/* 게시판*/
#board {width:100%; position:relative;}
#board .board_top {margin-bottom:10px;}
#board .board_top .search {width: 100%; height: 80px; margin: 28px 0 20px; padding: 18px 0 17px; box-sizing: border-box; border-radius: 10px; background: #f4f7f7; text-align: center;}
#board .board_top .search ul{display:inline-block; padding-bottom:25px;}
#board .board_top .search li{float:left;}
#board .board_top .search li + li{margin-left: 9px;}
#board .board_top .search li select{width: 157px; height: 45px; padding-left: 15px; box-sizing: border-box; background: #fff; border: 1px solid #ddd; border-radius: 5px; font-size: 15px;}
#board .board_top .search li input{width: 362px; height: 45px; padding-left: 15px; box-sizing: border-box; background: #fff; border: 1px solid #ddd; border-radius: 5px;}
#board .board_top .search li input::placeholder{font-size: 15px; color: #999;}
#board .board_top .search li button{width: 118px; height: 45px; padding-left: 58px; box-sizing: border-box; background: #48545d url(/img/sub/search_icon.png) no-repeat 32px 13px; border: 0; font-size: 15px; color: #fff; text-align: left;}
#board .board_top .search ul:after {clear:both; display:block; content:"";}

#board .board_top .result {width: 100%; text-align: right;}
#board .board_top .result ul{display: inline-block;}
#board .board_top .result {font-size:15px; font-weight:bold; display:inline-block;}
#board .board_top .result li {float:left; padding:0 3px; font-weight: 400;}
#board .board_top .result li span {font-weight: 600;}
#board .board_top .result:after {clear:both; display:block; content:"";}

#board .gallery_top {padding-bottom: 10px; margin-bottom: 22px; border-bottom: 2px solid #48545d;}
#board .gallery_top .search {width: 100%; height: 80px; margin: 28px 0 20px; padding: 18px 0 17px; box-sizing: border-box; border-radius: 10px; background: #f4f7f7; text-align: center;}
#board .gallery_top .search ul {display:inline-block;}
#board .gallery_top .search li {float:left;}
#board .gallery_top .search li + li{margin-left: 9px;}
#board .gallery_top .search li select {width: 157px; height: 45px; padding-left: 15px; box-sizing: border-box; background: #fff; border: 1px solid #ddd; border-radius: 5px; font-size: 15px;}
#board .gallery_top .search li input {width: 362px; height: 45px; padding-left: 15px; box-sizing: border-box; background: #fff; border: 1px solid #ddd; border-radius: 5px;}
#board .gallery_top .search li input::placeholder{font-size: 15px; color: #999;}
#board .gallery_top .search li button {width: 118px; height: 45px; padding-left: 58px; box-sizing: border-box; background: #48545d url(/img/sub/search_icon.png) no-repeat 32px 13px; border: 0; font-size: 15px; color: #fff; text-align: left;}
#board .gallery_top .search ul:after {clear:both; display:block; content:"";}

#board .gallery_top .result {width: 100%; text-align: right;}
#board .gallery_top .result ul{display: inline-block;}
#board .gallery_top .result {font-size:15px; font-weight:bold; display:inline-block;}
#board .gallery_top .result li {float:left; padding:0 3px; font-weight: 400;}
#board .gallery_top .result li span {font-weight: 600;}
#board .gallery_top .result:after {clear:both; display:block; content:"";}

/* 게시판 페이지 */
#board .page {padding:20px 0 40px 0;}
#board .page ul {float:right; position:relative; left:-50%;}
#board .page li {float:left; position:relative; left:50%; margin:0 4px;}
#board .page li a {display: block; width: 23px; height: 27px; margin:0; border: 1px solid #ccc; box-sizing: border-box; text-align: center; line-height: 25px;}
#board .page li.on a {border: 0; background: #2282a5; color: #fff;}
#board .page li.prev a {background: url(/img/sub/arrow3_prev.png) no-repeat center; font-size: 0;}
#board .page li.next a {background: url(/img/sub/arrow3_next.png) no-repeat center; font-size: 0;}
#board .page:after {clear:both; display:block; content:"";}
#board .btn span {float:right; margin:5px;}

@media (max-width: 450px){
	#board .page li{margin: 0 3px;}
	#board .page li a{width: 20px; height: 24px; font-size: 13px; line-height: 22px; letter-spacing: -0.05em;}
}

/*버튼 */
#board .btn_wrap{margin: 10px 0;}
#board .btn{float: left; width: 78px; height: 44px; background: #e7e7e7; font-size: 15px; color: #333; text-align: center; line-height: 44px;}
#board .btn + .btn{margin-left: 12px;}
#board .btn_write{float: left; width: 110px; height: 44px; background: #e6f2f7; font-size: 15px; color: #2c95bb; text-align: center; line-height: 44px;}
#board .btn.list{float: right;}

/* 게시판 목록 */
#contents .Clause {margin:30px 0 15px 0; color:#9145bf; text-align:center; font-weight:bold; background:#f9f9f9; line-height:200%;}
#board .board_list .list_title {position:relative; font-size:15px;}

#board.cate .board_list .list_title li {padding:17px 315px 17px 100px;}
#board.cate .board_list .list_title li.cate {position:absolute; left:50px; top:0; width:50px; text-align:center; padding:17px 0;}

#board .board_list .list_title li {height: 53px; box-sizing: border-box; padding:17px 315px 17px 94px; background: #f9f9f9; border-bottom:1px solid #dedede; border-top: 2px solid #2282a5; font-weight:bold; text-align:center;}
#board .board_list .list_title li.numb {position:absolute; left:0; top:0; width:50px; text-align:center; padding:17px 0;}
#board .board_list .list_title li.name {position:absolute; right:221px; top:0; width:94px; text-align:center; padding:17px 0; letter-spacing: 0em;}
#board .board_list .list_title li.date {position:absolute; right:75px; top:0; width:146px; text-align:center; padding:17px 0;}
#board .board_list .list_title li.hit {position:absolute; right:0; top:0; width:75px; text-align:center; padding:17px 0;}
#board .board_list .list_view dl {border-bottom:1px solid #dedede; position:relative;}
#board .board_list .list_view dl.lien {border-bottom:1px solid #dedede;}
#board .board_list .list_view dl dt {padding:0 315px 0 94px; height:47px; line-height:47px; color:#252525; font-size:16px;}
#board.cate .board_list .list_view dl dt {padding:0 315px 0 120px;}
#board .board_list .list_view dl dt.secret{height: 159px; padding: 115px 0 0 0; background: url(/img/sub/lock.png) center 22px no-repeat; box-sizing: border-box; text-align: center; line-height: 1; word-break: keep-all;}
#board .board_list .list_view dl dt.secret a{margin-left: 5px;}
#board .board_list .list_view dl dt.none{padding: 0; text-align: center;}

#board .board_list .list_view dl dt a font{display: inline-block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; max-width: 94%; vertical-align: top; color: #666;}
#board .board_list .list_view dl dt a img + font{max-width: 88%;}
#board .board_list .list_view dl dt .icon_new_sub {vertical-align:middle; margin:0 5px; padding:0px !important;}
#board .board_list .list_view dl dt span.reple_icon {display: inline-block; width: 23px; height: 16px; line-height: 16px; background:url('/img/sub/comment_cnt.png') no-repeat; color:#fff; font-size:13px; text-align:center;}
#board .board_list .list_view dl dd li {line-height:100%;position:absolute; top:0; line-height:47px; text-align:center;  font-size:14px;}
#board .board_list .list_view dl dd li.numb {left:0; width:50px; color:#666;}
#board .board_list .list_view dl dd li.numb input{vertical-align: middle;}
#board .board_list .list_view dl dd li.numb img {vertical-align:middle;}
#board .board_list .list_view dl dd li.name {right:221px; width:94px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; color:#666;letter-spacing: 0em;}
#board .board_list .list_view dl dd li.date {right:75px; width:146px; color:#666;}
#board .board_list .list_view dl dd li.hit {right:0; width:75px; color:#666;}
#board.cate .board_list .list_view dl dd li.cate {left: 50px; width: 50px;}
#board .market_place .list_title li {height: 53px; box-sizing: border-box; padding:17px 315px 17px 250px; background: #f9f9f9; border-bottom:1px solid #dedede; border-top: 2px solid #2282a5; font-weight:bold; text-align:center;}
#board .market_place .list_title li.photo {position:absolute; left:50px; top:0; width:200px; text-align:center; padding:17px 0;}
#board .market_place .list_view dl dt {height: 100px; line-height: 100px; padding-left: 250px;}
#board .market_place .list_view dl dd li {line-height: 100px;}
#board .market_place .list_view dl dd li.photo {left:50px; width:200px;}
#board .market_place .list_view dl dd li.photo img{width: 115px;}

@media (max-width:1200px){
	#board .board_list .list_view dl dt a font{max-width: 90%;}
}
@media (max-width:750px){
	#board .board_top .search ul{width: 100%;}
	#board .board_top .search li:nth-child(1){width: 30%;}
	#board .board_top .search li:nth-child(2){width: 47%; margin-left: 1.5%;}
	#board .board_top .search li:nth-child(3){width: 20%; margin-left: 1.5%;}
	#board .board_top .search li select{width: 100%;}
	#board .board_top .search li input{width: 100%;}
	#board .board_top .search li button{width: 100%; padding-left: 50%; background-position: 35% center;}
	
	#board .gallery_top .search ul{width: 100%;}
	#board .gallery_top .search li:nth-child(1){width: 30%;}
	#board .gallery_top .search li:nth-child(2){width: 47%; margin-left: 1.5%;}
	#board .gallery_top .search li:nth-child(3){width: 20%; margin-left: 1.5%;}
	#board .gallery_top .search li select{width: 100%;}
	#board .gallery_top .search li input{width: 100%;}
	#board .gallery_top .search li button{width: 100%; padding-left: 50%; background-position: 35% center;}
	
	#board .board_list .list_title li.numb{display: none;}
	#board .board_list .list_title li.name{display: none;}
	#board .board_list .list_title li.hit{display: none;}
	#board .board_list .list_title li.date{width: 90px; right: 0;}
	#board .board_list .list_title li{padding: 17px 90px 17px 0px;}
	#board .board_list .list_view dl dd li.numb{width: 25px; font-size: 0;}
	#board .board_list .list_view dl dd li.name{display: none;}
	#board .board_list .list_view dl dd li.hit{display: none;}
	#board .board_list .list_view dl dd li.date{width: 90px; right: 0;}
	#board .board_list .list_view dl dt{padding: 0 90px 0 10px;}
	#board .board_list .list_view dl dt a font{max-width: 90%; font-size: 15px;}
	#board .board_list .list_view dl dt span.reple_icon{display: none;}	
	#board .board_top .search li button{padding-left: 47%; background-position: 25%;}
	#board .gallery_top .search li button{padding-left: 47%; background-position: 25%;}
}

@media (max-width:500px){
	#board .btn{font-size: 13px; width: 80px; height: 35px; line-height: 35px; letter-spacing: -0.05em;}
	#board .btn + .btn{margin-left: 6px;}
}

@media (max-width:420px){
	#board .board_list .list_view dl dt a font{max-width: 90%;}
	#board .board_list .list_view dl dt .icon_new_sub{margin-left: -4px; margin-top: -5px;}
	#board .board_list .list_view dl dt a img + font{max-width: 73%;}
}

/* 게시판 뷰 */
#board {margin: 37px 0 63px;}
#board .board_view .title {font-weight:bold; position:relative; border-top: 2px solid #2c95bb;}
#board .board_view .title p {height: 51px; padding: 0 20px; background: #f9f9f9; border-bottom:1px solid #dedede; box-sizing: border-box; font-size: 17px; font-weight:bold; color:#333; line-height: 51px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
#board .board_view .title .title_bottom{height: 35px; border-bottom: 1px solid #dedede; box-sizing: border-box;}
#board .board_view .title span {display: inline-block; padding: 0 7px; font-size: 15px; font-weight: 400; line-height: 34px; position: relative;}
#board .board_view .title span + span:before{content: ''; display: block; width: 1px; height: 10px; background: #c8c8c8; position: absolute; left: 0; top: 13px;}
#board .board_view .title span.date {padding-left: 25px;}
#board .board_view .file {background: #f7f7f7; padding-left: 22px;}
#board .board_view .file li{padding: 8px 0;}
#board .board_view .file a{display: block; padding-left: 22px; background: url(/img/sub/file_icon.png) no-repeat 0 4px; color: #666; font-weight: 400; line-height: 1.5;}
#board .board_view .body {min-height:250px; padding: 30px 5px; position:relative; width:100%; box-sizing:border-box; word-break: break-all;}
#board .board_view .body .text {width:100%; box-sizing:border-box;}
#board .board_view .body .text p {line-height:2.2em;}
#board .board_view .body .text img {max-width: 100%;}
@media (max-width:1098px){
	#board .board_view .body .text img {width:100%;}
}
@media (max-width:500px){
	#board .board_view .title p{height: auto; padding: 15px 6px; font-size: 16px; line-height: 1.5; overflow: unset; text-overflow: unset; white-space: unset;}
	#board .board_view .title span{font-size: 14px;}
	#board .board_view .title span.date{padding-left: 6px;}
}

#board .board_view .bottom {position:relative; border-top:1px solid #48545d;}
#board .board_view .bottom li{height: 43px; padding-left: 11px; border-bottom:1px solid #ccc; box-sizing: border-box; line-height: 42px;}
#board .board_view .bottom li .txt{display: inline-block; vertical-align: top;}
#board .board_view .bottom li:nth-child(1) .txt{padding-left: 19px; background: url(/img/sub/arrow2_prev.png) 0 center no-repeat}
#board .board_view .bottom li:nth-child(2) .txt{padding-left: 19px; background: url(/img/sub/arrow2_next.png) 0 center no-repeat}
#board .board_view .bottom li a, #board .board_view .bottom li .none{display: inline-block; width: calc(100% - 195px); margin-left: 42px; color: #666; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
#board .board_view .bottom li .date{float: right; margin-right: 20px; font-size: 15px; color: #666; }

/* 댓글작성 */
#board .board_reple .reple_write {position:relative;}
#board .board_reple .reple_write .btn_comment{float: left; display: inline-block; width: 131px; height: 73px; margin-left: 13px; box-sizing: border-box; border-radius: 5px; background: #2c95bb; border: 1px solid #00b6e5; font-size: 15px; color: #fff; line-height: 71px;}
#board .board_reple .reple_write p.title {font-weight:bold; padding:5px 5px 15px 5px;}
#board .board_reple .reple_write p.title span {float:right; display:inline-block; font-size:0.9em; color:#999; font-weight:normal;}
#board .board_reple .reple_write p.title:after {clear:both; display:block; content:"";}
#board .board_reple .reple_write p.info {margin:0 0 10px 0;}
#board .board_reple .reple_write p.info span {display:inline-block; margin-left:5px;}
#board .board_reple .reple_write p.info span.pw {display:inline-block; margin-left:20px;}
#board .board_reple .reple_write p.info span input {width:100px;}
#board .board_reple .reple_write p.input {text-align:center;}
#board .board_reple .reple_write p.input textarea {float: left; width: 776px; height: 73px; box-sizing: border-box; border-radius: 5px; border:1px solid #ccc; padding:1%; resize:none; color:#999;}
#board .board_reple .reple_write p.input span.btn {margin-top:8px;}
#board .board_reple .reple_write p.input span.btn a {display:inline-block; }
#board .board_reple .reple_write p.input:after {clear:both; display:block; content:"";}
#board .board_reple .reple_write p.total {padding:10px;}
#board .board_reple .reple_write p.nonmember {padding:10px;}
#board .board_reple .reple_write p.nonmember input {border:1px solid #ccc;}
#board .board_reple .reple_write p.nonmember input#name {width:150px; height:20px; margin:0 20px 10px;}
#board .board_reple .reple_write p.nonmember input#password {width:150px; height:20px; margin:9px;}
#board .board_reple .reple_write span.secret {padding:10px;}
#board .board_reple .reple_list {margin:10px 0px;}
#board .board_reple .reple_list li {border-bottom:1px solid #ccc; padding: 0 55px 25px 15px; position:relative;}
#board .board_reple .reple_list li + li{padding-top: 25px;}
#board .board_reple .reple_list li p.name {display: inline-block; color:#333;text-align:left; letter-spacing:0;}
#board .board_reple .reple_list li p.text {margin-top: 14px;}
#board .board_reple .reple_list li p.date {display: inline-block; margin-left: 8px; font-size: 13px; color:#888;}
#board .board_reple .reple_list li span.delet {position:absolute; top:10px; right:5px; font-size: 12px; padding:4px 0;}
#board .board_reple .reple_list li span.delet a {padding:3px 10px; border:1px solid #ccc; background-color:#f8f8f8; position:relative; top:0;}
#board .board_reple .reple_list p.confirm {position:absolute; top:10px; right:90px; font-size:0.8em;}
#board .board_reple .reple_list p.confirm input {width:100px; height:20px; margin:0 7px; border:1px solid #ccc;}
#board .board_reple:after {clear:both; display:block; content:"";}


@media (max-width:1200px){
	#board .board_reple .reple_write p.input textarea{width: calc(100% - 144px);}
}

@media (max-width:650px){
	#board .board_view .bottom li .date{display: none;}
	#board .board_view .bottom li a, #board .board_view .bottom li .none{width: calc(100% - 85px); margin-left: 19px;}
	#board .board_reple .reple_write p.input textarea{width: 75%;}
	#board .board_reple .reple_write .btn_comment{width: 24%; margin-left: 1%;}
	#board .board_reple .reple_list li{padding: 0 55px 15px 10px;}
}

/* 게시판 작성 */
#board .board_write dt {height:20px; font-size:15px; font-weight:bold; color:#333; padding:7px 20px 0 17px; position:relative;}
#board .board_write dt span {font-size:0.9em;}
#board .board_write dt span input[type=checkbox] {position:relative; top:3px; margin-right:5px;}
#board .board_write dt span.bold {position:absolute; right:110px; top:7px;}
#board .board_write dt span.bold label {width:auto; height:50px;}
#board .board_write dt span.notice {position:absolute; right:20px; top:7px;}
#board .board_write dt span.notice label {width:auto;}
#board .board_write dt span.secret {position:absolute; right:20px; top:7px;}
#board .board_write dt span.secret label {width:auto;}
#board .board_write dd {padding:2px 3px 7px 0; text-align:center;}
#board .board_write dd input {width:95%; height:18px; border:1px solid #ccc; background-color:#fff; padding:3px 1%;}
#board .board_write dd select {width:95%; height:18px; border:1px solid #ccc; background-color:#fff; padding:3px 1%; box-sizing: content-box;}
#board .board_write dd textarea {width:95%; border:1px solid #ccc; padding:1%; resize:none;}
#board .board_write dd span.file input {width:95%; height:25px; border:1px solid #ccc; background-color:#fff; padding:0 1% 5px 1%;}
#board .board_write dd .button-container input {width:99%; height:25px; border:1px solid #ccc; background-color:#eee; padding:0 1% 5px 1%;}
#board .board_write dd ul.file_list {width:93%; border:1px solid #ccc; background-color:#fff; padding:10px 2%; margin:0 auto 10px auto;}
#board .board_write dd ul.file_list li {padding:10px; text-align:left; border-bottom:1px dashed #ccc;}
#board .board_write dd ul.file_list li:last-child {border-bottom:0;}

/* 갤러리 리스트 */
#board .gallery_list {text-align: center;}
#board .gallery_list ul {display: inline-block; width: 919px;}
#board .gallery_list ul::after {clear: both; display: block; content: "";}
#board .gallery_list ul li {position:relative; float:left; width: 295px; height: 286px; border:1px solid #ccc; box-sizing: border-box;}
#board .gallery_list ul li + li{margin-left: 17px;}
#board .gallery_list ul li:nth-child(3n+4){margin-left: 0;}
#board .gallery_list ul li:nth-child(n+4){margin-top: 25px;}
#board .gallery_list ul li p.image a img {display: block; width: 293px; height: 199px;}
#board .gallery_list ul li p.image a img.play_bg {opacity:0.6;}
#board .gallery_list ul li p.image .play_btn {position:relative; top:40%; left:0; width:40px; height:40px;}
#board .gallery_list ul li p.text {margin-top:3px; padding: 20px 10px 10px 14px; white-space:nowrap; text-overflow:ellipsis; height:20px; overflow:hidden; text-align: left;}
#board .gallery_list ul li p.text a {font-size: 16px; color:#454545;}
#board .gallery_list ul li p.text a:hover {color:#101010;}
#board .gallery_list ul li p.text .icon_new_sub {vertical-align: top; margin-left:5px; padding: 0 !important}
#board .gallery_list ul li p.info {font-size:14px; padding: 0 13px 0px 14px;}
#board .gallery_list ul li p.info span {display:inline-block; font-size: 14px; color: #828282; line-height: 1.5;}
#board .gallery_list ul li p.info span.name {border:none; padding:5px 9px; font-weight:bold; width:100%; box-sizing:border-box; display:none;}
#board .gallery_list ul li p.info span.date {float: left; padding-left: 20px; background: url(/img/sub/date_icon.png) no-repeat 0 center;}
#board .gallery_list ul li p.info span.hit {float: right; padding-left: 21px; background: url(/img/sub/view_icon.png) no-repeat 0 center;}
#board .gallery_list ul li p span.reple_icon {background:url('/img/common/reple_bl.png') no-repeat;  padding:0; color:#fff; font-size:10px;}
#board .gallery_list ul li p.info:after {clear:both; display:block; content:"";}
#board .gallery_list ul:after {clear:both; display:block; content:"";}
#board .gallery_list .btn {padding:20px 1%; text-align:right;}
#board .gallery_list .btn span {padding:0 2px;}
@media (max-width:960px){
	#board .gallery_list ul{width: 607px;}
	#board .gallery_list ul li:nth-child(odd){margin-left: 0;}
	#board .gallery_list ul li:nth-child(even){margin-left: 17px;}
	#board .gallery_list ul li:nth-child(n+3){margin-top: 25px;}
}
@media (max-width:680px){
	#board .gallery_list ul{width: 295px;}
	#board .gallery_list ul li:nth-child(odd){margin-left: 0;}
	#board .gallery_list ul li:nth-child(even){margin-left: 0px;}
	#board .gallery_list ul li:nth-child(n+2){margin-top: 15px;}
}

/* 게시판 삭제 or 보기 */ 
#board .pop {width:75%; height:100%; margin:35px auto; background:url('/img/common/bg_black50.png') 0 0 repeat; left:10%; top: 10%; position:absolute; } 
#board .pop .form {background-color:#fff; border-right: 1px solid #aaa; border-left: 1px solid #aaa; border-top: 5px solid #2c95bb; border-bottom: 2px solid #2c95bb;}
#board .pop .form p.title {font-weight:bold; padding:15px 20px; color:#333; font-size:20px; text-align: center;}
#board .pop .form p.name {font-weight:bold; padding:10px 20px 15px; color:#243f91;}
#board .pop .form p.text {padding:10px 20px; font-size:0.9em; line-height:140%;}
#board .pop .form p.text span {padding-top:10px; display:block; font-size:12px; color:#ff0000; position:relative; padding-left:15px;}
#board .pop .form p.input {text-align:center; padding:0 10px;}
#board .pop .form p.input input[type=password] {width:97%; border:1px solid #ccc; border-radius:5px; padding:10px 1%;}
#board .pop .form .btn_wrap{text-align: center;}
#board .pop .form .btn_wrap a{width:117px; height: 40px; text-align: center; line-height: 40px;}
#board .pop .form .btn_wrap .btn1{line-height: 38px;}
#board .pop .form .btn_wrap .btn2{line-height: 40px;}
#board:after {clear:both; display:block; content:"";}