@charset "utf-8";
/* common style */
.wrap{width:100%;position: relative;padding-bottom: 110px; min-height: 100%; margin: 0}
.contents-wrap{width:1000px;margin:0 auto}
.contents{overflow:hidden;position:relative;width:100%;height:600px;margin-top:50px;border-radius:5px;background:#e0e0e0;-webkit-box-shadow:15px 15px 25px rgba(0,0,0,.15);box-shadow:15px 15px 25px rgba(0,0,0,.15)}
.header{width:100%;height:50px;margin-bottom:10px;background:#fff; border-bottom: 1px solid #dfdfdf}
.header .header-logo{float:left;width:160px;height:50px}
.header .header-logo img{width:100%}
.footer{position:absolute;left:0;right: 0; bottom: 20px;}
.footer-logo{width:160px;height:50px;margin:0 auto}
.footer span{display:block;line-height:20px;font-size:11px;color:#aaa;text-align:center}

.m-icon{background-image:url(../images/main_sprite.png);background-repeat:no-repeat;text-indent:-9999px;cursor:pointer}
.s-icon{background-image:url(../images/sub_sprite.png);background-repeat:no-repeat;text-indent:-9999px;cursor:pointer}

.common-btn{display:inline-block;height:30px;padding:0 10px;border-radius:5px;line-height:28px;font-size:12px;font-weight:700;color:#fff !important;cursor:pointer}
.green-btn{border:1px solid #879f25;background:#a0bd2d}
.green-btn:hover{background:#adcc32}
.red-btn{border:1px solid #d0461d;background:#ed5123}
.red-btn:hover{background:#ff6537}
.gray-btn{border:1px solid #999;background:#aaa}
.gray-btn:hover{background:#bababa}
.white-btn{border:1px solid #ccc; color: #333 !important}
.white-btn:hover{background:#fafafa}
.confirm-btn{display:inline-block;width:60px;height:20px;margin-left:2px;border-radius:3px;border:1px solid #ccc;background:#fff;line-height:20px;font-size:11px;font-weight:bold;color:#333;text-align:center;cursor:pointer}
h2 .confirm-btn{position:relative;top:-5px}

/* Popup Elements */

/* Common Popup */
.popup-layer{display:none;position:fixed;_position:absolute;top:0;left:0;z-index:100;width:100%;height:100%}
.popup-layer .bg{position:absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity:.5;filter:alpha(opacity=50)}
.popup-layer .pop-layer{display:block}

.pop-layer{display:none;overflow:hidden;position:absolute;top:60px;left:50%;z-index:10;height:auto;border-radius:5px;background-color:#fff;-webkit-box-shadow:0 2px 1px rgba(0,0,0,.1);box-shadow:0 2px 1px rgba(0,0,0,.1)}
.pop-layer .pop-container{}

.pop-layer h2{padding:10px 20px;background:#4c556b;font-size:16px;color:#fff}
.pop-layer h3{margin:10px 20px;font-size:14px;font-weight:700}
.pop-layer .btn-wrap{margin-top:10px;padding:10px;border-top:1px solid #ddd;background:#f1f2f3;text-align:center}

/* Search Popup */
.search-popup .pop-layer{width:600px;margin-left:-300px}
.search-popup .search-form{width:auto;margin:10px 20px}
.search-popup .table-wrap{width:auto;margin:10px 20px}

/* help Popup */
.help-popup .pop-layer{width:400px;margin-left:-200px}
.help-popup .default-table-wrap{width:auto;margin:10px 20px}
.help-popup .exp{margin:0 20px;font-weight:700;font-size:12px}

/* Main Elements */

/* Login Form */
.login-wrap{overflow:hidden;float:left;width:850px;height:530px;margin:0 10px;border-radius:5px;background:#fff;-webkit-box-shadow:0 2px 1px rgba(0,0,0,.1);box-shadow:0 2px 1px rgba(0,0,0,.1);font-family: 'Nanum Gothic';}
.login-wrap .login-icon{width:70px;height:70px;margin:60px auto 20px;background-position:-5px -5px}
.login-wrap h2{margin:0 auto;font-size:30px;line-height:30px;font-weight:700;color:#201b1b;text-align:center}
.login-form{width:300px;margin:50px auto 0}
.login-form input{width:100%;height:30px;margin:0 auto;border:none;border-bottom:1px solid #c9c9c9;text-align:center}
.login-form input:first-child{margin-bottom:20px}

.login-form button{display:block;width:180px;height:40px;margin:20px auto 0;border-radius:40px;border:none;background:#383a3d;color:#fff}
.login-form button:hover{background:#494d54}
.login-form button:active{position:relative;top:1px}
.join-text{margin-top:55px;font-size:12px;text-align:center}
.join-text a{text-decoration:underline}
.join-text a:hover{color:#ed5123}

/* Join Form */
.join-wrap{overflow:hidden;width:100%;height:500px;margin:0 auto;border-radius:5px;background:#fff;font-family: 'Nanum Gothic';}
.join-wrap .join-icon{width:70px;height:70px;margin:60px auto 20px;background-position:-5px -85px}
.join-wrap h2{margin:30px auto 0;font-size:30px;line-height:30px;font-weight:700;color:#201b1b;text-align:center}
.join-wrap h3{width:500px;margin:10px auto;padding-bottom:10px;border-bottom:1px dotted #ccc;font-size:14px;font-weight:700}
.join-wrap .exp{width:500px;margin:15px auto;padding:10px;border:1px solid #ddd;background:#f6f6f6;font-size:12px;line-height:20px;text-align:center}
.join-wrap .important{color:red}
.join-wrap .btn-wrap{width:510px;margin:0 auto;text-align:center}
.join-wrap .btn-wrap a{display:inline-block;width:180px;height:40px;margin:20px 10px;border-radius:40px;border:none;line-height:40px;font-weight:bold;color:#fff}
.join-wrap .btn-wrap .black-big-btn{background:#383a3d}
.join-wrap .btn-wrap .black-big-btn:hover{background:#494d54}
.join-wrap .btn-wrap .gray-big-btn{background:#aaa}
.join-wrap .btn-wrap .gray-big-btn:hover{background:#999}
.join-wrap .btn-wrap a:active{position:relative;top:1px}
.join-form{clear:both;width:510px;margin:20px auto 0}
.join-form input{width:100%;height:24px;margin:0 auto;padding:0 5px;border:none;border:1px solid #ddd;line-height:24px;font-size:12px;vertical-align: middle;}

.join-form dl{float:left;width:240px;margin:10px 5px 0}
.join-form dt{margin-bottom:5px;font-size:12px;font-weight:700;}
.join-form dd{vertical-align: middle;}
.join-form .full{width:500px;margin:10px 5px 0}
.join-form .ghost-btn {border:1px solid #ccc; border-radius: 5px; display: inline-block; padding: 0 10px; height: 24px; line-height: 24px; font-size: 11px;vertical-align: middle;}

.info-text{display:inline-block;float:right;font-size:11px;font-weight:400;color:#666;text-align:right}

/* Notice */
.notice{overflow:hidden;float:left;width:280px;height:220px;border-radius:5px;background:#fff;-webkit-box-shadow:0 2px 1px rgba(0,0,0,.1);box-shadow:0 2px 1px rgba(0,0,0,.1)}
.notice header{position:relative;width:100%;height:40px;background:#383a3d;line-height:40px}
.notice-icon{position:absolute;top:50%;left:10px;width:14px;height:10px;margin-top:-5px;background-position:-145px -5px}
.notice header .button{display:block;position:absolute;top:50%;right:10px;width:25px;height:17px;margin-top:-8px;background-position:-145px -25px}
.notice h2{padding-left:34px;font-weight:500;font-size:16px;color:#fff}
.notice ul{margin:0 10px}
.notice li{overflow:hidden;width:100%;height:30px;padding-left:20px;border-top:1px solid #cfd9e6;background:url(../images/notice_label.png) 0 center no-repeat;line-height:30px;font-size:12px;white-space:nowrap;text-overflow:ellipsis}
.notice li:first-child{border-top:none}
.empty-notice{width:100%;height:180px;line-height:180px;font-size:12px;text-align:center}

/* Banner */
.banner{overflow:hidden;float:left;width:280px;height:145px;margin-top:10px;border-radius:5px;background:#a0bd2d;color:#fff;-webkit-box-shadow:0 2px 1px rgba(0,0,0,.1);box-shadow:0 2px 1px rgba(0,0,0,.1)}
.icon-wrap{float:left;position:relative;width:100px}
.big-icon{position:absolute;top:50%;left:50%;width:50px;height:50px;margin:-25px 0 0 -25px}
.banner-contents{float:left;width:180px}
.banner-contents h2{height:40px;margin:0 10px;border-bottom:1px dotted;font-size:16px;font-weight:500;line-height:40px;text-align:right}

/* Time Banner */
.time-banner{background:#a0bd2d}
.time-banner .icon-wrap{height:125px;background:#829a23}
.time-banner .big-icon{background-position:-85px -5px}
.time-banner h2{margin-bottom:14px;border-color:#bedf39}
.time-banner .text01{margin-right:10px;line-height:15px;font-size:12px;text-align:right}
.time-banner .text02{margin:7px 10px 0 0;font-size:24px;font-weight:300;text-align:right}
.day-info{float:left;width:100%;height:20px;background:#53650d;font-size:11px;line-height:20px;text-align:center}

/* Phone Banner */
.phone-banner{background:#ed5123}
.phone-banner .icon-wrap{height:145px;background:#c84119}
.phone-banner .big-icon{background-position:-85px -65px}
.phone-banner h2{margin-bottom:18px;border-color:#ffad95}
.phone-banner dl{margin:0 10px;line-height:25px}
.phone-banner dt{float:left;width:50px;font-size:12px;font-weight:700}
.phone-banner dd{float:left;width:110px;font-size:15px;font-weight:300;text-align:right;white-space:nowrap}

/* Sub Style */

.al {text-align: left !important;}
.ar {text-align: right !important;}
.ac {text-align: center !important;}
.av {vertical-align: middle; padding: 0; font-size: 0;}
.av img {vertical-align: middle; margin-left: 2px}
.av img:first-child {margin-left:0;}

/* Sub Common Style */
.sub-contents{overflow:hidden;position:relative;width:100%;border:1px solid #dfdfdf; border-top:none;}
.status-wrap{float:right;height:50px;line-height:50px}
.status-wrap .welcome-text{display:inline-block;margin-right:30px;font-size:12px}
.status-wrap button{margin-right:10px;border:none;background-color:#fff;line-height:20px;opacity:0.8}
.status-wrap button:hover{opacity:1}
.status-wrap .admin-icon{width:20px;height:20px;background-position:0 0}
.status-wrap .logout-icon{width:20px;height:20px;background-position:-20px 0}

/* Navigation Style */
.sub-nav{overflow:hidden;height:40px;margin:20px 10px 0;}
.sub-nav ul{float:left}
.sub-nav li{float:left;width:158px;height:40px}
.sub-nav li:first-child{width: 188px;}
.sub-nav a{display:block;width:100%;height:40px;border:1px solid #d6d5d4;border-right:none;background:#f5f5f5;line-height:40px;font-weight:700;color:#000;text-align:center}
.sub-nav li.active a{border-top:2px solid #ed5123;border-right:none;border-bottom:none;background:#fff;line-height:38px;color:#000}
.sub-nav li:last-child a{border-right:1px solid #d6d5d4}

.lnb{float:left;width:178px;height:483px;margin-left:10px;border-radius:0 0 0 5px;background:#65686e;color:#fff;-webkit-box-shadow:0 2px 3px rgba(0,0,0,.2);box-shadow:0 2px 3px rgba(0,0,0,.2)}
.lnb .welcome-text{padding:20px 10px;background:#4c4e53;font-size:13px;line-height:1.5;text-align:center}
.lnb .welcome-text strong{font-weight:700}
.lnb .welcome-text p{margin-bottom:10px}
.lnb .welcome-text span{font-size:11px;color:#b7bbc5}
.lnb ul{border-top:1px solid #54575d;border-bottom:1px solid #73767d}
.lnb li{width:178px;height:40px;border-top:1px solid #73767d;border-bottom:1px solid #54575d;background:#65686e;line-height:40px}
.lnb li:first-child{border-top:1px solid #73767d}
.lnb li a{display:block;font-weight:700;font-size:12px;color:#fff;text-align:center}
.lnb li.active a{background:#7e8188;color:#fff}

.sub-wrap{overflow:hidden;margin:0 10px 10px;padding:10px;border-radius:0 0 5px 5px;background:#fff;border:1px solid #dfdfdf;border-top:none;}
.sub-wrap.admin-page{float:right;width:800px;margin-left:0;border-radius:0 0 5px 0;border-left:1px solid #ccc}
.sub-wrap.join-page{height:530px;min-height:530px;max-height:530px;border-radius:5px}
.sub-wrap .btn-wrap{margin-top:10px;text-align:center}

/* 약품주문 Style */
.left-section{float:left;width:660px}
.right-section{float:left;width:286px;margin-left:10px}
.section-bg{overflow:hidden;width:100%;margin-top:10px;padding:10px;border-radius:5px;background:#fff;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.4);box-shadow:0 1px 3px rgba(0,0,0,.4)}
.section-bg:first-child{margin-top:0}
.section-bg.no-mgb{margin-bottom:0}

.sub-wrap h2{height:24px;font-size:14px;font-weight:700;line-height:16px; position: relative;}
.sub-wrap span{vertical-align:top}

/* Search */
.search-form{width:100%;margin-bottom:10px;padding:5px 0;border:1px solid #cfd9e6;background:#eee;font-size:0;position: relative;}
.search-form input[type=text]{height:26px;margin-left:5px;padding-left:5px;border:1px solid #cfd9e6;font-size:12px;line-height:26px; vertical-align: middle;}
.search-form input[type=radio]{position:relative;top:6px;margin-left:10px}
.search-form label{margin-left:6px;font-size:12px; vertical-align: middle;}
.search-form .dash{display:inline-block;width:10px;margin-left:5px;font-size:12px;text-align:center; vertical-align: middle;}
.search-form .btn-wrap{margin:0; position: absolute; top:9px; right: 0;}
.search-form .btn-wrap button{margin-right:10px;border:none;background-color:rgba(0,0,0,0);font-size:12px;font-weight:700;cursor:pointer}
.search-button{position:relative;width:16px;vertical-align:middle;height:16px;margin-left:8px;border:none;background-color:rgba(0,0,0,0);background-position:-55px 0}
.print-icon{display:inline-block;position:relative;vertical-align:middle;width:20px;height:20px;margin-right:7px;background-position:-71px 0}
.excel-icon{display:inline-block;position:relative;vertical-align:middle;width:20px;height:20px;margin-right:7px;background-position:-91px 0}

/* Table */
.clickable tbody tr{cursor:pointer}
.clickable tbody tr:hover {background: #f6f6f6}
.clickable tbody tr.coloring {background: #b7dee8}
.clickable tbody tr.coloring:hover {background: #b0d7e1}

.clickcolor tbody tr.active {background: #ccc;}

/* Default Table */
.default-table-wrap table{width:100%;border-collapse:collapse;font-size:12px;table-layout:fixed}
.default-table-wrap thead{text-align:left}
.default-table-wrap thead th{height:25px;padding:0;border:1px solid #cfd9e6;background:#f3f3f3;font-weight:700;text-align:left}

.default-table-wrap tbody{padding:0 5px}
.default-table-wrap tbody tr{width:100%;height:21px;line-height:21px}
.default-table-wrap tbody td{overflow:hidden;height:21px;padding:5px;border:1px solid #cfd9e6;white-space:nowrap;text-overflow:ellipsis}
.default-table-wrap .a-center{text-align:center}
.default-table-wrap .a-left{text-align:left}
.default-table-wrap .a-right{text-align:right}

/* Scrolled Table */
.table-wrap{position:relative;width:100%;padding-top:25px;border-collapse:collapse;border:1px solid #cfd9e6;font-size:12px;vertical-align:top;table-layout:fixed}
.table-wrap table{width:100%;border-collapse:collapse;font-size:12px;table-layout:fixed}
.table-wrap thead{position:absolute;top:0;left:1;width:100%;border-bottom:1px solid #cfd9e6;text-align:left}
.table-wrap.pad table {table-layout: fixed;}
.table-wrap.pad th {border-left:1px solid #dadada; padding: 0 5px;}
.table-wrap.pad th:first-child {border-left: none;}
.table-wrap.pad td {border-left:1px solid #eaeaea; padding: 0 5px;}
.table-wrap.pad td:first-child {border-left: none;}
.table-wrap thead th{height:25px;padding:0;background:#f3f3f3;font-weight:700;text-align:left}
.table-wrap thead th:first-child{padding-left:5px}
.table-wrap tbody{padding:0 5px}
.table-wrap tbody tr{width:100%;height:30px;border-top:1px solid #eaeaea;border-bottom:1px solid #eaeaea;line-height:30px}
.table-wrap tbody tr:first-child{border-top:none}
.table-wrap tbody td{overflow:hidden;height:30px;padding:0;white-space:nowrap;text-overflow:ellipsis}
.table-wrap tbody td:first-child{padding-left:5px}
.table-wrap .a-center{text-align:center}
.table-wrap input{height:20px;padding:0 5px;border:1px solid #cfd9e6;font-size:12px;line-height:20px;text-align:center}
.table-wrap .delete-button{position:relative;top:3px;width:15px;height:15px;border:none;background-color:rgba(0,0,0,0);background-position:-40px 0}
.wrap-scroll{overflow-y:scroll;overflow-x:hidden}

/* Vertical Table */
.vertical-table-wrap{width:100%}
.vertical-table-wrap.mgb{margin-bottom:10px}
.vertical-table-wrap table{width:100%;border:1px solid #cfd9e6;border-collapse:collapse;font-size:12px}

.vertical-table-wrap tr{border:1px solid #cfd9e6;background:#f3f3f3}
.vertical-table-wrap th{padding:0 10px;border-right:1px solid #cfd9e6;border-left:1px solid #cfd9e6;line-height:30px;text-align:left;vertical-align:top;white-space:nowrap}
.vertical-table-wrap td{overflow:hidden;padding:0 10px;background:#fff;line-height:30px;text-align:left}
.vertical-table-wrap input[type=text],.vertical-table-wrap input[type=password],.vertical-table-wrap select{height:26px;padding-left:5px;border:1px solid #cfd9e6;font-size:12px;line-height:26px}
.vertical-table-wrap input[type=radio],.vertical-table-wrap input[type=checkbox]{position:relative;top:3px;margin-right:5px}
.vertical-table-wrap .information{display:block;margin-bottom:7px;font-size:11px;line-height:15px;color:#ed5123;}
.vertical-table-wrap .btn-box{border-left:1px solid #cfd9e6;text-align:center;vertical-align:middle}

/* Memo Place */
.memo-wrap{width:100%;height:35px;line-height:45px}
.memo-wrap h2{float:left;width:120px;height:35px;line-height:45px}
.memo-wrap input{width:520px;height:30px;padding-left:10px;border:1px solid #cfd9e6;font-size:12px;line-height:30px}

/* Total Section */
.total-section{height:30px;line-height: 40px;position: absolute;top: 451px;right: 327px; text-align: right}
.total-section p{float:left;height:40px;font-size:12px;line-height:50px}
.total-section .cost{margin-left:25px;font-weight:700}
.total-section .btn-wrap{float:right;height:40px;margin:0;line-height:50px}
.total-section .green-btn{width:60px;height:25px;border-radius:3px;line-height:24px;font-size:11px;cursor:pointer; margin-left:20px; display: inline-block;
	border:1px solid #879f25;
	color:#fff;
background: rgb(160,189,45,1);
background: -moz-linear-gradient(top, rgba(160,189,45,1) 0%, rgba(135,159,37,1) 100%);
background: -webkit-linear-gradient(top, rgba(160,189,45,1) 0%,rgba(135,159,37,1) 100%);
background: linear-gradient(to bottom, rgba(160,189,45,1) 0%,rgba(135,159,37,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a0bd2d', endColorstr='#879f25',GradientType=0 );}

/* Total data */
.data-text {position: absolute;right: 0;top:-64px;height: 20px; line-height: 10px; font-size: 12px; white-space: nowrap;}
.total-data {float: right; height: 20px; margin-right: 20px;}
.total-data dl,.total-data dt,.total-data dd {float: left;}
.total-data dl {margin-left: 10px;}
.total-data dt {font-weight: 400;}
.total-data dd {color:#a0bd2d}

.paging {height: 25px; position: relative; top:-15px; float: right; font-size: 11px;}
.paging li {float: left; margin-left: 4px;}
.paging li:first-child {margin-left: 0;}
.paging li a {width: 25px; height: 25px; display: block; border:1px solid #dfdfdf; text-align: center; line-height: 25px; border-radius: 3px;
background: rgb(255,255,255);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 );}
.paging li a:hover {
background: rgb(237,237,237);
background: -moz-linear-gradient(top, rgba(237,237,237,1) 0%, rgba(246,246,246,1) 47%, rgba(255,255,255,1) 99%);
background: -webkit-linear-gradient(top, rgba(237,237,237,1) 0%,rgba(246,246,246,1) 47%,rgba(255,255,255,1) 99%);
background: linear-gradient(to bottom, rgba(237,237,237,1) 0%,rgba(246,246,246,1) 47%,rgba(255,255,255,1) 99%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#ffffff',GradientType=0 );}
.paging li.active a {
	border:1px solid #d0461d;
	color:#fff;
background: rgb(237,81,35);
background: -moz-linear-gradient(top, rgba(237,81,35,1) 0%, rgba(208,70,29,1) 100%);
background: -webkit-linear-gradient(top, rgba(237,81,35,1) 0%,rgba(208,70,29,1) 100%);
background: linear-gradient(to bottom, rgba(237,81,35,1) 0%,rgba(208,70,29,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed5123', endColorstr='#d0461d',GradientType=0 );
}
.paging li.text a {width: 35px;}

.loading-layer {position: fixed; top:0; right: 0; bottom: 0; left: 0; background:rgba(0,0,0,0.4); z-index: 100;}
.loading-icon {width: 50px; height: 50px; background: url(../images/loading.gif) center no-repeat; position: absolute; top:50%;left: 50%;margin: -25px 0 0 -25px; text-indent: -9999px; background-size: 50px 50px;}

.admin-paging {float: left; top:12px;}
.sub-wrap .admin-btn-wrap {text-align: right}

.company-wrap {padding: 6px; overflow: hidden;}
.company-pic {float: left; width: 150px;}
.company {float:left;width: 700px; font-size: 12px; line-height: 1.7; margin-left: 30px;}

.board-list {width: 100%; font-size: 12px;}
.board-list table {width: 100%; border-collapse: collapse; border-spacing: 0; border-bottom: 2px solid #333;}

.board-list th{border-top:2px solid #333; border-bottom: 1px solid #ccc; font-size: 13px; font-weight: 700;padding:10px 0;}
.board-list td{font-size: 12px; padding: 8px 0; text-align: center;}
.board-list tbody tr {cursor: pointer; border-top:1px solid #eee;}
.board-list tbody tr:first-child {border-top: 0;}
.board-list tbody tr:hover {background: #f6f6f6;}
.board-list td .common-btn {height: 24px; line-height: 24px;}

.board-paging {height: 25px; width:100%; text-align:center; font-size: 0; margin: 10px 0; position: relative;}
.board-paging li {display:inline-block;margin-left: 4px; font-size: 11px;}
.board-paging li:first-child {margin-left: 0;}
.board-paging li a {width: 25px; height: 25px; display: block; border:1px solid #dfdfdf; text-align: center; line-height: 25px; border-radius: 3px;
background: rgb(255,255,255);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 );}
.board-paging li a:hover {
background: rgb(237,237,237);
background: -moz-linear-gradient(top, rgba(237,237,237,1) 0%, rgba(246,246,246,1) 47%, rgba(255,255,255,1) 99%);
background: -webkit-linear-gradient(top, rgba(237,237,237,1) 0%,rgba(246,246,246,1) 47%,rgba(255,255,255,1) 99%);
background: linear-gradient(to bottom, rgba(237,237,237,1) 0%,rgba(246,246,246,1) 47%,rgba(255,255,255,1) 99%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#ffffff',GradientType=0 );}
.board-paging li.active a {
	border:1px solid #d0461d;
	color:#fff;
background: rgb(237,81,35);
background: -moz-linear-gradient(top, rgba(237,81,35,1) 0%, rgba(208,70,29,1) 100%);
background: -webkit-linear-gradient(top, rgba(237,81,35,1) 0%,rgba(208,70,29,1) 100%);
background: linear-gradient(to bottom, rgba(237,81,35,1) 0%,rgba(208,70,29,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed5123', endColorstr='#d0461d',GradientType=0 );
}
.board-paging li.text a {width: 35px;}

.board-search {margin:0 auto;width: 350px; font-size: 0;}
.board-search select {width:80px;height:30px;margin-left:5px;padding-left:5px;border:1px solid #cfd9e6;font-size:12px;line-height:30px;vertical-align: top;}
.board-search input {width:200px;height:30px;margin:0 5px;padding-left:5px;border:1px solid #cfd9e6;font-size:12px;line-height:30px;vertical-align: top;}

.admin-page.board-page .section-bg {height: 463px;}
.write-page {height:484px}
.write-page h2 {height: 20px}

.board-btn-wrap {position: absolute; top:0; right: 0;}

.board-view {width: 100%}
.board-view table {width: 100%; border-top:2px solid #333; border-bottom: 2px solid #333; font-size: 12px; border-collapse: collapse; border-spacing: 0;}
.board-view thead th {background: #fafafa; font-weight: 700; padding: 8px; border:1px solid #eee;}
.board-view .title {padding: 10px; text-align: left;}
.board-view thead td {padding: 8px; text-align: center; border:1px solid #eee;}
.board-view tbody td {padding: 10px; border-top:1px solid #eee;}

.board-write {width: 100%}
.board-write table {width: 100%; border-top:2px solid #333; border-bottom: 2px solid #333; font-size: 12px; border-collapse: collapse; border-spacing: 0;}
.board-write tbody th {padding: 8px; text-align: center; border:1px solid #eee;}
.board-write tbody td {padding: 10px; border-top:1px solid #eee;}
.board-write input {height:26px;padding:0 5px;border:1px solid #cfd9e6;font-size:12px;line-height:26px; vertical-align: middle;}
.board-write select {height:26px;padding:0 5px;border:1px solid #cfd9e6;font-size:12px;line-height:26px; vertical-align: middle;}
.board-write textarea {padding:5px;border:1px solid #cfd9e6;font-size:12px; vertical-align: middle; width: 100%; resize: none;}

.board-list.no-click tr:hover {background: #fff;cursor:auto}

.board-write dl {overflow: hidden; height: 28px; line-height: 28px;}
.board-write dt,.board-write dd {float: left}
.board-write dt {width:70px; vertical-align: middle; margin-left: 20px;}
.board-write dt:first-child {margin-left: 0;}
.board-write dd {margin-left: 10px; vertical-align: middle;}
.board-write dd input {margin-right: 5px;}

.main-wrap {width:1000px; margin:0 auto; position: relative;}
.visual {background: url(../images/main/top_img.jpg) 0 0 no-repeat; width:1000px; height: 450px;position: relative;}
.main-logo {width: 213px; height: 64px; position: absolute;top:0; left:0;}
.middle-wrap {width: 1000px; height: 200px; margin-top:20px; overflow: hidden;}
.holiday-info {width: 240px; height: 141px; text-indent: -9999px; float: left; background: url(../images/main/banner01.gif) 0 0 no-repeat; margin-right: 13px;}
.call-info {width: 240px; height: 141px; text-indent: -9999px; float: left; background: url(../images/main/banner02.gif) 0 0 no-repeat; margin-right: 13px;}
.notice-wrap {width: 240px; height: 141px; float: left; margin-right: 13px;}
.notice-wrap header {width: 100%; height: 23px; border-bottom: 1px solid #335797; position: relative; text-indent: -9999px; margin-bottom: 20px;}
.notice-wrap h3 {width: 63px; height: 23px; position: absolute; top:0; left:0; background: url(../images/main/img01.gif) 0 0 no-repeat; text-indent: -9999px;}
.notice-wrap .more {width: 48px; height: 23px; display: block; position: absolute; top:0; right: 0; background: url(../images/main/img02.gif) 0 0 no-repeat;}
.notice-wrap li {background: url(../images/main/dot.gif) 0 center no-repeat; padding-left: 15px; overflow: hidden; margin-top:5px;}
.notice-wrap li a {font-size: 12px; vertical-align: top;}
.notice-wrap li a:hover {text-decoration: underline;}
.notice-wrap li span {float: right;}
.login-new-wrap {width: 240px; height: 141px; float: left; background: url(../images/main/idpw_01.gif) 0 0 no-repeat; padding: 50px 10px 0 10px; position: relative;}
.login-new-wrap dl{overflow: hidden; margin-top:2px;}
.login-new-wrap dt,.login-new-wrap dd {float: left;}
.login-new-wrap .id {width: 51px; height: 16px; background: url(../images/main/id.gif) 0 0 no-repeat; text-indent: -9999px}
.login-new-wrap .pw {width: 51px; height: 16px; background: url(../images/main/pw.gif) 0 0 no-repeat; text-indent: -9999px}
.login-new-wrap input {height:20px;margin-left:5px;padding-left:5px;border:1px solid #cfd9e6;font-size:12px;line-height:20px; vertical-align: middle; width:100px;}
.login-new-wrap .btn-new-login {position: absolute; top:53px; right: 10px; text-indent: -9999px; width: 50px; height: 38px; display: block; background: url(../images/main/idpw_04.gif) 0 0 no-repeat;}
.login-new-wrap .join-info {text-indent: -9999px; background: url(../images/main/idpw_05.gif) 0 0 no-repeat; position: relative; margin-top: 10px;}
.login-new-wrap .join-info a {width: 68px; height: 18px; display: block; position: absolute; top:0; right: 0; background: url(../images/main/idpw_06.gif) 0 0 no-repeat;}
.main-wrap footer {border-top:2px solid #ccc; width:1000px; margin:0 auto; position: relative;}
.font02 { color: #333333; font-size:12px }