/* write CSS */

.subInner_cont_bo {padding:10px 0;}
.subInner_cont_bo table {width:95%; margin:0px auto;}
.subInner_cont_bo table tr th,.subInner_cont_bo table tr td {height:40px; line-height:40px; padding:0 10px; vertical-align:middle; display:block;}
.subInner_cont_bo table tr th {border:1px solid #ccc; background:#f1f1f1;}
.subInner_cont_bo table tr td {border-right:1px solid #ccc; border-left:1px solid #ccc;}
.subInner_cont_bo table tr td:last-child {border-bottom:1px solid #ccc;}


.subInner_cont_bo table tr td select {height:25px; line-height:25px; font-size:1rem; vertical-align:middle;}
.subInner_cont_bo table tr td textarea {width:100%; height:300px; margin:5px 0;}

.btn_green_s > img {vertical-align:middle;}
.regOK {text-align:center; margin:10px 0;}
.regOK > a {display:block; width:300px; border:1px solid #ccc; margin:0 auto; height:40px; line-height:40px; background-color:#971616; color:#fff; transition:all 0.3s ease;}
.regOK > a:hover {background-color:#d44747;}

.style2 {width:98%; margin:5px auto; height:25px; line-height:25px; font-size:1rem; padding:0 0 0 5px; text-align:center;}
.style3 {width:25% !important; height:25px; line-height:25px; font-size:1.167rem; padding:0 0 0 10px; margin:0 5px 0 0; width:180px;}
.style4 {height:320px !important;}

/* serch CSS */

.shBtn {width:10%; margin:10px auto; border:1px solid #777; border-radius:3px; background:#ccc;}
.shBtn:hover {border:1px solid #f1f1f1;}
.shBtn > a {display:block; text-align:center;  height:25px; line-height:25px; border-radius:3px; font-size:1.167rem; transition:all 0.3s ease;}
.shBtn > a:hover {background:#1d1d1d; color:#fff;}


@media all and (min-width:200px) and (max-width:767px) {
	.impo {background:#686868 !important; color:#fff; }	
}


@media all and (min-width:768px) and (max-width:1024px) {

	.subInner_cont_bo {padding:10px 0;}
	.subInner_cont_bo table {width:95%; margin:0px auto;}
	.subInner_cont_bo table tr th,.subInner_cont_bo table tr td {height:40px; line-height:40px; padding:0 10px; vertical-align:middle; }
	.subInner_cont_bo table tr th {border:1px solid #ccc;}
	.subInner_cont_bo table tr td {border-right:1px solid #ccc; border-left:1px solid #ccc;}	
	.subInner_cont_bo table tr td:last-child {border-bottom:1px solid #ccc;}
	
	
	.subInner_cont_bo table tr td select {height:25px; line-height:25px; font-size:1rem; vertical-align:middle;}
	.subInner_cont_bo table tr td textarea {width:100%; height:300px; margin:5px 0;}

	.btn_green_s > img {vertical-align:middle;}
	.regOK {text-align:center; margin:10px 0;}	

	.style2 {width:98%; margin:5px auto; height:25px; line-height:25px; font-size:1rem; padding:0 0 0 5px; text-align:center;}
	.style3 {width:85px; height:25px; line-height:25px; font-size:1.167rem; padding:0 0 0 10px; margin:0 5px 0 0; width:180px;}
	.style4 {height:320px !important;}
	
	/* serch CSS */

	.shBtn {width:10%; margin:10px auto; border:1px solid #777; border-radius:3px; background:#ccc;}
	.shBtn:hover {border:1px solid #f1f1f1;}
	.shBtn > a {display:block; text-align:center;  height:25px; line-height:25px; border-radius:3px; font-size:1.167rem; transition:all 0.3s ease;}
	.shBtn > a:hover {background:#1d1d1d; color:#fff;}

	.impo {background:#686868 !important; color:#fff; }		
}



@media all and (min-width:1025px) {

	.subInner_cont_bo {padding:10px 0;}
	.subInner_cont_bo table {border:1px solid #ccc; border-collapse:collapse; width:95%; margin:0px auto;}
	.subInner_cont_bo table tr th,.subInner_cont_bo table tr td {border:1px solid #ccc; height:40px; line-height:40px; padding:0 10px; vertical-align:middle; display:table-cell;}
	.subInner_cont_bo table tr td input { height:25px; line-height:25px; font-size:1rem; padding:0 0 0 5px; vertical-align:middle;}
	.subInner_cont_bo table tr td input[type='text'] {width:250px;}
	.subInner_cont_bo table tr td select {height:25px; line-height:25px; font-size:1rem; vertical-align:middle; width:257px;}
	.subInner_cont_bo table tr td textarea {width:100%; height:300px; margin:5px 0;}

	.btn_green_s > img {vertical-align:middle;}
	.regOK {text-align:center; margin:10px 0;}

	.style3 {width:85px; height:25px; line-height:25px; font-size:1.167rem; padding:0 0 0 10px; margin:0 5px 0 0;}



	/* serch CSS */
	.shWrap {width:70%; margin:40px auto 0;}
	.shWrap table {width:95%; border-collapse:collapse; margin:0 auto; }
	.shWrap table tr {}
	.shWrap table tr td, .shWrap table tr th {border:1px solid #ccc; height:40px;}
	.shWrap table tr th {background:#f1f1f1;}
	.shWrap table tr td {padding:0 0 0 10px; vertical-align:middle;}
	.Apptit1 {width:100px;}

	.shBtn {width:10%; margin:10px auto; border:1px solid #777; border-radius:3px; background:#ccc;}
	.shBtn:hover {border:1px solid #f1f1f1;}
	.shBtn > a {display:block; text-align:center;  height:25px; line-height:25px; border-radius:3px; font-size:1.167rem; transition:all 0.3s ease;}
	.shBtn > a:hover {background:#1d1d1d; color:#fff;}

	.shListWrap .shListIn {margin:10px 0;}

}

















/* °ü¸®ÀÚ ÆäÀÌÁö list CSS */
.list_wrap {width:1000px; margin:20px auto 0;}
.list_wrap .title {text-align:center; font-size:1.167rem; margin:10px 0;}


.st1 {width:44px; height:16px; background:#479d29; display:inline-block; vertical-align:middle; margin:0 3px; border-radius:7px 7px;}
.st2 {width:44px; height:16px; background:#ffc600; display:inline-block; vertical-align:middle; margin:0 3px; border-radius:7px 7px;}
.st3 {width:44px; height:16px; background:#dc3d3d; display:inline-block; vertical-align:middle; margin:0 3px; border-radius:7px 7px;}
.st4 {width:44px; height:16px; background:#4779f9; display:inline-block; vertical-align:middle; margin:0 3px; border-radius:7px 7px;}

.list_wrap {}
.list_wrap .list_inner {margin:10px 0;}
.list_wrap .list_inner table {border-collapse:collapse; width:100%; margin-top:20px;}
.list_wrap .list_inner table tr th,.list_wrap .list_inner table tr td {border:1px solid #ccc; box-sizing:border-box; padding:0 10px 0 10px; height:30px;}
.list_wrap .list_inner table tr th {background:#f1f1f1;}
.list_wrap .list_inner table tr td a {display:block;}

.imgwrap {text-align:center;}
.imgsize {width:150px; height:100px;}
.exper {height:300px !important; vertical-align:top; overflow-y:auto;}

.viewBtn {height: 50px !important;}
.viewBtnInner {width:250px; margin:5px auto;}
.viewBtn .viewBtnInner:after {content:''; display:block; clear:both;}
.viewBtn .viewBtnInner > a {float:left; }
.list, .del {display:block; border:1px solid #ccc; width:100px; margin:0 10px; text-align:center; transition:all .3s ease; color:#000;}
.list:hover, .del:hover {background:#000; color:#fff;}






/* serch List CSS */
.shListWrap {width:100%; margin:10px 0;}
.shListWrap table {width:95%; border-collapse:collapse; margin:0px auto;}
.shListWrap .shListIn {margin:10px 0;}
.shListWrap table tr {}
.shListWrap table tr td, .shListWrap table tr th {border:1px solid #ccc; height:40px; line-height:40px;}
.shListWrap table tr th {background:#f1f1f1;}
.shListWrap table tr td {padding:0 10px 0 10px; vertical-align:middle;}
.shListWrap table tr td a {display:block; text-align:center;}

.shListTit {width:95%; text-align:center; height:30px; line-height:30px;}
.shListTit > span {color:red; font-weight:bold; font-size:1.167rem;}


/* serchView */
.serchViewWrap {width:95%; margin:10px auto;}
.serchViewWrap h1 {text-align:center;}
.serchViewWrap table {width:95%; border-collapse:collapse; margin:0 auto;}
.serchViewWrap table tr {}
.serchViewWrap table tr td, .serchViewWrap table tr th {border:1px solid #ccc; height:40px;}
.serchViewWrap table tr td {padding:0 0 0 10px; vertical-align:middle;}

.serchViewWrap .serchViewWrap:after {content:''; display:block; clear:both;}
.serchViewWrap .serchViewWrap {width:50%; margin:0 auto;}
.serchViewWrap .serchViewWrap .serchViewBtn {width:40%; height:30px; float:left; margin:0 10px;}
.serchViewWrap .serchViewWrap .serchViewBtn > a {color:#fff; display:block; line-height:30px; text-align:center; font-size:1.167rem; background:#373737; border-radius:5px;}
.serchViewWrap .serchViewWrap .serchViewBtn > a:hover {color:#fff; background:#e34d4d;}