/* ----------------------------------------------------------------
 Reset
 -----------------------------------------------------------------*/
* {
	margin: 0;
	padding: 0;
}

/*요소 여백 초기화 */
html, body, div, span, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, blockquote, p, address, pre, cite, form, fieldset, input, textarea, select, table, th, td {
	margin: 0;
	padding: 0;
	font-weight: normal;
}
/*테투리 없ju애기*/
fieldset, img, abbr, acronym {
	border: 0 none;
}
/*목록*/
ol, ul, li {
	list-style: none;
}
/*테이블 -마크업에 'cellspacion="0" 지정 함께 필요 */
table {
	border-collapse: collapse;
	border-spacing: 0;
	border: 0 none;
}
caption, th, td {
	/*text-align: left;*/
	font-weight: normal;
}
/*텍스트 관련 요소 초기화*/
address, caption, strong, em, cite {
	font-weight: normal;
	font-style: normal;
}
ins {
	text-decoration: none;
}

del {
	text-decoration: line-through;
}
/*인용문*/
blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}
/*수평선*/
hr {
	display: none;
}

legend, caption {
	position: absolute;
	overflow: hidden;
	width: 1px;
	height: 1px;
	font-size: 0;
	line-height: 0;
}

.blind {
	overflow: hidden;
	display: block;
	text-indent: -9999px;
	zoom: 1;
}

.hide {
	visibility: hidden;
	position: absolute;
	top: 0;
	left: 0;
	width: 1px;
	height: 1px;
	font-size: 0;
	line-height: 0;
}

a {
	text-decoration: none;
	color: #3d3d3d;
	outline: none !important;
}
a:hover, a:focus, a:active {
	text-decoration: underline;
}
/*img {
 padding: 0;
 margin: 0;
 vertical-align: middle;
 position: relative;
 top: -1px;
 *overflow: hidden;
 }*/

/* ----------------------------------------------------------------
 Helper Classes
 -----------------------------------------------------------------*/
.fl {
	float: left !important;
}
.fr {
	float: right !important;
}
.tl {
	text-align: left !important;
}
.tr {
	text-align: right !important;
}
.tc {
	text-align: center !important;
}
.cred {
	color: #f00 !important;
}
.clearFix {
	clear: both;
}
.group:before, .group:after {
	content: "";
	display: table;
}
.group:after {
	clear: both;
}
.group {
	zoom: 1;
}
.centerThis {
	width: 1000px;
	margin: 0 auto;
	position: relative;
	display: block;
}
.hand {
	cursor: hand;
	cursor: pointer;
}
.mgt5 {
	margin-top: 5px !important;
}
.mgt10 {
	margin-top: 10px !important;
}
.mgt20 {
	margin-top: 20px !important;
}
.mgt30 {
	margin-top: 30px !important;
}
.mgt40 {
	margin-top: 40px !important;
}
.mgt50 {
	margin-top: 50px !important;
}
.mgb20 {
	margin-bottom: 20px !important;
}
/* ----------------------------------------------------------------
 font Classes
 -----------------------------------------------------------------*/
strong {
	font-weight: bold;
}
.num {
	letter-spacing: 0px;
}
/*160425*/
.cblue {
	color: #4272d1 !important;
}
/*//160425*/
/* ----------------------------------------------------------------
 input Classes
 -----------------------------------------------------------------*/
input, select, textarea {
	font-family: Malgun Gothic, '맑은고딕', Dotum, "돋움", Arial, Helvetica, sans-serif;
}
input {
	padding: 0;
	margin: 0;
	vertical-align: middle;
	*overflow: hidden;
}
input[type="checkbox"] {
	width: 15px;
	height: 15px;
	padding: 0;
	margin: 0;
	vertical-align: middle;
	position: relative;
	top: -1px;
	*overflow: hidden;
}
input[type="radio"] {
	width: 15px;
	height: 15px;
	padding: 0;
	margin: 0;
	vertical-align: middle;
	position: relative;
	top: -1px;
	*overflow: hidden;
}
input[type="text"]:disabled, select:disabled {
	background: #ededed;
	border: 1px solid #cdcdcd;
}
input[type="text"]:disabled:hover {
	border: none;
	border: 1px solid #cdcdcd;
}
select, input[type="email"], input[type="tel"], input[type="text"], input[type="password"] {
	display: inline-block;
	vertical-align: middle;
	border: 1px solid #adacb1;
	display: inline-block;
	height: auto;
	border-radius: 0px;
	color: #7d7d7d;
	font-size: 15px;
}
.radio_td span {
	margin-right: 6px;
}
.radio_td p {
	line-height: 21px;
}
textarea {
	color: #6d6d6d;
}
.int {
	z-index: 10;
	padding: 4px 4px;
	width: 100%;
	height: 36px;
	border: none;
	background: transparent;
	apperance: none;
	-webkit-apperance: none;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-shadow: 0 1px 2px rgba(0,0,0,0.2) inset, 0 -1px 0 rgba(0,0,0,0.05) inset;
	-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.2);
	-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.2);
	background: #fff;
}
.sel {
	width: 100%;
	padding: 3px 0px;
	border-radius: 0;
	/*background: #fff url(../images/sel_arr.gif) 95% 50% no-repeat;
	-webkit-appearance: none;
	-moz-appearance: none;*/
	line-height: 18px;
	text-indent: 0.01px;
	text-overflow: '';
	box-shadow: 0 1px 2px rgba(0,0,0,0.2) inset, 0 -1px 0 rgba(0,0,0,0.05) inset;
	-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.2);
	-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.2);
	background: #fff;
}
.label_text {
	padding: 0px 3px;
}
.sm_text {
	color: #777;
	font-size: 13px;
	letter-spacing: -1px;
	font-weight: normal;
}
/* ----------------------------------------------------------------
 btn
 -----------------------------------------------------------------*/
.btn, .sm_btn, .md_btn, .btn_snow, .btn_item, .tag {
	position: relative;
	display: inline-block;
	margin: 0;
	border: 0;
	border-radius: 0;
	vertical-align: middle;
	text-align: center;
	font-weight: bold;
	cursor: pointer;
}
.btn:hover, .btn:focus, .btn:active, .sm_btn:hover, .sm_btn:focus, .sm_btn:active, .md_btn:hover, .md_btn:focus, .md_btn:active, .btn_snow:hover, .btn_snow:focus, .btn_snow:active/*, .btn_item:hover, .btn_item:focus, .btn_item:active */ {
	text-decoration: none;
}
.btn {
	height: 44px;
	line-height: 44px;
	margin: 0;
	text-align: center;
	color: #fff;
	background: #3e475d;
	width: 100%;
}
.btn.cancle {
	background: #bbb;
}
.sm_btn {
	height: 26px;
	line-height: 26px;
	margin: 0;
	text-align: center;
	color: #fff;
	background: #b6b6b6;
	width: 90px;
	font-size: 13px;
}
.btn_area {
	margin: 20px 0px;
}
.btn_area a{color:#ffffff;}
.tag {
	height: 20px;
	line-height: 20px;
	margin: 0;
	text-align: center;
	color: #fff;
	background: #b6b6b6;
	width: 20px;
	font-size: 14px;
	margin-right: 3px;
}
.tag.blue{
	background: #4272d1;
}
.tag.orange{
	background: #f37800;
}
/* ----------------------------------------------------------------
 body
 -----------------------------------------------------------------*/
body {
	font-family: Malgun Gothic, '맑은고딕', Dotum, "돋움", Gulim, "굴림", Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #000;
	line-height: 1.6em;
	letter-spacing: -1px;
	/*background: #dfe1e4;*/
}
.mb_centerThis {
	margin: 0 auto;
	position: relative;
	padding: 0px 5px;
}
/* ----------------------------------------------------------------
 mb_header
 -----------------------------------------------------------------*/
#mb_header {
	height: 48px;
	line-height: 48px;
	background: rgba(251,251,251,1);
	background: -moz-linear-gradient(top, rgba(251,251,251,1) 0%, rgba(243,243,243,1) 58%, rgba(227,227,227,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(251,251,251,1)), color-stop(58%, rgba(243,243,243,1)), color-stop(100%, rgba(227,227,227,1)));
	background: -webkit-linear-gradient(top, rgba(251,251,251,1) 0%, rgba(243,243,243,1) 58%, rgba(227,227,227,1) 100%);
	background: -o-linear-gradient(top, rgba(251,251,251,1) 0%, rgba(243,243,243,1) 58%, rgba(227,227,227,1) 100%);
	background: -ms-linear-gradient(top, rgba(251,251,251,1) 0%, rgba(243,243,243,1) 58%, rgba(227,227,227,1) 100%);
	background: linear-gradient(to bottom, rgba(251,251,251,1) 0%, rgba(243,243,243,1) 58%, rgba(227,227,227,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbfbfb', endColorstr='#e3e3e3', GradientType=0 );
}
#mb_header h1 {
	position: absolute;
	left: 10px;
	top: 10px;
}
#mb_header h2 {
	font-size: 19px;
	font-weight: bold;
	position: absolute;
	right: 10px;
	top: 5px;
	text-align: center;
	display: block;
	height: 35px;
	line-height: 35px;
	padding: 0px 25px;
	border: 2px solid #fafafa;
	border-radius: 13px 13px 13px 13px;
	-moz-border-radius: 13px 13px 13px 13px;
	-webkit-border-radius: 13px 13px 13px 13px;
	-webkit-box-shadow: inset 11px 13px 16px -16px rgba(0,0,0,0.26);
	-moz-box-shadow: inset 11px 13px 16px -16px rgba(0,0,0,0.26);
	box-shadow: inset 11px 13px 16px -16px rgba(0,0,0,0.26);
}
/* ----------------------------------------------------------------
 mb_nav
 -----------------------------------------------------------------*/
#mb_nav {
	background: #3d4456;
	height: 36px;
	line-height: 36px;
	border-bottom: 1px solid #383f50;
}
#mb_nav ul {
	float: right;
}
#mb_nav li {
	height: 36px;
	line-height: 36px;
	padding: 0px 22px 0px 8px;
	display: inline-block;
	float: left;
	color: #97a0b5;
	text-align: center;
	background: url(/images/mobile/nav_bar_line.gif) no-repeat right center;
	font-size: 14px;
}
#mb_nav li:last-child {
	background: none;
	padding-right: 12px;
}
#mb_nav li.last {
	background: none;
	padding-right: 12px;
}
#mb_nav li.active {
	font-weight: bold;
	color: #fff;
}
/* ----------------------------------------------------------------
 mb_pay_info
 -----------------------------------------------------------------*/
#mb_pay_info {
	background: #4b5366;
	padding: 15px 15px 10px 15px;
	color: #fff;
}
#mb_pay_info h3 {
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 8px;
	background: url(/images/mobile/h3_bullet.png) no-repeat left 6px;
	padding-left: 10px;
}
#mb_pay_info dl {
	height: 30px;
	line-height: 30px;
}
#mb_pay_info dl dt {
	float: left;
	display: inline-block;
	width: 30%;
	color: #cad0de;
}
#mb_pay_info dl dd {
	float: right;
	display: inline-block;
	width: 70%;
	font-size: 16px;
	text-align: right;
}
#mb_pay_info dl dd .num {
	font-size: 32px;
	color: #a8ecff;
}
/* ----------------------------------------------------------------
 mb_content
 -----------------------------------------------------------------*/
#mb_content {
	padding: 15px 0px;
/*	background: #eceef1; */
}
#mb_content .agree_box {
	background: #fff;
	padding: 15px 10px;
}

#mb_content .btitle_box {
	position: relative;
	margin-top: 20px;
	margin-bottom: 8px;
}
#mb_content .btitle_box.first {
	margin-top: 0px;
}
#mb_content .agree_box .btitle_box .sm_btn {
	position: absolute;
	top: 0px;
	right: 0px;
}
#mb_content .btitle_box h3 {
	font-weight: bold;
	color: #4b5366;
	font-size: 14px;
}
#mb_content .agree_box .scroll_div {
	margin-top: 3px;
	border: 1px solid #d7d9dd;
	padding: 5px;
	height: 90px;
	overflow-y: scroll;
	color: #7d7d7d;
	font-size: 13px;
}
#mb_content .agree_box .scroll_div p {
	padding: 3px 0px;
}
#mb_content .agree_box .check_agree {
	margin-top: 3px;
	font-size: 14px;
	color: #777;
}
.pay_red_text{
	background: #fff;
	border: 1px solid #d3d3d4;
	padding: 15px;
	text-align: center;
	margin-bottom: 15px;
}
.pay_red_text strong {
	background: url(/images/mobile/icon_check.gif) no-repeat left center;
	display: inline-block;
	padding-left: 15px;
}
/* ----------------------------------------------------------------
 mb_footer
 -----------------------------------------------------------------*/
#mb_footer {
	padding: 6px 0px;
	background: #dfe1e4 url(/images/mobile/mb_flogo.png) no-repeat 98% center;
	font-size: 12px;
	letter-spacing: -1px;
	height: 20px;
}
/* ----------------------------------------------------------------
 table
 -----------------------------------------------------------------*/
.garo_tb {
	background: #fff;
}
.garo_tb_box {
	border: 1px solid #d3d3d4;
	margin-bottom: 10px;
}
/*160425*/
.garo_tb_box.text{
	background: #f8f8f8;
	color: #1d1d1d;
	letter-spacing: -1.52px;
	padding: 10px;
}
/*//160425*/
.garo_tb_box:last-child {
	margin-bottom: 0px;
}
.garo_tb th {
	text-align: left;
	font-size: 12px;
	font-weight: bold;
	color: #4d4d4d;
}
.garo_tb th, .garo_tb td {
	height: 40px;
	line-height: 18px;
	padding: 5px 10px;
	border-bottom: 1px solid #e5e5e5;
}
.garo_tb tbody tr:last-child th, .garo_tb tbody tr:last-child td {
	border-bottom: 0px;
}
.garo_tb thead th {
	height: 33px;
	line-height: 33px;
	border-bottom: 1px solid #d3d3d4;
	font-weight: bold;
	font-size: 16px;
	background: #f8f8f8;
	color: #1d1d1d;
	letter-spacing: -1.52px;
}