@charset "utf-8";
/*** Reset ***/
body {font-family:'MicrosoftYaHeiRegular','Microsoft Yahei','微软雅黑','NotoSansKR_light','NBG','Nanum Gothic','맑은 고딕','돋움',sans-serif; font-size:14px; line-height:1.75;}
/*background:url('http://gw.astrum.co.kr/wp-content/themes/groupware/images/background/back049.jpg') no-repeat center top fixed; */
body,h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd,fieldset,form,table,caption,button	{
	margin:0;
	padding:0;
}
img,fieldset	{
	border:0;
}
img,input[type="image"],input[type="checkbox"]	{
	vertical-align:middle;
}
ul,ol,li	{
	list-style:none;
}
input,textarea,select,button	{
	font:1em/1 'Nanum Gothic',sans-serif;
}
input[type="text"]:focus,input[type="password"]:focus,textarea:focus	{
	background:#ccf4ee;
	color:#222;
}
address, em	{
	font-style:normal;
	font-size:10px;
}
a,a:link,a:visited	{
	text-decoration:none;
}

/** Global interfaces **/
/* Alignment */
.focused,.submit	{
	clear:both;
	padding:1em 0;
	text-align:center;
}

/* Buttons */
button,input[type="submit"],input[type="button"],a.likeBtn	{
	display:inline-block;
	margin:5px 0;
	padding:7px 15px;
}
button	{
	cursor:pointer;
	border:1px solid #adadad;
	border-radius:2px;
	background:#f6f6f6;
	background:-webkit-linear-gradient(top, #fefefe, #f6f6f6, #ececec);
	color:#777;
}
input[type="submit"], a.likeBtn,a.likeBtn:link,a.likeBtn:visited,a.likeBtn:hover,a.likeBtn:focus,.sendBtn	{
	border:1px solid #4fb2b6;
	border-radius:2px;
	background:#4fb2b6;
	/*background:-webkit-linear-gradient(top, #90d0d3 1px, #6abfc3, #4db3b8, #30a7ad);*/
	text-decoration:none;
	color:#FFF;
	-webkit-appearance:none;
}
button.original,.close button,.remv button	{
	margin:0;
	padding:0;
	border:0;
	background:transparent;
}
.submit input[type="submit"],.globalBtn,.globalBtn:link,.globalBtn:visited {
	display:inline-block;
	padding:10px 28px 10px 8px;
	border:2px solid #ca0114;
	border-radius:2px;
	line-height:1;
	background:#ca0114 url('/resource/common/images/bg_headerbutton.png') no-repeat right top;
	color:#FFF;
	font-size:15px;
}
.submit input[type="submit"]:hover,.globalBtn:hover {
	background-color:#FFF;
	background-position:right bottom;
	text-decoration:none;
	color:#ca0114;
}
.submit input[type="submit"].deactive,.globalBtn.deactive,.globalBtn.deactive:visited,.globalBtn.deactive:hover {
	border:2px solid #bfbfbf;
	background-color:#bfbfbf;
	background-position:right top;
	color:#FFF;
	cursor:default;
}

/* Layout */
#header .outline,#container .outline,#footer .outline	{
	width:940px;
	margin:0 auto;
}
#oneware {
	position:fixed;
	top:0;
	z-index:100;
	width:100%;
	border-bottom:1px solid #73908e;
	background-color:#e8e9ed;
	background:-webkit-linear-gradient(top, #e8e9ed 5%, #efeff1 20%, #ebecf0, #e8e9ed);
}
#oneware p {padding:15px 0;text-align:center;}
#oneware p img {max-height:25px;}
#header	{
	padding-top:88px;
	background:#8eccc3;
	text-align:center;
	color:#208576;
}
#header .outline {
	padding-bottom:50px;
	background:url('/resource/common/images/app_current.png') no-repeat center bottom;
}
#header h1	{
	margin:0;
	padding:25px 0 20px;
	font-size:3em;
}
#header h1,#header h2,#header .welcome	{
	text-shadow:2px 2px 3px #bfe0db;
}
#header a {color:#208576;}
#header h1 a:hover,#header h1 a:focus	{
	text-decoration:none;
}
#header p	{line-height:1.5;}
#header .welcome	{
	font-size:1.3em;
	font-weight:bold;
}
#container	{
	padding:0;
	background:#eff5fa url('/resource/common/images/bg_pattern1.png') repeat-x 0 0;
}
#container .outline {
	width:940px;
	border-bottom-left-radius:17px;
	border-bottom-right-radius:17px;
}
#container h2 {
	margin:0;
	padding:18px 0;
	border-top-left-radius:17px;
	border-top-right-radius:17px;
	background:#FFF;
	color:#2ca5ab ;
	text-align:center;
	text-transform:uppercase;
}
#footer	{
	clear:both;
	line-height:1.5;
	text-align:center;
	background:#5d524e;
	color:#d0cbc7;
}
#footer .outline	{
	height:12px;
	padding:20px 10px;
}
#footer a {color:#d0cbc7;}

/* Messages */
.loading	{
	min-height:15px;
	background:url('../images/loader.gif') no-repeat center center;
	background-size:25px 15px;
}
.errMsg,.info	{
	line-height:1.3;
}
.errMsg	{
	margin:.5em 0 1em;
	color:#c14054;
	text-align:left;
}
.info	{
	max-width:380px;
	margin:0 auto;
	padding:0 20px;
	background:url('../images/ico_info.png') no-repeat 0 1px;
}
.infoMsg	{
	margin:1em 0;
	font-size:1.3em;
	color:#404040;
}
.infoMsg em,.sysMsg	{
	color:#37a292;
}

/* Global style */
a,a:link,a:visited	{color:#3b5998;}
a:hover,a:focus	{text-decoration:underline;}
/*.submit input[type="submit"]	{
	border:1px solid #c85668;
	border-radius:2px;
	background:#ba5061;
}
.submit input[type="submit"], a.likeBtn	{
	padding:10px 15px;
	font-weight:bold;
	font-size:1.3em;
	-webkit-appearance:none;
}*/

/* Login & Register */
.formBox	{
	width:940px;
	margin:0 auto;
	padding:30px 0;
	background:#f6f4f0;
	color:#333;
}
.vbox {
	max-width:420px;
	margin:0 auto;
	padding:20px;
	border:2px solid #8eccc3;
	border-radius:17px;
}
.formBox fieldset,.messageBox	{
	max-width:380px;
	margin:0 auto;
	padding:.5em 5% .6em;
	text-align:center;
}
.messageBox {
	max-width:400px;
	margin:30px auto;
	padding:2em 5%;
}
.formBox input[type="text"],.formBox input[type="password"],.formBox input[type="email"]	{
	width:89%;
	padding:8px 2% 6px;
	border:1px solid #b6b7b8;
	border-radius:2px;
	font-size:1.4em;
	-webkit-appearance:none;
}
.formBox input[type="email"],.formBox input[type="password"] {padding-left:35px;}
.formBox input[type="email"] {background:#FFF url('/resource/common/images/ico_login_mail.png') no-repeat 13px 11px;}
.formBox input[type="password"] {background:#FFF url('/resource/common/images/ico_login_pass.png') no-repeat 13px 11px;}
.formBox fieldset p	{margin-bottom:1em;}
.formBox fieldset label {display:none;}
.formBox .keeplogin {float:left;height:20px;overflow:hidden;}
.formBox .extfunc {text-align:right;}
.formBox .agree {text-align:left;}
.formBox .keeplogin label,.formBox .agree label {display:inline-block;}

.formBox .keeplogin input[type="checkbox"] {float:right;visibility:hidden;}
.formBox .keeplogin label {
	margin-left:0;
	padding:2px 0 2px 20px;
	background:url('/resource/common/images/ico_keeplogin.png') no-repeat left bottom;
	background-size:16px 32px;
	cursor:pointer;
}
.formBox .keeplogin label.check {
	background:url('/resource/common/images/ico_keeplogin.png') no-repeat left top;
}
.formBox .findpass a {
	display:inline-block;
	padding:2px 20px 2px 0;
	background:url('/resource/common/images/ico_findpass.png') no-repeat center right;
}

/*
.formBox,.messageBox	{
	width:400px;
	margin:0 auto;
	font-size:1.4em;
	color:#333;
}
.messageBox	{
	margin-bottom:20px;
	padding:20px;
}
.formBox .info	{
	margin-left:150px;
	line-height:1.5;
	background-position:0 4px;
}
.formBox fieldset,.messageBox	{
	text-align:center;
	background:#FFF;
}
.formBox fieldset	{
	margin-bottom:10px;
	padding:20px 20px 1em;
}

.major	{
	border-bottom:1px solid #ddd;
}
.messageBox p	{
	text-align:center;
}
.submit	{
	padding:20px 0 30px;
}
.asideInfo label	{
	padding:0;
	font-weight:normal;
	font-size:1em;
}*/

/* for Old IE */
#oldBrowser	{
	position:fixed;
	top:90px;
	width:100%;
	height:100%;
	background:#CCC;
	color:#FFF;
	z-index:1000;
	filter:alpha(opacity=90);
}
#oldBrowser .outline	{
	width:480px;
	margin:10% auto;
	padding:80px 50px;
	background:#000;
}
#oldBrowser h1	{
	margin-bottom:.5em;
}
#oldBrowser h2	{
	margin:1em 0 .5em;
}
#oldBrowser ul li	{
	list-style:disc inside;
	margin:0 0 5px 0;
}
#oldBrowser	.close {
	text-align:center;
	font-size:1.2em;
	color:#FFF;
}
#oldBrowser	.close button {
	border:1px solid #FFF;
	padding:.2em;
	font-weight:bold;
	background:#000;
}

/* client CMS */
.clientCms {width:100%; height:100%;}
.clientCms #header .outline,.clientCms #container .outline,.clientCms #footer .outline {width:auto; padding-left:20px; padding-right:20px;}
.clientCms .left {float:left;}
.clientCms .right {float:right;}
.clientCms .clear:after {content:""; clear:both; display:block;}
.clientCms a {color:#fff;}
.clientCms #header {position:absolute; top:0; left:0; width:100%; padding:0; background:rgba(255,255,255,0.3);}
.clientCms #header h1 {display:table; width:100%; height:110px; padding:0; font-size:inherit;}
.clientCms #header h1 a {display:table-cell; padding:30px 0; text-align:center; vertical-align:middle;}
.clientCms #header h1 img {max-width:200px; max-height:40px;}
.clientCms #container {display:table; width:100%; height:100%; background:none;}
.clientCms #container .outline {display:table-cell; vertical-align:middle;}
.clientCms #container h2 {margin:0 0 0.5em; padding:0; font-size:50px; color:#fff; text-align:center; background:none; text-shadow:0 0 rgba(0,0,0,0.4);}
.clientCms #container h3 {margin:0 0 2.5em; padding:0; font-size:22px; font-weight:normal; color:#fff; line-height:1.5; text-align:center; text-shadow:0 0 rgba(0,0,0,0.4);}
.clientCms ::-webkit-input-placeholder {color:#fff; text-shadow:0 0 rgba(0,0,0,0.4);}
.clientCms ::-moz-placeholder {color:#fff; text-shadow:0 0 rgba(0,0,0,0.4);}
.clientCms :-ms-input-placeholder {color:#fff; text-shadow:0 0 rgba(0,0,0,0.4);}
.clientCms .formArea {max-width:360px; margin:0 auto;}
.clientCms .errMsg {margin:0.5em 0;}
.clientCms .formArea p {margin-bottom:10px;}
.clientCms .formArea label {position:absolute; top:-9999em; left:-9999em; width:1px; height:1px; margin:-1px; overflow:hidden; text-indent:-9999em;}
.clientCms .formArea input[type="email"] {box-sizing:border-box; width:100%; padding:12px 10px 12px 45px; font-size:13px; color:#fff; border:none; border-radius:0; background:rgba(255,255,255,0.4) url('/resource/common/acgimg/ico_input_login_x2.png') 10px 50% no-repeat; background-size:30px 30px;}
.clientCms .formArea input[type="password"] {box-sizing:border-box; width:100%; padding:12px 10px 12px 45px; font-size:13px; color:#fff; border:none; border-radius:0; background:rgba(255,255,255,0.4) url('/resource/common/acgimg/ico_input_password_x2.png') 10px 50% no-repeat; background-size:30px 30px;}
.clientCms .formArea input[type="text"] {box-sizing:border-box; width:100%; padding:12px 10px; font-size:13px; color:#fff; border:none; border-radius:0; background:rgba(255,255,255,0.4);}
.clientCms .formArea input[type="checkbox"] {width:16px; height:16px;}
.clientCms .formArea input[type="checkbox"]+label {position:static; width:auto; height:auto; margin:0; text-indent:inherit; color:#fff;}
.clientCms .submit {padding:0;}
.clientCms .submit input[type="submit"] {width:100%; margin:0; padding:15px; color:#fff; text-shadow:0 0 rgba(0,0,0,0.4); border:none; border-radius:0; background:rgba(255,255,255,0.5); cursor:pointer;}
.clientCms #container .submit input[type="submit"]:hover,.clientCms #container .submit input[type="submit"]:focus {background-color:rgba(255,255,255,0.7);}
.clientCms .submit.login input[type="submit"] {background:rgba(255,255,255,0.6) url('/resource/common/acgimg/ico_btn_login_x2.png') 10px 50% no-repeat; background-size:30px 30px;}
.clientCms .btnHome {display:block; width:100%; margin-top:10px; padding:15px 0; line-height:1; background:rgba(255,255,255,0.5); cursor:pointer;}
.clientCms .btnHome:hover,.clientCms .btnHome:focus {text-decoration:none; background-color:rgba(255,255,255,0.7);}
.clientCms .operInfo {max-width:360px; margin:0 auto; font-size:11px; text-align:center; color:#fff;}
.clientCms .onewareLogo {display:inline-block; position:relative; top:1px; width:67px; height:13px; margin-right:5px; text-indent:-9999em; background:url('/resource/common/acgimg/logo_oneware_x2.png') 50% 50% no-repeat; background-size:100% auto;}
.clientCms .activate .info {text-align:center; font-size:15px; color:#fff; background:none;}

.clientCms #footer {position:absolute; bottom:0; left:0; width:100%; font-size:12px; color:#fff; letter-spacing:2px; border-top:1px solid rgba(255,255,255,0.2); background:none;}
.clientCms #footer .outline {height:auto;}
.clientCms #footer a {display:inline-block; position:relative; top:1px; width:67px; height:13px; text-indent:-9999em; background:url('/resource/common/acgimg/logo_oneware_x2.png') 50% 50% no-repeat; background-size:100% auto;}

/* acg CMS */
.acgCms {position:relative; width:100%; height:100%; font-family:'K105WB','NBG'; /*background:url('/resource/common/acgimg/bg_pattern.png') 0 0 repeat;*/}
.acgCms before {content:""; width:100%; height:100%;}
.acgCms .table {display:table; width:100%; height:100%;}
.acgCms .cell {display:table-cell; vertical-align:middle;}
.acgCms .wrapper {padding:0 20px;}
.acgCms h1 {position:absolute; width:100%; height:102px; text-align:center; text-indent:-9999em; background:#ca0114 url('/resource/common/acgimg/logo_acg.png') 50% 50% no-repeat; background-size:auto 30px;}
.acgCms h2 {margin:6% 0 3%; text-align:center; font-size:52px; font-weight:bold; color:#fff; line-height:1.5;}
.acgCms h2 span {display:block; font-weight:normal; font-size:40px;}
.acgCms h3 {font-size:20px; font-weight:normal; text-align:center; color:#fff; line-height:1.5;}
.acgCms .formBox,.acgCms .messageBox {max-width:360px; margin-top:4%; margin-bottom:4%; margin-left:auto; margin-right:auto; padding:0; background:none;}
.acgCms ::-webkit-input-placeholder {color:#fff;}
.acgCms ::-moz-placeholder {color:#fff;}
.acgCms :-ms-input-placeholder {color:#fff;}
.acgCms .formBox input[type="email"] {box-sizing:border-box; width:100%; padding:12px 10px 12px 45px; font-size:13px; color:#fff; border:none; border-radius:0; background:rgba(255,255,255,0.4) url('/resource/common/acgimg/ico_input_login_x2.png') 10px 50% no-repeat; background-size:30px 30px;}
.acgCms .formBox input[type="password"] {box-sizing:border-box; width:100%; padding:12px 10px 12px 45px; font-size:13px; color:#fff; border:none; border-radius:0; background:rgba(255,255,255,0.4) url('/resource/common/acgimg/ico_input_password_x2.png') 10px 50% no-repeat; background-size:30px 30px;}
.acgCms .formBox input[type="text"] {box-sizing:border-box; width:100%; padding:12px 10px; font-size:13px; color:#fff; border:none; border-radius:0; background:rgba(255,255,255,0.4)}
.acgCms .formBox fieldset {max-width:none; margin-bottom:-15px; padding:0;}
.acgCms .submit {padding:0; margin:0 0 1em;}
.acgCms .submit input[type="submit"] {width:100%; padding:15px; font-size:13px; color:#fff; border:none; border-radius:0; background:rgba(255,255,255,0.5); cursor:pointer;}
.acgCms .acgLogin input[type="submit"] {background:rgba(255,255,255,0.5) url('/resource/common/acgimg/ico_btn_login_x2.png') 10px 50% no-repeat; background-size:30px 30px;}
.acgCms .submit input[type="submit"]:hover,.acgCms .submit input[type="submit"]:focus {background-color:rgba(255,255,255,0.7);}
.acgCms .formBox .keeplogin input[type="checkbox"] {float:none; visibility:visible; vertical-align:middle; border:#fff;}
.acgCms .formBox .keeplogin label {margin-left:5px; padding:0; color:#fff; vertical-align:middle; background:none; cursor:default;}
.acgCms .formBox .findpass a {padding:0; background:none;}
.acgCms .userName {margin-bottom:2em; font-size:14px; color:#fff;}
.acgCms .messageBox p {font-size:16px; color:#fff;}
.acgCms .messageBox .message {margin:2em 0 6em; line-height:1.5;}
.acgCms .homeBtn a {display:inline-block; width:100%; padding:15px 0; text-align:center; font-size:13px; color:#bebebe; border:none; border-radius:2px; background:rgba(255,255,255,0.4);}
.acgCms .message a {display:inline-block; width:100%; margin-top:4em; padding:15px 0; text-align:center; font-size:13px; color:#bebebe; border:none; border-radius:2px; background:rgba(255,255,255,0.4);}

.acgCms .homeBtn a:hover,.acgCms .homeBtn a:focus {text-decoration:none;}
.acgCms input[type="email"]:hover,.acgCms input[type="email"]:focus,
.acgCms .formBox input[type="password"]:hover,.acgCms .formBox input[type="password"]:focus,
.acgCms input[type="text"]:hover,.acgCms input[type="text"]:focus {color:#fff; box-shadow:inset 0 0 1px 1px rgba(255,255,255,0.5);}

.acgCms .submit input[type="submit"]:hover,.acgCms .submit input[type="submit"]:focus,
.acgCms .homeBtn a:hover,.acgCms .homeBtn a:focus {color:#fff; -webkit-box-shadow:inset 0 0 1px 1px rgba(255,255,255,0.5);}

.acgCms a {color:#fff;}
.acgCms a:hover,.acgCms a:focus {color:#fff;}
.acgCms .operInfo {margin-top:1em; line-height:1.5; color:#fff; font-size:11px; text-align:center;}
.acgCms .onewareLogo {display:inline-block; position:relative; top:0; width:67px; height:13px; margin-right:5px; text-indent:-9999em; background:url('/resource/common/acgimg/logo_oneware_x2.png') 50% 50% no-repeat; background-size:100% auto;}
.acgCms .footer {position:absolute; left:0; right:0; bottom:0; padding:20px; text-align:center; color:#fff; letter-spacing:2px; border-top:1px solid rgba(255,255,255,0.15);}
.acgCms .footer p {line-height:1.5; font-size:10px;}
.acgCms .footer .company {width:75px; height:13px; margin:0 auto 10px; text-indent:-9999em; background:url('/resource/common/acgimg/logo_footer.png') 50% 50% no-repeat; background-size:cover;}

@media screen and (max-width:959px) {
	#header .outline,#container .outline,.formBox	{width:100%;}
	.messageBox	{width:80%;}
}
@media screen and (max-width:767px) {
	.acgCms h1 {height:80px;}
	.acgCms .formBox {margin-bottom:10%;}
	.acgCms .formBox input[type="email"],.acgCms .formBox input[type="password"] {max-width:none;}
	.acgCms h2 {margin-top:12%; font-size:32px;}
	.acgCms h3 {font-size:18px;}	
	.clientCms .mBlock {display:block;}
	.clientCms #header h1 {height:80px;}
	.clientCms #header h1 img {max-width:150px; max-height:30px;}
	.clientCms #container h2 {font-size:32px;}
	.clientCms #container h3 {font-size:18px;}
}
@media screen and (max-width:600px) {
	.messageBox	{width:90%;}
	.formBox,#footer .outline {
		width:90%;
		padding: 20px 5%;
	}
	.acgCms .formBox {width:100%;}
	#footer address span {display:block;}
	.formBox input[type="email"],.formBox input[type="password"] {
		max-width:80%;
	}
}
@media screen and (max-width:480px) {
	.acgCms h2 {font-size:28px;}
	.clientCms #container h2 {font-size:28px;}
	.clientCms #container h3 {margin-bottom:1em;}
	.clientCms #footer,.acgCms .footer {letter-spacing:1px;}
}
@media screen and (max-width:374px) {
	.clientCms #footer,.acgCms .footer {letter-spacing:0;}
}