@charset "utf-8";
html.mobile .web_only {display:none;}
html.web .mobile_only {display:none;}
body {  font-family: "OpenSans","NotoKrR";font-size:14px; }

#container {width:100%;}
#container2 {width:100%; display: flex; justify-content: center;}

#header { height:80px; width:100%; background-color: #3a3a3a;position:relative;}
.gnb {float:left; width:200px; padding-top: 20px;}
.contents{float:left;width:1580px; padding: 20px 0  50px 20px;}

.admin_logo{width:200px; text-align:center; line-height: 80px;}

.head{position: relative; width:1720px;}
.head .user_info{position:absolute;right:0; bottom:10px;font-size:14px; color:#fff;}
.head .user_info button {margin-left:10px; width:84px; height:26px;line-height:26px; background: #e71c39;color: #fff; font-weight:bold; text-align: center;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;}

.gnb_box{width:170px; margin:0 auto; border:1px solid #d9d9d9; background: #fff;}
.cont_box{ width:1500px;}

@media screen and ( max-width:1900px ){
#container{width:1500px;}
.contents{float:left;width:1280px; padding: 20px 0  50px 20px; }
.head{position: relative; width:1490px;}
.cont_box{ width:1270px; }
}

.gnb_box .gray_bar{background: #3a3a3a; height:40px; color:#fff;font-size:16px; line-height: 40px; text-indent: 20px;font-weight:bold; font-family: 'NanumSquare';}
.gnb_box .red_bar{background: #e21939; height:40px; color:#fff;font-size:16px; line-height: 40px; text-indent: 20px;font-weight:bold; font-family: 'NanumSquare';}
.gnb_box .menu {background: #3a3a3a; height:40px; color:#fff;font-size:16px; line-height: 40px; text-indent: 20px;font-weight:bold; font-family: 'NanumSquare';}
.gnb_box .menu.on {background: #e21939; height:40px; color:#fff;font-size:16px; line-height: 40px; text-indent: 20px;font-weight:bold; font-family: 'NanumSquare';}
.gnb_box .sub_menu {padding:10px 0;}
.gnb_box .sub_menu .on{color:#e21939;}
.gnb_box .sub_menu li{font-size:13px; line-height: 24px; text-indent:10px;font-weight:bold; font-family: 'NanumSquare'; letter-spacing:-1px;}
.gnb_box .sub_menu li a{color:#333;}
.gnb_box .sub_menu li a:hover{color:#e21939;}
.gnb_box .sub_menu li:Last-child {margin-bottom:15px; }


/*search박스*//*input은 table.css에~ */
.search{position:relative; width:100%; background: #f3f3f3; padding:17px 20px; border:1px solid #ddd;}

.search h2{float:left; display: inline; font-size:16px; line-height: 30px; }

.search > ul{ margin-left:15px;display:inline-flex; }
.search > li{ flex:1; display:inline-block; padding-right:3px; font-weight:bold;  font-size:14px; }
.search .search_r{line-height: 30px; position: absolute; right:30px; font-size:14px; font-weight: bold;}
.search li{padding-left: 10px;}
.search li input[type="text"]{width:160px;}
.search .search_r a{margin-right:10px;}
.search .s_h{display:flex; align-items: center; justify-content: space-between; line-height: 28px; font-weight:bold;  font-size:14px;padding-left:10px; }
.search .s_h_s{line-height: 28px;  font-size:12px; margin:0 3px;}

.search .se_g{display:flex;  width:100%; padding-top: 10px;margin-top: 10px;  }
.search .se_g .left{vertical-align: top; width:140px;padding-left: 26px; box-sizing: border-box;}
.search .se_g .center ul{display:flex; flex-wrap:wrap;}
.search .se_g .center ul li{min-width:80px; padding:0; margin-top: 5px;}
.search .se_g .right{display:flex; align-items: flex-end;}
.search .se_g .right .btn_bk{width:80px;margin: 0;}

/*탭*/
.btn_tab_txt {position: relative;}
.btn_tab_txt ul {overflow:hidden; margin-bottom: 2px; }
.btn_tab_txt ul li {float:left; width:200px; height:40px; border:1px solid #ccc;font-weight: bold;}
.btn_tab_txt ul li.on {background:#f58026; border:none;}
.btn_tab_txt ul li a {display:block; font-size:14px; color:#666; line-height:40px;text-align:center;}
.btn_tab_txt ul li.on a {color:#fff;}
.tab_contents{display:none; }
.tab_contents.on{display:block;}


/*iframe*/
.cont_box iframe{overflow-x:hidden; overflow:auto; width:100%; min-height:500px; }
.u_del{content: ""; display:inline-block; vertical-align: center; width:18px; height:18px;background-image: url(../../images/u_del.png); margin-left:5px;text-align: center; border-radius: 3px; background-color: #333; color:#fff;}


.sear_add_box:after{content: ""; display: block; clear:both;}
.table_l{float:left; width:93%;}
.table_r{float:right; width:7%;text-align: right;}

.priority {
    font-size: 12px;
    font-weight: 500;
    display: inline-block;
    width: 16px;
    height: 14px;
    text-align: center;
    line-height: 10px;
    color: #fff;
    background: #333;
    border-radius: 3px;
}


