@charset "utf-8";

@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);

html{width:100%;height:100%;color:#303030; font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,img,
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;}
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block}
body{font-family:"Noto Sans KR","Malgun Gothic","맑은고딕","Nanum Gothic","나눔고딕","돋움","굴림";font-size:10pt;width:100%;height:100%;line-height:18px;color:#303030;}
img{vertical-align:middle;border:0;} 
button,input,select,textarea{margin:0;font-size:100%;vertical-align:middle;cursor: pointer;}
table{border-collapse:collapse;border-spacing:0;}
ol,ul{list-style:none;}
caption,th{text-align:center; }
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400;}
caption,hr,legend{*display:none;font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0;height:0} /* height:0 add */
a,a:link,a:visited,a:active,a:focus{color:#303030;font-size:100%;text-decoration:none;}
.inp_color_border{border:none !important;}
.inp_color_none{border:none !important; background-color: #f1f1f1;  }
.inp_color{background-color: #f1f1f1; text-align:center;}
.wrap {display:inline-block; width:100%; height:100%;background:#f8f8f9;} 
form {display:inline-block; width:100%; }
html {overflow-y:auto;}

/* input style */
input[type="text"], input[type="password"], .inputTxt, select, textarea {margin:0; color:#666; border:1px solid #cccccc;}
input[type="text"], input[type="password"], .inputTxt {height: 32px;line-height:1.8em;text-align:left; }
input[type="checkbox"], input[type="radio"] {width:13px; height:13px; margin:0 3px 0 0; padding:0; font-size:10pt; line-height:1.2em; vertical-align:middle;border:none;}
textarea {resize:none; overflow-y:scroll}
select {height:32px;line-height:21px;padding:0}


#m_header_wrap {display:none;}
#smart_editor2 {width:100% !important;}
/* 로그인 스타일 */  
 		
 		
         .container_login{display: inline-block; width: 30%;height: 350px; background: #f2f2f2; border:1px solid #bababa;}




			#login_wrap {display:inline-block; width:100%; height:100%; } 
			
			#login_header_wrap {width:100%; height:50px; display:inline-block; position:absolute; top:0;} 
			#login_container {width:100%; margin:0 auto; text-align:center; } 
			.login_logo2{width:80%; text-align:center; margin:0 auto;margin-top: 6%;} 
			.login_logo2>img{width:400px; } 
			.login_logo3{width:80%; text-align:center; margin:0 auto;}  
			.login_logo3>img{width:450px; } 			


			
			.login_left{width:50%; display:inline-block; float:left; background:#fff;} 
			.login_left>img{width:95%;  margin:1em 0em;} 
			.login {width:100%; display:inline-block; margin:2em 0em;}
			
			.intro_login {float:left; display:inline-block; width:35%; border-right:1px solid #ccc;}
			.intro_loginbox {width:40%; margin:0 auto; }
			.intro_loginbox2 { display:inline-block; width:90%;}  
			 
			 .login_foot{width:60%;text-align: right;margin:0 auto; margin-top: 1%;} 
			 .login_foot>img{flaot:right;}
			 
			/* 아이디, 비밀번호 입력 */ 
			.intro_loginbox3 {width:85%; display:inline-block;}
			.intro_loginbox3_1 {float:left; display:inline-block; width:100%;}
			.intro_loginbox3_1>li {width:100%; display:inline-block;}
			.intro_loginbox3_1>li:nth-child(2) {margin-top:0.2em;}
			.intro_loginbox3_1>li>input {width:100%; height:50px !important;} 
			     
			/* 로그인 버튼 */
			.btn_login{color:#fff; margin-top:20px;display:block; width:100%; line-height:2.5; font-size:13pt; font-weight:700; text-align:center; background:#25509e; border-radius:50px; height:50px !important; cursor:pointer;border:2px solid #25509e;}
		    .btn_login2{color:#888; margin-top:15px;display:block; width:100%; font-size:12.5pt !important; line-height:2.8;  font-weight:600; text-align:center; background:#dddddd; border-radius:50px; height:50px !important; cursor:pointer;border:1px solid #ccc;} 
			
			 
			.intro_loginbox4 {width:100%; display:inline-block; margin-top:2em;} 
			.intro_loginbox4_1 {border-top:1px solid #ccc; padding-top:1em;}
			.intro_loginbox4_1>li:nth-child(1) {width: 70%; float: left;}
			.intro_loginbox4_1>li:nth-child(2) {float:right;}
			.intro_loginbox4_1>li:nth-child(2)>a {border:1px solid #d7d7d7; background:linear-gradient(185.19442890773485deg, rgba(255, 255, 255,1) 52.873891001267424%,rgba(254, 254, 254,1) 52.873891001267424%,rgba(244, 244, 244,1) 76.57477820025349%); width:100px; height:25px; display:inline-block; line-height:2; border-radius:2px; text-align:center; color:#5f5f5f;}
			
			/* login_bottom */
			#login_footer {position:absolute; bottom:0; margin:0;padding:0;width:100%;border-top:1px solid #dfdfdf;}
			.login_foot_copy{text-align:center; padding:8px 7px 10px 0;font-size:10pt;font-family:verdana;color:#fff;}
			


	/* 현황페이지 버튼 */
		.list_btn {font-size: 13px !important; text-decoration:none !important; margin:0.1em; padding:0.5em 0.9em; cursor:pointer;color:#fff;background-color:#294d8f; vertical-align:middle; display:inline-block;}
        .list_btn:active {text-decoration:none; color:#fff;}   

  
        .left_bottom{bottom:9%; position: absolute; margin:0 auto; width: 97%; left: 1.5%; height: 243px; text-align:center; background:#CCE2F7; border-radius:3px;}   
       .left_bottom_1{width:90%;height:40px;  text-align:left; margin: 0 auto;} 
       .left_bottom_1>p{font-size:17px; font-weight:500; line-height:2.5; color:#0139A6}
       
      .left_bottom_2{width: 96%;  background:#fff; height:196px; margin-left: 2%;border-radius:3px;}     
      .left_bottom_2 >ul{width:96%;  text-align:center; margin:0 auto;display: inline-block;margin-top: 0.5em;}    
      .left_bottom_2 >ul>li{width:96%;; font-size:12px; font-weight:400; height:30px;line-height:2.3; background:#f9f9f9; float: left; border:1px solid #B7B7B7; text-align:left;margin-left: 1.5%; margin-bottom: 0.5em;}    
      .left_bottom_2 >ul>li>img{ }    
         
            /* 컨텐츠 */
  
			/* layout */
			#wrap {width:100%;margin:0;min-height:100%;border: 10px}
			#header_wrap {position:relative;min-width:100%;height:84px;text-align:left;z-index:30}
			 
			 /* 전체 컨텐츠 */
			 .container {width:100%; margin:0 auto; display: inline-block;  background: #f8f8f9;}
			 
			#container {width:100%; height:100%;margin:0 auto;}
			
			#leftMenu {width:12%; display:inline-block;   height: -webkit-fill-available;  overflow-y: auto; float:left;position: fixed;left: 0; border:1px solid #d1d1d1;    background: #fff;}
			#left{float:left; width:100%; display:inline-block; height:100%; position: relative; overflow-y: auto;height: 91%;}
				
			#contents{width:84%; display:inline-block;height:100%; float:left; margin-left: 14%;}
			
			
			
			/* 회원가입 */
			#header_join{position:relative;width:100%;background:#fff;margin:0 auto; text-align:center; left:0; right:0;border-bottom: 3px solid #32acdd;box-shadow: 2px 2px 5px #ccc;}  
			.top_join{width:63%;display: inline-block;}
		    .container_join {width:60%; margin:0 auto; min-height:770px;}
			#contents_join{width:100%; display:inline-block;  height:100%; float:left;margin-top:3%;}
			#contents_join h3 { position:relative; padding:0px 0 0 0; font-size:30px; line-height:25px; color:#444; margin-bottom:40px; letter-spacing:-1px; font-weight:600}
			#contents_join .sub_con { position:relative; padding-bottom:70px; }
			.join { position:relative; }
			.join .step01 { position:relative; width:100%; }
			.join .step01 .guide { position:relative; margin-bottom:30px; padding-left:1%; width:100%; }
			.join .step01 .guide .btx { position:relative; line-height:20px; font-size:16px; font-weight:600; color:#555; margin:0 0 10px 0; }
			.join .step01 .guide .o-arrow { position:relative; padding-left:0px; width:100%; }
			.join .step01 .guide .o-arrow li { position:relative; padding:3px 0 4px; width:100%; font-size:13px; font-weight:normal; line-height:18px; background:url(../images/sub/ic_deco_arrow.gif) no-repeat 0 6px; color:#555; padding-left:19px; }
			.join .step01 .guide .o-arrow li span { position:relative; font-weight:600; color:#000;}
			.join .step01 .t_box { position:relative; background:#f8f8f8; border:1px solid #e4e4e2;  border-width:1px 0 1px 0px;  padding:1%; margin-bottom:35px; }
			.join .step01 .unit { margin: 0 auto;position:relative; padding:1% 3% 3% 2%;color:#252525;  width:90%;}
			.join .step01 .unit .btx { position:relative; line-height:20px; font-size:16px; font-weight:600; color:#555; margin:0 0 10px 0; }
			.join .step01 .unit .tx { position:relative; overflow:hidden; overflow-y:scroll; color:#bbb; height:145px; padding:23px; line-height:18px; color:#555; border:1px solid #bbb; margin-bottom:10px; background:#fff; }
			.join .step01 .unit .tx dl { position:relative; margin-bottom:18px; }
			.join .step01 .unit .tx dl dt { font-weight:bold; }
			.join .step01 .unit2 {  margin: 0 auto;position:relative; padding:0 3% 3% 1%; color:#252525;  width:90%}
			.join .step01 .unit2 .btx { position:relative; line-height:20px; font-size:16px; font-weight:600; color:#555; margin:0 0 10px 0; }
			.join .step01 .unit2 .tx { position:relative; overflow:hidden; overflow-y:scroll; color:#bbb; height:145px; padding:23px; line-height:18px; color:#555; border:1px solid #bbb; margin-bottom:10px; background:#fff; }
			.join .step01 .unit2 .tx dl { position:relative; margin-bottom:18px; }
			.join .step01 .unit2 .tx dl dt { font-weight:bold; } 
            /* 회원가입버튼 */
			.center{margin:0 auto; text-align:center;}
			.center>a:nth-child(1) {color:#fff;padding:1em 3em; background:#32acdd;display: inline-block;}
			.center>a:nth-child(2) {color:#fff;padding:1em 3em; background:#606060; margin-left:3px;}
			
	/* 회원가입세부페이지		 */
	#contents_join h4.st_02 {
    position: relative;
    padding: 0 0 10px 2px;
    font-size: 18px;
    font-weight: 600;
    color: #3a4758;
    line-height: 30px;
    border-bottom: 1px solid #666;
}
			
.star-guide2 {
    position: relative;
    line-height: 30px;
    margin: -40px 0 10px;
    *margin: -30px 0 10px;
    text-align: right;
    color: #252525;
    z-index: 1;
}
			
	.join .step01 {
    position: relative;
    width: 100%;
}

.tb_data02 {
    position: relative;
    width: 100%;
    border: 2px solid #dedede;
    border-width: 0px 0;
    line-height: 20px;
    border-left: 0px solid #dedede;
    table-layout: fixed;
}

.tb_data02 tbody th {
    border: 1px solid #dedede;
    border-width: 0px 1px 1px 0;
    background: #f8f8f8;
    font-size: 14px;
    font-weight: 600;
    color: #252525;
    text-align: left;
    padding: 10px;
    line-height: 35px;
    vertical-align: top;
    word-break:keep-all;
}

.tb_data02 tbody td {
    border: 1px solid #dedede;
    border-width: 0px 0 1px 0;
    padding: 10px;
    color: #5B5B5B;
    font-size: 14px;
    font-weight: normal;
}		
label, button {
    cursor: pointer;
}
			
.ml10 {
    margin-left: 10px !important;
}	
.bt_basic35 {
    display: inline-block;
    *zoom: 1;
    *display: inline; 
    width: 90px;
    height: 35px;
    line-height: 35px;
    color: #111;
    font-weight: 600;
    text-align: center;
    border: 1px solid #dbdbdb;
}			

.bt_basic35:hover {
    color: #fff;
    text-decoration: none;
    background: #0b5ca7;
     cursor: pointer;
}






		
			
/* 			#header{position:relative;width:100%;background:#fff;margin:0 auto; text-align:center; left:0; right:0;    border-bottom: 0.5px solid #ddd;} 
			.top{width:100%;display: inline-block;}
			.logo{height:60px;float:left;}
			.logo li{padding-left:30px;float:left;}
			.logo li a{display:block;text-align:center;}
			.intra_logo{padding-top: 16px;padding-left: 0;}
			.logo img{padding-top: 13px;}
			 */
			.topmenu_bottom {height:60px;float:right; margin-top: 40px;width:100%; text-align:right;position: fixed;z-index:5;}
			.topmenu_bottom ul{display: inline-block; padding-right:2%;} 
			.topmenu_bottom li{padding:29px 0px 0px 15px;float:left;font-weight:500;color:#333;}
/* 			headmenu
			.HeadNavi{position:relative;width:100%;background:rgba(0,0,0,0.5);margin:0 auto;float:left;text-align:left}
			.gnb{margin-left:5px;width:99%;height:40px;float:left;}
			.gnb ul{margin:0;list-item:none;    }
			.gnb li{margin:0;padding:0;width:12%;float:left;display:inline-block;text-align:center;}
			.gnb a{color: #fff; font-weight:500;display:block;letter-spacing:-1px;line-height:3;}
			.gnb a:hover{color: #fff;text-decoration:none; background:#6e7373;display:block;} */


/* .gnb_sub {width:100%; background:#dadde1; position:absolute; left:0;}
.gnb_sub li {float:left;}
.gnb_sub li a {padding:0em 1em; font-size:10pt;}
.gnb_sub .over {color:#fff;}  
.gnb_sub .over a{letter-spacing:2px;color:#333; width:100%;text-align:center;}
.gnb_sub .hover {}
.gnb_sub .hover a{color:#4169a1;  font-size: 11pt;  width:100%; letter-spacing:2px;font-weight:bold;text-align:center;}
			.sub_bg{position:absolute;top:100px;left:0px;width:100%;height:40px;background:url(/images_intra/common/top_submenu_bg.gif) repeat-x 0 0;}
			.sub{font-weight:bold;}
			
			 */
			 
			/* 풀다운메뉴 */
			 .topMenu{position: fixed;width:100%; height:82px;right:0;margin:0 auto; text-align:center;z-index: 6;}  
			 .logo{width:12%; float:left; background:#fff;display:inline-block; }	
			 .logo>li>a>img{width: 220px;  margin-top: 5px;}
			 .deptwrap{ height: 45px;}
			 .deptwrap>ul{height: 100%;}
			 
			 .dept01{ display:inline-block; width: 100%; text-align: center; }      
			 .dept01 li {float:left; width:auto ; text-align: center; padding: 0 19px;}  
			 .dept01 li a{color:#fff ; font-size:15px;line-height:3.1; height: 100%; display: block; text-align:center; margin: 0 auto;}
					
			 .top_left {float: left;line-height: 2.5;}
			 .top_left>li{ float:left;margin-right:1em;}		
		
		
			 .top_right {float: right;line-height: 2.5;}
			 .top_right>li{ float:left;margin-right:1em;}
			 
			 
			 
			 
			 
			 
			 
			 
			/* layout footer */
			.footer {width:100%; display:inline-block; height:50px; }
			.foot{width:100%;padding:0;border-top:1px solid #dfdfdf; height:100%; text-align:center;}
			.foot>p {line-height:4;  font-size:11pt;}
			
			
			/* main_notice */
			.c_left {display:inline-block; float:left; margin-left:2em;}
			.c_right {display:inline-block;}
			
			
			 
			.main {width:100%; display:inline-block; margin-bottom:1em;}
			.left {width:80%; display:inline-block; float:left;}
			.right {float:left; width:27%;}
			.m_wrap {display:none;}
			
			/* 일정항목수정 */
			.list {position:relative;padding:0 30px 25px;margin:0;width:85%; height:182px;}
			.list_t {background:#ccc;height:20%;padding-left:17px;font-weight:bold;font-size:10pt;letter-spacing:-1px;}
			.list_t>li>h3 {display:inline-block; line-height:3; font-weight:700;}
			.list_bg {border-bottom:2px solid #ccc;box-sizing:border-box;height:85%;background:#eee;}
			.main_list {width:80%; margin:0 auto; line-height:2;}
			.main_list>li {display:inline-block;  line-height:2.5; margin:0.1em 0em; cursor:pointer;}
			.main_list>li>a.list_left{float:left;}
			.main_list>li>a.list_right{float:right;}
			
			
			
			
			/* 공지사항수정 */
			.notice {position:relative;padding:0 30px 25px;margin:0;width:85%; height:182px;}
			.notice_t {background:#ccc;height:20%;padding-left:17px;font-weight:bold;font-size:10pt;letter-spacing:-1px;}
			.notice_bg {border-bottom:2px solid #ccc;box-sizing:border-box;height:85%;background:#eee;}
			.main_notice_list {width:80%; height:100%; margin:0 auto;}
			.main_notice_list>li {display:inline-block; width:100%; line-height:2.5; margin:0.1em 0em; cursor:pointer;}
			.main_notice_list>li>a.list_left{float:left;}
			.main_notice_list>li>a.list_right{float:right;}
			
			
			/* 새소식 수정 */
			.news {position:relative; padding:0 30px 25px;margin:0;width:85%; height:182px;}
			.notice_t {background:#ccc;height:20%;font-weight:bold;font-size:10pt;letter-spacing:-1px;}
			.notice_t>li>h3 {display:inline-block; line-height:3; font-weight:700;}
			.main_news_list {margin:0 auto; border-bottom:2px solid #ccc;box-sizing:border-box;height:85%;background:#eee;}
			.main_news_list>li {display:inline-block; width:100%; line-height:2.5; margin:0.1em 0em; cursor:pointer;}
			.main_news_list>li>a.list_left{float:left;}
			.main_news_list>li>a.list_right{float:right;}
			
			
			/* calendar */
			.calendar{position:relative;margin:0;padding:0;overflow:hidden;width:570px;text-align:center;height:538px;border:1px solid #ccc;box-sizing:border-box;float:left}
			.calendar_period{clear:both;padding:10px 0 15px;background:#8EC7D0;}
			.calendar_period strong{display:inline-block;width:120px;font-size:10pt;color:#082a50;line-height:15px;text-align:center;font-weight:bold;}
			.calendar table{width:280px;margin:0 auto 2px;margin-top:1px;border:0;border-collapse:collapse;border-top:1px solid #d2d6e2;text-align:center;}
			.calendar table caption{display:none}
			.calendar table thead{display:none}
			.calendar table td{padding:0;border:0;background:#fff;border:0;border-bottom:3px solid #fff;font-size:10pt;line-height:12px;border:1px solid #d2d6e2;height:27px;}
			.calendar table td a{display:block;width:38px;height:27px;color:#706e6f;text-align:center;font-size:10pt;font-family:verdana;}
			
			
			/* sub_leftmenu */
			.left_quick{padding:0;border-right:1px solid #ddd; width:87%;height:40px;background:#0d47a1; margin: 10px auto; border-radius:3px;}
			.left_quick>h3{font-size:13pt;  color:#fff;  text-align:center;  line-height:2.2; height: 100%;}
			#quick {position:fixed; top:150px; right:0; width:93px; height:100%; overflow:hidden; z-index:16;}
			.link li{margin:0 0 2px 0;clear:both;}
			.link li a{margin:0 0 2px 0;clear:both;}
			.quick{padding:0;margin:10px 14px 12px 14px;width:89%;}
			.quick .tit{font-weight:bold;padding-bottom:5px;}
			.quick .icon {text-align:center; background:url(/images_intra/common/quick_link_bg2.gif) no-repeat;height:28px;background-size:cover; }
			.quick img {vertical-align:middle;margin-right:4px; }
			.quick a{color:#ffffff;font-size:10pt;text-decoration:none}
			
			/* left_menu */
			.lnb ul{margin:0;padding:0;list-style:none;}
			.lnb li{margin:0;padding:0;}
			.lnb li a{text-align: left;display:block;padding:13px 12px 10px 27px;text-decoration:none;font-weight:bold;border-top:1px solid #ffffff;border-left:1px solid #d1d1d1;border-bottom:1px solid #d1d1d1;}
			
			
			.lnb{width:100%;}
			.lnb_tit{height:40px;background:url(/images_intra/back.jpg) no-repeat;border-radius:5px 5px 0 0; background-size:cover; }
			.lnb_tit h3{font-size:30pt;letter-spacing:-2px;text-align:center;line-height:50px;color:#fff;font-weight:bold;}
			
			.left_menu{border-top:1px solid #e5e5e5;}
			

			/* contents */
			.path{padding:0;margin:0;width:88%;height:50px;float:right;background:#fff; border-bottom:1px solid #d1d1d1;}
			.path>ul{width:100%;}
			.path>ul>li:nth-child(1)>img{width: 27px;}
			.path>ul>li:nth-child(1){width:45%;text-align:left;float:left; margin-top:13px; font-size: 18px;color:#333; font-weight:600;padding-left: 15px;}
			.path>ul>li:nth-child(2){width:45%;text-align:right;float:right; margin-top:15px;padding-right: 15px; }			 
				
             .modal-body{margin-top:10px;}





			/* 현황페이지 등록및 검색창 */
				.tbl_top{background:#f4f4f4; display:inline-block; width:100%;}
				.tbl_top_left{float:left; display:inline-block; padding:1em;}
				.tbl_top>.tbl_top_left>li{text-align:left; display:inline-block; vertical-align: middle;}
				.tbl_top>.tbl_top_right{float:right; display:inline-block; padding:0.5em;}
				.tbl_top>.tbl_top_right>li{display:inline-block; vertical-align: middle;}
				.tbl_top>.tbl_top_left>li>a{border-radius:0.2em;color:#fff; display:inline-block;padding:0.1em 1em;line-height:2;cursor:pointer;text-decoration:none; }
				.tbl_top>.tbl_top_right>li>a{border-radius:0.2em;display:inline-block;padding:0.1em 1em;line-height:2;cursor:pointer;color:#fff;text-decoration:none;}
				
				
				/* 등록 취소 버튼 */
				.tbl_btn_right {float:right; display:inline-block; line-height:3;}
				.tbl_btn_right>ul>li{ display:inline-block;}
				.tbl_btn_right>ul>li>img {vertical-align:middle;}
				.tbl_btn_right>ul>li>a{border-radius:0.2em;display:inline-block;padding:0em 1em;line-height:2;cursor:pointer;text-decoration:none;}
				



@media all and (max-width:320px){

	.subject span.stit {-webkit-line-clamp: 1;} 
	.login_logo2 {width: 90%; margin-top: 2%; margin-bottom: 2%;}
	.container_login{width:95%;}
	.login_foot {width: 95%;}
	.login_logo2>img { width: 99%;} 
	.login_logo3>img {display:none;} 
	.login_left{display:none;}




	/* menu */
		#m_header_wrap {display:inline-block; width:100%;}
		#header_wrap {display:none;}
		
		.m_logo {width:100%; display:inline-block;}
		.m_logo>ul {width:100%; display:inline-block; background:#fff;}
		.m_logo>ul>li {padding:0em 0.5em 0.5em 0.5em; }
		.logo_img {float:left; cursor:pointer;}
		.m_menu {float:right; cursor:pointer;}
		#leftMenu {display:none;}
		.main_content {width:100%; margin-bottom:0.5em;}

	/* 로그아웃 */
	.m_left_top{width:100%;border-bottom:2px solid #6d6b6b;border-top:2px solid #6d6b6b;display:inline-block;background-color:#fff;}
	.m_left_top_top{margin:1em 0em 1em 0.5em; width:97%;}
	.m_left_top_top>li{display:inline-block;padding-right:0.5em;}
	.m_left_top_top>li>a{font-size:10pt;font-weight:700;cursor:pointer;}
	.close {float:right; cursor:pointer;margin: 1em 0.5em 1em 0.5em;}
	
	.m_left_top_bottom {width:94%; margin:1em auto; text-align:center;}
	.m_left_top_bottom>li {display:inline-block; width:40%;}
	
	/* 메뉴 */
	#m_header{position:absolute;z-index:99999;width:100%;background-color:#0d47a1; left:-6000px;}

	.m_gnb_menu{display:inline-block;width:100%;height:100%;}
	.m_gnb_menu>li{width:100%;}
	.m_gnb_menu>li>a{text-decoration:none;font-weight:700;color:#fff;font-size:10pt; line-height:3;display:block;padding:0em 1em;cursor:pointer;}
	.m_gnb_menu>li>a:hover{text-decoration:none;}
	.m_gnb_sub{display:none;}
	.m_gnb_sub li{background-color:#fff; border-top:1px solid #dcdcdc; padding-left:2em; line-height:3;}
	.m_gnb_sub li span {font-size:1em;}
	.m_gnb_sub li a{line-height:3;color:#333;text-decoration:none;display:block;font-size:10pt;cursor:pointer;}
	
      .btn_login{font-size: 11pt;}
		.btn_login2 {
		    color: #888;
		    margin-top: 1px;
		    display: block;
		    width: 100%;
		    font-size: 11pt !important;
		    line-height: 2.6;
		    font-weight: 600;
		    text-align: center;
		    background: #dddddd;
		    border-radius: 50px;
		    height: 40px !important;
		    cursor: pointer;
		    border: 1px solid #ccc;
		}      
		.intro_login {float:none; width:100%; border:none;}
		.intro_loginbox {margin:3em auto;}
		.intro_loginbox2 {float:none; width:100%; margin:0 auto; text-align:center;}
		
		.intro_loginbox3 {width:95%; display:block; margin:0 auto;}
		.intro_loginbox3_1 {float:none; width:100%;}
		.intro_loginbox3_1>li>input {width:98%; height:40px !important;}
		
		.intro_loginbox4 {width:95%;}
		.btn_login {float:none; width:100%; text-align:center; margin:0.5em auto;}
		.btn_login>li>input {height:55px; width:102%; line-height:3.1;}
		
		.intro_loginbox4_1>li:nth-child(1) {width: 100%; padding:1em 0; text-align:center;}
		.intro_loginbox4_1>li:nth-child(2) {float:none;}
		.intro_loginbox4_1>li:nth-child(2)>a {width:100%; height:40px; line-height:3; letter-spacing:8px;}
		
		
		
		
	/* main */
     	#contents {padding-top:0 !important; border-top:none !important; width:96% !important;margin-left:2%  !important;}
	
		.m_wrap {display:block;}
		.main {display:none;}
		
		.m_main_img {display:inline-block; width:100%; margin:2em auto;}
		.m_main_img>ul {width:75%; margin:0 auto;}
		.m_main_img>ul>li {display:inline-block; float:left; margin:1em 2em;}
			.tbl_top>.tbl_top_right>li>a {padding:0em 1em !important; line-height:2.6 !important;}
		
		#leftMenu {display:none;}
		
/* 일정관리  */	
		.fc-toolbar > * > :not(:first-child) {margin-left:0 !important;}		
		.fc-toolbar h2 {font-weight:700; font-size:15pt !important;}
	
		.fc-timeGridWeek-button,  .fc-timeGridDay-button {display:none !important;}
		.fc-left {}
		.fc-button-group > .fc-button {}
		
		.fc-scroller {overflow:auto !important; height:100% !important;}
		.fc-dayGrid-view .fc-body .fc-row {min-height:7em !important;}
		
		.path{width:100%;border-top:1px solid #d1d1d1}
		.tab button{width:20% !important;}
}




 
@media all and (min-width:320px) and (max-width:640px){

			.subject span.stit {-webkit-line-clamp: 1;} 
			.login_logo2 {width: 90%; margin-top: 2%;margin-bottom: 2%;}
			.container_login{width:90%;}
			.login_foot {width: 95%;}
			.login_logo2>img { width: 300px;}
			.login_logo3>img {display:none;} 
			.login_left{display:none;}
         /* menu */
			#m_header_wrap {display:inline-block; width:100%;}  
			#header_wrap {display:none;} 
			
		.m_logo {width:100%; display:inline-block;}
		.m_logo>ul {width:100%; display:inline-block; background:#fff;}
		.m_logo>ul>li {padding:0em 0.5em 0.5em 0.5em; }
		.logo_img {float:left; cursor:pointer;}
		.m_menu {float:right; cursor:pointer;}
		#leftMenu {display:none;} 
		.main_content {width:100%; margin-bottom:0.5em;}

		/* 로그아웃 */
	.m_left_top{width:100%;border-bottom:2px solid #6d6b6b;border-top:2px solid #6d6b6b;display:inline-block;background-color:#fff;}
	.m_left_top_top{margin:1em 0em 1em 0.5em; width:97%;}
	.m_left_top_top>li{display:inline-block;padding-right:0.5em;}
	.m_left_top_top>li>a{font-size:10pt;font-weight:700;cursor:pointer;}
	.close {float:right; cursor:pointer;margin: 1em 0.5em 1em 0.5em;}
	
	.m_left_top_bottom {width:94%; margin:1em auto; text-align:center;}
	.m_left_top_bottom>li {display:inline-block; width:40%;}
/* 메뉴 */
	#m_header{position:absolute;z-index:99999;width:100%;background-color:#0d47a1; left:-6000px;}

	.m_gnb_menu{display:inline-block;width:100%;height:100%;}
	.m_gnb_menu>li{width:100%;}
	.m_gnb_menu>li>a{text-decoration:none;font-weight:700;color:#fff;font-size:10pt; line-height:3;display:block;padding:0em 1em;cursor:pointer;}
	.m_gnb_menu>li>a:hover{text-decoration:none;}
	.m_gnb_sub{display:none;}
	.m_gnb_sub li{background-color:#fff; border-top:1px solid #dcdcdc; padding-left:2em; line-height:3;}
	.m_gnb_sub li span {font-size:1em;}
	.m_gnb_sub li a{line-height:3;color:#333;text-decoration:none;display:block;font-size:10pt;cursor:pointer;}
	

		.intro_login {float:none; width:100%; border:none;}
		.intro_loginbox {margin:3em auto;}
		.intro_loginbox2 {float:none; width:100%; margin:0 auto; text-align:center;}
		
		.intro_loginbox3 {width:95%; display:block; margin:0 auto;}
		.intro_loginbox3_1 {float:none; width:100%;}
		.intro_loginbox3_1>li>input {width:98%; height:50px !important;}
		
		.intro_loginbox4 {width:95%;}
		.btn_login {float:none; width:100%; text-align:center; margin:0.5em auto;}
		.btn_login>li>input {height:55px; width:102%; line-height:3.1;}
		
		.intro_loginbox4_1>li:nth-child(1) {width: 100%; padding:1em 0; text-align:center;}
		.intro_loginbox4_1>li:nth-child(2) {float:none;}
		.intro_loginbox4_1>li:nth-child(2)>a {width:100%; height:40px; line-height:3; letter-spacing:8px;}
		
		
		
		
/* main */
     	#contents {padding-top:0 !important; border-top:none !important; width:96% !important;margin-left:2%  !important;}
	
		.m_wrap {display:block;}
		.main {display:none;}
		
		.m_main_img {display:inline-block; width:100%; margin:2em auto;}
		.m_main_img>ul {width:75%; margin:0 auto;}
		.m_main_img>ul>li {display:inline-block; float:left; margin:1em 2em;}
			.tbl_top>.tbl_top_right>li>a {padding:0em 1em !important; line-height:2.6 !important;}
		
		#leftMenu {display:none;}
		
/* 일정관리  */	
		.fc-toolbar > * > :not(:first-child) {margin-left:0 !important;}		
		.fc-toolbar h2 {font-weight:700; font-size:15pt !important;}
	
		.fc-timeGridWeek-button,  .fc-timeGridDay-button {display:none !important;}
		.fc-left {}
		.fc-button-group > .fc-button {}
		
		.fc-scroller {overflow:auto !important; height:100% !important;}
		.fc-dayGrid-view .fc-body .fc-row {min-height:7em !important;}
		
		.path{width:100%;border-top:1px solid #d1d1d1}
		.tab button{width:30% !important;}
}



@media all and (min-width:640px) and (max-width:1191px){
			.subject span.stit {-webkit-line-clamp: 1;} 
			.login_logo2 {width: 90%; margin-top: 2%;}
			.container_login{width:60%;}
			.login_foot {width: 95%;}
			.login_logo2>img { width: 300px;}
			.login_logo3>img { width: 450px;}
			.login_left{display:none;}
          /* menu */
			#m_header_wrap {display:inline-block; width:100%;}
			#header_wrap {display:none;}
		
		.m_logo {width:100%; display:inline-block;}
	   .m_logo>ul {width:100%; display:inline-block; background:#fff;}
	   .m_logo>ul>li {padding:0em 0.5em 0.5em 0.5em; }
    	.logo_img {float:left; cursor:pointer;}
	   .m_menu {float:right; cursor:pointer;}
    	#leftMenu {display:none;}
	   .main_content {width:100%; margin-bottom:0.5em;}

		/* 로그아웃 */
	.m_left_top{width:100%;border-bottom:2px solid #6d6b6b;border-top:2px solid #6d6b6b;display:inline-block;background-color:#fff;}
	.m_left_top_top{margin:1em 0em 1em 0.5em; width:97%;}
	.m_left_top_top>li{display:inline-block;padding-right:0.5em;}
	.m_left_top_top>li>a{font-size:10pt;font-weight:700;cursor:pointer;}
	.close {float:right; cursor:pointer; margin: 1em 0.5em 1em 0.5em;}
	
	.m_left_top_bottom {width:94%; margin:1em auto; text-align:center;}
	.m_left_top_bottom>li {display:inline-block; width:40%;}
	/* 메뉴 */
		#m_header{position:absolute;z-index:99999;width:100%;background-color:#0d47a1; left:-6000px;}
	
		.m_gnb_menu{display:inline-block;width:100%;height:100%;}
		.m_gnb_menu>li{width:100%;}
		.m_gnb_menu>li>a{text-decoration:none;font-weight:700;color:#fff;font-size:10pt; line-height:3;display:block;padding:0em 1em;cursor:pointer;}
		.m_gnb_menu>li>a:hover{text-decoration:none;}
		.m_gnb_sub{display:none;}
		.m_gnb_sub li{background-color:#fff; border-top:1px solid #dcdcdc; padding-left:2em; line-height:3;}
		.m_gnb_sub li span {font-size:1em;}
		.m_gnb_sub li a{line-height:3;color:#333;text-decoration:none;display:block;font-size:10pt;cursor:pointer;}
	

		.intro_login {float:none; width:100%; border:none;}
		.intro_loginbox {margin:3em auto;}
		.intro_loginbox2 {float:none; width:100%; margin:0 auto; text-align:center;}
		
		.intro_loginbox3 {width:95%; display:block; margin:0 auto;}
		.intro_loginbox3_1 {float:none; width:100%;}
		.intro_loginbox3_1>li>input {width:98%; height:50px !important;}
		
		.intro_loginbox4 {width:95%;}
		.btn_login {float:none; width:100%; text-align:center; margin:0.5em auto;}
		.btn_login>li>input {height:55px; width:102%; line-height:3.1;}
		
		.intro_loginbox4_1>li:nth-child(1) {width: 100%; padding:1em 0; text-align:center;}
		.intro_loginbox4_1>li:nth-child(2) {float:none;}
		.intro_loginbox4_1>li:nth-child(2)>a {width:100%; height:40px; line-height:3; letter-spacing:8px;}
		
		
		
		
/* main */
     	#contents {padding-top:0 !important; border-top:none !important; width:96% !important;margin-left:2%  !important;}
	
		.m_wrap {display:block;}
		.main {display:none;}
		
		.m_main_img {display:inline-block; width:100%; margin:2em auto;}
		.m_main_img>ul {width:75%; margin:0 auto;}
		.m_main_img>ul>li {display:inline-block; float:left; margin:1em 2em;}
			.tbl_top>.tbl_top_right>li>a {padding:0em 1em !important; line-height:2.6 !important;}
		
		#leftMenu {display:none;}
		
/* 일정관리  */	
		.fc-toolbar > * > :not(:first-child) {margin-left:0 !important;}		
		.fc-toolbar h2 {font-weight:700; font-size:15pt !important;}
	
		.fc-timeGridWeek-button,  .fc-timeGridDay-button {display:none !important;}
		.fc-left {}
		.fc-button-group > .fc-button {}
		
		.fc-scroller {overflow:auto !important; height:100% !important;}
		.fc-dayGrid-view .fc-body .fc-row {min-height:7em !important;}
		
		.path{width:100%;border-top:1px solid #d1d1d1}
		.tab button{width:20% !important;}
		
		
}

 @media all and (min-width:892px) and (max-width:1192px){
			.login_logo2 {width: 70%; margin-top: 3%;}
			.container_login{width:50%;}
			.login_foot {width: 95%;}
			.login_logo2>img { width: 350px;}
			.login_logo3>img { width: 450px;}
			인트라넷 top 크기
			#header {width:100%;}
			.lnb li a {
		    text-align: left;
		    display: block;
		    padding: 13px 12px 10px 8px;
		    text-decoration: none;
		    font-weight: bold;
		    border-top: 1px solid #ffffff;
		    border-left: 1px solid #d1d1d1;
		    border-bottom: 1px solid #d1d1d1;
		}
			인트라넷 컨텐츠 크기  
			.container {width:100%;}
			#contents { 
			width: 96% !important;
		    padding-right: 2%;
		    padding-bottom: 1%;
		    float: right;}
			#leftMenu {
		    width: 21%;
		    display: inline-block;
		    height: 100%;
		    float: left;
		    position: fixed;
		    left: 0;
		    border: 1px solid #ddd;
		}
		
		.tab button{width:25% !important;}
 


			 .logo{width:21%; float:left; background:#fff;height: 100%;display:inline-block; }	
			 .logo>li>a>img{width: 150px;  margin-top: 15px;} 
    	    #leftMenu {display:none;}
             .path{width:82%;}
			 .top_right {float: right;} 
			 .top_right>li{ float:left;margin-right:1em;}
	
} 

@media (min-width: 1192px) and (max-width: 1350px) {
			.login_logo2 {width: 70%; margin-top:4%;}
			.container_login{width:40%;}
			.login_foot {width: 90%;}
			.login_logo2>img { width: 350px;}
			.login_logo3>img { width: 450px;}

            #contents {  width: 78%;  margin-left: 20%;}
             #leftMenu{width: 18%;}
             .path{width:82%;}
			 .logo{width:18%; float:left; background:#fff;height: 100%;display:inline-block; }	
			 .logo>li>a>img{width: 150px;  margin-top: 15px;} 

			 .top_right {float: right;}
			 .top_right>li{ float:left;margin-right:1em;}
			.left_bottom { bottom: 12%;}
			.tab button {width:20% !important;}
			
			
			
				.lnb li a {
				    text-align: left;
				    display: block;
				    padding: 13px 12px 10px 8px;
				    text-decoration: none;
				    font-weight: bold;
				    border-top: 1px solid #ffffff;
				    border-left: 1px solid #d1d1d1;
				    border-bottom: 1px solid #d1d1d1;
				}			
				
			 .dept01 li {float:left; width:auto ; text-align: center; padding: 0 9px;}   
			 .dept01 li a{color:#fff ; font-size:14px;line-height:3.4; height: 100%; display: block; text-align:center; margin: 0 auto;}
															
			
   }
   @media all and (min-width:1350px) and (max-width:1680px){
			.login_logo2 {width: 70%; margin-top:4%;}
			.container_login{width:35%;}
			.login_foot {width: 70%;}
			.login_logo2>img { width: 350px;}
			.login_logo3>img { width: 450px;}
			.path {width: 85%;}
			#leftMenu{width:15%;}
			#contents {
			    width: 83%;
			    height: 100%;
			    margin-left: 16%;
			}
			 .logo{width:15%; float:left; background:#fff;display:inline-block; }	
			 .logo>li>a>img{width: 180px;  margin-top: 10px;} 
		
			 .top_right {float: right;}
			 .top_right>li{ float:left;margin-right:1em;}
			.tab button {width:20% !important;}
			.left_bottom { bottom: 11%;}
			
			 .dept01 li {float:left; width:auto ; text-align: center; padding: 0 13px;}  
			 .dept01 li a{color:#fff ; font-size:15px;line-height:3.1; height: 100%; display: block; text-align:center; margin: 0 auto;}
								
			
			
}  
@media all and (min-width:1680px) and (max-width:1824px){
			.login_logo2 {width: 70%; margin-top: 4%;}
			.container_login{width:30%;}
			.login_foot {width: 70%;}
			.login_logo2>img { width: 350px;} 
			.login_logo3>img {width: 450px;}

			 .logo{width:15%; float:left; background:#fff;display:inline-block; }	
			 .logo>li>a>img{width: 180px;  margin-top: 10px;} 
		
			 .top_right {float: right;}
			 .top_right>li{ float:left;margin-right:1em;}

			.left_bottom { bottom: 11%;}
			
			
			 .dept01 li {float:left; width:auto ; text-align: center; padding: 0 19px;}  
			 .dept01 li a{color:#fff ; font-size:15px;line-height:3.1; height: 100%; display: block; text-align:center; margin: 0 auto;}
			
			
			
}  

@media all and (min-width : 1824px) {


	
}