@charset "utf-8";
body {min-width: 1400px;}
.selfAnaly-write--salesCount input::placeholder,
.searchbox input::placeholder {
  color: #555 !important;     /* 원하는 색상 */
  opacity: 1;       /* iOS 사파리에서 연하게 보이는 것 방지 */
}
.header {position: relative; height: 130px; background: #fff;}
.header .inner {position: relative; width: 1400px; margin: 0 auto;}
.header .inner h1 {position: relative;width: 500px; top: 17px;}
.header .inner h1 a {display: inline-block; width:174px; height: 86px; background: url(../img/logo_sub.png) no-repeat;}
.header .inner h1 a.h2hubLogo {position:relative;display:inline-block;top:-25px;width:237px;height:47px;vertical-align: middle;background: url(../img/h2hubLogo_sub.png) no-repeat;}
.header .inner h1 a + a {margin-left:20px;}
.header .inner h1 img {display: block;}
.main .btn_hamNav {display: none;}
.mMenu {display:none;position:relative;z-index:2;}

.gnb {position: absolute; left: 500px; top: 70px;}
.gnb::after {content: ""; display: block; clear: both;}
.gnb > li {float: left; position: relative; padding-bottom: 25px;}
.gnb > li:hover::after {content: ""; display: block; position: absolute; left: 50%; top: 34px; transform: translateX(-50%); width: 6px; height: 6px; border-radius: 50%; background: #03727c;}
.gnb > li + li {margin-left: 0;}
.gnb > li > a {color: #333; font-size: 20px; font-weight: 500;}
.gnb > li:hover > a {color: #03727c;}
.gnb > li > ul {display: none; position: absolute; left: 50%; top: 54px; transform: translateX(-50%); padding: 25px; border: 1px solid #eee; border-radius: 9px; background: #fff;}
.gnb > li:hover > ul {display: block;}
.gnb > li:nth-child(1) > ul {width: 200px;}
.gnb > li:nth-child(2) > ul {width: 240px;}
.gnb > li:nth-child(3) > ul {width: 185px;}
.gnb > li:nth-child(4) > ul {width: 160px;}
.gnb > li:nth-child(5) > ul {width: 190px;}
.gnb > li:nth-child(6) > ul {width: 95px;}
.gnb > li > ul > li + li {margin-top: 10px;}
.gnb > li > ul > li > a {color: #666; font-size: 16px;}
.gnb > li > ul > li > a:hover {color: #222; text-decoration: underline;}

.util_mn {position: absolute; right: 0; top: 15px; font-size: 0;}
.util_mn a {display: inline-block; height: 30px; color: #333; font-size: 14px; line-height: 30px; vertical-align: top;}
.util_mn a.bar {position: relative; margin-right: 20px;}
.util_mn a.bar::after {content: ""; display: block; position: absolute; right: -20px; top: 16px; transform: translateY(-50%); width: 1px; height: 16px; background: #b2b2b2;}
.util_mn a + a {margin-left: 19px;}
.util_mn .btn {width: 94px; height: 30px; border: 2px solid #6f7576; border-radius: 15px; line-height: 26px; text-align: center;}
.util_mn .btn + .btn {margin-left: 10px;}

.btn_tot_search {display: block; position: absolute; right: 0; top: 70px; width: 4rem; height: 4rem; background: url(../img/ico_total_search_b.png) no-repeat;}
.btn_tot_search.on {background: url(../img/ico_close_pop_b.png) no-repeat center;}


/* 硫붿씤 */
.header.main {background: #2f6472;}
.header.main .inner h1 a {display:inline-block;width:174px;background: url(../img/logo.png) no-repeat;}
.header.main .inner h1 a.h2hubLogo {position:relative;display:inline-block;top:-25px;width:237px;height:47px;vertical-align: middle;background: url(../img/h2hubLogo.png) no-repeat;}
.header.main .inner h1 a + a {margin-left:20px;}
.header.main .gnb > li:hover::after {content: ""; display: block; position: absolute; left: 50%; top: 34px; transform: translateX(-50%); width: 6px; height: 6px; border-radius: 50%; background: #fff;}
.header.main .gnb > li > a {color: #fff;}

.header.main .util_mn a {color: #fff;}
.header.main .util_mn .btn {border-color: #a4bbc1;}

.header.main .btn_tot_search {background: url(../img/ico_total_search.png) no-repeat;}
/* 硫붿씤 end */

.wrap {overflow:hidden;}
.total_search_bar {display: none; position: absolute; left: 0; top: 130px; width: 100%; background: #15929b; z-index: 99;}
.total_search_bar > .inner {width: 1400px; margin: 0 auto; padding: 30px 0; text-align: center;}
.total_search_bar .searchbox {display: inline-block; width: 500px; height: 50px; padding: 0 60px 0 29px; border-radius: 25px; background: #fff; position: relative;}
.total_search_bar .searchbox input[type=text] {width: 100%; height: 100%; border: 0;}
.total_search_bar .searchbox button {display: block; position: absolute; right: 0; top: 0; width: 60px; height: 50px; font-size: 0; background: url(../img/ico_total_search2.png) no-repeat 16px center; background-size: 16px;}


.container {min-height: calc(100vh - 400px);}
.contents_wrap {position: relative; width: 1400px; margin: 0 auto; padding: 58px 0 80px 0;}
/*.contents_wrap .pages {padding: 0 60px;}*/
.contents_wrap .layout-type2 .pages {padding: 0 60px;}
.contents_wrap .pages {padding: 0 60px 0 0;}

.location {background: #008a96;}
.location > .inner {width: 1400px; margin: 0 auto; font-size: 0;}
.location > .inner > * {display: inline-block; vertical-align: top;}
.location .home {width: 60px; height: 60px; background: #03727c url(../img/ico_home.png) no-repeat center;}
.location .combo {min-width: 200px; height: 60px; position: relative;}
.location .combo::after {content: ""; display: block; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 20px; background: #80add6;}
.location .combo > a {display: block; height: 60px; padding: 0 50px 0 20px; color: #fff; font-size: 16px; line-height: 60px; letter-spacing: -1px; position: relative;}
.location .combo > a::after {content: ""; display: block; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); width: 12px; height: 6px; background: url(../img/ico_arrow_w.png) no-repeat;}
.location .combo > a.on::after {transform: translateY(-50%) rotate(180deg);}
.location .combo ul {display: none; border: 1px solid #008a96; border-top: 0; border-radius: 0 0 10px 10px; z-index: 99; background: #fff;}
.location .combo ul li a {display: block; height: 50px; padding: 0 20px; color: #666; font-size: 16px; line-height: 50px;}
.location .combo ul li a:hover {color: #005bac; background: #f5f5f5;}
.location .combo ul li:last-child a:hover {border-radius: 0 0 10px 10px;}

.contents_top {height: 220px; padding-top: 61px; text-align: center; background: url(../img/content_top.png) no-repeat center top;}
.contents_top > * {display: block; font-weight: 700;}
.contents_top .eng {color: #01aab1; font-size: 18px; letter-spacing: 6px;}
.contents_top .kor {margin-top: 6px; color: #fff; font-size: 48px;}

.main .gotop{display:none !important;}
.gotop {display: none; position: fixed; left: 0; bottom: 310px; width: 60px; height: 60px; background: url(../img/ico_gotop.png) no-repeat;}

.footer {background: #2c3136;}
.footer > .inner {width: 1400px; height: 270px; margin: 0 auto; padding-top: 40px;}
.footer .linkbox {border: 1px solid #565a5e;}
.footer .linkbox > div {float: left;}
.footer .linkbox .l_col {width: 899px;}
.footer .linkbox .l_col ul li {display: inline-block; width: 200px; text-align: center; position: relative;}
.footer .linkbox .l_col ul li + li::before {content: ""; display: block; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 20px; background: #565a5e;}
.footer .linkbox .l_col ul li a {display: block; height: 68px; color: #d2d2d2; font-size: 16px; font-weight: 300; line-height: 68px;}
.footer .linkbox .l_col ul li a:hover {text-decoration: underline;}
.footer .linkbox .r_col {width: 49rem; font-size: 0; text-align: right;}
.footer .linkbox .r_col .combo {display: inline-block; width: 245px; border-left: 1px solid #565a5e; position: relative;}
.footer .linkbox .r_col .combo > a {display: block; position: relative; height: 68px; padding: 0 30px; color: #d2d2d2; font-size: 16px; font-weight: 300; line-height: 68px; text-align: left;}
.footer .linkbox .r_col .combo > a::after {content: ""; display: block; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); width: 11px; height: 6px; background: url(../img/ico_combo_w_11x6.png) no-repeat;}
.footer .linkbox .r_col .combo > a.on::after {background: url(../img/ico_combo_w_11x6.png) no-repeat; transform: translateY(-50%) rotate(180deg);}
.footer .linkbox .r_col .combo ul {display: none; position: absolute; left: -1px; top: 68px; width: calc(100% + 2px); padding: 5px 0; border: 1px solid #565a5e; background: #2c3136;}
.footer .linkbox .r_col .combo ul li {padding: 5px 0;}
.footer .linkbox .r_col .combo ul li a {display: block; padding: 0 30px; color: #d2d2d2; font-size: 16px; font-weight: 300; text-align: left;}
.footer .linkbox .r_col .combo ul li a:hover {text-decoration: underline;}
.footer .linkbox .r_col .combo ul li a:focus {outline:dashed 2px #fff !important;}
.footer .box {padding-top: 38px; font-size: 14px; font-weight: 300;}
.footer .box address span {display: inline-block; padding-right: 14px; vertical-align: top;}
.footer .box address span + span::before {content: ""; display: inline-block; width: 1px; height: 20px; margin-right: 16px; background: #acadae; vertical-align: top;}
.footer .box address a{color:#d2d2d2}
.footer .box p {margin-top: 8px;}

.footer.main {position: relative; border-top: 1px solid #d2d2d2; background: #fff;}
.footer.main > .inner {padding-top: 0;}
.footer.main .linkbox {border: 0;}
.footer.main .linkbox .l_col ul li a {color: #333;}
.footer.main .linkbox .l_col ul li + li::before {content: none;}
.footer.main .linkbox .r_col .combo {border-color: #dcdcdc;}
.footer.main .linkbox .r_col .combo:nth-child(2) {border-right: 1px solid #d2d2d2;}
.footer.main .linkbox .r_col .combo > a {color: #333;}
.footer.main .linkbox .r_col .combo > a::after {background: url(../img/ico_combo_b_11x6.png) no-repeat;}
.footer.main .box {color: #666;}
.footer.main .line {display: block; position: absolute; left: 0; top: 68px; width: 100%; height: 1px; background:  #d2d2d2;}


/* Popup */
.pop_dim {position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,.6); z-index: 10;}
.popup {display: none; position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 99}
.popup.basic {width: 400px;}

.pop_header {position: relative; height: 90px; border-radius: 17px 17px 0 0; background: #008a96;}
.pop_header h1 {height: 90px; padding: 0 90px 0 39px; color: #fff; font-size: 24px; font-weight: 700; line-height: 90px;}
.pop_header .close {display: block; position: absolute; right: 39px; top: 30px; width: 30px; height: 30px; font-size: 0; background: url(../img/ico_close_pop.png) no-repeat;}
.pop_container {padding: 40px; border-radius: 0 0 17px 17px; background: #fff;height: 700px; overflow-y: scroll;}
.pop_footer {margin-top: 30px;margin-bottom: 30px;}



/* space */
.tit_1 + .pages {margin-top: 41px;}

.tit_2 + .board_write {margin-top: 19px;}
.tit_2 + .board_list2 {margin-top: 20px;}
.tit_2 + .tb_2 {margin-top: 20px;}
.tit_2 + .tit_7 {margin-top: 24px;}
.tit_2 + .msg_1 {margin-top: 20px;}
.tit_2 + .msg_2 {margin-top: 20px;}
.tit_2 + .msg_3 {margin-top: 20px;}
.tit_2 + .msg_4 {margin-top: 20px;}

.tit_3 + .tit_2 {margin-top: 33px;}
.tit_3 + .tit_4 {margin-top: 27px;}
.tit_3 + .tit_5 {margin-top: 27px;}

.tb_1 {margin-top: 17px;}
.tb_1 + .tit_2 {margin-top: 40px;}
.tb_1 + .tit_3 {margin-top: 50px;}
.tb_1 + .tit_7 {margin-top: 34px;}

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

.tab_1 + .tit_3 {margin-top: 50px;}
.tab_1 + .board_write {margin-top: 50px;}
.tab_1 + .board_view {margin-top: 50px;}
.tab_1 + .condition {margin-top: 50px;}

.table_ui + .btn_group {margin-top: 50px;}

.board_write + .tit_2 {margin-top: 39px;}
.board_write + .txt_1 {margin-top: 14px;}
.board_write + .btn_group {margin-top: 39px;}
.board_write + .board_top {margin-top: 40px;}
.table-scroll--text + .board_list_bottom{margin-top: 40px;}
.board_view + .btn_group {margin-top: 40px;}

.board_list + .board_list_bottom {margin-top: 40px;}
.board_list2 + .btn_group {margin-top: 40px;}
.board_album + .board_list_bottom {margin-top: 40px;}

.board_top + .board_list {margin-top: 30px;}
.board_top + .board_view2 {margin-top: 20px;}

.condition + .board_list {margin-top: 30px;}
.condition + .board_album {margin-top: 30px;}

.condition2 + .condition {margin-top: 6px;}

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

.btn_group + .board_navi {margin-top: 30px;}

.msg_1 + .tit_2 {margin-top: 39px;}
.msg_2 + .tit_2 {margin-top: 40px;}
.msg_3 + .tit_2 {margin-top: 40px;}
.msg_4 + .tit_2 {margin-top: 40px;}
.msg_4 + .tit_3 {margin-top: 50px;}

/*  230105 pr/online.do */
.sub-layout {width:100%;}
.sub-layout .bn-list-thumb-card .b-box02 div {display:none;}
.sub-layout .bn-list-thumb-card .b-box02 .b-title-box {display:block;}
.sub-layout .bn-list-thumb-card .b-box02 .b-title-box .b-title {display:block;font-size:2rem;}


/* 220219 add */
.layout-type2 {display: flex;}
.layout-type2 .sub-navigation {flex-shrink: 0; width: 252px;}
.layout-type2 .sub-navigation h1 {padding: 60px 15px; color: #fff; font-size: 24px; font-weight: 700; text-align: center; background: #008a96;}
.layout-type2 .sub-navigation ul {margin-top: 16px; border: 1px solid #ddd;}
.layout-type2 .sub-navigation ul > li {border-bottom: 1px solid #ddd;}
.layout-type2 .sub-navigation ul > li:last-child {border-bottom: 0;}
.layout-type2 .sub-navigation ul > li a {display: block; padding: 20px 15px; color: #0b0b0b; font-size: 16px;}
.layout-type2 .sub-navigation ul > li a.on {color: #fff; background: #008296;}


/* 20220811 responsive */
/* 怨듯넻 */

html {
  font-size: 62.5% !important;
  font-weight: 300 !important;
  letter-spacing: -0.25px !important;
  -webkit-text-size-adjust: none !important;
  /* �щ＼, �ы뙆由�, �ㅽ럹�� �좊쾭�� */
  -ms-text-size-adjust: none !important;
  /* IE */
  -moz-text-size-adjust: none !important;
  /* �뚯씠�댄룺�� */
  -o-text-size-adjust: none !important;
  /* �ㅽ럹�� 援щ쾭�� */
}

@media (max-width: 720px) {
  html {
	font-size: 57.81% !important;
  }
}

@media (max-width: 640px) {
  html {
	font-size: calc(62.5% / 1.3) !important;
  }
}

@media (max-width: 540px) {
  html {
	font-size: calc(62.5% / 1.7) !important;
  }
}

@media all and (max-width: 1600px){
	body {min-width: 100%;}
	/* header */
	.header {width:100%;padding: 0 2rem;}
	.header .inner {width:100%;}
	.gnb > li + li {margin-left: 6rem;}
	/* footer */
	.footer > .inner {width:100%;padding:0 2rem;}
	.footer .linkbox .l_col {width: 60%;}
	/* main */
	.container .P_MAIN .sec1 {}
	.container .P_MAIN .sec2 {}
	.container .P_MAIN .sec3 {padding: 0 2rem;background-size: contain;}

	/* main :: sec1 */
	.container .P_MAIN .m_visual .item.bg1 {width:100%;}
	.container .P_MAIN .m_visual .item.bg2 {width:100%;}
	.container .P_MAIN .m_visual .item.bg1 {background: url(../img/m_visual01.png) no-repeat center/cover;}
	.container .P_MAIN .m_visual .item.bg2 {background: url(../img/m_visual01.png) no-repeat center/cover;} 

	/* main :: sec2 */
	.container .P_MAIN .sec2 .inner {width:100%;padding-top: 7rem;}
	.container .P_MAIN .sec2 .tit {font-size:4rem;}
	.container .P_MAIN .sec2 .list {flex-flow:nowrap;padding:0 2rem;margin-top: 4rem;margin-bottom: 4rem;}
	.container .P_MAIN .sec2 .list li {width:33.3%;}
	.container .P_MAIN .sec2 .list li + li {margin-left: 1.2%;}
	.container .P_MAIN .sec2 .list li a .t1 {top: 60px;font-size: 2.5rem;}
	.container .P_MAIN .sec2 .list li a .t2 {font-size: 1.8rem;}
	.container .P_MAIN .sec2 .list li a::before {width: 80px; height: 80px;}
	.container .P_MAIN .sec2 .list li:nth-child(1) a::before {background-size: cover;}
	.container .P_MAIN .sec2 .list li:nth-child(2) a::before {background-size: cover;}
	.container .P_MAIN .sec2 .list li:nth-child(3) a::before {background-size: cover;}
	.container .P_MAIN .sec2 .list li:nth-child(4) a::before {background-size: cover;}
	

	.container .P_MAIN .sec2 {background: none;} 
	.container .P_MAIN .sec2 .bot {margin-top: 7rem;} 
	.container .P_MAIN .sec2 .bot ul {display:block;padding: 0 2rem;margin: 4rem 0 0 0;}
	.container .P_MAIN .sec2 .bot ul li {width:33.333%;}
	.container .P_MAIN .sec2 .bot ul li + li {margin-left:1%;}
	.container .P_MAIN .sec2 .bot ul li:nth-child(1), .container .P_MAIN .sec2 .bot ul li:nth-child(2), .container .P_MAIN .sec2 .bot ul li:nth-child(3) {width:32.6%;}
	.container .P_MAIN .sec2 .bot ul li a {min-height: 15rem;; padding: 2rem 0 2rem 20rem;}
	.container .P_MAIN .sec2 .bot ul li a::before {top: 2rem;left: 4rem;width: 130px; height: 130px;}
	.container .P_MAIN .sec2 .bot ul li:nth-child(1) a::before {background-size: contain;}
	.container .P_MAIN .sec2 .bot ul li:nth-child(2) a::before {background-size: contain;}
	.container .P_MAIN .sec2 .bot ul li:nth-child(3) a::before {background-size: contain;}
	.container .P_MAIN .sec2 .bot ul li .t1 {font-size: 2rem;}
	.container .P_MAIN .sec2 .bot ul li .t2 {font-size: 1.6rem;line-height: 2rem;}
	   
	/* main :: sec3 */
	.container .P_MAIN .sec3 .inner {width:100%;}
	.container .P_MAIN .sec3 .col .r_col  {width:calc(400px - 50%);} 
	.container .P_MAIN .sec3 .col .r_col .app_busi_notice {width: 100%;}


}
@media all and (max-width: 1400px){
	/* sub layout */
	.location > .inner {width: 100%;}
	.contents_wrap {width: 100%;}
}
@media all and (max-width: 1400px){
	/* header */
	.gnb {left: 20%;}
	.gnb > li + li {margin-left: 4rem;}
	.inner .gnb {width: calc(100% - 60rem);left: 45%;}

	/* main :: sec1 */
	.container .P_MAIN .m_visual .item {height:100vh;}
	
	/* main :: sec2 */
	.container .P_MAIN .sec2 .bot ul li a::before {left: 2rem;}
	.container .P_MAIN .sec2 .bot ul li a {padding: 2rem 0 2rem 17rem;}
	/* footer */
	.footer .linkbox .l_col {width: 55%;}
}
@media all and (max-width: 1200px){
	/* header */
	.gnb > li > a {font-size: 1.8rem;}
	.gnb > li + li {margin-left: 3rem;}
	.header .inner h1 a {width: 15.2rem;height: 7.4rem; background-size: contain;}
	.header.main .inner h1 a { background-size: contain;}
	.header.main .inner h1 a.h2hubLogo {width: 20rem;height: 4rem;background-size: contain;}
	.header .inner h1 a.h2hubLogo {width: 20rem;height: 4rem;background-size: contain;}
	.inner .gnb {width: calc(100% - 45rem); left: 42%;}

	/* main :: sec1 */
	.container .P_MAIN .m_visual .item {height:80vh;}
	/* main :: sec2 */
	.container .P_MAIN .sec2 {height: auto;}
	.container .P_MAIN .sec2 .list li {width: 49%;}
	.container .P_MAIN .sec2 .list li + li {margin-left: 1.8%;}
	/*.container .P_MAIN .sec2 .list li + li + li {margin-top: 1.8%;}
	.container .P_MAIN .sec2 .list li:nth-child(3) {margin-left: 0;}*/
	.container .P_MAIN .sec2 .list li a {padding: 12rem 4rem 4rem 4rem;height:250px;}
	.container .P_MAIN .sec2 .list li:nth-child(1) a::before {top:3rem;width:8.5rem;height:8.5rem;}
	.container .P_MAIN .sec2 .list li:nth-child(2) a::before {top:3rem;width:8.5rem;height:8.5rem;}
	.container .P_MAIN .sec2 .list li:nth-child(3) a::before {top:3rem;width:8.5rem;height:8.5rem;}
	.container .P_MAIN .sec2 .list li:nth-child(4) a::before {top:3rem;width:8.5rem;height:8.5rem;}
	.container .P_MAIN .sec2 .list li a .t1 {top: 45px;}
	.container .P_MAIN .sec2 .bot ul li .t2 {margin-top:0.8rem;}
	.container .P_MAIN .sec2 .bot ul li .t2 br {display:none;}
	.container .P_MAIN .sec2 .bot ul li a {padding:3rem 0 3rem 15rem}
	.container .P_MAIN .sec2 .bot {margin-bottom:7rem;padding-bottom:7rem; background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #eff0ef); background: -webkit-linear-gradient(to bottom, rgba(255, 255, 255, 0), #eff0ef);}

	/* footer */
	.footer {position:relative;}
	.footer > .inner {height: 280px;}
	.footer .linkbox {position: relative;border:0;}
	.footer .linkbox .r_col {position:absolute;width:100%;top:0;}
	.footer .linkbox .l_col {position:absolute;width:100%;top:68px;}
	
	.footer .linkbox .r_col::before{position:absolute;top:68px;left:-2rem;width:calc(100% + 4rem);height:1px;background-color: #565a5e;content:'';}
	/* .footer .linkbox .r_col::before {position:absolute;top:68px;left:-10%;width:10%;height:1px;background-color: #565a5e;content:'';}
	.footer .linkbox .r_col::after {position:absolute;top:68px;right:-1.8%;width:4%;height:1px;background-color: #565a5e;content:'';} */
	.footer .linkbox .r_col .combo {position:relative;width: 50%; border-left: 0;}
	.footer .linkbox .r_col .combo + .combo {border-left:1px solid #565a5e;}
	.footer .linkbox .r_col .combo ul {border: 0; border-bottom: 1px solid #565a5e;z-index: 1;}

	.footer .linkbox .l_col {position:relative;}
	/* .footer .linkbox .l_col::before {position:absolute;top:68px;left:-10%;width:10%;height:1px;background-color: #565a5e;content:'';}
	.footer .linkbox .l_col::after {position:absolute;top:68px;right:-1.8%;width:4%;height:1px;background-color: #565a5e;content:'';} */
	.footer .linkbox .l_col ul::after {position:absolute;top:68px;right:-2rem;width:calc(100% + 4rem);height:1px;background-color: #565a5e;content:'';}
	.footer .linkbox .l_col ul {width: 100%; border-left: 0;border-bottom:1px solid #565a5e;}

	.footer .linkbox .l_col ul li {width: 33%;}

	.footer .box {position:absolute;bottom:4rem;}
	.footer .box address {line-height:2.5rem;}
	.footer .box address span + span::before {margin-top: 3px;}
	.footer .linkbox .r_col .combo ul {/* border:1px solid yellow */}
	.footer .linkbox .r_col .combo ul {border-right: 1px solid #565a5e;}
	.footer .linkbox .r_col .combo ul::before {position:absolute;top:0;left:-5%;width:5%;height:102%;border-top:1px solid #2c3136;border-bottom:1px solid #565a5e;background-color:#2c3136;content:'';}
	.footer .linkbox .r_col .combo + .combo ul {border-left: 1px solid #565a5e;border-right: 0;}
	.footer .linkbox .r_col .combo + .combo ul::before {display:none;}
	.footer .linkbox .r_col .combo + .combo ul::after {display:none;}
}


@media all and (max-width: 1024px){
	/* header */
	.gnb > li + li {margin-left: 2rem;}

}
@media all and (max-width: 960px){
	/* header */
	body.fixed {overflow: hidden;height: initial;background-color: #FFF;}
	.gnb {display:none;}
	.util_mn {display:none;}
	.container .P_MAIN .sec2 .tit {font-size: 4rem;}

	.header {height: 11.9rem;}
	.header .inner h1 {padding:2rem 0;top: 0;}
	.header .inner h1 a {width:15.2rem;height:7.4rem;background-size:contain;}
	.header.main .inner h1 a {width:15.2rem;height:7.4rem;background: url(../img/logo_m.png) no-repeat;background-size:contain;}
	.header .btn_tot_search {right:7rem;background-size: contain !important;}
	.btn_tot_search {top: 4rem;}

	/* hamNav */
	.main .btn_hamNav {display:block;position:absolute;top:4rem;right:0;width:4rem;height:4rem;background: url(../img/ico_hamNav.png) no-repeat;background-size:contain;}
	.btn_hamNav {display:block;position:absolute;top:4rem;right:0;width:4rem;height:4rem;background: url(../img/ico_hamNav_sub.png) no-repeat;background-size:contain;}
	/* mMenu */
	.mMenu {display:none;position:relative;z-index:100;} 
	.mMenu.active {display:block;}
	.mMenu .overlay {position: fixed;background-color: rgba(0, 0, 0, 0.6);top: 0;right: 0;display: -webkit-box;display: -ms-flexbox; display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction:column;flex-direction: column;-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end; -webkit-box-align: center;-ms-flex-align: center;align-items: center;width: 100%;height: 0%;z-index: 2;overflow: hidden;}
	.mMenu .overlay.open {height: 100%;}
	.mMenu .overlay.open li {-webkit-animation: fadeInRight .45s ease forwards;animation: fadeInRight .45s ease forwards;-webkit-animation-delay: .2s;animation-delay: .1s;opacity:0;}
	.mMenu .overlay.open li:nth-of-type(2) {-webkit-animation-delay: .33s;animation-delay: .33s;}
	.mMenu .overlay.open li:nth-of-type(3) {-webkit-animation-delay: .36s;animation-delay: .36s;}
	.mMenu .overlay.open li:nth-of-type(4) {-webkit-animation-delay: .39s;animation-delay: .39s;}
	.mMenu .overlay.open li:nth-of-type(5) {-webkit-animation-delay: .42s;animation-delay: .42s;}
	.mMenu .overlay.open li:nth-of-type(6) {-webkit-animation-delay: .45s;animation-delay: .45s;}
	.mMenu .overlay.open li:nth-of-type(7) {-webkit-animation-delay: .48s;animation-delay: .48s;}
	.mMenu .overlay .overlayBox {position: relative;margin-top: 20rem;background-color: #fff;top: 0;right: 0;width: 80%;height: 100vh;transform: translateX(12.5%);z-index: 20;overflow: auto;}
	.mMenu .overlay .overlayBox .overlay-menu {width: 100%; }
	.mMenu .overlay .overlayBox .overlay-menu ul {list-style: none;padding: 0;margin: 0 auto;display: inline-block;position: relative;width: 100%;height: 100%;}
	.mMenu .overlay .overlayBox .overlay-menu ul li {display: block;text-align: left;height: 25%;height: calc(100% / 7);position: relative;opacity: 0;background-color: #e0e9e9;}
	.mMenu .overlay .overlayBox .overlay-menu ul li + li {border-top: 1px solid #ccc;}
	.mMenu .overlay .overlayBox .overlay-menu ul li a {display: block;padding: 3rem 0 3rem 6rem;position: relative;color: #000;text-decoration: none;overflow: hidden;font-size: 3rem;font-weight: 500;text-align: left;}
	.mMenu .overlay .overlayBox .overlay-menu ul li.on a {display: block;padding: 3rem 0 3rem 6rem;position: relative;color: #fff;text-decoration: none;overflow: hidden;font-size: 3rem;font-weight: 500;text-align: left; background: linear-gradient(to right, #1c90a0, #00c9d0);background: -webkit-linear-gradient(to right, #1c90a0, #00c9d0);}


	.mMenu .topBlue {position: fixed;top: 0;right: 0;width: 80%;height: 20rem;z-index: 5;}
	.mMenu .topBlue .button_container {position: relative;right: 0;}
	.mMenu .topBlue .button_container span {position:absolute;width:1px;height: 4.5rem;}
	.mMenu .topBlue .button_container {width: 4.5rem;height: 4.5rem;cursor: pointer;z-index: 10; background: transparent;} 
	.mMenu .topBlue .button_container .top {top: -10px;-webkit-transform: translateY(11px) translateX(0) rotate(45deg);transform: translateY(11px) translateX(0) rotate(45deg);background: #fff;}
	.mMenu .topBlue .button_container .bottom {top: 12px;-webkit-transform: translateY(-11px) translateX(0) rotate(-45deg);transform: translateY(-11px) translateX(0) rotate(-45deg);background: #fff;}
	.mMenu .topBlue .menuTop .mt {display:flex;padding: 2rem 3rem 2rem 0;height:12rem;background-color:#00475a;align-items: center; justify-content: space-between;box-sizing:border-box;}
	.mMenu .topBlue .menuTop .row {display:flex;}
	.mMenu .topBlue .menuTop .row li a{color:#fff;}
	.mMenu .topBlue .menuTop .row.first {display:flex;width: calc(100% - 8rem);box-sizing:border-box;align-items: center;justify-content:space-between;}
	.mMenu .topBlue .menuTop .row.first li {width: 33.33%; text-align: center;opacity:0;}
	.mMenu .topBlue .menuTop .row.first li + li {position:relative;margin-left:-5rem;}
	.mMenu .topBlue .menuTop .row.first li + li::before {position:absolute;top: 1.2rem;left: 0;width:1px;height:3rem;background-color:#c5bebc;content:'';}
	.mMenu .topBlue .menuTop .row.first li a {display: inline-block;padding:0.5rem 2.5rem;box-sizing:border-box;text-align:center;font-size:2.5rem;}
	.mMenu .topBlue .menuTop .row.second {display:flex;padding: 1.2rem;height:8rem;background-color:#2f6472;box-sizing:border-box;align-items: center;justify-content: flex-start;overflow-x:auto;}
	.mMenu .topBlue .menuTop .row.second li + li {margin-left:2%;}
	.mMenu .topBlue .menuTop .row.second li a {display: inline-block;padding:0.5rem 2rem;border:2px solid #aabfc5;border-radius:20px;box-sizing:border-box;text-align:center;font-size:2rem;}

	.mMenu .overlay .overlayBox .overlay-menu ul.depth2 {display: none;padding: 0 6rem 0 6rem;background-color: #fff;box-sizing:border-box;}
	.mMenu .overlay .overlayBox .overlay-menu ul.depth2 li {background-color:#fff;}
	.mMenu .overlay .overlayBox .overlay-menu ul.depth2 li + li {border-top: 0;padding-top: 5rem;}
	.mMenu .overlay .overlayBox .overlay-menu ul.depth2 li a {padding: 0;font-size: 2.8rem;font-weight: 400;color: #555555;}
	.mMenu .overlay .overlayBox .overlay-menu ul li.on .depth2 li {}
	.mMenu .overlay .overlayBox .overlay-menu ul li.on .depth2 li a {padding: 2.5rem 0 2.5rem 2rem;background:#fff;}
	.mMenu .overlay .overlayBox .overlay-menu ul li.on .depth2 li + li {padding-top:0;border-top:1px solid #e3e3e3;}

	 

	/* search */
	.total_search_bar {top: 11rem;}
	.total_search_bar > .inner {padding: 3rem 0;}
	.total_search_bar .searchbox {width: 80%;height:6rem;}
	.total_search_bar .searchbox button {width: 9rem; height: 6rem;}

	/* main :: sec1 */
	.container .P_MAIN .m_visual .swiper-pagination {right: 1.5rem;top: 2rem;}
	.container .P_MAIN .m_visual .swiper-pagination-bullet {width: 12px;height: 12px;}
	.container .P_MAIN .m_visual .swiper-pagination-bullet.swiper-pagination-bullet-active {width: 32px;}
	.container .P_MAIN .m_visual .item {height:auto;}
	.container .P_MAIN .m_visual .item.bg1 {height:100rem;background: url(../img/visual01_m.jpg) no-repeat top/cover ; background-size:cover;}
	.container .P_MAIN .m_visual .item.bg2 {height:100rem;background: url(../img/visual02_m.jpg) no-repeat top/cover ; background-size:cover;}

	/* main :: sec2 */
	.container .P_MAIN .sec2 .bot {margin-bottom:7rem;padding-bottom:7rem;}
	.container .P_MAIN .sec2 .bot ul li:nth-child(1), .container .P_MAIN .sec2 .bot ul li:nth-child(2), .container .P_MAIN .sec2 .bot ul li:nth-child(3) {width: 100% !important;box-sizing:border-box;}
	.container .P_MAIN .sec2 .bot ul li + li {margin-left: 0;}
	.container .P_MAIN .sec2 .bot ul li a {height: 25rem;padding: 5rem 0 5rem 35rem !important;}
	.container .P_MAIN .sec2 .bot ul li a::before {width: 25rem;height: 25rem; padding: 2rem 0 2rem 26rem;}
	.container .P_MAIN .sec2 .bot ul li .t1 {font-size: 3.2rem;}
	.container .P_MAIN .sec2 .bot ul li .t2 {font-size: 2.1rem;line-height: 2.8rem;}
	.container .P_MAIN .sec2 .bot ul li .t2 br {display: block;}


	/* main :: sec3 */
	.container .P_MAIN .sec3 {position:relative;background: none;height: 90rem;}
	.container .P_MAIN .sec3::before {position:absolute;top:-5rem;left: 2rem; width: 33rem; height: 31rem;background: url(../img/bg_main_sec3_m.png) no-repeat center center;content:'';z-index:-1;background-size: cover;}

	.container .P_MAIN .sec3 .col > * {display:block;}
	.container .P_MAIN .sec3 .col {display: block; width: 100%;}
	.container .P_MAIN .sec3 .col .l_col {width: 100%; padding-top: 0;text-align:center;}
	.container .P_MAIN .sec3 .col .r_col {width: 100%;}

	.container .P_MAIN .sec3 .col .l_col h2 {position:relative;padding-bottom: 0;}
	.container .P_MAIN .sec3 .col .l_col h2 span:nth-child(1) {font-size: 3rem;line-height: 100%;}
	.container .P_MAIN .sec3 .col .l_col h2 span:nth-child(2) {margin-top:1.2rem;font-size: 4rem;line-height: 100%;}
	.container .P_MAIN .sec3 .col .l_col p {margin-top: 3.8rem;font-weight:400;font-size: 2.1rem;line-height: 3rem;text-align:left;}
	.container .P_MAIN .sec3 .col .l_col p br {display:none;}
	.container .P_MAIN .sec3 .col .r_col {padding-top: 4%;height: 50rem;}
	.container .P_MAIN .sec3 .col .r_col .app_busi_notice {height:48rem;}
	.container .P_MAIN .sec3 .col .l_col h2::after { bottom: -2rem;width: 6rem;}
	.container .P_MAIN .sec3 .col .l_col .more {width:30%;height: 6rem;line-height:6rem;top: 65rem;left:60%;bottom:0;transform:translateX(-50%);color: transparent;background-size:contain;}
	.container .P_MAIN .app_busi_notice .item .stat {left: 3rem;}
	.container .P_MAIN .app_busi_notice .item .top {height: auto;padding:0 3rem 3rem;}
	.container .P_MAIN .app_busi_notice .item .t1 {font-size:2.5rem;line-height: 100%;}
	.container .P_MAIN .app_busi_notice .item .t2 {font-size: 2rem;margin-top: 2rem;line-height: 100%;}
	.container .P_MAIN .app_busi_notice .item .day1 {font-size: 2rem;}
	.container .P_MAIN .app_busi_notice .item .day2 {font-size: 2rem;}
	.container .P_MAIN .app_busi_notice .item a {height: 10rem;line-height:10rem;}
	.contents_wrap .P_SITEMAP > .inner > div ul {padding-top: 3rem;}

	 @-webkit-keyframes fadeInRight {
		0% {
		  opacity: 0;
		  left: 20%;
		}
		100% {
		  opacity: 1;
		  left: 0;
		}
	  }
	  @keyframes fadeInRight {
		0% {
		  opacity: 0;
		  left: 20%;
		}
		100% {
		  opacity: 1;
		  left: 0;
		}
	  }

	/* footer */
	.footer .linkbox .l_col ul li {width: auto;}
	.footer .linkbox .l_col ul li a { padding: 0 2.4rem;}
	.footer .linkbox .r_col .combo > a {font-size: 2rem;}
	.footer .linkbox .r_col .combo ul li a {font-size:2rem;}
	.footer .linkbox .l_col ul li a {font-size: 2rem;}
	.footer .box address span {font-size: 1.6rem;}
	.footer .box p {font-size: 1.6rem;}

	/* sub Location */
	.location > .inner {display:flex;width:100%;justify-content:space-between;}   
	.location .combo {min-width: 45%;}
	
	.container .P_MAIN .sec2 .list{flex-wrap:wrap;}
	.container .P_MAIN .sec2 .list li{width:100%;}
	.container .P_MAIN .sec2 .list li + li{margin-left:0;margin-top:2%}
	
}
@media all and (max-width: 768px){
	/* footer */
	/* .footer .linkbox .l_col ul li {min-width: calc(55% - 60px);} */
}
@media all and (max-width: 640px){
	/* header */
	.header .inner h1 a.h2hubLogo {width: 17rem;top: -12px;height: 7rem;background-size: contain;}
	.header.main .inner h1 a.h2hubLogo {width: 17rem;top: -12px;height: 7rem;background-size: contain;}
	/* main :: sec2 */
	.container .P_MAIN .sec2 .list li a {height: 29.5rem; padding: 15rem 2rem 1.4rem 2rem;font-size:2rem;}
	.container .P_MAIN .sec2 .list li a::before {left: 2rem;}
	.container .P_MAIN .sec2 .list li a::after {right: 3rem;bottom: 3rem;width: 3.6rem;height: 3.6rem;background: url(../img/ico_sec2_arrow.png) no-repeat;background-size:contain;}
	.container .P_MAIN .sec2 .list li a .t1 {top: 4.5rem;right:3.5rem}
	.container .P_MAIN .sec2 .list li a .t2 {line-height: 1.1rem;}

	/* main :: sec3 */
	.container .P_MAIN .sec2 .bot ul li a::before {left: 1rem;}
	.container .P_MAIN .sec2 .bot ul li .t2 br {display:block;}
	.container .P_MAIN .app_busi_notice .item .term {margin-top: 2rem;font-size:2rem;}
	.container .P_MAIN .app_busi_notice .item a span {font-size:2.5rem;}
	
	/* footer */
	.footer > .inner {height: 48rem;}
	.footer .box address span {display:block;width:100%;}
	.footer .box address span + span {margin-top:0.5rem}
	.footer .box address span + span::before {display:none;}

	/* sub Location */
	.location .combo > a {font-size: 2.2rem;}
	/* 媛쒖씤�뺣낫泥섎━諛⑹묠 */
	.contents_wrap .P_PRIVAE_INFO .colbox > * {width: 100%;}
	.contents_wrap .P_PRIVAE_INFO .colbox > div + div {margin-left: 0;margin-top:10px;}
	/* �먮윭�섏씠吏� */
	.wrap .error_page h1 {margin-top: 35%;}
	.wrap .error_page .inner {width: calc(100% - 5rem);;margin: 0 auto 0;}
		
}
@media all and (max-width: 540px){
	.header .inner h1 a.h2hubLogo {top: 0;}
	.header.main .inner h1 a.h2hubLogo {top: 0;}
}
@media all and (max-width: 480px){
	/* mMenu */
	.mMenu .topBlue .menuTop .row.first {width: calc(100% - 6rem);}
	
	/* hamNav */
	.header .inner h1 a.h2hubLogo {top: 0;}
	.header.main .inner h1 a.h2hubLogo {top: 0;}
	.header.main .inner h1 a {width: 115px;height: 45px;}
	.header .inner h1 a {width: 115px;height: 45px;}
	.header .inner h1 {padding:1.3rem 0;}
	.header .btn_tot_search {right:45px;top:20px;width:30px;height:30px;background-size: contain !important;}
	.btn_tot_search {top: 4rem;}
	.main .btn_hamNav {display:block;position:absolute;top:20px;right:0;width:30px;height:30px;background: url(../img/ico_hamNav.png) no-repeat;background-size:contain;}
	.btn_hamNav {display:block;position:absolute;top:20px;right:0;width:30px;height:30px;background: url(../img/ico_hamNav_sub.png) no-repeat;background-size:contain;}
	.total_search_bar {top: 11.9rem;}
	.total_search_bar > .inner {padding: 2.5rem 0;}
	.total_search_bar .searchbox { height: 7rem;}
	.total_search_bar .searchbox input[type=text] { font-size: 2.8rem;}
	.total_search_bar .searchbox button { background-size: 20px;}
	.total_search_bar .searchbox button {width: 10rem;height: 7rem;}


	/* main :: sec1 */
	.container .P_MAIN .m_visual .item {height:80rem;}
	.container .P_MAIN .m_visual .item.bg1 {height:87rem;background: url(../img/visual01_m.jpg) no-repeat top/cover ; background-size:cover;}
	.container .P_MAIN .m_visual .item.bg2 {height:87rem;background: url(../img/visual02_m.jpg) no-repeat top/cover ; background-size:cover;}
	.container .P_MAIN .sec2 .tit {font-size: 4.8rem;}
	.container .P_MAIN .sec2 .list li a {height: 32rem;}
	.container .P_MAIN .sec2 .list li a .t2 br {display:none;}
	/* main :: sec2 */
	.container .P_MAIN .sec2 .list li a {padding: 14rem 2rem 1.4rem 2rem;font-size:2rem;}
	.container .P_MAIN .sec2 .list li a .t1 {font-size: 3.8rem;}
	.container .P_MAIN .sec2 .list li a .t2 {font-size: 2.5rem;}
	/* main :: sec3 */
	.container .P_MAIN .sec2 .bot ul li .t1 { font-size: 3.8rem;}
	.container .P_MAIN .sec2 .bot ul li .t2 {font-size: 2.5rem;line-height: 3.8rem;}
	/* main :: sec4 */
	.container .P_MAIN .sec3 .col .l_col h2 span:nth-child(1) {font-size: 3.6rem;}
	.container .P_MAIN .sec3 .col .l_col h2 span:nth-child(2) {font-size: 4.8rem;}
	.container .P_MAIN .sec3 .col .l_col p { font-size: 2.5rem !important;line-height: 3.8rem;}
	.container .P_MAIN .sec3 .col .l_col .more {height: 7rem;}
	.container .P_MAIN .sec3 .col .r_col .app_busi_notice {height: 40rem;}

	/* footer */
	.footer > .inner {height: 53rem;}
	.footer .linkbox .r_col .combo ul li a {font-size:2.2rem;}
	.footer .linkbox .r_col .combo > a {font-size: 2.2rem;}
	.footer .linkbox .l_col ul li a {font-size: 2.2rem;}
	.footer .box address span {font-size:2.1rem;line-height: 3rem;}
	.footer .box p {margin-top: 0.5rem;font-size:1.9rem;}
	.footer .linkbox .r_col .combo > a {padding: 0 15px;}
	/* .footer .linkbox .l_col::after {position:absolute;top:68px;right:-3.5%;width:8%;height:1px;background-color: #565a5e;content:'';}
	.footer .linkbox .r_col::after {position:absolute;top:68px;right:-3.5%;width:8%;height:1px;background-color: #565a5e;content:'';} */

	/* sub Location */
	.location .combo {min-width: 36%;}
	.location .combo > a {padding: 0 10px 0 10px;font-size: 2.2rem;}
	.location .combo > a::after {right: 1px;}
	.location .combo ul {position: absolute;width: 100%; margin-top: 0; top: 36px;}
	.location .combo ul li a {font-size: 2.2rem;height: 35px;padding: 0 10px;line-height: 35px;    text-overflow: ellipsis;white-space: nowrap; overflow: hidden;
    width: 95%;}
}


/* 221213 전문기업 수정사항 */
/* 공통 gnb 수정 */
.gnb {
    width: calc(100% - 50rem);
}

.gnb > li {
    width: 28%;
    text-align: center;
}
/* 메인 가로 스크롤 */
.container .P_MAIN .sec3 {
	overflow:hidden;	
}
.P_MAIN .sec3 {
    overflow: hidden;
}
.P_MAIN .sec3 .col .l_col {
    padding-right: 4rem;
}
/*  메인 수소 혁신 데스크 3->2개로 줄임 */
.container .P_MAIN .sec2 .bot ul li:nth-child(1), .container .P_MAIN .sec2 .bot ul li:nth-child(2), .container .P_MAIN .sec2 .bot ul li:nth-child(3) {
    width: 48%;
}
.container .P_MAIN .sec2 .bot ul li a {
    padding: 2rem 0 2rem 33rem;
}
.container .P_MAIN .sec2 .bot ul li a::before {
    left: 10rem;
}
/* 수소전문기업 지원사업공고 한 줄 말줄임 */
.P_MAIN .app_busi_notice .item .t2 {
	width:100%;
	overflow: hidden;
    text-overflow: ellipsis;
	white-space: nowrap;
}
    

@media (max-width: 1900px) {
	
	.container .P_MAIN .sec3 {
		height: auto;
		padding-bottom:80px;
	}
	.container .P_MAIN .sec3 .col {
		display:block;
	}
	.container .P_MAIN .sec3 .col > * {
  		display: block;
	}
	.container .P_MAIN .sec3 .col .l_col {
		position: relative;
		width: 100%;
		padding-top: 0;
		text-align:center;
	}
	.container .P_MAIN .sec3 .col .l_col p {
		margin-top: 25px;
		font-size: 20px;
		line-height: 2.5rem;
	}
	.container .P_MAIN .sec3 .col .r_col {
		width: 100%;
	}
	.container .P_MAIN .app_busi_notice .item {
		box-sizing:border-box;
	}
	.container .P_MAIN .sec3 .col .r_col {
		width: auto;
		padding-top: 50px;
		overflow:hidden;
	}
	.container .P_MAIN .app_busi_notice .item .top {
   		height: 320px;
	}
	.container .P_MAIN .sec3 .app_busi_notice .swiper-pagination {
    	bottom: 80px;
	}
	.container .P_MAIN .sec3 .col .l_col .more {
		left: 45%;
		top: 815px;
	}
	.P_MAIN .sec3 .col .l_col h2 {
		padding-top: 50px;
	}
}
@media (max-width: 1600px) {
	.gnb > li + li {
    	margin-left: 0;
	}
	.contents_wrap .layout-type2 .pages {
		padding: 0 2rem;
	}
}
@media (max-width: 1200px) {
	.gnb {
		width: calc(100% - 25rem);
	}
	.gnb > li {
    	width: 33%
	}
	.container .P_MAIN .sec2 .bot ul li a {
		padding: 2rem 0 2rem 25rem;
	}
}
@media (max-width: 1400px) {
	/* 문의처 layout-type2 flex -> block으로 변경 */
	.layout-type2 {
		display:block;
	}
}

@media (max-width: 1024px) {
	/* 지원사업 :: 사전검토 신청 */
	.contents_wrap .pages {
		padding: 0 1rem;
	}
}
@media (max-width: 960px) {
	.container .P_MAIN .sec3::before {
		top: 1rem;
		left: 1rem;
		width: 20%;
		HEIGHT: 20%;
		background-size: contain;
	}
	
	.container .P_MAIN .app_busi_notice .item .day1 {
		font-size: 1.4rem;
	}
	.container .P_MAIN .app_busi_notice .item .t1 {
		font-size: 2.1rem;
	}
	.container .P_MAIN .app_busi_notice .item a {
		height: 7rem;
		line-height: 7rem;
	}
	.container .P_MAIN .sec3 .col .l_col p {
		line-height: 4.5rem;
	}
	
}

@media all and (max-width: 768px){
	.container .P_MAIN .app_busi_notice .item .t2 {
		line-height: 2.5rem;
	}
	.container .P_MAIN .app_busi_notice .item .top {
		height: auto;
	}
	.container .P_MAIN .sec3 .app_busi_notice .swiper-pagination {
		bottom: -30px;
	}
		
}
@media all and (max-width: 640px){
	/* 230105 hes/pr/online */
	.bn-list-thumb-card > ul {width: 100%;}
}

@media (max-width: 480px){
	.container .P_MAIN .sec2 .bot ul li a {
		padding: 2rem 0 2rem 24rem !important;
	}
	.container .P_MAIN .sec2 .bot ul li a::before {
    	left: 0 !important;
	}
	
	.container .P_MAIN .app_busi_notice .item .stat {
		width: 10rem;
		height: 10rem;
	}
	.container .P_MAIN .sec3 .col .r_col {
		width: auto;
		padding-top: 20px;
	}
	.container .P_MAIN .app_busi_notice .item .day1 {
		position: absolute;
		right: 20px;
		top: 20px;
	}
	.container .P_MAIN .app_busi_notice .item .stat span {
		width: 10rem;
		height: 10rem;
		font-size: 2.2rem;
	}
	.container .P_MAIN .app_busi_notice .item .t1 {
   	 	margin-top: 75px;
	}
	.container .P_MAIN .sec3 .col .r_col .app_busi_notice {
		overflow: visible;
		height: auto;
	}
	
}

@media (max-width: 400px){
	.container .P_MAIN .app_busi_notice .item .stat {
		width: 8rem;
		height: 8rem;
	}
	.container .P_MAIN .app_busi_notice .item .stat span {
		width: 8rem;
		height: 8rem;
		font-size: 2rem;
	}
	.container .P_MAIN .app_busi_notice .item .day1 {
		position: absolute;
		right: 15px;
		top: 15px;
	}
	.container .P_MAIN .app_busi_notice .item .day1 {
		font-size: 10px;
	} 

}