@charset "utf-8";
/*
	Contents CSS _ 15.05.27
*/


/*공통*/
.btn-sumit{background:#505050; color:#ffffff; width:100%; border:1px solid #505050 !important}
span.btn_sumit2{display:inline-block; padding:0.750em; background:#505050; color:#ffffff; width:100%; border:1px solid #505050 !important}

.ad-btn{background:#505050; color:#ffffff ;border:0}
.ok_btn{text-align:center; margin-top:40px; vertical-align:top;}
.ok_btn li{display:inline-block; vertical-align:top}
.ok_btn li button{background:#505050; color:#ffffff; padding:15px 30px; font-size:1em; border:1px solid #505050 !important; height:49px}
.ok_btn li a{display:block; padding:15px 30px; background:#808080; color:#ffffff; border:1px solid #808080; line-height:1.333; height:49px}
.bdline{border-bottom:1px dashed #808080; padding-bottom:40px; margin-bottom:40px;}
.btn_blgr{background:#0c88e6; color:#ffffff; display:inline-block; padding:3px 10px;}

.redTxt{color:#e10000}
.no_pc.fss{font-size:13px}
.mt10{margin-top:10px;}

input.w-col{width:60px !important;}
input.w-col05{width:25% !important;}
input.w-col04{width:25% !important;}
input.w-col03{width:30.3% !important}
input.w-col01{width:100% !important}
input.w60{width:60% !important}

@media all and (min-width:360px) {
	input.w-col05{width:20% !important;}

}
@media all and (min-width:768px) {
	.litebox-overlay .litebox-container{width:600px}
}
/*로그인*/
.login_box{background:#f5f5fa; padding:5%; border-top:3px solid #505050}
.login_box h4{font-size:40px; margin-bottom:25px; text-align:center; text-transform:uppercase}
.login_box p.tac{text-align:center;margin-bottom:20px;}

.login_top, .login_bottom{max-width:500px; margin: 0 auto;}
.login_top  .input_txt li input{width:100%}
.login_top  li{margin-bottom:10px;}

.login_top .rem{line-height:70px; height:70px;}


.login_bottom{overflow:hidden; border-top:1px solid #808080;}
.login_bottom li{display:inline-block; }
.login_bottom li:first-child{margin-right:20px}
.login_bottom li a{line-height:50px; height:50px; display:block}
.login_bottom li a:before{font-family:'FontAwesome'; content:'\f061'; margin-right:10px; display:inline-block; font-size:0.85em}

@media all and (min-width:1024px) {
	.login_box p.tac{margin-bottom:40px;}
}

/*아이디 비밀번호찾기*/
.search_box{background:#f5fafa; padding:5%; border-top:3px solid #505050; overflow:hidden;}
.search_box p.tac{text-align:center;margin-bottom:20px;}

.search_box h4{font-size:40px; margin-bottom:20px; text-align:center; text-transform:uppercase}
.search_box h5{font-weight:bold; color:#323232; font-size:1.1em; margin-bottom:20px; }
.search_box .box{padding-bottom:30px; margin-bottom:30px; border-bottom:1px dashed #808080}
.search_box .box:last-child{padding-bottom:0; margin-bottom:0; border-bottom:0}
.search_box .box li {margin-bottom:10px}
.search_box .radio_btn{overflow:hidden;}
.search_box .radio_btn li{float:left; width:50%;}
.search_box .box .input_txt li input{width:100%}

@media all and (min-width:1024px) {
	.search_box p.tac{margin-bottom:40px;}

	.search_box .box{border-bottom:0px;}
	.search_box .box:last-child{margin-left:7%; border-bottom:0}
	.search_box .box{width:42%; float:left;}
}


/*회원가입*/


.member_step{margin:0 auto; width:100%;margin-bottom:20px; padding-bottom:20px; text-align:center;}
.member_step li{ display:inline-block ; height:20px; line-height:20px; font-size:0.85em; font-weight:600; padding-left:15px; background:url("../img/arr_next.gif") no-repeat 0 50%; background-size:8px auto}
.member_step li:first-child{padding-left:0px; background:none; margin-left:0px}
.member_step li:last-child{margin-right:0px;}
.member_step li.on{color:#505050;}
.member_step li span{padding:5px; line-height:100%; float:left; display:block;border-radius:20px; margin-right:5px; background:#c8c8c8; color:#ffffff; font-weight:600; margin-top:0px; }
.member_step li.on span.num{ background:#505050; }

.join_box h4{font-size:1.2em; font-weight:bold; margin-bottom:20px; color:#323232}
.join_box .agreebox{border:1px solid #ccc;background:#fff;padding:25px;height:200px;overflow-y:auto;margin-bottom:15px; background:#f5f5fa}
.join_box .radio_btn{overflow:hidden; }
.join_box .radio_btn li{display:inline-block;  margin-right:5%; font-weight:bold }


@media all and (min-width:768px) {
	.member_step{padding-bottom:30px; margin-bottom:30px;}
	.member_step li{height:25px; line-height:25px; font-size:1em; padding-left:30px; margin-left:20px;}
}

@media all and (min-width:1200px){
	.member_step li{height:35px; line-height:35px; font-size:1.2em; padding-left:40px; margin-left:30px;}
	.member_step li span{margin-top:5px; margin-right:10px;}
}

/*회원가입양식*/

#wrap_zip {width:270px; left:-35%;}
@media all and (min-width:640px) {
	#wrap_zip {left:0%; width:100%;}
}

.form_box{border-top:3px solid #505050; overflow:hidden;}
.form_box li{overflow:hidden; border-bottom:1px solid #e6e6e6; }
.form_box li .fm_list{padding:0px 5px; display:block; width:25%; float:left; font-size:0.9em; padding:.750em .786em;}
.form_box li .fm_txt{display:block; padding:0px 5px; width:75%; float:left; font-size:0.9em; padding:.750em .786em;}
.form_box li .fm_txt input{width:100%}
.form_box li .inauto input{width:auto}
.form_box li.long .fm_list{border-bottom:1px solid #e6e6e6;}
.form_box li.long .fm_list, .form_box li.long .fm_txt{width:100%}

.form_box li.long input{width:auto}
.form_box li.long input.w60{width:60%}

.form_box .select_date{font-weight:700; font-size:1.1em}

@media all and (min-width:768px) {
	.form_box li .fm_list, .form_box li .fm_txt{font-size:1em}
	.form_box li .fm_list{line-height:40px;}
	.form_box li .fm_txt input{width:auto}
}

@media all and (min-width:1200px) {
	.form_box li .fm_txt input.w-col01{width:60% !important}
}


/*아이디비밀번호찾기팝업*/
.wrapsrch{max-width:500px; min-width:300px; width:100%;}
.wrapsrch h1{background:#0c88e6; color:#ffffff; padding:15px 30px; color:#ffffff; margin-bottom:20px; font-weight:bold;}
.wrapsrch h2{font-weight:bold; margin-bottom:10px;}
.wrapsrch .srch_box{padding:30px;}
.wrapsrch .serbg{padding:10px; border:1px solid #e6e6e6; background:#f5fafa; text-align:center; margin-bottom:20px;}
.wrapsrch .serbg p b{font-weight:bold; color:#0c88e6}

.wrapsrch .sercon{padding:10px;}
.wrapsrch .sercon ul:first-child{border-bottom:1px solid #e6e6e6}
.wrapsrch .sercon ul{margin-bottom:10px; padding-bottom:10px;}

.srchbtn_li{overflow:hidden; margin-bottom:30px;}
.srchbtn_li li{float:left; width:50%; text-align:center;border:1px solid #0c88e6;}
.srchbtn_li li a{display:block; padding:10px 0px; }
.srchbtn_li li:first-child{background:#0c88e6; color:#ffffff}
.srchbtn_li li:first-child a{color:#ffffff}
.srchbtn_li li:last-child a{color:#0c88e6}


/*약관*/
.ex_top{padding:3%; border:1px solid #e6e6e6}
.provisionBox h4{font-weight:bold; font-size:1.2e; color:#323232}
.provisionBox h5{font-weight:bold; font-size:1.1em; color:#323232}
.provisionBox h6{font-weight:bold}


/*프로그램*/
.month_box{text-align:center; margin-bottom:20px}
.month_box .mon_b{position:relative; max-width:500px; margin: 0 auto;}
.month_box .mon_tit {font-size:40px; font-weight:normal}
.month_box .mon_btn:before{font-family:'FontAwesome'; content:'\f061'; display:inline-block; position:absolute; top:0; bottom:0; margin:auto 0; line-height:60px; right:10%}
.month_box .btn_mon_prev:before{content:'\f060'; right:auto; left:10%}
.month_box .mon_btn span{display:none}

.event_box .tit{display:none;}
.event_box .sel-chk{overflow:hidden; padding:10px 0.25em; background:#f5f5fa; margin-bottom:10px; font-size:0.85em}
.event_box .sel-chk span{display:inline-block; margin-right:5px; width:30%; margin-bottom:5px;}

@media all and (min-width:768px) {
	.event_box .sel-chk{padding:20px; font-size:0.95em; margin-bottom:20px;}
}

@media all and (min-width:1200px) {
	.event_box .sel-chk{text-align:center;}
	.event_box .sel-chk span{width:auto; margin-right:15px;}
}

/*
.chk {position: relative}
.chk input[type="checkbox"] {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
.chk input[type="checkbox"] + label {display:inline-block;position:relative;padding-left:30px;font-size:13px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}
.chk input[type="checkbox"] + label:before {content:'';position:absolute;left:0;top:50%;margin:-9px 0 0 0;width:18px;height:18px;text-align:center;background:#fff;border:1px solid #ccc;box-sizing:border-box;}
.chk input[type="checkbox"] + label:active:before,
.chk input[type="checkbox"]:checked + label:active:before {}
.chk input[type="checkbox"]:checked + label:before {background:#373737;border:1px solid #373737}
.chk input[type="checkbox"]:checked + label:after {content:"";display:block;position:absolute;width:18px;height:18px;left:0;top:50%;margin:-9px 0 0 0;background:url(/_Img/Content/blt12.png) no-repeat center center}
.chk input[type="checkbox"]:focus + label:before {outline:rgb(59, 153, 252) auto 5px}
*/

.cal_table{width:100%; border-top:3px solid #808080}
.cal_table th, .cal_table td{padding:0.5em 0.25em; font-size:0.9em}
.cal_table th{padding:1em 0.25em; font-weight:400; border-bottom:1px solid #e6e6e6}
.cal_table td{border-bottom:1px solid #e6e6e6; vertical-align:top}

.cal_table th.cDay6{color:#2f99db}
.cal_table .cDay6 .num{color:#2f99db}
.cal_table th.cDay0{color:#ff0707}
.cal_table .cDay0 .num{color:#ff0707}
.no_pc{margin:20px 0px}
@media all and (min-width:768px) {
	.cal_table th, .cal_table td{padding:15px 10px; }
	.no_pc{display:none}
}


/*table cell내용*/

.dayCon {min-height:50px}
.on_sche .in_sche{display:none;}
.on_sche .on{display:block; width:15px; height:15px; background:#505050; border-radius:100px; margin:10px}
.on-btn{display:inline-block; width:10px; height:10px; background:#505050; border-radius:100px; margin-right:10px}
.s-data00 .on,
.s-data00 .in_sche h5 span:first-child,
.sub-data00 span.tits
{background:#0f7bcd !important}
.s-data01 .on,
.s-data01 .in_sche h5 span:first-child,
.sub-data01 span.tits
{background:#ff6c00 !important}
.s-data02 .on,
.s-data02 .in_sche h5 span:first-child,
.sub-data02 span.tits
{background:#f6ca4f !important}
.s-data03 .on,
.s-data03 .in_sche h5 span:first-child,
.sub-data03 span.tits
{background:#656565 !important}
.s-data04 .on,
.s-data04 .in_sche h5 span:first-child,
.sub-data04 span.tits
{background:#507991 !important}
.s-data05 .on,
.s-data05 .in_sche h5 span:first-child,
.sub-data05 span.tits
{background:#c0b2d1 !important}

@media all and (min-width:768px) {
	.dayCon {min-height:100px}
	.on_sche .on{display:none}
	.on_sche .in_sche{display:block;}
	.on_sche .in_sche h5{font-size:1em; margin-bottom:5px}
	.on_sche .in_sche h5 span{display:inline-block}
	.on_sche .in_sche h5 span:first-child{font-size:0.8em; display:inline-block; padding:2px 10px; border-radius:100px; color:#ffffff; margin-bottom:3px}

}

/*레이어팝업행사내용*/

#in_schedule{ font-size:0.9em;}
#in_schedule .ins_top{text-align:center;}
#in_schedule .ins_top h5 {font-size:1.2em; font-weight:700; margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #808080}
#in_schedule .ins_top span.tits{color:#ffffff; border-radius:50px; display:inline-block; padding:5px 10px; font-size:0.8em; background:#808080; margin-bottom:10px; font-weight:normal}
#in_schedule .info_img img{width:100%; margin-bottom:20px !important;}
#in_schedule .info_detail{overflow:hidden; text-align:left; padding:10px 0px 5px; border:1px solid #808080; border-width:1px 0px; margin-bottom:20px;}
#in_schedule .info_detail li{float:left; width:50%; overflow:hidden;}
#in_schedule .info_detail span{float:left; display:inline-block; margin-right:10px; margin-bottom:5px; word-break:break-all}
#in_schedule .info_detail span.in_tit{font-weight:bold; clear:both;}
#in_schedule .s_content{height:80px; overflow-y:scroll; margin-bottom:20px;}
#in_schedule .s_content p{line-height:1.4}
#in_schedule .ins_bottom {text-align:center;}
#in_schedule .ins_bottom .s_end{margin:20px 0;}
#in_schedule .ins_bottom .btn_entry {display:inline-block; padding:5px 20px; border:2px solid #505050; color:#505050; border-radius:50px}
#in_schedule .ins_bottom a.btn_entry{background:#0f7bcd; color:#ffffff; border-color:#0f7bcd}
#in_schedule .ins_bottom .form_box{text-align:left;}

@media all and (min-width:768px) {
	#in_schedule{ font-size:1em;}
}

@media all and (min-width:1200px) {
	#in_schedule .ins_top h5{font-size:1.4em;}
	#in_schedule .info_detail{padding:20px;}
	#in_schedule .s_content{height:150px}
}




/*대관신청 달력*/
.move_table{overflow-x:scroll}
.move_table table{min-width:700px;}
.space_schel .space_c{font-size:0.8em;}
.space_schel .space_c h5{background:#505050; color:#ffffff; text-align:center}
.space_schel .space_c .txt{color:#e10000}
.space_schel .space_c .no{color:#aa8a46}

@media all and (min-width:768px) {
	.move_table{overflow-x:hidden}
}



/*대관신청양식*/
.slt_space{overflow:hidden; text-align:center; font-size:0.9em}
.slt_space ul li{display:inline-block; text-align:center; width:48%; font-weight:bold; font-size:1.2em; border:1px solid #e6e6e6; background:#87a0b2; padding:10px 20px; vertical-align:top; color:#ffffff}
.slt_space ul li img{max-width:50px}
.slt_space ul li.select{background:#0f7bcd;}
.slt_space ul li.select input.labelauty:checked + label{border-color:#ffffff; }
.slt_space ul li input.labelauty + label{border-color:#6f7d85}
.slt_space ul li.select input.labelauty + label{border-color:#0f7bcd}
.slt_space ul li b{display:block; font-size:0.8em; font-weight:normal; }
.space_form .form_box li .fm_txt input.w-col01{width:100% !important}
.space_form .btn_blgr{font-size:0.8em; padding:5px 10px; margin:.750em .786em}
.space_form .btn_blgr:before{font-family:'FontAwesome'; content:'\f073'; display:inline-block; margin-right:5px}
.space_form h4{font-size:30px; font-weight:normal; line-height:58px; margin-bottom:20px; text-align:center}
@media all and (min-width:768px) {
	/*.slt_space ul li{display:inline-block; text-align:center; width:24%;}*/
	.slt_space ul li{display:inline-block; text-align:center; width:16%;}

	.space_form #in_schedule{border-right:1px solid #e6e6e6; padding-right:10px}
}
/*대관신청양식 레이어달력*/
.ins_calender{margin: 0 auto; margin-bottom:20px}
.ins_calender .reser_off{background:#f5f5fa}
.ins_calender .reser_off a{cursor:default}
.ins_calender .dayCon{max-height:50px; min-height:30px;}
.ins_calender table{max-width:500px; margin:0 auto;  background:#ffffff}
.ins_calender table td a{display:block; position:relative;}
.ins_calender a.select_hover:before{content:''; position:absolute; width:20px; height:20px; border:2px solid #0f7bcd; left:0; right:0; bottom:0; top:0; margin:auto; border-radius:50px}
.ins_calender a.select_on:before{content:''; position:absolute; width:20px; height:20px; border:2px solid #0f7bcd; background:#0f7bcd; left:0; right:0; bottom:0; top:0; margin:auto; border-radius:50px}

.space_select p{font-size:1.4em; text-align:center; font-weight:700; margin-bottom:20px;}
#in_schedule .space_select{max-width:500px; margin:0 auto;}
#in_schedule .space_select .select_time{padding:10px 10px 5px; text-align:center; border-color:#c8c8c8; background:#f5f5fa}
#in_schedule .space_select .select_time li{width:100%; max-width:300px; margin: 0 auto; float:none}
#in_schedule .space_select .select_time li .btn_time{display:inline-block; padding:4px 10px; border:1px solid #c8c8c8; background:#ffffff}
#in_schedule .space_select .select_time li .btn_time.no{background:#c8c8c8; background:#f5f5f5; color:#c8c8c8}
#in_schedule .space_select .select_time li .btn_time.on{background:#0f7bcd; color:#ffffff; border:1px solid #0f7bcd}
#in_schedule .space_select .select_time li span{float:none}

#in_schedule .space_select .onlytime li{width:47%; float:left; margin: 0 1.5%;}

.space_info{padding:3%; border:1px solid #e6e6e6; background:#f5f5fa;}
.space_info h5{font-weight:bold; margin-bottom:10px; color:#323232}
.space_info ul{margin-bottom:20px;}
.space_info ul li{font-size:0.9em}
.space_info ul:last-child{margin-bottom:0}

/*동의박스*/
.conform_box{display:block; overflow:hidden; padding:3%; border:1px solid #c8c8c8; font-size:0.9em}
.conform_box ul li{margin-bottom:20px; padding-bottom:10px; border-bottom:1px solid #e6e6e6; position:relative; }
.conform_box ul li label{margin-bottom:5px;}
.conform_box ul li label.radio-icon{display:block}
.conform_box ul li:last-child{margin-bottom:0px; padding-bottom:0px; border-bottom:0}
.conform_box ul li:last-child label{marign-bottom:0}
.conform_box ul li span.inbtn{display:inline-block; padding:5px 10px; background:#0f7bcd; color:#ffffff;}
.conform_box ul li span.inbtn a{color:#ffffff}
#inline-pop2 .btn_blgr{padding:10px 20px}

@media all and (min-width:768px) {
	.conform_box ul li span.inbtn{position:absolute; right:0; top:0;  margin: auto auto}
}

.counsel_form .col-02:first-child{border-right:1px solid #e6e6e6}
.counsel_form .btn_blgr{font-size:0.8em; padding:5px 10px; margin:.750em .786em}
.counsel_form .btn_blgr:before{font-family:'FontAwesome'; content:'\f073'; display:inline-block; margin-right:5px}
/*
.is-file-sfrm {display:inline-block;height:auto;position:relative;overflow:hidden;vertical-align:middle;}
.is-file-sfrm input[type=file] {width:0px;height:0px;overflow:hidden;position:absolute;left:-9999em;top:-9999em;}
.is-file-sfrm .is-fbtn {display:inline-block;height:2.2em;line-height:1.3em;background:#666;color:#FFF;font-size:12px;border:0;padding:0 5px;vertical-align:middle;box-sizing:content-box;}
.is-file-sfrm .is-fnm {max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block;height:1.3em;line-height:1.3em;font-size:1em;vertical-align:middle;}*/


/*FAQ*/


.responsive-tabs__list { display: none;}
.responsive-tabs__heading { display: block; cursor: pointer; }
.responsive-tabs__panel--closed-accordion-only { display: none;}


.responsive-tabs__list { margin: 2em 0 0 0; padding: 0;border-bottom: 1px solid #ddd; padding-bottom:11px; line-height: 1em;}
.responsive-tabs__list__item--active,
.responsive-tabs__list__item--active:hover {  background: #fff; border-bottom-color: #fff;}
.responsive-tabs__heading {padding: 0.5em;	position: relative;}
.responsive-tabs__heading:after {
	content:"";
	display: block;
	position: absolute;
	right:0.780em;
	top: 40%;
	width: 8px;
	height: 8px;
	border-radius:50px;
	background:#808080
}
.responsive-tabs__heading:hover,
.responsive-tabs__heading--active:hover { background-color: #f5fafa}
.responsive-tabs__heading--active { background: #fff;}
.responsive-tabs__heading--active:after {
	background:#0f7bcd
}


/*3d프린트신청*/
.reser_ing{margin-bottom:20px; display:none;}
.reser_ing h6{font-size:1.15em; color:#323232; font-weight:600; margin-bottom:10px; border-left:5px solid #cfdb00; padding-left:10px; line-height:100%; margin-bottom:20px;}
.reser_ing h6 span{font-size:14px; display:inline-block; margin-left:10px}
.reser_ing table{font-size:0.85em;}
.reser_ing table.comm_table td{padding:10px 3px;}
.reser_ing table span{display:inline-block; font-size:11px; padding:5px; border-radius:3px; color:#ffffff; background:#ff6c00; width:35px; text-align:center; line-height:100%; font-weight:600}
.reser_ing table span.no{background:#808080}

@media all and (min-width:1024px) {
	.reser_ing{display:block}
}

.fablab_top{border-top:2px solid #323232; padding:25px 0px; border-bottom:1px solid #dcdcdc;}
.fablab_top:after{content:''; clear:both; display:block}
.fablab_top .photo{position:relative;}
.fablab_top .photo .sysncSlider{margin-bottom:10px;}
.fablab_top .photo h4{position:absolute; display:inline-block; left:0; top:0; background:#323232; border-top:5px solid #cfdb00; /*background:rgba(207,219,0,0.97);*/color:#ffffff; padding:25px 10px; z-index:10; font-weight:bold;}
.fablab_top .info h5{font-size:1.3em; font-weight:600; margin-bottom:20px; color:#000000}
.fablab_top .info dl{overflow:hidden;}
.fablab_top .info dl dt{font-weight:600; width:75px; float:left; clear:both; color:#00000}
.fablab_top .info dl dd{width:calc(100% - 75px); float:right;}
.fablab_top .info dl dt,
.fablab_top .info dl dd{margin-bottom:3px;}
.fablab_top .cal ul.btn li a{display:block; padding:15px 30px; text-align:center; background:#0c88e6; color:#ffffff}
.fablab_top .cal ul.btn li:last-child{margin-bottom:0px;}

.fablab_top .cal h6{background:#323232; color:#ffffff; padding:10px 15px; font-weight:600; border-left:5px solid #cfdb00}

.fablab_top #in_schedule{font-size:0.9em; border:1px solid #dcdcdc; margin-bottom:20px; padding:20px; }
.fablab_top .ins_calender{margin-bottom:0;}

@media all and (min-width:1024px) {
	.fablab_top{padding:50px 0px}
	.fablab_top .photo{width:50%; float:left;}
	.fablab_top .photo .sysncSlider{margin-bottom:0px;}
	.fablab_top .cal{width:50%; float:left; padding:0 0px 0 30px}

	.fablab_top .cal_table th, .cal_table td{padding:10px 5px}
}

@media all and (min-width:1200px) {
	.fablab_top .info h5{font-size:1.9em;}
	.fablab_top .info dl dt,
	.fablab_top .info dl dd{margin-bottom:5px;}
	.fablab_top .photo{width:60%;}
	.fablab_top .cal{width:40%;  padding:0 0px 0 50px}
}

.dropbtn {background:#ffffff; width:100%; text-align:left; border:1px solid #dcdcdc; height:auto; position:relative; padding:15px 15px}
.dropbtn:after{font-family:'FontAwesome'; content:'\f107'; position:absolute; right:10px; color:#0c88e6; }
.dropdown {margin-bottom:20px; position:relative;}
.dropdown ul{padding:10px;}
.dropdown ul li{padding:5px 0px; font-size:0.9em; cursor: pointer;}
.dropdown ul li.off{color:#969696}
.dropmenu {display: none; width:100%; position: absolute;  z-index: 5; background:#ffffff; border:1px solid #dcdcdc; border-width:0 1px 1px 1px; margin-top:-1px}
.dropmenu a {display:block}
.dropmenu a:hover {background-color: #ddd}
.dropdown .show {display:block;}

#fablab{max-width:500px; margin:0 auto;}
#fablab h6{background:#323232; color:#ffffff; padding:10px 15px; font-weight:600; border-left:5px solid #cfdb00}
#fablab h6 span{display:inline-block; margin-left:10px; font-size:0.9em;}
.sitBox{background:#f5f5fa; padding:20px;}
.sitBox .info{font-size:13px;}
.sitBox .info li{vertical-align:middle; margin-bottom:7px;}
.sitBox .info li:last-child{margin-bottom:0}
.sitBox .info li span{vertical-align:middle; display:inline-block; width:20px; height:20px; margin-right:10px; border-radius:3px;}
.sitBox .info li span.ok{border:2px solid #dcdcdc;}
.sitBox .info li span.no{background:#c8c8c8}


.sitting{margin-bottom:10px;}
.sitting ul{overflow:hidden; max-width:300px; margin:0 auto; text-align:center; position:relative; padding-left:50px;}
.sitting ul:before{display:block; position:absolute; left:0; top:5px; bottom:5px; width:20px; background:#c8c8c8; content:'스크린'; color:#ffffff; padding:15px 5px; font-size:12px;  text-align:justify; text-align:center;}
.sitting ul li{display:inline-block; width:35px; line-height:35px; text-align:center; margin:5px;}
.sitting ul li a{display:block; width:100%; height:35px; border:2px solid #dcdcdc; border-radius:3px; transition:0.3s; font-weight:600}
.sitting ul li a:hover{border-color:#0c88e6; color:#0c88e6}
.sitting ul li a.on{background:#0c88e6; border-color:#0c88e6; color:#ffffff;}
.sitting ul li a.off{background:#c8c8c8; border-color:#c8c8c8; }
.sitting ul li a.off:hover{color:inherit}

#fablab #in_schedule .space_select .select_time li .btn_time.on{background:#0c88e6; border-color:#0c88e6}
#fablab #in_schedule .space_select .select_time{background:#f5f5fa}
#fablab #in_schedule .space_select .select_time li .btn_time.no{background:#f5f5fa}


/*210723_참석자명검색*/
.space_form .form_box li .fm_txt input.name_search{width:calc(100% - 60px) !important;}

.name_srch_box{position:relative}
.name_srch_box:after{content:''; clear:both; display:block;}
.name_srch_box input.name_search{width:calc(100% - 60px); float:left; height:36px;}
.name_srch_box button.ad-btn{width:60px; float:left; height:36px}

.name_srch_box ul li{border-bottom:0; font-size:0.9em}
.name_srch_box .finder_box{clear:both; padding:10px; border:1px solid #e6e6e6; margin-bottom:10px; display: none;}
.name_srch_box .finder_box ul li{margin-bottom:5px}
.name_srch_box .finder_box ul li label{border-radius:500px; font-weight:600; font-size:0.9em}
.name_srch_box .finder_box ul li:last-child{margin-bottom:0px}
.name_srch_box .finder_result{clear:both; }
.name_srch_box .finder_result ul li{background:#0c88e6; padding:5px 5px; border-radius:500px; margin-bottom:5px; position:relative; padding-right:20px; display:inline-block; vertical-align:top}
.name_srch_box .finder_result ul li:last-child{margin-bottom:0px;}
.name_srch_box .finder_result ul li a{display:block; cursor:pointer; font-size:0.85em; color:#ffffff}
.name_srch_box .finder_result ul li a.close i{position:absolute; width:15px; height:15px; right:4px; top:0; bottom:0; margin:auto;  border-radius:500px; }
.name_srch_box .finder_result ul li a.close i:before{content:''; display:block; border-radius:500px;}
.name_srch_box .finder_result ul li a.close i:after{content:'X'; color:#ffffff; font-weight:600; width:100%; height:100%; text-align:center; position:absolute; top:0; left:0; font-size:0.9em; line-height:15px;}



/*귀환청년*/

.pop_con h1{font-weight:800; font-size:1.2em; text-align:center; padding:10px 0px; color:#000000}

.form_box02 ul{overflow:hidden; border-top:1px solid #808080; }
.form_box02 li{overflow:hidden; border-bottom:1px solid #e6e6e6; }
.form_box02 li .fm_list{padding:0px 5px; display:block; font-size:0.9em; padding:.750em 0 0px; font-weight:600; color:#000000}
.form_box02 li .fm_txt{display:block; padding:0px 5px; font-size:0.9em; padding:.750em 0;}
.form_box02 li .fm_txt input{width:100%;  height:45px; line-height:45px;}
.form_box02 li .fm_txt select{width:100%;  height:45px; line-height:45px;}
.form_box02 li .fm_txt button{line-height:45px; height:45px}
.btn_in a{display:block; line-height:55px; height:55px; padding:0 20px; background:#0077cd; color:#ffffff; text-align:center;}

.pop_con .pointbox{font-size:0.9em}

@media all and (min-width:768px) {
	.pop_con h1{font-size:1.4em}

	.form_box02 li{border-bottom:0px;}
	.form_box02 li:last-child{border-bottom:1px solid #e6e6e6}
	.form_box02 li .fm_list,
	.form_box02 li .fm_txt{float:left;width: 72%;}
	.form_box02 li .fm_list, .form_box02 li .fm_txt{font-size:1em;}
	.form_box02 li .fm_list{width: 28%;padding:1em;max-width:200px;line-height:45px;}
	.form_box02 li .fm_txt{padding:1em}
	.form_box02 span.sp_txt{margin-left:10px; line-height:45px;}
	.form_box02 li .fm_txt input{width:auto}
	.form_box02 li .fm_txt input.mid_input{min-width:400px}
	.btn_in a{display:inline-block; padding:0 50px}
}



#home_project .finder_result{clear:both;}
#home_project .finder_result ul{margin-top:10px; border:0}
#home_project .finder_result ul li{background:#0c88e6; padding:7px 10px; border-radius:500px; margin-bottom:5px; position:relative; padding-right:20px; display:inline-block; vertical-align:top}
#home_project .finder_result ul li:last-child{margin-bottom:0px;}
#home_project .finder_result ul li a{display:block; cursor:pointer; font-size:0.85em; color:#ffffff}
#home_project .finder_result ul li a.close i{position:absolute; width:15px; height:15px; right:4px; top:0; bottom:0; margin:auto;  border-radius:500px; }
#home_project .finder_result ul li a.close i:before{content:''; display:block; border-radius:500px;}
#home_project .finder_result ul li a.close i:after{content:'X'; color:#ffffff; font-weight:600; width:100%; height:100%; text-align:center; position:absolute; top:0; left:0; font-size:0.9em; line-height:15px;}

/*체크박스커스텀*/

.agreebox{padding:20px; height:200px; overflow:hidden; overflow-y:scroll; border:1px solid #ddd; border-bottom:0px; font-size:0.9em; line-height:1.4; }
.agreebox p, .agreebox li{word-break:break-all;}
.agree_check{margin:0 auto;  border:1px solid #ddd; line-height:50px; padding:0 3%; position:relative; font-size:0.9em}
.agree_check > input{position:absolute;left:0;top:0;opacity:0;width:0;height:0}
.agree_check > label{padding-left:35px;display:inline-block; height:25px;line-height:25px;margin-left:0; color:#1c1c1c;background-repeat:no-repeat;background-position:left; background-image:url('../img/check.png');background-size:25px 50px;cursor:pointer; background-position:0 0}
.agree_check > input:checked + label{background-position:left -25px;}

.checkwrap{margin:0 auto; position:relative;}
.checkwrap > input{position:absolute;left:0;top:0;opacity:0;width:0;height:0}
.checkwrap > label{padding-left:35px;display:inline-block; height:25px;line-height:25px;margin-left:0; color:#1c1c1c;background-repeat:no-repeat;background-position:left; background-image:url('../img/check.png');background-size:25px 50px;cursor:pointer; background-position:0 0}
.checkwrap > input:checked + label{background-position:left -25px;}


@media all and (min-width:768px) {
	.agree_check{padding:0 20px}
}