@charset "euc-kr"; @import url("style_old.css"); @import url("style_stock.css"); @import url("style_product.css"); @import url("default.css"); /* 기본설정 */ body { margin: 0; padding: 0; } body,th,td {font:12px dotum; color:#666;} div,p,form {margin:0; padding:0;} iframe { margin:0; padding:0;} ul,ol,dl {margin:0; padding:0; list-style:none;} dd {float:left;} p { clear:both;} img {border:0;} table {border-collapse:collapse; empty-cells:show;/*word-break:break-all;*/} th {text-align:center;} /* a {selector-dummy:expression(this.hideFocus=true);} */ a:link,a:active,a:visited {color:#666; text-decoration:none;} a:hover {color:#316eb7; text-decoration:none;} iframe {border:1px solid #b6b6b6; border-right:none; font:12px dotum; color:333;} sup {font-family:arial; color:#333;} label {cursor:hand;} /** [ float ] ========================**/ .floatL{float:left;} .floatR{float:right;} .floatB{clear:both;} /** [ layout ] ===========*/ #header { background:url('/octogallery/img/newmain/bg_topsub.gif') repeat-x left top; width: 100%; height: 122px; padding: 0; margin-left: -4px; } #leftcolumn { float:left; width: 229px; margin:0px; padding:5px 0 0 20px; } #left {width:211px; background:none; margin:5px 0 0 0px; padding:0; } #flashcontent2 { border:0px solid #000; margin:0; padding:0;} #content { width:686px; margin:5px 0 0 9px; padding:0; vertical-align:top; position:relative; } #octoFooter{ width:919px; margin-left:20px;} #footer_btn {margin-bottom:3px; margin-top:50px;text-align:right; border-bottom:1px solid #ccc; padding-bottom:7px;} ul.footerlink li{ float:left; padding-right:12px; } #submain #footer {margin-left:0px; width:686px;} #submain #footer_btn {margin-bottom:7px; text-align:right; width:686px; margin-left:-27px; border:0px solid #000;} #footer {float:left; width:686px; border-top:0px solid #ccc; text-align:left; } #footer .fm {float:left; padding-top:0px; border:none; text-align:left;} #footer .fm li {float:left; background:none; padding-right:12px; text-align:left; cursor:hand;} #footer li.last {float:left; background:none; padding-right:8px; text-align:left; cursor:hand;} #footer li.copy {clear:left; background:none; padding:2px; text-align:left; cursor:none;} #footer .fmnew {float:left; padding-top:0px; margin:0; border:none; text-align:left;} #footer .fmnew li {float:left; padding:0 7px 0 7px; margin:0; background:url('/octogallery/img/newmain/footer_bg.gif') no-repeat 3px right; text-align:left; cursor:hand;} #footer li.firstnew {padding-left:0;} #footer li.lastnew {float:left; background:none;} #footer li.copynew {clear:left; background:none; padding:2px 2px 2px 0px; text-align:left; cursor:none;} #footerNew {position:absolute; top:-35px; left:0px; width:920px; height:173px; text-align:left; z-index:500;} #footerNew .fl {float:left; width:223px; padding:24px 0 0 39px; margin:173px 0 0 0;} #footerNew .fm {float:left; width:398px; padding:17px 0 0 0; margin:173px 0 0 0;} #footerNew .fm li {float:left; margin:0; padding:0 7px 0 7px; background:url('/octogallery/img/newmain/footer_bg.gif') no-repeat 3px right;} #footerNew li.first {padding-left:0;} #footerNew li.last {background:none;} #footerNew li.copy {clear:left; background:none; padding:2px 2px 2px 0px; text-align:left; cursor:none;} #footerNew .fr {float:left; width:291px; padding:10px 0 0 0;} #footerNew #family { margin-left:201px; margin-top:-178px;} #submain #wmlink .link { position:absolute; top:-127px; left:0px; width:176px;} /* #submain #wmlink .link { position:absolute; top:0px; left:11px; width:184px; ;} #wmlink .link td {background:#fff; border:1px solid #e2e2e2; padding-top:3px; text-align:center; font-size:11px; cursor:hand;} #left #wmlink .link {position:absolute; top:-119px; left:-91px; width:184px; border:1px solid #e2e2e2; border-bottom:none; } #footer {float:left; width:686px; border-top:1px solid #ccc; text-align:left;} #footer .fm {float:left; padding:0px; margin:0; border:none; text-align:left;} #footer .fm li { float:left; padding-right:12px; text-align:left; cursor:hand;} #footer li.last {float:left; background:none; padding-right:8px; text-align:right; cursor:hand;} #footer li.copy {clear:left; background:none; padding:2px; text-align:right; cursor:none;} #footer_btn {margin-bottom:7px; text-align:right; margin-top:50px;} #octoFooter{ width:939px; } ul.footer li{ float:left; padding-right:12px; } */ #location{display:block; width:100%; text-align:right; margin-right:2px; margin-bottom:2px; text-align:right; font-size:11px; color:#929394; letter-spacing:-1px; } #location a,#location a:link,#location a:active,#location a:visited {font-size:11px; color:#929394; text-decoration:none;} #location .now { color:#1a89c8; } /**[ 타이틀 ]*/ #tit { background: url('/octogallery/img/common/bg_tit.gif') repeat-x left top; width:686px; height:27px; margin:0 0 21px 0; vertical-align:middle; } .txt_tit { float:left; } .tit_btn { float:right; margin-top:2px; border:0:} .tit_btn img{ margin-left:0px; } /****[ 메인 ]***/ #submain{ #submain {clear:both; width:915px; margin-left:6px;} #octoHeader { width:939px; height:75px; border:0px solid #000; margin:0; padding:0;} .logown { position:absolute; top:13px; left:50px; } .loginBtn { position:absolute; top:58px; left:56px; } #logOutArea { position:absolute; top:58px; left:56px; } ul.login li { float:left; padding-left:20px;} #logInArea { position:absolute; top:58px; left:56px; } ul.logout li { float:left; padding-right:20px; } .topGlobal { position:absolute; top:7px; left:612px; } ul.txtUtil li { float:left; padding:0 0 0 6px; } /****[ Start 로그인사용자정보 ]***/ #logINBtn {position:absolute; top:62px; left:26px;} ul.login li {float:left; margin:0; padding:0;} #logOUTBtn {position:absolute; top:62px; left:26px;} ul.logout li {float:left margin:0; padding:0;} #H1018Area {position:absolute; top:92px; left:0px; z-index:10;} #infoareaLayout { position:absolute; top:30px; left:-26px; z-index:10;} #infoareaLayout .infoarea_m{ width:220px; height:26px; padding:5px 0 0 18px; } #infoareaLayout .infoarea{ width:220px; padding:8px 0 0 0px; } .infoarea_m ul.text_info, .infoarea ul.text_info { margin:2px 0 0 0; text-align:center; font-size:11px; color:#6d6d6d; } .infoarea_m ul.text_info strong, .infoarea ul.text_info strong{ color:#FFFFFF; text-decoration:none; } /****[ end 로그인사용자정보 ]***/ #topNav{ position:absolute; top:27px; left:204px; z-index:1; } #topMenu{ position:absolute; top:0px; left:0px; z-index:100; width:920px; height:135px;} #octoVisual { padding:0; margin:0;} #octoContent{ width:919px; margin:19px 0 0px 20px; } .area01{ float:left; margin:0 0 0 23px; width:208px; padding:5px 0 0 0;} .area02{ float:left; margin:0 0 0 22px; width:250px; padding:2px 0 0 0;} .area03{ float:left; margin:0 0 0 23px; } .tabLayout { border:1px solid #d6d3d3; float:right; width:163px; height:16px; padding:0 0 0 8px; } .tabLayout li { float:left; padding-right:6px; } ul.mlist li{ background: url('/octogallery/img/main/blt_main01.gif') no-repeat 0 5px; margin:3px 0 0 0px; padding:0 0 0 9px; line-height:150%; border:0px solid red; } .mlist a:hover {color:#242323; text-decoration:none;} #allsch { border:1px solid #dfe1e6; width:118px; height:17px; float:left; background-color:#f5f6f8; margin:0;} #allsch input {background-color:#f5f6f8; width:100px; border:0; margin-bottom:-4px;} /**** Start 메인 태그 *****/ #tabtag { table-layout:fiixed; background: url('/octogallery/img/main/bg_tag.gif') no-repeat left top; width:208px; height:82px; padding:5px 5px 5px 10px; } #tabtag #inboxData { overflow:hidden; height:70px; width:195px; border:0; padding:0; margin:0; line-height:180%; } span.tag01, span.tag02, span.tag03, span.tag04, span.tag05, span.tag06, span.tag07, span.tag08, span.tag09, span.tag10, { margin-right:13px; margin-bottom:0px; } span.tag01 a,span.tag01 a:link, span.tag01 a:active, span.tag01 a:visited, span.tag01 { color:#2164a8; font-size:11px; font-weight:bold; vertical-align:middle; } span.tag01 a:hover { color:#ff5400; } span.tag02 a,span.tag02 a:link, span.tag02 a:active, span.tag02 a:visited { color:#fff; font-size:12px; font-weight:bold; background-color:#5e8dbd; height:21px; padding-top:3px; padding-left:8px; padding-right:8px; padding-bottom:0px; } span.tag02 { color:#fff; font-size:12px; font-weight:bold; background-color:#5e8dbd; height:21px; margin-bottom:7px; } span.tag02 a:hover, { color:#fff; font-size:12px; font-weight:bold; background-color:#f8915f; height:21px; padding-top:3px; padding-left:8px; padding-right:8px; } span.tag03 a,span.tag03 a:link, span.tag03 a:active, span.tag03 a:visited, span.tag03 { color:#151516; font-size:12px; vertical-align:middle; } span.tag03 a:hover { color:#ff5400; } span.tag04 a,span.tag04 a:link, span.tag04 a:active, span.tag04 a:visited, span.tag04 { color:#151516; font-size:12px; font-weight:bold; text-decoration:underline; vertical-align:middle; } span.tag04 a:hover { color:#ff5400; } span.tag05 a,span.tag05 a:link, span.tag05 a:active, span.tag05 a:visited, span.tag05 { color:#5e8dbd; font-size:14px; font-weight:bold; text-decoration:underline; vertical-align:middle; } span.tag05 a:hover { color:#ff5400; } span.tag06 a,span.tag06 a:link, span.tag06 a:active, span.tag06 a:visited, span.tag06 { color:#767676; font-size:11px; font-weight:bold; text-decoration:none; vertical-align:middle; } span.tag06 a:hover { color:#ff5400; } span.tag07 a,span.tag07 a:link, span.tag07 a:active, span.tag07 a:visited, span.tag07 { color:#2164a8; font-size:11px; font-weight:bold; text-decoration:none; vertical-align:middle; } span.tag07 a:hover { color:#ff5400; } span.tag08 a,span.tag08 a:link, span.tag08 a:active, span.tag08 a:visited { color:#fff; font-size:11px; font-weight:bold; background-color:#5e8dbd; height:17px; padding-top:3px; padding-left:8px; padding-right:8px; padding-bottom:0px; } span.tag08 { color:#fff; font-size:11px; font-weight:bold; background-color:#5e8dbd; height:17px; margin-bottom:7px; } span.tag08 a:hover, { color:#fff; font-size:11px; font-weight:bold; background-color:#f8915f; height:17px; padding-top:3px; padding-left:8px; padding-right:8px; } span.tag09 a,span.tag09 a:link, span.tag09 a:active, span.tag09 a:visited, span.tag09 { color:#09427b; font-size:12px; font-weight:bold; text-decoration:underline; vertical-align:middle; } span.tag09 a:hover { color:#ff5400; } span.tag10 a,span.tag10 a:link, span.tag10 a:active, span.tag10 a:visited, span.tag10 { color:#5e8dbd; font-size:14px; font-weight:bold; text-decoration:underline; vertical-align:middle; } span.tag10 a:hover { color:#ff5400; } /**** end 메인 태그 *****/ /**[ 탭 ]*/ ul#tab_type01{ background:url(/octogallery/img/common/bg_tab01.gif) repeat-x bottom; float: left; width: 100%; height:31px; margin:0 0 0px 0; padding:0 0 0 0;} ul#tab_type01 li { float: left; padding-right:2px; } /* ul#tab_type01 {margin:0 0 0px 0;}*/ ul#tab_type02 li{ float:left; padding-left:5px; padding-bottom:8px; } #orderrTab { margin-bottom:20px; } /** 블릿*/ .bul11 li {background:url('/octogallery/img/common/bullet/ico_type01.gif') no-repeat 4px 2px; margin:0; padding:0 1px 3px 10px; height:20px;} padding:0 0 3px 13px; line-height:16px;} /* [ 스타일 및 서식 ] ===========*/ h1{ border:0; } h2{ clear:both; background: url('/octogallery/img/common/bullet/blt_type01.gif') no-repeat 0 5px; font-weight: bold; margin:6px 0 8px 5px; padding:0 0 0px 14px; line-height:18px; } h2.tit_h2{ background: url('/octogallery/img/common/bullet/blt_type01.gif') no-repeat 0 4px; font-weight: bold; margin:6px 0 0px 5px; padding:0 0 0px 14px; line-height:19px; } h2.tit_h2 p{ font-weight:normal; line-height:16px; } .fig1 dt{ background: url('/octogallery/img/common/bullet/blt_type02.gif') no-repeat 0 3px; font-weight: bold; margin:6px 0 4px 5px; padding:0 0 0 14px; border:0px solid red; line-height:18px; } .fig1 dd{ background: url('/octogallery/img/common/bullet/blt_type03.gif') no-repeat 0 4px; margin:2px 0 0 10px; padding:0 0 0 10px; line-height:120%; border:0px solid red; } .fig1 dd li.point{ background: url('/octogallery/img/common/bullet/blt_type03.gif') no-repeat 0 4px; margin:2px 0 0 0; padding:0 0 0 10px; line-height:120%; border:0px solid red; } /* .blt_type01{ background: url('/octogallery/img/common/bullet/blt_type03.gif') no-repeat 0 4px; margin:2px 0 0 0; padding:0 0 0 10px; line-height:120%; } */ .blt_type00{ background: url('/octogallery/img/common/bullet/blt_type01.gif') no-repeat 0 4px; font-weight: bold; margin:6px 0 8px 0px; padding:0 0 0px 14px; line-height:18px; } .blt_type02 { background: url('/octogallery/img/common/bullet/ico_type01.gif') no-repeat 4 5px; font-weight: normal; margin:6px 0 4px 0px; padding:0 0 0 14px; border:0px solid red; line-height:18px; } .blt_type01 li{ background: url('/octogallery/img/common/bullet/blt_type03.gif') no-repeat 0 4px; margin:2px 0 0 0; padding:0 0 0 7px; line-height:130%; } .blt_type01 .point{ color:#ff6600; } #star01 li{background:url('/image/common/bullet/ico_bul10.gif') no-repeat 3px 8px; padding:0; margin:0; line-height;17px;} .bult_type04 li{ background: url('/octogallery/img/common/bullet/blt_type04.gif') no-repeat 0 7px; margin:3px 0 0 0px; padding:0 0 0 12px; line-height:130%; border:0px solid red; } ul#bult_type05 { margin-top:10px; } #bult_type05 li{ background: url('/octogallery/img/common/bullet/blt_type05.gif') no-repeat 0 5px; margin:3px 0 0 0px; padding:0 0 0 10px; line-height:120%; border:0px solid red; line-height:18px; } #type1_dpt1 { background-image:url('/octogallery/img/common/bullet/blt_type03.gif'); background-position:4px 7px; background-repeat:no-repeat; padding-left:12px; color:#73706B;line-height:18px; } .type1_dpt1 li{ background-image:url('/octogallery/img/common/bullet/blt_type03.gif'); background-position:4px 7px; background-repeat:no-repeat; padding-left:12px; color:#73706B; } /**[ 폰트 ]*/ .bno {font-weight:normal;} .txtc01 {color:#ff7e00;} .point {color:#ff6600;} .point01 {color:#5d8fcb;} .point02 {color:#3766a0;} .point03 {color:#316eb7;} .point04 {color:#0a4681;} .point05 {color:#023572;} .f11{font-size:11px;} .f24{font-size:24px;} .f25{font-size:25px; line-height:26px;} .stock_r {color:#d40303;} .stock_b {color:#18569c;} .stock_g {color:#3ea11b;} .fc01 {color:#376c9d;} .pdPoptit {color:#cd0d0d; font-size:14px;} .fwrite {color:#ffffff; } .f33 {color:#333333; } /**[ 간격 ]*/ .padT3 {padding-top:3px;} .padT5 {padding-top:5px;} .padT10 {padding-top:10px;} .padT15 {padding-top:15px;} .padT20 {padding-top:20px;} /**[ 배경 ]*/ .invstbg { margin:3px; background-color:#fbf8ea; padding:5px; line-height:18px; } /**[ 게시판 ]*/ #consultbook_list tbody td{ padding:10px 0 6px 0; border-bottom:1px solid #e6e6e6; } #consultbook_list a,.list01 a:link,.list01 a:active,.list01 a:visited {color:#666; text-decoration:none;} #consultbook_list a:hover {color:#316eb7; text-decoration:none;} .board_sch{ float:right; padding-bottom:4px;} #board_list { width:100%; } #board_list thead th { background:url('/octogallery/img/common/board/bg_tit.gif') repeat-x left top; color:#353537; font-weight:bold; height:29px; } #board_list thead th.bgLeft { background:url('/octogallery/img/common/board/bg_tit_left.gif') no-repeat left top; } #board_list thead th.bgRight { background:url('/octogallery/img/common/board/bg_tit_right.gif') no-repeat right top; } #board_list tbody td { font-size:11px; padding:10px 10px 6px 10px; border-bottom:1px solid #e6e6e6; line-height:15px; color:#999999;} .tdtype01 img{ margin:-3px 10px 0 0; } #board_list a,{color:#666; text-decoration:none; font-size:12px;} #board_list a:hover {color:#316eb7; text-decoration:none; font-size:12px;} #board_list2 { width:100%; } #board_list2 thead th { background:url('/octogallery/img/common/board/bg_tit.gif') repeat-x left top; color:#353537; font-weight:bold; height:29px; } #board_list2 thead th.bgLeft { background:url('/octogallery/img/common/board/bg_tit_left.gif') no-repeat left top; } #board_list2 thead th.bgRight { background:url('/octogallery/img/common/board/bg_tit_right.gif') no-repeat right top; } #board_list2 tbody td { font-size:11px; padding:10px 10px 6px 10px; border-bottom:1px ; line-height:15px; color:#999999;} .tdtype01 img{ margin:-3px 10px 0 0; } #board_list2 a,{color:#666; text-decoration:none; font-size:12px;} #board_list2 a:hover {color:#316eb7; text-decoration:none; font-size:12px;} #boardView{ width:686px;} #boardView thead th{ background:url('/octogallery/img/common/board/bg_tit_left.gif') no-repeat left top; color:#353537; font-weight:bold; height:29px; padding-top:2px; } #boardView thead td { background:url('/octogallery/img/common/board/bg_tit_right.gif') no-repeat right top; width:686px; height:29px; color:#316eb7; font-weight:bold; padding-top:2px; } #boardView tbody th, #boardView tbody td { border-bottom:1px solid #e6e6e6; height:28px; } #boardView tbody th { color:#353537; font-weight:bold; } tbody td { padding-top:3px; } .bgrow { background-color:#f8f8f8; } .cnt{ padding:20px 20px 25px 20px; } .bdcont_a { /* 답글 */ background: #fafafa url('/octogallery/img/common/bullet/icon_a.gif') no-repeat 10px 10px; margin:20px 0 0 0; padding:12px 10px 10px 40px; border:1px solid #e6e6e6; width:100%; } .torque_box { background-color:#f5f5f5; border-top:1px solid #ccc; padding:10px; font-size;11px; } /* 댓글 */ .torque_tbl { border-top:1px solid #ccc; width:100%; } .torque_tbl tr{ height:28px; } .torque_tbl th{ background: #fff url('/octogallery/img/common/bullet/icon_torque.gif') no-repeat 10px 7px; margin:0; padding:3px 0px 0px 40px; font-weight:normal; text-align:left; } .torque_tbl td, .torque_tbl th{ border-bottom:1px solid #ccc; } .topLine{ border-top:1px solid #e6e6e6;} .topLine th{ padding-right:10px; } .topLine th img{ margin-right:5px; } #boardWrite { width:100%; border-top:2px solid #316eb7; border-bottom:2px solid #e6e6e6; } #boardWrite th{ background-color:#f8f8f8; color:#353537; font-weight:bold; height:29px; padding-top:2px; } #boardWrite td, #boardWrite th{ border-bottom:1px solid #e6e6e6;} #boardWrite td { padding-left:10px; } /* 상담예약 Tab Box**/ #contbox{ background: url('/octogallery/img//asset/consultbook/consultInfo_bg.gif') repeat-y 0 top; margin-top:-20px; padding:0px 19px 0 19px; } .contbox_bt{ background: url('/octogallery/img//asset/consultbook/consultInfo_bt.gif') no-repeat; height="20px"} /**[ 안내박스 ]*/ #topinfo {float:left; clear:both; padding-top:25px;_padding-top:0; padding-bottom:25px; width:100%;} #topinfo .top {width:100%; background:url('/octogallery/img/common/layout/box_info_02a.gif') no-repeat right top; font-size:11px; color:#333;} #topinfo .bottom {width:100%; background:url('/octogallery/img/common/layout/box_info_04a.gif') no-repeat right top; margin-bottom:-6px;} #topinfo .infoimg { margin:0; padding:5px 0 5px 10px; border-left:2px solid #75afd2; border-right:2px solid #75afd2; width:100%;} #topinfo ul { margin:0; padding:0px 0 0 10px; } #box_gray {padding:0px; vertical-align:top;} #box_gray .top_gray {background:url('/octogallery/img/common/layout/box_gray_top.gif') no-repeat 0 0; height:10px; } #box_gray .cont_gray{ border-left:2px solid #e2e2e2; border-right:2px solid #e2e2e2; padding:10px 20px 10px 20px; margin-top:-4px; width:686px;} #box_gray .bottom_gray {width:100%; background:url('/octogallery/img/common/layout/box_gray_bt.gif') no-repeat 0 0; height:10px; } #box_guide{ /** 앞에 이미지 존재 */ background:url('/octogallery/img/common/layout/box_guide01_bg.gif') repeat-y 0 top; height:50px; margin:0; padding:15px 0 0 20px; } #box_guide .imgL20{ margin:-5px 20px 0 0; } /*완료메세지출력*/ #msg {height:85px;_height:85px; background:url('/octogallery/img/common/layout/box_msg01.gif') no-repeat 0 0; padding-top:33px; text-align:center; color:#000; font-size:14px; font-weight:bold; vertical-align:top;} #msg img {margin-top:-7px;} #msg .top {background:url('/octogallery/img/common/layout/box_msg01_top.gif') no-repeat 0 0;} #msg .cont,#msg .cont02 {background:url('/octogallery/img/common/layout/box_msg01_cont.gif') repeat-y; border:none; padding:8px 0; text-align:center; font-size:14px; color:#000; font-weight:bold;} #msg .txt {color:#333; font-size:12px; font-weight:normal; margin-top:-10px;} #msg .emp {background:#fbf8ea; margin:0 18px; padding:10px; border:none; text-align:center; font-size:12px; font-weight:normal;} #msg .bottom, #msg .bottom02 {width:100%; background:url('/octogallery/img/common/layout/box_msg01_bottom.gif') no-repeat 0 0; height:14px;margin-top:0px; padding:0; font-size:5px;} /**[ 추천메일보내기 ]*/ #pop{ background: #d2e8f6 url('/octogallery/img/common/pop/pop_bg_top.gif') repeat-x; margin:8px 8px 8px 8px; } #pop_box {float:left; clear:both;} #pop_box .top {width:100%; background:url('/octogallery/img/common/pop/pop_box_02.gif') no-repeat right top; font-size:11px; color:#333;} #pop_box .bottom {width:100%; background:url('/octogallery/img/common/pop/pop_box_04.gif') no-repeat right top; padding:0px; margin-bottom:-6px;} #pop_box .cnt{ border-left:1px solid #c0c0c0; border-right:1px solid #c0c0c0; background-color:#fff;} #tbl_mail thead td{ background:url('/octogallery/img/common/pop/txt_mail_bg.gif') no-repeat right top; color:#316eb7; font-weight:bold; } #tbl_mail td { background-color:#fff; } #tbl_mail td.tdbg{ background:url('/octogallery/img/common/pop/txt_mail_bg.gif') no-repeat right top; } .print { width:100%; text-align:right; padding-bottom:10px; } #pop_copyright{ margin-top:5px;} /**[ 상담예약 전문가답변 ]*/ #profile{ position:relative; background:url('/octogallery/img/asset/consultbook/bg_box.gif') no-repeat ; width:686px; height:277px; padding:25px 0 0 153px; vertical-align:top; margin-top:20px;} #profile p{ padding:8px 0 5px 0; font-size:11px; color:#333333; } #profile .pro { position:absolute; top:15px; left:137px; width:533px; height:162px; text-align:center; } #profile .star { position:absolute; top:205px; left:137px; width:285px; height:100px; font-size:11px; vertical-align:top; line-height:19px;} #profile .btn {position:absolute; top:238px; left:600px; } /**[ 거래 테이블 ]*/ .list11 caption, .tbl02 caption, .tbl01 caption, .inp01 caption, .inp02 caption, .list01 caption { background: url('/octogallery/img/common/bullet/blt_type01.gif') no-repeat 0 3px; font-weight: bold; margin:6px 0 8px 5px; padding:0 0 3px 14px; line-height:18px; text-align:left; font-size:12px; } table th.sub {padding-top:4px; padding-bottom:2px; background:#4c8bd6; border-top:1px solid #fff; border-right:1px solid #fff; font-size:11px; color:#fff; font-weight:normal;} table th.linecolor, table thead th.linecolor{ border-bottom:1px solid #c3d2e8; } table th.linecolorR{ border-right:1px solid #c3d2e8; } table td.lineRno{ border-right:0px solid #c3d2e8; } /* 상품 리스트*/ .list01 {border-top:0px solid #2b82d5; border-bottom:1px solid #d6d6d6; font:11px dotum; color:#666;} .list01 th {padding-top:6px; padding-bottom:4px; background:#316eb7; border-right:1px solid #fff; color:#fff; font-weight:bold;} .list01 td {padding-top:6px; padding-bottom:3px; border-right:1px solid #d6d6d6; border-bottom:1px solid #d6d6d6; } .list01 a,.list01 a:link,.list01 a:active,.list01 a:visited {color:#666; text-decoration:none;} .list01 a:hover {color:#316eb7; text-decoration:none;} .list01 td img,.list02 td img {margin-top:-2px;} .list01 tbody th {padding-top:6px; padding-bottom:3px; border-right:1px solid #d6d6d6; border-bottom:1px solid #d6d6d6; background:#f1f1f1; color:#666; font-weight:normal;} /* 컨텐츠 리스트*/ .list11 {border-top:2px solid #559dc2; border-bottom:1px solid #81bfde; border-left:1px solid #81bfde; border-right:1px solid #81bfde;font:11px dotum; color:#666;} .list11 thead th {padding-top:6px; padding-bottom:4px; background:#7cbcdd; border-right:1px solid #e5f2f8; color:#fff; font-weight:bold;} .list11 tbody td {padding-top:6px; padding-bottom:3px; padding-left:3px; padding-right:3px; background:#ffffff; border-right:1px solid #92c7e2; border-bottom:1px solid #92c7e2; } .list11 tbody th {padding-top:6px; padding-bottom:3px; background:#f3f9fc; border-right:1px solid #92c7e2; border-bottom:1px solid #92c7e2; } .list11 tfoot td {padding-top:6px; padding-bottom:3px; padding-left:3px; padding-right:3px; background:#efecf6; border-right:1px solid #92c7e2; border-bottom:1px solid #92c7e2; } .list11 tfoot th {padding-top:6px; padding-bottom:3px; background:#efecf6; border-right:1px solid #92c7e2; border-bottom:1px solid #92c7e2; color:#8b61a1;} .list11 a,.list11 a:link,.list11 a:active,.list11 a:visited {color:#666; text-decoration:none;} .list11 a:hover {color:#ff7e00; text-decoration:none;} .list11 td img,.list02 td img {margin-top:-2px;} .inp01 {border-top:2px solid #316eb7; border-bottom:1px solid #a7c2df; border-left:1px solid #a7c2df; border-right:1px solid #a7c2df; font:12px dotum; color:#666;} .inp01 th {padding:5px 0 3px 25px; background:#e2effb; border-top:1px solid #fff; color:#316eb7; font-weight:normal; text-align:left; height:25px;} .inp01 td {padding-top:3px; padding-bottom:3px; padding-left:5px; border-bottom:1px solid #b4d4ef; } .inp01 td select {margin-top:0; margin-bottom:1px;} .inp02 {border:1px solid #a7c2df; font:12px dotum; color:#666;} .inp02 th {padding:5px 0 3px 25px; background:#e2effb; border-top:1px solid #fff; border-right:1px solid #fff; color:#316eb7; text-align:left; font-weight:normal; height:27px; } .inp02 td {padding-top:4px; padding-bottom:3px; border-bottom:1px solid #b4d4ef; border-right:1px solid #b4d4ef; padding:0 0 0 5px;} .tbl01 {border-top:1px solid #316eb7; border-bottom:1px solid #c3d2e8; font:12px dotum; color:#666;} .tbl01 tr.sect {background-color:#f5f1e2;} .tbl01 thead th,td table.tbl01 thead th {background:#e2effb; border:none; border-right:1px solid #c3d2e8; border-top:0px solid #316eb7; border-bottom:1px solid #316eb7; padding-top:6px; padding-bottom:4px; color:#3c6da9; font-weight:normal; letter-spacing:-1px;} .tbl01 td,td table.tbl01 td {background-color:none; border:0 1px 0 0; border-right:1px solid #c3d2e8; border-top:0px solid #c3d2e8; border-bottom:1px solid #c3d2e8; padding-top:6px; padding-bottom:3px; padding-left:3px; padding-right:3px; } .tbl01 tr td table tr td {height:18px; border:0px; padding:0px; } td .tbl01 td ,td .tbl02 td{background-color:#fff;} .tbl01 tr { height:27px; } .tbl01 tfoot td { background:#efecf6; color:#3c6da9;} .tbl01 td.subbg01 { background:#eef7ff; } .tbl01 td.subbg02 { background:#f4f4f4; } .tbl02 {border-top:1px solid #316eb7; border-bottom:1px solid #c3d2e8; border-left:1px solid #a7c2df; font:12px dotum; color:#666;} .tbl02 th,td table.tbl02 th {background:#e2effb; border:none; border-top:1px solid #316eb7; border-bottom:1px solid #fff;border-right:1px solid #c3d2e8; padding:6px 0 4px 25px; color:#3c6da9; font-weight:normal; text-align:left;} .tbl02 td,td table.tbl02 td {border:none; border-top:1px solid #b4d4ef; padding-top:6px; padding-bottom:4px; border-right:1px solid #c3d2e8; padding-left:3px; padding-right:3px;} .laycont .tbl01 {border-top:1px solid #316eb7; border-bottom:1px solid #c3d2e8; font:12px dotum; color:#666;} .laycont .tbl01 tr.sect {background-color:#f5f1e2;} .laycont .tbl01 thead th,td table.tbl01 thead th {background:#e2effb; border:none; border-right:1px solid #c3d2e8; border-top:0px solid #316eb7; border-bottom:1px solid #316eb7; padding-top:6px; padding-bottom:4px; color:#3c6da9; font-weight:normal; letter-spacing:-1px;} .laycont .tbl01 td,td table.tbl01 td {background-color:none; border:0 1px 0 0; border-right:1px solid #c3d2e8; border-top:0px solid #c3d2e8; border-bottom:1px solid #c3d2e8; padding-top:6px; padding-bottom:3px; padding-left:3px; padding-right:3px; } .laycont .tbl01 tr { height:27px; } .laycont .tbl01 tfoot td { background:#efecf6; color:#3c6da9;} .laycont .tbl01 td.subbg01 { background:#eef7ff; } .laycont .tbl01 td.subbg02 { background:#f4f4f4; } .laycont table th.linecolor, .laycont table thead th.linecolor{ border-bottom:1px solid #c3d2e8; } .laycont .tbl01 a:link, .laycont .tbl01 a:active, .laycont .tbl01 a:visited { font-weight:bold;} .laycont .tbl02 {border-top:1px solid #316eb7; border-bottom:1px solid #c3d2e8; font:12px dotum; color:#666;} .laycont .tbl02 th {padding:5px 0 3px 7px; background:#e2effb; border-top:1px solid #316eb7; border-bottom:1px solid #fff;border-right:1px solid #c3d2e8; color:#333; font-weight:normal; text-align:left;} .laycont .tbl02 td {padding-top:5px; padding-bottom:2px; border-top:1px solid #b4d4ef; border-right:1px solid #c3d2e8; padding-left:3px; padding-right:3px; } .bg04 {background:#eef7ff;} /**[ 거래 테이블_스크롤테이블 ]*/ .ftbl01 {border-bottom:1px solid #c3d2e8; font:12px dotum; color:#666; word-break:keep-all;} .ftbl01 th {height:25px; padding:7px 0 4px 0; background:#e2effb; border-top:1px solid #2b82d5; border-bottom:1px solid #316eb7; border-right:1px solid #c3d2e8; color:#3c6da9; font-weight:normal; letter-spacing:-1px;} .ftbl01 td {height:24px; padding-top:4px; padding-bottom:3px; border-left:none; border-right:1px solid #d6d6d6; border-top:1px solid #c3d2e8; border-bottom:none; font-family:dotum,helvetica; word-wrap:break-word; word-break:break-all;} .ftbl01 td img {margin-top:-4px; margin-bottom:-4px;} .ftbl02 {border-bottom:1px solid #c3d2e8; font:12px dotum; color:#666; word-break:keep-all;} .ftbl02 th {height:25px; padding-top:3px; background:#e2effb; border-top:1px solid #2b82d5; border-bottom:1px solid #316eb7; border-right:1px solid #c3d2e8; color:#3c6da9; font-weight:normal; letter-spacing:-1px;} .ftbl02 td {height:32px; padding-top:1px; vertical-align:middle; border-left:none; border-right:1px solid #d6d6d6; border-top:1px solid #c3d2e8; font-family:dotum,helvetica; word-wrap:break-word; word-break:break-all;} .ftbl02 td img {margin-top:-4px; margin-bottom:-4px;} .ftbl02 th.botline {border-bottom:1px solid #c3d2e8;} /* .ftbl01 a:link, .ftbl01 a:active, .ftbl01 a:visited, */ .ftbl02 a:link, .ftbl02 a:active, .ftbl02 a:visited { font-weight:bold;} /*alert박스*/ .laybox02 {width:329px; background:transparent url('/octogallery/img/common/pop/pop_box_bg02.gif') repeat-y 0 0;} .laybox02 .layheader {height:16px;height:10px; background:transparent url('/octogallery/img/common/pop/pop_box_top02.gif') no-repeat 0 0; text-align:right; padding:15px 15px 0 0;} .laybox02 .txt {width:321px;padding:0 10px 5px 20px; font-size:12px; line-height:16px;} .laybox02 .laybottom {height:16px;height:10px; background:transparent url('/octogallery/img/common/pop/pop_box_bottom02.gif') no-repeat 0 0; text-align:right; padding:2px 15px 0px 0px;} /**[ 레이어팝업 ]*/ .layheader dt.tit {background:#fff url('/octogallery/img/common/bullet/ico_stit.gif') no-repeat 0 1px; margin:0 0 0 0; padding:0 10px 0 18px; color:#000; font-weight:bold;} #login .layheader dt.tit {background:#fff url('/octogallery/img/common/bullet/ico_stit.gif') no-repeat 0 1px; padding:0 10px 0 10px; font-size:12px; color:#000; font-weight:bold;} .laycont a:hover {color:#316eb7; text-decoration:underline;} #allView { position:absolute; left:0; top:0; width:1px; height:1px; margin-left:-2px; padding-left:1px; } .laypop01 {position:absolute; width:584px; display:none;} .laypop01 .laycont {width:584px;_width:584px; background: url('/octogallery/img/common/pop/pop_bg_cont01.gif') repeat-y 0 0; padding:13px 12px 0 15px;} .laypop01 .layheader {height:45px;_height:45px; background:url('/octogallery/img/common/pop/pop_bg_tit01.gif') no-repeat 0 0; margin:0; padding:23px 18px 0 22px;} .laypop01 .layfooter {height:20px; background:url('/octogallery/img/common/pop/pop_bg_footer01.gif') no-repeat; margin:0; padding:0;} .laypop01 .laycont #scroll {height:210px; margin-bottom:5px; border-top:1px solid #a7c2df; border-bottom:1px solid #a7c2df; overflow-y:scroll;} .laypop01 .laycont .faq {border:none; margin-top:-1px;} .laypop02 {position:absolute; width:390px; display:none;} .laypop02 .laycont {width:390px;_width:390px; background: url('/octogallery/img/common/pop/pop_bg_cont02.gif') repeat-y 0 0; padding:5px 20px 0 20px;} .laypop02 .layheader {height:45px;_height:45px; background:url('/octogallery/img/common/pop/pop_bg_tit02.gif') no-repeat 0 0; margin:0; padding:23px 18px 0 22px;} .laypop02 .layfooter {height:20px; background:url('/octogallery/img/common/pop/pop_bg_footer02.gif') no-repeat; margin:0; padding:0;} .laypop03 {position:absolute; width:755px; display:none;} .laypop03 .laycont {width:755px;_width:755px; background: url('/octogallery/img/common/pop/pop_bg_cont03.gif') repeat-y 0 0; padding:5px 20px 0 20px;} .laypop03 .layheader {height:45px;_height:45px; background:url('/octogallery/img/common/pop/pop_bg_tit03.gif') no-repeat 0 0; margin:0; padding:23px 18px 0 22px;} .laypop03 .layfooter {height:20px; background:url('/octogallery/img/common/pop/pop_bg_footer03.gif') no-repeat; margin:0; padding:0; } .laypop03 .laycont #scroll {height:240px;_height:232px; margin-bottom:5px; border-top:1px solid #a7c2df; border-bottom:1px solid #a7c2df; overflow-y:scroll;} .laypop03 .laycont .faq {border:none; margin-top:-1px;} .laypop11 {position:absolute; width:412px; display:none;} .laypop11 .laycont {width:412px;_width:412px; background: url('/octogallery/img/new_mall/pop_bg_cont11.gif') repeat-y 0 0; padding:5px 20px 0 20px;} .laypop11 .layheader {height:45px;_height:45px; background: url('/octogallery/img/new_mall/pop_bg_tit11.gif') no-repeat 0 0; margin:0; padding:23px 18px 0 22px;} .laypop11 .layfooter {height:20px; background:url('/octogallery/img/new_mall/pop_bg_footer11.gif') no-repeat; margin:0; padding:0;} .laypop11 .laycont #scroll {height:210px; margin-bottom:5px; border-top:1px solid #a7c2df; border-bottom:1px solid #a7c2df; overflow-y:scroll;} .laypop11 .laycont .faq {border:none; margin-top:-1px;} /* 프로그램 현황 박스 */ #message {position:absolute; top:35px; left:471px;width:215px; border-bottom:2px solid #fa9c5e;} #message .laymsg {background:url('/octogallery/img/common/layout/box_message_01.gif') no-repeat right top; padding-top:4px; text-align:left; height:30px;} #message .laymsg div {border-left:2px solid #fa9c5e; padding:7px 3px 0 15px; height:29px; background:url('/octogallery/img/common/bullet/ico_mark02.gif') no-repeat 2 4px; } #message .laymsg li {padding-left:15px; color:#666; font-size:11px; background:none; margin-bottom:-1px;} /*퀵메뉴레이어 : 상세*/ .laybox04 {position:absolute; display:none; background:url('/octogallery/img/common/pop/pop_box_menu01.gif') no-repeat left top; margin-right:3px; padding:1px 0 0 6px; } .laybox04 .laymenu {float:left; background: transparent url('/octogallery/img/common/pop/pop_box_menu02.gif') no-repeat right bottom; padding:5px 7px 10px 7px; }/*퀵메뉴단독사용*/ .laybox04 ul li {background:; margin:0; padding:4px 5px 1px 3px; font-size:11px; color:#666666;} .laybox04 ul li a,.laybox04 ul li a:link,.laybox04 ul li a:active,.laybox04 ul li a:visited {background:transparent url('/image/common/bullet/ico_bul09.gif') no-repeat 0 2px; padding-left:5px; font-size:11px; color:#666;} .laybox04 ul li a:hover {background:url('/image/common/bullet/ico_bul02.gif') no-repeat 0 2px; color:#000; text-decoration:underline;} .laybox04 .laymenu .laymenuL {float:left; background:#f8f8f8; margin-right:2px;}/*콤비-left*/ .laybox04 .laymenu .laymenuR {float:left; clear:right; background:#fff; padding:3px 3px 4px 5px; border-left:1px solid #e6e6e6;}/*콤비-right*/ /* 에셋가이드 */ .assetguide { width:686px; } .assetguide .bgbottom { width:100%; height:600px; padding:27px 50px 120px 50px; } .assetguide .listform { float:right; height:36px; border:4px solid #68abd8; padding:4px; width:305px; margin-right:-12px;} .assetguide .topTit { float:left; padding-top:8px; background:transparent; } .assetguide .topTitfund { float:left; padding-top:0px; background:transparent; margin-left:-10px; } /*펀드Strategy*/ .assetguide .cntData { clear:both;; margin:18px 5px 0 5px; width:100%; } .fundStrategytab{ background:url('/octogallery/img/research/researchfund/tab_bg.gif') no-repeat left top; width:624px; height:33px; margin-left:-20px; margin-top:20px;} .fundStrategytab ul{ float:left; padding-left:46px; } .fundStrategytab li{ float:left; padding-right:25px; } ul#tab_assType01{ background: url(/octogallery/img/research/assetguide/tab01_bg.gif) repeat-x ; float: left; height:35px; margin:0px; padding:0; } ul#tab_assType01 li { float: left; padding-right:1px; } ul#tab_assType01 li.pdno{ padding-right:0;} ul#tab_assType01 {margin:0 0 0 0;} ul#tab_assType02 { float: right;} ul#tab_assType02 li { float: left; } /* 펀드Strategy */ .view03 {border-top:2px solid #A6C1DC;} .view03 th.tit {padding:6px 5px 4px 10px; border-left:#c3d2e8 solid 0px;border-bottom:#316eb7 solid 1px;background-color:#e2effb;font-weight:normal} .view03 th {padding:6px 5px 4px 10px; border-left:#c3d2e8 solid 1px;border-bottom:#316eb7 solid 1px;background-color:#e2effb; font-weight:normal;color:#3c6da9} .view03 .r01 {border-right:#c3d2e8 solid 0px;} .view03 .r02 {border-right:#c3d2e8 solid 1px;} .view03 td.tit01 {padding:2px 2px 2px 2px; border-left:#c3d2e8 solid 0px;border-bottom:#c3d2e8 solid 1px;background-color:#eef7ff;color:#666;} .view03 td.tit02 {padding:2px 2px 2px 2px; border-left:#c3d2e8 solid 1px;border-bottom:#c3d2e8 solid 1px;background-color:#f4f4f4;color:#666;} .view03 td {padding:6px 5px 4px 10px; border-left:#c3d2e8 solid 1px;border-bottom:#c3d2e8 solid 1px;background-color:#ffffff;} .bul17 li {background:url('/octogallery/img/common/bullet/blt_type03.gif') no-repeat 0px 8px; padding:0px 0 0px 5px; line-height:16px;} /* 상품투자가이드 > 금융상품 뉴스 */ #prodNew { width:686px; height:0px; background:url('/octogallery/img/research/prodnews/bgtop_01.gif') no-repeat left top; } #prodNew .newbottom { width:100%; height:0px; padding:50px 59px 20px 144px; background: url('/octogallery/img/research/prodnews/bgbt_01.gif') no-repeat left bottom; } #prodNew ul.newtab { float:left; margin-left:20px; height:26px; } #prodNew ul.newtab li{ float:left; padding-right:2px; } #prodNew .newtbl{ border-top:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3; font-weight:normal;} #prodNew .newtbl tr{ height:24px } #prodNew .newtbl th{ border-bottom:1px dotted #dddddd; padding-top:4px;} #prodNew .newtbl td{ border-bottom:1px dotted #dddddd;} #prodNew .newtbl td a:hover {color:#316eb7; text-decoration:none;} /* 상품투자가이드 > 금융상품 뉴스 보기 */ #prodNew .newTitle { background: #2a77bf url('/octogallery/img/common/bullet/prodnew.gif') no-repeat 10 12; color:#fff; font-weight:bold; height:28px; margin-top:15px; padding:8px 0 0 22px; } #prodNew .newViewtbl{ border-top:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3; } #prodNew .newViewtbl thead tr { height:27px; } #prodNew .newViewtbl thead th{ background:url('/octogallery/img/research/prodnews/th_bg.gif') no-repeat right top; border-bottom:1px solid #e3e3e3; color:#2a77bf; font-weight:normal; padding-top:3px; } #prodNew .newViewtbl thead td{ border-bottom:1px solid #e3e3e3; color:#a1a1a1; font-weight:normal; padding-left:10px; padding-top:3px; } #prodNew .newViewtbl tbody td {padding:25px; color:#444; height:180px;} #prodNew .newFoot {color:#999999; padding:15px 0 20px 20px;} /* 모의투자 상단 그래프*/ #prodsimulationBox { background:transparent url('/octogallery/img/asset/prodsimulation/bg_graph.gif') no-repeat 0 0; position:relative; width:686px; height:238px; } #prodsimulationBox .leftbox { position:absolute; top:40px; left:40px; width:300px; height:160px; line-height:18px; } #prodsimulationBox .rightbox { position:absolute; top:33px; left:363px; } /** [ 상품투자가이드 안내 팝업 ]**/ /***메인**/ .pop_guide_cnt { height:395px; } #imgcontainer1 { position:absolute;filter:alpha(opacity=70); left:0; top:0; width:100%; height:100%; background-color:#fff; z-index:999;} #research_layer { position:absolute; display:block; z-index:999; background:transparent url('/octogallery/img/research/prodfeature/pop_bg.gif') no-repeat left top; width:891px; height:626px; left:50px; top:80px; margin:0; padding:0; } #research_layer #resch_cont { position:relative; width:100%: height:100%; padding:28px 0 0 14px; border:0px solid #000; } #research_layer #resch_cont iframe {border:0px solid #b6b6b6; background:transparent; } #research_layer #resch_cont #tit_guide{ padding-left:38px; } #research_layer #resch_cont .btn_close{ position:absolute; top:14px; left:835px; } #research_layer #resch_cont #tit_mm{ position:absolute; top:31px; left:538px; background:transparent url('/octogallery/img/research/prodfeature/top_mm_bg.gif') no-repeat left top; width:289px; height:31px; } .mm_roll{ float:left; width:130px; height:17px; margin:13px 0 0 4px; text-align:center; border:0px solid #000;} #iframe_cont {background:transparent url('/octogallery/img/research/prodfeature/iframe_bg.gif') no-repeat left top; width:849px; height:517px; padding:0 0 0 22px;} #tab_type{ background:transparent url('/octogallery/img/research/prodfeature/rech_tab_bg.gif') no-repeat left top; width:805px; height:30px; margin:0 0 23px 0px; padding-left:22px; } ul#tab_type li{ float:left; padding-right:40px; } /**메인**/ ul.gallery_layout { float:left; margin-left:-9px; margin-top:26px;} ul.gallery_layout li { float:left; padding-left:9px; margin-bottom:20px; } .octo_bg_m01,.octo_bg_m02,.octo_bg_m03,.octo_bg_m04,.octo_bg_m05,.octo_bg_m06,.octo_bg_m07,.octo_bg_m08,.octo_bg_m09,.octo_bg_m10, .octo_bg_m11,.octo_bg_m12,.octo_bg_m13,.octo_bg_m14,.octo_bg_m15,.octo_bg_m16,.octo_bg_m17,.octo_bg_m18,.octo_bg_m19,.octo_bg_m20, .octo_bg_m21 { padding:32px 0 0 12px; } .octo_bg_m01{ background:url('/octogallery/img/research/prodfeature/bg_m01.gif') no-repeat; width:129px; height:102px; } .octo_bg_m02{ background:url('/octogallery/img/research/prodfeature/bg_m02.gif') no-repeat; width:129px; height:102px; } .octo_bg_m03{ background:url('/octogallery/img/research/prodfeature/bg_m03.gif') no-repeat; width:129px; height:102px; } .octo_bg_m04{ background:url('/octogallery/img/research/prodfeature/bg_m04.gif') no-repeat; width:129px; height:102px; } .octo_bg_m05{ background:url('/octogallery/img/research/prodfeature/bg_m05.gif') no-repeat; width:129px; height:102px; } .octo_bg_m06{ background:url('/octogallery/img/research/prodfeature/bg_m06.gif') no-repeat; width:129px; height:102px; } .octo_bg_m07{ background:url('/octogallery/img/research/prodfeature/bg_m07.gif') no-repeat; width:129px; height:102px; } .octo_bg_m08{ background:url('/octogallery/img/research/prodfeature/bg_m08.gif') no-repeat; width:129px; height:102px; } .octo_bg_m09{ background:url('/octogallery/img/research/prodfeature/bg_m09.gif') no-repeat; width:129px; height:102px; } .octo_bg_m10{ background:url('/octogallery/img/research/prodfeature/bg_m10.gif') no-repeat; width:129px; height:102px; } .octo_bg_m11{ background:url('/octogallery/img/research/prodfeature/bg_m11.gif') no-repeat; width:129px; height:102px; } .octo_bg_m12{ background:url('/octogallery/img/research/prodfeature/bg_m12.gif') no-repeat; width:129px; height:102px; } .octo_bg_m13{ background:url('/octogallery/img/research/prodfeature/bg_m13.gif') no-repeat; width:129px; height:102px; } .octo_bg_m14{ background:url('/octogallery/img/research/prodfeature/bg_m14.gif') no-repeat; width:129px; height:102px; } .octo_bg_m15{ background:url('/octogallery/img/research/prodfeature/bg_m15.gif') no-repeat; width:129px; height:102px; } .octo_bg_m16{ background:url('/octogallery/img/research/prodfeature/bg_m16.gif') no-repeat; width:129px; height:102px; } .octo_bg_m17{ background:url('/octogallery/img/research/prodfeature/bg_m17.gif') no-repeat; width:129px; height:102px; } .octo_bg_m18{ background:url('/octogallery/img/research/prodfeature/bg_m18.gif') no-repeat; width:129px; height:102px; } .octo_bg_m19{ background:url('/octogallery/img/research/prodfeature/bg_m19.gif') no-repeat; width:129px; height:102px; } .octo_bg_m20{ background:url('/octogallery/img/research/prodfeature/bg_m20.gif') no-repeat; width:129px; height:102px; } .octo_bg_m21{ background:url('/octogallery/img/research/prodfeature/bg_m21.gif') no-repeat; width:129px; height:102px; } /**특징**/ #contents01, #contents02, #contents03, #contents04 { margin-left:0px; line-height:17px; display:none;} #contents02, #contents03, #contents04 { width:805px; } #contents01{ background:transparent url('/octogallery/img/research/prodfeature/book_bg.gif') no-repeat left top; width:829px; height:487px; margin:-27px 0 0 -2px; border:0px solid #000; } .prodleft { float:left; width:378px; margin-left:0px; } .prodright {float:left; width:378px; margin-left:51px ;} .feature { padding:9px 0 15px 8px; } /**특징**/ .sectpage{ position:absolute; top:485px; left:0; text-align:right; width:100%; } /**특징**/ /**자주하는질문 [투자가이드팝업]**/ .questionBox { border-top:1px solid #c0c0c0; border-bottom:1px solid #c0c0c0; width:100%; padding:7px 5px 0 0px; overflow-y:scroll;height:400px;} .question { background:url('/octogallery/img/common/bullet/icon_q.gif') no-repeat 32px 5px; ursor:hand; cursor:pointer; height:34px; margin:0 0 10px 0 ; padding:8px 0 0 68px; } .switchcontent { background: #fbfbfb url('/octogallery/img/common/bullet/txt_answer.gif') no-repeat 0px 0px; width:100%; padding:24px 10px 25px 78px; border:2px solid #a8d6e9; margin:0 0 25px 20px; } /**자주하는질문 [플러스서비스]**/ .question01_01 { background:url('/octogallery/img/common/bullet/icon_q.gif') no-repeat 18px 5px; ursor:hand; cursor:pointer; height:34px; margin:0 0 10px 0 ; padding:8px 0 0 50px; } .question01_02 { background:#fafafa url('/octogallery/img/common/bullet/icon_q.gif') no-repeat 18px 5px; ursor:hand; cursor:pointer; height:34px; margin:0 0 10px 0 ; padding:8px 0 0 50px; } .box_qust_top { width:100%; background:transparent url('/octogallery/img/common/layout/box_question02.gif') no-repeat right 2px; margin-top:-2px; padding:0px; vertical-align:top; margin-bottom:-4px; } .box_qust_cnt { background: #fbfbfb url('/octogallery/img/common/bullet/txt_answer.gif') no-repeat 0px 0px; width:100%; padding:24px 10px 25px 78px; border-left:2px solid #a8d6e9; border-right:2px solid #a8d6e9; margin:0 0 0px 0px; } .box_qust_bt { background:transparent url('/octogallery/img/common/layout/box_question04.gif') no-repeat right 2px; margin-bottom:0px; padding:0px; vertical-align:top; margin-top:-2px; margin-bottom:10px;} /** 펀드 Tab **/ .fundtype{ background:url('/octogallery/img/research/prodfeature/bg_fund.gif') no-repeat ; width:376px; height:171px; margin:8px 0 0 0; padding:10px 0 0 8px; } .fundtype01{background:url('/octogallery/img/research/prodfeature/bg_fund01.gif') no-repeat ; width:376px; height:148px; margin:8px 0 0 0; padding:10px 0 0 8px; } /**[ 금융계산기 ]*/ #calculate { float:both; margin-top:0px; margin-bottom:40px; background:url('/octogallery/img/asset/prodcalculate/bg_calculate.gif') no-repeat; width:686px; height:539px;} #calculate .screen { width:301px; height:448px; margin:60px 0 0 198px; border0px solid #000; padding:12px 13px 0 12px; } #calculate .inp_box { border:2px solid #d4d4d4; height:22px; padding:0 5px 0 5px; margin:0 0 2px 0 ; background-color:#fff; } #calculate .inp_box input {margin:0 3px -2px 0;_margin:1px 0 -1px 0; border:none; text-align:right;} #calculate .inp_box01 { border:1px solid #d4d4d4; height:22px; padding:0 5px 0 5px; margin:0 0 2px 0 ; background-color:#fff; } #calculate .inp_box01 input {margin:0 3px -2px 0;_margin:1px 0 -1px 0; border:none; text-align:right; } #calculate .sbbox{ background:url('/octogallery/img/asset/prodcalculate/inp_bg.gif') no-repeat; width:260px; height:44px; } #calculate .btn_send{ text-align:center; margin-top:10px; } #calculate .result_bg{ /*만기금액 결과*/ float:both; margin:73px 0 0 212px; padding:16px 14px 0 13px ; background:url('/octogallery/img/asset/prodcalculate/screen_top01.gif') no-repeat; width:275px; height:389px;z-index:100;} .result{ border:none; background-color:#282727; color:#fce6cd; margin-left:14px; margin-top:4px; margin-bottom:23px; } .result input{ margin:2px 5px -2px 0;_margin:2px 5px -1px 0; border:none; text-align:right; background-color:#282727; color:#30adc4; width:120px: font-weight:bold;} #calculate .result_bg01{ /* 목돈모으기 결과*/ position:relative; background:url('/octogallery/img/asset/prodcalculate/screen_bg11.gif') no-repeat; width:275px; height:384px; margin:73px 0 0 212px; } #calculate .result_bg01 span{ color:#fd932d; font-weight:bold; } #calculate .result_bg01 span.amt01{ position:absolute; top:54px; left:43px; width:103px; text-align:center; } #calculate .result_bg01 span.amt02{ position:absolute; top:54px; left:176px; width:35px; text-align:center; } #calculate .result_bg01 span.amt03{ position:absolute; top:84px; left:18px; width:37px; text-align:center; } #calculate .result_bg01 span.amt04{ position:absolute; top:112px; left:18px; width:103px; text-align:center; } #calculate .result_bg02{ /* 목돈굴리기 결과*/ position:relative; background:url('/octogallery/img/asset/prodcalculate/screen_bg12.gif') no-repeat; width:275px; height:384px; margin:73px 0 0 212px; } #calculate .result_bg02 span{ color:#fd932d; font-weight:bold; } #calculate .result_bg02 span.amt01{ position:absolute; top:54px; left:54px; width:103px; text-align:center; } #calculate .result_bg02 span.amt02{ position:absolute; top:54px; left:187px; width:35px; text-align:center; } #calculate .result_bg02 span.amt03{ position:absolute; top:84px; left:74px; width:25px; text-align:center; } #calculate .result_bg02 span.amt04{ position:absolute; top:114px; left:82px; width:103px; text-align:center; } /**상품별이자계산, 단리vs복리비교 결과**/ #calculate01 { float:both; margin-top:20px; margin-bottom:40px; background:url('/octogallery/img/asset/prodcalculate/bg_calculate01.gif') no-repeat; width:686px; height:539px;} #calculate01 .screen { background:url('/octogallery/img/asset/prodcalculate/screen_bg21.gif') no-repeat; width:355px; height:388px; margin:74px 0 0 167px; border0px solid #000; padding:47px 13px 0 106px; } #calculate01 .screen01 { background:url('/octogallery/img/asset/prodcalculate/screen_bg22.gif') no-repeat; width:355px; height:388px; margin:74px 0 0 167px; border0px solid #000; padding:47px 13px 0 106px; } #calculate01 .screen02 { background:url('/octogallery/img/asset/prodcalculate/screen_bg23.gif') no-repeat; width:355px; height:388px; margin:74px 0 0 167px; border0px solid #000; padding:47px 13px 0 106px; } table.amt tr{ height:30px;} table.amt td{ color:#48a0af; padding-right:5px;} #calculate01 .btn_send{ text-align:center; margin-top:10px; } /**테마별 포트폴리오(투자수익별) **/ #earningPortfolio { background:url('/octogallery/img/asset/themaasset/box_bg.gif') repeat-y 0 top; padding:0 0 0 0px; margin:10px 0 0 0; } .earningSbox { background:url('/octogallery/img/asset/themaasset/outbox_bg.gif') no-repeat 0 0; width:652px; height:192px; margin:0 0 0 17px; padding:13px 0 0 147px; } .chkBox01{ float:left; background:url('/octogallery/img/asset/themaasset/sbox_bg01.gif') no-repeat 0 0; width:252px; height:117px; margin:0 0 0 0; padding:74px 0 0 30px; } .chkBox01 li {float:left; padding-bottom:7px;} .chkBox02{ float:left; background:url('/octogallery/img/asset/themaasset/sbox_bg02.gif') no-repeat 0 0; width:222px; height:117px; margin:0 0 0 10px; padding:74px 0 0 35px; } .chkBox02 li {float:left; padding-bottom:7px;} .chkBox03{ clear:both; margin:20px 0 0 0; padding:0 0 0 0; } .chkBox03 input{ border:1px solid #e5e5e5 ; } #earningPortfolio .grid_thema { border-top:1px solid #316eb7; border-bottom:0px solid #316eb7; margin:20px 0px 0 17px; width:652px; } #earningPortfolio .grid_thema thead th { background-color:#eef7ff; border-right:1px solid #c3d2e8; border-bottom:1px solid #c3d2e8; } #earningPortfolio .grid_thema tbody td { background-color:#fff; border-right:1px solid #c3d2e8; border-bottom:1px solid #c3d2e8; padding:0 5px 0 5px;} #earningPortfolio .grid_thema tfoot td { background-color:#e9e5f3; border-right:1px solid #c3d2e8; border-bottom:1px solid #c3d2e8; padding:0 5px 0 5px;} /***옥토캠페인**/ .campaignLayout { padding:15px 0 0 10px; } /*** 옥토 캠페인 **/ #campaign72{ background:url('/octogallery/img/campaign/img02_04.gif') no-repeat left top; width:670px; height:90px; padding:92px 53px 0 60px; } #campaign72 input { border:1px solid #c9d4e3; width:85px; } #campaign72 .cpleft { float:left; width:257px; border:0px solid #000; height:100px;} #campaign72 .cpright { float:right; width:268px; border:0px solid #000; height:100px; } #campaign72 #sultbox01 { position:relative; background:url('/octogallery/img/campaign/img02_txt11.gif') no-repeat ; width:225px; height:75px; margin-top:15px; } #sultbox01 .inputform01 { position:absolute; top:0px; left:106px; } #sultbox01 .inputform02 { position:absolute; top:26px; left:12px; } #sultbox01 .inputform03 { position:absolute; top:53px; left:81px; } #campaign72 #sultbox02 { background:url('/octogallery/img/campaign/img02_txt12.gif') no-repeat ; width:262px; height:75px; margin-top:15px; padding:0 0 0 154px; } #campaignoption { background:url('/octogallery/img/campaign/img03_05.gif') no-repeat left top; width:670px; padding:78px 363px 0 60px; } #campaignoption input { border:1px solid #c9d4e3; width:85px; } #campaignoption #sultform01 { clear:both; margin-top:15px; } #campaignoption #sultform01 input{ border:0; width:70px; color:#f5691f; font-weight:bold; text-align:center; } #campaign100{ background:url('/octogallery/img/campaign/img04_04.gif') no-repeat left top; width:670px; height:130px; padding:65px 60px 0 60px; } #campaign100 input{ border:1px solid #c9d4e3; width:85px; } #campaign100 #sultform01 { clear:both; margin-top:15px; } #campaign100 #sultform01 input{ border:0; width:70px; color:#f5691f; font-weight:bold; text-align:center; } /*****태그 검색 *****/ #myTag { position:relative; background: url('/octogallery/img/tagsch/bg_tagsch.gif') no-repeat left top; width:686px; height:80px; } #myTag div.tagtit { position:absolute; top:35px; left:9px; height:56px; width:110px; border:0px solid #000; text-align:center; vertical-align:middle; color:#1c60a6; font-weight:bold; } #myTag div.tabR { position:absolute; top:12px; left:134px; overflow-y:scroll;height:56px; width:540px; padding:0 10px 0 0;} #myTagsch { background: url('/octogallery/img/tagsch/bg_intsch.gif') no-repeat left top; width:686px; height:64px; padding:9px 0 0 99px; margin-bottom:0px;} #myTagsch .tagSchtbl thead th{ color:#fff; font-size:14px; font-weight:bold; font-text:left; padding-right:7px; } #myTagsch .tagSchtbl thead td input{ border:3px solid #1c78b5; height:27px; color:#222222; font-size:14px; font-weight:bold; width:404px; padding:4px 0 0 10px; } #myTagsch .tagSchtbl tbody td { color:#fff; padding-top:5px; padding-left:2px; } #myTagsch .tagSchtbl tbody td strong { color:#fffc00; } #myTag .tabR span.tagTxt01, #myTag .tabR span.tagTxt02, #myTag .tabR span.tagTxt03, #myTag .tabR span.tagTxt04, #myTag .tabR span.tagTxt05, #myTag .tabR span.tagTxt06, #myTag .tabR span.tagTxt07, #myTag .tabR span.tagTxt08, #myTag .tabR span.tagTxt09, #myTag .tabR span.tagTxt10, #myTag .tabR span.tagTxt11, #myTag .tabR span.tagTxt12, #myTag .tabR span.tagTxt13, #myTag .tabR span.tagTxt14, #myTag .tabR span.tagTxt15, #myTag .tabR span.tagTxt16, { margin-right:13px; margin-bottom:10px; } span.tagTxt01 a,span.tagTxt01 a:link, span.tagTxt01 a:active, span.tagTxt01 a:visited, span.tagTxt01 { color:#ff6600; font-size:12px; } span.tagTxt01 a:hover { color:#2164a8; font-size:12px; } span.tagTxt02 a,span.tagTxt02 a:link, span.tagTxt02 a:active, span.tagTxt02 a:visited { color:#fff; font-size:12px; font-weight:bold; background-color:#ff9000; height:21px; padding-top:5px; padding-left:8px; padding-right:8px; } span.tagTxt02 { color:#fff; font-size:12px; font-weight:bold; background-color:#ff9000; height:21px; } span.tagTxt02 a:hover, { color:#fff; font-size:12px; font-weight:bold; background-color:#5e8dbd; height:21px; padding-top:5px; padding-left:8px; padding-right:8px; } span.tagTxt03 a,span.tagTxt03 a:link, span.tagTxt03 a:active, span.tagTxt03 a:visited, span.tagTxt03 { color:#2070b9; font-size:16px; } span.tagTxt03 a:hover { color:#ff6600; } span.tagTxt04 a,span.tagTxt04 a:link, span.tagTxt04 a:active, span.tagTxt04 a:visited, span.tagTxt04 { color:#ff6600; font-size:12px; font-weight:bold; } span.tagTxt04 a:hover { color:#2070b9; } span.tagTxt05 a,span.tagTxt05 a:link, span.tagTxt05 a:active, span.tagTxt05 a:visited, span.tagTxt05 { color:#373737; font-size:14px; font-weight:bold; } span.tagTxt05 a:hover { color:#ff9000; } span.tagTxt06 a,span.tagTxt06 a:link, span.tagTxt06 a:active, span.tagTxt06 a:visited { color:#fff; font-size:12px; font-weight:bold; background-color:#ff9000; height:21px; padding-top:5px; padding-left:8px; padding-right:8px; font-weight:bold; } span.tagTxt06 { color:#fff; font-size:12px; font-weight:bold; background-color:#ff9000; height:21px; font-weight:bold;} span.tagTxt06 a:hover, { color:#fff; font-size:12px; font-weight:bold; background-color:#5e8dbd; height:21px; padding-top:5px; padding-left:8px; padding-right:8px; } span.tagTxt07 a,span.tagTxt07 a:link, span.tagTxt07 a:active, span.tagTxt07 a:visited, span.tagTxt07 { color:#11aea1; font-size:16px; font-weight:bold; } span.tagTxt07 a:hover { color:#2070b9; } span.tagTxt08 a,span.tagTxt08 a:link, span.tagTxt08 a:active, span.tagTxt08 a:visited, span.tagTxt08 { color:#167618; font-size:12px; } span.tagTxt08 a:hover { color:#2070b9; } span.tagTxt09 a,span.tagTxt09 a:link, span.tagTxt09 a:active, span.tagTxt09 a:visited, span.tagTxt09 { color:#df32cd; font-size:16px; font-weight:bold; } span.tagTxt09 a:hover { color:#ff6600; } span.tagTxt10 a,span.tagTxt10 a:link, span.tagTxt10 a:active, span.tagTxt10 a:visited, span.tagTxt10 { color:#373737; font-size:12px; font-weight:bold; } span.tagTxt10 a:hover { color:#ff6600; } span.tagTxt11 a,span.tagTxt11 a:link, span.tagTxt11 a:active, span.tagTxt11 a:visited { color:#fff; font-size:12px; background-color:#ff9000; height:21px; padding-top:5px; padding-left:8px; padding-right:8px; } span.tagTxt11 { color:#fff; font-size:12px; background-color:#ff9000; height:21px; } span.tagTxt11 a:hover, { color:#fff; font-size:12px; background-color:#5e8dbd; height:21px; padding-top:5px; padding-left:8px; padding-right:8px; } span.tagTxt12 a,span.tagTxt12 a:link, span.tagTxt12 a:active, span.tagTxt12 a:visited, span.tagTxt12 { color:#11aea1; font-size:12px; font-weight:bold; } span.tagTxt12 a:hover { color:#2070b9; } span.tagTxt13 a,span.tagTxt13 a:link, span.tagTxt13 a:active, span.tagTxt13 a:visited, span.tagTxt13 { color:#2070b9; font-size:16px; } span.tagTxt13 a:hover { color:#ff6600; } span.tagTxt14 a,span.tagTxt14 a:link, span.tagTxt14 a:active, span.tagTxt14 a:visited, span.tagTxt14 { color:#373737; font-size:12px; } span.tagTxt14 a:hover { color:#ff6600; } span.tagTxt15 a,span.tagTxt15 a:link, span.tagTxt15 a:active, span.tagTxt15 a:visited, span.tagTxt15 { color:#2070b9; font-size:11px; font-weight:bold; } span.tagTxt15 a:hover { color:#ff6600; } span.tagTxt16 a,span.tagTxt16 a:link, span.tagTxt16 a:active, span.tagTxt16 a:visited { color:#fff; font-size:12px; background-color:#ff9000; height:21px; padding-top:5px; padding-left:8px; padding-right:8px; } span.tagTxt16 { color:#fff; font-size:12px; background-color:#ff9000; height:21px; } span.tagTxt16 a:hover, { color:#fff; font-size:12px; background-color:#5e8dbd; height:21px; padding-top:5px; padding-left:8px; padding-right:8px; } #tagList { border-bottom:1px solid #cecece; padding-bottom:0px; padding-top:15px; } #tagList dl.schName { padding:0; margin:0; border:0px solid #000; height:18px;} #tagList dl.schName dt{ float:left; background: url('/octogallery/img/common/bullet/blt_type00.gif') no-repeat 0 1px; font-size:14px; color:#333333; font-weight: bold; padding:0 0 0 19px; margin-right:10px; } #tagList dl.schName dd{ float:left; float:left; color:#333333; font-size:11px; margin:0; padding-top:3px; } #tagList ul { clear:both; padding:0; margin-left:20px; margin-bottom:30px; border:0px solid #000; } #tagList ul li { padding:0; margin:0; } #tagList ul li dt.listTit { float:left; color:#004287; font-weight:bold; margin-right:6px; padding:0; } #tagList ul li dd.listTitcnt{ float:left; /* background: url('/octogallery/img/common/bullet/blt_type03.gif') no-repeat 0 5px; */ margin:0px 0 0 0px; padding:0 0 0 8px; color:#333333; } #tagList ul li div.listTagcntTab01 { clear:both; background: url('/octogallery/img/tagsch/icon_tag.gif') no-repeat 0 0px; height:18px; padding:2px 0 0 50px; margin:4px 0 0 5px; color:#333333; } #tagList ul li div.listTagcntTab02_loc { clear:both; background: url('/octogallery/img/tagsch/icon_loc.gif') no-repeat 0 2px; height:0px; padding:2px 0 0 15px; margin:4px 0 0 5px; color:#333333; } #tagList ul li div.listTagcntTab02 { clear:both; background: url('/octogallery/img/tagsch/icon_tag01.gif') no-repeat 0 0px; height:18px; padding:2px 0 0 50px; margin:4px 0 0 20px; color:#333333; } #tagList ul li div.listTagcntTab03 { clear:both; background: url('/octogallery/img/tagsch/icon_tag03.gif') no-repeat 0 0px; height:18px; padding:2px 0 0 70px; margin:4px 0 0 20px; color:#333333; } /***태그찾기 칼라***/ .fw01 {font-weight:bold;} .txtc01 {color:#ff7e00;} .txtc02 {color:#000; font-weight:bold;} .txtc03 {color:#ff7e00; font-weight:bold;} .txtc04 {color:#3c7ac8; font-weight:bold;} /*** [ 상품상세 컨텐츠 ] ***************************************************** **/ #prodDetailHtml #info { width:647px;} #prodDetailHtml #fininfo_left #info { width:647px;} #fininfo_left {float:left; width:647px;_width:647px; border-right:0px solid #d6d6d6; margin:0; padding:0px 0px;} #fin_majorinfo {width:647px;} #prodDetailHtml .cont02 { border:1px solid #a7c2df; border-top:2px solid #316eb7; border-bottom:1px solid #a7c2df; color:#666;} #prodDetailHtml .cont02 th {padding-top:6px; padding-bottom:4px; background:#e2effb; border-bottom:1px solid #ffffff; color:#316eb7; font-weight:normal;} #prodDetailHtml .cont02 td {padding-top:6px; padding-bottom:3px; border-bottom:1px solid #b4d4ef;} #prodDetailHtml h2.detail_tit { background: none; margin:0px 0 0px 0px; padding:0 0 0px 0px; margin-bottom:3px;} #prodDetailHtml .cont01 {border:1px solid #b4d4ef; border-top:2px solid #316eb7; border-bottom:1px solid #b4d4ef; color:#666;} #prodDetailHtml .cont01 th {padding-top:6px; padding-bottom:4px; background:#e5f0f9; border-right:1px solid b4d4ef; border-bottom:1px solid #b4d4ef; color:#555; font-weight:bold;} #prodDetailHtml .cont01 td {padding-top:6px; padding-bottom:3px; border-right:1px solid #b4d4ef; border-bottom:1px solid b4d4ef; line-height:16px;} /*리스트형*/ #prodDetailHtml .tbl01 {border-top:1px solid #5a8bc5; border-bottom:1px solid #cddaed; font:12px dotum; color:#666; } #prodDetailHtml .tbl01 tr.sect {background-color:#f5f1e2;} #prodDetailHtml .tbl01 thead th,td table#prodDetailHtml.tbl01 thead th {background:#e2effb; border:none; border-right:1px solid #cddaed; border-top:0px solid #316eb7; border-bottom:1px solid #588ac5; padding-top:6px; padding-bottom:4px; color:#6f767d; font-weight:bold; letter-spacing:-1px;} #prodDetailHtml .tbl01 td,td table.tbl01 td {background-color:#fff; border:0 1px 0 0; border-right:1px solid #cddaed; border-top:0px solid #cddaed; border-bottom:1px solid #cddaed; padding-top:6px; padding-bottom:3px; padding-left:5px; padding-right:5px; } td #prodDetailHtml.tbl01 td ,{background-color:#fff;} #prodDetailHtml .tbl01 tr { height:27px; } #prodDetailHtml .tbl01 tfoot td { background:#efecf6; color:#3c6da9;} #prodDetailHtml .tbl01 td.subbg01 { background:#f3f9ff; color:#2063a0; text-align:center;} #prodDetailHtml .tbl01 td.subbg02 { background:#f4f4f4; } #prodDetailHtml .tbl01 td.subbg03 { background:#ffffff; } #prodDetailHtml .tbl01 td.subbg04 { background:#f3f9ff; } #prodDetailHtml .tbl01 td.subbg05 { background:#f9f9f9; } #prodDetailHtml .tbl01 th.linecolor { border-bottom:1px solid #cddaed; } #prodDetailHtml .tbl01 th.brx, #prodDetailHtml .tbl01 td.brx { border-right:0;} #prodDetailHtml .detail_newcnt { padding-left:22px; line-height:160%; color:#6f767d; } /*신탁, Wrap*/ /*Wrap 사용테이블*/ .detail_typetbl01 { border-top:1px solid #5488c5; border-bottom:1px solid #5488c5; } .detail_typetbl01 thead th{ border-top:1px solid #5488c5; border-bottom:1px solid #5488c5; border-right:1px solid #5488c5; background-color:#e3f0fb; color:#6f767d; font-weight:bold; height:23px; padding-top:3px; } .detail_typetbl01 tbody td{ border-right:1px solid #d1dceb; background-color:#fff; color:#6f767d; height:25px; } .detail_typetbl01 tfoot td{ border-top:1px solid #5488c5; border-bottom:1px solid #5488c5; border-right:1px solid #d1dceb; background-color:#e3f0fb; color:#6f767d; height:23px; } .detail_typetbl01 tbody td.bg01{ background-color:#f9f9f9; border-bottom:1px solid #d3dcec; } /*아자형테이블*/ .tbl_dtType01 { border-top:1px solid #588ac5; width:100%;} .tbl_dtType01 th { background-color:#f3f9ff; border-right:1px solid #c3d2e8; border-bottom:1px solid #c3d2e8; font-weight: normal; height:30px; color:#2063a0; padding-top:3px; } .tbl_dtType01 td { border-bottom:1px solid #c3d2e8; padding:10px 0 7px 10px; } /*유의사항*/ #prodDetailHtml #info {float:left; clear:both; padding-top:25px;_padding-top:0;} #prodDetailHtml #info .top {width:100%; background:url('/octogallery/img/common/layout/box_info_02.gif') no-repeat right top; font-size:11px; color:#333;} #prodDetailHtml #info .bottom {width:100%; background:url('/octogallery/img/common/layout/box_info_04.gif') no-repeat right top; margin-bottom:-6px;} #prodDetailHtml #info ul {margin:0; padding:0; border-left:1px solid #b6d4e3; border-right:1px solid #b6d4e3; background-color:#f7f7f7;} #prodDetailHtml #info .bul03 {_width:100%; margin:0; background:#f7f7f7; padding:0 5px 0 0;} #prodDetailHtml #info .bul03 li {background:url('/octogallery/img/common/bullet/ico_bul05.gif') no-repeat 17px 5px; padding:0 0 1px 24px; font-size:11px; color:#666;} #prodDetailHtml #info .bul04 {_width:100%; margin:0; padding:0 5px 5px 0;} #prodDetailHtml #info .bul04 li {background:url('/image/common/bullet/ico_bul04.gif') no-repeat 25px 5px; padding:0 0 0 34px; font-size:11px; color:#888;} #prodDetailHtml #info li.star {background:url('/image/common/bullet/ico_star.gif') no-repeat 14px 3px; margin:2px 0 0 3px; padding:0 0 0 24px; line-height:14px;} #prodDetailHtml #info .cont {margin:0; padding:0; border-left:3px solid #eee; border-right:3px solid #eee; font-size:11px;} #prodDetailHtml #info .cont .emp {background:#fbf8ea; border:none; margin:0 5px; padding:10px 5px 5px 7px; line-height:14px;} #prodDetailHtml #info .cont01 th {padding-top:4px; padding-bottom:3px; font-size:11px;} #prodDetailHtml #info .cont01 td {padding-top:4px; padding-bottom:2px; font-size:11px;} .detail_blueBox { background-color:#f0f4f9; padding:15px 14px 5px 6px; line-height:180%; } dl.detail_box { padding-left:13px; margin-bottom:12px; line-height:180%; } .detail_box dt { border:0px solid #000; margin-bottom:6px; } .detail_box dd { border:0px solid #000; margin-left:6px; width:600px ; line-height:180%;} .detail_box dd .bult_type04 li{ line-height:180%;} .detail_box .pad14 { padding-left:14px;} #prodDetailHtm div ul.star01 li{background:url('/image/common/bullet/ico_bul10.gif') no-repeat 3px 8px; padding:0; margin:0; line-height;17px;} .ta_me09 { padding-left:10px; } /** els 상세 블릿 들여쓰기 _ 테이블에 사용**/