@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
/*font-family: 'Nanum Gothic';*/
@import url(//cdn.rawgit.com/hiun/NanumSquare/master/nanumsquare.css);
/*font-family: 'Nanum Square';*/
@import url(http://fonts.googleapis.com/earlyaccess/nanumbrushscript.css);
/*font-family: 'Nanum Brush Script';*/
@import url(http://fonts.googleapis.com/earlyaccess/nanumpenscript.css);
/*font-family: 'Nanum Pen Script';*/
@import url(//cdn.rawgit.com/eondcom/webfont/master/NanumBrush/nanumbrush.css);
/*font-family: 'NanumBrush';*/


#g_name {
	width:120px;
}

#trans_hanja {
	margin-left:20px;
	font-weight:bold;
	font-size:26px;
	letter-spacing:0.5em;
	width:200px;
	height:30px;
	font-family: '바탕';
}


.d_select {
    width: auto; /* 원하는 너비설정 */
    padding: .3em .3em; /* 여백으로 높이 설정 */
    font-family: inherit;  /* 폰트 상속 */
	font-size:20px;
    background: url('/img/arrow_down.png') no-repeat 95% 50%; /* 네이티브 화살표를 커스텀 화살표로 대체 */
    border: 1px solid #ccc;
    border-radius: 0px; /* iOS 둥근모서리 제거 */
    -webkit-appearance: none; /* 네이티브 외형 감추기 */
    -moz-appearance: none;
    appearance: none;
}

.d_select2 {
    width: auto; /* 원하는 너비설정 */
    padding: .2em 3.5em .2em .3em; /* 여백으로 높이 설정 */
    font-family: inherit;  /* 폰트 상속 */
	font-size:14px;
    background: url('/img/arrow_down.png') no-repeat 95% 50%; /* 네이티브 화살표를 커스텀 화살표로 대체 */
    border: 1px solid #ccc;
    border-radius: 0px; /* iOS 둥근모서리 제거 */
    -webkit-appearance: none; /* 네이티브 외형 감추기 */
    -moz-appearance: none;
    appearance: none;
}


.btn_button {
    padding:10px 10px;
    line-height: 33px;
    font-size: 18px;
    color: white;
    background: #aaa;
    font-weight: bold;
    cursor: pointer;
	border-radius:3px;
}

.btn_save {
    padding:5px 5px;
    line-height: 33px;
    font-size: 16px;
    color: white;
    background: #aaa;
    font-weight: bold;
    cursor: pointer;
	border-radius:3px;
}

.btn-exp {
    padding:7px 10px;
    font-size: 13px;
    color: white;
    background: #ff6600;
    font-weight: bold;
    cursor: pointer;
	border-radius:3px;
}

.btn-down {
    padding:7px 10px;
    font-size: 13px;
    color: white;
    background: #60a4d4;
    font-weight: bold;
    cursor: pointer;
	border-radius:3px;
}


.btn-sync {
    padding:7px 10px;
	font-size: 12px;
    color: #fff;
    background: #777;
    font-weight: bold;
    cursor: pointer;
	border-radius:3px;
}

.btn-save {
    padding:7px 10px;	
    color: #fff;
    background: #0069d9;    
    cursor: pointer;
	border-radius:3px;
	font-size: 13px;
	font-weight: bold;
	font-family: 'Noto_light';
}

.ganji_thu {background:#5895eb;color:#fff;}
.ganji_tue {background:#f66750;color:#fff;}
.ganji_sat {background:#ebd938;color:#333;}
.ganji_fri {background:#f7f7f7;color:#333;}
.ganji_wed {background:#5d5a5a;color:#fff;}


.jqplot-pie-series.jqplot-data-label {
	color:#fff;
	font-size:18px;
	font-weight:bold;
}

.jqplot-pie-series.jqplot-data-label div {
	margin-bottom:7px;
}


a.btn_pay,.btn_pay {display:inline-block;background:#4c4f6f;color:#fff;text-decoration:none;vertical-align:middle;padding-left:20px;padding-right:20px;border-radius:3px;}
.btn_pay:hover, .btn_pay:hover {background:#54598c}

.g_input {
    border: 1px solid #ccc;
    background: #fff;
    color: #000;
    vertical-align: middle;
    border-radius: 3px;
    padding: 5px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}


.name_result_saju {width: 100%;}
.name_result_saju tr th {font-size: 16px; border: 1px solid #d8d8d8; vertical-align: middle;  background: #f4f4f4; color: #666; height: 35px; vertical-align: middle; text-align: center;}
.name_result_saju tr th.chinese_character {width: 75px; height: 75px; background: #a0b0d2; color: white; font-size: 30px; text-align: center;}
.name_result_saju tr th.chinese_character .mean {font-size: 15px; color: white; display: block; margin-top: 5px;}
.name_result_saju tr td {font-size: 14px; text-align: center;height: 40px; vertical-align: middle; border: 1px solid #d8d8d8;}
.name_result_saju tr td.title {background: #f4f4f4; color: #999; }

.pay_form_table {width:100%;margin-bottom:20px;}
.pay_form_table tr th {font-size: 16px; border: 1px solid #d8d8d8; vertical-align: middle;  background: #f4f4f4; color: #666;vertical-align: middle; text-align: center;padding:5px; width:13%;}
.pay_form_table tr td {font-size: 14px; text-align: left;vertical-align: middle; border: 1px solid #d8d8d8;padding:5px;padding-left:10px;}

.item_form_table {width:100%;margin-bottom:20px;}
.item_form_table tr th {font-size: 16px; border: 1px solid #A4C7D6; vertical-align: middle;  background: #ecf9ff; color: #333;vertical-align: middle; text-align: center;padding:5px; height:45px;font-weight:bold;}
.item_form_table tr td {font-size: 14px; text-align: left;vertical-align: middle; border: 1px solid #A4C7D6;padding:20px;padding-left:20px;}
.item_form_table tr td p {margin-bottom:10px;}


.item1_top_circle {	
	width:20px;
	height:20px;
	border-radius:50px;
	line-height:18px;
	font-size:11px;
	text-align:center;
	display:inline-block;
	background-color:#d04363;
	color:#fff;
	margin-right:5px;
}

.item2_top_circle {	
	width:20px;
	height:20px;
	border-radius:50px;
	line-height:18px;
	font-size:11px;
	text-align:center;
	display:inline-block;
	background-color:#f4ba2c;
	color:#fff;
	margin-right:5px;
}

.item3_top_circle {	
	width:20px;
	height:20px;
	border-radius:50px;
	line-height:18px;
	font-size:11px;
	text-align:center;
	display:inline-block;
	background-color:#f08f01;
	color:#fff;
	margin-right:5px;
}

.item4_top_circle {	
	width:20px;
	height:20px;
	border-radius:50px;
	line-height:18px;
	font-size:11px;
	text-align:center;
	display:inline-block;
	background-color:#01a3ab;
	color:#fff;
	margin-right:0px;
}

.item5_top_circle {	
	width:20px;
	height:20px;
	border-radius:50px;
	line-height:18px;
	font-size:11px;
	text-align:center;
	display:inline-block;
	background-color:#42a62d;
	color:#fff;
	margin-right:0px;
}


.item1_top_circle2 {	
	width:160px;
	height:160px;
	border-radius:80px;
	text-align:center;
	display:inline-block;
	background-color:#d04363;
	box-shadow: 1px 1px 1px 1px #ccc;
}

.item1_top_circle2 div {	
	padding-top:40px;
	width:160px;
	height:160px;
	border-radius:80px;
	font-size:16px;
	font-weight:bold;
	position:absolute;
}

.item1_top_circle2 div p {	
	color:#fff;
	font-size:20px;
	font-weight:bold;
}

.item1_top_circle2 div p.title {	
	font-size:16px;
	margin-bottom:10px;
}

.item2_top_circle2 {	
	width:160px;
	height:160px;
	border-radius:80px;
	text-align:center;
	display:inline-block;
	background-color:#f4ba2c;
	box-shadow: 1px 1px 1px 1px #ccc;
}

.item2_top_circle2 div {	
	padding-top:40px;
	width:160px;
	height:160px;
	border-radius:80px;
	font-size:16px;
	font-weight:bold;
	position:absolute;
}

.item2_top_circle2 div p {	
	color:#fff;
	font-size:20px;
	font-weight:bold;
}

.item2_top_circle2 div p.title {	
	font-size:16px;
	margin-bottom:10px;
}

.item3_top_circle2 {	
	width:160px;
	height:160px;
	border-radius:80px;
	text-align:center;
	display:inline-block;
	background-color:#f08f01;
	box-shadow: 1px 1px 1px 1px #ccc;
}

.item3_top_circle2 div {	
	padding-top:40px;
	width:160px;
	height:160px;
	border-radius:80px;
	font-size:16px;
	font-weight:bold;
	position:absolute;
}

.item3_top_circle2 div p {	
	color:#fff;
	font-size:20px;
	font-weight:bold;
}

.item3_top_circle2 div p.title {	
	font-size:16px;
	margin-bottom:10px;
}

.item4_top_circle2 {	
	width:160px;
	height:160px;
	border-radius:80px;
	text-align:center;
	display:inline-block;
	background-color:#01a3ab;
	color:#fff;
	box-shadow: 1px 1px 1px 1px #ccc;
}

.item4_top_circle2 div {	
	padding-top:40px;
	width:160px;
	height:160px;
	border-radius:80px;
	font-size:16px;
	font-weight:bold;
	position:absolute;
}

.item4_top_circle2 div p {	
	color:#fff;
	font-size:20px;
	font-weight:bold;
}

.item4_top_circle2 div p.title {	
	font-size:16px;
	margin-bottom:10px;
}


.item5_top_circle2 {	
	width:160px;
	height:160px;
	border-radius:80px;
	text-align:center;
	display:inline-block;
	background-color:#42a62d;
	color:#fff;
	box-shadow: 1px 1px 1px 1px #ccc;
}

.item5_top_circle2 div {	
	padding-top:40px;
	width:160px;
	height:160px;
	border-radius:80px;
	font-size:16px;
	font-weight:bold;
	position:absolute;
}

.item5_top_circle2 div p {	
	color:#fff;
	font-size:20px;
	font-weight:bold;
}

.item5_top_circle2 div p.title {	
	font-size:16px;
	margin-bottom:10px;
}


.pop_navbar {
	top:0;
	background: #efefef;
	margin: 0;
	padding: 0;
	list-style: none;
	position: fixed;
	width: 100%;
	opacity: 0.6;
}

.s_pay {
	width:50px;
	height:50px;
	border-radius:25px;
	font-size:16px;
	padding-top:16px;
	text-align:center;
	display:inline-block;
	background-color:#414141;
	color:#fff;
	font-weight:bold;
}

.s_bad {
	width:50px;
	height:50px;
	border-radius:25px;
	font-size:16px;
	padding-top:16px;
	text-align:center;
	display:inline-block;
	background-color:#ff3300;
	color:#fff;
	font-weight:bold;
}

.s_good {
	width:50px;
	height:50px;
	border-radius:25px;
	font-size:16px;
	padding-top:16px;
	text-align:center;
	display:inline-block;
	background-color:#6bcb5c;
	color:#fff;
	font-weight:bold;
}

#cssmenu .m_free {
	/*background-image: url('/img/free4.png');*/
	background-repeat: no-repeat;
	background-position: right top;
	background-size: 40px;
}

.s_m_free {
	/*background-image: url('/img/free3.png');*/
	background-repeat: no-repeat;
	background-position: 20px 12px;
	background-size: 33px;
}

.top_head .member li a {
	display:inline;
}