@font-face{

  font-family: 'NanumGothic';

  font-style: normal;

  font-weight: bold;

  src:url("/common/front/font/NanumGothic.eot");

  src:url("/common/front/font/NanumGothic.eot?") format('eot');

  src: local('☺'), url("/common/front/font/NanumGothicBold.eot"), url('/Static/Font/Daum_SemiBold.woff') format('woff'), url('/common/front/font/NanumGothicBold.ttf') format('truetype'); }



@font-face{

  font-family: 'NanumGothic';

  font-style: normal;

  font-weight: normal;

  src:url("/common/front/font/NanumGothic.eot");

  src:url("/common/front/font/NanumGothic.eot?") format('eot');

  src: local('☺'), url("/common/front/font/NanumGothic.eot"), url('/Static/Font/Daum_Regular.woff') format('woff'), url('/common/front/font/NanumGothicBold.ttf') format('truetype'); }





/* base

-----------------------------------------------*/

html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, font, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

b, u, i, center,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend { margin: 0; padding: 0; border: 0;}



html {overflow-y:scroll;}

body { background:url("/common/front/images/layout/bg_body.gif") #fafafa 0 top repeat-x; color: #333; font-size:12px; font-family:'NanumGothic'; line-height:14px; }

html,body { height:100%; }

select, input, textarea { font-size: 100%; vertical-align: middle; }

h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }

em {font-style:normal;}



a:link { color: #333; text-decoration: none; }

a:visited { color: #333; text-decoration: none; }

a:hover { color: #333; text-decoration: none; }

a:active { color: #333; text-decoration: none; }

a:focus { color: #333; text-decoration: none; }

a, img {selector-dummy: expression(this.hideFocus=true);}



input { margin: 0; padding: 0; }

.input { border:1px solid #aeaeae; padding:3px 5px 4px 5px; #padding:3px 5px; color:#666; font-family:'NanumGothic'; vertical-align:middle }

.radio { margin-right:2px; margin-left:2px; margin-bottom:2px; _margin-bottom:4px; }

select { border:1px solid #aeaeae; color:#666; padding:2px 1px 3px 1px; font-family:'NanumGothic'; vertical-align:middle  }

ol, ul { list-style: none; }

hr { clear: both; display: none; }

legend, caption { width: 0; height: 0; overflow: hidden; visibility: hidden; font-size: 0; line-height: 0; }

.hidden { position: absolute; width: 0; height: 0; overflow: hidden; visibility: hidden; padding: 0; font-size: 0; line-height: 0; }

input.check { border:none !important; }

button {background:none; border:none; padding:0; margin:0; cursor:pointer;}

button.btn_img img, .btn.btn_img img {vertical-align:middle;}



#skip { display:none; overflow:hidden; height:0; font-size:0; line-height:0; text-indent:-1000px;}

#wrapAll { height:100%; }

#wrap { position:relative; height:100%; margin:0 auto; }



#header { position:relative; width:1149px; height:235px; margin:0 auto; z-index:10;}

#visual, #visualMain { position:relative; width:1149px; height:235px;}

#visual h1, #visualMain h1 { display:inline-block; margin:37px 0 0 18px; }

.viMenu { background:url("/common/front/images/layout/visual.jpg") 0 0 no-repeat; }

.viMenu01 { background:url("/common/front/images/layout/visual01.jpg") 0 0 no-repeat; }

.viMenu02 { background:url("/common/front/images/layout/visual02.jpg") 0 0 no-repeat; }

.viMenu03 { background:url("/common/front/images/layout/visual03.jpg") 0 0 no-repeat; }

.viMenu04 { background:url("/common/front/images/layout/visual04.jpg") 0 0 no-repeat; }

.viMenu05 { background:url("/common/front/images/layout/visual05.jpg") 0 0 no-repeat; }

#menu { position:absolute; top:0; right:0; }

#menu #linkMenu { clear:both; overflow:hidden; position:absolute; top:0; right:0; width:463px; }

#menu #linkMenu .linkMap { float:left; width:115px; height:21px; padding:0 0 0 7px; background:#e5e5e5; }

#menu #linkMenu .linkMap a { overflow:hidden; height:21px; padding:0 5px;}

#menu #linkMenu .linkMap img {vertical-align:top; margin-top:5px;}

#menu #linkMenu .linkOut { float:left; }

#menu #gnb { clear:both; margin-top:38px; } 

#menu #gnb:after {content:"."; display:block; height:0; font-size:0; clear:both; visibility:hidden;}

#menu #gnb ul { clear:both; margin-right:-10px; }

#menu #gnb li { position:relative; float:left; padding:0 10px; }

#menu #gnb li a { display:inline-block; height:16px; overflow:hidden; font-size:0; line-height:0; }

#menu #gnb li .subgnb { position:absolute; left:10px; top:15px; overflow:hidden; width:195px; margin-top:5px; }

#menu #gnb li .subgnb ul { position:absolute;}

#menu #gnb li .subgnb li { float:none; padding:0; margin-bottom:1px; }

#menu #gnb li .subgnb li a { height:17px; overflow:hidden; font-size:0; line-height:0; }

#menu #gnb li .subgnb.multi {width:392px;}

#menu #gnb li .subgnb.multi ul {width:195px !important; margin:0;}

#menu #gnb li .subgnb.multi ul.col2 {right:0;}

#menu #gnb li .last { left:-100px; }



#wrapOut { clear:both; width:1149px; min-height:100%; margin:-235px auto -120px auto;}

*html #wrapOut { height:100%;} 

#wrapIn { overflow:hidden; padding:235px 0 120px 0; zoom:1;}

#lnb { float:left; width:198px; margin-top:45px; padding-right:51px;}

#lnb .tit { margin-bottom:6px; }

#lnb .tit .titTxt { display:inline-block; height:40px; }

#lnb ul { width:177px; overflow:hidden;}

#lnb li { position:relative; font-size:0; line-height:0;}

#lnb li a { display:block;  height:29px; overflow:hidden; }

#lnb li .lnbSub { _overflow:hidden; padding:0 0 1px; position:relative;}

*+html #lnb li .lnbSub { overflow:hidden; }

#lnb li .lnbSub ul { border-bottom:1px solid #ecdfcd; }

#lnb li .lnbSub li a { height:24px;}

#lnb li .lnbSub li.last { padding:0 0 3px;}



#contents { float:right; width:900px; padding-bottom:100px;}

#contents h3 {padding:0 0 20px 20px;}

#location { position:relative; margin-bottom:30px; padding-bottom:20px; border-bottom:1px solid #a47550; *zoom:1; z-index:8;}

#location .path { position:absolute; top:16px; right:0; color:#999; font-size:11px;}

#location .path a { color:#999; }

#location .path em { color:#666; }

#location.noline {margin-bottom:20px; padding:0; border:none;}

#location.noline .path {top:100%; margin-top:-12px; margin-bottom:12px;}

#textual {}



#footer { clear:both; width:100%; height:120px; background:url("/common/front/images/layout/bg_footer.gif") repeat-x;}

#footer .footerIn { width:1149px; margin:0 auto;}

#footer .info { clear:both; overflow:hidden; height:30px;}

#footer .info dl { position:relative; float:left; font-size:11px;}

#footer .info dl.new01 dd { width:280px; margin-right:50px; margin-left:56px;}

#footer .info dl.new02 dd { width:280px; margin-right:50px;}

#footer .info dl.new03 dd { width:280px;}

#footer .info dt { position:absolute; left:0; display:inline-block; padding:9px 10px 0 15px; background:url("/common/front/images/layout/ico_info.gif") 0 12px no-repeat;}

#footer .info dd { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin-left:67px; line-height:30px;}

#footer .link { position:relative; height:90px; clear:both; *zoom:1;}

#footer .link .footerLogo { float:left; display:inline-block; margin-top:25px; }

#footer .link .linkList { float:left; width:588px; margin:25px 0 0 35px; overflow:hidden;}

#footer .link .linkList ul { clear:both; display:block; }

#footer .link .linkList li { float:left; padding-right:13px; margin-right:12px; background:url("/common/front/images/layout/footer_link_div.gif") right 1px no-repeat; }

#footer .link .linkList li img { vertical-align:top; }

#footer .link .linkList li.last { background:none; padding:0; margin:0;}

#footer .link .linkList .copy { clear:both; width:400px; _margin-top:-5px; padding-top:8px; }

#footer .link .banner { float:left; margin:18px 0 0;}

#footer .link .familySite { position:relative; float:right; margin-top:25px; /*position:absolute; top:25px; right:0;*/ }

#footer .link .familySite img { vertical-align:top; }

#footer .link ul.familyList { position:absolute; bottom:19px; left:0; width:121px; padding:10px 0 7px; border:1px solid #dcdcdc; background-color:#f2f2f2;}

#footer .link ul.familyList li { padding:0 8px; line-height:18px;}

#footer .link ul.familyList li a:hover {color:#f4a10f;}



#popup {padding:20px; background:none; background-color:#fafafa;}

#popup h1 {position:relative; height:57px; background-color:#666; color:#fff;}

#popup h1 img {margin:16px 0 0 17px;}

#popup h1 span {position:absolute; right:15px; top:29px; letter-spacing:-1px;}

#popup #contents {float:none; width:auto; padding:0;}

#popup .list {padding:0 20px;}

#popup .list li {margin:15px 0 0; padding-left:8px; background:url("/common/front/images/common/bl_list01.gif") left 6px no-repeat; line-height:18px;}

#popup .grid {margin-bottom:20px;}

.inquiry, .result {padding:0 20px; background-color:#fff; border-bottom:1px solid #e3e3e3;}

.inquiry input {height:18px; padding:0; background-color:#f5f5f5; border:1px solid #e5e5e5; line-height:18px;}

.inquiry td {padding:15px 0;}

.inquiry td img {vertical-align:middle;}

.inquiry th, .inquiry td {font-size:14px; font-weight:normal; text-align:left; border-bottom:1px dotted #cbcbcb;}

.inquiry .last th, .inquiry .last td {border:none;}

.result {margin:30px 0;}

.result th, .result td {color:#ef820e; font-size:14px; font-weight:normal; border-bottom:1px dotted #cbcbcb; line-height:40px;}

.result th {text-align:left;}

.result td {text-align:right;}

.result .last th, .result .last td {border:none;}



/* main

-----------------------------------------------*/

#main { position:relative; height:100%;}

#main #header {overflow:hidden;}

#main #wrapOut { width:100%; height:100%; margin:-235px auto -120px;}

#main #wrapIn { padding:0; height:100%;}

#main #footer { width:auto; position:relative;}

.min_height { height: expression(document.body.clientHeight < 902? "900px":document.body.clientHeight > 939? "937px" : "auto");}

/* multi device */

#wrap.mobile { width:100%; height:937px; min-width:1260px; background:url("/common/front/images/main/bg_body.jpg") no-repeat center top;}

#wrap.mobile.intro {background:url("/common/front/images/main/bg_intro.jpg") no-repeat center top;}

#wrap.mobile #wrapOut { position:relative; width:1260px;}

#wrap.mobile #wrapIn {  overflow:hidden; width:1149px; margin:0 auto; padding:0;}

#wrap.mobile .paginate {position:absolute; bottom:175px; left:0; width:100%; }

#wrap.mobile .paginate .page_num a { width:auto; height:11px; padding:0 1px; cursor:pointer; line-height:17px;}

#wrap.mobile .paginate .page_num a:hover {background:none;}

#wrap.mobile .area { position:relative; width:2000%; margin-top:178px; min-height:500px;}

#wrap.mobile .area:after {content:"."; display:block; height:0; font-size:0; clear:both; visibility:hidden;}

#wrap.mobile .guide, #wrap.mobile .guide_detail { position:absolute; left:0; top:0; width:1149px; min-height:500px;}

#wrap.mobile .guide_detail { display:none;}

#wrap.mobile .image {float:left; width:505px; height:366px; margin:0 60px 0 38px;}

#wrap.mobile .image.detail {width:433px; height:auto; margin:0 40px 0 38px;}

#wrap.mobile .type {height:18px; padding:0 0 20px;}

#wrap.mobile .type li {float:left; margin-right:4px;}

#wrap.mobile .tit {margin-bottom:20px;}

#wrap.mobile .desc {position:relative; float:left; width:492px; padding-top:0px;}

#wrap.mobile .desc.detail {width:538px; padding-top:52px;}

#wrap.mobile .desc .graph {margin:20px 0;}

#wrap.mobile .unit {margin-bottom:10px; text-align:right;}

#wrap.mobile .graph {overflow:hidden;}

#wrap.mobile .graph .item {float:left; width:72px; height:16px; margin-bottom:6px;}

#wrap.mobile .graph .item img {margin-top:2px; vertical-align:top;}

#wrap.mobile .graph .bar {float:left; width:420px; height:16px; margin-bottom:6px;}

#wrap.mobile .graph .bar span {overflow:hidden; display:block; height:16px; text-align:right;}

#wrap.mobile .graph em { display:inline-block; padding-right:10px; color:#fff; font-size:11px; font-family:verdana; font-weight:bold; font-style: italic; line-height:16px;}

#wrap.mobile .graph .color01 {background:url("/common/front/images/main/bg_graph01.gif") no-repeat left top;}

#wrap.mobile .graph .color01 em { background:url("/common/front/images/main/bg_graph01.gif") no-repeat right top;}

#wrap.mobile .graph .color02 {background:url("/common/front/images/main/bg_graph02.gif") no-repeat left top;}

#wrap.mobile .graph .color02 em { background:url("/common/front/images/main/bg_graph02.gif") no-repeat right top;}

#wrap.mobile .graph .color03 {background:url("/common/front/images/main/bg_graph03.gif") no-repeat left top;}

#wrap.mobile .graph .color03 em { background:url("/common/front/images/main/bg_graph03.gif") no-repeat right top;}

#wrap.mobile .btn {position:absolute; left:0; top:335px;}

#wrap.mobile .btn2 {text-align:center;}

#wrap.mobile .slide_btn .prev {position:absolute; left:0; top:50%; margin:-90px 0 0; z-index:100;}

#wrap.mobile .slide_btn .next {position:absolute; right:0; top:50%; margin:-90px 0 0;  z-index:100;}

#intro { position:relative; float:left; width:1149px; min-height:500px;}

#intro img {margin:28px 0 0 90px;}

#product01, #product02, #product03, #product04, #product05, #product06, #product07, #product08, #product09, #product10 { position:relative; float:left; width:1149px; min-height:500px;}





/* table

-----------------------------------------------*/

table {width:100%; border-collapse:collapse; table-layout:fixed;}



table.list {margin-bottom:0;}

table.list tr th {height:34px; line-height:34px; border-top:1px solid #decec2; border-bottom:1px solid #decec2; color:#333; font-weight:normal; }

table.list tr td {height:39px; line-height:39px; border-bottom:1px dotted #cbcbcb; text-align:center;}

table.list tr td.title {padding-left:20px; text-align:left;}

table.list tr td.title a {display:inline-block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; width:460px; color:#333;}

table.list tr td.title img {margin:13px 5px 0 0; vertical-align:top;}

table.list tr.new td {background-color:#fff;}

table.list tr.new td.title {padding:0;}



table.list.product tr th {height:32px; line-height:32px; border:none; color:#333; font-weight:normal; background-color:#f0f0f0;}

table.list.product tr td {height:29px; line-height:29px; border-bottom:1px solid #f0f0f0; text-align:center;}



table.view {margin-bottom:0;}

table.view thead tr td {height:34px; line-height:34px; border-top:1px solid #decec2; border-bottom:1px solid #decec2;}

table.view tbody tr td {padding:30px 20px; line-height:18px;}

table.view tr td.title {padding-left:20px; color:#333; font-size:14px;}

table.view tr td.title img {margin:0 15px 0 0; vertical-align:middle;}

table.view tr td.date {padding-right:20px; color:#999; text-align:right;}



table.prev_next {margin-top:30px; border-top:1px solid #decec2;}

table.prev_next tr th, table.prev_next tr td {height:30px; line-height:30px; color:#333; border-bottom:1px solid #decec2;}

table.prev_next tr th {width:89px; text-align:center; font-weight:normal; background:url("/common/front/images/common/bg_thline.gif") right 4px no-repeat;}

table.prev_next tr td {padding-left:20px;}

table.prev_next tr td.not {color:#999;}

table.prev_next tr td a {color:#333;}



table.pic tr td {height:auto; line-height:42px; padding:}

table.pic tr td.title {padding:5px 0 5px 20px;}

table.pic tr td.title a {color:#666;}

table.pic tr td.title img {float:left; margin:0 20px 0 0; vertical-align:middle; border:1px solid #ebebeb;}



table.detail {margin-bottom:30px; border-top:1px solid #f0f0f0;}

table.detail th, table.detail td {border-bottom:1px solid #f0f0f0; line-height:39px;}

table.detail th {background-color:#f5f5f5; font-size:14px; font-weight:normal; text-align:center;}

table.detail td {padding:0 20px;}

table.detail td strong {color:#e1940c; font-size:14px;}

table.detail td .arrow {margin:0 6px;}

table.detail td .num {line-height:53px;}

table.detail td .num img {vertical-align:middle; margin:0 10px 0 0;}

table.detail td ul {padding:17px 20px 14px; background-color:#f5f5f5; border:1px solid #f0f0f0;}

table.detail td li {line-height:18px;}

table.detail td li em {color:#e1940c;}

table.detail td.view {padding-bottom:20px;}



.faq {border-top:1px dotted #cbcbcb;}

.faq .list {padding:0 20px; border-bottom:1px dotted #cbcbcb;}

.faq .question {position:relative; height:39px; line-height:39px; padding-right:32px;}

.faq .question a {display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; color:#333;}

.faq .question span {position:absolute; top:14px; right:0;}

.faq .question p {float:left; width:64px;}

.faq .answer {display:none; padding:20px 0; line-height:18px; border-top:1px solid #decec2;}

.faq .answer .headline {padding-bottom:20px; color:#a47550; font-size:18px; line-height:22px; border-bottom:1px solid #decec2;}

.faq .answer .tit {margin:15px 0; color:#333; font-size:14px;}

.faq .answer .help {color:#f4a10f; margin-top:15px;}

.faq .on {background-color:#fff;}

.faq .on .question a {color:#f4a10f; font-size:14px;;}



.paginate {margin-top:30px; text-align:center;}

.paginate {display:block;}

.paginate .page_num {display:inline-block; margin:0 20px; vertical-align:top;}

.paginate .page_num a {display:inline-block; width:24px; height:24px; cursor:pointer; font-size:13px; line-height:24px;}

.paginate .page_num a.selected {color:#f06b00; background:url("/common/front/images/common/bg_paging.gif") left top no-repeat;}

.paginate .page_num a:hover {background:url("/common/front/images/common/bg_paging.gif") left top no-repeat;}

.paginate button {height:26px; margin-top:-1px; line-height:26px; cursor:pointer;}

.paginate button.prev, .paginate button.next {width:84px; margin:-1px 7px 0; _margin:-1px 10px 0;}

.paginate button.first, .paginate button.end {width:27px; border:none;}

.paginate button img {*vertical-align:top;}



/* thumbnail

-----------------------------------------------*/

.thumb_list {overflow:hidden; margin:-20px 0 20px; padding:20px; border-bottom:1px dotted #cbcbcb; *zoom:1; clear:both;}

.thumb_list .pic {float:left; width:228px; border:1px solid #ebebeb;}

.thumb_list .pic p {padding-left:15px; font-size:13px; line-height:37px;}

.thumb_list .pic strong {color:#333; font-weight:normal;}

.thumb_list p {line-height:18px;}

.thumb_list .info {margin-left:250px;}

.thumb_list .info strong {display:inline-block; width:65px; margin-right:7px; border-right:1px solid #ddd; font-weight:normal; line-height:12px;}

.thumb_list .title {overflow:hidden; white-space:nowrap; text-overflow:ellipsis; line-height:40px; margin-bottom:14px; border-bottom:1px dotted #cbcbcb; color:#333; font-size:14px;}

.thumb_list .title a {color:#333; font-size:14px;}

.thumb_list .sub {margin:12px 0 8px; color:#333; font-size:14px;}

.thumb_list .sub span {margin-left:10px; color:#666; font-size:10px;}

.thumb_list .person {color:#999;}

.thumb_list.read {margin-bottom:0; border-bottom:none;}

.thumb_list.read .title {font-size:18px;}

.thumb_list.head {margin:-20px 0 30px;}

.thumb_list.head .title {height:23px; line-height:18px; border-bottom:1px solid #f9e5c2; color:#f4a10f; font-size:18px; letter-spacing:-1px;}

.thumb_list.head button {width:110px; height:21px; margin-top:5px;}

.thumb_list .txt {margin-left:0;}

.thumb_list .txt p {overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

.thumb_list .txt .sub {margin:0 0 8px;}

.thumb_list.first {border-top:1px dotted #cbcbcb;}

.thumb_list.last {margin-bottom:30px;}



a.area_link {display:block; overflow:hidden; background-color:#fafafa; margin-bottom:-1px; *cursor:pointer; *zoom:1;}

a.area_link:hover {background-color:#fff;}

a.area_link:hover .sub {color:#f5a011;}

a.area_link .thumb_list {margin:0; padding:10px 20px; border-top:1px dotted #cbcbcb; border-bottom:1px dotted #cbcbcb; *zoom:1;}



.thumb_view {padding:30px 0; border-top:1px solid #decec2; border-bottom:1px solid #decec2; text-align:center;}

.thumb_view img {margin:0 auto; border:1px solid #ebebeb; vertical-align:top;}

.thumb_view dl {margin-bottom:30px; padding:0 20px 23px; text-align:left; border-bottom:1px dotted #cbcbcb;}

.thumb_view dl dt {margin-bottom:12px; color:#333; font-size:14px;}

.thumb_view dl dd ul li {line-height:26px;}

.thumb_view dl.last {margin:0; padding:0 20px; border:none;}

.thumb_view ul.result li {position:relative; overflow:hidden; height:26px;}

.thumb_view ul.result li span {position:absolute; display:inline-block;}

.thumb_view ul.result li span.item {left:0; width:261px; padding-left:9px; background:url("/common/front/images/common/bl_list01.gif") left 11px no-repeat;}

.thumb_view ul.result li span.graph {left:310px; width:443px;}

.thumb_view ul.result li span.graph img {height:7px; margin:7px 0 0; border:none;}

.thumb_view ul.result li span.percent {right:0; text-align:right;}

.thumb_view ul.result li span.percent strong {color:#f4a10f; font-weight:normal;}

.thumb_view p {padding:0 20px; text-align:left; line-height:18px;}

.thumb_view p.headline {margin-bottom:20px; font-size:14px;}

.thumb_view p.tit {margin:20px 0 10px; font-size:14px; color:#f4a10f;}

.thumb_view .button {margin:-10px 0 0;}

.thumb_view .button button {width:192px; height:38px;}



.report {overflow:hidden; position:relative; margin-bottom:30px; clear:both; *zoom:1;}

.report h3 {position:absolute; left:0; top:0; width:150px; padding:0 !important;}

.report h3 img {margin:14px 0 0 20px;}

.report .line {overflow:hidden; margin-left:150px; padding-left:48px; background:#fafafa url("/common/front/images/learning/bg_list_line.gif") repeat; border:none; *zoom:1; clear:both;}

.report .list {float:left; width:326px; height:154px; padding-bottom:35px;}

.report .list .pic {float:left; width:125px; height:155px; background:url("/common/front/images/learning/bg_report.gif") left top no-repeat;}

.report .list .pic img {margin:1px 0 0 1px; vertical-align:top;}

.report .list .info {position:relative; height:140px; margin-left:132px; padding-top:15px;}

.report .list .info li {padding-left:11px; background:url("/common/front/images/common/bl_list01.gif") left 9px no-repeat; line-height:24px;}

.report .list .info li strong {color:#f4a10f; font-weight:normal;}

.report .list .info span {position:absolute; left:0; bottom:22px; padding-right:16px; color:#f4a10f; background:url("/common/front/images/common/ico_down.gif") right 2px no-repeat; cursor:pointer;}

#product .report .line {margin-left:0; padding-left:76px; background:#fafafa url("/common/front/images/product/bg_list_line.gif") repeat;}

#product .report .list {padding-left:54px;}



.vendors_guide {overflow:hidden; position:relative; padding:10px 20px; border-top:1px dotted #c8c8c8; clear:both; *zoom:1;}

.vendors_guide h3 {position:absolute; left:0; top:0; width:95px; padding:30px 0 0 !important;}

.vendors_guide h3 img {margin:0 0 0 20px;}

.vendors_guide h4 {float:left; width:65px; padding:20px 0 0; color:#ef820e; font-size:18px; line-height:18px;}

.vendors_guide .line {overflow:hidden; margin-left:95px; padding-bottom:20px; border-bottom:1px solid #f0f0f0; *zoom:1; clear:both;}

.vendors_guide .list {overflow:hidden; margin-left:65px;}

.vendors_guide .list dl {float:left; width:232px; padding:20px 0 0;}

.vendors_guide .list dt {color:#333; font-size:14px;}

.vendors_guide .list dt em {display:block; margin-bottom:8px; color:#ef820e;}

.vendors_guide .list dd {margin-top:13px;}

.vendors_guide .list dd span {color:#333; margin-right:5px;}

.vendors_guide .line.last {border:none;}



.notice {position:relative; margin:-10px 0 10px; padding-right:20px; text-align:right; height:18px;}

.notice strong {color:#a47550; font-weight:normal;}

.notice img {vertical-align:middle;}



.cartoon {position:relative; padding:23px 18px 0; background-color:#f7f7f7; border:1px solid #e9e9e9; *zoom:1;}

.cartoon h4 {margin-bottom:14px;}

.cartoon .btn {position:absolute; right:20px; top:20px; height:20px; margin-bottom:20px;}

.cartoon button {display:inline-block; width:113px; height:21px; margin-left:10px;}

.cartoon .pic {position:relative; width:847px; height:597px; padding:15px 0 0 13px; background:url("/common/front/images/learning/bg_cartoon.jpg") left top no-repeat;}

.cartoon .pic img {vertical-align:top;}

.cartoon .pic span {position:absolute; top:50%; margin-top:-15px; cursor:pointer;}

.cartoon .pic span.prev {left:30px;}

.cartoon .pic span.next {right:30px;}



/* contents

-----------------------------------------------*/


.tab {margin-bottom:30px;}

.tab ul {overflow:hidden; height:33px; background:url("/common/front/images/common/bg_tabline.gif") left bottom repeat-x;}

.tab ul li {float:left; display:inline; width:180px; margin-right:-1px; text-align:center; *zoom:1; font-size:0; line-height:0;}

.tab ul li a {overflow:hidden; display:block; width:180px; height:32px;}

.tab ul li.on {position:relative; height:33px;}

.tab ul li.on a {height:33px;}

.tab ul li.on a img {margin-left:-180px;}

.tab ul.txt li a {width:178px; height:31px; border:1px solid #d6d6d6; border-bottom:none; background-color:#f4f4f4; font-size:13px; line-height:31px;}

.tab ul.txt li a:hover, .tab ul.txt li.on a {position:relative; height:32px; border:1px solid #b06d45; border-bottom:none; background-color:#fafafa; color:#b06d45;}

.tab.five ul li, .tab.five ul li a {width:150px;}

.five ul li.on a img {margin-left:-150px;}


.tab ul.sub {margin:20px 0 0; background:none;}
.tab ul.sub li {width:180px; margin-right:0;}
.tab ul.sub li a {height:33px;}
.tab ul.sub li a img {margin-left:-180px;}
.tab ul.sub li.on a img {margin-left:0;}
.tab ul.sub.three li, .tab ul.sub.three li a {width:300px;}
.tab ul.three li a img {margin-left:-300px;}
.tab ul.sub.popup li, .tab ul.sub.popup li a {width:136px;}
.tab ul.popup li a img {margin-left:-136px;}


.tab02 {margin-bottom:30px;}
.tab02 ul {overflow:hidden; height:33px; background:url("/common/front/images/common/bg_tabline.gif") left bottom repeat-x;}
.tab02 ul li {float:left; display:inline; width:150px; margin-right:-1px; text-align:center; *zoom:1; font-size:0; line-height:0;}
.tab02 ul li a {overflow:hidden; display:block; width:150px; height:32px;}
.tab02 ul li.on {position:relative; height:33px;}
.tab02 ul li.on a {height:33px;}
.tab02 ul li.on a img {margin-left:-150px;}
.tab02 ul.txt li a {width:178px; height:31px; border:1px solid #d6d6d6; border-bottom:none; background-color:#f4f4f4; font-size:13px; line-height:31px;}
.tab02 ul.txt li a:hover, .tab ul.txt li.on a {position:relative; height:32px; border:1px solid #b06d45; border-bottom:none; background-color:#fafafa; color:#b06d45;}
.tab02.five ul li, .tab02.five ul li a {width:150px;}

.tab02 ul.sub {margin:20px 0 0; background:none;}
.tab02 ul.sub li {width:150px; margin-right:0;}
.tab02 ul.sub li a {height:33px;}
.tab02 ul.sub li a img {margin-left:-150px;}
.tab02 ul.sub li.on a img {margin-left:0;}




.part {width:819px; height:33px; margin-bottom:20px;}

.part li {float:left; width:273px;}

.part li a {overflow:hidden; display:block; width:273px; height:33px;}

.part li a img {margin-left:-273px;}

.part li.on a img {margin-left:0;}



.title_area {*height:1; *zoom:1;}

.title_area:after {content:"."; display:block; height:0; font-size:0; clear:both; visibility:hidden;}

.title_area h3 {float:left;} 

.title_area h3 img {vertical-align:middle;}

.title_area h3 span {display:inline-block; margin:0 0 0 10px; line-height:20px; color:#f4a10f; font-size:18px; text-decoration:underline;}

.title_area .search {float:right;}

.title_area .search input {float:left; width:117px; height:18px; padding:0 10px; border:1px solid #e5e5e5;}

.title_area .search button {float:left; width:59px; height:20px;}



.cont_tit {padding:0 20px;}

.cont_tit p {font-size:14px; line-height:18px; margin-bottom:20px;}

.cont_tit .strong {font-size:18px;}



/* 2단 contents */

.cont_info {overflow:hidden; clear:both; padding:0 20px; line-height:18px; *zoom:1;}

.cont_info .tit {margin-bottom:15px; font-size:14px; font-weight:bold; line-height:14px;}

.cont_info strong {color:#ef820e; font-weight:normal;}

.col01, .col02 {width:420px; line-height:18px;}

.col01 .sub, .col02 .sub {margin-bottom:8px; color:#f0912d;}

.col01 {float:left;}

.col02 {float:right;}

.intro {font-size:14px;}

.font14 {font-size:14px;}



.copy {margin-bottom:30px;}

.grid {margin-bottom:30px; border-bottom:1px dotted #c7c7c7;}

.gradient {padding:20px; background:url("/common/front/images/common/bg_gradient_line.gif") left top no-repeat;}

.indent {padding:0 20px;}

.process {padding-bottom:20px;}

.flow {margin-bottom:-20px;} 

.flow img {margin-bottom:20px;}

.line {border-bottom:1px solid #f4a10f;}

.just {padding-left:20px;}

.signature {padding:20px 20px 0; text-align:right;}

.signature.line {margin-bottom:30px; padding-bottom:30px;}

.location {padding:10px 0 30px;}



.img_view {text-align:center;}

.img_desc {overflow:hidden; background:url("/common/front/images/common/bg_gradient_line.gif") left bottom no-repeat; *zoom:1;}

.img_desc p {padding:0 0 30px 20px; line-height:18px;}

/* image background */

.img_desc.moneytree {background:url("/common/front/images/philosophy/img_strategy01.jpg") right top no-repeat;} 



.img_desc2 {overflow:hidden; *zoom:1; padding:0 20px 15px; margin-bottom:20px;}

.img_desc2 .pic {float:left; _display:inline;}

.img_desc2 .txt {margin-left:284px; line-height:18px;}

.img_desc2 .txt p {margin-bottom:20px;}

.img_desc2 dl {margin-top:-10px;}

.img_desc2 dt {float:left; width:66px; line-height:24px; color:#333;}

.img_desc2 dd {margin-left:66px;  line-height:24px;}

.img_desc2.ceo, .img_desc2.cio {margin-top:-24px;}

.img_desc2.ceo .txt, .img_desc2.cio .txt {margin-left:400px; padding-top:69px; font-size:14px;}

.img_desc2.company {padding:0 20px 10px;}

.img_desc2.company .txt {margin-left:455px; font-size:14px;}

/*auto*/

.img_desc2.auto {padding:0 20px; margin-bottom:20px;}

.img_desc2.auto .txt {float:left; _display:inline; width:475px; margin-left:20px; word-break:break-all;}

.img_desc2 strong {color:#ef820e; font-weight:normal;}

.img_desc2.auto .bold {display:block; margin-bottom:15px; font-size:14px; font-weight:bold; letter-spacing:-1px;}

/* product */

.img_desc2.product .space {margin-left:40px;}

.img_desc2.product .space2 {margin-left:20px;}

.img_desc2.product .txt {padding:15px 0 0; line-height:22px;}

.img_desc2.product .stit {margin-bottom:10px; color:#333; font-size:16px;}



.img_list {overflow:hidden; *zoom:1; padding:0 20px 20px;  line-height:18px;}

.img_list .pic {float:right; padding-top:15px;}

.img_list .txt {float:left; width:480px; }

.img_list strong {color:#ef820e; font-weight:normal;}



.step {overflow:hidden; *zoom:1; padding:0 0 20px;  line-height:18px;}

.step h4 {padding:25px 0 20px 20px; color:#333; font-size:18px;  font-weight:normal; letter-spacing:-1px;}

.step h4 strong {color:#ef820e;}

.step h5 {padding:0 0 15px 20px}

.step .left {float:left; _display:inline; margin-left:20px;}

.step .left h4 {padding:25px 0 20px;}

.step .right {float:right;  _display:inline; margin-right:20px;}

.step .grid {margin-bottom:20px;}



.step_list {overflow:hidden; *zoom:1; padding:0 20px 17px;}

.step_list .pic {float:left; width:380px;}

.step_list .txt {margin-left:410px;}

.step_list .txt strong {color:#f4a10f;}

.step_list .btn {margin-top:20px;}

.step_list.last {padding:0 20px;}



.qna_list {overflow:hidden; *zoom:1; padding:0 0 20px; margin-bottom:30px;}

.qna_list .pic {float:left; padding:0 0 20px 20px;}

.qna_list .txt {margin-left:342px; padding:49px 20px 0 0;}

.qna_list .txt p {padding:0 0 0 42px; font-size:14px; line-height:18px;}

.qna_list .txt p.q {margin-bottom:20px; background:url("/common/front/images/common/ico_q.gif") left top no-repeat;}

.qna_list .txt p.q strong {display:block; margin-top:5px;}

.qna_list .txt p.a {background:url("/common/front/images/common/ico_a.gif") left top no-repeat;}

.qna_list .info {clear:both; padding:20px; border-top:1px dotted #c8c8c8; line-height:18px;}

.qna_list .info .tit {margin-bottom:15px; font-size:14px; font-weight:bold; line-height:14px;}

.qna_list .info .col01 p, .qna_list .info .col02 p {margin-bottom:15px; font-size:15px;}

.qna_list strong {color:#ef820e; font-weight:normal;}

.qna_list.right .pic {float:right; padding:0 20px 20px 0;}

.qna_list.right .txt {margin-left:0; padding:33px 0 0 20px;}

.qna_list.last {margin-bottom:0;}



.box_list {width:380px; height:100px; padding:20px; border:1px solid #f0f0f0; background-color:#f5f5f5;}

.box_list h4 {color:#ef820e; font-size:14px; margin-bottom:16px;}

.box_list li {padding-left:8px; line-height:18px; background:url("/common/front/images/common/bl_list01.gif") no-repeat left 6px;}

.box_list .btn {margin-top:15px;}

.box_list .origin {color:#ef820e; font-size:14px; margin-top:16px; text-align:right;}

.box_list.left {float:left;  _display:inline; margin-left:20px;}

.box_list.right {float:right;  _display:inline; margin-right:20px;}

.box_list.narrow {height:64px !important; margin-top:-10px;}

.box_list.full {overflow:hidden; width:auto; height:auto; margin:0 20px 20px; *zoom:1;}

.box_list.full .col01, .box_list.full .col02 {width:390px;}



.profile {position:relative; width:412px; height:239px; margin-bottom:30px; background:url("/common/front/images/value/bg_profile.gif") no-repeat left top;}

.profile .name {float:left; width:132px; padding:40px 0 0 20px; color:#333; font-size:35px; line-height:35px; text-align:center;}

.profile .info {float:left; padding:40px 0 0 18px; line-height:18px;}

.profile dl {margin-top:10px;}

.profile dt {color:#333; font-size:14px; line-height:22px;}

.profile dd {line-height:18px;}

.profile li {padding-left:8px; background:url("/common/front/images/common/bl_list01.gif") left 6px no-repeat;}

.profile .comment {position:absolute; left:20px; right:20px; top:185px; color:#f2a20f; line-height:18px;}

.profile.left {float:left;}

.profile.right {float:right;}



.year {margin-top:20px; padding:0 20px 20px;}

.year dt {padding-bottom:7px; font-size:18px;}

.year dd {line-height:18px;}

.year dd strong {color:#f0912d; font-weight:normal;}



.history {position:relative; overflow:hidden; padding:0 20px 0; *zoom:1;}

.history h3 {position:absolute; left:20px; top:0; width:95px; padding:23px 0 0 !important;}

.history .list {margin-left:95px;}

.history dl {clear:both;}

.history dt {float:left; padding:23px 0; color:#ef820e; font-size:21px; font-weight:bold; line-height:21px; letter-spacing:-1px;}

.history dd {overflow:hidden; margin-left:75px; padding:23px 0 6px; border-bottom:1px solid #f0f0f0; *zoom:1;}

.history dd.last {border-bottom:none;}

.history li {float:left; width:345px; _width:343px; height:30px;}

.history li em {display:inline-block; width:42px;}

.history .block li {float:none; width:100%; padding:0;}

.history.line {margin-bottom:12px;}

.history .img {position:absolute; right:20px; bottom:0px;}



.gallery {overflow:hidden; *zoom:1; _width:860px; margin-right:-30px; margin-bottom:-30px; padding:0 20px;}

.gallery ul {overflow:hidden; width:890px;}

.gallery li {float:left; width:192px; margin:0 30px 30px 0;}

.gallery li img {border:1px solid #ebebeb; vertical-align:top;}



.gallery_10year {overflow:hidden; width:900px;}

.gallery_10year h3 {padding:0 0 20px !important;}

.gallery_10year .line { overflow:hidden; width:937px; padding:0 20px; border:none; clear:both; *zoom:1; background:#fafafa url("/common/front/images/product/bg_list_line02.gif") repeat;} 

.gallery_10year .frame {float:left; display:inline; width:235px; margin-right:77px; padding-bottom:70px;} 

.gallery_10year .frame .pic {height:136px; padding:20px 0 0 20px; background:url("/common/front/images/product/bg_frame.gif") no-repeat;}

.gallery_10year .frame .pic img {vertical-align:top;}

.gallery_10year .frame p {margin:16px 0 11px; padding:1px 0 1px 10px; border-left:1px solid #d2ae79;}

.gallery_10year .frame .direct {display:block; padding-right:10px; text-align:right;}

.gallery_10year .frame.notit {padding-top:39px;}



/* product */

#product .calculator {text-align:right; margin-top:-23px; line-height:18px;}

#product .cont_left {float:left; width:380px;}

#product .cont_left.half {display:inline; width:175px; margin-right:30px; text-align:center;}

#product .cont_right {float:right; width:380px;}

#product .cont_right.mg {margin-bottom:30px;}

#product .grid {overflow:hidden; margin-bottom:30px; padding:0 20px 30px; border-bottom:1px dotted #c7c7c7; *zoom:1;}

#product .grid h3 {margin:0 0 20px; padding:0; text-align:left;}

#product  h4 {position:relative; margin:15px 0 10px; font-size:14px;}

#product  h4 span {position:absolute; right:0; font-size:12px;}

#product .type {height:18px;}

#product .type li {float:left; _display:inline; margin-right:4px;}

#product dl {margin:15px 0 0;}

#product dt {padding-bottom:6px; font-size:14px;}

#product dd {padding-left:8px; background:url("/common/front/images/common/bl_list01.gif") left 6px no-repeat; line-height:18px;}

#product #sort {margin-top:-40px; margin-right:20px;}

#product .box {overflow:hidden; padding:20px; background-color:#f5f5f5; border:1px solid #f0f0f0; *zoom:1;}

#product .box h3 {margin-bottom:20px; padding:0; color:#ef820e; font-size:14px; clear:both; }

#product .box .cont_left {float:left; width:410px;}

#product .vendors {margin-bottom:30px; padding:20px 19px 12px 20px !important;}

#product .vendors .list {clear:both;}

#product .vendors .list li {float:left; width:19%; padding-left:1%; padding-bottom:8px; background:url("/common/front/images/common/bl_list01.gif") left 6px no-repeat; line-height:18px;}

#product .detail_info {padding-top:5px;}

#product .detail_info li {float:left; width:136px;}

#product .detail_info li img {float:left;}

#product .detail_info li p {margin-left:70px; padding-left:8px; background:url("/common/front/images/common/bl_list01.gif") left 6px no-repeat; line-height:18px;}

#product .advice {margin-bottom:-10px;}

#product .advice li {padding-left:8px; padding-bottom:10px; background:url("/common/front/images/common/bl_list01.gif") left 6px no-repeat; line-height:18px;}

#product .article {margin-top:20px; line-height:18px;}

#product .article .pic {float:left; margin-right:20px;}

#product .article .pic img {vertical-align:top;}

#product .article .pic.center {text-align:center;}

#product .article .pic.center img {margin:10px 0 0;}

#product .article .pic.right {float:right; margin-left:20px; margin-right:0;}

#product .article .pic.minus {margin-top:-20px;}

#product .article strong {color:#333; font-weight:normal;}

#product .record {width:420px;}

#product .record dl {float:left; width:33%; margin:15px 0 0;}

#product .plugin {width:429px; text-align:right;  border-left:1px solid #f0f0f0;}

#product .search {padding:0 0 30px;}

#product .search h3 {margin:0 0 20px 20px;}

#product .calendar {float:right; margin-top:-40px; color:#d6d6d6; font-size:14px;}

#product .calendar input {width:117px; height:18px; padding:0 5px; border:1px solid #e5e5e5; font-size:12px; line-height:18px;}

#product .calendar img {vertical-align:middle;}



#sitemap .tit {margin:0 0 20px;}

#sitemap .category {overflow:hidden; float:left; width:280px; padding:0 0 0 20px; margin-bottom:20px;}

#sitemap .category.menu01 {background:url("/common/front/images/etc/bg_category01.jpg") no-repeat 140px 5px;}

#sitemap .category.menu02 {background:url("/common/front/images/etc/bg_category02.jpg") no-repeat 130px 5px;}

#sitemap .category.menu03 {background:url("/common/front/images/etc/bg_category03.jpg") no-repeat 120px 5px;}

#sitemap .category.menu04 {background:url("/common/front/images/etc/bg_category04.jpg") no-repeat 125px 5px;}

#sitemap .category.menu05 {background:url("/common/front/images/etc/bg_category05.jpg") no-repeat 130px 5px;}

#sitemap ul li {overflow:hidden; margin-bottom:20px; *zoom:1;}

#sitemap ul.sub {margin-top:6px;}

#sitemap ul.sub li {float:left; margin:0 10px 0 0; padding-right:10px; color:#999; line-height:12px; border-right:1px solid #dadada;}

#sitemap ul.sub li a {color:#999;}

#sitemap ul.sub li.last {border-right:none; margin:0; padding:0;}



#privacy {padding:0 20px; line-height:18px;}

#privacy h3 {margin:0 0 20px; padding:0;}

#privacy h4 {color:#ef820e; font-size:14px; margin-bottom:16px;}

#privacy ul {margin:5px 0 5px 11px;}

#privacy ul li {padding-left:8px; line-height:18px; background:url("/common/front/images/common/bl_list01.gif") no-repeat left 6px;}

#privacy ol {margin:10px 0 0;}

#privacy ol li {margin-bottom:10px; padding-left:11px; text-indent:-11px;}

#privacy .box_list ul {margin:0;}

#privacy .box_list ul li {margin-bottom:15px;}

#privacy .box_list.scroll {overflow:auto; height:535px; padding:0 20px 20px; font-size:11px;}

#privacy .box_list.scroll {scrollbar-3dLight-Color:#f4a10f; scrollbar-arrow-color: #fff; scrollbar-base-color: #f4a10f; scrollbar-Face-Color: #f4a10f; scrollbar-Track-Color: #e6e6e6; scrollbar-DarkShadow-Color: #f4a10f; scrollbar-Highlight-Color: #f4a10f; scrollbar-Shadow-Color: #f4a10f;}

#privacy .box_list.scroll h4 {margin:20px 0 3px; color:#333; font-size:11px;}

#privacy .box_list.scroll p {margin-bottom:20px;}

#privacy .box_list.scroll p.narrow {margin-bottom:0;}

#privacy .box_list.scroll ol {margin:0 0 20px;}

#privacy .box_list.scroll li {margin:0; padding:0; text-indent:0; background:none;}

#privacy .box_list.scroll li ol {margin:0;}

#privacy .box_list.scroll dl {margin-bottom:10px;}

#privacy .box_list.scroll dd {padding-left:13px;}

#privacy .box_list a {color:#666;}

#privacy .box_list a:hover {text-decoration:underline;}

#privacy .quarter li {float:left; width:30%; margin:0 !important; padding-left:1%;}

#privacy .full {margin:0 0 20px;}

#privacy .help {padding-left:8px; background:url("/common/front/images/common/bl_list01.gif") no-repeat left 6px; color:#ef820e; line-height:18px; }



/* selectbox */

#sort {float:right; width:105px; z-index:20;  margin-bottom:20px;}

.list_sort {position:relative; height:20px; background-color:#fff;}

.list_sort span.on,

.list_sort span.off {display:block; overflow:hidden; height:18px; padding:0 20px 0 5px; border:1px solid #ddd; line-height:18px; background:url("/common/front/images/common/arrow_selbox.gif") no-repeat right 0; cursor:pointer;}

.list_sort label {display:block; padding:2px 5px; font:12px/15px; cursor:pointer;}

.list_sort ul {padding:5px 0 4px 0; border:1px solid #ddd;}

.list_sort li {overflow:hidden; width:100%; line-height:18px;}

.list_sort li input {position:absolute; top:0; left:-2000px;}

.list_sort li:hover label {color:#00aad8; text-decoration:underline;}

.list_sort_view {position:absolute; left:0; top:19px; width:103px; border:1px solid #ddd; background-color:#fff;}



.file {overflow:hidden; padding:9px 19px; background-color:#f5f5f5; border:1px solid #e7e7e7; *zoom:1;}

.file dl dt {float:left; width:68px; color:#333; font-size:14px; line-height:24px;}

.file dl dd {float:left; display:inline; border-left:1px solid #f6b035;}

.file dl dd ul li {_height:24px; padding:0 20px; line-height:24px;}

.file dl dd ul li img {margin:0 0 0 5px; vertical-align:middle;}



/* button */

.topbtn {clear:both; margin-top:20px; text-align:right;}

.topbtn button.close {width:110px; height:21px; margin:0 auto;}

#popup .topbtn {text-align:center;}

#popup .topbtn a {float:right;}

.btn_func button {width:84px; height:26px; margin-top:20px;}

.btn_func.center {text-align:center;}

.btn_func.center button {margin-top:10px;}



.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }

.clearfix { display: block; zoom: 1; clear:both;}




/*추가_연금펀드공시*/
.mr60{margin-right:60px}
.ml20{margin-left:20px}
.fGray{color:#777}

.sTab {margin:0 0 20px 20px}
.sTab ul {height:26px}
.sTab ul li {float:left; margin-right:5px; text-indent:-3000px}
.sTab ul li.p1 a{width:84px; height:26px; background:url(/common/front/images/news/tab_news04_01.gif) bottom; display:block}
.sTab ul li.p1 a:hover{width:84px; height:26px; background:url(/common/front/images/news/tab_news04_01.gif) top; display:block}
.sTab ul li.p1_on a{width:84px; height:26px; background:url(/common/front/images/news/tab_news04_01.gif) top; display:block}
.sTab ul li.p2 a{width:84px; height:26px; background:url(/common/front/images/news/tab_news04_02.gif) bottom; display:block}
.sTab ul li.p2 a:hover{width:84px; height:26px; background:url(/common/front/images/news/tab_news04_02.gif) top; display:block}
.sTab ul li.p2_on a{width:84px; height:26px; background:url(/common/front/images/news/tab_news04_02.gif) top; display:block}

.tbl_pension{border:1px solid #e8e8e8;margin:10px 0 20px 0;}
.tbl_pension th{border:1px solid #e8e8e8;background-color:#f5f5f5;padding:5px}
.tbl_pension td{border:1px solid #e8e8e8;padding:5px;font-size:11px;text-align:center}
.tbl_pension td.point{color:#f58212}

.li_pension{font-size:11px;color:#666;margin:15px 0 0 15px;line-height:15px;text-indent:-16px}
.li_pension li{margin-bottom:8px}
.li_pension li.li_tit{font-weight:bold}

.join_lnb01 a{width:177px;height:29px;background:url(/common/front/images/layout/lnb04_menu01.gif) bottom no-repeat}

#lnb li.join_lnb02 a{width:177px;height:24px;background:url(/common/front/images/layout/lnb04_menu01_01.gif) top no-repeat}
#lnb li.join_lnb02 a:hover{width:177px;height:24px;background:url(/common/front/images/layout/lnb04_menu01_01.gif) bottom no-repeat}
#lnb li.join_lnb03 a{width:177px;height:24px;background:url(/common/front/images/layout/lnb04_menu01_02.gif) top no-repeat}
#lnb li.join_lnb03 a:hover{width:177px;height:24px;background:url(/common/front/images/layout/lnb04_menu01_02.gif) bottom no-repeat}
#lnb li.join_lnb04 a{width:177px;height:24px;background:url(/common/front/images/layout/lnb04_menu01_03.gif) top no-repeat}
#lnb li.join_lnb04 a:hover{width:177px;height:24px;background:url(/common/front/images/layout/lnb04_menu01_03.gif) bottom no-repeat}
#lnb li.join_lnb05 a{width:177px;height:24px;background:url(/common/front/images/layout/lnb04_menu01_04.gif) bottom no-repeat}

#lnb li.join_lnb_line{width:177px;height:1px;background-color:#ecdfcd}