button.loginbutton, button.basicbutton, button.basicbutton2, button.button_ok, button.button_ok1, button.button_cancel {font-size: 14px; padding:11px 7px; 12px}

button.loginbutton {
	font-family: 'Malgun Gothic', '맑은 고딕', 'Nanum Gothic';
	width:98%;
	font-weight:bold;
	color: #123d54;
	/* background: -moz-linear-gradient(
		top,
		#e1e817 0%,
		#e3f20c); */
	/* background: -webkit-gradient(
		linear, left top, left bottom,
		from(#e1e817),
		to(#e3f20c)); 
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px; */
	background: #ddd;
	border-radius: 0px;
	border: 0px solid #003366;
	cursor : pointer;
	letter-spacing:-2px;
}

button.basicbutton {
	font-family: 'Malgun Gothic', '맑은 고딕', 'Nanum Gothic';
	width:98%;
	font-weight:bold;
	color: #000000;
	/* background: -moz-linear-gradient(
		top,
		#888888 0%,
		#888888);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#888888),
		to(#888888));
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px; */
	background: #ddd;
	border-radius: 0px;
	border: 0px solid #003366;
	cursor : pointer;
	letter-spacing:-2px;
}

button.basicbutton2 {
	font-family: 'Malgun Gothic', '맑은 고딕', 'Nanum Gothic';
	width:98%;
	font-weight:bold;
	color: #ffffff;
	background: -moz-linear-gradient(
		top,
		#888888 0%,
		#888888);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#888888),
		to(#888888));
	-moz-border-radius: 0px;
	-webkit-border-radius: 2px;
	border-radius: 0px;
	border: 0px solid #003366;
	cursor : pointer;
	letter-spacing:-2px;
}


button.button_ok {
	font-family: 'Malgun Gothic', '맑은 고딕', 'Nanum Gothic';
	width:100px;
	font-weight:bold;
	color: #000000;
	/*
	background: -moz-linear-gradient(
		top,
		#e1e817 0%,
		#e3f20c);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#e1e817),
		to(#e3f20c));
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px; */
	/* background-color:#00bfff; */
	background-color:#ffed00;
	border-radius: 0px;
	border: 0px solid #003366;
	cursor : pointer;
	letter-spacing:-2px;
}

button.button_ok1 {
	font-family: 'Malgun Gothic', '맑은 고딕', 'Nanum Gothic';
	width:100px;
	font-weight:bold;
	color: #000000;
	/*
	background: -moz-linear-gradient(
		top,
		#e1e817 0%,
		#e3f20c);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#e1e817),
		to(#e3f20c));
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px; */
	background: #ffed00;
	border-radius: 0px;
	border: 0px solid #003366;
	cursor : pointer;
	letter-spacing:-2px;
}

button.button_cancel {
	font-family: 'Malgun Gothic', '맑은 고딕', 'Nanum Gothic';
	width:100px;
	font-weight:bold;
	color: #000000;
	/* background: -moz-linear-gradient(
		top,
		#888888 0%,
		#888888);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#888888),
		to(#888888));
	-moz-border-radius: 0px;
	-webkit-border-radius: 2px; */
	background: #ddd;
	border-radius: 0px;
	border: 0px solid #003366;
	cursor : pointer;
	letter-spacing:-2px;
}

.button_small1 { 
	font-family: 'Malgun Gothic', '맑은 고딕', 'Nanum Gothic';
	font-weight:bold;
	font-size: 12px;
	text-align:center; 
	color: #ffffff;
	padding: 7px 7px;
	background:#99968a;
	border: 0px solid #003366;
	cursor : pointer;
	letter-spacing:-0px;
}

.button_small2 { 
	font-family: 'Malgun Gothic', '맑은 고딕', 'Nanum Gothic';
	font-weight:bold;
	font-size: 12px;
	text-align:center; 
	color: #ffffff;
	padding: 6px 10px;
	background:#99968a;
	border: 0px solid #003366;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 0px;
	cursor : pointer;
	letter-spacing:-2px;
}

/* 팝업 레이어 */
.white-popup {
	font-family: 'Malgun Gothic', '맑은 고딕', 'Nanum Gothic';
  position: relative;
  background: #FFF;
  padding: 20px;
  width: auto;
  max-width: 500px;
  margin: 20px auto;
}

.white-popup div.title { font-size:22px;font-weight:bold;padding:15px 0px;}
.white-popup p.date { font-size: 14px;font-weight:normal;color:#0066cc; }

.modalDialog {
    position: fixed;
	font-family: 'Malgun Gothic', '맑은 고딕', 'Nanum Gothic';
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.8);
    z-index: 99999;
    opacity:0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
}
.modalDialog:target {
    opacity:1;
    pointer-events: auto;
}
.modalDialog > div {
	max-width: 400px;
    position: relative;
    margin: 15% auto;
    padding: 5px 20px 13px 20px;
    border-radius: 10px;
    background: #fff;
    background: -moz-linear-gradient(#fff, #999);
    background: -webkit-linear-gradient(#fff, #999);
    background: -o-linear-gradient(#fff, #999);
	box-shadow: 0, 0, 8px, #111;
}

.modalDialog > div > h2 {padding-top : 10px;padding-bottom:10px;}

/*
.close {
    background: #eeeeee;
    color: #FFFFFF;
    line-height: 25px;
    position: absolute;
    right: 5px;
    text-align: center;
    top: 5px;
    width: 24px;
    text-decoration: none;
    font-weight: bold;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    -moz-box-shadow: 1px 1px 3px #000;
    -webkit-box-shadow: 1px 1px 3px #000;
    box-shadow: 1px 1px 3px #000;
}
.close:hover {
    background: #00d9ff;
}
*/

.btn-style01 { font-family:'Malgun Gothic', '맑은 고딕', 'Nanum Barun Gothic';color:#000; font-size:18px; font-weight:bold; background-color:#ffed00; display:inline-block; zoom:1; *display:inline; padding:0px 25px; height:38px; line-height:36px; white-space:nowrap; vertical-align:middle; border-radius:0px; border:solid 1px #ffed00; cursor:pointer;letter-spacing:-1px;} 
/* .btn-style01 { color:#fff; font-size:14px; font-weight:bold; background-color:#99968a; display:inline-block; zoom:1; *display:inline; padding:0px 25px; height:38px; line-height:36px; white-space:nowrap; vertical-align:middle; border-radius:4px; border:solid 1px #888; }  */
.btn-style01-2 { color:#fff; font-size:14px; font-weight:bold; background-color:#99968a; display:inline-block; zoom:1; *display:inline; padding:0px 35px; height:38px; line-height:36px; white-space:nowrap; vertical-align:middle; border-radius:4px; border:solid 1px #888; cursor:pointer;} 
.btn-style01-3 { color:#fff; font-size:14px; font-weight:bold; background-color:#cccac4; display:inline-block; zoom:1; *display:inline; padding:0px 35px; height:38px; line-height:36px; white-space:nowrap; vertical-align:middle; border-radius:4px; border:solid 1px #bbb; cursor:pointer;} 
.btn-style01-4 { font-family:'Malgun Gothic', '맑은 고딕', 'Nanum Barun Gothic';color:#000; font-size:18px; font-weight:bold; background-color:#ffed00; display:inline-block; zoom:1; *display:inline; padding:0px 25px; height:38px; line-height:20px; white-space:nowrap; vertical-align:middle; border-radius:6px; border:solid 1px #fff; cursor:pointer;} 
.btn-style02 { color:#fff; font-size:14px; font-weight:bold; background-color:#99968a; display:inline-block; zoom:1; *display:inline; padding:0px 25px; height:32px; line-height:32px; white-space:nowrap; vertical-align:middle; cursor:pointer;} 
.btn-style03 { color:#fff; font-size:14px; font-weight:bold; background-color:#99968a; display:inline-block; zoom:1; *display:inline; padding:0px 15px; height:32px; line-height:32px; white-space:nowrap; vertical-align:middle; border-radius:4px; border:solid 1px #fff; cursor:pointer;} 
.btn-style03-1 { color:#fff; font-size:14px; font-weight:bold; background-color:#cccac4; display:inline-block; zoom:1; *display:inline; padding:0px 15px; height:32px; line-height:32px; white-space:nowrap; vertical-align:middle; border-radius:4px; border:solid 1px #fff; cursor:pointer;} 
.btn-style04 { color:#494949; font-size:11px; background-color:#eee; display:inline-block; zoom:1; *display:inline; padding:0px 10px; height:26px; line-height:26px; white-space:nowrap; vertical-align:middle; border-radius:2px; border:solid 1px #ddd; cursor:pointer;} 
.btn-style05 { color:#494949; font-size:12px; font-weight:bold; display:inline-block; zoom:1; *display:inline; padding:4px 18px 4px 10px; white-space:nowrap; vertical-align:middle; border-radius:2px; border:solid 0px #ffed00; background:url(../images/commons/line07a.png) #ffed00 no-repeat right center; cursor:pointer;} 

.selectcustom {
    position: relative;
    width: 100%;
    height: 40px;
    background: url(../images/commons/select_arrow.png) 250px center no-repeat; /* 화살표 이미지 */
	background-color:#000;
	border: 4px solid #E9DDDD;
	margin-bottom:10px;
	display:none;
}

.selectcustom label {
    position: absolute;
    font-size: 15px;
/*    color: #a97228;*/
    color: #fff;
	font-weight:bold;
	top: 9px;
    left: 12px;
    letter-spacing: 1px;
}

.selectcustom select#color {
    width: 100%;
    height: 40px;
    min-height: 40px;
    line-height: 40px;
    padding: 0 10px;
    opacity: 0;
    filter: alpha(opacity=0); /* IE 8 */
}

/* 모바일 서브 메뉴 */
.selectcustom2 {
	display:none;
	position:absolute;
	top: 10px;

}

.selectcustom2 nav {
	margin: 10px auto;
	/* background-color: #ffed00; */
}

.selectcustom2 nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
	position: relative;
	}
	
.selectcustom2 nav ul li {
	display:inline-block;
	background-color: #ff0066;
	/* background-color: #888888; */
	}

.selectcustom2 nav a {
	display:block;
	padding:0 10px;	
	color:#FFF;
	font-size:15px;
	line-height: 30px;
	text-decoration:none;
}

.selectcustom2 nav a:hover { 
	background-color: #000000; 
}

/* Hide Dropdowns by Default */
.selectcustom2 nav ul ul {
	display: none;
	position: absolute; 
	top: 30px; /* the height of the main nav */
	z-index:10999;
}
	
/* Display Dropdowns on Hover */
.selectcustom2 nav ul ul li {
	background-color: #888888; 
}

.selectcustom2 nav ul li:hover > ul {
	display:inherit;
}
	
/* Fisrt Tier Dropdown */
.selectcustom2 nav ul ul li {
	width:170px;
	float:none;
	display:list-item;
	position: relative;
}

/* Second, Third and more Tiers	*/
.selectcustom2 nav ul ul ul li {
	position: relative;
	top:-60px; 
	left:170px;
}

.selectcustom2 nav li > a:after { content:  ' +'; }
.selectcustom2 nav li > a:only-child:after { content: ''; }

@media all and (max-width: 1550px) {
	.selectcustom2 {display:block;}
}

@media all and (max-width: 460px) {
	.modalDialog > div {margin: 20% auto;	top : 50px; width:250px;height :350px;overflow:auto;}
	.modalDialog > div > h2 {font-size:14px !important;}

	.btn-style01 { font-size:14px;} 
	.btn-style01-2 {font-size:14px;} 
	.btn-style01-3 {font-size:14px;} 
	.btn-style02 {font-size:14px; } 
	.selectcustom2 {display:block;}
}