@charset "euc-kr";
/* font */
*{margin:0;padding:0;font-weight:normal;list-style:none;font-weight:normal;text-decoration:none;}
body{background-color:#e2e2e2;font:1.0em "Helvetica Neue", Helvetica, NanumBarunGothic, "³ª´®¹Ù¸¥°íµñ", "Noto Sans Korean", "Apple SD Gothic Neo", "Malgun Gothic", AppleGothic, Dotum, "µ¸¿ò", sans-serif}
.clear{display:block; float:none; clear:both; height:0; width:100%; font-size:0 !important; line-height:0 !important; overflow:hidden; margin:0 !important; padding:0 !important;}
/* head */
.topbox{height:52px;padding:0 10px;background-color:#ff556b;}
.topbox .left{float:left;width:35px;margin-top:8px;}
.topbox .right{width:35px;margin-top:8px;float:right;}
.topbox h1{position:absolute;left:20%;width:60%;margin-top:5px;text-align:center;}
.topbox a{color:#fff;font-size:20pt;}

/* quick menu */
.btn_menu {display:none;position:fixed;bottom:45px;left:10px;width:40px;height:30px;padding:5px 7px 9px 5px;border-radius:5px;background:#ff00dd;cursor:pointer;z-index:9999;filter:alpha(opacity=70);opacity:0.7;-moz-opacity:0.3;}
.btn_menu .bar {width:40px;height:5px;margin-top:5px;border-radius:5px;background:#fff;}
.btn_menu_rsvt {display:none;position:fixed;bottom:43px;padding-top:10px;left:70px;cursor:pointer;z-index:9999;filter:alpha(opacity=70);opacity:0.7;-moz-opacity:0.3;}

/* left menu */
#wrapper {position:relative;width:100%;background:#fff;overflow:hidden;}
#cv_area {position:relative; background:#fff;}

.navi {width:200px;} 
.gnb .menu_list {width:100%;border-top:1px solid #4e4e4e;border-bottom:1px solid #000;}
.gnb .menu_list.first {border-top:0;}
.gnb .menu_list.last {border-bottom:0;}
.gnb .menu_list a {display:block;height:45px;padding-left:15px;color:#fff;font-size:16px;font-weight:bold;line-height:45px;}
.menu_sub .sub_list a {display:block;height:35px;padding-left:20px;color:#fff;font-size:16px;font-weight:bold;line-height:35px;}

.left_menu {position:absolute;left:-200px;width:200px;height:100%;background-color:#2d2f37;z-index:50;overflow-y:auto;}

#wrapper.show_lft {background-color:#2d2f37;}
#wrapper.show_lft .left_menu {left:0;}
#wrapper.show_lft #cv_area {left:200px;overflow:hidden;}
#wrapper.show_lft #footer {left:200px;overflow:hidden;}
#wrapper.show_lft .btn_menu {left:210px;}


/* contents */
.title_box{background-color:#fff;padding-bottom:8px;}
.title_box h3{padding:5px 10px;border-bottom:1px solid #b4b4b4;}

.pension_list li{background-color:#fff;}
.pension_list .box{padding:10px 10px 0 10px;margin:10px 0;}
.pension_list .bar{height:8px;background:url("../images/bg_list_bottom.gif");}
.pension_list .left_box{position:relative; z-index:1;display:'';}
.pension_list .left_box_p{position:absolute; left:0px; top:0px; z-index:5;width:150px;}
.pension_list .point{float:left;padding:5px 0;width:60px;background-color:#3aaf2e;color:#fff;font-size:0.7em;text-align:center;}
.pension_list .dc{float:left;padding:5px 0;width:60px;background-color:#d62f2f;color:#fff;font-size:0.7em;text-align:center;}
.pension_list span{font-size:1.8em;font-weight:bold;}

.pension_list h4{float:left;}
.pension_list h4 a{color:#000;font-weight:bold;}
.pension_list .keytext{float:right;}
.pension_list .dctext{float:left;margin-top:10px;color:#e12c2c;}
.won_box{float:right;width:80px;}
.won_box .won{font-size:0.8em;text-decoration: line-through;color:#6f6f6f;}
.won_box .wondc{float:right;color:#1b61d4;font-weight:bold;}

/* view */
.view_box{margin:10px 0;background-color:#fff;padding:10px;}
.view_box .left_box{position:relative; z-index:1;display:'';}
.view_box .left_box_p{position:absolute; left:0px; top:0px; z-index:5;width:150px;}
.view_box .point{float:left;padding:5px 0;width:60px;background-color:#3aaf2e;color:#fff;font-size:0.7em;text-align:center;}
.view_box .dc{float:left;padding:5px 0;width:60px;background-color:#d62f2f;color:#fff;font-size:0.7em;text-align:center;}
.view_box span{font-size:1.8em;font-weight:bold;}
.view_box .bar{height:8px;background:url("../images/bg_list_bottom.gif");}

.pension_info {font-size:0.9em;padding:10px 0;}
.pension_info span{font-size:0.9em;}
.pension_info .red{color:red;}
.pension_info .blue{color:blue;}
.pension_info .u{color:#6f6f6f;text-decoration: line-through;}
.member_info{margin-top:10px;border:5px solid #e5e5e5;padding:10px;}
.member_info h4{font-weight:bold;line-height:30px;}
.member_info p{float:left;font-size:0.9em;}

.bottom_lay{}
/* footer */
.copy{float:left;width:100%;padding:10px 0;background-color:#2d2d2d;font-size:0.8em;color:#fff;text-align:center;}
.copy a{color:#fff;}

.btm_box{text-align:center;padding:15px 10px 10px 10px;}
.btm1{margin:0;padding:8px 15px;border:1px solid #a91818;background-color:#d62f2f;color:#fff;width:30%;font-weight:bold;text-align:center;}
.btm2{margin:0;padding:8px 15px;border:1px solid #146caf;background-color:#2188d7;color:#fff;width:50%;font-weight:bold;text-align:center;}
.btm3{margin:0;padding:8px 15px;border:1px solid #444;background-color:#838383;color:#fff;width:50%;font-weight:bold;text-align:center;}