/* list */
.top{margin-bottom:45px;padding-top:10px;padding-left:10px}
.top span.count{font-size:13px;background:url(/rb/layouts/cdart/image/common/bu_dot1.png) no-repeat 5px center;padding-left:15px;display:block;float:left}
.top .button{float:right}

#list-type-webzine{margin:0;padding:0}
#list-type-webzine .list{border-top:1px solid #eee;overflow:hidden;padding:30px 10px;cursor:pointer}
#list-type-webzine .mouseover{border-top:1px solid #eee;overflow:hidden;padding:30px 10px;cursor:pointer;background:#fff}
#list-type-webzine .mouseover h4{text-decoration:underline}
#list-type-webzine .mouseover .thumb{border:3px solid #ee3232}
#list-type-webzine .mouseover .subtitle{color:#e1905a}
#list-type-webzine .thumb{float:left;width:163px;border:3px solid #fbfbfb}
#list-type-webzine .info{float:right;margin-left:20px;width:550px}
#list-type-webzine .info .subject{clear:both;padding-top:5px}
#list-type-webzine .list .info .subject span{color:#aeaeae}
#list-type-webzine .info .subject h4{color:#333;font-size:19px;padding-top:8px}
#list-type-webzine .info .profile ul{clear:both;margin-top:13px}
#list-type-webzine .info .profile ul li{clear:both;display:block}
#list-type-webzine .info .profile ul li span{display:block;line-height:180%}
#list-type-webzine .info .profile ul li .q{font-weight:bold;float:left;width:60px;color:#333}
#list-type-webzine .info .profile ul li .a{float:left;width:420px;color:#6b6b6b}
#list-type-webzine .info .memo{clear:both;padding-top:10px;line-height:180%;color:#9a9a9a}
#list-type-webzine .bottom{clear:both;padding:20px 0 30px 0;text-align:center;position:relative;border-top:1px solid #eee;overflow:hidden}
#list-type-webzine .bottom a{float:right}

#list-type-gallery {border-top:1px solid #eee;padding:19px 0 0px 0;overflow:hidden}
#list-type-gallery table{width:100%}
#list-type-gallery .boxgrid{width:163px;height:198px;float:left;background:#2b2b2b;overflow: hidden;position:relative;cursor:pointer;margin:13px}
#list-type-gallery .boxgrid img{position:absolute;top:0;left:0;border:0}
#list-type-gallery .boxcaption{float: left;position: absolute;height:198px;width:100%}
#list-type-gallery .thumb{position:relative;width:163px;height:198px;float:left;padding:20px}
#list-type-gallery .maker{padding-bottom:5px;display:block;color:#ee3232}
#list-type-gallery .subject{height:50px;display:block;width:80%}
#list-type-gallery .subject a{font-size:14px;font-weight:bold;color:#e6e6e6;font-size:16px}
#list-type-gallery .price {font-size:22px;font-weight:normal;color:#fff;letter-spacing:-1px}
#list-type-gallery .soldout{position:absolute;bottom:45px;left:-10px;display:block;color:#fff;text-align:center;width:100%}
#list-type-gallery .profile {line-height:150%;width:114px;color:#fff;margin-top:10px}
#list-type-gallery .school{position:absolute;top:63px;color:#24b6f8;width:130px}
/* @list */


/* view */
#bbsview {margin:auto;padding:0 0 30px 0;overflow:hidden}
#bbsview .thumbArea{float:left;margin-bottom:20px}
#bbsview .thumbArea .big{width:330px;height:379px;overflow:hidden;border:1px solid #ddd;padding:2px}
#bbsview .thumbArea .big img{width:332px;height:379px}
#bbsview .thumbArea .big .slides_container a{width:312px;height:379px;display:block;}

#bbsview .thumbArea .mini ul.pagination{width:345px;overflow:hidden}
#bbsview .thumbArea .mini ul.pagination li{margin-right:2px;margin-top:5px;padding:0;width:74px;border:1px solid #ddd;padding:2px}
#bbsview .thumbArea .mini img{width:74px;height:95px;margin-right:5px;display:block;float:left}

#bbsview .infoArea{float:right;overflow:hidden;width:410px;margin-bottom:20px}

#bbsview .bottom{clear:both;text-align:right;margin-top:50px;overflow:hidden}
#bbsview .content{clear:both;line-height:160%;color:#333;border:1px solid #ddd;margin-top:30px;padding:30px}






/* @view */


/* write */
#bbswrite {margin:auto;padding:0 0 30px 0;}
#bbswrite td {padding:2px 0 2px 0;}
#bbswrite .editbox {padding:15px 0 15px 0;}
#bbswrite .td1 {width:60px;font-weight:bold;color:#444444;vertical-align:top;padding:10px 0 0 0;letter-spacing:-1px;}
#bbswrite .td2 {}
#bbswrite .td2 .guide {font-size:11px;font-family:dotum;color:#999;padding:10px 0 10px 0;}
#bbswrite .td2 .guide img {position:relative;top:3px;}
#bbswrite .td2 .check {color:#666;}
#bbswrite .td2 .check input {position:relative;top:2px;}
#bbswrite .td2 .input {height:18px;}
#bbswrite .td2 .subject {width:400px;}
#bbswrite .td2 select {margin:1px;width:404px;padding:2px 2px 2px 0;}
#bbswrite .td2 select .cattt {background:#efefef;}
#bbswrite .td2 img {}
#bbswrite .td2 .after {padding:10px 0 0 0;color:#999;font-size:11px;font-family:dotum;letter-spacing:-1px;}
#bbswrite .iconbox {border-left:#e0e0e0 solid 1px;border-top:#e0e0e0 solid 1px;border-right:#e0e0e0 solid 1px;background:#f9f9f9;padding:6px 0 8px 7px;}
#bbswrite .iconbox a {padding:0 3px 0 3px;font-size:11px;font-family:dotum;color:#333;}
#bbswrite .iconbox a:hover {color:#7899C7;}
#bbswrite .iconbox a img {position:relative;top:2px;left:-2px;margin-right:3px;}
#bbswrite .iconbox .split {padding:0 2px 0 2px;margin-bottom:-1px;}
#bbswrite .bottombox {text-align:center;padding:20px 0 20px 0;margin:15px 0 0 0;border-top:#efefef solid 1px;}
#bbswrite .bottombox .btngray {font-weight:bold;width:60px;height:25px;}
#bbswrite .bottombox .btnblue {font-weight:bold;width:80px;height:25px;}
/* @write */


/* pagenation */
.pagenation {padding-top:20px}
.pagenation .center {position:absolute;left:50%;margin-left:-90px;overflow:hidden}
.pagenation span.selected{border:1px solid #eee;padding:5px 10px;background:#fff;color:#ee3232;font-weight:bold;display:block;float:left}
.pagenation a.notselected {padding:5px 10px;display:block;float:left}
.pagenation img {padding:0 3px;display:block;float:left;cursor:pointer}

#bbslist .bottom {
	clear:both;
	padding:20px 0 30px 0;
	text-align:center;
	position:relative;
	border-top:1px solid #eee;
	overflow:hidden
}
	#bbslist .bottom a {
		float:right
	}