@charset "utf-8";
/****************************************/
/* Name: 금정구 생활문화센터
/* PART: BOARD STYLE 
/* Version: 1.0 / day: 2020-11-25
/* Author: imtec 
/****************************************/

/* 공통정의 */

/* 게시판 공통 */
.btn_list{margin:15px 0;text-align:right}
.btn_list2{position:relative;margin:20px 0;text-align:center}

input[type="text"],input[type="password"],input[type="search"],input[type="tel"],input[type="email"]{margin:1px 0;padding:5px 3px 4px 3px;height:30px; border:1px solid #cacaca;border-radius:0}
textarea{margin:1px 0;padding:5px 3px 4px 3px;border:1px solid #cacaca;border-radius:0}
input[type="file"]{margin:1px 0;height:30px;background:none;}
/*input[type="text"]:hover,input[type="text"]:focus,input[type="password"]:hover,input[type="password"]:focus{background:#f1f9ff;}*/
input[type="submit"]{cursor:pointer;}
select{padding:2px;height:29px;border:1px solid #c0c0c0;}

/* 페이지수 */
.boardPage{position:relative;margin-bottom:10px;color:#555}
.boardPage b{color:#000}

/* 상단검색 - 기본 */
.boardSearch{position:relative;margin-bottom:20px;padding:20px 10px;text-align:center;background:#f6f6f6;border:1px solid #e7e7e7}
.boardSearch select{padding-left:10px;min-width:90px;height:40px;border:1px solid #c0c0c0;}
.boardSearch input[type="text"],.boardSearch input[type="search"]{padding:5px;width:30%;height:40px;background:#fff;border:1px solid #c0c0c0;border-width:1px 0 1px 1px;border-radius:0}
.boardSearch button[type="submit"]{width:80px;height:40px;color:#fff;background-color:#3e4452;cursor:pointer;border:0;border-radius:0;-webkit-appearance: none}
.boardSearch button[type="submit"]::before{
	display:inline-block;margin-right:5px;width:13px;height:15px;
	content:'';vertical-align:middle;
	background:url('/img/lll/img_common2.png') no-repeat -150px -400px;
}

.boardSearch2{position:relative;margin-bottom:20px;padding:20px 10px;text-align:center;background:#f6f6f6;border:1px solid #e7e7e7}
.boardSearch2 select{padding-left:10px;min-width:90px;height:40px;border:1px solid #c0c0c0;}
.boardSearch2 .wrtBox{position:relative;display:inline-block;padding-right:80px;width:40%}
.boardSearch2 .wrtBox input[type="text"],.boardSearch2 input[type="search"]{padding:5px;width:100%;height:40px;background:#fff;border:1px solid #c0c0c0;border-width:1px 0 1px 1px;border-radius:0}
.boardSearch2 .wrtBox button[type="submit"]{position:absolute;top:1px;right:0;width:80px;height:40px;color:#fff;background-color:#3e4452;cursor:pointer;border:0;border-radius:0;-webkit-appearance: none}
.boardSearch2 .wrtBox button[type="submit"]::before{display:inline-block;margin-right:5px;width:13px;height:15px;content:'';vertical-align:middle;background:url('/img/lll/img_common.png') no-repeat -150px -400px;}


/* 페이지표시 */
.page{text-align:center;margin-top:30px;font-family:Tahoma;}
.page > div{
	display: inline-block;
}
.page > div a{
	background: #f7f7f7;
}
.page .prev_box{
	margin-right: 10px;
}
.page .next_box{
	margin-left: 10px;
}
.page a{position:relative;display:inline-block;margin:2px -2px 2px -3px;width:38px;height:38px;color:#777777;text-align:center;vertical-align:middle;line-height:36px;text-decoration:none;letter-spacing:-1px;background:#fff;border:1px solid #d5d5d5}
.page a.on{color:#fff;font-weight:bold;background:#3e4452;border:1px solid #3e4452;z-index:2}
.page a img{vertical-align:middle;}
.page a.b_bd{line-height:33px;background:#f7f7f7}

.no_data{margin-bottom: 60px;padding:40px 0;font-size:13px;color: #777;text-align:center;border-bottom:1px solid #ccc}

.bbs_ltype,
.bbs_ltype th,
.bbs_ltype td,
.bbs_vtype,
.bbs_vtype th,
.bbs_vtype td,
.bbs_wtype,
.bbs_wtype th,
.bbs_wtype td{border:0}

.bbs_vtype td.contents table{border-collapse:collapse;}
.bbs_vtype td.contents th,
.bbs_vtype td.contents td{border:1px solid #a5a5a5}


/* 게시판 목록 */
.bbs_ltype {border-collapse:collapse;} 
.bbs_ltype thead th{height:50px;text-align:center;color:#333;border-top:2px solid #3e4452;border-bottom:1px solid #a5a5a5;}
.bbs_ltype thead th:first-child{background-image:none}
.bbs_ltype tbody tr.nt{background:#f3f3f3}
.bbs_ltype tbody tr.nt .ic_noti{color:#0071d9;font-weight:bold}
.bbs_ltype tbody td{padding:13px 0;text-align:center;border-bottom:1px solid #dedede;}
.bbs_ltype tbody td.subject{padding-left:10px;text-align:left;}
.bbs_ltype tbody td .ic_open{display:inline-block;margin-right:5px;width:50px;height:26px;font-size:12px;line-height:24px;color:#0071d9;font-weight:bold;vertical-align:middle;text-align:center;background:#fff;border:1px solid #0071d9;}
.bbs_ltype tbody td .ic_secret{display:inline-block;margin-right:5px;width:50px;height:26px;font-size:12px;line-height:24px;color:#f55c00;font-weight:bold;text-align:center;background:#fff;border:1px solid #f98d00}

.bbs_ltype tbody td span.ic01{background-color: #4e82cb;}
.bbs_ltype tbody td span.ic02{background-color: #5457b0;}
.bbs_ltype tbody td span.ic03{background-color: #9854b0;}
.bbs_ltype tbody td span.ic04{background-color: #be4689;}
.bbs_ltype tbody td span.cate{
	display: inline-block; position: relative;
	width: 64px; height: 26px; line-height: 26px;
	color: #fff; font-size: 14px;
	padding-left: 30px; margin-right: 3px;
}
.bbs_ltype tbody td span.ic01::after{
	top: 7px; left: 8px;
	background-position: -395px -22px;
	width: 13px; height: 11px;
}
.bbs_ltype tbody td span.ic02::after{
	top: 6px; left: 10px;
	background-position: -413px -22px;
	width: 11px; height: 13px;
}
.bbs_ltype tbody td span.ic03::after{
	top: 6px; left: 9px;
	background-position: -429px -22px;
	width: 11px; height: 12px;
}
.bbs_ltype tbody td span.ic04::after{
	top: 7px; left: 9px;
	background-position: -445px -22px;
	width: 11px; height: 11px;
}
.bbs_ltype tbody td span.cate::after{
	content: ""; display: inline-block; position: absolute;
	background-image: url(/img/lll/img_common.png);
	background-repeat: no-repeat;	
}

.bbs_wtype tbody td span.dis_inbl::before{
	margin-left: 5px;
	content: ""; display: inline-block; margin-right: 5px;
	background-image: url(/img/lll/img_common2.png);
	background-repeat: no-repeat;	
	background-position: -220px -335px;
	width: 18px; height: 18px;
	position: relative;
	top:3px;
}

.ic_stat1{
	display:inline-block;width:70px;height:30px;font-size:13px;line-height:30px;
	color:#fff;vertical-align:middle;text-align:center;background:#fa9900
}
.ic_stat2{
	display:inline-block;width:70px;height:30px;font-size:13px;line-height:30px;
	color:#fff;vertical-align:middle;text-align:center;background:#00a37e
}
.ic_stat3{
	display:inline-block;width:70px;height:30px;font-size:13px;line-height:30px;
	color:#fff;vertical-align:middle;text-align:center;background:#4264c4
}
.ic_stat4{
	display:inline-block;width:70px;height:30px;font-size:13px;line-height:30px;
	color:#fff;vertical-align:middle;text-align:center;background:#6f737c
}

.bbs_ltype.teachBbs tbody tr td{padding:20px 0}
.bbs_ltype.teachBbs .teachCon .tit{display:block;margin-bottom:15px;font-size:18px;font-weight:bold}
.bbs_ltype.teachBbs .teachCon ul{margin-bottom:15px;padding:15px 20px;background:#f6f6f6}
.bbs_ltype.teachBbs .teachCon ul li{position:relative;padding-left:75px}
.bbs_ltype.teachBbs .teachCon ul li .name{position:absolute;top:0;left:0;width:65px;font-weight:bold}
.bbs_ltype.teachBbs .teachCon ul li .name::after{position:absolute;top:50%;right:0;margin-top:-6px;width:1px;height:12px;content:'';background:#c3c3c3}


/* 게시판 상세보기 */
.bbs_vtype{border-top:2px solid #3e4452;border-bottom:1px solid #dedede}
.bbs_vtype dl.infor{background:#f8f8f8}
.bbs_vtype dl.infor dt{padding:15px 25px;font-size:20px;line-height:26px;font-weight:600}
.bbs_vtype dl.infor dd ul::after{display:block;clear:both;content:''}
.bbs_vtype dl.infor dd.sTit{margin-top:-5px;padding:0 25px 15px;font-weight:bold}
.bbs_vtype dl.infor dd.basic{padding:0 25px 15px}
.bbs_vtype dl.infor dd.basic ul li{position:relative;float:left;margin:0 15px 5px 0;padding-right:15px}
.bbs_vtype dl.infor dd.basic ul li::after{position:absolute;top:50%;right:0;margin-top:-5px;width:1px;height:10px;content:'';background:#c3c3c3}
.bbs_vtype dl.infor dd.basic ul li:last-child::after{display:none}
.bbs_vtype dl.infor dd.etc{background:#fff;border-top:1px solid #ddd}
.bbs_vtype dl.infor dd.etc ul li{position:relative;padding:10px 0 10px 100px;min-height:43px;border-top:1px dashed #ddd}
.bbs_vtype dl.infor dd.etc.wide ul li{padding:10px 0 10px 140px;}
.bbs_vtype dl.infor dd.etc ul li .name{position:absolute;top:10px;left:25px;}
.bbs_vtype dl.infor dd.etc ul li:first-child{border-top:0}
.bbs_vtype dl.infor dd.file{position:relative;padding:14px 25px;min-height:55px;background:#fff;border-top:1px solid #ddd;}
.bbs_vtype dl.infor dd.file .ic_file{position:relative;display:block;margin:2px 0;line-height:28px}
.bbs_vtype dl.infor dd.file .ic_file a{
	display:inline-block;margin-right:5px;padding-left:30px;
}
.bbs_vtype dl.infor dd.file .ic_file::before{
	position:absolute;top:0;left:0;width:26px;height:26px;content:'';
	border:1px solid #c9c9c9;border-radius:50%;
	background:url('/img/lll/img_common.png') no-repeat 6px -338px
}
.bbs_vtype .contents{padding:25px;border-top:1px solid #ddd;}
.bbs_vtype .contents::after{display:block;clear:both;content:''}
.bbs_vtype + .view_list li.before{border-top:0}
.bbs_vtype .qes_con{padding:20px;border-bottom:1px dashed #c5c5c5}
.bbs_vtype .qes_con dt{margin-bottom:15px;font-family:'NanumSquare';font-size:18px;color:#f26b5c;font-weight:bold;line-height:30px;}
.bbs_vtype .qes_con dt::before{display:inline-block;margin-right:10px;width:34px;height:34px;font-size:20px;color:#fff;text-align:center;line-height:34px;content:'Q';background:#f26b5c;border-radius:50%}
.bbs_vtype .contents .posLt{float:left;margin:0 20px 20px 0}
.bbs_vtype .contents .posTp{display:block;margin-bottom:20px;text-align:center}
.bbs_vtype .contents .posRt{float:right;margin:0 0 20px 20px}
.bbs_vtype .contents .posBt{display:block;margin-top:20px;text-align:center}

.bbs_vtype .rep_con{padding:20px}
.bbs_vtype .rep_con dt{margin-bottom:15px;font-family:'NanumSquare';font-size:18px;color:#0e51b8;font-weight:bold;line-height:30px;}
.bbs_vtype .rep_con dt::before{display:inline-block;margin-right:10px;width:34px;height:34px;font-size:20px;color:#fff;text-align:center;line-height:34px;content:'A';background:#0071d9;border-radius:50%}
.bbs_vtype .rep_con dd .rep_infor{margin-bottom:20px;padding:15px 25px;background:#e7f1ff}
.bbs_vtype .rep_con dd .rep_infor:after{display:block;clear:both;content:''}
.bbs_vtype .rep_con dd .rep_infor li{position:relative;float:left;margin:3px 0;padding:0 10px 0 70px;width:33.3%;}
.bbs_vtype .rep_con dd .rep_infor li .name{position:absolute;top:0;left:0;display:inline-block;margin-right:5px;width:60px;color:#0e51b8;font-weight:bold;}
.bbs_vtype .rep_con dd .rep_infor li .name::after{position:absolute;top:50%;right:0;margin-top:-5px;width:1px;height:10px;content:'';background:#c3c3c3}

/* 교육/강좌 */
.bbs_vtype.edu dl.infor dt{position:relative;padding:20px 25px 15px 110px;min-height:70px;background:#fff;border-bottom:1px solid #dedede}
.bbs_vtype.edu dl.infor dt .state{position:absolute;top:0;left:0;width:85px;height:100%;font-size:15px;color:#fff;line-height:70px;text-align:center;z-index:1}
.bbs_vtype.edu dl.infor dt .state.st1{background:#6b6b6b} /* 대기중 */
.bbs_vtype.edu dl.infor dt .state.st2{background:#ff9924} /* 접수중 */
.bbs_vtype.edu dl.infor dt .state.st3{background:#919191} /* 접수마감 */
.bbs_vtype.edu dl.infor dd.edu{margin-bottom:-1px}
.bbs_vtype.edu dl.infor dd.edu ul::after{display:block;clear:both;content:''}
.bbs_vtype.edu dl.infor dd.edu ul li{position:relative;float:left;padding:10px 0 10px 150px;width:50%;min-height:43px;word-break:break-all;border-bottom:1px dashed #ddd}
.bbs_vtype.edu dl.infor dd.edu ul li .name{position:absolute;top:10px;left:25px;font-weight:bold}
.bbs_vtype.edu dl.infor dd.edu ul li:first-child{border-top:0}
.bbs_vtype.edu .contents h3.title:first-child{margin-top:0}
.bbs_vtype.edu .contents .edu_infor{padding:15px 25px;background:#f3f8fd}
.bbs_vtype.edu .contents .edu_infor::after{display:block;clear:both;content:''}
.bbs_vtype.edu .contents .edu_infor li{position:relative;float:left;margin:5px 0;padding:0 20px 0 80px;min-width:30%}
.bbs_vtype.edu .contents .edu_infor li .name{position:absolute;top:0;left:0;width:65px;color:#0071d9;font-weight:bold}
.bbs_vtype.edu .contents .edu_infor li .name::after{position:absolute;top:7px;right:0;width:1px;height:10px;content:'';background:#c3c3c3}

/* 접수완료 */
.finishCon{padding:50px 20px;text-align:center;background:#f6f6f6}
.finishCon p{color:#333;text-align:center}
.finishCon .txt1{position:relative;display:inline-block;margin-bottom:10px;padding:10px 0 0 80px;font-family:'NanumSquare';font-size:34px;font-weight:bold;line-height:40px;text-align:left}
.finishCon .txt1::before{position:absolute;top:0;left:0;width:65px;height:60px;content:'';background:url('../img/yeyak/com_yeyak.png') no-repeat -210px -285px}
.finishCon .txt2{margin-bottom:40px;font-size:16px;}

/* 기관검색상세 */
.bbs_vtype2{position:relative;padding:30px 0;border-top:2px solid #3e4452;border-bottom:1px solid #dedede}
.bbs_vtype2 h2{margin-bottom:20px;font-size:29px;color:#333}
.bbs_vtype2 .infor{position:relative;padding-left:310px}
.bbs_vtype2 .infor .photo{position:absolute;top:0;left:0;width:280px;height:290px;overflow:hidden}
.bbs_vtype2 .infor .con{padding:20px 20px 30px;background:#f6f6f6}
.bbs_vtype2 .infor .con ul li{position:relative;margin:2px 0;padding-left:120px;min-height:25px}
.bbs_vtype2 .infor .con ul li .name{position:absolute;top:0;left:0;width:100px;font-weight:bold;line-height:18px}
.bbs_vtype2 .infor .con ul li .name::after{position:absolute;top:5px;right:0;width:1px;height:10px;content:'';background:#c3c3c3}

/* 상세보기에 테이블 
.bbs_vtype .contents table{width:100%;border-collapse: collapse;border-top:2px solid #acacac;border-right:1px solid #ccc;border-bottom:1px solid #ccc;border-left:1px solid #ccc}
.bbs_vtype .contents table tr { text-align: center; }
.bbs_vtype .contents table thead th{padding:10px 0;color:#333;line-height:18px;background:#f7fafc;border:1px solid #afafaf;}
.bbs_vtype .contents table tbody th{padding:10px 5px;color:#333;font-weight:bold;background:#f7fafc;border:1px solid #ccc}
.bbs_vtype .contents table tbody td{padding:10px 5px;text-align:left;background:#fff;border-left:1px solid #ccc;border-bottom:1px solid #ccc}
*/

/* 겔러리형 슬라이드 */
.photoSlide{position:relative;padding:20px 20px 0;border-top:1px solid #ddd;}
.photoSlide .loading{position:absolute;top:0;left:0;width:100%;height:100%;background:#fff url('/img/lll/common/loading.gif') no-repeat center center;z-index:1}
.photoSlide .photoBigView{position:relative;width:100%;overflow:hidden;text-align:center;}
.photoSlide .loading + .photoBigView {max-height: 545px;}
.photoSlide .photoBigView .flex-direction-nav a{position:absolute;top:50%;margin-top:-11px;width:14px;height:22px;text-indent:-999px;overflow:hidden;transition: all 0.2s ease;background-image:url('/img/lll/img_common.png')}
.photoSlide .photoBigView .flex-direction-nav .flex-prev{left:-80px;background-position:-101px -270px}
.photoSlide .photoBigView .flex-direction-nav .flex-next{right:-80px;background-position:-141px -270px}
.photoSlide .photoBigView:hover .flex-direction-nav .flex-prev{left:20px}
.photoSlide .photoBigView:hover .flex-direction-nav .flex-next{right:20px}
.photoSlide .box{margin-top:20px;padding:15px 40px;background:#eee}
.photoSlide .photoThumb{position:relative;width:100%;}
.photoSlide .photoThumb .slides::after{display:block;clear:both;content:''}
.photoSlide .photoThumb .slides > li{background:#000}
.photoSlide .photoThumb .slides > li a{display:block;height:90px;overflow:hidden;border:3px solid #eee}
.photoSlide .photoThumb .slides > li img{width:100%;height:100%}
.photoSlide .photoThumb .slides > li.flex-active-slide a{border:3px solid #ffa70f}
.photoSlide .photoThumb .flex-direction-nav a{
	position:absolute;top:50%;margin-top:-13px;width:15px;height:26px;
	text-indent:-999px;overflow:hidden;transition: all 0.2s ease;
	background-image:url('/img/lll/img_common2.png')}
.photoSlide .photoThumb .flex-direction-nav .flex-prev{left:-20px;background-position:-10px -460px}
.photoSlide .photoThumb .flex-direction-nav .flex-next{right:-20px;background-position:-45px -460px}
.flex-direction-nav .flex-disabled{cursor: default;opacity: 0;z-index: -1;}
.photoSlide + .contents{border-top:0}

.no_img{background:#f1f1f1 url('/img/lll/common/no_img.png') no-repeat center center;background-size: auto;}


/* 이전글,다음글 */
.view_list li{position:relative;padding:10px 10px 10px 110px;font-size:13px;color:#555;line-height:18px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;border-bottom:1px solid #a5a5a5; }
.view_list li a{color:#555;}
.view_list li:first-child{border-top:1px solid #a5a5a5;border-bottom:1px solid #e8e8e8;}
.view_list li span{display:inline-block;position:absolute;top:10px;left:35px;color:#333;font-weight:bold;}

/* 개인정보동의 */
.private_txt{margin-bottom:30px;border:1px solid #d4d4d4}
.private_txt .scroll_txt{position:relative;padding:20px;height:280px;overflow-y:auto;}
.private_txt .agree_check{padding:12px 0;text-align:center;background:#f8f8f8;border-top:1px solid #d4d4d4}
.check_box{position:relative;display:inline-block;margin-right:5px;height:30px;overflow:hidden;vertical-align:middle}
.check_box input{position:absolute;top:-40px;left:-200px}
.check_box input + label{display:block;height:30px;}
.check_box input + label span{position:relative;display:inline-block;margin-right:5px;width:28px;height:28px;vertical-align:middle;border:1px solid #ababab;border-radius:50%}
.check_box input + label span::before{
	position:absolute;top:50%;left:50%;margin:-4px 0 0 -5px;
	width:11px;height:8px;content:'';
	background:url('/img/lll/img_common2.png') no-repeat -322px -370px;}
.check_box input:checked + label {color:#5380d2;}
.check_box input:checked + label span{border:2px solid #5380d2}
.check_box input:checked + label span::before{background-position:-322px -390px}

/* 게시판 글쓰기 */
.bbs_wtype{table-layout: fixed;margin-bottom:0;border-collapse:collapse;border-top:2px solid #3e4452}
.bbs_wtype thead th{padding:7px 0;text-align:center;background:#f7fafc;border:1px solid #dedede;border-width:0 0 1px 1px}
.bbs_wtype thead th:first-child{border-left:0}
.bbs_wtype thead th.line{border-left:1px solid #ddd}
.bbs_wtype tbody th,.bbs_wtype tbody td{border-bottom:1px solid #dedede}
.bbs_wtype tbody th[rowspan]{border-right:1px solid #ddd}
.bbs_wtype tbody th{padding:7px 10px 7px 15px;text-align:left;color:#333;background:#f8f8f8;}
.bbs_wtype tbody td{padding:7px 10px;text-align:left;}
.bbs_wtype tbody td.contents {padding:15px 0;border-top:1px solid #ddd;}
.bbs_wtype #uploadfield input[type="text"]{width:40%;position:relative;}
.bbs_wtype tbody td input[type="file"]{margin:1px 0;padding:0;width:100%;font-size:12px;background:#f0f0f0;-webkit-appearance: none;border:0;width: 59%;}
.bbs_wtype tbody td .fileBox{position:relative;padding-right:235px}
.bbs_wtype tbody td .fileBox .btn{position:absolute;top:0;right:0}

/* 포토겔러리 목록 */
.bbs_gallery{border-top:2px solid #3e4452;border-bottom:1px solid #dedede;}
.bbs_gallery ul{position:relative;padding:30px 0 10px 0;height:100%;overflow:hidden}
.bbs_gallery ul li{float:left;margin-bottom:15px;width:33.3%;text-align:center}
.bbs_gallery ul li a{position:relative;display:inline-block;margin:0 7px;overflow:hidden;}
.bbs_gallery ul li a .photo:after{position:absolute;top:50%;left:50%;width:0;height:0;content:'';opacity:0;border:1px solid #fff;z-index:1;transition: all 0.2s;	-moz-transition: all 0.2s;-webkit-transition: all 0.2s; -o-transition: all 0.2s;}
.bbs_gallery ul li a .photo:before{position:absolute;top:0;left:0;width:100%;height:100%;content:'';opacity:0;background:#000;z-index:1;transition: all 0.3s;	-moz-transition: all 0.3s;-webkit-transition: all 0.3s; -o-transition: all 0.3s;}
.bbs_gallery ul li .photo{position:relative;display:block;height:200px;overflow: hidden;}
.bbs_gallery ul li .con{position:absolute;left:0;top:50%;margin-top:-25px;padding:0 20px;width:100%;color:#fff;line-height:21px;opacity:0;z-index:2;transition: all 0.4s;-moz-transition: all 0.4s;-webkit-transition: all 0.4s; -o-transition: all 0.4s;}
.bbs_gallery ul li .con .tit{display:block;margin-bottom:10px;font-size:20px;font-weight:bold;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.bbs_gallery ul li .con .data{display:block;z-index:2}
.bbs_gallery ul li a:hover .photo:after{position:absolute;top:5%;left:4%;width:92%;height:90%;opacity:0.5;}
.bbs_gallery ul li a:hover .photo:before{opacity:0.5;}
.bbs_gallery ul li a:hover .con{opacity:1;}
.bbs_gallery ul li a:focus .photo:after{position:absolute;top:5%;left:4%;width:92%;height:90%;opacity:0.5;}
.bbs_gallery ul li a:focus .photo:before{opacity:0.5;}
.bbs_gallery ul li a:focus .con{opacity:1;}

.bbs_gallery ul.movCon li a{text-align:left;border:1px solid #e3e3e3}
.bbs_gallery ul.movCon li a:hover{border:1px solid #ffa70f}
.bbs_gallery ul.movCon li a::after{position:absolute;top:0;left:0;width:100%;height:100%;content:'';opacity:0;border:4px solid #ffa70f;transition: all 0.2s;	-moz-transition: all 0.2s;-webkit-transition: all 0.2s; -o-transition: all 0.2s;}
.bbs_gallery ul.movCon li a:hover::after{opacity:1}
.bbs_gallery ul.movCon li .mov{position:relative;display:block;height:200px;transition: all 0.5s;}
.bbs_gallery ul.movCon li .mov::after{position:absolute;top:50%;left:50%;margin:-29px 0 0 -29px;content:'';width:58px;height:58px;border:3px solid #fff;border-radius:50%}
.bbs_gallery ul.movCon li .mov::before{position:absolute;top:50%;left:50%;margin:-10px 0 0 -6px;width:20px;height:25px;content:'';background:url('/img/lll/img_common.png') no-repeat -141px -145px;}
.bbs_gallery ul.movCon li .mov.no_img::after,
.bbs_gallery ul.movCon li .mov.no_img::before{display:none}
.bbs_gallery ul.movCon li .con2{padding:15px}
.bbs_gallery ul.movCon li .con2 .tit{display:block;font-weight:bold;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.bbs_gallery ul.movCon li .con2 .data{display:block;color:#777}

.bbs_gallery.gall2{border-top:0}
.bbs_gallery.gall2 ul li .photo{height:230px}
.bbs_gallery.gall2 ul li > a > .con::after{background:rgba(0,0,0,0.7);}

/* 포토게시판 유형2 목록 */
.bbs_gallery2{border-top:2px solid #3e4452;border-bottom:1px solid #dedede;}
.bbs_gallery2 ul{position:relative;padding:30px 0 10px 0;height:100%;overflow:hidden}
.bbs_gallery2 ul li{float:left;margin-bottom:15px;width:33.3%;text-align:center;padding-right: 15px;position:relative;}
.bbs_gallery2 ul li a{position:relative;display:inline-block;margin:0 7px;width: 100%;overflow:hidden;}
.bbs_gallery2 ul li a .photo:after{position:absolute;top:50%;left:50%;width:0;height:0;content:'';opacity:0;border:1px solid #fff;z-index:1;transition: all 0.2s;	-moz-transition: all 0.2s;-webkit-transition: all 0.2s; -o-transition: all 0.2s;}
.bbs_gallery2 ul li a .photo:before{position:absolute;top:0;left:0;width:100%;height:100%;content:'';opacity:0;background:#000;z-index:1;transition: all 0.3s;	-moz-transition: all 0.3s;-webkit-transition: all 0.3s; -o-transition: all 0.3s;}
.bbs_gallery2 ul li .photo{position:relative;display:block;height:200px;width: 100%;}
.bbs_gallery2 ul li .photo img{height:100%;}
.bbs_gallery2 ul li .con{	padding:20px;width:100%; text-align:left;line-height:21px;background:#f6f6f6;	}
.bbs_gallery2 ul li .con .tit{display:block;margin-bottom:10px;font-size:18px;font-weight:bold;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.bbs_gallery2 ul li .con .data{display:block;z-index:2;color:#666;}
.bbs_gallery2 ul li a::after{box-sizing:border-box;width:100%; height:100%;border:1px solid #4264c4;content:""; position:absolute; top:0; left:0;opacity:0;transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: all 0.3s;}
.bbs_gallery2 ul li a:hover::after{opacity:1}

/* 문화관광겔러리 */
.bbs_gallery3{border-bottom:1px solid #dedede}
.bbs_gallery3 ul{margin:0 -5px}
.bbs_gallery3 ul::after{display:block;clear:both;content:''}
.bbs_gallery3 ul li{float:left;margin-bottom:30px;padding:0 5px;width:33.33%;text-align:center}
.bbs_gallery3 ul li a{display:block;margin:0 auto;max-width:295px;}
.bbs_gallery3 ul li a:hover .tit{text-decoration:underline}
.bbs_gallery3 ul li .photo{position:relative;max-width:295px;height:195px;overflow:hidden;text-align:center;background:#f1f1f1 }
.bbs_gallery3 ul li .photo img{max-width:none;width:100%;height:auto;}
.bbs_gallery3 ul li .infor{padding:15px 18px;background:#fff;text-align:left;border:1px solid #e4e4e4;border-width:0 1px 1px}
.bbs_gallery3 ul li .infor .tit{display:block;color:#333;font-weight:bold;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.bbs_gallery3 ul li .infor .data{display:block;font-size:14px;color:#777;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.bbs_gallery3 ul li .photo .part{position:absolute;bottom:0;left:0;padding:0 20px;font-family:'NanumSquare';color:#fff;font-weight:bold;line-height:33px;z-index:10}
.bbs_gallery3 ul li .photo.prt1 .part{background:rgba(1,103,180,0.8)}
.bbs_gallery3 ul li .photo.prt2 .part{background:rgba(0,169,159,0.8)}
.bbs_gallery3 ul li .photo.prt3 .part{background:rgba(255,167,15,0.8)}


/* 영상겔러리 보기 */
.videoCon{position:relative;margin-bottom:10px;}
.videoCon::after{display:block;clear:both;content:''}
.videoCon .videoMo{float:left;width:60%;background-color:#000;}
.videoCon .videoTxt{float:right;width:38%;border:1px solid #ddd}
.videoCon .videoTxt dt{position:relative;margin:-1px -1px 0 -1px;padding:20px 40px 20px 65px;height:60px;font-size:18px;color:#fff;font-weight:bold;background:#0071d9}
.videoCon .videoTxt dt::before{position:absolute;top:50%;left:20px;margin-top:-22px;width:28px;height:44px;content:'';background:url('/img/lll/img_common.png') no-repeat -380px -210px;}
.videoCon .videoTxt dd{padding:20px;height:300px;overflow:auto;background:#f8f8f8}


/* 블로그형 목록 */
.bbs_blog{border-top:2px solid #3e4452;border-bottom:1px solid #dedede}
.bbs_blog dl{position:relative;padding:35px 20px 25px 310px;min-height:250px;border-top:1px solid #dedede}
.bbs_blog dl::after{display:block;clear:both;content:''}
.bbs_blog dl:first-child{border-top:0 !important}
.bbs_blog dl dt{margin-bottom:15px;font-size:18px;color:#333;font-weight:bold;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.bbs_blog dl dt a{color:#333;}
.bbs_blog dl dd.photo{position:absolute;top:25px;left:0;}
.bbs_blog dl dd.data{margin-top:10px;font-size:13px;}
.bbs_blog dl dd.data span{display:inline-block;margin-right:10px}
.bbs_blog dl dd.infor ul::after{display:block;clear:both;content:''}
.bbs_blog dl dd.infor li{float:left;margin-bottom:5px;width:50%;min-height:25px;line-height:20px}
.bbs_blog dl dd.infor li .name{display:inline-block;margin-right:10px;padding-right:15px;font-weight:bold;line-height:15px;border-right:1px solid #ddd}
.bbs_blog dl dd.con{white-space: normal; overflow: hidden; text-overflow: ellipsis; line-height: 24px; max-height: 100px; text-align: left;  word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; }

/* Q&A */
.bbs_qa{border-top:2px solid #3e4452;border-bottom:1px solid #dedede}
.bbs_qa dt{
	width:100%;
	line-height:1;
	font-family:'NanumSquare';
	font-size:17px;
	position:relative;
	border-top:1px solid #ccc;
	font-weight:bold;
	position: relative;
	padding-left: 100px;
}
.bbs_qa .qa_txt{
	color:#004ab9;
	display: inline-block;
	margin-right: 40px;
	position: absolute;
	left: -75px;
}
.bbs_qa dt:first-child{border-top:0}
.bbs_qa dt > a{
	display:block;padding: 22px 30px;
	text-decoration:none;position: relative;
}
.bbs_qa dt > a::after{
	content: ""; display: inline-block; position: absolute;
	background-image: url(/img/lll/img_common2.png);
	background-repeat: no-repeat;	
	background-position: -32px -28px;
	top: 23px; right: 25px;
	width: 32px; height: 28px;
}
.bbs_qa dt.selected a{font-weight:bold}
.bbs_qa dt.selected + dd{background:#f8f8f8}
.bbs_qa dt .btn{position:absolute;top:50%;right:0;margin-top:-12px;z-index:10}
.bbs_qa dt .btn a{display:block;padding:0 8px;height:25px;font-size:13px;color:#fff;line-height:25px;font-weight:bold;background:#333}
.bbs_qa dd{
	position:relative;
	padding:25px;border-top:1px solid #dedede;
}


/* 달력 */
.sch_month{
	background: #4cb5d9;	
}
.tit_month{
	position:relative;height:90px;text-align:center;
	border-bottom:1px solid #70c4e1
}
.tit_month .mon{
	padding-top:35px;
	font-family:'NanumSquare';font-size:38px;color:#fff;
	font-weight:bold;text-align:center; letter-spacing: -2px;
}
.tit_month span{position:absolute;top:20px;}
.tit_month span a{
	display:block;width:48px;height:48px;
	border:2px solid #fff; top:23px;
	font-size:0;overflow:hidden;background:#4cb5d9;border-radius:50%;
}
.tit_month span a::after{
	position: absolute;
	display:inline-block;width:11px;height:18px;content:'';
	top:15px; left:19px;
	line-height:48px;background:url('/img/lll/img_common2.png') no-repeat
}
.tit_month .btn_month_before{left:30px;}
.tit_month .btn_month_before a::after{background-position: 0 0}
.tit_month .btn_month_next{right:30px;}
.tit_month .btn_month_next a::after{background-position: -21px 0}

.shc_month_list{position:relative;padding-top:60px;border-left:1px solid #cbcbcb;}
.shc_month_list ol{}
.shc_month_list ol:after{display:block;clear:both;content:''}
.shc_month_list > ol > li{float:left;width:14.285%;position: relative;}
.shc_month_list > ol > li > div{
	position:relative;padding:0 10px 10px;height:130px;
	border:1px solid #cbcbcb;border-width:0 1px 1px 0}
.shc_month_list > ol > li .week_name{
	font-family: 'NanumSquare';
	position:absolute;top:-60px;left:0;display:block;
	width:100.8%;height:60px;font-size:16px;color:#fff;
	text-align:center;line-height:60px;
	background:#4cb5d9;
}
.shc_month_list > ol > li .num{
	display:block;padding:5px 0;font-size:15px;color:#333;
	font-weight: bold;
}
.shc_month_list > ol > li.last .num{color:#a7a7a7}
.shc_month_list > ol > li+li+li+li+li+li+li+li .week_name{
	height:0;overflow:hidden;border:0}
.shc_month_list .thea_list{
	height:85px;overflow:auto;
}
.shc_month_list .thea_list li{
	position:relative;margin-bottom:5px;
	min-height:18px;font-size:13px;line-height:16px;white-space:nowrap; 
	overflow:hidden; text-overflow:ellipsis;
}
.shc_month_list > ol > li div.sun .num{color: #f04f4f}
.shc_month_list > ol > li div.sun .week_name{background:#4cb5d9}
.shc_month_list > ol > li div.sat .week_name{background:#4cb5d9}
.shc_month_list > ol > li.has_shc::before{
	content: ""; display: inline-block; position: absolute;
	top: 0; left: 0;
	width: 100%; height: 100%;
	border:2px solid #c8c8c8; border-right-width: 3px;
	border-bottom-width: 3px;
}
.shc_month_list > ol > li div.today{background:#f1f5fc;}
.shc_month_list > ol > li div.today .week_name{}
.shc_month_list > ol > li div.today .num{color:#004ab9;font-weight:bold}
.shc_month_list .shc_view{
	width: 80%; 	
	position: absolute; top:50%; left: 50%;
	transform: translate(-50%, -50%);
	background:#fff;
	border:2px solid #3e4452;
	padding-bottom: 20px;
	display: none;
}
.shc_month_list .shc_view.on{
	display: inline-block;
}
.shc_view .date{
	display: inline-block;
	width: 100%; height: 80px; line-height: 80px;
	background: #3e4452; color: #fff;
	font-size: 28px; font-family: 'NanumSquare';
	padding-left: 40px;
}
.shc_view .btn_close{
	display: inline-block; position: absolute;
	width: 20px; height: 20px;
	top: 28px; right: 38px;
	text-indent: -9999px;
}
.shc_view .btn_close::after{
	content: ""; display: inline-block; position: absolute;
	display: inline-block; position: absolute;
	background-image: url(/img/lll/img_common2.png);
	background-repeat: no-repeat;	
	background-position: -57px 0;
	top: 2px; left: 2px;
	width: 16px; height: 16px;
}
.shc_view .date .sm{
	font-size: 16px;
}
.shc_view .shc_con_box{
	width: 100%;
	max-height: 290px;
	overflow-y: auto;	
}
.shc_view .shc_con{
	width: 100%; padding: 15px 40px;
}
.shc_con dl{
	width: 100%; padding: 20px 15px;
	border-bottom: 1px dotted #c5c5c5;
}
.shc_con dt{
	font-family: 'NanumSquare';
	color: #004ab9; position: relative;
	font-size: 17px;
	line-height: 1; font-weight: bold;
}
.shc_con dt::before{
	content: ""; display: inline-block; position: absolute;
	background-image: url(/img/lll/img_common2.png);
	background-repeat: no-repeat;	
	background-position: -42px 0;
	top: 2px; left: -15px;
	width: 5px; height: 9px;
}
.shc_con dd{
	margin-top: 10px;
}


/* 강사추천강좌 */
.teacher_recom_view{
	width: 100%; padding: 50px 0;
	padding-left: 212px; position: relative;
	border-top: 2px solid #3e4452;
	border-bottom: 1px solid #dedede;
}
.teacher_recom_view .t_img{
	position: absolute;
	top:20px; left:0;
}
.teacher_recom_view .t_info_box{
	width: 100%; position: relative;
}
.t_info_box h3{
	position: relative; 
	font-size: 18px; font-family: 'NanumSquare';
	margin-bottom: 11px; height: 30px; line-height: 30px;
}
.t_info_box h3 span{
	display: inline-block;  text-align: center;
	width: 68px; height: 30px; line-height: 30px;
	background: #fa9900; color: #fff; margin-right: 11px;
	font-family: 'Malgun Gothic'; font-size: 15px;
}
.t_info_box .t_info{
	width: 100%; height: 120px;
	background: #f6f6f6;
	padding: 23px 140px 0 30px;
}
.t_info_box .t_info li{
	line-height: 1; margin-bottom: 15px;
}
.t_info_box .t_info li:last-child{
	margin-bottom: 0;
}
.t_info_box .t_info span{
	display: inline-block; padding-right: 32px;
	position: relative; color: #333;
}
.t_info_box .t_info span::after{
	content: ""; display: inline-block; position: absolute;
	background: #c3c3c3;
	top: 2px; right: 15px;
	width: 1px; height: 12px;
}
.t_info_box .btn_t_reom{
	width: 120px; height: 120px;
	position: absolute; right:0; bottom: 0;
	background: #4e82cb url(/img/lll/common/ic_t_recom.png) center 17px no-repeat;
	padding-top: 80px; color: #fff; text-align: center;
}



/* 로그인 / 비밀번호 입력 */
.lopw_form{position:relative;margin:0 auto;padding:6px;max-width:560px;background:#eaeaea}
.lopw_form .formBox{padding:60px 45px 35px;background:#fff}
.lopw_form::before{position:absolute;top:0;left:0;width:100%;height:46px;content:'';border:1px solid #5380d2;border-width:6px 6px 0}
.lopw_form dl{text-align:center;}
.lopw_form dl dt{margin-bottom:10px;font-family:'NanumSquare';font-size:26px;color:#333;font-weight:bold}
.lopw_form dl dt{line-height:20px}
.lopw_form dl dd{margin-bottom:30px}
.lopw_form input[type="text"],
.lopw_form input[type="password"]{margin-bottom:5px;padding:0 10px;width:100%;height:40px}
.lopw_form .btnBs{margin-top:15px;width:100%}
.lopw_form .memLink{margin-top:20px;text-align:center}
.lopw_form .memLink li{display:inline-block;line-height:14px;border-left:1px solid #ccc}
.lopw_form .memLink li:first-child{border-left:0}
.lopw_form .memLink li a{display:block;padding:0 10px}

/* 본인인증 */
.certify_con{height:100%;overflow:hidden;}
.certify_con::after{display:block;clear:both;content:''}
.certify_con > div{position:relative;margin-bottom:20px;padding:6px;width:49%;background:#eaeaea}
.certify_con > div::before{position:absolute;top:0;left:0;width:100%;height:46px;content:'';border:1px solid #5380d2;border-width:6px 6px 0}
.certify_con .certify_left{float:left;}
.certify_con .certify_right{float:right;}
.certify_con > div .box{padding: 60px 20px 20px;background:#fff;height: 358px;padding-bottom: 70px;}
.certify_con > div .box h2{margin-bottom:20px;font-family:'NanumSquare';font-size:26px;color:#333;text-align:center;}
.certify_con > div .box p{margin-bottom:15px;text-align:center;}
.certify_con > div .box .txt1{padding:10px 20px;line-height:20px;color:#005aae;background:#f3f8fd}
.certify_con > div .box .txt2{padding:0 20px;}
.certify_con > div .box .btnBs{width: 400px;position: absolute;bottom: 20px;}


/* 평생교육기관 찾기 */

.edu_search_map{
	width: 100%; height: 440px;
	border:1px solid #4264c4;
	overflow: hidden; margin-bottom: 60px;
}
.edu_search_map form, .edu_search_map fieldset{
	width: 100%; height: 100%;
}
.edu_search_map .gj_map_box{
	width: 50%; height: 100%;
	background: #f6f6f6; position: relative;
	float: left; text-align: center;
}
.gj_map_box .gj_map{
	position: relative; display: inline-block;
	margin-top: 35px;
	width: 346px; height: 371px;
}
.gj_map_box .gj_map img{
	position: relative; z-index: 10;
}
.gj_map_box .gj_map::after{
	content: ""; display: block;
	width: 100%; height: 100%; position: absolute; left: 0; top:0;
	background:url(/img/lll/common/gj_map.png);
}
.gj_map_box .gj_map a{
	font-size: 14px;
	color: #666;
	z-index: 9;
	position: absolute;
	display: inline-block;
	padding: 5px;
	line-height: 1;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
}
.gj_map_box .gj_map a:hover,
.gj_map_box .gj_map a.on{
	font-weight: bold;background: #fdcc96;color:#715536;
}
.gj_map .map_name1{
	left:43px; top:182px;
}
.gj_map .map_name2{
	left:96px;
	top: 67px;
}
.gj_map .map_name3{
	left: 205px;
	top: 100px;
}
.gj_map .map_name4{
	left:112px; top:130px;
}
.gj_map .map_name5{
	left:112px; top:167px;
}
.gj_map .map_name6{
	left: 138px;
	top: 198px;
}
.gj_map .map_name7{
	left:91px; top:223px;
}
.gj_map .map_name8{
	left: 94px;
	top: 268px;
}
<!-- .gj_map .map_name9{
	left:125px;
	top: 260px;
} -->
.gj_map .map_name9{
	left:100px; top:297px;
}
.gj_map .map_name10{
	left: 166px;
	top: 263px;
}
.gj_map .map_name11{
	left: 220px;
	top:208px;
}
.gj_map .map_name12{
	left:110px; top:322px;
}
.gj_map .map_name13{
	left:147px; top:340px;
}
.gj_map .map_name14{
	left:190px; top:347px;
}
.gj_map .map_name15{
	left:196px; top:294px;
}
.gj_map .map_name16{
	left: 225px;
	top: 264px;
}
.gj_map .map_name9, 
.gj_map .map_name12, 
.gj_map .map_name13, 
.gj_map .map_name14, 
.gj_map .map_name15{
	z-index: 20 !important; 
}

.gj_map .map_dong{display: inline-block;position: absolute;z-index: -1;
opacity: 0;transition: all 0.3s;-webkit-transition: all 0.3s;-ms-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;}
.gj_map .map_dong.on{display: block;z-index: 9;
opacity: 1;}
.gj_map .map_dong.dong_1{top: 84px; left: 0px;}
.gj_map .map_dong.dong_2{top: 7px; left: 44px;}
.gj_map .map_dong.dong_3{top: 0px; left: 175px;}
.gj_map .map_dong.dong_4{top: 112px; left: 77px;}
.gj_map .map_dong.dong_5{top: 160px; left: 95px;}
.gj_map .map_dong.dong_6{top: 165px; left: 98px;}
.gj_map .map_dong.dong_7{top: 204px; left: 73px;}
.gj_map .map_dong.dong_8{top: 243px;left: 70px;}
<!-- .gj_map .map_dong.dong_9{top: 244px;left: 149px;} -->
.gj_map .map_dong.dong_10{top: 240px;left: 157px;}
.gj_map .map_dong.dong_11{top: 163px;left: 166px;}
.gj_map .map_dong.dong_16{top: 195px; left: 204px;}

.map_input_box{
	width: 50%; height: 100%; float: left;
	padding: 60px;
}
.map_input_box dl{
	margin-bottom: 30px; 
}
.map_input_box dt{
	color: #004ab9; font-size: 26px; font-weight: bold;
	font-family: 'NanumSquare'; line-height: 1; margin-bottom: 15px;
}
.map_input_box dd{
	letter-spacing: -2px;
}
.map_input_box > div{
	width: 100%; padding-left: 70px;
	height: 36px; line-height: 36px;
	margin-bottom: 10px; position: relative;
}
.map_input_box > div label{
	position: absolute;
	top:5px; left: 0;
}
.map_input_box > div input,
.map_input_box > div select{
	width: 100%; height: 100%; padding: 0 5px;
	font-size: 14px; display: inline-block;
}
.map_input_box > div input{
	padding: 0 8px;
}
.map_input_box .btn_submit{
	width: 100%; height: 48px; line-height: 48px;
	font-size: 16px; color: #fff; background: #4264c4;
	margin-top:15px;
}

.tbl_imgBox{width: 100%;}
.tbl_imgBox li{width: 49%;max-height:500px;float: left;overflow: hidden;margin-bottom: 10px;margin-right: 2%;}
.tbl_imgBox li:nth-child(even){margin-right: 0;}
.tbl_imgBox li .date{display: block;padding: 5px 0;padding-left:10px;font-size: 18px;font-weight: bold;font-family: 'NanumSquare';position: relative;}
.tbl_imgBox li .date::before{display: inline-block;content: "";width: 3px;height: 16px;position: absolute;left: 0;top:8px;background-color: #777}
.tbl_imgBox li img{width: 100%;height: 500px;}

/*
================================================================================
반응형 콘텐츠
================================================================================
*/

 /* PC Device 1024 */
@media all and (max-width:1200px){
	.bbs_vtype .rep_infor li{width:50%}
	.bbs_edu > ul > li{width:33.3%}

	.bbs_gallery.gall2 ul li .photo{height:170px}
	
	.tourView .infor{padding:20px 30px}
	.tourView .infor dt{margin-bottom:15px;padding-bottom:10px;font-size:26px}

	.bbs_vtype.edu dl.infor dd.edu ul li{float:none;width:100%}

	.eduSearch{padding:20px 15px}
	.eduSearch dl dt{margin-bottom:15px}
	.eduSearch dl dd{padding:0}
	.eduSearch dl dd ul li{width:25%}
	.eduSearch dl dd ul li.last{width:100%}
	.eduSearch dl dd ul li.che_sel{width:100%;text-align:left}
	.eduSearch dd .btn{position:relative;top:0;display:block;margin:20px auto 0;}
	.eduSearch dd .btn input{height:50px}
	.eduSearch dl dd ul li select{width:49.5%}
	
	.bbsEdu > ul{margin:0}
	.bbsEdu > ul > li{width:50%}

	.certify_con > div .box{height:400px;}
	.certify_con > div .box .btnBs{width:291px;}

	.ggNuriList{
		padding-left: 0; padding-bottom: 330px;
		background-position: left bottom;
	}

}

 /* Tablet Device */
@media all and (max-width:760px){
	.bbs_gallery ul li .photo{height:150px}
	.bbs_gallery ul li .photo img{height:100%}
	.bbs_gallery ul li .mov{height:150px}
	.bbs_gallery ul li .mov img{height:100%}

	.bbs_edu > ul > li{width:50%}
	
	/* 달력 */
	.sch_month ol{display:none}
	.sch_month .tit_month .mon{font-size:25px}

	.shc_month_list{padding:0;border-top:1px solid #61646c}
	.shc_month_list > ol > li{float:none;width:100%}
	.shc_month_list > ol > li > div{position:relative;padding:10px 0 10px 95px;min-height:50px;height:auto}
	.shc_month_list > ol > li.last{display:none}
	.shc_month_list > ol > li .week_name{top:0;width:50px;height:100%;line-height:50px;border-top:0;border-bottom:0;}
	.shc_month_list > ol > li+li+li+li+li+li+li+li .week_name{
		display:block;height:100%;border-right:0
	}
	.shc_month_list > ol > li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li .week_name{color:#2f3243}
	.shc_month_list > ol > li .num{position:absolute;top:7px;left:65px;display:inline-block;}
	.shc_month_list .thea_list{margin:0;height:auto;overflow:hidden}
	.shc_month_list .thea_list li{
		float:left;margin:4px 10px 4px 0;width:auto;white-space:normal
	}
	.shc_month_list .thea_list li span{top:0}

	.shc_month_list .sch_pop{top:45px;left:0;margin:0;width:100%}
	.shc_month_list .btnHoll{width:auto}

	.shc_view .date{
		height: 60px; line-height: 60px;
		font-size: 20px; padding-left: 20px;
	}
	.shc_view .btn_close{
		top:20px; right: 18px;
	}
	.shc_view .shc_con{
		padding: 5px 20px;
	}
	.shc_con dl{
		padding: 15px;
	}
	.shc_con dd{
		font-size: 14px; line-height: 1.3;
	}
	
	.bbs_vtype2 .infor{padding-left:200px}
	.bbs_vtype2 .infor .photo{width:180px}
	.bbs_vtype2 .infor .photo img{width:100%;height:auto}

	.bbs_news ul li .photo{margin-bottom:12px;width:200px}
	.bbs_news ul li .photo img{height:auto}

	.no_img{background-size: auto;}

	.bbs_gallery3 ul li{width:50%}

	.finishCon{padding:25px 15px}
	.finishCon .txt1{font-size:22px;line-height:28px}
	.finishCon .btnBs.big{min-width:45%}

	


}

 /* Mobile */
@media all and (max-width:640px){
	.boardSearch{padding:10px 95px 10px 110px}
	.boardSearch select{position:absolute;top:10px;left:15px;padding:2px;width:75px;height:30px}
	.boardSearch input[type="text"]{margin:0;width:100%;height:30px}
	.boardSearch button[type="submit"]{position:absolute;top:10px;right:15px;height:30px}
	
	.boardSearch2{padding:10px}
	.boardSearch2 select{padding:2px;height:30px}
	.boardSearch2{text-align:left}
	.boardSearch2 .wrtBox{display:block;margin-top:5px;width:100%}
	.boardSearch2 .wrtBox input[type="text"]{height:30px}
	.boardSearch2 .wrtBox button[type="submit"]{height:30px}

	.bbs_vtype .rep_infor li{float:none;width:100%}
	.bbs_vtype .contents{padding:15px 10px}
	.bbs_vtype dl.infor dt{padding:15px 15px 10px}
	.bbs_vtype dl.infor dd.sTit{padding:0 15px 10px}
	.bbs_vtype dl.infor dd.basic{padding:0 15px 10px}
	.bbs_vtype dl.infor dd.etc ul li{padding-left:80px}
	.bbs_vtype dl.infor dd.etc ul li .name{left:15px}
	.bbs_vtype dl.infor dd.file{padding:10px 15px}
	.bbs_vtype .contents .posLt,
	.bbs_vtype .contents .posRt{float:none;margin-bottom:15px;text-align:center;}

	.no_data{border-top: 2px solid #2d6cb8;}
	.private_txt .scroll_txt{height:150px}
	.bbs_wtype tbody td .fileBox{padding:0}
	.bbs_wtype tbody td .fileBox .btn{position:relative;margin-bottom:3px}

	.newsBlist li{padding:15px 110px 15px 65px}
	.newsBlist li .infor{position:relative;top:0;right:0}
	.certify_con > div{float:none;width:100%}
	.certify_con > div .tit{min-height:100px}

	/* 일반게시판 모바일UI */
	.bbs_ltype.mbTbl colgroup col{display:none}
	.bbs_ltype.mbTbl{table-layout: fixed;border-top: 2px solid #3e4452;}
	.bbs_ltype.mbTbl thead,
	.bbs_ltype.mbTbl tbody td{display:none;text-align:left}
	.bbs_ltype.mbTbl tbody td.subject{display:block;float:left;position:relative;margin-bottom:5px;padding:10px 30px 0 5px;width: 100%;font-weight:bold;letter-spacing:-1px;line-height:18px;text-overflow: ellipsis;overflow:hidden;
    word-wrap: normal;white-space:nowrap;box-sizing:border-box;border-bottom:0;}
	.bbs_ltype.mbTbl tbody tr{border-bottom:1px solid #dedede;border-right:1px solid #fff;border-left:1px solid #fff}
	.bbs_ltype.mbTbl tbody td.subject a{}
	.bbs_ltype.mbTbl tbody td.data{display:block;float:left;position:relative;padding:0 0 10px 5px;font-size:12px;color:#777;box-sizing:border-box;border-bottom:0}
	.bbs_ltype.mbTbl tbody td.name{display:block;float:left;position:relative;padding:0 10px 10px 5px;font-size:12px;color:#777;box-sizing:border-box;border-bottom:0}
	.bbs_ltype.mbTbl tbody td.state{display:block;float:right;position:relative;margin-top:-2px;padding:0 10px 10px 5px;font-size:12px;border-bottom:0}
	.bbs_ltype.mbTbl tbody td.state span{height:25px;line-height:25px}
	.bbs_ltype.mbTbl tbody td.state2{display:block;float:right;position:relative;padding:0 0 15px 10px;font-size:12px;border-bottom:0}
	.bbs_ltype.mbTbl tbody td.etc{display:block;float:left;position:relative;padding:0 20px 10px 20px;font-size:12px;border-bottom:0}
	.bbs_ltype.mbTbl tbody td.noData{display:block;text-align:center}
	
	/* 전화번호안내 */
	.bbs_ltype.mbTbl tbody td.part{display:block;float:left;position:relative;padding:10px 20px 5px 5px;width: 40%;letter-spacing:-1px;line-height:18px;box-sizing:border-box;border-bottom:0;}
	.bbs_ltype.mbTbl tbody td.name2{display:block;float:right;position:relative;padding:10px 10px 5px 5px;font-weight:bold;letter-spacing:-1px;line-height:18px;box-sizing:border-box;border-bottom:0;}
	.bbs_ltype.mbTbl tbody td.post{display:block;float:left;position:relative;padding:10px 10px 0 0;line-height:18px;border-bottom:0}
	.bbs_ltype.mbTbl tbody td.tel{display:block;clear:both;position:relative;padding:0 10px 10px 5px;font-size:16px;font-weight:bold;border-bottom:0}
	.bbs_ltype.mbTbl tbody td.work{display:block;clear:both;position:relative;margin:5px 0;padding:5px 5px;line-height:18px;border:1px dashed #ccc;border-width:0 0 1px 0}

	.bbs_vtype .rep_con{padding:10px}
	.bbs_vtype .rep_con dt{margin-bottom:10px}
	.bbs_vtype .rep_con dd .rep_infor{margin-bottom:10px;padding:10px 15px}
	.bbs_vtype .rep_con dd .rep_infor li{float:none;width:auto}
	.bbs_vtype .qes_con{padding:10px}

	.bbs_vtype2 .infor{padding-left:0}
	.bbs_vtype2 .infor .photo{position:relative;margin-bottom:10px;width:100%;height:auto}

	.bbs_qa dt > a{padding: 10px 40px;min-height: 35px;}
	.bbs_qa .qa_txt{left:5px;margin-top:-12px;width:25px;height:25px;font-size:15px;line-height:25px}
	.bbs_qa dt::after{right:5px;height:7px;background-position:-10px -435px}
	.bbs_qa dt .btn{display:none}
	.bbs_qa dd{padding:10px 10px 10px 40px}

	/* 겔러리게시판 UI */
	.bbs_gallery ul li{width:50%}
	.bbs_gallery2 ul li{width:50%}
	.bbs_gallery2 ul li .photo img{height:100%}
	.videoCon .videoMo{float:none;width:100%}
	.videoCon .videoTxt{float:none;width:100%}
	.videoCon .videoTxt dd{height:200px}

	.bbs_blog dl{padding:15px 10px 15px 170px;min-height:100px}
	.bbs_blog dl dd.photo{top:15px;width:150px;}
	.bbs_blog dl dd.photo img{height:auto}
	.bbs_blog.etc dl{padding-left: 180px;}
	.bbs_blog.council dl{padding:15px 10px 15px 170px;min-height:100px}
	.bbs_blog.council dl dd.photo{top:15px;width:150px;}

	.bbs_edu > ul > li{float:none;margin-bottom:10px;padding:0;width:100%}
	.bbs_edu > ul > li dl{height:auto}
	
	.bbs_gallery3 ul{margin:0}
	.bbs_gallery3 ul li{width:100%}

	.eduSearch dl dt span{display:block}
	.eduSearch dl dd ul li{width:50%}
	.eduSearch dl dd ul li.last{width:100%}
	.eduSearch dl dd ul li.che_sel{width:100%;text-align:left}
	.eduSearch dl dd ul li.che_sel .name{margin-right:0}
	.eduSearch dl dd .checkBox input + label{width:55px}
	.eduSearch dl dd ul li select{width:100%}
	
	.bbsEdu ul li .box{height:auto}
	.bbsEdu > ul > li{width:100%}
	
	.certify_con > div .box{padding-top:50px;height:auto;padding-bottom:20px;}
	.certify_con > div .box .btnBs{width:100%;position:relative;bottom:inherit}
	
	.bbs_news ul li{padding:20px 10px}
	.bbs_news ul li .photo{float:none;margin:0 0 20px 0;width:100%;text-align:center}
	.bbs_news ul li .photo a{display:inline-block}
	.bbs_news ul li .con{max-height: 75px; -webkit-line-clamp:3; }

	.bbs_vtype3{padding-left:0;text-align:center}
	.bbs_vtype3 .photo{position:relative;display:inline-block;margin-bottom:20px}
	.bbs_vtype3 dl{text-align:left}
	.bbs_vtype3 dl dt .num{height:50px;line-height:50px}
	
	.bbs_vtype3.council{padding-left:0;text-align:center}
	.bbs_vtype3.council .photo{position:relative;display:inline-block;margin-bottom:20px}
	.bbs_vtype3.council dl{text-align:left}
	.bbs_vtype3.council dl dt .num{height:50px;line-height:50px}

	.bbs_vtype3.teach{padding-right:0;}
	.bbs_vtype3.teach .photo{position:relative;display:inline-block;margin-bottom:20px;text-align:center}

	.tourView .photoCon{float:none;margin:0 auto;width:100%;}
	.tourView .photoCon li img{width:100%}
	.tourView .infor{float:none;padding:30px;width:100%}

	.bbs_vtype3.counsel{padding-left:0}


	.ggNuriList ul li{
		height: auto; line-height: 1.4;
		background-position: 40px 10px;
		padding: 10px 0; margin-bottom: 5px;
	}
	.ggNuriList ul li label{
		width: 100%;
		padding-top: 55px; padding-left: 40px;
	}

	.teacher_recom_view{
		padding: 20px; text-align: center;
	}
	.teacher_recom_view .t_img{
		position: relative;
		top:inherit; left: inherit;
		margin-bottom: 7px;
	}
	.t_info_box .t_info{
		padding: 15px; text-align: left;
	}
	.t_info_box .btn_t_reom{
		position: relative; 
		width: 100%; height: auto;		
		background-image: none;
		padding: 12px;
	}

	.edu_search_map{
		height: auto; 
	}
	.edu_search_map .gj_map_box{
		display: none;
	}
	.map_input_box{
		width: 100%; padding: 20px;
	}
	.map_input_box dt{
		font-size: 24px;
	}

	.tbl_imgBox li{width: 100%;margin-right: 0}

}

 /* Mobile */
@media all and (max-width:450px){
	
	.bbs_gallery ul{padding:15px 0}
	.bbs_gallery ul li .con{padding:0 15px}
	.bbs_gallery ul li .con .tit{margin-bottom:0;font-size:13px}
	.bbs_gallery ul li .con .data{font-size:13px}

	.bbs_blog dl{padding:15px 5px}
	.bbs_blog dl dd.photo{position:relative;top:0;left:0;display:block;margin:0 auto 15px;width:auto;}
	.bbs_blog dl dd.photo img{width:100%}
	
	.bbs_blog.council dl{padding:15px 5px}
	.bbs_blog.council dl dd.photo{position:relative;top:0;left:0;margin:0 auto 15px;}
	.bbs_blog.council dl dd.photo img{width:100%}

	.bbs_blog.etc dl{padding:15px 5px}
	.bbs_blog.etc dl dd.photo{position:relative;top:0;left:0;display:block;margin-bottom:15px;width:auto;}
	.bbs_blog.etc dl dd.photo img{width:100%}

	.bbs_blog.teach dl{padding:15px 5px}
	.bbs_blog.teach dl dd.photo{text-align:center}
	.bbs_blog.teach dl dd.photo img{width:auto}
	
	.photoSlide{padding:10px 10px 0}
	.photoSlide .photoBigView{min-height:initial}
	.photoSlide .photoBigView .flex-direction-nav .flex-prev{left:10px;opacity:0.5}
	.photoSlide .photoBigView .flex-direction-nav .flex-next{right:10px;opacity:0.5}
	.photoSlide .photoBigView:hover .flex-direction-nav .flex-prev{left:10px;}
	.photoSlide .photoBigView:hover .flex-direction-nav .flex-next{right:10px;}
	.photoSlide .box{display:none}

	.bbs_wtype tbody td span.dis_inbl{
		display: block; margin-top: 5px;
	}
	.bbs_wtype tbody td span.dis_inbl::before{
		margin-left: 0;
	}
	
}