/* ------------------------------------------------------------ website : http://book.11st.co.kr/Customer.do?cmd=listMain File Name : layout.css css version : 2.0 Maker : IdeuMotion (ideumotion@uipactory.co.kr) Date : 2009 / August explanation : 레이아웃 구조 정의 Modify Date: ------------------------------------------------------------ */ @charset "euc-kr"; /*언어타입지정*/ @import url(common.css); /* 전체 공통 css import */ @import url(character.css); /* 카테고리 css import */ @import url(table.css); /* 공통 테이블 css import */ @import url(form.css); /* 공통 폼 css import */ /* 공통 레이아웃 */ div, p, a, input, select, li {font-size:1em;} html {height:100%;} body {font-family:돋움,굴림,Verdana; font-size:12px; color:#8b8b8b; text-align:center; margin:0px; padding:0px; overflow-X:hidden;} #cscenterWrap {width:980px; margin:0px auto; overflow:hidden; padding:0 0 0 0;} #cscenterWrap #gnb {width:100%; height:36px; margin-top:3px; margin-bottom:20px; overflow:hidden;} #cscenterWrap #leftContainer {position:relative; float:left; width:203px; text-align:left; padding-bottom:0px; overflow:visible; z-index:10;} #cscenterWrap #leftContainer h2 {width:100%; height:92px; background:url('/book/img/common/bg_cscenter_01.gif') top left no-repeat; overflow:hidden;} #cscenterWrap #leftContainer h2 img {margin-top:22px; margin-left:11px;} #cscenterWrap #contentContainer {float:right; width:760px; text-align:left; padding-bottom:0px;} /* FAQ CATEGORY MODULE */ #leftContainer #categoryWrap {width:173px; background:url('/book/img/common/category/bg_categorywrap_01.gif') bottom left no-repeat; padding-bottom:14px; overflow:hidden;} #leftContainer #categoryWrap p {width:173px; height:37px;margin-top:-1px;}/*2009-10-07수정*/ #leftContainer #categoryWrap ul.categoryMenu {width:173px;} #leftContainer #categoryWrap ul.categoryMenu:not([attr*=""]) {width:173px; margin-top:0px;} #leftContainer #categoryWrap ul.categoryMenu li {width:173px; height:21px; font-size:11px; color:#535353; background:url('/book/img/common/category/bg_categorymenu_off.gif') top left no-repeat; text-align:left; vertical-align:top;} #leftContainer #categoryWrap ul.categoryMenu li div.subMenu {position:absolute; width:113px; background:url('/book/img/common/category/bg_submenu_01.gif') bottom left no-repeat; margin-top:10px; margin-left:130px; overflow:hidden;} #leftContainer #categoryWrap ul.categoryMenu li div.subMenu p {width:113px; height:2px; font-size:0px; line-height:0px;} #leftContainer #categoryWrap ul.categoryMenu li div.subMenu dl {margin-top:11px; margin-bottom:6px;} #leftContainer #categoryWrap ul.categoryMenu li div.subMenu dl dd {font-size:11px; color:#555555; background:url('/book/img/common/ico/ico_categoryarrow_01.gif') 11px 4px no-repeat; padding-left:16px; margin-bottom:4px;} #leftContainer #categoryWrap ul.categoryMenu li.end {width:173px; height:21px; font-size:11px; color:#535353; background:url('/book/img/common/category/bg_categorymenu_end.gif') top left no-repeat; text-align:left; vertical-align:top;} #leftContainer #categoryWrap ul.categoryMenu li a.mainMenu {display:block; width:200px; height:16px; color:#535353; text-decoration:none; background:url('/book/img/common/category/bg_categorymenu_off.gif') top left no-repeat; padding-top:5px; padding-left:22px;} #leftContainer #categoryWrap ul.categoryMenu li a.mainMenuEnd {display:block; width:200px; height:16px; color:#535353; text-decoration:none; background:url('/book/img/common/category/bg_categorymenu_end.gif') top left no-repeat; padding-top:5px; padding-left:22px;} #leftContainer #categoryWrap ul.categoryMenu li a.mainMenu:hover {display:block; width:200px; height:16px; color:#ffffff; text-decoration:none; background:url('/book/img/common/category/bg_categorymenu_on.gif') top left no-repeat;} #leftContainer #categoryWrap ul.categoryMenu li a.mainMenuEnd:hover {display:block; width:200px; height:16px; color:#ffffff; text-decoration:none; background:url('/book/img/common/category/bg_categorymenu_on.gif') top left no-repeat;} #leftContainer #categoryWrap ul.categoryMenu li a.on {display:block; width:200px; height:16px; color:#ffffff; text-decoration:none; background:url('/book/img/common/category/bg_categorymenu_on.gif') top left no-repeat; padding-top:5px; padding-left:22px;}/*2009-10-07추가*/ /* LNB MODULE */ #leftContainer #lnbWrap {width:173px; background:url('/book/img/common/lnb/bg_lnbwrap_01.gif') bottom left no-repeat; padding-bottom:1px; margin-top:9px; overflow:hidden;} #leftContainer #lnbWrap dl.lnb {width:173px;} #leftContainer #lnbWrap dl.lnb dt {width:173px; height:29px; background:url('/book/img/common/lnb/bg_lnb_title.gif') top left no-repeat;} #leftContainer #lnbWrap dl.lnb dt img {margin-top:7px; margin-left:8px;} #leftContainer #lnbWrap dl.lnb dd {width:173px; height:25px; background:url('/book/img/common/lnb/bg_lnb_off.gif') top left no-repeat;} #leftContainer #lnbWrap dl.lnb dd.none {background:url('/book/img/common/lnb/bg_lnb_none.gif') top left no-repeat;} #leftContainer #lnbWrap dl.lnb dd img {margin-top:7px; margin-left:30px;} #leftContainer #lnbWrap dl.lnb dd a {display:block; width:200px; height:24px;} #leftContainer #lnbWrap dl.lnb dd a:hover {display:block; width:200px; height:24px;} /* TITLE MODULE */ #contentContainer h2.title {height:37px; margin-top:20px; overflow:hidden;} #contentContainer h2.title span.txt {font-size:11px; color:#999999; font-weight:normal; vertical-align:bottom; margin-left:5px;} #contentContainer h2.title span.right {float:right;} /* SUB TITLE MODULE // 111207_edit */ #contentContainer h3.subTitleType01 {height:20px; background:url('/book/img/common/ico/ico_subtitlearrow_01.gif') 0px 2px no-repeat; overflow:hidden;} #contentContainer h3.subTitleType01 img {margin-left:9px;} #contentContainer h3.subTitleType01 span {float:right;} #contentContainer h3.subTitleType01 span img {position:relative; _position:relative; #position:relative; margin-top:-22px; _margin-top:-22px; #margin-top:-22px; #margin-right:-6px;} #contentContainer h3.subTitleType01 span img:not([attr*=""]) {position:relative; margin-top:-22px;} #contentContainer h3.subTitleType01 span select {font-size:11px;} #contentContainer h3.subTitleType02 {height:25px; padding:6px 0 0 20px; background:url('/book/img/common/ico/ico_subtitlearrow_02.gif') 0px 8px no-repeat;} #contentContainer h3.subTitleType02 img {float:left;} #contentContainer h3.subTitleType02 span {float:right; height:20px;} #contentContainer h3.subTitleType02 span a {display:block;} #contentContainer h3.subTitleType02 span img {display:block; float:none;} #contentContainer h3.subTitleType02 span select {font-size:11px;} /* SEARCH RESULT MODULE */ #contentContainer p.searchResult {font-size:12px; color:#4d4d4d; padding-bottom:8px; overflow:hidden;} #contentContainer p.searchResult span.subject {color:#ff7c18; font-weight:bold;} #contentContainer p.searchResult span.number {color:#f96a0c; font-weight:bold;} /* IMAGE CONTENT MODULE */ #contentContainer p.imgContent {width:758px; overflow:hidden;} /* EXPLANATION MODULE */ #contentContainer dl.explanation {width:740px; margin-bottom:2px;} #contentContainer dl.explanation dt {} #contentContainer dl.explanation dd {width:740px; font-size:11px; color:#808080; background:url('/book/img/common/ico/ico_dot_03.gif') 0px 3px no-repeat; padding-left:8px; margin-bottom:5px;} /* BUTTON GROUP MODULE */ #contentContainer p.btnGroup {width:758px; height:32px; text-align:center; vertical-align:middle; margin-top:20px; overflow:hidden;} #contentContainer p.btnGroup img.margin {margin-left:4px;} #contentContainer p.rightbtnGroup {width:758px; height:24px; text-align:right; margin-top:8px; overflow:hidden;} #contentContainer p.rightbtnGroup img {margin-left:4px;} #contentContainer p.formbtnGroup {width:758px; height:24px; text-align:center; vertical-align:middle; padding-top:6px; margin-top:20px; overflow:hidden;} #contentContainer p.formbtnGroup img {margin-top:-6px;} #contentContainer p.formbtnGroup img.margin {margin-left:4px;} #contentContainer p.formbtnGroup input {border:0px; margin-top:-4px; margin-right:-4px; margin-left:-4px;} #contentContainer p.formbtnGroup input:not([attr*=""]) {border:0px; margin-top:-2px; margin-right:3px; margin-left:-4px;} #contentContainer p.formbtnGroup span {font-size:11px; color:#666666; margin-right:9px; margin-left:2px;} /* TABMENU MODULE */ #contentContainer #tabMenu {width:756px; background-color:#fafafa; border:1px solid #e5e5e5; overflow:hidden;} /* RECOMMENDATION FAQ MODULE */ #contentContainer #recommFaq {width:758px; height:147px; background:url('/book/img/common/bg_recommfaq_01.gif') top left no-repeat; overflow:hidden;} #contentContainer #recommFaq dl {width:650px; margin-top:24px; margin-left:22px;} #contentContainer #recommFaq dl dd {width:631px; font-size:12px; color:#4d4d4d; padding-top:1px; padding-left:19px; margin-bottom:6px;} #contentContainer #recommFaq dl dd.num01 {background:url('/book/img/common/ico/ico_num_01.gif') 0px 0px no-repeat;} #contentContainer #recommFaq dl dd.num02 {background:url('/book/img/common/ico/ico_num_02.gif') 0px 0px no-repeat;} #contentContainer #recommFaq dl dd.num03 {background:url('/book/img/common/ico/ico_num_03.gif') 0px 0px no-repeat;} #contentContainer #recommFaq dl dd.num04 {background:url('/book/img/common/ico/ico_num_04.gif') 0px 0px no-repeat;} #contentContainer #recommFaq dl dd.num05 {background:url('/book/img/common/ico/ico_num_05.gif') 0px 0px no-repeat;} #contentContainer #recommFaq dl dd a {color:#4d4d4d; text-decoration:none;} #contentContainer #recommFaq dl dd a:hover {color:#ff7c18; text-decoration:none;} /* AGREEMENT MODULE */ #contentContainer #agreement {width:720px; height:198px; font-size:12px; color:#4d4d4d; line-height:16px; border:1px solid #e5e5e5; z-index:1; padding:9px 18px 19px 18px; overflow-X:hidden; overflow:auto;} #contentContainer #agreementConsent {font-size:11px; color:#4d4d4d; font-weight:bold; padding-top:10px;} #contentContainer #agreementConsent input {border:0px; vertical-align:middle; margin:-2px 0px;#margin:0 -3px;_margin:-3px -3px 0;} /* COMMON SEARCH MODULE */ #contentContainer #commonSearch {position:relative; width:758px; height:96px; background:url('/book/img/common/bg_commonsearch_01.gif') top left no-repeat;} #contentContainer #commonSearch p.searchForm {padding-top:35px; padding-left:97px;} #contentContainer #commonSearch p.searchForm select {width:101px; height:20px; color:#7b7a7a; margin-top:0px; _margin-top:-5px; #margin-top:-5px;} #contentContainer #commonSearch p.searchForm select:not([attr*=""]) {width:101px; height:20px; color:#7b7a7a; margin-top:-5px;} #contentContainer #commonSearch p.searchForm input.commonSearchForm {height:15px; font-size:12px; color:#7b7a7a; background-color:#ffffff; border-top:1px solid #cfcfcf; border-right:1px solid #cfcfcf; border-bottom:1px solid #cfcfcf; border-left:1px solid #cfcfcf; padding:3px 4px 0px 4px; margin-top:0px; _margin-top:-5px; #margin-top:-5px; text-align:left;} #contentContainer #commonSearch p.searchForm input.commonSearchForm:not([attr*=""]) {height:15px; font-size:12px; color:#7b7a7a; background-color:#ffffff; border-top:1px solid #cfcfcf; border-right:1px solid #cfcfcf; border-bottom:1px solid #cfcfcf; border-left:1px solid #cfcfcf; padding:3px 4px 0px 4px; margin-top:-5px; text-align:left;} #contentContainer #commonSearch p.searchForm img {position:relative; margin-top:-3px; _margin-top:-4px; #margin-top:-4px;} #contentContainer #commonSearch p.top5 {font-size:11px; color:#7b7a7a; padding-top:8px; _padding-top:7px; #padding-top:7px; padding-left:97px;} #contentContainer #commonSearch p.top5:not([attr*=""]) {font-size:11px; color:#7b7a7a; padding-top:6px; padding-left:97px;} #contentContainer #commonSearch p.top5 img {margin-top:-8px; _margin-top:-2px; #margin-top:-2px; margin-right:11px;} #contentContainer #commonSearch p.top5 img:not([attr*=""]) {margin-top:-2px; margin-right:11px;} #contentContainer #commonSearch p.top5 span {padding-right:6px; padding-left:6px;} #contentContainer #commonSearch p.counsel {position:absolute; top:9px; left:618px; width:134px; height:75px;} /* CATEGORY ADDITION SEARCH MODULE */ #contentContainer #additionSearch {position:relative; width:758px; height:59px; background:url('/book/img/common/bg_categoryaddsearch_01.gif') top left no-repeat; margin-top:10px; overflow:hidden;} #contentContainer #additionSearch p.searchForm {padding-top:11px; _padding-top:14px; #padding-top:14px; padding-left:132px;} #contentContainer #additionSearch p.searchForm:not([attr*=""]) {padding-top:17px; padding-left:132px;} #contentContainer #additionSearch p.searchForm select {width:101px; height:20px; color:#7b7a7a; margin-top:0px; _margin-top:-5px; #margin-top:-5px;} #contentContainer #additionSearch p.searchForm select:not([attr*=""]) {width:101px; height:20px; color:#7b7a7a; margin-top:-5px;} #contentContainer #additionSearch p.searchForm input.commonSearchForm {height:15px; font-size:12px; color:#7b7a7a; background-color:#ffffff; border-top:1px solid #cfcfcf; border-right:1px solid #cfcfcf; border-bottom:1px solid #cfcfcf; border-left:1px solid #cfcfcf; padding:3px 4px 0px 4px; margin-top:0px; _margin-top:-5px; #margin-top:-5px; text-align:left;} #contentContainer #additionSearch p.searchForm input.commonSearchForm:not([attr*=""]) {height:15px; font-size:12px; color:#7b7a7a; background-color:#ffffff; border-top:1px solid #cfcfcf; border-right:1px solid #cfcfcf; border-bottom:1px solid #cfcfcf; border-left:1px solid #cfcfcf; padding:3px 4px 0px 4px; margin-top:-5px; text-align:left;} #contentContainer #additionSearch p.searchForm img {position:relative; margin-top:-3px; _margin-top:-4px; #margin-top:-4px;} #contentContainer #additionSearch p.top5 {font-size:11px; color:#7b7a7a; padding-top:8px; _padding-top:7px; #padding-top:7px; padding-left:132px;} #contentContainer #additionSearch p.top5:not([attr*=""]) {font-size:11px; color:#7b7a7a; padding-top:6px; padding-left:132px;} #contentContainer #additionSearch p.top5 img {margin-top:-8px; _margin-top:-2px; #margin-top:-2px; margin-right:11px;} #contentContainer #additionSearch p.top5 img:not([attr*=""]) {margin-top:-2px; margin-right:11px;} #contentContainer #additionSearch p.top5 span {padding-right:6px; padding-left:6px;} #contentContainer #additionSearch p.btn {position:absolute; top:11px; left:656px; width:65px; height:39px;} /* FAQ DETAIL MODULE */ #contentContainer #faqDetail {width:756px; border:1px solid #e5e5e5; padding-bottom:20px;} #contentContainer #faqDetail p#txtContent {width:646px; font-size:12px; color:#666666; line-height:16px; padding:21px 55px 19px 55px;} #contentContainer #faqDetail p#txtContent a {color:#666666; text-decoration:none;} #contentContainer #faqDetail p#txtContent a:hover {color:#ff7c18; text-decoration:none;} #contentContainer #faqDetail #answerClass {position:relative; width:726px; height:250px; background:url('/book/img/common/bg_answerclass_01.gif') top left no-repeat; margin-left:5px; overflow:hidden;} #contentContainer #faqDetail #answerClass p.title {height:38px;} #contentContainer #faqDetail #answerClass p.title img {margin-top:10px; margin-left:22px;} #contentContainer #faqDetail #answerClass p.stars {height:24px; padding-top:3px; padding-left:22px;} #contentContainer #faqDetail #answerClass p.stars:not([attr*=""]) {height:24px; padding-top:4px; padding-left:26px;} #contentContainer #faqDetail #answerClass p.stars input {border:0px; margin-top:-4px; margin-right:1px; margin-left:-4px;} #contentContainer #faqDetail #answerClass p.stars input.marginL45 {margin-left:45px;} #contentContainer #faqDetail #answerClass p.stars input.marginL100 {margin-left:100px;} #contentContainer #faqDetail #answerClass p.stars img {margin-top:-5px;} #contentContainer #faqDetail #answerClass p.stars img:not([attr*=""]) {margin-top:-6px; margin-left:4px;} #contentContainer #faqDetail #answerClass p.btn {position:absolute; top:38px; left:659px;} #contentContainer #faqDetail #answerClass div.btn {position:relative; width:700px; text-align:center; margin-top:10px;} #contentContainer #faqDetail #relationQuestion {width:726px; margin-left:16px;} #contentContainer #faqDetail #relationQuestion p.title {height:39px;} #contentContainer #faqDetail #relationQuestion p.title img {margin-top:19px; margin-left:22px;} #contentContainer #faqDetail #relationQuestion dl.questionList {width:726px; border-top:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; padding-top:9px; padding-bottom:1px;} #contentContainer #faqDetail #relationQuestion dl.questionList dd {font-size:11px; color:#666666; padding-right:22px; padding-left:22px; margin-bottom:5px;} #contentContainer #faqDetail #relationQuestion dl.questionList dd a {color:#666666; text-decoration:none;} #contentContainer #faqDetail #relationQuestion dl.questionList dd a:hover {color:#ff7c18; text-decoration:none;} /* E-MAIL COUNSEL DETAIL MODULE // 111207_edit */ #contentContainer #emailCounsel {width:758px; background-color:#fafafa; border:1px solid #e5e5e5; padding-bottom:20px;} #contentContainer #emailCounsel table.emailCounselTable {width:720px; margin-top:16px; margin-left:20px;} #contentContainer #emailCounsel table.emailCounselTable tbody tr th {width:30px; text-align:left; vertical-align:top; padding-bottom:10px; border:0; background:none;} #contentContainer #emailCounsel table.emailCounselTable tbody tr td {width:690px; text-align:left; vertical-align:top; border:0; padding-top:5px; padding-bottom:5px; background:none;} #contentContainer #emailCounsel table.emailCounselTable tbody tr td dl.question {} #contentContainer #emailCounsel table.emailCounselTable tbody tr td dl.question dt {font-size:12px; color:#4d4d4d; padding-top:0px; padding-bottom:10px;} #contentContainer #emailCounsel table.emailCounselTable tbody tr td dl.question dd {font-size:12px; color:#4d4d4d; line-height:16px; padding-bottom:10px;} #contentContainer #emailCounsel table.emailCounselTable tbody tr td dl.answer {} #contentContainer #emailCounsel table.emailCounselTable tbody tr td dl.answer dt {font-size:12px; color:#4d4d4d; line-height:16px; padding-top:0px; padding-bottom:10px;} #contentContainer #emailCounsel table.emailCounselTable tbody tr td dl.answer dt span {color:#ff7c18; font-weight:bold;} #contentContainer #emailCounsel table.emailCounselTable tbody tr td dl.answer dd {font-size:12px; color:#4d4d4d; padding-bottom:10px;} /* QUESTION LIST MODULE // 111207_edit */ #contentContainer #questionList {border:1px solid #ccc; _zoom:1;} #contentContainer #questionList:after {content:""; display:block; clear:both; width:0; height:0; overflow:hidden;} #contentContainer #questionList dl {width:378px; border-right:1px solid #ccc; padding-bottom:10px;} #contentContainer #questionList dl.oftenquestion {float:left;} #contentContainer #questionList dl.newquestion {float:right; border-right:none;} #contentContainer #questionList dl dt {height:30px; background:#fff url('/book/img/book_cscenter/bgBoardZoneTit.gif') repeat-x 0 0; border:1px solid #fff; border-bottom:1px solid #ccc; padding-bottom:1px;} #contentContainer #questionList dl dt img {display:block; margin:9px 0 0 13px;} #contentContainer #questionList dl dd {top:7px; height:13px; line-height:15px; padding:0 0 0 35px; margin-top:12px; background:url('/book/img/book_cscenter/ico_numbers_1_10.gif') no-repeat 15px 0;} #contentContainer #questionList dl dd.num01 {background-position:15px 0px;} #contentContainer #questionList dl dd.num02 {background-position:15px -13px;} #contentContainer #questionList dl dd.num03 {background-position:15px -26px;} #contentContainer #questionList dl dd.num04 {background-position:15px -39px;} #contentContainer #questionList dl dd.num05 {background-position:15px -52px;} #contentContainer #questionList dl dd.num06 {background-position:15px -65px;} #contentContainer #questionList dl dd.num07 {background-position:15px -78px;} #contentContainer #questionList dl dd.num08 {background-position:15px -91px;} #contentContainer #questionList dl dd.num09 {background-position:15px -104px;} #contentContainer #questionList dl dd.num10 {background-position:15px -117px;} #contentContainer #questionList dl dd a {color:#4d4d4d; text-decoration:none; line-height:13px;} #contentContainer #questionList dl dd a:hover {color:#ff7c18; text-decoration:none;} #contentContainer #questionList dl dd p {position:absolute; width:303px; font-size:11px; color:#797979; line-height:16px; background-color:#fefdf4; border:1px solid #f6e0a4; padding:9px 6px 4px 9px; margin-top:18px; z-index:1;} #contentContainer #questionList dl dd p span {position:absolute; width:7px; height:5px; margin-top:-14px; _margin-top:-16px; #margin-top:-16px; margin-left:69px;} #contentContainer #questionList dl dd p.block {display:block;} #contentContainer #questionList dl dd p.none {display:none;} /* INDEX_NOTICE MODULE */ #contentContainer #notice {width:372px; height:143px; border-bottom:1px solid #c4c4c4; margin-top:18px; overflow:hidden;} #contentContainer #notice p {width:372px; height:25px; background:url('/book/img/common/bg_indexnewlist_header.gif') top left no-repeat; text-align:left;} #contentContainer #notice p img {margin-left:10px;} #contentContainer #notice ul {margin-top:12px;} #contentContainer #notice ul li {display:inline; float:left; width:100%; font-size:12px; color:#868686; margin-bottom:6px; white-space:nowrap;} #contentContainer #notice ul li span.date {float:right; width:65px; color:#868686; text-align:left; overflow:hidden;} #contentContainer #notice ul li a {float:left; width:274px; color:#868686; text-decoration:none; background:url('/book/img/common/ico/ico_dot_03.gif') 5px 4px no-repeat; padding-left:14px; overflow:hidden;} #contentContainer #notice ul li a:hover {color:#ff7c18; text-decoration:none;} /* INDEX_PRIZEWINNER MODULE */ #contentContainer #prizeWinner {width:372px; height:143px; border-bottom:1px solid #c4c4c4; margin-top:18px; overflow:hidden;} #contentContainer #prizeWinner p {width:372px; height:25px; background:url('/book/img/common/bg_indexnewlist_header.gif') top left no-repeat; text-align:left;} #contentContainer #prizeWinner p img {margin-left:10px;} #contentContainer #prizeWinner ul {margin-top:12px;} #contentContainer #prizeWinner ul li {display:inline; float:left; width:100%; font-size:12px; color:#868686; margin-bottom:6px; white-space:nowrap;} #contentContainer #prizeWinner ul li span.date {float:right; width:65px; color:#868686; text-align:left; overflow:hidden;} #contentContainer #prizeWinner ul li a {float:left; width:274px; color:#868686; text-decoration:none; background:url('/book/img/common/ico/ico_dot_03.gif') 5px 4px no-repeat; padding-left:14px; overflow:hidden;} #contentContainer #prizeWinner ul li a:hover {color:#ff7c18; text-decoration:none;} /* ETC */ #contentContainer #notExist {padding-top:28px; text-align:center;} #contentContainer p#buyStep {width:758px; height:207px; margin-top:14px; overflow:hidden;} #contentContainer p#plentifulQuestion {width:758px; height:90px; margin-top:20px; margin-bottom:18px; overflow:hidden;} #contentContainer p#serviceGuide {width:758px; height:47px; margin-top:18px; margin-bottom:20px; overflow:hidden;} /* pageing */ .paging_wrap{position:relative;zoom:1;} .pageing {display:block; position:relative;clear:both;width:646px; text-align:center;} .pageing ul {} .pageing ul.marginT18 {margin-top:18px;} .pageing ul li {font-size:11px; color:#666666; display:inline; background:url('/book/img/common/ico/ico_pageing_01.gif') top right no-repeat; padding-top:1px; padding-right:7px; _padding-right:3px; #padding-right:3px; _padding-left:5px; #padding-left:5px;} .pageing ul li.active {color:#ff7c18; font-weight:bold;} .pageing ul li.btn {background:none; padding-right:0px;} .pageing ul li.numEnd {background:none; padding-right:0px;} .pageing ul li a {color:#666666; text-decoration:none;} .pageing ul li a:hover {color:#ff7c18; text-decoration:none;} .pageing ul li img {margin-top:0px;} .pageing ul li img:not([attr*=""]) {margin-top:1px;} .pageing ul li img.prev {margin-right:6px;} .pageing ul li img.next {margin-left:6px;} /* COMMON STYLE *******************************************************************************************************************************************/ /* 기본 스타일 */ div, ul, ol, form, fieldset, td, th, li, h1, h2, h3, h4, p, dl, dt, dd, address {margin:0; padding:0;} ul,li,ol,dl,dt,dd {list-style:none; margin:0; padding:0;} img.middle {vertical-align:middle; margin-bottom:3px;} div.hide, h1.hide, h2.hide, span.hide {display:none;} fieldset, img {border:none;} /* 플로트관련 */ .fl {float:left;} .fr {float:right;} /* 포지션 */ .relative {position:relative;} .absolute {position:absolute;} /* 클리어 */ .clear {clear:both;} /* 컨텐츠정렬관련 */ .al {text-align:left;} .ac {text-align:center;} .ar {text-align:right;} .at {vertical-align:top;} .am {vertical-align:middle;} .ab {vertical-align:bottom;} .png24 {tmp:expression(setPng24(this));} /* ie6전용 png 투명처리관련 */ .marginAuto {margin:0px auto;} /* 파이어폭스용 센터 정렬관련 */ h1.hide {display:none;} h2.hide {display:none;} h3.hide {display:none;} div.alternativeTxt {display:none;} /* 글꼴 관련 */ .normal {font-weight:normal;} /* normal */ .b {font-weight:bold;} /* 볼드체 */ .ul {text-decoration:underline;} /* 언더라인 */ .ws-2p {word-spacing:2px;} /* 단어사이조정 */ .ls-_1p {letter-spacing:-1px;} /* 글자사이조정 */ /* div blank style */ div.vSpace {width:1px; line-height:0px; font-size:1px;} div.vSpace10 {width:1px; height:10px; line-height:0px; font-size:1px;} div.vSpace20 {width:1px; height:20px; line-height:0px; font-size:1px;} div.vSpace30 {width:1px; height:30px; line-height:0px; font-size:1px;} div.vSpace40 {width:1px; height:40px; line-height:0px; font-size:1px;} /* padding style */ .ip10 {padding:10px;} .ipT10 {padding-top:10px;} .ipR10 {padding-right:10px;} .ipB10 {padding-bottom:10px;} .ipL10 {padding-left:10px;} /* margin style */ .im10 {margin:10px;} .imT10 {margin-top:10px;} .imT20 {margin-top:20px;} .imT26 {margin-top:26px;} .imR10 {margin-right:10px;} .imB10 {margin-bottom:10px;} .imL10 {margin-left:10px;} /* CHARACTER STYLE *******************************************************************************************************************************************/ /* 기본 링크 스타일 */ a:link {color:#8b8b8b; text-decoration:none;} a:active {} a:visited {color:#8b8b8b; text-decoration:none;} a:hover {color:#8b8b8b; text-decoration:underline;} /* 클래스형 링크 스타일 */ /* 폰트셋 */ .fontSet00 {font-family:Verdana; font-size:11px;} .fontSet01 {font-family:Verdana; font-size:9px;} .fontSet02 {font-family:돋움; font-size:12px; color:#9375b4; letter-spacing:-1px;} .fontSet02 span {font-family:Tahoma; font-size:11px; color:#8a44d8; font-weight:bold;} .fontSet03 {font-family:굴림; font-size:12px;} /* 폰트크기 */ .txtSize10 {font-size:10px;} .txtSize11 {font-size:11px;} .txtSize12 {font-size:12px;} .txtSize14 {font-size:14px;} .txtSize16 {font-size:16px;} /* 폰트컬러 */ .c-ffffff {color:#ffffff;} /* 흰색계열 */ /* 백그라운드컬러 */ .bc-ffffff {background-color:#ffffff;} /* 흰색계열 */ /* 행간조정 */ .lh-12p {line-height:12px;} .lh-14p {line-height:14px;} .lh-15p {line-height:15px;} .lh-16p {line-height:16px;} .lh-18p {line-height:18px;} /* line&border style */ .borderT01 {border-top:1px solid #FFFFFF;} .borderR01 {border-right:1px solid #FFFFFF;} .borderB01 {border-bottom:1px solid #FFFFFF;} .borderL01 {border-left:1px solid #FFFFFF;} /* TABLE STYLE *******************************************************************************************************************************************/ table {border-collapse:collapse; word-break:break-all; word-wrap:break-word;} th, td {font-weight:normal;} table.fixed {table-layout:fixed;} /* 기본템플릿 */ table.basic {} table.basic thead tr td {} table.basic tbody tr td {} table.basic tfoot tr td {} /* LIST TABLE */ table.listType01 {width:758px; background:url('/book/img/common/table/bg_thtype_01.gif') top left no-repeat;} table.listmarginT20 {margin-top:20px;} table.listType01 tbody tr th {height:30px; background:none; text-align:center; vertical-align:top;} table.listType01 tbody tr th img {margin-top:8px;} table.listType01 tbody tr td {font-size:12px; color:#999999; line-height:16px; background:none; border-bottom:1px solid #e6e6e6; text-align:center; vertical-align:top; padding-top:7px; padding-bottom:3px;} table.listType01 tbody tr td.tdLeft {color:#4d4d4d; text-align:left; padding-left:11px;} table.listType01 tbody tr td.tdLeft a {color:#4d4d4d; text-decoration:none;} table.listType01 tbody tr td.tdLeft a:hover {color:#ff7c18; text-decoration:none;} /* DETAIL TABLE */ table.detailType01 {width:758px; background:url('/book/img/common/table/bg_thtype_01.gif') top left no-repeat;} table.detailmarginT6 {margin-top:6px;} table.detailmarginT20 {margin-top:20px;} table.detailType01 tbody tr th {height:30px; background:none; text-align:center; vertical-align:top;} table.detailType01 tbody tr th img {margin-top:8px;} table.detailType01 tbody tr td {font-size:12px; color:#999999; line-height:16px; background:none; text-align:center; vertical-align:top; padding-top:7px; padding-bottom:3px;} table.detailType01 tbody tr td.tdLeft {color:#4d4d4d; text-align:left; padding-left:11px;} table.detailType01 tbody tr td.tdLeft a {color:#4d4d4d; text-decoration:none;} table.detailType01 tbody tr td.tdLeft a:hover {color:#ff7c18; text-decoration:none;} /* COUNSEL TABLE // 111207_edit */ table.counselType01 {width:100%; background:url('/book/img/common/table/bg_thtype_02.gif') repeat-x 0 1px;} table.detailmarginT6 {margin-top:6px;} table.counselType01 tr th {height:33px; border-top:1px solid #bababa; border-right:1px solid #bababa; border-bottom:1px solid #bababa; text-align:center; vertical-align:middle; color:#333; font-weight:bold;} table.counselType01 tr td {height:30px; border-right:1px solid #e7e7e7; border-bottom:1px solid #e7e7e7; text-align:center; vertical-align:middle; color:#888; background:#fff;} table.counselType01 tr td.tdLeft {color:#4d4d4d; text-align:left; padding-left:11px;} table.counselType01 tr td.tdLeft a {color:#4d4d4d; text-decoration:none;} table.counselType01 tr td.tdLeft a:hover {color:#ff7c18; text-decoration:none;} table.counselType01 tr td.tdLeft img {} table.counselType01 tr th:last-child {border-right:none;} table.counselType01 tr td:last-child {border-right:none;} table.counselType01 tr:last-child td {border-bottom:1px solid #bababa;} table.counselType01 tr th.last-child {border-right:none;} table.counselType01 tr td.last-child {border-right:none;} table.counselType01 tr.last-child td {border-bottom:1px solid #bababa;} /* DATA TABLE // edit_111205 */ p.headerLine {width:760px; height:2px; font-size:0px; line-height:0px; background-color:#999; overflow:hidden;} table.dataType01 {width:759px; _width:760px;} table.dataType01 tbody tr th {background:#fafafa; border-right:1px solid #dadada; border-bottom:1px solid #dadada; text-align:left; padding-left:10px; vertical-align:middle; color:#333;} table.dataType01 tbody tr td {font-size:12px; color:#808080; border-bottom:1px solid #dadada; text-align:left; vertical-align:top; padding-left:10px; height:35px; vertical-align:middle; line-height:15px;} table.dataType01 tbody tr td input {height:18px; vertical-align:middle;} table.dataType01 tbody tr td.txt {} table.dataType01 tbody tr td.txt span {font-size:11px; color:#999999;} table.dataType01 tbody tr td.txtbox {font-size:11px; color:#4d4d4d;} table.dataType01 tbody tr td.txtbox * {font-size:12px; color:#808080;} table.dataType01 tbody tr td.txtbox img.seek {margin-left:5px;} table.dataType01 tbody tr td.txtbox img.buyview {margin-left:5px;} table.dataType01 tbody tr td.txtbox input[type="radio"] {border:0px; vertical-align:middle; margin:0px 0 0 3px;#margin:0 -3px 0 0; line-height:11px;} table.dataType01 tbody tr td.selectbox {} table.dataType01 tbody tr td.selectbox select {width:180px;} table.dataType01 tbody tr td.txtarea {padding-top:10px; padding-bottom:10px;} table.dataType01 tbody tr td.txtarea textarea {width:602px; border:1px solid #e5e5e5; overflow-x:hidden; overflow-y:auto;} table.dataType01 tbody tr td.input img.marginT_2 {margin-top:-2px;} table.dataType01 tbody tr td.boxLine {_border-right:2px solid #d9d9d9; #border-right:2px solid #d9d9d9;} /* TAB TABLE */ table.tabMenu {width:720x; margin-top:15px; margin-bottom:3px; margin-left:19px;} table.tabMenu tbody tr td {font-size:12px; color:#999999; background:url('/book/img/common/ico/ico_dot_01.gif') 0px 5px no-repeat; text-align:left; vertical-align:top; padding-bottom:10px; padding-left:7px;} table.tabMenu tbody tr td.active {color:#ff7c18; font-weight:bold;} table.tabMenu tbody tr td.active a {color:#ff7c18; text-decoration:none;} table.tabMenu tbody tr td.active a:hover {color:#ff7c18; text-decoration:none;} table.tabMenu tbody tr td a {color:#999999; text-decoration:none;} table.tabMenu tbody tr td a:hover {color:#ff7c18; text-decoration:none;} table.tabMenu tbody tr td a.whole {color:#333; font-weight:bold;} table.tabMenu tbody tr td a.whole:hover {text-decoration:underline;} /* LIST TABLE // edit 111207 */ table.listType01_v2 {width:760px; width:100%; background:url('/book/img/common/table/bg_thtype_03.gif') repeat-x 0 1px; border-bottom:1px solid #b9b9b9;} table.listType01_v2 thead{} table.listType01_v2 thead tr th {height:33px; border:none; background:none; text-align:center; vertical-align:middle; color:#333; font-weight:bold;} table.listType01_v2 tr td {border:none;} table.listType01_v2 tbody tr.faqTitle td {font-size:12px; color:#888888; line-height:16px; background:#fff; border-top:1px solid #e6e6e6; text-align:center; vertical-align:top; padding:8px 0 6px;} table.listType01_v2 tbody tr.faqTitle td.tdLeft {color:#4d4d4d; text-align:left; padding-left:11px;} table.listType01_v2 tbody tr.faqTitle td.tdLeft a {color:#4d4d4d; text-decoration:none;} table.listType01_v2 tbody tr.faqTitle td.tdLeft a:hover {color:#ff7c18; text-decoration:none;} table.listType01_v2 tbody tr.faqDetailW td.tdLeft {border-top:1px solid #e6e6e6; background:#ffffff none;} table.listType01_v2 tbody tr.faqDetailW td.tdLeft a {} table.listType01_v2 tbody tr.faqDetailW td.tdLeft a:hover {} table.listType01_v2 tbody tr.faqDetailW td.tdLeft{text-align:left;padding:0 0 0 0;} /* FORM STYLE *******************************************************************************************************************************************/ input.radio {margin:0px 0px -2px 0px; border-width:0px;} /* textBox design */ input.textbox_typeA_01 {height:15px; font-family:돋움,굴림,Verdana; font-size:12px; color:#7b7a7a; background-color:#ffffff; border-top:1px solid #cfcfcf; border-right:1px solid #cfcfcf; border-bottom:1px solid #cfcfcf; border-left:1px solid #cfcfcf; padding:0px 0px 0px 0px; margin-top:0px; text-align:left;} input.textbox_typeB_01 {height:18px; font-family:돋움,굴림,Verdana; font-size:12px; color:#8965af; border:none; background:url('/book/img/') top left repeat-x; padding:3px 0px 0px 6px; margin-top:3px;} /* scroll design */ .scroll01 {overflow:auto; z-index:1; font-family:돋움,굴림,Verdana; font-size:11px; color:#7f4bb4; border:1px solid #3d126e; line-height:15px; padding:16px 12px 12px 12px; overflow-X:hidden; scrollbar-face-color:#2a0a4e; scrollbar-shadow-color:#421770; scrollbar-highlight-color:#421770; scrollbar-3dlight-color:#421770; scrollbar-darkshadow-color:#421770; scrollbar-track-color:#421770; scrollbar-arrow-color:#7226c7; } .txtBox01 {overflow:auto; z-index:1; font-family:돋움,굴림,Verdana; font-size:12px; color:#8b8b8b; background-color:#ffffff; border:1px solid #d6d6d6; line-height:16px; padding:6px 6px 6px 6px; overflow-X:hidden; scrollbar-face-color:#ffffff; scrollbar-shadow-color:#ffffff; scrollbar-highlight-color:#ffffff; scrollbar-3dlight-color:#d6d6d6; scrollbar-darkshadow-color:#d6d6d6; scrollbar-track-color:#ffffff; scrollbar-arrow-color:#d6d6d6; } /*090917공지사항추가*/ #layConBody2 {float:left; width:755px;} #layConBody2 h2 {margin-bottom:20px; margin-top:20px; padding-left:0px;} .nadoTList2 {border:1px solid #F6E0A4; background:#FEFDF4; text-align:center; width:100%; height:30px;} .tb_nadoExpand2 td { padding-top:8px; padding-bottom:4px; text-align:center; color:#999999} .tb_nadoExpand2 .expand td { line-height:16px; border-top:1px solid #D2D2D2; border-left:1px solid #EFEFEF; border-right:1px solid #EFEFEF; background-color:#FCFCFC;} .tb_nadoExpand2 .expand td .reply_spaceB {line-height:16px; color:#666666; padding:10px; text-align:left; width:97%; } .tb_nadoExpand2 .lineTD01 td {padding:0; background:#E6E6E6; height:1px;} .tab_sub2 li {display:none;} .tab_sub2 li.on {display:block;} .t_left2 {float:left;} .boxDetailL2 {background: url('/book/img/common/table/box_DetailSearchM.gif') no-repeat 0 0; width:755px; height:42px; margin-bottom:20px; } .boxDetailL2 ul {clear:both; width:740px; overflow:auto; overflow:hidden; padding:10px 0 0 10px;} .boxDetailL2 li {float:left; padding:0 35px 0 0;} .boxDetailL2 li img {vertical-align:middle;} .selBoxL2 p {float:left;margin:0 3px;} .selBoxL2 .PT {padding-top:2px} .selBoxL2 .MT {margin-top:2px} :root .selBoxL2 .MT {margin-top:0} .titleBG {height:37px; margin-top:16px; overflow:hidden;} .titleBG img {margin-left:0px; float:left;} .NoticeboxBG {width:755px;border-left:1px solid #eeeeee;border-right:1px solid #eeeeee;} .NoticeboxBG .SboxBG {width:735px;margin:10px 0 0 0px;} .NoticeboxBG .BlineBG {height:5px;margin:0;padding:0;vertical-align:top;} /* 공지사항 아이프레임 CSS */ .Notice_NewLi {margin:12px 0 0 0; width:372px; height:106px; overflow:hidden;} .Notice_NewLi ul {margin:0;padding:0;} .Notice_NewLi li {display:inline; float:left; font-size:12px; color:#868686; margin:0 0 6px 0;_display:inline; white-space:nowrap;} .Notice_NewLi li span.subject {float:left;} .Notice_NewLi li span.date {float:right; width:65px; color:#868686; text-align:left; overflow:hidden;} .Notice_NewLi li a {float:left; width:274px; color:#868686; text-decoration:none; background:url('/book/img/common/ico/ico_dot_03.gif') 5px 4px no-repeat; padding-left:14px; overflow:hidden; cursor:pointer} .Notice_NewLi li a:hover {color:#ff7c18; text-decoration:none;} .titleMG {height:37px; width:758px;margin-top:16px; overflow:hidden;text-align:left;} .titleMG span.txt {font-size:11px; color:#999999; font-weight:normal; vertical-align:bottom; margin-left:5px;} .titleMG span.right {float:right;} .subTitleType01MG {height:20px; width:758px;background:url('/book/img/common/ico/ico_subtitlearrow_01.gif') 0px 2px no-repeat; overflow:hidden;} .subTitleType01MG img {margin-left:9px;float:left;} .subTitleType01MG span {float:right;} .subTitleType01MG span img {position:relative; _position:relative; #position:relative; margin-top:-22px; _margin-top:-22px; #margin-top:-22px; #margin-right:-6px;} .subTitleType01MG span img:not([attr*=""]) {position:relative; margin-top:-22px;} .subTitleType01MG span select {font-size:11px;} table.counselType01MG {width:758px; background:url('/book/img/common/table/bg_thtype_01.gif') top left no-repeat;} table.detailmarginT6MG {margin-top:6px;} table.counselType01MG tbody tr th {height:30px; background:none; text-align:center; vertical-align:top;} table.counselType01MG tbody tr th img {margin-top:8px;} table.counselType01MG tbody tr td {font-size:11px; color:#999999; line-height:16px; border-bottom:1px solid #e5e5e5; background:none; text-align:center; vertical-align:top; padding-top:7px; padding-bottom:3px;} table.counselType01MG tbody tr td.tdLeft {font-size:12px; color:#4d4d4d; text-align:left; padding-left:11px;} table.counselType01MG tbody tr td.tdLeft a {font-size:12px; color:#4d4d4d; text-decoration:none;} table.counselType01MG tbody tr td.tdLeft a:hover {font-size:12px; color:#ff7c18; text-decoration:none;} table.counselType01MG tbody tr td.tdLeft img {margin-top:-3px; margin-right:6px;} table.counselType01MG tbody tr td.selected {border-bottom:none;} table.counselType01MG tbody tr td.counselContent {border-bottom:none; padding-top:0px; padding-bottom:0px;} #emailCounselMG {width:756px; background-color:#fafafa; border:1px solid #e5e5e5; padding-bottom:20px;} #emailCounselMG table.emailCounselTableMG {width:720px; margin-top:16px; margin-left:20px;} #emailCounselMG table.emailCounselTableMG tbody tr th {width:30px; text-align:left; vertical-align:top; padding-bottom:10px;} #emailCounselMG table.emailCounselTableMG tbody tr td {width:690px; text-align:left; vertical-align:top; border-bottom:none;} #emailCounselMG table.emailCounselTableMG tbody tr td dl.question {} #emailCounselMG table.emailCounselTableMG tbody tr td dl.question dt {font-size:12px; color:#666666; padding-top:5px; padding-bottom:10px;} #emailCounselMG table.emailCounselTableMG tbody tr td dl.question dd {font-size:12px; color:#666666; line-height:16px; padding-bottom:12px;} #emailCounselMG table.emailCounselTableMG tbody tr td dl.answer {} #emailCounselMG table.emailCounselTableMG tbody tr td dl.answer dt {font-size:12px; color:#666666; line-height:16px; padding-top:4px; padding-bottom:11px;} #emailCounselMG table.emailCounselTableMG tbody tr td dl.answer dt span {color:#ff7c18; font-weight:bold;} #emailCounselMG table.emailCounselTableMG tbody tr td dl.answer dd {font-size:12px; color:#999999; padding-bottom:11px;} .help_Box{float:left;padding:1px 0 0 97px;zoom:1;_display:inline;} .help_selectBoxW{float:left;position:relative;z-index:1;width:99px;margin:0 5px 0 0;_display:inline;height:20px;} .help_selectBox{position:absolute;top:0px;left:0;float:left;width:99px;height:18px;padding:0 0;margin:0 5px 0 0;_display:inline;background:#fff;border:1px solid #cdcdcd;} .help_selectBox span{float:left;display:block;width:75px;height:14px;padding:3px 0 0 4px;margin:0px 0px 0px 1px;_display:inline;background:#fff;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;} .help_selectBox a{float:right;display:block;width:13px;height:14px;margin:2px 2px;_display:inline;overflow:hidden;text-indent:-200000px;background:url('/11st/img/callcenter/cybercenter/btn_arrow.gif') no-repeat left top;} .help_selectList{position:absolute;display:none;top:18px;left:0;padding:3px 0px 0px 0px;width:99px;background:#fff;border:1px solid #cdcdcd;} .help_selectList a{display:block;text-decoration:none;margin:2px 0 0 4px;} .help_selectList a:hover{text-decoration:none;} .help_selectList a:visited{text-decoration:none;} .help_selectList a:active{text-decoration:none;} .help_selectList a:link{text-decoration:none;} /* 2010-12-15 개편 설명UI추가 */ .Info_CntWrap {width:736px; border:1px solid #ddd; padding:10px 10px 10px 10px; line-height:16px;} .Info_CntWrap a.point {font-weight:bold;color:#93be3b;} .Info_CntWrap a.point:hover {color:#93be3b;} .Info_CntWrap a.point:visited {color:#93be3b;} /* 2010-12-16 개편 리스트내용 추가 */ .faqDetail_v2 {width:756px; padding-bottom:10px;} .faqDetail_v2 #txtContent {padding:10px 40px 10px 40px; color:#666666;} .CS_answerW {width:684px; border:1px solid #ddd; margin:10px 10px 5px 10px; padding:8px 20px 15px 20px} .CS_answerW .title_1 {width:682px; padding-bottom:6px; margin-bottom:8px; background:url('../../img/common/table/bg_answer_repeat.gif') repeat-x bottom;} .CS_answerW .title_1 img {vertical-align:middle;} .CS_answerW .CScoment1 {width:682px; color:#333333;font-size:11px;} .CS_answerW .title_2 {width:682px;margin-bottom:5px;} .CS_answerW .title_2 img {vertical-align:middle;} .CS_answerW .CScoment2 {width:682px;} .CS_answerW .CScoment2 .txtinputbox {width:678px; height:72px;border:1px solid #E5E5E5; padding-top:3px; padding-left:3px;} .CS_answerW .btnWrap {position:relative; width:682px; height:20px; text-align:center;} .CS_answerW .btnWrap .btn {display:block;position:absolute; top:8px; left:50%;} .CS_answerW .TxtBite {position:absolute; top:8px; right:0;display:block;color:#a2a2a2;} .txtinputbox {font-size:12px; font-family:돋움; color:#999999;} /* ************************************************************************************** */ /* ************************************************************************************** */ /* 2011.11.21 renew */ .hiddenTxt {position:absolute; left:-9999px;} /* customer center title and signal */ #cscenterWrap .cybercenterTop {width:978px; height:67px; border:1px solid #bababa; background:url('/book/img/book_cscenter/bgCustomercenterTitBox.gif') repeat-x 0 -1px;} #cscenterWrap .cybercenterTop h1 {float:left; height:67px; width:500px; background:url('/book/img/book_cscenter/bgCustomercenterTitTxt.gif') no-repeat 25px 25px;;} #cscenterWrap .shadow1pxdddcdc {width:100%; height:1px; margin-bottom:15px; overflow:hidden; font-size:0; background:#dddcdc;} /* FAQ CATEGORY MODULE */ #leftContainer .cateTit {position:relative; height:27px; padding-right:79px; background:url('/book/img/book_cscenter/bgCateTit.gif') repeat-x 0 0;} #leftContainer .cateTit .title {display:block; height:27px; border-right:1px solid #fc9579;} #leftContainer .cateTit .title img {display:block; float:left;} #leftContainer .cateTit .btnCateWhole {position:absolute; right:0; top:0; width:58px; height:17px; margin-left:-5px; border-left:1px solid #de4d11; padding:10px 20px 0 0; background:url('/book/img/book_cscenter/bgCateWholeBtn.gif') no-repeat 0 0; color:#fff; line-height:100%; text-align:center; letter-spacing:-1px;} #leftContainer .cateTit .close {background:url('/book/img/book_cscenter/bgCateWholeBtn_close.gif') no-repeat 0 0;} #leftContainer .cateTit .btnCateWhole:hover, #leftContainer .cateTit .btnCateWhole:focus, #leftContainer .cateTit .btnCateWhole:active {text-decoration:none;} #leftContainer #categoryWraps {position:relative; width:200px; overflow:visible; z-index:5;} #leftContainer #categoryWraps .category {width:196px; min-height:250px;_height:250px; border:2px solid #f96a0c; border-top:none; _zoom:1; background:none;} #leftContainer #categoryWraps .category:after {content:""; display:block; clear:both; width:0; height:0; overflow:hidden;} #leftContainer #categoryWraps .category .categories {width:196px; border-top:1px solid #cc3e00; padding-top:7px 0 0 0; background:none;} #leftContainer #categoryWraps .category .categories .cate_01 {position:relative; #float:left; width:168px; display:block; height:24px; padding:0 14px 0 14px; border-top:1px solid #fff; z-index:5; margin:0 0 0 0; background:none;} #leftContainer #categoryWraps .category .categories .cate_01 a {display:block; float:left; width:100%; height:23px; border-bottom:1px dotted #b2b2b2; color:#4d4d4d; line-height:23px; z-index:10;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;} #leftContainer #categoryWraps .category .categories .cate_01.last a {border-bottom:none;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;} #leftContainer #categoryWraps .category .categories .cate_01 a:hover, #leftContainer #categoryWraps .category .categories .cate_01 a:focus {text-decoration:none;} #leftContainer #categoryWraps .category .categories .over {border-top:1px solid #f96a0c; background:#ff924a; z-index:12;} #leftContainer #categoryWraps .category .categories .over a {border-bottom:none; color:#fff; z-index:12;} #leftContainer #categoryWraps .category .categories .cate_01 ul {position:absolute; left:130px; top:10px; width:100px; border:2px solid #f96a0c; padding:3px 8px; background:#fff; z-index:100;} #leftContainer #categoryWraps .category .categories .cate_01 ul .cate_02 {background:#fff url('/book/img/book_cscenter/bul_cate_arrow_01.gif') no-repeat 0 center; padding:0 0 0 7px; line-height:17px; z-index:100;} #leftContainer #categoryWraps .category .categories .cate_01 ul .cate_02 a {float:none; display:inline-block; color:#8b8b8b; border:none; background:#fff; z-index:100;} #leftContainer #categoryWraps .category .categories .cate_01 ul .cate_02 a:hover, #leftContainer #categoryWraps .category .categories .cate_01 ul .cate_02 a:focus {text-decoration:underline;} #leftContainer #categoryWhole {position:relative;_position:absolute;_top:0;_left:0; width:980px; z-index:10000; background:#fff; overflow:hidden;} #leftContainer #categoryWhole .category {width:976px; border:2px solid #f96a0c; border-top:1px solid #cc3e00;} #leftContainer #categoryWhole .categories {width:100%; background:#000 url('/book/img/book_cscenter/bgCateWholeBox.gif') repeat-y 0 0; _zoom:1; overflow:hidden;} #leftContainer #categoryWhole .categories:after {content:""; display:block; clear:both; width:0; height:0; overflow:hidden;} #leftContainer #categoryWhole .categories .cate_01 {float:left; _display:inline; width:163px; border-top:1px solid #e4e4e4; padding:0 0 10px 0; margin:0 1px 0 0;#margin-right:0;_margin-right:1px;#border-right:1px solid #eaeaea;_border-right:0; background:none; } #leftContainer #categoryWhole .categories .bdtnone {border-top:none; padding-bottom:0} #leftContainer #categoryWhole .categories .wid_160 {width:159px;} #leftContainer #categoryWhole .categories .cate_01 p {display:block; height:27px; background:transparent url('/book/img/book_cscenter/bgCateSubTit.gif') repeat-x 0 0; line-height:27px; vertical-align:middle;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;} #leftContainer #categoryWhole .categories .cate_01 p a {margin-left:10px; color:#333; font-weight:bold; letter-spacing:-1px;} #leftContainer #categoryWhole .categories .cate_01 ul {padding:10px 0;} #leftContainer #categoryWhole .categories .cate_01 ul .cate_02 {height:15px; padding:0 0 3px 10px;} #leftContainer #categoryWhole .categories .cate_01 ul .cate_02 a {display:inline-block; color:#535353; height:15px; line-height:15px; vertical-align:top;} #leftContainer #categoryWhole .btnCloseBtm {display:block; float:left; position:absolute; right:7px; bottom:5px; width:38px; height:14px; overflow:hidden; background: url('http://www.11st.co.kr/img/gnb/gnb_ly_sp_v5.gif') no-repeat -170px -265px; text-indent:-10000px; z-index:1000;} #resizeMe01 {position:relative; width:0; overflow:hidden;} /* LNB MODULE */ #leftContainer .lnbWrap {width:198px; margin-top:0px; border:1px solid #aeaeae; border-top:none;} #leftContainer .top15m {margin-top:15px !important; border-top:1px solid #aeaeae;} #leftContainer .lnbWrap .lnbsTit {width:183px; height:21px; border:1px solid #fff; border-top:none; padding:11px 0 0 13px; background:#f8f8f8;} #leftContainer .lnbWrap .lnbsTit img {display:block;} #leftContainer .lnbWrap .lnbUl {border-top:1px solid #aeaeae;} #leftContainer .lnbWrap .lnbUl li {height:22px; border-top:1px dotted #b2b2b2; padding:6px 10px 1px 16px; color:#4d4d4d; line-height:20px; background:url('/book/img/book_cscenter/bul_listSquare.gif') no-repeat 10px 13px;} #leftContainer .lnbWrap .lnbUl li.first {border-top:none;} #leftContainer .lnbWrap .lnbUl li a {color:#4d4d4d;} #leftContainer .counselWrap {width:203px; margin-top:15px; overflow:hidden;} #leftContainer .counselWrap a {float:left;} #leftContainer .counselWrap a img {display:block;} #leftContainer .leftBanner {width:203px; margin-top:15px;} #leftContainer .leftBanner a {display:block} #leftContainer .leftBanner a img {display:block;} /* customer center mainpage */ /* FAQ Search Module */ #contentContainer .faqSearch {position:relative; border:1px solid #fa9755; border-bottom:none; padding-bottom:1px; overflow:visible; z-index:1;} #contentContainer .faqSearch .faqSearchTit {position:absolute; left:18px; top:37px; z-index:1;} #contentContainer .faqSearch .searchWrap {height:77px; border:2px solid #fff; background:#fafafa; padding:7px 244px 0 103px; z-index:1;} #contentContainer .faqSearch .srchInfo img {display:block;} #contentContainer .faqSearch .searchs {width:100%; overflow:hidden; margin-top:8px;} #contentContainer .faqSearch .searchs input.inputSearTxt {float:left; width:332px; height:24px; border:2px solid #f96a0c; line-height:24px; padding:0 7px;} #contentContainer .faqSearch .searchs input.submit {float:right;} #contentContainer .faqSearch .top5 {margin-top:7px; overflow:hidden; line-height:100%;} #contentContainer .faqSearch .top5 img {vertical-align:middle;} #contentContainer .faqSearch .top5 a {display:inline-block; vertical-align:middle; font-size:11px; color:#4d4d4d;} #contentContainer .faqSearch .counselBtns {position:absolute; right:10px; top:8px;} #contentContainer .faqSearch .counselBtns a {display:block; margin-bottom:5px;} #contentContainer .faqSearch .counselBtns a img {display:block;} #contentContainer .bgShadow {position:absolute; left:0; bottom:-4px;_top:79px; width:100%; height:5px; background:url('/book/img/book_cscenter/bgShadow_01.gif') repeat-x 0 bottom;} /* buy process Module */ #contentContainer .buyProcess {background:#f1f1f1; margin-top:15px; padding:11px 0;} #contentContainer .buyProcess .processTit {padding:0 0 10px 15px;} #contentContainer .buyProcess .processTit img {display:block;} #contentContainer .buyProcess .processWrap {width:100%; _zoom:1;} #contentContainer .buyProcess .processWrap:after {content:""; display:block; clear:both; width:0; height:0; overflow:hidden;} #contentContainer .buyProcess .processWrap li {float:left; width:auto; padding-left:20px; background:url('/book/img/book_cscenter/bgProcessArrow.gif') no-repeat 5px 61px;} #contentContainer .buyProcess .processWrap li.first {padding-left:12px; background:none;} /* best questions Module */ #contentContainer .bestQuestions {width:765px; margin-right:-5px; margin-top:15px;} #contentContainer .bestQuestions .quesTits {padding:0 0 10px 15px;} #contentContainer .bestQuestions .quesTits img {display:block;} #contentContainer .bestQuestions .questions {width:100%; height:55px; _zoom:1;} #contentContainer .bestQuestions .questions:after {content:""; display:block; clear:both; width:0; height:0; overflow:hidden;} #contentContainer .bestQuestions .questions li {float:left; width:190px;} #contentContainer .bestQuestions .questions li a {display:block;} #contentContainer .bestQuestions .questions li a img {display:block;} /* frequently question top10, notice Module */ #contentContainer .boardZone {margin-top:20px; border:1px solid #ccc; _zoom:1; width:758px;} #contentContainer .boardZone:after {content:""; display:block; clear:both; width:0; height:0; overflow:hidden;} #contentContainer .boardZone .top10 {float:left; width:378px; border-right:1px solid #ccc;} #contentContainer .boardZone .boardZoneTit {height:30px; border:1px solid #fff; background:url('/book/img/book_cscenter/bgBoardZoneTit.gif') repeat-x 0 0;} #contentContainer .boardZone .boardZoneTit img {display:block; margin:9px 0 0 13px;} #contentContainer .boardZone .boardList {border-top:1px solid #ccc; padding:15px;} #contentContainer .boardZone .boardList li {height:13px; margin-top:12px; padding-left:20px; line-height:13px; background:url('/book/img/book_cscenter/ico_numbers_1_10.gif') no-repeat 0 0;} #contentContainer .boardZone .boardList li.first {margin-top:0;} #contentContainer .boardZone .boardList li a {color:#4d4d4d; line-height:13px; vertical-align:middle;} #contentContainer .boardZone .boardList li a:hover {color:#dc5019; text-decoration:none;} #contentContainer .boardZone .boardList li.num01 {background-position:0 0;} #contentContainer .boardZone .boardList li.num02 {background-position:0 -13px;} #contentContainer .boardZone .boardList li.num03 {background-position:0 -26px;} #contentContainer .boardZone .boardList li.num04 {background-position:0 -39px;} #contentContainer .boardZone .boardList li.num05 {background-position:0 -52px;} #contentContainer .boardZone .boardList li.num06 {background-position:0 -65px;} #contentContainer .boardZone .boardList li.num07 {background-position:0 -78px;} #contentContainer .boardZone .boardList li.num08 {background-position:0 -91px;} #contentContainer .boardZone .boardList li.num09 {background-position:0 -104px;} #contentContainer .boardZone .boardList li.num10 {background-position:0 -117px;} /* for iframe sources - notice */ #contentContainer .boardZone .notices {float:left; position:relative; width:378px; border-right:1px solid #ccc;} #contentContainer .boardZone .last {width:379px; border-right:none;} #contentContainer .boardZone .notices .boardZoneTit {height:30px; border:1px solid #fff; background:url('/book/img/book_cscenter/bgBoardZoneTit.gif') repeat-x 0 0;} #contentContainer .boardZone .notices .boardZoneTit img {display:block; margin:9px 0 0 13px;} #contentContainer .boardZone .notices .boardList {border-top:1px solid #ccc; padding:15px;} #contentContainer .boardZone .notices .boardList li {height:13px; margin-top:12px; padding-left:10px; line-height:13px; background:url('/book/img/book_cscenter/bul_dot_02.gif') no-repeat 0 5px;#background-position:0 4px;} #contentContainer .boardZone .notices .boardList li.first {margin-top:0;} #contentContainer .boardZone .notices .boardList li a {color:#4d4d4d; line-height:13px; vertical-align:middle;} #contentContainer .boardZone .notices .boardList li a:hover {color:#dc5019; text-decoration:none;} #contentContainer .boardZone .notices .btn_more {position:absolute; top:8px; left:323px; vertical-align:top;} #contentContainer .boardZone .notices iframe {width:100%; height:100%; overflow:hidden; border:0;} /* service guide Module */ #contentContainer .serviceGuide {width:765px; height:55px; margin-top:20px; margin-right:-5px;} #contentContainer .serviceGuide h2 {float:left;} #contentContainer .serviceGuide a {float:left;} #contentContainer .serviceGuide img {display:block;} /* *********************************** ee_customer.css 수정 **************************************************** */ .contents{ padding:5px 0px; } td.info { font-style: normal; font-family : "돋움","gulim","dotum", "verdana", "arial"; font-size : 9pt; color : #666666 ; padding-left:10px; text-align:justify; font-weight: normal; font-variant: normal; text-decoration: none; } /* 첨부파일 업로드 */ .SI-FILES-STYLIZED label.cabinet { width: 62px; height: 22px; background: url(/book/img/common/btn/btn_seek_01.gif) 0 0 no-repeat; display: block; overflow: hidden; cursor: pointer; align: absmiddle; } .SI-FILES-STYLIZED label.cabinet input.file { position: relative; height: 100%; width: auto; opacity: 0; -moz-opacity: 0; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); } /* 페이징 처리시 현재 페이지 강조하기 위해 사용. */ .pageing ul li span.active {color:#ff7c18; font-weight:bold;} /* mail.js makeHtmlDropDown() 에서 td생성시 class 지정하여 상하단 padding 제거 */ table.counselType01 tbody tr td.detail {font-size:11px; color:#999999; line-height:16px; background:none; border-bottom:1px solid #e6e6e6; text-align:center; vertical-align:top; padding-top:0px; padding-bottom:0px;} /* 나의 문의내역 DROP_DOWN 화면의 DIV 상하단 라인 제거. */ #contentContainer #emailCounsel.detail {width:100%; background-color:#fafafa; border:0; padding-bottom:20px;} /* 메일문의 중간에 11번가 추천 FAQ // edited 111205 */ /* 메일문의 중간에 11번가 추천 FAQ */ #contentContainer #recommFaq dl dd p {position:absolute; width:650px; font-size:11px; color:#797979; line-height:16px; background-color:#fefdf4; border:1px solid #f6e0a4; padding:9px 6px 4px 9px; margin-top:18px; z-index:1;} #contentContainer #recommFaq dl dd p span {position:absolute; width:7px; height:5px; margin-top:-14px; _margin-top:-16px; #margin-top:-16px; margin-left:69px;} #contentContainer h2.title span.txt {font-size:11px; color:#999999; font-weight:normal; vertical-align:bottom; margin-left:5px;} #contentContainer h2.title span.faqTxt {position:relative; top:1px; display:inline-block; font-size:11px; color:#333; font-weight:normal; vertical-align:bottom; margin-left:5px;} #contentContainer h2.title span.faqTxt .current {color:#f96a0c; font-weight:bold;} /* 나의11번가 1:1E-MAIL상담내역 SELECT BOX 너비고정 */ #contentContainer h3.subTitleType01 {width:760px;} /* 커머스플래닛 - 추가개발 추천FAQ - edited 111205 */ #contentContainer #recommendFaq {width:758px; height:125px; border:1px solid #b0b0b0; background:#fafafa; overflow:hidden;} #contentContainer #recommendFaq dl {display:block; padding:14px;} #contentContainer #recommendFaq dl dd {position:relative; width:710px; height:13px; font-size:12px; color:#4d4d4d; padding:0 0 0 19px; margin:0 0 8px 0; line-height:15px; vertical-align:top; overflow:hidden; background:transparent url('/book/img/book_cscenter/ico_numbers_1_10.gif') no-repeat 0 0;} #contentContainer #recommendFaq dl dd.num01 {background-position:0 0px;} #contentContainer #recommendFaq dl dd.num02 {background-position:0 -13px;} #contentContainer #recommendFaq dl dd.num03 {background-position:0 -26px;} #contentContainer #recommendFaq dl dd.num04 {background-position:0 -39px;} #contentContainer #recommendFaq dl dd.num05 {background-position:0 -52px;} #contentContainer #recommendFaq dl dd.num06 {background-position:0 -65px; display:none;} #contentContainer #recommendFaq dl dd.num07 {background-position:0 -78px; display:none;} #contentContainer #recommendFaq dl dd.num08 {background-position:0 -91px; display:none;} #contentContainer #recommendFaq dl dd.num09 {background-position:0 -104px; display:none;} #contentContainer #recommendFaq dl dd.num10 {background-position:0 -117px; display:none;} #contentContainer #recommendFaq dl dd a {display:inline-block; vertical-align:baseline;color:#4d4d4d; text-decoration:none;} #contentContainer #recommendFaq dl dd a:hover {color:#ff7c18; text-decoration:none;} #contentContainer #recommendFaq dl dd p {position:absolute; width:650px; font-size:11px; color:#797979; line-height:16px; background-color:#fefdf4; border:1px solid #f6e0a4; padding:9px 6px 4px 9px; margin-top:18px; z-index:1;} #contentContainer #recommendFaq dl dd p span {position:absolute; width:7px; height:5px; margin-top:-14px; _margin-top:-16px; #margin-top:-16px; margin-left:69px;} #nodeHelperContents {margin-top:10px; position:relative;} #nodeHelperContents div {position:relative; padding:40px 10px 14px 3px !important; background:transparent url('/book/img/book_cscenter/bg_nodeHelperContents.gif') no-repeat 14px 14px !important; border:1px solid #d9d9d9 !important;} /* paging - renew 111205 */ #contentContainer .paging {padding:10px 0 20px 0; text-align:center;} #contentContainer .paging img {display:inline-block; vertical-align:middle; margin:0 0 0 0; !important;} #contentContainer .paging span {padding:0 5px 0 5px;} #contentContainer .paging span a {display:inline-block; width:14px; height:12px; padding:2px 0 0 0; border:1px solid #fff; line-height:11px; text-align:center; vertical-align:middle; color:#696969; font-weight:bold; background:#fff none;} #contentContainer .paging span a:hover {text-decoration:none; background:#eee; border:1px solid #eee;} #contentContainer .paging span a.on {display:inline-block; border:1px solid #e3a68e; color:#f96a0c; background:#fff none;} #contentContainer .paging span a.on:hover {text-decoration:none; border:1px solid #e3a68e; background:#eee none;} /* file attach edited 111207 */ .fileAttach {padding:5px 10px 10px;} .fileAttach p {clear:both; width:100%; overflow:hidden; padding:5px 0 0;} .fileAttach p .inputTxt {float:left; width:400px; height:18px; border:1px solid #bbb; margin-right:5px; line-height:20px;} .fileAttach p .fileLabel {position:relative; float:left; display:block; width:60px; height:21px; overflow:hidden; cursor:pointer; background:url('/book/img/common/btn/btn_seek_01.gif') no-repeat 0 0;} .fileAttach p .fileLabel .inputFile {position:absolute; right:0; top:0; cursor:pointer; line-height:22px; height:22px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)"; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } .fileAttach p.txt {font-size:11px !important; color:#4d4d4d !important;}