.left_content {margin-top:0; float:left; font-size:2.3em; padding-bottom:2em;}
#introduce_background {
		width:100%;
		height:200px;
		background-image:url('./image/certificationstatus_background.jpg');
		background-size:cover;
		background-repeat:no-repeat;
		background-position:100% 100%;
		
	}
.center_cotent {width:100%; margin-top:0; 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 { text-align:center; 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 .list_area {width:20%;float:left; margin:1%; padding:1%;}
#bbslist .list_area .list_title {text-align:center; width:80%; font-size:0.7em; margin-top:1%; word-break:keep-all; padding-bottom:3%; border-bottom:2px solid #ededed;}
#bbslist .list_area .edge {background-image:url('image/background.png'); position:absolute; z-index:1;}
center {
	/*display: flex;*/
}
.list_divider{
	display:block;
}

/* @list */
@media screen and (max-width: 450px) {
	.list_divider{
		display:none;
	}
	#bbslist .list_area {width:40%;float:left; margin:2%; padding:2%; height:220px; overflow-y:hidden; }
	#bbslist .list_area .list_title {text-align:center; width:80%; font-size:0.7em; margin-top:1%; word-break:keep-all; padding-bottom:3%; border-bottom:2px solid #fff;}
	#bbslist .list_area .edge {background-image:url('image/background.png'); position:absolute; z-index:1;}
}

/* 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; text-align:center;}
#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;}
#bbsview .comment a {font-weight:bold;color:#3EA9CD;}
#bbsview .comment .icon1 {position:relative;top:3px;}
/* @view */


/* write */
.pcbbs {}
.mbbs {display:none;}

#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) {
	/*center {
		display:inline;
	}*/
	.left_content{float:none; width:96%; padding:0 4% 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;}
}