@charset "utf-8";
@import url(webfont.css);
@import url(sub.css);

/* CSS Document */
/*초기화*/
*{margin:0; padding:0;font-family:"Malgun Gothic";letter-spacing:-0.02em;}
body, div, ul, li, dl, dt, dd, ol, p, h1, h2, h3, h4, h5, h6, form, img, span, table, tr,th, td, select, input, textarea, option{-webkit-text-size-adjust:auto;margin:0; padding:0;font-family:"Malgun Gothic";font-style:normal;letter-spacing:-0.5px;}
ul, ol , dl, li {
  padding: 0;
  margin: 0;
  list-style: none;
}

article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary 
{
    display: block;
    margin:0; padding:0;
}
a:active,a:hover {
    outline: 0;
}
a:link, a:visited{text-decoration:none;} 
table {
    border-collapse: collapse;
    border-spacing: 0;
}
ul, ol , dl, li {
  padding: 0;
  margin: 0;
  list-style: none;
}

html , body {position:relative;height:100%;}
.clearfix:after	{content: "."; display: block; height:0px; clear:both; visibility:hidden}
.clearfix	{display: inline-block}
.clearfix	{display: block}
* html	.clearfix	{height:1%} /* Hides from IE-mac */
.clearfix	{zoom:1} /*for IE 5.5-7*/

/* BG */
.bg_white{background-color:#fff}

/*메인*/
body {width:100%;background:#333}
header{position:absolute;width:100%;height:61px;background:#fff;box-sizing:border-box;border-bottom:1px solid #ccc;z-index:9500}

header ul li{display:inline;float:left;width:33.3%;margin-top:15px;}
header ul li:first-child{padding-left:15px;margin-top:10px;}

header > h1 img {margin-left:-55px;width:100%;}
header .btn_login{float:left;margin:-10px 20px 0 0}
header .btn_login img{width:100%}



/*메뉴*/
#lnb{float:left;max-width:80px;width:20%;background:#333;}
#lnb ul li{margin-bottom:-4px}
#lnb ul li img{width:100%}
#container {float:right;width:80%;background:#333}
#lnb ul li.weather{width:70px;height:70px;background:#4a5ea7;padding:5px}
#lnb ul li.weather img{width:30px;height:30px;margin:5px 3px 0 0;background:#4a5ea7}
#lnb ul li.weather li{width:100%;color:#fff;font-size:0.7em}
#lnb ul li.weather li strong{font-size:1.7em;}
#lnb ul li.weather li span{width:100%;color:#fff}
#lnb ul li.weather li.today{padding-top:5px;line-height:1.1em}
#lnb ul li.weather li.today span{color:#eef771}

#change{float:right;width:80%;margin-top:60px;background:#fff}


/* margin & padding */
.mt5{margin-top:5%}
.mt10{margin-top:10%}
.mt_10{margin-top:10px}
.mt_20{margin-top:20px}
.mt020{margin-top:20px}
.mt030{margin-top:30px}
.mt050{margin-top:50px}

.mb5{margin-bottom:5%}
.mb_10{margin-bottom:10px}
.mb10{margin-bottom:10%}

/* 여백 */
.mb10 {margin-bottom:10px !important} 
.mb20 {margin-bottom:20px !important} 
.mb30 {margin-bottom:30px !important} 
.mb40 {margin-bottom:40px !important} 
.mb50 {margin-bottom:50px !important} 
.mt10 {margin-top:10px !important} 
.mt20 {margin-top:20px !important} 
.mt30 {margin-top:30px !important} 
.mt40 {margin-top:40px !important} 
.mt50 {margin-top:50px !important} 
.mr10 {margin-right:10px !important} 
.mr20 {margin-right:20px !important} 
.mr30 {margin-right:30px !important} 
.mr40 {margin-right:40px !important} 
.mr50 {margin-right:50px !important}
.ml10 {margin-left:10px !important} 
.ml20 {margin-left:20px !important} 
.ml30 {margin-left:30px !important} 
.ml40 {margin-left:40px !important} 
.ml50 {margin-left:50px !important}
.pl10 {padding-left: 10px !important}

.ta_c{text-align:center}

/*color*/
.red{color:#f33;}
.green{color:#207268;}
.blue{color:#006caf;}
.bg_green{background-color:#295a55;}
.bg_e{background-color:#f8f8f8}


/*주소*/
#footer{float:left;clear:both;width:100%;padding:10px 0 20px 0;background:#333;}
#footer ul{float:left;}
#footer ul:first-child{margin:10px 0}
#footer ul li{float:left;display:inline;color:#fff;font-size:11px;font-weight:100;padding-left:20px}
#footer ul li a{color:#fff;}
#footer ul li:last-child a{color:#f8b249}