@import url(http://fonts.googleapis.com/earlyaccess/jejugothic.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
/*@import url('//cdn.jsdelivr.net/font-iropke-batang/1.2/font-iropke-batang.css');*/

@font-face 
{
	font-family: 'Iropke Batang';
	font-style: normal;
	font-weight: 400;
	src: url('/include/Fonts/IropkeBatangM.eot');
	src: url('/include/Fonts/IropkeBatangM.eot?#iefix') format('embedded-opentype'),
	url('/include/Fonts/IropkeBatangM.woff') format('woff'),
	url('/include/Fonts/IropkeBatangM.ttf') format('truetype');
}

@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 400;
  src: url(/include/Fonts/NanumGothic-Regular.eot);
  src: url(/include/Fonts/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(/include/Fonts/NanumGothic-Regular.woff2) format('woff2'),
       url(/include/Fonts/NanumGothic-Regular.woff) format('woff'),
       url(/include/Fonts/NanumGothic-Regular.ttf) format('truetype');
}

@font-face {
 font-family: 'NanumBarunGothic';
 font-style: normal;
 font-weight: 400;
  src: url('/include/Fonts/NanumBarunGothicWeb.eot?#iefix') format('embedded-opentype'), 
  url('/include/Fonts/NanumBarunGothicWeb.woff') format('woff'), 
  url('/include/Fonts/NanumBarunGothicWeb.ttf') format('truetype');
}

/*@font-face {font-family:SeoulNamsEB; src:url('/include/Fonts/SeoulNamsanEB.eot');}
@font-face {font-family:SeoulHanEB; src:url('/include/Fonts/SeoulHangangEB.eot');}
@font-face {font-family:tcceb; src:url('/include/Fonts/tcceb.eot');}*/

@font-face 
{
	font-family:"tccm"; 
	src: url('/include/Fonts/tccm____.eot');
	src: local(※), url('/include/Fonts/tccm____.woff') format('woff'),
		url('/include/Fonts/tccm____.ttf') format('truetype');
}
.font_jejug
{
	font-family: 'Jeju Gothic', serif;
}
.font_nanumg
{
	font-family: 'NanumBarunGothic', serif;
}
.font_nanumm *
{
	font-family: 'Nanum Myeongjo', serif; 
}
/**************************************************************************************
Icon Fonts
*/
@font-face 
{
    font-family: 'IcoMoon-Free';
    src: url('/include/Fonts/IcoMoon-Free.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
.icon {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'IcoMoon-Free' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    
    /* Enable Ligatures ================ */
    letter-spacing: 0;
    -webkit-font-feature-settings: "liga";
    -moz-font-feature-settings: "liga=1";
    -moz-font-feature-settings: "liga";
    -ms-font-feature-settings: "liga" 1;
    -o-font-feature-settings: "liga";
    font-feature-settings: "liga";

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.icon-home:before 
{
    content: "\e975";
	margin-right:10px;
}
.icon-db:before 
{
    content: "\e964";
	margin-right:10px;
}
.icon-table:before 
{
    content: "\ea70";
	margin-right:10px;
}
.icon-info:before 
{
    content: "\ea0c";
	margin-right:10px;
}
.icon-stopwatch:before 
{
    content: "\e952";
	margin-right:10px;
}
.icon-mapmarker:before 
{
    content: "\e947";
	margin-right:10px;
}
.icon-para:before 
{
    content: "\ea7a";
	margin-right:10px;
}
.icon-grp:before 
{
    content: "\ea58";
	margin-right:10px;
}
.icon-ungrp:before 
{
    content: "\ea59";
	margin-right:10px;
}
.icon-useradd:before 
{
    content: "\e973";
	margin-right:10px;
}
.icon-menudown:before 
{
    content: "\e9bf";
	margin-right:10px;
}
.icon-menuup:before 
{
    content: "\e9c0";
	margin-right:10px;
}
.icon-loop:before 
{
    content: "\ea2e";
	margin-right:10px;
}
.icon-usertie:before 
{
    content: "\e976";
	margin-right:10px;
}
.icon-pushpin:before 
{
    content: "\e946";
	margin-right:10px;
}
.icon-stack:before 
{
    content: "\e92e";
	margin-right:10px;
}
.icon-home2:before 
{
    content: "\e901";
	margin-right:10px;
}
.icon-excel:before 
{
    content: "\eae2";
	margin-right:10px;
}
.icon-profile:before 
{
    content: "\e923";
	margin-right:10px;
}
.icon-mobile:before 
{
    content: "\e959";
	margin-right:10px;
}
.icon-house:before 
{
    content: "\e900";
	margin-right:10px;
}

.icon-steam2:before 
{
    content: "\eaad";
	margin-right:10px;
}
.icon-play3:before 
{
    content: "\ea1c";
	margin-right:10px;
}
.icon-search:before 
{
    content: "\e986";
	margin-right:10px;
}
.icon-list1:before 
{
    content: "\e9ba";
	margin-right:10px;
}
.icon-tool:before 
{
    content: "\e991";
	margin-right:10px;
}
.icon-power:before 
{
    content: "\e9b5";
	margin-right:10px;
}
.icon-x:before 
{
    content: "\ea0f";
	margin-right:10px;
}
.icon-pie-chart:before 
{
    content: "\e99a";
	margin-right:10px;
} 
.icon-stats4:before 
{
    content: "\e99d";
	margin-right:10px;
}
.icon-history-time:before 
{
    content: "\e94d";
	margin-right:10px;
}
.icon-exit:before 
{
    content: "\ea14";
	margin-right:10px;
}
.icon-globe:before
{
	content: "\e9c9";
	margin-right:3px;
}

.icon-download:before
{
	content: "\e9c7";
	margin-right:0px;
}
/**************************************************************************************/
.buttonStyle
{
    border: none;
    color: white;
    padding: 5px 20px 5px 20px ;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    cursor: pointer;
	border-radius: 4px;
	margin:2px;
}
.button-bgGreen
{
	background-color: #4CAF50; /* Green */
}
.button-bgGray
{
	background-color: #7d7d7d; /* Green */
}

.button-bgGray2
{
	background-color: #c0c0c0; /* Green */
}

.button-bgRed
{
	background-color: #ff0000; /* Green */
}

.button-bgOrange
{
	background-color: #ff9900; /* Green */
}

.w200px { width:200px; }
.w150px { width:150px; }
.w100px { width:100px; }
.w80px { width:80px; }
.w50px { width:50px; }
.align-left { text-align:left;}
.align-right { text-align:right;}
.align-center { text-align:center;}

/***************************************************************************/
.btn-w100-h30 { width:100px; height:30px; margin-right:5px;}
.btn-w150-h30 { width:150px; height:30px; margin-right:5px;}
.btn-w80-h30 { width:80px; height:30px; margin-right:5px;}
.btn-site-edit { width:40px; height:26px;padding-left:10px; margin-right:4px;}
.texticon-btn:hover { cursor:pointer; color:#a8a8a8;}
/***************************************************************************/
.sym
{
	padding-left:10px;
	padding-right:10px;
}

.fontsize24
{
	font-size:24px;
}

.fontsize20
{
	font-size:20px;
}

.fontsize8
{
	font-size:8px;
}

input[type=text].idpwd, input[type=password].idpwd
{
    width: 300px;
    padding: 12px 20px;
    margin: 8px 0;
    box-sizing: border-box;
	border:1px solid #b0b0b0;
	font-size:14px;
	color:#b0b0b0;
}
input[type=text]:focus, input[type=password]:focus 
{
    background-color: #f3ffd5;
	color:black;
}
input[type=checkbox].marginleft
{
	margin-left:50px;
	margin-right:5px;
}
input[type=text].general, input[type=password].general
{
    width: 150px;
    padding: 5px;
    margin: 0;
    box-sizing: border-box;
	border:1px solid #b0b0b0;
	font-size:14px;
	color:#6d6d6d;
}
input[type=text].input_large
{
	width:300px;
}
input[type=text].input_full
{
	width:100%;
}
input[type=text].input_large400
{
	width:400px;
}
input[type=text].dateline
{
	width:130px;
	padding: 5px;
    margin: 0;
    box-sizing: border-box;
	border:1px solid #b0b0b0;
	font-size:14px;
	color:#6d6d6d;
}
input[type=text].timeline
{
	width:80px;
	padding: 5px;
    margin: 0;
    box-sizing: border-box;
	border:1px solid #b0b0b0;
	font-size:14px;
	color:#6d6d6d;
}

input[type=text].date-time-line
{
	width:160px;
	padding: 5px;
    margin: 0;
    box-sizing: border-box;
	border:1px solid #b0b0b0;
	font-size:14px;
	color:#6d6d6d;
}
input[type=text].sms-info
{
	width:80%;
	padding: 5px;
    margin: 0;
    box-sizing: border-box;
	border:1px solid #b0b0b0;
	font-size:14px;
	color:#6d6d6d;
}
select
{
	height:28px;margin-right:10px;
}

label
{
	padding-bottom:2px;
	margin-right:5px;
}

.star_dot
{
	font-size:14px;
	color:red;
	margin-right:5px;
}

.textAlign-left { text-align:left; }
.textAlign-center { text-align:center; }
.textAlign-right { text-align:right; }