/***************************************************
*
*	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 {max-width: 100%;}
.file img{max-width:100%;}


	.title {  font-size:18px; padding-bottom:5px; }
	.title a  { color:#666; }
	.title a:hover { color:#333; }

	.type1
	{
		
	}

	.type2
	{
		
	}

	.type3
	{
		
	}

	.btn_write
	{
		display:block; width:120px; margin:0 auto;
	}
	.btn_write a { display:block; color:#393939; height:45px; line-height:40px;  border:5px solid #7c7c7c; border-top:0;  box-sizing:border-box;  text-align:center; font-size:18px;  }
	.btn_write a:hover { border-left:5px solid #638633; border-right:5px solid #638633; border-bottom:5px solid #638633; }



	.btn_write2
	{
		float:left; margin-right:10px;
	}
	.btn_write2 a { color:#393939; display:block;
					border:5px solid #7c7c7c; border-top:0; width:70px; height:30px ;  line-height:25px ;box-sizing:border-box; text-align:center; font-size:14px; }
	.btn_write2 a:hover { border-left:5px solid #638633; border-right:5px solid #638633; border-bottom:5px solid #638633; }
	.btn_write2:after { content:""; clear:both; display:block; }



	.btn_write3
	{
		float:right; margin-right:10px;
	}
	.btn_write3 a {width:50px; height:25px; line-height:25px;background-color:#7c7c7c;  color:#FFF; display:block; text-align:center; font-size:13px;  }
	.btn_write3 a:hover { color:#fff; background-color:#638633;}
	.btn_write3:after { content:""; clear:both; display:block; }
	
	
/***************************************************
*	FONT COLOR
***************************************************/

	.copy
	{
		color: #393939;
	}

	.copy3
	{
		color : #333333;
	}

	.copy6
	{
		color : #666666;
	}

	.copy-grey7
	{
		color : #787878;
	}

	.copy9
	{
		color : #393939;
	}

	.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;
	}



@media (min-width: 1200px){
.size8
	{
		font-size: 10px;
	}

	.size9
	{
		font-size: 11px;
	}

	.size10
	{
		font-size: 12px;
	}

	.size11
	{
		font-size: 13px;
	}

	.size12
	{
		font-size: 14px;
	}

	.size13
	{
		font-size: 15px;
	}

	.size14
	{
		font-size: 16px;
	}

	.size15
	{
		font-size: 17px;
	}

	.size16
	{
		font-size: 18px;
	}

 .title{font-size: 26px;  line-height:32px;}
 .title a{color:#000;}
 .title a:hover{color:#c63f1a;}



	/* Æ÷Åä°Ô½ÃÆÇ */
	.photo_box_wrap{font-size:0px;}


	

	.photo_box{
		display:inline-block; 
		width:33.3%; padding:0 20px; box-sizing:border-box; 
		margin-bottom:0px;
		vertical-align:top;
		}
	.photo_box:nth-child(3n){
		padding-top:90px;
	}
	.photo_box:nth-child(3n-1){
		padding-top:60px;
	}
	.photo_box:nth-child(3n-2){
		padding-top:30px;
	}

	.photo_sum {
		background:#fff;
		line-height: 26px;
		font-size: 14px;
		color:#000;
		border: 1px solid #EAEAEA;
		box-shadow: 0px 0px 32px -25px #000;
		position:relative; width:100%; height:auto; display:inline-block; border:1px solid #EAEAEA;  }

	.photo_item {overflow:hidden; max-height:400px; box-sizing:border-box; padding:20px 20px 0 20px; }
	.photo_item .left{float:left; width:100px;}
	.photo_item .right{float:left; width:calc(100% - 100px); box-sizing:border-box; padding-left:10px;}
	
	.photo_item img{max-width:100%; }
	


	.photo_a {padding:30px; }	
	.photo_a a {color:#000; font-size:24px; line-height:34px; word-break:keep-all; display:block; word-break:keep-all;}
	
	.photo_sum:hover {position:relative; transform:scale(1.1); 
		box-shadow: 0px 0px 32px -20px #000; transition:all 0.3s;}	
	
	.photo_sum:hover .photo_a a{color:#c63f1a;}	






.pre_next{}
	.pre_next tr:nth-child(1) td{border-bottom:1px solid #ccc;}
	.pre_next td{padding:10px 5px;}
	.pre_next td:nth-child(1){width:5%; text-align:center;}
	.pre_next td:nth-child(2){width:75%; text-align:left;}
	.pre_next td:nth-child(3){width:10%; text-align:center;}
	.pre_next td:nth-child(4){width:10%; text-align:center;}

	.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;}
	.paging .c1{color:#c63f1a; font-size:20px; font-weight:bold;}
	


	.top_border {
		border-top: 10px solid #efefef;
	}
	
	.inner_box{color:#000; font-size:20px; padding:30px; overflow:hidden; font-weight:500; color:#000;}

	.title_01{font-size: 32px;  line-height:42px;}
	
	.read_show_head{
		border:1px solid #ccc; padding:40px; border-radius:10px;
		margin-bottom:30px;
		position:relative;
	}
	.read_show_head > div{
		margin-bottom:20px;
	}
	.read_show_head > div:last-child{
		margin-bottom:0px;
	}
	.read_show_head .button_box{
		position:absolute;
		right:40px;
		top:40px;
	}
	

}


@media(max-width:1199px){

	.size8
	{
		font-size: 9px;
	}

	.size9
	{
		font-size: 10px;
	}

	.size10
	{
		font-size: 11px;
	}

	.size11
	{
		font-size: 12px;
	}

	.size12
	{
		font-size: 13px;
	}

	.size13
	{
		font-size: 14px;
	}

	.size14
	{
		font-size: 15px;
	}

	.size15
	{
		font-size: 16px;
	}

	.size16
	{
		font-size: 17px;
	}

	


 .title{font-size: 16px; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
 .title a{color:#000;}
 .title a:hover{color:#c63f1a;}

/* Æ÷Åä°Ô½ÃÆÇ */

.photo_box_wrap{font-size:0px;}
	.photo_box{
		display:block;
		margin-bottom:0px;
		vertical-align:top;
		margin-bottom:20px;
		}
	

	.photo_sum {
		line-height: 26px;
		font-size: 14px;
		color:#000;
		border: 1px solid #EAEAEA;
		box-shadow: 0px 0px 32px -25px #000;
		position:relative; width:100%; height:auto; display:inline-block; border:1px solid #EAEAEA;  }

	.photo_item {overflow:hidden;  box-sizing:border-box; padding:10px 10px 0 10px; }
	.photo_item .left{float:left; width:100px;}
	.photo_item .right{float:left; width:calc(100% - 100px); box-sizing:border-box; padding-left:10px;}
	

	.photo_a {padding:20px 15px; }	
	.photo_a a {color:#000; font-size:20px; line-height:26px; word-break:keep-all; display:block;}
	
	.photo_sum:hover {position:relative; 		box-shadow: 0px 0px 32px -20px #000;}	
	
	.photo_sum:hover .photo_a a{color:#c63f1a;}	











	/* ³»¿ëÀÌ¹ÌÁö »çÀÌÁî */
	.bbs_text img { width:100%; }



	.pre_next{}
		.pre_next tr:nth-child(1) td{border-bottom:1px solid #ccc;}
		.pre_next td{padding:10px 0px;}
		.pre_next td:nth-child(1){width:15%; text-align:center;}
		.pre_next td:nth-child(2){width:35%; text-align:left;}
			.pre_next td:nth-child(2) p{text-overflow: ellipsis;  overflow: hidden; white-space: nowrap;}
		.pre_next td:nth-child(3){width:25%; text-align:center;}
		.pre_next td:nth-child(4){width:25%; text-align:center;}



	.top_border {
		border-top: 5px solid #efefef;
	}
	.inner_box{color:#000;font-size:14px;  padding:20px 10px; overflow:hidden; font-weight:500;}
	.title_01{font-size: 24px; line-height:32px;}	

	.read_show_head{
		border:1px solid #ccc; padding:20px; border-radius:10px;
		margin-bottom:20px;
		position:relative;
		font-size:16px;
	}
	.read_show_head > div{
		margin-bottom:15px;
	}
	.read_show_head > div:last-child{
		margin-bottom:0px;
	}
	.read_show_head .button_box{
		position:absolute;
		right:20px;
		top:20px;
	}
			

}

