@charset "utf-8";

/* 

    * Filename: css.css
    * Version: 1.0.0 (2008-03-18)
    * Website: iautoland
    * Author: minxs
    * Description: Handles the site layout. and all

    == STRUCTURE: ==============================
    * Page width: 0px subpage 0px // page content : 740px
    * Number of columns: main: 2  page: 2
    ============================================

    */


*{padding:0;margin:0}
html {}
body{ background-color: white; font-family: Gulim, Tahoma, sans-serif; font-size: 12px; font-style: normal; line-height: 1.6em; font-weight: normal; font-variant: normal; color: #414C4E; background-image: url(/image/bg_menu.gif); background-repeat: repeat-y; background-attachment: fixed; background-position: 10px top; }
.nobg{ background-color: #FFFFFF; background-image: none; }
form { font-size: 9pt; }
input { font-size: 9pt; }
img{border-style:none}
html*.png24 {tmp:expression(setPng24(this));}/*hack 투명png24 IE사용*/
.illustrate{ margin: 0px 5px 0px 0px; padding: 2px; border: 1px solid #dedede; }
p { margin-bottom:6px; text-align: justify; }
.clear {clear:both;}
.center { display:block;  margin-left:auto; margin-right:auto;}
.center_txt {text-align:center;}
.alignright{text-align:right;}
.pictureframe{ background-color: #FFFFFF; padding: 2px; border: 1px solid #999999; }
blockquote { background: #F7F7F7; padding: 5px; border: 1px solid #E7E7E7; margin: 15px; clear:left; }

/*색*/
.color01{ color: #FF6600; }/*오렌지*/
.color02{ color: olive; }/*올리브*/
.color03{ color: #E94987; }/*분홍*/
.color04{ color: #2080D0; }/*하늘*/
.color05{ color: green; }/*초록*/

/*링크*/
a { text-decoration:none; color:#494949; }
a:active { text-decoration:underline; color:#FF0000; }
a:hover { text-decoration:underline; color:#FF0000; }

/*롤오버*/
a.roll img { display:inline; border:0;}
a.roll img.over { display:none; }

a.roll:hover { border:0; }
a.roll:hover img { display:none; }
a.roll:hover img.over { display:inline; }

/*페이지 레이아웃===============================================================================*/


#top{ background-image: url(/image/bg_top.gif); background-repeat: repeat-x; height:171px; }
#navi_g{ height:27px; width:976px; text-align:right; background-image: url(/image/bg_menu.gif); background-repeat: repeat-y; background-position: 30px top; }
#topbox{width:1200px;}
#ci{ width:200px; padding-left:46px; height:105px; padding-top:40px; float:left; background-color: #fada01; background-image: url(/image/bg_3line.gif); background-repeat: no-repeat;background-position: 30px -27px; }
#splash { background-image: url(/image/splash_01.jpg); float:left; background-repeat: no-repeat; height: 124px; width:620px; padding-left:170px; padding-top:20px;  }



#navigation{ width:186px; margin-bottom:10px;}
#navigation ul { margin:0;}
#navigation ul li { padding-left: 0px; list-style: none; margin:0; padding:0;}
#navigation ul li img { vertical-align:top;}

#page{clear:both; width:1250px;}
#menu{ float:left; width:206px; padding-left:46px; }
#content{ float:left; width:750px; margin-left:10px; margin-top:10px; padding-bottom:10px; }
#bannerright{float:left; width:180px; margin-left:10px; margin-top:10px;}/*배너 우측*/

#footer{ clear:both; padding-left:30px; height: 76px; background-image: url(/image/bg_footer.gif); background-repeat: repeat-x; background-color: #FFCC00; }


.sidebg { background-image: url(/image/bg_menu.gif); background-repeat: repeat-y; background-position: 30px top; background-attachment: scroll; }

/*내용부분======================================================*/
#mainpagetop{ clear:both;}
#mainpagetopbox{ float:left; width:415px;}
#motto{ width:405px; height:125px; padding-top:50px; padding-left:10px; background-image: url(/image/bg_motto.jpg); background-repeat: no-repeat; margin-bottom:5px; }
#mainbanner{ clear:both;}
.bn1{ float:left;width:289px;}
.bn2{ float:left; width:122px; margin-left:4px;}
#latest_booking{ width:244px; padding-left:26px; float:left; background-image: url(image/bg_latest_booking.gif); background-repeat: no-repeat; }
#mainbanner .imagebanner{ float:right;}
#gallery{width:328px; float:right; height:263px; background-image: url(/image/box_gallery.gif); background-repeat: no-repeat;}
#latestgallery{ padding-left:5px; padding-right:5px; margin-top:0px;}
#latestgallery img{ margin-bottom:4px; padding: 1px; border: 1px solid #dedede; }
#carnews{ clear:left; background-image: url(/image/ttl_m_carnews.gif); background-repeat: no-repeat; padding-top:26px; }
#autoland{ clear:left; background-image: url(/image/ttl_m_autoland.gif); background-repeat: no-repeat; padding-top:26px; margin-top:10px; }



/*최근게시물==============================================*/
.latest { clear:both; margin-top:10px;}
.latest ul {margin:0; padding:0;}
.latest li{ list-style: none; margin-left: 0px; padding-left: 12px; background-image: url(/image/li.gif); background-repeat: no-repeat; background-position: left top; margin-top:2px; }
.latest a { text-decoration:none; color:#494949; }
.latest a:active { text-decoration:underline; color:#8A5300; }
.latest a:hover { text-decoration:underline; color:#8A5300; }


/*제목*/
h1 { background-image: url(/image/h1.gif); background-repeat: no-repeat; height: 66px; padding-left:32px; padding-top:14px; }
h2 { margin-top:10px; margin-bottom:2px; font-size: 1em; font-weight: bold; color: #FF9900; clear:left; }
h3 { width:99%; margin-top:10px; margin-bottom:4px; background: url(/image/h3.gif) no-repeat left 6px; font-size: 1.1em; font-weight: bold; padding-top:0px; height:20px; color: #978A5B; border-bottom: 1px solid #E3E3E3; padding-left: 6px; }
h4{ width:680px; font-weight: bold; font-size: 1em; color: #666666; background: url(/image/h4.gif) no-repeat left 2px; text-indent: 16px; border-bottom: 1px dotted #EBEBEB; margin-bottom:4px;}


/*리스트*/
ul { margin:0.5em;}
ul li { padding-left: 12px; background: url(/image/li.gif) no-repeat; list-style: none;  }

ol { margin:0.5em; list-style:inside; }
ol li {padding-left: 2px;}

li ul{margin-top:5px;}
li li{ margin-top:0; text-indent: 18px; background-image: url(/image/li_2.gif); background-repeat: no-repeat; background-position: left 2px; }

#content ul.list_nobullet {}
#content ul.list_nobullet li { margin:0px; padding:0px; list-style:none; background: url(none); }

ul.list_ver { margin:0px; padding:0px; list-style:none; }
ul.list_ver li { margin:0px; padding:0px; }
ul.list_ver li img { vertical-align:top;  }

ul.list_hor { margin:0px; padding:0px; list-style:none; }
ul.list_hor li { margin:0px; padding:0px; float:left }
ul.list_hor li img { vertical-align: middle;  }

ol { margin-left:10px;}
ol li { list-style: decimal outside; margin-left:20px; margin-bottom:4px;}

.type1 ul{}
.type1 li{ background: url(/image/li_type01.gif) no-repeat left 3px;  margin-left:20px; padding-left: 16px; margin-bottom: 1em; list-style: none; }

dt{ font-weight: bold; color: #666666; background: url(/image/li.gif) no-repeat 0px 6px; padding-left:10px;}
dd { margin-top:2px; margin-bottom:10px; padding-left:10px;}

/*기본표===========================================================*/
.datatable { border-collapse:collapse; margin-bottom:12px; width:96%; ; border-top-width: 2px; border-right-width: 1px; border-bottom-width: 2px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #518ec9; border-right-color: #B7B7B7; border-bottom-color: #868686; border-left-color: #B7B7B7; margin-left:20px; }
.datatable table { }
.datatable caption { font-weight: bold; color: #999999; text-align: left; background: url(/image/blt_table_caption.gif) no-repeat left 2px; text-indent: 18px; }
.datatable tr.em{ margin:0; padding:0; background: #F3F0CF; }
.datatable th { margin: 0; padding: 6px; text-align: center; background-color:#f4f4f4; white-space:nowrap; color: #666666; font-weight: bold; border: 1px solid #dedede; }
.datatable td { margin: 0; padding: 6px; color: #333333; text-align:left; border: 1px solid #dedede;}
.datatable td.txtalignleft { text-align:left;}
.datatable td.txtaligncenter { text-align:center;}
.datatable .bgwhite { background-color:#FFFFFF}
.datatable .emphasis { background: #E3E3E3; }



/*관리자페이지표===========================================================*/
.admintable { border-collapse:collapse; margin-top:10px; margin-bottom:12px; width:100%; border: 1px solid #B7B7B7; }
.admintable th { color: #777777; background-color: #E6E6E6; border: 1px solid #B7B7B7; text-align: center; padding: 3px; }
.admintable td { background-color: #FFFFFF; border: 1px solid #B7B7B7; text-align: center;padding: 3px;}

/*텍스트*/
.em1{ font-weight: bold; color: #4C4A3D; font-style: normal; }
.em2{ font-weight: bold; color: #990000; font-style: normal; }

.tx,.ed{ font-size: 1em; }