@import url('reset.css');
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,600);
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://fonts.googleapis.com/css?family=Judson); 


/* menu */
#gnb {position:fixed; left:0; bottom:0; z-index:99; width:100%; height:62px; padding-top:1em; background:#fff; box-shadow: -0.1em -0.1em 0.5em #333}
#gnb li {float:left; text-indent:-9999em; width:25%;}
#gnb li a {display:block; height:49px;}
#gnb li.gnb_login a {background:url(../images/gnb_1_on.gif) no-repeat center top;}
#gnb li.gnb_logout a {background:url(../images/gnb_99_on.gif) no-repeat center top;}
#gnb li.gnb_sayings a {background:url(../images/gnb_2_on.gif) no-repeat center top;}
#gnb li.gnb_mypage a {background:url(../images/gnb_3_on.gif) no-repeat center top;}
#gnb li.gnb_application a {background:url(../images/gnb_4_on.gif) no-repeat center top;}

/* layout */
#wrap {position:relative; width:100%;}
#main_header {background:#000; overflow:hidden;}
#main_header h1 a {float:left; min-width:30%; display:block; color:#fff; font-size:2.5em; text-align:center; line-height:1.8em;}
#top_search {float:left; width:70%; margin-top:1em;}
#top_search input[type='text'] {float:left; width:85%; height:1.7em; font-size:1.5em; font-weight:bold; text-indent:1em; color:#000; border:none;}
#top_search input[type='button'] {float:left; width:15%; height:2.5em; border:none; background:url(../images/icon_search.gif) no-repeat center 4px;}

#today {height:37em; position:relative;}
#today .thumb_people {width:100%; height:37em; position:absolute; left:0; top:0; z-index:2; background:#ffde4c;}
#today .thumb_people img {width:100%; height:30em; opacity:.2; filter:alpha(opacity=20); -moz-opacity:.2;}
#today .thumb_people .name_con {position:absolute; left:0; bottom:0; width:92%; height:4.8em; background:#4470bb; padding:1.1em 4%;}
#today .thumb_people .name_con a {font-size:1.5em; font-weight:bold; color:#fff;}
#today .thumb_people .name_con span {display:block;}
#today .thumb_people .name_con span.tx_korean {font-size:0.85em; padding-top:3px;}
#today .thumb_people .name_con span.tx_source {font-size:1em; padding-top:5px; font-weight:normal; color:#b1c4e4;}
#today .tx_write {width:100%; position:absolute; left:0; top:0; z-index:3; overflow:hidden;}
#today .tx_write table {display:none;}
#today .tx_write .m_layout {display:block;}
#today .tx_write .m_layout td {width:90%; height:30em; padding:5%; text-align:center; vertical-align:middle;}
#today .tx_write .m_layout td a {font-size:3em; line-height:1.1em; font-family:'Open Sans',sans-serif; font-weight:bold; color:#000;}
#today .tx_write .m_layout td a span {display:block; margin-top:1em; font-size:0.5em; line-height:1.35em; font-weight:normal;} 
.today_btn {width:100%; position:absolute; right:1em; bottom:1em; text-align:right}
.today_btn button {width:25%; padding:0.3em; border:none; font-size:1.5em; color:#333; font-style:italic; text-indent:1em; margin-left:0.5em;}
.today_btn button.btn_good {background:#f8c300 url(../images/btn_good.gif) no-repeat -0.3em 0.05em; background-size:3em;}
.today_btn button.btn_bad {background:#f8c300 url(../images/btn_bad.gif) no-repeat -0.3em 0.05em; background-size:3em;;}

#liveissue {overflow:hidden; background:#eee; padding-top:0.75em;}
#liveissue li {margin:0.75em; padding:1em; background:#fff; border-bottom:1px solid #ddd; border-right:1px solid #ddd; overflow:hidden;}
#liveissue li img {float:left; width:5em; height:5em; border-radius:3em;}
#liveissue .opacity {float:left; width:75%; margin:0.75em 0 0 0.85em;}
#liveissue .opacity a {display:block; font-family:'Open Sans',sans-serif; color:#000; font-size:1.3em; font-weight:bold; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
#liveissue .opacity a span {display:block; font-size:0.9em; font-weight:normal; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}

#footer {clear:both; padding:0.5em 1em 7em 1em; background:#eee; text-align:center; font-size:1em; font-family:'Open Sans',sans-serif; color:#666;}
#footer span {width:20px; display:inline-block; color:#666;}
#footer a {color:blue; text-decoration:underline;}

/* common */
.hidden {font-size:0; width:0; height:0; text-indent:-9999em;}