
	#page nav{display: none;}

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

	.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;}

	textarea {resize: none;}
	.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:60px; font-weight:bold; color:#a9a9a9; padding-top:2px; width:95%;height:130px; 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:15px; color:#333333; border:#C1C1C1 1px solid; padding-top:3px; height:25px;}
	.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; }
    .input_login{ font-size:18px; color:#333333; border:0px solid #C1C1C1; padding-top:3px; padding-left:10px; height:30px; ime-mode:disabled; width:100%}

      /* select box, checkbox */
    .select8pt  { font-family:굴림; font-size:8pt; }
    .select     { font-family:굴림; font-size:10pt; }
    .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 }

	/*리플수*//*rgb(11, 160, 0);*/
	.comment_line
	{
		background:url('/images/comment_bg.png') no-repeat;
		width:36px; height:34px; text-align:center; color:rgb(100, 150, 255);
		line-height:1em; font-size:0.8em; padding-top:8px;
	}
	/* 추천, 반대, 신고 버튼*/
	.rrrr
	{
		background:url('/images/recommend_off_m.png') no-repeat;
		width:72px; height:50px; text-align:center; color:rgb(100, 150, 255);
		line-height:1em; font-size:1.2em; padding-top:25px;
		cursor:pointer;
	}
	.llll
	{
		background:url('/images/recommend_on_m.png') no-repeat;
		width:72px; height:50px; text-align:center; color:rgb(100, 150, 255);
		line-height:1em; font-size:1.2em; padding-top:25px;
		cursor:pointer;
	}

	.aaaa
	{
		background:url('/images/reverse_m.png') no-repeat;
		width:72px; height:50px; text-align:center; color:rgb(100, 150, 255);
		line-height:1em; font-size:1.2em; padding-top:25px;
		cursor:pointer;
	}

	.bbbb
	{
		background:url('/images/report_m.png') no-repeat;
		width:72px; height:50px; text-align:center; color:rgb(100, 150, 255);
		line-height:1em; font-size:1.2em; padding-top:25px;
		cursor:pointer;
	}

	input, textarea
	{
		background-color: rgba(255, 255, 255, 0.4);
		border: 1px solid rgba(122, 192, 0, 0.15);
		padding: 2px;
		font-family: '맑은 고딕','돋움',Verdana,Tahoma;
		color: #4b4b4b;
		font-size: 15px;
		-webkit-border-radius: 3px;
	}

	input:focus, textarea:focus
	{
		border: 2px solid #bbbbbb;
		background-color: rgba(249, 249, 249, 1);
	}

	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:10pt; font-family:궁서,궁서체,돋움체; color:black;}
	h2 { padding-left: 110px; padding-top: 5px; font-size: 20px; color: #ff5400; height: 105px; }
	h2 span.sub { font-size: 48px; float: left; color: #4b4b4b; }
	h2.intro { background: url(/images/intro.png) no-repeat -10px -20px; }
	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; }*/

	#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 a { display: inline-block; margin: 0 1px; width: 25px; height: 21px; color: #666; text-decoration: none; font-weight:bold; vertical-align: middle;}
	#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 .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 a { display: inline-block; margin: 0 1px; width: 25px; height: 21px; color: #666; text-decoration: none; font-weight:bold; vertical-align: middle;}
	#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 .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 #4B81A6; color: #fff; background-color: #4B81A6; }


	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;
	}


	#s_main
	{
		width:100%;
		border:1px solid #dcdcdc;
		clear:both;
		text-align:left;
		position:relative;
	}

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

	.pr_list li
	{

		height:30px;
		display:block;
		padding-top:15px;
		border-bottom:1px solid #dadada;
		/*background:url(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("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: 10px 0px 10px 10px;
		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;
		font-size: 13px;
	}
	.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: 12px; color: rgb(102, 102, 102); letter-spacing: -1px;
	}
	.table1 .span_msg2
	{
		font-size: 13px; color: #444444; letter-spacing: -1px;
	}


	.table2
	{
		margin: 0px;
		padding: 0px;
		font-family: 돋움, dotum, Helvetica, sans-serif;
		font-size: 12px;
		table-layout: fixed;
		background-color: rgb(255, 255, 255);
	}
	.table2 th
	{
		margin: 0px;
		border-width: 0px 0px 1px;
		border-bottom-style: solid;
		border-bottom-color: rgb(237, 237, 237);
		background-color: rgb(255, 255, 255);
	}
	.table2 td
	{
		margin: 0px;
		padding: 5px;
		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);
		font-size: 12px;
	}

		.table2 caption
	{
		padding-bottom: 2px;
		font-size: 11px;
		color: rgb(102, 102, 102);
		letter-spacing: -1px;
		text-align: right;
	}


	.desc_notice            	{ width:100%; padding:0px; margin-bottom:10px; background:#F1F1F1;}
	.desc_notice ul         	{ width:100%; margin:0px; padding:10px 0px 0px 0px;}
	.desc_notice li         	{ width:94%; margin:0px 0px 0px 10px; padding:0px 0px 0px 10px; text-align:left; font-family:"돋움", Dotum, AppleGothic, Arial, Verdana, sans-serif; font-size:11px; height:20px; background:#F1F1F1 url('/images/notice_doc.gif') no-repeat;}
	.desc_notice li.nobullet 	{ width:90%; margin:0px 0px 0px 10px; padding:0px 0px 0px 10px; text-align:left; font-size:11px; height:20px; background:#F1F1F1;}
	.desc_notice img        	{ margin:0px 0px 0px 10px;}
 	.desc_notice:after 			{content:""; display:block; clear:both; height:0; visibility:hidden;}


	/* 모바일 반응형 관련 CSS*/
	.container
	{
		float: left; width:100%; padding:7px ; overflow:hidden;
	}

	.container .content_area	/*일반*/
	{
		width:100%;
		border:0px solid #d5d5d6;
		text-align:center;
		background-color: rgb(255, 255, 255);
		-webkit-box-shadow: rgba(0, 0, 0, 0.0784314) 0px 0px 5px, rgba(0, 0, 0, 0.0470588) 0px 1px 3px;
		-moz-box-shadow: rgba(0, 0, 0, 0.0784314) 0px 0px 5px, rgba(0, 0, 0, 0.0470588) 0px 1px 3px;
		box-shadow: rgba(0, 0, 0, 0.0784314) 0px 0px 5px, rgba(0, 0, 0, 0.0470588) 1px 1px 3px;
	}
	.container .content_area2	/*우측 첫번째 블록*/
	{
		width:100%;
		border:0px solid #d5d5d6;
		text-align:center;
		margin-top:10px;
		background-color: rgb(255, 255, 255);
		-webkit-box-shadow: rgba(0, 0, 0, 0.0784314) 0px 0px 5px, rgba(0, 0, 0, 0.0470588) 0px 1px 3px;
		-moz-box-shadow: rgba(0, 0, 0, 0.0784314) 0px 0px 5px, rgba(0, 0, 0, 0.0470588) 0px 1px 3px;
		box-shadow: rgba(0, 0, 0, 0.0784314) 0px 0px 5px, rgba(0, 0, 0, 0.0470588) 1px 1px 3px;
	}

	 #article_wrap{position:relative; width:100%;}

	@media  (min-width:0px) and (max-width:639px)
	{
		.container .cont_left {position: relative; width: 100%; border:0px solid;}
		.container .cont_right {position: relative; width: 100%; border:0px solid;}

		#S_article_list{width:100%;}
		#B_article_list{width:0%; display:none}
	}
	@media (min-width:640px)
	{
		.container .cont_left {float: left; position: relative; width: 49.5%;   border:0px solid;}
		.container .cont_right {float: right; position: relative; width: 49.5%;  border:0px solid;}

		.container .content_area2
		{
			width:100%; border:0px solid #d5d5d6; text-align:center; margin-top:0px;
		}

		#S_article_list{width:65%; float:left; position:relative; border-right:1px solid #dddddd; }
		#B_article_list{position:absolute; top:0px; right:0px; bottom:0px; ; width:35%; border-left:0px solid; }
	}

	.container .data_area	/*일반*/
	{
		width:100%;
		border:0px solid #d5d5d6;
		text-align:center;
		background-color: rgb(255, 255, 255);
		-webkit-box-shadow: rgba(0, 0, 0, 0.0784314) 0px 0px 5px, rgba(0, 0, 0, 0.0470588) 0px 1px 3px;
		-moz-box-shadow: rgba(0, 0, 0, 0.0784314) 0px 0px 5px, rgba(0, 0, 0, 0.0470588) 0px 1px 3px;
		box-shadow: rgba(0, 0, 0, 0.0784314) 0px 0px 5px, rgba(0, 0, 0, 0.0470588) 1px 1px 3px;
	}

	.line_half
	{
		clear:both;
		text-align:center;
		margin:auto;
		margin-top:5px;
		margin-bottom:5px;
		background: url(/images/icon/line/line03.gif) repeat;
		width: 50%;
		height: 1px;
	}

	.line_full
	{
		clear:both;
		width:100%; text-align:center;
		margin-top:5px;
		margin-bottom:5px;
		background: url(/images/icon/line/line03.gif) repeat;
		height: 1px;
	}


	#simplemodal-overlay {background-color:#000;}
	/*#modal_content{display:none; margin:50 auto; width:200px;height:80px; background:#fff;color:#bbb; border:2px solid #dcdcdc; text-align:center; line-height:20px}*/


	#modal_content {margin:50 auto; width:200px; display:none; padding:5px; border:solid 1px #e5e5e5; background-color:#ffffff; text-align:center;  z-index:100000;}
	#modal_content .memo {font-size:13px; padding:10px; border:solid 1px #e5e5e5; background-color:#f4f4f4; text-align:center; line-height:150%; }
	#modal_content img {margin-top:10px;}
	

/* 개인 작성글/댓글 내비 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 .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: 120px; margin-bottom: 20px; text-align:left; padding: 10px;}


/* 개인 작성글/댓글 내비 css */
.roundTable2 {font-family: 굴림, gulim, tahoma, sans-serif; line-height: 1.6; position: relative; width: 100%; border-collapse: collapse; clear: both;}
.roundTable2 .pos_rel {position: relative; border: 0px none;}
.roundTable2 .pos_rel .cb {font-family: 굴림, gulim, tahoma, sans-serif; line-height: 1.6; position: relative;} 
.roundTable2 .private_info_box {font-family: 굴림, gulim, tahoma, sans-serif; line-height: 1.6; border-width: 2px; border-color: rgb(216, 216, 216); clear: both;  margin-bottom: 10px; text-align:left; padding: 10px;}


/*해시태그*/
#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;}


/*alert 메세지*/
.ly_alert_msg { position: fixed; bottom: 20px; left: 50%; z-index: 101; margin-left: -50%; width: 100%; font-size:10pt;}
.msg_box{ background-color:#000; opacity: 0.8; color:white; border-radius:3px;  text-align: center; padding:10px; 0; border: 1px solid #000; margin: 0 20px;}