@charset "utf-8";

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

.ad {
	margin: 20px;
	text-align: center;
}

#preLoader{
	display: none;
	position: fixed;
	top:0;
	left:0;
	box-sizing: border-box;
	padding-left: 261px;
    width: 100%;
    height: 100%;
    background: none;
    background: rgba(255,255,255,0.4);
    z-index: 5;
}
#preLoader .wrap {
	position: absolute;
	top:50%;
	left:50%;
	margin-left: -40px;
	margin-top: -20px;
    text-align: center;
    font-size: 26px;
    position: relative;
    width: 80px;
    margin-right: 30px;
    z-index: 10
}

.preloader .wrap div {
    display: inline-block;
    width: 18px;
    height: 18px;
    border-radius: 100%;
    background-color: #ddd;
    -webkit-animation: bouncedelay 1.4s infinite ease-in-out both;
    animation: bouncedelay 1.4s infinite ease-in-out both
}

.preloader .wrap .one {
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s
}

.preloader .wrap .two {
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s
}

@-webkit-keyframes bouncedelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0)
    }

    40% {
        -webkit-transform: scale(1)
    }
}

@keyframes bouncedelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    40% {
        transform: scale(1);
        -webkit-transform: scale(1)
    }
}

.comments_toggle {
position: relative;
padding-top: 60px; }
.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); }

.tistoryProfileLayerTrigger{display: none !important}
.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;
}
.header .copy {
	clear: both;
	font-size: 10px;
	color: #666;
	text-align: left
}
.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;
}

.sns {
	position: absolute;
	bottom: -9px;
	right: 0;
	background: #fff;
}

.sns a {
	font-weight: normal;
	color: #eee;
	font-size: 30px;
	-webkit-transition: all 0.2s linear;
	transition: all 0.2s linear;
}

.sns .facebook {
	color: #eee;
	font-size: 27px;
	vertical-align: 1px;
	margin-right: 6px;
}

.sns .twitter {
	color: #eee;
	margin-right: 4px;
	margin-top: 2px;
}

.sns .kakaostory {
	color: #eee;
}

.sns .facebook:hover {color: #3636B7;}
.sns .twitter:hover {color: #01B7F9;}
.sns .kakaostory:hover {color: #FFC800;}

.entry .article .tagTrail {
	color: #fff;
}

.entry .article .tagTrail a {
	font-size: 12px;
	color: #333;
	padding: 3px 5px;
	font-weight: normal;
	border-radius: 3px;
	border: 1px solid #eee;
	margin-bottom: 5px;
	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: 900px;
	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: 900px;
	border-right: 1px solid #ddd;
}

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

#localog,#taglog {
	width: 800px;
	margin: 0 auto;
}
.absent_post,
.pro-wrap,
.wrapper,
.notice-wrap,
.entry {
	width:90%;
	background: #fff;
	border-right: 1px solid #ddd;
}

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

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

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

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

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

.sideSectionWrap {
	width: 800px;
	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: 30px;
	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;}
.cb_date{color: #ddd}

#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;
	background: url(./images/ico_top.png) 0 0 no-repeat;
}

.gotoTop a{display: block;
	width: 40px;
	height: 40px;}

.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: 55px;
	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;
}

.listItem.vimeo:after {
  position: absolute;
  top: 0;
  right: 0;
  content: "";
  width: 20px;
  height: 20px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAA8CAYAAAAUufjgAAANpklEQVRo3rVae4xU1R3+7p3Xzr6GZdldYHmzLMiCQAUtCCqCgI2pf1iSWkutjU0apU1J1DTSpppCjH80bWLT1BJrA6RgLFFaKxYREZBaUSBU5A27vHeBXfYx+5jX7e87557ZO7Mz7Fa2Jxn2zrlzz/3O7/H9Hgdr7dq1XwIYIZ8e3NoIyefyEx/vQN71LAtwnP9pPb/8M8H94q5hyRoOrl69irKyMrS1taGkpASFhYWIx+P9LRr2LK6HbStQifqz8I0YieS1q/CVl8OODIHT3a1Bc+QGHpan0eKdIYhAIIBHHnkEsVgM9957L6qqqnDx4kUFnPc5n0qlci3Ykr0eBIQVCqLs+RfhdHWj+Hs/gH9CDeLHRHFOSoF0ujqBVLIXrGc9StDK1IKFa9euYebMmep63Lhx6ntpaam8qxtFRUUKqJN7x33eANtC4lwDCpc9qK6Ds+5Am3y3KyqRau+APXSogJPNppxcUrR8ixYtekYuis2Mz+fDjRs30N7ejoceeghHjx7F5MmTMW/ePHVv9OjRqKurU6on8GAw6F0wOuv8GXjXgz+A1JUrSIlqI6ueQ/fuD1Fw9wIUf+s7sPx+hOqmI3zfYrnfhERDPSwxJQ/QqJ1LDLS5EydO4NKlSwiFQgrw2bNnMXfuXAWS0vTL4nnU3FeIYnPd//oY8eNHYRUVIyXrxg5+huLl35YN+OETaYIbTSb7Pps9QdXRBhOJBC5fvqzmOjo61DVBUWrRaFRs3x6YL8p6VkEYTiKG+KnjnEDyRjPiJ0+IbYaQOH8OqZZmWLYvlw3Cnw3OvJhgymXnlBxVTMB0lPnz5yMSiWD//v0DAgefXs8KhOCvHoOeQ5+jYN4COOJo8S+PoOTRFfBVViG6dUtOT86wQYLq6elRUurq6lLeunv3bqVm2tzGjRsxZswYHDlyBJ9++qmSNOnHo+oMG7REbU60U5ykHqm2VqTEyTo2vA4rXKjopvlnqxCom4Gujz5A9O2/whZJ22I+HlVHLSHqK3JRRclRdUm5SWoZOXKkUiu/cz4cDqsNtLa2KikT3IEDB9T94uJiA7LRJeoqMVakWm/AEVoqXSHUMvk2reJYHMnWFtjFJbBlA4mmJnFVn2wmhOi2v0FUBbtsqAHZmFYxVUjprVixAhMnTlRARo0apcja3CdA7+DvKFVyI50nQ7sifUc2Vv7ybxCafReSTY0I3VanyNrctzIZAKE5d+G6SNXpEe4MBJXKbcN9nZ2dSmrTp09XKly9ejV27NiRfnj9+vU4fvy4uqb6aa/Tpk1Tm6ATZTiNXDsivUDtFIQXLRUV7sTFu7+GtnW/T/+k+Zkfi2fvVdcpoTSSdnjhYgSn1CHV3KwjUD4vJshly5bh9ttvxyeffILDhw8rlb711lu4Ipz25ptvYteuXWliz+8ker3C+x9A6dM/RXjxUkS3vIHOHf+UIBbGjZdeQPz0SbS8+Dza/vya6xV2fi82xk5VkgspKToHeXDChAkqquzcuVNJu6WlJQ0wJ0jOJRP6WuyL8TfV3obk1SY4Vy4jNGs2gjNmoe1Pr4oDyfzlS73Pedazs8McPzR8AqPd8TuBM8zRm2mnlZWVmDJlSjrc5Qx7imJ8GnwirryWDsNwh6TE4KiYRaGEzc4oAuPGS3S5Rz+TlfHkZFsuymgxbNgwZY/0YDrB3r17sXDhQuVAjDI3VW9GOLDhG1YB/6gx6Nq1Ez7xekaQjk0bUPr9HyLR2CjEfTRnOpamGUqNxv74449j6tSpeXjXUaAoRUqTJL5u3ToUFBQYD9c0Y1lVlFaq+TrKf/07hO9ZmBs4TYoOJdJkCIwd3I+rTz0JSyiIUUZeqGhGQaYTMPBv2rRJxVzaIFVswp6xTVIKAXEze/bsUd7L51z7ddLhTV5gieSbVz8rMfdRkeAwTS0y77h5JanE6e5SnJiUzXRsWq/NQp5zedDxy8JB4yCMCnSAbdu29as+SpMhj+mX2YByh1hX74+KC1UE6X7l5ZyZWLbNBiXvtCPCu10d6fX8IiEhIZCNO/lSRgV+BjJM9u1yoORJaG8tHQaznpJn4RAxoLEY4IKKD928XK3nZ373VYaRcLYHr/365q+2Xi91ZvKg7L7EvV+U6Xh2Bjdm3zPADA2ZVLK1tAjZ6/GLz9J/E44GYXnA+OWLsWBFn70oS+gkseyX0xHIgwRBGzNOYIB5OZJORJNwy4BYKJYlAXlhp9j7lR6d1VeKcxbJW+OOC0z+Nkrt1J3S4FglVRW4FYBgS9ckfBkBMEIQ0KRJk5TXNjQ0qLSLnkuypvcy/o4dO1bdP336NBqFx1y7tbxSI4B68ZliySMeqAIK5OUfXxfDEp8qC0hFJM7cJMDniMXOK5f78rsPmoAjbcDwkBao36vOJkl9SM5Mt4YPH67mWNGZuMu0i7UJY7QZ3Mg777yDZgnwlLZbJ6lxVF40SQzouSkS3yN6cpqw7kvHtLSuibR/UgMs97jBA/LaVQeBM1GgIuSJJHxBTU0Nli9fngbHUVtbq6IKpbRkyZIMcIYb+RuSd9ou5VMvL1gsUnt9DtLgOJbI0iNFhUdagV/VZYJTKZcgWjpcS9lRm5WtMHQxGVi6dGnOWoOhjhxJNTJxyB6sAM1zhHJB1HpPBbBmOr2wr8cODepPlUjoXGff+1e6tXkobRgeY+Rg3N2+fXsfzx0qtSvtkunW5s2bFSBvBkQ7pbMoXnRtb4RI6e2LwM+/0J7rHeOLtKP86ADw2L8FkIfb+dt9Yqdht4ZSNkgV0tgZRSjN8ePHK9tK07mAY6w23OfNnmkalKqxP9WYEaLdKcZ+XWzsoivNJVWeACNvjYkMfK7EAx4pnxXTaBCpVgY17ahbfDltiem9AZttZ5Q0vZkVHtVtxrFjx9TzTB6MDSZS2iMpqWqR5IdNWXbm0y/vEPp5UOytvLeTg39IWhiX54sDrg1mx1fSCVVIMGawFKBkeW/27NnpeSa0Z86cUdLLNgtKhoRbGtQq7Ez03psp0e+8zEUExBPjPY0YeeWHVzVXGrOwszNqqpMAWXqmVTZihMpw6ES0VTP27duneJFOlCvikGzJgTT6Ex298zME4MoaB2unCd8V9M6/ckqoTn4bCepn+6T8hrApPUqMkjNjwYIFGb9jLsi+DYv7m7VAyIkdIr3znVpyZqyqzcxudovk/i6NjJoilXDnz6hN2s/+YL7Bwun9999P92icmzQlLbdFeLwtf6LwH+HEX36h+ZG266AfgFTzhQsXcr6YXvvuu+8qaqJqkzkaPtkZFNW8v8VNCLIGvfbZw5ovyY3xVD/NI5O4UsWHDh3KuMeO15YtWxTwIUOG9AvO2GF5UJP3Xxoy770nYe/Jz/RvRhf2BZfTBr1F08GDBxUIxueTJ08qjyWdMKJ4sugB5aHVwo0bGzSIWvGz7Y3AriZNJ4wosTxm7M+RIyopmshAkCbVImiS9E3A5TRGUkahT6trwzntBFQpQQft/OBUTeKm58gF0jQrTTjkXD9Ny7J8jsL8j2BI3FwhYGngiZs3/csI8Ey+YwOvkwygm6qODQx1Zq9HkCnPdaL/0wh9DCENoQh0WCzErY/IxtOK3wZtPUpwJAZvlMDBYI4Sv6ixXS08OKMdcReo122sPO7Uf+ek3e84g7tlxAdQS1o38Xkrc94/0Pd6Pdhnula5RnIgxMgTKB4fuNeUdzA34LwSNI0i/iVZm0McczzB+eyWsCa9PKpMuXGL9xmXmThMvUO+i7Of/EL7/PC+G8wJ0EjKgCQwOQ1QxZHJZLZu3aoKqT4gEx5QBlinCy6mdeZMvAt4+AVY05e5MVSqxg1PAaeOapCpPADNGVxFRYU6bmCZyYjCEsBb6fH7ypUrsWbNGpW0EmRa5QmPqpIalDOqVkDNh9UqsU2OGlKT7odVPbPXR2rvk3Tmc+BpOXE628EzAmFyDdTvBUbJMXLMmTNHJQyme8CCnfUK73nLANbPTLtoAow0qrJLuiBj2s6c6iqk7hbpFA+V0ybp3lvym6jouEMS4qHDe8Xtl7j38HPAH16SlKlLN5AkN2T7TYFj4slsmYU6U3vTaaDtme/Zg93WO++8UyUSrPaUNjo1QKd6ouT7I0R6UkeHI7AcaZtYQdVZRVjWsn19Q/g3fgFwM1++B/z2u1qCBMiCnT1nZioEZFq+BiDVmO9sjvUIj27r6+tVi5jG7sxcBGfGN0Wd0rPxSyOzSIKVTyKXL6ABRqW29uUhkIj0QOY+Jna5R6r+V7WKWXMwvzOplgFHNZquan+Hh5S+ci5RcbJaCqvysSI1R0vKVwCHpSpBypkd/LIL25/3iFk5aqQadpfrJDwYZNOIBbqRIIERlPmvAOzs56MjlgdsByuPFvXaH/wRqaYGOJXjBJS0eYslyQkUKLBOabk6ZbdHTsnJ05xLXjoF+41XZJOuk9ABeFhDW0sbuytNcy6cr/NKByHtcBMKoDxqX2uBtVdssrBUq9UctdJBROVIJeBEqpCUj+WB6VCaSdHWkY/gaxYvq/DQDP+aI65chH39+vW8xRGlzo9ScULnMpZo0aK3Ouj9GOrh/nsu9E3wTKUecT/dnlBnvDRfCOvPBtPgEx7TCgzg/4fkG7F+Qt1XHonBXe7/l81YWbHY6Wfem8l45gmwZBDhlWSo+NYBqoT10qAmrImshPUW1/svHZdvKbb+CHEAAAAASUVORK5CYII=) 0 -20px no-repeat;
  z-index: 10;
}

.listItem.vimeo:hover:after {
  background-position: -20px -20px;
}

.listItem.youtube:after {
  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;
}

.listItem.youtube:hover:after {
  background-position: -20px 0;
}

.listItem.soundcloud:after {
  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;
}

.listItem.soundcloud:hover:after {
  background-position: -20px -40px;
}

.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;
	vertical-align: middle;
}

.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;
	vertical-align: middle;margin-top: 2px;
}
.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;
}

.noImage .item img{display: none}
.mask a {
	display: block;
	width: 100%;
	/*height: 100%;*/
	padding-top: 56.25%;
}

.mask iframe {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top:0;
	left:0;
}

.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: 90%;
	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;
	border-top: 2px solid #fff;
	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: 50px;
	line-height: 50px;
	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: 140px;
	padding: 20px;
	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;
}

.sns {
	overflow: hidden;
}

.sns li {
	float: left;
	margin-right: 10px;
}

.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%;*/
		width: 16.66666%;
	}
}

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

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

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

@media only screen 
 and (min-width: 570px) 
 and (max-width: 879px) {
	.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;
	}

	.sns {
		display: none;
	}
}

.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) {

	body, button, h1, h2, h3, h4, h5, h6, input, select, td, textarea, th {
		font-family: '나눔 고딕',Dotum, 'droid sans fallback','AppleGothic',sans-serif;
	}

	.gotoTop {
		background: url(./images/ico_top_m.png) 0 0 no-repeat;
		background-size: 40px auto;
	}
	#preLoader{
		padding-left: 0;
	}

	.titleWrap.origin .sectionLink .date {margin-top: -3px}
	.titleWrap.origin .sectionLink .date img {vertical-align: -2px}
	.titleWrap.origin .sectionLink .comment_num img {vertical-align: -2px}

	.comments_toggle.active .toggle .pointer {
	left: 58px;
	box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.2); }

	.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;margin-bottom: 0}
	.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,.absent_post,
	.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: -28.5px;}
	.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,.absent_post,
	.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}
}

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