/*
	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';


/* 공통 */
.sub-content-wrap {
	position:relative;
	height:auto;
}




/**************** competition-list ****************/

/* sec01 */
.competition-wrap > div > .sec01 {
	position:relative;
	margin:0 auto;
	/*max-width:120rem;*/
}
.competition-wrap > div > .sec01 > .row > div[class^='col-'] {
	border:1px solid #ddd;
	border-right:0;
}
.competition-wrap > div > .sec01 > .row > div[class^='col-']:last-child {
	border-right:1px solid #ddd;
}
.competition-wrap > div > .sec01 > .row > div[class^='col-'] > a {
	display:block;
	position:relative;
	width:100%;
	height:100%;
	box-sizing:border-box;
	text-align:center;
	color:#222;
	padding:2rem 0;
}
.competition-wrap > div > .sec01 > .row > div[class^='col-'] > a:hover,
.competition-wrap > div > .sec01 > .row > div[class^='col-'] > a:focus,
.competition-wrap > div > .sec01 > .row > div[class^='col-'] > a.on {
	background:#11579f;
	color:#fff;
}
.competition-wrap > div > .sec01 > .row > div[class^='col-'] > a:hover:after,
.competition-wrap > div > .sec01 > .row > div[class^='col-'] > a:focus:after,
.competition-wrap > div > .sec01 > .row > div[class^='col-'] > a.on:after {
	content:"";
	position:absolute;
	left:50%;
	bottom:-7px;
	width:14px;
	height:14px;
	background:#11579f;
	transform:rotate(45deg);
	margin-left:-7px;
	z-index:1;
}
.competition-wrap > div > .sec01 > .row > div[class^='col-'] > a > p {
	position:relative;
	height:auto;
	display:inline-block;
}
.competition-wrap > div > .sec01 > .row > div[class^='col-'] > a > p:after {
	content:"";
	position:absolute;
	width:6px;
	height:6px;
	border-radius:50%;
	right:-12px;
	top:3px;
	background:#fff;
}
.competition-wrap > div > .sec01 > .sch-wrap .sch-box > dl {
	position:relative;
	display:flex;
	box-sizing:border-box;
	padding:1rem 3rem;
	border-bottom:1px solid #ddd;
	align-items:center;
}
.competition-wrap > div > .sec01 > .sch-wrap .sch-box > dl:first-child {
	border-top:2px solid #222;
}
.competition-wrap > div > .sec01 > .sch-wrap .sch-box > dl > dt {
	width:16rem;
}
.competition-wrap > div > .sec01 > .sch-wrap .sch-box > dl > dd {
	width:calc(100% - 16rem);
	height:5rem;
}
.competition-wrap > div > .sec01 > .sch-wrap .sch-box > dl > dd > .row {
	margin:0;
	height:100%;
	align-items:center;
}
.competition-wrap > div > .sec01 > .sch-wrap .sch-box > dl > dd > .row > div[class^='col-'] {
	margin-right:4rem;
}
.competition-wrap > div > .sec01 > .sch-wrap .sch-box > dl > dd > .row > div[class^='col-']:last-child {
	margin-right:0;
}
.competition-wrap > div > .sec01 > .sch-wrap .sch-box > dl > dd > .row > div[class^='col-'] > input[type=checkbox]{
	margin-right:0.5rem;
	width:22px;
	height:22px;
}
.competition-wrap > div > .sec01 > .sch-wrap .sch-box > dl > dd > .row > div[class^='col-'] > label {
	position:relative;
	top:-5px;
}
.competition-wrap > div > .sec01 > .sch-wrap .sch-box > dl.sch > dd > .row > div[class^='col-'] {
	height:100%;
}
.competition-wrap > div > .sec01 > .sch-wrap .sch-box > dl.sch > dd > .row > div[class^='col-'] > input[type=text] {
	width:100%;
	height:5rem;
	border:1px solid #ddd;
}
.competition-wrap > div > .sec01 > .sch-wrap .sch-box > dl.sch > dd > .row > div[class^='col-']:nth-of-type(1){
	margin-right:1rem;
	width:calc(100% - 25rem);
}
.competition-wrap > div > .sec01 > .sch-wrap .sch-box > dl.sch > dd > .row > div[class^='col-']:nth-of-type(2){
	width:24rem;
}
.competition-wrap > div > .sec01 > .sch-wrap .sch-box > dl.sch > dd > .row > div[class^='col-'] > a {
	display:block;
	width:100%;
	height:100%;
	background:#222;
	color:#fff;
	line-height:5rem;
	text-align:center;
	box-sizing:border-box;
}

.competition-wrap .btn-area {
	text-align:center;
}
.competition-wrap .btn-area > a {
	display:inline-block;
	box-sizing:border-box;
	margin:0 0.3rem;
	width:19rem;
	height:6rem;
	color:#222;
	text-align:center;
	border:1px solid #ccc;
	line-height:6rem;
}
.competition-wrap .btn-area > a > i {
	position:relative;
	top:2px;
	font-size:2rem;
}
.competition-wrap .btn-area > a.btn-up.on > i {
	color:#e94e2e;
}
.competition-wrap .btn-area > a.btn-prev{
	background:#004b98;
	color:#fff;
	border:0;
}

.competition-wrap .filter_type{
	display:flex;
	gap:0 10px;
}
.competition-wrap .filter_type a{
	display:flex;
	align-items: center;
	justify-content: center;
	height:5.5rem;
	width:50%;
	max-width:20rem;
	font-size:2rem;
	color:#222;
	font-weight:600;
	background:#eee;
	border-radius:5px;
}
.competition-wrap .filter_type a.is-active{
	background:#004b98;
	color:#fff;
}
.conditional_search.date{
	flex-wrap: nowrap;
}
.conditional_search.date > .datepicker{
	position:relative;
}
.conditional_search.date > .datepicker::before{
	content:"";
	font-family:'xeicon' !important;
	position:absolute;
	right:1rem;
	top:50%;
	transform: translateY(-50%);
	font-size:2.2rem;
	opacity:.5;
}
.conditional_search.date .frm_input{
	width:100% !important;
}


@media (max-width: 991.98px) {
	.competition-wrap .btn-area > a {
		width:18rem;
	}
}

@media (max-width: 991.98px) {
	.competition-wrap > div > .sec01 > .row > div[class^='col-'] {
		border:1px solid #ddd;
		border-right:0;
	}
	.competition-wrap > div > .sec01 > .row > div[class^='col-']:nth-child(2n) {
		border-right:1px solid #ddd;
	}
	.competition-wrap > div > .sec01 > .row > div[class^='col-']:nth-of-type(3),
	.competition-wrap > div > .sec01 > .row > div[class^='col-']:nth-of-type(4) {
		border-top:0;
	}
	.competition-wrap > div > .sec01 > .sch-wrap .sch-box > dl > dt {
		width:11rem;
	}
	.competition-wrap > div > .sec01 > .sch-wrap .sch-box > dl > dd {
		width:calc(100% - 11rem);
		height:auto;
	}
	.competition-wrap > div > .sec01 > .sch-wrap .sch-box > dl > dd > .row > div[class^='col-'] {
		margin-right:0;
		width:50%;
		margin:1.5px 0;
	}
	.competition-wrap > div > .sec01 > .sch-wrap .sch-box > dl > dd > .row > div[class^='col-'] > input[type=checkbox]{
		margin-right:0.5rem;
		width:22px;
		height:22px;
	}
	.competition-wrap > div > .sec01 > .sch-wrap .sch-box > dl > dd > .row > div[class^='col-'] > label {
		position:relative;
		top:-6px;
	}
	.competition-wrap > div > .sec01 > .sch-wrap .sch-box > dl.sch > dd > .row > div[class^='col-']:nth-of-type(1){
		margin-right:1rem;
		width:calc(70% - 1rem);
	}
	.competition-wrap > div > .sec01 > .sch-wrap .sch-box > dl.sch > dd > .row > div[class^='col-']:nth-of-type(2){
		width:30%;
	}
}

/* sec02 */
.competition-wrap > div > .sec02 > .brd-wrap > .brd-top {
	position:relative;
	height:54px;
	text-align:right;
}
.competition-wrap > div > .sec02 > .brd-wrap > .brd-top:after {
	content:"";
	display:block;
	clear:both;
}
.competition-wrap > div > .sec02 > .brd-wrap > .brd-top > a {
	display:inline-block;
	box-sizing:border-box;
	padding:1.2rem 3rem;
	color:#fff;
	height:100%;
	background:#e94e2e;
	border-radius:8px;
	float:right;
}
.competition-wrap > div > .sec02 > .brd-wrap > .brd-top > a > span {
	display:inline-block;
	position:relative;
}
.competition-wrap > div > .sec02 > .brd-wrap > .brd-top > a > span:after {
	content:"";
	position:absolute;
	width:6px;
	height:6px;
	border-radius:50%;
	right:-12px;
	top:3px;
	background:#f4a70b;
}
.competition-wrap > div > .sec02 > .brd-wrap > .brd-top > .cont {
	display:inline-block;
	height:100%;
	box-sizing:border-box;
	padding-top:1.5rem;
	font-size:1.4rem;
}
.competition-wrap > div > .sec02 > .brd-wrap > .brd-top > .cont > p > span > strong {
	color:#f00;
}
.competition-wrap > div > .sec02 > .brd-wrap > .brd-top > .process {
	position:absolute;
	left:0;
	top:0;
	width:36rem;
	height:auto;
}
.competition-wrap > div > .sec02 > .brd-wrap > .brd-top > .process > div[class^='col-'] {
	width:25%;
	position:relative;
	height:auto;
	text-align:center;
}
.competition-wrap > div > .sec02 > .brd-wrap > .brd-top > .process > div[class^='col-']:after {
	content:"\ea3e";
	font-family:"xeicon";
	position:absolute;
	right:-1.5rem;
	top:50%;
	transform:translateY(-50%);
	font-size:3rem;
	color:#ddd;
}
.competition-wrap > div > .sec02 > .brd-wrap > .brd-top > .process > div[class^='col-']:last-child:after{
	display:none;
}
.competition-wrap > div > .sec02 > .brd-wrap > .brd-top > .process > div[class^='col-'] > a {
	display:inline-block;
	text-align:center;
	color:#222;
}


.competition-wrap > div > .sec02 > .brd-wrap > .brd-top > .process > div[class^='col-'] > a.on {
	color:#11579f;
}
.competition-wrap > div > .sec02 > .brd-wrap > .brd-top > .process > div[class^='col-'] > a > p {
	width:100%;
}
.competition-wrap > div > .sec02 > .brd-wrap > .brd-top > .process > div[class^='col-'] > a > p:nth-of-type(1) {
	position:relative;
	width:100%;
	height:34px;
}
.competition-wrap > div > .sec02 > .brd-wrap > .brd-top > .process > div[class^='col-']:nth-of-type(1) > a > p:nth-of-type(1) {
	background:url('../_img/sub/sub02_01_sec02_process_icon01.png') no-repeat center bottom;
}
.competition-wrap > div > .sec02 > .brd-wrap > .brd-top > .process > div[class^='col-']:nth-of-type(2) > a > p:nth-of-type(1) {
	background:url('../_img/sub/sub02_01_sec02_process_icon02.png') no-repeat center bottom;
}
.competition-wrap > div > .sec02 > .brd-wrap > .brd-top > .process > div[class^='col-']:nth-of-type(3) > a > p:nth-of-type(1) {
	background:url('../_img/sub/sub02_01_sec02_process_icon03.png') no-repeat center bottom;
}
.competition-wrap > div > .sec02 > .brd-wrap > .brd-top > .process > div[class^='col-']:nth-of-type(4) > a > p:nth-of-type(1) {
	background:url('../_img/sub/sub02_01_sec02_process_icon04.png') no-repeat center bottom;
}
.competition-wrap > div > .sec02 > .brd-wrap > .brd-top > .process > div[class^='col-']:nth-of-type(1) > a.on > p:nth-of-type(1) {
	background:url('../_img/sub/sub02_01_sec02_process_icon01_on.png') no-repeat center bottom;
}
.competition-wrap > div > .sec02 > .brd-wrap > .brd-top > .process > div[class^='col-']:nth-of-type(2) > a.on > p:nth-of-type(1) {
	background:url('../_img/sub/sub02_01_sec02_process_icon02_on.png') no-repeat center bottom;
}
.competition-wrap > div > .sec02 > .brd-wrap > .brd-top > .process > div[class^='col-']:nth-of-type(3) > a.on > p:nth-of-type(1) {
	background:url('../_img/sub/sub02_01_sec02_process_icon03_on.png') no-repeat center bottom;
}
.competition-wrap > div > .sec02 > .brd-wrap > .brd-top > .process > div[class^='col-']:nth-of-type(4) > a.on > p:nth-of-type(1) {
	background:url('../_img/sub/sub02_01_sec02_process_icon04_on.png') no-repeat center bottom;
}


.competition-wrap > div > .sec02 > .brd-wrap > .brd-top > .process.rank{
	width:auto;
}
.competition-wrap > div > .sec02 > .brd-wrap > .brd-top > .process.rank > div[class^='col-']{
	width:50px;
}
.competition-wrap > div > .sec02 > .brd-wrap > .brd-top > .process.rank > div[class^='col-']::after{
	display:none;
}
.competition-wrap > div > .sec02 > .brd-wrap > .brd-top > .process.rank > div[class^='col-'] > a.rank_href p:nth-child(1){
	width:30px;
	height:30px;
	margin:0 auto;
}
.competition-wrap > div > .sec02 > .brd-wrap > .brd-top > .process.rank > div[class^='col-']:nth-child(1) > a.rank_href p:nth-child(1){
	background:url(../_img/icon/rank1.png) no-repeat center center / cover;
}
.competition-wrap > div > .sec02 > .brd-wrap > .brd-top > .process.rank > div[class^='col-']:nth-child(1) > a.rank_href.on p:nth-child(1){
	background:url(../_img/icon/rank1_on.png) no-repeat center center / cover;
}
.competition-wrap > div > .sec02 > .brd-wrap > .brd-top > .process.rank > div[class^='col-']:nth-child(2) > a.rank_href p:nth-child(1){
	background:url(../_img/icon/rank2.png) no-repeat center center / cover;
}
.competition-wrap > div > .sec02 > .brd-wrap > .brd-top > .process.rank > div[class^='col-']:nth-child(2) > a.rank_href.on p:nth-child(1){
	background:url(../_img/icon/rank2_on.png) no-repeat center center / cover;
}
.competition-wrap > div > .sec02 > .brd-wrap > .brd-top > .process.rank > div[class^='col-']:nth-child(3) > a.rank_href p:nth-child(1){
	background:url(../_img/icon/rank3.png) no-repeat center center / cover;
}
.competition-wrap > div > .sec02 > .brd-wrap > .brd-top > .process.rank > div[class^='col-']:nth-child(3) > a.rank_href.on p:nth-child(1){
	background:url(../_img/icon/rank3_on.png) no-repeat center center / cover;
}
.competition-wrap > div > .sec02 > .brd-wrap > .brd-top > .process.rank > div[class^='col-']:nth-child(4) > a.rank_href p:nth-child(1){
	background:url(../_img/icon/rank4.png) no-repeat center center / cover;
}
.competition-wrap > div > .sec02 > .brd-wrap > .brd-top > .process.rank > div[class^='col-']:nth-child(4) > a.rank_href.on p:nth-child(1){
	background:url(../_img/icon/rank4_on.png) no-repeat center center / cover;
}



@media (max-width: 1199.98px) {
	.competition-wrap > div > .sec02 > .brd-wrap > .brd-top {
		height:auto;
		text-align:center;
	}
	.competition-wrap > div > .sec02 > .brd-wrap > .brd-top > a {
		width:100%;
		padding:1.6rem 3rem;
		text-align:center;
	}
	.competition-wrap > div > .sec02 > .brd-wrap > .brd-top > .process {
		position:relative;
		width:100%;
		margin:0;
	}
	.competition-wrap > div > .sec02 > .brd-wrap > .brd-top > .cont {
		display:inline-block;
		height:100%;
		box-sizing:border-box;
		padding-top:2rem;
	}
	.rank_row{
		position:relative;
		justify-content: center;
		transform: translateY(0%);
	}
}
@media (max-width: 991.98px) {
	/*
	.competition-wrap > div > .sec02 > .brd-wrap > .brd-top {
		height:auto;
		text-align:left;
	}
	.competition-wrap > div > .sec02 > .brd-wrap > .brd-top > a {
		width:100%;
		padding:1.6rem 3rem;
		text-align:center;
	}
	.competition-wrap > div > .sec02 > .brd-wrap > .brd-top > .process {
		position:relative;
		width:100%;
		margin:0;
	}
	.competition-wrap > div > .sec02 > .brd-wrap > .brd-top > .cont {
		display:inline-block;
		height:100%;
		box-sizing:border-box;
		padding-top:4rem;
	}
	*/
	.competition-wrap > div > .sec02 > .brd-wrap > .brd-top > .process.rank{
		justify-content: center;
	}
}
@media (max-width: 575.98px) {

}

.competition-wrap > div > .sec02 > .brd-wrap > .brd-top > .refresh {
	display:inline-block;
	margin-right:15px;
}
.competition-wrap > div > .sec02 > .brd-wrap > .brd-top > .refresh > a {
	color:#333;
	text-align:center;
	font-size:1.4rem;
	display:inline-block;
	box-sizing:border-box;
	padding:5px 10px;
	border:1px solid #ccc;
	border-radius:4px;
}
.competition-wrap > div > .sec02 > .brd-wrap > .brd-top > .refresh > a > i{
	font-size:1.6rem;
	color:#444;
	position:relative;
	top:1px;
	margin-right:3px;
}
@media (max-width: 767.98px) {
	.competition-wrap > div > .sec02 > .brd-wrap > .brd-top > .refresh {
		display:block;
		margin-right:0;
	}
}


.competition-wrap > div > .sec02 > .brd-wrap > .brd-middle {
	border-top:2px solid #222;
}
.competition-wrap > div > .sec02 > .brd-wrap > .brd-middle > .util-box {
	position:relative;
	height:auto;
	width:220px;
	padding-left:0;
	list-style:none;
}
.competition-wrap > div > .sec02 > .brd-wrap > .brd-middle > .util-box > li {
	position:relative;
	float:left;
	margin-right:1.5rem;
	padding-right:1.5rem;
}
.competition-wrap > div > .sec02 > .brd-wrap > .brd-middle > .util-box:after {
	content:"";
	display:block;
	clear:both;
}
.competition-wrap > div > .sec02 > .brd-wrap > .brd-middle > .util-box > li:nth-of-type(1):after{
	content:"";
	position:absolute;
	right:0;
	top:50%;
	width:1px;
	height:10px;
	margin-top:-4px;
	background:#ddd;
}
.competition-wrap > div > .sec02 > .brd-wrap > .brd-middle > .util-box > li > a {
	position:relative;
	font-family:'돋움', 'dotum', sansserf;
	color:#999;
	font-size:11px;
}
.competition-wrap > div > .sec02 > .brd-wrap > .brd-middle > .util-box > li > a.on {
	padding-left:2rem;
	color:#222;
}
.competition-wrap > div > .sec02 > .brd-wrap > .brd-middle > .util-box > li > a.on:before {
	content:"\e929";
	font-family:"xeicon";
	position:absolute;
	left:0;
	top:-1rem;
	font-size:2rem;
	color:#11579f;
}

.competition-wrap > div > .sec02 > .brd-wrap > .brd-middle > .list > div[class^='col-'] {
	margin-bottom:5rem;
}
.competition-wrap > div > .sec02 > .brd-wrap > .brd-middle > .list > div[class^='col-'] > .inner {
	position:relative;
	background:#fff;
	box-shadow:3px 0 20px rgba(0,0,0,0.2);
	box-sizing:border-box;
	padding-bottom:3rem;
}
.competition-wrap > div > .sec02 > .brd-wrap > .brd-middle > .list > div[class^='col-'] > .inner > div.img-box {
	position:relative;
	height:auto;
}

.competition-wrap > div > .sec02 > .brd-wrap > .brd-middle > .list > div[class^='col-'] > .inner > div.img-box > .rank {
	position:absolute;
	left:9.6rem;
	top:0;
	/*width:3.6rem;*/
	padding:0 1rem;
	line-height:3.6rem;
	text-align:center;
	height:3.6rem;
	background:#777;
	font-size:1.4rem;
	color:#fff;
}
.competition-wrap > div > .sec02 > .brd-wrap > .brd-middle > .list > div[class^='col-'] > .inner > div.img-box > .rank.rank1{
	background:#f4bd57;
}
.competition-wrap > div > .sec02 > .brd-wrap > .brd-middle > .list > div[class^='col-'] > .inner > div.img-box > .rank.rank2{
	background:#bfbfbf;
}
.competition-wrap > div > .sec02 > .brd-wrap > .brd-middle > .list > div[class^='col-'] > .inner > div.img-box > .rank.rank3{
	background:#e8905c;
}



.competition-wrap > div > .sec02 > .brd-wrap > .brd-middle > .list > div[class^='col-'] > .inner > div.img-box > .step {
	position:absolute;
	left:0;
	top:0;
	width:9.6rem;
	height:3.6rem;
	background:#222;
	font-size:1.4rem;
	color:#fff;
}
.competition-wrap > div > .sec02 > .brd-wrap > .brd-middle > .list > div[class^='col-'] > .inner > div.img-box > .step:before{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	text-align:center;
	line-height:3.6rem;
}
.competition-wrap > div > .sec02 > .brd-wrap > .brd-middle > .list > div[class^='col-'] > .inner > div.img-box > .step.step00:before {
	content:"불채택";
	background:#222;
}
.competition-wrap > div > .sec02 > .brd-wrap > .brd-middle > .list > div[class^='col-'] > .inner > div.img-box > .step.step01:before {
	content:"검토중";
	background:#23b0ce;
}
.competition-wrap > div > .sec02 > .brd-wrap > .brd-middle > .list > div[class^='col-'] > .inner > div.img-box > .step.step02:before {
	content:"1차선정";
	background:#fcac0b;
}
.competition-wrap > div > .sec02 > .brd-wrap > .brd-middle > .list > div[class^='col-'] > .inner > div.img-box > .step.step03:before {
	content:"2차선정";
	background:#1e8dcd;
}
.competition-wrap > div > .sec02 > .brd-wrap > .brd-middle > .list > div[class^='col-'] > .inner > div.img-box > .step.step04:before {
	content:"최종선정";
	background:#004b98;
}
.competition-wrap > div > .sec02 > .brd-wrap > .brd-middle > .list > div[class^='col-'] > .inner > div.txt-box {
	box-sizing:border-box;
	padding:2rem 3rem;
	width:100%;
}
.competition-wrap > div > .sec02 > .brd-wrap > .brd-middle > .list > div[class^='col-'] > .inner > div.txt-box > p{
	height:5.8rem;
	overflow:hidden;
	display:-webkit-box;
	display:box;
	white-space:normal;
	text-overflow:ellipsis;
	word-break:break-all;
	-webkit-line-clamp: 2;
	-webkit-box-orient:vertical;
}
.competition-wrap > div > .sec02 > .brd-wrap > .brd-middle > .list > div[class^='col-'] > .inner > div.txt-box > p > span {
	color:#004b98;
}
.competition-wrap > div > .sec02 > .brd-wrap > .brd-middle > .list > div[class^='col-'] > .inner > div.util-box {
	position:relative;
	height:auto;
	box-sizing:border-box;
	padding:0 3rem;
}
.competition-wrap > div > .sec02 > .brd-wrap > .brd-middle > .list > div[class^='col-'] > .inner > div.util-box > div {
	float:left;
	color:#999;
	margin-right:1.5rem;
}
.competition-wrap > div > .sec02 > .brd-wrap > .brd-middle > .list > div[class^='col-'] > .inner > div.util-box > div > i {
	position:relative;
	top:3px;
	margin-right:0.5rem;
}
.competition-wrap > div > .sec02 > .brd-wrap > .brd-middle > .list > div[class^='col-'] > .inner > div.util-box > div:nth-of-type(1) > i {
	top:1px;
}
.competition-wrap > div > .sec02 > .brd-wrap > .brd-middle > .list > div[class^='col-'] > .inner > div.util-box:after{
	content:"";
	display:block;
	clear:both;
}
.competition-wrap > div > .sec02 > .brd-wrap > .brd-middle > .list > div[class^='col-'] > .inner > div.heart-box {
	position:absolute;
	width:3rem;
	height:3rem;
	right:2.5rem;
	bottom:2.5rem;
}
.competition-wrap > div > .sec02 > .brd-wrap > .brd-middle > .list > div[class^='col-'] > .inner > div.heart-box > a {
	position:relative;
	display:block;
	width:100%;
	height:100%;
}
.competition-wrap > div > .sec02 > .brd-wrap > .brd-middle > .list > div[class^='col-'] > .inner > div.heart-box > a:before {
	content:"\ea28";
	font-family:"xeicon";
	font-size:3rem;
	position:absolute;
	left:0;
	top:0;
	color:#666;
	line-height:1;
}
.competition-wrap > div > .sec02 > .brd-wrap > .brd-middle > .list > div[class^='col-'] > .inner > div.heart-box > a.on:before{
	content:"\ea28";
	color:#fe3333;
}
@media (max-width: 991.98px) {
	.competition-wrap > div > .sec02 > .brd-wrap > .brd-middle > .list > div[class^='col-'] {
		margin-bottom:3rem;
	}
	.competition-wrap > div > .sec02 > .brd-wrap > .brd-middle > .list > div[class^='col-'] > .inner > div.util-box > div {
		margin-right:1.5rem;
	}
}
@media (max-width: 575.98px) {
	.competition-wrap > div > .sec02 > .brd-wrap > .brd-middle > .list {
		margin-left:-10px;
		margin-right:-10px;
	}
	.competition-wrap > div > .sec02 > .brd-wrap > .brd-middle > .list > div[class^='col-'] {
		padding-left:10px;
		padding-right:10px;
	}
	.competition-wrap > div > .sec02 > .brd-wrap > .brd-middle > .list > div[class^='col-'] > .inner > div.txt-box {
		padding:2rem 2rem 1rem;
	}
	.competition-wrap > div > .sec02 > .brd-wrap > .brd-middle > .list > div[class^='col-'] > .inner > div.util-box {
		padding:0 2rem;
	}
	.competition-wrap > div > .sec02 > .brd-wrap > .brd-middle > .list > div[class^='col-'] > .inner > div.heart-box {
		position:absolute;
		width:4rem;
		height:4rem;
		right:2rem;
		bottom:2rem;
	}
}



/**************** competition-write ****************/

.competition-wrap .brd-wrap {
	position:relative;
	height:auto;
}
.competition-wrap .brd-wrap > .brd-top {
	position:relative;
	height:auto;
}
.competition-wrap .brd-wrap > .brd-top > h2 > span {
	position:relative;
	height:auto;
}
.competition-wrap .brd-wrap > .brd-top > h2 > span:after {
	content:"";
	position:absolute;
	width:6px;
	height:6px;
	border-radius:50%;
	right:-8px;
	top:3px;
	background:#f4a70b;
}
.competition-wrap .brd-wrap > .brd-top > p {
	position:absolute;
	right:0;
	bottom:0;
}
.competition-wrap .brd-wrap > .brd-top > p > span {
	color:red;
}
.competition-wrap .brd-wrap > .brd-middle {

}
.competition-wrap .brd-wrap > .brd-middle dl {
	position:relative;
	display:flex;
	box-sizing:border-box;
	padding:1rem 3rem;
	border-bottom:1px solid #ddd;
	align-items:center;
}
.competition-wrap .brd-wrap > .brd-middle dl:first-child {
	border-top:2px solid #222;
}
.competition-wrap .brd-wrap > .brd-middle dl > dt {
	width:16rem;
}
.competition-wrap .brd-wrap > .brd-middle dl > dt > span {
	color:red;
}
.competition-wrap .brd-wrap > .brd-middle dl > dd {
	width:calc(100% - 16rem);
	height:auto;
	min-height:5rem;
}
.competition-wrap .brd-wrap > .brd-middle dl > dd > .row {
	margin:1.2rem 0 0;
	height:100%;
	align-items:center;
}
.competition-wrap .brd-wrap > .brd-middle dl > dd > .row > div[class^='col-'] {
	margin-right:4rem;
}
.competition-wrap .brd-wrap > .brd-middle dl > dd > .row > div[class^='col-']:last-child {
	margin-right:0;
}
.competition-wrap .brd-wrap > .brd-middle dl > dd > .row > div[class^='col-'] > input[type=radio]{
	margin-right:0.5rem;
	width:22px;
	height:22px;
}
.competition-wrap .brd-wrap > .brd-middle dl > dd > .row > div[class^='col-'] > label {
	position:relative;
	top:-5px;
}
.competition-wrap .brd-wrap > .brd-middle dl > dd > input[type=text]{
	width:100%;
	height:5rem;
	border:1px solid #ddd;
}
.competition-wrap .brd-wrap > .brd-middle dl > dd > select {
	width:16rem;
	height:5rem;
	border:1px solid #ddd;
}
.competition-wrap .brd-wrap > .brd-middle dl > dd > textarea {
	border:1px solid #ddd;
	resize:none;
	width:100%;
	height:12rem;
}
.competition-wrap .brd-wrap > .brd-middle dl > dd.gubun-wrap {
	display:flex;
	flex-wrap:wrap;
	-ms-flex-wrap:wrap;
}
.competition-wrap .brd-wrap > .brd-middle dl > dd.gubun-wrap > div {
	--width : 18rem;
}
.competition-wrap .brd-wrap > .brd-middle dl > dd.gubun-wrap > div:nth-of-type(1){
	max-width:var(--width);
	flex:0 0 var(--width);
	-ms-flex:0 0 var(--width);
}
.competition-wrap .brd-wrap > .brd-middle dl > dd.gubun-wrap > .gubun-box{
	display:none;
	max-width:calc(100% - var(--width));
	flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	align-items:center;
}

.competition-wrap .brd-wrap > .brd-middle dl > dd.gubun-wrap > .gubun-box.on {
	display:inline-block;
	max-width:calc(100% - var(--width));
	flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	align-items:center;
}

.competition-wrap .brd-wrap > .brd-middle dl > dd.gubun-wrap > .gubun-box > a,
.competition-wrap .brd-wrap > .brd-middle dl > dd.gubun-wrap > .gubun-box.on > a {
	display:inline-block;
	width:14rem;
	height:4rem;
	text-align:center;
	line-height:4rem;
	background:#004b98;
	color:#fff;
}
.competition-wrap .brd-wrap > .brd-middle dl > dd.gubun-wrap > .gubun-box > p,
.competition-wrap .brd-wrap > .brd-middle dl > dd.gubun-wrap > .gubun-box.on > p {
	width:calc(100% - 14rem);
	box-sizing:border-box;
	padding-left:1rem;
}
.competition-wrap .brd-wrap > .brd-middle .btnArea {
	text-align:center;
}
.competition-wrap .brd-wrap > .brd-middle .btnArea > a.btn {
	display:inline-block;
	text-align:center;
	box-sizing:border-box;
	padding:2rem 0;
	width:19rem;
	border:1px solid #ddd;
}
.competition-wrap .brd-wrap > .brd-middle .btnArea > a.btn.btn_submit {
	background:#004b98;
	border:0;
	color:#fff;
}

.competition-wrap .brd-wrap > .brd-middle .brd-inner .chk02 {
	display:none;
}
.competition-wrap .brd-wrap > .brd-middle .brd-inner > p {
	background:#f2f2f2;
	box-sizing:border-box;
	justify-content:center;
	padding:1rem;
}

@media (max-width: 1300px) {
	.competition-wrap .brd-wrap > .brd-middle dl > dd.gubun-wrap > .gubun-box {
		align-items:flex-start;
	}
}
@media (max-width: 991.98px) {
	.competition-wrap .brd-wrap > .brd-middle dl > dt {
		width:12rem;
	}
	.competition-wrap .brd-wrap > .brd-middle dl > dd {
		width:calc(100% - 12rem);
		height:auto;
	}
	.competition-wrap .brd-wrap > .brd-middle dl > dd > .row {
		margin:0;
	}
	.competition-wrap .brd-wrap > .brd-middle dl:nth-of-type(3) > dd > .row {
		margin-top:1rem;
	}
	.competition-wrap .brd-wrap > .brd-middle dl > dd > .row > div[class^='col-'] {
		margin-right:0;
		width:50%;
		margin:1.5px 0;
	}
	.competition-wrap .brd-wrap > .brd-middle dl > dd > .row > div[class^='col-'] > input[type=checkbox]{
		margin-right:0.5rem;
		width:22px;
		height:22px;
	}
	.competition-wrap .brd-wrap > .brd-middle dl > dd > .row > div[class^='col-'] > label {
		position:relative;
		top:-6px;
	}
	.competition-wrap .brd-wrap > .brd-middle dl > dd.gubun-wrap > div {
		--width : 100%;
	}
	.competition-wrap .brd-wrap > .brd-middle dl > dd.gubun-wrap > div:nth-of-type(1){
		max-width:var(--width);
		flex:0 0 var(--width);
		-ms-flex:0 0 var(--width);
	}
	.competition-wrap .brd-wrap > .brd-middle dl > dd.gubun-wrap > .gubun-box {
		max-width:100%;
	}
	.competition-wrap .brd-wrap > .brd-middle dl > dd.gubun-wrap > .gubun-box > a {
		display:inline-block;
		width:100%;
		padding:0 1rem;
	}
	.competition-wrap .brd-wrap > .brd-middle dl > dd.gubun-wrap > .gubun-box > p {
		width:100%;
		padding-left:0;
		margin-top:1rem;
	}
}
@media (max-width: 767.98px) {
	.fileBox.fileBox_board .fileName {
		padding:5px 15px 5px 15px;
	}
	.competition-wrap .brd-wrap > .brd-middle dl > dd > select {
		width:10rem;
	}
}



/**************** competition-view ****************/

.competition-wrap .brd-view > .brd-middle > .brd-inner > h3 {
	text-align:center;
	height:auto;
	box-sizing:border-box;
	padding:3rem 0;
	border-top:2px solid #222;
	border-bottom:1px solid #222;
}
.competition-wrap .brd-view > .brd-middle > .brd-inner > .inner {
	position:relative;
	width:100%;
	height:auto;
	border-bottom:1px solid #ccc;
}
.competition-wrap .brd-view > .brd-middle > .brd-inner > .inner > .util-box {
	position:absolute;
	right:0;
	top:1rem;
	height:auto;
}
.competition-wrap .brd-view > .brd-middle > .brd-inner > .inner > .util-box > div {
	position:relative;
	float:left;
	height:auto;
	margin-left:4rem;
	color:#666;
}
.competition-wrap .brd-view > .brd-middle > .brd-inner > .inner > .util-box > div > i {
	position:relative;
	top:2px;
	margin-right:0.8rem;
}
.competition-wrap .brd-view > .brd-middle > .brd-inner > .inner > .util-box > div:nth-of-type(1) > i {
	top:1.5px;
}
.competition-wrap .brd-view > .brd-middle > .brd-inner > .inner > .util-box > div:nth-of-type(1):after{
	content:"";
	position:absolute;
	right:-2rem;
	top:5px;
	width:1px;
	height:10px;
	background:#ddd;
}

.competition-wrap .brd-view > .brd-middle > .brd-inner > .inner > .util-box > div:nth-of-type(2) > i {
	top:1.5px;
}
.competition-wrap .brd-view > .brd-middle > .brd-inner > .inner > .util-box > div:nth-of-type(2):after{
	content:"";
	position:absolute;
	right:-2rem;
	top:5px;
	width:1px;
	height:10px;
	background:#ddd;
}
.competition-wrap .brd-view > .brd-middle > .brd-inner > .inner > .util-box:after {
	content:"";
	display:block;
	clear:both;
}
.competition-wrap .brd-view > .brd-middle > .brd-inner > .inner > .brd-body {
	position:relative;
	height:auto;
	box-sizing:border-box;
	padding:8rem 2rem;
}
.competition-wrap .brd-view > .brd-middle > .brd-inner > .inner > .brd-body > table {
	width:100%;
}
.competition-wrap .brd-view > .brd-middle > .brd-inner > .inner > .brd-body > table > tbody > tr > th,
.competition-wrap .brd-view > .brd-middle > .brd-inner > .inner > .brd-body > table > tbody > tr > td {
	box-sizing:border-box;
	padding:2rem;
	font-size:1.6rem;
	border:1px solid #ccc;
}
.competition-wrap .brd-view > .brd-middle > .brd-inner > .inner > .brd-body > table > tbody > tr > th {
	background:#f5f5f5;
}
.competition-wrap .brd-view > .brd-middle > .brd-inner > .inner > .brd-body > table > tbody > tr > td > img {
	max-width:100%;
}
.competition-wrap .brd-view > .brd-middle > .brd-inner > .inner > .brd-body > table > tbody > tr > td.selection{
	padding:1rem 2rem;
}
.competition-wrap .brd-view > .brd-middle > .brd-inner > .inner > .brd-body .select-box {
	position:relative;
	display:inline-block;
	height:auto;
	background:url("../_img/sub/btn_select.jpg") no-repeat center right / contain;
}
/*
.competition-wrap .brd-view > .brd-middle > .brd-inner > .inner > .brd-body .select-box:after {
	content:"\e941";
	font-family:'xeicon';
	display:block;
	position:absolute;
	right:0;
	top:0;
	width:4.6rem;
	height:4.6rem;
	background:#f6f6f6;
	border:1px solid #ddd;
	z-index:10;
	text-align:center;
	line-height:4.6rem;
}*/
.competition-wrap .brd-view > .brd-middle > .brd-inner > .inner > .brd-body select {
	position:relative;
	height:auto;
	border:1px solid #ddd;
	box-sizing:border-box;
	padding:1rem;
	padding-right:4.7rem;
	width:24rem;
	-webkit-appearance:none; /* 크롬 화살표 없애기 */
    -moz-appearance:none; /* 파이어폭스 화살표 없애기 */
    appearance:none; /* 화살표 없애기 */
	background:transparent;
}
.competition-wrap .brd-view > .brd-middle > .brd-inner > .inner > .brd-body select:hover,
.competition-wrap .brd-view > .brd-middle > .brd-inner > .inner > .brd-body select:focus{
	outline:none;
}
@media (max-width: 991.98px) {
	.competition-wrap .brd-view > .brd-middle > .brd-inner > .inner > .brd-body {
		padding:6rem 0;
	}
}
@media (max-width: 575.98px) {
	.competition-wrap .brd-view > .brd-middle > .brd-inner > .inner > .util-box > div > i {
		position:relative;
		top:1px;
		margin-right:0.8rem;
	}
	.competition-wrap .brd-view > .brd-middle > .brd-inner > .inner > .util-box > div:nth-of-type(1) > i {
		top:1px;
	}
}


.competition-wrap .brd-view > .brd-foot h4 {
	padding-bottom:10px;
	border-bottom:2px solid #222;
}
.competition-wrap .brd-view > .brd-foot > .comment_write > .inner {
	box-sizing:border-box;
	display:flex;
	padding:2rem 2.5rem;
	border-bottom:1px solid #ccc;
	background:#f5f5f5;
}
.competition-wrap .brd-view > .brd-foot > .comment_write > .inner > div:nth-of-type(1){
	width:calc(100% - 12rem);
	margin-right:1rem;
}
.competition-wrap .brd-view > .brd-foot > .comment_write > .inner > div:nth-of-type(2){
	width:11rem;
	height:8.5rem;
}
.competition-wrap .brd-view > .brd-foot > .comment_write > .inner > div:nth-of-type(1) > textarea {
	width:100%;
	height:8.5rem;
	border:1px solid #ccc;
	resize:none;
	box-sizing:border-box;
	padding:1rem;
}
.competition-wrap .brd-view > .brd-foot > .comment_write > .inner > div:nth-of-type(2) > a {
	display:block;
	width:100%;
	height:100%;
	background:#222;
	color:#fff;
	text-align:center;
	line-height:8.5rem;
}
.competition-wrap .brd-view > .brd-foot > .comment_list > ul{
	box-sizing:border-box;
	padding-left:0;
	list-style:none;
}
.competition-wrap .brd-view > .brd-foot > .comment_list > ul > li {
	box-sizing:border-box;
	padding:4rem 2.5rem;
	border-bottom:1px solid #ddd;
}
.competition-wrap .brd-view > .brd-foot > .comment_list > ul > li > .inner {
	position:relative;
	height:auto;
}
.competition-wrap .brd-view > .brd-foot > .comment_list > ul > li > .inner > h5 {
	color:#004b98;
	word-break:break-all;
	line-height:1.4;
}
.competition-wrap .brd-view > .brd-foot > .comment_list > ul > li > .inner > h5 > span {
	display:inline-block;
	width:12rem;
	margin-left:1.5rem;
	color:#999;
}
.competition-wrap .brd-view > .brd-foot > .comment_list > ul > li > .inner > .util-box {
	position:absolute;
	height:auto;
	right:0;
	top:0;
}
.competition-wrap .brd-view > .brd-foot > .comment_list > ul > li > .inner > .util-box > div {
	float:left;
	margin-left:2rem;
}
.competition-wrap .brd-view > .brd-foot > .comment_list > ul > li > .inner > .util-box > div > a {
	color:#999;
	display:block;
}
.competition-wrap .brd-view > .brd-foot > .comment_list > ul > li > .inner > .util-box > div > a > i {
	margin-right:0.3rem;
}
.competition-wrap .brd-view > .brd-foot > .comment_list > ul > li > .inner > .util-box > div:nth-of-type(1) > a > i {
	color:#222;
}
.competition-wrap .brd-view > .brd-foot > .comment_list > ul > li > .inner > .util-box > div:nth-of-type(2) > a > i {
	color:red;
}
.competition-wrap .brd-view > .brd-foot > .comment_list > ul > li > .inner > .util-box:after{
	content:"";
	display:block;
	clear:both;
}
.competition-wrap .brd-view .btn_area {
	text-align:center;
}
.competition-wrap .brd-view .btn-list {
	display:inline-block;
	box-sizing:border-box;
	padding:1.5rem 6rem;
	text-align:center;
	background:#d5d5d5;
	color:#222;
	border-radius:30px;
	font-size:1.6rem;
}
@media (max-width: 991.98px) {
	.competition-wrap .brd-view > .brd-foot > .comment_list > ul > li > .inner > .util-box {
		position:relative;
		margin-top:1rem;
	}
	.competition-wrap .brd-view > .brd-foot > .comment_list > ul > li > .inner > .util-box > div {
		float:left;
		margin-left:0;
		margin-right:1.5rem;
	}
}

.competition-wrap .brd-view .file {
	position:relative;
	height:auto;
	box-sizing:border-box;
	padding:2rem 0;
	border-bottom:1px solid #ddd;
	display:flex;
	flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	align-items:center;
}
.competition-wrap .brd-view .file > div:nth-of-type(1),
.competition-wrap .brd-view .file > div:nth-of-type(3){
	max-width:15%;
	flex:0 0 15%;
	-ms-flex:0 0 15%;
}
.competition-wrap .brd-view .file > div:nth-of-type(2) {
	max-width:70%;
	flex:0 0 70%;
	-ms-flex:0 0 70%;
	color:#666;
}
.competition-wrap .brd-view .file > div:nth-of-type(2) > p {
	display:block;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.competition-wrap .brd-view .file > div:nth-of-type(3) > a{
	display:inline-block;
	width:15.6rem;
	height:3.7rem;
	position:relative;
	border:1px solid #ddd;
	line-height:3.7rem;
	color:#666;
	box-sizing:border-box;
	padding:0 1rem;
}
.competition-wrap .brd-view .file > div:nth-of-type(3) > a > i{
	position:absolute;
	right:1rem;
	top:50%;
	transform:translateY(-50%);
}
@media (max-width: 991.98px) {
	.competition-wrap .brd-view .file > div:nth-of-type(1){
		max-width:20%;
		flex:0 0 20%;
		-ms-flex:0 0 20%;
	}
	.competition-wrap .brd-view .file > div:nth-of-type(3){
		max-width:25%;
		flex:0 0 25%;
		-ms-flex:0 0 25%;
	}
	.competition-wrap .brd-view .file > div:nth-of-type(2) {
		max-width:55%;
		flex:0 0 55%;
		-ms-flex:0 0 55%;
		color:#666;
	}
	.competition-wrap .brd-view .file > div:nth-of-type(3) > a{
		width:100%;
	}
}



/* 조건검색 추가 */
.conditional_search{
	display: flex;
	align-items: center;
	gap: 3px;
}
.conditional_search select{
	height: 45px;
	padding: 5px 10px;
	border: 1px solid #dcdcdc;
	font-size: 1.4rem;
	width: 180px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: url(../_img/icon/search_arrow.jpg) no-repeat right top / contain;
}
.conditional_search .sound_only {
	display: inline-block !important;
	position: absolute;
	top: 0;
	left: 0;
	margin: 0 !important;
	padding: 0 !important;
	width: 1px !important;
	height: 1px !important;
	font-size: 0;
	line-height: 0;
	border: 0 !important;
	overflow: hidden !important;
	z-index: -1;
	opacity: 0;
}
.conditional_search input {
	line-height: 40px;
	font-size: 1.5rem;
	font-weight: 300;
	max-width: 236px;
	height: 45px;
	border: 1px solid #dcdcdc;
	padding: 0 5px;
}
.conditional_search .btn_submit {
	display: inline-block;
	height: 45px;
	line-height: 45px;
	border: 0;
	padding: 0 20px;
	font-weight: 400;
	font-size: 1.3rem;
	vertical-align: middle;
	border-radius: 0;
	color: #fff;
	width: 45px;
	height: 45px;
	border: 0;
	padding: 0;
	background: url(../_img/icon/sch_btn.png) no-repeat 50% 50% #000;
	border: 1px solid #000;
	text-indent: -999px;
	overflow: hidden;
	flex-shrink: 0;
}
@media (max-width:767.98px) {
	.conditional_search{
		flex-wrap: wrap;
	}
	.conditional_search input{
		max-width: unset;
		width: calc(100% - 48px);
	}
}




/* 채택아이디어 */
.chooseidea-wrap table{
	border-top: 2px solid #222;
}
.chooseidea-wrap th,
.chooseidea-wrap td{
	text-align: center;
	font-weight: 400;
	vertical-align: middle;
	border-bottom: 1px solid #ddd;
}
.chooseidea-wrap th {
	padding: 1.4rem 1rem;
	font-size: 1.8rem;
	background: #f9f9f9;
}
.chooseidea-wrap td{
	padding: 1.2rem 1rem;
	font-size: 1.6rem;
}
.chooseidea-wrap td a.title{
	display: block;
	text-align: left; color: #000;
}
.chooseidea-wrap td a.idea_ck{
	display: inline-block;
	color: #316dab;
	width:9.2rem;
	height:3.6rem;
	border-radius:3.6rem;
	line-height:3.6rem;
	font-weight: 500;
	background: #eee;
}
.chooseidea-wrap td .step{
	display: inline-block;
	margin:0 auto;
	width:9.2rem;
	height:3.6rem;
	border-radius:3.6rem;
	background:#111;
	color:#fff;
	line-height:3.6rem;
}
.chooseidea-wrap td  .step.step_1 {
	background:#fcac0b !important;
}
.chooseidea-wrap td  .step.step_2 {
	background:#1e8dcd !important;
}
.chooseidea-wrap td  .step.step_3 {
	background:#004b98 !important;
}
.chooseidea-wrap td  .step.step_4 {
	background:#000 !important;
}

/* 모달 */
#ideaModal .contents_area{
	padding: 2rem;
}
#ideaModal .contents_area table{
	border-top: 2px solid #222;
}
#ideaModal .contents_area th,
#ideaModal .contents_area td{
	padding: 1.5rem 2rem;
	font-size: 1.6rem;
	vertical-align: middle;
	border-bottom: 1px solid #ddd;
}
#ideaModal .contents_area th{
	background: #f9f9f9;
	border-right: 1px solid #ddd;
}
#ideaModal .contents_area .close{
	display: block;
	float: none;
	margin:0 auto;
	margin-top: 20px;
	width:9.2rem;
	height:3.6rem;
	background:#111;
	color:#fff;
	outline: none;
	opacity: 1;
	font-weight: 400;
}



.modify_btn_group{
	display:flex;
	flex-wrap: wrap;
	gap:5px;
	justify-content: center;
}
.modify_btn_group a{
	padding-left:1rem !important;
	padding-right:1rem !important;
}