@charset "utf-8";
/* 공통(레이아웃) */
/*html {overflow:hidden;} */
body {width:100%;min-width:320px;height:100%;-webkit-text-size-adjust:none;}
/* 공통(레이아웃) 컨텐츠 */
#contbody_scroll {position:relative;overflow:hidden;}
#lnb_open {display:none;position:absolute;top:0;right:100%; /*overflow:auto;*/ width:274px; height:575px; background:#f1f1f1;z-index:20;}
#bodyClickdiv {display:none;position:absolute;top:0;right:0;width:100%;height:1000px;z-index:11;}
#contwrap {position:relative;right:0;z-index:10;}
#container {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}
/* 공통(레이아웃) - header 영역 */
header {position:fixed;width:100%;height:50px;z-index:100;margin-top:0px;padding: 0 45px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;background:#33353f;}
header:after {content:""; display:block; clear:both;}
header .lnb_menu {overflow:hidden;position:relative; right:-42px; float:right; width:45px;top:3px}
header .lnb_menu img {width:45px;height:45px;}
header .logo {float:left; width:100%; margin:0 -90px 0 -45px;padding:0;text-align:center;}
header .logo img {width:151px;}
header .loghome {overflow:hidden;position:relative; right:42px; float:left; width:45px;text-align:left;top:3px}
header .loghome img {width:45px;height:45px;}
.subcontent {padding-bottom:25px;background:#efefef;}
.contdiv_wrap {padding:0 10px;}
.contdiv_wrap02 {padding:20px 10px;}
/* 공통(레이아웃) - footer 영역 */
footer {width:100%; height:180px; padding:15px 10px 0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;background:#33353f;z-index:2;}
footer .quickmenu {overflow:hidden;width:100%;height:53px;border-radius:2px;background-color:#4d4e53;-webkit-box-shadow:1px 1px rgba(0,0,0,.17);box-shadow:1px 1px rgba(0,0,0,.17);border:1px solid #666}
footer .quickmenu li {float:left;width:33.3%;height:100%;padding-top:5px;text-align:center;border-right:1px solid #28292c;border-left:1px solid #5f6064;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}
footer .quickmenu li:first-child {border-left:0;}
footer .quickmenu li:last-child {width:33.4%;border-right:0;}
footer .quickmenu li a {display:block;height:100%;padding-top:3px;color:#fff;font-size:11px;text-align:center;letter-spacing:-1px;}
footer .medinumsnpc_wrap {margin-top:12px; width:100%;}
footer .medinumsnpc_wrap .numbsns_wrap {width:100%; padding: 5px 0 5px 0; margin:0 auto text-align:center}
footer .medinumsnpc_wrap .numbsns_wrap .number {color:#fff;width:52px;padding:2px 5px;border:1px solid #939393;border-radius:2px;font-size:16px;font-weight:bold;line-height:24px;vertical-align:middle;background:#333;}
footer .medinumsnpc_wrap .numbsns_wrap img {vertical-align:middle;padding-right:3px}
footer .medinumsnpc_wrap .numbsns_wrap .pcview {color:#fff;width:52px;padding:4px 10px;border:1px solid #939393;border-radius:2px;font-size:12px;font-weight:bold;line-height:24px;vertical-align:middle;background:#333;}
footer .medinumsnpc_wrap .numbsns_wrap .pcview a {display:block;line-height:24px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;color:#fff;text-align:center;}
footer .sns_wrap {width:100%; padding: 10px 0 0 0; margin:0 auto text-align:center}
footer .copyright {margin:10px 0 ;color:#fff;font-size:10px;}
/* 메인 */
html.layout-main,
body.layout-main,
body.layout-main #contbody_scroll,
body.layout-main #contwrap {
display: -webkit-box; /* OLD: Safari, iOS 6 and earlier; Android browser, older WebKit */ /* OLD: Firefox (can be buggy) */
display: -ms-flexbox; /* OLD: IE 10 */
display: -webkit-flex; /* FINAL, PREFIXED, Chrome 21+ */
display: flex; /* FINAL: Opera 12.1+, Firefox 22+ */
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-webkit-flex-direction:column;
-ms-flex-direction:column;
flex-direction:column;
width:100%; height:100%;
}
body.layout-main #contwrap>#container {
position:relative;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
top:50px;
}
body #contwrap>#container .visual {width:100%}
body #wrap {position:relative;width:100%; margin:0 auto;padding-top:50px}
body #wrap #main_notice {width:100%;height:45px;background:#33353f;clear:both}
body #wrap #main_notice .txt{position:relative;padding:10px 10px;top:10px;margin:0 9px;border:1px solid #ccc;border-radius:3px;background:#fff;font-size:14px}
body #wrap #main_notice .txt a{color:#333;}
body #box_a {height:100%px; background:#f1779e;}
@media screen and (max-width:1024px) {
#wrap {width:100%}
}
@media screen and (max-width:800px) {
#wrap {width:100%}
}
@media screen and (max-width:480px) {
#box_b {float:none;width:auto}
#box_c {float:none;width:auto}
}
section {position:relative;}
.bg_gray {background-color: #f1f2f2;}
/* quick */
.quick {width:100%; height:40px; background:#fff;border-bottom:solid 1px #ccc;}
.quick:after {content:""; display:block; clear:both;}
.quick li {float:left; font-size:14px; color:#000;font-weight:bold; text-align:center;}
.quick li:nth-child(1) {width:23%;}
.quick li:nth-child(2) {width:23%;}
.quick li:nth-child(3) {width:23%;}
.quick li:nth-child(4) {width:15.5%;}
.quick li:nth-child(5) {width:15.5%;}
/*.quick li { float:left; padding:0 15px;font-size:14px; color:#000;font-weight:bold;text-align:center;}
.quick li:last-child { }*/
.quick li a { display:inline-block; height:100%; line-height:37px;}
.quick li a:hover{color:#4a92dc}
.quick li a.sel { border-bottom:solid 3px #4a92dc; color:#4a92dc}
/* sub_title */
.sub_tit {width:100%; height:40px; background:#fff;border-bottom:solid 1px #ccc;}
.sub_tit li {float:left; padding-left:3px;font-size:18px; color:#000;font-weight:bold;}
.sub_tit li:last-child {width:88%;text-align:center;line-height:40px;}
.sub_tit li a { display:block; height:100%; line-height:35px;}
.list01 li {padding:12px 0;border-bottom:1px solid #f2f2f2;}
.list01 li p {
display: inline-block;
vertical-align: top;
font-size: 12px;
line-height: 18px;
width: 65%;
color:#000;
font-weight:bold;
padding-left:15px;
}
.list01 li img{border:1px solid #ccc}
.list01 li span{font-size:11px; color:#666}
.contents p{font-size:14px;}
.contents img{width:100%}
.contents span{font-size:14px; font-weight:bold;color:#0066cc}
.contents .login_t{font-size:14px; font-weight:bold;padding:5px 0 15px}
/* 관리자 로그인 */
.form-signin {
max-width: 100%;
padding: 15px;
margin: 0 auto;
}
.form-signin .form-signin-heading,
.form-signin .checkbox {
margin-bottom: 10px;
}
.form-signin .checkbox {
font-weight: normal;
}
.form-signin .form-control {
position: relative;
height: auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 10px;
font-size: 16px;
}
.form-signin .form-control:focus {
z-index: 2;
}
.form-signin input[type="text"] {
margin-bottom: 3px;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
border:1px solid #ccc;
background:#efefef;
}
.form-signin input[type="password"] {
margin-bottom: 10px;
border-top-left-radius: 0;
border-top-right-radius: 0;
border:1px solid #ccc;
background:#efefef;
}
.btn {border-radius:3px;}
.login_box{width:100%; background:#0066cc;text-align:center;color:#fff;height:40px;border:1px solid #0066cc;font-size:16px}
.login_pass{display:block;width:100%; background:#fff;color:#999;border:1px solid #ccc;font-size:12px;margin-bottom:5px;padding:3px 10px 5px}
.login_info{color:#ff6600;font-size:10px !important}
/* 공통 */
.tit_h2 {padding-left:15px; margin:15px 0 10px 0; font-size:18px; font-weight:bold; background:url(../../images/bul_h2.gif) left center no-repeat; background-size:10px 10px;}
.tit_h2.titBlue {color:#0066cd;}
.tit_h3 {padding-left:15px; margin:10px 0 5px 0; font-size:16px; font-weight:bold; color:#333; background:url(../../images/bul_h3.gif) left center no-repeat; background-size:8px 8px;}
.tit_h2.imgTit {padding:0; background:0;}
.alL {text-align:left;}
.alC {text-align:center;}
.alR {text-align:right;}
.contents ul, .contents ul li {font-size:14px;}
.txt_desc {padding-left:15px;}
.list_dep01 {margin:0 0 15px 0; padding-left:15px;}
.list_dep01.non {background:none;}
.list_dep02 {margin:0 0 15px 0; padding-left:15px;}
.list_dep02.non {background:none;}
.list_dep03 {margin:0 0 15px 0; padding-left:15px;}
.list_dep04.non {background:none;}
.btn {margin:15px 0; text-align:center;}
.btn.btnBlue {}
.btn a {display:inline-block; width:70%; padding:10px 0; color:#fff; font-weight:bold; font-size:18px; text-align:center;}
.btn a:hover {color:#fff;}
.btn.btnBlue a {background:#0066cc;}
.btn.btnGray a {background:#ccc}
/* 메인 - 민승우 수정 */
.main_visual {width:100%; background:#1e56b1;}
.main_visual:after {content:""; display:block; clear:both;}
.main_visual .main_visualL {float:left; width:59.73%;}
.main_visual .main_visualR {float:left; width:40.27%;}
/* 센터소개 */
.centerList {}
.centerList:after {content:""; display:block; clear:both;}
.centerList li {float:left; width:48%;}
.centerList li:nth-child(odd) {margin:0 4% 10px 0;}
.centerList li:nth-child(even) {margin:0 0 10px 0;}
.location {padding:10px 0}
.addr{font-size:14px; font-weight:bold;color:#0066cc}
.tel{font-size:12px; color:#999}
/* 시설현황 */
.tab_facilities {position:relative;}
.tab_facilities:after {content:""; display:block; clear:both;}
.tab_facilities dt {position:absolute; top:0; width:24.7%; text-align:center; }
.tab_facilities dt a {display:block; padding:5px 0 15px 0; color:#fff; font-weight:bold;}
.tab_facilities ul li:nth-child(1) dt {left:0;}
.tab_facilities ul li:nth-child(2) dt {left:25.1%;}
.tab_facilities ul li:nth-child(3) dt {left:50.2%;}
.tab_facilities ul li:nth-child(4) dt {left:75.3%;}
.tab_facilities dd {padding-top:45px;}
.tab_facilities dd p {padding-top:10px;}
.tab_facilities .on {}
.tab_facilities .on dt {background:url(../../images/bg_tabFacilities.png) #01c8cd left top no-repeat; background-size:100% 100%;}
.tab_facilities .on dd {display:block}
.tab_facilities .off {}
.tab_facilities .off dt {background:url(../../images/bg_tabFacilities.png) #cccccc left top no-repeat; background-size:100% 100%;}
.tab_facilities .off dd {display:none;}
/* 후원/자원봉사 */
.tit_sponsor {}
.tit_sponsor:after {content:""; display:block; clear:both;}
.tit_sponsor li {float:left; width:48%;}
.tit_sponsor li:nth-child(odd) {margin-right:4%;}
.tit_sponsor li.off {opacity:0.5;}
#sponsor02 {display:none;}
.bankList {margin:10px 0 0 20px; font-size:14px;}
.bankList:after {content:""; display:block; clear:both;}
.bankList dt {float:left; font-weight:bold;}
.bankList dd {float:left;}
.bankList dd ul {}
.bankList dd ul li {}
.bankList dd ul li span {display:inline-block; margin-right:15px;}
/* 공지사항 */
.noticeList {border-top:1px solid #ccc;}
.noticeList > li {border-bottom:1px solid #ccc;}
.noticeList > li > a {}
.noticeList > li > a:after {content:""; display:block; clear:both;}
.noticeList > li > a > .listL {float:left; width:73%;}
.noticeList > li > a > .listL > .tit {display:block; padding:10px 5% 5px 5%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:16px; color:#000;}
.noticeList > li > a > .listL > .hit {display:block; padding:0 0 5px 5%; font-size:12px; color:#ccc;}
.noticeList > li > a > .listR {float:left;width:27%; text-align:center;}
.noticeList > li > a > .listR > .writer {display:block; padding:10px 0 5px 0; font-size:14px;color:#999;}
.noticeList > li > a > .listR > .date {display:block; padding:0 0 5px 0; font-size:14px;color:#777;}
/* 프로그램 */
.programList {margin-bottom:10px;}
.programList:after {content:""; display:block; clear:both;}
.programList > li {float:left; width:48%;}
.programList > li:nth-child(odd) {margin-right:4%;}
.programList > li > dl {}
.programList > li > dl > dt { margin-bottom:10px;}
.programList > li > dl > dd { text-align:center;}
.programList > li > dl > dd > ul {}
.programList > li > dl > dd > ul > li {border:1px solid #cccccc; border-radius:3px; margin-bottom:10px;}
.programList > li > dl > dd > ul > li > a {display:block; padding:12px 0; font-size:16px;}
/* 운동하기 */
.exerciseTit {padding:10px 0 15px 0;}
.exerciseTit:after {content:""; display:block; clear:both;}
.exerciseTit li {float:left; width:33.3%; text-align:center;}
.exerciseTit li a {display:inline-block; width:80%;}
.exerciseTit li.off a img {filter:url('data:image/svg+xml;utf8,#grayscale'); /* Firefox 3.5+, IE10 */
filter:gray; /* IE6-9 */
-webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
-webkit-transition: all .6s ease; /* Fade to color for Chrome and Safari */
-webkit-backface-visibility: hidden; /* Fix for transition flickering */
opacity:0.5;}
.exerciseView {}
.exerciseView > div {display:none;text-align:center;}
.exerciseView > div > ul {}
.exerciseView > div > ul > li {}
.exerciseView > div > ul > li > dl {}
.exerciseView > div > ul > li > dl > dt {border:1px solid #cccccc; border-radius:3px; margin-bottom:5px; padding:10px 0; font-size:18px; font-weight:bold; background:#efefef;}
.exerciseView > div > ul > li > dl > dd {}
.exerciseView > div > ul > li > dl > dd > ul {}
.exerciseView > div > ul > li > dl > dd > ul > li {border:1px solid #cccccc; border-radius:3px; margin-bottom:5px;}
.exerciseView > div > ul > li > dl > dd > ul > li > a {display:block; padding:10px 0; font-size:16px;}
/* 공지사항 뷰 */
.noticeView {}
.noticeView dt {padding:10px; border-bottom:1px solid #e5e5e5;}
.noticeView dd {}
.noticeView dd ul {}
.noticeView dd ul li {}
.noticeView dd ul li.view_info {padding:5px; border-bottom:1px solid #e5e5e5; text-align:right;font-size:12px}
.noticeView dd ul li.view_info span {display:inline-block; padding-left:10px; color:#0066cc;font-size:12px}
.noticeView dd ul li.view_cont {padding:15px;border-bottom:1px solid #e5e5e5}
.noticeView dd ul li.view_cont img {max-width:100%;}
/* 갤러리 리스트 */
.photoList {}
.photoList li {border-bottom:1px solid #e5e5e5;}
.photoList li a {display:block; padding:10px;}
.photoList li a:after {content:""; display:block; clear:both;}
.photoList li a .photoImg {float:left; width:25%;}
.photoList li a .photoInfo {float:left; width:75%;}
.photoList li a .photoInfo .photoTit {display:block; padding:0 5px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:16px; color:#000;}
.photoList li a .photoInfo .photoHit {display:block; padding:0 5px; font-size:14px; color:#777;}
/* table */
.table_wrap {margin:10px 0;font-size:14px;}
.td_cont {padding:5px 10px;}
.table_type03 .td_cont {padding:5px 0;}
.table_wrap .titB {font-weight:bold;}
.table_type01 {border-top:1px solid #e5e5e5; border-left:1px solid #e5e5e5;}
.table_type01 thead {}
.table_type01 thead th {}
.table_type01 thead td {}
.table_type01 tbody {}
.table_type01 tbody th {border-right:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; background:#f6f6f6; color:#0066cd;}
.table_type01 tbody td {border-right:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; text-align:left; background:#fff; color:#333333;}
.table_type02 {border-top:1px solid #e5e5e5; border-left:1px solid #e5e5e5;}
.table_type02 thead {}
.table_type02 thead th {border-right:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; background:#f6f6f6; color:#0066cd;}
.table_type02 thead th span {display:block; padding:5px 10px;}
.table_type02 thead td {}
.table_type02 tbody {}
.table_type02 tbody th {}
.table_type02 tbody td {border-right:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; text-align:center; background:#fff; color:#333333;}
.table_type03 {border-top:1px solid #e5e5e5; border-left:1px solid #e5e5e5;}
.table_type03 thead {}
.table_type03 thead th {border-right:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; background:#f6f6f6; color:#0066cd;}
.table_type03 thead th span {display:block; padding:5px 0;}
.table_type03 thead td {}
.table_type03 tbody {}
.table_type03 tbody th {}
.table_type03 tbody td {border-right:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; text-align:center; background:#fff; color:#333333;}