.fl {float:left}
.fr {float:right}
.tar {text-align:right}
.tal {text-align:left}
.useful_wrap {width:710px; position:relative; margin-top:50px;}
.useful_wrap * {margin:0; padding:0;}
/* ìƒìœ„ íƒ */
#eUseful_tab {width:710px; height:30px; overflow:hidden;}
#eUseful_tab li {float:left; width:142px; height:30px;}
#eUseful_tab li a {display:block; width:100%; height:100%; background:url("//image.gohackers.com/img/sub/useful_site/tab_menu.gif") no-repeat; text-indent:-9999em;}
#eUseful_tab li a.menu01 {background-position:0 0}
#eUseful_tab li a.menu01:hover,#eUseful_tab li.on a.menu01 {background-position:0 -30px}
#eUseful_tab li a.menu02 {background-position:-142px 0}
#eUseful_tab li a.menu02:hover,#eUseful_tab li.on a.menu02 {background-position:-142px -30px}
#eUseful_tab li a.menu03 {background-position:-284px 0}
#eUseful_tab li a.menu03:hover,#eUseful_tab li.on a.menu03 {background-position:-284px -30px}
#eUseful_tab li a.menu04 {background-position:-426px 0}
#eUseful_tab li a.menu04:hover,#eUseful_tab li.on a.menu04 {background-position:-426px -30px}
#eUseful_tab li a.menu05 {background-position:-568px 0}
#eUseful_tab li a.menu05:hover,#eUseful_tab li.on a.menu05 {background-position:-568px -30px}
/* 하위 íƒ */
.subUseful_tab {position:relative; width:735px; height:30px; margin:15px 0 30px 0; overflow:hidden;}
.subUseful_tab li {float:left; width:60px; margin-right:8px; text-align:center}
.subUseful_tab li a {display:block; width:100%; height:100%; line-height:29px; background:url("../images/finance/bg_buttom_off.gif") no-repeat; text-align:center; outline:none;}
.subUseful_tab li.on a,
.subUseful_tab li a:hover {border-bottom:1px solid #645279; font-weight:bold; color:#645279;}
/* 공통 하위 íƒ width*/
.common li {float:left; width:80px !important; margin-right:8px; text-align:center}
/* ìœ ìš©í•œ 사ì´íŠ¸ 컨í…ì¸ */
div.subUseful_layer {position:relative;}
div.subUseful_section { margin-bottom:25px}
div.subUseful_layer h3.tit {border-bottom:2px solid #645279; padding-bottom:10px}
div.subUseful_layer h3 span {position:absolute; top:0; right:0; font-size:12px; font-weight:normal}
div.subUseful_layer h3 span img {vertical-align:middle}
div.subUseful_layer dl {padding:22px 0; border-bottom:1px solid #ccc; height:81px}
div.subUseful_layer dl dt {float:left; border:1px solid #e3e3e3; margin-right:36px}
div.subUseful_layer dl dd {float:left; width:488px; line-height:16px}
div.subUseful_layer dl dd.title {border-bottom:1px solid #e3e3e3; padding:4px 0 10px; margin-bottom:14px}
div.subUseful_layer dl dd.title strong {font-size:15px; color:#645279; padding-right:5px}
div.subUseful_layer dl dd.title a{color:#645279;}
#footer {height:100%; margin:0; text-align:left; border-top:0px solid #DDDDDD;}
#footer p.btm_logo {float:left; width:320px; margin:-4px 0 8px 0}
ul.faddr_Txt {float:left; width:580px; font-size:11px !important; text-align:left !important}
#footer ul li {line-height:20px}
.contents {width:710px; margin:0 auto}