@charset "utf-8";
@import url("../../css/board.css");
/* 폰트색상 */
.point1 {
	color:#3E810E;
	}
/* 배경색 */
.bgc1 {
	background-color:#4c668a;
	}
.bgc2 {
	background-color:#2697a4;
	}
.bgc3 {
	background-color: #287386;
	}
.pc-only {display:block !important;}
.pc-except {display:none !important;}

.mobile-except {display:block !important;}
.mobile-only {display:none !important;}

/* 이미지 반응형 */
.mobile {display: none;}
img.pc {display: inline;}
img.mobile, .only-mo {display: none;}

/*컨텐츠 */
.mainstreaming div.img{
	padding-bottom: 20px;
	border-bottom: 1px solid #d4d4d4;
	}
.mainstreaming div.img img {width: 33.33%;}	
/* 가짜 테이블 */
.fake_table {
	overflow: hidden;
	}
.fake_table > li {
	display: flex; flex-flow: row wrap;
	margin-bottom: 1rem;
	}
.fake_table .label {
	display: block;
	width: 10rem;
    padding: 0.8rem 0;
    margin-right: 1.5rem;
    line-height: 1.5;
    font-weight: 500;
	}
.fake_table .input {
	display: flex; 
    justify-content: space-between;
	width: calc(100% - 11.5rem);
	}
/* intro 공통 */
section.inner {
	line-height:1.8;
	color:#333;
	font-size:16px;
	font-weight:300;
}
.inBox-wrap {
	margin-top: 10rem;
}
.img-txt-wrap>* {
	float:left;
	display:inline-block;
}
.img-txt-wrap>div[class*="-img"] {
	width: 53rem;
	margin-right: 7rem;
	}
.img-txt-wrap>.txt {
	width:calc(100% - 60rem);
}
.img-txt-wrap>.txt p+p {
	margin-top: 25px;
}
/* 상단 아이콘 + 안내 문구  */
.topbox { position: relative; margin-bottom:4rem; padding: 4rem 0; background: #fff; border-top: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1;  }
.topbox .img {display: block; position: absolute; top:50%;  left:0; transform: translateY(-50%);text-align: center;}
.topbox .txt {display: table; width: calc(100% - 10.5rem); margin-left: 10.5rem; min-height: 5.7rem;  overflow: hidden;}
.topbox .txt .title { display: table-cell; padding-right: 3rem; color: #222222; font-size: 2.3rem; letter-spacing: -0.5px; vertical-align: middle;}
.topbox .txt .desc { display: table-cell;  line-height: 1.8; color: #333333; font-size: 1.6rem; letter-spacing: -0.3px; }
.topbox .txt .btn{display:block; margin: 0.5rem 0;}
.topbox .txt .btn a, .topbox .txt .btn button{margin: 0.5rem 0.5rem 0 0;}
.topbox .txt .btn a i{margin-left: 1rem;}

/* 인사말 */
.major-tit {
	color:#000;
	text-align:center;
	letter-spacing:-1px;
	line-height:1.4;
	font-size: 3.5rem;
}
.major-tit span {
	font-weight:700;
}
.greeting>article {
	margin-top:50px;
}
.greeting>article>p+p {
	margin-top:30px;
}
.greeting>article>div {
	margin-top:40px;
	overflow:hidden;
}
.greeting>article .kaccc-img {
	padding-top:10px;
}
.greeting>article>div>.txt p:last-child {
	font-size:18px;
	color:#000;
	font-weight:500;
	text-align: right;
}
/*설립목적*/
.purpose>article {
	margin-top: 5rem;
    overflow: hidden;
	}
.purpose .row {
	display: flex; flex-flow: row wrap;
	margin: 0 -.5rem;
	overflow:hidden;
	}
.purpose .row+.row {
	margin-top: 2rem;
	}
.purpose .row article {
	width: calc(50% - 1rem);
	margin: 0 .5rem;
	}
.purpose .row article > div {
	position:relative;
    height: 100%;
	padding: 3rem;
	border:1px solid #e5e5e5;
	}
	.purpose .row article>div dl {
	position:relative;
}
.purpose .row article>div dl dt span {
	position:absolute;
	top:0;
	left:0;
	width:65px;
	height:65px;
    background-color: #3E810E;
	border-radius:50%;
	color:#fff;
	line-height:65px;
	text-align:center;
	font-size:20px;
	}
.purpose .row article>div dl {
	padding-left:95px;
}
.purpose .row article>div dl dt {
	font-size:  2rem;
	font-weight:500;
}
.purpose .row article>div dl dd {
	color:#6a6a6a;
}
.purpose .work h3 {
	text-align: center;
}
/*조직도/직원소개*/
.organ .director, 	
.organ .kaccc .lineBox {
	position:relative;
	padding-bottom:40px;
	}
.organ .director span,
.organ .kaccc .lineBox span  {
	display: block;
    width: 279px;
    margin: 0 auto;
    padding: 2.8rem 0;
    background-color: #274710;
    border-radius: 0.5rem;
    color: #fff;
    text-align: center;
    line-height: 1;
    font-size: 1.8rem;
    font-weight: 700;
	}
.organ .kaccc .lineBox span {
	background-color: #F2F7EC;
	border:2px solid #3E810E;
	color: #3E810E;
	}
.organ .director::before,
.organ .kaccc .lineBox:before {
	display:block;
	position:absolute;
	bottom:0;
	left:50%;
	width:1px;
	height:40px;
	background-color:#ddd;
	content:"";
	}
.organ .kaccc .con {
	padding:40px 50px;
    background-color: #F8F8F8;
    border: 1px solid #ddd;
	overflow:hidden;
}
.organ .kaccc .con>ul {
	float:left;
	width:50%;
}
.organ .kaccc .con>ul li+li {
	margin-top:10px;
}
.organ .kaccc .con>ul:last-child {
	padding-left:70px;
}
.organ .mail .confirmBtn {
	top:0;
	margin-top:2px;
	right:0;
	width:80px;
	height:30px;
	background-color:#274710;
	color:#fff;
	font-size:14px;
	border:1px solid #e5e5e5;
}
.organ .mail .cancelBtn {
	top:0;
	margin-top:2px;
	right:0;
	width:80px;
	height:30px;
	background-color:#fff;
	color:#000;
	font-size:14px;
	border:1px solid #e5e5e5;
}
.organ .mail .passNum {
	font-weight:700;
	font-size:16px;
	height:30px;
	padding:5px;
	vertical-align:middle;
}
.organ .mail .passInput {
	border:1px solid #e5e5e5;
	border-radius:0;
	height:30px;
	padding:5px;
	font-size:14px;
	line-height:1;
	color:#666;
	background-color:#fff;
	background-image:none;
	width:65%;
	appearance:none;
}
ul.check li {
	position:relative;
	padding-left: 25px;
	line-height:1.2;
}
ul.check li:before {
	position:absolute;
	display:block;
	top:0;
	left:0;
	width:18px;
	height:18px;
	color: #3E810E;
	font-size: 1.8rem;
    font-family: 'remixicon';
	content:"\eb81";
	}
table.intro-organ tbody tr td {
	padding:15px 10px;
}
table.intro-organ tr td:nth-child(3) {
	text-align:left;
}
table.intro-organ .mailBtn {
	width:33px;
	height:35px;
	border:0px;
	/* outline:0px;*/ background:url(../img/sub/icon/i-email.png)no-repeat center;
}
table.intro-organ input {
	display:inline-block;
	width:100%;
	height:35px;
}
table.intro-organ a {
	display:inline-block;
	width:100%;
	height: 35px;
}
/*오시는길*/
.root_daum_roughmap {
	width: 100% !important;
}
.location .address-wrap {
	margin-top:30px;
}

.location .address-wrap>article  {
	margin-bottom: 15px;
	}
.location .address-wrap>article .subject {
	margin-bottom: 15px;
	color:#000;
	letter-spacing:-1px;
	line-height:1.4;
	font-size:18px;
    font-weight: 700;
}
.location .address-wrap>article>div {
	font-size:16px;
	color:#000;
}
.location .address-wrap>article>div dl {
	position:relative;
	display: flex; flex-flow: row wrap;
}
.location .address-wrap>article>div dl+dl {
	margin-top: 10px;
}
.location .address-wrap>article>div dl dt { 
    width: 8rem;
    font-weight: 700;
	}
.location .address-wrap>article>div dl span {
	display:inline-block;
	padding:5px 10px;
	border-radius:30px;
	font-size:15px;
	line-height:1;
	color:#fff;
	}
.location .address-wrap>article>div dl span.type1 {
	background: #02539A;
	}
.location .address-wrap>article>div dl span.type2 {
	background: #FF0000;
	}
.location .address-wrap>article>div dl span.type3 {
	background: #F39801;
	}
.location .address-wrap>article>div dl span.type4 {
	background: #C82127;
	}
.location .address-wrap>article>div dl span.type5 {
	background: #47305E;
	}
.location .address-wrap>article>div dl span.type6 {
	background: #BB0059;
	}
.location .address-wrap>article>div dl span.type7 {
	background: #005BAC;
	}
.location .address-wrap>article>div dl span.type8 {
	background: #FF6633;
	}
/*CI*/
.ci .Con {
	overflow:hidden;
	}
.ci div[class*="Con"]+div[class*="Con"] {
	margin-top:70px;
	}
.ci .Con>div {
	float:left;
	width:50%;
	}
.ci .Con>div:first-child {
	padding-right:10px;
	}
.ci .Con>div:last-child {
	padding-left:10px;
	}
.ci .Con>div>article {
	border:1px solid #ddd;
	}
.ci .Con>div>article>div {
	padding:60px 20px;
	text-align:center;
	}
.ci .Con>div>article>ul {
	border-top:1px solid #ddd;
	padding:30px 50px;
	background:#f9f9f9;
	position:relative;
	height:130px;
	}
.ci .Con>div>article>ul li {
	position:absolute;
	top:30px;
	right:115px;
}
.ci .Con>div>article>ul li+li {
	right:50px;
}
.ci .Con>div>article>ul li .i-downBtn {
	display:block;
	margin:0 auto;
	}
.ci .Con>div>article>ul li .i-downBtn i {
	display:block;
	width:54px;
	height:54px;
	margin-bottom: 5px;
	border-radius: 50%;
	background:#274710 url(../img/sub/archiving/i-downBtn.png)no-repeat center;
	overflow: hidden;
	}
.ci .Con>div>article>ul li+li .i-downBtn i {
	background-color:#3E810E;
}

.ci .Con>div>article>ul li a > span {
	display: block;
	width:100%;
	color:#000;
	letter-spacing:-1px;
	font-size:13px;
	font-weight:400;
	transition-duration:.3s;
	text-align:center;
	}
.ci .meanCon article {
	border:1px solid #ddd;
	padding:60px 20px;
	text-align:center;
}
.ci .meanCon>div.mean {
	display:table;
	width:100%;
	margin-top:30px;
}
.ci .meanCon>div.mean dl {
	display:table-cell;
	width:50%;
	vertical-align:top;
	padding:0 30px;
	overflow:hidden;
}
.ci .meanCon>div.mean dl:last-child {
	border-left:1px solid #ddd;
}
.ci .meanCon>div.mean dl>* {
	float:left;
}
.ci .meanCon>div.mean dl>dt {
	width:100px;
	font-size:18px;
	color:#000;
	letter-spacing:-1px;
	font-weight:400;
}
.ci .meanCon>div.mean dl>dd {
	width:calc(100% - 100px);
	font-size:16px;
	color:#666;
}
.ci .colorCon {
	display:table;
	width:100%;
}
.ci .colorCon>div {
	display:table-cell;
	vertical-align:top;
	width:33.3%;
}
.ci .colorCon>div+div {
	padding-left:20px;
}
.ci .colorCon>div>article {
}
.ci .colorCon>div>article div[class*="bg-"] {
	padding:50px 30px 20px;
	font-size:18px;
	color:#fff;
	font-weight:700;
	text-transform:uppercase;
}
.bg-orange {
	background:#f15a22;
}
.bg-blue {
	background:#034ea2;
}
.bg-skyblue {
	background:#00a6d5;
}
.ci .colorCon>div ul {
	padding:30px 30px 0;
}
.ci .colorCon>div ul li+li {
	margin-top:15px;
}
.ci .colorCon>div ul li span {
	font-size:17px;
	float:left;
}
.ci .colorCon>div ul li span:first-child {
	width: 9.5rem;
	color:#999;
}
.ci .colorCon>div ul li span:last-child {
	width: calc(100% - 9.5rem);
	color:#000;
}
.ci .gridCon {
	overflow:hidden;
}
.ci .gridCon>div {
	float:left;
	width:50%;
}
.ci .gridCon>div:nth-child(odd) {
	padding-right:10px;
}
.ci .gridCon>div:nth-child(even) {
	padding-left:10px;
}
.ci .gridCon>div:nth-child(2)~div {
	margin-top:20px;
}
.ci .gridCon>div>article {
	border:1px solid #ddd;
	padding:55px 0;
	text-align:center;
	background:url(../img/sub/intro/bg-grid.png)no-repeat center;
	background-size: cover;
}
/* ********** 2.주요사업 ********** */
.icon_tab {	
	display: flex; flex-flow: row wrap;
	margin: 2rem 0;
    text-align: center;
	}
.icon_tab > li {
	width: calc(16.66% - .5rem);
	margin: 0 .25rem;
	border: 1px solid #ddd;
	}	
.icon_tab a {
	display: block;
	height: 100%;
	padding:1rem 0.5rem;
	}
.icon_tab span {
	display: block;
	}	
.icon_tab a.active {
	background-color: #274710;
    color: #fff;
    font-weight: 700;
	}
.icon_tab a.active img {
	filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(298deg) brightness(102%) contrast(102%);
	}
	
	
/*공통*/
.business .display-table {display:table; width:100%;}
.business .display-table+.display-table {margin-top:80px;}
.business .display-table>article {display:table-cell; vertical-align:top; width:50%;}
.business .display-table>article:first-child {padding-right:40px;}
.business .display-table>article:last-child {padding-left:40px;}

.business.basis {margin-bottom: 40px; overflow: hidden;}
.business.basis .con {width: 60%; float:left; padding: 0px 30px 0 30px; margin-top:0px;}
.business .con {margin: 30px 0 20px;}
.business .con dl dt {font-size: 1.8rem; color:#000; margin-bottom:10px;}
.business .con dl dd,
.business .half-wrap dl dd,
.business .con p {line-height:1.75; color:#333;}

/* 탄소중립기본법 시행 - 질의응답 */
.netZero {position: relative;/* padding-bottom: 5rem; */background: url(../../main/img/sub/business/netZero-bg.png) no-repeat 0 bottom / cover; overflow: hidden;}
.netZero .tab-content {float: none; display: block; position: relative; width: 100%;height: 100%;}
.netZero .tab-content::after {display: block; content: ''; clear: both;}

.netZero .tab-content .align-left {position: absolute; bottom: 0; left: 0;}
.netZero .tab-content .align-center {position: relative; margin: 0 auto;}
.netZero .tab-content .align-right {position: absolute; bottom: 0; right: 0;}

.netZero .tab-content .law-wrap {margin-bottom: 20px;}
.netZero .tab-content .law-wrap li {margin-bottom: 0.5rem; text-align: center;}
.netZero .tab-content .law-wrap li:last-of-type {margin-bottom: 0;}
.netZero .tab-content .law-wrap.inline {text-align: center;}
.netZero .tab-content .law-wrap.inline li {margin-bottom: 0;}
.netZero .tab-content .law-wrap .law-title {display: flex; align-items: center; border: 1px solid #006772; border-radius: 3rem; padding: 0.5rem; font-size: 1.5rem; color: #006772; font-weight: 700;}
.netZero .tab-content .law-wrap .law-title .badge {flex-shrink: 0; display: inline-block; margin: 0; background: #006772; color: #fff; padding: 6px 10px; border-radius: 30px;}
.netZero .tab-content .law-wrap .law-title .name {flex-grow: 1; margin: 0 10px;}
.netZero .tab-content .law-wrap li img {height: 100%; width: auto;}
.netZero .tab-content .qna-wrap li {padding-bottom: 2rem; margin-bottom: 2rem; border-bottom: 1px solid #999;}
.netZero .tab-content .qna-wrap li:last-of-type {padding-bottom: 0; margin-bottom: 3rem; border-bottom: 0;}
.netZero .tab-content .qna-wrap h4.question { margin-bottom: 2rem;  line-height: 1.5; font-size: 1.8rem; font-weight: 700;}
.netZero .tab-content .qna-wrap p.answer {margin-bottom: 1rem; padding: 0; line-height: 1.6; font-size: 1.6rem; background: transparent; color: #333; }
.netZero .tab-content .qna-wrap p.answer:last-of-type {margin-bottom: 0;}
.netZero .tab-content .btn-wrap { margin-bottom: 2rem; text-align: center;}
.netZero .tab-content .btn-wrap .btn-ccaipath {display: inline-block; border: 1px solid #999; padding: 17px 47px; font-size: 16px; font-weight: 700; color: #333; background: #fff;}

/* 탄소중립기본법 시행 - 적응센터 */
.netZero .tab-content.netZero1,
.netZero .tab-content.netZero6  {display: flex; flex-flow: row wrap;padding: 6rem 6rem 0;}
.netZero .tab-content.netZero1 .quote-wrap {margin-top: 3.4rem; margin-bottom: 5.3rem;}
.netZero .tab-content.netZero1 .quote-wrap img {max-width: 100%;}
.netZero .tab-content.netZero1 .float-left {display: flex;  flex-direction: column; justify-content: space-between; width: 48%; margin-right: 2%;}
.netZero .tab-content.netZero1 .float-right,
.netZero .tab-content.netZero6 .float-right { position: relative; width: 50%;overflow: hidden;}
.netZero .tab-content.netZero1 .law-wrap.inline {margin-bottom: 30px;}
.netZero .tab-content .btn-wrap .btn-ccaipath {display: inline-block; border: 1px solid #999; padding: 10px 20px; font-size: 14px; font-weight: 700; color: #333; background: #fff;}

/* 탄소중립기본법 시행 - 국가단위 */
.netZero .tab-content.symmetry {padding: 6rem;}
.netZero .tab-content.symmetry .align-left,
.netZero .tab-content.symmetry .align-right  {left: 2rem; width: 25rem;}
.netZero .tab-content.symmetry .align-right {left: auto; right: 2rem; }
.netZero .tab-content.symmetry .quote-wrap {width: 100%; margin-bottom: 5rem;}
.netZero .tab-content.symmetry .law-wrap {width: 55%;margin: 0 auto 3rem;}
.netZero .tab-content.symmetry .qna-wrap {width: 55%; margin: 0 auto;}

/* 탄소중립기본법 시행 - 과학기반 */
.netZero .tab-content.netZero6 .float-left {width: calc(100% - 25rem); margin-right: 2%;}
.netZero .tab-content.netZero6 .float-right { position: absolute; bottom: 0;  right: 2rem; width: 23rem;}
.netZero .tab-content.netZero6 .law-wrap,
.netZero .tab-content.netZero6 .qna-wrap {width: 100%;}
.netZero .tab-content.netZero6 .quote-wrap {margin-bottom: 5rem;}

.netZero .tab-content.netZero3 .align-left,
.netZero .tab-content.netZero3 .align-right {width: 22.8rem;}

/* 탄소중립기본법 시행 - KACCC 방향/비전 소개 */
.business.vision {overflow: visible;}
.business.vision .tab-header {display: block; float: none;}
.business.vision .tab-header h3 { margin-bottom: 2.2rem; text-align: center; line-height: 1.3; font-size: 3.5rem; font-weight: 300;}
.business.vision .tab-header h3 span {font-weight: 700; color: #274710;}
.business.vision .tab-header p {font-size: 16px; line-height: 24px; color: #333; margin-bottom: 10px;}
.business.vision .tab-header p:last-of-type {margin-bottom: 30px}
.business.vision .tab-header .img-wrap {margin-bottom: 10rem;}
.business.vision .tab-header .img-wrap span {display: none;}
.business.vision .tab-content {margin-bottom: 106px;}
.business.vision .tab-content .vision-card {display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px;}
.business.vision .tab-content .vision-card:last-of-type {margin-bottom: 0;}
.business.vision .tab-content .vision-card .img-wrap {position: relative; width: 75%;}
.business.vision .tab-content .vision-card .img-wrap img {width: 100%; height: auto;}
.business.vision .tab-content .vision-card .img-wrap .about {display: none;}
.business.vision .tab-content .vision-card .txt-wrap {position: relative; width: 45%; padding: 3rem; background: #fff; box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.16); z-index: 1;}
.business.vision .tab-content .vision-card:nth-of-type(odd) .txt-wrap {margin-left: -8rem; border-radius: 4rem 0 0 0;}
.business.vision .tab-content .vision-card:nth-of-type(even) .txt-wrap {margin-right: -8rem; border-radius: 0 4rem 0 0;}
.business.vision .tab-content .vision-card .txt-wrap .card-title { display: flex;  align-items: center; margin-bottom: 1.5rem; margin-left: -15px;}
.business.vision .tab-content .vision-card .txt-wrap .card-title img {width: 9rem; height: auto;}
.business.vision .tab-content .vision-card .txt-wrap .card-title span {color: #333; vertical-align: middle; line-height: 1.3; font-size: 2.8rem; font-weight: 700; }
.business.vision .tab-content .vision-card .txt-wrap .card-text {font-size: 1.6rem; line-height: 2.4rem; color: #333; margin-bottom: 8px;}
.business.vision .tab-content .vision-card .txt-wrap .card-text:last-of-type {margin-bottom: 0;}
.business.vision .tab-content .vision-card .txt-wrap .card-text span {font-weight: 700;}

/* 주요사업 공통 */
.business div[class*="display-"]+div[class*="display-"] {margin-top: 8rem;}
.half-wrap {display: flex; flex-flow: row wrap;  margin: 0 -1rem;}
.half-wrap > dl {width: 50%; padding: 0 2rem;}
.half-wrap > dl:last-child { border-left:1px dotted #ddd;}
.business .con .include-gosite{position:relative; margin-bottom: 2rem; text-align: right;}
.business .con .include-gosite>a {
	display: inline-block;
    padding: 1rem 4.5rem 1rem 2rem;
    background: #3E810E url(../img/sub/business/i-gosite.png)no-repeat 8rem 1.2rem;
    border-radius: 3rem;
    color: #fff;
    line-height: 1;
    font-size: 1.4rem;
	}
.business .con .include-gosite>a:hover {
	background-position:85px 12px;
	}
.img-list {
	display: flex;
    overflow: hidden;
    }
.img-list > li {
	width: calc(100% / 2);
    height: 15rem;
    overflow: hidden;
    }
.img-list.inline-center {flex-flow: row wrap; justify-content: center; }   
.img-list.inline-center > li {width: auto;}

/* 적응 정책개발 및 이행지원 */
.business.support {}
.business.support .display-block {display:block; overflow:hidden;}
.business.support .display-block>article {display:inline-block; width:100%; float:left;}
.business.support .display-block>article+article {margin-top: 8rem;}
.business.support .display-block .img {border:1px solid #e9e9e9;}
.business.support article {border-bottom: none;}

/*3.적응사업 발굴 및 지원*/
/*공통::*/
.layout-iconType > article {overflow:hidden;}
.layout-iconType > article > div {float:left; display:inline-block; line-height:1;}
.layout-iconType > article > div.icon {width: 21rem;}
.layout-iconType div.icon > span {
	display:inline-block; 
	width:16rem; 
	height: 16rem;
	border:1px solid #ddd; border-radius:50%;
	background-position:center;
	background-repeat:no-repeat;
	}
.layout-iconType>article>div.con {width:calc(100% - 210px); margin-top:0;}

.business .support-2 article:nth-child(1)>div.icon>span {background-image:url(../img/sub/icon/i-support2-1.png);}
.business .support-2 article:nth-child(2)>div.icon>span {background-image:url(../img/sub/icon/i-support2-2.png);}
.business .support-2 article:nth-child(3)>div.icon>span {background-image:url(../img/sub/icon/i-support2-3.png);}
.business .support-2 article+article {margin-top:70px;}
.business .support-2 article .img-consulting {margin-top:20px; display:block; width:100%; border:1px solid #ddd; padding:50px 20px; text-align:center;}

/*3.적용 주류화*/
.adaptive_mainstreaming .img + .title1 {
    padding-top: 2rem;
    border-top: 1px solid #d4d4d4;
	}
.adaptive_mainstreaming .img {
    display: flex;
	margin-top: 2rem;
	}
.adaptive_mainstreaming .img.single {
	display: block;
	text-align: center;
	}
.adaptive_mainstreaming .img > span {
	display: block;
    width: calc(100% / 2 + 0.1rem);
    height: 22.5rem;
    margin: 0 0.5rem;
    overflow: hidden;
	}
.adaptive_mainstreaming .img > span img {
	width: 100%;
    height: 100%;
    object-fit: cover;
	}

/* 4. 과학적 근거 마련 */
.scientific_ground {
	overflow: hidden;
	}
.scientific_ground .group {	
	display: flex; flex-flow: row wrap; justify-content: space-between;
	}	
.scientific_ground .group + .group {
	margin-top: 3rem;
	}
.scientific_ground .img {
	display: block;
    width: 40%;
    height: 28rem;
    border: 1px solid #e9e9e9;
    overflow: hidden;
	}
.scientific_ground .img img {
    width: 100%;
    height: 100%;
    object-fit: scale-down;
	}
.scientific_ground .cont {
    position: relative;
	width: calc(100% - 43%);
	}
.scientific_ground .subject {
    margin-right: 13rem;
    letter-spacing: -0.1rem;
    line-height: 1.3;
    color: #333;
    font-weight: 500;
	}
.scientific_ground .txt {
	margin-top: 3rem;
    color: #333;
	}	
.scientific_ground .more {
    position: absolute;
    top: 0;
    right: 0;
    padding: 1rem 4.5rem 1rem 2rem;
    background: #3E810E url(../img/sub/business/i-gosite.png)no-repeat 8rem 1.2rem;
    border-radius: 3rem;
    color: #fff;
    line-height: 1;
    font-size: 1.4rem;
	}	
	
/* 공모요강 */
.effect-poster {
	font-size: 3rem;
	font-weight: bold;
	margin-bottom: 6rem;
	}
.effect-poster .poster-img img {
	max-width: 100%;
	width: 100%;
	}
.effect-syllabus h3 {
	font-size: 3rem;
	padding: 1.9rem 0;
	border-top: 1px solid #979797;
	border-bottom: 1px solid #979797;
	margin-bottom: 37px;
}
.effect-syllabus li {
	display: flex; flex-flow: row wrap; 
	margin-bottom: 4.5rem;
}
.effect-syllabus li:last-of-type {
	margin-bottom: 0;
}
.effect-syllabus li h4.syllabus-label {
	display: flex;
	align-items: center;
	width: 10rem;
	margin-right: 3.5rem;
}
.effect-syllabus li .syllabus-contents {
	width: calc(100% - 13.5rem);
	}
.effect-syllabus li h4.syllabus-label img {
	width: 2rem;
	margin-right: .6;
}
.effect-syllabus li h4.syllabus-label span {
	width: 100%;
	font-size: 2rem;
	line-height: 1.5;
	font-weight: bold;
	color: #274710;
}
.effect-syllabus li .syllabus-contents .syllabus-box {
	margin-top: 20px;
}
.effect-syllabus li .syllabus-contents .syllabus-box:first-of-type {
	margin-top: 0;
}
.effect-syllabus li .syllabus-contents .syllabus-box.small {
	margin-top: 10px;
}
.effect-syllabus li .syllabus-contents p {
	font-size: 1.8rem;
	color: #000;
}
.effect-syllabus li .syllabus-contents p .row-title {
	font-weight: bold;
}
.effect-syllabus li .syllabus-contents p .row-remark {
	font-size: 1.6rem;
	color: #999;
}
.effect-syllabus li .syllabus-contents p .row-remark.color {
	color: #00A7D7;
}
/* 공모전 접수 완료 */
.contest_complete {
	padding: 6rem 3rem;
	background-color: #F8F8F8;
	border: 1px solid #ddd;
	text-align: center;
	}
.contest_complete .icon  {
	display: block;
	height: 7rem;
	margin-bottom: 3rem;
	}
.contest_complete .icon img {
	max-height: 100%;
	}
.contest_complete .subject {
	display: block;
	margin-bottom: 1rem;
	font-size: 2rem;
	}
.contest_complete .btn {
	font-size: 1.5rem;
	}
/* 로그인 */
.login_area {
    margin: 0 auto;
    padding: 5rem 25rem;
    border: 1px solid #ddd;
	}	
.login_area .form {
    position: relative;
    margin-bottom: 1.5rem;
    padding-right: 14rem;
	}	
.login_area .form_textbox {
    height: 5rem;
    margin: 0.5rem 0;
    padding: 0 1rem;
    border: 1px solid #ddd;
    text-align: left;
    vertical-align: top;
	}
.login_area .btn {	
    position: absolute;
    top: 0.5rem;
    right: 0;
    width: 13rem;
    height: calc(100% - 1rem);
    background-color: #274710;
    color: #fff;
    text-align: center;
    transition: all 0.2s;
    font-size: 1.8rem;
	}
.agree + .login_area {
	margin-top: 5rem;
	}	
/* 메일링 서비스 신청, 해지 */	
.mailing_service {
	position: relative;
	overflow: hidden;
	margin: 5rem 0 1rem;
	}
.mailing_service .tab_content {
	display: none; 
	float: left;
	width: 100%;
	}
.mailing_service .box {
	padding: 3rem 4rem; 
	border: 1px solid #ddd;
	border-top: none;
	}
.mailing_service .tab_content.active {
	display: block;
	}
.mailing_service .txt_info {
	margin-bottom: 3rem;
	font-weight: 500;
	}
.mailing_service .input .btn {
	min-width: 10rem;
	height: 4rem;
	padding: 0 2.3rem;
	background-color: #274710;
	color: #fff;
	font-size: 1.5rem;
	}
.mailing_service .user_email .form_textbox {
	width: calc(100% - 10.5rem);
	}
.mailing_service .user_email2 .form_textbox {
	width: calc(100% - 13.6rem);
	}
.mailing_service .autoCode {
	display: flex; flex-flow: row wrap; align-items: center; align-content: center;
	width: 10rem;
   	color: #274710;
   	font-size: 1.8rem;
   	font-weight: 700;
	}
/* 이메일 무단 수집거부*/
.wrap-email .box ,
.kogl_info > .box   {
	margin-bottom: 2rem;
	}	
/* 개인정보 처리방침 */
/* 주요 개인정보 처리 표시(라벨링) */	
.privacy_labeling  {
    position: relative;
	display: flex; flex-flow: row wrap;
	margin: 1rem -1rem 5rem;
	word-break: keep-all; 
	}
.privacy_labeling > li {
    position: relative;
    width: calc(25% - 2rem);
    margin: 1rem;
    }
.privacy_labeling > li > a {
	display: block;
    height: 100%;
    padding: 3rem 2rem;
    background-color: #fff;
    border-radius: 1rem;
    border: 1px solid #ddd;
	text-align: center;
	}
.privacy_labeling > li > a:hover {
	border-color: #33397D;
	transition: all 0.5s ease;
	}
.privacy_labeling [class*="icon"] {
	display: block;
	width: 8rem;
    height: 9rem;
    margin: 0 auto 1rem;
    background: no-repeat 0 0 / contain;
	}	
.labeling_area {
	position: absolute;
	top: 100%;
	left: 50%;
	width: 45rem;
    max-width: 200%;
    height: 0;
    padding: 0 3rem 4rem;
    background-color: #fff;
    border: 1px solid #d9d9d9;
    border-radius: 5px;
    transform: translateX(-50%);
    transition: all 0.3s;
    visibility: hidden;
    overflow: hidden;
    opacity: 0;
    z-index: -1;
	}
.labeling_area .title {
    display: block;
    margin: 0 -3rem 2rem;
    padding: 1.4rem 3rem;
    background-color: #3E810E;
    letter-spacing: -0.05rem;
    color: #fff;
    font-size: 1.7rem;
    font-weight: 600;
	}
.labeling_area .bul > li + li {
	margin-top: .5rem;
	}
.labeling_area .bul > li strong {
	font-weight: 400;
	}
.labeling_area .btn_close {
	position: absolute;
	top: 1rem;
	right: 2rem;
    color: #fff;
    font-size: 2.5rem;
	}
.privacy_labeling > li.active .labeling_area {	
    height: auto;
    visibility: visible;
    opacity: 1;
	z-index: 10;
	}
.privacy_labeling > li:first-child .labeling_area,
.privacy_labeling > li:nth-child(3) .labeling_area,
.privacy_labeling > li:nth-child(4) .labeling_area,
.privacy_labeling > li:last-child .labeling_area{
	left: 0;
	transform: inherit;
	}
.privacy_labeling > li:nth-child(3) .labeling_area,	
.privacy_labeling > li:last-child .labeling_area {
    left: auto;
    right: 0;
	}
.privacy_box {/* 개인정보 목차 */
	margin: 1rem 0 3rem;
    padding: 3rem 4rem;
    background-color: #fff;
    border: 1px solid #d9d9d9;
    border-radius: 5px;
	word-break: keep-all; 
	}
.privacy_list {
	display: flex; flex-flow: row wrap;
	font-weight: 500;
	overflow: hidden;
	}	
.privacy_list > li {
	width: 50%;
    margin: 0.8rem 0;
    padding-right: 2rem;
	}
.privacy_list > li a {
	display: block;
    position: relative;
    padding-left: 3rem;
	}
.privacy_list  .icon,
.privacy_tit  .icon  {
    display: block;
	position: absolute;
    top: 0;
	left: 0;
	}
.privacy_list .icon {
	width: 2.5rem;
	height: 2.5rem;
	}
.privacy_tit .icon {
    top: 0;
	width: 3.5rem;
	height: 3.5rem;
	}

 .privacy_tit {
 	position: relative;
    margin: 2.5rem 0 1rem;
    padding: 0 0 1rem 4rem;
    color: #000;
    font-size: 2.1rem;
 	}
.privacy_list [class*="icon"],
.privacy_tit [class*="icon"]  {
    display: block;
	position: absolute;
    top: 0;
	left: 0;
    background: no-repeat 0 0 / contain;
	}
.privacy_list [class*="icon"] {
	width: 2.5rem;
	height: 2.5rem;
	}
.privacy_tit [class*="icon"] {
    top: 0;
	width: 3.5rem;
	height: 3.5rem;
	}