@charset "utf-8";

 *{  margin:0; padding:0;  }li{  list-style-type:none;   }img{  border:0 none;   }body{ color:#000;   font-size:90%;  font-family: 'Ubuntu', sans-serif;  line-height:1.2; letter-spacing:-1px}a {   color:#000;   text-decoration:none;}

/*.line { width:200px; background: whitesmoke; margin-top:20px; height: 35px; }*/
.int_down { display: block; width:16px; height:16px; float:left; margin-right: 5px; padding-top:9px;}
.int_icon1 { display: block; height:17px; float:left; margin-right: 5px; padding-top:5px;}
.int_icon2 { display: inline-block; height: 16px; margin-right: 6px; background: #3f9ad2; border: 1px solid #2983ba; color: #e2eef6!important; font-size: 11px; border-radius: 2px; padding: 1px 3px 0 2px;}
.int_icon5 { display: inline-block; height: 16px; margin-right: 6px; background: #a7a7a7; border: 1px solid #969696; color: #f1f1f1!important; font-size: 11px; border-radius: 2px; padding: 1px 3px 0 2px; }

/* input tag */
/*input[type="text"],*/
input[type="password"],
input[type="file"],
select{height:28px;text-align:left;background:#fff;border:none;padding:0;color:#666}
input[type="file"]{width:100%;padding:0;line-height:normal;color:#666;}
textarea{background:#f9f9f9;border:1px solid #e8e7e4;padding:5px;width:99%;color:#666}
input[type="file"]{background:#fafafa;height:auto;padding:4px 0}

#wrap{ position:relative; left:0; width:100%; min-height:100%; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; z-index:5 }
#wrap.gnbOpen{left:230px}
.bg_tr_01 { background: #E8E9E9; /*color: #4D4E4E;*/ font-weight: bold; }
#loading_bg { background: #000;  width: 100%; height: 100%; z-index: 999; position: fixed; top: 0; left: 0; opacity: 0.4; }
#Ajax_Loading { z-index: 9999; color: #fff; position: fixed; top: 50%; left: 50%; background: #000; padding: 5px 10px 7px 10px; font-size: 18px; margin-left: -180px; border-radius: 5px; }

/* header */
#header_cover{position:absolute;left:0;top:0;width:100%;z-index:9999;}
#header{position:relative;margin:0 auto;height:40px;background:#262626;}

#header h1{position:absolute;left:0;top:0;width:200px;height:100%;}
#header h1 a{position:absolute;left:50%;top:50%;margin:-14px 0 0 -57px;}
#header .user_header{position:absolute;right:0;top:0;height:100%;width:260px;background:#505050;color:#fff}
#header .user_header p{padding-left:27px;line-height:40px;text-align:left;}
#header .user_header p > span{font-weight:bold;color:#f7f6ac; }
#header .user_header > .btn{position:absolute;right:20px;top:50%;margin-top:-15px;background:#2f2f2f;border:#2f2f2f;color:#c6c6c6;font-size:12px;}
#header .user_header > a img { margin-top:9px; margin-right:3px; }

/* gnb */
.gnb_cover{margin:0 260px 0 200px;}
.gnb_cover .gnb{}
.gnb_cover .gnb:after{content:"";display:block;clear:both}

.gnb_cover .gnb > li{float:left;width:16.6%;}
.gnb_cover .gnb > li:first-child{width:17%;}
.gnb_cover .gnb > li.on,
.gnb_cover .gnb > li:hover{background:#f8f9fa;}
.gnb_cover .gnb > li > a{display:block;line-height:40px;border-left:solid 1px #404040;font-size:15px;color:#909090;font-weight:bold;letter-spacing:0;}
.gnb_cover .gnb > li.on > a,
.gnb_cover .gnb > li:hover > a{color:#262626;}

.gnb_cover .gnb > li .depth02{position:absolute;left:0;top:40px;width:100%;display:none;border-bottom:solid 1px #d8d8d8;background:#f8f9fa;}
.gnb_cover .gnb > li.on .depth02{display:block;}
.gnb_cover .gnb > li .depth02 > li{float:left;background:url("/Images/Common/bg_bar.gif") no-repeat left 50%;}
.gnb_cover .gnb > li .depth02 > li:first-child{margin-left:45px;background:none}
.gnb_cover .gnb > li .depth02 > li > a{display:block;padding:0 25px;line-height:39px;font-size:14px;}
.gnb_cover .gnb > li .depth02 > li:first-child > a{padding-left:0}
.gnb_cover .gnb > li .depth02 > li.on > a,
.gnb_cover .gnb > li .depth02 > li:hover > a{font-weight:bold;color:#333}
.depth_more { font-size: 6px; margin-top: -1px; display: inline-block; }

.gnb_cover .gnb .depth03{position:absolute;left:0;top:39px;text-align:left;border:solid 1px #d8d8d8;border-top:none;background:#fff;border-top: none;display:none;}
.gnb_cover .gnb .depth03 > ul{display:inline-block;zoom:1;*display:inline;text-align:left;padding:10px 20px;}
.gnb_cover .gnb .depth03 > ul li{border-top:solid 1px #d8d8d8;position:relative;}
.gnb_cover .gnb .depth03 > ul li:first-child{border-top:none;}
.gnb_cover .gnb .depth03 > ul li a{display:block;line-height:35px;color:#888;letter-spacing:0;}
.gnb_cover .gnb .depth03 > ul > li.on > a,
.gnb_cover .gnb .depth03 > ul > li:hover > a{color:#1c78d6;}

.gnb_cover .gnb .depth04{position:absolute;left:0;top:0;padding:10px 20px;border:solid 1px #d8d8d8;background:#fff;display:none; width:120px;}
.gnb_cover .gnb .depth04 li a{font-size:12px;letter-spacing:0;}
.gnb_cover .gnb .depth04 li.on > a,
.gnb_cover .gnb .depth04 li:hover > a{color:#333;}

/* mobile_sitemap */
.header_wrap .m_sitemap{position:absolute;left:10px;top:7px;display:none;}
.header_wrap .m_sitemap a{display:block;}
.header_wrap .m_sitemap a > span{display:block;height:3px;width:22px;margin:5px 0;background:#fff;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
}	
#m_gnb{position:fixed;top:0;left:0;width:100%;height:100%;text-align:left;z-index:5000;display:none}
#m_gnb .gnb_wrap{
	position:absolute;
	top:0;
	left:-210px;
	width:210px;
	height:100%;
	background:#444;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	z-index:100;	
}
#m_gnb .gnb_wrap.open{left:0}
#m_gnb .gnb_wrap.default{left:-210px}
#m_gnb .gnb_bg{position:absolute;top:0;left:0;width:100%;height:100%}
#m_gnb .gnb_wrap .gnb_top{position:relative;height:40px;background:#000;text-align:left;}
#m_gnb .gnb_wrap .gnb_top a{display:inline-block;height:20px;border-right:solid 1px #1a1a1a;text-align:center;padding:10px 0;}
#m_gnb .gnb_wrap .gnb_top > ul{position:absolute;right:0;top:0;}
#m_gnb .gnb_wrap .gnb_top > ul li{float:left;text-align:center;}
#m_gnb .gnb_wrap .gnb_top > ul li a{display:block;padding:0 10px;height:40px;line-height:40px;border-right:none;border-left:solid 1px #1a1a1a;}
#m_gnb .gnb_wrap .gnb_top > ul li a img{padding-top:12px;}

#m_gnb .gnb_group{position:absolute;top:40px;left:0;right:0;bottom:0;width:auto;height:auto;overflow:hidden;}
#m_gnb .gnb_group .snb{display:none;}
#m_gnb .gnb_group .active .snb{display:block;}

#m_gnb .one_depth{border-bottom:1px solid #151515;}
#m_gnb .one_depth a{display:block;padding:0 10px;letter-spacing:0px;font-size:14px;color:#f9f9f9;line-height:39px;}	
#m_gnb .one_depth a.on, #m_gnb .one_depth a:hover{background:#1c78d6;color:#b3d8f6;font-weight:bold}

#m_gnb .snb li a{display:block;color:#b0afaf;font-size:11px;text-align:left;line-height:28px;background:#333;padding-left:10px;letter-spacing:0px;}
#m_gnb .snb > li > a{border-bottom:solid 1px #151515;font-size:12px;}
#m_gnb .snb > li > a.on{color:#b3d8f6;}
#m_gnb .snb > li > ul{border-bottom:solid 1px #151515}
#m_gnb .snb > li > ul > li > a{background:#222;color:#999;border-top:solid 1px #333}
#m_gnb .snb > li > ul > li:first-child > a{border-top:none;}
#m_gnb .snb > li > ul > li > a.on{color:#fff}
#m_gnb .snb > li > ul > li > ul > li{position:relative;}
#m_gnb .snb > li > ul > li > ul > li > a{background:#000;color:#999;padding-left:20px;}
#m_gnb .snb > li > ul > li > ul > li > a.on:after{position:absolute;left:0;top:0;height:100%;content:"";display:block;width:5px;background:#1c78d6;}
#m_gnb .snb > li > ul > li > ul > li > a.on{color:#fff;}
#m_gnb .snb > li > ul > li > ul > li:fist-child > a{border-top:none !important;}

/* contents */
#container{padding-top:80px;}
#contents{max-width:1600px;margin:0 auto;}

/* my DESK */
.desk_left { width:300px; vertical-align:top; float:left;}
.desk_left2 { min-height:1600px; border-right:1px solid #d8d8d8; border-bottom:1px solid #d8d8d8; }

.desk_space { width:1%; margin-left:300px; }
.desk_right { padding-left:300px; } 
.desk_right2 { width:99%; vertical-align:top; } 

.desk_cover { margin-top:0px; padding-left:100px; padding-right:100px; }
.desk_tw {margin-bottom:25px;}
.title_right { float:right }

/*임직원 검색*/
.only_mobile { padding-left: 10px; padding-right: 10px; }
.only_mobile .title_wrap h2 img { vertical-align: middle;}
.only_mobile .search_txt{float:left;padding-left:5px;}
.only_mobile .search_txt .i_wrap{float:left;height:28px;width:200px;}
.only_mobile .search_txt > a{border-radius:0 !important;border-left:none !important}
.only_mobile a.btn{height:28px;line-height:28px;padding:0 10px;}
.only_mobile .people_search_result { margin-top:70px; }
.only_mobile .people_search_result th { font-weight: bold; font-size: 13px;}
.only_mobile .people_search_result td { padding-left: 10px; font-size: 12px;}
.only_mobile .people_search_result td.peo_img { text-align: center;}
.only_mobile .people_search_result td.peo_img img{ width: 100px;}
.only_mobile .people_search_result .result_eng { letter-spacing: 0;}

/**/
.section_cover {margin-top:30px;}
.section_cover .right_cont{position:absolute;right:0;top:0;}
.section_cover .title_wrap{ width:100%; position:relative;height:34px;margin-bottom:15px; border-bottom:1px solid #d7d7d7; padding-bottom:1px; }
.section_cover .title_wrap h2{height:100%; float:left; font-size:18px;font-weight:bold;line-height:26px;color:#444; text-align: left; }
.section_cover .title_wrap h2 a { color:#444; }
.section_cover .title_wrap h2 img { width:18px; height:18px; margin-top:0px; margin-right:5px;}
.section_cover .title_wrap div { float:right; }
.section_cover .title_wrap div a {float:right; margin-left: 2px; }
.section_cover .title_wrap a.int_icon3 { display: block; height:17px; float:right; margin-right: 0; padding-top:5px; background:#a6a6a6; color: #fff; padding-bottom: 3px; padding-left:7px; padding-right:8px; border-radius: 3px; border:1px solid #8c8c8c; margin-top:1px;}
.section_cover .title_wrap div a.int_icon4 {padding-top:2px; padding-bottom: 2px; }
.section_cover .title_wrap div a.int_icon4 img { margin-top:5px; margin-right: 3px; }
.section_cover .desk_vacation {display: none;}

.people_sec {float:left; text-align:left; margin-left:20px; margin-top:6px;}
.people_sec > strong { display:block; font-size:13px; font-weight:bold; color:#555; margin-bottom:15px;}
.people_sec .people_va1 { display:block; color:#878787; font-size:12px; margin-bottom:8px;}
.people_sec .people_va1 span { letter-spacing:normal; color:#333;}
.people_sec .people_va2 { display:block; color:#878787; font-size:12px; margin-bottom:8px; }
.people_sec .people_va3 { display:block; color:#878787; font-size:12px; }

.people_tree_btn { width:100%; height:44px; border-bottom:1px solid #d8d8d8; }
.people_tree_btn a:first-child {margin-left:0px; }
.people_tree_btn a { display:inline-block; border:1px solid #d8d8d8; padding:8px 10px; border-radius:3px; margin-top:6px;}

/* 휴가페이지 */
.holiday_menu{ width:250px; vertical-align:top;position:absolute;top:80px;left:0; }
.holiday_menu .holiday_list { min-height:1200px; border-right:1px solid #d8d8d8; }
.holiday_con { padding-left:260px; }
.holiday_title { width: 100%;position: relative;height: 34px;padding-bottom:1px; }
.holiday_title h2 { height: 100%;float: left;font-size: 18px;font-weight: bold;line-height: 26px;color: #444;text-align: left; }
.holiday_check tr th:nth-child(1), .holiday_check tr td:nth-child(1) { width:150px;}

#tdTitle{ font-size: 14.6px; font-weight: bold; color: #222;}

table {width: 100%;  border-collapse: collapse; overflow: auto;}
.table_info {display: none;}
.fix_tbody{ position: relative; overflow: auto; overflow-x: hidden; width:100%; max-height:337px; border-bottom:solid 1px #878787; margin-bottom:34px; }  
.space { padding-right: 17px;}
.fix_thead tr th:nth-child(1), .fix_tbody tr td:nth-child(1){width:100px;}
.fix_thead tr th:nth-child(2), .fix_tbody tr td:nth-child(2){width:auto;}
.fix_thead tr th:nth-child(3), .fix_tbody tr td:nth-child(3){width:120px;}
.fix_thead tr th:nth-child(4), .fix_tbody tr td:nth-child(4){width:100px;}
.fix_thead tr th:nth-child(5), .fix_tbody tr td:nth-child(5){width:100px;}
.fix_thead tr th:nth-child(6), .fix_tbody tr td:nth-child(6){width:100px;}
.notice_more { display: none;}

.button_f4 { width:100%; height:50px; margin-top:34px; margin-bottom:60px; }
.button_f4 a { display: inline-block; padding:13px 0; background:#f8f9fa; border:1px solid #d7d7d7; border-radius: 5px; color:#555; font-size: 13.3px; font-weight: bold; margin-left:3px; width:168px}
.button_f4 a img { margin-right:5px; margin-top: -1px;}
button { border-radius: 1px; padding: 4px 5px; border: 1px solid #ced2d7; background-color: #ddd;}
.nocheck_file a{ color: #d81c1c; font-weight: bold; }

/* 댓글 STYLE */
.reply1 { width:100%; padding:5px; background:#fbfbfb; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border:1px solid #c1c1c1; position:relative; padding-right:47px; }
.reply1 textarea { width:100%; height:44px; border:1px solid #efefef;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color:#a8a2a2; padding:5px; font-size:12px; vertical-align:center; background:#fff; }
.reply1 .reply1_btn { position:absolute; top:0; right:0; border-left:1px solid #c1c1c1; height:100%; padding:10px; padding-top:20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color:#878787; font-weight:bold; background:#ddd; }
.reply2 { width:100%; padding:15px 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-bottom:1px dotted gray; position:relative; padding-right:125px; padding-left:110px; }
.reply2 .reply2_btn { position:absolute; top:50%; margin-top:-10px; padding: 3px 12px; }
.reply_peo { text-align:left; width:85px; height:40px; position:absolute; top:50%; left:10px; margin-top:-20px; }
.reply_peo img { width:30px; height:40px; background:lightgray; border:0 none; float:left; }
.reply_peo span { display: block; height: 30px; width: 45px; padding-top: 10px; padding-left:7px; color: #3f9ad2; font-size: 12px; float: right; text-align:left;}
.reply_date { color:#b2b2b2; font-size:12px; display:block; text-align:left; letter-spacing:normal; margin-bottom:5px; }
.reply_text { color:#666; font-size:12px; display:block; text-align:left; line-height:15px; }
.reply3 { width:100%; padding:15px 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-bottom:1px dotted gray; position:relative; padding-left:110px; }
.reply3 .reply3_box { width:100%; padding:5px; background:#fbfbfb; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border:1px solid #c1c1c1; position:relative; padding-right:89px;  }
.reply3 textarea { width:100%; height:44px; border:1px solid #efefef;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color:#666; padding:5px; font-size:12px; vertical-align:center; background:#fff;}
.reply3 .reply3_box a { position:absolute; top:0; border-left:1px solid #c1c1c1; height:100%; padding:10px; padding-top:20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color:#878787; font-weight:bold; background:#ddd; }
.reply4 { width:100%; padding:15px 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-bottom:1px dotted gray; position:relative; padding-right:125px;  padding-left:110px; }
.reply_view span{ display: table-cell;}
.reply_view span:last-child { color:#3f9ad2; padding-left:5px }
/* firefox reply */
@-moz-document url-prefix() {
.reply1 { padding-right:50px; }
.reply3 .reply3_box { padding-right:95px;  }
#reply3_btn1 { padding-right:13px;}
}
/* safari reply */
#reply3_btn1:not(:root:root) { 
    right:40px !important;
} 

/* calendar style */
.tbDuty { border-top:1px solid #ddd;}
.tbDuty tr th{ background: #fbfbfb; height: 20px; font-size: 12px; color:#666; border-bottom:1px solid #ddd; border-right:1px solid #ddd; }
.tbDuty tr th:first-child {  border-left:1px solid #ddd;}
.tbDuty tr td {border-bottom:1px solid #ddd; border-right:1px solid #ddd; position: relative; vertical-align: top; padding-bottom: 10px;}
.tbDuty tr td:first-child {  border-left:1px solid #ddd;}
.tbDuty tr td > span { display: block; }
.tbDuty tr td .day_block { display: block; width: 100%; height:40px;}
/*날짜별 컬러*/
.tbDuty tr td .day_block .day { position: absolute; top:10px; left:10px; font-weight: bold;}
.tbDuty tr td .day_block .sat { color:#1c78d6;}
.tbDuty tr td .day_block .sun { color:#d10202;}
.tbDuty tr td .day_block .gray{color:#ccc; font-weight: normal;}
/*야근국장, 야근 명단*/
.tbDuty tr td .fff { display: block; width:115px; height: 20px; margin:0 auto;}
.tbDuty tr td .fff span:first-child { width:55px; display: block; text-align: right; margin-right: 3px;}
.tbDuty tr td .fff span { float:left}
.tbDuty tr td .fff .name { font-weight: bold}
.tbDuty tr td .fff .eee { color:#d81c1c;  font-weight: bold}
/*오늘 날짜 백그라운드*/
.tbDuty tr td.select { position:relative;}
.tbDuty tr td.select:before {
z-index:-1;
position:absolute;
top:0;
display:block;
width:100%;
height:100%;
background:#fcf8e3;
content:"";}
/*선택, 읽기, 수정, 작성 등 버튼*/
.tbDuty tr td .button_wrap { text-align: center;}
.tbDuty tr td .button:link, .button:visited { display: inline-block; width:40px; height: 20px; text-align: center; background:#ededed; border:1px solid #bababa; font-size: 13px; padding-top:3px; }
.tbDuty tr td .button:hover, .button:focus {  background:#3f9ad2; color:#fff}
/*ok아이콘*/
.tbDuty tr td .day_block .ok { position: absolute; top:10px; right:10px; }
.tbDuty tr td .day_block .int_icon3 { display: block; height:18px; float:left; background: #3f9ad2; color:#fff; font-size: 12px; border-radius: 5px; padding:3px 5px 0 3px; font-weight: bold; }


.list_info{margin-bottom:5px;text-align:left;}
.list_search{position:relative;margin-bottom:10px;text-align:left;}
.list_search:after{content:"";display:block;clear:both;}
.list_search .i_select{float:left;height:28px;width:85px;}
.list_search .search_txt{float:left;padding-left:5px;}
.list_search .search_txt .i_wrap{float:left;height:28px;width:200px;}
.list_search .search_txt > a{border-radius:0 !important;border-left:none !important}
.list_search a.btn{height:28px;line-height:28px;padding:0 10px;}

.notice_wrap{}
.notice_wrap p{margin-top:5px;font-size:12px;}

/* table */
table{width:100%;}
table a,
table img,
table span,
table label,
table input{vertical-align:middle}
table th{background:#fbfbfb;color:#444;font-weight:normal;}
table td{color:#666;}
table .tl{text-align:left !important;}
table .tr{text-align:right !important;}
table .tc{text-align:center !important;}
table a{color:#0086bd;}
table a.btn{text-decoration:none !important}

table.board td { padding: 8px 5px; text-align: left; vertical-align: middle; border-bottom: solid 1px #e0e0e0; }

table.i_table_01{}
table.i_table_01 {border-top:solid 2px #878787;border-bottom:solid 1px #878787;}
table.i_table_01 td,table.i_table_01 th{text-align:left;vertical-align:middle;border-top:1px solid #e0e0e0;}
table.i_table_01 tr:first-child td,
table.i_table_01 tr:first-child th{border-top:none;}
table.i_table_01 td{height:24px;color:#888;padding:8px 5px;line-height:20px;}
table.i_table_01 th{height:24px;color:#555;background:#fbfbfb;padding:8px 20px;}
table.i_table_01 .char{margin:0 5px}
table.i_table_01 .br{border-right:1px solid #e0e0e0}

table.c_table_01{}
table.c_table_01 tr:hover{background:#f5f5f5;}
table.c_table_01 tr.on{background:#e5e5e5;}
table.c_table_01 td,
table.c_table_01 th{text-align:center;vertical-align:middle;border:solid 1px #e0e0e0;}
table.c_table_01 td{padding:8px 5px;}
table.c_table_01 th{padding:10px 5px;border-bottom:solid 1px #878787;}
table.c_table_01 tr:first-child th{border-top:solid 2px #878787;}
table.c_table_01 tbody th{border-top:none;border-bottom:solid 1px #e0e0e0;}
table.i_table_01 td img {
    max-width: 690px
}
/*colwidth*/
.i_title_width{width:120px;}

/* paging */
.paging{margin-top:30px;text-align:center}
.paging img{vertical-align:top}
.paging ol{display:inline-block;zoom:1;*display:inline}
.paging ol li{display:inline}
.paging ol li span,
.paging ol li a{display:block;float:left;font-size:14px;text-align:center;width:33px;height:33px;line-height:33px;color:#999;border:solid 1px #e3e3e3;margin-left:-1px}
.paging ol li.first a{background:none}
.paging ol li.current span{color:#fff;background:#1c78d6}
.paging ol li.prev_e a,.paging ol li.next_e a{width:55px;font-size:13px}
.paging ol li.prev a,.paging ol li.next a{width:40px;font-size:13px}

/*input_text*/
.i_wrap{position:relative;height:22px;padding:0 5px;border:solid 1px #ccc;background:#fff;max-width:500px;}
.i_wrap.num input{letter-spacing:0;}
.i_wrap input[type="text"],
.i_wrap input[type="file"],
.i_wrap input[type="password"]{position:relative;left:auto;top:auto;height:100%;width:100%;line-height:22px;padding:0;border:none;padding:none;background:none;}

.i_wrap2{position:relative;height:22px;padding:0 5px;background:#fff;max-width:500px;}
.i_wrap2.num input{letter-spacing:0;}
.i_wrap2 input[type="text"],
.i_wrap2 input[type="file"],
.i_wrap2 input[type="password"]{position:relative;left:auto;top:auto;height:100%;width:100%;line-height:22px;padding:0;border:none;padding:none;background:none;}

/*select*/
.i_select{position:relative;height:22px;border:solid 1px #ccc;background:#fff;width:100%;}
.i_select select{position:relative;left:auto;top:auto;height:100%;width:100%;border:none;line-height:22px;}

.i_select2{position:relative;height:22px;background:#fff;width:100%;}
.i_select2 select{position:relative;left:auto;top:auto;height:100%;width:100%;border:none;line-height:22px;}

/* btn */
.bottom_btn{position:relative;text-align:right;margin-top:20px;}
.bottom_btn .left_cont{position:absolute;left:0;top:0;}

a.btn{display:inline-block;zoom:1;*display:inline;text-align:center;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
}
a.btn img{vertical-align:top !important}

a.type01{display:inline-block;zoom:1;*display:inline;height:22px;line-height:22px;padding:0 10px;font-size:12px;}
a.type02{display:inline-block;zoom:1;*display:inline;height:28px;line-height:28px;padding:0 10px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}
a.type03{display:inline-block;zoom:1;*display:inline;height:20px;line-height:20px;padding:0 10px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
}

a.btn.white{border:solid 1px #d7d7d7;background:#fff;color:#888 !important;}
a.btn.blue{border:solid 1px #2983ba;background:#3f9ad2;color:#fff !important;}
a.btn.gray{border:solid 1px #d7d7d7;background:#fafafa;color:#666 !important;}
a.btn.orange{border:solid 1px #e89200;background:#ffa101;color:#fff !important;}

/*box*/
#box {position: relative;}
#box div {width: 14px;height: 22px;position: absolute;top: -7px;right: 5px;}
#box div a {display: block;width: 14px;height: 10px;}
#box div a:first-child {margin-bottom: 2px;}
/*category*/
.category_tab {position: relative;margin-bottom: 2px;}
.category_tab:after {content: "";display: block;clear: both;}
.category_tab li {width:270px;height: 35px;float: left;}
.category_tab > li > a {display: block;width:270px;height: 35px;background-color: #fff;color: #333;text-align: center;line-height: 40px;text-decoration: none;border-radius: 5px 5px 0 0;border: 1px solid #d7d7d7;}
.category_tab > li > a.selected {background-color: #878787;color: #fff;border: 1px solid #878787;}
/* color */


/*  */
.t_layout_b{display:block;}
.t_layout_bl{display:inline-block;} 
.t_layout_l{display:inline;}
.t_layout_tc{display:table-cell;}
.t_layout_tl{display:table-column;}

/*  */
.m_layout_b{display:block;}
.m_layout_bl{display:inline-block;} 
.m_layout_l{display:inline;}
.m_layout_tc{display:table-cell;}
.m_layout_tl{display:table-column;}

/*  */
.m_con_b{display:none}
.m_con_bl{display:none} 
.m_con_l{display:none}

body.popbody { min-width: 100%; }
tbody.dang_pop_1 tr th { width: 91px; }
tbody.dang_pop_2 tr th { width: 91px; }
tbody.dang_pop_4 tr th { width: 81px; }
.day_block2 { font-size:20px;}

/* 팝업 */
.vc_pop_1, .vc_pop_2 { width:100%; border-right: 1px solid #e0e0e0;}

/*board*/
.write_plugin { display: none;}
.int_writer { width:120px;}
.write_option p:first-child { width:150px;}
.write_option p:nth-child(2) select{ margin-right:5px; width:150px;}

/* desktop 1600 */
@media screen and (max-width:1600px){	
	#contents{margin:0 10px;}
}


/* desktop 1024 */
@media screen and (max-width:1024px){	
	.t_layout_b{display:none !important}
	.t_layout_bl{display:none !important} 
	.t_layout_l{display:none !important}
	.t_layout_tc{display:none !important}
	.t_layout_tl{display:none !important}
	
	

}

/* mobie 1023 */
@media screen and (max-width:1023px){			
	#header .user_header{width:175px;}
	#header .user_header p{display:none;}
	#header .user_header > .btn{position:static;margin:5px 0 0;}
	.gnb_cover{margin:0 80px 0 200px;}
	.gnb_cover .gnb > li > a{font-size:14px;}	
	.gnb_cover .gnb > li .depth02 > li > a{display:block;padding:0 10px;line-height:32px;font-size:13px;}
	.gnb_cover .gnb .depth03{position:absolute;left:0;top:32px;text-align:left;border:solid 1px #d8d8d8;background:#fff;display:none;}

	#container{padding-top:75px;}

}
	


/* mobie 800 */
@media screen and (max-width:800px){	

}

/* mobie 768 */
@media screen and (max-width:768px){
	#header .user_header{display:none;}
	#header h1{position:static;width:auto;}	
	
	.header_wrap .m_sitemap{display:block;}	
	.gnb_cover{display:none;}

	#container{padding-top:40px;}

	/*colwidth*/
	.i_title_width{width:90px;}
    
    /* my DESK */
    .desk_left { display: none;}
    .desk_space { display: none;}
    .desk_right { padding-left:0; padding-left: 10px; padding-right:10px;}
    .desk_right table { /*width:90%;*/ }
    .desk_right2 { width:100%; vertical-align:top; } 
    .desk_cover { margin-top:0px; padding-left:0px; padding-right:0px; }
    .desk_tw {margin-bottom:25px;}
    .title_right { float:right; margin-top:7px; }
    .board_none, .button_f4, .tbDuty tr td .fff { display: none;}
    
    .tbDuty tr td { padding-bottom: 25px;}
    .tbDuty tr td .day_block { display: block; width: 100%; height:28px;}
    /*야근국장, 야근 명단*/
    .tbDuty tr td .ggg { width:auto; height: 15px; margin:0 auto;}
    .tbDuty tr td .ggg span:first-child { width:auto; display: block; text-align: center; margin-right:0;}
    .tbDuty tr td .ggg span { float:none; width:auto; display: block; text-align: center; font-size: 11px;}
    .tbDuty tr td .ggg { display: block;}
    .section_cover .desk_vacation {display: block;}
    
    /* notice board */
    .title_wrap .btn_none { display: none;}
    .table_none { display: none;}
    .write_plugin { display: block; width:98%; border:1px solid #ced2d7; }
    .write_option p:nth-child(2) select{ margin-right:5px; width:110px;}
    .mobile_block { display:block ; }
    .table_info {display: block; font-size:11px; display:block; letter-spacing:normal}
    .fix_tbody{ overflow: visible; width:100%; max-height:100%;  } 
    .fix_thead tr th:nth-child(1), .fix_tbody tr td:nth-child(1){width:35px;}
    .fix_thead tr th:nth-child(2), .fix_tbody tr td:nth-child(2){width:auto;}
    .fix_thead tr th:nth-child(4), .fix_tbody tr td:nth-child(4){width:60px;}
    .fix_thead tr th:nth-child(6), .fix_tbody tr td:nth-child(6){width:35px;}
    .fix_tbody tr td:nth-child(2) { white-space:nowrap; overflow:hidden; text-overflow: ellipsis; }
    .space { padding-right: 0;}
    .notice_more { display: block; margin-bottom:30px; margin-top:-10px}
    table.i_table_01 th { padding: 5px 5px; min-width:50px; text-align: center;}
    
    /* 댓글 STYLE */
    .reply2 { padding-right:20px; padding-left:100px; }
    .reply2 .reply2_btn { position:static; margin-top:10px; }
    .reply3 { padding-left:100px; }
    .reply4 {  padding-right:20px;  padding-left:100px; }
    
    .m_i_select { width:70px !important;}
    
    /* 휴가페이지 */
    .holiday_menu{ display:none; }
    .holiday_con { padding-left:10px; padding-right:10px;}
    .bottom_btn{text-align:center;}
    .holiday_write > tr > th { min-width: 60px;}
    .holiday_check tr th:nth-child(2), .holiday_check tr td:nth-child(2) { width:70px;}
    .holiday_check tr th:nth-child(3), .holiday_check tr td:nth-child(3) {}
    .holiday_check tr th:nth-child(5), .holiday_check tr td:nth-child(5) { width:100px;}
    .holiday_nocheck tr th:nth-child(1), .holiday_nocheck tr td:nth-child(1),
    .holiday_nocheck tr th:nth-child(5), .holiday_nocheck tr td:nth-child(5),
    .holiday_nocheck tr th:nth-child(6), .holiday_nocheck tr td:nth-child(6),
    .holiday_nocheck tr th:nth-child(7), .holiday_nocheck tr td:nth-child(7){ display: none;}	
    .holiday_write input[type="text"] { height:23px;}
    .holiday_day > span {display: block;}
    .holiday_day > span:first-child { margin-bottom:7px;}
    
    /* 팝업 */
    .vc_pop_1 tr th:nth-child(1), .vc_pop_1 tr td:nth-child(1), 
    .vc_pop_2 tr th:nth-child(1), .vc_pop_2 tr td:nth-child(1), 
    .vc_pop_2 tr th:nth-child(4), .vc_pop_2 tr td:nth-child(4) { display: none;}
}

/* mobie 640 */
@media screen and (max-width:640px){	
	.m_layout_b{display:none !important}
	.m_layout_bl{display:none !important} 
	.m_layout_l{display:none !important}
	.m_layout_tc{display:none !important}
	.m_layout_tl{display:none !important}

	.m_con_b{display:block !important}
	.m_con_bl{display:inline-block !important} 
	.m_con_l{display:inline !important}	

	/* paging */
	.paging ol li{display:none}
	.paging ol li.current,
	.paging ol li.prev,
	.paging ol li.prev_e,
	.paging ol li.next,
	.paging ol li.next_e{display:inline}	
    
    .day_block2 { display: block; font-size:17px;}

}

/* mobie 540 */
@media screen and (max-width:540px){
    tbody.dang_pop_1 tr td p span { display: block;}
}

/* mobie 480 */
@media screen and (max-width:480px){
.list_search .search_txt .i_wrap { width: 150px; }
.list_search .search_txt .m_i_wrap { width:120px;}
	
}


/* mobie 360 */
@media screen and (max-width:360px){			
	
}