@charset "utf-8";

/* 공통  */
.fL {float:left;}
.fR {float:right;}
.cboth {display:block; content:""; clear:both;}
.ta_r {text-align:right !important;} 
.ta_l {text-align:left !important;} 
.ta_c {text-align:center !important;}


/* 게시판 상단 문구 */
.inform_bg {position:relative; padding:20px 20px 20px 110px; min-height:70px; border-top:1px solid #c8d1db; border-left:1px solid #c8d1db; border-right:1px solid #9298af; background:#f7f7f7;}
.inform_bg img {position:absolute; left:20px; top:20px;}
.inform_bg ul li {padding:3px 0 3px 12px; font-size:14px; line-height:1.4; font-family:"NotoR"; color:#333; background:url("/images/con_com/sub/bu3.png") no-repeat left 11px;}
.inform_bg ul li span {color:#0049ad;}

/* 필수 항목 */
.ess_itm {color:#f25953; padding-right:5px}

/* 검색 */
.BD_Top {position:relative; /*margin-top:10px;*/ padding:15px 25px; font-family:"NotoR"; border-top:1px solid #c8d1db; border-left:1px solid #c8d1db; border-bottom:1px solid #9298af; border-right:1px solid #9298af; overflow:hidden;}/* 181005 */
.BD_Top .BD_total {float:left; line-height:30px;}
.BD_Top .BD_total select {height:32px; padding:2px; border:1px solid #c8d1db;}
.BD_Top .BD_srch {float:right;}
.BD_Top .BD_srch select {height:30px; padding:2px; font-family:"NotoR"; border:1px solid #c8d1db;}
.BD_Top .BD_srch input {width:200px; height:30px; line-height:30px; padding:0; font-family:"NotoR"; border:1px solid #c8d1db;}
.BD_Top .BD_srch button {width:80px; height:32px; font-family:"NotoR"; line-height:32px; border:none; color:#fff; background:#394b61;}
.BD_Top .BD_srch input.btn.btn_black {width:80px !important; height:32px; line-height:32px; padding:0; margin:0 0 0 2px; border:none; vertical-align:middle; background:#394b61;} /* 181005 */
.BD_Top .BD_srch .BD_term .inpTerm {color: black;font-weight: bold;height: 23px;width:120px;text-align: center;}
.BD_Top .BD_srch .BD_term button {padding-top:2px;margin-top:3px;width:50px}
.BD_Top2 {display:none;} /* 181023 */

/* 게시판 list */
.BD_list {position:relative; margin-top:20px; border-top:2px solid #000; overflow:visible !important;}/* 191121 수정 */
.BD_list table {table-layout:fixed; } /* 181023 */
.BD_list th {padding:15px 0; font-size:16px; font-family:"NotoM"; font-weight:normal; border-bottom:1px solid #000;}
.BD_list td {padding:10px 10px; font-family:"NotoR"; font-size:14px; color:#555; text-align:center; border-bottom:1px solid #b2b7c7;}
.BD_list td a {width:90%;display:block;color:#444;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;} /* 181015 수정*/
.BD_list td a:hover, 
.BD_list td a:active, 
.BD_list td a:focus {text-decoration:underline;}
.BD_list td a .icon_reply1 {margin-left:0;}/* 181015 추가 */
.BD_list td a .icon_reply2 {margin-left:25px;}/* 181015 추가 */
.BD_list td a .icon_reply3 {margin-left:50px;}/* 181015 추가 */
.BD_list td a .icon_reply4 {margin-left:75px;}/* 181015 추가 */
.BD_list td a .icon_reply5 {margin-left:100px;}/* 181015 추가 */
.BD_list td.ta_l b.btn_S.btn_red {display:none;} /* 190128 추가 */

/* 첨부파일 */
/* .listFileDown {background:url('/images/co/na/down_icon.gif') no-repeat; } */ 
.popover {position:absolute; z-index:1060; background-color:#fff; border:1px solid #ccc; border-radius:6px; right:0; /* width:200px; */ left:auto !important;}/* 190520 */
.popover.top {	margin-top: -10px}
.popover.right {margin-left: 10px}
.popover.bottom {margin-top: 10px;/* margin-right: 200px; *//* right: 0; */}
.popover.left {	margin-left: -10px}
.popover-title {padding: 8px 50px 8px 8px;margin: 0;font-size: 14px;background-color: #f7f7f7;border-bottom: 1px solid #ebebeb;border-radius: 5px 5px 0 0;}/* 191206 */
.popover-content button {position:absolute;right:0;top: -37px;font-size: 14px;padding: 8px 10px;font-weight: bold;} /* 191206 */
.popover-content {position:relative; padding: 9px 14px; text-align:left;}/* 190613 */
.popover-content img {vertical-align:middle; padding-right:5px;}
.popover-content a {width:auto !important; display:inline-block !important; vertical-align:middle;}/* 190520 */
.popover>.arrow, .popover>.arrow:after {position: absolute;	display: block;	width: 0; height: 0; border-color: transparent;	border-style: solid}
.popover>.arrow { border-width: 11px}
.popover>.arrow:after {	content: ""; border-width: 10px}
.popover.top>.arrow {bottom: -11px;	right:50%;	margin-left: -11px;	border-top-color: #999;	border-top-color: rgba(0, 0, 0, .25); border-bottom-width: 0}/* 190520 */
.popover.top>.arrow:after {	bottom: 1px; margin-left: -10px; content: " ";	border-top-color: #fff;	border-bottom-width: 0}
.popover.right>.arrow {	top: 50%; left: -11px; margin-top: -11px; border-right-color: #999; border-right-color: rgba(0, 0, 0, .25);	border-left-width: 0}
.popover.right>.arrow:after {bottom: -10px;	left: 1px;	content: " ";	border-right-color: #fff;	border-left-width: 0}
.popover.bottom>.arrow {top: -11px; right: 0; left:auto !important; margin-right: 13px;border-top-width: 0;border-bottom-color: #999;border-bottom-color: rgba(0, 0, 0, .25);}/* 190520 */
.popover.bottom>.arrow:after {top: 1px;	margin-left: -10px;	content: " "; border-top-width: 0; border-bottom-color: #fff}
.popover.left>.arrow {top: 50%; right: -11px; margin-top: -11px; border-right-width: 0;	border-left-color: #999; border-left-color: rgba(0, 0, 0, .25)}
.popover.left>.arrow:after { right: 1px; bottom: -10px;	content: " "; border-right-width: 0; border-left-color: #fff}
/* 첨부파일 */

/* 페이징 181023 */
.pagination {margin:20px 0 0; display:inline-block; }
.pagination li {float:left; margin:2px 0 2px -1px;}
.pagination li:first-child a {border-radius:3px 0 0 3px; overflow:hidden;}
.pagination li:last-child a {border-radius:0 3px 3px 0; overflow:hidden;}
.pagination li a {display:block; line-height:35px; padding:0 13px; border:1px solid #c8d1db;}
.pagination li a:hover, 
.pagination li a:focus {background-color:#f7f7f7; border:1px solid #c8d1db; color:#333;}
.pagination li.active a,
.pagination li.active a:hover, 
.pagination li.active a:focus {background-color:#25476a; border:1px solid #25476a; color:#fff;}
/* 190425 페이징 추가 */
.pagination li a.first, .pagination li a.last {text-indent:-10000px;}
.pagination .page-pre1 a {background:url("/images/con_com/sub/btn_board_arrL1.png") no-repeat center;}
.pagination .page-pre2 a {background:url("/images/con_com/sub/btn_board_arrL2.png") no-repeat center;}
.pagination .page-next1 a {background:url("/images/con_com/sub/btn_board_arrR1.png") no-repeat center;}
.pagination .page-next2 a {background:url("/images/con_com/sub/btn_board_arrR2.png") no-repeat center;}

/*.pagination {display: inline-block; padding-left: 0; margin:20px 0 0; border-radius: 3px; white-space: nowrap; font-family:NotoR}
.pagination > li {color: #7a878e}
.pagination > li {display: inline}
.pagination > li:first-child > a, .pagination > li:first-child > span {border-top-left-radius: 3px; border-bottom-left-radius: 3px}
.pagination > li:last-child > a, .pagination > li:last-child > span {border-top-right-radius: 3px; border-bottom-right-radius: 3px}

.pagination > li > a:focus,
.pagination > li > a:hover,
.pagination > li > span:focus,
.pagination > li > span:hover{z-index:2; color:#23527c; background-color:#eee; border-color:#ddd}

.pagination .disabled > a, .pagination .disabled > span {box-shadow: none !important; color: #dbdee0 !important;}
.pagination > .disabled > a, 
.pagination > .disabled > a:focus, 
.pagination > .disabled > a:hover, 
.pagination > .disabled > span, 
.pagination > .disabled > span:focus, 
.pagination > .disabled > span:hover {color: #777 !important; cursor: not-allowed; background-color: #fff; border-color: #ddd;}

.pagination > li > a, .pagination > li > span {position: relative; float: left; padding: 6px 12px; margin-left: -1px; line-height: 1.4285; color: #7a878e; text-decoration: none; background-color: #fff; border: 1px solid #ddd}

.pagination > .active > a, 
.pagination > .active > span, 
.pagination > .active > a:hover, 
.pagination > .active > span:hover, 
.pagination > .active > a:focus, 
.pagination > .active > span:focus {background-color: #25476a; border-color: #25476a; z-index:3; color:#fff !important; cursor:default}*/
/* 페이징 */

/* 페이징 */
.BD_paging {position:relative; margin-top:15px; font-size:13px; text-align:center;}
.BD_paging a {width:33px; line-height:33px; display:inline-block; margin-right:-1px; padding:0; color:#666; text-align:center; vertical-align:middle; border:1px solid #9298af;}
.BD_paging a.on {font-weight:400; color:#fff; text-decoration:underline; border-color:#0467b3; background:#0467b3;}


/* 게시판 VIew */
.BD_table {position:relative; margin-top:5px; font-family:"NotoR"; border-top:2px solid #000; font-size:14px; overflow:hidden;}
.BD_table > table {position:relative; width:100%; border-collapse:collapse; margin-left:-1px;}
.BD_table > table > caption > span {position:absolute; top:-9999px; overflow:hidden; height:0px; width:0px; }
.BD_table > table > tbody > tr > th {padding:13px 20px; color:#000; font-family:"NotoM"; font-size:14px; border-bottom:1px solid #b2b7c7; border-left:1px solid #b2b7c7; background:#f7f8fc;}
.BD_table > table > tbody > tr > th.title {padding:16px 20px; font-size:16px; border-bottom:1px solid #000; background:#fff;}
.BD_table > table > tbody > tr > td {padding:10px 20px; color:#444; border-left:1px solid #b2b7c7; border-bottom:1px solid #b2b7c7; word-wrap:break-word; word-break:break-all;}/* 190117 수정 */
.BD_table > table > tbody > tr > td ul.file li {position:relative; padding:4px 80px 4px 0; border-top:1px dotted #b2b7c7;}/* 181023 */
.BD_table > table > tbody > tr > td ul.file li strong {display:inline-block;}/* 181023 */
.BD_table > table > tbody > tr > td ul.file li:first-child {border-top:none;}/* 181023 */
.BD_table > table > tbody > tr > td ul.file li a {display:block; padding:0 0 0 24px; line-height:26px; color:#444; background:url("/images/co/na/down_icon.gif") no-repeat left 7px;} /* 181023 */
.BD_table > table > tbody > tr > td ul.file li a.file_view {position:absolute; right:0; top:4px; line-height:22px; padding:0 5px; color:#fff; border:1px solid #747e8e; border-radius:5px; background:#7b8697;} /* 181023 */
.BD_table > table > tbody > tr > td ul.file li a:hover, 
.BD_table > table > tbody > tr > td ul.file li a:active, 
.BD_table > table > tbody > tr > td ul.file li a:focus {text-decoration:underline;}
.BD_table > table > tbody > tr > td .input_txt {width:99%; height:26px; line-height:26px; border:1px solid #9298af;}
.BD_table > table > tbody > tr > td .input_txt50 {width:50%; height:26px; line-height:26px; border:1px solid #9298af;} /* 181116 */
.BD_table > table > tbody > tr > td .input_txt30 {width:30%; height:26px; line-height:26px; border:1px solid #9298af;} /* 181116 */
.BD_table > table > tbody > tr > td .write_txt {width:99%; height:350px; line-height:26px; border:1px solid #9298af;}
.BD_table > table > tbody > tr > td select {height:28px; font-family:"NotoR";  border:1px solid #9298af;} /* 181005 */
.BD_table .pcPicView img{width:240px; height:160px;} /* 190604 추가 */
.BD_table > table > tbody > tr > td img {max-width:850px;} /* 190604 추가 */
.BD_table table tbody tr td table {width: 100% !important;}/* 181002 추가 */

.BD_table > table > tbody > tr > td video {width:100%; height:auto; margin:0 auto;} /* 190128 추가 */
/*.BD_table table tbody tr td p{text-align:initial !important;}*/ 

/* 포토갤러리 List 20170825 */
.photo_list {margin-top:10px; padding:10px 0; border-top:2px solid #000; border-bottom:1px solid #c8d1db; overflow:hidden; }
.photo_list ul {width:104%; margin-left:-1.5%; }
.photo_list ul li {width:30%; margin:10px 1.5%; float:left;}
.photo_list ul li a {display:block; text-align:center; padding:0 0 15px; border:1px solid #c8d1db;}
.photo_list ul li img {width:70%; height:200px;}
.photo_list ul li p {padding:13px 20px 5px; line-height:24px; font-size:16px; font-family:"NotoM"; color:#111; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.photo_list ul li span {display:block; font-size:13px; color:#888; }

/* 포토갤러리 List2 (타이틀 + 내용) 20170825 */
.photo_list2 {margin-top:10px; border-top:2px solid #000; overflow:hidden; }
.photo_list2 ul li {padding:20px 0; border-bottom:1px solid #c8d1db;}
.photo_list2 ul li a {position:relative; display:block; height:120px; padding-left:27%;}
.photo_list2 ul li img {position:absolute; left:0; top:0; width:23%; height:120px;}
.photo_list2 ul li dt {line-height:40px; font-size:16px; font-family:"NotoM"; color:#111; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.photo_list2 ul li dd.txt {height:44px; font-size:14px; line-height:22px; color:#666; overflow:hidden; }
.photo_list2 ul li dd.date {margin-top:10px; font-size:13px; color:#888;}
.photo_list2 ul li dd.date span {margin-left:10px; padding-left:10px;  background:url("../images/board/bgReplyInfo.gif") no-repeat left center;}


/* 포토갤러리 뷰 */
.photo_top_list {position:relative; margin-top:20px;}
.photo_top_list ul {padding:15px 50px 0; overflow:hidden;}
.photo_top_list ul h3 span {float:right}
.photo_top_list ul li {width:100%; float:left; text-align:center; /* opacity:0.7; */border-top:1px solid #b2b7c7;}
.photo_top_list ul li h3 {float:left}
.photo_top_list ul li.on {opacity:1;}
.photo_top_list .img { max-width:75%; max-height:600px; position:relative;margin-top:15px;text-align:center;}
.photo_top_list .btn_prev {position:absolute; left:0; top:50%; margin-top:-17px; display:block; width:33px; height:33px; text-indent:-10000em; font-size:0; border:1px solid #b2b7c7; background:url('/images/co/na/btn_page_l.gif') no-repeat;}
.photo_top_list .btn_next {position:absolute; right:0; top:50%; margin-top:-17px; display:block; width:33px; height:33px; text-indent:-10000em; font-size:0; border:1px solid #b2b7c7; background:url('/images/co/na/btn_page_r.gif') no-repeat;}


/* 포토갤러리 - 썸네일 페이지 뷰 */
.photo_thumb_list {position:relative; margin-top:30px;}
.photo_thumb_list ul {padding:15px 50px 0; overflow:hidden;}
.photo_thumb_list ul h3 span {float:right}
.photo_thumb_list ul li {width:100%; float:left; text-align:center; /* opacity:0.7; */border-top:1px solid #b2b7c7;}
.photo_thumb_list ul li.on {opacity:1;}
.photo_thumb_list .thumbImg {width:50px;height:50px;position:relative;margin-top:15px;text-align:center;}
.thumbSlider .thumb_btn_prev {position:absolute; left: 280px; top:55px; margin-top:-17px; display:block; width:33px; height:33px; text-indent:-10000em; font-size:0; background:url('/images/co/na/btn_page_l.gif') no-repeat;}
.thumbSlider .thumb_btn_next {position:absolute; right: 280px; top:55px; margin-top:-17px; display:block; width:33px; height:33px; text-indent:-10000em; font-size:0; background:url('/images/co/na/btn_page_r.gif') no-repeat;}

/* 이전글 다음글 */
.BD_listNavi { clear:both; overflow:hidden; margin:20px 0; border:1px solid #999; border-left:0; border-right:0;  }
.BD_listNavi li { overflow:hidden; }
.BD_listNavi li a { display:block; color:#666; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; padding:15px 20px; background:url('/images/co/na/bgPrevList.gif') no-repeat 20px center;}
.BD_listNavi li.next { border-top:1px solid #d7d7d7; }
.BD_listNavi li.next a { background:url('/images/co/na/bgNextList.gif') no-repeat 20px center;}
.BD_listNavi li a strong { display:inline-block; padding:0 20px;}
.BD_listNavi li a span { display:inline-block; padding-left:20px; }

/* 공통 댓글 */
.BD_replyWrap { position:relative; margin-top:40px;}
.BD_boxReply { overflow:hidden; border:1px solid #b3bcc4; box-sizing:border-box; color:#707070; }
.BD_boxReply textarea {padding:8px; border:1px solid #abadb3; background:#fff; }
.BD_reply-head { overflow:hidden; padding:20px; color:#444; }
.BD_reply-head .info { overflow:hidden; }
.BD_reply-head .info span { float:left; display:block; font-size:0.9em; }
.BD_reply-head .info strong { margin-left:3px; color:#0072e6; line-height:160%; }
.BD_reply-head .info span.warning { float:right; font-family:'NotoR'; }

.BD_reply-head .write {position:relative;  overflow:hidden; }
.BD_reply-head .write textarea {width:84%; height:52px; }
.BD_reply-head .write button {position:absolute; right:0; top:0; width:13%; height:70px; display:block; overflow:hidden; text-align:center; color:#fff; font-size:14px; background:#0072e6; }
.BD_reply-head p { margin-top:10px; }
.BD_reply-head  p strong { margin:0 3px 0 0; color:#0072e6;  }
.BD_reply-body { overflow:hidden; padding:0 20px; border-top:1px dashed #cfd0d0; background:#f7f7f7;  }
.BD_reply-body ul li { position:relative; overflow:hidden; padding:15px 0; border-top:1px solid #cfd0d0; }
.BD_reply-body ul li:first-child { border-top:0; }
.BD_reply-body ul li .user a { color:#222; font-weight:bold; }
.BD_reply-body ul li .user span { margin-left:15px; padding-left:15px; font-size:12px; background:url('/images/co/na/bgReplyInfo.gif') 0 center no-repeat; }
.BD_reply-body ul li div { padding-top:10px; }

.BD_reply-body ul li div p { width:80%; padding:0; line-height:160%; float:left;}
.BD_reply-body ul li div .btn {width:13%; height:50px; float:right; overflow:hidden; text-align:center; color:#fff; font-size:14px; background:#394b61;  }
.BD_reply-body ul li div textarea {width:84%; height:32px; float:left;}
.BD_reply-body .btnMore { margin-top:10px; background:url('/images/co/na/bgReplyMore.gif') center 0 no-repeat; }
.BD_reply-body .btnMore a { display:block; line-height:50px;font-family:'NotoM'; color:#333; text-align:center; }
.BD_reply-body .btnMore a img { margin-left:10px; }
.BD_reply-btn { position:absolute; right:20px; top:0; height:20px; font-family:'NotoR'; margin-top:0; padding-top:0; color:#666;}
.BD_reply-btn button { margin-left:8px; }
.BD_reply-btn .delete { padding-left:8px; background:url('/images/co/na/bgReplyBtn.gif') 0 center no-repeat; }
.BD_reply-btn .cancel { color:#666;  }
.BD_noReply {text-align:center; padding:20px 10px 20px; font-family:'NotoM'; }

/* 게시판 글쓰기 파일첨부 */
.BD_table .fileWrap { position:relative; }
.BD_table .fileWrap .file { display:block; padding-right:93px;}
.BD_table .fileWrap .file input { padding:0 5px; height:25px; width:97%; border:1px solid #9298af;}
.BD_table .fileWrap .fileBg { position:absolute; right:17px; top:0; width:65px; height:27px; display:inline-block; background:url('/images/co/na/btnFileSearch.gif') no-repeat 0 center;}
.BD_table .fileWrap .fileBg input { filter:alpha(opacity:0); opacity:0; width:65px; height:27px; cursor:pointer; }
.BD_table .fileWrap + .fileWrap { margin-top:10px;}

/* 버튼 */
.btn { display:inline-block; *display:inline; zoom:1; margin:0 5px 5px 0; font-family:"NotoM"; font-size:14px; color:#fff; line-height:20px; text-align:center; border-radius:3px; vertical-align:middle; -ms-touch-action:manipulation; touch-action:manipulation; border:1px solid transparent; white-space:nowrap; padding:6px 12px}
.btn_S {display:inline-block; *display:inline; zoom:1; margin:0; font-family:"NotoM"; font-size:12px; color:#fff; line-height:20px; text-align:center; border-radius:3px; vertical-align:middle; -ms-touch-action:manipulation; touch-action:manipulation; border:1px solid transparent; white-space:nowrap; padding:0 8px}
.btn_default {background-color:#fff; border-color:#ccc; color:#364c60 !important}
.btn_blue { background-color:#1A82C3; border-color:#1A82C3; color:#e9edef !important}
.btn_blue2 { background-color:#5d61ea; border-color:#5d61ea}
.btn_green { background-color:#26B99A; border-color:#4cae4c}
.btn_green2 {background-color: #27d02d;border-color: #fff8f8de;color: #f3f4f5 !important;}
.btn_green3 {background-color: #11a216;border-color: #fff8f8de;color: #f3f4f5 !important;}
.btn_sky {background-color:#5bc0de; border-color:#46b8da}
.btn_yellow {background-color:#f0ad4e; border-color:#f0ad4e}
.btn_orange {background-color:#f59307; border-color:#f0ad4e}
.btn_white {background-color:#fff; border-color:#000; color:#000;}
.btn_red {background-color:#d9534f; border-color:#d9534f}
.btn_pink {background-color: #d027c7;border-color: #d027c7;color: #f3f4f5 !important;}
.btn_dark {background-color:#4b5e70; border-color:#364c60; color:#e9edef !important}
.btn:hover, .btn_S:hover { opacity:0.9}

.icon_green {padding:2px 10px; margin-right:10px; border-radius:5px; background-color: #319b0e;border-color: #319b0e;color: #fff !important;} /* 접수180921 추가 */
.icon_purple {padding:2px 10px; margin-right:10px; border-radius:5px; background-color:#5a75cd; border-color:#5a75cd; color:#fff !important} /* 대기180921 추가 */
.icon_gray {padding:2px 10px; margin-right:10px; border-radius:5px; background-color: #394b61;border-color: #394b61;color: #fff !important;} /* 완료180921 추가 */


/* 버튼스타일 1 */
.btn_st {overflow:hidden}
.btn_st a {display:inline-block; line-height:20px; padding:8px 15px; margin:1px; text-decoration:none; font-size:14px; font-family:'NotoM'; text-align:center; color:#fff; border-bottom:1px solid #343848; border-right:1px solid #343848; background:#45495b; border-radius:3px;}
.btn_st a:hover {text-decoration:underline;}
.btn_st a.blue {color:#fff; border-bottom:1px solid #1e5ebc; border-right:1px solid #1e5ebc; background:#2f71d2;}
.btn_st a.green {color:#fff; border-bottom:1px solid #3e9416; border-right:1px solid #3e9416; background:#52ae27;}
.btn_st a.red {background-color:#d9534f; border-color:#d9534f}

.btn_st a.line {padding:7px 15px 8px; color:#222; border:1px solid #9298af; background:#fff;}
.btn_st a.blue_l {padding:7px 15px 8px; color:#1e5ebc; border:1px solid #1e5ebc; background:#fff;}
.btn_st a.green_l {padding:7px 15px 8px; color:#42991a; border:1px solid #42991a; background:#fff;}

.btn_st a.mini {padding:2px 8px; font-family:"돋움",Dotum; font-size:12px; font-weight:bold; }

/* 기본입력 한국어 시작 */
.setKorea { ime-mode:active; }
/* 기본입력 한국어 끝 */

.mobilePicView { display:none; }

@media (max-width:1019px) {	/* 181023 */
	
	/* 게시판 상단 문구 181023 */
	.inform_bg {border-bottom:1px solid #9298af;}
	/* 검색 181023 */
	.BD_Top {display:none;}

	/* 검색 181023 */
	.BD_Top2 {position:relative; display:block; padding:10px 100px 10px 20px; border-top:1px solid #c8d1db; border-left:1px solid #c8d1db; border-right:1px solid #9298af; border-bottom:1px solid #9298af; background:#f7f7f7; overflow:hidden;}
	.BD_Top2 .BD_total {width:35%; float:left; line-height:30px;}
	.BD_Top2 .BD_srch {width:60%; float:right;}
	.BD_Top2 .BD_srch select, .BD_Top2 .BD_srch input {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
	.BD_Top2 .BD_srch select {width:24%; height:30px; padding:2px; font-family:"NotoR"; border:1px solid #c8d1db;}
	.BD_Top2 .BD_srch input {width:50%; height:30px; padding:0; font-family:"NotoR"; border:1px solid #c8d1db;}
	.BD_Top2 .BD_srch button {position:absolute; bottom:10px; right:20px; display:block; width:80px; height:30px; font-family:"NotoR"; line-height:30px; border:none; color:#fff; background:#394b61;}
	
	.BD_table > table > tbody > tr > td > table tr td {width:auto !important; word-wrap:break-word; word-break:break-all;} /* 190117 추가 */
	.BD_table > table > tbody > tr > td img {max-width:100%;} /* 190604 추가 */
	/* .BD_list td a {white-space: normal;} 181023 수정*/
	.BD_list colgroup {display:none} /* 181023 */
	.BD_list th.th_title {width:50%;} /* 181023 */
	.BD_list td {padding:10px 5px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } /* 181023 */
	.BD_list td.ta_l {width:50% !important;}/* 181023 */
	
	.photo_list ul li img { height:150px;}
}

@media screen and (max-width:770px) {
	
	.BD_table > table > tbody > tr > td .input_txt50 {width:99%}
	.BD_table > table > tbody > tr > td .input_txt30 {width:99%;} /* 181116 */

	/* 검색 181023 */
	.BD_Top2 .BD_total {width:100%; float:none; margin-bottom:10px;}
	.BD_Top2 .BD_srch {width:100%; float:none;}

	/* 페이징 181023 */
	.pagination li a {padding:0 10px;}

	/* 리스트표출 200330 추가*/
	.photo_list ul {width:110%;}
    .photo_list ul li {width:40%; margin:10px 1.5%;padding-left:15px}
    .photo_list ul li a {display:block; text-align:center; padding:0 0 15px; border:1px solid #c8d1db;}
    .photo_list ul li img {width:70%; height:180px;}
	

}

@media (max-width:690px) {

	/* 게시판 상단 문구 */
	.inform_bg {padding:20px;}
	.inform_bg img {position:absolute; left:-100000rem; top:-100000rem;}/* 240307 */

	/* 검색 181023 */
	.BD_Top2 {padding:10px 20px;}
	.BD_Top2 .BD_srch select {width:49%;}
	.BD_Top2 .BD_srch input {width:100%; height:30px; margin:5px 0; font-family:"NotoR"; border:1px solid #c8d1db;}
	.BD_Top2 .BD_srch button {position:relative; top:auto; right:auto; width:100%; margin-top:10px;}

	/* 게시판 list */
	.BD_list td {font-family:"NotoR"; font-size:13px}
	.BD_tm_none {display:none;}
	.widS15 {width:20% !important; }
	.BD_list td.ta_l b.btn_S.btn_red {display:inline-block; margin-right:5px;} /* 190128 추가 */

	/* 게시판 VIew */
	/*.BD_table > table > tbody > tr > th, .BD_table > table > tbody > tr > td {display:block; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }*/ /* 240510 주석처리 */  /* 181204 수정 */
	.BD_table > table > tbody > tr > th, .BD_table > table > tbody > tr > td iframe {width:100% !important;} /* 181027 */

	/* 공통 댓글 */
	.BD_reply-head .write textarea {width:70%; height:70px;-webkit-box-sizing:border-box; , -moz-box-sizing:border-box; box-sizing:border-box; }
	.BD_reply-head .write button {width:28%;}
	.BD_reply-body ul li div .btn {width:28%;}
	.BD_reply-body ul li div textarea {width:70%; height:50px;-webkit-box-sizing:border-box; , -moz-box-sizing:border-box; box-sizing:border-box; }

	
	/* 페이징 181023 */
	.pagination li {min-width:13.5%; font-size:13px; margin:1px 1px;}
	.pagination li:first-child a {border-radius:0;}
	.pagination li:last-child a {border-radius:0;}
	.pagination li a {padding:0 5px;}
	
	.photo_list ul li img { height:100px;}

	.photo_list2 ul li img {width:35%;}
	.photo_list2 ul li a {padding-left:40%;}
	
}

@media (max-width:480px) {
	
	.BD_list .BD_listUser {display:none}/* 181023 */
	.BD_list th.th_title {width:70%;} /* 181023 */
	.BD_list td {width:30% !important;}/* 181023 */
	.BD_list td.ta_l {width:70% !important;}/* 181023 */

	/* 페이징 */
	.BD_paging a {width:27px; line-height:27px;}
	.BD_paging a img {width:27px;}

	.pcPicView { display:none; }
	.mobilePicView { display:block; }
	.BD_table .mobilePicView img{width: 240px;height: 160px;} /* 190604 추가 */	
	
	/* 리스트표출 200330 추가*/
	.photo_list ul {width:110%;}
    .photo_list ul li {width:85%; margin:10px 1.5%;padding-left:10px}
    .photo_list ul li a {display:block; text-align:center; padding:0 0 15px; border:1px solid #c8d1db;}
    .photo_list ul li img {width:70%; height:180px;}
	
}

@media (max-width:380px) {

	

}