@charset "utf-8";

/*@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);*/

html, body{margin:0px; padding:0px; font-size:12px; font-family:'돋움',Dotum,'굴림',Gulim, AppleGothic, Sans-serif; height:100%; font-smoothing: antialiased; text-align:left;}
div, td, tr, table, p, span {font-size:12px; font-family:'돋움',Dotum,'굴림',Gulim, AppleGothic, Sans-serif; color: #666666;text-decoration:none; text-align:left;}
div {border:#cccccc 0px solid;}


img { border : 0px;}
a:link {color: #4c4c4c;text-decoration:none; font-family:'돋움',Dotum,'굴림',Gulim, AppleGothic, Sans-serif;}
a:visited {color:#4c4c4c;text-decoration: none; font-family:'돋움',Dotum,'굴림',Gulim, AppleGothic, Sans-serif;}
a:hover {color: #333333;text-decoration:underline; font-family:'돋움',Dotum,'굴림',Gulim, AppleGothic, Sans-serif;}
a:active {color: #4c4c4c;text-decoration: none; font-family:'돋움',Dotum,'굴림',Gulim, AppleGothic, Sans-serif;}

.clearboth { clear:both; height:0px; font-size:0px;}

/*공통*/
/*wrap*/
#wrap { margin:0px; text-align:left;}
h1 { margin:0px; padding:0px; color:#333333;}
h2 { margin:0px; padding:0px; color:#333333;}
h3 { margin:0px; padding:0px; color:#333333;}

ul { margin:0px; padding:0px; list-style:none;}
li { margin:0px; padding:0px; list-style:none;}



.t_style { font-size:12px; background-color: #dfdfdf; border:1px solid #dddddd; width:97%;}
.t_name {font-size:12px; font-family:'돋움',Dotum,'굴림',Gulim, AppleGothic, Sans-serif; color: #333333; background-color: #efefef; line-height: 25px; padding-left:10px; height:25px;border:1px solid #dddddd; text-align:center;}
.t_value {font-size:12px; font-family:'돋움',Dotum,'굴림',Gulim, AppleGothic, Sans-serif; color: #555555; background-color: #ffffff; line-height: 25px; padding-left:10px;border:1px solid #dddddd;}


/*top*/
#top { margin:0; padding:0; z-index:1; background-color:#ffffff; border-bottom:1px solid #cdcdcd;}
#top .tline1 { margin:auto; padding:0; width:1120px; height:46px;position:relative;}
#top .tline1 .tl_left { float:left; margin:10px 0 0 0; padding:0; width:495px;}
#top .tline1 .tl_left ul { margin:0; padding:0; float:left; }
#top .tline1 .tl_left li { float:left; margin:0; padding:0 10px 0 0;list-style:none; }

#top .tline1 .tl_center { float:left; margin:10px 0 0 0; padding:0; width:130px;}

#top .tline1 .tl_right { float:right; margin:15px 0 0 0; padding:0; }
#top .tline1 .tl_right ul { margin:0; padding:0; float:right; }
#top .tline1 .tl_right li { float:left; margin:0; padding:0 0 0 30px;list-style:none; }
/*#top .tline1 .tl_right li:nth-child(4) { float:left; margin:0; padding:0 0 0 0;background-color:#dddddd; list-style:none;}*/

#top .tline2 { margin:auto; padding:0; text-align:center; width:1120px; height:60px; }
#top .tline2 .navi_area { margin:auto; padding:0;}


/*top메뉴*/
#tulliset { padding:0; margin:0;}
#tulliset .tul { margin:0; padding:0; float:left;}
#tulliset .tli { padding:0; float:left; }
#tulliset .tli_ov {padding:0; margin:0; list-style:none; float:left;}


/*main- 신규카젠*/
#main_nc { margin:0; padding:15px 0 0 0; width:299px; background-color:#efefef;}
#main_nc .ncbox{ margin:auto; padding:0; width:269px;}
#main_nc .ncbox .ncbox_l{ float:left; margin:0; padding:0; width:100px;}
#main_nc .ncbox .ncbox_l img{ border:#cccccc 3px solid;}
#main_nc .ncbox .ncbox_r{ float:left; margin:0; padding:0 0 0 14px; width:155px;}
#main_nc .ncbox .ncbox_r .p01{ margin:0; padding:3px 0 3px 0; color:#FF6600; font-size:13px; font-weight:bold;}
#main_nc .ncbox .ncbox_r .p01 a{ margin:0; padding:0 0 3px 0; color:#FF6600; font-size:13px; font-weight:bold; text-decoration:none;}
#main_nc .ncbox .ncbox_r .p02{ margin:0; padding:0 0 10px 0; color:#666666; font-size:12px; font-weight:bold;}
#main_nc .ncbox .ncbox_r .p03{ margin:0; padding:0 0 5px 0; color:#999999; font-size:11px; }

/*main cont - 메인화면*/
#maincont {margin:0; padding:0; z-index:1;}
#maincont .mainbox {width:1120px; height:812px; margin:auto; padding:0;}
#maincont .mainbox .maintext{float:left; width:1120px;padding:220px 0 0 0; text-align:left;}
#maincont .mainbox .mv01 { float:left; width:350px; height:250px; margin:0; padding:40px 35px 0 0;overflow:hidden;}
#maincont .mainbox .mv02 { float:left; width:350px; height:250px; margin:0; padding:40px 35px 0 0;overflow:hidden;}
#maincont .mainbox .mv03 { float:left; width:350px; height:250px; margin:0; padding:40px 0 0 0;overflow:hidden;}


/*footer*/
#footer {margin:auto; padding:0; text-align:left;background-color:#f5f5f5; }
#footer .fcont { margin:auto; padding:0; width:1120px;}
#footer .fcont .btn_sitemap { margin:auto; padding:0; width:1120px; height:18px; text-align:right;}

#footer .fcont .fline1 { float:left; margin:0; padding:0; text-align:left;width:1120px; height:17px;}
#footer .fcont .fline1 .fbtn { margin:0; padding:0; text-align:left;}
#footer .fcont .fline1 .fbtn ul {margin:0; padding:0;}
#footer .fcont .fline1 .fbtn li { float:left; margin:0; padding:0 30px 0 0;background-color:#f5f5f5;}
#footer .fcont .fline1 .fbtn li2 { float:left; margin:0; padding:0;}
#footer .fcont .fline1 .copyright { margin:30px 0 0 0; padding:0;}

#footer .fcont .flogo { float:right; margin:0; padding:0 0 20px 0; text-align:right;}


/*sub visual*/
#sub_visual { width:100%; margin:0px; padding:0 0 0 0; height:170px;  background-image:url(/img/sub/sub_visual.jpg); background-repeat:no-repeat;}
#sub_visual .svisual { width:100%; height:170px; padding:0px; }



/*sub_body*/
#body_wrap { margin:40px 0 0 0; padding:0; text-align:left;}
#body_sub {width:1120px; margin:auto; padding:0; }
#body_sub_guide {width:1120px; margin:auto; padding:0; }
#body_sub .subleft {float:left; width:246px; height:480px;margin:0px; padding:0px; }
#body_sub .subcenter {float:right; width:auto; margin:0px; padding:0 0 35px 0px;line-height:180%;display: block;word-break:keep-all;}


/*서브메뉴*/
#ulliset { padding:0; margin:0;width:190px; background-color:#999999;}
#ulliset .ul1 { margin:0; padding:0; }
#ulliset .li1 {width:190px; border:none; line-height:36px; height:36px; }
/*#ulliset .li1 a { padding:0 0 0 0; border:none; }
#ulliset .li1 a:hover { line-height:36px; padding-left:0; list-style: none; color:#000000; text-decoration:none; }

#ulliset .li1_ov {line-height:36px; padding:0px; list-style: none; color:#333333;width:190px; text-decoration:none; }
#ulliset .li1_ov a { line-height:36px; padding:0; list-style:none; color:#333333; text-decoration:none;}
#ulliset .li1_ov a:visited { line-height:36px; padding:0; list-style: none; text-decoration:none;}
#ulliset .li1_ov a:hover {line-height:36px; padding:0; list-style: none; color:#000000;width:190px; text-decoration:none; }*/

#leftinfo { margin:40px 0 0 0; padding:0; width:190px;}
#leftinfo ul{ margin:0; padding:0; }
#leftinfo li{ margin:0; padding:0; list-style:none;}



/*new tap menu*/
#gtap {margin:auto; padding:0;  height:60px; line-height:60px;background-color:#ffffff;}
#gtap ul {margin:0; padding:0;}
#gtap li {margin:0; padding:0; display:block; float:left; list-style-type:none; height:60px; line-height:60px; text-align:center;}
#gtap a {float:left; padding:0 0; line-height:60px;  height:60px; background-color:#dfedf5;}
#gtap a .active, #gtabs a:hover {background-color:#000000; height:60px; line-height:60px;}
#gtap a:hover {background-color:tomato; line-height:60px;}
#gtap a.on {float:left; padding:0 0; line-height:60px;  height:60px;  background-color:tomato;}

/*탭메뉴*/
#tab_padding {margin:0; } /*타이틀값과 탭메뉴 사이의 패딩값 조절 구간*/
#gtap { height:60px;}



/*shop search*/
#tablediv { margin:0; padding:0; background-color:#f5f5f5; border-top:#dedede 1px solid; border-bottom:#dedede 1px solid;}
#tablediv .contbox { margin:10px 0; padding:10px 0; }
#tablediv .contbox .contleft {margin:0; padding:5px 0 0 20px; float:left; width:90px;}
#tablediv .contbox .contright {margin:0; padding:0 0 0 20px; float:left; width:800px;}

.dls { float:left; padding:0 0 7px 0; width:200px; }
.s_input { height:22px; border:#cccccc 1px solid; }
.s_select { height:25px; border:#cccccc 1px solid;}
.imgpadding { margin:0; padding:0 20px 0 50px;}

#looptable_st table, tr, th, td { border:0;  text-align:center;}
#looptable_st {  margin:0; padding:0; border:0;  width:100%;}
caption { display:none;}
#looptable_st .th_tline { border-top:#ff6015 2px solid;border-bottom:#dedede 1px solid; padding:10px 0; background-color:#f5f5f5; color:#ff6015; font-weight:900;}
#looptable_st .td_cont { border-bottom:#dedede 1px solid; padding:10px 0; }
#looptable_st .td_cont  img{  padding:3px 2px;}
#looptable_st .left { text-align:left;}
#looptable_st .width{  width:20%;}

/*shop search popup*/
#ppst { margin:0; padding:0;}
#ppst  .ptitle{ margin:0; padding:15px 0 0 20px; height:33px; border-bottom:#ff6015 5px solid; background-color:#333333;}
#ppst  .shopname{ margin:20px 0; padding:0 0 0 20px; font-weight:900; font-size:16px; color:#333333;}
#ppst  .shopname img{padding:0 10px 0 0; }

#ppst  .shopaddress{ margin:20px 0 10px 0; padding:0 0 0 20px; }
#ppst  .shopaddress .saleft{ float:left; margin:0 0; padding:0 0 0 0; }
#ppst  .shopaddress .saright{ float:right; margin:0 0; padding:0 20px 0 0; text-align:right; }

#ppst  .serviceicon{ margin:0 0 30px 0; padding:0 0 0 20px; }
#ppst  .serviceicon .sileft{ float:left; margin:0 0; padding:0 0 0 0; }
#ppst  .serviceicon .siright{ float:left; margin:0 0; padding:0 0 0 10px; }
#ppst  .serviceicon .siright  img{ margin:0; padding:0 3px; vertical-align:middle;}

#ppst .shopmapview { margin:0 0 0 20px; padding:0; width:565px; height:300px; background-color:#ffffff;}

#sspopupclose { padding:20px 0; margin:0; text-align:center; }




/*mycar_reservation*/
#tablediv2 { margin:0; padding:0; background-color:#f5f5f5; border-top:#dedede 1px solid; border-bottom:#dedede 1px solid;}
#tablediv2 .contbox { margin:10px 0; padding:10px 0; }
#tablediv2 .contbox .contleft {margin:0; padding:5px 0 0 20px; float:left; width:90px;}
#tablediv2 .contbox .contright {margin:0; padding:0 0 0 20px; float:left; width:800px;}

#tablediv3 { margin:0; padding:0; background-color:#f5f5f5; border-top:#dedede 1px solid; border-bottom:#dedede 1px solid;}
#tablediv3 .contbox { margin:10px 0; padding:10px 0; }
#tablediv3 .contbox .contleft {margin:0; padding:5px 0 0 20px; float:left; width:90px;}
#tablediv3 .contbox .contright {margin:0; padding:0 0 0 20px; float:left; width:800px;}
.dls2 { padding:0 0 7px 0; width:300px; height:25px;}
.dls2_e { padding:0 0 7px 0; width:700px; height:25px;}
.dls2  .s_select { margin:0 0 0 18px; }

#tablediv4 { margin:0; padding:0; background-color:#f5f5f5; border-top:#dedede 1px solid; border-bottom:#dedede 1px solid;}
#tablediv4 .contbox { margin:10px 0; padding:10px 0; }
#tablediv4 .contbox .contleft {margin:0; padding:5px 0 0 20px; float:left; width:90px;}
#tablediv4 .contbox .contright {margin:0; padding:0 0 0 20px; float:left; width:800px;}
.dls3 { float:left; padding:0 0 7px 0; width:200px; height:25px;}

#tablediv5 { margin:0; padding:0; background-color:#f5f5f5; border-top:#dedede 1px solid; border-bottom:#dedede 1px solid;}
#tablediv5 .contbox { margin:10px 0; padding:10px 0; }
#tablediv5 .contbox .contleft {margin:0; padding:5px 0 0 20px; float:left; width:90px;}
#tablediv5 .contbox .contright {margin:0; padding:0 0 0 20px; float:left; width:800px;}
.dls4 { float:left; padding:0 0 7px 0; width:200px; height:120px;}
.s_input2 { height:100px;}

#date_st table, tr, th, td { border:0;  text-align:center;}
#date_st {  margin:0; padding:0; border:0;  width:100%;}
caption { display:none;}
#date_st .th_tline { border-top:#dedede 1px solid; padding:10px 0; background-color:#f5f5f5; color:#575757; font-weight:900;}
#date_st .td_cont {  padding:10px 0; }
#date_st .td_cont  img{  padding:3px 2px;}
#date_st .left { text-align:left;}
#date_st .width{  width:20%;}

/*mycar_reservation popup*/
#ppst { margin:0; padding:0;}

#ppst .shopmapview { margin:20px 0 0 20px; padding:0; width:565px; height:55px; background-color:#ffffff;}
#ppst .select { text-align:center; padding:20px 0 10px 0;}

#ppst .shopmapview2 { margin:20px 0 0 20px; padding:0; width:565px; height:55px; background-color:#efefef;}
#ppst .shopmapview2 .left { margin:10px 0 0 30px; padding:0; width:170px; line-height:150%; float:left;}
#ppst .shopmapview2 .right { margin:0px 0px 0 0px; padding:10px 30px 0 0; text-align:right;}

#sspopupclose { padding:20px 0; margin:0; text-align:center; }




/*표준정비서비스*/
#tablediv6 { margin:0; padding:0; background-color:#f5f5f5; border-top:#dedede 1px solid; border-bottom:#dedede 1px solid;}
#tablediv6 .contbox { margin:10px 0; padding:10px 0; }
#tablediv6 .contbox .contleft {margin:0; padding:5px 0 0 20px; float:left; }
#tablediv6 .contbox .contright {margin:0; padding:0 0 0 20px; float:left;}

.dls { float:left; padding:0 0 7px 0; width:200px; }
.s_select { height:25px; border:#cccccc 1px solid;}
.imgpadding { margin:0; padding:0 20px 0 50px;}

#checkpoint { padding-top:30px;}

#looptable_st2 table, tr, th, td { border:0;  text-align:center;}
#looptable_st2 {  margin:0; padding:0; border:0;  width:100%;}
caption { display:none;}
#looptable_st2 .th_tline { border-top:#ff6015 2px solid;border-bottom:#dedede 1px solid; padding:10px 0; background-color:#f5f5f5; color:#ff6015; font-weight:900;}
#looptable_st2 .td_cont { border:#dedede 1px solid; padding:10px 0; text-align:center;}
#looptable_st2 .td_cont2 { border-bottom:#dedede 1px solid; padding:10px 0; }
#looptable_st2 .td_cont3 { border-right:#dedede 1px solid; border-bottom:#dedede 1px solid;  padding:10px 0; }
#looptable_st2 .td_cont4 { border-left:#dedede 1px solid; border-bottom:#dedede 1px solid;  padding:10px 0; text-align:center; }
#looptable_st2 .td_cont  img{  padding:3px 2px;}
#looptable_st2 .left { text-align:left;}
#looptable_st2 .width{  width:20%;}




/*정비내역내역*/
#tablediv7 { margin:0; padding:0; background-color:#f5f5f5; border-top:#dedede 1px solid; border-bottom:#dedede 1px solid;}
#tablediv7 .contbox { margin:10px 0; padding:10px 0; }
#tablediv7 .contbox .contleft {margin:0; padding:5px 0 0 20px; float:left; width:90px;}
#tablediv7 .contbox .contright {margin:0; padding:0 0 0 20px; float:left; width:800px;}

.dls { float:left; padding:0 0 7px 0; width:200px; }
.s_input { height:22px; border:#cccccc 1px solid; }
.s_select { height:25px; border:#cccccc 1px solid;}
.imgpadding { margin:0; padding:0 20px 0 50px;}

#looptable_st table, tr, th, td { border:0;  text-align:center;}
#looptable_st {  margin:0; padding:0; border:0;  width:100%;}
caption { display:none;}
#looptable_st .th_tline { border-top:#ff6015 2px solid;border-bottom:#dedede 1px solid; padding:10px 0; background-color:#f5f5f5; color:#ff6015; font-weight:900;}
#looptable_st .td_cont { border-bottom:#dedede 1px solid; padding:10px 0; text-align:center; }
#looptable_st .td_cont  img{  padding:3px 2px;}
#looptable_st .left { text-align:left;}
#looptable_st .width{  width:20%;}



/*내차정보*/
#tablediv8 { margin:0; padding:0; background-color:#f5f5f5; border-top:#dedede 1px solid; border-bottom:#dedede 1px solid;}
#tablediv8 .contbox { margin:10px 0; padding:10px 0; }
#tablediv8 .contbox ul {margin:0; padding:5px 0 0 30px; }
#tablediv8 .contbox li {margin:0; padding:0; list-style:disc; line-height:200%; }

.dls { float:left; padding:0 0 7px 0; width:200px; }
.s_input { height:22px; border:#cccccc 1px solid; }
.s_select { height:25px; border:#cccccc 1px solid;}
.imgpadding { margin:0; padding:0 20px 0 50px;}

#looptable_st table, tr, th, td { border:0;  text-align:center;}
#looptable_st {  margin:0; padding:0; border:0;  width:100%;}
caption { display:none;}
#looptable_st .th_tline { border-top:#ff6015 2px solid;border-bottom:#dedede 1px solid; padding:10px 0; background-color:#f5f5f5; color:#ff6015; font-weight:900;}
#looptable_st .td_cont { border-bottom:#dedede 1px solid; padding:10px 0; }
#looptable_st .td_cont  img{  padding:3px 2px;}
#looptable_st .left { text-align:left;}
#looptable_st .width{  width:20%;}


#looptable_mypage table, tr, th, td { border:0;  text-align:center;}
#looptable_mypage {  margin:0; padding:0; border:0;  width:100%;}
caption { display:none;}
#looptable_mypage .th_tline { border-top:#dedede 1px solid; border-bottom:#dedede 1px solid; padding:10px 0px 10px 20px; background-color:#f5f5f5; font-weight:900; text-align:left;}
#looptable_mypage .td_cont { border-top:#dedede 1px solid; border-bottom:#dedede 1px solid; padding:10px 0px 10px 20px;  text-align:left; }
#looptable_mypage .td_cont  img{  padding:3px 2px;}
#looptable_mypage .left { text-align:left;}
#looptable_mypage .width{  width:20%;}




.borderzero {border:0;}



	/*가맹점 가입신청*/
#frequest_st table, tr, th, td { border-collapse: collapse;  border-spacing: 0; border:0;  text-align:left;}
#frequest_st {  margin:0; padding:0; border:0; }
#frequest_st .fr_tline_vw { padding: 0; border-top:#d7d7d7 1px solid;border-right:#d7d7d7 1px solid;padding:7px 0; background-color:#ffffff; color:#666666; text-align:center; width:124px;}
#frequest_st .fr_tline_vw2 { padding: 0; border-top:#d7d7d7 1px solid;border-right:#d7d7d7 1px solid; border-left:#d7d7d7 1px solid;padding:7px 0; background-color:#ffffff; color:#666666; text-align:center; width:123px;}
#frequest_st .fr_cont_vw { border-top:#dedede 1px solid; padding:5px 10px; text-align:left; width:330px; }
#frequest_st .fr_cont_vw2 { border-top:#dedede 1px solid; padding:5px 10px; text-align:left; width:805px; }
#frequest_st .s_textarea { border:#cccccc 1px solid;}



/*정비상식*/

#sense_st table, tr, th, td { border:0;  text-align:center; line-height:150%;}
/*#sense_st tr { background:url(../img/cont/autolife/tr_bg.gif) ; }*/
.trbg { background:url(/img/cont/autolife/tr_bg3.gif) 500px 0 ; }
#sense_st caption { display:none;}
#sense_st {  margin:0; padding:0; border:0;  width:100%;}
#sense_st caption { display:none;}


#sense_st .ss_tline_f { border-top:#dedede 1px solid;border-left:#dedede 1px solid; border-bottom:#dedede 1px solid; padding:10px 0; font-weight:bold;}
#sense_st .ss_tline { border-right:#dedede 1px solid; border-top:#dedede 1px solid;border-left:#dedede 0px solid; border-bottom:#dedede 1px solid;padding:10px 0; font-weight:bold; }

#sense_st .ss_cont_f { border-top:#dedede 1px solid;border-left:#dedede 1px solid; border-bottom:#dedede 1px solid; padding:5px 0; font-weight:normal;}
#sense_st .ss_cont { border-top:#dedede 1px solid;border-bottom:#dedede 1px solid;border-right:#dedede 1px solid; padding:5px 0;}

#sense_st .bgclr{ background-color:#f9f9f9;}
#sense_st .w1{ width:33%;}
#sense_st .w2{ width:33%;}
#sense_st .w3{ width:34%;}
#sense_st .left { text-align:left; padding:0 10px 0 10px;}