@import url('https://fonts.googleapis.com/earlyaccess/nanumgothic.css');


@charset "utf-8";

html, body, div, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, address, dl, dt, dd, ol, ul, li, fieldset, form, legend, table, caption, tbody, tfoot, thead, tr, th, td, input, select, textarea{margin:0; padding:0;}
h1, h2, h3, h4, h5, h6{font-size:100%;}
img, fieldset{border:none; outline:none;}
a{outline:none;}
table{border-collapse:collapse;}
ul, ol, li{list-style:none;}
address, em, optgroup{font-style:normal;}
li img, object ,img{vertical-align:middle;}
input, select, textarea, form img{vertical-align:middle;}
p{}
caption{display:none;}


@font-face	{
		font-family:'NanumGothic';
		src:url('/MAS/images/font/NanumGothic.eot');
		src:local("NanumGothic"), url('/MAS/images/font/NanumGothic.ttf') format("truetype");
	}

@font-face	{
	font-family:'NanumGothicBold';
	src:url('/MAS/images/font/NanumGothicExtraBold.eot');
	src:local("NanumGothicBold"), url('/MAS/images/font/NanumGothicExtraBold.ttf') format("truetype");
}

/* anchor */
a {selector-dummy : expression(this.hideFocus=true); }
a{color:#656565; text-decoration:none;}
a:hover, a:active, a:focus{color:#656565;}
html, body {margin:0; padding:0; width:100%; }

html{overflow-x:hidden;}

body{
 font-family: 'NanumGothic','돋움',Dotum,'굴림',Gulim,Helvetica,sans-serif;
 line-height:1.25;
 font-size:75%;
}




.skip{font-size:0; line-height:0; letter-spacing:-999px;}


/*플로트 속성*/
.floatL{float:left;}
.floatR{float:right;}
.clear{clear:both;}

.clearfix:after{content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}

.clearfix {display: block;}

/*overflow 속성*/
.over_auto{overflow:auto;}

/*백그라운드 속성*/
.bg_none{background:none !important;}

/*포지션속성*/
.ps_rel{position:relative;}


/*보더 속성*/

.bdt_no{border-top:none !important;}
.bdb_no{border-bottom:none !important;}
.bdr_no{border-right:none !important;}
.bdl_no{border-left:none !important;}


/*텍스트 속성*/
.lh8{line-height:8px !important;}
.lh16{line-height:16px;}
.lh18{line-height:18px;}
.lh19{line-height:19px;}
.lh21{line-height:21px;}

.ta-c{text-align:center !important; }
.ta-r{text-align:right !important;}
.ta-l{text-align:left !important;}

.va-top{vertical-align:top;}

.ls_1{letter-spacing:-1px;}
.ls_2{letter-spacing:-2px;}


/*폰트속성*/
.fs11{font-size:11px !important;}
.fs12{font-size:12px !important;}
.fs14{font-size:14px !important;}

.fw_bold{font-weight:bold;}
.fw_normal{font-weight:normal !important;}

.f_222{color:#222 !important;}
.f_333{color:#333 !important;}
.f_444{color:#444 !important;}
.f_555{color:#555 !important;}
.f_666{color:#666 !important;}
.f_888{color:#888 !important;}
.f_999{color:#999 !important;}


/*가로 사이즈*/
.w0{width:0 !important;}

/*세로사이즈*/
.h0{height:0 !important;}

/*패딩*/
.pd0{padding:0;}

.pdt0{padding-top:0 !important;}

.pdr0{padding-right:0 !important;}

.pdb0{padding-bottom:0 !important;}

.pdl0{padding-left:0 !important;}



/*마진*/
.m0{margin:0;}

.mt0{margin-top:0 !important;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt47{margin-top:47px;}
.mt50{margin-top:50px;}


.mr0{margin-right:0 !important;}


.mb0{margin-bottom:0 !important;}
.mb5{margin-bottom:5px;}
.mb15{margin-bottom:15px;}
.mb30{margin-bottom:30px;}
.mb35{margin-bottom:35px;}

.ml0{margin-left:0 !important;}


/*button*/
[class^="bt-"],
[class*=" bt-"]{
	display:inline-block; overflow:hidden;
	height:30px;
	padding:0 3px 0 0;
	margin:0 3px;
	vertical-align:middle;
}
[class^="bt-"] *,
[class*=" bt-"] *{
	display:block;
	min-width:45px;
	height:30px;
	text-align:center;
	line-height:30px;
	padding:0 17px 0 20px;
	color:#444;
	vertical-align:middle;
	border:none !important;
	background-color:transparent !important;
	cursor:pointer;
}
[class^="bt-"] input,
[class*=" bt-"] input{ border:none !important;outline:none; }

.bt-basic{
	background:url(/images/common/bt_basic.gif) 100% -100px no-repeat;
}
.bt-basic *{
	background:url(/images/common/bt_basic.gif) 0 -100px no-repeat;
}
.bt-basic:hover {
	background:url(/images/common/bt_basic.gif) 100% -150px no-repeat;
}
.bt-basic:hover *{
	background:url(/images/common/bt_basic.gif) 0 -150px no-repeat;
	text-decoration:none;
}

.bt-violet{
	background:url(/images/common/bt_violet.gif) 100% -100px no-repeat;
}
.bt-violet *{
	color:#fff !important;
	background:url(/images/common/bt_violet.gif) 0 -100px no-repeat;
}
.bt-violet:hover {
	background:url(/images/common/bt_violet.gif) 100% -150px no-repeat;
}
.bt-violet:hover *{
	background:url(/images/common/bt_violet.gif) 0 -150px no-repeat;
	text-decoration:none;
}

.bt-green{
	background:url(/images/common/bt_green.gif) 100% -100px no-repeat;
}
.bt-green *{
	color:#fff !important;
	background:url(/images/common/bt_green.gif) 0 -100px no-repeat;
}
.bt-green:hover {
	background:url(/images/common/bt_green.gif) 100% -150px no-repeat;
}
.bt-green:hover *{
	background:url(/images/common/bt_green.gif) 0 -150px no-repeat;
	text-decoration:none;
}

.bt-gray {
	background:url(/images/common/bt_gray.gif) 100% -100px no-repeat;
}
.bt-gray *{
	color:#fff !important;
	text-decoration:none;
	background:url(/images/common/bt_gray.gif) 0 -100px no-repeat;
}
.bt-gray:hover {
	background:url(/images/common/bt_gray.gif) 100% -150px no-repeat;
}
.bt-gray:hover *{
	color:#fff !important;
	text-decoration:none;
	background:url(/images/common/bt_gray.gif) 0 -150px no-repeat;
}

.bt-lgray {
	background:none 100% -100px no-repeat;
}
.bt-lgray *{
	color:#555 !important;
	background:none 0 -100px no-repeat;
}
.bt-lgray:hover {
	background:none 100% -150px no-repeat;
}
.bt-lgray:hover *{
	background:none 0 -150px no-repeat;
	text-decoration:none;
}

.bt-yellow{
	background:url(/images/common/bt_yellow.gif) 100% -100px no-repeat;
}
.bt-yellow *{
	color:#555 !important; *min-width:60px;
	background:url(/images/common/bt_yellow.gif) 0 -100px no-repeat;
}
.bt-yellow:hover {
	background:url(/images/common/bt_yellow.gif) 100% -150px no-repeat;
}
.bt-yellow:hover *{
	background:url(/images/common/bt_yellow.gif) 0 -150px no-repeat;
	text-decoration:none;
}

.bt-login {
	color:#fff !important;
	border-color:#63369a #603495 #45256b;
	background-color:#875dbc; 
	background-image:-webkit-gradient(linear, left top, left bottom, from(#946ec3), to(#7a4cb4));
	background-image:-webkit-linear-gradient(#946ec3, #7a4cb4); 
	background-image:-moz-linear-gradient(#946ec3, #7a4cb4); 
	background-image:-o-linear-gradient(#946ec3, #7a4cb4); 
	background-image:linear-gradient(#946ec3, #7a4cb4);
}

.bt-small {
	height:25px;
	background-position:100% 0;
}
.bt-small *{
	min-width:20px;
	height:25px;
	line-height:25px;
	text-align:center;
	background-position:0 0;
}
.bt-small:hover{
	background-position:100% -50px;
}
.bt-small:hover *{
	background-position:0 -50px;
}

.bt-big {
	height:45px;
	background-position:100% -200px;
}
.bt-big *{
	min-width:70px;height:45px;
	background-position:0 -200px;
	line-height:45px;
	font-size:14px;
}
.bt-big:hover {
	height:45px;
	background-position:100% -250px;
}
.bt-big:hover *{
	min-width:70px;height:45px;
	background-position:0 -250px;
	line-height:45px;
	font-size:14px;
}

.btn-group {
	width:100%;
	margin-top:20px;
	text-align:center;
}
.btn-group:after {content:'';display:block;clear:both;height:0px;visibility:hidden;}
.btn-group.page-line {
	position:relative;z-index:1;
	height:0;
	margin-top:0;
}
.btn-group.page-line .fr,
.btn-group.page-line .fl {
	position:absolute;top:-30px;
	float:none;
}
.btn-group.page-line .fr {right:0;}
.btn-group.page-line .fl {left:0;}
.btn-group .fr [class^="bt-"]:last-child,
.btn-group .fr [class*=" bt-"]:last-child {margin-right:0;}
.btn-group .fl [class^="bt-"]:first-child,
.btn-group .fl [class*=" bt-"]:first-child {margin-left:0;}