@charset "UTF-8";

/* 공통 */
body,div,dl,dt,dd,ul,ol,li,pre,code,form,fieldset,legend,textarea,p,em,blockquote,th,td,input,select,textarea,button{margin:0;padding:0;outline:none;text-decoration:none;}
fieldset,img{border:0 none;}
dl,ul,ol,menu,li {list-style:none}
blockquote, q {quotes: none}
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none}
input,select,textarea,button {vertical-align:middle}
input::-ms-clear {display:none}
button {border:0 none;background-color:transparent;cursor:pointer}
body {/*background: linear-gradient(-135deg, #E4A972, #9941D8);*/padding-top: 70px;}
body,th,td,input,select,textarea,button
{font-size:14px !important;line-height:1.8 !important;font-family:"Nanum Gothic", sans-serif !important;color:#333 !important;}
.area_view * {font-family:"Nanum Gothic", sans-serif !important;   }

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-family: inherit;
    font-weight: bold;
    line-height: 1.1;
    color: inherit;
}

.tt_article_useless_p_margin p {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    font-size: larger;
}

h2, h2[data-ke-size] {
    font-size: 1.62em;
    font-weight: bolder;
    margin-top: 1.8em;
    padding: 15px;
    background-color: #e5e5e5;
    padding-left: 10px;
}

.tt_box_namecard {
    display: flex;
    justify-content: space-between;
    position: relative;
    min-height: 206px;
    background-color: #ffffff;
    margin-top: 20px;
    margin-bottom: 20px;
}

/* color값은 디자인가이드에 맞게사용 */
a:hover{text-decoration:none;color: crimson !important;}
a {color:#333;text-decoration:none;font-weight: normal;text-decoration:none;}
a:active {background-color:transparent}
address,caption,cite,code,dfn,var {font-style:normal;font-weight:normal}
.cap1{color:#acacc1;font-size:13px}

#tistorytoolbarid { display:none }

.center { text-align: center;}
.col_8 { padding-left: 8px !important; padding-right: 8px !important;}
.col_08 { padding-left: 0px !important; padding-right: 8px !important;	}
.row_-5 { margin-left:-5px; margin-right:-5px }
.row_0 { margin-left: 0px; margin-right: 0px }
.screen_out {display:none}
.container {overflow: hidden;}
.navbar-inverse {
    background: #000000;
    border-color: #bcbcbc;
}

/* header */
.header h1 a {color: rgb(255, 255, 255);
    font-weight: bold;}
.header h1 { margin-top: 10px; font-size: 30px;	}
.header h1 a:hover, .head-menu-bt li i:hover {color: rgb(255, 185, 34);}
.head-menu-bt li i{color: rgb(180, 180, 180);}



/* 헤드 메뉴 & 헤드메뉴 버튼 */ 
.head-menu{text-align: center;/* background-color: #fff; */display: none;/* position: fixed; */width: 100%;z-index: 999;/* top: 53px; *//* border-bottom: 1px solid #bcbcbc; *//* border-top: 1px solid #bcbcbc; */margin-bottom: 15px;padding: 0 10px 0 10px;}
.head-menu:after { content:""; clear:both; display:block; *zoom:1;}	
.head-menu-bt fa{}
.head-menu li a{display: block;padding: 10px 10% 10px 10%;border-bottom: 1px solid #efefef;text-align: left;}
.head-menu .c_cnt/*, .head-menu img*/{display:none;}
.head-menu-bt {float: right;margin-top: 3px;}
.head-menu-bt li {cursor: pointer;padding-top: 2px;float: left;margin-left: 20px;}
.head-menu-bt .fa {cursor: pointer;}

#head-menu-title{line-height: 3;background-color: #f5f5f5;font-weight: bold;font-size: 16px;}
.head-menu li a:hover {text-decoration: none;color: crimson;}

.head-menu .head-info {float: left;padding-top: 5px;}
.head-menu .head-info img {width: 320px;/* border-radius: 5px; */border: 5px solid #fff;box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);}
.head-menu .head-info-content {float: right;margin: 50px 20px 50px 20px;color: #000;width: 290px;}
.head-menu .head-info-content h3 {font-weight: bold;padding-bottom: 20px;}
.head-menu .head-info-content h4 {
    line-height: 1.5em;
}


.tt_category .link_tit {display:none}

@media only screen and (max-width: 550px) {
	.head-menu .col2-50 li a:before { content: "" !important; padding-right: 0px !important; }
	/*.head-menu { padding: 0; }*/
}
	
@media only screen and (max-width:992px) {
	.head-info {display:none;}
}
@media only screen and (max-width:1200px) {
	.head-info-content {display:none;}
}

/* 테이블 표 관련 */
#table {display: table;width: 100%;max-width: 500px;border-collapse: collapse;margin: 0 auto;/* margin-top: -1px; *//* margin-bottom: -1px; */float: right;box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);}
#table .row {display: table-row;}
#table .cell {display: table-cell;border: 1px solid #bcbcbc;}
#table .col1-50 {width: 60%;background-color: #fff;}
#table .col2-50 {width: 40%;background-color: #fff;}


/* 헤드 검색 관련*/
.head-search{padding: 0px 10px 15px 10px;text-align: right;/* background-color: #fff; *//* border: 1px solid #bcbcbc; */display: none;/* position: fixed; *//* width: 100%; */z-index: 999;/* top: 53px; *//* max-width: 1154px; *//* margin-left: 8px; *//* box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); *//* margin-right: 0; *//* margin: 0 -10px 0 -10px; */}
.head-search .search input[type=text] {max-width: 300px;width: 60%;height: 30px;line-height: 30px;font-size: 16px;border: 1px solid #bcbcbc;vertical-align: bottom;padding: 0 10px 0 10px;background-color: #fff;margin-right: 5px;/*! border-radius: 5px; */box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);}
.head-search .search input[type=button] {width: 60px;height: 30px;border: 1px solid #bcbcbc;vertical-align: bottom;background-color: crimson;color: #fff !important;margin-right: 5px;/*! border-radius: 5px; */box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);}


/* 대문 슬라이드 */
#mainHead {margin: 0px 9px 18px;overflow: hidden;height: auto;}


/* 본문 body */ 

/* s_list 본문 상단 타이틀 */
.tit_category {border: 1px solid #bcbcbc;margin: 0 8px 15px;padding: 10px;text-align: center;background-color: #fff;/* border-radius: 5px; */}
.tit_category .link_category { font-size: 18px; font-weight: bold; cursor: Default; pointer-events: none; }


/* skin_view */
.skin_view {
    margin: 0 8px 0 8px;
}
.skin_view .area_title {overflow: hidden;width: 100%;text-align: center;padding: 20px 10px 10px;border-top: 1px solid #bcbcbc;border-right: 1px solid #bcbcbc;border-left: 1px solid #bcbcbc;/* border-radius: 5px 5px 0 0; */background-color: #fff;}
.skin_view .area_title .tit_category { border:none;	} 
.skin_view .tit_post a:hover{ color:#333 !important; }
.skin_view .tit_post { margin: 7px 0px 20px; font-size: 26px; font-weight: bold; color: #000; line-height: 35px; }
.skin_view .txt_detail { display: block; padding-bottom: 20px; font-size: 14px; color: #aaa; border-bottom: 1px solid #e0e0e0; width: 100%; margin-left: auto; margin-right: auto;}
.skin_view .txt_detail i a{ color: #aaa; }
.my_edit { display: inline-block; }
.skin_view .my_edit a{ color: #aaa; }
.txt_bar { display: inline-block; width: 1px; height: 9px; margin: 0 5px; background-color: #ebebeb;}
.skin_view .area_view {padding: 10px;border-right: 1px solid #bcbcbc;border-bottom: 1px solid #bcbcbc;border-left: 1px solid #bcbcbc;/* border-radius: 0 0 5px 5px; */background-color: #fff;@charset"UTF-8";    /* 공통 */body,div,dl,dt,dd,ul,ol,li,pre,code,form,fieldset,legend,textarea,p,em,blockquote,th,td,input,select,textarea,button{margin: 0;padding:0;outline:none;text-decoration:none;}fieldset,img{border:0 none;}dl,ul,ol,menu,li {list-style:none;}blockquote, q {quotes: none;}blockquote:before, blockquote:after,q:before, q:after {content:'';content:none;}input,select,textarea,button {vertical-align:middle;}input::-ms-clear {display:none;}button {border:0 none;background-color:transparent;cursor:pointer;}body {/*background: linear-gradient(-135deg, #E4A972, #9941D8);*/padding-top: 70px;}body,th,td,input,select,textarea,button  {font-size:14px !important;line-height:1.8 !important;font-family:"Nanum Gothic", sans-serif !important;color:#333 !important;}  .area_view * {font-family:"Nanum Gothic", sans-serif !important; }    /* color값은 디자인가이드에 맞게사용 */a:hover{text-decoration:none;color: crimson !important;}a {color:#333;text-decoration:none;font-weight: normal;text-decoration:none;}a:active {background-color:transparent;}address,caption,cite,code,dfn,var {font-style:normal;font-weight:normal;}  .cap1{color:#acacc1;font-size:13px;}    #tistorytoolbarid {display:none;}    .center {text-align: center;}  .col_8 {padding-left: 8px !important;padding-right: 8px !important;}  .col_08 {padding-left: 0px !important;padding-right: 8px !important; }  .row_-5 {margin-left:-5px;margin-right:-5px;}  .row_0 {margin-left: 0px;margin-right: 0px;}  .screen_out {display:none;}  .container {overflow: hidden;}  .navbar-inverse {background-color: #fff;border-color: #bcbcbc; }      /* header */  .headerh1a {color: #000;}  .headerh1 {margin-top: 10px;font-size: 30px; }  .headerh1a:hover, .head-menu-btli i:hover {color: crimson;}  .head-menu-btlii{color: #000;}        /* 헤드 메뉴 & 헤드메뉴 버튼 */   .head-menu{text-align: center;/* background-color: #fff; */display: none;/* position: fixed; */width: 100%;z-index: 999;/* top: 53px; *//* border-bottom: 1px solid #bcbcbc; *//* border-top: 1px solid #bcbcbc; */margin-bottom: 15px;padding: 0 10px 0 10px;}  .head-menu:after {content:"";clear:both;display:block; *zoom:1;}   .head-menu-btfa{}  .head-menulia{display: block;padding: 10px 10% 10px 10%;border-bottom: 1px solid #efefef;text-align: left;}  .head-menu .c_cnt/*, .head-menu img*/{display:none;}  .head-menu-bt {float: right;margin-top: 3px;}  .head-menu-btli {cursor: pointer;padding-top: 2px;float: left;margin-left: 20px;}  .head-menu-bt .fa {cursor: pointer;}    #head-menu-title{line-height: 3;background-color: #f5f5f5;font-weight: bold;font-size: 16px;}  .head-menulia:hover {text-decoration: none;color: crimson;}    .head-menu .head-info {float: left;padding-top: 5px;}  .head-menu .head-infoimg {width: 320px;/* border-radius: 5px; */border: 5px solid #fff;box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);}  .head-menu .head-info-content {float: right;margin: 50px 20px 50px 20px;color: #000;width: 290px;}  .head-menu .head-info-contenth3 {font-weight: bold;padding-bottom: 20px;}  .head-menu .head-info-contenth4 {line-height: 1.5em;  }      .tt_category .link_tit {display:none;}    @media only screen and (max-width: 550px) {   .head-menu .col2-50 li a:before { content: "" !important;padding-right: 0px !important; }   /*.head-menu { padding: 0; }*/  }     @media only screen and (max-width:992px) {   .head-info {display:none;}  }  @media only screen and (max-width:1200px) {   .head-info-content {display:none;}  }    /* 테이블 표 관련 */  #table {display: table;width: 100%;max-width: 500px;border-collapse: collapse;margin: 0 auto;/* margin-top: -1px; *//* margin-bottom: -1px; */float: right;box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);}  #table .row {display: table-row;}  #table .cell {display: table-cell;border: 1px solid #bcbcbc;}  #table .col1-50 {width: 60%;background-color: #fff;}  #table .col2-50 {width: 40%;background-color: #fff;}      /* 헤드 검색 관련*/  .head-search{padding: 0px 10px 15px 10px;text-align: right;/* background-color: #fff; *//* border: 1px solid #bcbcbc; */display: none;/* position: fixed; *//* width: 100%; */z-index: 999;/* top: 53px; *//* max-width: 1154px; *//* margin-left: 8px; *//* box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); *//* margin-right: 0; *//* margin: 0 -10px 0 -10px; */}  .head-search .searchinput[type=text] {max-width: 300px;width: 60%;height: 30px;line-height: 30px;font-size: 16px;border: 1px solid #bcbcbc;vertical-align: bottom;padding: 0 10px 0 10px;background-color: #fff;margin-right: 5px;/*! border-radius: 5px; */box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);}  .head-search .searchinput[type=button] {width: 60px;height: 30px;border: 1px solid #bcbcbc;vertical-align: bottom;background-color: crimson;color: #fff !important;margin-right: 5px;/*! border-radius: 5px; */box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);}      /* 대문 슬라이드 */  #mainHead {margin: 0px 9px 18px;overflow: hidden;height: auto;}      /* 본문 body */     /* s_list 본문 상단 타이틀 */  .tit_category {border: 1px solid #bcbcbc;margin: 0 8px 15px;padding: 10px;text-align: center;background-color: #fff;/* border-radius: 5px; */}  .tit_category .link_category {font-size: 18px;font-weight: bold;cursor: Default;pointer-events: none; }      /* skin_view */  .skin_view {margin: 0 8px 0 8px;background-color: aliceblue;}  .skin_view .area_title {overflow: hidden;width: 100%;text-align: center;padding: 20px 10px 10px;border-top: 1px solid #bcbcbc;border-right: 1px solid #bcbcbc;border-left: 1px solid #bcbcbc;/* border-radius: 5px 5px 0 0; */background-color: #fff;}  .skin_view .area_title .tit_category {border:none; }   .skin_view .tit_posta:hover{color:#333 !important; }  .skin_view .tit_post {margin: 7px 0px 20px;font-size: 26px;font-weight: bold;color: #000;line-height: 35px; }  .skin_view .txt_detail {display: block;padding-bottom: 20px;font-size: 14px;color: #aaa;border-bottom: 1px solid #e0e0e0;width: 100%;margin-left: auto;margin-right: auto;}  .skin_view .txt_detailia{color: #aaa; }  .my_edit {display: inline-block; }  .skin_view .my_edita{color: #aaa; }  .txt_bar {display: inline-block;width: 1px;height: 9px;margin: 0 5px;background-color: #ebebeb;}  .skin_view .area_view {padding: 10px;border-right: 1px solid #bcbcbc;border-bottom: 1px solid #bcbcbc;border-left: 1px solid #bcbcbc;/* border-radius: 0 0 5px 5px; */background-color: #fff;}  .skin_view .area_viewiframe {width: 100%; }  .skin_view .another_category {display:none;}    .skin_view .area_viewblockquote, .skin_view .area_viewblockquotep { font-size: 18px;line-height: 30px;font-style: italic;font-weight: bold;overflow: auto; }  .skin_view .area_viewblockquote {padding: 10px 20px;margin: 0 auto 28px;border-left: 5px solid #eee; }    .skin_view .area_viewulli, .skin_view .area_viewol li { margin-left: 24px;margin-bottom: 10px;}  .skin_view .area_viewulli {list-style: disc;}  .skin_view .area_viewolli {list-style:decimal;}      /* 본문 관련글 더보기 */    .jy-another_category {border: 1px solid #bcbcbc;margin: 15px 0 10px;padding: 10px 5px 10px;background-color: #fff;/* border-radius: 5px; */overflow: hidden;}    .jy-another_category-titleh3 {margin: 0px 5px 0 5px;padding: 0px 0 10px 0;border-bottom: 1px solid #bcbcbc;font-size: 14px;font-weight: bold;}    .jy-another_category-table {display: block;border-bottom: 1px solid #bcbcbc;padding-top: 5px;margin: 0 5px;}    .jy-another_category-table-row {display: table-row;}    .jy-another_category-table-cell {display: table-cell;vertical-align: middle; }    .jy-another_category-table-cell-thumbnail {max-width: 120px;width: auto;}    .jy-another_category-table-cell-thumbnailimg {margin: 10px 20px 10px 0px;width: 100px;/* border-radius: 5px; */box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);border: 5px solid #fff;}    .jy-another_category-table-cell-informationh4{margin: 10px 0px 5px 0px;font-size: 15px;white-space: normal;line-height: 1.5;max-height: 4.5em;word-wrap: break-word;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;font-weight: bold;}    .jy-another_category-table-cell-informationp {margin: 5px 0px 10px 0px; }    .jy-another_category-table-cell-informationpi {margin-right: 3px; }a.jy-another_category-more { display: inline-block;margin: 10px 0px 0px 0px;padding: 5px 10px;border: 1px solid #bcbcbc;border-radius: 3px;font-size: 12px; }  .jy-another_category-link_more {float: right;font-size: 12px;margin-top: 3px;}    @media only screen and (max-width:820px) {   .container {margin-top: -2px;}   .head-menu-bt {margin-top: 3px;}   .header h1 a {font-size:24px;float: left;margin-top: 4px;}   .head-menu {text-align: center;margin-bottom: 16px;}   .head-search {text-align: center;margin-bottom: 3px;}   .head-menu li a {padding: 5px 5% 5px 5%;}   #head-menu-title {line-height: 2.3;}   #table .col1-50 {width: 65%;  }   #table .col2-50 {width: 35%;  }   .skin_view .tit_post a{font-size: 18px;font-weight: bold;}   .skin_view .tit_post {line-height: 25px; }   .jy-another_category {padding: 10px 10px 10px;}  }    /* 본문 하단 태그 관련 */  .skin_view .area_etc{overflow: hidden;min-height: 29px;margin-top: 15px;border: 1px solid #bcbcbc;padding: 10px 10px 10px 10px;background-color: #fff;/* border-radius: 5px; */clear: both;}  .skin_view .list_tag .desc_taga {color:#666;display: -webkit-inline-box;}  .skin_view .area_etc .list_tag {font-weight: bold;}  .skin_view .list_tag .tit_tag {margin-right: 8px;font-weight: bold;color: #666;float: left;}  .skin_view .list_tag .desc_tag {margin-right: 2px;font-weight: bold;color: #aaa;/* max-width: 630px; */}        /* 댓글 영역 */  /* 댓글영역 */  .area_reply{background-color: #fff;}  .area_reply .tit_replyspan {color: crimson; }  .skin_view .area_reply{margin: 15px 0;border: 1px solid #bcbcbc;padding: 10px;/* border-radius: 5px; */}  .fld_reply{padding: 0 0 20px 0;margin: 10px 0 20px;border-bottom: 1px solid #bcbcbc;}  .area_reply .tit_reply{font-weight: bold;}  .area_reply .btn_reply{font-weight:bold;line-height:18px;color:crimson;vertical-align: initial;background-color: #fff;}  .area_reply .btn_reply .ico_reply{width:8px;height:5px;margin:5px 0 0 3px;background-position:0 -425px;vertical-align:top;}  .btn_reply.on .ico_reply{background-position:0 -450px;}  .area_reply .reply_write{position:relative;margin-top:5px;}  .area_reply .lab_write{position:absolute;top:13px;left:16px;font-size:12px;}  .area_reply .on_box .lab_write{display:none;}  .area_reply .tf_reply{max-width: 840px;min-height: 67px;padding: 13px 15px 10px;border: 1px solid #bcbcbc;font-size: 14px;resize: none;box-sizing:border-box;width: 100%;background-color: #fff;/* border-radius: 5px; */}  .area_reply .reply_writer{margin-top:10px;position:relative;height:36px;}  .area_reply .writer_info{float:left;}  .area_reply .writer_info .info_name{display:inline-block;position:relative;margin-right:8px;}  .area_reply .writer_info .info_pw{display:inline-block;position:relative;}  .area_reply .writer_info .lab_info{position:absolute;top:10px;left:16px;font-size:12px;}  .area_reply .on_box .lab_info{display:none;}  .area_reply .writer_info .inp_info{width:120px;height:36px;padding:0 15px;border: 1px solid #bcbcbc;font-size:12px;box-sizing:border-box;/* border-radius: 5px; */}  .area_reply .writer_info .inp_info::-webkit-input-placeholder { padding-top:2px;}  .area_reply .writer_check{position:absolute;right:80px;padding-top: 6px; }  .area_reply .writer_check .secretWrap{display: inline-flex;margin-right: 10px;}  .area_reply .writer_check .secretWrap .checkbox {margin-right: 10px;top: 2px;width: 13px;height: 13px; }     .area_reply .writer_check .inp_secret {display:none;}  .area_reply .writer_check .lab_secret {position:relative;padding-left:20px;font-size:12px;cursor:pointer;}  .area_reply .writer_check .ico_check {position:absolute;top:-2px;left:0;width:16px;height:16px;background-position:0 -500px;}  .area_reply .writer_check .inp_secret:checked + .lab_secret .ico_check {background-position:0 -525px;}  .area_reply .writer_check .inp_secret:focus + .lab_secret .ico_check {outline: 1px dotted #000;outline: -webkit-focus-ring-color auto 5px;}  .area_reply .on .ico_check{background-position:0 -525px;}    .area_reply .writer_btn {position:absolute;right:0;}  .area_reply .writer_btn .btn_enter{width:70px;height:36px;font-size:12px;line-height:38px;background-color:crimson;color:#fff;font-weight:bold;/* border-radius: 5px; */color: #fff !important;}    .area_reply .btn_replymore{display:none;width:100%;height:42px;margin-top:3px;border-top:1px solid #eee;font-size:12px;line-height:44px;color:#aaa;}  .on .btn_replymore{display:block;}  .area_reply .list_reply{margin-bottom: 10px;margin-top: 5px;border: 1px solid #bcbcbc;/* border-radius: 5px; */}  .on .list_reply{display:block;margin-bottom:18px;}  .area_reply .list_replyli.tt_more_preview_comments_wrap {padding:10px 20px;}  .area_reply .list_reply .tt_more_preview_comments_text {font-size:12px;color:#aaa;}  .area_reply .list_replyli{overflow:hidden;position:relative;padding: 15px 15px 15px;border-bottom:1px solid #eee;}  .area_reply .list_replyli:hover{background-color:#fcfcfc;}  .area_reply .list_reply .my_reply{background-color:#fcfcfc;}  .area_reply .list_reply .re_reply{padding-left:86px;}  .area_reply .reply_content{float:left;width: 100%;overflow: hidden;}  .area_reply .list_reply .img_profile {margin-top:2px;}  .area_reply .tit_nickname{display:block;overflow:hidden;max-width:515px;font-weight:bold;color: #333;white-space:nowrap;font-size: 18px;height;32px}  .area_reply .tit_nicknameimg{border-radius: 50%;  }  .area_reply .my_reply .tit_nickname{color:crimson;}  .area_reply .tit_nickname:hover{text-decoration:none;}  .reply_content .tit_nicknamea{color: #333;font-weight: bold;}  .area_reply .ico_secret{width:10px;height:12px;margin-top:4px;background-position:0 -475px;vertical-align:top;display:none;}  .area_reply .rp_secret .tit_nickname {}  .area_reply .rp_secret .ico_secret {display:inline-block;}  .area_reply .txt_reply{display: block;max-width: 100%;font-size: 14px;width: 100%;}  .area_reply .re_reply .txt_reply{display:block;max-width: 100%;font-size:14px;}  .area_reply .txt_date{display:block;font-size:12px;color:#aaa;}  .area_reply .btn_replymenu{display:none;}  .area_reply .list_replyli .my_edit{margin: 5px 0px;font-size: 12px;width: 100%;max-width: 820px;float: right;}  .area_reply .list_replyli:hover .my_edit{display:block;}  .area_reply .my_edit .link_edit{margin: 15px 2px 0;font-size: 14px;padding: 2px 5px 2px 5px;border: 1px solid #bcbcbc;float: inherit;color: #666;/* border-radius: 5px; */}  .area_reply .my_edit .link_edit:hover{text-decoration:none;}  .area_reply .hiddenComment .tit_nickname{display:none;}  .area_reply .hiddenComment .txt_reply{font-weight:bold;font-size:14px;}  .area_reply .hiddenComment .txt_date{}    #fld_reply {display:none;}    .reply_image {width: 64px;float: left;margin: 0 10px 0 0;border-radius: 50%;}  .reply_title {overflow: hidden;margin-bottom: 10px;}input[type=checkbox] { display: none; }input[type=checkbox] + label{ display: inline-block;cursor: pointer;position: relative;padding-left: 25px;margin-right: 15px;font-size: 13px;white-space: nowrap;}input[type=checkbox]+ label:before {content: "";display: inline-block;width: 20px;height: 20px;margin-right: 10px;position: absolute;left: 0;bottom: 1px;border-radius: 2px;border: 1px solid #bcbcbc;}input[type=checkbox]:checked + label:before {content: "";text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);font-size: 16px;font-weight:800;color: #fff;background: crimson;text-align: center;line-height: 18px;}      @media only screen and (max-width: 820px){  .area_reply .writer_info { overflow: hidden;float: none;width: 100%; }  .area_reply .writer_check {overflow: hidden;float: left;padding-top: 16px;position: inherit;right: inherit;}  .area_reply .writer_btn {float: right;padding-top: 10px;position: inherit;right: inherit; }   }        /* 방명록 페이지*/  .skin_visitor_body{}  .skin_visitor .area_reply {border: 1px solid #bcbcbc;margin: 0 8px 0px;padding: 10px;/* border-radius: 5px; */}      /* 태그 페이지*/  .article_skin.skin_tag {overflow: hidden;border: 1px solid #bcbcbc;margin: 0 8px;padding: 0 10px 10px 10px;width: auto;/* border-radius: 5px; */background-color: #fff;}  .article_skin.skin_tag .list_taglia {float: left;border: 1px solid #bcbcbc;border-radius: 5px;padding: 2px 5px 2px 5px;margin: 10px 5px 0 0; }          /* 첫번째 메인 화면 main index */   .list_content, .list_content_etc {padding: 10px;border: 1px solid #bcbcbc;margin-bottom: 16px;/* border-radius: 5px; */background-color: #fff;overflow: hidden;}    .list_content:hover, .list_content_etc:hover {border: 1px solid crimson;}    .list_content .txt_post:hover, .list_content_etc .txt_post:hover {color: #333 !important;}    .list_content .thumbnail_postimg {margin: 0 15px 10px 0;/* width: 100%; *//* border: 1px solid #bcbcbc; *//* border-radius: 5px; */background-color: #fff;/* height: 100%; *//* width: 100%; */}  .thumbnail_post {position: relative;overflow: hidden;background-color: #fff;float: left;max-width: 110px;max-height: 110px;/* margin-right: 10px; *//* border-radius: 50%; */box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);margin: 10px 10px 0 0;border: 5px solid #fff;}  .list_content .thumbnail_post_baseimg, .list_content_etc .thumbnail_post_baseimg{/* width: 100%; *//* height: 100%; *//* border: 1px solid #bcbcbc; *//* border-radius: 7px; */padding: 0.2px;}  .list_content .list_body {min-height: 182px; }  .list_content .list_tit, .list_content_etc .tit_post {overflow: hidden;height: 54px !important;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap: break-word;line-height: 1.5em;height: 3.0em !important;font-size: 18px;margin-bottom: 10px;text-align: center;}  .list_content .tit_post:hover, .list_content_etc .tit_post:hover{color: #333 !important;}    .list_content .txt_post {margin: 10px 0 0 0;text-overflow: ellipsis;display: -webkit-inline-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;word-wrap: break-word;line-height: 1.5em;h;height: 7.5em;overflow: hidden;position: absolute;padding-right: 20px;left: 140px;word-break: break-all;text-align: justify;}    .list_content_etc .txt_post {margin: 10px 0 0 0;text-overflow: ellipsis;display: -webkit-inline-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;word-wrap: break-word;line-height: 1.5em;h;height: 7.5em;overflow: hidden;position: absolute;padding-right: 20px;}    .list_content .detail_info, .list_content_etc .detail_info {text-align: center;border-top: 1px dashed #bcbcbc;border-bottom: 1px dashed #bcbcbc;padding: 5px 0 5px 0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}    .list_content_etc.notice {min-height: 240px; }    @media only screen and (max-width: 550px) {   .article_skin {width:100%;}   .tit_category {margin: 0 3px 17px !important;}   .list_content, .list_content_etc {margin-right: -5px;margin-left: -5px;}   .reply_content .tit_nickname  , .area_reply .tit_nickname {font-size: 16px;}   .skin_visitor_body {margin: 0 -6px; }   .skin_tag_body {overflow: hidden;margin: 0 -6px; }   .skin_tag_body .tit_category, .skin_visitor_body .tit_category{margin: 0 8px 16px !important;}  }      /* bodySide 사이드바*/  .Side-basic{border: 1px solid #bcbcbc;margin: 0 0 15px 0;padding: 10px;/* border-radius: 5px; */background-color: #fff;}  .bodySide .Side-title {color: #333; }  .Side-Cbasic *{color: #fff; }   .bodySide .Side-Cbasiclia {color: #333; }  /* Side-title footSide 동일 */  .Side-title{border-bottom: 1px solid #bcbcbc;padding-bottom: 10px;color: #fff;font-size: 16px;}  .Side-Cbasic{padding: 10px 0 5px;overflow: hidden;}  .Side-Cbasiclia {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: #fff;display: block;}  .new_post .Side-Cbasicli {display: flex;}  .new_post .Side-Cbasicli .cnt{float: left;}  .new_post .link_board {float:left;}    .bodySide {margin-left: -8px; }  .bodySide .bodySide-information-imageimg {width: 100%;box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);/* border-radius: 5px; */border: 5px solid #fff;}    .bodySide .bodySide-information-image{padding-bottom: 10px;}  .bodySide .bodySide-information-blogger{text-align: center;border-top: 1px solid #c9c9c9;font-weight: bold;font-size: 16px;}    .bodySide .category_list {padding-top: 10px; }    .bodySide-archives.Side-basiclia {display: inline; }    .bodySide-calendar .tt-calendartd,.bodySide-calendar .tt-calendarth {border: 1px solid #eeeeee;}  .bodySide-calendar .cal_week2{color: red !important;}  .bodySide-calendar .cal_day_sunday {color: red !important;}      /* bodySide 사이드바 안에 달력*/  .tt-calendar {width: 100% !important;border-collapse:collapse;border-spacing:0;height: 100%;min-height: 200px;}  .tt-calendar .cal_month {font-weight:bold;text-align:center;padding: 10px 0 10px 0;}  .tt-calendar .cal_montha {font-weight:bold;color:#666;}  .tt-calendar .cal_montha:first-child, .tt-calendar .cal_montha:last-child {height:17px;padding:0 10px;vertical-align:top;color:#ccc;}  .tt-calendartd,th {background-color: #fff;padding: 5px;text-align: center;}  .tt-calendartheadth {color: #33333f;margin-bottom:2px;}  .tt-calendartbodytd {color: #333;}  .tt-calendartbodytd .cal_click {font-weight:bold;color: crimson;}    .bodySide-adsens {max-height: 605px;min-height: 320px;overflow: hidden;}      @media only screen and (max-width: 991px) {  .bodySide_M { clear: both; }   .bodySide {margin: 15px 5px;clear:both;}   .footSide {padding-bottom: 0px !important;}  .footSide-body {margin-right: -15px !important;margin-left: -15px !important;}    .footSide-box {margin-bottom: 15px;}  .col_08 {padding-left: 5px !important;padding-right: 5px !important;}   .skin_view {margin: 0 4px 0 4px;}     }    @media only screen and (max-width: 550px) {  .bodySide {margin: 15px 0 -15px;clear:both;}   .footSide-body {margin-right: -12px !important;margin-left: -12px !important;}    .footSide .col-xs-6 {width: 100%; }  .footSide .col_8 {padding-left: 5px !important;padding-right: 5px !important;}  .footSide-box .Side-Cbasic {min-height: 0 !important; }   }      /* 하단 페이징 paging */  .paging {text-align: center;width: 100%;display: inline-block;}  .paginga{padding: 0 5px 0 5px; }  .paging .inner_paging{cursor: pointer; }  .pagingspan.selected {font-weight: bold;color: crimson; }  .paging .no-more-next, .paging .no-more-prev {color: #d6d6d6 !important;cursor: default;}  .paging .no-more-next:hover, .paging .no-more-prev:hover {color: #d6d6d6 !important; }      /* 하단 footSide */  .footSide {padding: 15px;/* border: 1px solid #bcbcbc; */margin-bottom: -1px;margin-top: 15px;overflow: hidden;background-color: #222;}  .footSide-body {max-width: 1170px;margin-right: auto;margin-left: auto; }  .footSide-box {border: 1px solid #bcbcbc;padding: 10px;/* border-radius: 5px; */}  .footSide-box .link_more {position: absolute;top: 13px;right: 20px;text-decoration: none;font-size: 12px;color: #fff;}  .footSide-box .count {position: absolute;top: 72px;right: 20px; }  .footSide-boxa.link_tag {float: left;border: 1px solid #bcbcbc;border-radius: 5px;padding: 0px 5px 0px 5px;margin: 0 5px 5px 0; }  .footSide-box .Side-Cbasic {min-height: 240px; }    .list_come {text-align: center; }  .list_comeimg {margin: 10px;border-radius: 50%;width: 104px;height: 104px; }      /* foot */  .footer {padding: 20px 0;border-top: 1px solid #444444;text-align: center;overflow: hidden;background-color: #000;}  .footerp{color: #fff;}  .footerpa{color: #fff;font-weight:bold;display: inline-block;}    /* 첨부파일 버튼 설정 */  /* 동영상 반응형 */  .embed-container {position:relative;padding-bottom:56.25%;height:0;overflow:hidden;}  .embed-containeriframe,  .embed-containerobject,  .embed-containerembed { position:absolute;top:0;left:0;width:100%;height:100%;}      /* toTop */  #toTop {z-index:1030;width: 45px;border: 2px solid #f7f7f7;background: #f7f7f7;text-align: center;position: fixed;bottom: 10px;right: 10px;cursor: pointer;display: none;color: #333;opacity: 0.6;filter: alpha(opacity=60);-webkit-border-radius: 30px;-moz-border-radius: 30px;-o-border-radius: 30px;border-radius: 20px;-webkit-transition: all .25s linear;-moz-transition: all .25s linear;-o-transition: all .25s linear;transition: all .25s linear;padding: 5px;}  #toTop:hover {background: #b3b3b3;border: 2px solid #b3b3b3;color: crimson;}     /* Side Button */  #side-btn {position:fixed;z-index:99997;}  #side-btnul {padding:0px;margin:0px;list-style:none; }  #side-btnul >li > a,  #side-btn .side-btn-box {position:relative;display:block;text-align:center;background-color: #555;color: #fff;border-radius: 5px;margin-bottom: 7px;}  #side-btn .side-btn {position:relative;display:inline-block;text-align:center;width:36px;height:36px;line-height:36px !important;font-size:19px;cursor: pointer;}  #side-btn .side-btn-label {position:absolute;border-radius: 50%;width:18px;height:18px;line-height:18px !important;font-size:11px;text-align:center;padding-right:1px;letter-spacing:-1px; }    @media (min-width: 992px) {   #side-box { padding-bottom:0px; }   #side-box .side-wing {top:20%; }   #side-box .side-wing-icon {display:block; }   #side-btn {top: 40%;right:25px;}   #side-btn .side-btn-box {width:42px;height:42px;line-height: 45px !important;color: #fff;}   #side-btn .side-btn-label {top:-4px;right:-4px; }  }    @media (max-width: 991px) {   #side-box { padding-bottom:40px; }   #side-box .side-wing {top:35%; }   #side-box .side-wing-icon {display:none; }   #side-btn {left:0px;bottom: 0px;z-index:99999;width: 100%;}   #side-btn ul > li {display:table-cell;width:1%; }   #side-btn .side-btn {margin-top:4px;}   #side-btn .side-btn-label {top:0px;right:0px; }   #side-btn ul > li > a,  #side-btn .side-btn-box {position:relative;display:block;text-align:center;background-color: #555;color: #fff;border-left: 1px solid #c7c7c7;margin-left: -1px;border-radius: 0;opacity: 0.9;margin-bottom: 0px;}   body {margin-bottom: 40px;}  }    /* imageblock file 첨부 디자인 변경 */  .imageblock >a[href*="attachment"] {position: relative;display: block;margin: 1px 0;padding-right: 15px;color: #333;font-weight: bold;text-transform: uppercase;letter-spacing: 0;background: #fff;background-color: #eee;border: 1px solid #dadada;border-radius: 5px;font-size: 14px;}   .imageblock >a[href*="attachment"]:before { display: inline-block;width: 60px;margin-right: 10px;line-height: 60px;text-align: center;content: "\f019";color: #888;font-size: 26px;font-family: FontAwesome;speak: none;font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;border-radius: 3px 0 0 3px;border-right: 1px solid #DDDDE4;background: linear-gradient(#ffffff, #f4f4f4);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff',endColorstr='#f4f4f4',GradientType=0 ); }   .imageblock >a[href*="attachment"]:after {position: absolute;top: 10px;left: 74px;line-height: 1;display: block;content: "첨부파일";color: #777;font-size: .85em;font-weight: normal;text-transform: none;}   .imageblock >a[href*="attachment"] img { display: none; }   .imageblock >a[href*="attachment"]:hover,   .imageblock > a[href*="attachment"]:focus { color: #fff;background: #bcbcbc; }   .imageblock >a[href*="attachment"]:hover:before,   .imageblock > a[href*="attachment"]:focus:before { border-right-color: #f5f5f5; }        /* FontAwesome 아이콘 css */  /* footside & bodySide 텍스트 앞 화살표*/  .Side-basic .Side-Cbasiclia:before,a.link_board:before, .category_list li .link_item:before, .head-menu li a:before { content : "\f0da";font-family: FontAwesome;font-size: 14px;font-style: normal;font-weight: normal;text-decoration: inherit;padding-right: 5px;}    /* bodySide > category > sub_item 텍스트 앞 관련  */  .sub_category_list .link_sub_item:before {padding-left: 20px;content: "\f105";font-family: FontAwesome;font-size: 14px;font-style: normal;font-weight: normal;text-decoration: inherit;padding-right: 5px;}    /* 페이징 prev */  .inner_paging .link_prev:before {content: "\f100";font-family: FontAwesome;font-size: 16px;font-style: normal;font-weight: normal;text-decoration:inherit;padding-right: 5px;}    /* 페이징 next */  .inner_paging .link_next:before {content: "\f101";font-family: FontAwesome;font-size: 16px;font-style: normal;font-weight: normal;text-decoration: inherit;padding-right: 5px;}    .link_itemimg:after{content: "\f101";font-family: FontAwesome;font-size: 16px;font-style: normal;font-weight: normal;text-decoration: inherit;padding-right: 5px;}    /* /FontAwesome 아이콘 css */      /*로딩 이미지 관련 */  #divLoading {position: fixed;top: 10px;left: 50%;text-align: center;margin-left:-16px;z-index: 99999;}  #divLoadingi{width: 32px;color: #222;margin-top: 3px;opacity: 0.8;}    @media only screen and (max-width: 820px){  #divLoading i{margin-top: 0px;}  }  @media only screen and (max-width: 768px){  #divLoading {right: 85px;left: inherit;}  }        /*ie8 */  @media \0screen {   .col-md-9 {width: 877px;}    .bodySide {width: 284px;}    .list_content {width:418.75px;height:437.17px;}   .list_content .tit_post {height:54px !important;display:block;}   .container {width: 1170px;}   .col-md-9, .col-md-3, .col-xs-6, .col-md-12 {float: left;}   .footSide .col-xs-6 {width:292.5px;height:298px !important;}    .footSide-box .Side-Cbasic {min-height: 225px; }   .checkbox {display:inline-block; }    .list_content, .list_content_etc {width:418.75px !important;height:243px !important; }  .thumbnail_post {max-width: 100px;max-height: 100px; }    #side-btn, .new_post .Side-Cbasic li span, #divLoading {display:none; }    input[type=checkbox] {display: block;padding-left: 0px;margin-top:0px;top: -16px !important;}    input[type=checkbox]+ label:before {display: none; }   label#checkbox_label {top: -35px !important; }  }text-align: justify;text-align: justify;}
.skin_view .area_view iframe { width: 100%; }
.skin_view .another_category {display:none;}

.skin_view .area_view blockquote, .skin_view .area_view blockquote p { font-size: 18px; line-height: 30px; font-style: italic; font-weight: bold; overflow: auto; }
.skin_view .area_view blockquote { padding: 10px 20px; margin: 0 auto 28px; border-left: 5px solid #eee; }

.skin_view .area_view ul li, .skin_view .area_view ol li { margin-left: 24px; margin-bottom: 10px;}
.skin_view .area_view ul li { list-style: disc;}
.skin_view .area_view ol li { list-style:decimal }


/* 본문 관련글 더보기 */
 	.jy-another_category {border: 1px solid #bcbcbc;margin: 15px 0 10px;padding: 10px 5px 10px;background-color: #fff;/* border-radius: 5px; */overflow: hidden;}
  .jy-another_category-title h3 {margin: 0px 5px 0 5px;padding: 0px 0 10px 0;border-bottom: 1px solid #bcbcbc;font-size: 14px;font-weight: bold;}
  .jy-another_category-table {display: block;border-bottom: 1px solid #bcbcbc;padding-top: 5px;margin: 0 5px;}
  .jy-another_category-table-row {display: table-row;}
  .jy-another_category-table-cell { display: table-cell; vertical-align: middle; }
  .jy-another_category-table-cell-thumbnail {max-width: 120px;width: auto;}
  .jy-another_category-table-cell-thumbnail img {margin: 10px 20px 10px 0px;width: 100px;/* border-radius: 5px; */box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);border: 5px solid #fff;}
  .jy-another_category-table-cell-information h4{margin: 10px 0px 5px 0px;font-size: 15px;white-space: normal;line-height: 1.5;max-height: 4.5em;word-wrap: break-word;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;font-weight: bold;}
  .jy-another_category-table-cell-information p { margin: 5px 0px 10px 0px; }
  .jy-another_category-table-cell-information p i { margin-right: 3px; }
  a.jy-another_category-more { display: inline-block; margin: 10px 0px 0px 0px; padding: 5px 10px; border: 1px solid #bcbcbc; border-radius: 3px; font-size: 12px; }
.jy-another_category-link_more {float: right;font-size: 12px;margin-top: 3px;}

@media only screen and (max-width:820px) {
	.container {margin-top: -2px;}
	.head-menu-bt {margin-top: 3px;}
	.header h1 a {font-size:24px;float: left;margin-top: 4px;}
	.head-menu {text-align: center;margin-bottom: 16px;}
	.head-search {text-align: center;margin-bottom: 3px;}
	.head-menu li a {padding: 5px 5% 5px 5%;}
	#head-menu-title { line-height: 2.3;}
	#table .col1-50 {
    width: 65%;
}
	#table .col2-50 {
    width: 35%;
}
	.skin_view .tit_post a{ font-size: 18px;font-weight: bold;}
	.skin_view .tit_post { line-height: 25px; }
	.jy-another_category {padding: 10px 10px 10px;}
}

/* 본문 하단 태그 관련 */
.skin_view .area_etc{overflow: hidden;min-height: 29px;margin-top: 15px;border: 1px solid #bcbcbc;padding: 10px 10px 10px 10px;background-color: #fff;/* border-radius: 5px; */clear: both;}
.skin_view .list_tag .desc_tag a {color:#666;display: -webkit-inline-box;}
.skin_view .area_etc .list_tag {font-weight: bold;}
.skin_view .list_tag .tit_tag {margin-right: 8px;font-weight: bold;color: #666;float: left;}
.skin_view .list_tag .desc_tag {margin-right: 2px;font-weight: bold;color: #aaa;/* max-width: 630px; */}



/* 댓글 영역 */
/* 댓글영역 */
.area_reply{background-color: #fff;}
.area_reply .tit_reply span { color: crimson; }
.skin_view .area_reply{margin: 15px 0;border: 1px solid #bcbcbc;padding: 10px;/* border-radius: 5px; */}
.fld_reply{padding: 0 0 20px 0;margin: 10px 0 20px;border-bottom: 1px solid #bcbcbc;}
.area_reply .tit_reply{font-weight: bold;}
.area_reply .btn_reply{font-weight:bold;line-height:18px;color:crimson;vertical-align: initial;background-color: #fff;}
.area_reply .btn_reply .ico_reply{width:8px;height:5px;margin:5px 0 0 3px;background-position:0 -425px;vertical-align:top}
.btn_reply.on .ico_reply{background-position:0 -450px}
.area_reply .reply_write{position:relative;margin-top:5px;}
.area_reply .lab_write{position:absolute;top:13px;left:16px;font-size:12px}
.area_reply .on_box .lab_write{display:none}
.area_reply .tf_reply{max-width: 840px;min-height: 67px;padding: 13px 15px 10px;border: 1px solid #bcbcbc;font-size: 14px;resize: none;box-sizing:border-box;width: 100%;background-color: #fff;/* border-radius: 5px; */}
.area_reply .reply_writer{margin-top:10px;position:relative;height:36px;}
.area_reply .writer_info{float:left}
.area_reply .writer_info .info_name{display:inline-block;position:relative;margin-right:8px}
.area_reply .writer_info .info_pw{display:inline-block;position:relative}
.area_reply .writer_info .lab_info{position:absolute;top:10px;left:16px;font-size:12px}
.area_reply .on_box .lab_info{display:none}
.area_reply .writer_info .inp_info{width:120px;height:36px;padding:0 15px;border: 1px solid #bcbcbc;font-size:12px;box-sizing:border-box;/* border-radius: 5px; */}
.area_reply .writer_info .inp_info::-webkit-input-placeholder { padding-top:2px }
.area_reply .writer_check{position:absolute;right:80px;padding-top: 6px; }
.area_reply .writer_check .secretWrap{display: inline-flex;margin-right: 10px;}
.area_reply .writer_check .secretWrap .checkbox { margin-right: 10px; top: 2px; width: 13px; height: 13px; }
 
.area_reply .writer_check .inp_secret { display:none }
.area_reply .writer_check .lab_secret {position:relative;padding-left:20px;font-size:12px;cursor:pointer}
.area_reply .writer_check .ico_check {position:absolute;top:-2px;left:0;width:16px;height:16px;background-position:0 -500px;}
.area_reply .writer_check .inp_secret:checked + .lab_secret .ico_check { background-position:0 -525px }
.area_reply .writer_check .inp_secret:focus + .lab_secret .ico_check { outline: 1px dotted #000;outline: -webkit-focus-ring-color auto 5px }
.area_reply .on .ico_check{background-position:0 -525px}

.area_reply .writer_btn { position:absolute;right:0 }
.area_reply .writer_btn .btn_enter{width:70px;height:36px;font-size:12px;line-height:38px;background-color:crimson;color:#fff;font-weight:bold;/* border-radius: 5px; */color: #fff !important;}

.area_reply .btn_replymore{display:none;width:100%;height:42px;margin-top:3px;border-top:1px solid #eee;font-size:12px;line-height:44px;color:#aaa}
.on .btn_replymore{display:block}
.area_reply .list_reply{margin-bottom: 10px;margin-top: 5px;border: 1px solid #bcbcbc;/* border-radius: 5px; */}
.on .list_reply{display:block;margin-bottom:18px}
.area_reply .list_reply li.tt_more_preview_comments_wrap { padding:10px 20px}
.area_reply .list_reply .tt_more_preview_comments_text { font-size:12px; color:#aaa }
.area_reply .list_reply li{overflow:hidden;position:relative;padding: 15px 15px 15px;border-bottom:1px solid #eee;}
.area_reply .list_reply li:hover{background-color:#fcfcfc}
.area_reply .list_reply .my_reply{background-color:#fcfcfc}
.area_reply .list_reply .re_reply{padding-left:86px}
.area_reply .reply_content{float:left;width: 100%;overflow: hidden;}
.area_reply .list_reply .img_profile { margin-top:2px }
.area_reply .tit_nickname{display:block;overflow:hidden;max-width:515px;font-weight:bold;color: #333;white-space:nowrap;font-size: 18px;height;32px}
.area_reply .tit_nickname img{
    border-radius: 50%;
}
.area_reply .my_reply .tit_nickname{color:crimson;}
.area_reply .tit_nickname:hover{text-decoration:none;}
.reply_content .tit_nickname a{color: #333;font-weight: bold;}
.area_reply .ico_secret{width:10px;height:12px;margin-top:4px;background-position:0 -475px;vertical-align:top;display:none}
.area_reply .rp_secret .tit_nickname {}
.area_reply .rp_secret .ico_secret { display:inline-block }
.area_reply .txt_reply{display: block;max-width: 100%;font-size: 14px;width: 100%;}
.area_reply .re_reply .txt_reply{display:block;max-width: 100%;font-size:14px;}
.area_reply .txt_date{display:block;font-size:12px;color:#aaa}
.area_reply .btn_replymenu{display:none}
.area_reply .list_reply li .my_edit{margin: 5px 0px;font-size: 12px;width: 100%;max-width: 820px;float: right;}
.area_reply .list_reply li:hover .my_edit{display:block}
.area_reply .my_edit .link_edit{margin: 15px 2px 0;font-size: 14px;padding: 2px 5px 2px 5px;border: 1px solid #bcbcbc;float: inherit;color: #666;/* border-radius: 5px; */}
.area_reply .my_edit .link_edit:hover{text-decoration:none;}
.area_reply .hiddenComment .tit_nickname{display:none}
.area_reply .hiddenComment .txt_reply{font-weight:bold;font-size:14px}
.area_reply .hiddenComment .txt_date{}

#fld_reply {display:none;}

.reply_image {width: 64px;float: left;margin: 0 10px 0 0;border-radius: 50%;}
.reply_title { overflow: hidden; margin-bottom: 10px;}

input[type=checkbox] { display: none; }
input[type=checkbox] + label{ display: inline-block; cursor: pointer; position: relative; padding-left: 25px; margin-right: 15px; font-size: 13px; white-space: nowrap;}
input[type=checkbox]+ label:before {content: "";display: inline-block;width: 20px;height: 20px;margin-right: 10px;position: absolute;left: 0;bottom: 1px;border-radius: 2px;border: 1px solid #bcbcbc;}
input[type=checkbox]:checked + label:before {content: ""; text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);font-size: 16px;font-weight:800;color: #fff;background: crimson;text-align: center;line-height: 18px;}


@media only screen and (max-width: 820px){
.area_reply .writer_info { overflow: hidden; float: none; width: 100%; }
.area_reply .writer_check { overflow: hidden; float: left; padding-top: 16px; position: inherit; right: inherit;}
.area_reply .writer_btn { float: right; padding-top: 10px; position: inherit; right: inherit; }	
}



/* 방명록 페이지*/
.skin_visitor_body{}
.skin_visitor .area_reply {border: 1px solid #bcbcbc;margin: 0 8px 0px;padding: 10px;/* border-radius: 5px; */}


/* 태그 페이지*/
.article_skin.skin_tag {overflow: hidden;border: 1px solid #bcbcbc;margin: 0 8px;padding: 0 10px 10px 10px;width: auto;/* border-radius: 5px; */background-color: #fff;}
.article_skin.skin_tag .list_tag li a { float: left; border: 1px solid #bcbcbc; border-radius: 5px; padding: 2px 5px 2px 5px; margin: 10px 5px 0 0; }




/* 첫번째 메인 화면 main index */ 
.list_content, .list_content_etc {padding: 10px;border: 1px solid #bcbcbc;margin-bottom: 16px;/* border-radius: 5px; */background-color: #fff;overflow: hidden;}

.list_content:hover, .list_content_etc:hover {border: 1px solid crimson}

.list_content .txt_post:hover, .list_content_etc .txt_post:hover {color: #333 !important;}

.list_content .thumbnail_post img {margin: 0 15px 10px 0;/* width: 100%; *//* border: 1px solid #bcbcbc; *//* border-radius: 5px; */background-color: #fff;/* height: 100%; *//* width: 100%; */}
.thumbnail_post {position: relative;overflow: hidden;background-color: #fff;float: left;max-width: 110px;max-height: 110px;/* margin-right: 10px; *//* border-radius: 50%; */box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);margin: 10px 10px 0 0;border: 5px solid #fff;}
.list_content .thumbnail_post_base img, .list_content_etc .thumbnail_post_base img{/* width: 100%; *//* height: 100%; *//* border: 1px solid #bcbcbc; *//* border-radius: 7px; */padding: 0.2px;}
.list_content .list_body { min-height: 182px; }
.list_content .list_tit, .list_content_etc .tit_post {overflow: hidden;height: 54px !important;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap: break-word;line-height: 1.5em;height: 3.0em !important;font-size: 18px;margin-bottom: 10px;text-align: center;}
.list_content .tit_post:hover, .list_content_etc .tit_post:hover{color: #333 !important;}

.list_content .txt_post {margin: 10px 0 0 0;text-overflow: ellipsis;display: -webkit-inline-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;word-wrap: break-word;line-height: 1.5em;h;height: 7.5em;overflow: hidden;position: absolute;padding-right: 20px;left: 140px;word-break: break-all;text-align: justify;}

.list_content_etc .txt_post {margin: 10px 0 0 0;text-overflow: ellipsis;display: -webkit-inline-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;word-wrap: break-word;line-height: 1.5em;h;height: 7.5em;overflow: hidden;position: absolute;padding-right: 20px;}

.list_content .detail_info, .list_content_etc .detail_info {text-align: center;border-top: 1px dashed #bcbcbc;border-bottom: 1px dashed #bcbcbc;padding: 5px 0 5px 0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.list_content_etc.notice { min-height: 240px; }

@media only screen and (max-width: 550px) {
	.article_skin {width:100%;}
	.tit_category {margin: 0 3px 17px !important;}
	.list_content, .list_content_etc {margin-right: -5px;margin-left: -5px;}
	.reply_content .tit_nickname  , .area_reply .tit_nickname {font-size: 16px;}
	.skin_visitor_body { margin: 0 -6px; }
	.skin_tag_body { overflow: hidden; margin: 0 -6px; }
	.skin_tag_body .tit_category, .skin_visitor_body .tit_category{margin: 0 8px 16px !important;}
}


/* bodySide 사이드바*/
.Side-basic{border: 1px solid #bcbcbc;margin: 0 0 15px 0;padding: 10px;/* border-radius: 5px; */background-color: #fff;}
.bodySide .Side-title { color: #333; }
.Side-Cbasic *{ color: #fff; } 
.bodySide .Side-Cbasic li a { color: #333; }
/* Side-title footSide 동일 */
.Side-title{border-bottom: 1px solid #bcbcbc;padding-bottom: 10px;color: #fff;font-size: 16px;}
.Side-Cbasic{padding: 10px 0 5px;overflow: hidden;}
.Side-Cbasic li a {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: #fff;display: block;}
.new_post .Side-Cbasic li {display: flex;}
.new_post .Side-Cbasic li .cnt{float: left;}
.new_post .link_board {float:left;}

.bodySide { margin-left: -8px; }
.bodySide .bodySide-information-image img {width: 100%;box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);/* border-radius: 5px; */border: 5px solid #fff;}

.bodySide .bodySide-information-image{padding-bottom: 10px;}
.bodySide .bodySide-information-blogger{text-align: center;border-top: 1px solid #c9c9c9;font-weight: bold;font-size: 16px;}

.bodySide .category_list { padding-top: 10px; }

.bodySide-archives.Side-basic li a { display: inline; }

.bodySide-calendar .tt-calendar td,.bodySide-calendar .tt-calendar th {border: 1px solid #eeeeee;}
.bodySide-calendar .cal_week2{color: red !important;}
.bodySide-calendar .cal_day_sunday {color: red !important;}


/* bodySide 사이드바 안에 달력*/
.tt-calendar {width: 100% !important;border-collapse:collapse;border-spacing:0;height: 100%;min-height: 200px;}
.tt-calendar .cal_month {font-weight:bold;text-align:center;padding: 10px 0 10px 0;}
.tt-calendar .cal_month a { font-weight:bold; color:#666 }
.tt-calendar .cal_month a:first-child, .tt-calendar .cal_month a:last-child {height:17px;padding:0 10px;vertical-align:top; color:#ccc}
.tt-calendar td, th {background-color: #fff;padding: 5px;text-align: center;}
.tt-calendar thead th {color: #33333f;margin-bottom:2px;}
.tt-calendar tbody td {color: #333;}
.tt-calendar tbody td .cal_click {font-weight:bold;color: crimson;}

.bodySide-adsens {max-height: 605px;min-height: 320px;overflow: hidden;}


@media only screen and (max-width: 991px) {
.bodySide_M { clear: both; }	
.bodySide { margin: 15px 5px; clear:both;}	
.footSide {padding-bottom: 0px !important;}
.footSide-body {margin-right: -15px !important;margin-left: -15px !important;}		
.footSide-box {margin-bottom: 15px;}
.col_08 { padding-left: 5px !important;padding-right: 5px !important;}	
.skin_view {margin: 0 4px 0 4px;}	

}

@media only screen and (max-width: 550px) {
.bodySide {margin: 15px 0 -15px;clear:both;}	
.footSide-body {margin-right: -12px !important;margin-left: -12px !important;}		
.footSide .col-xs-6 { width: 100%; }
.footSide	.col_8 { padding-left: 5px !important; padding-right: 5px !important;}
.footSide-box .Side-Cbasic { min-height: 0 !important; }	
}


/* 하단 페이징 paging */
.paging {text-align: center;width: 100%;display: inline-block;}
.paging a{ padding: 0 5px 0 5px; }
.paging .inner_paging{ cursor: pointer; }
.paging span.selected { font-weight: bold; color: crimson; }
.paging .no-more-next, .paging .no-more-prev {color: #d6d6d6 !important;cursor: default;}
.paging .no-more-next:hover, .paging .no-more-prev:hover { color: #d6d6d6 !important; }


/* 하단 footSide */
.footSide {
    padding: 15px;
    /* border: 1px solid #7a7881; */
    margin-bottom: -1px;
    margin-top: 15px;
    overflow: hidden;
    /* background-color: #222; */
    background: linear-gradient(-135deg, #010101, #070b1e) fixed;
}
.footSide-body { max-width: 1170px; margin-right: auto; margin-left: auto; }
.footSide-box {border: 1px solid #bcbcbc;padding: 10px;/* border-radius: 5px; */}
.footSide-box .link_more {position: absolute;top: 13px;right: 20px;text-decoration: none;font-size: 12px;color: #fff;}
.footSide-box .count { position: absolute; top: 72px; right: 20px; }
.footSide-box a.link_tag { float: left; border: 1px solid #bcbcbc; border-radius: 5px; padding: 0px 5px 0px 5px; margin: 0 5px 5px 0; }
.footSide-box .Side-Cbasic { min-height: 240px; }

.list_come { text-align: center; }
.list_come img { margin: 10px; border-radius: 50%; width: 104px; height: 104px; }


/* foot */
.footer {padding: 20px 0;
    border-top: 1px solid #444444;
    text-align: center;
    overflow: hidden;
    background: radial-gradient(#030101, #422a2a) fixed;}
.footer p{ color: #fff;}
.footer p a{color: #fff;font-weight:bold;display: inline-block;}

/* 첨부파일 버튼 설정 */
/* 동영상 반응형 */
.embed-container { position:relative; padding-bottom:56.25%; height:0; overflow:hidden;}
.embed-container iframe,
.embed-container object,
.embed-container embed { position:absolute; top:0; left:0; width:100%; height:100%;}


/* toTop */
#toTop {z-index:1030;width: 45px;border: 2px solid #f7f7f7;background: #f7f7f7;text-align: center;position: fixed;bottom: 10px;right: 10px;cursor: pointer;display: none;color: #333;opacity: 0.6;filter: alpha(opacity=60);-webkit-border-radius: 30px;-moz-border-radius: 30px;-o-border-radius: 30px;border-radius: 20px;-webkit-transition: all .25s linear;-moz-transition: all .25s linear;-o-transition: all .25s linear;transition: all .25s linear;padding: 5px;}
#toTop:hover {background: #b3b3b3;border: 2px solid #b3b3b3;color: crimson;} 

/* Side Button */
#side-btn {position:fixed;z-index:99997;}
#side-btn ul { padding:0px; margin:0px; list-style:none; }
#side-btn ul > li > a,
#side-btn .side-btn-box {position:relative;display:block;text-align:center;background-color: #555;color: #fff;border-radius: 5px;margin-bottom: 7px;}
#side-btn .side-btn {position:relative;display:inline-block;text-align:center;width:36px;height:36px;line-height:36px !important;font-size:19px;cursor: pointer;}
#side-btn .side-btn-label { position:absolute; border-radius: 50%; width:18px;	height:18px; line-height:18px !important; font-size:11px; text-align:center; padding-right:1px; letter-spacing:-1px; }

@media (min-width: 992px) {
	#side-box { padding-bottom:0px; }
	#side-box .side-wing { top:20%; }
	#side-box .side-wing-icon { display:block; }
	#side-btn {top: 40%;right:25px;}
	#side-btn .side-btn-box {width:42px;height:42px;line-height: 45px !important;color: #fff;}
	#side-btn .side-btn-label { top:-4px; right:-4px; }
}

@media (max-width: 991px) {
	#side-box { padding-bottom:40px; }
	#side-box .side-wing { top:35%; }
	#side-box .side-wing-icon { display:none; }
	#side-btn {left:0px;bottom: 0px;z-index:99999;width: 100%;}
	#side-btn ul > li { display:table-cell; width:1%; }
	#side-btn .side-btn {margin-top:4px;}
	#side-btn .side-btn-label { top:0px; right:0px; }
	#side-btn ul > li > a,
#side-btn .side-btn-box {position:relative;display:block;text-align:center;background-color: #555;color: #fff;border-left: 1px solid #c7c7c7;margin-left: -1px;border-radius: 0;opacity: 0.9;margin-bottom: 0px;}
	body {margin-bottom: 40px;}
}

/* imageblock file 첨부 디자인 변경 */
.imageblock > a[href*="attachment"] {position: relative;display: block;margin: 1px 0;padding-right: 15px;color: #333;font-weight: bold;text-transform: uppercase;letter-spacing: 0;background: #fff;background-color: #eee;border: 1px solid #dadada;border-radius: 5px;font-size: 14px;} 
.imageblock > a[href*="attachment"]:before { display: inline-block; width: 60px; margin-right: 10px; line-height: 60px; text-align: center; content: "\f019"; color: #888; font-size: 26px; font-family: FontAwesome; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; border-radius: 3px 0 0 3px; border-right: 1px solid #DDDDE4; background: linear-gradient(#ffffff, #f4f4f4); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff',endColorstr='#f4f4f4',GradientType=0 ); } 
.imageblock > a[href*="attachment"]:after {position: absolute;top: 10px;left: 74px;line-height: 1;display: block;content: "첨부파일";color: #777;font-size: .85em;font-weight: normal;text-transform: none;} 
.imageblock > a[href*="attachment"] img { display: none; } 
.imageblock > a[href*="attachment"]:hover, 
.imageblock > a[href*="attachment"]:focus { color: #fff; background: #bcbcbc; } 
.imageblock > a[href*="attachment"]:hover:before, 
.imageblock > a[href*="attachment"]:focus:before { border-right-color: #f5f5f5; }



/* FontAwesome 아이콘 css */
/* footside & bodySide 텍스트 앞 화살표*/
.Side-basic .Side-Cbasic  li a:before, a.link_board:before, .category_list li .link_item:before, .head-menu li a:before { content : "\f0da";font-family: FontAwesome;font-size: 14px;font-style: normal;font-weight: normal;text-decoration: inherit;padding-right: 5px;}

/* bodySide > category > sub_item 텍스트 앞 관련  */
.sub_category_list .link_sub_item:before {padding-left: 20px;content: "\f105";font-family: FontAwesome;font-size: 14px;font-style: normal;font-weight: normal;text-decoration: inherit;padding-right: 5px;}

/* 페이징 prev */
.inner_paging .link_prev:before {content: "\f100";font-family: FontAwesome;font-size: 16px;font-style: normal;font-weight: normal;text-decoration:inherit;padding-right: 5px;}

/* 페이징 next */
.inner_paging .link_next:before {content: "\f101";font-family: FontAwesome;font-size: 16px;font-style: normal;font-weight: normal;text-decoration: inherit;padding-right: 5px;}

.link_item img:after{content: "\f101";font-family: FontAwesome;font-size: 16px;font-style: normal;font-weight: normal;text-decoration: inherit;padding-right: 5px;}

/* /FontAwesome 아이콘 css */


/*로딩 이미지 관련 */
#divLoading {position: fixed;top: 10px;left: 50%;text-align: center;margin-left:-16px;z-index: 99999;}
#divLoading i{width: 32px;color: #222;margin-top: 3px;opacity: 0.8;}

@media only screen and (max-width: 820px){
#divLoading i{margin-top: 0px;}
}
@media only screen and (max-width: 768px){
#divLoading {right: 85px ;left: inherit;}
}



/*ie8 */
@media \0screen {
	.col-md-9 {width: 877px;} 
	.bodySide {width: 284px;} 
	.list_content {width:418.75px; height:437.17px;}
	.list_content .tit_post {height:54px !important; display:block;}
	.container {width: 1170px;}
	.col-md-9, .col-md-3, .col-xs-6, .col-md-12 { float: left;}
	.footSide .col-xs-6 {width:292.5px; height:298px !important;}
  .footSide-box .Side-Cbasic { min-height: 225px; }
	.checkbox { display:inline-block; }
  .list_content, .list_content_etc { width:418.75px !important; height:243px !important; }
.thumbnail_post { max-width: 100px; max-height: 100px; }
  #side-btn, .new_post .Side-Cbasic li span, #divLoading { display:none; }
  input[type=checkbox] { display: block; padding-left: 0px; margin-top:0px;  top: -16px !important;}
  input[type=checkbox]+ label:before { display: none; }
	label#checkbox_label { top: -35px !important; }
}