@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 { 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: #fff;/* opacity: 0.9; */border-bottom: 1px solid #bcbcbc !important;}


/* 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:#fff; }



/* 헤드 메뉴 & 헤드메뉴 버튼 */ 
.head-menu{text-align: center;display: none;width: 100%;z-index: 999;margin-bottom: 15px;padding: 0 10px 0 10px;/* border-top: 3px solid; *//* padding-top: 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 {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;color: #000;}

#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: 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; }
}
	
@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;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; display: none; z-index: 999; }
.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;/* 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;/* box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); */}


/* 대문 슬라이드 */
#mainHead {margin: 3px 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-top: 3px solid;}
.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; background-color: #fff;border-top: 3px solid;}
.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-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 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 { margin: 15px 0 10px;padding: 10px 10px 10px;background-color: #fff; border-top: 3px solid;}
  .jy-another_category-title h3 {margin: 0px;padding: 0px 0 10px 0;border-bottom: 1px solid #bcbcbc;font-size: 14px;font-weight: bold;color: #666;}
  .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; }
  .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;padding: 10px 10px 10px 10px;background-color: #fff;/* border-top: 3px solid; */}
.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;}



/* 댓글 영역 */
/* 댓글영역 */
.area_reply{background-color: #fff;}
.area_reply .tit_reply span { color: crimson; }
.skin_view .area_reply{margin: 15px 0; padding: 10px; border-top: 3px solid;}
.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 .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;}
.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;}
 
.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; 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-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: 1px solid #bcbcbc;margin-bottom: 20px;}
.area_reply .list_reply li:hover{background-color:#fcfcfc}
.area_reply .list_reply .my_reply{background-color:#fcfcfc}
.area_reply .list_reply .re_reply{margin-left: 86px;border: 1px solid #bcbcbc;}
.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;}
.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{}
.tistoryProfileLayerTrigger {display:none !important;}

#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-top: 3px solid;margin: 0 8px 0px;padding: 10px;/* border-radius: 5px; */}


/* 태그 페이지*/
.article_skin.skin_tag {overflow: hidden;border-top: 3px solid;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; margin-bottom: 16px; background-color: #fff;border-top: 3px solid;}

.list_content:hover, .list_content_etc:hover {border-top: 3px solid crimson;}

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

.list_content .thumbnail_post img {float: left;margin: 0 15px 10px 0;width: 100%; background-color: #fff;}
.thumbnail_post:hover { opacity: 0.6; }
.thumbnail_post {position: relative;overflow: hidden; background-color: #fff;}
.list_content .thumbnail_post_base img, .list_content_etc .thumbnail_post_base img{width: 100%; padding: 0.2px;}
.list_content .list_body {}
.list_content .list_tit, .list_content_etc .tit_post {overflow: hidden; 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;font-size: 16px;margin-bottom: 10px; }
.list_content .tit_post:hover, .list_content_etc .tit_post:hover{color: #333 !important;}

.list_content .list_tit_notice, .list_content_etc .tit_post_notice {overflow: hidden; 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;font-size: 18px;margin-bottom: 10px;}
.list_content .tit_post:hover, .list_content_etc .tit_post:hover{color: #333 !important;}

.list_content .txt_post, .list_content_etc .txt_post { margin: 10px 0 0 0; text-overflow: ellipsis; display: -webkit-inline-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; word-wrap: break-word; line-height: 1.5em; height: 4.5em; overflow: hidden; width: 100%; }

.list_content .detail_info, .list_content_etc .detail_info { white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.detail_info_notice { text-align: center; border-top: 1px dashed #bcbcbc; border-bottom: 1px dashed #bcbcbc; padding: 5px 0 5px 0;}
.list_content .detail_info i, .list_content_etc .detail_info i { color:#888; }



@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; background-color: #fff;border-top: 3px solid;}
.bodySide .Side-title { color: #333; }
.Side-Cbasic *{color: #000;} 
.bodySide .Side-Cbasic li a { color: #333; }
/* Side-title footSide 동일 */
.Side-title{border-bottom: 1px solid #bcbcbc;padding-bottom: 10px;color: #000;font-size: 16px;}
.Side-Cbasic{padding: 10px 0 5px;overflow: hidden;}
.Side-Cbasic li a {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: #000;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; */}

.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;margin-bottom: -1px;margin-top: 15px;overflow: hidden;/* background-color: #222; *//* border-top: 3px solid; */}
.footSide-body { max-width: 1170px; margin-right: auto; margin-left: auto; }
.footSide-box {padding: 10px;border-top: 3px solid #000;}
.footSide-box .link_more {position: absolute;top: 17px;right: 20px;text-decoration: none;font-size: 12px;color: #000;}
.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-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, 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:273.83px; height:369.83px;}
	.list_content .tit_post {height:54px !important; display:block;}
	.container {width: 1170px;}
  .col-lg-4 { width: 33.33333333%; }
	.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, .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; }
}