@charset "utf-8";

/* !INFO!
 * Webtree CSS stategy is basically "DESKTOP first"
 * Media query block OUTSIDE : "desktop" design, INSIDE :  "tablet and mobile" rebuilding or customizing
 * editor  :iyjeong
 * pubDate : 2014-02-25
 */

body{
	padding:0;
}

#sheet:before,#sheet:after,
#header:before,#header:after,
#navigation:before,#navigation:after,
#visual:before,#visual:after,
#content:before,#content:after,
#footer:before,#footer:after{
    content: " ";
    display: table;
}

#sheet:after,
#header:after,
#navigation:after,
#visual:after,
#content:after,
#footer:after{
    clear: both;
}

#sheet,
#header,
#navigation,
#visual,
#content,
#footer{	
    *zoom: 1;
}

/* Desktop Styles (Independent design from media-query)
=================================================*/

/* sheet
-----------------------------------------------*/
#sheet {
	max-width:1024px;
	margin:0 auto;
}
.lt-ie9 #sheet{ /* ie7/8 : none-reponsive layout(fixed layout) */
	max-width:none;
	width:1024px;
}

/* header
-----------------------------------------------*/
#header {
	min-height:50px;
}

/* navigation
-----------------------------------------------*/
#navigation {
	min-height:50px;
}

/* visual
-----------------------------------------------*/
#visual {
	min-height:150px;
}

/* content
-----------------------------------------------*/
#content {	
	min-height:468px;
}

/* footer
-----------------------------------------------*/
#footer {
	min-height:50px;
}


/* Tablet Styles
=================================================*/

@media all and (min-width: 720px) and (max-width: 1023px){
	
}


/* Mobile Styles
=================================================*/

@media all and (min-width: 0px) and (max-width: 719px){
	
}


/* layout z-index */

#header{z-index:10005}
#navigation{z-index:10004}
#side01{z-index:10003}
#side02{z-index:10002}
#content{z-index:10001}
#footer{z-index:10005}
#visual{z-index:10000}