@charset "utf-8";

/* 기본 스타일 */
body { margin: 0; padding: 0; font: 12px/18px Dotum, 돋움, Verdana, AppleGothic, Sans-serif; background: #d7d7d7 url(./images/bg.jpg) 0 0 repeat-x; }
.cmt { font-size: 11px; color: #f56e0c; }
* { margin: 0; padding: 0; }

/* 공통 링크 스타일 */
a { text-decoration: none; color:#666; }
a:hover { text-decoration: underline; }


/* 기본적인 스타일 */
button { border: none; cursor: pointer; }
img { border:none; }
br { letter-spacing: 0; }
h1, h2, h3, h4, h5, h6, h7 { margin: 0; padding: 0; }
ul, li { list-style-type: none; margin: 0; padding: 0; }

input, a { cursor: pointer; }

hr { clear: both; display: none; }

.b { border: 1px solid #ff0000; }
.clear { clear: both; font-size: 0; height: 0; margin: 0; padding: 0; }

/* 투명 png 처리 예 
* html .title h1 a { background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./images/logo.png', sizingMethod='crop'); } */

/* 전체 레이아웃 */
.container { width: 1004px; margin: 15px auto 0 auto;}

/* 사이트헤더 */
.header { height: 90px; position: relative; }

/* 로고 */
.header h1 { position: absolute; width: 207px; height: 57px; top: 10px; left: 0; }
.header h1 a { display: block; width: 207px; height: 57px; background: url(./images/wonder.jpg) 0 0 no-repeat; }
.header h1 a span { display: none; }

/* 범용메뉴 */
.unit { width: 70px; height: 12px; position: absolute; top: 16px; right: 0; }
.unit li { float: right; list-style-type: none; width: 30px; height: 10px; }
.unit li a { width: 30px; height: 10px; }
.unit li span { display: none; }

.unit .unit01 { display: block; }
.unit .unit01 a { display: block; background: url(./images/btn_admin.jpg) 0 0 no-repeat; }
.unit .unit02 { display: none; }
.unit .unit02 a { display: block; background: url(./images/btn_write.gif) 0 0 no-repeat; }

/* 주메뉴 */
.menu { width: 695px; height: 46px; position: absolute; top: 47px; left: 220px; overflow: hidden; }
.menu li { float: left;}

.menu .menu01, .menu .menu01 a { background-position: 0 0; }
.menu .menu02, .menu .menu02 a { background-position: -88px 0; }
.menu .menu03, .menu .menu03 a { background-position: -176px 0; }
.menu .menu04, .menu .menu04 a { background-position: -264px 0; }
.menu .menu05, .menu .menu05 a { background-position: -352px 0; }
.menu .menu06, .menu .menu06 a { background-position: -440px 0; }

/* 검색박스 */
.header .search { position: absolute; height: 21px; right: 0; top: 46px; }
.header .search .text { border: 1px solid #a2a2a2; background-color: #fff; width: 111px; height: 14px; margin-right: 3px; padding: 2px 4px; }
.header .search .submit { width: 27px; height: 19px; background: url(./images/btn_find.gif) 0 0 no-repeat; margin-right: 9px; text-indent: -20000px; border: none; }
.header .search .submit span { display: none; }

/* 달인님 */
.dalin { margin-bottom: 12px; padding-bottom: 12px; background: url(./images/bg_sidebar_dot.gif) bottom left repeat-x; font-size: 11px; letter-spacing: -1px; font-family: Dotum; }
.dalin strong { color: #e1013d; }
.dalin .more { display: block; color: #0070b3; text-align: right; margin-bottom: 14px; text-decoration: underline;  }
.dalin .more:hover { color: #333; text-decoration: underline; }
.dalin h3 { text-indent: -20000px; background: url(./images/dalin.gif) 0 0 no-repeat; width: 101px; height: 16px; margin-bottom: 4px; }
.dalin .info { color: #333; text-align: justify; }
.dalin .decimal { letter-spacing: 0; }

/* 컨텐츠 */
.page {  }

/* 사이드바 */
.sidebar { float: left; width: 212px; overflow: hidden; }

/* 사이드바 상단이미지 */
.sideimg { display: none; width: 213px; height: 145px; background: url(./images/stayahead.jpg) 0 0 no-repeat; }
.sideimg h2 { display: none; }

/* 진짜 사이드바 */
.sidebox { background-color: #fff; padding: 23px 19px; }

/* 대메뉴 */
.main_menu { display: none; overflow: hidden; width: 174px; height: 239px; margin-bottom: 12px; padding-bottom: 12px; background: url(./images/bg_sidebar_dot.gif) bottom left no-repeat; }
.main_menu li { display: block; float: left; }
.main_menu li a { display: block; }
.main_menu li a span { display: none; }

.main_menu .life { width: 86px; height: 119px; background: url(./images/menu_01.gif) 0 0 no-repeat; }
.main_menu .life a { width: 86px; height: 119px; background: url(./images/menu_01.gif) 0 0 no-repeat; }
.main_menu .study { width: 88px; height: 119px; background: url(./images/menu_02.gif) 0 0 no-repeat; }
.main_menu .study a { width: 88px; height: 119px; background: url(./images/menu_02.gif) 0 0 no-repeat; }
.main_menu .enjoy { width: 86px; height: 120px; background: url(./images/menu_03.gif) 0 0 no-repeat; }
.main_menu .enjoy a { width: 86px; height: 120px; background: url(./images/menu_03.gif) 0 0 no-repeat; }
.main_menu .news { width: 88px; height: 120px; background: url(./images/menu_04.gif) 0 0 no-repeat; }
.main_menu .news a { width: 88px; height: 120px; background: url(./images/menu_04.gif) 0 0 no-repeat; }

/* 프로필이미지 */
.blogImage { background: url(./images/bg_sidebar_dot.gif) bottom left no-repeat; padding-bottom: 11px; margin-bottom: 12px; line-height: 15px; letter-spacing: -1px; }
.blogImage .blogImage { background: none; padding-bottom: 0; margin-bottom: 10px; }
.blogImage img { border: 4px solid #e2e2e2; }
.blogImage .blogDesc { color: #3e3e3e; font-weight: bold; padding-left: 19px; background: url(./images/pen.gif) 5px 1px no-repeat; }
.blogImage .blogDesc .userID { display: none; color: #6c6c6c; font-size: 11px; letter-spacing: -1px; font-weight: normal; }

/* 검색창 */
.sidebar .search { margin-bottom: 13px; }
.sidebar .search .text { width: 119px; height: 13px; margin: 0; padding: 3px 4px 2px 45px; background: url(./images/bg_search.gif) 0 0 no-repeat; border: 3px solid #e2e2e2; font-size: 11px; font-family: "돋움", Dotum; letter-spacing: -1px; }
.sidebar .search .submit { display: none; }

/* 카테고리 */
.category { margin-bottom: 12px; padding-bottom: 12px; background: url(./images/bg_sidebar_dot.gif) bottom left repeat-x; letter-spacing: -1px; }
.category div { cursor: pointer; overflow: visible; padding-right: 2px; }
.category .c_cnt { font-size: 11px; color: #ff0000; }
.category h3 { text-indent: -20000px; width: 49px; height: 11px; background: url(./images/bg_category_title.gif) 0 0 no-repeat; margin-bottom: 14px; }
.category li { background: none; }
.category li ul li { background: url(./images/bul.gif) 0 6px no-repeat; padding-left: 10px; }
.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: #999; }

/* 최근 올라온 글 */
.recentPost { display: none; }
.recentPost h3 { text-indent: -20000px; width: 64px; height: 11px; background: url(./images/label_new.gif) 0 0 no-repeat; margin-bottom: 14px; }
.recentPost ul { }
.recentPost ul li { background: url(./images/bullet_dot.gif) 0 7px no-repeat; padding-left: 13px; }
.recentPost ul li a { color: #696969; }
.recentPost ul li a:hover { color: #999; text-decoration: underline; }

/* 컨텐츠박스 */
.contents { background-color: #fff; float: right; width: 739px; overflow: hidden; overflow: hidden; padding: 23px 21px 23px 22px;position:relative;}

/* 실제컨텐츠 */
.content { width: 631px; float: left;}

/* 컨텐츠 엔트리 */
.content .entry { margin-bottom: 30px; }

/* 컨텐츠 타이틀랩 */







.content .entry .titleWrap {  }
.content .entry .titleWrap h2 { color: #000; }
.content .entry .titleWrap h2 a { color: #000; }

/* 관리자 */
.content .entry .admin { margin-bottom: 15px; }

/* 컨텐츠 아티클 */
.content .entry .article { color: #666; line-height: 22px; text-align: justify; color: #333; }

/* 팀블로그 */
.content .entry .team { text-align: right; border-bottom: 1px solid #dedede; padding-bottom: 5px; padding-top: 5px; font-size: 11px; letter-spacing: -1px; color: #acb800; margin-bottom: 4px; }

/* 트랙백 */
.content .trackback h3 { font-size: 12px; border-bottom: 1px solid #dedede; padding-bottom: 10px; margin-bottom: 10px; }

/* 태그 */
.content .entry .tagTrail { border-bottom: 1px dashed #dedede; padding: 3px 0 4px 0; margin-bottom: 10px; font-size: 11px; letter-spacing: -1px; }
.content .entry .tagTrail a { color: #fc4733; }

/* 코멘트 존 */
.content .comment { margin-bottom: 40px; }
.content .comment h3 { font-size: 12px; margin-bottom: 5px; }
.content .comment h4 { font-size: 12px; color: #ff0000; letter-spacing: -1px; padding: 10px; border: 1px solid #dedede; background-color: #f4f4f4; margin-bottom: 7px; }
.content .comment textarea { border: 1px solid #dfdfdf; background-color: #f6f6f6; padding: 10px; color: #444; width: 100%; height: 50px; margin-bottom: 5px; }
.content .comment .text { border: 1px solid #dfdfdf; background-color: #f6f6f6; padding: 2px 4px; color: #444; width: 350px; margin-bottom: 5px; }

.content .comment .commentList { margin-bottom: 10px; }

.content .comment .commentList .rp_general {  }
.content .comment .commentList .rp_general p { padding-left: 10px; color: #666; }
.content .comment .commentList .rp_general .name { font-weight: bold; letter-spacing: -1px; }
.content .comment .commentList .rp_general .date { font-size: 11px; color: #999; }
.content .comment .commentList .rp_general .control { font-size: 12px; letter-spacing: -1px; color: #343434; }

/* 검색결과 */
.searchList {  }
.searchList h3 { margin-bottom: 14px; border-bottom: 1px dashed #999; padding-bottom: 14px; font-size: 14px; }
.searchList ol { padding: 14px; border: 1px solid #cdcdcd; background-color: #f6f6f6 }
.searchList ol li { border-bottom: 1px dashed #ccc; }

/* 아티클 댓글 */
.actionTrail { margin-bottom: 10px; }
.actionTrail .cnt { color: #0070b3; font-weight: bold; }

/* 태터데스크 최상단 컨텐츠 묶음 */
.content_top { width: 631px; height: 250px; margin-bottom: 29px; }

/* 아젠다 */
.content_top .agenda { float: left; width: 322px; height: 250px; background: url(http://cfs.tistory.com/custom/blog/23/233433/skin/images/tutu_1118.jpg) 0 0 no-repeat; position: relative; overflow: hidden; }
.content_top .widget_event { width: 107px; height: 30px; position: absolute; left: 15px; top: 68px; display: block; }
.content_top .widget_dal2 { width: 167px; height: 30px; position: absolute; left: 15px; top: 206px; display: block; }
.content_top a { display: block; }
.content_top a span { display: none; }

/* 태터데스크 메인 위젯 */
.content_top .widget { width: 300px; height: 250px; float: right; }

/* 태터데스크 중단 컨텐츠 묶음 */
.content_body { height: 160px; margin-bottom: 27px; }
.content_body h2 { margin-bottom: 5px; }

/* 가장 최근에 올라온 글 */
.latest_post { float: left; height: 175px; }
.latest_post h2 { width: 308px; height: 18px; background: url(./images/title_latest.gif) 0 0 no-repeat; overflow: hidden; }
.latest_post h2 a { width: 308px; height: 18px; background: url(./images/title_latest.gif) 0 0 no-repeat; display: block; }
.latest_post h2 a span { display: none; }

.latest_post .entry { width: 274px; height: 120px; border: 3px solid #e9e9e9; padding: 14px 13px 12px 15px; }
* html .latest_post .entry { height: 115px; padding-bottom: 5px; }
.latest_post .entry h3 { font-size: 14px; color: #333; letter-spacing: -1px; margin-bottom: 6px; height: 15px; overflow: hidden; }
.latest_post .entry h3 a { font-size: 14px; color: #333; letter-spacing: -1px; }
.latest_post .entry h3 a:hover { color: #888; text-decoration: underline; }
.latest_post .entry .box { height: 80px; overflow: hidden; margin-bottom: 5px; }
.latest_post .entry .box img { float: left; display: block; margin-right: 11px; border: 1px solid #cfe3ee; width: 90px; height: 70px; overflow: hidden; }
.latest_post .entry .box div { float: left; line-height: 16px; width: 171px; height: 77px; margin-bottom: 7px; overflow: hidden; }
.latest_post .entry .box div a { font-size: 11px; letter-spacing: -1px; color: #727272; }
.latest_post .entry .box div a:hover { color: #999; text-decoration: underline; }
.latest_post .entry ul { font-size: 11px; color: #949494; }
.latest_post .entry ul li { float: right; }
.latest_post .entry ul .nick { letter-spacing: -1px; background: url(./images/icon_man.gif) 0 2px no-repeat; padding-left: 10px; margin-right: 5px; }
.latest_post .entry ul .nick span { color: #ccc; }

/* 이슈 글 */
.issue_post { float: right; height: 175px; }
.issue_post h2 { width: 307px; height: 18px; background: url(./images/title_issue.gif) 0 0 no-repeat; overflow: hidden; }
.issue_post h2 a { width: 307px; height: 18px; background: url(./images/title_issue.gif) 0 0 no-repeat; display: block; }
.issue_post h2 a span { display: none; }

.issue_post .entry { width: 274px; height: 120px; border: 3px solid #e9e9e9; padding: 14px 13px 12px 15px; }
* html .issue_post .entry { height: 115px; padding-bottom: 5px; }
.issue_post .entry h3 { font-size: 14px; color: #333; letter-spacing: -1px; margin-bottom: 6px; height: 15px; overflow: hidden; }
.issue_post .entry h3 a { font-size: 14px; color: #333; letter-spacing: -1px; }
.issue_post .entry h3 a:hover { color: #888; text-decoration: underline; }
.issue_post .entry .box { height: 80px; overflow: hidden; margin-bottom: 5px; }
.issue_post .entry .box img { float: left; display: block; margin-right: 11px; border: 1px solid #cfe3ee; width: 90px; height: 70px; overflow: hidden; }
.issue_post .entry .box div { float: left; line-height: 16px; width: 171px; height: 77px; margin-bottom: 7px; overflow: hidden; }
.issue_post .entry .box div a { font-size: 11px; letter-spacing: -1px; color: #727272; }
.issue_post .entry .box div a:hover { color: #999; text-decoration: underline; }
.issue_post .entry ul { font-size: 11px; color: #949494; }
.issue_post .entry ul li { float: right; }
.issue_post .entry ul .nick { letter-spacing: -1px; background: url(./images/icon_man.gif) 0 2px no-repeat; padding-left: 10px; margin-right: 5px; }
.issue_post .entry ul .nick span { color: #ccc; }

/* 추천글 */
.recommend_post { float: left; height: 160px; }
.recommend_post h2 { width: 307px; height: 18px; background: url(./images/title_recommend.gif) 0 0 no-repeat; }
.recommend_post h2 a { width: 307px; height: 18px; background: url(./images/title_recommend.gif) 0 0 no-repeat; display: block; }
.recommend_post h2 a span { display: none; }
.recommend_post ul { width: 272px; height: 100px; border: 3px solid #e9e9e9; line-height: 20px; padding: 15px; }
.recommend_post ul li { background: url(./images/bullet_dot.gif) 0 7px no-repeat; padding-left: 11px; height: 20px; overflow: hidden; }
.recommend_post ul li a { color: #333; font: normal 12px "돋움", Dotum; }
.recommend_post ul li a:hover { color: #666; text-decoration: underline; }

/* 새로 올라온 글 */
.new_post { float: right; height: 160px; }
.new_post h2 { width: 307px; height: 18px; background: url(./images/title_new.gif) 0 0 no-repeat; }
.new_post h2 a { width: 307px; height: 18px; background: url(./images/title_new.gif) 0 0 no-repeat; display: block; }
.new_post h2 a span { display: none; }
.new_post ul { width: 272px; height: 100px; border: 3px solid #e9e9e9; padding: 15px; line-height: 20px; }
.new_post ul li { background: url(./images/bullet_dot.gif) 3px 7px no-repeat; padding-left: 11px; height: 20px; overflow: hidden; }
.new_post ul li a { color: #333; font: normal 12px "돋움", Dotum; }
.new_post ul li a:hover { color: #666; text-decoration: underline; }

/* 가로로 긴 컨텐츠 박스 */
.width_box { clear: both; margin-bottom: 27px; }
.width_box h2 { width: 630px; height: 18px; display: block; margin-bottom: 5px; }
.width_box h2 a { width: 630px; height: 18px; display: block; }
.width_box h2 a span { display: none; }
.width_box .manager { background: url(./images/title_letter.gif) 0 0 no-repeat; }
.width_box .manager a { background: url(./images/title_letter.gif) 0 0 no-repeat; }
.width_box .trend { background: url(./images/title_trendy.gif) 0 0 no-repeat; }
.width_box .trend a { background: url(./images/title_trendy.gif) 0 0 no-repeat; }

.width_box .box { width: 595px; height: 92px; border: 3px solid #e9e9e9; padding: 16px 18px 16px 12px; }
*html .width_box .box { width: 595px; height: 82px; border: 3px solid #e9e9e9; padding: 16px 18px 0 12px; }
.width_box .box .imgwrap { width: 100px; height: 110px; float: left; text-align: center; margin-right: 14px; font-size: 11px; letter-spacing: -1px; }
.width_box .box .imgwrap img { width:90px; height: 70px; overflow: hidden; border: 1px solid #cfe3ee; margin-bottom: 3px; }

.width_box .box table { width: 600px; float: left; padding: 0; margin-top: -5px; }
.width_box .box table .title { background: url(./images/bullet_dot.gif) 0 8px no-repeat; padding-left: 10px; }
.width_box .box table .title a { display: block; height: 14px; overflow: hidden; }
.width_box .box table .title .cmt { font-size: 11px; color: #f56e0c; }
.width_box .box table .nick { width: 150px; font-size: 11px; letter-spacing: -1px; color: #999; background: url(./images/icon_man.gif) 0 2px no-repeat; padding-left: 14px; }
.width_box .box table .nick .bar { letter-spacing: 1px; color: #ccc; }
.width_box .box table .nick .date { font-size: 10px; font-family: tahoma; letter-spacing: 0; color: #999; }

/* 퀵메뉴 */
.quick { width: 60px; height: 309px; overflow: hidden; float: right; background: url(./images/bg_quick.gif) 0 0 no-repeat; padding-top: 29px;position:absolute;right:10px;top:20px;}
.quick h2 { display: none; }
.quick li, .quick a { display: block; margin: 0; padding: 0; width: 60px; display: block; margin: 0; padding: 0; font-size: 0; }
.quick a span { display: none; }
.quick .q01 { background: url(./images/btn_q01.gif) 0 0 no-repeat; height: 49px; }
.quick .q01 a { background: url(./images/btn_q01.gif) 0 0 no-repeat;  height: 49px; }
.quick .q02 { background: url(./images/btn_q02.gif) 0 0 no-repeat; height: 43px; }
.quick .q02 a { background: url(./images/btn_q02.gif) 0 0 no-repeat;  height: 43px; }
.quick .q03 { background: url(./images/btn_q03.gif) 0 0 no-repeat; height: 44px; }
.quick .q03 a { background: url(./images/btn_q03.gif) 0 0 no-repeat;  height: 44px; }
.quick .q04 { background: url(./images/btn_q04.gif) 0 0 no-repeat; height: 41px; }
.quick .q04 a { background: url(./images/btn_q04.gif) 0 0 no-repeat;  height: 41px; }
.quick .q05 { background: url(./images/btn_q05.gif) 0 0 no-repeat; height: 43px; }
.quick .q05 a { background: url(./images/btn_q05.gif) 0 0 no-repeat;  height: 43px; }
.quick .q06 { background: url(./images/btn_q06.gif) 0 0 no-repeat; height: 42px; }
.quick .q06 a { background: url(./images/btn_q06.gif) 0 0 no-repeat;  height: 42px; }
.quick .q07 { background: url(./images/btn_q07.gif) 0 0 no-repeat; height: 47px; }
.quick .q07 a { background: url(./images/btn_q07.gif) 0 0 no-repeat;  height: 47px; }

/* 페이징 */
.paging { font-size: 11px; padding-top: 10px; padding-bottom: 30px; margin-top: 10px; border-top: 1px dashed #dedede; }
.paging a { padding: 4px 8px; background-color: #fafafa; }
.paging a:hover { border: 1px solid #2D6A9B; background-color: #f1f2f2; }
.paging .selected { font-weight: bold; color: #ff0000; }
.paging .selected a { border: none; }

/* 푸터 */
.footer { clear: both; font-size: 11px; letter-spacing: -1px; color: #999; width: 620px; }