@charset "utf-8";
.P_MAIN{background:#ebfdff}
.P_MAIN .m_visual {position: relative}
.P_MAIN .m_visual .item {height: 850px;}
.P_MAIN .m_visual .item.bg1 {background: url(../img/m_visual01.png) no-repeat center top;}
.P_MAIN .m_visual .item.bg2 {background: url(../img/m_visual02.png) no-repeat center top;}
.P_MAIN .m_visual .swiper-pagination {position: absolute; right: 67px; left: auto; top: 110px; width: auto;}
.P_MAIN .m_visual .swiper-pagination-bullet {width: 16px; height: 16px; border: 3px solid #008a96; border-radius: 8px; background: transparent; opacity: 1;}
.P_MAIN .m_visual .swiper-pagination-bullet.swiper-pagination-bullet-active {width: 60px; background: #008a96;}
/*.P_MAIN .sec2 {height: 58rem; background:#ebfdff url(../img/bg_main_sec2.png) repeat-x;}*/
.P_MAIN .sec2{height: 58rem;background-color:#ebfdff:}
.P_MAIN .sec2 .inner {width: 1400px; margin: 0 auto; padding-top: 78px;}
.P_MAIN .sec2 .tit {color: #333; font-size: 40px; font-weight: 700; text-align: center;}
.P_MAIN .sec2 .list {display:flex;justify-content: space-around;margin-top: 41px;}
/*.P_MAIN .sec2 .list::after {content: ""; display: block; clear: both;}*/
.P_MAIN .sec2 .list li {width: 320px;}
.P_MAIN .sec2 .list li a {display: block; position: relative; height: 300px; padding: 155px 0 0 40px; border-radius: 16px; color: #fff; letter-spacing: -1px; background: url(../img/ico_sec2_arrow.png) no-repeat;}
.P_MAIN .sec2 .list li a::before {content: ""; display: block; position: absolute; left: 40px; top: 40px; width: 100px; height: 100px;}
.P_MAIN .sec2 .list li a::after {content: ""; display: block; position: absolute; right: 30px; bottom: 30px; width: 36px; height: 36px; background: url(../img/ico_sec2_arrow.png) no-repeat;}
.P_MAIN .sec2 .list li a .t1 {position: absolute; right: 48px; top: 67px; font-size: 30px; font-weight: 700;}
.P_MAIN .sec2 .list li a .t2 {font-size: 20px; line-height: 30px;}
.P_MAIN .sec2 .list li + li {margin-left:-10rem;}
.P_MAIN .sec2 .list li:nth-child(1) a::before {background: url(../img/ico_sec2_ico_1.png) no-repeat;}
.P_MAIN .sec2 .list li:nth-child(2) a::before {background: url(../img/ico_sec2_ico_2.png) no-repeat;}
.P_MAIN .sec2 .list li:nth-child(3) a::before {background: url(../img/ico_sec2_ico_3.png) no-repeat;}
.P_MAIN .sec2 .list li:nth-child(4) a::before {background: url(../img/ico_sec2_ico_4.png) no-repeat;}
.P_MAIN .sec2 .list li:nth-child(2n) a {background: #008a96;}
.P_MAIN .sec2 .list li:nth-child(2n+1) a {background: #01aab1;}
.P_MAIN .sec2 .bot {margin-top: 100px;}
.P_MAIN .sec2 .bot ul {margin: 54px 0 0 -10px;}
.P_MAIN .sec2 .bot ul::after {content: ""; display: block; clear: both;}
.P_MAIN .sec2 .bot ul li {float: left;}
.P_MAIN .sec2 .bot ul li:nth-child(1),
.P_MAIN .sec2 .bot ul li:nth-child(2) {width: 465px;}
.P_MAIN .sec2 .bot ul li a {display: block; position: relative; min-height: 210px; padding: 26px 0 0 216px; color: #333; letter-spacing: -1px;}
.P_MAIN .sec2 .bot ul li a::before {content: ""; display: block; position: absolute; left: 0px; top: 0px; width: 216px; height: 222px;}
.P_MAIN .sec2 .bot ul li:nth-child(1) a::before {background: url(../img/ico_sec2_ico_5.png) no-repeat;}
.P_MAIN .sec2 .bot ul li:nth-child(2) a::before {background: url(../img/ico_sec2_ico_6.png) no-repeat;}
.P_MAIN .sec2 .bot ul li:nth-child(3) a::before {background: url(../img/ico_sec2_ico_7.png) no-repeat;}
.P_MAIN .sec2 .bot ul li a span {display: block;}
.P_MAIN .sec2 .bot ul li .t1 {font-size: 30px; font-weight: 700;}
.P_MAIN .sec2 .bot ul li .t2 {margin-top: 17px; font-size: 20px; line-height: 30px;}
.P_MAIN .sec3 {display:none;height: 710px; background: url(../img/bg_main_sec3.png) no-repeat center 45px;}
.P_MAIN .sec3 .inner {width: 1400px; margin: 0 auto;}
.P_MAIN .sec3 .col {display: table; width: 100%;}
.P_MAIN .sec3 .col > * {display: table-cell; vertical-align: top;}
.P_MAIN .sec3 .col .l_col {position: relative; width: 350px; padding-top: 84px;}
.P_MAIN .sec3 .col .l_col h2 {position: relative; padding-bottom: 38px; line-height: 52px;}
.P_MAIN .sec3 .col .l_col h2::after {content: ""; display: block; position: absolute; left: 0; bottom: 0px; width: 70px; height: 1px; background: #333;}
.P_MAIN .sec3 .col .l_col h2 span {display: block; color: #333;}
.P_MAIN .sec3 .col .l_col h2 span:nth-child(1) {font-size: 36px; font-weight: 400;}
.P_MAIN .sec3 .col .l_col h2 span:nth-child(2) {font-size: 48px;}
.P_MAIN .sec3 .col .l_col p {margin-top: 29px; color: #333; font-size: 24px; line-height: 36px;}
.P_MAIN .sec3 .col .l_col .more {display: block; position: absolute; left: 0; top: 490px; height: 60px; padding-left: 80px; color: #333; font-size: 18px; line-height: 60px; background: url(../img/ico_more.png) no-repeat;}
.P_MAIN .sec3 .col .r_col {width: auto; padding-top: 95px;}
.P_MAIN .sec3 .col .r_col .app_busi_notice {width: 1050px; height: 532px; padding-left: 1px;}
.P_MAIN .app_busi_notice .item {position: relative;}
.P_MAIN .app_busi_notice .item .top {height: 389px; padding: 0 39px; border: 1px solid #e1e1e1; border-bottom: 0; border-radius: 26px 26px 0 0;}
.P_MAIN .app_busi_notice .item .stat {display: table-cell; position: absolute; left: 40px; top: -1px; width: 70px; height: 70px;}
.P_MAIN .app_busi_notice .item .stat span {display: table-cell; width: 70px; height: 70px; color: #fff; text-align: center; vertical-align: middle;}
.P_MAIN .app_busi_notice .item .stat.green {background: #009e96;}
.P_MAIN .app_busi_notice .item .stat.red {background: #eb6877;}
.P_MAIN .app_busi_notice .item .day1 {display:none;position: absolute; right: 39px; top: 20px; color: #666; font-size: 18px; font-weight: 300;}
.P_MAIN .app_busi_notice .item .t1 {margin-top: 90px; color: #333; font-size: 28px; font-weight: 700; line-height: 36px;}
.P_MAIN .app_busi_notice .item .t2 {margin-top: 22px; color: #333; font-size: 24px; line-height: 36px; word-break: break-all;}
.P_MAIN .app_busi_notice .item .term {display: block; margin-top: 27px; color: #222; font-size: 18px; font-weight: 500;}
.P_MAIN .app_busi_notice .item .day2 {display: block; color: #666; font-size: 22px; letter-spacing: -1px;}
.P_MAIN .sec3 .app_busi_notice .swiper-pagination {bottom: 0;}
.P_MAIN .sec3 .app_busi_notice .swiper-pagination-bullet {width: 16px; height: 16px; background: #c0dbdc; opacity: 1;}
.P_MAIN .sec3 .app_busi_notice .swiper-pagination-bullet-active {width: 20px; height: 20px; border: 4px solid #01aab1; background: transparent; vertical-align: -2px;}

.P_MAIN .app_busi_notice .item a {display: block; width: 100%; height: 70px; border: 1px solid #e1e1e1; border-top: 0; border-radius: 0 0 25px 25px; color: #222; font-size: 18px; font-weight: 500; text-align: center; line-height: 69px; background: #eeefef;}
.P_MAIN .app_busi_notice .item a span {display: inline-block;}
.P_MAIN .app_busi_notice .item a span::before {content: ""; display: inline-block; width: 15px; height: 15px; margin-right: 10px; background: url(../img/ico_plus.png) no-repeat; vertical-align: 0px;}

.agree {margin-top: 80px;}
.agree .terms {overflow-y: auto; height: 240px; padding: 20px; border: 1px solid #dcdcdc; border-radius: 9px; color: #666; font-size: 14px; line-height: 24px;}
.agree .terms span {display: block; font-size: 16px; font-weight: 500;}
.agree .terms_chk {padding-bottom: 28px; border-bottom: 1px solid #808080;}
.agree .tit_2 + .terms {margin-top: 20px;}
.agree .tit_2 + .terms p {margin: 10px 0 20px 0;}
.agree .tit_2 + .terms dl {padding-bottom: 20px;}
.agree .tit_2 + .terms dt {font-size: 16px; font-weight: 500;}
.agree .terms + .terms_chk {margin-top: 26px;}
.agree .terms + .guide_txt {margin-top: 15px; color: #e5004f; font-size: 14px; font-weight: 300;}
.agree .terms + .guide_txt + .terms_chk {margin-top: 15px;}
.agree .terms_chk + .tit_2 {margin-top: 48px;}
.agree .terms_chk + .btn_group {margin-top: 40px;}
.agree .terms_chk .chk_txt + label::before {left: -21px;}


.join_step3 {position: relative; margin: 50px 0 47px 0; padding: 38px 0 35px 0; font-size: 0;}
.join_step3::before {content: ""; display: block; position: absolute; left: 0; top: 74px; width: 100%; height: 4px; background: #dcdcdc;}
.join_step3 .unit {display: inline-block; position: relative; height: 80px; font-size: 0; letter-spacing: -1px;}
.join_step3 .unit:first-child {margin-left: 360px;}
.join_step3 .unit + .unit {margin-left: 180px;}
.join_step3 .unit::after {content: ""; display: inline-block; width: 80px; height: 80px; border: 4px solid #dcdcdc; border-radius: 50%; background: #fff;}
.join_step3 .unit:nth-child(1)::after {background: #fff url(../img/ico_agree_step1.png) no-repeat center;}
.join_step3 .unit.done:nth-child(1)::after {background: #01aab1 url(../img/ico_agree_step1_done.png) no-repeat center;}
.join_step3 .unit:nth-child(2)::after {background: #fff url(../img/ico_agree_step2.png) no-repeat center;}
.join_step3 .unit.on:nth-child(2)::after {background: #fff url(../img/ico_agree_step2_on.png) no-repeat center;}
.join_step3 .unit.done:nth-child(2)::after {border-color: #01aab1; background: #01aab1 url(../img/ico_agree_step2_done.png) no-repeat center;}
.join_step3 .unit:nth-child(3)::after {background: #fff url(../img/ico_agree_step3.png) no-repeat center;}
.join_step3 .unit.on:nth-child(3)::after {background: #fff url(../img/ico_agree_step3.png) no-repeat center;}
.join_step3 .unit span {display: block; position: absolute; left: 50%; transform: translateX(-50%); width: 230px; color: #808080; font-size: 20px; font-weight: 500; text-align: center;}
.join_step3 .unit span:nth-child(1) {top: -43px; font-family: 'Myriad Pro', sans-serif;}
.join_step3 .unit span:nth-child(2) {bottom: -51px;}

.join_step3 .unit.on span:nth-child(1) {color: #01aab1;}
.join_step3 .unit.on span:nth-child(2) {color: #222;}
.join_step3 .unit.on::before {content: ""; display: block; position: absolute; right: 80px; top: 36px; width: 180px; height: 4px; background: #01aab1;}
.join_step3 .unit.on::after {border-color: #01aab1;}
.join_step3 .unit.on:first-child::before {width: 360px; border-radius: 2px 0 0 2px;}

.marks {margin-top: -2px; font-size: 0;}
.marks li {display: inline-block; color: #333; font-size: 16px; vertical-align: top;}
.marks li + li {margin-left: 29px;}
.marks li::before {content: ""; display: inline-block; width: 20px; height: 20px; margin-right: 10px; border-radius: 50%; vertical-align: -4px;}
.marks li.marks--comp::before {border:2px dashed #000;background: #008a96;}
.marks li.marks--pass::before {border:2px dotted #000;background: #006dbb;}
.marks li.marks--ing::before {border:3px double #000;background: #6ab82c;}
.marks li.marks--mod::before {border:4px  dashed #000;background: #ec6941;}
.marks li.marks--nopass::before {border:4px dotted  #000;background: #e5e5e5;}

.process {display: inline-block;}
.process::after {content: ""; display: block; clear: both;}
.process li {float: left; position: relative; text-align: center;}
.process li + li {margin-left: 76px;}
.process li + li::before {content: ""; display: block; position: absolute; left: -46px; top: 30px; width: 16px; height: 20px; background: url(../img/ico_process_space.png) no-repeat;}
.process li span {display: table-cell; width: 180px; height: 70px; border-radius: 35px; color: #fff; background: #006dbb; vertical-align: middle;}
.process li span.issue {background: #ec6941;}
.process li span.done {color: #333; background: #e5e5e5;}
.process li .blank {border: 1px solid #bdbdbd; border-radius: 35px; }
.process li .blank span {color: #333; background: #fff;}
.process li .btn {height: 46px; margin-top: 20px; padding: 0 20px; border-radius: 5px; color: #fff; font-size: 16px; line-height: 46px; background: #00485c;}
.process li .btn.done {color: #222; background: #dde2e5;}

.process2 {display: inline-block;}
.process2::after {content: ""; display: block; clear: both;}
.process2 li {float: left; position: relative; text-align: center;}
.process2 li + li {margin-left: 57px;}
.process2 li + li::before {content: ""; display: block; position: absolute; left: -35px; top: 30px; width: 16px; height: 20px; background: url(../img/ico_process_space.png) no-repeat;}
.process2 li span {display: table-cell; width: 180px; height: 70px; border-radius: 35px; color: #fff; background: #006dbb; vertical-align: middle;}
.process2 li span.orange {background: #ec6941;}
.process2 li span.green {background: #008a96;}
.process2 li span.light_green {background: #437812;}
.process2 li span.gray {color: #333; background: #e5e5e5;}
.process2 li .blank {border: 1px solid #bdbdbd; border-radius: 35px; }
.process2 li .blank span {color: #333; background: #fff;}
.process2 li .btn {height: 46px; margin-top: 20px; padding: 0 20px; border-radius: 5px; color: #fff; font-size: 16px; line-height: 46px; background: #00485c;}
.process2 li .btn.done {color: #222; background: #dde2e5;}

.process3 {display: inline-block;}
.process3::after {content: ""; display: block; clear: both;}
.process3 li {float: left; position: relative; text-align: center;}
.process3 li + li {margin-left: 36px;}
.process3 li + li::before {content: ""; display: block; position: absolute; left: -26px; top: 30px; width: 16px; height: 20px; background: url(../img/ico_process_space.png) no-repeat;}
.process3 li span {display: table-cell; width: 180px; height: 70px; border-radius: 35px; color: #fff; background: #006dbb; vertical-align: middle;}
.process3 li span.issue {background: #ec6941;}
.process3 li span.issue-green {background: #6ab82c;}
.process3 li span.done {color: #333; background: #e5e5e5;}
.process3 li .blank {border: 1px solid #bdbdbd; border-radius: 35px; }
.process3 li .blank span {color: #333; background: #fff;}
.process3 li .btn {height: 46px; margin-top: 10px; padding: 0 20px; border-radius: 5px; color: #fff; font-size: 16px; line-height: 46px; background: #00485c;}
.process3 li .btn.done {color: #222; background: #dde2e5;}


.ui_001 {display: table; width: 100%;}
.ui_001 > * {display: table-cell;}
.ui_001 .l_col {width: calc(100% - 50px);}
.ui_001 .r_col {position: relative; width: 50px; border-bottom: 1px solid #dde2e5; border-left: 1px solid #dde2e5; vertical-align: middle; background: #f5f6f7;}
.ui_001 .r_col button {display: block; width: 30px; margin: 0 auto; border-radius: 50%; background: #000;}
.ui_001 .r_col button + button {margin-top: 20px;}
.ui_001 .r_col button span {display: block; position: relative; height: 30px; color: #fff; font-size: 25px; line-height: 30px;}

.ui_002 {border-top: 2px solid #555;}
.ui_002 h2 {height: 50px; border-bottom: 1px solid #b8bdc5; color: #222; font-size: 16px; font-weight: 500; line-height: 50px; text-align: center; background: #e6edf3;}
.ui_002 p {overflow-y: auto; height: 250px; padding: 30px; border-bottom: 1px solid #555; color: #555; white-space: pre-line;}

.ui_003 .control {display: inline-block; margin-left: 30px; vertical-align: 3px;}
.ui_003 .control a {display: inline-block; width: 30px; height: 30px; border-radius: 50%; color: #fff; font-size: 25px; line-height: 30px; text-align: center; background: #000; vertical-align: top;}
.ui_003 .file_attach {display: block;}

.ui_004 img {max-width: 100%; padding: 20px; background: #f5f5f5;}


.POP_CONSULTING_HISTORY .tab::after {content: ""; display: block; clear: both;}
.POP_CONSULTING_HISTORY .tab li {float: left;}
.POP_CONSULTING_HISTORY .tab li + li {margin-left: 10px;}
.POP_CONSULTING_HISTORY .tab li a {display: block; height: 50px; padding: 0 40px; border: 2px solid #b8bdc5; border-radius: 25px; color: #666; font-size: 18px; line-height: 46px;}
.POP_CONSULTING_HISTORY .tab li a.on {border: 0; color: #fff; line-height: 50px; background: #008a96;}


.P_SEARCH_RESULT .txt {padding: 26px; border-radius: 8px; color: #28303c; font-size: 22px; font-weight: 500; text-align: center; background: #e6edf3;}
.P_SEARCH_RESULT .txt .keyword {color: #008a96;}
.P_SEARCH_RESULT .txt .count {color: #e50150;}
.P_SEARCH_RESULT .result_list {margin-top: 63px;}
.P_SEARCH_RESULT .result_list .top {padding-bottom: 15px; border-bottom: 1px solid #28303c;}
.P_SEARCH_RESULT .result_list .top h2 {position: relative; padding-left: 12px; color: #28303c; font-size: 20px; font-weight: 500;}
.P_SEARCH_RESULT .result_list .top h2:before {content: ""; display: block; position: absolute; left: 0; top: 10px; width: 6px; height: 6px; border-radius: 50%; background: #28303c;}
.P_SEARCH_RESULT .result_list .top h2 span {color: #169bd5;}
.P_SEARCH_RESULT .result_list .group {position: relative;}
.P_SEARCH_RESULT .result_list .group .more {position: absolute; right: 0; bottom: 27px; color: #666; font-size: 16px; font-weight: 300; text-decoration: underline;}
.P_SEARCH_RESULT .result_list .group + .group {margin-top: 44px;}
.P_SEARCH_RESULT .result_list ul {padding: 33px 0 70px 0; border-bottom: 1px solid #d2d6e0;}
.P_SEARCH_RESULT .result_list ul li + li {margin-top: 30px;}
.P_SEARCH_RESULT .result_list ul li .lnk a:nth-child(1) {color: #03727c; font-size: 18px; font-weight: 500; vertical-align: top;}
.P_SEARCH_RESULT .result_list ul li .lnk a:nth-child(1):hover {text-decoration: underline;}
.P_SEARCH_RESULT .result_list ul li .lnk a:nth-child(1) span {color: #009e96; font-weight: 700;}
.P_SEARCH_RESULT .result_list ul li .lnk .ipop {display: inline-block; margin-left: 2px; vertical-align: -7px;}
.P_SEARCH_RESULT .result_list ul li .desc {margin-top: 5px; color: #333; font-size: 16px; font-weight: 300; font-weight: 24px;}
.P_SEARCH_RESULT .result_list ul li .desc span {color: #009e96; font-weight: 500;}
.P_SEARCH_RESULT .result_list ul li .date {display: block; margin-top: 11px; color: #808080; font-size: 14px; font-size: 300;}


.P_SITEMAP > .inner::after {content: ""; display: block; clear: both;}
.P_SITEMAP > .inner > div {float: left; width: 320px; height: 442px;}
.P_SITEMAP > .inner > div:nth-child(1) {background: url(../img/sitemap01.png) no-repeat;}
.P_SITEMAP > .inner > div:nth-child(2) {background: url(../img/sitemap02.png) no-repeat;}
.P_SITEMAP > .inner > div:nth-child(3) {background: url(../img/sitemap03.png) no-repeat;}
.P_SITEMAP > .inner > div:nth-child(4) {background: url(../img/sitemap04.png) no-repeat;}
.P_SITEMAP > .inner > div:nth-child(5) {background: url(../img/sitemap05.png) no-repeat;}
.P_SITEMAP > .inner > div:nth-child(6) {background: url(../img/sitemap06.png) no-repeat;}
.P_SITEMAP > .inner > div:nth-child(7) {background: url(../img/sitemap07.png) no-repeat;}
.P_SITEMAP > .inner > div h2 {height: 120px; padding-top: 40px; border-bottom: 1px solid #d2d6e0; color: #28303c; font-size: 32px; font-weight: 700; letter-spacing: -2px;}
.P_SITEMAP > .inner > div ul {padding-top: 34px;}
.P_SITEMAP > .inner > div ul li {position: relative; padding-left: 17px;}
.P_SITEMAP > .inner > div ul li + li {margin-top: 20px;}
.P_SITEMAP > .inner > div ul li::before {content: ""; display: block; position: absolute; left: 0; top: 12px; width: 6px; height: 6px; border-radius: 50%; background: #008a96;}
.P_SITEMAP > .inner > div ul li a {color: #222; font-size: 20px; font-weight: 500;}


.POP_ONLINE_AD .mov_player {width: 720px;}
.POP_ONLINE_AD .mov_player + dl {display: table; width: 100%; margin-top: 20px;}
.POP_ONLINE_AD .mov_player + dl > * {display: table-cell;}
.POP_ONLINE_AD .mov_player + dl dt {width: 180px; padding: 12px 0; color: #fff; font-size: 18px; font-weight: 700; text-align: center; background: #005b82;}
.POP_ONLINE_AD .mov_player + dl dd {width: auto; padding: 0 30px; border: 2px solid #005b82; font-size: 16px;}
.POP_ONLINE_AD .mov_player + dl dd a {display: inline-block; position: relative; padding-left: 30px; color: #005b82;}
.POP_ONLINE_AD .mov_player + dl dd a:hover {text-decoration: underline;}
.POP_ONLINE_AD .mov_player + dl dd a::before {content: ""; display: block; position: absolute; left: 0; top: 2px; width: 20px; height: 24px; background: url(../img/ico_file.png) no-repeat;}


.POP_ONLINE_AD .pop_inner {width: 800px;}
.POP_CONSULTING_HISTORY .pop_inner,
.POP_COMMITTEE_DETAIL .pop_inner,
.POP_EVAL_COMMITTEE .pop_inner,
.POP_BUSINESS_DETAIL .fpop_inner,
.POP_BUSINESS_APPLIST .pop_inner,
.POP_REASON .pop_inner,
.POP_ACCOUNTING .pop_inner,
.POP_APPROVE_COMPLETE .pop_inner,
.pop_inner,
.POP_APPLIST .pop_inner {width: 960px;}
.POP_DOC_DOWNLOAD .pop_inner {width: 1150px;}



.P_BANNER .banner::after {content: ""; display: block; clear: both;}
.P_BANNER .banner li {float: left; width: 216px; margin-bottom: 30px; color: #666; font-size: 16px; text-align: center;}
.P_BANNER .banner li + li {margin-left: 50px;}
.P_BANNER .banner li:nth-child(5n+1) {margin-left: 0;}
.P_BANNER .banner li a {display: block; margin-bottom: 10px;}
.P_BANNER .banner li a img {width: 216px; height: 80px;}


.P_SPT_BUSI_GUIDE .msg__box {display: table; width: 100%; table-layout: fixed; margin-top: 20px; padding: 35px 0; border-radius: 8px; background: #f5f5f5;}
.P_SPT_BUSI_GUIDE .msg__box > * {display: table-cell; vertical-align: top;}
.P_SPT_BUSI_GUIDE .msg__box h4 {width: 185px; height: 100%; padding-left: 50px; border-right: 1px solid #b2b2b2; color: #38475f; font-size: 18px; font-weight: 500; line-height: 50px;}
.P_SPT_BUSI_GUIDE .msg__box > div {padding: 0 40px; color: #333; font-size: 16px;}
.P_SPT_BUSI_GUIDE .msg__box > div ul {margin-top: 26px;}
.P_SPT_BUSI_GUIDE .msg__box > div ul li {position: relative; padding-left: 10px;}
.P_SPT_BUSI_GUIDE .msg__box > div ul li + li {margin-top: 4px;}
.P_SPT_BUSI_GUIDE .msg__box > div ul li::before {content: ""; display: block; position: absolute; left: 0; top: 10px; width: 3px; height: 3px; border-radius: 50%; background: #333;}
.P_SPT_BUSI_GUIDE .msg__box + .tit_2 {margin-top: 50px;}
.P_SPT_BUSI_GUIDE .list_1 {margin-top: 30px; padding-left: 370px;}
.P_SPT_BUSI_GUIDE .tit_2 + .txt_18_3 {margin-top: 14px;}
.P_SPT_BUSI_GUIDE .txt_18_3 + .tb_1 {margin-top: 8px;}


.POP_ATTACH_DOWNLOAD .scroll {max-height: 600px; overflow-y: auto; overflow-x: hidden;}


.contents_wrap .P_LOGIN {padding: 0;}
.P_LOGIN .colbox {margin-top: 116px; padding: 0 60px;}
.P_LOGIN .colbox > div {float: left; width: 620px; padding: 32px 100px 0 100px; border-radius: 18px;}
.P_LOGIN .colbox > div h2 {color: #222; font-size: 30px; font-weight: 500; text-align: center;}
.P_LOGIN .colbox .l_col {height: 410px; margin-right: 40px; border: 1px solid #d2d6e0;}
.P_LOGIN .colbox .l_col h2 {padding-bottom: 22px;}
.P_LOGIN .colbox .l_col input + input {margin-top: 10px;}
.P_LOGIN .colbox .l_col .btn_login {display: block; height: 70px; margin-top: 20px; border-radius: 35px; color: #fff; font-size: 20px; font-weight: 500; line-height: 70px; text-align: center; background: #03727c;}
.P_LOGIN .colbox .l_col .idsave {margin-top: 19px; font-size: 0;}

.P_LOGIN .colbox .r_col {height: 410px; background: #f5f5f5;}
.P_LOGIN .colbox .r_col ul {margin-top: 20px; padding-bottom: 23px;}
.P_LOGIN .colbox .r_col ul li {position: relative; padding-left: 10px; color: #28303c; font-size: 18px; font-weight: 300; line-height: 20px; letter-spacing: -1px;}
.P_LOGIN .colbox .r_col ul li + li {margin-top: 6px;}
.P_LOGIN .colbox .r_col ul li::before {content: ""; display: block; position: absolute; left: 0; top: 8px; width: 2px; height: 2px; background: #28303c;}
.P_LOGIN .colbox .r_col > a {display: block; height: 50px; border-radius: 5px; color: #fff; font-size: 16px; font-weight: 300; text-align: center; line-height: 50px;  letter-spacing: -1px; background: #008cd6;}
.P_LOGIN .colbox .r_col > a + a {margin-top: 10px;}
.P_LOGIN .colbox .r_col > a.join {background: #008a96 url(../img/ico_join.png) no-repeat 122px center;}
.P_LOGIN .colbox .r_col > a.idsearch {background: #008a96 url(../img/ico_search_w2.png) no-repeat 124px center;}
.P_LOGIN .colbox .r_col > a.pwd {background: #008a96 url(../img/ico_lock_w.png) no-repeat 124px center;}
.P_LOGIN .colbox .r_col > a.blue {background: #005bac;}
.P_LOGIN .chk_txt + label::before {left: -18px;}


/* error page */
.error_page h1 {margin-top: 199px; color: #222; font-size: 48px; font-weight: 500; text-align: center;}
.error_page .inner {width: 690px; margin: 35px auto 0; padding: 40px 0; border: 1px solid #dde2e5; border-radius: 28px; text-align: center;}
.error_page .inner p {display: inline-block; max-width: 500px; padding: 50px 0 50px 150px; color: #666; font-size: 24px; background: url(../img/ico_error.png) no-repeat left center;}
.error_page .inner .btn {height: 46px; border-radius: 5px; margin-top: 20px; color: #fff; font-size: 16px; text-align: center; line-height: 46px; background: #169bd5;}


/* page ready */
.PAGE_READY {position: fixed; left: 0; top: 0; width: 100%; height: 100%;}
.PAGE_READY .inner {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 600px; text-align: center;}
.PAGE_READY .inner::before {content: ""; display: block; width: 240px; height: 240px; margin: 0 auto; background: url(../img/ico_ready.png) no-repeat;}
.PAGE_READY p:nth-child(1) {margin-top: 33px; color: #323949; font-size: 48px;}
.PAGE_READY p:nth-child(2) {margin-top: 26px; color: #222; font-size: 24px; line-height: 36px;}


.P_PRIVAE_INFO h2 {margin-top: 30px; font-size: 20px;}
.P_PRIVAE_INFO h2 + p {margin-top: 5px;}
.P_PRIVAE_INFO p {font-size: 15px; line-height: 24px;}
.P_PRIVAE_INFO ol {margin-top: 10px; padding: 20px; border-top: 1px solid #ddd; font-size: 14px; background: #f9f9f9;}
.P_PRIVAE_INFO ol::after {content: ""; display: block; clear: both;}
.P_PRIVAE_INFO ol li {float: left; width: 50%; margin-bottom: 10px;}
.P_PRIVAE_INFO ol li a {margin-left: 5px; color: #515151;}
.P_PRIVAE_INFO ol li a:hover {text-decoration: underline;}
.P_PRIVAE_INFO ol li span {color: #999; font-size: 13px;}
.P_PRIVAE_INFO .colbox {margin-top: 20px;}
.P_PRIVAE_INFO .colbox::after {content: ""; display: block; clear: both;}
.P_PRIVAE_INFO .colbox > * {display: block; float: left; width: 250px; padding: 15px; border: 1px solid #aaa; font-size: 14px;}
.P_PRIVAE_INFO .colbox > div + div {margin-left: 10px;}
.P_PRIVAE_INFO .colbox + p {margin-top: 20px;}


.POP_EMAIL_NO {width: 580px;}
.POP_EMAIL_NO .msg {padding-top: 102px; color: #222; font-size: 16px; font-size: 300; text-align: center; background: url(../img/ico_warn2.png) no-repeat center top;}
.POP_EMAIL_NO .msg strong {color: #008cd6;}
.POP_EMAIL_NO .msg2 {margin-top: 24px; padding: 24px; border-radius: 10px; color: #222; font-size: 16px; font-weight: 300; background: #eee; letter-spacing: -1px; word-break: break-all;}


.P_TERMS h2 {font-size: 20px;}
.P_TERMS h2 + p {margin-top: 10px;}
.P_TERMS p + h2 {margin-top: 30px;}


.P_COPYRIGHT_PROTECT h2 {color: #4B76A4;}
.P_COPYRIGHT_PROTECT h2 + p {margin-top: 10px;}
.P_COPYRIGHT_PROTECT h2 + .tb_4 {margin-top: 10px;}
.P_COPYRIGHT_PROTECT p + h2 {margin-top: 30px;}
.P_COPYRIGHT_PROTECT strong {display: block; padding-bottom: 10px;}


.POP_RETIRE {width: 580px;}
.POP_RETIRE .msg {padding-top: 102px; color: #222; font-size: 24px; text-align: center; background: url(../img/ico_warn2.png) no-repeat center top;}
.POP_RETIRE .msg strong {color: #008cd6;}
.POP_RETIRE .msg2 {margin-top: 24px; padding: 24px; border-radius: 10px; color: #222; font-size: 16px; font-weight: 300; text-align: center; background: #eee; letter-spacing: -1px;}


.P_JOINTYPE {padding-top: 40px; text-align: center;}
.P_JOINTYPE .txt_1 {color: #28303c; font-size: 30px; font-weight: 500;}
.P_JOINTYPE .txt_2 {margin-top: 8px; color: #666; font-size: 24px; font-weight: 500;}
.P_JOINTYPE .txt_3 {margin-top: 45px; color: #28303c; font-size: 18px; line-height: 30px;}
.P_JOINTYPE .choose {position: relative; width: 800px; margin: 0 auto 0;}
.P_JOINTYPE .choose input[type=radio] {position: absolute; left: -9999px; top: -9999px;}
.P_JOINTYPE .choose .joinType {display: block; float: left; width: 380px; height: 280px; border-radius: 17px; padding-top: 217px; color: #000; font-size: 24px; font-weight: 500;border:1px solid #b1d9de; background: #f5f7f9;}
.P_JOINTYPE .choose .icon-join {position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);width:152px;height:152px;border-radius:50%;background-color:#fff;box-sizing:border-box;border:15px solid #e2eef1;background: #f5f7f9 url(../img/icon-join_off.png) no-repeat center center;}
.P_JOINTYPE .choose span.private {background: #e6edf3 url(../img/ico_private.png) no-repeat center 50px; cursor: pointer;}
.P_JOINTYPE .choose input:checked + span.private {background: #005bac url(../img/ico_private.png) no-repeat center 50px;}
.P_JOINTYPE .choose .icon-join p.business {margin-left: 40px;}
.P_JOINTYPE .choose input:checked + span.business {background: #005bac url(../img/ico_business.png) no-repeat center 50px;}

.P_JOINTYPE .choose span.private:hover { background: #008a96 url(../img/ico_private.png) no-repeat center 50px; }
.P_JOINTYPE .choose .joinType:hover {background: #008a96; }
.P_JOINTYPE .choose .joinType:hover .icon-join {position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);width:152px;height:152px;border-radius:50%;background-color:#fff;box-sizing:border-box;border:15px solid #2c9ea8;background:#f5f7f9 url(../img/icon-join_on.png) no-repeat center center;}
.P_JOINTYPE .choose .joinType:hover p.business {color:#fff;}



.P_SEARCH_IDPW .ippw .tab li {float: left; width: 50%;}
.P_SEARCH_IDPW .ippw .tab li a {display: block; height: 70px; color: #666; font-size: 22px; font-weight: 500; line-height: 70px; text-align: center; background: #d2d6e0;}
.P_SEARCH_IDPW .ippw .tab li a span {display: inline-block; height: 70px;}
.P_SEARCH_IDPW .ippw .tab li:first-child a {border-top-left-radius: 16px;}
.P_SEARCH_IDPW .ippw .tab li:first-child a span::before {content: ""; display: inline-block; width: 24px; height: 24px; margin-right: 18px; background: url(../img/ico_tab_id.png) no-repeat; vertical-align: -3px;}
.P_SEARCH_IDPW .ippw .tab li:first-child a.on span::before {content: ""; display: inline-block; width: 24px; height: 24px; margin-right: 18px; background: url(../img/ico_tab_id_on.png) no-repeat; vertical-align: -3px;}
.P_SEARCH_IDPW .ippw .tab li:first-child a.on {border-top: 1px solid #d2d6e0; border-left: 1px solid #d2d6e0; background: #fff;}
.P_SEARCH_IDPW .ippw {margin-top: 91px;}
.P_SEARCH_IDPW .ippw .tab li:last-child a {border-top-right-radius: 16px;}
.P_SEARCH_IDPW .ippw .tab li:last-child a span::before {content: ""; display: inline-block; width: 18px; height: 24px; margin-right: 18px; background: url(../img/ico_tab_pwd.png) no-repeat; vertical-align: -3px;}
.P_SEARCH_IDPW .ippw .tab li:last-child a.on span::before {content: ""; display: inline-block; width: 18px; height: 24px; margin-right: 18px; background: url(../img/ico_tab_pwd_on.png) no-repeat; vertical-align: -3px;}
.P_SEARCH_IDPW .ippw .tab li:last-child a.on {border-top: 1px solid #d2d6e0; border-right: 1px solid #d2d6e0; background: #fff;}
.P_SEARCH_IDPW .ippw .colbox {border: 1px solid #d2d6e0; border-radius: 0 0 16px 16px;}
.P_SEARCH_IDPW .ippw .colbox > div {float: left; width: 50%;}
.P_SEARCH_IDPW .ippw .colbox .l_col {position: relative; height: 390px; padding-top: 89px; background: url(../img/ico_idpw.png) no-repeat 60px 50px;}
.P_SEARCH_IDPW .ippw .colbox .l_col::after {content: ""; display: block; position: absolute; right: 0; top: 40px; width: 1px; height: 300px; background: #d2d6e0;}
.P_SEARCH_IDPW .ippw .colbox .l_col > div {width: 270px; margin-left: 305px;}
.P_SEARCH_IDPW .ippw .colbox .l_col > div h3 {color: #333; font-size: 24px; font-weight: 500; text-align: center;}
.P_SEARCH_IDPW .ippw .colbox .l_col > div a {margin-top: 17px;}
.P_SEARCH_IDPW .ippw .colbox .l_col p {margin-top: 83px; color: #333; font-size: 16px; line-height: 30px; text-align: center;}
.P_SEARCH_IDPW .ippw .colbox .r_col {padding: 70px 90px 0 90px;}
.P_SEARCH_IDPW .ippw .colbox .r_col input + input {margin-top: 20px;}
.P_SEARCH_IDPW .ippw .colbox .r_col .btn {width: 100%; height: 70px; margin-top: 30px; border-radius: 8px; color: #fff; font-size: 20px; font-weight: 500; line-height: 70px; text-align: center; background: #03727c;}
.P_SEARCH_IDPW .ippw .result {height: 100px; margin-top: 30px; border-radius: 15px; color: #222; font-size: 24px; text-align: center; line-height: 100px; background: #f5f5f5 url(../img/ico_warn.png) no-repeat 50px center;}
.P_SEARCH_IDPW .ippw .result strong {color: #005bac;}


.join_step {position: relative; margin-bottom: 80px; padding: 38px 0 35px 0; font-size: 0;}
.join_step::before {content: ""; display: block; position: absolute; left: 0; top: 73px; width: 100%; height: 4px; background: #dcdcdc;}
.join_step .unit {display: inline-block; position: relative; height: 80px; font-size: 0; letter-spacing: -1px;}
.join_step .unit:first-child {margin-left: 255px;}
.join_step .unit + .unit {margin-left: 150px;}
.join_step .unit::after {content: ""; display: inline-block; width: 80px; height: 80px; border: 4px solid #dcdcdc; border-radius: 50%; background: #fff;}
.join_step .unit:nth-child(1)::after {background: #fff url(../img/ico_join_step1_on.png) no-repeat center;}
.join_step .unit.done:nth-child(1)::after {background: #008a96 url(../img/ico_join_step1_done.png) no-repeat center;}
.join_step .unit:nth-child(2)::after {background: #fff url(../img/ico_join_step2.png) no-repeat center;}
.join_step .unit.on:nth-child(2)::after {background: #fff url(../img/ico_join_step2_on.png) no-repeat center;}
.join_step .unit.done:nth-child(2)::after {background: #008a96 url(../img/ico_join_step2_done.png) no-repeat center;}
.join_step .unit:nth-child(3)::after {background: #fff url(../img/ico_join_step3.png) no-repeat center;}
.join_step .unit.on:nth-child(3)::after {background: #fff url(../img/ico_join_step3_on.png) no-repeat center;}
.join_step .unit:nth-child(4)::after {background: #fff url(../img/ico_join_step4.png) no-repeat center;}
.join_step .unit.on:nth-child(4)::after {background: #fff url(../img/ico_join_step4_on.png) no-repeat center;}
.join_step .unit span {display: block; position: absolute; left: 0; width: 100%; color: #808080; font-size: 20px; font-weight: 500; text-align: center;}
.join_step .unit span:nth-child(1) {top: -43px; font-family: 'Myriad Pro', sans-serif;}
.join_step .unit span:nth-child(2) {bottom: -51px;}
.join_step .unit.on span:nth-child(1) {color: #008a96;}
.join_step .unit.on::before {content: ""; display: block; position: absolute; right: 80px; top: 36px; width: 150px; height: 4px; background: #008a96;}
.join_step .unit.on::after {border-color: #008a96;}
.join_step .unit.on:first-child::before {width: 255px; border-radius: 2px 0 0 2px;}


.P_JOINSTEP_1 .agree {margin-top: 80px;}
.P_JOINSTEP_1 .agree .terms {overflow-y: auto; height: 240px; padding: 20px; border: 1px solid #dcdcdc; border-radius: 9px; color: #666; font-size: 14px; line-height: 24px;}
.P_JOINSTEP_1 .agree .terms_chk {padding-bottom: 28px; border-bottom: 1px solid #808080;}
.P_JOINSTEP_1 .agree .tit_2 + .terms {margin-top: 20px;}
.P_JOINSTEP_1 .agree .tit_2 + .terms p {margin: 10px 0;}
.P_JOINSTEP_1 .agree .tit_2 + .terms dl {padding-bottom: 20px;}
.P_JOINSTEP_1 .agree .tit_2 + .terms dt {font-size: 16px; font-weight: 500;}
.P_JOINSTEP_1 .agree .tit_2 + .terms dt.title {color:#000;font-size:17px;}
.P_JOINSTEP_1 .agree .terms + .terms_chk {margin-top: 26px;}
.P_JOINSTEP_1 .agree .terms + .guide_txt {margin-top: 15px; color: #e5004f; font-size: 14px; font-weight: 300;}
.P_JOINSTEP_1 .agree .terms + .guide_txt + .terms_chk {margin-top: 15px;}
.P_JOINSTEP_1 .agree .terms_chk + .tit_2 {margin-top: 48px;}
.P_JOINSTEP_1 .agree .terms_chk + .btn_group {margin-top: 40px;}

.P_JOINSTEP_1 .agree .tit_2 + .terms dl dd ol.indent li {text-indent: -1.2em;margin-left: 1.2em;}
.P_JOINSTEP_1 .agree .tit_2 + .terms dl dd ol.indent .indent li {text-indent: -2em;margin-left: 2em;padding-left: 1.5rem;}

.P_JOINSTEP_1 .agree .tit_2 + .terms dl dd .tb_1 > table > thead > tr > th {padding:5px 0;font-size:14px;}
.P_JOINSTEP_1 .agree .tit_2 + .terms dl dd .tb_1 > table > tbody > tr > td {padding:5px 0;font-size:14px;}
.tb_1 > table.stepForm > tbody > tr > td:last-child {border-right: 1px solid #b8bdc5;}


.P_JOINSTEP_2 .tit_2 + .certification {margin-top: 19px;}
.P_JOINSTEP_2 .certification {height: 420px; padding-top: 100px; border-radius: 0 0 45px 45px; background: #f5f5f5 url(../img/ico_self_cert.png) no-repeat 353px 50px;}
.P_JOINSTEP_2 .certification .self {width: 270px; margin-left: 674px;}
.P_JOINSTEP_2 .certification .self h3 {color: #333; font-size: 24px; font-weight: 500; text-align: center;}
.P_JOINSTEP_2 .certification .self .btn {margin-top: 14px;}
.P_JOINSTEP_2 .certification p {margin-top: 91px; color: #333; font-size: 18px; line-height: 30px; text-align: center;}
.P_JOINSTEP_2 .certification + .btn_group {margin-top: 40px;}


.P_JOINSTEP_3 .board_write + .btn_group {margin-top: 40px;}


/* 20220819 responsive */
/* 회원가입 */
.P_JOINTYPE .choose {position: relative;width: 380px;}
.P_JOINTYPE .choose span.business {margin-left: 0;}
/* 회원가입 :: 회원정보입력 */
#formView01 .board_write table td.password input::placeholder {color:#fff;} 
/* 안내 */
.introduce_m {display:none;}
.introduce2_m {display:none;}
/* 지원사업 */
.business_img_m {display:none;}
/* 비지니스지원단 */
.layout-type2 .join_step3 .unit.on:first-child::before {width: 253px;}
.layout-type2 .join_step3 .unit:first-child {margin-left: 253px;}
/* 수소전문기업신청 */
.board_write.mypgTable table td.d-inline br {display:none;}
.re_area br {display:none;}

.P_PRIVAE_INFO .tb_1 > table.fr-dashed-borders > tbody > tr:last-child > td {border:1px solid #b8bdc5;}


section.main-visual {
    width: 100%;
    height: 700px;
}
.main-visual .swiper_main {
	width:100%;
	height:700px;
}
.main-visual .swiper_main .swiper-slide {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
.swiper-slide01 {
    background-image: url(/_res/h2hub/hes/img/visual1.png);
}
.swiper-slide02 {
    background-image: url(/_res/h2hub/hes/img/visual2.png);
}
.swiper-slide03 {
    background-image: url(/_res/h2hub/hes/img/visual3.png);
}
.swiper-slide04 {
    background-image: url(/_res/h2hub/hes/img/visual4.png);
}
.swiper-slide .inner_1920 {
    position: absolute;
    top: 18.5rem;
    left: 0;
    width: 100%;
    max-width: 110rem;
}
.inner_1920 .mTbox {
    position: initial;
    width: auto;
    padding-left: 15rem;
    color: #fff;
    /*text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6);*/
    letter-spacing: -0.5px;
    transform: none;
}
.mTbox > span {
    font-size: 22px;
    font-weight: 400;
    color: #fff;
	background-color:#004f94;
	padding:10px 25px;
	border-radius:8px;
	display:inline-block;
	margin-bottom:20px;
}
.mTbox > h3 {
    font-size: 64px;
    font-weight: 400;
	line-height:1.3;
	letter-spacing:-0.5px;
	display:block;
	margin-bottom:20px;
	text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

.mTbox > h3 > strong {
    display: block;
    font-weight: 700;
	letter-spacing:-0.5px;
}

.mTbox > p {
    font-size:24px;
	line-height:1.3;
	letter-spacing:-0.5px;
	font-weight: 400;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.7);
}

.page-wrap{position: absolute;top: 640px;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: 24px;
    height: 24px;
    background-image: url(/_res/h2hub/hes/img/uiw_left.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    top: 0;
    left: -5rem;
    right: 0;
}
.page_inner .swiper-button-next {
    position: absolute;
    width: 24px;
    height: 24px;
    background-image: url(/_res/h2hub/hes/img/uiw_right.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    top: 0;
    left: 76px;
    right: 0;
}

.page_inner .swiper-button-pause {
    position: absolute;
    width: 1.8rem;
    height: 1.8rem;
    background-image: url(/_res/h2hub/hes/img/pager-pause.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    top: 2px;
    left: 11rem;
    right: 0;
    cursor: pointer;
	text-indent: -9999px;
}

.swiper-notification {
	display:none !important;
}

.page_inner .swiper-button-pause.off {
	position: absolute;
    width: 1.6rem;
    height: 1.6rem;
    background-image: url(/_res/h2hub/hes/img/pager-play.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
	cursor:pointer;
    top: 4px;
    left: 11.2rem;
	text-indent: -9999px;
}

.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: 10rem;
    height: 2rem;
    top: -2px;
    right: -46px;
}
.page_inner .swiper-pagination.pagination_bullet {margin-left: 0;text-align: left;top: 45%;transform: translateY(-20%);}
.page_inner .swiper-pagination-bullet {width: 1.7rem;height: 1.7rem; background-color: rgba(255,255,255,0.4) ;opacity: 1; border:2px solid #fff;}
.page_inner .swiper-pagination-bullet + .swiper-pagination-bullet {margin-left: .4rem;}
.page_inner .swiper-pagination-bullet-active::before {display:none;} 
.swiper-pagination-bullet.swiper-pagination-bullet-active {background-color:#fff;}
.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;}

.swiper-button-next:after, .swiper-button-prev:after {display:none;}
.swiper_mainSub {	
	position:absolute;
	top:80px;
	left:50%;
	margin-left:70px;
	z-index:1;
}
.swiper_mainSub .swiper-wrapper:after {
    content: "";
    display: block;
    position: absolute;
    width: 200%;
    height: 100px;
    background-color: #fff;
    bottom: 120px;
    z-index: -1;
    left: -50px;
}


.swiper_mainSub .swiper-wrapper {
	position:relative;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.swiper_mainSub .swiper-wrapper div.sub_slide {
	margin:0 30px 30px 0;
	width:307px !important;
}
.swiper_mainSub .swiper-wrapper div.sub_slide:nth-child(1) {
	transform: translate(0, -30px);
}
.swiper_mainSub .swiper-wrapper div.sub_slide:nth-child(3) {
	transform: translate(0, -30px);
}
.swiper_mainSub .swiper-wrapper div.sub_slide a {
    position: relative;
    display: block;
	overflow:hidden;
	border-radius:20px;
}
.swiper_mainSub .swiper-wrapper div.sub_slide a:focus {
	outline:dashed 4px #004f94 !important;
}

.swiper_mainSub .swiper-wrapper div.sub_slide a:after {
	position:absolute;
	content:"";
	display:block;
	bottom:45px;
	right:35px;
	width:82px;
	height:62px;
	background-repeat:no-repeat;
	background-size:contain;
	background-position:center center; 
}
.swiper_mainSub .swiper-wrapper div.sub_slide a:before {
    content: "";
    display: block;
    position: absolute;
    width: 30px;
    height: 24px;
    background-image: url(/_res/h2hub/hes/img/mv-r-ar-w.svg);
    left: 40px;
    bottom: 90px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
	z-index:1;
}
.swiper_mainSub .swiper-wrapper div.sub_slide:hover a:before,
.swiper_mainSub .swiper-wrapper div.sub_slide.swiper-slide-thumb-active a:before {
    background-image: url(/_res/h2hub/hes/img/mv-r-ar-b.svg);
}



.swiper_mainSub .swiper-wrapper div.sub_slide:nth-child(1) a:after {
	background-image:url('/_res/h2hub/hes/img/mv-r-01_w.svg');
}
.swiper_mainSub .swiper-wrapper div.sub_slide:nth-child(2) a:after {
	background-image:url('/_res/h2hub/hes/img/mv-r-02_w.svg');
}
.swiper_mainSub .swiper-wrapper div.sub_slide:nth-child(3) a:after {
	background-image:url('/_res/h2hub/hes/img/mv-r-03_w.svg');
}
.swiper_mainSub .swiper-wrapper div.sub_slide:nth-child(4) a:after {
	background-image:url('/_res/h2hub/hes/img/mv-r-04_w.svg');
}
.swiper_mainSub .swiper-wrapper div.sub_slide.swiper-slide-thumb-active:nth-child(1) a:after,
.swiper_mainSub .swiper-wrapper div.sub_slide:nth-child(1):hover a:after {
	background-image:url('/_res/h2hub/hes/img/mv-r-01_b.svg');
}
.swiper_mainSub .swiper-wrapper div.sub_slide.swiper-slide-thumb-active:nth-child(2) a:after,
.swiper_mainSub .swiper-wrapper div.sub_slide:nth-child(2):hover a:after {
	background-image:url('/_res/h2hub/hes/img/mv-r-02_b.svg');
}
.swiper_mainSub .swiper-wrapper div.sub_slide.swiper-slide-thumb-active:nth-child(3) a:after,
.swiper_mainSub .swiper-wrapper div.sub_slide:nth-child(3):hover a:after {
	background-image:url('/_res/h2hub/hes/img/mv-r-03_b.svg');
}
.swiper_mainSub .swiper-wrapper div.sub_slide.swiper-slide-thumb-active:nth-child(4) a:after,
.swiper_mainSub .swiper-wrapper div.sub_slide:nth-child(4):hover a:after {
	background-image:url('/_res/h2hub/hes/img/mv-r-04_b1.svg');
}
.swiper_mainSub .swiper-wrapper div.sub_slide a dl {
    background-color: #506DD1;
    border: 4px solid #506DD1;
	outline: 1px solid #a7b8e8;
    display: block;
    width: 308px;
    height: 340px;
    border-radius: 20px;
    padding: 40px;
	transition: all 0.2s ease;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-ms-transition: all .3s ease;
	-o-transition: all 0.2s ease;
}
.swiper_mainSub .swiper-wrapper div.sub_slide a dl:focus {outline:dashed 3px #000 !important;}
.swiper_mainSub .swiper-wrapper div.sub_slide.swiper-slide-thumb-active a dl,
.swiper_mainSub .swiper-wrapper div.sub_slide a:hover dl {	
	background-color:#fff;
	box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3);
	transition: all 0.2s ease;
    border: 4px solid #65BFFF;
	outline: 1px solid #65BFFF;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-ms-transition: all .3s ease;
	-o-transition: all 0.2s ease;
	
}

.swiper_mainSub .swiper-wrapper div.sub_slide.swiper-slide-thumb-active a dl dt,
.swiper_mainSub .swiper-wrapper div.sub_slide a:hover dl dt {
	color:#004F94;
}
.swiper_mainSub .swiper-wrapper div.sub_slide a dl dt {
    font-size: 18px;
    font-weight: 500;
    color: #a7b6e8;
    padding-bottom: 25px;
}
.swiper_mainSub .swiper-wrapper div.sub_slide.swiper-slide-thumb-active a dl dd,
.swiper_mainSub .swiper-wrapper div.sub_slide a:hover dl dd {
	color:#000;
}

.swiper_mainSub .swiper-wrapper div.sub_slide a dl dd {
    font-size: 30px;
	color:#fff;
}
.swiper_mainSub .swiper-wrapper div.sub_slide dl dd span {
    padding-bottom: 15px;
    display: block;
}
.swiper_mainSub .swiper-wrapper div.sub_slide dl dd strong {
    display: block;
}
.main-bottom-link {
	height:150px;
	background-color:#fff;
}
.main-bottom-link .bottom-link-inner {
	padding:30px 0;
	max-width:1600px;
	margin:0 auto;
}
.main-bottom-link .bottom-link-inner ul {
    display: flex;
	width: 50%;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
}
.main-bottom-link .bottom-link-inner ul li {
	min-width: 370px;
}

.main-bottom-link .bottom-link-inner ul li a {
    display: block;	
}

.main-bottom-link .bottom-link-inner ul li a p {
    display: inline-block;
	vertical-align: top;
}

.main-bottom-link .bottom-link-inner ul li a dl {
    display: inline-block;
    padding: 18px 0 0 25px;
}

.main-bottom-link .bottom-link-inner ul li a dl dt {
    font-size:20px;
	font-weight:600;
}

.main-bottom-link .bottom-link-inner ul li a dl dt strong {
	color:#333;
	display:inline-block;
}

.main-bottom-link .bottom-link-inner ul li a dl dt em {
	color:#004f94;
	font-weight:700;	
	display:inline-block;
	padding-left:10px;
}

.main-bottom-link .bottom-link-inner ul li a dl dd span {
	position:relative;	
	font-size:18px;
	font-weight:600;
	color:#555;
	padding-top:10px;
	display:inline-block;
}
.main-bottom-link .bottom-link-inner ul li a dl dd span:after {
	content:"";
	display:block;
	position:absolute;
	right:-30px;
	top:10px;
	width:20px;
	height:20px;
	background-image:url('/_res/h2hub/hes/img/mv-bt-ar.svg');
	background-repeat:no-repeat;
	background-size:contain;
	background-position:center center;
}


@media all and (max-width: 1600px){
	/* sub공통 */
	.contents_wrap { padding: 5rem 0 7rem 0 !important;}
	.contents_wrap .pages {padding: 0 2rem;}
	.container .contents_top {padding: 4rem 0;height: auto; background: url(../img/content_top.png) no-repeat center top; background-size: cover;}
	/* 로그인 */
	.P_LOGIN .colbox > div {width: 47%;}

	/* intro */

}
@media all and (max-width: 1400px){
	/* sub공통 */
	.contents_wrap .gotop  {display:none !important;}
	.sub-navigation {display:none;}
	/* 로그인 */
	.P_LOGIN .colbox > div {padding: 32px 4rem 0 4rem;}
	/* 아이디찾기 */
	.P_SEARCH_IDPW .ippw .colbox .l_col {padding-top: 7%;background-size: 30%;}
	.P_SEARCH_IDPW .ippw .colbox .l_col > div {width: 40%;margin-left: 50%;}
	/* 사이트맵 */
	.pages.P_SITEMAP .inner {display: flex; flex-flow: row wrap;justify-content: space-between;}
	/* 신청관리 */
	.condition2 {overflow: hidden;}
	.condition2 table {width: calc(100% - 15%);}
	.condition2 td .f_txt.hasDatepicker {width:46.3% !important;}

	/* 수소전문기업신청 */
	.join_step3 {margin: 5rem 0 5rem 0;padding: 3.8rem 0 5rem 0;overflow: hidden;}
	.join_step3 .unit:first-child { margin-left: 30%;}
	/* 지원사업 */
	.contents_wrap .pages p.al_c.mt50 img {width:100%;}
	.contents_wrap .pages p.al_c.mt30 img {width:50%;}
	.P_SPT_BUSI_GUIDE .list_1 {padding-left: 25%}
	/* 회원가입 */
	.join_step .unit:first-child {margin-left: 15%;}
	.P_JOINSTEP_2 .certification .self {margin-left: 50%;}
}

@media all and (max-width: 1280px) {
	.swiper_mainSub .swiper-wrapper div.sub_slide a:before {
		left:27px;
		bottom:65px;
	}
}
@media all and (max-width: 1200px){
	/* 메인 팝업 */
	.pop_header h1 {font-size:3rem;}
	.POP_EMAIL_NO {width: calc(100% - 5rem);}
	.location .combo:nth-child(3) {background-color:#009fad;}
	.container .location .combo::after {display:none !important;}
	.container .location .home {height: 40px;}
	.container .location .combo {height: 40px;}
	.container .location .combo > a {height: 40px;line-height: 40px;}
	/* 로그인 */
	.P_LOGIN .colbox {padding: 0 0;}
	.P_LOGIN .colbox > div {padding: 32px 2rem 0 2rem;}
	/* table responsive scroll */
	/* .board_write table {table-layout: fixed; }
	.board_write table colgroup col:nth-child(1) {width: 14rem !important;}
	.board_write .table-wrap {overflow-x: unset;}
	.board_write .table-wrap::before {display: none !important;}
	.board_write .table-wrap table {display: block;width: 100%;}
	.board_write .table-wrap table tbody, .board_write .table-wrap table tr, .board_write .table-wrap table th, .board_write .table-wrap table td {display: flex;align-items: center;justify-content: center;flex-direction: column;width: 100%;box-sizing: border-box;border-right: 0;}
	.table-wrap:not(.ver):not(.table-content) {position: relative;overflow-x: scroll;}
	.table-wrap:not(.ver):not(.table-content)::before {display: flex;align-items: center;justify-content: center;position: absolute;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.48);color: #ffffff;font-size: 2rem;content: "표를 밀어보세요";z-index: 1;}
	.table-wrap:not(.ver):not(.table-content).scroll::before {display: none;}
	.table-wrap:not(.ver):not(.table-content) .table {width: 100rem;table-layout: auto;} */
	/* 신청관리 */
	.condition2 .lb {padding-left: 3rem;}
	.condition2 td .f_txt.hasDatepicker {width: 45.4% !important;}

	.condition2 .btn {right: 3rem;}

	/* 수소전문기업신청 */
	.join_step3 .unit:first-child { margin-left: 20%;}
	/* 수소전문기업신청 :: 신청내역 팝업 */
	.popup.POP_BUSINESS_APPLIST {width: calc(100% - 5rem);height: 80%;overflow-x:scroll;}

	/* 회원가입 */
	.join_step .unit:first-child {margin-left: 9%;}
	.P_JOINSTEP_2 .certification {background: #f5f5f5 url(../img/ico_self_cert.png) no-repeat 30% 50px;}
	/* 비지니스지원단 */
	.layout-type2 .join_step3 .unit:first-child {margin-left: 25%;}
}
@media all and (max-width: 1100px){
	.swiper_mainSub .swiper-wrapper div.sub_slide a:before {
		left:19px;
		bottom:46px;
	}
}
@media all and (max-width: 1024px){
	/* 수소전문기업신청 */
	.join_step3 .unit:first-child { margin-left: 15%;}
	/* 수소전문기업신청 */
	.layout-type2 .join_step3 .unit:first-child {margin-left: 5%;}
	/* 사이트맵 */
	.P_SITEMAP > .inner > div {width: 33.33%;}
}
@media all and (max-width: 960px){
	/* sub공통 */
	.location {width:100%;}

	.container .contents_top {padding: 8rem 0;height: auto; background: url(../img/content_top_m.png) no-repeat center top; background-size: cover;}
	.container .contents_top .eng {font-size: 2rem;letter-spacing: 2px;}
	.container .contents_top .kor {font-size: 4rem;}
	/* 로그인 */
	.P_LOGIN .colbox {margin-top: 4rem;}
	.P_LOGIN .colbox .r_col {margin-top: 2rem;}
	.P_LOGIN .colbox > div {padding: 32px 4rem 0 4rem;  width: 100%;}
	/* 아이디 찾기 */
	.P_SEARCH_IDPW .ippw .colbox > div {width: 100%;padding: 5rem !important;}
	.P_SEARCH_IDPW .ippw .colbox .l_col {background-size: 20%; background-position: 25% 25%;}
	.P_SEARCH_IDPW .ippw .colbox .l_col > div {margin-top: 20px; margin-left: 46%;}
	.P_SEARCH_IDPW .ippw .colbox .l_col::after {display:none;}
	/* 회원가입 */
	.join_step .unit + .unit {margin-left: 11%;}
	.P_JOINSTEP_2 .certification {background: #f5f5f5 url(../img/ico_self_cert.png) no-repeat 20% 27%; background-size: 25%;}
	.P_JOINSTEP_2 .certification p {padding-bottom:4rem;}
	.P_JOINSTEP_2 .tit_2 + .certification {margin-top: 4rem;padding-bottom: 4rem;height: auto;}
	.P_JOINSTEP_2 .certification .self {width: 30%;}
	.join_step .unit.done:nth-child(1)::after {z-index: 2; position: relative;}
	.join_step .unit.done:nth-child(2)::after {z-index: 2; position: relative;}
	.join_step .unit.done:nth-child(3)::after {z-index: 2; position: relative;}
	
	/* admin 확인 신청내역 팝업 */
	.POP_BUSINESS_APPLIST .al_c.mt40 {overflow-x: scroll;}
	.POP_BUSINESS_APPLIST .process3 {width: 830px;}

	/* 회원가입 :: 회원정보입력 */
	#formView01 .board_write table, 
	#formView01 .board_write tbody, 
	#formView01 .board_write table tr, 
	#formView01 .board_write table th, 
	#formView01 .board_write table td{overflow:hidden;display:block;width:100%;}
	#formView01 .board_write table th{padding:2.5rem;}
	:is(.board_view2, .board_list2) {overflow-x:auto;overflow-y:hidden;}
	:is(.board_view2, .board_list2) table{min-width:1024px;}
	#formView01 .board_write table tr{display:flex;flex-wrap:wrap;}
	#formView01 .board_write table th{width:35%} 
	#formView01 .board_write table td{width:65%}
	#formView01 .board_write table td .w_250 {width: 100% !important;}
	#formView01 .board_write table td .w_300 {width: 100% !important;}
	#formView01 .board_write table td.overlap .w_300 {width: calc(100% - 21%) !important;}
	#formView01 .board_write table td .w_500 {width: 100% !important;}
	#formView01 .board_write table td .w_600 {width: 100% !important;}
	#formView01 .board_write table .mobile-hide{display:none;}
	#formView01 .board_write table td.password input::placeholder {color:#aaa;}
	#formView01 .board_write table td.password .inner_txt {display:none;}
	#formView01 .board_write table td input.second_mt_10 {display:block;margin-top:10px;}
	#formView01 .board_write table td .f_search {width: 100%;}


	/* 신청관리 */
	.condition2 table {width: 100%;}
	.pages.P_ .condition2 table colgroup {display:none;}
	.pages.P_ .condition2 table {display:block;}
	.pages.P_ .condition2 table tbody {display:block;}
	.pages.P_ .condition2 table tr {display: flex; flex-wrap: wrap;}  
	.pages.P_ .condition2 table td {padding: 4px 0;display: block;width: calc(100% - 13%);}
	.pages.P_ .condition2 table td.lb  {padding-left: 0;display: block;width:13%;line-height: 40px;}
	.condition2 .btn {right: 0;left: 50%;top: 85%; transform: translate(-50%, -50%);}
	.condition2 td .f_txt.hasDatepicker {width: 47.7% !important;}

	/* 안내 */
	.introduce {display:none;}
	.introduce2 {display:none;}
	.introduce_m {display:block;}
	.introduce2_m {display:block;width:100%;}
	.msg_1 {font-size: 2.2rem;}
	.P_INTRODUCE .colbox > * {display: block;width:100%;}
	.P_INTRODUCE .colbox .r_col {padding-left: 0;}

	.condition2 {position: relative; padding: 2rem;height: 40rem;}
	/* 수소전문기업신청 */
	.board_top {min-height: 5rem;}
	.board_top .r_col {margin-top:1rem;left: 0;top: 2rem;}
	.join_step3 .unit::after {position: relative; z-index: 2;}
	.join_step3 .unit + .unit {margin-left: 15%;}

	/* 지원사업 */
	.mt50 {margin-top: 5rem !important;}
	.mt60 {margin-top: 6rem !important;}
	.business_img1 {display:none;}
	.business_img_m {display:block;}
	.P_SPT_BUSI_GUIDE .list_1 {padding-left: 10%; margin: 3rem 0;}

	/* 마이페이지 */
	.board_write.mypgTable table colgroup {display:none;}
	.board_write.mypgTable .inner_txt {display:block;height: 40px;line-height: 45px;}
	.board_write.mypgTable table tr {display: flex;flex-wrap: wrap;width:100%;}
	.board_write.mypgTable table th {width: 35%;}
	.board_write.mypgTable table td {width: calc(100% - 35%);}
	.rdo_txt {left: 4px; top: 9px;}
	.mypgTable .rdo_txt + label {top: 8px;}
	.rdo_txt + label::before {left: 0;}
	.rdo_txt:checked + label::after {left: 6px;}
	.rdo_txt + label {padding-left: 30px;}

	/* 사전검토 */
	.board_write.mypgTable table td .editor textarea {height: 100%; width: 100%;}

	/* 수소전문기업신청 */
	.board_write.mypgTable table td.d-inline .inner_txt {display:inline-block;}
	.board_write.mypgTable table td.d-inline br {display:block;}
	.board_write.mypgTable table td.d-inline .ml20 {margin-left:0 !important;}

	.re_area>div {display:block;}
	.re_area br {display:block;}
	#registerForm .board_write table tr.person {display: block;}
	#registerForm .board_write table th.bar_r { width: 100%;}
	.person.bar_r {display:block; width:100%;}
	#registerForm .board_write table tr.person th {display: inline-block;}
	#registerForm .board_write table tr.person td {width: 64.5%; display: inline-block;}
	.swiper-slide01 {
		background-image: url(/_res/h2hub/hes/img/main_visual_m1.jpg);
	}
	.swiper-slide02 {
		background-image: url(/_res/h2hub/hes/img/main_visual_m2.jpg);
	}
	.swiper-slide03 {
		background-image: url(/_res/h2hub/hes/img/main_visual_m3.jpg);
	}
	.swiper-slide04 {
		background-image: url(/_res/h2hub/hes/img/main_visual_m4.jpg);
	}
}
@media all and (max-width: 768px){
	/* sub공통 */
	.contents_wrap .pages {padding: 0 2rem;}
	/* 로그인 */
	.P_LOGIN .colbox > div h2 {font-size: 3rem;}
	.P_LOGIN .colbox .l_col .btn_login {font-size: 3rem;}
	.P_LOGIN .colbox .r_col ul li {font-size: 2.5rem;}
	.P_LOGIN .colbox .r_col > a {font-size: 2.5rem;}
	/* 아이디찾기 */
	.P_SEARCH_IDPW .ippw .tab li a span {font-size: 3rem;}
	.P_SEARCH_IDPW .ippw {margin-top: 4rem;}
	.P_SEARCH_IDPW .ippw .colbox .l_col > div h3 {font-size: 3rem;}
	.btn_green_h60 {font-size: 2.8rem; height: 8rem;line-height:8rem;}
	.P_SEARCH_IDPW .ippw .colbox .l_col {height: 280px;background-size: 23%;background-position: 25% 18%;font-size: 2.5rem;}
	.P_SEARCH_IDPW .ippw .colbox .l_col p {font-size: 2.5rem;line-height:3.5rem;}
	.P_SEARCH_IDPW .ippw .colbox .l_col p {margin-top: 8rem;}
	.f_txt2 {height: 7rem;}
	.P_SEARCH_IDPW .ippw .colbox .r_col .btn {margin-top:3rem;height: 7rem;line-height:7rem;font-size:2.5rem;}
	.P_SEARCH_IDPW .ippw .colbox .r_col input + input {margin-top: 2rem;}
	/* 신청관리 */
	.condition2 {height: 43rem;}
	/* 회원가입 */
	.tit_1 {font-size: 3.5rem;} 
	.tit_1 + .pages {margin-top: 5rem;}
	.P_JOINTYPE {margin-top:0;padding-top:0;}
	.P_JOINTYPE .txt_1 {font-size: 3rem;}
	.P_JOINTYPE .txt_2 {font-size: 2.4rem;}
	.P_JOINTYPE .txt_3 {margin-top: 4rem;font-size: 1.8rem; line-height: 3.5rem;}
	.P_JOINTYPE .choose {margin-top:4rem;width: 100%;}
	.P_JOINTYPE .choose span { position: relative;width: 90%;height: 250px;left: 50%;transform: translateX(-50%);font-size: 2.5rem;}
	.P_JOINTYPE .choose .joinType {left: 50%; position: relative; transform: translateX(-50%);}
	/* 회원가입 :: 회원정보입력 */
	#formView01 .board_write table td.overlap .w_300 {width: calc(100% - 30%) !important;}
	/* 사이트맵 */
	.P_SITEMAP > .inner > div {width: 33%;}
	.P_SITEMAP > .inner > div:nth-child(1) {background-size: 40%;}
	.P_SITEMAP > .inner > div:nth-child(2) {background-size: 40%;}
	.P_SITEMAP > .inner > div:nth-child(3) {background-size: 40%;}
	.P_SITEMAP > .inner > div:nth-child(4) {background-size: 40%;}
	.P_SITEMAP > .inner > div:nth-child(5) {background-size: 40%;}
	.P_SITEMAP > .inner > div:nth-child(6) {background-size: 40%;}
	.P_SITEMAP > .inner > div:nth-child(7) {background-size: 40%;}
	.P_SITEMAP > .inner > div h2 {font-size: 2.8rem;}
	.P_SITEMAP > .inner > div ul li a {font-size: 2.5rem;}
	.P_SITEMAP > .inner > div:nth-child(8) {width:50%;}

	/* 사전검토 */
	.board_write table td.overlap .f_txt.w_300 {width: calc(100% - 42%) !important;}

	/* 수소전문기업신청 */
	#registerForm .board_write table tr.person {display: block;}
	#registerForm .board_write table th.bar_r { width: 100%;}
	.person.bar_r {display:block; width:100%;}
	#registerForm .board_write table tr.person th {display: inline-block;}
	#registerForm .board_write table tr.person td {width: 64.5%; display: inline-block;}
	.btn_gray_h40 {padding: 0 10px;height: 30px; line-height: 30px;font-size:14px;}
	.btn_green2_h46 {padding: 0 10px;width: auto !important;height: 30px; line-height: 30px;font-size:14px;}
	.btn_blue_h50 {padding: 0 10px;width: auto !important;height: 30px; line-height: 30px;font-size:14px;}
}

@media all and (max-width: 640px){
/* 수소전문기업신청 */
	.tit_2 {font-size: 2.5rem;letter-spacing: -0.5px;}
	.board_top .r_col {margin-top: 1.8rem;}
	.marks li {font-size: 2.2rem;}
	.marks li + li {margin-left: 2rem;}
	.paging .btn a {width: 30px;height: 30px;}
	.paging > ul li {margin-top: 0;}
	.paging > ul li + li {margin-left: 8px;}
	.paging > ul li a, .paging > ul li strong {width: 30px;height: 30px;line-height: 28px;}
	.paging .first {background-size: 10px 10px;}
	.paging .prev {background-size: 10px 10px;}
	.paging .next {background-size: 10px 10px;}
	.paging .last {background-size: 10px 10px;}
/* 신청관리 */
	.condition2 {height: 65rem;}
	.pages.P_ .condition2 table td.lb {width: 16%;}
	.pages.P_ .condition2 table td { width: calc(100% - 16%);}
	.condition2 td .f_txt.hasDatepicker {width: 45% !important;}
	.condition2 .btn {width: 68px; height: 68px;}
/* 로그인 */
	.chk_txt + label {font-size: 2.5rem;}
/* 회원가입 */
	.join_step .unit:first-child {margin-left: 5%;}
	.join_step .unit + .unit {margin-left: 5%;}
	.join_step .unit span {font-size:2.8rem;}
	.join_step .unit span:nth-child(1) {top: -38px;}
	.join_step .unit span:nth-child(2) {bottom: -40px;}
	.P_JOINSTEP_2 .certification p {padding:0 4rem;font-size: 2.5rem;}
	.P_JOINSTEP_2 .certification {background: #f5f5f5 url(../img/ico_self_cert.png) no-repeat 50% 15%; background-size: 20%;}
	.P_JOINSTEP_2 .certification .self {position: relative;margin-left: 0; top: 50%; left: 50%;transform: translate(-50%, 70%);}
	.P_JOINSTEP_2 .certification .self h3 {font-size: 2.5rem;}
/* 회원가입 :: 회원정보입력 */
	#formView01 .board_write table th {font-size:13px;}
	#formView01 .board_write table td.overlap .w_300 {width: calc(100% - 42%) !important;}
	.btn_gray_h46 {height: 35px; line-height: 35px;font-size:13px;}
	.btn_join_apply {width: 18rem; height: 7rem; font-size: 2.4rem; padding-left: 6.7rem; line-height: 7rem; background-position: 2rem center;border-radius: 1rem;}
	.f_select select {font-size: 13px;}
/* 지원사업 */
	.tit_3 {font-size:3rem;}
	.tit_3 + .tit_2 {margin-top: 3rem;}
	.P_SPT_BUSI_GUIDE .msg__box {margin-top: 2rem;padding-top:4rem;}
	.P_SPT_BUSI_GUIDE .msg__box h4 {width: 130px;padding-left: 4rem;font-size:2.2rem;line-height: 3.2rem;}
	.P_SPT_BUSI_GUIDE .msg__box > div {padding:0 4rem;font-size:2.2rem;}
	.contents_wrap .pages p.al_c.mt30 img {width: 95%;}
	.P_SPT_BUSI_GUIDE .list_1 {padding-left: 0;}
	.list_1 li {font-size: 2.2rem;}
	.txt_18_3  {font-size: 2.4rem;}
	.tb_1 > table > thead > tr > th {font-size: 2.2rem;}
	.tb_1 > table > tbody > tr > th, .tb_1 > table > tbody > tr > td  {font-size: 2.2rem;}
	.layout-type2 .tb_1>table colgroup col:nth-child(1) {width:40% !important;}

}


@media all and (max-width: 480px){
	/* loacation */
	.location .home {width: 36px; height: 36px;background-size: 40%;}
	.location .combo {min-width: 45%;height: 36px;line-height: 36px;}
	.location .combo > a {display: inline-block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;width: 90%;height: 36px;line-height: 36px;}
/* 신청관리 */
	.condition2 {height: 60rem;}
	.pages.P_ .condition2 table td.lb {width: 23%;}
	.pages.P_ .condition2 table td {width: calc(100% - 23%);}
	.location .combo::after {display:none;}
/* 로그인 */
	.P_LOGIN .colbox .l_col {height: auto; padding-bottom: 6rem;}
	.P_LOGIN .colbox .l_col .btn_login {height: 7rem; line-height: 7rem;}
	.P_LOGIN .colbox .r_col > a.join {background: #008a96 url(../img/ico_join.png) no-repeat 25% center;}
	.P_LOGIN .colbox .r_col > a.idsearch {background: #008a96 url(../img/ico_search_w2.png) no-repeat 25% center;}
	.P_LOGIN .colbox .r_col > a.pwd {background: #008a96 url(../img/ico_lock_w.png) no-repeat 25% center;}
/* 아이디찾기 */
	.P_SEARCH_IDPW .ippw .tab li a {height: 10rem;line-height:10rem;}
	.P_SEARCH_IDPW .ippw .tab li a span {height: 9rem;line-height: 9rem;font-size: 2.5rem;}
	.P_SEARCH_IDPW .ippw .tab li:first-child a.on span::before {position: relative;top: 2px;}
	.P_SEARCH_IDPW .ippw .colbox .l_col {background-size: 30%;background-position: 18% 23%;}
	.P_SEARCH_IDPW .ippw .colbox .l_col > div {width: 48%;margin-left: 50%;}
/* 사이트맵 */
	.P_SITEMAP > .inner > div h2 {height: 70px; padding-top: 22px; font-size: 2.6rem;}
	.P_SITEMAP > .inner > div ul li {line-height: 3rem;padding-left: 12px}
	.P_SITEMAP > .inner > div ul li::before {top: 6px}
	.P_SITEMAP > .inner > div ul li a {font-size: 2.3rem;}
	.P_SITEMAP > .inner > div {height: 300px;}
	.P_SITEMAP > .inner > div ul li + li {margin-top: 2rem;}
/* 회원가입 */
	.P_JOINTYPE .choose .joinType {width: 60%;height: 200px;}
	.P_JOINTYPE .choose .icon-join {width: 115px;height: 115px;border: 10px solid #e2eef1;background-size: 50%;}
	.P_JOINTYPE .choose .joinType:hover .icon-join {width: 115px;height: 115px;border: 10px solid #e2eef1;background-size: 50%;}
	.P_JOINTYPE .choose .joinType p.business {position: absolute;bottom: 20px;text-align: center; width:100%;font-size: 20px;}
	.P_JOINTYPE .choose .joinType:hover p.business {position: absolute;bottom: 20px;text-align: center;width: 100%;font-size: 20px;}
	.join_step .unit span {font-size: 2.6rem;}
	.join_step .unit::after {width: 62px;height: 62px;}
	.join_step .unit span:nth-child(2) {bottom: -20px;}
	.P_JOINSTEP_1 .agree {margin-top: 4rem;}
	.join_step {margin-bottom: 4rem;}
	.join_step .unit.on::before {right: 61px;}
	.join_step .unit.on:first-child::before {width: 40%;}
	.join_step .unit:first-child {margin-left: 7%;}
	.btn_cancel {width: 16rem;height: 7rem;font-size: 2.4rem;padding-left: 6.7rem;line-height: 7rem; background-position: 2rem center;border-radius: 1rem;}
	.P_JOINSTEP_2 .certification {background: #F5F5F4 url(../img/ico_self_cert.png) no-repeat 30% 50px;}
	.P_JOINSTEP_2 .tit_2 + .certification {background-size: 22% !important; background: #F5F5F3 url(../img/ico_self_cert.png) no-repeat 50% 50px;}
	.P_JOINSTEP_2 .certification .self {width: 45%;}
/* 안내 테이블 반응형*/
	.tb_1>table.respon_table {min-width: 70rem !important;}
	.layout-type2 .tb_1>table.respon_table colgroup col:nth-child(1) {width: 7% !important;}
/* 수소전문기업신청 */
	.marks li::before {content: ""; width: 15px; height: 15px; vertical-align: -2px;margin-right: 5px;}
	.marks li + li {margin-left: 5px;}
/* 수소전문기업신청 :: 신청내역팝업 */
	.popup .process3 li {left: 50%;transform: translateX(-50%);}
	.popup .process3 li + li {margin-left:0;margin-top:7rem;}
	.process3 li + li::before {left: 45%;top: -4rem;/*transform: rotate(90deg) translateX(-50%);*/}
	.popup .pop_footer .btn_group {display: flex; justify-content: center; width: 100%;}
	.pop_footer {margin-top: 20px;}
/* 결과보고 */
	.pages.P_RESULT .board_write table colgroup col:nth-child(1) {width:10% !important;}
	.pages.P_RESULT .board_write table th { padding: 23px 20px 23px 20px;font-size: 2.2rem;}
/* 마이페이지 */
	.pop_footer .btn_group {display: flex;width: 16rem; height: 7rem;font-size: 2.4rem;padding-left: 6.7rem; line-height: 7rem; background-position: 2rem center; border-radius: 1rem;}
	.btn_modify {width: 16rem; height: 7rem;font-size: 2.4rem;padding-left: 6.7rem; line-height: 7rem; background-position: 2rem center; border-radius: 1rem;}
	.board_write.mypgTable .inner_txt {font-size: 13px;line-height: 5rem;}
	.board_write.mypgTable table th {padding: 23px 20px 23px 20px;font-size: 13px}
	.board_write.mypgTable table td {width: calc(100% - 140px);line-height: 50px;font-size:13px;}
	.board_write.mypgTable.mt-20 {margin-top:20px;}
	.mypgTable .rdo_txt + label {vertical-align: top; top: 12px;}
	#formView01 .board_write table td.overlap .w_250 {width: calc(100% - 42%) !important;}
	.btn.btn_green_h50.w_150 {width:40% !important;height: 35px; line-height: 35px; font-size: 13px;}
	.POP_APPLIST .pop_footer .btn_group {width:100%;padding-left: 0;}
	/* checkbox outline remove */
	.chk_txt {outline: none;border:none;-webkit-appearance: none;-webkit-border-radius: 0;}
	.chk_txt:active {outline: none;border:none;-webkit-appearance: none;-webkit-border-radius: 0;background-clor:#fff;border-radius:10px;}
	.chk_txt:hover {outline: none;border:none;-webkit-appearance: none;-webkit-border-radius: 0;background-clor:#fff;border-radius:10px;}

	.rdo_txt {outline: none;border:none;padding-top:3px;margin-top:3px;-webkit-appearance: none;-webkit-border-radius: 0;background-color:#fff;}
	.rdo_txt:active  {outline: none;border:none;padding-top:3px;margin-top:3px;-webkit-appearance: none;-webkit-border-radius: 0;}
	.rdo_txt:hover  {outline: none;border:none;padding-top:3px;margin-top:3px;-webkit-appearance: none;-webkit-border-radius: 0;}

	.board_write.mypgTable table td.overlap { width: calc(100% - 30%) !important;}
	.board_write.mypgTable table th {width: 30%;}
	.board_write table td .f_txt.w_300 {margin-top: 10px;}
	.board_write.mypgTable.examine table td {width: calc(100% - 30%);}
	
	/* 20230102 mypage modify */
	.board_write.mypgTable table.responsiveModify th {padding: 23px 8px 23px 8px;}
	.board_write.mypgTable table.responsiveModify td {width: calc(100% - 30%);}
	
	.board_write table td .responsiveBlock .inner_txt.ml20 {margin-top: 0 !important;}
	.board_write table td .responsiveBlock + .responsiveBlock {margin-top: 10px;}
	.board_list table {width: 450px;}
	.page_inner .swiper-button-prev,
	.page_inner .swiper-button-next {
		width:18px;
		height:18px;
		top:3px;
	}
}

@media all and (max-width: 410px){
/* 회원가입 */
	.P_JOINSTEP_2 .tit_2 + .certification {background-size: 30% !important; background: #F5F5F3 url(../img/ico_self_cert.png) no-repeat 50% 50px;}
}


.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;}

@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/img/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;}
	/*: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);}*/
}

@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; justify-content: center;}
	: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;}
	.tb_1.mt30>table {min-width: 450px;}
	.POP_APPLIST .tb_1 > table {min-width: 450px !important;}
	.POP_APPLIST .tb_1 > table colgroup col:first-child {width:100px !important;}
}
@media all and (max-width: 640px){
	.f_txt{height:35px; }
	.f_txt.w_300{width:100% !important;}
}
@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){
/* 수소전문기업 신청 */
}

.P_RESULT .condition .f_txt{
	vertical-align:top;
}
.P_RESULT .board_write table:nth-child(2){
	display:none;
}
.sub-layout > .tab_1{margin-top:4rem;}
@media all and (max-width: 1024px){
/* 수소전문기업 홍보관 */
	.pages p.al_c img{width:100%;}
	.sub-layout{
		width:100%;
	}
	.P_RESULT .condition .r_col{
		justify-content: flex-end;
	}

	.sub-layout > .tab_1 ul li a{
		font-weight:400;
	}
	.P_BUSINESS #codeItemSex .rdo_txt{
		top:-2px;
	}
	.P_BUSINESS #codeItem .rdo_txt{
		top:-2px;
	}
	.P_BUSINESS#step2 #codeItem{
		display:flex;
		align-items:center;
	}

	.P_BUSINESS#step2 #codeItemDetail{
		display:flex;
		align-items:center;
		flex-wrap:wrap;
	}

	.P_BUSINESS#step2 #codeItemSex {
		display:flex;
		align-items:center;
	}


	.P_BUSINESS #codeItemDetail > .rdo_txt{
		z-index: -1;
		position: relative;
		left: 2px;
		top: .4rem;
		vertical-align: top;
		outline: none;
		margin: 0 !important;
	}

	.P_BUSINESS #codeItemDetail > .rdo_txt + label{
		display: inline-block;
		position: relative;
		height: 22px;
		padding-left: 15px;
		color: #333;
		font-size: 16px;
		line-height: 22px;
		vertical-align: top;
		width: calc(50% - 19px);
		margin: 5px 0;
	}

	.P_BUSINESS .f_txt.w_600{
		width:100% !important;
	}



}

@media (max-width: 768px){
	.tit_1{font-size:24px !important;}
	.tit_2{font-size:16px;}

	.tit_3{font-size:22px;}

	.txt_2{font-size:15px;}



	.msg_1,.msg_2{padding:20px;}




	.msg_3 dl dd span{font-size:12px; }

	.msg_4 > ul > li{font-size:14px;}

	.msg_3 dl dt {
		min-width:115px;
		width: 115px;
		padding-left: 25px;
		color: #38475f;
		font-size: 14px;

		font-weight: 500;

	}
	.msg_3 dl dd {
		position: relative;
		width: auto;
		padding-left: 15px;
		height: 60px;
		color: #333;
		font-size: 12px;
		line-height: 1.5;


	}


	.P_BUSINESS .file_attach .file_add{
		height:46px;
		line-height:46px;
		font-size:14px;
		font-weight:400;
	}

	.P_BUSINESS .file_attach


	.tab_1{margin-top:4rem; padding:0 10px 10px 10px; box-sizing:border-box; justify-content: center;}

	.tab_1 ul li a{display:flex; align-items:center; height:50px; line-height:50px; padding:0 13px; font-size:14px; box-sizing:border-box;}
	.tab_1 ul li a.on{ line-height:50px;}


	.file_list{padding:2.5rem;}
	.file_list a{font-size:16px;}
	.file_list a:first-child{margin-top:0;}
	.file_list a::before{width:2rem; height:2.4rem; background-size:cover; vertical-align:middle;}

	.P_INTRO2 .al_c + .al_c > img{display:none;}

	.P_RESULT .board_list{overflow-x:auto;  box-sizing:border-box; justify-content: center; min-width:440px;}
	.P_RESULT .board_list > table{min-width:1200px;}
	.P_RESULT{overflow:hidden;}
	.P_RESULT .board_write table:nth-child(1){
		display:none;
	}
	.P_RESULT .board_write table:nth-child(2){
		display:inline-table;
	}

	.POP_APPLIST .tb_2{
		overflow-x:auto;  box-sizing:border-box; justify-content: center; 
	}

	.POP_APPLIST .tb_2 > table{
		min-width:400px;
	}
}
@media all and (max-width: 640px){
	.P_BUSINESS .file_attach .file_add{
		height:35px;
		line-height:35px;
		font-size:14px;
		font-weight:400;
	}
}	

@media all and (max-width:479px){

	.tab_1 ul li + li {
		margin-left: 0px;
	}

	.msg_2 li{font-size:14px;}

	.tab_1{overflow-x:auto;  box-sizing:border-box; justify-content: center;}
	.tab_1 ul{min-width:440px; display:flex; justify-content: space-between;}


	.btn_search{height:35px; 
		line-height:35px; 
		background-size:1.8rem 1.9rem;
		background: #008a96 url(../img/ico_total_search_w_small.png) no-repeat 10px center ; 
		padding-left:33px;}

}


.table-scroll--text{display:none;}

/* 에러페이지 */
.error_page .inner{ max-width:100%;  }

/* 서브 공통 타이틀 */
.tit_3{margin-top:50px;}
.tit_7{margin-top:10px;}

@media all and (max-width: 1024px){
	/* .tb_1>table{width:720px;} */
	/* 테이블 공통  */
	.board_list{overflow-x:auto;}
	.tb_1{position:relative; width:100%; overflow-x: scroll; overflow-y: hidden; padding-bottom:0px; }
	.table-scroll--text{ display:block; margin-top:10px; font-size:14px; color:#666666;text-align:right; margin-bottom:10px;}


	.layout-type2{display:block;}
	.condition{display:flex; align-items:center; margin-top:20px;}
	.condition .page_count{position:relative; top:0;}
	.condition .r_col{display:flex; flex:1;}
	/* .condition .r_col .f_txt{width:100% !important;} */
}

@media all and (max-width: 960px){

}


@media (max-width: 768px){
	.contents_wrap {padding-bottom:13rem}
	.tit_3{margin-top:40px;}

	table{white-space: nowrap; border-collapse: collapse;}
	.container .contents_top .kor{
		font-size:28px;
	}
	.contents_wrap .pages {
		padding: 0 2rem;
	}
	.sub-layout{
		width:100%;
	}

	.tit_2{padding-left:22px;}
	.P_INTRODUCE .cont_1 dt{min-width:115px; width:115px;padding-left:25px; font-size:14px; font-weight:500; }
	.P_INTRODUCE .cont_1 dd{width:calc(100% - 140px); padding-left:15px; font-size:12px;}
	.P_INTRODUCE .colbox .top{height:auto;}
	.introduce_m{display:block; width:100%; padding-right:24px;}
	.container .contents_top .eng{font-size:12px;}
	.P_INTRODUCE .cont_1 .t_2{padding-left:0;}
	.P_INTRODUCE .cont_1 dd span{font-size:12px;}
	.P_INTRODUCE .tit_2, .tit_6{font-size:14px;}
	.P_INTRODUCE .txt_2{font-size:14px;}

	.P_INTRODUCE .colbox{display:block;}
	.P_INTRODUCE .msg_1{font-size:14px;}
	.tb_1>table{min-width:50rem; }

	/* 서브 공통 */
	.location .combo > a{font-size:14px !important;}
	.board_list thead th{padding:2rem 0;font-size:14px;}
	.board_list tbody td{padding:2rem 0;font-size:14px;}
	.f_select2{margin-right:5px;}



	.list_1 li{font-size:14px;}

	.condition .page_count{position:relative;}
	.condition{flex-direction:column;    align-items: flex-start;}
	.condition .r_col{ width:100%; margin-top:10px;}
	.condition .r_col .f_txt{margin-left:0 !important;}

	/* 에러 페이지 */
	.error_page{padding:0 2rem;}
	.error_page .inner p{padding:150px 50px 0 50px; background-position:center top; }

	/* 수소전문기업 혐황 View */
	.bn-view-info-table .b-content-box .b-img-table-box .b-box02 {overflow: hidden;}
	.pages .bn-view-info-table .b-content-box .b-img-table-box .b-box02 .table-wrap table {table-layout:fixed !important; white-space: inherit;}
}

@media (max-width: 640px){
	.board_top .r_col{position:relative; margin-top:.5rem;}
	.layout-type2 .tb_1 table tbody tr td table{white-space: normal;}
	.layout-type2 .tb_1 table tbody tr td table colgroup col:nth-child(1){width:auto !important;}

	/* 버튼 */
	.btn_gray_h30r{ height:3.5rem; padding: 0 2.2rem; line-height:3.5rem; font-size:2.2rem;}
	td .btn{vertical-align:middle;}

}

@media (max-width: 479px){
	.f_select2{height:35px;}
	.btn_search{ width:80px; line-height:35px;}

}

/* 20221214 문의처 수정 */
.inquiryWrap .inquiryBox{ 
	position:relative;
	width:489px;
	height:625px;
	border-radius: 3rem;
	border:1px solid #d3dbe7;
	box-sizing:border-box;
}
.inquiryWrap .inquiryBox + .inquiryBox {
	margin-left:50px;
}

.inquiryWrap .inquiryBox .tit {
	padding:50px;
	padding-top: 260px;
	height:100%;
	font-size:30px;
	text-align:center;
	font-weight:600;
	background-color:#f5f7f9;
	box-sizing:border-box;
	border-radius: 3rem;
}
.inquiryWrap .inquiryBox.left .tit {
	position:relative;
}
.inquiryWrap .inquiryBox.left .tit::before {
	position:absolute;
	top: 50px;
    left: 33%;
	width:170px;
	height:170px;
	background:url(../img/icon_inquiry1.png) no-repeat;
	content:'';
}
.inquiryWrap .inquiryBox.right .tit {
	position:relative;
}
.inquiryWrap .inquiryBox.right .tit::before {
	position:absolute;
	top: 50px;
    left: 33%;
	width:170px;
	height:170px;
	background:url(../img/icon_inquiry2.png) no-repeat;
	content:'';
}
.inquiryWrap .inquiryBox .bottom {
	position:absolute;
	display:block;
	width:100%;
    padding: 50px 60px 50px 60px;
	bottom:0;
	border-radius:0 0 3rem 3rem;
	box-sizing:border-box;
	background-color:#fff;
}
.inquiryWrap .inquiryBox .bottom ul li {
	display:block;
}
.inquiryWrap .inquiryBox .bottom ul li + li {
	margin-top:15px;
}
.inquiryWrap .inquiryBox .bottom ul li div {
	display:inline-block;
	margin-right:50px;
	width:50px;
	font-size:18px;
	font-weight:500;
	color:#747478;
}
.inquiryWrap .inquiryBox .bottom ul li p {
	display:inline-block;
	font-size:18px;
	font-weight:500;
}
.inquiryWrap .inquiryBox .bottom ul li p a {
	font-size:18px;
	font-weight:500;
	color:#1155cc;
	text-decoration:underline;
	text-underline-position: under;
}

@media (max-width: 1600px) { 
	.inner_1920 .mTbox {
		padding-left:3rem;
	}
	.page-wrap {
		left:42%;
	}
	.swiper_mainSub {
		left:46%;
	}
	.footer {
		padding:0 30px;
	}
}
@media (max-width: 1500px) { 
	.main-bottom-link .bottom-link-inner ul {
		justify-content: flex-start;
		padding-left:25px;
	}
	.swiper_mainSub {
		top:45px;
	}
	.swiper_mainSub .swiper-wrapper:after {
		bottom:85px;
	}
	.header .gnb > li > a {
		font-size:18px !important;
	}
}
@media (max-width: 1400px) { 
	.inquiryWrap .inquiryBox {
    	width: 50%;
	}
	.swiper_mainSub .swiper-wrapper div.sub_slide a dl {
		width:270px;
		height:300px;
	}
	.swiper_mainSub .swiper-wrapper div.sub_slide a:after {
		bottom: 34px;
		right: 25px;
		width: 60px;
		height: 51px;
	}
	.swiper_mainSub .swiper-wrapper div.sub_slide a dl dd {
		font-size:28px;
	}
	.swiper_mainSub .swiper-wrapper:after {
		bottom:60px;
	}
	.swiper_mainSub {
		top:100px;
	}
	.swiper_mainSub .swiper-wrapper div.sub_slide {
		width:272px !important;
	}
}

@media (max-width: 1280px) {
	.page-wrap {
		left:41%;
	}
}

@media (max-width: 1200px) {
	.main-bottom-link .bottom-link-inner ul {
		width:100%;
	}
	.main-bottom-link .bottom-link-inner ul li {
		width: 50%;
	}
}
@media (max-width: 1024px) {
	.inquiryWrap .inquiryBox .bottom {
		padding: 50px 10% 50px 10%;
	}
	.table-scroll--text.r480 {
		display:none;
	}
}

@media (max-width: 960px) {
	.inquiryWrap .inquiryBox + .inquiryBox {
		margin-left: 2%;
	}
	.inquiryWrap .inquiryBox.left .tit::before {
		left: 27%;
	}
	.inquiryWrap .inquiryBox.right .tit::before {
		left: 27%;
	}
	.inquiryWrap .inquiryBox .tit {
   		font-size: 2.5rem;
	}
	.inquiryWrap .inquiryBox .bottom {
	 	padding: 50px 5% 50px 5%;
	}
	.inquiryWrap .inquiryBox .bottom ul li div {
		margin-right: 4%;
	}
	/* sitemap */
	.contents_wrap .P_SITEMAP {
		padding:0 3rem;
	}
	.contents_wrap .P_SITEMAP > .inner > div {
		width: 50%;
	}
	.swiper_mainSub .swiper-wrapper div.sub_slide a dl {
		border:1px solid #506DD1;
	}
	.swiper_mainSub .swiper-wrapper div.sub_slide.swiper-slide-thumb-active a dl, 
	.swiper_mainSub .swiper-wrapper div.sub_slide a:hover dl {
		border: 1px solid #65BFFF;
		outline: 1px solid #65BFFF;
	}

}

@media all and (max-width: 768px){
	
	.inquiryWrap.d-flex {
		display:block;
		width:100%;
		
	}
	.inquiryWrap .inquiryBox {
		width:100%;
	}
	.inquiryWrap .inquiryBox + .inquiryBox {
		margin-left: 0;
		margin-top: 2%;
	}
	.inquiryWrap .inquiryBox.left .tit::before {
		left: 35%;
	}
	.inquiryWrap .inquiryBox.right .tit::before {
		left: 35%;
	}
	.swiper_mainSub .swiper-wrapper div.sub_slide.swiper-slide-thumb-active a dl, .swiper_mainSub .swiper-wrapper div.sub_slide a:hover dl {
		box-shadow:0 5px 10px rgba(0,0,0,0.2)
	}
}


@media all and (max-width: 640px){

}

@media all and (max-width: 480px){
	.inquiryWrap .inquiryBox.left .tit::before {
		top:10%;
		left: 35%;
		width: 30%;
		height: 30%;
		background-size: contain;
	}
	.inquiryWrap .inquiryBox.right .tit::before {
		top:10%;
		left: 35%;
		width: 30%;
		height: 30%;
		background-size: contain;
	}
	.inquiryWrap .inquiryBox {
    	height: 420px;
	}

	.inquiryWrap .inquiryBox .tit {
    	padding-top: 180px;
	}
	.inquiryWrap .inquiryBox .bottom {
		padding: 20px 5% 20px 5%;
	}
	.inquiryWrap .inquiryBox .bottom ul li div {
   		font-size: 2.2rem;
	}
	.inquiryWrap .inquiryBox .bottom ul li p {
		font-size: 2.2rem;
	}
	.inquiryWrap .inquiryBox .bottom ul li p a {
		font-size: 2.2rem;
	}
	
	.inquiryWrap .inquiryBox .bottom ul li + li {
		margin-top: 10px;
	}
	
	.container .P_MAIN .sec3 .col .l_col h2 {
		padding-top: 0;
	}
	.container .P_MAIN .app_busi_notice .item a span {
		position: relative;
		top: -2px;
		font-size:2.2rem;
	}
	.container .P_MAIN .app_busi_notice .item a span::before {
		position: relative;
		top: 1px;

	}
	.container .P_MAIN .sec2 {
		padding-bottom: 7rem;
	}
	.table-scroll--text.r480 {
		display: block;
	}
	.popup .process3 li + li {
		 margin-left: 36px;
		 margin-top: 0; 
	}
	.pop_container .process3 li + li::before {
		content: "";
		display: block;
		position: absolute;
		left: -26px;
		top: 30px;
		width: 16px;
		height: 20px;
		background: url(../img/ico_process_space.png) no-repeat;
		transform: 0 !important;
	}
	.legalWrap.inquiry .legalTable {
		overflow-x: scroll;
	}
	.legalWrap.inquiry .legalTable table {
		table-layout: auto;
	}
	.legalWrap.inquiry .legalTable tr td {
		padding: 1.5rem 1.5rem;
	}
	.page_inner .swiper-pagination-bullet {
		width:10px;
		height:10px;
	}
	.pageWrap2 {
		top:0;
	}
	.page_inner .swiper-button-pause {
		top:2px;
		width:20px;
		height:20px;
	}
	.page_inner .swiper-pagination-bullet {
		width:6px;
		height:6px;
		border:1px solid #fff;
	}
}