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

/* css reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button { margin:0;padding:0;}
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;}
button { border:0 none;background-color:transparent;cursor:pointer;}
body { background:#FFF;}
body,th,td,input,select,textarea,button { font-size:12px;line-height:1.5;font-family:'돋움',dotum,sans-serif;color:#777;}
a { color:#777;text-decoration:none;}
a:active, a:hover { text-decoration:underline;}
address,caption,cite,code,dfn,em,var { font-style:normal;font-weight:normal;}

/* css start */
a:link { color:#777;text-decoration:none;}
a:visited { color:#777;;text-decoration:none;}
a:hover, a:active { color:#FF7E7E;text-decoration:none;transition:color .2s ease;}

html { background-color:#FFF;}
body { margin:0;padding:0;font-family:'Open Sans Condensed','Nanum Gothic';font-size:11px;color:#777;line-height:22px;}
input { box-sizing:border-box;vertical-align:middle;padding:0 10px;background-color:#FAFAFA;border:1px solid #E7E7E7;;font-family:'Open Sans Condensed','Nanum Gothic';font-size:11px;color:#777;}
textarea { box-sizing:border-box;padding:10px;background-color:#FAFAFA;border:1px solid #E7E7E7;font-family:'Open Sans Condensed','Nanum Gothic';font-size:11px;color:#777;line-height:25px;}

/* 스크롤바 */
html {scrollbar-3dLight-color:#EFEFEF;scrollbar-arrow-color:#FFF;scrollbar-base-color:#FFF;scrollbar-face-color:#FFF;scrollbar-track-color:#FFF;scrollbar-darkshadow-color:#FFF;scrollbar-highlight-color:#FAFAFA;scrollbar-shadow-color:#E7E7E7;}
::-webkit-scrollbar {width:5px;height:5px;border:3px solid #FFF; }
::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment { display:block;height:0px;background-color:#FFF;}
::-webkit-scrollbar-track {background: #FFF; -webkit-border-radius:2px;border-radius:3px;)}
::-webkit-scrollbar-thumb {height:50px;width:50px; background: rgba(255,126,126,1); -webkit-border-radius:3px;border-radius:3px;)}

/* 드래그 색상 */
::selection { background:#FF7E7E;C;color:#FFF;text-shadow:none;}
::-moz-selection { background:#FF7E7E;color:#FFF;text-shadow:none;}
::-webkit-selection { background:#FF7E7E;color:#FFF;text-shadow:none;}

/* placeholder */
input[type=text]::-webkit-input-placeholder { font-family:'Open Sans Condensed';font-size:10px;color:#999;text-transform:uppercase;letter-spacing:1px;}
input[type=text]:-moz-placeholder { font-family:'Open Sans Condensed';font-size:10px;color:#999;text-transform:uppercase;letter-spacing:1px;}
input[type=text]::-moz-placeholder { font-family:'Open Sans Condensed';font-size:10px;color:#999;text-transform:uppercase;letter-spacing:1px;}
input[type=text]:-ms-input-placeholder { font-family:'Open Sans Condensed';font-size:10px;color:#999;text-transform:uppercase;letter-spacing:1px;}
input[type=password]::-webkit-input-placeholder { font-family:'Open Sans Condensed';font-size:10px;color:#999;text-transform:uppercase;letter-spacing:1px;}
input[type=password]:-moz-placeholder { font-family:'Open Sans Condensed';font-size:10px;color:#999;text-transform:uppercase;letter-spacing:1px;}
input[type=password]::-moz-placeholder { font-family:'Open Sans Condensed';font-size:10px;color:#999;text-transform:uppercase;letter-spacing:1px;}
input[type=password]:-ms-input-placeholder { font-family:'Open Sans Condensed';font-size:10px;color:#999;text-transform:uppercase;letter-spacing:1px;}

/* 신고버튼 없애기 */
.tt_article_useless_p_margin>div:last-child { display:none !important;}
.date a { display:none;}

/* 레이아웃 */
#wrap { width:450px;box-sizing:border-box;margin:80px auto 0;border:1px solid #E7E7E7;}
#header { width:100%;box-sizing:border-box;padding:25px;}
#content { width:100%;box-sizing:border-box;padding:25px;}
#paging { width:450px;box-sizing:border-box;margin:0 auto 80px;}
@media (max-width:533px) {
#wrap { width:auto;float:none;margin:80px 10px;}
#header { width:auto;float:none;}
#content { width:auto;float:none;}
#paging { width:auto;float:none;}
}

/* 헤더 */
#header { border-bottom:1px dashed #E7E7E7;}
#header h3 { margin:-7px 0 5px;font-size:10px;text-transform:uppercase;letter-spacing:0.5px;}
#header .blogTitle { padding-bottom:10px;font-weight:bold;}
#header .blogTitle a { font-size:12px;color:#FF7E7E;text-transform:uppercase;}
#header .proImg { float:left;border:1px solid #F9F9F9;}
#header .category { float:left;width:130px;padding-left:20px;}
#header .category li { display:inline-block;width:50px;margin:2px 1px;border:1px solid #E7E7E7;border-radius:0 7px 0 7px;text-align:center;}
#header .category li a { font-size:10px;text-transform:uppercase;}
#header .search { float:left;width:145px;}
#header .search input { width:100%;height:33px;height:33px;margin-top:3px;text-align:center;}
#header .search input.submit { display:none;}
@media (max-width:533px) {
#header { text-align:center;}
#header h3 { font-size:10px;}
#header .proImg { float:none;width:auto;border:0;padding-bottom:20px;}
#header .category { float:none;width:auto;padding:0;padding-bottom:20px;}
#header .search { float:none;width:auto;}
#header .search input { width:80%;}
}

/* 컨텐츠 */
#content { text-align:justify;}

/* 검색 결과 */
.searchList h3 { font-size:10px;text-align:center;}
.searchList h3 .cnt { color:#FF7E7E;}
.searchList ol { border-top:1px solid #E7E7E7;}
.searchList ol li { padding:12px;border-bottom:1px solid #E7E7E7;}
.searchList ol li .cnt { padding-left:5px;font-family:'Ubuntu Condensed';font-size:10px;color:#FF7E7E;font-weight:400;}
.searchList ol li .date { float:right;font-family:'Ubuntu Condensed';font-size:10px;font-weight:400;}

/* 방명록 */
.guestWrite .name { width:49.62%;height:33px;line-height:33px;margin-bottom:5px;border:1px solid #E7E7E7;}
.guestWrite .pass { width:49.62%;height:33px;line-height:33px;margin-bottom:5px;border:1px solid #E7E7E7;}
.guestWrite .home { width:100%;height:33px;line-height:33px;margin-bottom:5px;border:1px solid #E7E7E7;}
.guestWrite textarea { width:100%;height:80px;}
.guestWrite .shee { float:left;margin-top:15px;vertical-align:middle;}
.guestWrite .ok input { float:right;width:45px;padding:3px 0;margin-top:15px;text-align:center;background-color:#FFF;border:1px solid #E7E7E7;border-radius:0 7px 0 7px;}
@media (max-width:533px) {
.guestWrite .name { width:100%;}
.guestWrite .pass { width:100%;}
}

.guestList { margin-top:20px;}
.guestList ol li .lineT { border-top:1px solid #E7E7E7;padding-top:10px;margin-top:15px;}
.guestList ol li .lineB { border-bottom:1px solid #E7E7E7;padding-bottom:10px;margin-bottom:15px;}
.guestList ol li .name { padding-left:10px;color:#FF7E7E;font-weight:bold;letter-spacing:-0.5px;}
.guestList ol li .name a { color:#FF7E7E;}
.guestList ol li .date { font-family:'Ubuntu Condensed';font-size:10px;}
.guestList ol li .control { float:right;padding-right:10px;font-size:10px;text-transform:uppercase;}
.guestList ol li .report { color:#FF7E7E;}
.guestList ol li ul { padding:0;}
.guestList ol li ul li { background-color:#FCFCFC;}

/* 공지사항 */
.entryNotice .report { color:#FF7E7E;}
.entryNotice .article { padding:10px 5px;border-bottom:1px solid #E7E7E7;text-align:justify;}
.entryNotice .article .date { font-family:'Ubuntu Condensed';font-size:10px;text-align:right;}
.entryNotice .article img { max-width:100%;}
.entryNotice .article iframe { max-width:100%;height:100%;}
.entryNotice .article blockquote { padding:10px;margin:0;border:1px solid #E7E7E7;border-left:3px solid #FF7E7E;}
.entryNotice .article .moreless_fold { background:url(images/more.png) left no-repeat;padding-left:15px;font-weight:bold;}
.entryNotice .article .moreless_top { background:url(images/more.png) left no-repeat;padding-left:15px;font-weight:bold;}
.entryNotice .article .moreless_bottom { display:none;}
.entryNotice .article .moreless_content { margin:10px 0;padding:10px;background-color:#FCFCFC;border-top:1px solid #E7E7E7;border-bottom:1px solid #E7E7E7;}

/* 보호글 */
.entryProtected { margin:40px 0 50px;text-align:center;}
.entryProtected input { width:180px;height:33px;line-height:33px;margin-top:5px;border:1px solid #E7E7E7;text-align:center;}

/* 본문 */
.entry .report { color:#FF7E7E;}
.entry h2 { padding:2px 5px;font-size:11px;border-bottom:1px solid #E7E7E7;}
.entry h2 .category a { font-size:10px;color:#FF7E7E;text-transform:uppercase;}
.entry h2 .date { float:right;font-family:'Ubuntu Condensed';font-size:10px;font-weight:normal;}
.entry .article { padding:10px 5px;border-bottom:1px solid #E7E7E7;text-align:justify;}
.entry .article img { max-width:100%;}
.entry .article iframe { max-width:100%;}
.entry .article blockquote { padding:10px;margin:0;border:1px solid #E7E7E7;border-left:3px solid #FF7E7E;}
.entry .article .moreless_fold { background:url(images/more.png) left no-repeat;padding-left:15px;font-weight:bold;}
.entry .article .moreless_top { background:url(images/more.png) left no-repeat;padding-left:15px;font-weight:bold;}
.entry .article .moreless_bottom { display:none;}
.entry .article .moreless_content { margin:10px 0;padding:10px;background-color:#FCFCFC;border-top:1px solid #E7E7E7;border-bottom:1px solid #E7E7E7;}
.entry .admin { padding-right:5px;font-size:10px;text-transform:uppercase;text-align:right;}
.entry .tagTrail { padding-top:15px;text-align:right;font-size:10px;color:#FFF;font-weight:bold;text-transform:uppercase;}
.entry .tagTrail a:before { content:'#'}
.entry .actionTrail {padding-top:5px;font-size:10px;text-transform:uppercase;}
.entry .actionTrail .cnt { vertical-align:middle;}
@media (max-width:533px) {
.entry h2 .date { display:none;}
}

/* 댓글 */
.commentList ol li .lineT { border-top:1px solid #E7E7E7;padding-top:10px;margin-top:15px;}
.commentList ol li .lineB { border-bottom:1px solid #E7E7E7;padding-bottom:10px;margin-bottom:15px;}
.commentList ol li .name { padding-left:10px;color:#FF7E7E;font-weight:bold;letter-spacing:-0.5px;}
.commentList ol li .name a { color:#FF7E7E;}
.commentList ol li .date { font-family:'Ubuntu Condensed';font-size:10px;}
.commentList ol li .control { float:right;padding-right:10px;font-size:10px;text-transform:uppercase;}
.commentList ol li .report { color:#FF7E7E;}
.commentList ol li ul { padding:0;}
.commentList ol li ul li { background-color:#FCFCFC;}

.commentWrite .name { width:49.62%;height:33px;line-height:33px;margin-bottom:5px;border:1px solid #E7E7E7;}
.commentWrite .pass { width:49.62%;height:33px;line-height:33px;margin-bottom:5px;border:1px solid #E7E7E7;}
.commentWrite .home { width:100%;height:33px;line-height:33px;margin-bottom:5px;border:1px solid #E7E7E7;}
.commentWrite textarea { width:100%;height:80px;}
.commentWrite .shee { float:left;margin-top:15px;vertical-align:middle;}
.commentWrite .ok input { float:right;width:45px;padding:3px 0;margin-top:15px;text-align:center;background-color:#FFF;border:1px solid #E7E7E7;border-radius:0 7px 0 7px;}
@media (max-width:533px) {
.commentWrite .name { width:100%;}
.commentWrite .pass { width:100%;}
}

/* 페이징 */
#paging { margin-top:50px;text-align:center;}
#paging a:hover { color:#FF7E7E;}
#paging .prev { padding:15px 20px;border:1px solid #E7E7E7;border-radius:0 20px 0 20px;font-size:10px;color:#AAA;}
#paging .next { padding:15px 20px;border:1px solid #E7E7E7;border-radius:20px 0 20px 0;font-size:10px;color:#AAA;}

/* 기타 */
.copyright { position:fixed;left:10px;bottom:10px;font-size:10px;text-transform:uppercase;}
.btnTop { position:fixed;right:10px;bottom:10px;font-size:15px;padding:8px 9px;border-radius:15px;background-color:#FF7E7E;}
.btnTop a { color:#FFF;}
@media (max-width:533px) {
.copyright { left:5px;bottom:5px;}
.btnTop { right:5px;bottom:5px;}
}