@charset "euc-kr";


/**
 * ¸ð¹ÙÀÏ¼îÇÎ¸ô ½½¶óÀÌµù¸Þ´º
 */

body { position:relative; height:100%; }
#wrap { min-height:100%; }

/* È®Àå */
html.expand body { position:fixed; top:0; left:0; width:100%; }
html.expand #container { -webkit-transform: translate(87%, 0); -moz-transform: translate(87%, 0); -ms-transform: translate(87%, 0); -o-transform: translate(87%, 0); transform: translate(87%, 0); }
html.expand #btnFoldLayout { z-index:405; }
html.expand #aside { z-index:0; overflow-x:hidden; }


/* aside */
#aside { z-index:-1; visibility:hidden; position:absolute; left:0px; top:0px; bottom:0; overflow:auto; overflow-x:hidden; min-width:255px; width:87%; font-size:13.5px; background-color:#f9f9f9; }


/* aside */

#main .menutap {
	position:relative;
	height:0px;
	padding:5px 0 0 90px;
	background:#fff;
}

#header .cate {
	position:absolute;
	left:10px;
	top:25px;
	width:68px;
	height:13px;
	vertical-align:middle;
}

#header .cate a {
	display:inline-block;
	overflow:hidden;
	width:100%;
	height:100%;
	white-space:nowrap;
	text-indent: 100%;
	background: url(http://www.propose-bom.co.kr/m/images/all.png) no-repeat 0 0;
	background-size:13px 13px;
}



.sidebar > .tab {
	margin:0;
	padding:0;
	float:left;
	list-style:none;
	height:70px;
	width:100%;
	text-align:center;
}

.sidebar > .tab li {

	width:33.3%;
	height:70px;
	float:left;
	line-height:70px;
}


.listbar {
	margin:0;
	padding:0;
	float:left;
	clear:both;
	width:100%;

}

.listbar > ul > li {
	border-bottom:1px solid #d1d1d1;
	padding:10px 20px;
	font-size:16px;
	line-height:20px;
	color:#333;
}



#click1, #click2, #click3, #click4 {
	font-size:12px;

}




/* conatiner */
#container {
    z-index:100; position:relative; overflow:hidden; margin-top:-1px; margin-left:-1px; background-color:#fff;
    -webkit-transition:280ms; -moz-transition:280ms; -ms-transition:280ms; -o-transition:280ms; transition:280ms;
    -webkit-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden;
}

/* btnFoldLayout */
#btnFoldLayout {
    display:none; position:absolute; left:87%; top:0; right:0; bottom:0; width:280px%; height:100%; opacity:0;
    -webkit-tap-highlight-color:rgba(0, 0, 0, 0); and -webkit-focus-ring-color:rgba(0, 0, 0, 0);
}

