/* .bbs_list_wrap { border-top : 1px solid #7a563c; margin : 40px 0 } 
.bbs_list_wrap dl { display : table; table-layout: fixed; width : 100%; border-collapse: collapse; margin-top : -1px } 
.bbs_list_wrap dl dt,
.bbs_list_wrap dl dd { display : table-cell; vertical-align: middle; text-align: center; padding : 15px; border : 1px solid #dbdbdb } 
.bbs_list_wrap dl.head { background-color : #f1efe8; color : #7a563c; margin : 0 } 
.bbs_list_wrap dl dt { width : 120px; border-left : none } 
.bbs_list_wrap dl a { text-align : left } 

.bbs_list_wrap dl dd:nth-child(3) { width : 110px } 
.bbs_list_wrap dl dd:nth-child(4) { width : 110px } 
.bbs_list_wrap dl dd:nth-child(5) { width : 110px } 
.bbs_list_wrap dl dd:nth-child(6) { width : 150px; border-right: none } 
.bbs_list_wrap dl:hover { background-color : #f6f6f6 } 
.bbs_list_wrap dl:hover a { color : #7a563c; font-weight: bold; } 
.bbs_list_wrap dl dd:last-child span { display : inline-block; position : relative; border-radius : 100%; width : 4px; height : 4px; background-color : #d3ae92; margin : 0 5px; top : -4px } 


   
@media ( max-width : 1400px ){
 .bbs_list_wrap dl dt,
 .bbs_list_wrap dl dd,
 .bbs_list_wrap dl a { font-size : 16px } 
 .bbs_list_wrap dl dt { width : 100px } 
 .bbs_list_wrap dl dd:nth-child(3) { width : 100px } 
 .bbs_list_wrap dl dd:nth-child(4) { width : 100px } 
 .bbs_list_wrap dl dd:nth-child(5) { width : 100px } 
 .bbs_list_wrap dl dd:nth-child(6) { width : 130px } 
 }


 @media ( max-width : 1000px ){
 .bbs_list_wrap dl dt { display : none } 
 .bbs_list_wrap dl dt,
 .bbs_list_wrap dl dd { padding : 10px }
 .bbs_list_wrap dl dd:nth-child(2) { border-left : none }
 .bbs_list_wrap dl dd:nth-child(3) { width : 85px } 
 .bbs_list_wrap dl dd:nth-child(4) { width : 85px } 
 .bbs_list_wrap dl dd:nth-child(5) { width : 85px } 
 .bbs_list_wrap dl dd:last-child { width : 100px }
 .bbs_list_wrap dl dd:last-child span { display : block ; margin : 5px auto; top : 0  } 
 }
 
 @media ( max-width : 768px ){
    .bbs_list_wrap dl,
    .bbs_list_wrap dl dt,
    .bbs_list_wrap dl dd { position : relative; display : block; width : 100% !important; border : none; padding-left : 100px; text-align : left; border-bottom : 1px solid #eee }
    .bbs_list_wrap dl.head { display : none }
    .bbs_list_wrap dl { border-top : 1px solid #eee; padding : 0 }
    .bbs_list_wrap dl:nth-child(2n) { background-color : #f8f8f8 }
    .bbs_list_wrap dl:hover { background-color : #f5e8df}
    .bbs_list_wrap dl:hover dt,
    .bbs_list_wrap dl:hover dd { border-bottom : 1px solid #b39f90}
    .bbs_list_wrap dl dt:before,
    .bbs_list_wrap dl dd:before { content : ''; position : absolute; top : 10px; left : 20px }
    .bbs_list_wrap dl dt:before { content : '연변'}
    .bbs_list_wrap dl dd:nth-child(2):before { content : '제목' }
    .bbs_list_wrap dl dd:nth-child(3):before { content : '작가명' }
    .bbs_list_wrap dl dd:nth-child(4):before { content : '시기' }
    .bbs_list_wrap dl dd:nth-child(5):before { content : '구분' }
    .bbs_list_wrap dl dd:nth-child(6):before { content : '등록자' }
    .bbs_list_wrap dl dd:last-child span { display : inline-block; margin : 0 5px ; top : -4px }

 } */
 
 .bbs_list_wrap { border-top : 1px solid #7a563c; margin : 40px 0 } 
.bbs_list_wrap div.line { height : 10px; background: #f1efe8; } 
.bbs_list_wrap .bbs_list { border-bottom : 1px solid  #dbdbdb; } 
.bbs_list_wrap .bbs_list div { padding : 25px } 
.bbs_list_wrap .bbs_list .btn_brown { display : block; width :100px; line-height : 35px; color : #fff; background-color: #7a563c; text-align : center; border-radius : 50px; font-size : 16px } 
.bbs_list_wrap a { position : relative; display : block; font-size : 18px; font-weight: normal; padding : 20px 0 }
.bbs_list_wrap .bbs_list p { margin-top : 10px; color : #888; font-size : 16px } 
.bbs_list_wrap .bbs_list p img { position : relative; top : 2px; margin : 0 5px 0 0 } 
.bbs_list_wrap .bbs_list p span { display : inline-block; width : 1px; height : 10px; background-color : #D6D5D3; position : relative; margin : 0 7px } 
.bbs_list_wrap .has_reply { position : relative } 
.bbs_list_wrap .bbs_reply { position : absolute; top : 50%; right : 20px; transform : translateY(-50%) } 
.bbs_list_wrap .bbs_reply i { display : inline-block; width : 6px; height : 6px; background-color : #777; border-radius : 100%; position : relative; top : -2px; margin : 0 8px 0 0 } 
.reply_waiting { color : #777777 } 
.reply_fin { color :#205adb } 
.reply_fin i { background-color: #205adb !important; } 

.bbs_list_wrap .new { position : relative; top : -2px; color : #fff; background-color: #7a563c; font-size : 12px; padding : 5px 7px; margin-left : 5px; }
.bbs_list_wrap .notice { position : relative; color : #fff; background-color: #886C4B; font-size : 14px; padding : 4px 12px; border-radius : 5px; margin-right : 10px }
.bbs_detail_view .bbs_detail_head { border-top : 3px solid #121212; padding : 30px 0 15px; border-bottom : 1px solid #EAE9E8  } 
.bbs_detail_view .bbs_detail_head p { font-size : 16px; color :#8D8D8D }
.bbs_detail_view .bbs_detail_head p span { display : inline-block; width : 1px; height : 10px; background-color : #D6D5D3; margin : 0 10px;  }
.bbs_detail_view .bbs_detail_head h2 { margin-top : 5px; font-size : 20px; color : #333333 }
.bbs_detail_view .bbs_file_wrap { padding : 15px 0; border-bottom : 1px solid #EAE9E8 }

.bbs_detail_view .bbs_top { margin-top : 10px; border-top : 2px solid #7a563c } 
.bbs_detail_view .bbs_top ul { overflow : hidden } 
.bbs_detail_view .bbs_top ul li { position : relative; padding-left : 190px; border-bottom : 2px solid #dbdbdb; float : left; width : 50%; font-size : 16px; color : #888888; line-height : 50px; margin-top : 2px; } 
.bbs_detail_view .bbs_top ul li:last-child { width : 100% }

.bbs_detail_content { padding : 35px 0; border-bottom : 1px solid #D6D5D3 }
.result_content { margin-top : 40px; padding : 25px; background-color: #F7F7F7; font-size : 18px; border-radius : 5px } 
.result_content > p { font-size : 16px; font-weight: bold;}
.bbs_btm_btn { text-align: right; margin : 30px 0 } 
.bbs_btm_btn a { display : inline-block; background : #7a563c; color : #fff; font-size : 16px; padding : 0 20px; border-radius: 10px; line-height : 50px } 
.bbs_btm_btn a img { position : relative; top : 4px; margin : 0 10px 0 0 } 
.bbs_detail_btm { margin-top : 60px; border-top : 2px solid #121212 } 
.bbs_detail_btm a,
.bbs_detail_btm p { position : relative; border-bottom : 1px solid #dbdbdb; line-height : 65px; text-overflow : ellipsis; overflow : hidden; white-space : nowrap; padding-left : 200px; font-size : 20px } 
.bbs_detail_btm a + p { border-bottom : 1px solid #dbdbdb !important; line-height : 65px; text-overflow : ellipsis; overflow : hidden; white-space : nowrap; font-size : 20px }
.bbs_detail_btm p  { padding-left : 20px }
.bbs_detail_btm p:last-child { border-bottom : none }
.bbs_detail_btm a span,
.bbs_detail_view .bbs_top ul li > span { position : absolute; top : 0; left : 0; width : 190px; padding-left : 20px; font-size : 20px; color : #8d8d8d } 


.bbs_detail_btm a span img { position : relative; top : -2px; margin : 0 0 0 10px } 

.bbs_write_wrap { border-top : 3px solid #121212 } 
.bbs_write_wrap > p { text-align : right; font-size : 16px; margin : 0; padding : 10px 0 } 
.bbs_write_wrap dl { display : table; width : 100%; table-layout: fixed; padding : 20px 0; border-bottom : 1px solid #EDEDED } 
.bbs_write_wrap dl dt,
.bbs_write_wrap dl dd { display : table-cell; padding : 0 20px; vertical-align: middle; } 
.bbs_write_wrap dl dt { width : 180px; vertical-align: top; } 
.bbs_write_wrap dl dd { font-size : 16px; color : #666 } 
.bbs_write_wrap dl dt label { font-weight: normal;}
.bbs_write_wrap input,
.bbs_write_wrap select { border : 1px solid #dbdbdb; line-height : 50px } 
.bbs_write_wrap input { max-width : 470px } 
.bbs_write_wrap input.full { max-width : 100% } 
.bbs_write_wrap textarea { border : 1px solid #dbdbdb; height : 200px; width : 100%; padding : 10px; border-radius : 10px } 
.bbs_write_wrap .email_wrap { overflow : hidden } 
.bbs_write_wrap .email_wrap p { float : left } 
.bbs_write_wrap .email_wrap p:nth-child(1),
.bbs_write_wrap .email_wrap p:nth-child(3) { width : 470px } 
.bbs_write_wrap .email_wrap p:nth-child(2n) { padding : 0 6px; line-height : 50px } 
.bbs_write_wrap .email_wrap p:last-child { width : 230px } 
.bbs_write_wrap .auto_text_wrap { overflow : hidden } 
.bbs_write_wrap .auto_text_wrap > * { float : left } 
.bbs_write_wrap .auto_text_wrap p { margin-right : 5px } 
.bbs_write_wrap .auto_text_wrap ul { margin-right : 5px } 
.bbs_write_wrap .auto_text_wrap a { border : 1px solid #ddd; padding : 3px 7px; line-height : 100% } 
.bbs_write_wrap .auto_text_wrap li + li { margin-top : 2px } 
.bbs_btn_center { margin : 30px 0; text-align : center } 
.bbs_btn_center a { display : inline-block; width : 180px; line-height : 60px; text-align : center; border-radius : 5px; font-size : 20px; color : #7a563c; border : 1px solid #7a563c } 
.bbs_btn_center a + a { background : #7a563c; color : #fff; margin-left : 20px } 
.new_bbs_btn_wrap { text-align: right  }
.new_bbs_btn_wrap a { display : inline-block !important }


[data-ax5uploader-uploaded-box] { background : transparent !important; border : none !important; padding : 0 !important; min-height : auto !important;  margin : 0 !important  }
[data-ax5uploader-uploaded-box][data-ax5uploader-uploaded-box] [data-ax5uploader-uploaded-item] { padding : 0 !important; margin : 0 !important }



@media ( max-width : 1500px ){
 .bbs_write_wrap input { max-width : 400px } 
 .bbs_write_wrap .email_wrap p:nth-child(1), 
 .bbs_write_wrap .email_wrap p:nth-child(3) { width : 400px } 
 }
 
 @media ( max-width : 1400px ){
 .bbs_write_wrap dl dt { width : 150px } 
 .bbs_write_wrap input { max-width : 300px } 
 .bbs_write_wrap .email_wrap p:nth-child(1), 
 .bbs_write_wrap .email_wrap p:nth-child(3) { width : 300px } 
 }

@media ( max-width : 1200px ){
 .bbs_list_wrap .bbs_list h2 { font-size : 20px } 
 .bbs_write_wrap .email_wrap p { margin-bottom : 10px } 
 .bbs_write_wrap .email_wrap p:last-child { float : none; width : 100%; } 
 .bbs_write_wrap .email_wrap p:nth-child(4) { display : none } 
 .bbs_write_wrap .email_wrap p:last-child select { display : block; margin-top : 10px; max-width : 300px; } 
 }

 @media ( max-width : 900px ){
 .bbs_write_wrap dl,
 .bbs_write_wrap dl dt,
 .bbs_write_wrap dl dd { display : block; width : 100%; padding : 0 } 
 .bbs_write_wrap .email_wrap p:nth-child(1), .bbs_write_wrap .email_wrap p:nth-child(3) { width : 48% } 
 .bbs_write_wrap .email_wrap p:nth-child(2) { width : 4%; padding : 0; text-align : center } 
 .bbs_write_wrap .email_wrap p:nth-child(1) input, 
 .bbs_write_wrap .email_wrap p:nth-child(3) input { width : 100%; max-width : 100% } 
 .auto_text_wrap > input { width : 200px } 
 .bbs_btn_center a { width : 130px; line-height : 50px }
 }


@media ( max-width : 800px ){
 .bbs_list_wrap .bbs_list div { padding : 15px } 
 .bbs_list_wrap .bbs_list h2 { font-size : 18px } 
 .bbs_detail_view .bbs_top ul li { float : none; width : 100% } 
 }

@media ( max-width : 600px ){
 .bbs_list_wrap .bbs_list { display : block } 
 .bbs_list_wrap .bbs_list div { padding : 10px 15px } 
 .bbs_list_wrap .bbs_list div + div { padding-top : 0 } 
 .bbs_list_wrap .bbs_list .btn_brown { font-size : 14px } 
 .bbs_detail_btm a span, .bbs_detail_view .bbs_top ul li span { width : 130px } 
 .bbs_detail_view .bbs_top ul li,
 .bbs_detail_btm a { padding-left : 140px } 
 }