@charset "utf-8";

/*광주소식 - 너른고을 광주 신청안내화면 */
.gjSms * {box-sizing:border-box;}
.gjSms {position:relative; width:100%; background:url('/portal/img/sub02/bg_gjsms.png') no-repeat top center; padding:100px 70px 70px; box-sizing:border-box;}

.gjSms .tit {text-align:center; margin-bottom:80px;}
.gjSms .ico {text-align:center;}
.gjSms .smsSummary {position:relative;background:#fff;padding:50px;margin: -50px 70px 30px;z-index:100;border-radius: 10px;}
.gjSms .smsSummary p {text-align:center; font-size:20px; line-height:1.6em; word-break: keep-all;}
.gjSms .smsSummary .summary_b{margin-bottom:35px; font-size:17px;}
.gjSms .smsSummary p em {font-weight:600; color:#000; font-size:1.1em;}
.gjSms .smsSummary div.summary {/*border:4px solid #ddd; padding:30px; margin:30px 0 20px; */ border-top: 2px solid #e3e3e3;margin: 15px auto;width: 30px; }
.gjSms .smsSummary div.summary ul {margin:0 !important;}
.gjSms .smsSummary div.summary li span {font-weight:700; color:#555;}
.gjSms .smsSummary div.summary li div {text-align:right;}
.gjSms .smsSummary .btnWrap {text-align:center;}
.gjSms .smsSummary .btnWrap .btn {border:none; margin:0 15px; border-radius:10px; color:#fff;}
.gjSms .smsSummary .btnWrap .btn:before {display:none;}
.gjSms .smsSummary .btnWrap .btn.apply {background: #ff3385;}
.gjSms .smsSummary .btnWrap .btn.sms {background:#929292;}

@media (max-width:1024px) {
	.gjSms .smsSummary{margin:-45px 0;}
	.gjSms .smsSummary p br {display:none;}

}
@media (max-width:640px) {
	.gjSms {padding:50px 30px 30px;}
	.gjSms .tit{margin-bottom:50px;}
	.gjSms .ico img {width:400px;}
	.gjSms .smsSummary {margin:-40px 0 30px; padding:30px;}
	.gjSms .smsSummary p {font-size:16px;}
	.gjSms .smsSummary p em {font-size:20px;}
	.gjSms .smsSummary div.summary li div {text-align:center;}
	.gjSms .smsSummary .btnWrap .btn {margin:5px;}

}

/*광주소식 - 너른고을 광주 신청화면*/
.gjSmsApply .tbl span {display:inline-block;margin:0px 3px;}
.gjSmsApply .tbl span.orange {width:auto;}
.gjSmsApply .smsBox {border:2px solid #ddd; padding:50px 30px 30px;}
.gjSmsApply .smsBox input {margin-left:20px;}
/* .gjSmsApply .taC .btn {border:2px solid #ddd; padding:10px 30px; border-radius:50px; margin:0 10px;}
.gjSmsApply .taC .btn.submit {border:none; background:#1866af; color:#fff;}
 */

/*광주소식 - 너른고을 광주 조회화면*/
.gjSmsModify .tbl a {padding:5px 15px; margin:0 5px; border-radius:30px;}
.gjSmsModify .tbl a.modify, .gjSmsModify .tbl a.reapply  {background:#1866af; border:none; color:#fff;}

/* 광주비전 */
.gj_vision {padding:2.94em 0 0; margin-top:1.76em; border-top:2px solid #D22259; border-bottom:1px solid #ddd;}
.gj_vision:after {content:''; display:block; clear:both;}
.gj_vision >ul {margin:0 -.58em;}
.gj_vision >ul >li {width:25%; float:left; padding:0 .58em 2.94em; text-align:center;}
.gj_vision a {display:inline-block; width:100%; position:relative;}
.gj_vision a .thumb {padding-bottom:144.4%;}
.gj_vision a .thumb figure {position:absolute; width:100%; height:100%; display:block; left:0; right:0; top:0; bottom:0; overflow:hidden; margin:0;}
.gj_vision a:before {content:'더보기'; width:70px; height:70px; padding:24px 0; font-size:15px; color:#fff; text-align:center; border:1px solid #fff; position:absolute; left:50%; top:50%; margin:-35px 0 0 -35px; opacity:0; transition:opacity .2s; box-sizing:border-box; z-index:1;}
.gj_vision a img {max-width:100%; width:100%;  height:auto; transition:opacity .3s;}
.gj_vision a:hover:after {content:''; position:absolute; width:100%; height:100%; left:0; top:0; right:0; bottom:0; background:rgba(0, 0, 0, .6);}
.gj_vision a:hover:before {opacity:1;}
.gj_vision .title {position:relative;}
.gj_vision .title p {width:4.12em; height:4.12em; padding:.6em 0; color:#fff; text-align:center; background:#5546A9; border-radius:50%; position:absolute; top:-2.06em;; left:50%; margin-left:-2.06em;}
.gj_vision .title span {display:block; line-height:1em;}
.gj_vision .txt {padding-top:2.6em;}

/* 광주비전 상세보기 */
.gj_vision_view { padding:30px 20px; box-sizing:border-box; border-top:2px solid #D22259; border-bottom:1px solid #ddd; }
.gj_vision_view:after{content:''; clear:both; display:block; }
.gj_vision_view .box-notice {box-sizing:border-box; margin-top:30px;}
.gj_vision_view .visual:after {content:''; clear:both; display:block; }
.gj_vision_view .img { float:left; border:1px solid #ddd; width:234px; height:338px; }
.gj_vision_view img { display:block; margin:0 auto; }
.gj_vision_view .txt { float:right; margin-top:20px; width:73%; }
.gj_vision_view .txt li {position:relative;padding-left:17px;font-size:16px;margin:15px 0 0 15px;border-bottom:1px dashed #ddd;padding-bottom:15px;}

@media all and (max-width:768px) {
	.gj_vision >ul >li {width:33.33%;}
	.gj_vision_view .txt {width:100%;}
	.gj_vision_view .img {float:none; margin:0 auto;}
}
@media all and (max-width:640px) {
	.gj_vision >ul >li {width:50%;}

}

/* 문화행사소식 캘린더 */
.two_column.festival > div:first-of-type {margin-right:1.5%;}
.two_column.festival .calendarHead span {font-size:1.7em; }
.two_column.festival .calendar table {border-top:2px solid #D22259;}
.two_column.festival .calendar thead th {padding:.5em 0; background:#fff6fa; border-color:#eec8d7;}
.two_column.festival .bod_list td a {cursor:pointer;}
.two_column.festival .noti {font-size:.9em;}

#conts .festival .schedule {padding-left:0; }
#conts .festival .schedule a > span {background:none; margin:0 auto; text-align:center; cursor:pointer;}
/* #conts .festival .reservationList {word-break:keep-all;} */
#conts .exeSchedule_view {border:1px solid #ddd; }
#conts .exeSchedule_view:hover {border:1px solid #ddd; box-shadow:none !important;}
#conts .exeSchedule_view:before {display:none;}
#conts .exeSchedule_view dt:first-of-type {display:block;}
#conts .exeSchedule_view dt {padding:1rem; width:100px;}