@charset "utf-8";
/* 프로그램 */
.w50{width:5rem !important; min-width:5rem !important}
.w60{width:6rem !important; min-width:6rem !important}
.w70{width:7rem !important; min-width:7rem !important}
.w80{width:8rem !important; min-width:8rem !important}
.w90{width:9rem !important; min-width:9rem !important}
.w100{width:10rem !important; min-width:10rem !important}
.w110{width:11rem !important; min-width:11rem !important}
.w120{width:12rem !important; min-width:12rem !important}
.w130{width:13rem !important; min-width:13rem !important}
.w140{width:14rem !important; min-width:14rem !important}
.w150{width:15rem !important; min-width:15rem !important}
.w160{width:16rem !important; min-width:16rem !important}
.w170{width:17rem !important; min-width:17rem !important}
.w180{width:18rem !important; min-width:18rem !important}
.w190{width:19rem !important; min-width:19rem !important}
.w200{width:20rem !important; min-width:20rem !important}
.w250{width:25rem !important; min-width:25rem !important}
.w5p{width:5% !important}
.w6p{width:6% !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}
.w22p{width:22% !important}
.w25p{width:25% !important}
.w30p{width:30% !important}
.w33p{width:33% !important}
.w35p{width:35% !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_t15{margin-top:1.5rem !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:80rem}
.scrollY{padding:2rem 0.5rem 2rem 2rem; border:0.3rem solid #eee}
.scrollY>div.scroll_con{overflow-y:auto; padding-right:1.5rem; max-height:30rem; word-break:keep-all}
.input{margin:1px; padding:0 0.5rem; height:4rem; line-height:4rem; border:1px solid #ccc; vertical-align:middle; background:#f5f5f5; box-sizing:border-box}
select{font-size:1.6rem}
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:0.5rem; vertical-align:middle; width:1.8rem; height:1.8rem;}
.textarea{padding:1rem; 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, .embed-container video{position:absolute;top:0;left:0;width:100%;height:100%}



.btn{display: inline-flex; align-items: center; justify-content: center; text-align: center; padding: 1.3rem 2.5rem; height:5rem; color: #FFF; font-size: 2rem; font-weight: 600; line-height: 5rem; letter-spacing: -0.04rem; border-radius: 0.5rem; background: #4E433C;}
input.btn{border: none; line-height: 0; cursor:pointer;}
.board_list .sbtn{padding:0 1.2rem; margin-left: 0;}
.sbtn{display:inline-block; text-align:center; padding:0 1.2rem; height:3rem; line-height:3rem; border-width:0; background:#333; color:#fff; font-size:1.5rem; vertical-align:middle}
input.sbtn{cursor:pointer}
.mbtn{display:inline-block; text-align:center; margin:2px 0 0 0; padding:0 2rem; height:3.6rem; line-height:3.6rem; font-size:1.7rem; font-weight: 700; background:#f0f0f0; border:1px solid #ccc; vertical-align:middle; box-sizing:border-box; border-radius: 0.5rem;}
input.mbtn{cursor:pointer}
.btn_ok{padding-left: 5.7rem; background-image: url(/literature/share/images/program/btn_ok.svg); background-repeat: no-repeat; background-position: 2.5rem 1.3rem; background-size: 2.4rem;}
.btn_back{background:#333; color:#fff !important; border-color:#333;}
.btn_list{padding-left: 5rem; background: #363636 url(/literature/share/images/program/btn_list.svg) no-repeat 2.5rem center / 1.8rem;}
.btn_input{display:inline-block; text-align:center; padding:0 1rem; margin-left: 0.5rem; min-width:9rem; height:5.6rem; line-height:5.6rem !important; border-width:0; background:#333; color:#fff !important; font-size:1.6rem; vertical-align:middle}
.btn_board{display:inline-block; padding:2px 1.3rem 0 !important; font-weight: 400; border-radius:6rem; border:1px solid #ccc !important; color:#484848 !important; font-size:1.4rem}
.btnBox{margin-top:3rem; text-align: center; font-size:0}
.btnBox .btn+.btn{margin-left:0.5rem; margin-right: 0.5rem;}
.btn-box {display: flex; justify-content: center; align-items: center; gap: 0.8rem; margin: 8rem auto 0 auto; max-width: 93.2rem;}
.goUrl{display:inline-block; font-weight:500; text-decoration:underline !important; color:#333}
.goWin{display:inline-block; padding-right:2rem; background:url(../images/program/ic_window.gif) no-repeat right 0.7rem / 1.5rem;}
/****************************************************************************************
	.tag_state - 상태(ex-강좌리스트, 예약)
	.lec_state - 강좌상태(큼, ex-상세)
	.tag_txt - 네모카테고리(네모 ex-리스트답변완료)
	.tag_cate - 둥근카테고리(원 ex-포토갤러리카테)
	.tag_ic - 리스트에서 타이틀 앞에 아이콘
*****************************************************************************************/
.tag_state{display:inline-block; text-align:center; padding:0 1rem 1px; min-width:5rem; border-radius:10rem; border:1px solid #ddd; line-height:140%;}
.lec_state{display:inline-block; text-align:center; padding:1rem; min-width:11rem; border-radius:0.3rem; border:1px solid #ddd; line-height:150%; font-size:1.8rem}
.tag_txt{display:inline-block; text-align:center; padding:2px 0.5rem 0.5rem; margin-right:0.8rem; width:8rem; line-height:1.6rem; letter-spacing: -0.05em; border:1px solid #ddd}
.tag_cate{display:inline-block; text-align:center; margin:1px 0; padding:0.2rem 1rem 0 1rem; min-width:4rem; border-radius:10rem; font-size: 1.5rem; border:1px solid #ddd; line-height:140%;}
.tag_ic{display:inline-block; vertical-align:middle; margin-right:0.7rem; width:1.6rem; height:2rem; background-image:url(../images/program/ic_board.gif); text-indent:-5000px; background-size: 16rem;}
.tag_ic.ic_reply{margin-left:1rem; background-position:left center}
.tag_ic.ic_open{background-position:-4rem center}
.tag_ic.ic_close{background-position:-8rem center}
.tag_ic.ic_new{width:3.3rem; background-position:-12rem center}
.tag_notice{margin-right:0.5rem; color:#2b4e94; font-weight:500; font-size:1.6rem}
.btn_lectureApply {position:absolute; right:2.5rem; top:5.5rem; display:inline-block; padding:1px 1rem 2px; color:#fff !important; line-height:140%; border-radius:10rem; background:#333;}


/* 태그 및 버튼 색상 */
.c_rd{border-color:#ED5945; color:#ED5945 !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:#ED5945; border-color:#ED5945; 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:3rem; margin-bottom:1rem; font-size:2.4rem; color:#333}
.program_tab {display: flex; margin: 0 auto 3rem auto; padding: 0.8rem; max-width: 93.2rem; width: 100%; min-height: 7.2rem; border-radius: 3.6rem; background: #F2F1FA;}
.program_tab>li {flex: 1 1 auto;}
.program_tab>li>a {display: flex; align-items: center; justify-content: center; padding: 1.4rem 1rem 1rem; height: 100%; text-align: center; border-radius: 4.4rem; color: #000; font-size: 1.7rem;}
.program_tab>li.select>a {color: #fff;   background: var(--main);}
.progrma_stab{display: flex; gap: 0.5rem; margin-bottom: 2rem;}
.progrma_stab>li{position: relative;}
.progrma_stab>li::before{content: ''; position: absolute; left: 0; top: calc(50% - 1.4rem / 2); width: 1px; height: 1.4rem; background: #ddd;}
.progrma_stab>li:first-child::before,
.progrma_stab>li.select::before,
.progrma_stab>li.select+li::before{display: none;}
.progrma_stab>li>a{display: block; padding: 1.4rem 2rem; color: #444; font-size: 1.6rem; letter-spacing: -0.034rem; border-radius: 0.4rem; border: 0.1rem solid #ccc;}
.progrma_stab>li.select>a{color: #fff; font-weight: 700; letter-spacing: -0.032rem; background: #0695A8; border-color: #0695A8;}
.program_tbox{margin: 0 auto 6rem auto; padding: 2.4rem 3.2rem; max-width: 93.2rem; width: 100%; line-height: 2.4rem; letter-spacing: 0.01rem; border-radius: 0.4rem; background: #F5F5F5;}
.program_tbox li{position: relative; padding-left: 1rem;}
.program_tbox li::before{content: ''; position: absolute; left: 0; top: 0.8rem; width: 0.4rem; height: 0.4rem; border-radius: 50%; background: #444;}
.memoBox{margin-bottom:2rem; padding:5%; border:0.6rem solid #ddd}
.memoBox p.tit{margin-top:2rem; font-size:1.6rem; font-weight:bold}
.memoBox>p.tit:first-child{margin-top:0}
.memoBox .memoCon{background:url(../images/program/note_line2.gif) left 0 / 2px; line-height:2.7rem; word-break:keep-all}
.memoBox div.memoCon{position:relative; padding-left:1.3rem;}
.memoBox div.memoCon:after{display:block; content:''; position:absolute; bottom:0; left:0; width:100%; height:1px; background:#fff}
.memoBox div.memoCon:before{display:block; content:''; position:absolute; top:1.4rem; left:0.3rem; width:0.4rem; height:1px; background:#484848}
.memoBox div.memoCon br{position:relative; display:block; content:''}
.memoBox div.memoCon br:before{display:block; content:''; position:absolute; top:1.4rem; left:-1rem; width:0.4rem; height:1px; background:#484848}
.memoBox .memoCon>li{position:relative; padding-left:1.3rem; line-height:2.7rem}
.memoBox .memoCon>li:before{display:block; content:''; position:absolute; top:1.4rem; left:0.3rem; width:0.4rem; height:1px; background:#484848}
.memoBox .memoCon>li:last-child:after{display:block; content:''; position:absolute; bottom:0; left:0; width:100%; height:1px; background:#fff}
.memoBox .memoCon>li.nobl:before{display:none; padding-left:0}
/*** 유의사항 ***/
div.note{margin:auto; margin-bottom:4rem; width:80%; padding:0 5%; border:0.4rem solid #eee}
/* 단순입력 */
div.note>dl{position:relative; padding-left:21rem; min-height:15rem; border-top:1px dashed #666}
div.note>dl:first-child{border-top:0}
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:3.5rem; padding-top:7rem; font-size:1.8rem; color:#333; letter-spacing:-0.05em; font-weight:500; background-repeat:no-repeat; background-position:center top}
div.note>dl.attention>dt{background-image:url(../images/program/ic_attention.gif); background-size: 6.5rem;}
div.note>dl.refund>dt{background-image:url(../images/program/ic_refund.gif); background-size: 6.5rem;}
div.note>dl>dd{padding:3rem 0;}
div.note>dl>dd div{position:relative; background:url(../images/program/note_line.gif) left 0; line-height:3.5rem;}
div.note>dl>dd div *{line-height:3.5rem;}
div.note>dl>dd div:after{display:block; content:''; position:absolute; bottom:0; left:0; width:100%; height:1px; background:#fff}
/* 단순입력 아니여도 됨 */
div.note>dl>dd ul{background:url(../images/program/note_line.gif) left 0 / 2px;}
div.note>dl>dd ul+p{margin-top:2rem; font-weight:bold}
div.note>dl>dd p+ul{margin-top:0.5rem}
div.note>dl>dd ul li{position:relative; padding-left:1.5rem; line-height:3.5rem; word-break:keep-all}
div.note>dl>dd ul li:before{display:block; content:''; position:absolute; top:1.6rem; left:0.3rem; width:0.6rem; height:1px; background:#484848}
div.note>dl>dd ul li:last-child:after{display:block; content:''; position:absolute; bottom:0; left:0; width:100%; height:1px; background:#fff}

/*** 검색 ***/
.search{text-align:center; margin-bottom: 2rem; margin-top:-1px; padding:3.5%; background:#f5f5f5; border:1px solid #ddd}
.program_tab+.search{margin-top:2rem}
.tbox+.search{margin-top:3rem}
.search .field {display: flex; justify-content: center;}
.search .field *,
.search .word *{vertical-align:top}
.search select{margin-right:0.4rem; padding:0.5rem 3rem 0 1rem; width:20%; max-width:13.8rem; border:1px solid #ccc; appearance:none; -moz-appearance:none; -webkit-appearance:none; -o-appearance:none; -ms-appearance:none; background:#fff url(../images/program/select_arr.gif) no-repeat right 1.3rem center / 1.1rem;}
.search select::-ms-expand{display:none}
.search.tearch_search select{margin-right:0; margin-left:0}
.search input[type=text]{margin-left:-1px; padding:1.7rem 1.5rem 1.2rem; width:100%; border:1px solid #ccc}
.search input[type=submit]{width:10.8rem; padding:1.7rem 0 1.4rem; border-width:0; background:#333; color:#fff; font-size:1.6rem}
.search .word{position:relative; display:inline-block; width:50%; padding-right:11.2rem}
.search .word input[type=submit]{position:absolute; right:0; top:0}
.search .range{display:inline-block; position:relative; width:42%}
.search .range.cal{padding-right:3.5rem; 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:0.5rem; padding-left:9rem; box-sizing:border-box}
.search .field_gyeyak dl dt{position:absolute; left:0; top:0.5rem; text-align:right; width:7.5rem; 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:0.7rem 0 0.7rem 13rem; 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:0; top:0.7rem; width:12rem; height:4rem; 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:4rem}
.search .field_wastebiz select{min-width:100%; margin:0; padding:0 2rem 0 1rem}
.search .field_wastebiz .word{margin:0; 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{display: flex; align-items: center; justify-content: space-between; margin-bottom:1rem; }
.search_array div, .search_array form{display: flex; margin-right:1.5%}
.search_array div:last-child,
.search_array div form:last-child{margin-right:0}
.search_array div span{display:inline-block; position:relative; padding-right:1.3rem; margin-right:0.3rem;}
.search_array div span:after{display:block; content:':'; position:absolute; right:0; top:-1px; width:0.5rem; height:1px}
.search_array select{border:0; padding-right:3.5rem; appearance:none; -moz-appearance:none; -webkit-appearance:none; -o-appearance:none; -ms-appearance:none; background:url(../images/program/select_arr02.gif) no-repeat right 1.3rem center / 1.1rem;}
.search_array input[type=date]{border:0;}
.search_array select::-ms-expand{display:none}
.search_array div.term input[type=text]{border:0; letter-spacing:0; width:10.5rem; background:url(../images/program/select_arr02.gif) no-repeat right 2px top 0.7rem / 1.1rem;}
.search_array div.term input[placeholder='검색 종료일']{margin-left:0.5rem}
.search_array div.term input+img{cursor:pointer; padding:2px 0.5rem 0 0.5rem;}
.search_array div.written{position:relative; align-items: center; padding-left: 1rem; color: #666; font-size: 1.6rem; line-height: normal;}
.search_array div.written strong {font-size: 1.6rem;  font-weight: 500; line-height: normal;}
.search_array div.written:after{display:block; content:''; position:absolute; left:0; top:calc(50% - 0.2rem); width: 0.4rem; height: 0.4rem; border-radius: 50%; background:#AAA;}
.search_array div.array_btn input{padding:3px 0 0px; width:6rem; border:1px solid #ccc; color:#333; background:#fff; border-radius:6rem; box-sizing: border-box;}
span.notice_btn {padding:0.9rem 1rem; width:8rem; line-height:130%; border:1px solid #ccc; color:#fffe9d; background:#d20d0d; font-weight:bold}

/*** 리스트 ***/
.search+.board_list, form+.board_list{margin-top:3rem}
h4+.nodata{margin-top: 3rem;}
.nodata{padding:8rem 1rem; text-align:center; font-size:1.6rem; 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:1.5rem 0 1.5rem; overflow:hidden; border-top:1px dotted #aaa}
.board_list ul.generalList>li:first-child{border-top:0}
.board_list ul.generalList>li p{float:left; padding-left:.5%; width:70%; /*text-overflow:ellipsis; overflow:hidden; white-space:nowrap*/}
.board_list ul.generalList>li p a{font-size:1.7rem}
.board_list ul.generalList>li div.writer_info{float:right; width:30%}
.board_list ul.generalList>li div.writer_info ul{text-align:right; /* overflow:hidden */}
.board_list ul.generalList>li div.writer_info ul:after {display:block; content:""; clear:both;}
.board_list ul.generalList>li div.writer_info ul li{display:inline-block; position:relative; top:-0.3rem; margin-right:0.3rem; padding-left:0.7rem; 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:0}
.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; padding:0 2rem;}
.board_list ul.generalList>li div.writer_info ul li.file{width:2rem; padding-left:0; overflow:visible;}
.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:-0.3rem; vertical-align:middle;}
.board_list table.general_board{margin-bottom:2rem; width:100%; border-top: 2px solid #141F43; border-bottom: 1px solid #141F43;}
.board_list table.general_board thead th{padding: 1.7rem 0.5rem 1.5rem 0.5rem; font-size: 1.7rem; font-weight: 400; letter-spacing: -0.017rem; border-bottom: 1px solid #141F43;}
.board_list table.general_board tbody th,
.board_list table.general_board tbody td{text-align:center; padding: 2rem 1.2rem; color: #333; font-size: 1.6rem; font-weight: 400;	letter-spacing: -0.016rem; }
.board_list table.general_board tbody tr{border-top:1px dashed #D0D2D9}
.board_list table.general_board tbody tr:first-child{border-top:0}
.board_list table.general_board tbody td.title a{text-align:left; word-break: keep-all;}
/* 포토(photoList-이미지,타이틀, photoList2-이미지,타이틀,내용 세로형)  */
.noimg.img{background:#f0f0f0; text-align:center; height:12rem}
.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:0.4rem 0; padding-left:0.8rem; box-sizing:border-box}
ul.list_info.col2{overflow:hidden}
ul.list_info.col2 li{float:left; margin-bottom:0; width:50%; text-overflow:ellipsis; overflow:hidden; white-space:nowrap}
ul.list_info li:after{display:block; content:''; position:absolute; left:0; top:1rem; width:0.3rem; height:0.3rem; background:#aaa}

.board_list ul.photoList,
.board_list ul.photoList2{display:flex; flex-wrap:wrap; justify-content: space-between; gap:2rem 1%; padding:4rem 1.6%; border-top:2px solid #333; border-bottom:1px solid #ccc}
.board_list ul.photoList>li,
.board_list ul.photoList2>li{width:32%; box-shadow:0 1px 1px rgba(0,0,0,.05)}
.board_list ul.photoList>li p.img,
.board_list ul.photoList2>li p.img{position:relative; height:20rem; 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:0; top:0; 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; width:100%; height:100%; object-fit:cover}
.board_list ul.photoList>li div.con,
.board_list ul.photoList2>li div.con{border:1px solid #ddd; border-top:0}
.board_list ul.photoList>li div.con p.tit a,
.board_list ul.photoList2>li div.con p.tit a{display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; 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:2rem; font-size:1.7rem; 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:0; width:0.4rem; height:0.4rem; border-radius:0.3rem; background:#aaa; box-shadow:-0.8rem 0 0 #aaa, 0.8rem 0 0 #aaa}
.board_list ul.photoList>li div.con p.date{margin-top:1.5rem; 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:1rem; min-height:3.5rem; font-size:2rem; color:#333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.board_list ul.photoList2>li div.con p.txt{height:4rem; overflow:hidden; line-height:140%}
.board_list ul.photoList2>li div.con p.cate{margin-top:2rem; min-height:2.4rem}

/* 갤러리(이미지,타이틀,내용 가로형) */
.board_list ul.galleryList{padding:0.5rem 0; border-top:2px solid #333; border-bottom:1px solid #aaa}
.board_list ul.galleryList>li{padding:2.5rem 1rem; overflow:hidden; border-top:1px dotted #aaa; word-break:keep-all}
.board_list ul.galleryList>li:first-child{border-top:0}
.board_list ul.galleryList>li p.img{position:relative; float:left; width:32%; margin-right:4%; font-size:0; height:21.5rem; overflow:hidden; box-shadow:0 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:21.5rem}
.board_list ul.galleryList>li div.con{position:relative; float:left; padding-bottom:4rem; width:64%;}
.board_list ul.galleryList>li div.con.w100p{padding-bottom:0; height:auto}
.board_list ul.galleryList>li div.con p.tit{margin-bottom:1rem; font-size:2.3rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.board_list ul.galleryList>li div.con p.tit a{font-size:2.3rem;}
.board_list ul.galleryList>li div.con p.txt{line-height:150%}
.board_list ul.galleryList>li div.con p.cate{margin-top:1.5rem}
.board_list ul.galleryList>li div.con ul.list_info{margin-top:1rem}
.board_list ul.galleryList>li div.con p.tit+ul.list_info{margin-top:0}
.board_list ul.ebookList{display: flex; gap: 4rem; flex-wrap: wrap; padding:2.5rem; border-top:2px solid #333; border-bottom:1px solid #BEBEBE; overflow:hidden}
.board_list ul.ebookList>li{flex: 1 1 calc(33.3% - 8rem / 3); max-width: calc(33.3% - 8rem / 3); box-sizing:border-box; background:#fff;}
.board_list ul.ebookList>li p.img{border-right:1px solid #ddd; box-sizing:border-box; height: 50rem; overflow:hidden}
.board_list ul.ebookList>li p.img.noimg{position:relative; min-height:90%}
.board_list ul.ebookList>li p.img img{width:100%; height: 100%;}
.board_list ul.ebookList>li div.con{padding:2rem 0.3rem; box-sizing:border-box}
.board_list ul.ebookList>li div.con p.tit{display: -webkit-box; height:5.5rem; font-size:1.9rem; text-overflow: ellipsis; word-break: keep-all; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.board_list ul.ebookList>li div.con p.date{margin-top:1rem; color:#666}
.board_list ul.ebookList>li div.con p.data{margin-top:0.5rem; color:#666; word-break:keep-all; white-space:normal}
.board_list ul.ebookList>li div.con ul.ebook_btn{position:absolute; bottom:2rem; right:5%; width:40%}
.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:1.2rem 0.4rem 0.7px; padding-left:4rem; 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(../images/program/ic_ebook01.gif); background-size: 1.8rem;}
.board_list ul.ebookList>li div.con ul.ebook_btn li.ic02 a{background-image:url(../images/program/ic_ebook02.gif); background-size: 2.1rem;}
.board_list ul.ebookList>li div.con ul.ebook_btn li.ic03 a{background-image:url(../images/program/ic_ebook03.gif); background-size: 2.1rem;}

/* 갤러리 모음집형 */
#detail_con .popupzone_list3 {overflow:hidden; text-align:center; margin-top:3rem;}
#detail_con .popupzone_list3 li {display:inline-block; border:1px red solid; width:40rem; height:26.5rem; margin-bottom:1rem; overflow:hidden}
#detail_con .popupzone_list3 li{margin-right:1rem; border: 1px solid #ccc;}
#detail_con .popupzone_list3 li img{width:100%; ;}

/* 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:0}
.board_list ul.faqList>li p.tit a{position:relative; display:block; padding:1.5rem 6rem 1.5rem 0.5rem; font-size:1.7rem; 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:2.35rem; top:2.6rem; width:1.1rem; height:1px; background:#666; transform:rotate(45deg); -webkit-transform:rotate(45deg)}
.board_list ul.faqList>li p.tit a:before{right:1.6rem; transform:rotate(-45deg); -webkit-transform:rotate(-45deg)}
.board_list ul.faqList>li p.tit.open{border-width:0; font-weight:bold}
.board_list ul.faqList>li p.tit.open a:after{right:1.6rem}
.board_list ul.faqList>li p.tit.open a:before{right:2.35rem}
.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:0}
/* 강의 */
.board_list ul.lecList{overflow:hidden; padding-top:1px}
.board_list ul.lecList>li{position:relative; float:left; margin-bottom:1rem; 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:0; 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:3rem 3rem 2.7rem; border:1px solid #ddd;}
.board_list ul.lecList>li p.tit{padding-right:8.5rem; text-overflow:ellipsis; white-space:nowrap; overflow:hidden}
.board_list ul.lecList>li p.tit a{color:#333; font-size:2.1rem;}
.board_list ul.lecList>li .tag_state{position:absolute; top:2.5rem; right:2.5rem; min-width:6rem}
.board_list ul.lecList>li ul{overflow:hidden; margin-top:2rem}
.board_list ul.lecList>li ul>li{position:relative; float:left; margin-top:0.3rem; padding-left:0.8rem; width:50%; min-width:21rem; 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:0; top:1.2rem; width:0.3rem; height:0.3rem; 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% 0; 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:1.4rem}
.board_list .etcList>li p.tit{margin-top:0.7rem; margin-bottom:1rem; height:5.5rem; overflow:hidden; word-break:keep-all}
.board_list .etcList>li p.tit.tit_arow{margin-bottom:1.5rem; height:auto}
.board_list .etcList>li p.tit a{font-size:2rem; color:#333; line-height:130%}
.board_list .etcList>li p.txt{height:4.5rem; line-height:150%; overflow:hidden}
.board_list .etcList>li p.txt+ul.list_info{margin-top:0.5rem}
/* etcList 폐기물관리자용*/
.board_list .etcList>li p.no{position:relative; letter-spacing:0;}
.board_list .etcList>li p.no span.tag_txt{position:absolute; top:0.3rem; right:0;}
.board_list .etcList>li p.Wtit{margin:0.7rem 0 1.5rem; font-size:2.4rem; font-weight:500; word-break:keep-all}
.board_list .etcList>li p.Wtxt span {display:inline-block; position:relative; margin-right:1.8rem; font-weight:500;}
.board_list .etcList>li p.Wtxt span:after{display:block; content:''; position:absolute; right:-0.9rem; top:0.5rem; width:1px; height:1.2rem; background:#999}
.board_list .etcList>li div.more {display:none; margin-top:0.5rem; 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:0.8rem; line-height:2.8rem; border-bottom:1px dotted #ccc}
.board_list .etcList>li div.more ul li:after{display:block; content:''; position:absolute; left:0; top:1.3rem; width:0.3rem; height:0.3rem; background:#666}
.board_list .etcList>li a.more_btn {display:block; width:6rem; margin:0 auto; background:url(../images/program/Warrow.gif) no-repeat right 50% / 1rem;}
.board_list .etcList>li a.close_btn {display:block; width:10rem; padding:0.5rem 0; margin:1rem auto 0; background:#666; border-radius:2rem; text-align:center; color:#fff;}
.board_list .etcList>li ul.Wbtn {overflow:hidden; margin:2rem 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:1rem 2rem; background:#666; color:#fff; text-align:center; border-radius:2rem}
.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:0.7rem 0 1.5rem; font-size:2.4rem; font-weight:500; word-break:keep-all}
.board_list .etcList .Wtit:nth-child(3) {margin-top:3rem;}
.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:1.9rem 2rem 1.7rem; color:#fff}
.waste_tab .gnb a:first-child:after{content:''; position:absolute; right:0; top:2.3rem; width:1px; height:1rem; background:#444}
.waste_tab ul{overflow:hidden; padding-right:19.5rem; border-top:0.3rem solid #333}
.waste_tab ul li{position:relative; float:left; text-align:center; width:20%; min-width:20rem;}
.waste_tab ul li:after{display:block; content:''; position:absolute; left:0; top:1.7rem; width:1px; height:1.6rem; background:#444}
.waste_tab ul li:first-child:after{display:none}
.waste_tab ul li a{display:block; padding:1.2rem .5rem 1.7rem; font-size:1.2em; color:#eaeaea}
.waste_tab ul li.select a{background:#fff; font-weight:500; 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:8rem}
.waste_stats2 .field_wastebiz li dl dt {width:8rem}
.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:0.5rem 2rem; border:1px solid #cecece; border-radius:1.5rem; color:#000}
.board_list .nameList>li p.tit{margin-top:0.7rem; margin-bottom:1rem; overflow:hidden; font-size:1.8rem; font-weight:500; color:#000;}

/* 설문 */
.board_list .surveyList{overflow:hidden}
.board_list .surveyList>li{float:left; margin:1% 0; 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:0.3rem; margin-bottom:1rem; height:6rem; overflow:hidden}
.board_list .surveyList>li p.tit a{font-size:2.1rem; color:#333; line-height:130%}
/* 한줄리스트 */
.board_list .oneList{border-top:2px solid #333}
.board_list .oneList>li{overflow:hidden; margin-bottom:1rem; padding:2.5% 3%; border:1px solid #ddd}
.board_list .oneList>li:first-child{border-top:0}
.board_list .oneList>li p.tit{overflow:hidden}
.board_list .oneList>li p.tit a{font-size:2.1rem; color:#333; line-height:130%}
.board_list .oneList>li div.con{margin-top:1.5rem; 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:13rem}
.board_list .oneList>li div.con ul.oneList_btn{position:absolute; right:0; top:0}
.board_list .oneList>li div.con ul.oneList_btn li{margin-bottom:0.3rem}
.board_list .oneList>li div.con ul.oneList_btn li a{text-align:center; min-width:7rem}
/* 데이타형식 */
table.dataTable{position:relative; margin-top:0.5rem; width:100%; border-spacing:0; border-collapse:collapse}
table.dataTable:before{display:block; content:''; position:absolute; left:0; top:0; width:100%; height:0.2rem; background:#222;}
table.dataTable th,
table.dataTable td{text-align: center; padding: 2rem 1rem 1.7rem 1rem; border-left: 1px solid #bbb; border-bottom: 1px solid #bbb;}
table.dataTable th{font-weight: 500; background: #F5F5F5;}
table.dataTable td:first-child,
table.dataTable th:first-child{border-left:0}
table.dataTable select {padding: 1rem; border: 1px solid #EEE; vertical-align:middle; background:#fff; box-sizing:border-box;}
.datatable+.right>.conbtn {margin-top: 2rem;}

/* 페이지 */
.paging {display: flex; justify-content: center; align-items: center; gap: 1rem; margin-top: 7rem; width: 100%;}
.paging .page_btn{position: relative; display: flex; align-items: center; justify-content: center; width: 1.6rem; height: 3rem;}
.paging .page_btn::before{content: ''; width: 1.6rem; height: 1.8rem; background: url(../images/program/paging.svg) no-repeat 0 0 / 2.7rem;}
.paging .page_btn.btn_prev::before {background-position: -1.6rem 0;}
.paging .page_btn.btn_next::before {width: 1.1rem; transform: rotate(180deg); background-position: -1.6rem 0;}
.paging .page_btn.btn_last::before {transform: rotate(180deg);}
.paging .num {display: flex;align-items: center; justify-content: center; width: 3rem; height: 3rem; font-size: 2.2rem; line-height: normal; letter-spacing: -0.044rem;}
.paging .num.select {color: #FFF; font-weight: 600; line-height: normal; letter-spacing: -0.044rem; border-radius: 50%; background: #363636;}
.paging.dp_mb form {display: flex; justify-content: center; align-items: center; gap: 0.5rem; width: 100%;}
.paging.dp_mb .input{text-align: center; width: 5rem;}
.paging.dp_mb .btn_input{margin-left: 0; min-width: 6rem;}
.paging.dp_mb a.page_btn{border:1px solid #ddd; width: 4rem; height: 4rem; line-height: 4rem;}
.paging.dp_mb a.page_btn.btn_first,
.paging.dp_mb a.page_btn.btn_last{text-align: center; min-width: 6rem;}
.paging.dp_mb a.page_btn.btn_first {padding-right: 2rem;}
.paging.dp_mb a.page_btn.btn_last {padding-left: 2rem;}
.paging.dp_mb .page_btn.btn_first::before {position: absolute; right: 1rem;}
.paging.dp_mb .page_btn.btn_last::before {position: absolute; left: 1rem;}

/*** 상세 ***/
/* 작성정보,첨부파일(상세,) */
.data_list{margin-top:-1px; border-top:1px solid #ccc; border-bottom:1px solid #ccc}
.title+.data_list{margin-top:0; border-top:0}
.comment+.data_list{margin-top:5rem}
.data_list>li{display: flex; border-top:1px dotted #ccc}
.data_list>li:first-child{border-top:0}
.data_list>li dl{flex: 1 1 auto; display:table; width:100%}
.data_list>li dl:first-child:nth-last-of-type(2), 
.data_list>li dl:first-child:nth-last-of-type(2) ~ dl{flex-basis: 50%;}
.data_list>li dl:first-child:nth-last-of-type(3), 
.data_list>li dl:first-child:nth-last-of-type(3) ~ dl{flex-basis: 33.3%;}
.data_list>li dl>dt,
.data_list>li dl>dd{display:table-cell; padding:0.8rem 0.5rem; padding-left:2rem}
.data_list>li dl dt{width:10rem; font-weight:500; color:#333; white-space:nowrap}
.data_list>li.longDt dl{padding:0.8rem 0}
.data_list>li.longDt dl dt{float:left; width:auto; padding-bottom:0; padding-top:0}
.data_list>li.longDt dl dd{float:left; padding-top:0}
.data_cell{padding:0; margin-top:1.5rem; margin-bottom:2rem}
.title+.data_cell{margin-top:0}
.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:0}
.data_cell ul li dl{display:table; margin:0.3rem 0; width:100%}
.data_cell ul li dl dt,
.data_cell ul li dl dd{display:table-cell; padding:1rem 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}
.add_file dl{display:table; width:100%}
.add_file dl>dt,
.add_file dl>dd{display:table-cell; padding:0.5rem 0; padding-left:2rem}
.add_file dl>dt{width:9rem; font-weight:500; color:#333}
.add_file{position:relative; padding:0.5rem 8rem 0.6rem 0; background:#f9f9f9; border-bottom:1px solid #ddd}
.add_file dl>dd ul li{position:relative; padding-left:1.5rem}
.add_file dl>dd ul li img{vertical-align:middle}
.add_file dl>dd ul li span.byte{padding-left:0.5rem; color:#666; font-weight:500; font-size:1.4rem; letter-spacing:0}
.add_file .alldown{position:absolute; right:3rem; top:1.5rem}
.board_view div.title{text-align:center; margin-top:-1px; padding:3.5rem 1rem; border-top:2px solid #333; border-bottom:1px solid #333}
.board_view div.title p{font-size:2.4rem; color:#333; font-weight:bold}
.board_view div.title p.period{display:inline-block; margin-top:1rem; padding:0 2rem; font-size:1.6rem; background:#e3e3e3; border-radius:6rem; letter-spacing:0;}
.board_view div.stateBox{margin-top:2rem; text-align:right}
.board_view div.con{border-bottom:1px solid #BEBEBE}
.board_view div.con .scroll_table:only-child {margin-bottom: -1px;}
.board_view div.con img{max-width:100%}
.board_view div.con .photo{margin:4rem auto; width:90%; text-align:center}
.board_view div.con .photo p{display:inline-block; margin-top:2rem; max-width:100%; font-size:1.4rem}
.board_view div.con .photo p span{display:block}
.board_view div.con .detail-tit {margin-top: 7rem; border-bottom: 1px solid #D2D2D2;	background: #F9F8F8;}
.board_view div.con .detail-tit>span {display: flex; align-items: center; justify-content: center; padding: 1.1rem 3rem; margin-bottom: -1px; width: 13.7rem; min-height: 5rem; color: #000; font-size: 1.7rem; font-weight: 500; line-height: 150%; letter-spacing: -0.034rem; border-right: 1px solid #D2D2D2; border-left: 1px solid #D2D2D2; border-top: 2px solid #3C3733; background: #FFF;}
.board_view div.con .detail{padding: 3rem;}
.board_view div.con .detail_movie{margin:4rem auto 5rem; width:90%}
.board_view div.con .photo+.detail{margin-top:8rem}
.board_view div.con .openNuri{text-align:right; margin-top: 7rem; font-size:0; line-height: 0;}
.board_view div.con .openNuri img {max-width: 26.5rem !important;}
.board_view div.con table td, .board_view div.con table th{text-align: center; padding: 1.5rem; line-height: normal; border-bottom: 1px solid #D2D2D2;}
.board_view div.con table th {font-size: 1.7rem; font-weight: 600; border-top: 1px solid #544A44; background: #f9f8f8;}
.board_view div.con table td {color: #5A5A5A; font-size: 1.8rem;}
.board_view div.con .table-d {display: flex; width: 100%;}
.board_view div.con .table-d dl {flex: 1 1 auto; display: flex; flex-direction: column;}
.board_view div.con .table-d dl dt,
.board_view div.con .table-d dl dd {display: flex; align-items: center; justify-content: center; text-align: center; padding: 1.5rem 0.5rem; line-height: normal; border-bottom: 1px solid #D2D2D2;}
.board_view div.con .table-d dl dt {font-size: 1.7rem; font-weight: 600; border-top: 1px solid #544A44; background: #f9f8f8;}
.board_view div.con .table-d dl dd {height: 100%; color: #5A5A5A; font-size: 1.8rem;}

.photoView{margin:0 auto 4rem; width:90%; max-width:65rem}
.photoView p{position:relative; width:100%; height:42rem; overflow:hidden}
.photoView p img{position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); max-height:42rem}
.photoView ul{margin-top:0.5rem; text-align:center; font-size:0}
.photoView ul li{display:inline-block; width:14.3%; height:6rem; overflow:hidden; border:0.3rem solid #fff}
.photoView ul li.on{border-color:#333}
.photoView ul li img{width:100%; min-height:6.5rem}
.btn_preview{padding:1px 1.5rem 0.3rem; font-size:1.4rem; font-weight:500; background:#333; color:#fff; border-radius:5rem}
.btn_preview span{color:#fff}
.contact{padding:2rem; margin-top:4rem; border:0.4rem solid #eee; overflow:hidden}
.contact>div{position:relative; float:left; width:50%}
.contact>div.map{height:4rem; overflow:hidden}
.contact>div.map_info{padding-left:3%; width:45%}	
.contact>div.map_info p.name{font-weight:500; font-size:1.6rem}
.contact>div.map_info ul{margin-top:2rem}
.contact>div.map_info ul li{position:relative; padding-left:1rem;}
.contact>div.map_info ul li:After{display:block; content:''; position:absolute; left:0; top:1.2rem; width:0.5rem; height:1px; background:#666}

.ebook_view{padding-bottom: 4rem; border-bottom: 1px solid #BEBEBE; overflow:hidden;}
.ebook_view .tit{position:relative; padding-bottom:4rem; margin-bottom:4rem; border-bottom:2px solid #333}
.ebook_view .tit .txt{font-size:3.2rem; line-height: 150%;}
.ebook_view .con-box{display: flex; justify-content: space-between; gap: 5rem;}
.ebook_view .summary{width:30%;}
.ebook_view .summary .photo img{max-width:101%}
.ebook_view .summary dl{margin:0.5rem 0; }
.ebook_view .summary dl {display: flex; align-items: flex-start; gap: 1rem;}
.ebook_view .summary dl dt{display:inline-block; text-align:center; padding: 0.3rem 1rem; min-width:8rem; border:1px solid #aaa; border-radius:0.2rem}
.ebook_view .detail{width:55%; word-break:keep-all; /* text-align:justify; */}
.ebook_view .detail p+p {margin-top: 2rem;}

/* 댓글 */
.comment{padding:3.5% 2%; border:0.6rem solid #eee}
.comment div.comment_writer{margin-bottom:2rem}
.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:0.3rem; border:0; border:1px solid #aaa; padding:0.8rem 0; width:100%; font-weight:bold}
.comment div.comment_form{position:relative; padding-right:14rem;}
.comment div.comment_form textarea{padding:1rem 2%; width:96%; height:9rem; background:#EEE; border:1px solid #ddd; line-height:150%;}
.comment div.comment_form input[type=submit]{position:absolute; right:0; top:0; width:14rem; height:9rem; font-size:1.8rem; background:#fff; border:1px solid #ccc; color:#333}
.comment div.comment_view ul.comment_list li{position:relative; padding:2.2rem 0.5rem 2.4rem; border-top:1px dashed #ccc;}
.comment div.comment_view ul.comment_list li:first-child{border-top:0;}
.comment div.comment_view ul.comment_list li p.writer{padding-right:7rem}
.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:1.4rem}
.comment div.comment_view ul.comment_list li p.txt{margin-top:0.8rem; font-size:1.4rem; line-height:130%;}
.comment div.comment_view ul.comment_list li a.del_comment{display:block; position:absolute; top:2.2rem; right:0.5rem; padding-left:2.2rem; padding-right:0.8rem; height:2.2rem; line-height:2rem; border:1px solid #ccc; font-size:1.4rem; 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:0.6rem; left:1.2rem; width:1px; height:1.2rem; 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:2rem 0 4rem}
.comment .paging a{font-size:1.5rem}
.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:2rem; height:2.5rem}
.comment a.page_btn.btn_prev{margin-right:0.5rem}
.comment a.page_btn.btn_next{margin-left:0.5rem}
.comment.pop_comment{padding:2% 5%; border:0}
/* 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:0; margin-bottom:2rem; 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:0.3rem 0; width:100%}
.board_reply>div.reply_bribe ul li dl dt,
.board_reply>div.reply_bribe ul li dl dd{display:table-cell; padding:1rem 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:0.3rem 0; 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:1rem 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:0.9rem}
.board_reply>div.reply_bribe>dl dd ul li:after{display:block; content:''; position:absolute; left:0; top:1.2rem; width:0.4rem; height:1px; background:#888}
.board_reply>div.reply_bribe>dl.corrupt dd{font-weight:bold}
.board_reply>div.reply_bribe>dl.reporter{border-bottom:0}
.board_reply>div.reply_bribe>dl.reporter dd ul li{font-size:1.4rem}
.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:0}
.board_reply>div .writer+.data_list{margin-top:5%}
.board_reply>div.reply_q .writer{font-size:1.6rem; font-weight:bold}
.board_reply>div.reply_q .tit{margin:2rem 0 1.2rem; font-weight:500; font-size:1.8rem}
.board_reply>div.reply_a{background:#f5f5f5}
.board_reply>div.reply_a .tit{margin-bottom:2rem}
.board_reply>div.reply_a .writer{margin-top:1rem}
/* 설문 */
.survey_frame{position:relative; margin-top:-1px; border-top:0.3rem solid #333; box-sizing:border-box}
.survey_frame>ul{border:1px solid #ccc; border-top:0}
.survey_frame>ul>li{padding:5% 4.5%; border-top:1px dashed #ccc}
.survey_frame>ul>li:first-child{border-top:0 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:1rem; font-size:1.8rem; color:#333}
.survey_frame .a{margin-left:0.5rem;}
.survey_frame .a li{margin:2px 0}
.survey_frame.write .a{margin-top:2rem}
.survey_frame.write .a li{margin-top:0.5rem}
.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:15rem}
.survey_frame.write .a_img{margin-top:2rem}
.survey_frame input:checked+label{font-weight:500; color:#333}
.ratio_graph{border-left:1px solid #ddd; margin-left:1%; margin-top:2rem; font-size:0; width:100%; white-space:nowrap}
.ratio_graph:after{display:block; content:''; overflow:hidden}
.ratio_graph>li{position:relative; margin:2px 0; height:1.5rem;  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:-5.5rem; top:-0.5rem; width:5rem; text-align:left; font-size:1.3rem}
/* 이전글 다음글 */
.other_con{display: flex; justify-content: space-between; align-items: center; margin-top: 2rem; padding: 0.5rem 2rem; width: 100%; height: 5rem; font-size: 1.7rem; border-top: 1px solid #3C3733; border-bottom: 1px solid #3C3733; overflow: hidden;}
.other_con li{display: flex; align-items: center; gap: 6rem; max-width: 45%;}
.other_con li:nth-child(2){flex-direction: row-reverse;}
.other_con span{flex: 0 0 auto; position: relative; display: inline-block; font-weight: 600;}
.other_con span::before,
.other_con span::after {content: ''; position: absolute;}
.other_con li span::before {top: 0; bottom: 0; margin: auto; width: 0.8rem; height: 1.2rem; background: url(/literature/share/images/program/other_con.svg) no-repeat 0 0 / 100%;}
.other_con li span::after {top: 0; bottom: 0; margin: auto; width: 0.1rem; height: 1.5rem; background: #D3D3D3;}
.other_con li:nth-child(1) span{padding-left: 1.7rem;}
.other_con li:nth-child(1) span::before {left: 0;}
.other_con li:nth-child(1) span::after {right: -3rem;}
.other_con li:nth-child(2) span{padding-right: 1.7rem;}
.other_con li:nth-child(2) span::before {right: 0; transform: rotate(180deg);}
.other_con li:nth-child(2) span::after {left: -3rem;}
.other_con a {flex: 1 1 auto; width: 100%; color: #666; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}

/*** 작성 ***/
h4+.board_write {margin-top: 3rem;}
.board_write{border-top:2px solid #222; margin-top:-1px;}
.board_write ul li{padding: 1.4rem 1.6rem; border-bottom:1px solid #ccc}
.board_write ul li.title{border-bottom:1px solid #333}
.board_write ul li dl{display: flex; align-items: center;}
.board_write ul li dl dt{position: relative; flex: 0 0 auto; width:16rem; padding-right: 1.6em; color: #222; font-size: 1.7rem; font-weight: 500; line-height: normal; letter-spacing: 0.051rem; word-break: keep-all;}
.board_write ul li dl dt label{color: #222; font-size: 1.7rem; font-weight: 500; line-height: normal; letter-spacing: 0.051rem; word-break: keep-all;}
.board_write ul li dl dt span{font-weight:normal}
.board_write ul li dl dt span.ps{display:inline-block; font-size:1.4rem}
.board_write ul li dl dt span.ps:before{display:inline-block; content:''; margin:-1px 0.5rem 0 0.9rem; width:2px; height:1.2rem; background:#aaa; vertical-align:middle}
.board_write ul li dl dd {flex: 1 1 auto;}
.board_write ul li dl dd span.ps{display:block; margin-top:1rem; padding:0.5rem; background:#f0f0f0; font-size:1.4rem}
.board_write ul li.tel dl dd {color: #888;}
.board_write ul li.tel dl dd p,
.board_write ul li.tel dl dd input {text-align: center; width: 10rem;}
.board_write ul li.email dl dd {color: #888; letter-spacing: 0.064rem;}
.board_write ul li.email dl dd input {width: 20rem;}
.board_write ul li.email.readonly dd {display: flex; gap: 0.8rem; color: #222;}
.board_write ul li.addr dl dd p {display: flex; gap: 0.5rem;}
.board_write ul li.addr dl dd p input {height: 5rem;}
.board_write ul li.addr dl dd p .btn_input {margin-left: 0; height: 5rem; line-height: 5rem !important;}
.board_write ul li.addr dl dd p:nth-child(1) {margin-bottom: 0.5rem;}
.board_write ul li.addr dl dd p:nth-child(2) input {flex: 1 1 50%;}
.board_write ul.addFile>li {display: flex; align-items: center; gap: 0.2rem; padding: 0; border: none;}
.board_write ul.addFile>li input[type=file] {width: auto;}
.board_write ul.addFile>li input[type=file]+p,
.board_write ul.addFile>li input[type=text] {flex: 1 1 auto; width: 100%;}
.board_write ul.addFile>li input[type=file]+p{height: 5.8rem; line-height: 5.8rem;}
.board_write ul.addFile>li .volume {flex: 0 0 auto; margin-right: 0.5rem; font-size: 1.3rem; color: #888;}
.board_write ul li.readonly dl dd {display: flex; align-items: center; padding: 1.8rem 2rem 1.3rem 2rem; font-size: 1.7rem; letter-spacing: 0.068rem;}
.board_write ul li.readonly dl dd p {color: #222; font-size: 1.7rem; letter-spacing: 0.068rem;}
.board_write ul li.oneline dl dt,
.board_write ul li.oneline dl dd{display:inline-block; margin:0; margin-right:3%;}
.board_write input[type=file]{width:100%; color: #666; font-size: 1.5rem; line-height: 2.4rem;	letter-spacing: 0.06rem; vertical-align:middle;}
.board_write input[type=file]+input[type=file] {margin-top: 0.4rem;}
.board_write input[type=date],
.board_write input[type=month],
.board_write input[type=text],
.board_write input[type=password],
.board_write input[type=number]{margin: 1px 0; padding: 1.7rem 2rem; color: #666; font-size: 1.7rem; line-height: normal; letter-spacing: 0.068rem; border: 1px solid #EEE; vertical-align:middle; background:#fff; box-sizing:border-box; appearance:none; -moz-appearance:none; -webkit-appearance:none; -o-appearance:none; -ms-appearance:none}
.board_write input#captcha{width: 25rem !important;}
.board_write input[type=radio],
.board_write input[type=checkbox]{margin-right:0.5rem; vertical-align:middle; width:1.8rem; height:1.8rem;}
.board_write select{padding: 1.7rem 2rem; color: #666; font-size: 1.7rem; line-height: normal; letter-spacing: 0.068rem; border: 1px solid #EEE; vertical-align:middle;min-width:20rem}
.board_write textarea{padding: 1.9rem 2rem; width: 100% !important; height: 28rem; border: none; background: #F5F5F5; color: #222; font-size: 1.7rem; letter-spacing: 0.068rem;}
.board_write .readonly textarea{color: #666; border: 1px solid #CCC; background: #fff;}
.board_write ul li.readonly dl dd:has(textarea) {padding: 0;}
.board_write img{vertical-align:middle}
.need{position: absolute; top: -0.5rem; margin-left: 0.8rem; color: #E2406F; font-size: 2.4rem; font-weight: 300; line-height: normal;}
.chkList {display: flex; flex-wrap: wrap; gap: 0;}
.chkList li {display: flex; align-items: center; gap: 0.8rem; padding: 0 !important; border: none !important;}
.chkList li input[type=radio], .chkList li input[type=checkbox] {position: absolute; height: 1px; margin: -1px; width: 1px; clip: rect(0, 0, 0, 0); clip-path: polygon(0 0, 0 0, 0 0); overflow: hidden;}
.chkList li label{position: relative;padding: 1.6rem 1.4rem 1.6rem 4.6rem; font-size: 1.7rem;}
.chkList li span {display: flex; align-items: center; }
.chkList li label span::before {content: ''; position: absolute; left: 1.6rem; top: 1.6rem; width: 2.2rem; height: 2.2rem; border-radius: 50%; border: 1px 
	solid #ccc; box-sizing: border-box;}
.chkList li input[type=checkbox]+label span::before {border-radius: 0.5rem;}
.chkList li input[type=radio]:checked+label span::before,
.chkList li input[type=checkbox]:checked+label span::before {border-color: #532CC3;}
.chkList li input[type=radio]:checked+label span::after,
.chkList li input[type=checkbox]:checked+label span::after {content: ''; position: absolute; left: 2.2rem; top: 2.2rem; width: 1rem; height: 1rem; border-radius: 50%; background: #532cc3;}
.chkList li input[type=checkbox]:checked+label span::after {left: 1.3rem; top: 1.3rem; width: 2.8rem; height: 2.9rem; background: url(../images/program/ic_check.svg) no-repeat 0 0 / 2.8rem;}
.chkList li span i {font-size: 1.5rem; font-style: normal;}

/* 비밀번호입력 */
.password{text-align:center; margin:7% auto 2rem; padding:2rem 0% 5rem; width:90%; max-width:72rem; background:#f5f5f5; border:0.3rem solid #e3e3e3}
.password p{display:inline-block; padding:4rem 0 4rem 8.5rem; font-size:1.6rem; background:url(../images/program/ic_password.gif) no-repeat left center / 7.7rem}
.password>div{margin:auto; font-size:2px}
.password>div input[type=password]{width:50%; text-align:center; background:#fff}
.password>div input[type=submit]{width:17%}
.password+.btnBox{margin:auto; width:90%; max-width:72rem}
/* 동의 */
.agree{padding-bottom:3rem; margin-top: 1rem;}
.agree .tit{margin-top:3rem; margin-bottom:1rem; font-size:2.4rem; color:#333}
.agree .agree_txt{position:relative; margin-top:1rem; margin-left:0.3rem; font-size:1.6rem}
.agree .agree_txt input[type=checkbox]{position:absolute; left:0;}
.agree .agree_txt input[type=checkbox]+label{/* display:block; */ margin-left:3rem}
.agree textarea{border:0}
.agree .textarea textarea,
.agree .textarea>div{padding:2%; width:96%; height:33rem; overflow-y:auto}
.agree .YesOrNo {text-align:center; padding:1rem 0 1.2rem; border:1px solid #ccc; border-top:0; background:#f0f0f0;}
.agree .YesOrNo * {vertical-align:middle;}
.agree.ver2 .textarea {padding: 0; height: auto; border-bottom: none;}
.agree.ver2 .textarea textarea, .agree.ver2 .textarea>div {padding: 3.2rem; height: 22rem; width: 100%;}
.agree.ver2 .textarea.ver2>div {height: auto;}
.agree.ver2 .con {text-align: center; padding: 2rem; line-height: 2.3rem; border: 1px solid #ccc; border-bottom: none;}
.agree.ver2 .agree_check {position: static; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 0.5rem; margin: 0; padding: 2rem 2rem; border: 1px solid #ccc; background: #f0f0f0;}
.agree.ver2 .agree_check, .agree.ver2 .agree_check * {font-size: 1.6rem; line-height: 1.8rem;}
.agree.ver2 .agree_check p+p {margin-left: 2rem;}
.agree.ver2 .agree_check input {position: static;	margin: 0; vertical-align: middle;}
.agree.ver2 .agree_check ul, .agree.ver2 .agree_check ul li {display: flex; align-items: center; border-bottom: none;}
.agree.ver2 .agree_check ul {gap: 1.6rem; margin-left: 1.5rem;}
.agree.ver2 .agree_check ul li {gap: 0.5rem; margin-top: 0;}


/*** 스케쥴 ***/
.schedule {max-width: 93.2rem; width: 100%; margin: 0 auto;}
.schedule div.month{display: flex; justify-content: space-between; align-items: center; padding: 0 2rem 2rem 2rem; width: 100%;}
.schedule div.month p{text-align: center; margin: 0 auto; font-size: 2.8rem; line-height: normal;}
.schedule div.month a:nth-last-of-type(1)+p {padding-right: 8rem;}
.schedule div.month a{display:block; position:relative; color: #666; font-size: 1.9rem; line-height: normal;}
.schedule div.month a.btn_prev{padding-left: 2.5rem;}
.schedule div.month a.btn_next{padding-right: 2.5rem;}
.schedule div.month a:after{content:''; position:absolute; top: 0.2rem; width: 1.5rem; height: 1.6rem; background: url(../images/program/schedule-arr.svg) no-repeat center / 100%;}
.schedule div.month a.btn_prev:after{left: 0;}
.schedule div.month a.btn_next:after{right: 0; transform: rotate(180deg);}
.schedule table{width:100%; border-collapse:collapse; table-layout:fixed; border-top: 1px solid #BBB; border-bottom: 1px solid #BBB;}
.schedule table thead tr{border-bottom:1px solid #BBB; background: #F5F5F5;}
.schedule table thead th{padding: 1.6rem 0 1.3rem 0; color: #666; font-weight: 500;}
.schedule table thead th:first-child:after{display:none}
.schedule table tbody td{position: relative; vertical-align:top; padding: 1rem; width:14.2%; border:1px solid #ccc; border-width:0 0 1px 1px; height:12rem}
.schedule table tbody td:first-child{border-left:0}
.schedule table tbody td>p.date{text-align:right; color: #666; font-size: 1.2rem; font-weight: 700; line-height: normal;}
.schedule table tbody td>i {position: absolute; left: 1rem; top: 1rem; color: #E2406F; font-size: 1rem; font-weight: 500; line-height: normal; text-transform: uppercase; font-style: normal;}
.schedule table .sun, .schedule table .sun p.date{color:#E2406F}
.schedule table .sat, .schedule table .sat p.date{color:#1967D2}
.schedule table tbody td>ul{display: flex; flex-direction: column; align-items: flex-start; gap: 0.2rem;}
.schedule table tbody td>ul>li>a{display: inline-block; text-align: center; width: 6.3rem; padding: 0.4rem 0.6rem 0.3rem 0.6rem; color: #6032E0; font-size: 1.2rem; font-weight: 700; line-height: normal; border-radius: 2.5rem; border: 1px solid #6032E0;	background: #FFF;}
.schedule table tbody td>ul>li>a:hover {color: #fff; background: #6032E0;}
.schedule table tbody td>ul>li.close a{color:#888; border-color: #ccc; background: #F5F5F5;}
.schedule table tbody td>ul>li.close a:hover{color:#949494; text-decoration:line-through}
.schedule table tbody td>ul.sch_list{padding:1.5rem 0.7rem; text-align:left}
.schedule table tbody td>ul.sch_list>li{font-size:1.2rem}
.schedule table tbody td>ul.sch_list>li span.tag{font-weight:500;}
.schedule table tbody td>ul.sch_list>li div.con{display:none; position:absolute; left:0; margin-top:0.4rem; padding:5% 6%; ; width:100%; background:#eee; box-shadow:0 1px 0.3rem 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:2rem; font-size:2.3rem; 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:0.3rem; border-bottom:1px solid #aaa}
.schedule table tbody td>ul.sch_list>li div.con>ul>li{padding:0.7rem 0.7rem 0.9rem; border-top:1px dashed #ccc; white-space:normal; font-size:1.5rem}
.schedule table tbody td>ul.sch_list>li div.con>ul>li:first-child{padding-top:1rem; border-top:0}
.schedule table tbody td>ul.sch_list>li div.con>ul>li>div,
.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:10rem; font-weight:bold}
.schedule table tbody td>ul.sch_list>li div.con p.close_con{margin-top:4rem; text-align:center}
.schedule table tbody td>ul.sch_list>li div.con p.close_con a{display:inline-block; padding:1rem; width:12rem; background:#333; color:#fff; font-size:1.8rem}
.schedule_week dl.list{position:relative; padding:2rem 0; min-height:8rem; border-bottom:1px solid #aaa}
.schedule_week dl.list dt{position:absolute; left:0; top:3rem; text-align:center; width:10rem; font-size:3rem; color:#333; line-height:100%}
.schedule_week dl.list dt span{display:block; font-size:0.9rem}
.schedule_week dl.list dd{padding-left:12rem}
.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:0}
.schedule_week dl.list dd>ul>li a{display:block; padding:0.8rem 16rem 1rem 13rem}
.schedule_week dl.list dd>ul>li .time{position:absolute; left:0.5rem; top:0.7rem; width:10rem; font-size:1.7rem; color:#666}
.schedule_week dl.list dd>ul>li .tit{font-size:1.7rem; text-overflow:ellipsis; overflow:hidden; white-space:nowrap}
.schedule_week dl.list dd>ul>li .place{display:inline-block; position:absolute; right:0; top:1rem; text-align:center; padding:0 1rem; min-width:7rem; max-width:13rem; color:#666; border:1px solid #ddd; border-radius:5rem; text-overflow:ellipsis; overflow:hidden; white-space:nowrap}
.schedule_week dl.list dd>ul>li div.con{display:none; margin-top:1rem; padding:3rem; background:#f0f0f0}
.schedule_week .nodata{border-top:0}

/*** 팝업페이지 ***/
.pop_page{padding-bottom:8rem}
.pop_page .popTop{text-align:center; padding:3.5rem 5%; border-bottom:1px solid #333}
.pop_page .popTop p.tit{text-align:left; letter-spacing:-1px; font-size:2.2rem; word-break:keep-all; color:#333}
.pop_page .popTop p.tit .sfont {font-size:1.5rem;}
.pop_page .popTop p.tit_vote{text-align:center; letter-spacing:-1px; font-size:3rem; word-break:keep-all; color:#333}
.pop_page .popCon{padding:6% 8%}
.pop_page .popCon ul.qalist>li{position:relative; padding:0.4rem 0; padding-left:15rem;}
.pop_page .popCon ul.qalist>li .q{position:absolute; left:0; width:14rem; font-size:1.7rem}
.pop_page .popCon ul.qalist>li .blind{display:inline-block; position:relative; bottom:-0.5rem; text-align:center; width:40%; letter-spacing:2px; font-size:1.8rem; line-height:3rem}
.pop_page .popTbox{margin-top:3rem; padding:2.5rem 2rem 3rem 2.5rem; border:0.4rem solid #ddd}
.pop_page .popTbox .bfont{font-size:1.6rem}
.pop_page .popTbox .list_info.bfont li{margin:0.3rem 0; font-size:1.6rem; letter-spacing:0}
.pop_page .pop_close{position:fixed; bottom:0; width:100%; z-index:1}
.pop_page .pop_close a,
.pop_page .pop_close input[type=submit]{display:block; text-align:center; padding:1.5rem 1rem 1.5rem; background:#333; color:#fff; font-size:1.8rem; font-weight:500; border:0; width:100%; cursor:pointer}


/*** 지도서비스 ***/
.map_service{position:absolute; left:3rem; top:3rem; width:36.5rem; background:#fff; border-radius:0.5rem; overflow:hidden; box-shadow:0px 1px 2px rgba(0,0,0,.2); z-index:2}
.map_service div.map_search{border-bottom:1px solid #ddd}
.map_service div.map_search>div{position:relative; padding-right:7rem}
.map_service div.map_search input[type=text]{padding-left:8%; width:92%; border:0; height:5rem; line-height:5rem; color:#777}
.map_service div.map_search input[type=text]:focus{color:#333}
.map_service div.map_search input[type=submit]{background:#fff; text-indent:-5000px; width:6rem; height:5rem; border:0}
.map_service div.map_search .btn_search{position:absolute; right:0; top:0}
.map_service div.map_search .btn_search:after,
.map_service div.map_search .btn_search:before{display:block; content:''; position:absolute; z-index:1}
.map_service div.map_search .btn_search:after{left:0.9rem; top:1.3rem; width:1.6rem; height:1.6rem; border:0.3rem solid #d2d2d2; border-radius:6rem}
.map_service div.map_search .btn_search:before{left:2.8rem; top:2.8rem; width:0.4rem; height:1rem; background:#d2d2d2; border-radius:0.4rem; transform:rotate(-45deg); -webkit-transform:rotate(-45deg)}
.map_service div.map_search input:after{display:block}
.map_service ul.map_menu{padding:2rem 2rem 1.8rem; overflow:hidden}
.map_service ul.map_menu>li{position:relative; float:left; padding:0.6rem 0; width:20%}
.map_service ul.map_menu>li a{display:block; text-align:center; font-size:1.3rem; letter-spacing:-1px}
.map_service ul.map_menu>li a.list_tgl{position:absolute; left:0; top:0; width:100%; height:100%; z-index:102; font-size:0}
.map_service ul.map_menu>li.bgoff a.list_tgl{display:none}
.map_service ul.map_menu>li a:before{display:inline-block; content:''; width:4.5rem; height:4.5rem; border-radius:4.5rem; background-color:#eaeaea; transition:all ease .3s; background-repeat:no-repeat; background-position:center center; background-size: 4.5rem;}
.map_service ul.map_menu>li:nth-child(1) a:before{background-color:#fb8834}
.map_service ul.map_menu>li:nth-child(2) a:before{background-color:#fdc121}
.map_service ul.map_menu>li:nth-child(3) a:before{background-color:#7ec653}
.map_service ul.map_menu>li:nth-child(4) a:before{background-color:#609f6a}
.map_service ul.map_menu>li:nth-child(5) a:before{background-color:#61b9cc}
.map_service ul.map_menu>li:nth-child(6) a:before{background-color:#5b93d3}
.map_service ul.map_menu>li:nth-child(7) a:before{background-color:#62b899}
.map_service ul.map_menu>li:nth-child(8) a:before{background-color:#828fe1}
.map_service ul.map_menu>li:nth-child(9) a:before{background-color:#be77d5}
.map_service ul.map_menu>li:nth-child(10) a:before{background-color:#f56882}
.map_service ul.map_menu>li.ic_food a:before{background-image:url(../images/program/ic_map_food.png)}
.map_service ul.map_menu>li.ic_stay a:before{background-image:url(../images/program/ic_map_stay.png)}
.map_service ul.map_menu>li.ic_park a:before{background-image:url(../images/program/ic_map_park.png)}
.map_service ul.map_menu>li.ic_market a:before{background-image:url(../images/program/ic_map_market.png)}
.map_service ul.map_menu>li.ic_bank a:before{background-image:url(../images/program/ic_map_bank.png)}
.map_service ul.map_menu>li.ic_culture a:before{background-image:url(../images/program/ic_map_culture.png)}
.map_service ul.map_menu>li.ic_school a:before{background-image:url(../images/program/ic_map_school.png)}
.map_service ul.map_menu>li.ic_medical a:before{background-image:url(../images/program/ic_map_medical.png)}
.map_service ul.map_menu>li.ic_facility a:before{background-image:url(../images/program/ic_map_facility.png)}
.map_service ul.map_menu>li.ic_welfare a:before{background-image:url(../images/program/ic_map_welfare.png)}
.map_service ul.map_menu>li.ic_sports a:before{background-image:url(../images/program/ic_map_sports.png)}
.map_service ul.map_menu>li.ic_library a:before{background-image:url(../images/program/ic_map_library.png)}
.map_service ul.map_menu>li.bgoff a:before{background-color:#eaeaea}
.map_service ul.map_menu>li.ic_food.bgoff a:before{background-image:url(../images/program/ic_map_food_off.png)}
.map_service ul.map_menu>li.ic_stay.bgoff a:before{background-image:url(../images/program/ic_map_stay_off.png)}
.map_service ul.map_menu>li.ic_culture.bgoff a:before{background-image:url(../images/program/ic_map_culture_off.png)}
.map_service ul.map_menu>li.ic_market.bgoff a:before{background-image:url(../images/program/ic_map_market_off.png)}
.map_service ul.map_menu>li.ic_bank.bgoff a:before{background-image:url(../images/program/ic_map_bank_off.png)}
.map_service ul.map_menu>li.ic_park.bgoff a:before{background-image:url(../images/program/ic_map_park_off.png)}
.map_service ul.map_menu>li.ic_school.bgoff a:before{background-image:url(../images/program/ic_map_school_off.png)}
.map_service ul.map_menu>li.ic_medical.bgoff a:before{background-image:url(../images/program/ic_map_medical_off.png)}
.map_service ul.map_menu>li.ic_facility.bgoff a:before{background-image:url(../images/program/ic_map_facility_off.png)}
.map_service ul.map_menu>li.ic_welfare.bgoff a:before{background-image:url(../images/program/ic_map_welfare_off.png)}
.map_service ul.map_menu>li.ic_sports.bgoff a:before{background-image:url(../images/program/ic_map_sports_off.png)}
.map_service ul.map_menu>li.ic_library.bgoff a:before{background-image:url(../images/program/ic_map_library_off.png)}
.map_service ul.map_menu>li a span{display:block;  display:flex; align-items:center; justify-content:center; margin-top:-0.8rem; height:3.5rem; line-height:130%}
.map_service p.list_close{position:absolute; right:1rem; top:1.2rem; z-index:102}
.map_service p.list_close a{display:block; padding:2px 1rem 0.5rem 2rem; background:#fff; font-size:1.3rem;}
.map_service p.list_close a:after{display:block; content:''; position:absolute; left:0.7rem; top:0.8rem; width:0.7rem; height:0.5rem; border-top:1px solid #333; border-bottom:1px solid #333}
.map_service p.list_close a:before{display:block; content:''; position:absolute; left:0.7rem; top:1.1rem; width:0.7rem; height:1px; background:#333}
.map_service div.map_result{max-height:55rem; overflow-y:auto}
.map_service div.map_result ul.depth{padding:1.5rem 3rem; border-top:1px solid #ddd}
.map_service div.map_result ul.depth>li{display:inline-block; position:relative}
.map_service div.map_result ul.depth>li:before{display:inline-block; content:'>'; margin:0 0.6rem 0 2px; font-size:1rem; color:#aaa; font-family:gulim;}
.map_service div.map_result ul.depth>li:first-child:before{display:none}
.map_service div.map_result ul.depth>li a{font-size:1.2rem; color:#888}
.map_service div.map_result ul.depth>li:first-child a{padding-left:1.4rem; background:url(../images/program/ic_map_reset.png) no-repeat left 0.35rem / 1.3rem; font-weight:500;}
.map_service div.map_result ul.list{margin:0 3rem; padding-bottom:2.5rem; border-top:1px solid #eee}
.map_service div.map_result ul.list>li{position:relative; padding:0.8rem 5rem 0.8rem 1rem; border-top:1px dashed #ddd; line-height:140%}
.map_service div.map_result ul.list>li:after{position:absolute; content:''; position:absolute; top:1.6rem; left:2px; width:0.3rem; height:0.3rem; background:#ddd}
.map_service div.map_result ul.list>li a{display:inline-block; font-size:1.4rem; letter-spacing:-1px}
.map_service div.map_result ul.list>li span{position:absolute; right:0.3rem; top:24%; text-align:center; padding:2px 0.5rem 0.3rem; width:3.5rem; background:#eaeaea; border-radius:3rem; line-height:1.5rem;}
.map_service div.map_result ul.list>li:first-child{border-top:0}
.map_service div.map_result p.noresult{text-align:center; padding:2rem 0 2rem; border-top:1px solid #ddd; font-weight:bold}
.map_service div.map_result p.noresult a{display:inline-block; padding:0 1.5rem 2px; background:#777; color:#fff; font-size:1.4rem; border-radius:6rem}

/*** 결제창경고 ***/
.warning {width:50rem; margin:15% auto 0; padding-top:10rem; text-align:center; background:url(../images/program/ic_warning.gif) no-repeat center top / 12.2rem;}
.warning p {margin-bottom:2em; font-size:2.2em}
.warning .code {font-size:3em; font-weight:500; color:#0072ff}

/*채용정보검색*/
.job_search .inner {padding:3rem; border:1px solid #ddd; background:#f8f9fa;}
.job_search .inner dl:first-child {padding-bottom:2rem; margin-bottom:2rem; border-bottom:1px solid #ddd;}
.job_search dl {position:relative; padding-left:10rem;}
.job_search dl dt {position:absolute; left:0; font-weight:500;}
.job_search .inner dl dd ul.list {overflow:hidden;}
.job_search .inner dl dd ul.list li {float:left; width:25%; margin-top:0.5rem;}
.job_search .inner dl dd input[type=checkbox], .job_search .inner dl dd input[type=radio] {position:absolute; opacity:0;}
.job_search .inner dl dd label {position:relative; display:block; min-height:2.3rem; padding-left:3.5rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.job_search .inner dl dd label:before {display:block; content:""; position:absolute; left:0.8rem; top:0; width:2rem; height:2rem; border-radius:50%; border:1px solid #b5b5b5; background:url(../images/program/checkbox.gif) no-repeat center center / 1.3rem;}
.job_search .inner dl dd input:checked + label:before {border-color:#376ac8; background-color:#376ac8; background-image:url(../images/program/checkbox_on.gif);}
.job_search .keyword {padding:3rem; border:1px solid #ddd; border-top:0;}
.job_search .keyword dt {padding-top:0.9rem; font-weight:normal;}
.job_search .keyword input[type=text] {width:85%; height:4rem; padding:0.5rem; border:1px solid #ccc;}
.job_search .keyword input[type=submit] {width:14%; height:4rem; color:#fff; font-size:2rem; border:0; background:#333;}

/* 달력 */
.calendar {position:relative;}
.cal_month {position:relative; margin:0 auto 4rem; width:42rem;}
.cal_month p {font-size:4.5rem; color:#488f12; text-align:center; letter-spacing:1px;}
.cal_month ul li {position:absolute; top:1.2rem;}
.cal_month ul li.prev {left:0;}
.cal_month ul li.next {right:0;}
.cal_month ul li a {display:block; position:relative; }
.cal_month ul li a span.cal_txt {display:block; line-height:4rem; height:4rem;}
.cal_month ul li a span.cal_btn {display:block; position:absolute; top:0; line-height:4rem; height:4rem;}
.cal_month ul li.prev a span.cal_btn {right:8.5rem; width:4rem;}
.cal_month ul li.next a span.cal_btn {left:8.5rem; width:4rem;}
.cal_month ul li a:hover span.cal_btn,
.cal_month ul li a:focus span.cal_btn{background-color:#488f12;}
.cal_month ul li a span.cal_txt {width:8.5rem; background:#f8f8f8; color:#000; font-weight:500; overflow:hidden; text-align:center;}

.calendar div.day {display:table; table-layout:fixed; width:100%;}
.calendar div.day>ul {display:table-row;}
.calendar div.day>ul>li {display:table-cell; border:1px solid #dcdcdc; border-right:0; border-top:0; padding:1rem; width:14.28%; vertical-align:top;}
.calendar div.day>ul>li:first-child, .calendar div.day>ul>li:first-child p.date {border-left:0px; color:#c61d1d;}
.calendar div.day>ul>li:last-child, .calendar div.day>ul>li:last-child p.date {color:#155297;}
.calendar div.day>ul.td>li:not(.dp_pc):hover  {background:#eee;}
.calendar div.day>ul.th>li {padding:1.5rem 0; text-align:center; background:#f9f9f9; border-top:2px solid #333333; border-bottom:1px solid #dddddd; font-weight:500; font-size:1.6rem;}
.calendar div.day>ul.td>li.today  {border:2px dotted #488f12; box-sizing:border-box;}
.calendar div.day>ul.td>li p.date {text-align:right; font-weight:bold ;}
.calendar div.day>ul.td>li ul li  {position:relative; font-size:1.4rem;}
/* 예약 */
.calendar.reserve div.day>ul.td>li ul li {margin:0.3rem 0; padding-left:1rem; background:#fff;}
.calendar.reserve div.day>ul.td>li ul li a {padding:2px 0; display:block; font-weight:500; color:#1d38ff}
.calendar.reserve div.day>ul.td>li ul li:after  {display:block; content:''; position:absolute; top:1.1rem; left:0.3rem; width:2px; height:2px; background:#488f12;}
.calendar.reserve div.day>ul.td>li ul li.finish:after {background:#ccc;}
.calendar.reserve div.day>ul.td>li ul li.finish a {color:#888; font-weight:normal;}
.calendar.reserve div.day>ul.td>li:hover ul li.finish a {text-decoration:line-through; cursor:default;}

#autoLogout{position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(255,255,255,.7); z-index:999; word-break:keep-all}
#autoLogout .layer{position:absolute; left:0; right:0; margin:7% auto 0; width:90%; max-width:80rem; background:#fff; word-break:keep-all; border:0.3rem solid #222}
#autoLogout .layer .title{position:relative; text-align:center; padding:7rem 3rem 3rem; font-weight:500; color:#000; font-size:1.5em;}
#autoLogout .layer .title:after{display:block; content:''; position:absolute; left:50%; bottom:0; margin-left:-2px; width:0.4rem; height:0.4rem; background:#000; border-radius:5rem; box-shadow:1rem 0 0 #333, -1rem 0 0 #333}
#autoLogout .layer .box{margin-top:2.5rem; padding:0 5%}
#autoLogout .layer .box p{text-align:center; margin:0.5rem auto; font-size:1.2em; max-width:50rem}
#autoLogout .layer .box p.warning{font-size:1.2em; color:#c90c0f; font-weight:bold}
#autoLogout .layer .box p.time{text-align:center}
#autoLogout .layer .box p.time span{display:inline-block; padding:0.5rem 2.5rem; background:#f0f0f0; border-radius:10rem}
#autoLogout .layer .box p.acc{margin-top:3rem}
#autoLogout .layer .btnGroup{text-align:center; padding:2rem 2rem 5rem;}
#autoLogout .layer .btnGroup a{display:inline-block; padding:0.5rem 3rem; background:#333; color:#fff; border-radius:5rem}
#autoLogout .layer .btnGroup a:first-child{border:1px solid #ccc; color:#333; background:#fff; font-weight:bold}

/* 이벤트 */
.event-img-list {display:flex; flex-wrap:wrap; margin-top:4rem; border-top:2px solid #333;}
.event-img-list>li {display:flex; align-items:center; padding:2rem 0; width:50%; border-bottom:1px dotted #aaa;}
.event-img-list>li.end {opacity:0.7;}
.event-img-list>li>.img {width:35%;}
.event-img-list>li>.img img {border-radius:0.5rem;}
.event-img-list>li>.con {width:65%; padding:0 1.5rem;}
.event-img-list>li>.con dt {margin-top:1.3rem; margin-bottom:1rem; font-size:2rem; font-weight:600; white-space:normal; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; word-wrap:break-word;}
.event-img-list>li>.con dd p{margin-bottom:0.5rem;}
.event-img-list>li>.con dl+p {margin-top:2.5rem;}
.event-img-list>li>.con dl+p a {display:inline-block; padding:0.5rem 2.5rem; color:#fff; border-radius:1.5rem; background:#333;}

.event-img-detail .outline {display:flex; justify-content: space-between; margin-bottom:3rem;}
.event-img-detail .outline .img {width:23%;}
.event-img-detail .outline .img img {border-radius:0.5rem;}
.event-img-detail .outline .con {width:73%;}
.event-img-detail .outline .con dt {padding-bottom:2.5rem; margin-bottom:2.5rem; margin-top:1rem; font-weight:500; font-size:2.2rem; border-bottom:1px solid #ccc;}
.event-img-detail .outline .con dt p.situation {margin-right:0.5rem;}
.event-img-detail .outline .con dd {padding-left:2px;}
.event-img-detail .outline .con dd p:not(:first-child) {margin-top:1rem;}
.event-img-detail .outline .con dd p {padding-left:6.5rem;}
.event-img-detail .outline .con dd p>span:first-child {position:absolute; left:1.8rem; top:0;}
.event-img-detail .detail-event {margin-top:1.5rem; padding:3rem 1rem; font-size:1.6rem; line-height:2.8rem; border-top:1px solid #333; border-bottom:1px solid #ccc;}

.event-contents .situation {text-align:center; width:10rem; font-size:1.6rem; padding:0.7rem 0;}
.event-contents .situation.coming {color:#333; border:1px solid #333; background:#fff;}
.event-contents .situation.now {color:#fff; background:#5e31b3;}
.event-contents .situation.end {color:#555; background:#f0f0f0;}
.event-contents .info p{position:relative; padding-left:1.8rem; background-repeat: no-repeat; background-position: 0 0.4rem; background-size: 1.3rem;}
.event-contents .info p.date{background-image:url(../images/program/eventinfo_date.gif);}
.event-contents .info p.area{background-image:url(../images/program/eventinfo_area.gif);}
.event-contents .info p.host{background-image:url(../images/program/eventinfo_host.gif);}
.event-contents .info p.call{background-image:url(../images/program/eventinfo_call.gif);}
.event-contents .info p.file{background-image:url(../images/program/eventinfo_file.gif);}

/* 아카이브 */
.photo_slide{display: flex; flex-direction: column; gap: 2rem; border-radius:0.7rem; overflow:hidden;}
.photo_slide p.photo{text-align:center; height:65rem; border-radius: 0.7rem; overflow:hidden; background-color:#F0F0F0;}
.photo_slide p.photo img{height:100%}
.photo_slide .list_box{position: relative; height:15rem; padding:1.5rem 3rem; border-radius:0.7rem; background-color:#F0F0F0;}
.photo_slide .list_box .list{width: calc(100% - 16rem); height:100%; margin:auto; overflow: hidden;}
.photo_slide .list_box .list>ul{position: relative; left: 0 !important; text-align: center; height: 100%; width: 100%; margin: 0 auto; line-height: 0; white-space: nowrap;}
.photo_slide .list_box .list>ul>li{position: relative; display: inline-block; margin-left: 0.5rem; width:calc((100% / 8) - (0.5rem * 7 / 8)); height:100%;  line-height: 0; border-radius: 0.3rem; overflow: hidden;}
.photo_slide .list_box .list>ul>li:first-child {margin-left: 0;}
.photo_slide .list_box .list>ul>li.on::before{content: ''; position: absolute; left: 0; top: 0; width: calc(100% - 6px); height: calc(100% - 6px); border:3px solid var(--contents-brown);}
.photo_slide .list_box .list>ul>li img{width: 100%; height: 100%; object-fit: cover;}
.photo_slide .list_box>a{position:absolute; top: calc(50% - 2rem); width: 4rem; height: 4rem; border:1px solid var(--contents-brown); border-radius:0; border-width:1px 0 0 1px;}
.photo_slide .list_box .prev{left:5rem; transform:rotate(315deg);}
.photo_slide .list_box .next{right:5rem; transform:rotate(135deg);}

.board_list ul.archive{display:flex; flex-wrap:wrap; gap: 3rem; margin-top:3rem; padding-bottom:6rem;}
.board_list ul.archive li{flex:0 0 auto; width: calc(33.3% - 2rem);}
.board_list ul.archive li .img{position:relative; height:30rem; border-radius:2rem; background:#e9e9e9; overflow:hidden;}
.board_list ul.archive li .img img{width: 100%; height: 100%; object-fit: cover;}
.board_list ul.archive li .con {display: flex; flex-direction: column; gap: 1rem; padding: 3rem 1.5rem 0;}
.board_list ul.archive li .con .tit{color:#222; font-size: 2.5rem; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.board_list ul.archive li .con p {color:#666;}
.archive_view{display:flex; flex-direction: column; gap:5rem; margin-bottom: 3rem; border-bottom:1px solid #aaa;}
.archive_view .con {padding-bottom: 5rem;}
.archive_view .con .tit{margin-bottom: 3rem; padding-bottom: 3rem; border-bottom:2px solid #333;}
.archive_view .con .tit>span{display:inline-block; margin-bottom:1rem; color:#999; font-size: 1.5rem; line-height: normal;}
.archive_view .con .tit>p{font-size: 3.5rem; font-weight: 700; line-height: 150%;}
.archive_view .con .view_list {display: flex; flex-direction: column; gap: 1rem;}
.archive_view .con .view_list dl{display:flex; align-items: flex-start; gap:1.5rem;}
.archive_view .con .view_list dl dt {flex: 0 0 auto; text-align:center; width: 12rem; border-radius:0.3rem; font-weight: 700; border:1px solid #ccc;}
.archive_view .con .view_list dl dd {padding-top: 0.2rem;}
.archive_view .con .tag{margin-top:3rem; word-break:keep-all;}
.archive_view .con .txt{margin-top:3rem; word-break:keep-all;}
.relicOpen {display: flex; justify-content: space-between; flex-wrap: wrap; gap: 2rem; padding: 3rem; background: #F5F5F5;}
.relicOpen dl dt {font-weight: 700;}
.relicOpen img{max-width: 26.5rem !important;}

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

@media screen and (min-width:841px){
 .dp_mb{display:none !important}
 .board_view div.con .table-d+.table-d dt {display: none;}
}

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

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

	.btn-box {flex-wrap: wrap; margin-top: 4rem;}
	.search{padding:3.5% 0%}
	.search select{width:25%}
	.search .word{padding-right:7.5rem; width:65%}
	.search input[type=submit]{width:7rem}
	.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:0}
	.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:0.5rem;}
	.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:2rem}
	.board_list ul.generalList>li p{float:none; width:100%}
	.board_list ul.generalList>li div.writer_info{float:none; margin-top:1rem; 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:1rem; width:auto}
	.board_list ul.lecList>li{width:100%; margin:0.3rem 0}
	.board_list ul.lecList>li:nth-child(2):after{display:none}
	.board_list ul.lecList>li>div{padding:1rem 1.5rem 1.5rem; border-width:0 0 1px 0}
	.board_list ul.lecList>li .tag_state{top:1.5rem; right:1.5rem; min-width:6rem;}
	.btn_lectureApply {right:1.5rem; top:4.5rem;}
	.board_list ul.lecList>li ul{margin-top:0.8rem}
	.board_list ul.lecList>li.close *{color:#aaa}
	.board_list ul.photoList,
	.board_list ul.photoList2{padding:4rem 2rem; gap:1rem 3%}
	.board_list ul.photoList>li,
	.board_list ul.photoList2>li{width:48%; max-width:unset;}
	.board_list ul.photoList>li p.img,
	.board_list ul.photoList2>li p.img{height:17rem}
	.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:16rem}
	.board_list ul.galleryList>li p.img img{min-height:16rem}
	.board_list ul.galleryList>li div.con{width:55%; height:auto; min-height:12rem}	

	.board_list ul.ebookList{flex-wrap: nowrap; white-space:nowrap; overflow-x:auto}
	.board_list ul.ebookList>li{flex-basis: auto; min-width:30rem; max-width: 100%; border:0px; box-shadow:none;}
	.board_list ul.ebookList>li:before{display:none}
	.board_list ul.ebookList>li p.img {height: 40rem;}
	.board_list ul.ebookList>li div.con{float:none; padding:10px 5px; width:100%; height:auto; min-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:1rem; width:100%}
	.board_list ul.ebookList>li div.con ul.ebook_btn li a{padding-left:3.5rem; 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:1rem; height:auto; text-overflow:ellipsis; overflow:hidden; white-space:nowrap}
	.board_list .surveyList>li{float:none !important; padding:2rem; width:100%}
	.board_list .surveyList>li:nth-child(2){border-top:0}
	.board_list .surveyList>li.open{border-color:#666; border-top-color:#333}
	.board_list .surveyList>li p.tit{margin-top:0.3rem; height:auto; text-overflow:ellipsis; overflow:hidden; white-space:nowrap}
	.board_list .oneList.haveBtn>li div.con{padding-right:0}
	.board_list .oneList>li div.con ul.oneList_btn{position:static; text-align:center; margin-top:2rem; padding:1.5rem 1rem 0.3rem; 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:0}	
	.board_list table.general_board thead{display:none}
	.board_list table.general_board,
	.board_list table.general_board tbody,
	.board_list table.general_board tr,
	.board_list table.general_board td{display:block}
	.board_list table.general_board tbody tr{padding: 1rem;}
	.board_list table.general_board tbody td{display:inline-block; padding:0.1rem 1rem 0.1rem 0}
	.board_list table.general_board tbody td:first-child,
	.board_list table.general_board tbody td:last-child{position:absolute; left:-9999px; width:0; height:0; overflow:hidden; font-size:0; line-height:0; z-index:-1} /*숨김*/
	.board_list table.general_board tbody td.title{text-align: left; max-width:100%; width:100%;}
	.board_list table.general_board tbody td.title a{word-break: break-all; font-weight: 700;}
	.board_list table.general_board tbody img{position:relative; top:0.5rem; left:1rem; padding-right:0.5rem}
	.data_list>li{flex-wrap: wrap;}
	.data_list>li dl{flex-basis: 100% !important; border-top:1px dotted #ccc}
	.data_list>li.col2 dl:first-child{border-top:0}
	.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:1.5rem}
	.add_file dl>dt,
	.data_list>li dl dt{width:8rem}
	.add_file dl>dt{display: none;}
	.add_file .alldown{right:1rem; top:1rem}
	.photoView p{height:20rem}
	.photoView p img{max-height:20rem}
	.contact>div.map{height:20rem; overflow:hidden}
	.contact>div.map_info ul{margin-top:1rem}
	.contact>div.map_info ul li{font-size:1.4rem}
	.contact>div.map_info ul li:After{top:1rem}
	.note>dl{padding-left:0}
	div.note>dl>dt{position:relative; top:2rem; transform:translateY(0%); -webkit-transform:translateY(0%); -ms-transform:translateY(0%); -moz-transform:translateY(0%); -o-transform:translateY(0%); left:0; text-align:center;}
	div.note>dl>dd div{padding:0 0.5rem; line-height:2.7rem;  background-image:url(../images/program/note_line2.gif)}
	div.note>dl>dd div *{line-height:2.7rem;}
	.comment div.comment_writer ul li{width:32%}
	.comment div.comment_form{padding-right:10rem;}
	.comment div.comment_form input[type=submit]{width:10rem}
	.board_write ul li dl{align-items: flex-start; flex-direction: column; gap: 1rem;}
	.board_write ul li.addr dl dd p:not(:nth-child(1)) {flex-wrap: wrap;}
	.board_reply>div{padding:3rem 2.5rem}
	.survey_frame>ul>li{padding:3rem}
	.survey_frame .a_img li{float:none; margin-left:0%; width:100%; overflow:hidden}
	.survey_frame .a_img li img{height:10rem}
	.survey_frame .a_img li>p{float:left; width:50%}
	.survey_frame .a_img li>p.txt{padding-left:2%; width:48%}
	.schedule table {border-top: none;}
	.schedule table thead,
	.schedule table tbody td.close{display:none}
	.schedule table tbody td{display:block; padding: 0; width:100%; height:auto; border: 0; border-top: 1px solid #ccc;}
	.schedule table tbody td p.date{text-align: center; padding: 1rem; width: 100%; font-size: 1.6rem; background: #f5f5f5}
	.schedule table tbody td>i{top: 1.5rem;}
	.schedule table tbody td ul{flex-direction: row; flex-wrap: wrap; padding:1rem;}
	.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:3rem 0}
	.schedule_week dl.list dt{position:relative; top:0; text-align:center; padding:0.5rem 1rem; width:10rem; font-size:1.8rem; font-weight:500; color:#fff; background:#484848; border-radius:6rem}
	.schedule_week dl.list dt span{display:inline; padding-left:0.5rem; font-weight:normal}
	.schedule_week dl.list dd{padding-top:1rem; padding-left:0.5rem}
	.schedule_week dl.list dd>ul>li a{padding:0.8rem 0}
	.schedule_week dl.list dd>ul>li .time{display:none}
	.schedule_week dl.list dd>ul>li .place{display:none}
	.schedule_week dl.list dd>ul>li div.con{display:none; margin-top:1rem; padding:3rem; background:#f0f0f0}
	.join_step li{font-size:1.6rem !important}
	.join_step li:after{margin:0.5rem 1.5rem 0.5rem 0.5rem}
	.join_step li span.txt{display:none}
	.join_step li span.num{margin-right:0; width:2.7rem !important; line-height:2.7rem !important}
	.join_step li.select span.num{margin-right:0.5rem}
	.join_step li.select span.txt{display:inline-block}

	.join li{margin:0% 0% 2rem; width:100%; border-top:0.3rem solid #333}
	.joinFinish{text-align:center; margin:4rem auto 6rem; padding:0; max-width:100%; background:none; border:0}
	.joinFinish dl{display:inline-block; padding:13rem 0 0; background-position:center top}
	#contents .login{padding:5%; width:85%; border:0; background:none}
	#contents .login p.tit{float:none; margin-top:3rem; width:100%}
	#contents .login div.con{float:none; margin:8% auto; width:100%}
	.password_txt{position:relative; padding:2rem; width:auto; left:0; top:0}
	.password_txt:After{top:-1rem; left:3.5rem; border-left-color:transparent; border-bottom-color:#333}
	.map_service{position:static; width:auto; background:transparent; border-radius:0; overflow:visible; box-shadow:none}
	.map_service div.map_search{position:fixed; padding:2rem; padding-left:10rem; width:100%; border-bottom:0; box-sizing:border-box; z-index:101}
	.map_service div.map_search>div{background:#fff; border-radius:0.5rem; overflow:hidden; box-shadow:0px 1px 2px rgba(0,0,0,.5)}
	.map_service ul.map_menu{position:absolute; padding:2rem 0.5rem 1.8rem; width:8rem; height:100%; background:#fff; overflow-y:scroll; box-sizing:border-box; z-index:102; box-shadow:0 0 2px rgba(0,0,0,.2)}
	.map_service ul.map_menu>li{float:none; padding:0; width:auto}
	.map_service div.map_result{position:absolute; padding-left:8rem; 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:0.5rem}
	.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:5rem; padding-right:0;}
	.waste_tab ul li {width:33.3%; min-width:auto}
	.waste_tab ul li a {letter-spacing:-0.05em;}
	.search .field_wastebiz li dl{padding:0.7rem 0 0.7rem 9.5rem}
	.search .field_wastebiz li dl dt{width:9rem; height:4rem}
	.search .field_wastebiz li:nth-of-type(4) dl{width:100%}

	.state_step{flex-direction:column; gap:12px}
	.state_step li+li:before{transform: rotate(135deg); top:-12px; left:35%}
	.state_step li dl{flex-direction:row; align-items:center}
	.state_step li dl dt{padding:2rem 1rem; border-radius:3px}
	.state_step li dl dt>p{height:auto; font-size:1em}
	.state_step li dl dt:After{display:none}
	.state_step li dl dd{width:30%; background:none}
	.state_step li.select:After{display:none;}
	
	.board_write ul li dl dt br{display: none;}

	.ebook_view .con-box {flex-direction: column;}
	.ebook_view .con-box>div {width: 100%;}
	.ebook_view .summary .photo{text-align: center; margin: 0 auto 2rem auto; width:80%; }

	.board_list ul.archive li {width: calc(50% - 1.5rem);}
	.photo_slide .list_box .list>ul>li {width: calc((100% / 3) - (0.5rem * 2 / 3));}
	.photo_slide p.photo {display: flex; align-items: center; justify-content: center;}
	.photo_slide p.photo img{max-width: 100%; max-height: 100%; height: auto;}

	.board_view div.con .table-d {flex-direction: column; margin-bottom: 2rem; border-top: 0.3rem solid #544A44;}
	.board_view div.con .table-d dl {flex-direction: row; gap: 1rem; padding: 1.3rem 1rem; width: 100% !important; border-top: none; border-bottom: 1px solid #EAEAEA;}
	.board_view div.con .table-d dl dt,
	.board_view div.con .table-d dl dd {justify-content: flex-start; text-align: left; border: none; background: none; padding: 0;}
	.board_view div.con .table-d dl dt {width: 8rem; color: #3C3733; font-size: 1.8rem;}
	.board_view div.con .table-d dl dd {width: 100%; color: #5A5A5A; font-size: 1.8rem; border: none;}
}

@media screen and (max-width:480px){
	.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:0; border:0}
	/* .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:18.8rem}
	.board_list ul.photoList2>li p.noimg+div.con ul.list_info{display:none}
	.password p{padding:8.5rem 0 3rem; background-position:center 1rem}
	.agree .textarea textarea, .agree .textarea>div{height:15.5rem}
	.pop_page .popCon ul.qalist>li{margin-bottom:1rem; padding-left:0}
	.pop_page .popCon ul.qalist>li .q{position:relative; width:auto; font-size:1.6rem}
	.pop_page .popCon ul.qalist>li .a{margin-top:0.5rem}
	.pop_page .popTbox{margin-top:3rem}
	.pop_page .popTbox .list_info.bfont li{font-size:1.5rem}
	.joinfinish dl{padding:15rem 0 0; background-position:center 2rem}
	.job_search .inner dl dd ul.list li {width:100%;}
	.schedule div.month {padding-left: 0; padding-right: 0;}

	/* 이벤트 */
	.event-img-list {display:block;}
	.event-img-list>li {width:100%;}
	.event-img-detail .outline {display:block;}
	.event-img-detail .outline .img {width:100%; text-align:center;}
	.event-img-detail .outline .con {margin-top:2rem; width:100%;}

	.board_write input[type=month], .board_write input[type=date], .board_write input[type=text], .board_write input[type=password] {width: 80%;}

	.other_con {flex-direction: column; gap: 1rem; height: auto;}
	.other_con li{max-width: 100%; width: 100%;}
	.other_con li:nth-child(2) {flex-direction: row;}
	.other_con li:nth-child(2) span::after {left: auto; right: -3rem;}
	
	.board_list ul.archive li {width: 100%;}
	.photo_slide p.photo {height: 50rem;}
	.photo_slide .list_box {height: 10rem;}
	.photo_slide .list_box>a {top: calc(50% - 1rem); width: 2rem; height: 2rem;}
	.photo_slide .list_box .prev {left: 2rem;}
	.photo_slide .list_box .next {right: 2rem;}
	.photo_slide .list_box .list {width: calc(100% - 5rem);}
}