@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
/* 반드시 들어가야 하는 스타일 시작 */
/* 본문 공통 */
body { color: #3e4d5c; margin: 0px; font: 12px/150% 'Nanum Gothic', '나눔 고딕', 'Nanum Barun Gothic', Dotum, AppleGothic, Sans-serif; background: #FFF; }
@media screen and (max-width: 480px) {
body { font-size: 13px; min-width: 320px; }
}
input, textarea, select { font: 12px/180% 'Nanum Gothic', '나눔 고딕', 'Nanum Barun Gothic', Dotum, AppleGothic, Sans-serif; }
a:link { color: #3E4D5C; text-decoration: none; }
a:visited { text-decoration: none; color: #3E4D5C; }
a:hover { color: #E6400C !important; text-decoration: none !important; }
a:active { color: #E6400C; text-decoration: none; }
input:focus, textarea:focus { border: none; outline: none; }
/* 페이징 - 현재 페이지 */
.selected { font-weight: bold; color: #f30; }
.no-more-prev { padding-left: 6px; color: #999; }
.no-more-next { padding-right: 6px; color: #999; }
/* 카테고리 - 이미지 버튼 */
.ib { cursor: pointer; }
/* 카테고리 - 트리 셀 */
.branch3 { cursor: pointer; }
/* 카테고리 - 카테고리 옆 개수 스타일 */
.c_cnt { font: 0.75em Tahoma, Helvetica, Arial, Gulim, sans-serif; color: #E6400C; }
/* 달력 월 표시 */
.cal_month { font: 0.95em Verdana, Helvetica, Arial, Gulim, sans-serif; height: 18px; font-weight: bold; }
/* 달력 요일 표시(th 영역) */
.cal_week1 { font: 0.95em Dotum, Arial, sans-serif; height: 18px; font-weight: normal; }
/* 달력 일요일 표시(th 영역) */
.cal_week2 { font: 0.95em Dotum, Arial, sans-serif; color: #f30; }
/* 달력 Week(tr 영역)  */
.cal_week { background-color: #fff; }
.cal_current_week { }
/* 달력 Day(td 영역) */
.cal_day { font: 0.95em Verdana, Helvetica, Arial, Gulim, sans-serif; color: #999; text-align: center; }
/* 달력 Day, 일요일 (td 영역)  */
.cal_day_sunday { color: #f30 !important; }
.cal_day_sunday a { color: #f30 !important; font-weight: bold; }
/* 달력 지난 달 날짜 표시(td)   */
.cal_day1 { color: #ccc; }
/* 달력 다음 달 날짜 표시(td)   */
.cal_day2 { color: #ccc; }
/* 달력 이번 달 날짜 표시(td) */
.cal_day3 { color: #666; }
/* 달력 오늘 날짜 표시(td) */
.cal_day4 { color: #FFF !important; background: #E6400C; }
/* 달력 글쓴 날 링크 스타일 */
a.cal_click:link { color: #333; font-weight: bold; display: block; }
a.cal_click:visited { color: #333; font-weight: bold; }
a.cal_click:hover { color: #f30; font-weight: bold; background: #EEE; }
.cal_day4 a.cal_click:link { color: #fff !important; font-weight: bold; display: block; }
.cal_day4 a.cal_click:visited { color: #fff !important; font-weight: bold; }
.cal_day4 a.cal_click:hover { color: #fff; font-weight: bold; background: #E6400C; }
/* calendar mediaQuery */
@media screen and (max-width: 770px) {
.cal_week { background-color: #E0E0E0; }
}
/* 종류별 코멘트 [##_rp_rep_class_##] */
.rp_general { }
.rp_admin { }
.rp_secret { color: #f30; }
/* 종류별 방명록 글 [##_guest_rep_class_##] */
.guest_general { }
.guest_admin { }
.guest_secret p { color: #f30; }
/* 비밀 댓글 (로그아웃시 비밀글 표현)    */
.hiddenComment { }
/* 이미지 아래 캡션 스타일 */
.cap1 { color: #4c4c4c; text-align: center; padding: 4px 0; margin: 0; width: 100% !important; }
.cap1 span { background: url(images/iconCaption.gif) no-repeat left 3px; display: inline; padding-left: 20px; }
/* 그림 */
.imageblock { }
/* 왼쪽 */
.left { text-align: left; }
/* 가운데 */
.center { text-align: center; }
/* 오른쪽 */
.right { text-align: right; }
/* 그림 2개 배치 */
.dual { background-color: #fff; margin-bottom: 5px; }
/* 그림 3개 배치 */
.triple { background-color: #fff; margin-bottom: 5px; }
/* 본문 - more / less */
.moreless_fold { background: url(images/iconMore.gif) top left no-repeat; padding-left: 20px; color: #000; }
.moreless_top { background: url(images/iconLess.gif) top left no-repeat; padding-left: 20px; color: #000; }
.moreless_body { }
.moreless_bottom { background: url(images/iconLess.gif) top right no-repeat; padding-right: 20px; color: #999; text-align: right; }
/* 키워드 */
.key1 { cursor: pointer; border-bottom: 1px dotted #ccc; }
.txc-textbox { padding: 10px !important; background: #EBEBEB !important; border: none !important; color: #333 !important; }
/* 반드시 들어가야하는 스타일 끝 - 이 아래는 자유롭게 추가, 삭제 가능 */

hr { display: none; }
img { border: 0; }
h1, h2, h3, h4 { margin: 0; padding: 0; font-family: "Open Sans", 'Nanum Gothic', '나눔 고딕', 'Nanum Barun Gothic', Dotum, AppleGothic, sans-serif; font-weight: 500; }
h1 { font-size: 2em; }
h2 { font-size: 1.75em; }
h3 { font-size: 1.75em; }
h4 { font-size: 1.25em;  font-weight: 700; }
input { border: 1px solid #e1e1e1; }
textarea { border: 1px solid #eaeaea; }
.clear { clear: both; }
.hidden { display: none; }
/* 블로그 레이아웃 */

#header { padding-top: 40px; box-shadow: 0 1px 3px #ddd; background: #fff; border-radius: 0; margin-bottom: 23px; z-index: 999; position: relative; height: 60px; 가로사이즈는 최대 700px에 최적화 되어 있으며, 자유롭게 디자인을 수정하실 수 있습니다.
}
.container { max-width: 1000px; padding-right: 15px; margin-right: auto; margin-left: auto; position: relative; padding-left: 15px; }
#content { float: left; width:/*@post-width*/73%/*@*/; padding: 0px 0px 50px; clear: both; }
#sidebar { float: right; width: 22%; padding-bottom: 50px; position: relative; }
#footer { clear: both; padding: 20px 0 0 0; }
/* ***** Header ***** */
#header h1 { padding: 0; float: left; }
#header .btnSearch, #header .btnMenu { display: none; }
#header h1 a { float: left; height: auto; width: auto; min-width: 250px; font-weight: 700; letter-spacing: -1px;  text-overflow: ellipsis; white-space: nowrap; }
#header .blogMenu { float: right; margin-top: 8px; }
#header .blogMenu ul { margin: 0; padding: 0; list-style: none; }
#header .blogMenu li { text-align: center; display: inline; margin-right: 6px; }
#header .blogMenu li:last-child { margin-right: 0; }
#header .blogMenu li a { color: #3e4d5c; display: inline-block; vertical-align: middle; line-height: 20px; }
#header .blogMenu li a:hover { color: #E6400C; }
#header .blogMenu li a i { font-size: 16px !important; padding-right: 2px; padding-left: 4px; vertical-align: middle; }
#header .blogMenu li.cate { display: none; }
@media screen and (max-width: 770px) {
#header { position: fixed; z-index: 998; left: 0; right: 0; height: 55px; padding: 15px 15px 0px; }
#header h1 a { height: 20px; }
#header .blogMenu { margin-top: 3px; }
#header .blogMenu li { margin-right: 0; }
#header .blogMenu li a { height: 20px; width: 26px; overflow: hidden; text-align: center; }
#header .blogMenu li a i { font-size: 18px !important; padding: 0px; }
#header .blogMenu li.cate { display: inline; }
#header .blogMenu li.home { display: none; }
.container { padding-right: 0; padding-left: 0; }
#searchBox { top: -8px !important; right: 0 !important; padding: 1px 6px !important; border-radius: 14px !important; }
#searchBox .input { width: 60px !important; height: 17px !important; line-height: 17px !important; }
}
@media screen and (max-width: 480px) {
#header h1 { font-size: 1.85em; }
}
/* ***** content ***** */
#content .nonEntry { padding-top: 20px; padding-bottom: 20px; }
#content .nonEntry h3 { border-bottom: 1px solid #DBDBDB; margin-bottom: 10px; letter-spacing: -1px; line-height: 140%; font-weight: 500; }
#content .entryNotice, #content .entryProtected, #content .entry { margin-bottom: 10px; padding-top: 20px; }
#searchList ol, #searchRplist ol { list-style: none; padding: 5px; margin: 0; }
#searchList li, #searchRplist li { border-bottom: 1px solid #eee; padding-bottom: 2px; margin-bottom: 4px; }
#searchList .date, #searchRplist .date { font: 0.95em Verdana, Helvetica, Arial, Gulim, sans-serif; margin-right: 10px; }
#searchList .cnt { font: 0.75em Verdana, Helvetica, Arial, Gulim, sans-serif; color: #E6400C; }
#searchRplist .name { font: 0.95em Dotum, Arial, sans-serif; color: #999; padding-left: 8px; }
#localog .spot { background: url(images/iconIndentArrow_local.gif) 5px 0 no-repeat; padding-left: 20px; margin-top: 5px; }
#localog .info { background: url(images/iconIndentArrow_localinfo.gif) 5px 3px no-repeat; padding-left: 15px; margin-top: 2px; }
#localog a:link { color: #000000; }
#localog a:visited { color: #000000; }
#localog a:hover { color: #000000; text-decoration: underline; }
#taglog ul { padding: 5px; margin: 0; text-align: justify; }
#taglog li { display: inline; }
#taglog a:hover { background-color: #eee; color: #000; }
#taglog li .cloud1 { background-color: #eee; color: #a2348f; font-weight: bold; font-size: 16px; }
#taglog li .cloud2 { background-color: #eee; color: #5a5194; font-weight: bold; font-size: 15px; }
#taglog li .cloud3 { background-color: #eee; color: #7870ab; font-weight: bold; font-size: 14px; }
#taglog li .cloud4 { background-color: #eee; color: #666; font-size: 13px; }
#taglog li .cloud5 { font-size: 12px; color: #999; }
#guestbook p { padding: 2px 0; margin: 0; }
#guestWrite { }
#guestWrite fieldset { border: none; display: block; padding: 0px; }
#guestWrite label { display: block; margin: 4px 0px 2px; }
#guestWrite input { padding: 4px 0px; line-height: 1.2em; display: block; border: 1px solid #efefef; text-indent: 4px; width: 100%; }
#guestWrite textarea { padding: 4px 0px; line-height: 1.2em; display: block; border: 1px solid #efefef; text-indent: 4px; width: 100%; }
#guestWrite .btnWrite label { vertical-align: middle; display: inline; cursor: pointer; font-size: 1.45em; color: #999; }
#guestWrite .btnWrite .checkbox { vertical-align: middle; width: auto; display: inline; cursor: pointer; }
#guestWrite .btnWrite { text-align: right; margin-top: 8px; vertical-align: middle; }
#guestWrite .btnWrite .submit { width: 130px; height: 30px; color: #FFF; border: 1px solid #3E4D5C; border-radius: 5px; background: #556A80; cursor: pointer; display: inline-block; margin-left: 10px; }
#guestList { margin-top: 20px; }
#guestList ol, #guestList ul { margin: 10px 0 0; padding: 0; list-style: none; }
#guestList ol { border-bottom: 1px solid #e5e5e5; }
#guestList li p { padding-top: 5px; }
#guestList ol li { padding: 10px 0px 0px; margin-bottom: 10px; overflow: hidden; border-top: 1px solid #e5e5e5; }
#guestList ol li div { position: relative; }
#guestList li ul li { margin-left: 20px; background-color: #f5f5f5; overflow: hidden; margin-bottom: 0px; padding: 10px; border-top: 2px solid #FFF; border-right: none; border-bottom: none; border-left: none; }
#guestList li .name { color: #666; font-weight: bold; }
#guestList li .name a { vertical-align: top; }
#guestList li .date { font: 0.8em Tahoma, Helvetica, Arial, Gulim, sans-serif; }
#guestList .control { position: absolute; top: 0px; right: 0px; }
#guestList .control a:link, .comment .control a:visited { padding: 2px; color: #999; }
#guestList .control a span { display: none; }
#guestList .control a.write span { display: inherit; }
/* entry */
.entryNotice h2, .entryProtected h2, .entry h2 { font-size: 1.2em; line-height: 1.2em; }
.titleWrap { padding-bottom: 5px; margin-bottom: 10px; }
.titleWrap h2 a { font-size: 1.6em; line-height: 120%; letter-spacing: -1px; font-weight: 500; }
@media screen and (max-width: 480px) {
.titleWrap h2 a { font-size: 1.4em; }
}
.titleWrap .postInfo { border-top: 1px solid #EAEAEA; margin: 8px 0px 0px; padding: 5px; font-size: .9em; }
.titleWrap .postInfo i { color: #E6400C; }
.titleWrap .category a { color: #888; margin-right: 6px; }
.titleWrap .date { color: #888; }
.titleWrap .admin { padding: 5px; font-size: .9em; }
.titleWrap .admin i { color: #E6400C; }
.entryProtected p.text { background: url(images/imgProtected.gif) no-repeat; padding-left: 50px; }
.entryProtected input { width: 200px; height: 25px; line-height: 25px; }
.entryProtected .submit { width: 60px; height: 35px; color: #FFF; border: 1px solid #556A80; border-radius: 3px; background: #556A80; cursor: pointer; }
.article { margin: 0px; overflow: hidden; padding: 20px; }
.article h3 { color: #3E4D5C; line-height: 100%; border-left: 3px solid #5E778B; padding-left: 6px; letter-spacing: -1px; margin-bottom: 20px; margin-top: 20px; }
.article h4 { color: #006699; margin-bottom: 10px; margin-top: 16px; }
.article a:link { color: #5a5194; text-decoration: none; }
.article a:visited { color: #5a5194; text-decoration: none; }
.article a:hover { color: #7870ab; text-decoration: underline; }
.article a:active { color: #5a5194; text-decoration: none; }
.article dt { text-decoration: underline; }
.article dd { margin-left: 20px; padding-bottom: 10px; }
.article blockquote { background: url(images/iconBlockquote.png) no-repeat 0px 10px; margin: 20px 10px; font-size: 130%; color: #333; padding: 10px 10px 10px 25px; }
.articleInfo { border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; padding: 8px 0px; margin: 20px 0 30px; clear: both; float: left; width: 100%; }
.articleInfo ul { padding: 0; margin: 0; }
.articleInfo li { list-style: none; display: inline; padding: 0 10px; border-left: 1px solid #eee; }
.articleInfo li:first-child { border-left: none; padding-left: 5px; }
.articleInfo i { color: #E6400C; }
.tagTrail { float: left; }
.author, .actionTrail, .commentTrail { float: right; }
.author { display: none !important; }
.trackback { margin-bottom: 20px; overflow: hidden; clear: both; }
.trackback a { color: #000; }
.trackback h3 .address { font-size: 0.6em; font-weight: normal; color: #999; }
.trackback h4 { font: 12px Verdana; font-weight: normal; margin: 0; }
.trackback ol { margin: 0; padding: 0; list-style: none; }
.trackback li { border-top: 1px dotted #ccc; padding: 5px; }
.trackback .date { font: 0.9em Verdana, Helvetica, Arial, Gulim, sans-serif; color: #777; }
.trackback p { font: 0.95em Dotum, Arial, sans-serif; color: #999; margin: 3px 0 0 0; padding: 0; letter-spacing: -1px }
.trackback a.delete { background: url(images/iconDelete.gif) left top no-repeat; padding-left: 8px; text-decoration: none; }
.trackback a.delete span { display: none; }
.comment { margin-bottom: 20px; overflow: hidden; clear: both; }
.comment p { margin: 5px 0 0 0; padding: 0; }
.comment h3 { padding-bottom: 10px; }
.comment .date { font: 0.9em Verdana, Helvetica, Arial, Gulim, sans-serif; color: #777; }
.comment .name { color: #000; font-weight: bold; }
.comment .name a { color: #333; font-weight: bold; vertical-align: top; }
.comment ol, .comment ul { margin: 0; padding: 0; list-style: none; }
.comment ol { border-bottom: 1px solid #e5e5e5; }
.comment ol li { padding: 10px 0px 0px; margin-bottom: 10px; border-top: 1px solid #e5e5e5; }
.comment ol li div { position: relative; }
.comment li ul li { margin-left: 20px; margin-top: 9px; margin-bottom: 0; border-top: 1px dotted #e5e5e5; border-bottom: none; }
.comment .control { padding-left: 10px; position: absolute; top: 0px; right: 0px; }
.comment .control a:link, .comment .control a:visited { padding: 2px; color: #999; }
.comment .control a span { display: none; }
.comment .control a.write span { display: inherit; }
.commentList { overflow: hidden; clear: both; }
.commentWrite { margin-top: 20px; }
.commentWrite fieldset { border: none; display: block; padding: 0px; }
.commentWrite label { display: block; margin: 4px 0px 2px 1px; }
.commentWrite input { padding: 4px 0px; line-height: 1.2em; display: block; border: 1px solid #efefef; text-indent: 4px; width: 100%; }
.commentWrite textarea { padding: 4px 0px; line-height: 1.2em; display: block; border: 1px solid #efefef; text-indent: 4px; width: 100%; }
.commentWrite .btnWrite label { vertical-align: middle; display: inline; cursor: pointer; font-size: 1.45em; color: #999; }
.commentWrite .btnWrite .checkbox { vertical-align: middle; width: auto; display: inline; cursor: pointer; }
.commentWrite .btnWrite { text-align: right; margin-top: 8px; vertical-align: middle; }
.commentWrite .btnWrite .submit { width: 130px; height: 30px; color: #FFF; border: 1px solid #3E4D5C; border-radius: 3px; background: #556A80; cursor: pointer; display: inline-block; margin-left: 10px; }
#paging { padding-top: 10px; text-align: center; font-size: 0.95em; clear: both; }
#paging .numbox { border-left: 1px solid #ccc; padding-left: 6px; margin-left: 6px; font: 0.95em verdana; }
#paging .num { border-right: 1px solid #ccc; padding-right: 8px; margin-right: 5px; }
/* ***** sidebar ***** */
#sidebar ul { padding: 0; margin: 0; list-style: none; }
#sidebar li { line-height: 175%; }
#sidebar h3 { padding-top: 10px; margin-bottom: 5px; font: 1.5em "Open Sans", sans-serif; margin-left: -1px; }
#sidebar .cnt { font-size: 0.85em; color: #E6400C; }
#sidebar .date { font-size: 0.85em; }
#sidebar .name { font-size: 0.9em; }
#blogImage { text-align: center; padding: 20px 10px 10px; }
#blogImage img { max-width: 100%; border-radius: 10px; box-shadow: 1px 1px 3px #ddd; }
#blogDesc { color: #61788F; font-size: 0.925em; line-height: 1.5em; letter-spacing: -1px; float: left; clear: left; margin-top: 8px; }
#userID { color: #888; background: url(images/iconBy.gif) 3px 0 no-repeat; padding-left: 22px; letter-spacing: -1px; }
#notice { padding: 0; }
#notice li { padding: 0 0 1px; background: none; text-align: left; list-style: none; }
#notice li a:link, #notice li a:visited { line-height: 175%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#notice li a:hover { text-decoration: none; color: #000; }
#adminMenu { text-align: center; }
#adminMenu ul { background-color: #eee; padding: 5px;  }
#adminMenu li { display: inline; background: none; }
#searchBox { position: absolute; top: -20px; right: 10px; z-index: 999; border: 1px solid #eaeaea; padding: 4px 10px 4px 10px; background: #FFF; border-radius: 16px; }
#searchBox .input { width: 120px; height: 20px; line-height: 20px; text-indent: 4px; background: #fff; vertical-align: middle; border-style: none; }
#searchBox .submit { width: 15px; height: 15px; cursor: pointer; margin-left: 4px; overflow: hidden; vertical-align: middle; background: #FFF url(images/top-search-icon.png) no-repeat 0px 0px; text-indent: -10000px; display: inline-block; border: none; }
#searchBox .submit:hover { background: #FFF url(images/top-search-icon.png) no-repeat 0px -15px; }
#category { padding-bottom: 10px !important; }
#category ul { padding-bottom: 4px !important; }
#category ul:last-child { padding-bottom: 0; }
#category li { background: none; }
#category li ul li { padding-left: 10px; border: none; font-weight: normal; }
#category li ul li ul li { background: none; border-left: 1px dotted #ccc; padding-left: 6px; margin-left: 2px; }
#category li ul li ul li a { color: #646464; }
#tagbox ul { padding: 5px 2px; }
#tagbox li { display: inline; margin-bottom: 4px }
#tagbox li a { letter-spacing: -1px; font-size: 11px; color: #888; border: 1px solid #CECECE; border-radius: 10px; padding: 1px 8px 0px; white-space: nowrap; display: inline-block; margin-bottom: 2px; }
#tagbox a:hover { background-color: #eee; text-decoration: none; color: #000; }
#recentPost { display: block; position: relative; line-height: 175%; }
#recentPost ul li { display: block; position: relative; line-height: 175%; }
#recentComment { overflow: hidden; }
#recentComment ul { clear: both; float: left; width: 100%; }
#recentComment li { clear: both; float: left; width: 100%; line-height: 175%; }
#recentComment .info { margin-bottom: 3px; color: #999; line-height: 150%; padding-left: 8px; white-space: nowrap; }
#recentTrackback { overflow: hidden; }
#recentTrackback .info { margin-bottom: 3px; color: #999; line-height: 150%; padding-left: 8px; white-space: nowrap; }
#archive li { display: inline-block; text-align: center; white-space: nowrap; padding-right: 0px; padding-left: 0px; margin-right: 10px; }
#calendar { padding-bottom: 20px; }
#calendar td { font-family: verdana; }
#counter { font: 0.85em Verdana, Helvetica, Arial, Gulim, sans-serif; }
#counter ul { padding: 5px 0; text-align: center; background-color: #eaeaea; letter-spacing: 0; clear: both; }
#counter li { background: none; display: inline; padding: 0 5px; }
#counter li.total { display: block; color: #000; }
#banner { text-align: center; }
#banner ul {padding: 5px 0; letter-spacing: 0; clear: both;  }
#banner li { display: inline; padding: 0 2px; }
#banner li a { display: inline-block; width: 28px; height: 28px; overflow: hidden; text-indent: -10000px; }
#banner li a.me { background: url(images/aboutme.png) no-repeat 0px 0px; }
#banner li a.tistory { background: url(images/tistory.png) no-repeat 0px 0px; }
#banner li a.rss { background: url(images/rss.png) no-repeat 0px 0px; }
#banner li a.facebook { background: url(images/facebook.png) no-repeat 0px 0px; }
#banner li a.tumblr { background: url(images/tumblr.png) no-repeat 0px 0px; }
#banner li a.twitter { background: url(images/twitter.png) no-repeat 0px 0px; }
#banner li a.youtube { background: url(images/youtube.png) no-repeat 0px 0px; }
#banner li a.instagram { background: url(images/instagram.png) no-repeat 0px 0px; }
#banner li a:hover { background-position: 0px -38px; }
#btnRSS { text-align: center; padding: 5px; }
.btnCategoryClose { display: none; position: absolute; right: 6px; top: -6px; z-index: 99; height: 25px; width: 25px; }
.btnCategoryClose span { width: 0; visibility: hidden; display: inline-block; overflow: hidden; }
.btnCategoryClose i { font-size: 20px; line-height: 100%; text-align: center; height: 26px; width: 26px; opacity: 0.7; }
.areaCategoryClose { display: none; }
/* for category media query */
@media screen and (min-width: 771px) {
#btnCategoryOpen, .btnCategoryClose, .areaCategoryClose { display: none !important; }
#category { display: block !important; }
#blogImage, #notice, #adminMenu, #tagbox, #recentPost, #recentComment, #recentTrackback, #archive, #calendar, #link, #counter, #banner {padding: 10px 0; }
}
@media screen and (max-width: 770px) {
#blogImage, #notice, #adminMenu, #tagbox, #recentPost, #recentComment, #recentTrackback, #archive, #calendar, #link, #counter, #banner { padding: 15px 2.5%; width: 45%; float: left; }
#content { float: none; width: inherit; padding: 80px 15px 40px 15px; }
#sidebar { float: left; width: 100%; border-top: 1px solid #eaeaea; background: #CCC; clear:both; padding-bottom: 20px;  }
#category { display: none; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 999; }
#category h3 { display: none; }
#category .inner { background: #FFF; padding: 10px 30px 10px 10px; width: auto; border: 1px solid #F00; position: absolute; height: auto; top: 33px; right: 10px; box-shadow: 1px 1px 5px #999; z-index: 1; }
#category .areaCategoryClose { display: block; background-color: rgba(0,0,0,0.2); position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 0; margin: 0; }
#category .areaCategoryClose span { display: none; }
#category .btnCategoryClose { display: inherit; }
#tagbox li a { border: 1px solid #999; background: #E0E0E0; color: #3E4D5C; }
.article { padding: 10px; }
#banner { }
#banner li a { background-position: 0px -38px !important;}
#counter ul {  background: #E0E0E0; }
#counter li.total { color: #555; }
#counter li { color: #E6400C; }
}
 @media screen and (max-width: 569px) {
#blogImage, #notice, #adminMenu, #tagbox, #recentPost, #recentComment, #recentTrackback, #archive, #calendar, #link, #counter, #banner {width: 100%; float: none ;padding: 15px 0; }
#sidebar { padding-right: 2.5%; padding-left: 2.5%; width: 95%; padding-bottom: 0px; }
#footer { font-size: 12px; }
.article { padding: 0px; }
#banner, #counter { background: #444; padding: 10px 2.6%; margin-right: -2.6%; margin-left: -2.6%; }
#counter ul { background: none; }
#counter li.total { color: #CCC; }
#counter li { color: #09F; }
}
/* ***** footer ***** */
#footer { text-align: center; padding: 20px 10px; clear: both; background: #313030; color: #c2c1c1; }
#footer a { color: #C66; }
#footer a:hover { text-decoration: none; }
#footer ul, #footer li { margin: 0; padding: 0; }
#footer li { list-style: none; }
#footer .logo { float: left; }
#footer .logo a { display: block; height: 58px; width: 66px; }
#footer .footMenu { margin-top: 13px; }
#footer .footMenu li { display: inline; }
#footer .name { display: inline; white-space: nowrap;}
/* */
.toTop { position: fixed; z-index: 99999; right: 15px; bottom: 15px; height: 30px; width: 30px; margin: 0; }
.toTop a { background: url(images/up.png) no-repeat; background-size: 100% 100%; height: 30px; width: 30px; display: inline-block; text-indent: -10000px; }

/* Tedition utility  */
.tistorytoolbar { display: none !important; }
.entry-content img { display: block; max-width: 100%; height: auto; }
div.article iframe { max-width: 100% !important; }
.imageblock { max-width: 100%; }
.imageblock img { max-width: 100%; height: auto; }
.tt-span-1, .tt-span-2, .tt-span-3, .tt-span-4, .tt-span-5, .tt-span-6, .tt-span-7, .tt-span-8, .tt-span-9, .tt-span-10, .tt-span-11, .tt-span-12 {
max-width: 100% !important; overflow: hidden;
}

border-style: solid;
border-width : 0px  0px  1px 14px; 
border-color: #4374D9; 
background-color: #fff; 
padding: 6px; 

.tt-span-1 { width: 6% !important; }
.tt-span-2 { width: 14% !important; }
.tt-span-3 { width: 22% !important; }
.tt-span-4 { width: 31% !important; }
.tt-span-5 { width: 39% !important; }
.tt-span-6 { width: 48% !important; }
.tt-span-7 { width: 53% !important; }
.tt-span-8 { width: 59% !important; }
.tt-span-9 { width: 72% !important; }
.tt-span-10 { width: 80% !important; }
.tt-span-11 { width: 88% !important; }
.tt-span-12 { width: 100% !important; }
#ttCanvas, .tt-span-12 { width: 100% !important; }
#ttCanvas li { padding-bottom: 20px !important; }

/* 티에디션 재설정 */
.tt-span-3 { margin-right: 4% !important;}
.tt-span-4 { margin-right: 3.5% !important; }
.tt-span-1-border, .tt-span-2-border, .tt-span-3-border, .tt-span-4-border, .tt-span-5-border, .tt-span-6-border, .tt-span-7-border, .tt-span-8-border, .tt-span-9-border, .tt-span-10-border, .tt-span-11-border, .tt-span-12-border { border: none !important; }
.tt-post-title a { font-family:'Nanum Gothic', '나눔 고딕', 'Nanum Barun Gothic', Dotum, AppleGothic, Sans-serif !important;}

/* ad */
.ad_wt { float: right; margin-bottom: 20px; margin-left: 10px; padding-left: 15px; border-left: 1px dotted #E8E8E8; }
.ad_wb { float: none; margin-bottom: 20px; border-top: 1px dotted #eee; text-align: center; margin-right: auto; margin-left: auto; overflow: hidden; width: 100%; }
.ad_mt { float: right; margin-bottom: 20px; margin-left: 10px; padding-left: 15px; border-left: 1px dotted #E8E8E8; display:none; }
.ad_mb { float: none; margin-bottom: 20px; border-top: 1px dotted #eee; text-align: center; display: none; margin-right: auto; margin-left: auto; }
@media screen and (max-width: 480px) {
.ad_wt, .ad_wb { display:none; }
.ad_mt, .ad_mb{ display: inherit; }
}
	
/* */

/* 반응형 레이아웃 */
@-ms-viewport {
width: device-width;
}
@-webkit-viewport {
width: device-width;
}
@-moz-viewport {
width: device-width;
}
@-ms-viewport {
width: device-width;
}
@-o-viewport {
width: device-width;
}
@viewport {
width: device-width;
}
/* */