/*-------------------------------------------------
	[천안연암대학 통합검색] CSS
	
	* Version 	: 1.0
	* author	: jun hyung park
	* email		: jhpark@muts.co.kr
	* website	: www.muts.co.kr
-------------------------------------------------*/

@charset "utf-8";
/*
@charset "euc-kr";
*/

@import url("common.css");

.skipMenu{width:100%;}
.skipMenu .hidden{display:none;}
.skipMenu a.accessibility01{position:absolute;display:block;width:100%;left:0px;top:-9999px;text-align:center;z-index:9999;}
.skipMenu a.accessibility01:hover, a.accessibility01:focus, a.accessibility01:active{position:absolute;top:0px;padding:15px 0;font-weight:bold;color:#FFF;background:#293038;z-index:9998;}

/*초기화*/
*{margin:0;padding:0}
html{overflow-x:auto;overflow-y:auto;width:100%;height:100%;}
body{
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;
	font-size:15px;
	color:#444444;
	letter-spacing:0;
	word-spacing:0;
	word-break:break-all;
	font-family:Arial, Helvetica, sans-serif;
	-webkit-text-size-adjust:none;
	}

p, div, ul, ol. li, dt, dl, dd, header, nav, aside, article, section, footer, figure, address, h1, h2, h3, h4, h5, h6{border:0px;margin:0px;padding:0px;}
/*HTML5*/article, aside, hgroup, header, footer, figure, figcaption, nav, section,time, mark, canvas, video, audio, details, summary{display:block;}

table{border-spacing:0;border-collapse:collapse;}
fieldset,img{border:0;}
ul{list-style:none;}
hr{display:none;}
input, select{vertical-align:middle;}

a         {text-decoration:none;color:#444444;}
a:link    {text-decoration:none;color:#444444;}
a:visited {text-decoration:none;color:#444444;}
a:active  {text-decoration:none;color:#444444;}
a:hover   {text-decoration:none;color:#444444;}

/*헤더*/
.header{background:#b92233;padding:15px 0;border-bottom:1px solid #900a19;}
.header .header_inner{color:#FFF; height:45px; padding:0 10px; min-width:312px}
.header .header_inner h1{float:left;}
.header .header_inner h1 img{width:150px;}
/*.header .header_inner .search_wrap{text-align:right; position:relative}*/
.header .header_inner .search_wrap{float:left; position:relative;}

.search_wrap .category{border:2px solid #a21222;padding:6px 7px; width: 80px;}
.search_wrap .keyword{border:2px solid #a21222;padding:6px 7px; width: 60%;}

.search_wrap .btn_search{border:2px solid #2f2f2f;padding:5px 7px; width:80px;background:#444444;color:#FFF;vertical-align:0px;}
.search_wrap .btn_searchmore{border:1px solid #900a19; padding:5px 10px;cursor:pointer;background:#a21222;color:#FFF;}
.search_wrap .btn_guide{border:1px solid #2f2f2f; padding:5px 10px; cursor:pointer;background:#444444;color:#FFF;}

.btn_search{border:2px solid #2f2f2f;padding:5px 7px; width:80px;background:#444444;color:#FFF;vertical-align:0px;margin-top: 1px;cursor: pointer;}
.btn_searchmore{border:1px solid #900a19; padding:5px 10px;cursor:pointer;background:#a21222;color:#FFF;}

.h_block{margin-top:5px;text-align:left;margin-left: 10px;}

.autoList {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #a21222;
    padding: 8px;
    position: absolute;
    text-align: left;
    right: 11px;
    top: 32px;
    width: 59.4%;
    z-index: 100;
}

.autoList li {
    color: #000000;
    display: block;
    font-size: 12px;
    list-style: none outside none;
    padding: 3px;
}

.set_sugicn {
    height: 15px;
    position: absolute;
    right: 27px;
    top: 11px;
    width: 16px;
}

/*
#autoCompleteToOn{
    position: absolute;
}
*/
                     

/*바디*/
.container{overflow:hidden;}
.container .aside{}
.container .bside{display:none;}
.container #contents{padding:15px;clear:both;}

/*좌측*/
.container .aside #gnb{margin:10px;}
#gnb ul{}
#gnb li{}
#gnb li a{display:block;background:#b92233;padding:10px 0;color:#FFF;float:left;width:20%;text-align:center;font-size:12px;}

/*본문*/
h2{font-size:25px;border-bottom:1px solid #444444;padding-bottom:10px;font-weight:normal;}
.con_inner{margin:30px 0;line-height:150%;}

/*우측*/
.container .bside .bside_inner{padding:20px 0;}
.bside_inner h3{font-size:15px;margin-bottom:5px;}
.bside_inner h3 span{color:#c84660;}
.bside_inner ul{border:1px solid #eeeeee;padding:5px 10px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;margin-right:10px;}
.bside_inner li{padding:1px 0;font-size:12px;}
.bside_inner li:last-child{border-bottom:0px;}
.bside_inner li a{text-decoration:underline;}
.bside_inner li a:hover{text-decoration:none;background:#CCC;}
.bside_inner li span.no{display:inline-block;background:#c84660;text-align:center;width:18px;height:14px;padding-top:2px;font-size:10px;font-weight:bold;margin-right:10px;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;color:#FFF;}
.bside_inner li span.grade{float:right;margin-right:10px;font-size:10px;font-weight:bold;}
.bside_inner li span.grade img{margin-right:3px;}

/*풋터*/
.footer{border-top:1px solid #e9e9e9;margin:0 15px;}
.footer .footer_inner{overflow:hidden;position:relative;padding:30px 0;}
.footer_inner address{clear:both;font-style:normal;font-weight:bold;line-height:150%;text-align:center;}
.footer_inner .copy{padding:;text-align:center;}
.footer_inner .go_top{position:fixed;right:10px;bottom:10px;font-size:0px;}
.footer_inner .go_top a{width:40px;height:40px;display:block;background:url(../images/search/m_btn_top.png) no-repeat;background-size:100%;}

/*요소*/
.caution01{background:url(../images/search/caution_01.png) no-repeat 0 3px;padding-left:18px;}
.caution02{background:url(../images/search/caution_02.png) no-repeat 0 3px;padding-left:18px;color:#b92233;}
.caution03{background:url(../images/search/caution_03.png) no-repeat 0 3px;padding-left:18px;color:#3b5a9b;}
.noresult{padding-bottom:10px;margin-bottom:20px;border-bottom:1px solid #e9e9e9;font-weight:bold;font-size:18px;}
.noresult span{color:#b92233;}

/*테이블*/
.tbl01C      {width:100%;}
.tbl01C table{width:100%;margin:0px;padding:0px;border-collapse:collapse;border-top:2px solid #9d9993;}
.tbl01C th   {margin:0px;padding:5px;border:1px solid #FFF;background:#f3f1ed;}
.tbl01C td   {margin:0px;padding:5px;border:1px solid #e9e9e9;text-align:center;line-height:150%;}
.tbl01C th:first-child, td:first-child{border-left:0px;}
.tbl01C th:last-child, td:last-child{border-right:0px;}
.tbl01C tfoot   {background:#e1e1e1;font-weight:bold;}
caption.sty01{text-align:left;font-weight:bold;padding-bottom:5px;}
caption.sty02{display:none;}

/*dl리스트*/
.dl01{}
.dl01 dt{font-weight:bold;margin-top:8px;background:url(../images/search/bul_03.png) no-repeat 0 7px;padding-left:10px;}
.dl01 dd{margin-bottom:8px;font-size:12px;padding-left:10px;}

/*ul리스트*/
.ul01{}
.ul01 ul{}
.ul01 li{background:url(../images/search/bul_03.png) no-repeat 0 11px;padding:3px 0 3px 10px;}

.ul02{margin:20px 0 5px 0;}
.ul02 ul{}
.ul02 li{background:url(../images/search/bul_03.png) no-repeat 0 11px;padding:3px 0 3px 10px;}
.ul02 li span{color:#79a342;}

/*input타입기본꾸미기*/
input, textarea, select{font-size:14px;background:#FFF;}
input[type=text]{-webkit-border-radius:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;}
input[type=button]{-webkit-border-radius:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;}
input[type=radio]{background:#a21222;}
select{-webkit-border-radius:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;}

/*상세검색*/
.option_search{position:relative;background:#a21222;padding:20px;color:#FFF;border:1px solid #900a19;display:none;}
.option_search p{margin-bottom:10px;}
.option_search span{display:block;margin-bottom:5px;}
.option_search .btn_close{position:absolute;right:15px;top:20px;}
.option_search .btn_close img{width:75%;}

/*검색결과*/
.result_value{font-size:17px;margin-bottom:20px;}
.result_category{background:#f1f1f1;padding:15px;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;}
.result_category p{font-weight:bold;font-size:14px;}
.result_category ul{overflow:hidden;margin-top:10px;}
.result_category li{float:left;background:url(../images/search/bul_03.png) no-repeat 0 8px;padding-left:8px;margin-right:15px;}
.result_category li a{font-size:12px;}
.result_sort{text-align:right;padding-bottom:15px;border-bottom:1px solid #e5e5e5;}
.result_list{overflow:hidden;border-bottom:1px solid #d7d7d7;padding:30px 0;}
.result_list h3{font-size:17px;}
.result_list h3 span{font-size:11px;color:#999;}
.result_list h4{font-size:14px;color:#79a342;margin:20px 0 5px 0;}
.result_list h4 a{font-size:10px;color:#999;font-weight:normal;background:#79a342;color:#FFF;padding:3px 5px 2px 5px;margin-left:15px;}
.result_list span.from{display:block;font-size:11px;color:#999;}
.result_list .btn_more{text-decoration:underline;float:right;margin-top:10px;}

/*페이징*/
.paging{text-align:center;margin-top:30px;}
.paging a{display:inline-block;padding:3px 7px;border:1px solid #eeeeee;font-size:11px;font-family:Verdana, Geneva, sans-serif;color:#b0b0b0;}
.paging a:hover{border:1px solid #444444;color:#444444;font-weight:bold;}
.paging a.on{border:1px solid #444444;color:#444444;font-weight:bold;}

/*페이지에러*/
.error{overflow:hidden;}
.error .left{float:left;width:25%;text-align:right;}
.error .left img{}
.error .right{float:right;width:70%;margin-top:35px;}

.search_m{
		display:block;
		width: 32px !important;
		margin-right: 20px;
}
.search_p{display:none;}

@media (max-width:640px){
	.header .header_inner{
		height: 82px;
	}
}
@media (max-width:600px){
	.h_block {
		display: block;
		margin-left: 58px;
	}
	.header .header_inner h1{
		margin-left: 5px;
	}
}
@media (max-width:520px){
	.header .header_inner .search_wrap{
		margin-left: -2%;
	}
	.btn_search{
		width: 74px;
	}
}
@media (max-width:500px){
	.search_wrap .keyword{
		width: 63%;
	}
	.set_sugicn{
		right: 14px;
	}
	.btn_search {
		width: 59px;
		z-index: 999999;
		position: relative;
	}
	.autoList{
		right: 3px;
		width: 62.3%;
	}
	.header .header_inner .search_wrap{
		margin-right: 0%;
	}
	.search_m{
		display:block;
		width: 32px !important;
		margin-right: 20px;
	}
	.search_p{display:none;}
	
}
@media (max-width:400px){
	.search_wrap .keyword{border:2px solid #a21222;padding:6px 7px; width: 46%;}
	.autoList { width: 45.5%; right: 50px;}
	.set_sugicn {
		right: 57px;
	}
	.header .header_inner .search_wrap {
		margin-right: -14%;
	}
}