@charset "UTF-8";
@import "global.css";
@import "common.css";

/* 박상일에 의해 111107에 작성됨. */
body { background: url(../images/sub/bg_header.jpg) repeat-x center 65px; }
#header { position: relative; height: 129px; }
.depth_menu01 #header { background: url(../images/sub01/bg_sub.gif) no-repeat left bottom; }
.depth_menu02 #header { background: url(../images/sub02/bg_sub.gif) no-repeat left bottom; }
.depth_menu03 #header { background: url(../images/sub03/bg_sub.gif) no-repeat left bottom; }
.depth_menu04 #header { background: url(../images/sub04/bg_sub.gif) no-repeat left bottom; }
.depth_menu05 #header { background: url(../images/sub05/bg_sub.gif) no-repeat left bottom; }
.depth_menu06 #header { background: url(../images/sub06/bg_sub.gif) no-repeat left bottom; }
.depth_menu07 #header { background: url(../images/sub07/bg_sub.gif) no-repeat left bottom; }
.depth_menu08 #header { background: url(../images/sub08/bg_sub.gif) no-repeat left bottom; }
.depth_menu09 #header { background: url(../images/sub09/bg_sub.gif) no-repeat left bottom; }

/* snb */
#snb { position: relative; float: left; width: 200px; margin: 27px 0 0 0; background: url(../images/sub/bg_snb.jpg) no-repeat right -100px; }
#snb h2 { position: relative; left: -30px; width: 231px; height: 46px; margin-bottom: 30px; padding-top: 20px; background: url(../images/sub/bg_menu.jpg) repeat-y; text-align: center; }

#nav { position: relative; margin-left: 24px; margin-bottom: 60px; }
#nav li { padding-left: 22px; border-top: 1px solid #ddd; background: url(../images/sub/bullet_snb.gif) no-repeat 12px 9px; font-weight: bold; }
#nav li.first { border-top: none; }
#nav li.selected { width: 159px; background: #ededed url(../images/sub/bullet_selected.gif) no-repeat 12px 9px; }
#nav li.selected a { background: url(../images/sub/snb_selected.gif) repeat-y 100% 0; color: #339; }
#nav li.selected a:hover { color: #333; cursor: default; }
#nav li a { display: block; height: 18px; padding: 4px 15px 1px 0; font-size: 1.2em; color: #7e85b1; font-family: "돋움", Dotum, Tahoma, sans-serif; }
#nav li a:hover { color: #333; text-decoration: none; }
/* 3 depth */
#nav li.depth { background: #f9f9f9; }
#nav li.depth a { padding-left: 10px; background: url(../images/sub/bullet_dot.gif) no-repeat 0 10px; color: #666; font-weight: normal; letter-spacing: normal; font-size: 1.1em; font-family: "돋움", Dotum, sans-serif; }
#nav li.depth a:hover { color: #900; }

#snb h3 { margin: 0 0 10px 35px; padding-bottom: 5px; border-bottom: 1px solid #ddd; }
#snb #mem_contents { width: 79px; height: 111px; margin: 0 0 20px 35px; background: url(../images/sub/mem_contents.gif) no-repeat; }
#snb #mem_contents li { display: inline; float: left; }
#snb #mem_contents a { display: block; float: left; width: 79px; height: 38px; text-indent: -9999px; }
/* //snb */

#container { float: left; width: 100%; background: url(../images/sub/bg_left.gif) no-repeat 151px 110px; }
#contentsGroup { float: left; /* 사이즈 임시 조정  */ width: 799px; margin-top: 55px; padding-top: 80px; border-left: 1px solid #ddd; }

#slogan { position: absolute; top: 170px; left: 250px; }
#img_sub { position: absolute; top: 130px; right: 50px; }
#img_sub.sub01 { width: 227px; height: 180px; background: url(../images/sub/tree.png) no-repeat; }
#img_sub.sub02 { top: 150px; width: 205px; height: 193px; background: url(../images/sub/people.png) no-repeat; }
#img_sub.sub03 { top: 140px; width: 281px; height: 198px; background: url(../images/sub/man.png) no-repeat; }
#img_sub.sub04 { width: 227px; height: 180px; background: url(../images/sub/tree.png) no-repeat; }
#img_sub.sub05 { width: 227px; height: 180px; background: url(../images/sub/tree.png) no-repeat; }
#img_sub.sub09 { width: 227px; height: 180px; background: url(../images/sub/tree.png) no-repeat; }

#locationBar { position: relative; padding-left: 55px; }
#locationBar h2 { padding: 0 0 12px 20px; background: url(../images/sub/bullet_subMenu.gif) no-repeat -15px 0; }

/* 현재 페이지 위치 (location) */
#c_location { color: #999; font-size: 1.1em; font-family: "돋움", Dotum, Tahoma, sans-serif; }
#c_location a { color: #999; }
#c_location .selected { color: #666; }
/* //현재 페이지 위치 (location) */

#contents { position: relative; width: 730px; margin-bottom: 50px; padding: 30px 0 0 55px; }

#contents h1 { margin-bottom: 50px; padding-top: 10px; background: url(../images/common/bg_h2.gif) no-repeat; }
#contents h2 { margin: 10px 0; }
#contents h3 { margin: 0 0 10px; padding-left: 18px; background: url(../images/sub/bullet_h3.gif) no-repeat; color: #633; }
#contents h4 { margin: 0 0 0 20px; padding-left: 12px; background: url(../images/sub/bullet_h4.gif) no-repeat 0 5px; font-size: 1.2em; font-weight: bold; color: #445ea2; }
#contents h5 { margin-bottom: 5px; padding-left: 15px; background: url(../images/sub/bullet_h5.gif) no-repeat 0 2px; font-size: 1.2em; font-weight: bold; }

#contents p { padding: 5px 0; line-height: 1.6em; text-align: justify; }
#contents p.w100 { width: 100%; }
#contents li { padding-left: 12px; background: url(../images/sub/bullet_dot.gif) no-repeat 3px 9px; font-size: 1.2em; font-family: "돋움", Dotum, sans-serif; color: #666; line-height: 1.8em; }
#contents li li { margin-left: 3px; background: url(../images/sub/bullet_dash.gif) no-repeat 0 10px; font-size: 100%; }
#contents dl { font-size: 1.2em; line-height: 1.4em; }
#contents dl dt { font-weight: bold; color: #445ea2; }

#contents blockquote { width: 690px; padding: 10px 20px; border: 1px solid #ddd; background: #f9f9f9; }

#contents p.total { margin-left: 0; padding: 10px 0 0; color: #666; font-size: 1.1em; font-family: "돋움", Dotum, sans-serif; }
#contents .mb { margin-bottom: 20px; }
#contents .mb_more { margin-bottom: 30px; }
#contents .mb_less { margin-bottom: 10px; }
#contents .ml { margin-left: 20px; }
#contents .ml_more { margin-left: 35px; }
#contents .ml_less { margin-left: 13px; }
#contents .border { padding: 5px; border: 1px solid #ddd; background: #fff; }
#contents .noBg { padding: 0; background: none; }
#contents .clear.mb_more { display: block; height: 1px; border: none; border-bottom: 1px dashed #ddd; }
#contents .mLeft { margin-left: 15px; }
#contents .tel { padding-left: 22px; background: url(../images/sub/ico_tel.gif) no-repeat 1px 0; letter-spacing: normal; }
#contents .tel.alt { background: url(../images/sub/ico_tel.gif) no-repeat 8px 0; }
#contents .mail { padding-left: 22px; padding-bottom: 2px; background: url(../images/sub/ico_mail.gif) no-repeat; letter-spacing: normal; }
#contents .img_desc { display: inline; font-size: 1.1em; font-family: "돋움", Dotum, sans-serif; color: #736357; font-weight: bold; }
#contents .img_desc.fLeft { margin-right: 25px; }
#contents .wHalf { width: 365px; }
#contents .dInline li { display: inline; float: left; background: none; text-align: center; }
#contents li.alt { margin-top: 10px; background: url(../images/sub/bullet_dot_l.gif) no-repeat 0 8px; }
#contents .preparing { padding: 100px 0; text-align: center; }

#contents .line_thick { width: 710px; height: 5px; margin: 0 auto; background: #b5b5b5; }
#contents .border_thick { padding: 20px 25px; border: 3px solid #ddd; }
#contents .box { position: relative; min-height: 44px; margin-bottom: 20px; padding: 12px 0; border: 1px solid #e8e8e8; }
#contents .box span.bg_icon { position: absolute; top: -10px; left: 20px; display: block; width: 207px; height: 115px; background: url(../images/sub/box_icon.gif) no-repeat; }
#contents .box.bg_box { background: url(../images/sub/bg_box.jpg) no-repeat right bottom; }
#contents .box div.box_padding { padding: 0 250px 0 30px; }
#contents .box img.box_text { margin-left: 250px; }
#contents .box hr { display: block; border: none; border-bottom: 1px solid #eee; background: none; }
#contents .box p { padding: 10px 0 0; color: #333; }
#contents .box p span.bold { color: #333; }

small { display: block; font-size: 1.2em; text-align: right; }
small a { padding: 3px 5px; background-color: #3c76d6; color: #fff; text-align: center; }

/* button */
.btn_input { border: none; font-weight: bold; text-align: center; cursor: pointer; }
.btn_submit { width: 155px; height: 22px; background: url(../images/sub/btn_submit.gif) no-repeat; color: #fff; }
.button a { display: inline-block; background-position: right top !important; color: #fff; text-align: center; white-space: nowrap; }
.button a span { display: block; padding: 2px 15px; }
.button a:hover { color: #ff0; text-decoration: none; }
.button a.btn_orange { background: #333 url(../images/sub/btn_orange.gif) no-repeat; }
.button a.btn_orange span { background: url(../images/sub/btn_orange_alt.gif) no-repeat; }
.button a.btn_dark { padding-right: 8px; background: #333 url(../images/sub/btn_dark.gif) no-repeat; }
.button a.btn_dark span { background: url(../images/sub/btn_dark_alt.gif) no-repeat; }
.button a.btn_gray { background: #333 url(../images/sub/btn_gray.gif) no-repeat; }
.button a.btn_gray span { background: url(../images/sub/btn_gray_alt.gif) no-repeat; }
.button a.btn_brown { padding-right: 8px; background: #333 url(../images/sub/btn_brown.gif) no-repeat; }
.button a.btn_brown span { background: url(../images/sub/btn_brown_alt.gif) no-repeat; }
.button a.btn_light_gray { padding-right: 8px; background: #333 url(../images/sub/btn_light_gray.gif) no-repeat; }
.button a.btn_light_gray span { background: url(../images/sub/btn_light_gray_alt.gif) no-repeat; }
.button a.btn_plane { background: #333 url(../images/sub/btn_plane.gif) no-repeat; }
.button a.btn_plane span { background: url(../images/sub/btn_plane_alt.gif) no-repeat; }
.button a.btn_down_orange { background: #333 url(../images/sub/btn_down_orange.gif) no-repeat; }
.button a.btn_down_orange span { padding-left: 32px; background: url(../images/sub/btn_down_orange_alt.gif) no-repeat; }
.button a.btn_down_dark { background: #333 url(../images/sub/btn_down_dark.gif) no-repeat; }
.button a.btn_down_dark span { padding-left: 32px; background: url(../images/sub/btn_down_dark_alt.gif) no-repeat; }

/* paging */
#contents .paging { width: 600px; width: 100%; margin: 0; font-family: Arial, Helvetica, sans-serif; text-align: center; }
#contents .paging img { vertical-align: middle; }
#contents .paging a { display: inline-block; width: 10px; padding: 0 5px; color: #707070; text-align: center; }
#contents .paging a:hover,
#contents .paging a.selected { color: #2d1f0e; }
#contents .paging a.selected { font-weight: bold; }

/* tab */
#contents .tab { float: left; width: 100%; margin-left: 0; margin-bottom: 30px; padding: 0; border-bottom: 1px solid #ccc; }
#contents .tab li { float: left; margin: 0; padding: 0; background: none; }
#contents .tab a { float: left; display: block; padding: 3px 30px; border: 1px solid #ccc; border-bottom: none; background: url(../images/sub/bg_tab.gif) repeat-x left bottom; text-decoration: none; color: #666; font-weight: bold; }
#contents .tab a:hover, #contents .tab a.selected { border: 1px solid transparent; background: #666 url(../images/sub/bullet_tri_gray.gif) no-repeat right bottom; color: #fff; }

/* search */
.search .inputText { padding: 2px 3px; }
.search .btn_search { width: 21px; height: 20px; border: none; background: url(../images/sub/btn_search.gif) no-repeat; text-indent: -9999px; cursor: pointer; }

/* input style */
.inputText { padding: 3px; border: none; background: #ebebeb; }
.inputText.longest { width: 480px; }
.inputText.longer { width: 350px; }
.inputText.long { width: 120px; }
.inputText.long02 { width: 230px; }
.inputText.short { width: 70px; }
.inputText.shorter { width: 40px; }
.inputText.shortest { width: 20px; }
.inputText.border { border: 1px solid #ccc; }

/* 테이블 스타일 (Table Styles) */
table { margin-bottom: 15px; font-size: 1.2em; border: 1px solid #ddd; border-top: 2px solid #988776; }
table caption { display: none; background: #fff; color: #000; }
table th { background: #eee; padding: 6px 6px; height: 15px; color: #333; border: 1px solid #ddd; border-top: none; }
table td { padding: 8px 6px; border: 1px solid #ddd; border-top: none; color: #666; background: #fff; }

table tbody th { text-align: center; }
table thead th.first { background-position: left 0% !important; }
table thead th.last { background-position: right 0% !important; }
table tbody .first { border-left: none !important; }
table tbody .last { border-right: none !important; }

table .tableNum { font-size: 0.9em; text-align: center; font-family: Arial, sans-serif; }
table .alt { border-top: 1px solid #ddd; background-color: #f5f5f5; }
table .alt td { border-top: 1px solid #eee; background-color: #f9f9f9; }
table .th { height: 10px; font-size: 0; padding: 0; line-height: 0; }

/* 일반 */
table.tableStyle { border-left: none; border-right: none; }
table.tableStyle thead,
table.tableStyle thead th { background: #fff url(../images/common/bg_th.gif) repeat-x 50% bottom; color: #806c58; text-align: center; border: none; border-bottom: 1px solid #ddd; font-weight: bold; line-height: 1.8em; }
table.tableStyle textarea { font-size: 1.2em; }
table.tableStyle.write { margin-bottom: 0; }
table.tableStyle.write td { padding: 4px 6px; }

/* boardStyle */
table.boardStyle { clear: both; margin-bottom: 5px; border: none; border-bottom: 2px solid #ddd; }
table.boardStyle thead,
table.boardStyle thead th { padding: 8px; border: none; background: url(../images/sub/thead_l.gif) right top; text-align: center; font-weight: bold; }
table.boardStyle thead th.last { background: url(../images/sub/thead_r.gif) right 0; }
table.boardStyle thead,
table.boardStyle thead th { border-bottom: 2px solid #988776; }
table.boardStyle td { border: none; border-bottom: 1px solid #ddd; }

table.boardStyle.photoBoard { border-top: 2px solid #988776; }
table.boardStyle.photoBoard td.first.photo { vertical-align: top; }
table.boardStyle.photoBoard td.first.photo img { margin-bottom: 10px; padding: 3px; border: 1px solid #ddd; }
table.boardStyle td.ex h3 { margin: 0 0 5px !important; padding-left: 0 !important; font-size: 100%; font-family: "돋움", Dotum, sans-serif; }
table.boardStyle td.ex.detail h3 { padding-bottom: 5px; border-bottom: 2px solid #666; font-size: 1.4em; }
table.boardStyle td.ex dl { line-height: 2em; }
table.boardStyle td.ex dt { float: left; width: 50px; padding-left: 10px; background: url(../images/sub/bullet_dot.gif) no-repeat left 7px; font-weight: bold; }
table.boardStyle td.ex.detail { vertical-align: top; }
table.boardStyle td.cat_edu { color: #4289a3; }
table.boardStyle td.cat_event { color: #ba5278; }
table.boardStyle td.cat_relic { color: #a96d1b; }
table.boardStyle td div.zoom { position: relative; width: 277px; height: 170px; }
table.boardStyle td div.zoom span { position: absolute; right: 0; bottom: 0; display: block; width: 21px; height: 18px; background: url(../images/sub/ico_zoom.gif) no-repeat; }
table.boardStyle td div.sns { padding: 7px 10px; background-color: #f0f0f0; }
#contents_detail { clear: both; padding: 10px 20px; background-color: #f1f1f1; }
#contents_detail p { margin-left: 0; padding: 0 /* 줄간 조절 */; font-size: 100%; }
table.boardStyle .btn_detail { position: absolute; top: 5px; right: 16px; /* border-bottom: 2px solid #d69e3b;*/ }
table.boardStyle .btn_detail a { margin-bottom: 1px; }
table.boardStyle .btn_detail a.btn_orange { margin-right: 5px; }/* 접수중 글자 간격 조절 */

#contents table.tableStyle.view td h3 { margin: 0; padding-left: 20px; }
#contents table.tableStyle.view td p { margin-left: 0; padding-left: 20px; padding-right: 20px; font-size: 100%; }
#contents table.tableStyle.view td span.bold { display: inline-block; width: 70px; margin-right: 10px; background: url(../images/sub/td_divider_v.gif) no-repeat right 50%; }

#contents table.table_photo li { padding: 0; background: none; font-size: 100%; }

#table_below { margin-bottom: 20px; }
#table_below p { margin: 0; padding: 0; }
#table_below p a span { padding: 2px 10px 1px; }
#table_below p a.btn_prev,
#table_below p a.btn_next { padding: 0 7px; background: url(../images/sub/btn_prev.gif) no-repeat 0 2px; color: #888; font-size: 90%; font-family: "돋움", Dotum, sans-serif; }
#table_below p a.btn_next { background: url(../images/sub/btn_next.gif) no-repeat right 2px; }
/* //테이블 스타일 (Table Styles) */

/* 게시판 글쓰기 css 수정 for ie */
#contents .contents_textarea { height: 380px; }

#no_spam p { margin-bottom: 20px; padding: 10px 30px 20px 150px; background: url("../images/sub09/no_spam.gif") no-repeat scroll 22px 15px; }
#no_spam div { padding: 25px 20px 30px; background-color: #F7F7F7; border-top: 1px solid #ddd; }
#no_spam div h4 { margin-left: 0; }