@charset "utf-8";

/* layout */
#wrap {width:100%; min-width:1200px; position:relative;}
#login_wrap {width:100%; background:#f2f2f2; margin:0 auto;}


/* header */
header {width:100%; margin:0 auto; padding:0; }
header .h_top {position:relative; width:100%; max-width:100%; height:54px; background:#454f72;}
header .h_top h1 {position:absolute; left:20px; top:11px;}
header .h_top h1 img {width:94px;}
header .h_top ul {overflow:hidden; float:right; margin-right:20px;}
header .h_top ul li {float:left; height:54px; line-height:54px; font-weight:bold; font-family:'dotum','돋움'; margin:0 13px; position: relative;}
header .h_top ul li a {color:#fff; display:block;}
header .h_top ul li.name {color:#d5dcf4; margin-right:25px;}
header .h_top ul li.home {background:url(/admin_2017/resources/images/mng/ico_myhome.png) no-repeat right center; padding-right:16px;}
header .h_top ul li.home:after {content: ''; position: absolute; top:22px; right:-13px; width:1px; height:10px; background:#626b8b; -webkit-box-shadow: 1px 0 1px 0 rgba(44,52,80,1.0); box-shadow: 1px 0 1px 0 rgba(44,52,80,1.0);}
header .h_top ul li.mypage {background:url(/admin_2017/resources/images/mng/ico_mypage.png) no-repeat right center; padding-right:16px;}
header .h_top ul li.mypage:after {content: ''; position: absolute; top:22px; right:-13px; width:1px; height:10px; background:#626b8b; -webkit-box-shadow: 1px 0 1px 0 rgba(44,52,80,1.0); box-shadow: 1px 0 1px 0 rgba(44,52,80,1.0);}
header .h_top ul li.logout {background:url(/admin_2017/resources/images/mng/ico_logout.png) no-repeat right center; padding-right:16px;}


/* nav */
.menu_nav {width:100%; height:42px; background:#393a3f;}
.menu_nav ul { width:100%; min-width:800px;}
.menu_nav ul li {float:left; font-size:14px; line-height:42px; letter-spacing:-0.5px;}
.menu_nav ul li a {color:#b5b3b6; display:block; padding:0 48px; font-weight:bold;}
@media only screen and (max-width: 1500px) {
	.menu_nav ul li a {padding:0 32px;}
}
.menu_nav ul li a:hover {color:#fff; background:#2C467B; -webkit-transition: background-color .5s ease; transition: background-color .5s ease; text-decoration:none;}
.menu_nav ul li a.active {color:#fff; background:#30303a;}


/* aside */
aside {position:absolute; width:200px; height:100%; min-height:910px; background:#61616b url(/admin_2017/resources/images/mng/bg_lnb.png) repeat-y left top;}
aside #cssmenu { width:100%; overflow:hidden; padding-top:22px;}
aside #cssmenu ul li.has-sub { margin-top:4px; font-weight:bold;}
aside #cssmenu ul li.has-sub a.title { display:block; padding-left:40px; color:#fff; line-height:36px; height:36px; background:url(/admin_2017/resources/images/mng/bu_lnb.png) no-repeat left 20px center;}
aside #cssmenu ul li.has-sub:hover a.title {background:#53535d url(/admin_2017/resources/images/mng/bu_lnb.png) no-repeat left 20px center; text-decoration:none;}
aside #cssmenu ul li.has-sub.active a.title {background:#53535d url(/admin_2017/resources/images/mng/bu_lnb.png) no-repeat left 20px center;}
/* aside_2depth */
aside #cssmenu ul li.has-sub ul { display:none; padding:6px 0 16px 0; border-bottom:1px solid #4f4f59; position:relative; -webkit-box-shadow: 0 1px 0 1px rgba(108,108,118,1.0); box-shadow: 0 1px 0 1px rgba(108,108,118,1.0);}
aside #cssmenu ul li.has-sub ul li {padding-left:45px; background:url(/admin_2017/resources/images/mng/bu_lnb_s.png) no-repeat left 35px center; line-height:24px;}
aside #cssmenu ul li.has-sub ul li a { color:#b0b0b8; display:block;}
aside #cssmenu ul li.has-sub ul li a:hover {color:#fff; text-decoration:underline;}
/* aside 활성화 버튼 */
.btn_m_close {position:absolute; left:200px; top:156px;}
.btn_m_open {position:absolute; left:0; top:156px;}


/* content */
#content { padding:22px 2% 0 0; margin-left:210px;}
.subCon { margin-left:32px; min-height:600px; padding-bottom:50px;}
/* contents tit */
h2.h2_tit {font-size:17px; color:#0e1118; background:url(/admin_2017/resources/images/mng/h2_icon.png) no-repeat left 3px; padding:0 0 19px 15px; margin-bottom:24px; border-bottom:1px solid #ddd; margin-left:20px;}
h3.h3_tit {font-size:15px; color:#0e1118; background:url(/admin_2017/resources/images/mng/h3_icon.png) no-repeat left top 4px; padding:0 0 0 14px;}
h4.h4_tit {font-size:19px; color:#0e1118; padding:0 0 18px 0; border-bottom:1px solid #666; padding-left:5px;}


/* search */
.topSearch {width:96%; margin:0 auto; padding:18px 2%; background:#f5f5f5; border:1px solid #e6e4e7;}
.topSearch .c_item {display:inline-block; font-size:12px; color:#3f3a36; margin:2px 6px 3px 0; vertical-align:middle;}
.topSearch .search_tit {margin-right:6px; font-size:13px; vertical-align:middle;}
.moreSearch {width:150px; margin:0 auto; text-align:center; }
.moreSearch .cbtn_open {padding:2px 0 12px 0; display:block; background:url(/admin_2017/resources/images/mng/btn_search_bg.png) no-repeat center center; margin-top:-2px;}


/* board list */
.board_list {width:100%; overflow:hidden; position:relative;}
.board_list a {color:#787a7f;}
.board_list table td.ells a {width:100%; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-align:left;}
.bg_reply {background:url(/admin_2017/resources/images/mng/bu_reply.png) no-repeat left top 2px; display:inline-block; background-size:12px 14px; padding-left:18px; margin-left:10px;}


/* board gallery */
.board_gallery {width:100%; overflow:hidden; position:relative;}
.board_gallery ul li {border:1px solid #d7d7d7; width:300px; padding:0 0 10px; float:left; margin:0 25px 20px 0;}
.board_gallery ul li .img_area {width:300px; height:210px; line-height:210px; background:#e8e8e8;}
.board_gallery ul li .img_area > img {width:300px; height:210px;}
@media only screen and (max-width: 1400px) {
	.board_gallery ul li {width:255px; margin:0 20px 20px 0;}
	.board_gallery ul li .img_area {width:255px; height:186px; line-height:186px;}
	.board_gallery ul li .img_area > img {width:255px; height:186px;}
}
.board_gallery ul li .img_area span.no_img {display:block; text-align:center;}
.board_gallery dl {display:inline-block; padding:15px 12px 10px;}
.board_gallery dl dt {font-size:14px; color:#444; line-height:20px; margin-bottom:15px;}
.board_gallery dl dt.ells {overflow:hidden; text-overflow: ellipsis; display:block; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height:20px; height:40px;}
.board_gallery dl dd {float:left; color:#888;}
.board_gallery dl dd.data {float:right;}
.board_gallery dl dd.data span.date:after {content:"│"; padding:0 3px; font-weight:thin;} 


/* board view */
.board_view {width:100%; overflow:hidden; position:relative;}
.down_txt {background:url("/admin_2017/resources/images/mng/ico_attach.png") no-repeat left center; background-size:14px; padding-left:17px; color:#333; margin-right:10px;}
.down_txt:hover {color:#ea002c;}
.register_require {text-align:right; color:#ea002c; margin-bottom:10px;}
.hypen {display:inline-block; vertical-align:middle; margin:0 1px;}


/* board reply */
.board_reply {width:100%; overflow:hidden; border-top:1px solid #dbdbdb;}
.board_reply .u_cbox_area {float:left; width:100%; border-bottom:1px solid #dbdbdb; padding:18px 0;}
.board_reply .u_cbox_area .u_name { padding-bottom:8px; font-weight:bold;}
.board_reply .u_cbox_area .u_date {color:#888; font-weight:normal;}
.board_reply .u_cbox_area .u_date:before {content:"│"; padding:0 6px 0 0; font-weight:thin;} 
.board_reply .u_cbox_area .u_content {width:100%; word-break:break-all; word-break:break-word; display:inline-block; line-height:22px; margin-bottom:8px;}
.board_reply .u_cbox_area .u_cbox_reply_txt {float:left;}
.board_reply .u_cbox_area .u_cbox_reply_btn {float:right; display:block;}

.board_reply .u_cbox_area .u_cbox_write_inner {width:100%; border:1px solid #b4b4b4; background:#fff; position:relative; margin-top:-6px;}
.board_reply .u_cbox_area .u_cbox_write_inner textarea {width:100%; border:0; box-sizing:border-box;}
.board_reply .u_cbox_area .u_cbox_write_inner .u_cbox_upload {width:100%; height:36px; border-top:1px solid #e8e8e8; text-align:right;}
.board_reply .u_cbox_area .u_cbox_write_inner .u_cbox_upload input[type=button] {position:relative; right:0;}

.board_reply .u_cbox_comment_box {float:left; width:96%; background:#f7f7f7; border-bottom:1px solid #dbdbdb; padding:16px 2%;}
.board_reply .u_cbox_comment_box .u_cbox_ico_reply {float:left; background:url(/admin_2017/resources/images/mng/bu_reply.png) no-repeat left top 2px; width:12px; height:16px; padding-right:7px; display:block;}
.board_reply .u_cbox_comment_box .u_cbox_area {float:left; width:97%; border-bottom:0 solid #dbdbdb; padding:6px 0 0 0;}

.board_reply .u_cbox_write {clear:both; float:left; width:100%; margin-top:20px; vertical-align:middle;}
.board_reply .u_cbox_write textarea {width:91%; border:1px solid #b4b4b4; color:#666; box-sizing:border-box;}
.board_reply .u_cbox_write input[type=button] {width:8%; float:right; padding:0;}


/* paging */
.page {width:100%; text-align:center; margin-top:30px;}
.page a {display:inline-block; border:1px solid #dedede; background-color:#fff; padding:0 11px; margin:0 1px; line-height:30px; vertical-align:middle; color:#333;}
.page a.page_on {display:inline-block; background:#393A3F; color:#fff; border:1px solid #343539;}
.page a.ago_prev {background:#e9e9e9 url(/admin_2017/resources/images/mng/icon_ago_prev.gif) no-repeat center center; width:30px; height:30px; padding:0;}
.page a.prev {background:#e9e9e9 url(/admin_2017/resources/images/mng/icon_prev.gif) no-repeat center center; width:30px; height:30px; padding:0;}
.page a.next {background:#e9e9e9 url(/admin_2017/resources/images/mng/icon_next.gif) no-repeat center center; width:30px; height:30px; padding:0;}
.page a.ago_next {background:#e9e9e9 url(/admin_2017/resources/images/mng/icon_ago_next.gif) no-repeat center center; width:30px; height:30px; padding:0;}
.page a.ago_prev em, a.prev em, a.next em, a.ago_next em {position:absolute; overflow:hidden; height:0; width:0; font-size:0; visibility:hidden;}


/* table */
table.table1 {width:100%; border-collapse:collapse; border-color:#888; border-style:solid; border-width:1px 0 0;}
table.table1 thead th {background:#f9f7fa; color:#595b5f; font-weight:bold; text-align:center; vertical-align:middle; padding:12px 0; border-bottom:1px solid #e6e6e6;}
table.table1 tbody th, tfoot th {color:#333; font-weight:bold; text-align:center; vertical-align:middle; background:#f7f8f9;}
table.table1 tbody td, tfoot td {text-align:center; padding:14px 0; color:#787a7f; border-bottom:1px solid #e6e6e6; line-height:20px;}
table.table1 tbody td.left {text-align:left; padding-left:10px;}
table.table1 tbody td.right {text-align:right; padding-right:10px;}
table.table1 .first {border-left:0;}

table.table2 {width:100%; border-collapse:collapse; border-color:#888; border-style:solid; border-width:1px 0 0;}
table.table2 thead th {background:#f9f7fa; color:#595b5f; font-weight:bold; text-align:center; vertical-align:middle;}
table.table2 tbody th, tfoot th {color:#333; font-weight:bold; text-align:center; vertical-align:middle; background:#f7f8f9; padding:12px 0;}
table.table2 tbody td, tfoot td {text-align:left; padding:12px 0 12px 25px;}
table.table2 tbody td img{max-width:90%;}
table.table2 th, table.table2 td {border-bottom:1px solid #e6e6e6; line-height:20px; min-height:26px;}
table.table2 td.left {text-align:left; padding-left:10px;}
table.table2 td.right {text-align:right; padding-right:10px;}
table.table2 td .min_h150 {min-height:150px;}
table.table2 .first {border-left:0;}


/* login */
.loginBox {width:450px; height:auto; overflow:hidden; margin:80px auto; }
.loginBox h1 {text-align:center; padding:0; margin-bottom:60px;}
.loginBox h1 img {max-width:160px;}
.loginBox .copy {color:#999; line-height:36px; text-align:center; margin-top:20px; letter-spacing:0;}
.loginBox .checkArea {margin:20px auto 0 auto; font-size:14px; border-bottom:1px solid #e3dfdf; padding-bottom:20px;}
input[type=checkbox].css-checkbox {position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0;}
input[type=checkbox].css-checkbox + label.css-label { padding-left:28px; height:22px; display:inline-block; line-height:22px; background-repeat:no-repeat; background-position: 0 0; vertical-align:middle; cursor:pointer;}
input[type=checkbox].css-checkbox:checked + label.css-label { background-position: 0 -22px;}
label.css-label {background-image:url(/admin_2017/resources/images/mng/bg_checkbox01.png); background-size:22px; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}


/* 에러페이지 */
#error_bg {position:absolute; width:100%; height:100%; background:#f5f5f5 url(/admin_2017/resources/images/mng/error_bg.png) repeat-y center top; font-family:'맑은 고딕','Dotum', 'sans-serif'; }
.error_wrap {width:880px; height:470px; overflow:hidden; margin:0 auto; padding-top:165px; position:relative;}
.error_wrap h1 {text-align:left; padding-left:5px;}
.error_wrap h1 img {width:100px;}
.error_wrap .error_con {width:490px; min-height:200px; float:right; margin:22px 40px 0 0;}
.error_wrap .error_con h2 {font-size:36px; letter-spacing:-2px; padding-top:40px; padding-bottom:15px;}
.error_wrap .error_con .con_txt { font-size:16px; color:#333; line-height:28px; letter-spacing:-1px;}
.error_wrap .copy {clear:both; width:100%; text-align:center; position:absolute; bottom:0; color:#aaa; font-size:14px; line-height:24px; letter-spacing:-0.5px;}
a.cbtn_home {padding:7px 20px; color:#666; background:#fff; border:1px solid #e0e0e0; display:inline-block; font-size:14px; text-decoration:none; margin-top:30px; transition:all 300ms;}
a.cbtn_home:hover {background:#f0f0f0; border:1px solid #ddd;}

/* 시스템 점검중 */
#checking_bg {position:absolute; width:100%; height:100%; background:#f3f4ea url(/admin_2017/resources/images/mng/checking_bg.png) repeat-x center top; font-family:'맑은 고딕','Dotum', 'sans-serif';}
.checking_wrap {width:880px; overflow:hidden; margin:0 auto; padding-top:400px; text-align:center;}
.checking_wrap h2 {font-size:42px; letter-spacing:-2px; padding-top:40px; padding-bottom:15px;}
.checking_wrap h2 span {color:#f37800;}
.checking_wrap p {font-size:16px; line-height:30px;}
.checking_wrap p strong {font-size:20px; display:block; padding-bottom:35px;}

/* 페이지 준비중 */
.update {width:100%; height:auto; padding:230px 0 60px 0; background:#f8f8f8 url(/admin_2017/resources/images/mng/update_bg.png) no-repeat center top 60px; margin:40px auto 0 auto; border-top:1px solid #888; }
.update .update_in {text-align:center; position:relative;}
.update .update_in p {margin-top:20px; line-height:26px; font-size:15px;}