/*기본List*/
.mb0{margin-bottom:0 !important;}

.basicList{border-top:1px solid #303030; margin-bottom:20px;}

.basicList ul li{overflow:hidden; position:relative; padding:20px 10px; overflow:hidden; color:#777777; border-bottom:1px solid #e6e6e6}
.basicList ul li.basic_head{display:none}
.basicList ul li span{display:block}
.basicList ul li a{color:#505050; display:block; overflow:hidden}
.basicList ul li:hover{display:block; width:100%; height:100%; background:rgba(0,0,0,0.03)}

.basicList ul li span{float:left; font-size:0.95em;}
.basicList ul li span.select_btn{margin-bottom:10px;}
.basicList ul li span.notice{display:inline-block; margin-bottom:10px;  background:#0f7bcd; font-size:0.8em; font-weight:bold; padding:3px 12px; border-radius:100px; color:#ffffff}
.basicList ul li span.num{display:none;}
.basicList ul li span.cate{color:#969696; font-size:0.9em;}
.basicList ul li span.title{width:100%; font-size:1em; margin-bottom:10px; color:#303030}
.basicList ul li span.name{clear:both; margin-right:5%; border-right:1px solid #e6e6e6; padding-right:5%;}
.basicList ul li span.date{}

.basicList ul li span.re{margin-left:0}


@media all and (min-width:768px) {
.basicList ul li.basic_head{display:block; background:#f8f8f8; text-align:center; font-weight:500; color:#000000}
.basicList{margin-bottom:30px}
.basicList ul li {padding:20px 0px 20px 15px;}
.basicList ul li span{margin-right:2%;}
.basicList ul li span:last-child{margin-right:0%;}
.basicList ul li span.select_btn{margin:0;}
.basicList ul li span.cate{width:13%}
.basicList ul li span.num{display:block; text-align:center; width:7%; min-height:1px}
.basicList ul li span.notice{width:13%; text-align:center; margin-bottom:0px;}
.basicList ul li span.title{width:54%; margin-bottom:0px;}
.basicList ul li span.name{margin-right:2%; width:15%; padding-right:0%; text-align:center; border-right:0px; clear:none}
.basicList ul li span.date{width:11%; text-align:center;}
.basicList ul li.re .name,
.basicList ul li.re .date{display:inline-block}




}

@media all and (min-width:1024px) {
.basicList ul li span.title{width:65%}
.basicList ul li span.name{width:10%;}
.basicList ul li span.date{width:9%}
.basicList ul li span.cate,
.basicList ul li span.notice{width:10%}


}


/*답리스트*/

.basicRe ul li span.cate{margin-bottom:10px}
.basicRe ul li span.re{margin-left:10px; font-size:0.85em; font-weight:600; color:#969696}
.basicRe ul li span.ing{color:#e10000}
@media all and (min-width:768px) {
.basicRe ul li span.cate{margin-bottom:0px}
.basicRe ul li span.cate,
.basicRe ul li span.num,
.basicRe ul li span.notice,
.basicRe ul li span.none{width:calc(5% + 50px); text-align:center;}
.basicRe ul li span.re{display:block; width:8%; text-align:center;}
.basicRe ul li span.title{width:calc(56% - 80px);}
.basicRe ul li span.re{margin-left:0px;}
}


@media all and (min-width:1024px) {
.basicRe ul li span.title{width:calc(60% - 50px);}

}

/*수정삭제*/
.editList{border-top:1px solid #303030; margin-bottom:20px;}
.editList ul li{overflow:hidden; position:relative; padding:15px 10px; overflow:hidden; border-bottom:1px solid #e6e6e6}
.editList ul li span.txt{color:#323232; display:block; float:none; height:36px; line-height:36px;}
.editList ul li span.pswd{text-align:right; margin-top:10px; display:block;  float:none;}

@media all and (min-width:768px) {
.editList ul li span.txt,
.editList ul li span.pswd{width:50%; float:left}
.editList ul li span.pswd{margin-top:0}
}


/*갤러리 list*/
.GalleryList{border-top:1px solid #303030; margin-bottom:20px;}
.GalleryList ul {overflow:hidden; padding-top:20px;}
.GalleryList ul li{border:1px solid #e6e6e6; margin-bottom:20px; position:relative; box-sizing:border-box}
.GalleryList ul li span{display:block;}
.GalleryList ul li .Gimg{width:100%; height:200px; overflow:hidden; position:relative;}
.GalleryList ul li .Gimg img{display:inline-block; vertical-align:middle; min-height:200px; width:100%;position:absolute; left:0; right:0; bottom:0; top:0; margin: auto;}
.GalleryList ul li span.select_btn{position:absolute; padding:10px; left:0; top:0px; z-index:10}
.GalleryList ul li span.title{display:block; padding:10px 10px 0px; font-weight:bold; font-size:1.1em; }
.GalleryList ul li span.date{padding:10px; text-align:right}


@media all and (min-width:640px) {
.GalleryList ul li{width:47%; float:left; margin: 0 1.5%; margin-bottom:20px;}
.GalleryList ul li span.title{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
}
@media all and (min-width:768px) {
.GalleryList{margin-bottom:30px}
.GalleryList ul {padding-top:30px;}
}

@media all and (min-width:1024px) {
.GalleryList ul li{width:30.33%;}

}




@media all and (min-width:768px) {
.searchTop{margin-bottom:20px;}
.searchBox {width:50%; float:right;}
.searchBox input{max-width:190px}

}

/*페이지*/
.pageList{text-align:center; vertical-align:top; margin-bottom:20px;}
.pageList a{display:inline-block; padding: 0 5px;}
.pageList a:first-child, 
.pageList a:last-child{display:none;}
.pageList a img{height:30px;}
.pageList span{display:inline-block; vertical-align:top}
.pageList span.btn a{font-weight:500; font-size:0.9em; text-indent:-99999px; padding:0; width:30px; height:30px; line-height:30px; background:#1a42b2; border-radius:500px; position:relative}
.pageList span.btn a:after{font-family:'FontAwesome'; content:'\f104';  text-indent:0px;  position:absolute; right:0px; text-align:center; left:0; right:0; color:#ffffff; font-size:14px; top:0; bottom:0; margin:auto;}
.pageList span.btn_next a:after{content:'\f105'; }

.pageList span a.on{border-bottom:2px solid #0f7bcd; color:#0f7bcd}
.pageList span a:hover{color:#0f7bcd}
.pageList span.btn:hover{color:inherit}
.pageList span a{padding:0 15px; line-height:30px; font-weight:bold}
.pageList span a:first-child, 
.pageList span a:last-child{display:inline-block}
@media all and (min-width:768px) {
.pageList{margin-bottom:30px;}
.pageList a:first-child, 
.pageList a:last-child{display:inline-block;}
}

@media all and (min-width:1200px) {
.pageList{margin-bottom:50px;}
}




/*뷰*/
.viewTop{border-top:1px solid #303030; padding:20px 10px; border-bottom:1px solid #c8c8c8}
.viewTop h4{font-size:1.2em; font-weight:700; margin-bottom:10px;}
.viewTop ul{overflow:hidden;}
.viewTop ul li{float:left; float:left; margin-right:3%; padding-right:3%; border-right:1px solid #e6e6e6; line-height:100%;}
.viewTop ul li:last-child{margin-right:0; padding-right:0; border-right:0}

.viewTop ul li.attach{display:block; margin-top:10px; font-size:0.9em;}
.viewTop ul li.attach span{font-weight:600; display:inline-block; margin-right:10px; }
.viewTop ul li.attach a:before{display:inline-block; margin-right:5px; vertical-align:middle; content:'\f0c7'; font-family:'FontAwesome'; }

.v_attem{padding:10px 10px; border-bottom:1px solid #c8c8c8}
.v_attem ul li span { display:inline-block; font-size:0.95em}
.v_attem ul li span img{width:13px; vertical-align:middle; margin-right:10px}
.v_attem ul li{line-height:20px; color:#808080}

.v_contents{padding:10px 10px; border-bottom:1px solid #c8c8c8; min-height:150px}
/* .v_contents pre {overflow: scroll;} */
.v_bottom{border-bottom:1px solid #c8c8c8; margin-bottom:20px;}
.v_bottom li{border-bottom:1px solid #e6e6e6; padding:10px 0; font-size:0.9em; padding-left:30px; background:url(../img/board/bg_viewbefore.gif) no-repeat 10px center}
.v_bottom li span{font-weight:bold; margin-bottom:5px; display:inline-block}
.v_bottom li:last-child{border-bottom:0px; background:url(../img/board/bg_viewnext.gif) no-repeat 10px center}


@media all and (min-width:768px) {
.viewTop ul li.attach{display:inline-block; margin-top:0px; font-size:0.9em;}

.v_contents{padding:20px 20px}
.v_bottom{margin-bottom:30px; overflow:hidden;}
.v_attem{padding:15px 10px;}
.v_bottom li{float:left; width:50%; border-right:1px solid #e6e6e6;  background:url(../img/board/bg_viewbefore2.gif) no-repeat left center; padding:20px 10px 20px 30px; border-bottom:0px;}
.v_bottom li:last-child{border-right:0; text-align:right;  background:url(../img/board/bg_viewnext2.gif) no-repeat right center; padding:20px 30px 20px 10px}
}

/*라이트*/
#writeWrap{margin-bottom:20px;}
.writecom{border-top:1px solid #808080; border-bottom:1px solid #c8c8c8}
.writecom ul li{padding:10px 10px; overflow:hidden;}
.writecom ul li span{display:block; float:left; line-height:35px}
.writecom ul li span.w_txt{width:70px;}
.writecom ul li span.inputTxt{width: calc(100% - 70px)}
.writeCon{padding:10px 10px; min-height:200px; border-bottom:1px solid #c8c8c8; background:#f5fafa}
.writeCon iframe{width:100%}
.writeBottom{border-top:0px; margin-bottom:20px;}
.writeBottom ul li{padding:5px 10px !important}
.writeBottom .attem_btn{padding:0px; width:25px; height:25px; line-height:20px; border-color:#808080;  background:#808080; color:#ffffff; font-weight:bold; font-size:15px}
@media all and (min-width:768px) {
.writeBottom{margin-bottom:30px;}
#writeWrap{margin-bottom:30px;}
.writecom ul li{padding:15px 10px}
}


/*카드리스트*/
.webzineList{overflow:hidden; border-top:1px solid #dcdcdc}
.webzineList ul li.wzlist{overflow:hidden; position:relative;}
.webzineList ul li.wzlist .chkbox{position:absolute; z-index:15; right:20px; top:20px;}
.webzineList ul li.wzlist .img{position:relative; }
.webzineList ul li.wzlist .img span{position:absolute; z-index:5; display:inline-block; padding:10px 20px; color:#ffffff; background:#909090}
.webzineList ul li.wzlist .img span.on{background:#1274c6}
.webzineList ul li.wzlist .img img{width:100%;}
.webzineList ul li.wzlist dl{margin-bottom:30px; padding:30px 20px; border-bottom:1px solid #dcdcdc}
.webzineList ul li.wzlist dl dt{font-weight:800; font-size:1.2em; margin-bottom:10px;}
.webzineList ul li.wzlist dl dd{margin-bottom:10px;}
.webzineList ul li.wzlist dl dd.date{font-size:0.9em}
.webzineList ul li.wzlist dl dd:last-child{margin-bottom:0;}

@media all and (min-width:640px) {
.webzineList ul li.wzlist{padding:30px 0px; border-bottom:1px solid #dcdcdc}
.webzineList ul li.wzlist .img{float:left; width:30%; margin-right:3%;}
.webzineList ul li.wzlist dl{float:left; width:67%; padding:0 20px; box-sizing:border-box;  border-bottom:0px; margin-bottom:0}
}

@media all and (min-width:1024px) {
.webzineList ul li.wzlist .img{width:22%;}
.webzineList ul li.wzlist dl{width:75%;}
}

/*댓글달기*/
.v_comment{border-bottom:1px solid #e6e6e6}
.v_comment .comment{margin-bottom:20px; padding:20px; border:1px solid #e6e6e6; border-top:0;}
.v_comment .comment h5{font-weight:600; margin-bottom:10px;}

.v_comment .mentbox{overflow:hidden; position:relative; padding-bottom:15px; margin-bottom:15px; border-bottom:1px solid #f0f0f0}
.v_comment .mentbox dl{overflow:hidden; margin-bottom:10px}
.v_comment .mentbox dl dt, 
.v_comment .mentbox dl dd{float:left; margin-right:10px; font-weight:600}
.v_comment .mentbox dl dd{font-weight:normal; color:#808080; padding-left:10px; position:relative;}
.v_comment .mentbox dl dd:before{display:block; content:''; width:1px; height:8px;; background:#e6e6e6; position:absolute; left:0; top:0; bottom:0; margin:auto}
.v_comment .mentbox .ment_li{position:absolute; right:0; top:0; text-align:right;}
.v_comment .mentbox .ment_li li{display:inline-block; vertical-align:top;}
.v_comment .mentbox .ment_li li a{display:inline-block; padding:2px 5px; background:#414141; border-radius:3px; color:#ffffff; font-size:11px}

.v_comment .comment .mentbox:last-child{margin-bottom:0; border-bottom:0; padding-bottom:0}

.v_comment .mentwrite{padding:20px; background:rgba(0,0,0,0.03);}
.v_comment .mentwrite h5{font-weight:600; margin-bottom:10px}
.v_comment .mentwrite .writebox{ overflow:hidden}
.v_comment .mentwrite .writebox textarea{float:left; width:calc(100% - 80px); height:60px; overflow-y:auto}
.v_comment .mentwrite .writebox button{float:right; width:60px; height:60px; background:#414141; color:#ffffff; border-color:#414141; font-size:0.7em;}

/* sub05_02 포토갤러리 페이지  -----------------------------------------------------------*/
.photogallery {width: 100%; display: flex; flex-wrap: wrap;}
.photogallery li {width: 23%; margin-bottom: 30px; border: 2px solid #f1f1f1; border-radius: 15px; overflow: hidden; margin-right: 2.6%;}
.photogallery li:nth-of-type(4n) {margin-right: 0%;}
.photogallery li a {display: block; width: 100%;}
.photogallery_img {width: 100%; height: 170px; overflow: hidden;}
.photogallery_img img {width: 100%; height: 170px; background: #000;}
.photogallery_tit {padding: 5px 0; min-height: 70px; font-weight: 500;}
.photogallery_date {text-align: left;}

.photogallery_cont {padding: 10px;}


/* sub05_03 센터일정표 페이지  -----------------------------------------------------------*/
.schedule_month {display: flex; width: 20%; justify-content: space-between; margin: 0 auto 20px;font-weight: 500; font-size: 32px; color: #3f3e3e;}


/* 일정표 */
.calendar table {
    width: 100%;
}
.calendar table thead th {
    background: #67aeb4 none repeat scroll 0 0;
    border: 1px solid #fff;
    color: #fff;
    padding: 10px 2px;
    width: 14%;
}
.calendar table td {
    border: 1px solid #dddddd;
    vertical-align: top;
	padding:0;
}
.calendar table td.today_back{
	background:#f7f7f7;
}
.calendar p.cal_day {
    border-bottom: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
    color: #6b6b6b;
    float: left;
    font-family: "verdana";
    font-size: 10px;
    font-weight: bold;
    height: 22px;
    text-align: center;
    width: 20px;
}
.calendar .cal_con{
	 min-height:90px;
	 padding:24px 5px 5px;
     position:relative;
}
.sun{ color: #f46600; }
.sat{ color: #0179c6; }
.today{ color: #00beaa; }
.today_back .cal_day{
	 background:#fff;
}

.cal_con ul li{
	 background:url("../images/main/board_dot.gif") no-repeat 0 50%;
	 padding-left:8px;
	 font-size: 12px;
	 position:relative;
}
.cal_con ul li a:hover{
	 color: #000000;
}
.cal_con ul li.cal_title {white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width: 130px;}

.cal_divpop{
	position:absolute;
	left:0;
	top:-65px;
	background: url("/images/common/button_bg02.jpg") repeat scroll 0 0;
	color:#fff;
	padding:5px;
	min-width:170px;
	border: 1px solid #8d843b;
	font-weight:bold;
	z-index:5;
	display:none;
	text-align:left;
}

div.month_area {
    float: left;
}

div.month_area p.month {
    font-weight: 800;
	color:#444;
	font-size: 40px;
	width:90px;
	text-align:center;
}

@media all and (max-width:1400px) {
    .schedule_month {width: 30%; }
    .cal_con ul li.cal_title {width: 100px;}
}
@media all and (max-width:830px) {
    .schedule_month {width: 40%; }
    .cal_con ul li.cal_title {width: 80px;}
}
@media all and (max-width:720px) {
    .schedule_month {width: 40%; margin: 20px auto;}
}
@media all and (max-width:680px) {
    .schedule_month {width: 50%; font-size: 26px;}
    .cal_con ul li.cal_title {width: 50px;}
}
@media all and (max-width:480px) {
    .schedule_month {width: 60%; font-size: 22px;}
    .cal_con ul li.cal_title {width: 32px;}
}