/** 사이트 기본값 */
@import url(../js/jscal/calendar-brown.css);
* { margin:0; padding:0; }
body { font-size:11px; font-family:"돋움"; }
img { border:0; }
div.clear { clear:both; }
ul, ol { list-style:none; }
a:link, a:visited, a:active { text-decoration:none; color:#000; }
a:hover { text-decoration:underline; }

/** 폼에서 에러항목이 있을경우에 보여주는 스타일 정의 */
span.form_error {
    font-size:0.8em;
    color:red;
    font-style:italic;
}

/** 메인OUTLINE */
div#main-wrap {
    width:800px;
    overflow:none;
    margin:30px auto;
}

/** SEO body tag */
div#seo_bodytag {
    margin-bottom:5px;
}

/** 상단영역 */
div#top-wrap {
    float:left;
    padding-bottom:5px;
    margin-bottom:3px;
}
div#top-wrap table {
    width:100%;
}
div#top-wrap table td#top-wrap_logo {
    width:200px;
}
div#top-wrap table td#top-wrap_logo img {
    display:block;
}
div#top-wrap table td#top-wrap_nav {
    width:600px;
}
div#top-wrap div#logo {
    float:left;
    font-size:2em;
    font-weight:bold;
}
div#top-wrap div#logo img {
    display:block;
}
div#top-wrap #main_navigation {
    float:right;
    list-style:none;
}
div#top-wrap #main_navigation li {
    float:left;
    padding:0 7px;
    font-weight:bold;
    border-left:2px solid #000;
}
div#top-wrap #main_navigation li.first {
    border-left:2px solid transparent;
}

/** 컨텐츠영역 */
div#contents-wrap {
    clear:both;
}
h1#page_title { /** 페이지 메인 제목 */
    height:30px;
    font-size:1em;
    line-height:30px;
    padding-left:40px;
    margin-bottom:15px;
}
h2.subtitle_d1 { /** 각각의 서브 화면에서 쓰일 메인 제목 하위 개념의 제목 */
    clear:left;
    font-size:1.1em;
    background:url("../images/bullet_01.png") center left no-repeat;
    padding-left:10px;
}
p.description { /** 목록화면에서 제목과 목록사이에 목록에 대한 설명을 보여줄때 사용 */
    background:url("../images/bullet_01.png") center left no-repeat;
    margin-top:3px;
    padding-left:10px;
}
div#page-wrap { /** 전체 800px에서 양쪽에 10px씩 여백을 주는 곳 */
    width:780px;
    padding:0 10px;
}
div#page-wrap div#location {
    text-align:right;
    margin-bottom:15px;
}

/** 하단영역 */
div#bottom-wrap {
    float:left;
    margin-top:30px;
}
div#bottom-wrap table {
    width:100%;
    border-collapse:collapse;
}
div#bottom-wrap table td {
    padding:5px 0;
}
div#bottom-wrap td#bottom_logo {
    width:250px;
    font-size:2em;
    font-weight:bold;
    text-align:center;
}
div#bottom-wrap td#bottom_logo img {
    display:block;
    margin:0 auto;
}
div#bottom-wrap td#bottom_info {
    width:550px;
}
div#bottom-wrap td#bottom_info div#bottom_menu {
    margin:5px 0;
}
div#bottom-wrap td#bottom_info div#bottom_menu ul {
    overflow:auto;
}
div#bottom-wrap td#bottom_info div#bottom_menu li {
    float:left;
    font-weight:bold;
    padding:3px 10px;
    background:url("../images/bottom_menu_bg.png") right no-repeat;
}
div#bottom-wrap td#bottom_info div#bottom_menu li.first {
    padding-left:0;
}
div#bottom-wrap td#bottom_info div#bottom_menu li.last {
    background:none;
}
div#bottom-wrap td#bottom_info div#bottom_menu li a {
    color:#474747;
}
div#bottom-wrap td#bottom_info div#bottom_contents {
    font-size:0.95em;
    margin:5px 0;
}


/** 일반컨텐츠 검색창 스타일 */
form.search {
    margin:5px auto 20px;
    border:1px solid #d9d8d8;
    padding:15px 20px;
}
form.search table {
    width:100%;
    border-collapse:collapse;
}
form.search table th {
    width:10%;
    text-align:left;
    font-weight:normal;
    letter-spacing:0.2em;
}
form.search table td {
    padding:5px;
    width:90%;
}
form.search table td div.cal_btns {
    float:right;
}
form.search img.btn {
    vertical-align:-5px;
}
form.search input {
    border:1px solid #a5acb2;
}
form.search input.date_form {
    width:85px;
    text-align:center;
}
form.search input.small {
    width:80px;
}
form.search input.medium {
    width:120px;
}
form.search input.large {
    width:250px;
}
form.search div.condition-wrap {
    border:1px solid #d9d8d8;
    background-color:#efefef;
    padding:10px;
    overflow:auto;
}
form.search div.condition-wrap div.condition {
    float:left;
    margin-right:10px;
    width:525px;
}
form.search div.condition-wrap div.condition div {
    height:25px;
    line-height:25px;
}
form.search div.condition-wrap div.btn {
}
form.search div.condition-wrap div.condition2 {
    float:left;
    margin-right:10px;
    width:570px;
}

/** 일반컨텐츠의 목록 스타일 */
table.list {
    width:100%;
    border-collapse:collapse;
    border:1px solid #d9d8d8;
    margin:5px auto 20px;
}
table.list th {
    background-color:#efefef;
    font-weight:normal;
    padding:5px;
}
table.list td {
    padding:5px;
    text-align:center;
}

/** 일반컨텐츠 영역의 도움말 */
ul.helper {
    padding:5px 0 20px;
}
ul.helper li {
    margin-bottom:3px;
    background:url("../images/bullet_01.png") 10px 8px no-repeat;
    padding-left:20px;
}
div.paging {
    text-align:center;
    margin:10px 0;
}

p.btns {
    text-align:center !important;
    margin-bottom:30px;
}
p.btns button.btns { 
    background:#FFFFFF none no-repeat scroll 0%;
    border:3px solid #72B4FE;
    color:#000000;
    cursor:pointer;
    font-family:"돋움",Dotum,sans-serif;
    font-weight:bold;
    letter-spacing:0.05em;
    margin:1px 3px;
    overflow:visible;
    padding:3px 20px;
}

/** 일반 페이징 스타일 정의 */
div.paging {
    text-align:center;
    padding:10px 0;
    margin:25px 0;
}
div.paging a {
    cursor:pointer;
}
div.paging span {
    display:inline-block;
    padding:5px;
}
div.paging span.current {
    color:#FF0000;
}