/***************************************************
*
*	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
***************************************************/
.select{
  position: relative;
  display: inline-block;
  margin-bottom: 15px;
  width :200px;

}

.category{
  display:inline-block;
  width:100%;
 padding:10px 30px 10px 15px;
  appearance:none;
  -webkit-appearance:none;
  -moz-appearance:none;
}

.category::-ms-expand{
  display:none;
}

.select__arrow{
  position: absolute;
  top :16px;
  right: 15px;
  width :0;
  height :0;
  pointer-events: none;
  border-style :solid;
  border-width: 8px 5px 0 5px;
  border-color: #999 transparent transparent transparent;
}

.read_content { line-height:160%; width:auto; word-break:break-all; }
.read_content img {}



	.type1
	{
		
	}

	.type2
	{
		
	}

	.type3
	{
		
	}

	.btn_write
	{
		display:block; width:120px; margin:0 auto;
	}
	.btn_write a { display:block; color:#393939; height:40px; line-height:35px;  border:5px solid #aaa; border-top:0;  box-sizing:border-box;  text-align:center; font-size:18px;  }
	.btn_write a:hover { border-left:5px solid #008adf; border-right:5px solid #008adf; border-bottom:5px solid #008adf; }



	.btn_write2
	{
		float:left; margin-right:10px;
	}
	.btn_write2 a { color:#393939; display:block;
					border:5px solid #aaa; 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 #008adf; border-right:5px solid #008adf; border-bottom:5px solid #008adf; }
	.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:#aaa;  color:#FFF; display:block; text-align:center; font-size:13px;  }
	.btn_write3 a:hover { color:#fff; background-color:#008adf;}
	.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: 1300px){

	.size8
	{
		font-size: 14px;
	}

	.size9
	{
		font-size: 15px;
	}

	.size10
	{
		font-size: 16px;
	}

	.size11
	{
		font-size: 17px;
	}

	.size12
	{
		font-size: 18px;
	}

	.size13
	{
		font-size: 19px;
	}

	.size14
	{
		font-size: 20px;
	}

	.size15
	{
		font-size: 21px;
	}

	.size16
	{
		font-size: 22px;
	}

	.title {padding-left:20px;   font-size:20px; padding-bottom:5px; }
	.title a  { color:#000;}
	.title a:hover { color:#0071bc; }



 .read_content img {width:auto; max-width:1300px; height:auto;} 

 .boardTable_head{}
	.boardTable_head tr td{font-size: 16px;
    background: #fbfbfb; border-right:1px solid #eee; border-bottom:1px solid #eee; padding:10px 0; font-weight:bold;}
	.boardTable_head tr td:last-child{border-right:0px dashed #eee;}
	.boardTable_head tr td:nth-child(1){width:5%}
	.boardTable_head tr td:nth-child(2){width:70%}
	.boardTable_head tr td:nth-child(3){width:10%}
	.boardTable_head tr td:nth-child(4){width:5%}
	.boardTable_head tr td:nth-child(5){width:10%}

 .boardTable{}
	.boardTable tr td:nth-child(1){width:5%}
	.boardTable tr td:nth-child(2){width:70%}
	.boardTable tr td:nth-child(3){width:10%}
	.boardTable tr td:nth-child(4){width:5%}
	.boardTable tr td:nth-child(5){width:10%}
	.board_box{border-top:10px solid #eee;}

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



.search{
	padding-top:5px;
}

.search input{
	width:550px; height:50px; border: 1px solid #999999; padding:0px;  vertical-align:middle; font-size:24px;
}
.search a{
	display:inline-block; width:70px; height:50px; line-height:48px; border: 1px solid #999999; vertical-align:middle; font-size:20px;
}


.read_info{margin:20px 20px; text-align:left;}
.read_box{margin:20px 20px; text-align:left;}
.read_title{border:1px solid #CCCCCC; padding:25px; margin-bottom:20px;}
	.read_title_p{padding-left:75px;  text-indent:-75px; font-size:32px;}
.read_content{margin-top:0px; padding:25px; border-top:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC;}



}






@media screen and (min-width: 1024px) and (max-width: 1299px){

	.size8
	{
		font-size: 12px;
	}

	.size9
	{
		font-size: 13px;
	}

	.size10
	{
		font-size: 14px;
	}

	.size11
	{
		font-size: 15px;
	}

	.size12
	{
		font-size: 16px;
	}

	.size13
	{
		font-size: 17px;
	}

	.size14
	{
		font-size: 18px;
	}

	.size15
	{
		font-size: 19px;
	}

	.size16
	{
		font-size: 20px;
	}

	.title {padding-left:20px;   font-size:18px; padding-bottom:5px; }
	.title a  { color:#000;}
	.title a:hover { color:#0071bc; }

 .read_content img {width:auto; max-width:1300px; height:auto;} 

 .boardTable_head{}
	.boardTable_head tr td{font-size: 16px;
    background: #fbfbfb; border-right:1px solid #eee; border-bottom:1px solid #eee; padding:10px 0; font-weight:bold;}
	.boardTable_head tr td:last-child{border-right:0px dashed #eee;}
	.boardTable_head tr td:nth-child(1){width:5%}
	.boardTable_head tr td:nth-child(2){width:70%}
	.boardTable_head tr td:nth-child(3){width:10%}
	.boardTable_head tr td:nth-child(4){width:5%}
	.boardTable_head tr td:nth-child(5){width:10%}

 .boardTable{}
	.boardTable tr td:nth-child(1){width:5%}
	.boardTable tr td:nth-child(2){width:70%}
	.boardTable tr td:nth-child(3){width:10%}
	.boardTable tr td:nth-child(4){width:5%}
	.boardTable tr td:nth-child(5){width:10%}
	.board_box{border-top:10px solid #eee;}

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



.search{
	padding-top:5px;
}

.search input{
	width:450px; height:40px; border: 1px solid #999999; padding:0px;  vertical-align:middle; font-size:20px;
}
.search a{
	display:inline-block; width:70px; height:40px; line-height:38px; border: 1px solid #999999; vertical-align:middle; font-size:18px;
}


.read_info{margin:20px 20px; text-align:left;}
.read_box{margin:20px 20px; text-align:left;}
.read_title{border:1px solid #CCCCCC; padding:25px; margin-bottom:20px;}
	.read_title_p{padding-left:75px;  text-indent:-75px; font-size:32px;}
.read_content{margin-top:0px; padding:25px; border-top:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC;}



}



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


	
	.size8
	{
		font-size: 11px;
	}

	.size9
	{
		font-size: 12px;
	}

	.size10
	{
		font-size: 13px;
	}

	.size11
	{
		font-size: 14px;
	}

	.size12
	{
		font-size: 15px;
	}

	.size13
	{
		font-size: 16px;
	}

	.size14
	{
		font-size: 17px;
	}

	.size15
	{
		font-size: 18px;
	}

	.size16
	{
		font-size: 19px;
	}



	.title {  font-size:20px; padding-bottom:5px; }
	.title a  { color:#000}
	.title a:hover { color:#0071bc; }


 .title{padding-left:10px; font-size: 16px; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
 .read_content img {width:100%;}

  .boardTable_head{}
	.boardTable_head tr td{font-size: 16px;
    background: #fbfbfb; border-right:1px solid #eee; border-bottom:1px solid #eee; padding:10px 0; font-weight:bold;}
	.boardTable_head tr td:last-child{border-right:0px dashed #eee;}
	.boardTable_head tr td:nth-child(1){width:10%}
	.boardTable_head tr td:nth-child(2){width:40%}
	.boardTable_head tr td:nth-child(3){width:25%}
	.boardTable_head tr td:nth-child(4){width:10%}
	.boardTable_head tr td:nth-child(5){width:15%}


  .boardTable{}
	.boardTable tr td:nth-child(1){width:10%} 
	.boardTable tr td:nth-child(2){width:40%}
	.boardTable tr td:nth-child(3){width:25%}
	.boardTable tr td:nth-child(4){width:10%}
	.boardTable tr td:nth-child(5){width:15%}
	

	.boardTable tr td:nth-child(2) p{
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		padding:0 3px
	}

	.board_wrapper{
		position: relative;
	}

	.board_wrapper:before {
		content: "¡Ø ¿À¸¥ÂÊÀ¸·Î ½ºÅ©·Ñ Çϼ¼¿ä!";
		display: block;
		text-align: right;
		color: #109dff;
		font-size: 16px;
		margin-bottom: 10px;
	}

	.board_wrapper:after {
		content: "";
		display: block;
		position: absolute;
		width: 50px;
		height: calc(100% - 32px);
		background-image: linear-gradient(to right, rgba(255,255,255,0.1), white);
		right: 0;
		top: 32px;
	}

	.board_wrap{width: 100%; overflow-x: scroll;}
		.board_box{width: 120%; border-top:10px solid #eee;}

	
	

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




	.search{
		padding-top:5px;
	}

	.search input{
		width:250px; height:30px; border: 1px solid #999999; padding:0px;  vertical-align:middle;
	}
	.search a{
		display:inline-block; width:50px; height:30px; line-height:28px; border: 1px solid #999999; vertical-align:middle;
	}



	.read_info{margin:10px 10px; text-align:left;}
	.read_box{margin:10px 10px; text-align:left;}
	.read_title{border:1px solid #CCCCCC; padding:10px; margin-bottom:10px;}
		.read_title_p{padding-left:55px;  text-indent:-55px; font-size:24px; word-break:keep-all;}
	
	.read_content{margin-top:0px; padding:10px; border-top:1px solid #CCCCCC;  border-bottom:1px solid #CCCCCC;}

	.select{
	  width :100%;

	}
}


@media(max-width: 767px) {



	.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:20px; padding-bottom:5px; }
	.title a  { color:#000}
	.title a:hover { color:#0071bc; }



 .title{padding-left:10px; font-size: 16px; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
 .read_content img {width:100%;}

  .boardTable_head{}
	.boardTable_head tr td{font-size: 16px;
    background: #fbfbfb; border-right:1px solid #eee; border-bottom:1px solid #eee; padding:10px 0; font-weight:bold;}
	.boardTable_head tr td:last-child{border-right:0px dashed #eee;}
	.boardTable_head tr td:nth-child(1){width:10%}
	.boardTable_head tr td:nth-child(2){width:40%}
	.boardTable_head tr td:nth-child(3){width:25%}
	.boardTable_head tr td:nth-child(4){width:10%}
	.boardTable_head tr td:nth-child(5){width:15%}


  .boardTable{}
	.boardTable tr td:nth-child(1){width:10%} 
	.boardTable tr td:nth-child(2){width:40%}
	.boardTable tr td:nth-child(3){width:25%}
	.boardTable tr td:nth-child(4){width:10%}
	.boardTable tr td:nth-child(5){width:15%}
	

	.boardTable tr td:nth-child(2) p{
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		padding:0 3px
	}

	.board_wrapper{
		position: relative;
	}

	.board_wrapper:before {
		content: "¡Ø ¿À¸¥ÂÊÀ¸·Î ½ºÅ©·Ñ Çϼ¼¿ä!";
		display: block;
		text-align: right;
		color: #109dff;
		font-size: 16px;
		margin-bottom: 10px;
	}

	.board_wrapper:after {
		content: "";
		display: block;
		position: absolute;
		width: 50px;
		height: calc(100% - 32px);
		background-image: linear-gradient(to right, rgba(255,255,255,0.1), white);
		right: 0;
		top: 32px;
	}

	.board_wrap{width: 100%; overflow-x: scroll;}
		.board_box{width: 160%; border-top:10px solid #eee;}

	
	

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




	.search{
		padding-top:5px;
	}

	.search input{
		width:150px; height:30px; border: 1px solid #999999; padding:0px;  vertical-align:middle;
	}
	.search a{
		display:inline-block; width:50px; height:30px; line-height:28px; border: 1px solid #999999; vertical-align:middle;
	}


	.read_info{margin:10px 10px; text-align:left;}
	.read_box{margin:10px 10px; text-align:left;}
	.read_title{border:1px solid #CCCCCC; padding:10px; margin-bottom:10px;}
		.read_title_p{padding-left:55px;  text-indent:-55px; font-size:24px; word-break:keep-all;}
	
	.read_content{margin-top:0px; padding:10px; border-top:1px solid #CCCCCC;  border-bottom:1px solid #CCCCCC;}

	.select{
	  width :100%;

	}
}