@charset "utf-8";

img{width:auto;}

/******* 푸터 *******/
.footer_wrap{padding:90px 30px 60px; background:#f6f6f6; color:#111; font-size:13px;text-align:center; box-shadow: inset 0px 0px 11px 9px rgb(193 193 193 / 20%);}

	.footer_menu{display:flex; justify-content: space-between; width:20%; margin:0 auto; margin-bottom:50px;}
	.footer_menu:after{content:inherit;}
		.footer_menu a{font-size:17px; color:#666666; font-weight:bold;}

	.info_wrap{display:flex; justify-content: center;  margin-bottom:10px;}
	.footer_wrap dl{margin-right:30px; }
	.footer_wrap dt{min-width:45px;}
	.footer_wrap dt, .footer_wrap dd, .footer_wrap dd a{display:inline-block; color:#767676;}
	.footer_wrap dt{margin-right:6px; color:#AAAAAA;}

	.footer_sponsor_inqui{margin:20px auto 30px; font-size:18px; color:#212121; font-weight:500;}
	address{font-size:12px; color:#111; opacity:0.3;}


@media screen and (max-width:1660px){
	.footer_menu {width:30%;}
}

@media screen and (max-width:1200px){
	.footer_menu {width:46%; margin-bottom:30px;}
}

@media screen and (max-width:880px){
	.footer_wrap{padding:50px 30px 50px;}
	.footer_menu {width:60%;}
	.info_wrap{flex-direction: column;}
	.footer_wrap dl {margin-right: 0; margin-bottom: 5px;}
}

@media screen and (max-width:630px){
	.footer_menu{width:80%;}
}

@media screen and (max-width:479px){
	.footer_wrap{padding:50px 20px 50px;}
	.footer_menu{width:100%;}
	.footer_menu a{font-size:16px;}
}

/* go top 탑 */
.gotop{
	width:90px; height:90px; background:#111; text-align:center; font-size:14px; color:#fff; position:fixed; bottom:0; right:0;	z-index:10; cursor:pointer;
	}
	.gotop > p{position: absolute; top:50%; left:50%; transform:translate(-50%, -50%); font-weight:500;}
	.gotop i{display:block;  margin-bottom:5px;}

@media screen and (max-width:630px){
	.gotop{display:none;}
}
@media screen and (max-width:479px){
	.gotop{width:50px; height:50px; line-height:55px; font-size:2.2rem; right:30px; }
}


/******* 서브 페이지 공통 *******/
.sub_wrap{overflow:hidden;
	padding:0 0 130px 348px; /*padding:0 0 130px 348px; */ margin:0 auto; line-height:32px;
	background:url('/images/common/sub_bottom_line_art-7846ff19cfdb0a04a2ff5b3a6a1ad87e.png') no-repeat bottom center;  background-size:100%;
}

.sub_tit{margin-bottom:30px; font-size:26px; font-weight:500;}

@media screen and (max-width:1439px){
	.sub_wrap{padding:0 100px 130px 100px;}
}

@media screen and (max-width:1170px){
	.sub_wrap{padding:0 20px 130px 20px;}
}

@media screen and (max-width:1023px){
	.sub_wrap{padding:0 20px 130px 20px;}
}

@media screen and (max-width:479px){
	.sub_tit{margin-bottom:20px; font-size:20px;}

}




/******* 서브 공통 비주얼 *******/
.sub_common_visual{
	overflow:initial; clear:both; position: relative; margin:185px 0 0 100px; width:calc(100% - 100px);
	background:url('') no-repeat;
	background-size:cover; height:250px; width:calc(100% - 100px);
}
.sub_common_visual:before{position: absolute; top:0; left:0; z-index:0; width:100%; height:100%; background:rgba(0,0,0,.7); display:block; content:'';}

.sub_visual_circle{position: absolute;}
.sub_visual_circle01{top:50%; right:38%; animation: floating_subtop1 3s ease-in-out infinite;}
.sub_visual_circle02{bottom:21%; right:10%; animation: floating_subtop2 3s ease-in-out infinite;}
.sub_visual_circle03{top:35%; left:-3%; z-index:-1;}
.sub_visual_circle04{top:23%; right:0; }

.sub_visual_box_wrap{display:flex;}

.sub_common_visual .dday_wrap{position:relative; background:#a082c8; padding:35px 30px; width:250px; height:250px;}
    .sub_common_visual .dday_wrap .tit{font-size:24px; opacity:.5; line-height:1.25; letter-spacing: -1.2px; font-weight:500;}
    .sub_common_visual .dday_wrap .dday{position:absolute; right:30px; bottom:20px; color:#fff; font-size:60px; font-family: 'GmarketSansBold'; text-align:right;}

.sub_common_visual .sponsor_wrap{position:relative; background:#222222; padding:35px 30px; color:#fff; width:250px; height:250px;}
    .sub_common_visual .sponsor_wrap .tit{font-size:24px; opacity:.5; font-weight:400;}
    .sub_common_visual .account{position:absolute; right:30px; bottom:20px;  text-align:right;  font-family: 'GmarketSansMedium'; font-size:19px;}
    .sub_common_visual .account p{margin-bottom:5px;}



.sub_common_visual a.visual_bottom_link{
	background:#1fe9c2; color:#fff; font-size:24px; font-weight:500; text-align:center; width:270px; height:73px; line-height:73px; position: absolute;
	bottom: 0; right: 0; z-index: 1;
	}
.sub_common_visual a.visual_bottom_link:hover{background:#a082c8;}

@keyframes floating_subtop1 {
		from {
			-webkit-transform: translate(0, 0px);
			transform: translate(0, 0px);
		}

		65% {
			-webkit-transform: translate(0, 40px);
			transform: translate(0, 40px);
		}

		to {
			-webkit-transform: translate(0, 0px);
			transform: translate(0, 0px);
		}
	}

	@keyframes floating_subtop2 {
		from {
			-webkit-transform: translate(0, 40px);
			transform: translate(0, 40px);
		}

		50% {
			-webkit-transform: translate(0, 0px);
			transform: translate(0, 0px);
		}

		to {
			-webkit-transform: translate(0, 40px);
			transform: translate(0, 40px);
		}
	}

@media screen and (max-width:1840px){
	.sub_visual_circle01{width:10%;}
	.sub_visual_circle02{width:25%; right:0;}
}

@media screen and (max-width:1439px){
	.sub_common_visual{margin:185px 0 0 20px; width:calc(100% - 20px);}

	.sub_common_visual .dday_wrap .tit, .sub_common_visual .sponsor_wrap .tit{font-size:18px;}
	.sub_common_visual .dday_wrap, .sub_common_visual .sponsor_wrap{padding: 20px; width: 200px; height: 200px;}
	.sub_common_visual .dday_wrap .dday{font-size:50px;}
	.sub_common_visual .account{right:20px;}
}

@media screen and (max-width:1279px){
	.sub_common_visual {margin: 148px 0 0 20px;}

	.sub_common_visual a.visual_bottom_link{font-size:20px; width:240px; height:60px; line-height:60px;}
}

@media screen and (max-width:1023px){
	.sub_common_visual {margin: 88px 0 0 20px; height:200px;}
	.sub_common_visual a.visual_bottom_link{width:160px; font-size:16px;}
}

@media screen and (max-width:700px){
	.sub_common_visual{overflow:hidden; margin:78px 0 0 0; width:100%; height:150px; background-position:center;}

	.sub_visual_circle01{width:19%;}
	.sub_visual_circle02 {width: 34%; right: -3%; top: 1%;	bottom: auto;}
	.sub_visual_circle03{width:50%;}
	.sub_visual_circle04{width:20%;}

	.sub_visual_box_wrap {display: flex; left: 20px; position: absolute; top: 0;}


	.sub_common_visual .dday_wrap, .sub_common_visual .sponsor_wrap{height:150px; width:150px;}
	.sub_common_visual .dday_wrap .dday{font-size:34px;}
	.sub_common_visual .dday_wrap .tit, .sub_common_visual .sponsor_wrap .tit{font-size:14px;}
	.sub_common_visual .account{font-size:14px;}


	.sub_common_visual a.visual_bottom_link{left: 50%; right: auto;	transform: translateX(-50%); bottom: 0;	width: 80%;}
}


@media screen and (max-width:479px){
	.sub_visual_circle01 {width: 30%; left: 5%;  right: auto;}
	.sub_visual_circle02 {width: 63%; right: -24%;	top: 1%;bottom: auto;}
}

/*** 서브 공통 탭 (2depth) ***/
.sub_common_tab{margin:60px 0 60px; display:flex; border-bottom:1px solid #ddd; z-index: 10; position: relative;}
	.sub_common_tab li{padding-bottom:10px; margin-right:100px;}
	.sub_common_tab li:last-child{margin-right:0;}
	.sub_common_tab li.on{border-bottom:3px solid #111;}


	.sub_common_tab li a{font-size:22px; color:#8f8f8f;}
	.sub_common_tab li.on a{font-weight:bold; color:#111;}

	/*.sub_common_tab li.onn{border-bottom:3px solid #111 !important; color:#111 !important; font-weight:bold !important;}
	.sub_common_tab li.off{border-bottom:3px solid #fff !important; color:#8f8f8f !important; font-weight:300 !important;}*/

@media screen and (max-width:1439px){
	.sub_common_tab{margin:30px 0 50px; }
}

@media screen and (max-width:1279px){
	.sub_common_tab{margin:30px 0 50px; }
}

@media screen and (max-width:1023px){
	.sub_common_tab{margin:30px 0; }
	.sub_common_tab li{margin-right:50px;}
	.sub_common_tab li a{font-size:18px;}
}

@media screen and (max-width:700px){
	/*.sub_common_tab{display:none;}*/
	.sub_common_tab{flex-wrap:wrap; border-bottom:none;}
	.sub_common_tab li{padding-bottom:5px; margin-bottom:5px; margin-right:0; width:50%; text-align:center;}

}

@media screen and (max-width:479px){
	.sub_common_tab{margin:20px 0; }
}


/***** 서브공통 컨텐츠 wrap *****/
.sub_cont_wrap{margin-right:348px;}

@media screen and (max-width:1439px){
	.sub_cont_wrap{margin-right:0;}
}

@media screen and (max-width:700px){
	.sub_cont_wrap{margin-top:40px;}
}

@media screen and (max-width:479px){
	.sub_cont_wrap{margin-top:15px;}
}

/***** 표 *****/
/* 서브 테이블 */
.sub_table_arti{background:#fff;}

	.sub_table{table-layout:fixed; width:100%; font-size:16px; color:#111; font-weight:400;}
		.sub_table td, .sub_table th {word-break:break-all;}
		.sub_table tr{border-bottom:1px solid #ddd;}
		.sub_table td{padding:14px 20px;}

		.sub_table thead{font-weight:500; background:#a8a8a8; color:#fff; text-align:center;}
		.sub_table thead td{position:relative;}
		.sub_table thead td:after{display:block; content:""; position:absolute; top:50%; right:0; transform:translateY(-50%); background:#fff; width:1px; height:25px; opacity:0.4;}
		.sub_table thead td:last-child:after{display:none;}

		.sub_table .fc_purple{font-weight:500;}



@media screen and (max-width:767px) {
  .sub_table colgroup,.sub_table thead {display:none;}
  .sub_table tr {display:block; margin-bottom:10px; }
  .sub_table th, .sub_table td {display:block; position:relative; padding:6px 5px 0 6px; padding-left:calc(50% + 20px); font-weight:300; color:#111; }

  .sub_table td:before {
    display:block; position:absolute; left:0; top:0; width:calc(50% - 30px);
    padding:6px 15px; background:#a8a8a8; font-weight:500; color:#fff;
  }
  .table_committee td:nth-child(1):before {content:'구성';}
  .table_committee td:nth-child(2):before {content:'이름';}
  .table_committee td:nth-child(3):before {content:'소속'; height:calc(100% - 12px);}
  .table_committee td:before{width:calc(43% - 30px);}
  .table_committee th, .table_committee td{padding-left:calc(44% + 15px); border-right:1px solid #ddd;}
  .table_committee tr td:first-child{border-top:1px solid #ddd;}

}



/****** 서브테이블 ver2 ******/
.sub_table_ver2{table-layout:fixed; width:100%; font-size:18px; color:#111; font-weight:400;}

		.col_purpose01{width:20%;}
		.col_purpose02{width:auto;}

		.sub_table_ver2 td, .sub_table_ver2 th {word-break:break-all;}
		.sub_table_ver2 th{font-weight:bold; text-align:left; padding-left:15px; border-bottom:1px solid #000;}
		.sub_table_ver2 tr{border-bottom:1px solid #ddd;}
		.sub_table_ver2 td{padding:14px 0; padding-left:30px; line-height:1.4;}

		.sub_table_ver2 thead{font-weight:500; background:#a8a8a8; color:#fff;}
		.sub_table_ver2 thead td{position:relative;}
		.sub_table_ver2 thead td:after{display:block; content:""; position:absolute; top:50%; right:0; transform:translateY(-50%); background:#fff; width:1px; height:25px; opacity:0.4;}
		.sub_table_ver2 thead td:last-child:after{display:none;}


@media screen and (max-width:1023px) {
	.sub_table_ver2{font-size:16px;}
}

@media screen and (max-width:767px) {
	.col_purpose01{width:30%;}
}

@media screen and (max-width:479px) {
	.col_purpose01{width:35%;}
}


/******* 폼 *******/
.btn_blue{width:100%; height:62px; line-height:62px; background:#00249c; font-size:1.8rem; color:#fff;}

sup {color: #e70012;}
caption, .form_tit{margin-bottom:20px; font-size:2rem; font-weight:600; text-align:left;}
label{font-size: 1.6rem; font-weight: 600;}
input[type='text'],input[type='password'],input[type='tel'],input[type='email']{
	margin-bottom:16px; padding:0 10px; height: 50px; line-height:50px; border: 1px solid #ddd !important; width: 100%;
}
input[type='checkbox'], input[type='radio'] {-webkit-appearance: button;}
input[type='radio'] {-webkit-appearance: radio;}
textarea{padding:24px; border: 1px solid #ddd !important; min-width: 100%; max-width: 100%;}

input[type='text'],input[type='password'],input[type='tel'],input[type='email']{
	margin-bottom:5px; padding:0 10px; height: 50px; line-height:50px; border: 1px solid #ddd !important; width: 100%;
	font-size: 16px;
}
.input_box_date input[type='text'] {
	margin-bottom:16px; padding:0 10px; height: 50px; line-height:50px; border: 1px solid #ddd !important; width: 20%;
}
.input_box_time input[type='text'] {
	margin-bottom:16px; padding:0 10px; height: 50px; line-height:50px; border: 1px solid #ddd !important; width: 15%;
}

/******* 체크박스 *******/
input[type='checkbox']{display:none;}
input[type=checkbox]:checked + label span.checkmark {background-color:#00249c;  border:transparent;}
input[type=checkbox]:checked + label span.checkmark:after {
	position: absolute; top: 5px; left: 9px; border:solid 1px #fff;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.checkmark {display: inline-block; position: relative;  width: 24px; height: 24px;  margin:-2px 7px 0 0;vertical-align: middle; background-color: #fff;  border:1px solid #D5D6DB;  cursor: pointer;}
.checkmark:after {
	content: ""; display: block; position: absolute; top: 4px; left: 8px; width: 4px; height: 9px; border:solid 1px #D5D6DB;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}



/****** 하단 업체 **********/
.organ_slide_wrap_sec{padding:30px 150px; position:relative;}
    .organ_slide_wrap_sec .swiper-button-next:after, .organ_slide_wrap_sec .swiper-container-rtl .swiper-button-prev:after,
    .organ_slide_wrap_sec .swiper-button-prev:after, .organ_slide_wrap_sec .swiper-container-rtl .swiper-button-next:after{display:none;}
    .organ_slide_wrap_sec .swiper-button-next, .organ_slide_wrap_sec .swiper-button-prev{
        border:1px solid #545454; width:34px; height:34px; line-height:34px; text-align:center; color:#111; font-size:16px; background:#fff;
    }
    .organ_slide_wrap_sec .swiper-button-next:hover, .organ_slide_wrap_sec .swiper-button-prev:hover{background:#000; color:#fff;}

    .organ_slide_wrap_sec .swiper-button-prev{left:100px;}
    .organ_slide_wrap_sec .swiper-button-next{right:100px;}

    /*
    .organ_slide_wrap_sec .swiper-wrapper{align-items: center; justify-content:center;}
    .organ_slide_wrap_sec .swiper-slide {width:auto !important; }
    .organ_slide_wrap_sec .swiper-slide a{display: flex; justify-content: center; align-items: center; width:100%;}
    .organ_slide_wrap_sec .swiper-slide img{max-width: 200px; width: 100%;}
    */

.swiper02 .swiper-wrapper{align-items: center;}
.swiper02 a{width:100%;}
.swiper02 a img{width:100%; max-width:170px;}


@media screen and (max-width:1439px){
    .organ_slide_wrap_sec{padding:30px 50px;}
    .organ_slide_wrap_sec .swiper-button-prev{left:20px;}
    .organ_slide_wrap_sec .swiper-button-next{right:20px;}
}


@media screen and (max-width:767px){
    .swiper02 a img{max-width:140px;}
}

@media screen and (max-width:530px){
    .swiper02 a img{max-width:120px;}
}

@media screen and (max-width:479px){
    .swiper02 a img{max-width:110px;}
}


/**** 페이지네이션 ********/
.paging_wrap{margin:50px 300px 0px 0px; text-align:center; display: flex; justify-content: center; align-items: center;}

    .paging_wrap > ol{display:flex; align-items: center; margin:0 20px;}
    .paging_wrap > ol li{width:40px; height:40px; line-height:37px;}
    .paging_wrap > ol li:last-child{margin-right:0;}
    .paging_wrap > ol li.on{border-top:1px solid #d94f98; border-bottom:1px solid #d94f98; font-weight:bold;}
    .paging_wrap > ol li.on a{color:#d94f98;}
    .paging_wrap > ol a{font-size:18px;}

    .paging_wrap .prev, .paging_wrap .next{cursor:pointer; background:#282828; width:40px; height:40px; line-height:40px; color:#fff; font-size: 26px; border-radius:50%; font-weight:200;}
    .paging_wrap .prev i, .paging_wrap .next i{line-height:40px;}