@charset "utf-8";
/* 달력 */
@import url(/comm/js/jquery/themes/base/jquery.ui.all.css);

#detail_con{position:relative;padding:5% 0; word-wrap:break-word; word-break:keep-all;}

/* 프로그램 */
.w50{width:50px !important; min-width:50px !important}
.w60{width:60px !important; min-width:60px !important}
.w70{width:70px !important; min-width:70px !important}
.w80{width:80px !important; min-width:80px !important}
.w90{width:90px !important; min-width:90px !important}
.w100{width:100px !important; min-width:100px !important}
.w110{width:110px !important; min-width:110px !important}
.w120{width:120px !important; min-width:120px !important}
.w130{width:130px !important; min-width:130px !important}
.w140{width:140px !important; min-width:140px !important}
.w150{width:150px !important; min-width:150px !important}
.w160{width:160px !important; min-width:160px !important}
.w170{width:170px !important; min-width:170px !important}
.w180{width:180px !important; min-width:180px !important}
.w190{width:190px !important; min-width:190px !important}
.w200{width:200px !important; min-width:200px !important}
.w5p{width:5% !important}
.w7p{width:7% !important}
.w8p{width:8% !important}
.w9p{width:9% !important}
.w10p{width:10% !important}
.w13p{width:13% !important}
.w15p{width:15% !important}
.w18p{width:18% !important}
.w20p{width:20% !important}
.w25p{width:25% !important}
.w30p{width:30% !important}
.w40p{width:40% !important}
.w45p{width:45% !important}
.w50p{width:50% !important}
.w60p{width:60% !important}
.w70p{width:70% !important}
.w80p{width:80% !important}
.w90p{width:90% !important}
.w95p{width:95% !important}
.w100p{width:100% !important}
.margin_t5 {margin-top:5px !important}
.margin_t10 {margin-top:10px !important}
.margin_t15{margin-top:15px !important}

.hidden{position:fixed; top:-50000px; right:-50000px}
.deco_under{text-decoration:underline}
.scroll_table{overflow-x:auto}
.scroll_table table{width:100%; min-width:800px}
.scrollY{padding:20px 5px 20px 20px; border:3px solid #eee}
.scrollY>div.scroll_con{overflow-y:auto; padding-right:15px; max-height:300px; word-break:keep-all}
.input{margin:1px; padding:0px 5px; height:40px; line-height:40px; border:1px solid #ccc; vertical-align:middle; background:#f5f5f5; box-sizing:border-box}
select{font-size:15px}
input[type=text]{appearance:none; -moz-appearance:none; -webkit-appearance:none; -o-appearance:none; -ms-appearance:none}
input[type=submit]{cursor:pointer; appearance:none; -moz-appearance:none; -webkit-appearance:none; -o-appearance:none; -ms-appearance:none}
button{cursor:pointer; appearance:none; -moz-appearance:none; -webkit-appearance:none; -o-appearance:none; -ms-appearance:none}
input.radio,
input.checkbox{margin-right:5px; vertical-align:middle; width:18px; height:18px;}
.textarea{padding:10px; width:100%; border:1px solid #ccc; box-sizing:border-box}
.mode_kr{ime-mode:active} /*기본 한글 (한글+영어) */
.mode_en{ime-mode:inactive}/* 기본 영어(한글+영어)*/
.mode_onlyen{ime-mode:disabled}/* 영어만 */
/* 유튜브 등 동영상 반응형 */
.embed-container{position:relative;padding-bottom:56.2%;height:0;overflow:hidden;max-width:100%}
.embed-container iframe,embed-container object, .embed-container embed{position:absolute;top:0;left:0;width:100%;height:100%}


.btn{display:inline-block; text-align:center; margin:2px 0px 0px 0px; padding:0px 20px; min-width:145px; height:57px; line-height:57px; font-size:21px; background:#f0f0f0; border:1px solid #ccc; vertical-align:middle; box-sizing:border-box; letter-spacing:-.5px}
input.btn{cursor:pointer}
.sbtn{display:inline-block; text-align:center; padding:0px 12px; min-width:60px; height:30px; line-height:30px; border-width:0px; background:#333; color:#fff; font-size:15px; vertical-align:middle}
input.sbtn{cursor:pointer}
.mbtn{display:inline-block; text-align:center; margin:2px 0px 0px 0px; padding:0px 22px; min-width:60px; height:40px; line-height:40px; font-size:16px; background:#f0f0f0; border:1px solid #ccc; vertical-align:middle; box-sizing:border-box; letter-spacing:-.5px}
input.mbtn{cursor:pointer}
.btn_ok{background:#333; color:#fff !important; border-color:#333}
.btn_back{background:#fff; color:#484848}
.btn_input{display:inline-block; text-align:center; padding:0px 10px; min-width:90px; height:40px; line-height:40px; border-width:0px; background:#333; color:#fff !important; font-size:16px; vertical-align:middle}
.btn_board{display:inline-block; padding:1px 13px 2px !important; line-height:150%; letter-spacing:-1px; border-radius:60px;  border:1px solid #ccc !important; color:#484848 !important; font-size:14px}
.btnBox{margin-top:30px; text-align:right; font-size:0px}
.btnBox .btn{margin-left:5px}
.goUrl{display:inline-block; font-weight:bold; text-decoration:underline !important; color:#333}
.goWin{display:inline-block; padding-right:20px; background:url(/share/images/program/ic_window.gif) no-repeat right 7px}
/****************************************************************************************
	.tag_state - 상태(ex-강좌리스트, 예약)
	.lec_state - 강좌상태(큼, ex-상세)
	.tag_txt - 네모카테고리(네모 ex-리스트답변완료)
	.tag_cate - 둥근카테고리(원 ex-포토갤러리카테)
	.tag_ic - 리스트에서 타이틀 앞에 아이콘
*****************************************************************************************/
.tag_state{display:inline-block; text-align:center; padding:0px 10px 1px; min-width:50px; border-radius:100px; border:1px solid #ddd; line-height:140%; }
.lec_state{display:inline-block; text-align:center; padding:10px; min-width:110px; border-radius:3px; border:1px solid #ddd; line-height:150%; font-size:18px}
.tag_txt{display:inline-block; text-align:center; padding:2px 5px 5px; margin-right:8px; width:80px; line-height:16px; letter-spacing:-1px; border:1px solid #ddd}
.tag_cate{display:inline-block; text-align:center; margin:1px 0px; padding:0px 10px 1px; min-width:40px; border-radius:100px; border:1px solid #ddd; line-height:140%; }
.tag_ic{display:inline-block; vertical-align:middle; margin-right:7px; width:16px; height:20px; background-image:url(/share/images/program/ic_board.gif); text-indent:-5000px}
.tag_ic.ic_reply{margin-left:10px; background-position:left center}
.tag_ic.ic_open{background-position:-40px center}
.tag_ic.ic_close{background-position:-80px center}
.tag_ic.ic_new{width:33px; background-position:-120px center}
.tag_notice{margin-right:5px; color:#2b4e94; font-weight:bold; font-size:16px}
/* 태그 및 버튼 색상 */
.c_rd{border-color:#a82a2a; color:#a82a2a !important}
.c_gy{border-color:#ccc; color:#666 !important}
.c_bk{border-color:#333; color:#333 !important}
.c_bl{border-color:#2b4e94; color:#2b4e94 !important}
.c_gr{border-color:#30703f; color:#30703f !important}
.bg_rd{background:#a82a2a; border-color:#a82a2a; color:#fff !important}
.bg_bk{background:#333 !important; border-color:#333 !important; color:#fff !important}
.bg_bl{background:#2b4e94; border-color:#2b4e94; color:#fff !important}
.bg_gr{background:#30703f; border-color:#30703f; color:#fff !important}
.bg_gy{background:#666; border-color:#666; color:#fff !important}
/* 태그 및 버튼 색상 끝 */

.pgm_tit{margin-top:30px; margin-bottom:10px; font-size:24px; color:#333}
.program_tab{border:3px solid #e5e5e5; background:#f5f5f5}
.program_tab ul{padding:10px}
.program_tab ul li{display:inline-block; position:relative}
.program_tab ul li:after{content:''; position:absolute; top:15px; right:-1px; width:1px; height:17px; background:#ccc}
.program_tab ul li:last-child:after{display:none}
.program_tab ul li a{position:relative; display:block; padding:10px 25px; font-size:16px}
.program_tab ul li.select a{font-weight:bold; color:#2b4e94}
/*.program_tab ul li.select a:after{content:''; position:absolute; left:50%; bottom:-5px; width:8px; height:8px; border-bottom: solid 1px #333; border-left: solid 1px #333; background:#fff; -webkit-transform: rotate(-45deg); transform: rotate(-45deg);} */
.memoBox{margin-bottom:20px; padding:5%; border:6px solid #ddd}
.memoBox p.tit{margin-top:20px; font-size:16px; font-weight:bold}
.memoBox>p.tit:first-child{margin-top:0px}
.memoBox .memoCon{background:url(/share/images/program/note_line2.gif) left 0px; line-height:27px; word-break:keep-all}
.memoBox div.memoCon{position:relative; padding-left:13px; }
.memoBox div.memoCon:after{display:block; content:''; position:absolute; bottom:0px; left:0px; width:100%; height:1px; background:#fff}
.memoBox div.memoCon:before{display:block; content:''; position:absolute; top:14px; left:3px; width:4px; height:1px; background:#484848}
.memoBox div.memoCon br{position:relative; display:block; content:''}
.memoBox div.memoCon br:before{display:block; content:''; position:absolute; top:14px; left:-10px; width:4px; height:1px; background:#484848}
.memoBox .memoCon>li{position:relative; padding-left:13px; line-height:27px}
.memoBox .memoCon>li:before{display:block; content:''; position:absolute; top:14px; left:3px; width:4px; height:1px; background:#484848}
.memoBox .memoCon>li:last-child:after{display:block; content:''; position:absolute; bottom:0px; left:0px; width:100%; height:1px; background:#fff}
.memoBox .memoCon>li.nobl:before{display:none; padding-left:0px}
/*** 유의사항 ***/
div.note{margin:auto; margin-bottom:40px; width:80%; padding:0px 5%; border:4px solid #eee}
/* 단순입력 */
div.note>dl{position:relative; padding-left:210px; min-height:150px; border-top:1px dashed #666}
div.note>dl:first-child{border-top:0px}
div.note>dl>dt{position:absolute; top:48%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); -moz-transform:translateY(-50%); -o-transform:translateY(-50%); left:35px; padding-top:70px; font-size:18px; color:#333; letter-spacing:-1px; font-weight:bold; background-repeat:no-repeat; background-position:center top}
div.note>dl.attention>dt{background-image:url(/share/images/program/ic_attention.gif)}
div.note>dl.refund>dt{background-image:url(/share/images/program/ic_refund.gif)}
div.note>dl>dd{padding:30px 0px; }
div.note>dl>dd div{position:relative; background:url(/share/images/program/note_line.gif) left 0px; line-height:35px}
div.note>dl>dd div *{line-height:35px}
div.note>dl>dd div:after{display:block; content:''; position:absolute; bottom:0px; left:0px; width:100%; height:1px; background:#fff}
/* 단순입력 아니여도 됨 */
div.note>dl>dd ul{background:url(/share/images/program/note_line.gif) left 0px}
div.note>dl>dd ul+p{margin-top:20px; font-weight:bold}
div.note>dl>dd p+ul{margin-top:5px}
div.note>dl>dd ul li{position:relative; padding-left:15px; line-height:35px; word-break:keep-all}
div.note>dl>dd ul li:before{display:block; content:''; position:absolute; top:16px; left:3px; width:6px; height:1px; background:#484848}
div.note>dl>dd ul li:last-child:after{display:block; content:''; position:absolute; bottom:0px; left:0px; width:100%; height:1px; background:#fff}

/*** 검색 ***/
.search{text-align:center; margin-top:-1px; padding:3.5%; background:#f5f5f5; border:1px solid #ddd}
.program_tab+.search{margin-top:20px}
.tbox+.search{margin-top:30px}
.search .field *, 
.search .word *{vertical-align:top} /* /lll/network/teacher_status.jsp */ 
.search select{margin:2px 4px 2px 0px; padding:0px 30px 0px 10px; width:20%; max-width:138px; height:40px; line-height:40px; border:1px solid #ccc; appearance:none; -moz-appearance:none; -webkit-appearance:none; -o-appearance:none; -ms-appearance:none; background:#fff url(/share/images/program/select_arr.gif) no-repeat right 13px center}
.search select::-ms-expand{display:none}
.search.tearch_search select{margin-right:0px; margin-left:0px}
.search input[type=text]{margin-left:-1px; padding:0px 5px; width:100%; height:40px; line-height:40px; border:1px solid #ccc}
.search input[type=submit]{width:108px; height:40px; line-height:40px; border-width:0px; background:#333; color:#fff; font-size:18px}
.search .word{position:relative; display:inline-block; margin:2px 0px; width:50%; padding-right:112px}
.search .word input[type=submit]{position:absolute; right:0px; top:0px}
.search .range{display:inline-block; position:relative; width:42%}
.search .range.cal{ padding-right:35px; width:40%}
.search .range.cal img[src*=ic_cal]{position:absolute; top:2px; right:0px}
.search .field_gyeyak:After,
.search .field_gyeyak li:After{display:block; content:''; clear:both}
.search .field_gyeyak li{float:left; width:55%; text-align:left}
.search .field_gyeyak li:first-child{width:45%}
.search .field_gyeyak li:last-child dl{float:left; width:50%}
.search .field_gyeyak li:last-child dl:first-child{width:100%}
.search .field_gyeyak dl{position:relative; margin-top:5px; padding-left:90px; box-sizing:border-box}
.search .field_gyeyak dl dt{position:absolute; left:0px; top:5px; text-align:right; width:75px; font-weight:bold} 

.search .field_wastebiz li{clear:both; border-bottom:1px dotted #ccc}
.search .field_wastebiz li:last-child{border-bottom:none}
.search .field_wastebiz li:after{display:block; content:''; clear:both}
.search .field_wastebiz li dl{position:relative; float:left; width:47%; padding:7px 0 7px 130px; box-sizing:border-box; text-align:left}
.search .field_wastebiz li:nth-of-type(4) dl{width:65%}
.search .field_wastebiz li:nth-of-type(5) dl{width:100%}
.search .field_wastebiz li dl:first-child{margin-right:3%}
.search .field_wastebiz li dl dt{position:absolute; left:0px; top:7px; width:120px; height:40px; font-weight:bold} 
.search .field_wastebiz li:nth-of-type(1) dl dt, .search .field_wastebiz li:nth-of-type(2) dl dt, .search .field_wastebiz li:nth-of-type(3) dl dt{line-height:40px} 
.search .field_wastebiz select{min-width:100%; margin:0; padding:0px 20px 0px 10px}
.search .field_wastebiz .word{margin:0px; width:100%}


.search .search_btn{position:relative; margin-top:3%; padding-top:3%;  border-top:1px dotted #ccc}
.search .search_btn input[type=submit]{position:static;  min-width:20%} 
.search_array{margin-top:30px; margin-bottom:10px}
.search_array:after{display:block; content:''; clear:both}
.search_array div{float:left; margin-right:1.5%}
.search_array div:last-child,
.search_array div form:last-child{margin-right:0px}
.search_array div span{display:inline-block; position:relative; padding-right:13px; margin-right:3px; }
.search_array div span:after{display:block; content:':'; position:absolute; right:0px; top:-1px; width:5px; height:1px}
.search_array select{border:0px; padding-right:35px; appearance:none; -moz-appearance:none; -webkit-appearance:none; -o-appearance:none; -ms-appearance:none; background:url(/share/images/program/select_arr02.gif) no-repeat right 13px center}
.search_array select::-ms-expand{display:none}
.search_array div.term input[type=text]{border:0px; letter-spacing:0px; padding-bottom:5px; width:95px; background:url('/share/images/program/select_arr02.gif') no-repeat right 2px top 9px;}
.search_array div.term input[type=text]+img{display:none;}
.search_array div.term input[placeholder='검색 종료일']{margin-left:5px}
.search_array div.term input+img{cursor:pointer; padding:2px 5px 0px 5px; }
.search_array div.written{position:relative; float:right}
.search_array div.written:after{display:block; content:''; position:absolute; left:-9px; top:50%; width:5px; height:1px; background:#666}
.search_array div.array_btn input{padding:2px; width:70px; line-height:130%; border:1px solid #ccc; color:#333; background:#fff; border-radius:60px}
span.notice_btn {padding:5px; width:80px; line-height:130%; border:1px solid #ccc; color:#ffff80; background:#0000ff; }

/*** 리스트 ***/
.search+.board_list, form+.board_list{margin-top:30px}
.nodata{margin-top:20px; padding:80px 10px; text-align:center; font-size:16px; border-top:2px solid #333; border-bottom:1px solid #aaa}
.tit_arow{text-overflow:ellipsis; white-space:nowrap; overflow:hidden}
/* 일반 */
.board_list ul.generalList{padding-top:2px; border-top:2px solid #333; border-bottom:1px solid #aaa}
.board_list ul.generalList>li{position:relative; padding:15px 0px 15px; overflow:hidden; border-top:1px dotted #aaa}
.board_list ul.generalList>li:first-child{border-top:0px}
.board_list ul.generalList>li p{float:left; padding:4px 0 3px .5%; width:59.5%; text-overflow:ellipsis; overflow:hidden; white-space:nowrap}
.board_list ul.generalList>li p a{font-size:17px}
.board_list ul.generalList>li div.writer_info{float:right; width:38%}
.board_list ul.generalList>li div.writer_info ul{text-align:right; overflow:hidden}
.board_list ul.generalList>li div.writer_info ul li{display:inline-block; position:relative; margin-right:3px; padding:4px 0 4px 7px; font-size:15px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; vertical-align:middle}
.board_list ul.generalList>li div.writer_info ul li:before{display:inline-block; content:'/'; position:absolute; left:0px}
.board_list ul.generalList>li div.writer_info ul li:first-child:before{display:none}
.board_list ul.generalList>li div.writer_info ul li.writer{text-align:center; width:100px}
.board_list ul.generalList>li div.writer_info ul li.file{width:20px; padding-left:0px}
.board_list ul.generalList>li div.writer_info ul li.file:before{display:none}
.board_list ul.generalList>li div.writer_info ul li.file img{margin-top:-3px; vertical-align:middle;}
.board_list table.general_board{position:relative; margin-bottom:20px; width:100%; border-bottom:1px solid #263238;}
.board_list table.general_board caption{position:absolute; overflow:hidden; display:block; text-indent:-5000px; font-size:0; line-height:0; width:1px; height:1px;}
.board_list table.general_board thead th{padding:15px; font-weight:600; font-size:15px; color:#303844; letter-spacing:-1px; line-height:25px; border-top:2px solid #263238; border-bottom:1px solid #263238; background:#eee;}
.board_list table.general_board:before{position:absolute; left:0; top:-1px; width:1px; height:100%; background:#fff; display:block; content:"";}
.board_list table.general_board tbody th, 
.board_list table.general_board tbody td{text-align:center; vertical-align:middle; padding:12px; border-top:1px dotted #d4d4d4; /* overflow:hidden; white-space:nowrap; text-overflow:ellipsis; */}
.board_list.text_down table.general_board td { white-space:normal; }
.board_list table.general_board tbody tr:first-child td{padding-top:14px; border-top:0px;}
.board_list table.general_board tbody td.title{text-align:left;}
/* 포토(photoList-이미지,타이틀, photoList2-이미지,타이틀,내용 세로형)  */
.noimg.img{background:#f0f0f0; text-align:center; height:120px}
.noimg.img a{display:block; height:100%}
.noimg.img img{position:relative !important; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); width:auto !important; height:auto !important; min-height:auto !important; z-index:1 !important; }
ul.list_info li{position:relative; margin:4px 0px; padding-left:8px; box-sizing:border-box}
ul.list_info.col2{overflow:hidden}
ul.list_info.col2 li{float:left; margin-bottom:0px; width:50%; text-overflow:ellipsis; overflow:hidden; white-space:nowrap}
ul.list_info li:after{display:block; content:''; position:absolute; left:0px; top:10px; width:3px; height:3px; background:#aaa}
.board_list ul.photoList,
.board_list ul.photoList2{padding:25px 0px; overflow:hidden; border-top:2px solid #333; border-bottom:1px solid #ccc}
.board_list ul.photoList>li,
.board_list ul.photoList2>li{position:relative; float:left; margin:1.6%; width:30.1%; box-shadow:0px 1px 1px rgba(0,0,0,.05)}
.board_list ul.photoList>li p.img,
.board_list ul.photoList2>li p.img{position:relative; height:230px; overflow:hidden}
.board_list ul.photoList>li p.img a:after,
.board_list ul.photoList2>li p.img a:after{display:block; content:''; position:absolute; left:0px; top:0px; width:100%; height:100%; border:1px solid rgba(0,0,0,.05); box-sizing:border-box}
.board_list ul.photoList>li p.img img,
.board_list ul.photoList2>li p.img img{position:relative; top:50%; left:50%; transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); width:auto; min-width:100%; height:100%}
.board_list ul.photoList>li div.con,
.board_list ul.photoList2>li div.con{border:1px solid #ddd; border-top:0px}
.board_list ul.photoList>li div.con p.tit a,
.board_list ul.photoList2>li div.con p.tit a{color:#333}
.board_list ul.photoList>li div.con{padding:6.5% 7% 7.5%}
.board_list ul.photoList>li div.con p.tit{position:relative; text-align:center; padding-bottom:20px; font-size:18px; color:#333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.board_list ul.photoList>li div.con p.tit:after{display:block; content:''; position:absolute; left:49.5%; bottom:0px; width:4px; height:4px; border-radius:3px; background:#aaa; box-shadow:-8px 0px 0px #aaa, 8px 0px 0px #aaa}
.board_list ul.photoList>li div.con p.date{margin-top:15px; text-align:center}
.board_list ul.photoList2>li div.con{padding:6.5% 8% 9%}
.board_list ul.photoList2>li div.con p.tit{padding-bottom:10px; min-height:35px; font-size:18px; color:#333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.board_list ul.photoList2>li div.con p.txt{height:40px; overflow:hidden; line-height:140%}
.board_list ul.photoList2>li div.con p.cate{margin-top:20px; min-height:24px}
/* 갤러리(이미지,타이틀,내용 가로형) */
.board_list ul.galleryList{padding:5px 0px; border-top:2px solid #333; border-bottom:1px solid #aaa}
.board_list ul.galleryList>li{padding:25px 10px; overflow:hidden; border-top:1px dotted #aaa; word-break:keep-all}
.board_list ul.galleryList>li:first-child{border-top:0px}
.board_list ul.galleryList>li p.img{position:relative; float:left; width:32%; margin-right:4%; font-size:0px; height:215px; overflow:hidden; box-shadow:0px 1px 2px rgba(0,0,0,.2)}
.board_list ul.galleryList>li p.img img{position:absolute; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); -moz-transform:translateY(-50%); -o-transform:translateY(-50%); width:100%; min-height:215px}
.board_list ul.galleryList>li div.con{position:relative; float:left; padding-bottom:40px; width:64%; }
.board_list ul.galleryList>li div.con.w100p{padding-bottom:0px; height:auto}
.board_list ul.galleryList>li div.con p.tit{margin-bottom:10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.board_list ul.galleryList>li div.con p.tit a{font-size:23px; color:#333}
.board_list ul.galleryList>li div.con p.txt{line-height:150%}
.board_list ul.galleryList>li div.con p.cate{margin-top:15px}
.board_list ul.galleryList>li div.con ul.list_info{margin-top:10px}
.board_list ul.galleryList>li div.con p.tit+ul.list_info{margin-top:0px}
.board_list ul.ebookList{padding:20px 0px 25px; border-top:2px solid #333; border-bottom:1px solid #aaa; overflow:hidden}
.board_list ul.ebookList>li{float:left; position:relative; margin:2%; width:46%; border:1px solid #ddd; box-sizing:border-box; background:#fff; box-shadow:0px 1px 1px rgba(0,0,0,.05)}
.board_list ul.ebookList>li:before{display:block; content:''; position:absolute; left:-0.5%; top:1px; width:101%; height:98.5%; border:1px solid #ddd; z-index:-1}
.board_list ul.ebookList>li:after{display:block; content:''; clear:both}
.board_list ul.ebookList>li p.img{float:left; padding:7px; width:50%; height:314px; border-right:1px solid #ddd; box-sizing:border-box;}
.board_list ul.ebookList>li p.img img{width:100%; min-height:300px}
.board_list ul.ebookList>li div.con{position:relative; float:left; padding:5% 3% 65px 7%; width:50%; height:300px; box-sizing:border-box}
.board_list ul.ebookList>li div.con:before{display:block; content:''; position:absolute; right:-3px; top:0px; width:1px; height:312px; border:1px solid #ddd}
.board_list ul.ebookList>li div.con p.tit{font-size:21px; color:#333}
.board_list ul.ebookList>li div.con p.date{color:#666}
.board_list ul.ebookList>li div.con ul.ebook_btn{position:absolute; bottom:8px; width:72%}
.board_list ul.ebookList>li div.con ul.ebook_btn li{border-top:1px dotted #ccc}
.board_list ul.ebookList>li div.con ul.ebook_btn li:first-child{border-top:0px}
.board_list ul.ebookList>li div.con ul.ebook_btn li a{display:inline-block; padding:4px; padding-left:40px; font-weight:bold; background-position:10px center; background-repeat:no-repeat}
.board_list ul.ebookList>li div.con ul.ebook_btn li.ic01 a{background-image:url(/share/images/program/ic_ebook01.gif)}
.board_list ul.ebookList>li div.con ul.ebook_btn li.ic02 a{background-image:url(/share/images/program/ic_ebook02.gif)}
/* FAQ */
.board_list ul.faqList{border-top:2px solid #333; border-bottom:1px solid #aaa; overflow:hidden}
.board_list ul.faqList>li p.tit{border-bottom:1px dotted #aaa}
.board_list ul.faqList>li:last-child p.tit{border-bottom:0px}
.board_list ul.faqList>li p.tit a{position:relative; display:block; padding:15px 60px 15px 5px; font-size:17px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap}
.board_list ul.faqList>li p.tit a:after,
.board_list ul.faqList>li p.tit a:before{display:block; content:''; position:absolute; right:23.5px; top:26px; width:11px; height:1px; background:#666; transform:rotate(45deg); -webkit-transform:rotate(45deg)}
.board_list ul.faqList>li p.tit a:before{right:16px; transform:rotate(-45deg); -webkit-transform:rotate(-45deg)}
.board_list ul.faqList>li p.tit.open{border-width:0px; font-weight:bold}
.board_list ul.faqList>li p.tit.open a:after{right:16px}
.board_list ul.faqList>li p.tit.open a:before{right:23.5px}
.board_list ul.faqList>li div.con{display:none; padding:3% 4.5%; background:#f6f6f6; border-bottom:1px solid #ccc}
.board_list ul.faqList>li:last-child div.con{border-bottom:0px}
/* 강의 */
.board_list ul.lecList{overflow:hidden; padding-top:1px}
.board_list ul.lecList>li{position:relative; float:left; margin-bottom:10px; width:49.6%; box-sizing:border-box}
.board_list ul.lecList>li:nth-child(even){float:right}
.board_list ul.lecList>li:nth-child(1):after, 
.board_list ul.lecList>li:nth-child(2):after{display:block; content:''; position:absolute; top:-1px; left:0px; width:100%; height:2px; 
background:#333}
.board_list ul.lecList>li.close *{color:#888; font-weight:normal}
.board_list ul.lecList>li.close p.tit a{color:#888; font-weight:normal}
.board_list ul.lecList>li>div{padding:30px 30px 27px; border:1px solid #ddd;}
.board_list ul.lecList>li p.tit{padding-right:85px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden}
.board_list ul.lecList>li p.tit a{color:#333; font-size:21px;/*  font-weight:bold; */}
.board_list ul.lecList>li .tag_state{position:absolute; top:25px; right:25px; min-width:60px}
.board_list ul.lecList>li ul{overflow:hidden; margin-top:20px}
.board_list ul.lecList>li ul>li{position:relative; float:left; margin-top:3px; padding-left:8px; width:50%; min-width:210px; box-sizing:border-box; text-overflow:ellipsis; overflow:hidden; white-space:nowrap}
.board_list ul.lecList>li ul>li:after{display:block; content:''; position:absolute; left:0px; top:12px; width:3px; height:3px; background:#ccc}
.board_list ul.lecList>li ul>li.long{clear:both; float:none; width:100%; }
/* etcList */
.board_list .etcList{overflow:hidden}
.board_list .etcList>li{float:left; margin:1% 0px; padding:3% 3.5% 2.5%; width:49%; border:1px solid #ddd; box-sizing:border-box}
.board_list .etcList>li:nth-child(even){float:right}
.board_list .etcList>li:nth-child(1){border-top:2px solid #333}
.board_list .etcList>li:nth-child(2){border-top:2px solid #333}
.board_list .etcList>li p.part{font-size:14px}
.board_list .etcList>li p.tit{margin-top:7px; margin-bottom:10px; height:55px; overflow:hidden; word-break:keep-all}
.board_list .etcList>li p.tit.tit_arow{margin-bottom:15px; height:auto}
.board_list .etcList>li p.tit a{font-size:20px; color:#333; line-height:130%}
.board_list .etcList>li p.txt{height:45px; line-height:150%; overflow:hidden}
.board_list .etcList>li p.txt+ul.list_info{margin-top:5px}
/* etcList 폐기물관리자용*/
.board_list .etcList>li p.no{position:relative; letter-spacing:0;}
.board_list .etcList>li p.no span.tag_txt{position:absolute; top:3px; right:0;}
.board_list .etcList>li p.Wtit{margin:7px 0 15px; font-size:24px; font-weight:bold; word-break:keep-all}
.board_list .etcList>li p.Wtxt span {display:inline-block; position:relative; margin-right:18px; font-weight:bold;}
.board_list .etcList>li p.Wtxt span:after{display:block; content:''; position:absolute; right:-9px; top:5px; width:1px; height:12px; background:#999}
.board_list .etcList>li div.more {display:none; margin-top:5px; background:#f5f5f5; padding:5% 4%}
.board_list .etcList>li div.moreon {display:block}
.board_list .etcList>li div.more ul li{position:relative; padding-left:8px; line-height:28px; border-bottom:1px dotted #ccc}
.board_list .etcList>li div.more ul li:after{display:block; content:''; position:absolute; left:0px; top:13px; width:3px; height:3px; background:#666}
.board_list .etcList>li a.more_btn { display:block; width:60px; margin:0 auto; background:url(/share/images/program/Warrow.gif) no-repeat right 50%}
.board_list .etcList>li a.close_btn { display:block; width:100px; padding:5px 0; margin:10px auto 0; background:#666; border-radius:20px; text-align:center; color:#fff;}
.board_list .etcList>li ul.Wbtn {overflow:hidden; margin:20px 0}
.board_list .etcList>li ul.Wbtn li{float:left; width:24%; margin-right:2%}
.board_list .etcList>li ul.Wbtn li:last-child{margin-right:0}
.board_list .etcList>li ul.Wbtn li a{display:block; padding:10px 20px; background:#666; color:#fff; text-align:center; border-radius:20px}
.board_list .etcList>li ul.Wbtn li.blue a{background:#2b4e94}
.board_list .etcList>li ul.Wbtn li.red a{background:#a82a2a}
.board_list .etcList .Wtit {margin:7px 0 15px; font-size:24px; font-weight:bold; word-break:keep-all}
.board_list .etcList .Wtit:nth-child(3) {margin-top:30px;}
.waste_tab{position:relative; background:#333}
.waste_tab .gnb {position:absolute; right:0; top:0}
.waste_tab .gnb a {position:relative; display:block; float:left; padding:19px 20px 17px; color:#fff}
.waste_tab .gnb a:first-child:after{content:''; position:absolute; right:0px; top:23px; width:1px; height:10px; background:#444}
.waste_tab ul{overflow:hidden; padding-right:195px; border-top:3px solid #333}
.waste_tab ul li{position:relative; float:left; text-align:center; width:20%; min-width:200px;}
.waste_tab ul li:after{display:block; content:''; position:absolute; left:0px; top:17px; width:1px; height:16px; background:#444}
.waste_tab ul li:first-child:after{display:none}
.waste_tab ul li a{display:block; padding:12px 5px 17px; font-size:1.2em; color:#eaeaea}
.waste_tab ul li.select a{background:#fff; font-weight:bold; color:#333}
.waste_tab ul li.select:after{display:none}
.waste_tab ul li.select+li:after{display:none}
.waste_stats .field_wastebiz li dl {width:100%}
.waste_stats .field_wastebiz li:nth-child(3) dl select {min-width:50%}
.waste_stats .field_wastebiz li:nth-child(3) dl input[type=submit] {position:relative}
.waste_stats2 .field_wastebiz li dl {padding-left:80px}
.waste_stats2 .field_wastebiz li dl dt {width:80px}
.waste_stats2 .field_wastebiz dl select {min-width:50%}
.waste_stats2 .field_wastebiz dl input[type=submit] {position:relative}

/* nameList */
.board_list .nameList{overflow:hidden}
.board_list .nameList>li{float:left; margin:1% 1% 0 0; padding:3% 3.5% 2.5%; width:32%; text-align:center; border:1px solid #ddd; box-sizing:border-box}
.board_list .nameList>li:nth-child(3n){float:right; margin-right:0;}
.board_list .nameList>li:nth-child(1){border-top:2px solid #333}
.board_list .nameList>li:nth-child(2){border-top:2px solid #333}
.board_list .nameList>li:nth-child(3){border-top:2px solid #333}
.board_list .nameList>li p{color:#666;}
.board_list .nameList>li p.tag{display:inline-block; padding:5px 20px; border:1px solid #cecece; border-radius:15px; color:#000}
.board_list .nameList>li p.tit{margin-top:7px; margin-bottom:10px; overflow:hidden; font-size:18px; font-weight:bold; color:#000;}

/* 설문 */
.board_list .surveyList{overflow:hidden}
.board_list .surveyList>li{float:left; margin:1% 0px; padding:2.5% 3%; width:49%; border:1px solid #eee; background:#f5f5f5; box-sizing:border-box}
.board_list .surveyList>li.open{background:#fff; border:1px solid #ddd}
.board_list .surveyList>li:nth-child(even){float:right}
.board_list .surveyList>li:nth-child(1){border-top:2px solid #333}
.board_list .surveyList>li:nth-child(2){border-top:2px solid #333}
.board_list .surveyList>li p.tit{margin-top:3px; margin-bottom:10px; height:60px; overflow:hidden}
.board_list .surveyList>li p.tit a{font-size:21px; color:#333; line-height:130%}
/* 마이페이지 
.board_list .myList{border-top:2px solid #333}
.board_list .myList>li{overflow:hidden; margin-bottom:10px; padding:2.5% 3%; border:1px solid #ddd}
.board_list .myList>li:first-child{border-top:0px}
.board_list .myList>li p.tit{overflow:hidden}
.board_list .myList>li p.tit a{font-size:1.4em; color:#333; line-height:130%}
.board_list .myList>li div.con{margin-top:15px; padding-right:100px; position:relative; }
.board_list .myList>li div.con ul.list_info{overflow:hidden}
.board_list .myList>li div.con ul.list_info li{float:left; width:50%}
.board_list .myList>li div.con ul.mypage_btn{position:absolute; right:0px; top:0px}
.board_list .myList>li div.con ul.mypage_btn li{margin-bottom:3px}
.board_list .myList>li div.con ul.mypage_btn li a{text-align:center; width:70px} */
/* 한줄리스트 */
.board_list .oneList{border-top:2px solid #333}
.board_list .oneList>li{overflow:hidden; margin-bottom:10px; padding:2.5% 3%; border:1px solid #ddd}
.board_list .oneList>li:first-child{border-top:0px}
.board_list .oneList>li p.tit{overflow:hidden}
.board_list .oneList>li p.tit a{font-size:21px; color:#333; line-height:130%}
.board_list .oneList>li div.con{margin-top:15px; position:relative; }
.board_list .oneList>li div.con ul.list_info{overflow:hidden}
.board_list .oneList>li div.con ul.list_info li{float:left; width:50%}
.board_list .oneList>li div.con ul.list_info li.long{clear:both; float:none; width:100%; }
.board_list .oneList.haveBtn>li div.con{padding-right:130px}
.board_list .oneList>li div.con ul.oneList_btn{position:absolute; right:0px; top:0px}
.board_list .oneList>li div.con ul.oneList_btn li{margin-bottom:3px}
.board_list .oneList>li div.con ul.oneList_btn li a{text-align:center; min-width:70px}
/* 데이타형식 */
table.dataTable{position:relative; margin-top:5px; width:100%; border-spacing:0; border-collapse:collapse}
table.dataTable:before{display:block; content:''; position:absolute; left:0px; top:0px; width:100%; height:3px; background:#333}
table.dataTable caption{position:fixed; top:-50000px; right:-500000px}
table.dataTable th, 
table.dataTable td{padding:8px 1%; border:1px solid #ccc; border-top:0px}
table.dataTable td:last-child,
table.dataTable th:last-child{border-right:0px}
table.dataTable td:first-child,
table.dataTable th:first-child{border-left:0px}
table.dataTable th{font-weight:bold}
table.dataTable thead th{padding:12px 1%; background:#f0f0f0}

/* 페이지 */
a.page_btn.btn_first,
a.page_btn.btn_prev,
a.page_btn.btn_next,
a.page_btn.btn_last{display:inline-block; text-indent:-50000px; width:25px; height:30px; background-position:center center; background-repeat:no-repeat; background-size:17px 20px; vertical-align:middle}
a.page_btn.btn_first{background-image:url(/share/images/program/btn_first.gif)}
a.page_btn.btn_prev{margin-right:15px; background-image:url(/share/images/program/btn_prev.gif)}
a.page_btn.btn_next{margin-left:15px; background-image:url(/share/images/program/btn_next.gif)}
a.page_btn.btn_last{background-image:url(/share/images/program/btn_last.gif)}
.paging{text-align:center; margin:50px 0px 20px; font-size:0px; }
.paging a{display:inline-block; text-align:center; min-width:30px; line-height:30px; font-size:16px; vertical-align:middle}
.paging a.select{background:#333; color:#fff; }
.paging_mb{text-align:center; margin:30px 0px; letter-spacing:-2px}
.paging_mb .input{text-align:center; width:50px}
.paging_mb .btn_input{min-width:60px}
.paging_mb a.page_btn{border:1px solid #ddd; width:12%; height:40px; line-height:40px; letter-spacing:0px; box-sizing:border-box}
.paging_mb a.page_btn.btn_prev{margin-right:5px}
.paging_mb a.page_btn.btn_next{margin-left:5px}
.paging_mb a.page_btn.btn_first,
.paging_mb a.page_btn.btn_last{text-indent:0px; color:#666; min-width:60px}
.paging_mb a.page_btn.btn_first{text-align:center; padding-right:20px; background-position:right 8px center}
.paging_mb a.page_btn.btn_last{text-align:center; padding-left:20px; background-position:left 8px center}

/*** 상세 ***/
/* 작성정보,첨부파일(상세,) */
.data_list{margin-top:-1px; border-top:1px solid #ccc; border-bottom:1px solid #ccc}
.title+.data_list{margin-top:0px; border-top:0px}
.comment+.data_list{margin-top:50px}
.data_list>li{overflow:hidden; border-top:1px dotted #ccc}
.data_list>li:first-child{border-top:0px}
.data_list>li dl{display:table; width:100%}
.data_list>li.col2 dl{float:left; width:50%}
.data_list>li dl>dt, 
.data_list>li dl>dd{display:table-cell; padding:11px 5px; padding-left:20px}
.data_list>li dl dt{width:120px; font-weight:bold; color:#333; white-space:nowrap}
.data_list>li.longDt dl{padding:8px 0px}
.data_list>li.longDt dl dt{float:left; width:auto; padding-bottom:0px; padding-top:0px}
.data_list>li.longDt dl dd{float:left; padding-top:0px}
.data_cell{padding:0px; margin-top:15px; margin-bottom:20px}
.title+.data_cell{margin-top:0px}
.data_cell>ul{border-top:2px solid #333; border-bottom:1px solid #ccc}
.data_cell>ul>li{border-top:1px dashed #ddd}
.data_cell>ul>li:first-child{border-top:0px}
.data_cell ul li dl{display:table; margin:3px 0px; width:100%}
.data_cell ul li dl dt,
.data_cell ul li dl dd{display:table-cell; padding:10px 2%}
.data_cell ul li dl dt{text-align:center; width:20%; background:#eee; font-weight:bold}
.data_cell ul li img{vertical-align:middle}
.data_cert>ul{border-top:2px solid #333; border-bottom:1px solid #ccc; width:100%}
.data_cert>ul>li{border-top:1px dashed #ddd}
.data_cert>ul>li:first-child{border-top:0px}
.data_cert ul li dl{display:table; margin:3px 0px; width:100%}
.data_cert ul li dl dt,
.data_cert ul li dl dd{display:table-cell; padding:10px 2%; font-size:20px; }
.data_cert ul li dl dt{text-align:center; width:30%; background:#eee; font-weight:bold}
.data_cert ul li img{vertical-align:middle}
.data_cert div.title{text-align:center; margin-top:-1px; padding:35px 10px; border-top:2px solid #333; border-bottom:1px solid #333; width:100%}
.data_cert div.title p{font-size:24px; color:#333; font-weight:bold}
.add_file dl{display:table; width:100%}
.add_file dl>dt,
.add_file dl>dd{display:table-cell; padding:5px 0px; padding-left:20px}
.add_file dl>dt{width:110px; font-weight:bold; color:#333}
.add_file{position:relative; padding:5px 80px 6px 0px; background:#f9f9f9; border-bottom:1px solid #ddd}
.add_file dl>dd ul li{position:relative; padding-left:15px}
.add_file dl>dd ul li img{vertical-align:middle}
.add_file dl>dd ul li span.byte{padding-left:5px; color:#666; font-weight:bold; font-size:14px; letter-spacing:0px}
/*.add_file dl>dd ul li:before{display:block; content:''; position:absolute; top:12px; left:3px; width:6px; height:1px; background:#484848} */
.add_file .alldown{position:absolute; right:30px; top:15px}
.board_view{}
.board_view div.title{text-align:center; margin-top:-1px; padding:35px 10px; border-top:2px solid #333; border-bottom:1px solid #333}
.board_view div.title p{font-size:24px; color:#333; font-weight:bold}
.board_view div.title p.period{display:inline-block; margin-top:10px; padding:0px 20px; font-size:16px; background:#e3e3e3; border-radius:60px; letter-spacing:0px; }
.board_view div.stateBox{margin-top:20px; text-align:right}
.board_view div.con{border-bottom:1px solid #ccc}
.board_view div.con img{max-width:100%}
.board_view div.con .photo{margin:40px auto; width:90%; text-align:center}
.board_view div.con .photo p{display:inline-block; margin-top:20px; max-width:100%; font-size:14px}
.board_view div.con .photo p span{display:block}
.board_view div.con .detail{margin:40px auto 50px; width:90%}
.board_view div.con .detail_movie{margin:40px auto 50px; width:90%}
.board_view div.con .photo+.detail{margin-top:80px}
.board_view div.con .openNuri{text-align:right; font-size:0px}
.board_view div.con .openNuri img{margin-bottom:-1px}
.board_view div.con table td, .board_view div.con table th{border:1px solid #ccc}
.photoView{margin:0px auto 40px; width:90%; max-width:650px}
.photoView p{position:relative; width:100%; height:420px; overflow:hidden}
.photoView p img{position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); max-height:420px}
.photoView ul{margin-top:5px; text-align:center; font-size:0px}
.photoView ul li{display:inline-block; width:14.3%; height:60px; overflow:hidden; border:3px solid #fff}
.photoView ul li.on{border-color:#333}
.photoView ul li img{width:100%; min-height:65px}
.btn_preview{padding:1px 15px 3px; font-size:14px; font-weight:bold; background:#333; color:#fff; border-radius:50px}
.btn_preview span{color:#fff}
.contact{padding:20px; margin-top:40px; border:4px solid #eee; overflow:hidden}
.contact>div{position:relative; float:left; width:50%}
.contact>div.map{height:400px; overflow:hidden}
.contact>div.map_info{padding-left:3%; width:45%}
.contact>div.map_info p.name{font-weight:bold; font-size:16px}
.contact>div.map_info ul{margin-top:20px}
.contact>div.map_info ul li{position:relative; padding-left:10px; }
.contact>div.map_info ul li:After{display:block; content:''; position:absolute; left:0px; top:12px; width:5px; height:1px; background:#666}


/* 댓글 */
.comment{padding:3.5% 4% 2%; border:6px solid #eee}
.comment div.comment_writer{margin-bottom:20px}
.comment div.comment_writer ul{overflow:hidden}
.comment div.comment_writer ul li{position:relative; float:left; margin-right:1%; width:25%}
.comment div.comment_writer ul li label{font-weight:bold}
.comment div.comment_writer input[type=text],
.comment div.comment_writer input[type=password]{text-align:center; margin-top:3px; border:0px; border:1px solid #aaa; padding:8px 0px; width:100%; font-weight:bold}
.comment div.comment_form{position:relative; padding-right:140px; }
.comment div.comment_form textarea{padding:10px 2%; width:96%; height:68px; background:#EEE; border:1px solid #ddd; line-height:150%; }
.comment div.comment_form input[type=submit]{position:absolute; right:0px; top:0px; width:140px; height:90px; font-size:18px; background:#fff; border:1px solid #ccc; color:#333}
.comment div.comment_view ul.comment_list li{position:relative; padding:22px 5px 24px; border-top:1px dashed #ccc; }
.comment div.comment_view ul.comment_list li:first-child{border-top:0px; }
.comment div.comment_view ul.comment_list li p.writer{padding-right:70px}
.comment div.comment_view ul.comment_list li p.writer span.name{font-weight:bold}
.comment div.comment_view ul.comment_list li p.writer span.date{font-size:14px}
.comment div.comment_view ul.comment_list li p.txt{margin-top:8px; font-size:14px; line-height:130%; }
.comment div.comment_view ul.comment_list li a.del_comment{display:block; position:absolute; top:22px; right:5px; padding-left:22px; padding-right:8px; height:22px; line-height:20px; border:1px solid #ccc; font-size:14px; color:#666}
.comment div.comment_view ul.comment_list li a.del_comment:before,
.comment div.comment_view ul.comment_list li a.del_comment:after{display:block; content:''; position:absolute; top:6px; left:12px; width:1px; height:12px; background:#333; transform:rotate(45deg); -webkit-transform:rotate(45deg)}
.comment div.comment_view ul.comment_list li a.del_comment:before{transform:rotate(-45deg); -webkit-transform:rotate(-45deg)}
.comment .paging{margin:20px 0px 40px}
.comment .paging a{font-size:15px}
.comment a.page_btn.btn_first,
.comment a.page_btn.btn_prev,
.comment a.page_btn.btn_next,
.comment a.page_btn.btn_last{min-width:20px; height:25px}
.comment a.page_btn.btn_prev{margin-right:5px}
.comment a.page_btn.btn_next{margin-left:5px}
.comment.pop_comment{padding:2% 5%; border:0px}
/* QNA */
.board_reply{margin-top:-1px; border-top:1px solid #333; border-bottom:1px solid #ccc}
.board_reply>div{padding:4% 3.5%; border-top:1px solid #333}
.board_reply>div.reply_bribe{padding:0px; margin-bottom:20px; border-bottom:1px solid #ccc}
.board_reply>div.reply_bribe>ul{}
.board_reply>div.reply_bribe>ul>li{border-bottom:1px dashed #ddd}
.board_reply>div.reply_bribe ul li dl{display:table; margin:3px 0px; width:100%}
.board_reply>div.reply_bribe ul li dl dt,
.board_reply>div.reply_bribe ul li dl dd{display:table-cell; padding:10px 2%}
.board_reply>div.reply_bribe ul li dl dt{text-align:center; width:20%; background:#eee; font-weight:bold}
.board_reply>div.reply_bribe ul li img{vertical-align:middle}
.board_reply>div.reply_bribe>dl{display:table; padding:3px 0px; width:100%; border-bottom:1px dashed #ddd}
.board_reply>div.reply_bribe>dl dt,
.board_reply>div.reply_bribe>dl dd{display:table-cell; padding:10px 2%}
.board_reply>div.reply_bribe>dl dt{text-align:center; width:20%; background:#f0f0f0; font-weight:bold}
.board_reply>div.reply_bribe>dl dd ul li{position:relative; padding-left:9px}
.board_reply>div.reply_bribe>dl dd ul li:after{display:block; content:''; position:absolute; left:0px; top:12px; width:4px; height:1px; background:#888}
.board_reply>div.reply_bribe>dl.corrupt dd{font-weight:bold}
.board_reply>div.reply_bribe>dl.reporter{border-bottom:0px}
.board_reply>div.reply_bribe>dl.reporter dd ul li{font-size:14px}
.board_reply>div.reply_bribe>dl.reporter dd ul li span{font-weight:bold}
.board_reply>div .add_file{margin-top:5%; background:transparent; border-top:1px solid #ccc}
.board_reply>div .data_list{border-bottom:0px}
.board_reply>div .writer+.data_list{margin-top:5%}
.board_reply>div.reply_q .writer{font-size:16px; font-weight:bold}
.board_reply>div.reply_q .tit{margin:20px 0px 12px; font-weight:bold; font-size:18px}
.board_reply>div.reply_a{background:#f5f5f5}
.board_reply>div.reply_a .tit{margin-bottom:20px}
.board_reply>div.reply_a .writer{margin-top:10px}
/* 설문 */
.survey_frame{position:relative; margin-top:-1px; border-top:3px solid #333; box-sizing:border-box}
.survey_frame>ul{border:1px solid #ccc; border-top:0px}
.survey_frame>ul>li{padding:5% 4.5%; border-top:1px dashed #ccc}
.survey_frame>ul>li:first-child{border-top:0px dashed #ccc}
.survey_frame>ul>li:nth-child(3n-1){background:#f7f7f7}
.survey_frame>ul>li:nth-child(3n){background:#f0f0f0}
.survey_frame .q{margin-bottom:10px; font-size:18px; color:#333}
.survey_frame .a{margin-left:5px; }
.survey_frame .a li{margin:2px 0px}
.survey_frame.write .a{margin-top:20px}
.survey_frame.write .a li{margin-top:5px}
.survey_frame .a_img{overflow:hidden}
.survey_frame .a_img li{float:left; width:24%; margin-left:1%}
.survey_frame .a_img li img{max-width:100%; height:150px}
.survey_frame.write .a_img{margin-top:20px}
.survey_frame input:checked+label{font-weight:bold; color:#333}
.ratio_graph{border-left:1px solid #ddd; margin-left:1%; margin-top:20px; font-size:0px; width:100%; white-space:nowrap}
.ratio_graph:after{display:block; content:''; overflow:hidden}
.ratio_graph>li{position:relative; margin:2px 0px; height:15px;  border-left:2px solid #fff; box-sizing:border-box}
.ratio_graph .survey_ratio.ratio01{background:#ffb1b1}
.ratio_graph .survey_ratio.ratio02{background:#e97b19}
.ratio_graph .survey_ratio.ratio03{background:#ffdc50}
.ratio_graph .survey_ratio.ratio04{background:#8cda57}
.ratio_graph .survey_ratio.ratio05{background:#50c373}
.ratio_graph .survey_ratio.ratio06{background:#3d9eaa}
.ratio_graph .survey_ratio.ratio07{background:#4095d0}
.ratio_graph .survey_ratio.ratio08{background:#618be0}
.ratio_graph .survey_ratio.ratio09{background:#7961e0}
.ratio_graph .survey_ratio.ratio10{background:#b561e0}
.ratio_graph .survey_ratio span{display:block; position:absolute; right:-55px; top:-5px; width:50px; text-align:left; font-size:13px}
/* 이전글 다음글 */
.other_con{margin-top:70px; border-top:1px solid #333; border-bottom:1px solid #333}
.other_con li{position:relative; padding:11px 8px; padding-left:130px; border-top:1px dotted #ccc; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.other_con li:first-child{border-top:0px}
.other_con span{display:block; position:absolute; text-align:center; width:130px; height:100%; left:0px; top:11px; font-weight:bold}

/*** 작성 ***/
.board_write{border-top:2px solid #333; margin-top:-1px}
.board_write ul li{padding:20px 7px 25px; border-bottom:1px solid #ddd}
.board_write ul li.title{border-bottom:1px solid #333}
.board_write ul li dl{display:table; width:100%}
.board_write ul li dl dt{display:table-cell; font-weight:bold; color:#333; font-size:16px; width:20%}
.board_write ul li dl dt span{font-weight:normal}
.board_write ul li dl dt span.ps{display:inline-block; font-size:14px}
.board_write ul li dl dt span.ps:before{display:inline-block; content:''; margin:-1px 5px 0px 9px; width:2px; height:12px; background:#aaa; vertical-align:middle }
.board_write ul li dl dd span.ps{display:block; margin-top:10px; padding:5px; background:#f0f0f0; font-size:14px}
.board_write ul li dl dd{display:table-cell; margin-top:12px}
.myParking .board_write ul li dl dd{display:block; margin-top:12px}
/* .board_write ul li dl dt{font-weight:bold; color:#333; font-size:16px}
.board_write ul li dl dt span{font-weight:normal}
.board_write ul li dl dt span.ps{display:inline-block; font-size:14px}
.board_write ul li dl dt span.ps:before{display:inline-block; content:''; margin:-1px 5px 0px 9px; width:2px; height:12px; background:#aaa; vertical-align:middle }
.board_write ul li dl dd{margin-top:12px} */
.board_write ul li.readonly dl dt,
.board_write ul li.readonly dl dd{display:inline-block; margin:0px; margin-right:3%; }
.board_write ul li.oneline dl dt,
.board_write ul li.oneline dl dd{display:inline-block; margin:0px; margin-right:3%; }
.board_write input[type=file]{margin:1px; padding:6px 5px; width:50%; height:40px; border:1px solid #ccc; vertical-align:middle;  box-sizing:border-box}
.board_write input[type=text],
.board_write input[type=password]{margin:1px; padding:0px 5px; height:40px; line-height:40px; width:60%; border:1px solid #ccc; vertical-align:middle; background:#f5f5f5; box-sizing:border-box; appearance:none; -moz-appearance:none; -webkit-appearance:none; -o-appearance:none; -ms-appearance:none}
.board_write input[type=radio],
.board_write input[type=checkbox]{margin-right:5px; vertical-align:middle; width:18px; height:18px;}
.board_write select{vertical-align:middle; margin:2px 0px; padding:6px; min-width:200px}
.board_write textarea{padding:10px; width:100%; border:1px solid #ccc; box-sizing:border-box}
.board_write img{vertical-align:middle}
.need{font-size:14px; margin-left:5px; color:#a50e0e; font-weight:bold !important}
.chkList li{display:inline-block; padding:0px !important; margin-left:3%; border:0px !important}
.chkList li input:checked+label{font-weight:bold; color:#333}
.chkList li input[type=radio],
.chkList li input[type=checkbox]{margin-right:5px; vertical-align:middle; width:18px; height:18px}
.chkList li:first-child{margin-left:0%}

/* 비밀번호입력 */
.password{text-align:center; margin:7% auto 20px; padding:20px 0% 50px; width:90%; max-width:720px; background:#f5f5f5; border:3px solid #e3e3e3}
.password p{display:inline-block; padding:40px 0px 40px 85px; font-size:16px; background:url(/share/images/program/ic_password.gif) no-repeat left center}
.password>div{margin:auto; font-size:2px}
.password>div input[type=password]{width:50%; text-align:center; font-size:16px;background:#fff}
.password>div input[type=submit]{width:17%}
.password+.btnBox{margin:auto; width:90%; max-width:720px}
/* 동의 */
.agree{padding-bottom:30px}
.agree .tit{margin-top:30px; margin-bottom:10px; font-size:24px; color:#333}
.agree .agree_txt{position:relative; margin-top:10px; margin-left:3px; font-size:16px}
.agree .agree_txt input[type=checkbox]{position:absolute; left:0px;}
.agree .agree_txt input[type=checkbox]+label{display:block; margin-left:30px}
.agree textarea{border:0px}
.agree .textarea textarea, 
.agree .textarea>div{padding:2%; width:96%; height:330px; overflow-y:auto}

/*** 스케쥴 ***/
.schedule div.month{position:relative; margin:auto; width:340px}
.schedule div.month p{text-align:center; margin:25px 0px 30px; font-size:53px; color:#888}
.schedule div.month p span{font-weight:bold; font-size:1em; color:#333}
.schedule div.month ul{}
.schedule div.month ul li{position:absolute; top:17px; }
.schedule div.month ul li.btn_prev{left:0px}
.schedule div.month ul li.btn_next{right:0px}
.schedule div.month ul li a{display:block; position:relative; width:50px; height:50px; text-indent:-5000px}
.schedule div.month ul li a:after,
.schedule div.month ul li a:before{display:block; content:''; position:absolute; left:50%; width:1px; height:50%; background:#333; border-radius:1px}
.schedule div.month ul li a:before{top:5px; transform:rotate(45deg); -webkit-transform:rotate(45deg)}
.schedule div.month ul li a:after{top:22px; transform:rotate(-45deg); -webkit-transform:rotate(-45deg)}
.schedule div.month ul li.btn_next a:before{transform:rotate(-45deg); -webkit-transform:rotate(-45deg)}
.schedule div.month ul li.btn_next a:after{transform:rotate(45deg); -webkit-transform:rotate(45deg)}
.schedule table{width:100%; border-top:2px solid #333; border-collapse:collapse; table-layout:fixed; position:relative}
.schedule table caption{position:fixed; top:-50000px; left:-50000px}
.schedule table .sun, .schedule table .sun p{color:#a82a2a}
.schedule table .sat, .schedule table .sat p{color:#2b4e94}
.schedule table thead th{position:relative; padding:10px 5px; font-size:16px}
.schedule table thead th:after{display:block; content:''; position:absolute; left:0px; top:17px; width:1px; height:15px; background:#aaa}
.schedule table thead th:first-child:after{display:none}
.schedule table thead tr{border-bottom:1px solid #222}
.schedule table tbody td{vertical-align:top; width:14.2%; border:1px solid #e0e0e0; border-width:0px 0px 1px 1px; height:120px}
.schedule table tbody td:first-child{border-left:0px}
.schedule table tbody td>p.date{text-align:center; width:35px; height:35px; line-height:35px; border:1px solid #e0e0e0; border-width:0px 1px 1px 0px; font-size:16px; background:#fff}
.schedule table tbody td>ul{padding:10% 13% 13%}
.schedule table tbody td>ul>li{padding:3px 2px;  border-top:1px dotted #ccc; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; word-break:break-all}
.schedule table tbody td>ul>li:first-child{border-top:0px}
.schedule table tbody td.close{background:#f5f5f5}
.schedule table tbody td>ul>li.close a{color:#9F5959}
.schedule table tbody td>ul>li.close a:hover{color:#905050; text-decoration:line-through}
.schedule table tbody td.close li a{color:#8e8e8e}
.schedule table tbody td>ul.book{}
.schedule table tbody td>ul.sch_list{padding:15px 7px; text-align:left}
.schedule table tbody td>ul.sch_list>li{font-size:12px}
.schedule table tbody td>ul.sch_list>li span.tag{font-weight:bold; }
.schedule table tbody td>ul.sch_list>li div.con{display:none; position:absolute; left:0px; margin-top:4px; padding:5% 6%; ; width:100%; background:#eee; box-shadow:0px 1px 3px rgba(0,0,0,.5); z-index:1}
.schedule table tbody tr:nth-last-of-type(1) td>ul.sch_list>li div.con,
.schedule table tbody tr:nth-last-of-type(2) td>ul.sch_list>li div.con{bottom:0;}
.schedule table tbody td>ul.sch_list>li div.con>p.tit{padding-bottom:20px; font-size:23px; color:#333; border-bottom:2px solid #333; text-overflow:ellipsis; overflow:hidden}
.schedule table tbody td>ul.sch_list>li div.con>ul{padding-bottom:3px; border-bottom:1px solid #aaa}
.schedule table tbody td>ul.sch_list>li div.con>ul>li{padding:7px 7px 9px; border-top:1px dashed #ccc; white-space:normal; font-size:15px}
.schedule table tbody td>ul.sch_list>li div.con>ul>li:first-child{padding-top:10px; border-top:0px}
.schedule table tbody td>ul.sch_list>li div.con>ul>li>p{padding:2px; display:inline-block; vertical-align:top}
.schedule table tbody td>ul.sch_list>li div.con>ul>li>p.q{min-width:100px; font-weight:bold}
.schedule table tbody td>ul.sch_list>li div.con p.close_con{margin-top:40px; text-align:center}
.schedule table tbody td>ul.sch_list>li div.con p.close_con a{display:inline-block; padding:10px; width:120px; background:#333; color:#fff; font-size:18px}
.schedule_week{}
.schedule_week dl.list{position:relative; padding:20px 0px; min-height:80px; border-bottom:1px solid #aaa}
.schedule_week dl.list dt{position:absolute; left:0px; top:30px; text-align:center; width:100px; font-size:30px; color:#333; line-height:100%}
.schedule_week dl.list dt span{display:block; font-size:9px}
.schedule_week dl.list dd{padding-left:120px}
.schedule_week dl.list dd>ul>li{position:relative; border-top:1px dotted #ccc}
.schedule_week dl.list dd>ul>li:first-child{border-top:0px}
.schedule_week dl.list dd>ul>li a{display:block; padding:8px 160px 10px 130px}
.schedule_week dl.list dd>ul>li .time{position:absolute; left:5px; top:7px; width:100px; font-size:17px; color:#666}
.schedule_week dl.list dd>ul>li .tit{font-size:17px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap}
.schedule_week dl.list dd>ul>li .place{display:inline-block; position:absolute; right:0px; top:10px; text-align:center; padding:0px 10px; min-width:70px; max-width:130px; color:#666; border:1px solid #ddd; border-radius:50px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap}
.schedule_week dl.list dd>ul>li div.con{display:none; margin-top:10px; padding:30px; background:#f0f0f0}
.schedule_week .nodata{border-top:0px}

/*** 팝업페이지 ***/
.pop_page{padding-bottom:80px}
.pop_page .popTop{text-align:center; padding:35px 5%; border-bottom:1px solid #333}
.pop_page .popTop p.tit{text-align:left; letter-spacing:-1px; font-size:22px; word-break:keep-all; color:#333}
.pop_page .popTop p.tit .sfont {font-size:15px;}
.pop_page .popTop p.tit_vote{text-align:center; letter-spacing:-1px; font-size:30px; word-break:keep-all; color:#333}
.pop_page .popCon{padding:6% 8%}
.pop_page .popCon ul.qalist>li{position:relative; padding:4px 0px; padding-left:150px; }
.pop_page .popCon ul.qalist>li .q{position:absolute; left:0px; width:140px; font-size:17px}
.pop_page .popCon ul.qalist>li .blind{display:inline-block; position:relative; bottom:-5px; text-align:center; width:40%; letter-spacing:2px; font-size:18px; line-height:30px}
.pop_page .popTbox{margin-top:30px; padding:25px 20px 30px 25px; border:4px solid #ddd}
.pop_page .popTbox .bfont{font-size:16px}
.pop_page .popTbox .list_info.bfont li{margin:3px 0px; font-size:16px; letter-spacing:0px}
.pop_page .pop_close{position:fixed; bottom:0px; width:100%; z-index:1}
.pop_page .pop_close a,
.pop_page .pop_close input[type=submit]{display:block; text-align:center; padding:15px 10px 15px; background:#333; color:#fff; font-size:18px; font-weight:bold; border:0px; width:100%; cursor:pointer}

/*******************************************************************************************************************/

@media screen and (min-width:801px){
 .dp_mb{display:none !important}
}

@media screen and (max-width:1280px){
	.board_list ul.photoList li p.img{height:190px}
	.board_list ul.photoList li p.img img{min-height:190px}
	.board_list ul.lecList>li ul>li{width:100%}
	.board_list .etcList>li p.tit{height:55px}
	.board_list .surveyList>li p.tit{height:55px}
}

@media screen and (max-width:800px){
	.dp_pc{display:none}

	.btnBox{margin-top:40px; text-align:center}	
	.search{padding:3.5% 0%}
	.search select{width:25%}
	.search .word{padding-right:75px; width:65%}
	.search input[type=submit]{width:70px}	
	.search .field_gyeyak{padding:0% 4%}
	.search .field_gyeyak li{float:none; width:100% !important}
	.search .field_gyeyak li:first-child dl{float:left; width:40%}
	.search .field_gyeyak li:first-child dl:first-child{width:60%}
	.search .field_gyeyak li:last-child dl{width:33% !important; margin-left:.3%}
	.search .field_gyeyak dl{padding-left:0px}
	.search .field_gyeyak dl dt{position:static; text-align:left}
	.search .field_wastebiz {padding:0% 4%}
	.waste_stats .field_wastebiz li dl select {display:block; margin-bottom:5px;}
	.waste_stats .field_wastebiz li:nth-child(3)  dl select {display:inline-block; margin-bottom:0;}
	.waste_stats2 .field_wastebiz li dl {width:100%;}

	ul.list_info.col2 li{float:none; width:100%}
	.board_list{margin-top:20px}	
	.board_list ul.generalList>li p{float:none; width:100%}
	.board_list ul.generalList>li div.writer_info{float:none; margin-top:10px; width:100%}
	.board_list ul.generalList>li div.writer_info ul{text-align:left}
	.board_list ul.generalList>li div.writer_info ul li.writer{padding-left:10px; width:auto}
	.board_list ul.lecList>li{width:100%; margin:3px 0px}		
	.board_list ul.lecList>li:nth-child(2):after{display:none}
	.board_list ul.lecList>li>div{padding:10px 15px 15px; border-width:0px 0px 1px 0px}
	.board_list ul.lecList>li .tag_state{top:15px; right:15px; min-width:60px; }
	.board_list ul.lecList>li ul{margin-top:8px}
	.board_list ul.lecList>li.close *{color:#aaa}
	.board_list ul.photoList>li,
	.board_list ul.photoList2>li{margin:1.5%; width:47%}
	.board_list ul.photoList>li p.img{height:170px}
	.board_list ul.photoList>li div.con p.tit{font-weight:bold}
	.board_list ul.galleryList>li p.img{width:40%; margin-right:4%; height:160px}
	.board_list ul.galleryList>li p.img img{min-height:160px}
	.board_list ul.galleryList>li div.con{width:55%; height:auto; min-height:120px}
	.board_list ul.ebookList{white-space:nowrap; overflow-x:auto}
	.board_list ul.ebookList>li{float:none; display:inline-block; border:0px; box-shadow:none; width:210px}
	.board_list ul.ebookList>li:before{display:none}
	.board_list ul.ebookList>li p.img{float:none; padding:0px; width:100%; max-height:284px; border:0px;}
	.board_list ul.ebookList>li p.img img{min-height:270px}
	.board_list ul.ebookList>li div.con{float:none; padding:10px 5px; width:100%; height:auto}
	.board_list ul.ebookList>li div.con:before{display:none}
	.board_list ul.ebookList>li div.con ul.ebook_btn{position:static; margin-top:10px; width:100%}
	.board_list ul.ebookList>li div.con ul.ebook_btn li a{padding-left:35px; background-position:5px center}	
	.board_list .etcList>li{float:none; width:100%}
	.board_list .etcList>li:nth-child(even){float:none}
	.board_list .etcList>li:nth-child(2){border-top:1px solid #ddd}
	.board_list .etcList>li p.tit{margin-bottom:10px; height:auto; text-overflow:ellipsis; overflow:hidden; white-space:nowrap}
	.board_list .surveyList>li{float:none !important; padding:20px; width:100%}
	.board_list .surveyList>li:nth-child(2){border-top:0px}
	.board_list .surveyList>li.open{border-color:#666; border-top-color:#333}
	.board_list .surveyList>li p.tit{margin-top:3px; height:auto; text-overflow:ellipsis; overflow:hidden; white-space:nowrap}
	.board_list .surveyList>li p.tit a{}
	/* .board_list .oneList>li div.con ul.list_info li{width:100%}*/
	.board_list .oneList.haveBtn>li div.con{padding-right:0px}
	.board_list .oneList>li div.con ul.oneList_btn{position:static; text-align:center; margin-top:20px; padding:15px 10px 3px; border-top:1px dashed #ccc}
	.board_list .oneList>li div.con ul.oneList_btn li{display:inline-block}
	.board_list .oneList>li div.con ul.oneList_btn li	.tag_txt{margin-right:0px}
	.data_list>li.col2 dl{float:none; width:100%; border-top:1px dotted #ccc}
	.data_list>li.col2 dl:first-child{border-top:0px}
	.data_cell ul li dl dt{width:40%}
	.add_file dl>dt,
	.data_list>li dl>dt,
	.add_file dl>dd,
	.data_list>li dl>dd{padding-left:15px}
	.add_file dl>dt,
	.data_list>li dl dt{width:80px}
	.add_file .alldown{right:10px; top:10px}	
	.photoView p{height:200px}
	.photoView p img{max-height:200px}
	.contact>div.map{height:200px; overflow:hidden}
	.contact>div.map_info ul{margin-top:10px}
	.contact>div.map_info ul li{font-size:14px}
	.contact>div.map_info ul li:After{top:10px}
	.note>dl{padding-left:0px}
	div.note>dl>dt{position:relative; top:20px; transform:translateY(0%); -webkit-transform:translateY(0%); -ms-transform:translateY(0%); -moz-transform:translateY(0%); -o-transform:translateY(0%); left:0px; text-align:center; }
	div.note>dl>dd div{padding:0px 5px; line-height:27px;  background-image:url(/share/images/program/note_line2.gif)}
	div.note>dl>dd div *{line-height:27px}
	.comment div.comment_writer ul li{width:32%}
	.comment div.comment_form{padding-right:100px; }
	.comment div.comment_form input[type=submit]{width:100px}
	.board_write ul li dl{display:block}
	.board_write ul li dl dt{display:block; width:100%}
	.board_write ul li dl dd{display:block}
	.board_reply>div{padding:30px 25px}
	.survey_frame>ul>li{padding:30px}
	.survey_frame .a_img li{float:none; margin-left:0%; width:100%; overflow:hidden}
	.survey_frame .a_img li img{height:100px}
	.survey_frame .a_img li>p{float:left; width:50%}
	.survey_frame .a_img li>p.txt{padding-left:2%; width:48%}
	.other_con{margin-top:50px}
	.other_con li{padding-left:100px}
	.other_con span{width:100px}
	.schedule div.month{width:100%}
	.schedule div.month p{margin:0px 0px 20px; font-size:45px}
	.schedule div.month ul li{top:6px}
	.schedule table thead th{display:none}
	.schedule table tbody td.blank{display:none}
	.schedule table tbody td{display:block; width:100%; border:0px; height:auto}
	.schedule table tbody td p.date{text-align:center; margin-top:5px; width:100%; border:0px; background:#484848; color:#fff}	
	.schedule table tbody td.sun p.date{background:#a82a2a}
	.schedule table tbody td.sat p.date{background:#2b4e94}
	.schedule table tbody td ul{padding:5px 20px 10px}
	.schedule table tbody td>ul>li.close a{text-decoration:line-through}	
	.schedule table tbody td>ul.sch_list>li div.con{position:static}
	.schedule_week dl.list{padding:30px 0px}
	.schedule_week dl.list dt{position:relative; top:0px; text-align:center; padding:5px 10px; width:100px; font-size:18px; font-weight:bold; color:#fff; background:#484848; border-radius:60px}
	.schedule_week dl.list dt span{display:inline; padding-left:5px; font-weight:normal}
	.schedule_week dl.list dd{padding-top:10px; padding-left:5px}
	.schedule_week dl.list dd>ul>li a{padding:8px 0px}
	.schedule_week dl.list dd>ul>li .time{display:none}
	.schedule_week dl.list dd>ul>li .tit{}
	.schedule_week dl.list dd>ul>li .place{display:none}
	.schedule_week dl.list dd>ul>li div.con{display:none; margin-top:10px; padding:30px; background:#f0f0f0}
	.join_step li{font-size:16px !important}
	.join_step li:after{margin:5px 15px 5px 5px}
	.join_step li span.txt{display:none}	
	.join_step li span.num{margin-right:0px; width:27px !important; line-height:27px !important}
	.join_step li.select span.num{margin-right:5px}
	.join_step li.select span.txt{display:inline-block}

	.join li{margin:0% 0% 20px; width:100%; border-top:3px solid #333}
	.joinFinish{text-align:center; margin:40px auto 60px; padding:0px; max-width:100%; background:none; border:0px}
	.joinFinish dl{display:inline-block; padding:130px 0px 0px; background-position:center  top}
	#contents .login{padding:5%; width:85%; border:0px; background:none}
	#contents .login p.tit{float:none; margin-top:30px; width:100%}
	#contents .login div.con{float:none; margin:8% auto; width:100%}
	.password_txt{position:relative; padding:20px; width:auto; left:0px; top:0px}
	.password_txt:After{top:-10px; left:35px; border-left-color:transparent; border-bottom-color:#333}
	.map_service{position:static; width:auto; background:transparent; border-radius:0px; overflow:visible; box-shadow:none}
	.map_service div.map_search{position:fixed; padding:20px; padding-left:100px; width:100%; border-bottom:0px; box-sizing:border-box; z-index:101}
	.map_service div.map_search>div{background:#fff; border-radius:5px; overflow:hidden; box-shadow:0px 1px 2px rgba(0,0,0,.5) }
	.map_service ul.map_menu{position:absolute; padding:20px 5px 18px; width:80px; height:100%; background:#fff; overflow-y:scroll; box-sizing:border-box; z-index:102; box-shadow:0px 0px 2px rgba(0,0,0,.2)}
	.map_service ul.map_menu>li{float:none; padding:0px 0px; width:auto}	
	.map_service div.map_result{position:absolute; padding-left:80px; max-height:100%; height:100%; width:100%; background:#fff; z-index:101}
	.map_service div.map_result::-webkit-scrollbar, .map_service ul.map_menu::-webkit-scrollbar{width:2px}
	.map_service div.map_result::-webkit-scrollbar-thumb, .map_service ul.map_menu::-webkit-scrollbar-thumb{background:#ccc}
	.map_service div.map_result p.noresult{padding-top:20%}
	.map_service div.map_result p.noresult span{display:block; margin-bottom:5px}
	.job_search .inner dl dd ul.list li {width:50%;}
	.job_search .keyword input[type=text] {width:70%;}
	.job_search .keyword input[type=submit] {width:25%;}
	
	.waste_tab ul {padding-top:50px; padding-right:0;}
	.waste_tab ul li {width:33.3%; min-width:auto}
	.waste_tab ul li a {letter-spacing:-.5px;}
	.search .field_wastebiz li dl{padding:7px 0 7px 95px}
	.search .field_wastebiz li dl dt{width:90px; height:40px} 
	.search .field_wastebiz li:nth-of-type(4) dl{width:100%}
}

@media screen and (max-width:480px){
	.program_tab{position:relative}	
	.program_tab:after{display:block; content:''; position:absolute; right:0px; top:0px; width:50px; height:100%;
	background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(230,230,230,1) 100%); 
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(230,230,230,1) 100%); 
	background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(230,230,230,1) 100%)}
	.program_tab ul{padding-right:30px; white-space:nowrap; font-size:0px; overflow-x:auto}	
	/* .program_tab ul::-webkit-scrollbar{height:3px}
	.program_tab ul::-webkit-scrollbar-thumb{background:#333; border-radius:3px} */
	.program_tab ul li a{padding:15px 20px 15px}
	.program_tab ul li.select a:after{display:none}
	.search .field_gyeyak li:first-child dl{width:100%}
	.search .field_gyeyak li:first-child dl:first-child{width:100%}
	.board_list ul.photoList,
	.board_list ul.photoList2{padding:0px; border:0px}
	.board_list ul.photoList>li,
	.board_list ul.photoList2>li{margin:1% 0%; width:100%; box-shadow:none}
	.board_list ul.photoList2>li p.noimg{display:none}	
	.board_list ul.photoList2>li p.noimg+div.con{display:block}
	.board_list ul.photoList2>li p.noimg+div.con p.tit{white-space:normal}
	.board_list ul.photoList2>li p.noimg+div.con p.tit a{display:block; display:flex; align-items:center; justify-content:center; height:188px}
	.board_list ul.photoList2>li p.noimg+div.con ul.list_info{display:none}	
	.password p{padding:85px 0px 30px; background-position:center 10px}
	.agree .textarea textarea, .agree .textarea>div{height:155px}	
	.pop_page .popCon ul.qalist>li{margin-bottom:10px; padding-left:0px}
	.pop_page .popCon ul.qalist>li .q{position:relative; width:auto; font-size:16px}
	.pop_page .popCon ul.qalist>li .a{margin-top:5px}
	.pop_page .popTbox{margin-top:30px}
	.pop_page .popTbox .list_info.bfont li{font-size:15px}
	.joinfinish dl{padding:150px 0px 0px; background-position:center 20px}
	.job_search .inner dl dd ul.list li {width:100%;}
}