/*////////////////////////////////////////////*/
/* Swan's blog - http://swandream.tistory.com */
/*////////////////////////////////////////////*/

@charset "utf-8";



/* reset */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, textarea, blockquote, th, td, input, select, textarea, button, p { margin: 0; padding: 0; }
img { border: 0 none; }
hr { display: none; }
dl, ul, ol, menu, li { list-style: none; }
a:link { color: #666; text-decoration: none; }
a:visited { color: #666; text-decoration: none; }
a:hover { color: #666; text-decoration: underline; }
a:active { color: #666; text-decoration: none; }
.moreless_fold { padding-left: 22px; margin: 0; background: transparent url(images/bg_more.png) no-repeat; color: #000; }
.moreless_top { padding-left: 22px; margin: 0; background: transparent url(images/bg_less.png) no-repeat; color: #000; }
.moreless_bottom { padding-right: 22px; margin: 0; background: transparent url(images/bg_less.png) no-repeat right; color: #999; text-align: right; }
.clear { clear: both; height: 0; }



/* fundamental layout */

body {  font: 12px/1.6 '나눔고딕', NanumGothic, '맑은 고딕', MalguenGothic, dotum, Verdana, AppleGothic, Sans-serif;
	color: #000;
	background-color: #cde7fe;
	cursor: url(images/cursor.cur), default;
}
#tistorytoolbarid { left: 10px !important;
}
#bgi {
}
#wrap { width: 1260px; overflow: hidden; margin: 0 auto; padding-left: 10px;
}
.inner { float: right; overflow: hidden;
}
.outer { float: left; width: 430px; padding-top: 90px;
}
.innerWrapT { position: relative; width: 820px; padding-top: 5px; background: transparent url(images/bg_inner_wt.png) no-repeat center top;
}
.innerWrapM { width: 820px; background: transparent url(images/bg_inner_wm.png) repeat-y center;
}
.innerWrapB { width: 820px; height: 35px; background: transparent url(images/bg_inner_wb.png) no-repeat center bottom;
}
.outerWrapT { width: 430px; height: 25px; background: transparent url(images/bg_outer_wt.png) no-repeat center top;
}
.outerWrapM { width: 430px; background: transparent url(images/bg_outer_wm.png) repeat-y center;
}
.outerWrapB { width: 430px; height: 25px; background: transparent url(images/bg_outer_wb.png) no-repeat center bottom;
}
.header { width: 740px; margin: 0 auto; padding: 10px 0 20px 0; background: transparent url(images/bg_dot.png) repeat-x left bottom;
}
#content { width: 720px; margin: 0 auto; padding-top: 20px;
}
#footer { width: 820px; height: 50px;
}



/* scrollbars */

#noticeList { position: relative; height: 110px;
}
#noticeList .customScrollBox { height: 100%; overflow: hidden; 
}
#noticeList .container { float: left; position: relative; width: 290px; 
}
#noticeList .content { 
}
#noticeList .dragger_container { position: relative; width: 2px; height: 110px; float: right; margin-right: 1px; background: #6aa1fe; filter: alpha(opacity=50); -moz-opacity: 0.50; -webkit-opacity: 0.50; opacity: 0.50; cursor:pointer; -moz-border-radius:2px; -khtml-border-radius:2px; -webkit-border-radius:2px; border-radius:2px;
}
#noticeList .dragger { position: absolute; width:2px; height:60px; background: #0247b8; filter: alpha(opacity=60); -moz-opacity: 0.60; -webkit-opacity: 0.60; opacity: 0.60; text-align:center; line-height:60px; color:#666; overflow:hidden; cursor:pointer; -moz-border-radius:2px; -khtml-border-radius:2px; -webkit-border-radius:2px; border-radius:2px;
}
#noticeList .dragger_pressed { position: absolute; width: 4px; margin-left: -1px; height: 60px; background: #0247b8; filter: alpha(opacity=60); -moz-opacity: 0.60; -webkit-opacity: 0.60; opacity: 0.60; text-align:center; line-height:60px; color:#666; overflow:hidden; -moz-border-radius:4px; -khtml-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; cursor:s-resize;
}



/* inner - header */

.inner .headerborder { width: 740px; height: 10px; margin: 0 auto; padding-top: 5px; background: transparent url(images/bg_dot.png) repeat-x left bottom;
}
.inner .noticeBoard { float: left; width: 300px; height: 110px; margin-left: 5px; padding: 25px 10px 10px 10px; background: transparent url(images/bg_notice.gif) no-repeat; overflow: hidden;
}
.inner #noticeList li { word-wrap: break-word;
}
.inner #noticeList span { color: #f55780;
}
.inner #noticeList a { color: #000;
}
.calender { float: left; margin: 0 5px 0 15px; width: 200px; height: 145px; overflow: hidden; font-family: '맑은 고딕', MalgeunGothic; font-size: 0.9em; text-align: center;
}
.cal_week2 { color: #ff0000;
}
.cal_current_week { background-color: #bddffe;
}
.cal_day_sunday { color: #ff0000;
}
.cal_day1 { background-color: #f1f1f1;
}
.cal_day2 { background-color: #f1f1f1;
}
.cal_day4 { font-weight: bold; color: #62b0f8;
}
a.cal_click { font-weight: bold; color: #62b0f8; text-decoration: underline;
}
.rss { float: left; padding: 10px 0 0 10px;
}
.rssbtn { display: block; width: 180px; height: 125px; background: transparent url(images/bg_rssbtn.png) no-repeat;
}
.rssbtn:hover { background-position: 0 -125px;
}



/* inner - List */

.inner .list { padding-bottom: 35px; word-wrap: break-word;
}
.inner .listHead { padding: 10px 0 20px 70px; background: transparent url(images/bg_title.png) no-repeat left top;
}
.inner .listHead .highlight { color: #62b0f8;
}
.inner .list h1 { font-size: 18px; font-weight: bold; color: #555;
}
.inner .list ol, .list ul { padding-top: 25px;
}
.inner .list li {
}
.inner .list .date { display: inline-block; width: 100px; font-family: Georgia, Sans-serif; font-style: italic; font-size: 1.4em; color: #62b0f8;
}
.inner .list a { font-size: 1.2em; padding-right: 3px;
}
.inner .list .cnt { font-size: 0.95em; color: #62b0f8; font-weight: bold;
}
#searchList a, #tagLog a { color: #000;
}
#tagLog li { display: inline; padding-bottom: 2px;
}



/* inner - notice, protected article, article */

.inner .articleWrap,
.inner .noticeWrap,
.inner .protectedContentWrap { padding-bottom: 35px;
}
.protectedContentWrap .postContent { padding: 30px 0 40px 0; text-align: center;
}
.protectedContentWrap .postContent p { padding-bottom: 15px;
}
.protectedContentWrap .pass { padding: 1px 3px 2px 3px; border: 1px solid #000;
}
.protectedContentWrap .pass:hover { border-color: #62b0f8;
}
.protectedContentWrap .submit { width: 60px; height: 21px; border: 1px solid #000; cursor: pointer; background-color: #fff;
}
.protectedContentWrap .submit:hover { border-color: #62b0f8; color: #62b0f8;
}
.post { position: relative;
}
.postHead { padding-left: 70px; background: transparent url(images/bg_title.png) no-repeat left top;
}
.postTitle { padding-bottom: 5px; font-weight: bold; word-wrap: break-word;
}
.postTitle h1 { font-size: 20px;
}
.postTitle h1 a { color: #62b0f8;
}
.postInfo { width: 650px;
}
.postInfo .date { width: 110px; font-family: Georgia, Sans-serif; font-style: italic; color: #62b0f8;
}
.postInfo .name { font-family: Georgia, Sans-serif; font-style: italic; color: #62b0f8;
}
.postInfo .category { text-align: right; color: #000;
}
.postInfo .category a { font-weight: bold; color: #62b0f8;
}
.postEdit { position: absolute; right: 0; border: 1px solid #62b0f8; padding: 0 5px; background: #fff;
}
.postEdit a { color: #000;
}
.postEdit .state { color: #ff0000;
}
.postContent { padding-top: 15px; overflow: hidden; font-size: 1.1em; word-wrap: break-word;
}
.postContent p { margin: 0;
}
.postContent fieldset { clear: both;
}
.postContent fieldset legend { color: #62b0f8;
}
.postContent fieldset div { font-size: 12px !important;
}



/* inner - toggle & trackback */

.togglebox { margin: 30px 0 5px 0; text-align: right;
}
.togglebox a { color: #000;
}
.togglebox a .cnt { font-weight: bold; color: #62b0f8;
}
.trackback {
}
.tburl { margin-bottom: 10px; padding: 2px 10px ; border-top: 2px solid #cacaca; border-bottom: 2px solid #cacaca;
}
.trackback ol { margin-bottom: 30px; border-top: 1px solid #cacaca; border-bottom: 1px solid #cacaca;
}
.trackback li { position: relative; padding: 0 10px; border-top: 1px solid #cacaca; border-bottom: 1px solid #cacaca;
}
.tbDel { position: absolute; top: 0; right: 0; display: inline-block; padding: 1px 3px; border: 1px solid #62b0f8; background: #fff;
}
.tbDel a { color: #000;
}
.tbInfo { padding: 4px 0; border-bottom: 1px dotted #cacaca;
}
.tbInfo a { font-weight: bold; color: #62b0f8;
}
.tbDesc p { padding: 4px 0; margin: 0;
}


/* inner - comment & guestbook */

.firstrp { border-bottom: 2px solid #cacaca; padding: 20px 10px;
}
.secondrp { margin-top: 20px; padding-top: 20px; border-top: 1px dotted #cacaca; background: transparent url(images/bg_reply_icon.png) no-repeat 80px 20px;
}
#guestbook { padding-bottom: 35px;
}
#guestbook h1 { margin: 0; padding: 0 0 3px 0; font-size: 18px; font-weight: bold; color: #555;
}
#guestbook .commentWrite { margin-top: 25px;
}
#guestbook ol { border-top: 2px solid #cacaca; margin-top: 30px;
}
#guestbook .secondrp:hover { background: transparent url(images/bg_reply_icon_hover.png) no-repeat 80px 20px;
}
#guestbook .guest_secret { background: transparent url(images/bg_icon_secret.gif) no-repeat; color: #3b68fa;
}
.comment ol { margin-bottom: 30px;  border-top: 2px solid #cacaca;
}
.comment .secondrp:hover { background: transparent url(images/bg_reply_icon_hover.png) no-repeat 80px 20px;
}
.comment .rp_secret { background: transparent url(images/bg_icon_secret.gif) no-repeat; color: #3b68fa;
}
.comment_box { position: relative; padding-left: 80px; min-height: 56px;
}
.reply_box { position: relative; padding-left: 140px; min-height: 56px;
}
.commentInfo { padding-bottom: 10px;
}
.userInfo { float: left;
}
.userInfo .name { font-weight: bold; font-size: 1.1em;
}
.userInfo .name  a { color: #62b0f8;
}
.userInfo .date { margin-left: 10px;
}
.hiddenComment .date { margin: 0 !important;
}
.userInfo img { position: absolute; top: 0; left: 0; width: 48px; height: 48px; padding: 2px; border: 2px solid #d1d1d1; background-color: #fff;
}
.commentInfo .detail { float: right; color: #62b0f8; font-size: 0.95em;
}
.commentInfo .detail span { padding-left: 2px;
}
.commentInfo .detail .stroke { padding-left: 5px;
}
.commentInfo .detail a { color: #62b0f8;
}
.commentDesc { word-wrap: break-word; overflow: hidden;
}
.commentWrite { position: relative; padding: 15px 20px; border: 2px solid #cacaca;
}
.visitorInfo { padding-bottom: 10px;
}
.visitorInfo .detail span { display: inline-block; width: 80px; cursor: pointer;
}
.visitorInfo .detail label.secret { cursor: pointer;
}
.visitorInfo .detail .scb { margin-right: 5px;
}
.visitorInfo .detail .form input { width: 160px; border: 1px solid #000; padding: 1px 3px; font-family: '맑은 고딕', MalguenGothic; background: transparent url(images/bg_blank_white.png);
}
.visitorInfo .detail .form input:hover { border-color: #62b0f8;
}
.submitBoard { text-align: center;
}
.submitBoard textarea { width: 664px; height: 160px; border: 1px solid #000; overflow-y: auto; padding: 5px; font-family: '맑은 고딕', MalguenGothic; font-size: 13px;
}
.submitBoard textarea:hover { border-color: #62b0f8;
}
.submitBtn { width: 300px; height: 40px; margin-top: 10px; border: 1px solid #000; background: #fff; cursor: pointer;
}
.submitBtn:hover { border-color: #62b0f8; color: #62b0f8;
}
.manual { position: absolute; left: 20px; bottom: 40px;
}
.manual a {font-weight: bold; color: #62b0f8;
}



/* inner - paging */

.paging { padding-top: 15px; border-top: 1px dotted #000; text-align: center;
}
.paging span { display: inline-block;
}
.preBtn { float: left; width: 120px; height: 60px; background: transparent url(images/bg_pre_btn.png) no-repeat; cursor: pointer;
}
.nextBtn { float: right; width: 120px; height: 60px; background: transparent url(images/bg_next_btn.png) no-repeat; cursor: pointer;
}
.preBtn:hover, .nextBtn:hover { background-position: 0 -60px;
}
.no-more-prev .preBtn,
.no-more-next .nextBtn { background: transparent url(images/bg_no_more.png) no-repeat;
}
.no-more-prev .preBtn:hover,
.no-more-next .nextBtn:hover { background-position: 0 0;
}
.pageAlign { float: left; width: 480px; padding-top: 15px; font-family: verdana, sans-serif; font-size: 1.8em; text-align: center;
}
.interword { color: #81b8fd;
}
.pageNum span { color: #81b8fd; cursor: pointer;
}
.pageNum span:hover { color: #3b84f2; text-decoration: none;
}
.pageNum .selected { color: #3b84f2;
}



/* outer */

.blogTitle { margin-bottom: 70px;
}
.blogTitle h1 { font-size: 24px;
}
.blogTitle h1 a { color: #4997f6; text-shadow: 0px 0px 3px #84bbfe;
}
.blogTitle h1 a:hover { text-shadow: 0px 0px 3px #fff; text-decoration: none;
}
.outer .menuWrap { height: 40px; padding-left: 20px;
}
.outer .menuWrap span { display: inline-block; float: left; height: 35px; margin-top: 2px; cursor: pointer;
}
.outer .menuWrap span:hover { background-position: 0 -35px;
}
.outer .homebtn { width: 80px; background: transparent url(images/bg_btnH.png) no-repeat;
}
.outer .guestbtn { width: 130px; background: transparent url(images/bg_btnG.png) no-repeat;
}
.outer .adminbtn { width: 80px; background: transparent url(images/bg_btnA.png) no-repeat;
}
.outer .sbWrap { width: 400px; margin: 0 auto;
}
.outer .sidebar1 { float: left; width: 190px;
}
.outer .sidebar2 { float: right; width: 200px;
}
.outer ul { margin: 5px 0;
}
.outer .profile { padding-bottom: 10px;
}
.outer .profile span { display: block;
}
.outer .profile .author { text-align: right;
}
.outer .profile .author .adminName { display: inline-block;
}
.outer .bgmPlayer { width: 200px; overflow: hidden;
}
.outer .blogImg { overflow: hidden; filter: alpha(opacity=85); opacity:0.85; -moz-opacity:0.85;
}
.outer .blogImg img { width: 190px; border-radius: 20px;
}
.outer .category { width: 190px; padding: 45px 0 10px 0; background: transparent url(images/bg_category_title.png) no-repeat left top;
}
.category .ib { cursor: pointer;
}
.category .branch3 { font-size: 1.1em; cursor: pointer;
}
.category .branch3 div:hover {
}
.category .c_cnt { font-size: 0.75em; font-weight: bold; color: #fe1717;
}
.elementWrap { padding-bottom: 10px;
}
.rpBtn, .rcBtn, .rtbBtn, .tagBtn { width: 190px; height: 45px; cursor: pointer;
}
.rpBtn:hover, .rcBtn:hover, .rtbBtn:hover, .tagBtn:hover { background-position: 0 -45px;
}
.rpBtn { background: transparent url(images/bg_rp_title_btn.png) no-repeat left top;
}
.rcBtn { background: transparent url(images/bg_rc_title_btn.png) no-repeat left top;
}
.rtbBtn { background: transparent url(images/bg_rtb_title_btn.png) no-repeat left top;
}
.tagBtn { background: transparent url(images/bg_tags_title_btn.png) no-repeat left top;
}
#recentpost, #recentcomment, #recenttb, #tagCloud { border: 1px solid #fff; padding: 0 5px; background: transparent url(images/bg_blank_black.png);
}
#recentpost a, #recentcomment a, #recenttb a, #tagCloud a { color: #fff;
}
#tagCloud li { display: inline; margin-right: 3px;
}
.outer .cnt, .outer .name, .outer .date { color: #62b0f8;
}
.outer .search { padding-bottom: 10px;
}
.outer .search div { height: 24px; margin: 0; padding: 0; background: transparent url(images/bg_blank_black.png);
}
.outer .sidebar1 .search div { width: 190px;
}
.outer .sidebar2 .search div { width: 200px;
}
.outer .search input { height: 22px; padding: 0 3px 0 3px; border: 1px solid #fff; background: transparent; font-family: dotum; color: #62b0f8;
}
.outer .sidebar1 .search input { width: 182px;
}
.outer .sidebar2 .search input { width: 192px;
}
.outer .counter { padding: 45px 0 10px 0; background: transparent url(images/bg_counter_title.png) no-repeat left top; color: #fff;
}
.outer .counter .detail { border: 1px solid #fff; background: transparent url(images/bg_blank_black.png); overflow: hidden; text-align: center;
}
.outer .counter .detail .total td { padding-top: 10px;
}
.outer .counter .detail .yesterday td { padding-bottom: 10px;
}
.outer .counter .title { width: 100px;
}
.outer .counter .today { color: #62b0f8; font-weight: bold;
}
.outer .sidebar1 .counter .detail { width: 190px;
}
.outer .sidebar2 .counter .detail { width: 200px;
}
.outer .link { padding: 45px 0 10px 0; background: transparent url(images/bg_links_title.png) no-repeat left top;
}
.outer .link .linkCollection { position: relative; padding-left: 3px; border: 1px solid #fff; background: transparent url(images/bg_blank_black.png); font-family: dotum, gulim;
}
.outer .link .selected { color: #fff; cursor: pointer; background: transparent url(images/bg_select_btn.png) no-repeat right top;
}
.outer .link .selected:hover { background-position: right -18px;
}
.outer .link #options { position: absolute; left: -1px; top: 20px; max-height: 240px; border: 1px solid #fff; border-top: 0 none; background: transparent url(images/bg_blank_black.png); overflow-x: hidden; overflow-y: auto;
}
.outer .sidebar1 #options { width: 188px;
}
.outer .sidebar2 #options { width: 198px;
}
.outer .link #options ul { margin: 0;
}
.outer .link #options li { padding: 2px 0 0 3px; cursor: pointer;
}
.outer .link #options li:hover { background: transparent url(images/bg_blank_black.png);
}
.outer .link #options a { color: #fff;
}
.outer .link #options a:hover { text-decoration: none;
}




/* footer */

#copyright { padding-top: 15px; text-align: center;
}
#copyright a { font-weight: bold; color: #62b0f8;
}
.inform_main { display: none;
}
.cr { display: none;
}



/* for IE */

:root .outer .search input { height: 22px \0/IE9; padding: 0 3px 0 3px \0/IE9;
}
.outer .search input { height /*\**/: 18px\9; padding /*\**/: 4px 3px 0 3px\9; *height: 18px; *padding: 4px 3px 0 3px; *margin-top: -1px;
}
.outer .sidebar1 .link .selected { *width: 185px;
}
.outer .sidebar2 .link .selected { *width: 195px;
}