@charset "UTF-8";

/*가로사이즈 1200px이상 일때 적용*/

/* reset */
*{-webkit-text-size-adjust:none}article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block}html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure,footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video{margin:0;padding:0;border:0;outline:0;}body{-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0);font-size:16px;line-height:1.3;font-family:'Noto Sans KR', 'Noto Sans', sans-serif, 'Nanum Gothic','Malgun gothic',Dotum,arial; font-weight:normal;color:#252525;}ul, ol, li{list-style:none}fieldset, img{border:0}br{letter-spacing:normal}p{letter-spacing:normal}hr{display:none}address, caption, em, var{padding:0;margin:0;font-style:normal;font-weight:normal}a{text-decoration:none;color:#252525;}a[href^="tel"]{font-style:normal}a:hover, a:active, a:active{text-decoration:none}input, textarea, select{letter-spacing:normal}input{margin:0;padding:0;}button {*-webkit-appearance:none;-moz-appearance:none;appearance:none;}button:active img , button:focus img {position:relative;top:0;left:0;}img{border:0;vertical-align:top}legend, caption{position:absolute;left:-1000%;top:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}table{width:100%;border:0;border-spacing:0;}input::-ms-clear {display:none;}input[type="text"] , input[type="password"] {width:100%;height:28px;border:1px solid #eaeaea;font-family:'Nanum Barun Gothic' , 'Nanum Gothic' , 'Malgun Gothic', Arial, Dotum, Gulim, Verdana, Tahoma ,sans-serif;font-size:16px;line-height:32px;color:#666;text-indent:8px;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;}input::-webkit-input-placeholder , textarea::-webkit-input-placeholder {font-family:'Nanum Barun Gothic' , 'Nanum Gothic' , 'Malgun Gothic', Arial, Dotum, Gulim, Verdana, Tahoma ,sans-serif;font-size:16px;font-weight:normal;color:#999;}textarea {font-family:'Nanum Barun Gothic' , 'Nanum Gothic' , 'Malgun Gothic', Arial, Dotum, Gulim, Verdana, Tahoma ,sans-serif;font-size:16px;line-height:20px;color:#666;}select {height:35px;margin:0;padding:0;border:1px solid #eaeaea;font-family:'Nanum Barun Gothic' , 'Nanum Gothic' , 'Malgun Gothic', Arial, Dotum, Gulim, Verdana, Tahoma ,sans-serif;font-size:16px;line-height:30px;color:#666;outline:none;background:none;}

body{ height: 100vh; overflow: hidden;}

/* top */
#top{border-bottom:1px solid #396a92;margin-top:8px;padding-bottom:8px;height:45px; background:#fff;}
#top .logo{float:left; margin-left:20px;}
.login_info{float:right;margin-top:20px;margin-right:20px;}
.login_info > div{float:left; font-size:14px;color:#333;}
.login_info > div:nth-child(1){margin-top:3px;}
.login_info > div img{padding:0 5px; vertical-align:middle;}
.btn_03{width:65px; height:25px; border:1px solid #004b8d; text-align:center; line-height:25px; margin:0 10px;}
.btn_03 a{font-size:14px;color:#333;font-weight:bold;display:block;}
.fixed:after{content:'';display:block;clear:both;}

/* nav */
#nav{background: #23262b;height:40px;}
#nav ul {/*min-width:1640px;*/ height:40px; padding-left:10%; box-sizing:border-box;}
#nav ul li{float:left;}
#nav ul li a{color:#eee;font-weight:bold;font-size:16px;padding:0 60px;line-height:40px;transition:0.2s;}
#nav ul li a:hover{color:#fff;}

/* body_wrap */
#body_wrap{min-height: 951px;position:relative;}

/* nav_left */
.openmenu{background:url("../images/menuclose.png") no-repeat; width:40px; height:40px; display:block; margin-left:10px; transition:0.5s; cursor: pointer;}
.openmenu.closemenupc{background:url("../images/menuopen.png") no-repeat; }

.nav_left{float:left;width:240px;box-sizing:border-box;border-right:1px solid #666;background:#5d6163; height:calc(100vh - 102px); overflow-y:scroll; -ms-overflow-style: none;  scrollbar-width: none; position:fixed; bottom:0; left:0; transition: 0.5s; z-index: 999;}
.nav_left::-webkit-scrollbar {display:none;}
.nav_left.openmenuboxpc{left:-240px;}
.nav_left h2{font-size:20px;font-weight:bold;width:240px;height:100px;line-height:100px;text-align:center;border-bottom:1px solid #2a2b2e;color:#fff;}
.nav_left > ul{width:240px;}
.nav_left > ul > li{width:240px;border-bottom:1px solid #2a2b2e;line-height:50px;font-weight:600;font-size:14px;}
.nav_left > ul > li > a{display:block;position:relative;padding-left:20px;color:#eee;}
.nav_left > ul > li > a > span{background:url("../images/left_menu1_1.png") no-repeat;width:11px;height:7px;position:absolute;top:50%;right:20px;transform:translateY(-50%);}
.nav_left > ul > li.on > a{background:#ff6510;color:#fff;}
.nav_left > ul > li.on > a span{background:url("../images/left_menu2.png") no-repeat;}
.nav_left > ul > li > ul{font-size:12px;margin-top:0;background:#f5f6fa;padding-bottom:30px;padding-left:20px; border-right:1px solid #666;display:none;	}
.nav_left > ul > li > ul > li{height:20px;margin-bottom:10px;position:relative;}
.nav_left > ul > li > ul > li > a{padding-left:0px;}
.nav_left > ul > li > ul > li:before{content:'';position:absolute;top:22px;left:-8px; width:3px;height:3px;background:#415e85;}
.nav_left > ul > li > ul > li > a:hover{text-decoration:underline;}


/* contents */
#contents{float:left; width:calc(100% - 300px); margin-left:240px; padding:10px 30px 50px; height:calc(100vh - 162px); overflow-y:scroll; -ms-overflow-style: none;  scrollbar-width: none; position:fixed; bottom:0; right:0;}
#contents::-webkit-scrollbar {display:none;}
#contents.all{float:left; width:calc(100% - 60px); margin-left:0; padding:10px 30px 50px;}

.location{float:right;}
.location ul li{float:left; font-size:14px;margin-left:15px;}
.location ul li:hover{text-decoration:underline;}
.location ul li img{vertical-align:middle;}

#contents h3{font-size:24px; color:#333; margin-top:28px;}

.contents{margin-top:50px;}
.title{margin-bottom:20px;}
.title h2{font-size:30px; color:#333;}

.calender{width:400px;}
.calender input{width:120px; outline: none !important; }
.calender > img{margin:0 5px; cursor: pointer; width:20px; padding-top:2px;}
.calender a{margin-left:10px; padding:0 5px; height:23px; line-height: 23px; display:inline-block; border:1px solid #ccc; text-align: center; font-size:14px; font-weight: 500; color:#666; }


/* notice_list */
.tb3{width:100%; border-collapse: collapse;  clear:both;}
.tb3 thead th{height:50px; border-bottom:1px solid #aaa; background:#eee; border-top:2px solid #666;}
.tb3 tbody td{height:50px; border-bottom:1px solid #ddd; font-size:14px; text-align:center;}
.tb3 tbody tr:hover{background:#f5f5f5;}
.tb3 tbody td img{width:20px; padding-top:3px;}

.page{width:100%; text-align:center; margin-top:20px; clear:both;}
.page a{display:inline-block; width:30px; height:30px; border:1px solid #ddd; box-sizing:border-box; padding-top:4px;}
.page a.pageon{background:#1f50ac; color:#fff;}
.page a img{width:11px; padding-top:5px; box-sizing:border-box;}

.search_s{width:356px; margin:0 0 10px; float:right; position:relative;}
.search_s select{width:90px; height:28px; outline:none !important; border:1px solid #aaa; box-sizing:border-box;}
.search_s input[type="text"]{width:200px; height:28px;  outline:none !important; border:1px solid #aaa; box-sizing:border-box;}
.search_s img{position:absolute; top:5px; right:7px; width:6%; cursor:pointer;}
.searchbtn2{padding:0 15px; height:28px; line-height: 26px; display:inline-block; background:#fff; border:1px solid #aaa; box-sizing: border-box; text-align: center; font-size:14px; font-weight: 500; color:#666; }
.searchbtn2:hover{color:#666; border:1px solid #666;}

.search_s_2{width:100%; height:25px; margin:10px 0 10px; position:relative;}
.search_s_2 div.search_s_2_l{float:left;}
.search_s_2 div.search_s_2_l > div{float:left;}
.search_s_2 div.search_s_2_l > div > label{float:left; font-size:14px; font-weight: 500; color:#666; padding-left:10px; padding-right:5px;}
.search_s_2 div.search_s_2_l > div > input{float:left; width:120px; height:25px; border:1px solid #aaa; box-sizing: border-box; outline:none !important;}
.search_s_2_r{float:right;}
.search_s_2_r > a{float:left;}

.search_s_2 div.search_s_2_2{position: relative; left: 50%; margin-left: -200px;}
.search_s_2 div.search_s_2_2 > div{float:left;}
.search_s_2 div.search_s_2_2 > div > label{float:left; font-size:14px; font-weight: 500; color:#666; padding-left:10px; padding-right:5px;}
.search_s_2 div.search_s_2_2 > div > input{float:left; width:120px; height:25px; border:1px solid #aaa; box-sizing: border-box; outline:none !important;}

.search_s_3{width:355px; margin:15px auto; position:relative;}
.search_s_3 select{width:90px; height:28px; outline:none !important; border:1px solid #aaa; box-sizing:border-box;}
.search_s_3 input[type="text"]{width:200px; height:28px;  outline:none !important; border:1px solid #aaa; box-sizing:border-box;}
.search_s_3 img{position:absolute; top:5px; right:7px; width:6%; cursor:pointer;}

.adv_btn_group { float: right; }
.adv_btn_group button { border: 1px solid #dbdbdb; height: 30px; width: 131px; margin-bottom: 10px;}

.btn100{width:100%; }
.btn100 a{height:28px; padding:0 10px; padding-top:3px; border:1px solid #aaa; box-sizing:border-box; text-align:center;}
.color{background:#666; color:#fff; border:none;}

.notive_wrap_l{float:left; width:29%;}
.notive_wrap_r{float:right; width:70%;}
.notive_wrap_l2{float:left; width:70%;}
.notive_wrap_r2{float:right; width:29%;}

.tb3_2{width:100%; border-collapse: collapse;  clear:both;}
.tb3_2 tbody th{height:35px; border-bottom:1px solid #ddd; border-top:1px solid #ddd; background:#eee; text-align:right; box-sizing: border-box; padding:3px 0; padding-right:10px;}
.tb3_2 tbody td{height:35px; border-bottom:1px solid #ddd; border-top:1px solid #ddd;  font-size:14px; text-align:left; box-sizing: border-box; padding:3px 0; padding-left:10px;}
.tb3_2 tbody td input[type="text"]{width:20%;  height:25px; border:1px solid #aaa; outline: none !important;  box-sizing: border-box; color:#252525; font-size:14px;}
.tb3_2 tbody td input[type="number"]{width:100px; height:25px; border:1px solid #aaa; outline: none !important; padding-left:10px; box-sizing: border-box;}
.tb3_2 tbody td input[type="password"]{width:20%;  height:25px; border:1px solid #aaa; outline: none !important;  box-sizing: border-box; color:#252525; font-size:14px;}
.tb3_2 tbody td select{width:20%;  height:25px; border:1px solid #aaa; outline: none !important;  box-sizing: border-box;}
.tb3_2 tbody td a{display: inline-block; padding:0 7px; height:26px; line-height: 25px; margin-left:5px; font-size: 14px; font-weight: 400; vertical-align: bottom; cursor: pointer; }


.s_tit{font-size:18px; margin-bottom:5px;}
.s_tit span{display:inline-block; width:10px; height:10px; background:#3666b6; margin-right:5px; margin-bottom:2px;}
.explain{font-size:16px;}

.red{color:#f00 !important;}

/* notice_detail */
/* .btn01{float:right; margin-bottom:10px;}
.btn01 a{display:inline-block; width:60px; height:28px; padding-top:3px; border:1px solid #aaa; box-sizing:border-box; text-align:center; margin-left:5px;} */
.btn01{float:right; margin-top:10px;}
.btn01 a{display:inline-block; padding: 0 15px; height:28px; padding-top:2px; border:1px solid #aaa; box-sizing:border-box; text-align:center; margin-left:5px; font-weight: 500;}
.btn01:hover a{color:#252525; border:1px solid #666;}
.btn01_l{float:left; margin-top:10px;}
.btn01_l a{display:inline-block; padding: 0 15px; height:28px; padding-top:2px; border:1px solid #aaa; box-sizing:border-box; text-align:center; margin-left:5px; font-weight: 500;}
.btn01_l:hover a{color:#252525; border:1px solid #666;}
.btn9_l{float:left; margin-top:10px;}
.btn9_l a{display:inline-block; padding: 0 15px; height:28px; padding-top:2px; background:#666; color:#fff; border:1px solid #666; box-sizing:border-box; text-align:center; margin-left:5px; font-weight: 500;}
.btn9_l:hover a{border:1px solid #999;}
.btn9_r{float:right; margin-top:10px;}
.btn9_r a{display:inline-block; padding: 0 15px; height:28px; padding-top:2px; background:#666; color:#fff; border:1px solid #666; box-sizing:border-box; text-align:center; margin-left:5px; font-weight: 500;}
.btn9_r:hover a{border:1px solid #999;}

.deletebtn{background:url("../images/delete.png") no-repeat; background-size:11px; width:11px; height:11px; border:none;}

.tb4{width:100%; border-collapse: collapse;  clear:both;}
.tb4 thead th{height:50px; border-bottom:1px solid #aaa; background:#eee; border-top:2px solid #666; font-size:16px; padding:0 10px; box-sizing:border-box;}
.tb4 tbody th{height:50px; border-bottom:1px solid #ddd; font-size:14px; text-align:center; font-weight:500;}
.tb4 tbody td{height:50px; border-bottom:1px solid #ddd; font-size:14px; text-align:center;}
.tb4 tbody td.file{text-align:left; padding-left:20px;box-sizing:border-box; }
.tb4 tbody td.file a{font-weight:400;}
.tb4 tbody td.file a:hover{text-decoration:underline;}
.tb4 tbody td a img{width:20%; padding-top:3px;}
.tb4 tbody tr.first{border-top:2px solid #666;}
.tb4 tbody tr.line td{border-left:1px solid #ddd;}
.tb4 tbody tr.line td:nth-child(1){border-left:none;}
.tb4 tbody tr.line th{border-left:1px solid #ddd;}
.tb4 tbody tr.line th:nth-child(1){border-left:none;}
.tb4 tbody td.notice_content{padding:20px; box-sizing:border-box; text-align:left;}
.tb4 tbody td.notice_content textarea{width:100%; height:400px;     box-sizing: border-box;}

.addfile{padding:0px 0px 10px;}
.addfile input{padding:10px 0 0;}
.addfile p{color:#666; padding:3px 5px;}
.addfile p:nth-child(2){margin-top:10px;}
.addfile p img{width:9px; height:auto; margin-top:8px; margin-left:5px; cursor: pointer;}

.viewfile p{cursor: pointer;}

.golist{margin-top:20px;}
.golist ul{float:left; width:90%;}
.golist ul li{padding:7px 0 0; font-size:15px; font-weight:400;}
.golist ul li:nth-child(1){ border-bottom:1px solid #ddd;}
.golist ul li:nth-child(1) img{transform:rotate(270deg); padding-top:16px; padding-left:10px;}
.golist ul li:nth-child(2) img{transform:rotate(90deg); padding-bottom:20px;  padding-right:6px;}
.golist ul li a{padding-left:20px; font-weight:300;}
.golist ul li a:hover{text-decoration:underline;}
.golist > a{float:right; display:block; width:60px; height:28px; padding-top:3px; border:1px solid #aaa; box-sizing:border-box; text-align:center;}
.golist div > a{float:right; display:block; width:60px; height:28px; padding-top:3px; border:1px solid #aaa; box-sizing:border-box; text-align:center;}


/* 항목 많은 테이블 */
.tb5{width:100%; border-collapse: collapse;  clear:both;}
.tb5 thead th{height:50px; border-bottom:1px solid #aaa; background:#eee; border-top:2px solid #666;}
.tb5 tbody td{height:50px; border-bottom:1px solid #ddd; font-size:14px; text-align:center;}


.inputnormal{height:28px; outline:none !important;}


/* login페이지 */

#login_wrap{width:467px; margin:200px auto 270px;}
#login_wrap .login_box{height:130px; border: 2px solid #1175c3; border-radius:10px; margin-top:5px; padding:80px 30px;  }
#login_wrap .login_box ul{float:left; width:270px;}
#login_wrap .login_box ul li{width:270px; padding:5px;}
#login_wrap .login_box ul li:nth-child(1) span{padding-left:13px;}
#login_wrap .login_box ul li span{text-align:right;padding-right:5px;}
#login_wrap .login_box ul li input{width:200px; }
#login_wrap .login_box div > a.btn_login{float:left; width:120px; height:80px; text-align:center; line-height:80px; background:#004b8d; color:#fff; margin-top:5px; margin-left:10px;}
#login_wrap .login_box input.saveID{margin:5px 5px 0 70px;}


/* footer */
#footer{height:35px; background:#777; text-align:center;line-height:35px;}
#footer p {font-size:14px; color:#ddd;}


/* 문자전송페이지 */
.messageBox{margin-top:20px; width:100%; height:auto;}
.messageBox > div{float:left;}
.messageBox01{width:27%; margin-right:1%;}
.messageBox01 .messagecon{width:100%; height:auto; padding:10px; box-sizing: border-box; background:#eee;}
.messagetb{width:100%; height:600px; background:#fff; margin-top:5px;}

.selectbtn{width:4%; margin-right:1%; margin-top:400px;}
.selectbtn a{display: block; width:50px; padding:10px 0; text-align: center; background:#004b8d; border:1px solid #ddd; color:#fff; margin:0 auto; }
.selectbtn a img{padding-top:5px; padding-left:3px;}

.messageBox02{width:27%; margin-right:1%;}
.messageBox02 .messagecon{width:100%; height:auto; padding:10px; box-sizing: border-box; background:#eee;}

.messageBox03{width:39%;}
.messageBox03 .messagecon{width:100%; height:auto; padding:10px; box-sizing: border-box; background:#cfe9ff;}
.messageBox03 .messagecon > p:nth-child(1){margin-top:20px;}
.messageBox03 .messagecon textarea{width:100%; height: 500px; padding: 20px; box-sizing: border-box; margin-top: 20px;}



/* 사용자별 정보조회 */
.tab { width: 100%;height: 40px; position: relative; margin:20px 0 5px;  z-index: 5;}
/* .tab{display: inline;} 이게 없으니 틀이 깨짐 그러나 있으면 안됨. 다른애들을 조정해야함 */
.tablinks { float: left; width: 150px;  height:30px; line-height: 30px;  background:#fff; border:1px solid #ddd; margin-right:3px; outline: none !important; transition: 0.2s; font-weight: bold;  position: relative; text-align: center; cursor: pointer;  padding: 5px;  z-index: 10;}
.tablinks.active {background:#ff6510; color:#fff; border:none;}




.tui-grid-cell-header {
    padding: 4px 5px;
    text-align: center;
    box-sizing: border-box;
    background: #ddd !important;}


.conts_wrap{position: relative; text-align: center;}
.colorPicker{position: absolute; top:50%; right:20%; transform: translateY(-50%); background:#fff; padding:20px; border:1px solid #ddd;  z-index: 999; }
.colorbtn{padding:1px 5px; border:1px solid #aaa; background: #bdbdbd; color:#666; font-weight: 500;  }
.tui-colorpicker-container{margin-bottom:10px;}
.tui-colorpicker-clearfix{position: relative;}
.tui-colorpicker-palette-toggle-slider{background:#fff; border:1px solid #ddd; margin:5px 0; padding:0 3px;}
.tui-colorpicker-palette-hex{width:150px !important; border:1px solid #ddd; }
.tui-colorpicker-palette-preview{position: absolute; bottom:8px; right:10px;}


.tui-grid-layer-state p {text-align: center;}

.onlymobile{display: none;}




/* 가로 사이즈 500~999px 일때 적용 (핸드폰을 가로로 눞혔을 때, 태블릿 세로일때) */
@media all and (max-width:1024px) {
.onlymobile{display:block;}
.onlypc{display: none;}

/* top */
#top{position: fixed; top:0; left:0; right:0; z-index:100;}

/* nav */
#nav{position: fixed; top:60px; left:0; right:0;  z-index:1000;}

.openmenu{background:url("../images/menuopen.png") no-repeat; width:40px; height:40px; display:block; margin-left:10px; position:  relative; z-index:900;}
.openmenu.closemenu{background:url("../images/menuclose.png") no-repeat; position:  relative; z-index:9999;}


/* nav_left */
.nav_left{float:left;width:240px;box-sizing:border-box;border-right:1px solid #666;background:#5d6163; height:100%;position:absolute; top:100px; left:-240px; transition: 0.3s; z-index: 999;}
.nav_left.openmenubox{left:0;}


/* contents */
#contents{width:100%; margin-left:0px; box-sizing: border-box; height:calc(100vh - 100px);}

.tb3_2 tbody th{text-align:center; padding-right:0px;}

.notive_wrap_l{float:none; width:100%; margin-bottom:20px;}
.notive_wrap_r{float:none; width:100%;}
.notive_wrap_l2{float:none; width:100%; margin-bottom:20px;}
.notive_wrap_r2{float:none; width:100%;}


/* 다른 */
.btn100 {    width: 100%;  height: 30px; margin-bottom:10px;}

        .search_s_2{width:100%; height:auto; margin:10px 0 10px; position:relative;}
.search_s_2 div.search_s_2_l{float:none;}
.search_s_2 div.search_s_2_l > div{float:none; width:100%; height: 30px; }
.search_s_2 div.search_s_2_l > div > label{float:left; font-size:14px; font-weight: 500; color:#666; padding-left:10px; padding-right:5px;}
.search_s_2 div.search_s_2_l > div > input{float:left; width:120px; height:25px; border:1px solid #aaa; box-sizing: border-box; outline:none !important;}
.search_s_2_r{float:right; margin-top:10px;}
.search_s_2_r > a{float:left;}

.scrolltb{width:100%; overflow-x:scroll;}
.scrolltb > table{width:1000px;}

/* 문자전송페이지 */
.messageBox{margin-top:20px; width:100%; height:auto;}
.messageBox > div{float:none;}
.messageBox01{width:100%; margin-right:0%;}
.messageBox01 .messagecon{width:100%; height:auto; padding:10px; box-sizing: border-box; background:#eee;}
.messagetb{width:100%; height:300px; background:#fff; margin-top:5px;}

.selectbtn{width:100%; margin-right:0%; margin-top:10px;}
.selectbtn a{display: block; width:50px; padding:10px 0; text-align: center; background:#004b8d; border:1px solid #ddd; color:#fff; margin:0 auto; }
.selectbtn a img{padding-top:5px; padding-left:3px;}

.messageBox02{width:100%; margin-right:0%;}
.messageBox02 .messagecon{width:100%; height:auto; padding:10px; box-sizing: border-box; background:#eee;}

.messageBox03{width:100%;}
.messageBox03 .messagecon{width:100%; height:auto; padding:10px; box-sizing: border-box; background:#cfe9ff;}
.messageBox03 .messagecon > p:nth-child(1){margin-top:20px;}
.messageBox03 .messagecon textarea{width:100%; height: 200px; padding: 20px; box-sizing: border-box; margin-top: 20px;}

}


/* 가로 사이즈 500~1024px 일때 적용 (오직 핸드폰을 가로로 눞혔을 때) */
@media all and (max-width:740px) {



}

/* 가로 사이즈 568px 일때 적용 (아이폰에스 가로로) */
@media all and (max-width:569px) {


}


/* 가로 사이즈 320~499px 일때 적용 (핸드폰을 세로로 세웠을 때) */
@media all and (max-width:567px) {
/* top */
#top{border-bottom:1px solid #396a92;margin-top:8px;padding-bottom:8px;height:40px;}
#top .logo{float:left; margin-left:10px;}
#top .logo a img{width:150px; height: auto; padding-top:8px;}
.login_info{float:right;margin-top:15px;margin-right:0px;}

/* nav */
#nav{position: fixed; top:56px; left:0; right:0;}

/* nav_left */
.nav_left{float:left;width:240px;box-sizing:border-box;border-right:1px solid #666;background:#5d6163; height:100%;position:absolute; top:96px; left:-240px; transition: 0.3s; z-index: 999;}
.nav_left.openmenubox{left:0;}
.nav_left > ul{width:240px; height: calc(100vh - 200px); overflow-y: scroll; padding-bottom: 80px;}

/* contents */
#contents{float:left; width:100%; margin-left:0px;padding:10px 10px 200px; box-sizing: border-box; margin-top: 100px; position: relative;}

.calender input{width:25%; outline: none !important; }
.calender > img{margin:0 5px; cursor: pointer; width:20px; padding-top:2px;}
.calender a{margin-left:5px; padding:0 5px; height:23px; line-height: 23px; display:inline-block; border:1px solid #ccc; text-align: center; font-size:14px; font-weight: 500; color:#666; }

/* 다른 */
.calender{width:320px;}
.calender input{width:80px; outline: none !important; }
.calender > img{margin:0 5px; cursor: pointer; width:20px; padding-top:2px;}
.calender a{margin-left:10px; padding:0 5px; height:23px; line-height: 23px; display:inline-block; border:1px solid #ccc; text-align: center; font-size:14px; font-weight: 500; color:#666; }

.search_s_2{width:100%; height:auto; margin:10px 0 10px; position:relative;}
.search_s_2 div.search_s_2_l{float:none;}
.search_s_2 div.search_s_2_l > div{float:none; width:100%; height: 30px; }
.search_s_2 div.search_s_2_l > div > label{float:left; font-size:14px; font-weight: 500; color:#666; padding-left:10px; padding-right:5px;}
.search_s_2 div.search_s_2_l > div > input{float:left; width:120px; height:25px; border:1px solid #aaa; box-sizing: border-box; outline:none !important;}
.search_s_2_r{float:right; margin-top:10px;}
.search_s_2_r > a{float:left;}


.btn100 {    width: 100%;  height: 30px; margin-bottom:10px;}


/* login페이지 */

#login_wrap{width:324px; margin:70px auto 250px;}
#login_wrap .login_box{height:130px; border: 2px solid #1175c3; border-radius:10px; margin-top:5px; padding:80px 30px;  }
#login_wrap .login_box ul{float:left; width:270px;}
#login_wrap .login_box ul li{width:270px; padding:5px;}
#login_wrap .login_box ul li span{text-align:right;padding-right:5px;}
#login_wrap .login_box ul li input{width:200px; }
#login_wrap .login_box div > a.btn_login{float:left; width:250px; height:35px; text-align:center; line-height:35px; background:#004b8d; color:#fff; margin-top:5px; margin-left:10px;}
#login_wrap .login_box input.saveID{margin:5px 5px 0 170px;}

.tablinks {width: 100px; }

.tb3_2{width:100%; border-collapse: collapse;  clear:both;}
.tb3_2 tbody th{height:40px; border-bottom:1px solid #ddd; border-top:1px solid #ddd; background:#eee; text-align:right; box-sizing: border-box; padding-right:10px;}
.tb3_2 tbody td{height:40px; border-bottom:1px solid #ddd; border-top:1px solid #ddd;  font-size:14px; text-align:left; box-sizing: border-box; padding-left:10px;}
.tb3_2 tbody td input[type="text"]{width:95%; min-width:30px; height:25px; border:1px solid #aaa; outline: none !important;}
.tb3_2 tbody td input[type="number"]{width:100px; height:25px; border:1px solid #aaa; outline: none !important; padding-left:10px; box-sizing: border-box;}
.tb3_2 tbody td input[type="password"]{width:95%; height:25px; border:1px solid #aaa; outline: none !important; padding-left:10px; box-sizing: border-box;}
.tb3_2 tbody td select{width:100px; height:25px; border:1px solid #aaa; outline: none !important; padding-left:10px; box-sizing: border-box;}
.tb3_2 tbody td a{margin-top:5px; display: inline-block; padding:0 7px; height:26px; line-height: 25px; margin-left:5px; font-size: 14px; font-weight: 400; vertical-align: bottom; cursor: pointer; }

}

/* 가로 사이즈 320px 이하 일때 적용 (작은핸드폰) */
@media all and (max-width:320px) {
/* top */
#top .logo a img{width:140px; height: auto; padding-top:9px;}


/* login페이지 */

#login_wrap{width:300px; margin:50px auto 100px;}
#login_wrap .login_box{height:130px; border: 2px solid #1175c3; border-radius:10px; margin-top:5px; padding:70px 10px;  }
#login_wrap .login_box ul{float:left; width:270px;}
#login_wrap .login_box ul li{width:270px; padding:5px;}
#login_wrap .login_box ul li span{text-align:right;padding-right:5px;}
#login_wrap .login_box ul li input{width:200px; }
#login_wrap .login_box div > a.btn_login{float:left; width:250px; height:35px; text-align:center; line-height:35px; background:#004b8d; color:#fff; margin-top:5px; margin-left:10px;}
#login_wrap .login_box input.saveID{margin:5px 5px 0 170px;}


}


/* 그리드 테이블 관련 정렬 text-align:center;*/
.tui-grid-layer-editing{
    text-align: center;
}
.tui-grid-content-text{
    text-align: center;
}