@font-face {
    font-family: 'notokr-medium';
    src: url('/font/NotoKR-Medium/notokr-medium.eot');
    src: url('/font/NotoKR-Medium/notokr-medium.eot?#iefix') format('embedded-opentype'),
         url('/font/NotoKR-Medium/notokr-medium.woff') format('woff'),
         url('/font/NotoKR-Medium/notokr-medium.ttf') format('truetype'),
         url('/font/NotoKR-Medium/notokr-medium.svg#notokr-medium') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'notokr-bold';
    src: url('/font/NotoKR-Bold/notokr-bold.eot');
    src: url('/font/NotoKR-Bold/notokr-bold.eot?#iefix') format('embedded-opentype'),
         url('/font/NotoKR-Bold/notokr-bold.woff') format('woff'),
         url('/font/NotoKR-Bold/notokr-bold.ttf') format('truetype'),
         url('/font/NotoKR-Bold/notokr-bold.svg#notokr-bold') format('svg');
    font-weight: normal;
    font-style: normal;

}

	BODY {font-family:"notokr-medium", "Vedana"; 
		color:#666666; 
		font-size: 14px; 
		line-height: 20px;
		scrollbar-face-color:#dddddd;
		scrollbar-highlight-color: #ffffff;
		scrollbar-3dlight-color: #B8B8B8;
		scrollbar-shadow-color: #ffffff;
		scrollbar-darkshadow-color: #999999;
		scrollbar-track-color: #efefef;
		scrollbar-arrow-color: #8D8D8D;
	}

	div { font:12px/18px "notokr-medium", "Vedana", 'Tahoma',Gulim,AppleGothic,Sans-serif; }

	img {border:0px;border : none;}
	input {line-height: 18px; font-family: "Noto Sans KR","Helvetica Neue",Helvetica,Arial,sans-serif; color: #000000; font-size: 9pt}
	select {border-bottom: #cecece 1px solid; border-left: #cecece 1px solid; line-height: 12px; background-color: #ffffff; font-family: "notokr-medium","Helvetica Neue",Helvetica,Arial,sans-serif; color: #000000; font-size: 9pt; border-top: #cecece 1px solid; border-right: #cecece 1px solid}

	.con {font-family:"notokr-medium", "Vedana"; color:#999999; font-size: 14px; line-height: 20px;}
	.con0 {font-family:"notokr-medium", "Vedana"; color:#666666; font-size: 13px; line-height: 20px;}
	.con0_1 {font-family:"notokr-medium", "Vedana"; color:#666666; font-size: 15px; line-height: 120%;}
	.con1 {font-family:"notokr-medium", "Vedana"; color:#333333; font-size: 28px; font-weight: bold; line-height: 120%;}
	.con2 {font-family:"notokr-medium", "Vedana"; color:#666666;	font-size: 15px; }
	.con3 {font-family:"notokr-medium", "Vedana"; color:#ffffff; font-size: 15px; line-height: 120%; }
	.con4 {font-family:"notokr-medium", "Vedana"; color:#999999; font-size: 13px; }
	.con5 {font-family:"notokr-medium", "Vedana"; color:#333333; font-size: 24px; font-weight: bold; line-height: 120%; }
	.con6 {font-family:"notokr-medium", "Vedana"; color:#333333; font-size: 14px; line-height: 20px;}
	.con7 {font-family:"notokr-medium", "Vedana"; color:#1993af;	font-size: 16px; line-height: 22px}
	.con8 {font-family:"notokr-medium", "Vedana"; color:#333333; font-size: 20px; font-weight: bold;}
	.con9 {font-family:"notokr-medium", "Vedana"; color:#666666; font-size: 18px; font-weight: bold;}
	.con10 {font-family:"notokr-medium", "Vedana"; color:#33869d; font-size: 13px; line-height: 22px;}
	.con11 {font-family:"notokr-medium", "Vedana"; color:#33869d; font-size: 28px; font-weight: bold; line-height: 22px;}
	.con12 {font-family:"notokr-medium", "Vedana"; color:#33869d; font-size: 14px; line-height: 22px; font-weight: bold;}
	.con13 {font-family:"notokr-medium", "Vedana"; color:#666666; font-size: 16px; line-height: 22px; }
	.con14 {font-family:"notokr-medium", "Vedana"; color:#666666; font-size: 12px; line-height: 22px; }
	.con15 {font-family:"notokr-medium", "Vedana"; color:##000000; font-size: 18px; font-weight: bold; line-height: 22px; }
	.con15L {font-family:"notokr-medium", "Vedana"; color:##000000; font-size: 24px; line-height: 22px; }
	



	.con_copyright {font-family:"notokr-medium", "Vedana"; color:#e7e7e7; font-size: 14px; line-height: 20px;}
	
	
	A:link{color:#666666;; text-decoration:none;font-family:"notokr-medium", "Vedana"; font-size: 14px; }
	A:visited{color:#666666;; text-decoration:none;font-family:"notokr-medium", "Vedana"; font-size: 14px}
	A:hover {color:#666666; text-decoration:underline;font-family:"notokr-medium", "Vedana"; font-size: 14px;}
	
	A.p:link{color:#666666; letter-spacing:-1pt; line-height:18px; text-decoration:none;font-family:"µ¸¿òÃ¼", "Times New Roman"; font-size: 12px; }
	A.p:visited{color:#666666; letter-spacing:-1pt; line-height:18px; text-decoration:none;font-family:"µ¸¿òÃ¼", "Times New Roman"; font-size: 12px}
	A.p:hover {color:#666666; letter-spacing:-1pt; line-height:18px; text-decoration:underline;font-family:"µ¸¿òÃ¼", "Times New Roman"; font-size: 12px;}
	
	A.f:link{color:#e4e5e4; letter-spacing:-1pt; line-height:18px; text-decoration:none;font-family:"µ¸¿òÃ¼", "Vedana"; font-size: 11px; }
	A.f:visited{color:#e4e5e4; letter-spacing:-1pt; line-height:18px; text-decoration:none;font-family:"µ¸¿òÃ¼", "Vedana"; font-size: 11px}
	A.f:hover {color:#e4e5e4; letter-spacing:-1pt; line-height:18px; text-decoration:underline;font-family:"µ¸¿òÃ¼", "Vedana"; font-size: 11px;}
	
	A.b:link{color:#3a2b22; letter-spacing:0pt; line-height:18px; text-decoration:none;font-family:"µ¸¿ò", "Vedana"; font-size: 12px; }
	A.b:visited{color:#3a2b22; letter-spacing:0pt; line-height:18px; text-decoration:none;font-family:"µ¸¿ò", "Vedana"; font-size: 12px}
	A.b:hover {color:#3a2b22; letter-spacing:0pt; line-height:18px; text-decoration:underline;font-family:"µ¸¿ò", "Vedana"; font-size: 12px;}
	
	A.o:link{color:#877E66; text-decoration:none;font-family:"Tahoma,Vedana"; font-size: 11px; }
	A.o:visited{color:#877E66; text-decoration:none;font-family:"Tahoma,Vedana"; font-size: 11px}
	A.o:hover {color:#877E66; text-decoration:underline;font-family:"Tahoma,Vedana"; font-size: 11px;}
	
	A.oo:link{color:#666666; text-decoration:none;font-family:"Tahoma,Vedana"; font-size: 12px; }
	A.oo:visited{color:#666666; text-decoration:none;font-family:"Tahoma,Vedana"; font-size: 12px}
	A.oo:hover {color:#666666; text-decoration:underline;font-family:"Tahoma,Vedana"; font-size: 12px;}
	
	A.list:link{color:#666666; text-decoration:none;font-family:"Tahoma,Vedana"; font-size: 12px; }
	A.list:visited{color:#666666; text-decoration:none;font-family:"Tahoma,Vedana"; font-size: 12px}
	A.list:hover {color:#950000; text-decoration:none;font-family:"Tahoma,Vedana"; font-size: 12px;}
	


.page{font-family:"tahoma"; color:#666666;font-size: 11px;line-height: 17px}.s_menu { font-family:"µ¸¿ò", "Vedana"; color:#3E3E3E; font-size: 11px; line-height: 14px}
.s_text { font-family:"µ¸¿ò", "Vedana"; color:#5E5E5E; font-size: 12px; line-height: 15px}

.form {BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; FONT-SIZE: 12px; BORDER-LEFT: #000000 1px solid; COLOR: #000000; BORDER-BOTTOM: #000000 1px solid; FONT-FAMILY: µ¸¿òÃ¼; BACKGROUND-COLOR: #ffffff}
.input {BORDER-RIGHT: #9D9D9D 1px solid; BORDER-TOP: #9D9D9D 1px solid; FONT-SIZE: 12px; BORDER-LEFT: #9D9D9D 1px solid; COLOR: black; BORDER-BOTTOM: #9D9D9D 1px solid; FONT-FAMILY: "µ¸¿òÃ¼", "Times New Roman"; BACKGROUND-COLOR: #ffffff}
.input2 {BORDER-RIGHT: #bfbfbf 1px solid; BORDER-TOP: #bfbfbf 1px solid; FONT-SIZE: 12px; BORDER-LEFT: #bfbfbf 1px solid; COLOR: #666666; BORDER-BOTTOM: #bfbfbf 1px solid; FONT-FAMILY: "µ¸¿òÃ¼", "Times New Roman"; BACKGROUND-COLOR: #FFFFFF}
.scroll {BORDER-RIGHT: 0px solid; BORDER-TOP: 0px solid; FONT-SIZE: 12px; BORDER-LEFT: 0px solid; COLOR: white; BORDER-BOTTOM: 0px solid; FONT-FAMILY: "µ¸¿òÃ¼", "Times New Roman"; BACKGROUND-COLOR: #000000}
.id {BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; FONT-SIZE: 12px; BORDER-LEFT: black 1px solid; COLOR: black; BORDER-BOTTOM: black 1px solid; FONT-FAMILY: "µ¸¿òÃ¼", "Times New Roman"; BACKGROUND-COLOR: #ffffff}
.textarea {BORDER-RIGHT: 1px solid; BORDER-TOP: 1px solid; FONT-SIZE: 12px; BORDER-LEFT: 1px solid; COLOR: #666666; BORDER-BOTTOM: 1px solid; FONT-FAMILY: "µ¸¿òÃ¼", "Times New Roman"; BACKGROUND-COLOR: #ffffff}




/* nav menu styles */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ol, ul { list-style: none; margin:0; padding:0;}

blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
strong { font-weight: bold; } 


#nav { 
  display: block; 
  width: 204px; 
}

#nav li { }

#nav > li > a { 
  display: block; 
  padding: 8px 18px;
  font-family:"notokr-medium", "Vedana"; 
  color:#666666; 
  font-size: 15px; 
  line-height: 150%; 
  text-decoration: none;
  background:url(/images/im_03.png) no-repeat right center;
  border-bottom: 1px solid #c3c3c3;
  background-color: #ffffff; /* ±âº» */
}
#nav > li > a:hover, #nav > li > a.open { 
  font-family:"notokr-medium", "Vedana"; 
  color:#ffffff; 
  font-size: 15px; 
  line-height: 150%; 
  border-top-color: #585858;
  border-bottom-color: #585858;
  background-color: #f47f0c;
}

#nav li ul { display: block; background: #ffffff;   border-bottom: 1px solid #c3c3c3; }



#nav li ul li a { 
  font-family:"notokr-medium", "Vedana"; 
  font-size: 15px; 
  line-height: 150%; 
  display: block; 
  background: none;
  padding: 4px 0px;
  padding-left: 20px;
  text-decoration: none;
  color: #666666;
  
}

#nav li ul li a:hover {
  background: #f47f0c;
}

#nav li ul li a.selected{
	color:#ffffff; 
	background: #f47f0c;
}

#nav li a.selected{
	color:#ffffff; 
	background: #f47f0c;
}


#quick2{width:1101px;height:396px;position: relative;float:left;margin:0px;}

.event			{position:relative;margin-top:0px;margin-left:0px;padding-top:0px;width:1101px;height:396event_areapx;overflow:hidden;display:block;}
.event ul		{padding:0;margin:0px;width:1101px;height:392px;overflow:hidden;display:block}
.event ul li		{float:left;position:relative;margin:0;padding:0;overflow:hidden}
.event ul li a	{float:left;overflow:hidden;display:block}
.event_area{border:0px solid #a8a8a8;margin-top:2px;height:392px;}


.partner TH{font-family:"notokr-medium", "Vedana"; color:#4f4f4f; font-size: 13px; line-height: 22px;padding-left: 4px;padding-right: 4px;}
.partner TD{font-family:"notokr-medium", "Vedana"; color:#4f4f4f; font-size: 11px; line-height: 22px;padding-left: 4px;padding-right: 4px;}


#main_menu *{margin:0;padding:0;list-style:none}
#main_menu img{border:0}
#main_menu a{text-decoration:none}

#main_menu {position:relative;width:100%;}
#main_menu .DB_wrap{position:relative;left:50%;width:1100px;margin-left:-550px/*widthÀý¹Ý*/;height:98px;}
#main_menu .DB_wrap h1{float:left;width:284px;margin-top: 20px;}

#main_menu .DB_wrap .DB_main {float:left; margin-top:20px;width:816px;height:76px;text-align:center;}
#main_menu .DB_wrap .DB_main li{width:130px;display:inline-block; text-align:center; }
#main_menu .DB_wrap .DB_main li a{display:block;width:100%; font-family:"notokr-bold", "Vedana"; font-size: 20px;margin-top:20px; }
#main_menu .DB_wrap .DB_main li a:hover{color:#ff7700;}
#main_menu .DB_wrap .DB_main li.DB_select{}


#main_menu .DB_mask{display:none;position:absolute/*relative º»¹®À» ¹Ð¾î³¿*/;width:100%;background:url('/images/main/bg.png');height:260px/*¼­ºê¸Þ´ºÀüÃ¼³ôÀÌ*/;overflow:hidden; z-index:999}
#main_menu .DB_mask .DB_subSet{position:relative;left:50%;width:1100px;margin-left:-550px/*widthÀý¹Ý*/;margin-top:20px; }
#main_menu .DB_mask .DB_subSet ul{float:left;width:130px;}
#main_menu .DB_mask .DB_subSet ul:first-child{margin-left:300px}/*ºñÇ¥ÁØÀÎ°æ¿ì Å¬·¡½º·ÎÀû¿ë*/
#main_menu .DB_mask .DB_subSet ul li{height:24px;}
#main_menu .DB_mask .DB_subSet ul li a{display:block;width:98%;padding:2px;color:#ffffff;font-family:"notokr-medium", "Vedana"; font-size: 15px;}
#main_menu .DB_mask .DB_subSet ul li a:hover{color:#59afe4;background:#ffffff;font-weight:bold;letter-spacing:-1px;}
#main_menu .DB_mask .DB_subSet ul li.DB_select a{color:#59afe4;background:#ffffff;font-weight:bold;letter-spacing:-1px;font-family:"notokr-medium", "Vedana"; font-size: 15px;}


#AXPage {
  font-family: "Nanum Barun Gothic", "Apple SD Gothic Neo", "Open sans", "Meiryo";
  font-size: 12px;
}


#AXPage .ax-clear {
  clear: both;
}
#AXPage .ax-unit {
  margin: 0px 10px;
}
#AXPage .ax-col {
  float: left;
}
#AXPage div[class*="ax-col-"] {
  float: left;
  height: inherit;
}
#AXPage .ax-col-1 {
  width: 8.3334%;
}
#AXPage .ax-col-2 {
  width: 16.6667%;
}
#AXPage .ax-col-3 {
  width: 25%;
}
#AXPage .ax-col-4 {
  width: 33.3334%;
}
#AXPage .ax-col-5 {
  width: 41.6667%;
}
#AXPage .ax-col-6 {
  width: 50%;
}
#AXPage .ax-col-7 {
  width: 58.3334%;
}
#AXPage .ax-col-8 {
  width: 66.6667%;
}
#AXPage .ax-col-9 {
  width: 75%;
}
#AXPage .ax-col-10 {
  width: 83.3334%;
}
#AXPage .ax-col-11 {
  width: 91.6667%;
}
#AXPage .ax-col-12 {
  width: 1260px;
}
#AXPage div[class*="mx-"] {
  display: none;
}




#ax-header_content{position:relative;margin-left:-630px;left:50%; width:1260px; height:150px;text-align:center;}

#AXPage .ax-header {
  z-index: 300;
  height: 98px;
  position: fixed;
  width: 100%;
  opacity: 0.98;
}



#AXPage .ax-header  .ax-top {
  z-index: 350;
  border-bottom: 1px solid #d9d9d9;
  height: 70px;
  position: relative;
  width: 100%;
  background: #ffffff;
}

#AXPage .ax-wrap {
  width:100%; height:74px; position:absolute;
}


#AXPage .ax-header  .ax-top .ax-logo {
  position: absolute;
  margin-top: 4px;
  z-index: 1;
  display: block;
  /*
			line-height:45px;margin-top:8px;
			a.logo-icon{
				color: @color-b;
				text-decoration: none;
				font-size:45px;	
				i.axi{
					padding:5px;
					font-size:35px;
				}
			}
            img{
              vertical-align: middle;
              border:0px none;
            }
			a{
				color:@color;
				vertical-align: middle;
				text-decoration: underline;
			}
			*/
}
#AXPage .ax-header  .ax-top .ax-logo a {
  padding: 0px 10px;
  height: 45px;
  display: inline-block;
  text-decoration: none;
}
#AXPage .ax-header  .ax-top .ax-logo a .logo-img {
  display: block;
  float: left;
  line-height: 45px;
  height: 45px;
  vertical-align: middle;
}
#AXPage .ax-header  .ax-top .ax-logo a .logo-img i.axi {
  color: #523636;
  font-size: 35px;
  line-height: 45px;
}
#AXPage .ax-header  .ax-top .ax-logo a .logo-txt {
  display: block;
  float: left;
  padding: 0px 5px;
  color: #523636;
  vertical-align: middle;
  text-decoration: none;
  font-size: 14px;
  font-family: "Arial Black";
  line-height: 45px;
}

#AXPage .ax-header  .ax-top .ax-loginfo {
  height: 60px;
  line-height: 60px;
  list-style: none;
  margin: 0px;
  padding: 0px;
  float: right;
}

#AXPage .ax-header  .ax-top .ax-loginfo li {
  display: inline;
  vertical-align: middle;
}
#AXPage .ax-header  .ax-top .ax-loginfo li.profile .photo {
  display: block;
  float: left;
  width: 34px;
  height: 34px;
  background: url('images/profile.png') no-repeat 50%;
  background-size: cover;
  -webkit-border-radius: 34px 34px 34px 34px;
  -moz-border-radius: 34px 34px 34px 34px;
  border-radius: 34px 34px 34px 34px;
  border: 3px solid #858585;
  margin-top: 10px;
}
#AXPage .ax-header  .ax-top .ax-loginfo li.account {
  color: #666666;
  font-weight: bold;
  padding: 0px 10px;
}
#AXPage .ax-header  .ax-top .ax-loginfo li.lang {
  padding: 0px 20px;
}

#AXPage.login .ax-title {
  height: 80px;
  overflow: hidden;
  padding: 20px;
}
#AXPage.login .ax-title h1 {
  display: block;
  height: 50px;
  line-height: 50px;
  float: none;
  font-size: 24px;
  font-weight: normal;
  text-align: center;
  margin: 0px;
  padding: 0px;
}
#AXPage.login .ax-title h1 i.axi {
  font-size: 50px;
}
#AXPage.login .ax-title .desc {
  display: block;
  height: 30px;
  line-height: 30px;
  float: none;
  text-align: center;
  margin: 0px 0px 0px 10px;
  padding: 0px;
  color: #888;
}


#AXPage .ax-body {
  z-index: 100;
  min-height: 600px;
  padding-bottom: 62px;
  /* ÆäÀÌÁö º»¹® ÆÐµù Á¶Àý¿ë */
}
#AXPage .ax-body .ax-title {
  height: 30px;
  overflow: hidden;
  padding: 20px;
}
#AXPage .ax-body .ax-title h1 {
  display: block;
  height: 30px;
  line-height: 30px;
  float: left;
  font-size: 24px;
  font-weight: normal;
  color: #666666;
  text-align: center;
  margin: 0px;
  padding: 0px;
}




#content_login{position:relative;margin-left:-400px;left:50%; width:553px; height:499px;text-align:center;}
#foot_content_login{position:relative;margin-left:-270px;left:50%; width:570px; height:62px;text-align:center;}

#content_m{position:absolute;margin-left:-630px;left:50%; width:1260px; height:600px;text-align:center;}
#foot_content_m{position:relative;margin-left:-630px;left:50%; width:1260px; height:45px;text-align:center;}




#AXPage .ax-body .ax-title .desc {
  display: block;
  height: 30px;
  line-height: 30px;
  float: left;
  color: #666666;
  text-align: center;
  margin: 0px 0px 0px 10px;
  padding: 0px;
}
#AXPage .ax-body .ax-title .expand h1 {
  margin-left: 40px;
}
#AXPage .ax-body .ax-box {
  width: 100%;
  min-height: 300px;
  background: #ffffff;
  border: 1px solid #e2e2e2;
  -webkit-border-radius: 6px 6px 6px 6px;
  -moz-border-radius: 6px 6px 6px 6px;
  border-radius: 6px 6px 6px 6px;
  -webkit-box-shadow: 0px 0px 2px 0 rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0px 0px 2px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 0px 0px 2px 0 rgba(0, 0, 0, 0.05);
  /* ÆäÀÌÁö °Ë»ö¹Ù */
  /* ÆäÀÌÁö ¹öÆ°±×·ì */
  /* ÆäÀÌÁö ±×¸®µå */
}
#AXPage .ax-body .ax-box h1 {
  font-size: 20px;
  color: #666666;
  font-weight: normal;
  margin: 10px 0px;
  padding: 0px 0px;
}
#AXPage .ax-body .ax-box h1 .more {
  font-size: 14px;
  float: right;
}
#AXPage .ax-body .ax-box h2 {
  font-size: 16px;
  color: #523636;
  font-weight: normal;
  margin: 15px 10px 10px 10px;
  padding: 0px 0px;
}
#AXPage .ax-body .ax-box h2 .more {
  font-size: 14px;
  float: right;
}
#AXPage .ax-body .ax-box h3 {
  font-size: 14px;
  color: #523636;
  font-weight: normal;
  margin: 15px 10px 10px 10px;
  padding: 0px 0px;
}
#AXPage .ax-body .ax-box h3 .more {
  font-size: 14px;
  float: right;
}
#AXPage .ax-body .ax-box p {
  font-size: 12px;
  line-height: 1.6em;
  color: #666666;
  font-weight: normal;
  margin: 10px 0px;
  padding: 0px;
}
#AXPage .ax-body .ax-box.sample-01 .caution {
  color: #ff6f64;
}
#AXPage .ax-body .ax-box.sample-01 .more {
  color: #523636;
}
#AXPage .ax-body .ax-box.sample-01 .more:hover,
#AXPage .ax-body .ax-box.sample-01 .more:focus {
  text-decoration: underline;
}
#AXPage .ax-body .ax-box.sample-01 ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
}
#AXPage .ax-body .ax-box.sample-01 ul li {
  float: left;
  width: 50%;
  padding: 2px 0px;
}
#AXPage .ax-body .ax-box .ax-content-toolbox {
  padding: 4px 5px;
  line-height: 36px;
  border-bottom: 1px solid #e2e2e2;
}
#AXPage .ax-body .ax-box .ax-box-wrap {
  margin: 20px;
}
#AXPage .ax-body .ax-box .ax-tab {
  margin: 10px;
}
#AXPage .ax-body .ax-box .ax-search {
  border-top: 1px solid #ccc;
  margin: 10px;
}
#AXPage .ax-body .ax-box .ax-button-group {
  margin: 10px;
}
#AXPage .ax-body .ax-box .ax-button-group .left {
  float: left;
}
#AXPage .ax-body .ax-box .ax-button-group .right {
  float: right;
}
#AXPage .ax-body .ax-box .ax-grid,
#AXPage .ax-body .ax-box .ax-tree,
#AXPage .ax-body .ax-box .ax-form,
#AXPage .ax-body .ax-box .ax-section {
  margin: 10px;
  padding: 0px;
}
#AXPage .ax-body .ax-content {
  float: none;
  width: auto;
  padding-left: 250px;
}
#AXPage .ax-body .ax-content.expand {
  padding-left: 0px;
}
#AXPage .ax-body .ax-content.expandAll {
  padding-left: 0px;
}
#AXPage .ax-aside {
  position: absolute;
  width: 260px;
  left: 0px;
  top: 130px;
  padding-bottom: 50px;
  z-index: 200;
}
#AXPage .ax-aside .ax-aside-menu-box {
  position: absolute;
  left: 0px;
  top: -53px;
}
#AXPage .ax-aside .ax-aside-menu-box .ax-aside-menu {
  display: block;
  width: 36px;
  height: 36px;
  -webkit-border-radius: 36px 36px 36px 36px;
  -moz-border-radius: 36px 36px 36px 36px;
  border-radius: 36px 36px 36px 36px;
  line-height: 36px;
  background: #858585;
  color: #ffffff;
  margin-left: 10px;
  text-align: center;
}
#AXPage .ax-aside .ax-aside-menu-box .ax-aside-menu .axi {
  font-size: 20px;
  line-height: 32px;
}
#AXPage .ax-aside .ax-aside-menu-box .ax-aside-menu .axi-angle-double-right {
  display: none;
}
#AXPage .ax-aside .ax-aside-menu-box .ax-aside-menu .axi-angle-double-left {
  display: inline;
}
#AXPage .ax-aside .ax-aside-menu-box .ax-aside-menu:hover,
#AXPage .ax-aside .ax-aside-menu-box .ax-aside-menu:focus {
  background: #523636;
}
#AXPage .ax-aside .ax-aside-menu-box .ax-aside-menu.on .axi-angle-double-right {
  display: inline;
}
#AXPage .ax-aside .ax-aside-menu-box .ax-aside-menu.on .axi-angle-double-left {
  display: none;
}
#AXPage .ax-aside .ax-aside-box .ax-box {
  width: 100%;
  background: #ffffff;
  border: 1px solid #e2e2e2;
  -webkit-border-radius: 6px 6px 6px 6px;
  -moz-border-radius: 6px 6px 6px 6px;
  border-radius: 6px 6px 6px 6px;
  -webkit-box-shadow: 0px 0px 2px 0 rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0px 0px 2px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 0px 0px 2px 0 rgba(0, 0, 0, 0.05);
  overflow: hidden;
  padding-bottom: 5px;
}
#AXPage .ax-aside .ax-aside-box .ax-box h1 {
  font-size: 24px;
  color: #666666;
  font-weight: normal;
  margin: 10px 0px;
  padding: 0px 0px;
}
#AXPage .ax-aside .ax-aside-box .ax-box p {
  font-size: 12px;
  line-height: 1.6em;
  color: #666666;
  font-weight: normal;
  margin: 10px 0px;
  padding: 0px;
}
#AXPage .ax-aside .ax-aside-box .ax-box.sample-01 .caution {
  color: #ff6f64;
}
#AXPage .ax-aside .ax-aside-box .ax-box.sample-01 .more {
  color: #523636;
}
#AXPage .ax-aside .ax-aside-box .ax-box.sample-01 .more:hover,
#AXPage .ax-aside .ax-aside-box .ax-box.sample-01 .more:focus {
  text-decoration: underline;
}
#AXPage .ax-aside .ax-aside-box .ax-box.sample-01 ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
}
#AXPage .ax-aside .ax-aside-box .ax-box.sample-01 ul li {
  float: left;
  width: 50%;
  padding: 2px 0px;
}
#AXPage .ax-aside .ax-aside-box .ax-box .ax-box-wrap {
  margin: 20px;
}
#AXPage .ax-aside .ax-aside-box .ax-box h3 {
  font-size: 14px;
  color: #666666;
  font-weight: normal;
  text-align: center;
}
#AXPage .ax-aside .ax-aside-box .ax-box h3 a {
  margin: 0px 5px;
  cursor: pointer;
}
#AXPage .ax-aside .ax-aside-box .ax-box h3 a.on {
  color: #523636;
}
#AXPage .ax-aside .ax-aside-box .ax-box .ax-aside-ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
  border-top: 1px solid #d9d9d9;
}
#AXPage .ax-aside .ax-aside-box .ax-box .ax-aside-ul li {
  border-bottom: 1px solid #d9d9d9;
}
#AXPage .ax-aside .ax-aside-box .ax-box .ax-aside-ul li a {
  display: block;
  padding: 8px 10px;
  font-size: 13px;
  line-height: 22px;
}
#AXPage .ax-aside .ax-aside-box .ax-box .ax-aside-ul li a:hover,
#AXPage .ax-aside .ax-aside-box .ax-box .ax-aside-ul li a:focus {
  background: #fff6ac;
  color: #493334;
}
#AXPage .ax-aside .ax-aside-box .ax-box .ax-aside-page {
  display: none;
}
#AXPage .ax-footer {
  z-index: 200;
  height: 62px;
  position: fixed;
  width: 100%;
  bottom: 0px;
  line-height: 62px;
  background:url(/images/bottom_bg.gif);
  text-align:center;
}

#AXPage .ax-footer .ax-version {
  list-style: none;
  margin: 0px;
  padding: 0px;
}
#AXPage .ax-footer .ax-version li {
  float: left;
  margin-right: 16px;
}
#AXPage .ax-footer .ax-funcs {
  float: right;
  list-style: none;
  margin: 0px;
  padding: 0px;
}
#AXPage .ax-footer .ax-funcs li {
  float: left;
  margin-left: 16px;
}



#AXPage .ax-footer_m {
  z-index: 500;
  height: 40px;
  position: fixed;
  width: 100%;
  bottom: 0px;
  line-height: 40px;
  border-top: 1px solid #d9d9d9;
  background: #ffffff;
}

#AXPage .ax-footer_m .ax-version {
  list-style: none;
  margin: 0px;
  padding-left: 20px;
}
#AXPage .ax-footer_m .ax-version li {
  float: left;
  margin: 0px;
  padding-top: 12px;
  margin-right: 16px;
}
#AXPage .ax-footer_m .ax-funcs {
  float: right;
  list-style: none;
  margin: 0px;
  padding: 0px;
}
#AXPage .ax-footer_m .ax-funcs li {
  float: left;
  margin: 0px;
  padding-top: 12px;
  margin-left: 16px;
}


#AXPage.login .ax-title {
  position: relative;
  height: 50px;
  overflow: hidden;
  padding: 20px;
  background: #f2f2f2;
  z-index: 100;
}
#AXPage.login .ax-title h1 {
  display: block;
  height: 30px;
  line-height: 30px;
  float: none;
  font-size: 24px;
  font-weight: normal;
  color: #666666;
  text-align: center;
  margin: 0px;
  padding: 0px;
  color: #523636;
}
#AXPage.login .ax-title .desc {
  display: block;
  height: 30px;
  line-height: 30px;
  float: none;
  color: #666666;
  text-align: center;
  margin: 0px 0px 0px 10px;
  padding: 0px;
}
#AXPage.login .ax-box {
  width: 300px;
  margin: 0px auto;
}
#AXPage.login .ax-box h1 {
  text-align: center;
  color: #523636;
  font-weight: normal;
}
#AXPage.login .ax-box p {
  text-align: center;
  color: #a6a6a6;
  margin: 0px;
}
#AXPage.login .ax-box .ax-input {
  display: block;
  padding: 4px 20px;
}
#AXPage.login .ax-box .ax-input .name {
  display: none;
}
#AXPage.login .ax-box .ax-input .AXInput {
  width: 100px;
  width: 100%;
  height: 40px;
  padding: 0px;
  text-indent: 10px;
}
#AXPage.login .ax-box .ax-funcs {
  padding: 4px 20px;
}
#AXPage.login .ax-box .ax-funcs .AXCheckbox {
  float: left;
}
#AXPage.login .ax-box .ax-funcs .AXCheckbox label {
  padding: 0px !important;
}
#AXPage.login .ax-box .ax-funcs button {
  float: right;
}
#AXPage.login .ax-box .ax-opts {
  padding: 20px;
  border-top: 1px solid #e2e2e2;
  text-align: center;
}
#AXPage .ax-modal-header {
  height: 40px;
  overflow: hidden;
  padding: 10px;
}
#AXPage .ax-modal-header h1 {
  display: block;
  height: 24px;
  line-height: 40px;
  float: none;
  font-size: 20px;
  font-weight: normal;
  color: #666666;
  text-align: center;
  margin: 0px;
  padding: 0px;
}
#AXPage .ax-modal-header .desc {
  display: none;
  display: block;
  height: 16px;
  line-height: 16px;
  float: none;
  color: #666666;
  text-align: center;
  margin: 0px 0px 0px 0px;
  padding: 0px;
}
#AXPage .ax-modal-sub-header {
  padding: 10px;
}
#AXPage .ax-modal-sub-header h1,
#AXPage .ax-modal-sub-header h2,
#AXPage .ax-modal-sub-header h3 {
  display: block;
  height: 18px;
  line-height: 18px;
  float: none;
  font-size: 16px;
  font-weight: normal;
  color: #666666;
  text-align: left;
  margin: 0px;
  padding: 0px;
}
#AXPage .ax-modal-sub-header .desc {
  display: block;
  height: 16px;
  line-height: 16px;
  float: none;
  color: #666666;
  text-align: center;
  margin: 0px 0px 0px 0px;
  padding: 0px;
}
#AXPage .ax-modal-body {
  margin: 0px 10px;
  min-height: 150px;
  background: #ffffff;
  border: 1px solid #e2e2e2;
  -webkit-border-radius: 6px 6px 6px 6px;
  -moz-border-radius: 6px 6px 6px 6px;
  border-radius: 6px 6px 6px 6px;
  -webkit-box-shadow: 0px 0px 2px 0 rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0px 0px 2px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 0px 0px 2px 0 rgba(0, 0, 0, 0.05);
}
#AXPage .ax-modal-body H3 {
  color: #616161;
  margin: 10px 10px;
}
#AXPage .ax-modal-body .tree-in-form {
  height: 400px;
  border: 1px solid #858585;
  border-radius: 4px;
}
#AXPage .ax-modal-body .form-in-form {
  border: 1px solid #e2e2e2;
  border-radius: 4px;
}
#AXPage .ax-modal-body .buttons-in-form {
  padding: 5px;
}
#AXPage .ax-modal-footer {
  padding: 10px;
}
#AXPage .ax-modal-footer .ax-unit.center {
  text-align: center;
}
#AXPage .ax-modal-footer .ax-unit.right {
  text-align: right;
}
.ax-scroll-top {
  display: none;
}
.ax-rwd-table {
  position: relative;
  border-top: 1px solid #e2e2e2;
  border-right: 1px solid #e2e2e2;
}
.ax-rwd-table .item-group {
  position: relative;
  min-height: 40px;
}
.ax-rwd-table .item-group.gray {
  background: #eee;
  padding: 0px;
  min-height: 25px;
}
.ax-rwd-table .item-group .item {
  float: left;
  line-height: 20px;
  min-height: 20px;
  padding: 0px;
  text-align: center;
  position: relative;
}
.ax-rwd-table .item-group .item .item-lable,
.ax-rwd-table .item-group .item .item-label {
  position: relative;
  display: table-row;
  *display: block;
  *float: left;
}
.ax-rwd-table .item-group .item .item-lable span.th,
.ax-rwd-table .item-group .item .item-label span.th {
  display: table-cell;
  *display: block;
  *float: left;
  color: #616161;
  border-left: 1px solid #e2e2e2;
  border-right: 1px solid #e2e2e2;
  min-height: 20px;
  line-height: 20px;
  padding: 10px 0px;
  box-sizing: border-box;
  min-width: 100px;
  background: #f7f7f7;
}
.ax-rwd-table .item-group .item .item-lable span.th.none,
.ax-rwd-table .item-group .item .item-label span.th.none {
  border: 0px none;
}
.ax-rwd-table .item-group .item .item-lable span.td,
.ax-rwd-table .item-group .item .item-label span.td {
  display: table-cell;
  *display: block;
  *float: left;
  height: 30px;
  line-height: auto;
  padding: 5px 10px;
  *line-height: 30px;
  box-sizing: content-box;
  vertical-align: middle;
  text-align: left;
  min-width: 200px;
}
.ax-rwd-table .item-group .item .item-lable span.td.selectBox,
.ax-rwd-table .item-group .item .item-label span.td.selectBox {
  *padding-top: 7px;
  *height: 28px;
}
.ax-rwd-table .item-group .item .item-lable span.td.inputText,
.ax-rwd-table .item-group .item .item-label span.td.inputText {
  *padding-top: 6px;
  *height: 29px;
}
.ax-rwd-table .item-group .item .item-lable span.td.button,
.ax-rwd-table .item-group .item .item-label span.td.button {
  *padding-top: 6px;
  *height: 29px;
}
.ax-rwd-table .item-group .item .item-lable span.td select,
.ax-rwd-table .item-group .item .item-label span.td select {
  box-sizing: border-box;
  height: 25px;
  margin: 0px;
}
.ax-rwd-table .item-group .item .item-lable span.td input,
.ax-rwd-table .item-group .item .item-label span.td input {
  vertical-align: middle;
}
.ax-rwd-table .item-group .item .item-lable span.td label,
.ax-rwd-table .item-group .item .item-label span.td label {
  vertical-align: middle;
}
.ax-rwd-table .item-group .item.fullWidth {
  position: relative;
  display: table;
  float: none;
  clear: both;
  width: 100%;
}
.ax-rwd-table .item-group .item.fullWidth .item-lable,
.ax-rwd-table .item-group .item.fullWidth .item-label {
  position: relative;
  display: table-row;
  float: none;
  clear: both;
  width: 100%;
}
.ax-rwd-table .item-group .item.fullWidth .item-lable span.th,
.ax-rwd-table .item-group .item.fullWidth .item-label span.th {
  width: 100px;
}
.ax-rwd-table .item-group .item.fullWidth .item-lable input[type=text],
.ax-rwd-table .item-group .item.fullWidth .item-label input[type=text],
.ax-rwd-table .item-group .item.fullWidth .item-lable input[type=password],
.ax-rwd-table .item-group .item.fullWidth .item-label input[type=password],
.ax-rwd-table .item-group .item.fullWidth .item-lable .AXInput,
.ax-rwd-table .item-group .item.fullWidth .item-label .AXInput,
.ax-rwd-table .item-group .item.fullWidth .item-lable select,
.ax-rwd-table .item-group .item.fullWidth .item-label select,
.ax-rwd-table .item-group .item.fullWidth .item-lable textarea,
.ax-rwd-table .item-group .item.fullWidth .item-label textarea {
  width: 100%;
  height: 25px;
  box-sizing: border-box;
}
.ax-rwd-table .item-group .item.rightPadding0 .item-lable span.td,
.ax-rwd-table .item-group .item.rightPadding0 .item-label span.td {
  padding-right: 0px;
}
.ax-rwd-table .item-group .item.leftPadding0 .item-lable span.td,
.ax-rwd-table .item-group .item.leftPadding0 .item-label span.td {
  padding-left: 0px;
}
.ax-rwd-table .item-group .item.padding0 .item-lable span.td,
.ax-rwd-table .item-group .item.padding0 .item-label span.td {
  padding: 5px 0px;
}
.ax-rwd-table .item-group .group-clear {
  font-size: 1px;
  line-height: 1px;
  height: 1px;
  background: #e2e2e2;
  clear: both;
}
.ax-rwd-table-mobile {
  border-top: 1px solid #e2e2e2;
  border-right: 0px none;
}
.ax-rwd-table-mobile .item-group {
  position: relative;
  min-height: 40px;
}
.ax-rwd-table-mobile .item-group.gray {
  background: #eee;
  padding: 0px;
  min-height: 25px;
}
.ax-rwd-table-mobile .item-group .item {
  float: none;
  line-height: auto;
  min-height: auto;
  padding: 0px;
  text-align: left;
  position: relative;
}
.ax-rwd-table-mobile .item-group .item .item-lable,
.ax-rwd-table-mobile .item-group .item .item-label {
  position: relative;
  display: block;
  float: left;
}
.ax-rwd-table-mobile .item-group .item .item-lable span.th,
.ax-rwd-table-mobile .item-group .item .item-label span.th {
  display: block;
  float: none;
  color: #616161;
  border: none;
  padding: 0px;
  margin: 10px 10px 10px 15px;
  box-sizing: content-box;
  text-align: left;
  font-weight: bold;
  background: none;
}
.ax-rwd-table-mobile .item-group .item .item-lable span.td,
.ax-rwd-table-mobile .item-group .item .item-label span.td {
  display: block;
  float: none;
  height: auto;
  line-height: auto;
  padding: 0px;
  margin: 0px 10px 10px 10px;
  *line-height: 30px;
  box-sizing: content-box;
  vertical-align: middle;
  text-align: left;
}
.ax-rwd-table-mobile .item-group .item .item-lable span.td select,
.ax-rwd-table-mobile .item-group .item .item-label span.td select {
  box-sizing: border-box;
  height: 25px;
  margin: 0px;
}
.ax-rwd-table-mobile .item-group .item .item-lable span.td input,
.ax-rwd-table-mobile .item-group .item .item-label span.td input {
  vertical-align: middle;
}
.ax-rwd-table-mobile .item-group .item .item-lable span.td label,
.ax-rwd-table-mobile .item-group .item .item-label span.td label {
  vertical-align: middle;
}
.ax-rwd-table-mobile .item-group .item.secondItem .item-lable span.th,
.ax-rwd-table-mobile .item-group .item.secondItem .item-label span.th {
  border-left: none;
}
.ax-rwd-table-mobile .item-group .item.rightPadding0 .item-lable span.td,
.ax-rwd-table-mobile .item-group .item.rightPadding0 .item-label span.td {
  padding-right: 0px;
}
.ax-rwd-table-mobile .item-group .item.leftPadding0 .item-lable span.td,
.ax-rwd-table-mobile .item-group .item.leftPadding0 .item-label span.td {
  padding-left: 0px;
}
.ax-rwd-table-mobile .item-group .item.padding0 .item-lable span.td,
.ax-rwd-table-mobile .item-group .item.padding0 .item-label span.td {
  padding: 5px 0px;
}
.ax-rwd-table-mobile .item-group .item-clear {
  clear: both;
}
.ax-rwd-table-mobile .item-group .group-clear {
  font-size: 1px;
  line-height: 1px;
  height: 1px;
  background: #e2e2e2;
  clear: both;
}
table.ax-layout {
  border-collapse: collapse;
  border: 0px none;
  width: 100%;
  table-layout: fixed;
}
table.ax-layout td,
table.ax-layout th {
  padding: 0px;
}
table.ax-layout td .tdRel,
table.ax-layout th .tdRel {
  position: relative;
}
table.ax-layout tbody td,
table.ax-layout tbody th {
  min-height: 25px;
  overflow: visible;
  border: 0px none;
}
table.ax-layout tbody tr.gray th,
table.ax-layout tbody tr.gray td {
  background-color: #F5F5F5;
}
table.ax-layout tbody tr.red th,
table.ax-layout tbody tr.red td {
  background-color: #FFE8E8;
}
table.ax-layout tbody tr.green th,
table.ax-layout tbody tr.green td {
  background-color: #F7FDEA;
}
table.ax-layout tbody tr.blue th,
table.ax-layout tbody tr.blue td {
  background-color: #EAF5FD;
}
table.ax-layout tbody tr.yellow th,
table.ax-layout tbody tr.yellow td {
  background-color: #FEFEE9;
}
table.ax-layout tbody tr td.gray {
  background-color: #F5F5F5;
}
table.ax-layout tbody tr td.red {
  background-color: #FFE8E8;
}
table.ax-layout tbody tr td.green {
  background-color: #F7FDEA;
}
table.ax-layout tbody tr td.blue {
  background-color: #EAF5FD;
}
table.ax-layout tbody tr td.yellow {
  background-color: #FEFEE9;
}
table.ax-layout.padding10 {
  border-spacing: 10px;
  border-collapse: separate;
}
table.ax-layout.padding5 {
  border-spacing: 5px;
  border-collapse: separate;
}
table.ax-layout.padding15 {
  border-spacing: 15px;
  border-collapse: separate;
}
table.ax-layout.padding20 {
  border-spacing: 20px;
  border-collapse: separate;
}



@media only screen and (min-width: 767px) and (max-width: 1024px) {
  #AXPage .ax-wrap {
    margin: 0px auto;
  }
  #AXPage .ax-clear {
    clear: both;
  }
  #AXPage .ax-unit {
    margin: 0px 10px;
  }
  #AXPage .ax-col {
    float: left;
  }
  #AXPage div[class*="ax-col-"] {
    float: left;
    height: inherit;
  }
  #AXPage .ax-col-1 {
    width: 8.3334%;
  }
  #AXPage .ax-col-2 {
    width: 16.6667%;
  }
  #AXPage .ax-col-3 {
    width: 25%;
  }
  #AXPage .ax-col-4 {
    width: 33.3334%;
  }
  #AXPage .ax-col-5 {
    width: 41.6667%;
  }
  #AXPage .ax-col-6 {
    width: 50%;
  }
  #AXPage .ax-col-7 {
    width: 58.3334%;
  }
  #AXPage .ax-col-8 {
    width: 66.6667%;
  }
  #AXPage .ax-col-9 {
    width: 75%;
  }
  #AXPage .ax-col-10 {
    width: 83.3334%;
  }
  #AXPage .ax-col-11 {
    width: 91.6667%;
  }
  #AXPage .ax-col-12 {
    width: 100%;
  }
  #AXPage .ax-header .ax-loginfo {
    display: none;
  }
  #AXPage .ax-header .mx-loginfo {
    display: block;
    float: right;
    line-height: 60px;
    padding-right: 10px;
  }
  #AXPage .ax-header .mx-menu-button {
    font-size: 30px;
  }
  #AXPage .ax-header .mx-menu-button:hover,
  #AXPage .ax-header .mx-menu-button:focus {
    color: #523636;
  }
  #AXPage .ax-body .ax-title h1 {
    margin-left: 40px;
  }
  #AXPage .ax-body .ax-title .expand h1 {
    margin-left: 40px;
  }
  #AXPage .ax-body .ax-title .expandAll h1 {
    margin-left: 0px;
  }
  #AXPage .ax-body .ax-content {
    padding-left: 0px;
  }
  #AXPage .ax-aside {
    height: 0px;
    padding-bottom: 0px;
  }
  #AXPage .ax-aside .ax-aside-box {
    background: #fff;
    padding: 10px 0px;
    border: 1px solid #d9d9d9;
    border-radius: 5px;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);
  }
}
@media (max-width: 767px) {
  #AXPage .ax-wrap {
    margin: 0px auto;
  }
  #AXPage .ax-clear {
    clear: both;
  }
  #AXPage .ax-unit {
    margin: 0px 3px;
  }
  #AXPage .ax-col {
    float: left;
  }
  #AXPage div[class*="ax-col-"] {
    float: left;
    height: inherit;
  }
  #AXPage .ax-col-1 {
    width: 100%;
  }
  #AXPage .ax-col-2 {
    width: 100%;
  }
  #AXPage .ax-col-3 {
    width: 100%;
  }
  #AXPage .ax-col-4 {
    width: 100%;
  }
  #AXPage .ax-col-5 {
    width: 100%;
  }
  #AXPage .ax-col-6 {
    width: 100%;
  }
  #AXPage .ax-col-7 {
    width: 100%;
  }
  #AXPage .ax-col-8 {
    width: 100%;
  }
  #AXPage .ax-col-9 {
    width: 100%;
  }
  #AXPage .ax-col-10 {
    width: 100%;
  }
  #AXPage .ax-col-11 {
    width: 100%;
  }
  #AXPage .ax-col-12 {
    width: 100%;
  }
  #AXPage div[class*="mx-"] {
    display: block;
  }
  #AXPage .ax-header {
    position: absolute;
    opacity: 1;
  }
  #AXPage .ax-header .ax-col-8 {
    width: 50%;
  }
  #AXPage .ax-header .ax-col-4 {
    width: 50%;
  }
  #AXPage .ax-header .ax-logo {
    z-index: -1;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    text-align: center;
  }
  #AXPage .ax-header .ax-top-menu {
    display: none;
  }
  #AXPage .ax-header .mx-top-menu {
    float: left;
    line-height: 60px;
    padding-left: 10px;
    padding-top: 5px;
  }
  #AXPage .ax-header .ax-loginfo {
    display: none;
  }
  #AXPage .ax-header .mx-loginfo {
    float: right;
    line-height: 60px;
    padding-right: 10px;
  }
  #AXPage .ax-header .mx-menu-button {
    font-size: 30px;
  }
  #AXPage .ax-header .mx-menu-button#mx-aside-menu-handle {
    margin-left: 10px;
  }
  #AXPage .ax-header .mx-menu-button:hover,
  #AXPage .ax-header .mx-menu-button:focus {
    color: #523636;
  }
  #AXPage .ax-body .ax-title {
    height: 50px;
    overflow: hidden;
    padding: 20px;
  }
  #AXPage .ax-body .ax-title h1 {
    display: block;
    height: 25px;
    line-height: 25px;
    float: none;
    font-size: 24px;
    font-weight: normal;
    color: #666666;
    text-align: center;
    margin: 0px;
    padding: 0px;
  }
  #AXPage .ax-body .ax-title .desc {
    display: block;
    height: 20px;
    line-height: 20px;
    float: none;
    color: #666666;
    text-align: center;
    margin: 0px 0px 0px 0px;
    padding: 0px;
  }
  #AXPage .ax-body .ax-title .expand h1 {
    margin-left: 0px;
  }
  #AXPage .ax-body .ax-content {
    padding-left: 0px;
  }
  #AXPage .ax-body .ax-box {
    /* ÆäÀÌÁö °Ë»ö¹Ù */
    /* ÆäÀÌÁö ¹öÆ°±×·ì */
    /* ÆäÀÌÁö ±×¸®µå */
  }
  #AXPage .ax-body .ax-box .ax-search {
    border-top: 0px solid;
    margin: 0px 3px 10px 3px;
  }
  #AXPage .ax-body .ax-box .ax-button-group {
    margin: 10px 3px;
  }
  #AXPage .ax-body .ax-box .ax-grid,
  #AXPage .ax-body .ax-box .ax-tree,
  #AXPage .ax-body .ax-box .ax-form,
  #AXPage .ax-body .ax-box .ax-section {
    margin: 10px 3px 3px 3px;
  }
  #AXPage .ax-aside {
    display: none;
  }
  #AXPage .ax-aside.ax-aside-open {
    position: absolute;
    width: 100%;
    left: 0px;
    top: 62px;
    padding-bottom: 50px;
    z-index: 200;
    display: block;
  }
  #AXPage .ax-aside.ax-aside-open .ax-aside-menu-box {
    display: none;
  }
  #AXPage .ax-aside .ax-aside-box {
    background: #fff;
    padding: 10px;
    border-bottom: 1px solid #d9d9d9;
  }
  #AXPage .ax-footer {
    display: none;
  }
  #AXPage.login .ax-box {
    width: auto;
    margin: 0px auto;
  }
  #AXPage .ax-modal-header {
    height: 40px;
    overflow: hidden;
    padding: 10px;
  }
  #AXPage .ax-modal-header h1 {
    display: block;
    height: 24px;
    line-height: 40px;
    float: none;
    font-size: 20px;
    font-weight: normal;
    color: #666666;
    text-align: center;
    margin: 0px;
    padding: 0px;
  }
  #AXPage .ax-modal-header .desc {
    display: none;
    height: 16px;
    line-height: 16px;
    float: none;
    color: #666666;
    text-align: center;
    margin: 0px 0px 0px 0px;
    padding: 0px;
  }
  #AXPage .ax-modal-body {
    margin: 0px 10px;
  }
  #AXPage .ax-modal-body .tree-in-form {
    height: 300px;
    margin: 0px 5px;
  }
  #AXPage .ax-modal-body .form-in-form {
    border: 1px solid #e2e2e2;
    border-radius: 4px;
    margin: 0px 5px;
  }
  #AXPage .ax-modal-body .buttons-in-form {
    padding: 5px;
  }
  #AXPage .ax-modal-footer {
    padding: 10px;
  }
  #AXPage .ax-modal-footer .ax-unit.center {
    text-align: center;
  }
  #AXPage .ax-modal-footer .ax-unit.right {
    text-align: right;
  }
  .ax-scroll-top {
    display: block;
    position: fixed;
    z-index: 2;
    top: -60px;
    left: 0px;
    width: 100%;
    /* For Safari 3.1 to 6.0 */
    -webkit-transition-property: all;
    -webkit-transition-duration: 0.5s;
    -webkit-transition-timing-function: linear;
    -webkit-transition-delay: 0.3s;
    /* Standard syntax */
    transition-property: all;
    transition-duration: 0.5s;
    transition-timing-function: linear;
    transition-delay: 0.3s;
  }
  .ax-scroll-top.on {
    top: 0px;
  }
  .ax-scroll-top a {
    display: block;
    background: #523636;
    color: #fff;
    padding: 7px 5px;
    width: 70px;
    margin: 0px auto;
    text-align: center;
    -webkit-border-radius: 0px 0px 10px 10px;
    -moz-border-radius: 0px 0px 10px 10px;
    border-radius: 0px 0px 10px 10px;
  }
}
@media (max-width: 500px) {
  .ax-rwd-table {
    border-top: 1px solid #e2e2e2;
    border-right: 0px none;
  }
  .ax-rwd-table .item-group {
    position: relative;
    min-height: 40px;
  }
  .ax-rwd-table .item-group.gray {
    background: #eee;
    padding: 0px;
    min-height: 25px;
  }
  .ax-rwd-table .item-group .item {
    float: none;
    line-height: auto;
    min-height: auto;
    padding: 0px;
    text-align: left;
    position: relative;
  }
  .ax-rwd-table .item-group .item .item-lable,
  .ax-rwd-table .item-group .item .item-label {
    position: relative;
    display: block;
    float: left;
  }
  .ax-rwd-table .item-group .item .item-lable span.th,
  .ax-rwd-table .item-group .item .item-label span.th {
    display: block;
    float: none;
    color: #616161;
    border: none;
    padding: 0px;
    margin: 10px 10px 10px 15px;
    box-sizing: content-box;
    text-align: left;
    font-weight: bold;
    background: none;
  }
  .ax-rwd-table .item-group .item .item-lable span.td,
  .ax-rwd-table .item-group .item .item-label span.td {
    display: block;
    float: none;
    height: auto;
    line-height: auto;
    padding: 0px;
    margin: 0px 10px 10px 10px;
    *line-height: 30px;
    box-sizing: content-box;
    vertical-align: middle;
    text-align: left;
  }
  .ax-rwd-table .item-group .item .item-lable span.td select,
  .ax-rwd-table .item-group .item .item-label span.td select {
    box-sizing: border-box;
    height: 25px;
    margin: 0px;
  }
  .ax-rwd-table .item-group .item .item-lable span.td input,
  .ax-rwd-table .item-group .item .item-label span.td input {
    vertical-align: middle;
  }
  .ax-rwd-table .item-group .item .item-lable span.td label,
  .ax-rwd-table .item-group .item .item-label span.td label {
    vertical-align: middle;
  }
  .ax-rwd-table .item-group .item.secondItem .item-lable span.th,
  .ax-rwd-table .item-group .item.secondItem .item-label span.th {
    border-left: none;
  }
  .ax-rwd-table .item-group .item.rightPadding0 .item-lable span.td,
  .ax-rwd-table .item-group .item.rightPadding0 .item-label span.td {
    padding-right: 0px;
  }
  .ax-rwd-table .item-group .item.leftPadding0 .item-lable span.td,
  .ax-rwd-table .item-group .item.leftPadding0 .item-label span.td {
    padding-left: 0px;
  }
  .ax-rwd-table .item-group .item.padding0 .item-lable span.td,
  .ax-rwd-table .item-group .item.padding0 .item-label span.td {
    padding: 5px 0px;
  }
  .ax-rwd-table .item-group .item-clear {
    clear: both;
  }
  .ax-rwd-table .item-group .group-clear {
    font-size: 1px;
    line-height: 1px;
    height: 1px;
    background: #e2e2e2;
    clear: both;
  }
}
/* custome area */
.AXButton .axi {
  font-size: 15px;
  line-height: inherit;
  display: block;
  float: left;
  margin-right: 3px;
}
.AXTree_none .bodyNodeIcon.userHtml .axi {
  font-size: 14px;
  line-height: inherit;
}
.ax-top-menu.AXMenuBox .axi {
  font-size: 14px;
  line-height: inherit;
}
.W350 {
  width: 350px;
}
.W400 {
  width: 400px;
}


.intro04_cont01 {font-size:16.07px; color:#323131; line-height:1.4;}
.intro04_cont01 span {margin-right:4px; font-weight:bold;}
.intro04 #daumRoughmapContainer1649055609022 {margin-top:30px;}


.pagination2{display:inline-block;padding-left:0;margin:10px 0;border-radius:4px;list-style:none;}
.pagination2>li{display:inline}.pagination2>li>a,.pagination2>li>span{position:relative;float:left;padding:6px 12px;margin-left:-1px;line-height:1.42857143;color:#428bca;text-decoration:none;background-color:#fff;border:1px solid #ddd}
.pagination2>li:first-child>a,.pagination2>li:first-child>span{margin-left:0;border-top-left-radius:4px;border-bottom-left-radius:4px}
.pagination2>li:last-child>a,.pagination2>li:last-child>span{border-top-right-radius:4px;border-bottom-right-radius:4px}
.pagination2>li>a:hover,.pagination2>li>span:hover,.pagination2>li>a:focus,.pagination2>li>span:focus{color:#2a6496;background-color:#eee;border-color:#ddd}
.pagination2>.active>a,.pagination2>.active>span,.pagination2>.active>a:hover,.pagination2>.active>span:hover,.pagination2>.active>a:focus,.pagination2>.active>span:focus{z-index:2;color:#fff;cursor:default;background-color:#428bca;border-color:#428bca}
.pagination2>.disabled>span,.pagination2>.disabled>span:hover,.pagination2>.disabled>span:focus,.pagination2>.disabled>a,.pagination2>.disabled>a:hover,.pagination2>.disabled>a:focus{color:#777;cursor:not-allowed;background-color:#fff;border-color:#ddd}


#main_business_info { float:left; width:100%; padding:0px 0 10px 0; margin-top:10px; background:#efefef; }
#main_bottom_banner { width:1101px; margin:5px auto 0 auto; }  
#main_bottom_banner a:hover { color:#ff7700; }
#main_bottom_banner .main_bottom_banner_box { float:left; width:32%; height:280px; margin:6.3px; background:#fff; border:1px solid #dbdbdb; }
#main_bottom_banner .main_bottom_banner_box:hover { transition:all 0.6s; border:1px solid #9d8557; }
#main_bottom_banner .main_bottom_banner_box:hover span { font-weight:700; }
#main_bottom_banner .main_bottom_banner_box:hover p { font-weight:400; }
#main_bottom_banner .main_bottom_banner_box:hover img { opacity:0.8; }
#main_bottom_banner .main_bottom_banner_box span { float:left; width:100%; padding:30px 0 15px 0; text-align:center; font-size:28px; font-weight:500; font-family: 'notokr-medium', sans-serif; }
#main_bottom_banner .main_bottom_banner_box img { float:left; width:90%; padding:20px 17px 10px 17px; text-align:center; }
#main_bottom_banner .main_bottom_banner_box p { float:left; width:340px; text-align:center; font-size:15px; font-weight:300; font-family: 'notokr-medium', sans-serif; word-break : keep-all; letter-spacing:-0.5pt; }



#page_title1 { float:left; width:100%; padding:10px 10px 10px 10px; word-break:keep-all; font-size:16px; font-weight:400; }
#page_title1 p { font-size:22px; line-height:34px; font-weight:400; letter-spacing:-0.5pt; }

#page_s_title { float:left; width:100%; text-align:left; padding:60px 0 20px 0; font-size:30px; font-weight:400; letter-spacing:-0.5pt; }
#page_s_title2 { float:left; width:100%; text-align:left; padding:20px 0 20px 0; font-size:26px; font-weight:400; letter-spacing:-0.5pt; }
#page_s_title_sub { float:left; width:100%; text-align:left; padding:0px 0 20px 20px; font-size:22px; font-weight:400; line-height:28px; letter-spacing:-0.5pt; color:#666; }
#page_s_title_job { float:left; width:100%; text-align:center; line-height:36px; padding:60px 0 20px 0; font-size:28px; font-weight:500; letter-spacing:-0.5pt; word-break:keep-all; }
#page_s_title_job p { font-size:18px; font-weight:400; line-height:22px; margin-top:10px; color:#666; }

#page_bottom { float:left; width:100%; height:100px; }

#page_s_n_text { float:left; width:100%; padding:20px 0; border-bottom:2px dotted #efefef; }
#page_s_n_text span { float:left; text-align: center; width: 30px; height: 30px;  color: #fff; border-radius: 50%; background: #ff8000; margin-right: 10px; vertical-align: middle; font-size:20px; font-weight:400; line-height:28px; }
#page_s_n_text div { float:left; width:94%; word-break : keep-all; font-size:19px; font-weight:400; padding:0 0 0 7px; line-height:26px; }

#page_s_n_text2 { float:left; width:98%; padding:15px 0; border-bottom:2px dotted #efefef; }
#page_s_n_text2 span { float:left; text-align: center; width: 30px; height: 30px;  color: #fff; border-radius: 50%; background: #ff8000; margin-right: 10px; vertical-align: middle; font-size:20px; font-weight:400; line-height:28px; }
#page_s_n_text2 div { float:left; width:94%; word-break : keep-all; font-size:19px; font-weight:400; padding:0 0 0 7px; line-height:26px; }

#page_s_n_text_job { float:left; width:100%; padding:15px 0; border-bottom:2px dotted #efefef; }
#page_s_n_text_job span { float:left; text-align: center; width: 30px; height: 30px;  color: #fff; border-radius: 50%; background: #ff8000; margin-right: 10px; vertical-align: middle; font-size:20px; font-weight:400; line-height:28px; }
#page_s_n_text_job div { float:left; width:64%; word-break : keep-all; font-size:19px; font-weight:400; padding:0 0 0 7px; line-height:26px; }
#page_s_n_text_job div.titp { float:left; width:30%; word-break : keep-all; font-size:22px; font-weight:700; padding:0 0 0 7px; line-height:26px; }

#page_text_box { float:left; width:100%; padding:15px; margin-bottom:15px; background:#f9f9f9; font-size:17px; line-height:26px; }
#page_text_box div { padding:5px; font-size:14px; word-break:keep-all; line-height:20px; }


#page_area { float:left; width:100%; border:2px solid #ccc; margin-top:20px; }
#page_area span { float:left; width:100%; font-size:24px; font-weight:700; padding:25px; border-bottom:2px dotted #ccc; color:#0080c0; }
#page_area ul { float:left; margin:10px; height:170px; }
#page_area ul li { margin:10px 0; font-size:16px; word-break:keep-all; }
#page_area ul li b { color:#0080c0; }
#page_area ul.ul_hei { width:100%; margin:0px; border-top:2px dotted #efefef; height:60px; }
#page_area ul.ul_hei li { margin-left:10px; }

#page_left_area { float:left; width:397px; border:2px solid #006600; margin-top:20px; }
#page_left_area span { float:left; width:348px; font-size:24px; font-weight:700; padding:25px; border-bottom:2px dotted #ccc; color:#0080c0; }
#page_left_area ul { float:left; margin:10px; height:170px; }
#page_left_area ul li { margin:10px 0; font-size:16px; word-break:keep-all; }
#page_left_area ul li b { color:#0080c0; }
#page_left_area ul.ul_hei { width:380px; margin:0px; border-top:2px dotted #efefef; height:60px; }
#page_left_area ul.ul_hei li { margin-left:4px; text-align:center;color:#006600;}

#page_right_area { float:right; width:397px; border:2px solid #006600; border-left:none; margin-top:20px; }
#page_right_area span { float:left; width:348px; font-size:24px; font-weight:700; padding:25px; border-bottom:2px dotted #ccc; color:#0080c0;}
#page_right_area ul { float:left; margin:10px; height:170px; }
#page_right_area ul li { margin:10px 0; font-size:16px; word-break:keep-all; }
#page_right_area ul li b { color:#0080c0; }
#page_right_area ul.ul_hei { width:380px; margin:0px; border-top:2px dotted #efefef; height:60px; }
#page_right_area ul.ul_hei li { margin-left:4px; text-align:center;color:#006600;}

#page_table { float:left; width:100%; }
#page_table table { width:100%; font-size:17px; border-collapse : collapse;border-spacing : 0;}
#page_table table tr th { width:4%; border:1px solid #cccccc; text-align:center; background:#f9f9f9; }
#page_table table tr td { width:16%; border:1px solid #cccccc;  text-align:center;  padding:10px;  word-break:keep-all; }

#page_table_col { float:left; width:100%; }
#page_table_col table { width:100%; font-size:17px;border-collapse : collapse;border-spacing : 0;}
#page_table_col table tr th { width:24%; border:1px solid #cccccc; padding:20px; text-align:center; background:#f9f9f9; }
#page_table_col table tr td { border:1px solid #cccccc;  text-align:left;  padding:20px;  word-break:keep-all; }
#page_table_col table tr td font { color:#751a77; font-weight:500; }


#page_table_col2 { float:left; width:100%; }
#page_table_col2 table { width:100%; font-size:17px;border-collapse : collapse;border-spacing : 0;}
#page_table_col2 table tr th { width:100%; border:1px solid #cccccc; padding:20px; text-align:center; background:#f9f9f9; }
#page_table_col2 table tr td { font-size:16px;border:1px solid #cccccc;  text-align:left;  padding:20px;  word-break:keep-all; }
#page_table_col2 table tr td font { color:#751a77; font-weight:500; }

#page_table_col3 { float:left; width:100%; }
#page_table_col3 table { width:100%; font-size:16px;border-collapse : collapse;border-spacing : 0;}
#page_table_col3 table tr td {font-size:16px;padding:20px;  word-break:keep-all;vertical-align: top;}


#page_table_job { float:left; width:100%; padding:0 0 30px 0; }
#page_table_job table { width:100%; font-size:17px; }
#page_table_job table tr th {  border:1px solid #cccccc; padding:20px; text-align:center; background:#f9f9f9; }
#page_table_job table tr td { border:1px solid #cccccc;  text-align:center;  padding:20px;  word-break:keep-all; }

.page-content .slogan { font-size:20px; letter-spacing:-1px; margin-bottom:15px; line-height:34px; }
.page-content .slogan i { font-size:17px; vertical-align:top; margin-top:6px; }


.table_topline1_community {width:100%;height:1px;background-color: #333333;}
.table_topline2_community {width:100%;height:2px;background-color: #333333;}
.table_topline3_community {height:2px;background-color: #333333;}

.table_btnDv_community {position:relative;float:center;height:28px;width:100%;padding:3px 5px 0px 5px;}
.table_line_community {border: 1px solid #dddddd;width:100%;}
.table_content_community {border: 1px solid #dddddd;width:100%;}
.table_line_list {border: 1px solid #dddddd;}
.table_content_list {border: 1px solid #dddddd;}

.table_line {border: 1px solid #dddddd;width:100%;background-color: #ffffff;}
.table_topline2 {width:100%;height:2px;background-color: #333333;}
.table_topline1 {width:100%;height:1px;background-color: #333333;}
.tb_top {border-bottom:#E7E7E7 1px solid;border-right:#E7E7E7 1px solid;background-color:#F6F6F6;text-align:center;font-weight: bold;height:28px;}
.tb_top2 {border-bottom:#E7E7E7 1px solid;border-right:#CBCBCB 1px solid;background-color:#F6F6F6;text-align:center;font-weight: bold;height:24px;}
.tb_content{padding:2px;}
.tb_content2{padding-top:2px;padding-bottom:2px;padding-left:10px;background-color:#ffffff;text-align:left}

.tb_tit {
	border-bottom:#E7E7E7 1px solid;
	border-right:#E7E7E7 1px solid;
	background-color:#F6F6F6;
	text-align:left;
	padding:0px 0px 0px 10px;
	font-weight: bold;
	height:26px;
}

.tb_tit2 {
	border-bottom:#E7E7E7 1px solid;
	border-right:#E7E7E7 1px solid;
	border-left:#E7E7E7 1px solid;
	background-color:#F6F6F6;
	text-align:left;
	padding:0px 0px 0px 10px;
	font-weight: bold;
}



.link-effect-15 a {
  color: #0493d5;
  border:1px solid #0493d5;
  margin: 0 0px;
  padding: 0px 40px;
  font-size:1.1em;
  font-weight:600;
  line-height:35px;
  float:left; 
  margin-right:10px; 
  margin-bottom:10px; 
  position: relative;
  overflow: hidden;
  display: inline-block;
  -moz-transition: ease-out 0.3s 0.3s;
  -o-transition: ease-out 0.3s 0.3s;
  -webkit-transition: ease-out 0.3s;
  -webkit-transition-delay: 0.3s;
  transition: ease-out 0.3s 0.3s;
}
.link-effect-15 a span::before {
  width: 100%;
  height: 2px;
  background: #0493d5;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.link-effect-15 a span::after {
  width: 100%;
  height: 2px;
  background: #0493d5;
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.link-effect-15 a::before {
  width: 2px;
  height: 100%;
  background: #0493d5;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  -moz-transform: translateY(100%);
  -ms-transform: translateY(100%);
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.link-effect-15 a::after {
  width: 2px;
  height: 100%;
  background: #0493d5;
  content: "";
  position: absolute;
  right: 0px;
  bottom: 0;
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.link-effect-15 a:hover {
  color: #0493d5;
}
.link-effect-15 a:hover::before, .link-effect-15 a:hover::after {
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -webkit-transform: translateX(0);
  transform: translateX(0);
}
.link-effect-15 a:hover span::before, .link-effect-15 a:hover span::after {
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -webkit-transform: translateX(0);
  transform: translateX(0);
}


/* Write */
.write-wrap h2 { padding:0px; margin:0px; font-size:14px; font-weight:bold; }
.write-wrap label { font-weight:bold; margin-top:4px; }
.write-wrap .control-label { padding-top:0px; }
.write-wrap .write-content { height: 300px; }
.write-wrap .write-file { border:0;box-shadow:none; }
.write-wrap .write-btn { margin:15px 0px 25px; text-align:center; }
.write-wrap .delete-file { margin:0px; padding:0px 10px; font-weight:normal; }
.write-wrap .delete-file label { font-weight: normal; }
.write-wrap .sp-label { font-weight:normal; margin-right:10px; }
.write-wrap .sp-label input[type="checkbox"], .write-wrap .sp-label input[type="radio"] { margin-top:0px; }

.addr-line { margin-bottom:7px; }
.select-line { margin-right:7px; }

#agree { margin:0px; }

.text-muted2 { color:#f00; }
.form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline { margin-right:15px; }
.radio-inline+.radio-inline, .checkbox-inline+.checkbox-inline { margin-left:0px; margin-right:15px; }

