/* 상단 레이아웃 */
#hd { position:fixed; left:0; top:0; width:100%; margin: auto; z-index:10; background-color:#ffffff; border-bottom:1px solid #eeeeee; box-sizing:border-box; }
#hd_wrapper {position:relative;margin:0 auto;padding:0px 0 0; zoom:1; height:100px; }
#hd_wrapper:after {display:block; visibility:hidden; clear:both; content:""}

/* 메인 중간 레이아웃 */
#wrapper_main {width:100%; border:0px solid blue; box-sizing:border-box;}
#container_main {width:100%; margin-bottom:100px; padding: 50px 0 0 0; }

/* 서브 중간 레이아웃 */
#wrapper {z-index:4; margin:0 auto; max-width:1000px; zoom:1; }
#wrapper:after {display:block;visibility:hidden;clear:both;content:""}

#container {z-index: 4; /*position: relative;*/ padding: 50px 0 0 0; height: auto !important; min-height: 500px; background: #fff; font-size: 1em; zoom: 1; box-sizing: border-box; margin-bottom:100px;}
#container:after {display:block;visibility:hidden;clear:both;content:""}

/* 하단 레이아웃 */
#ft { width:100%; height:auto; background-color:#eeeeee; /*3c3c3c;*/ border-top:0px solid #ccc; position:relative; padding:0px 0 0px 0; }

/* 스크롤 */
/* width */
::-webkit-scrollbar {
    width: 5px; height:5px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #555;
    border-radius: 10px;
}

@media ( max-width: 767px ) {
	#container_main { padding-top:20px; }
	#container { padding-top:20px; }
}

@media ( max-width: 479px ) {

}