.left_content {width:20%; margin-top:0; float:left; font-size:2.3em;}
.center_cotent {width:78%; margin-top:0; margin-left:2%; float:left;}
	.center_title { font-weight:bold; font-size:1.5em;}
	.title_date {margin:2% 0 6%; font-size:1.3em; color:#999; font-weight:100;}
	.pctitle { font-size:2.5em; padding-bottom:3%; border-bottom:2px solid #000; margin-bottom:20px;}
	.mtitle {display:none;}
	
	.selected {font-weight:bold; color:#000; text-decoration:underline;}

.leftbtn {float:left; padding:0; margin:0;}
	.prevm {display:none; margin:0; padding:0;}
.rightbtn {float:right; display:none;}
.viewbtn {float:right;}

.btnblack {background:#444; color:#fff; font-size:1.2em; border:1px solid #000; padding:8px 30px; font-weight:bold;}
	.btnblack:hover {background:#000;}

.btnwhite {background:#fff; color:#000; font-size:1.2em; border:1px solid #000; padding:8px 30px; font-weight:bold;}
	.btnwhite:hover {background:#000; color:#fff;}

#mobile_list {display:none;}

/* list */
#bbslist {margin:auto;padding:0 0 30px 0;}
#bbslist .info {height:28px;}
#bbslist .info .article {float:left;color:#c0c0c0;padding:5px 0 0 5px;}
#bbslist .info .article a {position:relative;top:3px;left:3px;}
#bbslist .info .category {float:right;padding:0 0 5px 0;}
#bbslist .info .category select {padding:1px;margin-bottom:3px;}
#bbslist .info .category select .sline {color:#c0c0c0;}
#bbslist .info .category a {position:relative;top:3px;left:-5px;}
#bbslist table {width:100%;border-spacing:0px;border-collapse:collapse; border-top:2px solid #000;}
#bbslist table caption {display:none;}
#bbslist thead th {border-bottom:#D2D2D2 solid 1px; font-size:1.2em; font-weight:bold;color:#000; padding:2% 0;}
#bbslist thead .side1 {border-left:#D2D2D2 solid 1px;}
#bbslist thead .side2 {border-right:#D2D2D2 solid 1px;}
#bbslist tbody .noticetr td {background:url('');background:#FAFAFA;border-bottom:#EBEBEB solid 1px;}
#bbslist tbody .noticetr td a {font-weight:bold;}
#bbslist tbody td {text-align:center;font-size:1.2em;border-bottom:#E6E6E6 solid 1px;letter-spacing:-1px; padding:2% 0;}
.listd {color:#999;}
#bbslist .now {color:#ff0000;}
#bbslist .cat { color:#888;letter-spacing:-1px;}

#bbslist .sbj {text-align:left;padding:5px 0 3px 20px;letter-spacing:0px;}
#bbslist .sbj .imgpos {margin-bottom:-1px;}
#bbslist .sbj a {font-family:gothic,gulim;color:#222222;text-decoration:none;line-height:150%;}
#bbslist .sbj a:hover {text-decoration:underline;}
#bbslist .sbj .new {color:#ff0000;}
#bbslist .sbj .comment {color:#FC6138;}
#bbslist .sbj .trackback {color:#02ACD6;}
#bbslist .sbj1 {text-align:left;padding:5px 0 3px 10px;color:#222222;line-height:150%;}
#bbslist .name {color:#222222;color:#888;}
#bbslist .name a {color:#888;}
#bbslist .hit {color:#515190;}
#bbslist .bottom {padding:15px 0 0 0;}
#bbslist .btnbox1 {float:left;width:130px;}
#bbslist .btnbox2 {float:right;width:130px;text-align:right;}
#bbslist .pagebox01 {text-align:center;padding:3px 0 0 0;margin:20px 0 0 0; font-size:1.2em;}
#bbslist .searchform {padding:30px 0 0 0;text-align:center;}
#bbslist .searchform select {font-family:gulim;height:20px;vertical-align:bottom;padding:2px;}
/* @list */


/* view */
#bbsview {margin:auto;padding:0 0 30px 0;}
#bbsview .viewbox {}
#bbsview .viewbox .icon {position:absolute;width:50px;height:50px;margin:10px 0 0 0;background:url('../../../../../_var/simbol/0.gif') center center no-repeat;}
#bbsview .viewbox .subject {padding:0 0 0 60px;}
#bbsview .viewbox .subject h1 {padding:11px 0 12px 0;margin:0;font-weight:bold;border-bottom:#dfdfdf dotted 1px;}
#bbsview .viewbox .info {padding:10px 0 10px 60px;color:#c0c0c0;}
#bbsview .viewbox .info .xleft {float:left;}
#bbsview .viewbox .info .xright {float:right;}
#bbsview .viewbox .info .xright ul {padding:0;margin:0;}
#bbsview .viewbox .info .xright li {list-style-type:none;float:left;}
#bbsview .viewbox .info .xright .g {padding:0 10px 0 0;}
#bbsview .viewbox .info .xright .g img {position:relative;top:3px;right:3px;}
#bbsview .viewbox .info .xright .g a {color:#666;}
#bbsview .viewbox .info .xright .g a:hover {text-decoration:underline;}
#bbsview .viewbox .info .xright div {position:absolute;display:none;}
#bbsview .viewbox .info .xright div ul {position:relative;top:17px;width:79px;border:#dfdfdf solid 1px;background:#ffffff;padding:1px;}
#bbsview .viewbox .info .xright div li {float:none;display:block;padding:3px 0 3px 3px;color:#333;cursor:pointer;}
#bbsview .viewbox .info .xright div li:hover {background:#ECF0F6;}
#bbsview .viewbox .info .split {padding:0 5px 0 5px;color:#dfdfdf;}
#bbsview .viewbox .content {padding:0;line-height:160%; font-size:1.4em; padding:0 0 20px 0; border-bottom:1px solid #d4d4d4; margin-bottom:20px; word-break:keep-all;}
#bbsview .viewbox .content .tag {padding:10px 0 0 0;}
#bbsview .viewbox .content .tag a {color:#222;}
#bbsview .viewbox .content .tag a:hover {text-decoration:underline;}
#bbsview .viewbox .content .attach {padding:10px 0 0 0;line-height:120%;}
#bbsview .viewbox .content .attach ul {padding:0;margin:0;}
#bbsview .viewbox .content .attach li {list-style-type:none;background:url('../../../../../_core/image/_public/ico_file.gif') left no-repeat;padding:0 0 0 15px;}
#bbsview .viewbox .content .attach li a {color:#666;}
#bbsview .viewbox .content .attach li a:hover {text-decoration:underline;}
#bbsview .viewbox .content .attach li .size {color:#999;}
#bbsview .viewbox .content .attach li .down {color:#333;}
#bbsview .viewbox .content .scorebox {text-align:center;padding:20px 0 20px 0;}
#bbsview .viewbox .content .snsbox {padding:20px 0 0 0;text-align:right;}
#bbsview .viewbox .content .snsbox img {cursor:pointer;}
#bbsview .bottom {padding:10px 0 0 0;text-align:right;}
#bbsview .comment {padding:20px 0 10px 0;color:#c0c0c0; font-size:1.2em;}


/* @view */


/* write */
.pcbbs {}
.mbbs {display:none;}
#agreement {width:100%; height:200px; border:1px solid #e0e0e0; color:#a1a1a1; resize:none; font-family:gothic,gulim;}

#bbswrite {margin:auto;padding:0 0 30px 0; width:100%;}
#bbswrite table {width:100%;}
#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 {width:90%;}
#bbswrite .td2 .guide {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;}test
#bbswrite .td2 .input {height:18px;}
#bbswrite .td2 .subject {height:30px; width:80%;}
#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;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;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 */

@media screen and (max-width: 450px) {
	.left_content{float:none; width:96%; padding:4%; border-top:1px solid #d4d4d4; border-bottom:1px solid #d4d4d4; font-size:1.8em; font-weight:normal;}
	.center_cotent {width:92%; padding:4%; margin:0;}

	#pc_list {display:none;}
	#mobile_list {display:block; width:100%; border-top:2px solid #000;}
		#mobile_list li {padding:4% 0; text-align:left; width:100%; border-bottom:1px solid #d4d4d4;}
		#mobile_list .listd {padding-bottom:5%; font-size:1.2em;}

		.pctitle{display:none;}
		.mtitle {display:block;}
		
		.prevpc {display:none;}
		.prevm {display:inline;}
		.leftbtn {width:15%; text-align:left;}
		.viewbtn {text-align:center; float:left; width:70%;}
		.rightbtn {display:block; width:15%; text-align:right;}
		.btnblack {padding:8px 15px;}
		.btnwhite {padding:8px;}
		.center_cotent {border-bottom:0;}
}