.posting {font-size:16px;line-height:24px;color:#666;}
.posting .pageTitle {margin-bottom:20px;}
.spot_title {font-family:'Nanum Myeongjo';font-size:30px;line-height:40px;color:#333;text-align:center;}
.spot_title:after {content:'';display:block;margin:13px auto 0;width:47px;height:1px;background-color:#000;}

#sign .btn {padding:6px;}
#sign .title {margin-bottom:20px;height:30px;font-size:20px;line-height:28px;color:#333;border-bottom:1px solid #ddd;}
#sign .agree {margin-bottom:10px;padding:10px;height:160px;font-size:14px;line-height:22px;border:1px solid #ddd;overflow:auto;}
#sign .agree p {font-size:14px;line-height:22px;}
#sign .agree + label {font-size:14px;line-height:22px;}
#sign ul.entry li {margin-bottom:10px;}
#sign ul.entry label strong {display:block;height:30px;font-size:20px;line-height:28px;color:#333;}
#sign ul.entry .i_text {width:100%;height:40px;border:1px solid #ddd;text-indent:10px;}
#sign table.entry {color:#777;}
#sign table.entry .i_text,
#sign table.entry select {width:140px;height:30px;text-indent:10px;border:1px solid #ddd;}
#sign table.entry .explain {display:inline;margin-left:10px;font-size:12px;line-height:16px;}
#sign table.entry .explain:before {content:'# ';color:#7b0018;}
#sign table.entry .empty {display:inline-block;padding:5px 0;width:16px;line-height:20px;text-align:center;}
#sign table.entry th {padding:20px 20px 20px 30px;width:140px;font-size:14px;line-height:22px;text-align:left;}
#sign table.entry th.required:before {content:'*';position:absolute;margin-left:-14px;color:#7b0018;}
#sign table.entry td {padding:20px;}
#sign table.entry tr:nth-child(odd) th,
#sign table.entry tr:nth-child(odd) td {background-color:rgba(97,87,83,.1);}
#sign table.entry .gender {display:inline-block;margin-right:10px;font-size:14px;}
#sign .message {margin-bottom:36px;font-size:16px;line-height:24px;}
#sign .message span {display:block;}
#sign .message strong {display:block;font-size:28px;line-height:36px;}
#sign .full_consent {margin:20px 0 80px;padding-top:30px;border-top:1px solid #ddd;}
#sign .full_consent .btn {margin-left:10px;padding:2px;height:24px;}
#sign .sign_result {padding:100px 0;font-size:16px;line-height:24px;color:#777;border-bottom:1px solid #ddd;}
#sign .sign_result strong {display:block;margin-bottom:10px;font-size:36px;line-height:44px;color:#7b0018;}
#sign .sign_result strong.big {font-size:62px;line-height:70px;}

#sign_out .header {font-size:14px;line-height:24px;color:#666;}
#sign_out .title {margin:45px 0 15px;font-size:24px;line-height:30px;color:#333;}
#sign_out .user_info {padding:20px 0;font-size:16px;line-height:26px;color:#333;border-top:1px solid #dedede;border-bottom:1px solid #dedede;}
#sign_out .user_info dt {display:inline-block;font-weight:700;color:#333;}
#sign_out .user_info dd {display:inline-block;padding-right:30px;color:#666;}
#sign_out .user_info dt:after {content:':';padding:0 5px;}
#sign_out .user_info dd:after {content:'';display:inline-block;margin-left:30px;vertical-align:middle;width:1px;height:16px;background-color:#dedede;}
#sign_out .user_info dd:last-child:after {display:none;}
#sign_out .reason {font-size:14px;line-height:20px;color:#666;overflow:hidden;}
#sign_out .reason li {display:block;float:left;padding:5px 0;width:25%;}
#sign_out .reason li input[type="radio"] {margin-right:5px;}
#sign_out .another_reason {margin-top:10px;padding:10px;border:1px solid #dedede;background-color:#efefef;}
#sign_out .another_reason textarea {padding:10px;width:100%;border:1px solid #dedede;}
#sign_out .btn-group {margin-top:40px;}

#pop_wrap {}
#pop_wrap .header {padding:15px 20px;font-size:16px;line-height:24px;color:#fff;background-color:#7b0018;}
#pop_wrap .container {padding:30px 20px;font-size:14px;line-height:22px;color:#333;text-align:center;}
#pop_wrap .container .result {margin-bottom:40px;}
#pop_wrap .pop_close {display:block;position:absolute;top:0;right:0;width:54px;height:54px;background-color:translate;}
#pop_wrap .pop_close:before {content:'';display:block;position:absolute;top:50%;left:50%;margin-top:-20px;width:1px;height:40px;background-color:#fff;transform: rotate(45deg); transform-origin: center center;}
#pop_wrap .pop_close:after {content:'';display:block;position:absolute;top:50%;left:50%;margin-top:-20px;width:1px;height:40px;background-color:#fff;transform: rotate(-45deg); transform-origin: center center;}

.pagination {margin-top:50px;text-align:center;}
.pagination .btn {margin:0;padding:4px;min-width:30px;height:30px;font-size:14px;line-height:20px;color:#949494;border:1px solid #e4e4e4;background-color:#fff;letter-spacing:-1px;}
.pagination .btn.prev {padding:7px 0;}
.pagination .btn.next {padding:7px 0;}
.pagination .btn.prev:before {content:'';display:block;margin:0 auto;width:9px;height:14px;background-image:url(../images/icon_pack.png);background-repeat:no-repeat;background-position:-150px 0;}
.pagination .btn.next:before {content:'';display:block;margin:0 auto;width:9px;height:14px;background-image:url(../images/icon_pack.png);background-repeat:no-repeat;background-position:-200px 0;}
.pagination .btn.current {padding:5px;border:0;color:#fff;background-color:#7b0018;}

.board_search {padding:20px;text-align:center;border:0;background-color:#d7c9b1;}
.board_search span {display:inline-block;}
.board_search select {min-width:128px;height:34px;line-height:22px;vertical-align:middle;border:0;}
.board_search .search_input {width:296px;height:34px;line-height:22px;text-indent:6px;vertical-align:middle;border:0;}
.board_search .search_btn {display:inline-block;width:95px;padding:7px 0;line-height:20px;color:#fff;background-color:#515151;text-align:center;vertical-align:middle;}

.board_list {margin-top:50px;border-top:2px solid #666;}
.board_list th,
.board_list td {font-size:18px;line-height:30px;color:#333;text-align:center;}
.board_list thead th,
.board_list thead td {height:48px;font-weight:700;border-bottom:1px solid #666;background-color:#fafafa;}
.board_list tbody th,
.board_list tbody td {height:49px;color:#666;border-bottom:1px dashed #ddd;letter-spacing:-1px;}
.board_list td.subject {text-align:left;}
.board_list td.subject a {display:inline-block;color:#666;vertical-align:middle;}
.board_list tr:hover a {color:#333;}
.board_list span.new {display:inline-block;margin-left:5px;padding:0;width:20px;font-size:12px;font-weight:700;line-height:20px;color:#fff;text-align:center;text-transform:uppercase;vertical-align:middle;letter-spacing:1px;background-color:#7b0018;border-radius:50%;}
.board_list span.success {display:inline-block;width:60px;font-size:12px;font-weight:700;line-height:20px;color:#fff;text-align:center;vertical-align:middle;}
.board_list .notice td,
.board_list .notice td.subject a {font-weight:700;color:#7b0018;}
.board_list .notice .num:before {content:'공지' !important;display:inline-block;padding:2px 5px;line-height:20px;}
.board_list .num,
.board_list .type,
.board_list .views {width:60px;}
.board_list .name,
.board_list .date,
.board_list .progress {width:120px;}
.board_list .info {width:300px;}

.photo-list {margin-top:50px;}
.photo-list:after {content:'';display:block;clear:both;}
.photo-list li {float:left;margin-top:6px;width:100%;}
.photo-list .picture {border:1px solid #ddd;}
.photo-list dl {padding:18px 15px;font-size:18px;line-height:30px;color:#666;border:1px solid #ddd;border-top:0;}
.photo-list dd {display:inline;}
.photo-list .subject {display:block;height:60px;color:#333;overflow:hidden;}
.photo-list dd.views:before {content:'HIT.';}
.photo-list .subject:after,
.photo-list dd:last-child:after {display:none;}
.photo-list li.no_list {padding:20px;width:100%;text-align:center;}
.photo-list span.new {display:inline-block;margin-left:5px;padding:0;width:20px;font-size:12px;font-weight:700;line-height:20px;color:#fff;text-align:center;text-transform:uppercase;vertical-align:middle;letter-spacing:1px;background-color:#7b0018;border-radius:50%;}

.board_view {border-top:2px solid #666;}
.board_view .subject,
.board_view .info,
.board_view .contents {padding:15px 30px;font-size:18px;line-height:26px;border-bottom:1px solid #666;}
.board_view .subject,
.board_view .info {width:100%;color:#333;background-color:#fafafa;letter-spacing:-1px;}
.board_view .subject,
.board_view .info dt,
.board_view .info dd {display:inline-block;vertical-align:middle;}
.board_view .info dt {font-weight:700;margin-right:5px;}
.board_view .info dt:after {content:'.';}
.board_view .info dd {margin-right:30px;color:#999;}
.board_view .info a {color:#999;}
.board_view .contents {min-height:460px;}
.board_view .contents img {display:block;max-width:100%;height:auto;margin:0 auto;}

.reply_section {margin-top:60px;}
.reply_section > form {padding:20px;font-size:16px;line-height:24px;border:1px solid #ddd;background-color:#f8f8f8;}
.reply_text textarea {padding:10px;width:100%;border:1px solid #ddd;}
.reply_section > form + .reply_contents {margin-top:60px;}
.reply_contents {font-size:16px;line-height:24px;color:#333;}
.reply_contents .info {margin-bottom:10px;}
.reply_contents .reply {padding:20px;min-height:190px;font-size:16px;line-height:24px;border:1px solid #ddd;background-color:#f8f8f8;}
.reply_contents .util {position:absolute;top:0;right:0;font-size:14px;line-height:24px;color:#666;}
.reply_contents .util a {color:#666;}

.board_view_pager {margin:20px 0 0;border-top:1px solid #ddd;}
.board_view_pager li {border-bottom:1px solid #ddd;}
.board_view_pager li a {display:block;overflow:hidden;font-size:14px;line-height:22px;color:#666;}
.board_view_pager li strong {display:block;float:left;padding:17px;width:70px;text-align:center;background-color:#fafafa;}
.board_view_pager li span {display:block;float:left;padding:17px;max-width:calc(100% - 70px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

.board_write {border-top:2px solid #7b0018;}
.board_write th, 
.board_write td {border-bottom:1px solid #ddd;font-size:16px;line-height:24px;}
.board_write th {padding:23px 0;font-weight:700;color:#333;text-align:center;vertical-align:top;}
.board_write tbody th {padding-left:20px;text-align:left;}
.board_write td {padding:16px 50px 16px 16px;}
.board_write .empty {display:inline-block;padding:5px 0;width:16px;line-height:20px;text-align:center;}
.board_write .required:before {content:'*';position:absolute;margin-left:-14px;color:#7b0018;}
.board_write select {width:140px;height:30px;text-indent:10px;border:1px solid #ddd;}
.board_write .inputFile {margin-top:5px;}
.board_write .inputFile:first-child {margin-top:0;}
.board_write .inputFile .txt {width:calc(100% - 85px) !important;}
.board_write .inputFile .fileBtn {float:right;overflow:hidden;}
.board_write .inputFile .fileBtn input[type="file"] {position:absolute;width:100%;height:100%;z-index:-1;}
.board_write .noti {margin-left:10px;}
.board_write .txt {width:140px;height:30px;text-indent:10px;border:1px solid #ddd;}
.board_write .txt.full {width:100%;}
.board_write .btn.btn-small {padding:5px 0;height:30px;}
.board_write .btn-gray {background-color:#6f6f6f;}
.board_write .btn-group {margin-top:46px;}
.board_write .explain {display:inline;margin-left:10px;font-size:12px;line-height:16px;}
.board_write .explain:before {content:'# ';color:#7b0018;}
.board_write .selection {font-size:14px;}
.board_write .selection li {display:inline-block;margin-right:15px;}
#jb_content {width:100%;height:350px;}
#zsfImg {height:30px;vertical-align:middle;}
#zsfCode.txt {width:85px;}

@media all and (max-width:1319px) {
	#sign_out .reason li {width:50%;}

	#wrap .board_write .txt {float:left;width:calc(( 100% - 32px ) / 3);}
	#wrap .board_write select {float:left;width:calc(( 100% - 32px ) / 3);}
	#wrap .board_write .empty {float:left;}
	#wrap .board_write .txt.full {width:100%;}
	#wrap .board_write .txt + select {width:calc(( 100% - 32px ) / 3 + 16px);}
	#wrap .board_write .explain {display:block;float:left;margin:10px 0 0;width:100%;font-size:12px;line-height:20px;}

	/*
	#wrap .board_list,
	#wrap .board_list tbody {display:block;}
	#wrap .board_list thead {display:none;}
	#wrap .board_list th,
	#wrap .board_list td {font-size:14px;line-height:22px;}
	#wrap .board_list tbody tr {display:block;position:relative;padding:10px;border-bottom:1px solid #ccc;}
	#wrap .board_list tbody td {display:inline-block;padding-right:10px;width:auto;height:auto;border-bottom:0;}
	#wrap .board_list tbody td:before {font-weight:700;}
	#wrap .board_list tbody td.subject {display:block;}
	#wrap .board_list tbody td.subject a {display:inline-block;position:static;max-width:calc(100% - 41px);vertical-align:middle;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
	#wrap .board_list tbody td.subject span {}
	#wrap .board_list .num {width:auto;}

	#wrap .board_list .num:before {content:'NO. ';}
	#wrap .board_list .type:before {content:'분야. ';}
	#wrap .board_list .name:before {content:'작성자. ';}
	#wrap .board_list .date:before {content:'작성일. ';}
	#wrap .board_list .info:before {content:'회원정보. ';}
	#wrap .board_list .views:before {content:'조회수. ';}
	#wrap .board_list .write_date:before {content:'등록일. ';}
	#wrap .board_list .progress:before {content:'진행여부. ';}
	*/
}
@media all and (max-width:759px) {
	.posting {font-size:14px;line-height:22px;}

	#sign .full_consent {}
	#sign .full_consent .btn {display:block;margin:10px auto;width:80px;}

	#sign {margin-top:20px;}
	#sign .agree,
	#sign .agree p {font-size:12px;line-height:19px;}
	#sign table.entry th {display:block;padding:20px 20px 0 30px;width:100%;font-size:14px;line-height:22px;text-align:left;}
	#sign table.entry td {display:block;padding:10px 20px 20px;overflow:hidden;}
	#sign table.entry .i_text {float:left;width:calc(( 100% - 32px ) / 3);}
	#sign table.entry select {float:left;width:calc(( 100% - 32px ) / 3);}
	#sign table.entry .empty {float:left;}
	#sign table.entry .i_text.full {width:100%;}
	#sign table.entry .i_text + select {width:calc(( 100% - 32px ) / 3 + 16px);}
	#sign table.entry .explain {display:block;float:left;margin:10px 0 0;width:100%;font-size:12px;line-height:20px;}

	#sign_out {margin-top:20px;}
	#sign_out .user_info {font-size:14px;line-height:22px;}
	#sign_out .user_info dt,
	#sign_out .user_info dd {display:inline;margin:0;padding:0;}
	#sign_out .user_info dd:after {display:block;width:0;height:0;background:none;}
	#sign_out .reason li {width:100%;}

	#wrap .board_search {margin-top:20px;padding:10px;}
	#wrap .board_search select {min-width:64px;height:28px;}
	#wrap .board_search .search_input {margin:0;width:120px;height:28px;}
	#wrap .board_search .search_btn {padding:4px 0;width:46px;height:28px;font-size:12px;}
	#wrap .board_search + .pagination {margin-top:15px;}

	#wrap .board_list th,
	#wrap .board_list td {font-size:12px;line-height:20px;}
	#wrap .board_list thead th,
	#wrap .board_list thead td {height:38px;}
	#wrap .board_list tbody th,
	#wrap .board_list tbody td {height:39px;}
	#wrap .board_list .num,
	#wrap .board_list .type,
	#wrap .board_list .views {width:35px;}
	#wrap .board_list .name,
	#wrap .board_list .date,
	#wrap .board_list .progress {width:70px;}
	#wrap .board_list .info {width:175px;}

	#wrap .photo-list .subject {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

	#wrap .board_write th {display:block;padding:20px 20px 0 30px;width:100%;font-size:14px;line-height:22px;text-align:left;border-bottom:0;}
	#wrap .board_write td {display:block;padding:10px 20px 20px;overflow:hidden;}

	#wrap .board_write {margin-top:20px;}
	#wrap .board_view {margin-top:20px;}
	#wrap .board_view .subject,
	#wrap .board_view .info,
	#wrap .board_view .contents {padding:15px 5px;font-size:14px;line-height:22px;border-bottom:1px solid #ddd;}
	#wrap .board_view .subject,
	#wrap .board_view .info dt {font-weight:700;}
	#wrap .board_view .info dt,
	#wrap .board_view .info dd {display:inline;vertical-align:middle;}
	#wrap .board_view .info dd:nth-child(4n) {margin-right:0;}
	#wrap .board_view .info dd:nth-child(4n):after {content:'';display:block;}
	#wrap .board_view .info dd {margin-right:30px;}
	#wrap .board_view .contents {min-height:260px;}
	#wrap .board_view .contents img {max-width:100%;height:auto;}

	#wrap .reply_section {margin-top:30px;}
	#wrap .reply_section > form {padding:20px;font-size:16px;line-height:24px;border:1px solid #ddd;background-color:#f8f8f8;}
	#wrap .reply_text textarea {padding:10px;width:100%;border:1px solid #ddd;}
	#wrap .reply_section > form + .reply_contents {margin-top:30px;}
	#wrap .reply_contents {font-size:14px;line-height:22px;color:#333;}
	#wrap .reply_contents .info {margin-bottom:10px;}
	#wrap .reply_contents .reply {padding:20px;min-height:90px;font-size:14px;line-height:22px;border:1px solid #ddd;background-color:#f8f8f8;}
	#wrap .reply_contents .util {position:absolute;top:0;right:0;font-size:12px;line-height:20px;color:#666;}

	#wrap .board_view_pager li a {font-size:12px;line-height:20px;}
	#wrap .board_view_pager li strong,
	#wrap .board_view_pager li span {padding:7px;}

}