@charset "utf-8";
@import url(//fonts.googleapis.com/css?family=Ubuntu+Condensed);
/*@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);*/

#tt-body-page{background-color:white !important;}
html { -webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none; text-size-adjust: none; }
html, body { margin: 0; padding: 0; overflow-x: hidden; }

body,
input,
/*textarea { font-size: 14px; font-family: 'Ubuntu Condensed', "Noto Sans Korean"; line-height: 100%; }*/
textarea { font-size: 14px; font-family: 'Noto Serif KR', sans-serif; line-height: 100%;}
.tt_article_useless_p_margin p{line-height:1.8;}
@keyframes example1 {
     0% { color:#FF0000; }
     50% { color:#FFF; }
         100% { color:#FF0000; }}
.span-animation{ animation-name: example1; animation-duration: 1s; animation-iteration-count: infinite;}
button {
    border: 0 none;
    background-color: transparent;
    cursor: pointer;
}
.container_postbtn{display:none;}

.ticker-wrap {
  overflow: hidden;
  position: relative;
}

.ticker-wrap ul {
  position: absolute;
  margin: 0;
  padding: 0;
  transition: top 0.6s ease; /* 부드러운 전환 효과 */
}

/* mainhead */
.main_area_head {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 20;
    width: 100%;
    height: 65px;
    border-bottom: 1px solid #ebebeb;
    background-color: rgba(255,255,255,.95);
}

.main_area_head .main_profile {
    overflow: hidden;
    float: none;
    padding: 0px 0px 0 15px;
    position: relative;
}

.main_area_head .main_btn_name {
    color: #333;
    margin-bottom: 0px;
    margin-top: 1px;
    font-weight: bold;
}

/* DDAY 타이틀 */
/*@media(max-width:640px) { .count_inner{ padding: unset !important;} } */
.count_inner{ padding: 5px 10%; border-width: 1px;}

@media(max-width:640px) { .dday-head { font-size:30px !important; } }
.dday{font-size:16px; letter-spacing: -0.05em; border:1px solid #e7e7e7;}
.dday-head{color: #ec1838; font-weight:bold; font-size:40px;}
.dday-head .col{text-align: center;}
.dday-head .col > span{float:left;}
.dday-head .cday{width: 20%; }
.dday-head .chours{width: 20%; }
.dday-head .cmin{width: 20%; }
.dday-head .csec{width: 20%; }
.dday-head .cblank{width: 6%;}
.dday-head .col:after{content:'';display:table; clear:both;}

/* DDAY 리스트 */
@media(max-width:640px) { .dday-box { font-size:14px !important; } }
.dday-box{padding:0px 0px 0px; background:#fff; box-sizing:border-box; font-size:16px; margin-bottom:10px;}
.dday-box .col{text-align: center;}
.dday-box .col > span{float:left;}
.dday-box .cday{width: 20%; }
.dday-box .chours{width: 20%; }
.dday-box .cmin{width: 20%; }
.dday-box .csec{width: 20%; }
.dday-box .cblank{width: 6%;}
.dday-box .col:after{content:'';display:table; clear:both;}

/*주택관리사*/
.jt_column_container{background: #f5f5f5;}
.jt-grid{text-align: center;}

/* new 리스트 타이틀 */
@media(max-width:640px) { .latest-head { font-size:12px !important; } }
.latest{font-size:16px; letter-spacing: -0.05em;}
.latest-head{padding:6px 1px; /*background: #dfdfdf;*/ color: #ec1838; border: 1px solid #e7e7e7; font-weight:bold;}
.latest-head .col{text-align: center;}
.latest-head .col > span{float:left;}
.latest-head .name{width: 15%; border-right: 1px solid #e7e7e7;}
.latest-head .model{width: 25%; border-right: 1px solid #e7e7e7;}
.latest-head .state{width: 15%; border-right: 1px solid #e7e7e7;}
.latest-head .qna{width: 30%;border-right: 1px solid #e7e7e7;}
.latest-head .date{width: 15%;}
.latest-head .col:after{content:'';display:table; clear:both;}

/* new 리스트 */
@media(max-width:640px) { .latest-box { font-size:12px !important; } }
.latest-box{margin:0 auto; padding:0px 0px 0px; background:#fff; box-sizing:border-box; border: 1px solid #e7e7e7;}
.latest-box ul{width:100%; box-sizing: border-box; top: 0px; list-style:none;}
.latest-box ul li{border-bottom: 1px solid #e7e7e7; height:40px; line-height: 40px;}
.latest-box ul li .col{text-align: center;}
.latest-box ul li .col > span{float:left;}
.latest-box ul li .name{width: 15%; border-right: 1px solid #e7e7e7;}
.latest-box ul li .model{width: 25%;border-right: 1px solid #e7e7e7;}
.latest-box ul li .state{width: 15%;border-right: 1px solid #e7e7e7;}
.latest-box ul li .qna{width: 30%;border-right: 1px solid #e7e7e7;}
.latest-box ul li .date{width: 15%;}
.latest-box ul li .done{color: #cc3d3d;}
.latest-box ul li .reg{color: #3a5ba9;}
.latest-box ul li .col:after{content:'';display:table; clear:both;}
.latest-box ul li:after{content:'';display:table; clear:both;}

/*#latest_list{overflow: hidden; position: relative; height: 199px;}*/


/* 신청 리스트 */
#ticker{float:left;}
.navi{float:right;}
.block {border:1px solid #e7e7e7; height:109px; overflow:hidden; background:#fff; font-size:12px;width:292px; margin:auto;}
.block ul,
.block li {margin:0; padding:0; list-style:none; border-bottom: 1px solid #e7e7e7; color:#666;}
.block span.list_reg{ color: #3a5ba9; border-right: 1px solid #e7e7e7; width: 75px; margin-right: 7px; display: block; float: left; text-align: center;}
.block span.list_ing{ color: #1fda11; border-right: 1px solid #e7e7e7; width: 75px; margin-right: 7px; display: block; float: left; text-align: center;}
.block span.list_done{ color: #cc3d3d; border-right: 1px solid #e7e7e7; width: 75px; margin-right: 7px; display: block; float: left; text-align: center;}
.block span.list_reg1{ color: #3a5ba9; border-right: 1px solid #e7e7e7; width: 65px; margin-right: 7px; display: block; float: left; text-align: center;}
.block span.list_done1{ color: #cc3d3d; border-right: 1px solid #e7e7e7; width: 65px; margin-right: 7px; display: block; float: left; text-align: center;}

a { color: #000; text-decoration: none; }
a:hover { color: #07a; }

img { border: 0; max-width: 100%; }
fieldset { border: 1px solid #ddd; padding: 2%; }
sup, sub { height: 0; line-height: 0; font-size: 10px; }
iframe, video, embed, object { max-width: 100%; }
abbr, acronym { border-bottom: 1px dotted #999; cursor: help; }
cite, em { font-style: italic; }
blockquote { position: relative; color: #555; font-style: italic; margin: 0; padding: 10px 15px; border-left: 5px solid #f1f1f1; }
pre { padding: 10px; margin: 5px 0; max-width: 100%; overflow-x: auto; overflow-y: hidden; border: 1px solid #ddd; font: 12px/180% 'Lucida Console'; background-color: #fafafa; border-radius: 3px; }
hr { margin: 0; padding: 0; border: none; border-top: 1px solid #ccc; height: 0; overflow: hidden; }
code { border: 1px solid #eee; background-color: #fafafa; color: #111; border-radius: 3px; padding: 5px; margin: 3px 0; font: 11px 'verdana'; display: inline-block; }
code.red { border: 1px solid #F6CECE; background-color: #FFF4F4; color: #BE0D0D; }
code.blue { border: 1px solid #B7D9F2; background-color: #F4FCFF; color: #4570CD; }
code.green { border: 1px solid #B7F2C7; background-color: #F4FFF7; color: #267C45; }
input, textarea { outline: none; }

::selection { background: #888; color: #fff; }

div, span, input, textarea { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; }
#tistoryProfileLayer div { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; -ms-box-sizing: content-box; -o-box-sizing: content-box; box-sizing: content-box; }

a, input, textarea, li {
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}

.clear { clear: both; width: 100%; }
.text-center { text-align: center; }
.mCSB_inside>.mCSB_container { margin-right: 0 !important; }

/*
 * content
 */
#content { margin: 0 0 40px 0; padding: 0; }
#content-inner { max-width: 760px; width: 100%; margin:auto;}
#content-inner {  }

#head { position: relative; padding-top: 100px; width: 100%; text-align: center; }

#head .date { position: absolute; bottom: -44px; left: -10px; padding: 10px; font-size: 13px; color: #fff; background-color: #555; cursor: default; }
#head .date:before { position: absolute; top: 0; left: -6px; width: 0; height: 0; content: " "; border-top: 20px solid #555; border-left: 6px solid transparent; }
#head .date:after { position: absolute; bottom: 0; left: -6px; width: 0; height: 0; content: " "; border-bottom: 20px solid #555; border-left: 6px solid transparent; }

#body {margin-top:30px; line-height: 180%; word-break: break-all; }

/*
 * tag
 */
.tag { word-break: break-word; }
.tag a { display: inline-block; margin-right: 10px; padding: 0 3px; }
.tag a:hover { background-color: #f5f5f5; }
.tag .cloud5 { color: #999 !important; font-size: 13px !important; }
.tag .cloud5:hover { color: #000 !important; }
.tag .cloud4 { color: #157586 !important; font-size: 15px !important; }
.tag .cloud3 { color: #333 !important; font-size: 18px !important; }
.tag .cloud2 { color: #07a !important; font-size: 20px !important; line-height: 150%; }
.tag .cloud1 { color: #f55 !important; font-size: 22px !important; line-height: 200%; }

/*
 * list
 */
.list {  }
.list ul { margin: 0; padding: 0; border-top: 1px dotted #ddd; }
.list ul li { padding: 12px 10px 9px; list-style: none; font-size: 14px; border-bottom: 1px dotted #ddd; }
.list span { float: right; font-size: 13px; }
.list span.cnt { margin-right: 11px; color: #07a; }
.list span.date { color: #666; }

/*
 * protected
 */
.protected {  }
.protected p { text-align: center; }
.protected i { font-size: 20px; color: #555; }
.protected input {  }
.protected input[type="password"] { margin-top: 10px; padding: 20px 10px; width: 300px; font-size: 13px; border: none; border-top: 1px dashed #ddd; border-bottom: 1px dashed #ddd; }
.protected input[type="button"] { margin-top: 20px; font-size: 15px; border: none; background-color: transparent; cursor: pointer; }

/*
 * entry
 */
.entry { font-size: 15px; }

.entry table { max-width: 100% !important; width: 100% !important; }
.entry table.dual td { width: 50% !important; vertical-align: top; }
.entry table.dual td .imageblock { width: 100% !important; }
.entry table.dual td .imageblock span img { width: 100% !important; }
.entry table.triple td { width: 33% !important; vertical-align: top; }
.entry table.triple td .imageblock { width: 100% !important; }
.entry table.triple td .imageblock span img { width: 100% !important; }

.entry .imageblock { max-width: 100% !important; height: auto; }
.entry .imageblock img { max-width: 100% !important; height: auto; vertical-align: middle; }
.entry .imageblock span { max-width: 100% !important; width: 100% !important; }
.entry table td .imageblock { width: 100% !important; }
.entry .galleryControl { font-family: inherit !important; }
.entry .tt-gallery-box { margin-bottom: 10px; }
.entry .tt-gallery-box img { max-width: 100%; height: auto !important; }

.entry .txc-info-wrap { overflow-x: auto; overflow-y: hidden; max-width: 500px; width: 100%; clear: both; }
.entry .txc-info { font-size: 13px !important; width: 500px !important; }
.entry .txc-info hr { max-width: 100%; width: 100% !important; }
.entry .txc-info h3 { border-left: none; background-color: transparent; color: inherit; }
.entry .txc-info img { padding: 0; box-shadow: none; border: none; }

.entry .moreless_fold { border-top: 1px solid #eee; border-bottom: 1px solid #eee; background-color: #fcfcfc; }
.entry .moreless_fold span:before { padding: 0 10px 0 5px; content: "\f107"; font-family: "FontAwesome"; color: #aaa; }
.entry .moreless_fold span { display: block; padding: 10px 10px 8px; }
.entry .moreless_top { border-top: 1px solid #eee; border-bottom: 1px solid #eee; background-color: #fcfcfc; }
.entry .moreless_top span:before { padding: 0 10px 0 5px; content: "\f106"; font-family: "FontAwesome"; color: #aaa; }
.entry .moreless_top span { display: block; padding: 10px 10px 8px; }
.entry .moreless_content { padding: 10px; border-bottom: 1px solid #eee; }
.entry .moreless_bottom { display: none; }
.entry a.tx-link,
.entry a.key1 { font-weight: 600; cursor: pointer; }
.entry .cap1,
.entry .galleryCaption { margin: 0 !important; padding: 0; max-width: 100%; text-align: center; color: #555; font-style: italic; word-break: break-all; }
.entry div.footnotes { margin-top: 30px; font-size: 12px; border-top: 1px solid #ddd; }
.entry div.footnotes ol { padding: 0; margin: 10px 0 0 30px; list-style: decimal-leading-zero; }
.entry div.footnotes ol li a { color: #888; font-weight: 400; }
.entry .entry-ccl { margin-top: 15px; margin-bottom: 0 !important; line-height: 0; }

.entry a[href*="attachment/cfile"] { display: inline-block; position: relative; padding: 6px 10px 3px; font-size: 13px; color: #fafafa; background-color: #555; box-shadow: 0 0 5px #222; }
.entry a[href*="attachment/cfile"]:hover { background-color: #444; text-decoration: none; }
.entry a[href*="attachment/cfile"] > img { display: none; }

.entry .another_category h4 { font-size: 14px !important; }
.entry .another_category table th,
.entry .another_category table td { font-size: 13px !important; }

/*
 * tag_label
 */
.tag_label { padding: 0 0 10px 70px; min-height: 31px; line-height: 100%; text-align: right; word-break: break-word; }
.tag_label span { font-size: 0; }
.tag_label a { margin: 0 0 0 10px; font-size: 13px; color: #777; }
.tag_label a:before { content: "#"; }
.tag_label a:hover { color: #000; }
.tag_label .locationTag { font-size: 13px; }

/*
 * admin
 */
.admin { margin-bottom: 10px; font-size: 11px; text-align: center; letter-spacing: 2px; }
.admin a { color: #777; }
.admin a:hover { color: #e55; }
.admin .line { padding: 0 5px; font-size: 9px; color: #ddd; }

/* 공통이미지 */
.ico_skin{display:inline-block;overflow:hidden;font-size:0;line-height:0;background:url("images/ico_skin.gif") 0 0 no-repeat;text-indent:-9999px}
/* 댓글영역 */
.skin_view .area_reply{margin-top:40px}
.area_reply .tit_reply{font-weight:normal}
.area_reply .btn_reply{font-weight:bold;line-height:18px;color:#3db39e}
.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{width:820px;height:102px;padding:13px 15px 10px;border:1px solid #eee;font-size:12px;resize:none;box-sizing:border-box}
.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 #eee;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:70px}
.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;border-radius:4px;font-size:12px;line-height:38px;background-color:#3db39e;color:#fff;font-weight:bold}

.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:20px; margin-top:5px;border-top:1px solid #e0e0e0;}
.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:23px 20px 24px;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}
.area_reply .list_reply .img_profile { margin-top:2px }
.area_reply .tit_nickname{display:block;overflow:hidden;max-width:515px;margin:4px 5px 0 0;font-weight:bold;color:#333;white-space:nowrap}
.area_reply .my_reply .tit_nickname{color:#3db39e}
.area_reply .tit_nickname:hover{text-decoration:none}
.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{padding: 10px;
    background-color: #f2f3f5;
    border-radius: 10px; display:block;width:704px;margin-top:3px;font-size:14px}
.area_reply .re_reply .txt_reply{display:block;width:627px;margin-top:3px;font-size:14px}
.area_reply .txt_date{display:block;margin-top:7px;font-size:12px;color:#aaa}
.area_reply .btn_replymenu{display:none}
.area_reply .list_reply li .my_edit{display:none;position:absolute;top:27px;right:16px}
.area_reply .list_reply li:hover .my_edit{display:block}
.area_reply .my_edit .link_edit{margin:0 2px;font-size:12px;color:#3db39e}
.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{}

/*
 * paging
 */
#paging { padding: 30px 0 20px; line-height: 200%; text-align: center; cursor: default; }
#paging a { display: inline-block; margin: 0 5px 10px; padding: 0 5px; }
#paging .no-more-prev,
#paging .no-more-next { color: #aaa; cursor: default; }
#paging .selected { cursor: default; color: #07a; }

/*
 * recent-post
 */
#recent-post { padding: 70px 0 30px; }
#recent-post h4 { margin: 0 1% 10px; padding: 0; font-size: 16px; font-weight: 400; }
#recent-post ul { margin: 0; padding: 0; list-style: none; }
#recent-post ul li { position: relative; float: left; margin: 0; width: 25%; height: 150px; overflow: hidden; background-image: url('./images/recent-post-bg.png'); background-color: #eee; }
#recent-post ul li img { max-width: 100%; width: 100%; min-height: 100%; vertical-align: middle; }
#recent-post ul li img[src*="common_icon"] { position: absolute; top: 0; bottom: 0; margin: auto 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* IE 8 */
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); /* IE 7 and olders */
opacity: 0.5; 
-webkit-filter: grayscale(1);
-moz-filter: grayscale(1);
-ms-filter: grayscale(1);
-o-filter: grayscale(1);
filter: grayscale(1);
}
#recent-post ul li .title { position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: center; line-height: 155px; background-color: #555; color: #fff;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); /* IE 7 and olders */
opacity: 0; 
-webkit-transition: opacity 0.2s;
-moz-transition: opacity 0.2s;
-ms-transition: opacity 0.2s;
-o-transition: opacity 0.2s;
transition: opacity 0.2s;
}
#recent-post ul li:hover .title {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; /* IE 8 */
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90); /* IE 7 and olders */
opacity: 0.9; 
}

/*
 * foot
 */
#foot { position: relative; width: 100%; height: 100px; text-shadow: 1px 1px #fff; cursor: default; }
#foot a { color: #000; text-decoration: none; border-bottom: 1px dotted #aaa; }
#foot a:hover { color: #888; }
#foot .powered,
#foot .social { position: absolute; bottom: 20px; font-size: 12px; }
#foot .powered {  right: 1%; }
#foot .social { left: 1%; }

/*
 * responsive
 */
.responsive-video { position: relative; padding-bottom: 56.25%; width: 100%; }
.responsive-video iframe,
.responsive-video video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
#sidebar-toggle { display: none; }

@media all and (max-width: 959px) {
	#sidebar { z-index: 100; 
	-webkit-transform: translate3d(-300px,0,0);
	-moz-transform: translate3d(-300px,0,0);
	transform: translate3d(-300px,0,0);
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
	}

	#recent-post ul li .title { opacity: 0.9; top: inherit; bottom: 0; height: 50px; line-height: 53px; }
	#recent-post ul li:nth-child(2n+0) .title { background-color: #333; }

	#sidebar-toggle { display: block; position: fixed; left: 10px; bottom: 10px; width: 50px; height: 50px; line-height: 55px; text-align: center; color: #555; background-color: #f1f1f1; border-radius: 10px; opacity: 0.9; box-shadow: 0 0 10px #aaa; z-index: 101; }

	html.open #sidebar { overflow-y: auto;
	-webkit-transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
	}
	html.open,
	html.open body { overflow: hidden; }

	#content { margin: 0 auto; padding: 0 10px; }
	#content-inner { padding: 0; }

	#head .date { bottom: -10px; right: 0; left: inherit; padding: 8px 5px 6px; font-size: 11px; }

	.tag_label { padding: 0 0 10px 0; }
}
@media all and (max-width: 639px) {
	.list ul li a { display: block; }

	#communicate .communicateWrite .guest label { padding: 0 0 5px 0; float: none; width: 100%; }
	#communicate .communicateWrite .guest input { width: 100%; }
	#communicate .communicateList .control { font-size: 12px; }

	#recent-post ul li { width: 100%; height: 200px; }

	#foot .powered { position: absolute; right: 0; bottom: 45px; width: 100%; text-align: center; }
	#foot .social { position: absolute; left: 0; bottom: 20px; width: 100%; text-align: center; }
}
@media all and (min-width: 960px) {
	#sidebar-toggle { display: none; }
}


/* Banner */
.jb-layout-type-104 .jb-background-banner { background-color: #324A6E; background-size: auto; background-position: center center; }
.jb-layout-type-104 .jb-body-frontpage .jb-background-banner,
.jb-layout-type-104 .jb-body-frontpage-cover .jb-background-banner { height: 420px; background-color: #eeeeee; background-image: url( "./images/jb-background-header-104-01.jpg" ); background-size: cover; background-position: center center; }
@media ( min-width: 768px ) {
    .jb-layout-type-104 .jb-body-frontpage .jb-background-banner { height: 420px; }
}
@media ( min-width: 1024px ) {
    .jb-layout-type-104 .jb-body-frontpage .jb-background-banner { height: 420px; }
}
@media ( min-width: 1025px ) {
    .jb-layout-type-104 .jb-body-frontpage .jb-background-banner { height: 420px; }
}

/* mainhead */
.main_area_head {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 20;
    width: 100%;
    height: 65px;
    border-bottom: 1px solid #ebebeb;
    background-color: rgba(255,255,255,.95);
}

.main_area_head .main_profile {
    overflow: hidden;
    float: none;
    padding: 0px 0px 0 15px;
    position: relative;
}
.myButton {
	box-shadow:inset 0px 1px 0px 0px #cf866c;
	background:linear-gradient(to bottom, #d0451b 5%, #bc3315 100%);
	background-color:#d0451b;
	border-radius:3px;
	border:1px solid #942911;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	padding:22px 52px;
	text-decoration:none;
	text-shadow:0px 1px 0px #854629;
}
.myButton:hover {
	background:linear-gradient(to bottom, #bc3315 5%, #d0451b 100%);
	background-color:#bc3315;
}
.myButton:active {
	position:relative;
	top:1px;
}

.main_area_head .main_btn_name {
    color: #333;
    margin-bottom: 0px;
    margin-top: 1px;
    font-weight: bold;