@charset "utf-8";

/* 
모빌리스에서 제공 하는 웹폰트 사용 
http://api.mobilis.co.kr/webfonts/
참고 셈플 글씨 등등.. 다 있음
*/
/* 나눔고딕  { font-family: 'NanumGothicWeb'; } */
/*@import url('http://api.mobilis.co.kr/webfonts/css/?fontface=NanumGothicWeb');*/
/* CSS Document */

* {
	margin:0;
	padding:0;
}
html, body {
	margin:0;
	padding:0;
	height:100%;
}
/*body {
	font:12px/150% --NanumGothicWeb,-- NanumGothic, "나눔고딕", Dotum, "돋움", Dotum, "굴림", Gulim, Arial, Verdana, AppleGothic, Sans-serif;
	background:#fff;
	color:#666666
}*/

body {
	font-family:NanumGothic, "나눔고딕", Dotum, "돋움", Dotum, "굴림", Gulim, Arial, Verdana, AppleGothic, Sans-serif;
	font-size:12px;
	line-height:150%; 
	background:#fff;
	color:#666666;
	word-spacing: -1px;
}

dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, tbody, tfoot, thead, th, td {
	margin:0;
	padding:0
}
input, textarea, select, td, th {
	font-size:12px;
	vertical-align:middle
}
input[type="email"], input[type="password"], input[type="search"], input[type="text"] {
	/*-moz-box-sizing: border-box;*/
	background: none repeat scroll 0 0 #FFFFFF;
	border: 1px solid #BBBBBB;
	border-radius: 3px 3px 3px 3px;
	display:inline-block;
	color: #7E7E7E;
	/*height: 26px;*/
	margin: 0;
	outline: 0 none;
	padding:6px 4px 6px 8px;;
	/*padding: 7px 0 5px 8px;*/
	position: relative;
	
}
h1, h2, h3, h4, h5, h6 {
	font-weight:normal;
	font-size:100%;
}
table {
	width:100%;
	table-layout:fixed;
	border-spacing:0;
	border-collapse:collapse;
}
ol, ul, li {
	list-style:none
}
hr, legend, caption, .hidden {
	position:absolute;
	left:-5000px;
	top:0;
	visibility:hidden;
	overflow:hidden;
	line-height:0.1%;
	font-size:0.1%;
	width:0.1%;
	height:0.1%
}
caption {
	position:relative
}
img, fieldset {
	border:0 none
}
label, button {
	cursor:pointer
}
em, address {
	font-style:normal
}
a {
	text-decoration:none;
}
a:link, a:visited {
	text-decoration:none;
	color:#666666;
}
a:hover, a:active, a:focus {
	text-decoration:none;
	color:#5ec5f1;
}/*text-decoration:underline color:#009bdc;*/
img {
	vertical-align:top;
}
.input {
	border: 1px solid #BBBBBB;
}
.input_line {
	border: 1px solid #CCCCCC;
}
.label {
	border-radius: 3px 3px 3px 3px;
}
/*PMP, MOBILE icon*/
.label, .badge {
	background-color: #999999;
	color: #FFFFFF;
	display: inline-block;
	font-size: 11.844px;
	font-weight: bold;
	line-height: 14px;
	padding: 2px 4px;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	vertical-align: baseline;
	white-space: nowrap;
}
.image-button {
    background-clip: padding-box;
    /*min-width: 10px;*/
    text-indent: -9999px;
    transition-duration: 0s;
    width: 27px;
	font-size:10px;
}
a[role="button"], button, input[type="submit"] {
    background-clip: padding-box;
    background-color: #0f87b9;
    background-image: linear-gradient(#49bced, #0f87b9);
    border: 1px solid #0088c1;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.2) inset;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    /*margin: 0 10px 0 0;*/
    padding: 5px 10px 6px;
    text-align: left;
    text-shadow: 0 0 0 transparent, 1px 1px 0 rgba(0, 0, 0, 0.1);
    transition-duration: 0.3s;
    transition-property: border-color;
}


/*텍스트 컬러*/
.y_font{ color:#ffc052}
.b_font{color:#5ec5f1}