@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700italic,700);
@import url(http://fonts.googleapis.com/css?family=Comfortaa:400,700,300);
@import url(http://fonts.googleapis.com/css?family=Lato:100,300,400,700,900,100italic,300italic,400italic,700italic,900italic);

@import url('menu.css');
@import url('creamsoda_ticker.css');
@import url('sky-forms.css');
@import url('accordion.css');
@import url('icons.css');
@import url('default.css');
@import url('default.time.css');
@import url('default.date.css');
@import url('flexslider.css');
@import url('fullcalendar.css');


@font-face{font-family:Nanum Gothic, 'Vinhan';src:url('../font/VINHAN.eot?v=4.0.1');src:url('../font/VINHAN.eot?#iefix&v=4.0.1') format('embedded-opentype'),url('../font/VINHAN.woff?v=4.0.1') format('woff'),url('../font/VINHAN.ttf?v=4.0.1') format('truetype'),url('../font/VINHAN.svg?v=4.0.1#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}

/* 	Reset Styling
----------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, img {
	display: block;
}

body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
* {
	outline: none;
	padding: 0px;
	margin: 0px
}


/*----------------------------------------------------------------------*/
a,a:hover{
	text-decoration:none !important;
	}
img {
	border: none;
	max-width: 100%
}
body{
	
	font-family:'Lato', sans-serif !important;
	font-size:14px !important;
	}
.full{
	width:100%
	}
.one-third{
	width:33.333333%;
	float:left;
	display:inline-block;
	box-sizing:border-box;
	padding:0 10px;
	position:relative;
	}
.two-third{
	width:66.666666%;
	float:left;
	display:inline-block;
	box-sizing:border-box;
	padding:0 10px;
	position:relative;
	}
.half{
	width:50%;
	float:left;
	display:inline-block;
	box-sizing:border-box;
	padding:0 10px;
	position:relative;
	}
	
.head-main{
	height:150px ;
	background:#233241;
	color:#fff
	}
.month-year{
	font-size:19px;
	text-align:center;
	margin-top:20px;
	font-family:'Open Sans Bold',Arial, serif !important;
	
	}
.day{
	font-size:70px;
	line-height:80px;
	text-align:center;
	font-family:'Open Sans Light',Arial, serif !important;

	}
.break-news{margin:10px 0 0 0;height:80px;overflow:hidden}
.news-text{font-size:14px !important}
.break-news a{color:#fff}
.break-news a:hover{color:#3b95d2;text-decoration:none;}
.title{font-weight:bold;font-size:18px}
.icon-main{
	height:210px;
	text-align:center;
	position:relative;
	color:#3b95d2;
	font-size:19px;
	float:left;
	display:inline-table;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	transition:all 0.3s ease;
	font-family:'Comfortaa', cursive;
	font-weight:300;
	

	
	}
.icon-main span{padding-top:160px;display:block}
.icon-main:hover{
	color:#233241;
		
	}
.mail{background:url(../images/icon-mail.png) no-repeat center center}
.payment{background:url(../images/icon-payment.png) no-repeat center center}
.schedule{background:url(../images/icon-schedule.png) no-repeat center center}
.board{background:url(../images/icon-board.png) no-repeat center center}
.erp{background:url(../images/icon-erp.png) no-repeat center center}
.mis{background:url(../images/icon-mis.png) no-repeat center center}
.no-pad-a li a{padding:0 5px!important}




.menu-top{background:#3b95d2;height:44px;position:relative}
.home {
	position:relative;
	float:right;
	width:30px;
	height:30px;
	margin:0 13px 0 0;
	top:7px;
	z-index:100;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;

}
.home a{display:block;width:30px;height:30px;background:url(../images/home.png) no-repeat;background-size:30px 30px;	
}

.menu-icon{
	position:relative;
	float:left;
	width:30px;
	height:30px;
	margin:0 0 0 13px;
	top:7px;
	z-index:100;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
	}
.menu-icon a{display:block;width:30px;height:30px;background:url(../images/menu.png) no-repeat;background-size:30px 30px;
	
}

.title-top{
	position:absolute;
	top:0px;
	z-index:1;
	width:100%;
	text-align:center;
	line-height:44px;
	color:#fff;
	font-family:'Lato Bold',Arial, Helvetica, sans-serif;
	font-size:26px;

	}

.footer{
	background:#3b95d2;height:44px;position:fixed;left:0px;bottom:0px;
	}
	
.write {position:absolute;top:7px;right:13px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;

}
.write a{display:block;width:30px;height:30px;background:url(../images/write.png) no-repeat;background-size:30px 30px;
	
}
.setting {position:absolute;top:7px;right:13px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;

}
.setting a{display:block;width:30px;height:30px;background:url(../images/setting.png) no-repeat;background-size:30px 30px;
	
}

.scroll-text{height:80px;overflow:hidden;margin:35px 0;}
._inner{display: inline-block; position: relative;}
#news{margin:5px 0 0 0;}
#news ul{}
#news ul li{height:120px;padding:40px 0 20px;overflow:hidden;margin:0 }
@media screen and (max-width:390px) {#news ul li{padding-top:25px !important} }


.content{margin-bottom:44px;position:relative}
.mail-block{padding:0;margin:0;}
.mail-block li{
height:45px;
box-sizing:border-box;
border-bottom:solid 1px #828282;
line-height:44px;
overflow:hidden;
padding:0px 15px 0px 15px;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-ms-box-sizing:border-box;
-o-box-sizing:border-box;
box-sizing:border-box;
}
.mail-block li.title{
font-weight:bold;
border-bottom:solid 1px #3b95d2	 !important;
background-color:#f4f4f4 !important ;
	}
.mail-block li a{
	font-size:16px;
	color:#3b3b3b;
	padding:0 35px;
	}
.mail-block li.none-icon{background:none;}
.mail-block li.in-mail{background:url(../images/mail-icon.png) no-repeat 15px center}
.mail-block li.in-mail:hover{background:url(../images/mail-icon-over.png) no-repeat 15px center}
.mail-block li.out-mail{background:url(../images/outbox-icon.png) no-repeat 15px center}
.mail-block li.out-mail:hover{background:url(../images/outbox-icon-over.png) no-repeat 15px center}
.mail-block li.draft-mail{background:url(../images/draft-icon.png) no-repeat 15px center}
.mail-block li.draft-mail:hover{background:url(../images/draft-icon-over.png) no-repeat 15px center}

.mail-block li.title img{display:inline-block;margin-right:10px;}
.mail-block li:hover{background-color:#f3fafe !important}
.mail-block li:hover a{
	color:#3b95d2
	}
.mail-block .mm{color:#fff;display:inline-block;background:#3b95d2;border-radius:100%;width:22px;height:22px;font-size:11px;text-align:center;line-height:20px;margin:0px 0 0 5px;position:relative;top:-5px}
.mail-block li li{font-weight:normal}
.sub1 a{margin-left:15px;}
.sub2 a{margin-left:30px}
.sub3 a{margin-left:45px}
.sub4 a{margin-left:60px}
.mail-block a i{margin-right:10px;}
.mail-block .fa-group{color:#999}
.mail-block:hover .fa-group{color:#3b95d2}
.bl{color:#333 !important}
.mr-10{margin-top:15px !important;}
.fr-txt{margin:0 0 10px 0 !important}
.group-mail li a{padding-left: 0 !important}
.app{border-top:10px solid #e3e3e3 ;border-bottom:10px solid #e3e3e3}
.app li:first-child{border-top:1px solid #828282}
.search-mail{width:100%;height:44px;position:relative;border-bottom:solid 1px #828282}
.search-mail div input[type=text]{height:44px;padding:0 15px;width:100% !important;background:none;border:none;font-size:16px;color:#828282;line-height:44px;}
.search-mail div input[type=image]{position:absolute;width:24px;height:24px;top:6px;right:15px;}
.search2{width:100%;height:44px;position:relative}
.search2 a{position:absolute;width:24px;height:24px;top:6px;right:7px;}
.search-detail{width:100%;height:100%;position:relative;border-bottom:solid 1px #828282}
.text-mail{display:block;width:100%;min-height:84px;border-bottom:solid 1px #828282;box-sizing:border-box;padding:10px 15px 10px 23px;overflow:hidden}
.text-mail:hover{background:#f3fafe}
.text-mail2{display:block;width:100%;min-height:84px;border-bottom:solid 1px #828282;box-sizing:border-box;padding:10px 10px 10px 15px;overflow:hidden}
.text-mail2:hover{background:#f3fafe}
.text-mail2 .checkbox{position:absolute !important;width:17px;display:inline-block;left:10px;}
.text-mail2 input[type=checkbox]{position:absolute !important;width:17px;display:inline-block;left:12px;}
.text-mail2 .ct{float:left;display:block;margin:0 0 0 5%;width:95%}
.approval .checkbox{left:3px !important}

.border-top{border-top: solid 1px #828282}
.color1{border-left:8px solid #3b95d2}
.color2{border-left:8px solid #7cc3f2}
.title-name{width:45%;font-size:14px;float:left;display:inline-block;color:#828282}
/*.title-name-2{width:100%;font-size:15px;float:left;display:inline-block;color:#303030; }*/
.title-name-2  a:link{  width:100%;font-size:14px;float:left;display:inline-block;color:#303030;  }
.title-name-2 a:hover, a:visited, a:active { text-decoration: none ; color:#333;}


.title-name .attach-f{display:inline-block;margin-top:-5px;margin-left:5px}
.mail-time2{width:35%;font-size:12px;color:#3b95d2;float:left;display:inline-block;text-align:right}
.mail-time{width:55%;font-size:12px;color:#3b95d2;float:left;display:inline-block;text-align:right}
.mail-time ul{float:right}
.mail-time li{float:left;margin-right:5px;}
.mail-time li img{width:16px;}
.title-mail{font-weight:bold;width:100%;display:inline-block;color:#303030}


.text-mail2 .checkbox i{left:5px !important;top:-8px}
.text{display:inline-block;width:100%;color:#b0b0b0; white-space:nowrap;overflow:hidden}
.text2{display:inline-block;width:100%;color:#b0b0b0; overflow:hidden;max-height:42px;}

.top-btn{width:100%;height:44px;position:relative}
.top-btn .back{float:left;margin:0 0 0 13px;display:inline-block;line-height:44px;}
.top-btn .back img{vertical-align:middle;display:inline-block;margin-top:-8px}
.top-btn .back span{display:inline-block;margin:0 0 0 10px;color:#3b95d2;}
.top-btn .edit{float:right;margin:0 13px 0 0;display:inline-block;line-height:44px;}
.top-btn .edit img{vertical-align:middle;display:inline-block;float:right;margin-top:12px}
.top-btn .edit span{display:inline-block;margin:0 10px 0 0px;color:#3b95d2;float:right}

.text-block{width:100%;padding:0 15px;}
.title-gr{padding:5px 0 5px 0;}
.sender{color:#2a2a2a;font-size:16px;}
.receiver{color:#9d9d9d}
.datetime{color:#3b95d2}
.mail-etc{color:#3b95d2; font-size:9pt;}
.mail-etc a{color:#3b95d2; font-size:9pt;}
.app-post-name{color:#2a2a2a;font-size:16px;}
.app-post-s1{color:#9d9d9d}
.app-post-s1 .sub{color:#9d9d9d}
.app-post-s1 span{color:#3b95d2}
.text-gr{width:100%}
.content-tx{font-weight:normal;color:#686868;font-size:13px; padding:5px 0px;}
.content-tx-s{ font-weight:normal !important;color:#686868;font-size:12px; padding:5px 0px;}
.title-sj{ border-top:2px solid #ebebeb;font-weight:bold;color:#303030;margin:8px 0 0 0;padding:8px 0px;}
.title-sj-s1{ color:#3b95d2;}
.attach{color:#666666;background:url(../images/attach.png) no-repeat 0 3px;padding-left:20px;margin:0px;font-size:12px;font-weight:bold;}
.content-sj{color:#464545;padding-bottom:20px}
.attach-file{margin:0 0 0 10px;background:url(../images/folder.png) no-repeat 0 3px;padding-left:20px;}
.attach-file a{color:#3b95d2}

.form-gw{width:100%;padding:0 15px;}
.form-gw input[type=text],.form-gw input[type=password]{
	height:38px;
	width:100%;
	margin:0 0 15px 0;
	background:#f4f4f4;
	line-height:38px;
	color:#434343;
	border:0;
	box-shadow:0;
	padding:0 15px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	box-sizing:border-box;
	}
.form-gw select{height:38px;
	width:100%;
	margin:0 0 15px 0;
	background:#f4f4f4;
	line-height:38px;
	color:#434343;
	border:0;
	box-shadow:0;
	padding:0 15px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	box-sizing:border-box;}
.form-gw input[type=submit]
{
    z-index:100;
	font-family:'Comfortaa', cursive;
	font-size:16px;
	height:38px;
	width:100%;
	margin:0 0 15px 0;
	background:#3b95d2;
	line-height:38px;
	color:#fff;
	text-align:center;
	border:0;
	box-shadow:0;
	padding:0 15px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	box-sizing:border-box;
	}
.form-gw input[type=submit]:hover{background:#233241}
.form-gw.sky-form-modal .checkbox{font-size:13px}
.form-gw textarea{
	width:100%;
	line-height:20px;
	color:#434343;
	height:90px;
	margin:0 0 15px 0;
	background:#f4f4f4;
	resize:none;
	border:0;
	padding:0 15px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	box-sizing:border-box;}
::-webkit-input-placeholder { /* WebKit browsers */
    color:    #b2b2b2;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #b2b2b2;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #b2b2b2;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #b2b2b2;
}

.form-gw .forgot-pass{display:inline-block;float:left;color:#908e8e;margin:5px 0 0 0;}
.form-gw .forgot-pass:hover,.form-gw .reg:hover{color:#233241}
.form-gw .reg{display:inline-block;float:right;color:#3b95d2;margin:5px 0 0 0;}
.form-gw h2{font-size:14px;font-weight:bold;margin:0 0 10px 0;}
.form-list{max-width:none !important;width:100% !important;padding:15px 10px !important;height:auto;}
.form-list{position:fixed !important;top:50%!important;left:0 !important;margin:0 !important;max-height:400px !important;margin-top:-200px !important;overflow-x:scroll;-webkit-overflow-scrolling: touch;}
.form-list table{width:100%;}
.form-list table td{font-size:12px !important;border:1px solid #3b95d2;text-align:center;width:25%;padding:0 6px}
.form-list table thead td{background:#3b95d2;font-weight:bold;color:#fff;}
.form-list table tbody tr:hover td{background:#f3fafe}

.login{margin:44px 0 0 0 ;}
.name-box{border:solid 1px #ebebeb;padding:10px;line-height:24px;margin:15px 0 0px 0;position:relative}
.name-box:hover{background:#f3fafe}
.name-box .title-sj2{border-bottom:solid 1px #ebebeb;margin:0 0 5px 0 !important;padding-bottom:15px}
.fr-half{width:48%;margin-left:3.5% !important;display:inline-block}
.fr-third {width:32.5%;margin-left:3.5% !important;display:inline-block}
.fr-quarter{width:24%;margin-left:3.5% !important;display:inline-block}
.name-box .no{width:30px;height:30px;border-radius:50%;display:block;background:#3b95d2;color:#fff;text-align:center;line-height:30px;float:left;margin:0 15px 0px 0}
.arrow-down{width:90%;height:40px;display:block;position:absolute;background:url(../images/down.png) center center no-repeat;z-index:999;}
.name-box.last .arrow-down{display:none;}
.mr-btn{margin-right:43px;}
.title-memo{font-weight:bold;}
.memo-table .number{width:8% !important}
.memo-table .name{width:15% !important}
.memo-table .datetime{width:20% !important}
.memo-table .content{width:58% !important;text-align:left !important}
.top-memo{margin:20px 0 0 0;}
.top-memo h2{float:left;width:50%;}
.top-memo a{float:right;width:60px;font-size:12px;color:#3b95d2
}
.top-memo a img{float:right;margin-left:2px}


@media screen and (max-width:620px){.fr-half{margin-left:3.2% !important}}
@media screen and (max-width:480px){.fr-half{margin-left:2.7% !important}}

.no-mar{margin:0 !important}
.icon-append2{right:10px;position:absolute;width:20px;top:10px;}
.sky-form-modal{width:100%;max-width:300px;padding:20px;background:#fff;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;z-index:2000 !important}
.checkbox a{color:#3b95d2}
.checkbox{font-weight:normal}
.sky-form-modal ul ul{margin:0 0 10px 10px;}
.sky-form-modal p{margin:0 0 10px 0}
.sky-form-modal input[type=submit]{margin:10px 0 0 0}

#calendar {position:relative;z-index:500}
#calendar .ui-datepicker-calendar span {
	display: block;
	width: 31px;
	margin: auto;
	border-radius:100%;
	font-weight:800;
	color: #d3d3d3;
	text-transform:uppercase;
}
#calendar .ui-datepicker-title {
	font-size:18px;
	font-family:'Comfortaa', cursive;

	}
#calendar .ui-datepicker-prev, .ui-datepicker-next{margin-top:15px;width:30px !important;height:30px !important;}
#calendar .ui-datepicker-header{width:70%;margin:0 auto !important;border:none;}
#calendar .ui-datepicker-inline .ui-datepicker-calendar thead{border-bottom:2px solid #3b95d2}
#calendar .ui-datepicker{padding:2px 0 12px 0;}

#box {
	position:absolute;
	z-index:1100;
	top:54px;
	right:13px;
    display:none;
	background:#233241;
	min-width:150px!important;
}
.no-border{border:none !important}
.box-deco{
	background:url(../images/nav_deco.png);
	background-size:20px 10px;
	background-repeat:no-repeat;
	position:absolute;
	width:20px;

	height:10px;
	margin-top:-9px;
	right:8px;
}


#menu-deploy {
    height:30px;
	width:30px;
    z-index:100;
	float:right;
	position: relative;
	top:7px;
	margin-right:13px;
	z-index:100;
	display:block !important;
}

#menu-deploy a { 
	background-repeat:no-repeat;
	background-size:30px 30px;
	width:30px;
	height:30px;	
}

.hide-menu{
	background-image:url(../images/clos_btn.png);background-size:30px 30px;
	display:none;
}

.show-menu{
	background-image:url(../images/menu_btn.png);background-size:30px 30px;
	display:block;
}

.nav-item{
	font-family:'Open Sans', sans-serif;
	font-size:14px;
	display:block;
	min-width: 120px;
	padding-left:42px;
	padding-bottom:15px;
	padding-top:15px;
	padding-right:20px;
	color:#FFFFFF;
	border-bottom:solid 1px rgba(255,255,255,1);
	margin-left:20px;
	margin-right:20px;
}
.view-icon{
	background-image:url(../images/viewer_btn.png);
	background-size:30px 30px;
	background-repeat:no-repeat;
	background-position:left center;}
.answer-icon{
	background-image:url(../images/answer_btn.png);
	background-size:30px 30px;
	background-repeat:no-repeat;
	background-position:left center;}
.reply-icon{
	background-image:url(../images/reply_btn.png);
	background-size:30px 30px;
	background-repeat:no-repeat;
	background-position:left center;}
.replyall-icon{
	background-image:url(../images/replyall_btn.png);
	background-size:30px 30px;
	background-repeat:no-repeat;
	background-position:left center;}
.forward-icon{
	background-image:url(../images/forward_btn.png);
	background-size:30px 30px;
	background-repeat:no-repeat;
	background-position:left center;}
.delete-icon{
	background-image:url(../images/delete_btn.png);
	background-size:30px 30px;
	background-repeat:no-repeat;
	background-position:left center;}
.close-icon{
	background-image:url(../images/clos_btn.png);
	background-size:30px 30px;
	background-repeat:no-repeat;
	background-position:left center;
}
.adsearch-icon{
	background-image:url(../images/search_ad.png);
	background-size:30px 30px;
	background-repeat:no-repeat;
	background-position:left center;}
.situa-icon{
	background-image:url(../images/situation.png);
	background-size:30px 30px;
	background-repeat:no-repeat;
	background-position:left center;}
.public-icon{
	background-image:url(../images/public.png);
	background-size:30px 30px;
	background-repeat:no-repeat;
	background-position:left center;}
.all-icon{
	background-image:url(../images/all.png);
	background-size:30px 30px;
	background-repeat:no-repeat;
	background-position:left center;}
.business-icon{
	background-image:url(../images/business.png);
	background-size:30px 30px;
	background-repeat:no-repeat;
	background-position:left center;}
.business2-icon{
	background-image:url(../images/business2.png);
	background-size:30px 30px;
	background-repeat:no-repeat;
	background-position:left center;}
.edu-icon{
	background-image:url(../images/edu.png);
	background-size:30px 30px;
	background-repeat:no-repeat;
	background-position:left center;}
.conf-icon{
	background-image:url(../images/conf.png);
	background-size:30px 30px;
	background-repeat:no-repeat;
	background-position:left center;}
.personal-icon{
	background-image:url(../images/personal.png);
	background-size:30px 30px;
	background-repeat:no-repeat;
	background-position:left center;}
.pay-icon{
	background-image:url(../images/pay.png);
	background-size:30px 30px;
	background-repeat:no-repeat;
	background-position:left center;}
.cancel-icon{
	background-image:url(../images/cancel.png);
	background-size:30px 30px;
	background-repeat:no-repeat;
	background-position:left center;}
.move-icon{
	background-image:url(../images/move.png);
	background-size:30px 30px;
	background-repeat:no-repeat;
	background-position:left center;}
.copy-icon{
	background-image:url(../images/copy.png);
	background-size:30px 30px;
	background-repeat:no-repeat;
	background-position:left center;}
.download-icon{
	background-image:url(../images/download.png);
	background-size:30px 30px;
	background-repeat:no-repeat;
	background-position:left center;}
.memo-icon{
	background-image:url(../images/memo.png);
	background-size:30px 30px;
	background-repeat:no-repeat;
	background-position:left center;}
.edit3-icon{
	background-image:url(../images/edit-3.png);
	background-size:30px 30px;
	background-repeat:no-repeat;
	background-position:left center;}
.test-icon{
	background-image:url(../images/test_btn.png);
	background-size:30px 30px;
	background-repeat:no-repeat;
	background-position:left center;}

.folder2x-icon{
	background-image:url(../images/2folder_btn.png);
	background-size:30px 30px;
	background-repeat:no-repeat;
	background-position:left center;}
.write-icon{
	background-image:url(../images/write.png);
	background-size:30px 30px;
	background-repeat:no-repeat;
	background-position:left center;}

.attach3-icon{
	background-image:url(../images/attach3.png);
	background-size:30px 30px;
	background-repeat:no-repeat;
	background-position:left center;}
	
.scheldule-box{position:relative}

#box2 {
	position:absolute;
	z-index:1000;
	top:53px;
	right:23px;
    display:none;
	background:#233241;
	text-align:center;
}
#box2 .nav-item{
	display:block;
	color:#FFFFFF;
	padding: 0 10px !important;
	border-bottom:solid 1px rgba(255,255,255,1);
	margin:0 10px;
	height:36px;
	line-height:36px;
}
.box-deco{
	background:url(../images/nav_deco.png);
	background-size:20px 10px;
	background-repeat:no-repeat;
	position:absolute;
	width:20px;
	height:10px;
	margin-top:-9px;
	right:0px;
}
.change-sche{position:abosolute;z-index:1000}
.change-sche .box-deco{top:0px;background:url(../images/nav_deco.png) no-repeat !important;right:0px !important;background-size:20px 10px !important;width:20px;height:10px;}
#plus-sche {
    height:30px;
	width:30px;
	
    z-index:1000;
	position:absolute;
	top:19px;
	right:10px;
	z-index:1000;
	display:block !important;
}

#plus-sche a { 
	background-repeat:no-repeat;
	background-size:20px 20px;
	width:30px;
	height:30px;	
}

.hide-plus{
	background-image:url(../images/dec.png);background-size:20px 20px;
	display:none;
}

.show-plus{
	background-image:url(../images/plus.png);background-size:30px 30px;
	display:block;
}
/**** Infinite Scroll ****/

#infscr-loading {
  position: fixed;
  text-align: center;
  bottom: 20%;
  left: 43%;
  z-index: 100;
  background:url(../images/ajax-loader.gif) no-repeat top center;
  padding: 20px;
  color: #222;
  font-size: 15px;
  font-weight: bold;
  -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
          border-radius: 10px;
}
.hide{display:none;}
.footer .slides{}
.footer .flexmenu{display:block  !important;height:44px  !important;width:85% !important;margin:0 auto !important}
.footer .flexmenu .flex-viewport{}
.footer .flexmenu .flex-viewport ul{}
.footer .flexmenu li a{display:block  !important;width:30px  !important;height:30px  !important;margin:7px 0 0 0  !important;z-index:9999 !important}
.footer .flexmenu .flex-direction-nav .flex-next,.footer .flexmenu .flex-direction-nav .flex-prev{margin:-14px 0 0 !important}
.flex-direction-nav .flex-disabled {opacity: 0.3!important; filter:alpha(opacity=30); cursor: default;z-index:1px !important;}

.breadcum{font-size:12px;background:#f1f1f1;color:#444444;height:30px;line-height:30px;padding:0 15px}
.breadcum a{font-size:12px;color:#444444}

.sub-menu-2{position:relative;display:block;cursor:pointer}
.sub-2{position:absolute;top:0;right:100%;margin-right:20px;display:none;background:#233241}
.reply_btn{cursor:pointer}
.slides li{position:relative}
.slides .sub-2-bot{position:fixed;background:#233241;bottom:60px;margin-left:-55px;padding:0 10px 10px 10px;display:none;}
.box-deco3{
	background:url(/images/nav_deco3.png) bottom center no-repeat;
	width:22px;height:15px;
	bottom:-13px;
	left:50%;
	margin-left:-11px;
	position:absolute}
.slides .sub-2-bot a{display:block;min-line-height:30px;color:#fff;min-width:120px !important;min-height:30px}
.slides .sub-2-bot a span{display:block;min-width:80px;float:left;margin:0 0 0 40px; line-height:30px; }
.all{z-index:10;position:relative;}
.page-form{position:relative !important;display:block !important;z-index:1 !important;}
.mm-menu{z-index:10;}
nav#menu{z-index:9999}

.mail-block.accordion li:first-child{border-top: none !important}
.mail-block.accordion li:last-child{border-bottom: solid 1px #828282!important}
.mail-block.accordion .parent li:first-child{border-top: solid 1px #828282 !important}
.mail-block.accordion .parent li:last-child{border-bottom: none !important}
.mail-block.accordion li{height:auto;border-top: solid 1px #828282;border-bottom: none;padding:0 !important}
.mail-block.accordion a{line-height:45px;background:none !important;padding:0 50px}
.mail-block.accordion span.head{right:10px !important}
.mail-block.accordion span.head a{background:url(/images/mm.png) no-repeat scroll 0 -30px !important;display:block;width:30px;height:30px;}
.mail-block.accordion span.head a:hover, .mail-block.accordion li.active>span.head a{background:url(/images/mm.png) no-repeat scroll 0 0px !important}
.mail-block.accordion li li a{padding:0 60px}
.mail-block.accordion li li li a{padding:0 70px}
.mail-block.accordion li li li li a{padding:0 80px}
.mail-block.accordion li li li li li a{padding:0 90px}
.mail-block.accordion li li li li li li a{padding:0 100px}

.ncr_mm{background:url(/images/mm.png) no-repeat scroll 0 -30px !important;display:block;width:30px;height:30px;}

#repeat-popup{display:none;z-index:5000 !important;top:0;left:0;position:fixed}
#overlayaa{position:fixed;width:100%;height:100%;background:rgba(0,0,0,0.7);z-index:4000;top:0;left:0;display:none}
#repeat-popup .checkbox{width:80px;display:inline-block;margin:0 !important}
#calendar-month{width:100%;position:absolute;top:20px;left:0;padding:0 0 60px 0}
#calendar-week{width:100%;position:absolute;top:20px;left:0;padding:0 0 60px 0;z-index:-1}

/*------------ content view css ¼³Á¤ ¿µ¿ª ------------*/
div.scroll_container
{
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    margin: 0px;
    overflow-x: auto;
    overflow-y: auto;
}
div.scroll_container > div
{
    position: relative;
    top: 0px;
    left: 0px;
    right: 0px;
}

/* À̸ÞÀÏ °æ°í ºí·Ï CSS */
.warning_01
{
    padding: 7px;
    margin: 2px;
    background-color: #FFD800;
    border:1px solid #FFB800;
    text-align: center;
    font-size:10pt;
    /*background-image: url(/_WebResource.handler?name=attention&ext=g);
    background-position: 16px center;
    background-repeat: no-repeat;*/
}

.modal_popup_bg
{
    background-color: #000000;
    filter: alpha(opacity=50);
    opacity:0.7;
}

.approval-title{width:70%;font-size:14px;float:left;display:inline-block;color:#828282}
.approval-time{width:100%;font-size:12px;color:#3b95d2;float:left;display:inline-block;text-align:left}
.approval-time2{width:20%;font-size:12px;color:#3b95d2;float:right;display:inline-block;text-align:right}

.title-mail img{	position: relative;margin: 2px; display:inline-block;text-align:left}

#__content_approval
{
   position: absolute;
    z-index: 0;
    top: 260px;        
    border-left: 0px;
    border-right: 0px;    
    bottom: 45px;
}

.approval-etc{color:#3b95d2; font-size:9pt;}
.order_confirm{color:#666666;background:url(/_WebResource.handler?name=icon_light&ext=p) no-repeat 0 3px;padding-left:20px;margin:0px;font-size:12px;font-weight:bold;}
.small{font-size:9pt;}


.__gridview table{width:100%;	}
.__gridview table td{font-size:12px !important;border:1px solid #3b95d2;text-align:center;padding:0 6px; padding-top:3px;}
.__gridview table tr th{font-size:13px; background:#3b95d2;font-weight:bold;color:#fff;text-align:center;}
.__gridview table tbody tr:hover td{background:#f3fafe}