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

.bbs_text {}
.bbs_text img {max-width:700px;}

/*À̹ÌÁö ¾øÀ»¶§*/
.list_text {
	display: inline-block;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    padding: 22px 20px;
	word-break: keep-all;
	font-family:NotoSans, "NGothic";
	font-size :13px;
	background : inherit;
	margin-bottom: 0px;
	line-height : 24px;
}
.list_text > a{
	display: inline-block;
    width: 100%;
    height: 100%;
	overflow:hidden;
	color:#393939;
}
.list_text > a:hover{
	color: #5e5e5e;
}




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


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

.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; border-bottom:1px solid #EAEAEA;}
.photo_a a { font-family:NotoSans, "NGothicB"; font-size:15px; color:#5D5D5D; }
.photo_a a:hover { color:#415ec5; }



@media (min-width:1024px) {
	/* Æ÷Åä°Ô½ÃÆÇ */
	.photo_box{display:inline-block; width:33.3%; padding:10px; box-sizing:border-box; font-size:14px;}
	.photo_sum {position:relative; width:100%; height:auto; display:inline-block; border-top:5px solid #adb8e4; border-left:1px solid #EAEAEA; border-right:1px solid #EAEAEA; border-bottom:1px solid #EAEAEA; }
	.photo_sum:hover { border-top:5px solid #415ec5; border-left:1px solid #415ec5; border-right:1px solid #415ec5; border-bottom:1px solid #415ec5; transition: border 0.5s; }	
	.photo_item { overflow:hidden; width:100%; height:230px; position:relative;}
	.photo_item .type3 { padding:85px 0; }
	.bbs_text {font-size:15px; line-height:160%;}
	.bbs_memo {font-size:15px; line-height:160%;}
	
	.photo_a {padding-bottom: 30px;}	
	.photo_a a {font-family:NotoSans,  "NGothicB"; font-size: 15px; color: #5D5D5D; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
	.photo_a > span {position:absolute;}



.category{text-align:center;}
		.category select {padding-left:10px; font-size:16px;  width:40%; height:40px; border:1px solid #fff; color:#fff;
			background: url(/img/arrow_m.png) no-repeat 95% 50%;
			background-size:8px;
			background-color:#415ec5;
			-webkit-appearance: none;/* ³×ÀÌƼºê ¿ÜÇü °¨Ãß±â */
			-moz-appearance: none;
			appearance: none;
			border-radius: 0px;/* ³×ÀÌƼºê radius ÇØÁ¦ */
			outline:none;
			}
		/* IE 10, 11ÀÇ ³×ÀÌƼºê È­»ìÇ¥ ¼û±â±â */ 
		.category select::-ms-expand { display: none; }
		/* select ¼­ºê ¸Þ´º  */
		.category select option { font-family:NotoSans, "NGothic"; font-size:14px; color:#fff;}


}


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


	/* Æ÷Åä°Ô½ÃÆÇ */
	.photo_box{ width:100%; padding:10px; box-sizing:border-box; font-size:14px;}
	.photo_sum { position:relative; width:100%; height:auto; padding:0; display:inline-block; border:1px solid #EAEAEA; border-top:3px solid #adb8e4; vertical-align:top; }
	.photo_sum:hover { border-top:3px solid #415ec5; border-left:1px solid #415ec5; border-right:1px solid #415ec5; border-bottom:1px solid #415ec5; transition: border 0.5s; }	
	.photo_item { overflow:hidden; width:100%; height:250px; position:relative;}
	.photo_item .type3 { padding-top:20px; }
	.photo_item img{width:100%; height: auto;}

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

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

	/*À̹ÌÁö ¾øÀ»¶§*/
	.list_text {
		display: inline-block;
		width: 100%;
		height: 100%;
		box-sizing: border-box;
		padding: 15px 15px;
	}
.category{text-align:center;}
		.category select {padding-left:10px; font-size:12px;  width:80%; height:30px; border:1px solid #fff; color:#fff;
			background: url(/img/arrow_m.png) no-repeat 95% 50%;
			background-size:8px;
			background-color:#415ec5;
			-webkit-appearance: none;/* ³×ÀÌƼºê ¿ÜÇü °¨Ãß±â */
			-moz-appearance: none;
			appearance: none;
			border-radius: 0px;/* ³×ÀÌƼºê radius ÇØÁ¦ */
			outline:none;
			}
		/* IE 10, 11ÀÇ ³×ÀÌƼºê È­»ìÇ¥ ¼û±â±â */ 
		.category select::-ms-expand { display: none; }
		/* select ¼­ºê ¸Þ´º  */
		.category select option { font-family:NotoSans, "NGothic"; font-size:13px; color:#fff;}	

}


.title { font-family:NotoSans, "NGothic"; font-size:15px; padding-bottom:5px; }
.title a  { color:#666; }
.title a:hover { color:#31ec6f; }

.type1
{
	font-family:NotoSans, "NGothic";
}

.type2
{
	font-family:NotoSans, "NGothicB";
}

.type3
{
	font-family:NotoSans, "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:#7c7c7c; height:30px; padding-top:10px;
				border-left:5px solid #7c7c7c; border-right:5px solid #7c7c7c; border-bottom:5px solid #7c7c7c; }
.btn_write a:hover { border-left:5px solid #415ec5; border-right:5px solid #415ec5; border-bottom:5px solid #415ec5; }



.btn_write2
{
	float:left; width:70px; height:35px; text-align:center; font-size:14px; font-weight:bold; margin-right:10px;
}
.btn_write2 a { color:#7c7c7c; display:block; height:100%; box-sizing:border-box; padding-top:5px;
				border-left:5px solid #7c7c7c; border-right:5px solid #7c7c7c; border-bottom:5px solid #7c7c7c; }
.btn_write2 a:hover { border-left:5px solid #415ec5; border-right:5px solid #415ec5; border-bottom:5px solid #415ec5; }
.btn_write2:after { content:""; clear:both; display:block; }



.btn_write3
{
	float:right; width:50px; height:25px; border:0px solid #0C6; background-color:#7c7c7c; 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:#415ec5;}
.btn_write3:after { content:""; clear:both; display:block; }


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


/***************************************************
*	FONT COLOR
***************************************************/

.copy
{
	color: #666666;
}

.copy3
{
	color : #393939;
}

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