@charset "UTF-8";
/*@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);*/

/* 
 * Nanum Gothic (Korean) http://www.google.com/webfonts/earlyaccess
 */
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 700;
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.eot);
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.woff2) format('woff2'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.woff) format('woff'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 400;
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.eot);
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.woff2) format('woff2'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.woff) format('woff'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 800;
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.eot);
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.woff2) format('woff2'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.woff) format('woff'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.ttf) format('truetype');
}

/************* common *****************************************************************************************/
html{min-height:100%; position:relative}
body{font-family:"Nanum Gothic", 'dotum'; font-size:12px; color:#666; padding-bottom:117px; min-height:100%;}
a, a:hover{color:#666; outline:none}
h2{color:#5f5e5e; font-size:15px; font-family:"Nanum Gothic"; font-weight:bold;}
h2 small{font-size:11px; color:#999;}
h3{color:#4c4c4c; font-size:18px; font-family:"Nanum Gothic"; font-weight:bold; margin:0; padding:0 0 16px 0}
h3.bd{border-bottom:1px solid #f3f3f3}
h3 small{font-size:12px}
input[type=text], textarea{border:1px solid #d8d8d8}
textarea{resize:none}
select{padding:3px 0}
#footer{text-align:center; width:100%; padding:40px 0; background:#5c5c6e; color:#bbbbbb; position:absolute; bottom:0; left:0}
.gray-bdbox{border:1px solid #e1e1e1; background:#f7f7f7; padding:22px}
.gray-bdtop-box{border:1px solid #e1e1e1; border-top:0 none; background:#ededed; padding:7px 0}
.gray-bdtop-box:after { content:''; display:block; clear:both; }
.bdbox{border:1px solid #e1e1e1; padding:15px; height:275px;}
.box_down {height:380px;}
.box03 {height:155px;}
.box03 .nav-tabs.main_tabs {margin-bottom:15px;}

/**/
.bdbox.pad_none {padding:0;}
.down_area {}
.bdbox.pad_none .bg_h3 {background:#5c5c6e; color:#fff; padding:15px;}
.bdbox.pad_none .down_area {margin:0; padding:0;}
.bdbox.pad_none .down_area ul {margin:0; padding:0;}
.bdbox.pad_none .down_area li {border-bottom:1px solid #f2f2f2; padding:0; margin:0; list-style-type:none; padding:5px 20px;}
.bdbox.pad_none .down_area li:nth-child(1) {background:url(/img/down_01.png) no-repeat 20px center; padding-left:55px;}
.bdbox.pad_none .down_area li:nth-child(2) {background:url(/img/down_02.png) no-repeat 20px center; padding-left:55px;}
.bdbox.pad_none .down_area li:nth-child(3) {background:url(/img/down_03.png) no-repeat 20px center; padding-left:55px;}
.bdbox.pad_none .down_area li:nth-child(4) {background:url(/img/down_04.png) no-repeat 20px center; padding-left:55px;}
.bdbox.pad_none .down_area li:nth-child(5) {background:url(/img/down_04.png) no-repeat 20px center; padding-left:55px;}
.bdbox.pad_none .down_area li:nth-child(6) {background:url(/img/down_05.png) no-repeat 20px center; padding-left:55px;}
.bdbox.pad_none .down_area li:last-child {border-bottom:none;}
.bdbox.pad_none .down_area li a {padding:11px 0 12px; display:inline-block; color:#4a4a4a; font-size:15px; font-weight:bold; width:100%; box-sizing:border-box; background:url(/img/arow_more.png) no-repeat 
right center;}
.bdbox.pad_none .down_area li a:hover {}
.bdbox.pad_none .down_area li a span {font-size:12px; color:#888; font-weight:normal;}
/**/

.gray-box{background:#f9f9f9}
.bd-top{border-top:1px solid #ebebeb;}
.bd-top-btm{border-top:1px solid #ebebeb; border-bottom:1px solid #ebebeb}
.bd-dot-top{border-top:1px dotted #adadad;}
.bd-btm{border-bottom:1px solid #ebebeb;}
.bd2-btm-vb{border-bottom:2px solid #5b66a7}
.bd2-btm-vb .m0{padding-bottom:10px;}
.m0{margin:0 !important}
.ml5{margin-left:5px}
.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mr10{margin-right:10px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb50{margin-bottom:50px;}
.mt50{margin-top:50px;}
.pt10{padding-top:10px;}
.pt32{padding-top:32px;}
.sub.container{padding-top:10px}
.img_frame{display:block; overflow:hidden; border:1px solid #ededed; box-sizing:border-box}
.img_frame img{position:relative; margin:0; width:100%;}

.backnone{background:none;}
.cur_menu > a{color:#36459c !important}



.full{width:100%}
.ofw{overflow:hidden;}
.clear{clear:both;}
.elli{overflow:hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word; }
.elli1{overflow:hidden; text-overflow: ellipsis; white-space:nowrap; }
.relative{position:relative}
.abs_top_right{position:absolute; top:10px; right:10px}
.abs_top_right img{margin:0 !important}
.abs_btm_right{position:absolute; bottom:0; right:0}

.carousel-indicators li{width:16px; height:16px; border:0 none; background:url(/img/btn_slide_off.png) no-repeat 0 0; border-radius:0; margin:0 2px}
.carousel-indicators .active{width:16px; height:16px; border:0 none; background:url(/img/btn_slide_on.png) no-repeat 0 0; border-radius:0; margin:0 2px}
.carousel-control.left, .carousel-control.right{background-image:none}
.carousel-indicators{bottom:4px}

.more{font-size:11px; color:#acacac; margin:8px 0 0 0; padding-right:15px; background:url(/img/icon_more.gif) no-repeat 100% 45%}
.location{background:url(/img/icon_location.gif) no-repeat 0 50%; padding-left:18px;}
.location a{font-size:11px; color:#636363}

.input-append.date .add-on i, .input-prepend.date .add-on i{width:18px; height:20px; background:url(/img/icon_calendar.gif) no-repeat 0 0; display:inline-block;}
.tit_violet{font-size:15px; font-weight:bold; color:#6e7dd1}

.table_wrap .table{table-layout:fixed}
.table_wrap .inner_table_img{margin-top:0; margin-bottom:0}
.table_wrap .table td{vertical-align:middle;}

.table_wrap .table.main_table{margin-bottom:0;}
.table_wrap .table.main_table th,
.table_wrap .table.table.main_table td {border:none; background:none; padding:0; text-align:left;}
.table_wrap .table.table.main_table td p {color:#606060; font-size:13px; margin-bottom:11px;}
.table_wrap .table.table.main_table td:nth-child(1) p {padding-left:14px; background:url(/img/blk_dot.gif) no-repeat left center;}
.table_wrap .table.table.main_table td:nth-child(2) p {color:#999; font-size:12px;}




/*폰트컬러*/
.f_dark_violetblue{color:#ff641b !important}
.f_violetblue{color:#3f4c98 !important}
.f_light_violetblue{color:#5c68b0 !important}
.f_lightgray{color:#a5a5a5 !important}

/*폰트사이즈*/
.f_11{font-size:11px}
.f_12{font-size:12px}
.f_13{font-size:13px}
.f_14{font-size:14px}
.f_15{font-size:15px}

/*타이틀*/
.cnt-tit-box{padding-bottom:20px; border-bottom:1px solid #ececec; margin-bottom:20px}

/*small 텍스트버튼*/
.btn_coll{margin-bottom:10px; overflow:hidden;}
.btn_coll .pull-right li{float:left; margin-left:10px}
.btn_coll .pull-left li{float:left; margin-right:10px}
.btn_coll a{display:inline-block;}
.btn_coll a:hover{text-decoration:none}




.btn_white_text{padding:2px 9px; background:#fff; color:#7e7e7e; border:1px solid #d8d8d8;}
.btn_white_text:hover{color:#7e7e7e;}
.btn_gray_text{padding:3px 10px; background:#b9b9b9; color:#fff; border:0 none}
.btn_gray_text:hover{color:#fff}
.btn_violet_text{padding:3px 10px; background:#8d98d0; color:#fff;  border:0 none}
.btn_violet_text:hover{color:#fff}
.btn_blue_bd_text{padding:2px 9px; background:#fff; color:#6670ad; border:1px solid #a1aadb}
.btn_blue_bd_text:hover{color:#6670ad;}
.btn_gray_bd_text_s{padding:2px 8px; background:#f6f7f8; color:#a5a5a5; border:1px solid #d8d8d8}
.btn_gray_bd_text_s:hover{text-decoration:none; color:#a5a5a5;}
.btn_gray_bd_text_xs{padding:2px 8px; background:#f6f7f8; color:#a5a5a5; border:1px solid #d8d8d8; font-size:11px}
.btn_gray_bd_text_xs:hover{text-decoration:none; color:#a5a5a5;}
.b_big{font-size:120%; padding:5px 20px;}


/*파일인풋 하이드용*/
.opa0{position: absolute; top:0; left:0; cursor: pointer; opacity: 0; filter: alpha(opacity=0);}


/*인풋 사이즈*/
.short22{width:25px !important}
.short{width:60px !important}
.short2{width:70px !important}
.short3{width:80px !important}
.mdl{width:255px}
.long{width:500px}
.long2{width:450px}
.long3{width:600px}


/*검색 필터*/
.search_filter{text-align:center; font-size:13px;}
.search_filter dl{overflow:hidden; margin:10px 0 0 0; display:inline-block}
.search_filter dl dt{float:left; margin-top:3px;}
.search_filter dl dd{float:left; margin-left:30px;}
.search_filter dl dd label{font-weight:normal; line-height:1.9em}
.search_filter .input-append.date{display:inline-block; margin-left:10px;}
.search_filter .input-append.date .add-on{display:inline-block; margin-top:2px;}
.search_filter .input-append.date span{vertical-align:middle}
.search_filter dl dd input, .search_filter dl dd label{vertical-align:top}
.search_filter dl dd input[type=radio]{margin-top:6px}
.search_filter dl dd input[type=checkbox]{margin-top:6px}
.search_filter dl dd input[type=text]{width:70px; height:20px; padding-left:3px; box-sizing:border-box; margin-top:2px; color:#999999; border:1px solid #bfbfbf; font-size:11px}
.search_filter .writer_textbox{display:inline-block; margin-left:10px}
.search_filter dl dd .writer_textbox input{width:233px}
.search_filter dl dd .writer_textbox button{width:53px; height:20px; padding:0; border:0 none; vertical-align:middle; margin:2px 0 0 0}

.search_filter2{text-align:left; font-size:13px;}
.search_filter2 dl{overflow:hidden; margin:10px 0 0 0; display:inline-block}
.search_filter2 dl dt{float:left; margin-top:3px;}
.search_filter2 dl dd{float:left; margin-left:30px;}
.search_filter2 dl dd label{font-weight:normal; line-height:1.9em}
.search_filter2 .input-append.date{display:inline-block; margin-left:10px;}
.search_filter2 .input-append.date .add-on{display:inline-block; margin-top:2px;}
.search_filter2 .input-append.date span{vertical-align:middle}
.search_filter2 dl dd input, .search_filter dl dd label{vertical-align:top}
.search_filter2 dl dd input[type=radio]{margin-top:6px}
.search_filter2 dl dd input[type=checkbox]{margin-top:6px}
.search_filter2 dl dd input[type=text]{width:70px; height:20px; padding-left:3px; box-sizing:border-box; margin-top:2px; color:#999999; border:1px solid #bfbfbf; font-size:11px}
.search_filter2 .writer_textbox{display:inline-block; margin-left:10px}
.search_filter2 dl dd .writer_textbox input{width:233px}
.search_filter2 dl dd .writer_textbox button{width:53px; height:20px; padding:0; border:0 none; vertical-align:middle; margin:2px 0 0 0}

/*테이블 common*/
.table_wrap .table .bold_td td p{margin:30px 0}

/*테이블 리스트*/
.table_wrap .table th, .table_wrap .table td{text-align:center; vertical-align:middle;}
.table_wrap .table td p{vertical-align:middle; /*css3*/
white-space: -pre-wrap; /*opera 4-6*/
white-space: -o-pre-wrap; /*opera7*/
word-wrap: break-word; /*IE5.5+ & FF 3.5+*/
word-break:break-all;  }
.table_wrap .table td p.print{white-space: pre-wrap;}

.table_wrap .table td p.text-left{text-align:left; vertical-align:middle;}
.table_wrap .table td p.text-right{text-align:right;}
.table_wrap .table tr:nth-child(1) th, .table_wrap .table tr:nth-child(1) td{background:#f7f7f7; border-top:2px solid #5b66a7; border-bottom:1px solid #d3d3d3; color:#5e5e5e}
.table_wrap .table td{border-bottom:1px solid #d3d3d3;}
.table_wrap .table th p, .table_wrap .table td p{margin:0 5px;}
.table_wrap.view_table .table th p, .table_wrap.view_table .table td p{margin:0 0 0 5px; padding:0 5px 0 0; text-align:left}
.table_wrap.view_table .table th p{border-right:1px solid #e6e6e6; text-indent:10px}
.table_wrap.view_table .table th{border-bottom:1px solid #d3d3d3;}
.table_wrap .table td p a{color:#606060; font-weight:600;}

.table_wrap .table tr.bbsNotice td p{font-weight:bold;}
.table_wrap .table tr.bbsNotice td p img.icon{margin:0;}
.table_wrap .table tr.bbsNotice td p a{font-weight:bold;}

/*테이블 뷰*/
.table_wrap .tit{display:inline-block; font-weight:bold; font-size:15px; margin-bottom:5px}
.table_wrap img{margin:20px auto}
.view_table .table+.container{padding-bottom:20px; border-bottom:1px solid #ebebeb; margin-bottom:25px}
.view_table .table+.container p{white-space: pre-wrap; /*css3*/
white-space: -pre-wrap; /*opera 4-6*/
white-space: -o-pre-wrap; /*opera7*/
word-wrap: break-word; /*IE5.5+ & FF 3.5+*/
word-break:break-all;  }


/*글쓰기*/
.write_table .table{margin-bottom:10px}
.write_table .table th, .write_table .table td{border-bottom:1px solid #ebebeb !important; background:#f7f7f7}
.write_table .table th:first-child p{padding-top:2px}
.write_table .table .noti_chk *{vertical-align:middle}
.write_table .table .noti_chk label{margin:0; line-height:29px;}
.write_table .table .noti_chk input[type=checkbox]{margin:0; margin-right:3px;}


/*폼테이블*/
.form-table .table th, .form-table .table td{border:1px solid #ebebeb}
.form-table .table tr:nth-child(1) th{border:1px solid #ebebeb; background:#f7f7fb}
.form-table .table tr th{background:#f7f7fb; padding:10px 5px;}
.form-table .table tr th.depth2{background:#f7f7fb;}
.form-table .table tr:nth-child(1) td{border:1px solid #ebebeb; background:#fff}
.form-table .table tr td{padding:15px 10px;}
.form-table .table tr td small{font-size:90%}

/*당직리포트 추가*/
.duty-table.form-table tr td{padding:8px 0}

/*폼테이블 - white*/
.form-table-white .table th, .form-table-white .table td{border:1px solid #ebebeb}
.form-table-white .table th h2{margin:20px 0; font-size:28px; color:#5f5e5e}
.form-table-white .table tr:nth-child(1) th{border:1px solid #ebebeb; background:#fff}
.form-table-white .table tr th{background:#fff; padding:10px 5px; font-size:15px; color:#828282}
.form-table-white .table tr:nth-child(1) td{border:1px solid #ebebeb; background:#fff}
.form-table-white .table tr td{padding:15px 10px; color:#888888;}
.form-table-white .table tr td label{font-weight:normal}
.form-table-white .table tr td small{font-size:90%}
.form-table-white .table tr td strong{font-size:120%; margin-right:5px}

/*세로 th 테이블*/
.row_th .table th{background:#f7f7f7; border-bottom:1px solid #ebebeb}
.row_th .table td{border-bottom:1px solid #ebebeb}
.row_th .table tr:nth-child(1) td{background:#fff; border-top:2px solid #5b66a7; border-bottom:1px solid #ebebeb}
.row_th .table tr:nth-child(1) th{border-bottom:1px solid #ebebeb}

/*사진업로드*/
.upload{position:relative;}
.upload input{width:62px; height:20px; position: absolute; top:0; left:0; cursor: pointer; opacity: 0; filter: alpha(opacity=0);}
.upload .rect{border-radius:0; font-size:11px; color:#7e7e7e; margin-right:10px;}

.photo_preview{padding:10px 0; overflow:hidden; background:#f9f9f9}
.photo_preview .inner{height:48px;}
.photo_preview ul{width:811px; padding-left:1px; overflow:hidden; margin:0}
.photo_preview ul li{float:left; width:71px; height:48px; margin-right:10px; background:#eee url(../img/bg_img_blank.jpg) no-repeat 50% 50%; border:1px solid #eaeaea; position:relative;}
.photo_preview ul li .btn_remove{display:none}
.photo_preview ul li img{display:block; width:100%; height:100%; margin:0}
.photo_preview ul li.has-img:after{content:""; display:block; width:71px; height:48px; background:rgba(0, 0, 0, 0.5); border:1px solid #757575; position:absolute; top:-1px; left:-1px}
.photo_preview ul li.has-img .btn_remove{display:block; color:#fff; cursor:pointer; position:absolute; top:3px; right:3px; z-index:3; height:7px;}

/*테이블 페이지네이션*/
.pagination{width:100%; text-align:center;}
.pagination a{display:inline-block; margin:0 5px; color:#a8a8a8}
.pagination a.arw{margin:0 1px}
.pagination a.on{color:#515151; font-weight:bold}

/*네비탭*/
.nav-tabs>li>a{background:#f5f5f5; border:1px solid #e3e3e3; border-bottom:0 none; border-radius:0; padding:7px 23px; margin:0 -1px 0 0;}
.nav-tabs>li>a:hover{background:#747eba; border:1px solid #636eab; border-bottom:0 none; color:#fff; cursor:pointer}
.nav-tabs>li.active>a{background:#747eba; border:1px solid #636eab; border-bottom:0 none; color:#fff}
.nav-tabs>li.active>a:hover{background:#747eba; border:1px solid #636eab; border-bottom:0 none; color:#fff; cursor:pointer}

/*메인 네비탭*/
.nav_area {position:relative;}
.nav_area .more {position:absolute; right:0; top:0; margin:0; padding:8px 0; }

/*모바일*/
@media (max-width: 360px) {
 .nav_area .more {display:none;}
}

.nav-tabs.main_tabs {margin-bottom:27px;}
.nav-tabs.main_tabs>li>a{background:none; color:#383838; font-size:16px; font-weight:bold; border:none; padding:0; padding-bottom:13px; margin-right:30px;}
.nav-tabs.main_tabs>li>a:hover{border:none; background:none; color:#3f4c98}

.nav-tabs.main_tabs>li.active>a{border:none; background:none; border-bottom:1px solid #3f4c98; color:#3f4c98}
.nav-tabs.main_tabs>li.active>a:hover{border:none; background:none; border-bottom:1px solid #3f4c98; color:#3f4c98}



/*블릿스타일*/
.bl-style li{padding-left:10px !important; margin:5px 0; background:url(/img/bl.gif) no-repeat 0 50%}

/*팝업관련*/
.popup{width:930px; padding:50px; position:absolute; top:50%; left:50%; margin-left:-465px; z-index:1001; background:#fff}
.popup.small{width:507px; padding:35px; position:absolute; top:50%; left:50%; margin-left:-254px; z-index:1001; background:#fff}
.popup .btn_close{position:absolute; top:0; right:-50px;}
.overlay{width:100%; height:100%; position:fixed; top:0; left:0; background:#000; opacity: .8; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); -moz-opacity: 0.8; z-index:1000}

/*비밀번호 팝업*/
.popup .tit{width:100%; font-size:38px; color:#666; padding:0 0 10px 0}

/************* nav custom *****************************************************************************************/
.navbar{margin-bottom:10px; padding-right:0}
.navbar .container{position:relative}
.navbar .container .admin {}
.navbar .container .admin li a {color:#4c4c4c; }
.navbar .container .admin li:last-child> a {padding-right:10px}

.navbar-default{background:none; border-radius:0; box-shadow:none}
.navbar-default .navbar-nav>li>a{color:#}

.navbar-top{padding-right:0}
.navbar-top-int{background:#f9f9f9; min-height:30px; border-radius:0; border:0 none;}
.navbar-top-int .username{padding-left:15px; background:url(/img/icon_man.png) no-repeat 3px 50%;}
.navbar-top-int .username span{color:#747486}
.navbar-top-int .navbar-nav>li>a, .navbar-top-int p{color:#bbbdbc; padding:5px 10px; margin-bottom:0; background:url(/img/gray_dot_s.gif) no-repeat right center;}
.navbar-top-int .navbar-nav>li:last-child>a,
.navbar-top-int p:last-child{background:none; padding-right:0;}
/*.navbar-top-int .navbar-nav > .active > a:hover, .navbar-top-int .navbar-nav > li > a:hover, .navbar-top-int .navbar-nav > li > a:focus{color:#fff; background:#5d5c6e}*/
.navbar-top-int .navbar-nav > .active > a{background:#47464e; color:#fff}
.navbar-top-int .navbar-toggle{margin:5px}
.navbar-top-int .navbar-right{margin-right:35px}
.navbar-top-int .search-zone{position:absolute; top:3px; right:15px}
.navbar-top-int .search-zone *{float:left}
.navbar-top-int .search-zone input{width:0; padding:0; background:transparent; height:21px; color:#4c4c4c; border:1px solid transparent; margin-top:1px}
.btn_top_search{height:23px; padding:2px 8px; color:#a5a5a5; border:1px solid transparent; background:none;}
.btn_top_search:hover{text-decoration:none; color:#a5a5a5;}

.nav-mypage li.admin, .nav-mypage li.admin > a:hover, .nav-mypage li.admin > a, .nav-mypage li.admin > a:focus{background:#656378; color:#bebed2}
.nav-mypage li.myaju, .nav-mypage li.myaju > a:hover, .nav-mypage li.myaju > a{background:#5b66a6; color:#c1c9f8}

.navbar-int{border:0 none; background:transparent; clear:both;}
.navbar-top-int + .navbar-int {border-bottom:2px solid #5a4f7d}
.navbar-int .page-header{margin:0; border:0 none; font-family:"Nanum Gothic";}
.navbar-int .page-header h1{font-family:"Nanum Gothic"; font-weight:bold;}
.navbar-int .page-header h1 small{font-weight:normal}


/************* 인트라넷 gnb *****************************************************************************************/
.navbar-gnb{padding-right:0}
.navbar-gnb > ul.navbar-nav > li > a{color:#000; font-weight:bold; outline:none}
.navbar-gnb > ul.navbar-nav > li > a:hover,
.navbar-int .navbar-nav a{padding-left:50px; padding-right:0}



/*공지사항 gnb*/
.rolling{background:#fafafa; border-top:1px solid #ebebeb; border-bottom:1px solid #ebebeb; margin-bottom:20px;}
.rolling .noti-list{height:38px; padding-left:25px; padding-right:20px; overflow:hidden; background:url(/img/icon_noti.gif) no-repeat 0 50%; background-size:auto; position:relative}
.rolling .noti-list .arw{position:absolute; top:50%; right:0; width:14px; height:27px; margin-top:-13px;}
.rolling .noti-list .arw span{position:absolute; left:0; width:14px; text-indent:-3000em; background:url(/img/arw_noti.gif) no-repeat 0 0; cursor:pointer}
.rolling .noti-list .arw .up{top:0; height:13px;}
.rolling .noti-list .arw .up:hover{background-position:-14px 0}
.rolling .noti-list .arw .down{bottom:0; height:14px; background-position:0 -14px}
.rolling .noti-list .arw .down:hover{background-position:-14px -14px}
.rolling .noti-list .list-unstyled{position:relative;}
.rolling .noti-list .list-unstyled li{height:38px; line-height:38px; }
.rolling .noti-list .list-unstyled li a{display:inline-block; max-width:430px; color:#777; padding-right:5px;overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.rolling .noti-list .list-unstyled li span{display:inline-block; vertical-align:top}
.rolling .info_guide{margin-left:45px; width:200px; line-height:38px; padding-left:20px; background:url(/img/icon_info.png) no-repeat 0 50%; font-size:14px; font-weight:bold;}
.rolling .clock{padding:10px 0 10px 20px; background:url(/img/icon_time.gif) no-repeat 0 50%; background-size: auto;}



/*사이드 lnb*/
aside .titbox{height:100px; overflow:hidden; background:#5b66a7; color:#e6eaff; font-weight:bold; text-align:center; font-size:23px; padding:27px 0; line-height:1.0em;}
aside .titbox.dbline{font-size:20px; padding:19px 0; line-height:1.2em;}
aside .titbox span{display:block; width:100%; text-align:center;}
aside .titbox small{font-weight:normal; font-size:11px}
aside .navbar-side{padding:0}
aside .navbar-side li{border-bottom:1px solid #f0f0f0}
aside .navbar-side a{color:#565656; font-weight:bold}
aside .depth1 li{width:100%; padding:10px 0; text-indent:10px}
aside .depth2{width:100%%; margin:10px 0 -10px; background:#f9f9f9; border-top:1px solid #f0f0f0}
aside .depth2 li{width:100%; border-bottom:0 none; padding:6px 20px; text-indent:0}
aside .depth2 li a{font-size:11px}
aside .depth3 li{padding:4px 0}


/************* 로그인 *****************************************************************************************/
.login .tit{font-size:38px; color:#666; font-weight:bold;}
.login .loginbox p{margin:0 0 15px}
.login .loginbox{border-top:2px solid #adadad; background:#fcfcfc; border-bottom:1px solid #eaeaea; padding:70px 0}
.login .loginbox .welcome_msg{font-size:50px; color:#737373; text-align:center; line-height:0.8em}
.login .loginbox .welcome_msg small{font-size:18px}
.login .loginbox .input_wrap{width:553px; font-size:18px; margin:20px auto 0; background:#fff; border:1px solid #e3e3e3; padding:30px 134px 30px 30px; position:relative}
.login .loginbox .input_wrap label{width:85px;}
.login .loginbox .input_wrap input{width:283px; height:40px; border:1px solid #d8d8d8}
.login .loginbox .input_wrap input[type=checkbox]{width:13px; height:13px; margin-right:5px; vertical-align:middle; margin-left:92px}
.login .loginbox .input_wrap input[type=checkbox]+label{font-size:13px; color:#606060; vertical-align:middle; margin-top:8px}
.btn_login{width:104px; height:95px; background:#666666; color:#fff; border:0 none; position:absolute; top:30px; right:30px}

/*비밀번호 변경*/
.login.pwd_change .input_wrap{width:630px;}
.login.pwd_change .input_wrap label{width:140px;}
.login.pwd_change .input_wrap input{width:228px;}
.login.pwd_change .input_wrap .guide_text{padding-left:140px; font-size:12px; color:#36459c}
.login.pwd_change .loginbox{padding:30px 0}
.login.pwd_change .loginbox .input_wrap{padding:30px;}
.login.pwd_change .loginbox .input_wrap p span{font-size:12px; color:#aaa}

/************* 인트라넷 main *****************************************************************************************/
.slide{float:left;}
.m-row1 .gray-bdbox{height:231px; overflow:hidden; position:relative;}
.m-row1 .gray-bdbox .login_out {color:#a5a5a5; font-size:11px; line-height:1.4;}
.m-row1 .gray-bdbox .doc_app {display:inline-block; background:#5c5c6e; color:#f2f2fa; font-size:13px; border-radius:50%; width:48px; height:48px; text-align:center; box-sizing:border-box; position:absolute; bottom:14px; right:14px; padding-top:9px; line-height:16px; font-weight:bold;}
.m-row1 .gray-bdbox .doc_app:hover {text-decoration:none;}
.m-row2 .bdbox{/*height:228px;*/ overflow:hidden;}
.m-row3 .bdbox{/*height:240px;*/ overflow:hidden;}

/* UI Object */
.tab_list{height:160px}
.tab_list ul{position:relative;margin:0;padding:0;font-size:13px;list-style:none;*zoom:1; border-bottom:1px solid #eaeaea;}
.tab_list ul:after{display:block;clear:both;content:""}
.tab_list li{float:left;margin-bottom:-1px}
.tab_list li a{float:left;position:relative;}
.tab_list li a span{display:inline-block;padding:0;cursor:pointer;background: none; color: #383838; font-size: 16px; font-weight: bold; border: none; padding: 0; padding-bottom: 13px;
  margin-right: 30px;}
.tab_list li ul{display:none;position:absolute;top:40px;left:0;width:100%;margin:0;padding:0;border:0;list-style:none;*zoom:1}
.tab_list li ul:after{display:block;clear:both;content:""}
.tab_list li li{float:none;position:relative;margin:0 0 8px 0;color:#999; clear:both; float:none; margin-bottom:12px; overflow:hidden;}
.tab_list li li:nth-child(1){margin-top:27px;}
.tab_list li li .title {float:left; padding-left:14px;  background: url(../img/blk_dot.gif) no-repeat left center; width:76%;}
.tab_list li li .time {float:right; font-size:12px;}

/*모바일*/
@media (max-width: 767px) {
 .tab_list li li .title {width:100%;}
 .tab_list li li.more{display:none;}
 .tab_list li li .time {display:none;}
}

.tab_list li li a{float:none;margin:0;padding:0;border:0 !important;background:transparent;font-weight:normal;color:#606060 !important;letter-spacing:normal; font-weight:600;}
.tab_list li li a:hover,
.tab_list li li a:active,
.tab_list li li a:focus{}
.tab_list li li.more{position:absolute;top:-35px;right:0;border:0 !important;background:transparent; padding:0;}
.tab_list.m1 .m1 a,
.tab_list.m2 .m2 a,
.tab_list.m3 .m3 a,
.tab_list.m4 .m4 a,
.tab_list.m5 .m5 a,
.tab_list.m6 .m6 a,
.tab_list.m7 .m7 a,
.tab_list.m8 .m8 a,
.tab_list.m9 .m9 a,
.tab_list.m10 .m10 a,
.tab_list.m11 .m11 a,
.tab_list.m12 .m12 a{}
.tab_list.m1 .m1 a span,
.tab_list.m2 .m2 a span,
.tab_list.m3 .m3 a span,
.tab_list.m4 .m4 a span,
.tab_list.m5 .m5 a span,
.tab_list.m6 .m6 a span,
.tab_list.m7 .m7 a span,
.tab_list.m8 .m8 a span,
.tab_list.m9 .m9 a span,
.tab_list.m10 .m10 a span,
.tab_list.m11 .m11 a span,
.tab_list.m12 .m12 a span{border-bottom:1px solid #3f4c98; color:#3f4c98;}
.tab_list.m1 .m1 ul,
.tab_list.m2 .m2 ul,
.tab_list.m3 .m3 ul,
.tab_list.m4 .m4 ul,
.tab_list.m5 .m5 ul,
.tab_list.m6 .m6 ul,
.tab_list.m7 .m7 ul,
.tab_list.m8 .m8 ul,
.tab_list.m9 .m9 ul,
.tab_list.m10 .m10 ul,
.tab_list.m11 .m11 ul,
.tab_list.m12 .m12 ul{display:block}
.tab_list.js_off{height:auto}
.tab_list.js_off ul{border:0}
.tab_list.js_off li{float:none;position:relative}
.tab_list.js_off li a{display:block;float:none;border:1px solid #eee !important;border-bottom-color:#ccc !important;background:#fafafa !important;font-weight:bold;color:#333}
.tab_list.js_off li ul{position:static;display:block;left:0;top:0;padding:5px 0}
.tab_list.js_off li li a{display:inline;border:0 !important;background:none !important;font-weight:normal}
.tab_list.js_off li li.more{top:7px;right:15px}
/* //UI Object */


.title_area {position:relative;}
.title_area .more {position:absolute; right:0; top:0; margin:0; padding:8px 0;}

/*슬라이드*/
.carousel.slide .item{width:635px; height:288px; overflow:hidden}
.carousel.slide .item img{width:635px; height:288px;}

/*내 정보*/
.m-myinfo{padding:10px 0 0 0;}
.m-myinfo .myphoto{border:1px solid #ededed; max-height:96px;}
.m-myinfo .col-md-5+.col-md-7{padding-left:0}
.m-myinfo dl{margin:0; font-size:11px; margin-bottom:9px; font-weight:600;}
.m-myinfo dl dt{font-size:15px; margin-bottom:7px; font-family:'돋움', Dotum;}
.m-myinfo dl dt .my_edt {font-size:11px; color:#bbb; line-height:1.4; padding:3px;}
.m-myinfo dl dt i.icon_edt {background:url(/img/icon_edt.png) no-repeat center center; width:7px; height:8px; display:inline-block; margin-right:15px;}
.m-myinfo dl dd{color:#606060; font-size:13px; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; word-wrap:break-word; overflow:hidden; margin-top:2px; padding-left:10px; background:url(/img/gray_dot.gif) no-repeat left center;}
.m-myinfo dl dd span {color:#878787;}
.m-myinfo dl dd span strong {color:#3f4c98;}
.m-myinfo .multi{margin:0 auto; padding:5px 15px 0; border-top:1px solid #efefef;}
.m-myinfo .multi dt{font-size:12px}
.m-myreport ul{margin:0}
.m-myreport ul li{padding:2px 0; font-size:12px; text-align:center;}
.m-myreport ul li:nth-child(1){border-right:1px solid #e8e8e8}
.m-myreport ul li:nth-child(2){border-left:1px solid #fff}
.m-myreport ul li img{margin-right:3px;}
.m-myreport ul li a{color:#3f4c98; font-weight:bold}

.m-myreport { padding:0; }
.m-myreport .m_myreport_lst { float:left; width:50%; list-style:none; padding:16px 0 10px; box-sizing:border-box; border-right:1px solid #e8e8e8; }
.m-myreport .m_myreport_lst li { border:0; text-align:left; padding:0 0 5px 18px; font-weight:600; }
.m-myreport .m_myreport_lst li:nth-child(1) { padding-bottom:8px; border:0; }
.m-myreport .m_myreport_lst li:nth-child(2) { border:0; }
.m-myreport .m_myreport_lst + .m_myreport_lst { border-right:0; border-left:1px solid #fff; }


/*아주소식*/
.m-ajunews .bdbox{height:228px}
.m-ajunews dl{margin:0; padding-left:0;}
.m-ajunews dl dt{margin-bottom:3px;}
.m-ajunews dl dt a{display:block; font-size:18px; color:#4a4a4a; }
.m-ajunews dl dd a{-webkit-line-clamp: 3; line-height:1.6em;}
.m-ajunews .m-thumb{max-height:90px;border:1px solid #ededed;}

.m-ajunews .alist{margin-bottom:0}
.m-ajunews .alist li{-webkit-line-clamp: 1; padding:3px 15px }
.m-ajunews .alist li b{color:#3f4c98}


/*앨범형*/
.album_st ul{padding-left:15px;}
.album_st ul li{padding: 0 15px 0 0;}
.album_st ul li img{margin-bottom:5px;}
.album_st ul li span{display:block; text-align:center; font-size:11px; color:#a5a5a5; padding:1px 0}
.album_st ul li .name{color:#606060; font-size:13px; margin-top:10px;}
.album_st ul li .txt{color:#888; font-size:12px; margin-top:6px;}
.album_st ul li .team{color:#888;}


/*이달의 생일자*/
.m-birth ul{overflow:hidden; padding-top:10px}
.m-birth ul li .img_frame{width:80px; height:90px;}



/*신규입사자*/
.m-new ul li .img_wrap{position:relative; margin-bottom:5px; width:140px; height:140px;}
.m-new ul li .img_wrap .img_frame{width:140px; height:140px; overflow:hidden;}
.m-new ul li .img_wrap img{margin-bottom:0}
.m-new ul li .info{width:100%; height:45px; padding-top:5px; background:url(/img/opa70.png) repeat 0 0; color:#c3c3c3; position:absolute; bottom:0; left:0; text-align:center; font-size:12px; }
.m-new ul li .info .name{color:#fff; font-size:13px; margin:0 5px; overflow: hidden; text-overflow: ellipsis; white-space:nowrap; }
.m-new ul li .img_wrap+p{font-size:13px; color:#606060; margin-bottom:0}
.m-new ul li .team{color:#fff}


/*사내경조사*/
.m-events .img_frame{width:128px; height:140px; margin:0 auto;}
.m-events ul li span{font-size:12px}

.carousel.slide{width:100%}
.carousel.slide .item{width:637px; height:288px; overflow:hidden}
.carousel.slide .item img{width:635px; height:288px;}

/************* 아주소식(리스트) *****************************************************************************************/
/*댓글쓰기*/
.reply_input{padding:15px; border:1px solid #e8e8e8; border-top:2px solid #5b66a7; background:#f7f7f7; overflow:hidden;}
.reply_input.bgnone{background:#fff; border:0 none; padding:15px 0 0 0}
.reply_input textarea{float:left; width:88%; height:60px; border:1px solid #a9a9a9; resize:none; color:#989898}
.reply_input button{float:right; width:10%; height:60px; background:#969696; border:1px solid #8d8d8d; color:#fff; position:relative; border-radius:0}
.reply_input button:after{content:""; display:block; width:100%; height:58px; border:1px solid #a2a2a2; box-sizing:border-box; position:absolute; top:0; left:0}

/*댓글리스트*/
.reply{padding:20px 10px; margin:0 5px; border-top:1px solid #ebebeb}
.reply.first{border-top:0 none}
.reply .name{color:#7784d0; font-size:13px; font-weight:bold}
.reply .name span{color:#999; font-size:13px; font-weight:normal}
.reply .name small{color:#cbcbcb; font-size:11px; font-weight:normal}
.reply-info ul li{float:left; padding-left:10px}
.reply-info ul li a{display:block; padding-left:20px}
.reply-info ul .bar{color:#d2d2d2}
.reply-info ul .like a{background:url(/img/icon_like.jpg) no-repeat 0 50%; }
.reply-info ul .like a strong{color:#f87691}
.reply-info ul .write_reply a{background:url(/img/icon_reply.jpg) no-repeat 0 50%}
.reply-info ul .reply_qty a{background:url(/img/icon_reply_qty.gif) no-repeat 0 50%}
.reply-info ul .reply_qty strong{color:#7784d0}
.reply .cnt{color:#888}
.reply.re{border-top:1px dotted #adadad; padding-left:15px;}
.reply.re .name{padding-left:15px; background:url(/img/icon_depth.jpg) no-repeat 0 50%}

/*댓글버튼*/
.btn_reply_coll{border-top:1px solid #ebebeb; padding:20px 15px 0; margin-bottom:100px}
.btn_reply_coll li{float:left; margin-left:10px}
.btn_reply_coll a{display:inline-block; padding:3px 10px}
.btn_reply_coll .recom{padding:3px 10px 3px 25px; background:url(/img/icon_like.jpg) no-repeat 10px 50%; border:1px solid #d8d8d8}
.btn_reply_coll .btn_write{padding:3px 10px; background:#8d98d0; color:#fff}
.btn_reply_coll .btn_delete{padding:3px 10px; background:#b9b9b9; color:#fff}
.btn_reply_coll .btn_list{padding:3px 10px; border:1px solid #d8d8d8}

/*이전글이후글*/
.prevnext{border-top:1px solid #d3d3d3; margin-bottom:50px}
.prevnext ul li{border-bottom:1px solid #ebebeb; overflow:hidden; padding:0 15px}
.prevnext ul li dl{overflow:hidden; margin:15px 0}
.prevnext ul li dt, .prevnext ul li dd{float:left;}
.prevnext ul li dt{color:#5e5e5e; text-align:center;}
.prevnext ul .prev dt span{padding-right:10px; background:url(/img/icon_prev.jpg) no-repeat 100% 50%}
.prevnext ul .next dt span{padding-right:10px; background:url(/img/icon_next.gif) no-repeat 100% 50%}
.prevnext ul li dt .bar{color:#e6e6e6; background:none; padding:0; margin:0 15px;}
.prevnext ul li dd{color:#888;}
.prevnext ul li dd.date{float:right; color:#a5a5a5; font-size:11px;}

/*첨부파일*/
a.file{display:inline-block; margin-right:10px; padding-left:12px; background:url(/img/icon_clip.gif) no-repeat 0 50%}



.thumbnail{border-radius:0; padding:0 0 40px 0; overflow:hidden}
.thumbnail .img_frame{border:0 none; width:176px; height:132px; overflow:hidden}
.thumbnail a{display:block; width:100%; height:100%; padding:0; position:relative; text-decoration:none;}
.thumbnail a .on-eff{display:block; position:absolute; top:0; left:0; width:100%; height:287px; border:3px solid #6e7cc9}

.thumbnail .caption{padding:0}
.thumbnail .caption p{height:36px; overflow:hidden; margin:15px; line-height:1.5em}
.thumbnail .caption .date-box{padding:10px; margin:0}
.thumbnail .caption .gray-box{width:176px; height:auto; margin:0; padding:10px; color:#999999; position:absolute; bottom:1px; left:16px; box-sizing:border-box}
.thumbnail .caption .gray-box a{display:inline}



/*이달의 생일자*/
.birth .thumbnail{padding:0; margin-bottom:20px}
.birth .thumbnail .img_frame{width:176px; height:182px; overflow:hidden;}
.search-option .month{float:left; margin-top:30px;}
.search-option .month li{float:left}
.search-option .search{float:right; margin-top:30px}
.search-option .search select{padding:1px 0}
.search-option .search input[type=text]{width:60px}
.cnt-tit-box .big_txt{font-size:25px; color:#3f3f3f; font-weight:bold; vertical-align:middle;}
.thumb_wrap.birth p.f_13{height:18px; overflow:hidden;}
.thumb_wrap.birth p.date-box{height:57px; overflow:hidden;}
.thumb_wrap {margin-bottom:20px;}



/************* 직원상세정보 *****************************************************************************************/
.staff_info .photo{float:left; margin-bottom:10px;}
.staff_info .photo img{border:1px solid #ededed}
.staff_info .name-zone .name{color:#36459c; font-size:16px; font-weight:bold;}
.staff_info .name-zone .name small{color:#828282; font-size:12px; font-weight:normal;}
.staff_info .etc-info li{padding:3px 0}
.staff_info .etc-info li span,
.staff_info .etc-info li p{color:#828282}
.staff_info .etc-info .tit{color:#aaa; margin-right:10px; margin-bottom:0; font-size:12px; font-weight:normal}
.staff_info .etc-info .trip{color:red; margin-right:10px; margin-bottom:0; font-size:12px; font-weight:bold;}
.staff_info .etc-info .leave{color:blue; margin-right:10px; margin-bottom:0; font-size:12px; font-weight:bold;}
.staff_info .etc-info .bar{color:#e2e2e2; margin:0 20px}
.staff_info .etc-info .full_tit{display:block; color:#5f5e5e; font-size:13px; font-weight:bold; margin:10px 0 5px}
.staff_info .opa0{width:64px; height:20px; top:217px; left:73px}

/*댓글영역*/
.reply_zone .gray-box.bd-top-btm{padding:28px;}



/************* 아주소식 글쓰기 *****************************************************************************************/
.nt_list{overflow:hidden; margin-bottom:-2px}
.nt_list li{float:left; margin-right:25px}
.nt_list li *{vertical-align:top}
.nt_list li label{line-height:1.7em; font-weight:normal}

.add_file .table{margin-bottom:0}
.add_file dl{overflow:hidden; padding:10px 0; margin:0}
.add_file dt{float:left; margin-right:10px; padding:0 10px 0 20px;}
.add_file dd{float:left; position:relative;}
.add_file dd input[type=file]{float:left; position:absolute; top:0; left:0; width:62px; height:20px; cursor:pointer}
.add_file .table_wrap .table tr:nth-child(1) th, .add_file .table_wrap .table tr:nth-child(1) td{border-top:1px solid #ebebeb}
.add_file .table_wrap .table td{border-top:1px solid #ebebeb; border-bottom:0 none !important; background:#fff !important}
.add_file .table_wrap .table td img{margin:0}
.add_file .table_wrap .table td input[type=checkbox]{margin:0}
.add_file .table_wrap .table .file_name span{display:block; padding-left:17px; background:url(/img/icon_file.gif) no-repeat 0 50%}



/************* 휴가, 출장자 현황 *****************************************************************************************/
.select-wrap{position:relative;}
.select-wrap .select-div{display:none; position:absolute; top:25px; left:50%; background:url(/img/bg_select_div.png) no-repeat 50% 0}
.select-wrap .select-div .inner{Background:#fff; border:1px solid #d9d9d9; border-top:0 none; padding:5px 10px; margin-top:5px; font-size:11px; height:120px; overflow-y:scroll}
.select-wrap .select-div ul{margin-bottom:0}
.select-wrap .select-div ul li{display:block;}
.select-wrap .s_year{margin-left:-20px;}
.select-wrap .s_month{margin-left:-15px;}
.select-wrap .s_year ul{width:50px;}
.select-wrap .s_month ul{width:30px;}
.select_date *{display:inline-block; vertical-align:middle;}
.select_date a{margin:0 5px}
.select_date .select-wrap strong {font-size:21px; color:#606060; font-family:tahoma}
.select_date .select-wrap +span{font-size:17px; color:#8b8b8b}

/*캘린더*/
#calendar{border-top:2px solid #5b66a7; position:relative; margin-top:130px}
#calendar .nav-tabs{position:absolute; top:-34px; left:0}
.fc-border-separate tr.fc-last th{background:#f7f7f7; border-color:1px solid #d3d3d3; border-top:0 none}
.fc-border-separate tr th{padding:5px 0}
.fc-state-default, .fc-state-default .fc-button-inner{border:0 none; background:#fff}
.fc-button-content{padding:0}



/*년도, 날짜 헤더*/
.fc-header{position:absolute; top:-120px; left:0; background:#f7f7f7; border:1px solid #e8e8e8}
.fc-header .fc-header-title h2{font-family:"Nanum Gothic"; font-size:17px; color:#8b8b8b; line-height:1.2em; margin:0 5px 0 0}
.fc-header .fc-header-title h2 strong{font-size:21px; color:#606060; font-family:'tahoma'; margin-left:5px; margin-right:3px}
.fc-header td{padding-top:12px; height:62px; vertical-align:middle}

.fc-event-skin{background:none; color:#5d6bbb; border:0 none; font-size:11px; overflow: hidden; text-overflow: ellipsis; white-space:nowrap;}

/*휴가, 출장자 정보 팝업*/
.vaca_trip_popup{position:absolute; background:url(/img/bg_vaca_trip_pop.png) no-repeat -170px 0; padding-top:5px;}
.vaca_trip_popup .inner{background:#fff; width:330px; border:1px solid #d1d1d1; border-top:0 none; padding:15px; position:relative; overflow:hidden}
.vaca_trip_popup .inner .photo{float:left; width:84px; height:98px; margin-right:10px}
.vaca_trip_popup .inner .photo img{width:82px; height:96px; border:1px solid #eeeeee}
.vaca_trip_popup .inner .info .name{font-size:14px; margin-bottom:5px;}
.vaca_trip_popup .inner .info dl{overflow:hidden; font-size:11px; margin:0}
.vaca_trip_popup .inner .info dl dt{float:left; width:35px;}
.vaca_trip_popup .inner .info dl dd{float:left; width:168px;}
.vaca_trip_popup .inner .info dl dd img{margin-right:5px}
.vaca_trip_popup .inner .btn_coll{padding-top:15px; margin:15px 0 0 0;}

/*부서별/개인별 조회*/
.team_row td{background:#f5fafd}
.search_filter dd select{margin-top:3px; width:150px}
dl.none_dt dd:nth-child(1){margin-left:0}



/************* 직원조회 *****************************************************************************************/
.sort{font-size:14px;}
.sort a{display:inline-block}
.sort .bar{display:inline-block; color:#d6d5d6; font-size:1px; margin:0 5px}
.sort .on{color:#36459c; font-weight:bold;}
.staff_info a:hover{text-decoration:none}
.staff_info .list_name{font-size:14px; color:#5f5e5e; font-weight:bold; margin-bottom:5px;}
.staff_info .list_name small{color:#828282; font-size:12px;}
.table_wrap .staff_photo img{margin:0; border:1px solid #efefef}
.table_wrap .staff_info td{border-bottom:1px solid #ebebeb}
.no_result{margin:150px 0; font-size:18px; text-align:center;}
.no_result_w{margin:250px 0; font-size:18px; text-align:center;}

/*직원 정보 팝업*/
.staff_popup{position:fixed; top:50%; left:50%; padding-top:5px; z-index:9999}
.staff_popup .inner{background:#fff; width:490px; border:1px solid #d1d1d1; border-top:0 none; padding:35px; position:relative; overflow:hidden}
.staff_popup .inner .photo{float:left; width:138px; height:162px; margin-right:10px}
.staff_popup .inner .photo img{width:100%; height:100%; border:1px solid #eeeeee}
.staff_popup .inner .info .name{font-size:14px; margin-bottom:5px;}
.staff_popup .inner .info .full_tit{color:#aaa; font-size:12px; font-weight:normal}
.staff_popup .inner .btn_coll{width:100%; padding-top:15px; margin:15px 0 0 0;}



/************* 마이아주 메인 *****************************************************************************************/
.staff_info .well .etc-info ul{margin-bottom:0}
.staff_info .well .etc-info .bar{margin:0 10px}
.have_td_bd td, .have_td_bd th{border-right:1px solid #ebebeb; }
.have_td_bd .table td p, .have_td_bd .table th p{margin:0}
.have_td_bd tr td:last-child, .have_td_bd tr th:last-child{border-right:none}
.have_td_bd .table td{padding-top:0px; padding-bottom:0px}
.db_th th{background:#fdfdfd; border-bottom:1px solid #d3d3d3}


/************* 당직일지 *****************************************************************************************/
.normal_th .table tr:nth-child(1) th, .normal_th .table tr:nth-child(1) td{background:#fff; border-top:1px solid #e6e6ea}
.table_wrap.view_table .normal_th .table th p{border-right:0 none}

.input-append .span2{width:75px; height:20px; border:1px solid #bfbfbf; vertical-align:middle}
.input-append .add-on i{vertical-align:middle}
.full_textarea{width:100%; height:80px; resize:none;}
tbody.duty_table>tr>th, tbody.duty_table>tr>td {padding:6px;}

/************* 휴가, 출장 신청서 *****************************************************************************************/
.radio_coll{overflow:hidden; margin-bottom:0}
.radio_coll li{float:left; margin-right:20px}
.radio_coll li input, .radio_coll li label{vertical-align:middle; margin:0}
.input-append *{vertical-align:middle;}
.input-append label{margin:2px 0 0 0}
.total_day{margin:2px 0 0 10px}
/*추가*/
.form-table-white .retable{margin-bottom:30px}
.form-table-white .retable tr th{font-size:13px; padding:5px 0; background:#f9f9f9 !important}
.form-table-white .retable tr td{padding:5px 0;}
.form-table-white .retable tr td p{margin:0 10px}
.form-table-white .retable tr td input{border:0 none;}
.form-table-white .retable tr:nth-child(1) th:nth-child(1){font-size:13px; font-weight:bold;}
.form-table-white .retable tr td:last-child input{text-align:right}
.form-table-white .retable tr:last-child td{border-left:0 none}



/************* 실적, 업무보고 *****************************************************************************************/
.report_cnt{padding:20px 10px 10px}
.breport_table .table{margin-bottom:20px}
.breport_table caption{font-size:15px; color:#646464; text-align:left; margin-bottom:10px; font-weight:bold}
.breport_table .table tr:nth-child(1) th{border-top:1px solid #8b92c0; border-bottom:1px solid #d3d3d3; background:#fbfbfb; border-right:1px solid #f2f2f2}
.breport_table .table tr:nth-child(1) th:last-child, .breport_table .table tr td:last-child{border-right:0}
.breport_table .table td{background:#fff; border-right:1px solid #f2f2f2}
.breport_table .table .sum_val td{background:#f7fbfd; color:#6974b8; font-weight:bold}
.breport_table .txt_cnt dt{color:#888; font-size:13px; margin-bottom:7px}
.breport_table .txt_cnt dd{color:#a5a5a5; line-height:1.6em;/*css3*/
white-space: -pre-wrap; /*opera 4-6*/
white-space: -o-pre-wrap; /*opera7*/
word-wrap: break-word; /*IE5.5+ & FF 3.5+*/
word-break:break-all;  }
.breport_table .txt_cnt dd.print{white-space: pre-wrap; }




/************* 관리자 관련 *****************************************************************************************/
.admin_file_upload .gray-bdbox{position:relative}
.admin_file_upload .uimg{float:left; width:90px; margin-right:30px}
.admin_file_upload .uimg .size{width:100%; text-align:center; margin:5px 0 0 0}
.admin_file_upload .file_setting{float:left; width:650px;}
.admin_file_upload .file_setting dl{margin:0}
.admin_file_upload .file_setting dl dt{width:70px; padding:5px 0 0 0; margin:5px 0}
.admin_file_upload .file_setting dl dd{float:left; width:550px; margin:5px 0}
.admin_file_upload .file_setting dl dd input[type=radio]{vertical-align:top; margin:7px 0 0 0}
.admin_file_upload .file_setting dl dd input[type=radio]+label{vertical-align:top; margin:6px 20px 0 0; font-weight:normal}
.admin_file_upload .arw{position:absolute; overflow:hidden; bottom:20px; right:20px; margin:0}
.admin_file_upload .arw li{float:left; margin:0}



/************* 반응형 *****************************************************************************************/
@media (min-width: 768px) {
	.navbar-int .navbar-nav{margin-top:15px; }
	.navbar-int .navbar-nav a{font-size:17px; color:#000; font-weight:bold;}
	.rolling .noti-list{width:500px}
	.bbs_content img {max-width: 768px;}
}


/*태블릿이상 데스크탑 미만*/
@media (min-width:768px) and (max-width:1024px){
	/*네비바*/
	.navbar-gnb.navbar-right{float:none!important; padding:0}
	.navbar-gnb.navbar-right li a{padding:15px 22px 15px 23px}

	/*상단 슬라이드*/
	#carousel-example-generic{margin:0 42px 0 43px}

	/*이달의생일자*/
	.m-row2 .bdbox{height:auto}
	/*.m-birth ul li img{height:200px}*/

	/*사내경조사*/
	.m-row3 .bdbox{height:auto;}
	.bbs_content img {max-width: 773px;}
}

/*모바일*/
@media (max-width: 767px) {
	body{font-size:13px}
	#footer{padding:20px 0}
	.table-responsive{border:0 none}
	.table_wrap .table{table-layout:auto}

	.pagination a{margin:0 2px}
	.sub.container{padding-top:0}
	.m-myinfo dl{font-size:13px}

	.navbar-top-int .container{padding:0}
	.navbar-top-int .navbar-header{margin:0 10px}
	.navbar-top-int .navbar-nav{margin:7px 0; padding:0}
	.navbar-top-int .navbar-top{padding-left:0}
	.username + .navbar-toggle{background:#ddd}

	.navbar-int .navbar-header button{margin-top:15px}
	.navbar-top-int .search-zone{top:-150px}

	.username{margin:4px 0 0 0}
	.username + .navbar-toggle{padding:5px; background:#8f8f8f}

	.navbar-nav{margin:7px 0}

	.rolling .noti-list{width:100%}
	.rolling .noti-list a{width:95%}
	.rolling .clock{display:none;}

	
	/*메인*/
	.carousel.slide{width:100%}
	.carousel.slide .item{width:100%; height:200px; overflow:hidden}
	.carousel.slide .item img{width:100%; height:200px;}
	.m-row3 li p.elli{overflow: hidden; text-overflow: ellipsis; white-space:nowrap;}
	.m-row3 .bdbox{height:224px}

	/*아주소식*/
	.m-ajunews dl dt{margin-bottom:5px;}
	.m-ajunews dl dd a{-webkit-line-clamp: 2;}

	aside .titbox{padding:10px; height:40px}
	aside .titbox span{display:inline-block; width:auto; margin:0 5px}
	
	/*직원정보*/
	.staff_info .photo.col-md-3{width:35%}
	.staff_info .photo.col-md-3+.col-md-9{width:100%; padding:0}
	.staff_info .photo.col-md-3+.col-md-9 .name-zone{margin:25px 0 0;}
	.staff_info .photo.col-md-3+.col-md-9 .etc-info{float:left; padding:15px}

	/*게시판 보기*/
	.reply_input textarea{width:75%}
	.reply_input button{width:24%}
	.prevnext ul li dt{display:inline; float:none}
	.prevnext ul li dd{display:inline; float:none;}
	.view_table .container p{white-space: pre-wrap; /*css3*/
white-space: -pre-wrap; /*opera 4-6*/
white-space: -o-pre-wrap; /*opera7*/
word-wrap: break-word; /*IE5.5+ & FF 3.5+*/
word-break:break-all;  }
	.reply{padding:20px 0}
	

	/*게시판 글쓰기*/
	.photo_preview{padding-bottom:0}
	.photo_preview .inner{height:auto;}
	.photo_preview ul.list-unstyled{width:auto; height:auto; text-align:center;}
	.photo_preview ul.list-unstyled li{margin-bottom:10px}
	.upload .rect{margin-right:5px}
	

	/*신규입사자*/
	.m-new ul li .img_wrap+p{margin-bottom:15px}
	.m-new ul li:nth-child(3) .img_wrap+p, .m-new ul li:nth-child(4) .img_wrap+p{margin-bottom:0}


	/*검색필터*/
	.search_filter dl{padding-left:0px}
	.search_filter dl dd{margin-left:5px}
	.search_filter dl dd .writer_textbox input{width:150px}


	/*사내경조사*/
	.have-abs .thumbnail .caption .gray-box{font-size:10px}


	/*로그인*/
	.login{width:100%}
	.login.row{margin:0}
	.login .tit{font-size:25px; margin-bottom:10px !important}
	.login .loginbox{padding:20px}
	.login .loginbox .welcome_msg{font-size:20px;}
	.login .loginbox .welcome_msg small{font-size:10px; line-height:1.0%;}
	.login .loginbox .input_wrap{margin:20px 0 0 0; width:100%; padding:5%}
	.login .loginbox .input_wrap label{width:20%; font-size:10px}
	.login .loginbox .input_wrap input{width:77%;}
	.login .loginbox .input_wrap input[type=checkbox]{margin:0}
	.login .loginbox .input_wrap input[type=checkbox]+label{width:80%; margin-left:5px}
	.btn_login{width:100%; position:static; height:28px}

	/*마이페이지*/
	.well.backnone{height:auto !important}

	/*정보수정*/
	.staff_info .photo.col-md-3{width:28%}
	.staff_info .photo.col-md-3+.col-md-9{width:100%; padding:0}
	.staff_info .photo.col-md-3+.col-md-9 .name-zone{margin:25px 0 0;}
	.staff_info .photo.col-md-3+.col-md-9 .etc-info{float:left; padding:15px}

	.staff_info .col-md-9.abs_btm_right{display:inline-block; width:70% !important; position:absolute; right:15px; top:0}
	.opa0{top:120px; left:0; width:68px; height:21px}
}


.m-row1 .gray-bdbox.gb-report { height:auto; margin-top:10px; padding:14px; }
.m-row1 .gray-bdbox.gb-report dl{margin:0px 0 0px; font-size:11px; font-weight:600;}
.m-row1 .gray-bdbox.gb-report dl dt{font-size:15px; margin-bottom:7px; font-family:'돋움', Dotum;}
.m-row1 .gray-bdbox.gb-report dl dd{color:#606060; font-size:13px; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; word-wrap:break-word; overflow:hidden; margin-top:2px; padding-left:10px; background:url(../img/gray_dot.gif) no-repeat left center;}
.m-row1 .gray-bdbox.gb-report .doc_app { top:10px; bottom:auto; border-radius:unset; width:70px; height:28px; line-height:27px; padding:0; }


.box03 { height: 219px; }
.box04 { height: 270px; }
.box05 { width:100%; /*height:120px;*/ margin-bottom:10px; text-align:center; }
.box05 a { display: block; margin-bottom: 10px;}