@charset "utf-8";
/****************************************/
/* Name: 부산영어방송
/* PART: BOARD STYLE 
/* Version: 1.0 / day: 2019-11-27 
/* Author: imtec 
/****************************************/


/* 게시판 공통 */
.btn_list_box{margin:15px 0;text-align:right}
.btn_list_box2{margin:0 0 15px 20px;text-align:left}
.btn_list2{position:relative;margin:20px 0;display: flex;justify-content: center;}
.btn_list2 span{margin-left: 5px;}
.btn_list2 span:first-child{margin-left: 0}

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

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

/* 상단검색 - 기본 */
.boardSearch{position:relative;margin-bottom:20px;text-align:center;display: flex;justify-content: center;}
.boardSearch fieldset{width: 100%;}
.boardSearch select{padding-left:18px;min-width:110px;height:50px;border:1px solid #666;font-weight: bold;-webkit-appearance: none;-moz-appearance: none;appearance: none;background: url('../img/select_arrow.png') no-repeat right center;}
.boardSearch select::-ms-expand{ display: none;}
.boardSearch .search_input_box{display: inline-block;position: relative;width: 40%;}
.boardSearch .search_input_box2{display: inline-block;position: relative;}
.boardSearch input[type="text"],.boardSearch input[type="search"]{padding:0 17px;width:100%;height:50px;background:#f5f5f5;border:none;color: #6c6c6c;font-weight: bold;}
.boardSearch button[type="submit"]{width:60px;height:50px;cursor:pointer;border:0;border-radius:0;-webkit-appearance: none;text-indent: -9999px;position: absolute;right: 0;top: 0;}
.boardSearch button[type="submit"]::before{display:inline-block;width:21px;height:24px;content:'';background:url('../img/com_board_ic.png') no-repeat 0 0;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);}

.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:#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 -150px -400px;}



/* 페이지표시 */
.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:#000;border:1px solid #000;z-index:2}
.page a.on:focus{outline:2px dashed #000000}
.page a img{vertical-align:middle;}
.page a.b_bd{line-height:33px;background:#f7f7f7}
.page a.prev{margin-right: 10px;}
.page a.next{margin-left: 10px;}
.page a.first,.page a.prev,.page a.next,.page a.last{background-color: #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 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.subject a{display:inline-block;vertical-align:middle;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-height:21px;}
.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 #f55c00}

.bbs_ltype.textCut tbody td.subject a{max-width:100%}

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

.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 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;font-weight: bold;color: #333}
.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:34px}
.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:34px;height:34px;content:'';border:1px solid #f2f2f2;background: #f2f2f2 url('../img/com_btn_ic.png') no-repeat -293px 8px;border-radius: 50%}
.bbs_vtype .contents{padding-top:25px;word-break: break-word;}
.bbs_vtype .contents p,.bbs_vtype .contents div{word-break:break-word}
.bbs_vtype .contents::after{display:block;clear:both;content:''}
.bbs_vtype + .view_list li.before{border-top:0}
.bbs_vtype .contents .map_imgg + map area{outline-color: #fff;} /* 맵 인접한 area 접근성 요리사 공지사항 게시물*/
.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}

/* Script Board & Play Again */
.bbs_vtype.play_again .dt_btn{display: inline-block;padding-left: 10px;}


/* 교육/강좌 */
.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:center;background:#fff;border-left:1px solid #ccc;border-bottom:1px solid #ccc}

/* 겔러리형 슬라이드 */
.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}
.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/common/com_img.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 #07998d}
.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/com_board_ic.png')}
.photoSlide .photoThumb .flex-direction-nav .flex-prev{left:-20px;background-position:-25px -34px}
.photoSlide .photoThumb .flex-direction-nav .flex-next{right:-20px;background-position:-60px -34px}
.flex-direction-nav .flex-disabled{cursor: default;opacity: 0;z-index: -1;}
.photoSlide + .contents{border-top:0}

.no_img{background:#f1f4fb url('../img/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%}


/* 이전글,다음글 */
.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;min-height: 31px;}
.check_box input{position:absolute;top:0;left:-3px;z-index:0;width:0;height:0;background-color:#f8f8f8;}

.check_box input[type="checkbox"]:focus  + label span{border: 3px dotted #3c3c4e}
.check_box input + label{display:block;height: 32px;}

.check_box input + label span{position:relative;display:inline-block;margin-right:5px;width:28px;height: 28px;vertical-align:middle;border:1px solid #565656;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/com_board_ic.png') no-repeat -31px 0;}
.check_box input:checked + label {color:#3473bc;}
.check_box input:checked + label span{border-color: #3473bc;background-color: #3473bc;}
.check_box input:checked + label span::before{background-position:-52px 0;}

/* 게시판 글쓰기 */
.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;}

/* 포토갤러리 목록 */
.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;padding-right: 15px;position:relative;}
.bbs_gallery ul li a{position:relative;display:inline-block;margin:0 7px;width: 100%;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,
.bbs_gallery ul li .mov{position:relative;display:block;height:190px;width: 100%;overflow: hidden;}
.bbs_gallery ul li .mov::after{content: "";display: inline-block;width:100%;height: 100%;position: absolute;left: 0;top: 0;background: rgba(0,0,0,0.16) url(../img/ic_mov.png) center center no-repeat;}
.bbs_gallery ul li img{width:100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);}
.bbs_gallery ul li .con{padding:20px;width:100%; text-align:left;line-height:21px;background:#fff;}
.bbs_gallery ul li .con .tit{display:block;margin-bottom:10px;font-size:18px;font-family: 'NanumSquare';font-weight:bold;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.bbs_gallery ul li .con .data{display:block;z-index:2;color:#666;}
.bbs_gallery 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_gallery ul li a:hover{box-shadow: 2px 2px 5px rgba(0,0,0,0.15)}



/* 영상겔러리 보기 */
.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:#a174b1;text-align: left;padding: 0 20px}
.videoCon .videoTxt dt span{display: inline-block;padding-left: 37px;position: relative;}
.videoCon .videoTxt dt span::before{content:'';display: inline-block;width: 24px;height: 38px;position: absolute;left: 0;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);background:url('../img/com_board_ic.png') no-repeat -85px 0;}
.videoCon .videoTxt dd{padding:20px;height:300px;overflow:auto;background:#f8f8f8}


/* 블로그형 목록 */
.bbs_blog{border-top:3px 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;}
.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;padding-left: 90px;min-height: 22px}
.bbs_blog dl dd.data ul li span{font-weight: bold;position: absolute;left: 10px;top: 0;}
.bbs_blog dl dd.data ul li span::after{content: "";display: inline-block;width: 1px;height: 12px;background: #c3c3c3;position: absolute;right: -41px;top: 6px;}
.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.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;}

/* 교육강좌 검색 */
.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:4px;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:60px;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:26px;margin-top:-8px;width:14px;height:16px;content:'';background:url('../img/yeyak/com_yeyak.png') no-repeat -320px -245px;}

/* 교육강좌 목록 */
.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_wrap{width: calc(100% - 40px);margin: 0 auto;border-radius: 25px;border: 1px solid #d5d5d5;padding: 55px}
.vote_guide{background: url(../img/sub/vote_bg01.jpg) right top no-repeat;padding: 0 220px 50px 0;position: relative;}
.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_guide h2{font-family: 'NanumSquare';font-size: 29px;font-weight: normal;margin-bottom: 20px;}
.vote_guide p{margin-bottom: 20px;}
.vote_guide .ic_txt{display: inline-block;padding: 7px 25px 7px 39px;position: relative;background: #f8f8f8}
.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_guide .info_txt{display: flex;font-weight: bold;}
.vote_guide .info_txt dl:first-child{margin-right: 90px}
.vote_guide .info_txt dt{color: #3473bc;margin-right: 22px;display: inline-block;position: relative;}
.vote_guide .info_txt dt::after{content: "";display: inline-block;width: 1px;height: 12px;position: absolute;right: -13px;top: 6px;background: #c3c3c3;}
.vote_guide .info_txt dd{display: inline-block;}


.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;padding-left: 30px;font-weight: normal;}
.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_con dl dd{padding-left: 28px}
.vote_con dl dd li{position:relative;margin-bottom:10px;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 input[type="text"]{width: 130px}
.vote_con dl dd input.sm_input{width: 50px}
.vote_con dl dd textarea{width: 100%;height: 100px}

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

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

.vote_con dl dd li .count .graph{}
.vote_con dl dd li:nth-child(2) .count .graph{background-color:#0071d9}
.vote_con dl dd li:nth-child(3) .count .graph{background-color:#f7a808}
.vote_con dl dd li:nth-child(4) .count .graph{background-color:#eb5241}
.vote_con dl dd li:nth-child(5) .count .graph{background-color:#1da3a9}
.vote_con dl dd li:nth-child(6) .count .graph{background-color:#8174c0}
.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:#a5a5a5;border-radius: 50%;}
.vote_con dl dd .ans_list li:first-child{border-top:0}
.vote_con dl.voteWrite{padding:25px 0;}
.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;font-weight: bold;}
.vote_con dl.etcView dd{height:200px;overflow:auto;padding-left: 0;}
.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:#a5a5a5;border-radius: 50%;}
.vote_con dl.etcView dd ul li:first-child{border-top: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}
.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;}

.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 .btn_month_before{left:20px;}
.tit_month .btn_month_before a::after{background-position:-101px -270px}
.tit_month .btn_month_next{right:20px;}
.tit_month .btn_month_next a::after{background-position:-141px -270px}

.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:100px;border:1px solid #cbcbcb;border-width:0 1px 1px 0} /*overflow: auto; white-space: nowrap;*/
.shc_month_list > ol > li .week_name{position:absolute;top:-60px;left:0;display:block;width:100.9%;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 > ol > li > div{ font-size:12px; color:#1d3e65} /*코로나 19 확산 우려로 잠정 중단 추가 */
.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:0;left:0}
.shc_month_list > ol > li div.sun{background:#f9f9f9}
.shc_month_list > ol > li div.sun .week_name{background:#5380d2}
.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.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 5px 0 7px;min-width: 62px;margin-bottom: 3px;margin-right: 3px;}
.shc_month_list .reserv_info{background-color: #07998d}
.shc_month_list .reserv_info2{background-color: #ffe6ec;color: #333;}
.shc_month_list .reserv_pos{background-color: #4b69ba}
.shc_month_list .reserv_impos{background-color: #dc5b5c} /*color:#dc5b5c; padding:0 */
.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) -430px -240px 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}



/* 로그인 / 비밀번호 입력 */
.login_wrap{width: 575px;margin: 60px auto 0 auto;}
.login_wrap .login_box{padding: 40px 0;border:1px dotted #3c3c4e;border-width: 1px 0;font-family: 'NanumSquare';}
.login_wrap .login_box h3{font-size: 42px;line-height: 1;margin-bottom: 10px;text-align: center;color: #333;}
.login_wrap .login_box > span{color: #333;font-weight: bold;font-size: 17px;text-align: center;display: block;margin-bottom: 30px;line-height: 1.3;}
.login_wrap .input_box{width: 100%;padding-right: 164px;position: relative;display: flex;flex-direction: column;}
.login_wrap .input_box input[type="text"]{width: 100%;height: 64px;border:1px solid #233551;padding: 0 30px;font-family: 'Nanum-Gothic';}
.login_wrap .input_box input[type="password"]{width: 100%;height: 64px;border:1px solid #233551;padding: 0 30px;font-family: 'Nanum-Gothic';}
.login_wrap .input_box input[type="email"]{width: 100%;height: 64px;border:1px solid #233551;padding: 0 30px;font-family: 'Nanum-Gothic';}
.login_wrap .input_box input[type="submit"]{height: 100%;width: 157px;position: absolute;right: 0;top: 0;border:none;background: linear-gradient(-45deg,#4b68ba,#a181bd);color: #fff;font-size: 16px;font-weight: bold;}
.login_wrap .Registration{width: 98%;text-align: right;margin-top: 18px}
.login_wrap .Registration a{display: inline-block;line-height: 62px;padding-left: 70px;font-size: 14px;position: relative;}
.login_wrap .Registration .ic{width: 63px;height: 63px;background-position: center center;background-repeat: no-repeat;background-color: #f8f8f8;position: absolute;;left: 0;top: 0;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_wrap .Registration a:focus .ic,.login_wrap .Registration a:hover .ic{background-color: #c6d8ee}
/*.login_wrap .Registration a::before{content: "";display: inline-block;width: 62px;height: 62px;border-radius: 50%;background: #f8f8f8 url(../img/login_registration.png) center center no-repeat;position: absolute;left: 0;top: 0;} */

.login_wrap .Registration .ic01 .ic{background: #f8f8f8 url(../img/login_registration.png) center center no-repeat;} /* 추가 */
.login_wrap .Registration .ic02 .ic{background: #f8f8f8 url(../img/login_registration2.png) center center no-repeat;}


/* 아이디 / 비번찾기 추가  0903  필요한부분만 복사해서  쓰세요*/
.login_wrap2{width: 100%;margin: 60px 0 50px 0;  }
.login_wrap2 .login_box{width: 50%;padding: 40px 40px;float:left;border:1px dotted #3c3c4e;border-width: 1px 0 1px 0;font-family: 'NanumSquare'; height:400px; min-height:400px}
.login_wrap2 .login_box:first-child { border-width: 1px 1px 1px 0 !important;}
.login_wrap2 .login_box h3{font-size: 30px;line-height: 1;margin-bottom: 10px;text-align: center;color: #333;}
.login_wrap2 .login_box > span{color: #333;font-size: 15px;text-align: center;display: block;margin-bottom: 30px;line-height: 1.2;}
.login_wrap2 .input_box{width: 100%;padding-right: 140px;position: relative;display: flex;flex-direction: column;}
.login_wrap2 .input_box input[type="text"]{width: 100%;height: 64px;border:1px solid #233551;padding: 0 30px;font-family: 'Nanum-Gothic';}
.login_wrap2 .input_box input[type="email"]{width: 100%;height: 64px;border:1px solid #233551;padding: 0 30px;font-family: 'Nanum-Gothic';}
.login_wrap2 .input_box input[type="submit"]{height: 138px;width: 130px;position: absolute;right: 0;top: 0;border:none;background: linear-gradient(-45deg,#4b68ba,#a181bd);color: #fff;font-size: 16px;font-weight: bold;}
.login_wrap2 .Registration{width: 100%;text-align: right;margin-top: 18px}
.login_wrap2 .Registration a{display: inline-block;line-height: 62px;padding-left: 70px;font-size: 14px;position: relative;}
.login_wrap2 .Registration a::before{content: "";display: inline-block;width: 62px;height: 62px;border-radius: 50%;background: #f8f8f8 url(../img/login_registration.png) center center no-repeat;position: absolute;left: 0;top: 0;}






/* 회원가입 */
.join_wrap .step_box{display: flex;justify-content: space-between;width: 465px;position: relative;margin: 0 auto 100px auto;}
.join_wrap .step_box::before{content: "";display: inline-block;width: calc(100% - 10px);left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);top: 66px;height: 6px;background-color: #eee;position: absolute;}
.join_wrap .step_box dl{text-align: center;position: relative;}
.join_wrap .step_box dl:last-child{margin-right: 0;}
.join_wrap .step_box dt{width: 93px;height: 93px;font-size: 26px;color: #666;padding-top: 24px;margin-bottom: 15px;border-radius: 50%;border:1px solid #cdcdcd;display: inline-block;line-height: 1;background-color: #fff}
.join_wrap .step_box dd{position: absolute;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);top: 110px;}
.join_wrap .step_box dt span{display: block;text-align: center;font-size: 17px;margin-bottom: 3px}
.join_wrap .step_box dd{white-space: nowrap;color: #666;font-weight: bold;}
.join_wrap .step_box .on dt{color: #fff;background-color: #cf4833;border-color: #cf4833;}
.join_wrap .step_box .on dd{color: #233551;}

.join_wrap .info_txt{background-color: #f8f8f8;border: 1px dashed #bdbdbd;padding: 40px 40px 25px 40px;}
.join_wrap .scroll_txt h2{font-size: 17px;margin-bottom: 25px}
.join_wrap .scroll_txt h3{font-size: 16px;margin: 25px 0 5px 0}
.join_wrap .scroll_txt p,
.join_wrap .scroll_txt ul{margin-bottom: 20px}
.join_wrap .private_txt .scroll_txt{height: 240px;}
.join_wrap .private_txt .agree_check{text-align: left;padding-left: 20px}
.join_wrap .check_box{height: auto;}
.join_wrap .check_box input + label{height: auto;}

.join_wrap .idchk_btn{position: relative;top: 1px}
.join_wrap .idchk_btn a{display: inline-block;line-height: 30px;padding: 0 12px;background-color: #757a84;color: #fff;}
.join_wrap .mailchk_btn{position: relative;top: 1px}
.join_wrap .mailchk_btn a{display: inline-block;line-height: 30px;padding: 0 12px;background-color: #757a84;color: #fff;}
.join_wrap select{height: 30px}
.join_wrap .bbs_wtype{border-bottom: 1px solid #a5a5a5}
.join_wrap .bbs_wtype .point{color: #eb5241}
.join_wrap .bbs_wtype input[type="text"],
.join_wrap .bbs_wtype input[type="password"],
.join_wrap .bbs_wtype input[type="email"],
.join_wrap .bbs_wtype select{width: 100%;max-width: 300px}
.join_wrap .bbs_wtype tr:last-child td:last-of-type,
.join_wrap .bbs_wtype tr:last-child th:last-of-type{border-bottom: none;}

.join_wrap .completion{padding: 65px 0 75px 0;border-top: 2px solid #3e4452;border-bottom: 1px solid #a5a5a5;text-align: center;}
.join_wrap .completion .align_box{display: inline-block;text-align: left;position: relative;}
.join_wrap .completion .align_box::before{content: "";display: inline-block;width: 64px;height: 60px;background: url(../img/ic_completion.png) no-repeat;position: absolute;left: -77px;top: -10px}
.join_wrap .completion h2{font-size: 34px;font-family: 'NanumSquare';color: #333;}
.join_wrap .completion p{color: #333;margin-bottom: 20px}
.join_wrap .completion .btn_box{display: flex;} /*flex-direction: flex-start;*/
.join_wrap .completion .btn_box span:first-child{margin-right: 10px;}



/* 본인인증 */
.certify_con{height:100%;overflow:hidden;}
.certify_con::after{display:block;clear:both;content:''}
.certify_con > div{position:relative;margin-bottom:20px;padding:6px;width:49%;background:#eaeaea}
.certify_con > div::before{position:absolute;top:0;left:0;width:100%;height:46px;content:'';border:1px solid #5380d2;border-width:6px 6px 0}
.certify_con .certify_left{float:left;}
.certify_con .certify_right{float:right;}
.certify_con > div .box{padding:55px 20px 100px 20px;min-height:380px;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:calc(100% - 100px);position: absolute;bottom: 50px;left: 50px;}
.certify_con > div .box .btnBs a{background-color: #3c3c4e}
.certify_con > div .box .btnBs a:hover{background-color: #fff;color: #3c3c4e}


/* 댓글 */
.comment_write{width: 100%;padding: 25px 30px 40px 30px;background-color: #f6f6f6;} 
.comment_write h3{padding-left: 38px;height: 32px;line-height: 32px;font-size: 20px;background: url(../img/ic_comment.png) left center no-repeat;margin-bottom: 20px}
.comment_write h3 span{display: inline-block;margin-left: 10px;font-size: 16px;color: #3e4452;}
.comment_write .txt_input_box{width: 100%;height:90px;display: flex;}
.comment_write .txt_input_box textarea{width: calc(100% - 110px);height: 100%;overflow-y: auto;}
.comment_write .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/com_img.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;word-break:break-all}


/* 신청폼 */
.request_form_1{width: 100%;padding: 0 80px}
.request_form_1 .top_img{width: 100%;text-align: center;margin-bottom: 40px}
.request_form_1 .top_info{background: #f5f5f5;padding: 25px 0 25px 100px}
.request_form_1 .top_info .h_li li{padding-left: 95px;}
.request_form_1 .top_info .h_li li::before{background: #7c7c7c}
.request_form_1 .top_info .h_li li span{font-weight: bold;display: inline-block;position: absolute;left: 10px;top: 0;}
.request_form_1 .top_info .h_li li span::after{content: "";display: inline-block;width: 1px;height: 12px;position: absolute;top: 5px;left: 68px;background-color: #999}
.request_form_1 .top_info p{font-size: 14px;font-weight: bold}

.request_form_1 .form_wrap{margin: 45px 0 30px 0;padding: 30px 0;border: 1px dashed #c5c5c5;border-width: 1px 0}
.request_form_1 .form_wrap h2{font-size: 22px;font-family: 'NanumSquare';color: #333;line-height: 1;margin-bottom: 25px}
.request_form_1 .input_wrap dl{margin-bottom: 12px;display: flex;line-height: 40px;}
.request_form_1 .input_wrap dt{width: 140px;color: #333;font-weight: bold;}
.request_form_1 .input_wrap input{width: 180px;height: 40px;border:none;background-color: #f5f5f5;padding: 0 10px;}
.request_form_1 .input_wrap dd p{color: #3473bc;margin: 15px 0 10px 0;line-height: 1.4;}
.request_form_1 .input_wrap select{height: 40px;padding: 0 10px;background-color: #edfdc3;border:none;}
.request_form_1 .caution{margin: 35px 0 20px 0}
.request_form_1 .check_box input + label span{margin-right: 0;margin-left: 5px}


.request_form_2 h2{text-align: center;font-size: 34px;position: relative}
.request_form_2 h2 span{font-weight: normal;}
.request_form_2 h2::before{content: "";display: inline-block;width: 38px;height: 1px;background-color: #666;position: absolute;top: -22px;left: 50%;margin-left: -19px;}
.request_form_2 .input_wrap{padding: 10px 0 40px 0;border-top: 2px solid #3e4452;border-bottom: 1px solid #a5a5a5;}
.request_form_2 .input_wrap dl{padding: 9px;display: flex;border-bottom: 1px solid #dedede;}
.request_form_2 .input_wrap dl:last-child{border:none;}
.request_form_2 .input_wrap dt,
.request_form_2 .input_wrap dd{display: inline-block;}
.request_form_2 .input_wrap dt{width: 200px;font-weight: bold;color: #333;line-height: 30px;}
.request_form_2 .input_wrap dt span{display: inline-block;width: 22px;height: 22px;background: #516aba;text-align: center;color: #fff;font-size: 13px;border-radius: 50%;margin-right: 10px;line-height: 22px;}
.request_form_2 .input_wrap input,
.request_form_2 .input_wrap select{width: 210px;height: 30px;margin-right: 4px;padding: 0 10px;}
.request_form_2 #datepicker + label{top: 0;}
.request_form_2 .input_wrap input.long{width: 480px}
.request_form_2 .input_wrap dl.edit{flex-direction: column;}
.request_form_2 .input_wrap dl.edit dt{width: auto;}
.request_form_2 .input_wrap dl.edit dd{padding-left: 30px}
.request_form_2 .input_wrap dl.edit textarea{width: 100%;height: 80px;margin-top: 10px}
.request_form_2 .agree_check_wrap{padding: 25px 0}
.request_form_2 .agree_check_wrap li{margin-bottom: 35px;}
.request_form_2 .agree_check_wrap li:last-child{margin-bottom: 0;}
.request_form_2 .agree_check_wrap li .check_box{padding-left: 38px;position: relative;height: auto;min-height: 28px}
.request_form_2 .agree_check_wrap li .check_box input{top: 0;left: 0;width: 0;height: 0;}
.request_form_2 .agree_check_wrap li label{height: auto;}
.request_form_2 .agree_check_wrap li label span{position: absolute;left: -38px;top: -2px;}

.request_form_2 .layer_pop{width:auto;height:auto;position: fixed;z-index: 350;top: 50%;left: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);box-shadow: 7px 7px 25px rgba(0,0,0,0.2);display: none;}
.request_form_2 .layer_pop .top_box{width: 100%;height: 59px;background: #000;color: #fff;font-size: 16px;font-weight: bold;line-height: 59px;padding-left: 25px;position: relative;}
.request_form_2 .layer_pop .btn_close{width: 32px;height: 32px;position: absolute;top: 15px;right: 15px;text-indent: -9999px}
.request_form_2 .layer_pop .btn_close::after{content: "";display: inline-block;width: 13px;height: 13px;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);background: url(../img/com_btn_ic.png) 0 -53px no-repeat;}
.request_form_2 .layer_bg{width: 100%;height: 100%;position: fixed;z-index: 300;background: rgba(0,0,0,0.23);top: 0;left: 0;display: none;}


/* 추가 2020 0226 */
.request_form_3{width: 100%;padding: 0 80px}
.request_form_3 .top_img{width: 100%;text-align: center;} /* 평소 신청 타이틀에 필요 margin-bottom: 40px*/
.request_form_3 .top_info{background: #f5f5f5;padding: 25px 0 25px 100px}
.request_form_3 .top_info .h_li li{padding-left: 120px;}
.request_form_3 .top_info .h_li li::before{background: #7c7c7c}
.request_form_3 .top_info .h_li li span{font-weight: bold;display: inline-block;position: absolute;left: 10px;top: 0;}
.request_form_3 .top_info .h_li li span::after{content: "";display: inline-block;width: 1px;height: 12px;position: absolute;top: 5px;left: 100px;background-color: #999}
.request_form_3 .top_info p{font-size: 14px;font-weight: bold}

.request_form_3 .top_info2{background: #f5f5f5;padding: 25px 0 25px 100px}
.request_form_3 .top_info2 .h_li li{padding-left: 90px;}
.request_form_3 .top_info2 .h_li li.linebr { padding-left: 10px;}
.request_form_3 .top_info2 .h_li li::before{background: #7c7c7c}
.request_form_3 .top_info2 .h_li li span{font-weight: bold;display: inline-block;position: absolute;left: 10px;top: 0;}
.request_form_3 .top_info2 .h_li li span::after{content: "";display: inline-block;width: 1px;height: 12px;position: absolute;top: 5px;left: 65px;background-color: #999}
.request_form_3 .top_info2 .h_li li.linebr span::after{content: "";display: inline-block;width: 1px;height: 12px;position: absolute;top: 5px;left: 100px;background-color: #f5f5f5}
.request_form_3 .top_info2 p{font-size: 14px;font-weight: bold}

.request_form_3 .form_wrap{margin: 45px 0 30px 0;padding: 30px 0;border: 1px dashed #c5c5c5;border-width: 1px 0;width: 100%;}
.request_form_3 .form_wrap h2{font-size: 22px;font-family: 'NanumSquare';color: #333;line-height: 1;margin-bottom: 25px}
.request_form_3 .input_wrap dl{display: flex;line-height: 40px;width: 100%;}
.request_form_3 .input_wrap dl.edit{flex-direction: column;}
.request_form_3 .input_wrap dl.edit dt{width: auto; padding:10px 0}
.request_form_2 .input_wrap dl.edit dd{padding-left: 30px}
.request_form_3 .input_wrap dt{width: 22%; min-width:133px; color: #333;font-weight: bold; line-height:1.2em}
.request_form_3 .input_wrap dt p{color: #3473bc;font-weight: normal; margin: 15px 0 10px 0;line-height: 1.4;}
.request_form_3 .input_wrap dd{width: 100%; margin-bottom:12px;}
.request_form_3 .input_wrap dd > textarea{width: 100%;height: 80px;margin-top: 1px}
.request_form_3 .input_wrap input{width: 180px;height: 40px;border:none;background-color: #f5f5f5;padding: 0 10px;}
.request_form_3 .input_wrap dd p{color: #3473bc;margin: 15px 0 10px 0;line-height: 1.4;}
.request_form_3 .input_wrap dd span{color: #3473bc;margin: 15px 0 10px 0;line-height: 1.4;}
.request_form_3 .input_wrap select{height: 40px;padding: 0 10px;background-color: #edfdc3;border:none;}
.request_form_3 .caution{margin: 35px 0 20px 0}
.request_form_3 .check_box input + label span{margin-right: 0;margin-left: 5px}
.request_form_3 .agree_check_wrap{padding: 25px 0} /*여러개 동의 추가*/
.request_form_3 .agree_check_wrap li{margin-bottom: 35px;}
.request_form_3 .agree_check_wrap li:last-child{margin-bottom: 0;}
.request_form_3 .agree_check_wrap li .check_box{padding-left: 38px;position: relative;height: auto;min-height: 28px}
.request_form_3 .agree_check_wrap li .check_box input{top: 0;left: 0;width: 0;height: 0;}
.request_form_3 .agree_check_wrap li label{height: auto;}
.request_form_3 .agree_check_wrap li label span{position: absolute;left: -38px;top: -2px;}

@media all and (max-width: 1024px){
.request_form_3 .input_wrap dl{display:block;}
.request_form_3 .input_wrap dt{display:inline-block; vertical-align:top;}
.request_form_3 .input_wrap dd{display:inline-block;width:70%; vertical-align:top;}
.request_form_3 .input_wrap dd span{display:block; margin:5px 0 10px 0;}
.request_form_3 .input_wrap input{width:300px;}
}
@media all and (max-width: 640px){
.request_form_3 .input_wrap dl{line-height:1.5em;}
.request_form_3 .input_wrap dd{width:100%;}

/* 추가 2020 02 */
.request_form_3{padding: 0}
.request_form_3 .top_img{margin-bottom: 20px}
.request_form_3 .top_info{padding: 20px 20px}
.request_form_3 .top_info2{padding: 20px 20px}
.request_form_3 .input_wrap dl{flex-direction: column;margin-bottom: 15px}
.request_form_3 .input_wrap input{width: 100%;}
.request_form_3 .input_wrap select{width: 100%}
.request_form_3 .input_wrap dt{width: 100%;}

}
/* 추가 2021 1126 */
.request_form_4{width: 100%;}
.request_form_4 .top_img{width: 100%;text-align: center;}
.request_form_4 .top_info{background: #f5f5f5;padding: 25px 0 25px 100px}
.request_form_4 .top_info .h_li li{padding-left: 120px;}
.request_form_4 .top_info .h_li li::before{background: #7c7c7c}
.request_form_4 .top_info .h_li li span{font-weight: bold;display: inline-block;position: absolute;left: 10px;top: 0;}
.request_form_4 .top_info .h_li li span::after{content: "";display: inline-block;width: 1px;height: 12px;position: absolute;top: 5px;left: 100px;background-color: #999}
.request_form_4 .top_info p{font-size: 14px;font-weight: bold}

.request_form_4 .form_wrap{padding:0 40px 40px;width: 100%; background:#dbe5ef;}
.request_form_4 .form_wrap .form_inner{padding:15px 30px; background:#fff;}
.request_form_4 .form_wrap h2{font-size: 22px;font-family: 'NanumSquare';color: #333;line-height: 1;margin-bottom: 25px;padding:15px 0 15px;border-bottom: 1px dashed #c5c5c5;border-width: 1px 0;}
.request_form_4 .input_wrap dl{margin-bottom: 12px;display: flex;line-height: 40px;width: 100%;}
.request_form_4 .input_wrap dl.edit{flex-direction: column;}
.request_form_4 .input_wrap dl.edit dt{width: auto; padding:10px 0}
.request_form_4 .input_wrap dl.edit dd{}
.request_form_4 .input_wrap dt{width: 22%;color: #333;font-weight: bold; line-height:1.2em}
.request_form_4 .input_wrap dd{width: 100% }
.request_form_4 .input_wrap dd > textarea{width: 100%;height: 80px;margin-top: 1px}
.request_form_4 .input_wrap input{width: 180px;height: 40px;border:none;background-color: #f5f5f5;padding: 0 10px;}
.request_form_4 .input_wrap dd p{color: #3473bc;margin: 15px 0 10px 0;line-height: 1.4;}
.request_form_4 .input_wrap select{height: 40px;padding: 0 10px;background-color: #edfdc3;border:none;}
.request_form_4 .caution{margin: 35px 0 20px 0}
.request_form_4 .check_box input + label span{margin-right: 0;margin-left: 5px}
.request_form_4 .agree_check_wrap{padding: 25px 0} /*여러개 동의 추가*/
.request_form_4 .agree_check_wrap li{margin-bottom: 35px;}
.request_form_4 .agree_check_wrap li:last-child{margin-bottom: 0;}
.request_form_4 .agree_check_wrap li .check_box{padding-left: 38px;position: relative;height: auto;min-height: 28px}
.request_form_4 .agree_check_wrap li .check_box input{top: 0;left: 0;width: 0;height: 0;}
.request_form_4 .agree_check_wrap li label{height: auto;}
.request_form_4 .agree_check_wrap li label span{position: absolute;left: -38px;top: -2px;}
@media all and (max-width: 860px){
.request_form_4 .form_wrap{padding:0 20px 40px}
}
@media all and (max-width: 450px){
.request_form_4 .form_wrap{padding:20px 10px;}
.request_form_4 .form_wrap .form_inner{padding:15px;}
.request_form_4 .input_wrap dl{display:block;}
.request_form_4 .input_wrap dt{width:100%;margin-bottom:5px;}
}

/* sns event */
.bo_sns_quick{position:fixed; top:289px; right:13%; z-index:99}
.bo_sns_quick li{position:relative;width:56px;height:56px;}
.bo_sns_quick li a{display:block;height:56px;text-indent:-999px;overflow:hidden;}
.bo_sns_quick li.q1{background:#3b64b8;}
.bo_sns_quick li.q2{background:#32cdfd}
.bo_sns_quick li.q3{background:#1bcc21}
.bo_sns_quick li.q4{background:#ffc20f}
.bo_sns_quick li.q5{background:#00c63b}
.bo_sns_quick li.q6{background:url('/img/sub/ico_insbg.png') 0 0 no-repeat; background-size:cover;}
.bo_sns_quick li.q7{background:#394d98}
.bo_sns_quick li.q1 a{background:url('/img/sub/ico_fa.png') 50% 50% no-repeat;}
.bo_sns_quick li.q2 a{background:url('/img/sub/ico_tw.png') 50% 50% no-repeat;}
.bo_sns_quick li.q3 a{background:url('/img/sub/ico_band.png') 50% 50% no-repeat;}
.bo_sns_quick li.q4 a{background:url('/img/sub/ico_kas.png') 50% 50% no-repeat;}
.bo_sns_quick li.q5 a{background:url('/img/sub/ico_blog.png') 50% 50% no-repeat;}
.bo_sns_quick li.q6 a{background:url('/img/sub/ico_ins.png') 50% 50% no-repeat;}
.bo_sns_quick li.q7 a{background:url('/img/sub/ico_url.png') 50% 50% no-repeat;}

.bo_sns_quick li span{display:none; position:absolute; top:0; right:55px; padding:14px; height:56px; font-size:14px; color:#fff; line-height:28px; text-align:center; font-weight:bold; background:#717fa2; z-index:-1;}
.bo_sns_quick li a:hover + span,
.bo_sns_quick li a:focus + span{display:block}

/* oneness festival */
.onenessfestival{position:relative;}
.onenessfestival .imgbox{position:relative;}
.onenessfestival .imgbox .btnSm{position:absolute; top:20px; right:20px; height:45px; line-height:45px;}
.onenessfestival .imgbox .btnSm a{padding:0 35px !important; font-size:14px;}
.onenessfestival .btnBs.big{}


/* 부산시민 영어말하기 대회 */
.speechfestival {position:relative;}
.speechfestival .imgbox {position:relative; width:640px;}
.speechfestival .imgbox .btn { position:absolute; top:634px; left:240px;}
.speechfestival .imgbox .btn a {display:inline-block; padding:8px 28px 8px 14px; font-size:15px; vertical-align:middle; background:#0d47b1; color:#fff;}
.speechfestival .imgbox .btn a::before {position:absolute; top:11px; right:10px; width:14px; height:15px; content:''; background:url('/img/common/ic_down5.png') no-repeat;}
.speechfestival .imgbox .btn a:hover {text-decoration:underline;}
.speechfestival .imgbox .mobile_img {display:none;}

@media (max-width: 1024px){
	.speechfestival .imgbox {width:100%;}
}

@media (max-width: 670px){
	.speechfestival .imgbox .pc_img {display:none;}
	.speechfestival .imgbox .mobile_img {display:block;}
	.speechfestival .imgbox .btn {top:10px; left:inherit; right:10px;}
}


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

 /* PC Device 1024 */
 @media all and (max-width:1780px){
.bo_sns_quick{top:409px; right:0;}
}

@media all and (max-width:1200px){
.bo_sns_quick{}
}

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


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

	.comment_list .list{padding: 20px 15px}
	.comment_list .right_box{right: 15px}	
	
	.bo_sns_quick{top:300px;right:0;}
}

 /* Tablet Device */
@media all and (max-width:768px){

	.vote_con .agree_check{height: auto;padding: 15px 20px}
	.check_wrap{position: relative;right: 0;top: 0;margin-top: 10px}

	.bbs_gallery ul li .photo{height:150px}
	.bbs_gallery ul li .photo img{height:100%}

	.bbs_edu > ul > li{width:50%}

	.bo_sns_quick{top:225px;right:0;}
	
	/* 달력 */
	.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;}


	.finishCon{padding:25px 15px}
	.finishCon .txt1{font-size:22px;line-height:28px}
	.finishCon .btnBs.big{min-width:45%}
	
	.request_form_2 h2{font-size: 24px;margin-bottom: 15px;word-break: keep-all;}
	.request_form_2 .input_wrap dl{flex-direction: column;}
	.request_form_2 .input_wrap input.long,
	.request_form_2 .input_wrap input,
	.request_form_2 .input_wrap select{width: 100%}
	.request_form_2 .input_wrap input#datepicker{width: calc(100% - 75px)}
	.request_form_2 .input_wrap dl dd{padding-left: 30px}

     /* 추가  2020 0226*/
 	.request_form_3 .top_info{padding: 20px 20px}
	.request_form_3 .top_info2{padding: 20px 20px}


}

 /* Mobile */
@media all and (max-width:640px){
	.vote_guide .info_txt{flex-direction: column;}
	.vote_guide .info_txt dl:first-child{margin-right: 0;}

	.boardSearch .search_input_box{width: calc(100% - 115px)}

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

	.bbs_vtype.play_again .dt_btn{display: block;padding-left: 0;margin-top: 5px}

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

	.bo_sns_quick{position:static;width:100%;}
	.bo_sns_quick li{float:left; width:16.66%;}
	.bo_sns_quick li.q6{}
	.bo_sns_quick li.q7{clear:both;width:100%;overflow:hidden;background:none;}
	.bo_sns_quick li.q7 a{background: url(/img/sub/ico_url.png) 3% 0 no-repeat; text-indent: 0; font-size: 0;}
	.bo_sns_quick li.q7 a:after{display: block; position: absolute; content: ''; top: 0; left: 0; width: 16.66%; z-index: -1; height: 56px; background: #394d98;}
	.bo_sns_quick li.q7 span{width: 600%; text-align: left; font-size: 14px; padding: 14px 14px 14px 110px;z-index:-2;}
	.bo_sns_quick li span{display:block; left:0;}
	.contents img.ev_sns{padding-top:56px;}

	/* 일반게시판 모바일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}


	/* 겔러리게시판 UI */
	.bbs_gallery ul li{width:100%}
	.bbs_gallery ul li .photo{height: auto;min-height: 150px;}
	.bbs_gallery ul li .photo img{max-height: 220px;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;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}

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

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

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

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

	.comment_write .txt_input_box{flex-direction: column;height: auto;}
	.comment_write .txt_input_box textarea{width: 100%;height: 90px}
	.comment_write .txt_input_box input{width: 100%;height: 40px;display: inline-block;margin-top: 10px}

	.request_form_1{padding: 0}
	.request_form_1 .top_img{margin-bottom: 20px}
	.request_form_1 .top_info{padding: 20px 15px}
	.request_form_1 .input_wrap dl{flex-direction: column;margin-bottom: 15px}
	.request_form_1 .input_wrap input{width: 100%;}
	.request_form_1 .input_wrap select{width: 100%}

	 	
	.login_wrap{width: 100%}	
	.login_wrap .input_box{padding:0}
	.login_wrap .input_box input[type="submit"]{position: relative;width: 100%;height: 60px;margin-top: 7px}

	
	/*  추가 0903  */
    .login_wrap2{width: 100%}	
	.login_wrap2 .login_box{width: 100%; min-height:430px}	
	.login_wrap2 .input_box{padding:0}
	.login_wrap2 .input_box input[type="submit"]{position: relative;width: 100%;height: 60px;margin-top: 7px}

	.join_wrap .step_box{flex-direction: column;width: 100%;margin-bottom: 40px}
	.join_wrap .step_box::before{display: none;}
	.join_wrap .step_box dl{margin-bottom: 25px}
	.join_wrap .step_box dd{top: 0;left: 0;transform: translateX(0);-webkit-transform: translateX(0);position: relative;}
	.join_wrap .info_txt{padding: 20px 20px 10px 20px}

}

@media all and (max-width:500px){
.bo_sns_quick li.q7 a{background: url(/img/sub/ico_url.png) 2% 0 no-repeat;}
}

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

	.bbs_blog dl{padding:15px 5px}
	.bbs_blog dl dd.photo.no_img{height: 180px}
	.bbs_blog dl dd.photo{position:relative;top:0;left:0;display:block;margin:0 auto 15px;width:100%;height: 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}
	
}


/* new css */
.btn_board{display: inline-block;}

.btn_basic{display: inline-block;width: 112px;height: 44px;line-height: 44px;transition: all 0.2s}
.btn_basic.red_btn{color: #fff;background-color: #e25355;text-align: center;font-weight: bold;border:1px solid #e25355;}
.btn_basic.red_btn:hover{color: #e25355;background: #fff;}

.btn_write{display: inline-block;width: 112px;height: 44px;line-height: 44px;border:1px solid #1c1f23;text-align: center;color: #000;font-weight: bold;transition: all 0.2s;}
.btn_write:hover{background: #1c1f23;color: #fff;}

.btn_list{display: inline-block;width: 112px;height: 44px;line-height: 44px;border:1px solid #333;text-align: center;color: #3e4452;font-weight: bold;transition: all 0.2s;padding-left: 22px;position: relative;}
.btn_list::before{content: "";display: inline-block;width: 14px;height: 12px;position: absolute;left: 32px;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);background: url(../img/com_btn_ic.png) 0px -30px no-repeat;}
.btn_list:hover{background: #333;color: #fff;}
.btn_list:hover::before{background-position: -24px -30px}

@media all and (max-width: 640px){
	.btn_basic,.btn_write,.btn_list{width: 100px;height: 38px;line-height: 38px}
	.btn_list::before{left: 25px}
}



/* 업로드 */
.plupload_wrapper * { 	box-sizing: content-box; }
.plupload_button {	cursor: pointer;	outline: none;}
.plupload_wrapper {	font: normal 11px Verdana,sans-serif; 	width: 100%; 	min-width: 520px;	line-height: 12px;}
.plupload_container {	_height: 300px;	min-height: 300px;	position: relative;}
.plupload_filelist_footer {border-width: 1px 0 0 0}
.plupload_file {border-width: 0 0 1px 0}
.plupload_container .plupload_header {border-width: 0 0 1px 0; position: relative;}
.plupload_delete .ui-icon, .plupload_done .ui-icon,.plupload_failed .ui-icon {	cursor:pointer;	}
.plupload_header_content {	height: 46px;	padding: 0 160px 0 60px;	position: relative;}
.plupload_logo { 	width: 40px;	height: 40px;	background: url('../img/board/plupload.png') no-repeat 0 0;	position: absolute;	top: 8px;	left: 8px;}
.plupload_header_content_bw .plupload_logo {	background-position: -40px 0;}
.plupload_header_title {	font: normal 18px sans-serif;	line-height: 19px;	padding: 6px 0 3px;}
.plupload_header_text {	font: normal 12px sans-serif; }
.plupload_view_switch {	position: absolute;	right: 16px;	bottom: 8px;	margin: 0;	display: none;}
.plupload_view_switch .ui-button {	margin-right: -0.31em;}
.plupload_content {	position: absolute;	top: 76px;	bottom: 44px;	left: 0;	right: 0;	overflow-y: auto;	width: 100%;}
.plupload_filelist {	border-collapse: collapse;	border-left: none;	border-right: none;	margin: 0;	padding: 0;	width: 100%;	-moz-user-select: none;	-webkit-user-select: none;	user-select: none;}
.plupload_filelist_content {	padding: 0;	margin: 0;}
.plupload_cell {padding: 8px 6px;}
.plupload_file {	list-style: none;	display: block;	position: relative;	overflow: hidden;	line-height: 12px;}
.plupload_file_thumb {	position: relative;	background-image: none;	background-color: #eee;}
.plupload_thumb_loading {	background: #eee url(../img/board/loading.gif) center no-repeat;}
.plupload_thumb_loading .plupload_file_dummy,
.plupload_thumb_embedded .plupload_file_dummy {	display: none;}
.plupload_file_name {	overflow: hidden;	text-overflow: ellipsis;	white-space: nowrap;}
.plupload_filelist_header {	border-top: none;}
.plupload_filelist_footer {	position: absolute;	bottom: 0;	left: 0;	right: 0;}
.plupload_buttons { 	position: relative;}
/* list view */
.plupload_view_list .plupload_file {	border-left: none;	border-right: none;	border-top: none;	height: 29px;	width: 100% !important;
	/* fix IE6 vertical white-space bug */
	_float: left;
	_clear: left;
}
.plupload_view_list div.plupload_file_size, .plupload_view_list div.plupload_file_status,.plupload_view_list div.plupload_file_action {	padding: 8px 6px;	position: absolute;	top: 0;	right: 0;}
.plupload_view_list div.plupload_file_name {	margin-right: 156px;	padding: 8px 6px;	_width: 75%;}
.plupload_view_list div.plupload_file_size {	right: 28px;}
.plupload_view_list div.plupload_file_status {	right: 82px;}
.plupload_view_list .plupload_file_rename {	margin-left: -2px;}
.plupload_view_list .plupload_file_size, .plupload_view_list .plupload_file_status,.plupload_filelist_footer .plupload_file_size, .plupload_filelist_footer .plupload_file_status {	text-align: right; 	width: 52px;}
.plupload_view_list .plupload_file_thumb {	position: absolute;	top: -999px;}
.plupload_view_list .plupload_file_progress {	display: none;}
/* thumbs view */
.plupload_view_thumbs .plupload_content {	top: 57px;}
.plupload_view_thumbs .plupload_filelist_header {	display: none;}
.plupload_view_thumbs .plupload_file {	padding: 6px;	margin: 10px;	border: 1px solid #fff;	float: left;}
.plupload_view_thumbs .plupload_file_thumb,.plupload_view_thumbs .plupload_file_dummy {	text-align: center;	overflow: hidden}
.plupload_view_thumbs .plupload_file_dummy {	font-size: 21px;	font-weight: bold;	text-transform: lowercase;	overflow: hidden;	border: none;	position: absolute;	top: 0;	left: 0;	width: 100%;	height: 100%;}
.plupload_view_thumbs div.plupload_file_action {	position: absolute;	top: 0;	right: 0;}
.plupload_view_thumbs div.plupload_file_name {	padding: 0;	font-weight: bold;}
.plupload_view_thumbs .plupload_file_rename {	padding: 1px 0;	width: 100% !important;}
.plupload_view_thumbs div.plupload_file_size {	font-size: 0.8em;	font-weight: normal;}
.plupload_view_thumbs div.plupload_file_status {	position: relative;		height: 3px;	overflow: hidden;	text-indent: -999px;	margin-bottom: 3px;}
.plupload_view_thumbs div.plupload_file_progress {	border: none;	height: 100%;}
.plupload .ui-sortable-helper,.plupload .ui-sortable .plupload_file {	cursor:move;	}
.plupload_file_action {width: 16px;}
.plupload_file_name {	overflow: hidden;	padding-left: 10px;}
.plupload_file_rename {	border: none;	font: normal 11px Verdana, sans-serif;	padding: 1px 2px;	line-height: 11px;	height: 11px;}
.plupload_progress {width: 60px;}
.plupload_progress_container {padding: 1px;}
/* Floats */
.plupload_right {float: right;}
.plupload_left {float: left;}
.plupload_clear,.plupload_clearer {clear: both;}
.plupload_clearer, .plupload_progress_bar {	display: block;	font-size: 0;	line-height: 0;}
.plupload_clearer {height: 0;}
/* Misc */
.plupload_hidden {display: none !important;}
.plupload_droptext {	position: absolute;	top: 0;	left: 0;	right: 0;	bottom: 0;	background: transparent;	text-align: center;	vertical-align: middle;	border: 0;	line-height: 160px;	display: none;}
.plupload_dropbox .plupload_droptext {	display: block;}
.plupload_buttons, .plupload_upload_status {float: left}
.plupload_message {	position: absolute;top: -1px;	left: -1px;		height: 100%;	width: 100%;}
.plupload_message p {	padding:0.7em;	margin:0;}
.plupload_message strong {	font-weight: bold;	}
.plupload_message i {	font-style: italic;	}
.plupload_message p span.ui-icon {	float: left;	margin-right: 0.3em;	}
.plupload_header_content .ui-state-error,.plupload_header_content .ui-state-highlight {	border:none;	}
.plupload_message_close {	position:absolute;	top:5px;	right:5px;	cursor:pointer;	}
.plupload .ui-sortable-placeholder {	height:35px;}

/* 스케줄관리 */
.con1{
	margin:0; padding:0;
	width:810px;
}

.sch_form1, .sch_form2 {
	border: 1px solid #eee;
	width: 400px;
	height: auto;
	list-style-type: none;
	margin: 0;
	padding: 5px 0 0 0;
	float: left;
}
.sch_search1, .sch_search2 {
	margin: 0;
	padding:0;
	height:50px;
}

.sch_search1 li, .sch_search2 li {
	list-style-type: none;
	margin: 0 5px 5px 5px;
	padding: 5px;
	font-size: 1.2em;
}

#sortable1, #sortable2 {
	position:relative;
	border: 1px solid #eee;
	width: 400px;
	min-height: 644px;
	list-style-type: none;
	margin: 0;
	padding: 5px 0 0 0;
	float: left;
}
#sortable1 li, #sortable2 li {
	margin: 0 5px 5px 5px;
	padding: 5px;
	font-size: 1.2em;
}
#sortable2 li span {
	position: absolute;
	right:10px;
	display:inline-block;

}
#sortable1 li span {
		display:none;
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}


/* 오늘의 회화 */
.convo_view{width: 100%;border-top:2px solid #3e4452;padding-top: 18px;margin-bottom: 30px}
.convo_down_box{color: #333;font-family: 'NanumSquare';font-size: 20px;font-weight: bold;position: relative;padding-left: 45px;margin-left: 30px}
.convo_down_box .tit{position: absolute;left: 0;top: 3px}
.convo_down_box .sound_player{margin-top: 5px;display: none;}

.today_convo_txt{text-align: center;margin-top: 10px;}
.today_convo_txt .lang{font-size: 38px;color: #333;display: block;margin-top: 5px;font-weight: bold;line-height: 1.4}
.today_convo_txt .ko{font-size: 24px;color: #434343;font-family: 'NanumSquare';font-weight: bold;}
.today_convo_qna{margin: 30px 0;padding:0 30px}
.today_convo_qna .qna_list{border-bottom: 1px dashed #bcbcbc;padding: 20px 0;}
.today_convo_qna .qna_list:last-child{border-bottom: none;}
.today_convo_qna .list_box{margin-bottom: 15px;position: relative;padding-left: 45px;font-size: 16px;min-height: 34px;}
.today_convo_qna .list_box:last-child{margin-bottom: 0;}
.today_convo_qna .list_box .tit{position: absolute;top: -5px;left: 0;display: inline-block;width: 34px;height: 34px;border-radius: 50%;line-height: 34px;text-align: center;color: #fff;font-family: 'NanumSquare';font-size: 20px;font-weight: bold;}
.today_convo_qna .list_box .tit.type_a{background-color: #566bba}
.today_convo_qna .list_box .tit.type_b{background-color: #9f80bd}
.today_convo_qna .list_box li{word-break:break-word}

.convo_view .interpret_wrap{border-top:1px solid #dedede;border-bottom:1px solid #a5a5a5;background-color: #f8f8f8;}
.convo_view .interpret_wrap > div{border-bottom: 1px solid #dedede;padding: 50px 35px 30px 35px}
.convo_view .interpret_wrap > div:last-child{border-bottom: none;}
.convo_view .interpret_wrap h3{font-family: 'NanumSquare';font-size: 20px;color: #333;line-height: 1;margin-bottom: 15px;position: relative;}
.convo_view .interpret_wrap h3::before{content: "";display: inline-block;width: 44px;height: 26px;background: url(../img/ic_convo.png) no-repeat;position: absolute;left: -15px;top: -33px;}
.convo_view .interpret_wrap li{min-height: 37px;line-height: 37px;margin-bottom: 7px;}
.convo_view .interpret_wrap li:last-child{margin-bottom: 0}
.convo_view .interpret_wrap .word{display: inline-block;padding: 0 13px;margin-right: 12px;font-size: 17px;background-color: #e1d3ea;color:#8857a7}
.convo_view .interpret_wrap > div p{word-break:break-word}

.convo_day_info{display: inline-block;background-color: #6e6e6e;font-weight: bold;color: #fff;padding: 10px 15px;position: absolute;left: 0;}

@media all and (max-width: 640px){
	.today_convo_txt .lang{font-size: 24px}
	.today_convo_txt .ko{font-size: 18px}
	.convo_day_info{position: relative;padding: 8px 10px;float: left;}
}
@media all and (max-width: 450px){
	.convo_day_info{display: block;margin-bottom: 5px;width: 100%;text-align: center;}
}