@charset "UTF-8";
i { display: inline-block; }
body .i-admin-s { position: relative; top: 2px; margin-left: 5px; background-image: url('/assets/images/icon_sprite_x.png'); background-position: -392px -454px; width: 18px; height: 18px; }
body .i-tail-delete { background-image: url('/assets/images/icon_sprite_x.png'); background-position: -548px -22px; width: 12px; height: 12px; cursor: pointer; }
body .i-tail-delete:hover { background-image: url('/assets/images/icon_sprite_x.png'); background-position: -548px 0; width: 12px; height: 12px; cursor: pointer; }
body .reply-option .reply-option-btn .content-close-btn i { position: relative; top: 2px; background-image: url('/assets/images/icon_sprite_x.png'); background-position: -496px -280px; width: 18px; height: 18px; cursor: pointer; }
body .reply-option .reply-option-btn .content-close-btn i:hover { background-image: url('/assets/images/icon_sprite_x.png'); background-position: -184px -426px; width: 18px; height: 18px; cursor: pointer; }
body .i-reply-normal { background-image: url('/assets/images/icon_sprite_x.png'); background-repeat: no-repeat; background-position: 0px -517px; width: 16px; height: 12px; }
body .i-reply-normal:hover { background-image: url('/assets/images/icon_sprite_x.png'); background-repeat: no-repeat; background-position: -438px -491px; width: 16px; height: 12px; }
body .i-like-normal { background-image: url('/assets/images/icon_sprite_x.png'); background-position: -308px -491px; width: 16px; height: 14px; cursor: pointer; }
body .i-like-normal:hover { background-image: url('/assets/images/icon_sprite_x.png'); background-position: -334px -491px; width: 16px; height: 14px; cursor: pointer; }
body .i-dislike-normal { background-image: url('/assets/images/icon_sprite_x.png'); background-position: -360px -491px; width: 16px; height: 14px; cursor: pointer; }
body .i-dislike-normal:hover { background-image: url('/assets/images/icon_sprite_x.png'); background-position: -256px -491px; width: 16px; height: 14px; cursor: pointer; }
@media all and (max-width: 1920px) {
   div:after { content: "."; display: block; font-size: 0; line-height: 0; height: 0; clear: both; visibility: hidden; }
   .hide { display: none !important; }
   .show { display: block !important; }
   li { width: auto; height: auto; }
   button { border: none; background: none; overflow: visible; width: auto; height: auto; cursor: pointer; text-align: left; }
   button span { line-height: normal; }
   label { display: none; }
   .t15 { margin-top: 15px; }
   #wf { margin-top: 20px; position: relative; z-index: 10; width: 100%; }
   .wf-form { border: 2px solid #DDDDDB; border-color: rgba(117,116,111,0.3); padding: 0px 0px; overflow: hidden; z-index: 1; margin-bottom: 10px; position: relative; z-index: 0; background: #FFF; }
   .wf-content-wrapper { width: 100%; position: relative; }
   .wf-profile { position: absolute; width: 34px; height: 34px; left: 7px; top: 6px; }
   #wf-content { width: 93%; height: 53px; font-size: 14px; outline: none; margin-left: 35px; }
   textarea { border: none; overflow: hidden; padding: 15px; padding-right: 0px; resize: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
   .wf-bottom-wrapper { width: 100%; z-index: 90; }
   .wf-function-wrapper { background-color: #F6F6F6; width: 100%; height: 45px;  }
   .right { text-align: right; }
   .btn-pajuPrime { margin: 7px; }

   .reply-wrapper { padding: 15px 5px 0px 5px; }
   .circle { border-radius: 50%; }
   .writer { position: relative; }
   ul { list-style-type: none; zoom: 1; padding: 0px; margin: 0px; vertical-align: top; }
   ul.writer-account { text-align: left; padding-bottom: 4px; }
   ul.writer-account button { padding: 0; }
   ul.writer-account li { vertical-align: middle; display: inline-block; zoom: 1; }
   .writer-account .writer-img img { width: 40px; height: 40px; cursor: pointer; }
   .writer-type { padding-top: 3px; }
   .writer-name { max-width: 200px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; margin-right: 5px; padding-top: 0px; cursor: pointer; }
   .text-indent { display: inline-block; zoom: 1; text-indent: -9999px; }
   .writer-name span.writer-name-text { vertical-align: bottom; }
   .reply-history-time { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; color: #75746f; font-size: 12px; padding-top: 1px; }
   .reply-history span, .modify-middle .modify-history span { color: #75746f; font-size: 12px; }
   .reply-option { margin-left: 0px; float: right; margin-top: -3px; }
   .reply-option .reply-option-btn { float: right; position: relative; }
   .reply-option .reply-option-btn .content-toggle-btn { margin-right: 10px; }
   .reply-option .reply-option-btn i { margin-bottom: 3px; }
   .reply-bottom { padding: 0; margin: 0 0 0 43px; }
   .reply-content-wrapper { padding-left: 5px; margin-top: -5px; margin-bottom: 10px; position: relative; }
   .reply-content, .reply-addition-wrapper { margin-bottom: 10px; }
   .reply-content p { line-height: 140%; }
   .reply-content-wrapper .reply-content p, .reply-content-wrapper .reply-content span, .reply-content-wrapper .reply-content .content-block { font-size: 13px; }
   .reply-addition-wrapper { margin-bottom: 10px; }
   .reply-btn-group { clear: both; margin-top: 5px; }
   .reply-btn-group .left, .reply-btn-group .right { zoom: 1; margin-right: 4px; }
   .reply-btn-group .left, .reply-btn-group .right, .reply-btn-group .center { float: left; }
   .reply-btn-group .reply-comment-btn { display: inline-block; zoom: 1; }
   .reply-btn-group .left .button span { color: #75746f; font-weight: bold; }
   .reply-btn-group .center { position: relative; display: inline-block; zoom: 1; }
   .reply-btn-group .right { margin-right: 0; display: inline-block; zoom: 1; }
   .reply-btn-group .right i { padding-left: 20px; }
   .comment-good { padding-right: 5px; }
   .reply-btn-group .right span { display: inline-block; zoom: 1; vertical-align: 1px; height: 17px; line-height: 17px; font-size: 12px; }
   .child-reply { background-color: #F9F9F9; border-top: 1px solid #DEDEDE; margin-left: -43px; }
   .login { position: relative; }
   .wf-form #comment-wf-content { width: 90%; height: 80px; font-size: 14px; outline: none; margin: 0; padding: 0; position: relative; top: 12px; left: 45px; }

   .attachs { padding: 10px 0 15px 0; font-size: 14px; }
   .c-sns { height: 43px; margin-top: 10px; border: 1px solid #e0e0e2;  background: #f3f3f3; }
   .c-sns .hit { float: left; padding: 10px 0 0 10px; font-size: 14px; }
   .c-sns .sns { float: right; padding: 8px 10px 0 0; }
   .c-sns .sns a { padding-left: 8px; color: #AAA; }
}

@media all and (max-width: 768px) {
   a { -webkit-tap-highlight-color: transparent; }
   #wf-content { width: 88%; height: 53px; font-size: 14px; outline: none; margin-left: 35px; }
   .profile-img { display: none; }
   .wf-form #comment-wf-content { width: 90%; height: 80px; font-size: 14px; outline: none; margin: 0; padding: 0; position: relative; top: 12px; left: 10px; }
}