@charset "utf-8";

/* reset */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, textarea, p, blockquote, th, td, input, select, textarea, button {
    margin: 0;
    padding: 0;
}

fieldset, img {
    border: 0;
}

dl, ul, ol, li {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

input, select, textarea, button {
    vertical-align: middle;
    font-size: 14px;
    line-height:1.5;
}

body {
    -webkit-text-size-adjust: none
}

/* 뷰표트 변환시 폰트크기 자동확대 방지. */
input[type="text"], input[type="password"], input[type="submit"] {
    /*-webkit-appearance: none; input 디자인이슈로 제거*/
    border-radius: 0;
}

input:checked[type="checkbox"] {
    background-color: #666;
    -webkit-appearance: checkbox;
}

button, input[type="submit"], input[type="reset"], input[type="file"] {
    -webkit-appearance: button;
    border-radius: 0;
}

input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: none;
}

/* common */
body, input, select, textarea {
    font: 14px/1.5 'Malgun Gothic', sans-serif;
}

address, caption, cite, code, dfn, em, var {
    font-style: normal;
    font-weight: normal;
}

hr {
    display: none;
}

.txt_hide {
    display: block;
    overflow: hidden;
    position: absolute;
    left: -9999px;
    width: 1px;
    height: 1px;
    font-size: 0;
    line-height: 0;
    text-indent: -9999px;
}

.f_l {
    float: left;
}

/*.area_content a,#feedback li p a{text-decoration:underline;}*/
a.no_underline {
    text-decoration: none;
}

a.round {
    border-radius: 3px;
    padding: 1px;
    display: inline-block;
    text-decoration: none;
}

a.round span {
    border-radius: 3px;
    display: inline-block;
    width: 100%;
    height: 100%;
    text-align: center;
}

.center {
    text-align: center;
}

.ir_pm {
    display: block;
    overflow: hidden;
    font-size: 0px;
    line-height: 0;
    text-indent: -9999px
}

/* 사용된 이미지내 의미있는 텍스트의 대체텍스트를 제공할때 */
.ir_wa {
    display: block;
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 100%;
    z-index: -1
}

/* 중요한 이미지 대체텍스트로 이미지off시에도 대체 텍스트를 보여주고자 할때 */
.screen_out {
    display: block;
    overflow: hidden;
    position: absolute;
    left: -9999px;
    width: 1px;
    height: 1px;
    font-size: 0;
    line-height: 0;
    text-indent: -9999px
}

/* 대체텍스트가 아닌 접근성을 위한 숨김텍스트를 제공할때 */
.screen_hide {
    font-size: 0;
    line-height: 0;
    visibility: hidden
}

/* screen_out클래스를 사용할 수 없으며, 해당 텍스트를 숨겨야 할때 */

.f_l {
    float: left
}

.f_r {
    float: right
}

.cl_b {
    clear: both;
    width: 0;
    height: 0;
    font-size: 0;
    line-height: 0
}

.show {
    display: block
}

.hide {
    display: none
}

.tbl {
    border-collapse: collapse;
    border-spacing: 0
}

.bround {
    display: inline-block;
    padding: 0;
    border: 1px solid;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    font-size: 12px;
    text-decoration: none;
    text-align: center
}

.pround {
    display: inline-block;
    padding: 1px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    font-size: 12px;
    text-decoration: none
}

.pround .inner {
    display: inline-block;
    width: 100%;
    height: 100%;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    text-align: center
}

.img_comm {
    display: inline-block;
    overflow: hidden;
    background: url(http://m1.daumcdn.net/icon/mobile/m320/tistory/img_comm.png) no-repeat;
    text-align: center
}

.img_comm {display:inline-block;overflow:hidden;background:url(http://i1.daumcdn.net/img-media/mobile/m320/tistory/img_comm_131010.png) no-repeat;text-align:center}/* 2013-10-10 수정 */

/* 브랜딩 영역 */
#serviceHead {
    overflow: hidden;
}

#serviceHead .head_top {overflow:hidden;position:relative;height:44px;border-bottom:1px solid #010101;background-color:#3d4047}/* 2013-10-10 수정 */

#serviceHead .head_top {
    overflow: hidden;
    position: relative;
    height: 44px;
    background-color: #3d4047
}

#daumServiceLogo{display:block;position:absolute;top:5px;left:4px;width:38px;height:35px;background:url(http://i1.daumcdn.net/img-media/mobile/m320/tistory/logo_tistory_140630.png) 8px 6px no-repeat;text-indent:-9999px}/* 2013-10-10 수정 */

.head_top .btn_myblog {
    position: absolute;
    top: 8px;
    left: 8px;
    width: 61px;
    height: 28px;
    padding-left: 6px;
    font-weight: bold;
    font-size: 11px;
    line-height: 28px;
    letter-spacing: -1px;
    color: #fff;
    background-position: -55px -19px
}

.head_top .right {
    overflow: hidden;
    float: right;
    margin: 8px 8px 0 0
}

.head_top .right .bround {
    float: left;
    border-color: #2a2c33;
    background-color: #2a2c33
}

/* 2013-10-10 수정 시작 */
.head_top .right .btn_search {float:left;width:20px;height:20px;padding:7px 6px;margin-right:9px}
.head_top .right .btn_search .img_comm {width:20px;height:20px;background-position:-220px -59px;text-indent:-9999px}
.head_top .right .btn_search_on .img_comm {background-position:-240px -59px}
.head_top .right .btn_add {float:left;width:16px;height:17px;padding:8px 8px 9px;margin-right:6px}
.head_top .right .btn_add .img_comm {width:16px;height:17px;background-position:-220px -84px;text-indent:-9999px}
.head_top .right .btn_login {float:left;width:18px;height:21px;padding:6px 7px 7px}
.head_top .right .btn_login .img_comm {width:16px;height:20px;background-position:-240px -84px;text-indent:-9999px}
.head_top .right .btn_myopen {float:left;width:16px;height:20px;padding:6px 7px 7px}
.head_top .right .btn_myopen .img_comm {width:18px;height:21px;background-position:-220px -109px;text-indent:-9999px}
.head_top .right .btn_myopen_on .img_comm {background-position:-240px -109px}
#serviceHead .layer_my {display:none}
#serviceHead .open_my {display:block;position:relative;width:100%;z-index:100}
.layer_my .my_info {position:relative;height:48px;border-bottom:1px solid #cdcdcd;line-height:48px;background:#f0f0f0}
.layer_my .my_info .link_txt {display:block;overflow:hidden;margin-right:177px;font-weight:bold;font-size:15px;color:#333;text-indent:8px;white-space:nowrap;text-overflow:ellipsis}/* 2013-10-11 수정 */
.layer_my .my_info .btn_my {overflow:hidden;position:absolute;right:0;top:9px}/* 2013-10-11 수정 */
.layer_my .btn_my .bround {float:left;border-color:#949da6;background-color:#fff;height:29px;;color:#515b65;font-weight:bold;letter-spacing:-1px;line-height:29px}
.layer_my .btn_my .btn_pw {padding:0 9px;margin-right:6px}
.layer_my .tab_link {overflow:hidden;width:100%;border-bottom:1px solid #dcdcdc}
.layer_my .tab_link li {float:left;width:50%;text-align:center}
.layer_my .tab_link .link_tab {display:block;height:39px;font-weight:bold;font-size:15px;line-height:39px;color:#3d414d;background:#fff url(http://m1.daumcdn.net/cfs.tistory/blog/style/mobile/images/m320/bar_menu.png) no-repeat left center}
.layer_my .tab_link .fst {background-image:none }
.layer_my .tab_link .on .link_tab {color:#f1631b}
/* 내블로그 */
.layer_my .my_blog {border-bottom:1px solid #010101}
.layer_my .my_blog .list_blog {overflow:hidden}
.layer_my .list_blog li {overflow:hidden;position:relative;height:44px;border-top:1px solid #ededed}
.layer_my .list_blog .fst {border:0 none}
.layer_my .list_blog .link_cont {display:block;overflow:hidden;height:44px;margin-right:85px;padding-left:15px;font-weight:bold;line-height:44px;color:#333;text-overflow:ellipsis;white-space:nowrap}
.layer_my .list_blog .img_new {width:16px;height:17px;margin:14px 0 0 6px;background-position:-220px -154px;vertical-align:top}
.layer_my .list_blog .wrap_btn {display:block;overflow:hidden;position:absolute;top:0;right:0;padding-right:4px}
.layer_my .list_blog .link_btn {float:left;;width:27px;height:32px;padding:12px 0 0 12px}
.list_blog .link_btn .img_comm {float:left;width:16px;height:17px;text-indent:-9999px}
.list_blog .link_btn .img_write {background-position:-220px -134px}
.list_blog .link_btn .img_admin {background-position:-240px -134px}
/* 링크 */
.layer_my .my_link {border-bottom:1px solid #010101}
.layer_my .my_link .choice_link {overflow:hidden;margin:15px}
.layer_my .tab_sort {overflow:hidden;border-radius:5px;border:1px solid #c3c3c3}
.layer_my .tab_sort li {float:left;width:50%;text-align:center}
.layer_my .tab_sort .link_tab {display:block;height:36px;font-weight:bold;font-size:15px;line-height:36px;color:#999;border-radius:0 5px 5px 0;background-color:#f0f0f0}
.layer_my .tab_sort .fst {border-right:1px solid #c3c3c3;border-radius:5px 0 0 5px}
.layer_my .tab_sort .on .link_tab {color:#333;background-color:#fff}
.choice_link .opt_comm {width:100%;height:23px;margin-bottom:11px}
.my_link .fold_mylink {position:relative;width:100%}
.fold_mylink .list_collect {display:none}
.fold_mylink .link_fold {display:block;padding:0 46px 0 15px;border-top:1px solid #dcdcdc;font-size:15px;line-height:44px}
.fold_mylink .link_fold .tit_fold {color:#333}
.fold_mylink .link_fold .txt_num {padding-left:5px;font-weight:bold;color:#f1631b}
.fold_mylink .link_fold .img_comm {display:inline-block;overflow:hidden;position:absolute;top:20px;right:12px;width:11px;height:6px;background-position:-220px -185px;text-indent:-9999px;vertical-align:top}
.fold_myopen .link_fold .img_comm {background-position:-220px -175px}
.fold_myopen .list_collect {display:block}
.fold_myopen .list_collect li {height:44px;line-height:44px;border-top:1px solid #ededed}
.fold_myopen .list_collect .img_comm {width:10px;height:10px;margin-right:3px;background-position:-242px -46px}
.fold_myopen .list_collect .link_blog {display:block;overflow:hidden;padding:0 22px;font-weight:bold;color:#333;text-overflow:ellipsis;white-space:nowrap}
.fold_myopen .list_collect .no_link_data {display:block;overflow:hidden;text-align:center;padding:10px 22px;font-weight:bold;color:#333;text-overflow:ellipsis;white-space:nowrap}
.fold_myopen .list_collect .link_blog .ico_new {overflow:hidden;background:url(http://m1.daumcdn.net/cfs.tistory/static/mobile/320/v01/ico_link.png) 0 0;text-indent:-9999px;display:inline;width:10px;height:11px;margin:10px 0 0 5px}
/* 2013-10-10 수정 끝 */

#daumLogo {
    position: absolute;
    top: 9px;
    left: 8px;
}

/* 검색창 레이어 */
#daumBtnSearch_img {
    right: 6px
}

#daumBtnSearch{position:absolute;top:8px;right:8px;padding:1px;width:44px;height:28px;border:1px solid #949da6;border-radius:3px;background-color:#fff}/* 2013-10-10 수정 */
#daumBtnTotalSearch{border:0 none;position:absolute;top:52px;right:8px;padding:1px;width:70px;height:28px;border-radius:3px;background-color:#70778c}/* 2013-10-10 수정 */
.search_outwrap {height:30px;padding:0;margin:8px 62px 8px 8px;position:relative;border-radius:3px}/* 2013-10-10 수정 */
.search_midwrap {padding:3px;height:24px;border:1px solid #949da6;background-color:#fff;border-radius:2px}/* 2013-10-10 수정 */

.search_inwrap {
    width: 100%;
    height: 100%;
    border-radius: 2px;
    background-color: #fff;
    text-align: left;
}

.search_inwrap input {
    line-height: 20px;
    height: 20px;
    font-size: 15px;
    background-color: transparent;
    border: 0;
    width: 90%;
    padding-left: 7px;
    -webkit-appearance: none;
    border-radius: 0
}

.search_outwrap_img {
    margin: 7px 57px 7px 6px;
}

#daumBtnClear, .tistory_clear_btn {
    border: 0 none;
    position: absolute;
    background: url(http://m1.daumcdn.net/cfs.tistory/static/mobile/320/v01/txt_sh2.gif) 0 -175px no-repeat;
    top: 4px;
    right: 0;
    height: 17px;
    width: 17px;
    padding: 5px;
    display: none;
}

#daumSearchBack {
    display: none;
    z-index: 9998;
    position: absolute;
    top: 89px;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #000;
    opacity: 0.6
}

#daumSearchLayer{display:none;overflow:hidden;height:47px;width:100%;left:0;top:44px;position:absolute;z-index:9999;background-color:#f0f0f0;border-bottom:1px solid #010101}/* 2013-10-10 수정 */

#daumSearchLayer.show {
    display: block;
}

#daumSearchBack.show {
    display: block;
}

#daumBtnSearch span {width:100%;height:100%;display:inline-block;font-weight:bold;color:#515b65;line-height:30px;font-size:13px}/* 2013-10-10 수정 */

#daumBtnTotalSearch span {
    line-height: 30px;
    width: 100%;
    height: 100%;
    display: inline-block;
    color: #fff;
    font-size: 13px
}

#clipWrap {
    width: 16px;
    height: 24px;
    position: absolute;
    right: 0;
    top: 7px;
}

#clipWrap .box_right {
    z-index: 1;
    position: absolute;
    top: 0;
    right: -3px;
    width: 3px;
    border-left: 1px solid #db8b14;
    height: 100%;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    background: -webkit-gradient(linear, left top, right top, from(#f4a820), to(#ffa81a));
    background-color: #ffb223;
}

#clipWrap .box_left {
    z-index: 2;
    position: absolute;
    top: 5px;
    right: -3px;
    width: 15px;
    height: 14px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    background: -webkit-gradient(linear, left top, right bottom, from(#fed36c), to(#ffa81a));
    background-color: #ffb223;
}

/* 서제스트 12.03.14 */
#daumSuggestLayer {
    position: absolute;
    top: 92px;
    left: 0px;
    width: 100%;
    z-index: 9999;
}

#daumSuggestLayer .suggestBox {
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%;
    background: #fff;
}

#daumSuggestLayer .suggestBox a {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#daumSuggestLayer .suggestBox li {
    position: relative;
    width: 100%;
    height: 33px;
    border-bottom: 1px solid #ededed;
    text-indent: 10px;
    line-height: 34px;
}

#daumSuggestLayer .suggestBox .item {
    display: block;
    width: 100%;
    height: 32px;
    color: #000;
    text-decoration: none;
    font-size: 15px;
}

#daumSuggestLayer .suggestBox .item strong {
    font-weight: normal;
    color: #fe7832;
}

#daumSuggestLayer .suggestBox .btn_add {
    position: absolute;
    top: 2px;
    right: 0;
    width: 50px;
    height: 30px;
    border: 0;
    background: url(http://m1.daumcdn.net/icon/mobile/m320/common/2010/blue/ico_totalsearch.png) no-repeat 12px -24px;
    font-size: 0;
    text-indent: -9999px;
    cursor: pointer;
}

#daumSuggestLayer .suggestBox .bg_shield {
    display: none;
}

#daumSuggestLayer .suggestBox .footer .btn_close {
    position: relative;
    float: right;
    width: 100px;
    text-decoration: none;
}

#daumSuggestLayer .suggestBox .footer {
    position: relative;
    width: 100%;
    height: 37px;
    padding-top: 9px;
    border-bottom: 1px solid #666;
    background: #f8f8f8;
    clear: both;
}

#daumSuggestLayer .suggestBox .footer .txt_close {
    float: right;
    margin: 1px 10px 0 0;
    display: block;
    width: 77px;
    height: 24px;
    border: 1px solid #b3b4bb;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background: 0;
    background-color: #fbfbfb;
    font-size: 12px;
    color: #000;
    text-decoration: none;
}

#daumSuggestLayer .suggestBox .footer .txt_close span {
    display: block;
    width: 38px;
    background: url(http://m1.daumcdn.net/icon/mobile/m320/common/2010/blue/ico_totalsearch.png) no-repeat 0 9px;
    font-size: 13px;
    text-align: right;
    line-height: 25px;
    color: #444;
    margin: 0 auto;
}

#daumSuggestLayer .suggestBox .footer .sug_recent_footer {
    float: left;
    padding: 7px 0 0 9px;
    color: #666;
    line-height: 14px;
}

#daumSuggestLayer .suggestBox .footer .sug_recent_footer .bar {
    padding: 0 8px 0 8px;
    color: #e2e2e2;
}

#daumSuggestLayer .suggestBox .footer .sug_recent_footer a {
    color: #666;
}

#daumMinidaum .minidaum_login span, #daumMinidaum .minidaum_logout span {
    display: block !important;
}

/* 헤더 GNB없을경우 그림자 */
.header_only #daumHead {
    -webkit-box-shadow: 0px 1px 3px -1px #555;
    box-shadow: 0px 1px 3px -1px #555;
}

.header_only #menu {
    display: none;
}

/* 댓글수 */
.comment_count {
    display: inline-block;
    padding: 2px;
    font: bold 12px/16px Helvetica;
    background-color: #fff;
    border-radius: 10px;
    -webkit-box-shadow: 0 3px 2px -1px #666;
    box-shadow: 0 3px 2px -1px #666;
}

.comment_count span {
    display: inline-block;
    padding: 0 4px 0 5px;
    height: 16px;
    -webkit-box-shadow: inset 1px 1px 2px rgba(255, 255, 255, 0.2), inset -1px -1px 2px rgba(255, 255, 255, 0.2);
    box-shadow: inset 1px 1px 2px rgba(255, 255, 255, 0.2), inset -1px -1px 2px rgba(255, 255, 255, 0.2);
    color: #fff;
    text-align: center;
    border-radius: 8px;
}

/* 페이징 */
#pagingNav {
    margin: 0 6px;
    padding: 10px 0 10px;
    text-align: center;
    letter-spacing: -1px;
    clear: both;
}

.viewer #pagingNav {
    margin: 0 6px;
    padding: 10px 0;
    border-top: 0 none;
    text-align: center;
    letter-spacing: -1px;
    clear: both;
}

#pagingNav {
    border: 0 none !important;
}

#pagingNav a, #pagingNav em, #prevPage, #nextPage {
    display: inline-block;
    width: 40px;
    height: 31px;
    font: 14px/31px helvetica;
    border-radius: 3px;
}

#pagingNav a, #pagingNav em {
    margin: 0 2px;
    padding: 0;
}

#pagingNav a span, #pagingNav em span, #prevPage span, #nextPage span {
    display: inline-block;
    width: 100%;
    height: 100%;
    text-align: center;
    border-radius: 3px;
}

#pagingNav a, #prevPage, #nextPage {
    text-decoration: none;
}

#pagingNav a.btn_arrow {
    margin: 0 4px;
}

#pagingNav a.btn_arrow span span, #prevPage.btn_arrow span span, #nextPage.btn_arrow span span {
    display: block;
    background-image: url(http://m1.daumcdn.net/cfs.tistory/blog/style/mobile/images/m320/btn_common.png);
    background-repeat: no-repeat;
    text-indent: -9999px;
}

#pagingNav a.prev_off span span, #prevPage.prev_off span span {
    background-position: 17px 10px;
}

#pagingNav a.next_off span span, #nextPage.next_off span span {
    background-position: 16px -30px;
}

#pagingNav a.prev_on span span, #prevPage.prev_on span span {
    background-position: 17px -70px;
}

#pagingNav a.next_on span span, #nextPage.next_on span span {
    background-position: 16px -110px;
}

/* 내 메뉴 */
#nav {
    margin: 20px 12px;
    border-radius: 3px;
}

#nav .my_menu {
    position: relative;
    height: 36px;
    width: 100%;
}

#nav .my_menu li {
    float: left;
    width: 25%;
    height: 36px;
    line-height: 36px;
}

#nav .my_menu li a {
    display: block;
    height: 100%;
    text-align: center;
}

#nav .my_menu li a.fst {
    border-left: 0;
}

#nav .my_menu .promotion_new {
    position: absolute;
    top: -6px;
    right: -5px;
    display: inline-block;
    padding: 2px;
    font: bold 12px/16px Helvetica;
    background-color: #fff;
    border-radius: 10px;
    -webkit-box-shadow: 0 3px 2px -1px #666;
    box-shadow: 0 3px 2px -1px #666;
}

#nav .my_menu .promotion_new span {
    display: inline-block;
    padding: 0 4px 0 5px;
    height: 16px;
    color: #fff;
    -webkit-box-shadow: inset 1px 1px 2px rgba(255, 255, 255, 0.2), inset -1px -1px 2px rgba(255, 255, 255, 0.2);
    box-shadow: inset 1px 1px 2px rgba(255, 255, 255, 0.2), inset -1px -1px 2px rgba(255, 255, 255, 0.2);
    text-align: center;
    border-radius: 8px;
}

/* 검색 */
.wrap_post_view_footer {
	background-color:#EEEDF3;
}

.search_tistory {
    width: 100%;
    padding: 22px 0 22px
}

.search_result .search_tistory {
	padding-top:10px;
}

.box_search {
    position: relative;
    height: 28px;
    margin: 0 62px 0 12px;
    border: 1px solid #b0b3c0;
    -webkit-box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.3);
    box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.3);
    background-color: white
}

.box_search .inp_text {
    width: 90%;
    height: 14px;
    margin-left: 4px;
    margin-top: 5px;
    padding: 5px 0 0 2px;
    font-size: 14px;
    line-height: 14px;
    border: 0;
    background-color: transparent
}

.box_search .btn_search {
    position: absolute;
    top: -1px;
    right: -51px;
    width: 46px;
    height: 30px;
    padding: 0;
    border: 1px solid #a8a8a8;
    font-size: 0;
    line-height: 0;
    text-align: center;
    background: rgb(248, 248, 248);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(248, 248, 248, 1)), color-stop(100%, rgba(239, 239, 239, 1)));
    background: -moz-linear-gradient(top, rgba(248, 248, 248, 1) 0%, rgba(239, 239, 239, 1) 100%);
    background: -o-linear-gradient(top, rgba(248, 248, 248, 1) 0%, rgba(239, 239, 239, 1) 100%);
    background: linear-gradient(to bottom, rgba(248, 248, 248, 1) 0%, rgba(239, 239, 239, 1) 100%)
}

.box_search .btn_search .inner {
    font-size: 14px;
    line-height: 28px;
    font-weight: bold;
    letter-spacing: -1px;
    white-space: nowrap;
    color: #495A69;
    text-indent: 0;
    text-align: left;
    clear: both
}

/* SearchBar */
#tistorySearch .search_outwrap {
    height: 36px;
    padding: 0;
    margin: 0 57px 7px 6px;
    position: relative;
    background-color:;
    border-radius: 6px;
}

#tistorySearch .search_midwrap {
    padding: 4px;
    height: 28px;
    border-radius: 6px;
}

#tistorySearch .search_inwrap {
    width: 100%;
    height: 100%;
    border-radius: 2px;
    -webkit-box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.3);
    box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.3);
    background-color: #fff;
    text-align: left;
}

#tistorySearch .search_inwrap input {
    line-height: 20px;
    height: 20px;
    font-size: 15px;
    width: 100%;
    background-color: transparent;
    border: 0;
    width: 90%;
    padding-left: 7px;
    -webkit-appearance: none;
    border-radius: 0;
    margin-top: 4px;
}

#tistorySearch .search_outwrap_img {
    margin: 7px 57px 7px 6px;
}

#tistorySearch {
    position: relative;
    padding-right: 6px;
}

#tistorySearch .search_outwrap {
    margin: 20px 57px 15px 12px;
}

.search_form a.tistory_srch_btn {
    right: 12px;
    top: 0;
    position: absolute;
    padding: 0;
    width: 44px;
    height: 34px;
    border: 1px solid #bbb;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededee));
    background-color: #f9f9f9;
    border-radius: 6px;
    -webkit-appearance: none;
}

.search_form a.tistory_srch_btn span span {
    font-size: 15px;
    font-weight: bold;
    line-height: 32px;
    text-indent: -9999px;
    background: url(http://m1.daumcdn.net/cfs.tistory/static/mobile/320/v01/txt_sh1.gif) center center no-repeat;
}

/* Footer */
#daumFoot {
    clear: both;
    margin: 0 auto;
    padding-top: 10px;
    width: 100%;
    height: 53px;
    text-align: center;
    zoom: 1;
}

#daumFoot ul {
    margin: 0 auto;
    width: 290px;
    height: 26px;
    overflow: hidden;
    text-align: center;
}

#daumFoot ul.wide_footer {
    width: 290px;
}

#daumFoot li {
    position: relative;
    float: left;
    margin: 0 !important;
}

#daumFoot a {
    display: block;
    margin: 0 2px 0 3px !important;
    padding: 0 !important;
    width: 64px !important;
    height: 24px !important;
    overflow: hidden;
    font-size: 13px;
    line-height: 24px !important;
    border-radius: 3px;
}

#daumFoot a.btn_tistory {
    width: 70px !important;
}

#daumFoot #daumMinidaum a.minidaum_login, #daumFoot #daumMinidaum a.minidaum_logout {
    top: 0;
}

#daumFoot address {
    clear: both;
    padding: 5px 0 7px;
    height: 13px;
    font-size: 11px;
}

/* 더보기 버튼 라운드형 */
a.btn_more_type1 {
    display: block;
    height: 40px;
    margin: 10px 12px 0;
    font-size: 15px;
    line-height: 40px;
    border-radius: 8px;
    padding: 0;
}

a.btn_more_type1 span {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 8px;
}

a.btn_more_type1 span span {
    display: block;
    width: 58px;
    height: 100%;
    margin: 0 auto;
    background: url(http://m1.daumcdn.net/cfs.tistory/blog/style/mobile/images/m320/btn_common.png) no-repeat right -143px;
    text-align: left;
    border-radius: 0;
}

.btn_normal {
    color: #333;
    border: 1px solid #aaa;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f6f6f6));
    background-color: #f5f5f5;
}

/* header */
#daumHead {
    position: relative;
    width: 100%;
    -webkit-background-size: 320px auto;
}

#header {
    width: 100%;
}

h1 a {
    display: block;
    text-align: center;
}

/* 메뉴개수에 따른 너비 조정 */
#menu .menu_count_2 li {
    width: 50%;
}

#menu .menu_count_3 li {
    width: 33.3%;
}

#menu .menu_count_4 li {
    width: 25%;
}

#articleList .wrap_post_anchor {
    display: block;
    width: 100%;
}

.area_tit .category_info {
    max-width: 100px;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    vertical-align: top;
}

.area_tit .view_info {
	display:inline-block;
}

.area_tit .view_info .view_mini_icon {
	display: inline-block;
	width: 14px;
	height: 14px;
	background-image: url(http://i1.daumcdn.net/img-media/tistory/img/img.gif);
	background-size: 205px 95px;
	background-position: -328px -64px;
	vertical-align:top;
	margin-top:1px;
}

body.wide .category_info {
    width: 200px;
}

/* 글목록_type dlp */
.list_type_dlp #articleList {
    padding: 4px 6px 0;
}

.list_type_dlp #articleList li {
    padding: 10px 6px 9px;
}

.list_type_dlp #articleList li.fst {
    border-top: 0;
}

.list_type_dlp #articleList li .comment_count {
    position: relative;
    top: -2px;
}

.list_type_dlp #articleList li .owner_info {
    display: block;
    padding-top: 1px;
    font-size: 12px;
    clear: both;
}

.list_type_dlp #articleList li .owner_info .datetime {
    font-family: Helvetica;
}

/* 글목록_type dlip */
.list_type_dlip #articleList {
    padding: 2px 6px 0;
}

.list_type_dlip #articleList li {
    overflow: hidden;
    padding: 0 6px;
    clear: both;
}

.list_type_dlip #articleList li.fst {
    border-top: 0;
}

.list_type_dlip #articleList li .thumb {
    float: left;
    width: 70px;
    padding: 13px 11px 13px 0;
}

.list_type_dlip #articleList li .cont {
    overflow: hidden;
    padding: 11px 0 10px 0;
}

.list_type_dlip #articleList li .cont .comment_count {
    position: relative;
    top: -2px;
}

.list_type_dlip #articleList li .cont .owner_info {
    display: block;
    font-size: 11px;
    line-height: 13px;
    clear: both;
}

.list_type_dlip #articleList li .cont .owner_info .datetime {
    font-family: Helvetica;
}

.list_type_dlip #articleList li .cont .summary {
    margin-top: 7px;
    font-size: 12px;
    line-height: 16px;
}

/* 글목록_type 4 */
.list_type_lip #articleList {
    overflow: hidden;
    width: 100%;
    padding: 7px 0 5px;
}

.list_type_lip #articleList li {
    float: left;
    height: 75px;
    margin: 0 0 4px 4px;
}

/* 글목록_type 5 */
.list_type_lm #articleList {
    padding-top: 2px;
}

.list_type_lm #articleList li {
    margin: 10px 12px 0;
    border-radius: 8px;
}

.list_type_lm #articleList li .box_ilst {
    position: relative;
    width: 100%;
    border-radius: 8px;
}

.list_type_lm #articleList li .wrap_date {
    position: absolute;
    top: 0;
    left: 0;
    width: 60px;
    padding-top: 10px;
}

.list_type_lm #articleList li .wrap_date .txt_date {
    display: block;
    overflow: hidden;
    height: 25px;
    font: bold 25px/28px Helvetica;
    text-align: center;
}

.list_type_lm #articleList li .wrap_date .txt_day {
    font-size: 10px;
    display: block;
    text-align: center;
    line-height: 12px;
    letter-spacing: -1px;
}

.list_type_lm #articleList li .cont {
    padding: 13px 5px 11px 60px;
}

.list_type_lm #articleList li .cont .article_title {
    display: block;
    line-height: 19px;
}

.list_type_lm #articleList li .cont .owner_info {
    font-size: 12px;
}

.list_type_lm #articleList li .cont .owner_info .datetime {
    font-family: Helvetica;
}

.list_type_lm #articleList li .cont .comment_count {
    position: absolute;
    top: -6px;
    left: -5px;
}

/* 글목록_type 6 */
.list_type_lim #articleList {
    padding-top: 2px;
}

.list_type_lim #articleList li {
    margin: 10px 12px 0;
    padding: 1px;
    border-radius: 8px;
}

.list_type_lim #articleList li .box_ilst {
    padding: 0 10px 0 12px;
    border-radius: 8px;
}

.list_type_lim #articleList li .thumb {
    float: left;
    width: 65px;
    max-height: 65px;
    padding: 12px 7px 0 0;
}

.list_type_lim #articleList li .cont {
    padding: 10px 0 5px;
}

.list_type_lim #articleList li .cont .article_title {
    display: block;
    line-height: 20px;
}

.list_type_lim #articleList li .cont .comment_count {
    position: relative;
    top: -1px;
    padding: 0;
    background: none;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.list_type_lim #articleList li .cont .owner_info {
    display: block;
    margin-top: 1px;
    font-size: 12px;
}

.list_type_lim #articleList li .cont .owner_info .datetime {
    font-family: Helvetica;
}

.list_type_lim #articleList li .cont .summary {
    padding-top: 7px;
    font-size: 13px;
    line-height: 18px;
    clear: left;
}

/* 글목록_type 7 */
.list_type_dlip2 #articleList {
    padding: 2px 6px 0;
}

.list_type_dlip2 #articleList li {
    overflow: hidden;
    padding: 0 6px;
    clear: both;
}

.list_type_dlip2 #articleList li.fst {
    border-top: 0;
}

.list_type_dlip2 #articleList li .cont {
    overflow: hidden;
    padding: 11px 0 10px 0;
}

.list_type_dlip2 #articleList li .article_title h2 {
    width: 100%;
    font-size: 15px;
    line-height: 17px;
}

.list_type_dlip2 #articleList li .owner_info {
    display: block;
    margin-top: 3px;
    font-size: 12px;
}

.list_type_dlip2 #articleList li .owner_info .datetime {
    font-family: Helvetica;
}

.list_type_dlip2 #articleList li .thumb {
    padding: 13px 11px 13px 0;
}

/* 글보기_기본형 */
.viewer .cmt_count {
    font-family: Helvetica;
}

.viewer .wrap_posting {
	border-bottom-width:0 !important;
}

.viewer.box_viewer .wrap_posting {
	border-bottom-width:1px !important;
}

.viewer .area_tit {
    padding: 15px 11px 15px;
    color: #000;
    overflow:hidden;
    border-bottom:0 none !important;
}

.viewer .area_tit.area_tit_no_comment {
	border-bottom:1px solid #dbdbdd !important;
}

.viewer .area_tit h2 {
    width: 100%;
    font-size: 20px;
    line-height: 27px;
}

.viewer .area_tit .owner_info {
    display: block;
    margin-top: 12px;
    font-size: 12px;
    float:left;
}

.viewer .area_tit .owner_info .txt_bar,
.viewer .area_comment .txt_bar,
.viewer .area_content .wrap_comments .txt_bar {
	padding:0 5px;
}

.area_content .wrap_comments .txt_bar {
	color:#babbbf;
}

.viewer .area_tit .owner_info .datetime {
    font-family: Helvetica;
}

.viewer .area_tit .comment_owner_info .datetime {
	display:block;
}

.viewer .area_comment {
    clear:both;
}

.wrap_comments .comment.written_comment,
.wrap_comments .comment_child.written_comment {
	background-color:#f7f6de;
}

.viewer .area_comment .txt_bar {
    padding: 0 5px;
}

.viewer .area_content,
.comment .area_content,
.guestbook .area_content {
    overflow: hidden;
    padding: 0 12px 0;
}

/* 글화면 추가 내용 시작 20130823 */
.round_button_view {
	display:inline-block;
	border:1px solid;
	border-radius: 2.5px;
	height:34px;
	padding:0 11px;
	line-height:34px;
	text-align:center;
	font-size:12px;
	background-color:white;
}

.viewer .round_button_view span {
	display:inline-block;
	width:100%;
	height:100%;
}

.viewer .comment_view_post {
	border-color:#bababa;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f7f7f8));
	color:#3e4452;
	float:right;
	margin-top:12px;
	width:37px;
}

.viewer .post_header {
	padding:0 11px 10px;
}

.viewer .post_header .post_owner_action {
	clear:both;
	margin-bottom:15px;
}

.viewer .post_header .post_owner_action.toolbar_end {
	padding-top:15px;
}

.viewer .post_header .post_relative_action {
	padding:0 0 18px;
	margin-bottom:18px;
	border-bottom:1px solid #ccc;
	overflow:hidden;
}

.viewer .post_header .post_relative_action.toolbar_end {
	border-bottom:0 none;
	margin:0;
	padding:20px 0 0;
}
.viewer.box_viewer .post_header .post_relative_action.toolbar_end {
	padding:0;
}

.viewer .post_header .post_relative_action .round_button_view {
	border-color:#bababa;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f7f7f8));
	color:#3e4452;
	font-size:12px;
}

.viewer .post_header .post_relative_action .post_comment a {
	display:inline-block;
}

.viewer .post_header .post_relative_action .post_comment {
	float:left;
	padding:0;
	height:29px;
	line-height:29px;
}

.viewer .post_header .post_relative_action .post_comment .write_comment {
	padding:0 11px;
	width:auto;
}

.viewer .post_header .post_relative_action .post_comment .img_write {
	display:block;
	width:24px;
	height:29px;
	border-left:1px solid #ccc;
	background-image:url(http://i1.daumcdn.net/img-media/tistory/img/img.gif);
	background-size:205px 95px;
	background-position:-162px -56px;
	float:right;
	padding-right:11px;
}

.viewer .post_header .post_relative_action.toolbar_end .post_comment {
	float:left;
	padding:0;
	height:32px;
	line-height:32px;
}

.viewer .post_header .post_relative_action.toolbar_end .post_comment .img_write {
	display:block;
	width:24px;
	height:32px;
	border-left:1px solid #ccc;
	background-image:url(http://i1.daumcdn.net/img-media/tistory/img/img.gif);
	background-size:205px 95px;
	background-position:-162px -55px;
	float:right;
	padding-right:11px;
}


.viewer .post_header .post_relative_action .post_trackback {
	float:left;
	margin-left:7px;
	height:29px;
	line-height:29px;
}

.viewer .post_header .post_relative_action .btn_socialShare {
	float:right;
}

.viewer .post_header .sns_more .inner_more {
	margin:3px 0 0;
}

.viewer .post_header .sns_type2 {
	margin:0;
}


/* 글화면 추가내용 끝 */

.wrap_comments .comment_contents {overflow:hidden}/* 2013-10-10 추가 */

.wrap_comments .blog_image {
	float:left;
	margin-right:11px;
}

.wrap_comments .blog_image img {
	width:52px;
	height:52px;
}

.wrap_comments .comment_author {
	color:#3e4452;
	font-size:14px;
}

.wrap_comments .comment_date {
	color:#babbbf;
	font-size:13px;
}

.wrap_comments .comment_comment {
	color:#6f6e73;
	font-size:13px;
}

.viewer .area_content .comment_action,
.comment .area_content .comment_action,
.guestbook .area_content .comment_action {
	clear:both;
	float:right;
	margin:8px 0 12px;
}

.viewer .wrap_posting .area_comment_write,
.guestbook .area_comment_write {
	border:0 none;
	border-top:1px solid #dbdbdd;
	border-bottom:1px solid #dbdbdd;
}

.viewer.box_viewer .wrap_posting .area_comment_write {
	border-bottom:0 none;
	border-bottom-left-radius:8px;
	border-bottom-right-radius:8px;
}

.viewer .wrap_posting .area_comment_write .comment_cancel,
.comment .area_comment_write,
.guestbook .area_comment_write .comment_cancel {
	display:none;
}

.viewer .wrap_posting .wrap_reply,
.comment .wrap_comments .wrap_reply,
.guestbook .wrap_comments .wrap_reply {
	clear:both;
	background-color:#f7f7f7;
}

.wrap_reply_form {
	border:1px solid #cecece;
	border-top:0 none;
	padding:20px 13px 15px;
	overflow:hidden;
}

.wrap_comments .wrap_reply_form {
	border-top:1px solid #cecece;
	border-bottom:0 none;
}

.wrap_posting .wrap_reply_form h3 {
	font-size:13px;
	font-weight:bold;
	color:#3e4452;
}

.wrap_reply_form .comment_input_contents {
	width:99.4%;
	height:64px;
	margin-top:10px;
	border-radius: 0;
	-webkit-appearance: none;
	border:1px solid #cecece;
}

.wrap_reply_form {
    position:relative
}

.wrap_reply_form .tf_comment {
    overflow:hidden;
    margin-top:6px;
    padding:5px 43px 5px 15px;border:1px solid #cecece;background:#fff
}

.wrap_reply_form .tf_comment_on {
    padding:10px 93px 10px 15px
}

.wrap_reply_form .tf_comment .comment_input_contents {
    width:100%;
    height:30px;
    margin:0;
    border-radius:0;
    -webkit-appearance:none;border:0 none;
}

.wrap_reply_form .tf_comment_on .comment_input_contents {
    width:100%;
    height:58px;
    margin:0;
    border-radius:0;
    -webkit-appearance:none;
    border:0 none;
}

.wrap_reply_form img {
    position:absolute;
    top:55px;
    right:30px
}

.wrap_reply_form .tf_comment .img_comm {
    position:absolute;
    top:52px;
    right:20px;
    width:25px;
    height:25px;
    background-position:-220px -195px;
    text-indent:-9999px
}

.wrap_reply_form .tf_comment .ico_sticker {
    position:absolute;
    top:52px;
    right:20px;
    width:32px;
    height:32px;
    background-position:0 -256px;
    text-indent:-9999px;
    background-image:url(http://i1.daumcdn.net/img-media/mobile/m640/tistory/img_comm_131010.png);-webkit-background-size:260px 290px;background-size:260px 290px;
}

.wrap_reply_form .tf_comment .ico_close {
    position:absolute;
    top:52px;
    right:20px;
    width:25px;
    height:25px;
    background-position:-220px -195px;
    text-indent:-9999px;
    background-image:url(http://i1.daumcdn.net/img-media/mobile/m640/tistory/img_comm_131010.png);-webkit-background-size:260px 290px;background-size:260px 290px;
}

.wrap_reply_form input {
	margin-top:10px;
	border:1px solid #cecece;
}

.wrap_reply_form .comment_input_name {
	width:45%;
	padding-left:7px;
	float:left;
	height:30px;
	-webkit-appearance: none;
}

.wrap_reply_form .comment_input_password {
	width:45%;
	padding-left:7px;
	float:right;
	height:30px;
	-webkit-appearance: none;
}

.wrap_reply_form .comment_input_homepage {
	width:97%;
	padding-left:7px;
	height:30px;
	-webkit-appearance: none;
}

.wrap_reply_form .comment_label_secret {
	margin-top:10px;
	float:right;
	color:#6f6e73;
	font-size:12px;
}

.wrap_reply_form .comment_input_secret {
	margin:10px 5px 0 0;
	float:right;
}

.viewer .area_content .wrap_daum_map {
    height: 255px;
    max-width: 460px;
}

.viewer .area_content table {
    table-layout: fixed;
    width: 98%;
}

.viewer .area_content table.txc-table {
	text-align: inherit;
	table-layout: auto;
	width:98% !important;
}

.viewer .area_content img {
    max-width: 98%;
}

/* 본문 slideshow 가능한 이미지 */
.viewer .area_content img.able_slideshow {cursor:pointer}
.viewer .area_content img.disable_slideshow {cursor:auto}

.viewer .area_content .wrap_daum_map img {
    max-width: none;
}

.wrap_reply .comment_cancel {
	border-color:#bababa;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f7f7f8));
	color:#3e4452;
	float:left;
	margin-top:20px;
}

.wrap_reply .comment_add {
	background-color:#4867b7;
	border-color:#405eac;
	color:#fff;
	float:right;
	margin-top:20px;
}

.viewer .area_content .comment,
.comment .area_content .comment,
.guestbook .area_content .comment,
.viewer .area_content .trackback {
	border-bottom:1px solid #ccc;
	padding-top:20px;
}

.viewer .area_content .trackback {
	overflow:hidden;
}

.viewer .area_content .trackback .content {
	margin-top:4px;
}

.viewer .area_content .trackback .subject {
	font-size: 15px;
	font-weight: bold;
}

.viewer .area_content .trackback .comment_date {
	font-size:12px;
}

.area_content .wrap_comments .border_bottom_none,
.area_content .wrap_trackbacks .border_bottom_none {
	border-bottom:0 none;
}

.area_content .wrap_comments .last_comment_parent .wrap_reply_form {
	margin-bottom:25px;
	border-bottom:1px solid #cecece;
}

.area_content .comment_child {
	border-top:1px solid #ccc;
	padding-top:20px;
	padding-left:15px;
}

.area_content .comment_child .icon_reply {
	width:12px;
	height:12px;
	background-image:url(http://i1.daumcdn.net/img-media/tistory/img/img.gif);
	background-size:205px 95px;
	background-position:-88px -66px;
	display:block;
	float:left;
	margin:20px 11px 0 0;
}

.viewer .comments_header {
	clear:both;
	overflow:hidden;
	padding: 8px 11px;
	overflow: hidden;
	background-color: #f7f7f7;
	border-top: 1px solid #bababa;
	border-bottom: 1px solid #ccc;
}

.viewer .comments_header .comment_header_count {
	line-height:30px;
}

.viewer .comments_header .comment_write {
	border-color:#bababa;
	color:#3e4452;
	font-size:12px;
	float:right;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f7f7f8));
}

.viewer .comments_header .comment_write .img_write {
	display: block;
	width: 16px;
	height: 34px;
	background-image: url(http://i1.daumcdn.net/img-media/tistory/img/img.gif);
	background-size: 205px 95px;
	background-position: -172px -54px;
	float: left;
}

.area_content .wrap_comments .no_comment {
	color:#888;
	height:150px;
	text-align:center;
}

.area_content .wrap_comments .no_comment .no_comment_icon {
	display:inline-block;
	background-image:url(http://i1.daumcdn.net/img-media/tistory/img/talkbubble.png);
	background-size: 57px 50px;
	width:57px;
	height:50px;
	margin-top:36px;
}

.area_content .wrap_comments .no_comment .no_comment_desc {
	display:block;
	font-size:15px;
}

.mapControl {
    z-index: 100;
    position: absolute;
    width: auto;
    height: 54px;
    bottom: 0px;
    left: 8px;
}

.mapControl a {
    background: url("http://m1.daumcdn.net/cfs.tistory/static/mobile/320/v01/map_control_v2.png") no-repeat;
    text-indent: -9999px;
    overflow: hidden;
}

.mapControl .g_map {
    display: block;
    position: absolute;
    top: 5px;
    left: 0;
    width: 64px;
    height: 30px;
    background-position: -65px -1px;
}

.mapControl .g_map.on {
    background-position: -65px -44px;
}

.mapControl .sky_view {
    display: block;
    position: absolute;
    top: 5px;
    left: 64px;
    width: 63px;
    height: 30px;
    background-position: -65px -89px;
}

.mapControl .sky_view.on {
    background-position: -65px -131px;
    width: 64px;
    left: 63px;
}

.mapControl .zoom_out {
    display: block;
    position: absolute;
    top: 5px;
    left: 135px;
    width: 38px;
    height: 30px;
    background-position: -65px -372px;
}

.mapControl .zoom_in {
    display: block;
    position: absolute;
    top: 5px;
    left: 175px;
    width: 38px;
    height: 30px;
    background-position: -65px -264px;
}

.mapControl .zoom_out.off {
    display: block;
    position: absolute;
    top: 5px;
    left: 135px;
    width: 38px;
    height: 30px;
    background-position: -65px -426px;
}

.mapControl .zoom_in.off {
    display: block;
    position: absolute;
    top: 5px;
    left: 175px;
    width: 38px;
    height: 30px;
    background-position: -65px -318px;
}

/* 글보기_라운드박스형 */
.box_viewer .wrap_posting {
    margin: 12px 12px 0;
    border-radius: 8px;
}

.box_viewer .area_tit {
    padding: 15px 11px 8px;
}

.box_viewer .area_content {
    padding: 12px 10px 16px;
}

/* 글보기_이전글,다음글 기본형 */
.viewer .quick_nav_tit {
    overflow: hidden;
}

.viewer .quick_nav_tit a {
    display: block;
    overflow: hidden;
    padding: 0 12px 0 29px;
    background: url(http://m1.daumcdn.net/cfs.tistory/blog/style/mobile/images/m320/btn_common.png) no-repeat;
    line-height: 16px;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.viewer .quick_nav_tit a.prev {
    margin-top: 14px;
    background-position: 12px -235px;
}

.viewer .quick_nav_tit a.next {
    margin-top: 12px;
    background-position: 12px -275px;
}

/* 글보기_이전글,다음글 섬네일형 */
.quick_nav_thumb {
    overflow: hidden;
    padding: 10px 6px 10px;
}

.quick_nav_thumb ul {
    overflow: hidden;
    width: 100%;
    margin-left: 2px;
}

.quick_nav_thumb ul li {
    float: left;
    width: 20%;
}

.quick_nav_thumb ul li a {
    display: block;
    position: relative;
    width: 56px;
    height: 56px;
    margin: 0 auto;
}

.quick_nav_thumb ul li a .thumb_frame {
    position: absolute;
    top: 0;
    left: 0;
    width: 52px;
    height: 52px;
    border: 2px solid;
}

/* 갤러리 */
/*
.gallery .wrap_content {
    margin: 0 5px;
    padding: 13px 5px 12px;
}

.gallery .area_image {
    overflow: hidden;
    width: 100%;
    text-align: center;
}

.gallery .area_tit_nav {
    position: relative;
    width: 100%;
    text-align: center;
}

.gallery .area_tit_nav h2 {
    padding: 3px 50px 0;
}

.gallery .area_tit_nav h2 a {
    overflow: hidden;
    display: block;
    font-size: 13px;
    text-decoration: underline;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.gallery .area_tit_nav .owner_info {
    display: block;
    margin-top: 2px;
    font-size: 11px;
}

.gallery .area_tit_nav .owner_info .datetime {
    font-family: Helvetica;
}

.gallery .area_tit_nav .btn_arrow {
    position: absolute;
    top: 4px;
}

.gallery .area_tit_nav #prevPage {
    left: 2px;
}

.gallery .area_tit_nav #nextPage {
    right: 2px;
}
2013-09-06 삭제 */
/* 2013-09-06 추가 시작 */
.gallery .img_gallery {overflow:hidden;font-size:1px;line-height:0;background-image:url(http://i1.daumcdn.net/img-media/mobile/m320/tistory/m320/ico_gallery.png);background-repeat:no-repeat;vertical-align:top} /* 2013-09-09 이미지 경로 수정 */
.gallery .photo_count {padding:17px 0 10px 10px;font-size:16px;color:#3d4047}
.gallery .photo_count .num_g {color:#e46c3c}
.gallery .list_gallery {position:relative;left:-5px;margin:0 10px 15px 15px;height:500px}
.gallery .list_gallery li {position:absolute;width:50%;opacity:0}
.gallery .list_gallery li.left {top:0;left:0}
.gallery .list_gallery li.right {top:0;left:50%;margin-left:5px}

@media all and (min-width:640px) {
	.gallery .list_gallery {left:-10px;margin-left:20px}
	.gallery .list_gallery li {width:33.3%}
}
.gallery .list_gallery .link_thumb {display:block;margin-bottom:-5px}
.gallery .list_gallery .link_thumb:after {content:"";position:absolute;top:0;left:0;width:100%;height:100%;border:1px solid #000;opacity:0.1;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.gallery .list_gallery .thumb_img {width:100%;opacity:0}

.gallery .fold_gallery {padding-bottom:24px;border-bottom:1px solid #e0e1e5}
.gallery .fold_gallery .inner_fold {position:relative;height:38px;margin:0 10px;border-radius:3px;border:1px solid #b4b5ba;background-color:#f7f7f7;text-align:center}
.gallery .fold_gallery .link_fold {display:block;padding:13px 0 11px 16px;margin-right:71px;border-right:1px solid #d5d6d8;font-size:15px;line-height:1;color:#4c4c4c;text-decoration:none}
.gallery .fold_gallery .link_top {position:absolute;top:0;right:0;width:69px;padding:14px 0 11px;border-left:1px solid #fbfbfb;font-size:13px;line-height:1;color:#495966;text-decoration:none}
.gallery .fold_gallery .ico_top {display:inline-block;width:10px;height:6px;margin:3px 0 0 4px;background-position:0 0}

/* 2013-09-06 추가 끝 */

/* 프로필 */
.profile .thumb {
    float: left;
    width: 87px;
    height: 87px;
    padding: 13px 0 0 12px;
}

.profile .thumb a {
    width: 87px;
    max-height: 87px;
    display: block;
    overflow: hidden;
}

.profile .cont {
    overflow: hidden;
    padding: 37px 0 0 12px;
}

.profile .cont h2 {
    font-size: 15px;
    line-height: 16px;
}

.profile .cont .link_profile {
    font: bold 12px Helvetica;
}

.profile .txt_profile {
    padding: 8px 11px 0;
    font-size: 13px;
    line-height: 20px;
    clear: left;
    word-wrap: break-word;
}

.profile .info_sns {
    padding: 11px 12px 11px;
}

.profile .info_sns ul {
    border-radius: 8px;
}

.profile .info_sns ul li {
    padding: 13px 0;
    word-wrap: break-word;
}

.profile .info_sns ul li.fst {
    border-top: 0;
}

.profile .info_sns ul li a {
    display: block;
    padding-left: 17px;
    font-size: 13px;
    line-height: 13px;
}

.profile .info_sns ul li a img {
    vertical-align: middle;
}

.profile .info_sns ul li a.ico_favicon {
    background-image: none;
}

/* 댓글목록 */
.comment h2 {
    padding: 12px 0 8px 11px;
    font-size: 15px;
}

.comment ul#feedback {
    padding: 0 6px;
}

ul#feedback {
    padding-top: 1px;
    border-top: 1px solid #e4e4e4;
    clear: both;
}

ul#feedback li {
    color: #ccc;
    padding: 9px 5px 10px 5px;
    border-bottom: 1px solid #e9e9e9;
}

ul#feedback li.lst {
    border-bottom: 0;
}

ul#feedback li .em_color {
    font-size: 13px;
}

ul#feedback li span.ico_tistory {
    width: 15px;
    height: 13px;
    background: url(http://m1.daumcdn.net/cfs.tistory/blog/style/mobile/images/m320/ico_common.png) no-repeat 0 -160px;
    display: inline-block;
}

ul#feedback span.owner {
    color: #000;
    font-size: 15px;
    font-weight: bold;
    margin-right: 4px;
}

ul#feedback a.subject {
    font-size: 15px;
    font-weight: bold;
}

ul#feedback p {
    padding-top: 9px;
    font-size: 15px;
    color: #666;
}

ul#feedback span.num {
    font-size: 12px;
    color: #bdbdbd;
}

ul#feedback ul li {
    padding-left: 17px;
    background: url(http://m1.daumcdn.net/cfs.tistory/blog/style/mobile/images/m320/ico_common.png) no-repeat 0 -189px;
    border: none;
}

/* 상세페이지_댓글목록 */
.viewer ul#feedback {
    padding-top: 0;
    border-top: 0;
}

.viewer ul#feedback li {
    padding: 0;
    padding-bottom: 42px;
    border-bottom: 0;
}

.viewer ul#feedback ul li {
    padding: 9px 5px 0 17px;
}

/* 댓글쓰기, 방명록쓰기 */
.tit_h2, .write h2 {
    padding: 12px 0 8px 11px;
    font-size: 15px;
}

#articleList li,
.area_tit,
.area_content,
.list_type_dlip2 .article_title,
.list_type_dlip2 .summary,
ul#feedback li p, ul#feedback li span.owner {
    word-wrap: break-word;
    word-wrap: break-all;
}

.list_type_dlip #articleList li .thumb a {
    width: 70px;
    overflow: hidden;
    display: block;
}

.list_type_lim #articleList li .thumb a {
    width: 65px;
    overflow: hidden;
    display: block;
}

.list_type_lip #articleList li,
.list_type_lip #articleList li a {
    width: 75px;
    overflow: hidden;
    display: block;
}

.list_type_lim #articleList li .thumb {
    overflow: hidden;
}

form#feedback {
    border-top: 1px solid #e4e4e4;
    text-align: center;
    padding-top: 10px;
}

form#feedback fieldset {
    border-bottom: 1px solid #d9d9d9;
    margin-bottom: 10px;
    padding: 0 0 15px 5px;
}

form#feedback fieldset input {
    border-color: #a5a5a5;
    display: block;
    width: 50%;
    margin-bottom: 7px;
    -webkit-appearance: textfield;
    border-radius: 5px;
}

form#feedback fieldset .inp_write {
    padding: 1px 0 2px;
    margin-bottom: 6px;
}

form#feedback fieldset input#wrtHomepage {
    width: 74.5%;
}

form#feedback fieldset label {
    float: left;
    width: 65px;
    text-align: left;
    padding-top: 3px;
    white-space: nowrap;
}

form#feedback #wrtContent {
    width: 74.5%;
    height: 125px;
    display: block;
    border-color: #a5a5a5;
    margin-bottom: 6px;
    border-radius: 5px;
}

form#feedback fieldset input#wrtHidden {
    float: left;
    width: 14px;
    height: 14px;
    margin: 6px 6px 0 65px;
    vertical-align: middle;
    -webkit-appearance: checkbox;
}

form#feedback fieldset label.wrtHidden {
    width: 200px;
    text-align: left;
}

form#feedback input.addLinkBlog {
    float: left;
    margin-left: 15px;
}

form#feedback label.addLinkBlog {
    display: block;
    color: #333;
    line-height: 22px;
    text-align: left;
}

form#feedback p {
    text-align: left;
    line-height: 1.5;
}

form#feedback p {
    padding-left: 5px;
}

form#feedback p.desc {
    font-size: 12px;
    color: #999;
}

.msgBox p.ques {
    padding: 0 15px 11px !important;
    margin-top: -5px;
    line-height: normal;
}

form#feedback a.round, .msgBox a.round {
    overflow: hidden;
    width: 54px;
    height: 29px;
    font-size: 13px;
    line-height: 29px;
    letter-spacing: -1px;
    vertical-align: middle;
    border-radius: 0;
}

form#feedback .btn_ok, .msgBox .btn_ok {
    background-color: #585858;
    color: #fff;
}

form#feedback .btn_ok span, .msgBox .btn_ok span {
    -webkit-box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.1), inset -1px -1px 1px rgba(255, 255, 255, 0.1);
    box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.1), inset -1px -1px 1px rgba(255, 255, 255, 0.1);
    background: -webkit-gradient(linear, left top, left bottom, from(#767676), to(#676767));
    background-color: #707070;
    border-radius: 0;
}

form#feedback .btn_cancel, .msgBox .btn_cancel {
    background-color: #aaa;
    color: #333;
}

form#feedback .btn_cancel span, .msgBox .btn_cancel span {
    -webkit-box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 1), inset -1px -1px 1px rgba(255, 255, 255, 1);
    box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 1), inset -1px -1px 1px rgba(255, 255, 255, 1);
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f5f5f5));
    background-color: #fbfbfb;
    border-radius: 0;
}

.msgBox {
    margin: 10px 0;
    padding: 20px 0;
}

.msgBox .center {
    margin-bottom: 10px;
    text-align: center !important;
}

.msgBox .last {
    margin-bottom: 0;
}
/* 개편전댓글 설정 */

/* 트랙백 */
.trackback h2 {
    padding: 12px 0 8px 11px;
    font-size: 15px;
}

.trackback ul#feedback {
    padding: 0 6px;
}

/* 방명록 */
.guestbook h2 {
    padding: 12px 0 8px 11px;
    font-size: 15px;
    float:left;
}

.guestbook .area_content {
	clear:both;
}

.guestbook .guestbook_write {
	float:right;
	background-color:transparent;
	margin:6px 11px 0 0;
	border-color:#bababa;
	height:30px;
	line-height:30px;
}

.guestbook .guestbook_write .img_write {
	display: block;
	width: 16px;
	height: 30px;
	background-image: url(http://i1.daumcdn.net/img-media/tistory/img/img.gif);
	background-size: 205px 95px;
	background-position: -172px -56px;
	float: left;
}

/* Music */
.attachMusic {
    width: 100%;
    text-align: center;
}

div.attachMusic img.attachMusic {
    width: 184px !important;
    height: 34px !important;
}

/* Movie */
.movie_tvpot {
    text-align: center;
    width: 100%;
    margin: 0 auto;
}

.movie_tvpot video {
    width: 100%;
}

/* image slide */
.tm_gallary {
    position: relative;
    text-align: center;
}

.tm_gallary img {
    vertical-align: top;
    display: block;
}

.tm_gallary .btn {
    position: absolute;
    font-size: 50px;
    color: #000;
    font-weight: bold;
    top: 50%;
    opacity: 0.5;
    text-indent: -1000em;
    display: block;
    width: 33px;
    height: 44px;
    overflow: hidden;
}

.tm_gallary .left {
    left: 0;
    margin-left: 10px;
    background: url(http://m1.daumcdn.net/cfs.tistory/static/mobile/320/v01/arw_lft.png) 50% 50% no-repeat;
}

.tm_gallary .right {
    right: 18px;
    margin-right: 10px;
    background: url(http://m1.daumcdn.net/cfs.tistory/static/mobile/320/v01/arw_rgt.png) 50% 50% no-repeat;
}

/* gallery */
.gallery .quick_nav_thumb ul li.g_selected a .thumb_frame {
    display: block;
}

.gallery .quick_nav_thumb ul li a .thumb_frame {
    display: none;
}

.gallery a.next_off, .gallery a.prev_off {
    cursor: default;
}

#scrollNav {
    display: none;
}

.tm_gallery_img .hidden {display:none}

/* Scroll Navigation */

/* error */
.wrapError .wrapServiceHead {
    height: 42px;
    background: url(http://m1.daumcdn.net/cfs.tistory/static/mobile/320/v01/orangline.gif) repeat-x 0 bottom;
}

.wrapError #serviceHead {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.error_msg {
    padding: 26px 0 0 0;
    font-size: 14px;
    line-height: 20px;
}

.error_msg .caution {
    height: 80px;
    margin: 0 0 20px 0;
    padding: 0 24px 0 94px;
    border-bottom: 1px solid #dfdfdf;
    background: url(http://m1.daumcdn.net/cfs.tistory/static/mobile/320/v01/error.gif) no-repeat 22px 5px;
    color: #000;
    line-height: 18px;
}

.error_msg .txt_error {
    margin: 0 18px 16px 18px;
    color: #666;
    line-height: 16px;
    text-align: justify;
    letter-spacing: -1px;
}

.error_msg .txt_error .link_custom {
    color: #3f50c6;
    text-decoration: underline;
}

.error_msg .btn_area {
    padding: 16px 0 44px 0;
    text-align: center;
    letter-spacing: -1px;
}

.error_msg .btn_home {
    display: inline-block;
    width: 122px;
    padding: 1px;
    border-radius: 3px;
    background-color: #aaa;
    text-decoration: none;
    color: #333;
}

.error_msg .btn_home span {
    display: inline-block;
    width: 100%;
    height: 100%;
    border-radius: 3px;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f3f3f3));
    -webkit-box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 1.0), inset -1px 0 1px rgba(255, 255, 255, 1.0);
    box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 1.0), inset -1px 0 1px rgba(255, 255, 255, 1.0);
    background-color: #fff;
    text-align: center;
    line-height: 29px;
}

/* category select box */
.wrap_selectCategory {
    padding: 15px 14px 3px;
}

.full_size_select {
    width: 100%;
    padding-left: 6px;
}

/* icon mobile post */
.mobile_post {
    background: url(http://m1.daumcdn.net/cfs.tistory/static/mobile/320/v01/ico_m.png) no-repeat center left;
    position: relative;
    display: inline-block;
    width: 10px;
    height: 14px;
    top: 2px;
    margin: 0 2px 0 7px;
}

.warning_box {
    background: #f8f8f8 url(http://m1.daumcdn.net/cfs.tistory/static/mobile/320/v01/text_nothing_spr.gif) center 0 no-repeat;
    border: 1px solid #eee;
    clear: both;
    display: block;
    height: 36px;
    width: 100%;
    margin: 15px 0;
    overflow: hidden;
    text-indent: -5000em;
    position: relative;
}

.bgm_player {
    background-position: center -110px;
}

/*rank*/
#searchRankArea {
    overflow: hidden;
}

#searchRankArea a {
    text-decoration: none;
}

#searchRankArea {
    overflow: hidden;
    width: 100%;
    margin-bottom: 0;
    padding: 0;
    font: 14px/1.5 'Malgun Gothic', '맑은 고딕', sans-serif;
    color: #333;
    background: #fff;
    text-align: left;
}

#searchRankArea em {
    font-style: normal;
    font-weight: normal;
}

#searchRankArea .iphone b {
    font-weight: normal;
    -webkit-text-stroke: 0.3px;
}

#searchRankArea .android b {
    font-weight: bold;
}

#searchRankArea a {
    color: #3047bd;
    text-decoration: none;
}

#searchRankArea .n1 {
    display: block;
}

#searchRankArea .no {
    display: inline-block;
    overflow: hidden;
    position: relative;
    top: -1px;
    width: 13px;
    height: 12px;
    margin: 5px 6px 0 5px;
    background-color: #f2707d;
    border: 1px solid #f35d71;
    font-size: 12px;
    font-family: Helvetica;
    line-height: 11px;
    color: #fff;
    text-align: center;
    border-radius: 2px;
}

#searchRankArea h3 {
    font-size: 1em;
    background-color: #f8f8f8;
    background-image: -moz-linear-gradient(top, #fff, #f8f8f8);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f8f8f8));
}

#searchRankArea.open {
    position: relative;
    z-index: 2;
    height: 269px;
    border-top: 1px #888 solid;
    border-bottom: 0;
    background: #f8f8f8 !important;
}

#searchRankArea.open h3 {
    height: 38px;
    border-bottom: 1px solid #dbdbdc;
    font-size: 13px;
}

#searchRankArea.open .title {
    position: absolute;
    top: 11px;
    left: 10px;
    padding: 0;
    color: #e74040;
    line-height: 16px;
    letter-spacing: 0;
}

#searchRankArea.open .now {
    position: absolute;
    bottom: 13px;
    left: 12px;
    color: #888;
    font-weight: normal;
    font-size: 11px;
    white-space: nowrap;
}

#searchRankArea.open .no {
    margin: -1px 6px 0 10px;
    line-height: 11px;
}

#searchRankArea.open ul {
    overflow: hidden;
    z-index: 1;
    width: 100%;
    height: 100%;
    font-size: 0;
    line-height: 0;
    background: #fff;
}

#searchRankArea.open li {
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 32px;
    border-bottom: 1px solid #f5f5f5;
}

#searchRankArea.open li a {
    display: block;
    overflow: hidden;
    width: 90%;
    height: 23px;
    padding-top: 9px;
    font-size: 13px;
    line-height: 13px;
    color: #000;
    white-space: nowrap;
    text-overflow: ellipsis
}

#searchRankArea .rank {
    position: absolute;
    top: 8px;
    right: 15px;
    height: 16px;
    padding-right: 10px;
    font-size: 12px;
    color: #999;
    line-height: 1.4em;
    text-align: right;
}

#searchRankArea .rank em {
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    width: 7px;
    height: 7px;
    margin: 4px 0 0 3px;
    background: url(http://m1.daumcdn.net/icon/mobile/m320/common/2011/footer/ico_m.png) right -97px no-repeat;
    text-align: left;
    text-indent: -9999px;
}

#searchRankArea .rank .up {
    background-position: 0 -60px;
}

#searchRankArea .rank .down {
    background-position: 0 -80px;
}

#searchRankArea .rank .same {
    background-position: 0 -100px;
}

#searchRankArea .rank .new {
    background-position: 0 -120px;
}

#searchRankArea #rankOpen.onoff {
    display: block;
    overflow: hidden;
    position: absolute;
    top: 7px;
    right: 10px;
    width: 24px;
    height: 22px;
    border: 1px solid #bbb;
    border-radius: 4px;
    background-color: #fafafa;
    background-image: -moz-linear-gradient(top, #fff, #f6f6f6);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f6f6f6));
    text-indent: -9999px;
}

#searchRankArea #rankOpen.onoff span {
    display: block;
    z-index: 1;
    width: 10px;
    height: 10px;
    margin: 9px auto 0;
    background: url(http://m1.daumcdn.net/icon/mobile/m320/common/2011/footer/ico_m.png) 1px 0px no-repeat;
}

#searchRankArea.open .onoff span {
    z-index: 2;
    margin-top: 8px !important;
    background-position: right -20px !important;
}

#searchRankArea.open #rankClose {
    display: block;
    overflow: hidden;
    position: absolute;
    bottom: 9px;
    right: 10px;
    width: 41px;
    height: 21px;
    padding: 1px 0px 0 8px;
    border: 1px solid #aeaeae;
    line-height: 20px;
    border-radius: 4px;
    background-color: #fafafa;
    background-image: -moz-linear-gradient(top, #fff, #f6f6f6);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f6f6f6));
}

#searchRankArea.open #rankClose span {
    display: block;
    z-index: 1;
    width: 36px;
    height: 20px;
    padding-left: 11px;
    font-size: 12px;
    color: #333;
    background: url(http://m1.daumcdn.net/icon/mobile/m320/common/2011/footer/ico_m.png) 0px -33px no-repeat;
}

#searchRankArea.close {
    position: relative;
    z-index: 1;
    height: 38px;
    border-top: 1px #888 solid;
    border-bottom: 0;
    background-color: #f8f8f8;
    background-image: -moz-linear-gradient(top, #fff, #f8f8f8);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f8f8f8));
}

#searchRankArea.close .title {
    position: absolute;
    top: 11px;
    left: 10px;
    padding: 0;
    font-size: 13px;
    color: #e74040;
    line-height: 16px;
    letter-spacing: 0;
}

#searchRankArea.close h3 .now, #searchRankArea.close .rank, #searchRankArea.close #rankClose {
    display: none;
}

#searchRankArea.close ul {
    overflow: hidden;
    z-index: 10;
    height: 40px;
    margin-left: 80px;
}

#searchRankArea.close li a {
    display: block;
    overflow: hidden;
    width: 85%;
    height: 30px;
    padding-top: 8px;
    font-size: 13px;
    color: #000;
    line-height: 1;
    white-space: nowrap;
}

#searchRankArea .partition {
    float: left;
    width: 50%
}

#searchRankArea .part_right {
    position: relative;
}

#searchRankArea.open .part_right li {
    border-left: 1px solid #e8e8e8;
}

#searchRankArea.close .part_right {
    display: none
}

#searchRankArea.close .partition {
    float: left;
    width: 100%
}

.move_link {
    overflow: hidden;
    width: 100%;
    margin: 0 0 12px;
    padding-top: 12px;
    border-top: 1px solid #e8e8e8;
}

.move_link .round {
    display: inline-block;
    padding: 1px;
    border: 1px solid #c7c7c7;
    border-radius: 3px;
    font-size: 12px;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f9f9f9));
    background-color: #fcfcfc;
}

.move_link .round .inner {
    display: inline-block;
    width: 100%;
    height: 100%;
    border-radius: 3px;
    background: none;
    text-align: center;
    color: #222;
}

.move_link a.round {
    text-decoration: none;
}

.move_link .round .ico_arrow {
    width: 7px;
    height: 5px;
    background-position: -30px -10px;
}

.move_link .ico_top {
    display: inline-block;
    overflow: hidden;
    background: url(http://m1.daumcdn.net/imgsrc.search/search_all/2011/mobile/m320/ico_top_110831.png) no-repeat;
    vertical-align: top;
}

.move_link .link_quick {
    display: inline;
    float: left;
    margin: 3px 0 0 10px;
    padding-top: 2px;
    font-size: 13px;
    font-family: 'Malgun Gothic', '맑은 고딕', sans-serif;
    color: #3943ae;
    line-height: 1;
    text-decoration: none;
}

.move_link .ico_search {
    width: 25px;
    height: 13px;
    margin: 1px 5px 0 0;
    background-position: -20px -40px;
}

.move_link a.btn_top {
    display: inline;
    float: right;
    position: static;
    width: 57px;
    height: 20px;
    margin: 0 10px 0 0;
    font-size: 11px;
    font-family: 'Malgun Gothic', '맑은 고딕', sans-serif;
    line-height: 1;
    color: #3047bd;
    text-decoration: none;
}

.move_link a.btn_top .inner {
    display: block;
    margin-top: 4px;
}

.move_link a.btn_top .ico_arrow {
    width: 7px;
    height: 8px;
    margin: 2px 3px 0 0;
    background-position: -80px -40px;
}

#searchRankArea .sort_comm {
    position: absolute;
    right: 46px;
    top: 2px;
    padding: 5px 0 5px 13px;
    line-height: 18px;
}

#searchRankArea .sort_comm .btn_option {
    float: left;
    width: 51px;
    padding: 2px 0 2px 1px;
    border: 1px solid #aaa;
    border-right: 0 none;
    font-size: 12px;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f8f8f8));
    background-color: #f8f8f8;
    color: #414141;
    text-align: center;
}

#searchRankArea .sort_comm .fst {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

#searchRankArea .sort_comm .lst {
    border-right: 1px solid #c8c8c8;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

#searchRankArea .sort_comm .on {
    background: -webkit-gradient(linear, left top, left bottom, from(#e1e1e1), to(#d3d3d3));
    background-color: #d3d3d3;
    -webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.07);
    box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.07);
}

#searchRankArea.close .sort_comm {
    display: none;
}

#searchRankArea.rank_area .no {
    border: 1px solid #a2a3a8;
    background-color: #abacaf;
}

#searchRankArea.rank_area .n1 .no {
    border: 1px solid #f35d71;
    background-color: #f2707d;
}

#searchRankArea.rank_area #nowSearch_list2 .no {
    border: 1px solid #a2a3a8;
    background-color: #abacaf;
}

#searchRankArea.rank_area #nowSearch_list2 .n1 .no {
    border: 1px solid #f35d71;
    background-color: #f2707d;
}

.android #searchRankArea.open .title {
    top: 13px;
}

.android #searchRankArea.open li a {
    padding-top: 11px;
}

.android .move_link .link_quick {
    padding-top: 4px;
}

.android .move_link .ico_search {
    margin-top: -1px;
}

/* add link */
.viewer #feedback .txt_linkadd {
    margin: -2px 11px 0;
    padding: 0;
    font-size: 14px;
}

.viewer #feedback .desc {
    margin: 2px 2px 0 11px;
    padding: 0;
    font-size: 12px;
}

.viewer #feedback .box_linkadd {
    margin: 0 12px;
    text-align: left;
    letter-spacing: -1px;
}

.viewer #feedback .box_linkadd select {
    width: 100%;
    height: 30px;
    line-height: 30px;
}

.viewer #feedback .box_linkadd {
    padding-bottom: 40px;
}

.viewer #feedback .box_linkadd .tit {
    margin-top: 21px;
    font-size: 14px;
}

.viewer #feedback .box_linkadd .opt {
    margin-top: 8px;
    font-size: 14px;
}

/* 그림문자 플러그인 */
#captChaPlugin {
    margin-top: 45px;
    text-align: left;
}

#captChaPlugin .blank_left {
    clear: both;
}

#captChaPlugin img {
    float: left;
    width: 161px;
    height: 31px;
    margin-bottom: 10px;
	position: static;
}

#captChaPlugin .btn_refresh {
    width: 68px;
    height: 30px;
    color: #333;
    border-radius: 3px;
    border: 1px solid #D7D3C9;
    font-size: 14px;
    margin: 0 0 11px 7px;
    padding: 4px 2px 2px;
    cursor: pointer;
    background-color: #fff;
}

form#feedback #captChaPlugin input {
    width: 74.5%;
    display: block;
}

/* 카테고리의 다른글 */
.wrap_post_footer_sction {
	margin-top:18px;
	padding:9px 12px 0;
	background-color:#EEEDF3;
}

.section_writing {
    overflow: hidden;
    margin-top: 10px;

}

.section_writing .inner_box {
		background:white;
    border: 1px solid #dbdbdb;
}

.section_writing .inner_box .tit_writing {
    overflow: hidden;
    height: 35px;
    border-bottom: 1px solid #eaeaee;
    font-size: 14px;
    line-height: 35px;
    letter-spacing: -1px;
    color: #687caf;
    text-indent: 13px;
}

.section_writing .inner_box .tit_writing .view_more {
	color:#888;
	float:right;
	margin-right:10px;
}
.section_writing .inner_box .tit_writing span,
.section_suggest .inner_box .tit_writing span,
.section_writing .inner_box .list_writing .footer_link_txt b {
	color:#e64b0e;
}

.section_writing .inner_box .list_writing {
    padding: 10px 12px 9px 12px;
    margin: 0;
    background-color: #fff;
}

.section_writing .inner_box .list_writing li {
    padding-left: 8px;
    margin: 0;
    color:#333;
    line-height: 25px;
    background: url(http://m1.daumcdn.net/icon/mobile/m320/tistory/ico_bullet.png) 0 10px no-repeat
}

.section_writing .inner_box .list_writing .cnt_comment {
	color:#687caf;
	font-size:13px;
}

.section_writing .inner_box .list_writing .footer_link_txt {
		font-size: 14px;
		letter-spacing: -1px;
		color: #151926;
		display: block;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
}

.adsenseHeaderContent {
    padding-top: 12px;
    text-align: center;
}

.adsenseFooterContent {
    padding: 10px 0;
    text-align: center;
}

.tistory_layer {position:absolute;left:50%;margin-left:-146px;z-index:22}
.tistory_layer .inner_tistory_layer {width:250px;height:210px;padding:14px 20px 20px;border-radius:6px;border:1px solid #222;background:#efefef}
.tistory_layer .opt_comm {display:inline-block;overflow:hidden;position:relative;height:31px;padding:0;border:1px solid #cfcfcf;font-size:12px;text-align:center;background-color:#fdfdfd;z-index:0}
.tistory_layer .opt_comm .opt_select {display:block;height:31px;padding:0 22px 0 7px;border:0 none;background:none;font-size:13px;-webkit-appearance:none;color:#222}
.tistory_layer .opt_comm .img_comm {position:absolute;right:9px;top:13px;width:10px;height:7px;background-position:-220px -185px;z-index:-10}
.tistory_layer .txt_emph {color:#f1631b}
.tistory_layer .txt_add {display:block;padding:25px 0 18px;text-align:center;color:#666}
.tistory_layer .layer_foot {overflow:hidden;margin-top:20px;padding:20px 0 0 0;border-top:1px solid #cecece}
.tistory_layer .layer_foot .wrap_btn {overflow:hidden;width:130px;margin:0 auto}
.tistory_layer .layer_foot .btn_layer {overflow:hidden;float:left;width:54px;height:32px;margin:0 5px;border-radius:3px;line-height:30px;text-align:center}
.tistory_layer .layer_foot .btn_conform {border:1px solid #405eac;color:#fff;background:#4867b7;cursor:pointer}
.tistory_layer .layer_foot .btn_cancel {border:1px solid #bababa;color:#3e4452;background:#fff}

.dimmed_layer {position:absolute;left:0;top:0;z-index:20;width:100%;background:#000;opacity:0.7;display:none;}

.sticker_layer {overflow:hidden;position:absolute;left:50%;margin-left:-146px;z-index:22;display:none;}
.inner_sticker_layer {width:290px;height:320px;border:1px solid #222;border-radius:6px;background:#efefef}
.inner_sticker_layer .layer_head {width:290px;height:85px}
.inner_sticker_layer .layer_head .tit_sticker {padding:12px 0 12px 14px;line-height:20px;font-size:15px;color:#3e4452}
.inner_sticker_layer .layer_head .sticker_choice {overflow:hidden;width:290px;height:39px;border-top:1px solid #8f969b;border-bottom:1px solid #a2a8ae;background:#dee1e4}
.inner_sticker_layer .layer_head .wrap_choice {overflow:hidden;position:relative;width:240px;height:39px;margin:0 25px 0 4px}
.sticker_choice .btn_latest {position:absolute;top:49px;left:7px;width:26px;height:25px;padding:8px 1px 1px 10px}
.sticker_choice .btn_latest_on {border-radius:5px;padding:7px 0 0 9px;border:1px solid #c8cbce;background-color:#eff1f2 }
.sticker_choice .btn_latest .img_comm {width:18px;height:18px;background-position:-240px -154px;text-indent:-9999px}
.sticker_choice .tab_sticker {position:absolute;top:0;left:0;width:861px;height:39px}
.sticker_choice .tab_sticker li {position:relative;float:left;height:36px;padding:3px}
.sticker_choice .tab_sticker .fst {padding-left:0}
.sticker_choice .tab_link {width:35px;height:32px;padding:1px;text-align:center}
.sticker_choice .on .tab_link {padding:0;border-radius:5px;border:1px solid #c8cbce;background-color:#eff1f2 }
.sticker_choice .tab_sticker .tab_link {float:left}
.sticker_choice .btn_next {position:absolute;top:46px;right:1px;width:21px;height:26px;padding:13px 0 0 6px}
.sticker_choice .btn_next .img_comm {width:10px;height:15px;background-position:-230px -225px;text-indent:-9999px;background-image:url(http://i1.daumcdn.net/img-media/mobile/m640/tistory/img_comm_131010.png);-webkit-background-size:260px 290px;background-size:260px 290px;}
.sticker_choice .tab_sticker .ico_new {position:absolute;top:2px;right:0;width:14px;height:14px;background-position:-239px -224px;text-indent:-9999px}
.inner_sticker_layer .layer_body {overflow:hidden;width:290px}
.inner_sticker_layer .layer_body .list_sticker {position:relative;overflow:hidden;width:264px;height:162px;margin:10px 13px}
.inner_sticker_layer .layer_body .list_sticker li {float:left;width:66px;height:54px}
.inner_sticker_layer .layer_body .list_sticker .thumb {display:block;position:relative;cursor:pointer}
.inner_sticker_layer .layer_body .list_sticker .wrap_thumb {display:block;width:66px;height:54px;text-align:center;line-height:54px;cursor:pointer}
.inner_sticker_layer .layer_body .list_sticker .thumb_img {display:inline;vertical-align:middle}
.inner_sticker_layer .layer_body .list_sticker .on .frame {display:block}
.inner_sticker_layer .layer_body .wrap_btn {overflow:hidden;width:112px;height:31px;margin:9px auto 0}
.inner_sticker_layer .layer_body .wrap_btn .btn_comm {display:inline;float:left;width:51px;height:31px;margin:0 3px 0 2px}
.inner_sticker_layer .layer_body .wrap_btn .btn_entry {background-position:0 0}
.inner_sticker_layer .layer_body .wrap_btn .btn_cancel {background-position:0 -40px}
.inner_sticker_layer .layer_body .paging_sticker {overflow:hidden;position:relative;width:154px;height:32px;margin:0 auto}
.paging_sticker .btn_page {display:block;overflow:hidden;position:absolute;top:0;width:40px;height:30px;border:1px solid #bababa;border-radius:5px;font-size:0;line-height:0;background-color:#f9f9f9;background-image:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#f6f6f6));-webkit-box-shadow:inset 0 1px 1px rgba(255,255,255,0.5);box-shadow:inset 0 1px 1px rgba(255,255,255,0.5);color:transparent}
.paging_sticker .btn_prev {left:0}
.paging_sticker .btn_next {right:0}
.paging_sticker .btn_page .img_comm {margin-top:8px;width:10px;height:15px;text-indent:-9999px}
.paging_sticker .btn_prev .img_comm {margin-left:15px;background-position:-220px -240px;background-image:url(http://i1.daumcdn.net/img-media/mobile/m640/tistory/img_comm_131010.png);-webkit-background-size:260px 290px;background-size:260px 290px;}
.paging_sticker .btn_next .img_comm {margin-left:16px;background-position:-230px -240px;background-image:url(http://i1.daumcdn.net/img-media/mobile/m640/tistory/img_comm_131010.png);-webkit-background-size:260px 290px;background-size:260px 290px;}
.paging_sticker .btn_prev .on {background-position:-220px -225px}
.paging_sticker .btn_next .on {background-position:-230px -225px}
.paging_sticker .inner_paging {display:block;height:13px;margin:12px 42px 0;text-align:center}
.paging_sticker .inner_paging .num_page {display:inline-block;overflow:hidden;width:9px;height:9px;margin:0 3px 0 1px;border-radius:5px;background-color:#cccdd0;text-indent:-9999px;vertical-align:top}
.paging_sticker .inner_paging em.num_page {background-color:#3e4452}
.inner_sticker_layer .layer_foot .btn_close {position:absolute;top:1px;right:1px;width:44px;height:44px}
.inner_sticker_layer .layer_foot .img_comm {width:12px;height:12px;margin:17px 15px;padding-right:2px;background-position:-240px -175px;text-indent:-9999px;background-image:url(http://i1.daumcdn.net/img-media/mobile/m640/tistory/img_comm_131010.png);-webkit-background-size:260px 290px;background-size:260px 290px;}

/* high-resolution */
@media only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5) {
.img_comm {background-image:url(http://i1.daumcdn.net/img-media/mobile/m640/tistory/img_comm_131010.png);-webkit-background-size:260px 290px;background-size:260px 290px}/* 2013-10-10 수정 */
#daumServiceLogo {background-image:url(http://i1.daumcdn.net/img-media/mobile/m640/tistory/logo_tistory_140630.png);-webkit-background-size:24px 22px;background-size:24px 22px}/* 2013-10-10 수정 */

    .tab_menu .tab_new {
        background-image: url(http://m1.daumcdn.net/icon/mobile/m640/tistory/txt_bar.png);
        -webkit-background-size: 2px 16px;
        background-size: 2px 16px
    }

    .sub_menu li {
        background-image: url(http://m1.daumcdn.net/icon/mobile/m640/tistory/dot_gnb.png);
        -webkit-background-size: 2px 2px;
        background-size: 2px 2px
    }

    .tistorywrite_type1 .fld_write .tab_menu .list_filter .link_menu {
        background-image: url(http://m1.daumcdn.net/icon/mobile/m640/tistory/txt_bar2.png);
        -webkit-background-size: 2px 14px;
        background-size: 2px 14px
    }

    .tistorywrite_type1 .fld_write .tab_menu .list_filter .txt_menu {
        background-image: url(http://m1.daumcdn.net/icon/mobile/m640/tistory/txt_bar4.png);
        -webkit-background-size: 2px 14px;
        background-size: 2px 14px
    }

    .tistorywrite_type1 .wrap_thumb {
        background-image: url(http://m1.daumcdn.net/icon/mobile/m640/tistory/bg_nothumb.png);
        -webkit-background-size: 64px 64px;
        background-size: 64px 64px
    }

    .section_article .inner_box .list_article li {
        background-image: url(http://m1.daumcdn.net/icon/mobile/m640/tistory/ico_bullet.png);
        -webkit-background-size: 2px 2px;
        background-size: 2px 2px
    }
}

/* 실시간 이슈 배경색 유지 */
#hottrendsContainer {
	background: #fff;
    padding-bottom: 1px;
}

/* 플러그인 광고영역 */
#adTop {
    height:auto !important;
}

#adBottom {
    height:auto !important;
}

/* 갤러리 로딩중 메세지 */
.wrap_message {display:none;width:100%;height:100%;position:fixed;top:0;left:0;z-index:16}
.layer_message {position:fixed;width:40%;height:57px;top:50%;left:30%;text-align:center;line-height:57px;background-color:#000;opacity:0.7;border-radius:5px;color:#fff;font-size:13px}

/********** Common Images **********/
.img_g {display:inline-block;overflow:hidden;background:url(http://i1.daumcdn.net/svc/image/U03/common_icon/519C2F08046A790003) no-repeat 0 0;text-indent:-9999px}/* 2013-05-22 수정 */
.tit_service {display:block;overflow:hidden;background:url(http://m1.daumcdn.net/svc/image/U03/common_icon/50AF81880170B10001) no-repeat 0 0}/* 서비스 타이틀 */
.inside_footsch .opt_sch {position:absolute;top:0;left:8px;height:32px;padding:2px 28px 0 7px;border:1px solid #949da6;border-radius:2px;font-size:13px;line-height:15px;background:#fff url(http://m1.daumcdn.net/svc/image/U03/common_icon/50AF5CD60505B80001) no-repeat 100% 0;-webkit-box-shadow:inset 1px 1px 0 #e2e3e5;box-shadow:inset 1px 1px 0 #e2e3e5;-webkit-appearance:none;color:#808080;letter-spacing:-1px} /* 2013-05-10 수정 */
@media
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
	.img_g {background-image:url(http://i1.daumcdn.net/svc/image/U03/common_icon/519C2F170411FD0002);-webkit-background-size:148px 150px;background-size:148px 150px}/* 2013-05-22 수정 */
	.tit_service {background-image:url(http://m1.daumcdn.net/svc/image/U03/common_icon/50AF816E0172130001);-webkit-background-size:64px 20px;background-size:64px 20px}
	.inside_footsch .opt_sch {background-image:url(http://m1.daumcdn.net/svc/image/U03/common_icon/50AF5CCC0506CC0001);-webkit-background-size:28px 30px;background-size:28px 30px}
	.gallery .img_gallery {background-image:url(http://i1.daumcdn.net/img-media/mobile/m320/tistory/m480/ico_gallery.png);-webkit-background-size:10px 6px;background-size:10px 6px}  /* 2013-09-09 이미지 경로 수정 */
}
@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {
	.img_g {background-image:url(http://i1.daumcdn.net/svc/image/U03/common_icon/519C2F2404714F0005);-webkit-background-size:148px 150px;background-size:148px 150px}/* 2013-05-22 수정 */
	.tit_service {background-image:url(http://m1.daumcdn.net/svc/image/U03/common_icon/50AF81560164040001);-webkit-background-size:64px 20px;background-size:64px 20px}
	.inside_footsch .opt_sch {background-image:url(http://m1.daumcdn.net/svc/image/U03/common_icon/50AF5CA405145C0001);-webkit-background-size:28px 30px;background-size:28px 30px}
	.gallery .img_gallery {background-image:url(http://i1.daumcdn.net/img-media/mobile/m320/tistory/m640/ico_gallery.png);-webkit-background-size:10px 6px;background-size:10px 6px}  /* 2013-09-09 이미지 경로 수정 */
}

/* sns 글보내기 오버라이드 */
.sns_more .list_snsmore li {
	width: 14.286%;
}
}