@charset "utf-8";
/****************************************/
/* Name: 금정문화회관
/* PART: BOARD STYLE 
/* Version: 1.0 / day: 2018-10-17
/* Author: imtec 
/****************************************/

/* 공통정의 */
@import url(/css/board_plus.css);

/* 게시판 공통 */
.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;}


.boardSearchBox{width: 100%;padding-left: 190px;position: relative;}
.boardSearchBox::after{content:"";display:block;width: 100%;height: 0;clear: both;}

/* 페이지수 */
.boardPage{position:absolute;left:0;color:#555;top: 10px;}
.boardPage b{color:#000}

/* 상단검색 - 기본 */
.boardSearchBox fieldset{font-size:0;}
.boardSearch{position:relative;margin-bottom:20px;text-align: right;}
.boardSearch select{padding-left:10px;min-width:90px;height:40px;border:1px solid #c0c0c0;margin-right:-1px;}
.boardSearch input[type="text"],.boardSearch input[type="search"]{padding:5px;width:40%;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;position: relative;top:-2px;
	background:url('/img/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/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:#f8f8f8}
.bbs_ltype tbody tr.nt .ic_noti{color:#0071d9;font-weight:bold}
.bbs_ltype tbody td{padding:11px 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.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{
	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::after{
	content: ""; display: inline-block; position: absolute;
	background-image: url(/img/img_common.png);
	background-repeat: no-repeat;	
}
.bbs_ltype tbody td span.ic01::after{
	top: 7px; left: 8px;
	background-position: -395px -22px;
	width: 17px; height: 13px;
}
.bbs_ltype tbody td span.ic02::after{
	top: 5px; left: 9px;
	background-position: -422px -22px;
	width: 14px; height: 15px;
}
.bbs_ltype tbody td span.ic03::after{
	top: 5px; left: 8px;
	background-position: -446px -22px;
	width: 14px; height: 15px;
}
.bbs_ltype tbody td span.ic04::after{
	top: 6px; left: 7px;
	background-position: -486px -45px;
	width: 14px; height: 14px;
}

.bbs_wtype tbody td span.dis_inbl::before{
	margin-left: 5px;
	content: ""; display: inline-block; margin-right: 5px;
	background-image: url(/img/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; #f55c00;background:#c3c3c3
} /*색상 수정하기 노랑 주항으로 바꿈 접근성*/
.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 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/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}
*/

/* 강사안내 상세 */
.bbs_vtype3{position:relative;padding-left:220px}
.bbs_vtype3 .photo{position:absolute;top:0;left:0;padding:23px;border:1px solid #e5e5e5}
.bbs_vtype3 dl{border-top:2px solid #4c515e;border-bottom:1px solid #a5a5a5}
.bbs_vtype3 dl dt{font-family:'NanumSquare';font-size:20px;color:#333;font-weight:bold;border-bottom:1px solid #dedede}
.bbs_vtype3 dl dt .num{display:inline-block;margin-right:10px;width:110px;height:70px;font-size:18px;color:#fff;line-height:70px;vertical-align:middle;background:#ff9924;text-align: center;}
.bbs_vtype3 dl dd{background:#fff;}
.bbs_vtype3 dl dd ul li{position:relative;padding:15px 20px 15px 130px;min-height:50px;border-bottom:1px dashed #c5c5c5}
.bbs_vtype3 dl dd ul li:last-child{border-bottom:0}
.bbs_vtype3 dl dd ul li .name{position:absolute;top:0;left:0;width:110px;height:100%;color:#333;font-weight:bold;background-color: #f8f8f8;padding: 15px 0 0 30px}

.bbs_vtype3.teach{padding-left:164px}
.bbs_vtype3.teach .photo{padding:0;border:0}



/* 겔러리형 슬라이드 */
.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/common/loading.gif') no-repeat center center;z-index:1}
.photoSlide .photoBigView{position:relative;width:100%;overflow:hidden}
.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/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/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/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:31px;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/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 tbody td input[type="file"]{margin:1px 0;padding:0;width:100%;font-size:12px;background:#f0f0f0;-webkit-appearance: none;border:0}
.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}
.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/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/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;
}
.bbs_qa .qa_txt{	
	color:#004ab9; display: inline-block; margin-right: 40px;
}
.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/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;
}


/* 달력 */
.schTop::after{display:block;clear:both;content:''}
.schTop{position:relative;margin-bottom:5px}
.schTop .divTxt{float:left;padding-top:5px;font-size:13px}
.schTop .divTxt span{margin-left:10px}
.schTop .divTxt span:first-child{margin-left:0}
.schTop .schYear{float:right}
.sch{display:inline-block;margin-right:3px;width:17px;height:17px;font-size:12px;color:#fff;line-height:15px;text-align:center;border-radius:3px}
.schIc1{background:#4dafb3;}
.schIc2{background:#f16609;}
.schIc3{background:#5b6fc3;}
.schIc4{background:#4dafb3;}
.schIc5{background:#f16609;}
.schIc7{background:#5b6fc3;}

.tit_month{position:relative;height:90px;text-align:center;border-top:2px solid #3e4452}
.tit_month .mon{padding-top:30px;font-family:'NanumSquare';font-size:38px;color:#333;font-weight:bold;text-align:center}
.tit_month span{position:absolute;top:20px;}
.tit_month span a{display:block;padding-top:13px;width:48px;height:48px;font-size:0;overflow:hidden;background:#3e4452;border-radius:50%}
.tit_month span a::after{display:inline-block;width:14px;height:22px;content:'';line-height:48px;background:url('/img/img_common2.png') no-repeat}
.tit_month .btn_month_before{left:20px;}
.tit_month .btn_month_before a::after{background-position:-275px -476px}
.tit_month .btn_month_next{right:20px;}
.tit_month .btn_month_next a::after{background-position:-315px -476px}

.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%;}
.shc_month_list > ol > li > div{position:relative;padding:0 10px 10px;height:144px;border:1px solid #cbcbcb;border-width:0 1px 1px 0}
.shc_month_list > ol > li > div .info{display: inline-block;font-size: 13px;padding-left: 3px;margin-top:5px;}
.shc_month_list > ol > li .week_name{position:absolute;top:-60px;left:0;display:block;width:100.8%;height:60px;font-size:16px;color:#fff;font-weight:bold;text-align:center;line-height:60px;background:#5380d2;border-top:1px solid #3e4452;border-right:1px solid #3e6dc2;}
.shc_month_list > ol > li .num{display:block;padding:5px 0;font-size:14px;color:#444;}
.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:110px;overflow:auto}
.shc_month_list .thea_list li{position:relative;margin-bottom:5px;padding-left:20px;min-height:18px;font-size:12px;line-height:16px;/* white-space:nowrap; */overflow:hidden;/* text-overflow:ellipsis; */}
.shc_month_list .thea_list li .sch{position:absolute;top:0;left:0}
.shc_month_list > ol > li div.sun{background:#f9f9f9}
.shc_month_list > ol > li div.sun .week_name{background:#4574c9}
.shc_month_list > ol > li div.sat{background:#f9f9f9}
.shc_month_list > ol > li div.sat .week_name{background:#5380d2}
.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:#245486;font-weight:bold}

.shc_month_list .btnHoll{display:inline-block;width:70px;color:#fff;text-align:center;}
.shc_month_list .btnHoll span{display:inline-block;margin:0 5px 5px 0;width:70px;height:25px;line-height:25px;border-radius:3px}
.shc_month_list .btnHoll .bg1{background:#a96aab}
.shc_month_list .btnHoll .bg2{background:#3e9cbb}

.shc_month_list .sch_pop{position:absolute;top:30px;left:50%;margin-left:-150px;width:300px;background:#fff;border:1px solid #245486;z-index:10}
.shc_month_list .sch_pop dl dt{padding:10px 15px;height:45px;font-size:16px;color:#fff;font-weight:bold;background:#245486}
.shc_month_list .sch_pop dl dd{padding:10px;border-top:1px dashed #ddd}
.shc_month_list .sch_pop dl dt+dd{border-top:0}
.shc_month_list .sch_pop dl dd .tit1{display:block;margin-bottom:5px;font-size:15px;color:#a96aab;font-weight:bold}
.shc_month_list .sch_pop dl dd .tit2{display:block;margin-bottom:5px;font-size:15px;color:#3e9cbb;font-weight:bold}
.shc_month_list .sch_pop dl dd li{position:relative;padding-left:110px;background:url('/img/common/bbs_dot.png') no-repeat left center;}
.shc_month_list .sch_pop dl dd li .time{position:absolute;top:0;left:18px;font-weight:bold;color:#0f5acd}
.shc_month_list .sch_pop .btnSchCose{position:absolute;top:12px;right:15px;width:20px;height:20px;text-indent:-999px;overflow:hidden;background:url('/img/common/btn_close.png') no-repeat center center;z-index:1}

.shc_month_list > ol > li:nth-child(7n) .sch_pop{right:0;left:auto;margin-left:0}
.shc_month_list > ol > li:nth-child(7n+1) .sch_pop{left:0;margin-left:0}


/* 교육강좌 목록 */
.bbsEdu{margin-top:30px;font-family:'NanumSquare';border-bottom:1px solid #dedede}
.bbsEdu > ul{margin:0 -20px;}
.bbsEdu > ul::after{display:block;clear:both;content:''}
.bbsEdu > ul > li{float:left;margin-bottom:50px;padding:0 20px;width:33.33%}
.bbsEdu ul li .box{position:relative;padding: 40px 18px 18px;height:302px;text-align:left;border:1px solid #bdbdbd;}
.bbsEdu ul li .box .state{position:absolute;top:-13px;left:25px;font-family: 'Malgun-gothic';}
.bbsEdu ul li .box .state span{display:inline-block;width:85px;height:48px;color:#fff;text-align:center;line-height:48px;font-weight:bold}
.bbsEdu ul li .box .state.st1 .txt{background:#e25355} /* 접수중 */
.bbsEdu ul li .box .state.st2 .txt{background:#919191} /* 접수완료 */
.bbsEdu ul li .box .state.st3 .txt{background:#919191} 
.bbsEdu ul li .box .state .targ{background:#447ebd;}
.bbsEdu ul li .box .state.st1 + .data{color:#e25355}
.bbsEdu ul li .box .state.st2 + .data{color:#919191}
.bbsEdu ul li .box .data{display:block;margin-bottom:5px;font-size:16px;color:#919191;font-family: 'Malgun-gothic';}
.bbsEdu ul li .box .tit{display:block;margin-bottom:20px;font-size:20px;height:30px;color:#333;overflow: hidden;text-overflow: ellipsis;font-weight:bold;white-space: normal;word-wrap: break-word;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;letter-spacing: -1.5px;}
.bbsEdu ul li ul{margin-bottom:15px;}
.bbsEdu ul li ul li{position:relative;margin-bottom:3px;padding-left:75px;font-family: 'Malgun-gothic';}
.bbsEdu ul li ul li .name{position:absolute;left:0;top:0;width:66px;height:22px;font-size:14px;color:#fff;line-height:22px;text-align:center;background:#4C92D3;border-radius:11px}
.bbsEdu ul li .btn{display:block;height:40px;line-height:40px;text-align:center;background:#e6e6e6;border:1px solid #bdbdbd;font-family: 'Malgun-gothic';}
.bbsEdu ul li .btn a{display:block;height:100%;background:#fff}
.bbsEdu ul li .btn a::after{display:inline-block;margin-left:10px;width:14px;height:10px;content:'';vertical-align:middle;background:url('/img/common/com_yeyak.png') no-repeat -300px -245px}




/* 공연안내 */
.bbsPerform{width: 100%;padding-top: 40px;border-top: 2px solid #767a84;}
.bbsPerform li{padding-left: 270px;position: relative;width: 100%;min-height: 340px;padding-bottom: 35px;border-bottom: 1px solid #e8e8e8;margin-bottom: 35px;}
.bbsPerform .poster{position: absolute;top: 0;left: 10px;}
.bbsPerform .cate_box{margin-bottom: 10px;}
.bbsPerform h2{margin-bottom: 15px;}
.bbsPerform .info_box{margin-bottom: 10px;padding-left: 60px;position: relative; min-height:19px}
.bbsPerform .info_box dt{position: absolute;top: 0;left: 0;}
.bbsPerform .info_box dt::after{content: "";display: inline-block;width: 1px;height: 12px;background-color: #c3c3c3;right: -11px;top:6px;position: absolute;}
.bbsPerform .btn_box{margin-top: 30px;}



/* 로그인 / 비밀번호 입력 */
.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}


/* 탭형식 로그인 */
.login_wrap{max-width: 600px;margin: 0 auto;}
.login_wrap .login_1{padding-top: 30px;}
.login_wrap .login_1 h2{font-size: 36px;font-family: 'NanumSquare';text-align: center;margin-bottom: 30px;}
.login_1 .login_input_box{width: 100%;padding-right: 164px;font-size: 0;position: relative;padding-bottom: 40px;border-bottom: 1px dotted #3c3c4e;margin-bottom: 50px;}
.login_input_box .id_pw_box input{width: 100%;height: 64px;line-height:64px;padding: 0 20px;font-size: 15px;}
.login_input_box .id_pw_box input:first-child{margin-bottom: 6px;}
.login_input_box input[type="button"]{width: 157px;height: 135px;line-height:135px;border: none;background-color: #3c3c4e;color: #fff;font-size: 16px;text-align: center;position: absolute;right: 0;top: 1px;cursor: pointer;}
.login_input_box input[type="button"]:focus,.login_input_box input[type="button"]:hover{background-color: #2c2c3d}
.login_1 .info_box{overflow: hidden;}
.login_1 .info_box > div{width: 50%;display: inline-block;float: left;}
.login_1 .left h3{font-size: 16px;font-weight: bold;margin-bottom: 10px;}
.login_1 .right{text-align: right;}
.login_1 .right a{display: inline-block;margin-right: 20px;text-align:center;}
.login_1 .right a:last-child{margin-right: 0;}
.login_1 .right .ic{width: 63px;height: 63px;background-position: center center;background-repeat: no-repeat;background-color: #e4f0ff;border-radius: 50%;display: inline-block;margin-bottom: 5px;-webkit-transition: all 0.2s;-ms-transition: all 0.2s;-moz-transition: all 0.2s;-o-transition: all 0.2s;transition: all 0.2s;}
.login_1 .right a:focus .ic,.login_1 .right a:hover .ic{background-color: #c6d8ee}
.login_1 .right .ic01 .ic{background-image: url(/img/common/join_info_ic01.png);}
.login_1 .right .ic02 .ic{background-image: url(/img/common/join_info_ic02.png);}
.login_1 .right .ic03 .ic{background-image: url(/img/common/join_info_ic03.png);}
.login_1 .right span{font-weight: bold;display: block;}


.login_2 .private_txt .scroll_txt{height: 240px;}
.gest_login_form{width: 100%;margin-top: 15px;border-top: 2px solid #3e4452}
.gest_login_form li{position: relative;padding-left: 160px;border-bottom: 1px solid #dedede;letter-spacing: -2px;}
.gest_login_form li h3{font-size: 15px;height: 100%;line-height: 60px;padding-left: 30px;position: absolute;left: 0;top:0;background-color: #f8f8f8;width: 160px;}
.gest_login_form li .input_box{width: 100%;padding: 11px 30px 11px 11px;font-size: 0;}
.gest_login_form li .input_box input{height: 38px;line-height:38px;width: 100%;border: 1px solid #c0c0c0;font-size: 14px;padding: 0 20px;}
.gest_login_form li .input_box input[type="button"]{border: none;color: #fff;text-align: center;background-color: #757a84;padding: 0;position: absolute;right: 0;top:11px;}
.gest_login_form li .input_box.phone{padding-right: 114px;}
.gest_login_form li .input_box.phone input[type="text"]{width: 34%;margin-right: 1%;}
.gest_login_form li .input_box.phone select{width: 30%;height:38px;margin-right: 1%;padding: 0 15px;}
.gest_login_form li .input_box.phone input[type="button"]{width: 109px;}
.gest_login_form li .input_box.confirm{padding-right: 114px;}
.gest_login_form li .input_box.confirm input{width: 100%;}
.gest_login_form li .input_box.confirm input[type="button"]{width: 109px;}



/* 본인인증 */
.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;min-height:350px;background:#fff}
.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:100%;}


/* 회원가입 */
.join_form_wrap{width: 100%;position: relative;overflow: hidden;}
.join_form_wrap .step_view_box{width: 100%;text-align: center;margin-bottom: 40px;}
.join_form_wrap .step_view{font-size: 0;display: inline-block;position: relative;}
.join_form_wrap .step_view::before{content: "";display: inline-block;width: 100%;height: 6px;position: absolute;left: 0;top:46px;background-color: #eee;z-index: -1;}
.join_form_wrap .step_view dl{display: inline-block;width: auto;margin-right: 40px;}
.join_form_wrap .step_view dl:last-child{margin-right: 0;}
.join_form_wrap .step_view dt{display: inline-block;width: 93px;height: 93px;text-align: center;padding-top: 24px;color: #666;font-size: 17px;border-radius: 50%;border: 1px solid #ccc;line-height: 1.1;background-color: #fff}
.join_form_wrap .step_view dt span{font-size: 26px}
.join_form_wrap .step_view .on dt{color: #fff;background-color: #e25355;border-color: #e25355;}
.join_form_wrap .step_view dd{margin-top: 15px;font-size: 15px;color: #666;font-weight: bold;}
.join_form_wrap .step_view .on dd{color: #e25355}
.join_form_wrap .li_num2{margin-top:25px;margin-bottom: 40px}
.join_form_wrap .li_num2 li{padding-left: 28px;margin-bottom: 20px;}
.join_form_wrap .li_num2 .num{width: 22px;height: 22px;background-color: #e25355;line-height: 21px}
.join_form_wrap .total_agree{padding: 25px 5px 25px 120px;border: 1px dotted #d6d6d6; border-width: 1px 0;margin-bottom: 60px;position: relative;text-align: right;}
.join_form_wrap .total_agree .check_box{position: absolute;top: 22px;left: 5px;}


.join_division .list{font-size: 0;}
.join_division .list li{font-size: 15px;color: #555;width: 31%;height:146px;margin-right: 3.5%;display: inline-block;position: relative;}
.join_division .list li:last-child{margin-right: 0}
.join_division .list li a{display: inline-block;padding: 40px 100px 0 40px;border: 1px solid #e3e1e1;width: 100%;height: 100%;}
.join_division .list li a::after{content: "";display: inline-block;background-image: url(/img/common/join_division.jpg);background-repeat: no-repeat;position: absolute;bottom: 18px;right: 25px}
.join_division .list li.ic01 a::after{background-position: 0 0;width: 62px;height: 87px;}
.join_division .list li.ic02 a::after{background-position: -112px 0;width: 55px;height: 94px;}
.join_division .list li.ic03 a::after{background-position: -226px 0;width: 55px;height: 98px;}
.join_division .list li a:focus,
.join_division .list li a:hover{border-color: #0d4787}
.join_division .list li.ic01 a:focus::after,
.join_division .list li.ic01 a:hover::after{background-position: 0 -143px;}
.join_division .list li.ic02 a:focus::after,
.join_division .list li.ic02 a:hover::after{background-position: -112px -143px;}
.join_division .list li.ic03 a:focus::after,
.join_division .list li.ic03 a:hover::after{background-position: -226px -143px;}
.join_division .list li span{font-size: 26px;font-family: 'NanumSquare';color: #333;display: block;}

.join_form_wrap .private_txt .scroll_txt{height: 240px}

.join_form_box{width: 100%;border-top: 2px solid #3e4452;border-bottom: 1px solid #a5a5a5;margin-bottom: 60px;margin-top: 10px;}
.join_form_box li{width: 100%;min-height: 60px;border-bottom: 1px solid #dedede;padding-left: 130px;position: relative;}
.join_form_box li h3{width: 130px;height: 100%;line-height: 60px;position: absolute;background-color: #f8f8f8;padding-left: 30px;left: 0;top: 0;font-size: 15px;font-family: 'Malgun-gothic';letter-spacing: -2.5px;}
.join_form_box li h3::after{content: "*";display: inline-block;position: relative;top: 2px;color: #df4e3e;margin-left: 5px;}
.join_form_box li .input_box{width: 100%;padding: 10px;font-size: 0px;}
.join_form_box li .input_box input,
.join_form_box li .input_box span,
.join_form_box li .input_box select,
.join_form_box li .input_box label{font-size: 14px}
.join_form_box li .input_box span,
.join_form_box li .input_box label{position: relative;top:5px;margin-left: 2px}
.join_form_box li .input_box input,
.join_form_box li .input_box select{margin-right: 5px;}
.join_form_box li input[type="text"],.join_form_box li input[type="password"]{width: 50%;min-width: 150px; height: 38px;line-height:38px;border: 1px solid #c0c0c0;padding: 0 15px;}
.join_form_box li input[type="text"]:focus,.join_form_box li input[type="passsword"]:focus{border-color: #333;}
.join_form_box li .phone input{width: 106px;padding: 10px 10px 0 10px}
.join_form_box li .phone select{width: 106px;height: 38px;}
.join_form_box li input[type="button"]{width: auto;height: 38px;line-height:38px;padding: 0 15px;background-color: #757a84;color: #fff;display: inline-block;border: none;}
.join_form_box li.adress input[type="text"]{background-color: #f0f0f0;}
.join_form_box li.adress input:last-child{margin-top: 5px}
.join_form_box li.adress{height: auto;}
.join_form_wrap .btn_box{text-align: right;}

.join_complete{width: 100%;border-top: 2px solid #3e4452;padding:65px 0;text-align: center;border-bottom: 1px solid #a5a5a5}
.join_complete h2{font-size: 34px;color: #333;padding-left: 77px;position: relative;display: inline-block;margin-bottom: 20px;font-family: 'NanumSquare';}
.join_complete h2::before{content: "";display: inline-block;width: 64px;height: 60px;background: url(/img/common/join_ic04.png) no-repeat;position: absolute;left: 0px;top: -15px;}
.join_complete p{margin-bottom: 40px;text-align: center;}


/* 아이디 비밀번호 찾기 */
.find_id_box{width: 100%;text-align: center;}
.find_id_box h2{font-size: 38px;font-family: 'NanumSquare';color: #333;margin-bottom: 15px;}
.find_id_box h2 span{color: #666;}
.find_id_box p{text-align: center; padding-bottom: 35px; border-bottom: 1px dotted #a5a5a5}
.find_id_box .input_box{width: 50%;margin: 100px auto 0 auto;font-size: 0;}
.find_id_box h3{color: #333;font-size: 26px;font-family: 'NanumSquare';margin-bottom: 25px}
.find_id_box .input_box input{width: 100%;height: 40px;line-height: 40px;padding: 0 20px;margin-bottom: 9px;font-size: 15px;}
.find_id_box .input_box input[type="button"]{background-color: #3c3c4e;color: #fff;text-align: center;border: none;font-size: 16px}


.tbl_imgBox{width: 100%;}
.tbl_imgBox li{width: 49%;max-height:299px;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}

/* 전시안내 */
.exhibitCon{margin-bottom: 10px;}

/* 연간전시일정 */
.year_exhibit .tit_month{width: 320px;border-top: none;letter-spacing: -2px;position: absolute;left: 0;top: -25px;}
.year_exhibit .tit_month .mon{padding-top: 17px;}
.t_typel.tbl_exhibit thead th{background-color: #fff;border-left: none;}
.t_typel.tbl_exhibit tbody td{border-left: none}
.t_typel.tbl_exhibit tbody th span{font-size: 26px;color: #e25355;display: block;line-height: 1.2;}
.t_typel.tbl_exhibit tbody tr th+td{border-left:1px solid #d5d5d5} 

/* 설문조사 */
.vote_guide{margin-bottom:30px;border:1px dotted #3e4452;}
.vote_guide .vot_con{padding:30px}
.vote_guide .vot_con h3{position:relative;margin-bottom:15px;padding-left:30px;font-size:20px;color:#0071d9}
.vote_guide .vot_con h3::before{position:absolute;top:0;left:0;width:20px;height:25px;content:'';background:url('../img/common/com_img.gif') no-repeat -80px -430px;}
.vote_guide ul{padding:25px 30px;background:#f6f6f6;border-top:1px dotted #c5c5c5}
.vote_guide ul::after{display:block;clear:both;content:''}
.vote_guide ul li{position:relative;float:left;margin:0 30px 5px 0;}
.vote_guide ul li .name{position:relative;display:inline-block;margin-right:5px;padding-right:10px;color:#0e51b8;font-weight:bold;}
.vote_guide ul li .name::after{position:absolute;top:50%;right:0;margin-top:-6px;width:1px;height:12px;content:'';background:#c3c3c3}
.vote_con dl{padding:20px 0;border-top:1px dashed #c5c5c5}
.vote_con dl:first-child{border-top:0}
.vote_con dl dt{position:relative;margin-bottom:15px;color:#333;font-weight:bold}
.vote_con dl dt span{color:#0071d9}
.vote_con dl dd li{position:relative;margin-bottom:10px;padding:0 310px 0 0;line-height:22px}
.vote_con dl dd li .count{position:absolute;top:0;right:0;width:190px}
.vote_con dl dd li .count .data{position:absolute;top:4px;left:-110px;display:inline-block;}
.vote_con dl dd li .count .data span{margin-left:20px}
.vote_con dl dd li .count .graph{display:inline-block;margin-top:5px;height:20px;background-color:#0071d9}
.vote_con dl dd input{margin-bottom:1px}
.vote_con dl dd li .count .graph{}
.vote_con dl dd li:nth-child(2) .count .graph{background-color:#f7a808}
.vote_con dl dd li:nth-child(3) .count .graph{background-color:#eb5241}
.vote_con dl dd li:nth-child(4) .count .graph{background-color:#1da3a9}
.vote_con dl dd li:nth-child(5) .count .graph{background-color:#8174c0}
.vote_con dl dd li:nth-child(6) .count .graph{background-color:#79c074}
.vote_con dl dd .ans_list{height:200px;overflow:auto;border:1px solid #c0c0c0}
.vote_con dl dd .ans_list li{position:relative;margin:0;padding:10px 20px 10px 32px;border-top:1px dashed #c5c5c5}
.vote_con dl dd .ans_list li::before{position:absolute;top:18px;left:20px;width:4px;height:4px;content:'';background:url('../img/common/com_img.png') no-repeat -175px -177px;}
.vote_con dl dd .ans_list li:first-child{border-top:0}
.vote_con dl.voteWrite{margin-top:20px;padding:20px;border:1px solid #dedede}
.vote_con dl.voteWrite dd li{border-bottom:0}
.vote_con dl.etcView{margin-bottom:30px;padding:0;border:1px solid #c0c0c0}
.vote_con dl.etcView dt{margin:0;padding:10px 20px;background:#f6f6f6;border-bottom:1px solid #c5c5c5}
.vote_con dl.etcView dd{height:200px;overflow:auto;}
.vote_con dl.etcView dd ul li{position:relative;margin:0;padding:10px 20px 10px 32px;border-top:1px dashed #c5c5c5}
.vote_con dl.etcView dd ul li::before{position:absolute;top:18px;left:20px;width:4px;height:4px;content:'';background:url('../img/common/com_img.png') no-repeat -175px -177px;}
.vote_con dl.etcView dd ul li:first-child{border-top:0}

/* 설문조사 0624*/
.vote_wrap2{width: calc(100% - 40px);margin: 0 auto;border-radius: 25px;border: 1px solid #d5d5d5;padding: 55px}
.vote_wrap2 .vote_guide{background: url(../img/sub/vote_bg01.jpg) right 20% no-repeat;padding: 0 230px 50px 0;position: relative;border: 0;}
.vote_wrap2 .vote_guide::after{content: "";display: inline-block;background: url(../img/sub/vote_bg02.png) no-repeat;width: 100%;height: 23px;background-size: contain;position: absolute;bottom: 0;left: 0;}
.vote_wrap2 .vote_guide h2{font-family: 'NanumSquare';font-size: 29px;font-weight: normal;margin-bottom: 20px;}
.vote_wrap2 .vote_guide p{margin-bottom: 20px;}
.vote_wrap2 .vote_guide .ic_txt{display: inline-block;padding: 7px 25px 7px 39px;position: relative;background: #f8f8f8}
.vote_wrap2 .vote_guide .ic_txt::before{content: "";display: inline-block;width: 15px;height: 19px;position: absolute;left: 15px;top:8px;background: url(../img/com_board_ic.png) 0px -34px no-repeat;}

.vote_wrap2 .vote_guide .info_txt{display: flex;font-weight: bold;}
.vote_wrap2 .vote_guide .info_txt dl:first-child{margin-right: 90px}
.vote_wrap2 .vote_guide .info_txt dt{color: #3473bc;margin-right: 22px;display: inline-block;position: relative;}
.vote_wrap2 .vote_guide .info_txt dt::after{content: "";display: inline-block;width: 1px;height: 12px;position: absolute;right: -13px;top: 6px;background: #c3c3c3;}
.vote_wrap2 .vote_guide .info_txt dd{display: inline-block;}


.vote_wrap2 .vote_con dl{padding:20px 0;border-top: 1px dashed #c5c5c5 !important;}
.vote_wrap2 .vote_con dl:first-child{border-top:0}
.vote_wrap2 .vote_wrap2 .vote_con dl dt{position:relative;margin-bottom:15px;color:#333;font-weight:bold;padding-left: 30px;font-weight: normal;}
.vote_wrap2 .vote_con dl dt span{color:#fff;background-color: #516aba;border-radius: 50%;display: inline-block;width: 22px;height: 22px;text-align: center;margin-right: 10px;/* position: absolute; */left: 0;top: 0;font-size: 13px;line-height: 22px;}
.vote_wrap2 .vote_con dl dd{padding-left: 28px}
.vote_wrap2 .vote_con dl dd li{position:relative;margin-bottom:10px;line-height:22px}
.vote_wrap2 .vote_con dl dd li .count{position:absolute;top:0;right:0;width:190px}
.vote_wrap2 .vote_con dl dd li .count .data{position:absolute;top:4px;left:-110px;display:inline-block;}
.vote_wrap2 .vote_con dl dd li .count .data span{margin-left:20px}
.vote_wrap2 .vote_con dl dd li .count .graph{display:inline-block;margin-top:5px;height:20px;background-color:#28308a}
.vote_wrap2 .vote_con dl dd input{margin-bottom:1px}
.vote_wrap2 .vote_con dl dd input[type="text"]{width: 130px}
.vote_wrap2 .vote_con dl dd input.sm_input{width: 50px}
.vote_wrap2 .vote_con dl dd textarea{width: 100%;height: 100px}

.vote_wrap2 .vote_con .scroll_txt{width: 100%;max-height:240px;border:1px solid #d4d4d4;border-bottom: none;padding: 20px;overflow-y: auto;}
.vote_wrap2 .vote_con .agree_check{width: 100%;height: 60px;background-color: #f8f8f8;border:1px solid #d4d4d4;position: relative;padding: 15px 0 0 28px}
.vote_wrap2 .vote_con .agree_check p{display:block;}
.vote_wrap2 .check_wrap{display: flex;justify-content: flex-end;position: absolute;right: 28px;top: 14px}
.vote_wrap2 .check_wrap .check_box:last-child{margin-left: 10px;}

.vote_wrap2 .btn_list2{margin: 40px 0 25px;}
.vote_wrap2 .thankyou{padding: 25px 0 0 0;border-top: 1px dashed #c5c5c5}

.vote_wrap2 .vote_con dl dd li .count .graph{}
.vote_wrap2 .vote_con dl dd li:nth-child(2) .count .graph{background-color:#0071d9}
.vote_wrap2 .vote_con dl dd li:nth-child(3) .count .graph{background-color:#f7a808}
.vote_wrap2 .vote_con dl dd li:nth-child(4) .count .graph{background-color:#eb5241}
.vote_wrap2 .vote_con dl dd li:nth-child(5) .count .graph{background-color:#1da3a9}
.vote_wrap2 .vote_con dl dd li:nth-child(6) .count .graph{background-color:#8174c0}
.vote_wrap2 .vote_con dl dd .ans_list{height:200px;overflow:auto;border:1px solid #c0c0c0}
.vote_wrap2 .vote_con dl dd .ans_list li{position:relative;margin:0;padding:10px 20px 10px 32px;border-top:1px dashed #c5c5c5}
.vote_wrap2 .vote_con dl dd .ans_list li::before{position:absolute;top:18px;left:20px;width:4px;height:4px;content:'';background:#a5a5a5;border-radius: 50%;}
.vote_wrap2 .vote_con dl dd .ans_list li:first-child{border-top:0}
.vote_wrap2 .vote_con dl.voteWrite{padding:25px 0;border:0 } /*border:0 solid #dedede */
.vote_wrap2 .vote_con dl.voteWrite dd li{border-bottom:0}
.vote_wrap2 .vote_con dl.etcView{margin-bottom:30px;padding:0;border:1px solid #c0c0c0}
.vote_wrap2 .vote_con dl.etcView dt{margin:0;padding:10px 20px;background:#f6f6f6;border-bottom:1px solid #c5c5c5;font-weight: bold;}
.vote_wrap2 .vote_con dl.etcView dd{height:200px;overflow:auto;padding-left: 0;}
.vote_wrap2 .vote_con dl.etcView dd ul li{position:relative;margin:0;padding:10px 20px 10px 32px;border-top:1px dashed #c5c5c5}
.vote_wrap2 .vote_con dl.etcView dd ul li::before{position:absolute;top:18px;left:20px;width:4px;height:4px;content:'';background:#a5a5a5;border-radius: 50%;}
.vote_wrap2 .vote_con dl.etcView dd ul li:first-child{border-top:0}

.vote_wrap2 .vote_con dl.etcView2{margin-bottom:30px;padding:0; border-top:0}
.vote_wrap2 .vote_con dl.etcView2 dd{height:200px;overflow:auto;padding-left: 0;}
.vote_wrap2 .vote_con dl.etcView2 dd ul li{position:relative;margin:0;padding:10px 20px 10px 32px;border-bottom:1px dashed #c5c5c5}
.vote_wrap2 .vote_con dl.etcView2 dd ul li::before{position:absolute;top:18px;left:20px;width:4px;height:4px;content:'';background:#a5a5a5;border-radius: 50%;}
.vote_wrap2 .vote_con dl.etcView2 dd ul li:first-child{border-top:0}

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

 /* 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%}


	.join_division .list li a{padding: 40px 100px 0 20px}
	.join_division .list li span{font-size: 22px;}

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

	#domMessage { width:500px; height:400px;  }

}

 /* 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_gallery2 ul li .photo{height:150px}
	.bbs_gallery2 ul li .photo 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%;color:#de2500;border-right:0}
	.shc_month_list > ol > li+li+li+li+li+li+li+li+li .week_name{color:#fff}
	.shc_month_list > ol > li+li+li+li+li+li+li+li+li+li+li+li+li+li+li .week_name{color:#de2500}
	.shc_month_list > ol > li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li .week_name{color:#fff}
	.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 .week_name{color:#de2500}
	.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 .week_name{color:#fff}
	.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 .week_name{color:#de2500}
	.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 .week_name{color:#fff}
	.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 .week_name{color:#de2500}
	.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}

	
	.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%}

	.bbsPerform li{padding-left: 0;}
	.bbsPerform .poster{left: inherit;position: relative;width: 100%;margin-bottom: 20px;text-align: center;display: block;}
	.bbsPerform h2{font-size: 20px;}
	.bbsPerform .btn_box .btnBs{width: 100%;margin-right: 0 !important;margin-bottom: 5px;}

		#domMessage { width:90%; height:400px;  }
}

 /* Mobile */
@media all and (max-width:640px){
	.boardSearchBox{padding-left: 0;}
	.boardPage{position: relative;top: inherit;margin-bottom: 15px;}
	.boardSearch{padding:10px 80px 10px 95px;margin-bottom: 0;}
	.boardSearch select{position:absolute;top:10px;left:0;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:0;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: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;min-height:auto}
	
	.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.teach{padding-left:0;text-align:center}
	.bbs_vtype3.teach .photo{position:relative;display:inline-block;margin-bottom:20px}
	.bbs_vtype3.teach dl{text-align:left}
	.bbs_vtype3.teach dl dt .num{height:50px;line-height:50px}


	.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;
	}

	.join_form_wrap .step_view{width: 100%;}
	.join_form_wrap .step_view::before{top:34px;width: 90%;left:5%;}
	.join_form_wrap .step_view dl{width: 25%;margin-right: 0;}
	.join_form_wrap .step_view dt{width: 65px;height: 65px;padding-top: 14px}
	.join_form_wrap .step_view dd{margin-top: 7px;}
	.join_form_wrap .step_view dt span{font-size: 20px;}
	.join_division .list li{width: 100%;height:130px;margin-right: 0;margin-bottom: 10px}
	.join_division .list li a{padding: 35px 90px 0 30px}

	.join_form_box{margin-bottom: 40px;}
	.join_form_box li h3{padding-left: 20px;width: 120px;}
	.join_form_box li .input_box input[type="text"],
	.join_form_box li .input_box input[type="password"],
	.join_form_box li .input_box input[type="button"],
	.join_form_box li .input_box span,
	.join_form_box li .input_box select{width: 100%;margin-top: 5px;}	
	.join_form_box li .input_box input:first-child{margin-top: 0;}
	
	.join_form_wrap .total_agree{padding: 55px 5px 22px 35px;text-align: left;}
	

	.login_wrap .login_1 h2{font-size: 24px;}
	.login_1 .login_input_box{padding-right: 137px}
	.login_input_box input[type="button"]{width: 130px;}
	.login_1 .info_box > div{width: 100%;float: none;}
	.login_1 .right{margin-top: 20px; text-align: center;}

	.gest_login_form li{padding-left: 130px;}
	.gest_login_form li h3{width: 130px;padding-left: 20px;}
	.gest_login_form li .input_box{padding-right: 11px}
	.gest_login_form li .input_box input,
	.gest_login_form li .input_box select{width: 100% !important;margin-right: 0 !important;}
	.gest_login_form li .input_box input[type="button"]{position: relative;top:3px;}
	.gest_login_form li .input_box.phone,
	.gest_login_form li .input_box.confirm{padding-right: 0;}


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

	.year_exhibit .tit_month{position: relative;top: inherit;margin:0 auto;}
	#domMessage { width:90%; height:400px;  }


	/* 설문조사 */
	.vote_guide .vot_con{padding:15px}
	.vote_guide ul{padding:10px 15px}
	.vote_con dl dd li{padding:0 10px;border-bottom:1px dashed #ddd}
	.vote_con dl dd li .count{position:relative;display:block;margin:5px 0;padding-left:120px;width:100%}
	.vote_con dl dd li .count .data{left:10px;top:0;}
	.vote_con dl dd li .count .data span{margin-left:10px}
	.vote_con dl dd li .count .graph{margin-top:0}
	.vote_con dl.voteWrite{padding:10px}

	/* 설문조사 0624 */
	.vote_wrap2{padding: 15px;width: 100%}
	.vote_wrap2 .vote_guide{padding-right: 0;background: none; margin-top:20px}
	.vote_wrap2 .vote_guide h2{font-size: 24px}

	.vote_wrap2 .vote_con dl dd li{padding:0 10px;border-bottom:1px dashed #ddd}
	.vote_wrap2 .vote_con dl dd li .count{position:relative;display:block;margin:5px 0;padding-left:120px;width:100%}
	.vote_wrap2 .vote_con dl dd li .count .data{left:10px;top:0;}
	.vote_wrap2 .vote_con dl dd li .count .data span{margin-left:10px}
	.vote_wrap2 .vote_con dl dd li .count .graph{margin-top:0}
	.vote_wrap2 .vote_con dl.voteWrite{padding:10px}
	.vote_wrap2 .vote_con .agree_check { height:80px }
	.vote_wrap2 .check_wrap{display:block;top: 40px;}



}

 /* 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;
	}
	#domMessage { width:90%; height:400px;  }
}