/*
	Copyright 2020 Raonbnp
	http://raonbnp.com, http://raonwebstore.com
*/
@charset "UTF-8";
@import '/_css/common.css'; /* front, admin 공통*/
@import '/_css/member.css'; /* front member 공통*/
@import '/_css/board.css'; /* front member 공통*/
@import 'loading.css';
@import 'fontSet.css';
@import 'basic.css';
@import 'layout.css';


#subVisual.sub0101, 
#subVisual.sub0102 {background-image:url('../_img/sub/sub_visual_01.jpg') !important;}

#subVisual.sub0201, 
#subVisual.sub0202 {background-image:url('../_img/sub/sub_visual_02.jpg') !important;}

#subVisual.sub0301, 
#subVisual.sub0302 {background-image:url('../_img/sub/sub_visual_03.jpg') !important;}

#subVisual.sub0401, 
#subVisual.sub040201, 
#subVisual.sub040301, 
#subVisual.sub040401, 
#subVisual.sub040501,
#subVisual.sub040601 {background-image:url('../_img/sub/sub_visual_04.jpg') !important;}

#subVisual.sub0501, 
#subVisual.sub05 {background-image:url('../_img/sub/sub_visual_05.jpg') !important;}

/* 서브공통 */
.sub-content h4 {
	position:relative;
	height:auto;
	text-align:center;
	box-sizing:border-box;
	padding-bottom:2.5rem;
	margin-bottom:6rem;
}
.sub-content h4:after {
	content:"";
	position:absolute;
	left:50%;
	transform:translateX(-50%);
	bottom:0;
	display:inline-block;
	width:8rem;
	height:2px;
	background:#2d6a91;
}
@media (max-width: 991.98px) {
	.sub-content h4 {
		padding-bottom:2rem;
		margin-bottom:4rem;
	}
	.sub-content h4:after {
		width:4rem;
	}
}

/* 협력단 개요 */
.brand-wrap section {
	border-bottom:1px dashed #ddd;
	box-sizing:border-box;
	padding:6rem 0 7rem;
}
.brand-wrap section .clr1 {
	color:#2d6a91;
}
.brand-wrap section:nth-of-type(1){
	padding-top:0;
}
.brand-wrap section:last-child {
	border-bottom:0;
}
.brand-wrap section > dl {
	position:relative;
	height:auto;
	display:flex;
	flex-wrap:wrap;
	-ms-flex-wrap:wrap;
}
.brand-wrap section > dl > dt {
	position:relative;
	height:auto;
	max-width:18rem;
	flex:0 0 18rem;
	-ms-flex:0 0 18rem;
}
.brand-wrap section > dl > dt:after {
	content:"";
	position:absolute;
	left:0;
	top:-1rem;
	width:2rem;
	height:3px;
	background:#2d6a91;
	transform:rotate(-30deg);
}
.brand-wrap section > dl > dd {
	--width:calc(100% - 18rem);
	max-width:var(--width);
	flex:0 0 var(--width);
	-ms-flex:0 0 var(--width);
}
.brand-wrap section ul {
	list-style:none;
	padding-left:0;
}
.brand-wrap section ul > li {
	position:relative;
	height:auto;
	box-sizing:border-box;
	padding:0.5rem 0;
	padding-left:1.5rem;
}
.brand-wrap section ul > li:before {
	content:"";
	width:3px;
	height:3px;
	border-radius:50%;
	background:#e0284f;
	position:absolute;
	left:0;
	top:1.5rem;
}

@media (max-width: 991.98px) {
	.brand-wrap section {
		padding:3rem 0 4rem;
	}
	.brand-wrap section > dl > dt {
		max-width:100%;
		flex:0 0 100%;
		-ms-flex:0 0 100%;
	}
	.brand-wrap section > dl > dd {
		--width:100%;
	}
}



.brand-wrap section.sec03 .row {
	width:78%;
	margin-left:0;
	margin-right:0;
}
.brand-wrap section.sec03 .row > div {
	--width:calc(33.3333% - 4rem);
	max-width:var(--width);
	flex:0 0 var(--width);
	-ms-flex:0 0 var(--width);
	margin-right:6rem;
	text-align:center;
}
.brand-wrap section.sec03 .row > div:last-child {
	margin-right:0;
}
@media (max-width: 1199.98px) {
	.brand-wrap section.sec03 .row {
		width:100%;
	}
}
@media (max-width: 991.98px) {
	.brand-wrap section.sec03 .row > div {
		--width:calc(33.3333% - 1.333333rem);
		max-width:var(--width);
		flex:0 0 var(--width);
		-ms-flex:0 0 var(--width);
		margin-right:2rem;
		text-align:center;
	}
}

.brand-wrap section.sec04 .row {
	border-top:1px solid #ddd;
	border-left:1px solid #ddd;
	margin-left:0;
	margin-right:0;
}
.brand-wrap section.sec04 .row > div[class^='col-'] {
	border-right:1px solid #ddd;
	border-bottom:1px solid #ddd;
	box-sizing:border-box;
	padding:5rem 4rem;
}
@media (max-width: 991.98px) {
	.brand-wrap section.sec04 .row > div[class^='col-'] {
		padding:3rem 3rem;
	}
}


/* 오시는길 */
.location-wrap #map1 {
	height:50rem;
}
@media (max-width: 991.98px) {
	.location-wrap #map1 {
		height:25rem;
	}
}



 .location-wrap section.sec01 .txt {
	box-sizing:border-box;
	padding:5rem 0 9rem;
	border-bottom:3px solid #2d6a91;
 }
.location-wrap section.sec01 .txt .row > .lt {
	box-sizing:border-box;
	padding-left:4rem;
	line-height:2;
}
.location-wrap section.sec01 .txt .row > .rt {
	box-sizing:border-box;
	padding-left:4rem;
	margin-left:8rem;
	border-left:1px solid #ddd;
	color:#555;
	line-height:2;
}
.location-wrap section.sec01 .txt .row > .rt > .row > div {
	margin-right:8rem;
	padding-left:3rem;
	box-sizing:border-box;
	position:relative;
	height:auto;
	transition:all 0.3s ease-in-out;
}
.location-wrap section.sec01 .txt .row > .rt > .row > div:last-child {
	margin-right:0;
}
.location-wrap section.sec01 .txt .row > .rt > .row > div:before {
	font-family:'xeicon';
	font-size:2rem;
	position:absolute;
	left:0;
	top:-2px;
	color:#000;
}
.location-wrap section.sec01 .txt .row > .rt > .row > div.adr:before{
	content: "\e902";
}
.location-wrap section.sec01 .txt .row > .rt > .row > div.tel:before{
	content: "\e9d3";
}
.location-wrap section.sec01 .txt .row > .rt > .row > div.mail:before{
	content: "\ea07";
}

@media (max-width: 1400px) {
	.location-wrap section.sec01 .txt .row > .rt > .row > div {
		margin-right:4rem;
	}
}
@media (max-width: 1199.98px) {
	.location-wrap section.sec01 .txt .row > .lt {
		padding-left:2rem;
		max-width:100%;
		flex:0 0 100%;
		-ms-flex:0 0 100%;
	}
	.location-wrap section.sec01 .txt .row > .rt {
		padding-left:2rem;
		margin-left:0;
		border-left:0;
		max-width:100%;
		flex:0 0 100%;
		-ms-flex:0 0 100%;
	}
}
@media (max-width: 991.98px) {
	.location-wrap section.sec01 .txt {
		padding:3rem 2rem 5rem;
	}
	.location-wrap section.sec01 .txt .row > .lt {
		padding-left:0;
	}
	.location-wrap section.sec01 .txt .row > .rt {
		padding-left:0;
	}
	.location-wrap section.sec01 .txt .row > .rt > .row > div {
		margin-right:0;
		max-width:100%;
		flex:0 0 100%;
		-ms-flex:0 0 100%;
	}
	.location-wrap section.sec01 .txt .row > .rt > .row > div:before {
		top:-4px;
	}
}
@media (max-width: 575.98px) {
	.location-wrap section.sec01 .txt {
		padding:3rem 0 5rem;
	}
}



/* 수행 R&D  */
.rnd-wrap {
	overflow:hidden;
}
.rnd-wrap .rnd_list > .row > div[class^='col-'] {
	margin-bottom:3rem;
}
.rnd-wrap .rnd_list > .row > div[class^='col-'] > .inner > a {
	display:block;
	color:#000;
	box-shadow:5px 5px 10px 5px rgba(0, 0, 0, 0.05);
}
.rnd-wrap .rnd_list > .row > div[class^='col-'] > .inner > a > .txt {
	border:1px solid #ddd;
	box-sizing:border-box;
	padding:1.5rem 2rem;
	height:10rem;
}
.rnd-wrap .rnd_list > .row > div[class^='col-'] > .inner > a > .txt > p{
	white-space:normal;
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	overflow:hidden;
}
@media (max-width: 991.98px) {
	.rnd-wrap .rnd_list > .row {
		margin-left:-10px;
		margin-right:-10px;
	}
	.rnd-wrap .rnd_list > .row > div[class^='col-'] {
		padding-left:10px;
		padding-right:10px;
	}
}


/* 수행 R%D 뷰페이지 */
.rnd-view .top {
	position:relative;
	height:auto;
	box-sizing:border-box;
	border:1px solid #ddd;
	box-shadow:5px 5px 10px 5px rgba(0, 0, 0, 0.05);
	padding:3rem;
}
.rnd-view .top .row {
	margin-left:0;
	margin-right:0;
	align-items:center;
}
.rnd-view .top .row > .img {
	max-width:28rem;
	flex:0 0 28rem;
	-ms-flex:0 0 28rem;
}
.rnd-view .top .row > .txt {
	--width:calc(100% - 28rem);
	max-width:var(--width);
	flex:0 0 var(--width);
	-ms-flex:0 0 var(--width);
	box-sizing:border-box;
	padding-left:4rem;
}
.rnd-view .top .row > .txt > p {
	white-space:normal;
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	overflow:hidden;
}
.rnd-view .top .row > .txt > div {
	margin-top:2rem;
	padding-top:2rem;
	border-top:1px solid #ddd;
}
.rnd-view .top .row > .txt > div > dl {
	position:relative;
	height:auto;
}
.rnd-view .top .row > .txt > div > dl:after {
	content:"";
	display:block;
	clear:both;
}
.rnd-view .top .row > .txt > div > dl > dt,
.rnd-view .top .row > .txt > div > dl > dd {
	float:left;
}
.rnd-view .top .row > .txt > div > dl > dt {
	width:12rem;
}
.rnd-view .top .row > .txt > div > dl > dd {
	width:calc(100% - 12rem);
}
.rnd-view .top .row > .txt > div > dl > dt > i {
	position:relative;
	top:2px;
	margin-right:0.5rem;
}
@media (max-width: 991.98px) {
	.rnd-view .top .row > .img {
		max-width:22rem;
		flex:0 0 22rem;
		-ms-flex:0 0 22rem;
	}
	.rnd-view .top .row > .txt {
		--width:calc(100% - 22rem);
		padding-left:3rem;
	}
}
@media (max-width: 767.98px) {
	.rnd-view .top .row > .img {
		max-width:100%;
		flex:0 0 100%;
		-ms-flex:0 0 100%;
	}
	.rnd-view .top .row > .txt {
		--width:100%;
		padding-left:0;
	}
}


.rnd-view .mid .tab {
	margin-left:-5px;
	margin-right:-5px;
}
.rnd-view .mid .tab > div[class^='col-'] > a {
	display:block;
	text-align:center;
	color:#000;
	box-sizing:border-box;
	padding:1.5rem 0;
	border:1px solid #ddd;
}
.rnd-view .mid .tab > div[class^='col-'] > a.on {
	color:#fff;
	border:0;
	background:#2d6a91;
}
.rnd-view .mid .content {
	font-size:1.6rem;
	line-height:2;
	color:#000;
	font-weight:400;
}
.rnd-view .mid .content .line {
	display:block;
	width:100%;
	height:1px;
	background:#ddd;
	margin:4rem 0;
}
.rnd-view .mid .content .clr1 {
	color:#2d6a91;
}



/* 수행과제 대표성과 */
.result-wrap {
	overflow:hidden;
}
.result-wrap > div.container > .top {
	position:relative;
	height:auto;
	box-sizing:border-box;
	border:1px solid #ddd;
	box-shadow:5px 5px 10px 5px rgba(0, 0, 0, 0.05);
	padding:3rem;
}
.result-wrap > div.container > .top .row {
	align-items:center;
	justify-content:center;
}
.result-wrap > div.container > .top .row > p {
	margin-right:3rem;
}
.result-wrap > div.container > .top .row > select {
	width:60%;
	height:6rem;
	box-sizing:border-box;
	padding:1.5rem;
	border:1px solid #ccc;
	font-size:1.6rem;
}
.result-wrap > div.container > .top .row > button {
	width:12rem;
	height:6rem;
	text-align:center;
	background:#000;
	color:#fff;
	margin-left:0.5rem;
}
@media (max-width: 991.98px){
	.result-wrap > div.container > .top .row > p {
		margin-right:2rem;
	}
}
@media (max-width: 575.98px) {
	.result-wrap > div.container > .top {
		padding:2rem;
	}
	.result-wrap > div.container > .top .row > p {
		margin-right:1rem;
	}
	.result-wrap > div.container > .top .row > select {
		width:50%;
		height:5rem;
		padding:1rem;
	}
	.result-wrap > div.container > .top .row > button {
		width:8rem;
		height:5rem;
	}
}

.result-wrap .result-top > div > span {
	display:inline-block;
	margin-right:1.5rem;
}
.result-wrap .result-top > div > select {
	width:20rem;
	height:5rem;
	box-sizing:border-box;
	padding:1rem;
	border:1px solid #ccc;
	font-size:1.6rem;
}

.result-wrap .btnArea {
	text-align:right;
}
.result-wrap .btnArea > a {
	display:inline-block;
	width:18rem;
	height:5rem;
	line-height:5rem;
	text-align:center;
	background:#2d6a91;
	color:#fff;
}
@media (max-width: 575.98px) {
	.result-wrap .btnArea > a {
		width:100%;
	}
}

.result-list {
	border-collapse:separate;
	border-spacing:0;
	border-top:1px solid #ccc;
}

.result-list .btn-modify {
	display:inline-block;
	border:1px solid #ddd;
	box-sizing:border-box;
	padding:0.2rem 1rem;
	border-radius:4px;
	color:#222;
}
.result-list .btn-download {
	display:inline-block;
	border:1px solid #ddd;
	box-sizing:border-box;
	padding:0.2rem 1rem;
	border-radius:4px;
	color:#222;
}
.result-list > thead > tr > th,
.result-list > tbody > tr > td{
	box-sizing:border-box;
	padding:1.5rem 0;
	text-align:center;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	word-break:break-all;
	border-width:0 1px 1px 0;
}
.result-list > thead > tr > th:last-child,
.result-list > tbody > tr > td:last-child {
	border-right:0;
}
.result-list > thead > tr > th {
	background:#f7f7f7;
}
@media (max-width: 991.98px){
	.result-list {
		max-width:100%;
		box-sizing:border-box;
	}
	.result-list > thead > tr > th,
	.result-list > tbody > tr > td{
		padding:1.5rem;
	}
}


.result-list.type01 {
	border-top:0;
}
.result-list.type01 > .box {
	box-sizing:border-box;
	margin-bottom:3rem;
}
.result-list.type01 > .box > .row {
	margin-left:0;
	margin-right:0;
	border-left:1px solid #ddd;
}
.result-list.type01 > .box > .row:nth-of-type(1){
	border-top:1px solid #ddd;
}
.result-list.type01 > .box > .row > div[class^='col-'] {
	box-sizing:border-box;
	padding-left:0;
	padding-right:0;
}
.result-list.type01 > .box > .row > div[class^='col-'] > .row {
	margin-left:0;
	margin-right:0;
	height:100%;
}
.result-list.type01 > .box > .row > div[class^='col-'] > .row > div{
	box-sizing:border-box;
	padding-left:0;
	padding-right:0;
	border-right:1px solid #ddd;
	border-bottom:1px solid #ddd;
	padding:1rem 1.5rem;
}
.result-list.type01 > .box > .row > div[class^='col-'] > .row > div.top {
	background:#f7f7f7;
	font-weight:600;
	height:4.2rem;
}
.result-list.type01 > .box > .row > div[class^='col-'] > .row > div.btm {
	height:calc(100% - 4.2rem);
}
.result-list.type01 > .box > .row:nth-of-type(2) > div[class^='col-'],
.result-list.type01 > .box > .row:nth-of-type(3) > div[class^='col-'],
.result-list.type01 > .box > .row:nth-of-type(4) > div[class^='col-']{
	border-right:1px solid #ddd;
	border-bottom:1px solid #ddd;
	padding:1rem 1.5rem;
}
.result-list.type01 > .box > .row:nth-of-type(2) > div[class^='col-']:nth-of-type(1),
.result-list.type01 > .box > .row:nth-of-type(3) > div[class^='col-']:nth-of-type(1),
.result-list.type01 > .box > .row:nth-of-type(4) > div[class^='col-']:nth-of-type(1){
	background:#f7f7f7;
	font-weight:600;
}
@media (max-width: 991.98px) {
	.result-list.type01 > .box > .row > div[class^='col-'] > .row {
		height:auto;
	}
	.result-list.type01 > .box > .row > div[class^='col-'] > .row > div.top {
		height:auto;
	}
	.result-list.type01 > .box > .row > div[class^='col-'] > .row > div.btm {
		height:auto;
	}
}


.result_pop .result_pop_inner{
	margin-top:3rem;
	padding-top:2rem;
	border-top:1px solid #ddd;
}
.result_pop .result_pop_inner > dl {
	position:relative;
	height:auto;
	display:flex;
	flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	align-items:center;
}
.result_pop .result_pop_inner > dl:after {
	content:"";
	display:block;
	clear:both;
}
.result_pop .result_pop_inner > dl > dt,
.result_pop .result_pop_inner > dl > dd {
	float:left;
}
.result_pop .result_pop_inner > dl > dt {
	width:10rem;
}
.result_pop .result_pop_inner > dl > dd {
	width:calc(100% - 10rem);
	height:auto;
}
.result_pop .result_pop_inner > dl > dd > select {
	width:100%;
	height:5rem;
	border:1px solid #ddd;
	box-sizing:border-box;
	padding:1rem 1rem;
}
.result_pop .result_pop_inner > dl > dd > input {
	height:5rem;
	border:1px solid #ddd;
	box-sizing:border-box;
	padding:0 1.5rem;
}
.result_pop .result_pop_inner > dl > dd > input[type=file]{
	height:auto;
}
.result_pop .result_pop_inner > dl > dd > input#type-upload-button {
	height:auto;
}
.result_pop .result_pop_inner > dl > dd > textarea {
	border:1px solid #ddd;
	box-sizing:border-box;
	padding:1rem 1.5rem;
	line-height:1.6;
	width:100%;
	height:15rem;
	resize:none;
}
.result_pop .btnArea {
	margin-left:-5px;
	margin-right:-5px;
}
.result_pop .btnArea a.btn {
	display:inline-block;
	width:100%;
	box-sizing:border-box;
	padding:1.5rem 0;
	text-align:center;
}
.result_pop .btnArea a.btn.btn-ok {
	background:#2d6a91;
	color:#fff;
}
.result_pop .btnArea a.btn.btn-cancle {
	background:#b9b9b9;
	color:#fff;
}
@media (max-width: 575.98px) {
	.result_pop .result_pop_inner > dl > dt {
		width:8rem;
	}
	.result_pop .result_pop_inner > dl > dd {
		width:calc(100% - 8rem);
		height:auto;
	}
	.result_pop .result_pop_inner > dl > dd > select {
		height:4rem;
		padding:0.5rem 1rem;
	}
	.result_pop .result_pop_inner > dl > dd > input {
		height:4rem;
		padding:1rem 1.5rem;
	}
	.result_pop .result_pop_inner > dl > dd > textarea {
		padding:1rem 1.5rem;
		height:8rem;
	}
	.result_pop .result_pop_inner .fileBox.fileBox_board {
		height:4rem;
	}
	.result_pop .result_pop_inner .fileBox.fileBox_board .btn_file {
		font-size:1.4rem;
	}
	.result_pop .result_pop_inner .fileBox.fileBox_board .btn_file > span {
		height:4rem;
		line-height:4rem;
	}
	.result_pop .result_pop_inner .fileBox.fileBox_board .fileName {
		font-size:1.4rem;
		padding:5px 130px 5px 10px;
	}
}

/* gvc-wrap */
.gvc-wrap .tab {
	width:60%;
	margin:0 auto;
}
.gvc-wrap .tab > div[class^='col-'] > a {
	box-sizing:border-box;
	padding:1.8rem 0;
	text-align:center;
	display:block;
	border:1px solid #ddd;
	border-left:0;
	color:#000;
}
.gvc-wrap .tab > div[class^='col-']:first-child > a {
	border-left:1px solid #ddd;
}
.gvc-wrap .tab > div[class^='col-'] > a.on {
	background:#000;
	color:#fff;
}
@media (max-width: 991.98px) {
	.gvc-wrap .tab {
		width:100%;
	}
	.gvc-wrap .tab > div[class^='col-'] > a {
		padding:1.5rem 0;
	}
}


.gvc-wrap .inner {
	position:relative;
	height:auto;
	max-height:68.1rem;
	overflow-y:auto;
}
.gvc-wrap .gvc-list {
	height:auto;
}
.gvc-wrap .gvc-list > dl {
	position:relative;
	height:auto;
}
.gvc-wrap .gvc-list > dl > dt,
.gvc-wrap .gvc-list > dl > dd {
	position:relative;
	height:auto;
	box-sizing:border-box;
	padding:2rem 3rem;
	border-bottom:1px solid #ddd;
}
.gvc-wrap .gvc-list > dl:first-child > dt {
	border-top:1px solid #000;
}
.gvc-wrap .gvc-list > dl > dt {
	cursor:pointer;
	padding-left:6rem;
}
.gvc-wrap .gvc-list > dl > dt.on {
	color:#4797ca;
	border:2px solid #4797ca;
}
.gvc-wrap .gvc-list > dl > dt:before {
	content: "\e917";
	font-family:'xeicon';
	position:absolute;
	left:3rem;
	top:50%;
	transform:translateY(-50%);
	font-size:2rem;
	font-weight:400;
	color:#777;
}
.gvc-wrap .gvc-list > dl > dt.on:before {
	 content: "\e91e";
	 color:#4797ca;
}
.gvc-wrap .gvc-list > dl > a.btn{
	position:absolute;
	right:3rem;
	top:2rem;
	display:inline-block;
	box-sizing:border-box;
	padding:0.5rem 0;
	text-align:center;
	color:#000;
	border:1px solid #ddd;
	width:7.2rem;
	z-index:100;
}
.gvc-wrap .gvc-list > dl:nth-child(even) > dt {
	background:#f7f7f7;
}
.gvc-wrap .gvc-list > dl > dd {
	display:none;
	background:#e7e7e7;
	line-height:1.8;
}
.gvc-wrap .gvc-list > dl > dd.on {
	display:block;
}
@media (max-width: 991.98px) {
	.gvc-wrap .gvc-list > dl > dt,
	.gvc-wrap .gvc-list > dl > dd {
		padding:2rem 2rem;
	}
	.gvc-wrap .gvc-list > dl > dt > a.btn{
		right:2rem;
		width:6.2rem;
	}
	.gvc-wrap .gvc-list > dl > dt {
		padding-left:5rem;
	}
	.gvc-wrap .gvc-list > dl > dt:before {
		left:2rem;
	}
}

/* gvc-pop */
.gvc-pop-wrap {
	position:absolute;
	width:calc(100% - 10rem);
	top:4rem;
	left:50%;
	transform:translateX(-50%);
	background:#fff;
	border:1px solid #000;
	box-sizing:border-box;
	box-shadow:5px 3px 5px rgb(0 0 0 / 20%);
	z-index:100;
	display:none;
}
.gvc-pop-wrap > .btn-close {
	position:absolute;
	right:3rem;
	top:3rem;
	color:#000;
	z-index:200;
}
.gvc-pop-wrap > .inner-content{
	position:relative;
	height:auto;
	padding:9rem 3rem;
	box-sizing:border-box;
}
@media (max-width: 991.98px) {
	.gvc-pop-wrap {
		width:calc(100% - 4rem);
		top:3rem;
	}
	.gvc-pop-wrap > .btn-close {
		right:2rem;
		top:2rem;
	}
	.gvc-pop-wrap > .inner-content{
		padding:6rem 2rem;
	}
}
.gvc-pop-wrap .inner-content > p:nth-of-type(2){
	text-align:right;
	color:#777;
}
.gvc-pop-wrap .inner-content .clr1 {
	color:#4797ca;
}
.gvc-pop-wrap .inner-content .clr2 {
	color:#ff8400;
}
.gvc-pop-wrap .inner-content .table-wrap {
	position:relative;
	width:100%;
	height:auto;
	overflow-x:auto;
}
.gvc-pop-wrap .inner-content table {
	border-collapse:separate;
	border-spacing:0;
	border-top:1px solid #ddd;
	min-width:1200px;
}
.gvc-pop-wrap .inner-content table th,
.gvc-pop-wrap .inner-content table td {
	text-align:center;
	box-sizing:border-box;
	padding:1.5rem 0;
	font-size:1.6rem;
	border-right:1px solid #ddd;
	border-bottom:1px solid #ddd;
	border-width:0 1px 1px 0;
}
.gvc-pop-wrap .inner-content table th:last-child,
.gvc-pop-wrap .inner-content table td:last-child{
	border-right:0;
}
.gvc-pop-wrap .inner-content table th {
	background:#f7f7f7;
}
.gvc-pop-wrap .inner-content table td {
	border-top:0;
}
.gvc-pop-wrap .inner-content table th.year2021,
.gvc-pop-wrap .inner-content table td.year2021{
	background:#f1e9f2;
}
.gvc-pop-wrap .inner-content table th.year2022,
.gvc-pop-wrap .inner-content table td.year2022{
	background:#f0f5fe;
}
@media (max-width: 991.98px) {
	.gvc-pop-wrap .inner-content table {
		min-width:800px;
	}
}
@media (max-width: 575.98px) {
	.gvc-pop-wrap .inner-content table th,
	.gvc-pop-wrap .inner-content table td {
		font-size:1.4rem;
	}
}


.gvc-info-wrap section.sec02 .row {
	width:100%;
	margin-left:0;
	margin-right:0;
}
.gvc-info-wrap section.sec02 .row > div {
	--width:calc(25% - 3rem);
	max-width:var(--width);
	flex:0 0 var(--width);
	-ms-flex:0 0 var(--width);
	margin-right:4rem;
	text-align:center;
}
.gvc-info-wrap section.sec02 .row > div:last-child {
	margin-right:0;
}

@media (max-width: 991.98px) {
	.gvc-info-wrap section.sec02 .row > div {
		--width:calc(50% - 1.5rem);
		max-width:var(--width);
		flex:0 0 var(--width);
		-ms-flex:0 0 var(--width);
		margin-right:3rem;
		text-align:center;
	}
	.gvc-info-wrap section.sec02 .row > div:nth-of-type(2) {
		margin-right:0;
	}
}
.gvc-info-wrap section.sec02 dl > dd > dl > dt {
	color:#2d6a91;
}
.gvc-info-wrap section.sec02 dl > dd > p{
	color:#777;
}
@media (max-width: 991.98px) {
	.gvc-info-wrap section.sec02 dl > dd > dl {
		padding-top:3rem;
		border-top:1px dashed #ddd;
	}
	.gvc-info-wrap section.sec02 dl > dd > dl:nth-of-type(1) {
		padding-top:0;
		border-top:0;
	}
}

/* mobal 공통*/
.modal-open .modal {
	padding-right:0 !important;
}
.modal-content {
	border-radius:0;
}
.modal-content .inner-content {
	box-sizing:border-box;
	padding:6rem 4rem;
	box-shadow:5px 3px 5px rgb(0 0 0 / 20%);
}
.btn-danger {
	background:#4797ca;
	border:0;
	border-radius:0;
	padding:0.5rem 0;
	font-size:2rem;
}
.btn-danger:hover,
.btn-danger:focus {
	background:#4797ca;
}
@media (min-width: 576px) {
	.modal-dialog {
		max-width:698px;
	}
	.btn-danger {
		position:absolute;
		top:0;
		right:-4.8rem;
		width:4.8rem;
		height:4.8rem;
		background:#4797ca;
		border:0;
		box-shadow:5px 3px 5px rgb(0 0 0 / 20%);
		border-radius:0;
		font-size:2rem;
		z-index:1;
	}
	
}
@media (max-width: 575.98px) {
	.modal-content .inner-content {
		padding:3rem 2rem;
	}
}


/* OLED 통계 */

.statistics-wrap .sec01 > p {
	text-align:right;
	padding-right:17px;
}
.table-wrpper {
	position:relative;
	width:100%;
	height:auto;
	overflow-x:auto;
	overflow-y:hidden;
}

.table-wrpper .table-wrap {
	position:relative;
	width:100%;
	height:506px;
	box-sizing:border-box;
	overflow-y:auto;
	overflow-x:hidden;
}
.table-wrpper .table-head {
	position:relative;
	width:100%;
	box-sizing:border-box;
	padding-right:17px;
}
.table-wrpper table.fixed {
	position:relative;
	top:0;
	left:0;
}
.table-wrpper table {
	border-collapse:separate;
	border-spacing:0;
	min-width:1200px;
	width:100%;
	border-top:1px solid #ddd;
}
.table-wrpper table th,
.table-wrpper table td {
	text-align:center;
	box-sizing:border-box;
	padding:1.5rem 1rem;
	font-size:1.3rem;
	border-right:1px solid #ddd;
	border-bottom:1px solid #ddd;
	border-width:0 1px 1px 0;
}
.table-wrpper table td.up {
	color:#0c91dd !important;
}
.table-wrpper table td.down {
	color:#ff8400 !important
}
.table-wrpper table th:last-child,
.table-wrpper table td:last-child{
	border-right:0;
}
.table-wrpper table th {
	background:#f7f7f7;
}
.table-wrpper table td {
	border-top:0;
}
.table-wrpper table th.year2021,
.table-wrpper table td.year2021{
	background:#f1e9f2;
}
.table-wrpper table th.year2022,
.table-wrpper table td.year2022{
	background:#f0f5fe;
}
@media (max-width: 991.98px) {
	.table-wrpper table {
		min-width:1000px;
	}
	.table-wrpper .table-wrap {
		width:1000px;
		height:380px;
	}
	.table-wrpper .table-head {
		width:1000px;
	}
	.statistics-wrap .sec01 > p {
		padding-right:0;
	}
}
@media (max-width: 575.98px) {
	.table-wrpper table th,
	.table-wrpper table td {
		font-size:1.2rem;
	}
}


@media (max-width: 991.98px) {
	.process-wrap .sec01 .img-box {
		position:relative;
		width:100%;
		height:auto;
		overflow-x:auto;
	}
	.process-wrap .sec01 .img-box > img {
		min-width:900px;
	}
}