* {padding:0; margin:0;}

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

body { background:url(/img/rest/bodybg2.jpg) repeat-x; font-size:12px;}
body, h1, h2, h3, h4, input, button, td {font-family: 'Nanum Gothic', sans-serif; vertical-align:text-top;}
img {border:0;}
td a, a:visited, td a:active {color:#636363; text-decoration:none;}
td a:hover {color:#F30;}
div a, a:visited, div a:active {color:#636363; text-decoration:none;}
div a:hover {color:#F30;}

input {border:#e6e6e6 solid 1px;height:20px; padding:2px;}
select { font-size:12px;}
button {vertical-align:top;  font-size:12px;}
html { display:block; height:100%; width:100%;}
/* body { background:url(images/bodybg.jpg) repeat-x; font-family:'Nanum Gothic',monospace; font-size:9pt;}   */
#wrap {width:1000px; margin:auto; min-height:900px; margin-bottom:100px;}

/* 최상단메뉴 */
#topbar {height:35px; background:#F7F7F7;}
#topbar #topbar_left {float:left;  padding-top:8px;}
#topbar #topbar_left li {display:inline; margin-left:14px;}
#topbar #topbar_left li img {vertical-align:middle; margin:0px 5px 5px 0px;}
#topbar #topbar_right {float:right; padding-top:8px;}
#topbar #topbar_right li {display:inline; margin-left:10px;}
#topbar #topbar_right li img {vertical-align:middle; margin:0px 5px 5px 0px;}
#topbar #topbar_right  .mobile a {color:#F60;}

/* 헤더 */
#header {height:109px;}
#header #jarang {width:150px; float:left; padding-top:20px;}
#header #qrcode {width:90px; float:left; margin-left:5px; padding-top:20px}
#header #logo {width:490px; float:left; margin-left:5px; text-align:center; padding-top:35px;}
#header #logo h1 a {color:#ed1c24;}
#header #logo p {color:#333; font-size:1em; margin-bottom:10px;}
#header #photo {width:90px; float:left; margin-left:5px; padding-top:20px;}
#header #susang {width:150px; float:right; margin-left:5px; padding-top:20px;}


/* 탑메뉴 */
#topmenu {height:43px; background:#f26522;}
#topnav {font-weight:bold; font-size:1.2em; margin-left:40px;}
.clear {clear:both;}
#topnav li { display:inline;}
#topnav li a {display:block; color:#FFF; text-decoration:none; float:left; padding:15px 30px 13px 30px;}
#topnav li a:visited, #topnav li a:active {color:#FFF; text-decoration:none;}
/*
#topnav li a:hover {color:#f26522; background:url(/img/rest/m_topmenu_ov.jpg);}
#topnav li.current a {color:#f26522; background:url(/img/rest/m_topmenu_ov.jpg);}
*/
#topnav span.fun {margin-left:35px;}
#topnav span.rejoin {float:right;}

/* 사이드 베너 */
#side_right {position:relative; width: 125px; z-index: 1; left:1005px; top:0px; border:1px solid #c2c2c2; text-align:center; font-weight:normal; font-size:11px; color:#666;}
#side_right p {margin-top:8px;}
#side_right img {border:1px solid #c2c2c2;}

#submenu {background:#FFF; height:0px;}

/* 메인컨텐츠영역 */
#content {width:1000px; border:0px solid #ccc; font-size:12px; background:#FFFFFF;}

/* 메인왼쪽영역 */
#content #left {width: 50%; float: left; }

/*탭메뉴*/
ul.tab{list-style:none; border-bottom:0px solid #f1f1f1; border-left:0px solid #f1f1f1; border-right:0px solid #f1f1f1; border-top:0px solid #ea850f; background:#fbfbfb; margin:10px 0 1px; width:130px; height:100%; font-family: 'Nanum Gothic', sans-serif; font-size:14px}
ul.tab:first-child{margin-top:30px}
ul.tab li{ float:left; filter: alpha(opacity=100); opacity:1}
ul.tab li.on, ul.tab li:hover{filter: alpha(opacity=100); opacity:1; }
ul.tab li.on a{color:#ea850f; font-weight:bold; font-size:16px}
ul.tab li a{display:block; height:100%; width:142px; text-align:center; background:url(/img/rest/tab_icon1.png) no-repeat center 14px; height:124px; color:#767676; line-height:200px}
ul.tab li.tab1 a{background-image:url(/img/rest/tab_icon1.png)}
ul.tab li.tab2 a{background-image:url(/img/rest/tab_icon2.png)}
ul.tab li.tab3 a{background-image:url(/img/rest/tab_icon3.png)}
ul.tab li.tab4 a{background-image:url(/img/rest/tab_icon4.png)}
ul.tab li.tab5 a{background-image:url(/img/rest/tab_icon5.png)}
ul.tab li.tab6 a{background-image:url(/img/rest/tab_icon6.png)}
ul.tab li.tab7 a{background-image:url(/img/rest/tab_icon7.png)}

/*  리스트 테이블 */
#table_list {width:100%; margin-top:20px; border-collapse: collapse;}
#table_list caption {text-align:left; font-weight:bold; margin-top:12px; font-size:1.2em; margin-bottom:3px;}
#table_list caption span {float:right; font-weight:normal; font-size:0.9em;}
#table_list thead {border-bottom:2px solid #ccc;}
#table_list th {background:#ebebeb; border:1px solid #ccc; padding:5px; color:#666; height:28px;}
#table_list .col {height:14px !important;}
#table_list .row_t {background:#F3F3F3; color:#F60;}
#table_list td {border: 1px solid #ccc; padding:5px;  font-weight:normal; color:#666; line-height:1.8em; text-align:center; vertical-align:middle; }
#table_list td .img_left {float:left; border: 1px solid #333; line-height:0.7em;}
#table_list td .img_right {float:right; line-height:1.2em;}
#table_list td .img_right img{border: 1px solid #333;}
#table_list td .img_top {border: 1px solid #333; line-height:0.2em;}
#table_list td .img_bottom {line-height:1.2em;}
#table_list td .img_bottom img{border: 1px solid #333;}


/* 테이블로 된 메뉴 */
#table_menu {width:100%; margin-top:20px; border-collapse: collapse; border: 2px solid #ccc;}
#table_menu caption {text-align:left; font-weight:bold; margin-top:12px; font-size:1.2em; margin-bottom:3px;}
#table_menu caption span {float:right; font-weight:normal; font-size:0.81em;}
#table_menu td {border: 1px solid #ccc; font-weight:normal; color:#666; line-height:1.8em; text-align:center; vertical-align:middle; font-weight:bold;}
#table_menu .ch {background-color:#CCC;}
#table_menu .ch a{color:#FFFFFF;}


/*  큰 버튼 */
.big_button {padding:5px; font-size:1.2em; font-weight:bold; color:#444;}


/* 메인오른쪽영역 */
#content #right {width:49%; float: right;}

/* 페이징 */
.paginate {text-align:center; height:30px; margin-top:10px;}
.paginate a{text-decoration:none; color:#666; margin:3px;}
.paginate a:hover {color:#F30; }
.paginate .bold {font-weight:bold;}
.paginate .pre{margin-right:10px;}
.paginate .next{margin-left:10px;}

/* 서브컨텐츠영역 */
#container {width:1000px; border:0px solid #ccc; font-size:12px;}

/* 서브왼쪽메뉴 */
#container #leftmenu {width:180px; float:left;}


/* 서브컨텐츠영역 */
#container #sub_content {width:820px; float:left;}
#container #sub_content #message {width:802; height:100px; border:1px solid #ccc; padding:8px;}
/* 옵션 */
#container #sub_content #option {height: 30px; width:100%; margin-top:5px; font-size:12px; border-collapse: collapse;}
#container #sub_content #option th {background:#ebebeb; border:1px solid #ccc;}
#container #sub_content #option td {padding:10px 0px 10px 0px; border:1px solid #ccc;}
#container #sub_content #option input {margin-left:6px;}
#container #sub_content #option select {margin-left:6px;}
/* 메뉴분류 */
#container #sub_content #menu_list {width:100%; margin-top:20px; font-size:12px; border-collapse: collapse;}
#container #sub_content #menu_list th {background:#ebebeb; border:1px solid #ccc; padding:4px;}
#container #sub_content #menu_list .number {background:#F3F3F3;}
#container #sub_content #menu_list td {
	border: 1px solid #ccc;
	padding: 4px;
	text-align: center;
}
#container #sub_content #menu_list caption {text-align:left; font-weight:bold; margin-bottom:4px;}
#container #sub_content #menu_list button {
	margin: 2px;
	font-weight: normal;
}
P.res_neme {font-weight:bold; font-size:13px; color:red;}


#footer_banner {height:48px;font-size:14px; color:#FFF; font-weight:bold; text-align:center; margin-top:15px; margin-bottom:27px}
#footer_banner p {padding-top:17px;}
#footer_banner em{ color:#f7b74d; font-style:normal; margin:0 5px}
#footer_menu {height:30px;  padding-top:15px; border-bottom:1px solid #eee;}
#f_left {width:200px; float:left; margin-top:21px}
.footer {padding:15px; float:left; color:#666; background:url(/img/main/bg_footer_line.jpg) left repeat-y}
#f_right {float:right;}
.footer a{font-size:16px; color:#4f4f4f}
.footer .link{color:#d3d3d3; margin-bottom:12px}
.footer .info{color:#898989; margin-bottom:12px}
.footer .copy{color:#a8a8a8}
#container #sub_content #menu_list tbody tr td br {font-weight: bold;}

#footer{width:100%; background:url(/img/main/bg_footer.jpg) repeat-x; height:238px; font-family: 'Nanum Gothic', sans-serif;}
#footer .footer_wrap{width:1000px; margin:0 auto;}

#container #sub_content #menu_list tbody tr td br {font-weight: bold;}