@charset "UTF-8";

/* 공통  Roboto  Nanum Gothic*/
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: rgb(241, 242, 246); */padding-top: 52px;}
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, #tistoryProfileLayer, .tistoryProfileLayerTrigger { display:none !important; }

.center { text-align: center;}
.col_0_15 {padding-left: 0px !important;padding-right: 0px !important;padding-bottom: 15px;}
.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; }
.col-xs-2 { width: 20%; }


/* header */
.header h1 a {color: #000;}
.header h1 { margin-top: 10px; font-size: 30px;	}
.header h1 a:hover, .head-menu-bt li i:hover {color: crimson;}
.head-menu-bt li i{color: #000;}



/* 헤드 메뉴 & 헤드메뉴 버튼 */ 
.navbar-default {box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);border-bottom: 3px solid crimson !important;}
.navbar-inverse { background-color: #fff; border-color: #bcbcbc;}
.head-menu{text-align: center; display: none; width: 100%;z-index: 999;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;}
.header_menu .c_cnt {display:none;}
.head-menu-bt {float: right;margin-top: 3px;}
.head-menu-bt li {cursor: pointer;padding-top: 11px;float: left;margin-left: 20px;font-size: 12px;}
.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: 10px 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;}
.navbar-header .sub_category_list li a { font-size: 12px; }
.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: 310px) { 
	.list_content .txt_post, .list_content_etc .txt_post {-webkit-line-clamp: 5 !important;height: 7.5em !important;}
}
@media only screen and (min-width: 311px) and (max-width: 550px) { 
	.list_content .txt_post, .list_content_etc .txt_post, div#mouse_info {display:none !important;}
.list_content .thumbnail_post:hover { opacity: initial !important;}	
}
@media only screen and (min-width: 551px) and (max-width: 765px) { 
	.list_content .txt_post, .list_content_etc .txt_post {-webkit-line-clamp: 5 !important;height: 7.5em !important;}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) { 
	.list_content .txt_post, .list_content_etc .txt_post {-webkit-line-clamp: 8 !important;height: 12em !important;}
}
	
@media only screen and (max-width:992px) {
	.head-info {display:none;}
}
@media only screen and (max-width:1200px) {
	.head-info-content {display:none;}
	.list_content .txt_post, .list_content_etc .txt_post {-webkit-line-clamp: 10;height: 15em;}
	body {padding-top: 57px;}
}

/* 테이블 표 관련 */
#table {display: table;width: 100%;max-width: 500px;border-collapse: collapse;margin: 0 auto; 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: 15px 10px 15px 10px;text-align: right;background-color: #fff;display: none;position: fixed;width: 100%;z-index: 999;max-width: 1170px;left: 50%;/* margin-left: -577px; */-webkit-transform: translate(-50%);-ms-transform: translate(-50%);-moz-transform: translate(-50%);-o-transform: translate(-50%);transform: translate(-50%);}
.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_side {/* margin-top: 20px; */}
#mainHead {overflow: hidden;margin: 20px 10px 0px;/* width: 100%; */}

/* 메인 하단 스킨 이미지 */
.skin_img img {width: 100%;border-radius: 50%;border: 10px solid #fff;box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);}
p.skin_title {color: #fff;font-size: 18px;font-weight: bold;text-align: center;padding-bottom: 10px;margin-top: -5px;display: none;}
.skin_title_name {color: #000;font-size: 22px;position: absolute;top: 79%;left: 50%;transform: translateX(-50%);display: inline-table;font-weight: bold;text-shadow: 2px 2px 2px grey;white-space: nowrap;}
.skin_img img:hover {opacity: 0.5;transition: all 1s;}
#skin_img {border-bottom: 1px solid #bcbcbc;margin-bottom: 15px;margin-top: 5px;z-index: 99;}

@media only screen and (max-width:1199px) {
.skin_title_name { font-size: 28px; }
}

@media only screen and (max-width:991px) {
.skin_title_name { font-size: 21px; }
.skin_img img { border: 5px solid #fff; }	
}

@media only screen and (max-width:730px) {
.skin_title_name { font-size: 18px; }
}

@media only screen and (max-width:650px) {
.skin_title_name { font-size: 14px; }
}

@media only screen and (max-width:550px) {
.skin_title_name { font-size: 11px; }
}

@media only screen and (max-width:450px) {
.skin_title_name { font-size: 7px; }
}

@media only screen and (max-width:370px) {
.skin_title_name { display:none; }
.skin_img img { border: 3px solid #fff; }	
.col-xs-2.col_8.skin_img { padding-right: 2px !important;}	
}

/* 한줄 공지 */
.news {padding: 0 15px 10px;float: left;max-width: 350px;width: 100%;}
.news .open-event {height:24px; position:relative; overflow:hidden;}
.news .open-event ul{position:absolute; top:0px;}
.news .open-event ul#notice1 {left:0;}
.news .open-event ul#notice2 {right:20px;}
.news .open-event ul li {height:20px;}
.news .open-event ul li a {display:inline-block;width:310px;font-weight: bold;}
.news .open-event ul li a:hover {color:crimson;}
.news .open-event ul li a strong {margin-right:10px;}
.news .open-event ul li span.date {display:inline-block; width:60px;}
.news .open-event .prev{position:absolute; top:1px; right:2px; width:7px; height:4px; line-height:0; font-size:0;}
.news .open-event .next{position:absolute; bottom:1px; right:2px; width:7px; height:4px; line-height:0; font-size:0;}
.news .control {float:left; margin:0px 0 0 10px; }
.news .control a.stop {font-size:12px;}
.news .control a.on {color:red; font-size:12px;}

/* 상단 SNS_Share */
.SNS_Share_Top {padding-right: 10px;/* position: absolute; *//* text-align: right; */margin-top: 10px;}
.SNS_Share_Top img{ width: 30px; height: 30px; border-radius: 50%; float: right; margin-right: 5px; }
.Top-Notice_SNS {overflow: hidden;}
.SNS_Share_Top img:hover { opacity: 0.3; transition: 1s; }

/* 본문 body */ 

/* s_list 본문 상단 타이틀 */
.tit_category {margin: 0 8px 15px;padding: 10px;text-align: center;background-color: #fff;border-radius: 5px;border: 1px solid #bcbcbc;}
.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_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; }
.txt_detail_height { height: 46px; }
.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;}
span.comment_go { display: inline-block;}
.skin_view .txt_detail i a{ color: #aaa; }
.my_edit { display: inline-block; }
.skin_view .my_edit a, .skin_view .comment_go 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;}
.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 a.tx-link { text-decoration: underline; color: #337ab7; }

.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 10px 10px;background-color: #fff;border-radius: 5px;}
  .jy-another_category-title h3 {margin: 0px;padding: 0px 0 10px 0;border-bottom: 1px solid #bcbcbc;font-size: 14px;font-weight: bold;}
  .jy-another_category-table {display: table;width: 100%;border-bottom: 1px solid #bcbcbc;padding-top: 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;}
  .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) {
	.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 {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;}
.skin_view .list_share li { float: left; margin-top: 1px; }
.skin_view .area_etc .list_share{float:right; display: none;}

/* SNS_Share */
.SNS_Share img:hover { opacity: 0.3; transition: 1s; }
.SNS_Share img {width: 35px;height: 35px;border-radius: 50%;}
.SNS_Share {text-align: center;padding-bottom: 10px;}

/* 본문 하단 태그 관련 */
.skin_view .list_tag .desc_tag a {color: #777;display: inline-block;}
.skin_view .area_etc .list_tag {/* float: left; */font-weight: bold;}
.skin_view .list_tag .tit_tag {float: left;margin-right: 8px;font-weight: bold;color: #666;}
.skin_view .list_tag .desc_tag {margin-right: 2px;font-weight: bold;color: #aaa;}



/* 댓글 영역 */
/* 댓글영역 */
.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;color: #666;}
.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;clear: both;}
.area_reply .writer_info{float:left}
.area_reply .writer_info .info_name{display:inline-block;position:relative;float: left;width: 50%;padding-right: 5px;max-width: 189px;}
.area_reply .writer_info .info_pw{display:inline-block;position:relative;float: left;width: 50%;padding-left: 5px;max-width: 189px;}
.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{height:36px;padding:0 15px;border: 1px solid #bcbcbc;font-size:12px;box-sizing:border-box;border-radius: 5px;width: 100%;}
.area_reply .writer_info .inp_info::-webkit-input-placeholder { padding-top:2px }
.area_reply .writer_check{position:absolute;right:80px;padding-top: 6px;/* display: inline-block; */}
.area_reply .writer_check .secretWrap{margin-right: 10px;display: inline-flex;white-space: nowrap;}
.area_reply .writer_check .secretWrap .checkbox{margin-right: 10px;top: 2px;}
 
.area_reply .writer_check .check_secret{display:inline-block;position:relative;height:36px;margin-right:18px;line-height:36px}
.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: 5px 15px 5px;}
.area_reply .list_reply li:hover{}
.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;padding: 5px 15px 5px;}
.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; *//* float:left; */}
.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: #666;padding-left: 1px;}
.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;padding-right: 10px;}
.area_reply .list_reply li:hover .my_edit{display:block}
.area_reply .my_edit .link_edit{margin: 0 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: 5px;}

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;} 

/* 댓글 말풍선 */
.balloon {position:relative;display:inline-block;width: 100%;margin: 10px;}
.balloon span {display:inline-block;color: #000;background: rgb(241, 242, 246);border-radius: 20px;}
.balloon:after {content:''; position:absolute; width:0; height:0; border-style:solid;}
.balloon.test_L:after,
.balloon.test_R:after {border-width: 15px 15px;top:50%;margin-top: -10px;}

.balloon.test_L:after {border-color: transparent rgb(241, 242, 246) transparent transparent;left: -30px;}
.balloon.test_R:after {border-color:transparent transparent transparent #7d1919; right:-25px;}
/* /댓글 말풍선 */

@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 !important;border: 1px solid #bcbcbc;margin-bottom: 16px !important;border-radius: 5px;background-color: #fff;overflow: hidden !important;}

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

div#mouse_info {position: absolute;padding: 0 5px 0 5px;background-color: #000;opacity: 0.3;color: #fff;width: 99.9%;text-align: center;border-radius: 0 0 5px 5px;bottom: 0;}
.list_content .thumbnail_post img {float: left;margin: 0 15px 0px 0;width: 100%;/* border: 1px solid #bcbcbc; */border-radius: 5px;background-color: #fff;overflow: hidden;padding: 1px;}
.thumbnail_post {position: relative;overflow: hidden;background-color: #fff;z-index: 10;}
.list_content .thumbnail_post_base img, .list_content_etc .thumbnail_post_base img{width: 100%;/* border: 1px solid #bcbcbc; */border-radius: 5px;/* padding: 0.2px; */}
.list_content .thumbnail_post:hover {opacity: 0;transition: all 1s ease 0.1s;}

.list_body {margin-top: 10px;}
.list_content .list_tit, .list_content_etc .tit_post {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: 16px;text-align: left;}


.list_content .txt_post, .list_content_etc .txt_post {text-overflow: ellipsis;display: -webkit-inline-box;-webkit-line-clamp: 6;-webkit-box-orient: vertical;word-wrap: break-word;line-height: 1.5em;height: 9em;overflow: hidden;/* width: 100%; */position: absolute;top: 20px;padding: 0 35px 0 0px;}

.list_content .detail_info, .list_content_etc .detail_info {text-align: left; white-space: nowrap;overflow: hidden;font-size: 11px;text-overflow: ellipsis;}
.list_content .detail_info i, .list_content_etc .detail_info i{ color:#777;}


@media only screen and (max-width: 550px) {
	.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{margin: 0 0 15px 0;padding: 10px;border-radius: 5px;background-color: #fff;border: 1px solid #bcbcbc;}
.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;width: 87%; }

.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;}

.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-width: 285px;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, .paging .no-more-next:before, .paging .no-more-prev:before {color: #d6d6d6 !important;cursor: default;}
.paging .no-more-next:hover, .paging .no-more-prev:hover { color: #d6d6d6 !important; }


@media only screen and (max-width: 550px) {
.link_page, span.interword {display:none;}	
.inner_paging .link_prev:before {font-size: 16px !important;float:left;padding-left: 10px !important;color: crimson;}
.inner_paging .link_next:before {font-size: 16px !important;float:right;padding-right: 10px !important;color: crimson;}
.inner_paging .link_prev:after { content: "이전"; font-size: 16px !important; float:left;	font-weight: bold; }
.inner_paging .link_next:after { content: "다음";font-size: 16px !important; padding-right: 5px;float:right; font-weight: bold;}
.area_paging.area_paging_list {background-color: #fff;padding: 5px;margin: 0 3px;border-radius: 5px;overflow: hidden;}	
}


/* 하단 footSide */
.footSide {padding: 15px;margin-bottom: -1px;margin-top: 15px;overflow: hidden;background-color: #222;}
.footSide-body { max-width: 1170px; margin-right: auto; margin-left: auto; }
.footSide-box, .footSide-box-tag {padding: 10px;border-radius: 5px;}
.footSide-box-tag .link_more {position: absolute;top: 16px;right: 20px;text-decoration: none;font-size: 12px;color: #fff;}
.footSide-box .count { position: absolute; top: 72px; right: 20px; }
.footSide-box-tag a.link_tag {float: left;border: 1px solid #bcbcbc;border-radius: 5px;padding: 0px 5px 0px 5px;margin: 0 5px 5px 0;color: #fff;}
.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-color: #000;}
.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, .footSide-box li a:before, .category_list li a:before , .menu-menu li a: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}

.sub_category_list li a:before {padding-right: 5px !important;}
.category_list li a:before {padding-right: 0px;}

/* 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: #000;margin-top: 3px;opacity: 0.8;}

@media only screen and (max-width: 820px){
#divLoading i{margin: 4px 15px;}
}
@media only screen and (max-width: 768px){
#divLoading {right: 95px ;left: inherit;}
/*body {padding-top: 45px;}*/
.detail_info {display:none;}	
.head-search {/* margin-top: 15px; */text-align: center;}	
}

.skin_view .area_view h5, .skin_view .area_view h6, .skin_view .area_view ul, .skin_view .area_view ol {
    margin: 0 auto 32px;
    padding: 0 0 0 10px;
}


/*ie8 */
@media \0screen {
	.col-md-9 {width: 877px;} 
   .col-lg-4 { width: 33.33333333%;}
  .list_content {width:100% !important;  }
	.list_content .tit_post {height:54px !important; display:block;}
	.bodySide {width: 284px;}
	.container-fluid { width: 1170px; }
	.container {width: 1170px;}
	.col-md-9, .col-md-3, .col-xs-6, .col-md-12, .col-lg-4 { float: left;}
	.footSide .col-xs-6 {width:292.5px; height:298px !important;}
  .footSide-box .Side-Cbasic { min-height: 225px; }
	.checkbox { display:inline-block; }
  #side-btn, div#mouse_info, .new_post .Side-Cbasic li span, #divLoading, button.navbar-toggle, #js-bootstrap-offcanvas { 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; }
	.skin_title_name { left:30px; }
	.visible-lg { display: block !important; }
	.link_board { float: none !important;}
}	


/* 카테고리 상단 메뉴 추가 관련 */
@media only screen and (max-width: 1200px){
.head-menu-bt li {margin-right: 20px;font-size: 16px;}
a.link_name { padding-left: 0px !important;}	
}

.category {clear:both;overflow:hidden;float: left;line-height: 53px;margin-top: -4px;}

.category a {text-decoration:none;color:#000;display:block;text-align: left;} /* width로 상위카테고리 가로간격 설정 */

.category ul, .category li {padding:0;margin:0;list-style-type:none;overflow:hidden;float: left;}

.category > ul > li > a { display:none; } /* 분류전체보기 없애기 */

.category > ul > li > ul > li > a {font-weight:bold;font-size: 12px;color: #333333;/* font-style:italic; */} /* 상위카테고리 글꼴 */

.category > ul > li > ul > li > a:hover {color: crimson !important;} /* 상위카테고리 마우스오버시 글꼴 */

.category > ul > li > ul > li > a > span.c_cnt { display:none; } /* 상위카테고리 글 수 없애기 */

.category > ul > li > ul li:hover ul {display:block;position:absolute;top: 52px;border-left: 3px solid crimson;border-bottom: 3px solid crimson;border-right: 3px solid crimson;}

.category > ul > li > ul > li > ul { display:none; }

.category > ul > li > ul > li > ul {/* border: 1px solid #bcbcbc; */background-color:#fff;margin-left: -10px;} /* 상위카테 마우스오버시 나타나는 하위카테고리 영역 꾸미는곳 */

.category > ul > li > ul > li > ul > li:hover { background-color:#eee; } /* 하위카테고리 마우스오버시 바뀌는 부분(스샷에서 회색배경) */

.category > ul > li > ul > li {float:left;padding: 0 10px;}

.category ul li ul li li {clear:both;border-bottom: 1px solid #efefef;/* border-top: 1px solid #efefef; */width: 100%;padding-right: 20px;}

.category > ul > li > a { display:none; }
.category > ul > li > ul > li > a > span.c_cnt { display:none; }

a.link_name { padding-left: 20px;}
.header_menu a { padding-right: 0px !important; }

ul.sub_category_list {line-height: 35px;display: none;background-color: #f6fbff;}

/* /카테고리 상단 메뉴 추가 관련 */


/* Side 메뉴 slideToggle 관련 */
/*div#js-bootstrap-offcanvas h4 { margin-left: -10px; margin-right: -10px; }*/
.category_navbar input#cate_sub {float: right;font-weight: bold;/* font-size: 17px !important; */border: 0px;background-color: #fff;padding-left: 10px;padding-right: 10px;line-height: 45px !important;}
.category_navbar .category_list li {border-top: 1px solid #efefef;line-height: 45px;}
.category_navbar ul.tt_category {line-height: 45px;}
.category_navbar ul.category_list li a.link_item {/* width: 85% !important; */display: -webkit-inline-box;}
.menu-menu {height: 400px;line-height: 45px;}
.menu-menu li { border-top: 1px solid #efefef; }
#js-bootstrap-offcanvas h4 { font-size:16px; }
/* /Side 메뉴 slideToggle 관련 */