모바일 오유 바로가기
http://m.todayhumor.co.kr
분류 게시판
베스트
  • 베스트오브베스트
  • 베스트
  • 오늘의베스트
  • 유머
  • 유머자료
  • 유머글
  • 이야기
  • 자유
  • 고민
  • 연애
  • 결혼생활
  • 좋은글
  • 자랑
  • 공포
  • 멘붕
  • 사이다
  • 군대
  • 밀리터리
  • 미스터리
  • 술한잔
  • 오늘있잖아요
  • 투표인증
  • 새해
  • 이슈
  • 시사
  • 시사아카이브
  • 사회면
  • 사건사고
  • 생활
  • 패션
  • 패션착샷
  • 아동패션착샷
  • 뷰티
  • 인테리어
  • DIY
  • 요리
  • 커피&차
  • 육아
  • 법률
  • 동물
  • 지식
  • 취업정보
  • 식물
  • 다이어트
  • 의료
  • 영어
  • 맛집
  • 추천사이트
  • 해외직구
  • 취미
  • 사진
  • 사진강좌
  • 카메라
  • 만화
  • 애니메이션
  • 포니
  • 자전거
  • 자동차
  • 여행
  • 바이크
  • 민물낚시
  • 바다낚시
  • 장난감
  • 그림판
  • 학술
  • 경제
  • 역사
  • 예술
  • 과학
  • 철학
  • 심리학
  • 방송연예
  • 연예
  • 음악
  • 음악찾기
  • 악기
  • 음향기기
  • 영화
  • 다큐멘터리
  • 국내드라마
  • 해외드라마
  • 예능
  • 팟케스트
  • 방송프로그램
  • 무한도전
  • 더지니어스
  • 개그콘서트
  • 런닝맨
  • 나가수
  • 디지털
  • 컴퓨터
  • 프로그래머
  • IT
  • 안티바이러스
  • 애플
  • 안드로이드
  • 스마트폰
  • 윈도우폰
  • 심비안
  • 스포츠
  • 스포츠
  • 축구
  • 야구
  • 농구
  • 바둑
  • 야구팀
  • 삼성
  • 두산
  • NC
  • 넥센
  • 한화
  • SK
  • 기아
  • 롯데
  • LG
  • KT
  • 메이저리그
  • 일본프로야구리그
  • 게임1
  • 플래시게임
  • 게임토론방
  • 엑스박스
  • 플레이스테이션
  • 닌텐도
  • 모바일게임
  • 게임2
  • 던전앤파이터
  • 마비노기
  • 마비노기영웅전
  • 하스스톤
  • 히어로즈오브더스톰
  • gta5
  • 디아블로
  • 디아블로2
  • 피파온라인2
  • 피파온라인3
  • 워크래프트
  • 월드오브워크래프트
  • 밀리언아서
  • 월드오브탱크
  • 블레이드앤소울
  • 검은사막
  • 스타크래프트
  • 스타크래프트2
  • 베틀필드3
  • 마인크래프트
  • 데이즈
  • 문명
  • 서든어택
  • 테라
  • 아이온
  • 심시티5
  • 프리스타일풋볼
  • 스페셜포스
  • 사이퍼즈
  • 도타2
  • 메이플스토리1
  • 메이플스토리2
  • 오버워치
  • 오버워치그룹모집
  • 포켓몬고
  • 파이널판타지14
  • 배틀그라운드
  • 기타
  • 종교
  • 단어장
  • 자료창고
  • 운영
  • 공지사항
  • 오유운영
  • 게시판신청
  • 보류
  • 임시게시판
  • 메르스
  • 세월호
  • 원전사고
  • 2016리오올림픽
  • 2018평창올림픽
  • 코로나19
  • 2020도쿄올림픽
  • 게시판찾기
  • 오유인페이지
    개인차단 상태
    센하님의
    개인페이지입니다
    가입 : 12-12-14
    방문 : 481회
    닉네임변경 이력
    회원차단
    회원차단해제
    게시물ID : programmer_15173
    작성자 : 센하
    추천 : 0
    조회수 : 1735
    IP : 116.41.***.17
    댓글 : 1개
    등록시간 : 2015/12/26 10:06:05
    http://todayhumor.com/?programmer_15173 모바일
    블로그 스킨 수정하려구하는데!
    111111.JPG

    제가 티스토리 스킨을 만들고 있어요.

    그동안 자세한 공부 없이 가라로만 배우고 해서...

    익혀나가고 있는데요.



    사진 보시면 위에 카테고리와 검색버튼이 나와요.

    그리고 좌측에는 사진 이름이랑 블로그 타이틀이 나오는데

    여기 전체 DIV 안에 고정된 그림을 배경으로 넣으려고 해요.

    그리고 아래 메인 내용이 나오는 컨텐츠 부분에도 스크롤되면 스크롤 따라 움직이는 배경을 넣으려고 하는데

    넣는 방법을 알려주세요!


    HTML 소스


    <!doctype html>

    <html lang="ko">


    <head>

    <meta charset="UTF-8">

    <meta name="viewport" content="user-scalable=no,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,width=device-width,target-densitydpi=medium-dpi">

    <title>[##_page_title_##] - [##_title_##]</title>

    <link rel="alternate" type="application/rss+xml" title="[##_title_##]" href="[##_rss_url_##]" />


    <link rel="stylesheet" href="./style.css">

    <link rel="stylesheet" href="./images/font.css">


    <!--[if lt IE 9]>

        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>

    <![endif]-->

    <!--[if gte IE 9]><!-->

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>

    <!--<![endif]-->

    </head>


    <body id="[##_body_id_##]">

    <s_t3>

    <div id="dkIndex">

    <a href="#dkBody">본문 바로가기</a>

    <a href="#dkGnb">메뉴 바로가기</a>

    </div>


    <div id="dkWrap" class="wrap_skin ">

    <div id="dkHead" role="banner" class="area_head ">

    <h1 class="screen_out">[##_title_##]</h1>

    <div class="area_profile ">

    <a class="link_profile" href="/"><img src="[##_image_##]" width="50" height="50" class="img_profile" alt="프로필사진"></a>

    <div class="info_profile">

    <button type="button" class="btn_name">[##_blogger_##]

    <span class="ico_skin ico_name"></span>

    </button>

    <ul class="list_name">

    <li><a href="[##_owner_url_##]/entry/post" class="link_name">글쓰기</a></li>

    <li><a href="[##_owner_url_##]" class="link_name">관리</a></li>

    <li class="box_division"><a href="[##_taglog_link_##]" class="link_name">태그</a></li>

    <li><a href="[##_guestbook_link_##]" class="link_name">방명록</a></li>

    <li><a href="[##_rss_url_##]" class="link_name">RSS</a></li>

    </ul>

    <p class="txt_condition">[##_title_##]</p>

    </div>

    </div>


    <button type="button" class="btn_menu">

    <span class="ico_skin ico_menu">카테고리 메뉴열기</span>

    </button>

    </div>


    <div class="dimmed_layer"></div>


    <button type="button" class="btn_close">

    <span class="ico_skin ico_close">닫기</span>

    </button>


    <div class="area_menu">

    <s_search>

    <div class="area_search">

    <button type="button" class="btn_search">

    <span class="ico_skin ico_search">검색하기</span>

    </button>

    <form action="#" method="get" class="frm_search" onsubmit="[##_search_onclick_submit_##]">

    <fieldset>

    <legend class="screen_out">검색하기 폼</legend>

    <label for="tfSearch" class="ico_skin lab_search">검색하기</label>

    <input type="text" name="[##_search_name_##]" value="[##_search_text_##]" class="tf_search">

    </fieldset>

    </form>

    </div>

    </s_search>


    <div role="navigation" class="area_navi">

    <button type="button" class="btn_cate">CATEGORY <span class="ico_skin ico_cate"></span></button>


    <div class="list_cate">

    [##_category_list_##]


    <ul class="menu_profile">

    <li><a href="[##_guestbook_link_##]">방명록</a></li>

    </ul>

    </div>

    </div>

    </div>


    <hr class="hide">


    <s_list>

    <div class="area_list">

    <div class="tit_category">

    <a class="link_category">[##_list_conform_##] ([##_list_count_##])</a>

    </div>

    </div>

    </s_list>


    <div id="dkContent" class="cont_skin" role="main">

    <div id="cMain">


    <s_notice_rep>

    <div id="mArticle" class="article_skin">

    <s_index_article_rep>

    <div class="list_content">

    <a href="[##_notice_rep_link_##]" class="link_post">

    <strong class="tit_post">[##_notice_rep_title_##]</strong>

    <p class="txt_post">[##_notice_rep_summary_##]</p>

    </a>

    <div class="detail_info">

    <a class="link_cate">공지사항</a>

    <span class="txt_bar"></span>

    [##_notice_rep_date_##]

    </div>

    </div>

    </s_index_article_rep>


    <s_permalink_article_rep>

    <div class="skin_view">

    <h2 id="dkBody" class="screen_out">티스토리 뷰</h2>

    <div class="area_title">

    <strong class="tit_category"><a>공지사항</a></strong>

    <h3 class="tit_post"><a href="[##_notice_rep_link_##]">[##_notice_rep_title_##]</a></h3>

    <span class="txt_detail my_post">[##_notice_rep_author_##]

    <span class="txt_bar"></span>[##_notice_rep_date_##]

    </span>

    </div>

    <div class="area_view">

    [##_notice_rep_desc_##]

    </div>


    <div class="area_etc">

    <strong class="screen_out">공유하기 링크</strong>

    <ul class="list_share">

    <li><a href="#none" class="ico_skin link_fb" data-service="facebook">페이스북</a></li>

    <li><a href="#none" class="ico_skin link_ks" data-service="kakaostory">카카오스토리</a></li>

    <li><a href="#none" class="ico_skin link_tw" data-service="twitter">트위터</a></li>

    </ul>

    </div>

    </div>

    </s_permalink_article_rep>

    </div>

    </s_notice_rep>


    <s_article_protected>


    <div id="mArticle" class="article_skin">

    <s_index_article_rep>

    <div class="list_content">

    <a href="[##_article_rep_link_##]" class="link_post">

    <strong class="tit_post">[##_article_rep_title_##]</strong>

    <p class="txt_post">보호되어 있는 글입니다.</p>

    </a>

    <div class="detail_info">

    <a href="" class="link_cate">보호글</a>

    <span class="txt_bar"></span>

    [##_article_rep_date_##]

    </div>

    </div>

    </s_index_article_rep>


    <s_permalink_article_rep>

    <div class="skin_view">

    <h2 id="dkBody" class="screen_out">티스토리 뷰</h2>

    <div class="area_title">

    <strong class="tit_category"><a>보호글</a></strong>

    <h3 class="tit_post"><a href="[##_article_rep_link_##]">[##_article_rep_title_##]</a></h3>

    <span class="txt_detail my_post">

    <span class="txt_bar"></span>[##_article_rep_date_##]

    </span>

    </div>

    <div class="area_view">

    [##_notice_rep_desc_##]

    <form class="protected_form" onsubmit="[##_article_dissolve_##]">

    <p>보호되어 있는 글입니다. 내용을 보시려면 비밀번호를 입력하세요.</p>

    <input type="password" id="[##_article_password_##]" name="[##_article_password_##]" value="" placeholder="비밀번호" />

    <button type="submit">확인</button>

    </form>

    </div>

    </div>

    </s_permalink_article_rep>

    </div>


    </s_article_protected>


    <s_article_rep>

    <div id="mArticle" class="article_skin">


    <s_index_article_rep>

    <div class="list_content">

    <a href="[##_article_rep_link_##]" class="link_post">

    <strong class="tit_post">[##_article_rep_title_##]</strong>

    <p class="txt_post">[##_article_rep_summary_##]</p>

    </a>

    <div class="detail_info">

    <a href="[##_article_rep_category_link_##]" class="link_cate">[##_article_rep_category_##]</a>

    <span class="txt_bar"></span>

    [##_article_rep_date_##]

    </div>

    </div>

    </s_index_article_rep>


    <s_permalink_article_rep>

    <div class="skin_view">

    <h2 id="dkBody" class="screen_out">티스토리 뷰</h2>

    <div class="area_title">

    <strong class="tit_category"><a href="[##_article_rep_category_link_##]">[##_article_rep_category_##]</a></strong>

    <h3 class="tit_post"><a href="[##_article_rep_link_##]">[##_article_rep_title_##]</a></h3>

    <span class="txt_detail my_post">[##_article_rep_author_##]

    <span class="txt_bar"></span>[##_article_rep_date_##]

    <s_ad_div>

    <span class="my_edit">

    <span class="txt_bar"></span><a href="[##_s_ad_m_link_##]" class="link_detail">수정</a>

    <span class="txt_bar"></span><a href="#" onclick="[##_s_ad_s2_onclick_##]" class="link_detail">[##_s_ad_s1_label_##]</a>

    <span class="txt_bar"></span><a href="#" onclick="[##_s_ad_d_onclick_##]" class="link_detail">삭제</a>

    </span>

    </s_ad_div>

    </span>

    </div>

    <div class="area_view">

    [##_article_rep_desc_##]

    </div>

    <div class="area_etc">

    <strong class="screen_out">공유하기 링크</strong>

    <ul class="list_share">

    <li><a href="#none" class="ico_skin link_fb" data-service="facebook">페이스북</a></li>

    <li><a href="#none" class="ico_skin link_ks" data-service="kakaostory">카카오스토리</a></li>

    <li><a href="#none" class="ico_skin link_tw" data-service="twitter">트위터</a></li>

    </ul>


    <s_tag_label>

    <dl class="list_tag">

    <dt class="tit_tag">TAG</dt>

    <dd class="desc_tag">[##_tag_label_rep_##]</dd>

    </dl>

    </s_tag_label>

    </div>



    <div class="area_reply ">



    <strong class="tit_reply">댓글

    <button type="button" class="btn_reply" onclick="$.Area.Comment.changeStatus();[##_article_rep_rp_link_##]">

    <s_rp_count>[##_article_rep_rp_cnt_##]</s_rp_count>

    <span class="ico_skin ico_reply">댓글펼치기</span>

    </button>

    </strong>




    <!-- 대체텍스트 댓글펼치기/댓글접기 변경 -->

    <s_rp>

    <button type="button" class="btn_replymore">이전 댓글 보기</button>

    <s_rp_container>

    <ul class="list_reply">

    <s_rp_rep>

    <li id='[##_rp_rep_id_##]' class="[##_rp_rep_class_##]">


    <img src="http://i1.daumcdn.net/cfs.tistory/static/skin/avatar_default.gif" width="50" height="50" class="img_profile" alt="프로필사진">


    <span class="reply_content">

    <span class="tit_nickname">[##_rp_rep_name_##] <span class="ico_skin ico_secret"></span></span>

    <span class="txt_reply">[##_rp_rep_desc_##]</span>

    <span class="txt_date">[##_rp_rep_date_##]</span>

    </span>

    <button type="button" class="btn_replymenu">

    <span class="ico_skin ico_replymenu">댓글 메뉴</span>

    </button>

    <div class="my_edit">

    <a href="[##_rp_rep_link_##]" class="link_edit">댓글주소</a>

    <a href="#" onclick="[##_rp_rep_onclick_delete_##]" class="link_edit">수정/삭제</a>

    <a href="#" onclick="[##_rp_rep_onclick_reply_##]" class="link_edit">댓글쓰기</a>

    </div>

    </li>


    <s_rp2_container>

    <s_rp2_rep>

    <li id='[##_rp_rep_id_##]' class="re_reply [##_rp_rep_class_##]">


    <img src="http://i1.daumcdn.net/cfs.tistory/static/skin/avatar_default.gif" width="50" height="50" class="img_profile" alt="프로필사진">


    <span class="reply_content">

    <span class="tit_nickname">[##_rp_rep_name_##] <span class="ico_skin ico_secret"></span></span>

    <span class="txt_reply">[##_rp_rep_desc_##]</span>

    <span class="txt_date">[##_rp_rep_date_##]</span>

    </span>

    <button type="button" class="btn_replymenu">

    <span class="ico_skin ico_replymenu">댓글 메뉴</span>

    </button>

    <div class="my_edit">

    <a href="[##_rp_rep_link_##]" class="link_edit">댓글주소</a>

    <a href="#" onclick="[##_rp_rep_onclick_delete_##]" class="link_edit">수정/삭제</a>

    </div>

    </li>

    </s_rp2_rep>

    </s_rp2_container>

    </s_rp_rep>

    </ul>

    </s_rp_container>


    <s_rp_input_form>

    <fieldset class="fld_reply">

    <legend class="screen_out">댓글쓰기 폼</legend>

    <div class="reply_write ">

    <label for="[##_rp_input_comment_##]" class="lab_write"></label>

    <textarea id="[##_rp_input_comment_##]" name="[##_rp_input_comment_##]" class="tf_reply" placeholder="여러분의 소중한 댓글을 입력해주세요" tabindex="1"></textarea>

    </div>

    <div class="reply_writer">

    <s_rp_member>

    <s_rp_guest>

    <div class="writer_info">

    <span class="info_name ">

    <span class="wrap_info">

    <input type="text" name="[##_rp_input_name_##]" id="[##_rp_input_name_##]" class="inp_info" placeholder="이름" value="[##_guest_name_##]" tabindex="2">

    </span>

    </span>

    <span class="info_pw ">

    <span class="wrap_info">

    <input type="password" name="[##_rp_input_password_##]" id="[##_rp_input_password_##]" class="inp_info" placeholder="비밀번호" tabindex="3">

    </span>

    </span>

    </div>

    </s_rp_guest>

    <div class="writer_check">

    <span class="check_secret ">

    <input type="checkbox" name="[##_rp_input_is_secret_##]" id="[##_rp_input_is_secret_##]" class="inp_secret" tabindex="4">

    <label for="[##_rp_input_is_secret_##]" class="lab_secret">

    <span class="ico_skin ico_check"></span>비밀글

    </label>

    </span>


    </div>


    </s_rp_member>


    <div class="writer_btn">

    <button type="submit" class="btn_enter" onclick="[##_rp_onclick_submit_##]" tabindex="5">입력</button>

    </div>

    </div>

    </fieldset>

    </s_rp_input_form>


    </s_rp>

    </div>

    </div>

    </s_permalink_article_rep>

    </div>

    </s_article_rep>


    <s_tag>

    <div class="area_list">

    <div class="tit_category">

    <a class="link_category">태그</a>

    </div>

    </div>


    <div id="mArticle" class="article_skin skin_tag">

    <h2 id= "dkBody" class="screen_out">티스토리 태그</h2>

    <ul class="list_tag">

    <s_tag_rep>

    <li><a href="[##_tag_link_##]" class="link_tag [##_tag_class_##]">[##_tag_name_##]</a></li>

    </s_tag_rep>

    </ul>

    </div>

    </s_tag>


    <s_guest>

    <div class="area_list">

    <div class="tit_category">

    <a class="link_category">방명록</a>

    </div>

    </div>


    <div id="mArticle" class="article_skin skin_visitor">

    <h2 id= "dkBody" class="screen_out">티스토리 방명록</h2>

    <div class="area_reply">


    <s_guest_input_form>

    <fieldset class="fld_reply">

    <legend class="screen_out">댓글쓰기 폼</legend>

    <div class="reply_write "><!-- 클릭시 'on_box' 추가 -->

    <textarea name="[##_guest_textarea_body_##]" class="tf_reply" placeholder="여러분의 소중한 메시지를 남겨주세요" tabindex="1"></textarea>

    <label for="[##_guest_textarea_body_##]" class="lab_write"></label>

    </div>

    <div class="reply_writer">

    <s_guest_member>

    <s_guest_form>

    <div class="writer_info">

    <span class="info_name "><!-- 클릭시 'on_box' 추가 -->

    <label for="[##_guest_input_name_##]" class="lab_info"></label>

    <span class="wrap_info"><input type="text" name="[##_guest_input_name_##]" class="inp_info" placeholder="이름" tabindex="2"></span>

    </span>

    <span class="info_pw "><!-- 클릭시 'on_box' 추가 -->

    <label for="[##_guest_input_password_##]" class="lab_info"></label>

    <span class="wrap_info"><input type="password" name="[##_guest_input_password_##]" class="inp_info" placeholder="비밀번호" tabindex="3"></span>

    </span>

    </div>

    </s_guest_form>


    <div class="writer_check">

    <span class="check_secret ">

    <input type="checkbox" name="[##_guest_input_is_secret_##]" id="[##_guest_input_is_secret_##]" class="inp_secret" tabindex="4">

    <label for="[##_guest_input_is_secret_##]" class="lab_secret">

    <span class="ico_skin ico_check"></span>비밀글

    </label>

    </span>


    </div>

    </s_guest_member>

    <div class="writer_btn">

    <button type="submit" class="btn_enter" onclick="[##_guest_onclick_submit_##]" tabindex="5">입력</button>

    </div>

    </div>

    </fieldset>

    </s_guest_input_form>


    <s_guest_container>

    <ul class="list_reply">

    <s_guest_rep>

    <li id="[##_guest_rep_id_##]" class="[##_guest_rep_class_##]">

    <img src="http://i1.daumcdn.net/cfs.tistory/static/skin/avatar_default.gif" width="50" height="50" class="img_profile" alt="프로필사진">


    <span class="reply_content">

    <span class="tit_nickname">[##_guest_rep_name_##]</span>

    <span class="txt_reply">[##_guest_rep_desc_##]</span>

    <span class="txt_date">[##_guest_rep_date_##]</span>

    </span>


    <button type="button" class="btn_replymenu"><span class="ico_skin ico_replymenu">댓글 메뉴</span></button>

    <div class="my_edit">

    <a href="#none" class="link_edit" onclick="[##_guest_rep_onclick_delete_##] ">수정/삭제</a>

    <a href="#none" class="link_edit" onclick="[##_guest_rep_onclick_reply_##] ">댓글쓰기</a>

    </div>

    </li>


    <s_guest_reply_container>

    <s_guest_reply_rep>

    <li id="[##_guest_rep_id_##]" class="re_reply [##_guest_rep_class_##]">

    <img src="http://i1.daumcdn.net/cfs.tistory/static/skin/avatar_default.gif" width="50" height="50" class="img_profile" alt="프로필사진">


    <span class="reply_content">

    <span class="tit_nickname">[##_guest_rep_name_##]</span>

    <span class="txt_reply">[##_guest_rep_desc_##]</span>

    <span class="txt_date">[##_guest_rep_date_##]</span>

    </span>


    <button type="button" class="btn_replymenu"><span class="ico_skin ico_replymenu">댓글 메뉴</span></button>

    <div class="my_edit">

    <a href="#none" class="link_edit" onclick="[##_guest_rep_onclick_delete_##] ">수정/삭제</a>

    </div>

    </li>

    </s_guest_reply_rep>

    </s_guest_reply_container>

    </s_guest_rep>

    </ul>

    </s_guest_container>


    </div>

    </div>

    </s_guest>



    <s_paging>

    <div class="area_paging area_paging_list">

    <span class="inner_paging">

    <a [##_prev_page_##] class="ico_skin link_prev [##_no_more_prev_##]">이전</a>

    <s_paging_rep>

    <a [##_paging_rep_link_##] class="link_page">[##_paging_rep_link_num_##]</a>

    </s_paging_rep>

    <a [##_next_page_##] class="ico_skin link_next [##_no_more_next_##]">다음</a>

    </span>

    </div>


    <div class="area_paging area_paging_simple">

    <div class="inner_paging">

    <a [##_prev_page_##] class="link_prev [##_no_more_prev_##]">

    <span class="ico_skin ico_prev"></span>이전

    </a>


    <a [##_next_page_##] class="link_next [##_no_more_next_##]">

    다음<span class="ico_skin ico_next"></span>

    </a>

    </div>

    </div>

    </s_paging>



    <div id="mEtc" class="wrap_etc">

    <div class="inner_aside">

    <s_sidebar>

    <s_sidebar_element>

    <!-- 공지사항 -->

    <s_rct_notice>

    <div class="box_aside">

    <strong>공지사항</strong>

    <ul class="list_board">

    <s_rct_notice_rep>

    <li><a href="[##_notice_rep_link_##]" class="link_board">[##_notice_rep_title_##]</a></li>

    </s_rct_notice_rep>

    </ul>

    </div>

    </s_rct_notice>

    </s_sidebar_element>



    <s_sidebar_element>

    <!-- 최근에 올라온 글 -->

    <div class="box_aside">

    <strong>최근에 올라온 글</strong>

    <ul class="list_board">

    <s_rctps_rep>

    <li><a href="[##_rctps_rep_link_##]" class="link_board">[##_rctps_rep_title_##]</a></li>

    </s_rctps_rep>

    </ul>

    </div>

    </s_sidebar_element>




    <s_sidebar_element>

    <!-- 최근에 달린 댓글 -->

    <div class="box_aside">

    <strong>최근에 달린 댓글</strong>

    <ul class="list_board">

    <s_rctrp_rep>

    <li><a href="[##_rctrp_rep_link_##]" class="link_board">[##_rctrp_rep_desc_##]</a></li>

    </s_rctrp_rep>

    </ul>

    </div>

    </s_sidebar_element>



    <s_sidebar_element>

    <!-- 방문자수 -->

    <div class="box_aside lst">

    <dl class="list_total">

    <dt>Total</dt>

    <dd>[##_count_total_##]</dd>

    </dl>

    <dl class="list_visitor">

    <dt>Today</dt>

    <dd>[##_count_today_##]</dd>

    </dl>

    <dl class="list_visitor">

    <dt>Yesterday</dt>

    <dd>[##_count_yesterday_##]</dd>

    </dl>

    </div>

    </s_sidebar_element>



    <s_sidebar_element>

    <!-- 링크 -->

    <div class="box_aside">

    <strong>링크</strong>

    <ul class="list_board">

    <s_link_rep>

    <li><a href="[##_link_url_##]" class="link_board" target="_blank">[##_link_site_##]</a></li>

    </s_link_rep>

    </ul>

    </div>

    </s_sidebar_element>



    <s_sidebar_element>

    <!-- 태그 클라우드 -->

    <div class="box_aside">

    <strong>TAG</strong>

    <ul class="list_tag">

    <s_random_tags>

    <li><a href="[##_tag_link_##]" class="link_tag [##_tag_class_##]">[##_tag_name_##]</a></li>

    </s_random_tags>

    </ul>

    <a href="[##_taglog_link_##]" class="link_more">more</a>

    </div>

    </s_sidebar_element>


    <s_sidebar_element>

    <!-- 달력 -->

    <div class="box_aside">

    [##_calendar_##]

    </div>

    </s_sidebar_element>


    <s_sidebar_element>

    <!-- 글 보관함 -->

    <div class="box_aside lst">

    <strong>글 보관함</strong>

    <ul class="list_keep">

    <s_archive_rep>

    <li><a href="[##_archive_rep_link_##]" class="link_keep">[##_archive_rep_date_##]</a> ([##_archive_rep_count_##])</li>

    </s_archive_rep>

    </ul>

    </div>

    </s_sidebar_element>


    </s_sidebar>

    </div>

    </div>

    </div>

    </div>

    <hr class="hide">

    <div id="dkFoot" role="contentinfo" class="area_foot">

    Blog is powered by

    <em class="emph_t">Tistory</em> / Designed by

    <em class="emph_t">Tistory</em>

    </div>

    </div>

    </s_t3>


    <script src="./images/script.js"></script>

    <script>

    (function($) {

    $.Area.init();

    })(jQuery);

    </script>


    </body>


    </html>



    CSS 소스


    @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;outline:none}
    fieldset,img{border:0 none}
    dl,ul,ol,menu,li {list-style:none}
    blockquote, q {quotes: none}
    blockquote:before, blockquote:after,q:before, q:after {content:'';content:none}
    input,select,textarea,button {vertical-align:middle}
    input::-ms-clear {display:none}
    button {border:0 none;background-color:transparent;cursor:pointer}
    body {background:#fff}
    body,th,td,input,select,textarea,button {font-size:14px;line-height:1.5;font-family:'Noto Sans', sans-serif;color:#666} /* color값은 디자인가이드에 맞게사용 */
    a {color:#333;text-decoration:none}
    a:active, a:hover {text-decoration:underline}
    a:active {background-color:transparent}
    address,caption,cite,code,dfn,em,var {font-style:normal;font-weight:normal}

    #tistorytoolbarid { display:none }

    /* global */
    #dkIndex {overflow:hidden;position:absolute;left:-9999px;width:0;height:1px;margin:0;padding:0} /* 스킵네비게이션 */
    .ir_pm {display:block;overflow:hidden;font-size:0px;line-height:0;text-indent:-9999px} /* 사용된 이미지내 의미있는 텍스트의 대체텍스트를 제공할때 */
    .ir_wa {display:block;overflow:hidden;position:relative;z-index:-1;width:100%;height:100%} /* 중요한 이미지 대체텍스트로 이미지off시에도 대체 텍스트를 보여주고자 할때 */
    .screen_out {overflow:hidden;position:absolute;width:0;height:0;line-height:0;text-indent:-9999px} /* 대체텍스트가 아닌 접근성을 위한 숨김텍스트를 제공할때 */
    .show {display:block}
    .hide {display:none}
    .emph_t{color:#3db39e}
    .cont_skin{margin-top:80px}
    .article_skin{width:820px;margin:0 auto}
    .txt_bar{display:inline-block;width:1px;height:9px;margin:0 5px;background-color:#ebebeb}
    .img_profile{float:left;margin-right:16px;border-radius:50px}
    .ico_focused {outline: 1px dotted #000;outline: -webkit-focus-ring-color auto 5px}

    /* 공통이미지 */
    .ico_skin{display:inline-block;overflow:hidden;font-size:0;line-height:0;background:url("images/ico_skin.gif") 0 0 no-repeat;text-indent:-9999px}

    /* 헤더 */
    .wrap_skin{position:relative}
    .area_head{position:fixed;top:0;left:0;z-index:10;width:100%;height:80px;border-bottom:1px solid #ebebeb;background-color:#fff;background-color:rgba(255,255,255,.95)}
    .area_head:after{display:block;visibility:hidden;height:0;font-size:0;clear:both;content:''}
    .area_head .area_profile{position:relative;float:left;padding:15px 0 0 30px}
    .area_head .area_profile .link_profile { float:left }
    .area_head .area_profile .info_profile { float:left; max-width:270px }

    .area_head .btn_name{margin-top:5px;font-weight:bold;margin-bottom:2px}
    .area_head .ico_name{width:10px;height:6px;margin:7px 0 0 6px;vertical-align:top}
    .area_head .txt_condition{width:100%;font-size:12px;color:#aaa;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
    .area_head .list_name{display:none;position:absolute;top:44px;left:92px;border:1px solid #dcdcdc;border-radius:2px;background-color:#fff}
    .area_head .on .list_name{display:block;width:112px;padding-top:13px;padding-bottom:2px}
    .area_head .on .ico_name { background-position: 0 -632px; }
    .area_head .link_name{display:block;padding-left:15px;margin-bottom:7px;text-decoration:none;color:#666}
    .area_head .link_name:hover { text-decoration: underline; color:#3db39e}
    .area_head .box_division{padding-top:13px;border-top:1px solid #f4f4f4;margin-top:9px}

    .area_menu{ position:fixed; right:15px; top:21px;z-index:31}
    .area_menu .area_search{display:inline-block;margin:0 2px;border:1px solid #ddd;border-radius:3px;vertical-align:top}
    .area_menu .on.area_search{border:1px solid #aaa}
    .area_menu .btn_search{width:40px;height:36px}
    .area_menu .on .btn_search{display:none}
    .area_menu .ico_search{width:16px;height:16px;margin-top:-1px;background-position:0 -25px;vertical-align:middle}
    .area_menu .frm_search{display:none;overflow:hidden;width:210px;height:36px}
    .area_menu .on .frm_search{display:block}
    .area_menu .lab_search{float:left;width:16px;height:16px;margin:10px 9px 0 12px;background-position:0 -400px}
    .area_menu .tf_search{float:left;width:150px;margin-top:9px;border:0 none;vertical-align:top;color:#333}
    .area_menu .area_navi{display:inline-block;position:relative;margin:0 2px 0 3px}
    .area_menu .btn_cate{width:160px;height:38px;border:1px solid #3db39e;border-radius:3px;font-weight:bold;font-size:12px;line-height:38px;color:#3db39e;padding:0 1px 0 5px}
    .btn_close{display:none}
    .area_menu .ico_cate{width:10px;height:6px;margin:-2px 0 0 53px;background-position:0 -50px;vertical-align:middle}
    .area_menu .list_cate{display:none;position:absolute;top:37px;left:0;width:158px;padding:18px 0 10px;border:1px solid #3db39e;border-radius:0 0 3px 3px;background-color:#fff}
    .area_menu .on .list_cate{display:block}
    .area_menu .on .ico_cate { background-position: 0 -658px; }
    .area_menu .link_cate{display:block;padding-left:17px;margin-bottom:12px;font-size:12px;color:#333}

    .area_navi .list_cate ul li { line-height:18px }
    .area_navi .list_cate ul li a { display:block;padding-left:17px;margin-bottom:12px;font-size:12px;color:#333;height:17px }
    .area_navi .list_cate ul li.selected > a,
    .area_navi .list_cate ul li a:hover { text-decoration:underline;color:#3db39e }
    .area_navi .list_cate .c_cnt, .area_navi .list_cate img { display:none }
    .area_navi .list_cate ul li ul li a {  }
    .area_navi .list_cate ul li ul li ul { padding-bottom:6px; margin-top:-6px }
    .area_navi .list_cate ul li ul li ul li { color:#b4b4b4; padding-left:21px }
    .area_navi .list_cate ul li ul li ul li a { padding-left:0;margin-bottom:6px;font-size:12px;color:#666 }
    .area_navi .list_cate ul li ul li ul li a::before { content:'· ' }
    .area_navi .list_cate .menu_profile { display:none }

    .area_list .tit_category{ position:fixed; top:1px; width:50%; left:25%; line-height:80px; text-align:center;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;z-index:21}
    .tit_category .link_category{font-size:20px; font-weight:bold;color:#3db39e}
    .tit_category .link_category:hover{text-decoration:none}
    .dimmed_layer{ position:fixed; top:0; bottom:0; left:0; right:0; display:none; z-index:30}
    .area_head .btn_menu{display:none}

    /* 푸터 */
    .wrap_etc{padding-top:48px;padding-bottom:5px;border-top:1px solid #ebebeb}
    .wrap_etc .inner_aside{overflow:hidden;width:820px;margin:0 auto}
    .wrap_etc .box_aside{float:left;position:relative;width:190px;min-height:135px;margin:0 20px 33px 0}
    .wrap_etc .lst{margin-right:0}
    .wrap_etc .list_board{padding-top:8px}
    .wrap_etc .list_board li{margin-bottom:8px}
    .wrap_etc .link_board{display:block;overflow:hidden;width:170px;font-size:12px;color:#aaa;white-space:nowrap;text-overflow:ellipsis}
    .wrap_etc .list_total dt{font-weight:bold}
    .wrap_etc .list_total dd{font-weight:bold;font-size:22px}
    .wrap_etc .list_visitor{overflow:hidden;margin-top:8px;font-size:12px}
    .wrap_etc .list_visitor dt{float:left;color:#aaa}
    .wrap_etc .list_visitor dd{float:right;color:#aaa}
    .wrap_etc .link_more{position:absolute;top:3px;right:10px;font-size:12px;text-decoration:underline;color:#aaa}
    .wrap_etc .list_tag{overflow:hidden;margin-top:10px}
    .wrap_etc .list_tag li{float:left}
    .wrap_etc .list_tag .link_tag{display:block;height:24px;padding:0 10px;margin:0 6px 6px 0;border-radius:26px;font-size:11px;line-height:26px;border:1px solid #f0f0f0;background-color:#f0f0f0;color:#999;max-width:65px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
    .wrap_etc .list_tag .link_tag:hover{border:1px solid #3db39e;background-color:#fff;text-decoration:none;color:#3db39e}

    .tt-calendar {width:176px !important; border-collapse:collapse;border-spacing:0;margin-left:-8px}
    .tt-calendar .cal_month {height:20px;font-weight:bold;text-align:center; margin-bottom:5px}
    .tt-calendar .cal_month a { font-weight:bold; color:#666 }
    .tt-calendar .cal_month a:first-child, .tt-calendar .cal_month a:last-child {height:17px;padding:0 10px;vertical-align:top; color:#ccc}
    .tt-calendar td, th { height:17px; vertical-align: middle;width:14.28%; text-align:center; font-size:10px}
    .tt-calendar thead th {color:#ccc;margin-bottom:2px }
    .tt-calendar tbody td {color:#aaa }
    .tt-calendar tbody td .cal_click { font-weight:bold;color:#777 }

    .wrap_etc .tbl_calendar{border-collapse:collapse;border-spacing:0;width:185px;margin-top:5px}
    .wrap_etc .tbl_calendar td{height:17px;vertical-align:middle}
    .wrap_etc .col_day{width:14.28%}
    .wrap_etc .tit_week{font-weight:normal;font-size:10px;text-align:center;color:#ccc}
    .wrap_etc .link_day{display:block;font-size:10px;text-align:center;color:#aaa}
    .wrap_etc .day_event{font-weight:bold;color:#777}

    .wrap_etc .list_keep{margin-top:10px}
    .wrap_etc .list_keep li{overflow:hidden;margin-bottom:8px;font-size:12px;color:#aaa}
    .wrap_etc .link_keep{font-size:12px;color:#aaa}
    .area_foot{height:50px;font-size:12px;line-height:50px;text-align:center;background-color:#f0f0f0;color:#aaa}

    /* 페이징 */
    .area_paging_simple { display:none }
    .area_paging{margin:30px 0 93px;text-align:center}
    .area_paging .inner_paging{display:inline-block;overflow:hidden}
    .area_paging .ico_skin{float:left;width:24px;height:24px;margin-top:6px}
    .area_paging .li_prev{margin-right:20px;background-position:0 -100px}
    .area_paging .link_prev{margin-right:20px;background-position:0 -100px}
    .area_paging .link_next{margin-left:20px;background-position:0 -150px}
    .area_paging .no-more-prev {background-position:0 -75px}
    .area_paging .no-more-next {background-position:0 -125px}
    .area_paging .interword{float:left;padding:6px 12px 0}
    .area_paging .link_page {float:left}
    .area_paging .link_page span {display:block;padding:9px 14px 5px;color:#666}
    .area_paging .link_page span.selected{border-radius:3px;background-color:#3db39e;color:#fff;font-weight:bold;padding:8px 14px 6px;}

    /* 뷰 */
    .skin_view .area_title{margin-bottom:29px;padding:68px 0 45px;border-bottom:1px solid #ebebeb;text-align:center}
    .skin_view .area_title a { text-decoration:none }
    .skin_view .tit_category a {font-weight:bold; color:#3db39e}
    .skin_view .tit_post{margin-top:7px;font-size:40px;font-weight:bold;color:#000;line-height:50px}
    .skin_view .tit_post a { color:#000 }
    .skin_view .txt_detail{display:block;margin-top:20px;font-size:12px;color:#aaa}
    .skin_view .txt_detail .txt_bar { margin:0 7px 0 5px; }
    .skin_view .txt_detail .my_edit{display:none}
    .skin_view .my_post .my_edit{display:inline-block}
    .skin_view .link_detail{font-size:12px;color:#aaa}
    .skin_view .link_detail:hover{text-decoration:none}
    .skin_view .area_view{padding:20px 0}
    .skin_view .area_view p {font-size:16px;line-height:28px; margin:0 auto 28px}
    .skin_view .area_view a {color:#3db39e}
    .skin_view .area_view h1,
    .skin_view .area_view h2,
    .skin_view .area_view h3,
    .skin_view .area_view h4 { font-size:26px; line-height:30px; margin:52px auto 28px }
    .skin_view .area_view ul,
    .skin_view .area_view ol { margin: 0 auto 32px; padding: 0 0 0 10px; }
    .skin_view .area_view ul li,
    .skin_view .area_view ol li { margin-left:24px; margin-bottom:10px; }
    .skin_view .area_view ul li { list-style:disc }
    .skin_view .area_view ol li { list-style:decimal }
    .skin_view .area_view blockquote { padding: 10px 20px; margin: 0 auto 28px; border-left:5px solid #eee }
    .skin_view .area_view blockquote,
    .skin_view .area_view blockquote p { font-size:18px; line-height:30px }
    .skin_view .area_view blockquote ol:last-child,
    .skin_view .area_view blockquote ul:last-child,
    .skin_view .area_view blockquote p:last-child { margin-bottom:0 }

    .skin_view .area_view pre { background-color:#F6F7F8; margin:28px auto; padding:16px; word-wrap: break-word; font-family: Menlo,Consolas,Monaco,monospace; font-size:14px; line-height:20px}
    .skin_view .area_view iframe { max-width:100% }

    .skin_view .area_view img { max-width:100%; height:auto }
    .skin_view .area_view .imageblock {width:auto !important; height:auto !important}

    .skin_view .area_view .protected_form { text-align:center; padding: 100px 0 150px; border-bottom:1px solid #ebebeb; margin-bottom:-20px }
    .skin_view .area_view .protected_form input { -webkit-appearance: none; padding:0 15px; border: 1px solid #eee; height:38px; line-height:38px; font-size: 12px; box-sizing: border-box;}
    .skin_view .area_view .protected_form button { border-radius: 4px; font-size: 12px; line-height: 38px; background-color: #3db39e; color: #fff; font-weight: bold; padding: 0 16px }

    .skin_view .area_etc{overflow:hidden;min-height:29px;margin-top:20px}
    .skin_view .area_etc .list_tag{float:left;margin-top:5px;font-weight:bold;}
    .skin_view .list_tag .tit_tag{float:left;margin-right:8px;font-weight:bold;font-size:12px;color:#3db39e}
    .skin_view .list_tag .desc_tag{float:left;margin-right:2px;font-weight:bold;font-size:12px;color:#aaa;max-width:630px}
    .skin_view .list_tag .desc_tag a{color:#aaa}
    .skin_view .list_tag .link_tag{font-weight:bold;font-size:12px;color:#aaa}
    .skin_view .list_tag .link_tag:hover{text-decoration:none}
    .skin_view .area_etc .list_share{float:right}
    .skin_view .list_share li{float:left;margin-top:1px}
    .skin_view .list_share .ico_skin{width:29px;height:29px;margin-right:6px}
    .skin_view .list_share .link_fb{background-position:0 -175px}
    .skin_view .list_share .link_fb:hover{background-position:0 -210px}
    .skin_view .list_share .link_kt{display:none}
    .skin_view .list_share .link_ks{background-position:0 -250px}
    .skin_view .list_share .link_ks:hover{background-position:0 -285px}
    .skin_view .list_share .link_tw{margin-right:0;background-position:0 -325px}
    .skin_view .list_share .link_tw:hover{margin-right:0;background-position:0 -360px}

    .skin_view .another_category {overflow:hidden;width:100%;margin:90px 0 0; border:0; padding:0}
    .skin_view .another_category h4 { float:left;width:100%;padding:0 0 7px !important;border-bottom:1px solid #eee !important;font-weight:normal; font-size:14px !important; line-height:1.5; color:#666 !important }
    .skin_view .another_category h4 a { color:#3db39e !important; font-weight:bold }
    .skin_view .another_category table { float:left;width:100%;margin-top:15px !important }
    .skin_view .another_category table tr { float:left; width:50%;margin-bottom:8px; }
    .skin_view .another_category table tr:nth-child(even) th { padding-left:10px !important }
    .skin_view .another_category table th { width:100%;font-size:12px;color:#aaa; padding: 0 !important }
    .skin_view .another_category table th a { overflow:hidden;max-width:255px;font-size:12px;white-space:nowrap;text-overflow: ellipsis;color:#666 !important; border:0 !important;display:inline-block;float:left }
    .skin_view .another_category table th a.current { text-decoration:underline !important }
    .skin_view .another_category table th span { font-size:12px }
    .skin_view .another_category table td { display:none }

    /* 댓글영역 */
    .skin_view .area_reply{margin-top:40px}
    .area_reply .tit_reply{font-weight:normal}
    .area_reply .btn_reply{font-weight:bold;line-height:18px;color:#3db39e}
    .area_reply .btn_reply .ico_reply{width:8px;height:5px;margin:5px 0 0 3px;background-position:0 -425px;vertical-align:top}
    .btn_reply.on .ico_reply{background-position:0 -450px}
    .area_reply .reply_write{position:relative;margin-top:5px}
    .area_reply .lab_write{position:absolute;top:13px;left:16px;font-size:12px}
    .area_reply .on_box .lab_write{display:none}
    .area_reply .tf_reply{width:820px;height:102px;padding:13px 15px 10px;border:1px solid #eee;font-size:12px;resize:none;box-sizing:border-box}
    .area_reply .reply_writer{margin-top:10px;position:relative;height:36px}
    .area_reply .writer_info{float:left}
    .area_reply .writer_info .info_name{display:inline-block;position:relative;margin-right:8px}
    .area_reply .writer_info .info_pw{display:inline-block;position:relative}
    .area_reply .writer_info .lab_info{position:absolute;top:10px;left:16px;font-size:12px}
    .area_reply .on_box .lab_info{display:none}
    .area_reply .writer_info .inp_info{width:120px;height:36px;padding:0 15px;border:1px solid #eee;font-size:12px;box-sizing:border-box}
    .area_reply .writer_info .inp_info::-webkit-input-placeholder { padding-top:2px }
    .area_reply .writer_check{position:absolute;right:70px}
    .area_reply .writer_check .check_secret{display:inline-block;position:relative;height:36px;margin-right:18px;line-height:36px}
    .area_reply .writer_check .inp_secret { display:none }
    .area_reply .writer_check .lab_secret {position:relative;padding-left:20px;font-size:12px;cursor:pointer}
    .area_reply .writer_check .ico_check {position:absolute;top:-2px;left:0;width:16px;height:16px;background-position:0 -500px}
    .area_reply .writer_check .inp_secret:checked + .lab_secret .ico_check { background-position:0 -525px }
    .area_reply .writer_check .inp_secret:focus + .lab_secret .ico_check { outline: 1px dotted #000;outline: -webkit-focus-ring-color auto 5px }
    .area_reply .on .ico_check{background-position:0 -525px}

    .area_reply .writer_btn { position:absolute;right:0 }
    .area_reply .writer_btn .btn_enter{width:70px;height:36px;border-radius:4px;font-size:12px;line-height:38px;background-color:#3db39e;color:#fff;font-weight:bold}

    .area_reply .btn_replymore{display:none;width:100%;height:42px;margin-top:3px;border-top:1px solid #eee;font-size:12px;line-height:44px;color:#aaa}
    .on .btn_replymore{display:block}
    .area_reply .list_reply{margin-bottom:20px; margin-top:5px;border-top:1px solid #e0e0e0;}
    .on .list_reply{display:block;margin-bottom:18px}
    .area_reply .list_reply li.tt_more_preview_comments_wrap { padding:10px 20px}
    .area_reply .list_reply .tt_more_preview_comments_text { font-size:12px; color:#aaa }
    .area_reply .list_reply li{overflow:hidden;position:relative;padding:23px 20px 24px;border-bottom:1px solid #eee}
    .area_reply .list_reply li:hover{background-color:#fcfcfc}
    .area_reply .list_reply .my_reply{background-color:#fcfcfc}
    .area_reply .list_reply .re_reply{padding-left:86px}
    .area_reply .reply_content{float:left}
    .area_reply .list_reply .img_profile { margin-top:2px }
    .area_reply .tit_nickname{display:block;overflow:hidden;max-width:515px;margin:4px 5px 0 0;font-weight:bold;color:#333;white-space:nowrap}
    .area_reply .my_reply .tit_nickname{color:#3db39e}
    .area_reply .tit_nickname:hover{text-decoration:none}
    .area_reply .ico_secret{width:10px;height:12px;margin-top:4px;background-position:0 -475px;vertical-align:top;display:none}
    .area_reply .rp_secret .tit_nickname {}
    .area_reply .rp_secret .ico_secret { display:inline-block }
    .area_reply .txt_reply{display:block;width:704px;margin-top:3px;font-size:12px}
    .area_reply .re_reply .txt_reply{display:block;width:627px;margin-top:3px;font-size:12px}
    .area_reply .txt_date{display:block;margin-top:7px;font-size:12px;color:#aaa}
    .area_reply .btn_replymenu{display:none}
    .area_reply .list_reply li .my_edit{display:none;position:absolute;top:27px;right:16px}
    .area_reply .list_reply li:hover .my_edit{display:block}
    .area_reply .my_edit .link_edit{margin:0 2px;font-size:12px;color:#3db39e}
    .area_reply .my_edit .link_edit:hover{text-decoration:none}
    .area_reply .hiddenComment .tit_nickname{display:none}
    .area_reply .hiddenComment .txt_reply{font-weight:bold;font-size:14px}
    .area_reply .hiddenComment .txt_date{}

    /* 리스트 */
    .list_content {padding-top:35px;border-bottom:1px solid #ebebeb}
    .list_content .link_post{display:block;overflow:hidden;text-decoration:none}
    .list_content .link_post:hover .tit_post { text-decoration: underline; color:#3db39e}
    .list_content .tit_post{display:block;font-weight:normal;font-size:28px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap}
    .list_content .txt_post{display:-webkit-box;display:-ms-flexbox;display:box;overflow:hidden;max-height:80px;margin-top:1px;font-size:16px;line-height:28px;color:#666;vertical-align:top;word-break:break-all;-webkit-box-orient:vertical;-webkit-line-clamp:3}
    .list_content .detail_info{margin-top:16px;font-size:12px;color:#aaa; padding-bottom:35px}
    .list_content .detail_info .link_cate{font-size:12px;text-decoration:none;color:#3db39e}

    /* 방명록 */
    .skin_visitor .area_reply .list_reply{display:block;margin-top:30px;border-top:1px solid #eee}
    .skin_visitor .area_reply .reply_write{margin-top:32px}
    .skin_visitor .area_reply .ico_secret{background-position:0 -600px}

    /* 태그 */
    .skin_tag .list_tag{overflow:hidden;padding:30px 0 90px}
    .skin_tag .list_tag li{float:left;margin:0 10px 10px 0}
    .skin_tag .link_tag{display:block;height:32px;padding:0 13px;border-radius:34px;line-height:34px;border:1px solid #f0f0f0; background-color:#f0f0f0;font-weight:100;color:#666}
    .skin_tag .link_tag:hover{border:1px solid #3db39e;background-color:#fff;text-decoration:none;color:#3db39e}

    @media only screen and (max-width:820px) {
    body,th,td,input,select,textarea,button,p,span { font-family:applesdgothicneo-ultralight; font-weight:100 }
    .ico_skin{background:url("images/ico_skin_320.png") 0 0 no-repeat}
    .img_profile{width:40px;height:40px;border-radius:40px}
    /* 헤더 */
    .area_head{z-index:20;height:60px}
    .area_head .area_profile{overflow:hidden;float:none;padding:10px 65px 0 15px}
    .area_head .area_profile .info_profile{max-width:180px}
    .area_head .img_profile{margin-right:8px}
    .area_list .tit_category{ line-height:60px }
    .area_list .tit_category .link_category{font-size:16px;font-family:applesdgothicneo-semibold;font-weight:bold}
    .area_head .on .list_name{display:none}
    .area_head .btn_name{margin-top:2px;color:#333;font-family:applesdgothicneo-bold;margin-bottom:0px}
    .area_head .ico_name{display:none}
    .area_head .txt_condition{overflow:hidden;width:auto;line-height:16px}

    .area_menu{display:none;right:0;top:0;bottom:0;overflow-y:auto;overflow-x:hidden;width:200px;background-color:#fff}
    .area_menu .area_search{display:none;width:168px;height:30px;margin:15px 0 0 15px;border:1px solid #dcdcdc;border-radius:31px}
    .area_menu .frm_search{width:168px;height:30px}
    .area_menu .lab_search{margin:8px 0 0 16px;background-position:-70px -110px}
    .area_menu .tf_search{width:115px;margin:7px 0 3px 8px;outline:none}

    .dimmed_layer{background-color:#000;opacity:0.7}
    .area_menu .btn_search{display:none}
    .area_menu .area_navi{display:block;position:static;margin:0}
    .area_head .btn_menu{display:block;overflow:hidden;position:absolute;right:15px;top:0;width:40px;height:35px;margin-top:13px;border:0 none}
    .area_head .ico_menu{display:block;width:40px;height:31px;margin:0;background-position:0 -80px;text-indent:0}
    .area_menu .btn_cate{display:none}
    .area_menu .list_cate{position:static;width:200px;padding:13px 0 15px;border:0 none;border-radius:0}

    .area_navi .list_cate ul li { line-height:18px }
    .area_navi .list_cate ul li a { margin-bottom:0;padding:7px 0 15px 30px;font-size:15px;line-height:22px; font-family: applesdgothicneo-semibold; font-weight:bold}
    .area_navi .list_cate ul li ul li a { padding:4px 0 15px 30px }
    .area_navi .list_cate ul li ul li ul { padding-bottom:3px; margin-top:-3px }
    .area_navi .list_cate ul li ul li ul li { padding-left:0; list-style:none; margin-bottom: 1px}
    .area_navi .list_cate ul li ul li ul li a { margin-bottom:0;padding:4px 0 11px 37px;font-size:15px; font-family: applesdgothicneo-ultralight; font-weight:normal; }
    .area_navi .list_cate ul li ul li ul li a::before { content:'· ' }
    .area_navi .list_cate .menu_profile { display:block;margin-top:14px;padding-top:20px;border-top:1px solid #e5e5e5 }

    .btn_close{position:fixed;right:210px;top:11px;width:30px;height:30px;z-index:31}
    .on .btn_close{display:block}
    .ico_close{display:inline-block;width:18px;height:18px;background-position:-50px -110px;vertical-align:middle}
    /* 푸터 */
    .wrap_etc{display:none}
    .area_foot{height:42px;font-size:11px;line-height:42px;color:#999}
    .area_foot .emph_t{font-weight:bold;color:#999;font-family:applesdgothicneo-bold}
    /* 페이징  */
    .area_paging_list { display:none }
    .area_paging_simple { display:block }
    .area_paging {padding:20px 0 10px; margin:0;position:static}
    .area_paging .inner_paging { display:block;  padding: 0 20px }
    .area_paging .inner_paging a { display:block; line-height:20px; font-size:15px }
    .area_paging .inner_paging a.link_prev { float:left }
    .area_paging .inner_paging a.link_next { float:right }

    .area_paging .ico_skin {width:10px;height:18px;margin-top:0}
    .area_paging .ico_prev {float:left; margin-right:11px;background-position:-130px -80px}
    .area_paging .ico_next {float:right; margin-left:11px;background-position:-130px -100px}
    .area_paging .no-more-prev,
    .area_paging .no-more-next { text-decoration:none; color:#999 }
    .area_paging .no-more-prev .ico_prev {background-position:-110px -80px}
    .area_paging .no-more-next .ico_next {background-position:-110px -100px}

    #tt-body-page .area_more { display:none }

    /* 뷰 */
    .article_skin{position:relative;width:100%}
    .skin_view .area_title{margin:0 15px;padding:44px 0 20px}
    .skin_view .area_title .my_edit {display:none}
    .skin_view .tit_category{font-size:13px}
    .skin_view .tit_category a {font-family:applesdgothicneo-semibold; font-weight:bold}
    .skin_view .tit_post{margin-top:3px;padding:0 8px;font-family:applesdgothicneo-semibold;font-weight:bold;font-size:26px;line-height:31px}
    .skin_view .txt_detail{margin-top:18px;word-break:break-all}
    .skin_view .txt_detail .txt_bar{margin:0 8px}
    .skin_view .area_view{padding:22px 15px 22px}

    .skin_view .area_view p {font-size:17px;line-height:24px;color:#333}
    .skin_view .img_view{width:100%;height:auto;margin:11px 0 6px}
    .skin_view .area_etc{position:relative;height:auto;margin:0;}
    .skin_view .area_etc .list_share{float:none;width:100%;text-align:center;margin-bottom:36px}
    .skin_view .list_share li{display:inline-block;float:none}
    .skin_view .list_share .ico_skin{width:36px;height:36px;margin:0 4px}
    .skin_view .list_share .link_fb{background-position:0 0}
    .skin_view .list_share .link_fb:hover{background-position:0 -40px}
    .skin_view .list_share .link_kt{display:block;background-position:-40px 0}
    .skin_view .list_share .link_kt:hover{background-position:-40px -40px}
    .skin_view .list_share .link_ks{background-position:-80px 0}
    .skin_view .list_share .link_ks:hover{background-position:-80px -40px}
    .skin_view .list_share .link_tw{margin-right:4px;background-position:-120px 0}
    .skin_view .list_share .link_tw:hover{margin-right:4px;background-position:-120px -40px}
    .skin_view .area_etc .list_tag{margin-top:0;padding:0 15px;float:none;margin-bottom:22px}
    .skin_view .list_tag .tit_tag{margin-right:3px;font-family: applesdgothicneo-ultralight; font-size:13px; float:none; display:inline}
    .skin_view .list_tag .desc_tag{ margin:0; float:none; display:inline; font-weight:bold;font-family:applesdgothicneo-semibold; }
    .skin_view .list_tag .link_tag{font-weight:normal;font-size:13px}
    /* 댓글영역 */
    .skin_view .area_reply{margin-top:0;padding-bottom:24px;border-bottom:1px solid #ebebeb}
    .area_reply .tit_reply{padding-left:15px;color:#333;font-family: applesdgothicneo-semibold; font-weight:bold;display: block;padding-bottom: 1px;}
    .area_reply .btn_reply{margin-top:0;line-height:20px;vertical-align:top;}
    .area_reply .btn_reply span { font-family: applesdgothicneo-semibold; font-weight:bold }
    .area_reply .btn_reply .ico_reply{margin:6px 0 0 0px;background-position:-150px -80px}
    .btn_reply.on .ico_reply{background-position:-150px -90px}
    .area_reply .list_reply { margin-bottom:0px }
    .area_reply .list_reply .tt_more_preview_comments_text { font-size:14px; color:#666 }
    .area_reply .list_reply li{overflow:visible;padding:20px 15px 16px;border-bottom: 1px solid #efefef}
    .area_reply .list_reply li.tt_more_preview_comments_wrap { height:20px }
    .area_reply .list_reply li:hover{background-color:#fff}
    .area_reply .list_reply li:last-child { border:0; padding-bottom:14px }
    .area_reply .list_reply .my_reply{background-color:#f8f8f8}
    .area_reply .list_reply .my_reply:hover{background-color:#f8f8f8}
    .area_reply .list_reply .re_reply{padding-left:60px}
    .area_reply .list_reply .prev_reply:before{content:'';position:absolute;left:31px;top:48px;width:1px;height:100%;background-color:#ccc}
    .area_reply .reply_content{display:block;float:none;padding:0 28px 0 45px}
    .area_reply .list_reply .img_profile{width:33px;height:33px;border-radius:33px;margin:0}
    .area_reply .list_reply .tit_nickname{font-size:13px;overflow:visible;margin:0px 5px 2px 0;color:#333;vertical-align:top;white-space:normal;font-family: applesdgothicneo-semibold}
    .area_reply .re_reply .tit_nickname{color:#3db39e}
    .area_reply .reply_secret .tit_nickname{margin-top:0;vertical-align:top}
    .area_reply .ico_secret, .skin_visitor .area_reply .ico_secret{margin-top:3px;background-position:-90px -110px}
    .area_reply .txt_reply, .area_reply .re_reply .txt_reply{width:100%;margin-top:0;line-height:20px;font-size:14px;color:#333}
    .area_reply .txt_date{margin-top:4px}
    .area_reply .reply_secret .txt_date{margin-top:0}
    .area_reply .btn_replymenu{display:block;position:absolute;right:2px;top:12px;width:30px;height:30px}
    .area_reply .btn_replymenu .ico_replymenu{display:inline-block;width:3px;height:13px;background-position:-150px -100px;vertical-align:middle}
    .area_reply .list_reply li .my_edit{right:10px;top:20px;z-index:10;width:95px;padding:10px 0;border:1px solid #dcdcdc;background-color:#fff}
    .area_reply .list_reply li .my_edit .link_edit{display:block;font-size:14px;line-height:32px;color:#333;text-align:center}
    .area_reply .fld_reply{padding:0 15px}
    .area_reply .btn_replymore{margin-top:5px;border-top:1px solid #e0e0e0;border-bottom:1px solid #efefef;font-size:13px;color:#666}
    .area_reply .reply_write{margin-top:4px;padding:7px 8px;border:1px solid #e0e0e0}
    .area_reply .tf_reply{width:100%;height:67px;padding:0;border:0 none;font-size:14px;outline:none}
    .area_reply .lab_write{left:10px;top:8px;font-size:14px;color:#999}
    .area_reply .reply_writer{margin-top:8px}
    .area_reply .writer_info{overflow:hidden;float:none;width:100%}
    .area_reply .writer_info .info_name{display:block;float:left;width:50%;margin-right:0}
    .area_reply .writer_info .info_pw{display:block;float:left;width:50%}
    .area_reply .writer_info .wrap_info{display:block}
    .area_reply .info_name .wrap_info{margin-right:5px}
    .area_reply .info_pw .wrap_info{margin-left:5px}
    .area_reply .writer_info .lab_info{left:11px;top:7px;font-size:14px;color:#999}
    .area_reply .info_pw .lab_info{left:16px}
    .area_reply .writer_info .inp_info{width:100%;height:35px;font-size:14px;outline:none;padding:3px 10px 0;-webkit-appearance: none; border-radius:0;border:1px solid #e0e0e0;}
    .area_reply .writer_info .inp_info::-webkit-input-placeholder { padding-top:0}
    .area_reply .writer_check{overflow:hidden;float:left;padding-top:10px;position:inherit;right:inherit}
    .area_reply .writer_check .check_secret{display:block;float:left;width:75px;height:33px;line-height:35px}
    .area_reply .writer_check .inp_secret{width:75px;height:33px}
    .area_reply .writer_check .lab_secret{position:static;padding-left:33px;font-size:14px;color:#666}
    .area_reply .writer_check .ico_check{left:0;top:3px;width:26px;height:26px;background-position:-50px -80px}
    .area_reply .on .ico_check, .area_reply .writer_check .inp_secret:checked + .lab_secret .ico_check{background-position:-80px -80px}
    .area_reply .writer_check .inp_secret:checked + .lab_secret { font-weight:bold }
    .area_reply .writer_btn { float:right; padding-top:10px;position:inherit;right:inherit}
    .area_reply .writer_btn .btn_enter{width:62px;height:33px;font-size:15px;line-height:34px;padding-top:1px}
    .area_reply .hiddenComment .txt_reply { font-family: applesdgothicneo-semibold }
    .area_reply .hiddenComment .txt_date { margin-top:0px }


    .skin_view .another_category { margin: 20px -15px 4px; border-top:1px solid #ebebeb; border-bottom:1px solid #eee; padding:23px 0; width:auto}
    .skin_view .another_category h4 { float:none; padding:0 15px !important; width:auto; border:0 !important }
    .skin_view .another_category table { float:none; margin-top:10px !important; max-height:145px; overflow:hidden; display:block }
    .skin_view .another_category table tr { width:100%; margin-bottom:9px;padding:0 15px !important }
    .skin_view .another_category table tr:nth-child(even) th { padding:0 !important }
    .skin_view .another_category table th { font-size:14px;color:#999 }
    .skin_view .another_category table th a { font-size:15px; color:#333 !important; max-width:230px }
    .skin_view .another_category table th a.current { font-weight:bold;font-family:applesdgothicneo-bold}
    .skin_view .another_category table th span { font-size:15px; display:inline-block;font-family: applesdgothicneo-ultralight; line-height:1.5 }

    .skin_view .area_other{position:absolute;left:0;bottom:-218px;width:100%;height:178px;margin:0 0 22px;padding:21px 0 0;border-top:1px solid #ebebeb}
    .skin_view .tit_other{display:block;overflow:hidden;float:none;width:auto;padding:0 15px;border-bottom:0 none;white-space:nowrap;text-overflow:ellipsis}
    .skin_view .list_other{float:none;width:100%;margin-top:12px}
    .skin_view .list_other li{overflow:hidden;width:100%;margin-bottom:9px;padding:0 15px;font-size:14px;color:#999}
    .skin_view .list_other .link_other{font-size:15px;color:#333}
    /* 리스트 및 방명록 공통 */
    .cont_skin{margin-top:63px}
    #tt-body-search .area_head .btn_name,
    #tt-body-search .area_head .txt_condition,
    #tt-body-tag .area_head .btn_name,
    #tt-body-tag .area_head .txt_condition,
    #tt-body-category .area_head .btn_name,
    #tt-body-category .area_head .txt_condition,
    #tt-body-guestbook .area_head .btn_name,
    #tt-body-guestbook .area_head .txt_condition { display:none}
    .area_foot{margin-top:21px}
    /* 리스트 */
    .list_content {max-height:113px;padding:21px 15px 0}
    .list_content .tit_post{font-size:18px; font-family:applesdgothicneo-semibold; font-weight:bold}
    .list_content .txt_post{max-height:37px;margin-top:2px;font-size:14px;line-height:19px;color:#6b6b6b;-webkit-line-clamp:2}
    .list_content .detail_info{margin-top:8px;font-size:13px;color:#bbb; padding-bottom:20px}
    .list_content .detail_info .link_cate{font-size:13px}
    .list_content .detail_info .txt_bar{margin:0 5px}
    /* 방명록 */
    .skin_visitor .area_reply .fld_reply{padding-top:12px}
    .skin_visitor .area_reply .reply_write{margin-top:0}
    .skin_visitor .area_reply .reply_writer{margin-top:10px}
    .skin_visitor .area_reply .list_reply{margin-top:25px}

    .skin_tag .list_tag{hidden;padding:30px 20px 90px}

    /* 카테고리 레이어 활성화 */
    .layer_on { overflow:hidden }
    .layer_on .area_head{}
    .layer_on .cont_skin{margin-top:0;padding-top:61px}
    .layer_on .dimmed_layer{display:block}
    .layer_on .area_head .btn_menu{display:none}
    .layer_on .area_menu{display:block}
    .layer_on .area_menu .area_search{display:block}
    .layer_on .area_menu .area_search{display:block}
    .layer_on .area_menu .frm_search{display:block}
    .layer_on .area_menu .list_cate{display:block}
    .layer_on .btn_close{display:block}
    }
    @media
    only screen and (max-width:820px) and (-webkit-min-device-pixel-ratio: 1.5),
    only screen and (max-width:820px) and (min-device-pixel-ratio: 1.5),
    only screen and (max-width:820px) and (min-resolution: 1.5dppx) {
        .ico_skin{background-image: url("images/ico_skin_640.png"); -webkit-background-size: 160px 160px;  background-size: 160px 160px}
    }



    센하의 꼬릿말입니다

    안녕하세요? 세나를 가장 좋아하는 센하입니다. 잘 부탁드립니다!~

    제가하는 게임은 리그오브레전드, 마인크래프트 정도고 폰게임은 거의 안해요~


    리그오브레전드

    platinum_5.png 

    플래티넘 원딜유저입니다. 닉은 쪽지로만 알려드려요 >.<






    이 게시물을 추천한 분들의 목록입니다.
    푸르딩딩:추천수 3이상 댓글은 배경색이 바뀝니다.
    (단,비공감수가 추천수의 1/3 초과시 해당없음)

    죄송합니다. 댓글 작성은 회원만 가능합니다.

    번호 제 목 이름 날짜 조회 추천
    193
    렐름에 여러분을 초대합니다! 센하 16/07/05 22:32 14 4
    192
    아주 작고 있을 건 있는 집. [2] 창작글 센하 16/07/03 06:13 33 5
    191
    크으! [3] 센하 16/05/29 22:02 67 5
    190
    꺄하하! 센하 16/05/29 21:12 141 1
    189
    롤헬퍼에 대한 설명입니다. + 구별법. 센하 16/05/29 11:23 158 1
    188
    [복사본]행복은 자신이 만드는 기분입니다. [1] 창작글 센하 16/05/20 18:55 43 1
    187
    여긴가벼 [1] 펌글 센하 16/05/18 13:07 359 2
    186
    하루히가 입덕이면 [11] 센하 16/05/17 20:10 75 5
    185
    이걸 뭐로 받아 들어야 할까요? 센하 16/05/14 21:20 87 0
    184
    루나룬을 소개합니다. 센하 16/05/01 00:06 44 0
    183
    롤헬퍼에 대한 설명글입니다. [2] 센하 16/03/25 14:24 166 1
    182
    롤헬퍼 설명글... [9] 센하 16/03/08 22:49 223 0/7
    181
    기계 네트워크 부분 문제면 리퍼 가능한가요? [1] 센하 16/03/06 20:40 22 0
    180
    최근까지 잘쓰다가 먹통되었어요.ㅠㅠ; [2] 센하 16/03/06 05:36 52 0
    179
    피오라로 12킬 0뎃이면 [4] 센하 16/02/08 18:24 122 1
    178
    ou54904630 [4] 센하 16/02/08 13:09 73 1
    177
    좋아하는 곡의 가사. 모르는건 싫어(J-ROCK) [1] 센하 16/02/05 02:20 21 0
    176
    역시... 센하 16/01/31 14:50 36 0
    175
    요새 탈옥하면 신한가능해요? [1] 센하 16/01/25 20:53 24 0
    174
    33팀랭크 [티어:다이아3] 연승하실분 티어 상관X 아무나 지금 가능한분 센하 16/01/05 16:12 53 0
    173
    33팀랭크 하실분~ 센하 16/01/05 02:33 25 0
    172
    33팀랭크 [티어:다이아3] 연승하실분 티어 상관X 아무나 지금 가능한분 센하 16/01/05 00:32 33 0
    171
    33팀랭하실분 채널: 5555 센하 16/01/03 19:55 38 0
    170
    33 팀랭크 하실분 채널: 5555 센하 16/01/03 01:07 41 0
    169
    33팀랭크 하실분~ 센하 16/01/01 15:42 24 0
    168
    3주에 글 1번 올리는 애니블로그... [3] 센하 15/12/26 11:01 121 1
    블로그 스킨 수정하려구하는데! [1] 센하 15/12/26 10:06 26 0
    166
    마크 렐름서버! [1] 센하 15/11/26 20:39 17 2
    165
    올만에 애게 옵니다. [1] 센하 15/11/17 07:17 49 1
    164
    크으으으으으~ 센하 15/11/14 14:52 28 0
    [1] [2] [3] [4] [5] [6] [7] [8] [9] [10] [다음10개▶]
    단축키 운영진에게 바란다(삭제요청/제안) 운영게 게시판신청 자료창고 보류 개인정보취급방침 청소년보호정책 모바일홈