@charset "utf-8";

body { background:#e3e7e8 url('/media/img/front/skin/bg_main_1.gif') no-repeat top; }
#top { height: 68px; }
#top div.gnb { position: absolute; left: 4px; top: 36px; z-index: 2; }
#body { width: 952px; margin-left: 4px; z-index: 1; }
#footer { margin-top: 11px; background: url('/media/img/front/skin/bg_4.gif') repeat-x top; }

#gnb { height: 32px; }

div.mainBtn { position: absolute; top: 350px; right: -1px; }
div.recentSec { float: left; background: url('/media/img/front/skin/bg_recent_left_1.gif') no-repeat left top; margin-right: 7px; }
div.recentSec div.in { height: 151px; background: url('/media/img/front/skin/bg_recent_right_1.gif') no-repeat right top; }

div.recentSec1 { width: 195px; }
div.recentSec2 { width: 455px; }
div.recentSec3 { width: 288px; margin: 0; position: relative; z-index: 1; }
div.flash1{ padding: 7px 0 0 7px;}
div.noflash{ padding: 20px 0 0 20px;}
/*
div.recentSec1 h2 { padding: 14px 0 0 19px; }
div.recentSec1 ul { margin: 16px 0 0 19px; height: 70px; background: url('/media/img/front/skin/img_recent_1.gif') no-repeat 94px 0; }
*/
div.recentSec2 h2 { display: none; }
div.recentSec2 ul { float: left; width: 412px; background: url('/media/img/front/skin/t.gif') repeat-x bottom; margin-left: 21px; padding-top: 16px;  display: inline; }
div.recentSec2 ul li { float: left; cursor: pointer; }
div.recentSec2 ul li img { display: block; }
div.recentSec2 ul li.more { float: right; margin-top: 3px; }
div.recentSec2 ul li.more a { padding: 5px 0; display: block; }
div.recentSec2 table { clear: both; width: 412px; margin: 11px auto 0 auto; z-index: 20; }
div.recentSec2 table td { background: url('/media/img/front/icon/arrow_2.gif') no-repeat 6px 9px; padding: 3px 0 0 18px; line-height: 140%; }
div.recentSec2 table td.date { background: none; padding-left: 0; text-align: center; color: #4477cb; letter-spacing: 0px; }

div.recentSec3 h2 { padding: 16px 0 0 19px; }
div.recentSec3 a.view { position: absolute; right: 14px; top: 13px; }
div.recentSec3 dl { margin: 15px 0 0 19px; }
div.recentSec3 dl dt, div.recentSec3 dl dd { float: left; }
div.recentSec3 dl dt div.img { position: relative; border: 2px solid #f3f3f3; width: 96px; }
div.recentSec3 dl dt div.img img { display: block; }
div.recentSec3 dl dt div.img div.award { position: absolute; left: -2px; top: -2px; }
div.recentSec3 dl dt { margin-right: 5px; height: 95px; }
div.recentSec3 dl dd { width: 150px; }
div.recentSec3 dl dd p.tit { font-size: 12px; font-weight: bold; color: #001c90; line-height: 120%; }
div.recentSec3 dl dd p.date { color: #4477cb; line-height: 150%; margin-bottom: 3px; letter-spacing: 0px; }
/*div.recentSec3 dl dd p.conts { line-height: 120%; }*/
div.recentSec3 dl dd p.conts { line-height: 120%; text-align: justify }
div.recentSec3 dl dd p.tit a:link, div.recentSec3 dl dd p.tit a:visited { color: #001c90; text-decoration: none; cursor: pointer; }
div.recentSec3 dl dd p.tit a:hover, div.recentSec3 dl dd p.tit a:active { color: #000000; text-decoration: none; cursor: pointer; }