.hakchic-search { display:inline-block; width:100%; margin:0 0 20px 0; padding:20px; background:#f5f5f5; border:solid 1px #e2e2e2; }
.hakchic-search .hakchic-search-right { float:right; width:55%; text-align:right; }
.hakchic-search .hakchic-search-right .ui-btn { margin-bottom:2px; }
.hakchic-search .hakchic-search-right .ui-btn img { display:inline; }
.hakchic-search .hakchic-search-left { float:left; width:45%; text-align:left; }
.hakchic-search .hakchic-search-left input { width:70%; height:38px; padding:7px; }

.hakchic {width:100%;border:#1c334d 2px solid;padding:5%;background:#fff;border-radius:5px}
.hakchic a{ padding-right: 5px; display: inline-block; width:100%; font-weight:400}
.hakchic a span{ vertical-align:middle;  }

.hakchic .icon_polder,
.hakchic .icon_file { width:25px; height:25px; display:inline-block; vertical-align: middle; }
.hakchic .icon_polder{ background:url(/resources/images/main/sub/icon_polder.gif) no-repeat left center}
.hakchic .icon_file{ background:url(/resources/images/main/sub/icon_file.gif) no-repeat left center}
.hakchic .icon_plus,
.hakchic .icon_plusno,
.hakchic .icon_minus {width:13px; height:13px; display:inline-block; vertical-align: middle; }
.hakchic .icon_plus{  background:url(/resources/images/main/sub/icon_plus.gif) no-repeat left center; margin-right:10px; top:13px; left:0px}
.hakchic .icon_plusno{ margin-right:10px}
.hakchic .icon_minus{ background:url(/resources/images/main/sub/icon_minus.gif) no-repeat left center; margin-right:10px; top:13px; left:0px}

.hakchic dl:first-child { border-top:#395ea2 1px solid; }
.hakchic dt { border:#395ea2 1px solid; border-top:0; padding:15px 0px 15px 25px; font-weight:500}
.hakchic dt a img,
.hakchic .has-sub-hakchic01 > a > img { display: none; }

.hakchic dt:hover,
.hakchic dd p:hover { background:#35548e; color:#ffffff; cursor: pointer}
.hakchic dd li p:hover { color:#ffffff; }

.hakchic dd { width:100%; display:inline-block; background:#f4f4f4; padding-bottom:20px; /*margin-bottom:10px;*/ border-bottom:#395ea2 1px solid; }
.hakchic dd a { width: auto; }
.hakchic dd a span{ vertical-align:middle; position:absolute; top:8px; left: 20px}
.hakchic dd .hakchic-down-hwp {  padding-left: 0; }
.hakchic dl:last-child dd { border-bottom:0;}
.hakchic li { position:relative; font-size:14px;    background:url(/resources/images/main/sub/line02.gif) no-repeat 5px 0px ; }
.hakchic li:last-child{    background:url(/resources/images/main/sub/line03.gif) no-repeat 5px 0px  }
.hakchic li p { line-height: 35px; }
.hakchic ul { padding-left:23px}
.hakchic ul li ul {padding-left:23px}
.hakchic ul li p { padding-left:25px}

.hakchic li.has-sub-hakchic01 > ul{ border-left: 1px solid #595959; margin-top: -8px; margin-left: 5px; }
.hakchic li.has-sub-hakchic01:last-child > ul{ border-left: 0; }

@media all and (max-width: 1000px) {

	.hakchic-search { padding:10px; }
	.hakchic-search .hakchic-search-right { width:100%; text-align:center; }
	.hakchic-search .hakchic-search-left { width:100%; margin-bottom:5px; text-align:center; }
	.hakchic-search .hakchic-search-left input { width:50%; }	

}

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

	.hakchic{ border:0px; padding:0px}

}

@media all and (max-width: 400px) {

	.hakchic-search .hakchic-search-right a { width:100%; }
	
}