@charset "utf-8";
/*최상단*/

#yeyakHeader .xl .nav{margin:0 0 20px 0;padding:0;list-style:none}
#yeyakHeader .xl .nav>li>a{display:block;text-decoration: none;}
#yeyakHeader .xl .nav>li>a:hover,
#yeyakHeader .xl .nav>li>a:focus{text-decoration:none;background-color:#eeeeee}
#yeyakHeader .xl .nav-tabs{*zoom:1}
#yeyakHeader .xl .nav-tabs:before,
#yeyakHeader .xl .nav-tabs:after{display:table;line-height:0;content:""}
#yeyakHeader .xl .nav-tabs:after{clear:both}
#yeyakHeader .xl .nav-tabs>li{float:left}
#yeyakHeader .xl .nav-tabs>.subadmin{float:right;text-decoration:none;background-color:#eeeeee}
#yeyakHeader .xl .nav-tabs>.subadmin>a:hover,
#yeyakHeader .xl .nav-tabs>.subadmin>a:focus{float:right;text-decoration:none;color:#6e6e6e;}
#yeyakHeader .xl .nav-tabs>li>a{font-size:14px;padding-right:12px;padding-left:12px;margin-right:2px;line-height:14px}
#yeyakHeader .xl .nav-tabs{border-bottom:1px solid #ddd}
#yeyakHeader .xl .nav-tabs>li{margin-bottom:-1px}
#yeyakHeader .xl .nav-tabs>li>a{padding-top:8px;padding-bottom:8px;line-height:20px;border:1px solid transparent;-webkit-border-radius:4px 4px 0 0;-moz-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0}
#yeyakHeader .xl .nav-tabs>li>a:hover,
#yeyakHeader .xl .nav-tabs>li>a:focus{border-color:#eeeeee #eeeeee #dddddd}
#yeyakHeader .xl .nav-tabs>.active>a,
#yeyakHeader .xl .nav-tabs>.active>a:hover,
#yeyakHeader .xl .nav-tabs>.active>a:focus{font-size:14px;font-weight: bold;color:#555555;cursor:default;background-color:#ffffff;border:1px solid #ddd;border-bottom-color:transparent}
#yeyakHeader {
padding:10px 0 0 0;
font-family: 'Open Sans','맑은 고딕','Malgun Gothic','돋움',Dotum,'애플 SD 산돌고딕 Neo','Apple SD Gothic Neo',AppleGothic,Helvetica,sans-serif;
}


@font-face {
font-family: 'Material Icons';
font-style: normal;
font-weight: 400;
src: url(../fonts/MaterialIcons-Regular.eot); /* For IE6-8 */
src: local('Material Icons'),
	local('MaterialIcons-Regular'),
	url(../fonts/MaterialIcons-Regular.woff2) format('woff2'),
	url(../fonts/MaterialIcons-Regular.woff) format('woff'),
	url(../fonts/MaterialIcons-Regular.ttf) format('truetype');
}

#yeyakMainLayOut .material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;  /* Preferred icon size */
  display: inline-block;
  width: 1em;
  height: 1em;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;

  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */
  font-feature-settings: 'liga';
}

#yeyak-wrap{
	font-family: 'Open Sans','맑은 고딕','Malgun Gothic','돋움',Dotum,'애플 SD 산돌고딕 Neo','Apple SD Gothic Neo',AppleGothic,Helvetica,sans-serif !important;
}

#yeyak-wrap table,th,td{
	font-family: 'Open Sans','맑은 고딕','Malgun Gothic','돋움',Dotum,'애플 SD 산돌고딕 Neo','Apple SD Gothic Neo',AppleGothic,Helvetica,sans-serif !important;
}

#yeyakMainLayOut{
	font-family: 'Open Sans','맑은 고딕','Malgun Gothic','돋움',Dotum,'애플 SD 산돌고딕 Neo','Apple SD Gothic Neo',AppleGothic,Helvetica,sans-serif;
}
/* Rules for sizing the icon. */
#yeyakMainLayOut  .material-icons.md-16 { font-size: 16px; }
#yeyakMainLayOut  .material-icons.md-18 { font-size: 18px; }
#yeyakMainLayOut  .material-icons.md-24 { font-size: 24px; }
#yeyakMainLayOut  .material-icons.md-36 { font-size: 36px; }
#yeyakMainLayOut  .material-icons.md-48 { font-size: 48px; }

/* Rules for using icons as black on a light background. */
#yeyakMainLayOut  .material-icons.md-dark { color: rgba(0, 0, 0, 0.54); }
#yeyakMainLayOut  .material-icons.md-dark.md-inactive { color: rgba(0, 0, 0, 0.26); }

/* Rules for using icons as white on a dark background. */
#yeyakMainLayOut  .material-icons.md-light { color: rgba(255, 255, 255, 1); }
#yeyakMainLayOut  .material-icons.md-light.md-inactive { color: rgba(255, 255, 255, 0.3); }

#yeyakMainLayOut  .material-icons.orange600 { color: #FB8C00; }
#yeyakMainLayOut  .material-icons.blue600 { color: #0066cc; }

#yeyakMainLayOut  i{
vertical-align: bottom;
}


/* lang-css */
.settingError {
       position:relative;
	   	   height:30px;
		      vertical-align: middle;
   }

.setContent {
   position:relative;
   color:White;
  padding:5px 0 0 5px;
   font-size:16px;

   z-index:5;
}

#yeyakMainLayOut  .background {
   position:absolute;
   top:0px;
   left:0px;
   width:100%;
   height:100%;
   background-color:Black;
   z-index:1;
   /* These three lines are for transparency in all browsers. */
   -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
   filter: alpha(opacity=50);
   opacity:.5;
}

#yeyakMainLayOut h2{
font-size:16px;
}

#yeyakMainLayOut h3{
font-size:14px;
}


.argee_scr{
overflow-y:auto;overflow-x:hidden;min-height:450px;height:470px;
}

.ysbtn {
    background-color: #4CAF50; 
    border: none;
    color: white;
    padding: 10px 10px 10px 10px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
	font-weight:400;
    font-size: 14px;
    vertical-align: middle;
	cursor:pointer;
}

.ysbtn.blue {background-color: #1b9cda;}
.ysbtn.blue:hover {background-color: #1a91ca;}
.ysbtn.red {background-color: #ff3300;}
.ysbtn.red:hover{background-color: #ff0000;}
.ysbtn.yellow{background-color: #f5a802;}
.ysbtn.yellow:hover{background-color: #e89d02;}

.lth{text-decoration: line-through;}
.font-red{color:#da2727;}
.font-blue{color:#0033ff;}