@charset "utf-8";

@font-face {
	font-family:'Nanum Square';
	font-style:normal;
	font-weight:200;
	src:url(../../fonts/NanumSquare/NanumSquareL.eot);
	src:local('Nanum Square Light'),local('NanumSquareL'),url(../../fonts/NanumSquare/NanumSquareL.eot?#iefix) format('embedded-opentype'),url(../../fonts/NanumSquare/NanumSquareL.woff) format('woff'),url(../../fonts/NanumSquare/NanumSquareL.ttf) format('truetype'),url(./NanumSquare/NanumSquareOTFLight.svg#017f9c78318bcde3d1dc4451e8eaca0a) format('svg');
}
@font-face {
	font-family:'Nanum Square';
	font-style:normal;
	font-weight:400;
	src:url(../../fonts/NanumSquare/NanumSquareR.eot);
	src:local('Nanum Square Regular'),local('NanumSquareR'),url(../../fonts/NanumSquare/NanumSquareR.eot?#iefix) format('embedded-opentype'),url(../../fonts/NanumSquare/NanumSquareR.woff2) format('woff2'),url(../../fonts/NanumSquare/NanumSquareR.woff) format('woff'),url(../../fonts/NanumSquare/NanumSquareR.ttf) format('truetype'),url(./NanumSquare/NanumSquareOTFR.svg#9e23ceb0c858ca37642ba540402577eb) format('svg');
}
@font-face {
	font-family:'Nanum Square';
	font-style:normal;
	font-weight:700;
	src:url(../../fonts/NanumSquare/NanumSquareB.eot);
	src:local('Nanum Square Bold'),local('NanumSquareB'),url(../../fonts/NanumSquare/NanumSquareB.eot?#iefix) format('embedded-opentype'),url(../../fonts/NanumSquare/NanumSquareB.woff2) format('woff2'),url(../../fonts/NanumSquare/NanumSquareB.woff) format('woff'),url(../../fonts/NanumSquare/NanumSquareB.ttf) format('truetype'),url(./NanumSquare/NanumSquareOTFB.svg#a41a1fda1fdf3dafd3394867a156b1cf) format('svg');
}

/* reset.css(plan-i standard) */
html{font-size:20px;box-sizing:border-box;}
*,*:before,*:after{box-sizing:inherit;}
body {margin:0; padding:0; font-size:.9rem; font-weight:400;font-family:'Nanum Square'; line-height:1.25;  color:#333;}
ul,ol,li,dl,dt,dd{margin:0; padding:0; list-style: none;}
p,h1,h2,h3,h4,h5,h6{margin:0; padding:0;}
a {color:inherit; text-decoration:none;}
img {border: 0;	vertical-align:middle; font-size:0;}
table{border-collapse:collapse; width:100%;}
caption,legend{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
select, input, textarea{color: #454545; font-size: .8rem;}
select, input {vertical-align: middle;}
b, strong{font-weight:normal;}
address,em,i{font-style:normal;}
button{border:0; background:none; cursor:pointer;}
hr{margin: 0; border: none; padding: 0; display:block;}
figure, figcaption{padding:0; margin:0;}
fieldset{border: none; padding: 0; margin: 0;}
input[type="submit"] {-webkit-appearance: none; -moz-appearance: none; appearance: none;}
header, footer, article, section, aside, nav, main {display: block;}
button,input,optgroup,select,textarea { font-family: inherit; font-size: inherit; font-weight:inherit; margin: 0;}

/* Skip to content */
.skip-to { position: absolute; top: -99px; left: 0; background: #333; color: #fff; width: 100%; padding: 10px 0; text-align: center; text-decoration: none; z-index: 999; }
.skip-to:hover, .skip-to:focus, .skip-to:active { display: block; top: 0; }
/*
#accessibility{color:#fff;position:absolute;left:0;top:0;width:150px; text-align:center;
  dt{width:1px;height:1px;position:absolute;overflow:hidden;}
  a{opacity:0;position:absolute;left:0;top:0;display:block;width:100%;padding:10px;background-color:rgba(0,0,0,0.3);transform:translateY(-50px);transition:all .3s ease;font-size:14px;
    &:focus{opacity:1;transform:translateY(0px);}
  }
}
*/

/* 부트스트랩 */
fieldset {  border:0;padding:0;}
legend {padding: 0;border: 0;font-size:0;}
.btn-lg{padding:10px 16px; font-size:.9rem; line-height:1.3333333;}
.btn-sm{padding:5px 10px; font-size:.6rem; line-height:1.5;}
.btn-xs{padding:1px 5px; font-size:.6rem; line-height:1.5;}
.text-primary{color:#ed9401;}
.text-info{color:#e55a12;}
.text-warning{color:#c33c00;}
.text-danger{color:#2eae9a;}
.txt-left,
.text-left { text-align: left;}
.txt-right,
.text-right { text-align: right;}
.txt-center,
.text-center { text-align: center;}
.text-justify { text-align: justify;}
.text-nowrap { white-space: nowrap;}
.text-lowercase { text-transform: lowercase;}
.text-uppercase { text-transform: uppercase;}
.text-capitalize { text-transform: capitalize;}
.text-bold{font-weight:bold;}
.sr-only, .hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
.img-responsive{ max-width: 100%; height: auto; margin:0 auto; display:block;}
.container-fluid{margin:0 auto;position:relative;}
.container-fluid:before,
.container-fluid:after{content:"";display:block;clear:both;}

.row-justify{text-align:center;}
.row-justify [class*=col-]{text-align:left;float:none;display:inline-block;vertical-align:middle;margin:0 -3px;}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9,
.col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {position: relative;min-height: 1px;padding-right: .75rem;padding-left: .75rem;}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {float: left;}
.col-xs-12 {width: 100%;}
.col-xs-11 {width: 91.66666667%;}
.col-xs-10 {width: 83.33333333%;}
.col-xs-9 {width: 75%;}
.col-xs-8 {width: 66.66666667%;}
.col-xs-7 {width: 58.33333333%;}
.col-xs-6 {width: 50%;}
.col-xs-5 {width: 41.66666667%;}
.col-xs-4 {width: 33.33333333%;}
.col-xs-3 {width: 25%;}
.col-xs-2 {width: 16.66666667%;}
.col-xs-1 {width: 8.33333333%;}
.form-control {display: block;width: 100%;padding: 6px 12px;font-size: .7rem;line-height: 1.42857143;color: #555;background-color: #fff;background-image: none;border: 1px solid #ccc;box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;}
.form-control:focus {border-color: #66afe9;outline: 0;box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);}
.form-control::-moz-placeholder { color: #999; opacity: 1;}
.form-control:-ms-input-placeholder { color: #999;}
.form-control::-webkit-input-placeholder { color: #999;}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {  background-color: #eee;  opacity: 1;}
.form-control[disabled],
fieldset[disabled] .form-control {  cursor: not-allowed;}
textarea.form-control {  height: auto;}
input[type="search"] {  -webkit-appearance: none;}
.form-inline .form-group{display:inline-block;margin-bottom:5px;}
.form-inline .form-group  .form-control {	display: inline-block;	width:auto;}
/* .btn{border:1px solid #dcdcdc; display:inline-block; min-width:280px; height:60px; line-height: 1.25;
text-align: left; padding: 18px 25px; cursor:pointer;} */
.btn { display: inline-block; margin-bottom: 0; font-size: 16px; font-weight: normal; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; user-select: none; background-image: none; color: #333; background-color: #fff; transition: all .25s ease; border: 1px solid #ddd; padding:8px 12px; font-family:inherit;}
.btn:focus {color:gold;text-decoration:underline;}
.table-wrap table.field tbody td .btn:focus {color:gold;text-decoration:underline;}
.close:focus {color:gold;text-decoration:underline;}
@media (min-width: 768px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; }
  .col-sm-12 { width: 100%; }
  .col-sm-11 { width: 91.66666667%; }
  .col-sm-10 { width: 83.33333333%; }
  .col-sm-9 { width: 75%; }
  .col-sm-8 { width: 66.66666667%; }
  .col-sm-7 { width: 58.33333333%; }
  .col-sm-6 { width: 50%; }
  .col-sm-5 { width: 41.66666667%; }
  .col-sm-4 {  width: 33.33333333%; }
  .col-sm-3 { width: 25%; }
  .col-sm-2 { width: 16.66666667%; }
  .col-sm-1 { width: 8.33333333%;}
	.form-inline  .form-group { margin-bottom: 0; vertical-align: middle; }
	.form-inline  .form-control { display: inline-block; width: auto; vertical-align: middle; }
	.form-inline  .form-control-static { display: inline-block; }
  .form-inline .input-group { display: inline-table; vertical-align: middle;}
  .form-inline .input-group  .input-group-addon,
  .form-inline .input-group  .input-group-btn,
	.form-inline .input-group  .form-control { width: auto; }
  .form-inline .input-group  .form-control > .form-control { width: 100%; }
  .control-label { margin-bottom: 0; vertical-align: middle;  }
  .radio,
  .checkbox { display: inline-block; margin-top: 0; margin-bottom: 0;    vertical-align: middle;}
  .checkbox label { padding-left: 0; }
  .radio input[type="radio"],
  .checkbox input[type="checkbox"] { position: relative; margin-left: 0; }
  .has-feedback .form-control-feedback { top: 0; }
}
@media (min-width: 992px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; }
  .col-md-12 { width: 100%; }
  .col-md-11 { width: 91.66666667%; }
  .col-md-10 { width: 83.33333333%; }
  .col-md-9 { width: 75%;}
  .col-md-8 { width: 66.66666667%; }
  .col-md-7 { width: 58.33333333%; }
  .col-md-6 { width: 50%;}
  .col-md-5 { width: 41.66666667%; }
  .col-md-4 { width: 33.33333333%; }
	/*비밀번호확인 부분*/  
	/* .choose-list .col-md-4 {width:25%;} */
  .col-md-3 { width: 25%; }
  .col-md-2 { width: 16.66666667%; }
  .col-md-1 { width: 8.33333333%; }
}
@media (min-width: 1200px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; }
  .col-lg-12 {width: 100%; }
  .col-lg-11 { width: 91.66666667%;}
  .col-lg-10 { width: 83.33333333%;}
  .col-lg-9 { width: 75%;}
  .col-lg-8 { width: 66.66666667%;}
  .col-lg-7 { width: 58.33333333%;}
  .col-lg-6 { width: 50%;}
  .col-lg-5 { width: 41.66666667%;}
  .col-lg-4 { width: 33.33333333%;}
  .col-lg-3 { width: 25%;}
  .col-lg-2 { width: 16.66666667%;}
  .col-lg-1 { width: 8.33333333%;}
}

/* 기본 */
.sr-only, .hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
.responsive{ max-width: 100%; height: auto;}
.center{text-align:center !important;}
.right{text-align:right !important;}
.left{text-align:left !important;}
.form-control{display:block; width:100%; border:1px solid #ddd; padding:0 10px; vertical-align:middle;}
.form-inline .form-control {display: inline-block; width:auto;}
.ellipsis, .subject{text-align:left;}
.ellipsis>a{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;vertical-align: middle;display:inline-block;max-width:89%;}
td.ellipsis{padding-left:20px;}
.row { margin-right:-.75rem; margin-left:-.75rem;}
.row:before,
.row:after,
.clearfix:before,
.clearfix:after{content:"";display:table;clear:both;}
.float-left, .pull-left{float:left;}
.float-right, .pull-right{float:right;}
.float-wrap{overflow:hidden;}
.indent{padding-left:.5rem;}
.indent .indent{padding-left:22px;}
.outdent{margin-left:-30px;}
.outdent .outdent{margin-left:-22px;}
* + .table {margin-top:1rem;}
.table table{table-layout:fixed;position:relative;}
.table table::after{content:"";display:block;position:absolute;left:0;top:0;width:100%;height:1px;background-color:#000;}
.table th,.table td{border:1px solid #ddd;padding: 1rem .5rem;font-size:.8rem;}
.table th{background-color:#fcfcfc;font-weight:400;font-size:.9rem;}
.table th:first-child,.table td:first-child{border-left:0;}
.table th:last-child,.table td:last-child{border-right:0;}
.all-open th,.all-open td{border-left:0;border-right:0;}
.table.no-scroll table{min-width:inherit;}

.form-control { display: inline-block; width: 100%; height: 40px; padding:10px 20px; font-size: 14px; line-height: 1.42857143; color: #666; background-color: #fff; background-image: none; border: 1px solid #e0dede; font-family:inherit;}
textarea.form-control { height: inherit; resize: none; }
.form-control.ss { width: 50px; }
.form-control.xs { width: 75px; }
.form-control.sm { width: 100px; }
.form-control.md { width: 130px; }
.form-control.mmd { width: 216px; }
.form-control.lg { width: 240px; }
.form-control.xl { width: 300px; }
.form-control.xl1 { width: 342px;}
.form-control.xl2 { width: 360px;}
.form-control.xml { width: 428px; }
.form-control.xxl { width: 700px; }
.form-control.normal { width: auto; }
.form-control::placeholder{color:#666;}


/* 기본 반응형 */
@media screen and (max-width:767px){
	html{font-size:16px;}
  .table{overflow-x:auto;}
	.table table{min-width:700px;}
  .row{margin:0;}
  .col-xs-12{padding:0;}
  .col-xs-12  ~ .col-xs-12{margin-top:1rem;}
  .form-inline .form-control{display:block;width:100%;margin:.5rem 0;}
}

/* 프린트 */
@media print {
  #header, aside, #spot, .cont-bot, #footer{display:none;}
  .container{width:100%!important;}
}


/*gcon 메인 팝업 하단 닫기 영역 css 추가(이동혁-20181018)*/
.close{
	margin:0;
	padding:0;
	background-color:#333;	
}
.btnPopupWinodwChk{
	color:#fff; 
	text-decoration:none;
	
}
.btnPopupWinodwClose{
	color:#fff;
	text-decoration:none;
	float:right;
}

/*1인크리에이티브 추가(dhlee)*/
.conCreator{
	margin-top:10px;
	margin-left:17px;
	
}

.conCreatorP1{
	margin-left:23px;
}

.conCreatorP2{
	margin-left:30px;
}


/* =====================================
2018.12.19 SY,CHo 예약프로그램 - GHUB STYLE 이관 
===================================== */

.tLeft {text-align: left !important;}
.tRight {text-align: right !important;}
.btnRight {margin-top: 30px; text-align: right;}


/*20201201 메인 레이어팝업 수정*/
.layerPop .close {
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
}


/*20201211 경기도공정거래상담센터 */
	.type-wrap {margin-left:-1%}
	.type-third {width:32%;float:left;margin-left:1%;}

	.type-third:first-child {margin-left:0;}
	.type-third .box {margin-left:10px;}
	.jd-ver strong.title {font-size:20px !important;margin-bottom:10px;display: block;}
	@media screen and (max-width: 1200px) and (min-width: 1px) {
		.type-third {margin-left:0;width:100%;float:none;}

		.root_daum_roughmap  {width:100% !important}
	}
	
/*20201218 상담게시판 달력 등 수정*/

/* 시설공간 > 시설/공간 신청 상세보기 */

.facility_detail_wrap{margin-top:5px;padding-top:5px;}
.facility_detail_wrap .reservation_tit{padding:17px 25px;background:#292929;font-size:24px;color:#fff;}
.reservation_wrap{font-size:0;border-bottom:1px solid #e6e6e6;}
.calendar_wrap{display:inline-block;width:48%;padding:0 26px;vertical-align:top;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.calendar{margin-top:25px;}
.calendar_head{position:relative;width:100%;font-size:28px;margin-bottom:20px;box-sizing:border-box;}
.calendar_head .date{display:block;margin:0 auto;font-weight:500;color:#000;text-align:center;letter-spacing:-1.5px;}
.calendar_head .btn{display:block;position:absolute;width:13px;height:19px;}
.calendar_head .btn button{width:13px;height:19px;margin-left:-2px;border:0;cursor:pointer}
.calendar_head .td{overflow:hidden;top:3px;left:17px;width:39px;height:17px;}
.calendar_head .td button{width:39px;height:17px;margin:0}
.calendar_head .btn_month_wrap{position:absolute;top:50%;width:36px;height:36px;-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);}
.calendar_head .btn_prev_wrap{left:0;}
.calendar_head .btn_next_wrap{right:0;}
.calendar_head .btn_month_wrap .btn_month{width:100%;height:100%;background:#666;}
.calendar_head .btn_month_wrap .btn_month:hover,.calendar_head .btn_month_wrap .btn_month:focus{background:#df3b42;}
.calendar_head .btn_month_wrap .btn_month:before{position:absolute;top:50%;left:50%;width:8px;height:16px;background:url(/resources/images/temp/sp_ico.png) no-repeat;-ms-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);content:"";}
.calendar_head .btn_month_wrap .prev_month:before{background-position:-206px -52px;}
.calendar_head .btn_month_wrap .next_month:before{background-position:-218px -52px;}
.tbl_calendar{overflow:hidden;width:100%;margin:0 auto;border:0;border-spacing:0;border-collapse:separate;table-layout:fixed;}
.tbl_calendar th,.tbl_calendar td{position:relative;width:14%;height:70px;border:1px solid #dfdfdf;border-left:none;border-top:none;font-weight:500;text-align:center;line-height:48px;vertical-align:top}
.tbl_calendar th{height:45px;border-top:1px solid #df3b42;border-bottom-color:#a2a2a2;font-size:16px;font-weight:bold;border-right:none;}
.tbl_calendar tr td:last-child{border-right:none;}
.tbl_calendar td.not_month{background:#fafafa;}
.tbl_calendar th a,.tbl_calendar td a{display:inline-block;width:100%;height:100%;vertical-align:top;}
.tbl_calendar td .cal_date{position:relative;top:0;left:0;z-index:1;width:100%;height:100%;padding-bottom:39px;}
.tbl_calendar td a{position:relative;}
.tbl_calendar td a.disable:after{position:absolute;top:50%;left:50%;width:20px;height:20px;background:#9a9a9a;border-radius:20px;-ms-transform:translateX(-50%);-webkit-transform:translateX(-50%);transform:translateX(-50%);content:"";}
.tbl_calendar td a.disable:before{overflow:hidden;position:absolute;border:0;width:1px;height:1px;clip:rect(1px,1px,1px,1px);content:"예약불가";}
.tbl_calendar .sun,.tbl_calendar .sun button{color:#e60012;}
.tbl_calendar .sat,.tbl_calendar .sat button{color:#3366FF;}
.tbl_calendar .selected{background:#faf58c}
.tbl_calendar td .select{background:#fbe5e5;}
.availability{float:none;margin-bottom:20px; display:block;position:relative;margin-top:24px;padding-left:28px;font-size:16px;font-weight:400;color:#000;}
.availability:before{position:absolute;top:50%;left:0;width:20px;height:20px;background:#9a9a9a;border-radius:20px;-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);content:"";}

.reservation_info_wrap{display:inline-block;width:52%;padding:0 26px 44px;border-left:1px solid #e6e6e6;vertical-align:top;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.reservation_info{margin-top:26px;}
.reservation_info .group_title{margin-bottom:16px;font-size:24px;font-weight:bold;color:#000;line-height:1;}
.time_select{padding-bottom:10px;border-top:1px solid #3e3a3b;border-bottom:1px solid #ddd;}
.time_select .section_title{display:inline-block;width:114px;margin-top:10px;padding:0 8px;font-size:16px;color:#000;vertical-align:top;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.time_list{display:inline-block;width:477px;padding:0 27px;vertical-align:top;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.time_item{display:inline-block;width:95px;height:36px;margin:10px 5px 0 5px;line-height:34px;}
/* .time_item:nth-child(1),.time_item:nth-child(2),.time_item:nth-child(3),.time_item:nth-child(4){margin-top:0;} */
/* .time_item:nth-child(4n+1){margin-left:0;} */
.time_item .time_chk_wrap{display:block;position:relative;width:100%;height:100%;font-size:0;}
.time_chk_wrap .chk_time{position:absolute;top:2px;left:2px;z-index:-1;width:10px;height:10px;background:#fff;}
.time_chk_wrap .chk_time+label{display:block;position:relative;width:100%;height:100%;border:1px solid #ddd;font-size:16px;font-weight:400;text-align:center;cursor:pointer;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.time_chk_wrap .chk_time:focus+label {text-decoration:underline}
.time_chk_wrap .chk_time+label:before{display:block;position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;background:#fff;content:"";}
.time_chk_wrap .chk_time:disabled+.selected_time{background:#E3E3E3;color:#fff;}
.time_chk_wrap .chk_time:checked+.selected_time{background:#df3b42;color:#fff;}
.time_chk_wrap .chk_time.on + .selected_time{background:#df3b42;color:#fff;}
.notice_text{margin-top:8px;text-align:right;}
.notice_text span{display:inline-block;position:relative;padding-left:23px;font-size:14px;font-weight:400;color:#df3b42;}
.notice_text span:before{position:absolute;top:50%;left:0;width:17px;height:17px;background:#df3b42;border-radius:17px;color:#fff;text-align:center;line-height:1;vertical-align:middle;-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);content:"!";}

.booker_info{border-top:1px solid #3e3a3b;border-bottom:1px solid #ddd;}
.booker_info_list:nth-child(2n+1){background:#fafafa;}
.booker_info_list .booker_info_title{display:inline-block;width:114px;padding:10px;font-size:16px;font-weight:bold;color:#000;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.booker_info_list .booker_info_content{display:inline-block;width:570px;padding:10px 27px;font-size:16px;color:#4b4b4b;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.textarea_wrap{position:relative;height:150px;border:1px solid #ddd;background-color:#fff;box-sizing:border-box;-webkit-box-sizing:border-box}
.textarea_wrap .textarea{width:100%;height:100%;padding:10px 12px;border:none;font-size:15px;color:#656565;box-sizing:border-box}
.textarea_wrap .textarea.is_focus{position:relative;z-index:5;background:#fff}
.textarea_wrap label{position:absolute;top:10px;left:12px;margin-bottom:0;font-size:16px;font-weight:400;color:#afafaf;word-break:keep-all;}
.reservation_info_wrap .btn_wrap{margin-top:24px;}
.reservation_info_wrap .btn_wrap .btn_application{width:100%;}
.facility_detail_wrap .btn_wrap{margin-top:35px;text-align:right;}

@media screen and (max-width:1239px){
    .facility_detail_wrap{margin-top:36px;}
    .calendar_wrap{padding:0 16px;}
    .tbl_calendar th, .tbl_calendar td{height:50px;}
    .tbl_calendar td button{padding-bottom:26px;}
    .reservation_info_wrap{padding:0 16px 44px;}
    .time_select{padding:10px 0;}
    .time_select .section_title{width:25%;padding:0 8px;}
    .time_list{width:75%;padding:0 8px;}
    .time_item{width:23.5%;margin:10px 2px 0 2px;}
    .booker_info_list .booker_info_title{width:25%;padding:10px 8px;}
    .booker_info_list .booker_info_content{width:75%;padding:10px 8px;}
}
@media screen and (max-width:846px){
    .time_item:nth-child(4){margin-top:10px;}
}
@media screen and (max-width:767px){
    .facility_detail_wrap{margin-top:18px;padding-top:32px;}
    .facility_detail_wrap .reservation_tit{padding:12px 11px;font-size:2.1rem;}
    .reservation_wrap{border:1px solid #e6e6e6;}
    .calendar_wrap{display:block;width:100%;padding:0 10px 18px;border-bottom:1px solid #e6e6e6;}
    .calendar{margin-top:10px;}
    .calendar_head{margin-bottom:8px;font-size:2rem;}
    .calendar_head .btn_month_wrap{width:24px;height:24px;}
    .calendar_head .btn_month_wrap .btn_month:before{width:4px;height:8px;background-image:url(/resources/images/temp/sp_ico_res.png);background-size:150px auto;}
    .calendar_head .btn_month_wrap .prev_month:before{background-position:-85px -7px;}
    .calendar_head .btn_month_wrap .next_month:before{background-position:-91px -7px;}
    .tbl_calendar th, .tbl_calendar td{height:26px;font-size:1.5rem;line-height:24px;}
    .tbl_calendar th a, .tbl_calendar td a{height:26px;}
    .tbl_calendar td{height:46px;}
    .tbl_calendar td a{height:100%;}
    .tbl_calendar td button{padding-bottom:20px;font-size:1.5rem;}
    .tbl_calendar td a.disable:after{top:60%;width:10px;height:10px;border-radius:10px;}
    .availability{margin-top:12px;padding-left:14px;font-size:1.2rem;}
    .availability:before{width:10px;height:10px;border-radius:10px;}

    .reservation_info_wrap{display:block;width:100%;padding:0 10px 20px;border:none;}
    .reservation_info{margin-top:24px;}
    .reservation_info:first-of-type{margin-top:14px;}
    .reservation_info .group_title{margin-bottom:12px;font-size:2rem;}
    .time_select .section_title{display:none;}
    .time_list{display:block;width:100%;padding:0;}
    .time_chk_wrap .chk_time+label{font-size:1.5rem;}
    .notice_text{margin-top:6px;}
    .notice_text span{font-size:1.5rem;}
    .booker_info_list .booker_info_title{width:30%;padding:10px 4px;font-size:1.7rem;font-weight:normal;}
    .booker_info_list .booker_info_content{width:70%;padding:10px 4px;font-size:1.7rem;}
    .textarea_wrap .textarea{padding:6px 8px;}
    .textarea_wrap label{top:6px;left:8px;}
    .facility_detail_wrap .btn_wrap{margin-top:18px;}
    .reservation_info_wrap .btn_wrap{margin-top:20px;}


    .time_item:nth-child(4){margin-top:0;}
}


.reservation_wrap__tab {font-size:15px;margin-top:10px; margin-bottom:10px;}
.reservation_wrap__tab a {display:inline-block;height:40px;line-height:38px;text-align:center;width:120px;border:1px solid #ddd;margin-right:10px;font-size:16px;font-weight:bold;margin-bottom:3px;}

.reservation_wrap__tab a.on {background-color:#000;color:#fff;}
.reservation_wrap__tab a:focus {text-decoration:underline;}
.reservation_wrap__tab a.on:focus {text-decoration:none;}

.calendar_wrap .ir_text{text-indent:-9999px;font-size:0px;}
.calendar_body .tbl_calendar td p {font-size:15px;position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

@media screen and (max-width:1239px){
	.calendar_body .tbl_calendar td a.disable p {font-size:0px;}
	.tbl_calendar td a.disable:after {top:30% !important;}
}

/*20201231 윤리경영소개 - 사회공헌 2020탭 내용 추가
.three-list {padding-top:10px;}
.three-list li {float:left;width:33%;text-align: center;}
.three-list li .item1 {margin-bottom:4px;}
.three-list li .item2 {margin-bottom:20px;}
@media screen and (min-width:1px) and (max-width:1200px) {

	.three-list li {width:50%;}
	.three-list li .item1 {margin-left:4px;margin-right:4px;}
	.three-list li img {max-width: 100%;}
}
*/

/*20210105 윤리경영소개 - 사회공헌 2020탭 내용 추가*/
.three-list {padding-top:10px;}
.three-list > li {float:left;width:50%;text-align: left;min-height:340px;}
.three-list > li .item1 {margin-bottom:4px;margin-left:35px;}
.list.dash:after {content:' ';clear:both;visibility: hidden;display: block;}
.list.dash li {float:none;}
@media screen and (min-width:1px) and (max-width:1200px) {

	.three-list > li {width:50%;}
	.three-list > li .item1 {margin-left:4px;margin-right:4px;}
	.three-list > li img {max-width: 100%;}
}
@media screen and (min-width:1px) and (max-width:480px) {
	.three-list > li {width:100%;}

}

    .down-btn {
        margin: auto;
        margin-top: 40px;
        background-color: #fff;
        display: block;
        width: 310px;
        height: 60px;
        line-height: 60px;
        padding: 0 20px;
        text-align: left;
        border: 1px solid #ddd;
        font-size: 16px;
        color: #333;
        }
    .down-btn img {
        margin-left: 11px;
        margin-bottom: 7px;
    }
	.bg-area {
		position: relative;
		margin-top: 70px;
		    padding: 2rem 0 !important;
	}
		@media screen and (min-width: 1px) and (max-width: 768px) {
			.bg-area {padding:2rem .75rem !important;}
		}
	.mid-tit {
		width: 162px;
		height: 184px;
		display: block;
		margin: auto;
		position: absolute;
		top: -89px;
		left: 50%;
		transform: translateX(-50%);
		
	}
    .mid-wrap{
        display: flex;
        justify-content: space-between;
    }
    .mid-wrap > div > img{
            width: 100%;
        }
    @media screen and (max-width: 768px) and (min-width: 1px) {
		.mid-wrap{
        display: block;
		/*margin-top:100px;*/
        }
        .mid-wrap > div{
        max-width: 400px;
        margin: auto;
        margin-bottom: 30px;
        }

	}


				#accordian{
					margin: auto;
					width: 100%; 
					height: auto; 
					}
				#accordian > ul {
					width: 100%;
					height: auto;
					border-top: 1px solid #333;
				}
				#accordian > ul > li{ 
					border-bottom:1px solid #fff;
					width: 100%; 
					height: auto;
				}
				#accordian > ul > li >h1{ 
					padding: 15px 20px;
					cursor:pointer;
					/* padding: 0; */
					width: 100%;
					height: 100%;
					text-align: left;
					font-weight: bold;
					font-size: 15px;
					position: relative;
					padding-right: 53px;
					}
				#accordian > ul > li > h1 .ico_ar {
					position: absolute;
					display: inline-block;
					right: 20px;
					top: 21px;
					width: 21px;
					height: 12px;
					background-image: url("https://www.gcon.or.kr/resources/component/crosseditor/binary/images/000039/q-arrow_1.png");
					background-repeat: no-repeat;
					background-position: center;
					background-size: contain;
					}
				#accordian > ul > li >h1 > a {
					display: flex;
					}
				#accordian > ul > li >h1 > a > img{
					flex-shrink: 0;
					width: 32px;
					height: 32px;
					margin-right: 10px;
					}
				
				#accordian li > ul{ display:none;}
				#accordian li > ul >li{ 
					box-sizing:border-box;
					padding: 15px 20px;
					width: 100%;
					height: auto; 
					text-align:justify;
					color:#777;
					border-top: 1px solid #ddd;
					border-bottom: 1px solid #ddd;
					background-color: #f9fafb;
					padding-left: 60px;
					position: relative;
				}
				#accordian li > ul >li::before{
					content: '';
					width: 32px;
					height: 32px;
					display: inline-block;
					background-image: url("https://www.gcon.or.kr/resources/component/crosseditor/binary/images/000039/a-icon.png");
					background-repeat: no-repeat;
					background-position: center;
					background-size: contain;
					margin-bottom: -9px;
					margin-right: 8px;
					position: absolute;
					left: 20px;
				}
				
				#accordian a:focus{text-decoration:underline;}

				.bottom-wrap__tit {
				margin-top: 15px;
				}


/*오시는길 쪽 접근성*/
.ngiimap_mapmodebox {display:none;}

/*회원가입 sns쪽 접근성*/
.form-control::placeholder {
  color: #333;
}
/*회원가입 입력 쪽 캘린더 버튼 삭제*/
#insertPersonForm .ui-datepicker-trigger {display:none;}
/*게시판 리스트 접근성*/
/* .subject .ellipsis {display:inline-block;} */
.subject .ellipsis:focus span{border:2px solid gold}
.subject a:focus {text-decoration:underline}
/*자동가입방지*/
.newfix {display: inline-block;
    border: 1px solid #555;
    color: #fff;
    background-color: #555;
    height: 30px;
    line-height: 28px;
    vertical-align: middle;
    font-size: 14px;
    padding-left: 10px;
    padding-right: 10px;
}
.newfix:focus {color:gold;text-decoration:underline;}

/*메인 팝업존*/
.popupzone-list .linkImage a:focus img {border:1px solid gold}



/*20210329 경기게임문화센터 소개페이지*/
.icon-box > div .box .cont {font-size:16px;}
.design-ul {margin-left:-40px;margin-bottom:80px;word-break:keep-all; display:flex;flex-wrap: wrap;}
.design-ul > li {float:left;min-width:33.33%;flex:1;}
.design-ul.ver2 {width:60%;margin:0 auto;margin-bottom:60px;padding-right:40px;}
.design-ul.ver2 > li {width:50%;}
.design-ul.ver2n {width:90%;margin:0 auto;margin-bottom:60px;padding-right:40px;}
.design-ul.ver2n > li {width:50%;}


.design-ul > li .boxN {margin-left:40px;box-sizing: border-box;width:auto;border:1px solid #ddd;}
.design-ul > li .boxN {
	min-height: 100%;
	text-align: center;
	font-size: 17px;
	padding: 30px 20px 10px 20px;
	background-color: #fff; 
}

.design-ul > li .boxN .tagN {
	width: 130px;
	height: 65px;
	background: #375786;
	position: relative;
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 auto;
	top: -65px;
	line-height: 1.4;
	border-radius: 0; }
	
.design-ul > li .boxN .tagN::before {
	content: "";
	position: absolute;
	top: -39px;
	left: 0;
	width: 0;
	height: 0;
	border-left: 65px solid transparent;
	border-right: 65px solid transparent;
	border-bottom: 40px solid #375786; }

.design-ul > li .boxN .tagN::after {
	content: "";
	position: absolute;
	bottom: -39px;
	left: 0;
	width: 0;
	height: 0;
	border-left: 65px solid transparent;
	border-right: 65px solid transparent;
	border-top: 40px solid #375786; }

	.design-ul > li:nth-child(2) .boxN .tagN {
	background-color: #3b3686; }
	.design-ul > li:nth-child(2) .boxN .tagN::before {
		border-bottom-color: #3b3686; }
	.design-ul > li:nth-child(2) .boxN .tagN::after {
		border-top-color: #3b3686; }
	.design-ul > li:nth-child(3) .boxN .tagN {
	background-color: #523686; }
	.design-ul > li:nth-child(3) .boxN .tagN::before {
		border-bottom-color: #523686; }
	.design-ul > li:nth-child(3) .boxN .tagN::after {
		border-top-color: #523686; }

	
	.design-ul > li.blue-type .boxN .tagN {
	background-color: #0938a4; }
	.design-ul > li.blue-type .boxN .tagN::before {
		border-bottom-color: #0938a4; }
	.design-ul > li.blue-type .boxN .tagN::after {
		border-top-color: #0938a4; }

	.design-ul > li.purple-type .boxN .tagN {
	background-color: #4e3787; }
	.design-ul > li.purple-type .boxN .tagN::before {
		border-bottom-color: #4e3787; }
	.design-ul > li.purple-type .boxN .tagN::after {
		border-top-color: #4e3787; }

	.design-ul > li.green-type .boxN .tagN {
	background-color: #1f6529; }
	.design-ul > li.green-type .boxN .tagN::before {
		border-bottom-color: #1f6529; }
	.design-ul > li.green-type .boxN .tagN::after {
		border-top-color: #1f6529; }


	.design-ul .list.dash {text-align: left;word-break: keep-all;}
	.design-ul .list.dash li {margin-bottom:10px;}


.design-ul.short > li .boxN {
	min-height:200px;
}
.design-ul.short2 > li .boxN {
	min-height:250px;
}

	@media screen and (min-width:1px) and (max-width:1200px){
		.photo-area.ver2 .bg {height:300px;}
		.design-ul.ver2 {width:90%}
	}

	@media screen and (min-width:1px) and (max-width:768px){
		.design-ul {display:block;}
		.icon-box > div .box {font-size:17px;}
		.cont-mid h2.title.ver2 {padding-left:10px;}
		.design-ul {margin-left:0}
		.design-ul > li {width:100%;float:none;margin-bottom:100px;margin-left:0;}
		.design-ul > li .boxN {min-height:100px;margin-left:0;}
		
		.design-ul.ver2 {width:100%;margin-left:0;padding-right:0px;}
		.design-ul.ver2 > li {width:100%;margin-left:0;}
		.design-ul.ver2n {width:100%;margin-left:0;padding-right:0px;}
		.design-ul.ver2n > li {width:100%;margin-left:0;}
		.design-ul > li .left_20 {padding-left:0}
	}



.design-ul.ver3 > li {width:50%;} /*사업설명회쪽*/
.design-ul.ver3 > li .boxN {font-size:19px;min-height:260px;}
.design-ul-circle {display:flex;flex-wrap:wrap; width:100%;}
.design-ul-circle li {min-width:25%;flex:1;text-align:center;margin-bottom:20px;}
.design-ul-circle__item {display:inline-block;width:100px;height:100px;background-color:#f0f3f7;
	box-sizing:border-box;
	border-radius:100%;
	padding-top:26px;
	line-height:1.3;
	color:#375786;
	font-size:18px;
}
.type2 .design-ul-circle__item {background-color:#f1f0f9;color:#3b3686;}
.design-ul-circle__item:focus {border:1px solid gold}


	@media screen and (min-width:1px) and (max-width:900px){
		.design-ul.ver3 > li {width:100%;margin-bottom:100px;}
		.design-ul.ver3 > li:last-child {margin-bottom:0;}
	}
	@media screen and (min-width:1px) and (max-width:480px){
		.design-ul-circle li {min-width:33.33%;}
	}



.hidden_word {position:absolute;top:0;left:-9999px;text-indent:-9999px;height:0px;overflow:hidden;}

/*인증마크*/
.web-mark {text-align:right;padding-top:20px;}

	@media screen and (min-width:1px) and (max-width:768px){
	.web-mark {display:none;}
}

/*20210702*/
@media (max-width:768px){
	.tabmenu.exception > li{width:auto;}
	.tabmenu.exception > li > a {padding-right: 30px;}
	.tabmenu.exception > li > a:before{ right: 7px;}
}


/*20210702*/
@media screen and (min-width: 1px) and (max-width: 768px){
	.vision-box{margin-top:0 !important;}
}

.default_lay7_col > ul{
    display: flex ;
    justify-content: center;
    align-items: stretch;
}
.default_lay7_col > ul > li{width:25%;box-sizing: border-box; padding: 10px;    }
.default_lay7_col .wraps{
    width:100%;
    background-color: #fff;
    border-radius: 20px;
    box-shadow: 5px 9px 9px 2px rgba(174, 214, 236, 0.59);
    height: 100%;
}
.default_lay7_col .wraps .top{border-top-left-radius: 20px; border-top-right-radius: 20px; overflow: hidden ; }
.default_lay7_col .wraps .top img{width: 100%; }
.default_lay7_col .wraps .bottom{padding: 10px 25px;}
.default_lay7_col .wraps .bottom span{display: block; font-size: 15px; padding: 5px 10px; text-align: center;  margin: 0 auto;  margin-top: 5px; margin-bottom:10px; color: #fff; border-radius: 30px; }
.default_lay7_col .wraps .bottom span.type1{background-color: #229f96}
.default_lay7_col .wraps .bottom span.type2{background-color: #00a0c6}
.default_lay7_col .wraps .bottom span.type3{background-color: #0075ba}
.default_lay7_col .wraps .bottom span.type4{background-color: #005a95}
.default_lay7_col .wraps .bottom h2{font-size: 21px;  text-align: center; margin-bottom: 10px;}
.default_lay7_col .wraps .bottom ul li{position: relative; margin-bottom: 5px; padding-left: 10px; font-size: 14px;}
.default_lay7_col .wraps .bottom ul li:before{content: ''; width: 3px; height: 3px; background:#0070c3;  position: absolute; left: 0; top: 10px;  border-radius: 20px; }

.lay11_imgwrap{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.lay11_imgwrap > .lay11_imgbox{
    margin-right: 10px;
    margin-bottom: 10px;
}
.lay11_imgwrap > .lay11_imgbox > img {
    width: 100%;
}

@media screen and (min-width: 1px) and (max-width: 768px){
	.default_lay7_col > ul{
		flex-wrap: wrap;
	}
	.default_lay7_col > ul > li{
		width: 50%;
	}
	.lay11_imgwrap{
		flex-wrap: wrap;
    justify-content: center;
	}
}
@media screen and (min-width: 1px) and (max-width: 500px){
	.default_lay7_col > ul{
		flex-wrap: wrap;
	}
	.default_lay7_col > ul > li{
		width: 100%;
	}
}

/* 230608 */
.tbl_calendar th a,.tbl_calendar td a {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.calendar_body .tbl_calendar td a:focus p{text-decoration:underline;}