﻿/* 기본 */
* {margin:0px;padding:0px;}
body {background-color:#fff;color:#62636d;font:12px/18px 돋움,Dotum,AppleGothic,sans-serif;text-align:center;height:100%;width:100%;
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;*word-break:break-all;-ms-word-break:break-all; }
input {	border:1px solid #CCCCCC;font:12px/150% 돋움, Dotum,AppleGothic,sans-serif; color:#62636d ;height:18px;text-align: left;text-indent: 2px; vertical-align:middle;}
table {width:100%; border:0px; padding:0px; border-collapse:collapse;}
td {text-align:left; vertical-align:middle; height:25px}
select {border:1px solid #749dec;font:12px 돋움, Dotum,AppleGothic,sans-serif; color:#62636d}
textarea {border:1px solid #CCCCCC; font:12px 돋움, Dotum,AppleGothic,sans-serif; color:#62636d; padding:3px}
ul {padding:2px 2px 2px 0px}
li { list-style:none; background:url(http://image.surae.com/img/Left/icon_dot.gif) center left no-repeat; text-align:left}

/*이미지*/
img {margin:0px; padding:0px; border:0px; vertical-align:middle}
.imgBlock {border:0px; display:block; float:left;}
.imgLogo {border:0px; margin-top:10px;}
#imgLogo {float:left; margin-left:7px; margin-top:15px;}
.imgBox95 { width:91px; height:66px; padding:2px 2px 2px 2px; margin:4px; background-image:url(http://image.surae.com/img/Right/Bestview/Image_box95.gif);}
.imgBox { float:left; width:88px; height:72px; padding:1px 1px 1px 1px; margin:3px; border:1px solid #e6e6e6}
.imgBox5 { float:left; width:48px; height:32px; padding:1px 1px 1px 1px; margin:3px; border:1px solid #e6e6e6}
.imgBox2 { float:left; width:77px; height:51px; padding:1px 1px 1px 1px; margin:3px; border:1px solid #e6e6e6}
.imgBox3 { float:left; width:36px; height:33px; padding:1px 1px 1px 1px; margin:3px; border:1px solid #e6e6e6}
.imgBox4 { float:left; width:170px; height:100px; padding:1px 1px 1px 1px; margin:3px; border:1px solid #e6e6e6}
.imgBox6 { float:left; width:59px; height:35px; padding:1px 1px 1px 1px; margin:3px; border:1px solid #e6e6e6}
.imgBox7 { float:left; width:66px; height:51px; padding:1px 1px 1px 1px; margin:3px; border:1px solid #e6e6e6}
.imgBox8 { float:left; width:100px; height:100px; padding:1px 1px 1px 1px; margin:3px; border:1px solid #e6e6e6}
.imgBoxcarbrands { width:24px; height:14px; padding:1px 1px 1px 1px; margin-right:2px; border:1px solid #e6e6e6}
.imgBoxcarbrand { width:35px; height:21px; padding:1px 1px 1px 1px; border:1px solid #e6e6e6}
.imgBoxcarbrand2 { width:25px; height:14px; padding:1px 1px 1px 1px; border:1px solid #e6e6e6}


/*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}
/*GNB*/
.Bottomline {width:705px; height:21px; padding:0px; margin:0px 0px 5px 0px; border-bottom:1px solid #e6e6e6; vertical-align:middle; text-align:left}



/*왼쪽 정비소 검색*/
.Leftshopsearch {width:95%; margin:0px auto 0px auto;padding:3px 0px 3px 0px}
.Leftshopsearch input { width:140px}

/*테이블 부분*/
.Mainleftalltable {width:186px; height:18px; line-height:22px; overflow:hidden; text-align:left;background:none;white-space:nowrap}
.Maincontentalltable {width:441px; height:18px; line-height:22px; overflow:hidden; text-align:left;background:none;white-space:nowrap}
.MainRightalltable {width:251px; height:18px; line-height:22px; overflow:hidden; text-align:left;background:none;white-space:nowrap}
.MainRightalltable2 {width:240px; height:18px; line-height:22px; overflow:hidden; text-align:left;background:none;white-space:nowrap}



/*상단홈버튼 공통*/
.Btnexpert { display:inline-block; width:58px; height:21px; background:url(http://image.surae.com/img/Common/Btn/expert_home.gif) no-repeat; margin-right:3px}
.Btnowner { display:inline-block; width:58px; height:21px; background:url(http://image.surae.com/img/Common/Btn/owner_home.gif) no-repeat}


/* 메인 공통*/
.MainLeft { float:left; width:190px; height:auto; padding:0px 5px 0px 0px; border:0px;}
.MainContent { float:left; width:445px; padding:0px 5px 0px 0px; border:0px;}
.MainContent embed {margin:0px 0px 7px 0px}
.MainContent object {margin:0px 0px 7px 0px}
.MainRight { float:left; width:255px; padding:0px 0px 0px 0px; border:0px;}

/*로그아웃 박스*/
.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}

/*검색공용부분*/
.Searchlight {width:900px; height:29px; background:url(http://image.surae.com/img/Expert/Head/Search/search_bg2.gif) repeat-x; margin-bottom:7px}
.Searchlight table {width:98%; margin:0px auto 0px auto}
.Searchlight img {padding:0px 5px 0px 0px}
.Searchlight td {padding:6px 0px 0px 0px}
#divSearchLeft {float:left; width:380px; text-align:left; height:34px}
#divSearchRight {float:right; width:500px; padding-top:7px; margin:0px 0px 0px 0px; text-align:right}
#spnSuraeLight {color:Yellow;}


/*서브메인*/
.MainContentSub { float:left; width:705px; padding:0px; border:0px;}
.MainContentSub .Content { width:703px; margin:0px 0px 5px 0px; border:1px solid #e6e6e6; background-color:#ffffff}
.MainContentSub .Subsearch { width:693px; padding:5px; margin-top:5px; border:1px solid #e6e6e6; background-color:#f9f9f9; text-align:center}
.Subsearchtext { font-weight:bold; padding-right:3px; text-align:right}
.MainContentSubFix { width:703px; padding:0px; border:0px;}
#divView { float:left; width:705px; padding:0px; border:0px;}

/*서브리스트 공용*/
.MainContentSub .Sortingall { clear:both;width:703px; height:21px; margin-top:5px; padding:0px; border-bottom:1px solid #e6e6e6; background-color:#ffffff}
.MainContentSub .Sortingtext { float:left; width:300px; height:21px; padding:0px;font-size:11px; color:#b4b4b4; text-align:left}
.MainContentSub .SortingImg { float:right; width:403px; height:21px; padding:0px; text-align:right; vertical-align:bottom}
.MainContentSub .SortingImg2 { clear:both; width:703px; height:26px; padding-bottom:5px; margin:5px 0px 0px 0px; text-align:right;border-bottom:1px solid #e6e6e6;}
.MainContentSub .ListTitle {width:703px}
.MainContentSub .ListInfo {width:703px; height:28px; border-bottom:1px solid #e6e6e6; background-color:#f3f3f3}
.MainContentSub .ListContent {width:703px; height:28px}
.MainContentSub .ListContent2 {width:703px; height:38px; border-bottom:1px solid #e6e6e6; background-color:white}
.MainContentSub .ListContentline {width:703px; height:28px}
.MainContentSub .ListBtn {clear:both; width:703px; height:auto; margin:5px 0px 5px 0px; border:0px; padding:5px 0px 5px 0px}
#divList {width:703px;}
.MainContentSub .Sortingmyall{ clear:both;width:703px; height:29px; margin-top:5px; padding:0px; border-bottom:1px solid #e6e6e6; background-color:#ffffff; vertical-align:bottom}
.MainContentSub .Sortingmytext { float:left; width:300px; height:29px; padding:0px;font-size:11px; color:#b4b4b4; text-align:left}
.MainContentSub .SortingmyImg { float:right; width:403px; height:21px; padding:0px; text-align:right; margin-top:8px}


/*서브글보기 부분*/
.ViewTitle {display:inline-block; width:705px; height:auto; border-bottom:1px solid #e6e6e6; background-color:#f3f3f3}
.ViewTitle .left {float:left; width:600px; height:auto; font-weight:bold; padding-left:5px; margin-top:6px; text-align:left}
.ViewTitle .right {float:right; width:100px; height:21px; color:#b4b4b4; font-size:11px; margin-top:6px}
.ViewTitleleft {height:21px; font-weight:bold; padding-top:4px; text-align:left}
.ViewContent {width:705px; height:22px; padding-top:5px; border-bottom:1px solid #e6e6e6; text-align:left}
.ViewContent .left {float:left; width:345px; height:22px; padding:0px 0px 0px 5px; text-align:left}
.ViewContent .right {float:right; width:350px; height:22px; padding:0px 5px 0px 0px; text-align:right; font-size:11px; color:#b4b4b4}
.ViewContent2 { display:inline-block; width:705px; height:auto;  padding:0px; border-bottom:1px solid #e6e6e6; text-align:left}
.ViewContent2 .left {float:left; width:85px; height:22px; padding:5px 0px 0px 5px; font-weight:bold}
.ViewContent2 .left2 {float:left; width:95px; height:22px; padding:5px 0px 0px 5px; font-weight:bold}
.ViewContent2 .right {float:left; width:262px; height:22px; padding:5px 0px 0px 0px}
.ViewContent2 .right2 {float:left; width:262px; height:22px; padding:5px 0px 0px 0px; border-right:1px solid #e6e6e6}
.ViewContent2 .right3 {float:left; width:614px; padding:5px 0px 0px 0px}
.ViewContent2 .right4 {float:left; width:251px; height:22px; padding:5px 0px 0px 0px; border-right:1px solid #e6e6e6}
.ViewContent2 .right4N {float:left; width:252px; height:22px; padding:5px 0px 0px 0px}
.ViewContent2 .right4A {float:left; width:605px; height:22px; padding:5px 0px 0px 0px}
.ViewContent2 .right5 {float:left; width:auto; padding:1px 5px 0px 0px}
.ViewContent3 {width:691px; height:auto ; padding:5px; border-bottom:1px solid #e6e6e6; text-align:left}
.ViewContent3 .Btn {width:auto; height:auto; padding-top:7px; text-align:center}
.ViewContent3 .Btn2 {width:auto; height:auto; margin:7px 0px 7px 0px; text-align:center; background-color:#f3f3f3; font-weight:bold}
.ViewContent3 .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}
.ViewContent3 .Btnbg:hover {background:url(http://image.surae.com/img/Xboard/Btn/importuneO.gif) no-repeat; text-decoration:none; color:black}
.ViewContent3 .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}
.Btnbgbig {vertical-align:middle; display:inline-block; width:109px; height:39px; padding:3px 0px 0px 0px;margin-left:1px; color:black;  background:url(http://image.surae.com/img/Xboard/Btn/Bigbg.gif) no-repeat; text-decoration:none}
.Btnbgbig:hover {background:url(http://image.surae.com/img/Xboard/Btn/BigbgO.gif) no-repeat; text-decoration:none; color:black}
.ViewContent3 .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}
.ViewContent3 .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}
.ViewContent4 { display:inline-block; width:705px; height:auto; padding:0px; border-bottom:1px solid #e6e6e6; text-align:left}
.ViewContent4 .left {float:left; width:63px; height:22px; padding:5px 0px 0px 5px; font-weight:bold}
.ViewContent4 .right {float:left; width:637px;  padding:5px 0px 0px 0px}
.ViewContent4 .file {clear:both; width:705px; height:auto; padding:0px 0px 5px 0px}
.Imgfile {margin-bottom:5px}
.ViewBtnqna  {vertical-align:middle; display:inline-block; width:84px; height:17px; margin-left:3px;  background:url(http://image.surae.com/img/Xboard/Btn/data_qna.gif) no-repeat}
.ViewBtncar  {vertical-align:middle; display:inline-block; width:74px; height:17px; margin-left:3px;  background:url(http://image.surae.com/img/Xboard/Btn/data_car.gif) no-repeat}
.ViewBtnact  {vertical-align:middle; display:inline-block; width:75px; height:17px;margin-left:3px;  background:url(http://image.surae.com/img/Xboard/Btn/data_act.gif) no-repeat}
.ViewBtnsystem {vertical-align:middle; display:inline-block; width:85px; height:17px;margin-left:3px;  background:url(http://image.surae.com/img/Xboard/Btn/data_system.gif) no-repeat}
.ViewIconmemo  {vertical-align:middle; display:inline-block; width:18px; height:18px; margin-left:2px;  background:url(http://image.surae.com/img/Xboard/Icon/comment_memo.gif) no-repeat}
.ViewIconmemoD  {vertical-align:middle; display:inline-block; width:18px; height:18px; margin-left:2px;  background:url(http://image.surae.com/img/Xboard/Icon/comment_memoD.gif) no-repeat; cursor:default}
.ViewIconhuman  {vertical-align:middle; display:inline-block; width:17px; height:18px;margin-left:2px;  background:url(http://image.surae.com/img/Xboard/Icon/comment_jiin.gif) no-repeat}
.ViewIconhumanD  {vertical-align:middle; display:inline-block; width:17px; height:18px;margin-left:2px;  background:url(http://image.surae.com/img/Xboard/Icon/comment_jiinD.gif) no-repeat; cursor:default}
.ViewIconshop  {vertical-align:middle; display:inline-block; width:17px; height:18px;margin-left:3px;  background:url(http://image.surae.com/img/Xboard/Icon/comment_shop.gif) no-repeat}
.ViewIconshopD  {vertical-align:middle; display:inline-block; width:17px; height:18px;margin-left:3px;  background:url(http://image.surae.com/img/Xboard/Icon/comment_shopD.gif) no-repeat; cursor:default}
.ViewIconwrite  {vertical-align:middle; display:inline-block; width:17px; height:18px;margin-left:3px;  background:url(http://image.surae.com/img/Common/Btn/writing.gif) no-repeat}



/*서브검색 부분*/
.Searchselcet1 {float:left;width:105px; height:17px; border:1px solid #e6e6e6; padding:1px 20px 1px 2px; margin-right:2px; background:#FFFFFF url(http://image.surae.com/img/Expert/Search/Sub/icon_selectarrow.gif) 95% 4px no-repeat; cursor:pointer; }
.Searchselcet2 {float:left; width:65px; height:17px; border:1px solid #e6e6e6; padding:1px 20px 1px 2px; margin-right:2px; background:#FFFFFF url(http://image.surae.com/img/Expert/Search/Sub/icon_selectarrow.gif) 95% 4px no-repeat; cursor:pointer}
.Searchselcet5 {float:left; width:80px; overflow:hidden; height:17px; border:1px solid #e6e6e6; padding:1px 20px 1px 2px; margin-right:2px; background:#FFFFFF url(http://image.surae.com/img/Expert/Search/Sub/icon_selectarrow.gif) 95% 4px no-repeat; cursor:pointer; }
.Searchselcet6 {float:left; width:50px; height:17px; border:1px solid #e6e6e6; padding:1px 20px 1px 2px; margin-right:2px; background:#FFFFFF url(http://image.surae.com/img/Expert/Search/Sub/icon_selectarrow.gif) 95% 4px no-repeat; cursor:pointer}
.Searchselcet7 {float:left; width:65px; height:17px; border:1px solid #e6e6e6; padding:1px 20px 1px 2px; margin-right:2px; background:#FFFFFF url(http://image.surae.com/img/Expert/Search/Sub/icon_selectarrow.gif) 95% 4px no-repeat; cursor:pointer}
.SearchselcetC {float:left; width:155px; height:17px; border:1px solid #e6e6e6; padding:1px 20px 1px 2px; margin-right:2px; background:#FFFFFF url(http://image.surae.com/img/Expert/Search/Sub/icon_selectarrow.gif) 95% 4px no-repeat; cursor:pointer}
.divEmail {display:inline-block; width:90px; height:17px; border:1px solid #e6e6e6; padding:2px; padding-right:20px; margin-right:2px; background:url(http://image.surae.com/img/Expert/Search/Sub/icon_selectarrow.gif) 95% 5px no-repeat; cursor:pointer;}
.Forumselect {display:inline-block; width:50px; height:17px; border:1px solid #e6e6e6; padding:1px 20px 1px 2px; margin-right:2px; background:url(http://image.surae.com/img/Expert/Search/Sub/icon_selectarrow.gif) 95% 4px no-repeat; cursor:pointer; background-color:white}
.Dangolshop {display:inline-block; width:50px; height:15px; border:1px solid #e6e6e6; padding:2px; padding-right:20px; margin:0px 2px 7px 0px; background:url(http://image.surae.com/img/Expert/Search/Sub/icon_selectarrow.gif) 95% 5px no-repeat; cursor:pointer; background-color:white}
#aSearch  {margin:1px 0px 0px 3px; vertical-align:inherit; display:inline-block; width:38px; height:21px; background:url(http://image.surae.com/img/Expert/Search/Sub/btn_search.gif) no-repeat; }
#aAlllist {margin:1px 0px 0px 3px; vertical-align:inherit; display:inline-block; width:74px; height:21px; background:url(http://image.surae.com/img/Expert/Search/Sub/btn_alllist.gif) no-repeat; }
.Cargalleryform {float:left;width:100px; height:15px; border:1px solid #e6e6e6; padding:1px 20px 1px 2px; margin-right:2px; background:#fffbf0 url(http://image.surae.com/img/Expert/Search/Sub/icon_selectarrow.gif) 95% 3px no-repeat; cursor:pointer; font-size:11px; color:#b58100 }
.Cargalleryform2 {float:left;width:80px; height:15px; border:1px solid #e6e6e6; padding:1px 20px 1px 2px; margin-right:2px; background:#fffbf0 url(http://image.surae.com/img/Expert/Search/Sub/icon_selectarrow.gif) 95% 3px no-repeat; cursor:pointer; font-size:11px; color:#b58100 }
.Forumselect2 {display:inline-block; vertical-align:middle; width:50px; height:17px; border:1px solid #e6e6e6; padding:1px 20px 1px 2px; margin-right:2px; background:url(http://image.surae.com/img/Expert/Search/Sub/icon_selectarrow.gif) 95% 4px no-repeat; cursor:pointer; background-color:white}


/*타이틀공용*/
.Titleline2 {clear:both; width:705px; height:26px; padding:0px}
.Titleleft {float:left;width:505px; height:23px; padding:3px 0px 0px 0px; border:0px; text-align:left}
.Titleright {float:right; width:200px; height:23px; padding:0px; border:0px; text-align:right;}
.Bottomwrite {float:right; width:200px; height:23px; padding:3px 0px 0px 0px; border:0px; text-align:right}
.Btnline {clear:both; width:705px; height:26px; padding:0px; text-align:right}


/*로그인*/
.MainLeft .Login { width:178px; padding:5px 5px 0px 5px; margin:0px 0px 10px 0px; border:1px solid #e6e6e6; background-color:#f7f7f7; display:none}
.MainLeft .Logout { width:180px; padding:0px 4px 0px 4px; margin:0px 0px 10px 0px; border:1px solid #e6e6e6; background-color:#f7f7f7; font-size:11px}
/*로그아웃 부분 */
.Logoutline { border-bottom:1px solid #e6e6e6; margin-bottom:2px; line-height:15px}

/*로그아웃 버튼 공용*/
.Btnmypage { display:inline-block; background:url(http://image.surae.com/img/Left/Login/bt_mypage.gif) no-repeat; width:114px; height:19px; margin:3px 3px 5px 0px}
.Btnlogout { display:inline-block; background:url(http://image.surae.com/img/Left/Login/bt_logout.gif) no-repeat; width:60px; height:19px; margin:3px 0px 5px 0px}



/*게시판버튼*/
.Btnlist {display:inline-block; width:35px; height:23px; padding-right:1px; background:url(http://image.surae.com/img/Xboard/Btn/list.gif) no-repeat}
.Btnedit {display:inline-block; width:34px; height:23px; padding-right:1px; background:url(http://image.surae.com/img/Xboard/Btn/edit.gif) no-repeat}
.Btndel {display:inline-block; width:34px; height:23px; padding-right:1px; background:url(http://image.surae.com/img/Xboard/Btn/del.gif) no-repeat}
.Btnstatement {display:inline-block; width:58px; height:23px; padding-right:1px; background:url(http://image.surae.com/img/Xboard/Btn/statement.gif) no-repeat}
.Btncancel {display:inline-block; width:35px; height:23px; padding-right:1px; background:url(http://image.surae.com/img/Xboard/Btn/cancel.gif) no-repeat}
.Btnconfirm {display:inline-block; width:37px; height:19px; padding:0px 2px 0px 2px; background:url(http://image.surae.com/img/Xboard/Btn/confirm.gif) no-repeat}
.Btnsearch {display:inline-block; vertical-align:middle; width:37px; height:19px;  padding:0px 2px 0px 2px; background:url(http://image.surae.com/img/Common/Btn/search.gif) no-repeat}
.Btnmyaddwrite {display:inline-block; width:78px; height:23px; padding-right:1px; background:url(http://image.surae.com/img/Xboard/Btn/myaddwrite.gif) no-repeat}


/*게시판작은버튼공용*/
.BtnvoteB {display:inline-block; vertical-align:middle; width:47px; height:14px; background:url(http://image.surae.com/img/Xboard/Btn/voteB.gif) no-repeat}
.Btnclose {vertical-align:middle; display:inline-block; width:29px; height:18px; background:url(http://image.surae.com/img/Xboard/Btn/close.gif) no-repeat center}
.Btnconfirmsmall {display:inline-block; width:29px; height:18px; padding:0px 2px 0px 2px; background:url(http://image.surae.com/img/Xboard/Btn/confirmsmall.gif) no-repeat; vertical-align:middle}
.Btncancelsmall {display:inline-block; vertical-align:middle;width:29px; height:18px; padding-right:1px; background:url(http://image.surae.com/img/Xboard/Btn/cancelsmall.gif) no-repeat}
.Btnsearchsmall {display:inline-block; vertical-align:middle; width:29px; height:18px; margin-right:1px; background:url(http://image.surae.com/img/Common/Btn/searchsmall.gif) no-repeat}
.Btnsendsmall {display:inline-block; vertical-align:middle; width:41px; height:18px; padding-right:1px; background:url(http://image.surae.com/img/Common/Btn/send.gif) no-repeat}
.Btnchecksmall {display:inline-block; vertical-align:middle; width:52px; height:18px; margin:0px 2px 0px 2px; background:url(http://image.surae.com/img/Common/Btn/check.gif) no-repeat}
.Addselect {display:inline-block; vertical-align:middle; background:url(http://image.surae.com/img/Common/Btn/select.gif) no-repeat center; width:29px; height:18px; margin-left:5px}
.Mostevent {display:inline-block; vertical-align:middle; background:url(http://image.surae.com/img/Common/Btn/mostevent.gif) no-repeat center; width:88px; height:20px; margin-left:2px}
.deepview {display:inline-block; vertical-align:middle; background:url(http://image.surae.com/img/Common/Btn/deepview.gif) no-repeat center; width:66px; height:18px; margin-left:3px}
.Btnregistsmall {display:inline-block; vertical-align:middle; background:url(http://image.surae.com/img/Common/Btn/registsmall.gif) no-repeat center; width:30px; height:18px; margin-left:3px}
.Btnwritesmall {display:inline-block; vertical-align:middle; background:url(http://image.surae.com/img/Common/Btn/writesmall.gif) no-repeat center; width:40px; height:18px; margin-left:3px}
.Btnalbumsmall {display:inline-block; vertical-align:middle; background:url(http://image.surae.com/img/Common/Btn/albumsmall.gif) no-repeat center; width:62px; height:18px; margin-left:3px}
.Btnyessmall {display:inline-block; vertical-align:middle; background:url(http://image.surae.com/img/Common/Btn/yessmall.gif) no-repeat center; width:41px; height:18px; margin-left:3px}
.Btnnosmall {display:inline-block; vertical-align:middle; background:url(http://image.surae.com/img/Common/Btn/nosmall.gif) no-repeat center; width:41px; height:18px; margin-left:3px}
.Btnfinishsmall {display:inline-block; vertical-align:middle; background:url(http://image.surae.com/img/Common/Btn/finish.gif) no-repeat center; width:30px; height:18px; margin-right:3px}
.Btnmodifysmall {display:inline-block; vertical-align:middle; background:url(http://image.surae.com/img/Common/Btn/modify.gif) no-repeat center; width:52px; height:18px; margin:0px 3px 7px 0px}
.Btnjiinmodifysmall {display:inline-block; vertical-align:middle; background:url(http://image.surae.com/img/Xboard/Btn/jiinmodify.gif) no-repeat center; width:73px; height:18px; margin:0px 3px 7px 0px}
.Btnshopsearchsmall {display:inline-block; vertical-align:middle; background:url(http://image.surae.com/img/Xboard/Btn/shopsearch.gif) no-repeat center; width:121px; height:18px; margin:0px 0px 0px 3px }
.Btnaddresseditsmall {display:inline-block; vertical-align:middle; background:url(http://image.surae.com/img/Xboard/Btn/addressedit.gif) no-repeat center; width:52px; height:18px; margin:0px 0px 0px 3px}
.Btnshopinfoinputsmall {display:inline-block; vertical-align:middle; background:url(http://image.surae.com/img/Xboard/Btn/shopinfoinput.gif) no-repeat center; width:93px; height:18px; margin:0px 3px 0px 3px}
.Btnshopempowersmall {display:inline-block; vertical-align:middle; background:url(http://image.surae.com/img/Xboard/Btn/shopempower.gif) no-repeat center; width:52px; height:18px; margin:0px 3px 0px 3px}
.Btnshopexceedsmall {display:inline-block; vertical-align:middle; background:url(http://image.surae.com/img/Xboard/Btn/shopexceed.gif) no-repeat center; width:52px; height:18px; margin:0px 3px 0px 3px}
.Btncouponstartsmall {display:inline-block; vertical-align:middle; background:url(http://image.surae.com/img/Common/Btn/couponstart.gif) no-repeat center; width:40px; height:18px; margin:0px 0px 0px 2px}
.BtnCdelsmall {display:inline-block; vertical-align:middle;width:29px; height:18px; background:url(http://image.surae.com/img/Common/Btn/delsmall.gif) no-repeat center}
.Btnacceptsmall {display:inline-block; vertical-align:middle;width:29px; height:18px; background:url(http://image.surae.com/img/Common/Btn/acceptsmall.gif) no-repeat center}
.Btnrefusalsmall {display:inline-block; vertical-align:middle;width:29px; height:18px; background:url(http://image.surae.com/img/Common/Btn/refusalsmall.gif) no-repeat center}
.Btnhuntsmall {display:inline-block; vertical-align:middle;width:29px; height:18px; background:url(http://image.surae.com/img/Left/Suraein/hunt.gif) no-repeat; margin:0px 0px 0px 3px}
.Btnsendcancelsmall {display:inline-block; vertical-align:middle;width:51px; height:18px; background:url(http://image.surae.com/img/Common/Btn/sendcancel.gif) no-repeat; margin:0px 0px 0px 3px}
.Btnsavesmall {display:inline-block; vertical-align:middle;width:29px; height:18px; background:url(http://image.surae.com/img/Common/Btn/save.gif) no-repeat; padding:0px 3px 0px 0px}
.Btnpollvote {display:inline-block; vertical-align:middle;width:52px; height:18px; background:url(http://image.surae.com/img/Left/Poll/bt_vote.gif) no-repeat; margin:0px 3px 3px 0px}
.Btnpolleffect {display:inline-block; vertical-align:middle;width:51px; height:18px; background:url(http://image.surae.com/img/Left/Poll/bt_effect.gif) no-repeat; margin:0px 0px 3px 0px}
.Btnreturn {display:inline-block; vertical-align:middle;width:60px; height:18px; background:url(http://image.surae.com/img/Common/Btn/return.gif) no-repeat}
.Btnregistering {display:inline-block; vertical-align:middle;width:49px; height:18px; padding-right:1px; background:url(http://image.surae.com/img/Common/Btn/registering.gif) no-repeat}


/*이벤트쿠폰*/
.EventCoupon1 {display:inline-block; vertical-align:middle; background:url(http://image.surae.com/img/Common/Coupon/coupon_img.jpg) no-repeat center; width:472px; height:173px; padding:4px 0px 4px 4px}
.EventCoupon1A { clear:both;width:472px; height:27px; padding-top:30px}
.EventCoupon1A .left { float:left;width:332px; font-size:11px; padding-left:10px; color:white}
.EventCoupon1A .right { float:right;width:120px; font-size:11px; text-align:right; padding-right:10px; color:white}
.EventCoupon1B { clear:both;width:472px; height:92px}
.EventCoupon1B .left { float:left;width:342px; font-size:11px; padding-left:10px; color:black; font-size:14px; font-weight:bold}
.EventCoupon1B .right { float:right;width:110px; padding-right:10px}
.EventCoupon1C { clear:both;width:472px; height:24px}
.EventCoupon1C .left { float:left;width:232px; font-size:11px; padding-left:10px}
.EventCoupon1C .right { float:right;width:220px; font-size:11px; text-align:right; padding-right:10px}
.EventCoupontd {width:210px; height:auto; vertical-align:top; text-align:left; padding-top:5px}
.EventCoupon2 {display:inline-block; vertical-align:middle; background:url(http://image.surae.com/img/Common/Coupon/coupon_img2.jpg) no-repeat center; width:472px; height:173px; padding:4px 0px 4px 4px}
.EventCoupon2A { clear:both;width:472px; height:47px; padding-top:10px}
.EventCoupon2A .left { clear:both;width:auto; font-size:11px; padding-right:10px; text-align:right}
.EventCoupon2B { clear:both;width:472px; height:96px}
.EventCoupon2B .left { float:left;width:282px; font-size:11px; padding-left:70px; color:black; font-size:14px; font-weight:bold}
.EventCoupon2B .right { float:right;width:110px; padding-right:10px}
.EventCoupon2C { clear:both;width:472px; height:20px}
.EventCoupon2C .left { float:left;width:232px; font-size:11px; padding-left:10px}
.EventCoupon2C .right { float:right;width:220px; font-size:11px; text-align:right; padding-right:10px}
.EventCoupon3 {display:inline-block; vertical-align:middle; background:url(http://image.surae.com/img/Common/Coupon/coupon_img3.jpg) no-repeat center; width:472px; height:173px; padding:4px 0px 4px 4px}
.EventCoupon3A { clear:both;width:472px; height:47px; padding-top:10px}
.EventCoupon3A .left { clear:both;width:auto; font-size:11px; padding-right:10px; text-align:right}
.EventCoupon3B { clear:both;width:472px; height:96px}
.EventCoupon3B .left { float:left;width:100px;  padding-left:5px}
.EventCoupon3B .right { float:right;width:347px;font-size:11px; padding:0px 10px 0px 10px; color:black; font-size:14px; font-weight:bold}
.EventCoupon3C { clear:both;width:472px; height:20px}
.EventCoupon3C .left { float:left;width:232px; font-size:11px; padding-left:10px}
.EventCoupon3C .right { float:right;width:220px; font-size:11px; text-align:right; padding-right:10px}


/*작은 글씨 공용*/
.SmallTd2 { font-size:11px; text-align:right; width:80px; padding-right:5px}
.Small62636dTd { font-size:11px; text-align:center; width:50px}
.Smallred {font-size:11px; color:red}
.Small62636d { font-size:11px; font-weight:normal; color:#62636d}
.Small62636dBold { font-size:11px; font-weight:bold}
.Small62636dTd1 {font-size:11px; text-align:right; width:50px;}




/*상태버튼*/
.Statebluegif {display:inline-block; vertical-align:middle; width:30px; height:14px; background:url(http://image.surae.com/img/Btn_state/blue_gif.gif) no-repeat; color:white; font-size:11px; text-align:center; margin-bottom:2px}
.Statepurplegif {display:inline-block; vertical-align:middle; width:30px; height:14px; background:url(http://image.surae.com/img/Btn_state/purple_gif.gif) no-repeat; color:white; font-size:11px; text-align:center; margin-bottom:2px}
.Statepurple2gif {display:inline-block; vertical-align:middle; width:40px; height:14px; background:url(http://image.surae.com/img/Btn_state/purple2_gif.gif) no-repeat; color:white; font-size:11px; text-align:center; margin-bottom:2px}
.Stategray { display:inline-block;vertical-align:middle; width:30px; height:15px; background:url(http://image.surae.com/img/Btn_state/black_bg.gif) no-repeat; color:#ffffff; font-size:11px; text-align:center}
.Stategray:hover { text-decoration:none}
.Stategray:visited { color:#ffffff}
.Statenew {display:inline-block; width:9px; height:10px; background:url(http://image.surae.com/img/Btn_state/new.gif) no-repeat center top; margin:0px 0px 0px 2px;}
.Statepurple { display:inline-block;vertical-align:middle; width:30px; height:15px; background:url(http://image.surae.com/img/Btn_state/purple.gif) no-repeat center; color:#ffffff; font-size:11px; text-align:center;}
.Statepurple2 { display:inline-block;vertical-align:middle; width:37px; height:17px; background:url(http://image.surae.com/img/Btn_state/purple.gif) no-repeat; font-size:12px; text-align:center; font-weight:bold; padding-top:2px}
.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:white; font-size:11px; text-align:center; margin-bottom:2px}
.Stateinfoon {display:inline-block; vertical-align:middle; width:9px; height:20px; background:url(http://image.surae.com/img/Btn_state/memberinfo_on.gif) no-repeat center left; margin-left:5px}
.Stateinfooff {display:inline-block; vertical-align:middle; width:9px; height:20px; background:url(http://image.surae.com/img/Btn_state/memberinfo_off.gif) no-repeat center left; margin-left:5px}


/*아이콘*/
.Iconcalendar {display:inline-block; vertical-align:middle; width:15px; height:13px; background:url(http://image.surae.com/img/Xboard/Icon/calendar.gif) no-repeat; margin-left:5px; cursor:pointer}
.Icondot {display:inline-block; vertical-align:middle; width:10px; height:9px; background:url(http://image.surae.com/img/Left/icon_dot.gif) no-repeat; margin-right:3px}
.Iconshop {display:inline-block; width:9px; height:9px; background:url(http://image.surae.com/img/Common/Icon/shop.gif) no-repeat; vertical-align:middle; margin:0px 0px 2px 0px}
.Iconmemo {display:inline-block; width:9px; height:10px; background:url(http://image.surae.com/img/Common/Icon/memo.gif) no-repeat; vertical-align:middle; margin:0px 0px 2px 0px}
.Iconmemberinfo {display:inline-block; width:8px; height:9px; background:url(http://image.surae.com/img/Common/Icon/memberinfo.gif) no-repeat; vertical-align:middle; margin:0px 0px 2px 0px}
.Iconjiin {display:inline-block; width:10px; height:9px; background:url(http://image.surae.com/img/Common/Icon/jiin.gif) no-repeat; vertical-align:middle; margin:0px 0px 2px 0px}
.Iconclose {display:inline-block; width:10px; height:7px; background:url(http://image.surae.com/img/Xboard/Icon/close.gif) no-repeat; vertical-align:middle}
.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 1px 2px 0px}
.Iconappshop {display:inline-block; width:18px; height:18px; background:url(http://image.surae.com/img/Common/Icon/appshop.gif) no-repeat; margin:3px 3px 0px 0px}
.Iconbigmemo2 {display:inline-block; width:12px; height:12px; background:url(http://image.surae.com/img/Common/Icon/big_memo2.gif) no-repeat; vertical-align:middle; margin:0px 1px 2px 0px}
.Iconbigjiin2 {display:inline-block; width:11px; height:12px; background:url(http://image.surae.com/img/Common/Icon/big_jiin2.gif) no-repeat; vertical-align:middle; margin:0px 1px 2px 0px}
.Icondangolshop {display:inline-block; width:10px; height:12px; background:url(http://image.surae.com/img/Common/Icon/dangolshop.gif) no-repeat; vertical-align:middle; margin:0px 2px 2px 0px}
.Iconalrimi {display:inline-block; width:11px; height:10px; background:url(http://image.surae.com/img/Common/Icon/alrimi.gif) no-repeat; vertical-align:middle; margin:0px 1px 2px 0px}
.Iconloginshop {display:inline-block; width:28px; height:25px; background:url(http://image.surae.com/img/Common/Icon/suraeshop_No.gif) no-repeat; vertical-align:middle; margin:0px 0px 2px 0px}
.Iconlogoutshop {display:inline-block; width:28px; height:25px; background:url(http://image.surae.com/img/Common/Icon/suraeshop_Yes.gif) no-repeat; vertical-align:middle; margin:0px 0px 2px 0px}



/*샵다이어리 표정아이콘*/
.Iconshopsleep {display:inline-block; vertical-align:middle; margin-left:3px; width:20px; height:20px; background:url(http://image.surae.com/img/Common/Icon/shopsleep.gif) no-repeat}
.Iconshophappy {display:inline-block; vertical-align:middle; margin-left:3px; width:20px; height:20px; background:url(http://image.surae.com/img/Common/Icon/shophappy.gif) no-repeat}
.Iconshophi {display:inline-block; vertical-align:middle; margin-left:3px; width:20px; height:20px; background:url(http://image.surae.com/img/Common/Icon/shophi.gif) no-repeat}
.Iconshoplove {display:inline-block; vertical-align:middle; margin-left:3px; width:20px; height:20px; background:url(http://image.surae.com/img/Common/Icon/shoplove.gif) no-repeat}
.Iconshopsad {display:inline-block; vertical-align:middle; margin-left:3px; width:20px; height:20px; background:url(http://image.surae.com/img/Common/Icon/shopsad.gif) no-repeat}

/*디폴트 이미지*/
.Newsimg { display:inline-block; width:48px; height:32px; background:url(http://image.surae.com/img/Defaultimg/news.gif) no-repeat}


/*카피라이터*/
.MainBottom{ clear:both; width:900px; height:30px; margin-top:5px; padding:5px 0px 0px 0px; border-top:1px solid #cecdcb; background-color:#ffffff; font-size:11px;color:#848383;}
#Spacing {letter-spacing:-1px}
#divBottomTop { clear:both; width:900px; height:20px; text-align:left; word-spacing:25px}
#divBottomTop .none { word-spacing:normal}
#divBottomLeft {float:left; width:550px; height:20px; text-align:left; word-spacing:10px}
#divBottomRight {float:right; width:350px; height:20px; text-align:right; }
#Support3c4b9e {font-size:11px; color:#f05722; font-weight:bold;}
#Support3c4b9e a:link {font-size:11px; color:#f05722; font-weight:bold; text-decoration:none}
#Support3c4b9e a:visited {font-size:11px; color:#f05722; font-weight:bold; text-decoration:none}
#Support3c4b9e a:hover {font-size:11px; color:#f05722; font-weight:bold; text-decoration:underline;}

address {height:30px; text-align:left; font-style:normal}

/*회색테이블*/
.Graytable { width:auto; border:1px solid #e6e6e6; background-color:white; padding:2px; text-align:left}
.Graytitle { clear:both;width:auto; height:23px; border-bottom:1px solid #e6e6e6; border-top:1px solid #e6e6e6; background-color:#f3f3f3; font-weight:bold; padding:5px 0px 0px 5px}
.Graycontent { clear:both; width:auto; padding:2px;}
.Graycontent2 { clear:both; width:auto; padding:2px; text-align:center}
.Graycontent3 { clear:both; width:auto; padding:2px; text-align:left; padding:0px 3px 0px 3px}
.Graycontent2 td {border-bottom:1px solid #e6e6e6;}
.Graycontent2 .right {padding-left:3px}
.Graytitle .left { float:left; width:auto;padding:0px 0px 0px 3px}
.Graytitle .right { float:right; width:20px;padding:5px 0px 0px 0px}

/*서브 글보기부분*/
.ViewContent3 .Btnbg:hover {background:url(http://image.surae.com/img/Xboard/Btn/importuneO.gif) no-repeat; text-decoration:none; color:black}
.ViewContent3 .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}
.Btnbgbig {vertical-align:middle; display:inline-block; width:109px; height:39px; padding:3px 0px 0px 0px;margin-left:1px; color:black;  background:url(http://image.surae.com/img/Xboard/Btn/Bigbg.gif) no-repeat; text-decoration:none}
.Btnbgbig:hover {background:url(http://image.surae.com/img/Xboard/Btn/BigbgO.gif) no-repeat; text-decoration:none; color:black}
.ViewContent3 .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}
.ViewContent3 .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}
.Imgfile {margin-bottom:5px}
.ViewBtnqna  {vertical-align:middle; display:inline-block; width:84px; height:17px; margin-left:3px;  background:url(http://image.surae.com/img/Xboard/Btn/data_qna.gif) no-repeat}
.ViewIconmemo  {vertical-align:middle; display:inline-block; width:18px; height:18px; margin-left:2px;  background:url(http://image.surae.com/img/Xboard/Icon/comment_memo.gif) no-repeat}
.ViewIconmemoD  {vertical-align:middle; display:inline-block; width:18px; height:18px; margin-left:2px;  background:url(http://image.surae.com/img/Xboard/Icon/comment_memoD.gif) no-repeat; cursor:default}
.ViewIconhuman  {vertical-align:middle; display:inline-block; width:17px; height:18px;margin-left:2px;  background:url(http://image.surae.com/img/Xboard/Icon/comment_jiin.gif) no-repeat}
.ViewIconhumanD  {vertical-align:middle; display:inline-block; width:17px; height:18px;margin-left:2px;  background:url(http://image.surae.com/img/Xboard/Icon/comment_jiinD.gif) no-repeat; cursor:default}
.ViewIconshop  {vertical-align:middle; display:inline-block; width:17px; height:18px;margin-left:3px;  background:url(http://image.surae.com/img/Xboard/Icon/comment_shop.gif) no-repeat}
.ViewIconshopD  {vertical-align:middle; display:inline-block; width:17px; height:18px;margin-left:3px;  background:url(http://image.surae.com/img/Xboard/Icon/comment_shopD.gif) no-repeat; cursor:default}
.ViewIconwrite  {vertical-align:middle; display:inline-block; width:17px; height:18px;margin-left:3px;  background:url(http://image.surae.com/img/Common/Btn/writing.gif) no-repeat}

/*서브글쓰기부분 */
.Td70bold {width:63px; font-weight:bold; padding:3px 0px 5px 3px}
.Td90bold {width:95px; font-weight:bold; padding:3px 0px 5px 3px}
.Td284 {width:260px; border-right:1px solid #e6e6e6}
.Btnsituation  {vertical-align:middle; display:inline-block; width:63px; height:18px; margin:3px 0px 0px 3px;  background:url(http://image.surae.com/img/Xboard/Btn/situation_plus.gif) no-repeat center}
.Btnattach  {vertical-align:middle; display:inline-block; width:85px; height:18px; margin:3px 0px 3px 3px;  background:url(http://image.surae.com/img/Xboard/Btn/attach.gif) no-repeat center}
.Imgfile2 {width:30px; height:30px; margin:2px}
.Btnattchplus {vertical-align:middle; display:inline-block; width:30px; height:18px; margin:3px 0px 0px 3px;  background:url(http://image.surae.com/img/Xboard/Btn/attchfile_plus.gif) no-repeat center}
.Entrytd5 {width:5px}

/*서브글보기부분 댓글부분*/
.Viewcommenttitle {clear:both; color:#63636f; width:700px; height:21px; font-weight:bold; padding:14px 0px 0px 5px; border-bottom:1px solid #e6e6e6; text-align:left}
.Viewcommenttable {clear:both; width:705px; height:auto;border-bottom:1px solid #e6e6e6; background-color:#f7f7f7}
.Viewcommenttablecolor {clear:both; width:700px; height:auto;border-bottom:1px solid #e6e6e6; background-color:#f6faff}
.Viewcommenttable td {height:1px;}
.Viewcommenttable2 {display:inline-block; width:705px; height:auto; padding:0px; border-bottom:1px solid #e6e6e6; background-color:#f7f7f7; text-align:center; text-decoration:none}
.Viewcommenttable2 textarea {width:600px;height:40PX; margin:5px 0px 0px 10px}
.Referencetdright {width:575px; text-align:left; border-bottom:1px solid #e6e6e6}
.Referencetdleft {width:70px; vertical-align:top; text-align:center; padding-top:2px; font-weight:bold}
.input2 { height:20px; border:1px}
.Commenttd70 {width:70px; vertical-align:top; text-align:center; padding-top:5p}
.Commenttd60 {width:90px; text-align:center}
.Commenttd572 {width:540px; text-align:left}
.Comment1 { clear:both; width:627px; height:22px; border-bottom:1px solid #e6e6e6; padding:3px 0px 0px 3px; color:#b5b5b5; font-size:11px}
.Comment1 .left{ float:left; width:490px}
.Comment1 .right{ float:right; width:137px}
.CommentIconedit  {vertical-align:middle; display:inline-block; width:12px; height:11px;  background:url(http://image.surae.com/img/Xboard/Icon/comment_edit.gif) no-repeat}
.CommentIcondel  {vertical-align:middle; display:inline-block; width:12px; height:11px;margin-left:3px;  background:url(http://image.surae.com/img/Xboard/Icon/comment_del.gif) no-repeat}
.CommentIconnofeel  {vertical-align:middle; display:inline-block; width:39px; height:32px;margin:2px 2px 2px 0px;  background:url(http://image.surae.com/img/Xboard/Btn/nofeel.gif) no-repeat;text-decoration:none; font-size:11px; color:#5988ea}
.CommentIconnofeel:link  { text-decoration:none; color:#5988ea}
.CommentIconnofeel:hover  { text-decoration:none}
.CommentIconnofeel:visited  { color:#5988ea}
.Commentreference {vertical-align:middle; display:inline-block;  width:112px; height:19px;margin:0px 3px 0px 2px;  background:url(http://image.surae.com/img/Xboard/Btn/reference_list.gif) no-repeat; font-size:11px; text-decoration:none; color:#0033FF}
.Commentgood {vertical-align:middle; display:inline-block;  width:27px; height:14px;margin:3px 3px 0px 2px;  background:url(http://image.surae.com/img/Btn_state/good.gif) no-repeat}
.CommentBtnwrite {vertical-align:top; display:inline-block; width:65px; height:39px; padding:12px 0px 0px 10px; 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}
.CommentBtnwrite:hover {background:url(http://image.surae.com/img/Xboard/Btn/importuneS.gif) no-repeat; text-decoration:none; color:#63636d}
.CommentBtnreference {vertical-align:middle; display:inline-block; width:112px; height:18px; padding:0px; margin-left:3px;  background:url(http://image.surae.com/img/Xboard/Btn/reference_plus.gif) no-repeat}
.CommentBtnbig {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}
.CommentBtnbig:link {color:#5a8aee; text-decoration:none}
.CommentBtnbig:hover {color:#5a8aee; text-decoration:none}
.CommentBtnbig:visited {color:#5a8aee; text-decoration:none}
.CommentBtnbig2 {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}
.CommentBtnbig2:hover {color:#62636d; text-decoration:none}
.CommentBtnbig2:visited {color:#62636d; text-decoration:none}
.fileupload {width:480px; height:24px;}

/*서브테이블 넓이부분*/
.Td40 { width:40px; text-align:center; padding:0px 1px 0px 1px}
.Td30 { width:30px; text-align:center; padding:0px 1px 0px 1px}
.Td30back { width:30px; text-align:center; padding:0px 1px 0px 1px; background-color:#f7f7f7}
.Td80 {width:80px; text-align:center; padding:0px 1px 0px 1px}
.Td50 {width:50px; text-align:center; padding:0px 1px 0px 1px}
.Td60 {width:60px; text-align:center; padding:0px 1px 0px 1px}
.Td70 {width:70px; text-align:center; padding:0px 1px 0px 1px}
.Td100 {width:100px; text-align:center; padding:0px 1px 0px 1px}
.Td120 {width:120px; text-align:center; padding:0px 1px 0px 1px}
.Td150 {width:150px; text-align:center; padding:0px 1px 0px 1px}
.Td200 {width:200px; text-align:center; padding:0px 1px 0px 1px}
.ListContent td { border-bottom:1px solid #e6e6e6}
.ListContentline td { border-bottom:1px solid #e6e6e6}



/*게시판 페이지버튼 부분*/
.Pagelist {padding:5px 7px 5px 7px; margin-right:2px; border:1px solid #dcdcdc; text-align:center; font-weight:bold}
.Pagelist:link {padding:5px 7px 5px 7px; border:1px solid #dcdcdc; text-align:center; font-weight:bold}
.Pagelist:visited {padding:5px 7px 5px 7px; border:1px solid #dcdcdc; text-align:center; font-weight:bold}
.Pagelist:hover { color:#5988ea; padding:5px 7px 5px 7px; border:1px solid #dcdcdc; background-color:#f0f9ff; text-align:center; font-weight:bold}
.PagelistC {padding:5px 7px 5px 7px; margin-right:2px; border:solid 1px #fb9898; background-color:#ffe7e7; text-align:center; font-weight:bold}
.PagelistC:visited { color:red;}



/*가운데 박스 라인버튼 공용*/
.Boxbtnline { width:98%; border-top:1px solid #f5f5f5; height:27px }

/*가운데 박스 사이즈 공용 */
.Boxcenterwidth {width:100px; height:82px; overflow:hidden; margin:0px 9px 0px 0px}
.Boxcentertitle {width:310px; height:20px; overflow:hidden; line-height:23px; padding-top:10px;}
.Boxcentertext {width:310px; height:34px; overflow:hidden; padding:0px 0px 3px 0px}
.Boxcenterpadding {padding:3px 0px 0px 5px; width:430px; height:21px; overflow:hidden; line-height:23px; white-space:nowrap}
.Boxcenterpadding2 {padding:0px 0px 3px 5px; border-bottom:1px solid #e6e6e6; width:438px; height:35px; overflow:hidden}
.Boxcenterlistwidth { width:330px; height:18px; overflow:hidden; line-height:22px}
.Boxcenterlistwidth01 { width:60px; height:19px; text-align:right; overflow:hidden; line-height:22px}
.Boxcenterlistwidth011 { width:40px; height:20px; text-align:center; overflow:hidden}
.Boxcenterlistwidth2 { width:340px; height:18px; overflow:hidden; line-height:22px}
.BoxTitle443table2width {width:100px; height:70px; padding:0px 3px 0px 3px; text-align:center; overflow:hidden}
.BoxTitle443table2width2 {width:322px; height:70px; overflow:hidden; line-height:25px}
.BoxTitle443suraeshop {width:70px; height:40px; overflow:hidden; margin:0px; overflow:hidden}
.BoxTitle443suraeshop2 {width:355px; height:20px; overflow:hidden; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; overflow:hidden}


/*가운데 박스 타이틀*/
.BoxTitle443line { width:auto; border-top:1px solid #f5f5f5; height:27px; margin:5px 10px 0px 10px ; text-align:right; padding:3px 0px 0px 0px; font-size:11px; color:#b4b4b4}
.BoxTitle4432line { width:423px; height:27px; margin:0px 0px 3px 0px ; text-align:right; padding:3px 10px 3px 10px; font-size:11px; color:#b4b4b4; border-bottom:1px solid #e6e6e6}
.BoxTitle443table{width:420px; margin:0px auto 0px auto}
.BoxTitle443table td {padding:3px 0px 0px 0px; margin:0px; height:20px}
.BoxTitle4432 {width:443px; height:25px; padding:0px; margin:0px; border-bottom:1px solid #e6e6e6; vertical-align:top;}
.BoxTitle4432 td { padding:0px 0px 5px 5px; margin:0px}
.BoxTitle4433 {width:443px; height:25px; padding:0px; margin:0px; vertical-align:top;}
.BoxTitle4433 td { padding:0px 0px 0px 5px; margin:0px}
.BoxTitle4433table { clear:both; border:1px solid #cccccc; width:443; height:20px; margin:0px 0px 7px 0px; font-size:11px; text-align:left; padding:2px 0px 0px 5px}
.BoxTitle443table2 {width:431px}
.BoxTitle443table2 td {border-bottom:1px solid #e6e6e6; padding:5px 3px 5px 3px}
.BoxTitle443table2 img{ margin:0px 0px 7px 0px}


/*왼쪽박스타이틀*/
.BoxTitle {width:188px; height:25px; padding:0px; margin:0px 0px 3px 0px; border-bottom:1px solid #e6e6e6; background-color:#f7f7f7; vertical-align:middle }
.BoxTitle td { padding:0px 0px 0px 5px; margin:0px}
.BoxTitleleft { width:184px; padding:2px; background-color:#f9f9f9}
.BoxTitleleft2white { width:176px; background-color:white; border:1px solid #e6e6e6; padding:3px; line-height:20px}
.BoxTitleleft2 {width:184px; padding:0px; height:24px}

/*왼쪽 박스 사이즈*/
.Boxleftimgwidth {width:90px; height:60px; overflow:hidden}
.Boxleftwidth {width:95px; height:55px; overflow:hidden; padding:3px 0px 0px 0px; line-height:18px}
.Boxleftwidthall {width:179px; height:37px; overflow:hidden; padding:3px 3px 0px 3px; line-height:18px}

/*오른쪽박스타이틀 공용*/
.BoxTitle253 {width:253px; height:25px; padding:0px;margin:0px 0px 3px 0px; border-bottom:1px solid #e6e6e6; background-color:#f7f7f7; vertical-align:middle;}
.BoxTitle253 td { padding-left:5px; margin:0px}
.BoxTitle253Driver {width:248px; height:32px; padding:5px 5px 0px 0px;vertical-align:middle; background:url(http://image.surae.com/img/Right/Driver/title.gif) no-repeat}
.BoxTitle253table { width:240px; height:auto; padding:0px}
.BoxTitle253table td { height:22px; padding:0px}
.BoxTitle253table2 { width:249px; padding:2px; background-color:#f9f9f9}
.BoxTitle253table2white { width:247px; background-color:white; border:1px solid #e6e6e6}
.BoxTitle253table2white .numleft { width:16px; padding:3px 3px 2px 5px; vertical-align:top; height:auto}
.BoxTitle253table2white .textright { width:220px; padding:3px 3px 2px 0px; height:auto; line-height:15px}



/*오른쪽운전자 박스 갤러리*/
.Driverboxtable2 { clear:both; margin:0px auto 2px auto; padding:0px; width:180px}
.Driverboxtable2 td { text-align:center}



/*오른쪽박스사이즈 공용*/
.Boxrightimgwidth {width:85px; height:60px; overflow:hidden}
.Boxrightwidth {width:155px; height:55px; overflow:hidden; padding:3px 0px 0px 0px; line-height:18px}
.Boxrightwidth2 {width:190px; height:20px; overflow:hidden}
.Boxrightwidth02 {width:60px; height:20px; text-align:right; overflow:hidden}

/*오른쪽 항목부분*/
.MainRight .Content { width:253px; padding:0px 0px 3px 0px; margin:0px 0px 10px 0px; border:1px solid #e6e6e6; background-color:#ffffff}
.MainRight .Content2 { width:253px; padding:0px; margin:0px 0px 10px 0px; border:1px solid #e6e6e6; background-color:#fff8f0}
.MainRight .Content3 { width:253px; 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}
.Content2Box { width:240px; padding:0px; margin:2px auto 5px auto; border:1px solid #e6e6e6; background-color:#ffffff}
.Content2Boxtable { margin:0px auto 3px auto}
.Content2Box a:link { color:#62636d;text-decoration:none}
.Content2Box a:visited {color:#62636d; text-decoration:none}
.Content2Box a:hover {color:#f05722; text-decoration:underline}
.Content2Box .orange {font-size:11px; color:#f05722}
.Content2Box .Title {width:235px; height:25px;  padding:0px 0px 0px 5px; border-bottom:1px solid #e6e6e6; background-color:#f7f7f7; vertical-align:middle }
.MainRight .Banner { width:253px; padding:0px; margin:0px 0px 7px 0px; border:1px solid #e6e6e6}

/*왼쪽뉴스돋보기 공통*/
.Newstable {width:100%; border:0px; padding:0px; font-size:11px; margin:7px 0px 3px 0px}
.Newstable td{width:50%; border:0px; padding:0px; text-align:center; line-height:120%}
.Newstable img{ margin:0px 0px 3px 0px}
.Newstable .left {width:90px; text-align:center; height:13px; overflow:hidden; padding:0x 2px 0px 2px; }
.Newstable .right {width:120px; text-align:center; height:13px; overflow:hidden}
.Newstable .price {width:120px; text-align:center; height:13x; overflow:hidden}


/*왼쪽 항목 부분 공용*/
.MainLeft .Content { width:188px; 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}



/*왼쪽 수레폴 공통*/
.Polltable {width:180px; margin:0px 3px 0px 3px; line-height:17px;padding:0px 3px 0px 0px;}
.Polltable li { padding:0px; font-size:11px; background:none; list-style:none;}
.Polltable input[type="radio"] { border:0px; margin:0px; vertical-align:top; width:20px}
.Polltable input { border:0px; margin:0px; vertical-align:top; width:20px}
.Polltable .text {width:155px;display:inline-block; vertical-align:top; padding-top:1px}

/*정렬 공용*/
.Aligncenter{ text-align:center}
.Alignright{ text-align:right}
.Valigntop{ vertical-align:top}

/*베스트 다이어리부분*/
.Diarytable { display:inline-block; width:699px; height:auto; border:3px solid #e6e6e6; background:url(http://image.surae.com/img/Owner/Xboard/Etc/diarybg.gif) repeat-y; margin:5px 0px 5px 0px}
.Diaryleft { float:left; width:340px; height:auto; padding:15px 30px 5px 10px}
.Diaryleft table { width:340px}
.Diaryright { float:left; width:270px; height:auto; padding:7px 20px 5px 20px}
.Diaryright table {width:270px}
.Diaryright table td { height:17px}
.Diarytitle { width:340px; height:20px; border-bottom:1px solid #e6e6e6; margin-bottom:2px;background:url(http://image.surae.com/img/Owner/Xboard/Etc/diarytitle.gif) no-repeat; text-align:right; color:#b4b4b4; font-size:11px}
.Diarytitle2 { width:270px; height:15px; margin-bottom:1px;background:url(http://image.surae.com/img/Owner/Xboard/Etc/diarytitle2.gif) no-repeat; text-align:right}
.Diaryrightheight { width:230px; height:15px; overflow:hidden; font-size:11px}
.Diaryrightheight2 { width:40px; height:15px; overflow:hidden; font-size:11px}
.Diaryrlefheight { height:20px; width:230px; overflow:hidden; color:#62636d; font-weight:bold; margin:15px 0px 0px 0px}
.Diaryrlefheight2 { height:20px; text-align:right; color:#fc6b00; width:230px; overflow:hidden; margin:15px 0px 0px 0px}
.Diaryrlefheight3 { height:55px; width:230px; overflow:hidden}
.Diaryrlefleft { height:110px; width:115px; overflow:hidden; margin:10px 0px 0px 0px; vertical-align:top}

/*폼 부분*/
.Checkbox {margin-left:3px; border:0px; vertical-align:middle;}
.Size15 {width:15px}
.Size50 {width:50px}
.Size90 {width:90px}
.Size105 {width:105px}
.Size170 {width:170px}
.Size300 {width:300px}
.Sizeaddress {width:500px; margin-top:3px}
.Size600 {width:600px}
.Sizepercent {width:98%}
.Aggreetextarea {width:98%}
.Textareaheight {width:98%; height:100px}
.Textareaheight2 {width:98%; height:50px}


/*정보리스트*/
.Infolisttitle {width:100px; height:20px; border-bottom:1px solid #e6e6e6; border-top:1px solid #e6e6e6; background-color:#f3f3f3; margin-bottom:3px}
.Infolistcontent { width:95px;padding:0px 0px 0px 5px; text-align:left}

/*회원정보*/
.Infomembertitle {width:280px; height:28px; font-weight:bold; border-bottom:1px solid #e6e6e6; border-top:1px solid #e6e6e6; background-color:#f3f3f3; margin-bottom:3px}
.Infomembertitle .left { float:left; width:165px;padding:5px 0px 0px 5px}
.Infomembertitle .right { float:right; width:auto;padding:5px 5px 0px 0px}
.Infomembercontent { clear:both; width:280px; padding:2px; text-align:left}
.Infomember .box {width:150px; border:3px solid #e6e6e6; background-color:white; margin-left:5px}
.Infomember .td1 {width:25px; height:17px; padding:0px 2px 0px 2px}
.Infomember .td2 {width:30px; height:17px; padding:0px 2px 0px 2px; font-size:11px; text-align:right}
.Infomember .td3 {width:87px; height:17px; background:url(http://image.surae.com/img/Common/Etc/credit_bg.gif) no-repeat center}
.Infomembertable { display:inline-block; width:170px; height:60px}
.Infomembertable .left {float:left; width:63px; height:20px; padding:0px 0px 0px 5px; font-weight:bold}
.Infomembertable .right {float:left; width:102px; height:20px; padding:0px}
.Infomemberimg { display:inline-block; width:98px; height:123px;background:url(http://image.surae.com/img/Common/Etc/profile_noimg.gif) no-repeat; margin:0px 5px 0px 5px; border:1px solid #e6e6e6}

/*우편번호찾기레이어*/
.Postsearchtitle { clear:both;width:411px; height:23px; border-bottom:1px solid #e6e6e6; border-top:1px solid #e6e6e6; background-color:#f2f6f1; font-weight:bold; color:#309837; padding:5px 0px 0px 5px}
.Postsearchcontent { clear:both; width:412px; padding:2px; text-align:center}
.Postsearchcontent2title { clear:both; width:408px; padding:2px; text-align:center; border-bottom:2px solid #9ce290; margin:10px 0px 3px 0px}
.Postseartable { width:390px; border-bottom:1px solid #e6e6e6}
.Postscroll { height:185px; overflow:auto}
.Postseartable .left {width:60px; font-weight:bold; color:#309837; text-align:center}
.Postseartable .right {width:35px; text-align:center}

/*참고자료추가레이어*/
.Attchpopuptitle {width:444px; height:28px; font-weight:bold; border-bottom:1px solid #e6e6e6; border-top:1px solid #e6e6e6; background-color:#f1f6f6}
.Attchpopuptitle .left { float:left; width:405px;padding:5px 0px 0px 5px}
.Attchpopuptitle .right { float:right; width:30px;padding:5px 0px 0px 0px}
.Attchpopupcontent { clear:both; width:440px; padding:2px; text-align:left}

/*탑공지부분레이어*/
.Topinfotitle {display:inline-block; width:645px; border-bottom:2px solid #d98e8e; background-color:#ca6060; color:white; padding:3px 5px 3px 5px; text-align:left}
.Topinfocontent { clear:both; width:647px; padding:2px; text-align:left}
.Topinfotitle .left { float:left; width:585px;  font-weight:bold; text-align:left}
.Topinfotitle .right { float:right; width:60px; text-align:right; font-size:11px}

/*정비소검색레이어*/
.Shopsearchtitle { width:auto; padding:2px; text-align:center; border-bottom:2px solid #a1a1a1; font-weight:bold}
.Shopsearchtable { width:auto; padding:2px; text-align:center}
.Shopsearchtable td{ border-bottom:1px solid #e6e6e6}

/*신고하기레이어*/
.Statementtitle { width:auto; padding:3px 2px 3px 2px; border-top:2px solid #e29090; font-weight:bold; border-bottom:1px solid #e6e6e6}
.Statementtable { width:396px; padding:2px; text-align:center}
.Statementtable td{ border-bottom:1px solid #e6e6e6}

/*신고하기2레이어*/
.Statement2title { width:auto; padding:3px 2px 3px 2px; border-bottom:2px solid #e4e4e4}
.Statement2table { width:376px; padding:2px; text-align:center}
.Statement2table td{ border-bottom:1px solid #e6e6e6; padding:2px 0px 2px 5px}
.Statement2table textarea{ width:355px}


/*레이어공용*/
.Statement { width:400px; border:1px solid #e6e6e6; background-color:white;z-index:1; position:absolute;padding:2px; text-align:left;} 
.Statement2 { width:380px; border:2px solid #9e9e9e; background-color:white;z-index:1; position:absolute;padding:2px; text-align:left;display:none } 
.Bookmark {  width:400px; border:1px solid #e6e6e6; background-color:white;z-index:1; position:absolute;padding:2px; text-align:left; }
.Memowrite {  width:400px; border:1px solid #e6e6e6; background-color:white;z-index:1; position:absolute;padding:2px; text-align:left; }
.Searchlist { padding:3px; border:1px solid #e6e6e6; background-color:#FFFFFF; position:absolute; z-index:1; font-size:12px; color:#62636d; display:none}
.Topinfo {	width:655px;	border:1px solid #e6e6e6;font-size:12px;background-color:white;position:absolute;	z-index:1;	padding:1px;	text-align:left;}
.Attchpopup { width:444px; border:1px solid #e6e6e6; background-color:white;z-index:1;position:absolute; padding:2px; text-align:left}
.Postsearch { width:416px; border:1px solid #e6e6e6; background-color:white;z-index:1; padding:2px; text-align:left; }
.Alrim { width:300px; border:1px solid #e6e6e6; background-color:white;z-index:1; position:absolute;padding:2px; text-align:left; } 
.Infomember {width:280px;border:1px solid #e6e6e6;background-color:white; z-index:1;padding:2px;text-align:left}
.Infolist { width:100px; border:1px solid #e6e6e6; background-color:white; z-index:1; padding:2px; text-align:left;}
.Shopsearch { width:416px; border:1px solid #e6e6e6; background-color:white;z-index:1; position:absolute;padding:2px; text-align:left;} 
.Coupon {  width:500px; border:1px solid #e6e6e6; background-color:white;z-index:1; position:absolute;padding:2px; text-align:left;} 
.Suraein {  width:300px; border:1px solid #e6e6e6; background-color:white;z-index:1; position:absolute;padding:2px; text-align:left; }
.Partnership {  width:470px; border:1px solid #e6e6e6; background-color:white;z-index:1; position:absolute;padding:2px; text-align:left; display:none}
.Librarysorting {width:705px; background-color:#FFFFFF; z-index:1; color:#62636d; margin-top:5px; text-align:center;}
.Partnership {  width:470px; border:1px solid #e6e6e6; background-color:white;z-index:1; position:absolute;padding:2px; text-align:left}
.Gimgwrite {  width:500px; border:1px solid #e6e6e6; background-color:white;z-index:1; position:absolute;padding:2px; text-align:left/}
/*.Wageprice {  width:370px; border:2px solid #9e9e9e; background-color:white;z-index:1; position:absolute;padding:2px; text-align:left; display:none}
.Wageprice2 {  width:360px; border:2px solid #9e9e9e; background-color:white;z-index:1; position:absolute;padding:2px; text-align:left;display:none}*/
.Partlist {  width:350px; border:2px solid #9e9e9e; background-color:white;z-index:1; position:absolute;padding:2px; text-align:left; display:none}
.Menutabengine { width:220px; border:2px solid #9e9e9e;z-index:1; position:absolute;text-align:left; display:none; background-color:white;/*white-space:nowrap*/}
.Menuguidemenu {  width:120px; border:2px solid #e6e6e6;z-index:1; position:absolute;text-align:left; background-color:white;left:50%;margin-left:272px; top:202px; display:none}

/*나의 정비메뉴판 레이어*/
.Menutabengine td { border-bottom:1px solid #9e9e9e; font-weight:bold; line-height:25px; padding:0px 3px 0px 3px;}
.Menutabhover { color:#5988ea; background-color:#f0f9ff; text-decoration:none}
.Menutab { text-decoration:none}

/*정비메뉴판 이용가이드메뉴 레이어*/
.Menuguidemenu td { border-bottom:1px solid #e6e6e6; line-height:25px; padding-left:20px; background:url(http://image.surae.com/img/Left/icon_menupan.gif) no-repeat 1px;}
.Menuguidemenu td:hover { background-color:#f2f6f1}
.Menuguidemenu a:hover {font-weight:bold;color:#309837;  text-decoration:none}


/*운전자이미지등록레이어*/
.Gimgwritetitle { 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}
.Gimgwritecontent { clear:both; width:491px; margin:auto; text-align:left}
.Gimgwritecontent td {border-bottom:1px solid #e6e6e6}
.Gimgwritetitle .left { float:left; width:400px;padding:0px 0px 0px 3px}
.Gimgwritetitle .right { float:right; width:20px;padding:5px 0px 0px 0px}
.Gimgwritecontent .text { clear:both; width:486px; height:20px; text-align:left; padding:5px 5px 0px 0px; font-size:11px; color:red; border-bottom:1px solid #e6e6e6}
.Gimgwritecontent .btn { clear:both; width:486px; height:50px; text-align:center; margin-bottom:5px}


/*회색테이블 공용*/
.Graytable { width:auto; border:1px solid #e6e6e6; background-color:white; padding:2px; text-align:left}
.Graytitle { clear:both;width:auto; 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}
.Graycontent { clear:both; width:auto; padding:2px; text-align:left}
.Graycontent2 { clear:both; width:auto; padding:2px; text-align:center; margin:2px}
.Graycontent2 td {border-bottom:1px solid #e6e6e6;}
.Graycontent2 .right {padding-left:3px}
.Graytitle .left { float:left; width:auto;padding:0px 0px 0px 3px}
.Graytitle .right { float:right; width:20px;padding:5px 0px 0px 0px}

/*광고제휴문의*/
.Partnershiptable { width:460px; text-align:center; margin:0px 5px 5px 5px}
.Partnershiptable td{ border-bottom:1px solid #e6e6e6; padding:2px 0px 2px 0px}
.Partnershiptable .tdsize { width:360px}


/*공임비 일괄입력*/
.Parttable { width:340px; text-align:center; margin:0px 5px 5px 5px; border-top:1px solid #e4e4e4}
.Parttable td{padding:2px 0px 2px 0px; border-bottom:1px solid #e4e4e4}
.Parttable .tdsize { width:340px}
.Parttable .wtd1 { width:250px; text-align:center; font-weight:bold; background-color:#f5f5f5; border-right:1px solid #e4e4e4}
.Parttable .wtd2 { text-align:center; font-weight:bold; background-color:#f5f5f5}
.Parttable .wtd3 { width:245px; text-align:left; padding-left:5px;border-right:1px solid #e4e4e4}
.ParttableBtn{clear:both; width:350px; height:auto; margin:5px 0px 5px 0px; border:0px; padding:5px 0px 5px 0px; text-align:center}

/*부품리스트*/
.Wagetable { width:360px; text-align:center; margin:0px 5px 5px 5px}
.Wagetable td{padding:2px 0px 2px 0px; border-bottom:1px solid #e4e4e4}
.Wagetable .tdsize { width:360px}
.Wagetable .wtd1 { width:103px; text-align:center; font-weight:bold; background-color:#f5f5f5}
.Wagetable .wtd2 { text-align:center; font-weight:bold; background-color:#f5f5f5}
.Wagetable .wform1 { width:70px;text-align:center}
.Wagetable .wform2 { width:37px;text-align:center}

/*부품리스트2*/
.Wagetable2 { width:350px; text-align:center; margin:0px 5px 5px 5px}
.Wagetable2 td{padding:2px 0px 2px 0px; border-bottom:1px solid #e4e4e4}
.Wagetable2 .wtd1 { width:116px; text-align:center; font-weight:bold; background-color:#f5f5f5}
.Wagetable2 .wform1 { width:85px;text-align:center}


/*도서관테이블*/
.Librarylist {width:705px; background-color:white; text-align:left; border-left:1px solid #e6e6e6; border-right:1px solid #e6e6e6}
.Librarymenu { width:auto; padding:2px 2px 2px 3px; color:#c1c1c1; text-align:left}
.Librarymenu :link {color:#c1c1c1; font-weight:bold; text-decoration:none}
.Librarymenu :visited {color:#c1c1c1; font-weight:bold; text-decoration:none}
.Librarymenu :hover { color:#5988ea; font-weight:bold}
.Librarysorting td{ border-right:0px solid #e6e6e6; border-bottom:1px solid #e6e6e6; text-align:left; width:130px; height:25px; background-color:white; padding-left:5px;}
.Librarytable { width:705px; text-align:center;}




/*공용부분*/
.Doticon {display:inline-block; vertical-align:middle; width:10px; height:9px; background:url(http://image.surae.com/img/Left/icon_dot.gif) no-repeat; margin-right:3px; padding:0px} 


/*글씨 색상부분*/
.Boldwhite {color:white; font-weight:bold}
.Boldred {color:red; font-weight:bold}
.Red {color:red}
.Blackheight {color:black; line-height:200%}
.Boldblack { color:black; font-weight:bold}
.Purple { color:#914eed}


/*20090929_레이어팝업(추석팝업)*/
.Chuseokpopup { width:421px; border:2px solid #b2d0fc; background-color:white;z-index:1001; padding:1px; text-align:center; position:absolute; left:10px; top:285px;display:none;} 
.Cviewtitle { clear:both;background-color:#ecf3fc; height:25px; width:417px; margin:2px auto 2px auto}
.Cviewtitle .Lleft { float:left; width:395px}
.Cviewtitle .Lright { float:right; width:20px; height:17px; padding-top:8px}
.Cviewcontent  { clear:both;width:419px; margin:auto}
.Cviewbottom { clear:both;background-color:white; height:20px; width:417px; margin:2px auto 0px auto}
.Cviewbottom .Bleft { float:left; width:365px; text-align:left}
.Cviewbottom .Bright { float:right; width:50px; text-align:right}

/*20091123_레이어팝업*/
.Layerpopup1123 { width:585px; border:2px solid #b2d0fc; background-color:white;z-index:1001; padding:0px; text-align:center; position:absolute; left:10px; top:275px; display:none;} 
.Lviewtitle1123 { clear:both;background-color:#ecf3fc; height:25px; width:581px; margin:2px auto 2px auto}
.Lviewtitle1123 .Lleft { float:left; width:561px}
.Lviewtitle1123 .Lright { float:right; width:20px; height:17px; padding-top:8px}
.Lviewcontent1123  { clear:both;width:581px; margin:auto}
.Lviewbottom1123 { clear:both; background-image:url(http://image.surae.com/img/Popup/20091124/img2.gif); height:70px; width:581px; margin:0px auto 2px auto}
.Lviewbottom1123 .Bleft { float:left; width:142px; text-align:right; padding:45px 0px 0px 0px}
.Lviewbottom1123 .Bright { float:right; width:40px; text-align:center; padding:45px 0px 0px 0px}
.Lviewbottom1123 .Bcenter { float:left; width:359px; text-align:center;padding:0px 40px 0px 0px}

/*20091214_레이어팝업*/
.Layerpopup1214 { width:585px; border:2px solid #b2d0fc; background-color:white;z-index:1001; padding:0px; text-align:center; position:absolute; left:10px; top:275px; display:none;} .Lviewtitle1214 { clear:both;background-color:#ecf3fc; height:25px; width:581px; margin:2px auto 2px auto}
.Lviewtitle1214 .Lleft { float:left; width:561px}
.Lviewtitle1214 .Lright { float:right; width:20px; height:17px; padding-top:8px}
.Lviewcontent1214  { clear:both;width:581px; margin:auto}
.Lviewbottom1214 { clear:both; background-image:url(http://image.surae.com/img/Popup/20091214/img2.gif); height:72px; width:581px; margin:0px auto 2px auto}
.Lviewbottom1214 .Bleft { float:left; width:142px; text-align:right; padding:45px 0px 0px 0px}
.Lviewbottom1214 .Bright { float:right; width:40px; text-align:center; padding:45px 0px 0px 0px}
.Lviewbottom1214 .Bcenter { float:left; width:309px; text-align:center;padding:0px 40px 0px 0px; height:72px}

/*20091230_연휴팝업*/
.Layerpopup1230 { width:504px; border:2px solid #b2d0fc; background-color:white;z-index:1002; padding:0px; text-align:center; position:absolute; left:10px; top:275px; display:none;} .Lviewtitle1230 { clear:both;background-color:#ecf3fc; height:25px; width:492px; margin:2px auto 2px auto; font-weight:bold; color:#303f98; text-align:left; padding-left:10px; padding-top:5px}
.Lviewtitle1230 .Lleft { float:left; width:400px}
.Lviewtitle1230 .Lright { float:right; width:20px; height:17px; padding-top:8px}
.Lviewcontent1230  { clear:both;width:500px; margin:auto}
.Lviewbottom1230 { clear:both; background-image:url(http://image.surae.com/img/Popup/20091230/img2.gif); height:28px; width:500px; margin:0px auto 2px auto}
.Lviewbottom1230 .Bleft { float:left; width:142px; text-align:right; padding:0px}
.Lviewbottom1230 .Bright { float:right; width:40px; text-align:center; padding:0px}


/*20090716_레이어팝업*/
.Layerpopup { width:596px; border:2px solid #b2d0fc; background-color:white;z-index:1000; padding:0px; text-align:center; position:absolute; left:10px; top:250px;display:none;} 
.Lviewtitle { clear:both;background-color:#ecf3fc; height:25px; width:592px; margin:2px auto 2px auto}
.Lviewtitle .Lleft { float:left; width:572px}
.Lviewtitle .Lright { float:right; width:20px; height:17px; padding-top:8px}
.Lviewcontent  { clear:both;width:592px; margin:auto}
.Lviewcontent .a { float:left; width:215px; height:62px}
.Lviewcontent .b { float:left; width:166px; height:62px}
.Lviewcontent .c { float:right; width:211px; height:62px}
.Lviewcontent2  { clear:both;width:592px; margin:auto; background-image:url(http://image.surae.com/img/Popup/20090716/img4.gif); height:53px}
.Lviewbottom { clear:both; background-image:url(http://image.surae.com/img/Popup/20090716/img5.gif); height:20px; width:592px; margin:0px auto 2px auto}
.Lviewbottom .Bleft { float:left; width:552px; text-align:right; padding:2px 0px 0px 0px}
.Lviewbottom .Bright { float:right; width:40px; text-align:center}


/*20090819_레이어팝업*/
.Lviewbottom { clear:both; background-image:url(http://image.surae.com/img/Popup/20090819/img2.gif); height:68px; width:593px; margin:0px auto 2px auto}
.Lviewbottom .Bleft { float:left; width:142px; text-align:right; padding:40px 0px 0px 0px; color:#ffffff}
.Lviewbottom .Bcenter { float:left; width:370px; text-align:center;padding:0px 40px 0px 0px}
.Lviewbottom .Bright { float:right; width:40px; text-align:center; padding:40px 0px 0px 0px}

/*20091106_레이어팝업(회로도요청기능폐쇄)*/
.LChuseokpopup { width:566px; border:2px solid #b2d0fc; background-color:white;z-index:1001; padding:1px; text-align:center; position:absolute; left:10px; top:275px;display:none;} 
.LCviewtitle { clear:both;background-color:#ecf3fc; height:25px; width:562px; margin:2px auto 2px auto}
.LCviewtitle .left { float:left; width:542px}
.LCviewtitle .right { float:right; width:20px; height:17px; padding-top:8px}
.LCviewcontent  { clear:both;width:562px; margin:auto}
.LCviewbottom { clear:both;background-color:white; height:20px; width:562px; margin:2px auto 0px auto}
.LCviewbottom .left { float:left; width:365px; text-align:left}
.LCviewbottom .right { float:right; width:50px; text-align:right; padding-right:5px}

/*20100709_레이어팝업(gds demo)*/
.Layerpopup0709 { width:496px; border:2px solid #b2d0fc; background-color:white;z-index:1002; padding:0px; text-align:center; position:absolute; left:10px; top:205px; display:none;} 
.Lviewtitle0709 { clear:both;background-color:#ecf3fc; height:25px; width:492px; margin:2px auto 2px auto}
.Lviewtitle0709 .Lleft { float:left; width:492px}
.Lviewtitle0709 .Lright { float:right; width:20px; height:17px; padding-top:8px}
.Lviewcontent0709  { clear:both;width:492px; margin:auto}
.Lviewbottom0709 { clear:both; background-image:url(http://image.surae.com/img/Popup/gf/GDS_demo_popup_btn_bottom.gif); height:51px; width:492px; margin:0px auto 2px auto}
.Lviewbottom0709 .Bleft { float:left; width:142px; text-align:right; padding:30px 0px 0px 0px}
.Lviewbottom0709 .Bright { float:right; width:40px; text-align:center; padding:30px 0px 0px 0px}
.Lviewbottom0709 .Bcenter { float:left; width:220px; text-align:center;padding:0px 40px 0px 0px; height:51px}

/*사용자가이드_수레샵매니저_팝업*/
.UserLayerpopup1230 { width:504px; height:200px; border:2px solid #a7c4e9; background-color:white;z-index:1002; padding:0px; text-align:center; position:absolute;  left: 470px; top:420px;/* display:none;*/} 
.UserLviewtitle1230 { clear:both;background-color:#ecf3fc; height:19px; width:490px; margin:2px auto 2px auto; font-weight:bold; text-align:left; padding-left:10px; padding-top:5px; font-size:12px; font-weight:bold;}
.UserLviewcontent1230  { clear:both;width:500px; margin:10px 0px 10px; font-size:17px; font-weight:bold; color:#303f98; text-align:center; padding:10px 0px 0px 0px }
.UserLviewcontent1231  { clear:both;width:500px; margin:10px 0px 10px; font-size:17px; text-align:center; padding:10px 0px 0px 0px }
.UserLviewcontent1230_O  { clear:both;width:500px; margin:10px 0px 10px; font-size:14px; font-weight:bold; color:#f05722; text-align:center; padding:5px 0px 0px 0px }
.UserLviewcontent1230_G  { clear:both;width:500px; margin:auto; font-size:14px; color:#000000; text-align:center; padding:20px 0px 0px 0px }


.UserLviewcontent1230Btn  { clear:both; width:82px; height:48px; margin:auto; text-align:center; padding:0px 0px 0px 0px;  background-image:url(http://image.surae.com/img/Expert/Shopmanager/btn_ok.gif); }
.UserIconclose {display:inline-block; width:20px; height:18px; background:url(http://image.surae.com/img/Expert/Shopmanager/icon_x.gif) no-repeat; vertical-align:middle;}
.UserLviewtitle1230 .Lright { float:right; width:20px; height:19px; padding-top:0px}
.UserLleft { float:left; width:200px; font-size:12px; font-weight:bold;}


/*사용가이드 레이어*/
.UseGuideLyaer { width:34px;height:52px; z-index:1; position:absolute;padding:5px; text-align:left;background:url(http://image.surae.com/img/Expert/Shopmanager/icon_fold.gif) no-repeat}
