@charset "utf-8";

/*** 공통 ***/
body{min-width:1200px;}
.mobile{display: none;}
.fullscreen_bg{display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(38, 43, 49, 0.7); z-index: 99;}
.width_line{margin-top: 20px; display: block; width: 100%; height: 1px; border-top: 1px solid #c7c7c7;}
/*좌측 메뉴*/
.left_menu{position: fixed; top: 0; left: 0; width: 290px; height: 100%; box-sizing: border-box; z-index:100;}
/*좌측 메뉴(메인)*/
.left_main{float: left; width: 70px; background:#3d464b; height: 100%; box-sizing: border-box;}
.left_main .menu{font-size: 12px; font-weight: bold; text-align: center;}
.left_main .menu li a{display: block; padding: 5px 0 10px 0;}
.left_main .menu li.on{background: #566167;}
.left_main .menu li:hover{background: #566167;}
.left_main .menu li span{display: inline-block;}
.left_main .menu a{color:#fff;}
.left_main .menu img{width: 48px;}
/*좌측 메뉴(서브-로고영역)*/
.left_sub h1{padding: 15px 15px; border-bottom:1px solid #232627; position: relative;}
.left_sub .logo img{width: 140px;}
.left_sub .btn_close{position: absolute; top:16px; right: 13px; display: none;}
.left_sub .btn_close img{width: 20px;}
.left_sub .top_info{padding: 10px 15px; border-bottom:1px solid #232627; font-size:12px; color: #fff;}
.left_sub .top_info a{font-size:12px; color: #fff;}
.left_sub .top_info .id{margin-right: 7px;}
.left_sub .top_info .id a{color: #83dcff;}
.left_sub .top_info .login{margin-top: 5px;}
.left_sub .top_info .login a{display: inline-block; font-size: 12px; background: #566167; padding: 1px 5px 3px 5px; border-radius: 4px;}
.left_sub .top_info .login a:hover{text-decoration: none;}
/*좌측 메뉴(서브-기사작성)*/
.left_btn{font-size:15px; font-weight: bold; padding: 15px 15px;}
.left_btn li{background: #566167; border-radius: 4px; padding: 8px; text-align: center; cursor: pointer;}
.left_btn li span{margin-left: 5px;}
.left_btn img{width: 26px;}
.left_btn a{color: #fff;}
.left_btn a:hover{text-decoration: none;}
/*좌측 메뉴(서브)*/
.left_sub{float: left; width: 220px; background:#353b3e; height: 100%; border-right: 1px solid #232627; box-sizing: border-box;}
.left_sub .menu h2{width:calc(100% - 30px); padding:15px; border-bottom:1px solid #232627; font-size:16px; color: #fff;}
.left_sub .menu{font-size:13px; line-height:30px;}
.left_sub .menu li{padding: 0 15px;}
.left_sub .menu li:hover{background: #232627;}
.left_sub .menu li.on{background: #232627;}
.left_sub .menu li.head{font-weight: bold; background: #566167; color: #fff;}
.left_sub .menu li.line{border-top: 1px solid #232627;}
.left_sub .menu a{width: 100%; color:#fff; display: inline-block;}
.left_sub .menu a:hover{text-decoration: none;}
.left_sub .menu h3{cursor:pointer;}
/*좌측 메뉴(사이드)*/
.left_side{position: fixed; width: 200px; background:#232627; height: 100%;box-sizing: border-box; top: 0; z-index:100;}
.left_side .menu{font-size:13px; line-height:30px;}
.left_side .menu li{padding: 0 15px;}
.left_side .menu li:hover{background: #566167;}
.left_side .menu li.on{background: #566167;}
.left_side .menu a{width: 100%; color:#fff; display: inline-block;}
.left_side .menu a:hover{text-decoration: none;}
.left_side .menu h3{cursor:pointer;}
.left_side .btn_close{position: absolute; top:8px; right: 8px; display: none;}
.left_side .btn_close img{width: 15px;}
/*콘텐츠*/
.content{float:left; margin-left: 290px; padding: 0 0 50px 0; width:calc(100% - 290px); box-sizing:border-box;}
.content .content_title{border-bottom: 1px solid #c7c7c7; padding: 15px 20px;}
.content .content_title h3{font-size:16px; font-weight: bold;}
.content .comment{margin-top:3px; font-size:13px; color:#aaa;}
.content .file_comment{font-size:13px; color:#aaa; margin-left:10px;}
.content h4{font-size: 15px;}
/*테이블(공통)*/
.table{width: 100%; margin-top: 20px; box-sizing: border-box;}
.table li{display: table; font-size:13px; text-align:left; width: 100%; box-sizing: border-box; color: #727d89;}
.table li span{display: table-cell; vertical-align: middle;}
.text_box{margin-bottom: 20px; padding: 15px; border:1px solid #efefef; box-sizing: border-box; font-size:13px; color:#727d89;}
.text_box .input_textarea{height: 200px; padding: 0; border: none;}
.text_box_info{margin-bottom: 20px; border:1px solid #efefef; box-sizing: border-box; font-size:13px; color:#353b3e; line-height: 1.6em;}
.text_box_info li.head{padding: 5px 10px; font-weight: bold; background: #f7f7f7; color: #000;}
.text_box_info li{padding: 10px;}
.text_box_info .input_textarea{font-size:13px;}
.text_box_info .input_textarea.high_cell{height: 400px;}
/*테이블 - write*/
.table_write{padding:0 20px;}
.table_write li{text-align:left;}
.table_write li span{border-bottom:1px solid #efefef; color:#727d89; padding: 12px 0;}
.table_write li span.title{width: 80px; padding-right: 20px; color: #000; font-weight: bold; box-sizing: border-box; border-bottom: none;}
.table_write li:last-child span{border-bottom: none;}
.table_write li span.profile_img{width: 120px; padding-right: 20px;}
.table_write li span.thumbnail_img{width: 197px; padding-right: 20px;}
.profile_img img{width: 100%;}
/*테이블 - list*/
.table_list .table li{text-align:center; border-bottom:1px solid #efefef; padding: 10px 0; color:#353b3e; /*min-height: 50px;*/ cursor: pointer;}
.table_list .table li:hover{background: #f7f7f7;}
.table_list .table li.on{background: #f7f7f7; font-weight: bold;}
.table_list .table li:first-child{border-top:1px solid #c7c7c7;}
.table_list .table li.head{ font-weight: bold; background: #f7f7f7; color: #000; min-height: auto;}
.table_list .table li.notice_cell{background: #f4fbfd;}
.table_list .table li.notice_cell span:first-child{font-weight: bold; color: #439ac5;}
.table_list .table li.notice_cell .wide_cell{font-weight: bold; color: #439ac5;}
.table_list .table li span{width: 110px;}
.table_list .table li span.middle_cell{width: 150px;}
.table_list .table li span.wide_cell{width: auto; font-weight: bold; color: #005580;}
.table_list .table li span.wide_cell a{color: #005580;}
.table_list .table li span.wide_cell a:hover{text-decoration: none;}
.table_list .table li.head span.wide_cell{color: #000;}
.table_list .table li span.align_left{text-align: left; padding: 0 20px;}
.table_list .table li span.align_right{text-align: right; padding: 0 20px;}
/*테이블 - grid(그리드 형태)*/
.table_list.grid .table li{padding: 0;}
.table_list.grid .table li span{padding: 10px 0; border-left:1px solid #efefef; box-sizing: border-box;}
.table_list.grid .table li span.align_left{text-align: left; padding: 0 20px;}
.table_list.grid .table li span.align_right{text-align: right; padding: 0 20px;}

/*테이블 - special*/
.table_special{padding: 0 20px;}
.table_special .special_search{margin: 5px 0 15px 0; font-size: 13px; color: #727d89;}
.table_special .newslist_box{display: block; margin-top: 10px; width: 100%; min-height: 200px; border: 1px solid #efefef; box-sizing: border-box; font-size: 13px; color: #727d89;}
.table_special .newslist_box li{padding: 5px 10px; cursor: pointer;}
.table_special .newslist_box li.on{background: #f7f7f7; font-weight: bold;}
.table_special h5{margin-top: 15px; font-size: 13px;}
.table_write li span.span_side{display: inline-block; border: none; padding: 0; margin-right: 10px;}
/*검색영역*/
.top_area{margin-top:20px; width: 100%; position: relative;}
.search_area{width: 455px; margin: 0 auto;}
.search_area .date_select{width: 100px; margin-right: 0; vertical-align: middle; height: 30px;}
.search_area .input_box{width: 300px; margin-left: -7px; vertical-align: middle;}
.top_area .btn_top{position: absolute; top: 0; right: 12px;}
/*버튼*/
.btn_set{text-align: center; margin-top: 10px;}
.btn_set_right{float: right; margin: 10px;}
.btn_set_left{float: left; margin: 10px;}
.btn{display:inline-block; padding:7px 14px 8px 14px; font-weight:bold; font-size:14px; cursor: pointer; vertical-align: middle;}
.middle_btn{display:inline-block; padding:5px 10px 6px 10px; font-weight:normal; font-size:13px; cursor: pointer; vertical-align: middle;}
.small_btn{display:inline-block; padding:3px 8px 4px 8px; font-weight:normal; font-size:12px; cursor: pointer; vertical-align: middle;}
.btn:hover, .middle_btn:hover, .small_btn:hover{text-decoration:none;}
.blue{background:#fff; border-radius:4px; border:1px solid #00a6e9; color:#00a6e9;}
.white{background:#fff; border-radius:4px; border:1px solid #c7c7c7; color:#727d89;}
.red{background:#fff; border-radius:4px; border:1px solid #e63636; color:#d80b0b;}
/*input*/
.input_text{width:400px; padding:5px 0; border-bottom:1px solid #c7c7c7; color:#727d89; font-size:14px; margin-right: 5px;}
.input_textarea{width: 100%; padding:5px 10px; border:1px solid #c7c7c7; color:#727d89; font-size:14px; height: 70px; box-sizing: border-box; resize: none; outline: none;}
.input_text.narrow{max-width:200px;}
.input_radio{margin-right:5px; vertical-align:middle;}
.input_radio_text{display:inline-block; margin-right:20px; color:#727d89;}
.date_select{width: 120px; height: 30px; padding-left: 5px; font-size:13px; border:1px solid #c7c7c7; color:#727d89; margin-right: 5px; vertical-align: middle;}
.date_select.last{margin-right:10px;}
.input_box{width:120px; height: 30px; padding:5px 5px 6px 5px; font-size:13px; border:1px solid #c7c7c7; color:#727d89; margin-right:2px; box-sizing: border-box; vertical-align: middle;}
.input_check{margin-right:5px; vertical-align:middle;}
.label{margin-right: 10px; font-size: 13px;}
.input_time{font-size:13px; color:#727d89; margin-left: 5px;}
/*하단알림창*/
.bottom_notice{width: 100%; min-height: 15px; position: fixed; bottom: 0; border-top: 1px solid #c7c7c7; background: #efefef; padding: 4px 10px 5px 10px; font-size: 12px; text-align: center; z-index: 10001;}
    
/*** 광고관리 ***/
/*광고목록*/
.ad_list_area {clear:right; margin-top:40px;}
.ad_list{margin-top:10px; border-top:2px solid #000; border-bottom:1px solid #000; font-size:14px;}
.ad_list li{border-bottom:1px solid #efefef; padding: 15px 0;}
.ad_list_row {cursor:pointer;}
.ad_list_row.on{background: #f1f1f1;}
.ad_list_row span.add_name{display: inline-block; width: 230px;}
.ad_list_row span.add_weight{display: inline-block; width: 70px; margin-left: 30px; color:#727d89;}
.ad_list_row span.add_date{margin-left: 20px; color:#727d89;}

/*페이지 영역*/
.paging{clear:both; padding-top:20px; text-align:center; }
.lst_pagenav{position:relative; overflow:hidden; display:inline-block; padding:0 30px; text-align:center; vertical-align:top;}
.lst_pagenav li{float:left; margin-left:5px;}
.lst_pagenav li:first-child{margin-left:0;}
.pagenav a{display:block; width:30px; height:30px; font-size:12px; font-weight:bold; line-height:30px; text-align:center; color:#000;}
.pagenav.on a{color:#00a7e9; border:1px solid #00a7e9;}
.pagenav a:hover{color:#00a7e9; text-decoration:none;}
.pagenav .pagenav_prev,.pagenav .pagenav_next{position:absolute; top:0; line-height:999px;}
.pagenav_prev{left:0;}
.pagenav_next{right:0;}
.pagenav .sp{position:absolute; width:7px; height:11px; top:10px; left:10px;}
.pagenav_prev .sp{background: url(../images/icon_page_left.gif) no-repeat;}
.pagenav_next .sp{background: url(../images/icon_page_right.gif) no-repeat;}
.pagenav_prev:hover .sp{background: url(../images/icon_page_left_on.gif) no-repeat;}
.pagenav_next:hover .sp{background: url(../images/icon_page_right_on.gif) no-repeat;}

/*** 시스템관리 ***/
.table_list .table{margin-top: 10px;}
.table_list .table.result{margin-top: 0; max-height: 300px; overflow: auto; border-bottom: 1px solid #c7c7c7;}
.table_list .table.result li:first-child{border-top: none;}
.system_search{width: 100%; margin-top: 20px; padding: 0 20px; box-sizing: border-box;}
.system_write .input_text{width: 320px;}
.system_write .input_text.add_btn{width: 200px;}
.system_write .input_text.narrow{width: 200px;}
.system_write .date_select{width: 200px;}
.system_list .result .wide_cell{text-align: left; padding: 0 20px;}
.system_list .table li.head{padding: 8px 0;}
.system_list .table li{min-height: auto; padding: 10px 0;}
.system_text{font-size: 14px;}

/*탭*/
.tab_area>ul{float: left; width: 100%; border-bottom: 1px solid #cacaca; box-sizing: border-box;}
.tab_area>ul>li{float: left; margin-right: 6px; padding: 5px 15px; border: 1px solid #cacaca; border-bottom: none; border-radius: 4px 4px 0 0;  background: #e8e8e8; color: #727d89; font-size: 13px; font-weight: bold; cursor:pointer;}
.tab_area>ul>li.btn_right{float: left; padding: 0;}
.tab_area>ul>li.on{background: #fff; margin-bottom: -1px; border-bottom: 1px solid #fff; color: #000;}
.tab_area .tab_content{clear: both; float: left; border: 1px solid #cacaca; border-top: none; padding: 14px; width: 100%; box-sizing: border-box;}
.tab_area .tab_content span.span_child{margin: 5px 0 0 0;}
.tab_area .tab_content{font-size: 13px; color: #353b3e;}
.tab_area .tab_content label:nth-child(2){margin:0 20px; min-width: 160px;}
.tab_area .tab_content label, .tab_area .tab_content textarea{font-size: 13px;}

/***** 웹최소화면 1400px *****/
@media (max-width:1400px){
}


/***** 모바일용 CSS *****/
@media (max-width:800px){
/*공통*/
body{min-width:100%;}    
.web{display: none;}
.table .web{display: none;}
.margin_top{margin-top: 10px;}
/*좌측 메뉴*/
.left_menu{top: 0; left: -290px;}
.left_sub .btn_close{display: block;}
.left_side{right: -200px;}
.left_side .btn_close{display: block;}
/*콘텐츠*/
.content{margin-left: 0; width: 100%;}
.content .content_title{position: relative; background: #353b3e; padding: 10px 15px 12px 15px;}
.content .content_title .btn_menu.mobile{display: block;}
.content .content_title .btn_menu{position: absolute; top: 10px; left: 10px;}
.content .content_title .btn_menu img{width:25px;}
.content .content_title .btn_sub_menu{position: absolute; top: 10px; right: 10px;}
.content .content_title .btn_sub_menu img{width:25px;}
.content h3{font-size: 17px;  color: #fff; text-align: center;}
.content h4{margin: 0 15px;}
/*테이블 - write*/
/*테이블 - list(mobile_wide)*/
.table_list.mobile_wide .table li{padding-left: 20px; padding-right: 20px; position: relative;}
.table_list.mobile_wide .table li:nth-child(2){border-top:1px solid #c7c7c7; }
.table_list.mobile_wide .table li span{float: left; font-size: 12px; text-align: left; width: auto; margin-right: 10px; color: #c5c5c5;}
.table_list.mobile_wide .table li span.wide_cell{width: 100%; box-sizing: border-box; font-size: 15px; font-weight: bold; color: #000; padding: 0; margin-right: 0; margin-bottom: 5px;}
/*테이블 - grid(mobile_wide)*/
.table_list.grid.mobile_wide .table li{padding: 10px 20px;}
.table_list.grid.mobile_wide .table li span{padding: 0; border-left:none;}
.table_list.grid .table li span.align_left{padding:0 0 0 10px;}
.table_list.grid .table li span.align_right{padding:0 10px 0 0;}
.table_list.grid.mobile_wide .table li span.align_left{padding:0;}
.table_list.grid.mobile_wide .table li span.align_right{padding:0;}
/*테이블 - special*/
.table_write li span.span_side{display: block; margin-top: 5px; margin-right: 0;}
/*검색영역*/
.top_area{margin-top:15px; padding: 0 12px; box-sizing: border-box;}
.search_area{width: 100%; margin: 0;}
.search_area .date_select{width: 100px; }
.search_area .input_box{width: calc(100% - 155px);}
.top_area .btn_top{top: -51px;}
.top_area .btn_top .middle_btn{ background: #353b3e; border: 1px solid #ffffff; color: #ffffff; padding:  3px 10px 5px 10px; font-size:13px; font-weight: normal;}
/*input*/
input, textarea{-webkit-appearance:none; -moz-appearance:none; -webkit-border-radius:0; -moz-border-radius:0; }
.input_text{width: 100%;}
.input_radio{-webkit-appearance:radio; -moz-appearance:radio; -webkit-border-radius:8px;}
.input_radio_text{-webkit-appearance:radio; -moz-appearance:radio; -webkit-border-radius:8px;}
.input_check{-webkit-appearance:checkbox; -moz-appearance:checkbox;}
/*** 시스템관리 ***/   
.table_list .table.result{margin-top: 10px; }
.system_write .input_text{width: 100%;}
.system_write .input_text.add_btn{width:calc(100% - 124px);}
.system_write .input_text.narrow{width: 100%; max-width: 100%;}
.system_write .date_select{width: 100%;}
.system_search .input_box{width: 100px;}
.table_list.mobile_wide.system_list .table li:first-child{border-top:1px solid #c7c7c7;}
.table_list.mobile_wide.system_list .table li:nth-child(2){border-top:none; }
.system_list .delete{position: absolute; top: 18px; right: 15px;}
/*탭*/
.tab_area>ul{padding: 0 20px;}
.tab_area .tab_content{padding: 14px 0;}
}