@charset "utf-8"; @import url('kwa.css?20171124'); @import url('broadcast.css?2017041912'); /* 파일명: base.css 기능설명: 사이트 기본 스타일 및 각페이지의 레이아웃 설정 / 기존 base 에서 gnb, lnb, footer, layer popup 삭제 최종수정일: 2013-12-11 */ /* ---------- reset default setting ---------- */ html {width:100%;height:100%;color:#222;background:#FFF;} body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,select,p,blockquote,th,td {margin:0;padding:0;color:#222;} body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,select,p,blockquote,td {/*line-height:150% !important;*/} body * {font-family:"돋움",dotum !important;} .gnbMenu *{font-family:"맑은 고딕","돋움",dotum !important; word-break:keep-all;} .LNBlist *{font-family:"맑은 고딕","돋움",dotum !important; word-break:keep-all;} .kwaFooter *{font-family:"맑은 고딕","돋움",dotum !important;} body {width:100%; background:#fff;font-size:12px;} form {margin:0; padding:0;} fieldset {border:0; margin:0; padding:0;} input,button,textarea,select{vertical-align:middle;} textarea,select{font-size:12px !important;} select {vertical-align:middle;font-size:12px;color:#222;} table {border-collapse:collapse; border-spacing:0;} table caption, legend {/*position:absolute;*/ /* 20131220 테이블 셀 간격문제 */ width:0; height:0; font-size:0; line-height:0; overflow:hidden; text-indent:-9999px;} th {text-align:left;} td,pre {word-break:break-all;} hr {display:none;} img {border:0; vertical-align:top;} address {font-style:normal;} del,ins {text-decoration:none;} a:link, a:visited {text-decoration:none !important; color:#222;} a:active, a:hover, a:focus {text-decoration:none; color:#222;} ul,ol,li {list-style-type:none;} dt, dd {padding:0; margin:0;} h1,h2,h3,h4,h5,h6 {padding:0;margin:0;font-size:12px; font-weight:normal;} q:before,q:after {content:'';} abbr,acronym {border:0;font-variant:normal;} sup {vertical-align:baseline;} a:focus { outline:1 !important;} .hidden {position:absolute; left:-9999px; top:-9999px; width:1px; height:1px; font-size:0; line-height:0; overflow:hidden;} .hidden th,.hidden td{position:absolute; left:-9999px; top:-9999px; width:1px; height:1px; font-size:0; line-height:0; overflow:hidden;} .clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;} .clearfix {display:inline-block;} /* Hides from IE-mac \*/ * html .clearfix {height:1%;} .clearfix {display:block;} /* End hide from IE-mac */ button {border:0; padding:0; background:transparent; cursor:pointer; *overflow:visible; position:relative;} label {vertical-align:middle;} a#kw_print{ display: none;} /* ---------- common element ---------- */ /* default style */ .pointer {cursor:pointer;} .default {cursor:default;} a.default:hover, a.default:focus {text-decoration:none;} .curText {cursor:text;} a.curText:hover, a.curText:focus {text-decoration:none;} .displayN {overflow:hidden; position:absolute; top:-10000px; left:0; visibility:hidden; font-size:0; line-height:0; height:0;} .ovHidden {overflow:hidden;} .ovAuto {overflow:auto;} .tbLayoutAuto {table-layout:auto !important;} .tbSeparate {table-layout:separate !important;} .bbNone {border-bottom:none !important;} /* display */ .dish {display:none !important;} .disb {display:block;} .disi {display:inline;} .disib {display:inline-block;} .bgnone {background:none !important;} /* floating */ .fl {float:left !important;} .fr {float:right !important;} .frI {float:right !important;} .fn {float:none !important;} .cl {clear:both;} /* align */ .al {text-align:left !important;} .ac {text-align:center !important;} .ar {text-align:right !important;} .at {vertical-align:top !important;} .am {vertical-align:middle !important;} .ab {vertical-align:bottom !important;} .vt {vertical-align:top !important;} .vm {vertical-align:middle !important;} .vb {vertical-align:bottom !important;} /* position */ .rela {position:relative;} .rela100 {position:relative; width:100%;} .abs {position:absolute;} .fixed {position:fixed;} /* table style */ table.bd0 {border-bottom:none !important;} table .bd0 {border-bottom:none !important;} table.sep {border-collapse:separate !important;} /* font size */ .f0 {font-size:0 !important;} .f11 {font-size:11px !important;} .f12 {font-size:12px !important;} .f13 {font-size:13px;} .f14 {font-size:14px;} .f15 {font-size:15px;} .f16 {font-size:16px;} .f18{font-size:18px;} .f20 {font-size:20px;} .f24 {font-size: 24px !important;} .f12 li {font-size:12px !important;} /* font weight */ .b {font-weight:bold !important;} .nb {font-weight:normal !important;} /* font decoration */ .u {text-decoration:underline !important;} .nowrap {white-space:nowrap;} /* letter-spacing */ .ls0 {letter-spacing:0 !important;} .ls1 {letter-spacing:-1px !important;} .ls2 {letter-spacing:-2px !important;} .sp {letter-spacing:-1px !important;} /* line height */ .line12 {line-height:12px !important;} .line13 {line-height:13px !important;} .line14 {line-height:14px !important;} .line15 {line-height:15px !important;} .line16 {line-height:16px !important;} .line17 {line-height:17px !important;} .line18 {line-height:18px !important;} .line19 {line-height:19px !important;} .line20 {line-height:20px !important;} .line22 {line-height:22px !important;} .line11 li {font-size:10px !important; line-height:11px !important;} .line18 li {line-height:18px !important;} .line20 li {line-height:20px;} /* height */ .auto_hieght{ height:auto !important;} /* border*/ .noborder{ border: none !important;} /* attribute */ .posIn01{position:absolute;top:0;right:0;} .posIn0101{position:absolute;top:0;right:0;} .posIn03{position:absolute;top:5px;right:0;} .refer{padding-left:15px;text-indent:-15px;font-size:11px;line-height:16px;} .indent01{padding-left:111px !important;text-indent:-103px;} .indent10{padding-left:10px;text-indent:-10px;} .indent15{padding-left:15px;text-indent:-15px;} .min90 {min-height:90px;} .bg_green {background-color:#ebf1de !important; } /* color */ .blueDown{ background: url(../img/search/icon_down.gif) no-repeat 0px 3px;color: #0058bc; padding:0 0 0 10px;}/* 매도 */ .pinkUp{ background: url(../img/search/icon_up.gif) no-repeat 0px 3px;color: #e10070; padding:0 0 0 10px;}/* 매수 */ .blue {color: #0058bc !important;} .blue04 {color: #112660 !important;} .blue02{color:#466ab9 !important;} .blue03{color:#3659a7 !important;} .pink {color: #e10070 !important;} .tbList01 .pink,.msList01 .pink,.msList00 .pink {color: #de2722 !important;} .yellow{ color: #966d00 !important;} /*.red{color:#910000 !important;}*/ .red{color:#de2722 !important;} /*table .red{color:#de2722 !important;}*/ /* 20140103 테이블안에 색이 너무 어두움 색 변경(요청사항) */ /*.red b { color: #910000 !important;}*/ .red b { color: #de2722 !important;} .black222{color:#222 !important;} .gray666{color:#666 !important;} .red02 {color: #bd0b0b !important;} .red03 {color: #d0181d !important;} .white {color: #fff !important;} .sky {color: #3173bc !important;} .sky02 {color: #0171bd !important;} .sky03 {color: #0072bc !important;} .gray {color: #444 !important;} .gray8 {color: #666 !important;} .gray9 {color: #707070 !important;} .silver{color:#6f747e !important;} .navy {color: #2e3192 !important;} .navy02 {color: #2a3e78 !important;} .navy03{color:#12255f !important;} .navy04{color:#1b306f !important;} .green {color: #197b30 !important;} .green02{color:#4f7f04 !important;} .black{color:#000;} .black3 {color: #222 !important;} .black4 {color: #333 !important;} .black5 {color: #444 !important;} .org {color:#cc4200 !important;;} .violet {color:#652d92 !important;} .table-gray { background: #F9F9FB !important;} .table-Dgray { background: #F0F1F5 !important;} .pink-bold{font-weight:bold; color:#ad0067 !important;} .more a{color:#666 !important;} .more.bbn{color:#666 !important;} .ch_days {color:#666 !important;} a.link01:link, a.link01:visited, a.link01:active, a.link01:hover, a.link01:focus {color: #466ab9; text-decoration: none !important;} a.link02:link, a.link02:visited, a.link02:active, a.link02:hover, a.link02:focus {font-size: 12px; color: #222; text-decoration: none !important;} a.link03:link, a.link01:visited, a.link01:active, a.link01:hover, a.link01:focus {color: #466ab9 !important; text-decoration:none !important;} a.link03 {color: #466ab9 !important;} a.file:link, a.file:visited, a.file:active, a.file:hover, a.file:focus {font-size: 12px; color: #666; text-decoration: none !important;} a.mail:link, a.file:visited, a.file:active, a.file:hover, a.file:focus {font-size: 12px; color: #3449c8; text-decoration: none !important;} /* ---------- MARGIN, PADDING, WIDTHS ---------- */ .p0 {padding:0 !important;} .p10 {padding:10px !important;} .p20 {padding:20px !important;} .pt0 {padding-top:0 !important;} .pt5 {padding-top:5px !important;} .pt10 {padding-top:10px !important;} .pt15 {padding-top:15px !important;} .pt20 {padding-top:20px !important;} .pt25 {padding-top:25px !important;} .pt30 {padding-top:30px !important;} .pt35 {padding-top:35px !important;} .pt40 {padding-top:40px !important;} .pt45 {padding-top:45px !important;} .pt50 {padding-top:50px !important;} .pb0 {padding-bottom:0 !important;} .pb5 {padding-bottom:5px !important;} .pb10 {padding-bottom:10px !important;} .pb15 {padding-bottom:15px !important;} .pb20 {padding-bottom:20px !important;} .pb25 {padding-bottom:25px !important;} .pb30 {padding-bottom:30px !important;} .pb35 {padding-bottom:35px !important;} .pb40 {padding-bottom:40px !important;} .pb45 {padding-bottom:45px !important;} .pb50 {padding-bottom:50px !important;} .pl0 {padding-left:0px !important;} .pl5 {padding-left:5px !important;} .pl10 {padding-left:10px !important;} .pl15 {padding-left:15px !important;} .pl20 {padding-left:20px !important;} .pl25 {padding-left:25px !important;} .pl30 {padding-left:30px !important;} .pl35 {padding-left:35px !important;} .pl40 {padding-left:40px !important;} .pl45 {padding-left:45px !important;} .pl50 {padding-left:50px !important;} .pr0 {padding-right:0px !important;} .pr5 {padding-right:5px !important;} .pr10 {padding-right:10px !important;} .pr15 {padding-right:15px !important;} .pr20 {padding-right:20px !important;} .pr20 {padding-right:25px !important;} .pr30 {padding-right:30px !important;} .pr35 {padding-right:35px !important;} .pr40 {padding-right:40px !important;} .pr45 {padding-right:45px !important;} .pr50 {padding-right:50px !important;} .m0 {margin:0 !important;} .mt0 {margin-top:0px !important;} .mt5 {margin-top:5px !important;} .mt10 {margin-top:10px !important;} .mt15 {margin-top:15px !important;} .mt20 {margin-top:20px !important;} .mt25 {margin-top:25px !important;} .mt30 {margin-top:30px !important;} .mt35 {margin-top:35px !important;} .mt40 {margin-top:40px !important;} .mt45 {margin-top:45px !important;} .mt50 {margin-top:50px !important;} .mb0 {margin-bottom:0px !important;} .mb5 {margin-bottom:5px !important;} .mb10 {margin-bottom:10px !important;} .mb15 {margin-bottom:15px !important;} .mb20 {margin-bottom:20px !important;} .mb25 {margin-bottom:25px !important;} .mb30 {margin-bottom:30px !important;} .mb35 {margin-bottom:35px !important;} .mb40 {margin-bottom:40px !important;} .mb45 {margin-bottom:45px !important;} .mb50 {margin-bottom:50px !important;} .ml0 {margin-left:0px !important;} .ml5 {margin-left:5px !important;} .ml10 {margin-left:10px !important;} .ml15 {margin-left:15px !important;} .ml20 {margin-left:20px !important;} .ml25 {margin-left:25px !important;} .ml30 {margin-left:30px !important;} .ml35 {margin-left:35px !important;} .ml40 {margin-left:40px !important;} .ml45 {margin-left:45px !important;} .ml50 {margin-left:50px !important;} .mr0 {margin-right:0px !important;} .mr5 {margin-right:5px !important;} .mr10 {margin-right:10px !important;} .mr15 {margin-right:15px !important;} .mr20 {margin-right:20px !important;} .mr25 {margin-right:25px !important;} .mr30 {margin-right:30px !important;} .mr35 {margin-right:35px !important;} .mr40 {margin-right:40px !important;} .mr45 {margin-right:45px !important;} .mr50 {margin-right:50px !important;} .mt48{margin-top:48px;} .mt28{margin-top:28px;} .mt33{margin-top:33px;} .mt58{margin-top:58px;} .mt45{margin-top:45px;} .ml150{margin-left:150px;} .mt13{margin-top:13px;} .mt200{margin-top:200px;} .f18{font-size:18px !important;} /* space */ .mr0 {margin-right: 0 !important;} .mr2 {margin-right: 2px !important;} .mr4 {margin-right: 4px !important;} .mr5 {margin-right: 5px !important;} .mr7 {margin-right: 7px !important;} .mr8 {margin-right: 8px !important;} .mr9 {margin-right: 9px !important;} .mr10 {margin-right: 10px !important;} .mr11 {margin-right: 11px !important;} .mr12 {margin-right: 12px !important;} .mr14 {margin-right: 14px !important;} .mr15 {margin-right: 15px !important;} .mr16 {margin-right: 16px !important;} .mr20 {margin-right: 20px !important;} .mr22 {margin-right: 22px !important;} .mr23 {margin-right: 23px !important;} .mr24 {margin-right: 24px !important;} .mr25 {margin-right: 25px !important;} .mr26 {margin-right: 26px !important;} .mr30 {margin-right: 30px !important;} .mr35 {margin-right: 35px !important;} .mr43 {margin-right:43px !important;} .mr45 {margin-right:45px !important;} .mr60 {margin-right:60px !important;} .mr70 {margin-right: 70px !important;} .mr80 {margin-right: 80px !important;} .mr100 {margin-right: 100px !important;} .ml0 {margin-left: 0 !important;} .ml1 {margin-left: 1px !important;} .ml2 {margin-left: 2px !important;} .ml3{margin-left:3px !important;} .ml5 {margin-left: 5px !important;} .ml6 {margin-left: 6px !important;} .ml_6 {margin-left: -6px !important;} .ml8 {margin-left:8px !important;} .ml9 {margin-left:9px !important;} .ml10 {margin-left: 10px !important;} .ml_10 {margin-left: -10px !important;} .ml12 {margin-left: 12px !important;} .ml15{margin-left:15px !important;} .ml_12 {margin-left:-12px !important;} .ml_15 {margin-left:-15px !important;} .ml_16 {margin-left:-16px !important;} .ml_25 {margin-left:-25px !important;} .ml16 {margin-left: 16px !important;} .ml18{margin-left:18px;} .ml20{margin-left:20px !important;} .ml22{margin-left:22px;} .ml30{margin-left:30px !important;} .ml24{margin-left:24px;} .ml25{margin-left:25px !important;} .ml31{margin-left:31px !important;} .ml35{margin-left:35px !important;} .ml38{margin-left:38px;} .ml40{margin-left:40px !important;} .ml41{margin-left:41px !important;} .ml48{margin-left:48px !important;} .ml51{margin-left:51px !important;} .ml52{margin-left:52px !important;} .ml53{margin-left:53px !important;} .ml55 {margin-left: 55px !important;} .ml57{margin-left:57px !important;} .ml60{margin-left:60px !important;} .ml65{margin-left:65px !important;} .ml68 {margin-left: 68px !important;} .ml70{margin-left:70px !important;} .ml71{margin-left:71px !important;} .ml72{margin-left:72px !important;} .ml79{margin-left:79px !important;} .ml80{margin-left:80px;} .ml93{margin-left:93px !important;} .ml145{margin-left:145px !important;} .mt_1 {margin-top: -1px !important;} .mt_2{margin-top:-2px !important;} .mt_3 {margin-top: -3px !important;} .mt_4{margin-top:-4px !important;} .mt0 {margin-top: 0 !important;} .mt_5 {margin-top: -5px !important;} .mt_6 {margin-top: -6px !important; } .mt_7 {margin-top: -7px !important;} .mt_10{margin-top:-10px !important;} .mt_13{margin-top:-13px !important;} .mt_20 {margin-top:-20px !important;} .mt_125 {margin-top:-125px !important;} .mt1 {margin-top: 1px !important;} .mt2 {margin-top: 2px !important;} .mt3{margin-top:3px !important;} .mt4 {margin-top: 4px !important;} .mt5 {margin-top: 5px !important;} .mt6 {margin-top: 6px !important;} .mt7 {margin-top: 7px !important;} .mt_8 {margin-top:-8px !important;} .mt8 {margin-top: 8px !important;} .mt9 {margin-top: 9px !important;} .mt_9 {margin-top: -9px !important;} .mt10 {margin-top: 10px !important;} .mt_11 {margin-top:-11px !important;} .mt11 {margin-top: 11px !important;} .mt12 {margin-top: 12px !important;} .mt_12 {margin-top: -12px !important;} .mt13{margin-top:13px;} .mt14 {margin-top: 14px !important;} .mt_14 {margin-top:-14px !important;} .mt_15 {margin-top:-11px !important;} .mt15 {margin-top: 15px !important;} .mt16 {margin-top: 16px !important;} .mt_16 {margin-top: -16px !important;} .mt_18 {margin-top: -18px !important;} .mt18 {margin-top:18px !important;} .mt20 {margin-top: 20px !important;} .mt21 {margin-top: 21px !important;} .mt22 {margin-top: 22px !important;} .mt_23 {margin-top: -23px !important;} .mt23 {margin-top: 23px !important;} .mt24 {margin-top: 24px !important;} .mt_24 {margin-top: -24px !important;} .mt_25{margin-top:-25px;} .mt25 {margin-top: 25px !important;} .mt26 {margin-top: 26px !important;} .mt27 {margin-top: 27px !important;} .mt29 {margin-top: 29px !important;} .mt30 {margin-top: 30px !important;} .mt_30 {margin-top: -30px !important;} .mt_31 {margin-top: -31px !important;} .mt34 {margin-top: 34px !important;} .mt35 {margin-top: 35px !important;} .mt39 {margin-top: 39px !important;} .mt40 {margin-top: 40px !important;} .mt32 {margin-top: 32px !important;} .mt50 {margin-top: 50px !important;} .mt54 {margin-top: 54px !important;} .mt60{margin-top:60px;} .mt63 {margin-top: 63px !important;} .mt300 { margin-top:300px !important; } .mb0 {margin-bottom: 0 !important;} .mb1 {margin-bottom:1px !important;} .mb2 {margin-bottom: 2px !important;} .mb3{margin-bottom:3px !important;} .mb4 {margin-bottom: 4px !important;} .mb5 {margin-bottom: 5px !important;} .mb6 {margin-bottom:6px !important;} .mb7 {margin-bottom:7px !important;} .mb8 {margin-bottom: 8px !important;} .mb9 {margin-bottom: 9px !important;} .mb10 {margin-bottom: 10px !important;} .mb11 {margin-bottom: 11px !important;} .mb13 {margin-bottom: 13px !important;} .mb14 {margin-bottom: 14px !important;} .mb15 {margin-bottom: 15px } .mb16 {margin-bottom: 16px !important;} .mb19 {margin-bottom: 19px !important;} .mb20 {margin-bottom: 20px !important;} .mb21 {margin-bottom: 21px !important;} .mb22 {margin-bottom: 22px !important;} .mb24 {margin-bottom: 24px !important;} .mb26 {margin-bottom: 26px !important;} .mb32 {margin-bottom: 32px !important;} .mb36 {margin-bottom:36px !important;} .mb50 { margin-bottom:50px !important; } .mb53 {margin-bottom:53px !important;} .mb_50 {margin-bottom:-50px;} .mtb25 {margin:25px 0;} .p5 {padding:5px;} .plr20 {padding-left: 20px !important;padding-right: 20px !important;} .pl30 {padding-left:30px;} .pt0 {padding-top: 0 !important;} .p02 {padding-top: 0; *padding-top: 2px;} .pt1 {padding-top:1px !important;} .pt2 {padding-top:2px !important;} .pt3 {padding-top:3px !important;} .pt4 {padding-top:4px !important;} .pt5 {padding-top:5px !important;} .pt6 {padding-top:6px !important;} .pt7 {padding-top:7px !important;} .pt8 {padding-top:8px !important;} .pt10 {padding-top:10px !important;} .pt13 {padding-top:13px !important;} .pt15 {padding-top:15px !important;} .pt30{padding-top:30px !important;} .pt33{padding-top:33px !important;} .pt36{padding-top:36px !important;} .pt83{padding-top:83px !important;} .pt85 { padding-top:85px !important; } .pt93{padding-top:93px !important;} .pt109{padding-top:109px !important;} .pt130{padding-top:130px !important;} .pt140{padding-top:140px !important;} .pr0 {padding-right: 0 !important;} .pr5 {padding-right: 5px !important;} .pr8 {padding-right: 8px !important;} .pr10 {padding-right: 10px !important;} .pr23 {padding-right: 23px !important;} .pr25 {padding-right: 25px !important;} .pr30 {padding-right:30px;} .pr34 {padding-right: 34px !important;} .pr40 {padding-right: 40px !important;} .pr80 {padding-right: 80px !important;} .pl0 {padding-left: 0 !important;} .pl1 {padding-left: 1px !important;} .pl3 {padding-left: 3px !important;} .pl4 {padding-left: 4px !important;} .pl5 {padding-left: 5px !important;} .pl7 {padding-left: 7px !important;} .pl8 {padding-left: 8px !important;} .pl10 {padding-left: 10px !important;} .pl13 {padding-left: 13px !important;} .pl15 {padding-left: 15px !important;} .pl20 {padding-left: 20px !important;} .pl24 {padding-left: 24px !important;} .pl35 {padding-left: 35px !important;} .pl40 {padding-left: 40px !important;} .pl60 { padding-left:60px !important; } .pl62 {padding-left: 62px !important;} .pl128 {padding-left: 128px !important;} .pb0 {padding-bottom: 0 !important;} .pb2 {padding-bottom: 2px !important;} .pb3 {padding-bottom:3px !important;} .pb4 {padding-bottom: 4px !important;} .pb5 {padding-bottom:5px !important;} .pb6 {padding-bottom:6px !important;} .pb8 {padding-bottom:8px !important;} .pb10 {padding-bottom: 10px !important;} .pb15 {padding-bottom: 15px !important;} .pb18 {padding-bottom: 18px !important;} .pb20 {padding-bottom:20px;} .pb26 {padding-bottom: 26px !important;} .pb30 {padding-bottom: 30px !important;} .pb32 {padding-bottom: 32px !important;} .pb40 {padding-bottom: 40px !important;} .pb43 {padding-bottom: 43px !important;} .p0 {padding: 0 !important;} .ptb0 {padding-top: 0 !important; padding-bottom: 0 !important;} .ptb5 {padding-top:5px !important; padding-bottom:5px !important;} .ptb8 {padding-top:8px !important; padding-bottom:8px !important;} .ptb10 {padding-top:8px !important; padding-bottom:8px !important;} .ptb18 {padding-top:18px !important; padding-bottom:18px !important;} .p15 {padding: 15px;} .p3_1{ padding:3px 0 1px 0 !important;} .p3_2{ padding:3px 0 2px 0 !important;} /* width size */ .w6per {width:6%;} .w8per {width:8%;} .w9per {width:9%;} .w16per {width:16%;} .w24per {width:24%;} .w35per {width:35%;} .w84per {width:84%;} .w80 {width: 80px !important;} .w81{width:81px;} .w85 {width: 85px !important;} .w95 {width: 95px !important;} .w108 {width: 108px !important;} .w100p {width: 100% !important;} .w110 {width: 110px !important;} .w118 {width: 118px !important;} .w120 {width: 120px !important;} .w130 {width: 130px !important;} .w137 {width: 137px !important;} .w138 {width: 138px !important;} /*:root .w138 {width: 135px !important;}*/ .w140 {width: 140px !important;} .w145 {width: 145px !important;} .w157 {width: 157px !important;} .w158 {width: 158px !important;} .w168 {width: 168px !important;} .w184 {width:184px;} .w189 {width: 189px !important;} .w190{width:190px !important;} .w192{width:192px;} .w203 {width: 203px !important;} .w211 {width:211px;} .w215{width:215px;} .w220{width:220px;} .w228{width:228px !important;} .w232 {width: 232px !important;} .w233{width:233px;} .w258 {width: 258px !important;} .w265{width:265px;} .w269 {width: 269px !important;} .w271 {width: 271px !important;} .w272 {width: 272px !important;} .w274 {width: 274px !important;} .w278 {width: 278px !important;} .w290 {width: 290px !important;} .w305{width:305px;} .w311{width:311px;} .w312 {width: 312px !important;} .w321 {width: 321px !important;} .w322{width:322px;} .w325{width:325px;} .w327 {width: 327px !important;} .w330 {width: 330px !important;} .w332 {width:332px;} .w346 {width: 346px !important;} .w354 {width: 354px !important;} .w355 {width: 355px !important;} .w358 {width: 358px !important;} .w362 {width:362px !important;} .w363 {width:363px;} .w364 {width: 364px !important;} .w365 {width: 365px !important;} .w366 {width: 366px !important;} .w374 {width: 374px !important;} .w375 {width: 375px !important;} .w379 {width:379px;} .w380 {width:380px;} .w384{width:384px !important;} .w386 {width: 386px !important;} .w388 {width:389px;} .w389 {width: 389px !important;} .w391 {width: 391px !important;} .w392 {width: 392px !important;} .w393 {width:393px;} .w394 {width: 394px !important;} .w398{width:398px;} .w400 {width:400px !important;} .w401 {width:401px !important;} .w403 {width:403px !important;} .w405 {width: 405px !important;} .w406 {width: 406px !important;} .w409 {width: 409px !important;} .w411 {width: 411px !important;} .w414 {width: 414px !important;} .w418 {width: 418px !important;} .w419 {width: 419px !important;} .w422 {width:422px;} .w428 {width: 428px !important;} .w429 {width: 429px !important;} .w435{width:435px;} .w436 {width: 436px !important;} .w439 {width: 439px !important;} .w445 {width: 445px !important;} .w446 {width: 446px !important;} .w447 {width: 447px !important;} .w452 {width: 452px !important;} .w454 {width: 454px !important;} .w456 {width: 454px !important;} .w457 {width: 457px !important;} .w459 {width: 459px !important;} .w463 {width: 463px !important;} .w465 {width: 465px !important;} .w466 {width: 464px !important;} .w473{width:473px;} .w474 {width: 474px !important;} .w475{width:475px !important;} .w484 {width: 484px !important;} .w491 {width: 491px !important;} .w496{width:496px;} .w497 {width: 497px !important;} .w501 {width: 501px !important;} .w521 {width: 521px !important;} .w523 {width: 523px !important;} .w538 {width: 538px !important;} .w540 {width: 540px !important;} .w544 {width: 544px !important;} .w543 {width: 543px !important;} .w560 {width: 560px !important;} .w562 {width: 562px !important;} .w578{width:578px;} .w594{width:594px !important;} .w620 {width: 620px !important;} .w627 {width: 627px !important;} .w628{width:628px !important;} .w631 {width: 631px !important;} .w644 {width: 644px !important;} .w648 {width: 648px !important;} .w680 {width:680px;} .w697 {width: 697px !important;} .w710 {width: 710px !important;} .w740 {width: 740px !important;} .w780 {width: 780px !important;} .w797 { width:797px !important;} .w811 {width: 811px !important;} .w812 {width: 812px !important;} .w813 {width: 813px !important;} .w814 {width: 814px !important;} .w815 {width: 815px !important;} .w828 {width: 828px !important;} .w830 {width: 830px !important;} .w866 {width: 866px !important;} .w893 {width: 893px !important;} .w910 {width: 910px !important;} .w911 {width: 911px !important;} .w983 {width: 983px !important;} .w1000 {width: 1000px !important;} .w1040 {width:1040px !important;} .w1057 {width:1057px !important;} .w1070 {width: 1070px !important;} .w1283 {width: 1283px !important;} .w1300 {width: 1300px !important;} .w6765 {width: 6765px !important;} /* height size */ .h20 {height:20px !important;} .h22 {height:22px !important;} .h25 {height:25px !important;} .h27 {height:27px !important;} .h28 {height:28px !important;} .h30 {height:30px !important;} .h32 {height:32px !important;} .mh35 {min-height:35px !important;} .h40{height:40px !important;padding:0 !important;} .h54{height:54px;} .h55{height:55px;} .h59{height:59px;} .h62 {height: 62px !important;} .h70 {height: 70px !important;} .h72{height:72px;} .h82 {height: 82px !important;} .h95{height: 95px !important;} .h100 {height:100px !important;} .h103{height: 103px;} .h104 {height: 104px; } .h105 {height: 105px; *height: 106px;} .h114 {height: 114px; } .h118{height:118px;} .h125{height:125px;} .h126 {height: 126px; } .h137 {height: 137px !important; } .h142 {height: 142px; } .h146 {height: 146px; } .h147 {height: 147px; } .h152 {height: 152px !important; } .h153 {height: 153px !important; } .h158 {height: 158px; } .h162 {height: 162px; } .h164 {height: 164px; } .h165 {height: 165px !important;} .h166 {height: 166px; } .h167 {height: 167px; } .h170 {height: 174px; } .h174 {height: 174px; } .h175 {height: 175px !important; } .h187 {height: 187px; } .h188 {height: 188px;} .h189 {height: 189px;} .h195 {height: 195px; } .h197 {height: 197px !important;} .h200 {height: 200px; } .h201 {height: 201px !important; } .h203 {height: 203px !important; } .h209{height:209px;} .h215 {height: 215px; } .h216 {height: 216px; } .h210 {height: 210px; } .h222 {height: 222px; } .h224 {height:224px !important;} .h228 {height: 228px; } .h231 {height: 231px; } .h239 {height:239px !important;} .h240 {height:240px !important;} .h242 {height:242px !important;} .h250 {height: 250px; } .h261 {height: 261px; } .h263 {height: 263px; } .h275 {height:275px !important;} .h314 {height: 314px; } .h316{height:316px;} .h321 {height: 321px; } .h329{height:329px;} .h331 {height: 331px;} .h335 {height: 335px;} .h357 {height: 357px;} .h385 {height: 385px;} .h392 {height: 392px;} .h396 {height: 396px;} .h406 {height: 406px;} .h427 {height: 427px !important;} .h492 {height: 492px;} .h500 {height: 500px;} .h545 {height: 545px;} .lh120 {line-height: 120%;} .lh100 {line-height: 100% !important;} .lh130 {line-height: 130% !important;} .d_block{display: inline !important;} .none { display: none !important;} .label { display: none;} .block { display: block !important;} .tCenter { text-align: center !important;} .l{text-align:left !important;} .center {text-align:center} .r{text-align:right !important;} .ac { text-align:center !important; } .ar { text-align:right !important; } .oh{overflow:hidden !important;} .clearFloat { width: 100%; overflow: hidden;} .pl{position:relative !important;} .c{text-align:center !important;} .ldata{padding-left:5px !important; text-align:left !important;} .fbold{font-weight:bold !important;} .f_left{float:left;} .f_right{float:right;} .for-popup-pos { position:relative; } .ofs-j{ overflow:visible !important;} .bold { font-weight: bold !important;} .bold *{font-weight:bold;} .middle { vertical-align: middle !important;} .vc{vertical-align:middle !important;} .sp0 {letter-spacing:0px !important;} input[readonly] { background-color:#e4e4e4;} input.nobg{background:none !important;} .btn-bg-none {background:none !important;} /*Frame*/ iframe { border: 0 !important; padding: 0 !important;} frameset { border: 0;} frame { overflow-x: hidden; overflow-y: auto;} .ticker-frame { overflow-y: hidden; border: 0;} /* 로그인*/ .newLoingArea{display:block; width:830px; height:280px; position:relative; background:url(../img/newMain/loginArea.jpg) no-repeat 0 0;} .newLoingArea a span{ display:none;} .newLoingArea .MemberJoin{display:block; width:71px; height:28px; position:absolute; background:url(../img/newMain/loginArea.jpg) no-repeat -104px -134px; top:134px; left:104px} .newLoingArea .MemberID_search{display:block; width:110px; height:28px; position:absolute; background:url(../img/newMain/loginArea.jpg) no-repeat -179px -134px; top:134px; left:179px} .newLoingArea .Login_ID, .newLoingArea .Login_PASSWORD, .newLoingArea .Checking_PASSWORD{ border:1px solid #d9d9d9; height:19px; width:200px !important; display:block; padding-left:3px; } .newLoingArea .Login_ID{top:35px; left:495px; background:#fff url(../img/newMain/text_id.gif) no-repeat 0px 0px;} .newLoingArea .Login_ID:focus{ background:#ffffff;} .newLoingArea .Login_PASSWORD{background:#fff url(../img/newMain/text_pass.gif) no-repeat 0px 0px;} .newLoingArea .Login_PASSWORD:focus{ background:#ffffff;} .newLoingArea .Member_Center{display:block; width:94px;position:absolute; height:28px;background:url(../img/newMain/loginArea.jpg) no-repeat -698px -147px; top:147px; left:698px} .newLoingArea .Login_Button{display:block; width:85px; height:75px; background:url(../img/newMain/loginArea.jpg) no-repeat -705px -35px;} /* 로그인 팝업*/ #loginPop_wrap{ width: 100%; height: 100%; margin: 0; padding: 0;} #loginPop_contentWrap{ width: 778px; margin: 0 auto;} .newLoingArea_pop{display:block; width:778px; height:287px; position:relative; background:url(../img/newMain/loginArea_pop.jpg) no-repeat 0 0;} .newLoingArea_pop a span{ display:none;} .newLoingArea_pop .MemberJoin{display:block; width:71px; height:28px; position:absolute; background:url(../img/newMain/loginArea_pop.jpg) no-repeat -104px -134px; top:134px; left:104px} .newLoingArea_pop .MemberID_search{display:block; width:110px; height:28px; position:absolute; background:url(../img/newMain/loginArea_pop.jpg) no-repeat -179px -134px; top:134px; left:179px} .newLoingArea_pop .Login_ID, .Login_PASSWORD, .Checking_PASSWORD{ border:1px solid #d9d9d9; height:19px; width:168px; display:block; padding-left:3px; } .newLoingArea_pop .Login_ID{top:35px; left:480px; background:#fff url(../img/newMain/text_id.gif) no-repeat 0px 0px;} .newLoingArea_pop .Login_ID:focus{ background:#ffffff;} .newLoingArea_pop .Login_PASSWORD{background:#fff url(../img/newMain/text_pass.gif) no-repeat 0px 0px;} .newLoingArea_pop .Login_PASSWORD:focus{ background:#ffffff;} .newLoingArea_pop .Checking_PASSWORD{top:89px; left:480px;} .newLoingArea_pop .Member_Center{display:block; width:94px;position:absolute; height:28px;background:url(../img/newMain/loginArea_pop.jpg) no-repeat -658px -147px; top:147px; left:658px} .newLoingArea_pop .Login_Button{display:block; width:85px; height:75px; background:url(../img/newMain/loginArea_pop.jpg) no-repeat -658px -35px;top:35px;left:658px;} .newLoingArea_pop .checking01,.newLoingArea_pop .checking02,.newLoingArea_pop .checking03 {display:block; position:absolute; width:12px; height:12px;top:120px; } .newLoingArea_pop .checking01{left:481px;} .newLoingArea_pop .checking02{left:581px;} .newLoingArea_pop .checking03{left:678px;} /*로그인시간 설정*/ .timeSetting{ display:block; width:117px; height:25px; background:url(../img/newMain/timeSet_bg.gif) no-repeat 0 0; position:relative;} .timeOk{ display:block; width:90px; height:18px; overflow:hidden; margin:0px 0 0 4px;} span.logTime{ display:block; width:90px; height:18px; background-image:url(../img/newMain/timeimg.gif); background-repeat:no-repeat; margin:4px 0 0 4px; cursor:pointer; } span.logTime span{ position:relative; z-index:-1; display:none;} span.t00{ background-position:-4px 0px;} span.t30{ background-position:-4px 0px;} span.t60{ background-position:-4px -18px;} span.t120{ background-position:-4px -36px;} span.t180{ background-position:-4px -54px;} span.t240{ background-position:-4px -72px;} span.t300{ background-position:-4px -90px;} span.t360{ background-position:-4px -108px;} .timeSelect{ width:117px; height:129px; position:absolute; background:url(../img/newMain/timeSelect_bg.gif) no-repeat 0 0; display:none; top:0px; left:0px; z-index:100; padding:4px 0 0 0; } .timeSelect span.logTime{ margin:0 0 0 4px;} .timeSelect a{ display:block; width:90px; height:18px; background-image:url(../img/newMain/timeimg.gif); background-repeat:no-repeat; margin:0px 0 0 4px; cursor:pointer; } .timeSelect a span{ position:relative; z-index:-1;} .timeSelect a.t30{ background-position:0px 0px;} .timeSelect a.t60{ background-position:0px -18px;} .timeSelect a.t120{ background-position:0px -36px;} .timeSelect a.t180{ background-position:0px -54px;} .timeSelect a.t240{ background-position:0px -72px;} .timeSelect a.t300{ background-position:0px -90px;} .timeSelect a.t360{ background-position:0px -108px;} .timeSelect a.t30:hover{ background-position:-90px 0px;} .timeSelect a.t60:hover{ background-position:-90px -18px;} .timeSelect a.t120:hover{ background-position:-90px -36px;} .timeSelect a.t180:hover{ background-position:-90px -54px;} .timeSelect a.t240:hover{ background-position:-90px -72px;} .timeSelect a.t300:hover{ background-position:-90px -90px;} .timeSelect a.t360:hover{ background-position:-90px -108px;} /* all menu */ .allMenu {position:absolute;top:0px;left:50%;margin-left:-520px;z-index:20;} .allMenu .allWarp {width:1040px;height:475px;background:url(../img/common/all_menu_bg.png) no-repeat 0 0;_background:url(../img/common/all_menu_bg.gif) no-repeat 0 0;} .allMenu .allWarp .allMenuCon {position:relative;padding:42px 0 0 51px;} .allMenu .allWarp .allMenuCon .allClose {position:absolute;top:20px;right:20px;} .allMenu .allWarp .allMenuCon .allMenuTit {margin:0;} .allMenu .allWarp .allMenuCon .allMenuTip {width:100%;padding:8px 0 0 0;} .allListWrap {overflow:hidden;width:960px;padding:28px 0 0 5px;} .allListWrap .allList {float:left;margin:0 39px 0 0;padding:0 0 6px 0;} .allListWrap .allList dl {padding:0 0 0 4px;} .allListWrap .allList dl dt {height:28px;margin:0 0 0 -4px;padding:0 0 0 2px;border-bottom:1px solid #a9b5c5;} .allListWrap .allList dl dd {overflow:hidden;padding:12px 0 0 4px;} .allListWrap .allList dl dd ol {float:left;} .allListWrap .allList dl dd ol li {font-size:0;line-height:0;color:#444;} .allListWrap .allList dl dd ol li * {vertical-align:top;} .allListWrap .allList dl dd ol li a:link,.allListWrap .allList dl dd ol li a:visited,.allListWrap .allList dl dd ol li a:active {display:block;padding:0 0 0 11px;line-height:21px;font-size:12px;color:#444;text-decoration:none;background:url(../img/common/all_menu_list_bg.gif) no-repeat 0 7px;} .allListWrap .allList dl dd ol li a:hover {color:#da237f;text-decoration:none;} .allListWrap .allList_1 dd .list_1 {float:left;} .allListWrap .allList_1 dd .list_2 {float:right;} .allList_1 {width:200px;} .allList_1 .list_1 {width:100px;} .allList_1 .list_2 {width:87px;} .allList_2 {width:210px;} .allList_2 .list_1 {width:105px;} .allList_2 .list_2 {width:97px;} .allList_3 {width:210px;} .allList_3 .list_1 {width:105px;} .allList_3 .list_2 {width:97px;} .allList_4 {width:184px;margin-right:0;} .allList_4 .list_1 {width:105px;} .allList_4 .list_2 {width:70px;} .allList_5 {width:250px;margin-right:55px;} .allList_5 .list_1 {width:100px;} .allList_5 .list_2 {width:137px;} .allList_6 {width:250px;margin-right:55px;} .allList_6 .list_1 {width:100px;} .allList_6 .list_2 {width:137px;} .allList_7 {width:270px;} .allList_7 .list_1 {width:130px;} .allList_7 .list_2 {width:130px;} /* contents wrap */ #contentWrap .lnbArea {float: left; width: 150px; padding: 34px 0 0 0; margin-right: 20px;margin-bottom:60px;overflow: hidden;} #contentWrap .content {float: left; display:block !important; width: 830px; position: relative; min-height: 545px; height:auto !important; padding:34px 0 34px 0;} #contentWrap .scontent {width: 790px; margin: 0 auto;} .titWrap01 {position: relative; width: 100%; padding-bottom:21px;} .titWrap01 h1 {padding-top: 2px;} .titWrap01 .btnArea {position: absolute; top: 0; right: 0; line-height: 0; font-size: 0;} .titWrap01 .btnArea img {margin-left: 3px;} .titWrap02{overflow:hidden;margin-bottom:5px;width:100%;} .titWrap02 h2{float:left;margin:6px 10px 0 0;} .titWrap02 .etc03{float:left; margin-top: 0; vertical-align:middle;} /* lnb */ ul.lnbList {width: 150px; overflow: hidden; border-bottom: 1px solid #cacaca; background:url('../img/common/bg_lnb_body.gif') repeat-y 0 0;} ul.lnbList li {min-height: 17px; padding: 8px 0 0 14px; background:url('../img/common/bg_lnb_off.gif') no-repeat 0 0;} ul.lnbList li a {color: #222; text-decoration: none;} ul.lnbList li.on {min-height: 19px; padding: 7px 0 0 14px; background:url('../img/common/bg_lnb_on.gif') no-repeat 0 0;} ul.lnbList li.on a {font-weight: bold; color: #fff; text-decoration: none;} ul.lnbList li ul {width: 135px; padding: 17px 0 3px 1px; border-bottom: 0; background:none;} ul.lnbList li ul li {min-height: 11px; padding: 0 0 10px 7px; background: none; background:url('../img/common/icon_box.gif') no-repeat 0 4px ;} ul.lnbList li ul li.on {min-height: 11px; padding: 0 0 10px 7px; padding: 0 0 9px 7px; background: none; background:url('../img/common/icon_box_on.gif') no-repeat 0 4px !important;} ul.lnbList li ul li.on a {color: #222 !important; font-weight: bold !important; text-decoration: none;} ul.lnbList li.on ul li a {color: #666; font-weight: normal; text-decoration: none;} @-moz-document url-prefix() { ul.lnbList li ul {width: 135px; padding: 15px 0 3px 1px; border-bottom: 0; background:none;} } @-moz-document url-prefix() { ul.lnbList li ul li {min-height: 14px; padding: 0 0 7px 7px; background: none; background:url('../img/common/icon_box.gif') no-repeat 0 4px ;} } @-moz-document url-prefix() { ul.lnbList li ul li.on {min-height: 14px; padding: 0 0 7px 7px; background: none; background:url('../img/common/icon_box_on.gif') no-repeat 0 4px !important;} } ul.lnbList01 {width: 150px; overflow: hidden;} ul.lnbList01 li {position:relative;width:100%;margin:0;line-height:0;font-size:0;color:#222;} ul.lnbList01 li * {vertical-align:top;} ul.lnbList01 li span {display:block; position:absolute; right:10px; top: 50%; width: 5px; height: 9px;margin-top:-4px;background:url('../img/common/bg_lnb_arrow.gif') no-repeat 0 0; } ul.lnbList01 li a {display:block;margin:0;padding: 6px 20px 4px 14px; line-height: 15px;font-size:12px;line-height:120% !important;background:url('../img/common/bg_lnb_off.gif') no-repeat 0 bottom;color:#222; text-decoration: none;letter-spacing:0px;} ul.lnbList01 li a:link,ul.lnbList01 li a:visited,ul.lnbList01 li a:active,ul.lnbList01 li a:hover {color:#222;} ul.lnbList01 li.top a {width:auto !important;height:19px;margin-left: 0;line-height: 15px;padding: 7px 20px 0 14px;background:url('../img/common/bg_lnb_first.gif') no-repeat 0 0; color: #222; text-decoration: none;} ul.lnbList01 li.last a {margin-left: 0; line-height: 15px; padding: 6px 20px 4px 14px; line-height: 15px; background:url('../img/common/bg_lnb_last_3.gif') no-repeat 0 bottom; color: #222; text-decoration: none;} ul.lnbList01 li a.on {height:auto !important;margin-top: -1px; padding: 6px 27px 3px 14px; line-height: 15px; background:url('../img/common/bg_box_on_02.gif') no-repeat 0 0; color: #fff; font-weight: bold; text-decoration: none;} ul.lnbList01 li a.on:link,ul.lnbList01 li a.on:active,ul.lnbList01 li a.on:visited,ul.lnbList01 li a.on:hover {color:#fff;} ul.lnbList01 li a:hover {color:#da237f;} ul.lnbList01 li.top a.on {position:relative;display:block;height:auto !important;margin-top:0 !important;padding: 6px 27px 3px 14px; line-height: 15px;background:url('../img/common/bg_box_on_01.gif') no-repeat 0 0; color: #fff; font-weight: bold; text-decoration: none; letter-spacing:0px;} ul.lnbList01 li.last a.on {display:block;height:auto !important;margin-top: -1px; padding: 6px 27px 3px 14px; line-height: 15px; background:url('../img/common/bg_box_on_02.gif') no-repeat 0 0; color: #fff; font-weight: bold; text-decoration: none;} .noBot {height: 7px; margin-top: -5px; background:url('../img/common/bg_box_on_01.gif') no-repeat 0 bottom; line-height: 0; font-size: 0;} .noBot01 {height: 7px; margin-top: -5px; background:url('../img/common/bg_box_on_02.gif') no-repeat 0 bottom; line-height: 0; font-size: 0;} ul.lnbList01 li ul {width:150px;padding:1px 0 6px 0; border-bottom: 0; background:none;} ul.lnbList01 li ul li a {display:block;width:126px;margin:0;padding: 5px 10px 1px 24px !important;line-height:15px !important;background:url('../img/common/icon_box.gif') no-repeat 15px 9px !important;color:#666 !important;text-decoration:none; letter-spacing: -1px;} ul.lnbList01 li ul li a.on {display:block;width:126px;margin: 0;padding: 5px 10px 1px 24px !important; background:url('../img/common/icon_box_on.gif') no-repeat 15px 9px !important;line-height: 15px;color:#222 !important;font-weight: bold; text-decoration: none; letter-spacing: -1px;} ul.lnbList01 li ul li a:hover {color:#222 !important;} ul.lnbList01 li div {vertical-align: bottom;} ul.lnbList01 li a div.noBot {vertical-align: bottom;} .slnbTop {width: 150px; padding-top: 5px; background:url('../img/common/bg_slnb_top.gif') no-repeat 0 0;} .slnbBot {height: 6px; margin: 0; padding: 0; background:url('../img/common/bg_slnb_bot.gif') no-repeat 0 0 #ff0000; line-height: 0; font-size: 0;} .slnbBot01 {height: 6px; margin: 0; padding: 0; background:url('../img/common/bg_slnb_bot_01.gif') no-repeat 0 0 #ff0000; line-height: 0; font-size: 0;} /* text */ .rTxt01 {text-align: right; padding: 0 0 5px 0; color: #444; font-size: 11px;position:relative;z-index:1;} .rTxt01 * {vertical-align:middle;} .rTxt01 span{line-height:18px;} .lTxt01 {text-align: left; padding: 0 0 5px 0; color: #444; font-size: 11px; line-height: 14px;position:relative;z-index:1;} .bTxt01 {text-align: left; padding: 0 0 8px 13px; color: #444 !important; font-size: 11px; line-height: 15px;} .bTxt01 span {color: #444 !important;} .cTxt01 {text-align: center; border-top: 1px solid #d8d8d8; padding-top: 10px;} .numTxt01 {font-size: 14px; font-weight: bold;} /* title */ .titWrap {position:relative;width:100%;padding:1px 0 0 0;overflow:visible;} .titWrap .rTxt {position:absolute;right:0;top:3px;color: #222;} .titWrap .rTxt02 {position:absolute;top:0;right:0;} .titWrap .rTxt03 {position:absolute;top:-2px;right:0;padding:0 0 2px 0;} .titWrap .btnArea {position:absolute;right:0;top:-2px;color:#222;} .titWrap02 h3 {float:left;margin:2px 10px 0 0;} .titWrap .btnSrch002 {position: absolute; right: 0px; top: 16px;} .infoTxt03{margin-top:8px;padding-left:0 !important;} .infoTxt03 dt{margin-bottom:5px;font-weight:bold;color:#222;} .infoTxt03 dd{margin-left:5px !important;padding:3px 0 1px 8px;background:url('../img/bul/bul_depth04.gif') 0 7px no-repeat;color:#444;font-size:12px;line-height:14px;} .sideTxt01 {color: #444 !important; font-size: 12px !important; font-weight: normal !important;} .infoTxt03{padding-left:5px;} .infoTxt03 dt{margin-bottom:5px} .infoTxt03 dd{padding:3px 0 1px 8px;background:url('../img/bul/bul_depth04.gif') 0 7px no-repeat;color:#444;font-size:12px;line-height:14px;} .infoTxt03 dd li{position:relative;padding:4px 0 0 12px;background:url('../img/bul/bul_depth0402.gif') no-repeat 5px 9px;color:#444;font-size:12px;line-height:14px;} .infoTxt01 li .etc04{margin:-3px 0 0 0;} .infoTxt03 dd li .etc04{margin:-3px 0 0 5px;} /* alert Sec */ .alertSec {width:100%;margin:15px 0 0 0;text-align:center;} .alertTxt {display:inline-block;padding:0 0 0 22px;font-size:14px;background:url("../img/common/icon_alert.gif") no-repeat 0 0;} /* form */ .yel { border: 1px solid #fadb08 !important; background: #f4edbf !important;} input.txt01 {height: 14px; padding: 2px 0 0 2px; background: #fff; border: 1px solid #bfbfbf; line-height: 135% !important; /*20131023 위아래 간격으로 조절*/ color: #444 !important; vertical-align: middle;} input.txt0101 {height: 14px; padding: 2px 0 0 2px; background: #e4e4e4; border: 1px solid #bfbfbf; line-height: 135% !important; /*20131023 위아래 간격으로 조절*/ color: #444 !important; vertical-align: middle;} input.txt0102 {height: 14px; padding: 2px 0 0 2px; background: #e9e9e9; border: 1px solid #bfbfbf; line-height: 135% !important; /*20131023 위아래 간격으로 조절*/ color: #444 !important; vertical-align: middle;} input.txt0103{height: 14px; padding: 2px 0 0 2px; background: #f4f5f7; border: 1px solid #d4d4d6; line-height: 135% !important; /*20131023 위아래 간격으로 조절*/ color: #444 !important; vertical-align: middle;} input.txt0104{height: 14px; padding: 2px 0 0 2px; background: #fdfdfd; border: 1px solid #e9eaee; line-height: 135% !important; /*20131023 위아래 간격으로 조절*/ color: #b0b0b0 !important; vertical-align: middle;} input.txt02 {height: 14px; padding: 2px 0 0 2px; background: #fff; border: 1px solid #bfbfbf; line-height: 135% !important; /*20131023 위아래 간격으로 조절*/ color: #444 !important; vertical-align: middle; } input.txt0201 {height: 14px; padding: 2px 3px 0 2px; background: #fff; border: 1px solid #bfbfbf; color: #444 !important; line-height: 135% !important; /*20131023 위아래 간격으로 조절*/ vertical-align: middle; text-align: right !important;} input.txt03 {height: 18px; padding: 4px 0 0 2px; background: #fff; border: 1px solid #bfbfbf; color: #444 !important; font-size: 14px; text-align: left; font-weight: bold; vertical-align: middle;} input.txt04 {height: 16px; padding: 3px 0 0 2px; background: #fff; border: 1px solid #bfbfbf; color: #444 !important; vertical-align: middle;}/* 글쓰기 게시판 */ input.txt0105 {padding:0px 0 0 2px;background:#e4e4e4;border:1px solid #bfbfbf;font-weight:bold;color:#444 !important;vertical-align:middle;letter-spacing:-1px;} select.txt0101 {background: #e4e4e4; border: 1px solid #bfbfbf; color: #444 !important; vertical-align: middle;} textarea.txt01 {padding: 5px; background: #fff; border: 1px solid #bfbfbf; color: #444 !important; vertical-align: middle; overflow: scroll; overflow-x: hidden;} textarea.txt02 {padding: 5px; background: #fff; border: 1px solid #bfbfbf; color: #444 !important; vertical-align: middle; overflow: hidden;} /* 환율 입력폼 */ input.txt05{line-height:130% !important; height:14px; padding:2px 5px 3px 0;background: #fff;border: 1px solid #bfbfbf;color: #444 !important;vertical-align:middle;text-align:right;} input.txt0501{line-height:130% !important; padding:0px 5px 0 0;background:#e4e4e4;border:1px solid #bfbfbf;color:#444 !important;vertical-align:middle;text-align:right;} /* 비활성 인풋 */ .irr {background-color:#e4e4e4 !important;} input.inert {padding-right:2px !important;background-color:#e4e4e4 !important;text-align:right;} /* data input */ .textInput {border:0 none;height:18px;padding:2px 5px;background:transparent;} .dataBlock {display:block;margin-top:3px;} /* checkbox text */ .checkTxt {padding:0 0 0 17px;text-indent:-17px;} .checkTxt input {margin:0 !important;} /* button */ .rBtn01 {position:relative;text-align: right; padding-bottom: 8px;z-index:1;} .rBtn02 {position:relative;text-align: right; padding-top: 10px;z-index:1;} .rBtn04 {position:relative;text-align: right; margin-top: -24px;z-index:1;}/* 게시판 리스트 우측 버튼(좌측에 텍스트가 올 경우) */ .rBtn05 {position:relative;text-align: right; margin-top: -28px;z-index:1;}/* 게시판 글쓰기 우측 버튼(좌측에 버튼이 올 경우) */ .lBtn01 {position:relative;text-align: left; padding-top: 10px;z-index:1;} .cBtn01 {padding-top: 10px; border-top: 1px solid #d8d8d8; text-align:center;} .cBtn02 {padding-top: 10px; text-align:center;} .rBtn03 {padding-top:10px;border-top:1px solid #d8d8d8;text-align:right;} a.etc01 {display: inline-block; zoom:1; padding-left: 9px; line-height: 120%; background: url('../img/td/bg_btn_left07.gif') no-repeat 0 0;} a.etc01 span {display: inline-block !important; zoom:1 !important; height: 17px; padding: 5px 9px 1px 0; line-height: 120%; background: url('../img/td/bg_btn_right07.gif') no-repeat right 0; cursor: pointer;} a.etc01:link, a.etc01:visited, a.etc01:active, a.etc01:hover, a.etc01:focus {color: #666; font-weight: bold; text-decoration: none !important;} a.etc0101 {display: inline-block; zoom:1; padding-left: 9px; line-height: 120%; background: url('../img/td/bg_btn_left08.gif') no-repeat 0 0;} a.etc0101 span {display: inline-block !important; zoom:1 !important; height: 30px; padding: 19px 9px 1px 0; line-height: 120%; background: url('../img/td/bg_btn_right08.gif') no-repeat right 0; cursor: pointer; } a.etc0101:link, a.etc0101:visited, a.etc0101:active, a.etc0101:hover, a.etc0101:focus {color: #666; font-weight: bold; text-decoration: none !important;} a.etc0102 {position: relative; top: 7px; display: inline-block; zoom:1; padding-left: 9px; line-height: 120%; background: url('../img/td/bg_btn_left08.gif') no-repeat 0 0;} a.etc0102 span {display: inline-block !important; zoom:1 !important; height: 39px; padding: 11px 9px 1px 0; line-height: 130%; background: url('../img/td/bg_btn_right08.gif') no-repeat right 0; cursor: pointer; text-align: center;} a.etc0102:link, a.etc0102:visited, a.etc0102:active, a.etc0102:hover, a.etc0102:focus {font-size: 11px; color: #666; font-weight: bold; text-decoration: none !important;} a.etc0103 {display: inline-block; zoom:1; padding-left: 15px; line-height: 120%; background: url('../img/common/bg_btn_05.gif') no-repeat 0 0;} a.etc0103 span {display: inline-block !important; zoom:1 !important; height: 17px; padding: 6px 15px 1px 0; line-height: 120%; background: url('../img/common/bg_btn_05.gif') no-repeat right 0; cursor: pointer; *vertical-align: top !important; color: #696b75 !important;} a.etc0103:link, a.etc0103:visited, a.etc0103:active, a.etc0103:hover, a.etc0103:focus {color: #696b75; font-weight: bold; text-decoration: none !important;} a.etc0104 {display: inline-block; zoom:1; *display:inline; padding-left: 10px; line-height: 120%; background: url('../img/common/bg_btn_05.gif') no-repeat 0 0;} a.etc0104 span {display: inline-block !important; zoom:1 !important; *display:inline !important; height: 17px; padding: 6px 10px 1px 0; line-height: 120%; background: url('../img/common/bg_btn_05.gif') no-repeat right 0; cursor: pointer; *vertical-align: top !important;} a.etc0104:link, a.etc0103:visited, a.etc0103:active, a.etc0103:hover, a.etc0103:focus {color: #696b75; font-weight: bold; text-decoration: none !important;} a.etc0105 {display: inline-block; zoom:1; *display:inline; padding-left: 15px; line-height: 120%; background: url('../img/common/bg_btn_0602.gif') no-repeat 0 0;} a.etc0105 span {display: inline-block !important; zoom:1 !important; *display:inline !important; height: 17px; padding: 6px 15px 1px 0; line-height: 120%; background: url('../img/common/bg_btn_0602.gif') no-repeat right 0; cursor: pointer; *vertical-align: top !important; color: #fff !important;} a.etc0105:link, a.etc0103:visited, a.etc0103:active, a.etc0103:hover, a.etc0103:focus {color: #fff; font-weight: bold; text-decoration: none !important;} a.etc0106 {display: inline-block; zoom:1; *display:inline; padding-left: 10px; line-height: 120%; background: url('../img/common/bg_btn_05.gif') no-repeat 0 0;} a.etc0106 span {display: inline-block !important; zoom:1 !important; *display:inline !important; height: 17px; padding: 6px 10px 1px 0; line-height: 120%; background: url('../img/common/bg_btn_05.gif') no-repeat right 0; cursor: pointer; *vertical-align: top !important; color: #696b75 !important;} a.etc0106:link, a.etc0103:visited, a.etc0103:active, a.etc0103:hover, a.etc0103:focus {color: #696b75; font-weight: bold; text-decoration: none !important;} a.etc02 {display: inline-block; zoom:1; *display:inline; padding-left: 12px; line-height: 120%; background: url('../img/td/bg_btn_left09.gif') no-repeat 0 0;} a.etc02 span {display: inline-block !important; zoom:1 !important; *display:inline !important; height: 16px; padding: 5px 12px 1px 0; line-height: 120%; background: url('../img/td/bg_btn_right09.gif') no-repeat right 0; cursor: pointer; *vertical-align: top !important; text-align: center;} a.etc02:link, a.etc02:visited, a.etc02:active, a.etc02:hover, a.etc02:focus {font-size: 11px; color: #fff; text-decoration: none !important;} a.etc03 {display: inline-block; zoom:1; *display:inline; padding-left: 10px; line-height: 120%; background: url('../img/td/bg_btn_left10.gif') no-repeat 0 0;} a.etc03 span {display: inline-block !important; zoom:1 !important; *display:inline !important; height: 17px; padding: 6px 10px 1px 0; line-height: 120%; background: url('../img/td/bg_btn_right10.gif') no-repeat right 0; cursor: pointer; text-align: center;} a.etc03:link, a.etc03:visited, a.etc03:active, a.etc03:hover, a.etc03:focus {font-size: 11px !important; color: #696b75; text-decoration: none !important; font-weight: normal; letter-spacing: -1px;} a.etc04 {display: inline-block; zoom:1; *display:inline; padding-left: 10px; line-height: 120%; background: url('../img/common/bg_btn_01.gif') no-repeat 0 0;} a.etc04 span {display: inline-block !important; zoom:1 !important; *display:inline !important; height: 14px; padding: 3px 10px 1px 0; line-height: 120%; background: url('../img/common/bg_btn_01.gif') no-repeat right 0; cursor: pointer; text-align: center;vertical-align:top;} a.etc04:link, a.etc04:visited, a.etc04:active, a.etc04:hover, a.etc04:focus {font-size: 11px !important; color: #696b75; text-decoration: none !important; font-weight: normal; letter-spacing: -1px;} a.etc05 {display:inline-block;zoom:1;*display:inline;padding-top:5px;width:45px;height:17px;line-height:120%;background:url('../img/common/bg_btn_06.gif') no-repeat 0 0;text-align:center;} a.etc05:link, a.etc05:visited, a.etc05:active, a.etc05:hover, a.etc05:focus{font-size:12px !important;font-weight:bold;color:#fff;letter-spacing:-1px;text-decoration:none !important;} a.etc0501 {display: inline-block; zoom:1; *display:inline; padding-left:11px; line-height: 120%; background: url('../img/common/bg_btn_0601.gif') no-repeat 0 0;} a.etc0501 span {display: inline-block !important; zoom:1 !important; *display:inline !important; height: 17px; padding: 4px 11px 1px 0; line-height: 120%; background: url('../img/common/bg_btn_0601.gif') no-repeat right 0; cursor: pointer; text-align: center;} a.etc0501:link, a.etc0501:visited, a.etc0501:active, a.etc0501:hover, a.etc0501:focus{font-size:12px !important;font-weight:bold;color:#fff;letter-spacing:-1px;text-decoration:none !important;} a.etc06 {display: inline-block; zoom:1; *display:inline; padding-left:11px; line-height: 120%; background: url('../img/common/bg_btn_07.gif') no-repeat 0 0;} a.etc06 span {color:#999;display: inline-block !important; zoom:1 !important; *display:inline !important; height: 16px; padding: 5px 9px 1px 0; line-height: 120%; background: url('../img/common/bg_btn_07.gif') no-repeat right 0; cursor: pointer; text-align: center;} a.etc06.on {background-position:0 -28px;} a.etc06.on span{background-position:right -28px;font-weight:bold;color:#222;letter-spacing:-1px;} a.etc06:link, a.etc06:visited, a.etc06:active, a.etc06:hover, a.etc06:focus {color: #696b75; text-decoration: none !important;} a.etc07 {display: inline-block; zoom:1; *display:inline; padding-left: 10px; line-height: 120%; background: url('../img/common/bg_btn_08.gif') no-repeat 0 0;} a.etc07 span {display: inline-block; zoom:1; *display:inline; height: 15px; padding: 5px 10px 1px 0; line-height: 120%; background: url('../img/common/bg_btn_08.gif') no-repeat right 0; cursor: pointer; *vertical-align: top !important;color:#696b75 !important;} a.etc07:link, a.etc07:visited, a.etc07:active, a.etc07:hover, a.etc07:focus {color: #696b75; text-decoration: none !important; font-size: 11px;} a.etc08 {display: inline-block; zoom:1; *display:inline; padding-left: 10px; line-height: 120%; background: url('../img/common/bg_btn_0201.gif') no-repeat 0 0;} a.etc08 span {display: inline-block; zoom:1; *display:inline; height: 14px; padding: 3px 10px 1px 0; line-height: 120%; background: url('../img/common/bg_btn_0201.gif') no-repeat right 0; cursor: pointer; *vertical-align: top !important;color:#fff !important;} a.etc08:link, a.etc08:visited, a.etc08:active, a.etc08:hover, a.etc08:focus {color: #fff; text-decoration: none !important; font-size: 11px;} a.etc09 {display: inline-block; zoom:1; *display:inline; padding-left: 10px; line-height: 120%; background: url('../img/common/bg_btn_09.gif') no-repeat 0 0;} a.etc09 span {display: inline-block; zoom:1; *display:inline; height: 17px; padding: 6px 10px 1px 0; line-height: 120%; background: url('../img/common/bg_btn_09.gif') no-repeat right 0; cursor: pointer; *vertical-align: top !important;color:#fff !important;} a.etc09:link, a.etc08:visited, a.etc08:active, a.etc08:hover, a.etc08:focus {color: #fff; text-decoration: none !important; font-size: 11px; font-weight: bold;} a.etc10 {display: inline-block; zoom:1; *display:inline; padding-left: 10px; line-height: 120%; background: url('../img/common/bg_btn_08.gif') no-repeat 0 0;} a.etc10 span {display: inline-block; zoom:1; *display:inline; height: 15px; padding: 5px 10px 1px 0; line-height: 120%; background: url('../img/common/bg_btn_08.gif') no-repeat right 0; cursor: pointer; *vertical-align: top !important;color:#696b75;} a.etc10:link, a.etc10:visited, a.etc10:active, a.etc10:hover span, a.etc10:focus {color: #ef32a2 !important; text-decoration: none !important; font-size: 11px;} a.price {display: inline-block; zoom:1; *display:inline; width: 40px; height: 14px; padding-top: 4px; line-height: 100% !important; color: #fff !important; background: url('../img/common/bg_btn_02.gif') no-repeat 0 0; text-align: center;} a.price:link, a.price:visited, a.price:active, a.price:hover, a.price:focus {font-size: 11px !important; color: #fff !important; text-decoration: none !important; font-weight: normal;} a.price span{color:#fff;line-height:120%;} a.smodify {display: inline-block; zoom:1; *display:inline; width: 40px; height: 14px; padding-top: 4px; line-height: 120%; background: url('../img/common/bg_btn_03.gif') no-repeat 0 0; text-align: center;} a.smodify:link, a.smodify:visited, a.smodify:active, a.smodify:hover, a.smodify:focus {font-size: 11px !important; color: #fff; text-decoration: none !important; font-weight: normal;} a.bmodify {display: inline-block; zoom:1; *display:inline; padding-left: 10px; line-height: 120%; background: url('../img/common/bg_btn_04.gif') no-repeat 0 0;} a.bmodify span {display: inline-block !important; zoom:1 !important; *display:inline !important; height: 14px; padding: 4px 10px 0 0; line-height: 120%; background: url('../img/common/bg_btn_04.gif') no-repeat right 0; cursor: pointer; *vertical-align: top !important; text-align: center;color: #fff !important;} a.bmodify:link, a.bmodify:visited, a.bmodify:active, a.bmodify:hover, a.bmodify:focus {font-size: 11px !important; color: #fff; text-decoration: none !important; font-weight: normal; letter-spacing: -1px;} a.btn01 {display: inline-block; zoom:1; *display:inline; padding-left: 10px; line-height: 120%; background: url('../img/common/bg_btn_left01.gif') no-repeat 0 0;} a.btn01 span {display: inline-block; zoom:1; *display:inline; height: 14px; padding: 3px 10px 1px 0; line-height: 120%; background: url('../img/common/bg_btn_right01.gif') no-repeat right 0; cursor: pointer; *vertical-align: top !important;color:#696b75 !important;} a.btn01:link, a.btn01:visited, a.btn01:active, a.btn01:hover, a.btn01:focus {color: #696b75; text-decoration: none !important; font-size: 11px;} a.btn02 {display: inline-block; zoom:1; *display:inline; padding-left: 10px; line-height: 120%; background: url('../img/common/bg_btn_left01.gif') no-repeat 0 0;} a.btn02 span {display: inline-block; zoom:1; *display:inline; height: 14px; padding: 3px 10px 1px 0; line-height: 120%; background: url('../img/common/bg_btn_right01.gif') no-repeat right 0; cursor: pointer; *vertical-align: top !important;color:#696b75 !important;} a.btn02:link, a.btn02:visited, a.btn02:active, a.btn02:hover, a.btn02:focus {color: #696b75; text-decoration: none !important; font-size: 11px;} a.btnoff01 {display: inline-block; zoom:1; *display:inline; padding-left: 10px; line-height: 120%; background: url('../img/common/bg_btnoff_01.gif') no-repeat 0 0;} a.btnoff01 span {display: inline-block; zoom:1; *display:inline; height: 14px; padding: 3px 10px 1px 0; line-height: 120%; background: url('../img/common/bg_btnoff_01.gif') no-repeat right 0; cursor: pointer; *vertical-align: top !important; color: #fff;} a.btnoff01:link, a.btnoff01:visited, a.btnoff01:active, a.btnoff01:hover, a.btnoff01:focus {color: #fff; text-decoration: none !important; font-size: 11px;} a.btnoff02 {display: inline-block; zoom:1; *display:inline; padding-left: 10px; line-height: 120%; background: url('../img/common/bg_btnoff_02.gif') no-repeat 0 0;} a.btnoff02 span {display: inline-block; zoom:1; *display:inline; height: 14px; padding: 3px 10px 1px 0; line-height: 120%; background: url('../img/common/bg_btnoff_02.gif') no-repeat right 0; cursor: pointer; *vertical-align: top !important; color: #b9bccb;} a.btnoff02:link, a.btnoff01:visited, a.btnoff01:active, a.btnoff01:hover, a.btnoff01:focus {color: #b9bccb; text-decoration: none !important; font-size: 11px;} a.sbtn01 {display: inline-block; zoom:1; *display:inline; padding-left: 18px; line-height: 120%; background: url('../img/td/bg_sbtn_left01.gif') no-repeat 0 0;} a.sbtn01 span {display: inline-block; zoom:1; *display:inline; height: 19px;padding: 8px 18px 5px 0; line-height: 120%; color: #696b75 !important; background: url('../img/td/bg_sbtn_right01.gif') no-repeat right 0; cursor: pointer; } a.sbtn01:link, a.sbtn01:visited, a.sbtn01:active, a.sbtn01:hover, a.sbtn01:focus {color: #696b75 !important; font-weight: bold; text-decoration: none !important;} #layer_scrap a.sbtn01 span {padding: 9px 18px 5px 0 !important; line-height: 100% !important;} a.sbtn01:active{margin-top: 1px;} a.sbtn0101 {display: inline-block; zoom:1; *display:inline; padding-left: 10px; line-height: 120%; background: url('../img/td/bg_sbtn_left01.gif') no-repeat 0 0;} a.sbtn0101 span {display: inline-block; zoom:1; *display:inline; height: 19px; padding: 8px 10px 5px 0;font-size:12px;line-height: 120%; color: #696b75 !important; background: url('../img/td/bg_sbtn_right01.gif') no-repeat right 0; cursor: pointer; } a.sbtn0101:link, a.sbtn0101:visited, a.sbtn0101:active, a.sbtn0101:hover, a.sbtn0101:focus {color: #696b75 !important; font-weight: bold; text-decoration: none !important;} a.sbtn0101:active{margin-top: 1px;} a.sbtn0102 {display: inline-block; zoom:1; *display:inline; padding-left: 10px; line-height: 120%; background: url('../img/td/bg_sbtn_left03.gif') no-repeat 0 0;} a.sbtn0102 span {display: inline-block; zoom:1; *display:inline; height: 19px; padding: 8px 10px 4px 0; line-height: 120%; color: #999 !important; background: url('../img/td/bg_sbtn_right03.gif') no-repeat right 0; cursor: pointer; } a.sbtn0102:link, a.sbtn0102:visited, a.sbtn0102:active, a.sbtn0102:hover, a.sbtn0102:focus {color: #666 !important; font-weight: bold; text-decoration: none !important;} a.sbtn0102:active{margin-top: 1px;} a.sbtn02 {display: inline-block; zoom:1; *display:inline; padding-left: 18px; line-height: 120%; background: url('../img/td/bg_sbtn_left02.gif') no-repeat 0 0;} a.sbtn02 span {display: inline-block; zoom:1; *display:inline; height: 19px; padding: 8px 18px 4px 0; line-height: 120%; background: url('../img/td/bg_sbtn_right02.gif') no-repeat right 0; cursor: pointer; } a.sbtn02:link, a.sbtn02:visited, a.sbtn02:active, a.sbtn02:hover, a.sbtn02:focus {color: #fff !important; font-weight: bold; text-decoration: none !important;} a.sbtn02 span {color: #fff !important; font-weight: bold;} a.sbtn02:active{margin-top: 1px;} a.sbtn0201 {display: inline-block; zoom:1; *display:inline; padding-left: 10px; line-height: 120%; background: url('../img/td/bg_sbtn_left02.gif') no-repeat 0 0;} a.sbtn0201 span {display: inline-block; zoom:1; *display:inline; height: 19px; padding: 8px 10px 4px 0; line-height: 120%; background: url('../img/td/bg_sbtn_right02.gif') no-repeat right 0; cursor: pointer; } a.sbtn0201:link, a.sbtn0201:visited, a.sbtn0201:active, a.sbtn0201:hover, a.sbtn0201:focus {color: #fff !important; font-weight: bold; text-decoration: none !important;} a.sbtn0201 span {color: #fff !important; font-weight: bold;} a.sbtn03 {display: inline-block; zoom:1; *display:inline; padding-left: 18px; line-height: 120%; background: url('../img/etc/center/bg_btn_center_01_01.png') no-repeat 0 0;} a.sbtn03 span {display: inline-block; zoom:1; *display:inline; height: 19px; padding: 8px 18px 4px 0; line-height: 12px !important; background: url('../img/etc/center/bg_btn_center_01_02.png') no-repeat right 0; cursor: pointer; } a.sbtn03:link, a.sbtn03:visited, a.sbtn03:active, a.sbtn03:hover, a.sbtn03:focus {color: #fff !important; font-weight: bold; text-decoration: none !important;} a.sbtn03 span {color: #fff !important; font-weight: bold;} a.sbtn03:active{margin-top: 1px;} a.sbtn04 {display: inline-block; zoom:1; *display:inline; padding-left: 18px; line-height: 120%; background: url('../img/td/bg_sbtn_left04.png') no-repeat 0 0;} a.sbtn04 span {display: inline-block; zoom:1; *display:inline; height: 19px; padding: 8px 18px 4px 0; line-height: 120%; background: url('../img/td/bg_sbtn_right04.png') no-repeat right 0; cursor: pointer; } a.sbtn04:link, a.sbtn02:visited, a.sbtn02:active, a.sbtn02:hover, a.sbtn02:focus {color: #fff !important; font-weight: bold; text-decoration: none !important;} a.sbtn04 span {color: #fff !important; font-weight: bold;} a.sbtn04:active{margin-top: 1px;} a.bbtn01 {display: inline-block; zoom:1; *display:inline; padding-left: 18px; line-height: 120%; background: url('../img/td/bg_btn_left01.gif') no-repeat 0 0;} a.bbtn01 span {display: inline-block; zoom:1; *display:inline; height: 31px; padding: 18px 18px 1px 0; line-height: 120%; color: #696b75 !important; background: url('../img/td/bg_btn_right01.gif') no-repeat right 0; cursor: pointer; } a.bbtn01:link, a.bbtn01:visited, a.bbtn01:active, a.bbtn01:hover, a.bbtn01:focus {color: #696b75 !important; font-weight: bold; text-decoration: none !important;} a.bbtn0101 {display: inline-block; zoom:1; *display:inline; padding-left: 10px; line-height: 120%; background: url('../img/td/bg_btn_left01.gif') no-repeat 0 0;} a.bbtn0101 span {display: inline-block; zoom:1; *display:inline; height: 31px; padding: 18px 10px 1px 0; line-height: 120%; color: #696b75 !important; background: url('../img/td/bg_btn_right01.gif') no-repeat right 0; cursor: pointer; } a.bbtn0101:link, a.bbtn0101:visited, a.bbtn0101:active, a.bbtn0101:hover, a.bbtn0101:focus {color: #696b75 !important; font-weight: bold; text-decoration: none !important;} a.bbtn02 {display: inline-block; zoom:1; *display:inline; padding-left: 18px; line-height: 120%; background: url('../img/td/bg_btn_left02.gif') no-repeat 0 0;} a.bbtn02 span {display: inline-block; zoom:1; *display:inline; height: 31px; padding: 18px 18px 1px 0; line-height: 120%; background: url('../img/td/bg_btn_right02.gif') no-repeat right 0; cursor: pointer; } a.bbtn02:link, a.bbtn02:visited, a.bbtn02:active, a.bbtn02:hover, a.bbtn02:focus {color: #fff !important; font-weight: bold; text-decoration: none !important;} a.bbtn02 span {color: #fff !important; font-weight: bold;} a.bbtn0201 {display: inline-block; zoom:1; *display:inline; padding-left: 10px; line-height: 120%; background: url('../img/td/bg_btn_left02.gif') no-repeat 0 0;} a.bbtn0201 span {display: inline-block; zoom:1; *display:inline; height: 31px; padding: 18px 10px 1px 0; line-height: 120%; background: url('../img/td/bg_btn_right02.gif') no-repeat right 0; cursor: pointer; } a.bbtn0201:link, a.bbtn02:visited, a.bbtn02:active, a.bbtn02:hover, a.bbtn02:focus {color: #fff !important; font-weight: bold; text-decoration: none !important;} a.bbtn0201 span {color: #fff !important; font-weight: bold;} a.refresh {display: inline-block; padding-left: 7px; line-height: 120%; background: url('../img/td/bg_refresh_left01.gif') no-repeat 0 0;} a.refresh span {display: inline-block; zoom:1; *display:inline; height: 15px; padding: 5px 7px 1px 0; line-height: 120%; background: url('../img/td/bg_refresh_right01.gif') no-repeat right 0; cursor: pointer; } a.refresh:link, a.refresh:visited, a.refresh:active, a.refresh:hover, a.btn01:focus {color: #222; font-size: 11px; text-decoration: none !important;} a.month {display: inline-block; zoom:1; *display:inline; padding-left:2px; line-height: 120%; background: url('../img/common/bg_btn_left01.gif') no-repeat 0 0;} a.month span {display: inline-block; zoom:1; *display:inline; height: 14px; width:58px;padding: 3px 2px 1px 0; line-height: 120%; background: url('../img/common/bg_btn_right01.gif') no-repeat right 0; cursor: pointer; *vertical-align: top !important;color:#696b75 !important;text-align:center;} a.month:link, a.month:visited, a.month:active, a.month:hover, a.month:focus {color: #696b75; text-decoration: none !important; font-size: 11px;} a.btnApp{display:inline-block;zoom:1;*display:inline;padding-left:32px;line-height:120%;background:url('../img/common/bg_btn_app.gif') no-repeat 0 0;} a.btnApp span {display:inline-block !important;zoom:1 !important;*display:inline !important;height:19px;padding:8px 9px 1px 0;line-height:120%;background:url('../img/common/bg_btn_app.gif') no-repeat right 0;cursor:pointer;} a.btnApp:link, a.btnApp:visited, a.btnApp:active, a.btnApp:hover, a.btnApp:focus{font-size:12px !important;font-weight:bold;color:#696b75;text-decoration:none !important;} /* ---------------------------------------------------------------------------------------------------------------------------------------- contents layout ---------------------------------------------------------------------------------------------------------------------------------------- */ /* 들여쓰기 간격 */ .depth02 {padding-left: 20px;} .depth02 ul {width: 100%;} .depth02 ul li {padding: 0 0 25px 0;} .depth03 {padding-left: 10px;} /* bullet */ .bul0001 {padding: 1px 0 0 12px; background: url('../img/bul/bul_depth01.gif') no-repeat 0 4px; color: #112660; font-size: 14px; font-weight: bold; } .bul01 {position:relative;padding: 1px 0 0 12px; background: url('../img/bul/bul_depth01.gif') no-repeat 0 4px; color: #112660; font-size: 14px; font-weight: bold; } .bul01_btn { float: left; margin-right: 10px; padding: 4px 0 0 12px; background: url('../img/bul/bul_depth01.gif') no-repeat 0 9px; color: #112660; font-size: 14px; font-weight: bold; } .bul01 .titOpt {position:absolute;top:1px;right:0px;} .bul01 .titOpt * {vertical-align:middle;} .bul01 .titBtn {display:inline-block;position:absolute;top:-10px;right:0px;} .bul01 .titBtn * {vertical-align:top;} .bul01 .titsBtn {display:inline-block;position:absolute;top:-8px;right:0px;} .bul01 .titsBtn * {vertical-align:top;} .bul0101 {padding: 0 0 0 12px; margin-bottom: 5px; background: url('../img/bul/bul_depth01.gif') no-repeat 0 4px; color: #112660; line-height: 16px; font-size: 14px; font-weight: bold;zoom:1;} .bul02 {padding: 0 0 0 12px; margin-bottom: 5px; background: url('../img/bul/bul_depth02.gif') no-repeat 0 7px; color: #000; line-height: 15px;} .bul03 {padding:0 0 0 11px;background:url('../img/bul/bul_depth03.gif') no-repeat 0 7px;color:#444;line-height:15px;} .bul04 {padding-left:8px;background:url('../img/bul/bul_depth04.gif') no-repeat 0 7px;color:#444;font-size:11px;line-height:14px;} .bul05 {padding-left:18px;background:url('../img/bul/bul_info01.gif') no-repeat 0 0; color: #444; font-size: 11px; line-height: 14px;} .titInput {display:inline-block;float:left;margin:0 0 0 10px;padding:3px 0 0 0;} .titInput * {vertical-align:middle;} .titInput input {margin-top:-2px;} /* bulletList Type */ ul.listType01 {margin: 0 0 8px 2px; *margin: 0 0 9px 2px; zoom:1;} ul.listType01 li {padding: 0 0 4px 11px; background: url('../img/bul/bul_depth03.gif') no-repeat 0 6px; line-height: 15px; color: #222;} ul.listType01 li ul {margin: 4px 0 -6px -7px; *margin: 4px 0 -5px -7px;} ul.listType01 li ul li {padding: 0 0 4px 8px; background: url('../img/bul/bul_depth04.gif') no-repeat 0 8px; color: #444; font-size: 12px; line-height: 14px; } ul.listType0101 {margin: 0 0 8px 2px; *margin: 0 0 9px 2px;}/* bul_depth0301.gif 블릿이 밖으로 나왔을 경우 */ ul.listType0101 li {padding: 0 0 4px 8px; background: url('../img/bul/bul_depth0301.gif') no-repeat 0 3px; color: #222; font-size: 12px; line-height: 14px; } ul.listType02 {margin-top: 7px; *margin-top: 6px; margin-bottom: 11px; zoom:1;} ul.listType02 li {padding: 0 0 4px 14px; background: url('../img/bul/bul_depth04.gif') no-repeat 5px 7px; color: #222; font-size: 12px; line-height: 14px;} ul.listType02 li ul {margin: 4px 0 -6px 1px; *margin: 4px 0 -5px 1px;} ul.listType02 li ul li {padding: 0 0 4px 8px; background: url('../img/bul/bul_depth0402.gif') no-repeat 1px 8px; color: #666; font-size: 12px; line-height: 14px;} ul.listType03 {margin: 0 0 8px 0; zoom:1;} ul.listType03 li {padding: 0 0 4px 18px; background: url('../img/bul/bul_info01.gif') no-repeat 0 3px; color: #222; font-size: 12px; line-height: 14px;} ul.listType03 li p {margin-top: 4px;} .listType03 .imgBtn{position:relative;top:-4px;left:5px;vertical-align:top;} .listType01 .etc04 {margin: -3px 0 0 5px; vertical-align: top;}/* 리스트안에 etc04 버튼이 들어간 경우 */ .listType01 .btnImg01 {margin-top: -2px; }/* 리스트안에 이미지 버튼이 들어간 경우 */ .listType03 .btn01 {margin: -3px 0 0 5px; vertical-align: top; }/* 리스트안에 btn01 버튼이 들어간 경우 */ .listType03 .etc04 {margin: -3px 0 0 5px; vertical-align: top; }/* 리스트안에 etc04 버튼이 들어간 경우 */ .listType02 .btn01 {margin: -3px 0 0 5px; vertical-align: top;}/* 리스트안에 btn01 버튼이 들어간 경우 */ .listType02 .etc04 {margin: -3px 0 0 5px; vertical-align: top; }/* 리스트안에 etc04 버튼이 들어간 경우 */ p.bul03 .etc04 {margin: -3px 0 0 5px; vertical-align: top;} .line01 {margin-top: -6px; border-bottom: 1px solid #e0e0e0;} .txtCon01 {margin-top: -3px; padding-bottom: 16px; line-height: 18px; color: #444;} .txtCon02 {margin: -3px 0; padding-left: 12px; line-height: 18px; color: #444;} .txtCon03{margin-top:-2px;padding-left:20px;line-height:18px;color:#444;} .txtCon04 {line-height: 18px; color: #444;} /* difinition list */ dl.fnList{width:100%;overflow:hidden;} dl.fnList dt{float:left;clear:left;width:7%;height:15px;*height:14px;padding:3px 0 6px 0;*padding:4px 0 6px 0;color:#222;letter-spacing:-1px;} dl.fnList dd{float:left;width:93%;height:18px;line-height:15px;padding:0 0 6px 0;color:#222;} dl.fnList dd label, dl.fnList dd span, dl.fnList dd select, dl.fnList dd input, dl.fnList dd img, dl.fnList dd a.btn01{display:inline-block;vertical-align:middle;} dl.fnList dd input[type="radio"]{width:13px;height:13px;margin:0 3px 0 0;*margin:-1px 2px 0 0;} dl.fnList dd input[type="checkbox"]{width:13px;height:13px;margin:1px 3px 0 0;*margin:0 3px 0 0;} dl.fnList dd select{height:19px !important;} /* number list */ .numListBox{padding-top:4px;background:url(../img/td/bg_srch_top01.gif) no-repeat;} .numListBox ul{padding:14px 29px 6px;height:1%;border:1px solid #8d97b7;border-top:none; background-color: #fafafa;} .numListBox ul:after{content:"";display:block;clear:both;} .numListBox ul li{float:left;padding-bottom:7px;width:259px;} .numListBox ul li.last{float:left;width:180px;} /* banner list */ .banner3 {overflow:hidden;width:100%;margin-top:10px;} .banner3 li {float:left;margin:0 0 0 10px;} .banner3 li.first {margin-left:0;} /* box number list */ ol.cardList {clear:both;} ol.cardList li {overflow:hidden;width:100%;margin:5px 0 0 0;padding:9px 0 0 0;background:url("../img/fm/box_list_bg.gif") no-repeat 0 0;} ol.cardList li * {vertical-align:top;} ol.cardList li dl {overflow:hidden;width:100%;padding:0 0 11px 0;background:url("../img/fm/box_list_bg.gif") no-repeat 0 bottom;} ol.cardList li dl dt *,.boxList li dl dd * {vertical-align:middle;} ol.cardList li dl dt {float:left;padding:0 0 0 24px;font-size:12px;font-weight:bold;color:#222;} ol.cardList li dl dd {float:right;width:629px;} ol.cardList li dl dd label {vertical-align:middle;color:#222;} ol.cardList li dl dd ul li {margin:6px 0 0 0;padding:0;background:none;} ol.cardList li dl dd ul li label {display:inline-block;width:76px;vertical-align:middle;} ol.cardList li dl dd ul.listType03 {margin:8px 0 0 0;} ol.cardList li dl dd ul.listType03 li {margin:0;padding: 0 0 0 18px; background: url('../img/bul/bul_info01.gif') no-repeat 0 1px; color: #444; font-size: 11px; line-height: 14px;} ol.cardList li dl dd ul.listType03 li p {margin-top: 4px;} ol.cardList li dl dd .listType03 .imgBtn{position:relative;top:-4px;left:5px;vertical-align:top;} ol.cardList li.on {background-image:url("../img/fm/box_list_bg_on.gif");} ol.cardList li.on dl {background-image:url("../img/fm/box_list_bg_on.gif");} ol.cardList li.on dl dt {color:#1b306f;} /* 구분선 Type 01 */ .hr {width: 790px; height: 1px; margin-bottom: 25px; background: url('../img/icon/icon_hline02.gif') repeat-x 0 0;} /* contents layer */ .popIndex {position:absolute;top:8px;left:53px;padding-top:19px;width:201px;border:1px solid #697693;background:#fff url('../img/popup/alert_layer_bg.gif') repeat-x 0 0;text-align:left; !important;z-index:100;} .popIndex p {padding-left:12px;font-size:14px;font-weight:bold;color:#1b306f;} .popIndex .alertCon {padding:0 30px 18px 11px;font-size:11px;} .popIndex ul {margin-top:10px;padding:0 6px 16px 6px;} .popIndex li {padding:3px 0 2px 25px;background-position:5px 4px;border-top:1px solid #e5e5e5;} .popIndex .close{position:absolute;top:5px;right:8px;} /* 티커스타일 */ .tickerWrap01 {position:relative;overflow: hidden;width:100%;border-top:1px solid #cbcbcb;border-bottom:1px solid #62719d;background:url('../img/common/bg_ticker_01.gif') no-repeat 0 0;z-index:1;} .iconArea01 {float:left;width:31px;} dl.ticker01 {float:left;overflow:hidden;height:25px;} dl.ticker01 dt.time {float:left;width:98px;padding:0;height:25px;color:#222;background:url('../img/common/bg_ticker_time.gif') no-repeat 0 0;} dl.ticker01 dt.time span {display:block;padding:3px 0 0 35px;font-size:12px;color:#222;text-align:left;} dl.ticker01 dd.index {float:left;width:371px;} dl.ticker01 dd.index span {display:block;float:left;margin:0 0 0 12px;} dl.ticker01 dd.index .market {margin:0;padding:0 7px 0 10px;font-weight:bold;color:#222;} dl.ticker01 dd.index .indexPrice {padding-right:3px;} dl.ticker01 dd.index .down {color:#0058bc;} dl.ticker01 dd.index .up {color:#ed0b7b;} dl.ticker01 dd.index .equal {color:#444;} dl.ticker01 dt.stockNews {float:left;width:118px;padding:0;height:25px;color:#222;background:url('../img/common/bg_ticker_news.gif') no-repeat 0 0;} dl.ticker01 dt.stockNews span {display:block;padding:3px 0 0 0;font-size:12px;color:#222;text-align:center;} dl.ticker01 dd.newsCon {float:left;margin:0 0 0 10px;} dl.ticker01 dd.newsCon .newsDate {position:absolute;top:3px;right:10px;font-size:12px;color:#444;} dl.ticker01 dd {padding:3px 0 0 0;color:#222;} dl.ticker01 dd a {color:#222 !important;text-decoration:none;} dl.ticker01 dd a:hover {color:#222 !important;text-decoration:underline;} .tickerWrap02 {position:relative;width:100%;margin-bottom:-1px;border-bottom:2px solid #db108e;z-index:3;} .ticker02 {overflow:hidden;width:100%;height:24px;background:url('../img/common/bg_ticker_03.gif') no-repeat 0 0;} .ticker02 .iconArea02 {float:left;width:30px;padding:0; text-align: center;} .ticker02 .iconArea02 * {vertical-align:top;} .ticker02 .iconArea02 #tickerTip {display:inline-block;} .ticker02 ul.tagList {float: left;padding:3px 0 0 0;} .ticker02 ul.tagList li {float:left;width:78px;padding:1px 0 0 2px;background:url('../img/common/bg_ticker_04.gif') no-repeat 0 1px;text-align:center; position: relative;} .ticker02 ul.tagList li.first {background:none; text-align: center;} .ticker02 ul.tagList li .tagListDel {margin-left:-2px;} a.tag01:link, a.tag01:visited {text-decoration:none;color:#466ab9;} a.tag01:active, a.tag01:hover, a.tag01:focus {text-decoration:underline;color: #466ab9 !important;} .lnbTopBanner {margin:0 0 5px 0;} /* speed fund */ .speedFund {padding:0 0 13px 0;background:url("../img/common/speed_fund_bg.gif") no-repeat 0 bottom;} .speedFund dl {background:url("../img/common/speed_fund_bg.gif") no-repeat 0 0;} .speedFund dl dt {padding:13px 0 6px 14px;text-align:left;} .speedFund dl dt * {vertical-align:top;} .speedFund dl dd.inputSec {position:relative;width:128px;height:22px;margin:0 0 0 11px;background:url("../img/common/speed_fund_input_bg.gif") no-repeat 0 0;} .speedFund dl dd.inputSec input {position:absolute;top:3px;left:5px;width:86px;height:18px;margin:0;border:0;line-height:18px;background:transparent url("../img/common/speed_fund_input_txt.gif") no-repeat 0 3px;} .speedFund dl dd.inputSec a {position:absolute;top:0px;right:0px;} .speedFund dl dd.keyWord {margin:0 11px 0 11px;padding:8px 0 0 18px;font-size:11px;line-height:140%;background:url("../img/common/speed_fund_blt.gif") no-repeat 0 10px;} /* tab style */ a.taboff {display:inline-block; zoom:1;height:26px;padding:0 0 0 15px;line-height:25px;background: url('../img/td/bg_tab_left.gif') no-repeat 0 0;} a.taboff span {display:inline-block !important;zoom:1;height:25px;padding:1px 15px 0 0;line-height:25px;background: url('../img/td/bg_tab_right.gif') no-repeat right 0; cursor: pointer; } a.tabon {display:inline-block; zoom:1;height:26px;padding-top:1px;padding:0 0 0 15px;line-height:25px;background:url('../img/td/bg_tabon.gif') no-repeat 0 0;} a.tabon span {display:inline-block !important;zoom:1;height:25px;padding:1px 15px 0 0;line-height:25px;background: url('../img/td/bg_tabon.gif') no-repeat right 0; cursor: pointer;} a.taboff.tabon {display:inline-block; zoom:1;height:26px;padding-top:1px;padding:0 0 0 15px;line-height:25px;background:url('../img/td/bg_tabon.gif') no-repeat 0 0;} a.taboff.tabon span {display:inline-block !important;zoom:1;height:25px;padding:1px 15px 0 0;line-height:25px;background: url('../img/td/bg_tabon.gif') no-repeat right 0; cursor: pointer;} span.tabon02 {display:inline-block; zoom:1;height:26px;padding-top:1px;padding:0 0 0 38px;line-height:25px;background:url('../img/td/bg_tabon.gif') no-repeat 0 0; color:#fff; font-weight:bold;} span.tabon02 span {display:inline-block !important;zoom:1;height:25px;padding:1px 38px 0 0;line-height:25px;background: url('../img/td/bg_tabon.gif') no-repeat right 0; } a.ctab {display: inline-block; zoom:1; *display:inline; padding-left: 20px; line-height: 120%; background: url('../img/td/bg_ctab_left01.gif') no-repeat 0 0;} a.first {display: inline-block; zoom:1; *display:inline; padding-left: 20px; line-height: 120%; background: url('../img/td/bg_ctab_left02.gif') no-repeat 0 0 !important;} a.ctab span {display: inline-block; zoom:1; *display:inline; height: 20px; padding: 11px 21px 0 0; line-height: 120%;background: url('../img/td/bg_ctab_right01.gif') no-repeat right 0; cursor: pointer; } a.first span {display: inline-block; zoom:1; *display:inline; height: 20px; padding: 11px 21px 0 0; line-height: 120%; background: url('../img/td/bg_ctab_right01.gif') no-repeat right 0; cursor: pointer; } a.ctab_on {display: inline-block; zoom:1; *display:inline; padding-left: 21px; line-height: 120%; background: url('../img/td/bg_ctabon_left.gif') no-repeat 0 0;} a.ctab_on span {display: inline-block; zoom:1; *display:inline; height: 20px; padding: 11px 21px 0 0; line-height: 120%; background: url('../img/td/bg_ctabon_right.gif') no-repeat right 0; cursor: pointer;} /* 탭이많거나 글자가 길경우 탭간격 10픽셀 */ a.sfirst {display: inline-block; zoom:1; *display:inline; padding-left: 10px; line-height: 120%; background: url('../img/td/bg_ctab_left02.gif') no-repeat 0 0 !important;} a.sfirst span {display: inline-block; zoom:1; *display:inline; height: 20px; padding: 11px 10px 0 0; line-height: 120%; background: url('../img/td/bg_ctab_right01.gif') no-repeat right 0; cursor: pointer; } a.sctab {display: inline-block; zoom:1; *display:inline; padding-left: 10px; line-height: 120%; background: url('../img/td/bg_ctab_left01.gif') no-repeat 0 0;} a.sctab span {display: inline-block; zoom:1; *display:inline; height: 20px; padding: 11px 10px 0 0; line-height: 120%;background: url('../img/td/bg_ctab_right01.gif') no-repeat right 0; cursor: pointer; } a.sctab_on {display: inline-block; zoom:1; *display:inline; padding-left: 10px; line-height: 120%; background: url('../img/td/bg_ctabon_left01.gif') no-repeat 0 0;} a.sctab_on span {display: inline-block; zoom:1; *display:inline; height: 20px; padding: 11px 10px 0 0; line-height: 120%; background: url('../img/td/bg_ctabon_right01.gif') no-repeat right 0; cursor: pointer;} a.ctab:link, a.ctab:visited, a.first:link, a.first:visited, a.sctab:link, a.sctab:visited, a.sfirst:link, a.sfirst:visited {color: #65686f; text-decoration: none !important;} a.tab:link, a.tab:visited {color: #65686f; text-decoration: none !important;} a.tabon:link, a.tabon:visited, a.ctab_on:link, a.ctab_on:visited, a.sctab_on:link, a.sctab_on:visited {color: #fff; font-weight: bold; text-decoration: none !important;} a.selltab {display: inline-block; zoom:1; *display:inline; padding-left: 21px; line-height: 120%; background: url('../img/fm/bg_tab_sell.gif') no-repeat 0 0;} a.selltab span {display: inline-block; zoom:1; *display:inline; height: 20px; padding: 11px 21px 0 0; line-height: 120%; background: url('../img/fm/bg_tab_sell.gif') no-repeat right 0; cursor: pointer;} a.buytab {display: inline-block; zoom:1; *display:inline; padding-left: 21px; line-height: 120%; background: url('../img/fm/bg_tab_buy.gif') no-repeat 0 0;} a.buytab span {display: inline-block; zoom:1; *display:inline; height: 20px; padding: 11px 21px 0 0; line-height: 120%; background: url('../img/fm/bg_tab_buy.gif') no-repeat right 0; cursor: pointer;} a.modifytab {display: inline-block; zoom:1; *display:inline; padding-left: 21px; line-height: 120%; background: url('../img/fm/bg_tab_modify.gif') no-repeat 0 0;} a.modifytab span {display: inline-block; zoom:1; *display:inline; height: 20px; padding: 11px 21px 0 0; line-height: 120%; background: url('../img/fm/bg_tab_modify.gif') no-repeat right 0; cursor: pointer;} a.canceltab {display: inline-block; zoom:1; *display:inline; padding-left: 21px; line-height: 120%; background: url('../img/fm/bg_tab_cancel.gif') no-repeat 0 0;} a.canceltab span {display: inline-block; zoom:1; *display:inline; height: 20px; padding: 11px 21px 0 0; line-height: 120%; background: url('../img/fm/bg_tab_cancel.gif') no-repeat right 0; cursor: pointer;} a.selltab:link, a.selltab:visited, a.buytab:link, a.buytab:visited, a.modifytab:link, a.modifytab:visited, a.canceltab:link, a.canceltab:visited {color: #fff; font-weight: bold; text-decoration: none !important;} /* tab area type01 */ .tabArea01 {width:100%;overflow: hidden; border-bottom:1px solid #52566e;} .tabArea01 li {float: left; margin-right: 0px;} .tabArea01 li.first {padding-left: 10px;} .tabArea01 li.btn {float: right; margin-right: 0;} .tabArea01 li * {vertical-align:top;} .tabArea02 {width: 100%;overflow:hidden;} .tabArea02 li {float:left;} .tabArea02 li.btn {float:right;padding-top:5px;} .tabArea02 li * {vertical-align:top;} .indext22{padding-left:22px;text-indent:-22px;} .tabDate {position:absolute;bottom:4px;right:0px;} .tabBtnArea {position:relative;} .tabBtnArea .tabBtn {position:absolute;top:-24px;right:0px;} .posIn02{position:absolute;top:8px;right:0;} .ptb5{padding-top:5px !important;padding-bottom:5px !important;} .h176{height:176px;} /* 진행예정아이콘 */ .btnApp02{display:inline-block;zoom:1;*display:inline;padding-left:32px;line-height:120%;background:url('../img/common/bg_btn_app02.gif') no-repeat 0 0;font-weight:bold;color:#696b75;} .btnApp02 span {display:inline-block !important;zoom:1 !important;*display:inline !important;height:19px;padding:9px 9px 0 0;line-height:120%;background:url('../img/common/bg_btn_app02.gif') no-repeat right 0;} /* 신청마감아이콘 */ .btnApp03{display:inline-block;zoom:1;*display:inline;padding-left:32px;line-height:120%;background:url('../img/common/bg_btn_app03.gif') no-repeat 0 0;font-weight:bold;color:#696b75;} .btnApp03 span {display:inline-block !important;zoom:1 !important;*display:inline !important;height:19px;padding:9px 9px 0 0;line-height:120%;background:url('../img/common/bg_btn_app03.gif') no-repeat right 0;} /* line */ .tabBr01 {border-bottom: 1px solid #898989 !important;}/* 탭아래 */ .tabBr02 {border-right: 1px solid #8d97b7 !important;}/* 오른쪽라인 */ .tabBr03 {border-top: 1px solid #546393 !important;}/* 탭아래 테이블이 올 경우(해외주식,fx) */ .tabBr04 {border-bottom: 1px solid #191919 !important;}/* 팝업 탭아래 */ .tabBr05 {border-bottom: 1px solid #898ab3 !important;}/* 탭아래 */ .tbBr01 {border-top: 1px solid #898989 !important;}/* 테이블위 */ .tbBr02 {border-right: 1px solid #b2b0b1 !important;}/* 테이블오른쪽 */ .tbBr03 {border-bottom: 1px solid #b2b0b1 !important;}/* 테이블아래쪽 */ .tbBr04 {border-bottom: 1px solid #898989 !important;}/* 테이블아래쪽 */ .brNobr {border-right: 0 !important;} .brNobt {border-top: 0 !important;} .brNobm {border-bottom: 0 !important;} .boxbrR {border-right: 1px solid #898989;} /* box */ .txtBox {overflow:hidden; background: #f4f4f4; border: 1px solid #e0e0e0;} .txtBox .txtHead {height:16px;margin:0 0 0 16px;} .txtBox .txtWrap {margin:0;padding:0 0 0 16px;} .txtBox .txtWrap .txtCon {margin:0;padding:0 16px 14px 0;line-height:140%;} .txtSec {margin:0 0 8px 0;line-height:140%;} .txtSec .listType01 {margin:0 !important;} .lineBox {position:relative;border:1px solid #8d97b7;} .lineBox ul.rule {margin-top: 15px;} .lineBox ul.rule li {padding-bottom: 3px; line-height: 130%;} .boxIn {padding:12px 15px 10px;} .boxIn02 {padding:15px;} .boxCon01 {padding: 19px 0; border: 1px solid #ebebeb; background: #f4f4f4;} .boxBot01 .srchTy01{*padding-top:1px;padding-left:15px;height:18px;*height:19px;line-height:18px;} .boxBot01 input[type="radio"]{width:13px;height:13px;margin:0 3px 0 10px;*margin:-1px 2px 0 11px;} .boxBot01 input[type="checkbox"]{width:13px;height:13px;margin:1px 3px 0 0;*margin:0 3px 0 0;} .sellBox {position: relative; padding: 10px 0 0 10px; border: 1px solid #8d97b7; border-top: 0; background: #e6eff7;} .buyBox {position: relative; padding: 10px 0 0 10px; border: 1px solid #8d97b7; border-top: 0; background: #fff3f1;} .modifyBox {position: relative; padding: 10px 0 0 10px; border: 1px solid #8d97b7; border-top: 0; background: #ebf3e1;} .cancelBox {position: relative; padding: 10px 0 0 10px; border: 1px solid #8d97b7; border-top: 0; background: #e9e9e9;} .sellBox .btnArea, .buyBox .btnArea, .modifyBox .btnArea, .cancelBox .btnArea {position: absolute; right: 7px; bottom: 7px;} /* contents box */ .conBox {overflow:hidden;width:100%;background:url('../img/popup/guide_box.gif') no-repeat 0 0; margin:0 auto;} .conBox .conBoxHead {height:15px;margin:0 0 0 15px;background:url('../img/popup/guide_box.gif') no-repeat right 0;} .conBox .conBoxWrap {margin:0;padding:0 0 0 15px;background:url('../img/popup/guide_box.gif') no-repeat 0 bottom;} .conBox .conBoxWrap .conBoxCon {margin:0;padding:0 15px 15px 0;background:url('../img/popup/guide_box.gif') no-repeat right bottom;} .conBox .conBoxWrap .conBoxCon h2 {font-size:14px;font-weight:bold;color:#0f255f;} /* conBox List */ .conBoxList {line-height:140%;} .conBoxList dt {margin:0 0 7px 0;color:#222;} .conBoxList dt * {vertical-align:middle;} .conBoxList dt input {margin-top:-1px;} .conBoxList dt .btn01 span {height:14px;padding-top:3px;} .conBoxList dd {padding:0 0 0 20px;} /* end box */ .endBox {overflow:hidden;width:100%;} .endBox .endBoxWrap {height:240px;background:url('../img/common/endbox_bg_0101.gif') no-repeat 0 0;} /* 키워드림 완료화면 */ .endBox .endBoxWrap.bg1 {background:url('../img/common/endbox_bg_0101_20170406.gif') no-repeat 0 0 !important;} .endBox .endBoxWrap.bg2 {background:url('../img/common/endbox_bg_0102_20170406.gif') no-repeat 0 0 !important;} .endBox .endBoxWrap.bg3 {background:url('../img/common/endbox_bg_0103_20170406.gif') no-repeat 0 0 !important;} /* 스마트 완료화면 */ .endBox .endBoxWrap.bg1_1 {background:url('../img/common/endbox_bg_0201_20170406.gif') no-repeat 0 0 !important;} .endBox .endBoxWrap.bg2_1 {background:url('../img/common/endbox_bg_0202_20170406.gif') no-repeat 0 0 !important;} .endBox .endBoxWrap.bg3_1 {background:url('../img/common/endbox_bg_0203_20170406.gif') no-repeat 0 0 !important;} /* 슈퍼스탁 완료화면 */ .endBox .endBoxWrap.bg1_2 {background:url('../img/common/endbox_bg_0301_20170406.gif') no-repeat 0 0 !important;} .endBox .endBoxWrap.bg2_2 {background:url('../img/common/endbox_bg_0302_20170406.gif') no-repeat 0 0 !important;} .endBox .endBoxWrap.bg3_2 {background:url('../img/common/endbox_bg_0303_20170406.gif') no-repeat 0 0 !important;} /* 도너츠 완료화면 */ .endBox .endBoxWrap.bg1_3 {background:url('../img/common/endbox_bg_0401_20170622.gif') no-repeat 0 0 !important;} .endBox .endBoxWrap.bg3_3 {background:url('../img/common/endbox_bg_0403_20170622.gif') no-repeat 0 0 !important;} /* 굿타이밍 완료화면 */ .endBox .endBoxWrap.bg1_4 {background:url('../img/common/endbox_bg_0501_20170907.png') no-repeat 0 0 !important;} .endBox .endBoxWrap.bg3_4 {background:url('../img/common/endbox_bg_0503_20170907.png') no-repeat 0 0 !important;} /* 팍스AI센터 완료화면 */ .endBox .endBoxWrap.bg1_5 {background:url('../img/common/endbox_bg_0601_20180529.gif') no-repeat 0 0 !important;} .endBox .endBoxWrap.bg3_5 {background:url('../img/common/endbox_bg_0603_20180529.gif') no-repeat 0 0 !important;} /* 미주미 완료화면 */ .endBox .endBoxWrap.bg1_6 {background:url('../img/common/endbox_bg_us1_20201014.png') no-repeat 0 0 !important;} .endBox .endBoxWrap.bg3_6 {background:url('../img/common/endbox_bg_us3_20201014.png') no-repeat 0 0 !important;} .endBox .endBoxWrap1 {height:249px;background:url('../img/common/endbox_bg_0102.gif') no-repeat 0 0 !important;} .endBox .endBoxWrap dl {padding:60px 0 0 350px;} .endBox .endBoxWrap dl dt {margin:0 20px 14px 0;} .endBox .endBoxWrap dl dd {padding:0 0 4px 11px;font-size:12px;line-height:130%;color:#444;background:url('../img/etc/myinfo/endbox_list_blt.gif') no-repeat 0 4px;} .endBox .endBoxWrap dl dd.key {font-size:14px;font-weight:bold;background-position:0 6px !important;} .endBox .endBoxWrap dl dd .keyName {color:#12255f;} .endBox .endBoxWrap dl dd strong {color:#ef097b;} .endBox .endBoxWrap .endBoxBtn {margin:8px 0 0 0;padding:0 0 0 350px;} /* 로보마켓 완료화면 */ .lastBox .lastBoxWrap.bg1 {background:url('../img/common/endbox_bg1_0712.gif') no-repeat 0 0 !important;} .lastBox .lastBoxWrap.bg2 {background:url('../img/common/endbox_bg2_0712.gif') no-repeat 0 0 !important;} .lastBox .endBoxWrap1 {height:249px;background:url('../img/common/endbox_bg_0102.gif') no-repeat 0 0 !important;} .lastBox .lastBoxWrap dl {padding:60px 0 0 350px;} .lastBox .lastBoxWrap dl dt {margin:0 20px 14px 0;font-size:15px;font-weight:bold} .lastBox .lastBoxWrap dl dd {padding:0 0 4px 11px;font-size:12px;line-height:130%;color:#444;background:url('../img/etc/myinfo/endbox_list_blt.gif') no-repeat 0 4px;} .lastBox .lastBoxWrap dl dd.key {font-size:13px;font-weight:light;background-position:0 6px !important;} .lastBox .lastBoxWrap dl dd .keyName {color:#12255f;} .lastBox .lastBoxWrap dl dd strong {color:#ef097b;} .lastBox .lastBoxWrap .lastBoxBtn {margin:8px 0 0 0;padding:0 0 0 350px;} .lineWrap {border-top:1px solid #e0e0e0;} /* rndBox */ .rndBox{padding-top:5px;background:url(../img/common/bg_rnd_box.gif) no-repeat;} .rndBox .inner{padding-bottom:5px;background:url(../img/common/bg_rnd_box.gif) 0 bottom no-repeat;} .rndBox02{padding-top:5px;background:url(../img/common/bg_rnd_box02.gif) no-repeat;} /* width 405 */ .rndBox02 .inner{padding-bottom:5px;background:url(../img/common/bg_rnd_box02.gif) 0 bottom no-repeat;} /* round box */ .round_box0{background:#f7f7f7;border:1px solid #e5e5e5; padding:16px;} .round_box1{background:url(../img/etc/stock/bg_box1.gif) no-repeat left top; padding:16px;} .round_box2{ padding:16px;} .round_box1 h4{font-weight:bold; color:#222;} .round_box1 .rb_list1 li ul{margin:0 0 0 1px;} .round_box1 .rb_list1 li li{background:none; color:#666; padding:0 0 2px 0; line-height:11px;} .round_box1 .rb_list1 li li.last{text-indent:21px;} /* round box_big size */ .round_boxBtm{background:url(../img/etc/stock/bg_round_box_btm.gif) no-repeat left bottom;} .round_boxTop{background:url(../img/etc/stock/bg_round_box_top.gif) no-repeat left top; padding:16px 16px 0 16px;} .round_boxTop h4{font-weight:bold; color:#222;} .round_boxTop .rb_list1 li ul{margin:0 0 0 1px;} .round_boxTop .rb_list1 li li{background:none; color:#666; padding:0 0 2px 0; line-height:11px;} .round_boxTop .rb_list1 li li.last{text-indent:21px;} /* 상하좌우 유동 라운드박스 Type 01 */ .roundWrap01 { background:url('../img/common/bg_rbox_type_02.gif') bottom right repeat-x; } .roundWrap01 .roundTr { background:url('../img/common/bg_rbox_type_02.gif') top right repeat-x; padding:0 18px 0 0; } .roundWrap01 .roundTr .roundTl { background:url('../img/common/bg_rbox_type_02.gif') top left repeat-x; padding:18px 0 0 18px;} .roundWrap01 .roundBl { background:url('../img/common/bg_rbox_type_02.gif') bottom left repeat-x; height:18px; margin:0 18px 0 0; } /* 게시판 조회 type01~02 */ .srchWrap {width: 100%; margin-bottom: 8px; min-height: 48px; background: url('../img/td/bg_srch_bot01.gif') no-repeat 0 bottom; /*overflow: hidden;*/ position: relative;}/* 달력 레이어로 인해 overflow:hidden 주석 */ .srchWrap .btn {position: absolute; right: 8px; top: 12px; padding-bottom: 1px;} .srchWrap01 .btn {position: absolute; right: 7px; top: 12px;} .srchWrap .reuter {font-size: 11px; color: #444;} .inTop01 {height: 4px; background: url('../img/td/bg_srch_top01.gif') repeat-x 0 bottom; line-height: 0; font-size: 0;} .srchWrap2 {width: 100%; margin-bottom: 8px; min-height: 48px; background: url('../img/td/bg_srch_bot02.gif') no-repeat 0 bottom; overflow: hidden; position: relative;} .srchWrap2 .btn {position: absolute; right: 8px; top: 12px; padding-bottom: 1px;} .srchWrap2 .reuter {font-size: 11px; color: #444;} .srchWrap01 {_width: 828px; margin-bottom: 8px; background: #fafafa; border: 1px solid #8d97b7; border-top: 0; overflow: hidden; position: relative;} .srchL01 {float: left; height: 24px; padding: 10px; *padding: 9px 10px 11px 11px; overflow: hidden;} .srchL01 span {font-family:"돋움",dotum;font-size:12px;} .srchL02 {float: left; height: 18px; line-height: 18px; padding: 13px 0 13px 15px;} .srchL02 select, .srchR01 select {height: 19px !important; color: #444;} .srchL01 span, .srchL01 img, .srchL01 input, .srchL01 strong, .srchL01 label, .srchL01 select, .srchL02 span, .srchL02 img, .srchL02 input, .srchL02 strong, .srchL02 label, .srchL02 select, .srchR01 span, .srchR01 img, .srchR01 input, .srchR01 strong, .srchR01 label, .srchR01 select {display: inline-block; vertical-align: middle;} .srchR01 {float: right; height: 18px; padding: 12px 10px 0 0; line-height: 18px;} .srchR02 {float: right; padding: 8px 7px 0 0;} .srchList01 {height: 35px; padding: 10px 10px 0 10px; line-height: 15px; overflow: hidden;} .srchList02 {height: 18px; padding: 7px 10px 7px 10px; background-color: #e9eaee; overflow: hidden; position: relative;} .srchList02 .btnSrch {position: absolute; right: 7px; top: 4px;} .srchList02 .btnSrch2 {position: absolute; right: 86px; top: 4px;} .srchList02 input[type="radio"] {width: 15px; height: 15px; margin: 0 3px 0 0; *margin: -1px 2px 0 0;} .srchList01 span, .srchList01 img, .srchList01 input, .srchList01 strong, .srchList01 label, .srchList01 select, .srchList02 span, .srchList02 img, .srchList02 input, .srchList02 strong, .srchList02 label, .srchList02 select {display: inline-block; vertical-align: middle; color: #222;} .srchList02 strong {line-height: 18px;} .srchList02 select {height: 19px !important; color: #444;} .addLine01 {border-bottom: 1px solid #d8d8d8;} .bar01 {display: inline-block; vertical-align: middle; width: 1px; height: 18px; margin: 0 11px; *margin: 0 14px 0 11px; background: url('../img/common/line_vertical01.gif') no-repeat 0 1px; line-height: 0; font-size: 0;}/* 조회영역 구분 bar */ .slash01 {display: inline-block; vertical-align: middle; width: 6px; height: 12px; margin: 0 3px; *margin: 0 6px 0 3px; background: url('../img/td/line_slash.gif') no-repeat 0 1px; line-height: 0; font-size: 0;}/* 조회영역 구분 bar */ .intoTxt01 {display: inline-block; vertical-align: middle; padding-left: 9px; background: url('../img/icon/icon_arrow02.gif') no-repeat 0 3px;} .nameArea {color: #222; font-size: 18px !important; line-height: 110%; font-weight: bold; letter-spacing: -1px;} .srchWrap02 {position:relative;margin-bottom:8px;border:1px solid #8d97b7;} .srchWrap02 .btn {position:absolute;right:8px;top:8px;padding-bottom:1px;} /* 게시판 조회 type03 */ .srchList03 {padding: 7px 0 7px 10px; background: #e9eaee; height:18px; min-height: 18px; line-height: 18px; border-bottom: 1px solid #898989; color: #222 !important; position: relative;} .srchList03 select, .srchList03 span, .srchList03 input, .srchList03 label, .srchList03 img {display: inline-block; vertical-align: middle;} .srchList03 input[type="radio"] {width: 13px; height: 13px; margin: 0 3px 0 10px; *margin: -1px 2px 0 11px;} .srchList03 input[type="checkbox"] {width: 13px; height: 13px; margin: 1px 3px 0 0; *margin: 0 3px 0 0;} .srchList03 select {height: 19px !important; color: #444;} .srchList03 span, .srch0101 span, .srch02 span, .srch03 span, .srch0301 span, .srch04 span, .srch05 span {line-height: 24px;} .srchList03 .btnSrch {position: absolute; right: 7px; top: 4px;} .srchList03 label {color: #222 !important;} .srch01 {line-height: 18px; padding: 8px 7px 9px 8px; overflow: hidden; width: 100%;} .srch0101 {height: 18px; line-height: 18px; padding: 4px 0 6px 0;} .srch02 {height: 18px; line-height: 18px;} .srch03 {height: 18px; line-height: 18px; padding: 11px 0 6px 13px; *padding: 11px 0 6px 13px; overflow: hidden;} .srch0301 {line-height: 18px; padding: 12px 0 15px 13px; *padding: 12px 0 15px 13px; overflow: hidden;zoom:1;} .srch0302 {line-height: 18px; padding: 13px 0 13px 12px; *padding: 13px 0 13px 12px; overflow: hidden;zoom:1;} .srch04 {height: 18px; line-height: 18px; padding: 0 0 14px 13px; *padding: 0 0 14px 13px; overflow: hidden;} .srch0401 {height: 16px; line-height: 18px; padding: 2px 0 14px 13px; *padding: 2px 0 14px 13px; overflow: hidden;} .srch05 {height: 18px; line-height: 18px; margin-top: -7px; *margin-top: -8px; padding: 0 0 13px 13px; *padding: 0 0 14px 13px; overflow: hidden;} .srch06 {height: 18px; line-height: 18px; padding: 8px 0 8px 10px; overflow: hidden;} .srchWrap select, .srchWrap span, .srchWrap input, .srchWrap strong, .srchWrap img, .srchWrap label {display: inline-block; vertical-align: middle; color: #222;} .srchWrap01 select, .srchWrap01 span, .srchWrap01 input, .srchWrap01 strong, .srchWrap01 img, .srchWrap01 label {display: inline-block; vertical-align: middle; color: #222;} .srchWrap label {margin-top: 0; *margin-top: 0;} .srchWrap select {height: 19px !important; color: #444;} .srchWrap input[type="radio"] {width: 13px; height: 13px; margin: 0 3px 0 10px; *margin: -1px 2px 0 11px;} .srchWrap01 input[type="radio"] {width: 13px; height: 13px; margin: 0 3px 0 10px; *margin: -1px 2px 0 11px;} .srchWrap input[type="checkbox"] {width: 13px; height: 13px; margin: 1px 3px 0 0; *margin: 0 3px 0 0;} .srchWrap strong {line-height: 18px;} .srch01 span, .srch0101 span, .srch02 span, .srch03 span, .srch0301 span, .srch04 span, .srch0401 span, .srch05 span, .srch06 span {line-height: 22px;} .srchWrap span.clock {background: url('../img/icon/icon_clock.gif') no-repeat 0 3px; padding-left: 15px; *background: url('../img/icon/icon_clock.gif') no-repeat 0 2px;} /* 일반게시판 검색영역 */ .boxTop01 {height: 12px; *height: 11px; background: url('../img/common/bg_srch_01.gif') no-repeat 0 0; line-height: 0; font-size: 0;} .boxBot01 {position: relative; min-height: 18px; margin-bottom: 8px; padding-bottom:12px;background: url('../img/common/bg_srch_01.gif') no-repeat 0 bottom;} .boxBot01 .srch {padding-left: 15px;} .boxBot01 select {height: 19px !important; color: #444;} .boxBot01 select, .boxBot01 span, .boxBot01 input, .boxBot01 strong, .boxBot01 img, .boxBot01 label {display: inline-block; vertical-align: middle; color: #222;} .boxBot01 .btn {position: absolute; right: 7px; top: -5px; *top: -4px;} .boxBot01 .btn * {vertical-align:top;} .titWrap .btn {position: absolute; right: 0px; top: 9px; } .titWrap .btn * {vertical-align:top;} .boxTop02 {height: 4px; *height: 3px; background: url('../img/common/bg_srch_01.gif') no-repeat 0 0; line-height: 0; font-size: 0;} .boxBot02 {position: relative; min-height: 18px; margin-bottom: 8px; padding-bottom: 12px;*padding-bottom:11px;background: url('../img/common/bg_srch_01.gif') no-repeat 0 bottom;} .boxBot02 .srch {margin-top:8px;padding-left:15px;} .boxBot02 select {height:19px !important;color:#444;} .boxBot02 select, .boxBot02 span, .boxBot02 input, .boxBot02 strong, .boxBot02 img, .boxBot02 label {display:inline-block;vertical-align:middle;color:#222;} .boxBot02 .btn {position:absolute;right:7px;top:5px;*top:6px;} .boxTop03 {width: 100%; padding-top:13px;background: url('../img/common/bg_srch_01.gif') no-repeat 0 0;} .boxBot03 {padding:0 0 8px 15px;background: url('../img/common/bg_srch_01.gif') no-repeat 0 bottom;} /* 약관 box (주식-계좌정보-개인신용정보제공 및 이용신청/철회) */ .clauseBox{overflow-y:scroll; overflow-x: hidden;padding:13px 15px 0;height:195px;border:1px solid #8d97b7;line-height:18px;} .clauseBox .tradingWrap{position:static;height:auto;} .clause01{padding-bottom:15px;} .clause01 h6 {margin:0 0 5px 0;font-weight:bold;font-size:12px;} .clause01 .privacyHead {margin:0 0 5px 0;} .clause01 ul{padding-left:20px;} .clause01 li{margin-top:5px;text-indent:-15px;} .clause01 li li{margin-top:0;padding-left:3px;text-indent:-10px;} .clause01 .noticeArea {text-indent:0;margin:5px 0 10px 0;padding:10px 10px;border:1px solid #d8d8d8;text-align:justify;} .clause01 .noticeArea .notiTit {display:block;margin:0 0 5px 0;text-align:center;} .clause02{padding-bottom:15px;} .clause02 dt{margin-top:15px;} .clause02 ol li {padding-bottom:15px;} .clause02 .numList li {padding-bottom:3px;} .clause02 ol li ol li {padding-bottom:3px;} .clause02 ol li ul li {padding-bottom:3px;} .clause02 ul li {padding-bottom:15px;} .clause02 ul li ol {margin-top: 5px;} .clause02 ul li ol li {padding-bottom:3px;} .clause02 ul li ol li li {padding-bottom:3px;} .clause03{padding-bottom:15px;} .clause03 li{margin-top:15px;} .clause0201{padding-bottom:15px;} .clause0201 dd{margin:24px 0 0;} .clause03 li ul {margin-left:10px;} .clause03 li li {margin-top:0;} .lineChk{padding-top:12px;border-top:1px solid #d8d8d8;} .clauseArea{overflow-y:scroll;padding:13px 15px 0;width:798px;height:195px;border:1px solid #8d97b7;font:12px "돋움", dotum, arial, sans-serif;line-height:18px;} .clause04 li{padding-bottom:15px;} .clause05{padding-bottom:15px;} .clause05 dt{margin-top:15px;font-weight:bold;color:#444;} .clause05 dt.first{margin-top:0;} .clause05 ul{padding-left:8px;} /* 약관동의 */ .agreeChk{margin-top:10px; *margin-top: 6px; text-align:center;} .agreeChk input, .agreeChk label{vertical-align:middle;} .agreeChk input[type="radio"]{width:13px;height:13px;margin:0 3px 0 10px;*margin:-1px 2px 0 11px;} /* line button */ .lineBtn0101{text-align:left; position:relative;} .lineBtn0101 .bul{background: url("../img/bul/bul_depth04.gif") no-repeat scroll 0 6px; padding-left:7px;} .lineBtn0101 .sbtn0201 {position:absolute; top:-5px; right:0; } /* 선물옵션-상품선물주문및시세-상품파생투자위험안내 */ .titleArea {position:relative;} .titleArea .tit01 {border-bottom:1px solid #e0e0e0;padding-bottom:4px;font-size:20px;font-weight: bold;} .titleArea .titBtn {position:absolute; top:0; right:0;} .disc{text-align:right;} .disc .Bbul {background: url("../img/bul/bul_Bcolor.gif") no-repeat scroll 0 2px; padding: 0 0 0 12px;} .disc .Rbul {background: url("../img/bul/bul_Rcolor.gif") no-repeat scroll 0 2px; padding: 0 0 0 12px;} .selArea {display: inline;} .clauseBox.h208{height:208px; } .lineBtn0102{margin-top:10px;padding-top:10px;border-top:1px solid #d8d8d8;text-align:center;} div.disc01 {background: #F3F3F3; border:1px solid #8D97B7; margin-top:8px; overflow:hidden; padding:15px 0 15px 15px; width:813px;} /* 개요 */ .anchorWrap {margin-bottom: 20px; padding: 14px 0 4px 0; border-top: 2px solid #2a3e78; border-bottom: 1px solid #b2b2b2; background: #fafafa; overflow: hidden;} .anchorWrap ol.list01 {width: 810px; padding-left: 20px;}/* 개요가 3칸씩 반복 될때 */ .anchorWrap ol.list01 li {float: left; width: 241px; padding-bottom: 10px;} .anchorWrap ol.list01 li a {text-decoration: none;} .anchorWrap ol.list02 {width: 810px; padding-left: 20px;}/* 개요가 4킨씩 반복 될때 */ .anchorWrap ol.list02 li {float: left; width: 181px; padding-bottom: 10px;} /* 숫자 아이콘 리스트 */ .infoList03 {_width: 100%;} .num01 {padding: 0 0 0 20px; background: url('../img/fx/txt_num_01.gif') no-repeat 0 1px; line-height: 18px;} .num02 {padding: 0 0 0 20px; background: url('../img/fx/txt_num_02.gif') no-repeat 0 1px; line-height: 18px;} .num03 {padding: 0 0 0 20px; background: url('../img/fx/txt_num_03.gif') no-repeat 0 1px; line-height: 18px;} .num04 {padding: 0 0 0 20px; background: url('../img/fx/txt_num_04.gif') no-repeat 0 1px; line-height: 18px;} .num05 {padding: 0 0 0 20px; background: url('../img/fx/txt_num_05.gif') no-repeat 0 1px; line-height: 18px;} .num06 {padding: 0 0 0 20px; background: url('../img/fx/txt_num_06.gif') no-repeat 0 1px; line-height: 18px;} .num07 {padding: 0 0 0 20px; background: url('../img/fx/txt_num_07.gif') no-repeat 0 1px; line-height: 18px;} .num08 {padding: 0 0 0 20px; background: url('../img/fx/txt_num_08.gif') no-repeat 0 1px; line-height: 18px;} .num09 {padding: 0 0 0 20px; background: url('../img/fx/txt_num_09.gif') no-repeat 0 1px; line-height: 18px;} .num10 {padding: 0 0 0 20px; background: url('../img/fx/txt_num_10.gif') no-repeat 0 1px; line-height: 18px;} .num11 {padding: 0 0 0 20px; background: url('../img/fx/txt_num_11.gif') no-repeat 0 1px; line-height: 18px;} .num12 {padding: 0 0 0 20px; background: url('../img/fx/txt_num_12.gif') no-repeat 0 1px; line-height: 18px;} .num13 {padding: 0 0 0 20px; background: url('../img/fx/txt_num_13.gif') no-repeat 0 1px; line-height: 18px;} .num14 {padding: 0 0 0 20px; background: url('../img/fx/txt_num_14.gif') no-repeat 0 1px; line-height: 18px;} .num15 {padding: 0 0 0 20px; background: url('../img/fx/txt_num_15.gif') no-repeat 0 1px; line-height: 18px;} .num16 {padding: 0 0 0 20px; background: url('../img/fx/txt_num_16.gif') no-repeat 0 1px; line-height: 18px;} .num17 {padding: 0 0 0 20px; background: url('../img/fx/txt_num_17.gif') no-repeat 0 1px; line-height: 18px;} .num18 {padding: 0 0 0 20px; background: url('../img/fx/txt_num_18.gif') no-repeat 0 1px; line-height: 18px;} .num19 {padding: 0 0 0 20px; background: url('../img/fx/txt_num_19.gif') no-repeat 0 1px; line-height: 18px;} /* calendar */ .calendarWarp{ width:203px; padding:0px; margin:0px; position:relative;} .calendar{position:relative;padding:10px 12px 10px 10px;width:181px;background:url(../img/common/bg_calendar_top.gif) no-repeat;} .calendarDiv .close{position:absolute;top:5px;right:8px;} .calendar .yymm{font:18px Tahoma,Sans-serif;text-align:center;} .calendar .yymm img{margin-top:8px;vertical-align:top;} .calendar .yymm span{padding:0 5px;} .calendar table{margin-top:10px;width:100%;} .calendar table thead th{height:25px;text-align:center;} .calendar table td{height:23px;text-align:center;font:10px Tahoma,Sans-serif;line-height:14px;} .calendar table td.today a{border:1px solid #97bbde;background:#c8def3;} .calendar table td a{display:block;height:15px;color:#666 !important;} .calendar table td.pink a{color:#ef097b !important;} .calendar table td.blue a{color:#0058bc !important;} .calendar table td.prev a, .calendar table td.next a{color:#ccc !important;} .todayBox{padding-top:6px;height:35px; width:203px;text-align:center;font-size:11px;background:url(../img/common/bg_calendar_bottom.gif) no-repeat;} /* 썸네일 이미지 보더 */ .brdImg {border:1px solid #ddd;} /* 썸네일 및 사진 외곽선 */ /* 통합검색 */ .totalSrchWrap{position:relative;z-index:1;padding:13px 0 0 219px;height:79px;background:url(../img/search/bg_search_box.gif) no-repeat;} .totalSrchWrap.srchTy02{height:48px;background:url(../img/search/bg_search_box02.gif) no-repeat;} .totalSrchWrap *{vertical-align:middle;} .totalSrchWrap .tt{position:absolute;top:15px;left:62px;} .srchInput{position:relative;padding:4px 0 4px 106px;*padding:3px 0 5px 106px;width:345px;height:31px;background:url(../img/search/bg_input.gif) no-repeat;} .srchInput .select{position:absolute;top:4px;left:4px;padding:4px 0 4px 8px;width:94px;height:19px !important;background:#fff;} .srchInput .select .selBtn{position:absolute;top:0;right:0;} .srchInput .select .selBtn img{padding:10px 7px 11px;} .srchInput .select .selList01{position:absolute;top:27px;left:0;z-index:1000;padding:5px 1px;width:97px;border:1px solid #b0b6c4;background:#fff;} .srchInput .select .selList02{position:absolute;bottom:27px;left:0;z-index:1000;padding:5px 1px;width:97px;border:1px solid #b0b6c4;background:#fff;} .srchInput .select li a{display:block;padding:4px 0 0 6px;height:16px;} .srchInput .select li a:hover{background:#e9ecf1;} .totalSrchWrap .resrch{position:absolute;top:24px;right:20px;} .totalSrchWrap .resrch label{font-weight:bold;color:#222;} .srchInput input.txt{margin-top:0px;padding:4px 0 3px 8px;width:275px;height:20px;border:none;background:#fff;color:#222; position: absolute; top:4px;} .srchInput .btn{position:absolute;top:0;right:0;} .srchLink{margin-top:13px;color:#335190;} .srchLink a{color:#335190 !important;} .srchStock{padding:20px 0;width:100%;border-top:1px solid #e0e0e0; width:830px;} .srchStock:after{content:"";display:block;clear:both;} .stockInfo{position:relative;margin-bottom:6px;padding-left:206px;} .stockInfo h2{position:absolute;top:0;left:0;font-size:16px;font-weight:bold;color:#000;letter-spacing:-1px;} .stockInfo h2 span{font-size:14px;color:#666;} .stockInfo dl{width:100%;} .stockInfo dl:after{content:"";display:block;clear:both;} .stockInfo dt{float:left;padding-top:3px;width:50px;} .stockInfo dd{float:left;padding-right:15px;width:195px;text-align:right;} .stockInfo dd img{margin-top:-2px;vertical-align:middle;} .stockInfo dd.last{padding:3px 0 0;width:62px !important;} .srchStock .stockTb{width:160px;border-bottom:1px solid #c4c4c4;} .srchStock .stockTb th{padding-left:7px;height:34px;background:#f7f7f7 url(../img/search/bg_dot_line.gif) repeat-x;} .srchStock .stockTb td{padding-right:5px;height:34px;background:url(../img/search/bg_dot_line.gif) repeat-x;text-align:right !important;} .srchStock .stockTb tr.first th{background:#f7f7f7 url(../img/search/bg_table.gif) repeat-x;} .srchStock .stockTb tr.first td{background:url(../img/search/bg_table.gif) repeat-x;} .stockInfo2{border-top:2px solid #cccccc; background: #f7f7f7; padding: 7px 0; margin: 0 0 15px 0} .stockInfo2 h2{ font-size: 16px; font-weight: bold; color: #000; letter-spacing: -1px;} .stockInfo2 h2 span{font-size:14px;color:#666;} .stockInfo2 .f16{ letter-spacing: -1px;} .stockInfo2 table th{padding: 0 0 0 10px;} .stockInfo2 table td{ color: #333; padding: 0 0 0 10px;} .stockInfo2 .right{ text-align: right;} .stockInfo2 .center{ text-align: center;} .srchSection{position:relative;padding:20px 0 15px;border-top:1px solid #e0e0e0;} .srchSection.section02{border-top:none;border-bottom:1px solid #e0e0e0;} .srchSection.section03{border:none;height:385px} .srchVol{margin-left:4px;padding-left:9px;background:url(../img/common/line_vertical06.gif) no-repeat;font-weight:normal;font-size:12px;color:#444;} .srchMenu{padding:20px 0; border-bottom:1px solid #e0e0e0;} .srchSection h2, .srchMenu h2{margin-bottom:12px;} .srchMenu li{margin-bottom:7px;} .srchSection ul li{padding:0 0 8px 10px;background:url('../img/bul/bul_depth03.gif') 0 7px no-repeat;line-height:16px;color:#444;} .srchSection ul li a{margin-bottom:3px;font-weight:bold;color:#444;} .srchSection ul li .txt{margin-bottom:3px;font-size:11px;color:#444;line-height:14px;} .srchSection ul li .location{font-size:11px;color:#666;} .srchSection .srchMore{position:absolute;right:0;bottom:15px;} .srchMore{padding-right:9px;background:url(../img/search/bg_more.gif) right 7px no-repeat;} .srchMore a{font-size:11px;text-decoration:underline !important;color:#0058bc !important;} .srchSection .infoTxt01{padding:0;} .srchSection .infoTxt01 li{padding-left:13px;background-position:5px 4px;color:#666;} .srchSection .sTab{overflow:hidden;position:absolute;top:23px;right:0;} .srchSection .sTab a{margin-left:-1px;background:url(../img/common/line_vertical06.gif) no-repeat;color:#444;line-height:120%} .srchSection .sTab a span{margin:0 6px 0 10px;} .srchSection .sTab a.down span{padding-right:12px;background:url(../img/search/bg_stab_down.gif) right 3px no-repeat !important;font-weight:bold;color:#0f255f;height:auto;} .srchSection .sTab a.up span{padding-right:12px;background:url(../img/search/bg_stab_up.gif) right 3px no-repeat !important;font-weight:bold;color:#0f255f;height:auto;} .srchMenu .sTab{overflow:hidden;position:absolute;top:23px;right:0;} .srchMenu .sTab a{margin-left:-1px;background:url(../img/common/line_vertical06.gif) no-repeat;color:#444;line-height:120%} .srchMenu .sTab a span{margin:0 6px 0 10px;} .srchMenu .sTab a.down span{padding-right:12px;background:url(../img/search/bg_stab_down.gif) right 3px no-repeat !important;font-weight:bold;color:#0f255f;height:auto;} .srchMenu .sTab a.up span{padding-right:12px;background:url(../img/search/bg_stab_up.gif) right 3px no-repeat !important;font-weight:bold;color:#0f255f;height:auto;} /* middot */ .midDot {padding:0 0 0 7px;background:url("../img/bul/bul_depth04.gif") no-repeat 0 4px;} /* layer calendar */ .layerCal {position:relative;width:203px;height:224px;font-family:Tahoma;"돋움", dotum; background:url("../img/common/common_cal_bg.gif") no-repeat 0 0;} .dateSelect {padding:19px 0 8px 0;font-size:11px;line-height:160%;text-align:center;} .dateSelect * {vertical-align:middle;} .currentDate {margin:0 3px 0 0;color:#222;} .calView {padding:0 6px 0 6px;} .calView table {width:100%;} .calView table .sun {color:#ef097b;} .calView table .sat {color:#0058bc;} .calView table .sun a {color:#ef097b;} .calView table .sat a {color:#0058bc;} .calView table thead tr th {width:14%;padding:6px 0 6px 0;font-family:Tahoma;font-size:11px;font-weight:bold;color:#666;text-align:center;} .calView table tbody tr td {height:9px;padding:6px 0 0 0;font-family:Tahoma;font-size:11px;color:#444;line-height:15px;text-align:center;} .calView table tbody tr td a {display:block;height:16px;font-size:11px;color:#444;line-height:15px;text-decoration:none;} .calView table tbody tr td a.on {border:1px solid #97bbde;background-color:#c8def3;} .calView table tbody tr td.dif {font-weight:normal;color:#cccccc;} .calView table tbody tr td a.dif {font-weight:normal;color:#cccccc;} .calClose {position:absolute;top:5px;right:8px;} .layerCal .todayBox{position:absolute;bottom:4px;left:0;padding-top:6px;width:203px;height:24px;text-align:center;font-size:11px;} /* stock trade */ .stockTrade {position:relative;} .stockTrade .timeInfo1 {position:absolute;top:20px;left:14px;} .stockTrade .timeInfo2 {position:absolute;top:20px;left:229px;} .stockTrade .timeInfo3 {position:absolute;top:20px;left:433px;} .stockTrade .timeInfo4 {position:absolute;top:20px;left:533px;} .stockTrade .timeInfo5 {position:absolute;top:176px;left:574px;} /* auto log */ .autoLog {overflow:hidden;width:100%;background:url("../img/common/auto_log_bg.gif") no-repeat 0 0;} .autoLog .autoLogTxt {padding:0 0 0 326px;} .autoLog .autoLogTxt .noticeTxt {padding:13px 0 20px 0;} .autoLog .autoLogTxt .logInfoTxt li {padding:0 0 0 11px;line-height:120%;background:url("../img/common/auto_log_blt.gif") no-repeat 0 5px;} .autoLog .autoLogTxt .logInfoTxt li * {vertical-align:middle;} .autoLog .autoLogTxt .logInfoTxt li.autoSet {margin:5px 0 0 0;font-size:11px;color:#666;background-position:0 5px;} .autoLog .autoLogBtn {padding:22px 0 0 0;} /* 보안 프로그램 */ .security {width:100%;text-align:center;font-family:"돋움",dotum;line-height:120%;font-size:12px;color:#444;} .security .secHead {overflow:hidden;width:640px;height:40px;margin:50px auto 0 auto;text-align:left;} .security .secHead * {vertical-align:top;} .security .secHead .secHeadLogo {float:left;} .security .secHead .secHeadBrand {float:right;padding:8px 0 0 0;} .security .secWrap {width:640px;margin:0 auto;text-align:left;} .security .secType1 {height:1111px;background:url("../img/common/sec_bg_1.gif") no-repeat 0 0;} .security .secType2 {height:754px;background:url("../img/common/sec_bg_2.gif") no-repeat 0 0;} .security .secType3 {height:526px;background:url("../img/common/sec_bg_3.gif") no-repeat 0 0;} .security .secType4 {height:526px;background:url("../img/common/sec_bg_4.gif") no-repeat 0 0;} .security .secWrap .secCon {padding:39px 37px 30px 37px;} .security .secWrap .secCon * {vertical-align:top;} .security .secWrap .secCon .secLoad {text-align:center;} .security .secWrap .secCon .secLoadTip {margin:22px 0 0 0;padding:0 0 0 5px;text-align:left;} .security .secWrap .secCon .secLoadTip * {vertical-align:top;} .security .secWrap .secCon .secLoadTip .secFaqBtn {display:inline-block;margin:-4px 0 0 0;} .security .secWrap .secCon .browser {position:relative;width:566px;height:61px;margin:15px 0 20px 0;background:url("../img/common/sec_browser_bg.gif") no-repeat 0 0;} .security .secWrap .secCon .browser .browserTit {position:absolute;top:0px;left:0px;} .security .secWrap .secCon .browser .browserTxt {position:absolute;top:5px;left:92px;line-height:140%;} .security .secWrap .secCon .subTit {margin:0 0 10px 0;padding:0;} .security .secWrap .secCon .waitTxt {margin:0;} .security .secWrap .secCon .btnFile {margin-top:18px;text-align:center;} .security .secWrap .secCon .btnFile * {vertical-align:top;} .security .secType2 .secCon .secList ol li {margin-top:18px;} .security .secWrap .secCon .secCustInfo {overflow:hidden;width:100%;margin:7px 0 0 0;} .security .secWrap .secCon .secCustInfo ul {float:right;} .security .secWrap .secCon .secCustInfo ul li {padding:0 0 0 7px;font-size:11px;color:#444;background:url("../img/common/sec_cust_list_blt.gif") no-repeat 0 6px;} .security .secWrap .secLog {padding:54px 35px 0 204px;background:url("../img/common/sec_log_bg.gif") no-repeat 43px 54px;} .security .secWrap .secLog .secLogTit {margin:0 0 29px 0;} .security .secWrap .secLog .secLogBtn {margin:27px 0 0 0;text-align:left;} .secListWrap {overflow:hidden;width:100%;padding:20px 0 0 0;background:url("../img/common/sec_con_bg.gif") no-repeat 0 0;} .secList {padding:0 10px 18px 20px;background:url("../img/common/sec_con_bg.gif") no-repeat 0 bottom;} ol.secList1 li {margin:25px 0 0 0;font-size:11px;} ol.secList1 li.first {margin-top:0;} ol.secList1 li * {vertical-align:top;} ol.secList1 li p {margin:4px 0 0 0;} ol.secList1 li .secImg {width:530px;margin:6px 0 0 -4px;text-align:center;} ul.secList2 li {margin:9px 0 0 0;padding:0 0 0 12px;font-size:12px;color:#222;background:url("../img/common/sec_list_blt.gif") no-repeat 0 3px;} ul.secList2 li.first {margin-top:0;} ul.secList2 li ul {margin:0 0 0 -10px;padding:2px 0 0 0;} ul.secList2 li ul li {margin:5px 0 0 0;padding:0 0 0 9px;color:#444;background:url("../img/common/sec_list_blt_sub.gif") no-repeat 0 4px;} /* 로그인/회원가입 */ .loginBox {position: relative; width: 830px; height: 326px; margin-top: 20px; background:url('../img/etc/member/bg_login_01.jpg') no-repeat 0 0; overflow: hidden;} .loginWrap {width: 475px; height: 300px; padding-top: 26px; position: absolute; right: 30px; top: 0; background:url('../img/etc/member/bg_login_02.jpg') no-repeat 0 0;} .loginWrap p.checkArea {padding: 0 0 10px 148px; } .loginWrap p.checkArea input, .loginWrap p.checkArea label {display: inline-block; vertical-align: middle; font-size: 11px; color: #444;} .loginWrap p.checkArea label {padding-right: 12px; letter-spacing: -1px;} .loginWrap p.checkArea input[type="checkbox"] {width: 13px; height: 13px; margin: 0 3px 0 0; *margin: -1px 3px 0 0;} .loginArea {width: 250px !important; margin: 0 auto; } .loginArea a.login {position: absolute; right: 32px; top: 49px;} .loginArea dl {width:321px; padding-bottom: 15px; overflow: hidden;} .loginArea dl dt {float: left; clear: left; width: 116px; height: 19px; padding: 5px 0 5px 0; } .loginArea dl dt img {vertical-align: top;} .loginArea dl dd {float: left; width: 205px; height: 24px; padding-bottom:5px;} .loginArea dl dd input {height: 18px; padding: 4px 0 0 2px; background: #fff; border: 1px solid #bfbfbf; color: #444 !important; vertical-align: middle;} .goArea {width: 411px; margin: 0 auto; padding-top: 15px; background:url('../img/etc/member/bg_dot_01.gif') repeat-x 0 0; } .goArea ul {margin-top: 0 !important;} .goArea li {position: relative; padding-bottom: 11px !important;} :root .goArea li {position: relative; padding-bottom: 8px !important;} .goArea li a.etc04 {position: absolute; right: 0; top: -3px; margin: 0 !important;} .authentication {width: 788px; padding: 5px 20px 13px 20px; background: url('../img/etc/member/bg_vline_01.gif') no-repeat 50% 0; overflow: hidden;} .authentication h2 {height: 40px; margin-bottom: 15px; padding-top: 11px; background:url('../img/etc/member/bg_dot_01.gif') repeat-x 0 bottom;} .authentication .realName {float: left; width: 374px; position: relative;} .authentication .realName dl {width: 374px; padding-bottom: 11px; *padding-bottom: 15px; overflow: hidden;} .authentication .realName dl dt {float: left; clear: left; width: 82px; height: 14px; margin-bottom: 4px; padding: 4px 0 0 12px; background:url('../img/bul/bul_depth03.gif') no-repeat 2px 6px;} .authentication .realName dl dt img {vertical-align: top;} .authentication .realName dl dd {float: left; width: 200px; height: 18px; margin-bottom: 4px;} .authentication .realName a.confirm {position: absolute; right: 2px; top: 66px;} .authentication .infoTxt {padding-top: 12px; *padding-top: 13px; background:url('../img/etc/member/bg_dot_01.gif') repeat-x 0 0;} .authentication .ipinArea {float: right; width: 374px;} .authentication .ipinBtn {padding-bottom: 15px; text-align: center;} .infoboxTop01 {width: 830px; height: 5px; background: url('../img/etc/member/bg_top_01.gif') no-repeat 0 0; line-height: 0; font-size: 0;} .infoboxBot01 {width: 820px; height: 212px; padding: 22px 0 0 10px; background: url('../img/etc/member/bg_bot_01.gif') no-repeat 0 bottom; overflow: hidden;} .infoboxBot02 {width: 830px; background: url('../img/etc/member/bg_bot_01.gif') no-repeat 0 bottom; overflow: hidden;} .infoboxBot01 .iconObj01 {float: left; margin-right: 20px;} .infoboxBot01 .detail01 {float: left; margin-top: 21px;} .infoboxBot01 dl {margin-bottom: 10px;} .infoboxBot01 dl dt {margin:0 20px 14px 0;} .infoboxBot01 dl dd {padding:0 0 4px 11px;font-size:12px;line-height:130%;color:#444;background:url('../img/etc/myinfo/endbox_list_blt.gif') no-repeat 0 4px;} .infoboxBot01 dl dd.key {font-size:14px;font-weight:bold;background-position:0 6px !important;} .infoboxBot01 dl dd.noBg {background:none;} .infoboxBot01 dl dd strong {color:#ef097b;} /* 로그인/회원가입 button */ a.login {display: inline-block; zoom:1; *display:inline; width: 85px; height: 53px; line-height: 120%; background: url('../img/etc/member/bg_btn_01.gif') no-repeat 0 0; text-align: center;} a.login span {display: inline-block !important; zoom:1 !important; *display:inline !important; padding-top: 20px;} a.login:link, a.login:visited, a.login:active, a.login:hover, a.login:focus {font-size: 14px !important; color: #fff !important; text-decoration: none !important; font-weight: bold;} a.confirm {display: inline-block; zoom:1; *display:inline; padding-left: 22px; line-height: 120%; background: url('../img/etc/member/bg_btn_02.gif') no-repeat 0 0;} a.confirm span {display: inline-block !important; zoom:1 !important; *display:inline !important; height: 27px; padding: 13px 22px 0 0; line-height: 120%; background: url('../img/etc/member/bg_btn_02.gif') no-repeat right 0; cursor: pointer; *vertical-align: top !important;} a.confirm:link, a.confirm:visited, a.confirm:active, a.confirm:hover, a.confirm:focus {font-size: 14px !important; color: #696b75; text-decoration: none !important; font-weight: bold;} a.iPin {display: inline-block; zoom:1; *display:inline; width: 174px; height: 40px; line-height: 120%; background: url('../img/etc/member/bg_btn_02.gif') no-repeat 0 0; text-align: center;} a.iPin span {display: inline-block !important; zoom:1 !important; *display:inline !important; padding-top: 13px;} a.iPin:link, a.iPin:visited, a.iPin:active, a.iPin:hover, a.iPin:focus {font-size: 14px !important; color: #696b75; text-decoration: none !important; font-weight: bold;} .book {padding:0 0 0 0;border:1px solid #cfcfcf;background-color:#fff;} .book .bookWrap {position:relative;width:288px;} .book .bookWrap .bookClose {position:absolute;top:4px;right:7px;} .book .bookTit {height:26px;background-color:#e5e5e5;} .book .bookTit * {vertical-align:top;} .book .bookTit span {display:block;padding:7px 0 0 14px;font-size:11px;color:#000000;} .book .bookTit span strong {color:#cf8800;} .book ul {overflow:hidden;} .book ul li {position:relative;overflow:hidden;width:100%;height:25px;margin:0;padding:0;font-size:0;line-height:0;} .book ul li * {vertical-align:top;} .book ul li a {display:block;height:25px;padding:0 0 0 26px;line-height:25px;font-size:12px;color:#444;text-decoration:none;background:url(../img/main/main_book_list_blt.gif) no-repeat 15px 8px;cursor:default;} .book ul li a:hover {color:#444;background-color:#e9ecf1;text-decoration:none;} .book ul li .listDel {display:inline;position:absolute;top:8px;right:11px;padding:0 !important;margin:0 !important;background:none !important;} .book ul li .listDel:hover {display:inline-block;height:auto;background:none;text-decoration:none;} .infoBox01 td{line-height:200% !important;} .moneyEventArea{width: 830px; height: 240px; overflow: hidden; position: relative;} .moneyEventArea #moneyEventnav{position:absolute; bottom:15px; right:20px; display:block; height:6px; z-index:9000;} .moneyEventArea #moneyEventnav a{ display:block; height:0px; width:38px; background:#f2f3f7; overflow:hidden; float:left; padding-top:6px; margin-left:3px} .moneyEventArea #moneyEventnav a.activeSlide{background:#ec008c;} .space01{display:inline-block; width:10px;} table.grayLine{ border-top:1px solid #d3d4d6; border-left:1px solid #d3d4d6; margin-bottom: 8px;} table.grayLine td{ border-bottom:1px solid #d3d4d6; border-right:1px solid #d3d4d6;} .bg_no{ background: none !important;} .smartPhone{width: 830px; height: 850px; background: url(../img/etc/center/smart_phone_130410.jpg) no-repeat 0 0; position: relative;} .Tablet{width: 830px; height: 233px; background: url(../img/etc/center/tablet_0824_20121129.jpg) no-repeat 0 0; position: relative;} .openWeb{width: 830px; height: 264px; background: url(../img/etc/center/openweb.jpg) no-repeat 0 0; position: relative;} a.smartBtn01{ display: block; width: 72px; height: 28px; background: url(../img/etc/center/smart_phone_0827.jpg) no-repeat -347px -47px; position: absolute;} a.smartBtn01 span{ display: none;} a.smartBtn02{ display: block; width: 102px; height: 28px; background: url(../img/etc/center/smart_phone_0827.jpg) no-repeat -423px -47px; position: absolute;} a.smartBtn02 span{ display: none;} .smartPhone01{ top:47px; left: 347px;} .smartPhone01_in{ top:47px; left: 423px;} .smartPhone02{ top:47px; left: 652px;} .smartPhone02_in{ top:47px; left: 728px;} .smartPhone03{ top:134px; left: 347px;} .smartPhone03_in{ top:134px; left: 423px;} .smartPhone04{ top:134px; left: 652px;} .smartPhone04_in{ top:134px; left: 728px;} .smartPhone16{ top:221px; left: 347px;} .smartPhone16_in{ top:221px; left: 423px;} .smartPhone17{ top:221px; left: 652px;}/*키워드림 App*/ .smartPhone17_in{ top:221px; left: 728px;} .smartPhone05{ top:308px; left: 347px;}/*증권통*/ .smartPhone05_in{ top:308px; left: 423px;} .smartPhone08{ top:308px; left: 652px;}/*MP트레블러*/ .smartPhone08_in{ top:308px; left: 728px;} .smartPhone07{ top:395px; left: 347px;}/*키움stock*/ .smartPhone07_in{ top:395px; left: 423px;} .smartPhone15{ top:395px; left: 652px;}/*유팍스*/ .smartPhone15_in{ top:395px; left: 728px;} .smartPhone18{ top:482px; left: 347px;}/*파생통*/ .smartPhone18_in{ top:482px; left: 423px;} .smartPhone09{ top:618px; left: 478px;}/*아이폰*/ .smartPhone09_in{ top:618px; left: 554px;} .smartPhone10{ top:666px; left: 478px;}/*안드로이드*/ .smartPhone10_in{ top:666px; left: 554px;} .smartPhone11{ top:714px; left: 478px;}/*심비안*/ .smartPhone11_in{ top:714px; left: 554px;} .smartPhone12{ top:764px; left: 478px;}/*블랙베리*/ .smartPhone12_in{ top:764px; left: 554px;} .smartPhone13{ top:70px; left: 347px;} .smartPhone13_in{ top:70px; left: 423px;} .smartPhone14{ top:70px; left: 347px;} .smartPhone14_in{ top:70px; left: 423px;} #shname_span{ font-size: 18px !important; letter-spacing: -1px; line-height: 110%;} #shname_span2{ font-size: 14px !important; letter-spacing: -1px; line-height: 80%;} .bigsale{ position: absolute; top: 57px; right: 8px; z-index: 5000;} .btn_bbs_data{ display: block; width: 64px; height: 18px; background:url(../img/btn/btn_bbs_data.gif) no-repeat 0 0; margin-left: 10px; } .btn_bbs_data:hover{background:url(../img/btn/btn_bbs_data_on.gif) no-repeat 0 0;} .btn_bbs_data span{display: none;} .btn_bbs_video{ display: block; width: 64px; height: 18px; background:url(../img/btn/btn_bbs_video.gif) no-repeat 0 0; margin-left: 10px; } .btn_bbs_video:hover{background:url(../img/btn/btn_bbs_video_on.gif) no-repeat 0 0;} .btn_bbs_video span{display: none;} .btn_bbs_url{ display: block; width: 64px; height: 18px; background:url(../img/btn/btn_bbs_url.gif) no-repeat 0 0; margin-left: 10px; } .btn_bbs_url:hover{background:url(../img/btn/btn_bbs_url_on.gif) no-repeat 0 0;} .btn_bbs_url span{display: none;} .btn_bbs_delete{ display: block; width: 64px; height: 18px; background:url(../img/btn/btn_bbs_delete.gif) no-repeat 0 0; margin-left: 10px; } .btn_bbs_delete:hover{background:url(../img/btn/btn_bbs_delete_on.gif) no-repeat 0 0;} .btn_bbs_delete span{display: none;} .pampis_ok{ width: 830px; height: 239px; background: url(../img/etc/chn/pampis_ok.jpg) no-repeat 0 0; margin-top: 13px; position: relative;} .pampis_ok .pbtn02{ position: absolute; top: 122px; left: 350px;} .pampis_cancle{ width: 830px; height: 239px; background: url(../img/etc/chn/pampis_cancle.jpg) no-repeat 0 0; margin-top: 13px; position: relative;} .pampis_cancle .pbtn02{ position: absolute; top: 122px; left: 350px;} .pampis_none{ width: 830px; height: 239px; background: url(../img/etc/chn/pampis_none.jpg) no-repeat 0 0; margin-top: 13px; position: relative;} .pampis_none .pbtn02{ position: absolute; top: 122px; left: 350px;} .idset01{ position: absolute; top: 121px; left: 323px;} .idset02{ position: absolute; top: 98px; left: 192px;} .logWrap{ width: 778px; margin: 0 auto;} .wts_plusWrap{ width: 966px; height: 583px; overflow: hidden; position: relative; } .wts_plus_img{ position: absolute; top: 0px; left: 0px; z-index: 5; width:1932px; height: 583px;} .wts_plus_img img{ float: left; } a.wts_left{ position: absolute; top: 250px; left: 30px; display: block; width: 30px; height: 30px; z-index: 10; cursor: pointer; display: none;} a.wts_right{ position: absolute; top: 250px; right: 30px; display: block; width: 30px; height: 30px; z-index: 10; cursor: pointer;} img.r0001{ float: left; margin-top: -2px; padding-right: 5px;} a.hover01{ color:#333;} a.hover01:hover{ color:#ec048c; text-decoration: underline;} /******** 에러 페이지 *************/ .errorWrap{ width: 100%; height: 100%; margin: 0 auto; background: url(../img/error/bg.gif) repeat-x 0 0; display: block;} .errorBody{ width: 600px; margin: 0 auto 0 auto; padding-top: 50px;} .errorHeader{ overflow: hidden; border-bottom:1px solid #a9b1c9; padding-bottom: 15px;} .errorLogo{ float: left;} .errorLink{ float: right; margin-top: 15px;} .ment01{display: block;} .errorBottom{ font-size: 11px; text-align: center; border-top:1px solid #a9b1c9; padding-top: 20px; margin-top: 60px;} /******** 개인정보 강조 페이지 *************/ .private_policy_highlight_color{color:#de2722 !important;} .private_policy_highlight_fontsize{font-size:15px;}