@charset "utf-8";
@media (max-width: 1700px) {
	#header{ padding: 0 8rem;}
	#sub_container{ padding: 0 8rem 10rem;}
}
@media (max-width: 1600px) {
	#header{ padding: 0 3rem;}
	#header > .container{ max-width: 100%;}
	#sub_container{ padding: 0 3rem 10rem;}
}
@media (max-width:1400px){
	.renewal-gnb__li--depth1{
		padding:0 25px;
		font-size:18px;
	}
	.renewal-gnb .bg{
		height:26rem;
	}
}

@media (max-width:1200px){
	#header > .container{ padding: 0;}
	.renewal-gnb{
		display:none;
	}
	#header .side_menu{
		display:flex;
	}
	#header .side_menu > form{
		display:block;width:3rem;height:2.5rem;
	}
	#header .side_menu > form .sch_form{
		display:block;height:100%;
	}
	#header > .container{
		max-width:none;
		/*padding:0 2rem !important;*/
	}
	#sub_container{
		max-width:none;
		/*padding:0 2rem !important;*/
	}
	.introWrapQA .conceptWrap2.econ1 .text::before {
		background-size: contain;
	}
	.introWrapQA .conceptWrap2.econ2 .text::before {
		background-size: contain;
	}
}

@media (max-width:1024px){
	#header{
		height:80px;
		padding: 1.8rem 3rem;
	}
	#header > .container{
		position:relative;
		top:50%;
		bottom:auto;
		width:100%;
		transform:translateY(-50%)
	}
	.renewal-logo{
		width:23rem;
		height:auto;
	}
}
@media (max-width: 991.98px){
	#sub_container{
		flex-wrap:wrap;
		margin-top:12rem;
	}
	#sub_container > aside{
		width:100%;
		margin-bottom:4rem;
	}
	#sub_container > aside > #sub_menu{
		width:100%;
		height:auto;
	}
	#sub_container > aside > #sub_menu > .dep1{
		width:30%;
		height:6rem;
		margin-bottom:0;
		padding:0;
	}
	#sub_container > aside > #sub_menu > h2, #sub_container > aside > #sub_menu > .menu{
		width:70%;
		height:6rem;
		line-height:initial;
	}
	#sub_container > aside > #sub_menu > h2 > div{
		padding-bottom:0;
		font-size:2.6rem;
	}
	#sub_container > .sub_content{
		width:100%;
		padding-left:0;
		padding-right:0;
	}
	#sub_container > aside > #sub_menu > .menu > .mo_title{
		padding:0;
		font-size:1.8rem;
	}
	#sub_container > aside > #sub_menu > .menu > .mo_title::after{
		top:auto;
	}
	#sub_container > aside > #sub_menu > .menu.on > ul{
		top:6rem;
	}
	#sub_container > aside > #sub_menu > .menu.on > ul > li{
		margin-top:0;
	}
	#sub_container > aside > #sub_menu > .menu > ul > li > a{
		border-top:0;
		border-right:1px solid #ebebeb;
	}
	#sub_container > aside > #sub_menu > .menu > ul > li a.is-active, #sub_container > aside > #sub_menu > .menu > ul > li.on > a{
		border-radius:0;
	}
	#sub_container > aside > #sub_menu > .menu > ul > li a.active::after{
		top:50%;
		transform:translateY(-50%)
	}
	#sub_container > aside > #sub_menu > .menu > ul > li a.active::after{
		top:50%;
		transform:translateY(-50%)
	}
	#sub_container > aside > #sub_menu > .menu > ul > li > ul li.on a::after {
		display:none;
	}
}

@media (max-width: 720px) {
	#header{ padding: 0 3.333%;}
}
@media screen and (min-width: 320px) and (max-width: 475px){
	#header{ padding: 0 1.7647rem; height: 10.296rem;}
}

@media (max-width:1600px){
	.con-box01.static-wrap img {
		width:100%;
	}

}
@media (max-width:1440px){
	/* domestic */
	.history>li img {
		right: 0;
	}
	/* intro */
	.contentHalf::before {
		height: 15rem;
		transform: translate(-50%, -50%);
		background-size: contain;
	}
	.contentHalf .left {
		margin-right:6rem;
	}
	
	/* government-project */
	.introImg {
		width:100%;
	}
	.targetWrap .targetTop >div {
		width: 38rem;
	}
	.targetWrap .targetTop::before {
		position: absolute;
		width: 4.5rem;
		height: 2.6rem;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		background: url( /_res/h2hub/main/img/sub/manpower_icon1.png) no-repeat;
		content: '';
	}
	.targetWrap .targetBottom .cont {
		
	}
	.targetWrap .targetBottom .cont .tit {
		padding: 0 2rem;
		width: 15rem;
		font-size: 1.8rem;
	}
	.targetWrap .targetBottom .cont .txt {
		width: calc(100% - 15rem);
		padding: 1.7rem 2rem;
	}
	.targetWrap .targetBottom .cont .txt1 {
		line-height: 2rem;
	}
	.targetWrap .targetBottom .cont .txt2 .text-blue {
		margin-bottom: 1rem;
	}
	.targetWrap .targetBottom .cont .txt2 .text-black {
		line-height: 2rem;
	}
	.business4 .tit {
		font-size: 2rem;
	}
	.targetWrap .targetTop::before {
		background-size: contain;
	}
    /* awards */
    .awardsWrap .awardsCont .tab .awardsTab li {
        margin-right: 0.5%;
    }
    .awardsWrap .awardsCont .tab .conBox .awardList .box {
        /* width: calc(50% - 1%); */
        background-size: contain;
    }
	.awardsWrap .awardsCont .tab .conBox .awardList .box .publicInterest{
		width: 50%;
		padding: 3vw;
	}
    /* gallery */
    .galleryWrap .swiper-button-next {
        right: 2.5rem;
    }
    .galleryWrap .swiper-button-prev {
        left: 2.5rem;
    }
    .galleryWrap .swiper-button-next:hover {
        right: 2.5rem;
    }
    .galleryWrap .swiper-button-prev:hover {
        left: 2.5rem;
    }
}

@media (max-width:1400px){
	.header{
		padding:0 2rem;
	}
	.headerBottom__inner{
		width:100%;
	}
	.headerBottom .gnbWrap{
		width:calc(100% - 371px);
	}
	.headerBottom .gnb li a{
		padding:0 30px;
	}
	.header .tnb{
		width:78px;
	}	
	#sub_container .border-ul2.usesRenew > li.safetyHalf .safetyW30 {
		height: auto;
	}
	#sub_container .border-ul2.usesRenew > li.safetyHalf .safetyW30 .tit.concept_icon1::after {
	    width: 3.5rem;
		background-size: contain;
	}
	#sub_container .border-ul2.usesRenew > li.safetyHalf .safetyW30 .tit.concept_icon2::after {
	    width: 3.5rem;
		background-size: contain;
	}
	#sub_container .border-ul2.usesRenew > li.safetyHalf .safetyW30 .tit.concept_icon3::after {
	    width: 3.5rem;
		background-size: contain;
	}
	#sub_container .border-ul2.usesRenew > li.safetyHalf .safetyW30 .tit.concept_icon4::after {
	    width: 3.5rem;
		background-size: contain;
	}
	#sub_container .border-ul2.usesRenew > li.safetyHalf .safetyW30 .tit.concept_icon5::after {
	    width: 3.5rem;
		background-size: contain;
	}
	#sub_container .border-ul2.usesRenew > li.safetyHalf .safetyW30 .tit.concept_icon6::after {
	    width: 3.5rem;
		background-size: contain;
	}
	#sub_container .border-ul2.usesRenew > li.safetyW100 .tit.concept_icon7::after {
	    width: 3.5rem;
		background-size: contain;
	}
	#sub_container .border-ul2.usesRenew > li.safetyW100 .tit.concept_icon8::after {
	    width: 3.5rem;
		background-size: contain;
	}
	#sub_container .border-ul2.usesRenew > li.safetyW100 .tit.concept_icon9::after {
	    width: 3.5rem;
		background-size: contain;
	}
	#sub_container .border-ul2.usesRenew > li.safetyW100 .tit.concept_icon10::after {
	    width: 3.5rem;
		background-size: contain;
	}
	.conceptWrap .detailWrap .left img {
		width: 20rem;
	}
	.conceptWrap .detailWrap .right img {
		width: 20rem;
	}
	.conceptWrap .detailWrap .left .cont {
		margin-left: 3rem;
		margin-right: 0;
	}
	/* overseas */
	.status.overseas .cont {
		width: 48.5%;
	}
	/* government-project */
	
}

@media (max-width: 1199.98px) {
	.headerBottom h1{
		width:20rem;
	}
	.headerBottom .gnbWrap{
		width:calc(100% - 340px);
		margin-left:30px;
	}
	.header .tnb li.etc a.main_sitemap{
		margin-left:20px;
	}
	.headerBottom .gnb {
		justify-content: center;
	}
	.headerBottom .gnb li a{
		padding:0 22px;
		font-size:17px;
	}
	#sub_container > .sub_content .sub_title h3 {
		font-size: 3rem;
		line-height:1.5;
	}
	#sub_container > .sub_content .sub_title .loc > p span {
		letter-spacing: -1px;
	}
	#sub_container .sub_content .tt.version2 h5::before {
		background-size: contain;
	}
	.introBox{
		flex-wrap:wrap;
		width:100%;
	}
	.introBox .cont{
		width:100%;
	}
	.introBox .cont + .cont{
		margin-left:0;
		margin-top:1rem;
	}
	.introWrapQA .qa .box .right {
		font-size: 2rem;
		line-height: 3.2rem;
	}
	.introWrapQA .qa .box .right .tit {
		font-size: 2rem;
		line-height: 3.2rem;
	}
	.introWrapQA .qa .box .right .txt {
		font-size: 2rem;
		line-height: 3.2rem;
	}
	/* concepts ::renew */
	.conceptWrap2:nth-child(2) .text::before {
		background-size: contain;
	}
	.conceptWrap2:nth-child(4) .text::before {
		background-size: contain;
	}
	.conceptWrap2:nth-child(6) .text::before {
		background-size: contain;
	}
	.conceptWrap2:nth-child(8) .text::before {
		background-size: contain;
	}
	
	/* domestic */
	.domestic .history>li img {
	    position: unset;
		display:block;
		transform: unset;
		width:50%;
		margin-top:4rem;
		margin-left: 0;
	}
	
	.history>li {
		display: inline-block;
	}
	.history>li .item {
		display: inline-block;
		vertical-align: top;
	}
	.history>li .h-list {
		display:inline-block;
		margin-left: 3rem;
		width: calc(100% - 12rem);
	}
	.history>li .h-list .month {
		margin-right: 1rem;
	}
	/* overseas */
	.status.overseas .top {
		display: block;
		height: auto;
	}
	.status.overseas .left {
		margin-top:2rem;
		margin-left: 0;
	}
	.overseas .bottom {
		margin-top: 1.5rem;
	}
	/* borard */
	.board .bn-view-common .b-file-list-box > div > ul li p > span:nth-of-type(1) {
		max-width: 100%;
	}
	/*.board .bn-view-common .b-file-list-box > div > ul li a.b-file-view {
		background: #fff url(../../assets/img/renewal/icon/icon_arrowRight_g.png) no-repeat 77px 54%;
	}*/

	/* government-project */
	.targetWrap .targetBottom .cont .txt2 .text-blue {
		margin-bottom: 0.5rem;
		line-height: 2rem;
	}
	.targetWrap .targetTop .asis::after {
		background-size: contain;
	}
	.targetWrap .targetTop >div {
		width: 30.6rem;
	}
	.business1 .tit {
		font-size: 1.8rem;
	}
	.business1 .txt .b-tit {
		font-size: 2rem;
	}
	.business1 .txt .b-txt br {
		display:none;
	}
	.business2::before {
		background-size: contain;
	}
	.business2 .tit {
		font-size: 1.8rem;
	}
	.business2 .txt .b-tit {
		font-size: 2rem;
	}
	.business3 .bWrap ul li .tit {
		font-size: 2rem;
	}
	.introImg {
		margin-top: 4rem;
	}
	.business3 .bWrap ul li .txtB {
		padding: 0 2rem;
	}
	.business3 .bWrap ul li + li + li + li .txtB {
		padding: 0 2rem;
	}
	.business3 .bWrap ul li .txtB {
		line-height:2rem;
	}
	main #sub_container .business3 .bWrap ul li .txtB p {
		line-height:2rem;
	}
	.business4 .tit {
		padding: 3rem 5rem;
	}
	.sch_form .submit{
		width:3rem;height:auto;padding:0; top: 50%;
	}

	/* awards */
    .awardsWrap .awardsCont .tab .conBox .awardList .box {
		flex-wrap:wrap;
        padding: 2rem;
        margin-top: 1rem;
    }
    .awardsWrap .awardsCont .tab .conBox .awardList .box .left {
		width:11rem;
		height:14.6rem;
        margin-right: 2rem;
    }
    .awardsWrap .awardsCont .tab .conBox .awardList .box .right {
        /* width: calc(100% - 16rem); */
		max-width: 28%;
    }
    .awardsWrap .awardsCont .tab .conBox .awardList .box .right .title {
        margin-bottom: 2rem;
		padding: 0 2rem;
        /* width: 100%; */
    }
    .awardsWrap .awardsCont .tab .conBox .awardList .box .right .name {
        margin-bottom: 2rem;
        font-size: 2.5rem;
    }
    main #sub_container .awardsWrap .awardsCont .tab .conBox .awardList .box .right .position {
        margin-bottom: 2.8rem;
        font-size: 1.9rem;
    }
    main #sub_container .awardsWrap .awardsCont .tab .conBox .awardList .box .right .company {
        font-size: 1.6rem;
    }
    /* gallery */
    .galleryWrap {
        padding: 50px 50px 20px 50px;
    }
    .gallery .galleryview_slider {
        position:relative;
        margin-bottom: 2rem;
        padding: 0 5rem;
    }
    .galleryWrap .swiper-button-prev {
        left: 0;
        top:35%;
        width: 4rem;
        height: 4rem;
        background-size: contain !important;
    }
    .galleryWrap .swiper-button-next {
        right: 0;
        top:35%;
        width: 4rem;
        height: 4rem;
        background-size: contain !important;
    }
    .galleryWrap .swiper-button-prev:hover {
        left: 0;
        top:35%;
        width: 4rem;
        height: 4rem;
        background-size: contain !important;
    }
    .galleryWrap .swiper-button-next:hover {
        right: 0;
        top:35%;
        width: 4rem;
        height: 4rem;
        background-size: contain !important;
    }
    .galleryWrap .swiper-container.gallery-thumbs {
        margin-top: 1rem;
        padding-bottom: 1rem;
        width: 100%;
        height:12rem;
    }
}
@media (max-width:1024px){
	#header .side_menu .a-sm {
		display:none;
		margin-left: 2rem;
	}
	.header{
		height:8rem;
	}
	.gnbWrap{
		display:none;
	}
	main{
		padding-top:12rem;
	}
	#sub_container{
		max-width:100%;
		padding:0 2rem;
		margin-top:0;
		padding-top:3rem;
	}
	.headerBottom{
		height:100%;
	}
	.headerBottom__inner{
		display:flex;
		height:100%;
	}
	input:not([type="checkbox"]):not([type="radio"]), button{
		width:calc(100% - 36px)
	}
	/*.m_sitemap{display:block;width:2.5rem;height:2rem;margin-left:2rem;background-size:contain;filter:invert(1)}*/
	.m_sitemap {
        display: block;
        width: 4rem;
        height: 4rem;
        margin-left: 2rem;
        background: url(/_res/h2hub/main/img/common/icon_siteMap_2024_new.png) no-repeat center center / cover;
    }
	#sub_container h3 {
		padding-bottom: 1.5rem;
    	font-size: 2rem;
	}
		
}
@media (max-width: 991.98px) {
	/* intro */
	main #sub_container p {
		width:100%;
		padding-right: 0;
	}
	main #sub_container p.b-new{
		display:block;
		width:18px;
	}
	.bn-list-common .b-title-box .b-etc-box {
   		padding: 0 0 0 0 !important;
	}
	main #sub_container .introBox p {
		padding-right: 4rem;
		word-break: keep-all;
		text-align: center;
	}
	#sub_container .s_select .select p {
		width:15%
	}

	#sub_container{
		overflow:hidden;
		flex-wrap:wrap;
		margin-bottom: 5rem;
	}
	#sub_container > aside{
		width:100%;
	}
	#sub_container > .sub_content{
		width:100%;
		padding:0;
		margin: 0;
	}
	#sub_container > aside #sub_menu{
		width:100%;
	}
	#sub_container > aside > #sub_menu > h2 {
		margin:0;
		padding:0;
	}
	#sub_container > aside > #sub_menu > h2 > div{
		padding-bottom:0;
		font-size:2rem;
	}


	/* board */
	.common .bn-list-common .b-title-box .b-m-con {
		display:none;
	}
	.common .bn-list-common table thead tr {
		display: table-row;
	}
	.common .bn-list-common table thead th {
    	padding: 22px 10px;
	}
	.common .bn-list-common .b-title-box a .b-title {
		font-size:1.6rem;
	}
	.common .bn-list-common .b-title-box a {
		max-width: calc(100% - 54px);
		height: auto;
	}
	.common .co-board table colgroup > [class*='b-col'] {
		display:none;
	}
	.table-wrap.scroll table {
		width: 100%;
	}
	.board .bn-view-common .b-file-list-box > div > ul li a:last-of-type {
		border-left: 1px solid #ddd;
		width: 10rem;
		display: flex;
		justify-content: space-evenly;
		align-items: center;
	}
	.board .bn-view-common .b-file-list-box > div > ul li a span {
		display: block;
	}
	.board .bn-view-common .b-file-list-box > div > ul li {
		display: block;
		width: 100%;
	}
	.bn-view-common .b-file-list-box > div > ul li p {
		width: 100%;
	}
	.downBox {
		margin-top: 1rem;
		display: flex;
		justify-content: space-between;
	}
	.board .bn-view-common .b-file-list-box > div > ul li a:first-of-type {
		display: inline-block;
		padding-left: 1rem;
		border-left: 1px solid #ddd;
		width: 50%;
		height:4rem;
		justify-content: space-evenly;
		align-items: center;
		/*background: #fff url(../../assets/img/renewal/icon/icon_arrowRight_g.png) no-repeat 95% 54%;*/
	}
	.board .bn-view-common .b-file-list-box > div > ul li a.view {
		position:relative;
	}
	.board .bn-view-common .b-file-list-box > div > ul li a.view i {
		position:absolute;
		top:50%;
		right:1rem;
		transform: translateY(-50%);
	}
	.board .bn-view-common .b-file-list-box > div > ul li a:last-of-type {
		display: inline-block;
		padding-left: 1rem;
		border-left: 1px solid #ddd;
		width: 50%;
		height:4rem;
		justify-content: space-evenly;
		align-items: center;
	}
	.board .bn-view-common .b-file-list-box > div > ul li a.hwpx {
		position:relative;
	}
	.board .bn-view-common .b-file-list-box > div > ul li a.hwpx i {
		position:absolute;
		top:50%;
		right:1rem;
		transform: translateY(-50%);
	}
	/* domestic */
	.history>li .h-list>li {
		display:flex;
		align-items: baseline;
	}
	.history>li .h-list .text {
		font-size: 1.6rem;
		line-height: 2.2rem;
	}
	.history>li:nth-child(1) .h-list .month::before {
		background-size: contain;
	}
	.history>li:nth-child(2) .h-list .month::before {
		background-size: contain;
	}
	.history>li:nth-child(3) .h-list .month::before {
		background-size: contain;
	}
	.history>li:nth-child(4) .h-list .month::before {
		background-size: contain;
	}
	.history>li:nth-child(5) .h-list .month::before {
		background-size: contain;
	}

	/* government-project */
	.targetWrap .targetTop >div {
		width: 46%;
	}
	.targetWrap .targetTop .asis::after {
		right: -19%;
	}
	.business3 .bWrap ul li:nth-child(1) .s_circle::before {
		width: 5.6rem;
		height: 6rem;
		background-size: contain;
	}
	.business3 .bWrap ul li:nth-child(2) .s_circle::before {
		width: 5.6rem;
		height: 6rem;
		background-size: contain;
	}
	.business3 .bWrap ul li:nth-child(3) .s_circle::before {
		width: 5.6rem;
		height: 6rem;
		background-size: contain;
	}
	.business3 .bWrap ul li:nth-child(4) .s_circle::before {
	    width: 5.6rem;
		height: 6rem;
		background-size: contain;
	}
	.business3 .bWrap ul li:nth-child(5) .s_circle::before {
		width: 5.6rem;
		height: 6rem;
		background-size: contain;
	}
	.business3 .bWrap ul li:nth-child(6) .s_circle::before {
		width: 5.6rem;
		height: 6rem;
		background-size: contain;
	}
	#sub_container .sub_content .tt.version2 h5::before {
		background-size: contain;
	}

	/* .awards */
	.awardsWrap .awardsCont .tab .conBox .awardList .box{
		flex-wrap:nowrap;
	}
	.awardsWrap .awardsCont .tab .conBox .awardList .box .publicInterest {
        width: 50%;
        max-width: 500px;
		height: auto;
        max-height: 11.9rem;
		margin-left: auto;
        overflow-y: auto;
		font-size: 1.6rem;
        line-height: 1.4;
    }
    .awardsWrap .awardsCont .tab .conBox .awardList .box .left {
        width: 9rem;
        height: 11.9rem;
    }
	.awardsWrap .awardsCont .tab .conBox .awardList .box .right .title {
        margin-bottom: 1.6rem;
        padding: 0 1.6rem;
		font-size: 1.6rem;
	}
	.awardsWrap .awardsCont .tab .conBox .awardList .box .right .name {
        margin-bottom: 1.4rem;
        font-size: 2.2rem;
    }
	main #sub_container .awardsWrap .awardsCont .tab .conBox .awardList .box .right .company {
        font-size: 1.4rem;
    }
    /* gallery  */
    .gallery .galleryview_slider {
        padding: 0;
    }
    .galleryWrap .swiper-container.gallery-thumbs {
        width: 635px;
        height: 13rem;
        box-sizing:border-box;
    }
    .galleryWrap .swiper-button-prev {
        right: 0;
        top: 35%;
        width: 5.6rem;
        height: 5.6rem;
        background-size: contain !important;
    }
    .galleryWrap .swiper-button-next {
        right: 0;
        top: 35%;
        width: 5.6rem;
        height: 5.6rem;
        background-size: contain !important;
    }
    .galleryWrap .swiper-button-prev:hover {
        right: 0;
        top: 35%;
        width: 5.6rem;
        height: 5.6rem;
        background-size: contain !important;
        background: url(../../assets/img/icon/icon-awardsLeft__gray.png) no-repeat center center;
    }
    .galleryWrap .swiper-button-next:hover {
        right: 0;
        top: 35%;
        width: 5.6rem;
        height: 5.6rem;
        background-size: contain !important;
        background: url(../../assets/img/icon/icon-awardsRight__gray.png) no-repeat center center;
    }
}

@media (max-width:920px){
	/* .gallery */
	.gallery .galleryview_slider {
		padding: 0 6rem;
	}
	.galleryWrap .swiper-container.gallery-thumbs {
		width: 100%;
	}
}

@media screen and (max-width: 767.98px) {
	.bn-search .b-search-box {
		width: 100%;
	}
	.bn-search .b-sel-box + .b-search-box{
		width:calc(100% - (26% + 6px));
	}
	/* concepts ::renew */ 
	#sub_container .sub_content .tt.version2.concept h5::after {
		background-size: contain;
	}
	/* government-project */
	.targetWrap .targetTop .asis::after {
		right: -21%;
	}
	/* awards */
    .awardsWrap .awardsCont .tab .conBox .awardList .box {
        margin-bottom: 5px;
        padding: 1.5rem;
    }
    .awardsWrap .awardsCont .tab .awardsTab li {
        height: 7rem;
        line-height: 6.5rem;
    }
    /* .gallery */
    .gallery .galleryWrap .swiper-button-prev {
        top: 35%;
        width: 4rem;
        height: 4rem;
    }
    .gallery .galleryWrap .swiper-button-next {
        top: 35%;
        width: 4rem;
        height: 4rem;
    }
    .gallery .galleryWrap .swiper-button-prev:hover {
        top: 35%;
        width: 4rem;
        height: 4rem;
    }
    .gallery .galleryWrap .swiper-button-next:hover {
        top: 35%;
        width: 4rem;
        height: 4rem;
    }
    /*.galleryWrap .swiper-container.gallery-thumbs {
        height: auto;
    }*/

    .galleryWrap .gallery-top .swiper-slide img {
        height: 200px;
    }
    .gallery-thumbs .swiper-slide {
        height: 70px;
    }

}
@media (max-width:720px){
	/* intro */
	.contentHalf .left {margin-right: 0;}
	.sub_content .contentHalf::before {
		top: 51.5%;
    	height: 17rem;
	}
	/* concept */
	.sub_content .conceptWrap .detailWrap .dw {
		display: block;
		width: 100%;
		text-align: center;
	}
	.sub_content .conceptWrap .detailWrap .left .cont {
		margin-left: 0;
		margin-right: 0;
	}
	.sub_content .conceptWrap .detailWrap .left .cont .tit {
		margin-top: 2rem;
	}
	.sub_content .conceptWrap .detailWrap .left .cont .txt {
		text-align:left;
	}
	.sub_content .conceptWrap .detailWrap .right {
		position: relative;
	}
	.sub_content .conceptWrap .detailWrap .right img {
		position: absolute;
		top:0;
		left:50%;
		transform: translateX(-50%);
		width: 20rem;
		height: auto;
	}
	.sub_content .conceptWrap .detailWrap .right .cont {
		margin: 0;
		padding-top: 18rem;
		text-align: center;
	}
	.sub_content .conceptWrap .detailWrap .right .cont .txt {
		text-align:left;
	}
	main #sub_container .border-ul2.usesRenew > li.safetyHalf ul {
		display: block;
	}
	main #sub_container .border-ul2.usesRenew > li.safetyHalf ul li {
		width: 100% !important;
	}
	#sub_container .sub_content .tt.version2.mt5 {
		margin-top: 3rem;
	}
	#sub_container .sub_content .tt.version2 h5 {
		font-size: 2.2rem !important;
	}
	.contentHalf .introImg {
		margin-top: 0;
	}
	.contentHalf .right {
		margin-top:10rem;
	}

	.contentHalf {
		display: block;
	}
	.contentHalf::before {
		top: 45%;
		transform: rotate(90deg);
		background-size: contain;
	}
	/* domestic */

	/* overseas */
	.status.overseas .cont {
		width: 100%;
	}
	.status.overseas .cont:nth-child(2n) {
		margin-top:1rem;
		margin-left: 0;
	}
	.status.overseas .cont + .cont + .cont {
		margin-top: 1rem;
	}

	/* board */
	.table-wrap scrollbox {
		position: relative;
		overflow-x: scroll;
	}
	.table-wrap.scroll {
		position: relative;
		overflow-x: scroll;
	}
	.table-wrap.scroll table {
		width: 800px;
	}
	
	.board .table-wrap.scroll table {
		width: 720px;
	}
	
	.common .b-paging .b-paging-wrap ul li.first {
		margin-right: 0.5rem;
	}
	.common .b-paging .b-paging-wrap ul li.prev {
		margin-right: 0.5rem;
	}
	.common .b-paging .b-paging-wrap ul li.next {      
		margin-left: 0.5rem;
	}
	.common .b-paging .b-paging-wrap ul li.last {
		margin-left: 0.5rem;
	}
	.common .b-paging .b-paging-wrap ul li.first  a {
	    height: 3rem;
		background-size: contain;
	}
	.common .b-paging .b-paging-wrap ul li.prev a {
	    height: 3rem;
		background-size: contain;
	}
	.common .b-paging .b-paging-wrap ul li.next a {
	    height: 3rem;
		background-size: contain;
	}
	.common .b-paging .b-paging-wrap ul li.last a {
	    height: 3rem;
		background-size: contain;
	}
	.common .b-paging .b-paging-wrap ul li a {
		width: 3rem;
		height: 3rem;
		line-height: 3rem;
	}
	.common .b-paging .b-paging-wrap ul li a.active {
		width: 3rem;
		height: 3rem;
		line-height: 3rem;
	}
	#sub_container .border-ul2.usesRenew > li.safetyHalf .safetyW30 + .safetyW30 {
		margin-top:1rem;
		margin-left: 0;
	}

	/* government-project */
	.targetWrap .targetTop {
		position:relative;
	}
	.targetWrap .targetTop >div {
		width: 29rem;
	}

	.targetWrap .targetTop:after {
		position: absolute;
		width: 4.5rem;
		height: 2.6rem;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		background: url(../../assets/img/renewal/sub/manpower_icon1.png) no-repeat;
		background-size: contain;
		content: '';
	}
	.targetWrap .targetTop .asis::after {
		display:none;
	}
	.targetWrap .targetBottom .cont .tit {
		 width: 13rem;
		font-size: 1.6rem;
	}
	.targetWrap .targetBottom .cont .txt {
		width: calc(100% - 13rem);
	}
	.business3 .bWrap ul li .tit {
		margin-top: 18rem;
	}
	.introImg.pc {
		display:none;
	}
	.introImg.mo {
		display:block;
	}
	
	/* 230718 규제접수>처리현황 정렬 */
	.board .table-wrap.scroll table {width: 870px;}
	
	/* awards */
	.awardsWrap .awardsTop .topselect.scroll-tab{position: relative;padding: 1.8rem 3rem;margin: -1.8rem 0;}
	.awardsWrap .awardsTop .topselect.scroll-tab::before{content: '';position: absolute;left: 2rem;top: 0;width: 5rem;height: 100%;padding: 1.8rem;background: linear-gradient(90deg, #fff, #fff, #fff, rgba(255,255,255,0));}
	.awardsWrap .awardsTop .topselect.scroll-tab::after{content: '';position: absolute;right: 4rem;top: 0;width: 5rem;height: 100%;padding: 1.8rem;background: linear-gradient(90deg, rgba(255,255,255,0), #fff, #fff, #fff);}
	.awardsWrap .awardsTop .topselect.scroll-tab .scroll-inner{overflow-x: auto;max-width: 68vw;padding: 1.8rem;margin: -1.8rem 0;margin-left: 3rem;margin-right: 3rem;}
	.awardsWrap .awardsTop .topselect ul li:last-of-type{ padding-right: 3rem;}
	.awardsWrap .awardsTop .topselect ul li .btn{ height: 4rem; line-height:unset; font-size: 1.5rem; min-width: auto;}
}

@media (max-width: 720px) {
	#header{ padding: 0 3.333%;}
}

@media (max-width:640px){
	#header .side_menu .a-sm {
		margin-left: 2rem;
	}
	.header .tnb li.etc a.main_sitemap, .renewal-sideMenu .main_sitemap {
		width: 17px;
		height: 17px;
		background-size: contain;
	}
	/* intro */
	.sub_content .contentHalf::before {top: 51%;left:47%;}
	
	/* concept */
	.conceptWrap2:nth-child(2) .text::before {
	 width: 35%;
	}
	.conceptWrap2:nth-child(4) .text::before {
	 width: 35%;
	}
	.conceptWrap2:nth-child(6) .text::before {
	 width: 35%;
	}
	.conceptWrap2:nth-child(8) .text::before {
	 width: 35%;
	}
	.conceptWrap2 .text {
		padding: 0;
	}
	#sub_container .conceptWrap2 .text ul {
		margin-top: 2rem;
		width: 100%;
	}
	#sub_container .conceptWrap2 .text ul li {
		line-height: 2.4rem;
	}
	
	.conceptWrap2 .text::before{
		position:relative !important;
		display:block;
		width:auto !important;
		height:22rem !important;
		background-position:center !important;
	}
	/* concepts ::renew */
	.conceptWrap2:nth-child(2) .text::before {
		background-size: contain;
	}
	.conceptWrap2:nth-child(4) .text::before {
		background-size: contain;
	}
	.conceptWrap2:nth-child(6) .text::before {
		background-size: contain;
	}
	.conceptWrap2:nth-child(8) .text::before {
		background-size: contain;
	}
	.introWrapQA .conceptWrap2.econ1 .text::before {
		background-size: contain;
	}
	.introWrapQA .conceptWrap2.econ2 .text::before {
		background-size: contain;
	}

	
	#sub_container .conceptWrap2 .text ul{
		width:100%;
	}
	/* government-project */
	.targetWrap .targetTop >div {
		width: 21rem;
	}
	.targetWrap .targetBottom .cont {
		height: 12rem;
		line-height: 12rem;
	}
	.targetWrap .targetBottom .cont .tit {
		height: 11.7rem;
		line-height: 11.7rem;
	}
	.business1 .txt .b-txt {
		padding: 0 2rem;
	}
	.business3 .bWrap ul li .s_circle {
		width: 12rem;
		height: 12rem;
	}
	.business3 .bWrap ul li .tit {
		margin-top: 13rem;
	}
	.business4 .tit {
		padding: 2rem;
		width: 70%;
		line-height: 2.6rem;
	}
	.business3 .bWrap ul li .txtB {
		padding: 0;
		font-size:1.5rem;
		letter-spacing:-0.4px;
	}
	main #sub_container .business3 .bWrap ul li .txtB p {
		font-size:1.5rem;
		letter-spacing:-0.4px;
	}
	.business3 .bWrap ul li + li + li + li .txtB {
		padding: 0 1rem;
	}
	.board .table-wrap.scroll table {
		width: 700px;
	}
	/* 230718 규제접수>처리현황 정렬 */
	.board .table-wrap.scroll table {width: 780px;}
	/* 230718 정보공간>법령정보 정렬 */
	.legalTable.allBorder .table {width: 100%;}
	/* 230718 정보공간>채용정보 정렬 */
	.bn-search .b-total-wrap .b-total-current-box > p > span { margin-top: 0;display: inline-block;}
	#sub_container .b-total-wrap .b-total-current-box { margin: 0;}

   /* awards */
    .awardsWrap .awardsCont {
        margin-top: 2rem;
    }
    .awardsWrap .awardsCont .tab .conBox {
        margin-top: 2rem;
    }
    .awardsWrap .awardsTop .awardsyear {
        padding-left: 3rem;
        font-size: 1.6rem;
    }
    .awardsWrap .awardsTop .topselect select {
        padding: 0 3rem;
        width: 18rem;
        height: 5.8rem;
        font-size: 1.6rem;
        background: #e8f1f8 url(../../assets/img/icon/icon-awardsDown.png) no-repeat right 3rem center;
    }
    .awardsWrap .awardsTop .topselect select.on {
        background: #e8f1f8 url(../../assets/img/icon/icon-awardsUp.png) no-repeat right 3rem center;
    }
    .awardsWrap .awardsCont .tab .awardsTab li a {
        font-size: 1.6rem;
    }
    .awardsWrap .awardsTop .topselect select option {
        font-size: 1.5rem;
    }
    .awardsWrap .awardsCont .tab .conBox .awardList .box .right .title {
        font-size: 1.8rem;
    }
    .awardsWrap .awardsCont .tab .conBox .awardList .box .right .name {
        font-size: 1.8rem;
    }
    main #sub_container .awardsWrap .awardsCont .tab .conBox .awardList .box .right .position {
        font-size: 1.8rem;
    }
    /* .awards */
    .awardsWrap .awardsCont .tab .conBox .awardList .box .left {
        /* width: 9rem; */
        /* height: 12.5rem; */
    }
    .awardsWrap .awardsCont .tab .conBox .awardList .box .right {
        /* width: calc(100% - 10.5rem); */
		max-width: 30%;
    }
    .awardsWrap .awardsCont .tab .conBox .awardList .box .right .title {
        margin-bottom: 1.5rem;
        /* width: 100%; */
        height: 3rem;
        font-size:1.4rem;
        line-height: 3rem;
        letter-spacing:-0.5px;
    }
    main #sub_container .awardsWrap .awardsCont .tab .conBox .awardList .box .right .company {
        font-size: 1.2rem;
    }
    main #sub_container .awardsWrap .awardsCont .tab .conBox .awardList .box .right .position {
        margin-bottom: 1.5rem;
        font-size: 1.6rem;
    }
    .awardsWrap .awardsCont .tab .conBox .awardList .box .right .name {
        margin-bottom: 1.5rem;
        font-size: 1.8rem;
    }
    /* .gallery */
    .galleryWrap {
        padding: 2.5rem 2.5rem 1.5rem 2.5rem;
    }
    .gallery .galleryview_slider {
        margin-bottom: 0;
    }
    .gallery .galleryWrap .swiper-button-prev {
        top: 38%;
    }
    .gallery .galleryWrap .swiper-button-next {
        top: 38%;
    }
    .gallery .galleryWrap .swiper-button-prev:hover {
        top: 38%;
    }
    .gallery .galleryWrap .swiper-button-next:hover {
        top: 38%;
    }
    .galleryWrap .swiper-container.gallery-thumbs {
        height: 8rem;
    }
    .gallery-thumbs .swiper-slide {
        height: 50px;
    }
}

@media screen and (min-width: 320px) and (max-width: 475px){
	#header{ padding: 0 1.7647rem; height: 10.296rem;}
	.m_sitemap{
		width: 5.884rem;
        height: 5.884rem;
        background-size: cover;
	}
}
@media (max-width:420px){
	/* government-project */
	#sub_container h3 {
		font-size: 2.6rem;
	}
	#sub_container .sub_content .tt.version2 h5 {
		font-size: 2.4rem;
	}
	.targetWrap .targetTop >div {
		width: 17rem;
	}
	.targetWrap .targetBottom .cont {
		height: 17rem;
		line-height: 17rem;
	}
	.targetWrap .targetBottom .cont .tit {
		height: 16.7rem;
		line-height: 16.7rem;
	}
	.business4 .tit {
		padding: 2rem;
		width: 80%;
	}
	.targetWrap .targetBottom .cont .tit {
		width: 12rem;
		padding: 0 1.5rem;
	}
	.targetWrap .targetBottom .cont .txt {
		width: calc(100% - 12rem);
		padding: 1.7rem 1rem;
	}
	
	.tit_1 {
		font-size: 3rem
	}
	.contents_wrap .P_TERMS {
		width:100% !important;
		margin: 5rem 0 0 0 !important;
	}
	.contents_wrap .P_COPYRIGHT_PROTECT {
		width:100% !important;
		margin: 5rem 0 0 0 !important;
	}
	.contents_wrap .P_PRIVAE_INFO {
		width:100% !important;
		margin: 5rem 0 0 0 !important;
	}
	.P_PRIVAE_INFO h2 {
		font-size: 2rem;
	}
	.privacyTable table {
    	table-layout: auto;
	}
	.tb_1.privacyTable thead th {
		font-size: 1.6rem;
	}
	.tb_1.privacyTable tbody td {
		padding: 0.5rem 1rem;
		font-size: 1.6rem;
		line-height: 2rem !important;
	}
	.P_PRIVAE_INFO  thead th {
		font-size: 1.6rem;
	}
	.P_PRIVAE_INFO  tbody td {
		font-size: 1.6rem;
	}
	.P_PRIVAE_INFO  tbody th {
		font-size: 1.6rem;
	}
	
	#sub_container .contents_wrap .P_TERMS h3 {
		font-size: 2rem;
	}
	#sub_container .s_select .select p {
		width:20%
	}
	/* domestic */
	.domestic .history>li img {
		width:70%;
	}
	/* awards */
    .awardsWrap .awardsCont .tab .conBox .awardList .box {
        border-radius: 5px;
    }
    .awardsWrap .awardsCont .tab .conBox .awardList .box .left{
        border-radius: 5px;
    }
    .awardsWrap .awardsCont .tab .awardsTab li {
        height: 6rem;
        line-height: 5rem;
    }
    .awardsWrap .awardsCont .tab .awardsTab li a {
        font-size: 1.3rem;
    }
    .awardsWrap .awardsCont .tab .conBox .awardList .box .left{
        width: 7.1rem;
        height: 10.5rem;
    }
    .awardsWrap .awardsCont .tab .conBox .awardList .box .right {
        /* width: calc(100% - 8.5rem); */
		margin-right: 2rem;
    }
    .awardsWrap .awardsCont .tab .conBox .awardList .box .right .title {
        margin-bottom: 1.3rem;
        height: 3rem;
        line-height:3rem;
        font-size: 1.4rem;
    }
    .awardsWrap .awardsCont .tab .conBox .awardList .box .right .name {
        margin-bottom: 1rem;
        font-size: 1.5rem;
    }
    main #sub_container .awardsWrap .awardsCont .tab .conBox .awardList .box .right .position {
        margin-bottom: 1rem;
        font-size: 1.4rem;
    }
    main #sub_container .awardsWrap .awardsCont .tab .conBox .awardList .box .right .company {
        font-size: 1.1rem;
        padding-bottom:0.1rem;
    }
    /* .gallery */
    .gallery .galleryview_slider {
        padding: 0 4rem;
    }
    .gallery .galleryWrap .swiper-button-prev {
        top: 40%;
        width:3rem;
        height:3rem;
    }
    .gallery .galleryWrap .swiper-button-next {
        top: 40%;
        width:3rem;
        height:3rem;
    }
    .gallery .galleryWrap .swiper-button-prev:hover {
        top: 40%;
        width:3rem;
        height:3rem;
    }
    .gallery .galleryWrap .swiper-button-next:hover {
        top: 40%;
        width:3rem;
        height:3rem;
    }
    .gallery-thumbs .swiper-slide-thumb-active {
        border: 3px solid #0066b3;
    }
    .galleryWrap .swiper-container.gallery-thumbs {
        margin-top: 0.5rem;
    }
}
@media (max-width:360px){
	.targetWrap .targetTop >div {
		width: 15rem;
	}
}