@charset "utf-8";
@import url(../font/notosans/notosanskr.css);

body{background-color:#ecf0f5;margin:0;padding:0;font-family:'Noto Sans KR', sans-serif;}

*{outline:none;}

.sitewidth{max-width:1250px;margin:0 auto;}
#wrap{}

#header{background:#267af9;height:55px;line-height:55px;box-sizing:border-box;position:fixed;top:0;left:0;width:100%;z-index:10;}
#header:after{content:"";display:block;clear:both;}
#header .area{float:left;height:100%;}
#header .left_area{width:230px;text-align:center;background-color:#1165ec;}
#header .left_area .menu_button{display:none;width:55px;height:55px;background-color:#267af9;cursor:pointer;text-align:center;background-image:url(../img/btn_menu.png);background-position:center center;background-size:30px;background-repeat:no-repeat;}
#header .left_area .menu_button:hover{background-color:#1165ec;}
#header .left_area .menu_button.active{background-image:url(../img/btn_close.png);background-size:20px;}
#header .left_area .logo{vertical-align:middle;}
#header .left_area .logo img{vertical-align:middle;margin-top:-6px;width:150px;}
#header .right_area{width:calc(100% - 230px);}
#header .right_area:after{content:"";display:block;clear:both;}
#header .right_area .menu{float:left;}
#header .right_area .menu > ul{margin:0;padding:0;list-style:none;display:inline-block;}
#header .right_area .menu > ul > li{float:left;min-width:55px;box-sizing:border-box;border-left:1px solid #236ee1;text-align:center;color:#ffffff;font-size:14px;cursor:pointer;position:relative;}
#header .right_area .menu > ul > li:last-child{border-right:1px solid #236ee1;}
#header .right_area .menu > ul > li.icon{width:55px;}
#header .right_area .menu > ul > li:hover{background-color:#226ee1;}
#header .right_area .menu > ul > li > a{display:block;text-decoration:none;color:#ffffff;}
#header .right_area .menu > ul > li > a img{vertical-align:middle;margin-top:-4px;height:25px;}

#header .right_area .member{float:right;}
#header .right_area .member > ul{margin:0;padding:0;list-style:none;display:inline-block;}
#header .right_area .member > ul > li{float:left;min-width:55px;box-sizing:border-box;border-left:1px solid #236ee1;text-align:center;color:#ffffff;font-size:14px;cursor:pointer;position:relative;}
#header .right_area .member > ul > li.icon{width:55px;}
#header .right_area .member > ul > li:hover{background-color:#226ee1;}
#header .right_area .member > ul > li > a{display:block;text-decoration:none;color:#ffffff;}
#header .right_area .member > ul > li > a img{vertical-align:middle;margin-top:-4px;height:25px;}
#header .right_area .member > ul > li > .profile{padding:0 10px;font-size:13px;white-space:nowrap;height:55px;}
#header .right_area .member > ul > li > .profile .pic{display:inline-block;vertical-align:middle;width:40px;height:40px;line-height:normal;background-color:#f2f2f2;border-radius:50%;overflow:hidden;line-height:initial;margin-right:10px;}
#header .right_area .member > ul > li > .profile .pic img{vertical-align:middle;margin:0;width:100%;height:100%;}
#header .right_area .member > ul > li > .profile .name{display:inline-block;vertical-align:middle;white-space:nowrap;max-width:70px;text-overflow:ellipsis;overflow-x:hidden;}
#header .right_area .member > ul > li .submenu{position:absolute;top:55px;right:0;line-height:initial;display:none;}
#header .right_area .member > ul > li.active{background-color:#226ee1;}
#header .right_area .member > ul > li.active .submenu{display:block;}

#header .right_area .member .profile_box{background-color:#f9f9f9;border:1px solid #dddddd;border-top:0;width:300px;box-shadow:0 5px 10px rgba(0,0,0,0.3);}
#header .right_area .member .profile_box .info{padding:20px;background-color:#ffffff;text-align:center;}
#header .right_area .member .profile_box .info .icon{width:80px;height:80px;display:inline-block;background-color:#f2f2f2;border-radius:50%;overflow:hidden;}
#header .right_area .member .profile_box .info .icon img{width:100%;vertical-align:middle;height:100%;}
#header .right_area .member .profile_box .info .name{color:#000000;font-size:17px;font-weight:500;line-height:1;margin-top:10px;}
#header .right_area .member .profile_box .info .date{color:#777777;font-size:13px;font-weight:400;line-height:1;margin-top:10px;}
#header .right_area .member .profile_box .profile_menu{padding:10px;border-top:1px solid #dddddd;}
#header .right_area .member .profile_box .profile_menu:after{content:"";display:block;clear:both;}
#header .right_area .member .profile_box .profile_menu .button{background-color:#f4f4f4;color:#777777;border:1px solid #aaaaaa;box-sizing:border-box;font-size:13px;font-weight:400;width:100px;border-radius:1px solid #cccccc;border-radius:3px;line-height:35px;display:inline-block;text-decoration:none;}
#header .right_area .member .profile_box .profile_menu .button:hover{background-color:#e5e5e5;border-color:#777777;}
#header .right_area .member .profile_box .profile_menu .button:nth-child(1){float:left;}
#header .right_area .member .profile_box .profile_menu .button:nth-child(2){float:right;}

@media all and (max-width:1000px){
	#header .left_area{width:55px;text-align:left;}
	#header .left_area .menu_button{display:inline-block;}
	#header .left_area .logo{display:none;}
	#header .right_area{width:calc(100% - 55px);}
	#header .right_area .member ul li img{height:25px;}
}


#content{padding:55px 0 0 230px;}
#content:after{content:"";display:block;clear:both;}
#content .sidebar{position:fixed;left:0;top:55px;background:#f9fafc;width:230px;height:calc(100% - 55px);overflow:hidden;overflow-y:auto;border-right:1px solid #d2d6de;box-sizing:border-box;z-index:10;}
#content .sidebar .member{padding:15px 10px;border-bottom:1px solid #d2d6de;}
#content .sidebar .member:after{content:"";display:block;clear:both;}
#content .sidebar .member .icon{float:left;width:50px;height:50px;background-color:#f2f2f2;border-radius:50%;overflow:hidden;}
#content .sidebar .member .icon img{width:100%;vertical-align:middle;width:100%;}
#content .sidebar .member .name{line-height:50px;float:left;width:calc(100% - 130px);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:500;color:#000000;padding:0 10px;box-sizing:border-box;}
#content .sidebar .member .status{line-height:50px;}
#content .sidebar .member .status:before{content:"";display:inline-block;width:10px;height:10px;background-color:#777777;border-radius:50%;}
#content .sidebar .member .status:after{content:"미접속";margin-left:5px;font-size:14px;font-weight:400;}
#content .sidebar .member .status.active:before{background-color:#2d902e;}
#content .sidebar .member .status.active:after{content:"접속중";}


#content .sidebar .menu{}
#content .sidebar .menu ul{margin:0;padding:0;list-style:none;}
#content .sidebar .menu ul li{line-height:48px;font-size:14px;font-weight:400;}
#content .sidebar .menu ul li:nth-child(n+2){}
#content .sidebar .menu ul li:hover{background-color:#f0f0f0;}
#content .sidebar .menu ul li a{display:block;padding:0 20px;text-decoration:none;color:#333333;position:relative;}
#content .sidebar .menu ul li.list > a:after{content:"";position:absolute;right:20px;top:14px;display:inline-block;width:15px;height:15px;background-position:center center;background-size:cover;background-image:url(../img/icon_arrow.png);background-repeat:no-repeat;transition:0.3s ease transform;}
#content .sidebar .menu ul li .submenu{background-color:#f0f0f0;max-height:0;overflow:hidden;}
#content .sidebar .menu ul li .submenu a{color:#777777;}
#content .sidebar .menu ul li .submenu ul li{}
#content .sidebar .menu ul li .submenu ul li a:before{content:"";display:inline-block;width:12px;height:12px;vertical-align:middle;margin-right:10px;margin-top:-4px;border-radius:50%;box-sizing:border-box;border:2px solid #777777;}
#content .sidebar .menu ul li .submenu ul li:hover a{color:#000000;}
#content .sidebar .menu ul li .submenu ul li:hover a:before{border-color:#000000;}
#content .sidebar .menu ul li.active{background-color:#f0f0f0;}
#content .sidebar .menu ul li.active > a{color:#000000;font-weight:500;}
#content .sidebar .menu ul li.active.list > a:after{transform:rotate(-180deg);}
#content .sidebar .menu ul li.active .submenu{max-height:300px;}
#content .sidebar .menu ul li.active .submenu a{}
#content .sidebar .menu ul li.active .submenu ul li.active{color:#000000;font-weight:500;}
#content .sidebar .menu ul li.active .submenu ul li.active a:before{border-color:#000000;}



#content .content_header{border-bottom:1px solid #d8d8d8;background-color:#fff;padding:25px 20px;}
#content .content_header .title{font-size:20px;line-height:20px;font-weight:400;color:#000;}
#content .content_header .menu{margin-top:20px;}
#content .content_header .menu ul{margin:0;padding:0;list-style:none;line-height:40px;}
#content .content_header .menu ul:after{content:"";display:block;clear:both;}
#content .content_header .menu ul li{float:left;border-bottom:2px solid transparent;font-size:15px;font-weight:300;}
#content .content_header .menu ul li:nth-child(n+2){margin-left:35px;}
#content .content_header .menu ul li a{text-decoration:none;color:#000;}
#content .content_header .menu ul li.active{border-color:#243da5;font-weight:400;}
#content .content_header .menu ul li.active a{color:#243da5;}




#content .content_box{}
#content .content_footer{border-top:1px solid #d8d8d8;background-color:#fff;padding:30px 0;text-align:center;}


@media all and (max-width:1000px){
	#content .sidebar{width:250px;left:-250px;}
	#content .sidebar.active{left:0;transition:0.3s ease all;}
	#content{padding:55px 0 0;}
	#content .content_header{padding:15px 10px;}
	#content .content_header .title{font-size:16px;}
}



.border_box{background-color:#fff;border:1px solid #d8d8d8;margin:20px;padding:40px 20px;box-sizing:border-box;}
.border_box:after{content:"";display:block;clear:both;}
.border_box .border_box_top{border-bottom:1px solid #d8d8d8;padding:20px 0;}
.border_box .border_box_top:after{content:"";display:block;clear:both;}
.border_box .border_box_top .left_area{float:left;}
.border_box .border_box_top .right_area{float:right;}
.border_box .border_box_top .title{font-size:15px;line-height:35px;font-weight:500;}
.border_box .border_box_bottom {position: relative;padding:20px 0;border-top:1px solid #d8d8d8;}
.border_box .border_box_bottom:after{content: "";display: block;clear: both;}
.border_box .border_box_bottom .left_area{float:left;}
.border_box .border_box_bottom .right_area{float:right;}
.border_box .border_box_content{padding:20px 0;}

@media all and (max-width:1000px){
	.border_box{padding:20px;margin:0;margin-top:10px;border-left:0;border-right:0;}
}

/* Table */
.border_box .border_box_table_list{}
.border_box .border_box_table_list table{border:0;border-top:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0;border-spacing:0;border-collapse: collapse;width:100%;}
.border_box .border_box_table_list table thead{border-bottom:1px solid #e0e0e0;background-color:#f5f5f5;}
.border_box .border_box_table_list table thead tr{}
.border_box .border_box_table_list table thead tr th{border:0;color:#333;height:50px;font-size:15px;font-weight:500;padding:0 5px;box-sizing:border-box;}
.border_box .border_box_table_list table thead tr th a{color:#333;text-decoration:none;}
.border_box .border_box_table_list table tbody{}
.border_box .border_box_table_list table tbody tr{}
.border_box .border_box_table_list table tbody tr:nth-child(n+2){border-top:1px solid #e0e0e0;}
.border_box .border_box_table_list table tbody tr td{border:0;height:50px;font-size:13px;padding:0 5px;box-sizing:border-box;text-align:center;}
.border_box .border_box_table_list table tbody tr td a{color:#000;text-decoration:none;}
.border_box .border_box_table_list table tbody tr.notice_list td{background-color:#f5f5f5;}
.border_box .border_box_table_list table tbody tr:hover{background-color:#f8f8f8;}
.border_box .border_box_table_list table .no{width:80px;text-align:center;font-size:13px;}
.border_box .border_box_table_list table .notice{width:80px;text-align:center;}
.border_box .border_box_table_list table .author{width:80px;text-align:center;font-size:13px;}
.border_box .border_box_table_list table .category{width:100px;text-align:center;font-size:13px;}
.border_box .border_box_table_list table .readNum{width:80px;text-align:center;font-size:13px;}
.border_box .border_box_table_list table .time{width:80px;text-align:center;font-size:13px;}
.border_box .border_box_table_list table .voteNum{width:80px;text-align:center;font-size:13px;}
.border_box .border_box_table_list table .check{width:40px;text-align:center;}
.border_box .border_box_table_list table .tag_notice{background-color:#4e00f8;color:#fff;display:inline-block;padding:4px 15px;font-size:12px;font-weight:600;border-radius:4px;}
.border_box .border_box_table_list table .etc{width:100px;text-align:center;font-size:13px;}


.border_box .border_box_table_insert{}
.border_box .border_box_table_insert table{border:0;border-top:1px solid #ccc;border-bottom:1px solid #ccc;border-spacing:0;border-collapse: collapse;width:100%;}
.border_box .border_box_table_insert table thead{border-bottom:1px solid #ccc;background-color:#f5f5f5;}
.border_box .border_box_table_insert table thead tr{}
.border_box .border_box_table_insert table thead tr th{border:0;color:#333;height:50px;font-size:15px;font-weight:500;padding:0 5px;box-sizing:border-box;}
.border_box .border_box_table_insert table thead tr th a{color:#333;text-decoration:none;}
.border_box .border_box_table_insert table tbody{}
.border_box .border_box_table_insert table tbody tr{}
.border_box .border_box_table_insert table tbody tr:nth-child(n+2){border-top:1px solid #ccc;}
.border_box .border_box_table_insert table tbody tr th{background-color:#f5f5f5;text-align:left;padding:5px 10px;width:100px;font-size:13px;white-space: nowrap;color:#333;t}
.border_box .border_box_table_insert table tbody tr td{border:0;height:50px;font-size:13px;padding:5px 10px;box-sizing:border-box;color:#666;}
.border_box .border_box_table_insert table tbody tr td a{color:#000;text-decoration:none;}
.border_box .border_box_table_insert table tbody tr td textarea {width:100%;height:100px;padding: 3px 4px;margin: 0 4px 0 0;vertical-align: top;border: 1px solid #A6A6A6;border-right-color: #D8D8D8;border-bottom-color: #D8D8D8;box-sizing:border-box;}
.border_box .border_box_table_insert table tbody tr td ul {margin: 0;padding: 0;list-style: none;}
.border_box .border_box_table_insert table tbody tr td li {display: inline;}
.border_box .border_box_table_insert table tbody tr td li input {width: 13px;height: 13px;margin: 0 4px 0 0;vertical-align: middle;}
.border_box .border_box_table_insert table tbody tr td li label {margin: 0 15px 0 0;}
.border_box .border_box_table_insert table tbody tr td select{height:30px;}
.border_box .border_box_table_insert table tbody tr td input[type='text'],
.border_box .border_box_table_insert table tbody tr td input[type='password'],
.border_box .border_box_table_insert table tbody tr td input[type='email'],
.border_box .border_box_table_insert table tbody tr td input[type='url']{height:30px;border:1px solid #ccc;margin:0;padding:0 5px;max-width:100%;width:300px;box-sizing:border-box;}
.border_box .border_box_table_insert table tbody tr td .help_guide{margin-top:5px;font-size:12px;}


/* Search */
.border_box .border_box_search{border:1px solid #d6d6d6;width:350px;height:35px;}
.border_box .border_box_search:after{content:"";display:block;clear:both;}
.border_box .border_box_search select{float:left;width:100px;margin:0;padding:0;box-sizing:border-box;border:0;border-right:1px solid #d6d6d6;border-radius:0;height:35px;background-color:#fff;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0 20px 0 5px;white-space:nowrap;
background-image:url(../img/select_arrow.png);background-repeat:no-repeat;background-position:right 5px center;font-size:12px;color:#000;font-weight:400;}
.border_box .border_box_search input[type="text"]{float:left;margin:0;padding:0 10px;font-size:14px;font-weight:300;border:0;height:35px;box-sizing:border-box;width:calc(100% - 35px);}
.border_box .border_box_search button[type="submit"]{margin:0;padding:0;background-color:#f1f1f1;border:0;width:35px;height:35px;float:left;box-sizing:border-box;}

@media all and (max-width:700px){
	.border_box .border_box_top .left_area{float:none;}
	.border_box .border_box_top .right_area{float:none;margin-top:10px;text-align:right;}
	
	.border_box .border_box_search{width:auto;}
}


/* Pagination */
.border_box .border_box_pagination {text-align: center;line-height: normal;clear:both;}
.border_box .border_box_pagination a,
.border_box .border_box_pagination strong{position: relative;color: #767676;font-size:11px;vertical-align: top;display: inline-block;text-decoration: none;padding: 1px 8px;background-color:#fff;border:1px solid #ccc;line-height:30px;min-width:30px;box-sizing:border-box;border-radius:2px;z-index: 2;}
.border_box .border_box_pagination a:hover,
.border_box .border_box_pagination a:active,
.border_box .border_box_pagination a:focus {background-color: #f8f8f8;}
.border_box .border_box_pagination strong {color: #4e00f8;font-size: 13px;}
.border_box .border_box_pagination .direction {font-weight: normal;color: #767676;text-decoration: none !important;border: 0;z-index: 1;border-radius:2px;line-height:30px;border:1px solid #ccc;}
.border_box .border_box_pagination .direction:hover,
.border_box .border_box_pagination .direction:active,
.border_box .border_box_pagination .direction:focus {color: #333;background-color: #fff;}
.border_box .border_box_pagination .direction span {position: relative;display: inline-block;width: 0;height: 0;font-size: 0;line-height: 0;vertical-align: top;top: 4px;}
.border_box .border_box_pagination .prev span {border: 3px solid;border-top: solid #fff;border-bottom: solid #fff;border-left: 0;margin-right: 1px;*left: -4px;}
.border_box .border_box_pagination .next span {border: 3px solid;border-top: solid #fff;border-bottom: solid #fff;border-right: 0;margin-left: 1px;}


/* Button */
.border_box .btn {border:1px solid #aaa;background:#fff;height:35px !important;line-height:33px !important;box-sizing:border-box;font-size:13px;}
.border_box .btn:hover,
.border_box .btn:active,
.border_box .btn[disabled]{background:#fafafa;}
.border_box .btn_insert{background-color:#4e00f8;color:#fff;border:0;}
.border_box .btn_insert:hover,
.border_box .btn_insert:active,
.border_box .btn_insert[disabled]{background:#4307c6;}
.border_box .btn_result{height:25px;line-height:23px;border:1px solid #aaa;background:#fff;box-sizing:border-box;font-size:12px;padding:0 5px;display:inline-block;}



.x_page-header{display:none;}

@media all and (max-width:700px){

	#memberList thead th:nth-child(1){display:none !important;}
	#memberList thead th:nth-child(4){display:none !important;}
	#memberList thead th:nth-child(5){display:none !important;}
	#memberList thead th:nth-child(6){display:none !important;}
	
	#memberList tbody td:nth-child(1){display:none !important;}
	#memberList tbody td:nth-child(4){display:none !important;}
	#memberList tbody td:nth-child(5){display:none !important;}
	#memberList tbody td:nth-child(6){display:none !important;}
}

.admin_apply .x_nav.x_nav-tabs{display:none;}
.admin_apply .x_form-horizontal{display:none;}