@charset "utf-8";

/* 로딩폰트(나눔고딕) */
@font-face { font-family: "Nanum Gothic", "나눔 고딕"; src:url("images/NanumGothic.eot") };
/* 웹폰트(나눔고딕) */
@import url("http://fonts.googleapis.com/earlyaccess/nanumgothic.css");

/* 기본셋팅 */
* { margin:0; padding:0; }
hr { display:none; }
img, fieldset { border:0; border:medium none; vertical-align:middle; }
table { border-collapse:collapse; border-spacing:0; }
a { text-decoration:none; color:#000; }
a:link {text-decoration:none; color:#000;}
a:hover {text-decoration:none; color:#000;}
a:visited {text-decoration:none; color:#000;}
a:active {text-decoration:none; color:#000;}
dl, ul, ol, li, p {margin:0; padding:0; list-style:none;}
h1, h2, h3, h4, h5 {margin:0; padding:0;}

/* 본문 공통 */
body { font:13px "Nanum Gothic", "나눔 고딕", "Malgun Gothic", "맑은 고딕", "Dotum", "돋움", "Gulim", "굴림", "Verdana,Arial", "Trebuchet MS"; background-color:#eeeeee; margin:0; padding:0; position:relative; }

/* 카테고리 - 이미지 버튼 */
.ib { cursor:pointer;}
/* 카테고리 - 트리 셀 */
.branch3 { cursor:pointer;}
/* 카테고리 - 카테고리 옆 개수 스타일 */
.c_cnt { color:#f30; }
.cnt { color:#f30; }

/* 종류별 코멘트 - 관리자 [##_rp_rep_class_##]  */
.rp_admin { background:#fff url("./images/rp_general.png") left 19.5px no-repeat; min-height:70px; border-top:1px solid #f0f0f0; padding:15px 0 15px 75px; position:relative; }
.rp_admin a { color:#858585; }
.rp_admin .name { font-size:14px; display:block; margin-bottom:3px; }
.rp_admin .name img { margin-right:13px; }
.rp_admin .date { font-size:12px; color:#c8c8c8; display:block; margin-bottom:3px; }
.rp_admin .control { position:absolute; right:0; top:0; background-color:#f7f7f7; }
.rp_admin .control a { float:left; padding:8px 10px; border-radius:3px; transition: all 0.2s ease-out 0s; background-color:#efefef; border-style:solid; border-width:0 0 2px; border-color:rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15) #dfdfdf; font-weight:bold; color:#939393; }
.rp_admin .control a:hover { background-color:#e8e8e8; color:#757575; cursor:pointer; }
.rp_admin .control .modify { border-left:1px solid #f0f0f0; }
.rp_admin .control .write { border-left:1px solid #f0f0f0; }

/* 종류별 코멘트 - 손님 [##_rp_rep_class_##]  */
.rp_general { background:#fff url("./images/rp_general.png") left 20.5px no-repeat; min-height:70px; border-top:1px solid #f0f0f0; padding:15px 0 15px 75px; position:relative; }
.rp_general a { color:#858585; }
.rp_general .name { font-size:14px; display:block; margin-bottom:3px; }
.rp_general .date { font-size:12px; color:#c8c8c8; display:block; margin-bottom:3px; }
.rp_general .control { position:absolute; right:0; top:0; background-color:#f7f7f7; }
.rp_general .control a { float:left; padding:8px 10px; border-radius:3px; transition: all 0.2s ease-out 0s; background-color:#efefef; border-style:solid; border-width:0 0 2px; border-color:rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15) #dfdfdf; font-weight:bold; color:#939393; }
.rp_general .control a:hover { background-color:#e8e8e8; color:#757575; cursor:pointer; }
.rp_general .control .modify { border-left:1px solid #f0f0f0; }
.rp_general .control .write { border-left:1px solid #f0f0f0; }

/* 종류별 코멘트 - 비밀글 [##_rp_rep_class_##]  */
.rp_secret { background:#fff url("./images/rp_secret.png") left 19.5px no-repeat; min-height:70px; border-top:1px solid #f0f0f0; padding:15px 0 15px 75px; position:relative; }
.rp_secret a { color:#858585; }
.rp_secret .name { font-size:14px; display:block; margin-bottom:3px; }
.rp_secret .name img { display:none; }
.rp_secret .date { font-size:12px; color:#c8c8c8; display:block; margin-bottom:3px; }
.rp_secret .control { position:absolute; right:0; top:0; background-color:#f7f7f7; }
.rp_secret .control a { float:left; padding:8px 10px; border-radius:3px; transition: all 0.2s ease-out 0s; background-color:#efefef; border-style:solid; border-width:0 0 2px; border-color:rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15) #dfdfdf; font-weight:bold; color:#939393; }
.rp_secret .control a:hover { background-color:#e8e8e8; color:#757575; cursor:pointer; }
.rp_secret .control .modify { border-left:1px solid #f0f0f0; }
.rp_secret .control .write { border-left:1px solid #f0f0f0; }

/* 종류별 방명록 글 [##_guest_rep_class_##] */
.guest_general { background:#fff url("./images/rp_general.png") left 19.5px no-repeat; min-height:70px; border-top:1px solid #f0f0f0; padding:15px 0 15px 75px; position:relative; }
.guest_general a { color:#858585; }
.guest_general .name { font-size:14px; display:block; margin-bottom:3px; }
.guest_general .date { font-size:12px; color:#c8c8c8; display:block; margin-bottom:3px; }
.guest_general .control { position:absolute; right:0; top:0; background-color:#f7f7f7; }
.guest_general .control a { float:left; padding:8px 10px; border-radius:3px; transition: all 0.2s ease-out 0s; background-color:#efefef; border-style:solid; border-width:0 0 2px; border-color:rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15) #dfdfdf; font-weight:bold; color:#939393; }
.guest_general .control a:hover { background-color:#e8e8e8; color:#757575; cursor:pointer; }
.guest_general .control .modify { border-left:1px solid #f0f0f0; }
.guest_general .control .write { border-left:1px solid #f0f0f0; }

.guest_admin { background:#fff url("./images/rp_general.png") left 19.5px no-repeat; min-height:70px; border-top:1px solid #f0f0f0; padding:15px 0 15px 75px; position:relative; }
.guest_admin a { color:#858585; }
.guest_admin .name { font-size:14px; display:block; margin-bottom:3px; }
.guest_admin .name img { margin-right:13px; }
.guest_admin .date { font-size:12px; color:#c8c8c8; display:block; margin-bottom:3px; }
.guest_admin .control { position:absolute; right:0; top:0; background-color:#f7f7f7; }
.guest_admin .control a { float:left; padding:8px 10px; border-radius:3px; transition: all 0.2s ease-out 0s; background-color:#efefef; border-style:solid; border-width:0 0 2px; border-color:rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15) #dfdfdf; font-weight:bold; color:#939393; }
.guest_admin .control a:hover { background-color:#e8e8e8; color:#757575; cursor:pointer; }
.guest_admin .control .modify { border-left:1px solid #f0f0f0; }
.guest_admin .control .write { border-left:1px solid #f0f0f0; }

.guest_secret { background:#fff url("./images/rp_secret.png") left 19.5px no-repeat; min-height:70px; border-top:1px solid #f0f0f0; padding:15px 0 15px 75px; position:relative; }
.guest_secret a { color:#858585; }
.guest_secret .name img { display:none; }
.guest_secret .name { font-size:14px; display:block; margin-bottom:3px; }
.guest_secret .date { font-size:12px; color:#c8c8c8; display:block; margin-bottom:3px; }
.guest_secret .control { position:absolute; right:0; top:0; background-color:#f7f7f7; }
.guest_secret .control a { float:left; padding:8px 10px; border-radius:3px; transition: all 0.2s ease-out 0s; background-color:#efefef; border-style:solid; border-width:0 0 2px; border-color:rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15) #dfdfdf; font-weight:bold; color:#939393; }
.guest_secret .control a:hover { background-color:#e8e8e8; color:#757575; cursor:pointer; }
.guest_secret .control .modify { border-left:1px solid #f0f0f0; }
.guest_secret .control .write { border-left:1px solid #f0f0f0; }

/* 비밀 댓글 (로그아웃시 비밀글 표현)    */
.hiddenComment {}

/* 이미지 아래 캡션 스타일 */
.cap1 { color:#333; text-align:center; padding:7px 0; background-color:#eaeaea; }

/* 그림 */
.imageblock, .imageblock span { max-width:100% !important; }
.imageblock span {display:block !important; }
.imageblock img { height: auto !important; max-width:100% !important; }

/* 그림 2개 배치 */
.dual { background-color:#fff; margin-bottom:5px; }

/* 그림 3개 배치 */
.triple { background-color:#fff; margin-bottom:5px; }

/* 본문 - more / less */
.moreless_fold span { font-weight:bold; color:#0645ad; padding-left:17px; background:url("./images/icon_more.gif") no-repeat 0 center; }
.moreless_top span { font-weight:bold; color:#0645ad; padding-left:17px; background:url("./images/icon_less.gif") no-repeat 0 center; }
.moreless_bottom span { font-weight:bold; color:#0645ad; padding-right:17px; background:url("./images/icon_less.gif") no-repeat right center; }
.moreless_content { padding:10px 15px; border-top:1px solid #9e9a9a; border-bottom:1px solid #9e9a9a; }
.moreless_bottom { text-align:right; }

/* 키워드 */
.key1 { cursor: pointer; border-bottom: 1px dotted #ccc; }

/* 블로그 레이아웃 */
/* 본문 길이 */
#wrap { width:1140px; position:relative;margin:0 auto; box-shadow:0 0 5px rgba(0, 0, 0, 0.2); background-color:#ffffff; }
#body:after { content:""; display:block; clear:both; }

#header { width:100%; height:50px; background-color:#ffffff; z-index:50; border-bottom:1px solid #ccc; box-shadow:0 2px 3px rgba(0, 0, 0, 0.03);}
#header:after{ content:""; display:block; clear:both; }
/* 본문(content) + 사이드바(sidebar) */
#content { float:left; width:810px; padding:10px 25px 0 25px; }
#sidebar { float:right; width:239px; padding:20px 20px; border-left:1px solid #ddd; line-height:180%; }
#footer { width:100%; position:relative; display:inline-block; border-top:1px solid #ccc; }

/* header */
#header h1 { font-size:30px; line-height:50px; padding-left:10px; font-weight:bold; }
#header > ul { position:absolute; right:0; top:0; }
#header > ul > li { float:left; border-left:1px solid #ccc; }
#header > ul:after { content:""; display:block; clear:both; }
#navtop_mar { display:none; height:50px; }

/* header - 검색 */ 
#header .top_search { position:relative; cursor:pointer; }
#header .top_search a { opacity:0.6; transition:all 0.25s ease-out 0s; }
#header .top_search a:hover { opacity:1; }

/* header - 검색팝업 */
#top_search_p { width:263px; background-color:#ffffff; padding:8px; border-bottom:1px solid #ccc; position:absolute; right:0; top:51px; z-index:55; }
#top_search_p .searchBox { position:relative;}
#top_search_p .searchBox input { width:210px; height:16.5px; padding:6px; border:1px solid #ccc; }
#top_search_p .searchBox .submit { cursor:pointer; opacity:0.8; width:30px; height:30px; margin:0; padding:0; position:absolute; right:0; top:0; text-indent:-9999px; background:url("./images/search_p.png") center center no-repeat; border:none; }
#top_search_p .searchBox .submit:hover { opacity:1; }
#top_search_p { display:none;}

/* header - 관리자 버튼 */
#header li a { opacity:0.6; transition:all 0.25s ease-out 0s; }
#header li a:hover { opacity:1; }

/* header - 글 관리 버튼 */
.admin { color:#999; border-top:1px solid #ddd; margin-top:5px; padding:5px 0; }
.admin a { color:#999; }

/* 콘텐츠 */
#content .nonEntry h3 { border-bottom:1px solid #ccc; }

/* 검색 리스트 */
#searchList h3 { color: #757575; font-size:25px; font-weight:bold; }
#searchList ol,
#searchRplist ol { list-style:none; padding:0; margin:10px 0 20px 0;}
#searchList li, #searchRplist li { border-bottom:1px solid #eee; padding:8px 0 10px 0; margin-bottom:4px; }
#searchList .date { margin-right:10px; }

/* 콘텐츠 - 태그로그 */
#taglog h3 { font-size:25px; color:#757575; font-weight:bold; }
#taglog ul { padding:10px; text-align:justify;}
#taglog li { display:inline; float:left; border-radius:3px; margin:0 10px 10px 0; background-color:#f0f0f0; height:25px; line-height:25px;}
#taglog a:hover { text-decoration:underline; }
#taglog li a { color:#757575 !important; padding:5px 10px; }
#taglog li a.cloud1 { font-weight:bold; border-radius:3px; background-color:#83cb11; }
#taglog li a.cloud2 { font-weight:bold; border-radius:3px; background-color:#70c5d4; }
#taglog li a.cloud3 { font-weight:bold; border-radius:3px; background-color:#f7e920; }
#taglog li a.cloud4 { font-weight:bold; border-radius:3px; }
#taglog li a.cloud5 { color:#919191; border-radius:3px; }

/* 콘텐츠 - 지역로그 */
#localog h3 { font-size:25px; color:#757575; font-weight:bold; }

/* 콘텐츠 - 방명록 */
#guestbook h3 { font-size:25px; color:#757575; font-weight:bold; }
.guestWrite { margin-bottom:40px; padding:10px 0; }
.guestWrite label { font-size:15px; width:100%; color:#939393; font-weight:bold; }
.guestWrite input { display:block; background-color:#f0f0f0; margin-top:5px; border-radius:3px; box-shadow:0 0 0 0 rgba(255, 255, 255, 0) inset; color:#898989; padding:10px; border:0 solid #e5e5e5; }
.guestWrite .secret {display:inline;}
.guestWrite p { margin:0 0 10px 0; }
.guestWrite input[type=checkbox] { float:left; margin-right:5px }
.guestWrite .submit { float:left; padding:8px 25px; border-radius:3px; transition: all 0.2s ease-out 0s; background-color:#efefef; border-style:solid; border-width:0 0 2px; border-color:rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15) #dfdfdf; font-size:15px; font-weight:bold; color:#939393; }
.guestWrite .submit:hover { background-color:#e8e8e8; color:#757575; cursor:pointer; }
.guestWrite textarea { width:97%; height:120px; color:#898989; background-color:#f0f0f0; border:0 solid #e5e5e5; border-radius:3px; padding:10px 1.5%;}

/* entry */
.entryNotice h2,
.entryProtected h2,
.entry h2 { font-size:15px; padding-bottom:3px; }
.titleWrap { border-bottom:1px solid #ddd; }
.titleWrap h2 a { font-size:25px; font-weight:bold; color:#757575; }
.titleWrap .category a { color:#999;}
.titleWrap .date { color:#999;}

/* 비밀글 */
.entryProtected .sercret_text { padding:10px 0; text-align:center; line-height:180%; }
.entryProtected p.text { width:250px; padding-left:50px; margin:0 auto; }
.entryProtected .submit {display:none; }

/* 본문 */
.article { margin:20px 0; overflow:hidden; line-height:170%; }
.article a { color:#0645ad; }
.article a:hover { text-decoration:underline; }
.article dt { text-decoration:underline; }
.article dd { margin-left:20px; padding-bottom:10px; }

/* 인용구 */
.article blockquote  { background-color:#f7f7f7; border: 1px solid #9e9a9a; border-radius:5px; margin:20px; padding:10px; }

/* 본문 h1~h4 */
.article h1 { font-size:20px; margin:10px 0; }
.article h2 { font-size:16px; background:none repeat scroll 0 0 #f7f7f7; border-bottom:1px solid #9e9a9a; margin:10px 0; padding:5px 10px;}
.article h3 { font-size:16px; color:#cc0000; margin:10px 0 }
.article h4 { font-size:16px; border-bottom:2px solid #4f8cc3; margin:10px 0 }
.tagTrail { padding:10px 0; border-bottom: 1px solid #ddd; }
.tagTrail a:hover { text-decoration:underline; }
.tagText { padding-left:35px; background:url("./images/icon_tag.gif") left center no-repeat;}
.tagText a { color:#757575; }

/* 카테고리 글 더 보기 */
.article .another_category { margin:0; border-radius:3px; }

/* 댓글 / 트랙백 탭형식 */
.tabs { width:100%; }
.tabs>.labels>label { background-color: #eee; color: #999; cursor: pointer; float: left; line-height: 3em; overflow: hidden; position: relative; width: 46.5%; padding:0 1.75% 0 1.75%; margin-top:10px ; border-bottom:1px solid #757575; -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2); box-shadow: 0 1px 2px rgba(0,0,0,.2);}
.tabs>.labels>label:hover { background-color: #ccc; color: #333; }
input#tab1:checked ~ .labels>label[for="tab1"],
input#tab3:checked ~ .labels>label[for="tab3"] { background-color: #757575 !important; color: #fff!important; display: block!important; }
.tabs>.labels>label a { color: inherit; }
.tab_container { clear: both; overflow: auto; padding:10px 0; -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2); }
.tabs>input[type="radio"], .tabs .tab_content { display: none; }
input#tab1:checked ~ .tab_container>#tab1C,
input#tab3:checked ~ .tab_container>#tab3C { display:block; }

/* 트랙백 */
.trackback { width:100%; overflow:hidden; }
.trackback a { color:#000; }
.trackback h3 { font-size:13px font-weight:normal; color:#909090; border-bottom:1px solid #f5f5f5; border:1px solid #e7e8e9; background-color:#f9f9f9; padding:7px 15px; }
.trackback ol { margin:0; padding:0; list-style:none; }
.trackback li { background-color:#f9f9f9; border-top: 1px dotted #dedede; padding:10px; margin-top:10px; }
.trackback li a { color:#556eac; }
.trackback li a:hover { text-decoration:underline; }
.trackback .date { font-size:0.85em; color:#999; }
.trackback p { font-size:0.95em; color:#999; margin:3px 0 0 0; padding:0; letter-spacing:-1px; }

/* 댓글목록 (이미지+닉네임+날짜+답글) */
.commentList li { position:relative; line-height:180%; }
.commentList li ul li { position:relative; }
.commentList .name img { position:absolute; left:0; top:14px; background-color:#FFF; }
.commentList ol li img { margin:5px 10px 0 0; vertical-align:middle; }
.commentList ol li .name { color:#999; font-weight:bold; }
.commentList ol li .date { font-size:14px; color:#999; }
.commentList ol li .date a { color:#999; }
.commentList ol li ul { margin-left:30px; }
.commentList ol li ul li { margin:10px 0; }

/* 방명록 (이미지+닉네임+날짜+답글) */
#guestList li { position:relative; line-height:180%; }
#guestList p { line-height:190%; }
#guestList ol li img { padding:1px; }
#guestList ol li .name { color:#999; font-weight:bold; background-color:#FFF; }
#guestList .name img { position:absolute; left:-1px; top:18px; }
#guestList ol li .date { font-size:14px; color:#999; }
#guestList ol li .date a { color:#999; }
#guestList ol li .date a:hover { text-decoration:underline; }
#guestList ol li ul { margin-left:30px; }
#guestList ol li ul li { margin:10px 0; }

/* 댓글쓰기 */
.commentWrite { margin-bottom:40px; padding:10px 0; border-top:1px dotted #ddd; }
.commentWrite label { font-size:15px; width:100%; color:#939393; font-weight:bold; }
.commentWrite input { display:block; background-color:#f0f0f0; margin-top:5px; border-radius:3px; box-shadow:0 0 0 0 rgba(255, 255, 255, 0) inset; color:#898989; padding:10px; border:0 solid #e5e5e5; }
.commentWrite .secret {display:inline;}
.commentWrite p { margin:0 0 10px 0; }
.commentWrite input[type=checkbox] { float:left; margin-right:5px }
.commentWrite .submit { float:left; padding:8px 25px; border-radius:3px; transition: all 0.2s ease-out 0s; background-color:#efefef; border-style:solid; border-width:0 0 2px; border-color:rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15) #dfdfdf; font-size:15px; font-weight:bold; color:#939393; }
.commentWrite .submit:hover { background-color:#e8e8e8; color:#757575; cursor:pointer; }
.commentWrite textarea { width:97%; height:120px; color:#898989; background-color:#f0f0f0; border:0 solid #e5e5e5; border-radius:3px; padding:10px 1.5%;}

/* 페이징 */
#paging { position:relative; width:100%; padding:13px 0; text-align:center; border-top:1px solid #ddd; }
#paging .num span { font-weight:bold; width:29px; height:29px; display:block; background:url("./images/btn_page.png") 0 0 no-repeat; line-height:25px; }
#paging .num span:hover { color:#cc0000 }
#paging .num span.selected { color:#fff; background:url("./images/btn_page_active.png") 0 0 no-repeat; }
#paging a { display:inline-block; width:29px; height:29px; text-align:center; text-decoration: none; }

/* 페이징 - 이전/다음 */
#paging #prevPage          { padding-left:9px; }
#paging #prevPage:hover    { color:#cc0000; }
#paging #nextPage          { padding-right:9px; }
#paging #nextPage:hover    { color:#cc0000; }

/* 사이드바 - 프로필 */
#blogDesc { text-align:center; padding:5px 0;}

/* 사이드바 - 블로그 이미지 */
#blogImage img { width:229px; }

/* 사이드바 - 공지사항 */
#notice { padding:10px 0; border-top:1px solid #ccc; }
#notice a { display:block; background:url("./images/icon_notice.png") left center no-repeat; text-indent:20px; font-size:14px; color:#757575; }
#notice a:hover { background-color:#e9e9e9; }

/* 사이드바 - 카테고리 */
#category { padding:10px 0; border-top: 1px solid #ccc; }
#category h3 { font-size:14px; color:#757575; padding-bottom:5px; }
#category .menuBox { font-size:14px; }
#category .menuBox a { color:#999; }
#category .menuBox a:hover { background-color:#e9e9e9; }
#category .menuBox > ul > li > a { padding:2px 0; display:block; }
/* 1차메뉴 */
#category .menuBox > ul > li > ul > li > a { padding:2px 0; display:block; }
/* 2차메뉴 */
#category .menuBox > ul > li > ul > li > ul > li { text-indent:15px; }
#category .menuBox > ul > li > ul > li > ul > li > a { padding:2px 0; display:block; }

/* 사이드바 - 최근에 올라온 글 */
#recentPost { padding:10px 0; border-top:1px solid #ccc; }
#recentPost h3 { font-size:14px; color:#757575; padding-bottom:5px; }
#recentPost li a { color:#999; display:block; }
#recentPost li a:hover { background-color:#e9e9e9; }

/* 사이드바 - 최근에 달린 댓글 */
#recentComment { padding:10px 0; border-top:1px solid #ccc; }
#recentComment h3 { font-size:14px; color:#757575; padding-bottom:5px; }
#recentComment li a { color:#999; display:block; }
#recentComment li a:hover { background-color:#e9e9e9; }

/* 사이드바 - 최근에 받은 트랙백 */
#recentTrackback { padding:10px 0; border-top:1px solid #ccc; }
#recentTrackback h3 { font-size:14px; color:#757575; padding-bottom:5px; }
#recentTrackback li a { color:#999; display:block; }
#recentTrackback li a:hover { background-color:#e9e9e9; }

/* 사이드바 - 글 보관함 */
#archive { padding:10px 0; border-top:1px solid #ccc; }
#archive h3 { font-size:14px; color:#757575; padding-bottom:5px; }
#archive ul{ overflow-y:auto; height:90px; }
#archive li a { color:#999; display:block; }
#archive li a:hover { background-color:#e9e9e9; }

/* 사이드바 - 링크 */
#link { padding:10px 0; border-top:1px solid #ccc; }
#link h3 { font-size:14px; color:#757575; padding-bottom:5px; }
#link ul { overflow-y:auto; height:90px; }
#link li a { color:#999; display:block; }
#link li a:hover { background-color:#e9e9e9; }

/* 사이드바 - 태그 */
#tagbox { padding:10px 0; border-top:1px solid #ccc; }
#tagbox h3 { font-size:14px; color:#757575; padding-bottom:5px; }
#tagbox ul { padding-top:5px; }
#tagbox li { display:inline-block; margin:0 5px 15px 0; }
#tagbox li a { color:#757575 !important; padding:5px 10px; background-color:#f0f0f0; border-radius:3px; }
#tagbox li a:hover { background-color:#e8e8e8 !important; color:#666 !important; }

/* 사이드바 - 투데이 */
#counter { padding:10px 0; text-align:center; border-top:1px solid #ccc; }
#counter p { font-size:15px; font-weight:bold; margin-bottom:-5px; }
#counter span { color:#555; }
#counter .total { color:#f30; }

/* 푸터 */
.f_Menu { padding:15px 0; }
.f_Menu ul { text-align:center; }
.f_Menu li { display:inline-block; height:20px; padding-right:10px; }
.f_Menu li a { color:#999999; }
.f_Menu li a:hover { color:#0645ad; }
.top { opacity:0.8; position:fixed; right:20px; bottom:20px;}
.top:hover { opacity:1; }

/* 푸터 - menu */
.f_location { opacity:0.9; background:url("./images/f_location.png") left center no-repeat; }
.f_location:hover { opacity:1; }
.f_location a { padding-left:25px; }

.f_tag { opacity:0.9; background:url("./images/f_tag.png") left center no-repeat; }
.f_tag:hover { opacity:1; }
.f_tag a { padding-left:25px; }

.f_media { opacity:0.9; background:url("./images/f_media.png") left center no-repeat; }
.f_media:hover { opacity:1; }
.f_media a { padding-left:25px; }

.f_guestbook { opacity:0.9; background:url("./images/f_guestbook.png") left center no-repeat; }
.f_guestbook:hover { opacity:1; }
.f_guestbook a { padding-left:25px; }

.f_admin { opacity:0.9; background:url("./images/f_admin.png") left center no-repeat; }
.f_admin:hover { opacity:1; }
.f_admin a { padding-left:25px; }

.f_write { opacity:0.9; background:url("./images/f_write.png") left center no-repeat; }
.f_write:hover { opacity:1; }
.f_write a { padding-left:25px; }

/* 푸터 - copyright */
.copyright { text-align:center; padding:15px 0; border-top:1px solid #ccc; }
.copyright a { color:#0645ad; }
.copyright a:hover { text-decoration:underline; }

/* 기타 */
.clear { clear: both; }
* html .clear { display: inline; }
.line { clear:both; height:8px; }
header,footer,section,article,aside,nav,hgroup,details,menu,figure,figcaption { display:block }
.article iframe, .article object, .article embed { max-width:100% !important; }

/* 티스토리 툴바 제거 */
#tistorytoolbarid { display:none; }

/* 카테고리 갤러리 */
.flexible_img_col { padding-bottom:10px; }
.flexible_img_col ul{ margin:0; padding:0; *zoom:1}
.flexible_img_col ul:after{ display:block; clear:both; content:""}
.flexible_img_col li{ float:left !important; width:250px; margin:15px 8px 3px 8px !important;padding:0 !important; background:#fff; border:1px solid #ccc; border-radius:15px; }
.flexible_img_col li.masonry-brick{margin-top:0} 
 
.flexible_img_col .thumb{display:block;overflow:hidden;position:relative;color:#333;width:auto;text-align:center;white-space:nowrap; border-radius:15px 15px 0 0;}
.flexible_img_col .thumb:hover{opacity:0.7; transition: all .3s ease;}
.flexible_img_col .noi .thumb{border-color:#ccc !important}
.flexible_img_col .thumb span{width:auto;font-weight:bold;font-size:32px}
.flexible_img_col .thumb img{ width:100%; height:100%; max-height:350px; border:0 }
.flexible_img_col .thumb img.dno{display:none}
.flexible_img_col a{display:block;width:auto !important;margin:0 auto !important;padding:0;text-decoration:none;cursor:pointer}
.flexible_img_col strong{ display:block; width:auto; overflow:hidden; padding:5px 5px 5px 10px; color:#0f0f0f; font-weight:bold;}
.flexible_img_col strong span{color:#f30;margin-left:5px}
.flexible_img_col p{font-size:12px !important; color:#444 !important; line-height:normal; padding:0 10px 10px !important; margin:0;}

.flexible_img_col a:hover strong{color:#f00 !important; transition: all .3s ease;}
.flexible_img_col a:hover .thumb,.flexible_img_col a:hover strong,.flexible_img_col a:hover p{border-color:#f30 !important; transition: all .3s ease;}

/* 모바일 화면 */
.sidebar_button { position:fixed; right:5px; top:5px; z-index:60; }
.btn_tab { border-radius:3px; padding:0 4px; background-color:#000000; cursor:pointer; z-index:60; color:#ffffff;}
.dimmed { display:none; position:fixed; top:0px; right:0px; z-index:60; }
aside {display:none; background-color:#fff; border-left:1px solid #ccc; position:fixed; right:-300px; top:0px; bottom:0px; width:280px; z-index:60; box-shadow:0 0 10px rgba(0, 0, 0, 0.7); height:auto; min-height:100%; overflow-y:auto; }

/* DIMMED LAYER */
.dmm { display:none; width:100%; height:100%; position:fixed; left:0; top:0; background-color:rgba(0,0,0,0.5); z-index:58; }

/* 모바일 화면 상단 - 검색 */
.sidebar_searchBox { overflow:hidden; }
.sidebar_searchBox input { width:205px; height:28px; border-radius:3px; border:1px solid #f1f1f1; margin:5px 0 5px 10px; padding:5px; }
.closeBtn { float:right; margin:5px 5px 0 0; border-radius:3px; padding:0 4px; background-color:#000000; cursor:pointer; z-index:60; color:#ffffff; }

/* 모바일 화면 버튼들 */
.sidebar_btn:after { content:""; display:block; clear:both; }
.sidebar_btn li a { opacity:0.6; transition:all 0.25s ease-out 0s; }
.sidebar_btn li a:hover { opacity:1; }
.sidebar_btn ul { overflow:hidden; background-color:#EFEFEF; height:50px; border-top:1px solid #ccc; border-bottom:1px solid #ccc; }
.sidebar_btns { float:left; border-left:1px solid #ccc; }
.btn_x { border-left:none; }

/* 모바일 공지사항 */
#notice_s { padding:10px 0 10px 20px; border-bottom:1px solid #ccc; }
#notice_s a { display:block; background:url("./images/icon_notice.png") left center no-repeat; text-indent:20px; font-size:14px; color:#757575; }

/* 모바일 화면 중간 - 카테고리 */
.sidebar_category { padding:10px 0; border-bottom: 1px solid #ccc; }
.sidebar_category h3 { text-indent:20px; font-size:14px; color:#757575; padding-bottom:5px; }
.sidebar_category .cate_list { font-size:14px; }
.sidebar_category .cate_list ul { text-indent:20px;}
.sidebar_category .cate_list a { color:#999; }
.sidebar_category .cate_list a:hover { background-color:#e9e9e9; }
.sidebar_category .cate_list > ul > li > a { padding:2px 0; display:block; }
/* 1차메뉴 */
.sidebar_category .cate_list > ul > li > ul > li > a { padding:2px 0; display:block; }
/* 2차메뉴 */
.sidebar_category .cate_list > ul > li > ul > li > ul { text-indent:32px; }
.sidebar_category .cate_list > ul > li > ul > li > ul > li > a { padding:2px 0; display:block; }

/* 모바일 하단 */
#recentPost_s { padding:10px 0; border-bottom:1px solid #ccc; }
#recentPost_s h3 { text-indent:20px; font-size:14px; color:#757575; padding-bottom:5px; }
#recentPost_s ul { text-indent:20px; }
#recentPost_s li { height:20px; }
#recentPost_s li a { color:#999; display:block; padding:2px 0; }
#recentPost_s li a:hover { background-color:#e9e9e9; }

#recentComment_s { padding:10px 0; border-bottom:1px solid #ccc; }
#recentComment_s h3 { text-indent:20px; font-size:14px; color:#757575; padding-bottom:5px; }
#recentComment_s ul { text-indent:20px; }
#recentComment_s li { height:20px; }
#recentComment_s li a { color:#999; display:block; padding:2px 0; }
#recentComment_s li a:hover { background-color:#e9e9e9; }

#link_s { padding:10px 0; border-bottom:1px solid #ccc; }
#link_s h3 { text-indent:20px; font-size:14px; color:#757575; padding-bottom:5px; }
#link_s ul { text-indent:20px; }
#link_s li { height:20px; }
#link_s li a { color:#999; display:block; padding:2px 0; }
#link_s li a:hover { background-color:#e9e9e9; }

#counter_s { padding:10px 0; }
#counter_s h3 { text-indent:20px; font-size:14px; color:#757575; padding-bottom:5px; }
#counter_s ul { text-indent:20px;}
#counter_s li { height:20px; color:#999; }
#counter_s .total { color:red; }

/* 뮤직박스 */
#musicBox.module { position:relative; width:auto; height:100%; min-height:0; border-top:1px solid #ccc; padding:10px 0; }
#musicBox h3 { font-size:14px; color:#757575; }

/* 뮤직 플레이어 */
#player { width: 240px; }
#player a:before { content: ''; }
#player .screen { font-size:13px; line-height:1.2; padding-bottom:5px; }
#player .screen.loading { background: transparent url("./images/loading.gif") center 15px no-repeat; }
#player .screen.errored { background: none; }
#player .screen div { overflow:hidden; width:240px; height:20px; text-overflow: ellipsis; white-space: nowrap; }
/* 현재 곡  */
#player .screen .title { padding-top:6px; color:#999; }
/* 재생 시간 */
#player .screen .duration { color:#999; }
/* 다음 곡 */
#player .screen .target { color:#999; }
#player .console { height:44px; padding: 0 10px; background: transparent url("./images/player.png") no-repeat; }
#player .bar { height: 5px; padding-top: 10px; }
#player .length { overflow: hidden; float: left; width: 185px; height: 3px; border: 1px solid #222; border-radius: 5px; box-shadow: 0 0 1px #ddd; background-color: #293138; cursor: pointer; }
#player .length div { width: 0; height: 3px; }
#player .loaded { border-radius: 5px; background-color: #676767; }
#player .progress { border-radius: 5px; background-color: #ccc; }
/* 현재 재생 시간 */
#player #timer { float: right; width: 25px; height: 10px; margin: -9px 3px 0 0;font-size:11px; color:#fff; }
/* 플레이어 버튼 */
#player .buttons { height: 12px; padding: 8px 3px 4px 3px; }
#player .buttons a { display: inline-block; height: 8px; margin-right: 8px; background-repeat: no-repeat; }
#player .buttons a.pre { width: 7px; background: url("./images/preplay_btn.png"); }
#player .buttons a.next { width: 7px; background: url("./images/nextplay_btn.png"); }
#player .buttons a.play { width: 7px; background: url("./images/play_btn.png"); }
#player .buttons a.pause { width: 7px; background: url("./images/pause_btn.png"); }
#player .buttons a.stop { width: 8px; margin-right: 10px; background: url("./images/stop_btn.png"); }
#player .buttons a.none { width: 28px; margin-right: 2px; background: url("./images/one-time_btn.png") 0 1px; }
#player .buttons a.loop { width: 28px; margin-right: 2px; background: url("./images/repeat-loop_btn.png") 2px 1px; }
#player .buttons a.all { width: 28px; margin-right: 2px; background: url("./images/repeat-all_btn.png") 0 1px; }
#player .buttons a.ordered { width: 36px; background: url("./images/none_btn.png") 0 1px; }
#player .buttons a.shuffled { width: 36px; background: url("./images/random_btn.png") 0 1px;}

/* 재생목록 스타일 시작 */
#playList { padding:5px 0; line-height: 1.3; }
#playList[data-display=show]{ display: block; }
#playList[data-display=hide]{ display: none; }
#playList h4 { padding-bottom:5px; color:#757575; }
#playList ul { height:100px; overflow-y:auto; }
#playList li { overflow: hidden; padding: 0 0 2px 0; margin: 0 0 3px 0; border-bottom: 1px dotted #999; }
#playList a { display: block; overflow: hidden; width: 230px; text-overflow: ellipsis; white-space: nowrap; color: #999; }
#playList a.playing { color: #757575; font-weight:bold; }
#playList a.playing:before { content: ':: ♪ '; color: #ed8735; }
#playList a:hover { color: #757575; }

/* 자동재생 알림 네비게이션 */
#guideline { position:fixed; bottom:0; z-index: 10; }
#guideline .desc { position:absolute; bottom:-130px; width:550px; height: 70px; padding: 15px 15px 5px 15px; border-radius:10px 10px 0 0; background: #333; color:#fff; line-height:150%;}
#guideline p:before { content: '* '; }
#guideline p:last-child span:first-child { color: #a1c1ea; font-weight:bold; }
#guideline p:last-child span:nth-child(2) { color: #b9eda2; font-weight:bold; }
#guideline p:last-child span:nth-child(3) { color: #e1b78d; font-weight:bold; }
#guideline p:last-child span:nth-child(4) { color: #f6e25e; font-weight:bold; }
#guideline p:last-child span:last-child { color: #dc92f1; font-weight:bold; }


/* 모바일 미디어쿼리 */
@media screen and ( max-width:860px ){
	#wrap { width:100%; overflow-x:hidden; }
	#content { width:96.5%; padding:10px 1.75% 0 1.75%; }
	#header ul { display:none; }
	.article .imageblock img{ height:auto !important; }
	.cap1 { width:100% !important; }
	#sidebar { display:none; }
}

@media screen and ( max-width:573px ){
	.flexible_img_col li { width:96.5%; }
	.flexible_img_col .thumb img { width:99%; }
	#header { width:1140px; }
}