@charset "utf-8";
.content_main{width: 990px; margin: 0 auto}
.bbs_area{position:relative; width: 100%}
.community_top{width:990px; height: 105px; background: #eaeaea; margin: 15px 0 15px 0;}

.community_content{*zoom:1;}
.community_content::after{content:""; display:block; clear:both;}

/* bbs */ 
.community_area {display:block; position: relative; float:left; font-size: 12px; color: #555;*zoom:1;}
.community_area::after{content:""; display:block; clear:both;}
.community_area ul {float: left; border-bottom: 1px solid #e0e0e0; margin-bottom:30px; z-index: 1;}
.community_area dl {clear: both;}
.community_area dt {float: left; background: #f8f8f8; height:30px; text-align: center; font-size: 14px; font-weight: normal; vertical-align: middle; border-top: 1px solid #EAEAEA; line-height: 30px;}
.community_area dd {float: left; border-bottom: 1px solid #EAEAEA; text-align: center; font-size: 12px; font-weight: normal; line-height: 30px;}
.community_area .num {width: 90px;}					
.community_area .writer {width:180px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.community_area .title {width:530px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; text-align: center;}

.community_area .title_c {width:500px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; text-align: left; padding: 0 15px 0 15px;}
.community_area .title_c .com{ display: inline-block; height: 12px; background: #fff; text-align: center;  line-height: 10px; color: #FF7878; vertical-align: middle; margin-left: 5px;}
.community_area .date {width: 100px;}					
.community_area .cnt {width: 90px;}	

.community_writer {float:right;}
.community_writer a{display: block;margin: 0 0 15px 0;width: 74px;height: 33px;background: #e8381a;border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.15);color: #fff;line-height: 33px;font-weight: bold;text-align: center;}
/* bbs */ 

/* view */
.community_textarea {font-size: 12px;color: #555;*zoom:1; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', 'Arial', '나눔바른고딕', 'Nanum Barun Gothic', '맑은고딕', 'Malgun Gothic', sans-serif;}
.community_textarea::after{content:""; display:block; clear:both;}
.community_textarea .community_head{float:left;}
.community_textarea .community_head::after{content:""; display:block; clear:both;}
.community_textarea .num_view {width: 90px;}
.community_textarea .writer_view {width: 500px; text-align: left}
.community_textarea .title_view {width: 990px; height:50px; line-height:50px; background-color: #FFFFFF; font-weight: bold; font-size: 18px;}
.community_textarea .date_view {width: 270px; text-align: right;}
.community_textarea .cnt_view {width: 130px; text-align: center;}
.community_textarea ul {float: left;border-bottom: 1px solid #e0e0e0;margin-bottom: 30px;z-index: 1;}
.community_textarea dt {float: left;background: #f8f8f8;height: 30px;text-align: center;font-size: 14px;font-weight: normal;vertical-align: middle;border-top: 1px solid #EAEAEA;line-height: 30px;}

.community_content_view {width: 990px; max-width: 990px; min-height: 250px; word-break: break-all;color: #333;line-height: 1.6;}
.community_content_view::before, .community_content_view::after {content: ""; display: block;height: 0; overflow: hidden;}
.community_middle{float: left;}
.community_middle::after {content: ""; display: block;height: 0; overflow: hidden;}

.community_content_view ul {all: unset; }
.community_content_view li {}

.community_content_view {
    margin: 0;
    padding: 0;
    z-index: 20;
}

.community_content_view *:not(table) {
    line-height: 160%;
    box-sizing: content-box;
}

.community_content_view i, .community_content_view cite, .community_content_view em, .community_content_view var, .community_content_view address, .community_content_view dfn {
    font-style: italic;
}

.community_content_view strong {
    font-weight: bold;
}

.community_content_view p {
    margin: 10px 0;
    color: #222;
}

.community_content_view > h1:first-of-type, .community_content_view > div > div:first-of-type h1 {
    margin-top: 14px;
}

.community_content_view h1, .community_content_view h2, .community_content_view h3, .community_content_view h4, .community_content_view h5, .community_content_view h6 {
    font-weight: bold;
    color: #222;
}

.community_content_view h1 {
    font-size: 24px;
    line-height: 28px;
    border-bottom: 3px double #999;
    margin: 52px 0 15px 0;
    padding-bottom: 7px;
}

.community_content_view h2 {
    font-size: 22px;
    line-height: 23px;
    border-bottom: 1px solid #dbdbdb;
    margin: 20px 0 13px 0;
    padding-bottom: 7px;
}

.community_content_view h3 {
    font-size: 20px;
    margin: 18px 0 2px;
}

.community_content_view h4 {
    font-size: 18px;
    margin: 10px 0 2px;
}

.community_content_view h3, .community_content_view h4 {
    line-height: 18px;
}

.community_content_view h5 {
    font-size: 16px;
}

.community_content_view h6 {
    font-size: 14px;
}

.community_content_view h5, .community_content_view h6 {
    line-height: 17px;
    margin: 9px 0 -4px;
}

.community_content_view del {
    color: #999;
}

.community_content_view blockquote {
    margin: 14px 0;
    border-left: 4px solid #e5e5e5;
    padding: 0 16px;
    color: #999;
}

.community_content_view blockquote p, .community_content_view blockquote ul, .community_content_view blockquote ol {
    color: #999;
}

.community_content_view blockquote > :first-child {
    margin-top: 0;
}

.community_content_view blockquote > :last-child {
    margin-bottom: 0;
}

.community_content_view pre, .community_content_view code {
    font-family: Consolas, Courier, 'Apple SD 산돌고딕 Neo', -apple-system, 'Lucida Grande', 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', 'Segoe UI', '돋움', dotum, sans-serif;
    border: 0;
    border-radius: 0;
}

.community_content_view pre {
    margin: 2px 0 8px;
    padding: 18px;
    background-color: #f4f7f8;
}

.community_content_view code {
    color: #c1798b;
    background-color: #f9f2f4;
    padding: 2px 3px;
    letter-spacing: -0.3px;
    border-radius: 2px;
}

.community_content_view pre code {
    padding: 0;
    color: inherit;
    white-space: pre-wrap;
    background-color: transparent;
}

.community_content_view img {
    margin: 4px 0 10px;
    box-sizing: border-box;
    vertical-align: top;
    max-width: 100%;
}

.community_content_view table {
    border: 1px solid rgba(0, 0, 0, 0.1);
    margin: 12px 0 14px;
    color: #222;
    width: auto;
    border-collapse: collapse;
    box-sizing: border-box;
}

.community_content_view table th, .community_content_view table td {
    border: 1px solid rgba(0, 0, 0, 0.1);
    padding: 5px 14px 5px 12px;
    height: 32px;
}

.community_content_view table th {
    background-color: #555;
    font-weight: 300;
    color: #fff;
    padding-top: 6px;
}

.community_content_view th p {
    margin: 0;
    color: #fff;
}

.community_content_view td p {
    margin: 0;
    padding: 0 2px;
}

.community_content_view td.toastui-editor-cell-selected {
    background-color: #d8dfec;
}

.community_content_view th.toastui-editor-cell-selected {
    background-color: #908f8f;
}

.community_content_view ul, .community_content_view menu, .community_content_view ol, .community_content_view dir {
    display: block;
    list-style-type: none;
    padding-left: 24px;
    margin: 6px 0 10px;
    color: #222;
}

.community_content_view ol {
    list-style-type: none;
    counter-reset: li;
}

.community_content_view ol > li {
    counter-increment: li;
}

.community_content_view ul > li::before, .community_content_view ol > li::before {
    display: inline-block;
    position: absolute;
}

.community_content_view ul > li::before {
    content: '';
    margin-top: 6px;
    margin-left: -17px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #ccc;
}

.community_content_view ol > li::before {
    content: '.' counter(li);
    margin-left: -28px;
    width: 24px;
    text-align: right;
    direction: rtl;
    color: #aaa;
}

.community_content_view ul ul, .community_content_view ul ol, .community_content_view ol ol, .community_content_view ol ul {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.community_content_view ul li, .community_content_view ol li {
    position: relative;
}

.community_content_view ul p, .community_content_view ol p {
    margin: 0;
}

.community_content_view hr {
    display: block;
    border-top: 1px solid #eee;
    margin: 16px 0;
}

.community_content_view a {
    text-decoration: underline;
    color: #4b96e6;
}

.community_content_view a:hover {
    color: #1f70de;
}

.community_box{float: right;}
.community_box::after {content: ""; display: block;height: 0; overflow: hidden;}
.right_btn {float: right;height: 35px;}
.backBtn{width:75px;height:30px;background: #844F13;border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.15);color: #fff;line-height: 25px;font-weight: bold;text-align: center;}
.writeBtn{width:60px;height:30px;background: #844F13;border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.15);color: #fff;line-height: 25px;font-weight: bold;text-align: center;}
input[type=button]{cursor: pointer;}
/* view */

/* write */
.form_field {margin: 10px 0 0 0;}
.form_row {display: table;table-layout: fixed;width: 100%;min-height: 49px;}
.form_field .form_title {width: 143px; vertical-align: middle; padding-right: 15px;}
.form_field .form_title, .form_field .form_item {display: table-cell;}
.form_title select {width: 100%; height: 29px; }
.form_field .form_item {vertical-align: middle;line-height: 29px;}
.bd_input {border: 1px solid #b3b3b3;box-sizing: border-box;padding-left: 7px;height: 29px;color: #000;font-size: 12px;border-radius: 0;box-shadow: none;}
.bd_input_text {display: inline-block;float: left;width: 832px;font-weight: bold;}

.btn_wrap {text-align: center;margin: 20px 0 0 0;padding: 0;height: 42px;}
.btn_area{display: inline-block; position: relative;}
.btn_enter {display: inline-block;float: left;height: 42px;line-height: 40px;margin-right: 10px;font-size: 16px;font-weight: bold;letter-spacing: -0.02em;font-family: "Malgun Gothic", "맑은 고딕";color: rgb(255, 255, 255);padding: 0px 20px;background: #298A08;}
.btn_cancle {display: inline-block;float: left;padding: 0 20px;height: 40px;line-height: 37px;border: 1px solid #666;color: #333;font-size: 16px;font-weight: bold;letter-spacing: -0.02em;font-family: "Malgun Gothic","맑은 고딕";}
/* write */

/* comment */
.comment_area {border: 1px solid #ccc;background: #fafafa;padding: 12px 15px 12px;margin: 0 auto;position: relative;*zoom:1;}
.comment_area::after{content:""; display:block; clear:both;}
.comment_content{width: 800px; margin: 0 auto;}
.comment_content .comment_textarea {position: relative;width: 720px;margin: 0 auto;}
.comment_textarea textarea { width: 100%; height: 60px;border: 1px solid #b3b3b3;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;border-radius: 0;padding: 9px;color: #999;resize: none;}
.comment_content .comment_submit {position: absolute;top: 0;right: 0;width: 70px;}
.comment_submit button {width: 100%;height: 60px;border: none;color: #fff;font-size: 12px;font-weight: bold;background-color: #427736;cursor: pointer;}
.comment_text {padding: 5px 5px 0 0;font-size: 11px;text-align: right;}
/* comment */