@charset "UTF-8";
@font-face {
  font-family: 'NanumBarunGothic';
  font-style: normal;
  font-weight: 400;
  src: url(./images/NanumBarunGothic.eot);
  src: url(./images/NanumBarunGothic.eot?#iefix) format("embedded-opentype"), url(./images/NanumBarunGothic.woff) format("woff"), url(./images/NanumBarunGothic.ttf) format("truetype"); }

@font-face {
  font-family: 'NanumBareunGothicUltraLight';
  src: url(./images/NanumBarunGothicWebUltraLight.eot);
  src: url(./images/NanumBarunGothicWebUltraLight.eot?#iefix) format("embedded-opentype"), url(./images/NanumBarunGothicWebUltraLight.woff) format("woff"), url(./images/NanumBarunGothicWebUltraLight.ttf) format("truetype"); }

body, button, h1, h2, h3, h4, h5, h6, input, select, td, textarea, th, a {
  font-size: 13px;
  line-height: 1.5;
  font-family: Roboto, "NanumBarunGothic", "맑은고딕", "Malgun Gothic", AppleGothic, Sans-serif;
  color: #333;
  letter-spacing: 0.01em; }

input {
  width: 150px;
  height: 30px;
  border: 1px solid #eee;
  border-radius: 5px; }

input[type=checkbox] {
  display: none; }
  input[type=checkbox] + .ch_rep {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    width: 21px;
    height: 21px;
    border: 0;
    border-radius: 0;
    background: url(./images/ico_checkbox.png) no-repeat;
    background-size: 21px auto;
    vertical-align: top;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none; }
  input[type=checkbox]:checked + .ch_rep {
    background-position: 0 -21px; }

select, textarea {
  padding: 0 10px;
  border-color: #DDD #F1F1F1 #F1F1F1 #DDD;
  border-radius: 3px;
  background: #F9F9F9;
  color: #515151;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  word-break: keep-all;
  overflow-wrap: break-word;
  resize: none; }

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

fieldset, img {
  border: 0; }

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

blockquote, q {
  quotes: none;
  position: relative;
  padding: 10px 20px;
  margin: 0;
  border-left: 5px solid #eee; }

button, input, select, textarea {
  vertical-align: middle; }

button {
  border: 0;
  cursor: pointer; }

body {
  position: relative; }

a {
  text-decoration: none;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease; }
  a:active, a:hover {
    text-decoration: none; }

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

textarea:focus, input:focus, *:focus {
  outline: 0; }

input[type=email], input[type=password], input[type=text] {
  padding: 0 10px;
  border-color: #DDD #F1F1F1 #F1F1F1 #DDD;
  border-radius: 3px;
  background: #F9F9F9;
  color: #515151;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  word-break: keep-all;
  overflow-wrap: break-word;
  resize: none; }

#tistorytoolbarid {
  display: none; }

.icon_media {
  background-image: url("data:image/png;base64,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"); }

.icon_rss {
  background-image: url("data:image/png;base64,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"); }

.loader {
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  .loader .loader-progress {
    background: #333;
    position: fixed;
    z-index: 2000;
    top: 0;
    right: 100%;
    width: 100%;
    height: 2px; }

.loader-inactive {
  display: none; }

@-webkit-keyframes slidein {
  0% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%); }
  5% {
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%); }
  100% {
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%); } }

@keyframes slidein {
  0% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%); }
  5% {
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%); }
  100% {
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%); } }

.blind, legend {
  display: block;
  overflow: hidden;
  position: absolute;
  top: -1000em;
  left: 0; }

#targetContent {
  overflow: hidden;
  position: absolute;
  left: -9999px;
  width: 0;
  height: 1px;
  margin: 0;
  padding: 0; }

/* 스킵네비게이션 */
.mCustomScrollBox .mCustomScrollBox {
  padding: 0; }

.tt_more_preview_comments_text {
  position: relative;
  display: block;
  height: 40px;
  line-height: 40px;
  font-size: 11px;
  color: #333;
  border-bottom: 1px dashed #ddd; }

.area_related {
  position: relative;
  width: 100%;
  margin-top: 50px; }

.area_related .tit_related {
  font-weight: normal;
  font-size: 11px;
  color: #666; }

.list_related {
  overflow: hidden;
  margin-top: 15px; }

.list_related li {
  position: relative;
  float: left;
  width: 25%;
  padding-left: 1px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.list_related li:first-child {
  padding-left: 0; }

.list_related .link_related {
  display: block;
  overflow: hidden;
  position: relative;
  width: 185px;
  height: 200px;
  margin: 0 auto;
  border: 1px solid #e8e8e8;
  background: #fafafa;
  font-size: 13px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  color: #fff; }

.list_related .thumb_type .link_related {
  width: 100%;
  height: 200px;
  border: 0 none; }

.list_related .frame_related {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: .4;
  filter: alpha(Opacity=40);
  -webkit-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.link_related:hover .frame_related {
  opacity: .65;
  filter: alpha(Opacity=65);
  border: 4px solid #ddd; }

.thumb_type .frame_related {
  display: block; }

.list_related .thumb_related {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%; }

.list_related .txt_related {
  display: block;
  display: -webkit-box;
  overflow: hidden;
  position: relative;
  left: 0;
  top: 0;
  z-index: 10;
  max-height: 80px;
  padding: 27px 20px 0;
  color: #5c5c5c;
  text-overflow: ellipsis;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  word-wrap: break-word; }

.list_related .link_related:hover .txt_related {
  text-decoration: underline; }

.list_related .date_related {
  position: absolute;
  left: 0;
  bottom: 20px;
  z-index: 10;
  width: 100%;
  color: #a7a7a7; }

.list_related .thumb_type .txt_related {
  color: #fff; }

.list_related .thumb_type .date_related {
  color: #fff;
  opacity: 0.7; }

.area_related .link_more {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 12px;
  color: #a7a7a7;
  border-bottom: 1px solid #a7a7a7;
  text-decoration: none; }

@media only screen and (max-width: 738px) {
  .area_related {
    width: 100%;
    margin-top: 30px; }
  .area_related .tit_related {
    display: block;
    padding: 0 15px;
    font-size: 14px; }
  .list_related {
    padding: 0 10px;
    margin-top: 1px; }
  .list_related li {
    width: 50%;
    margin: 0;
    padding: 1px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  .list_related li:first-child {
    padding: 1px; }
  .list_related .link_related {
    width: 100%;
    height: 100%;
    min-height: 120px; }
  .list_related .thumb_type .link_related {
    width: 100%;
    height: 100%; }
  .list_related .thumb_related .img_related {
    width: 100%; }
  .list_related .txt_related {
    padding: 18px 10px 0;
    font-size: 14px;
    line-height: 17px; }
  .list_related .date_related {
    font-size: 13px;
    bottom: 14px; }
  .list_related .txt_related {
    color: #222; }
  .list_related .txt_related,
  .list_related .date_related {
    font-family: applesdgothicneo-ultralight; }
  #tt-body-page .area_reply {
    margin-top: 35px; }
  .area_related .link_more {
    right: 15px;
    top: 0; } }

@media only screen and (min-width: 738px) and (max-width: 1262px) {
  .area_related {
    width: 100%;
    margin-top: 54px; }
  .list_related {
    margin: 15px -10px 0; }
  .list_related li {
    width: 25%;
    margin-right: 0;
    padding: 0 10px;
    webikit-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  .list_related .link_related {
    width: 100%;
    max-width: 183px; }
  .list_related .thumb_type .link_related {
    width: 100%;
    max-width: 185px; }
  .area_related .link_more {
    top: 12px;
    right: 0; } }

#wrap #totalMenu {
  position: fixed;
  top: 15px;
  right: 15px;
  z-index: 200;
  width: 40px;
  height: 40px;
  padding: 11px 10px 7px;
  border-radius: 0;
  background-color: none;
  background-color: transparent;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease; }
  #wrap #totalMenu:hover {
    background-color: #eee; }
  #wrap #totalMenu span {
    display: block;
    width: 20px;
    height: 2px;
    margin-bottom: 6px;
    background: #333;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease; }
  #wrap #totalMenu.active .bar1 {
    -webkit-transform: translatey(9px) rotate(-45deg);
    -ms-transform: translatey(9px) rotate(-45deg);
    transform: translatey(9px) rotate(-45deg); }
  #wrap #totalMenu.active .bar2 {
    visibility: hidden;
    opacity: 0;
    filter: alpha(opacity=0); }
  #wrap #totalMenu.active .bar3 {
    -webkit-transform: translatey(-7px) rotate(45deg);
    -ms-transform: translatey(-7px) rotate(45deg);
    transform: translatey(-7px) rotate(45deg); }

#wrap #header {
  position: fixed;
  top: 10px;
  bottom: 0;
  z-index: 140;
  width: 250px;
  left: 10px;
  -webkit-transition: all 0.7s ease-in-out;
  transition: all 0.7s ease-in-out; }
  #wrap #header .mMenu {
    display: none; }
  #wrap #header .tit_wrap .title h1 {
    display: inline-block;
    margin-top: 15px;
    margin-left: 15px; }
    #wrap #header .tit_wrap .title h1 a {
      display: block;
      font-size: 36px;
      line-height: 30px;
      color: #222;
      padding-right: 10px;
      line-height: 1.1; }
  #wrap #header .tit_wrap .title .desc {
    color: #555;
    font-size: 10px;
    margin-top: 11px;
    margin-left: 15px; }
  #wrap #header .category {
    min-width: 160px;
    max-height: 520px;
    max-width: 200px; }
  #wrap #header .category .category_list {
    margin-left: -5px;
    margin-top: 100px;
    min-width: 160px;
    max-height: 520px;
    max-width: 200px;
    padding-left: 15px;
    overflow: hidden; }
    #wrap #header .category .category_list .sub_category_list {
      display: none; }
    #wrap #header .category .category_list .category_list {
      margin: 0;
      padding: 0;
      max-height: inherit; }
    #wrap #header .category .category_list .cate_deco .active .fa-sort-desc {
      -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      transform: rotate(180deg); }
    #wrap #header .category .category_list .cate_deco .active.sub_arrow .fa-sort-desc {
      -webkit-transform: rotate(180deg) translatey(-3px);
      -ms-transform: rotate(180deg) translatey(-3px);
      transform: rotate(180deg) translatey(-3px); }
    #wrap #header .category .category_list .cate_deco .btn_cate .fa-sort-desc {
      overflow: hidden;
      position: absolute;
      top: 50%;
      right: 12px;
      width: 13px;
      height: 10px;
      margin-top: -4px;
      line-height: 0; }
    #wrap #header .category .category_list .cate_deco ul li a {
      display: block;
      font-size: 13px;
      color: #B5B5B5;
      text-decoration: none;
      font-family: Roboto,"NanumBarunGothic","맑은고딕","Malgun Gothic",AppleGothic,Sans-serif;
      vertical-align: middle;
      font-weight: 100;
      padding: 10px 0;
      -webkit-transform-origin: 0% 50%;
      -ms-transform-origin: 0% 50%;
      transform-origin: 0% 50%; }
      #wrap #header .category .category_list .cate_deco ul li a img, #wrap #header .category .category_list .cate_deco ul li a .c_cnt {
        display: none; }
      #wrap #header .category .category_list .cate_deco ul li a:hover {
        color: #000; }
      #wrap #header .category .category_list .cate_deco ul li a span {
        position: relative;
        font-family: Roboto,"NanumBareunGothicUltraLight","맑은고딕","Malgun Gothic",AppleGothic,Sans-serif;
        font-weight: bold; }
        #wrap #header .category .category_list .cate_deco ul li a span:before {
          content: "";
          position: absolute;
          top: 115%;
          width: 0%;
          height: 2px;
          background: #FDEA00;
          -webkit-transition: all 1s cubic-bezier(0.06, 0.61, 0, 1.04);
          transition: all 1s cubic-bezier(0.06, 0.61, 0, 1.04); }
      #wrap #header .category .category_list .cate_deco ul li a:hover span:before {
        content: "";
        position: absolute;
        top: 115%;
        width: 100%;
        height: 2px;
        background: #FDEA00; }
    #wrap #header .category .category_list .cate_deco ul li ul ul {
      font-size: 12px;
      border-top: 1px dashed #eee; }
      #wrap #header .category .category_list .cate_deco ul li ul ul a {
        font-size: 12px; }
    #wrap #header .category .category_list .cate_deco ul li ul li {
      position: relative; }
      #wrap #header .category .category_list .cate_deco ul li ul li .sub_arrow {
        position: absolute;
        top: 12px;
        right: 0;
        width: 35px;
        height: 21px;
        border: none;
        padding: 0; }
        #wrap #header .category .category_list .cate_deco ul li ul li .sub_arrow i {
          position: absolute;
          top: 0;
          left: 13px; }
  #wrap #header .hidden_menu {
    display: none; }
    #wrap #header .hidden_menu .btn_utils {
      position: absolute;
      top: 22px;
      left: 22px;
      width: 20px;
      height: 20px;
      z-index: 30; }
      #wrap #header .hidden_menu .btn_utils a {
        display: block;
        width: 20px;
        height: 20px; }
        #wrap #header .hidden_menu .btn_utils a span {
          display: inline-block;
          width: 2px;
          height: 2px;
          border: 1px solid #666;
          float: left;
          margin-right: 2px;
          margin-bottom: 2px;
          border-radius: 1px; }
    #wrap #header .hidden_menu .total_menu_toggle {
      position: absolute;
      top: 15px;
      right: 15px; }
      #wrap #header .hidden_menu .total_menu_toggle span {
        display: block;
        width: 19px;
        height: 1px;
        margin-bottom: 6px;
        background: #7D7D7D;
        -webkit-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out; }
  #wrap #header .etc_wrap {
    position: absolute;
    bottom: 20px;
    left: 15px; }
    #wrap #header .etc_wrap a {
      font-size: 10px;
      color: #777; }
    #wrap #header .etc_wrap .util .rss {
      display: inline-block;
      position: relative;
      width: 20px;
      height: 20px;
      margin-bottom: 5px;
      -webkit-transition: none;
      transition: none;
      background: url(data:image/png;base64,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) 0 0 no-repeat; }
      #wrap #header .etc_wrap .util .rss:hover {
        background-position: 0 -20px; }
    #wrap #header .etc_wrap .copy {
      font-size: 10px;
      color: #666; }
  @media (min-width: 720px) and (max-width: 1329px) {
    #wrap #header .etc_wrap {
      display: none; }
    #wrap #header.header .title .desc {
      display: none; }
    #wrap #header.header .title h1 {
      margin-top: 8px;
      margin-left: 0px; }
      #wrap #header.header .title h1 a {
        padding-right: 0;
        font-size: 15px;
        line-height: 15px;
        font-weight: bold;
        max-height: 30px;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 100px; } }

#wrap #content {
  position: relative;
  width: 700px;
  margin: 0 auto;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  padding-bottom: 50px; }
  #wrap #content .box {
    position: relative;
    background: #fff;
    padding: 0;
    -webkit-transition: -webkit-transform 0.5s ease;
    transition: transform 0.5s ease;
    margin-bottom: 40px;
    min-height: 120px;
    padding-top: 10px;
    border-bottom: 1px solid #eee;
    -webkit-transform: translateY(40px);
    -ms-transform: translateY(40px);
    transform: translateY(40px);
    opacity: 0.2;
    padding-top: 0;
    margin-top: 25px;
    padding-left: 115px; }
    #wrap #content .box:nth-child(0), #wrap #content .box:nth-child(1), #wrap #content .box:nth-child(2), #wrap #content .box:nth-child(3), #wrap #content .box:nth-child(4), #wrap #content .box.view {
      -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
      transform: translateY(0);
      opacity: 1; }
    #wrap #content .box .date {
      text-align: right;
      font-size: 11px;
      color: #ddd; }
    #wrap #content .box .at {
      margin-left: 5px;
      text-align: right;
      font-size: 11px;
      color: #dcdcdc; }
    #wrap #content .box .mask {
      width: 100px;
      height: 100px;
      display: inline-block;
      overflow: hidden;
      position: absolute;
      top: 10px;
      left: 0; }
      #wrap #content .box .mask > a {
        display: block;
        background: url(./images/temp.png) center center no-repeat;
        overflow: hidden;
        height: 100px;
        line-height: 0;
        border-radius: 100px; }
        #wrap #content .box .mask > a img {
          max-height: 100px; }
    #wrap #content .box.text {
      padding-left: 0; }
      #wrap #content .box.text .section_text {
        min-height: auto; }
      #wrap #content .box.text .mask {
        display: none; }
    #wrap #content .box.soundcloud .mask {
      position: relative;
      top: 0;
      left: 0;
      width: 100%;
      height: 350px; }
    #wrap #content .box.soundcloudList .mask {
      position: relative;
      top: 0;
      left: 0;
      width: 100%;
      height: 350px; }
      #wrap #content .box.soundcloudList .mask > a {
        height: auto;
        overflow: visible; }
    #wrap #content .box.soundcloud .mask > a {
      height: auto;
      overflow: visible; }
    #wrap #content .box.soundcloudList, #wrap #content .box.soundcloud {
      padding-left: 0; }
    #wrap #content .box .section_link {
      overflow: hidden;
      padding: 0;
      color: #bbb; }
    #wrap #content .box .section_title {
      text-align: left;
      margin-bottom: 7px;
      margin-right: 20px;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: block-axis;
      overflow: hidden;
      text-overflow: ellipsis;
      width: 100%;
      border-radius: 5px; }
      #wrap #content .box .section_title a {
        font-size: 23px;
        line-height: 1.2;
        text-align: left;
        text-decoration: none;
        font-family: Robato,NanumBareunGothicUltraLight;
        font-weight: bold; }
      #wrap #content .box .section_title .comment_num {
        float: right;
        text-align: left; }
        #wrap #content .box .section_title .comment_num .fa-comments {
          margin-right: 2px;
          font-size: 16px;
          color: #999;
          vertical-align: middle; }
    #wrap #content .box .section_text {
      min-height: 57px;
      background: #fff;
      font-size: 13px;
      color: #777;
      text-align: left;
      margin-bottom: 10px;
      font-family: Roboto,"NanumBarunGothic","맑은고딕","Malgun Gothic",AppleGothic,Sans-serif;
      display: -webkit-box;
      -webkit-line-clamp: 3;
      -webkit-box-orient: block-axis;
      overflow: hidden;
      text-overflow: ellipsis;
      width: 100%;
      border-radius: 5px;
      word-break: break-all; }
    #wrap #content .box .section_comment {
      width: 20px;
      height: 20px;
      background-color: #f84330;
      border-radius: 20px;
      text-align: center;
      line-height: 22px;
      color: #fff;
      font-weight: bold;
      display: block;
      vertical-align: top;
      font-size: 11px;
      position: absolute;
      top: 10px;
      left: 5px; }
    #wrap #content .box.text .section_comment,
    #wrap #content .box.soundcloudList .section_comment,
    #wrap #content .box.soundcloud .section_comment {
      position: relative;
      top: 0;
      left: 0;
      display: inline-block;
      vertical-align: top; }
    #wrap #content .box .read_more {
      text-align: right;
      padding-bottom: 10px;
      position: relative; }
      #wrap #content .box .read_more i {
        position: absolute;
        left: 0px;
        top: 7px;
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        transform: scale(0);
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease;
        visibility: hidden; }
      #wrap #content .box .read_more a {
        display: inline-block;
        padding: 4px 10px;
        color: #4E4E4E;
        font-weight: normal;
        border: 1px solid #ddd;
        border-radius: 30px;
        position: relative;
        overflow: hidden; }
        #wrap #content .box .read_more a:hover {
          color: #000;
          -webkit-box-shadow: inset 0 0px 8px #E8E8E8;
          box-shadow: inset 0 0px 8px #E8E8E8; }
    #wrap #content .box.soundcloudList .section_title, #wrap #content .box.soundcloud .section_title {
      padding-top: 20px; }
    #wrap #content .box.media .maxk .aside, #wrap #content .box.media .maxk:before, #wrap #content .box.media .maxk .item:before {
      display: none; }
    #wrap #content .box.vimeo:before {
      position: absolute;
      top: 0;
      right: 0;
      content: "";
      width: 20px;
      height: 20px;
      background: url(data:image/png;base64,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) 0 -20px no-repeat;
      z-index: 10; }
    #wrap #content .box.vimeo:hover:before {
      background-position: -20px -20px; }
    #wrap #content .box.youtube:before {
      position: absolute;
      top: 0;
      right: 0;
      content: "";
      width: 20px;
      height: 20px;
      background: url(data:image/png;base64,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) 0 0 no-repeat;
      z-index: 10; }
    #wrap #content .box.youtube:hover:before {
      background-position: -20px 0; }
    #wrap #content .box.soundcloudList:before, #wrap #content .box.soundcloud:before {
      position: absolute;
      top: 0;
      right: 0;
      content: "";
      width: 20px;
      height: 20px;
      background: url(data:image/png;base64,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) 0 -40px no-repeat;
      z-index: 10; }
    #wrap #content .box.soundcloudList:hover:before, #wrap #content .box.soundcloud:hover:before {
      background-position: -20px -40px; }
    #wrap #content .box.active.mask .item:before {
      visibility: visible;
      filter: alpha(opacity=100);
      opacity: 1;
      filter: alpha(opacity=100); }
  #wrap #content .ft_wrap {
    width: 1050px;
    margin: 0 auto;
    padding: 30px 0; }
    #wrap #content .ft_wrap .tit {
      font-family: Domine,"NSR",Sans-serif;
      font-size: 14px;
      font-weight: 700;
      color: #000; }
  #wrap #content .wrap_bottom {
    overflow: hidden;
    border-bottom: 1px solid #eee; }
    #wrap #content .wrap_bottom .cmt {
      float: left;
      background: #fff;
      padding: 20px 0 0; }
      #wrap #content .wrap_bottom .cmt a {
        font-family: Roboto,"NanumBarunGothic","맑은고딕","Malgun Gothic",AppleGothic,Sans-serif;
        font-weight: normal;
        color: #525252;
        font-size: 15px;
        color: #555; }
        #wrap #content .wrap_bottom .cmt a i {
          color: #D2D2D2;
          font-size: 30px; }
    #wrap #content .wrap_bottom .com_link {
      margin-right: 15px; }
    #wrap #content .wrap_bottom .btnGotoTop {
      text-align: center;
      font-size: 30px;
      display: block;
      clear: both;
      color: #999; }
      #wrap #content .wrap_bottom .btnGotoTop:hover {
        color: #333; }
    #wrap #content .wrap_bottom .sns {
      float: right;
      padding: 15px 0 0;
      background: #fff; }
      #wrap #content .wrap_bottom .sns a {
        font-family: Roboto,"NanumBarunGothic","맑은고딕","Malgun Gothic",AppleGothic,Sans-serif;
        font-weight: normal;
        color: #D2D2D2;
        font-size: 30px; }
      #wrap #content .wrap_bottom .sns .facebook {
        color: #3636B7;
        font-size: 27px;
        vertical-align: 1px;
        margin-right: 3px; }
      #wrap #content .wrap_bottom .sns .twitter {
        color: #01B7F9;
        margin-right: 3px; }
      #wrap #content .wrap_bottom .sns .kakaostory {
        color: #FFC800; }
    #wrap #content .wrap_bottom .cmt {
      float: left;
      background: #fff;
      padding: 20px 0 0; }
  #wrap #content .entry {
    float: left;
    width: 700px;
    padding-top: 15px; }
    #wrap #content .entry .comments_toggle {
      position: relative;
      padding-top: 60px; }
      #wrap #content .entry .comments_toggle .toggle {
        vertical-align: top;
        background-color: white;
        -webkit-box-shadow: inset 0 -1px white, inset 0 1px 1px rgba(0, 0, 0, 0.05);
        box-shadow: inset 0 -1px white, inset 0 1px 1px rgba(0, 0, 0, 0.05);
        background-image: -webkit-linear-gradient(top, #eeeeee, white 25px);
        background-image: linear-gradient(to bottom, #eeeeee, white 25px);
        margin-top: 20px;
        font-size: 11px;
        color: #4E4E4E;
        font-weight: normal;
        border-radius: 30px;
        overflow: hidden;
        line-height: 15px;
        cursor: pointer;
        position: absolute;
        right: 0;
        top: 0;
        display: block;
        padding: 3px; }
        #wrap #content .entry .comments_toggle .toggle ul {
          position: relative;
          overflow: hidden;
          display: block;
          height: inherit;
          font-size: 10px;
          text-transform: uppercase;
          background: #01AAFF;
          border-radius: inherit;
          -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12), inset 0 0 2px rgba(0, 0, 0, 0.15);
          box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12), inset 0 0 2px rgba(0, 0, 0, 0.15);
          -webkit-transition: all 0.5s ease;
          transition: all 0.5s ease;
          padding: 0 10px; }
          #wrap #content .entry .comments_toggle .toggle ul li {
            float: left; }
            #wrap #content .entry .comments_toggle .toggle ul li:first-child {
              margin-right: 13px; }
            #wrap #content .entry .comments_toggle .toggle ul li a {
              color: #fff;
              text-shadow: 0 1px rgba(0, 0, 0, 0.2);
              padding: 5px 0;
              display: block;
              font-size: 10px; }
        #wrap #content .entry .comments_toggle .toggle .pointer {
          position: absolute;
          top: 6px;
          left: 6px;
          width: 44px;
          height: 19px;
          background: white;
          border-radius: 10px;
          -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
          box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
          background-image: -webkit-gradient(linear, left top, left bottom, color-stop(40%, white), to(#f0f0f0));
          background-image: -webkit-linear-gradient(white 40%, #f0f0f0);
          background-image: linear-gradient(white 40%, #f0f0f0);
          -webkit-transition: all 0.5s ease;
          transition: all 0.5s ease; }
          #wrap #content .entry .comments_toggle .toggle .pointer:before {
            content: '';
            position: absolute;
            top: 50%;
            left: 50%;
            margin: -6px 0 0 -11px;
            width: 21px;
            height: 12px;
            background: #f9f9f9;
            border-radius: 6px;
            -webkit-box-shadow: inset 0 1px rgba(0, 0, 0, 0.02);
            box-shadow: inset 0 1px rgba(0, 0, 0, 0.02);
            background-image: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(white));
            background-image: -webkit-linear-gradient(#eeeeee, white);
            background-image: linear-gradient(#eeeeee, white); }
      #wrap #content .entry .comments_toggle .cmtLeft {
        display: block; }
      #wrap #content .entry .comments_toggle.active .cmtLeft, #wrap #content .entry .comments_toggle .cmtRight {
        display: none; }
      #wrap #content .entry .comments_toggle.active .cmtRight {
        display: block; }
      #wrap #content .entry .comments_toggle.active .toggle ul {
        -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), inset 0 0 3px rgba(0, 0, 0, 0.2);
        box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), inset 0 0 3px rgba(0, 0, 0, 0.2);
        background: #E05832; }
      #wrap #content .entry .comments_toggle.active .toggle .pointer {
        left: 62px;
        -webkit-box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.2);
        box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.2); }
    #wrap #content .entry + .pagination {
      visibility: hidden;
      height: 0;
      line-height: 0; }
    #wrap #content .entry .article {
      padding: 30px 0;
      background: #fff; }
      #wrap #content .entry .article embed, #wrap #content .entry .article iframe, #wrap #content .entry .article img {
        max-width: 100%; }
      #wrap #content .entry .article .imageblock {
        position: relative;
        top: 0;
        left: 50%;
        margin-left: -100%;
        width: auto !important;
        display: block !important;
        text-align: center;
        max-width: none !important; }
      #wrap #content .entry .article .tagTrail {
        color: #fff; }
        #wrap #content .entry .article .tagTrail a {
          font-size: 12px;
          color: #333;
          padding: 3px 5px;
          font-weight: normal;
          border-radius: 3px;
          border: 1px solid #ddd;
          margin-bottom: 5px;
          display: inline-block; }
          #wrap #content .entry .article .tagTrail a:hover {
            color: #000;
            -webkit-box-shadow: inset 0 0px 8px #E8E8E8;
            box-shadow: inset 0 0px 8px #E8E8E8; }
          #wrap #content .entry .article .tagTrail a:before {
            content: "#"; }
      #wrap #content .entry .article span,
      #wrap #content .entry .article p {
        word-break: break-all;
        word-wrap: break-word; }
    #wrap #content .entry .tdiv .cate_panel {
      text-align: right;
      margin-bottom: 10px;
      display: block; }
      #wrap #content .entry .tdiv .cate_panel a {
        font-size: 12px; }
    #wrap #content .entry .tdiv .day_panel {
      display: block;
      font-weight: 300;
      color: #ccc;
      visibility: hidden; }
    #wrap #content .entry .tdiv .ect {
      padding-left: 0; }
    #wrap #content .entry .tdiv h2 {
      background: #fff; }
      #wrap #content .entry .tdiv h2 a {
        font-family: "NanumBareunGothicUltraLight","맑은고딕","Malgun Gothic",AppleGothic,Sans-serif;
        font-weight: bold;
        line-height: 1.3;
        color: #333;
        font-size: 42px; }
    #wrap #content .entry .modi_panel {
      font-size: 10px;
      margin-top: 10px;
      margin-bottom: 10px; }
      #wrap #content .entry .modi_panel a {
        margin-right: 5px;
        font-size: 10px; }
    #wrap #content .entry .prevnext {
      overflow: hidden;
      border-bottom: 1px solid #eee; }
      #wrap #content .entry .prevnext a {
        display: block;
        padding-left: 90px;
        padding-top: 30px; }
      #wrap #content .entry .prevnext .prev_section {
        position: relative;
        min-height: 200px;
        overflow: hidden;
        float: left;
        width: 50%;
        border-right: 1px solid #eee;
        margin: 30px 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0 20px 20px; }
      #wrap #content .entry .prevnext .next_section {
        position: relative;
        min-height: 200px;
        overflow: hidden;
        float: left;
        width: 50%;
        margin: 30px 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0 20px 20px;
        border-left: 1px solid #eee;
        margin-left: -1px; }
      #wrap #content .entry .prevnext .thumb {
        width: 60px;
        height: 60px;
        overflow: hidden;
        display: block;
        position: absolute;
        top: 30px;
        left: 20px;
        border-radius: 60px;
        overflow: hidden; }
        #wrap #content .entry .prevnext .thumb img {
          max-width: 150px;
          min-height: 60px;
          min-width: 60px;
          max-width: 150px;
          position: relative;
          z-index: 2; }
        #wrap #content .entry .prevnext .thumb:before {
          z-index: 1;
          content: "";
          position: absolute;
          top: 1px;
          left: 1px;
          width: 58px;
          height: 58px;
          background-image: url("data:image/png;base64,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"); }
      #wrap #content .entry .prevnext .tit {
        font-family: NanumBareunGothicUltraLight;
        font-size: 17px;
        display: block;
        margin-bottom: 5px;
        font-weight: bold;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: block-axis;
        overflow: hidden;
        text-overflow: ellipsis; }
      #wrap #content .entry .prevnext .desc {
        max-height: 56px;
        font-size: 12px;
        display: block;
        color: #666;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: block-axis;
        overflow: hidden;
        text-overflow: ellipsis; }
      #wrap #content .entry .prevnext .common {
        display: block;
        margin-top: 20px;
        font-size: 11px;
        display: inline-block;
        padding: 6px 10px;
        color: #4E4E4E;
        font-weight: normal;
        border: 1px solid #ddd;
        border-radius: 30px;
        position: relative;
        overflow: hidden;
        line-height: 15px;
        cursor: pointer; }
        #wrap #content .entry .prevnext .common:hover {
          color: #000;
          -webkit-box-shadow: inset 0 0px 8px #E8E8E8;
          box-shadow: inset 0 0px 8px #E8E8E8; }
  #wrap #content .pagination {
    overflow: hidden;
    width: 100%;
    padding-top: 30px;
    padding-bottom: 30px;
    text-align: center; }
    #wrap #content .pagination .interword, #wrap #content .pagination a {
      float: left;
      margin-right: 10px;
      border: 1px solid #fff;
      background: #fff;
      font-weight: bold;
      font-size: 18px;
      color: #666;
      text-align: center;
      width: 36px;
      height: 36px;
      line-height: 32px; }
    #wrap #content .pagination .wrap {
      display: inline-block;
      text-align: center; }
    #wrap #content .pagination a span {
      display: block;
      width: 20px;
      height: 20px;
      line-height: 22px;
      font-size: 11px;
      color: #666;
      text-align: center;
      padding: 5px;
      border: 2px solid #fff;
      -webkit-transition: border 0.3s ease;
      transition: border 0.3s ease; }
      #wrap #content .pagination a span.selected {
        font-weight: normal;
        color: #333;
        border: 2px solid #FFD900;
        background-color: #FFFFFF; }
    #wrap #content .pagination a:hover span {
      border-color: #eee; }
      #wrap #content .pagination a:hover span.selected {
        border-color: #FFC800; }
  #wrap #content .trackback {
    padding-top: 35px;
    padding-bottom: 30px;
    border-bottom: 1px solid #eee;
    text-align: center;
    border-top: 1px solid #eee; }
    #wrap #content .trackback h3 {
      color: #666;
      font-weight: 100;
      font-size: 16px; }
  #wrap #content .absent_post {
    padding: 400px 0 100px 0px !important;
    background: url(./images/alert.png) no-repeat top center !important;
    font-weight: normal !important;
    font-size: 13px !important;
    margin-top: 100px !important; }
    #wrap #content .absent_post:before {
      content: "[ ! ] ";
      font-weight: bold;
      color: #FF1E00; }
  #wrap #content .protect_wrap h2 {
    margin: 30px 0 0;
    padding: 10px 0;
    border-bottom: 1px solid #eaeaea;
    background: #fff; }
    #wrap #content .protect_wrap h2 a {
      font-family: "NanumBareunGothicUltraLight","맑은고딕","Malgun Gothic",AppleGothic,Sans-serif;
      font-weight: bold;
      line-height: 1.3;
      color: #333;
      font-size: 42px; }
  #wrap #content .protect_wrap .protect_txt {
    margin-top: 150px;
    margin-bottom: 20px;
    text-align: center; }
  #wrap #content .protect_wrap .protect_input {
    margin-bottom: 150px;
    text-align: center; }
    #wrap #content .protect_wrap .protect_input .button {
      cursor: pointer;
      display: inline-block;
      width: 50px;
      height: 20px;
      margin-right: 10px;
      margin-left: 10px;
      padding: 7px 5px 3px;
      font-size: 11px;
      text-align: center;
      vertical-align: middle;
      color: #4E4E4E;
      font-weight: normal;
      border: 1px solid #ddd;
      border-radius: 30px;
      position: relative;
      overflow: hidden; }
      #wrap #content .protect_wrap .protect_input .button:hover {
        color: #000;
        -webkit-box-shadow: inset 0 0px 8px #E8E8E8;
        box-shadow: inset 0 0px 8px #E8E8E8; }
  #wrap #content .cb_wrt .comment_write {
    margin: 0;
    padding: 0 0 30px;
    background: #fff; }
    #wrap #content .cb_wrt .comment_write .wrap_secret {
      margin: 10px 0 0px;
      position: relative; }
      #wrap #content .cb_wrt .comment_write .wrap_secret input {
        width: 13px;
        height: 13px;
        vertical-align: bottom; }
        #wrap #content .cb_wrt .comment_write .wrap_secret input .ch_rep {
          position: absolute;
          top: -2px;
          left: 0; }
      #wrap #content .cb_wrt .comment_write .wrap_secret label {
        position: relative;
        z-index: 1;
        padding-left: 27px;
        font-family: Roboto,"NanumBarunGothic","맑은고딕","Malgun Gothic",AppleGothic,Sans-serif;
        font-weight: 400;
        color: #bbb;
        vertical-align: -2px; }
    #wrap #content .cb_wrt .comment_write .write_text {
      padding-top: 10px; }
      #wrap #content .cb_wrt .comment_write .write_text textarea {
        width: 100%;
        padding: 10px;
        height: 100px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box; }
    #wrap #content .cb_wrt .comment_write .write_item p label, #wrap #content .cb_wrt .comment_write .protect_wrap .protect_input label {
      display: block;
      margin-top: 10px;
      margin-bottom: 5px;
      font-family: Roboto,"NanumBarunGothic","맑은고딕","Malgun Gothic",AppleGothic,Sans-serif;
      font-weight: 400;
      color: #CCC;
      vertical-align: middle; }
    #wrap #content .cb_wrt .comment_write .write_item p label span, #wrap #content .cb_wrt .comment_write .protect_wrap .protect_input label span {
      color: #000; }
    #wrap #content .cb_wrt .comment_write .write_item p {
      margin-top: 5px; }
      #wrap #content .cb_wrt .comment_write .write_item p.first {
        margin-top: 0; }
  #wrap #content .cb_wrt .btn_area a {
    font-size: 11px;
    display: inline-block;
    padding: 6px 10px;
    color: #4E4E4E;
    font-weight: normal;
    border: 1px solid #ddd;
    border-radius: 30px;
    position: relative;
    overflow: hidden;
    line-height: 15px;
    cursor: pointer; }
    #wrap #content .cb_wrt .btn_area a:hover {
      color: #000;
      -webkit-box-shadow: inset 0 0px 8px #E8E8E8;
      box-shadow: inset 0 0px 8px #E8E8E8; }
  #wrap #content .cb_wrt .secretWrap .btn_area {
    margin-top: 0; }
  #wrap #content .cb_lstcomment {
    margin: 50px 0 0;
    border-top: 1px solid #ddd;
    background: #fff;
    padding: 0 0 10px 0; }
    #wrap #content .cb_lstcomment .cb_info_area {
      overflow: hidden;
      position: relative; }
      #wrap #content .cb_lstcomment .cb_info_area .cb_section .cb_nick_name {
        margin-right: 5px;
        position: relative;
        padding-left: 40px;
        padding-right: 80px;
        min-height: 32px;
        display: block;
        padding-top: 8px;
        width: 100%;
        text-overflow: ellipsis;
        word-break: break-all;
        overflow: hidden;
        white-space: nowrap;
        margin-right: 5px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        cursor: pointer; }
        #wrap #content .cb_lstcomment .cb_info_area .cb_section .cb_nick_name.active {
          white-space: normal; }
          #wrap #content .cb_lstcomment .cb_info_area .cb_section .cb_nick_name.active .day_cmt {
            display: block; }
          #wrap #content .cb_lstcomment .cb_info_area .cb_section .cb_nick_name.active .text {
            max-height: none;
            width: auto;
            overflow: visible;
            white-space: normal; }
        #wrap #content .cb_lstcomment .cb_info_area .cb_section .cb_nick_name .day_cmt {
          font-size: 11px;
          color: #999; }
        #wrap #content .cb_lstcomment .cb_info_area .cb_section .cb_nick_name .text {
          width: 220px;
          max-height: 20px;
          display: inline-block;
          vertical-align: top;
          text-overflow: ellipsis;
          word-break: break-all;
          overflow: hidden;
          white-space: nowrap;
          margin-left: 5px; }
        #wrap #content .cb_lstcomment .cb_info_area .cb_section .cb_nick_name a {
          font-size: 11px; }
        #wrap #content .cb_lstcomment .cb_info_area .cb_section .cb_nick_name img {
          overflow: hidden;
          vertical-align: -4px;
          border-radius: 100px;
          position: absolute;
          top: 0;
          left: 0;
          background-color: #fff;
          z-index: 2; }
        #wrap #content .cb_lstcomment .cb_info_area .cb_section .cb_nick_name:before {
          content: "";
          width: 32px;
          height: 32px;
          position: absolute;
          top: 1px;
          left: 1px;
          background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABD9JREFUeNqkV0tIG1EUvfn4iyZqzCJEUxE3YpOioii4btCNG0stCOquuuuuiy4KhUKX3am71pXWbrWSLsWNn+IXFyLUWINKjeIn8W/veZ2XjuNkZqwXDiTz7tzz7n33nffGlp+fTxYsj9HKeGqz2ULX19fBm5sbLwbsdnuCn23y/2X++53xjZEyC2gzIS5mvGL0cPBHJycnxAS6jjwBcrlcGI/x30+Mj4z9/yHuZrxnwtLLy0s6PT2lkpISCofD5Pf7Sb6HycTjcVpaWqL9/X3Ky8sjh8OBCWzx8BvG5/sQ9zN6mZSurq4olUpRc3Mztba2UlFREXGpBWAggd/e3h6NjY3R9PS0yBzPFBtg9GkJHNnZ2dpnI0q2wpLJpCDt7u4mZH5wcCCyl8CkkLXb7abGxkba3t6mjY0NysnJkSHqGdWMr0bE/WpSBPV6vdTV1SVIj4+P1Zn8Kxs/Ozs7E+tcXl5O8/PzYsJOp1O6PGb4GWPpnlC9/wLlVQdEOUOhkChvJlI1+dHREfl8PqqqqhJLpLFeheMWsZsxqBcQJZTracUwgcLCwkzDgwpXmvg1w6PnKbeQUbZqUmSKd+R/jXkULkHsYrzUCwLb3d1Nr5+ZwQd9sbOzY+QGLheiRRg+7agUCgRCY1klvri4EN2ujqExcEUQrUVvVL5UW1srxALkZgYfj8dDNTU1Zq4tIH5iRIxGwZaz0mBY39zc3HRzZZJXcII4kKlsMEghAoLcIJAYg2igH5aXlzM1l7QABOQd/8jRG83KyhIqhD0MjT4/PzdcX+j08PAwzc3NaWXzjmLazZoFNjMzI8QBZcxkIIKczs7OCkKzZsRowqh8CIjOXl1dTR8Qen5oKpQYy6Icj0a8CRDHzbKG5o6Pj9Pa2hoVFBTc8cGzlZUVikajYnksiE0cxItGHpg5Snx4eEhTU1PqU+dWL0xOToqDAb4m2cIWQTxBDzQ1kQVS2ASIo4zfZvsTVlZWpkuKy4Acs7DfwRUFcTLTyYS1ghqhuSorK6m+vl50t9YH262pqYlKS0tFuTFRg3UGV1JefXBU/cLpIV+AEEB3YXV1ddTe3i5EBMTarYIs0dUgHR0dFaIj1172hLIEhygc48iBQTYow0/GMxxpEAo8h2i0tbVRJBIRLyIzvf2JyeJgQHc3NDSIzFEp3MNQLRmP/Xo4zg/xDmYqjR36+arTC5Gvrq6mYDAogkIYTMqXzhxbr7i4WPjHYjGxzRYWFiiRSAxw9ulLny0Q+CvVyKaiooI6OztHuPzP5SUOwaxcAvQaDssIGeXl+TI0NNSxvr6e1gE7nACUBg95H3bw4T+AiVi9eeiVHhNGP/ClYICVrAOVVR+tdm0HYz34N0rSw9h6wPbeUr5A+mSjqpMwUnJ8AYQZOL1i9yCMKe+EM31FwJwmQfDt85bxQX60MUKMIMMrBZ+xybjXR9sfAQYAJ5gVw9kfDZUAAAAASUVORK5CYII=");
          background-repeat: no-repeat;
          z-index: 1; }
      #wrap #content .cb_lstcomment .cb_info_area .cb_section2 {
        opacity: 0;
        -webkit-transition: opacity 0.2s ease;
        transition: opacity 0.2s ease;
        position: absolute;
        top: 0;
        right: 0;
        margin-top: 8px; }
        #wrap #content .cb_lstcomment .cb_info_area .cb_section2 a {
          margin-left: 5px;
          color: #AFAFAF; }
          #wrap #content .cb_lstcomment .cb_info_area .cb_section2 a img {
            margin-right: 3px;
            vertical-align: middle; }
    #wrap #content .cb_lstcomment .cb_info_area:hover .cb_section2 {
      opacity: 1; }
    #wrap #content .cb_lstcomment .cb_comment_area {
      overflow: hidden;
      margin: 0;
      padding: 10px 0;
      border-bottom: 1px solid #eee;
      background: #fff;
      font-size: 12px; }
    #wrap #content .cb_lstcomment .cb_thumb_off .cb_thumb_off .cb_comment_area {
      border: none;
      padding-top: 5px;
      padding-bottom: 0; }
  #wrap #content #taglog .tx, #wrap #content #localog .tx {
    padding: 50px; }
  #wrap #content #taglog h3, #wrap #content #localog h3 {
    padding-bottom: 10px;
    border-bottom: 1px solid #E4E4E4;
    font-size: 60px;
    font-weight: normal;
    color: #333; }
  #wrap #content #taglog a, #wrap #content #localog a {
    margin-right: 3px;
    padding: 3px;
    background-color: #f1f1f1;
    line-height: 3;
    color: #999;
    text-decoration: none; }

#wrap #bottom {
  position: fixed;
  left: 50%;
  bottom: 0;
  z-index: 10000;
  width: 750px;
  height: 50px;
  background-color: #fff;
  border: 1px solid #ddd;
  margin-left: -375px;
  border-radius: 5px 5px 0 0;
  border-radius: 0\0/IE8+9; 
  overflow: hidden;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -webkit-transform: translateY(50px);
  -ms-transform: translateY(50px);
  transform: translateY(50px); }
  #wrap #bottom.active {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  #wrap #bottom a {
    position: absolute;
    top: 10px;
    color: #aaa;
    font-size: 23px;
    margin-right: 10px; }
    #wrap #bottom a:hover {
      color: #000; }
    #wrap #bottom a.btnHome {
      left: 20px; }
    #wrap #bottom a.btnGuest {
      left: 60px; }
    #wrap #bottom a.btnWrite {
      right: 70px; }
    #wrap #bottom a.btnTop {
      right: 20px;
      padding: 0 10px; }
    #wrap #bottom a.btnSearch {
      left: 100px; }

#wrap #sidebarWrap {
  position: fixed;
  top: 0;
  right: -250px;
  bottom: 0;
  z-index: 190;
  width: 250px;
  height: auto;
  margin: 0 auto;
  overflow: hidden;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  font-size: 12px; }
  #wrap #sidebarWrap.active {
    -webkit-transform: translateX(-250px);
    -ms-transform: translateX(-250px);
    transform: translateX(-250px); }
  #wrap #sidebarWrap #sidebarScroll {
    width: 100%;
    height: 100%; }
    #wrap #sidebarWrap #sidebarScroll #sidebar {
      display: block;
      overflow: hidden;
      width: 100%;
      height: 100%;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      font-size: 12px; }
      #wrap #sidebarWrap #sidebarScroll #sidebar .section {
        padding: 15px 0 20px 0;
        border-bottom: 1px solid #efefef;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin: 0 25px 25px;
        font-size: 12px; }
        #wrap #sidebarWrap #sidebarScroll #sidebar .section .title {
          font-weight: 800;
          font-size: 13px;
          color: #3A3A3A;
          border-top: 1px solid #DADADA;
          margin-bottom: 10px;
          position: relative; }
          #wrap #sidebarWrap #sidebarScroll #sidebar .section .title span {
            border-top: 2px solid #696969;
            padding: 5px 0 5px 0;
            display: inline-block;
            position: relative;
            top: -2px; }
        #wrap #sidebarWrap #sidebarScroll #sidebar .section ul {
          font-size: 12px;
          color: #000000;
          text-decoration: none;
          font-family: Roboto,"NanumBarunGothic","맑은고딕","Malgun Gothic",AppleGothic,Sans-serif; }
          #wrap #sidebarWrap #sidebarScroll #sidebar .section ul li {
            line-height: 30px;
            height: 30px; }
            #wrap #sidebarWrap #sidebarScroll #sidebar .section ul li a {
              font-size: 12px;
              color: #000000;
              text-decoration: none;
              font-family: Roboto,"NanumBarunGothic","맑은고딕","Malgun Gothic",AppleGothic,Sans-serif; }
        #wrap #sidebarWrap #sidebarScroll #sidebar .section .list_tag {
          overflow: hidden; }
          #wrap #sidebarWrap #sidebarScroll #sidebar .section .list_tag li {
            float: left;
            border: 1px solid #ddd;
            border-radius: 10px;
            margin-right: 5px; }
            #wrap #sidebarWrap #sidebarScroll #sidebar .section .list_tag li a {
              padding: 3px 7px; }
              #wrap #sidebarWrap #sidebarScroll #sidebar .section .list_tag li a:before {
                content: "#"; }
        #wrap #sidebarWrap #sidebarScroll #sidebar .section.recent_article_tag li, #wrap #sidebarWrap #sidebarScroll #sidebar .section.recent_comment li, #wrap #sidebarWrap #sidebarScroll #sidebar .section.recent_article li {
          position: relative;
          overflow: hidden;
          line-height: 20px;
          height: 20px;
          margin-bottom: 5px; }
        #wrap #sidebarWrap #sidebarScroll #sidebar .section.recent_article_tag li .wrap, #wrap #sidebarWrap #sidebarScroll #sidebar .section.recent_comment li .wrap, #wrap #sidebarWrap #sidebarScroll #sidebar .section.recent_article li .wrap {
          overflow: hidden; }
        #wrap #sidebarWrap #sidebarScroll #sidebar .section.recent_article_tag li .wrap a, #wrap #sidebarWrap #sidebarScroll #sidebar .section.recent_comment li .wrap a, #wrap #sidebarWrap #sidebarScroll #sidebar .section.recent_article li .wrap a {
          display: block; }
        #wrap #sidebarWrap #sidebarScroll #sidebar .section.visit .visit_wrap {
          margin-top: 20px; }
          #wrap #sidebarWrap #sidebarScroll #sidebar .section.visit .visit_wrap p {
            font-size: 12px;
            color: #000; }

#dimmed {
  position: fixed;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  background: rgba(255, 255, 255, 0.9);
  visibility: hidden;
  z-index: 250;
  cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyAQMAAAAk8RryAAAABlBMVEUAAAAAAAClZ7nPAAAAAXRSTlMAQObYZgAAAHVJREFUGBkFwTERwEAIALDwx8CIBKQgDWmV1sSBteAMBA2PgiSheNAEDA6LxWEIaB4UCUnBoyEYcBasAxNAP6ASyAJeAzGAD/ABMcBrIAuoBPoBE8A6cBaCgUdDUlAkNA+GgMXhsAQMD5qEoiBpeAwEC86B/QGGQA11a47VlgAAAABJRU5ErkJggg==), auto;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease; }
  #dimmed.active {
    visibility: visible; }
    #dimmed.active .search_input {
      opacity: 1;
      -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
      transform: translateY(0); }
  #dimmed .search_input {
    margin-top: -80px;
    position: relative;
    text-align: center;
    top: 50%;
    outline: 0;
    opacity: 0;
    -webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
    transition: transform 0.2s, opacity 0.2s;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    transform: translateY(-40px); }
    #dimmed .search_input input {
      cursor: text;
      height: 80px;
      line-height: 80px;
      color: #1D1D1D;
      max-width: 100%;
      padding: 7px 8px;
      border-radius: 3px;
      border: none;
      font-size: 50px;
      font-weight: bold;
      letter-spacing: 8px;
      text-align: center;
      text-transform: uppercase;
      background: transparent;
      outline: 0;
      display: inline-block;
      border-bottom: 1px solid #FFE300;
      min-width: 50%; }
    #dimmed .search_input p {
      color: #666;
      display: block;
      padding-top: 20px; }
      #dimmed .search_input p strong {
        color: #333;
        margin-left: 10px;
        cursor: pointer; }

.side_on #sidebar .section.recent_article ul li .wrap {
  overflow: hidden;
  -webkit-animation-duration: 20s;
  animation-duration: 20s;
  -webkit-transform-origin: 0 50%;
  -ms-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-name: slidein;
  animation-name: slidein; }

.side_on #sidebar .section.recent_article ul li:nth-child(1) .wrap {
  -webkit-animation-delay: 1s;
  animation-delay: 1s; }

.side_on #sidebar .section.recent_article ul li:nth-child(2) .wrap {
  -webkit-animation-delay: 3s;
  animation-delay: 3s; }

.side_on #sidebar .section.recent_article ul li:nth-child(3) .wrap {
  -webkit-animation-delay: 5s;
  animation-delay: 5s; }

.side_on #sidebar .section.recent_article ul li:nth-child(4) .wrap {
  -webkit-animation-delay: 7s;
  animation-delay: 7s; }

.side_on #sidebar .section.recent_article ul li:nth-child(5) .wrap {
  -webkit-animation-delay: 9s;
  animation-delay: 9s; }

@media (min-width: 720px) and (max-width: 1329px) {
  #wrap {
    padding-top: 56px; }
    #wrap #totalMenu {
      display: none; }
    #wrap #header {
      top: 0;
      bottom: auto;
      width: 100%;
      left: 0;
      height: 56px; }
      #wrap #header .tit_wrap {
        position: relative;
        z-index: 10;
        height: 55px;
        background: #fff;
        background: rgba(255, 255, 255, 0.9);
        border-bottom: 1px solid #ddd; }
      #wrap #header .tit_wrap .title h1 {
        display: inline-block;
        margin-top: 13px;
        margin-left: 15px; }
        #wrap #header .tit_wrap .title h1 a {
          font-size: 16px; }
          #wrap #header .tit_wrap .title h1 a img {
            max-height: 30px; }
      #wrap #header .tit_wrap .title .desc {
        display: none; }
      #wrap #header .category {
        display: none;
        position: fixed;
        top: 56px;
        left: 0;
        bottom: 0;
        padding: 0 20px;
        background: #333;
        background: rgba(3, 3, 3, 0.9);
        max-height: none; }
        #wrap #header .category .category_list {
          height: 50%;
          margin-top: 50px;
          margin-left: -20px; }
          #wrap #header .category .category_list .cate_deco ul li a:hover {
            color: #eee; }
          #wrap #header .category .category_list .cate_deco ul li ul ul {
            border-top: 1px solid #333; }
      #wrap #header .hidden_menu {
        display: block; }
        #wrap #header .hidden_menu .btn_utils {
          display: none; }
        #wrap #header .hidden_menu .total_menu_toggle {
          position: absolute;
          top: 22px;
          right: 22px;
          z-index: 30; }
          #wrap #header .hidden_menu .total_menu_toggle a {
            display: block; }
          #wrap #header .hidden_menu .total_menu_toggle.active .bar1 {
            -webkit-transform: translatey(7px) rotate(-45deg);
            -ms-transform: translatey(7px) rotate(-45deg);
            transform: translatey(7px) rotate(-45deg); }
          #wrap #header .hidden_menu .total_menu_toggle.active .bar2 {
            visibility: hidden;
            opacity: 0;
            filter: alpha(opacity=0); }
          #wrap #header .hidden_menu .total_menu_toggle.active .bar3 {
            -webkit-transform: translatey(-7px) rotate(45deg);
            -ms-transform: translatey(-7px) rotate(45deg);
            transform: translatey(-7px) rotate(45deg); }
      #wrap #header .etc_wrap {
        display: none; }
    #wrap #sidebarWrap {
      display: none; }
    #wrap #bottom {
      width: 100%;
      left: 0;
      margin: 0;
      border-radius: 0; }
    #wrap #content {
      overflow: hidden; }
      #wrap #content .entry {
        padding-top: 30px; }
        #wrap #content .entry .tdiv h2 a {
          font-size: 34px; }
        #wrap #content .entry img {
          max-width: 100%; }
        #wrap #content .entry .article .imageblock {
          width: 100% !important;
          position: static;
          margin: 0; }
          #wrap #content .entry .article .imageblock img {
            height: auto; }
  #dimmed .search_input input {
    width: 376px;
    font-size: 34px; } }

@media (min-width: 319px) and (max-width: 719px) {
  iframe {
    min-width: 100%;
    width: 100px !important;
    *width: 100%; }
  #wrap {
    padding-top: 56px; }
    #wrap #totalMenu {
      display: none; }
    #wrap #header {
      top: 0;
      bottom: auto;
      width: 100%;
      left: 0;
      height: 56px; }
      #wrap #header .mMenu {
        position: relative;
        -webkit-transform: translateY(-84px) scale(0.8);
        -ms-transform: translateY(-84px) scale(0.8);
        transform: translateY(-84px) scale(0.8);
        opacity: 0;
        height: 84px;
        display: block;
        width: 100%;
        background: #fbfbfb;
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease;
        -webkit-box-shadow: 1px 0px 10px rgba(0, 0, 0, 0.1);
        box-shadow: 1px 0px 10px rgba(0, 0, 0, 0.1); }
        #wrap #header .mMenu.active {
          -webkit-transform: translateY(0px) scale(1);
          -ms-transform: translateY(0px) scale(1);
          transform: translateY(0px) scale(1);
          opacity: 1; }
        #wrap #header .mMenu ul {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          overflow: hidden;
          border-bottom: 1px solid #eee; }
          #wrap #header .mMenu ul li {
            float: left;
            width: 25%;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            border-left: 1px solid #eee;
            margin-top: 15px;
            margin-bottom: 12px; }
            #wrap #header .mMenu ul li a {
              font-size: 25px;
              text-align: center;
              display: block;
              color: #333; }
              #wrap #header .mMenu ul li a span {
                display: block;
                text-align: center;
                color: #111;
                font-size: 13px; }
      #wrap #header .tit_wrap {
        position: relative;
        z-index: 10;
        height: 55px;
        background: #fff;
        background: rgba(255, 255, 255, 0.9);
        border-bottom: 1px solid #ddd;
        text-align: center; }
      #wrap #header .tit_wrap .title h1 {
        display: inline-block;
        margin-top: 11px;
        margin-left: 0; }
        #wrap #header .tit_wrap .title h1 a {
          font-size: 16px;
          line-height: 1.1;
          padding: 0; }
          #wrap #header .tit_wrap .title h1 a img {
            max-height: 34px; }
      #wrap #header .tit_wrap .title .desc {
        display: none; }
      #wrap #header .category {
        display: none;
        position: fixed;
        top: 56px;
        left: 0;
        bottom: 0;
        padding: 0 20px;
        background: #333;
        max-height: none;
        background-color: #fff;
        background: rgba(255, 255, 255, 0.95);
        width: 100%;
        max-width: none;
        padding: 0; }
        #wrap #header .category .category_list {
          margin: 0;
          max-width: none;
          width: 100%;
          max-height: none;
          height: 100%; }
          #wrap #header .category .category_list .mCustomScrollBox {
            max-height: none;
            height: 100%;
            padding-left: 0; }
            #wrap #header .category .category_list .mCustomScrollBox .mCustomScrollBox {
              margin: 0; }
            #wrap #header .category .category_list .mCustomScrollBox .cate_deco ul li {
              text-align: center; }
              #wrap #header .category .category_list .mCustomScrollBox .cate_deco ul li ul ul {
                border: none;
                background: #fcfcfc; }
              #wrap #header .category .category_list .mCustomScrollBox .cate_deco ul li a {
                display: block;
                border-bottom: 1px solid #eee;
                color: #333; }
                #wrap #header .category .category_list .mCustomScrollBox .cate_deco ul li a:hover {
                  color: #333; }
      #wrap #header .hidden_menu {
        display: block; }
        #wrap #header .hidden_menu .btn_utils {
          display: block; }
        #wrap #header .hidden_menu .total_menu_toggle {
          position: absolute;
          top: 22px;
          right: 22px;
          z-index: 30; }
          #wrap #header .hidden_menu .total_menu_toggle a {
            display: block; }
          #wrap #header .hidden_menu .total_menu_toggle.active .bar1 {
            -webkit-transform: translatey(7px) rotate(-45deg);
            -ms-transform: translatey(7px) rotate(-45deg);
            transform: translatey(7px) rotate(-45deg); }
          #wrap #header .hidden_menu .total_menu_toggle.active .bar2 {
            visibility: hidden;
            opacity: 0;
            filter: alpha(opacity=0); }
          #wrap #header .hidden_menu .total_menu_toggle.active .bar3 {
            -webkit-transform: translatey(-7px) rotate(45deg);
            -ms-transform: translatey(-7px) rotate(45deg);
            transform: translatey(-7px) rotate(45deg); }
      #wrap #header .etc_wrap {
        display: none; }
    #wrap #content {
      width: 100%;
      padding: 0 30px;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
      #wrap #content .protect_wrap h2 a {
        font-size: 26px; }
      #wrap #content #paging {
        overflow: hidden; }
        #wrap #content #paging .wrap {
          display: block; }
        #wrap #content #paging .num,
        #wrap #content #paging .interword {
          display: none; }
        #wrap #content #paging #prevPage,
        #wrap #content #paging #nextPage {
          font-size: 11px;
          display: inline-block;
          padding: 6px 10px;
          color: #4E4E4E;
          font-weight: normal;
          border: 1px solid #ddd;
          position: relative;
          overflow: hidden;
          line-height: 15px;
          cursor: pointer;
          height: auto; }
          #wrap #content #paging #prevPage:hover,
          #wrap #content #paging #nextPage:hover {
            color: #000;
            -webkit-box-shadow: inset 0 0px 8px #E8E8E8;
            box-shadow: inset 0 0px 8px #E8E8E8; }
        #wrap #content #paging #prevPage {
          float: left;
          border-radius: 20px; }
          #wrap #content #paging #prevPage:after {
            content: "PREV"; }
          #wrap #content #paging #prevPage i {
            display: none; }
        #wrap #content #paging #nextPage {
          float: right;
          border-radius: 20px;
          margin-right: 0; }
          #wrap #content #paging #nextPage:after {
            content: "NEXT"; }
          #wrap #content #paging #nextPage i {
            display: none; }
        #wrap #content #paging .no-more-prev,
        #wrap #content #paging .no-more-next {
          display: none !important; }
      #wrap #content .cb_lstcomment .cb_info_area .cb_section .cb_nick_name {
        width: 100%; }
      #wrap #content #contentWrap img.guest {
        max-width: 100%; }
      #wrap #content .pagination {
        padding-bottom: 80px; }
      #wrap #content .box .at {
        display: block;
        text-align: left;
        margin-left: 0;
        margin-bottom: 10px;
        color: #ccc; }
      #wrap #content .box.vimeo:before,
      #wrap #content .box.soundcloud:before,
      #wrap #content .box.youtube:before {
        right: 0px;
        top: -40px;
        width: 10px;
        height: 10px;
        background-size: 20px auto;
        background-position: -10px 0; }
      #wrap #content .box.vimeo:before {
        background-position: -10px -10px; }
      #wrap #content .box.soundcloud:before {
        background-position: -10px -20px; }
      #wrap #content .box.youtube:before {
        background-position: -10px 0; }
      #wrap #content .absent_post {
        background-size: 150px auto !important;
        margin-top: 50px !important;
        padding: 220px 0 0px 0px !important;
        font-size: 11px !important; }
      #wrap #content .entry {
        width: 100%;
        padding: 0;
        padding-top: 30px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box; }
        #wrap #content .entry img {
          max-width: 100%; }
        #wrap #content .entry .tdiv h2 a {
          font-size: 26px; }
        #wrap #content .entry .article .imageblock {
          width: 100% !important;
          position: static;
          margin: 0; }
          #wrap #content .entry .article .imageblock img {
            height: auto; }
        #wrap #content .entry .prevnext .thumb {
          display: none; }
        #wrap #content .entry .prevnext .next_section,
        #wrap #content .entry .prevnext .prev_section {
          padding: 0; }
          #wrap #content .entry .prevnext .next_section a,
          #wrap #content .entry .prevnext .prev_section a {
            padding-left: 0;
            padding-right: 10px; }
        #wrap #content .entry .prevnext .next_section a {
          padding-right: 0;
          padding-left: 10px; }
      #wrap #content .cb_lstcomment .cb_nick_name {
        padding-top: 0 !important; }
      #wrap #content .cb_lstcomment .cb_info_area .cb_section .cb_nick_name .text {
        width: auto;
        display: block;
        margin-left: 0; }
    #wrap #sidebarWrap {
      display: none; }
    #wrap #bottom {
      width: 100%;
      left: 0;
      margin: 0;
      border-radius: 0; }
  #dimmed .search_input input {
    height: 50px;
    font-size: 11px;
    line-height: 50px;
    min-width: 200px; } }