#wrap{position:relative;height:100%;min-width:640px;min-height: 540px;overflow:hidden;}
#wrap:before{content:'';position:absolute;bottom:0;left:0;width:100%;height: 526px;background:url(../images/main/main_bg.png) no-repeat 50% 100%;background-size:100% auto;}

#header{
    position:relative;height:50px;padding:10px 0 0 10px;
    border:solid;border-width:2px 0 1px;border-top-color:#8cc11e;border-bottom-color:#ddd;
    box-shadow:0 2px 5px -3px rgba(0, 0, 0, 0.2);
}
#header .logo{
    padding-top: 3px;
}
#header .logo img{width: 25px;}
#header .util{position:absolute;top:13px;right:25px} 
#header .util a{display:inline-block;margin-left:10px;font-weight:400;font-size:15px;color:#6c6c6c;}
#header .util a:first-child{margin-left:0}
#header .util a img{vertical-align:-1px;margin-right:5px}

#container{position:relative;height:calc(100% - 100px)}
#container h2{text-align:center}
#container .general_search{
    position:absolute;top:35%;left:50%;width:calc(100% - 40px);max-width:500px;margin:0 auto;
    -webkit-transform:translate(-50%, -50%);
    -moz-transform:translate(-50%, -50%);
    -ms-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%);
}
#container .general_search .search_category{padding:20px;margin-top:70px;text-align:center;background-color:rgba(255, 255, 255, 0.8);-webkit-border-radius:20px;border-radius:20px}
#container .general_search .search_category:after{content:'';display:block;clear:both;}
#container .general_search .search_category label{float:left;width:25%;font-weight:600;font-size:18px;text-align:center;padding: 10px;color:#999;}
#container .general_search .search_category label.ov,
#container .general_search .search_category label:hover{color:#61b61a}
#container .general_search .search_category label span{display:block;height:50px;margin-bottom:5px;background:no-repeat 50% 50%;}

#container .general_search .search_category .icon_1{background-image:url(../images/main/gsearch_icon_1.png)}
#container .general_search .search_category .ov .icon_1{background-image:url(../images/main/gsearch_icon_1_ov.png)}

#container .general_search .search_category .icon_2{background-image:url(../images/main/gsearch_icon_2.png)}
#container .general_search .search_category .ov .icon_2{background-image:url(../images/main/gsearch_icon_2_ov.png)}

#container .general_search .search_category .icon_3{background-image:url(../images/main/gsearch_icon_3.png)}
#container .general_search .search_category .ov .icon_3{background-image:url(../images/main/gsearch_icon_3_ov.png)}

#container .general_search .search_category .icon_4{background-image:url(../images/main/gsearch_icon_4.png)}
#container .general_search .search_category .ov .icon_4{background-image:url(../images/main/gsearch_icon_4_ov.png)}


#container .general_search .search_keyword{position:relative;margin-top:50px;}
#container .general_search .search_keyword input{
    width:100%;height:40px;padding:0 60px 0 20px;border:1px solid #ddd;
    -webkit-border-radius:50px;border-radius:50px;outline-width:0;
    -webkit-transition:border 300ms;transition:border 300ms;
}

#container .general_search .search_keyword.ov input{-webkit-border-radius:20px 20px 0 0;border-radius:20px 20px 0 0;border-bottom-width:0}

#container .general_search .search_keyword button{position:absolute;top:0;right:0;width:50px;height:40px;}
#container .general_search .search_keyword input:focus{border-color:#8cc11e}

	.ui-widget.ui-widget-content.ui-autocomplete{padding:0 15px 15px;-webkit-border-radius:0 0 20px 20px;border-radius:0 0 20px 20px;border-color:#8cc11e;border-top-width:0}
	.ui-widget.ui-widget-content.ui-autocomplete li{padding:5px 0 5px 15px;border-top:1px dotted #ddd;color:#666;background:url(/images/common/def_li_bullet.png) no-repeat 10px 15px}
	
#container .general_menu{
    position:absolute;top:60%;left:50%;width:calc(100% - 40px);max-width:500px;margin:0 auto;
    -webkit-transform:translate(-50%, -50%);
    -moz-transform:translate(-50%, -50%);
    -ms-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%);
}
#container .general_menu li{float:left;width:33.3%;text-align:center;}
#container .general_menu li a{display:inline-block;padding:5px 10px;border:1px solid #ddd;border-radius:50px;font-size:16px;}
#container .general_menu li a:hover{border-color:#8cc11e;background-color:#8cc11e;color:#fff;}

#footer{z-index:1;position:relative;height:50px;padding-top:15px}
#footer address{text-align:center;font-size:14px;color:#666}


@media (max-width:1000px) {
#wrap:before{bottom:50px;height:100%;background-size:auto;background-position:0 100%}
}

.shortcut{margin-top:30px;text-align:center}
.shortcut a{display:block;float:left;padding:10px 0;font-size:17px;font-weight:500;border:1px solid #ddd;-webkit-border-radius:5px;border-radius:5px;background-color:#fff;color:#999;-webkit-transition:all;-ms-transition:all;transition:all}
.shortcut a:hover{color:#8cc11e;border-color:#8cc11e}

.shortcut.col-4 a{width:24.0625%;margin-left:1.25%;}
.shortcut.col-2{text-align:center}
.shortcut.col-2 a{float:none;display:inline-block;width:24.0625%;margin-left:1.25%;}

.shortcut.col-4 a:first-child{margin-left:0}
.shortcut.col-2 a:first-child{margin-left:0}