@charset "utf-8";
html *{box-sizing: border-box;}

@media (max-width: 1023px){
	#body_layout.b_type .contents_wrap{padding-bottom:50px}
}

/* screen reader only */
.sr-only{overflow:hidden;position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;clip:rect(0,0,0,0)}
.red{margin-right:3px;color:#c00}

/* mypage tab */
.tab_wrap{margin:0 auto 20px}

@media only screen and (min-width:768px){
	.tab_wrap{margin:0 16% 40px;text-align:center}
	.tab_wrap .tab-ul{display:inline-block;width:100%}
	.tab-ul.tab-col-3 li{width:33.5%}
}

@media only screen and (min-width:1024px){
	.tab_wrap{margin:0 30% 40px}

}

/* 대관신청 : fcltyResveApplcnt/calendar.jsp */
.thumbMenuWrap{overflow:hidden;width:100%}
.thumbMenuWrap .thumbArea{float:left;width:45%;margin-top:10px}
.thumbMenuWrap .thumbArea .forRatio{position:relative;width:100%}
.thumbMenuWrap .thumbArea .forRatio:before{display:block;padding-top:75%;content:''}
.thumbMenuWrap .thumbArea .forRatio .innerWrap{position:absolute;top:0;right:0;left:0;bottom:0}
.thumbMenuWrap .thumbArea .forRatio .innerWrap button{position:absolute;top:50%;z-index:10;width:40px;height:40px;margin-top:-20px;border-radius:50%;background-color:#000;opacity:0.5;transition:all .2s}

.thumbMenuWrap .thumbArea .forRatio .innerWrap button:focus,.thumbMenuWrap .thumbArea .forRatio .innerWrap button:hover{opacity:1}
.thumbMenuWrap .thumbArea .forRatio .innerWrap .btnPrev{left:10px}
.thumbMenuWrap .thumbArea .forRatio .innerWrap .btnNext{right:10px}
.thumbMenuWrap .thumbArea .forRatio .innerWrap .btnPrev:after{position:absolute;top:50%;left:50%;width:9px;height:16px;margin-top:-8px;margin-left:-5px;background:url(/images/lll/prog/arrow_img.png) no-repeat -27px 0;content:''}
.thumbMenuWrap .thumbArea .forRatio .innerWrap .btnNext:after{position:absolute;top:50%;left:50%;width:9px;height:16px;margin-top:-8px;margin-left:-4px;background:url(/images/lll/prog/arrow_img.png) no-repeat -18px 0;content:''}
.thumbMenuWrap .thumbArea .forRatio .innerWrap .thumbList{overflow:hidden;position:relative;width:100%;height:100%}
.thumbMenuWrap .thumbArea .forRatio .innerWrap .thumbList li{position:absolute;width:100%;height:100%}
.thumbMenuWrap .thumbArea .forRatio .innerWrap .thumbList li img{width:100%;height:100%}
.thumbMenuWrap .thumbArea .bullet{padding:15px 0;text-align:center}
.thumbMenuWrap .thumbArea .bullet button{width:10px;height:10px;margin:0 5px;border:1px solid #aaa;background-color:#fff}
.thumbMenuWrap .thumbArea .bullet .current{background-color:#333}
.thumbMenuWrap .descriptArea{position:relative;float:right;width:50%}
.thumbMenuWrap .descriptArea .title{position:relative;margin-bottom:20px;padding-right:188px;padding-bottom:15px;font-size:28px;font-family:'nsr';font-weight:600;line-height:120%}
.thumbMenuWrap .descriptArea .title:after{position:absolute;right:0;left:0;bottom:0;z-index:5;width:100%;height:4px;background:url(/images/lll/prog/bg_dashed_line.png) repeat-x;content:''}
.thumbMenuWrap .descriptArea .title:before{position:absolute;left:0;bottom:0;z-index:10;width:180px;height:4px;background-color:#e84847;content:''}
.thumbMenuWrap .descriptArea .cat{ display: block;position: absolute; top: 0; left: 73%; height: 38px; padding: 7px 20px; font-size: 15px; color: #fff; background-color: #e74746; }
.thumbMenuWrap .descriptArea .cat1{background-color: #e74746}
.thumbMenuWrap .descriptArea .cat2{background-color: #6e7683}
.thumbMenuWrap .descriptArea .guideText{margin-top:20px}
.thumbMenuWrap .descriptArea .guideText li{position:relative;overflow:hidden;margin-bottom:5px;padding-left:150px;line-height:180%;font-size:15px}
.thumbMenuWrap .descriptArea .guideText li:before{content: "";position: absolute;top: 12px;left: 0;display: inline-block;width: 4px;height: 4px;background-color:#e43e3e;vertical-align: middle;}
.thumbMenuWrap .descriptArea .guideText li b{display:inline-block;float:left;position:relative;min-width:137px;margin-left:-137px;vertical-align:top}
.thumbMenuWrap .descriptArea .iconList{position:relative;margin-top:40px;border:1px solid #ccc}
.thumbMenuWrap .descriptArea .iconList strong{display:inline-block;position:absolute;top:-10px;left:20px;padding:0 10px;background-color:#fff}
.thumbMenuWrap .descriptArea .iconList .borderWrap{overflow:hidden;padding:30px 20px}
.thumbMenuWrap .descriptArea .iconList .borderWrap li{float:left;width:19.3%;height:50px;margin:10px 0;text-align:center}
.thumbMenuWrap .descriptArea .iconList .borderWrap li img{margin-bottom:0}
.thumbMenuWrap .descriptArea .iconList .borderWrap li span{display:block;margin-top:5px;letter-spacing:-1px;text-align:center}

@media screen and (max-width:999px){
	.thumbMenuWrap .descriptArea .iconList .borderWrap li{width:24.3%}
}

@media screen and (max-width:799px){
	.thumbMenuWrap .thumbArea{float:none;width:100%}
	.thumbMenuWrap .descriptArea{float:none;width:100%}
	.thumbMenuWrap .descriptArea .title{padding-top: 50px;padding-right: 0;}
	.thumbMenuWrap .descriptArea .cat{top: 7px;left: 0;}
}

@media screen and (max-width:460px){
	.thumbMenuWrap .descriptArea .iconList .borderWrap li{width:33.3%}
}

.reservationWrap{overflow:hidden;}
.reservationWrap .calendarArea{}
.reservationWrap .calendarArea .title{float:left;margin-top:0;font-size:22px;font-weight:bold;line-height:88%;font-family:'nsr';font-weight:800;color:#000;letter-spacing:-1px}
.reservationWrap .calendarArea .info{float:right;margin-bottom:15px}
.reservationWrap .calendarArea .info span{display:inline-block;padding:3px 6px;color:#111}
.reservationWrap .calendarArea .info .not{border:1px solid #ddd;background:url(/images/lll/prog/bg_pattern2.png)}
.reservationWrap .calendarArea .info .ok{border:1px solid #ccc;background-color:#fff}
.reservationWrap .calendarArea .info .select{border:1px solid #e74746;background-color:#e74746;color:#fff}
.reservationWrap .calendarArea .calendar{clear:both;width:100%;padding:40px 20px 35px;border:1px solid #ddd}
.reservationWrap .calendarArea .calendar .calHeader{position:relative;text-align:center}
.reservationWrap .calendarArea .calendar .calHeader .calDate{display:inline;font-size:36px;font-weight:bold;line-height:100%;color:#000;letter-spacing:-2px}
.reservationWrap .calendarArea .calendar .calHeader .calBtn{position:absolute;top:5px;line-height:30px;cursor:pointer}
.reservationWrap .calendarArea .calendar .calHeader .prev{left:0;padding-left:40px}
.reservationWrap .calendarArea .calendar .calHeader .next{right:0;padding-right:40px}
.reservationWrap .calendarArea .calendar .calHeader .prev:before{position:absolute;top:0;left:0;z-index:1;width:32px;height:32px;border-radius:50%;background-color:#424245;content:''}
.reservationWrap .calendarArea .calendar .calHeader .prev:after{position:absolute;top:7px;left:10px;z-index:2;width:9px;height:16px;background: url(/images/edu/prog/arrow_img.png) no-repeat -27px 0;content:'';}
.reservationWrap .calendarArea .calendar .calHeader .next:before{position:absolute;top:0;right:0;z-index:1;width:32px;height:32px;border-radius:50%;background-color:#424245;content:''}
.reservationWrap .calendarArea .calendar .calHeader .next:after{position:absolute;top:7px;right:10px;z-index:2;width:9px;height:16px;background: url(/images/edu/prog/arrow_img.png) no-repeat -18px 0;content:'';}
.reservationWrap .calendarArea .calendar .schcal_tbl{width:100%;margin-top:27px;border-top:1px solid #555}
.reservationWrap .calendarArea .calendar .schcal_tbl th{padding:12px 0;border-bottom:1px solid #aaa;font-weight:bold;text-align:center}
.reservationWrap .calendarArea .calendar .schcal_tbl td{border-left:1px solid #ccc;border-bottom:1px solid #ccc;font-weight:500;text-align:center;vertical-align:top}
.reservationWrap .calendarArea .calendar .schcal_tbl td:first-child{border-left:none}
.reservationWrap .calendarArea .calendar .schcal_tbl td div{height: 80px;padding:2px 0;}
.reservationWrap .calendarArea .calendar .schcal_tbl td.holiday{background:url(/images/lll/prog/bg_pattern2.png)}
.reservationWrap .calendarArea .calendar .schcal_tbl td.holiday{font-size:12px}
.reservationWrap .calendarArea .calendar .schcal_tbl td a{display:block;width:100%;height:100%}

.reservationWrap .calendarArea .calendar .schcal_tbl td.sun,.reservationWrap .calendarArea .calendar .schcal_tbl td.sun a{color:#c30c57}

.reservationWrap .calendarArea .calendar .schcal_tbl td.sat,.reservationWrap .calendarArea .calendar .schcal_tbl td.sat a{color:#1473b5}
.reservationWrap .calendarArea .calendar .schcal_tbl td.off{background-color:#fafafa}
.reservationWrap .calendarArea .calendar .schcal_tbl td.sun,
.reservationWrap .calendarArea .calendar .schcal_tbl td.sat{background: url(/images/edu/prog/bg_pattern2.png);}
.reservationWrap .calendarArea .calendar .schcal_tbl td.res,.reservationWrap .calendarArea .calendar .schcal_tbl td.hol{background-color: #e6efff;}
.reservationWrap .calendarArea .calendar .schcal_tbl td.res p{overflow: hidden;white-space: nowrap;text-overflow: ellipsis}
.reservationWrap .calendarArea .calendar .schcal_tbl td.selected{background-color: #35377b;font-weight:bold;}
.reservationWrap .calendarArea .calendar .schcal_tbl td.selected a{color:#fff}
.reservationWrap .timeArea{float:right;width:50%}
.reservationWrap .timeArea strong{font-size:22px;font-family:'nsr';line-height:88%;font-weight:800;letter-spacing:-1px}
.reservationWrap .timeArea strong span{display:inline-block;margin-left:20px;font-size:14px;font-weight:normal;vertical-align:baseline}
.reservationWrap .timeArea .timeBtnGroup{width:100%;margin:22px 0 34px;border-collapse:collapse}
.reservationWrap .timeArea .timeBtnGroup:after{display:block;visibility:hidden;clear:both;content:''}
.reservationWrap .timeArea .timeBtnGroup li{display:table;float:left;width:25%;height:100%;margin-left:-1px;margin-top:-1px;vertical-align:middle}
.reservationWrap .timeArea .timeBtnGroup button{display:table-cell;position:relative;width:100%;padding:35px 0 20px;border:1px solid #ddd;font-size:15px;font-weight:600;background-color:transparent;}
.reservationWrap .timeArea .timeBtnGroup button span{display:block;margin-top:3px;text-align:center}
.reservationWrap .timeArea .timeBtnGroup button span:first-child{margin-top:0}
.reservationWrap .timeArea .timeBtnGroup button span.ampm1{color:#293855}
.reservationWrap .timeArea .timeBtnGroup button span.ampm2{color:#5e3a46}
.reservationWrap .timeArea .timeBtnGroup button:focus{padding:29px 0 20px;border:4px solid #424245}
.reservationWrap .timeArea .timeBtnGroup button .check{position:absolute;top:10px;left:50%;width:15px;height:12px;margin-left:-8px;background:url(/images/lll/prog/red_check.png) no-repeat}
.reservationWrap .timeArea .timeBtnGroup button.disable .check{display:none}
.reservationWrap .timeArea .timeBtnGroup button.disable:after{position:absolute;top:15px;left:50%;width:15px;height:12px;margin-left:-8px;background:url(/images/lll/prog/red_x.png) no-repeat;content:''}
.reservationWrap .timeArea .result{overflow:hidden;margin-top:12px;padding:23px 0;border:1px solid #ddd}
.reservationWrap .timeArea .result .date{float:left;width:50%;font-size:15px;font-weight:500;color:#635c56;text-align:center}
.reservationWrap .timeArea .result .date:before{display:inline-block;width:18px;height:18px;margin-right:10px;margin-top:-3px;background:url(/images/lll/common/icon_board.png) no-repeat 0 0;vertical-align:middle;content:''}
.reservationWrap .timeArea .result .time{float:left;width:50%;border-left:1px solid #ddd}
.reservationWrap .timeArea .result .time li{margin-top:5px;font-size:15px;font-weight:500;color:#635c56;text-align:center}
.reservationWrap .timeArea .result .time li:first-child{margin-top:0}
.reservationWrap .timeArea .result .time li:before{display:inline-block;width:18px;height:18px;margin-top:0;margin-right:5px;background:url(/images/lll/common/icon_board.png) no-repeat -21px -1px;vertical-align:middle;content:''}
.reservationWrap .timeArea .submitBtn{width:100%;height:68px;margin-top:32px;border:1px solid #4b4b4e;background-color:#4b4b4e;font-weight:bold;line-height:55px;font-size:18px;color:#fff;transition:all .2s}

.reservationWrap .timeArea .submitBtn:focus,.reservationWrap .timeArea .submitBtn:hover{background-color:#fafafa;color:#333}
.reservationWrap .timeArea .submitBtn .arrow{display:inline-block;position:relative;width:36px;height:36px;margin-left:15px;border:1px solid #424245;border-radius:50%;background-color:#fff;vertical-align:middle}
.reservationWrap .timeArea .submitBtn .arrow:before{position:absolute;top:9px;right:11px;width:9px;height:16px;background:url(/images/lll/prog/arrow_img.png) no-repeat -9px 0;content:''}

@media screen and (max-width:1199px){
	.reservationWrap .calendarArea .calendar{padding:40px 20px 35px}
}

@media screen and (max-width:799px){
	.reservationWrap .calendarArea{float:none;width:100%;margin-bottom:30px}
	.reservationWrap .timeArea{float:none;width:100%}
	.reservationWrap .timeArea .timeBtnGroup{margin-left:1px}

}

@media screen and (max-width:460px){
	.reservationWrap .timeArea strong span{margin-left:0;margin-top:4px}

}

.userGuideWrap{margin-top:50px;padding:40px 60px;border:1px solid #ccc}
.userGuideWrap .title{position:relative;padding-left: 30px;font-size:20px;font-weight:bold;color:#222}
.userGuideWrap .title:before{position: absolute;top: 7px;left: 8px;width: 18px;height: 18px;background: url(/images/lll/prog/tit.jpg) no-repeat;content: '';}
.userGuideWrap .title b{margin:0 15px;font-size:26px;color:#e43e3e}
.userGuideWrap .title b:first-child{margin-left:10px}
.userGuideWrap .title .exMark{display:inline-block;position:relative;width:24px;height:24px;margin-right:20px;border:1px solid #222;border-radius:50%;background-color:#e43e3e;font-size:18px;line-height:24px;text-align:center;vertical-align:middle;color:#fff}
.userGuideWrap .title .exMark:before{position:absolute;top:-5px;right:-5px;left:-5px;bottom:-5px;border:2px solid #222;border-radius:50%;content:''}
.userGuideWrap ul{overflow:hidden;margin-top:30px}
.userGuideWrap ul li{float:left;position:relative;width:50%;min-height:100px;padding:10px 10px 10px 92px}
.userGuideWrap ul li img{position:absolute;top:10px;left:10px}
.userGuideWrap ul li p{line-height:130%}
.btnArea{margin-top:20px;text-align:right}

@media screen and (max-width:799px){
	.userGuideWrap{padding:30px 20px}
	.userGuideWrap ul li{float:none;width:100%;min-height:90px}
}

@media screen and (max-width:460px){
	.reservationWrap .calendarArea .calendar .calHeader .calDate{font-size:28px}
	.reservationWrap .calendarArea .calendar .calHeader .calBtn{top:-3px;font-size: 0;}
	.reservationWrap .calendarArea .calendar .calHeader .prev{padding-left:32px}
	.reservationWrap .calendarArea .calendar .calHeader .next{padding-right:32px}

	.reservationWrap .timeArea .result .date,.reservationWrap .timeArea .result .time{float:none;width:100%}
	.reservationWrap .timeArea .result .time{border-left:none}

}

/* 대관신청_신청내용확인 : fcltyResveApplcnt/myList.jsp */
.thumbListBoard{margin-top:30px}
.thumbListBoard li{overflow:hidden;position:relative;margin-bottom:10px;padding:30px 150px 30px 110px;border:1px solid #ddd }
.thumbListBoard li .number{position:absolute;top:30px;left:30px;width:50px;padding-top:15px;border-top:2px solid #424245;text-align:center}
.thumbListBoard li .number span{display:block;text-align:center}
.thumbListBoard li .infoArea{position:relative;min-height:175px;padding-left:290px}
.thumbListBoard li .infoArea .imgArea{overflow:hidden;position:absolute;top:0;left:0;width:260px;height:175px;background: url(/images/lll/prog/no-img.gif) no-repeat 50% 0%;}
.thumbListBoard li .infoArea .imgArea img{width:100%;height:100%}
.thumbListBoard li .infoArea .name{ display: inline-block; height: 38px; padding: 7px 20px; font-size: 15px; color: #fff; background-color: #e74746;}
.thumbListBoard li .infoArea .n1{background-color: #e74746}
.thumbListBoard li .infoArea .n2{background-color: #6e7683}
.thumbListBoard li .infoArea .title{margin-bottom:20px;font-size:26px;font-weight:bold}
.thumbListBoard li .infoArea .date b{display:inline-block;min-width:80px}
.thumbListBoard li .infoArea .date:before{display:inline-block;width:18px;height:18px;margin-right:5px;background:url(/images/lll/common/icon_board.png) no-repeat 0 -3px;vertical-align:middle;content:''}
.thumbListBoard li .infoArea .time b{display:inline-block;min-width:80px}
.thumbListBoard li .infoArea .time:before{display:inline-block;width:18px;height:18px;margin-right:5px;background:url(/images/lll/common/icon_board.png) no-repeat -21px -1px;vertical-align:middle;content:''}
.thumbListBoard li .infoArea .btnWrap{margin-top:30px}
.thumbListBoard li .stat{overflow:hidden;position:absolute;top:50%;right:30px;width:100px;height:100px;margin-top:-50px}
.thumbListBoard li .stat span{display:block;position:relative;width:100%;height:100%;border-radius:50%;line-height:100px;text-align:center}
.thumbListBoard li .stat .wait{border:1px dashed #555}
.thumbListBoard li .stat .wait:before{position:absolute;top:25px;left:50%;width:16px;height:2px;margin-left:-8px;border-top:2px solid #726458;content:''}
.thumbListBoard li .stat .complete{background-color:#e74746;color:#fff}
.thumbListBoard li .stat .complete:before{position:absolute;top:20px;left:50%;width:15px;height:12px;margin-left:-8px;background:url(/images/lll/prog/wh_check.png) no-repeat;content:''}
.thumbListBoard li .stat .cancel{border:1px solid #424245}
.thumbListBoard li .stat .cancel:before{display: block;position: absolute;top: 47px;left: 2px;z-index: -1;width: 96px;height: 1px;background-color: #424245;transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);-webkit-transform: rotate(45deg);content: '';}
.thumbListBoard li .stat .cancel b{display:inline-block;position:relative;top:1px;z-index:2;background-color:#fff;line-height:200%}
.thumbListBoard li .stat .return{border: 1px solid #e74746;}
.thumbListBoard li .stat .return b{color:#e74746;}
.thumbListBoard li .stat .return b:before{position: absolute;top: 10px;left: 50%;width: 34px;height: 20px;margin-left: -51px;background-color: #fff;content: '';}
.thumbListBoard li .stat .return:before{display: block;position: absolute;top: 16px;left: 40px;width: 16px;height: 20px;background: url(/images/lll/prog/prog_ir.png) no-repeat;background-position: -2px -31px;content: '';}
.thumbListBoard li .stat .return:after{position: absolute;top: 2px;left: 11px;width: 14px;height: 17px;background: url(/images/lll/prog/prog_ir.png) no-repeat;background-position: -26px -31px;content: '';}


@media screen and (max-width:899px){
	.thumbListBoard li .infoArea{min-height:133px;padding-left:230px}
	.thumbListBoard li .infoArea .imgArea{width:200px;height:133px}
	.thumbListBoard li .infoArea .title{margin-bottom:15px;font-size:20px}
	.thumbListBoard li .infoArea .btnWrap{margin-top:20px}
}
@media screen and (max-width:799px){
	.thumbListBoard li{padding:30px}
	.thumbListBoard li .number{position:static;width:100%;padding-top:0;padding-left:10px;border-top:none;border-left:2px solid #726458;text-align:left}
	.thumbListBoard li .number span{display:inline-block;text-align:left}
	.thumbListBoard li .infoArea{min-height:0;margin-top:20px;padding-left:0}
	.thumbListBoard li .infoArea .imgArea{display:none}
}
@media screen and (max-width:460px){
	.thumbListBoard li .infoArea .date{margin-bottom:5px}

	.thumbListBoard li .infoArea .date span,.thumbListBoard li .infoArea .time span{display:block;margin-top:5px}
	.thumbListBoard li .infoArea .btnWrap{position:relative;right:0;bottom:-5px;margin-top:0}
	.thumbListBoard li .infoArea .btnWrap a{display:block;width:98px;}
	.thumbListBoard li .stat{top:150px;margin-top:0}
}

/* form */
input,
textarea,
select{font-size:1em;vertical-align:baseline;vertical-align:middle}

input[type=checkbox],
input[type=radio]{width:14px;height:14px;margin:0;padding:0}

input[type=checkbox]+label,
input[type=radio]+label{margin:0 10px 0 3px;vertical-align:middle;cursor:pointer}

input[type=text],
input[type=password],
input[type=file],
input[type=search]{min-width:120px;width:auto;height:24px;margin:0;padding:4px 5px;border:1px solid #adadad;border-top-color:#adadad}
input[type=file]{height:24px;padding:0 5px;border:1px solid #adadad;font-size:.929em}
:root input[type=file]{margin-bottom:5px;padding:0 5px 0 0;border:none}

input[readonly=readonly],
input[readonly],
input[disabled=disabled],
input[disabled]{border:1px solid #adadad;background:#f3f3f3;color:#928881}

input[type=button],
input[type=reset],
input[type=submit]{min-width:20px;width:auto;height:28px;margin:0;padding:4px 16px;border:1px solid #575757;background:#575757;font-weight:400;font-size:.9em;line-height:1em;color:#fff}
textarea{overflow:auto;width:100%;height:200px;padding:0;border:1px solid #adadad;vertical-align:top}
select{height:28px;margin:0;padding:0;border:1px solid #adadad;border-top-color:#adadad}
legend{visibility:hidden;position:absolute;top:0;left:0;width:1px;height:1px;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999px}
legend{border:0;white-space:normal}

input[type=text],
input[type=password],
input[type=tel],
input[type=email],
input[type=number],
select,
textarea{margin:0;border:1px solid #ccc;color:#666;vertical-align:middle}

input[type=text],
input[type=password],
input[type=tel],
input[type=email],
input[type=number]{line-height:24px}
[class^=form-] *{box-sizing:border-box}
[class^=form-] input[readonly]{background:#e0e0e0}

[class^=form-] input[type=text],
[class^=form-] input[type=password]{min-width:0;width:100%;height:38px;padding:0 5px;line-height:38px}
[class^=form-] select{width:100%;height:38px;padding:0 5px;line-height:38px}
[class^=form-half]>select{width:50%}

.form-mail>*,.form-birthday>*,.form-max>*{margin-top:5px}

.form-mail>:first-child,.form-birthday>:first-child,.form-max>:first-child{margin-top:0}
.form-normal{}
.form-normal input[type=text]{width:auto}
.form-normal .sort{display:inline-block;overflow:hidden}
.form-normal .sort>div{float:left;width:19.25%;margin-left:.75%;padding:10px 0}
.form-normal .sort>div:first-child{margin-left:0}
.form-normal .sort>div input[type=text]{width:100%}
.form-normal .sort>div span{display:inline-block;vertical-align:middle}
.form-max span input[type=radio]{margin:0 5px 0 10px}
.form-max span:first-child input[type=radio]{margin-left:0}
.form-max .find{width:100%;height:38px;padding:0 20px;border:1px solid #c8c8c8}
.form-max .sort{overflow:hidden}
.form-max .sort>div{float:left}
.form-max .sort>div>label{display:block;overflow:hidden;height:38px}
.form-max .sort>div>label>input{}
.form-max .sort>div>label>input+span{}
.form-max .sort .col-10{width:10%}
.form-max .sort .col-10.lm{width:9.5%;margin-left:.5%}
.form-max .sort .col-20{width:20%}
.form-max .sort .col-20.lm{width:19.5%;margin-left:.5%}
.form-max .sort .col-30{width:30%}
.form-max .sort .col-30.lm{width:29.5%;margin-left:.5%}
.form-max .sort .col-40{width:40%}
.form-max .sort .col-40.lm{width:39.5%;margin-left:.5%}
.form-max .sort .col-50{width:50%}
.form-max .sort .col-50.lm{width:49.5%;margin-left:.5%}
.form-max .sort .col-60{width:60%}
.form-max .sort .col-60.lm{width:59.5%;margin-left:.5%}
.form-max .sort .col-70{width:70%}
.form-max .sort .col-70.lm{width:69.5%;margin-left:.5%}
.form-max .sort .col-80{width:80%}
.form-max .sort .col-80.lm{width:79.5%;margin-left:.5%}
.form-max .sort .col-90{width:90%}
.form-max .sort .col-90.lm{width:89.5%;margin-left:.5%}
.form-tel{overflow:hidden}
.form-tel div{float:left;width:28%}
.form-tel div.mid{width:8%;line-height:35px;text-align:center}
.form-tel div select{text-align:center;text-indent:0}
.form-mail{overflow:hidden}
.form-mail div{float:left;width:31%;margin-top:0}
.form-mail div.mid{width:5%;line-height:40px;text-align:center}
.form-mail div.last{width:32%;margin-left:1%}
.form-birthday{}
.form-birthday:after{display:block;clear:both;content:''}
.form-birthday select{float:left;width:32.3%;margin:0 0 0 1%;text-align:center}
.form-birthday select:first-child{margin-left:0}
.form-half{width:45%}

@media(max-width:768px){
	.form-half{width:100%}

}

.form-radio label{display:inline-block;width:20%}
.form-radio.col3 label{width:33%}
.form-radio.normal label{width:auto;margin-left:15px}
.form-radio.normal label:first-child{margin-left:0}

.form-radio input[type=radio],.form-radio input[type=checkbox]{position:relative;top:-1px}
.form-radio .etc{margin:10px 0 0}
.form-radio .etc label{width:auto;margin-right:10px}
.form-radio .etc input[type=text]{width:300px}

@media(max-width:767px){
	.form-radio label{width:auto;padding:3px}
}
.form-max .post{overflow:hidden;width:100%;margin-bottom:3px}
.form-max .post .button{display:inline-block;float:left}
.form-max .post input{float:left;width:150px}
.form-max .post .form_find{float:left;height:38px;margin-left:5px;padding:8px;background-color: #424245;}
.form-textarea{}
.form-textarea textarea{width:100%;height:200px;padding:10px}
.form-multi{overflow:hidden;text-align:center}
.form-multi input{text-align:center}
.form-multi.col6{}
.form-multi.col6>div{float:left;width:16%;margin-left:.6%}
.form-multi.col6>div:first-child{margin-left:.6%}
.form-file{}
.form-file>div{margin-top:10px}
.form-file>div:first-child{margin-top:0}
.form-file input[type=file]{border-width:0}
.form-agree{}
.form-agree .border{padding:30px;border:1px solid #ddd}
.form-agree .summary{padding:30px;background:#f9f9f9}
.form-agree .summary p{}
.form-agree .confirm label{font-weight:bold}

@media(max-width:830px){
	table.response,
	table.response thead,table.response tbody,
	table.response tr,table.response th,
	table.response td{display:block;border-width:1px 0;text-align:center}
	table.response th{background-color:#f2f2f2}
}

/* 대관신청서 작성  fcltyResveApplcnt/writ.jsp */
.fcltyResveTable{width:100%;margin-top:10px;margin-bottom:10px;border-top:2px solid #333;border-bottom:1px solid #ccc;border-collapse:collapse;table-layout:fixed}
.fcltyResveTable th{padding:15px 9px;border-bottom:1px solid #d2d2d2;font-weight:bold;color:#2d2d2d;text-align:center !important;vertical-align:middle;background-color:#fafafa}
.fcltyResveTable td{padding:15px 9px;border-bottom:1px solid #d2d2d2;color:#202020;vertical-align:middle}
.fcltySubmitBtn{margin-top:50px;text-align:center}
.fcltySubmitBtn button{padding:10px 30px;border:1px solid #e43e3e;background-color:#e43e3e;font-weight:bold;font-size:14px;font-weight:400;line-height:1.42857143;color:#fff;transition:all .2s}

/* .fcltySubmitBtn button:focus,.fcltySubmitBtn button:hover{background-color:#fff;color:#e43e3e} */
.fcltySubmitBtn button .arrow{display:inline-block;position:relative;width:30px;height:30px;margin-left:15px;border:1px solid #e43e3e;border-radius:50%;background-color:#fff;vertical-align:middle}
.fcltySubmitBtn button .arrow:before{content: "";position: absolute;top: 0;left: 0;width: 9px;height: 9px;margin-top: -4px;border-top: 1px solid #e43e3e;border-left: 1px solid #e43e3e;position: absolute;top: 50%;left: 6px;transform: rotate(135deg);-moz-transform: rotate(135deg);-ms-transform: rotate(135deg);-o-transform: rotate(135deg);-webkit-transform: rotate(135deg);}

/* 버튼 화살표 */
.btn.line .bico.bticon.arr{background-position:0 0}
.btn-ani.line:active .bico.bticon.arr{background-position:-18px 0}

/* 대관신청_view : fcltyResve/view.jsp */
/* 내용없을 경우 */
/* .thumbListBoard li.resultbox{width:100%;padding:120px 0;border-top:2px solid #726459;background:#f7f7f7;text-align:center}
.ir-logo-prog{display:block;overflow:hidden;width:109px;height:64px;margin:0 auto;background:url(/images/lll/prog/no-img.gif) center center no-repeat}
.result_wrap p{margin-top:20px;font-size:18px} */

/*상태 공통 부분 */
.ui_topic .topic_caption .status{display:block;position:absolute;top:-5px;width:60px;height:60px;padding:18px 0;border-radius:50px;border:1px dashed #726459;text-align:center}
/* .ui_topic .topic_caption .status.wait{border:1px dashed #726459} */
.ui_topic .topic_caption .status span{color:#464646;font-size:15px;font-weight:bold}
.ui_topic .topic_caption .status.end{border:1px solid #e43e3e;background-color:#e43e3e;color:#fff}
.ui_topic .topic_caption .status.end span,
.ui_topic .topic_caption .status.ing span{color:#fff}
.ui_topic .topic_caption .status.cancel,
.ui_topic .topic_caption .status.clos{padding:18px 0;border:1px solid #e3e3e3;background-color:transparent;text-align:center}
.ui_topic .topic_caption .status.return{border:1px solid #e74746}
.ui_topic .topic_caption .status.return span{color:#e74746}
.ui_topic .topic_caption .status.ing{border:1px solid #e43e3e;background-color:#e43e3e}

@media only screen and (min-width:1000px){
	.ui_topic .topic_caption .status{position:absolute;top:21%;right:-117px;width:98px;height:98px;padding:37px 0 35px;text-align:center}
	.ui_topic .topic_caption .status:before{display:block;position:absolute;background:url(/images/lll/prog/prog_ir.png) no-repeat;content:''}
	.ui_topic .topic_caption .status.wait span:before{display:block;position:absolute;background-color:#726458;content:'';top:25px;left:38px;width:17px;height:2px}
	.ui_topic .topic_caption .status.end:before{position: absolute;top: 20px;left: 50%;width: 15px;height: 12px;margin-left: -8px;background: url(/images/lll/prog/wh_check.png) no-repeat;content: '';}
	.ui_topic .topic_caption .status.cancel,
	.ui_topic .topic_caption .status.clos{padding:40px 0;border:1px solid #726459;background:none}
	.ui_topic .topic_caption .status.cancel span,
	.ui_topic .topic_caption .status.clos span{display:inline-block;background-color:#fff;font-weight:bold}
	.ui_topic .topic_caption .status.cancel:before,
	.ui_topic .topic_caption .status.clos:before{top:46px;left:2px;z-index:-1;width:96px;height:1px;background-color:#424245;transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);-webkit-transform:rotate(45deg)}
	.ui_topic .topic_caption .status.return:before{top:16px;left:40px;width:16px;height:20px;background-position:-2px -31px}
	.ui_topic .topic_caption .status.return:after{position:absolute;top:2px;left:11px;width:14px;height:17px;background:url(/images/lll/prog/prog_ir.png) no-repeat;background-position:-26px -31px;content:''}
	.ui_topic .topic_caption .status.return span{position:relative}
	.ui_topic .topic_caption .status.return span:before{position:absolute;top:-31px;left:50%;width:34px;height:20px;margin-left:-51px;background-color:#fff;content:''}
	.ui_topic .topic_caption .status.ing:before{top:22px;left:39px;width:16px;height:12px;background-position:-50px -5px}

}

#fcltyResveApplcntView .ui_topic{overflow:hidden;position:relative}
#fcltyResveApplcntView .ui_topic:first-child{margin-top:0}
#fcltyResveApplcntView .ui_topic .number{display:inline-block;position:relative;padding:8px 6px;border-top:2px solid #726458;font-size:16px;color:#000}
#fcltyResveApplcntView .ui_topic .thumb_wrap .date_box{margin:15px 0;padding:20px;border:1px solid #ddd;background-color:#f6f6f6}
#fcltyResveApplcntView .ui_topic .topic_thumb{overflow:hidden;position:relative;width:100%;padding-top:65%;background-color:#f7f7f7}
#fcltyResveApplcntView .ui_topic .thumb_box{position:absolute;top:0;left:0;width:300%;height:100%;margin-left:-100%;text-align:center}
#fcltyResveApplcntView .ui_topic .thumb_box img{display:inline-block;max-width:none;height:100%}
#fcltyResveApplcntView .ui_topic .topic_thumb .txt{position:absolute;width:100%;padding:8px 0;text-align:center}
#fcltyResveApplcntView .ui_topic .topic_caption{position:relative;margin-top:56px}

#fcltyResveApplcntView .ui_topic .topic_caption .caption-title{position:relative;padding:13px 0 13px 0;text-align:left}
#fcltyResveApplcntView .ui_topic .topic_caption .caption-title:before{position:absolute;left:0;bottom:-3px;z-index:-1;width:100%;height:3px;background:url(/images/lll/prog/dotted_img.png) repeat;content:''}
#fcltyResveApplcntView .ui_topic .topic_caption .caption-title:after{position:absolute;left:0;bottom:-3px;z-index:-1;width:20%;height:3px;background-color:#e84847;content:''}
#fcltyResveApplcntView .ui_topic .topic_caption .caption-title strong{display:block;padding-right:116px;font-size:22px;font-weight:600;font-family:'nsr';color:#000;word-wrap:break-word;word-break:keep-all}

#fcltyResveApplcntView .ui_topic .topic_caption .caption-title .cate{ display: block; position: absolute;top: -37px; left: 0; height: 38px; padding: 7px 20px; font-size: 15px; color: #fff; background-color: #e74746;}
#fcltyResveApplcntView .ui_topic .topic_caption .caption-title .c1{background-color: #e74746}
#fcltyResveApplcntView .ui_topic .topic_caption .caption-title .c2{background-color: #6e7683}

#fcltyResveApplcntView .ui_topic .topic_caption .info_list{margin-top:16px}
#fcltyResveApplcntView .ui_topic .topic_caption .info_list li{position: relative;overflow: hidden;margin-bottom: 5px;padding-left: 132px;line-height: 180%;font-size: 15px;}
#fcltyResveApplcntView .ui_topic .topic_caption .info_list li:before{content: "";position: absolute;top: 12px;left: 0;display: inline-block;width: 4px;height: 4px;background-color:#e43e3e;vertical-align: middle;}
#fcltyResveApplcntView .ui_topic .topic_caption .info_list li b{display: inline-block;float: left;position: relative;min-width: 109px;margin-left: -109px;vertical-align: top;}
#fcltyResveApplcntView .ui_topic .topic_caption .btn_box{margin-top:20px}

@media only screen and (min-width:1000px){
	#fcltyResveApplcntView .ui_topic .topic_thumb{float:left}
	#fcltyResveApplcntView .ui_topic .number{position:absolute;top:48px;left:45px;padding:20px 8px;line-height:22px}
	#fcltyResveApplcntView .ui_topic .number span{display:block}
	#fcltyResveApplcntView .ui_topic .topic_thumb{width:348px;height:230px;padding-top:0}
	#fcltyResveApplcntView .ui_topic .topic_thumb .txt{bottom:-38px}
	#fcltyResveApplcntView .ui_topic .topic_caption{margin-left:396px;margin-top:0}
	#fcltyResveApplcntView .ui_topic .topic_caption .caption-title{padding:0 0 18px;font-size:26px}
	#fcltyResveApplcntView .ui_topic .topic_caption .caption-title:before,
	#fcltyResveApplcntView .ui_topic .topic_caption .caption-title:after{left:0;bottom:4px}
	#fcltyResveApplcntView .ui_topic .topic_caption .caption-title strong{padding-right:180px;font-size:28px;letter-spacing:-2px}
	#fcltyResveApplcntView .ui_topic .topic_caption .caption-title .cate{top: 4px; left: 73%;}
	#fcltyResveApplcntView .ui_topic .topic_caption .status{position:absolute;top:45%;right:34px;width:98px;height:98px;padding:37px 0 36px;text-align:center}
	#fcltyResveApplcntView .ui_topic .topic_caption .info_list{margin:16px 157px 0 0}



}

@media only screen and (min-width:1300px){
	#fcltyResveApplcntView .ui_topic .topic_thumb{width:574px;height:384px}
	#fcltyResveApplcntView .ui_topic .topic_caption{margin-left:618px}
}