@charset "utf-8";
/****************************************/
/* Name: 부산광역시 수영구
/* PART: BOARD STYLE 
/* Version: 1.0 / day: 2019-06-26
/* Author: imtec 
/****************************************/
    

/* 게시판 공통 */
.btn_list{margin:15px 0;text-align:right}
.btn_list a:focus{outline:3px dashed #000;outline-offset: 2px } /* 접근성 추가 */
.btn_list2{position:relative;margin:20px 0;text-align:center}
.btn_list3{position:relative;margin:20px 0;text-align:left}

input[type="text"],input[type="password"],input[type="search"],input[type="tel"],input[type="email"],input[type="number"]{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;}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button{
	-webkit-appearance:none;margin:0;
}

/* 페이지수 */
.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:#383a4a;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/common/com_img.png') no-repeat -467px -29px;}
.boardSearch button[type="submit"]:focus{outline:2px dashed #000;}/* 접근성 추가 */

.boardSearch.type03 input[type="text"]  { border-width:1px 1px 1px 1px;}

.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 input[type="text"],.boardSearch2 input[type="search"]{padding-left:10px;min-width:90px;height:40px;}
.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:#383a4a;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/common/com_img.png') no-repeat -467px -29px;}

/* 초성검색 */
.initial_box{display: flex;justify-content: center;min-height: 35px;align-items: center;margin-bottom: 20px;padding-top: 5px;flex-wrap: wrap;}
.initial_box .tit{display: inline-block;color: #009185;padding-left: 25px;position: relative;margin-right: 16px;font-weight: bold;}
.initial_box .tit::before{content: "";display: inline-block;width: 18px;height: 20px;background: url(/img/common/com_img.png) -330px -24px no-repeat;position: absolute;left: 0;top: 0}
.initial_box .initial_list{display: flex;}
.initial_box .initial_list a{display: inline-block;min-width: 35px;height: 35px;margin-right: 5px;line-height: 35px;text-align: center;font-size: 18px;background: #fff;border:1px solid #cbcbcb;padding: 0 8px}

.initial_box .initial_list a.on{background:#07998d;color: #fff;border-color: #07998d;font-weight: bold;text-decoration: underline;text-underline-offset: 3px;text-decoration-thickness: 1px;text-decoration-color: #eaeaea;}


.boardSearch .search_box{width: 100%;position: relative;display: flex;justify-content: center;}
.boardSearch.initial input[type="text"],.boardSearch.initial input[type="search"]{border-width:1px 1px 1px 1px }
.boardSearch.initial .search_box{display: flex;}
.boardSearch.initial .select_box{display: flex;}
.boardSearch.initial .select_box select{margin-right: 3px}

/* 페이지표시 */
.page{text-align:center;margin-top:30px;font-family:Tahoma;}
.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:#383a4a;border:1px solid #383a4a;z-index:2}
.page a.on:focus{outline:2px dashed #000;} /* 접근성 추가 */
.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;table-layout: fixed;} 
.bbs_ltype thead th{height:50px;text-align:center;color:#333;border-top:2px solid #383a4a;border-bottom:1px solid #a5a5a5;}
.bbs_ltype thead th:first-child{background-image:none}
.bbs_ltype thead th.tellbtn{display:none;} /* 추가 */
.bbs_ltype tbody td.tellbtn{display:none;} /* 추가 */
.bbs_ltype tbody tr.nt{background:#f8f8f8}
.bbs_ltype tbody tr.nt .ic_noti{color:#294baa;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:#f53500;font-weight:bold;text-align:center;background:#fff;border:1px solid #f98d00}

.ic_stat1{display:inline-block;width:70px;height:30px;font-size:13px;line-height:30px;color:#fff;vertical-align:middle;text-align:center;background:#eb5241;margin-bottom: 1px;}
.ic_stat2{display:inline-block;width:70px;height:30px;font-size:13px;line-height:30px;color:#fff;vertical-align:middle;text-align:center;background:#8174c0;margin-bottom: 1px;}
.ic_stat3{display:inline-block;width:70px;height:30px;font-size:13px;line-height:30px;color:#fff;vertical-align:middle;text-align:center;background:#5380d2;margin-bottom: 1px;}
.ic_stat4{display:inline-block;width:70px;height:30px;font-size:13px;line-height:30px;color:#fff;vertical-align:middle;text-align:center;background:#7b7f89;margin-bottom: 1px;}
.ic_stat5{display:inline-block;width:70px;height:30px;font-size:13px;line-height:30px;color:#fff;vertical-align:middle;text-align:center;background:#07998e;margin-bottom: 1px;}
.ic_stat6{display:inline-block;width:70px;height:30px;font-size:13px;line-height:30px;color:#fff;vertical-align:middle;text-align:center;background:#8626e8;margin-bottom: 1px;}
.ic_stat7{display:inline-block;width:70px;height:30px;font-size:13px;line-height:30px;color:#fff;vertical-align:middle;text-align:center;background:#ec3173;margin-bottom: 1px;}
.ic_stat8{display:inline-block;width:70px;height:30px;font-size:13px;line-height:30px;color:#fff;vertical-align:middle;text-align:center;background:#2b256f;margin-bottom: 1px;}

.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_ltype a:hover{text-decoration: underline;}


.bbs_ltype .ic_link{font-weight:bold}

/* 게시판 상세보기 */
.bbs_vtype{border-top:2px solid #383a4a;border-bottom:1px solid #dedede}
.bbs_vtype dl.infor{background:#f8f8f8;border-bottom:1px solid #dedede}
.bbs_vtype dl.infor dt{padding:15px 25px;font-size:20px;line-height:26px;font-weight:600;font-family: 'NanumSquare';color: #222;}
.bbs_vtype dl.infor dt.spboard{position:relative;margin-bottom:10px}
/* .bbs_vtype dl.infor dt.spboard:after{content:'';display:block;width: 21px;height: 2px;background-color: #20b4d0;position:absolute;top: 49px;left: 27px;} */
.bbs_vtype dl.infor dt.spboard span{display:block;font-size:0.9em;font-weight:400;padding-left:3px;margin-top: 28px;color:#000000;line-height: 23px;}
.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 25px;min-height:43px;border-top:1px dashed #ddd;display: flex;}
.bbs_vtype dl.infor dd.etc ul li .name{font-weight: bold;color: #333;width: 100px;flex-shrink: 0;margin-right: 10px;word-break: break-all;}
.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:inline-block;margin:2px 0;line-height:30px}
.bbs_vtype dl.infor dd.file .ic_file a{display:inline-block;margin-right:5px;padding-left:34px;}
.bbs_vtype dl.infor dd.file .ic_file a:hover{text-decoration: underline;}
.bbs_vtype dl.infor dd.file .ic_file a::before{position:absolute;top:0;left:0;width:30px;height:30px;content:'';border:1px solid #969696;background:url('/img/common/com_img.png') no-repeat -581px 6px} /*수영, 중구 아이콘 공지 웹접근성 수정.bbs_vtype dl.infor dd.file .ic_file::before*/
.bbs_vtype .contents{padding:25px}
.bbs_vtype .contents::after{display:block;clear:both;content:''}
.bbs_vtype + .view_list li.before{border-top:0}
.bbs_vtype .qes_con{padding:20px;}
.bbs_vtype .qes_con dt{margin-bottom:15px;font-family:'NanumSquare';font-size:18px;color:#037b71;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:#07998d;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;border-top: 1px dashed #c5c5c5}
.bbs_vtype .rep_con dt{margin-bottom:15px;font-family:'NanumSquare';font-size:18px;color:#294baa;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:#294baa;border-radius:50%}
.bbs_vtype .rep_con dd .rep_infor{margin-bottom:20px;padding:15px 25px;background:#f6f9fd}
.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:#294baa;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;}
.bbs_vtype2 dl{width: 100%;border-top: 2px solid #3e4452;height: 75px;line-height: 75px;font-family: 'NanumSquare';font-weight: bold;position: relative;padding-left: 110px;}
.bbs_vtype2 dl dt{width: 110px;height: 100%;position: absolute;left: 0;top: 0;background-color: #4b68ba;text-align: center;font-size: 18px;color: #fff;}
.bbs_vtype2 dl dd{width: 100%;height: 100%;padding-left: 20px;color: #333;font-size: 20px;border-bottom: 1px solid #dedede}
.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{background:#f6f6f6;margin-top: -2px}
.bbs_vtype2 .infor .con ul li{min-height:50px;position:relative;margin:2px 0;padding:12px 0 12px 120px;border-bottom: 1px dashed #c5c5c5;}
.bbs_vtype2 .infor .con ul li.line_2{min-height: 70px}
.bbs_vtype2 .infor .con ul li .name{position:absolute;top:15px;left:20px;width:100px;font-weight:bold;line-height:18px}


/* 언론뉴스 */
.newsBlist{border-top:2px solid #383a4a}
.newsBlist li{position:relative;padding:15px 300px 15px 65px;min-height:40px;border-bottom:1px solid #dedede}
.newsBlist li .num{position:absolute;top:15px;left:10px;}
.newsBlist li .tit{display:block;font-weight:bold;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.newsBlist li .tit span{position:relative;display:inline-block;margin-right:5px;padding-right:10px;color:#555;font-weight:normal;}
.newsBlist li .tit span::after{position:absolute;top:50%;right:0;margin-top:-5px;width:1px;height:10px;content:'';background:#c3c3c3}
.newsBlist li .infor{position:absolute;top:18px;right:150px;line-height:15px}
.newsBlist li .writer{position:relative;display:inline-block;margin-right:5px;padding-right:10px;}
.newsBlist li .writer::after{position:absolute;top:50%;right:0;margin-top:-5px;width:1px;height:10px;content:'';background:#c3c3c3}
.newsBlist li .btnSm{position:absolute;top:12px;right:10px;font-weight: bold;}

/* 상세보기에 테이블 */
.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}

@media all and (max-width:600px){
	.bbs_vtype .contents .mb_scroll table{width:640px}
}

/* 겔러리형 슬라이드 */
.photoSlide{position:relative;padding:20px 20px 0;}
.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;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: #000 url('/img/common/com_img.png')} /*여기*/
.photoSlide .photoBigView .flex-direction-nav a:focus{outline:2px dashed #0a0a0a;outline-offset: 1px}
.photoSlide .photoBigView .flex-direction-nav .flex-prev{left:-20px;background-position:-318px -114px;}
.photoSlide .photoBigView .flex-direction-nav .flex-next{right:-20px;background-position:-357px -114px;}
.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 a:focus{border:4px dashed #000;box-shadow: 10px 10px 10px rgba(0,0,0,0.1);margin:0 0 3px 0 }/* 접근성 추가 */
.photoSlide .photoThumb .slides > li img{width:100%;height:100%}
.photoSlide .photoThumb .slides > li.flex-active-slide a{border:3px solid #07998d;box-shadow: 10px 10px 10px rgba(0,0,0,0);}
.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/common/com_img.png')}
.photoSlide .photoThumb .flex-direction-nav .flex-prev{left:-20px;background-position:0 -54px}
.photoSlide .photoThumb .flex-direction-nav .flex-next{right:-20px;background-position:-35px -54px}
.flex-direction-nav .flex-disabled{cursor: default;opacity: 0;z-index: -1;}
.photoSlide + .contents{border-top:0}

.no_img{background:#f6f6f6 url('/img/common/no_img.png') no-repeat center center;background-size: auto;text-indent: -9999px}

/* 역대구청장 상세 */
.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;padding:0 20px;height:70px;font-size:18px;color:#fff;line-height:70px;vertical-align:middle;background:#ff9924}
.bbs_vtype3 dl dd{background:#f8f8f8}
.bbs_vtype3 dl dd ul li{position:relative;padding:15px 20px 15px 110px;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:15px;left:20px;width:110px;color:#333;font-weight:bold}

/* 역대의원 상세 */
.bbs_vtype3.council{padding-left:230px}
.bbs_vtype3.council .photo{padding:0;border:0}

/* 강사안내 */
.bbs_vtype3.teach{padding:0 190px 0 0}
.bbs_vtype3.teach .photo{left:auto;right:0;padding:0;border:0;width:150px;height:180px;overflow:hidden}

/* 정신건강상담 */
.bbs_vtype3.counsel{padding-left:310px}
.bbs_vtype3.counsel .photo{padding:0;width:280px;overflow:hidden;border:0}
.bbs_vtype3.counsel .photo .btnBs{margin-top:20px;width:100%}

/* 퀴즈 */
.Quiz_vtype h2 {font-size:22px; color:#fff; background:#4b68ba; border-radius:10px 10px 0 0; padding:16px 30px;}
.Quiz_vtype .contents {border:1px solid #dfdfdf; border-top:0; padding:30px;}
.Quiz_vtype .contents .Q_title {position:relative; display:block; font-size:20px; font-weight:bold; color:
#000; margin-bottom:10px;}
.Quiz_vtype .contents .Q_title span {display:inline-block; border-radius:20px; width:30px; height:30px; line-height:30px; background:#4b68ba; color:#fff; text-align:center;}
.Quiz_vtype .contents ul li {margin-bottom:4px;}
.Quiz_vtype .contents ul li:last-child {margin-bottom:0;}
.Quiz_vtype .info {border-bottom:1px solid #ccc; padding:30px 0;}
.Quiz_vtype .info ul li {position:relative; padding:4px 0 4px 100px; word-break:keep-all;}
.Quiz_vtype .info ul li span { position:absolute; top:2px; left:0; display:inline-block; width:90px; border-radius:20px; text-align:center; font-weight:bold; padding:2px 6px; color:#fff; background:#464A56; margin-right:4px;}



/* 이전글,다음글 */
.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;font-size: 15px;line-height: 26px}
.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:0;left:-3px;z-index:0;width:27px;height:27px;background-color:#f8f8f8;}*/
.check_box input{position:absolute;top:0;left:-3px;z-index:0;width:0;height:0;background-color:#f8f8f8;}
/*.check_box input:focus + label span{border-color:#294baa}*/
.check_box input[type="checkbox"]:focus  + label span{border: 3px dashed #ef0707}
.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/common/com_img.png') no-repeat -424px -36px;}
.check_box input:checked + label {color:#294baa;}
.check_box input:checked + label span{border-color: #294baa;background-color: #294baa}
.check_box input:checked + label span::before{background-position:-445px -36px;}

/* 게시판 글쓰기 */
.bbs_wtype{table-layout: fixed;margin-bottom:0;border-collapse:collapse;border-top:2px solid #383a4a}
.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_wtype tbody td .fileBox .btn button{font-weight: bold;}

/* 댓글 1127 */
.comment_write0{width: 100%;padding: 25px 30px 40px 30px;background-color: #f6f6f6;} 
.comment_write0 h3{padding-left: 38px;height: 32px;line-height: 32px;font-size: 20px;background: url(/img/common/ic_comment_s.png) left center no-repeat;margin-bottom: 20px}
.comment_write0 h3 span{display: inline-block;margin-left: 10px;font-size: 16px;color: #3e4452;}
.comment_write0 .txt_input_box{width: 100%;height:90px;display: flex;}
.comment_write0 .txt_input_box textarea{width: calc(100% - 110px);height: 100%;overflow-y: auto;}
.comment_write0 .txt_input_box input{width: 110px;height: 100%;background: #3473bc;color: #fff;font-size: 16px;font-weight: bold;border:none;margin-top: 1px}

.comment_list{margin-top: 40px}
.comment_list h3{font-family: 'NanumSquare';font-size: 18px;color: #333;margin-bottom: 10px}
.comment_list h3 span{color: #eb5241;display: inline-block;margin-left: 7px;}
.comment_list .list_box{width: 100%;border-top: 2px solid #3e4452;padding: 5px 0;border-bottom: 1px solid #a5a5a5}
.comment_list .list{padding: 30px 0 20px 25px;position: relative;border-bottom: 1px solid #dedede}
.comment_list .list:last-child{border-bottom: none;}
.comment_list .list_box .name{font-size: 16px;font-weight: bold;color: #3473bc;border-bottom: 1px solid #94afd6;display: inline-block;line-height: 1;}
.comment_list .right_box{display: flex;position: absolute;right: 0;top: 20px;height: 34px;line-height: 34px;}
.comment_list .right_box button{width: 34px;height: 34px;text-indent: -9999px;border-radius: 50%;position: relative;}
.comment_list .right_box button::after{content: "";display: inline-block;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);background: url(/img/common/com_img_be.png) no-repeat;}
.comment_list .right_box .btn_delete{margin-left: 10px;border:1px solid #6a6a6a;}
.comment_list .right_box .btn_modify{margin-left: 10px;background-color: #f2f2f2}
.comment_list .right_box .btn_delete::after{width: 14px;height: 14px;background-position: -375px -30px}
.comment_list .right_box .btn_modify::after{width: 14px;height: 16px;background-position: -399px -30px}
.comment_list .comment_txt{margin-top: 15px}



/* 포토겔러리 목록 */
.bbs_gallery{border-top:2px solid #3e4452;border-bottom:1px solid #dedede;padding: 30px 0 10px 0;}
.bbs_gallery > ul{display: flex;flex-wrap: wrap;}
.bbs_gallery > ul > li{width: calc(33.33% - 8px);max-width:290px;height: 280px;position: relative;border:1px solid #e3e3e3;margin-bottom: 20px;overflow: hidden;margin-right: 12px}
.bbs_gallery > ul > li a:focus{border:2px dashed #000;display:block;width:100%;height:100%;position: relative;box-shadow: 10px 10px 10px rgba(0,0,0,0.2);} /*접근성 탭이동시 태두리 추가20220920 */
.bbs_gallery .photo,.bbs_gallery .mov{display:inline-block;width:100%;height: 190px;position: relative;}
.bbs_gallery .photo img,.bbs_gallery .mov img{width:auto;max-width: 120%;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);}
.bbs_gallery .mov::after{content: "";display: inline-block;width: 48px;height: 48px;position: absolute;left: 50%;top: 50%;margin-left: -24px;margin-top: -24px;background: url(/img/common/com_img.png) -70px -44px no-repeat;}
.bbs_gallery .mov.no_img::after{display: none;}
.bbs_gallery .con{display: inline-block;width: 100%;min-height: 91px;padding:20px 25px;position: absolute;left: 0;bottom: 0;background: #fff;transition: all 0.3s}
.bbs_gallery .tit{font-family: 'NanumSquare';font-size: 18px;color: #333;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;display: inline-block;width: 100%;line-height: 1.3}
.bbs_gallery .data{font-size: 14px;}
.bbs_gallery .btn_more{display: none;width: calc(100% - 50px);height: 38px;line-height: 38px;background-color: #07998d;text-align: center;color: #fff;margin-top: 10px;position: absolute;bottom: -28px}
.bbs_gallery ul li:hover .con{transform: translateY(-48px);}
.bbs_gallery ul li:hover .btn_more{display: block;}



/* E-Book 목록 */
.bbs_gallery2{border-top:2px solid #3e4452;border-bottom:1px solid #dedede;}
.bbs_gallery2 ul{position:relative;padding:40px 0 5px 0;height:100%;overflow:hidden;display: flex;flex-wrap: wrap;}
.bbs_gallery2 ul li{margin-bottom:40px;width: calc(25% - 5px);text-align:center}
.bbs_gallery2 ul li .photo{position:relative;display:inline-block;width: 200px;height: 260px;margin:0 auto;overflow:hidden;border: 1px solid #999;}
.bbs_gallery2 ul li .photo a{position:relative;display:block;height: 100%;}
.bbs_gallery2 ul li .photo a::before{position:absolute;top:0;left:5px;width:1px;height:100%;content:'';font-weight:bold;background: rgba(198,198,198,0.8);z-index:3}
.bbs_gallery2 ul li .photo a::after{position:absolute;top:0;left:0;width:100%;height:100%;content:'';color:#fff;font-weight:bold;background:url('/img/common/ebook_bg.png') repeat-y left top;z-index:2;}
.bbs_gallery2 ul li .photo .num{position:absolute;}
.bbs_gallery2 ul li .photo.news .num{top:90px;left:50%;margin-left:-60px;width:120px;height:27px;font-size:18px;color:#fff;font-weight:bold;text-align:center;line-height:27px;background:#4c7eb5}
.bbs_gallery2 ul li .photo.plan .num{bottom:70px;left:0;padding-bottom:5px;width:100%;font-size:16px;color:#fff;text-align:center;}
.bbs_gallery2 ul li .photo.plan .num::after{position:absolute;left:50%;margin-left:-12px;bottom:0;width:24px;height:1px;content:'';background:#fff;}
.bbs_gallery2 ul li .photo.stat .num{top:40px;left:30px;padding-bottom:8px;font-size:26px;color:#56aaad}
.bbs_gallery2 ul li .photo.stat .num::after{position:absolute;left:0;bottom:0;width:24px;height:1px;content:'';background:#56aaad;}
.bbs_gallery2 ul li .tit{display:block;margin:10px 0;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.bbs_gallery2.mayor ul li .photo{display:inline-block}
.bbs_gallery2.mayor ul li .photo img{border:0}
.bbs_gallery2.mayor ul li a{display:block}
.bbs_gallery2.mayor ul li .tit{margin:15px 0 0;font-size:17px;font-weight:bold}
.bbs_gallery2.mayor ul li .data{display:block}
.bbs_gallery2.mayor ul li a .photo::after{position:absolute;top:0;left:0;padding-top:85px;width:100%;height:100%;color:#fff;font-weight:bold;opacity:0;content:'자세히보기';background:rgba(0,95,202,0.8);z-index:2;transition: all 0.3s;-moz-transition: all 0.3s; -webkit-transition: all 0.3s;-o-transition: all 0.3s; }
.bbs_gallery2.mayor ul li a .photo::before{position:absolute;top:40px;left:50%;margin-left:-17px;width:35px;height:40px;content:'';opacity:0;background:url('/img/common/com_img.png') no-repeat -141px -460px;z-index:3;transition: all 0.3s;-moz-transition: all 0.3s; -webkit-transition: all 0.3s;-o-transition: all 0.3s;}
.bbs_gallery2.mayor ul li a:hover .photo::after,
.bbs_gallery2.mayor ul li a:hover .photo::before{opacity:1}
.bbs_gallery2.mayor ul li a:hover .tit{color:#005fca;text-decoration:underline;}

/* 문화관광겔러리 */
.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;height:60px;line-height:60px;font-size:18px;font-family: 'NanumSquare';color:#fff;font-weight:bold;background:#294baa;text-align: center;}
.videoCon .videoTxt dt span{display: inline-block;padding-left: 46px;position: relative;margin-left: -15px}
.videoCon .videoTxt dt span::before{content:'';display: inline-block;width: 35px;height: 26px;position: absolute;left: 0;top: 16px;background:url('/img/common/com_img.png') no-repeat -127px -44px;}
.videoCon .videoTxt dd{padding:20px;height:300px;overflow:auto;background:#f8f8f8}


/* 블로그형 목록 */
.bbs_blog{border-top:2px solid #383a4a;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;width: 280px;height: 200px;overflow:hidden}
.bbs_blog dl dd.photo2{position:absolute;top:25px;left:0;width: 250px;height: 300px;overflow:hidden}
.bbs_blog dl dd.data{margin-top:10px;font-size:15px;}
.bbs_blog dl dd.data > span{display:inline-block;margin-right:20px;position: relative;}
.bbs_blog dl dd.data > span::after{content: "";display: inline-block;width: 1px;height: 12px;background: #c3c3c3;position: absolute;right: -11px;top: 6px;}
.bbs_blog dl dd.data > span:last-child::after{display: none;}
.bbs_blog dl dd.data ul li{position: relative;min-height: 22px}
.bbs_blog dl dd.data ul li span{font-weight: bold; margin-right:20px;position:relative;}
.bbs_blog dl dd.data ul li span::after{content: "";display: inline-block;width: 1px;height: 12px;background: #c3c3c3;position: absolute;right: -11px;top: 3px;}
.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; }

.bbs_blog dl.noimg {padding: 30px 20px 25px 10px;min-height: 180px;}
/* 문화관광 */
.bbs_blog.tour{border-top:1px solid #dedede}
.bbs_blog.tour dl dd.posi{position:relative;margin-top:15px;padding-left:20px}
.bbs_blog.tour dl dd.posi::after{position:absolute;top:3px;left:0;width:13px;height:16px;content:'';background:url('/img/tour/com_tour.png') no-repeat -310px -300px}


/* 의원소개 */
.bbs_blog.council dl{position:relative;padding:35px 20px 25px 240px;min-height:250px;border-top:1px solid #dedede}
.bbs_blog.council dl dd ul{padding:20px;background:#f6f6f6}
.bbs_blog.council dl dd ul li{position:relative;margin:2px 0;padding-left:80px}
.bbs_blog.council dl dd ul li .name{position:absolute;top:0;left:0;width:65px;font-weight:bold}
.bbs_blog.council dl dd ul li .name::after{position:absolute;top:50%;right:0;margin-top:-5px;width:1px;height:10px;content:'';background:#c3c3c3}

/* 강의안내 */
.bbs_blog.teach dl{position:relative;padding:35px 20px 25px 180px;min-height:250px;border-top:1px solid #dedede}
.bbs_blog.teach dl dd ul{padding:20px;background:#f6f6f6}
.bbs_blog.teach dl dd ul li{position:relative;margin:2px 0;padding-left:80px}
.bbs_blog.teach dl dd ul li .name{position:absolute;top:0;left:0;width:65px;font-weight:bold}
.bbs_blog.teach dl dd ul li .name::after{position:absolute;top:50%;right:0;margin-top:-5px;width:1px;height:10px;content:'';background:#c3c3c3}
.bbs_blog.teach dl dd.photo{width:150px;height:180px}

/* 뉴스 목록 */
.bbs_news{border-top:2px solid #383a4a;border-bottom:1px solid #dedede}
.bbs_news ul li{position:relative;padding:35px 20px;border-top:1px solid #dedede}
.bbs_news ul li::after{display:block;clear:both;content:''}
.bbs_news ul li:first-child{border-top:0}
.bbs_news ul li .photo{float:left;margin-right:25px;width:280px}
.bbs_news ul li .tit{display:block;margin-bottom:15px;font-size:18px;color:#333;font-weight:bold;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.bbs_news ul li .stit{display:block;margin:-10px 0 15px;color:#333;font-weight:bold;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.bbs_news ul li a{display: block;}
.bbs_news ul li .tit a:hover{text-decoration:underline}
.bbs_news ul li .con{display:block;overflow: hidden; text-overflow: ellipsis; white-space: normal; line-height:24px; max-height: 120px; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp:5; -webkit-box-orient: vertical; }

/* 뉴스 상세 */
.news_vtype{border-bottom:1px solid #ddd}
.news_vtype .name{display:block;margin-bottom:5px}
.news_vtype h2{margin-bottom:20px;padding-bottom:15px;font-size:22px;color:#555;border-bottom:1px dashed #bbb}
.news_vtype h3{margin-bottom:30px;font-size:17px;color:#555;font-weight:normal}
.news_vtype .con{padding-bottom:50px}
.news_vtype img{display:block;margin:20px auto}


/* Q&A */
.bbs_qa{border-top:2px solid #383a4a;border-bottom:1px solid #dedede}
.bbs_qa .qa_txt{position:absolute;top:50%;left:20px;margin-top:-17px;width:34px;height:34px;font-family:'NanumSquare';font-size:20px;color:#fff;font-weight:bold;text-align:center;line-height:34px;border-radius:50%}
.bbs_qa dt{position:relative;border-top:1px solid #ccc}
.bbs_qa dt::after{position:absolute;top:50%;right:25px;margin-top:-6px;width:22px;height:12px;content:'';background:url('/img/common/com_img.png') no-repeat -10px -430px;}
.bbs_qa dt .qa_txt{background:#a8a8a8;}
.bbs_qa dt:first-child{border-top:0}
.bbs_qa dt > a{display:block;padding:20px 80px 20px 70px;line-height:22px;min-height:55px;text-decoration:none;}
.bbs_qa dt.selected::after{background-position: -45px -430px;}
.bbs_qa dt.selected .qa_txt{background:#07998d;}
.bbs_qa dt.selected a{color:#333;font-weight:bold}
.bbs_qa dt.selected + dd{background:#f8f8f8}
.bbs_qa dt .btn{position:absolute;top:50%;right:0;margin-top:-13px;z-index:10}
.bbs_qa dt .btn a{display:block;padding:0 8px;height:25px;font-size:13px;color:#07998d;line-height:25px;font-weight:bold;background:#fff;border:1px solid #07998d;}
.bbs_qa dd{position:relative;padding:18px 20px 18px 70px;line-height:22px;border-top:1px solid #dedede}
.bbs_qa dd .qa_txt{top:13px;margin:0;background:#294baa;}

/* Q&A(평생학습) */
.bbs_qa2{border-top:2px solid #3e4452;border-bottom:1px solid #dedede}
.bbs_qa2 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_qa2 .qa_txt{	color:#004ab9; display: inline-block; margin-right: 40px;
}
.bbs_qa2 dt:first-child{border-top:0}
.bbs_qa2 dt > a{display:block;padding: 22px 30px;text-decoration:none;position: relative;
}
.bbs_qa2 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_qa2 dt.selected a{font-weight:bold}
.bbs_qa2 dt.selected + dd{background:#f8f8f8}
.bbs_qa2 dt .btn{position:absolute;top:50%;right:0;margin-top:-12px;z-index:10}
.bbs_qa2 dt .btn a{display:block;padding:0 8px;height:25px;font-size:13px;color:#fff;line-height:25px;font-weight:bold;background:#333}
.bbs_qa2 dd{position:relative;padding:25px;border-top:1px solid #dedede;
}

.bbs_qa2 dt.selected a::after{background-position: 0 -28px}
.bbs_qa2 .cate_box{display: inline-block;width: 70px;height: 30px;text-align: center;color: #fff;line-height: 30px;font-size: 14px;margin-left: 5px;}
.bbs_qa2 .cate_box.col_1{background-color: #eb5241}
.bbs_qa2 .cate_box.col_2{background-color: #6f737c}
.bbs_qa2 .sub_com_info_list2 dd{display: block}

.bbs_qa2 .info_list{width: 100%;}
.bbs_qa2 .info_list li{position: relative;padding: 24px 0 24px 100px;border-bottom: 1px solid #e8e8e8;}
.bbs_qa2 .info_list h3{position: absolute;left: 15px;top: 24px;font-weight: bold;font-size: 15px;}
.bbs_qa2 .info_list li::after{content: "";display: inline-block;width: 1px;height: 12px;left: 84px;top: 30px;background-color: #c3c3c3;position: absolute;}



/* 교육강좌 검색 */
.eduSearch{position:relative;margin-bottom:50px;padding:30px;background:#f6f6f6;border:1px solid #383a4a}
.eduSearch dl dt{margin-bottom:25px;font-family:'NanumSquare';color:#555;}
.eduSearch dl dt span{margin-right:10px;font-size:24px;color:#333;font-weight:bold}
.eduSearch dl dd{position:relative;padding-right:110px}
.eduSearch dl dd ul::after{display:block;clear:both;content:''}
.eduSearch dl dd ul li{float:left;padding:4px;width:20%;min-height:50px}
.eduSearch dl dd ul li.first{width:100%}
.eduSearch dl dd ul li.last{width:80%}
.eduSearch dl dd ul li.che_sel{width: 40%;text-align:right;}
.eduSearch dl dd ul li.che_sel .name{position:relative;display:inline-block;margin-right:10px;;padding-left:15px;font-size:14px;font-weight:bold}
.eduSearch dl dd ul li.che_sel .name::before{position:absolute;top:50%;left:0;margin-top:-5px;width:10px;height:10px;content:'';background:url('/img/yeyak/com_yeyak.png') no-repeat -380px -245px;}
.eduSearch dl dd ul li select{margin:2px 0 2px 0;padding:10px;height:40px;border:1px solid #c0c0c0}
.eduSearch dl dd ul li input[type="text"],.eduSearch dd ul li input[type="search"]{margin:2px 0;padding:10px;width:100%;height:40px;border:1px solid #c0c0c0}
.eduSearch dl dd ul li .month{position:relative;display:block;margin:2px 0;padding-right:25px;height:40px;background:#f1f5fc;border:1px solid #c2cee3}
.eduSearch dl dd ul li .month input{height:38px;background:none;border:0}
.eduSearch dl dd ul li .month button{position:absolute;top:9px;right:9px;width:19px;height:19px;text-indent:-999px;overflow:hidden;background:url('/img/yeyak/com_yeyak.png') no-repeat -350px -245px;}
.eduSearch dl dd ul li .month img{position:absolute;top:4px;right:4px;}
.eduSearch dl dd .checkBox{position:relative;display:inline-block;margin-left:3px;height:45px;vertical-align:middle;z-index:1}
.eduSearch dl dd .checkBox input{position:absolute;top:-1px;left:-5px;width:65px;height:42px;-webkit-appearance: none;border-radius:0;background:none;border:0;z-index:1}
.eduSearch dl dd .checkBox input + label{position:relative;display:block;width:59px;height:40px;font-size:14px;line-height:40px;text-align:center;background:#fff;border:1px solid #c0c0c0;z-index:2}
.eduSearch dl dd .checkBox input:checked + label {color:#fff;background:#2d6cb8;border:1px solid #2d6cb8;}
.eduSearch dd .btn{position:absolute;top:5px;right:0;width:100px;background:#383a4a;}
.eduSearch dd .btn input{position:relative;width:100%;height:93px;color:#fff;text-indent:15px;font-weight:bold;background:none;border:0}
.eduSearch dd .btn::before{position:absolute;top:50%;left:18px;margin-top:-10px;width:18px;height:20px;content:'';background: url('/img/common/com_img.png') no-repeat -357px -24px;}

/* 교육강좌 목록 */
.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:25%}
.bbsEdu ul li .box{position:relative;padding:45px 25px 25px;height:320px;text-align:left;border:1px solid #bdbdbd}
.bbsEdu ul li .box .state{position:absolute;top:-13px;left:25px;}
.bbsEdu ul li .box .state span{display:inline-block;width:75px;height:48px;color:#fff;text-align:center;line-height:48px;font-weight:bold}
.bbsEdu ul li .box .state.st1 .txt{background:#6b6b6b} /* 대기중 */
.bbsEdu ul li .box .state.st2 .txt{background:#ff9924} /* 접수중 */
.bbsEdu ul li .box .state.st3 .txt{background:#919191} /* 접수마감 */
.bbsEdu ul li .box .state .targ{background:#5380d2}
.bbsEdu ul li .box .state.st1 + .data{color:#6b6b6b}
.bbsEdu ul li .box .state.st2 + .data{color:#ff9924}
.bbsEdu ul li .box .data{display:block;margin-bottom:5px;font-size:16px;color:#919191}
.bbsEdu ul li .box .tit{display:block;margin-bottom:20px;font-size:20px;height:72px;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; }
.bbsEdu ul li ul{margin-bottom:15px;}
.bbsEdu ul li ul li{position:relative;margin-bottom:3px;padding-left:75px}
.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:#6ba6dd;border-radius:11px}
.bbsEdu ul li .btn{display:block;height:40px;line-height:40px;text-align:center;background:#e6e6e6;border:1px solid #bdbdbd}
.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/yeyak/com_yeyak.png') no-repeat -300px -245px}


/* 설문조사 */
.vote_guide{margin-bottom:30px;border:1px solid #383a4a;}
.vote_guide.boxshadow{box-shadow: 10px 10px 25px rgba(0,0,0,0.15);}
.vote_guide .vot_con{padding:30px}
.vote_guide .vot_con.skybg00{background-color: #e9f3fd;}
.vote_guide .vot_con h3{position:relative;margin-bottom:15px;padding-left:30px;font-size:20px;color:#294baa}
.vote_guide .vot_con h3::before{position:absolute;top:3px;left:0;width:20px;height:25px;content:'';background:url('/img/common/com_img.png') no-repeat -713px 0px;}
.vote_guide ul{padding:25px 30px;background:#f6f6f6;border-top:1px dashed #c5c5c5}
.vote_guide ul::after{display:block;clear:both;content:''}
.vote_guide ul.skybg00{background-color: #e9f3fd;}
.vote_guide ul li{position:relative;float:left;margin:0 30px 5px 0;}
.vote_guide ul li.w100 {width: 100%;}/*추가*/
.vote_guide ul li .name{position:relative;display:inline-block;margin-right:5px;padding-right:10px;color:#294baa;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 .fon_nor{position:relative;margin-bottom:15px;color:#333;font-weight:normal}
.vote_con dl dt span{color:#294baa}
.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:#28308a}
.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:#4b68ba}
.vote_con dl dd li:nth-child(3) .count .graph{background-color:#037b71}
.vote_con dl dd li:nth-child(4) .count .graph{background-color:#07998d}
.vote_con dl dd li:nth-child(5) .count .graph{background-color:#e786a2}
.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}

/* 설문조사2 20210401 */
.vote_guide2{margin-bottom:30px;background-color:#4b68ba}/*border:1px solid #383a4a;*/
.vote_guide2 .vot_con{padding:30px 30px 25px 30px;box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.3);}
.vote_guide2 .vot_con h3{position:relative;margin-bottom:15px;padding-left: 47px;font-size:24px;color:#fff;line-height: 41px;font-family:'NanumSquare';}
.vote_guide2 .vot_con h3::before{position:absolute;top:3px;left:0;width: 36px;height: 36px;content:'';border-radius:20px;background: #efefef url('/img/common/com_img.png') no-repeat -705px 5px;/* background-position: center top; */}
.vote_guide2 .vot_con p {color:#fff }
.vote_con dl.voteWrite dd ol.garo li {display:inline-block;padding:0;width:20% }
.vote_con.corona dl.voteWrite dd ol.garo li {display:inline-block;padding:0;width:30% }

.box_s3_333_box{width: 100%;height: 320px;background-position: center center;background-repeat: no-repeat;padding-left: 40%;}
.box_s3_333_box .con_box{padding:50px 20px 5px 0;text-align: left;width: 100%;height: 100%;}
.box_s3_333_box .con_box h3 {font-size:32px;font-family:'NanumSquare';line-height:47px }
.box_s3_333_box .con_box p {font-size:21px;font-family:'NanumSquare';line-height:28px;margin: 5px 0 0 0;}
.box_s3_333_box .con_box p.txt16 {font-size: 17px;color:#4b68ba;margin:10px 0 20px 0;}
.box_s3_333_box img{margin-bottom: 30px;}
.box_s3_333_box .con_box a{background-color: #fff}

.box_s3_333_box.box_1{background: #d5e3f3 url(/img/suyeong/wel_s3_333_1_bg.jpg);}
.box_s3_333_box .btn_list222 {margin: -90px 0 0 0;}

/* 달력 */
.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}
.schTop .schYear2{float:left}
.sch{display:inline-block;margin-right: 3px;font-size:12px;color:#fff;line-height:15px;text-align:center;border-radius:3px;padding: 3px;}
.schIc1{background:#4dafb3;}
.schIc2{background:#f16609;}
.schIc3{background:#5b6fc3;}
.schIc4{background:#04B45F;}

.schIc01{background:#de2500;}
.schIc02{background:#0f92c7;}
.schIc03{background:#7bc966;}
.schIc04{background:#ef7676;}
.schIc05{background:#ffd426;}
.schIc06{background:#ec3173;}

.tit_month{position:relative;height:90px;text-align:center;border-top:2px solid #3e4452}
.tit_month .mon{padding-top:28px;font-family:'NanumSquare';font-size:38px;color:#333;font-weight:bold;text-align:center;line-height: 1;}
.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/common/com_img.png') no-repeat}
.tit_month span a:focus{outline:2px dashed #000;outline-offset: 2px;}
.tit_month .btn_month_before{left:20px;}
.tit_month .btn_month_before a::after{background-position:-318px -115px}
.tit_month .btn_month_next{right:20px;}
.tit_month .btn_month_next a::after{background-position:-358px -115px}

.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:140px;border:1px solid #cbcbcb;border-width:0 1px 1px 0}
.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;font-weight: bold;}
.shc_month_list > ol > li.last .num{color: #666666;}
.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:13px;/* line-height:16px; */white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.shc_month_list .thea_list li .sch{/* position:absolute; *//* top: 0px; *//* left:0; */}
.shc_month_list .thea_list li a:focus{border:2px dashed #000;}
.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/board/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/board/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}

/* 달력(열린청장실) */
.ceo_sch_box .tit_month{border-bottom: 1px solid #3e4452}
.ceo_sch_box .tit_month span a{overflow: visible;}
.ceo_sch_box .tit_month span a .txt{font-size: 15px;position: absolute;white-space: nowrap;top: 15px}
.ceo_sch_box .tit_month .btn_month_before .txt{left: 55px;}
.ceo_sch_box .tit_month .btn_month_next .txt{right: 55px;}
.ceo_sch_box .schTop{position: relative;}
.ceo_sch_box .schTop h2.title{margin-top: 35px;}
.ceo_sch_box .schTop .schYear{float: none;position: absolute;right: 0;bottom: 7px;}
.ceo_sch_box table .day{display: block;font:bold 30px/1.3 'NanumSquare';font-size: 30px;color: #333;}
.ceo_sch_box table .cate{display: inline-block;padding: 0 9px;height: 25px;line-height: 25px;color: #fff;font-size: 13px;font-weight: bold;margin-right: 10px}
.ceo_sch_box table .col_1{background-color: #4b69ba}
.ceo_sch_box table .col_2{background-color: #07998d}
.ceo_sch_box table .col_3{background-color: #8962a4}
@media all and (max-width: 640px){
	.ceo_sch_box .tit_month span a .txt{text-indent: -9999px}
	.ceo_sch_box .schTop .schYear{float: right;position: relative;bottom: 0;}
}

/* 달력(희망교육지구) */
.shc_month_list.hope > ol > li div.sat{background: #f5fbff;}
.shc_month_list.hope > ol > li div.sun{background: #fff7f5;}

/* 카테고리없을때 */
.shc_month_list.no_cate .thea_list li.hidden{display: none;}
.shc_month_list.no_cate .thea_list li{position:relative;padding-left:10px}
.shc_month_list.no_cate .thea_list li::before{position:absolute;top:6px;left:0;width:4px;height:4px;content:'';background:#4b68ba;overflow: hidden;}
.shc_month_list.no_cate .thea_list li a{white-space: normal;max-height: 33px;display: block;line-height: 1.2}

.shc_month_list .reserv_btn{display: inline-block;height: 25px;line-height: 25px;color: #fff;font-size: 13px;font-weight: bold;padding: 0 7px;min-width: 62px;margin-bottom: 4px;margin-right: 4px}
.shc_month_list .reserv_info{background-color: #07998d}
.shc_month_list .reserv_pos{background-color: #4b69ba}
.shc_month_list .reserv_impos{background-color: #dc5b5c}
.shc_month_list .reserv_end{background-color: #7c7c7c}

.shc_month_list .resev_time li{font-size: 13px;display: block;}
.shc_month_list .resev_time span{color: #294baa;font-weight: bold;display: inline-block;margin-right: 4px}

.shc_month_list .reserv_info_layer{max-width: 360px;width: calc(100% - 40px);min-height: 290px;border: 3px solid #3e4452;padding: 90px 30px 10px 30px;position: absolute;background-color: #fff;z-index: 100;display: none;}
.shc_month_list .reserv_info_layer.left{left: 0 !important;}
.shc_month_list .reserv_info_layer.right{right: 0;}
.shc_month_list .reserv_info_layer.center{transform: translateX(-50%);-webkit-transform: translateX(-50%);}
.shc_month_list .reserv_info_layer h3{width: 100%;height: 60px;color: #fff;font-family: 'NanumSquare';font-size: 20px;line-height: 60px;position: absolute;top: 0;left: 0;padding: 0 30px;background-color: #3e4452}
.shc_month_list .reserv_info_layer .btn_close{display: inline-block;position: absolute;width: 22px;height: 22px;background: url(/img/common/com_img.png) -195px -115px no-repeat;text-indent: -9999px;top: 19px;right: 20px}
.shc_month_list .reserv_info_layer ul{display: flex;flex-wrap: wrap;}
.shc_month_list .reserv_info_layer li{text-align: center;width: 20%;margin-bottom: 15px}
.shc_month_list .reserv_info_layer li a{width:90%;max-width: 50px;height: 50px;display: inline-block;font-size: 14px;font-weight: bold;margin-bottom: 10px;text-align: center;padding-top: 6px;line-height: 1.3;}
.shc_month_list .reserv_info_layer li a.state_1{border:1px solid #c4cddc;background-color: #f1f5fc;color: #294baa}
.shc_month_list .reserv_info_layer li a.state_2{border:1px solid #a2cfcb;background-color: #e3f5f3;color: #037b71}
.shc_month_list .reserv_info_layer li a.state_3{border:1px solid #e9c3c3;background-color: #ffecf0;color: #bd3350}



/* 로그인 / 비밀번호 입력 */
.lopw_form{position:relative;margin:0 auto;padding:5px;max-width:560px;}
.lopw_form .formBox{padding:60px 45px 35px;background:#fff;position: relative;z-index: 10;}
.lopw_form::before{position:absolute;top:0;left:0px;width:calc(100% + 1px);height:45px;content:'';background: url(/img/common/guide_txt_top_bg.jpg) left top repeat-x;}
.lopw_form::after{content: "";display: inline-block;position: absolute;top: 45px;left: 0;width: 100%;height: calc(100% - 45px);border:1px solid #294baa;border-top: none;}
.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%;background-color: #294baa}
.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%;}
.certify_con > div::before{position:absolute;top:0;left:0px;width:calc(100% + 1px);height:45px;content:'';background: url(/img/common/guide_txt_top_bg.jpg) left top repeat-x;}
.certify_con > div::after{content: "";display: inline-block;position: absolute;top: 45px;left: 0;width: 100%;height: calc(100% - 45px);border:1px solid #294baa;border-top: none;}
.certify_con .certify_left{float:left;}
.certify_con .certify_right{float:right;}
.certify_con > div .box{padding:60px 20px 90px 20px;min-height:380px;background:#fff;position: relative;z-index: 10;}
.certify_con > div .box.sns_box{min-height: 330px}
.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:#f6f9fd}
.certify_con > div .box .txt2{padding:0 20px;}
.certify_con > div .box .btnBs{-webkit-width:calc(100% - 40px);-moz-width:calc(100% - 40px);width:calc(100% - 40px);position:absolute;left:20px;bottom:40px;background-color: #294baa}
.certify_con > div .box .btn_list{position:absolute;bottom:70px;left:0;width:100%;text-align:center;}
.certify_con > div .box.sns_box .btn_list{bottom: 50px}
.certify_con > div .box .btn_list li{display:inline-block;margin-right:10px;}
.certify_con > div .box .btn_list li a{display:inline-block;width:60px;height:60px;border-radius:50%;background-position:center center;background-repeat:no-repeat;text-indent:-9999px;}
.certify_con > div .box .btn_list li .naver{background-color:#2cb400;background-image:url(/img/common/btn_ic_naver.png)}
.certify_con > div .box .btn_list li .fcb{background-color:#00439e;background-image:url(/img/common/btn_ic_fcb.png)}
.certify_con > div .box .btn_list li .twt{background-color:#52c3f1;background-image:url(/img/common/btn_ic_twt.png)}
@media all and (min-width: 641px) and (max-width: 1024px){
	.certify_con > div .box{min-height: 430px}
	.certify_con > div .box.sns_box{min-height: 330px}
}


/* 수영구 지도 */
.sy_map_box{width: 100%;height: 100%;background: #f6f6f6;border:1px solid #ccc;position: relative;float: left;text-align: center;padding-top: 23px;margin-bottom: 60px
}
.sy_map{width: 297px;height: 407px;position: relative;display: inline-block;}
.sy_map img{position: absolute;top: 0;left: 0;z-index:1}
.sy_map .empty{z-index: 10;}
.sy_map .map_part{position: absolute;display: none;z-index:2;}
.sy_map .map_part.on{display: inline-block;}
.sy_map .part_1{left: 96px;top: 0;}
.sy_map .part_2{left: 1px;top: 20px;}
.sy_map .part_3{left: 109px;top: 77px;}
.sy_map .part_4{left: 69px;top: 100px;}
.sy_map .part_5{left: 4px;top: 144px;}
.sy_map .part_6{left: 172px;top: 128px;}
.sy_map .part_7{left: 10px;top: 188px;}
.sy_map .part_8{left: 123px;top: 202px;}
.sy_map .part_9{left: 51px;top: 268px;}
.sy_map .part_10{left: 119px;top: 292px;}
@media all and (max-width: 640px){.sy_map_box{display: none;}}



/* 공공누리 */

.ggNuriBox{
	width: 100%;
}
.ggNuriBox dt{
	width: 100%; height: 47px; line-height: 47px;
	background: #cccccc; text-align: center; font-weight: bold;
}
.ggNuriBox dd{
	padding: 20px 30px;
	background: #f8f8f8;
	color: #555;
}
.ggNuriBox dd span.more{
	display: block;
	margin-top: 10px; text-align: right;
}

.ggNuriList{
	padding-left: 202px; position: relative;
	background: url('/img/common/ggNuriEx.jpg') left top no-repeat;
	margin-bottom: 30px;
}
.ggNuriList ul li{
	width: 100%; height: 62px; line-height: 62px;
	position: relative; 
	background-repeat: no-repeat;
	background-position: 40px center;
	background-color: #f7f7f7;
	border:1px solid #dbdbdb; border-width: 1px 0;
	margin-bottom: 2px;
}
.ggNuriList ul li label{
	display: inline-block;
	padding-left: 277px; height: 100%;
}
.ggNuriList input[type="radio"]{
	-webkit-appearance:radio;
	position: absolute; top:22px; left:10px;
}
.ggNuriList ul li.select01{
	background-image: url('/img/common/new_img_opencode1.jpg');
}
.ggNuriList ul li.select02{
	background-image: url('/img/common/new_img_opencode2.jpg');
}
.ggNuriList ul li.select03{
	background-image: url('/img/common/new_img_opencode3.jpg');
}
.ggNuriList ul li.select04{
	background-image: url('/img/common/new_img_opencode4.jpg');
}
.ggNuriList ul li.select05{
	background-image: url('/img/common/new_img_opencode0.jpg');
}





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


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


	.bbs_gallery.gall2 ul li .photo{height:170px}

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


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

}

@media all and (min-width:769px){
	.bbs_gallery2 > ul > li{margin-right: 6px}
	.bbs_gallery2 > ul > li:nth-child(4n+4){margin-right:0;}
}

 /* Tablet Device */
@media all and (max-width:768px){
	.bbs_gallery 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_gallery2 ul li{width: calc(33.33% - 5px)}

	.bbs_gallery3 ul li{width:50%}

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

	
	.shc_month_list .reserv_info_layer{margin-left: 20px !important;margin-top: -20px;padding: 85px 15px 5px 15px}
        .bbs_ltype thead th.tellbtn {display:table-cell !important; display:inline-block;} /* 추가 */
	.bbs_ltype tbody td.tellbtn {display:table-cell !important; display:inline-block;} /* 추가 */


}


@media all and (min-width:641px){
	.bbs_gallery > ul > li{margin-right: 12px;}
	.bbs_gallery > ul > li:nth-child(3n+3){margin-right:0;}

	.bbs_gallery2 ul li{margin-right: 5px}
	.bbs_gallery2 ul li:nth-child(3n+3){margin-right: 0}

	.bbs_vtype.long_dd dl.infor dd.etc ul li .name{width:155px;}
}
 /* 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}
	.mobile_top { margin-top:5px !important; }
	
	.boardSearch.type02 {padding: 10px 10px 25px 0px !important;/* display: block; */}
	.boardSearch.type02 select {position: relative !important;/* padding-top:10px;top: 10px !important; */}
	.boardSearch.type02 button {position: relative !important;/* padding-top:10px;top: 10px !important; */}
        .boardSearch.type02 input[type="text"]  {position: relative !important;margin: 12px 0 16px 0 !important;top: 12px;left: 20px;}/* padding: 10px; */

	.boardSearch.type03 {padding: 10px 10px 25px 0px !important;/* display: block; */}
	.boardSearch.type03 select {position: relative !important;}
	.boardSearch.type03 button {position: relative !important;}
        .boardSearch.type03 input[type="text"]  {position: relative !important;margin: 12px 0 16px 0 !important;top: 12px;left: 20px;  width:70%} /*border-width:1px 1px 1px 1px;*/


	.boardSearch2{padding:15px;text-align:left}
	.boardSearch2 select{padding:2px;height:30px}
  	.boardSearch2 [type="text"],.boardSearch2 input[type="search"]{padding:2px;height:30px !important}     
	.boardSearch2 .wrtBox{display:block;margin-top:5px;width:100%}
	.boardSearch2 .wrtBox input[type="text"]{height:30px}
	.boardSearch2 .wrtBox button[type="submit"]{height:30px}

	.boardSearch.initial{padding: 20px}
	.initial_box{margin-bottom: 15px}
	.initial_box .tit{margin-bottom: 8px}
	.initial_box .initial_list{flex-wrap: wrap;}
	.boardSearch.initial .search_box{flex-direction: column;}
	.boardSearch.initial select{position: relative;width: 100%;top: 0;left: 0;}
	.boardSearch.initial select:last-child{margin-right: 0;}
	.boardSearch.initial input[type="text"]{border-right-width: 1px;margin: 5px 0}
	.boardSearch.initial button[type="submit"]{right: 0;top: 0;position: relative;width: 100%;height: 35px}

	.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 .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:auto;}
	.certify_con > div .box{padding-top:50px;min-height:auto}
	.certify_con > div .box .btn_list{bottom:20px;}

	/* 일반게시판 모바일UI */
	.bbs_ltype.mbTbl colgroup col{display:none}
	.bbs_ltype.mbTbl{table-layout: fixed;border-top: 2px solid #383a4a;}
	.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;padding:10px 30px 10px 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 tbody td.subject.new a::after{top: 0;}
	.bbs_ltype tbody td.subject.secret a::after{top: 2px}
	.bbs_ltype tbody td .ic_secret,.bbs_ltype tbody td .ic_open{height: 20px;line-height: 20px;}
	.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.top{padding: 10px 0 0 5px;}
	
	/* 전화번호안내 */
	.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}

	.bbs_qa2 dt > a{padding: 10px 40px 10px 20px;min-height: 35px;}
	.bbs_qa2 dt > a::after{right:10px}
	.bbs_qa2 .qa_txt{left:5px;margin-top:-12px;width:auto;height:25px;font-size:15px;line-height:25px;margin-right:10px}
	.bbs_qa2 dt::after{right:5px;height:7px;background-position:-10px -435px}
	.bbs_qa2 dt .btn{display:none}
	.bbs_qa2 dd{padding:10px 10px 10px 10px}
	.bbs_qa2 .info_list li{padding:15px 0 15px 100px}
	.bbs_qa2 .info_list h3{top:15px}
	.bbs_qa2 .info_list li::after{top:21px}


	/* 겔러리게시판 UI */
	.bbs_gallery ul li{width:calc(50% - 5px);height: 255px}
	.bbs_gallery > ul > li{margin-right: 7px;}
	.bbs_gallery > ul > li:nth-child(2n+2){margin-right:0;}
	.bbs_gallery .photo{height: 160px}	
	
	.bbs_gallery2 ul li{width:50%;}
	.bbs_gallery2 ul li .photo img{height:auto}
	.bbs_gallery2 ul li .tit{margin: 5px 0}

	.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;height: 100px}
	.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;width: 100%;padding-left: 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%}
	

	/* 설문조사 */
	.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}

         /* 설문조사2 20210401 */
	.box_s3_333_box .con_box {padding: 30px 20px 20px 20px;}
	.box_s3_333_box{padding: 0;background: #d5e3f3 none !important}
	.box_s3_333_box .btn_list222 {margin: -94px 0 0 20px;}
	.box_s3_333_box .con_box p br {display:none}

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

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

	.lopw_form .memLink li{margin-right:4px}
	.lopw_form .memLink li a{padding:0 0 0 8px;}
	.lopw_form .memLink li:first-child a{padding:0}
	.lopw_form .memLink li:last-child{margin-right:0;}
}

 /* Mobile */
@media all and (max-width:450px){

	.type03 {text-align:left;padding-left:13px}
	
	.bbs_gallery ul{padding:15px 0}
	.bbs_gallery ul li{width: 100%;max-width: 100%;height: auto;}
	.bbs_gallery ul li .photo{width: 100%;height: auto;min-height: 160px}
	.bbs_gallery ul li .photo img{position: relative;transform: translate(0,0);-webkit-transform: translate(0,0);-ms-transform: translate(0,0);-o-transform: translate(0,0);-moz-transform: translate(0,0);left: 0;top: 0;width: 100%;height: auto;}
	.bbs_gallery ul li .con{padding:15px;position: relative;}
	.bbs_gallery ul li .con .tit{margin-bottom:0;font-size:17px}
	.bbs_gallery ul li .con .data{font-size:13px}

	.bbs_gallery2 ul li{width: 100%;margin-bottom: 30px}

	.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;height: 248px}
	.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}
	
}

/* 강사추천강좌 */
.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: #f75b10; color: #fff; margin-right: 11px;
	font-family: 'Malgun Gothic'; font-size: 15px;
}
.t_info_box .t_info{
	width: 100%; min-height: 120px;overflow: hidden;
	background: #f6f6f6;
	padding: 23px 140px 23px 30px;
}
.t_info_box .t_info li{
	margin-bottom: 10px;width: 50%;float: left;
}
.t_info_box .t_info li.wid_100{width: 100%}
.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: 6px; right: 15px;
	width: 1px; height: 12px;
}

.bbs_ltype td b{display:inline-block;font-size:0.8em;color:white;background-color:#0f92c7;border-radius:5px;padding:2px 5px;margin-right:8px}
.bbs_ltype td b.order2{background-color:#3AA61D}
.bbs_ltype td b.order3{background-color:#e07300}
.bbs_ltype td b.order4{background-color:#DC4848}
.bbs_ltype td b.order5{background-color:#5260c4}
.bbs_ltype td b.order6{background-color:#9D5CD2}
    

/* 레이어팝업 */
#com_layer_pop{position: relative;width: 100%;height: 100%;position: relative;z-index: 1000;}
#com_layer_pop .pop_fix_bg{position: fixed;width: 100%;height: 100%;background-color: rgba(0,0,0,0.42);top: 0;left: 0;}
#com_layer_pop .layer_pop_box{width: 548px;height: 320px;position: fixed;top: 50%;left: 50%;transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);box-shadow: 0 0 12px rgba(0,0,0,0.3)}
#com_layer_pop .layer_top{width: 100%;height: 57px;line-height: 57px;padding-left: 28px;position: relative;background-color: #005fca;box-sizing: border-box;}
#com_layer_pop .layer_top h2{color: #fff;font-size: 17px;font-weight: bold;margin: 0;}
#com_layer_pop .layer_top .btn_close{text-indent: -9999px;width: 32px;height: 32px;border-radius: 50%;background-color: rgba(0,0,0,0.2);position: absolute;display: inline-block;top: 14px;right: 13px;}
#com_layer_pop .layer_top .btn_close::before{content: "";display: inline-block;width: 1px;height: 17px;position: absolute;top: 9px;left: 16px;transform: rotate(45deg);-ms-transform: rotate(45deg);background-color: #fff}
#com_layer_pop .layer_top .btn_close::after{content: "";display: inline-block;width: 1px;height: 17px;position: absolute;top: 9px;left: 16px;transform: rotate(-45deg);-ms-transform: rotate(-45deg);background-color: #fff}
#com_layer_pop .layer_con{position: relative;z-index: 10;padding: 35px 28px;background: #fff;box-sizing: border-box;overflow-y:scroll;height: 300px; } /*overflow: auto;*/
#com_layer_pop .layer_con p{padding: 25px 20px;background-color: #f3f8fd;color: #005aae;font-size: 15px;box-sizing: border-box;line-height:1.6em;}
#com_layer_pop .layer_con > span{display: inline-block;margin: 20px 0 15px 0;;letter-spacing:-0.7px; }
#com_layer_pop .layer_con .btn_box{ width:100%;text-align:center !important; margin: 0 0 20px 0 ; padding: 5px 0 20px 0;border-bottom:1px dashed #999 }
#com_layer_pop .layer_con .close_box{float: right;height: 38px;line-height: 38px;}
#com_layer_pop .layer_con #layer_pop_close{display: inline-block;}
#com_layer_pop .layer_con .close_box .btn_close{width: 82px;height: 38px;background-color: #3e4452;line-height: 38px;text-align: center;color: #fff;font-size: 15px;font-weight: bold;display: inline-block;margin-left: 5px;}
@media all and (max-width:640px){
  #com_layer_pop .layer_pop_box{width: 90%;}
}