@charset 'utf-8';

/* ============================================================================================
	Font
============================================================================================ */
/* Regular */
@font-face {
	font-family: noto;
	font-style: normal;
	font-weight: 400;
	src: url('font/OpenSans-Regular.eot');
	src: local(※), url('font/OpenSans-Regular.eot?#iefix')
		format('embedded-opentype'), url('font/OpenSans-Regular.woff')
		format('woff'), url('font/OpenSans-Regular.ttf') format('truetype');
}
/* SemiBold */
@font-face {
	font-family: noto;
	font-style: normal;
	font-weight: 600;
	src: url('font/OpenSans-SemiBold.eot');
	src: local(※), url('font/OpenSans-SemiBold.eot?#iefix')
		format('embedded-opentype'), url('font/OpenSans-SemiBold.woff')
		format('woff'), url('font/OpenSans-SemiBold.ttf') format('truetype');
}
/* Bold */
@font-face {
	font-family: noto;
	font-style: normal;
	font-weight: 900;
	src: url('font/OpenSans-Bold.eot');
	src: local(※), url('font/OpenSans-Bold.eot?#iefix')
		format('embedded-opentype'), url('font/OpenSans-Bold.woff')
		format('woff'), url('font/OpenSans-Bold.ttf') format('truetype');
}

/* ============================================================================================
	Reset
============================================================================================ */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code,
	form, fieldset, legend, textarea, p, blockquote, th, td, input, select,
	button {
	margin: 0;
	padding: 0;
}

fieldset, img {
	border: 0 none;
}

dl, ul, ol, menu, li {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}

input, select, textarea, button {
	vertical-align: middle;
	outline: 0;
}

button {
	border: 0 none;
	background-color: transparent;
	cursor: pointer;
}

body, th, td, input, select, textarea, button, select {
	color: #333;
	font-family: noto;
	font-size: 15px;
	line-height: 1.5;
	letter-spacing: -0.4px;
}

body {
	overflow-x: hidden;
	width: 100%;
}

input[type=submit] {
	border-radius: 0;
	border: 0;
	-webkit-appearance: none;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	font-size: 100%;
}

a {
	color: #333;
	text-decoration: none;
}

a:active, a:hover {
	text-decoration: none;
} /* hover */
address, caption, cite, code, dfn, em, var {
	font-style: normal;
}

legend, caption {
	display: none;
	visibility: hidden;
	overflow: hidden;
	width: 0;
	height: 0;
	margin: 0;
	padding: 0;
	font-size: 0;
	text-indent: -9999px;
	line-height: 0;
}

table {
	table-layout: fixed;
	width: 100%;
	margin: 0;
	padding: 0;
	border-spacing: 0;
	border: 0;
	border-collapse: collapse;
}

*+html table {
	border-collapse: collapse;
}

button {
	vertical-align: top;
	outline: 0;
}

button:disabled {
	cursor: not-allowed;
}

input[type=text], input[type=tel], input[type=number], input[type=password]
	{
	height: 40px;
	padding: 0 15px;
	box-sizing: border-box;
	border-radius: 0;
	border: 1px solid #c9c9c9;
	background-color: #fff;
	color: #111;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

input[type=number]::-webkit-outer-spin-button, input[type=number]::-webkit-inner-spin-button
	{
	-webkit-appearance: none;
	margin: 0;
}

input::-ms-clear {
	display: none;
}

input[type=text]:disabled, input[type=tel]:disabled, input[type=number]:disabled,
	input[type=password]:disabled {
	background-color: #f3f3f3;
}

textarea {
	width: 100%;
	padding: 7px 17px;
	border: 1px solid #c9c9c9;
	border-radius: 0;
	background-color: #fff;
	box-sizing: border-box;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	word-break: keep-all;
	word-wrap: break-word;
	resize: none;
}

input:-ms-input-placeholder {
	color: #b3b3b3;
}

textarea:-ms-input-placeholder {
	color: #b3b3b3;
}

::-webkit-input-placeholder {
	color: #b3b3b3;
}

::-moz-placeholder {
	color: #b3b3b3;
}

select {
	height: 40px;
	padding: 0 40px 0 14px;
	border: 1px solid #ccc;
	background-color: #fff;
	box-sizing: border-box;
}

::-webkit-file-upload-button {
	cursor: pointer;
}

/* ============================================================================================
	공통
============================================================================================ */
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------
	영어일경우
--------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.en-block {
	display: none;
}

.leng-english .en-block {
	display: table-column-group;
}

.leng-english .vt-block {
	display: none;
}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------
	마진/패딩/폰트
--------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* 마진 */
.mgA0 {
	margin: 0 !important;
}

.mgT0 {
	margin-top: 0 !important;
}

.mgT5 {
	margin-top: 5px !important;
}

.mgT10 {
	margin-top: 10px !important;
}

.mgT15 {
	margin-top: 15px !important;
}

.mgT20 {
	margin-top: 20px !important;
}

.mgT25 {
	margin-top: 25px !important;
}

.mgT30 {
	margin-top: 30px !important;
}

.mgT35 {
	margin-top: 35px !important;
}

.mgT40 {
	margin-top: 40px !important;
}

.mgT45 {
	margin-top: 45px !important;
}

.mgT50 {
	margin-top: 50px !important;
}

.mgT55 {
	margin-top: 55px !important;
}

.mgT60 {
	margin-top: 60px !important;
}

.mgT65 {
	margin-top: 65px !important;
}

/* 패딩 */
.pdA0 {
	padding: 0 !important;
}

/* 폰트컬러 */
.fColor1 {
	color: #e21c24 !important;
}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------
	버튼
--------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* 텍스트 */
.btn-text {
	display: inline-block;
	position: relative;
	min-width: 180px;
	height: 50px;
	padding: 0 25px;
	box-sizing: border-box;
	border-radius: 4px;
	background-color: #e60039;
	color: #fff;
	font-size: 18px;
	text-align: center;
	vertical-align: middle;
	line-height: 50px;
	cursor: pointer;
	-webkit-transition: background-color .3s;
	-ms-transition: background-color .3s;
	transition: background-color .3s;
}

.btn-text:hover {
	background-color: #a1183a;
} /* hover */
.btn-text.type1 {
	border: 1px solid #e60039;
	background-color: #fff;
	color: #e60039;
	line-height: 48px;
}

.btn-text.type1:hover {
	border-color: #a1183a;
	background-color: #f7f7f7;
	color: #a1183a;
} /* hover */
html .btn-text.type2 {
	border-radius: 2px;
	border: 1px solid #ccc;
	background-color: #fff;
	color: #7b7b7b;
	line-height: 48px;
}

html .btn-text.type2:hover {
	background-color: #f7f7f7;
} /* hover */
html .btn-text.type3 {
	background-color: #f7f7f7;
	border-color: #ccc;
	color: #4c4c4c;
}

html .btn-text.type3:hover {
	background-color: #f7f7f7;
}

html .btn-text.type4 {
	font-size: 15px;
	border: 1px solid #4d4b5e;
	background-color: #4d4b5e;
	color: #fff;
}

html .btn-text.type4:hover {
	background-color: #4d4b5e;
} /* hover */
html .btn-text.type5 {
	font-size: 15px;
	border: 1px solid #6c56c5;
	background-color: #6c56c5;
	color: #fff;
}

html .btn-text.type5:hover {
	background-color: #31217a;
} /* hover */
.btn-text.link {
	padding-right: 58px;
}

.btn-text.link:before {
	content: '';
	position: absolute;
	right: 25px;
	top: 0;
	bottom: 0;
	width: 8px;
	background-image: url(../images/icon/icon_arr_right04.png);
	background-repeat: no-repeat;
	background-position: 0 50%;
}

.btn-text.type1.link:before {
	background-image: url(../images/icon/icon_arr_right05.png);
}

.btn-text.type1.link:hover:before {
	background-image: url(../images/icon/icon_arr_right05_hover.png);
} /* hover */
.btn-text.disabled {
	background-color: #e6e6e6;
	color: #b3b3b3;
	cursor: not-allowed;
}

.btn-text.sm {
	min-width: auto;
	padding: 0 20px;
	height: 40px;
	line-height: 40px;
}

.btn-text.sm.type1, .btn-text.sm.type2 {
	line-height: 38px;
}

.btn-text.sm.link {
	padding-right: 36px;
}

.btn-text.sm.link:before {
	width: 5px;
	right: 10px;
	background-image: url(../images/icon/icon_arr_right02.png);
}

.btn-text.sm.type1.link:before {
	background-image: url(../images/icon/icon_arr_right01.png);
	opacity: .6;
}

.btn-text.sm.type1.link:hover:before {
	opacity: .7;
} /* hover */
.btn-text2 {
	display: inline-block;
	min-width: 66px;
	height: 40px;
	padding: 0 20px;
	box-sizing: border-box;
	border-radius: 4px;
	background-color: #717785;
	color: #fff;
	font-size: 15px;
	text-align: center;
	line-height: 40px;
	-webkit-transition: background-color .3s;
	-ms-transition: background-color .3s;
	transition: background-color .3s;
}

.btn-text2.on {
	background-color: #e60039;
} /* on */

/* 텍스트 + 아이콘 */
.btn-icon-text {
	display: inline-block;
	height: 32px;
	padding: 0 15px 0 38px;
	box-sizing: border-box;
	border-radius: 2px;
	border: 1px solid #ccc;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: 14px 50%;
	color: #777;
	font-size: 14px;
	line-height: 30px;
}

.btn-icon-text.icon1 {
	background-image: url(../images/icon/icon_btn01.png);
}

.btn-icon-text.icon2 {
	background-image: url(../images/icon/icon_btn02.png);
}

.btn-icon-text.icon3 {
	background-image: url(../images/icon/icon_btn03.png);
}

.btn-icon-text.icon4 {
	background-image: url(../images/icon/icon_btn04.png);
}

.btn-icon-link1 {
	display: inline-block;
	padding: 9px 32px 9px 0;
	background: url(../images/icon/btn_link01.png) no-repeat 98% 50%;
	color: #7451c0;
	font-weight: 600;
	-webkit-transition: color .3s;
	-ms-transition: color .3s;
	transition: color .3s;
}

.btn-icon-link2 {
	display: inline-block;
	padding: 9px 16px 9px 0;
	background: url(../images/icon/btn_link02.png) no-repeat 98% 50%;
	color: #7451c0;
	-webkit-transition: color .3s;
	-ms-transition: color .3s;
	transition: color .3s;
}

.btn-icon-link1:hover, .btn-icon-link2:hover {
	-webkit-transition: color .3s;
	-ms-transition: color .3s;
	transition: color .3s;
	color: #31217a;
}

.btn-icon-link3 {
	display: inline-block;
	position: relative;
	padding: 0 36px 0 19px;
	height: 40px;
	box-sizing: border-box;
	border-radius: 3px;
	border: 1px solid #ccc;
	background-color: #fff;
	color: #7b7b7b;
	line-height: 38px;
}

.btn-icon-link3:before {
	content: '';
	position: absolute;
	right: 11px;
	top: 0;
	bottom: 0;
	width: 5px;
	background: url(../images/icon/icon_arr_right01.png) no-repeat 0 50%;
	opacity: .6;
}

.btn-icon-link3:hover {
	background-color: #f7f7f7;
	color: #4c4c4c
} /* hover */
.btn-icon-link4 {
	display: inline-block;
	padding-right: 29px;
	background: url(../images/icon/btn_link04.png) no-repeat 99% 50%;
	color: #111;
	font-size: 20px;
	font-weight: 600;
	line-height: 40px;
}

/* 버튼정렬 */
.btn-top-area {
	margin-bottom: 30px;
	text-align: right;
	font-size: 0;
}

.btn-top-area .btn-icon-link3 {
	margin-left: 10px;
	font-size: 15px;
}

.btn-top-area .btn-icon-link3:first-child {
	margin-left: 0;
}

.btn-btm-area {
	margin-top: 50px;
	font-size: 0;
	text-align: center;
}

.btn-btm-area .btn-text {
	margin-left: 30px;
}

.btn-btm-area.mar15 .btn-text {
	margin-left: 15px
}

.btn-btm-area .btn-text:first-child {
	margin-left: 0;
}

/* 스위치 (on/off) */
.btn-switch {
	display: inline-block;
	position: relative;
	width: 46px;
	height: 24px;
	box-sizing: border-box;
	border-radius: 25px;
	border: 1px solid #ccc;
	background-color: #fff;
	font-size: 0;
	text-indent: -9999px;
	line-height: 0;
}

.btn-switch:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 22px;
	height: 22px;
	box-sizing: border-box;
	border-radius: 50%;
	border: 1px solid #d3cdd9;
	background-color: #fff;
	box-shadow: 1px 3px 2px 0 rgba(0, 0, 0, .1);
	transition: all .2s;
}

.btn-switch.on {
	border-color: #5d30a6;
	background-color: #5d30a6;
}

.btn-switch.on:before {
	left: 22px;
}

/* 하단 버튼 고정 스타일 */
.fix-btm-area {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 50;
	height: 110px;
	padding-top: 30px;
	box-sizing: border-box;
	box-shadow: 0 0 22px 2px rgba(0, 0, 0, .1);
	background-color: #fff;
	text-align: center;
}

.fix-btm-area .btn-text {
	margin-left: 13px;
}

.fix-btm-area .btn-text:first-child {
	margin-left: 0;
}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------
	폼 요소
--------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* 셀렉트박스 */
.selectbox {
	display: inline-block;
	position: relative;
}

.selectbox.full, .selectbox.full select {
	width: 100%;
}

.selectbox .sel-text {
	display: inline-block;
	overflow: hidden;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	padding: 0 40px 0 14px;
	box-sizing: border-box;
	border: 1px solid #ccc;
	background: #fff url(../images/icon/icon_select01.png) no-repeat 100%
		50%;
	font-weight: 400;
	text-overflow: ellipsis;
	white-space: nowrap;
	line-height: 38px;
}

.selectbox.focus .sel-text {
	border-color: #111;
}

.selectbox select {
	position: relative;
	z-index: 5;
	opacity: 0;
}

/* 데이트 피커 */
input.datepicker {
	width: 140px;
	background: #fff url(../images/icon/icon_date.png) no-repeat 100% 50%;
}

.ui-datepicker {
	display: none;
	z-index: 61 !important;
	width: 300px;
	padding: 3px 3px 20px;
	background-color: #fff;
	border: 1px solid #ccc;
}

.ui-datepicker-header {
	position: relative;
	padding: 6px 0;
	border: 1px solid #ddd;
	background-color: #e9e9e9;
}

.ui-datepicker-header .ui-corner-all {
	position: absolute;
	top: 50%;
	width: 30px;
	height: 30px;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.ui-datepicker-header .ui-datepicker-prev {
	left: 10px;
}

.ui-datepicker-header .ui-datepicker-next {
	right: 10px;
}

.ui-datepicker-header .ui-corner-all .ui-icon {
	overflow: hidden;
	position: absolute;
	left: 50%;
	top: 50%;
	width: 13px;
	height: 13px;
	margin-top: -6px;
	background-image: url(../images/icon/icon_date_arr.png);
	background-repeat: no-repeat;
	font-size: 0;
	text-indent: -9999px;
	line-height: 0;
}

.ui-datepicker-header .ui-datepicker-prev .ui-icon {
	background-position: 0 -13px;
}

.ui-datepicker-header .ui-datepicker-next .ui-icon {
	background-position: 0 0;
}

.ui-datepicker-header .ui-datepicker-title {
	text-align: center;
}

.ui-datepicker-header .ui-datepicker-title select {
	width: 80px;
	height: 30px;
	padding: 0 0 0 10px;
	border: 1px solid #aaa;
	background-color: #fff;
	font-size: 12px;
	font-weight: 400;
}

.ui-datepicker-header .ui-datepicker-title select.ui-datepicker-month {
	width: 60px;
}

.ui-datepicker-calendar {
	margin-top: 10px;
}

.ui-datepicker-calendar thead th {
	color: #111;
	height: 40px;
}

.ui-datepicker-calendar thead th:first-child {
	color: #d93e5f;
}

.ui-datepicker-calendar tbody td {
	text-align: center;
}

.ui-datepicker-calendar tbody td .ui-state-default {
	display: block;
	width: 30px;
	height: 30px;
	margin: 0 auto;
	padding: 6px 0;
	box-sizing: border-box;
	border-radius: 50%;
	font-size: 12px;
}

.ui-datepicker-calendar tbody td:first-child a {
	color: #d93e5f;
}

.ui-datepicker-calendar tbody td.ui-datepicker-today a {
	background-color: #fffa90;
}

.ui-datepicker-calendar tbody td.ui-datepicker-current-day a {
	color: #fff;
	background-color: #5d30a6;
}

.ui-datepicker-calendar tbody td.ui-state-disabled span {
	color: #dadada;
}

/* 조회기간 설정 */
.search-date {
	overflow: hidden;
}

.search-date .data-set {
	float: left;
}

.search-date .datepicker {
	width: 140px !important;
}

.search-date .swung {
	display: inline-block;
	width: 26px;
	font-size: 20px;
	text-align: center;
	vertical-align: top;
	line-height: 40px;
}

.search-date .btn-list {
	float: left;
	margin-left: 10px;
	font-size: 0;
}

.search-date .btn-list .btn-text2 {
	margin-left: 5px;
}

.search-date .btn-list .btn-text2:first-child {
	margin-left: 0;
}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------
	탭/소팅/검색
--------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* 탭 */
.tab-list1 {
	border-top: 1px solid #e0e0e0;
	border-right: 1px solid #e0e0e0;
}

.tab-list1:after {
	content: '';
	display: block;
	clear: both;
}

.tab-list1 .tab-item {
	float: left;
	position: relative;
	width: 50%;
	height: 50px;
	box-sizing: border-box;
	border-left: 1px solid #e0e0e0;
	border-bottom: 1px solid #e0e0e0;
	color: #4c4c4c;
	font-size: 16px;
	text-align: center;
	line-height: 48px;
	cursor: pointer;
}

.tab-list1 .tab-item.on {
	border-bottom-color: #fff;
	color: #111;
	font-weight: 900;
	transition: border .3s, color .5s;
} /* on */
.tab-list1 .tab-item:after {
	content: '';
	position: absolute;
	left: 0;
	width: 0;
	top: -1px;
	height: 2px;
	background-color: #262626;
	opacity: 0;
}

.tab-list1 .tab-item.on:after {
	opacity: 1;
	width: 100%;
	transition: all .2s;
} /* on */
.tab-list2 {
	position: relative;
	margin-top: 50px;
	border: 1px solid #e0e0e0;
	border-left: 0;
}

.tab-list2:before {
	content: '';
	position: absolute;
	left: 50%;
	right: 25%;
	top: 0;
	bottom: 0;
	margin-right: -1px;
	border-left: 1px solid #e0e0e0;
	border-right: 1px solid #e0e0e0;
}

.tab-list2:after {
	content: '';
	display: block;
	clear: both;
}

.tab-list2 .tab-item {
	float: left;
	position: relative;
	width: 25%;
	height: 50px;
	margin-bottom: -1px;
	border-left: 1px solid #e0e0e0;
	border-bottom: 1px solid #e0e0e0;
	box-sizing: border-box;
	text-align: center;
	cursor: pointer;
}

.tab-list2 .tab-item:before {
	content: '';
	position: absolute;
	right: -1px;
	top: 0;
	bottom: 0;
	width: 1px;
	background-color: #e0e0e0;
	color: #4c4c4c;
	font-size: 16px;
	line-height: 1;
}

.tab-list2 .tab-item:after {
	content: '';
	position: absolute;
	left: -1px;
	top: -1px;
	z-index: 5;
	width: 0;
	height: 4px;
	padding: 0 1px;
	background-color: #7451c0;
	opacity: 0;
}

.tab-list2 .tab-item.on {
	color: #7451c0;
	font-weight: 900;
	cursor: default;
	transition: color .5s;
} /* on */
.tab-list2 .tab-item.on:after {
	width: 100%;
	opacity: 1;
	transition: all .2s;
} /* on */
.tab-list2 .tab-item .text {
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	padding: 0 10px;
}

.tab-list3:after {
	content: '';
	display: block;
	clear: both;
}

.tab-list3 .tab-item {
	float: left;
	position: relative;
	width: 50%;
	height: 60px;
	box-sizing: border-box;
	border-bottom: 1px solid #ccc;
	color: #7c7c7c;
	font-size: 14px;
	text-align: center;
	line-height: 60px;
	cursor: pointer;
	top: 1px;
}

.tab-list3 .tab-item.on {
	border-bottom-width: 0px;
	color: #111;
	font-weight: 900;
	transition: border .3s, color .5s;
} /* on */
.tab-list3 .tab-item:after {
	content: '';
	position: absolute;
	left: 0;
	width: 0;
	bottom: 0px;
	height: 2px;
	background-color: #111;
	opacity: 0;
}

.tab-list3 .tab-item.on:after {
	opacity: 1;
	width: 100%;
	transition: all .2s;
} /* on */
.tab-cont, .tab-cont-sub {
	display: none;
}

.tab-cont.on, .tab-cont-sub.on {
	display: block;
} /* on */

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------
	게시판 테이블
--------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* 타이틀 영역 */
.board-title-area {
	padding: 9px 0;
}

.board-title-area:after {
	content: '';
	display: block;
	clear: both;
}

.board-title-area .board-title {
	float: left;
	color: #111;
	font-size: 20px;
	font-weight: 900;
}

.board-wrap .board-title-area {
	margin-top: 45px;
}

.board-wrap .board-title-area:first-child {
	margin-top: 0;
}

.board-title-area .btn-icon-link2 {
	float: right;
	padding-top: 4px;
	padding-bottom: 4px;
}

/* 입력 오류 */
input.false-form {
	border-color: #e43762;
	background-color: #fdefef;
}

.false-text {
	padding: 10px 0 7px;
	color: #e43762;
	font-size: 14px;
	text-align: left;
}

.noti-text {
	padding: 10px 0 7px;
	color: #4c4c4c;
	font-size: 14px;
	text-align: left;
}

table .btn-text {
	min-width: auto;
	height: 32px;
	margin-left: 9px;
	padding: 0 15px;
	border: 1px solid #444;
	background-color: #fff;
	color: #444;
	font-size: 14px;
	line-height: 30px;
}

table .btn-text:hover {
	background-color: #fff;
} /* hover */
table .a-left {
	padding-left: 30px !important;
	padding-right: 30px !important;
	text-align: left !important;
}

table .a-right {
	padding-left: 25px !important;
	padding-right: 25px !important;
	text-align: right !important;
}

/* 리스트 형식 */
.board-list1 {
	border-top: 1px solid #262626;
}

.board-list1 table {
	
}

.board-list1 table th, .board-list1 table td {
	height: 32px;
	padding: 9px 15px;
	border-left: 1px solid #e0e0e0;
	border-bottom: 1px solid #e0e0e0;
	font-weight: 400;
	text-align: center;
}

.board-list1 table th:first-child, .board-list1 table td:first-child {
	border-left: 0;
}

.board-list1 table th {
	padding-left: 50px;
	background-color: #f7f7f7;
	color: #4c4c4c;
	text-align: left;
}

.board-list1 table td {
	padding-left: 30px;
	color: #111;
	text-align: left;
}

.board-list1 table thead th, .board-list1 table thead+tbody td {
	padding-left: 15px;
	text-align: center;
}

.board-list1 table td.link-type {
	padding: 0;
}

.board-list1 table td.link-type .link-text {
	display: block;
	padding: 14px 30px;
	text-align: left;
}

.board-list1 table td.link-type .link-text:hover {
	text-decoration: underline;
} /* hover */

/* 입력형식 */
table .possible-text {
	margin-left: 8px;
	color: #0589e5;
}

table .fail-text {
	margin-left: 8px;
	color: #e21c24;
}

.board-write1 .unit-text {
	margin-left: 15px;
}

.board-write1+.board-write1 {
	margin-top: 40px;
}

.board-write1 .board {
	border-top: 1px solid #262626;
}

.board-write1 .board th {
	height: 40px;
	padding: 14px 30px;
	border-bottom: 1px solid #e0e0e0;
	vertical-align: top;
}

.board-write1 .board td {
	height: 40px;
	padding: 14px 30px;
	border-bottom: 1px solid #e0e0e0;
	vertical-align: middle;
}

.board-write1 .board th {
	color: #4c4c4c;
	font-weight: 400;
	text-align: left;
}

.board-write1 .board th label, .board-write1 .board th .th {
	display: block;
	padding: 9px 0;
}

.board-write1 .board td {
	color: #4c4c4c;
}

.board-write1 .board td.bb0 {
	border-bottom: 0 none;
}

.board-write1 .board td.pt0 {
	padding-top: 0;
}

/* 데이타 형식 */
.board-data1 {
	margin-top: 36px;
}

.board-data1 .board {
	border-top: 1px solid #111;
}

.board-data1 .board th, .board-data1 .board td {
	padding: 24px 0 20px;
	border-bottom: 1px solid #f2f2f2;
	color: #777;
	font-size: 14px;
	font-weight: 400;
}

.board-data1 .board td {
	padding-left: 40px;
}

.board-data1 .board .label {
	display: inline-block;
	height: 28px;
	margin-bottom: 5px;
	padding: 0 15px;
	border-radius: 3px;
	background-color: #1b1b1b;
	color: #fff;
	line-height: 28px;
}

.board-data1 .board .price {
	margin-top: 4px;
	color: #111;
	font-size: 18px;
	font-weight: 600;
}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------
	리스트
--------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* 불릿 */
.bullet-list1 {
	
}

.bullet-list1 .item {
	margin: 10px 0 0 16px;
	color: #111;
	text-indent: -16px;
}

.bullet-list1 .item:first-child {
	margin-top: 0;
}

.bullet-list1 .item strong {
	font-weight: 600;
}

.bullet-list2 li {
	position: relative;
	padding-left: 13px;
	color: #4c4c4c;
	font-size: 15px;
	font-weight: 400;
	line-height: 33px;
}

.bullet-list2 li:before {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	top: 15px;
	width: 3px;
	height: 3px;
	background-color: #111;
	border-radius: 50%;
}

/* 아코디언 */
.btn-tog {
	cursor: pointer;
}

.accordion-list1 {
	border-top: 1px solid #262626;
}

.accordion-list1 .accordion-item {
	
}

.accordion-list1 .accordion-item .btn-tog {
	display: block;
	position: relative;
	width: 100%;
	padding: 15px 86px 15px 50px;
	box-sizing: border-box;
	border-bottom: 1px solid #e0e0e0;
	color: #111;
	font-size: 16px;
	text-align: left;
	cursor: pointer;
}

.accordion-list1 .accordion-item .btn-tog:before {
	content: '';
	overflow: hidden;
	position: absolute;
	right: 50px;
	top: 50%;
	width: 26px;
	height: 26px;
	margin-top: -13px;
	background-image: url(../images/icon/icon_accor01.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}

.accordion-list1 .accordion-item.on .btn-tog {
	border-bottom: 0;
	color: #7451c0;
	font-weight: 600;
} /* on */
.accordion-list1 .accordion-item .btn-tog .value-text {
	display: inline-block;
	position: absolute;
	left: 0;
	top: 15px;
	padding: 0 50px;
	color: #737373;
	font-weight: 400;
}

.accordion-list1 .accordion-item .btn-popup.btn-tog:hover,
	.accordion-list1 .accordion-item a.btn-tog:hover {
	text-decoration: underline;
} /* hover */
.accordion-list1 .accordion-item .btn-popup.btn-tog:before,
	.accordion-list1 .accordion-item a.btn-tog:before {
	background-image: url(../images/icon/btn_link03.png);
}

.accordion-list1 .accordion-item.on .btn-tog:before {
	background-position: 0 -26px;
} /* on */
.accordion-list1 .accordion-item .layer {
	display: none;
	padding: 36px 50px;
	border-top: 1px solid #e0e0e0;
	border-bottom: 1px solid #b3b3b3;
}

.accordion-list1.type2 .layer {
	padding-left: 160px;
	background-color: #fafafa;
}

/* ============================================================================================
	레이아웃
============================================================================================ */
html, body, .wrapper {
	overflow-x: auto;
	/*min-width:1260px;*/
	min-width: 1005px;
}

.container {
	padding: 255px 0 110px;
	box-sizing: border-box;
}

.container.hasstep {
	padding-top: 320px;
}

.container.hasstep.dubble {
	padding-top: 380px;
}

/* 상단에 비주얼 영역이 있을경우 */
.visual-type .head-fix-box {
	background-color: transparent;
}

.visual-type .header .page-title-area {
	background-color: transparent;
}

.visual-type .container {
	padding-top: 110px;
}

.scroll .visual-type  .container {
	padding-top: 70px;
}

.scroll .visual-type .header .page-title-area {
	background-color: rgba(255, 255, 255, .98);
}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------
	해더
--------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.header {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	/*min-width:1260px;*/
	min-width: 1005px;
	height: 110px;
	background-color: #2c203b;
	z-index: 55;
}

.header .head-inner {
	position: relative;
	width: 100%;
	height: 110px;
	max-width: 1340px;
	margin: 0 auto;
}

.header .head-inner .h-logo {
	width: 140px;
	position: absolute;
	left: 20px;
	bottom: 0;
	font-size: 0;
	text-indent: -9999px;
	line-height: 0;
}

.header .head-inner .h-logo a {
	display: block;
	height: 66px;
	background: url(../images/common/h_logo.png) no-repeat 0 50%;
}

.header .head-inner .utill {
	height: 44px;
	padding: 12px 20px 0 0;
	box-sizing: border-box;
	font-size: 0;
	text-align: right;
	line-height: 0;
}

.header .head-inner .utill .link {
	display: inline-block;
	position: relative;
	padding: 0 16px 0 13px;
	color: rgba(255, 255, 255, .4);
	font-size: 13px;
	line-height: 20px;
	cursor: pointer;
}

.header .head-inner .utill .link:first-child {
	color: #b29bc7;
}

.header .head-inner .utill .link:before {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	width: 1px;
	height: 10px;
	margin-top: -5px;
	background-color: rgba(255, 255, 255, .1);
}

.header .head-inner .utill .link:first-child:before {
	display: none;
}

.header .head-inner .utill .btn-leng {
	display: inline-block;
	height: 20px;
	margin-left: 15px;
	padding: 0 6px;
	box-sizing: border-box;
	border: 1px solid #c6a9c8;
	color: #c09bde;
	font-size: 13px;
	line-height: 18px;
}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------
	전체메뉴
--------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.gnb-close {
	display: none;
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 5;
}

.gnb-area {
	position: absolute;
	right: 120px;
	bottom: 0;
	z-index: 10;
}

.gnb-area .gnb-list {
	
}

.gnb-area .gnb-list:after {
	content: '';
	display: block;
	clear: both;
}

.gnb-area .gnb-list .gnb-item {
	float: left;
}

.gnb-area .gnb-list .gnb-item .item {
	display: block;
	position: relative;
	padding: 0 32px;
	height: 66px;
	color: #fff;
	font-size: 18px;
	font-weight: 600;
	line-height: 66px;
	cursor: pointer;
	transition: all .3s;
}

.gnb-area .gnb-list .gnb-item .item:before {
	content: '';
	position: absolute;
	left: 22px;
	right: 22px;
	bottom: 0;
	height: 0;
	background-color: #ef8ffa;
	opacity: 0;
	transition: all .3s;
}

.gnb-area .gnb-list .gnb-item.on .item, .gnb-area .gnb-list .gnb-item.active .item
	{
	color: #ef8ffa;
} /* on */
.gnb-area .gnb-list .gnb-item.on .item:before, .gnb-area .gnb-list .gnb-item.active .item:before
	{
	height: 5px;
	opacity: 1;
} /* on */
.gnb-area .gnb-list .gnb-item .gnb-depth {
	display: none;
	position: fixed;
	left: 0;
	right: 0;
	top: 110px;
	z-index: 5;
	padding: 40px 0;
	background-color: #fff;
	box-shadow: 0 7px 21px 0 rgba(0, 0, 0, .1);
}

.gnb-area .gnb-list .gnb-item .gnb-depth .depth-inner {
	overflow: hidden;
	position: relative;
	width: 100%;
	max-width: 1280px;
	margin: 0 auto;
	border-left: 1px solid #e5e5e5;
	border-right: 1px solid #e5e5e5;
}

.gnb-area .gnb-list .gnb-item .gnb-depth .depth {
	float: left;
	width: 16.66666666666667%;
	padding: 0 15px 2px 20px;
	box-sizing: border-box;
}

.gnb-area .gnb-list .gnb-item .gnb-depth .depth:first-child {
	border-right: 1px solid #e5e5e5;
}

.gnb-area .gnb-list .gnb-item .gnb-depth .depth-inner:before, .gnb-area .gnb-list .gnb-item .gnb-depth .depth-inner:after,
	.gnb-area .gnb-list .gnb-item .gnb-depth .depth:first-child:before,
	.gnb-area .gnb-list .gnb-item .gnb-depth .depth:first-child:after,
	.gnb-area .gnb-list .gnb-item .gnb-depth .depth:nth-child(2):before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	width: 1px;
	background-color: #e5e5e5;
}

.gnb-area .gnb-list .gnb-item .gnb-depth .depth-inner:before {
	left: 33.33333333333333%;
}

.gnb-area .gnb-list .gnb-item .gnb-depth .depth-inner:after {
	left: 50%;
}

.gnb-area .gnb-list .gnb-item .gnb-depth .depth:first-child:before {
	left: 66.66666666666667%;
}

.gnb-area .gnb-list .gnb-item .gnb-depth .depth:first-child:after {
	left: 83.33333333333333%;
}

.gnb-area .gnb-list .gnb-item .gnb-depth .depth:nth-child(2):before {
	left: 16.66666666666667%;
	margin-left: -1px;
}

.gnb-area .gnb-list .gnb-item .gnb-depth .depth a:hover {
	text-decoration: underline;
}

.gnb-area .gnb-list .gnb-item .gnb-depth .depth .title {
	display: block;
	position: relative;
	padding: 6px 0 6px 0;
	color: #111;
	font-weight: 600;
}

.gnb-area .gnb-list .gnb-item .gnb-depth .depth a.title {
	padding-right: 18px;
}

.gnb-area .gnb-list .gnb-item .gnb-depth .depth a.title:after {
	content: '';
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 8px;
	height: 14px;
	margin-left: 4px;
	background: url(../images/icon/icon_arr_right03.png) no-repeat 0 0;
	vertical-align: top;
}

.gnb-area .gnb-list .gnb-item .gnb-depth .depth .list {
	margin-top: 5px;
}

.gnb-area .gnb-list .gnb-item .gnb-depth .depth .link {
	display: block;
	padding: 4px 0;
	color: #777;
}

/* 스크롤시 고정되는 영역 */
.head-fix-box {
	position: absolute;
	left: 0;
	right: 0;
	top: 110px;
	background-color: #fff;
	background-position: 500% 50%;
	height: 40px;
}

.header .breadcrumbs {
	position: relative;
	width: 100%;
	max-width: 1340px;
	margin: 0 auto;
	padding: 0 20px;
	box-sizing: border-box;
}

.header .breadcrumbs:after {
	content: '';
	display: block;
	clear: both;
}

.header .breadcrumbs .crumb-item {
	float: left;
	position: relative;
	z-index: 5;
}

.header .breadcrumbs .crumb-item .crumb {
	display: block;
	height: 40px;
	padding: 0 20px 0 14px;
	background: url(../images/icon/icon_arr_right01.png) no-repeat 99% 50%;
	line-height: 40px;
	cursor: pointer;
}

.header .breadcrumbs .crumb-item.on .crumb {
	color: #7451c0;
	background: url(../images/icon/icon_arr_bottom03.png) no-repeat 99% 50%;
} /* on */
.header .breadcrumbs .crumb-item.no-link .crumb {
	background: none !important;
	cursor: text;
}

.header .breadcrumbs .crumb-item:first-child .crumb {
	padding-left: 0;
}

.header .breadcrumbs .crumb-item .menu-list {
	display: none;
	position: absolute;
	left: 0;
	top: 40px;
	min-width: 160px;
	padding: 15px 0;
	box-sizing: border-box;
	border: 1px solid #c2c2c2;
	background-color: #fff;
}

.header .breadcrumbs .crumb-item .menu-list .menu-item {
	position: relative;
	margin: 0 -1px;
	white-space: nowrap;
}
/* 메뉴 리스트 넓이 제한 */
.header .breadcrumbs .crumb-item .menu-list.max-w {
	width: 260px;
}

.header .breadcrumbs .crumb-item .menu-list.max-w .menu-item {
	white-space: normal;
}

.header .breadcrumbs .crumb-item .menu-list .menu-item .title {
	display: block;
	padding: 11px 20px;
	color: #777;
	font-size: 14px;
	cursor: pointer;
}

.header .breadcrumbs .crumb-item .menu-list .menu-item span.title {
	padding-right: 65px;
}

.header .breadcrumbs .crumb-item .menu-list .menu-item span.title:after
	{
	content: '';
	display: inline-block;
	width: 20px;
	height: 22px;
	margin-left: 4px;
	background: url(../images/icon/icon_arr_right02.png) no-repeat 50% 50%;
	vertical-align: top;
}

.header .breadcrumbs .crumb-item .menu-list .menu-item .list {
	display: none;
	position: absolute;
	left: 100%;
	top: 0;
	min-width: 250px;
	margin-left: -1px;
	padding: 15px 0;
	border: 1px solid #c2c2c2;
	background-color: #fff;
}

.header .breadcrumbs .crumb-item .menu-list .menu-item:hover .title {
	background-color: #7451c0;
	color: #fff;
} /* hover */
.header .breadcrumbs .crumb-item .menu-list .menu-item:hover .list {
	display: block;
} /* hover */
.header .breadcrumbs .crumb-item .menu-list .menu-item .list .link {
	display: block;
	padding: 5px 20px;
	font-size: 14px;
}

.header .breadcrumbs .crumb-item .menu-list .menu-item .list .link:hover
	{
	color: #7451c0;
	font-weight: 600;
} /* hover */
.header .breadcrumbs .btn-allmenu {
	display: none;
	top: -10px;
}

.scroll .header .breadcrumbs .btn-allmenu {
	display: block;
}

.header .page-title-area {
	background-color: rgba(255, 255, 255, .98);
	text-align: center;
}

.header .page-title-area .inner-box {
	display: inline-block;
	position: relative;
}

.header .page-title-area .page-title {
	height: 85px;
	padding-right: 38px;
	background: url(../images/icon/icon_arr_bottom01.png) no-repeat 100% 50%;
	color: #111;
	font-size: 30px;
	font-weight: 600;
	line-height: 85px;
	cursor: pointer;
}

.header .page-title-area.no-link .page-title {
	padding-right: 0 !important;
	background: none !important;
	cursor: text;
}

.header .page-title-area .layer {
	display: none;
	position: absolute;
	left: 0;
	top: 75px;
	min-width: 100%;
	padding: 24px 0;
	border: 1px solid #c2c2c2;
	background-color: #fff;
	white-space: nowrap;
}

.header .page-title-area .layer.max-w {
	width: 400px;
	white-space: normal;
}

.header .page-title-area .layer .link {
	display: block;
	margin: 0 -1px;
	padding: 10px 25px;
	color: #777;
	font-size: 17px;
	text-align: left;
}

.header .page-title-area .layer .link:hover {
	color: #fff;
	background-color: #7451c0;
} /* hover */
.header .btn-allmenu {
	position: absolute;
	right: 4px;
	top: 47px;
	z-index: 5;
	width: 60px;
	height: 60px;
}

.header .btn-allmenu .icon {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 27px;
	height: 20px;
	margin: -10px 0 0 -13px;
	box-sizing: border-box;
	border-top: 2px solid #fff;
	border-bottom: 2px solid #fff;
	font-size: 0;
	text-indent: -9999px;
	line-height: 0;
}

.header .btn-allmenu .icon:before, .header .btn-allmenu .icon::before {
	content: '';
	position: absolute;
	top: 50%;
	right: 0;
	width: 27px;
	height: 2px;
	margin-top: -1px;
	background-color: #fff;
}

.header .btn-allmenu.close {
	background-image: url(../images/icon/btn_close01.png);
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

.header .btn-allmenu.close .icon {
	display: none;
}

/* 전체메뉴 */
.menu-dimmed {
	display: none;
	position: fixed;
	left: 0;
	right: 0;
	top: 110px;
	bottom: 0;
	z-index: 50;
	background-color: rgba(0, 0, 0, .85);
}

.all-menu-layer {
	display: none;
	position: absolute;
	left: 0;
	right: 0;
	top: 110px;
	z-index: 55;
	/*min-width:1280px;*/
	min-width: 1005px;
	padding: 40px 0;
	box-sizing: border-box;
	background-color: #fff;
}

.scroll .all-menu-layer {
	position: fixed;
	top: 40px;
} /* scroll */
.all-menu-layer .all-menu-box {
	position: relative;
	width: 100%;
	max-width: 1280px;
	height: 100%;
	margin: 0 auto;
}

.all-menu-layer a:hover {
	text-decoration: underline !important;
} /* hover */
.all-menu-layer .inner-box {
	overflow: hidden;
	position: relative;
	width: 100% !important;
	max-width: 1280px;
	height: 100%;
	margin: 0 auto;
	box-sizing: border-box;
	border-left: 1px solid #e5e5e5;
	border-right: 1px solid #e5e5e5;
}

.all-menu-layer .menu-box {
	float: left;
	width: 16.66666666666667%;
}

.all-menu-layer .inner-box:before, .all-menu-layer .inner-box:after,
	.all-menu-layer .menu-box:first-child:before, .all-menu-layer .menu-box:first-child:after,
	.all-menu-layer .menu-box:last-child:before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	width: 1px;
	background-color: #e5e5e5;
}

.all-menu-layer .inner-box:before {
	left: 16.5%;
}

.all-menu-layer .inner-box:after {
	left: 33.2%;
}

.all-menu-layer .menu-box:first-child:before {
	left: 49.7%;
}

.all-menu-layer .menu-box:first-child:after {
	left: 66.2%;
}

.all-menu-layer .menu-box:last-child:before {
	left: 82.8%;
}

.all-menu-layer .menu-box .b-title {
	padding: 2px 20px;
	color: #111;
	font-size: 20px;
	font-weight: 900;
}

.all-menu-layer .menu-box .list-area a.title:hover .txt {
	text-decoration: underline;
}

.all-menu-layer .menu-box .list-area .title {
	display: block;
	position: relative;
	padding: 13px 20px 13px 20px;
	color: #111;
	font-size: 16px;
	font-weight: 600;
	line-height: 1.2;
}

.all-menu-layer .menu-box .list-area a.title .txt {
	display: inline-block;
	padding-right: 18px;
}

.all-menu-layer .menu-box .list-area a.title .txt:after {
	content: '';
	display: inline-block;
	position: absolute;
	right: 20px;
	top: 50%;
	width: 8px;
	height: 14px;
	margin-top: -7px;
	background: url(../images/icon/icon_arr_right03.png) no-repeat 50% 50%;
}

.all-menu-layer .menu-box .list-area .list {
	padding-bottom: 8px;
}

.all-menu-layer .menu-box .list-area .link {
	display: block;
	padding: 3px 20px;
	color: #777;
	line-height: 1.2;
}

.all-menu-layer .handle-box {
	left: inherit !important;
	right: 0;
	opacity: 0;
}

.all-menu-layer .all-menu-box:hover .handle-box {
	opacity: 1;
}

.all-menu-layer .enscroll-track {
	width: 8px;
	background-color: #f1f1f1;
}

.all-menu-layer .enscroll-track .handle {
	display: block;
	width: 8px;
	background-color: #c1c1c1;
}

.all-menu-layer .enscroll-track .handle div {
	display: none;
}

.sub-text-area {
	margin-top: -23px;
	color: #111;
	font-size: 18px;
	text-align: center;
	position: relative;
}

.sub-text-area .f-style {
	font-size: 18px;
	font-weight: 900;
}

/*
	스크롤시 해더 변환
*/
.container, .header .btn-allmenu, .gnb-area .gnb-list .gnb-item .gnb-depth
	{
	transition: top .2s;
}

.header .page-title-area, .header .page-title-area .page-title {
	transition: all .5s;
}

.header .head-fix-box {
	
}

.header .page-title-area .sub-depth-wrap {
	padding: 15px 0;
}

.header .page-title-area .sub-depth {
	display: inline-block;
}

.header .page-title-area .sub-depth>span {
	display: block;
	float: left;
	margin-right: 10px;
}

.header .page-title-area .sub-depth>span.step-icon {
	position: relative;
	height: 30px;
	border-radius: 100%;
	padding-left: 30px;
}

.header .page-title-area .sub-depth>span.hastext {
	padding-left: 40px;
	line-height: 28px;
}

.header .page-title-area .sub-depth>span.step-icon:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 28px;
	height: 28px;
	line-height: 24px;
	color: #9ea2aa;
	border: 2px solid #9ea2aa;
	border-radius: 100%;
	font-size: 18px;
	font-weight: 900;
	text-align: center;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}

.header .page-title-area .sub-depth>span.step-icon.step1:before {
	content: "1";
}

.header .page-title-area .sub-depth>span.step-icon.step2:before {
	content: "2";
}

.header .page-title-area .sub-depth>span.step-icon.step3:before {
	content: "3";
}

.header .page-title-area .sub-depth>span.step-icon.on {
	font-size: 22px;
	color: #7451c0;
	font-weight: 600;
}

.header .page-title-area .sub-depth>span.step-icon.on:before {
	border: 2px solid #7451c0;
	color: #fff;
	background-color: #7451c0;
}

.header .page-title-area .sub-depth>span.step-icon.done:before {
	border: 2px solid #7451c0;
	background: url('../images/img/img-check-done.png') center no-repeat;
}

.header .page-title-area .sub-depth>span.ellipsis {
	width: 20px;
	height: 30px;
	position: relative;
}

.header .page-title-area .sub-depth>span.ellipsis:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 20px;
	height: 30px;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: 0px 13px;
	background-image: url(../images/img/img-ellipsis.png);
}

.header .page-title-area .sub-depth>span.ellipsis.on:before {
	background-image: url(../images/img/img-ellipsis-on.png);
}

.scroll .header .head-fix-box {
	position: fixed;
	top: 0;
	background: #c80040;
}

.bgColor1.scroll .header .breadcrumbs {
	background: url(../images/bg/bg_header.png) no-repeat 100% 50%
}

.scroll .header .page-title-area {
	box-shadow: 2px 3px 8px rgba(0, 0, 0, .1);
}

.scroll .header .page-title-area .page-title {
	height: 85px;
	font-size: 26px;
	line-height: 85px;
}

.scroll .header .page-title-area .page-title {
	padding-right: 28px;
	background: url(../images/icon/icon_arr_bottom02.png) no-repeat 100% 50%;
}

.scroll .header .breadcrumbs .crumb-item .crumb {
	background: url(../images/icon/icon_arr_right02.png) no-repeat 100% 50%;
	color: #fff !important;
}

.scroll .gnb-area .gnb-list .gnb-item .gnb-depth {
	top: 40px;
}

.scroll .header .head-inner .utill .link.login {
	position: absolute;
	right: 50px;
	top: 118px;
	z-index: 50;
	color: #fff;
}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------
	메뉴별 색상 변환
--------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/*
	금융
*/
.bgColor2 .header, .bgColor2 .header .breadcrumbs .crumb-item .menu-list .menu-item:hover .title,
	.bgColor2 .header .page-title-area .layer .link:hover {
	background-color: #27393d;
} /* hover */
.bgColor2 .gnb-area .gnb-list .gnb-item .item:before {
	background-color: #94e6a8;
}

.bgColor2 .header .head-inner .utill .link:first-child {
	color: #7dc3c3;
}

.bgColor2 .gnb-area .gnb-list .gnb-item.on .item, .bgColor2 .gnb-area .gnb-list .gnb-item.active .item
	{
	color: #fff;
} /* on */
.bgColor2 .header .breadcrumbs .crumb-item.on .crumb, .bgColor2 .header .breadcrumbs .crumb-item .menu-list .menu-item .list .link:hover
	{
	color: #27393d;
} /* hover */
.bgColor2.scroll .header .head-fix-box {
	background: #18a5b6 url(../images/bg/bg_header02.png) no-repeat 100% 50%;
}
/* 버튼 */
.bgColor2 .btn-text {
	background-color: #216871;
}

.bgColor2 .btn-text:hover {
	background-color: #27474b;
} /* hover */
.bgColor2 .btn-text.type1 {
	border-color: #216871;
	background-color: #fff;
	color: #216871;
}

.bgColor2 .btn-text.type1:hover {
	border-color: #274755;
	background-color: #f7f7f7;
	color: #274755;
} /* hover */
.bgColor2 .btn-text.disabled {
	background-color: #e6e6e6;
	color: #b3b3b3;
	cursor: not-allowed;
}
/* 달력 */
.bgColor2 .ui-datepicker-calendar tbody td.ui-datepicker-current-day a {
	background-color: #27393d;
}

/*
	이벤트
*/
.bgColor3 .header, .bgColor3 .header .breadcrumbs .crumb-item .menu-list .menu-item:hover .title,
	.bgColor3 .header .page-title-area .layer .link:hover {
	background-color: #2c324d;
} /* hover */
.bgColor3 .gnb-area .gnb-list .gnb-item .item:before {
	background-color: #b4a6f5;
}

.bgColor3 .header .head-inner .utill .link:first-child {
	color: #8fa4d1;
}

.bgColor3 .gnb-area .gnb-list .gnb-item.on .item, .bgColor3 .gnb-area .gnb-list .gnb-item.active .item
	{
	color: #fff;
} /* on */
.bgColor3 .header .breadcrumbs .crumb-item.on .crumb, .bgColor3 .header .breadcrumbs .crumb-item .menu-list .menu-item .list .link:hover
	{
	color: #27393d;
} /* hover */
.bgColor3.scroll .header .head-fix-box {
	background: #4b589c url(../images/bg/bg_header03.png) no-repeat 100% 50%;
}
/* 버튼 */
.bgColor3 .btn-text {
	background-color: #4e5999;
}

.bgColor3 .btn-text:hover {
	background-color: #3f4366;
} /* hover */
.bgColor3 .btn-text.type1 {
	border-color: #216871;
	background-color: #fff;
	color: #216871;
}

.bgColor3 .btn-text.type1:hover {
	border-color: #4e5999;
	background-color: #f7f7f7;
	color: #4e5999;
} /* hover */
.bgColor3 .btn-text.disabled {
	background-color: #e6e6e6;
	color: #b3b3b3;
	cursor: not-allowed;
}
/* 달력 */
.bgColor3 .ui-datepicker-calendar tbody td.ui-datepicker-current-day a {
	background-color: #27393d;
}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------
	컨텐츠
--------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.content {
	width: 1000px;
	margin: auto;
}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------
	푸터
--------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.footer {
	position: relative;
	background-color: #f7f7f7;
	color: #555;
	font-size: 14px;
	font-weight: 600;
	z-index: 100;
}

.footer:before {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: 62px;
	height: 1px;
	background-color: #ededed;
}

.footer .inner-box {
	position: relative;
	width: 100%;
	max-width: 1320px;
	margin: 0 auto;
	padding: 0 10px;
	box-sizing: border-box;
}

.footer .info-area {
	height: 250px;
	padding-top: 20px;
	box-sizing: border-box;
}

.footer .info-area .customer-call {
	color: #111;
	font-weight: 900;
}

.footer .info-area .list {
	margin-top: 14px;
}

.footer .info-area .list li {
	margin-top: 3px;
}

.footer .info-area .list li {
	margin-top: 0;
}

.footer .info-area .list li strong {
	font-weight: 900;
}

.footer .info-area address, .footer .info-area .licensee {
	font-size: 13px;
}

.footer .info-area address {
	display: block;
	margin-top: 28px;
}

.footer .info-area .copyright {
	font-size: 12px;
}

.footer .notice-list {
	position: absolute;
	left: 50%;
	top: 50px;
	width: 50%;
	padding: 0 20px 0 83px;
	box-sizing: border-box;
}

.footer .notice-list .title {
	position: absolute;
	left: 0;
	top: 0;
	color: #7451c0;
	font-weight: 600;
}

.footer .notice-list .list .item {
	display: block;
	overflow: hidden;
	width: 100%;
	margin-top: 5px;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.footer .notice-list .list .item:first-child {
	margin-top: 0;
}

.footer .notice-list .list .item:hover {
	text-decoration: underline;
}

.footer .foot-bottom {
	height: 62px;
	padding-top: 15px;
	box-sizing: border-box;
}

.footer .foot-bottom:after {
	content: '';
	display: block;
	clear: both;
}

.footer .foot-bottom .utill-menu {
	overflow: hidden;
	float: left;
}

.footer .foot-bottom .utill-menu .item {
	float: left;
	position: relative;
	padding: 0 13px 0 14px;
	color: #111;
	font-size: 13px;
	line-height: 30px;
}

.footer .foot-bottom .utill-menu .item:before {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	width: 1px;
	height: 10px;
	margin-top: -5px;
	background-color: #d5d5d5;
}

.footer .foot-bottom .utill-menu .item:first-child {
	padding-left: 0;
}

.footer .foot-bottom .utill-menu .item:first-child:before {
	display: none;
}

.leng-select {
	display: inline-block;
	position: relative;
}

.footer .foot-bottom .leng-select {
	float: left;
	margin-left: 5px;
}

.leng-select .btn {
	min-width: 130px;
	height: 30px;
	padding: 0 10px;
	box-sizing: border-box;
	border: 1px solid #ccc;
	background-image: url(../images/icon/icon_leng_off.png);
	background-repeat: no-repeat;
	background-position: 100% 50%;
	color: #111;
	font-size: 14px;
	text-align: left;
	line-height: 28px;
}

.leng-select.on .btn {
	border-color: #111;
	background-color: #fff;
	background-image: url(../images/icon/icon_leng_on.png);
} /* on */
.leng-select .layer {
	display: none;
	position: absolute;
	left: 0;
	bottom: 29px;
	min-width: 100%;
	padding: 14px 0;
	box-sizing: border-box;
	border: 1px solid #111;
	border-bottom: 0;
	background-color: #fff;
}

.leng-select.on .layer {
	display: block;
} /* on */
.leng-select .layer .leng {
	display: block;
	margin-top: 5px;
	padding: 5px 10px;
	color: #111;
	font-size: 13px;
	font-weight: 400;
	line-height: 18px;
	white-space: nowrap;
}

.leng-select .layer .leng:first-child {
	margin-top: 0;
}

.leng-select .layer .leng:hover {
	background-color: #eee;
}

.leng-select .layer .leng.on {
	/*
	background-color:#503799;
	color:#fff;
	*/
	
}

.footer .foot-bottom .right-menu {
	float: right;
	position: relative;
	padding-right: 170px;
}

.footer .foot-bottom .right-menu:after {
	content: '';
	display: block;
	clear: both;
}

.footer .foot-bottom .sns-list {
	float: left;
	font-size: 0;
	line-height: 0;
}

.footer .foot-bottom .sns-list .item {
	margin-left: 14px;
}

.footer .foot-bottom .sns-list .item:first-child {
	margin-left: 0;
}

.footer .foot-bottom .right-menu .leng-select {
	position: absolute;
	right: 0;
	top: 0;
	margin-left: 0px;
}

/* ============================================================================================
	MY (마이페이지)
============================================================================================ */
/* 대출이용내역 (Web-03.02.01.html, Web-03.02.02.html) */
.mypage-cont .searth-box {
	margin-top: 30px;
}

.mypage-cont .searth-box.use-detail {
	margin-bottom: 70px;
}

.mypage-cont .searth-box .board {
	width: auto;
	padding-left: 50px;
}

.mypage-cont .matters-box1 {
	margin-top: 60px;
}

.mypage-cont:not (.deposit-history ) .box-list-wrap1 .number-len-box {
	border-top: 0;
}

/* 이벤트 참여내역 (MA-03.04.01.html) */
.box-list2 {
	border-top: 1px solid #111;
}

.box-list2 .box-item {
	display: block;
	padding: 13px 50px 19px;
	border-bottom: 1px solid #e0e0e0;
}

.box-list2 .box-item .b-title {
	color: #111;
	font-size: 16px;
	font-weight: 400;
	line-height: 32px;
}

.box-list2 .box-item .info-list .item {
	color: #777;
	font-size: 15px;
	font-weight: 400;
	line-height: 23px;
}

.box-list2 .box-item .info-list .item.fcolor {
	color: #e21c24;
}

/* 이벤트상세 (MA-03.04.02.html) */
.board-view {
	border-top: 1px solid #262626;
}

.board-view .title-area {
	position: relative;
	padding: 24px 0 20px;
	border-bottom: 1px solid #e0e0e0;
}

.board-view .title-area .title {
	margin-bottom: 10px;
	color: #111;
	font-size: 23px;
	font-weight: 600;
}

.board-view .title-area .text-area {
	overflow: hidden;
	color: #777;
}

.board-view .title-area .text-area.f-color {
	color: #e21c24;
}

.board-view .title-area .text-area dt {
	clear: both;
	float: left;
}

.board-view .title-area .text-area dd {
	float: left;
	margin-left: 4px;
}

.board-view .title-area .btn-icon-link2 {
	margin-top: 7px;
}

.board-view .b-cont {
	padding-top: 65px;
}

.board-view .b-cont .b-title {
	margin-top: -65px;
	padding: 44px 20px;
	color: #111;
	font-size: 25px;
	font-weight: 600;
	text-align: center;
}

.board-view.type2 .title-area {
	padding-right: 100px;
	padding-bottom: 25px;
}

.board-view.type2 .share-area {
	position: absolute;
	right: 0;
	top: 30px;
	font-size: 0;
}

.board-view.type2 .share-area .share {
	margin-left: 4px;
}

.board-view.type2 .share-area .share:first-child {
	margin-left: 0;
}

.board-view.type2 .text-area {
	line-height: 25px;
}

.board-view.type2 .text-area .label {
	display: inline-block;
	margin-right: 14px;
	padding: 0 17px;
	height: 25px;
	border-radius: 10px;
	background-color: #5d30a6;
	color: #fff;
	font-size: 17px;
	font-weight: 600;
	line-height: 24px;
}

.board-view.type2 .b-cont {
	padding-top: 0;
}

.sub-list {
	
}

.sub-list .item {
	position: relative;
	padding-left: 12px;
}

.sub-list .item:before {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	top: 15px;
	width: 3px;
	height: 1px;
	background-color: #4c4c4c;
}

/* ============================================================================================
	Loan (대출)
============================================================================================ */
/* 메인 (MA-05.01.01.html) */
.number-len-box {
	padding: 18px 50px;
	border-top: 1px solid #111;
	color: #111;
	font-size: 16px;
	position: relative;
}

.box-list-wrap1 {
	margin-top: 35px;
}

.box-list-wrap1 .btn-top-area {
	margin-bottom: 30px;
}

.box-list-wrap1 .btn-top-area.right {
	text-align: right;
}

.box-list-wrap1 .box-list {
	border-top: 1px solid #111;
}

.box-list-wrap1 .box-list .box-item {
	display: block;
	position: relative;
	padding: 20px 320px 20px 50px;
	border-bottom: 1px solid #f2f2f2;
}

.box-list-wrap1 .box-list .box-item.paydate {
	padding-bottom: 30px;
}

.box-list-wrap1 .box-list .box-item .inner-link {
	display: block;
}

.box-list-wrap1 .box-list .box-item .title {
	color: #111;
	font-size: 18px;
	font-weight: 600;
}

.box-list-wrap1 .box-list .box-item .inner-link:hover .title {
	text-decoration: underline;
} /* hover */
.box-list-wrap1 .box-list .box-item .text {
	margin-top: 4px;
	color: #777;
	font-size: 14px;
}

.box-list-wrap1 .box-list .box-item .btn-area {
	position: absolute;
	right: 50px;
	top: 50%;
	margin-top: -20px;
}

.box-list-wrap1 .box-list .box-item .btn-area .btn-icon-link1 {
	margin-left: 32px;
}

.box-list-wrap1 .box-list .box-item .btn-area .btn-icon-link1:first-child
	{
	margin-left: 0;
}

.box-list-wrap1 .box-list .box-item .btn-area .box-stat {
	display: inline-block;
	height: 40px;
	padding: 0 15px;
	box-sizing: border-box;
	border-radius: 4px;
	border: 1px solid #7b7b7b;
	line-height: 38px;
}

.box-list-wrap1 .box-list .box-item .btn-area .box-stat.type2 {
	border-color: #e43762;
	color: #e43762;
}

.box-list-wrap1 .box-list .box-item .btn-area .box-color-stat {
	display: inline-block;
	position: relative;
	width: 110px;
	height: 40px;
	box-sizing: border-box;
	border-radius: 4px;
	background-color: #4b68a3;
	color: #fff;
	text-align: center;
}

.box-list-wrap1 .box-list .box-item .btn-area .box-color-stat.type2 {
	background-color: #e43762;
}

.box-list-wrap1 .box-list .box-item .btn-area .box-color-stat.type3 {
	background-color: #acacac;
}

.box-list-wrap1 .box-list .box-item .btn-area .box-color-stat em {
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	line-height: 17px;
}
/* 20181217 sjbaek 원금/이자/이율과 최종금액 겹침현상 수정 */
.box-list-wrap1 .box-list .box-item .price-info {
	position: absolute;
	right: 50px;
	top: 65%;
	margin-top: -12px;
}

.box-list-wrap1 .box-list .box-item .price-info.haswid {
	top: 50%;
}

.box-list-wrap1 .box-list .box-item .price-info:after {
	content: '';
	display: block;
	clear: both;
}

.box-list-wrap1 .box-list .box-item .price-info .price {
	float: left;
	position: relative;
	padding-right: 31px;
	line-height: 24px;
}

.box-list-wrap1 .box-list .box-item .price-info .price:before {
	content: '';
	position: absolute;
	right: 15px;
	top: 50%;
	width: 1px;
	height: 12px;
	margin-top: -6px;
	background-color: #a9a9a9;
}

.box-list-wrap1 .box-list .box-item .price-info .price.wid {
	width: 100%;
	margin-top: -12px;
}

.box-list-wrap1 .box-list .box-item .price-info .price.wid,
	.box-list-wrap1 .box-list .box-item .price-info .price:last-child {
	padding-right: 0;
}

.box-list-wrap1 .box-list .box-item .price-info .price.wid:before,
	.box-list-wrap1 .box-list .box-item .price-info .price:last-child:before
	{
	display: none;
}

.box-list-wrap1 .box-list .box-item .price-info strong {
	font-weight: 600;
}
/* 20181217 sjbaek 원금/이자/이율과 최종금액 겹침현상 수정 */
.box-list-wrap1 .box-list .box-item .all-price {
	position: absolute;
	right: 50px;
	top: 35%;
	margin-top: -20px;
	color: #111;
	font-size: 20px;
	font-weight: 600;
	line-height: 40px;
}

.box-list-wrap1 .box-list .box-item .all-price em {
	margin-left: 4px;
	font-size: 16px;
	font-weight: 400;
}

/* 결제일변경 (03.14.01) */
.box-list-wrap1.paydate {
	margin-top: 0;
}

.box-list-wrap1 .box-list .box-item .term-info {
	position: absolute;
	left: 485px;
	top: 65%;
	margin-top: -22px;
}

.box-list-wrap1 .box-list .box-item .term-info:after {
	content: '';
	display: block;
	clear: both;
}

.box-list-wrap1 .box-list .box-item .term-info .price {
	float: left;
	position: relative;
	padding-right: 31px;
	line-height: 24px;
	font-size: 14px;
	color: #777;
}

.box-list-wrap1 .box-list .box-item .term-info .price.wid {
	width: 100%;
	margin-top: -12px;
}

.box-list-wrap1 .box-list .box-item .term-info .price.wid,
	.box-list-wrap1 .box-list .box-item .term-info .price:last-child {
	padding-right: 0;
}

.box-list-wrap1 .box-list .box-item .term-info strong {
	font-weight: 600;
}

.box-list-wrap1 .box-list .box-item .term-text {
	position: absolute;
	right: 50px;
	top: 50%;
	margin-top: -24px;
	width: 200px;
	text-align: right;
	color: #111;
	font-size: 14px;
	line-height: 24px;
}

.no-result {
	margin-top: 35px;
	padding: 150px 0 75px;
	border-top: 1px solid #262626;
	border-bottom: 1px solid #e0e0e0;
	background: url(../images/icon/no-result.png) no-repeat 50% 80px;
	color: #4c4c4c;
	font-size: 16px;
	text-align: center;
}

/* 신용대출 (MA-05.01.02.html) */
.price-box-area {
	overflow: hidden;
	position: relative;
	margin-top: 18px;
	background-color: #f7f7f7;
}

.price-box-area:before {
	content: '';
	position: absolute;
	left: 50%;
	top: 45px;
	bottom: 52px;
	width: 2px;
	margin-left: -1px;
	background-color: #b2b2b2;
}

.price-box-area .box {
	float: left;
	width: 50%;
	padding: 43px 0 40px;
	box-sizing: border-box;
	text-align: center;
}

.price-box-area .box .title {
	color: #216871;
	font-size: 20px;
	font-weight: 900;
}

.price-box-area .box .number-area {
	color: #111;
	font-size: 20px;
	line-height: 1.3;
}

.price-box-area .box .number-area .number {
	display: inline-block;
	margin-right: 15px;
	font-size: 45px;
	font-weight: 900;
}

.price-box-area .box:first-child .number-area .number {
	margin: 0 0 0 10px;
}

.price-box-area .box .number-area .number em {
	font-weight: 400;
}

.customer-call-box {
	position: relative;
	padding: 50px 0 50px 280px;
}

.btn-btm-area+.customer-call-box.type2 {
	margin-top: 80px;
}

.customer-call-box.type2 {
	background-color: #fafafa;
}

.customer-call-box .phone-number {
	position: absolute;
	left: 50px;
	top: 78px;
	display: inline-block;
	height: 45px;
	background: url(../images/icon/icon_call.png) no-repeat 0 50%;
	padding: 0 0 0 55px;
	color: #111;
	font-size: 30px;
	font-weight: 600;
	font-weight: 900;
	line-height: 45px;
}

.customer-call-box .list {
	display: inline-block;
	position: relative;
	padding: 4px 0 3px 37px;
	font-size: 0;
	width: 100%;
}

.customer-call-box .list:before {
	content: '';
	position: absolute;
	left: 0;
	top: 10px;
	bottom: 10px;
	width: 1px;
	background-color: #b2b2b2;
}

.customer-call-box .list>ul {
	margin-bottom: 15px;
}

.customer-call-box .list>ul:last-child {
	margin-bottom: 0;
}

.customer-call-box .list li {
	display: inline-block;
	position: relative;
	padding-left: 27px;
	background-image: url(../images/icon/icon_time.png);
	background-repeat: no-repeat;
	background-position: 0 2px;
	color: #434343;
	font-size: 15px;
	text-align: left;
	line-height: 1.3;
	width: 50%;
	box-sizing: border-box;
}

.customer-call-box .list li .f-color {
	display: block;
	color: #111;
}

.notice-area {
	padding: 20px 50px 0;
}

.loan-step-list {
	position: relative;
	margin: -36px -50px;
	padding: 40px 50px;
	background-color: #fafafa;
}

.loan-step-list:before {
	content: '';
	position: absolute;
	left: 91px;
	top: 45px;
	bottom: 60px;
	width: 1px;
	background-color: #e6e6e6;
}

.loan-step-list .step-item {
	position: relative;
	min-height: 82px;
	margin-top: 60px;
	padding: 13px 0 0 115px;
	box-sizing: border-box;
	color: #737373;
	font-size: 16px;
}

.loan-step-list .step-item:first-child {
	margin-top: 0;
}

.loan-step-list .step-item .step {
	position: absolute;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 82px;
	height: 82px;
	border-radius: 50%;
	background-color: #e6e6e6;
}

.loan-step-list .step-item .step .inner {
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	color: #737373;
	font-size: 14px;
	text-align: center;
}

.loan-step-list .step-item .step .inner em {
	display: block;
	margin-top: -4px;
	color: #111;
	font-size: 24px;
	font-weight: 600;
}

.loan-step-list .step-item strong {
	display: block;
	margin-bottom: 5px;
	color: #111;
	font-size: 18px;
	font-weight: 600;
}

.loan-list-wrap .notice-area {
	padding: 15px 20px 0;
}

/* 대출접수완료 (MA-05.03.02.html) */
.complated-img-cont {
	padding-bottom: 207px;
	background: url(../images/bg/bg_complate02.jpg) no-repeat 50% bottom;
	text-align: center;
}

.complated-img-cont .title {
	padding-top: 85px;
	color: #111;
	font-size: 28px;
	font-weight: 600;
	line-height: 34px;
	background: url(../images/bg/bg_complate01.png) no-repeat 50% 0;
}

.complated-img-cont .text {
	margin-top: 5px;
	color: #737373;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
}

/* 예상상환스케줄 (MA-05.06.01.html) */
.searth-box {
	padding-top: 25px;
	border-radius: 10px;
	background-color: #f7f7f7;
}

.searth-box .false-text {
	padding-top: 3px;
	margin-bottom: -31px;
}

.searth-box .board {
	width: 600px;
	margin: 0 auto;
	padding-bottom: 5px;
}

.searth-box .board th, .searth-box .board td {
	height: 40px;
	padding: 15px 0;
	text-align: left;
}

.searth-box .board td input[type=text], .searth-box .board td input[type=number],
	.searth-box .board td input[type=tel], .searth-box .board td input[type=password]
	{
	width: 100%;
}

.searth-box .board .unit-area {
	position: relative;
	padding-right: 40px;
}

.searth-box .board .unit-area .unit-text {
	color: #4c4c4c;
	position: absolute;
	right: 0;
	top: 50%;
	min-width: 28px;
	margin-top: -11px;
}

.searth-box .board .info-text {
	padding: 5px 0;
	color: #111;
	font-size: 18px;
	font-weight: 900;
}

.searth-box .btn-area {
	margin: 0 50px;
	padding: 15px 0 30px;
	border-top: 1px solid #e0e0e0;
	text-align: center;
}

.searth-box .btn-text {
	margin-left: 8px;
}

.searth-box .btn-text:first-chid {
	margin-left: 0;
}

.searth-box .result-area {
	margin: 0 50px;
	padding: 38px 0 47px;
	border-top: 1px solid #e0e0e0;
	text-align: center;
}

.searth-box .result-area .price {
	color: #111;
	font-size: 40px;
	font-weight: 900;
}

.searth-box .result-area .text {
	margin-top: 8px;
	color: #737373;
	font-size: 16px;
}

.searth-box .result-area .interest {
	padding-top: 10px;
	color: #111;
	font-weight: 600;
}

.searth-box .result-area .interest .price {
	font-weight: 400;
}

.searth-box .result-area .interest .price strong {
	font-weight: 900;
}

.searth-box .result-area .btn-text {
	margin: 27px 0 -17px;
}

/* ============================================================================================
	이벤트
============================================================================================ */
/* 진행이벤트 (Web-07.01.01.html) */
.event-banner-slider {
	position: relative;
	height: 290px;
	margin-top: 65px;
	padding: 10px 60px 10px 0;
	/*background: url(../images/bg/bg_event_slider.jpg) no-repeat 0 0;*/
}

.event-banner-slider .bx-controls {
	margin: -63px 0 0 505px;
}

.event-banner-slider.btns-type1 .bx-controls-direction .bx-next {
	right: 60px;
}

.thumb-list-wrap {
	margin-top: 65px;
}

.sorting-list {
	max-width: 1000px;
	margin-bottom: 23px;
	font-size: 0;
	text-align: right;
}

.sorting-list .btn {
	position: relative;
	margin-left: 23px;
	padding-left: 10px;
	color: #777;
	font-size: 15px;
	font-weight: 600;
	text-align: left;
	line-height: 40px;
}

.sorting-list .btn:first-child {
	margin-left: 0;
}

.sorting-list .btn:before {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	width: 4px;
	height: 4px;
	margin-top: -2px;
	border-radius: 50%;
	background-color: #777;
}

.sorting-list .btn.on {
	color: #7451c0;
} /* on */
.sorting-list .btn.on:before {
	background-color: #7451c0;
} /* on */
.thumb-list-wrap .btn-area, .box-list-wrap1 .btn-area {
	margin-bottom: 10px;
}

.thumb-list1 {
	width: 1050px;
	margin: -60px 0 0 -35px;
}

.box-list .thumb-list1 {
	width: 100%;
	margin: 0;
}

.btn-top-area+.thumb-list1 {
	margin-top: -45px;
}

.thumb-list1:after {
	content: '';
	display: block;
	clear: both;
}

.thumb-list1 .thumb-item {
	float: left;
	position: relative;
	width: 310px;
	margin: 60px 0 0 35px;
}

.thumb-list1 .thumb-item:before {
	content: '';
	position: absolute;
	left: 15px;
	right: 15px;
	bottom: 0;
	height: 19px;
	box-shadow: 0px 5px 49px 15px rgba(0, 0, 0, .1);
	opacity: 0;
	transition: all .5s;
}

.thumb-list1 .thumb-item:after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 10;
	width: 0;
	height: 3px;
	background-color: #e43762;
	opacity: 0;
	transition: all .3s;
}

.thumb-list1 .thumb-item:hover:before {
	opacity: 1;
} /* hover */
.thumb-list1 .thumb-item:hover:after {
	width: 100%;
	opacity: 1;
} /* hover */
.thumb-list1 .thumb-item .inner-box {
	display: block;
	position: relative;
	z-index: 5;
	background-color: #fff;
}

.thumb-list1 .thumb-item .img-area {
	overflow: hidden;
	height: 205px;
	font-size: 0;
	line-height: 0;
}

.thumb-list1 .thumb-item .img-area img {
	width: 100%;
	transition: all 1s;
}

.thumb-list1 .thumb-item:hover .img-area img {
	transform: scale(1.1);
	transition: all 2s;
} /* hover */
.thumb-list1 .thumb-item .text-area {
	min-height: 145px;
	padding-top: 28px;
	box-sizing: border-box;
	text-align: center;
}

.thumb-list1 .thumb-item .text-area .title {
	overflow: hidden;
	height: 54px;
	color: #111;
	font-size: 18px;
	font-weight: 600;
}

.thumb-list1 .thumb-item .text-area .text {
	margin-top: 10px;
	color: #777;
}

.thumb-list1 .ico-division {
	display: inline-block;
	min-width: 94px;
	height: 25px;
	margin: 15px 0 32px;
	padding: 0 20px;
	border-radius: 4px;
	box-sizing: border-box;
	color: #fff;
	font-size: 14px;
	font-weight: 600;
	line-height: 25px;
	text-align: center;
}

.thumb-list1 .ico-division.bg-color1 {
	background-color: #e43762;
}

.thumb-list1 .ico-division.bg-color2 {
	background-color: #4b68a3;
}

.thumb-list1 .ico-division.bg-color3 {
	background-color: #acacac;
}

/* 이벤트 상세 (Web-07.01.02.html) */
.view-edit-cont {
	
}

.view-edit-cont .img-area {
	margin-top: 60px;
	text-align: center;
	font-size: 0;
}

.view-edit-cont .img-area:first-child {
	margin-top: 0;
}

.view-edit-cont .view-list {
	color: #777;
}

.view-edit-cont .view-list .title {
	margin-top: 12px;
	font-weight: 600;
}

.view-edit-cont .view-list .text {
	
}

.view-edit-cont .view-list .f-color {
	color: #999;
}

.view-edit-cont .view-list .logo-list {
	overflow: hidden;
}

.view-edit-cont .view-list .logo-list .logo {
	overflow: hidden;
	float: left;
	font-size: 0;
	width: 115px;
	height: 82px;
}

.view-edit-cont .view-list .logo-list .logo img {
	width: 100%;
}

.view-edit-cont .qr-box-area {
	position: relative;
	padding: 58px 35px;
	border: 1px solid #e0e0e0;
	color: #111;
	font-weight: 600;
}

.view-edit-cont .qr-box-area .qr-code {
	position: absolute;
	left: 636px;
	top: 50%;
	height: 90px;
	margin-top: -45px;
	padding: 12px 0 0 160px;
	box-sizing: border-box;
	border-left: 1px solid #e0e0e0;
}

.view-edit-cont .qr-box-area .qr-code .qr-img {
	position: absolute;
	left: 50px;
	top: 0;
	font-size: 0;
	line-height: 0;
}

.view-edit-cont .notice-box {
	margin-top: 150px;
	padding-top: 34px;
	border: 1px solid #e0e0e0;
}

.view-edit-cont .notice-box .title {
	padding: 0 30px;
	color: #111;
	font-size: 18px;
	font-weight: 900;
}

.view-edit-cont .notice-box .list {
	margin-top: 22px;
	padding: 0 30px 25px;
	color: #777;
}

.view-edit-cont .notice-box .list li {
	margin-left: 11px;
	text-indent: -11px;
}

.view-edit-cont .notice-box .gray-box {
	padding: 30px;
	border-top: 1px solid #e0e0e0;
	background-color: #f7f7f7;
	color: #777;
}

.view-edit-cont .notice-box .gray-box .list2 {
	
}

.view-edit-cont .notice-box .gray-box .list2 li {
	margin: 5px 0 0 22px;
	font-size: 22px;
	font-weight: 600;
	text-indent: -22px;
}

.view-edit-cont .notice-box .gray-box .list3 {
	margin-top: 10px;
}

.view-edit-cont .notice-box .gray-box .list3 li {
	margin: 5px 0 0 14px;
	font-size: 14px;
	text-indent: -14px;
}

.view-edit-cont .notice-box .gray-box .list2 li:first-child,
	.view-edit-cont .notice-box .gray-box .list3 li:first-child {
	margin-top: 0;
}

/* 이벤트당첨확인 (Web-07.03.01.html) */
.box-list3 {
	margin-top: 60px;
	border-top: 1px solid #333;
}

.box-list3 .box-item {
	display: block;
	padding: 21px 50px;
	border-bottom: 1px solid #f2f2f2;
	font-weight: 400;
	line-height: 1.4;
}

.box-list3 .box-item p {
	color: #111;
	font-size: 16px;
}

.box-list3 .box-item .list {
	margin-top: 5px;
}

.box-list3 .box-item .list .item {
	color: #777;
	font-size: 15px;
}

/* ============================================================================================
	화원관리
============================================================================================ */
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------
	로그인
--------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* 아이디 (Web-02.01.01.html) */
.login-wrap {
	padding-top: 60px;
}

.login-box {
	padding: 70px 230px 70px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc;
}

.login-box:first-child {
	margin-top: 0;
}

.login-box.on {
	margin-top: 60px;
} /* on */
.login-box .error-text {
	color: #d93e5f;
	margin-top: 10px;
}

.login-box .form-area {
	position: relative;
	padding-right: 110px;
}

.login-box .form-area .form-item {
	position: relative;
	margin-top: 10px;
	padding-left: 90px;
}

.login-box .form-area .form-item:first-child {
	margin-top: 0;
}

.login-box .form-area .form-item label {
	position: absolute;
	left: 0;
	top: 0;
	font-size: 18px;
	font-weight: 600;
	line-height: 40px;
}

.login-box .form-area.type2 {
	padding-right: 0;
}

.login-box .form-area.type2 .form-item {
	padding-left: 70px;
}

.login-box .form-area.type3 {
	padding-right: 0;
}

.login-box .form-area.type3 .form-item {
	padding-left: 130px;
}

.login-box input {
	width: 100%;
}

.login-box input:focus {
	padding: 0 14px;
	border: 2px solid #e43762;
}

.login-box .form-area .btn-login {
	position: absolute;
	right: 0;
	top: 0;
	width: 100px;
	height: 90px;
	box-sizing: border-box;
	background-color: #e60039;
	color: #fff;
	font-size: 17px;
	font-weight: 600;
	text-align: center;
	line-height: 90px;
}

.login-box .link-area {
	margin-top: 10px;
	line-height: 40px;
	text-align: center;
}

.login-box .link-area a {
	display: inline-block;
	color: #999;
}

.login-box .link-area .link {
	position: relative;
	padding: 0 22px 0 24px;
	color: #999;
}

.login-box .link-area .link:before {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	width: 1px;
	height: 14px;
	margin-top: -7px;
	background-color: #a9a9a9;
}

.login-box .link-area .link:first-child:before {
	display: none;
}

.login-box .link-area a.link {
	color: #333;
}

.login-box .hashtags {
	overflow: hidden;
	margin-top: 32px;
	padding: 21px 0 0;
	border-top: 1px solid #e0e0e0;
	font-size: 0;
	margin-left: -7px;
}

.login-box .hashtags .tag {
	display: inline-block;
	margin: 14px 7px 0;
	padding: 0 14px;
	border-radius: 25px;
	border: 1px solid #e60039;
	color: #e60039;
	font-size: 15px;
	line-height: 28px;
}

.login-box .hashtags .tag:hover {
	color: #fff;
	background-color: #e60039;
	transition: all .3s;
} /* hover */
.banner-slider {
	position: relative;
	margin-top: 45px;
}

.banner-slider .slide-item {
	font-size: 0;
	line-height: 0;
}

.banner-slider .slide-item a {
	display: block;
}

.banner-slider .slide-item img {
	width: 100%;
}

.banner-slider .bx-controls {
	margin: -38px 0 0 15px;
}

.btns-type1 .bx-controls {
	font-size: 0;
}

.btns-type1 .bx-pager {
	display: inline-block;
	overflow: hidden;
}

.btns-type1 .bx-pager .bx-pager-item {
	float: left;
}

.btns-type1 .bx-pager .bx-pager-item .bx-pager-link {
	display: block;
	position: relative;
	width: 22px;
	height: 22px;
	font-size: 0;
	text-indent: -9999px;
	line-height: 0;
}

.btns-type1 .bx-pager .bx-pager-item .bx-pager-link:before {
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	width: 12px;
	height: 12px;
	margin: -6px 0 0 -6px;
	box-sizing: border-box;
	border-radius: 50%;
	border: 2px solid #161616;
}

.btns-type1 .bx-pager .bx-pager-item .bx-pager-link.active:before {
	background-color: #161616;
} /* active */
.btns-type1 .bx-controls-direction {
	display: none;
}

.btns-type1:hover .bx-controls-direction {
	display: inline-block;
} /* hover */
.btns-type1 .bx-controls-direction a {
	position: absolute;
	top: 50%;
	z-index: 5;
	width: 50px;
	height: 50px;
	margin-top: -25px;
	background-repeat: no-repeat;
	background-position: 0 0;
	font-size: 0;
	text-indent: -9999px;
	line-height: 0;
}

.btns-type1 .bx-controls-direction .bx-prev {
	left: 0;
	background-image: url(../images/icon/bx_prev02.png);
}

.btns-type1 .bx-controls-direction .bx-next {
	right: 0;
	background-image: url(../images/icon/bx_next02.png);
}

.btns-type1 .bx-controls-direction a.disabled {
	display: none;
}

.btns-type1 .bx-controls-auto {
	display: inline-block;
	position: relative;
	z-index: 5;
	vertical-align: top;
}

.btns-type1 .bx-controls-auto a {
	display: block;
	width: 28px;
	height: 22px;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

.btns-type1 .bx-controls-auto a.active {
	display: none;
}

.btns-type1 .bx-controls-auto .bx-start {
	background-image: url(../images/icon/bx_start02.png);
}

.btns-type1 .bx-controls-auto .bx-stop {
	background-image: url(../images/icon/bx_stop02.png);
}

/* 아이디찾기 (Web-02.01.01.2.html) */
.login-box.type2 {
	padding: 60px 280px 70px;
}

.login-box.type2.noborder {
	border: 0 none;
	padding-top: 20px;
	padding-bottom: 0px;
}

.login-box .find-title-area {
	margin-top: -10px;
	text-align: center;
}

.login-box.type2.noborder .find-title-area {
	margin-bottom: 30px;
}

.login-box .find-title-area .f-title {
	padding-bottom: 148px;
	background-image: url(../images/bg/bg_find01.png);
	background-repeat: no-repeat;
	background-position: 50% 100%;
	color: #111;
	font-size: 26px;
	font-weight: 900;
}

.login-box .find-title-area.type2 .f-title {
	background-image: url(../images/bg/bg_find02.png);
}

.login-box .find-title-area .text {
	margin-top: 28px;
	color: #4c4c4c;
	font-size: 17px;
}

.login-box .find-idpw-box, .login-box .form-area, .login-box .form-area2
	{
	padding-top: 30px;
}

.login-box .form-area:first-child {
	padding-top: 0;
}

/* 비밀번호찾기 > 비밀번호변경 (Web-02.01.01.1.4.html) */
.login-box.type2 {
	padding: 60px 280px 70px;
}

.login-box .find-idpw-box .id-text {
	width: 100%;
	height: 50px;
	box-sizing: border-box;
	border: 2px solid #333;
	color: #333;
	font-size: 18px;
	font-weight: 600;
	text-align: center;
	line-height: 46px;
}

.login-box .find-idpw-box .list {
	margin-top: 15px;
	padding: 0 14px;
}

.login-box .find-idpw-box .list li {
	margin-left: 8px;
	color: #777;
	font-size: 14px;
	text-indent: -8px;
}

.login-box .find-idpw-box .input-area {
	margin-top: 38px;
}

.login-box .find-idpw-box .input-area input {
	margin-top: 10px;
}

.login-box .find-idpw-box .input-area input:first-child {
	margin-top: 0;
}

/* 휴대폰OTP (Web-02.01.01.2.html) */
.form-area2 .form-item {
	position: relative;
	margin-top: 10px;
	padding-right: 170px;
}

.form-area2 .form-item:first-child {
	margin-top: 0;
}

.form-area2 .form-item .btn {
	display: inline-block;
	position: absolute;
	right: 0;
	top: 0;
	width: 160px;
	height: 40px;
	box-sizing: border-box;
	border-radius: 3px;
	background-color: #7b7b7b;
	color: #fff;
	text-align: center;
	line-height: 40px;
}

.form-area2 .form-item.certification {
	padding-right: 238px;
}

.form-area2 .form-item.recom-name {
	padding-right: 0;
}

.form-area2 .form-item .time {
	position: absolute;
	right: 170px;
	top: 0;
	color: #999;
	font-size: 20px;
	font-weight: 600;
	line-height: 40px;
}

.form-area2 .form-item input:focus+.btn, .form-area2 .form-item input:focus+.time+.btn
	{
	background-color: #e60039;
	transition: all .3s;
}

.form-area2 .form-item input:focus+.time {
	color: #e43762;
	transition: all .3s;
}

.board .form-area2 {
	max-width: 444px;
}

.board .form-area2 input {
	width: 100%;
}

/* SNS (Web-02.01.01.3.html) */
.login-box .sns-box-list {
	overflow: hidden;
	margin: -10px -42px 0;
}

.login-box .sns-box-list .sns-item {
	float: left;
	width: 50%;
	padding: 10px 5px 0;
	box-sizing: border-box;
}

.login-box .sns-box-list .sns-item .sns {
	display: block;
	height: 55px;
	padding-left: 77px;
	border-radius: 2px;
	color: #fff;
	font-weight: 600;
	text-align: center;
	line-height: 55px;
}

.login-box .sns-box-list .sns-item.item1 .sns {
	background: #1180c4 url(../images/member/icon_sns01.png) no-repeat 20px
		50%;
}

.login-box .sns-box-list .sns-item.item2 .sns {
	background: #de4535 url(../images/member/icon_sns02.png) no-repeat 25px
		50%;
}

.login-box .sns-box-list .sns-item.item3 .sns {
	background: #314a7e url(../images/member/icon_sns03.png) no-repeat 30px
		50%;
}

.login-box .sns-box-list .sns-item.item4 .sns {
	background: #fae100 url(../images/member/icon_sns04.png) no-repeat 18px
		50%;
	color: #2f262a;
}

.login-box .sns-box-list+.hashtags {
	margin-top: 52px;
}

/* 간편회원가입 (Web-02.02.01.1.html) */
.login-box .top-title {
	margin: -5px 0 24px;
	color: #4c4c4c;
	font-size: 17px;
	font-weight: 600;
	text-align: center;
}

.login-box .popup-text-area {
	margin-left: -250px;
	margin-right: -250px;
}

/* 정식회원가입 > 본인인증 (Web-02.02.02.html) */
.login-box.type3 {
	padding-left: 200px;
	padding-right: 200px;
}

/* 정식회원가입 > 개인정보등록 (Web-02.02.02.3.html) */
.member-cont {
	
}

.sub-txt-box {
	padding: 63px 0 40px;
	border-top: 1px solid #e0e0e0;
	text-align: center;
}

.sub-txt-box .title {
	color: #111;
	font-size: 26px;
	font-weight: 900;
	line-height: 32px;
}

.sub-txt-box p {
	margin-top: 24px;
	color: #4c4c4c;
	font-size: 17px;
	font-weight: 400;
	line-height: 27px;
}

.sub-txt-box p.f-style {
	color: #e43762;
	font-weight: 600;
}

.sub-txt-box p em {
	color: #111;
	font-weight: 900;
}

.popup-text-area {
	margin-top: 40px;
	color: #4c4c4c;
	font-size: 15px;
	text-align: center;
	font-weight: 400;
	line-height: 22px;
}

.popup-text-area .f-style {
	color: #333;
	font-weight: 600;
}

.popup-text-area .f-style:hover {
	text-decoration: underline;
} /* hover */

/* 개인정보관리 > 메인 (Web-02.03.01.html) */
.photo-change-area {
	margin: 30px 0 40px;
	text-align: center;
}

.photo-change-area+.board-list1 {
	margin-top: 60px;
}

.photo-change-area .photo-change {
	display: block;
	position: relative;
	width: 120px;
	margin: 0 auto;
}

.photo-change-area .photo-change:before {
	content: '';
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 5;
	width: 40px;
	height: 40px;
	background: url(../images/icon/icon_camera.png) no-repeat 0 0;
}

.photo-change-area .photo-change .img-area {
	display: block;
	overflow: hidden;
	height: 120px;
	margin: 0 auto;
	border-radius: 50%;
	font-size: 0;
}

.photo-change-area .photo-change .img-area img {
	width: 100%;
	height: 100%;
}

.photo-change-area .photo-change input[type=file] {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 5;
	width: 100%;
	height: 100%;
	opacity: 0;
}

/* 2018-12-14 sjbaek 회원상세 - 이미지 회전 및 저장버튼 추가 */
.photo-change-area .photo-control {
	display: block;
	width: 110px;
	margin: 15px auto 0;
}

.photo-change-area .photo-control>span {
	display: inline-block;
	width: 44px;
	height: 44px;
	text-align: left;
	position: relative;
	background-color: #f6f6f6;
	border-radius: 22px;
	cursor: pointer;
}

.photo-change-area .photo-control>span:first-child {
	margin-right: 18px;
}

.photo-change-area .photo-control>span:before {
	content: "";
	position: absolute;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.photo-change-area .photo-control>span.icon-rotate:before {
	width: 26px;
	height: 24px;
	background-image: url(../images/img/img_rotate.png);
	top: 11px;
	left: 9px;
}

.photo-change-area .photo-control>span.icon-download:before {
	width: 18px;
	height: 23px;
	background-image: url(../images/img/img_download.png);
	top: 10px;
	left: 13px;
}

.photo-change-area .name {
	margin-top: 15px;
	font-size: 24px;
	font-weight: 900;
}

.photo-change-area .btn-text {
	margin-top: 15px;
}

/* 개인정보관리 > 개인정보변경 (Web-02.03.03.1.html) */
.phone-change .phone-number input {
	width: 115px;
	padding: 0;
	border: 0;
}

.phone-change .form-area2 {
	display: none;
	margin-top: 15px;
}

/* 개인정보관리 > 비밀번호변경 (Web-02.03.04.html) */
.login-box.type4 {
	padding: 205px 250px 70px;
	background: url(../images/bg/bg_find02.png) no-repeat 50% 70px;
}

/* 회원탈퇴안내 (Web-02.03.05.html) */
.matters-box1 {
	padding: 24px 30px 24px 30px;
	border: 1px solid #e0e0e0;
	box-sizing: border-box;
}

.matters-box1 .matters-title {
	position: relative;
	margin-right: -30px;
	margin-bottom: 26px;
	padding-bottom: 22px;
	border-bottom: 1px solid #e0e0e0;
	color: #111;
	font-size: 18px;
	font-weight: 600;
	line-height: 24px;
}

.matters-box1 .matters-title:before {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	bottom: -1px;
	width: 60px;
	height: 1px;
	background-color: #111;
}

.matters-box2 {
	margin-top: 45px;
	padding: 24px 30px 30px;
	border: 1px solid #e0e0e0;
	box-sizing: border-box;
}

.matters-box2 .matters-title {
	margin-bottom: 17px;
	color: #111;
	font-size: 18px;
	font-weight: 600;
	line-height: 24px;
}

/* ============================================================================================
	마이페이지
=========================================================================================== */
/* MY 한눈에 보기 (MA-03.01.01.html) */
.mypage-cont {
	
}

.mypage-cont .infor-area {
	position: relative;
}

.mypage-cont .infor-area .profile-box {
	position: relative;
	padding: 0 114px 0 60px;
}

.mypage-cont .infor-area .profile-box .profile-photo {
	display: inline-block;
	overflow: hidden;
	position: absolute;
	left: 0;
	top: 0;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	box-sizing: border-box;
}

.mypage-cont .infor-area .profile-box .profile-photo img {
	width: 100%;
	height: 100%;
}

.mypage-cont .infor-area .profile-box .profile-text {
	display: inline-block;
	color: #111;
	font-size: 24px;
	font-weight: 400;
	line-height: 40px;
}

.mypage-cont .infor-area .profile-box .profile-text em {
	font-weight: 600;
}

.mypage-cont .infor-area .btn-icon-link2 {
	position: absolute;
	right: 0;
	top: 0;
}

.mypage-cont .infor-box {
	height: 542px;
	margin-top: 15px;
	padding: 6px;
	box-sizing: border-box;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-position: center;
	background-image: url(../images/bg/bg_infor.png);
}

.mypage-cont .infor-box .infor-list {
	overflow: hidden;
	border-radius: 4px;
	text-align: center;
}

.mypage-cont .infor-box .infor-list .infor-item {
	float: left;
	height: 531px;
	padding-top: 45px;
	box-sizing: border-box;
	border-left: 1px solid #e0e0e0;
	border-bottom: 1px solid #e0e0e0;
	position: relative;
	background-color: #fff;
}

.mypage-cont .infor-box .infor-list .infor-item:first-child {
	border-left: 0;
}

.mypage-cont .infor-box .infor-list .infor-item.infor1 {
	width: 28%;
	background-color: #f8f8f8;
	padding-top: 55px;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}

.mypage-cont .infor-box .infor-list .infor-item.infor2 {
	width: 37%;
}

.mypage-cont .infor-box .infor-list .infor-item.infor3 {
	width: 35%;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}

.mypage-cont .infor-box .infor-list .infor-item.infor1 .btn-icon-link4 {
	margin-bottom: 120px;
}

.mypage-cont .infor-box .infor-list .infor-item.infor1 .card-box-slider
	{
	position: relative;
}

.mypage-cont .infor-box .infor-list .infor-item.infor1 .card-box-slider .btn-bx-control
	{
	display: block;
	width: 8px;
	height: 15px;
	background-repeat: no-repeat;
	position: absolute;
	top: 45px;
	color: transparent;
	text-indent: -9999px;
	overflow: hidden;
}

.mypage-cont .infor-box .infor-list .infor-item.infor1 .card-box-slider .btn-bx-control.bx-prev
	{
	background-image: url('../images/img/arrow-left-gray.png');
	left: 40px;
}

.mypage-cont .infor-box .infor-list .infor-item.infor1 .card-box-slider .btn-bx-control.bx-next
	{
	background-image: url('../images/img/arrow-right-gray.png');
	right: 40px;
}

.mypage-cont .infor-box .infor-list .infor-item.infor2 .transaction-box-slider
{
	position: relative;
}

.mypage-cont .infor-box .infor-list .infor-item.infor2 .transaction-box-slider .btn-bx-control
{
	display: block;
	width: 8px;
	height: 15px;
	background-repeat: no-repeat;
	position: absolute;
	top: 67px;
	color: transparent;
	text-indent: -9999px;
	overflow: hidden;
}

.mypage-cont .infor-box .infor-list .infor-item.infor2 .transaction-box-slider .btn-bx-control.bx-prev
{
	background-image: url('../images/img/arrow-left-gray.png');
	left: 40px;
}

.mypage-cont .infor-box .infor-list .infor-item.infor2 .transaction-box-slider .btn-bx-control.bx-next
{
	background-image: url('../images/img/arrow-right-gray.png');
	right: 40px;
}

.mypage-cont .infor-box .infor-list .infor-item .card-box .card-img {
	display: inline-block;
	width: 121px;
	height: 76px;
}

.mypage-cont .infor-box .infor-list .infor-item .card-box .card-img img
	{
	width: 100%;
	vertical-align: top;
}

.mypage-cont .infor-box .infor-list .infor-item .card-box .card-txt {
	display: block;
	margin-top: 30px;
	color: #111;
	font-weight: 600;
	line-height: 22px;
}

.mypage-cont .infor-box .infor-list .infor-item .card-box .list {
	display: inline-block;
	overflow: hidden;
	margin-top: 2px;
}

.mypage-cont .infor-box .infor-list .infor-item .card-box .list li {
	float: left;
	position: relative;
	margin-left: 9px;
	padding-left: 11px;
	color: #7451c0;
	line-height: 22px;
}

.mypage-cont .infor-box .infor-list .infor-item .card-box .list li:first-child
	{
	margin-left: 0;
	padding-left: 0;
}

.mypage-cont .infor-box .infor-list .infor-item .card-box .list li:before
	{
	content: '';
	display: block;
	position: absolute;
	left: 0;
	top: 5px;
	width: 1px;
	height: 14px;
	background-color: #7451c0;
}

.mypage-cont .infor-box .infor-list .infor-item .card-box .list li:first-child:before
	{
	display: none;
}

.mypage-cont .infor-box .infor-list .infor-item .price {
	margin: 5px 0 25px;
	color: #e43762;
	font-size: 35px;
	font-weight: 900;
}

.mypage-cont .infor-box .infor-list .infor-item .price em {
	font-size: 25px;
	font-weight: 400;
}

.mypage-cont .infor-box .infor-list .infor-item .term {
	color: #111;
	font-size: 16px;
	font-weight: 400;
	display: block;
	margin-bottom: 24px;
}

.mypage-cont .infor-box .infor-list .infor-item .specification {
	color: #111;
	font-size: 20px;
	font-weight: 600;
	height: 60px;
	line-height: 60px;
	display: block;
}

.mypage-cont .infor-box .infor-list .infor-item .specification.r2 {
	line-height: 30px;
}

.mypage-cont .infor-box .infor-list .infor-item .btn-pay {
	display: inline-block;
	height: 32px;
	padding: 0 15px;
	box-sizing: border-box;
	border-radius: 2px;
	border: 1px solid #ccc;
	background-color: #fff;
	color: #777;
	font-size: 14px;
	line-height: 30px;
	position: absolute;
	bottom: 50px;
	left: 50%;
	transform: translateX(-50%);
}

.mypage-cont .infor-box .infor-list .infor-item .infor-detail {
	overflow: hidden;
	font-size: 16px;
	padding: 0 40px;
	margin-top: 10px;
}

.mypage-cont .infor-box .infor-list .infor-item .infor-detail:first-child
	{
	margin-top: 30px;
}

.mypage-cont .infor-box .infor-list .infor-item .infor-detail span:first-child
	{
	float: left;
	color: #737373;
}

.mypage-cont .infor-box .infor-list .infor-item .infor-detail span:last-child
	{
	float: right;
	color: #111;
	font-weight: 600;
}

.mypage-cont .infor-box .infor-list .infor-item .infor-detail span.highlight
	{
	color: #7451c0;
}

.mypage-cont .infor-box .infor-list .infor-item .infor-detail2 {
	overflow: hidden;
	font-size: 16px;
	padding: 0 65px;
	margin-top: 10px;
}

.mypage-cont .infor-box .infor-list .infor-item .infor-detail2:first-child
{
	margin-top: 30px;
}

.mypage-cont .infor-box .infor-list .infor-item .infor-detail2 span:first-child
{
	float: left;
	color: #737373;
}

.mypage-cont .infor-box .infor-list .infor-item .infor-detail2 span:last-child
{
	float: right;
	color: #111;
	font-weight: 600;
}

.mypage-cont .infor-box .infor-list .infor-item .infor-detail2 span.highlight
{
	color: #7451c0;
}

.mypage-cont .infor-box .infor-list .infor-item .specification .number {
	color: #7451c0;
	font-size: 25px;
	font-weight: 900;
}

.mypage-cont .infor-box .infor-list .infor-item .specification .number em
	{
	font-size: 18px;
	font-weight: 400;
}

.mypage-cont .infor-box .infor-list .infor-item.ty2 {
	width: 50%;
	height: 65px;
	padding: 18px 34px 18px 30px;
	box-sizing: border-box;
	border: 0;
}

.mypage-cont .infor-box .infor-list .infor-item.ty2:last-child {
	border-left: 1px solid #e0e0e0;
}

.mypage-cont .infor-box .infor-list .infor-item dl {
	overflow: hidden;
}

.mypage-cont .infor-box .infor-list .infor-item dl dt {
	float: left;
	color: #111;
	line-height: 28px;
}

.mypage-cont .infor-box .infor-list .infor-item dl dd {
	float: right;
	color: #7b7b7b;
}

.mypage-cont .infor-box .infor-list .infor-item dl dd em {
	color: #111;
	font-size: 19px;
	font-weight: 900;
}

.mypage-cont .apply-box {
	
}

.mypage-cont .apply-box .apply-list {
	overflow: hidden;
	margin-top: 45px;
}

.mypage-cont .apply-box .apply-list .item-apply {
	float: left;
	width: 480px;
	margin-left: 40px;
}

.mypage-cont .apply-box .apply-list .item-apply:first-child {
	margin-left: 0;
}

.mypage-cont .apply-box .apply-list .item-apply .btn-icon-link4 {
	margin-bottom: 10px;
}

.mypage-cont .apply-box .apply-list .item-apply .list {
	border-top: 1px solid #262626;
}

.mypage-cont .apply-box .apply-list .item-apply .list li {
	overflow: hidden;
	padding: 0 30px;
	border-bottom: 1px solid #e0e0e0;
}

.mypage-cont .apply-box .apply-list .item-apply .list li span {
	display: inline-block;
}

.mypage-cont .apply-box .apply-list .item-apply .list li .tit {
	float: left;
	color: #7b7b7b;
	line-height: 50px;
}

.mypage-cont .apply-box .apply-list .item-apply .list li .txt {
	float: right;
	color: #111;
	font-size: 12px;
	text-align: right;
	line-height: 50px;
}

.mypage-cont .apply-box .apply-list .item-apply .list li .txt em {
	font-weight: 600;
	font-size: 15px;
}

.card-point-box {
	padding: 10px;
	border: 1px solid #e0e0e0;
	margin-top: 80px;
	background-color: #f7f7f7;
}

.card-point-box .card-point {
	background-color: #fff;
	height: 140px;
	overflow: hidden;
	padding: 0 60px;
}

.card-point-box .card-point .point-total {
	float: left;
	padding-top: 20px;
}

.card-point-box .card-point .point-total span {
	font-size: 35px;
	color: #111;
	font-weight: 900;
	display: block;
}

.card-point-box .card-point .point-indivisual {
	float: right;
}

.card-point-box .card-point .point-indivisual .point-indivisual-detail {
	height: 70px;
	line-height: 70px;
	border-bottom: 1px solid #a9a9a9;
	width: 250px;
	overflow: hidden;
	font-size: 17px;
}

.card-point-box .card-point .point-indivisual .point-indivisual-detail .tit
	{
	float: left;
	color: #737373;
}

.card-point-box .card-point .point-indivisual .point-indivisual-detail .txt
	{
	float: right;
	color: #333;
	font-weight: 600;
}

.status-box {
	margin-top: 60px;
}

.status-box .loan-title {
	margin-bottom: 15px;
	color: #111;
	font-size: 20px;
	font-weight: 900;
	line-height: 30px;
}

.status-box  .status-list {
	overflow: hidden;
	width: 1000px;
	border: 1px solid #e0e0e0;
	border-top: 0;
}

.status-box .status-list .status-item {
	float: left;
	height: 204px;
	padding: 36px 44px;
	border-left: 1px solid #e0e0e0;
	border-top: 1px solid #e0e0e0;
	box-sizing: border-box;
}

.status-box .status-list .status-item:first-child {
	border-left: 0;
}

.status-box .status-list .status-item.ty1 {
	width: 624px;
}

.status-box .status-list .status-item.ty2 {
	width: 376px;
}

.status-box .status-list .status-item.ty3, .status-box .status-list .status-item.ty4
	{
	width: 500px;
	height: 65px;
	padding: 18px 34px 18px 30px;
}

.status-box .status-list .status-item.ty3 {
	border-left: 0;
}

.status-box .status-list .status-item dl {
	overflow: hidden;
}

.status-box .status-list .status-item dl dt {
	float: left;
	color: #111;
	line-height: 28px;
}

.status-box .status-list .status-item dl dd {
	float: right;
	color: #111;
	font-size: 19px;
	font-weight: 900;
	line-height: 28px;
}

.status-box .status-list .status-item dl dd .turn1 {
	color: #7451c0;
}

.status-box .status-list .status-item dl dd .turn2 {
	font-weight: 400;
}

.status-box .status-list .status-item dl dd .sign {
	color: #7b7b7b;
	font-size: 15px;
}

.status-slider {
	text-align: center
}

.status-slider .slide-item .tit {
	color: #111;
	font-size: 20px;
	font-weight: 600;
	line-height: 26px;
}

.status-slider .slide-item .price {
	margin-top: 23px;
	color: #e43762;
	font-size: 30px;
	font-weight: 600;
}

.status-slider .slide-item .price em {
	font-size: 35px;
	font-weight: 900;
}

.status-slider .bx-controls {
	margin-top: 5px;
}

.status-slider .bx-pager {
	display: inline-block;
	overflow: hidden;
}

.status-slider .bx-pager .bx-pager-item {
	float: left;
}

.status-slider .bx-pager .bx-pager-item .bx-pager-link {
	display: block;
	position: relative;
	width: 22px;
	height: 22px;
	font-size: 0;
	text-indent: -9999px;
	line-height: 0;
}

.status-slider .bx-pager .bx-pager-item .bx-pager-link:before {
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	width: 12px;
	height: 12px;
	margin: -6px 0 0 -6px;
	box-sizing: border-box;
	border-radius: 50%;
	border: 2px solid #161616;
}

.status-slider .bx-pager .bx-pager-item .bx-pager-link.active:before {
	background-color: #161616;
} /* active */
.status-slider .bx-controls-auto {
	display: inline-block;
}

.status-slider .bx-controls-auto a {
	display: block;
	width: 28px;
	height: 22px;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

.status-slider .bx-controls-auto a.active {
	display: none;
}

.status-slider .bx-controls-auto .bx-start {
	background-image: url(../images/icon/bx_start02.png);
}

.status-slider .bx-controls-auto .bx-stop {
	background-image: url(../images/icon/bx_stop02.png);
}

.cardon-slider .cardon-box {
	position: relative;
}

.cardon-slider .cardon-box .title {
	display: block;
	margin-bottom: 10px;
	color: #111;
	font-size: 20px;
	font-weight: 600;
	line-height: 26px;
}

.cardon-slider .cardon-box .cardon-list {
	border-top: 1px solid #7b7b7b;
}

.cardon-slider .cardon-box .cardon-list .item-cardon {
	position: relative;
	margin-top: 15px;
}

.cardon-slider .cardon-box .cardon-list .item-cardon:first-child {
	margin-top: 30px;
}

.cardon-slider .cardon-box .cardon-list .item-cardon:before {
	content: '';
	display: block;
	position: absolute;
	left: 288px;
	top: 7px;
	width: 1px;
	height: 15px;
	background-color: #a9a9a9;
}

.cardon-slider .cardon-box .cardon-list .item-cardon .list {
	overflow: hidden;
}

.cardon-slider .cardon-box .cardon-list .item-cardon .list li {
	float: left;
	position: relative;
	width: 248px;
	color: #7b7b7b;
	font-size: 17px;
	text-align: right;
	box-sizing: border-box;
}

.cardon-slider .cardon-box .cardon-list .item-cardon .list li.last {
	margin-left: 40px;
}

.cardon-slider .cardon-box .cardon-list .item-cardon .list li .txt {
	display: inline-block;
	width: 134px;
	color: #111;
	font-weight: 600;
}

.cardon-slider .cardon-box .cardon-list .item-cardon .list li .txt em {
	font-weight: 400;
	font-size: 12px;
}

.cardon-slider {
	position: relative;
}

.cardon-slider .bx-controls-direction {
	position: absolute;
	right: 0;
	top: 5px;
	height: 25px;
	background-color: #fff;
}

.cardon-slider .bx-controls-direction a {
	display: inline-block;
	width: 25px;
	height: 25px;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-color: #fff;
	font-size: 0;
	text-indent: -9999px;
	vertical-align: top;
	line-height: 0;
}

.cardon-slider .bx-controls-direction .bx-prev {
	background-image: url(../images/icon/bx_prev03.png);
}

.cardon-slider .bx-controls-direction .bx-next {
	margin-left: 5px;
	background-image: url(../images/icon/bx_next03.png);
}

.cardon-slider .bx-controls-direction a.disabled {
	opacity: .5;
	cursor: default;
}

.cardon-slider .bx-controls-auto {
	display: none;
	position: absolute;
	left: -9999px;
	top: -9999px;
	font-size: 0;
	line-height: 0;
}

.cardon-slider .bx-pager {
	display: none;
	position: absolute;
	left: -9999px;
	top: -9999px;
	font-size: 0;
	line-height: 0;
}

.mypage-cont .thumb-list-wrap .sorting-box {
	margin-bottom: 12px;
}

/* 상담내역조회 >  상세 (Web-03.05.02.html) */
.qna-box-area {
	display: none;
	position: relative;
	margin-top: -1px;
	border-top: 1px solid #424242;
}

.qna-box-area .box-item {
	padding: 20px 30px 30px;
	border-bottom: 1px solid #e0e0e0;
}

.qna-box-area .box-item .label {
	display: block;
	margin-bottom: 8px;
	font-size: 23px;
	font-weight: 900;
}

.qna-box-area .box-item.q-box .label {
	color: #7451c0;
}

.qna-box-area .box-item.a-box {
	background-color: #f7f7f7;
}

.qna-box-area .box-item.a-box .label {
	color: #e43762;
}

/* 카드이용내역 (Web-03.06.01.html) */
.sub-text-area .use-term {
	color: #7451c0;
	font-size: 18px;
	display: inline-block;
	margin-top: 23px;
}

.sub-text-area .use-term.btn-ddl {
	position: relative;
	padding-right: 25px;
}

.sub-text-area .use-term.btn-ddl:after {
	content: "";
	position: absolute;
	top: 3px;
	right: 0;
	display: block;
	width: 20px;
	height: 20px;
	background: url('../images/img/arrow-down-round.png') center no-repeat;
}

.sub-text-area .use-total {
	font-size: 22px;
	color: #111;
}

.sub-text-area .use-total em {
	font-weight: 600;
	font-size: 25px;
	color: #e50039;
}

.box-list-wrap1.my-card-list {
	margin-top: 0;
}

.box-list-wrap1.my-card-list .box-list {
	padding-left: 30px;
}

.box-list-wrap1.my-card-list .box-list:after {
	display: block;
	content: "";
	clear: both;
}

.box-list-wrap1.my-card-list .box-list .card-box-item {
	float: left;
	margin-right: 25px;
	width: 458px;
	padding: 13px 0;
	border-bottom: 1px solid #f2f2f2;
}

.box-list-wrap1.my-card-list .box-list .card-box-item:nth-child(even) {
	margin-right: 0;
}

/* radio custom */
.btn-radio-custom {
	display: inline-block;
}

.btn-radio-custom input[type="radio"]:checked, .btn-radio-custom input[type="radio"]:not(:checked ) {
	position: absolute;
	left: -9999px;
}

.btn-radio-custom input[type="radio"]:checked+label, .btn-radio-custom input[type="radio"]:not(:checked ) +label {
	position: relative;
	padding-left: 36px;
	cursor: pointer;
	line-height: 26px;
	display: inline-block;
	color: #111;
}

.btn-radio-custom input[type="radio"]+label:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 26px;
	height: 26px;
	border: 1px solid #ddd;
	border-radius: 100%;
	background: #fff;
}

.btn-radio-custom input[type="radio"]:checked+label:before {
	border-color: #7451c0;
}

.btn-radio-custom input[type="radio"]:checked+label:after, .btn-radio-custom input[type="radio"]:not(:checked ) +label:after {
	content: '';
	width: 12px;
	height: 12px;
	background: #7451c0;
	position: absolute;
	top: 8px;
	left: 8px;
	border-radius: 100%;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

.btn-radio-custom input[type="radio"]:not(:checked ) +label:after {
	opacity: 0;
	-webkit-transform: scale(0);
	transform: scale(0);
}

.btn-radio-custom input[type="radio"]:checked+label:after {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}
/* radio custom end */
.box-list-wrap1.my-card-list .box-list .card-box-item .my-card-num {
	float: right;
	height: 26px;
	line-height: 26px;
	color: #111;
	display: block;
	font-weight: 600;
}

.btn-separate {
	text-align: center;
	margin-top: 50px;
	margin-bottom: 68px;
}

.radio-switch {
	overflow: hidden;
}

.radio-switch .radio-switch-item {
	float: left;
	position: relative;
}

.radio-switch .radio-switch-item>input[type=radio]+label {
	display: block;
	width: 115px;
	height: 40px;
	line-height: 40px;
	color: #b3b3b3;
	text-align: center;
	border-top: 1px solid #c9c9c9;
	border-bottom: 1px solid #c9c9c9;
	border-left: 1px solid #c9c9c9;
	background-color: #fff;
	cursor: pointer;
}

.radio-switch .radio-switch-item:last-child>input[type=radio]+label {
	border-right: 1px solid #c9c9c9;
}

.radio-switch .radio-switch-item>input[type="radio"]:checked+label {
	color: #fff;
	background-color: #e50039;
	border-color: #e50039;
}

.radio-switch .radio-switch-item>input[type=radio] {
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 0;
	margin: 0;
	padding: 0;
	color: transparent;
	background-color: transparent;
}

.card-ddl {
	height: 72px;
	width: 738px;
	background-color: #fff;
	position: relative;
	z-index: 1;
}

.card-ddl .card-selected {
	border: 1px solid #ccc;
}

.card-ddl .card-selected.on {
	border-color: #7451c0;
}

.card-ddl .card-item {
	position: relative;
	background-color: #fff;
	cursor: pointer;
}

.card-ddl .card-item a {
	padding: 10px;
	display: block;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	overflow: hidden;
}

.card-ddl .card-item a span {
	display: block;
	float: left;
}

.card-ddl .card-item a span.card-ddl-thumb {
	width: 50px;
	height: 50px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	margin-right: 10px;
}

.card-ddl .card-item a span.card-ddl-infor {
	height: 50px;
	line-height: 50px;
}

.card-ddl .card-selected.card-item:after {
	content: "";
	position: absolute;
	top: 30px;
	right: 20px;
	width: 0;
	height: 0;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-top: 9px solid #686868;
}

.card-ddl .card-list {
	width: 100%;
	max-height: 300px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	overflow-y: auto;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	background-color: #fff;
	display: none;
}

.card-ddl .card-list .card-item:hover {
	background-color: #f3f3f3;
}

.card-ddl .card-list .card-item.on span {
	color: #7451c0;
	text-decoration: underline;
}

.accordion-list1.type2.card-accor-list {
	
}

.accordion-list1.type2.card-accor-list .btn-tog {
	height: 88px;
	padding-top: 18px;
}

.accordion-list1.type2.card-accor-list .btn-tog .left-side {
	float: left;
}

.accordion-list1.type2.card-accor-list .btn-tog .left-side .tit {
	color: #111;
	font-weight: 600;
	font-size: 18px;
}

.accordion-list1.type2.card-accor-list .btn-tog .left-side .txt {
	overflow: hidden;
}

.accordion-list1.type2.card-accor-list .btn-tog .left-side .txt>em {
	float: left;
	display: block;
	padding: 0 10px 0px 8px;
	color: #777;
	position: relative;
	font-size: 14px;
	font-weight: 400;
}

.accordion-list1.type2.card-accor-list .btn-tog .left-side .txt>em:first-child
	{
	padding-left: 0;
}

.accordion-list1.type2.card-accor-list .btn-tog .left-side .txt>em:after
	{
	background-color: #e5e5e5;
	position: absolute;
	top: 6px;
	right: 0;
	width: 1px;
	height: 11px;
	content: "";
}

.accordion-list1.type2.card-accor-list .btn-tog .left-side .txt>em:last-child:after
	{
	width: 0;
}

.accordion-list1.type2.card-accor-list .btn-tog .right-side {
	float: right;
	font-size: 22px;
	color: #111;
	padding-top: 8px;
}

.accordion-list1.type2.card-accor-list .btn-tog .right-side1 {
	float: right;
	font-size: 18px;
	font-weight: 600;
	color: #111;
}

.accordion-list1.type2.card-accor-list .btn-tog .right-side1 .txt1 {
	color: #777;
	position: relative;
	font-size: 14px;
	font-weight: 400;
}

.accordion-list1.type2.card-accor-list .btn-tog .right-side.bld {
	font-weight: 600;
}

.accordion-list1.type2.card-accor-list .layer {
	padding: 40px 0;
	overflow: hidden;
}

.accordion-list1.type2.card-accor-list .layer .layer-item {
	width: 33.3333333%;
	float: left;
	position: relative;
	padding: 0 40px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.accordion-list1.type2.card-accor-list .layer .layer-item:before {
	position: absolute;
	top: 5px;
	right: 0;
	width: 1px;
	height: 45px;
	background-color: #ececec;
	content: "";
}

.accordion-list1.type2.card-accor-list .layer .layer-item:last-child:before
	{
	width: 0;
}

.accordion-list1.type2.card-accor-list .layer .layer-item .layer-item-row
	{
	position: relative;
	color: #737373;
	font-size: 14px;
	margin-bottom: 15px;
}

.accordion-list1.type2.card-accor-list .layer .layer-item .layer-item-row:last-child
	{
	margin-bottom: 0;
}

.accordion-list1.type2.card-accor-list .layer .layer-item .layer-item-row span
	{
	display: inline-block;
}

.accordion-list1.type2.card-accor-list .layer .layer-item .layer-item-row span:last-child
	{
	position: absolute;
	top: 0;
	right: 0;
	color: #111;
	font-weight: 400;
}

.accordion-list1.type2.card-accor-list .layer .layer-item .layer-item-row span.ellipsis {
	text-overflow: ellipsis;
	white-space:nowrap;
	width: 65%;
	overflow:hidden;
	text-align: right;
}

/* 이용대금명세서 03.06.03 */
.use-summary .sorting-select {
	padding: 15px 0;
}

.use-summary .box-list-wrap1 {
	margin-top: 0;
	margin-bottom: 65px;
}

.use-summary .box-list-wrap1 .box-list {
	padding-left: 30px;
}

.use-summary .box-list-wrap1 .box-list:after {
	display: block;
	content: "";
	clear: both;
}

.use-summary .box-list-wrap1 .box-list .use-summary-item {
	float: left;
	width: 430px;
	border-bottom: 1px solid #f2f2f2;
	margin-right: 80px;
}

.use-summary .box-list-wrap1 .box-list .use-summary-item:nth-child(even)
	{
	margin-right: 0;
}

.use-summary .box-list-wrap1 .box-list .use-summary-item span {
	display: inline-block;
	height: 50px;
	line-height: 50px;
	color: #111;
}

.use-summary .box-list-wrap1 .box-list .use-summary-item span:last-child
	{
	font-weight: 600;
	float: right;
}
/* 이용금액입금내역 03.06.04 */
.deposit-history .number-len-box .count-term {
	position: absolute;
	top: 4px;
	right: 50px;
	color: #111;
	font-size: 16px;
	height: 50px;
	line-height: 50px;
}

.deposit-history .box-list-wrap1 .box-list .box-item .all-price {
	top: 47%;
}

/* 이용한도조회 03.06.06 */
.card-limit-wrap {
	border-top: 4px solid #7451c0;
	margin-top: 80px;
	text-align: center;
	padding-top: 40px;
}

.card-limit-wrap .tit {
	font-size: 22px;
	color: #111;
	font-weight: 600;
	margin-bottom: 25px;
}

.card-limit-wrap .sub-notice {
	font-size: 16px;
	color: #111;
	margin-bottom: 60px;
}

.card-limit-wrap .card-infor {
	padding-bottom: 35px;
	border-bottom: 1px solid #e0e0e0;
	overflow: hidden;
	margin-bottom: 75px;
}

.card-limit-wrap .card-infor .card-infor-item {
	float: left;
	position: relative;
	width: 50%;
}

.card-limit-wrap .card-infor .card-infor-item:after {
	content: "";
	width: 1px;
	height: 70px;
	position: absolute;
	top: 5px;
	right: 0;
	background-color: #f2f2f2;
}

.card-limit-wrap .card-infor .card-infor-item:last-child:after {
	width: 0;
}

.card-limit-wrap .card-infor .card-infor-item .tit {
	display: block;
	font-size: 20px;
	color: #4c4c4c;
	margin-bottom: 0px;
}

.card-limit-wrap .card-infor .card-infor-item .price {
	display: block;
	font-size: 24px;
	color: #111;
	font-weight: 600;
}

.card-limit-wrap .card-infor .card-infor-item .price>em {
	font-size: 45px;
}

.card-graph-wrap {
	margin-bottom: 60px;
}

.card-graph-wrap .card-graph {
	margin-bottom: 25px;
	height: 13px;
	background-color: #ffcdd2;
	position: relative;
}

.card-graph-wrap .card-graph .card-graph-available {
	height: 13px;
	position: absolute;
	top: 0;
	right: 0;
	background-color: #e50039;
	width: 0;
}

.card-graph-wrap .card-graph-legend {
	overflow: hidden;
}

.card-graph-wrap .card-graph-legend .card-graph-legend-item {
	text-align: left;
	float: left;
	padding: 0 40px;
	width: 50%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}

.card-graph-wrap .card-graph-legend .card-graph-legend-item:first-child
	{
	padding-left: 0;
}

.card-graph-wrap .card-graph-legend .card-graph-legend-item span {
	display: inline-block;
	font-size: 16px;
	color: #737373;
	height: 22px;
	line-height: 22px;
}

.card-graph-wrap .card-graph-legend .card-graph-legend-item span:first-child
	{
	position: relative;
	padding-left: 23px;
}

.card-graph-wrap .card-graph-legend .card-graph-legend-item span:first-child:before
	{
	content: "";
	width: 16px;
	height: 13px;
	top: 5px;
	left: 0;
	position: absolute;
}

.card-graph-wrap .card-graph-legend .card-graph-legend-item span.pink:before
	{
	background-color: #ffcdd2;
}

.card-graph-wrap .card-graph-legend .card-graph-legend-item span.red:before
	{
	background-color: #e50039;
}

.card-graph-wrap .card-graph-legend .card-graph-legend-item span:last-child
	{
	float: right;
	color: #111;
}

/* 포인트조회 03.07.01 */
.box-apricot {
	background-color: #f7f7f7;
}

.point-summary {
	padding: 40px 0;
	text-align: center;
	margin-top: 15px;
	margin-bottom: 30px;
}

.point-summary>.tit {
	font-size: 20px;
	color: #111;
	margin-bottom: 40px;
	height: 20px;
	line-height: 20px;
}

.point-summary .point-row {
	overflow: hidden;
	margin-bottom: 35px;
}

.point-summary .point-row .point-item {
	float: left;
	position: relative;
	width: 50%;
}

.point-summary .point-row .point-item:after {
	content: "";
	width: 1px;
	height: 74px;
	top: 0;
	right: 0;
	position: absolute;
	background-color: #b2b2b2;
}

.point-summary .point-row .point-item:last-child:after {
	width: 0;
}

.point-summary .point-row .point-item>.tit {
	font-size: 20px;
	font-weight: 600;
	color: #6c56c5;
	height: 20px;
	line-height: 20px;
	margin-bottom: 15px;
}

.point-summary .point-row .point-item>.cont-point {
	font-size: 45px;
	font-weight: 900;
	height: 45px;
	line-height: 45px;
	color: #111;
}

.box-point-link {
	border: 1px solid #ededed;
	border-top-color: #111;
	overflow: hidden;
}

.box-point-link .box-point-item {
	padding: 30px 145px 40px 50px;
	position: relative;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	border-right: 1px solid #ededed;
	width: 50%;
	float: left;
}

.box-point-link .box-point-item:last-child {
	border-right: 0 none;
}

.box-point-link .box-point-item:before {
	content: "";
	position: absolute;
	bottom: 52px;
	right: 47px;
	width: 51px;
	height: 48px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

.box-point-link .box-point-item.item-change:before {
	background-image: url(../images/img/img_point_change.png);
}

.box-point-link .box-point-item.item-cashback:before {
	background-image: url(../images/img/img_point_cashback.png);
}

.box-point-link .box-point-item>.tit {
	font-size: 16px;
	color: #111;
	font-weight: 600;
	height: 16px;
	line-height: 16px;
	margin-bottom: 10px;
}

.box-point-link .box-point-item>.desc-point {
	color: #737373;
	line-height: 22px;
	margin-bottom: 15px;
}

/* 포인트상세조회 03.07.02 */
.point-detail {
	margin-top: 20px;
	padding: 40px 50px;
}

.point-ddl {
	width: 300px;
	height: 40px;
	background-color: #fff;
	position: relative;
	z-index: 1;
	margin: 0 auto;
}

.point-ddl .point-selected {
	border: 1px solid #ccc;
}

.point-ddl .point-selected.on {
	border-color: #7451c0;
}

.point-ddl .point-item {
	position: relative;
	background-color: #fff;
	cursor: pointer;
}

.point-ddl .point-item a {
	padding: 7px 10px;
	display: inline-block;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}

.point-ddl .point-item a img {
	position: absolute;
	top: 10px;
	left: 10px;
}

.point-ddl .point-item a span {
	height: 20px;
	line-height: 20px;
	display: inline-block;
	font-weight: 900;
}

.point-ddl .point-selected.point-item, .point-ddl .point-selected.point-item:hover
	{
	color: #111;
	font-size: 16px;
}

.point-ddl .point-selected.point-item:after {
	content: "";
	position: absolute;
	top: 20px;
	right: 20px;
	width: 0;
	height: 0;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-top: 7px solid #686868;
}

.point-ddl .point-ddl-box {
	width: 100%;
	max-height: 300px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	overflow-y: auto;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	background-color: #fff;
	display: none;
}

.point-ddl .point-ddl-box .point-item:hover {
	background-color: #f3f3f3;
}

.point-ddl .point-ddl-box .point-item.on span {
	color: #7451c0;
	text-decoration: underline;
}

.point-detail .tit {
	color: #7451c0;
	font-size: 20px;
	height: 20px;
	line-height: 20px;
	font-weight: 900;
	text-align: center;
	margin: 20px 0;
}

.point-detail .txt-point {
	color: #111;
	font-size: 45px;
	height: 45px;
	line-height: 45px;
	font-weight: 900;
	text-align: center;
	margin-bottom: 30px;
}

.point-detail .point-search-area {
	border-top: 1px solid #e0e0e0;
	padding-top: 15px;
	text-align: center;
	position: relative;
}

.point-detail .point-search-area .point-search-infor-pop {
	position: absolute;
	top: 60px;
	left: 60px;
	z-index: 600;
	display: none;
}

.point-detail .point-search-area .point-search-infor-cont {
	border: 2px solid #121212;
	position: relative;
	font-size: 18px;
	font-weight: 900;
	padding: 30px 50px 30px 43px;
	background-color: #fff;
}

.point-detail .point-search-area .point-search-infor-cont:before {
	content: '';
	display: inline-block;
	width: 5px;
	height: 5px;
	margin: 10px 10px 0 -13px;
	vertical-align: top;
	border-radius: 100%;
	background: #000;
}

.point-detail .point-search-area .point-search-infor-pop-close {
	display: inline-block;
	position: absolute;
	top: 20px;
	right: 20px;
	width: 20px;
	height: 20px;
	background: url('../images/img/cvc-close.png') center no-repeat;
	background-size: cover;
}

.point-detail .point-search-area:after {
	display: block;
	content: "";
	clear: both;
}

.point-detail .point-search-area .search-date {
	display: inline-block;
}

.point-detail .point-search-area .point-search-label {
	display: inline-block;
	margin-right: 25px;
}

.point-detail .point-search-area .point-search-label>span {
	display: inline-block;
	font-size: 18px;
	font-weight: 600;
	color: #111;
	height: 40px;
	line-height: 40px;
	float: left;
	margin-right: 10px;
}

.point-detail .point-search-area .point-search-label .point-search-infor
	{
	display: inline-block;
	width: 20px;
	height: 20px;
	background: url('../images/icon/icon_infor.png') center no-repeat;
	float: left;
	margin-top: 9px;
}

.point-detail .btn-area {
	text-align: center;
	margin-top: 30px;
}

.point-detail-list.box-list-wrap1 {
	margin-top: 60px;
}

.point-detail-list.box-list-wrap1 .box-list .box-item .all-price {
	font-size: 22px;
	color: #111;
	font-weight: 600;
	top: 47%;
}

/* 카드사용등록 03.11.01 */
.layer-popup .popup .card-done {
	color: #737373;
	font-weight: 600;
}

.layer-popup .card-done .pop-img-card {
	width: 250px;
	height: 250px;
	margin: 0 auto 10px;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}

.layer-popup .card-done .icon-text {
	padding-bottom: 13px;
	color: #333;
	font-size: 26px;
	font-weight: 400;
}

.layer-popup .card-done .icon-text strong {
	font-weight: 900;
}

/* 포인트캐시백 03.07.03.1 */
.point-cashback {
	padding: 50px 0 90px;
	margin-top: 20px;
	overflow: hidden;
	position: relative;
	background: url(../images/img/arrow-right-red.png) center no-repeat;
	background-color: #f7f7f7;
}

.point-cashback .point-cashback-item {
	width: 50%;
	float: left;
	text-align: center;
}

.point-cashback .point-cashback-item .tit {
	font-size: 20px;
	color: #111;
	font-weight: 600;
	height: 20px;
	line-height: 20px;
	margin-bottom: 15px;
}

.point-cashback .point-cashback-item .point-value {
	font-size: 45px;
	color: #111;
	font-weight: 900;
	height: 45px;
	line-height: 45px;
}

.point-cashback .btn-icon-link1 {
	position: absolute;
	bottom: 21px;
	right: 50px;
	background-position: 99% 50%;
}

.point-cashback-board {
	margin-top: 60px;
}

.point-cashback-board .box-apricot {
	width: 353px;
	padding: 25px 30px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	margin-top: 10px;
}

.point-cashback-board .box-apricot .point-info-row {
	overflow: hidden;
	height: 14px;
	line-height: 14px;
	margin-bottom: 20px;
}

.point-cashback-board .box-apricot .point-info-row:last-child {
	margin-bottom: 0;
}

.point-cashback-board .point-info-row>span:first-child {
	display: inline-block;
	float: left;
	color: #737373;
	font-size: 14px;
	font-weight: 600;
}

.point-cashback-board .point-info-row>span:last-child {
	display: inline-block;
	float: right;
	color: #111;
	font-size: 14px;
}

.drag-slider-wrap .drag-slider {
	position: relative;
	height: 14px;
	padding-top: 11px;
	width: 328px;
}

.drag-slider-wrap .drag-slider:before {
	content: "";
	position: absolute;
	top: 11px;
	left: 0;
	width: 353px;
	height: 3px;
	background-color: #e43762;
}

.drag-slider-wrap .drag-slider .custom-handle.ui-slider-handle {
	position: absolute;
	top: 0;
	left: 0;
	width: 25px;
	height: 25px;
	background: url('../images/img/handle-slider.png') center no-repeat;
	background-size: cover;
	cursor: pointer;
}

.btn-area.btn-point-cashback {
	margin-top: 50px;
	text-align: center;
}

.board-write1.board-popup .board {
	border-top: 0 none;
	margin-bottom: 15px;
}

.board-write1.board-popup .board th {
	padding: 14px 0 14px;
	border-bottom: 0 none;
}

.board-write1.board-popup .board td {
	border-bottom: 0 none;
	text-align: left;
}

.board-write1.board-popup .search-date .data-set {
	margin-bottom: 20px;
}

.board-write1.board-popup .search-date .btn-list {
	margin-left: 0;
}

.board-popup .box-list-wrap1 {
	margin-top: 15px;
	margin-bottom: 40px;
	text-align: left;
}

.board-popup .box-list-wrap1 .box-list {
	border-top: 1px solid #f2f2f2;
}

.board-popup .box-list-wrap1 .box-list .box-item {
	padding: 25px 0;
}

.board-popup .box-list-wrap1 .box-list .box-item .title {
	font-size: 15px;
	font-weight: 400;
}

.board-popup .box-list-wrap1 .box-list .box-item .text {
	margin-top: 0;
	font-size: 15px;
}

.board-popup .box-list-wrap1 .box-list .box-item .all-price {
	font-size: 15px;
	font-weight: 600;
	color: #111;
	top: 40%;
}

.board-popup .box-list-wrap1 .box-list .box-item .all-price em {
	font-size: 15px;
	font-weight: 600;
	color: #111;
}

.board-popup .no-result {
	border: 0 none;
	margin-top: 0;
	padding: 20px 0 100px;
	background-position: 50% 50px;
}

.box-list-wrap1.popup-done {
	margin-top: 25px;
	text-align: left;
}

.box-list-wrap1.popup-done .box-list .box-item {
	padding: 40px 30px;
	height: 15px;
	line-height: 15px;
}

.box-list-wrap1.popup-done .box-list .box-item.r2 {
	height: 30px;
}

.box-list-wrap1.popup-done .box-list .box-item .title {
	color: #737373;
	font-size: 14px;
}

.box-list-wrap1.popup-done .box-list .box-item .point-value {
	color: #111;
	font-size: 14px;
	font-weight: 600;
	position: absolute;
	top: 40px;
	right: 30px;
	text-align: right;
}

/* 명세서수령Email 변경  03.13.01 */
.change-email .btn-btm-area {
	margin-top: 68px;
}

.guide-note {
	margin-top: 60px;
	border: 1px solid #e6e6e6;
}

.guide-note:after {
	content: "";
	clear: both;
	display: block;
}

.guide-note>li:first-child {
	border-top: none;
}

.guide-note>li {
	padding: 0 0 30px 30px;
	border-top: 1px solid #e6e6e6;
}

.guide-note li h2 {
	position: relative;
	height: 68px;
	padding-top: 2px;
	color: #111;
	font-size: 18px;
	font-weight: 600;
	line-height: 69px;
	border-bottom: 1px solid #e0e0e0;
}

.guide-note.warning h2 {
	border-bottom: 0 none;
	padding-top: 40px;
	height: auto;
	line-height: initial;
}

.guide-note li h2 span {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	display: inline-block;
	border-bottom: 1px solid #111;
}

.guide-note li .note-cont {
	padding: 30px 30px 0 0;
}

.guide-note.warning li .note-cont {
	padding-top: 10px;
}

.guide-note li .note-cont h3:first-child {
	margin-top: 0;
}

.guide-note li .note-cont h3 {
	margin-top: 35px;
	color: #7451c0;
	font-size: 18px;
	font-weight: 500;
}

.list-dep1 {
	margin-top: 15px;
}

.list-dep1 li:first-child {
	margin-top: 0;
}

.list-dep1 li, p.list-dep1 {
	position: relative;
	margin-top: 9px;
	padding-left: 13px;
	color: #4c4c4c;
	line-height: 1.6;
}

.list-dep1>li:before, p.list-dep1:before {
	content: '';
	display: inline-block;
	width: 3px;
	height: 3px;
	margin: 10px 10px 0 -13px;
	vertical-align: top;
	border-radius: 3px;
	background: #000;
}

.list-dep1 li, p.list-dep1 {
	position: relative;
	margin-top: 9px;
	padding-left: 13px;
	color: #4c4c4c;
	line-height: 1.6;
}

.list-dep1 li .list-dep2 {
	padding-top: 10px;
}

.list-dep1 li .list-dep2 li {
	text-indent: -10px;
}

.list-dep1 li .list-dep2 li:before {
	content: "-";
	margin-right: 5px;
}

/* ============================================================================================
	회사소개
============================================================================================ */
/* CEO인사말 (Web-04.01.html) */
.ceo-visual {
	width: 100%;
	background-color: #f0f0f8;
}

.ceo-visual .box-inner {
	position: relative;
	width: 1000px;
	min-height: 435px;
	margin: 0 auto;
	padding: 180px 0 50px;
	box-sizing: border-box;
}

.ceo-visual .visual-text {
	
}

.ceo-visual .visual-text .tit {
	display: block;
	vertical-align: top;
}

.ceo-visual .visual-text p {
	margin-top: 14px;
	color: #111;
	font-size: 18px;
	font-weight: 400;
	line-height: 25px;
}

.ceo-visual .visual-text .name-box {
	position: absolute;
	left: 0;
	bottom: 35px;
	color: #111;
	font-size: 16px;
	font-weight: 600;
	line-height: 44px;
}

.ceo-visual .visual-text .name-box .name {
	display: inline-block;
	margin-left: 15px;
	font-size: 0;
	vertical-align: middle;
	line-height: 0;
}

.ceo-visual .visual-img {
	position: absolute;
	right: -175px;
	bottom: 0;
}

.ceo-visual .visual-img img {
	vertical-align: top;
}

.intro-text {
	margin-top: 45px;
}

.intro-text strong {
	font-weight: 600;
}

.intro-text .text1 {
	margin-top: 20px;
	color: #111;
	font-size: 18px;
	font-weight: 600;
	line-height: 24px;
}

.intro-text .text1:first-child {
	margin-top: 0;
}

.intro-text .text2 {
	margin-top: 20px;
	color: #4c4c4c;
	font-size: 15px;
	font-weight: 400;
	line-height: 24px;
}

/* 롯데카드소개 (Web-04.02.01.html) */
.intro-visual {
	position: relative;
	width: 100%;
}

.intro-visual.intro1 {
	background: #f2f8fd url(../images/img/intro_img01.jpg) no-repeat 50% 0;
	background-size: cover;
}

.intro-visual.intro2 {
	background: #000 url(../images/img/intro_img04.jpg) no-repeat 50% 0;
	background-size: cover;
}

.intro-visual.intro3 {
	background: url(../images/img/intro_img03.jpg) no-repeat 0 0;
	background-size: cover;
}

.intro-visual .box-inner {
	position: relative;
	width: 1000px;
	height: 434px;
	margin: 0 auto;
	padding: 197px 0 133px;
	box-sizing: border-box;
	text-align: center;
}

.intro-visual .visual-text {
	
}

.intro-visual .visual-text .tit {
	display: block;
	vertical-align: top;
}

.intro-visual .visual-text p {
	margin-top: 14px;
	color: #111;
	font-size: 18px;
	font-weight: 400px;
	line-height: 25px;
}

.intro-visual .visual-img {
	position: absolute;
	right: 72px;
	bottom: 0;
}

.intro-visual .visual-img img {
	vertical-align: top;
}

/* 회사연혁 (Web-04.03.html) */
.history-wrap {
	position: relative;
}

.history-wrap:before {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: 15px;
	height: 1px;
	background-color: #b2b2b2;
}

.history-slider {
	position: relative;
	width: 1038px;
	margin: 70px auto 0;
}

.history-slider.btns-type1 .bx-controls-direction a {
	margin-top: -115px;
}

.history-slider.btns-type1 .bx-controls-direction .bx-next {
	right: 20px;
}

.history-slider.btns-type1 .bx-controls-direction .bx-prev {
	left: 20px;
}

.history-slider .slide-item {
	box-sizing: border-box;
	padding: 20px 20px 0;
}

.history-slider .slide-item .history-item {
	position: relative;
	padding: 158px 30px 30px;
	border-radius: 9px;
	background-color: #fff;
	box-shadow: 1px 2px 8px 3px rgba(0, 0, 0, .1);
}

.history-slider .slide-item .history-item .date {
	position: absolute;
	right: 30px;
	top: 23px;
	color: #555;
	font-size: 18px;
	font-weight: 600;
	text-align: right;
}

.history-slider .slide-item .history-item .text-area {
	position: absolute;
	left: 30px;
	right: 30px;
	bottom: 216px;
	margin-top: 20px;
	color: #333;
	font-size: 20px;
	font-weight: 600;
}

.history-slider .slide-item .history-item .text-area .f-color {
	color: #e60039;
}

.history-slider .slide-item .history-item .img-area {
	overflow: hidden;
	width: 243px;
	height: 162px;
	margin: 0 auto;
	font-size: 0;
}

.history-slider .slide-item .history-item .img-area {
	font-size: 0;
}

.history-slider .slide-item .history-item .img-area img {
	width: 100%;
}

.history-slider .years-area {
	position: relative;
	margin-top: 60px;
	padding-bottom: 67px;
	text-align: center;
}

.history-slider .years-area:before {
	content: '';
	position: absolute;
	left: 50%;
	bottom: 0;
	width: 30px;
	height: 30px;
	margin-left: -15px;
	background: url(../images/icon/icon_history.png) no-repeat 0 0;
}

.history-slider .slide-item .years-area .text {
	display: inline-block;
	position: relative;
	width: 140px;
	height: 50px;
	box-sizing: border-box;
	border-radius: 25px;
	background-color: #e60039;
	color: #fff;
	font-size: 18px;
	font-weight: 600;
	text-align: center;
	line-height: 50px;
}

.history-slider .slide-item .years-area .text:before {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: -12px;
	height: 12px;
	background: url(../images/icon/icon_history_arr.png) no-repeat 50% 0;
}

/* ============================================================================================
	고객센터
============================================================================================ */
/* 공지사항 목록 (Web-08.01.01.html) */
.search-form {
	padding: 30px 120px;
	background-color: #f7f7f7;
	box-sizing: border-box;
}

.search-form .search-box {
	position: relative;
	padding-right: 160px;
}

.search-form .search-box input {
	width: 100%;
	height: 40px;
	padding: 0 25px 0 50px;
	border: 1px solid #c9c9c9;
	background: #fff url(../images/common/icon_search.png) no-repeat 15px
		10px;
}

.search-form .search-box .btn-text {
	position: absolute;
	right: 0;
	top: 0;
	min-width: 130px;
}

/* FAQ (Web-08.02.01.html) */
.sorting-select {
	padding: 40px 15px 20px 0;
}

.sorting-select .title {
	display: inline-block;
	margin-right: 15px;
	font-size: 18px;
	font-weight: 900;
	line-height: 40px;
	vertical-align: top;
}

/* 지점안내 (Web-08.04.html) */
.point-list {
	border-top: 1px solid #111;
}

.point-list .item-point {
	border-bottom: 1px solid #e0e0e0;
}

.point-list .item-point .btn-tog {
	display: block;
	position: relative;
	width: 100%;
	padding: 15px 86px 15px 50px;
	box-sizing: border-box;
	color: #111;
	font-size: 16px;
	text-align: left;
	cursor: pointer;
}

.point-list .item-point .btn-tog:before {
	content: '';
	overflow: hidden;
	position: absolute;
	right: 50px;
	top: 50%;
	width: 26px;
	height: 26px;
	margin-top: -13px;
	background-image: url(../images/icon/icon_accor01.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}

.point-list .item-point.on .btn-tog:before {
	background-position: 0 -26px;
} /* on */
.point-list .item-point .btn-tog p {
	color: #111;
	font-size: 20px;
	font-weight: 600;
	line-height: 1.3;
}

.point-list .item-point .btn-tog .infor-list {
	margin-top: 15px;
}

.point-list .item-point .btn-tog .infor-list .item {
	position: relative;
	padding-left: 30px;
	color: #4c4c4c;
	font-size: 15px;
	font-weight: 400;
	line-height: 2.1;
}

.point-list .item-point .btn-tog .infor-list .item .tit {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
}

.point-list .item-point .layer {
	display: none;
	border-top: 1px solid #e0e0e0;
}

/*생활편의 sms서비스안내*/
.sms-info {
	width: 100%
}

.sms-info h3 {
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 22px
}

.sms-venndia {
	display: table;
	width: 100%
}

.sms-venndia>div:first-child {
	position: relative
}

.sms-venndia>div:first-child:after {
	content: "";
	width: 1px;
	height: 72px;
	background: #f2f2f2;
	position: absolute;
	top: 70px;
	right: 0
}

.sms-venndia div {
	display: table-cell;
	width: 50%;
	text-align: center
}

.sms-venndia div h4 {
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 10px
}

.sms-venndia div .sms-img {
	width: 500px;
	height: 190px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}

.sms-venndia div .sms-img .table {
	display: table;
	width: 63%;
	margin: 0 auto;
	height: 190px;
}

.sms-venndia div .sms-img .table>div {
	display: table-cell;
	width: 50%;
	text-align: center;
	vertical-align: middle;
	font-size: 20px;
	font-weight: 600
}

.sms-venndia div .sms-img .table .inner-conts:first-child {
	color: #fff;
}

.sms-venndia div .sms-img.img01 {
	background-image: url(../images/img/sms-img.png)
}

.sms-venndia div .sms-img.img02 {
	background-image: url(../images/img/sms-img02.png)
}

.sms-use-info {
	margin-bottom: 60px
}

.sms-service.accordion-list1.type2 .layer {
	padding-left: 50px
}

.sms-service ul li {
	font-size: 14px;
	font-weight: 600;
	color: #737373
}
/* ============================================================================================
	기타
============================================================================================ */
/* 로딩영역 */
.loading-area {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 10001;
	background-color: rgba(0, 0, 0, .4);
}

.loading-area .loading {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 70px;
	height: 70px;
	font-size: 0;
}

.loading-area .loading img {
	width: 100%;
	height: 100%;
}

/* 에러 (Web-10.05.1.html, Web-10.05.2.html) */
.error-page {
	padding: 235px 0 125px;
}

.error-page .error-content {
	text-align: center;
}

.error-page .error-content .img-area {
	font-size: 0;
}

.error-page .error-content .text1 {
	margin-top: 40px;
	color: #111;
	font-size: 30px;
	font-weight: 600;
}

.error-page .error-content .text2 {
	margin-top: 15px;
	color: #111;
	font-size: 18px;
}

/* 오픈안내 */
.fullpage-wrap {
	min-width: 1005px;
	padding: 0 10px;
	box-sizing: border-box;
}

.fullpage-wrap .inner-box {
	width: 100%;
	max-width: 1024px;
	margin: 0 auto;
	box-sizing: border-box;
}

.fullpage-wrap .text-cont {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 120px;
	min-width: 1005px;
	background: url(../images/img/img_fullpage.jpg) no-repeat 50% 50%;
	background-size: cover;
}

.fullpage-wrap .text-cont .inner-box {
	position: absolute;
	left: 50%;
	top: 26%;
	width: 1005px;
	margin-left: -502px;
	padding: 0 10px;
	box-sizing: border-box;
	color: #111;
	font-weight: 600;
}

.fullpage-wrap .text-cont .inner-box .text1 {
	font-size: 38px;
}

.fullpage-wrap .text-cont .inner-box .text2 {
	margin-top: 8px;
	font-size: 42px;
	line-height: 1.2;
}

.fullpage-wrap .text-cont .inner-box .text3 {
	margin-top: 28px;
	font-size: 18px;
}

.fullpage-footer {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 120px;
	min-width: 1005px;
	padding: 0 10px;
	box-sizing: border-box;
	background-color: #f7f7f7;
}

.fullpage-footer .inner-box {
	position: relative;
	height: 120px;
}

.fullpage-footer .inner-box:after {
	content: '';
	display: block;
	clear: both;
}

.fullpage-footer .address {
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -25px;
	color: #555;
	font-size: 13px;
	font-weight: 600;
	line-height: 25px;
}

.fullpage-footer .leng-select {
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -15px;
}

/* 약관 */
.policy-cont .policy-title {
	text-align: center;
	font-size: 16px;
}

.policy-cont .title {
	margin: 40px 0 10px;
	color: #111;
	font-size: 18px;
	font-weight: 600;
}

.policy-cont .cont {
	padding-left: 20px;
}

.policy-cont .list1 {
	margin: 10px 0;
}

.policy-cont .list1>li {
	margin-left: 15px;
	text-indent: -15px;
}

.policy-cont .list2 {
	margin: 10px 0;
}

.policy-cont .list2>li {
	position: relative;
	padding-left: 15px;
}

.policy-cont .list2>li:before {
	content: '';
	position: absolute;
	left: 0;
	top: 15px;
	width: 2px;
	height: 2px;
	border-radius: 50%;
	background-color: #555;
}

.policy-cont .list3 {
	margin: 5px 0;
}

.policy-cont .list3>li {
	margin-left: 8px;
	text-indent: -8px;
}

.policy-cont .list4 {
	margin: 5px 0;
}

.policy-cont .list4>li {
	margin-left: 18px;
	text-indent: -18px;
}

.policy-cont .bull1 {
	position: relative;
	padding-left: 15px;
	margin-left: 0;
	text-indent: 0;
}

.policy-cont .bull1:before {
	content: '';
	position: absolute;
	left: 0;
	top: 9px;
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background-color: #555;
}

/* ============================================================================================
	레이어팝업
============================================================================================ */
.layer-popup {
	display: none;
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 60;
	background-color: rgba(0, 0, 0, .7);
}

.layer-popup.show {
	display: block;
}

.layer-popup .dimmed {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}

.layer-popup .popup {
	overflow-y: auto;
	position: absolute;
	left: 50%;
	top: 50%;
	box-sizing: border-box;
	background-color: #fff;
	padding: 40px 80px;
}

.layer-popup .popup.cont-type-list {
	padding: 40px;
}

.h-full.layer-popup .popup {
	margin-top: 0 !important;
	top: 20px;
	bottom: 20px;
}

.layer-popup .popup .cont {
	color: #4c4c4c;
	text-align: center;
}

.layer-popup .popup .btn-close {
	position: absolute;
	right: 20px;
	top: 20px;
	z-index: 5;
	width: 60px;
	height: 60px;
	background: url(../images/icon/btn_close04.png) no-repeat 50% 50%;
	font-size: 0;
	text-indent: -9999px;
	line-height: 0;
}

.layer-popup .popup .btn-bottom-area {
	margin-top: 40px;
	text-align: center;
	margin-left: -80px;
	margin-right: -80px;
}

.layer-popup .popup.cont-type-list .btn-bottom-area {
	margin-left: 0;
	margin-right: 0;
}

.layer-popup .popup .btn-bottom-area .btn-text {
	min-width: 130px;
	height: 45px;
	margin-left: 8px;
	line-height: 45px;
}

.layer-popup .popup .btn-bottom-area .btn-text:first-child {
	margin-left: 0;
}

.layer-popup .popup .btn-bottom-area .btn-text.type1 {
	line-height: 43px;
}

/* 스크롤 방식 */
.layer-popup .popup .title-area {
	height: 100px;
	margin-top: -40px;
	display: table;
	width: 100%;
}

.layer-popup .popup .title-area .p-title {
	color: #111;
	font-size: 26px;
	font-weight: 600;
	text-align: center;
	vertical-align: middle;
	display: table-cell;
	padding-right: 20px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}

.layer-popup .popup .scoll-cont {
	overflow-y: auto;
	max-height: 350px;
	margin: 0 -40px;
}

/* 결제일 변경 - 03.14.01 */
.layer-popup .popup .cont.paydate .pop-paydate-head {
	padding: 18px 50px;
	border-top: 1px solid #111;
	color: #111;
	font-size: 15px;
}

.layer-popup .popup .cont.paydate .pop-paydate-body {
	color: #737373;
	font-size: 15px;
	padding: 20px 50px;
}

.layer-popup .popup .cont.paydate .pop-paydate-body li {
	margin-bottom: 20px;
}

.layer-popup .popup .cont.paydate .pop-paydate-body li:last-child {
	margin-bottom: 0;
}

.layer-popup .popup .cont.paydate .pop-paydate-head span:first-child,
	.layer-popup .popup .cont.paydate .pop-paydate-body li span:first-child
	{
	float: left;
}

.layer-popup .popup .cont.paydate .pop-paydate-head span:last-child,
	.layer-popup .popup .cont.paydate .pop-paydate-body li span:last-child
	{
	float: right;
}

.layer-popup .popup .cont.paydate .pop-paydate-head:after, .layer-popup .popup .cont.paydate .pop-paydate-body li:after
	{
	clear: both;
	content: "";
	display: block;
}

/* 대출접수 (loan/MA-05.03.01.html) */
.layer-popup .popup .complated {
	color: #737373;
	font-weight: 600;
}

.layer-popup .complated .icon-text {
	padding: 90px 0 13px;
	background: url(../images/icon/icon_complated.png) no-repeat 50% 0;
	color: #333;
	font-size: 26px;
	font-weight: 400;
}

.layer-popup .complated.failure .icon-text {
	background-image: url(../images/icon/icon_failure.png);
}

.layer-popup .complated .icon-text strong {
	font-weight: 900;
}

.pop-cont-list {
	padding: 40px 30px;
	border-top: 1px solid #777;
	border-bottom: 1px solid #e6e6e6;
}

.pop-cont-list .pop-cont-item {
	overflow: hidden;
	margin-bottom: 15px;
	line-height: 15px;
}

.pop-cont-list .pop-cont-item:last-child {
	margin-bottom: 0;
}

.pop-cont-list .pop-cont-item div {
	font-size: 14px;
}

.pop-cont-list .pop-cont-item div:first-child {
	float: left;
	color: #777;
}

.pop-cont-list .pop-cont-item div:last-child {
	float: right;
	color: #111;
	font-weight: 600;
}

.pop-cont-desc {
	font-size: 14px;
	margin-top: 20px;
	line-height: 22px;
}

/*카드상세*/
.card-detail-cont .sqaure-box-img {
	width: 178px;
	min-height: 178px;
	display: inline-block;
}

.card-detail-head {
	background-color: #ececec
}

.card-detail-cont {
	width: 1000px;
	margin: 0 auto
}

.card-gray {
	position: relative;
	padding-top: 175px
}

.card-gray:before {
	content: "";
	width: 100%;
	height: 260px;
	background-color: #ececec;
	position: absolute;
	top: 110px;
	left: 0;
	z-index: -1
}

.card-detail-cont .card-top-cont h3 {
	font-size: 30px;
	font-weight: 600;
	text-align: center;
	margin-bottom: 10px
}

.scroll .card-detail-cont .card-top-cont h3 {
	position: fixed;
	top: 40px;
	width: 100%;
	text-align: center;
	left: 0;
	right: 0;
	z-index: 65;
	height: 85px;
	box-shadow: 2px 3px 8px rgba(0, 0, 0, .1);
	background-color: #fff;
	line-height: 85px;
}

.card-detail-cont .card-top-cont {
	text-align: center
}

.card-detail-cont .card-top-cont .sub-tit {
	margin-bottom: 25px
}

.card-detail-cont .card-top-cont .sqaure-box-img {
	width: 280px;
	margin: 0 auto;
	vertical-align: middle;
	margin-bottom: 15px
}

.card-detail-cont .card-top-cont .sqaure-box-img img {
	border-radius: 15px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
}

.card-detail-cont .card-top-cont .accordion-list1 {
	border-top: none
}

.card-detail-cont .card-top-cont .accordion-list1 .accordion-item .btn-tog
	{
	border-bottom: none;
	font-size: 15px;
	text-align: center;
	padding: 15px 0
}

.card-detail-cont .card-top-cont .accordion-list1 .accordion-item .btn-tog>span
	{
	padding-right: 25px;
	background-image: url(../images/img/card-arr.png);
	background-repeat: no-repeat;
	background-position: center right;
	display:inline-block;
}

.card-detail-cont .card-top-cont .accordion-list1 .accordion-item.on .btn-tog>span
	{
	background-image: url(../images/img/card-arr-on.png);
}

.card-detail-cont .card-top-cont .accordion-list1 .accordion-item .btn-tog:before
	{
	background: none
}

.card-detail-cont .card-top-cont .accordion-list1 .accordion-item.on .btn-tog
	{
	color: #333;
	font-weight: 400
}

.card-detail-cont .card-top-cont .accordion-list1 .accordion-item .btn-tog .boxed-font
	{
	border: 1px solid #333;
	padding: 2px 5px;
	border-radius: 3px
}

.card-detail-cont .card-top-cont .accordion-list1 .accordion-item .layer
	{
	border: none;
	background-color: #fae0e6
}

.card-detail-cont .card-top-cont .accordion-list1 .accordion-item .layer>div
	{
	width: 100%
}

.card-detail-cont .card-top-cont .accordion-list1 .accordion-item .layer>div .master,
	.card-detail-cont .card-top-cont .accordion-list1 .accordion-item .layer>div .visa
	{
	font-size: 30px;
	font-weight: 600;
	padding: 15px 0
}

.card-detail-cont .card-top-cont .accordion-list1 .accordion-item .layer>div .master
	{
	border-top: 1px solid #d9d9d9
}

.card-detail-cont .card-top-cont .card-detail-categ {
	display: table;
	margin: 0 auto
}

.card-detail-cont .card-top-cont .card-detail-categ>div {
	display: table-cell;
	padding: 45px 60px 55px 60px
}

.card-detail-cont .card-top-cont .card-detail-categ>div p {
	width: 180px;
	font-size: 16px
}

.card-detail-cont .card-top-cont .card-detail-categ>div h4 {
	font-size: 20px;
	font-weight: 600;
	position: relative;
	padding-bottom: 10px;
	margin-bottom: 15px
}

.card-detail-cont .card-top-cont .card-detail-categ>div h4:after {
	content: "";
	width: 30px;
	height: 2px;
	background-color: #b3b3b3;
	position: absolute;
	bottom: 0;
	left: calc(50% - 15px)
}

.card-top-cont .layer .card-for {
	width: 101px;
	height: 51px;
	background-repeat: no-repeat;
	background-position: center center;
	margin: 0 auto 20px auto;
}

.card-top-cont .visa {
	position: relative
}

.card-top-cont .img-visa {
	background-image: url(../images/img/visa-web.png)
}

.card-top-cont .img-master {
	background-image: url(../images/img/master-web.png)
}

.card-top-cont .fee-conts:after {
	content: "";
	clear: both;
	display: block
}

.card-top-cont .fee-conts>div {
	float: left;
	width: 50%
}

.summary .summary-cont {
	padding: 40px 0 40px 30px;
	border-bottom: 1px solid #e6e6e6
}

.summary .summary-cont h4 a {
	margin-bottom: 10px;
	padding-right: 30px;
	position: relative;
	cursor: pointer
}

.summary .summary-cont h4 a:after {
	content: "";
	width: 19px;
	height: 19px;
	background: url(../images/img/card-sum-arr.png) no-repeat center center;
	position: absolute;
	top: 3px;
	right: 0;
}

.summary .summary-cont h4 a {
	font-size: 18px;
	font-weight: 600
}

.summary .summary-cont .card-conts-detail {
	padding-left: 15px
}

.summary .summary-cont .card-conts-detail li {
	line-height: 35px
}

.card-partition .tab-cont .accordion-list1 {
	border-top: none
}

.card-partition .tab-cont .accordion-list1 .btn-tog {
	padding: 36px 25px;
	font-weight: 600
}

.card-partition .card-partition-tit {
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 25px
}

.dot-prefix li {
	padding-left: 8px;
	position: relative;
	color: #333;
	line-height: 20px;
	margin-bottom: 10px;
}

.dot-prefix>li:last-child {
	margin-bottom: 0;
}

.dot-prefix>li:before {
	content: "";
	position: absolute;
	top: 8px;
	left: 0;
	display: inline-block;
	width: 3px;
	height: 3px;
	border-radius: 50%;
	background: #000000
}

.dot-prefix>li ul {
	padding-top: 10px;
}

.dot-prefix>li ul li:before {
	content: "-";
	position: absolute;
	top: 0;
	left: 0;
	display: inline-block;
	font-size: 15px;
	height: 20px;
	line-height: 20px;
}

.card-detail-cont .btn-btm-area .btn-text {
	background: #373242
}

.card-partition .tab-y .btn.prev {
	left: 0;
	background-image: url(../images/img/tab-swip-left.png);
	border-bottom: none;
	cursor: pointer
}

.card-partition .tab-y .btn.prev.pause {
	background-image: url(../images/img/tab-swip-left-p.png);
	cursor: default
}

.card-partition .tab-y .btn.next {
	right: 0;
	background-image: url(../images/img/tab-swip-right.png);
	border-bottom: none;
	cursor: pointer
}

.card-partition .tab-y .btn.next.pause {
	background-image: url(../images/img/tab-swip-right-p.png);
	cursor: default
}

.card-partition .tab-list1 {
	overflow: auto
}

.card-partition .tab-y .tab-item:first-child {
	border-left: none
}

.card-partition .tab-list1 .btn-wrap {
	position: fixed
}

.card-detail-cont .btn-btm-area .btn-text {
	background: #373242
}

/* 카드메인 */
.sub-menu-wrap .sub-menu {
	border: 1px solid #e6e6e6;
	padding-left: 12px
}

.sub-menu-wrap .sub-menu li {
	display: inline-block;
}

.sub-menu-wrap .sub-menu li a {
	padding: 20px 30px;
	display: inline-block
}

.sub-menu-wrap .sub-menu li.on a .txt:after {
	content: "";
	width: 100%;
	height: 2px;
	background-color: #e60039;
	bottom: 0;
	left: 0;
	position: absolute
}

.sub-menu-wrap .sub-menu li.on a .txt {
	position: relative;
	color: #e60039;
	padding-bottom: 4px
}

.cards:after {
	display: block;
	clear: both;
	content: "";
}

.cards .card-item {
	text-align: center;
	width: 33.3333%;
	float: left;
}

.cards a {
	display: inline-block;
	cursor: pointer
}

.cards .card-item .card-img {
	width: 260px;
	height: 260px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	margin: 0 auto
}

.cards .card-item .card-description .card-item-tit {
	min-height: 48px;
}

.cards .card-item .card-description .card-item-des {
	min-height: 48px;
}

.card-main-tab {
	margin-top: 116px
}

.card-main-details.thumb-list-wrap {
	margin-top: 90px;
}

.card-main-details.thumb-list-wrap .sorting-list {
	margin-top: 23px
}

.card-main-details.thumb-list-wrap .sorting-list .btn.on {
	color: #eb3361
}

.card-main-details.thumb-list-wrap .sorting-list .btn.on:before {
	background-color: #eb3361
}

.cards .card-item .card-img.img01 {
	background-image: url(../images/img/card-main-img01.png)
}

.cards .card-item .card-img.img02 {
	background-image: url(../images/img/card-main-img02.png)
}

.cards .card-item .card-img.img03 {
	background-image: url(../images/img/card-main-img03.png)
}

.cards .card-item p {
	font-size: 14px;
	color: #989898
}

.cards .card-item p.card-item-tit {
	margin: 28px 0 5px 0;
	font-weight: 600;
	font-size: 16px;
	color: #333
}

.cards {
	margin-bottom: 100px
}

.card-partition .tab-y {
	height: 50px;
	overflow-y: hidden;
	border-bottom: 1px solid #ececec;
	position: relative;
	padding-left: 50px;
	padding-right: 50px
}

.card-partition .tab-y .btn {
	position: absolute;
	top: 0;
	border: 1px solid #ececec;
	width: 50px;
	height: 50px;
	display: inline-block;
	box-sizing: border-box;
	background-repeat: no-repeat;
	background-position: center center;
	background-color: #fff
}

.clear-fix:after {
	content: "";
	clear: both;
	display: block
}

/* 이벤트상세 - 빠른대출신청 */
.apply-now .apply-now-img {
	margin-bottom: 20px;
}

.apply-now .apply-now-img img {
	width: 100%;
}

.apply-now .board-title-area {
	padding-bottom: 0;
}

.apply-now .board-subtitle {
	font-size: 16px;
	margin-bottom: 20px;
}

.popup .pop-text-highlight {
	color: #e22d8b;
}

/*카드신청*/
.comp {
	display: none
}

.card-family {
	margin-left: -40px;
	margin-right: -40px;
}

.card-family .board-write1 {
	border-bottom: 1px solid #e0e0e0;
	padding-bottom: 13px;
}

.card-family .board-write1:last-child {
	border-bottom: 0 none;
}

.card-family .board-write1 .board {
	border-top: 0 none;
}

.card-family .board-write1 .board th {
	padding: 7px 15px;
	border-bottom: 0;
}

.card-family .board-write1 .board td {
	padding: 7px 0;
	border-bottom: 0;
}

.card-family .board-write1+.board-write1 {
	margin-top: 13px;
}

/*카드신청절차*/
.card-step-list {
	background-color: #fff;
	border: 1px solid #e5e5e5;
	margin-top: 20px
}

/*카드 목록*/
.card-list .card-list-tit {
	font-size: 20px;
	font-weight: 900;
	position: relative;
	display: inline-block;
	padding-right: 25px;
	margin-bottom: 60px
}

.card-list .card-list-tit:after {
	content: "";
	position: absolute;
	width: 16px;
	height: 21px;
	background: url(../images/img/card-list-arr.png) no-repeat center center;
	top: 3px;
	right: 0
}

.card-list .cards {
	margin-bottom: 90px
}

.card-list .card-list-more {
	
}

.card-list .card-list-more button {
	text-align: center;
	width: 100%;
	padding: 13px 0;
	border-top: 1px solid #e0e0e0;
	border-bottom: 1px solid #e0e0e0;
	font-size: 14px;
	font-weight: 600;
}

.card-list .card-list-more button span {
	color: #b8b8b8;
	font-weight: 400;
	margin-left: 5px
}

.card-list {
	margin-bottom: 100px
}

.card-list:last-child {
	margin-bottom: 0
}

/* 카드이용안내 06.05.02 */
.card-useage.accordion-list1 .accordion-item .btn-tog {
	font-weight: 600;
	padding: 30px 86px 30px 50px;
}

/* 친구에게카드추천 06.06.01 */
.btn-recom-card {
	text-align: right;
}

.recom-card-list {
	margin: 45px 0 60px;
}

.recom-card-list.product-list {
	margin-top: 100px;
}

.recom-card-list .recom-card {
	margin-bottom: 70px;
}

.recom-card-list .recom-card:last-child {
	margin-bottom: 0;
}

.recom-card-list .recom-card:after {
	content: "";
	display: block;
	clear: both;
}

.recom-card-list .recom-card .recom-card-img {
	padding-right: 39px;
	float: left;
}

.recom-card-list .recom-card .recom-card-img>span {
	display: block;
	width: 281px;
	height: 281px;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: 0 0;
}

.recom-card-list .recom-card .recom-card-cont {
	width: 680px;
	float: left;
}

.recom-card-list .recom-card .recom-card-cont>.tit {
	font-size: 26px;
	font-weight: 900;
	height: 26px;
	line-height: 26px;
	color: #111;
	margin-bottom: 15px;
}

.recom-card-list .recom-card .recom-card-cont>.subtit {
	font-size: 18px;
	color: #111;
	margin-bottom: 20px;
}

.recom-card-list .recom-card .recom-card-cont>.cont {
	border-top: 1px solid #010000;
	padding-top: 25px;
}

.recom-card-list .recom-card .recom-card-cont>.cont>.tit {
	font-size: 18px;
	font-weight: 600;
	color: #5732a0;
	margin-bottom: 15px;
}

.recom-card-list .recom-card .recom-card-cont>.cont>.subtit-list {
	margin-bottom: 20px;
}

.recom-card-list .recom-card .recom-card-cont>.cont>.subtit-list:last-child
	{
	margin-bottom: 0;
}

.recom-card-list .recom-card .recom-card-cont>.cont>.subtit-list li {
	color: #434343;
	margin-bottom: 5px;
	padding-left: 12px;
	position: relative;
}

.recom-card-list .recom-card .recom-card-cont>.cont>.subtit-list li:before
	{
	position: absolute;
	top: 0;
	left: 0;
	content: "\2022";
}

.recom-card-list .recom-card .recom-card-cont>.cont>.subtit-list li:last-child
	{
	margin-bottom: 0;
}

.recom-card-list .recom-card .recom-card-cont>.cont>.box-btn-recom {
	overflow: hidden;
}

.recom-card-list .recom-card .recom-card-cont>.cont>.box-btn-recom>a {
	display: block;
	float: left;
	width: 40px;
	height: 40px;
	border-radius: 100%;
	position: relative;
	margin-right: 8px;
	background-color: #f2f2f2;
}

.recom-card-list .recom-card .recom-card-cont>.cont>.box-btn-recom>a:last-child
	{
	margin-right: 0;
}

.recom-card-list .recom-card .recom-card-cont>.cont>.box-btn-recom>a:before
	{
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	background-position: center;
	background-repeat: no-repeat;
}

.recom-card-list .recom-card .recom-card-cont>.cont>.box-btn-recom>a.recom01:before
	{
	background-image: url('../images/img/icon-recom01.png');
	background-position: 15px 11px;
}

.recom-card-list .recom-card .recom-card-cont>.cont>.box-btn-recom>a.recom02:before
	{
	background-image: url('../images/img/icon-recom02.png');
}

.recom-card-list .recom-card .recom-card-cont>.cont>.box-btn-recom>a.recom03:before
	{
	background-image: url('../images/img/icon-recom03.png');
}

.recom-card-list .recom-card .recom-card-cont>.cont>.box-btn-recom>a.recom04:before
	{
	background-image: url('../images/img/icon-recom04.png');
	background-position: 11px 12px;
}

.recom-card-list .recom-card .recom-card-cont>.cont>.box-btn-recom>a.recom05:before
	{
	background-image: url('../images/img/icon-recom05.png');
}

.recom-card-list .recom-card .recom-card-cont>.btn-wrap {
	margin-top: 30px;
}

.recom-notice {
	padding: 20px 30px;
	border: 1px solid #e0e0e0;
	margin-bottom: 60px;
	color: #434343;
}

.recom-notice>li {
	position: relative;
	padding-left: 12px;
	line-height: 35px;
}

.recom-notice>li:before {
	position: absolute;
	top: 0;
	left: 0;
	content: "\2022";
}

.recom-notice>li>ul>li {
	padding-left: 12px;
	position: relative;
}

.recom-notice>li>ul>li:before {
	content: "-";
	position: absolute;
	top: 0;
	left: 0;
}

.layer.recom-note li {
	position: relative;
	padding-left: 12px;
	margin-bottom: 15px;
}

.layer.recom-note li:before {
	position: absolute;
	top: 0;
	left: 0;
	content: "\2022";
}

.layer-popup .pop-recom-tit {
	color: #333;
	margin-bottom: 15px;
	text-align: left;
}

.layer-popup .pop-recom-cont {
	border-top: 1px solid #777;
	border-bottom: 1px solid #e6e6e6;
	font-size: 16px;
	font-weight: bold;
	color: #111;
	padding: 40px;
}

/* 친구에게카드추천 본인인증 06.06.02 */
.layer-popup .popup .recom-card-identify .rcmd-step {
	border-top: 1px solid #e5e5e5;
	padding-top: 20px;
	padding-bottom: 10px;
}

.layer-popup .popup .recom-card-identify .rcmd-step ul li {
	display: table;
	padding: 0 35px;
	margin-bottom: 20px;
}

.layer-popup .popup .recom-card-identify .rcmd-step ul li>span {
	vertical-align: top;
}

.layer-popup .popup .recom-card-identify .rcmd-step .step-num {
	display: table-cell;
	width: 55px;
}

.layer-popup .popup .recom-card-identify .rcmd-step .step-num div {
	display: inline-block;
	width: 55px;
	height: 55px;
	border-radius: 50%;
	background: #e6e6e6;
	text-align: center;
}

.layer-popup .popup .recom-card-identify .rcmd-step .step-num span {
	padding-top: 5px;
	display: block;
	font-size: 10px;
	color: #737373;
}

.layer-popup .popup .recom-card-identify .rcmd-step .step-num p {
	font-size: 18px;
	font-weight: 600;
}

.layer-popup .popup .recom-card-identify .rcmd-step .step-msg {
	display: table-cell;
	padding-left: 60px;
	background-repeat: no-repeat;
	background-position: 20px 3px;
	text-align: left
}

.layer-popup .popup .recom-card-identify .rcmd-step .step-msg.msg01 {
	background-image: url(../images/img/step-icon01.png)
}

.layer-popup .popup .recom-card-identify .rcmd-step .step-msg.msg02 {
	background-image: url(../images/img/step-icon02.png)
}

.layer-popup .popup .recom-card-identify .rcmd-step .step-msg.msg03 {
	background-image: url(../images/img/step-icon03.png)
}

.layer-popup .popup .recom-card-identify .icon-area {
	width: 118px;
	height: 118px;
	margin: 0 auto 20px;
	border-radius: 100%;
	background-color: #e60039;
	border: 1px solid #e60039;
	position: relative;
}

.layer-popup .popup .recom-card-identify .icon-area:before {
	content: "";
	position: absolute;
	top: 1px;
	left: 1px;
	width: 118px;
	height: 118px;
	display: block;
	background-position: center;
	background-repeat: no-repeat;
}

.layer-popup .popup .recom-card-identify .icon-area.recom01 {
	background-color: #0c5b9a;
	border: 1px solid #0c5b9a;
}

.layer-popup .popup .recom-card-identify .icon-area.recom01:before {
	background-image: url(../images/img/icon-recom01-big.png);
}

.layer-popup .popup .recom-card-identify .icon-area.recom02 {
	background-color: #fff;
	border: 1px solid #1681c4;
}

.layer-popup .popup .recom-card-identify .icon-area.recom02:before {
	background-image: url(../images/img/icon-recom02-big.png);
}

.layer-popup .popup .recom-card-identify .icon-area.recom03 {
	background-color: #ffe800;
	border: 1px solid #ffe800;
}

.layer-popup .popup .recom-card-identify .icon-area.recom03:before {
	background-image: url(../images/img/icon-recom03-big.png);
}

.layer-popup .popup .recom-card-identify .icon-area.recom04:before {
	background-image: url(../images/img/icon-recom04-big.png);
}

.layer-popup .popup .recom-card-identify .icon-area.recom05:before {
	background-image: url(../images/img/icon-recom05-big.png);
}

.layer-popup .recom-card-identify .text-area {
	font-size: 16px;
	color: #4c4c4c;
	margin-bottom: 25px;
}

.layer-popup .recom-card-identify .text-area strong {
	font-weight: 900;
}

.layer-popup .recom-card-identify .recom-msg {
	padding: 30px;
	text-align: left;
	color: #777;
	font-size: 14px;
	font-weight: 600;
}

.layer-popup .recom-card-identify .recom-msg>span {
	display: block;
}

.layer-popup .recom-card-identify .recom-msg>span.recom-url {
	margin-top: 25px;
}

.layer-popup .popup .recom-card-identify+.btn-bottom-area {
	margin-left: 0;
	margin-right: 0;
}

/* 친구에게카드추천완료 06.06.03 */
.recom-card-done {
	margin-top: 65px;
	padding-top: 75px;
	border-top: 1px solid #010000;
}

.recom-card-done .recom-card-img {
	text-align: center;
	margin: 0 auto 25px;
}

.recom-card-done>.tit {
	font-size: 26px;
	font-weight: 900;
	color: #111;
	margin-bottom: 20px;
	text-align: center;
}

.recom-card-done>.subtit {
	font-size: 18px;
	color: #111;
	text-align: center;
	margin-bottom: 50px;
}

.recom-card-done .recom-card-benefit {
	padding-left: 240px;
}

.recom-card-done .recom-card-benefit>.tit {
	font-size: 18px;
	color: #5732a0;
	margin-bottom: 25px;
}

.recom-card-done .recom-card-benefit>.subtit {
	font-size: 18px;
	color: #5732a0;
	font-weight: 600;
	margin-bottom: 15px;
}

.recom-card-done .recom-card-benefit>.subtit-list {
	margin-bottom: 25px;
}

.recom-card-done .recom-card-benefit>.subtit-list li {
	color: #434343;
	margin-bottom: 15px;
	padding-left: 12px;
	position: relative;
}

.recom-card-done .recom-card-benefit>.subtit-list li:before {
	position: absolute;
	top: 0;
	left: 0;
	content: "\2022";
}

.recom-card-done .recom-card-benefit>.subtit-list li:last-child {
	margin-bottom: 0;
}

.req-card .req-card-item {
	display: block;
	border: 1px solid #b3b3b3;
	padding: 35px 0;
	text-align: center;
	margin-bottom: 10px;
}

.req-card .req-card-item:last-child {
	margin-bottom: 0;
}

.req-card .req-card-item>span {
	display: inline-block;
	height: 51px;
	line-height: 51px;
	margin: 0 auto;
	padding: 0;
	position: relative;
	padding-right: 30px;
	font-size: 20px;
	font-weight: 600;
	color: #111;
}

.req-card .req-card-item>span:after {
	content: "";
	position: absolute;
	top: 16px;
	right: 0;
	width: 9px;
	height: 17px;
	background: url('../images/img/img-arrow-right.png') center no-repeat;
}

.req-card .req-card-item>span.req-card-online {
	padding-left: 51px;
}

.req-card .req-card-item>span.req-card-online:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 31px;
	height: 51px;
	background: url('../images/img/img-phone.png') center no-repeat;
}

.req-card .req-card-item>span.req-card-counsel {
	padding-left: 56px;
}

.req-card .req-card-item>span.req-card-counsel:before {
	content: "";
	position: absolute;
	top: 2px;
	left: 0;
	width: 41px;
	height: 47px;
	background: url('../images/img/img-counseller.png') center no-repeat;
}

/*기본혜택안내*/
.benefit-item {
	margin-bottom: 30px
}

.benefit-item:last-child {
	margin-bottom: 0
}

.benefit-tit {
	margin-bottom: 15px;
	font-size: 20px;
	font-weight: 600
}

.benefit-accod {
	margin-top: 30px;
}

.benefit-accod .layer {
	background-color: #f7f7f7
}

.benefit-tit-area {
	text-align: center;
	margin-bottom: 50px;
}

/*포인트 안내*/
.point-box {
	background: #f7f7f7;
	text-align: center;
	padding: 40px 0;
	margin: 20px 0 50px 0;
	display: table;
	width: 100%
}

.point-box	.point-use-list ul {
	padding: 0 100px
}

.point-box	.point-use-list ul li {
	border-bottom: 1px solid #e0e0e0;
	padding: 10px 0
}

.point-box	.point-use-list ul li span:first-child {
	float: left
}

.point-box	.point-use-list ul li span:last-child {
	float: right
}

.point-box>div {
	display: table-cell;
	vertical-align: middle
}

.point-box>div:first-child {
	width: 350px;
}

.point-box .point-user {
	font-size: 20px;
	font-weight: 600
}

.point-box .point-personal {
	font-size: 45px;
	font-weight: 900;
	margin-bottom: 30px
}

.point-use {
	margin-bottom: 45px
}

.point-use h3 {
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 15px
}

.point-use .point-use-list {
	border-top: 1px solid #262626
}

.point-use .point-use-list li {
	display: table;
	padding: 25px 0 25px 50px;
	border-bottom: 1px solid #e0e0e0;
	width: 100%;
	box-sizing: border-box
}

.point-use .point-use-list li div {
	display: table-cell;
}

.point-use .point-use-list li .point-img {
	width: 200px;
	height: 130px;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	background-image: url(../images/img/bg-img.png)
}

.point-use .point-use-list li .point-info {
	padding-left: 25px
}

.point-use .point-use-list li .point-info h4 {
	font-size: 16px;
	font-weight: 600;
	margin: 17px 0 14px 0
}

.point-use-info {
	border: 1px solid #e0e0e0;
	margin-top: 64px;
	width: 100%;
	padding-left: 30px;
	box-sizing: border-box
}

.point-use-info h3 {
	font-weight: 600;
	font-size: 18px;
	line-height: 70px;
	border-bottom: 1px solid #e0e0e0;
	position: relative
}

.point-use-info h3:after {
	content: "";
	position: absolute;
	bottom: -1px;
	left: 0;
	background: #333;
	width: 60px;
	height: 1px
}

.point-use-info ul {
	padding: 25px 0
}

/*포인트 상세*/
.point-detail-img {
	width: 100%;
	height: 200px;
	background-image: url(../images/img/point-mileage.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
}

.point-mileage-info h3 {
	font-size: 20px;
	font-weight: 600;
	margin: 60px 0 20px 0;
}

.point-mileage-info div:first-child h3 {
	margin-top: 35px
}

ul.point-ul li {
	line-height: 40px;
	margin-bottom: 0
}

ul.point-ul li:before {
	top: 16px
}

/*카드분실신고*/
.card-lost-use span {
	padding: 9px 0;
	display: inline-block
}

.card-use-list {
	border-top: none
}

.card-use-list .btn-tog {
	display: table;
	width: 100%;
	border-bottom: none;
	margin: 7px 0 15px 0;
}

.card-use-list .btn-tog:before {
	right: 0;
}

.card-use-list .btn-tog:last-child {
	margin-bottom: 0
}

.card-use-list .btn-tog div {
	display: table-cell;
}

.card-use-list .btn-tog div:last-child {
	text-align: right;
	font-size: 18px;
	font-weight: 600;
	vertical-align: middle;
	padding-right: 0
}

.card-use-list .btn-tog div:first-child span {
	color: #777777;
	font-size: 14px;
	padding: 10px;
	position: relative
}

.card-use-list .btn-tog div:first-child span:after {
	content: "";
	position: absolute;
	top: 15px;
	left: 0;
	width: 1px;
	height: 11px;
	background-color: #e5e5e5;
}

.card-use-list .btn-tog div:first-child span:nth-of-type(1):after {
	width: 0;
	height: 0;
}

.card-use-list .btn-tog div:first-child span:nth-of-type(1) {
	padding-left: 0
}

.card-use-list .btn-tog div:first-child h4 {
	font-size: 18px;
	font-weight: 600
}

.card-lost-notice {
	border: 1px solid #e0e0e0;
	margin-top: 70px;
	padding: 40px 30px;
}

.card-lost-notice h3 {
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 25px
}

.board-write1 .board td.address-add {
	padding-top: 0;
}

.board-write1 .board td.address {
	border-bottom: 0
}

/*분실신고 해제*/
.dot {
	width: 14px;
	height: 14px;
	display: inline-block;
	background: #333;
	border-radius: 50%;
}

.lost-canc-pw {
	margin-right: 7px
}

.cvc-mark {
	display: inline-block;
	width: 30px;
	height: 30px;
	background-image: url(../images/img/pacto.png);
	background-repeat: no-repeat;
	background-postion: center;
	vertical-align: middle;
	margin-left: 20px
}

/*분실신고완료*/
.card-lost-commplate .title {
	background: url(../images/icon/icon_complated.png) no-repeat 50% 0;
	margin-top: 40px;
	padding-top: 95px
}

.card-lost-commplate {
	background: none;
	padding-bottom: 0;
}
/*재발급*/
.btn-radiotype {
	display: table
}

.btn-radiotype div {
	display: table-cell
}

.btn-radiotype div input {
	width: 0;
	height: 0
}

.btn-radiotype div label {
	padding: 10px 0;
	border: 1px solid #c9c9c9;
	width: 118px;
	display: inline-block;
	text-align: center;
	color: #777777
}

.btn-radiotype div input:checked+label {
	background-color: #e60039;
	border: 1px solid #e60039;
	color: #fff
}

/*분실신고 해제*/
.cvc-parent {
	position: relative
}

.cvc-tooltip {
	position: absolute;
	top: 68px;
	left: 30px;
	background-color: #fff;
	border: 2px solid #121212;
	padding: 37px 30px;
	width: 373px;
	height: 256px;
	box-sizing: border-box;
	z-index: 2;
	display: none
}

.cvc-tooltip .cvc-tit {
	font-size: 18px;
	font-weight: 600;
	padding-left: 10px;
	position: relative;
	margin-bottom: 13px
}

.cvc-tooltip .cvc-close {
	width: 22px;
	height: 22px;
	display: inline-block;
	position: absolute;
	background: url(../images/img/cvc-close.png) no-repeat;
	background-size: contain;
	background-position: center;
	right: 40px;
	top: 20px
}

.cvc-tooltip .cvc-tit:before {
	content: "";
	width: 5px;
	height: 5px;
	background-color: #333333;
	position: absolute;
	border-radius: 50%;
	top: 12px;
	left: 0
}

.cvc-tooltip .cvc-card {
	width: 182px;
	height: 109px;
	display: inline-block;
	background-image: url(../images/img/cvc-card.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	margin-bottom: 10px
}

.cvc-tooltip .cvc-info {
	font-size: 16px
}
/*고객상담*/
.consult-type {
	margin-top: 48px
}

.consult-type>div {
	display: inline-block;
	width: calc(50% - 14px);
	border: 1px solid #e0e0e0;
	text-align: center;
	border-top: 2px solid #7451c0;
	margin-left: 20px
}

.consult-type a {
	display: inline-block;
	width: 100%;
	height: 100%;
	padding: 48px 0
}

.consult-type>div:first-child {
	margin-left: 0
}

.consult-type .consult-img {
	height: 90px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	margin-bottom: 12px
}

.consult-type	.btn-icon-link4 {
	font-size: 22px
}

.consult-type .phone {
	background-image: url(../images/img/icon-call.png);
}

.consult-type .chat {
	background-image: url(../images/img/icon-chat.png);
}

/*보유카드조회*/
.card-possess h3 {
	font-size: 20px;
	font-weight: 600;
	border-bottom: 1px solid #111111;
	padding-bottom: 16px
}

.card-possess ul li {
	display: table;
	border-bottom: 1px solid #e0e0e0;
	width: 100%;
	padding: 25px 50px;
	box-sizing: border-box;
}

.card-possess ul li>div {
	display: table-cell;
}

.card-possess ul li .card-possess-img {
	width: 130px;
	height: 80px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}

.card-possess ul li .card-possess-img.img01 {
	background-image: url(../images/img/img-mycard01.png)
}

.card-possess ul li .card-possess-img.img02 {
	background-image: url(../images/img/img-mycard02.png)
}

.card-possess ul li .card-possess-img.img03 {
	background-image: url(../images/img/img-mycard03.png)
}

.card-possess .card-possess-cont {
	padding-left: 27px
}

.card-possess .card-possess-cont .tit {
	font-size: 18px;
	font-weight: 600;
}

.card-possess .card-possess-cont .tit span {
	padding: 0 15px;
	position: relative;
}

.card-possess .card-possess-cont .tit span:after {
	content: "";
	width: 1px;
	height: 11px;
	background-color: #e5e5e5;
	position: absolute;
	top: 7px;
	right: 0
}

.card-possess .card-possess-cont .tit span:last-child:after {
	width: 0;
}

.card-possess .card-possess-cont .tit span:first-child {
	padding-left: 0
}

.card-possess .add-info {
	font-size: 14px;
	color: #777777;
	font-weight: 600;
	margin-top: 7px
}

.card-possess .btns {
	width: 90px;
	vertical-align: middle
}

.card-possess .btns a {
	width: 90px;
	cursor: pointer;
	height: 40px;
	border: 1px solid #111111;
	border-radius: 5px;
	display: inline-block;
	text-align: center;
	line-height: 40px
}

.card-possess .btns .useable {
	border: none;
	background: #9b9fa8;
	line-height: 24px;
	color: #fff;
	margin-bottom: 8px;
	width: 90px;
	border-radius: 5px;
	text-align: center
}

.card-possess-notice {
	margin-top: 20px;
}

.card-possess-notice p {
	color: #777777;
	font-size: 14px
}

/*카드신청내역*/
.card-application-list {
	margin-top: 50px
}

.card-application-list ul {
	border-top: 1px solid #111111;
}

.card-application-list .status-box {
	margin-top: 0
}
/*분실신고내역*/
.card-application-list .accordion-list1 .layer {
	padding-left: 50px
}

/*채무면제 */
.side-benefit>div {
	margin-bottom: 50px
}

.side-benefit>div>h3 {
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 18px
}

.side-benefit-notice .notice-list {
	
}

.side-benefit-notice .benefit-notice-list .table {
	margin-bottom: 10px;
	display: table;
	width: 100%;
}

.side-benefit-notice .benefit-notice-list .table>div {
	background-color: #f1edfd;
	padding: 40px 31px 30px 31px;
	box-sizing: border-box;
	display: table-cell;
	width: 50%;
}

.side-benefit-notice .benefit-notice-list .table>div:nth-of-type(2) {
	border-left: 10px solid #fff;
}

.side-benefit-inquire .partner {
	width: 140px;
	height: 140px;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}

.side-benefit-inquire .partner.item01 {
	background-image: url(../images/img/part01.png);
}

.side-benefit-inquire .partner.item02 {
	background-image: url(../images/img/part02.png);
}

.partner_list {
	display: inline-block; width: 100%;
}
.partner_list .partner {
	display: inline-block; margin-right: 20px;
}

.side-benefit-notice .benefit-notice-list  div>h4 {
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 25px
}

.side-benefit-commision .table-wrap h4 {
	font-size: 18px;
	font-weight: 600;
	color: #544199;
	margin-bottom: 14px
}

.side-benefit-commision .table-wrap {
	display: table;
}

.side-benefit-commision .table-wrap>div {
	display: table-cell;
	width: 50%;
	padding-right: 40px
}

.side-benefit-commision .table-wrap table {
	text-align: left;
	border-top: 1px solid #111111
}

.side-benefit-commision .table-wrap table th {
	padding: 20px 0 20px 45px;
	background: #f7f7f7;
	border-right: 1px solid #e0e0e0;
	border-bottom: 1px solid #e0e0e0;
}

.side-benefit-commision .table-wrap table td {
	padding: 20px 0 20px 30px;
	border-bottom: 1px solid #e0e0e0;
}
/*분할납부*/
.mypage-cont .divided-pay-box {
	margin-top: 0;
	margin-bottom: 60px
}

.divided-pay .sorting-select {
	padding-top: 0
}

.divided-pay-list {
	display: block
}

.box-list-wrap1.divided-pay-list .box-list .card-box-item {
	float: none;
	width: 100%
}

.divided-pay-list.box-list-wrap1.my-card-list .box-list .card-box-item {
	border-bottom: none;
	padding: 0
}

.divided-pay-list.box-list-wrap1.my-card-list .box-list {
	padding-left: 0
}

.divided-pay-list.accordion-list1 {
	border-top: none
}

.divided-pay .sorting-select {
	position: relative
}

.divided-pay .sorting-select a {
	position: absolute;
	bottom: 0;
	right: 0
}

.divided-pay.mypage-cont .layer-popup .searth-box .board {
	padding-right: 20px;
	width: 650px;
	box-sizing: border-box
}

.divided-pay.mypage-cont .layer-popup .btn-area {
	padding: 30px 0 40px 0
}

.divied-popup-total ul {
	margin-top: 40px
}

.divied-popup-total ul li {
	display: inline-block;
	width: 410px;
	border-bottom: 1px solid #e0e0e0;
	padding: 10px 0;
	box-sizing: border-box;
	font-weight: 600
}

.divied-popup-total ul li:nth-of-type(2n-1) {
	margin-right: 25px
}

.divied-popup-total ul li span:first-child {
	float: left
}

.divied-popup-total ul li span:last-child {
	float: right
}

.divied-p-result {
	margin-top: 50px
}

.divied-p-result h3 {
	border-bottom: 1px solid #111;
	padding-bottom: 15px;
	font-size: 20px;
	font-weight: 600
}

.divied-p-result .cont table tbody tr {
	border-bottom: 1px solid #f2f2f2
}

.divied-p-result .cont table tbody td {
	text-align: left;
	padding: 22px 40px 22px;
	box-sizing: border-box;
}

.divied-p-result .cont table tbody td p {
	font-size: 14px;
	color: #777777;
	margin-bottom: 10px
}

.divied-p-result .cont table tbody td span {
	font-size: 18px;
	font-weight: 600
}

.divied-p-result .cont table tbody td:first-child {
	text-align: center;
	padding-left: 0
}

.divied-p-result .cont table tbody td:first-child p {
	background-color: #1b1b1b;
	border-radius: 3px;
	color: #fff;
	display: inline-block;
	padding: 5px 15px
}

.divied-p-result .cont table tbody td:first-child span {
	font-size: 14px;
	color: #777777
}

.pre-calc p {
	text-align: center
}

.pre-calc p:first-child {
	font-size: 20px;
	font-weight: 600
}

.divied-p-btn {
	padding: 20px 0 30px 0;
	margin: 0
}

.divied-p-btn button.type4 {
	min-width: 170px
}

.float-ul {
	padding: 30px;
	border-top: 1px solid #111;
	border-bottom: 1px solid #e6e6e6
}

.float-ul li {
	padding: 5px 0;
}

.float-ul li span:first-child {
	float: left;
	font-size: 14px;
	font-weight: 400;
}

.float-ul li span:last-child {
	float: right;
	color: #333
}

.divied-p-result .status-box {
	margin-top: 0
}

.divied-p-result .status-box .no-result {
	border-top: none;
}

/* 비대면-대출-시작 Web-12.02.01.1 */
.sub-desc {
	font-size: 16px;
	color: #4c4c4c;
	text-align: center;
	margin-top: 50px;
	margin-bottom: 16px;
}

.loan-paper {
	padding: 190px 0 70px;
	background: url(../images/img/img-loan-paper.png) center 70px no-repeat;
	border-top: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
	text-align: center;
}

.loan-paper .tit {
	color: #111;
	font-size: 28px;
	font-weight: 900;
	margin-bottom: 10px;
}

.loan-paper .cont {
	display: inline-block;
	text-align: left;
}

.loan-paper .cont>li {
	color: #737373;
	margin-bottom: 3px;
}

.loan-paper .cont>li:last-child {
	margin-bottom: 0;
}

/* 비대면-대출-신청자 상세정보 입력 Web-12.02.04.1 */
.email-at {
	display: inline-block;
	height: 40px;
	line-height: 40px;
	width: 44px;
	text-align: center;
	color: #111;
}

/* 비대면-대출-신청자 상세정보 입력 Web-12.02.06.2 */
.non-facing-card {
	padding: 30px 80px 30px 20px;
	background-color: #fadde4;
	margin-top: 70px;
	position: relative;
	margin-bottom: 60px;
}

.non-facing-card>li {
	color: #111;
	font-size: 14px;
	height: 14px;
	line-height: 14px;
	margin-bottom: 10px;
}

.non-facing-card>li:last-child {
	margin-bottom: 0;
}

.non-facing-card .switch-wrap {
	position: absolute;
	top: 50%;
	right: 30px;
	transform: translateY(-50%);
}

.non-facing-title {
	font-size: 20px;
	font-weight: 900;
	color: #111;
}

/* 비대면-대출-구비서류등록 */
.upload-paper {
	overflow: hidden;
}

.upload-paper .path-upload-file {
	float: left;
}

.upload-paper .btn-upload-paper, .upload-paper .btn-preview-paper, .upload-paper .btn-camera-paper {
	float: left;
	display: block;
	width: 40px;
	height: 40px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	border: 1px solid #111;
	position: relative;
	background-repeat: no-repeat;
	background-position: center;
	background-color: #fff;
	margin-left: 8px;
	cursor: pointer;
}

.upload-paper .btn-upload-paper {
	background-image: url('../images/img/img-upload.png');
}

.upload-paper .btn-preview-paper {
	background-image: url('../images/img/img-search.png');
}

.upload-paper .btn-camera-paper {
	background-image: url('../images/img/img-camera.png');
}

.upload-paper .btn-upload-paper>input[type=file] {
	position: absolute;
	width: 40px;
	height: 40px;
	top: 0;
	left: 0;
	color: transparent;
	opacity: 0;
	background: transparent;
	cursor: pointer;
}

.paper-preview {
	text-align: center;
	max-width: 380px;
}

.paper-preview img {
	width: 100%;
}

/* 비대면-대출-신청자본인인증 12.03.02 */
.verify-error {
	font-size: 17px;
	color: #e43762;
	line-height: 27px;
	margin-top: 40px;
	font-weight: 600;
	text-align: center;
}
/*준회원 정회원 error*/
.non-available {
	border: 1px solid #cccccc;
	width: 100%;
	padding: 95px 0
}

.non-available p {
	text-align: center;
	font-size: 17px;
	font-weight: 600
}

.non-available>div {
	text-align: center;
	margin-top: 37px;
}

.non-available>div>a:first-child {
	margin-right: 13px
}

/* 관리자페이지 RTE 등록 대응 */
.content-editor * {
	white-space: normal !important;
}

.content-editor ul {
	display: block;
	list-style-type: disc;
	margin-top: 1em;
	margin-bottom: 1 em;
	margin-left: 0;
	margin-right: 0;
	padding-left: 40px;
}

.content-editor ul li {
	display: list-item;
	list-style: disc outside none;
}

/* monthpicker */
.popup-monthpicker {
	visibility: hidden;
	position: absolute;
	top: 53px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 520;
	border: 1px solid #cacaca;
	opacity: 0;
	-webkit-transition: visibility 0s .1s, opacity .1s linear;
	-ms-transition: visibility 0s .1s, opacity .1s linear;
	transition: visibility 0s .1s, opacity .1s linear;
}

.popup-monthpicker.on {
	visibility: visible;
	opacity: 1;
	-webkit-transition: opacity .1s linear;
	-ms-transition: opacity .1s linear;
	transition: opacity .1s linear;
}

.popup-monthpicker .fixed-calendar-body {
	background-color: #f7f7f7;
	/* 	position: absolute; */
	/* 	top: 50%; */
	/* 	-webkit-transform: translate(-50%, -50%); */
	/* 	-ms-transform: translate(-50%, -50%); */
	/* 	transform: translate(-50%, -50%); */
	box-sizing: border-box;
	/* 	left: 50%; */
	width: 300px;
}

.popup-monthpicker .fixed-calendar-body a.cal-arr {
	position: absolute;
	top: 0;
	width: 40px;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center;
	display: block;
	background-size: 8px 14px;
	cursor: pointer;
}

.popup-monthpicker .fixed-calendar-body a.cal-arr.arr-left {
	left: 0;
	background-image: url('../images/common/arrow-headercal-left.png');
}

.popup-monthpicker .fixed-calendar-body a.cal-arr.arr-left.off {
	left: 0;
	background-image: url('../images/common/arrow-headercal-left-off.png');
}

.popup-monthpicker .fixed-calendar-body a.cal-arr.arr-right {
	right: 0;
	background-image: url('../images/common/arrow-headercal-right.png');
}

.popup-monthpicker .fixed-calendar-body a.cal-arr.arr-right.off {
	right: 0;
	background-image: url('../images/common/arrow-headercal-right-off.png');
}

.popup-monthpicker .fixed-calendar-body .year-row {
	position: relative;
	text-align: center;
	line-height: 50px;
	background-color: #eee;
}

.popup-monthpicker .fixed-calendar-body .year-row .year-val {
	height: 50px;
	display: inline-block;
	margin: 0 10px;
	cursor: initial;
}

.popup-monthpicker .fixed-calendar-body .year-row a.cal-arr {
	position: static;
	width: 40px;
	height: 50px;
	background-repeat: no-repeat;
	background-position: center;
	display: inline-block;
	background-size: 8px 14px;
	color: transparent;
	text-indent: -9999px;
}

.popup-monthpicker .fixed-calendar-body .body-row {
	padding: 20px 0;
}

.popup-monthpicker .fixed-calendar-body .body-row .body-row-table {
	text-align: center;
	margin: 0 auto;
	max-width: 375px;
}

.popup-monthpicker .fixed-calendar-body .body-row .body-row-table tbody tr td a
	{
	display: inline-block;
	width: 30px;
	height: 30px;
	line-height: 30px;
}

.popup-monthpicker .fixed-calendar-body .body-row .body-row-table tbody tr td a.today
	{
	border-radius: 15px;
	background-color: #fffa90;
}

.popup-monthpicker .fixed-calendar-body .body-row .body-row-table tbody tr td a.selected
	{
	border-radius: 15px;
	background-color: #e60039;
	color: #fff;
}

.popup-monthpicker .fixed-calendar-body .body-row .body-row-table tbody tr td a.disabled
	{
	color: #b4b4b4;
}

/*비대면 수정*/
.board-write1 .board .info-text {
	color: #777777;
	font-size: 14px;
	padding: 10px 0 7px
}

.board-write1 .board .add-box {
	background-color: #f7f7f7;
	width: 100%;
	padding: 25px 0 25px 50px;
	box-sizing: border-box;
	display: none;
	margin-top: 15px
}

.board-write1 .board .add-box h3 {
	font-size: 16px;
	font-weight: 600;
	margin-bottom: 5px
}

.board-write1 .board .add-box th, .board-write1 .board .add-box td {
	border-bottom: none;
	padding-bottom: 0;
	padding-left: 0;
	text-align: left
}

.board-write1.add-board {
	margin-top: 45px
}

.board-write1 .board .proper, .board-write1 .board .improper {
	font-size: 14px;
	padding-top: 10px;
	float: left;
	display: none
}

.board-write1 .board .proper {
	color: #0589e5
}

.board-write1 .board .improper {
	color: #e21c24
}

.board-write1.add-board .board td {
	vertical-align: top;
}

.step-bar {
	display: inline-block;
	margin-left: -13px;
	padding-bottom: 20px
}

.step-bar>span {
	width: 12px;
	height: 12px;
	background: #9b9fa8;
	display: inline-block;
	font-size: 0;
	text-indent: -999px;
	border-radius: 50%;
	vertical-align: middle;
	margin-left: 5px;
}

.step-bar>span:first-child {
	margin-left: 0
}

.step-bar span.on {
	width: auto;
	height: auto;
	font-size: 18px;
	text-indent: 0;
	border-radius: 17px;
	background: none;
	border: 2px solid #7451c0;
	line-height: 30px;
	box-sixing: border-box;
	color: #7451c0;
	padding-right: 20px
}

.step-bar span.done {
	width: 30px;
	height: 30px;
	color: #fff;
	background: #9b9fa8;
	border-radius: 50%;
	text-indent: 0;
	font-size: 18px;
	line-height: 30px
}

.step-bar span.on>span {
	width: 30px;
	height: 30px;
	color: #fff;
	background: #7451c0;
	border-radius: 50%;
	display: inline-block
}

.hasstep .ref-title {
	font-size: 20px;
	font-weight: 600;
	margin: 40px 0 15px 0
}

.info-agreement {
	border: 1px solid #c9c9c9;
	padding-bottom: 20px;
	font-size: 16px;
	font-weight: 600;
}

.info-agreement .info-item {
	overflow: hidden;
	padding: 15px 20px 0 20px;
}

.info-agreement .info-item:first-child {
	border-bottom: 1px solid #c9c9c9;
	padding-bottom: 15px
}

.info-agreement .info-item>div {
	float: left;
	vertical-align: top;
	display: line-block;
}

.info-agreement .info-item>div:first-child {
	width: 22px;
	height: 22px
}

.info-agreement .info-item>div:nth-of-type(2) {
	width: 640px;
	padding-left: 15px
}

.info-agreement .info-item div:first-child input[type="checkbox"] {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	position: relative;
	width: 26px;
	height: 26px;
	border: 0;
	background: transparent;
	vertical-align: middle;
	border-radius: 50%
}

.info-agreement .info-item div:first-child input[type="checkbox"]:after
	{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 26px;
	height: 26px;
	background-image: url(../images/img/non-checked.png);
	background-repeat: no-repeat;
	background-position: center;
}

.info-agreement .info-item div:first-child input[type="checkbox"]:checked:after
	{
	background-image: url(../images/img/checked.png);
	background-repeat: no-repeat;
	background-size: 26px 26px;
	background-position: 0 0;
}
/*로카*/
.loca-wrap {
	display: inline-block;
	z-index: 56;
	bottom: 100px;
	right: 63px;
	cursor: pointer;
	position: fixed;
	display: block;
	width: 82px;
	height: 82px;
	background: url(../images/common/chat_loca.png) center center no-repeat;
	background-size: contain;
}

@media only screen and (min-width:1161px) and (max-width:1279px) {
	.gnb-area .gnb-list .gnb-item .item {
		padding: 0 24px;
		font-size: 17px;
	}
}

@media only screen and (max-width:1160px) {
	.gnb-area .gnb-list .gnb-item .item {
		padding: 0 16px;
		font-size: 16px;
	}
}

/* Footer add CSS */

.fooTer {
	padding: 50px 0;
	border-top: 1px solid #E6E6E6;
	font-weight: normal;
}
.footer:before {
	display: none !important;
}

/* fT_info */
.fT_info {
	width: 450px;
}
.fT_info address {

}
.fT_info .copyright {
	margin-bottom: 10px;
}
.fT_info .utill-menu {
	width: 100%;
	margin-bottom: 10px;
}
.fT_info .utill-menu .item {
	position: relative;
	padding: 0 10px;
	color: #111;
	font-size: 13px;
	line-height: 30px;
}
.fT_info .utill-menu .item:first-child {
	padding-left: 0;
}
.fT_info .utill-menu .item::before {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	width: 1px;
	height: 10px;
	margin-top: -5px;
	background-color: #d5d5d5;
}
.fT_info .utill-menu .item:first-child::before {
	display: none;
}
.sl_a {
	width: 100%;
	padding-bottom: 30px;
	border-bottom: 1px solid #E6E6E6;
}
.partner_a {
	display: inline-block;
	padding-top: 10px;
	white-space: nowrap;
}

.partner_a img,
.badge {
	display: inline-block;
	vertical-align: middle;
}

.partner_a img {
	height: 45px;
}

.badge img {
	height: 45px;
}

.leng-select {
	margin-right: 16px;
}

/* fT_hotline */
.fT_hotline {
	width: auto;
	margin: 0 30px;
	padding: 15px 20px 20px 100px;
	background: white;
	border: 1px solid #E6E6E6;
	border-radius: 16px;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.02);
	position: relative;
}
.fT_hotline:before {
	position: absolute;
	top: 20px;
	left: 20px;
	content: "";
	width: 60px;
	height: 60px;
	z-index: 1;
	border-radius: 12px;
	background: rgb(230,0,57);
	background: -moz-linear-gradient(180deg, rgba(230,0,57,1) 0%, rgba(156,3,131,1) 100%);
	background: -webkit-linear-gradient(180deg, rgba(230,0,57,1) 0%, rgba(156,3,131,1) 100%);
	background: linear-gradient(180deg, rgba(230,0,57,1) 0%, rgba(156,3,131,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e60039",endColorstr="#9c0383",GradientType=1);
}
.fT_hotline:after {
	position: absolute;
	top: 20px;
	left: 20px;
	content: "";
	width: 60px;
	height: 60px;
	z-index: 2;
	border-radius: 12px;
	background: url(../images/img/hotline_icon.png) top left no-repeat;
}
.fT_hotline span {
	display: block;
}
.fT_hotline span{

}
.fT_hotline strong {
	color: #e60039;
	display: block;
	font-size: 18px;
}
.mgb10 {
	margin-bottom: 10px;
}

/* fT_dl */
.fT_dl {
	width: 100%;
}
.dl_a, .follow_a {
	width: 100%;
}
.dl_a {
	display: table-cell;
}
.dl_a span {
	display: inline-block;
	margin-bottom: 10px;
}
.dla_store {
	width: 110px;
	padding-right: 10px;
	position: relative;
	display: table-cell;
	vertical-align: top;
}
/*.dla_store:before {
	position: absolute;
	top: 7px;
	right: 0;
	content: "";
	width: 1px;
	height: 60px;
	background: #999;
}*/
.dla_store a {
	width: 100%;
	display: block;
}
.dla_store a:first-child {
	margin-bottom: 5px;
}
.dla_store a img {
}
.dla_qrcode {
	display: table-cell;
	vertical-align: top;
	margin-left: 10px;
}
.follow_a {
	margin-top: 20px;
}
.follow_a span {
	width: 100%;
	margin-bottom: 10px;
}
.sns-list {
	margin-top: 10px;
}
.sns-list a {
	margin-right: 10px;
}
.sns-list a:last-child {
	margin-right: 0;
}
.sns-list a img {
}

.FTv2 {
	display: table;
	width: 100%;
}
.FTv2 li {
	display: table-cell;
	vertical-align: top;
}

/* News add CSS */
.thumb-list1_newsv2 {
	margin: 0;
}
.thumb-list1_newsv2 .thumb-item {
	margin-left: 0;
}
.newsv2 .l-title {
	color: #111;
	font-size: 26px;
	font-weight: 900;
	text-align: center;
}
.owl-carousel-newsv2 .owl-dots .owl-dot span {
	background: #fff;
	border: 2px solid #161616;
	width: 8px;
	height: 8px;
}
.owl-carousel-newsv2 .owl-dots .owl-dot.active span,
.owl-carousel-newsv2 .owl-dots .owl-dot:hover span {
	background: #161616;
}
.owl-carousel-newsv2 .owl-nav {
	position: relative;
	height: 56px;
	display: none;
}
.owl-carousel-newsv2 .owl-nav button.owl-prev,
.owl-carousel-newsv2 .owl-nav button.owl-next {
	width: 44px;
	height: 56px;
	background-repeat: no-repeat;
	background-position: center center;
	position: absolute;
	top: -285px;
}
.owl-carousel-newsv2 .owl-nav button.owl-prev {
	background: url(../images/icon/bx_prev.png) center center no-repeat !important;
	left: -84px;
}
.owl-carousel-newsv2 .owl-nav button.owl-next {
	background: url(../images/icon/bx_next.png) center center no-repeat !important;
	right: -44px;
}
.owl-carousel-newsv2 .owl-nav button span {
	display: none;
}
.owl-carousel-newsv2 .owl-dots {
	margin-top: 50px;
	padding-right: 40px;
}

/*
	News list
*/
.thumb-news-load-btn {
	text-align: center;
	margin-top: 50px;
	display: inline-block;
	width: 100%;
	padding-left: 15px;
}

.bnpl-infor {
	padding-bottom: 35px;
	border-bottom: 1px solid #e0e0e0;
	overflow: hidden;
	padding-top: 20px;
}

.bnpl-infor .bnpl-infor-item {
	float: left;
	position: relative;
	width: 48%;
	margin-left: 10px;
	font-size: 16px;
	margin-bottom: 10px;
}

.bnpl-infor .bnpl-infor-item .bnpl-item {
	font-weight: 900;
	float: right;
	margin-right: 50px;
}


/* CSS comes here */
#video {
	height: 300px;
	width: 400px;
	background-color: turquoise;
	border-radius: 10px;
	object-fit: cover;
}

#canvas {
	height: 300px;
	width: 400px;
	display: none;
}

.camera {
	width: 450px;
	/* height: 408px; */
	/* background: rgba(23, 24, 28, 0.7); */
	margin-bottom: 1rem;
	margin: auto;
	border-radius: 10px;
	background-image: url("../images/bg/bg_camera_border.png");
	background-size: cover;
	background-repeat: no-repeat;
	background-size: 97% 97%;
	background-position: center;
	padding: 20px 0;
	text-align: center;

}

/*Dropdown Menu BEGIN*/

.dropdown {
	position: relative;
	background: #fff;
	width: 555px;
	font-size: 15px;
	color: #333;
}

.dropdown .dropdown-selected {
	border: 1px solid #c9c9c9;
	cursor: pointer;
	height: 100%;
	width: 100%;
	position: relative;
}

.dropdown .dropdown-selected a {
	padding: 4px 15px;
	display: flex;
	flex-direction: row;
	justify-content: start;
	justify-items: center;
	height: 100%;
	width: 100%;
}

.dropdown-selected .arrow {
	content: "";
	position: absolute;
	right: 6px;
	top: 20px;
	width: 0;
	height: 0;
	border: solid #333;
	border-width: 0 2px 2px 0;
	padding: 2px;
	transform: rotate(45deg);

}

.dropdown .overlay {
	position: fixed;
	z-index: 6;
	background-color: transparent;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: none;
}

.dropdown .dropdown-content {
	display: none;
	width: 100%;
	position: absolute;
	z-index: 7;
	border: 1px solid #c9c9c9;
	border-top: none;
	background-color: #fff;
}

.dropdown-content .dropdown-item {
	list-style: none;
}

.dropdown-content .dropdown-item:hover {
	background-color: #f1f1f1
}

.dropdown-content .dropdown-item a {
	text-decoration: none;
	display: flex;
	flex-direction: row;
	align-items: center;
	overflow: hidden;
	padding: 4px 15px;
	height: 100%;
	width: 100%;
}


.dropdown .dropdown-image {
	width: 50px;
	height: 50px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	margin-right: 10px;
}


.dropdown .dropdown-text {
	height: 100%;
	line-height: 50px;
	display: block;
	float: left;
}

/*DropDown Menu END*/

.d-none {
	display: none !important;
}

.cbc-list-card-title {
	border-bottom: 2px solid #262626;
	padding-bottom: 0.5rem;
}


.card-list {
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: 10px;
}
.card {
	display: flex;
	align-items: center;
	width: 98%;
	border-radius: 8px;
	padding: 10px;
	box-shadow: 0 0 32px 0 rgba(0, 0, 0, .2);
	margin-top: 1rem;
}
.card img {
	width: 70px;
	object-fit: cover;
}
.card .text {
	flex: 1;
	padding: 5px 30px;
	color: #333;
}

.card .icon {
	width: 20px;
	height: 20px;
	background: url('../images/common/arrow-headercal-right.png') no-repeat;
	background-size: contain;
}
.cbc-card-detail-info {
	display: flex;
	align-items: center;
	background-color: #F3F3F3;
}

.cbc-card-detail-info .info-right {
	padding: 2rem;
}

.cbc-card-detail-info .info-left {
	padding: 2rem;
}

.cbc-card-detail-info table tr td {
	padding: 6px;
}
.cbc-card-detail-info table tr .border-bottom {
	border-bottom: 1px solid darkgrey;
}

.txt-end {
	text-align: end !important;
}

.card-btn-group {
	width: 90%;
	margin: 4rem auto;
	text-align: center;
}
.card-btn-group .btn-card {
	width: 35%;
	color: #FFF;
	border-radius: 5px;
	margin-top: 1rem;
	padding: 10px 0;
	font-weight: bold;
}

.card-btn-group  .btn-regist {
	background-color: #E60039;
}

.card-btn-group .btn-history {
	background-color: #4D4B5E;
}

.card-regist-amount {
	width: 100%;
	margin-top: 2rem;
}

.card-regist-amount .item-border-outline {
	border-bottom: 1px solid lightgray;
	padding: 10px;
}

#cashByCodeOtherAmount {
	border: 0;
	outline: 0;
	height: 20px !important;
}

.card-regist-amount input[type="radio"] {
	transform: scale(1.5); /* Increase size */
	margin-right: 8px; /* Adjust spacing */
}

.card-regist-amount .amount-sub {
	margin: 7px 0;
	color: darkgrey;
}
.card-regist-amount .autodebit-tenor {
	margin-top: 1em;
}
.card-regist-btn {
	text-align: center;
	margin: 3rem auto;
}

.card-regist-btn .btn-submit-form {
	width: 35%;
	background-color: #E60039;
	color: #FFF;
	border-radius: 5px;
	margin-top: 1rem;
	padding: 10px 0;
	font-weight: bold;
}
.cbc-card-detail-mb-1{
	margin-bottom: 1rem;
}

.cbc-history-body {
	height: 26rem;
	overflow: scroll;
}

.d-flex {
	display: flex;
}
.cbc-card-history-head {
	width: 50%;
}

.cbc-card-history-head .filter-box {
	border: 1px solid #D91313;
	padding: 10px;
	display: flex;
	color: #D91313;
	font-weight: bold;
	border-radius: 10px;
	width: 10%;
	float: right;
}

.cbc-card-history-head .filter-box .filter {
	width: 20px;
	height: 20px;
	background: url(../images/common/icon_search_1.png) no-repeat;
	background-size: contain;
}

.cbc-card-history-head .filter-box .filter .filter-sub {
	margin-left: 0.2em;
}

.input-disabled-bg {
	background-color: #f1f1f1;
}

.no-result-history {
	margin-top: 35px;
	padding: 150px 0 75px;
	background: url(../images/icon/no-result.png) no-repeat 50% 80px;
	color: #4c4c4c;
	font-size: 16px;
	text-align: center;
}


.modal {
	display: none;
	position: fixed;
	z-index: 1000;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}


.modal-content {
	background: white;
	padding: 20px;
	width: 300px;
	border-radius: 8px;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
	position: relative;
}

/* Close button (X) */
.close {
	position: absolute;
	top: 10px;
	right: 15px;
	font-size: 22px;
	cursor: pointer;
}

.close:hover {
	color: red;
}

.radio-group {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	max-width: 300px;
	margin: 1rem 0;
}

.radio-label {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 8px 12px;
	border: 1px solid #ccc;
	border-radius: 5px;
	width: 6.5rem;
	cursor: pointer;
	transition: 0.3s;
	font-size: 12px;
	justify-content: center;
	background-color: lightgray;
}

.radio-label:hover {
	border-color: #007bff;
	background-color: #f0f8ff;
}

.radio-input {
	display: none;
}

.radio-input:checked + .radio-label {
	border-color: #007bff;
	background-color: lightgray;
	color: #007bff;
}

.filter-btn-group {
	display: flex;
	margin-top: 1rem;
}
.filter-btn-group .btn-item {
	width: 100%;
	padding: 0 2%;
}

.filter-btn-group .btn-item .btn-refresh {
	border: 1px solid #f3bcbc;
	padding: 0.5rem;
	border-radius: 5px;
	width: 100%;
	background-color: #f3bcbc;
	color: black;
	font-weight: bold;
}


.filter-btn-group .btn-item .btn-apply {
	border: 1px solid red;
	padding: 0.5rem;
	border-radius: 5px;
	width: 100%;
	background-color: red;
	font-weight: bold;
	color: #FFF;
}

.cbc-amount-input-display {
	display: inline;
	margin-left: 1rem;
}