@charset "utf-8";
@font-face {
    font-family: 'GmarketSansLight';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GmarketSansBold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GmarketSansMedium';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
/*통합예약포털 상세페이지*/
.bod_apply_view.integrated .bod_apply_title .thumb{width:485px;}
.bod_apply_view.integrated .bod_apply_title .cont{margin-left: 530px;}

@media screen and (max-width:1024px) {
	.bod_apply_view.integrated .bod_apply_title .thumb {width:300px;}
	.bod_apply_view.integrated .bod_apply_title .cont {margin-left:320px;}
}

@media screen and (max-width:730px) {
	.bod_apply_view.integrated .bod_apply_title .thumb {width:100%;}
	.bod_apply_view.integrated .bod_apply_title .cont{margin-left: 0;padding-bottom: 0;}
}


/* 통합예약포털 상세페이지 type 2*/

.bod_app_detail {display:block; position:relative;}
.bod_app_detail > * {border-bottom:1px solid #c5c9d6;}
.bod_app_detail h4 {text-align:center; padding:1em 0 !important; margin:0 !important; border-top:1px solid #333;}
.bod_app_detail h4:before {display:none !important; padding-left:0 !important; text-align:center;}
.bod_app_detail h4 .icons {padding-bottom:1.5rem;}
.bod_app_detail h4 .icons * {font-size:.6em; font-weight:400; padding:.2em .5em; border-radius:4px; margin:0; min-width:6em; border:1px solid transparent;}
.bod_app_detail h4 .icons .list-icon[data-type*="마감"] {border:1px solid #003583; color:#003583;}
.bod_app_detail h4 .icons .list-icon[data-type*="접수 중"],
.bod_app_detail h4 .icons .list-icon[data-type*="접수대기"],
.bod_app_detail h4 .icons .list-icon[data-type*="접수중"] {border:1px solid #216cda; color:#216cda;}

.bod_app_detail .view_detail {display:block; position:relative; overflow:hidden; z-index:0; padding-left:4px; margin-top:-1px;}
.bod_app_detail .view_detail:before,
.bod_app_detail .view_detail:after {content:""; display:block; position:absolute; z-index:-1; width:200px; background:#f0f2f6; top:0; bottom:0;}
.bod_app_detail .view_detail:before {left:0;}
.bod_app_detail .view_detail:after {left:50%; margin-left:-4px;}

.bod_app_detail .view_detail dl {display:block; position:relative; padding-left:200px; margin-left:-4px; z-index:0; overflow:hidden; border-top:1px solid #c5c9d6;}
.bod_app_detail .view_detail dl.half {display:inline-block; vertical-align:top; width:50%;}
.bod_app_detail .view_detail dl dt,
.bod_app_detail .view_detail dl dd {line-height:1.3;}
.bod_app_detail .view_detail dl dt {position:absolute; top:0; left:0; width:200px; text-align:center; padding:1em; box-sizing:border-box; word-break:keep-all;}
.bod_app_detail .view_detail dl dd {position:relative; background:#fff; line-height:1.3; min-height:3.2em; padding:1em;}

.bod_app_detail .time-list > li {display:inline-block; vertical-align:middle; margin:0 2px 2px;}
.bod_app_detail .time-list > li span {display:block; border:1px solid #cacaca; padding:5px 10px; font-size:.9em; color:#333; border-radius:5px;}

.bod_app_detail * + .week-list {margin-top:5px;}
.bod_app_detail .week-list > li {display:inline-block; vertical-align:middle; margin:0 2px 2px;}
.bod_app_detail .week-list > li span {display:block; border:1px solid #cacaca; padding:5px 10px; font-size:.9em; color:#333; border-radius:5px;}
.bod_app_detail .week-list > li span[data-val="일"] {color:#e2241a;}
.bod_app_detail .week-list > li span[data-val="토"] {color:#0095ff;}

.bod_app_detail .data-list {display:block;} 
.bod_app_detail .data-list > li {display:block; position:relative; padding-left:1em; line-height:1.4;}
.bod_app_detail .data-list > li:before {content:""; display:block; position:absolute; width:5px; height:5px; background:#d5dbe1; border-radius:100%; left:0; top:.7em; margin-top:-3px;}
.bod_app_detail .data-list > li + li {margin-top:5px;}
.bod_app_detail .data-list > li strong {display:inline-block; vertical-align:middle; font-weight:400 !important; margin-right:.5em;}
.bod_app_detail .data-list > li span {display:inline-block; vertical-align:middle; opacity:.5;}
.bod_app_detail .data-list > li span:before {content:"[ "}
.bod_app_detail .data-list > li span:after {content:" ]"}

.bod_app_detail .simple .data-list > li span {opacity:1;}
.bod_app_detail .simple .data-list > li span:before {content:"";}
.bod_app_detail .simple .data-list > li span:after {content:"";}


.bod_app_detail  .view_file > dd {padding:1em 0;}

.bod_app_detail .view_cont {padding:3em 1.5em;}
.bod_app_detail .btn-wrap-box {border-bottom-width:0; font-size:1.1em;}
.bod_app_detail .btn-wrap-box dl {display:inline-block; background:#fff; border-radius:9em; padding:1em 1.5em;}
.bod_app_detail .btn-wrap-box dt,
.bod_app_detail .btn-wrap-box dd {display:inline-block; vertical-align:middle; }
.bod_app_detail .btn-wrap-box dt {padding-right:1em; margin-right:1em; border-right:1px solid #dadada;}

@media all and (max-width:1024px) {
	.bod_app_detail .view_detail dl {padding-left:140px;}
	.bod_app_detail .view_detail dl dt {width:140px;}
	.bod_app_detail .view_detail:before,
	.bod_app_detail .view_detail:after {width:140px;}
}
@media all and (max-width:640px) {
	.bod_app_detail .view_detail dl.half {display:block; width:auto;}
}
@media all and (max-width:430px) {
	.bod_app_detail .view_detail:before,
	.bod_app_detail .view_detail:after {display:none;}
	.bod_app_detail .view_detail dl {padding-left:0;}
	.bod_app_detail .view_detail dl dt {width:auto; position:relative; background:#f0f2f6;}
}


/* 통합예약포털 통합접수현황 이용안내*/
.mypageUseState {display:table; width:100%; table-layout:fixed; margin-bottom:3.7em;}
.mypageUseState > * {display:table-cell; vertical-align:middle; position:relative; vertical-align:middle;}
.mypageUseState .myCerti {width:15.8235em; box-sizing:border-box; padding:1.7em 1em; border-radius:1em; background:#216cda; text-align:center; color:#fff;}
.mypageUseState .myCerti .icon {display:block; position:relative; margin:0 auto 1.176em; width:10.6rem; height:10.6rem; border-radius:100%; background:url(../img/common/ico_gc.png) no-repeat 50% 50% #f1f3f6;}
.mypageUseState .myCerti .name {display:block; position:relative; font-size:1.5294em;}
.mypageUseState .myCerti a {display:inline-block; position:relative; width:8.3529em; padding:.64em 1.47em; text-align:left; color:#fff; margin-top:1em; border:1px solid #fff; border-radius:9em; background:url(../img/common/ico_cancle.png) no-repeat top 50% right 1.47em;}
.mypageUseState .myState {padding-left:3.8em;}
.mypageUseState .myState .tit {color:#003583; font-size:1.529em; font-weight:600;}
.mypageUseState .myState .list-u {margin:1.176em 0 2.94em;}
.mypageUseState .myState .list-u strong {border-bottom:1px solid #000;}
.mypageUseState .myState .myLink ul {margin:0 -.7058em;}
.mypageUseState .myState .myLink ul:after {content:""; display:block; clear:both;}
.mypageUseState .myState .myLink li {display:block; position:relative; width:25%; box-sizing:border-box; float:left; padding:0 .7058em;}
.mypageUseState .myState .myLink a {display:block; position:relative; padding:1em; border:1px solid #c5c9d6; border-radius:.5em; text-align:center;}
.mypageUseState .myState .myLink a strong {display:block; position:relative; font-size:1.0588em; color:#000; margin-bottom:.9em;}
.mypageUseState .myState .myLink a span {display:block; position:relative; width:7.6rem; height:4rem; margin:0 auto; line-height:4rem; border-radius:9em; background:#ecf1fa; text-align:center; color:#216cda;}
.mypageUseState .myState .myLink a span em {color:#216cda !important; font-weight:800; font-size:1.41em;}
.mypageUseState .myState .myLink .on a {border-color:#003583; background:#003583; color:#fff;}
.mypageUseState .myState .myLink .on a strong {color:#fff;}
.mypageUseState .myState .myLink .on a span {overflow:hidden; text-indent:-999px; text-align:left; background:no-repeat 50% 50%; background-size:contain;}
.mypageUseState .myState .myLink .on a.ty1 span {background-image:url(../img/common/ico_state_01.png);}
.mypageUseState .myState .myLink .on a.ty2 span {background-image:url(../img/common/ico_state_02.png);}
.mypageUseState .myState .myLink .on a.ty3 span {background-image:url(../img/common/ico_state_03.png);}
.mypageUseState .myState .myLink .on a.ty4 span {background-image:url(../img/common/ico_state_04.png);}
.mypageUseState .myState .myLink .on a:after {content:""; display:block; position:absolute; left:50%; top:100%; margin-left:-9px; width:0; height:0; border:9px solid transparent; border-bottom-width:0; border-top-color:#003583;}

@media all and (max-width:1024px) {
	.mypageUseState .myState {padding-left:2em;}
	.mypageUseState .myState .myLink ul {margin:0 -.3em;}
	.mypageUseState .myState .myLink li {padding:0 .3em;}	
}
@media all and (max-width:920px) {
	.mypageUseState {margin-bottom:2em;}
	.mypageUseState,
	.mypageUseState > * {display:block; width:auto;}
	.mypageUseState .myState {padding-left:0;}
	.mypageUseState .myState .list-u {margin-bottom:1.5em;}
	.mypageUseState .myCerti {width:auto; padding-left:7.5em; margin-bottom:2em;}
	.mypageUseState .myCerti .icon {position:absolute; top:50%; left:20px; transform:translateY(-50%) scale(.8); -webkit-transform:translateY(-50%) scale(.8); transform-origin:0 50%; -webkit-transform-origin:0 50%;}
}

@media all and (max-width:610px) {
	.mypageUseState .myState .myLink ul {margin:0 -10px;}
	.mypageUseState .myState .myLink li {width:50%; padding:10px;}
}
@media all and (max-width:480px) {
	.mypageUseState .myCerti .icon {transform:translateY(-50%) scale(.6); -webkit-transform:translateY(-50%) scale(.6);}
}

.bod_myapp {display:block; position:relative; padding:2.5rem 0; border-top:1px solid #293f50;}
.bod_myapp ul {margin:0 -1em;}
.bod_myapp ul:after {content:""; display:block; clear:both;}
.bod_myapp li {position:relative; padding:1em; box-sizing:border-box; width:33.33%; float:left;}

.bod_head .bod_search input[type="text"] {width:15em;}

.myapp-item {display:block; position:relative; border:1px solid #c5c9d6;}
.myapp-item .subj {padding:1.3529em;}
.myapp-item .subj strong {display:block; font-weight:800; padding-top:.8em; font-size:1.294em; color:#000; line-height:1.4; height:2.8em; box-sizing:content-box !important; overflow:hidden;}
.myapp-item .cate {background:#5b636f;}
.myapp-item .cate.ty1 {background:#00ac97;}
.myapp-item .cate.ty2 {background:#6f3200;}
.myapp-item .cate.ty3 {background:#f3981e;}
.myapp-item .cate.ty4 {background:#0087cd;}
.myapp-item .cate.ty5 {background:#c82cda;}

.myapp-item .info {display:block; position:relative; padding:1em 1.3529em; background:#f8fafc;}
.myapp-item .info > dl {display:table; width:100%; table-layout:fixed;}
.myapp-item .info > dl + dl {margin-top:.5em;}
.myapp-item .info > dl > * {display:table-cell; vertical-align:middle; font-size:.94em; line-height:1.2;}
.myapp-item .info > dl > dt {width:6.25em; color:#444444; font-weight:800;}
.myapp-item .info > dl > dd {padding:0; border:none; color:#888888;}
.myapp-item .info > dl.time > dt:before {content:""; display:inline-block; margin-right:.3em; margin-top:-3px; vertical-align:middle; width:1em; height:1em; background:url(../img/common/ico_time.png) no-repeat 50% 50%; background-size:contain;}
.myapp-item .info > dl.state > dt:before {content:""; display:inline-block; margin-right:.3em; margin-top:-3px; vertical-align:middle; width:1em; height:1em; background:url(../img/common/ico_state.png) no-repeat 50% 50%; background-size:contain;}

@media all and (max-width:1024px) {
	.bod_myapp ul {margin:0 -.5em;}
	.bod_myapp li {padding:.5em;}
}
@media all and (max-width:820px) {
	.bod_myapp li {width:50%;}
}
@media all and (max-width:640px) {
	.bod_head .bod_search input[type="text"] {width:100%;}	
}
@media all and (max-width:480px) {
	.bod_myapp li {width:auto; float:none;}
	.myapp-item .subj strong {height:auto;}
}

/* 시설대관 - 동아리실 - 평생학습센터 */
.circle-wrap {position:relative;}
.tbl_circle {position:absolute; right:0; top:0; bottom:0; overflow-y:auto !important;}
.tbl_circle.circle_cal{height:450px; position:relative;}

@media all and (max-width:960px) {
	.tbl_circle {position:static; overflow:auto !important;}
	.tbl_circle.circle_cal{height:auto;}
}



/* 강좌검색 리스트 타입 : 이미지 없음 */

.eduList {display:block; position:relative; border-top:2px solid #293f50;}
.eduList .list > li {display:block; position:relative; border-bottom:1px solid #c5c9d6;}
.eduList .item {position:relative; padding:3rem 0; padding-left:18rem; min-height:21rem;}
.eduList .item.no-place {padding-left:2rem;}
.eduList .item .place {display:table; position:absolute; top:3rem; left:0; width:15rem; height:15rem; background:url(../img/board/bak_thumb.png) no-repeat 100% 100% #003583; table-layout:fixed;}
.eduList .item .place > * {display:table-cell; vertical-align:middle; text-align:center; padding:2rem 0; color:#fff; font-size:1.8rem; word-break:keep-all;}
.eduList .item .place > *:before {content:""; display:block; position:relative; background:url(../img/board/ico_thumb.png) no-repeat 50% 50%; width:9px; height:10px; margin:-1em auto 1em;}
.eduList .item .list-icon {display:inline-block; font-size:1.5rem; padding:0 1.5rem; line-height:2.8rem; height:2.8rem; border-radius:0; border:1px solid #b8c2d0; color:#222222; margin:0;}
.eduList .item .list-icon.online {color:#fff; border-color:#ef7b26; background:#ef7b26;}
.eduList .item .list-icon.family {color:#ef7b26; border-color:#ef7b26;}
.eduList .item .list-icon.free {color:#fff; border-color:#00ac97; background:#00ac97;}
.eduList .item .list-icon2 {display:inline-block; font-size:1.6rem; border-radius:0; border-bottom:1px solid #003583; margin:0; color:#003583;}
.eduList .item .list-icon2[data-state *= "접수 중"],
.eduList .item .list-icon2[data-state *= "접수중"] {color:#216cda; border-color:#216cda;}
.eduList .item .subj {display:block; position:relative; font-size:2.2rem; padding:1rem 0; margin-bottom:1.5rem; color:#363c5a; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-weight:600;}
.eduList .item .detail {display:block; position:relative; margin-right:17rem; overflow:hidden;}
.eduList .item .detail dl {display:inline-block; position:relative; box-sizing:border-box; padding-left:5em; vertical-align:top; width:40%; font-size:1.6rem; margin:.8rem 0;}
.eduList .item .detail dl:nth-child(even) {width:59%;}
.eduList .item .detail dt {display:block; position:absolute; top:0; left:0; font-weight:600; color:#333;}
.eduList .item .detail dd {color:#666666;}
.eduList .item .detail .data {display:inline-block; vertical-align:middle; margin-right:.5rem;}
.eduList .item .detail .data li {display:inline-block; vertical-align:middle;}
.eduList .item .detail .data li + li:before {content:"/";}
.eduList .item .detail .day {display:inline-block; vertical-align:middle;}
.eduList .item .view {display:block; position:absolute; bottom:3rem; right:0; width:15rem; height:6rem; line-height:6rem; text-align:center; font-size:1.6rem; color:#fff; background:#216cda;}
.mylist {position: absolute; right: 0; margin-top: -65px;}

@media all and (max-width:1024px) {
	.eduList .item .detail dl {display:block; width:auto !important;}
	.mylist {margin-right: 10px;}
}
@media all and (max-width:720px) {
	.eduList .item {padding-left:15rem;}
	.eduList .item .place {width:12rem; height:12rem;}
}
@media all and (max-width:675px) {
	.eduList .item {padding:2rem 1rem;}
	.eduList .item.no-place {padding-left:1rem;}
	.eduList .item .place {display:inline-block; position:relative; top:auto; left:auto; width:auto; height:auto; margin-bottom:.5rem;}	
	.eduList .item .place > * {display:block; padding:0 1.5rem; height:3rem; line-height:3rem; min-width:12rem; font-size:1.4rem;}
	.eduList .item .place > *:before {display:none;}
	.eduList .item .list-icon {font-size:1.4rem;}
	.eduList .item .subj {font-size:2.1rem; padding:1.5rem 0; margin-bottom:0;}
	.eduList .item .detail {margin-right:0;}
	.eduList .item .detail dl {font-size:1.5rem;}
	.eduList .item .detail .data {display:inline-block; vertical-align:middle; margin-right:1rem;}
	.eduList .item .view {position:relative; bottom:auto; width:auto; height:4rem; line-height:4rem; margin-top:1rem;}
}
@media all and (max-width:350px) {
	.mylist {position: relative; text-align: left !important; margin-bottom: 5px !important; margin-top: 0; margin-right: 0;}
}

/* 교육문화행사-사회적경제마을공동체지원센터 */
.center_link { display: block; position: relative; margin-bottom: 50px; }
.center_link:after{ content: ''; display: block; clear: both; } 
.center_link .title_wrap{ background: url(/reservation/img/contents/01/sub0201_topBg.png) no-repeat top center; border-radius: 10px; padding: 40px 0 120px; text-align: center; }
.center_link .title_wrap div{ font-family: 'GmarketSansMedium'; font-size: 3.6rem; color: #fff; background: url(/reservation/img/contents/01/sub0201_top_ico01.png) no-repeat top center; padding-top: 80px; }
.center_link .title_wrap div span{ font-family: 'GmarketSansBold'; }

.center_link .link_wrap{ display: block; margin-top: -70px; padding: 0 21.5px; }
.center_link .link_wrap:after{ content: ''; display: block; clear: both; }
.center_link .link_wrap li{ float: left; width: 50%; padding: 10px 13.5px; }
.center_link .link_wrap li a{ display: block; width: 100%; border-radius: 10px; color: #222; font-size: 1.8rem; padding: 95px 10px 45px; text-align: center;
-webkit-box-shadow: 0px 0px 6rem 0px rgba(39,58,152,.15);
	-moz-box-shadow: 0px 0px 6rem 0px rgba(39,58,152,.15);
	box-shadow: 0px 0px 6rem 0px rgba(39,58,152,.15);
 }
.center_link .link_wrap li:nth-child(1) a{ background: url(/reservation/img/contents/01/sub0201_ico01.png) no-repeat center 45px #fff; }
.center_link .link_wrap li:nth-child(2) a{ background: url(/reservation/img/contents/01/sub0201_ico02.png) no-repeat center 40px #fff; }

.center_link .link_wrap li a:hover{ color: #fff; font-size: 1.8rem; font-weight: 500;}
.center_link .link_wrap li:nth-child(1) a:hover{ background: url(/reservation/img/contents/01/sub0201_ico01_On.png) no-repeat center 45px #0099c5; }
.center_link .link_wrap li:nth-child(2) a:hover{ background: url(/reservation/img/contents/01/sub0201_ico02_On.png) no-repeat center 40px #0099c5; }

#conts *[target="_blank"]:not([class]):after, #conts .link[target="_blank"]:after { display: none; }

@media all and (max-width:800px) {
	.center .title_wrap div{ font-size: 3.2rem; }
	.center .link_wrap li{ float: left; width: 50%; padding: 10px 13.5px; }
}

@media all and (max-width:480px) {
	.center_link .title_wrap div{ font-size: 2.8rem; }
	.center_link .title_wrap div span{ display: block; }
	.center_link .link_wrap li{ float: left; width: 100%; padding: 10px 13.5px; }
}

/* 시설대관-체육시설 */
.sisul_link { display: block; position: relative; margin-bottom: 50px; }
.sisul_link:after{ content: ''; display: block; clear: both; } 
.sisul_link .title_wrap{ background: url(/reservation/img/contents/03/sub0101_topBg.png) no-repeat top center; border-radius: 10px; padding: 40px 0 120px; text-align: center; }
.sisul_link .title_wrap div{ font-family: 'GmarketSansMedium'; font-size: 3.6rem; color: #fff; background: url(/reservation/img/contents/03/sub0101_top_ico01.png) no-repeat top center; padding-top: 80px; }
.sisul_link .title_wrap div span{ font-family: 'GmarketSansBold'; }

.sisul_link .link_wrap{ display: block; margin-top: -70px; padding: 0 21.5px; }
.sisul_link .link_wrap:after{ content: ''; display: block; clear: both; }
.sisul_link .link_wrap li{ float: left; width: 25%; padding: 10px 13.5px; }
.sisul_link .link_wrap li a{ display: block; width: 100%; border-radius: 10px; color: #222; font-size: 1.8rem; padding: 95px 10px 45px; text-align: center;
-webkit-box-shadow: 0px 0px 6rem 0px rgba(39,58,152,.15);
	-moz-box-shadow: 0px 0px 6rem 0px rgba(39,58,152,.15);
	box-shadow: 0px 0px 6rem 0px rgba(39,58,152,.15);
 }
.sisul_link .link_wrap li:nth-child(1) a{ background: url(/reservation/img/contents/03/sub0101_ico01.png) no-repeat center 45px #fff; }
.sisul_link .link_wrap li:nth-child(2) a{ background: url(/reservation/img/contents/03/sub0101_ico02.png) no-repeat center 40px #fff; }
.sisul_link .link_wrap li:nth-child(3) a{ background: url(/reservation/img/contents/03/sub0101_ico03.png) no-repeat center 30px #fff; }
.sisul_link .link_wrap li:nth-child(4) a{ background: url(/reservation/img/contents/03/sub0101_ico04.png) no-repeat center 30px #fff; }

.sisul_link .link_wrap li a:hover{ color: #fff; font-size: 1.8rem; font-weight: 500;}
.sisul_link .link_wrap li:nth-child(1) a:hover{ background: url(/reservation/img/contents/03/sub0101_ico01_On.png) no-repeat center 45px #0099c5; }
.sisul_link .link_wrap li:nth-child(2) a:hover{ background: url(/reservation/img/contents/03/sub0101_ico02_On.png) no-repeat center 40px #0099c5; }
.sisul_link .link_wrap li:nth-child(3) a:hover{ background: url(/reservation/img/contents/03/sub0101_ico03_On.png) no-repeat center 30px #0099c5; }
.sisul_link .link_wrap li:nth-child(4) a:hover{ background: url(/reservation/img/contents/03/sub0101_ico03_On.png) no-repeat center 30px #0099c5; }

#conts *[target="_blank"]:not([class]):after, #conts .link[target="_blank"]:after { display: none; }

@media all and (max-width:800px) {
	.sisul_link .title_wrap div{ font-size: 3.2rem; }
	.sisul_link .link_wrap li{ float: left; width: 50%; padding: 10px 13.5px; }
}

@media all and (max-width:480px) {
	.sisul_link .title_wrap div{ font-size: 2.8rem; }
	.sisul_link .title_wrap div span{ display: block; }
	.sisul_link .link_wrap li{ float: left; width: 100%; padding: 10px 13.5px; }
}

/* 모달창 디자인 */
.modal {width:750px; background:#fff; border:1px solid #ddd; position:fixed; top:20%; left:50%; transform: translateX(-50%);z-index:9999;-webkit-box-shadow: 14px 14px 30px 0px rgba(0,0,0,0.3);
		-moz-box-shadow: 14px 14px 30px 0px rgba(0,0,0,0.3);
		box-shadow: 14px 14px 30px 0px rgba(0,0,0,0.3);}
.modal .tit {padding:0 25px; background:#f1f1f1; position:relative;}
.modal .tit p {line-height:60px; font-weight:600;}
.modal .tit .close {position:absolute; width:17px; height:17px; font-size:0; text-indent:-9999px; background:url(../images/content/btn_close.png) no-repeat; right:20px; top:20px;}
.modal .con {padding:40px 50px; max-height:400px; overflow-y:auto;}
.modal .con dl {margin-bottom:10px;}
.modal .con dl:after {content:''; display:block; clear:both;}
.modal .con dt {font-weight:600; width:75px; float:left;}
.modal .con table td {height:50px}

@media all and (max-width:768px) {
	.modal{width:90%;}
	.modal .con{padding:30px 40px;}
}


/* 시설대관 - 체육시설  */

#conts .title-st3 {font-size:1.7rem !important;font-weight:800;margin-bottom:.5em;letter-spacing:-.05em;color: #003583 !important;display: inline-block;border-bottom: 1px solid #003583;padding-bottom: 2px;}
.two_column >div:first-of-type {margin-top: 10px;}
.two_column >div:last-of-type {margin-top: 0;}

@media all and (max-width:769px) {
	#conts .title-st3 {font-size:1.5rem!important;}
}

@media all and (max-width:375px) {
	#conts .title-st3 {font-size:1.4rem!important;}
}