@charset "utf-8";

.floatLeft{ float:left;}
.floatRight{ float:right;}
.clearLeft{ clear:left;}
.clearRight{ clear:right;}

.ch2ch_rwdContainer {display:block;position:relative;clear:both;}
.ch2ch_rwdContainer,
.ch2ch_rwdTable td.title a {font-family:'나눔고딕','NanumGothic',ng !important;}
.ch2ch_rwdContainer .open{ display:block !important;} 
.ch2ch_rwdContainer a,
.ch2ch_rwdContainer a:hover,
.ch2ch_rwdContainer a:active,
.ch2ch_rwdContainer a:focus{ font-size:18px; text-decoration:none;color:#000;}
.ch2ch_rwdContainer img{ border:0;}
.ch2ch_rwdContainer em{ position:relative; line-height:1; display:inline-block; margin:-5px 0; *padding:0 1px; font-style:normal;white-space:nowrap}
.ch2ch_rwdContainer form{ margin:0; padding:0;}
.ch2ch_rwdContainer fieldset{ border:0; margin:0; padding:0;}

/* widgetTab */
.widgetTabA{ position:relative; margin:0 0 10px 0; padding:0; *zoom:1; border-bottom:2px solid;}
.widgetTabA:after{ content:""; display:block; clear:both;} 
.widgetTabA li{ float:left; margin-right:1px; list-style:none; background-repeat:no-repeat; background-position:0 0;}
.widgetTabA li.active{ background-position:0 -30px;} 
.widgetTabA li a{ position:relative; left:2px; float:left; height:20px; padding:8px 15px 0 15px; text-decoration:none; font-size:12px; background-repeat:no-repeat; background-position:right 0;}
.widgetTabA li.active a{ background-position:right -30px; font-weight:bold; letter-spacing:-1px;}
.widgetTabC{ margin:0; padding:0; font-size:12px; border-top:1px solid;}
.widgetTabC li{ list-style:none; border-bottom:1px solid; *zoom:1; margin-bottom:1px;}
.widgetTabC li a{ display:block; padding:7px 0 6px 10px; text-decoration:none; *zoom:1;}
.widgetTabC{ border-color:#e5e5e5;}
.widgetTabC li{ border-color:#e5e5e5; background:#f8f8f8;}
.widgetTabC li a{ color:#333;}
.widgetTabC li a:hover, 
.widgetTabC li a:active,
.widgetTabC li a:focus{ background:#eee;}
.widgetTabA{ border-color:#666;}
.widgetTabA li,
.widgetTabA li a{ background-image:url(../img/white/buttonWidgetTab.gif);}
.widgetTabA li a{ color:#333;}

/* List 
**************************************/
ul.ch2ch_rwdList { margin:0; padding:0;list-style:none;list-style-position:inside; }
ul.ch2ch_rwdList li { margin:0 0 3px 0; padding:0; color:#aaa;}
ul.ch2ch_rwdList li a{padding-left:10px;}
ul.ch2ch_rwdList li a.subject,
ul.ch2ch_rwdList li a.list-title {background:url(../img/bg_circle.png) no-repeat left 5px;}
.ch2ch_rwdList a.board { color:#555; padding-right:5px; background:url(../img/white/lineTextDiv.gif) no-repeat right center;}
.ch2ch_rwdList .notice{ color:#ff1a1a; background:url(../img/white/lineTextDiv.gif) no-repeat right center;}
.ch2ch_rwdList .category{ color:#555; background:url(../img/white/lineTextDiv.gif) no-repeat right center;}
.ch2ch_rwdList .summary {margin-top:3px;font-size:13px;line-height:1.4;}
.ch2ch_rwdList .author,.ch2ch_rwdList .date, .ch2ch_rwdList .replyNum{font-size:12px;font-family:arial !important; color:#aaa;}
.ch2ch_rwdList .author:hover {font-size:11px;}

.ch2ch_rwdTable {width:100%; font-size:11px; position:relative; border:0;}
.ch2ch_rwdTable td{ border:0; line-height:1.5; white-space:nowrap; vertical-align:top; padding:0 0 5px 0;}
.ch2ch_rwdTable td.title{width:100%; white-space:normal;}
.ch2ch_rwdTable td.title a{display:inline-block;margin-bottom:0;padding-left:10px}
.ch2ch_rwdTable td.title a.subject,
.ch2ch_rwdTable td.title a.list-title {}
.ch2ch_rwdTable td a.list-title i {font-size:5px;}
.ch2ch_rwdTable td .board{ padding-right:5px;} 
.ch2ch_rwdTable td .notice{ padding-right:5px;}
.ch2ch_rwdTable td .category{ padding-right:5px; font-weight:normal;}
.ch2ch_rwdTable td .replyNum a{ font:10px Tahoma;}
.ch2ch_rwdTable td.summary{ font-size:12px;padding-top:0;white-space:normal;}
.ch2ch_rwdTable td.time{ font-size:11px; font-family:Tahoma;} 
.ch2ch_rwdTable td .board{ }
.ch2ch_rwdTable td .notice{ color:#ff1a1a; background:url(../img/white/lineTextDiv.gif) no-repeat right center;}
.ch2ch_rwdTable td .category{ color:#555; background:url(../img/white/lineTextDiv.gif) no-repeat right center;}
.ch2ch_rwdTable td .author,.ch2ch_rwdTable td .date,.ch2ch_rwdTable td .replyNum{ font-size:11px;font-family:tahoma;color:#fff;}
.ch2ch_rwdTable td .author {}
.ch2ch_rwdTable td .date,.ch2ch_rwdTable td .replyNum{font-family:tahoma;}

.ch2ch_rwdList span i,.ch2ch_rwdTable td i {color:#C1CBD8;}
.ch2ch_rwdTable td.summary {color:#999;}

/* widgetThumb 
**************************************/
.widgetThumb{ position:relative; margin:0; text-align:center; font-size:12px; line-height:1.5;}
.widgetThumb .thumb{ display:block; margin-bottom:5px; position:relative; *zoom:1; text-decoration:none; _float:left;}
.widgetThumb .thumb img{ display:block; width:100%;}
.widgetThumb .thumb .imgNone{ display:block; position:relative; width:100%; padding-top:30px; padding-bottom:50px; background:#eee; text-align:center; cursor:pointer; color:#333;}
.widgetThumb .thumb .category{ display:block; position:absolute; width:100%; bottom:0; left:0; padding:2px 0 0 0 !important; cursor:pointer; text-align:center; font-weight:normal; background:#000; color:#fff; opacity:0.6;  filter:alpha(opacity=60); -ms-filter:alpha('opacity=60'); }
.widgetThumb .title{ display:block;}
.widgetThumb .author{ display:block;}
.widgetThumb .date{ font-size:11px; font-family:Tahoma;}
.widgetThumb .hour{ font-size:11px; font-family:Tahoma;}

/* rwdZine 
**************************************/
.ch2ch_rwdZine{ position:relative; margin:0 0 -5px 0; padding:0; font-size:12px; line-height:1.5; *zoom:1;}
.ch2ch_rwdZine:after{ content:""; display:block; clear:both;}
.ch2ch_rwdZine li { list-style:none; clear:both; margin-bottom:10px;*zoom:1; overflow:hidden; }
.ch2ch_rwdZine li p{ margin:0; padding:0;}
.ch2ch_rwdZine li p.thumbArea0{ position:relative; float:left; width:100px; margin-right:-100px; overflow:hidden;}
.ch2ch_rwdZine li p.thumbArea{ overflow:hidden;}
.ch2ch_rwdZine li p.titleArea{ margin-bottom:4px;}
.ch2ch_rwdZine li p.titleArea .board{ padding-right:5px;}
.ch2ch_rwdZine li p.text0{ margin-left:120px; font-size:13px;line-height:1.4;}
.ch2ch_rwdZine li p.text{ position:relative; float:left; overflow:hidden; font-size:13px;line-height:1.4;}
.ch2ch_rwdZine li p.authorArea{ margin-left:120px;}
.ch2ch_rwdZine li .thumb{ display:block; position:relative; width:100px; height:75px; text-decoration:none; overflow:hidden;}
.ch2ch_rwdZine li .thumb img{ position:relative; width:100%;}
.ch2ch_rwdZine li .thumb .imgNone{ display:block; position:relative; width:100%; height:80%; padding-top:20%; background:#eee; text-align:center; cursor:pointer; color:#333;}
.ch2ch_rwdZine li .thumb .category{ display:block; position:absolute; width:100%; bottom:0; left:0; padding:2px 0 0 0 !important; cursor:pointer; text-align:center; font-weight:normal; background:#000; color:#fff; opacity:0.6;  filter:alpha(opacity=60); -ms-filter:alpha('opacity=60'); }
.ch2ch_rwdZine li .category{ padding-right:5px; font-weight:normal;}
.ch2ch_rwdZine li .title{ font-weight:bold;}
.ch2ch_rwdZine li .replyNum a{ font:10px Tahoma; margin:0 -1px;}
.ch2ch_rwdZine li .trackbackNum a{ font:10px Tahoma; margin:0 -1px;}
.ch2ch_rwdZine li .author{ margin-right:10px;}
.ch2ch_rwdZine li .author,.ch2ch_rwdZine li .date{ font:11px Tahoma;}
.ch2ch_rwdZine li .author i,.ch2ch_rwdZine li .date i { color:#889EBA;}


.widgetThumb{ color:#333;}
.widgetThumb a{ color:#333;}
.widgetThumb .hour{ color:#888;}

.ch2ch_rwdZine li .board{ color:#333; background:url(../img/white/lineTextDiv.gif) no-repeat right center;}
.ch2ch_rwdZine li .replyNum a{ color:#ff1a1a;}
.ch2ch_rwdZine li .category{ color:#333; background:url(../img/white/lineTextDiv.gif) no-repeat right center;}
.ch2ch_rwdZine li .author,.ch2ch_rwdZine li .date,.ch2ch_rwdZine li .text{ color:#666;}


.<span>{ position:relative; margin:0; padding:0; font-size:12px; line-height: 1.428571429; *zoom:1; _margin-right:-100%;}
.masonry_container{}
.ch2ch_rwdGallery:after{ content:""; display:block; clear:both;}
.ch2ch_rwdGallery {padding:0;}
.ch2ch_rwdGallery li { float:left; overflow:hidden; width:100px; margin:0; padding:0; white-space:nowrap; list-style:none;word-break: break-all;word-wrap: break-word;}
.ch2ch_rwdGallery li.clearRight{ margin-right:0;}
.ch2ch_rwdGallery li .thumb{ display:block; position:relative; width:100%; height:auto; margin:0; overflow:hidden; text-decoration:none;}
.ch2ch_rwdGallery li .thumb img{ display:block; position:relative; width:100%;}
.ch2ch_rwdGallery li .thumb .imgNone{ display:block; position:relative; width:100%; height:70%; padding-top:30%; background:#eee; text-align:center; cursor:pointer; color:#000;}
.ch2ch_rwdGallery li .thumb .board{ display:block; position:absolute; width:100%; top:0; left:0; padding:2px 0 0 0 !important; cursor:pointer; text-align:center; font-weight:normal; background:#000; color:#fff; opacity:0.6;  filter:alpha(opacity=60); -ms-filter:alpha('opacity=60'); }
.ch2ch_rwdGallery li .thumb .category{ display:block; position:absolute; width:100%; bottom:0; left:0; padding:2px 0 0 0 !important; cursor:pointer; text-align:center; font-weight:normal; background:#000; color:#fff; opacity:0.6;  filter:alpha(opacity=60); -ms-filter:alpha('opacity=60'); }
.ch2ch_rwdGallery li .replyNum a{ font:10px Tahoma; margin:0 -1px;}
.ch2ch_rwdGallery li .trackbackNum a{ font:10px Tahoma; margin:0 -1px;}
.ch2ch_rwdGallery li .date{ font:11px Tahoma;}
.ch2ch_rwdGallery li .hour{ font:11px Tahoma;}

.ch2ch_rwdGallery li .title{ margin:5px 0;padding:0;font-size:14px;font-weight:bold;color:#333;}
.ch2ch_rwdGallery li .title a { color:#333;}
.ch2ch_rwdGallery li .category{ margin:0;padding:0;font-size:12px;font-weight:nomal;color:#333;}
.ch2ch_rwdGallery li .replyNum a{ color:#ff1a1a;}
.ch2ch_rwdGallery li .trackbackNum a{ color:#66c;}
.ch2ch_rwdGallery li .author{ color:#333;}
.ch2ch_rwdGallery li .date{ color:#333;}
.ch2ch_rwdGallery li .hour{ color:#888;}
.ch2ch_rwdGallery .caption {position:relative; margin:0;padding:15px 15px 10px;height: auto;word-break: break-all;
word-wrap: break-word;}
.ch2ch_rwdGallery .thumbnail {
	display: block;height: auto;max-width: 100%;
	margin: 0;padding: 0;
	line-height: 1.428571429;
	background-color: transparent;
	border: 0;border-radius: 0;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.ch2ch_rwdGallery .thumbnail1 {
	display: block;height: auto;
	max-width: 100%;
	margin: 0 5px 0 0;padding: 10px;
	line-height: 1.428571429;
	overflow: hidden;
	background-color: transparent;
	border: 1px solid #ddd;border-radius: 4px;
}
.ch2ch_rwdGallery .thumbnail1:after{ content:""; display:block; clear:both;} 
.ch2ch_rwdGallery .thumb-wrap a img {
	-webkit-transition: 400ms linear all;
	-moz-transition: 400ms linear all;
	transition: 400ms linear all;
}
.ch2ch_rwdGallery .thumb-wrap a img:hover {
	-webkit-transform: scale(1.1) rotate(-3deg);
	-moz-transform: scale(1.1) rotate(-3deg);
	transform: scale(1.1) rotate(-3deg);
	filter: alpha(opacity=30);
	-khtml-opacity: 0.3;
	-moz-opacity: 0.3;
	opacity: 0.3;
}
.ch2ch_rwdGallery li .title{ margin:0 0 3px 0;padding:0;}
.ch2ch_rwdGallery li .replyNum a{ color:#ff1a1a;}
.ch2ch_rwdGallery li .author,.ch2ch_rwdGallery li .date {font-size:11px;font-family:tahoma;color:#999;}
.ch2ch_rwdGallery li .author i, .ch2ch_rwdGallery li .date i {color:#889EBA;}

.ch2ch_rwdGallery {margin:0 auto;}
.ch2ch_rwdGallery li {padding:0;margin-bottom:20px;}
.ch2ch_rwdGallery .thumbnail {background-color:#E6E9EC;}
.ch2ch_rwdGallery li .title a {font-size:13px;color:#555;white-space:normal;line-height:1.6;}
.ch2ch_rwdGallery li .content {padding:0;font-size:12px;color:#666;white-space:normal;}

.thumb-wrap {background:none;width: 100%;height: auto;overflow: hidden;}

.zineWrapper {  }
.zineWrapper p{ margin:0; padding:0;}
.zineWrapper p.thumbArea{ position:relative; float:left; width:100px; margin-right:-100px; overflow:hidden;}
.zineWrapper p.titleArea{ margin-left:120px; margin-top:1.2820513em; margin-right:1.2820513em; margin-bottom:5px;}
.zineWrapper p.titleArea .board{ padding-right:5px;}
.zineWrapper p.text{ margin-left:120px; margin-right:15px; margin-bottom:5px; font:13px Dotum, 'NanumGothic', Tahoma; line-height:1.4; color:#666; }
.zineWrapper p.authorArea{ margin-left:120px;margin-right:15px; margin-bottom:5px; font:11px Dotum, 'NanumGothic', Tahoma; line-height:1.4; }
.zineWrapper .title{ font-size:18px; }
.zineWrapper .thumb{ display:block; position:relative; width:100px; height:75px; text-decoration:none; overflow:hidden;}

.zineWrapper .thumb img{ position:relative; width:100%;}
.zineWrapper .thumb img:hover{filter:gray();}

.zineWrapper .thumb .imgNone{ display:block; position:relative; width:100%; height:80%; padding-top:20%; background:#eee; text-align:center; cursor:pointer; color:#000;}
.zineWrapper .thumb .category{ display:block; position:absolute; width:100%; bottom:0; left:0; padding:2px 0 0 0 !important; cursor:pointer; text-align:center; font-weight:normal; background:#000; color:#fff; opacity:0.6;  filter:alpha(opacity=60); -ms-filter:alpha('opacity=60'); }
.zineWrapper .category{ padding-right:5px; font-weight:normal;}
.zineWrapper .replyNum a{ font:10px Tahoma; margin:0 -1px;}
.zineWrapper .trackbackNum a{ font:10px Tahoma; margin:0 -1px;}
.zineWrapper .author{ margin-right:10px; font:11px Dotum;}
.zineWrapper .date{ font:11px Tahoma;}
.zineWrapper .hour{ font:11px Tahoma;}

/* MediaQuery */
@media screen and (max-width: 767px) {
}
@media (max-width: 480px) {
	.ch2ch_rwdZine li p.thumbArea0 img {width:100% !important;}
	.ch2ch_rwdZine li p.titleArea,.ch2ch_rwdZine li p.authorArea,.ch2ch_rwdZine li p.text0 {width:100%;height:auto;margin-top:0px;}
}
@media screen and (max-width: 360px) {
}
@media \0screen {.ch2ch_rwdGallery {}}
