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


/*공통*/
.btn-sumit{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 ul li{display:inline-block;}
.ok_btn ul li button{background:#505050; color:#ffffff; padding:15px 30px; font-size:1em; border:1px solid #505050 !important; height:49px}
.ok_btn ul li a{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:#345468; 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:20% !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:768px) {
.litebox-overlay .litebox-container{width:600px}
}
/*로그인*/
.login_box{background:#f5f5f5; 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:#f5f5f5; 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:10%; border-bottom:0}
.search_box .box{width:45%; 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:#f5f5f5}
.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;}
}

/*회원가입양식*/
.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}
}

/*약관*/
.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:#f5f5f5; 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:#345568 !important}
.s-data01 .on,
.s-data01 .in_sche h5 span:first-child,
.sub-data01 span.tits
{background:#ba6055 !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:#345568; color:#ffffff; border-color:#345568}
#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:#6f7d85; padding:10px 20px; vertical-align:top; color:#ffffff}
.slt_space ul li img{max-width:50px}
.slt_space ul li.select{background:#345568;}
.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:#345568}
.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%;}

.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:#f5f5f5}
.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 #345568; 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 #345568; background:#345568; 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:#f5f5f5}
#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:#345568; color:#ffffff; border:1px solid #345568}
#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:#f5f5f5;}
.space_info h5{font-weight:bold; margin-bottom:10px; color:#345568}
.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:#345568; 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: #f5f5f5}
.responsive-tabs__heading--active { background: #fff;}
.responsive-tabs__heading--active:after {
	background:#345568
 }