/***************************************************
*
*	DEFAULT STYLE
*
***************************************************/
/*
a { text-decoration:none; color:#999; }
a:hover { color:#666; }

h1,h2,h3,h4,h5,h6 { font-size:100%; }
address,strong{font-style:normal; font-weight:normal; }


   @font-face{font-family:'NGothic'; src:url('/font/NanumGothic.woff') format('woff'); }
   @font-face{font-family:'NGothicB'; src:url('/font/NanumGothicBold.woff') format('woff'); }
   @font-face{font-family:'NGothicEB'; src:url('/font/NanumGothicExtraBold.woff') format('woff'); }

body, th, td, p { font:12px "NGothic"; }
*/

/***************************************************
*	FONT TYPE
***************************************************/

.bbs_text { line-height:160%; width:auto; word-break:break-all; }
.bbs_text img { width:100%; max-width:700px; text-align:center; }

#mason { position:relative; margin:0 auto; width:100%; height:auto; border:0px solid #F00; text-align:center; }
#mason:after { content:""; height:0; display:block; clear:both; }

/*  Æ÷Åä»çÀÌÁî css Á¶Àý, ¹ÝÀÀÇü ¿øº»
.photo_sum { position:relative; float:left; width:200px; height:auto; padding:0; margin:20px; border:1px solid #EAEAEA; }
.photo_item { overflow:hidden; height:160px; width:100%; position:relative; }
*/

/*  Æ÷Åä»çÀÌÁî css Á¶Àý, ¿¬¼¼ÇÏÀÓ»êºÎÀΰú °¡¿îµ¥Á¤·Ä 
.photo_sum { position:relative; width:32%;  height:auto; padding:0; margin:0 auto; display:inline-block; border:1px solid #EAEAEA; }
.photo_item { overflow:hidden; height:auto; width:100%; position:relative; }
*/


.photo_date { position:relative; text-align:left;  color:#666666; border-top:0px solid #EAEAEA;  width:auto; height:20px; padding:5px 20px;}
.photo_a { word-break:break-all; overflow:hidden; padding:20px; text-align:left; }
.photo_a a { font-family:"NGothic"; font-size:15px; color:#5D5D5D; }
.photo_a a:hover { color:#999; }

/*¹Ì¸®º¸±â »çÁø ¾Èº¸ÀÌ°Ô Ã³¸®*/










@media (min-width: 1024px){

.photo_sum{float:left; width:350px; margin-right:45px; margin-bottom:45px; border:1px solid #ccc; border-top:5px solid #a1b4bd; box-sizing:border-box;}
.photo_sum:nth-child(3n){margin-right:0px;}

}
@media (max-width: 1023px) and (min-width: 767px){

.photo_sum{float:left; width:45%; margin-right:10%; margin-bottom:45px; border:1px solid #ccc;  border-top:5px solid #a1b4bd; box-sizing:border-box;}
.photo_sum:nth-child(2n){margin-right:0px;}

}




@media (max-width:767px) {/* ÃÖ¼Ò ~ ÃÖ´ë 767Çȼ¿ */

.photo_sum{float:left; width:100%; margin-bottom:45px; border:1px solid #ccc; border-top:5px solid #a1b4bd; box-sizing:border-box;}
		

	.photo_a a { font-family:"NGothic"; font-size:12px; color:#5D5D5D; }

	/* ³»¿ëÀ̹ÌÁö »çÀÌÁî */
	.bbs_text img { width:100%; }
}


	.title { font-family:"NGothic"; font-size:15px; padding-bottom:5px; }
	.title a  { color:#666; }
	.title a:hover { color:#31ec6f; }
	
	.type1
	{
		font-family:"NGothic";
	}
	
	.type2
	{
		font-family:"NGothicB";
	}
	
	.type3
	{
		font-family:"NGothicEB";
	}

	.btn_write
	{
		display:block; width:120px; height:40px; margin:0 auto; text-align:center; font-size:18px; font-weight:bold;
	}
	.btn_write a { display:block; color:#333; height:30px; padding-top:10px;
					border-left:5px solid #529ec3; border-right:5px solid #529ec3; border-bottom:5px solid #529ec3; }
	.btn_write a:hover { border-left:5px solid #80bbd8; border-right:5px solid #80bbd8; border-bottom:5px solid #80bbd8; }



	.btn_write2
	{
		float:left; width:70px; height:30px; text-align:center; font-size:14px; font-weight:bold; margin-right:10px;
	}
	.btn_write2 a { color:#333; display:block; height:25px; padding-top:5px;
					border-left:5px solid #529ec3; border-right:5px solid #529ec3; border-bottom:5px solid #529ec3; }
	.btn_write2 a:hover { border-left:5px solid #80bbd8; border-right:5px solid #80bbd8; border-bottom:5px solid #80bbd8; }
	.btn_write2:after { content:""; clear:both; display:block; }



	.btn_write3
	{
		float:right; width:50px; height:25px; border:0px solid #0C6; background-color:#529ec3; text-align:center; font-size:13px; font-weight:bold; margin-right:10px;
	}
	.btn_write3 a { color:#FFF; display:block; height:22px; padding-top:3px;  }
	.btn_write3 a:hover { color:#fff; background-color:#80bbd8;}
	.btn_write3:after { content:""; clear:both; display:block; }
	
	
	.btn_write4
	{ 
		float:left; width:50px; height:30px; border:0px solid #69F; background-color:#ffa21c; text-align:center; font-size:12px; font-weight:bold; margin-right:0px; 	
	}
	.btn_write4 a { color:#FFF; display:block; height:25px; padding-top:5px;  }
	.btn_write4 a:hover { color:#fff; background-color:#333;}
	.btn_write4:after { content:""; clear:both; display:block; }

	
/***************************************************
*	FONT COLOR
***************************************************/
	
	.copy
	{
		color: #666666;
	}
	
	.copy3
	{
		color : #333333;
	}
	
	.copy6
	{
		color : #666666;
	}
	
	.copy-grey7
	{
		color : #787878;
	}
	
	.copy9
	{
		color : #999999;
	}
	
	.copy-blue3
	{
		color : #3366aa;
	}
	
	.copy-blue1
	{
		color : #1a57a8;
	}
	
	.copy-redd
	{
		color : #d3431a;
	}
	
	.copy-redf
	{
		color : #ff3300;
	}
	
	.copy-ash
	{
		color : #496785;
	}
	
	
	
/***************************************************
*	FONT SIZE
***************************************************/
	
	.size8
	{
		font-size: 8px;
	}
	
	.size9
	{
		font-size: 9px;
	}
	
	.size10
	{
		font-size: 10px;
	}
	
	.size11
	{
		font-size: 11px;
	}
	
	.size12
	{
		font-size: 12px;
	}
	
	.size13
	{
		font-size: 13px;
	}
	
	.size14
	{
		font-size: 14px;
	}
	
	.size15
	{
		font-size: 15px;
	}
	
	.size16
	{
		font-size: 16px;
	}
	

	
/***************************************************
*	BG COLOR
***************************************************/
	
	.bg
	{
		background: #ffffff;
	}
	
	.bg-select
	{
		background: #FAFAFA;
	}
	
	.bg-over
	{
		background: #F5F5F5;
	}
	
	.bg-out
	{
		background: #ffffff;
	}
	
	
	
	
	.line
	{
		background-color: #999999;
	}
	
	.line2
	{
		background-color: #cccccc;
	}
	
	
	
	
/***************************************************
*	FONT STYLE
***************************************************/
	
	.bold
	{
		font-weight: bold;
	}
	
	.normal
	{
		font-weight: normal;
	}
	
	.blank
	{
		font-size: 2px;
	}