/*기본공용*/ body { scrollbar-highlight-color: #FFFFFF; scrollbar-3dlight-color: white; scrollbar-face-color: #F3F3F3; scrollbar-shadow-color: #FFFFF; scrollbar-darkshadow-color: white; scrollbar-track-color: white; scrollbar-arrow-color: #FFFFF; } a:link { color: #333333; text-decoration: none; } a:visited { color: #333333; text-decoration: none; } a:hover { color: #5988ea; text-decoration: underline; } /*이미지*/ #imgField { float: left; margin: 40px 0px 0px 3px; } .imgBoxsuraein { float: left; width: 56x; height: 77px; padding: 1px 1px 1px 1px; margin: 3px; border: 1px solid #e6e6e6; } .Mainleftalltable2 { width: 176px; height: 22px; line-height: 15px; overflow: hidden; text-align: left; background: none; white-space: nowrap; padding-left: 5px; } .Mainleftalltable2 a:link { color: #333333; } .Mainleftalltable2 a:visited { color: #333333; } .Mainleftalltable2 a:hover { color: #5988ea; text-decoration: underline; } .Mainleftalltable2C { width: 176px; height: 22px; line-height: 15px; overflow: hidden; text-align: left; background: none; white-space: nowrap; padding-left: 5px; color: #5988ea; font-weight: bold; } .Mainleftalltable2C a:link { color: #333333; } .Mainleftalltable2C a:visited { color: #333333; } .Mainleftalltable2C a:hover { color: #5988ea; font-weight: bold; text-decoration: underline; } .Mainleftalltable2N { width: 176px; height: 22px; line-height: 15px; overflow: hidden; text-align: left; background: none; white-space: nowrap; padding-left: 5px; color: #b4b4b4; } .Mainleftalltable2N a:link { color: #b4b4b4; } .Mainleftalltable2N a:visited { color: #b4b4b4; } .Mainleftalltable2N a:hover { color: #5988ea; text-decoration: none; } .Mainleftalltable2sub { width: 170px; height: 20px; line-height: 15px; overflow: hidden; text-align: left; background: none; white-space: nowrap; padding-left: 10px; color: #5988ea; } .Mainleftalltable2sub a:link { color: #333333; } .Mainleftalltable2sub a:visited { color: #333333; } .Mainleftalltable2sub a:hover { color: #5988ea; text-decoration: underline; } .Mainleftalltable2subC { width: 170px; height: 20px; line-height: 15px; overflow: hidden; text-align: left; background: none; white-space: nowrap; padding-left: 10px; color: #5988ea; font-weight: bold; } .Mainleftalltable2subC a:link { color: #333333; } .Mainleftalltable2subC a:visited { color: #333333; } .Mainleftalltable2subC a:hover { color: #5988ea; text-decoration: underline; } .Maincontentalltable { width: 441px; height: 18px; line-height: 15px; overflow: hidden; text-align: left; background: none; white-space: nowrap; } /*디폴트이미지*/ .Guinimg { display: inline-block; width: 36px; height: 33px; background: url(http://image.surae.com/img/Defaultimg/guin.gif) no-repeat; } .Shopimg { display: inline-block; width: 66px; height: 51px; background: url(http://image.surae.com/img/Defaultimg/shop.gif) no-repeat; } /*테이블 레이아웃*/ .divTableRow { width: 900px; padding: 0px; margin: 0px auto 0px auto; border: 0px; text-align: center; } .Thisgoods { line-height: 120%; text-align: center; } .SearchTable { width: auto; text-align: center; margin: 0px auto 0px auto; } /* 메인 레이아웃*/ .Topline { clear: both; width: 100%; height: 6px; padding: 0px; border: 0px; background-image: url(http://image.surae.com/img/Expert/Head/Main_top/bg_topline_right.gif); text-align: left; } /*상단20100814_전체*/ .divTop { width:900px; height:65px; margin:0px auto 5px auto;} #divTopPLeft {float:left; width:367px; height:65px; vertical-align:bottom} #divTopPLeftLong {float:left; width:380px; height:65px} #divTopPBanner { float:left; width:13px; height:24px; padding-top:41px; text-align:left} .divTopPBanner2 {width:230px; height:18px; padding-top:22px} .divTopPAdd {width:230px; height:11px; padding-top:9px} #divTopPRight1 { float: right; width: 465px; height: 43px; margin: 2px 0px 0px 20px; text-align: right; vertical-align: middle; font-size: 12px; color: #62636d; } #divTopPRight1 a:link { font-size: 12px; color: #000000; } #divTopPRight1 a:visited { text-decoration: none; color: #000000; } #divTopPRight1 a:hover { color: #000000; text-decoration: underline; } #divTopPRight1 a { float: left; display: block; } #divTopPRight2 { float: right; height: 24px; width:450px } #divTopPRight2 a { float: left; display: block; } #divTopPRightForum { float: right; width: 120px; height: 24px; } #divTopPRightForum a { float: left; display: block; } #divTopPRightLibrary { float: right; width: 306px; height: 24px; } #divTopPRightLibrary a { float: left; display: block; } #divTopPRightShare { float: right; width: 250px; height: 24px; } #divTopPRightShare a { float: right; display: block; } #divTopPRightShopManager { float: right; height: 24px; width:320px } #divTopPRightShopManager a { float: left; display: block; } /*이미지리스트 보기부분*/ .Orangeline { clear: both; width: 705px; height: 21px; margin-top: 5px; padding: 0px; border-bottom: 2px solid #5988ea; } /*서브글보기 부분*/ .TitlelineView { clear: both; width: 705px; height: 26px; padding: 0px; margin: 0px; border-bottom: 2px solid #5988ea; text-align: left; } .ViewContent5 { display: inline-block; width: 705px; height: 15px; padding: 5px 0px 0px 0px; text-align: left; } .ViewContent7 { display: inline-block; width: 705px; height: 15px; padding: 15px 0px 10px 0px; text-align: left; } /*포럼부분*/ .Forumtable { margin: 3px 0px 3px 0px; width: 701px; } .Forumtable td { border-bottom: 1px solid #e6e6e6; } .Forumtopbg { display: inline-block; width: 705px; height: 55px; background: url(http://image.surae.com/img/Expert/Forum/Forum/hometopbg.gif) no-repeat; text-align: center; padding-top: 25px; } /*포럼투데이부분*/ .ForumBtnwrite { vertical-align: top; display: inline-block; width: 75px; height: 39px; padding: 12px 0px 0px 0px; margin: 5px 0px 3px 0px; background: url(http://image.surae.com/img/Xboard/Btn/importuneS.gif) no-repeat; text-decoration: none; color: #63636d; font-weight: bold; text-align: center; } .ForumBtnwrite:hover { background: url(http://image.surae.com/img/Xboard/Btn/importuneS.gif) no-repeat; text-decoration: none; color: #63636d; } /*포럼메뉴관리부분*/ .Forummenuadminleft { float: left; width: 180px; height: auto; margin-right: 5px; } .Forummenuadminright { float: right; width: 520px; height: auto; margin-top: 25px; } .Forummenuadminright td { border-bottom: 1px solid #e6e6e6; } .TdForum { width: 125px; padding: 0px 1px 0px 1px; } .TdForum2 { width: 80px; padding: 0px 1px 0px 1px; } .TdForumleft { width: 80px; padding: 3px 0px 3px 3px; font-weight: bold; } .TdForumright { width: 432px; padding: 0px 1px 0px 5px; } /*서브글쓰기부분 공통 */ .Td90bold { width: 87px; font-weight: bold; padding: 3px 0px 5px 3px; } /*서브글보기부분 정비후기부분*/ .Viewentrytitle { clear: both; color: #303f98; width: 700px; height: 21px; font-weight: bold; padding: 14px 0px 0px 5px; border-bottom: 2px solid #5988ea; text-align: left; } .Viewentry td { border-bottom: 1px solid #e6e6e6; background-color: #f6f9fe; padding: 2px 5px 2px 5px; } .Viewentry textarea { width: 560px; height: 50px; } .Entrytd90 { width: 90px; font-weight: bold; } /*토론설문 부분*/ .Torontitle { clear: both; width: 705px; height: 26px; padding: 0px; margin-top: 5px; border-bottom: 2px solid #5988ea; text-align: left; } .ToronTd85 { width: 85px; text-align: right; padding: 0px 1px 0px 1px; } .Toronleft { float: left; width: 500px; height: 23px; padding: 3px 0px 0px 5px; border: 0px; text-align: left; } /*서브글보기부분 댓글부분 공용*/ .Viewcommenttitle .text { font-weight: normal; color: #b4b4b4; } .Commenttd70 { width: 70px; vertical-align: top; text-align: center; padding-top: 5px; } .CommentIconfeel { vertical-align: middle; display: inline-block; width: 35px; height: 32px; margin: 2px 2px 2px 0px; background: url(http://image.surae.com/img/Xboard/Btn/feel.gif) no-repeat; text-decoration: none; font-size: 11px; color: #5988ea; } .CommentIconfeel:link { text-decoration: none; color: #5988ea; } .CommentIconfeel:hover { text-decoration: none; } .CommentIconfeel:visited { color: #5988ea; } .Commentgood { vertical-align: middle; display: inline-block; width: 27px; height: 14px; margin: 0px 3px 0px 2px; background: url(http://image.surae.com/img/Btn_state/good.gif) no-repeat; } .CommentBtnwrite { vertical-align: top; display: inline-block; width: 75px; height: 39px; padding: 12px 0px 0px 0px; margin: 5px 0px 3px 0px; background: url(http://image.surae.com/img/Xboard/Btn/importuneS.gif) no-repeat; text-decoration: none; color: #63636d; font-weight: bold; text-align: center; } .CommentBtnreference { vertical-align: middle; display: inline-block; width: 85px; height: 18px; padding: 0px; margin-left: 3px; background: url(http://image.surae.com/img/Xboard/Btn/reference_plus.gif) no-repeat; } .CommentBtnbig3 { display: inline-block; vertical-align: top; width: 75px; height: 39px; padding: 23px 0px 0px 0px; margin-left: 3px; background: url(http://image.surae.com/img/Xboard/Btn/importuneS.gif) no-repeat center; font-size: 14px; font-weight: bold; } .CommentBtnbig3:link { color: #5a8aee; text-decoration: none; } .CommentBtnbig3:hover { color: #5a8aee; text-decoration: none; } .CommentBtnbig3:visited { color: #5a8aee; text-decoration: none; } /*서브리스트 분류부분*/ .SortingM1 { display: inline-block; width: 46px; height: 21px; padding-right: 1px; background: url(http://image.surae.com/img/Xboard/Sorting/register.gif) no-repeat; } .SortingM2 { display: inline-block; width: 46px; height: 21px; padding-right: 1px; background: url(http://image.surae.com/img/Xboard/Sorting/goods.gif) no-repeat; } .SortingM3 { display: inline-block; width: 74px; height: 21px; padding-right: 1px; background: url(http://image.surae.com/img/Xboard/Sorting/new_afternote.gif) no-repeat; } .SortingM4 { display: inline-block; width: 46px; height: 21px; padding-right: 1px; background: url(http://image.surae.com/img/Xboard/Sorting/request.gif) no-repeat; } .SortingM5 { display: inline-block; width: 58px; height: 21px; padding-right: 1px; background: url(http://image.surae.com/img/Xboard/Sorting/allmember.gif) no-repeat; } .SortingM6 { display: inline-block; width: 58px; height: 21px; padding-right: 1px; background: url(http://image.surae.com/img/Xboard/Sorting/credit.gif) no-repeat; } .SortingM1C { display: inline-block; width: 46px; height: 21px; padding-right: 1px; background: url(http://image.surae.com/img/Xboard/Sorting/Cregister.gif) no-repeat; } .SortingM2C { display: inline-block; width: 46px; height: 21px; padding-right: 1px; background: url(http://image.surae.com/img/Xboard/Sorting/Cgoods.gif) no-repeat; } .SortingM3C { display: inline-block; width: 74px; height: 21px; padding-right: 1px; background: url(http://image.surae.com/img/Xboard/Sorting/Cnew_afternote.gif) no-repeat; } .SortingM4C { display: inline-block; width: 46px; height: 21px; padding-right: 1px; background: url(http://image.surae.com/img/Xboard/Sorting/Crequest.gif) no-repeat; } .SortingM5C { display: inline-block; width: 58px; height: 21px; padding-right: 1px; background: url(http://image.surae.com/img/Xboard/Sorting/Callmember.gif) no-repeat; } .SortingM6C { display: inline-block; width: 58px; height: 21px; padding-right: 1px; background: url(http://image.surae.com/img/Xboard/Sorting/Ccredit.gif) no-repeat; } .SortingMM2C { display: inline-block; width: 46px; height: 21px; padding-right: 1px; background: url(http://image.surae.com/img/Xboard/Sorting/Cmgoods.gif) no-repeat; } .SortingMM1C { display: inline-block; width: 46px; height: 21px; padding-right: 1px; background: url(http://image.surae.com/img/Xboard/Sorting/Cmregister.gif) no-repeat; } /*서브테이블 넓이부분 공용*/ .ListTitle td { text-align: center; border-bottom: 2px solid #5988ea; background-color: #f9f9f9; } /*서브리스트타이틀부분*/ .Bold62636d { font-size: 12px; color: #62636d; font-weight: bold; } /*서브검색 부분 공용*/ .Searchselcet8 { float: left; width: 162px; height: 17px; border: 1px solid #e6e6e6; padding: 1px 20px 1px 2px; margin-right: 0px; background: #FFFFFF url(http://image.surae.com/img/Expert/Search/Sub/icon_selectarrow.gif) 95% 4px no-repeat; cursor: pointer; } #aAllcircuitlist { margin: 1px 0px 0px 3px; vertical-align: inherit; display: inline-block; width: 110px; height: 21px; background: url(http://image.surae.com/img/Xboard/Btn/circuitalllist.gif) no-repeat; } #SearchTitle { padding: 0px 5px 0px 16px; background: url(http://image.surae.com/img/Expert/Search/Sub/icon_MagnifyingGlass.gif) no-repeat; font-weight: bold; color: black; } #SearchTitle2 { padding: 0px 5px 0px 16px; background: url(http://image.surae.com/img/Expert/Search/Sub/icon_MagnifyingGlass2.gif) no-repeat left 1px; font-weight: bold; color: #e33500; font-size: 14px; } /*서브검색 크게*/ .BSearchselcet { float: left; width: 170px; overflow: hidden; height: 20px; border: 1px solid #e6e6e6; padding: 5px 27px 3px 3px; margin-right: 2px; background: #FFFFFF url(http://image.surae.com/img/Expert/Search/Sub/icon_bigselectarrow.gif) 95% 7px no-repeat; cursor: pointer; font-size: 14px; font-weight: bold; overflow: hidden; line-height: 20px; } .BSearchselcet2 { float: left; width: 105px; overflow: hidden; height: 20px; border: 1px solid #e6e6e6; padding: 5px 20px 3px 3px; margin-right: 2px; background: #FFFFFF url(http://image.surae.com/img/Expert/Search/Sub/icon_bigselectarrow.gif) 95% 7px no-repeat; cursor: pointer; font-size: 14px; font-weight: bold; overflow: hidden; line-height: 20px; } /*타이틀*/ .Titleline { clear: both; width: 705px; height: 26px; padding: 0px; border-bottom: 2px solid #5988ea; } .Titletop { clear: both; vertical-align: middle; width: 705px; height: 28px; padding-top: 19px; background: url(http://image.surae.com/img/Expert/Field/Menupan/main_title.gif) no-repeat center; } .Titletop2 { clear: both; width: 705px; height: 47px; padding: 0px; } .Titletoptext { float: left; width: 585px; height: 47px; background: url(http://image.surae.com/img/Expert/Field/Menupan/maintitle_text.gif) no-repeat bottom left; } .Titletopbtn { float: right; width: 120px; height: 47px; padding-top: 5px; } .Titletopline { clear: both; width: auto; height: auto; border-bottom: 2px solid #5988ea; } .Titleleft2 { float: left; width: 305px; height: 23px; padding: 3px 0px 0px 0px; border: 0px; text-align: left; } .Titleleft3 { float: left; width: 200px; height: 20px; padding: 6px 0px 0px 0px; border: 0px; text-align: right; } /*포럼버튼레이아웃*/ .Btnside { clear: both; width: 703px; height: 55px; margin: 5px 0px 5px 0px; border: 0px; padding: 5px 0px 5px 0px; } .Btnside .left { float: left; width: 600px; height: 60px; padding: 3px 0px 0px 0px; border: 0px; text-align: center; } .Btnside .right { float: right; width: 103px; padding: 30px 0px 0px 0px; border: 0px; text-align: right; vertical-align: bottom; } /*게시판 버튼*/ .Btnwrite { display: inline-block; width: 65px; height: 23px; padding-right: 1px; background: url(http://image.surae.com/img/Xboard/Btn/write.gif) no-repeat; } .Btnprint { display: inline-block; width: 65px; height: 23px; padding-right: 1px; background: url(http://image.surae.com/img/Xboard/Btn/print.gif) no-repeat; } .Btnafterentryedit { display: inline-block; width: 83px; height: 23px; padding-right: 1px; background: url(http://image.surae.com/img/Xboard/Btn/after_entryedit.gif) no-repeat; } .Btnafterentry { display: inline-block; width: 84px; height: 23px; padding-right: 1px; background: url(http://image.surae.com/img/Xboard/Btn/after_entry.gif) no-repeat; } .Btncalendarview { display: inline-block; width: 86px; height: 23px; padding: 0px 2px 0px 2px; background: url(http://image.surae.com/img/Xboard/Btn/calendarview.gif) no-repeat; margin-bottom: 15px; } .Btnlistview { display: inline-block; width: 86px; height: 23px; padding: 0px 2px 0px 2px; background: url(http://image.surae.com/img/Xboard/Btn/listview.gif) no-repeat; } .Btnregist { display: inline-block; vertical-align: middle; width: 37px; height: 23px; padding-right: 1px; margin-left: 2px; background: url(http://image.surae.com/img/Xboard/Btn/regist.gif) no-repeat; } .Btnafteredit { display: inline-block; width: 84px; height: 23px; padding-right: 1px; margin-top: 5px; background: url(http://image.surae.com/img/Xboard/Btn/after_entryedit.gif) no-repeat; } .Btncasewrite { display: inline-block; width: 87px; height: 23px; padding-right: 1px; background: url(http://image.surae.com/img/Xboard/Btn/casewrite.gif) no-repeat; } .Btnguinwrite { display: inline-block; width: 78px; height: 23px; padding-right: 1px; background: url(http://image.surae.com/img/Xboard/Btn/guinwrite.gif) no-repeat; } .Btngujikwrite { display: inline-block; width: 78px; height: 23px; padding-right: 1px; background: url(http://image.surae.com/img/Xboard/Btn/gujikwrite.gif) no-repeat; } .Btncircuitwrite { display: inline-block; width: 91px; height: 23px; padding-right: 1px; background: url(http://image.surae.com/img/Xboard/Btn/circuitwrite.gif) no-repeat; } .Btncircuitrequest { display: inline-block; width: 91px; height: 23px; padding-right: 1px; background: url(http://image.surae.com/img/Xboard/Btn/circuitrequest.gif) no-repeat; } .Btnemploy { display: inline-block; width: 59px; height: 23px; padding-right: 1px; background: url(http://image.surae.com/img/Xboard/Btn/employ.gif) no-repeat; } .Btnsbuying { display: inline-block; width: 59px; height: 23px; padding-right: 5px; background: url(http://image.surae.com/img/Xboard/Btn/buying.gif) no-repeat; vertical-align: middle; text-align: center; } .Btninfoedit { display: inline-block; width: 83px; height: 30px; padding-right: 1px; background: url(http://image.surae.com/img/Xboard/Btn/infoedit.gif) no-repeat; magin-top: 10px; } .Btnsalewrite { display: inline-block; width: 78px; height: 23px; padding-right: 1px; background: url(http://image.surae.com/img/Xboard/Btn/salewrite.gif) no-repeat; magin-top: 10px; } .Btnsecession { display: inline-block; width: 86px; height: 23px; padding-right: 1px; background: url(http://image.surae.com/img/Expert/Forum/Forum/Btn/secession.gif) no-repeat; magin-top: 10px; } .Btnalbumwrite { display: inline-block; width: 78px; height: 23px; padding-right: 1px; background: url(http://image.surae.com/img/Xboard/Btn/albumwrite.gif) no-repeat; } .Btnmemowrite { display: inline-block; width: 78px; height: 23px; padding-right: 1px; background: url(http://image.surae.com/img/Xboard/Btn/memowrite.gif) no-repeat; } .Btnopen { display: inline-block; width: 25px; height: 16px; padding-right: 1px; background: url(http://image.surae.com/img/Common/Icon/open.gif) no-repeat; } .BtnopenB { display: inline-block; width: 25px; height: 16px; padding-right: 1px; background: url(http://image.surae.com/img/Common/Icon/open_B.gif) no-repeat; } .Btnnotopen { display: inline-block; width: 36px; height: 16px; padding-right: 1px; background: url(http://image.surae.com/img/Common/Icon/notopen.gif) no-repeat; } .BtnnotopenB { display: inline-block; width: 36px; height: 16px; padding-right: 1px; background: url(http://image.surae.com/img/Common/Icon/notopen_B.gif) no-repeat; } .Btnhomemove { display: inline-block; width: 81px; height: 23px; background: url(http://image.surae.com/img/Xboard/Btn/homemove.gif) no-repeat; } /*게시판버튼 공용*/ #Btnjiininfo { margin: 1px 0px 0px 3px; vertical-align: inherit; display: inline-block; width: 61px; height: 19px; background: url(http://image.surae.com/img/Expert/Search/Sub/jininfo.gif) no-repeat; } .BtnCedit { display: inline-block; width: 63px; height: 23px; padding-right: 1px; background: url(http://image.surae.com/img/Common/Btn/edit.gif) no-repeat; } .Btnjiinadmin { display: inline-block; width: 64px; height: 23px; padding-right: 1px; background: url(http://image.surae.com/img/Xboard/Btn/jiinadmin.gif) no-repeat; } .BtnjiinadminB { display: inline-block; width: 64px; height: 23px; padding-right: 1px; background: url(http://image.surae.com/img/Xboard/Btn/jiinadminB.gif) no-repeat; } .Btnjiinarefusal { display: inline-block; width: 90px; height: 23px; padding-right: 1px; background: url(http://image.surae.com/img/Xboard/Btn/jiinarefusal.gif) no-repeat; } .BtnjiinarefusalB { display: inline-block; width: 90px; height: 23px; padding-right: 1px; background: url(http://image.surae.com/img/Xboard/Btn/jiinarefusalB.gif) no-repeat; } .Btnmmemorecv { display: inline-block; width: 77px; height: 23px; padding-right: 1px; background: url(http://image.surae.com/img/Xboard/Btn/mmemorecv.gif) no-repeat; } .BtnmmemorecvB { display: inline-block; width: 77px; height: 23px; padding-right: 1px; background: url(http://image.surae.com/img/Xboard/Btn/mmemorecvB.gif) no-repeat; } .Btnmmemosend { display: inline-block; width: 77px; height: 23px; padding-right: 1px; background: url(http://image.surae.com/img/Xboard/Btn/mmemosend.gif) no-repeat; } .BtnmmemosendB { display: inline-block; width: 77px; height: 23px; padding-right: 1px; background: url(http://image.surae.com/img/Xboard/Btn/mmemosendB.gif) no-repeat; } .Btnmmemowrite { display: inline-block; width: 78px; height: 23px; padding-right: 1px; background: url(http://image.surae.com/img/Xboard/Btn/mmemowrite.gif) no-repeat; } .Btneventwrite { display: inline-block; width: 91px; height: 23px; padding-right: 1px; background: url(http://image.surae.com/img/Xboard/Btn/eventwrite.gif) no-repeat; } .Btnaddwrite { display: inline-block; width: 78px; height: 23px; padding-right: 1px; background: url(http://image.surae.com/img/Xboard/Btn/addwrite.gif) no-repeat; } .Btnchoicedel { display: inline-block; width: 59px; height: 23px; padding-right: 1px; background: url(http://image.surae.com/img/Xboard/Btn/choicedel.gif) no-repeat; } .Btnphotowrite { display: inline-block; width: 78px; height: 23px; padding-right: 1px; background: url(http://image.surae.com/img/Xboard/Btn/photowrite.gif) no-repeat; } .Btninfowrite { display: inline-block; width: 78px; height: 23px; padding-right: 1px; background: url(http://image.surae.com/img/Xboard/Btn/infowrite.gif) no-repeat; } /*게시판마이페이지버튼*/ .BtnmyDriverAll { display: inline-block; width: 37px; height: 23px; padding-right: 1px; background: url(http://image.surae.com/img/Common/Btn/myDriverAll.gif) no-repeat; } .BtnmyspecAll { display: inline-block; width: 37px; height: 23px; padding-right: 1px; background: url(http://image.surae.com/img/Common/Btn/myspecAll.gif) no-repeat; } .BtnmyspecAllB { display: inline-block; width: 37px; height: 23px; padding-right: 1px; background: url(http://image.surae.com/img/Common/Btn/myAllB.gif) no-repeat; } .BtnmyDriverAllB { display: inline-block; width: 37px; height: 23px; padding-right: 1px; background: url(http://image.surae.com/img/Common/Btn/myAllB.gif) no-repeat; } .BtnmyDriverPoll { display: inline-block; width: 50px; height: 23px; padding-right: 1px; background: url(http://image.surae.com/img/Common/Btn/myDriverPoll.gif) no-repeat; } .BtnmyspecPoll { display: inline-block; width: 50px; height: 23px; padding-right: 1px; background: url(http://image.surae.com/img/Common/Btn/myspecPoll.gif) no-repeat; } .BtnmyspecPollB { display: inline-block; width: 50px; height: 23px; padding-right: 1px; background: url(http://image.surae.com/img/Common/Btn/myPollB.gif) no-repeat; } .BtnmyDriverPollB { display: inline-block; width: 50px; height: 23px; padding-right: 1px; background: url(http://image.surae.com/img/Common/Btn/myPollB.gif) no-repeat; } .BtnmyspecNews { display: inline-block; width: 75px; height: 23px; padding-right: 1px; background: url(http://image.surae.com/img/Common/Btn/myspecNews.gif) no-repeat; } .BtnmyDriverNews { display: inline-block; width: 75px; height: 23px; padding-right: 1px; background: url(http://image.surae.com/img/Common/Btn/myDriverNews.gif) no-repeat; } .BtnmyspecNewsB { display: inline-block; width: 75px; height: 23px; padding-right: 1px; background: url(http://image.surae.com/img/Common/Btn/myNewsB.gif) no-repeat; } .BtnmyDriverNewsB { display: inline-block; width: 75px; height: 23px; padding-right: 1px; background: url(http://image.surae.com/img/Common/Btn/myNewsB.gif) no-repeat; } .BtnmyspecField { display: inline-block; width: 39px; height: 23px; padding-right: 1px; background: url(http://image.surae.com/img/Common/Btn/myspecField.gif) no-repeat; } .BtnmyspecFieldB { display: inline-block; width: 39px; height: 23px; padding-right: 1px; background: url(http://image.surae.com/img/Common/Btn/myspecFieldB.gif) no-repeat; } .BtnmyspecForum { display: inline-block; width: 80px; height: 23px; padding-right: 1px; background: url(http://image.surae.com/img/Common/Btn/myspecForum.gif) no-repeat; } .BtnmyspecForumB { display: inline-block; width: 80px; height: 23px; padding-right: 1px; background: url(http://image.surae.com/img/Common/Btn/myspecForumB.gif) no-repeat; } .BtnmyspecLibrary { display: inline-block; width: 51px; height: 23px; padding-right: 1px; background: url(http://image.surae.com/img/Common/Btn/myspecLibrary.gif) no-repeat; } .BtnmyspecLibraryB { display: inline-block; width: 51px; height: 23px; padding-right: 1px; background: url(http://image.surae.com/img/Common/Btn/myspecLibraryB.gif) no-repeat; } .BtnmyspecShare { display: inline-block; width: 49px; height: 23px; padding-right: 1px; background: url(http://image.surae.com/img/Common/Btn/myspecShare.gif) no-repeat; } .BtnmyspecShareB { display: inline-block; width: 49px; height: 23px; padding-right: 1px; background: url(http://image.surae.com/img/Common/Btn/myspecShareB.gif) no-repeat; } .BtnmyDriver { display: inline-block; width: 51px; height: 23px; padding-right: 1px; background: url(http://image.surae.com/img/Common/Btn/myDriver.gif) no-repeat; } .BtnmyDriverB { display: inline-block; width: 51px; height: 23px; padding-right: 1px; background: url(http://image.surae.com/img/Common/Btn/myDriverB.gif) no-repeat; } .BtnmyDriverCarsense { display: inline-block; width: 75px; height: 23px; padding-right: 1px; background: url(http://image.surae.com/img/Common/Btn/myDriverCarsense.gif) no-repeat; } .BtnmyDriverCarsenseB { display: inline-block; width: 75px; height: 23px; padding-right: 1px; background: url(http://image.surae.com/img/Common/Btn/myDriverCarsenseB.gif) no-repeat; } .BtnmyDriverConsult { display: inline-block; width: 65px; height: 23px; padding-right: 1px; background: url(http://image.surae.com/img/Common/Btn/myDriverConsult.gif) no-repeat; } .BtnmyDriverConsultB { display: inline-block; width: 65px; height: 23px; padding-right: 1px; background: url(http://image.surae.com/img/Common/Btn/myDriverConsultB.gif) no-repeat; } .BtnmyDriverDiary { display: inline-block; width: 75px; height: 23px; padding-right: 1px; background: url(http://image.surae.com/img/Common/Btn/myDriverDiary.gif) no-repeat; } .BtnmyDriverDiaryB { display: inline-block; width: 75px; height: 23px; padding-right: 1px; background: url(http://image.surae.com/img/Common/Btn/myDriverDiaryB.gif) no-repeat; } .BtnmyDriverGallery { display: inline-block; width: 88px; height: 23px; padding-right: 1px; background: url(http://image.surae.com/img/Common/Btn/myDriverGallery.gif) no-repeat; } .BtnmyDriverGalleryB { display: inline-block; width: 88px; height: 23px; padding-right: 1px; background: url(http://image.surae.com/img/Common/Btn/myDriverGalleryB.gif) no-repeat; } .BtnmyDriverMycar { display: inline-block; width: 88px; height: 23px; padding-right: 1px; background: url(http://image.surae.com/img/Common/Btn/myDriverMycar.gif) no-repeat; } .BtnmyDriverMycarB { display: inline-block; width: 88px; height: 23px; padding-right: 1px; background: url(http://image.surae.com/img/Common/Btn/myDriverMycarB.gif) no-repeat; } .BtnmyDriverUsepost { display: inline-block; width: 102px; height: 23px; padding-right: 1px; background: url(http://image.surae.com/img/Common/Btn/myDriverUsepost.gif) no-repeat; } .BtnmyDriverUsepostB { display: inline-block; width: 102px; height: 23px; padding-right: 1px; background: url(http://image.surae.com/img/Common/Btn/myDriverUsepostB.gif) no-repeat; } .Btnmyinfo { display: inline-block; width: 132px; height: 23px; padding-right: 1px; background: url(http://image.surae.com/img/Common/Btn/myinfo.gif) no-repeat; } .BtnmyinfoB { display: inline-block; width: 132px; height: 23px; padding-right: 1px; background: url(http://image.surae.com/img/Common/Btn/myinfoB.gif) no-repeat; } /*나의글모음탭버튼*/ .BtnmytextTab1 { display: inline-block; width: 71px; height: 29px; padding-right: 1px; background: url(http://image.surae.com/img/Common/Btn/mytextTab1.gif) no-repeat; } .BtnmytextTab1B { display: inline-block; width: 71px; height: 29px; padding-right: 1px; background: url(http://image.surae.com/img/Common/Btn/mytextTab1B.gif) no-repeat; } .BtnmytextTab2 { display: inline-block; width: 77px; height: 29px; padding-right: 1px; background: url(http://image.surae.com/img/Common/Btn/mytextTab2.gif) no-repeat; } .BtnmytextTab2B { display: inline-block; width: 77px; height: 29px; padding-right: 1px; background: url(http://image.surae.com/img/Common/Btn/mytextTab2B.gif) no-repeat; } .BtnmytextTab3 { display: inline-block; width: 66px; height: 29px; padding-right: 1px; background: url(http://image.surae.com/img/Common/Btn/mytextTab3.gif) no-repeat; } .BtnmytextTab3B { display: inline-block; width: 66px; height: 29px; padding-right: 1px; background: url(http://image.surae.com/img/Common/Btn/mytextTab3B.gif) no-repeat; } .BtnmytextTab4 { display: inline-block; width: 120px; height: 29px; padding-right: 1px; background: url(http://image.surae.com/img/Common/Btn/mytextTab4.gif) no-repeat; } /*게시판작은버튼*/ .Btnoldtoron { display: inline-block; vertical-align: middle; width: 81px; height: 18px; background: url(http://image.surae.com/img/Xboard/Btn/oldtoron.gif) no-repeat; margin-left: 3px; } .Btntoronex { display: inline-block; vertical-align: middle; width: 88px; height: 18px; background: url(http://image.surae.com/img/Xboard/Btn/toronex.gif) no-repeat; } .Btnvote { display: inline-block; vertical-align: middle; width: 47px; height: 14px; background: url(http://image.surae.com/img/Xboard/Btn/vote.gif) no-repeat; } .Btningsave { display: inline-block; vertical-align: middle; width: 52px; height: 18px; background: url(http://image.surae.com/img/Xboard/Btn/ingsave.gif) no-repeat; margin: 3px 0px 0px 3px; } .Btnsecedesmall { display: inline-block; vertical-align: middle; width: 29px; height: 18px; background: url(http://image.surae.com/img/Expert/Forum/Forum/Btn/secede.gif) no-repeat; } .Btndeliversmall { display: inline-block; vertical-align: middle; width: 30px; height: 18px; background: url(http://image.surae.com/img/Expert/Forum/Forum/Btn/deliver.gif) no-repeat center; } .Btnaddsmall { display: inline-block; vertical-align: middle; width: 39px; height: 18px; background: url(http://image.surae.com/img/Expert/Forum/Forum/Btn/add.gif) no-repeat center; margin: 0px 0px 5px 0px; } .Btndelsmall { display: inline-block; vertical-align: middle; width: 39px; height: 18px; background: url(http://image.surae.com/img/Expert/Forum/Forum/Btn/del.gif) no-repeat center; } .Btnmenuaddsmall { display: inline-block; vertical-align: middle; width: 39px; height: 18px; background: url(http://image.surae.com/img/Expert/Forum/Forum/Btn/menuadd.gif) no-repeat center; margin: 2px 0px 0px 5px; } .Btnmenudelsmall { display: inline-block; vertical-align: middle; width: 52px; height: 18px; background: url(http://image.surae.com/img/Expert/Forum/Forum/Btn/menudel.gif) no-repeat center; } .BtnmenudelsmallB { display: inline-block; vertical-align: middle; width: 52px; height: 18px; background: url(http://image.surae.com/img/Expert/Forum/Forum/Btn/menudelB.gif) no-repeat center; } .Btnrewrite { display: inline-block; vertical-align: middle; width: 49px; height: 18px; background: url(http://image.surae.com/img/Common/Btn/rewrite.gif) no-repeat; margin: 0px 2px 0px 2px; } .Btnrereplywrite { display: inline-block; vertical-align: middle; width: 52px; height: 18px; background: url(http://image.surae.com/img/Xboard/Btn/replywrite.gif) no-repeat; margin: 0px 2px 0px 2px; } /*게시판작은버튼공용*/ .Mostevent { display: inline-block; vertical-align: middle; background: url(http://image.surae.com/img/Common/Btn/mostevent.gif) no-repeat center; width: 88px; height: 18px; margin-left: 10px; } .Btnmypageinfo { display: inline-block; vertical-align: middle; width: 27px; height: 18px; background: url(http://image.surae.com/img/Common/Btn/info.gif) no-repeat; margin: 0px 2px 0px 2px; } .Btnusemodify { display: inline-block; vertical-align: middle; width: 68px; height: 18px; background: url(http://image.surae.com/img/Common/Btn/usemodify.gif) no-repeat; margin: 0px 2px 0px 2px; } /*메인부분버튼*/ .Btnmaintoron { display: inline-block; vertical-align: middle; width: 51px; height: 18px; background: url(http://image.surae.com/img/Common/Btn/toronwrite.gif) no-repeat; } .Btnmainqna { display: inline-block; vertical-align: middle; width: 101px; height: 18px; background: url(http://image.surae.com/img/Common/Btn/qnawrite.gif) no-repeat; } .Btnmaincase { display: inline-block; vertical-align: middle; width: 99px; height: 18px; background: url(http://image.surae.com/img/Common/Btn/casewrite.gif) no-repeat; } .Btnmaincircuit { display: inline-block; vertical-align: middle; width: 88px; height: 18px; background: url(http://image.surae.com/img/Common/Btn/circuitwrite.gif) no-repeat; } .Btnmainskill { display: inline-block; vertical-align: middle; width: 98px; height: 18px; background: url(http://image.surae.com/img/Common/Btn/skillwrite.gif) no-repeat; } .Btnmainguin { display: inline-block; vertical-align: middle; width: 76px; height: 18px; background: url(http://image.surae.com/img/Common/Btn/guinwrite.gif) no-repeat; } .Btnmaingujik { display: inline-block; vertical-align: middle; width: 71px; height: 18px; background: url(http://image.surae.com/img/Common/Btn/gujikwrite.gif) no-repeat; } .Btnmainround { display: inline-block; vertical-align: middle; width: 48px; height: 18px; background: url(http://image.surae.com/img/Common/Btn/forumround.gif) no-repeat; margin: 0px 3px 0px 0px; } .Btnmainjoin { display: inline-block; vertical-align: middle; width: 48px; height: 18px; background: url(http://image.surae.com/img/Common/Btn/forumjoin.gif) no-repeat; } /*전문가 검색부분버튼*/ .Btnsearchfield { display: inline-block; vertical-align: middle; width: 98px; height: 18px; background: url(http://image.surae.com/img/Xboard/Btn/search_field.gif) no-repeat center; } .Btnsearchlibrary { display: inline-block; vertical-align: middle; width: 108px; height: 18px; background: url(http://image.surae.com/img/Xboard/Btn/search_library.gif) no-repeat center; } .Btnsearchshare { display: inline-block; vertical-align: middle; width: 108px; height: 18px; background: url(http://image.surae.com/img/Xboard/Btn/search_share.gif) no-repeat center; } .Btnsearchforum { display: inline-block; vertical-align: middle; width: 129px; height: 18px; background: url(http://image.surae.com/img/Xboard/Btn/search_forum.gif) no-repeat center; } /*열린교육메뉴*/ .Eduleftmenu { width: 188px; padding: 0px; margin: 0px 0px 7px 0px; border-top: 1px solid #e6e6e6; border-left: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; text-align: left; } .Eduleftmenu td { border-bottom: 1px solid #e6e6e6; padding-left: 17px; height: 27px; } .Eduleftmenu td:hover { background-color: #f0f9ff; } .Eduleftmenu a:hover { font-weight: bold; color: #5988ea; text-decoration: none; } .Eduleftmenu .tdpix { color: #5988ea; background-color: #f0f9ff; font-weight: bold; } .Eduleftmenu .tdpix a:link { color: #5988ea; background-color: #f0f9ff; font-weight: bold; } .Eduleftmenu .tdpix a:hover { color: #5988ea; background-color: #f0f9ff; font-weight: bold; } .Eduleftmenu .tdpix a:visited { color: #5988ea; background-color: #f0f9ff; font-weight: bold; } .Eduleftmenu .title { width: a178; height: 40px; background: url(http://image.surae.com/img/Expert/Forum/Eduction/leftmenu_title.gif) no-repeat 20px; background-color: #f9f9f9; border-bottom: 1px solid #e6e6e6; } .Eduleftmenu .forumtitle { width: a178; height: 40px; background: url(http://image.surae.com/img/Expert/Forum/Forum/leftmenu_title.gif) no-repeat 20px; background-color: #f9f9f9; border-bottom: 1px solid #e6e6e6; } .Eduleftmenu .forumtitle2 { width: a178; height: 40px; background: url(http://image.surae.com/img/Expert/Forum/Forum/leftmenu2_title.gif) no-repeat 20px; background-color: #f9f9f9; border-bottom: 1px solid #e6e6e6; } .Forumleftmenu { width: 188px; padding: 0px; margin: 0px 0px 7px 0px; border-top: 1px solid #e6e6e6; border-left: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; text-align: left; } .Forumleftmenu td { border-bottom: 1px solid #e6e6e6; padding-left: 17px; height: 27px; color: #b4b4b4; } .Forumleftmenu td:hover { background-color: #f7f7f7; } .Forumleftmenu a:hover { font-weight: bold; color: #b4b4b4; text-decoration: none; } .Forumleftmenu a:link { color: #b4b4b4; text-decoration: none; } .Forumleftmenu a:visited { color: #b4b4b4; text-decoration: none; } .Libraryleftmenu { width: 188px; padding: 0px; margin: 0px 0px 7px 0px; border: 1px solid #e6e6e6; text-align: left; } .Libraryleftmenu .title { width: a178; height: 40px; background: url(http://image.surae.com/img/Expert/Library/Circuit/leftmenu_title.gif) no-repeat 20px; background-color: #f9f9f9; border-bottom: 1px solid #e6e6e6; } .Libraryleftmenu td { padding: 0px 0px 0px 3px; } /*상태버튼*/ .Stateblue { display: inline-block; vertical-align: middle; width: 30px; height: 15px; background: url(http://image.surae.com/img/Btn_state/blue_bg.gif) no-repeat; color: #ffffff; font-size: 11px; text-align: center; font-weight: normal; color: white; } .Stateblue:link { text-decoration: none; color: white; } .Stateblue:hover { text-decoration: none; color: white; font-weight: normal; } .Stateblue:visited { color: #ffffff; font-weight: normal; } .Stategreen { display: inline-block; vertical-align: middle; width: 30px; height: 15px; background: url(http://image.surae.com/img/Btn_state/green_bg.gif) no-repeat; color: #ffffff; font-size: 11px; text-align: center; font-weight: normal; color: white; } .Stategreen:link { text-decoration: none; color: white; } .Stategreen:hover { text-decoration: none; color: white; font-weight: normal; } .Stategreen:visited { color: #ffffff; font-weight: normal; } .Stateorange { display: inline-block; vertical-align: middle; width: 30px; height: 15px; background: url(http://image.surae.com/img/Btn_state/orange_bg.gif) no-repeat; color: #ffffff; font-size: 11px; text-align: center; font-weight: normal; color: white; } .Stateorange:link { text-decoration: none; color: white; } .Stateorange:hover { text-decoration: none; color: white; font-weight: normal; } .Stateorange:visited { color: #ffffff; font-weight: normal; } .Statefocus { display: inline-block; vertical-align: middle; width: 37px; height: 14px; background: url(http://image.surae.com/img/Btn_state/orange_focus.gif) no-repeat center left; margin-left: 2px; } /*포럼회원상태버튼*/ .Statememberstep1 { display: inline-block; vertical-align: middle; width: 10px; height: 11px; background: url(http://image.surae.com/img/Expert/Forum/Forum/Btn_state/memberstep1.gif) no-repeat; padding: 3px 2px 0px 0px; } .Statememberstep1B { display: inline-block; vertical-align: middle; width: 10px; height: 11px; background: url(http://image.surae.com/img/Expert/Forum/Forum/Btn_state/memberstep1B.gif) no-repeat; padding: 3px 2px 0px 0px; } .Statememberstep2 { display: inline-block; vertical-align: middle; width: 10px; height: 11px; background: url(http://image.surae.com/img/Expert/Forum/Forum/Btn_state/memberstep2.gif) no-repeat; padding: 3px 2px 0px 0px; } .Statememberstep2B { display: inline-block; vertical-align: middle; width: 10px; height: 11px; background: url(http://image.surae.com/img/Expert/Forum/Forum/Btn_state/memberstep2B.gif) no-repeat; padding: 3px 2px 0px 0px; } .Statememberstep3 { display: inline-block; vertical-align: middle; width: 10px; height: 11px; background: url(http://image.surae.com/img/Expert/Forum/Forum/Btn_state/memberstep3.gif) no-repeat; padding: 3px 2px 0px 0px; } .Statememberstep3B { display: inline-block; vertical-align: middle; width: 10px; height: 11px; background: url(http://image.surae.com/img/Expert/Forum/Forum/Btn_state/memberstep3B.gif) no-repeat; padding: 3px 2px 0px 0px; } .Statememberstep4 { display: inline-block; vertical-align: middle; width: 10px; height: 11px; background: url(http://image.surae.com/img/Expert/Forum/Forum/Btn_state/memberstep4.gif) no-repeat; padding: 3px 2px 0px 0px; } .Statememberstep4B { display: inline-block; vertical-align: middle; width: 10px; height: 11px; background: url(http://image.surae.com/img/Expert/Forum/Forum/Btn_state/memberstep4B.gif) no-repeat; padding: 3px 2px 0px 0px; } .Statememberstep5 { display: inline-block; vertical-align: middle; width: 10px; height: 11px; background: url(http://image.surae.com/img/Expert/Forum/Forum/Btn_state/memberstep5.gif) no-repeat; padding: 3px 2px 0px 0px; } .Statememberstep5B { display: inline-block; vertical-align: middle; width: 10px; height: 11px; background: url(http://image.surae.com/img/Expert/Forum/Forum/Btn_state/memberstep5B.gif) no-repeat; padding: 3px 2px 0px 0px; } .Statememberstep6 { display: inline-block; vertical-align: middle; width: 10px; height: 11px; background: url(http://image.surae.com/img/Expert/Forum/Forum/Btn_state/memberstep6.gif) no-repeat; padding: 3px 2px 0px 0px; } .Statememberstep6B { display: inline-block; vertical-align: middle; width: 10px; height: 11px; background: url(http://image.surae.com/img/Expert/Forum/Forum/Btn_state/memberstep6B.gif) no-repeat; padding: 3px 2px 0px 0px; } /*상태버튼 공용*/ .Stateblackgif { display: inline-block; vertical-align: middle; width: 30px; height: 14px; background: url(http://image.surae.com/img/Btn_state/black_bg2.gif) no-repeat; color: #ffffff; font-size: 11px; text-align: center; margin-bottom: 2px; } .Statemyrefusal { display: inline-block; vertical-align: middle; width: 66px; height: 14px; background: url(http://image.surae.com/img/Btn_state/myrefusal.gif) no-repeat center left; margin-left: 2px; } .Statemyrefusalsend { display: inline-block; vertical-align: middle; width: 80px; height: 14px; background: url(http://image.surae.com/img/Btn_state/myrefusalsend.gif) no-repeat center left; margin-left: 2px; } .Stateconcentration { display: inline-block; vertical-align: middle; width: 48px; height: 14px; background: url(http://image.surae.com/img/Btn_state/orange_concentration.gif) no-repeat center left; margin-left: 2px; } .Statejiinapply { display: inline-block; vertical-align: middle; width: 61px; height: 14px; background: url(http://image.surae.com/img/Btn_state/jiinapply.gif) no-repeat center left; margin-left: 2px; } .Statejiining { display: inline-block; vertical-align: middle; width: 61px; height: 14px; background: url(http://image.surae.com/img/Btn_state/jiining.gif) no-repeat center left; margin-left: 2px; } .Stateinfoing { display: inline-block; vertical-align: middle; width: 41px; height: 14px; background: url(http://image.surae.com/img/Btn_state/infoing.gif) no-repeat center left; margin-left: 2px; } .Statebest { display: inline-block; vertical-align: middle; width: 35px; height: 13px; background: url(http://image.surae.com/img/Btn_state/best.gif) no-repeat; margin-right: 3px; padding: 2px 0px 0px 0px; } .Statejiinselect1 { display: inline-block; vertical-align: middle; width: 25px; height: 16px; background: url(http://image.surae.com/img/Common/Icon/jiin_icon1.gif) no-repeat center left; margin-left: 2px; } .Statejiinselect1_B { display: inline-block; vertical-align: middle; width: 25px; height: 16px; background: url(http://image.surae.com/img/Common/Icon/jiin_icon1_B.gif) no-repeat center left; margin-left: 2px; } .Statejiinselect2 { display: inline-block; vertical-align: middle; width: 25px; height: 16px; background: url(http://image.surae.com/img/Common/Icon/jiin_icon2.gif) no-repeat center left; margin-left: 2px; } .Statejiinselect2_B { display: inline-block; vertical-align: middle; width: 25px; height: 16px; background: url(http://image.surae.com/img/Common/Icon/jiin_icon2_B.gif) no-repeat center left; margin-left: 2px; } .Statejiinselect3 { display: inline-block; vertical-align: middle; width: 25px; height: 16px; background: url(http://image.surae.com/img/Common/Icon/jiin_icon3.gif) no-repeat center left; margin-left: 2px; } .Statejiinselect3_B { display: inline-block; vertical-align: middle; width: 25px; height: 16px; background: url(http://image.surae.com/img/Common/Icon/jiin_icon3_B.gif) no-repeat center left; margin-left: 2px; } .Statedangolselect1 { display: inline-block; vertical-align: middle; width: 36px; height: 16px; background: url(http://image.surae.com/img/Common/Icon/dangol_icon1.gif) no-repeat center left; margin-left: 2px; } .Statedangolselect1_B { display: inline-block; vertical-align: middle; width: 36px; height: 16px; background: url(http://image.surae.com/img/Common/Icon/dangol_icon1_B.gif) no-repeat center left; margin-left: 2px; } .Statedangolselect2 { display: inline-block; vertical-align: middle; width: 25px; height: 16px; background: url(http://image.surae.com/img/Common/Icon/dangol_icon2.gif) no-repeat center left; margin-left: 2px; } .Statedangolselect2_B { display: inline-block; vertical-align: middle; width: 25px; height: 16px; background: url(http://image.surae.com/img/Common/Icon/dangol_icon2_B.gif) no-repeat center left; margin-left: 2px; } /*투표부분*/ .Votebg { display: inline-block; vertical-align: middle; width: 200px; height: 9; background: url(http://image.surae.com/img/Xboard/Etc/votebg.gif) no-repeat; margin-top: 3px; } /*아이콘*/ .Iconcalendar2 { display: inline-block; vertical-align: middle; width: 13px; height: 11px; background: url(http://image.surae.com/img/Xboard/Icon/calendar2.gif) no-repeat; margin: 0px 3px 0px 5px; } .Iconpopularity { display: inline-block; width: 10px; height: 10px; background: url(http://image.surae.com/img/Common/Icon/popularity.gif) no-repeat; vertical-align: middle; margin-right: 1px; } .Iconknowledge { display: inline-block; width: 10px; height: 10px; background: url(http://image.surae.com/img/Common/Icon/knowledge.gif) no-repeat; vertical-align: middle; margin-right: 1px; } .Iconkindness { display: inline-block; width: 10px; height: 10px; background: url(http://image.surae.com/img/Common/Icon/kindness.gif) no-repeat; vertical-align: middle; margin-right: 1px; } .Iconarrow { display: inline-block; background: url(http://image.surae.com/img/Xboard/Icon/arrow.gif) left 5px no-repeat; margin: 0px 2px 0px 2px; padding-left: 10px; color: black; font-weight: bold; } .Iconupper { display: inline-block; width: 15px; height: 14px; background: url(http://image.surae.com/img/Expert/Forum/Forum/Btn/upper.gif) no-repeat; vertical-align: middle; margin-right: 1px; } .Icolower { display: inline-block; width: 15px; height: 14px; background: url(http://image.surae.com/img/Expert/Forum/Forum/Btn/lower.gif) no-repeat; vertical-align: middle; margin-right: 1px; } .Icoforumoneline { display: inline-block; width: 14px; height: 12px; background: url(http://image.surae.com/img/Common/Icon/forum_oneline.gif) no-repeat; vertical-align: middle; margin-right: 1px; } .Iconwhitearrow { display: inline-block; background: url(http://image.surae.com/img/Xboard/Icon/whitearrow.gif) left 6px no-repeat; margin: 0px 2px 0px 0px; padding-left: 7px; color: white; font-weight: bold; } .Iconlist { display: inline-block; vertical-align: middle; width: 9px; height: 11px; background: url(http://image.surae.com/img/Xboard/Icon/list.gif) no-repeat; margin-left: 5px; cursor: pointer; } /*아이콘공용*/ .Iconwriting { display: inline-block; width: 8px; height: 8px; background: url(http://image.surae.com/img/Common/Icon/writing.gif) no-repeat; vertical-align: middle; margin: 0px 0px 2px 0px; } .Iconcredit { display: inline-block; width: 12px; height: 14px; background: url(http://image.surae.com/img/Common/Icon/credit.gif) no-repeat; vertical-align: middle; margin: 0px 1px 2px 0px; } .Iconalrimi { display: inline-block; width: 10px; height: 11px; background: url(http://image.surae.com/img/Common/Icon/alrimi.gif) no-repeat; vertical-align: middle; margin: 0px 1px 2px 0px; } .Topmenuline { display: inline-block; width: auto; height: 21px; padding: 5px 9px 5px 2px; background: url(http://image.surae.com/img/Expert/Head/Main_top/topmenuline.gif) 95% 4px no-repeat; cursor: pointer; } .Icontopmore { display: inline-block; width: auto; height: 19px; padding: 4px 14px 5px 0px; margin-right: 4px; background: url(http://image.surae.com/img/Expert/Head/Main_top/more_arrow.gif) 100% 2px no-repeat; cursor: pointer; color: #999999; } .Icontopmore a:link { color: #999999; } .Icontopmore a:visited { color: #999999; } .Icontopmore a:vhover { color: #999999; text-decoration: none; } /*정렬 공용*/ .Aligncenter { text-align: center; } .Alignright { text-align: right; } .Valigntop { vertical-align: top; } /*사이트맵*/ .Msitemap { clear: both; width: 705px; height: auto; margin: 7px 0px 7px 0px; padding: 1px; border: 1px solid #e6e6e6; } .Msitemap td { width: 140px; vertical-align: top; height: auto; padding: 7px 7px 5px 20px; margin: auto; border: 1px solid #e6e6e6; } .Msitemap .toptitle { background-color: #f7f7f7; padding: 5px 0px 3px 5px; font-weight: bold; height: 20px; } .Msitemap span a:link { color: black; } .Msitemap span a:visited { color: black; } .Msitemap span a:hover { color: black; text-decoration: underline; } /*상단메뉴 위*/ .TopMenuHome { display: inline-block; width: 77px; height: 24px; background: url(http://image.surae.com/img/Expert/Head/Main_top/TopMenuHome.gif); } .TopMenuHomeO { display: inline-block; width: 77px; height: 24px; background: url(http://image.surae.com/img/Expert/Head/Main_top/TopMenuHome2.gif); } .TopMenuField { display: inline-block; width: 40px; height: 24px; background: url(http://image.surae.com/img/Expert/Head/Main_top/TopMenuField.gif); } .TopMenuFieldO { display: inline-block; width: 40px; height: 24px; background: url(http://image.surae.com/img/Expert/Head/Main_top/TopMenuField2.gif); } .TopMenuLibrary { display: inline-block; width: 53px; height: 24px; background: url(http://image.surae.com/img/Expert/Head/Main_top/TopMenuLibrary.gif); } .TopMenuLibraryO { display: inline-block; width: 53px; height: 24px; background: url(http://image.surae.com/img/Expert/Head/Main_top/TopMenuLibrary2.gif); } .TopMenuShare { display: inline-block; width: 53px; height: 24px; background: url(http://image.surae.com/img/Expert/Head/Main_top/TopMenuShare.gif); } .TopMenuShareO { display: inline-block; width: 53px; height: 24px; background: url(http://image.surae.com/img/Expert/Head/Main_top/TopMenuShare2.gif); } .TopMenuForum { display: inline-block; width: 74px; height: 24px; background: url(http://image.surae.com/img/Expert/Head/Main_top/TopMenuForum.gif); } .TopMenuForumO { display: inline-block; width: 74px; height: 24px; background: url(http://image.surae.com/img/Expert/Head/Main_top/TopMenuForum2.gif); } .TopMenuDHome { display: inline-block; width: 64px; height: 24px; background: url(http://image.surae.com/img/Expert/Head/Main_top/TopMenuDHome.gif); } .TopMenuDHomeO { display: inline-block; width: 64px; height: 24px; background: url(http://image.surae.com/img/Expert/Head/Main_top/TopMenuDHome2.gif); } .TopMenuSpecial { display: inline-block; width: 58px; height: 21px; background: url(http://image.surae.com/img/Expert/Head/Main_top/Special_home.gif); margin: 1px 2px 0px 0px; } .TopMenuDriver { display: inline-block; width: 58px; height: 21px; background: url(http://image.surae.com/img/Expert/Head/Main_top/Driver_home.gif); margin: 1px 0px 0px 0px; } /*서브메뉴 현장*/ .FieldTopMenuA { display: inline-block; width: 54px; height: 24px; background: url(http://image.surae.com/img/Expert/Head/Sub_top/FieldTopMenu_A_S.gif); } .FieldTopMenuAO { display: inline-block; width: 54px; height: 24px; background: url(http://image.surae.com/img/Expert/Head/Sub_top/FieldTopMenu_A_O.gif); } .FieldTopMenuA:hover { background: url(http://image.surae.com/img/Expert/Head/Sub_top/FieldTopMenu_A_O.gif); } .FieldTopMenuB { display: inline-block; width: 72px; height: 24px; background: url(http://image.surae.com/img/Expert/Head/Sub_top/FieldTopMenu_B_S.gif); } .FieldTopMenuBO { display: inline-block; width: 72px; height: 24px; background: url(http://image.surae.com/img/Expert/Head/Sub_top/FieldTopMenu_B_O.gif); } .FieldTopMenuB:hover { background: url(http://image.surae.com/img/Expert/Head/Sub_top/FieldTopMenu_B_O.gif); } .FieldTopMenuC { display: inline-block; width: 69px; height: 24px; background: url(http://image.surae.com/img/Expert/Head/Sub_top/FieldTopMenu_C_S.gif); } .FieldTopMenuCO { display: inline-block; width: 69px; height: 24px; background: url(http://image.surae.com/img/Expert/Head/Sub_top/FieldTopMenu_C_O.gif); } .FieldTopMenuC:hover { background: url(http://image.surae.com/img/Expert/Head/Sub_top/FieldTopMenu_C_O.gif); } .FieldTopMenu_F { display: inline-block; width: 68px; height: 24px; background: url(http://image.surae.com/img/Expert/Head/Sub_top/UseRequest_F_S.gif); } .FieldTopMenu_FO { display: inline-block; width: 68px; height: 24px; background: url(http://image.surae.com/img/Expert/Head/Sub_top/UseRequest_F_O.gif); } .FieldTopMenu_G { display: inline-block; width: 82px; height: 24px; background: url(http://image.surae.com/img/Expert/Head/Sub_top/UseGuide_G_S.gif); } .FieldTopMenu_GO { display: inline-block; width: 82px; height: 24px; background: url(http://image.surae.com/img/Expert/Head/Sub_top/UseGuide_G_O.gif); } .FieldTopMenu_H { display: inline-block; width: 70px; height: 24px; background: url(http://image.surae.com/img/Expert/Head/Sub_top/UsePostscript_H_S.gif); } .FieldTopMenu_HO { display: inline-block; width: 70px; height: 24px; background: url(http://image.surae.com/img/Expert/Head/Sub_top/UsePostscript_H_O.gif); } .FieldTopMenu_H:hover { background: url(http://image.surae.com/img/Expert/Head/Sub_top/UsePostscript_H_O.gif); } .FieldTopMenu_I { display: inline-block; width: 97px; height: 24px; background: url(http://image.surae.com/img/Expert/Head/Sub_top/Question_I_S.gif); } .FieldTopMenu_IO { display: inline-block; width: 97px; height: 24px; background: url(http://image.surae.com/img/Expert/Head/Sub_top/Question_I_O.gif); } .FieldTopMenu_I:hover { background: url(http://image.surae.com/img/Expert/Head/Sub_top/Question_I_O.gif); } .FieldTopMenuD { display: inline-block; width: 71px; height: 24px; background: url(http://image.surae.com/img/Expert/Head/Sub_top/FieldTopMenu_D_S.gif); } .FieldTopMenuDO { display: inline-block; width: 71px; height: 24px; background: url(http://image.surae.com/img/Expert/Head/Sub_top/FieldTopMenu_D_O.gif); } .FieldTopMenuD:hover { background: url(http://image.surae.com/img/Expert/Head/Sub_top/FieldTopMenu_D_O.gif); } .FieldTopMenuE { display: inline-block; width: 83px; height: 24px; background: url(http://image.surae.com/img/Expert/Head/Sub_top/FieldTopMenu_E_S.gif); } .FieldTopMenuEO { display: inline-block; width: 83px; height: 24px; background: url(http://image.surae.com/img/Expert/Head/Sub_top/FieldTopMenu_E_O.gif); } .FieldTopMenuE:hover { background: url(http://image.surae.com/img/Expert/Head/Sub_top/FieldTopMenu_E_O.gif); } .FieldTopMenuF { display: inline-block; width: 99px; height: 24px; background: url(http://image.surae.com/img/Expert/Head/Sub_top/FieldTopMenu_F_S.gif); } .FieldTopMenuFO { display: inline-block; width: 99px; height: 24px; background: url(http://image.surae.com/img/Expert/Head/Sub_top/FieldTopMenu_F_O.gif); } .FieldTopMenuF:hover { background: url(http://image.surae.com/img/Expert/Head/Sub_top/FieldTopMenu_F_O.gif); } .FieldTopMenu_J {display:inline-block; width:70px; height:24px; background:url(http://image.surae.com/img/Expert/Head/Sub_top/UseDown_G_S.gif);} .FieldTopMenu_JO {display:inline-block; width:70px; height:24px; background:url(http://image.surae.com/img/Expert/Head/Sub_top/UseDown_G_O.gif);} .FieldTopMenu_J:hover {background:url(http://image.surae.com/img/Expert/Head/Sub_top/UseDown_G_O.gif);} /*서브메뉴 도서관*/ .LibraryTopMenuA { display: inline-block; width: 57px; height: 24px; background: url(http://image.surae.com/img/Expert/Head/Sub_top/LibraryTopMenu_A_S.gif); } .LibraryTopMenuAO { display: inline-block; width: 57px; height: 24px; background: url(http://image.surae.com/img/Expert/Head/Sub_top/LibraryTopMenu_A_O.gif); } .LibraryTopMenuA:hover { background: url(http://image.surae.com/img/Expert/Head/Sub_top/LibraryTopMenu_A_O.gif); } .LibraryTopMenuB { display: inline-block; width: 81px; height: 24px; background: url(http://image.surae.com/img/Expert/Head/Sub_top/LibraryTopMenu_B_S.gif); } .LibraryTopMenuBO { display: inline-block; width: 81px; height: 24px; background: url(http://image.surae.com/img/Expert/Head/Sub_top/LibraryTopMenu_B_O.gif); } .LibraryTopMenuB:hover { background: url(http://image.surae.com/img/Expert/Head/Sub_top/LibraryTopMenu_B_O.gif); } .LibraryTopMenuC { display: inline-block; width: 69px; height: 24px; background: url(http://image.surae.com/img/Expert/Head/Sub_top/LibraryTopMenu_C_S.gif); } .LibraryTopMenuCO { display: inline-block; width: 69px; height: 24px; background: url(http://image.surae.com/img/Expert/Head/Sub_top/LibraryTopMenu_C_O.gif); } .LibraryTopMenuC:hover { background: url(http://image.surae.com/img/Expert/Head/Sub_top/LibraryTopMenu_C_O.gif); } .LibraryTopMenuD { display: inline-block; width: 43px; height: 24px; background: url(http://image.surae.com/img/Expert/Head/Sub_top/LibraryTopMenu_D_S.gif); } .LibraryTopMenuDO { display: inline-block; width: 43px; height: 24px; background: url(http://image.surae.com/img/Expert/Head/Sub_top/LibraryTopMenu_D_O.gif); } .LibraryTopMenuD:hover { background: url(http://image.surae.com/img/Expert/Head/Sub_top/LibraryTopMenu_D_O.gif); } .LibraryTopMenuE { display: inline-block; width: 56px; height: 24px; background: url(http://image.surae.com/img/Expert/Head/Sub_top/LibraryTopMenu_E_S.gif); } .LibraryTopMenuEO { display: inline-block; width: 56px; height: 24px; background: url(http://image.surae.com/img/Expert/Head/Sub_top/LibraryTopMenu_E_O.gif); } .LibraryTopMenuE:hover { background: url(http://image.surae.com/img/Expert/Head/Sub_top/LibraryTopMenu_E_O.gif); } /*서브메뉴 나눔터*/ .ShareTopMenuA { display: inline-block; width: 44px; height: 24px; background: url(http://image.surae.com/img/Expert/Head/Sub_top/ShareTopMenu_A_S.gif); } .ShareTopMenuAO { display: inline-block; width: 44px; height: 24px; background: url(http://image.surae.com/img/Expert/Head/Sub_top/ShareTopMenu_A_O.gif); } .ShareTopMenuA:hover { background: url(http://image.surae.com/img/Expert/Head/Sub_top/ShareTopMenu_A_O.gif); } .ShareTopMenuB { display: inline-block; width: 44px; height: 24px; background: url(http://image.surae.com/img/Expert/Head/Sub_top/ShareTopMenu_B_S.gif); } .ShareTopMenuBO { display: inline-block; width: 44px; height: 24px; background: url(http://image.surae.com/img/Expert/Head/Sub_top/ShareTopMenu_B_O.gif); } .ShareTopMenuB:hover { background: url(http://image.surae.com/img/Expert/Head/Sub_top/ShareTopMenu_B_O.gif); } .ShareTopMenuC { display: inline-block; width: 68px; height: 24px; background: url(http://image.surae.com/img/Expert/Head/Sub_top/ShareTopMenu_C_S.gif); } .ShareTopMenuCO { display: inline-block; width: 68px; height: 24px; background: url(http://image.surae.com/img/Expert/Head/Sub_top/ShareTopMenu_C_O.gif); } .ShareTopMenuC:hover { background: url(http://image.surae.com/img/Expert/Head/Sub_top/ShareTopMenu_C_O.gif); } .ShareTopMenuD { display: inline-block; width: 69px; height: 24px; background: url(http://image.surae.com/img/Expert/Head/Sub_top/ShareTopMenu_D_S.gif); } .ShareTopMenuDO { display: inline-block; width: 69px; height: 24px; background: url(http://image.surae.com/img/Expert/Head/Sub_top/ShareTopMenu_D_O.gif); } .ShareTopMenuD:hover { background: url(http://image.surae.com/img/Expert/Head/Sub_top/ShareTopMenu_D_O.gif); } /*서브메뉴 교육과포럼*/ .ForumTopMenuA { display: inline-block; width: 68px; height: 24px; background: url(http://image.surae.com/img/Expert/Head/Sub_top/ForumTopMenu_A_S.gif); } .ForumTopMenuAO { display: inline-block; width: 68px; height: 24px; background: url(http://image.surae.com/img/Expert/Head/Sub_top/ForumTopMenu_A_O.gif); } .ForumTopMenuA:hover { background: url(http://image.surae.com/img/Expert/Head/Sub_top/ForumTopMenu_A_O.gif); } .ForumTopMenuB { display: inline-block; width: 43px; height: 24px; background: url(http://image.surae.com/img/Expert/Head/Sub_top/ForumTopMenu_B_S.gif); } .ForumTopMenuBO { display: inline-block; width: 43px; height: 24px; background: url(http://image.surae.com/img/Expert/Head/Sub_top/ForumTopMenu_B_O.gif); } .ForumTopMenuB:hover { background: url(http://image.surae.com/img/Expert/Head/Sub_top/ForumTopMenu_B_O.gif); } /*검색부분*/ .Search { width: 882px; height: 29px; background: url(http://image.surae.com/img/Expert/Head/Search/search_bg.gif); padding: 7px 9px 0px 9px; margin-bottom: 0px; } .Search2 { width: 900px; } .Searchtitle { display: inline-block; width: 65px; height: 18px; background: url(http://image.surae.com/img/Expert/Head/Search/title.gif) no-repeat; margin: 0px 5px 0px 0px; } /*왼쪽 항목 부분 공용*/ .MainLeft .Content { width: 185px; margin: 0px 0px 10px 0px; border: 1px solid #e6e6e6; background-color: #ffffff; text-align: left; vertical-align: middle; } .MainLeft .Content2 { text-align: left; width: 188px; margin: 0px 0px 10px 0px; border: 0px; height: 25px; } .MainLeft .Content3 { width: 188px; padding: 0px; margin: 0px 0px 10px 0px; border: 1px solid #e6e6e6; background-color: #fff8f0; } .MainLeft .Content4 { width: 188px; margin: 0px; border: 1px solid #e6e6e6; border-bottom: 0px; vertical-align: middle; margin-bottom: 5px; } .MainLeft .Content4 td { border-bottom: 1px solid #e6e6e6; text-align: center; } .MainLeft .Content4 .text { text-align: center; line-height: 150%; padding: 5px 0px 5px 0px; } .MainLeft .Content5 { width: 178px; margin: 0px; border: 1px solid #e6e6e6; border-bottom: 0px; vertical-align: middle; margin-bottom: 5px; } .MainLeft .ContentMenu1 { width: 188px; margin-top: 12px; border: 1px solid #e6e6e6; vertical-align: middle; margin-bottom: 12px; } /*로그아웃 부분 공통 */ .Logoutline { border-bottom: 1px solid #e6e6e6; margin-bottom: 2px; } /*왼쪽 수레인 부분*/ .Suraetable2 { width: 100%; border: 0px; padding: 0px; } .Suraetable2 td { border: 0px; } .Suraetable2 td div { font-size: 11px; width: 100%; height: 140px; overflow: auto; vertical-align: top; margin: 5px 0px 0px 0px; } .Suraetable2 td div div { height: auto; line-height: 15px; cursor: pointer; } .Suraetable2 td div p { height: auto; padding-left: 3px; } .Suraeblank2 { padding: 0px 10px 0px 10px; height: 140px; vertical-align: top; overflow: auto; } .Suraeintabbg { display: inline-block; width: 30px; height: 18px; margin: 0px 3px 0px 10px; padding: 0px 0px 0px 4px; background: url(http://image.surae.com/img/Left/Suraein/tab_btnbg.gif) no-repeat; font-size: 11px; color: #5988ea; } .Suraeintabbg:link { color: #cccccc; } .Suraeintabbg:hover { color: #cccccc; text-decoration: none; } .Suraeintabbg:visited { color: #cccccc; } .SuraeintabbgC { display: inline-block; width: 30px; height: 18px; margin: 0px 3px 0px 10px; padding: 0px 0px 0px 4px; background: url(http://image.surae.com/img/Left/Suraein/tab_btnbg_C.gif) no-repeat; font-size: 11px; color: #5988ea; } .SuraeintabbgC:link { color: #5988ea; } .SuraeintabbgC:hover { color: #5988ea; text-decoration: none; } .SuraeintabbgC:visited { color: #5988ea; } .Suraeintabbgfix { display: inline-block; width: 30px; height: 18px; margin: 0px 10px 0px 30px; padding: 0px 0px 0px 4px; background: url(http://image.surae.com/img/Left/Suraein/tab_btnbg.gif) no-repeat; font-size: 11px; color: #cccccc; } .Suraeintabbgfix:link { color: #cccccc; } .Suraeintabbgfix:hover { color: #cccccc; text-decoration: none; } .Suraeintabbgfix:visited { color: #cccccc; } .SuraeintabbgfixC { display: inline-block; width: 30px; height: 18px; margin: 0px 10px 0px 30px; padding: 0px 0px 0px 4px; background: url(http://image.surae.com/img/Left/Suraein/tab_btnbg_C.gif) no-repeat; font-size: 11px; color: #5988ea; } .SuraeintabbgfixC:link { color: #5988ea; } .SuraeintabbgfixC:hover { color: #5988ea; text-decoration: none; } .SuraeintabbgfixC:visited { color: #5988ea; } .Suraeblank { padding: 0px 10px 0px 10px; height: 20px; } .Suraerefresh { display: inline-block; width: 20px; height: 17px; margin: 0px 10px 0px 0px; background: url(http://image.surae.com/img/Left/Suraein/refresh.gif) no-repeat; } .Suraeinmore { display: inline-block; width: 188px; height: 18px; background: url(http://image.surae.com/img/Left/Suraein/tab_more.gif) no-repeat bottom center; margin: 5px 0px 0px 0px; } .Suraeinflip { display: inline-block; width: 188px; height: 18px; background: url(http://image.surae.com/img/Left/Suraein/tab_flip.gif) no-repeat bottom center; margin: 5px 0px 0px 0px; } /*수레인레이어 설정 부분*/ .Suraetable { border-bottom: 1px solid #e6e6e6; margin: 0px 0px 5px 0px; } /*왼쪽베너 부분*/ .Leftbannerbusines { width: 190px; height: 62px; background: url(http://image.surae.com/img/Banner/banner_businessinfo.gif) no-repeat; margin: 7px 0px 7px 0px; } /*가운데 20100814_부분*/ /*가운데 항목 부분*/ .MainContent .Content { width:443px; margin:0px 0px 10px 0px; border:1px solid #e6e6e6; background-color:#ffffff; padding:0px 0px 12px 0px} .MainContent .Content2 { width:443px; margin:0px 0px 10px 0px; border:0px} .MainContent .Content3{width:443px; padding:0px 0px 0px 0px; margin:0px 0px 10px 0px; border-right:1px solid #e6e6e6; border-left:1px solid #e6e6e6; border-top:1px solid #e6e6e6; background-color:#ffffff} .MainContent .Contentgreen { width:443px; margin:0px; border:1px solid #e6e6e6; border-bottom:0px; background-color:#ffffff} .MainContent .ListTitle { width:443px} .MainContent .ListContent {width:443px; height:28px} /*가운데 박스 타이틀*/ .BoxTitle443 {width:443px; height:30px; padding:0px; margin:0px 0px 12px 0px; border-bottom:1px solid #e6e6e6; background-color:#f0f9ff; vertical-align:middle;} .BoxTitle443 td { padding:3px 0px 5px 5px; margin:0px} .BoxTitle443gray {width:443px; height:30px; padding:0px; margin:0px 0px 3px 0px; border-bottom:1px solid #e6e6e6; background-color:#f7f7f7; vertical-align:middle;} .BoxTitle443gray td { padding:3px 0px 5px 5px; margin:0px} .BoxTitle443graywidth {width:60px; height:18px} .BoxTitle443graywidth2 {width:160px; height:18px} .BoxTitle443grayheigh { height:18px} .BoxTitle443green {width:443px; height:30px; padding:0px; margin:0px 0px 3px 0px; border-bottom:1px solid #e6e6e6; background-color:#f2f6f1; vertical-align:middle;} .BoxTitle443green td { padding:3px 0px 5px 5px; margin:0px} /*가운데 박스 타이틀 공용*/ .BoxTitle443bggray { clear: both; border: 1px solid #e6e6e6; background-color: #f9f9f9; width: 438px; height: 25px; margin: 0px 0px 7px 0px; font-size: 11px; text-align: left; padding: 2px 0px 0px 5px; } /*가운데 박스 사이즈 공용 */ .Boxcenterlistwidth01 { width: 60px; height: 20px; text-align: right; overflow: hidden; } .BoxTitle443suraeshop { width: 65px; height: 40px; overflow: hidden; margin: 2px; overflow: hidden; } .BoxTitle443suraeshop2 { width: 350px; height: 20px; overflow: hidden; margin: 2px 0px 0px 0px; padding: 0px 2px 0px 0px; overflow: hidden; } /*포럼메인 박스 타이틀*/ .Boxforum { width: 703px; margin: 7px 0px 0px 0px; border: 1px solid #e6e6e6; background-color: #ffffff; } .BoxTitleforum { width: 703px; border-bottom: 1px solid #e6e6e6; background-color: #f7f7f7; } .BoxTitleforum .left { padding-left: 10px; font-weight: bold; } .Boxforumalbum { width: 25%; padding: 10px 0px 0px 0px; text-align: center; } .Boxforumtoday { width: 703px; height: auto; text-align: center; } .Boxforumtoday td { border-bottom: 1px solid #e6e6e6; padding: 5px 0px 5px 0px; } .Boxforumtoday .left { width: 70px; text-align: center; } .Boxforumtoday .left2 { width: 20px; vertical-align: top; padding: 7px 0px 0px 0px; background: url(http://image.surae.com/img/Xboard/Icon/textballoon.gif) no-repeat center 10px; } .Boxforumtoday .right2 { width: 170px; text-align: center; padding: 0px 1px 0px 1px; } .Boxforumtodayinput { width: 703px; } .Boxforumtodayinput .left { width: 120px; font-weight: bold; text-align: center; } /*가운데 박스 라인버튼 공용*/ .Boxbtnline { width: auto; border-top: 1px solid #f5f5f5; height: 27px; margin: 5px auto 0px auto; text-align: right; padding: 5px 0px 0px 0px; } /*왼쪽박스타이틀공용*/ .BoxTitleleft2white { width: 176px; background-color: white; border: 1px solid #e6e6e6; padding: 3px; } .BoxTitleleft2white ul { line-height: 20px; } .BoxTitle2 { width: 188px; height: 25px; padding: 0px; margin: 0px 0px 3px 0px; border-bottom: 1px solid #e6e6e6; background-color: #303f98; vertical-align: middle; } .BoxTitle2 td { padding: 0px 0px 0px 5px; margin: 0px; } /*오른쪽박스타이틀 공용*/ .BoxTitle253 td { padding: 0px 0px 0px 5px; margin: 0px; } /*오른쪽 박스타이틀*/ .BoxTitle2532 { width: 248px; padding: 0px; height: 24px; text-align: left; } .BoxTitle2533 { width: 253px; margin: 0px; } .BoxTitle2533 td { padding: 0px 0px 0px 3px; height: 20px; vertical-align: top; } /*오른쪽박스사이즈 공용*/ .Boxrightwidth2 { width: 190px; height: 20px; overflow: hidden; white-space: nowrap; line-height: 18px; } .Boxrightwidth02 { width: 60px; height: 20px; text-align: right; overflow: hidden; white-space: nowrap; line-height: 18px; } .Boxrightmypageleft { width: 40px; height: 20px; overflow: hidden; white-space: nowrap; } .Boxrightmypageright { width: 205px; height: 20px; overflow: hidden; white-space: nowrap; line-height: 15px; } /*오른쪽 포럼찾기*/ .Rightforumsearch { width: 95%; margin: 0px auto 0px auto; padding: 3px 0px 3px 0px; } .Rightforumsearch input { width: 200px; } /*이달의 수레인 아이프레임*/ .RightMonthsurae { width: 253px; height: 86px; overflow: hidden; } .RightMonthwidth { width: 70px; height: 86px; overflow: hidden; } .RightMonthwidth01 { width: 170px; height: 25px; padding: 0px 3px 0px 0px; line-height: 25px; overflow: hidden; } .RightMonthwidth02 { width: 170px; height: 61px; padding: 0px 3px 0px 0px; overflow: hidden; line-height: 20px; } /*메인오른쪽 구인포커스 테이블*/ .Mainsharetable { width: 253px; padding: 1px 1px 3px 1px; text-align: center; margin: auto; } .Mainsharetable td { border-bottom: 1px solid #e6e6e6; } .Mainsharetabletitle { display: inline-block; width: 225px; padding: 3px 5px 0px 5px; text-align: left; font-weight: bold; margin: auto; overflow: hidden; height: 20px; white-space: nowrap; } .Mainsharetablecontent { clear: both; width: 240px; text-align: left; padding-bottom: 5px; margin: auto; overflow: hidden; } .Mainsharetabletext { float: left; width: 180px; height: 35px; text-align: left; margin: 4px auto 0px 3px; line-height: 130%; padding-top: 3px; overflow: hidden; } /*이달의 우수사례*/ .Mainsharetabletitle2 { display: inline-block; width: 240px; padding-left: 5px; text-align: left; font-weight: bold; margin: auto; overflow: hidden; height: 15px; white-space: nowrap; overflow: hidden; color: #5988ea; } /*이달의 우수사례 버튼 부분*/ .Rpagelist { padding: 3px 4px 2px 4px; margin-right: 2px; border: 1px solid #dcdcdc; text-align: center; font-size: 11px; } .Rpagelist:link { padding: 3px 4px 2px 4px; border: 1px solid #dcdcdc; text-align: center; font-size: 11px; } .Rpagelist:visited { padding: 3px 4px 2px 4px; border: 1px solid #dcdcdc; text-align: center; font-size: 11px; } .Rpagelist:hover { color: #5988ea; padding: 3px 4px 2px 4px; border: 1px solid #bed3ff; background-color: #f0f9ff; text-align: center; font-size: 11px; } .RpagelistC { padding: 3px 4px 2px 4px; margin-right: 2px; border: solid 1px #fb9898; background-color: #ffe7e7; text-align: center; font-size: 11px; color: red; } .RpagelistC:visited { color: red; } .RpageBtn { clear: both; width: 245px; height: auto; margin: 1px 0px 1px 0px; border: 0px; padding: 1px 0px 1px 0px; text-align: center; } /*오른쪽운전자박스*/ .Driverboxtable { margin: 0px 0px 2px 0px; padding: 0px; } .Driverboxtable .imgwidth { width: 90px; height: 60px; overflow: hidden; } .Driverboxtable .text { width: 140px; height: 57px; overflow: hidden; padding: 3px 0px 0px 0px; } /*오른쪽 베스트 뷰*/ .Rightbestview { line-height: 20px; } /*구인보기부분*/ .Guintabletitle { clear: both; width: 700px; height: auto; border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; background-color: #f7f7f7; text-align: left; padding: 3px 0px 3px 5px; font-weight: bold; margin-top: 10px; } .Guintable { margin-bottom: 10px; } .Guintable td { border-bottom: 1px solid #e6e6e6; padding-bottom: 5px; padding-top: 5px; } .Guinwidthright { width: 247px; border-right: 1px solid #e6e6e6; } .Guinwidthright2 { width: 247px; } .Guinwidth90 { width: 90px; font-weight: bold; padding-left: 5px; } .Guinwidth100 { width: 100px; font-weight: bold; padding-left: 3px; } .Guintext { clear: both; width: 702px; height: auto; text-align: left; padding: 5px 0px 5px 3px; } .Guinselect { clear: both; width: 705px; height: auto; padding: 10px 0px 10px 0px; border-top: 1px solid #e6e6e6; } /*나눔터 테이블*/ .Sharetable { width: 228px; border: 1px solid #e6e6e6; padding: 1px; text-align: center; margin-top: 5px; } .Sharetabletitle { display: inline-block; width: 216px; border-bottom: 2px solid #e7ecf4; background-color: #f1f6f6; padding: 3px 5px 3px 5px; text-align: left; font-weight: bold; height: 20px; white-space: nowrap; } .Sharetablecontent { clear: both; width: 228px; text-align: left; padding-bottom: 5px; } .Sharetabletext { float: left; width: auto; text-align: left; margin: 4px 0px 0px 3px; line-height: 130%; padding-top: 3px; } /*폼 부분 공통*/ .Sizesureain { width: 125px; } .Inputfixsize { width: 320px; height: 120px; margin: 5px 0px 5px 0px; } .Textareafixsize { width: 170px; height: 100px; margin: 3px 0px 0px 0px; } /*로그인테이블부분*/ .tdSmallCenter { font-size: 11px; text-align: center; height: 20px; } /*검색글씨부분*/ .Bold5988ea { font-weight: bold; color: #5988ea; } /*작은부분*/ .Small2c314d { font-size: 11px; color: #2c314d; } .Smallarrow { font-size: 8px; } .Smallarrowwhite { font-size: 8px; color: white; } .Smallredbold { font-size: 11px; color: red; font-weight: bold; } .Small5988ea { font-size: 11px; color: #5988ea; } .Small5988eanormal { font-size: 11px; color: #5988ea; font-weight: normal; } .Small5988eaBold { font-size: 11px; color: #5988ea; font-weight: bold; } .spnArrow { padding: 0px 1px 0px 8px; background: url(http://image.surae.com/img/Common/small_arrow.gif) 0px 2px no-repeat; } .spnWhiteArrow { padding: 0px 1px 0px 8px; background: url(http://image.surae.com/img/Common/white_arrow.gif) 0px 3px no-repeat; color: Yellow; } .Small309837 { font-size: 11px; font-weight: normal; } .Smallorange { font-size: 11px; color: #f05722; font-weight: bold; } .Smallorange2 { font-size: 11px; color: #f05722; } .Smallorange2 a:link { color: #f05722; } .Smallorange2 a:visited { color: #f05722; } .Smallorange2 a:hover { color: #f05722; text-decoration: underline; } .Smallgreen { font-size: 11px; color: #309837; font-weight: bold; } .Smallgreennormal { font-size: 11px; color: #309837; } .Smallgreennobold { font-size: 11px; color: #309837; } .Darkbluesmall { color: #303f98; font-size: 11px; } .Smallbold { font-size: 11px; font-weight: bold; } /*작은 글씨 공용*/ .SmallTd2 { font-size: 11px; text-align: center; width: 80px; } /*GNB부분*/ .Gnbb4b4b4 { font-size: 11px; color: #b4b4b4; font-weight: normal; } .Gnbb4b4b4 a:link { color: #b4b4b4; text-decoration: none; font-weight: normal; } .Gnbb4b4b4 a:visited { color: #b4b4b4; text-decoration: none; font-weight: normal; } .Gnbb4b4b4 a:hover { color: #b4b4b4; text-decoration: underline; font-weight: normal; } /* 색상부분공용*/ .Bigblack { color: black; font-weight: bold; font-size: 14px; } .Lightgray { color: #b4b4b4; } .Basicstyle { color: #62636d; font-size: 12px; } /* 색상부분*/ .Green309837 { color: #309837; } .Green309837Bold { color: #309837; font-weight: bold; } .Blue { color: #5988ea; } .Blueline { color: #5988ea; text-decoration: underline; } .Orange { color: #f05722; } .OrangeBold { color: #f05722; font-weight: bold; } .DarkblueBold { color: #303f98; font-weight: bold; } .BlueBold { color: #4372b7; font-weight: bold; } .Bold62636d { color: #62636d; font-weight: bold; } .Yellow { color: #faa919; } .Bigboldgray { font-size: 14px; font-weight: bold; color: #303f98; } .Bigboldpurple { font-size: 14px; font-weight: bold; color: #503098; } /*타이틀 부분*/ .TopTitle303f98 { font-size: 16px; color: #303f98; font-weight: bold; } /*수레폴부분*/ .Bold2c314d { color: #2c314d; font-weight: bold; } /*레이어부분*/ .Toronex { width: 628px; border: 1px solid #e6e6e6; background-color: white; z-index: 1; padding: 2px; text-align: left; } .Educationpopup { width: 416px; border: 1px solid #e6e6e6; background-color: white; z-index: 1; padding: 2px; text-align: left; } .Forumsecession { width: 300px; border: 1px solid #e6e6e6; background-color: white; z-index: 1; position: absolute; padding: 2px; text-align: left; } .Forumtransfer { width: 300px; border: 1px solid #e6e6e6; background-color: white; z-index: 1; position: absolute; padding: 2px; text-align: left; } .Forummenudel { width: 320px; border: 1px solid #e6e6e6; background-color: white; z-index: 1; position: absolute; padding: 2px; text-align: left; } .Shopbusinessedit { width: 400px; border: 1px solid #e6e6e6; background-color: white; z-index: 1; position: absolute; padding: 2px; text-align: left; } .Shoptitledit { width: 400px; border: 1px solid #e6e6e6; background-color: white; z-index: 1; position: absolute; padding: 2px; text-align: left; } .Shopnewopen { width: 300px; border: 1px solid #e6e6e6; background-color: white; z-index: 1; position: absolute; padding: 2px; text-align: left; } .Secession { width: 300px; border: 1px solid #e6e6e6; background-color: white; z-index: 1; position: absolute; padding: 2px; text-align: left; } .Sentencepopup { width: 730px; border: 1px solid #e6e6e6; background-color: white; z-index: 1; padding: 2px; text-align: center; } .Servicemore { top:35px; left:50%; margin-left:-453px; width:900px; height: auto; border: 2px solid #e6e6e6; background-color: white; z-index: 1; position: absolute; padding: 2px; display: none; } .Shopdangolshop { width: 300px; border: 1px solid #e6e6e6; background-color: white; z-index: 1; position: absolute; padding: 2px; text-align: left; } .Crequest { width: 400px; border: 1px solid #e6e6e6; background-color: white; z-index: 1; position: absolute; padding: 2px; text-align: left; } .Qreplywrite { width: 500px; border: 1px solid #e6e6e6; background-color: white; z-index: 1; position: absolute; padding: 2px; text-align: left; } .Popularity { width: 300px; border: 1px solid #e6e6e6; background-color: white; z-index: 1; position: absolute; padding: 2px; text-align: left; display: none; } .Knowledge { width: 300px; border: 1px solid #e6e6e6; background-color: white; z-index: 1; position: absolute; padding: 2px; text-align: left; display: none; } .Kindness { width: 300px; border: 1px solid #e6e6e6; background-color: white; z-index: 1; position: absolute; padding: 2px; text-align: left; display: none; } .Alert { width: 470px; border: 1px solid #e6e6e6; background-color: white; z-index: 1; position: absolute; padding: 2px; text-align: left; } .Rightlayer { width: 85px; height: auto; position: absolute; left: 900px; top: 425px; z-index: 2; padding: 0px 0px 5px 5px; } /*쿠폰 공용*/ .Coupontable { width: 490px; margin: 0px auto 5px auto; padding: 2px; text-align: center; } .Coupontable td { border-bottom: 1px solid #e6e6e6; } /*서비스더보기*/ .Servicemore td { width: auto; border: 1px solid #e6e6e6; vertical-align: top; padding: 7px 7px 5px 25px; margin: auto; } .Servicemore .toptitle { background-color: #f7f7f7; padding: 5px 0px 3px 5px; font-weight: bold; height: 20px; } .Servicemore span a:link { color: black; } .Servicemore span a:visited { color: black; } .Servicemore span a:hover { color: black; text-decoration: underline; } /*회로도 요청하기레이어*/ .Crequesttitle { clear: both; width: 395px; height: 23px; border-bottom: 1px solid #e6e6e6; border-top: 1px solid #e6e6e6; background-color: #f3f3f3; font-weight: bold; padding: 5px 0px 0px 5px; margin: 0px 0px 5px 0px; } .Crequestcontent { clear: both; width: 391px; margin: auto; text-align: left; } .Crequestcontent td { border-bottom: 1px solid #e6e6e6; } .Crequesttitle .left { float: left; width: 300px; padding: 0px 0px 0px 3px; color: red; } .Crequesttitle .right { float: right; width: 20px; padding: 5px 0px 0px 0px; } .Crequestcontent .td1 { width: 30px; height: 23px; line-height: 27px; white-space: nowrap; margin: auto; overflow: hidden; text-align: left; } .Crequestcontent .td2 { width: 280px; height: 23px; line-height: 27px; white-space: nowrap; margin: auto; overflow: hidden; text-align: left; padding: 0px 0px 0px 3px; } .Crequestcontent .td3 { width: 60px; height: 23px; line-height: 27px; white-space: nowrap; margin: auto; overflow: hidden; text-align: right; color: #5988ea; } .Crequestcontent .td3 a:link { color: #5988ea; } .Crequestcontent .td3 a:hover { color: #5988ea; } .Crequestcontent .td3 a:visited { color: #5988ea; } .Crequestcontent .text { clear: both; width: 386px; height: 20px; text-align: right; padding: 5px 5px 0px 0px; font-size: 11px; color: #969696; } /*후기선택하기레이어*/ .Qreplytitle { clear: both; width: 495px; height: 23px; border-bottom: 1px solid #e6e6e6; border-top: 1px solid #e6e6e6; background-color: #f3f3f3; font-weight: bold; padding: 5px 0px 0px 5px; margin: 0px 0px 5px 0px; } .Qreplycontent { clear: both; width: 491px; margin: auto; text-align: left; } .Qreplycontent td { border-bottom: 1px solid #e6e6e6; } .Qreplytitle .left { float: left; width: 400px; padding: 0px 0px 0px 3px; color: red; } .Qreplytitle .right { float: right; width: 20px; padding: 5px 0px 0px 0px; } .Qreplycontent .td1 { width: 30px; height: 23px; line-height: 27px; white-space: nowrap; margin: auto; overflow: hidden; text-align: left; padding: 0px 2px 0px 2px; } .Qreplycontent .td2 { width: 290px; height: 23px; line-height: 27px; white-space: nowrap; margin: auto; overflow: hidden; text-align: left; padding: 0px 0px 0px 3px; } .Qreplycontent .td3 { width: 26px; height: 23px; line-height: 27px; white-space: nowrap; margin: auto; overflow: hidden; text-align: left; padding: 0px 2px 0px 2px; } .Qreplycontent .td4 { width: 70px; height: 23px; line-height: 27px; white-space: nowrap; margin: auto; overflow: hidden; text-align: left; padding: 0px 2px 0px 2px; } .Qreplycontent .text { clear: both; width: 486px; height: 20px; text-align: right; padding: 5px 5px 0px 0px; font-size: 11px; color: #969696; } .Qreplycontent .text2 { clear: both; width: 491px; height: 20px; text-align: center; padding-top: 5px; border-bottom: 1px solid #e6e6e6; font-size: 11px; color: #5988ea; } /*단골샵으로 등록*/ .Shopdangolshop table { width: 294px; margin: 0px 0px 7px 0px; } .Shopdangolshop table td { border-bottom: 1px solid #e6e6e6; } .Shopdangolshop .width { width: 222x; } .Shopdangolshop .padding { padding: 0px 0px 0px 3px; } .Shopdangolshop textarea { width: 210px; margin: 2px 0px 2px 0px; } /*신용도 적용기준*/ .Placepopup { width: 820px; border: 1px solid #e6e6e6; background-color: white; padding: 2px; text-align: left; margin: 5px auto 0px auto; } .Placepopup table { width: 800px; margin: auto; } .Placepopup table td { height: 20px; } /*도서관테이블 공용*/ .Librarymenuall { width: 703px; background-color: #f9f9f9; text-align: left; border: 1px solid #e6e6e6; } .Librarylist { width: 705px; background-color: white; text-align: left; border-left: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; } .Librarymenu :visited { color: #c1c1c1; font-weight: bold; text-decoration: none; } /*교육과포럼*/ .Educationtable { border-top: 0px; } .Educationtable td { border: 1px solid #e6e6e6; border-bottom: 2px solid #5988ea; border-top: 0px; text-align: center; background-color: #f9f9f9; width: 97px; font-weight: bold; } .Educationtable2 { border-top: 0px; } .Educationtable2 td { border: 1px solid #e6e6e6; border-top: 0px; width: 95px; font-weight: bold; font-size: 11px; padding-left: 2px; height: 95px; vertical-align: top; } /*회색테이블 공용*/ .Graycontent3 { clear: both; width: auto; padding: 2px; text-align: left; padding: 0px 3px 0px 3px; } /*정보리스트*/ .Infolisttitle { width: 96px; height: 20px; padding: 0px 2px 0px 2px; border-bottom: 1px solid #e6e6e6; border-top: 1px solid #e6e6e6; background-color: #f3f3f3; margin-bottom: 3px; } /*회원정보*/ .logoutbox { width: 65px; border: 2px solid #e6e6e6; background-color: white; margin: 3px 0px 3px 0px; } .logoutbox table { width: 60px; } .logoutbox .td1 { width: 24px; height: 17px; padding: 0px 0px 0px 2px; } .logoutbox .td2 { width: 30px; height: 17px; background: url(http://image.surae.com/img/Common/Etc/credit_bg.gif) no-repeat center; } .Mypagememberbox { width: 205px; border: 3px solid #e6e6e6; background-color: white; margin: 2px 0px 5px 8px; } .Mypagememberbox .td1 { width: 25px; height: 17px; padding: 0px 2px 0px 2px; } .Mypagememberbox .td2 { width: 35px; height: 17px; padding: 0px 2px 0px 2px; font-size: 11px; text-align: right; } .Mypagememberbox .td3 { width: 104px; height: 17px; background: url(http://image.surae.com/img/Common/Etc/credit_bg.gif) repeat-x center; } /*토론설문작성예*/ .Toronextitle { width: 628px; height: 28px; font-weight: bold; border-bottom: 1px solid #e6e6e6; border-top: 1px solid #e6e6e6; background-color: #f3f3f3; margin-bottom: 3px; } .Toronextitle .left { float: left; width: 593px; padding: 5px 0px 0px 5px; } .Toronextitle .right { float: right; width: 30px; padding: 5px 0px 0px 0px; } .Toronexcontent { clear: both; width: 624px; padding: 2px; text-align: left; } #Toronimg1 { display: inline-block; width: 611px; height: 152px; background: url(http://image.surae.com/img/Xboard/Etc/toron_img1.gif) no-repeat; margin: 0px 0px 5px 7px; } #Toronimg2 { display: inline-block; width: 611px; height: 129px; background: url(http://image.surae.com/img/Xboard/Etc/toron_img2.gif) no-repeat; margin: 0px 0px 5px 7px; } /*레이어 부분*/ .Searchlist a:link { font-size: 12px; color: #62636d; } .Searchlist a:visited { font-size: 12px; color: #62636d; } .Searchlist a:hover { font-size: 12px; color: #5988ea; background-color: #f0f9ff; text-decoration: none; } .Searchlist table { width: 120px; border: 0px; padding: 0px; border-collapse: collapse; } .Searchlist td { padding-right: 5px; /*width:25%;*/ } .checkAfternone { vertical-align: middle; display: inline-block; width: 49px; height: 19px; background: url(http://image.surae.com/img/Expert/Search/Sub/check_afternone.gif) no-repeat; } .checkAfter { vertical-align: middle; display: inline-block; width: 49px; height: 19px; background: url(http://image.surae.com/img/Expert/Search/Sub/check_after.gif) no-repeat; } .checkMywritenone { vertical-align: middle; display: inline-block; width: 65px; height: 19px; background: url(http://image.surae.com/img/Expert/Search/Sub/check_mywritenone.gif) no-repeat; } .checkMywrite { vertical-align: middle; display: inline-block; width: 65px; height: 19px; background: url(http://image.surae.com/img/Expert/Search/Sub/check_mywrite.gif) no-repeat; } .ListContent tr:hover { background: #f0f9ff; } .trOver { background: #f0f9ff; } .ListContent tr { behavior: expression( this.onmouseover = new Function("this.className += ' trOver';"), this.onmouseout = new Function("this.className = this.className.replace(' trOver', '');"), this.style.behavior = null ); } #divPSModifyConfirm { display: none; } #divComment .Checkbox { display: none; } #divViewContent { width: 695px; overflow: hidden; line-height: 1.4; } .spnMoreInfo { display: inline-block; width: 450px; font-size: 11px; vertical-align: top; } .spnAttachFile { display: inline-block; width: 600px; font-size: 11px; vertical-align: top; } .spnReference { display: inline-block; width: 572px; vertical-align: top; padding: 3px 0px 5px 0px; } .spnInfo { display: inline-block; width: 605px; vertical-align: top; } /*--------------------------------------------------------------------------------------------------*/ /*회원&마이페이지부분*/ .Toplogobg { clear: both; width: 900px; height: 65px; background: url(http://image.surae.com/img/Expert/Head/Main_top/TopLogo.gif) no-repeat bottom; text-align: right; padding: 2px 0px 0px 0px; } .Membertopbg { width: 882px; height: 21px; background: url(http://image.surae.com/img/Common/Member/top_bg.gif); padding: 4px 9px 0px 9px; margin-bottom: 5px; color: white; text-align: left; } .Memberleftmenu { width: 188px; padding: 0px; margin: 0px 0px 5px 0px; border-top: 1px solid #e6e6e6; border-left: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; text-align: left; } .Memberleftmenu td { border-bottom: 1px solid #e6e6e6; padding-left: 17px; height: 27px; } .Memberleftmenu td:hover { background-color: #f2f6f1; } .Memberleftmenu a:hover { font-weight: bold; color: #309837; text-decoration: none; } .Memberleftmenu .title { width: a178; height: 40px; background: url(http://image.surae.com/img/Common/Member/leftmenu_title.gif) no-repeat 20px; background-color: #f9f9f9; border-bottom: 1px solid #e6e6e6; } .Memberleftmenu .support { width: a178; height: 40px; background: url(http://image.surae.com/img/Common/Member/leftmenu_title3.gif) no-repeat 20px; background-color: #f9f9f9; border-bottom: 1px solid #e6e6e6; } .Memberleftmenu .mypage { width: a178; height: 40px; background: url(http://image.surae.com/img/Common/Member/leftmenu_title2.gif) no-repeat 20px; background-color: #f9f9f9; border-bottom: 1px solid #e6e6e6; } .Memberleftmenu .tdpix { color: #309837; background-color: #f2f6f1; font-weight: bold; } .Memberleftmenu .tdpix a:link { color: #309837; background-color: #f2f6f1; font-weight: bold; } .Memberleftmenu .tdpix a:hover { color: #309837; background-color: #f2f6f1; font-weight: bold; } .Memberleftmenu .tdpix a:visited { color: #309837; background-color: #f2f6f1; font-weight: bold; } .Membertitleline { clear: both; width: 705px; height: 22px; padding: 4px 0px 0px 0px; border-bottom: 2px solid #9ce290; text-align: left; font-size: 16px; color: #309837; font-weight: bold; } .Memberinfo { clear: both; width: auto; height: auto; border-bottom: 1px solid #e6e6e6; background-color: #f3f3f3; text-align: left; padding: 4px 0px 3px 0px; } .Mbmeberstep { clear: both; width: 705px; height: 83px; padding: 10px 0px 10px 0px; text-align: center; } .Step1 { display: inline-block; width: 161px; height: 81px; background: url(http://image.surae.com/img/Common/Member/step1_black.gif) no-repeat; margin-right: 30px; } .Step1color { display: inline-block; width: 161px; height: 81px; background: url(http://image.surae.com/img/Common/Member/step1_color.gif) no-repeat; margin-right: 30px; } .Step2 { display: inline-block; width: 161px; height: 81px; background: url(http://image.surae.com/img/Common/Member/step2_black.gif) no-repeat; margin-right: 30px; } .Step2color { display: inline-block; width: 161px; height: 81px; background: url(http://image.surae.com/img/Common/Member/step2_color.gif) no-repeat; margin-right: 30px; } .Step3 { display: inline-block; width: 161px; height: 81px; background: url(http://image.surae.com/img/Common/Member/step3_black.gif) no-repeat; margin-right: 30px; } .Step3color { display: inline-block; width: 161px; height: 81px; background: url(http://image.surae.com/img/Common/Member/step3_color.gif) no-repeat; margin-right: 30px; } .Step4 { display: inline-block; width: 90px; height: 81px; background: url(http://image.surae.com/img/Common/Member/step4_black.gif) no-repeat; } .Step4color { display: inline-block; width: 90px; height: 81px; background: url(http://image.surae.com/img/Common/Member/step4_color.gif) no-repeat; } .Membertabletitle { clear: both; width: 700px; height: auto; border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; background-color: #f2f6f1; text-align: left; padding: 3px 0px 3px 5px; font-weight: bold; color: #309837; } .Membertable { margin-bottom: 10px; } .Membertable td { border-bottom: 1px solid #e6e6e6; padding-bottom: 5px; padding-top: 5px; } .Membertable2 { width: 680px; margin: 5px auto 5px auto; line-height: 20px; } .Membertable2 p { margin: 0px 0px 7px 0px; } .Membertable2left { padding: 0px 0px 0px 13px; line-height: 17px; } .Memberwidthright { width: 252px; border-right: 1px solid #e6e6e6; } .Memberwidth85 { width: 80px; font-weight: bold; padding-left: 5px; } .Memberwidth100 { width: 100px; font-weight: bold; padding-left: 3px; } .Membertext { clear: both; width: 702px; height: auto; text-align: left; padding: 5px 0px 5px 3px; } .Mbmeberselect { clear: both; width: 705px; height: auto; padding: 10px 0px 10px 0px; border-top: 1px solid #e6e6e6; } /*회원서비스세부 안내*/ .Mservicetable { border: 1px solid #e6e6e6; width: 700px; padding: 1px; margin: 3px auto 0px auto; } .Mservicetable td { border: 1px solid #e6e6e6; text-align: center; padding: 4px 0px 4px 0px; } .Mservicetable .top { background-color: #bfe3b6; font-weight: bold; color: #0f6d16; } .Mservicetable .left { background-color: #ecf9e9; } .Mserviceheight { width: 680px; margin: 7px auto 5px auto; line-height: 20px; } .Mserviceheight p { margin: 0px 0px 5px 0px; } /*회원&마이페이지부분버튼*/ .Idcheck { display: inline-block; vertical-align: middle; background: url(http://image.surae.com/img/Common/Member/iccheck.gif) no-repeat; width: 88px; height: 18px; margin-left: 5px; cursor: pointer; } .Postcheck { display: inline-block; vertical-align: middle; background: url(http://image.surae.com/img/Common/Btn/postsearch.gif) no-repeat; width: 73px; height: 18px; margin-left: 5px; } .Addresssearch { display: inline-block; vertical-align: middle; background: url(http://image.surae.com/img/Common/Btn/address.gif) no-repeat; width: 64px; height: 19px; margin-left: 5px; } /*회원&마이페이지 타이틀 부분*/ .MTitleline { clear: both; width: 705px; height: 26px; padding: 0px; border-bottom: 2px solid #9ce290; } .MTitleleft { float: left; width: 455px; height: 23px; padding: 3px 0px 0px 0px; border: 0px; text-align: left; font-size: 16px; color: #309837; font-weight: bold; } .MTitleright { float: right; width: 250px; height: 23px; padding: 0px; border: 0px; text-align: right; } /*운전자회원제선택테이블*/ .Drivertable { border: 1px solid #e6e6e6; background-color: #fef5f2; width: 655px; margin: auto; } .Drivertable .left { width: 215px; border-right: 1px solid #e6e6e6; background: url(http://image.surae.com/img/Common/Member/membership_drever.gif) no-repeat center; } .Drivertable .right { padding: 7px 10px 5px 10px; } .Drivericon { vertical-align: top; display: inline-block; width: 17px; height: 17px; background: url(http://image.surae.com/img/Common/driver.gif) no-repeat; margin-right: 3px; } /*전문가회원제선택테이블*/ .Specliatable { border: 1px solid #e6e6e6; background-color: #f2f7fe; width: 655px; margin: auto; } .Specliatable .left { width: 215px; border-right: 1px solid #e6e6e6; background: url(http://image.surae.com/img/Common/Member/membership_specialist.gif) no-repeat center; } .Specliatable .right { padding: 7px 10px 5px 10px; } .Specliaicon { vertical-align: top; display: inline-block; width: 17px; height: 17px; background: url(http://image.surae.com/img/Common/specialist.gif) no-repeat; margin-right: 3px; } /*정비소회원제선택테이블*/ .Servicetable { border: 1px solid #e6e6e6; background-color: #f2f9fe; width: 655px; margin: auto; } .Servicetable .left { width: 215px; border-right: 1px solid #e6e6e6; background: url(http://image.surae.com/img/Common/Member/membership_service.gif) no-repeat center; } .Servicetable .right { padding: 7px 10px 5px 10px; } .Serviceicon { vertical-align: top; display: inline-block; width: 17px; height: 17px; background: url(http://image.surae.com/img/Common/repair.gif) no-repeat; margin-right: 3px; } /*녹색버튼*/ .BtnconfirmG { vertical-align: middle; display: inline-block; width: 35px; height: 23px; background: url(http://image.surae.com/img/Common/Btn/confirm_green.gif) no-repeat; } .BtnconfirmG2 { display: inline-block; width: 35px; height: 23px; background: url(http://image.surae.com/img/Common/Btn/confirm_green.gif) no-repeat; } .MemberBtnbig { display: inline-block; vertical-align: top; width: 75px; height: 39px; padding: 23px 0px 0px 0px; margin-left: 3px; background: url(http://image.surae.com/img/Xboard/Btn/importuneS.gif) no-repeat center; font-size: 14px; font-weight: bold; } .MemberBtnbig:link { color: #309837; text-decoration: none; } .MemberBtnbig:hover { color: #309837; text-decoration: none; } .MemberBtnbig:visited { color: #309837; text-decoration: none; } .MemberBtnbig2 { display: inline-block; vertical-align: top; width: 109px; height: 39px; padding: 23px 0px 0px 0px; margin-left: 3px; background: url(http://image.surae.com/img/Xboard/Btn/Bigbg.gif) no-repeat center; font-size: 14px; font-weight: bold; } .MemberBtnbig2:link { color: #309837; text-decoration: none; } .MemberBtnbig2:hover { color: #309837; text-decoration: none; } .MemberBtnbig2:visited { color: #309837; text-decoration: none; } .MemberBtnbig3 { display: inline-block; vertical-align: middle; width: 75px; height: 30px; padding: 12px 0px 0px 0px; background: url(http://image.surae.com/img/Xboard/Btn/importuneS.gif) no-repeat center; font-size: 14px; font-weight: bold; text-align: center; } .MemberBtnbig3:link { color: #309837; text-decoration: none; } .MemberBtnbig3:hover { color: #309837; text-decoration: none; } .MemberBtnbig3:visited { color: #309837; text-decoration: none; } .MemberBtn2big { display: inline-block; vertical-align: top; width: 181px; height: 39px; padding: 23px 0px 0px 0px; margin-left: 3px; background: url(http://image.surae.com/img/Xboard/Btn/2Bigbg.gif) no-repeat center; font-size: 14px; font-weight: bold; } .MemberBtn2big:link { color: #309837; text-decoration: none; } .MemberBtn2big:hover { color: #309837; text-decoration: none; } .MemberBtn2big:visited { color: #309837; text-decoration: none; } .MemberBtnbig4 { display: inline-block; vertical-align: middle; width: 116px; height: 30px; padding: 12px 0px 0px 0px; background: url(http://image.surae.com/img/Xboard/Btn/4Bigbg.gif) no-repeat center; font-size: 14px; font-weight: bold; text-align: center; } .MemberBtnbig4:link { color: #309837; text-decoration: none; } .MemberBtnbig4:hover { color: #309837; text-decoration: none; } .MemberBtnbig4:visited { color: #309837; text-decoration: none; } .MemberBtnbig5 { display: inline-block; vertical-align: middle; width: 148px; height: 30px; padding: 12px 0px 0px 0px; background: url(http://image.surae.com/img/Xboard/Btn/5Bigbg.gif) no-repeat center; font-size: 14px; font-weight: bold; text-align: center; } .MemberBtnbig5:link { color: #309837; text-decoration: none; } .MemberBtnbig5:hover { color: #309837; text-decoration: none; } .MemberBtnbig5:visited { color: #309837; text-decoration: none; } .MemberBtnbig4 {display:inline-block;vertical-align:top; width:116px; height:42px; padding:23px 0px 0px 0px; margin-left:3px; background:url(http://image.surae.com/img/Xboard/Btn/4Bigbg.gif) no-repeat center; font-size:14px; font-weight:bold} .MemberBtnbig4:link {color:#309837; text-decoration:none} .MemberBtnbig4:hover {color:#309837; text-decoration:none} .MemberBtnbig4:visited {color:#309837; text-decoration:none} .MemberBtnbig5 {display:inline-block;vertical-align:top; width:148px; height:42px; padding:23px 0px 0px 0px; margin-left:3px; background:url(http://image.surae.com/img/Xboard/Btn/5Bigbg.gif) no-repeat center; font-size:14px; font-weight:bold} .MemberBtnbig5:link {color:#309837; text-decoration:none} .MemberBtnbig5:hover {color:#309837; text-decoration:none} .MemberBtnbig5:visited {color:#309837; text-decoration:none} .Mcertification {display:inline-block; width:75px; height:23px;vertical-align:middle; background:url(http://image.surae.com/img/Common/Btn/certification.gif) no-repeat; margin-left:3px} .Mcertification { display: inline-block; width: 75px; height: 18px; vertical-align: middle; background: url(http://image.surae.com/img/Common/Btn/certification.gif) no-repeat; margin-left: 3px; } /*버튼*/ .BtnJoin { display: inline-block; width: 63px; height: 23px; background: url(http://image.surae.com/img/Common/Btn/join.gif) no-repeat; } /*검색부분*/ #MSearchTitle { padding: 0px 5px 0px 16px; background: url(http://image.surae.com/img/Common/Member/icon_MagnifyingGlass.gif) no-repeat; font-weight: bold; color: black; } /*게시판리스트*/ .MainContentSub .MListTitle { width: 703px; } .MListTitle td { text-align: center; border-bottom: 2px solid #9ce290; background-color: #f9f9f9; } /*아이디&비밀번호찾기*/ .Idsearchtable { width: 700px; background: url(http://image.surae.com/img/Common/Member/idpwsearch_boxbg.gif) no-repeat; background-position: 0px 32px; height: 185px; margin: 7px auto 5px auto; } .Idsearchtable .idtitle { float: left; width: 106px; height: 31px; background: url(http://image.surae.com/img/Common/Member/idsearchtitle_black.gif) no-repeat; } .Idsearchtable .idtitleC { float: left; width: 106px; height: 31px; background: url(http://image.surae.com/img/Common/Member/idsearchtitle_color.gif) no-repeat; } .Idsearchtable .pwtitle { float: left; width: 106px; height: 31px; background: url(http://image.surae.com/img/Common/Member/pwsearchtitle_black.gif) no-repeat; } .Idsearchtable .pwtitleC { float: left; width: 106px; height: 31px; background: url(http://image.surae.com/img/Common/Member/pwsearchtitle_color.gif) no-repeat; } .Idsearchtable .titleline { float: right; width: 488px; height: 30px; border-bottom: 1px solid #e6e6e6; } .Idsearchtable .text { clear: both; width: 700px; height: auto; text-align: left; padding: 5px 0px 5px 3px; border-bottom: 1px solid #e6e6e6; line-height: 1.8; } .Idsearchtable .btn { clear: both; width: 700px; padding: 0px 0px 5px 0px; height: 45px; margin-bottom: 5px; } .Idsearchtable .btnleft { float: left; width: 380px; height: 35px; text-align: right; padding-top: 10px; } .Idsearchtable .btnleft2 { float: left; width: 380px; height: 45px; text-align: right; padding-top: 10px; } /*비번찾기*/ .Idsearchtable .btnright { float: right; width: 310px; text-align: right; padding-right: 10px; height: 45px; } .Idsubsearch { width: 691px; padding: 3px 3px 3px 5px; margin: 5px 0px 5px 0px; border: 1px solid #e6e6e6; background-color: #f9f9f9; text-align: left; height: auto; } .Idsubsearchtext { width: 691px; padding: 3px 3px 3px 5px; margin: 0px 0px 5px 0px; text-align: left; color: #309837; } .Pwsearchtable { width: 700px; background: url(http://image.surae.com/img/Common/Member/pwsearch_boxbg.gif) no-repeat; background-position: 0px 32px; height: 240px; margin: 7px auto 5px auto; } .Pwsearchtable .idtitle { float: left; width: 106px; height: 31px; background: url(http://image.surae.com/img/Common/Member/idsearchtitle_black.gif) no-repeat; } .Pwsearchtable .idtitleC { float: left; width: 106px; height: 31px; background: url(http://image.surae.com/img/Common/Member/idsearchtitle_color.gif) no-repeat; } .Pwsearchtable .pwtitle { float: left; width: 106px; height: 31px; background: url(http://image.surae.com/img/Common/Member/pwsearchtitle_black.gif) no-repeat; } .Pwsearchtable .pwtitleC { float: left; width: 106px; height: 31px; background: url(http://image.surae.com/img/Common/Member/pwsearchtitle_color.gif) no-repeat; } .Pwsearchtable .titleline { float: right; width: 488px; height: 30px; border-bottom: 1px solid #e6e6e6; } .Pwsearchtable .text { clear: both; width: 700px; height: auto; text-align: left; padding: 5px 0px 5px 3px; border-bottom: 1px solid #e6e6e6; line-height: 1.8; } .Pwsearchtable .btn { clear: both; width: 700px; padding: 0px 0px 5px 0px; height: 45px; margin-bottom: 5px; } .Pwsearchtable .btnleft { float: left; width: 380px; height: 35px; text-align: right; padding-top: 10px; } .Pwsearchtable .btnright { float: right; width: 310px; text-align: right; padding-right: 10px; height: 45px; } /*--------------------------------------------------------------------------------------------------*/ /*수레샵 CSS 시작*/ /*테이블 레이아웃*/ .SdivTableRow { width: 770px; margin: 0px auto 0px auto; border: 0px; text-align: center; height: auto; } /* 상단전체 */ .SdivTop { width: 770px; height: 185px; background: url(http://image.surae.com/img/Shop/Head/bg.jpg) no-repeat; } #SdivTopPtop { clear: both; width: 760px; height: 25px; text-align: right; padding: 10px 10px 0px 0px; color: white; font-size: 11px; } #SdivTopPcenter { clear: both; width: 760px; height: 117px; } #SdivTopPcenterleft { float: left; width: 100px; height: 117px; } #SdivTopPcenterright { float: right; width: auto; height: 107px; padding: 10px 20px 0px 0px; text-align: left; } #SdivTopPbottom { clear: both; width: 760px; height: 33px; } #SdivTopPbottomleft { float: left; width: 200px; height: 26px; padding: 7px 0px 0px 0px; font-size: 11px; color: #d2dbff; } #SdivTopPbottomright { float: right; width: auto; height: 33px; padding: 0px 10px 0px 0px; text-align: left; } /* 메인 */ .SMainLeft { float: left; width: 185px; height: auto; } .SMainLeftmenu { float: left; width: 173px; height: auto; padding: 0px 3px 4px 4px; background-color: #355dff; margin-bottom: 7px; } .SMainContent { float: left; width: 580px; border: 0px; margin-right: 5px; } .SMainLeftbox { width: auto; border: 2px solid #e6e6e6; background-color: white; padding: 5px 5px 5px 5px; } .SMainContentSub { clear: both; width: 703px; padding: 0px; border: 0px; text-align: center; margin: 2px auto 0px auto; } .SMainContentSub .Subsearch { width: 693px; padding: 5px; margin-top: 5px; border: 1px solid #e6e6e6; background-color: #f9f9f9; text-align: center; } .SMainContentSub .Sortingall { clear: both; width: 703px; height: 21px; margin-top: 5px; padding: 0px; border-bottom: 1px solid #e6e6e6; background-color: #ffffff; } .SMainContentSub .Sortingtext { float: left; width: 400px; height: 20px; padding: 0px; font-size: 11px; color: #b4b4b4; text-align: left; } .SMainContentSub .SortingImg { float: right; width: 303px; height: 21px; padding: 0px; text-align: right; } .SMainContentSub .Bottomline { width: 705px; height: 21px; padding: 0px; margin: 0px 0px 5px 0px; border-bottom: 1px solid #e6e6e6; vertical-align: middle; } .SMainContentSub .ListInfo { width: 703px; height: 28px; border-bottom: 1px solid #e6e6e6; background-color: #f3f3f3; } .SMainContentSub .ListContent { width: 703px; height: 28px; } .SMainContentSub .ListBtn { clear: both; width: 703px; height: auto; margin: 5px 0px 5px 0px; border: 0px; padding: 5px 0px 5px 0px; } /*설명*/ .Memberinfo2 { clear: both; width: 705px; height: auto; border-bottom: 1px solid #e6e6e6; background-color: #f3f3f3; text-align: left; padding: 4px 0px 3px 0px; } /*로그인부분*/ .Shoploginbox { border: 1px solid #e6e6e6; background-color: #f7f7f7; width: 400px; height: 60px; padding: 3px; margin: 10px auto 10px auto; } .Shoploginbox table { width: 390px; margin: 5px auto 0px auto; } .Shoploginbox .height { height: 18px; } /*상단메뉴*/ .Stopmenu1S { display: inline-block; width: 32px; height: 33px; background: url(http://image.surae.com/img/Shop/Head/menu1_S.gif); } .Stopmenu1C { display: inline-block; width: 32px; height: 33px; background: url(http://image.surae.com/img/Shop/Head/menu1_C.gif); } .Stopmenu2S { display: inline-block; width: 76px; height: 33px; background: url(http://image.surae.com/img/Shop/Head/menu2_S.gif); } .Stopmenu2C { display: inline-block; width: 76px; height: 33px; background: url(http://image.surae.com/img/Shop/Head/menu2_C.gif); } .Stopmenu3S { display: inline-block; width: 68px; height: 33px; background: url(http://image.surae.com/img/Shop/Head/menu3_S.gif); } .Stopmenu3C { display: inline-block; width: 68px; height: 33px; background: url(http://image.surae.com/img/Shop/Head/menu3_C.gif); } .Stopmenu4S { display: inline-block; width: 105px; height: 33px; background: url(http://image.surae.com/img/Shop/Head/menu4_S.gif); } .Stopmenu4C { display: inline-block; width: 105px; height: 33px; background: url(http://image.surae.com/img/Shop/Head/menu4_C.gif); } .Stopmenu5S { display: inline-block; width: 70px; height: 33px; background: url(http://image.surae.com/img/Shop/Head/menu5_S.gif); } .Stopmenu5C { display: inline-block; width: 70px; height: 33px; background: url(http://image.surae.com/img/Shop/Head/menu5_C.gif); } .Stopmenu6S { display: inline-block; width: 65px; height: 33px; background: url(http://image.surae.com/img/Shop/Head/menu6_S.gif); } .Stopmenu6C { display: inline-block; width: 65px; height: 33px; background: url(http://image.surae.com/img/Shop/Head/menu6_C.gif); } .Stopmenu7S { display: inline-block; width: 75px; height: 33px; background: url(http://image.surae.com/img/Shop/Head/menu7_S.gif); } .Stopmenu7C { display: inline-block; width: 75px; height: 33px; background: url(http://image.surae.com/img/Shop/Head/menu7_C.gif); } /*왼쪽 항목 부분*/ .SMainLeft .Content { float: left; width: 178px; border: 1px solid #e6e6e6; background-color: #ffffff; text-align: left; vertical-align: middle; margin-bottom: 7px; } /*왼쪽박스타이틀*/ .SBoxTitle { width: 178px; height: 23px; padding: 0px; border-bottom: 1px solid #e6e6e6; background-color: #f7f7f7; vertical-align: middle; } /*왼쪽신용도박스*/ .Scredit { width: auto; text-align: left; } .Scredit .box { width: 158px; border: 3px solid #e6e6e6; background-color: white; } .Scredit .td1 { width: 25px; height: 17px; padding: 0px 2px 0px 2px; } .Scredit .td2 { width: 30px; height: 17px; padding: 0px 2px 0px 2px; font-size: 11px; text-align: right; } .Scredit .td3 { width: 87px; height: 17px; background: url(http://image.surae.com/img/Common/Etc/credit_bg.gif) no-repeat center; } /*왼쪽메뉴*/ .Smenubg { display: inline-block; width: 157px; height: 23px; background: url(http://image.surae.com/img/Shop/Mgr/leftmenubg.gif) no-repeat; padding: 5px 0px 0px 15px; } .Sbanner1 { display: inline-block; width: 157px; height: 36px; background: url(http://image.surae.com/img/Shop/Mgr/banner1.gif) no-repeat; margin: 5px 0px 0px 0px; } .Sbanner2 { display: inline-block; width: 157px; height: 36px; background: url(http://image.surae.com/img/Shop/Mgr/banner2.gif) no-repeat; margin: 5px 0px 0px 0px; } /*메인샵다이어리*/ .SDiarytable { width: 569px; height: 165px; border: 3px solid #e6e6e6; background: url(http://image.surae.com/img/Shop/Index/diarybg.gif) repeat-y; margin: 5px 0px 0px 0px; } .SDiarytitle { width: 535px; height: 20px; border-bottom: 1px solid #e6e6e6; margin: 15px 15px 2px 10px; background: url(http://image.surae.com/img/Shop/Index/diarytitle.gif) no-repeat; } /*메인영업안내*/ .SBoxbusiness { width: 569px; margin: 7px 0px 7px 0px; border: 1px solid #e6e6e6; background-color: #ffffff; } .SBoxTitlebusiness { width: 569px; border-bottom: 1px solid #e6e6e6; background-color: #f7f7f7; } .SBoxTitlebusiness .left { padding-left: 10px; font-weight: bold; } /*나의 정비이력보기*/ .Smaintenance { clear: both; width: 569px; margin: 2px 0px 2px 0px; border: 0px; height: 50px; padding: 0px; } .Smaintenance .Sleft { float: left; width: 200px; padding-top: 5px; } .Smaintenance .Sright { float: right; width: 354px; text-align: left; font-size: 16px; color: #000000; font-weight: bold; padding: 10px 0px 0px 15px; } .Smaintenance .btn { display: inline-block; width: 198px; height: 48px; background: url(http://image.surae.com/img/Shop/Btn/maintenanceview1.gif) no-repeat; } .Smaintenance .btnO { display: inline-block; width: 198px; height: 48px; background: url(http://image.surae.com/img/Shop/Btn/maintenanceview1_over.gif) no-repeat; } .Smaintenance .btn:hover { background: url(http://image.surae.com/img/Shop/Btn/maintenanceview1_over.gif); } /*게시판목록*/ .SMainContent .ListTitle { width: 569px; } .SListTitle td { text-align: center; border-bottom: 2px solid #5988ea; background-color: #f9f9f9; } .SMainContent .Sortingall { clear: both; width: 580px; height: 21px; margin-top: 5px; padding: 0px; border-bottom: 1px solid #e6e6e6; background-color: #ffffff; } .SMainContent .Sortingtext { float: left; width: 200px; height: 20px; padding: 0px; font-size: 11px; color: #b4b4b4; text-align: left; } .SMainContent .Subsearch { width: 569px; padding: 5px; margin-top: 5px; border: 1px solid #e6e6e6; background-color: #f9f9f9; text-align: center; } .SMainContent .SortingImg { float: right; width: 369px; height: 21px; padding: 0px; text-align: right; } .SMainContent .ListBtn { clear: both; width: 569px; height: auto; border: 0px; margin: 5px 0px 5px 0px; border: 0px; padding: 5px 0px 5px 0px; } .Stable { display: inline-block; width: 580px; height: auto; padding: 0px; text-align: left; } .Stable td { border-bottom: 1px solid #e6e6e6; } .Stable .left { padding: 0px 0px 0px 5px; width: 545px; } .Stable .right { padding: 0px 0px 0px 5px; width: 20px; } .Stable .width { width: 502px; } .Stable textarea { width: 98%; height: 40px; margin: 5px 0px 5px 0px; } .Stext { clear: both; width: 577px; height: auto; text-align: left; padding: 5px 0px 5px 3px; line-height: 120%; } /*글보기부분 */ .SViewContent { display: inline-block; width: 580px; height: auto; padding: 0px; border-bottom: 1px solid #e6e6e6; text-align: left; } .SViewContent .left { float: left; width: 70px; height: 22px; padding: 5px 0px 0px 5px; font-weight: bold; } .SViewContent .right { float: left; width: 502px; height: 22px; padding: 5px 0px 0px 0px; } .SViewContent2 { width: 580px; height: auto; padding: 5px; border-bottom: 1px solid #e6e6e6; text-align: left; } .SViewContent2 .Btn { width: auto; height: auto; padding-top: 7px; text-align: center; } .SViewContent2 .Btnbg { vertical-align: middle; display: inline-block; width: 75px; height: 39px; padding: 3px 0px 0px 0px; margin-left: 1px; color: black; background: url(http://image.surae.com/img/Xboard/Btn/importuneS.gif) no-repeat; text-decoration: none; } .SViewContent2 .Btnbg:hover { background: url(http://image.surae.com/img/Xboard/Btn/importuneO.gif) no-repeat; text-decoration: none; color: black; } .SViewContent2 .BtnbgO { vertical-align: middle; display: inline-block; width: 75px; height: 39px; padding: 3px 0px 0px 0px; margin-left: 1px; background: url(http://image.surae.com/img/Xboard/Btn/importuneO.gif) no-repeat; text-decoration: none; color: black; } .SViewContent2 .Btnbg2 { vertical-align: middle; display: inline-block; width: 75px; height: 28px; padding: 14px 0px 0px 0px; margin-left: 1px; color: black; background: url(http://image.surae.com/img/Xboard/Btn/importuneS.gif) no-repeat; text-decoration: none; } .SViewContent2 .BtnbgB { vertical-align: middle; display: inline-block; width: 75px; height: 39px; padding: 3px 0px 0px 0px; margin-left: 1px; background: url(http://image.surae.com/img/Xboard/Btn/importuneB.gif) no-repeat; text-decoration: none; color: #c5c5c5; cursor: default; } /*방명록*/ .SGuestbox { padding: 5px; text-align: left; } .Sguesttable { display: inline-block; width: 580px; height: auto; padding: 0px; text-align: left; } .Sguesttable td { border-bottom: 1px solid #e6e6e6; } .Sguesttable .left { padding: 0px 0px 0px 5px; width: 545px; } .Sguesttable .right { padding: 0px 0px 0px 5px; width: 20px; } .Sguesttable textarea { width: 490px; height: 40px; margin: 5px 0px 0px 0px; } /*게시판타이틀*/ .STitleline { clear: both; width: 580px; height: 26px; padding: 0px; border-bottom: 2px solid #5988ea; } .STitleleft { float: left; width: 430px; height: 23px; padding: 3px 0px 0px 0px; border: 0px; text-align: left; } .STitleline2 { clear: both; width: 580px; height: 26px; padding: 0px; } .Sviewbutton { float: left; width: 380px; height: 23px; padding: 3px 0px 0px 0px; border: 0px; text-align: left; } .STitleright { float: right; width: 150px; height: 23px; padding: 0px; border: 0px; text-align: right; } .SBottomwrite { float: right; width: auto; height: 23px; padding: 3px 0px 0px 0px; border: 0px; text-align: right; } /*게시판 보기타이틀*/ .SViewTitle { display: inline-block; width: 580px; height: auto; border-bottom: 1px solid #e6e6e6; background-color: #f3f3f3; } .SViewTitle .left { float: left; width: 470px; height: auto; font-weight: bold; padding-left: 5px; margin-top: 6px; text-align: left; } .SViewTitle .right { float: right; width: 100px; height: 21px; color: #b4b4b4; font-size: 11px; margin-top: 6px; } /*작은버튼*/ .Sbtncustomresmall { display: inline-block; vertical-align: middle; width: 101px; height: 18px; background: url(http://image.surae.com/img/Shop/Btn/customregister.gif) no-repeat; } .Sbtnshopadminsmall { display: inline-block; vertical-align: middle; width: 51px; height: 18px; background: url(http://image.surae.com/img/Shop/Btn/shopadmin.gif) no-repeat; margin-left: 5px; } .Sbtnregisterdefinesmall { display: inline-block; vertical-align: middle; width: 52px; height: 18px; background: url(http://image.surae.com/img/Shop/Btn/registerdefine.gif) no-repeat; } /*GNB*/ .SBottomline { width: 580px; height: 21px; padding: 0px; margin: 5px 0px 5px 0px; border-bottom: 1px solid #e6e6e6; vertical-align: middle; text-align: left; } /*카피라이터 공용*/ .SMainBottom { clear: both; width: 770px; height: 30px; margin-top: 5px; padding: 5px 0px 0px 0px; border-top: 1px solid #cecdcb; } /**/ .Smallwhite { color: white; font-size: 11px; } .Smallwhite:link { color: white; } .Smallwhite:hover { color: white; text-decoration: underline; } .Smallwhite:visited { color: white; } /*------------------------------------------------------------------------------------------------------------------------------*/ /*고객지원안내CSS*/ /*신용도테이블*/ .Supportplacetable { border: 2px solid #faebcc; width: 651px; margin: auto; } .Supportplacetable td { padding: 1px; } .Supportplacetable .left { width: 83px; height: 61px; background: url(http://image.surae.com/img/Common/Support/Info/supportplace.gif) no-repeat center; } .Supportplacetable .right { padding: 7px 10px 5px 10px; } /*현장테이블*/ .Supportfieldtable { border: 2px solid #d9f1f9; width: 651px; margin: auto; } .Supportfieldtable td { padding: 1px; } .Supportfieldtable .left { width: 83px; height: 61px; background: url(http://image.surae.com/img/Common/Support/Info/supportfield.gif) no-repeat center; } .Supportfieldtable .right { padding: 7px 10px 5px 10px; } /*교육과포럼테이블*/ .Supportforumtable { border: 2px solid #fad5cc; width: 651px; margin: auto; } .Supportforumtable td { padding: 1px; } .Supportforumtable .left { width: 83px; height: 61px; background: url(http://image.surae.com/img/Common/Support/Info/supportforum.gif) no-repeat center; } .Supportforumtable .right { padding: 7px 10px 5px 10px; } /*운전자테이블*/ .Supportdrivertable { border: 2px solid #f9e5d9; width: 651px; margin: auto; } .Supportdrivertable td { padding: 1px; line-height: 16px; } .Supportdrivertable .left { width: 83px; height: 61px; background: url(http://image.surae.com/img/Common/Support/Info/supportdriver.gif) no-repeat center; } .Supportdrivertable .right { padding: 7px 10px 5px 10px; } /*도서관테이블*/ .Supportlibrarytable { border: 2px solid #d9ecf9; width: 651px; margin: auto; } .Supportlibrarytable td { padding: 1px; } .Supportlibrarytable .left { width: 83px; height: 61px; background: url(http://image.surae.com/img/Common/Support/Info/supportlibrary.gif) no-repeat center; } .Supportlibrarytable .right { padding: 7px 10px 5px 10px; } /*나눔터테이블*/ .Supportsharetable { border: 2px solid #e4f9d9; width: 651px; margin: auto; } .Supportsharetable td { padding: 1px; } .Supportsharetable .left { width: 83px; height: 66px; background: url(http://image.surae.com/img/Common/Support/Info/supportshare.gif) no-repeat center; } .Supportsharetable .right { padding: 7px 10px 5px 10px; } /*------------------------------------------------------------------------------------------------------------------------------*/ /*팝업페이지*/ .Layerpopuppage { width: 675px; border: 0px; background-color: white; padding: 0px; text-align: left; margin: 5px auto 0px auto; } .Layerpopuppage table { width: 675px; padding: 0px; } .Layerpopuppage .title { height: 50px; padding: 10px 3px 2px 0px; border-bottom: 1px solid #e6e6e6; margin-bottom: 3px; } .Layerpopuppage .text { height: auto; padding: 5px 0px 5px 25px; background: url(http://image.surae.com/img/Popup/20090415/20090414page_dotbg.gif) repeat-x; background-position: bottom; } .Layerpopuppage .textbr { height: auto; width: 625px; margin: auto; } .Layerpopuppage .textbr2 { height: auto; width: 615px; margin: auto; padding-left: 10px; } .Layerpopuppage .textbr3 { height: auto; width: 590px; margin: 10px 0px 10px 0px; padding-left: 35px; } .Layerpopuppage .process { float: left; width: 330px; border: 1px solid #e6e6e6; margin: 5px 2px 0px 2px; } .Layerpopuppage .processtop { width: 330px; background-color: #f7f7f7; height: 30px; border-bottom: 1px solid #e6e6e6; text-align: center; line-height: 14px; padding: 5px 0px 0px 0px; } .Layerpopuppage .processtext { width: 320px; height: auto; padding: 5px 5px 0px 5px; line-height: 14px; height: 80px; } .Layerpopuppage .btndetailview { display: inline-block; background: url(http://image.surae.com/img/Popup/20090415/20090414page_detailview.gif) no-repeat; width: 61px; height: 18px; } .Layerpopuppage .processbtn { float: left; width: 259px; height: 18px; margin: auto; } .Layerpopuppage .processbtn2 { float: right; width: 61px; height: 18px; margin-bottom: 5px; } .Layerpopuppage .local { float: left; width: 670px; margin: 5px auto 0px auto; } .Layerpopuppage .localtitle { width: 665px; font-weight: bold; margin: 0px auto 5px auto; padding: 0px 0px 0px 5px; } .Layerpopuppage .local table { width: 660px; margin: 0px auto 0px auto; } .Layerpopuppage .local table td { border: 1px solid #e6e6e6; text-align: center; padding: 0px; } .Layerpopuppage .localtd1 { width: 50px; background-color: #f7f7f7; } .Layerpopuppage .localtd2 { width: 230px; background-color: #f7f7f7; } .Layerpopuppage .localtd3 { width: 128px; background-color: #f7f7f7; } .Layerpopuppage .localtd4 { width: 134px; background-color: #f7f7f7; } .Layerpopuppage .localtd5 { width: 91px; background-color: #f7f7f7; } .Layerpopuppage .place { width: 675px; padding: 0px; } .Layerpopuppage .place table { margin-top: 5px; } .Layerpopuppage .place table td { border: 1px solid #e6e6e6; } .Layerpopuppage .placetd1 { width: 40px; background-color: #f7f7f7; font-weight: bold; text-align: center; } .Layerpopuppage .placetd2 { width: 100px; background-color: #f7f7f7; font-weight: bold; text-align: center; } .Layerpopuppage .placetd3 { width: 98px; background-color: #f7f7f7; font-weight: bold; text-align: center; } .Layerpopuppage .placetd4 { width: 115px; background-color: #f7f7f7; font-weight: bold; text-align: center; } .Layerpopuppage .placetd5 { background-color: #f7f7f7; font-weight: bold; text-align: center; } .Layerpopuppage .placetdwhite1 { width: 40px; text-align: center; } .Layerpopuppage .placetdwhite2 { width: 100px; text-align: center; } .Layerpopuppage .placetdwhite3 { width: 98px; text-align: center; } .Layerpopuppage .placetdwhite4 { width: 115px; text-align: center; } .Layerpopuppage .placetdwhite5 { text-align: left; padding: 0px 0px 0px 5px; } .Layerpopuppage .placebtnview { display: inline-block; background: url(http://image.surae.com/img/Popup/20090415/20090414page_view.gif) no-repeat; width: 29px; height: 18px; } .Layerpopuppage .app { width: 625px; } .Layerpopuppage .app td { height: 17px; } .Layerpopuppage .appbtnex { display: inline-block; background: url(http://image.surae.com/img/Popup/20090415/20090414page_ex.gif) no-repeat; width: 39px; height: 18px; margin-bottom: 3px; } /*오프라인교육2탄_20090819*/ .Layerpopuppage .process2 { float: left; width: 670px; margin: 5px auto 0px auto; } .Layerpopuppage .process2 table { width: 660px; margin: 0px auto 0px auto; } .Layerpopuppage .process2 table td { border: 1px solid #e6e6e6; padding: 5px 3px 5px 3px; } .Layerpopuppage .process2td1 { width: 524px; background-color: #f7f7f7; font-weight: bold; text-align: center; } .Layerpopuppage .span { font-size: 14px; font-weight: bold; line-height: 240%; color: #5988EA; } .Layerpopuppage .process2td2 { width: 44px; background-color: #f7f7f7; font-weight: bold; text-align: center; } .Layerpopuppage .process2td3 { width: 74px; background-color: #f7f7f7; font-weight: bold; text-align: center; } .Layerpopuppage .tabletitle { width: 665px; margin: 0px auto 0px auto; padding: 15px 0px 15px 5px; } .Layerpopuppage .tabletitle2 { width: 665px; padding: 15px 0px 15px 5px; border-top: 1px solid #e6e6e6; } .Layerpopuppage .etantext { width: 660px; padding: 5px 0px 5px 10px; line-height: 25px; } .Layerpopuppage .etantext p { margin-top: 8px; } .Layerpopuppage .etantext2 { margin: 10px 0px 10px 20px; } .Layerpopuppage .etantext3 { width: 630px; padding: 10px 0px 5px 40px; line-height: 120%; margin: auto; } .Layerpopuppage .etantext3 p { margin-top: 5px; } .Layerpopuppage .etantext3 .e { margin-left: 15px; } .Layerpopuppage .etantext4 { width: 660px; line-height: 170%; margin: 10px auto 10px auto; text-align: center; font-size: 16px; font-weight: bold; } .Layerpopuppage .etantext5 { width: 650px; padding: 5px 0px 5px 10px; } .Layerpopuppage .etantext5 .br { width: 650px; padding: 5px 0px 5px 10px; font-size: 14px; font-weight: bold; } .Layerpopuppage .etantext5 .br2 { width: 640px; padding: 5px 0px 5px 10px; line-height: 20px; border: 1px solid #e6e6e6; margin: 0px 0px 0px 10px; background-color: #f7f7f7; } .Layerpopuppage .localtd6 { width: 67px; background-color: #f7f7f7; } .Layerpopuppage .localtd7 { width: 67px; background-color: #f7f7f7; } .Layerpopuppage .localtd8 { width: 110px; background-color: #f7f7f7; } .Layerpopuppage .localtd9 { width: 60px; background-color: #f7f7f7; } .Layerpopuppage .localtd10 { width: 108px; background-color: #f7f7f7; } .Layerpopuppage .localtd11 { width: 30px; background-color: #f7f7f7; } .Layerpopuppage .localtd12 { width: 120px; background-color: #f7f7f7; } .Layerpopuppage .localtd13 { width: 71px; background-color: #f7f7f7; } .Layerpopuppage .placetd6 { width: 93px; background-color: #f7f7f7; font-weight: bold; text-align: center; } .Layerpopuppage .placetd7 { width: 57px; background-color: #f7f7f7; font-weight: bold; text-align: center; } .Layerpopuppage .placetdwhite6 { text-align: center; } .Layerpopuppage .placetdwhite7 { text-align: center; background-color: #fef2e7; } .Layerpopuppage .money1 { width: 150px; background-color: #f7f7f7; font-weight: bold; text-align: center; } .Layerpopuppage .money2 { width: 100px; background-color: #f7f7f7; font-weight: bold; text-align: center; } .Layerpopuppage .money3 { width: 100px; background-color: #fef2e7; font-weight: bold; text-align: center; } .Layerpopuppage .money4 { width: 160px; background-color: #f7f7f7; font-weight: bold; text-align: center; } .Layerpopuppage .money5 { background-color: #f7f7f7; font-weight: bold; text-align: center; } .Layerpopuppage .img { text-align: center; } .Layerpopuppage .btnall { clear: both; width: auto; text-align: center; } .Layerpopuppage .btnall table { text-align: center; } .Layerpopuppage .btnall td { text-align: center; } .Layerpopuppage .btnbg { vertical-align: middle; display: inline-block; width: 244px; height: 50px; padding: 18px 0px 0px 0px; margin-left: 1px; color: #5988ea; background: url(http://image.surae.com/img/Popup/20090819/btn_bg.gif) no-repeat; text-decoration: none; font-weight: bold; margin-bottom: 10px; font-weight: bold; text-align: center; } .Layerpopuppage .btnbg a:link { color: #5988ea; font-weight: bold; } .Layerpopuppage .btnbg a:hover { color: #5988ea; font-weight: bold; text-decoration: underline; } .Layerpopuppage .btnbg a:visited { color: #5988ea; font-weight: bold; } /*정비메뉴판*/ .Layerpopuppage2 { width: 675px; border: 0px; background-color: white; padding: 0px; text-align: left; margin: 5px auto 0px auto; } .Layerpopuppage2 table { width: 675px; padding: 0px; } .Layerpopuppage2 .detailview { width: 675px; border-top: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4; background-color: #f7f7f7; margin: 5px 0px 5px 0px; } .Layerpopuppage2 .detailview td { border-bottom: 1px solid #e4e4e4; line-height: 25px; padding: 3px 0px 3px 5px; } .Layerpopuppage2 .detailbtn { display: inline-block; width: 80px; height: 23px; background: url(http://image.surae.com/img/Popup/20091123/btn_detailview.gif) no-repeat; } /*20090826 회로도개편*/ .IconBigarrow { display: inline-block; background: url(http://image.surae.com/img/Xboard/Icon/bigarrow.gif) left 1px no-repeat; margin: 0px 2px 0px 2px; padding-left: 12px; color: black; font-weight: bold; font-size: 14px; } .IconBigbluearrow { display: inline-block; background: url(http://image.surae.com/img/Xboard/Icon/bigbluearrow.gif) left 1px no-repeat; margin: 0px 2px 0px 2px; padding-left: 12px; color: #303f98; font-weight: bold; font-size: 16px; } .IconBigorangearrow { display: inline-block; background: url(http://image.surae.com/img/Xboard/Icon/bigorangearrow.gif) left 1px no-repeat; margin: 0px 2px 0px 2px; padding-left: 12px; color: #df8203; font-weight: bold; font-size: 16px; } .Csearchbelow { clear: both; width: 703px; margin: 5px 0px 5px 0px; border-bottom: 1px solid #e6e6e6; font-size: 14px; padding: 0px 0px 5px 0px; } .Csearchbelow .img { margin: 0px 0px 5px 0px; } .RequestBg { display: inline-block; background: url(http://image.surae.com/img/Xboard/Circuit/RequestBg.gif) center 40px no-repeat; width: 703px; font-size: 14px; height: 300px; border-bottom: 1px solid #e6e6e6; padding-top: 230px; line-height: 25px; } .CarsearchBg { display: inline-block; background: url(http://image.surae.com/img/Xboard/Circuit/CarsearchBg.gif) center 40px no-repeat; width: 703px; font-size: 14px; height: 234px; padding-top: 180px; line-height: 25px; } .RedBtnbg { vertical-align: middle; display: inline-block; width: 75px; height: 34px; padding: 10px 0px 0px 0px; margin-left: 1px; color: red; background: url(http://image.surae.com/img/Xboard/Btn/importuneS.gif) no-repeat; text-decoration: none; font-weight: bold; margin-bottom: 10px; text-align: center; } .RedBtnbg a:link { color: red; text-decoration: none; font-weight: bold; text-align: center; } .RedBtnbg a:visited { color: red; text-decoration: none; font-weight: bold; text-align: center; } .RedBtnbg a:hover { color: red; text-decoration: none; font-weight: bold; text-align: center; } .RedBtnbg2 { vertical-align: middle; display: inline-block; width: 75px; height: 30px; padding: 14px 0px 0px 0px; margin-left: 1px; color: red; background: url(http://image.surae.com/img/Xboard/Btn/importuneS.gif) no-repeat; text-decoration: none; font-weight: bold; text-align: center; } .RedBtnbg2 a:link { color: red; text-decoration: none; font-weight: bold; text-align: center; } .RedBtnbg2 a:visited { color: red; text-decoration: none; font-weight: bold; text-align: center; } .RedBtnbg2 a:hover { color: red; text-decoration: none; font-weight: bold; text-align: center; } .CarsearchviewBg { display: inline-block; background: url(http://image.surae.com/img/Xboard/Circuit/CarsearchviewBg.gif) center 40px no-repeat; width: 703px; font-size: 14px; height: 260px; border-bottom: 1px solid #e6e6e6; padding-top: 280px; line-height: 25px; } .Csotitle { clear: both; width: 703px; text-align: left; padding: 5px 0px 5px 0px; } .Ctablist { clear: both; width: 703px; text-align: left; } .Ctablist .line { float: right; width: 577px; height: 31px; border-bottom: 1px solid #e6e6e6; text-align: right; } .Ctabcontent1 { clear: both; width: 700px; text-align: left; margin: 15px auto 0px auto; } .Ctabcontent1 .title { display: inline-block; width: 700px; background: url(http://image.surae.com/img/Expert/Library/Circuit/title_country1.gif) no-repeat; margin: 0px 0px 5px 0px; height: 15px; } .Ctabcontent1 .title2 { display: inline-block; width: 700px; background: url(http://image.surae.com/img/Expert/Library/Circuit/title_country2.gif) no-repeat; margin: 0px 0px 5px 0px; height: 15px; } .Ctabcontent1 .title3 { display: inline-block; width: 700px; background: url(http://image.surae.com/img/Expert/Library/Circuit/title_abroad1.gif) no-repeat; margin: 0px 0px 5px 0px; height: 15px; } .Ctabcontent1 .title4 { display: inline-block; width: 700px; background: url(http://image.surae.com/img/Expert/Library/Circuit/title_abroad2.gif) no-repeat; margin: 0px 0px 5px 0px; height: 15px; } .Ctabcontent1 .table { border: 1px solid #e6e6e6; width: 698px; margin-bottom: 7px; } .Ctabcontent1 td { /*width:170px;*/ padding-left: 3px; height: 30px; } .Ctabcontent1 .tdblue { background-color: #f4fbff; border-bottom: 1px solid #e6e6e6; } .brand { float: left; width: 30px; height: 24px; margin: 6px 0px 0px 5px; } .bigtext { float: left; width: 635px; height: 17px; padding: 7px 1px 1px 4px; } .Ctabcontent1 .tdpurple { background-color: #f3f4ff; border-bottom: 1px solid #e6e6e6; } .ViewContent6 { width: 691px; height: auto; padding: 5px; border-bottom: 1px solid #e6e6e6; text-align: left; font-size: 11px; } .CViewTitle { display: inline-block; width: 705px; height: auto; border-bottom: 1px solid #e6e6e6; background-color: #f3f3f3; border-top: 2px solid #5988ea; margin-top: 5px; } .CViewTitle .left { float: left; width: 600px; height: auto; font-weight: bold; padding-left: 5px; margin-top: 6px; text-align: left; } .CViewTitle .right { float: right; width: 100px; height: 21px; color: #b4b4b4; font-size: 11px; margin-top: 6px; } .CViewTitle2 { display: inline-block; width: 705px; height: auto; border-bottom: 1px solid #e6e6e6; background-color: #f3f3f3; border-top: 2px solid #f5af4c; margin-top: 5px; } .CViewTitle2 .left { float: left; width: 600px; height: auto; font-weight: bold; padding-left: 5px; margin-top: 6px; text-align: left; } .CViewTitle2 .right { float: right; width: 100px; height: 21px; color: #b4b4b4; font-size: 11px; margin-top: 6px; } .CViewLine { display: inline-block; width: 705px; height: auto; border-top: 2px solid #5988ea; } .CViewLine2 { display: inline-block; width: 705px; height: 4px; border-top: 2px solid #f5af4c; } .CViewtext { clear: both; margin: 10px 0px 0px 0px; width: 705px; text-align: left; font-size: 14px; font-weight: bold; } .CViewtext2 { clear: both; margin: 10px 0px 0px 0px; width: 695px; text-align: left; font-size: 14px; padding: 0px 0px 0px 10px; } .CViewtext2 .left { float: left; width: 347px; text-align: center; } .CViewtext2 .right { float: right; width: 347px; text-align: center; } /*정비메뉴판CSS*/ .MenuContentSub .Menusearch { width: auto; padding: 5px 5px 5px 20px; border: 1px solid #e6e6e6; background-color: #f9f9f9; text-align: left; font-weight: bold; color: #303f98; } .MenuContentSub .Menusearchorange { width: auto; padding: 5px 5px 5px 20px; border: 1px solid #e6e6e6; margin-top: 5px; border-bottom: 0px; background-color: #f9f9f9; text-align: left; font-weight: bold; color: #f05722; } .MenuContentSub .Menusearch3 { width: auto; padding: 5px 5px 5px 20px; border: 1px solid #e6e6e6; background-color: #f9f9f9; text-align: left; } .MenuContentSub .Menusearch3 table { width: auto; text-align: left; } .MenuContentSub .Menusearch3 td { padding-left: 3px; padding-right: 3px; } .MenuContentSub .ListContent { width: 900px; height: 28px; } .MenuContentSub .Menusearch2 { width: auto; padding: 10px 5px 10px 20px; border: 1px solid #e6e6e6; margin-top: 5px; background-color: #f9f9f9; text-align: left; } .MenuContentSub .Menusearch2 table { width: 98%; text-align: left; margin: auto; } .MenuContentSub .Menusearch2 .width1 { width: 85px; text-align: left; padding: 0px 0px 10px 0px; } .MenuContentSub .Menusearch2 .width1height { padding: 0px 0px 10px 0px; } .MenuContentSub .Menusearch2 .width2 { width: 80px; text-align: left; padding-left: 20px; } .MenuContentSub .Menusearch2 .width3 { width: 75px text-align:left; padding-left: 11px; } .MenuContentSub .Menusearch2 .width4 { padding-left: 11px; } .MenuContentSub .Menusearchtop { width: auto; padding: 5px 5px 5px 20px; border: 1px solid #e6e6e6; border-top: 0px; background-color: #f9f9f9; text-align: center; } .MenuContentSub .Menusearchtop table { width: auto; text-align: left; margin: auto; } .MenuContentSub .Menusearchtop td { padding: 0px 3px 0px 2px; } .MenuContentSub .Menusortingall { clear: both; width: auto; height: 25px; margin-top: 15px; padding: 0px; border-bottom: 1px solid #e6e6e6; background-color: #ffffff; } .MenuContentSub .Menusortingtext { float: left; width: 150px; height: 21px; padding: 3px 0px 0px 0px; font-size: 11px; color: #b4b4b4; text-align: left; } .MenuContentSub .Menusortingtext2 { float: left; width: 500px; height: 21px; padding: 3px 0px 0px 0px; font-size: 12px; color: #e33500; text-align: left; font-weight: bold; } .MenuContentSub .MenusortingImg { float: right; width: 303px; height: 25px; padding: 0px; margin-bottom: 3px; text-align: right; vertical-align: bottom; } .MenuContentSub .MenusortingImg2 { float: right; width: 303px; height: 21px; padding: 0px; margin-bottom: 3px; text-align: right; font-size: 11px; color: #b4b4b4; } .MenuContentSub .MenuListTitle { width: autox; text-align: center; border-bottom: 2px solid #5988ea; background-color: #f9f9f9; } .MenuContentSub .Menubuttonall { clear: both; width: auto; height: 25px; margin-top: 15px; padding: 0px; } .MenuContentSub .Menubuttonleft { float: left; width: 150px; height: 21px; padding: 3px 0px 0px 0px; font-size: 11px; color: #b4b4b4; text-align: left; } .MenuContentSub .Menubuttonright { float: right; width: 303px; height: 25px; padding: 0px; margin-bottom: 3px; text-align: right; vertical-align: bottom; } .Menutablist { clear: both; width: 900px; tmenusortingimgext-align: left; margin-top: 15px; } /*정비메뉴판 서브페이지크게*/ .MenuContentSub { float: left; width: 900px; padding: 0px; border: 0px; } .MenuContentSub .Content { width: auto; margin: 0px 0px 5px 0px; border: 1px solid #e6e6e6; background-color: #ffffff; } .MenuContentSub .Subsearch { width: auto; padding: 10px 5px 10px 20px; margin-top: 5px; border: 1px solid #e6e6e6; background-color: #f9f9f9; text-align: left; } .MenuContentSub .Subsearch table { width: 98%; text-align: left; } .MenuContentSub .Smalltable { width: 650px; margin-top: 10px; } .MenuContentSub .Subsearch .smalltabletd { border-top: 1px solid #e4e4e4; padding: 5px 0px 5px 0px; font-weight: bold; color: #f05722; } .MenuContentSub .Subsearch .Swidth1 { text-align: left; padding-left: 5px; } .MenuContentSub .Subsearch .Swidth2 { width: 110px; text-align: left; padding-left: 5px; } .MenuContentSub .Subsearch .Swidth3 { width: 200px; text-align: left; padding-left: 5px; } .MenuContentSub .Subsearch .Swidth4 { width: 169px; } .MenuContentSub .Subsearch .Swidth5 { width: 245px; text-align: left; padding-left: 5px; } .MenuContentSub .Subsearch .Swidth6 { width: 156px; text-align: left; padding-left: 5px; } .MenuContentSub .Subsearch .Swidth7 { width: 230px; text-align: left; padding-left: 5px; } .MenuContentSub .Bottomline { width: auto; height: 21px; padding: 0px; margin: 0px 0px 5px 0px; border-bottom: 1px solid #e6e6e6; vertical-align: middle; text-align: left; } .Subsearchtext { font-weight: bold; padding-right: 3px; text-align: right; } .MenuContentSub .Titleline { clear: both; width: auto; height: 26px; padding: 0px; border-bottom: 2px solid #5988ea; } .MenuContentSub .ListBtn { clear: both; width: auto; height: auto; margin: 15px 0px 5px 0px; border: 0px; padding: 5px 0px 5px 0px; } .MTopmenu { width: auto; margin: 15px 0px 15px 0px; } /*정비메뉴판테이블 타이틀*/ .Mtd1 { width: 50px; border-right: 1px solid #e4e4e4; text-align: center; } .Mtd1:link { text-decoration: underline; } .Mtd1:visited { color: blue; text-decoration: underline; font-weight: bold; } .Mtd1:hover { text-decoration: underline; font-weight: bold; } .Mtd1top { width: 50px; border-right: 1px solid #e4e4e4; text-align: center; } .Mtd1num { width: 45px; border-right: 1px solid #e4e4e4; text-align: center; } .Mtd12 { width: 50px; text-align: center; } .Mtd2 { width: 174px; border-right: 1px solid #e4e4e4; text-align: center; } .Mtd2carall { width: 174px; border-right: 1px solid #e4e4e4; } .Mtd2car { clear: both; text-align: left; padding-left: 5px; } .Mtd2engine { clear: both; text-align: right; padding-right: 5px; } .Mtd3 { width: 56px; border-right: 2px solid #cdcdcd; text-align: center; } .Mtd4top { width: 189px; border-right: 1px solid #e4e4e4; text-align: center; border-bottom: 1px solid #e4e4e4; } .Mtd4topT { width: 197px; border-right: 1px solid #e4e4e4; text-align: center; border-bottom: 1px solid #e4e4e4; } .Mtd4bottom1 { width: 73px; border-right: 1px solid #e4e4e4; text-align: center; } .Mtd4bottom2 { width: 41px; border-right: 1px solid #e4e4e4; text-align: center; } .Mtd4bottom3 { width: 73px; border-right: 1px solid #e4e4e4; text-align: center; } .Mtd4bottom4 { width: 43px; border-right: 1px solid #e4e4e4; text-align: center; } .Mtd4bottom5 { width: 75px; border-right: 1px solid #e4e4e4; text-align: center; } .Mtd4content1 { width: 70px; border-right: 1px solid #e4e4e4; text-align: right; padding-right: 3px; } .Mtd4content2 { width: 38px; border-right: 1px solid #e4e4e4; text-align: right; padding-right: 3px; } .Mtd4content3 { width: 70px; border-right: 1px solid #e4e4e4; text-align: right; padding-right: 3px; } .Mtd4content4 { width: 41px; border-right: 1px solid #e4e4e4; text-align: right; padding-right: 3px; } .Mtd4content5 { width: 72px; border-right: 1px solid #e4e4e4; text-align: right; padding-right: 3px; } .Mtd5 { width: 90px; border-right: 1px solid #e4e4e4; text-align: center; background-color: #eeeeee; } .Mtd52 { width: 92px; text-align: center; background-color: #eeeeee; } .Mtd5nomal { width: 87px; border-right: 1px solid #e4e4e4; text-align: right; font-weight: bold; padding-right: 3px; } .Mtd5nomal2 { width: 89px; text-align: center; font-weight: bold; padding-right: 3px; } .Mtd5nomal3 { width: 91px; border-right: 1px solid #e4e4e4; text-align: center; font-weight: bold; padding-right: 3px; } .Menutitleleft { float: left; width: 900px; height: 23px; padding: 3px 0px 0px 0px; border: 0px; text-align: left; } .Mtd6 { width: 60px; border-right: 1px solid #e4e4e4; text-align: center; } .Mtd7 { width: 153px; border-right: 1px solid #e4e4e4; text-align: center; } .Mtd8 { width: 215px; border-right: 1px solid #e4e4e4; text-align: center; } .Mtd9 { width: 71px; text-align: center; } .Mtd10top { width: 255px; border-right: 1px solid #e4e4e4; text-align: center; border-bottom: 1px solid #e4e4e4; } .Mtd10bottom1 { width: 96px; border-right: 1px solid #e4e4e4; text-align: center; } .Mtd10bottom2 { width: 61px; border-right: 1px solid #e4e4e4; text-align: center; } .Mtd10bottom3 { width: 96px; border-right: 1px solid #e4e4e4; text-align: center; } .Mtd11 { width: 105px; border-right: 1px solid #e4e4e4; text-align: center; background-color: #eeeeee; } .Mtd11nomal { width: 105px; border-right: 1px solid #eeeeee; text-align: center; } .Morangebigtext { font-size: 16px; font-weight: bold; color: #e33500; padding: 30px 0px 30px 0px; } /*정비메뉴판메뉴*/ .MenuTopmenu1 { display: inline-block; width: 188px; height: 44px; background: url(http://image.surae.com/img/Expert/Field/Menupan/Top_menu1.gif); } .MenuTopmenu1O { display: inline-block; width: 188px; height: 44px; background: url(http://image.surae.com/img/Expert/Field/Menupan/Top_menu1a.gif); } .MenuTopmenu1:hover { background: url(http://image.surae.com/img/Expert/Field/Menupan/Top_menu1a.gif); } .MenuTopmenu2 { display: inline-block; width: 187px; height: 44px; background: url(http://image.surae.com/img/Expert/Field/Menupan/Top_menu2.gif); } .MenuTopmenu2O { display: inline-block; width: 187px; height: 44px; background: url(http://image.surae.com/img/Expert/Field/Menupan/Top_menu2a.gif); } .MenuTopmenu2:hover { background: url(http://image.surae.com/img/Expert/Field/Menupan/Top_menu2a.gif); } .MenuTopmenu3 { display: inline-block; width: 188px; height: 44px; background: url(http://image.surae.com/img/Expert/Field/Menupan/Top_menu3.gif); } .MenuTopmenu3O { display: inline-block; width: 188px; height: 44px; background: url(http://image.surae.com/img/Expert/Field/Menupan/Top_menu3a.gif); } .MenuTopmenu3:hover { background: url(http://image.surae.com/img/Expert/Field/Menupan/Top_menu3a.gif); } .MenuTopmenu4 { display: inline-block; width: 195px; height: 44px; background: url(http://image.surae.com/img/Expert/Field/Menupan/Top_menu4.gif); } .MenuTopmenu4O { display: inline-block; width: 195px; height: 44px; background: url(http://image.surae.com/img/Expert/Field/Menupan/Top_menu4a.gif); } .MenuTopmenu4:hover { background: url(http://image.surae.com/img/Expert/Field/Menupan/Top_menu4a.gif); } .MenuTopmenu5 { display: inline-block; width: 142px; height: 44px; background: url(http://image.surae.com/img/Expert/Field/Menupan/Top_menu5.gif); } .MenuTopmenu5O { display: inline-block; width: 142px; height: 44px; background: url(http://image.surae.com/img/Expert/Field/Menupan/Top_menu5a.gif); } .MenuTopmenu5:hover { background: url(http://image.surae.com/img/Expert/Field/Menupan/Top_menu5a.gif); } /*폼 부분*/ .Mform1 { width: 53px; text-align: right; padding-right: 2px; margin-right: 1px; } .Mform1color { width: 53px; text-align: right; padding-right: 2px; margin-right: 1px; border: 2px solid #f05722; background-color: #ffe9d1; } .Mform2 { width: 19px; text-align: right; padding-right: 2px; margin-right: 1px; } .Mform3 { width: 69px; text-align: right; font-weight: bold; padding-right: 2px; margin-right: 1px; } .Mform4 { width: 22px; text-align: right; padding-right: 2px; margin-right: 1px; } .Mform1b { width: 53px; color: #b4b4b4; font-size: 11px; text-align: right; margin-right: 1px; } .Mform2b { width: 21px; color: #b4b4b4; font-size: 11px; text-align: right; margin-right: 1px; } .Mform3b { width: 71px; color: #b4b4b4; font-size: 11px; text-align: right; margin-right: 1px; } .Mform4b { width: 24px; color: #b4b4b4; font-size: 11px; text-align: right; margin-right: 1px; } /*버튼*/ .Btnapply { vertical-align: middle; display: inline-block; width: 39px; height: 19px; background: url(http://image.surae.com/img/Xboard/Btn/apply.gif) no-repeat; padding-bottom: 1px; } .Btnworkexplain { vertical-align: middle; display: inline-block; width: 61px; height: 19px; background: url(http://image.surae.com/img/Xboard/Btn/workexplain.gif) no-repeat; } .CommentBtnbig1 { display: inline-block; width: 119px; height: 19px; padding: 27px 0px 28px 0px; margin-left: 40px; background: url(http://image.surae.com/img/Xboard/Btn/Bigbg2.gif) no-repeat center; font-size: 14px; font-weight: bold; text-align: center; } .CommentBtnbig1:link { color: black; text-decoration: none; } .CommentBtnbig1:hover { color: black; text-decoration: none; } .CommentBtnbig1:visited { color: black; text-decoration: none; } .CommentBtnbig5 { display: inline-block; width: 119px; height: 22px; padding: 10px 0px 10px 0px; background: url(http://image.surae.com/img/Xboard/Btn/Bigbg.gif) no-repeat center; font-size: 14px; font-weight: bold; text-align: center; } .CommentBtnbig5:link { color: black; text-decoration: none; } .CommentBtnbig5:hover { color: black; text-decoration: none; } .CommentBtnbig5:visited { color: black; text-decoration: none; } .Btnaverageprice { vertical-align: middle; display: inline-block; width: 74px; height: 44px; background: url(http://image.surae.com/img/Xboard/Btn/averageprice.gif) no-repeat; margin-bottom: 2px; } .Btnbundleprice { vertical-align: middle; display: inline-block; width: 74px; height: 44px; background: url(http://image.surae.com/img/Xboard/Btn/bundleprice.gif) no-repeat; margin-bottom: 2px; } .Btnsave { vertical-align: middle; display: inline-block; width: 45px; height: 48px; background: url(http://image.surae.com/img/Xboard/Btn/save.gif) no-repeat; margin-bottom: 2px; } .Btnsave2 { vertical-align: middle; display: inline-block; width: 45px; height: 48px; background: url(http://image.surae.com/img/Xboard/Btn/save2.gif) no-repeat; margin-bottom: 2px; } .Btnsstatement { vertical-align: middle; display: inline-block; width: 37px; height: 19px; background: url(http://image.surae.com/img/Xboard/Btn/small_statement.gif) no-repeat; } .Btnapplyrule { vertical-align: middle; display: inline-block; width: 52px; height: 18px; background: url(http://image.surae.com/img/Xboard/Btn/applyrule.gif) no-repeat; margin-bottom: 3px; } .Btnleftapplyrule { vertical-align: middle; display: inline-block; width: 74px; height: 18px; background: url(http://image.surae.com/img/Xboard/Btn/leftapplyrule.gif) no-repeat; margin-bottom: 3px; } .Btnapplyrule2 { vertical-align: middle; display: inline-block; width: 61px; height: 19px; background: url(http://image.surae.com/img/Xboard/Btn/applyrule2.gif) no-repeat; } /*아이콘*/ .Iconshopmanager { vertical-align: middle; display: inline-block; width: 16px; height: 15px; background: url(http://image.surae.com/img/Xboard/Icon/shopmanager.gif) no-repeat; } .Iconshopmanagerb { vertical-align: middle; display: inline-block; width: 16px; height: 15px; background: url(http://image.surae.com/img/Xboard/Icon/shopmanager_bi.gif) no-repeat; } /*폼박스*/ .Size60bold { width: 60px; font-weight: bold; } /*나의정비메뉴판탭부분*/ .Menutab1 { display: inline-block; width: 40px; height: 26px; background: url(http://image.surae.com/img/Expert/Field/Menupan/Tab_1.gif) no-repeat; } .Menutab1a { display: inline-block; width: 40px; height: 26px; background: url(http://image.surae.com/img/Expert/Field/Menupan/Tab_1a.gif) no-repeat; } .Menutab2 { display: inline-block; width: 41px; height: 26px; background: url(http://image.surae.com/img/Expert/Field/Menupan/Tab_2.gif) no-repeat; } .Menutab2a { display: inline-block; width: 41px; height: 26px; background: url(http://image.surae.com/img/Expert/Field/Menupan/Tab_2a.gif) no-repeat; } .Menutab3 { display: inline-block; width: 60px; height: 26px; background: url(http://image.surae.com/img/Expert/Field/Menupan/Tab_3.gif) no-repeat; } .Menutab3a { display: inline-block; width: 60px; height: 26px; background: url(http://image.surae.com/img/Expert/Field/Menupan/Tab_3a.gif) no-repeat; } .Menutab4 { display: inline-block; width: 63px; height: 26px; background: url(http://image.surae.com/img/Expert/Field/Menupan/Tab_4.gif) no-repeat; } .Menutab4a { display: inline-block; width: 63px; height: 26px; background: url(http://image.surae.com/img/Expert/Field/Menupan/Tab_4a.gif) no-repeat; } .Menutab5 { display: inline-block; width: 40px; height: 26px; background: url(http://image.surae.com/img/Expert/Field/Menupan/Tab_5.gif) no-repeat; } .Menutab5a { display: inline-block; width: 40px; height: 26px; background: url(http://image.surae.com/img/Expert/Field/Menupan/Tab_5a.gif) no-repeat; } .Menutabline { display: inline-block; width: 656px; height: 26px; background: url(http://image.surae.com/img/Expert/Field/Menupan/Tabline.gif) repeat-y; } .Tabcontents { clear: both; border-top: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4; background-color: #f5f5f5; width: auto; height: 20px; margin-top: 7px; text-align: left; padding: 5px 0px 3px 8px; font-weight: bold; } .Tabcontents2 { clear: both; width: auto; height: auto; margin-bottom: 10px; } .Tabcontents2 td { border-bottom: 1px solid #e4e4e4; line-height: 30px; vertical-align: top; } .Tabtd1 { width: 221px; height: auto; border-right: 1px solid #e4e4e4; padding-left: 3px; } .Tabtd2 { width: 221px; height: auto; padding-left: 3px; } .Menupanicon { display: inline-block; vertical-align: middle; width: 15px; height: 15px; background: url(http://image.surae.com/img/Left/icon_menupan.gif) no-repeat; margin-right: 5px; padding: 0px; } /*샵매니져추가_CSS*/ .STopmenuline {display:inline-block; width:auto; height:19px; padding:4px 7px 5px 2px; background:url(http://image.surae.com/img/Expert/Head/Main_top/Stopmenuline.gif) 95% 3px no-repeat; cursor:pointer;} /*샵매니저 메인*/ .UseGuideSub { display:inline-block;width:65px; height:18px; background:url(http://image.surae.com/img/Expert/Head/Search/title.gif) no-repeat; margin:0px 5px 0px 0px} .MainContent embed {margin:0px 0px 7px 0px} .UseGuideSubTab_bg_left {width:272px; height:25px; background:url(http://image.surae.com/img/Expert/Shopmanager/tab_left_bg.gif) no-repeat; margin:0px 0px 0px 0px; padding-left:15px; font-weight:bold; font-size:13px; padding-top:3px} .UseGuideSubTab_bg_right1 {width:71px; height:28px; background:url(http://image.surae.com/img/Expert/Shopmanager/use_epilogue1_d.gif) no-repeat; cursor:hand} .UseGuideSubTab_bg_right1over {width:71px; height:28px; background:url(http://image.surae.com/img/Expert/Shopmanager/use_epilogue1_c.gif) no-repeat; cursor:hand} .UseGuideSubTab_bg_right2 {width:216px; height:28px; background:url(http://image.surae.com/img/Expert/Shopmanager/tab_text2_d.gif) no-repeat; cursor:hand} .UseGuideSubTab_bg_right2over {width:216px; height:28px; background:url(http://image.surae.com/img/Expert/Shopmanager/tab_text2_c.gif) no-repeat; cursor:hand} .UseGuideSubTab_bg_rightBg {width:3px; height:28px; background:url(http://image.surae.com/img/Expert/Shopmanager/tab_left_bg.gif) no-repeat; margin:0px 0px 0px 0px;padding-left:8px; } .UseGuideSubTab_bg_right {width:147px; height:28px; background:url(http://image.surae.com/img/Expert/Shopmanager/img_main.gif) no-repeat; margin:0px 0px 0px 0px; color:#636363;font-weight:bold; font-size:14px;padding-left:90px; padding-top:10px } .SSboxtitle { width:340px; margin:0px 0px 10px 0px; text-align:left; vertical-align:middle} .ShopmanagerContentBady2 { width:340px; margin:0px; float:right; border:0px; background-color:#ffffff; text-align:left; vertical-align:middle} .ShopmanagerContentBady2 table { margin-bottom:10px} .Sboxall { float:left; width:340px} .ShopmanagerContent {float:left; width:280px; background-color:#ffffff; text-align:left; vertical-align:middle;white-space:nowrap;overflow:hidden;height:20px;} .ShopmanagerContentAll { clear:both; width:340px; height:20px;} .Mainleftalltable1 { height:18px; text-align:left;white-space:nowrap;overflow:hidden; line-height:20px} .ShopmanagerContentSub { float:right;width:60px;text-align:right;height:20px;} .ShopmanagerContent2 {float:left; width:340px; margin:0px 0px 7px 0px; border:0px; background-color:#ffffff; text-align:left; vertical-align:middle;white-space:nowrap;overflow:hidden; line-height:22px} /*사용가이드*/ .UseGuideAll {clear:both; width:auto; height:25px; text-align:left; border-bottom:1px solid #e6e6e6; border-top:1px solid #e6e6e6;padding:4px} .UseGuideAll .left { float:left;width:auto; text-align:left; height:20px; margin-top:5px} .UseGuideAll .right { float:left;width:25px; height:20px; text-align:left; margin-top:3px} .UseGuideTitle {width:80px; text-align:left; padding-left:10px; color:#303F98;font-weight:bold;} .UseGuideTitle2 {width:100px; text-align:left; font-color:#5987eb; font-weight:bold; font-size:13px} .UseGuideSubTitle {width:595px;text-align:left} .UseGuideSubTitleBlue {color:#5987eb; } .IconPadding { background:url(http://image.surae.com/img/Expert/Search/Sub/icon_arrow.gif) no-repeat 1px 6px; padding-left:15px} .IconPadding2 { background:url(http://image.surae.com/img/Expert/Search/Sub/icon_arrow.gif) no-repeat 1px 6px; padding-left:15px} .UseGuideTable { width:693px; padding-left:10px; padding-top:10px; color:#cccccc} .UseGuideTable a:link{ text-decoration:none; color:#000000} .UseGuideTable a:visited{ text-decoration:none} .UseGuideTable a:hover{ color:#5988EA} .ListTitle { font-weight:bold; text-align:right} .Subsearch { width:693px; padding:5px; margin-top:5px; border:1px solid #e6e6e6; background-color:#f9f9f9; } .UseGuideTitle_b { padding-left:5px; font-color:#5987eb; font-weight:bold; } .UseGuideTitle_icon { display:inline-block; width:10px; height:11px; padding-left:4px;background:url(http://image.surae.com/img/Expert/Search/Sub/icon_MagnifyingGlass.gif) no-repeat} .TableContents { padding:10px 10px 10px 10px; text-align:left} .TableContents p {text-align:center; margin-bottom:15px} .TableContents .title { font-weight:bold; color:red; font-size:13px} .TableContents .box { clear:both; width:650px; padding-left:20px; margin-bottom:10px;} .TableContents .boxsmall { clear:both; width:655px; padding-left:20px; line-height:20px} .TableContents .boxsmall2 { clear:both; width:510px; padding-left:90px; line-height:16px} .TableContents .boxsmall3 { clear:both; width:590px; padding-left:10px; } .TableContents .boxsmall4 { clear:both; width:585px; padding-left:15px; } .TableContents .box2 { clear:both; width:684px; margin-bottom:10px; height:auto} .TableContents .box2line { clear:both; width:684px; margin-bottom:10px; height:532px; border-bottom:1px solid #d4d4d4;} .TableContents .box2line2 { clear:both; width:684px; margin-bottom:10px; height:267px; border-bottom:1px solid #d4d4d4;} .TableContents .box2left { float:left; width:339px; vertical-align:top; height:auto;border-top:1px solid #d4d4d4;} .TableContents .box2right { float:right; width:339px; vertical-align:top; height:auto; padding-left:5px; border-left:1px solid #d4d4d4;border-top:1px solid #d4d4d4; } .TableContents .box2title { width:329px; font-weight:bold; margin:10px 0px 5px 0px ; color:#000000} .TableContents .box2box { width:329px; padding-left:10px; line-height:23px} .TableContents .box2img { width:329px; text-align:center; margin:5px 0px 10px 0px} .TableContents .box3 { clear:both; width:670px; margin:auto auto 15px auto; text-align:center} .TableContentsbox { clear:both; width:690px; padding-left:10px; margin:10px 0px 10px 0px; text-align:left; font-size:13px; line-height:20px; color:red} .TableContentsbox2 { clear:both; width:690px; padding-left:10px; margin:10px 0px 0px 0px; text-align:left; font-size:14px; line-height:17px; font-weight:bold} .TableLine_gray {height:1px; background-color:#e6e6e6;} .TableLine_grayS {width:height:1px; background-color:#e6e6e6;} .UseGuideTitle_tv { display:inline-block;width:14px; height:16px; background:url(http://image.surae.com/img/Expert/Shopmanager/icon_tv.gif) no-repeat; margin-top:2px} /*샵매니저 다운로드*/ .DownloadBtn {clear:both; width:auto; text-align:center; height:auto; margin:15px 13px 5px 30px; border:0px; padding:5px 0px 5px 0px} /*샵매니져추가*/ #divTopPRightshop { float: right; width: 465px; height: 45px; margin: 0px 0px 0px 20px; text-align: right; vertical-align: middle; font-size: 12px; font-weight: bold; } /*수레닷컴을 시작페이지로*/ .NAddtext:link { font-size: 11px; color: #303f98; } .NAddtext:hover { font-size: 11px; color: #303f98; } .NAddtext:visited { font-size: 11px; color: #303f98; } /* board */ .board1{border-top:solid 1px #dcdcdc; width:650px ; margin:auto auto 15px auto} .board1_header{ background-color: #f7f7f7; color: #62606b; font-weight: bold; text-align: center; border-right:solid 1px #dcdcdc; border-bottom:solid 1px #dcdcdc;} .board1_header2{ background-color: #f7f7f7; color: #62606b; font-weight: bold; text-align: center; border-bottom:solid 1px #dcdcdc;} .board1_left{background-color: #f7f7f7; color: #62606b; font-weight: bold; text-align: center; border-right:solid 1px #dcdcdc; border-bottom:solid 1px #dcdcdc;} .board1_left2{background-color: #f7f7f7; color: #62606b; font-weight: bold; text-align: center; border-bottom:solid 1px #dcdcdc;} .board1_body{ text-align: center; border-right:solid 1px #dcdcdc; border-bottom:solid 1px #dcdcdc;} .board1_body2{ text-align: center; border-bottom:solid 1px #dcdcdc;} .board2{border-top:solid 1px #dcdcdc; width:650px; margin:auto} .board2_header{ background-color: #f7f7f7; color: #62606b; text-align: center; border-right:solid 1px #dcdcdc; border-bottom:solid 1px #dcdcdc; font-weight: bold;} .board2_white{background-color: #ffffff; color: #62606b; text-align: center; border-right:solid 1px #dcdcdc; border-bottom:solid 1px #dcdcdc;} .board2_blue{ background-color: #e7f0fe; color: #62606b; text-align: center; border: 1px solid #dcdcdc;} .board2_red{background-color: #fef2e7; color: #62606b; text-align: center; border-right:solid 1px #dcdcdc; border-bottom:solid 1px #dcdcdc;} .board2_gray{background-color: #ebebeb; color: #62606b; text-align: center; border-bottom:solid 1px #dcdcdc;} .board2_gray_bold{ background-color: #ebebeb; color: #62606b; text-align: center; border-bottom:solid 1px #dcdcdc; font-weight: bold;} .Colortable{ width:100px; margin:10px auto auto auto} .color_blue { float:left;width:15px; height:15px;background-color: #e7f0fe; color: #62606b; text-align: center; border: 1px solid #dcdcdc; margin-right:3px} .color_red { float:left;width:15px; height:15px;background-color: #fef2e7; color: #62606b; text-align: center; border: 1px solid #dcdcdc; margin-right:3px} .board_bottom { color: #003399; text-align:center; font-size:11px; font-weight:bold; padding-top:10px} .board_bttom_s { float:left;font-size: 11px; margin-right:5px;} .board_bttom_ss { float:left;padding-right:5px} .period { color: #FF6600;} .aa { visibility: inherit; z-index: 100;} /* text 스타일 */ .title { font-weight: bold; color: #000000; font-size: 22px; line-height:24px; background:url(http://image.surae.com/img/Expert/Shopmanager/Useguide/title_bg.gif) no-repeat} .title_sub { font-weight: bold; color: #5988ea; font-size: 14px; padding-left:3px} .title_sub_ex { font-weight: bold; color: #888888; font-size: 13px; left: 5px; padding-left: 5px;} .title_sub_number { font-weight: bold; color: #333333; font-size: 12px; padding-left:25px} .title_sub_number_gray { font-weight: bold; color: #666666; font-size: 16px;} .view { color: #f26522; font-size: 13px; left: 5px; padding-left: 5px;} /*20107월 추가 CSS*/ /*가운데 컨텐츠 부분 CSS*/ .CenterPadd { margin:0px 12px 3px 12px} .Centerbar { width:410px; height:26px; margin-bottom:10px; color:#000000; text-align:left; padding:10px 10px 0px 25px; background:url(http://image.surae.com/img/Expert/Center/centerbar.gif) no-repeat} .Centerbar a:link { color:#000000; } .Centerbar a:visited { color:#000000; } .Centerbar a:hover { color:#000000; text-decoration:underline} /*오른쪽 메뉴 부분 CSS*/ .RightMenu { width:255px; margin:0px 0px 10px 0px; background-color:#ffffff} .RightMenuA {display:inline-block; width:86px; height:78px; background:url(http://image.surae.com/img/Right/Menu/menu1.gif);} .RightMenuAO {display:inline-block; width:86px; height:78px; background:url(http://image.surae.com/img/Right/Menu/menu1_O.gif);} .RightMenuA:hover {background:url(http://image.surae.com/img/Right/Menu/menu1_O.gif);} .RightMenuB {display:inline-block; width:85px; height:78px; background:url(http://image.surae.com/img/Right/Menu/menu2.gif);} .RightMenuBO {display:inline-block; width:85px; height:78px; background:url(http://image.surae.com/img/Right/Menu/menu2_O.gif);} .RightMenuB:hover {background:url(http://image.surae.com/img/Right/Menu/menu2_O.gif);} .RightMenuC {display:inline-block; width:84px; height:78px; background:url(http://image.surae.com/img/Right/Menu/menu3.gif);} .RightMenuCO {display:inline-block; width:84px; height:78px; background:url(http://image.surae.com/img/Right/Menu/menu3_O.gif);} .RightMenuC:hover {background:url(http://image.surae.com/img/Right/Menu/menu3_O.gif);} .RightMenuD {display:inline-block; width:86px; height:77px; background:url(http://image.surae.com/img/Right/Menu/menu4.gif);} .RightMenuDO {display:inline-block; width:86px; height:77px; background:url(http://image.surae.com/img/Right/Menu/menu4_O.gif);} .RightMenuD:hover {background:url(http://image.surae.com/img/Right/Menu/menu4_O.gif);} .RightMenuE {display:inline-block; width:85px; height:77px; background:url(http://image.surae.com/img/Right/Menu/menu5.gif);} .RightMenuEO {display:inline-block; width:85px; height:77px; background:url(http://image.surae.com/img/Right/Menu/menu5_O.gif);} .RightMenuE:hover {background:url(http://image.surae.com/img/Right/Menu/menu5_O.gif);} .RightMenuF {display:inline-block; width:84px; height:77px; background:url(http://image.surae.com/img/Right/Menu/menu6.gif);} .RightMenuFO {display:inline-block; width:84px; height:77px; background:url(http://image.surae.com/img/Right/Menu/menu6_O.gif);} .RightMenuF:hover {background:url(http://image.surae.com/img/Right/Menu/menu6_O.gif);} .RightMenuG {display:inline-block; width:86px; height:79px; background:url(http://image.surae.com/img/Right/Menu/menu7.gif);} .RightMenuGO {display:inline-block; width:86px; height:79px; background:url(http://image.surae.com/img/Right/Menu/menu7_O.gif);} .RightMenuG:hover {background:url(http://image.surae.com/img/Right/Menu/menu7_O.gif);} .RightMenuH {display:inline-block; width:85px; height:79px; background:url(http://image.surae.com/img/Right/Menu/menu8.gif);} .RightMenuHO {display:inline-block; width:85px; height:79px; background:url(http://image.surae.com/img/Right/Menu/menu8_O.gif);} .RightMenuH:hover {background:url(http://image.surae.com/img/Right/Menu/menu8_O.gif);} .RightMenuI {display:inline-block; width:84px; height:79px; background:url(http://image.surae.com/img/Right/Menu/menu9.gif);} .RightMenuIO {display:inline-block; width:84px; height:79px; background:url(http://image.surae.com/img/Right/Menu/menu9_O.gif);} .RightMenuI:hover {background:url(http://image.surae.com/img/Right/Menu/menu9_O.gif);} /*자주하는 질문*/ .TableTabPP { width: 705px; text-align: left; height: 25px; border-bottom: 2px solid #5988ea; } .TableTabP { float: left; width: 621px; text-align: left; height: 25px; } .TableTabP2 { float: right; text-align: left; width: 84px; height: 25px; } .TableTab1 { display: inline-block; width: 85px; height: 25px; background: url(http://image.surae.com/img/Expert/Shopmanager/tab_d1.gif) no-repeat; padding-right: 1px; } .TableTab2 { display: inline-block; width: 86px; height: 25px; background: url(http://image.surae.com/img/Expert/Shopmanager/tab_d2.gif) no-repeat; padding-right: 1px; } .TableTab3 { display: inline-block; width: 70px; height: 25px; background: url(http://image.surae.com/img/Expert/Shopmanager/tab_d3.gif) no-repeat; padding-right: 1px; } .TableTab4 { display: inline-block; width: 35px; height: 25px; background: url(http://image.surae.com/img/Expert/Shopmanager/tab_d4.gif) no-repeat; } .TableTab1C { display: inline-block; width: 85px; height: 25px; background: url(http://image.surae.com/img/Expert/Shopmanager/tab_c1.gif) no-repeat; padding-right: 1px; } .TableTab2C { display: inline-block; width: 86px; height: 25px; background: url(http://image.surae.com/img/Expert/Shopmanager/tab_c2.gif) no-repeat; padding-right: 1px; } .TableTab3C { display: inline-block; width: 70px; height: 25px; background: url(http://image.surae.com/img/Expert/Shopmanager/tab_c3.gif) no-repeat; padding-right: 1px; } .TableTab4C { display: inline-block; width: 35px; height: 25px; background: url(http://image.surae.com/img/Expert/Shopmanager/tab_c4.gif) no-repeat; } .blank { width: auto; height: 12px; } .Icon_quesion { display: inline-block; width: 84px; height: 23px; background: url(http://image.surae.com/img/Expert/Shopmanager/1question.gif) no-repeat; } .Tableback { background-color: #f7f7f7; color: #303f98; padding: 2px; } /*자주하는 질문 메뉴*/ .QuesTopMenu_B2 { display:inline-block; width:85px; height:25px; background:url(http://image.surae.com/img/Expert/Shopmanager/tab_d1.gif)} .QuesTopMenu_B2O { display:inline-block; width:85px; height:25px; background:url(http://image.surae.com/img/Expert/Shopmanager/tab_c1.gif)} .QuesTopMenu_B2:hover {background:url(http://image.surae.com/img/Expert/Shopmanager/tab_c1.gif);} .QuesTopMenu_B { display:inline-block; width:86px; height:25px; background:url(http://image.surae.com/img/Expert/Shopmanager/tab_d2.gif)} .QuesTopMenu_BO { display:inline-block; width:86px; height:25px; background:url(http://image.surae.com/img/Expert/Shopmanager/tab_c2.gif)} .QuesTopMenu_B:hover {background:url(http://image.surae.com/img/Expert/Shopmanager/tab_c2.gif);} .QuesTopMenu_C { display:inline-block; width:70px; height:25px; background:url(http://image.surae.com/img/Expert/Shopmanager/tab_d3.gif)} .QuesTopMenu_CO { display:inline-block; width:70px; height:25px; background:url(http://image.surae.com/img/Expert/Shopmanager/tab_c3.gif)} .QuesTopMenu_C:hover {background:url(http://image.surae.com/img/Expert/Shopmanager/tab_c3.gif);} .QuesTopMenu_D { display:inline-block; width:35px; height:25px; background:url(http://image.surae.com/img/Expert/Shopmanager/tab_d4.gif)} .QuesTopMenu_DO { display:inline-block; width:35px; height:25px; background:url(http://image.surae.com/img/Expert/Shopmanager/tab_c4.gif)} .QuesTopMenu_D:hover {background:url(http://image.surae.com/img/Expert/Shopmanager/tab_c4.gif);} .QuesTopMenu_G { display:inline-block; width:85px; height:25px; background:url(http://image.surae.com/img/Expert/Shopmanager/tab_d1.gif)} .QuesTopMenu_GO { display:inline-block; width:85px; height:25px; background:url(http://image.surae.com/img/Expert/Shopmanager/tab_c1.gif)} .QuesTopMenu_G:hover {background:url(http://image.surae.com/img/Expert/Shopmanager/tab_c1.gif);}