@charset "utf-8";

:focus { outline: 0; }
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section {display: block;}
audio,loader,video {display: inline-block;*display: inline;*zoom: 1;}
audio:not([controls]) {display: none;}

/*top*/
.goods {}
.goods > span::after{content: ", ";}
.goods > span:last-of-type {content:"";}


.style_menu{margin-top:-16px;margin-bottom:30px;font-size:20px;}
.style_menu_1 {}
.style_menu_1 span{color:#ffffff;padding:10px 30px;border-radius:30px;-moz-border-radius:30px;-webkit-border-radius:30px;border:3px dotted #ffffff;}
.part_1 {background-color:rgba(60,162,253,0.5);}
.part_2 {margin-left:-17px;background-color:rgba(255,138,138,0.7);}
.part_3 {margin-left:-17px;background-color:rgba(126,207,112,0.7);}

.top_title {font-size:25px;font-weight:bold;margin-bottom:30px;}

/*�˻�*/
.search_box{height:40px;}
.inputText{clear:both;width:240px;height:40px;padding-left:10px;}
.search_btn{width:60px;height:40px;}
/*list*/


.insert_keyword{text-align:center;font-size:40px;color:#8a8a8a;margin:40px 0;}
.insert_content {border:1px solid #c1c1c1;border-radius:5px;-webkit-border-radius:5px; -moz-border-radius:5px;margin-bottom:5px;overflow:hidden;background-color:#ffffff;}
.insert_title{width:20%;float:left;border:0px;padding:8px 10px;}
.insert_title label{line-height:31px;height:31px;color:#666;}
.insert_input{width:80%;float:left;border-left:1px solid #c1c1c1;padding:8px 10px;}
.insert_input input {font-size:17px;width:100%;line-height:31px;height:31px;color:#666;border:0;padding:0 10px;}
.insert_input select {font-size:17px;width:30%;line-height:31px;height:31px;color:#666;border:1 dotted #c1c1c1;padding-left:9px;}
.insert_content{clear:both;}
.insert_content ::-webkit-input-placeholder {color:#ffacac} /*�ȳ� ���� ����*/
.insert_content ::placeholder {color:#ffacac}
.insert_content ::-ms-input-placeholder {color:#ffacac}
/*���� ��ư*/
.butts {
	box-shadow:inset 0px 2px 0px 0px #ffffff;
	background-color:#ffffff;
	border-radius:4px;
	border:1px solid #dedede;
	display:inline-block;
	cursor:pointer;
	color:#666666;
	font-size:16px;
	font-weight:bold;text-align:center;
	padding:11px 0;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
	width:47%;margin-top:30px;
}
.butts:hover {
	background:linear-gradient(to bottom, #f6f6f6 5%, #ffffff 100%);
	background-color:#f6f6f6;
}
.butts:active {
	position:relative;
	top:1px;
}

/*�׺���̼�*/
.page_navi{text-align:center;}
.page_navi .pg_select{border:1px solid #ddd; background:#eee; color:black;}
.page_navi a{font-weight:bold; color:#555; padding:5px 9px; display:inline-block; border-radius:3px; border:1px solid #fff;}
.page_navi a:hover{border:1px solid #ddd; background:#eee; }
.text{border:1px solid #fff; padding:4px; border-radius:5px;}
.text:hover{border:1px solid #ddd; background:#eee;}



@media all and (min-width:871px)
{
	.insert_butt{margin:5px auto;width:500px;}
}

@media all and (min-width:480px) and (max-width:870px)
{
	.style_menu{margin-top:-36px;margin-bottom:30px;font-size:20px;}
	.insert_form{margin:5px auto;width:100%;max-width:500px;}
	.insert_title{width:30%;padding:8px 10px;}
	.insert_input{width:70%;padding:8px 10px;}
	.insert_input select {width:60%;line-height:31px;height:31px;color:#666;border:1 dotted #c1c1c1;padding-left:9px;}
	.insert_butt{margin:5px auto;width:80%;}
}

@media all and (max-width:480px)
{	
/*���̺�*/
	.doc_list table{width:94%;margin:0 auto;}
	.th_1{display:none;font-size:13px;}
	.th_2{font-size:13px;}
	.th_3{font-size:13px;}
	.th_4{width:50px;font-size:13px;}
/*����*/
	.style_menu{margin-top:-36px;margin-bottom:30px;font-size:20px;}
	.insert_form{margin:5px auto;width:100%;padding:0 10px;font-size:14px;}
	.insert_title{width:30%;padding:8px 10px;}
	.insert_input{width:70%;padding:8px 10px;}
	.insert_input input {font-size:14px;width:100%;line-height:31px;height:31px;color:#666;border:0;padding:0 10px;}
	.insert_input select {font-size:14px;width:60%;line-height:31px;height:31px;color:#666;border:1 dotted #c1c1c1;padding-left:9px;}
	.insert_butt{margin:5px auto;width:100%;}
}