@charset "utf-8";

html, body, .wrap {height:100%; min-height:100%}

/* body */
body {overflow:auto}

.wrap {position:relative; max-width:1100px; margin:0 auto; background:#efefee}
.clear:after {content:""; display:block; clear:both}

/* header */
.header {position:relative; height:70px; background:#cfa228}
.header .date {width:220px; height:70px; padding-top:25px; text-align:center; font-size:15px; color:#4d4947; background:#ffcd48}
.btn_menu {display:none}
.btn_home {position:absolute; right:105px; top:17px; color:#fff; padding:10px 12px 10px 21px; background:url(/web/images/btn_home_off.png) 0 50% no-repeat; -webkit-background-size:14px 14px; -moz-background-size:14px 14px; background-size:14px 14px}
.btn_home:active {color:#000; background-image:url(/web/images/btn_home_on.png)}
.btn_logout {position:absolute; right:15px; top:17px; padding:10px 10px 10px 32px;color:#775a0b; background:url(/web/images/btn_logout_off.png) 12px 50% no-repeat; -webkit-background-size:13px 14px; -moz-background-size:13px 14px; background-size:13px 14px}
.btn_logout:before {content:""; position:absolute; left:0; top:12px; display:block; width:1px; height:13px; background:#775a0b}
.btn_logout:active {color:#000; background-image:url(/web/images/btn_logout_on.png)}

@media screen and (min-width:800px) {
    .hide-pc {display:none}
}

/* 800px 이하 grid 변화 */
@media screen and (max-width:800px) {
    /* header */
    .header {height:44px;background:#ffcd48; text-align:center}
    .header .date {width:100%; height:44px; padding-top:13px}
    .btn_home {right:0;top:0;width:44px;height:44px;padding:0;background:url(/web/images/btn_home_off_m.png) 50% 50% no-repeat; -webkit-background-size:24px 22px; -moz-background-size:24px 22px; background-size:24px 22px;text-indent:-9000px}
    .btn_home:active {background-image:url(/web/images/btn_home_on_m.png)}
    .btn_logout {display:none}
}