@charset "utf-8";
@import url(/open_content/comm/js/jquery/themes/base/jquery.ui.all.css);
@import url(/open_content/comm/SpryAssets/SpryValidationCheckbox.css);
@import url(/open_content/comm/SpryAssets/SpryValidationTextField.css);
@import url(/open_content/comm/SpryAssets/SpryValidationSelect.css);
@import url(/open_content/comm/SpryAssets/SpryValidationTextarea.css);

:root {
	--color: #104C99;
	--color-bg: #E8EEF5;
	--color-sub01: #FBAE16;
	--color-bg01: #FFF5E1;
	--color-sub02: #2EC5FC;
	--color-bg02: #E4F5FF;
	--color01: #2A67F0;
	--color01-bg: #D0DEFE;
	--color02: #7750E3;
	--color02-bg: #EEE8FF;
	--color03: #90C320;
	--color03-bg: #D8F7C0;
}

 input[type="submit"] { cursor:pointer; }
.input{ margin:2px 0px; width:30%; height:28px; border:1px solid #ccc; }
.board_detail_psmemo{display: none;} /* 게시글내에 화면에는 표출안되고, 관리자페이지에서만 보이게 할때 https://www.seo.incheon.kr/open_content/main/bbs/bbsMsgDetail.do?msg_seq=145&bcd=cardnews&pgdiv=news*/

.mbtn{display:inline-block; text-align:center; margin:2px 0px 0px 0px; padding:0px 22px; min-width:60px; height:40px; line-height:40px; font-size:16px; background:#f0f0f0; border:1px solid #ccc; vertical-align:middle; box-sizing:border-box; letter-spacing:-.5px; border-radius:3px}
/****************************************************************************************
	.tag_state - 상태(ex-강좌리스트, 예약)
	.lec_state - 강좌상태(큼, ex-상세)
	.tag_txt - 네모카테고리(네모 ex-리스트답변완료)
	.tag_cate - 둥근카테고리(원 ex-포토갤러리카테)
	.tag_ic - 리스트에서 타이틀 앞에 아이콘
*****************************************************************************************/
.lec_state{display:inline-block; text-align:center; padding:10px 20px; border-radius:3px; border:1px solid #ddd; line-height:150%; font-size:18px;}
.tag_txt{display:inline-block; text-align:center; margin-right:8px; padding:1px 5px 0px; min-width:60px; line-height:20px;border:1px solid #ddd; font-size:13px;}
.tag_cate{display:inline-block; text-align:center; margin:1px 0px; padding:0px 15px; min-width:40px; font-size:14px; border-radius:100px; border:1px solid #ddd; line-height:190%; }
.tag_state{display:inline-block; text-align:center; padding:1px 1.60px 0px; min-width:50px; font-size:13px; border-radius:100px; border:1px solid #ddd; line-height:1.6;}
.tag_ic{display:inline-block; vertical-align:middle; margin-right:7px; width:16px; height:20px; background-image:url(/share/images/program/ic_board.gif); text-indent:-5000px}
.tag_ic.ic_reply{margin-left:10px; background-position:left center}
.tag_ic.ic_open{background-position:-40px center}
.tag_ic.ic_close{background-position:-80px center}
.tag_ic.ic_new{width:33px; background-position:-120px center}
.tag_notice{margin-right:5px; color:#1a5194; font-weight:bold; font-size:13px;}

/* .c_rd { color:#d12d2d; font-weight:600; }
.c_or { color:#c54e17; font-weight:600; }
.c_bl { color:#0a488d; font-weight:600; }
.c_vi { color:#67419b; font-weight:600; }
.c_gr { color:#177463; font-weight:600; }
.c_pk { color:#ce405e; font-weight:600; } */
.c_Lgr { color:#429a03; font-weight:600; }
/* .c_bk { color:#333; font-weight:600; } */
.c_gray { color:#666; }
.bg_lightgray { background:#f9f9f9 !important; }
/* 태그 및 버튼 색상 */
.c_rd{border-color:#a82a2a; color:#a82a2a; font-weight: 600;}
.c_or{border-color:#da6506; color:#f16c00; font-weight: 600;}
.c_yg{border-color:#5a9020; color:#5a9020; font-weight: 600;}
.c_gr{border-color:#187332; color:#187332; font-weight: 600;}
.c_gb{border-color:#1b7f74; color:#1b7f74; font-weight: 600;}
.c_bg{border-color:#1c789a; color:#1c789a; font-weight: 600;}
.c_bl{border-color:#1a5194; color:#1a5194; font-weight: 600;}
.c_nv{border-color:#122e74; color:#122e74; font-weight: 600;}
.c_vi{border-color:#5c3ca7; color:#5c3ca7; font-weight: 600;}
.c_pp{border-color:#883a99; color:#883a99; font-weight: 600;}
.c_pk{border-color:#d23f62; color:#d23f62; font-weight: 600;}
.c_bk{border-color:#333; color:#333; font-weight: 600;}
.c_gy{border-color:#666; color:#666; font-weight: 600;}
.bg_rd{background:#C82C2C; border-color:#C82C2C; color:#fff}
.bg_or{background:#da6506; border-color:#f16c00; color:#fff}
.bg_yg{background:#5a9020; border-color:#5a9020; color:#fff}
.bg_gr{background:#187332; border-color:#187332; color:#fff}
.bg_gb{background:#1b7f74; border-color:#1b7f74; color:#fff}
.bg_bg{background:#1c789a; border-color:#1c789a; color:#fff}
.bg_bl{background:#1a5194; border-color:#1a5194; color:#fff}
.bg_nv{background:#122e74; border-color:#122e74; color:#fff}
.bg_vi{background:#5c3ca7; border-color:#5c3ca7; color:#fff}
.bg_pp{background:#883a99; border-color:#883a99; color:#fff}
.bg_pk{background:#d23f62; border-color:#d23f62; color:#fff}
.bg_bk{background:#333; border-color:#333; color:#fff}
.bg_gy{background:#666; border-color:#666; color:#fff}
.bg_yl{background:var(--color-sub01); border-color:var(--color-sub01); color: #fff;}
.bg_lb{background:var(--color-sub02); border-color:var(--color-sub02); color: #fff;}
.bg_lg{font-weight: normal;}
.bg_yg{background:#8DC21B; border-color:#8DC21B; color: #fff;}

a.c_rd, a.c_or, a.c_bl, a.c_vi, a.c_gr, a.c_pk, a.c_bk, a.c_gray, a.c_Lgr {text-decoration:underline}

.w50 { width:50px !important; }
.w70 { width:70px !important; }
.w10p { width:7% !important; }
.w15p { width:12% !important; }
.w16p { width:16% !important; }
.w20p { width:17% !important; }
.w25p { width:22% !important; }
.w28p { width:25% !important; }
.w30p { width:27% !important; }
.w33p { width:30% !important; }
.w35p { width:33% !important; }
.w40p { width:37% !important; }
.w45p { width:42% !important; }
.w50p { width:47% !important; }
.w60p { width:57% !important; }
.w70p { width:67% !important; }

#detail_con .btn { display:inline-block; padding:0px 20px; min-width:55px; height:40px; line-height:40px; text-align:center; vertical-align:top; font-size:16px; font-weight:600; border-radius:3px; overflow:hidden; transition:all .5s ease; box-shadow:0px 1px 0px rgba(0,0,0,.2)}
input.btn3 { display:inline-block; padding:0px 20px; min-width:95px; height:42px; line-height:42px; text-align:center; vertical-align:top; font-size:16px; font-weight:600; border-radius:3px; overflow:hidden; transition:all .5s ease; box-shadow:0px 1px 0px rgba(0,0,0,.2)}
#detail_con input.btn { min-width:95px; }
#detail_con .btn:hover { background:#67419b; color:#fff; }
.btn_forinput { display:inline-block; padding:0px 10px; height:28px; line-height:28px; min-width:35px; text-align:center; vertical-align:top; border-radius:3px; font-size:15px; background:#353535; border:none; font-weight:bold; color:#fff; vertical-align:middle}
.btnRound, .btn_board { display:inline-block; padding:2px 15px; border-radius:30px; background-color:#ccc; }
.btn_board.bg_bk {background-color: #333;}
#detail_con .ic_down { padding-left:30px; background-image:url(/open_content/share/images/program/ic_down.gif); background-repeat:no-repeat; background-position:12px center }
#detail_con .ic_downBk { padding-left:30px; background-image:url(/open_content/share/images/program/ic_downBk.gif); background-repeat:no-repeat; background-position:12px center }
#detail_con .ic_view { padding-left:30px; background-image:url(/open_content/share/images/program/ic_view.png); background-repeat:no-repeat; background-position:12px center }
#detail_con .btn_ok, .btn_blue { border:none !important; background-color:#0d6aca !important; color:#fff; }
#detail_con .btn_back,#detail_con  .btn_search { border:none !important; background-color:#353535 !important; color:#fff; }
.btn_pk { background-color:#ce405e; color:#fff; }
.btn_vi { background-color:#67419b; color:#fff; }
.btn_gr { background-color:#f0f0f0; border:1px solid #ccc; color:#666; }
.btn_gre { background-color:#17a428; color:#fff; }
.btn_preview { margin-left:5px; padding:5px 10px 5px 27px; width:89px; border-radius:3px; font-size:14px; color:#fff; font-weight:bold; background-color:#757575 !important; background:url(/open_content/share/images/program/ic_view.png) no-repeat 10px center }
#detail_con .goUrl[class*=ic_down] { display: inline-block; padding-left: 20px; background-position:1px center; text-decoration: underline; }

.btnBox { text-align:right }
.board_view+.btnBox,
.board_write+.btnBox {margin-top: 40px;}
.gomap { display:inline-block; padding-left:15px; background:url(/open_content/main/images/sub/ic_mapBk.png) no-repeat 3px 4px; }


.tbox { padding:2% 2.5%; margin-bottom:20px; border:1px solid #dcdcdc; background:#f8f8f8 }
.pgm_tbox { margin-bottom:10px; padding:2% 2.5%; border:1px solid #dcdcdc; max-height:350px; overflow-y:scroll; }
div.search { margin-top:20px; margin-bottom:30px; padding:12px; border:1px solid #ccc; background:#f6f6f6; text-align:center; }
div.search select { height:28px; vertical-align:middle; }
div.search input[type="text"] { margin:2px 0px; width:30%; height:28px; border:1px solid #ccc; }
div.search input[maxlength="10"] { max-width:100px; text-align:center; }
div.search p.entertxt { position:relative; display:inline-block; padding-right:50px; width:65%; max-width:250px; min-width:150px; }
div.search p.entertxt input[type="text"] { width:98%; padding-left:2%; }
div.search p.entertxt input[type="submit"] { position:absolute; right:0px; top:2px;  }
div.search div.word {  padding:0px 5%; }
div.search div.word ul { padding-top:20px; margin-top:20px; border-top:1px dashed #ccc; }
div.search div.word ul li { display:inline-block; margin:1px 0px; width:7%; max-width:30px; min-width:25px }
div.search div.word ul li.all { width:50px; max-width:50px; }
div.search div.word ul li a { display:block; width:100%; height:30px; line-height:30px; background:#2B77CD; border:1px solid #1156A4; font-size:17px; font-weight:bold; color:#fff; text-shadow:0px 0px 1px rgba(0,0,0,.5) }
div.search div.word ul li.select a { background:#5d4ca9; border-color:#5E4F9F; text-decoration:underline; }
.search_type02 fieldset>div{display: flex; flex-wrap: wrap; gap:10px; justify-content: center; padding: max(15px, 4%) max(20px, 4%); background: #f5f5f5;}
.search_type02 dl.fieldBox{display: flex; align-items: center;  padding:5px 10px 5px 5px; background: #fff; border-radius:5px}
.search_type02 dl.fieldBox :where(dt, dt *) {font-size: .95rem}
.search_type02 dl.fieldBox dt{position: relative; padding:0px 2em}
.search_type02 dl.fieldBox dt:after{display: block; content: ''; position: absolute; top: .4em; bottom: .3em; right:0em; width: 1px; background: rgba(0,0,0,.1);}
.search_type02 dl.fieldBox dd{padding-left: .8em}
.search_type02 dl.fieldBox :where(input, select){border:0px; padding: 5px; background-color: transparent; font-size: .95rem; box-sizing:border-box}
.search_type02 .fieldbtnBox{display: flex; align-items: center;  justify-content: center; gap:5px;   width: 100%; max-width:400px; text-align: center;  margin-top: 5px;}
.search_type02 .fieldbtnBox>*{flex-grow:1; max-width:48%; border-radius:3px;}
.break { word-break:break-all }
.nowInall { text-align:right; margin-bottom:5px; }

/***** 목록 *****/
/* 보기, 목록 공통 */
table.general_board { margin-top:5px; margin-bottom:20px; width:100%; /* table-layout:fixed;  */ border-bottom:1px solid #8e8e8e; }
table.general_board thead th { padding:13px max(1%, 5px); border-top:2px solid #353535; border-bottom:1px solid #8e8e8e; text-align:center; color:#333; font-size:15px; background:#f8f8f8 }
table.general_board tbody tr { border-top:1px dotted #dcdcdc; }
table.general_board tbody tr:first-child { border-top:0px; }
table.general_board tbody td { padding:13px max(1%, 5px); text-align:center; }
table.general_board tbody td.title {max-width:400px; height: 75px;}
table.general_board tbody td.title a { display:block; width:98%; /* overflow:hidden; white-space:nowrap; text-overflow:ellipsis; */ text-align:left; font-weight:bold; }
table.general_board tbody td.title span.ellip { display:block; width:90%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; text-align:left; font-weight:bold; }
/* .board_list table.general_board tbody td { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; } */
table.general_board tbody td.title2 {max-width:300px;}
table.general_board tbody td.title2 a, table.general_board.rows tbody td {white-space:normal; word-wrap:break-word; word-break:keep-all;}
/* movies */
.board_gallery>ul { overflow:hidden; padding:30px 0px; border-top:2px solid #353535; border-bottom:1px solid #8e8e8e; }
.board_gallery>ul>li { float:left; width:31.6%; padding:1% 1%; margin:.8%; border:1px solid #e5e5e5; border-bottom:1px solid #dcdcdc; border-top:1px solid #e9e9e9; background:#f8f8f8; box-sizing:border-box;}
.board_gallery .photo { height:157px; overflow:hidden; }
.board_gallery .photo img { width:100%; min-width:100%; min-height:157px; }
.board_gallery .title { padding:15px 10px 5px; text-align:center; }
.board_gallery .title a { display:block; font-size:17px; font-weight:bold; color:#222; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
.board_gallery .date { text-align:center; font-size:13px; margin:8px; margin-bottom:2px; }
.board_gallery .date .count { display:none; }
.board_gallery.h_25 .photo {height: 25rem;}
.board_gallery.h_25 .photo img {min-height: 25rem;}
/* photo2 */
.board_gallery2 { border-top:3px solid #353535; border-bottom:1px solid #353535; }
.board_gallery2>ul>li { padding:3% 2%; border-top:1px solid #ccc; overflow:hidden; }
.board_gallery2>ul>li:first-child { border-top:0px; }
.board_gallery2>ul>li>.photo { height:200px; background:#f9f9f9; overflow:hidden; }
.edu_class>.board_gallery2>ul>li>.photo { height:auto; }
.board_gallery2>ul>li>.photo img { width:100%; min-width:100%; min-height:200px; }
.edu_class>.board_gallery2>ul>li>.photo img { min-height:auto; }
.board_gallery2>ul>li>.photo .listmap { border:1px solid #ccc; }
.board_gallery2>ul>li>.photo .listmap img { max-height:10px; min-height:10px !important; }
.board_gallery2>ul>li>ul li.title { position:relative; padding:10px 80px 15px 2px; border-bottom:1px solid #dcdcdc; }
.board_gallery2>ul>li>ul li.title a { display:block; font-size:20px; font-weight:bold; color:#222; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
.board_gallery2>ul>li>ul li.title .count { margin-top:5px; font-size:13px }
.board_gallery2>ul>li>ul li.title .count.right { position:absolute; right:0px; top:5px; }
.board_gallery2>ul>li>ul li.con { padding:5px; margin-top:5px; overflow:hidden; }
.edu_class>.board_gallery2>ul>li>ul li.con { line-height:35px; }
.edu_class>.board_gallery2>ul>li>ul li.con span { padding-left:6px; background:url(/open_content/main/images/sub/ssssblet.gif) no-repeat left 8px; }
.board_gallery2>ul>li>ul li.con>dl { position:relative; margin-bottom:5px; min-height:21px; }
.board_gallery2>ul>li>ul li.con>dl>dt { font-weight:bold; }
/* ebook */
.board_ebook { border-top:3px solid #353535; border-bottom:1px solid #353535; }
.board_ebook>ul { overflow:hidden; padding:2% 2%; }
.board_ebook>ul>li { float:left; width:27.3%; padding:3%;  }
.board_ebook .photo { border:1px solid #b6b6b6; padding-right:1px; overflow:hidden; }
.board_ebook .photo p { border-right:1px solid #b6b6b6; padding-right:2px; }
.board_ebook .photo img { width:100%; height:250px; border-right:1px solid #b6b6b6; }
.board_ebook .title { padding:10px 2px 5px; font-size:17px; font-weight:bold; color:#222; text-align:center; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
.board_ebook .date { text-align:center; margin-bottom:10px; }
.board_ebook .con { display:none; }
/* 그린서구 */
.news_green { position:relative; border:1px solid #dcdcdc }
.news_green div.img { padding-right:2px; border:1px solid #dcdcdc; background:#fff; }
.news_green div.img p { padding-right:2px; border-right:1px solid #dcdcdc; line-height:0px; }
.news_green div.img img { width:100%; height:385px; padding-right:2px; border-right:1px solid #dcdcdc;  }
.news_green div.con>div { padding:3% 5%; padding-left:40%;  }
.news_green div.con>div.intro { }
.news_green div.con>div.intro p.tit { margin:2% 0px; }
.news_green div.con>div.info { border-top:1px solid #dcdcdc; background:#f8f8f8 }

/* FAQ 형식 */
.faq { border-top:3px solid #353535; border-bottom:1px solid #353535; }
.faq dl {border-bottom:1px solid #dcdcdc; }
.faq dl dt { padding:10px 10px; font-weight:600; font-size:15px; text-overflow:ellipsis; overflow:hidden; /* white-space:nowrap; */ cursor:pointer; }
.faq dl dd { display:none; padding:20px; border-top:1px dotted #a2a2a2; background:#f9f9f9; }

/* /open_content/main/open_info/boundary/summary_state.jsp */
ul.faqList{border-top:2px solid #333; border-bottom:1px solid #aaa; overflow:hidden}
ul.faqList>li p.tit{border-bottom:1px dotted #aaa}
ul.faqList>li:last-child p.tit{border-bottom:0px}
ul.faqList>li p.tit a{position:relative; display:block; padding:15px 60px 15px max(20px, 2%); font-size:1.13em; text-overflow:ellipsis; overflow:hidden; white-space:nowrap}
ul.faqList>li p.tit a:after,
ul.faqList>li p.tit a:before{display:block; content:''; position:absolute; right:23.5px; top:26px; width:11px; height:1px; background:#666; transform:rotate(45deg)}
ul.faqList>li p.tit a:before{right:16px; transform:rotate(-45deg)}
ul.faqList>li p.tit.open{border-width:0px; font-weight:bold}
ul.faqList>li p.tit.open a:after{right:16px}
ul.faqList>li p.tit.open a:before{right:23.5px}
ul.faqList>li div.con{display:none; padding:3% 4% 3.5%; background:#f9f9f9; border-bottom:1px solid #ccc}
ul.faqList>li:last-child div.con{border-bottom:0px}

/* 이미지없음 */
.noimage { display:block; background:#fff  url(/open_content/share/images/program/no-image.gif) no-repeat center center; border:1px solid #ebebeb; box-sizing:border-box; text-indent:-50000px; }
.board_ebook .noimage { height:250px; }
.board_gallery .noimage { height:157px; }
.board_gallery2 .noimage { height:200px; }
.nocontens { padding:40px 0 40px 15px; border-top:2px solid #353535; border-bottom:1px solid #8e8e8e; text-align:center; }
/* 태그 */
.tag { margin-left:-10px; }
.tag li { position:relative; display:inline-block; padding:0px 10px 0px 8px}
.tag li:before { display:block; content:''; position:absolute; right:0px; top:5px; height:10px; width:1px; background:#dcdcdc; }
.tag li:last-child:before { display:none; }
/* 워크넷 */
.general_board.worknet td{font-size:13px}
.general_board.worknet td .name{display:block; font-weight:bold; margin-bottom:5px; font-size:15px}
.general_board.worknet td .type{font-size:14px; font-weight:bold}
.general_board.worknet td ul.worklist li{position:relative; display:inline; padding:0px 10px; font-size:13px}
.general_board.worknet td ul.worklist li:after{position:absolute; left:0px; top:2px; display:block; content:''; height:13px; width:1px; background:#ccc}
.general_board.worknet td ul.worklist li:first-child{padding-left:0px}
.general_board.worknet td ul.worklist li:first-child:after{display:none}
/* 페이지 */
.paging { margin-top:20px; text-align:center; }
.paging a { display:inline-block; min-width:27px; text-align:center; vertical-align:middle; }
.paging a.page_btn { width:27px; height:27px; vertical-align:middle; border:1px solid #dcdcdc; background-color:#f8f8f8; }
.paging a.page_btn.first { background:url(/open_content/share/images/program/btn_first.gif) no-repeat center }
.paging a.page_btn.prev { margin-right:10px; background:url(/open_content/share/images/program/btn_prev.gif) no-repeat center }
.paging a.page_btn.next { margin-left:10px; background:url(/open_content/share/images/program/btn_next.gif) no-repeat center }
.paging a.page_btn.last { background:url(/open_content/share/images/program/btn_last.gif) no-repeat center }
.paging a.total { display:none; padding-right:10px; }
.paging a.select { font-weight:bold; text-decoration:underline; }

.paging_mb { margin-top:20px; text-align:center }
.paging_mb>div { display:inline-block }
.paging_mb a.page_btn { display:inline-block; width:28px; height:28px; text-indent:-5000px; vertical-align:middle; border:1px solid #dcdcdc; background-color:#f8f8f8; }
.paging_mb a.page_btn.prev { margin-right:10px; background:url(/open_content/share/images/program/btn_prev.gif) no-repeat center }
.paging_mb a.page_btn.next { margin-left:10px; background:url(/open_content/share/images/program/btn_next.gif) no-repeat center }

/***** 보기 *****/
#detail_con .board_view .title { margin-top:20px; padding:10px 20px; border-top:2px solid #353535; border-bottom:1px solid #8e8e8e; background:#f8f8f8; font-size:17px; font-weight:600; }
#detail_con .board_view div.title { position:relative; padding:10px 150px 10px 20px; border-top:2px solid #353535; border-bottom:1px solid #8e8e8e; background:#f8f8f8; font-size:17px; font-weight:600; }
#detail_con .board_view div.title p.state { position:absolute; right:10px; top:12px}
.board_view>ul.datalist { overflow:hidden; }
.board_view>ul.datalist>li { padding:10px 20px; border-top:1px dotted #ccc; /* margin-left:-11.5%; */position:relative; }
.board_view>.title+ul.datalist>li:first-child { border-top:0px; }
/* .board_view>ul.datalist>li dl { display:inline-block; margin-right:4%; min-width:28%} */
.board_view>ul.datalist>li { overflow:hidden; }
.board_view>ul.datalist>li dl { float:left; margin-right:11%; }
.board_view>ul.datalist.col2>li dl {width:50%; margin-right:0;}
.board_view>ul.datalist>li dl dt { display:inline-block; margin-right:20px; font-weight:600; vertical-align:top; }
.board_view>ul.datalist>li dl dd { display:inline-block; }
.board_view .con { padding:30px 20px; border-top:1px solid #353535; border-bottom:1px solid #353535; }
.board_view .con p.img { text-align:center; }
.board_view .con p.img img { text-align:center; max-width:100%; margin:5px auto;  }
.board_view .con p.img span { display:block; margin-top:5px; margin-bottom:15px; }
.borderB{border-bottom:1px solid #353535}
.board_view .nuriBtn { margin-top:10px; overflow:hidden; }
.board_view .nuriBtn>p { float:left; }
.board_view .nuriBtn>p.openNuri img{max-height: 73px; max-width: 100%;}
.board_view .nuriBtn>p.btnBox { float:right; margin-top:10px; }
.board_view .con p img { max-width:100% !important; height:auto !important; }


/* 테이블 형식 */
.board_view table.general_board tr:first-child { border-top:2px solid #353535; }
.board_view table.general_board thead + tbody tr:first-child { border-width:0px; }
.board_view table.general_board tbody th {padding:5px; border-right:1px solid #ddd; text-align:center; background:#fafafa; }
.board_view table.general_board tbody td { padding:13px 0 13px 1%; text-align:left; border-right:1px solid #ddd; }
.board_view table.general_board tr td:last-child { border-right:0px }
/*.board_view table.general_board thead th { border-left:1px solid #ddd; border-right:1px solid #ddd;}
.board_view table.general_board thead + tbody tr:first-child th,.board_view table.general_board thead + tbody tr:first-child td { border-top:0px; }
.board_view table.general_board tbody th { border:1px solid #ddd; border-bottom:0px; text-align:center; background:#fafafa; }
.board_view table.general_board tbody td { padding:13px 0 13px 1%; text-align:left; }*/
/* 교육 - 강사정보 */
.board_view .lec_photo{margin-top:5px; overflow:hidden}
.board_view .lec_photo p.img{float:left; width:30%; margin-right:1%; }
.board_view .lec_photo p.img img{width:94%; padding:3%; border:1px solid #eee}
.board_view .lec_photo div.teacher_info{float:right; width:68%}
/* 포토 */
.board_view .con .view_photo { width:80%; margin:20px auto }
.board_view .con .view_photo div.photoB {width:100% }
.board_view .con .view_photo div.photoB img { width:100%; height:380px; }
.board_view .con .view_photo div.photoS { margin-top:10px; overflow:hidden; }
.board_view .con .view_photo div.photoS ul.photo_list li { display:inline-block; margin:.3%; width:13%; }
.board_view .con .view_photo div.photoS ul.photo_list li img { width:100%; height:60px; border:1px solid #c2c2c2; height:60px;}
.board_view .con .view_photo div.photoS ul.photo_list li img.on { border:2px solid #333; }
.board_view .map { margin-top:10px; border:1px solid #dcdcdc; padding:8px; }
.board_view .map #map { border:1px solid #eee; }

.th_bg01 { background:#e8f6e8 !important; border:1px solid #c3d5c3 !important}
.th_bg02 { background:#e8f3f7 !important; border:1px solid #bad0e0 !important}
.th_bg03 { background:#efe7f3 !important; border:1px solid #dacae3 !important}
.th_bg04 { background:#f3e9e4 !important; border:1px solid #e1cdc1 !important}
.board_view tr th:first-child { border-left:0px !important }
.board_view tr th:last-child { border-right:0px !important }
/* 댓글 */
.comment { margin-top:40px; padding:14px 14px 5px; background:#f8f8f8; border:1px solid #dcdcdc; }
.comment p.writer input { padding:5px; border:1px solid #dcdcdc; width:10%; min-width:90px; }
.comment div.comment_form { position:relative; margin:5px 0 10px; height:80px; padding-right:93px; border:1px solid #dcdcdc}
.comment div.comment_form textarea { width:96%; padding:10px 2% 9px; height:60px; border:0px; line-height:150%; }
.comment div.comment_form input[type=submit] { position:absolute; right:0px; top:0px; width:93px; height:80px; background:#656565; font-weight:bold; color:#fff; border:0px; }
.comment div.comment_view ul.comment_list li { position:relative; overflow:hidden; padding:15px 10px; padding-left:100px; border-top:1px dotted #dcdcdc; }
.comment div.comment_view ul.comment_list li:first-child { border-top:0px; }
.comment div.comment_view ul.comment_list li p.writer { position:absolute; left:10px; width:80px; font-weight:bold; }
.comment div.comment_view ul.comment_list li p.txt { display:inline-block; font-size:13px; }
.comment div.comment_view ul.comment_list li p.txt span.date { margin-left:10px; color:#666; }
.comment div.comment_view ul.comment_list li p.txt a img {position:relative; bottom:-3px; margin-left:5px; }
.comment div.comment_view div.comment_page { margin-top:10px; padding:10px 0px; text-align:center; font-size:13px; }
.comment div.comment_view div.comment_page a { display:inline-block; margin:0px 3px; }
.comment div.comment_view div.comment_page a img { vertical-align:middle; }
.comment div.comment_view div.comment_page a.select { font-weight:bold; text-decoration:underline; }
.comment div.comment_view div.comment_page a.page_btn { margin:0px; }
.comment div.comment_view div.comment_page a.page_btn.prev { margin-right:10px; }
.comment div.comment_view div.comment_page a.page_btn.next { margin-left:10px; }
.comment_list .vote { float:right; }
.comment_list .vote p { float:left; margin-left:5px; }
.comment_list .vote a { display:block; padding-left:15px; padding-right:5px; font-size:0; text-indent:-5000px; line-height:0; border:1px solid #dcdcdc; border-radius:3px; }
.comment_list .vote .like a { background:#fff url('/open_content/share/images/like.png') 5px 3px no-repeat; }
.comment_list .vote .dislike a { background:#fff url('/open_content/share/images/dislike.png') 5px 7px no-repeat; }
.comment_list .vote span { display:block; font-size:13px;padding-top:12px; padding-bottom:12px;  margin-right:5px; margin-left:10px; text-indent:0; }
/* 답변 */
.board_view .reply { padding:2%; border-top:2px solid #353535; border-bottom:1px solid #353535; background:#f8f8f8; }
.board_view .reply p.tit{ margin-bottom:15px; color:#222; font-size:17px }
.board_view .reply p.txt a { font-size:13px }
.board_view .reply ul.addfile { padding-top:10px; margin-top:10px; border-top:1px dotted #ccc; }
.board_view .reply p.writer { margin-top:10px; font-size:13px }
/* 이전글다음글 */
.board_view .other_con { margin-top:40px; border-top:1px solid #353535; border-bottom:1px solid #353535; }
.board_view .other_con li { position:relative; padding:10px 10px 10px 110px; }
.board_view .other_con li:first-child { border-bottom:1px dotted #dcdcdc; }
.board_view .other_con li a { display:block; text-overflow:ellipsis; white-space:nowrap; overflow:hidden }
.board_view .other_con span { display:block; position:absolute; left:0px; width:100px; text-align:center; font-weight:600; }
/* 설문조사 */
.survey{border:1px solid #dcdcdc; border-top:2px solid #353535; border-bottom:1px solid #ccc; }
.survey>li { padding:20px; border-top:1px dotted #bbb; background:#fefefe}
.survey>li:first-child { border-top:0px}
.survey>li:nth-child(2n){background:#f9f9f9}
.survey li .q{padding:5px; font-weight:bold; font-size:15px; color:#333}
.survey li .q>p{display:inline-block}
.survey li .q>ol{display:inline-block}
.survey li .a{padding:10px}
.survey li .a li{margin:2px 0px}
.survey li .a li img{display:block; margin-top:5px; margin-bottom:10px;}
.survey li .a li>p{display:inline-block}
.survey li .a input, .survey li .a label { vertical-align:middle}
.survey li .a input[type=text]{border:1px solid #ccc; padding:5px}
.survey_addfile a {margin:2px; padding:5px;display:block; background:#f0f0f0; }

/**** 쓰기 ****/
.board_write { border-top:2px solid #353535; border-bottom:1px solid #8e8e8e; }
.board_write>li { padding:10px 0; border-top:1px dotted #ccc; }
.board_write>li:first-child { border-top:none; }
.board_write>li dt { padding-left:1%; font-weight:600; }
.board_write>li dd:after { display:block; content:''; clear:both; }
.board_write>li dd>ul.form>li { padding:12px 7px 15px; border-bottom:1px solid #ddd; }
.board_write>li dd>ul.form>li:last-child { border-bottom:0; }
.board_write input[type="text"],
.board_write input[type=password] { height:28px; border:1px solid #ccc; margin:1px 0px; padding:0px 1%; width:98%; vertical-align:middle; }
.board_write textarea, .textarea { border:1px solid #ccc; margin:1px 0 5px; padding:1%; width:98%; vertical-align:middle; box-sizing: border-box; }
.board_write input[size="3"], .board_write input[size="4"], .board_write input[size="5"], .board_write input[size="7"], .board_write input[size="8"], .board_write input[size="10"] { width:10%; max-width:100px; min-width:50px; text-align:center; }
.board_write input[type=checkbox],.board_write input[type=radio] { margin-left:10px; margin-right:5px; }
.board_write select { height:30px; margin:1px 0px; padding:0px 1%; border:1px solid #ccc; }
.board_write img.wordimg { float:left; height:50px !important; padding:10px 10px; margin-right:10px; border:2px solid #72c1d9; }
.board_write p.wordimg { float:left; }
.board_write p.qalist span.q { display:inline-block; }
.board_write p.qalist span.a { display:inline-block; margin-right:5%; }
.board_write p.qalist span.a:last-child { margin-right:0%; }

/**** 달력 ****/
/* 공통 */
.calendar{}
.calendar div.month { position:relative; margin:0px auto 20px; width:300px }
.calendar div.month p { font-size:3rem; color:#353535; text-align:center; }
.calendar div.month ul li { position:absolute; top:1rem; }
.calendar div.month ul li.prev { left:0px; }
.calendar div.month ul li.next { right:0px;  }
.calendar div.month ul li a { display:block; width:50px; height:50px; text-indent:-5000px }
.calendar div.month ul li a:after { display:block; content:''; position:absolute; width:48px; height:48px; top:0px; }
.calendar div.month ul li.prev a:after { left:5px; background:url(/open_content/share/images/program/btn_cal_prev.gif) no-repeat center center; }
.calendar div.month ul li.next a:after { right:5px; background:url(/open_content/share/images/program/btn_cal_next.gif) no-repeat center center; }
/* .calendar div.month ul li a:before,
.calendar div.month ul li a:after { display:block; content:''; position:absolute; width:33px; margin-top:13px; height:4px; background:#454545; border-radius:5px}
.calendar div.month ul li.prev a:before { left:5px; transform:rotate(-45deg); }
.calendar div.month ul li.prev a:after { left:5px; transform:rotate(45deg); }
.calendar div.month ul li.next a:before { right:5px; transform:rotate(45deg); }
.calendar div.month ul li.next a:after { right:5px; transform:rotate(-45deg); }*/
.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:0px; border-top:0px; padding:10px; 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:#dae4f1}
.calendar div.day>ul.th>li { padding:10px 0px; text-align:center; background:#f8f8f8; border-top:2px solid #353535; border-bottom:1px solid #353535; font-weight:bold; font-size:16px; }
.calendar div.day>ul.td>li.today {border:2px solid #1a72cd; }
.calendar div.day>ul.td>li.closed {background: #f5f5f5;}
.calendar div.day>ul.td li{overflow:hidden}
/* 예약 */
.calendar.reservation div.day>ul.td li p.date{float:left; font-size:16px }
.calendar.reservation div.day>ul.td li p.reserve{float:right; font-weight:bold; font-size:13px; text-align:center; line-height:130%; }
.calendar.reservation div.day>ul.td dl.finish { clear:both; padding:15px 5px 0px; word-break:break-all}
.calendar.reservation div.day>ul.td dl.finish dt{font-size:13px; font-weight:bold }
.calendar.reservation div.day>ul.td dl.finish dd { position:relative; padding-left:7px; font-size:13px; background:url(/open_content/main/images/sub/ssssblet.gif) no-repeat left 9px; /*text-decoration:line-through*/ text-decoration:none; }
/* .calendar div.day>ul.td dl.finish dd:after { display:inline-block; content:''; position:absolute; top:10px; left:7px; width:80px; height:1px; background:rgba(0,0,0,.3); }*/
/* 스케쥴
.calendar.schedule div.day>ul.td>li{padding:0px}
.calendar.schedule div.day>ul.td>li>a{display:block; padding:15px 0px; text-align:center }
.calendar.schedule div.day>ul.td>li>a>span{display:block; padding:5px; }
.calendar.schedule div.day>ul.td>li>a>span.sch{background:#eef2f7}
.calendar.schedule div.day>ul.td>li>a>span.sch.select{font-weight:bold; background:#ce405e; color:#fff}
.calendar.schedule div.day>ul.td>li>a:hover span{background:#dae4f1} */

.calendar.schedule div.day>ul.td>li>a{display:block; padding:5px 0px; text-align:center; border-top:1px dotted #ccc }
.calendar.schedule div.day>ul.td>li a p{text-align:left; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; text-align:left; font-size:13px}
.calendar.schedule div.day>ul.td>li a.select p { font-weight:bold; color:#ce405e; }
.calendar.schedule div.day>ul.td>li>span{font-weight:bold}
.calendar.schedule div.day>ul.td>li>span+a{border-top:0px }
.calendar.schedule div.day>ul.td>li>a>span{display:block; padding:5px; }
.calendar.schedule div.day>ul.td>li>a>span.sch{background:#eef2f7}
.calendar.schedule div.day>ul.td>li>a>span.sch.select{font-weight:bold; background:#ce405e; color:#fff}
.calendar.schedule div.day>ul.td>li>a:hover span{background:#dae4f1}
.detailLayer{display:none; }
.detailLayer>div.datatable td, .detailLayer>div.datatable td *, .detailLayer>div.datatable tbody th { font-size:14px; border-right:0px; }
.detailLayer>div.datatable thead th{ text-align:center; border-left:0px; border-right:0px }
.detailLayer>div.datatable tbody th{ width:70px; text-align:center; border-left:0px }
.calendar .bookingTime{padding: 2% 2% 0px;}
.calendar .bookingTime>li{height: auto !important; padding:3px 2px;  border-top:1px dotted #ccc; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; word-break:break-all}
.calendar .bookingTime>li:first-child{border-top:0px}
.calendar .bookingTime>li.closed a{text-decoration: line-through; color: #888;}

#detail_con .calendar.week .weeklist .board_view .title { margin-top:0px; border-top:1px dashed #dcdcdc; border-bottom:0px; }
#detail_con .calendar.week .weeklist .board_view p.title:first-child { border-top:2px solid #333; }
#detail_con .calendar.week .weeklist .board_view .title.select { border-top:1px solid #333; border-bottom:0px; }
#detail_con .calendar.week .weeklist .board_view .title.select+ul+p.title { border-top:1px solid #aaa; }
.calendar.week .weeklist .board_view  ul { padding:20px 10px; border-top:1px solid #dcdcdc; }
.calendar.week { border-bottom:1px solid #aaa; }
#weektab{overflow:hidden}
#weektab li{float:left; margin:.5%; width:19%}
#weektab li a{display:block; border:1px solid #dcdcdc}
#weektab li a p{padding:15px 5px; border:3px solid #efeaf5; text-align:center; font-size:17px}
#weektab li.select{background:#67419b}
#weektab li.select p{color:#fff; font-weight:bold; border-color:#67419b}

/* 유튜브 등 동영상 반응형 */
.embed-container{position:relative;padding-bottom:56.2%;height:0;overflow:hidden;max-width:100%}
.embed-container iframe,embed-container object, .embed-container embed{position:absolute;top:0;left:0;width:100%;height:100%}

/* 인풋리스트 */
ul.checklist li{display:inline-block; min-width:20%; margin-right:4%; }
ul.checklist.col2 li { min-width:45%; }
ul.checklist li input{vertical-align:middle}
ul.checklist li label{margin-left:5px; vertical-align:middle}

/* 만족도 (기존)*/
.pop_result p.pop_tit { margin-top:10px; padding-bottom:10px; text-align:center; font-weight:bold; font-size:24px; color:#333; border-bottom:2px solid #353535 }
.pop_result p.pop_tit a.pop_btn { display:block; position:absolute; top:0px; right:0px; width:50px; height:50px; text-indent:-5000px; }
.pop_result p.pop_tit a.pop_btn:before, .pop_result p.pop_tit a.pop_btn:after{ display:block; content:''; position:absolute; right:7px; top:25px; width:30px; height:2px; background:#333; transform:rotate(-45deg) }
.pop_result p.pop_tit a.pop_btn:after { transform:rotate(45deg) }
.pop_result .comment { margin-top:0px; padding-top:5px; }
.pop_result .safisfy { margin:0px auto; margin-top:10px; width:90%; height:500px; }

.pop_table { margin-top:10px; width:100%; }
.pop_table caption { margin-bottom:10px; }
.pop_table thead th { padding:10px 0px; border:1px solid #999; background:#f2f2f2; color:#333; }
.pop_table th,
.pop_table td { padding:10px 10px; border:1px solid #dcdcdc; }
.pop_table tbody tr:first-child th,
.pop_table tbody tr:first-child td { border-top:0px}
.pop_table th { background:#f8f8f8; }
.pop_table>tbody>tr:first-child{border-top:1px solid #dcdcdc}


.organ_fax { text-align:right; font-weight:bold; color:#0d6aca; font-size:14px; }


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


div.comment_view ul.comment_list li{position:relative; padding:22px 5px 24px; border-bottom:1px dashed #ccc; }
div.comment_view ul.comment_list li p.writer{padding-right:70px}
div.comment_view ul.comment_list li p.writer span.name{font-size:15px; font-weight:bold}
div.comment_view ul.comment_list li p.writer span.date{font-size:14px}
div.comment_view ul.comment_list li p.txt{margin-top:8px; font-size:14px; line-height:130%; }
div.comment_view ul.comment_list li a.del_comment{display:block; position:absolute; top:22px; right:5px; padding-left:22px; padding-right:8px; height:22px; line-height:20px; border:1px solid #ccc; font-size:14px; color:#666}
div.comment_view ul.comment_list li a.del_comment:before,
div.comment_view ul.comment_list li a.del_comment:after{display:block; content:''; position:absolute; top:6px; left:12px; width:1px; height:12px; background:#333;  transform:rotate(45deg)}
div.comment_view ul.comment_list li a.del_comment:before{transform:rotate(-45deg)}
.comment .paging{margin:20px 0px 40px}
.comment .paging a{font-size:15px}
.comment a.page_btn.btn_first,
.comment a.page_btn.btn_prev,
.comment a.page_btn.btn_next,
.comment a.page_btn.btn_last{min-width:20px; height:25px}
.comment a.page_btn.btn_prev{margin-right:5px}
.comment a.page_btn.btn_next{margin-left:5px}
.comment.pop_comment{padding:2% 5%; border:0px}



/**** 2020년 new program ****/

/*프로그램버튼*/
.npro_btnbox {text-align:center; margin-top:40px; font-size:0;}
.npro_btnbox-right {text-align:right; margin-top:-40px; margin-right:-5px;}
.npro_btn {display:inline-block; text-align:center; vertical-align:top; min-width:100px; height:40px; padding:0 20px; margin:5px; line-height:40px; font-size:14px; font-weight:500; border:0;}
.npro_btn-blue {color:#fff; background-color:#0148bc;}
.npro_btn-gray {color:#fff; background-color:#616161;}
.npro_btn-window {padding-left:40px; background-image:url('/open_content/main/img2020/program/btn_window.gif'); background-repeat:no-repeat; background-position:20px center;}


/*민원상담 게시판 /open_content/main/civil/advice/advice.jsp*/
.ncivil_list td {word-break:break-all !important; white-space:normal !important;}
/* .ncivil_title a {display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} */
.civil_step {position:relative; text-align:center; margin:40px 0; font-size:0;}
.civil_step:before {display:block; content:""; position:absolute; left:10%; top:30px; width:80%; height:6px; background:url('/open_content/main/img2020/program/civil_step_dot.gif') repeat-x; z-index:-1;}
.civil_step>li {display:inline-block; width:20%; font-weight:500;}
.civil_step>li span {position:relative; display:block; width:60px; height:60px; margin:0 auto 5px; border-radius:50%; border:2px solid #cdcdcd; background:#fff;}
.civil_step>li span:before {display:block; content:""; position:absolute; left:11px; top:11px; width:34px; height:34px; background-repeat:no-repeat; background-color:#cdcdcd;}
.civil_step>li.on span:before {background-color:#0148bc;}
.civil_step>li span.civil_step01:before {background-image:url('/open_content/main/img2020/program/civil_step01.png');}
.civil_step>li span.civil_step02:before {background-image:url('/open_content/main/img2020/program/civil_step02.png');}
.civil_step>li span.civil_step03:before {background-image:url('/open_content/main/img2020/program/civil_step03.png');}
.civil_step>li span.civil_step04:before {background-image:url('/open_content/main/img2020/program/civil_step04.png');}
.civil_step>li span.civil_step05:before {background-image:url('/open_content/main/img2020/program/civil_step05.png');}
.civil_step>li.on {color:#0148bc;}
.civil_step>li.on span {border-color:#0148bc;}
.civil_notice_box {position:relative}
.civil_notice {padding-left:30px; background:url('/open_content/main/img2020/program/ic_announce.gif') no-repeat left 3px;}
.civil_notice li {margin-bottom:5px; font-size:13px; font-weight:500;}
.civil_date {position:absolute; right:7px; top:-7px; text-align:center; width:96px; height:92px; padding-top:13px; color:#fff; background:url('/open_content/main/img2020/program/civil_date.png') no-repeat;}
.civil_date_ttl {color:#fff; font-size:13px;}
.civil_date_dday {color:#fff; font-size:28px; font-weight:600; line-height:130%;}

.nbdview {border-top:2px solid #353535;}
.nbdview_ttl {position:relative; padding:15px 20px 15px 85px; font-size:18px; font-weight:600; border-bottom:1px solid #ccc; background:#f6f6f6;}
.advice_tag {position:absolute; left:10px; padding:0 5px; font-size:13px; color:#0148bc; border:2px solid #0148bc; background:#fff;}
.nbdview_proflie {padding:15px 20px; border-bottom:1px solid #ccc; overflow:hidden;}
.nbdview_proflie>dl {float:left; width:50%; margin:5px 0;}
.nbdview_proflie>dl>dt {display:inline-block; width:90px; font-size:14px; font-weight:600;}
.nbdview_proflie>dl>dd {display:inline-block; font-size:14px;}
.nbdview_con, .nbdview_addfile {padding:20px; border-bottom:1px solid #ccc;}
.nbdview_con {font-weight:500;}
.nbdview_addfile_ttl {margin-bottom:10px; font-size:14px; color:#0148bc; font-weight:500;}
.nbdview_addfile a {font-size:14px;}

.nveiw_answer {margin-top:20px; border-top:2px solid #353535;}
.nveiw_answer .nbdview_proflie {border-left:1px solid #f1f1f1; border-right:1px solid #f1f1f1;}

/*입력폼 (회원가입정보 입력 등)*/
.nwrite_essential {text-align:right; margin-top:-25px; margin-bottom:25px; font-weight:500;}
.nonettl .nwrite_essential {margin-top:15px; margin-bottom:10px;}/*타이틀이 없어서 필수입력정보 위쪽으로 너무 붙어서 깨질때 nwrite에 nonettl 추가*/
.red_star {color:red;}
.emphasize {display:inline-block; vertical-align:middle; width:24px; height:24px; text-indent:-100%; font-size:0; overflow:hidden; background:url('/open_content/main/img2020/program/emphasize.gif') no-repeat;}
.nwrite_btn {vertical-align:middle; width:100px; height:40px; line-height:40px; color:#fff; border:0; border:1px solid #0148bc; background:#0148bc;}
.nwrite input[type=text] {vertical-align:middle; width:240px; max-width:100%; margin-right:5px; padding:10px; height:40px; line-height:40px}
.nwrite input[type=password] {vertical-align:middle; width:240px; max-width:100%; margin-right:5px; padding:10px; height:40px; line-height:40px}
.nwrite input[readonly] {background:#f5f5f5;}
.length_short {width:100px !Important; max-width:28% !important;}
.length_long {width:348px !Important; max-width:49%;}
.nwrite input[type="checkbox"] {vertical-align:middle; width:20px; height:20px; margin-right:5px;}
.nwrite .input_file {position:relative; text-align:center; width:100px; height:28px; margin-top:5px; background:#313131; overflow:hidden;}
.nwrite .input_file span {position:absolute; left:0; right:0; top:3px; font-size:13px; color:#fff;}
/* .nwrite .input_file input[type=file] {opacity:0;} */
.nwrite .input_file input[type=file] {content-visibility:hidden; width:95px; height:22px; margin:3px;}
.nwrite .input_file input[type=file]:focus {outline:3px solid red;}
@media all and (min-width:640px){
	.nwrite dl {display:table; width:100%; margin-top:-1px; border-collapse:collapse;}
	.nwrite dt, .nwrite dd {display:table-cell; vertical-align:middle; height:65px; padding:10px; border:1px solid #e2e2e2;}
	.nwrite dt {width:18%; background:#f8f8f8;}
	.nwrite dd {color:#767676;}
}

/*로그인_회원로그인 /open_content/main/mypage/login.jsp*/
.nlogin {margin-top:20px; padding:40px; border:1px solid #e5e5e5;}
.nlogin>div {width:95%; max-width:540px; margin:0 auto;}
.nlogin_welcome {text-align:center; font-size:24px;}
.nlogin_welcome strong {color:#003b99;}
.nlogin_form {position:relative; margin-top:35px; padding-right:115px;}
.nlogin_input {width:100%; height:48px; padding:10px 15px; font-size:15px}
.nlogin_submit {position:absolute; right:0; top:0; width:105px; height:105px; padding-top:34px; font-size:14px; color:#fff; border:0; background:#003b99 url('/open_content/main/img2020/program/nlogin_submit.gif') no-repeat center 27px;}
.nlogin input[type="checkbox"] {vertical-align:middle; width:20px; height:20px; margin-right:5px;}
.nlogin_link {text-align:center; margin-top:30px; padding-top:20px; border-top:1px solid #e5e5e5;}
.nlogin_link>li {position:relative; display:inline-block;}
.nlogin_link>li:nth-of-type(2) {margin:0 35px;}
.nlogin_link>li:before {display:block; content:""; position:absolute; left:-20px; top:3px; width:1px; height:16px; background:#e5e5e5;}
.nlogin_link>li:first-child:before {display:none;}
.nlogin_pwd{position: relative; margin:10px 0px}
.nlogin_pwd.dp_ib{display: inline-block; }
.nlogin_pwd .btn_tglPWD{position: absolute; right: 0px; top: 0px; }
.btn_tglPWD{display: flex;  justify-content: center; align-items: center; width: 40px; height: 100%; overflow: hidden; text-indent: -5000px; font-size: 0px;}
.btn_tglPWD:before{display: block; content: '';  width: 20px; height: 20px; background:url(/open_content/main/img2020/program/ic_tglPWD.png) no-repeat 0px center / 200%; }
.btn_tglPWD.hide_pwd:before{background-position-x:100%}

/*로그인_비회원로그인 /open_content/main/mypage/login.jsp*/
.nlogin2_toggle {position:relative; display:block; margin-top:20px; padding:15px; margin-bottom:-1px; font-size:16px; border:1px solid #e5e5e5;}
.nlogin2_toggle:before, .nlogin2_toggle:after {content:""; position:absolute; right:20px; top:50%; width:16px; height:2px; margin-top:-1px; background:#a0a0a0; transition:.5s;}
.nlogin2_toggle:before {transform:rotate(-90deg);}
.nlogin2_toggle-open:after {background:#003b99;}
.nlogin2_toggle-open:before {transform:rotate(0);}
.nlogin2 {/* display:none;  */border:1px solid #e5e5e5; overflow:hidden;}
.nlogin2>div {float:left; text-align:center; width:33.3%; height:315px; padding:130px 30px 20px; transition:.5s;}
.nlogin2_phone {background:url('/open_content/main/img2020/program/nlogin2_phone.gif') no-repeat center 40px;}
.nlogin2_ipin {background:url('/open_content/main/img2020/program/nlogin2_ipin.gif') no-repeat center 38px;}
.nlogin2_social {background:url('/open_content/main/img2020/program/nlogin2_social.gif') no-repeat center 35px;}
.nlogin2_ttl {font-size:20px;}
.nlogin2_uttl {font-size:16px; font-weight:600; line-height:1.3rem;}
.nlogin2_txt {margin:12px 0 20px; color:#767676; font-size:14px; line-height:1.3rem;}
.nlogin2_btn {height:40px; margin-top:5px; border:0; color:#fff; width:100%; background:#0148bc;}
.nlogin2_social_link>li {display:inline-block; margin:0 5px;}


/*회원가입_단계안내 /open_content/main/mypage/join.jsp*/
.njoin_step {display:table; width:100%; border-collapse:collapse;}
.njoin_step>li {display:table-cell; text-align:center; padding:20px 10px; border:1px solid #e5e5e5;}
.njoin_step>li.on {position:relative; color:#fff; font-weight:500; border-color:#0148bc; background:#0148bc;}
.njoin_step>li.on:after {display:block; content:""; position:absolute; left:50%; bottom:-1px; transform:translateX(-50%); width:0; height:0; border-right:6px solid transparent; border-left:6px solid transparent; border-bottom:10px solid #fff;}

/*회원가입_단계01회원구분*/
.njoin_class {margin-top:20px; overflow:hidden;}
.njoin_class>div {position:relative; float:left; text-align:center; width:49%; height:315px; padding:130px 15px 70px; border:1px solid #e5e5e5; transition:.5s;}
.njoin_class>div:nth-of-type(2) {margin-left:2%;}
.njoin_class>div:hover {border-color:#0148bc;}
.njoin_class_general {background:url('/open_content/main/img2020/program/njoin2_general.gif') no-repeat center 40px;}
.njoin_class_child {background:url('/open_content/main/img2020/program/njoin2_child.gif') no-repeat center 40px;}
.njoin_ttl {font-size:20px; font-weight:600;}
.njoin_ttl .sub_font {display:inline-block; vertical-align:top; color:#767676; font-size:1rem;}
.njoin_txt {margin:12px 0 20px; color:#767676; line-height:1.3rem;}
.njoin_btn {position:absolute; bottom:20px; left:5%; display:inline-block; width:90%; height:40px; line-height:40px; border:0; color:#fff; background:#0148bc;}

/*회원가입_단계02약관동의*/
.nterm_total {position:relative; margin-top:20px; padding:15px 20px; border:2px solid #0148bc; overflow:hidden;}
.nterm_ttl {float:left; font-size:16px; font-weight:500;}
.nterm_total .nterm_ttl {color:#0148bc;}
.nterm_check {float:right; text-align:right; color:#767676; font-size:14px;}
.nterm input[type="checkbox"] {vertical-align:middle; width:20px; height:20px; margin-left:5px; /* opacity:.3; */ }
.nterm input[type="checkbox"]:checked {opacity:1;}
.nterm_box {margin-top:20px;}
.nterm_box_check {padding:15px 20px; border:1px solid #e5e5e5; background:#f8f8f8; overflow:hidden;}
.nterm_toggle {display:block; text-align:center; padding:5px; color:#fff; font-size:13px; background:#4a5a67;}
.nterm_textarea {display:none; width:100%; height:250px; padding:20px; font-size:14px; color:#767676; border:1px solid #e5e5e5; border-top:0; overflow-y:scroll;}



/*회원가입_단계03본인확인 (회원구분 레이아웃 동시사용)*/
.njoin_class_phone {background:url('/open_content/main/img2020/program/nlogin2_phone.gif') no-repeat center 40px;}
.njoin_class_ipin {background:url('/open_content/main/img2020/program/nlogin2_ipin.gif') no-repeat center 38px;}


/*회원가입_단계05가입완료*/
.njoin_complete {text-align:center; margin-top:20px; padding:50px 20px; border:1px solid #e2e2e2;}
.njoin_complete_ttl {padding-top:120px; font-size:24px; background:url('/open_content/main/img2020/program/njoin_complete.gif') no-repeat center top;}
.njoin_complete_ttl strong {color:#003b99;}
.njoin_complete_txt p {margin-top:20px; color:#767676; font-size:14px;}
.njoin_complete>a {margin-top:40px;}
.njoin_complete_check {text-align:left; margin-top:20px; padding-top:20px; border-top:1px dotted #000;}
.njoin_complete_q {font-weight:600; color:#003b99;}
.njoin_complete_a label {display:block; position:relative; padding-left:25px; margin-top:10px; font-size:13px;}
.njoin_complete_a input {position:absolute; left:0; top:3px;}
/*아이디찾기 완료화면*/
.idpw_complete {padding-top:100px; background:url('/open_content/main/img2020/program/idpw_complete.gif') no-repeat center top;}


/*마이페이지_intro /open_content/main/mypage/intro.jsp*/
.myintro {overflow:hidden;}
.myintro_box {position:relative; float:left; width:48%; padding:25px 20px; margin-bottom:2%; border:1px solid #e5e5e5;}
.myintro_box-pdnone {padding:0;}
.myintro_box:nth-of-type(even) {margin-left:2%;}
.myintro_civil {background:url('/open_content/main/img2020/program/mypage_intro01.gif') no-repeat left 5px;}
.myintro_edu {background:url('/open_content/main/img2020/program/mypage_intro02.gif') no-repeat left 5px;}
.myintro_reserv {background:url('/open_content/main/img2020/program/mypage_intro03.gif') no-repeat left 5px;}
.myintro_board {background:url('/open_content/main/img2020/program/mypage_intro04.gif') no-repeat left 5px;}
.myintro_favorite {background:url('/open_content/main/img2020/program/mypage_intro05.gif') no-repeat left 5px;}
.myintro_member {background:url('/open_content/main/img2020/program/mypage_intro06.gif') no-repeat left 5px;}
.myintro_box dl {padding-left:35px;}
.myintro_box dt {font-size:20px; font-weight:500; color:#000;}
.myintro_box dd {margin-top:7px; font-size:13px; color:#767676;}
.myintro_status {position:absolute; right:20px; top:28px; font-size:13px; color:#000; font-weight:500;}
.myintro_status strong {color:#0056e0;}
.myintro_view {position:absolute; right:0; bottom:0; width:40px; height:40px; border-left:1px solid #e5e5e5; border-top:1px solid #e5e5e5; transition:.4s;}
.myintro_view:before {display:block; content:""; position:absolute; left:13px; top:19px; width:12px; height:1px; background:#0148bc;}/*화살표*/
.myintro_view:after {display:block; content:""; position:absolute; right:14px; top:17px; width:4px; height:4px; border-top:1px solid #0148bc; border-right:1px solid #0148bc; transform:rotate(45deg);}/*화살표*/
.myintro_view:hover {border-color:#0148bc; background:#0148bc;}
.myintro_view:hover:before {background:#fff;}
.myintro_view:hover:after {border-color:#fff;}
.myintro_ttl {position:relative; padding:12px 20px; border-bottom:1px solid #e5e5e5;}
.myintro_ttl_txt {font-weight:600; color:#000;}
.myintro_ttl_date {position:absolute; right:20px; top:12px; font-size:14px; color:#767676;}
.myintro_con {padding:20px;}


/*마이페이지_민원신청*/
.mycivil {padding:15px 10px; border:2px solid #0148bc; overflow:hidden;}
.mycivil dl {float:left; width:50%; padding:8px 30px; overflow:hidden;}
.mycivil dl:first-child {border-right:1px solid #dbdbdb;}
.mycivil dt {float:left; color:#767676; font-size:16px;}
.mycivil dd {float:right; color:#767676;}
.mycivil dd strong {display:inline-block; vertical-align:middle; color:#0148bc; font-size:2rem;}
.civil_complete {color:#767676;}

/*검색*/
.nsearch {margin:20px 0 30px; padding:3%; background:#f6f6f6;}
.nsearch select, .nsearch input[type=text] {vertical-align:middle; height:40px; padding:7px 12px; line-height:35px; border-color:#c9c9c9;}
.nsearch_date input {width:180px; max-width:45%;}
.nsearch_date .ui-datepicker-trigger {margin-left:-34px; margin-right:20px;}
.nsearch_category {text-align:center;}
.nsearch_category select {width:180px; margin-right:5px; margin-top:10px;}
.nsearch_category select.civilname {width:120px;}
.nsearch_category input[type=text] {width:250px; margin-top:10px;}
.nsearch_submit {vertical-align:middle; width:80px; height:40px; margin-top:10px; margin-left:5px; color:#fff; border:1px solid #003b99; background:#003b99;}


/*즐겨찾기설정 /open_content/main/mypage/favorite.jsp*/
.favorite_manage h4 {padding:15px; color:#003b99 !Important; font-size:16px !important; border:2px solid #003b99;}
.favorite_list {overflow:hidden;}
.favorite_list>li {position:relative; float:left; width:24.2%; height:60px; line-height:60px; padding:0 40px 0 15px; margin-top:1%; margin-left:1%; border:1px solid #e5e5e5; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.favorite_list>li img {vertical-align:middle; margin-right:5px;}
.favorite_list>li input {position:absolute; right:15px; top:20px; width:20px; height:20px; opacity:.3;}
.favorite_list>li input[checked] {opacity:1;}



/*회원탈퇴*/
.secession01 {background:url('/open_content/main/img2020/program/secession01.gif') no-repeat center 45px;}
.secession02 {background:url('/open_content/main/img2020/program/secession02.gif') no-repeat center 45px;}
.secession03 {background:url('/open_content/main/img2020/program/secession03.gif') no-repeat center 35px;}


/*민원신청 버튼 누른후 안내팝업 (/open_content/main/civil/advice/advice.jsp)*/
.civilpop_btn {text-align:center; padding:5%;}
.civilpop_btn a {display:inline-block !important; width:45%; max-width:200px; padding:50px 10px; font-weight:500; margin:10px auto;}
.civilpop_btn_member {color:#fff; background:#0148bc;}
.civilpop_btn_none {border:1px solid #ddd;}
.civilpop_close_box {text-align:center; padding-bottom:30px;}


/*메인,민원_설문조사 레이어팝업 /open_content/main/poll_pop.jsp */
.pollpop {position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.5); z-index:500; overflow-y:scroll;}
.pollpop_box {position:relative; top:50%; transform:translateY(-50%); width:600px; max-width:90%; margin:0 auto; background:#fff;}
.pollpop_box a {display:block;}
.tingle-modal-box .pollpop_box {top:auto; transform:translateY(0); width:auto; max-width:none; padding-bottom:60px;}
.pollpop_ttl {padding:15px 10px 15px 50px; color:#fff; font-size:18px; font-weight:600; background:#003b99 url('/open_content/main/img2020/program/pollpop_ic.gif') no-repeat 20px center;}
.pollpop_close-top {position:absolute; right:20px; top:17px; display:block; padding-right:25px; color:#fff; font-size:13px;}
.pollpop_close-top:before, .pollpop_close-top:after {display:block; content:""; position:absolute; right:0; top:10px; width:20px; height:2px; background:#fff;}
.pollpop_close-top:before {transform:rotate(-45deg)}
.pollpop_close-top:after {transform:rotate(45deg)}
.pollpop_list {padding:25px;}
.pollpop_list>dl {padding-top:20px; margin-top:25px;border-top:1px solid #e5e5e5;}
.pollpop_list>dl:first-child {padding-top:0; margin-top:0; border-top:0;}
.pollpop_q {font-weight:600;}
.pollpop_a li {margin-top:10px;}
.pollpop_a .col li {display:inline-block; margin-right:10px;}
.pollpop_a label {font-size:14px;}
.pollpop_a input {vertical-align:middle; margin-bottom:3px;}
.subjective {width:100% !important; margin-top:5px; min-height:100px;}/*민원설문조사 팝업, 민원상담등록신고 내용부분 공통사용*/

.agreeBox { padding:4%; border-top:2px solid #ddd; background:#fff; }
.agreeBox_ttl {font-size:20px;}
.agreeBox_con {margin-top:10px; padding:3%; border:1px solid #eaeaea;}
.agreeBox_con-add>li {margin-bottom:10px;}

/*공지사항 하단 rss구독하기*/
.rss {position:relative; margin-top:40px;}
.rss p {padding:20px; border-left:1px solid #eee; border-top:1px solid #eee; border-right:1px solid #eee;}
.rss a {display:block; text-align:center; padding:8px; color:#fff; background:#484848;}
.rss a:hover {background:#ff601f;}
.rss a span {display:inline-block; padding-left:30px; background:url('/open_content/share/images/inc/rss_w.png') no-repeat left center;}

/*일자리정보 리폼*/
.charge_search{background:#f2f2f2; ;border-radius:7px; border:2px solid #333}
.search_word{text-align:center; padding:4% 2%}
.search_word>p{display:inline-block; vertical-align:top; position:relative; width:50%}
.search_word>p input[type=text]{padding:10px 20px; margin:0; text-align:center; width:100%; height:52px; font-size:1.14em; background:#fff; bordeR:1px solid #ddd; border-radius:4px 0px 0px 4px}
.search_word>p input[type=submit]{position:absolute; right:0px; width:100px; height:52px; margin:0; bordeR:0px;  background:#7a22f5 url(/open_content/CCS/img/sub/ic_search.png) no-repeat center center/35px; text-indent:-50000px; border-radius:0px 4px 4px 0px}
.search_word>a{display:inline-block; vertical-align:top; position:relative;  padding:0px 30px; height:52px; line-height:52px; bordeR:1px solid #ccc; background:#e7e7e7; vertical-align:middle; border-radius:3px}
.search_word>a.detail_close{background:#333; border-color:#333; color:#fff}
.search_word>a:after{display: inline-block; content: ''; vertical-align:middle; margin-left:7px; width: 2px; height: 1px; border: 6px solid transparent}
.search_word>a.detail_open:after{margin-top:2px; border-top-color: #333; border-top-width: 10px;}
.search_word>a.detail_close:after{margin-top:-9px; border-bottom-color: #fff; border-bottom-width: 10px;}
.search_detail+p {padding-bottom:4%;}
#detail_con .charge_search .btn_search {cursor:pointer; padding:0 80px; border-radius:20px; background:#003b99 !important; box-shadow:0 3px 0 #0056e0;}
.charge_search ul.checklist li label {margin-left:0;}
.search_detail{display:none; padding:0% 6% 5%}
.search_detail>dl{position:relative; padding:25px 0px}
.search_detail>dl+dl{border-top:1px dashed #ccc}
.search_detail>dl:first-child{border-top:2px solid #333}
.search_detail>dl:nth-last-of-type(1){border-bottom:1px solid #ccc}
.search_detail>dl>dt{position:absolute; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); padding:0px 0px 0px 40px; width:150px; font-size:1.2em; font-weight:500}
.search_detail>dl>dt span{position:relative; display:block; padding-right:15px}
.search_detail>dl>dt span:AFter{display:block; content:''; position:absolute; right:0px; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%);  margin-top:-4px; width:8px; height:8px; border-top: 2px solid #333;  border-right: 2px solid #333; -webkit-transform:rotate(45deg); transform:rotate(45deg)}
.search_detail>dl>dd{padding-left:175px}
.search_detail>dl>dd>ul {font-size:0;}
.search_detail>dl>dd>ul>li{display:inline-block; min-width:107px; margin:2px 0 2px 2px; font-size:15px;}
.search_detail>dl>dd>ul>li .chkbox,
.search_detail>dl>dd>ul>li .rdobox{position:relative}
.search_detail>dl>dd>ul>li .chkbox input,
.search_detail>dl>dd>ul>li .rdobox input{position:absolute; top:1px; opacity:0; z-index:-1}
.search_detail>dl>dd>ul>li .chkbox label,
.search_detail>dl>dd>ul>li .rdobox label{display:block; text-align:center; padding:5px 8px 5px 25px; border:2px solid transparent; border-radius:3px; background:#fff;  cursor:pointer}
.search_detail>dl>dd>ul>li .chkbox input:checked+label,
.search_detail>dl>dd>ul>li .rdobox input:checked+label{border-color:#3879e1; color:#0048bc;}
.search_detail>dl>dd>ul>li .chkbox label:before {position:absolute; top:50%; left:8px; width:15px; height:15px; box-sizing:border-box; border:2px solid #aaa; border-radius:1px; transform:translateY(-50%); content:"";}
.search_detail>dl>dd>ul>li .chkbox input:checked+label:before {border-color:#3879e1;}
.search_detail>dl>dd>ul>li .chkbox input:checked+label:after {position:absolute; left:12px; top:50%; width:7px; height:9px; margin-top:-2px; box-sizing:border-box; border:solid #0048bc; border-width:0 2px 2px 0; transform:translateY(-50%) rotate(45deg); content:"";}
.search_detail>dl>dd>ul>li .rdobox label:before {position:absolute; top:50%; left:8px; width:15px; height:15px; box-sizing:border-box; border:2px solid #aaa; border-radius:50%; transform:translateY(-50%); content:"";}
.search_detail>dl>dd>ul>li .rdobox input:checked+label:before {border-color:#3879e1;}
.search_detail>dl>dd>ul>li .rdobox input:checked+label:after {position:absolute; top:50%; left:12px; width:7px; height:7px; border-radius:50%; background:#0048bc; transform:translateY(-50%); content:"";}
.search_detail>dl>dd>ul>li.inputdata {display:block; text-align:center; margin-top:6px; padding-top:6px; border-top:1px dotted #ccc;}
.search_detail p.btn_detail{margin-top:20px; text-align:right}
.search_detail p.btn_detail a{display:inline-block; text-align:center; padding:8px 10px; min-width:115px; background:#ddd; border-radius:5px}
.search_detail p.btn_detail a span{display:block}
.search_detail input[type=submit]{padding:10px 4%; min-width:160px; background:#ff6195; box-shadow:0px 3px 0px #e7335d; font-size:1.25em; color:#fff; text-shadow:0px 0px 2px #e7335d; border:0px; border-radius:100px; line-height:normal}
.btn_more{text-align:center; margin-top:40px; }
.btn_more a{padding:15px 60px; bordeR:1px solid #ccc; background:#e7e7e7; border-radius:3px}
.btn_more+.btnBox{margin-top:100px}
.board_list ul.lecList{overflow:hidden; padding-top:3px; border-top:3px solid #333}
.board_list ul.lecList>li{position:relative; float:left; margin-bottom:10px; width:48%; box-sizing:border-box}
.board_list ul.lecList>li:nth-child(even){float:right}
.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:25px 10px 30px; border-bottom:1px dashed #ccc;}
.board_list ul.lecList>li p.tit{text-overflow:ellipsis; white-space:nowrap; overflow:hidden}
.board_list ul.lecList>li p.tit a{color:#333; font-size:1.25em; font-weight:500;}
.board_list ul.lecList>li ul.lec_info{overflow:hidden; margin-top:20px}
.board_list ul.lecList>li ul.lec_info>li{position:relative; float:left; width:50%; min-width:210px; padding-left:8px; box-sizing:border-box; text-overflow:ellipsis; overflow:hidden; white-space:nowrap}
.board_list ul.lecList>li ul.lec_info>li:after{display:block; content:''; position:absolute; left:0px; top:12px; width:3px; height:3px; background:#ccc}
.board_list ul.lecList>li ul.lec_info>li.long{clear:both; float:none; width:100%; }
.board_list ul.lecList>li ul.charge_info{overflow:hidden; margin-top:15px}
.board_list ul.lecList>li ul.charge_info>li{margin-top:3px; font-size:.95em}
.board_list ul.lecList>li ul.charge_info>li .word{color:#c91818}
.board_list ul.lecList>li ul.charge_info>li .wfont {font-weight:500; color:#000;}
.board_list ul.lecList>li ul.charge_info>li.date>p {display:inline; font-size:.95em;}
.board_list ul.lecList>li ul.charge_info>li.date>p+p:before {content:" / ";}
.board_list ul.lecList .worklist {margin-top:5px;}
.board_list ul.lecList .worklist:after {display:block; content:""; clear:both;}
.board_list ul.lecList .worklist>li {position:relative; float:left;}
.board_list ul.lecList .worklist>li:nth-of-type(2) {margin-left:20px;}
.board_list ul.lecList .worklist>li:nth-of-type(2):before {position:absolute; left:-10px; top:4px; width:1px; height:15px; background:#ccc; content:"";}

/* 로딩 */
.loading{position:absolute; left:50%; top:35%; -webkit-transform:translateX(-50%); transform:translateX(-50%); padding:40px 0px; width:80%; max-width:400px; background: #ffb131; box-shadow:0px 4px 10px rgba(0,0,0,.3); border-radius:10px; z-index:999}
.loading p.ing{position:relative; margin:10px auto 30px; width:60px; height:60px; border-radius:100px}
.loading p.ing span{opacity:0; display:block; position:absolute; margin:auto; width:5px; height:5px; background:#fff; border-radius:10px; -webkit-animation:ing 1.6s linear 0s infinite alternate; animation:ing 1.6s linear 0s infinite alternate}
.loading p.txt{text-align:center; color:#fff; font-weight:bold; text-shadow:0px 0px 3px rgba(0,0,0,.2); font-size:1.125em}
@keyframes ing{
	 0%{opacity:0; width:5px; height:5px; }
	 45%{width:12px; height:12px; }
	 50%{opacity:1; }
	}
.loading p.ing span:nth-child(1){top:0px; left:0px; right:0px}
.loading p.ing span:nth-child(2){top:12%; right:12%; animation-delay:0.2s }
.loading p.ing span:nth-child(3){top:0px; bottom:0px; right:0px; animation-delay:0.4s }
.loading p.ing span:nth-child(4){bottom:12%; right:12%; animation-delay:0.6s }
.loading p.ing span:nth-child(5){bottom:0px; left:0px; right:0px; animation-delay:0.8s }
.loading p.ing span:nth-child(6){bottom:12%; left:12%; animation-delay:1s }
.loading p.ing span:nth-child(7){top:0px; bottom:0px; left:0px; animation-delay:1.2s }
.loading p.ing span:nth-child(8){top:12%; left:12%; animation-delay:1.4s }

/* 서구의회 */
div.search.council_search {border: 0; padding: 2rem; border-radius: 1rem; text-align: unset;}
div.search.council_search div.dp_pc {display: none;}
div.search.council_search div.search_box {display: flex; align-items: center; justify-content: center; gap: 0.5rem;}
div.search.council_search p.entertxt {display: flex; gap: 0.5rem; width: 40%; padding-right: 0; min-width: unset; max-width: unset;}
div.search.council_search select {height: 35px; color: #888; padding-left: 5px; font-family: 'SCDream', 'Malgun Gothic', '맑은고딕', sans-serif; font-weight: 500; font-size: 15px; border-color: #ddd; border-radius: 0.5rem;}
div.search.council_search input[type="text"] {height: 35px; border-color: #ddd; border-radius: 0.5rem;}
div.search.council_search p.entertxt input[type="submit"] {position: relative;}
div.search.council_search .btn_forinput {position: relative; width: auto; height: 35px; font-size: 16px; font-family: 'SCDream', 'Malgun Gothic', '맑은고딕', sans-serif; font-weight: 500; border-radius: 0.5rem; background: url(../images/program/ic-search.svg) no-repeat calc(50% - 18px) center / 18px, linear-gradient(87.35deg, #4CB731 -1.06%, #31B76E 12.49%, #14787C 91.87%); padding: 0 30px 1px 40px;}
#democratic div.search.council_search .btn_forinput {background: url(../images/program/ic-search.svg) no-repeat calc(50% - 18px) center / 18px, var(--graB);}
#liberty div.search.council_search .btn_forinput {background: url(../images/program/ic-search.svg) no-repeat calc(50% - 18px) center / 18px, var(--graR);}

div.search.council_search div.word, div.search.council_search div.word ul li a {text-align:center;}

/* 서구의원 calendar */
.calendar.council_schedule div.month {width: 240px;}
.calendar.council_schedule div.month p {font-size: 30px;}
.calendar.council_schedule div.month ul li a:after {width: 24px; height: 24px;}
.calendar.council_schedule div.month ul li.prev a:after {top: 5px; background: url(/open_content/share/images/program/btn_cal_prev.gif) no-repeat center / 24px;}
.calendar.council_schedule div.month ul li.next a:after {top: 5px; background: url(/open_content/share/images/program/btn_cal_next.gif) no-repeat center / 24px;}
.calendar.council_schedule div.day>ul.th>li {border-top-color: #e9e9e9; border-bottom-color: #eee;}
.calendar.council_schedule div.day>ul>li {padding: 3px; border-color: #e5e5e5;}
.calendar.council_schedule div.day>ul.td>li>span {display: inline-block; padding: 2px 4px; font-weight: 500;}
.calendar.council_schedule div.day>ul.td>li>a {padding: 2px 4px; margin-top: 5px; border-radius: 5px; border-top: 0; background: #57B389;}
.calendar.council_schedule div.day>ul.td>li>a.color-p {background: #9179ed;}
.calendar.council_schedule div.day>ul.td>li>a.color-y {background: #efbc45;}
.calendar.council_schedule div.day>ul.td>li>a>p {color: #fff; font-size: 1.2rem; overflow: unset; white-space: unset; text-overflow: unset;}
.calendar.council_schedule div.day>ul.td>li a.select p {font-weight: normal; color:#fff; }
.calendar.council_schedule div.day>ul.td>li a.select {/* background:#369167 */ border:1px solid rgba(0, 0, 0, 0.5);}

/* 서구의원 photo */
.board_gallery.council_photo>ul {padding: 1rem 0; border-top: 0; border-bottom: 0;}
.board_gallery.council_photo>ul>li {padding: 0; border: none; background: none; border-radius:1rem; box-shadow: 0px 2px 15px 0px rgba(0, 0, 0, 0.10); overflow: hidden;}
.board_gallery.council_photo>ul>li p.photo {height: 220px; overflow: hidden; display: flex; justify-content: center; align-items: center;}
.board_gallery.council_photo>ul>li p.photo img {width: auto; min-height: 220px;	object-fit: cover; transition: .5s;}
.board_gallery.council_photo>ul>li a:hover img {transform:scale(1.1, 1.1);}
.board_gallery.council_photo .title {padding: 2rem; text-align: left;}
.board_gallery.council_photo .title a {font-size: 16px;}
.board_gallery.council_photo .title span.date {font-size:14px; margin:3px; color:#a3a3a3;}

/*강좌*/
.nodata{padding:80px 10px; text-align:center; font-size:18px; border-top:2px solid #333; border-bottom:1px solid #aaa}
.lecView{display: flex; justify-content:space-between; flex-wrap:wrap; padding-bottom:40px; margin-bottom:40px; border-bottom:1px solid #ddd}
.lecView .lec_info{position:sticky; left: 0px; top: 0px; flex:0 0 40%; padding:max(4%, 2px) max(5%, 20px); background: #fafafa; border-radius:20px; }
.lecView .cate{margin-bottom: 20px;}
.lecView .cate .tag_state{margin: 1px 0px}
.lecView .title{width: 100%; padding-bottom:30px; margin-bottom:40px; font-size:24px; color:#222; border-bottom:1px solid #ddd}
.lecView .info_list{margin-top:30px; padding-left: 5px;}
.lecView .info_list>li{margin:1.50px 0px}
.lecView .info_list>li dl{display:flex}
.lecView .info_list>li dt{flex:0 0 23%; font-size:16px; color: #666;}
.lecView .info_list>li dd li {margin-bottom: 2px;}
.lecView .lec_con{flex-basis:57%; padding:10px 0px; overflow:hidden; line-height: 1.6;}
.lecView .lec_con img{border-radius:10px; height: unset}
.lecView .lec_con table td{padding-top: 1px; font-size:16px;}
.lecView .lec_img img{ height: unset;}
/*강좌 쓰기*/
h4+form>.board_write{margin-top: 0;}
.board_write li{padding:15px 7px 15px; border-bottom:1px solid #ddd}
.board_write li:nth-last-child(1) {border-bottom: none;}
.board_write li.title{border-bottom:1px solid #333; font-weight: bold;}
.board_write li.title dd{font-size: 1.025em; font-weight: bold;}
.board_write li dl{display:table; width:100%}
.board_write li dl dt{display:table-cell; vertical-align:middle; font-weight:bold; color:#333; width:20%}
.board_write li dl dt label{color:#333;}
.board_write li dl dt span{font-weight:normal}
.board_write li dl dt span.ps{display:inline-block; font-size:14px}
.board_write li dl dt span.ps:before{display:inline-block; content:''; margin:-1px 5px 0px 9px; width:2px; height:12px; background:#aaa; vertical-align:middle }
.board_write li dl dd{display:table-cell; margin-top:12px}
.board_write li.readonly dl dt,
.board_write li.readonly dl dd{display:inline-block; margin:0px; margin-right:3%; }
.board_write li.oneline dl dt,
.board_write li.oneline dl dd{display:inline-block; margin:0px; margin-right:3%; }
.board_write li.addr .btn_input {display:inline-block; padding:0px 10px; height:35px; line-height:35px; min-width:35px; text-align:center; vertical-align:top; border-radius:3px; font-size:15px; background:#353535; border:none; font-weight:bold; color:#fff; vertical-align:middle;}
.board_write input[type=file]{margin:1px; padding:6px 5px; width:50%; height:35px; border:1px solid #ccc; vertical-align:middle;  box-sizing:border-box}
.board_write input[type=text],
.board_write input[type=password]{margin:1px; padding:0px 5px; height:35px; line-height:35px; width:60%; border:1px solid #ccc; vertical-align:middle; background:#f5f5f5; box-sizing:border-box; appearance:none; -moz-appearance:none; -webkit-appearance:none; -o-appearance:none; -ms-appearance:none}
.board_write input[type=radio],
.board_write input[type=checkbox]{margin-right:5px; vertical-align:middle; width:18px; height:18px;}
.board_write select{vertical-align:middle; margin:2px 0px; padding:6px; min-width:200px; height: 35px;}
.board_write textarea{padding:10px; width:100%; border:1px solid #ccc; box-sizing:border-box}
.board_write img{vertical-align:middle}
.board_writeDeep li:first-child {padding-top:0;}
.board_writeDeep li:last-child {padding-bottom:0; border-bottom:0;}
.need{font-size:15px; color:#a50e0e}
.chkList li{display:inline-block; padding:0px !important; border:0px !important}
.chkList li input:checked+label{font-weight:bold; color:#333}
.chkList li input[type=radio],
.chkList li input[type=checkbox]{margin-right:5px; vertical-align:middle; width:18px; height:18px}
.agree{padding-bottom:30px}
.agree .tit{margin-top:30px; margin-bottom:10px; font-size:25px; color:#333}
.agree .agree_txt{margin-top:10px; margin-left:3px; font-size:1.07em}
.agree .agree_txt input {margin-right:5px; vertical-align:middle; width:18px; height:18px;}
.agree textarea{border:0px}
.agree .textarea textarea,
.agree .textarea>div{padding:2%; width:96%; height:300px; overflow-y:auto; box-sizing: border-box;}
/*강좌보기*/
.board_view div.title .cate{order:1}
.board_view div.title p{font-size:25px; letter-spacing: -1px; color:#333}
.board_view div.title p.period{display:inline-block; margin-top:10px; padding:0px 20px; font-size:1.8rem; background:#e3e3e3; border-radius:60px; letter-spacing:0px; }
.board_view div.title .tag_state,
.board_view div.title .tag_cate {margin:3px;}
.board_view div.stateBox{margin-top:20px; text-align:right}
.board_view div.con{border-bottom:1px solid #ccc}
.board_view div.con img{max-width:100%}
.board_view div.con .photo{margin:40px auto; width:90%; text-align:center}
.board_view div.con .photo p{display:inline-block; margin-top:20px; max-width:100%; font-size:15}
.board_view div.con .photo p span{display:block}
.board_view div.con .detail{margin:40px auto 50px; width:90%; line-height: 1.7}
.board_view div.con .detail_movie{margin:40px auto 50px; width:90%}
.board_view div.con .photo+.detail{margin-top:80px}
.board_view div.con .detail img{height: unset;}
.board_view div.con .openNuri{text-align:right; font-size:0px}
.board_view div.con .openNuri img{margin-bottom:-1px}
.board_view div.con table td, .board_view div.con table th{border:1px solid #ccc}
.data_list{margin-top:40px; border-top:1px solid #ccc; border-bottom:1px solid #ccc}
.bl02+.data_list {margin-top: 20px;}
.add_file+.data_list{margin-top:-1px;}
.title+.data_list{margin-top:0px; border-top:0px}
.data_list>li{overflow:hidden; border-top:1px dotted #ccc}
.data_list>li:first-child{border-top:0px}
.data_list>li dl{display:table; width:100%}
.data_list>li.col2 dl{float:left; width:50%}
.data_list>li dl>dt,
.data_list>li dl>dd{display:table-cell; padding:10px 5px; padding-left:20px}
.data_list>li dl dt{width:120px; font-weight:bold; color:#333}
.data_list>li.longDt dl dt{float:left; width:auto}
.data_list>li.longDt dl dd{float:left}
.data_list .local_cate{float:right; margin-left:10px}


/*강좌검색*/
.pro_search{position: relative; text-align:center; margin-top:-1px; padding:0px 0% 50px; border-bottom:1px solid #eee; }
.pro_search .field *,
.pro_search .word *{vertical-align:middle}
.pro_search select{margin:2px 0px; padding:0px 30px 0px 10px; width:20%; max-width:135px; height:40px; line-height:40px; border:1px solid #ccc; appearance:none; -moz-appearance:none; -webkit-appearance:none; -o-appearance:none; -ms-appearance:none; background:#fff url(/open_content/share/images/program/select_arr.gif) no-repeat right 13px center}
.pro_search select::-ms-expand{display:none}
.pro_search input[type=text]{margin-left:-1px; padding:0px max(3%, 10px); width:100%; height:40px; line-height:40px; border:1px solid #ccc; border-radius:2px}
.pro_search input[type=submit]{width:108px; height:40px; line-height:40px; border-width:0px; background:#333; color:#fff}
.pro_search .field{display:flex; justify-content:center; margin: auto; width: 90%; max-width:700px;}
.pro_search .word{flex-grow:1; position:relative; margin:2px 0px; width:35%; padding-right:113px}
.pro_search .word input[type=submit]{position:absolute; right:0px; top:0px; border-radius:2px}

/*** 교육신청 ***/
.edu_array{margin:50px 0px 15px}
.edu_array:After{display:block; content:''; clear:both}
.edu_array .edu_state{float:left;  }
.edu_array .edu_state a{display:inline-block; position:relative; padding:3px 60px 3px 15px; font-size:14px; border:1px solid #aaa; border-radius:100px; text-decoration:none; transition:all ease .2s}
.edu_array .edu_state.on a{padding-left:60px; padding-right:15px; border-color:#e43d3d; color:#e43d3d; font-size: 13px; font-weight:500}
.edu_array .edu_state a:after{position:absolute; margin:auto; top:2px; bottom:2px; text-align:center; padding:0px 10px; line-height:25px; width:50px; border-radius:100px; font-size:.9em; box-sizing:border-box; transition:all ease .2s}
.edu_array .edu_state.off a:after{right:2px; background:#ddd; content:'OFF'}
.edu_array .edu_state.on a:after{left:2px; background:#e43d3d; color:#fff; content:'ON'}
.edu_array .edu_order{float:left; margin-top:2px; margin-left:10px}
.edu_array .edu_order>li{position:relative; float:left; padding:0px 13px; color: #888;}
.edu_array .edu_order>li+li:before{display:block; content:''; position:absolute; left:0px; top:6px; width:1px; height:14px; background:#ddd;}
.edu_array .edu_order>li a{position:relative; padding-right:14px; }
.edu_array .edu_order>li a:After{display:block; content:''; position:absolute; right:0px; top:5px; width:8px; height:8px; border:0px solid #aaa; border-width:0px 2px 2px 0px; transform:rotate(45deg)}
.edu_array .edu_order>li.select a{font-weight:500; color:#222}
.edu_array .edu_order>li.select a:After{border-color:#333}
.edu_array .num{margin-left:20px; float:right; font-size:13px;}
.edu_array .num:before{display:inline; content:'* '; position:relative; top:0px}

.edu_refund{display: none; position: absolute; margin: auto; left: 0px; right:0px; top: 10%; width:min(90%, 1600px); padding: max(40px, 5%); z-index: 999; background: #fff; border:1px solid var(--color); box-shadow:0px 1px 5px rgba(0,0,0,.2); border-radius:10px}
.edu_refund .close{position: absolute; right: 20px; top: 20px}
.edu_refund .close a{display: block; width: 60px; height: 60px; font-size: 0px;}
.edu_refund .close a:after, .edu_refund .close a:before{display: block; content: ''; position: absolute; top: 50%; left: 50%; margin-left: -20px; width: 40px; height: 1px; background: #333; transform:rotate(45deg)}
.edu_refund .close a:before{transform:rotate(-45deg)}
.edu_refund h4 {margin-top:0 !important; }
.refund_view{position: absolute; top: 0; right: 0px; text-align: right;}

.apply_list{display: flex; flex-wrap:wrap; justify-content:space-between}
.apply_list>li{flex:0 0 49.5%; margin-top:1%; }
.apply_list>li a{display: flex; position: relative; height: 100%; padding: 15px; border:1px solid #333; border-radius:10px; overflow:hidden; }
.apply_list>li.closed a{opacity: .9; border-color:#ddd}
.apply_list>li.closed a:after{display: block; content: ''; position: absolute; left: 3%; top: 20px; width: 62px; height: 55px; background: url(/img/sub/ic_closing.png) no-repeat center center / cover; opacity: .4;}
.apply_list>li .img{flex: 0 0 200px; height:200px; border-radius:5px; overflow:hidden}
.apply_list>li .con{flex-grow:1; padding: 2% 5%}
.apply_list>li .con .tit{padding: 5px 0px; font-size:16px; margin-top: 10px;}
.apply_list>li .con ul{margin-top: 10px;}
.apply_list>li .con ul li{display:flex; margin:3px 0px; font-size:14px; font-weight: 300;}
.apply_list>li .con ul li p{font:inherit}
.apply_list>li .con ul li p:first-child{min-width: 50px;}
.apply_list>li .con ul.lec_info{display: flex; flex-wrap:wrap}
.apply_list>li .con ul.lec_info>li{flex:0 0 50%;}
.apply_list>li .con ul.lec_info>li .q{min-width: 65px;}
.apply_list>li .con ul.lec_info>li .a{color: #333;}

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

@media all and (min-width:801px) {
	.dp_mb { display:none; }
	.news_green div.img { position:absolute; width:30%; left:4%; top:7.2%; }
	.board_gallery2>ul>li>.photo { float:left; width:33%; }
	.edu_class>.board_gallery2>ul>li>.photo { width:20%; }
	.board_gallery2>ul>li>ul { float:right; width:62%; }
	.edu_class>.board_gallery2>ul>li>ul { width:75%; }
	.board_gallery2>ul>li>ul li.con>dl { padding-left:80px; }
	.board_gallery2>ul>li>ul li.con>dl>dt { position:absolute; left:0px; width:70px; font-weight:bold; }
	.board_write>li dl { display:table; width:100%; }
	.board_write>li dt { display:table-cell; padding-left:1%; padding-right:2%; min-width:120px; width:18%; text-align:left; vertical-align:middle; }
	.board_write.dt_wide>li>dl>dt { width:26%;}
	.board_write>li dd { display:table-cell; padding-right:1%; vertical-align:middle; }
	.calendar.reservation div.day>ul.td>li { height:120px; }
	.calendar.schedule div.day>ul.td li{height:100px}
	.detailLayer>div{position:absolute; padding:20px; width:600px; background-color:#f9f9f9; z-index:5; box-shadow:0px 1px 3px rgba(0,0,0,.5)}
	.organ_fax { margin-top:-15px; }

	.favorite_list>li:nth-of-type(4n+1) {margin-left:0;}
	.npro_btn.pollpop_close {display:none;}

	.board_write dd.name input, .board_write dd.pw input, .board_write dd.email input { width:25%; }
	.board_write dd.person input { width:10%; }
	.board_write dd.tel input { width:20%; }
}

@media screen and (max-width:800px) {
	.dp_pc { display:none !important; }
	.mb_ib{display: inline-block;}
	.w50p { width:46% !important; }
	div.search select.mb_w100p { width:100%; }
	/* div.search { margin-top:10px; margin-bottom:10px; padding:0 12px 12px 12px; text-align:left; }
	div.search p.entertxt { position:relative; display:block; margin-top:5px; padding-right:0; width:auto; max-width:100%; min-width:auto; } */

	#detail_con .btn {margin: 1px;}
	table.general_board {table-layout:fixed; border-top:2px solid #333}
	table.general_board tbody tr{display: flex; flex-wrap: wrap; padding: 13px 10px}
	table.general_board tbody td{display: inline-block; padding:7px 20px 0px 0px}
	table.general_board tbody td.title{width: 100%; max-width: 100%; padding: 0px; height: auto}
	table.general_board tbody td.icfile{padding-right: 0px;}
	table.general_board tbody td.icfile img {padding-left: 2px; padding-right: 5px; margin-bottom: -1px;}
	table.general_board.dockRegFormlv3{margin-top:30px}
	table.general_board.dockRegFormlv3 colgroup,
	table.general_board.dockRegFormlv3 thead{display: none;}
	table.general_board.dockRegFormlv3 tr, .dockRegFormlv3 td, .dockRegFormlv3 tbody{display: block;}
	table.general_board.dockRegFormlv3 tr{display: block; border-top:1px solid #ddd !important}
	table.general_board.dockRegFormlv3 tr td{display:flex; width: 100%}
	table.general_board.dockRegFormlv3 tr td .tit{display: block !important; min-width: 7rem;}
	table.general_board.dockRegFormlv3 tr td :not(.tit){flex-grow: 1;}
	table.general_board.dockRegFormlv3 tr td input[id*=mem_name]{border:2px solid #111}
	/* 정서진호예약마이페이지 */
	table.general_board.blocktable thead, .blocktable col{display: none;}
	table.general_board.blocktable .blocktableTh{margin-right: 1em; margin-bottom: 3px; font-weight: bold;}
	table.general_board.blocktable tbody tr,
	table.general_board.blocktable tbody td{display: block; text-align: left; padding:10px 5px; width: 100%;}
	table.general_board.blocktable tbody td:not(.dp_pc)+td{border-top:1px dotted #ddd}
	table.general_board.blocktable tbody td.right{text-align: right;}


	.board_gallery li { width:45% }
	.board_gallery2>ul>li>ul li.title { margin-top:10px; }
	.board_gallery2>ul>li>ul li.con>dl>dt { display:inline-block; vertical-align:top }
	.board_gallery2>ul>li>ul li.con>dl>dd { display:inline-block; margin-left:10px; max-width:80%  }
	.board_ebook>ul>li { width:44%}
	.board_ebook .photo img { height:200px; }
	.board_ebook a.btnRound { margin:1px 0px}
	.news_green div.img { margin:5% auto 0px; width:50%; }
	.news_green div.img img { max-height:250px; }
	.news_green div.con>div { padding:3% 5%; }
	.board_gallery>ul>li { float:left; width:48%; margin:1%;}
	.board_gallery .photo { height:130px; }
	.board_gallery .photo img { min-height:130px; }
	.board_gallery .noimage { height:120px; }
	.board_view div.title, .board_view .title {padding-right: 20px;}
	.board_view .con .view_photo { width:100%; }
	.board_view .con .view_photo { width:100%; }
	.board_view .con .view_photo div.photoB img { height:300px; }
	.board_view .con .view_photo div.photoS ul.photo_list li img { height:40px;}
	.board_write input[size="3"],
	.board_write input[size="4"],
	.board_write input[size="5"],
	.board_write input[size="7"],
	.board_write input[size="8"],
	.board_write input[size="10"] { width:25%; }
	.board_write>li dd { padding:1% 2% }
	.board_write p.qalist { overflow:hidden; }
	.board_write p.qalist span.q { float:left; width:35% }
	.board_write p.qalist span.a { float:left; width:60% }
	.board_write input[type=file]{width:100%}

	.board_write li dl{display:block}
	.board_write li dl dt{display:block; width:100%}
	.board_write li dl dd{display:block}

	.calendar div.day { border-top:2px solid #333; }
	.calendar div.day>ul.th { display:none; }
	.calendar div.day>ul>li { display:flex; flex-wrap: wrap; gap:10px; padding:2%; width:96%; border-left:0px; }
	.calendar div.day>ul>li:first-child, .calendar div.day>ul>li:first-child p.date {   }
	.calendar  .bookingTime{display: flex; flex-wrap: wrap; gap:5px; flex-grow: 1; padding-top: 0px; }
	.calendar  .bookingTime>li{border:0px}
	.calendar  .bookingTime>li a{display: inline-block; padding: 5px 20px; ;background: #f5f5f5; border-radius:100px}
	.calendar.reservation div.day { border-top:2px solid #353535; }
	.calendar.reservation div.day>ul.td>li:not(.today) { border-bottom:1px solid #dcdcdc; }
	.calendar.reservation div.day>ul.td dl.finish { background:#eee; padding:7px 10px; }
	.calendar.reservation div.day>ul.td dl.finish dd { margin-right:20px; display:inline-block; }
	.calendar.reservation div.day>ul.td p { padding:5px 0px; }
	.calendar.reservation div.day{display:block; width:100%}
	.calendar.reservation div.day>ul{display:block}
	.calendar.reservation div.day>ul>li{display:block; border:0px; border-bottom:1px solid #dcdcdc; padding:3%; width:94%; vertical-align:top; }
	.detailLayer>div.datatable td, .detailLayer>div.datatable tbody th { display:block; padding:8px 10%; width:80%; border-top:0px; border-left:0px; background:#fff}
	.calendar.council_schedule .detailLayer>div.datatable td, .calendar.council_schedule .detailLayer>div.datatable tbody th {display:table-cell; padding:8px 5%; width:80%; border-top:0px; border-left:1px solid #BAD0D1; background:#fff}
	.calendar.council_schedule div.day>ul.td>li>a>p {font-size: 1.6rem;}

	.edu_class>.board_gallery2>ul>li>ul li.title { padding:10px 2px 15px 2px;}

	.comment div.comment_view ul.comment_list li p.txt { padding-bottom:20px; }
	.comment_list .vote { position:absolute; right:0; bottom:10px; }

	.nlogin2>div {float:none; width:100%; height:auto; margin:1% 0 !important;}
	.njoin_class>div {float:none; width:100%; height:auto; margin:1% 0 !important;}

	.ncivil_list {margin-top:5px; border-top:2px solid #353535;}
	.ncivil_list thead {display:none;}
	.ncivil_list tr {display:block; padding:13px;}
	.ncivil_list td {display:block; width:auto; padding:0 !important;}
	.ncivil_date,
	.ncivil_name,
	.ncivil_status {display:inline-block !important; color:#484848;}
	.ncivil_list td.ncivil_name,
	.ncivil_list td.ncivil_status {position:relative; margin-left:5%; padding-left:5% !important; overflow:visible !important;}
	.ncivil_name:before,
	.ncivil_status:before {content:""; position:absolute; left:0; top:5px; width:1px; height:14px; background:#cfcfcf;}
	.ncivil_cate {color:#003b99;}
	.ncivil_title {margin-bottom:5px;}
	.ncivil_title a {font-weight:500; font-size:17px; color:#000;}
	.ncivil_date span {color:#888;}

	.civil_notice_box {padding-right:90px !important;}
	.civil_date {max-width:17%; background-size:100%;}

	.myintro_box {float:none; width:100%; margin-left:0 !important;}

	.favorite_list>li {width:49.5%;}
	.favorite_list>li:nth-of-type(odd) {margin-left:0;}

	.pollpop_close-top {display:none;}

/* 	.nbdview_proflie>dl>dt {display:block; width:100%;}
	.nbdview_proflie>dl>dd {display:block;} */
	.nbdview_ttl {background:#fff;}
	.nbdview_proflie>dl {float:none; width:100%;}

	div.search.council_search p.entertxt {width: 60%;}

	.pro_search .field{padding-right: 0 !important;}
	.apply_list>li{flex:100%; margin-top: 8px;}
	.apply_list>li .img{display: none;}
	.apply_list>li .con{padding:max(2.5%, 15px) 5% 2%}
	.apply_list>li .con .stateBox{position: absolute; left: 3%; top: 10px}
	.apply_list>li .con ul li{font-size: min(3.5vw, 14px)}
	.apply_list>li .con ul li p:first-child{min-width: 10vw; color: #888}
	.apply_list>li .con ul.lec_info>li{flex:1 0 auto; min-width: 50%; }
	.lecView{flex-direction:column; flex-wrap: nowrap}
	.lecView .lec_info{padding:30px; margin-bottom: 30px;}
	.edu_array .edu_state a{padding-top: 4px; padding-bottom: 2px;}
	.edu_array .edu_order{float:right}
	.edu_array .num{display: none; clear: both; text-align: right; width: 100%; }
	.edu_array .edu_order>li a:After{top:3px;}
	.edu_refund{max-height: calc(100vh - 15%); overflow-y:auto}
	.refund_view{position: relative; margin-top: 10px; margin-right: 4%;}

	.data_list>li.col2 dl{float:none; width:100%; border-top:1px dotted #ccc}
	.data_list>li.col2 dl:first-child{border-top:0px}
	.add_file+ dl>dt,
	.data_list>li dl>dt,
	.add_file dl>dd,
	.data_list>li dl>dd{padding-left:15px}
	.add_file dl>dt,
	.data_list>li dl dt{width:80px}
	.add_file .alldown{right:10px; top:10px}
}
@media screen and (min-width:641px){
	.board_list ul.lecList>li ul.charge_info>li {overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
}
@media screen and (max-width:640px){
	.nterm_ttl {float:none;}
	.nterm_box_check {position:relative;}
	.nterm_check {float:none; text-align:left;}
	.nterm input[type="checkbox"] {position:absolute; right:15px; top:15px;}
	.nterm_textarea {height:200px;}

	.civil_date {padding-top:3%;}
	.civil_date_ttl {font-size:2vw;}
	.civil_date_dday {font-size:5vw;}

	/* .nwrite {border-bottom:1px solid #e2e2e2;}
	.nwrite dl {padding:15px 20px;}
	.nwrite dl:nth-of-type(1) {border-top:1px solid #e2e2e2;}
	.nwrite dl:nth-of-type(even) {background:#f8f8f8;}
	.nwrite dt {margin-bottom:5px; font-weight:500;}
	 */
	.nwrite {padding:5%; border:1px solid #e5e5e5;}
	.nonettl .nwrite_essential {margin-top:0;}
	.nwrite input.length_long {width:100% !important; max-width:100%; margin-right:0 !important;}
	.nwrite>dl {margin-top:5%;}
	.nwrite>dl>dt {color:#0056e0; font-weight:500;}
	.nwrite>dl>dd {margin-top:2%;}
	.nwrite>dl>dd label {display:inline-block;}

	/* .nsearch_date input {width:140px;}
	.nsearch_date_txt {font-size:13px;} */
	.nsearch_date,
	.nsearch_category select#type {display:none;}
	.nsearch_category {overflow:hidden;}
	.nsearch_category select, .nsearch_category input {float:left; margin-right:0; margin-left:0;}
	.nsearch_category select#status {width:100%;}
	.nsearch_category select.civilname {width:25%;}
	.nsearch_category input[type=text] {width:53%; margin-left:1%; margin-right:1%;}
	.nsearch_category input[type=submit] {width:20%;}

	.nbdview_proflie>dl {white-space:nowrap;}
	.nbdview_proflie>dl>dt {vertical-align:top;}
	.nbdview_proflie>dl>dd {width:calc(100% - 90px); white-space:normal;}

	.rss p {display:none;}

	.board_list ul.lecList>li{float:none !important; width:100%;}
	.search_detail {padding:0 4% 5%;}
	.search_detail>dl{padding:18px 0}
	.search_detail>dl>dt{position:relative; top:0%; transform:translateY(0%); -webkit-transform:translateY(0%); padding:0px 3px 10px}
	.search_detail>dl>dt span{display:inline-block}
	.search_detail>dl>dt span:after{right:-4px; margin-top:-7px; border-top:0px; border-bottom: 2px solid #333;  border-right: 2px solid #333; }
	.search_detail>dl>dd{padding:0px}
	.search_detail>dl>dd>ul>li{margin-left:2px; min-width:auto}
	.search_detail>dl>dd>ul>li .chkbox label,
	.search_detail>dl>dd>ul>li .rdobox label{text-align:left; padding:3px 3px 3px 15px; font-size:12px; letter-spacing:-0.05em;}
	.search_detail p.btn_detail{margin-bottom:20px}
	.search_detail>dl>dd>ul>li .chkbox label:before {left:5px; width:11px; height:11px; border:1px solid #aaa;}
	.search_detail>dl>dd>ul>li .chkbox input:checked+label:before {border-color:#3879e1;}
	.search_detail>dl>dd>ul>li .chkbox input:checked+label:after {left:8px; width:5px; height:7px; margin-top:-1px;}
	.search_detail>dl>dd>ul>li .rdobox label:before {left:5px; width:11px; height:11px; border:1px solid #aaa;}
	.search_detail>dl>dd>ul>li .rdobox input:checked+label:before {border-color:#3879e1;}
	.search_detail>dl>dd>ul>li .rdobox input:checked+label:after {left:8px; width:5px; height:5px;}

	.board_gallery.council_photo>ul>li p.photo {height: 150px;}
}


@media screen and (max-width:480px){
	.tbox {padding:5%; font-size:13px;}
	.pop_page .popCon ul.qalist>li{margin-bottom:10px; padding-left:0px; }
	.pop_page .popCon ul.qalist>li .q{position:relative; width:auto; font-size:16px}
	.pop_page .popCon ul.qalist>li .a{margin-top:5px}
	.pop_page .popTbox{margin-top:30px}
	.pop_page .popTbox .list_info.bfont li{font-size:15px}

	.pop_result p.pop_tit {padding-right:30px; font-size:18px;}

	/* .nwrite input[type=text] {width:180px;} */
	.nwrite input[type=text] {width:100%;}
	.nwrite input#post_no {width:calc(100% - 110px)}
	.nwrite input#mem_id {width:calc(100% - 110px)}
	.nwrite input#zip_cd {width:calc(100% - 110px)}

	.nlogin {padding:30px 20px;}
	.nlogin_link>li {display:block; width:100%; margin:5px 0 0 !important;}
	.nlogin_link>li:before {display:none;}
	.nlogin_link>li a {display:block; padding:10px; border:1px solid #ddd;}
	.njoin_step>li {padding:15px 10px; font-size:12px;}

	.mycivil dl {padding:8px 15px;}

	.civil_step:after {display:block; content:""; position:absolute; left:30%; bottom:50px; width:40%; height:6px; background:url('/open_content/main/img2020/program/civil_step_dot.gif') repeat-x; z-index:-1;}
	.civil_step>li {width:33.3%;}
	/* 	.civil_step:before {display:none;}
	.civil_step>li span {width:54px; height:54px;}
	.civil_step>li span:before {left:8px; top:8px;} */

	.nsearch_date_txt {display:block;}

	.favorite_manage h4 {padding:10px 15px;}
	.favorite_list>li {height:50px; line-height:45px; padding:0 30px 0 5px;}
	.favorite_list>li label {font-size:11px;}
	.favorite_list>li input {top:15px; right:5px; z-index:10;}

	.board_gallery.council_photo>ul>li p.photo {height: 100px;}
}