@charset "utf-8";

html {
background: #eee;
height: 100%;
}

.trackback {
border-bottom: 1px solid #eee;
text-align: center;
border-top: 1px solid #eee; 
margin-top: 20px;
padding: 20px 50px 15px;
}
.trackback h3 {
color: #666;
font-weight: 100;
font-size: 16px;
word-break: break-all;
}
.trackback ol{padding-top: 15px;}
.trackback ol li{
padding-top:10px;
text-align: left;
border-top:1px solid #eee;
}
.trackback {
}

.trackback ol li h4 {
margin-bottom: 5px
}

.entry .article .tagTrail{
/*position: absolute;*/
    /*bottom: -5px;*/
    /*left: 0;*/
}
.protect_i_w input[type=text],
.protect_i_w input[type=password],
.commentWrite input[type=text],
.commentWrite input[type=password] {
margin-top: 10px;
width: 150px;
height: 30px;
box-sizing: border-box;
padding: 5px 10px !important;
background: #F9F9F9;
color: #515151;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
word-break: keep-all;
overflow-wrap: break-word;
resize: none;
}
.protect_i_w input[type=password]{margin-top: 0}
.textUtil{font-size: 10px;margin-top: 10px;}
.entryEtc .ad {
margin: 0;
text-align: center;
margin-top: 20px;
}

.listAlert{
box-sizing: border-box;
background: #000;
background: rgba(0, 0, 0, 0.7);
    padding: 12px;
    text-align: center;
    color: #ddd;
    font-size: 12px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 10;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.listAlert em{font-weight: bold;color: #fff}
.listAlert.active{
-webkit-transform: translateY(-42px);
    -ms-transform: translateY(-42px);
        transform: translateY(-42px);
}
.entryWrap {
overflow: hidden;
}

.entry,
.entryEtc {
float: left;
}

.entryEtc {
padding: 20px;
width: 200px;
}

.ie8 .entryEtc{
display: none
}

.cb_lstcomment {
margin-top: 50px;
border-top: 1px solid #ddd;
}

.cb_lstcomment .cb_info_area:hover .cb_section2 {
opacity: 1;
}


.cb_lstcomment .cb_info_area .cb_section2 {
opacity: 0;
-webkit-transition: opacity 0.2s ease;
transition: opacity 0.2s ease;
}

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

.entry .article .tagTrail {
color: #fff;
padding: 0px 0px 10px;
border-bottom: 1px solid #eee; 
}

.entry .article .tagTrail a {
font-size: 12px;
color: #333;
padding: 3px 5px;
font-weight: normal;
border-radius: 3px;
border: 1px solid #eee;
margin-bottom: 0px;
display: inline-block;
}

.entry .article .tagTrail a:hover {
color: #000;
box-shadow: inset 0 0px 8px #E8E8E8;
}

.entry .article .tagTrail a:before {
content: "#";
}

.bgContent {
display: none;
position: absolute;
top: 0;
bottom: 0;
left: 260px;
width: 1100px;
border-right: 1px solid #ddd;
background: #fff;
z-index: -1;
}

.noList .bgContent {
display: block;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}

.bgContent.slide {
left: 500px;
}

.noList .pagination {
background: #fff;
width: 1100px;
border-right: 1px solid #ddd;
}

.header .category_list .category_list {
padding: 0;
margin: 0;
height: auto;
border: none;
position: relative;
}

#localog,#taglog {
width: 1000px;
margin: 0 auto;
}

.pro-wrap,
.wrapper,
.notice-wrap,
.entry {
width: 1100px;
background: #fff;
border-right: 1px solid #ddd;
}

#localog .tx,#taglog .tx {
padding: 10px 50px;
}

#contentWrap {
width: 100%;
min-width: 1000px;
}

.tdiv,
.guest {
position: relative;
width: 1000px;
margin: 0 auto;
}
.guest{margin-top: 35px}
.guest .cb_wrt .commentWrite{border-top:none;}

.article {
position: relative;
padding-top: 20px;
width: 1000px;
margin: 0 auto;
overflow: hidden;
box-sizing: border-box;
padding-bottom: 0px;
}

.guestWrap {
width: 1100px;
background: #fff;
border-right: 1px solid #ddd;
}

.sideSectionWrap {
width: 1000px;
margin: 0 auto;
box-sizing: border-box;
}

.grayscale {
filter: url("data:image/svg+xml;utf8,#grayscale");
filter: gray;
-webkit-filter: grayscale(100%);
-webkit-transition-duration: .8s;
transition-duration: .8s;
-webkit-transition-property: -webkit-filter,opacity;
-webkit-transition-property: opacity,-webkit-filter;
transition-property: opacity,-webkit-filter;
transition-property: filter,opacity;
transition-property: filter,opacity,-webkit-filter;
}

.grayscale.grayscale-fade {
-webkit-transition: -webkit-filter .5s;
-webkit-transition-duration: .8s;
transition-duration: .8s;
-webkit-transition-property: -webkit-filter,opacity;
-webkit-transition-property: opacity,-webkit-filter;
transition-property: opacity,-webkit-filter;
transition-property: filter,opacity;
transition-property: filter,opacity,-webkit-filter;
}

.grayscale-replaced.grayscale-fade svg {
opacity: 1;
-webkit-transition: opacity .5s ease;
transition: opacity .5s ease;
-webkit-transition-duration: .8s;
transition-duration: .8s;
-webkit-transition-property: -webkit-filter,opacity;
-webkit-transition-property: opacity,-webkit-filter;
transition-property: opacity,-webkit-filter;
transition-property: filter,opacity;
transition-property: filter,opacity,-webkit-filter;
}

.sub_tit a,.tdiv h2 a {
font-size: 20px;
color: #333;
font-weight: normal;
}

.search_list_wrap + .pagination {
width: auto !important;
}
.article .imageblock, .article iframe {
max-width: 100%;
}

.article .imageblock img {
max-width: 100%;
height: auto !important;
}
body {
overflow-y: scroll;
overflow-x: hidden;
}

body, button, h1, h2, h3, h4, h5, h6, input, select, td, textarea, th {
font-size: 12px;
line-height: 1.5;
font-family: "Spoqa Han Sans","맑은고딕","Malgun Gothic",AppleGothic,Sans-serif;
font-family: "맑은고딕","Malgun Gothic","돋움",dotum,AppleGothic,Sans-serif \0/IE8+9;
color: #333;
}

.tdiv h2 {
}

.content #contentWrap .tdiv h2 {
padding-top: 10px;
}
.content #contentWrap .pro-wrap>.tdiv h2{
padding-top: 50px;
}

.pro-wrap .protect_p {
margin-top: 150px;
margin-bottom: 20px;
text-align: center;
}

.pro-wrap .protect_i_w {
margin-bottom: 150px;
text-align: center;
}

.pro-wrap .protect_i_w .button {
display: inline-block;
width: 50px;
height: 20px;
margin-right: 10px;
margin-left: 10px;
padding: 7px 5px 3px;
border: 1px solid #eee;
background-color: #333;
font-size: 11px;
color: #fff;
text-align: center;
vertical-align: middle;
}

#ttMenubarInnerWrap,
.search_tit {
display: none;
}

.pro-wrap .protect_i_w label {
margin-right: 10px;
font-size: 11px;
color: #bbb;
vertical-align: middle;
}

.cb_nick_name {
margin-right: 5px;
}
.cb_nick_name,
.cb_date,
.cb_nick_name a,
.cb_nick_name img{vertical-align: middle;float: left;}

#taglog a,#localog 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;
}

#taglog a:hover,#localog a {
color: #000;
box-shadow: inset 0 0px 8px #efefef;
}

#taglog a:before {
content: "#";
}

#localog h3,#taglog h3 {
padding-top: 50px;
padding-bottom: 10px;
padding-left: 50px;
padding-right: 50px;
font-size: 30px;
font-weight: 700;
color: #333;
}

.search_list_wrap {
visibility: hidden;
}

hr {
display: none;
}

.btn {
display: block;
overflow: hidden;
border: 0;
cursor: pointer;
}

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;
}

textarea {
padding: 10px;
}

fieldset,img {
border: 0;
}

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

blockquote,q {
quotes: none;
position: relative;
padding: 30px;
margin: 10px;
}

blockquote:before,q:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 24px;
height: 20px;
background: url(./images/bl_before.png) 0 0 no-repeat;
}

blockquote:after,q:after {
content: '';
position: absolute;
bottom: 0;
right: 0;
width: 24px;
height: 20px;
background: url(./images/bl_after.png) 0 0 no-repeat;
}

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

button {
border: 0;
background-color: transparent;
cursor: pointer;
}

a {
color: #333;
text-decoration: none;
}

a:active,a:hover {
text-decoration: none;
}

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

#contentWrap > span {
visibility: hidden;
overflow: hidden;
position: absolute;
top: -1px;
left: -1px;
width: 1px;
height: 1px;
font-size: 0;
line-height: 0;
}

.blind {
visibility: hidden;
overflow: hidden;
position: absolute;
top: -1px;
left: -1px;
width: 1px;
height: 1px;
font-size: 0;
line-height: 0;
}

.gotoTop {
display: none;
position: fixed;
right: 0;
bottom: 0;
z-index: 15000;
width: 40px;
height: 40px;
text-align: right;
}

.header {
position: fixed;
top: 0;
left: -240px;
bottom: 0;
z-index: 100;
width: 500px;
border-right: 1px solid #ddd;
background: #fff;
box-shadow: 0 0 3px rgba(240,240,240,.5);
}

.csstransitions .header {
left: 0;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
-webkit-transform: translateX(-240px);
    -ms-transform: translateX(-240px);
        transform: translateX(-240px);
}

.csstransitions .header.slide {
left: 0;
-webkit-transform: translateX(0);
    -ms-transform: translateX(0);
        transform: translateX(0);
}

.header .title {
margin: 0 30px;
}

.header .title .logo {
display: block;
padding-top: 35px;
font-weight: normal;
}

.header .title .logo a {
font-size: 25px;
color: #000;
}

.header .title .logo a .image {
display: none;
}

.header .title .logo a .text {
display: none;
font-size: 25px;
color: #000;
}

.header .title .logo.image a .image {
display: inline;
}

.header .title .logo.text a .text {
display: inline;
}

.header .category {
}

.header .category_list {
border-top: 1px solid #f3f3f3;
margin-top: 30px;
}

.header .category_list ul li a.link_item {
position: relative;
z-index: 31
}
.header .category_list ul li a {
display: block;
padding: 0 20px;
border-bottom: 1px solid #f3f3f3;
font-size: 13px;
line-height: 2.5em;
color: #494949;
text-decoration: none;
}

.header .category_list ul li a .c_cnt {
display: none;
}

.header .category_list ul li a:hover {
background: #000;
color: #fff;
}
.header .category_list ul li a.sub_arrow {
background: transparent;
color: #494949;
}

.searchWrap {
position: relative;
}

.searchWrap .iconSearch {

position: absolute;
top: 7px;
right: 10px;

}

.searchWrap input {
width: 100%;
height: 30px;
padding: 5px 20px;
font-size: 11px;
color: #000;
vertical-align: middle;
box-sizing: border-box;
border: none;
border-bottom: 1px solid #f3f3f3;
background: #fefefe;
}

.searchWrap button {
display: none;
visibility: hidden;
width: 0;
height: 0;
}

.content {
position: relative;
margin-left: 260px;
}

.csstransitions .content {
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}

.csstransitions .content.slide {
-webkit-transform: translateX(240px);
    -ms-transform: translateX(240px);
        transform: translateX(240px);
}

.article_list {
overflow: hidden;
}

.listItem .mask {
z-index: 1;
}

.copy {
clear: both;
font-size: 10px;
color: #666;
text-align: right;
}

.titleWrap {
width: 100%;
overflow: hidden;
position: absolute;
left: 0;
bottom: 0;
z-index: 8800;
}

.titleWrap .sectionTit {
width: 100%;
box-sizing: border-box;
overflow: hidden;
padding: 5px 5px 0;
text-align: left;
word-break: break-all;
white-space: nowrap;
}

#sidebar .section ul a{
display: block;
width: 100%;
overflow: hidden;
word-break: break-all;
white-space: nowrap;
text-overflow: ellipsis;
vertical-align: middle;
}


.ie8 .titleWrap .sectionTit{
height: 29px;
}
.ie8 .titleWrap .sectionTit a .tit{
height: 18px;
}


.titleWrap .sectionLink {
padding: 0 5px 5px;
}

.titleWrap .sectionLink .date {
display: inline-block;
vertical-align: top;
padding: 0 2px;
background: url(./images/bg_white8.png);
font-size: 9px;
color: #444;
}

.titleWrap .sectionLink .date img {
display: none;
}

.titleWrap .sectionLink .comment_num {
display: none;
}

.titleWrap .sectionTit a .tit {
display: block;
padding: 0 2px;
background: url(./images/bg_white8.png);
box-sizing: border-box;
width:100%;
height: 19px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
vertical-align: middle;
}

.titleWrap .sectionTit a,
.titleWrap .sectionLink {
font-size: 12px;
font-weight: 700;
color: #333;
text-align: left;
text-decoration: none;
display: block;
/*width:100%;*/
height: 19px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
vertical-align: middle;
}

.titleWrap.origin {
overflow: hidden;
position: static;
left: 0;
bottom: 0;
z-index: 8800;
}

.titleWrap.origin .sectionTit {
padding: 5px;
position: absolute;
top: -30px;
right: 0;
left: 0;
background: url(./images/bg.png);
color: #fff;
}

.csstransitions .titleWrap.origin .sectionTit {
padding: 5px;
position: absolute;
top: 0;
-webkit-transform: translateY(-33px);
    -ms-transform: translateY(-33px);
        transform: translateY(-33px);
right: 0;
left: 0;
background: url(./images/bg.png);
color: #fff;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}

.csstransitions .titleWrap.origin .sectionTit.active {
-webkit-transform: translateY(0);
    -ms-transform: translateY(0);
        transform: translateY(0);
}

.titleWrap.origin .sectionTit a .tit {
display: inline-block;
padding: 0 2px;
}

.titleWrap.origin .sectionLink {
padding: 0 5px 5px;
}

.titleWrap.origin .sectionLink .date {
padding: 0 2px;
background: none;
font-size: 9px;
color: #fff;
font-weight: lighter;
}

.titleWrap.origin .sectionLink .date img {
display: inline;
width: 10px;
height: 10px;
vertical-align: middle;
margin-right: 2px;
}

.titleWrap.origin .sectionLink .comment_num {
display: block;
;font-size: 9px;
color: #fff;
font-weight: lighter;
}

.titleWrap.origin .sectionLink .comment_num img {
display: inline;
width: 10px;
height: 10px;
vertical-align: middle;
margin-right: 2px;
}

.titleWrap.origin .sectionTit a .tit {
background: none;
word-wrap: break-word;
}

.titleWrap.origin .sectionTit a,
.titleWrap.origin .sectionLink {
color: #fff;
font-weight: normal;
}

.titleWrap.origin .sectionLink {
padding: 5px;
position: absolute;
bottom: -30px;
right: 0;
left: 0;
background: url(./images/bg_gray.png);
color: #fff;
}

.csstransitions .titleWrap.origin .sectionLink {
bottom: 0;
-webkit-transform: translateY(33px);
    -ms-transform: translateY(33px);
        transform: translateY(33px);
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}

.csstransitions .titleWrap.origin .sectionLink.active {
-webkit-transform: translateY(0);
    -ms-transform: translateY(0);
        transform: translateY(0);
}

.view_more {
position: absolute;
top: 50%;
left: 50%;
width: 28px;
height: 28px;
margin-top: -14px;
margin-left: -14px;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

.view_more.active {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.comment_num {
float: right;
text-align: left;
}

.comment_num img {
margin-right: 3px;
vertical-align: middle;
}

.mask a {
display: block;
width: 100%;
height: 100%;
}

.mask iframe {
display: block;
width: 100%;
height: 100%;
}

.mask img {
display: block;
width: 100%;
height: auto;
}

.search_tit p {
padding: 15px 35px;
font-size: 11px;
color: #666;
text-align: left;
}

.search_list_wrap {
overflow: hidden;
}

.pagination {
overflow: hidden;
text-align: center;
}

.noList .pagination {
width: 1100px;
background: #fff;
border-right: 1px solid #ddd;
}

.pagination .wrap {
padding: 20px 50px;
display: inline-block;
text-align: center;
}

.pagination a {
display: inline-block;
float: left;
width: 29px;
height: 29px;
line-height: 29px;
font-weight: 700;
text-align: center;
font-size: 14px;
}

.pagination a+a {
}

.pagination a span {
display: block;
width: 29px;
height: 29px;
line-height: 29px;
text-align: center;
padding-top: 10px;
line-height: 1.5
}

.pagination a span.selected {
font-weight: 700;
color: #ddd;
}

.wrap_secret {
margin-top: 25px;
}

.wrap_secret label {
margin-left: 2px;
}

input[type=checkbox] {
display: none;
}

input[type=checkbox]+.ch_rep {
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;
}

input[type=checkbox]:checked+.ch_rep {
background-position: 0 -21px;
}

.ie8 input[type=checkbox] {
display: inline-block;
height: 17px;
vertical-align: top;
}

.ie8 input[type=checkbox]+.ch_rep {
display: none;
}

.ie8 .wrap_secret label {
padding-left: 3px;
}


.wrap_secret {
/*position: absolute;*/
/*top: 20px;*/
/*right: 0;*/
float: right;
position: relative;
}

.wrap_secret input {
width: 13px;
height: 13px;
vertical-align: bottom;
}

.wrap_secret input+.ch_rep {
position: absolute;
top: -2px;
left: 0;
}

.wrap_secret label {
position: relative;
z-index: 1;
padding-left: 27px;
font-weight: 400;
color: #bbb;
vertical-align: 3px;
}

.pagination .interword {
display: inline-block;
float: left;
width: 29px;
height: 29px;
line-height: 29px;
font-weight: 700;
text-align: center;
padding-top: 10px;
}

#nextPage,#prevPage {
padding-top: 6px;
}
.articleEtc{position: absolute;top:0;right:0;}

#nextPage.no-more-next,#prevPage.no-more-prev {
display: none;
}

.sub_tit {
}

.articleInfo {
position: relative;
overflow: hidden;
}

.cateSection{padding-top: 60px;}

#category{
background: #000;
    padding: 5px 10px;
    color: #fff;
    border-radius: 20px;
    font-weight: normal;
}
.articleInfo a,.articleInfo span {
display: block;
float: left;
font-size: 12px;
color: #333;
font-weight: bold;
}
.articleInfo span {font-size: 13px;}

.articleInfo a:first-child {
padding-left: 0;
}

.article .another_category {
padding: 10px 0;
border-left: 0;
border-right: 0;
}

.article .another_category th {
background-color: #fff;
}

.cb_wrt .commentWrite {
position: relative;
border-top: 1px solid #eee;
}

.write_item {
padding-top: 10px;
/*position: absolute;*/
    /*top: 0;*/
    /*left: 0;*/
    float: left;
}

.entry .cb_wrt .commentWrite {
margin-top: 20px;
}

.cb_wrt .commentWrite .t_login {
margin-bottom: 10px;
font-weight: bold;
letter-spacing: -1px;
color: #FF1F00;
font-size: 11px;
padding-bottom: 5px;
display: inline-block;
border-bottom: 1px solid #F60;
}

.cb_wrt .write_item p {
}

.cb_wrt .write_item p.first {
margin-top: 0;
}


input, textarea {
border: none;
background: #f7f7f7;
}

.cb_wrt .write_item p label {
margin-right: 10px;
font-size: 11px;
color: #bbb;
vertical-align: middle;
}

.cb_wrt .wrap_secret + .write_text {
clear:both;
}
.cb_wrt .write_text {
padding-top: 10px;
}

.cb_wrt .write_text textarea {
width: 100%;
height: 100px;
box-sizing: border-box;
}

.cb_wrt .secretWrap {
margin: 5px 0;
}

.cb_wrt .secretWrap label {
color: #bbb;
}

.cb_wrt .sdiv {
padding-bottom: 5px;
text-align: center;
}

.cb_wrt .sdiv a {
display: inline-block;
width: 10%;
min-width: 135px;
height: 30px;
line-height: 30px;
color: #eee;
background: #333;
border: 1px solid #eee;
text-align: center;
cursor: pointer;
}

input[type=email],input[type=password],input[type=text],select,textarea {
color: #515151;
}

.cb_info_area {
overflow: hidden;
padding: 20px 20px 5px 55px;
}

.cb_dsc_comment {
padding: 0 20px 20px 55px;
}
.cb_nick_name img{position: absolute;    position: absolute;
    top: 23px;
    left: 15px;
    border: 1px solid #ddd;
    border-radius: 30px;z-index: 2;background: #fff}
.cb_nick_name:before {
content: "";
width: 32px;
height: 32px;
position: absolute;
top: 25px;
left: 16px;
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; }

.cb_wrt .sdiv {
margin-top: 20px;
}

.cb_wrt .secretWrap+.sdiv {
margin-top: 0;
}

.cb_comment_area {position: relative;
overflow: hidden;
border-bottom: 1px solid #f3f3f3;
}


.cb_info_area .cb_section {
float: left;
}

.cb_info_area .cb_section2 {
float: right;
}

.cb_info_area .cb_section2 span {
margin-left: 5px;
}

.cb_thumb_off .cb_thumb_off {
border-top: 1px solid #ddd;
background-color: #F9F9F9;
}

.cb_thumb_off .cb_thumb_off .cb_comment_area {
}


.cb_dsc_comment .cb_dsc {
color: #666;
}

.hx.cmt a {
color: #999;
}

.cmt {
padding-left: 50px;
padding-right: 50px;
}

.sidebarWrap {
float: left;
position: absolute;
top: 0;
left: 0;
bottom: 0;
width: 249px;
border-right: 1px solid #ddd;
background: #000;
z-index: 1000
}

.headerWrap {
position: absolute;
top: 0;
right: 0;
bottom: 0;
width: 250px;
}

#sidebar {
display: block;
overflow: hidden;
float: left;
width: 250px;
height: 100%;
padding: 30px;
box-sizing: border-box;
}

#sidebar .section {
float: left;
width: 190px;
padding: 20px 0px;
border-top: 1px solid #1B1B1B;
border-bottom: 1px solid #0C0C0C;
}

#sidebar .section h2 {
padding-bottom: 10px;
color: #C2C2C2;
font-weight: normal;
}

#sidebar .section .tx p,#sidebar .section ul,#sidebar .section ul a {
font-size: 11px;
color: #6F6F6F;
text-decoration: none;
font-weight: bold;
}

.headerUtil {
position: absolute;
bottom: 30px;
overflow: hidden;
margin-left: 20px;
margin-right: 20px;
margin-top: 25px;
padding-top: 25px;
}

.headerUtil ul{
	margin-bottom: 10px;
	overflow: hidden;
}

.headerUtil li {
float: left;
margin-right: 10px;
width: 14px;
height: 16px;
}

.headerUtil li a {
display: block;
width: 14px;
height: 16px;
font-size: 14px;
}

.headerUtil li a img {
display: block;
width: 14px;
height: 16px;
}

.headerUtil li .desc{
display: none;
}
#iscroll ul > li > ul > li .sub_category_list {
display: none;
position: absolute;
top: 0;
left: 100%;
width: 250px;
background: #fff;
border: 1px solid #ddd;
}

#iscroll ul > li > ul > li {
display: block;
}

#iscroll ul > li > ul > li {
position: relative;
}

#iscroll ul > li > ul > li .sub_arrow {
position: absolute;
top: 0;
right: 0;
width: 33px;
height: 33px;
border: none;
text-align: center;
padding: 0;
z-index: 35;
}

.listItem {
overflow: hidden;
width: 20%;
}

.ie8 .listItem {
overflow: hidden;
width: 19.98%;
}

@media only screen 
 and (min-width: 2170px) {
.listItem {
width: 12.5%;
}
}

@media only screen 
 and (min-width: 1530px) 
 and (max-width: 2169px) {
.listItem {
width: 16.66666%;
}
}

@media only screen 
 and (min-width: 1210px) 
 and (max-width: 1529px) {
.listItem {
width: 25%;
}
}

@media only screen 
 and (min-width: 1000px) 
 and (max-width: 1209px) {
.listItem {
width: 33.33333%;
}
}

@media only screen 
 and (min-width: 570px) 
 and (max-width: 1000px) {
.listItem {
width: 50%;
}
}

@media only screen 
 and (min-width: 320px) 
 and (max-width: 569px) {
.listItem {
width: 100%;
}
}

@media only screen 
 and (min-width: 320px) 
 and (max-width: 736px)
 and (-webkit-min-pixel-ratio: 2) {
.listItem {
width: 100%;
}

.header .title {
padding-bottom: 30px;
}

.header .title .logo {
padding-top: 30px;
}
}

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

.sectionRelated .titRelated {
font-weight: normal;
font-size: 11px;
color: #666;
}

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

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

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

.listRelated .linkRelated {
display: block;
overflow: hidden;
position: relative;
width: 100%;
height: 200px;
margin: 0 auto;
border: 1px solid #e8e8e8;
background: #f5f5f5;
font-size: 13px;
box-sizing: border-box;
text-align: center;
color: #fff;
}

.listRelated .thumb_type .linkRelated {
width: 100%;
height: 200px;
border: 0 none;
}

.listRelated .frameRelated {
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);
box-sizing: border-box;
}

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

.thumb_type .frameRelated {
display: block;
}

.listRelated .thumbRelated {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}

.listRelated .txtRelated {
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;
}

.listRelated .linkRelated:hover .txtRelated {
text-decoration: underline;
}

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

.listRelated .thumb_type .txtRelated {
color: #fff;
}

.listRelated .thumb_type .dateRelated {
color: #fff;
opacity: 0.7;
}

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

.area_related {
position: relative;
margin-bottom: 20px;
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;
box-sizing: border-box;
}

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

.list_related .link_related {
display: block;
overflow: hidden;
position: relative;
height: 200px;
margin: 0 auto;
border: 1px solid #e8e8e8;
background: #fafafa;
font-size: 13px;
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);
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: 3px;
font-size: 11px;
color: #a7a7a7;
text-decoration: none;
}

@media only screen and (min-width: 320px) and (max-width:768px) {
.content {
margin-left: 0;
}
.write_item{float: none}
#sidebar .section .tx p, #sidebar .section ul, #sidebar .section ul a{
font-weight: normal;
}
#sidebarWrap,
.entryEtc{display: none}
.cb_lstcomment .cb_info_area .cb_section2{opacity: 1}
.headerUtil {position: fixed;bottom:0;border-top:1px solid #efefef;margin:0;padding:0;background: #fff;width: 100%;-webkit-transform: translateY(100%);-ms-transform: translateY(100%);transform: translateY(100%);-webkit-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
.active .headerUtil {-webkit-transform: translateY(0%);-ms-transform: translateY(0%);transform: translateY(0%);}

.wrap_secret{margin-top: 14px;margin-bottom: 10px;float: left}
.protect_i_w input[type=text], .protect_i_w input[type=password], .commentWrite input[type=text], .commentWrite input[type=password]{
width: 50%;
}
.headerUtil ul {overflow: hidden;}
.headerUtil li {
float: left;
margin-right: 10px;
width: 25%;
margin:0;
height: auto;
margin:10px 0;
border-right:1px solid #f1f1f1;
box-sizing: border-box;
}
.headerUtil li:nth-child(4n){
    border-right: none;
}

.headerUtil li a {
display: block;
width: 100%;
text-align: center;
height: auto;
}
.headerUtil li .desc{display: block;font-size: 10px;}

.header{width:100%;bottom:inherit;left:0;height: 39px;border:none;border-bottom: 1px solid #EFEFEF;    background-color: rgba(255,255,255,0.6)}
.header.active{width:100%;height: 100%}

.csstransitions .content,
.csstransitions .header{-webkit-transform: none;-ms-transform: none;transform: none;margin:0;}
.csstransitions .content{margin-top: 39px;}
#contentWrap{min-width: inherit;}
#localog, #taglog{width: 100%;}
.pro-wrap, .wrapper, .notice-wrap, .entry,
.guestWrap,
.entry{width: 100%;padding:0 20px;box-sizing: border-box;border:none;}
.guest{margin-top: 50px}
.cateSection{padding-top: 30px}
.tdiv,
.guest,
.sideSectionWrap,
.noList .pagination,
.headerWrap,
.article{width: 100%;}
.csstransitions .titleWrap.origin .sectionTit,
.csstransitions .titleWrap.origin .sectionLink{-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}
.ad{overflow: hidden;margin:20px 0;}
.list_related li{width: 50%}
.list_related .thumb_type .link_related,
.list_related .link_related{height: 150px;}
.pagination .wrap{padding:20px;}
.header .title{margin:0;}
.searchWrap{display: none}
.headerWrap{z-index: 1;height: 39px;border-bottom: 1px solid #EFEFEF;background: #fff;background: rgba(255,255,255,0.9)}
.header .title .logo{padding:0;position: absolute;top:0;left:50%;margin-left: -52px;}
.header .title .logo a{font-size: 12px;}
.header .title .logo a .image img{height: 39px;}
.header .category_list{margin-top:0;overflow: hidden;max-height: 100%;position: relative;box-sizing: border-box;}
.header .category{position: fixed;top:39px;bottom:0;width: 100%;height: 100%;background: #fff;background: rgba(255,255,255,0.9);-webkit-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;-webkit-transform: translateY(100%);-ms-transform: translateY(100%);transform: translateY(100%);-webkit-transform: translateY(100%)}
.header.active .category{-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}
#iscroll ul > li > ul > li .sub_arrow{-webkit-transform: rotate(90deg);-ms-transform: rotate(90deg);transform: rotate(90deg);z-index: 32}
#iscroll ul > li > ul > li .sub_category_list{position: relative;top:-1px;left:0;width: 100%;background: #f1f1f1;z-index: 80;box-sizing: border-box;border-bottom: none;border-right: none;border-left: none;}
#iscroll ul > li > ul > li .sub_category_list a{border-bottom: 1px solid #e3e3e3}
#iscroll ul > li > ul > li.active .sub_arrow{-webkit-transform: rotate(-90deg);-ms-transform: rotate(-90deg);transform: rotate(-90deg);z-index: 100}
.header .category_list ul li a:hover{background: transparent;color:#000;}
.noList .bgContent{left:0;width: 100%;}
.view_more{display: none}
.btn_menu {
visibility: visible;
position: fixed;
top: 0;
right: 0;
width: 40px;
height: 40px;
padding: 11px 10px 7px;
border-radius: 0;
background: #000;
box-sizing: border-box;
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
z-index: 1;
}
.cb_wrt .write_text{
padding-top: 0
}
.btn_menu span {
display: block;
width: 20px;
height: 4px;
margin-bottom: 3px;
border-radius: 1px;
background: #fff;
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}

.btn_close .bar_2 {
visibility: hidden;
opacity: 0;
}

.btn_close .bar_1 {
-ms-transform: translateY(7px) rotate(-45deg);
-webkit-transform: translateY(7px) rotate(-45deg);
transform: translateY(7px) rotate(-45deg);
}

.btn_close .bar_3 {
-ms-transform: translateY(-7px) rotate(45deg);
-webkit-transform: translateY(-7px) rotate(45deg);
transform: translateY(-7px) rotate(45deg);
}
}
@media only screen and (min-width: 768px) and (max-width:1180px) {
.entryEtc{display: none}
#contentWrap{min-width: inherit;}
#localog, #taglog{width: 100%;}
.pro-wrap, .wrapper, .notice-wrap, .entry,
.guestWrap,
.entry{width: 100%;padding:0 20px;box-sizing: border-box;}
.tdiv,
.guest,
.sideSectionWrap,
.noList .pagination,
.article{width: 100%;}
.ad{overflow: hidden;margin:20px 0;}

}
@media only screen and (min-width: 1181px) and (max-width:1418px) {
.entryEtc{display: none}
}

.comments_toggle {
position: relative;
padding-top: 0px; }
.comments_toggle .toggle {
vertical-align: top;
background-color: white;
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; }
.comments_toggle .toggle ul {
position: relative;
overflow: hidden;
display: block;
height: inherit;
font-size: 10px;
text-transform: uppercase;
background: #01AAFF;
border-radius: inherit;
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; }
.comments_toggle .toggle ul li {
float: left; }
.comments_toggle .toggle ul li:first-child {
margin-right: 13px; }
.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; }
.comments_toggle .toggle .pointer {
position: absolute;
top: 6px;
left: 6px;
width: 44px;
height: 19px;
background: white;
border-radius: 10px;
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; }
.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;
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); }
.comments_toggle .cmtLeft {
display: block; }
.comments_toggle.active .cmtLeft, .comments_toggle .cmtRight {
display: none; }
.comments_toggle.active .cmtRight {
display: block; }
.comments_toggle.active .toggle ul {
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), inset 0 0 3px rgba(0, 0, 0, 0.2);
background: #E05832; }
.comments_toggle.active .toggle .pointer {
left: 62px;
box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.2); }

@media only screen 
 and (min-width: 320px) 
 and (max-width: 736px){
 table{width:100% !important;}
 table td{width:33.3% !important;}
 table td .imageblock{width:100% !important;}
 table td .imageblock img{width:100% !important;}
 }