/* Login */
.ologin {width:178px;height:149px;border:1px solid #d5d5d5;border-top:0px none;background-color:#f1f4f9;overflow:hidden}
.ologin ul {margin:0;padding:0;list-style:none}
.ologin a{color:#333}
.ologin .ol_title{height:40px;background:url('../img/titleSet.gif') no-repeat;display:block}
.ologin .ol_title > h2 {margin:0;padding:0;display:none;font-size:0;line-height:0;overflow:hidden}
.ologin .ol_body{position:relative;height:110px;background:url('../img/loginSet.gif') no-repeat;font-size:12px;font-family:"돋움",Dotum}
#ol_before > .ol_body{background-position:0 0}
#ol_after > .ol_body{background-position:0 -117px}

/* form */
.ologin .ol_body #uid {position:absolute;display:inline-block;top:12px;left:6px}
.ologin .ol_body #upw {position:absolute;display:inline-block;top:39px;left:6px}
.ologin .ol_body .input{width:118px;height:26px;padding-left:8px;vertical-align:top;border:0;line-height:1.6em}
.ologin .ol_body .input:focus {border-color:#365b95;background:#206cc1;color:#fff}
.ologin .ol_body .ol_submit{position:absolute;top:11px;left:124px;width:51px;height:55px;background:url('../img/btnSet.gif') no-repeat 0 0;border:0;font-size:0;line-height:0;}
.ologin .ol_body .ol_auto{position:absolute;display:inline-block;top:79px;left:10px}
.ologin .ol_body .ol_auto label {letter-spacing:-0.1em;color:#666;font-weight:normal}
.ologin .ol_body .ol_auto input {width:10px;height:10px;vertical-align:middle;letter-spacing:-0.1em}
.ologin .ol_body .ol_join{position:absolute;display:inline-block;top:79px;left:67px}
.ologin .ol_body .ol_info{position:absolute;display:inline-block;top:79px;left:130px}

/* info */
.ologin .ol_body .user_info{position:relative;height:23px;overflow:hidden}
.ologin .ol_body .user_info .user_name{position:relative;margin:3px 0 0 10px}
.ologin .ol_body .user_info .user_name:after{clear:both;display:block;content:'';}
.ologin .ol_body .user_info .user_name a{float:left;color:#2f3743;font-weight:bold;font-size:12px;text-decoration:none}
.ologin .ol_body .user_info .user_name a:hover{text-decoration:underline}
.ologin .ol_body .user_info .user_name a>strong{display:inline-block;overflow:hidden;max-width:85px;width:auto;_width:80px;white-space:nowrap;text-overflow:ellipsis;vertical-align:top}
.ologin .ol_body .user_info .logout{position:absolute;top:3px;right:6px;width:51px;height:18px;background: url(../img/btnSet.gif) no-repeat -51px 0;display:block;text-indent: -999px}
.ologin .ol_body .point_info{position:relative;margin:2px 6px 0 10px}
.ologin .ol_body .point_info:after{clear: both;display:block;content:'';}
.ologin .ol_body .point_info>li{float:left;position:relative;overflow:hidden;margin:0;padding:0 10px 0 0;white-space:nowrap}
.ologin .ol_body .point_info>li.kin{width:62px}
.ologin .ol_body .point_info>li.point{width:80px}
.ologin .ol_body .point_info>li .pi_name{overflow:hidden;color:#5b6473}
.ologin .ol_body .point_info>li .cnt{position:absolute;display:block;top:0;left:34px;width:36px;overflow:hidden;margin-left:4px;color:#557df6;font-family:dotum,sans-serif;font-weight:bold;font-style:normal;text-align:left;letter-spacing:0px}
.ologin .ol_body .point_info>li.point .cnt{width:50px}
.ologin .ol_body .links{position:absolute;top:73px;left:1px;width:177px;height:33px;background-color:#f9f9f9}
.ologin .ol_body .links:after{clear:both;display:block;content:'';}
.ologin .ol_body .links li{float:left;margin-left:2px}
.ologin .ol_body .links li a{display:block;overflow: hidden;width:57px;height:33px;text-indent:-999px}
.ologin .ol_body .links li.chk{background:url(../img/btnSet.gif) no-repeat 0 -101px}
.ologin .ol_body .links li.mypage{background:url(../img/btnSet.gif) no-repeat -58px -101px}
.ologin .ol_body .links li.msg{background:url(../img/btnSet.gif) no-repeat -116px -101px}
.ologin .ol_body .links li.chk a:hover,
.ologin .ol_body .links li.chk a:focus{background:url(../img/btnSet.gif) no-repeat 0 -135px}
.ologin .ol_body .links li.mypage a:hover,
.ologin .ol_body .links li.mypage a:focus{background:url(../img/btnSet.gif) no-repeat -58px -135px}
.ologin .ol_body .links li.msg a:hover,
.ologin .ol_body .links li.msg a:focus{background:url(../img/btnSet.gif) no-repeat -116px -135px}

/* color theme */
.red_layout .ologin .ol_title{background-position:0 0}
.green_layout .ologin .ol_title{background-position:0 -45px}
.blue_layout .ologin .ol_title{background-position:0 -90px}
.brown_layout .ologin .ol_title{background-position:0 -135px}

.gage_info{position:relative;margin:2px 6px 0 10px}
.gage_info .level_percent{position:absolute;top:0px;left:0;width:32px;height:20px;padding:2px 0 0 2px;color:#5b6473;font-weight:bold;overflow:hidden;background:url(../img/btnSet.gif) no-repeat -51px -19px}
.gage_info .level_bar{position:relative;margin:0 0 0 38px;width:124px;background:url('../img/btnSet.gif') no-repeat 0 -56px}
.gage_info .level_bar,
.gage_info .level_bar>div.bg{height:22px;overflow:hidden}
.gage_info .level_bar>div.bg{background:url('../img/btnSet.gif') no-repeat 0 -78px}
.gage_info .level_bar>div.txt{position:absolute;top:3px;left:0;width:124px;text-align:center;font-size:11px;font-weight:bold}