@charset "utf-8"; @import url(base.css); /* 기본 태그 */ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,p,blockquote { margin:0; padding:0; } body { background:url(../img/customer/customer/main_bg.gif) repeat-x; font-family: dotum; font-size: 12px; } img { border: 0px; vertical-align: middle; } td { font-family: dotum; font-size: 12px; } A.help:link {color:#84bcda;text-decoration:none;} #body { width: 100%; text-align: center; } #case { position:relative; width: 813px; margin:0 auto; } /* 상단영역 */ #head { background:url(../img/customer/customer/top_bg.gif) no-repeat bottom; width: 813px; height: 173px; } #head .top_left { margin-top: 4px; width: 406px; height: 35px; float:left; text-align: left; } #head .top_right { margin-top: 10px; width: 407px; height: 29px; float:right; text-align: right; } #head .top_right a:link, a:active { text-decoration:none; color:#312682; } #head .top_right a:visited { text-decoration:none; color:#312682; } #head .top_right a:hover { text-decoration:none; color:#312682; } #head .bott_left { margin-top: 20px; width: 238px; height: 45px; float:left; } #head .bott_right { margin-top: 10px; width: 575px; height: 55px; float:right; text-align: right; } #head .bott_right .searchClick { width:100px; height:20px; font-family: dotum; border:0 none; cursor: pointer; color:#29419c; font-size: 12px; padding-left:5px; padding-top:5px; font-weight: bold;background-color:#f5f5f9; } #head .bott_right .searchSelect { background-color: #FFFFFF; table-layout:fixed; cursor: pointer; font-size: 12px; color:#29419c; font-weight: bold; } #head .bott_right .searchBox { margin-top:16px; } #head .bott_right .searchBox .searchText { width: 220px; height: 25px; margin: 0px; padding-top:5px; background-color: #f8f8fa; border: 2px solid #3754b0; border-left-style: none; font-size: 12px; color:#29419c; } #head .bott { width: 813px; height: 30px; float:left; } .ctg2 {scrollbar-face-color: #E0E0E0; scrollbar-highlight-color: #ffffff; scrollbar-shadow-color: #C8C8C8; scrollbar-3dlight-color: #FFFFFF; scrollbar-arrow-color: #FFFFFF; scrollbar-track-color: #FFFFFF; scrollbar-darkshadow-color: #000000 ; background:#FFFFFF; margin-left:-2px; margin-top:1px; BORDER: #A6BCCE 1px solid; PADDING: -2px; Z-INDEX: 1; VISIBILITY: hidden; OVERFLOW: auto; WIDTH: 122px; height:38px;COLOR: black; POSITION: absolute; } /* 상단 메인 메뉴 */ #topMenu { margin-left: 5px; width:808px; height:37px; } #topMenu li { display: inline; list-style-type: none; float:left; } #topMenu .menuFun { width:139px; height:37px; background:url(../img/customer/customer/top_menu1_off.gif) no-repeat; } #topMenu .menuFunOver { width:139px; height:37px; background:url(../img/customer/customer/top_menu1_on.gif) no-repeat; } #topMenu .menuFun a:hover { width:139px; height:37px; background:url(../img/customer/customer/top_menu1_on.gif) no-repeat; } #topMenu .menuFun a { display:block; width:139px; height:37px; } #topMenu .menuFunOver a:hover { width:139px; height:37px; background:url(../img/customer/customer/top_menu1_on.gif) no-repeat; } #topMenu .menuFunOver a { display:block; width:139px; height:37px; } #topMenu .menuFree { width:110px; height:37px; background:url(../img/customer/customer/top_menu2_off.gif) no-repeat; } #topMenu .menuFreeOver { width:110px; height:37px; background:url(../img/customer/customer/top_menu2_on.gif) no-repeat; } #topMenu .menuFree a:hover { width:110px; height:37px; background:url(../img/customer/customer/top_menu2_on.gif) no-repeat; } #topMenu .menuFree a { display:block; width:110px; height:37px; } #topMenu .menuFreeOver a:hover { width:110px; height:37px; background:url(../img/customer/customer/top_menu2_on.gif) no-repeat; } #topMenu .menuFreeOver a { display:block; width:110px; height:37px; } #topMenu .menuEbay { width:110px; height:37px; background:url(../img/customer/customer/top_menu3_off.gif) no-repeat; } #topMenu .menuEbayOver { width:110px; height:37px; background:url(../img/customer/customer/top_menu3_on.gif) no-repeat; } #topMenu .menuEbay a:hover { width:110px; height:37px; background:url(../img/customer/customer/top_menu3_on.gif) no-repeat; } #topMenu .menuEbay a { display:block; width:110px; height:37px; } #topMenu .menuEbayOver a:hover { width:110px; height:37px; background:url(../img/customer/customer/top_menu3_on.gif) no-repeat; } #topMenu .menuEbayOver a { display:block; width:110px; height:37px; } #topMenu .menuShop { width:110px; height:37px; background:url(../img/customer/customer/top_menu4_off.gif) no-repeat; } #topMenu .menuShopOver { width:110px; height:37px; background:url(../img/customer/customer/top_menu4_on.gif) no-repeat; } #topMenu .menuShop a:hover { width:110px; height:37px; background:url(../img/customer/customer/top_menu4_on.gif) no-repeat; } #topMenu .menuShop a { display:block; width:110px; height:37px; } #topMenu .menuShopOver a:hover { width:110px; height:37px; background:url(../img/customer/customer/top_menu4_on.gif) no-repeat; } #topMenu .menuShopOver a { display:block; width:110px; height:37px; } #topMenu .menuPaypal { width:110px; height:37px; background:url(../img/customer/customer/top_menu5_off.gif) no-repeat; } #topMenu .menuPaypalOver { width:110px; height:37px; background:url(../img/customer/customer/top_menu5_on.gif) no-repeat; } #topMenu .menuPaypal a:hover { width:110px; height:37px; background:url(../img/customer/customer/top_menu5_on.gif) no-repeat; } #topMenu .menuPaypal a { display:block; width:110px; height:37px; } #topMenu .menuPaypalOver a:hover { width:110px; height:37px; background:url(../img/customer/customer/top_menu5_on.gif) no-repeat; } #topMenu .menuPaypalOver a { display:block; width:110px; height:37px; } #topMenu .menuOpen { width:105px; height:37px; background:url(../img/customer/customer/top_menu6_off.gif) no-repeat; } #topMenu .menuOpenOver { width:105px; height:37px; background:url(../img/customer/customer/top_menu6_on.gif) no-repeat; } #topMenu .menuOpen a:hover { width:105px; height:37px; background:url(../img/customer/customer/top_menu6_on.gif) no-repeat; } #topMenu .menuOpen a { display:block; width:105px; height:37px; } #topMenu .menuOpenOver a:hover { width:105px; height:37px; background:url(../img/customer/customer/top_menu6_on.gif) no-repeat; } #topMenu .menuOpenOver a { display:block; width:105px; height:37px; } /* 왼쪽컨텐츠영역 */ #leftContent { width: 188px; margin-top: 16px; float:left; } #leftContent .leftMenu { width: 188px; height: 347px; background:url(../img/customer/customer/left_menu_bg.gif) no-repeat; } #leftContent .leftMenu li { margin-left: -10px; list-style-type: none; } #leftContent .leftMenu .depth1 { margin-left: 0px; margin-top: 8px; margin-bottom: 2px; list-style-type: none; } /* 오른쪽컨텐츠영역 */ #rightContent { width: 606px; margin-top: 16px; float:right; } /* 하단영역 */ #foot { float: left; margin-top: 20px; width: 100%; background:url(../img/customer/common/bottom_bg.jpg) repeat-x top; text-align: center; } #copyright { width: 813px; height: 110px; position:relative; margin:0 auto; } /*이용약관 */ #centerContent { width: 753px; margin-top: 16px; float:left;text-align:left; padding-left:60px } #centerContent #txt{width:678px; padding-left:15px; padding-top:5px;} #centerContent .ol{width: 753px; overflow:hidden; _height:1%; padding-left:15px;} #centerContent .grayLine{border-width:1px 0 0px 0 ;border-style:solid;border-color:#CCCCCC;width:693px;height:5px;} #centerContent .ol .ol1{overflow:hidden;width:346px; float:left;} #centerContent .ol .ol2{overflow:hidden;width:345px; float:left;} #centerContent .ol li{height:22px;} #centerContent .ol.ol1.first_letter{width:40px;} #centerContent .ol.ol2.first_letter{width:40px;} #centerContent .ol a{font-weight:bold; letter-spacing:-1px;color:#324fb0;} #centerContent #titIMG{width: 693px;padding-top:20px;} #centerContent ul{list-style: none} #centerContent li{line-height:25px;} #centerContent li .br{height:5px;} #centerContent ul .depth1 { margin-left: 15px; list-style-type: none;color:#555555;} #centerContent ul .depth2 { margin-left: 30px; list-style-type: none;color:#555555;} /*사이트맵 */ #centerContent #sitetxtLine{border-width:0px 0px 0px 1px;width:170px;border-style:solid;border-color:#CCCCCC;float:left} #centerContent #sitetxtLine #case{width:168px;float:left} #centerContent #sitetxtLine2{border-width:0px 1px 0px 1px;border-style:solid;border-color:#CCCCCC;float:left} #centerContent #sitetxtLine2 #case{width:168px;float:left} #centerContent #case #sitetxt{ padding-left:15px; padding-top:5px;} #centerContent #case #sitetxt ul{list-style: none;float:left;} #centerContent #case #sitetxt ul a{letter-spacing:-1px;color:#324fb0;} /* INPUT 태그 관려 */ .inputTxt1 { border: 1px solid #bbceef; background-color: #f4f7fc; height: 18px; padding-top: 2px; padding-left: 5px; vertical-align: middle; } /*고객센터 메인 */ #menuTable{width:606px;} #menuTable table{border-color:#7183c5;border-style:solid;border-width:5px ;} #menuTable .borderL{border-color:#7183c5;border-style:solid;border-width:0px 0px 0px 4px ;} #menuTable .bgLine{background-color:#7183c5;height:4px;} #SP{height:20px;} #helplist{width:313px;float:left;} #helplist li{width:313px;height:23px;list-style-type:none; line-height:25px; text-align:left;} #con_right { width:287px; float:right; background-color:#f4f6fe; padding-bottom: 7px; } #con_right #banner_area { background:url(../img/customer/contents/relane_bannerBG.gif) no-repeat;width:286px;height:105px;padding-top:6px; } #con_right #notice { margin-left: 7px; margin-right: 7px; border-style: solid; border-color: #ced7eb; border-width :1px; } #con_right #notice .inbox { margin :0 5 7 5; } #con_right #notice .inbox .noticeText { background-color: #ffffff; height: 125px; text-align: left; } #newList {margin :0 5px 0 5px ; list-style-type: none; line-height:18px; padding-top: 10px; } #newList li { background:url(../img/relane/common/icon_gray_dot2.gif) no-repeat 10px 35%; padding: 0 0 5 18; } /****** 도움말 ********/ #helpbest{width:606px;background-color:#FFFFFF;border-color:#eaf0f9;border-style:solid;border-width:3px;} #categoryL{ background:url(../img/customer/contents/categoryL.gif) repeat-x top;height:3px;} #bestL_help li{width:192;height:23px;list-style-type:none; line-height:25px; text-align:left;margin-left:10px;padding-right:10px;} /* #categoryL { margin-left: 6px; width:600px; height:37px; } #categoryL li {display: inline; list-style-type: none; float:left; } #categoryL .menuAll { width:105px; height:29px; background:url(../img/customer/contents/category_all_off.gif) no-repeat; } #categoryL .menuAll a:hover { width:105px; height:29px; background:url(../img/customer/contents/category_all_on.gif) no-repeat; } #categoryL .menuAll a { display:block; width:105px; height:29px; } #categoryL .menuMem { width:105px; height:29px; background:url(../img/customer/contents/category_mem_off.gif) no-repeat; } #categoryL .menuMem a:hover {width:105px; height:29px; background:url(../img/customer/contents/category_mem_on.gif) no-repeat; } #categoryL .menuMem a { display:block; width:105px; height:29px; } #categoryL .menuCash { width:105px; height:29px; background:url(../img/customer/contents/category_cash_off.gif) no-repeat; } #categoryL .menuCash a:hover { width:105px; height:29px; background:url(../img/customer/contents/category_cash_on.gif)) no-repeat; } #categoryL .menuCash a { display:block; width:105px; height:29px; } #categoryL .menuAdd { width:105px; height:29px; background:url(../img/customer/contents/category_add_off.gif) no-repeat; } #categoryL .menuAdd a:hover { width:105px; height:29px; background:url(../img/customer/contents/category_add_on.gif) no-repeat; } #categoryL .menuAdd a { display:block; width:105px; height:29px; } #categoryL .menuGo { width:105px; height:29px; background:url(../img/customer/contents/category_go_off.gif) no-repeat; } #categoryL .menuGo a:hover {width:105px; height:29px; background:url(../img/customer/contents/category_go_on.gif) no-repeat; } #categoryL .menuGo a { display:block; width:105px; height:29px; } #categoryL .menuRelane {width:105px; height:29px; background:url(../img/customer/contents/category_relane_off.gif) no-repeat; } #categoryL .menuRelane a:hover {width:105px; height:29px; background:url(../img/customer/contents/category_relane_on.gif) no-repeat; } #categoryL .menuRelane a { display:block; width:105px; height:29px; } #categoryL .menuReport { width:105px; height:29px; background:url(../img/customer/contents/category_rport_off.gif) no-repeat; } #categoryL .menuReport a:hover { width:105px; height:29px; background:url(../img/customer/contents/category_rport_on.gif) no-repeat; } #categoryL .menuReport a { display:block; width:105px; height:29px; } #categoryL .menuEtc { width:105px; height:29px; background:url(../img/customer/contents/category_etc_off.gif) no-repeat; } #categoryL .menuEtc a:hover { width:105px; height:29px; background:url(../img/customer/contents/category_etc_on.gif) no-repeat; } #categoryL .menuEtc a { display:block; width:105px; height:29px; } */ /*list*/ .listSpace { height: 4px; } #boardTable{ width:606 px;} #boardTable tr td{line-height:30px;border-color:#dbe4f4;border-style:solid;border-width:0px 0px 1px 0px;} #boardTable tr {line-height:30px;} .board_bgL{ background:url(../img/customer/contents/board_bgL.gif) no-repeat top left;width:7px;height:30px;} .board_bgC{ background:url(../img/customer/contents/board_bgC.gif) repeat-x top;text-align:center} .board_bgR{ background:url(../img/customer/contents/board_bgR.gif) no-repeat top left;width:7px;height:30px;} /*view ,write*/ #view {width:606px;} .top{background:url(../img/customer/contents/bo_viewTop.gif) repeat-x;height:2px;} .bottom{background:url(../img/customer/contents/bo_viewBottom.gif) repeat-x;height:2px;} #view .textAreaPD{padding-right:10px;padding-bottom:10px;padding-top:5px; height: 300px; line-height:15px; } #view .titBg{width:110px;text-align:left;height:27px;background-color:#f9f9f9;color:#253771;padding-left:15px;} #view .titLine{border-color:#dbe4f4;border-style:solid;border-width:0px 0px 1px 0px;} #view .titLineLB{border-color:#dbe4f4;border-style:solid;border-width:0px 0px 1px 1px;} #view .titLineUB{border-color:#dbe4f4;border-style:solid;border-width:0px 0px 1px 0px;} #view td {height:28px;padding-left:10px;} #view td textArea{margin-top:5px;margin-bottom:5px; } /****** write ********/ /****** comment list ********/ .reply table td {background-color:#f4f7fc;padding:5px 0 0 10px;} .reply table thead td {padding:10px 0 0px 10px; height:32p;} .reply table tbody td {padding:5px 0 5px 10px;} .reply table tfoot td {background-color:#ffffff;height:7px;} /*회사소개 */ #com_info{width: 753px;background:url(../img/customer/contents/com_info_03.gif) no-repeat ; width:693px; height:192px;text-align:right} /*초보가이드*/ #rightContent #dotline_bg{ width:578px;background:url(../img/customer/contents/dot_line.gif) no-repeat;height:2px;text-align:center } #rightContent #Guide_menu{width: 606px;} #rightContent #Guide_con {padding-left:20px;} /*Add by Tuna 2008-10-21 */ /*초보가이드 하늘색 테이블*/ #applyTable{border-style:solid;border-width:1px 1px 1px 1px;border-color:#cedff5;} #applyTable thead td{background-color:#e9f3ff;text-align:center;font-weight:bold;height:30px;padding:10px 0 0 0 ; border-style:solid;border-width:0px 0px 1px 0px;border-color:#cedff5;} #applyTable thead .xleft{border-style:solid;border-width:0px 0px 1px 0px;border-color:#cedff5;} #applyTable tbody td{background-color:#ffffff;text-align:center;height:25px;padding:5px 0px 5px 0px; border-style:solid;border-width:0px 0px 0px 0px;border-color:#cedff5;} #applyTable tbody .leftLine{border-style:solid;border-width:0px 0px 1px 1px;border-color:#cedff5;} #applyTable tbody .btLine{border-style:solid;border-width:0px 0px 1px 0px;border-color:#cedff5;} #applyTable tbody .topTit{background-color:#f7f7f7;text-align:center;height:20px;font-weight:bold;padding:5px 0px 0px 0px;} #applyTable tbody .ceLine{border-style:solid;border-width:0px 1px 0px 1px;border-color:#cedff5;} /*초보가이드 보라색 테이블*/ #userInfo {width:606px;border-color:#fbfbfb;border-style:solid;border-width:5px;background-color:#f4f4f4;} #userInfoTable{width:574px;border-style:solid;border-width:2px 1px 1px 1px;border-color:#ced7f8} #userInfoTable thead td{background-color:#eaedfe;text-align:center;font-weight:bold;color:#5b6392;height:35px;padding:10px 0 0 0 ; border-style:solid;border-width:0px 1px 1px 0px;border-color:#ced7f8; } #userInfoTable tbody td{background-color:#ffffff;text-align:center;height:30px;padding:5px 0px 5px 0px; border-style:solid;border-width:0px 1px 1px 0px;border-color:#ced7f8;} #userInfoTable tbody .leftTit{background-color:#ffffff;text-align:center;height:30px;font-weight:bold;color:#5b6392;padding:5px 0px 5px 0px;}