/* -----------------------------------------------------------------------------
        Copyright by - http://www.busmania.com
----------------------------------------------------------------------------- */

/* Default CSS*/
body {
  background-color:#ffffff;
  font-family: Gulim, "굴림", Georgia, sans-serif;
  font-size:12pt;
  color:#444;
  letter-spacing:-0.04em;
  word-spacing:0.05em;
  line-height:1em;
  text-align:justify;
  margin: 0;
}

td            { font-size:12px; line-height:1.5em; }
select,option { font-size:11px; }
img           { border:0; }


a:link        { color:#444; text-decoration: none }
a:visited     { color:#444; text-decoration: none }
a:active      { color:#444; text-decoration: none }
a:hover       { color:#5b81db; text-decoration: underline }



/* Main
------------------------------------------------------------------------------*/
/* 버스노선안내 최상단 텍스트메뉴 */
#navcontainer {
    /* none needed */
    padding:0px;
    margin-top:5px;
    width:700px;
    background-color: #D1DFFF;
}
ul#navlist {
        margin: 0;
        padding: 0;
        list-style-type: none;
        white-space: nowrap;
}
ul#navlist li {
        float: left;
        margin: 0;
        padding: 10px 0 10px 0;
        background-color: #D1DFFF;
        border-top: 1px solid #e0ede9;
        border-bottom: 1px solid #e0ede9;
}
#navlist a, #navlist a:link {
        margin: 0;
        padding: 5px 15px 4px 15px;
        font-family: 돋움, verdana, arial, sans-serif;
        font-size: 15px;
        font-weight: bold;
        letter-spacing:-0.05em;
        color: #8EA7E2;
        text-decoration: none;
}
ul#navlist li#active {
        color: #95bbae;
        background-color: #deebe5;
}
#navlist a:hover {
        color: #FFFFFF;
        background-color: #8EA7E2;
}



/* 현재 페이지 메뉴네비게이션 */
.navinow {
    text-align:right;
    margin-right:20px;
    font-size:0.74em;
}
.naviborder {
    width:100%;
    border-top:1px solid #bbbbbb;
}


/* 하단 푸터부분 메뉴네비게이션 */
#footerBox {
    padding:0px;
    margin-top:10px;
    background-color: #a4a4a4;
    position:relative;
    z-index:9;
}
ul#footerMenu {
        width:950px;
        margin:0px 0px 0px 30px;
        padding: 0px;
        list-style-type: none;
        white-space: nowrap;
}
ul#footerMenu li {
        float: left;
        margin: 0px;
        padding: 3px 20px 3px 20px;
        color: #fff;
        background-color: #a4a4a4;
        font-size:0.8em;
}
#footerMenu a, #footerMenu a:link {
        float: left;
        color: #fff;
        background-color: #a4a4a4;
}
#footerMenu a:hover {
        color: #FF286A;
}



/* Common CSS
------------------------------------------------------------------------------*/
/* 글자 크기에 따른 속성 */
h1 {
    font-family: "나눔명조", Batang, "바탕", sans-serif;
    font-size: 2.8em;
    letter-spacing:-0.3em;
    word-spacing:0.5em;
    line-height:2.2em;
    margin: 0;
}
h2 {
    font-family: Gulim, "굴림", sans-serif;
    font-size: 24px;
    letter-spacing:-0.12em;
    word-spacing:0.1em;
    line-height:1.5em;
    margin: 0;
}
h4 {
    margin:0px;
    font-size:0.79em;
    padding:5px;
    color:white;
    background-color:#9EB5E7;
}

.font8 {
    font-size:11px;
    font-family:arial, tahoma;
    color:#888888;
    letter-spacing:0.02em;
}

.font11 {
    font:11px dotum, '돋움', tahoma;
    color:#363739;
}
.font11 a:link {
    font:11px dotum, '돋움', tahoma;
    color:#363739;
}
.font11 a:hover {
    font:11px dotum, '돋움', tahoma;
    color:#5b81db;
}



/* 글자 색상 관련 css */
.color2c88b9 { color: #2c88b9; }
.cptitle {
    padding:2px;
    color:white;
    background-color:#ff0000;
}


/*----글자 색상 끝----*/



/* 이미지 보더 처리 관련 css */
.img1 {
    border:1px solid #dddddd;
}
.imgBoxContent {
    border:1px solid #dddddd;
    width:140px;
    height:120px;
}
.imgBoxContent2 {
    border:1px solid #dddddd;
    width:100px;
    height:80px;
}

a.white_link {
    color:#fff;
    font-size:0.9em;
}




/* 최근게시물 형식 css */
/* 최근게시물 뽑아오는 부분 디자인 */
ul.latest {
    margin:0;
    padding:0;
}
ul.latest li {
    list-style-type:none;
    margin:0px;
    padding:2px 0 2px 0;
    font:12px Gulim, "굴림", tahoma;
    color:#444;
    letter-spacing:-0.08em;
    word-spacing:0.05em;
}

ul.latest3 {
    margin:0;
    padding:0;
}
ul.latest3 li {
    list-style-type:none;
    margin:0px;
    padding:2px 0 2px 0;
    font:12px gulim, "굴림", tahoma;
    color:#444;
    letter-spacing:-0.02em;
    word-spacing:0em;
}

ul.latest10 {
    margin:0;
    padding:0;
}
ul.latest10 li {
    list-style-type:none;
    margin:0px;
    padding:10px 0 10px 0;
    font:12px gulim, "굴림", tahoma;
    color:#444;
    letter-spacing:-0.02em;
    word-spacing:0em;
}

div.latest {
    margin:0;
    font:11px Dotum, "돋움", tahoma;
    color:#444;
    letter-spacing:-0.08em;
    word-spacing:0.05em;
}





/* 공지사항 최근게시물 부분 배경색상 변화때문에 색상이 다른 css 추가 */
.latest2 {
    margin:0;
    padding:0;
    font:11px 돋움, tahoma;
    color:#999999;
    letter-spacing:-0.05em;
    line-height:1.8em;
	background-color:#f5f5f5;
}
/*-----------------------------------------------------------------------------------------*/


/* 컨텐츠 추출부분 */
div.ctview {
    width:140px;
    font:12px Gulim, "굴림", tahoma;
    color:#2E3442;
    letter-spacing:-0.04em;
}
div.ctview a:hover {
    color:#ff297a;
    text-decoration:none;
}
.ctviewTitle {
    font-size:14px;
    font-family:dotum, tahoma;
    font-weight:bold;
}
.ctviewDate {
    width:140px;
    margin-top:3px;
    font:11px "굴림", tahoma; color:#888;
    letter-spacing:-0.04em;
}

div.ctview2 {
    font:12px Gulim, "굴림", tahoma;
    margin:2px 0px 0px 10px;
    letter-spacing:-0.04em;
}
.ctview2 a:link {
    font:12px Gulim, "굴림", tahoma;
    color:#2E3442;
}
.ctview2 a:visited {
    font:12px Gulim, "굴림", tahoma;
    color:#2E3442;
}
.ctview2 a:active {
    font:12px Gulim, "굴림", tahoma;
    color:#2E3442;
}
.ctview2 a:hover {
    font:12px Gulim, "굴림", tahoma;
    color:#ff297a;
}
.ctviewMemo {
    margin-top:5px;
}
.ctviewDate2 {
    margin-top:3px;
    font:11px "돋움", dotum; color:#888;
    letter-spacing:0.02em;
}



/* 네이버 뉴스 API */
.news {font:13px  "굴림", tahoma; color:#000; letter-spacing:-0.04em; line-height:160%;}
.news A:link {font:13px  "굴림", tahoma; color:#0000CC; text-decoration:none; letter-spacing:-0.04em;}
.news A:visited {font:13px  "굴림", tahoma; color:#99209B; text-decoration:none; letter-spacing:-0.04em;}
.news A:active {font:13px  "굴림", tahoma; color:#00f; text-decoration:none; letter-spacing:-0.04em;}
.news A:hover {font:13px  "굴림", tahoma; color:#0000CC; text-decoration:underline; letter-spacing:-0.04em;}




/* 전체최근게시물, 자문위원회 */
#introT {
	margin: 10px 0px 30px 0px;
}

#introT table {
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
	border-collapse: collapse;
	width: 100%;
}

#introT caption {
	color: #993333;
	padding-bottom: 2px;
	text-align: right;
}

#introT th {
	padding: 6px;
	border-right: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
	font-family: Arial, Gulim, "굴림", Georgia, sans-serif;
	font-size: 0.8em;
	color: #666;
}

#introT td {
	font-size: 0.74em;
	padding: 6px;
	border-right: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
}







/* 각종 입력폼 관련한 CSS
----------------------------------------------------------------------*/
/* Textarea */
.register_text { font:11px 돋움; color:#999; letter-spacing:-0.1em; background-color:#f9f9f9; padding:4px 4px 4px 4px; width:100%; border:1px solid #eeeeee }

/* select */
.selbox {
    font:11px dotum, 돋움, tahoma;
    color:#555;
    letter-spacing:-0.05em;
    border:1px solid #eeeeee
}


/* 전세버스 견적 테이블 */
.order_table {
    background-color:#9EB5E7;
}
.order_tr {
    height:25px;
}
.order_sub {
    background-color:#D1DFFF;
    font-size:9pt;
    font-weight:bold;
    padding-left:10px;
}
.order_disp {
    background-color:#fff;
    padding:5px;
}


/* 테이블 관련 */
.tbShopSpec1 {
    height:25px;
    background-color:#F5F0E6;
}
.tbShopSpec2 {
    height:25px;
}
.tbShopSpecTD {
    padding:0 0 0 10px;
    color:#776655;
}
/*--------------------------------------------------------------------*/






/* 사각형 박스
----------------------------------------------------------------------*/
#boxNotice {
    width:200px;
    height:150px;
    background-image:url('http://www.busmania.com/home/img/common/bg_notice.gif');
    overflow:hidden;
}

.boxUcc {
    width:200px;
    height:230px;
    background-image:url('http://www.busmania.com/home/img/common/bg_ucc.gif');
    overflow:hidden;
}

#boxHbus {
    width:200px;
    height:350px;
    background-image:url('http://www.busmania.com/images/bg_green.gif');
    overflow:hidden;
}

#boxGray {
    width:200px;
    height:200px;
    background-image:url('http://www.busmania.com/home/img/common/bg_gray.gif');
    overflow:hidden;
}

#boxTag {
    width:200px;
    height:190px;
    background-image:url('http://www.busmania.com/home/img/common/bg_tag.gif');
    overflow:hidden;
}
#boxSubtop {
    width:470px;
    height:150px;
    background-image:url('http://www.busmania.com/home/img/common/bg_subtop.gif');
    overflow:hidden;
}
#sponserBox {
    width:198px;
    height:289px;
    border:1px solid #e0e0e0;
    background-color:#F3F3F3;
    overflow:hidden;
}

#sponserBox2 {
    width:198px;
    height:360px;
    border:1px solid #e0e0e0;
    background-color:#F3F3F3;
    overflow:hidden;
}


#mainTab {
    margin:0px;
    margin-top:5px;
}
#mainTab01, #mainTab02, #mainTab03 {

}
#boxTab {
    width:200px;
    height:250px;
    background-image:url('http://www.busmania.com/home/img/common/bg_tabmenu.gif');
    overflow:hidden;
    margin:0px;
}


.box200 {
    width:198px;
    border:1px solid #5296D0;
}

.box1px {
    border:1px solid #d4d4d4;
    font-size:12px;
}

.inbox {
    padding:5px;
}

.inbox2 {
    padding:10px;
}

.inBox5 {
    padding:5px;
}
.inBox10 {
    padding:10px;
}

.dline {
    clear:both;
    width:100%;
    height:1px;
    background-color:#ccc;
    margin:10px 0 10px 0;
}

.boxTitle {
    background-color:#F4F4F4;
    font-size:12px;
    font-weight:bold;
    padding:5px 2px 2px 10px;
    height:18px;
    border-bottom-width:1px;
    border-bottom-color:#d4d4d4;
    border-bottom-style:solid;
}

.mapTitle {
    background-color:#8C7D73;
    color:#ffffff;
}

#help {
    width:170px;
    height:100px;
    padding:5px;
    overflow:auto;
    font-family: Dotum, "돋움";
    font-size:0.7em;
}
#help p {
    margin:6px 0px 6px 0px;
    line-height:1.2em;
}
#help a {
    color:#5b81db;
}
/*----------------------------------------------------------------------*/

/* 컨텐츠 관련 CSS
------------------------------------------------------------------------*/
div#contentsTitle {
    width:600px;
    height:150px;
    background-image:url('http://www.busmania.com/home/img/common/bg_contentstop.gif');
    border-collapse:collapse;
    background-color:#edf4ff;
    text-align:left;
    font-size:0.74em;
    letter-spacing:-0.05em;
    overflow:hidden;
}
div#contentsIndex {
    border:4px solid #dddddd;
    padding:5px;
    font:0.85em Arial, Gulim, "굴림";
    line-height:1.7em;
}
tr.contentsIndex {
    height:20px;
}
div#contentsText {
    margin-top:20px;
    text-align:justify;
}
div#contentsText p, li {
    margin:10px 0px 10px 0px;
    font-family:Dotum, "돋움";
    font-size:0.9em;
    color:#222;
    line-height:1.4em;
    letter-spacing:-0.05em;
    word-spacing:0.5em;
}


/* 컨텐츠 관련 CSS 끝----------------------------------------------------*/




/*- Menu Tabs--------------------------- */
#tabs {
  margin-top:10px;
  float:left;
  width:100%;
  background:#BBD9EE;
  font-size:93%;
  line-height:normal;
  font-weight:bold;
  }
#tabs ul {
    margin:0;
    padding:10px 10px 0 10px;
    list-style:none;
  }
#tabs li {
  display:inline;
  margin:0;
  padding:0;
  }
#tabs a {
  float:left;
  background:url("tableft.gif") no-repeat left top;
  margin:0;
  padding:0 0 0 4px;
  text-decoration:none;
  }
#tabs a span {
  float:left;
  display:block;
  background:url("tabright.gif") no-repeat right top;
  padding:5px 15px 4px 6px;
  color:#666;
  }
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs a span {float:none;}
/* End IE5-Mac hack */
#tabs a:hover span {
  color:#FF9834;
  }
#tabs a:hover {
  background-position:0% -42px;
  }
#tabs a:hover span {
  background-position:100% -42px;
  }

#tabs #current a {
        background-position:0% -42px;
}
#tabs #current a span {
        background-position:100% -42px;
}
/* 탭메뉴 끝 ----------------------------------------------------*/




/* 그누보드에서 사용하는 CSS */
.member {font-weight:bold;color:#888888;}
.guest  {font-weight:normal;color:#888888;}
.amount {
    color:#FF3C00; 
    font-weight:bold;
    font-family:gulim, tahoma, arial;
}

/* 쇼핑몰 장바구니 테이블 */
.c2 {
    background-color:#EBE6D7;
}
.c3 {
    background-color:#F6F5EF;
}
/* 쇼핑몰에서 사용하는 CSS */
.item a:link {
    font-family: gulim, tahoma;
}
.item a:link {
    font-family: gulim, tahoma;
}
.item a:link {
    font-family: gulim, tahoma;
}