@charset "euc-kr";

/* base */
* { margin: 0; padding: 0; }
html, body { width: 100%; height: 100%; min-width: 1024px; margin: 0; padding: 0; font-family: Dotum; font-size: 12px; color: #999; }
table { table-layout: fixed; }
img { border: 0; }
ul, li { list-style: none; }
a { color: #999; text-decoration: none; }
a:hover { text-decoration: underline; }
input.txt { height: 15px; padding-left: 2px; padding-top: 3px; color: #999; font-size: 12px; font-family: Dotum; border: 1px solid #9398aa; }
input.file { height: 20px; padding-left: 2px; padding-top: 3px; color: #999; font-size: 12px; font-family: Dotum; border: 1px solid #9398aa; }
input.radio { vertical-align: -2px; margin: 0 3px 0 0; }
*html input.radio { vertical-align: -1px; margin: 0; }
*+html input.radio { vertical-align: -1px; margin: 0; }
input.checkbox { vertical-align: -2px; margin: 0 5px 0 0; border: none; background: none; }
*html input.checkbox { vertical-align: -1px; margin: 0 2px 0 -3px; }
*+html input.checkbox { vertical-align: -1px; margin: 0 2px 0 -3px; }
select { height: 19px; font: 12px Gulim; color: #999999; }
textarea { padding: 8px; color: #999; line-height: 17px; font: 12px Dotum; overflow: auto; background: #ffffff; border: 1px solid #e5e5e5; scrollbar-face-color: #ffffff; scrollbar-shadow-color: #e5e5e5; scrollbar-highlight-color: #e5e5e5; scrollbar-3dlight-color: #ffffff; scrollbar-darkshadow-color: #ffffff; scrollbar-track-color: #ffffff; scrollbar-arrow-color: #e5e5e5; }


/* layout style */
#lifewrap { width: 970px; min-width: 970px; margin: 0 auto; }
#midarea { position: relative; clear: both; width: 970px; padding: 0; margin: 13px 0 0 0; text-align: left; }

#toparea { position: relative; width: 970px; min-width: 970px; height: 133px; text-align: left; }
#toparea h1 { position: absolute; top: 18px; left: 0px; }
#toparea .season_banner { position: absolute; top: 22px; left: 0px; }
#toparea ul.gnb { position: absolute; top: 5px; right: 110px; z-index: 11; height: 18px; }
#toparea ul.gnb li { float: left; padding: 0; margin: 0; }
#toparea ul.gnb li.gnb_chosun { padding: 2px 8px 0 0; margin: 0; }
#toparea ul.gnb li.gnb_life { padding: 4px 0 0 0; }
#toparea ul.gnb li.gnb_life a { color: #727272; font-family: Gulim; font-size: 11px; }
#toparea ul.gnb li.gnb_life span{ padding: 4px 8px 0 8px; color: #c3c3c3; font-size: 11px; }
#toparea ul.gnb li.gnb_more { padding: 5px 12px 0 12px; }
#toparea ul.gnb li.gnb_more span { }
#toparea ul.gnb li.gnb_more span a { padding: 0 8px 0 0; color: #727272; font-size: 11px; font-family: gulim; background: url('http://image.chosun.com/life/art/arr_more.gif') right 3px no-repeat; }
#toparea ul.gnb li.gnb_more .allserviceview { display: none; position: absolute; right: -110px; top: 21px; width: 280px; height: 60px; padding: 10px; background: #fff; border: 1px solid #d7d7d7; }
#toparea ul.gnb li.gnb_more .allserviceview ul { position: static; float: left; width: 70px; height: auto; }
#toparea ul.gnb li.gnb_more .allserviceview ul li { float: none; padding: 0; margin: 0; line-height: 16px; font-size: 11px; color: #666; }
#toparea ul.gnb li.gnb_more .allserviceview ul li a { font-size: 11px; color: #666; }
#toparea ul.gnb li.gnb_more .allserviceview ul li.all_view a { padding: 0 6px 0 0; background: url('http://image.chosun.com/life/art/arr_view.gif') right 2px no-repeat; }
#toparea .gnb_member { display: inline-block; position: absolute; right: 0; top: 3px; width: 106px; height: 14px; *height: 15px; padding: 3px 0 0 0; *padding: 2px 0 0 0; font-size: 11px; color: #d7d7d7; background: none; border: 0px solid #e1e1e1; }
#toparea .gnb_member span { display: inline-block; width: 51px; padding: 0; text-align: center; color: #707070; font-size: 11px; letter-spacing: -1px; }
#toparea .gnb_member span.join { padding-right: 0; }
#toparea .gnb_member span a { color: #707070; }
#toparea .gnb_member span a:hover { color: #222; text-decoration: none; }
#toparea ul.other_section { position: absolute; right: 0; top: 38px; }
#toparea ul.other_section li { float: left; padding: 0 10px 0 0; text-align: right; line-height: 18px; }
#toparea ul.other_section li.end { padding-right: 0; background: none; }
#toparea fieldset { position: absolute; right: 10px; bottom: 15px; z-index: 10; width: 265px; background: none; border: none; }
#toparea fieldset legend { display: none; }
#toparea fieldset input { width: 196px; height: 19px; *height: 17px; padding: 4px 0 0 5px; *padding: 6px 0 0 5px; vertical-align: middle; color: #333; font-size: 12px; font-family: Dotum; border: 2px solid #096502; }
#toparea fieldset img { position: absolute; right: 0; top: 0; *top: 0px; vertical-align: middle; }
@-moz-document url-prefix() {#toparea fieldset img { position: absolute; right: 0; top: 0; *top: 1px; vertical-align: middle; }}
#toparea ul#topmenu { position: absolute; left: 0; top: 81px; width: 970px; height: 45px; padding: 0; background: url('http://db.chosun.com/ui/201209/gnbmenu_bg.gif') 0 0 no-repeat; }
#toparea ul#topmenu li { display: inline; padding: 0; font-size: 1px; }
#toparea ul#topmenu li a.cl { float: left; display: block; height: 45px; text-indent: -99999px; background: url('http://db.chosun.com/ui/201209/gnbmenu_set.gif') no-repeat; }
#toparea ul#topmenu li a.mn_1 { width: 105px; margin: 0 6px 0 0; background-position: 0px -49px; }
#toparea ul#topmenu li a.mn_1:hover { background-position: 0 0; }
#toparea ul#topmenu li.on a.mn_1 { background-position: 0 0 !important; }
#toparea ul#topmenu li a.mn_2 { width: 113px; margin: 0 8px 0 0; background-position: -111px -49px; }
#toparea ul#topmenu li a.mn_2:hover { background-position: -111px 0; }
#toparea ul#topmenu li.on a.mn_2 { background-position: -111px 0 !important; }
#toparea ul#topmenu li a.mn_3 { width: 72px; margin: 0 8px 0 0; background-position: -232px -49px; }
#toparea ul#topmenu li a.mn_3:hover { background-position: -232px 0; }
#toparea ul#topmenu li.on a.mn_3 { background-position: -232px 0 !important; }
#toparea ul#topmenu li a.mn_4 { width: 97px; margin: 0 8px 0 0; background-position: -312px -49px; }
#toparea ul#topmenu li a.mn_4:hover { background-position: -312px 0; }
#toparea ul#topmenu li.on a.mn_4 { background-position: -312px 0 !important; }
#toparea ul#topmenu li a.mn_5 { width: 97px; margin: 0 8px 0 0; background-position: -417px -49px; }
#toparea ul#topmenu li a.mn_5:hover { background-position: -417px 0; }
#toparea ul#topmenu li.on a.mn_5 { background-position: -417px 0 !important; }
#toparea ul#topmenu li a.mn_6 { width: 97px; margin: 0; background-position: -522px -49px; }
#toparea ul#topmenu li a.mn_6:hover { background-position: -522px 0; }
#toparea ul#topmenu li.on a.mn_6 { background-position: -522px 0 !important; }
#toparea ul#topmenu li.on ul { display: block; }
#toparea ul#topmenu li ul { display: none; position: absolute; left: 0; top: 29px; height: 20px; padding: 24px 0 10px 0; background: none; }
#toparea ul#topmenu li ul li { display: inline; float: left; height: 14px; margin: 0 !important; padding: 0 10px 0 9px; background: url('http://image.chosun.com/life/art/bg_bar_sub.gif') right 3px no-repeat; }
#toparea ul#topmenu li ul li.end { padding-right: 0; background: none !important; }
#toparea ul#topmenu li ul li a { font-size: 12px; color: #555; }
#toparea ul#topmenu li ul li a.on { color: #f65369; }



/* main layout */
#contents { float: left; width: 670px; padding: 0; margin: 0 20px 20px 0;}
#peoplerank { float: left; width: 280px; padding: 0; margin: 0; }