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

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 {text-align:center; }

#mason {font-size:0px; position:relative; margin:0 auto; width:100%; height:auto; border:0px solid #F00; text-align:left; }
#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; }
*/

/* À̹ÌÁö »çÀÌÁî ±Ô°Ý¿¡ ¸Â°Ô Á¶Àý ¼öÁ¤ ³¯ÀÚ(2018-01-16) */
.photo_item img{height: auto;}


/*  Æ÷Åä»çÀÌÁî 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; }
*/




	.title {  font-size:15px; padding-bottom:5px; }
	.title a  { color:#393939; }
	.title a:hover { color:#ad4d4d; }



	.btn_write
	{
		width:120px; margin:0 auto; border:5px solid #ccc; border-top:0px; text-align:center; font-size:20px;
		font-weight: 500;
	}
	.btn_write a {  color:#393939; display:block; height:30px; padding-top:12px;  }

	.btn_write:hover
	{
		border:5px solid #ad4d4d; border-top:0px;
	}
	.btn_write:hover a
	{
		color:#ad4d4d;
	}


	.btn_write2
	{
		float:left; width:70px; border:0px solid #0C6; border:5px solid #ccc; border-top:0px; text-align:center; font-size:14px;  margin-right:10px;

		font-weight: 500;
	}
	.btn_write2 a { color:#393939; display:block; height:25px; padding-top:5px;  }
	.btn_write2:hover
	{
		border:5px solid #ad4d4d; border-top:0px;
	}
	.btn_write2:hover a{ color:#ad4d4d; }
	.btn_write2:after { content:""; clear:both; display:block; }


	.btn_write3
	{

		font-weight: 500;
		float:right; width:50px; height:25px; border:5px solid #ccc; border-top:0px; text-align:center; font-size:13px;  margin-right:10px;
	}
	.btn_write3 a { color:#393939; display:block; height:22px; padding-top:3px;  }
	.btn_write3:hover
	{
		border:5px solid #ad4d4d; border-top:0px;
	}
	.btn_write3:hover a{ color:#ad4d4d; }
	.btn_write3:after { content:""; clear:both; display:block; }

	.btn_write4
	{

		font-weight: 500;
		float:left; width:50px; height:30px; border:0px solid #69F; background-color:#ccc; 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:#ad4d4d;}
	.btn_write4:after { content:""; clear:both; display:block; }


	.pre_next{padding-left:20px; text-align:center; font-weight:500;}
		.pre_next a{display:inline-block; border:1px solid #ccc; padding:10px 15px;  margin-right:10px;}
		.pre_next a:hover{border:1px solid #ad4d4d; color:#ad4d4d;}



	.file_img{display:none;}
		.file_img img{max-width:auto; }

	/* ºñ±Þ¿© ÷ºÎÆÄÀÏ À̹ÌÁö º¸ÀÌ°Ô */
	.m110 .file_img{display:block;} 
		

	@media (min-width: 1200px){
		
		iframe{
			display:block;
			width:60%;
			height:500px;
		}



		/* Æ÷Åä°Ô½ÃÆÇ */
		.photo_sum {transition:all 0.3s; text-align:center; vertical-align:top;  position:relative; width:calc((100% - 180px)/3); height:auto;  padding:0; box-sizing:border-box; margin:30px 30px; display:inline-block; border-top:5px solid #c8c8c8; border-left:1px solid #EAEAEA; border-right:1px solid #EAEAEA; border-bottom:1px solid #EAEAEA; }
		.photo_sum:hover {transform:scale(1.1);}
		.photo_item { overflow:hidden; width:100%;  position:relative; }
		.photo_item .type3 { padding:85px 0; }


		.photo_a { word-break:break-all; overflow:hidden; padding:20px; font-size: 20px; text-align:left; }
		.photo_a a { font-size: 34px; color: #393939; display: block;  }
		.photo_a a:hover { color:#ad4d4d; }
		.photo_a a span{d}

		.date_name{overflow:hidden; padding:0 20px 20px;}
		.photo_date {float:left; width:50%; text-align:left;  color:#393939393939; font-size: 15px; }
		.photo_write{float:left; width:50%; text-align:right;  color:#393939393939; font-size: 15px;}


		.paging{text-align: center; padding: 50px 0 0;}
		.paging > div{display:inline-block;}
		.paging > div:nth-child(2){padding:0 15px; }
		.paging > div:nth-child(2) > a{border:1px solid #ccc; padding:5px; font-size:14px; margin:5px;}


		.top_border{
    border-top: 5px solid #ad4d4d;

		 margin-bottom:50px;}

		.inner_box{font-size:20px; padding:20px; overflow:hidden; font-weight:500;}

		.title_01{font-size: 34px;}

	}


	@media screen and (min-width: 768px) and (max-width: 1199px){

		iframe{
			display:block;
			width:100%;
			height:300px;
		}
		/* Æ÷Åä°Ô½ÃÆÇ */
		.photo_sum { display:inline-block; vertical-align:top; position:relative; width:calc((100% - 120px)/3);    box-sizing: border-box;height:auto;  padding:0; margin:20px 20px; display:inline-block; border-top:5px solid #c8c8c8; border-left:1px solid #EAEAEA; border-right:1px solid #EAEAEA; border-bottom:1px solid #EAEAEA; }
		.photo_item { overflow:hidden; width:100%; max-height:230px; position:relative; }
		.photo_item .type3 { padding:85px 0; }


		.photo_a { word-break:break-all; overflow:hidden; padding:15px; font-size: 16px; text-align:left; }
		.photo_a a { font-size: 20px; color: #393939; display: block;   }
		.photo_a a:hover { color:#ad4d4d; }

		.date_name{overflow:hidden; padding:0 20px 20px;}
		.photo_date {float:left; width:50%; text-align:left;  color:#393939393939; font-size: 12px; }
		.photo_write{float:left; width:50%; text-align:right;  color:#393939393939; font-size: 12px;}


		.paging{text-align: center; padding: 50px 0 0;}
		.paging > div{display:inline-block;}
		.paging > div:nth-child(2){padding:0 15px; }
		.paging > div:nth-child(2) > a{border:1px solid #ccc; padding:5px; font-size:11px; margin:3px;}

		.top_border{border-top: 5px solid #ad4d4d; margin-bottom:30px;}
		.inner_box{font-size:16px;  padding:20px; overflow:hidden; font-weight:500;}
		.title_01{font-size: 26px;}

	}


	@media (max-width: 767px){
		iframe{
			display:block;
			width:100%;
			height:300px;
		}	

		/* Æ÷Åä°Ô½ÃÆÇ */
		.photo_sum {vertical-align:top; position:relative; width:45%; height:auto; box-sizing:border-box;  padding:0; margin:20px 2.5%; display:inline-block; border-top:5px solid #c8c8c8; border-left:1px solid #EAEAEA; border-right:1px solid #EAEAEA; border-bottom:1px solid #EAEAEA; }
		.photo_item { overflow:hidden; width:100%; max-height:230px; position:relative; }
		.photo_item .type3 { padding:85px 0; }



		.photo_a {  word-break:break-all; overflow:hidden; padding:15px; font-size: 16px; text-align:left; }
		.photo_a a { font-size: 18px; color: #393939; display: block;}
		.photo_a a:hover { color:#ad4d4d; }

			.photo_item img {
				width:100%;
			}
		.date_name{overflow:hidden; padding:0 15px 15px;}
		.photo_date {float:left; width:50%; text-align:left;  color:#393939393939; font-size: 11px; }
		.photo_write{float:left; width:50%; text-align:right;  color:#393939393939; font-size: 11px;}

		.paging{text-align: center; padding: 50px 0 0;}
		.paging > div:nth-child(1){}
		.paging > div:nth-child(2){padding:15px 0; }
		.paging > div:nth-child(2) > a{border:1px solid #ccc; padding:5px; font-size:11px; margin:3px;}
		.paging > div:nth-child(3){}

		.top_border{border-top: 5px solid #ad4d4d; margin-bottom:10px;}
		.inner_box{font-size:14px;  padding:5px; overflow:hidden; font-weight:500;}
		.title_01{font-size: 24px;}

	}






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