@charset "utf-8";
/* ************************************** 
        
   File   : common.css
   Title  : common style
   Date   : 2010.08.17
   Modify : 2010.08.25
	 
************************************** */
@import url(/kr/css/lnb.css); 


/* Browser Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td 
{margin:0;padding:0;border:0;font-size:100%;vertical-align: baseline;background: transparent;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse:collapse;border-spacing:0;}
a {text-decoration:none; color:#4671d2; }
a:hover {text-decoration:none;color:#4f75cc;}
a img {border:none;}
.cb {clear:both;width:0; height:0; font-size:0; line-height:0; overflow:hidden; visibility:hidden;margin:0;padding:0;}
hr {display:none;}
* html .png24 { tmp:expression(setPng24(this));}
.png24  {_tmp:expression(setPng24(this));}


#wrap h1, #wrap h2, h2 {position:absolute;left:-1000%;top:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden;}
caption {text-indent:-10000px;font-size:0;line-height:0;overflow:hidden;}



/*UlstyleA*/
.ulStyleA{ margin:0 0 5px 0;}
.ulStyleA li{ background:url(/kr/images/common/bullet.gif) 2px -162px no-repeat; padding-left:10px;}

/*form styleA*/
.formA {width:100%;}
.formA dl{background:#fbfbfb; border:1px solid #f3f3f3; overflow:hidden; padding:20px; margin-bottom:20px;}
.formA dl dt{ clear:both;  float:left; background:url(/kr/images/common/bullet.gif) no-repeat 0px -130px; color:#6075a3; font-weight:bold; padding:7px 10px; width:110px; }
.formA dl dd{padding-right:20px; padding:5px 0px; color:#666;}
.formA dl dd span{ font-size:0.9em;color:#6075a3; font-family:"돋움", Dotum; display:inline-block; padding-left:2px;}


/* Form Display */
input{padding:1px 5px 2px 5px; vertical-align:middle;}
select{margin-right:5px;}
.input_text, textarea{border:1px solid #e6e6e6; background:#fff; padding:1px 2px 0 5px; margin-right:2px; vertical-align:middle; color:#666;font-family:"돋움",Dotum; font-size:1em; overflow:auto;}
.input_text{height:16px;}
.input_check, .input_radio{width:13px!important; height:13px!important; position:relative; top:1px;color:#666; padding:0;}
.input_select{vertical-align:middle;height:19px; border:1px solid #e6e6e6 ;color:#666; font-family:"돋움",Dotum; padding-left:5px;}
.input_select01 {vertical-align:middle;height:19px; border:1px solid #e6e6e6 ;color:#666; font-family:"돋움",Dotum; padding-left:5px; margin-left:40px; }
.input_select02 {vertical-align:middle;height:19px; border:1px solid #e6e6e6 ;color:#666; font-family:"돋움",Dotum; padding-left:20px; width:121px; }

.input_file{height:19px; border:1px solid #e6e6e6; background:#fff; color:#666; font-family:"돋움",Dotum; padding:0px 0px 2px 0px; }

.show{display:block!important; visibility:visible; text-indent:0 !important;} 
.btn{vertical-align:middle; padding:0 5px;}
.hide { text-indent:-3000px; height:0; width:0; visibility:hidden;font-size:0;line-height:0;}


/*about align*/
.right {text-align:right;}
.left {text-align:left;}
.f_right { float:right;}
.f_left { float:left; overflow:hidden;}
.top{ vertical-align:top; vertical-align:text-top;}
.clear{ clear:both; overflow:hidden;}
.center{ text-align:center;}
.p_right {text-align:right; font-size:11px; font-family:"돋움", Dotum; padding:0 0 15px; vertical-align:bottom;}
.bgclear{ background:none !important;} 
.btm10{ padding-bottom:10px;}
.btm15{ padding-bottom:15px;}
.btm20{ padding-bottom:20px;}
.btm30{ padding-bottom:30px;}
.btm35{ padding-bottom:35px;}
.padTop20{ padding-top:10px;}
.padTop20{ padding-top:20px;}
.padTop30{ padding-top:30px;}
.padTop35{ padding-top:35px;}
.padLft{ padding-left:10px;}
.padLft20{ padding-left:20px;}
.padRht20{ padding-right:10px;}
.mgnTop20{ margin-top:20px;}
.mgnTop40{ margin-top:40px;}
.mgnTop50{ margin-top:50px;}
.mgnRht20{ margin-right:20px !important;}

.fb { font-weight:bold;  }
.f_left_01 { float:left;  padding-top:5px;} 
.float_box { width:100%; float:left; display:inline; overflow:hidden; margin-bottom:5px;}
.text_right { text-align:right;  }
/* FAQ */
#faq-list {border-top:2px solid #c3cada; border-bottom:1px solid #c3cada !important; margin:0px 0 16px; padding:0; overflow:hidden;}
#faq-list ul,{padding:0; margin:0;}
#faq-list .ques {clear:both; border-top:1px solid #efefef;}
#faq-list .ques a{color:#808080; text-decoration:none; line-height:1.3em;}
#faq-list .ques .off{ background:url(/kr/images/common/bullet.gif) no-repeat 0px -200px; padding-left:20px; color:#8b93a4; text-decoration:none; width:460px; display:block;}
#faq-list .ques .on{ background:url(/kr/images/common/bullet.gif) no-repeat 0px -300px; color:#8b93a4; text-decoration:none;padding-left:20px; font-weight:bold; width:460px; display:block}
#faq-list .ans { clear:both; background:#fafafa url(/kr/images/common/bullet.gif) no-repeat -50px -390px; line-height:1.6em; text-align:justify !important; padding:10px 50px 10px 185px;}
:root #faq-list .title{ overflow:hidden;}
#faq-list .title{ _height:18px;}
*:first-child+html #faq-list .title{ overflow:hidden;}
#faq-list .title li{ float:left;  overflow:hidden;padding:10px; overflow:hidden; vertical-align:middle; }
#faq-list .category{ width:80px;  margin-right:0px; vertical-align:middle;text-align:center;}
#faq-list .no{ width:30px; text-align:center;}

/*price_popup*/
#price{ width:660px; padding:0; margin:0; background:url(/kr/images/common/price_popBg02.gif) no-repeat bottom; padding-bottom:17px; font-size:0.8em; color:#666; font-family:Gulim,"굴림",Dotum,"돋움";}
#price  .cls{ background: url(/kr/images/common/price_popBg02.gif) no-repeat ; height:32px; overflow:hidden; }
#price .cls a{ display:block; padding:10px 20px; text-indent:-5000px; }
#price .inbox{ background: url(/kr/images/common/price_popBg.gif) repeat-y; padding:5px  25px 15px; }
#price h1{ text-indent:-5000px;}
#price .inbox h2{ position: relative; left: 0; top:0px; padding-left:280px; width:100px; height:20px;margin-bottom:15px;}
#price ul{ padding-bottom:10px;}
#price li{ background:url(/kr/images/common/bullet.gif) no-repeat 0 -134px; color:#6075a3; padding-left:10px; font-size:0.95em; letter-spacing:-1px; line-height:1.6em;}
#price .date{ font-size:0.95em; text-align:right;}



#price_01 { width:1030px; padding:0; margin:0; background:url(/kr/images/common/price_popBg03.gif) no-repeat bottom; padding-bottom:17px; font-size:0.8em; color:#666; font-family:Gulim,"굴림",Dotum,"돋움";}
#price_01  .cls{ background: url(/kr/images/common/price_popBg03.gif) no-repeat ; height:32px; overflow:hidden; }
#price_01  .cls a{ display:block; padding:10px 20px; text-indent:-5000px; }
#price_01 .inbox{ background: url(/kr/images/common/price_popBg02.jpg) repeat-y; padding:5px  25px 15px; }
#price_01 .inbox h2{ position: relative; left: 0; top:0px; width:100px; height:20px;margin:0 auto 15px;}
#price_01 .res { float:left;  margin:30px 0 10px; width:100%; }
#price_01 .res ul { width:500px;  float:left;}
#price_01 .res ul li { padding-bottom:5px; }
#price_01 .res ul li.red { color:red; }
#price_01 .res table {  float:right; width:180px; margin-bottom:0; border-bottom:2px solid #C3CADA;}
#price_01 .res .remarks { border-top:2px solid #c3cada; border-bottom:2px solid #c3cada !important; } 
#price_01 .res .remarks th{ background:#fafafa; color:#6c7380; vertical-align:middle; border-right:1px solid #dadde2; border-bottom:1px solid #dadde2; font-weight:normal; text-align:center; padding:7px 5px; }
#price_01 .res .remarks td{color:#666; border-right:1px solid #efefef;  border-bottom:1px solid #dadde2;  vertical-align:middle;  padding:7px 5px; line-height:1.5em; }
#price_01 .res .remarks td.end { border-right:none;  }
#price_01 td.bg { background:#FAFAFA;  }
#price_01 td.g_bg { background:#dddddd;  }

/*Button*/
.btnWrap {margin:0 auto; height:20px; width:200px;}
.variBtn  { float:left; background: url(/kr/images/common/brnBgL.gif) no-repeat left top; font-family:Dotum,"돋움"; color:#7e7d7d; font-size:11px; padding-left:8px; margin:0 5px; display:block;}
.variBtn a { padding:3px 8px 3px 0; height:16px; display:inline-block; color:#7e7d7d; text-decoration:none;background:url(/kr/images/common/brnBgR.gif) no-repeat right top; line-height:1.4em; white-space:nowrap;}
.variBtn a:on { font-weight:bold;}
.variBtn a:hover{ color:#6075a3;}
#contentsBody h5.f_left { padding:0 0 15px 0;}

.modi3 {padding:0px; overflow:hidden; float:left; display:inline; width:100%;}
.modi3 p.reserveText { background:url(/kr/images/common/bullet.gif) no-repeat 0 -45px; color:#6179b5;font-weight:bold; float:left;}  
.modi3 p.reserveText2 { background:url("/kr/images/repair/bullet.gif") no-repeat scroll 5px 9px; padding:4px 10px 0 15px; float:left;}  
.modi3 p.text_right { text-align:right; display:block; margin-right:5px;}
.modi3 p.text_right a {background:url("/kr/images/common/brnBgL.gif") no-repeat  left top; height:20px; padding-left:8px;display:inline-block; color:#6179B5;}
.modi3 p.text_right  span.variBtn2 { background:url("/kr/images/common/brnBgR.gif") no-repeat  right top; font-size:11px; height:16px; padding:3px 8px 3px 0;  line-height:1.4em; white-space:nowrap; display:inline-block; }


/*search*/
.search{background: url(/kr/images/common/searchBg.jpg) no-repeat; padding:12px 0; vertical-align:middle; margin:15px 0; }
.sWrap{ padding:0 60px;}
 
 /*search Big*/
.searchB{background: url(/kr/images/common/searchBg_big.jpg) no-repeat; padding:25px 20px 25px 40px; vertical-align:middle; margin:15px 0 40px; }
.searchB_{background: url(/kr/images/common/searchBg_big.jpg) no-repeat; padding:25px 0 25px 40px; vertical-align:middle; margin:15px 0 40px; }
.searchB .txt{ padding:0 20px 0px 5px;}
.searchB_ .txt{ padding:0 20px 0px 5px;}
.searchB_ .txt01{ padding:0 5px 0px 5px;}
.sp_btn { vertical-align:-10px; }
.sWrap{ padding:0 60px;}

.search_box { padding-bottom:15px; float:left;  width:100%;}
.search_box p.fl { float:left;  }
.searchB_01 { float:right; background: url(/kr/images/common/searchBg_big_01.jpg) no-repeat; padding:25px 0 25px 30px; vertical-align:middle; margin:150px 0 0 0px; width:271px; height:47px;}
.searchB_01 label { font-weight:bold; vertical-align:middle; }
.searchB_01 select { width:85px; vertical-align:middle;}
.searchB_01 .mt5 { margin-top:5px;  }


/* 통합검색 */
#header ul li {_margin:4px 0 0 0;}
#header ul li.last {background:url(/kr/images/common/se.png) 0 0 no-repeat;width:134px;height:17px;margin:-4px 0 0 10px;padding:3px 0 0 0;_margin:0 0 0 10px;_background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/kr/images/common/se.png', sizingMethod=’crop’);}
#header ul li.last input {border: 1px solid #f18;border:0;font-size:11px; font-family:Dotum,"돋움";background:transparent;color:#808080;}
#header ul li.last img {float:right;display:inline;margin:3px 7px 0 0;}

#header ul li.last .s_btn a {float:right;  display:inline;  margin-right:7px; text-decoration:none; padding:1px 3px;}

/*price_popup03*/
#price03{ width:660px; padding:0; margin:0; background:url(/kr/images/common/price_popBg02.gif) no-repeat bottom; padding-bottom:17px; font-size:0.8em; color:#666; font-family:Gulim,"굴림",Dotum,"돋움";}
#price03  .cls{ background: url(/kr/images/common/price_popBg02.gif) no-repeat ; height:32px; overflow:hidden; }
#price03 .cls a{ display:block; padding:10px 20px; text-indent:-5000px; }
#price03 .inbox{ background: url(/kr/images/common/price_popBg.gif) repeat-y; padding:20px  25px 15px; height:630px;}
#price03 .color_bold { color:#6075a3; font-weight:bold; }
#price03 .color_bold02 { color:#808080; font-weight:bold; }
#price03 .icon { vertical-align:middle; margin-right:5px; }
#price03 .btnWrap { margin-top:590px;}




/******************************************************************
	풋터 공통
*******************************************************
#footerWrap { width:100%;  }
#footer {margin: 0 auto; width:940px; text-align: center;}
#footer address { font-style:normal;  font-size:11px;  text-align:center; }
#footer ul {	float:left;	width:320px; padding:5px; margin-left:308px;}
#footer ul li {	float: left; display:inline; }
#footer ul li a{ padding:0 5px; }
************/

/*  정비사업소  풋터 */
#footerWrap { width:100%; border-top:1px solid #e8e8e8;}
#footerWrap #footer { width:940px; margin:30px auto; }
#footerWrap #footer address { text-align:center; font-style:normal; font-size:11px; }
#footerWrap #footer .link_list {  float:left; margin:0 auto; padding:5px 0; }
#footerWrap #footer .link_list ul {float:left; padding-left:313px;   }
#footerWrap #footer .link_list ul li {float:left; padding:0 5px;}
#footerWrap #footer p { text-align:center; }


/* 개인정보취급방침 */
#privacy { margin:50px 0;}
#privacy .point_t { font-weight:bold; color:#6075a3; }
#contents #privacy h4 { color:#6075A3;  margin:40px 0 20px; }
#privacy .privacy_list {background:url('/kr/images/member/privacy_bg.gif') no-repeat  0 0; height:275px;  width:686px; padding:20px 15px;  margin-top:50px; }
#privacy  .privacy_list li { background:url('/kr/images/member/privacy_list_icon.gif') no-repeat 10px center; width:658px; border-bottom:1px dashed #d6d6d6; padding:9px 0 6px 22px; }
#privacy .privacy_list li  a { color:#808080; }
#privacy .privacy_list li.border_no { border-bottom:none; }
#privacy .privacy_ditail { line-height:18px; }

/* 이메일무단수집거부 */
#mail_massege { margin:50px 0;  width:700px; height:232px; }

/* 사이트맵 repair,agency 공통 */
#sitemap { float:left; margin-top:20px; }
#sitemap ul { float:left;  }
#sitemap ul li { width:230px;}
#sitemap ul ul  { height:auto; margin:5px; width:215px;   }
#sitemap ul ul li { padding:8px 0 5px 12px; width:200px; background:url('/kr/images/common/map_list_icon.gif') no-repeat 5px 50%; border-bottom:1px solid #eee; }
#sitemap ul ul li a { color:#808080; font-weight:bold; }
#sitemap ul.mr { margin-right:5px; }
#sitemap .mb { margin-bottom:30px; float:left; }

body.no {background:none; }
#contents_no  {float:left; width:717px; }