
	body, table, td, th, p, textarea, select, input, div,form {font-family:'NanumGothic','나눔고딕', 'Malgun Gothic', '맑은 고딕', 'dotum', '돋움'; font-size: 12px; }
	/*ul,  li, dl { list-style:none; }  에디터때문에.....*/

	a:link { font-size:9pt; letter-spacing:-1px; font-family:Verdana,돋움; color: #5D5D5D;  text-decoration: none;}
	a:visited {font-size:9pt; letter-spacing:-1px; font-family:Verdana,돋움; color: #5D5D5D;  text-decoration: none;}
	a:focus {outline:none;}
	a { selector-dummy : expression(this.hideFocus=true);}
	a:hover { font-size:9pt; letter-spacing:-1px; font-family:Verdana,돋움;color: #dcdcdc;  text-decoration: none; text-Decoration:underline;}
	a.nounder:hover {text-Decoration:none !important}
	img.{vertical-align:middle;margin-bottom:5px}

	label { cursor:pointer ; }

	input, textarea { background-color: rgb(255, 255, 255); border: 1px solid #bbb; padding: 2px; font-family: '맑은 고딕','돋움',Verdana,Tahoma; color: #4b4b4b; font-size: 13px; -webkit-border-radius: 1px; }
	input:focus, textarea:focus { border: 2px solid #bbb; background-color: rgba(249, 249, 249, 1); }
	textarea {resize: none;}

	.cmfont{font-size:12pt;font-family: Verdana,굴림;  letter-spacing:-1px; text-decoration: none;}
	.cmfont1{font-size:11pt;font-family: Verdana,굴림;  letter-spacing:-1px; text-decoration: none; border:1 solid #cdcdcd;}
	.smfont{font-size:12pt;font-family: 돋움,굴림;  letter-spacing:-1px; text-decoration: none;}
	.smfont1{font-size:12pt;font-family: 돋움,굴림;  letter-spacing:0px; text-decoration: none;}

	/* 라디오버튼
	input[type=radio]{position: absolute;margin:8px 10px 0 0;height:9px;width:9px;background:#fff;border:1px solid #fff;filter: alpha(opacity=0);-moz-opacity: 0;-webkit-opacity: 0;opacity: 0;}
	input[type=radio] + label{font: normal 18px/18px;margin-left:35px;}
	input[type=radio] + label::before{content: "\2714";display: inline-block;text-indent: -9999px;width: 14px;height:14px;font: bold 12px/12px;text-transform: uppercase;border: solid 1px #767676;border-radius:7px;box-shadow: 0 0 1px 1px #ccc;background: #fff;margin: 3px 4px 0 -35px;}
	input[type=radio]:checked + label::before{text-indent: 2px;color: #0b70cd;text-shadow: 0 0 2px #0b70cd;}
	 체크박스
	input[type=checkbox]{position: absolute;margin:2px 10px 0 0;height:10px;width:10px;background:#fff;border:1px solid #fff;filter: alpha(opacity=0);-moz-opacity: 0;-webkit-opacity: 0;opacity: 0;}
	input[type=checkbox]+label{font: normal 18px/18px ;margin-left:35px;}
	input[type=checkbox]+label::before{content: "\2714";display: inline-block;text-indent: -9999px;width: 16px;height:16px;font: bold 14px/14px;text-transform: uppercase;border: solid 1px #767676;border-radius: 3px;box-shadow: 0 0 1px 1px #ccc;background: #fff;margin: 3px 4px 0 -35px;}
	input[type=checkbox]:checked + label::before{text-indent: 2px;color: #0b70cd;text-shadow: 0 0 2px #0b70cd;}
	*/

	.textarea   {FONT-FAMILY:굴림; COLOR:#555555; background:#FFFFFF; BORDER:#E5E5E5 1px solid; PADDING:5px;
	                scrollbar-track-color:#FFFFFF; scrollbar-face-color:#FFFFFF;
	                scrollbar-3dlight-color:#FFFFFF; scrollbar-highlight-color:#FFFFFF;
	                scrollbar-shadow-color:#FFFFFF; scrollbar-darkshadow-color:#FFFFFF;
	                scrollbar-arrow-color:#DDDDDD;}

	.textarea_dis   {FONT-FAMILY:굴림; COLOR:#898989; background:#eeeeee; BORDER:#E5E5E5 1px solid; PADDING:5px;
	                scrollbar-track-color:#eeeeee; scrollbar-face-color:#eeeeee;
	                scrollbar-3dlight-color:#eeeeee; scrollbar-highlight-color:#eeeeee;
	                scrollbar-shadow-color:#eeeeee; scrollbar-darkshadow-color:#eeeeee;
	                scrollbar-arrow-color:#eeeeee;}

	.dot	{ height:1; background:url('images/dot.gif'); margin:0;}

	/* 버튼 */
	.btn_list	{ border:1px solid #C1C1C1; background:url('images/btn_bg_1.gif'); font-family:돋움; font-size:11px; font-weight:normal; color:#333333; padding-top:2px; padding-left:5px;padding-right:5px;height:18px; cursor:pointer;}
	.btn_list2  { border:1px solid #C1C1C1; background:url('images/btn_bg_1.gif'); font-family:돋움; font-size:11px; font-weight:normal; color:#333333; padding-top:2px; height:25px; cursor:pointer;}
	.btn_list3	{ border:3px solid #C1C1C1; background:white; font-family:돋움; font-size:50px; font-weight:bold; color:#a9a9a9; padding-top:2px; width:80%; height:120px; cursor:pointer; }


	.button		{ border-top:#517fb0 1px solid; border-left:#517fb0 1px solid; border-right:#2b568e 1px solid; border-bottom:#2b568e 1px solid; font-family:verdana,tahoma; font-size:9pt; color:#fff; background-color:#517fb0; padding-top:1px; padding-bottom:1px;cursor:pointer;}
	.button2	{ border-top:#dcdcdc 1px solid; border-left:#dcdcdc 1px solid; border-right:#dcdcdc 1px solid; border-bottom:#dcdcdc 1px solid; font-family:verdana,tahoma; font-size:8pt;  background-color:#dsdsds; padding-top:0px; padding-bottom:1px; padding-left:1px; padding-right:1px; height:15px; cursor:pointer;}

	/* 검색 */
	.searchLay5 { border-left:#FFFFFF 1px solid; padding:0 0 2 10px; text-align:right;}

	.input      { font-family:돋움; font-size:11px; color:#333333; border:#C1C1C1 1px solid; padding-top:3px; height:16px;}
	.input_tx   { font-family:돋움; font-size:11px; color:#333333; height:13px;}
	.inputfs    { FONT-FAMILY:굴림; FONT-SIZE:9pt; border:#E5E5E5 1px solid; COLOR:#555555; height:20px; background:#F5F5F5;}
    .sinput     { FONT-FAMILY:굴림; FONT-SIZE:9pt; border:1px solid #E5E5E5; width:100px; HEIGHT:18px; COLOR:555555; }

      /* select box, checkbox */
    .select8pt  { font-family:굴림; font-size:8pt; }
    .select     { font-family:굴림; font-size:10pt; height:24px;}
    .chkbox     { width:15px; height:15px; }


    .boldtext   { font-weight:bold;}
    .text8pt    { font-family:Tahoma, 굴림; font-size:8pt; }

    /* 게시판 BAR 배경색 및 레이어 메뉴, 미리보기 선 색상 */
    .barcolor   { background:#aaaaaa }
    .border     { border:1px solid #aaaaaa }
    .bordertb   { border-top:1px solid #aaaaaa; border-bottom:1px solid #aaaaaa }

	/*h5 { padding-left: 125px; font-size: 15px; color: #898989; height: 105px; }
	h5 span.sub { font-size: 48px; float: bottom; color: #4b4b4b; }
	*/
	.moveup { background: url(images/move_up.png) no-repeat -10px -10px; }

	/*html5*/
	@font-face { font-family: Keffeesatz; src: url(images/font/YanoneKaffeesatz-Light.otf) format("opentype") }
	@font-face { font-family: KeffeesatzBold; src: url(images/font/YanoneKaffeesatz-Bold.otf) format("opentype") }
	/*body { font-family: Keffeesatz, Arial; color: #4b4b4b; background: url(include/images/pattern.gif); text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); }*/

	h1 { color: #fff; font-size: 40px; position: relative; top: 15px; }
	h1 a { color: #fff; font-size: 40px; background-color: #ff5400; padding: 5px 25px 10px 25px; width: 300px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4); -moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.6); border-bottom: 1px solid rgba(0, 0, 0, 0.4); border-top: 1px solid rgba(255, 255, 255, 0.6);
		background: -webkit-gradient(
		    linear,
		    left bottom,
		    left top,
		    color-stop(0.23, #c34000),
		    color-stop(0.62, #ff5400)
		);
		background: -moz-linear-gradient(
		    center bottom,
		    #c34000 23%,
		    #ff5400 62%
		);
	}

	h1 a:hover { color: #fff; border-bottom: 1px solid rgba(0, 0, 0, 0.4); padding-bottom: 10px; background-color: #7ac000;
		background: -webkit-gradient(
		    linear,
		    left bottom,
		    left top,
		    color-stop(0.23, #619702),
		    color-stop(0.62, #7ac000)
		);
		background: -moz-linear-gradient(
		    center bottom,
		    #619702 23%,
		    #7ac000 62%
		);
	}

	h5 { font-size:18pt; font-family:궁서,궁서체,돋움체; color:black;}
	h5 span.sub { font-size: 48px; float: bottom; color: #4b4b4b; }

	h5.intro { background: url(images/intro.png) no-repeat -10px -10px; }
	h5.work { background: url(images/portfolio.png) no-repeat -10px -10px; }
	h5.about { background: url(images/about.png) no-repeat -10px -10px; }
	h5.contact { background: url(images/contact.png) no-repeat -10px -10px; }

	h2 { padding-left: 125px; font-size: 48px; color: #ff5400; height: 105px; }
	h2 span.sub { font-size: 48px; float: left; color: #4b4b4b; }

	h2.intro { background: url(images/intro.png) no-repeat -10px -10px; }
	h2.work { background: url(images/portfolio.png) no-repeat -10px -10px; }
	h2.about { background: url(images/about.png) no-repeat -10px -10px; }
	h2.contact { background: url(images/contact.png) no-repeat -10px -10px; }

	header { padding: 5px 0; width: 100%; background-color: #000; margin-bottom: 25px; -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4); -moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4); position: fixed; z-index: 10; float: left; }
	#headercontainer, #contentcontainer { width: 960px; margin: 0 auto; position: relative; }
	#contentcontainer { float: none; padding-top: 0px; }

	nav { width: auto; float: left; }
	nav ul { position: absolute; right: 0; display: block; margin-top: -37px; }
	nav ul li { display: inline; margin-left: 50px; }
	nav ul li a { font-size: 24px; border-bottom: none; }

	section { margin-bottom: 1000px; padding-top: 150px; float: left; }

	/*
	#intro h2 a { padding-bottom: 0px; }
	#intro a.featured { padding-bottom: 0px; border-bottom: none; }
	#intro a img { border: 5px solid rgba(122, 192, 0, 0.15); -webkit-border-radius: 5px; margin-top: 40px; margin-bottom: 5px; }
	#intro a img:hover, #portfolio .work a img:hover, input:hover, textarea:hover { border: 2px solid rgba(122, 192, 0, 1); -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4); }
	#intro a img:active, #portfolio .work a img:active { -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); }
	*/
	#portfolio ul.work a { border-bottom: none; }
	#portfolio ul.work a img { border: 5px solid rgba(122, 192, 0, 0.15); -webkit-border-radius: 5px; }
	#portfolio ul.work { float: left; margin-left: -15px; width: 975px;  }
	#portfolio ul.work li { list-style: none; float: left; margin-left: 15px; margin-bottom: 15px; }

	#contact { margin-bottom: 0px; }
	/*html5*/


	/* 부드러운 div */
	.menu { padding:1px 1px 1px 1px; cursor:pointer; width:100%; }
	.submenu {width:100%; display:none; }

	/*a:link  { color:#D7D7D7; text-decoration:none;} 평상시 회색 */
	/*a:visited { color:#aaa; text-decoration:none;}방문시 회색 */
	/*a:hover { color:#FFA0A0; font-weight:none;} 마우스 오버시 분홍*/
	/*a:active { color:#aaa; text-decoration:none;} 클릭시 회색 */

	/* Page Navigation1 */
	#pagingNav { clear: both; margin: 0px 0px 20px 10px; text-align: center; font-size:12px; font-family: 'Helvetica'; letter-spacing: -1px; line-height: 23px; padding-top: 16px; white-space: nowrap; }
	#pagingNav a { display: inline-block; margin: 0 1px; min-width:25px; height: 21px; color: #666; text-decoration: none; font-weight:bold; vertical-align: middle;}
	#pagingNav .num_box {color: #656565; border: 1px solid #ffffff; }
	#pagingNav a.num_box:hover { border: 1px solid #d4d4d4; }
	#pagingNav .cur_num_s { border: 1px solid #d4d4d4; color: #fff; }

	/* Page Navigation2 */
	#pagingNav2 { clear: both; margin: 0px 0px 20px 10px; text-align: center; font-size:12px; font-family: 'Helvetica'; letter-spacing: -1px; line-height: 23px; padding-top: 16px; white-space: nowrap; }
	#pagingNav2 a { display: inline-block; margin: 0 1px; padding:0 1px; min-width:25px; height: 21px; color: #666; text-decoration: none; font-weight:bold; vertical-align: middle; text-align:center;}
	#pagingNav2 .num_box2 { color: #656565; border: 1px solid #d4d4d4;}
	#pagingNav2 a.num_box2:hover { border: 1px solid #B7CBDE; color: #fff; background-color: #B7CBDE; }
	#pagingNav2 .cur_num_s2 { border: 1px solid #BCBCBC; color: #fff; background-color: #DADADA; }

	.hid tr{display:block;}
	.hid2 tr{display:none;}

	#wrap{width:1200px;/*height:1000px;*//*background:#ccc;*/}
	/*전체 레이아웃 크기*/

	#top{width:1200px;height:130px;margin-bottom:0px;/*background:#FDED5E;*/}
	/*전체 레이아웃보다 조금 안쪽을 들어오게 구성했으므로 margin-left,margin-bottom 설정.*/

	#left{ float:left;width:290px;margin-left:10px;margin-bottom:10px;/*border-left:1px solid #EBEBEB; border-right:1px solid #EBEBEB; border-top:1px solid #EBEBEB;border-bottom:1px solid #EBEBEB; /*background: url(images/bg_cont_mld.gif);*/ /*border:1px solid #dcdcdc;*/ /*background:red;*/}
	/*일반적인 박스 레이아웃은 세로정렬. 하지만 양날개와 컨텐츠가 들어가는 부분은  background:#BFF484;background:url('images/left_menu.png');background:#BFF484
	가로정렬. 이를 위해 display코드를 inline;형태로 만고 float도 left로 지정.*/

	#content{float:right;width:870px;/*height:650px;*/margin-right:10px;margin-bottom:10px; /*background:green;*/}

	#right{float:left;width:220px;height:500px;margin-left:10px;/*background:blue;*/}

	#footer{clear:both; width:1200px;margin-top:10px;/*background:#8B8B8B;*/}
	/*하단은 다시 세로정렬. float를 없애주기 위해 clear태그.
	모두 없앤다는 뜻으로 both. 컨텐츠 부분과 공백이 생겨야 하므로 margin-top 설정.*/

	table.tblcss
	{
		font:normal 76%/150% "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
		border-collapse:separate;
		border-spacing:0;
		margin:0 0 1em;
		color:#462300;
		font-family:'맑은 고딕','돋움',Verdana,Tahoma; font-size:12px; color:#333;
	}

	/*테이블에 링크 걸린것 표시 방법*/
	table.tblcss a
	{
		font-family:'맑은 고딕','돋움',Verdana,Tahoma; font-size:12px; color:#333;
		/*text-decoration:none;
		border-bottom:1px dotted;*/
	}

	/*테이블 링크 걸린것중 클릭했었던 것 색상변경*/
	table a:visited
	{
		/*color:#ff0000;
		font-weight:normal;*/
	}

	/*클릭했던 것에 V표시*/
	/*table.tblcss a:visited:after
	{
		content:"\00A0\221A";
	}
	*/

	/*테이블 링크 걸린것에 마우스 올렸을때*/
	table a:hover
	{
		/*text-Decoration:underline;*/
		color:#dcdcdc;
		border-bottom-style:solid 1px;
		border-bottom-color: #dcdcdc;
	}

	/*테이블 헤더와 풋터 색상*/
	.tblcss thead th,
	.tblcss thead td,
	.tblcss tfoot th,
	.tblcss tfoot td
	{
		border:1px solid #000000;
		border-width:0px 0;
		background-image: url(images/grad.gif);
		background-position: center center;
	}

	.tblcss th
	{
		font-weight:bold;
		line-height:normal;
		padding:0.25em 0.5em;
		text-align:left;
	}

	.tblcss tbody th,
	.tblcss td
	{
		padding:0.25em 0.5em;
		/*text-align:left;*/
		/*vertical-align:top;*/
	}

	.tblcss tbody th
	{
		font-weight:normal;/*이걸 주석 처리하면 테이블 앞머리가 굵게 표시됨*/
		white-space:nowrap;
	}

	/*테이블 앞부분 머리말 링크와 방문한것
	tbody th a:link,
	tbody th a:visited {
		font-weight:bold;
		}
	*/

	/*테이블 몸통의 선색상과 굵기*/
	.tblcss tbody th
	{
		border:1px solid #eeeeee;
		border-width:1px 0;
		border-color:#CCCCCC;
		background:#ffffff;
	}

	.tblcss tbody td{
		border:1px solid #eeeeee;
		border-width:0px 0;
		border-color:#CCCCCC;
		background:#ffffff;
	}

	/*테이블 줄무늬 색 변경*/
	.tblcss tbody tr.odd th
	{
		border-color:#CCCCCC;
		background:#eeeeee;
	}
	.tblcss tbody tr.odd td
	{
		border-color:#CCCCCC;
		background:#eeeeee;
	}

	/*테이블 tr, td에 마우스 오버 했을때 색상 정의*/
	.tblcss tbody tr:hover td,
	.tblcss tbody tr:hover th,
	.tblcss tbody tr:hover th a,
	.tblcss tbody tr:hover td a,
	.tblcss tbody tr.odd:hover th a,
	.tblcss tbody tr.odd:hover td a
	{
		color: #7799CC;
		background-color: #E4EFFA;
		border-top-color: #ffffff;
		border-right-color: #ffffff;
		border-bottom-color: #ffffff;
		border-left-color: #ffffff;
	}


	/*테이블 캡션에 색상 정의*/
	.tblcss caption {
		font: normal normal bold 13px Verdana, Geneva, Arial, Helvetica, sans-serif;
		padding: 5px;
		background-attachment: scroll;
		background-image: url(images/grad.gif);
		background-repeat: repeat-x;
		border-top-width: 1px;
		border-right-width: 1px;
		border-bottom-width: 1px;
		border-left-width: 1px;
		border-top-style: solid;
		border-right-style: solid;
		border-bottom-style: solid;
		border-left-style: solid;
		border-top-color: #CCCCCC;
		border-right-color: #CCCCCC;
		border-bottom-color: #CCCCCC;
		border-left-color: #CCCCCC;
		background-position: center center;
	}


	table.tblcss_2
	{
		font:normal 76%/150% "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
		/*border-collapse:separate;
		border-spacing:0;*/
		/*color:#462300;*/
		font-family:'맑은 고딕','돋움',Verdana,Tahoma; font-size:15px; color:#333;
	}

	/*테이블 헤더와 풋터 색상*/
	.tblcss_2 thead th,
	.tblcss_2 thead td,
	.tblcss_2 tfoot th,
	.tblcss_2 tfoot td
	{
		border:1px solid #000000;
		border-width:0px 0;
		background-image: url(images/grad.gif);
		background-position: center center;
	}

	/*테이블 tr, td에 마우스 오버 했을때 색상 정의*/
	.tblcss_2 tr.mbody:hover td,
	.tblcss_2 tr.mbody:hover th,
	.tblcss_2 tr.mbody:hover th a,
	.tblcss_2 tr.mbody:hover td a,
	.tblcss_2 tr.mbody.odd:hover th a,
	.tblcss_2 tr.mbody.odd:hover td a
	{
		color: #7799CC;
		background-color: #F2F2F2;
		border-top-color: #ffffff;
		border-right-color: #ffffff;
		border-bottom-color: #ffffff;
		border-left-color: #ffffff;
	}

	.popup_footer
	{
		position:fixed;
		width:100%;
		left:0;
		bottom:0;
		color:#ccc;
		overflow:hidden;
		padding:0px;

	}

	.popup_head
	{
		position:fixed;
		width:100%;
		left:0;
		top:0;
		color:#ccc;
		overflow:hidden;
		padding:0px;
	}


	.pr_list
	{
		margin:10px 0;
		border-top:1px solid #dadada;
	}

	.pr_list li a
	{
		height:30px;
		display:block;
		padding-top:15px;
		border-bottom:1px solid #dadada;
		background:url(include/images/icon_arrow.png) no-repeat right;
		-webkit-background-size:9px 10px;
	}

	@media screen and (-webkit-device-pixel-ratio: 2)
	{
		.pr_list li a
		{
			background: url("include/images/icon_arrowx2.png") no-repeat right;
		}
	}

	.pr_list li span.pr_date
	{
		display:inline-block;
		float:right;
		margin-right:40px;
		font-size:10px;
	}

	.table1
	{
		margin: 0px;
		padding: 0px;
		font-family: 돋움, dotum, Helvetica, sans-serif;
		font-size: 12px;
		border-width: 1px 0px 0px;
		border-top-style: solid;
		border-top-color: rgb(229, 229, 229);
		border-collapse: collapse;
		table-layout: fixed;
		background-color: rgb(255, 255, 255);
	}
	.table1 caption
	{
		padding-bottom: 2px;
		font-size: 11px;
		color: rgb(102, 102, 102);
		letter-spacing: -1px;
		text-align: right;
	}
	.table1 th
	{
		margin: 0px;
		padding: 11px 0px 10px 21px;
		border-width: 0px 0px 1px;
		border-bottom-style: solid;
		border-bottom-color: rgb(237, 237, 237);
		vertical-align: top;
		background-color: rgb(249, 249, 249);
		line-height: 18px;
		color: #000000;
		letter-spacing: -1px;
	}
	.table1 td
	{
		margin: 0px;
		padding: 13px 0px 10px 20px;
		border-width: 0px 0px 1px 1px;
		border-left-style: solid;
		border-left-color: rgb(237, 237, 237);
		border-bottom-style: solid;
		border-bottom-color: rgb(237, 237, 237);
		vertical-align: top;
	}

	.table1 .span_msg
	{
		font-size: 11px; color: rgb(102, 102, 102); letter-spacing: -1px;
	}
	.table1 .span_msg2
	{
		font-size: 13px; color: #444; letter-spacing: -1px;
	}

/* 페북 공유하기 버튼*/
.btn_write_box{clear:both; padding:5px; width:110px; cursor:pointer}
.btn_write_box .btn_write{height:40px; border:1px solid #bfbfbf; font-size:15px; color:#333; font-weight:bold; text-align:center;
background: -moz-linear-gradient(top,  #ffffff 1%, #f4f4f4 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffffff), color-stop(100%,#f4f4f4)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 1%,#f4f4f4 100%); /* Chrome10+,Safari5.1+ */
background: -ms-linear-gradient(top,  #ffffff 1%,#f4f4f4 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 1%,#f4f4f4 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f4f4',GradientType=0 ); /* IE6-9 */}
.btn_write_box .btn_write img{padding-top:5px;}
.btn_write_box .btn_write span{display:inline-block; height:35px; vertical-align:middle; }


/* 보기 모달 css*/
#simplemodal-overlay {background-color:#000;}
#modal_content {margin:50 auto; width:300px; display:none; padding:5px; border:solid 1px #e5e5e5; background-color:#ffffff; text-align:center;  z-index:100000}
#modal_content .memo {font-size:12px; padding:10px; border:solid 1px #e5e5e5; background-color:#f4f4f4; text-align:center; line-height:150%; }
#modal_content img {margin-top:10px;}

#modal_contentww {margin-left:-250px; margin-top:-250px; width:500px; display:none; background-color:#ffffff; z-index:100000}
#modal_contentww .popup_contents {font-size:12px; border:solid 5px #dcdcdc; background-color:#f4f4f4;}

/* 개인 작성글/댓글 내비 css*/
.menu_tab {font-family: 굴림, gulim, tahoma, sans-serif; line-height: 19.2px; width: 100%; border-collapse: collapse; margin-top: -1px; color: rgb(71, 71, 71);}
.active_line {font-family: 굴림, gulim, tahoma, sans-serif; line-height: 1.6; border-color: rgb(216, 216, 216); text-align: center; height: 26px; padding-top: 3px; border-top-style: solid; border-top-width: 1px; border-left-style: solid; border-left-width: 1px; font-weight: bold; border-right-style: solid; border-right-width: 1px; letter-spacing: -1px;}
.box_bg_sub {font-family: 굴림, gulim, tahoma, sans-serif; line-height: 1.6; border: 1px solid rgb(216, 216, 216); text-align: center; height: 26px; padding-top: 3px; background-color: rgb(245, 245, 245);}
.blank_line {font-family: 굴림, gulim, tahoma, sans-serif; line-height: 1.6; border-color: rgb(216, 216, 216); text-align: right; height: 26px; padding-top: 3px; border-bottom-style: solid; border-bottom-width: 1px;}


/* 개인 작성글/댓글 내비 css*/
.roundTable {font-family: 굴림, gulim, tahoma, sans-serif; line-height: 1.6; position: relative; width: 100%; border-collapse: collapse; clear: both;}
.roundTable .pos_rel {position: relative; border: 0px none;}
.roundTable .pos_rel .lb {font-family: 굴림, gulim, tahoma, sans-serif; font-size: 0px; line-height: 0px; white-space: nowrap; width: 0px; padding: 0px; overflow: hidden; border: 0px none; background-repeat: repeat-y;}
.roundTable .pos_rel .cb {font-family: 굴림, gulim, tahoma, sans-serif; line-height: 1.6; position: relative;} 

.roundTable .private_info_box {font-family: 굴림, gulim, tahoma, sans-serif; line-height: 1.6; border-width: 2px; border-color: rgb(216, 216, 216); clear: both; height: 60px; margin-bottom: 20px;}
.roundTable .private_info_box dl {list-style: none; padding: 9px 0px 0px 70px; float: left; font-family: 돋움, dotum, sans-serif; width: 100%;}
.roundTable .private_info_box .user_img {list-style: none; padding: 0px 0px 3px; float: left; position: absolute; top: 8px; left: 8px;}
.roundTable .private_info_box .user_img .bg_sub {font-family: 굴림, gulim, tahoma, sans-serif; line-height: 1.6; border-width: 1px; border-color: rgb(216, 216, 216); width: 48px; height: 48px; padding: 0px; background-color: rgb(245, 245, 245);}
.roundTable .private_info_box .user_img .bg_sub .img_dd img {max-height:44px; max-width:90%; height:auto; vertical-align:middle; border:1px #dcdcdc solid; width:48px;  height:48px; display:table-cell; vertical-align:middle; padding:0px 0px 1px 2px; }


/*해시태그*/
#tagListArea {list-style: none; margin: 0px; padding: 0px; font-family: 돋움, dotum, Helvetica, sans-serif; font-size: 12px;}
#tagListArea .tag_item {padding: 2px 2px 0px 0px; color: rgb(0, 84, 166); line-height: 1em; font-size: 13px; text-decoration: none; margin-right: 8px; margin-bottom: 10px; vertical-align: top; display: inline-block; white-space: nowrap; position: relative;}
#tagListArea .tag_item .bg_tx {position:absolute; top:0px; left:0px; width:100%; height:100%; background-color:#dcdcdc; z-index:1; filter:alpha(opacity=30);opacity:0.3; -moz-opacity:0.3; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; border-top-left-radius: 2px; border-top-right-radius: 2px; padding:2px 1px 1px 1px;}/* 공통 S */
/*body
/*h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, form, p {margin:0; padding:0; list-style:none; font-size:12px; font-family:굴림, Gulim, sans-serif; font-weight:normal;}
div, ul, li, p, tr, td, th {margin:0; padding:0; font-family:굴림, Gulim, sans-serif; color:#666; font-size:12px;}
img {border:0; vertical-align:middle;} /* 무조건 middle */
/*a {color:#666; text-decoration:none; cursor:pointer;}
a:hover, a:active {color:#4D74B0; text-decoration:none;}
select {overflow:visible;}
input, textarea, select {vertical-align:middle; font-family:굴림, Gulim, sans-serif; color:#666; font-size:12px;}
/* 공통 E */
 
/* 팝업 레이어 S */
.mpopup {overflow:hidden;}
.popupLayer {position:absolute; left:0; top:0; width:100%; height:100%; z-index:100; -ms-filter: alpha(opacity=50); filter: alpha(opacity=50); opacity:0.3; -moz-opacity:0.3;}
.popupLayer .back {position:absolute; left:0; top:0; width:100%; height:100%; background:#000; z-index:101;}
.popup_box {position:absolute; left:50%; top:50%; z-index:102; background:#fff;}
.popup_box .popup_contents {position:absolute; left:0; top:0; width:100%; height:100%; z-index:102; border:1px solid #dcdcdc;}
.popupLayer iframe, .popup_box iframe {position:absolute; left:0; top:0; width:100%; height:100%;}
/* 팝업 레이어 E *//* IE scroll bar style*/
html {
	scrollbar-3dLight-Color: #f2f2f2;
	scrollbar-arrow-color: #FFFFFF;
	scrollbar-base-color: #2b201c;
	scrollbar-Face-Color: #d9d9d9;
	scrollbar-Track-Color: #f2f2f2;
	scrollbar-DarkShadow-Color: #f2f2f2;
	scrollbar-Highlight-Color: #f2f2f2;
	scrollbar-Shadow-Color: #f2f2f2;
}


/* chrome scroll bar style*/
::-webkit-scrollbar-thumb:vertical{
    height:18px;
    background-color:#d9d9d9;
}
::-webkit-scrollbar-thumb:horizontal{
    width:18px;
    background-color:#d9d9d9;
}
::-webkit-scrollbar-track-piece{
     background-color:#f2f2f2;
}
::-webkit-scrollbar{
     width:15px;
    height:15px;
}
::-webkit-scrollbar-button:start:decrement, 
::-webkit-scrollbar-button:end:increment {
	display: block; 
	height: 15px; 
	background: #d9d9d9
}

img {border:0;}

P {
	line-height:15px;
	font-size:12px;
	margin-top: 2px;
	margin-bottom: 2px;
	margin-left: 3px;
	margin-right: 3px;
	white-space: -moz-pre-wrap;
	white-space: -pre-wrap; 
	white-space: -o-pre-wrap;
	word-break:break-all;
}

div.source {
	clear:both;
	font-size:12px;
	font-family:verdana,arial,�뗭�;
	width:auto;
	border-width:1px;
	border-style:solid;
	border-color:#d9d9d9;
	background-color:#F3FBFC;
	padding:2px;
	margin:5px;
	line-height:1.2;
	border-bottom-width:3px;
	border-right-width:3px;
	border-left-width:1px;
	border-left-color:#E6E6E6;
	border-top-style:dashed;
	border-bottom-style:solid;
}
div.source ol {
	list-style-type:decimal-leading-zero;
}
div.source li {
	border-width:1px;
	border-style:dotted;
	border-color:#d9d9d9;
	border-top-width:0;
	border-left-width:0;
	border-right-width:0;
	padding:1px;
	font-family:verdana,arial,�뗭�	
}
div.source li:hover { background-color:#FFFFFF; }