@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 {font-family:'noto', sans-serif;font-size:15px;line-height:1.5;color:#333;letter-spacing:-0.4px;}
body {overflow-x:hidden;width:100%;-webkit-user-select:none;word-break:keep-all;}
input[type=submit] {-webkit-border-radius:0;border:0;border-radius: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;}
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;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 {outline:0;vertical-align:top;}

input[type=text],
input[type=tel],
input[type=number],
input[type=password] {
	width:100%;
	height:50px;
	padding:0;
	box-sizing:border-box;
	border-radius:0;
	border:0;
	border-bottom:1px solid #d9d9d9;
	background-color:#fff;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	vertical-align:top;
}
input[type=text]:disabled,
input[type=tel]:disabled,
input[type=number]:disabled,
input[type=password]:disabled {}

textarea {
	width:100%;
	padding:14px 19px;
	border:1px solid #b2b2b2;
	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;
}
:-ms-input-placeholder {color:#b2b2b2;}
::-webkit-input-placeholder {color:#b2b2b2;}
::-moz-placeholder {color:#b2b2b2;}

select {
	display:inline-block;
	overflow:hidden;
	width:100%;
	height:50px;
	margin:0;
	padding:0;
	padding-right:15px;
	box-sizing:border-box;
	border-radius:0;
	border:0;
	border-bottom:1px solid #d9d9d9;
	background:url(../images/common/icon_select.png) no-repeat 100% 50%;
	background-size:13px 6px;
	text-overflow:ellipsis;
	text-align:left;
	text-transform:none;
	white-space:nowrap;
	color:#111;
	font-weight:600;
	vertical-align:middle;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
}

/* ============================================================================================
	공통
============================================================================================ */
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------
	마진 / 패딩
--------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.mgT0 {margin-top:0 !important;}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------
	스와이퍼
--------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.swiper-container {
	overflow:hidden;
	position:relative;
	z-index:1;
	width:100%;
	height:100%;
	margin:0 auto;
}

.swiper-wrapper,
.swiper-slide {
	position:relative;
	width:100%;
	height:100%;
	transform-style:preserve-3d;
	-ms-transform-style:preserve-3d;
	-moz-transform-style:preserve-3d;
	-webkit-transform-style:preserve-3d;
}

.swiper-wrapper {
	z-index:1;
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
	-webkit-transition-property:-webkit-transform;
	-moz-transition-property:-moz-transform;
	-o-transition-property:-o-transform;
	-ms-transition-property:-ms-transform;
	transition-property:transform;
	-moz-transform:translate3d(0,0,0);
	-o-transform:translate(0,0);
	-ms-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0);
	-webkit-box-sizing:content-box;
	-moz-box-sizing:content-box;
	box-sizing:content-box;
}

/* 슬라이드 객체 */
.swiper-slide {
	overflow:hidden;
	-webkit-flex-shrink:0;
	-ms-flex:0 0 auto;
	flex-shrink:0;
	box-sizing:border-box;
}

/* 페이지네이션 */
.swiper-pagination.swiper-pagination-bullets {
	position:absolute;
	left:0;
	bottom:0;
	z-index:5;
	width:100%;
	height:40px;
	padding-top:15px;
	box-sizing:border-box;
	font-size:0;
	text-align:center;
}
.swiper-pagination .swiper-pagination-bullet {
	display:inline-block;
	position:relative;
	width:10px;
	height:10px;
	transition:.3s;
}
.swiper-pagination .swiper-pagination-bullet:before {
	content:'';
	position:absolute;
	left:50%;
	top:50%;
	-webkit-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	width:5px;
	height:5px;
	border-radius:25px;
	background-color:#fff;
	opacity:.4;
	transition:.3s;
}
.swiper-pagination .swiper-pagination-bullet-active {width:22px;}
.swiper-pagination .swiper-pagination-bullet-active:before {
	width:18px;
	opacity:1;
}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------
	버튼
--------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
a,
button {-webkit-tap-highlight-color:transparent;}

.bottom-fixed-area {
	position:fixed;
	left:0;
	right:0;
	bottom:0;
	z-index:50;
}

.bottom-flex-area {
	display: inline-flex;
}





/* 텍스트 버튼 */
.btn-text,
.btn-text:visited {
	display:inline-block;
	width:100%;
	height:55px;
	box-sizing:border-box;
	background-color:#4b4b4b;
	color:#fff;
	font-size:16px;
	font-weight:600;
	text-align:center;
	line-height:55px;
	-webkit-tap-highlight-color:transparent;
}

.btn-text.next {
	position:relative;
	padding-right:55px;
	text-align:right;
}

.btn-text.prev{
	position:relative;
	padding-left:55px;
	text-indent:-999px;
	font-size:0;
}

.btn-text.prev:before{
	content:'';
	position:absolute;
	left:20px;
	top:50%;
	-webkit-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	transform:translateY(-50%);
	width:24px;
	height:16px;
	background:url(../images/img/prev-1.png) no-repeat 0 0 ;
	background-size:22px 15px;
}

.btn-text.next:before {
	content:'';
	position:absolute;
	right:20px;
	top:50%;
	-webkit-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	transform:translateY(-50%);
	width:24px;
	height:16px;
	background:url(../images/common/sprite_icon.png) no-repeat -105px 0;
	background-size:250px;
}

.btn-text.type1 {background-color:#e60039;}

.btn-text.type2 {
	border:1px solid #999;
	background-color:#fff;
	color:#333;
	line-height:53px;
}

.btn-text.sm {
	width:auto;
	height:30px;
	padding:0 15px;
	font-size:14px;
	font-weight:400;
	line-height:30px;
}
.btn-text.type2.sm {
	font-weight:600;
	line-height:28px;
}

.btn-text.type2.xs {
	font-size: 12px;
	color: #737373;
	padding: 0 10px;
	width: auto;
	height: 30px;
	font-weight: 600;
	line-height: 28px;
}

.btn-text.btn-apply-now {
	margin-top: 15px;
	height: 50px;
	line-height: 50px;
	background-color: #fff;
	color: #333;
	border: 1px solid #999;
	font-size: 14px;
}

.btn-text.type1.btn-apply-now:active {
	background-color: #f7f7f7;
}

.btn-text-round {
	display:inline-block;
	height:25px;
	padding:0 9px;
	border-radius:25px;
	border:1px solid #111;
	background-color:#fff;
	font-size:13px;
	line-height:23px;
}

/* 아이콘 버튼 */
.btn-icon {
	display:inline-block;
	position:relative;
	font-size:0;
	text-indent:-9999px;
	line-height:0;
}
.btn-icon:before,
.btn-icon::before {
	content:'';
	position:absolute;
	left:50%;
	top:50%;
	-webkit-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	background-image:url(../images/common/sprite_icon.png);
	background-repeat:no-repeat;
	background-size:250px;
}
.btn-delete {
	width:20px;
	height:20px;
}

.btn-delete:before,
.btn-delete::before {
	width:20px;
	height:20px;
	background-position:0 -99px;
}

.btn-search {
	width:18px;
	height:18px;
}
.btn-search:before,
.btn-search::before {
	width:18px;
	height:18px;
	background-position:-21px -99px;
}

.btn-tool {
	width:32px;
	height:32px;
}
.btn-tool:before {
	width:15px;
	height:15px;
	background-position:-166px 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;}

/* 링크 */
.link-type1 {
	display:inline-block;
	position:relative;
	padding-right:20px;
	color:#5d30a6;
	font-size:17px;
}
.link-type1:before {
	content:'';
	position:absolute;
	right:0;
	top:50%;
	-webkit-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	transform:translateY(-50%);
	width:16px;
	height:16px;
	background:url(../images/common/sprite_icon.png) no-repeat -49px 0;
	background-size:250px;
}

/* 버튼 리스트 */
.btn-list {overflow:hidden;}
.btn-list .btn-item {
	float:left;
	width:50%;
}
.btn-list.type2 .btn-item {position:relative;}
.btn-list.type2 .btn-item:before {
	content:'';
	position:absolute;
	left:0;
	top:50%;
	-webkit-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	transform:translateY(-50%);
	width:1px;
	height:20px;
	background-color:rgba(255,255,255,.4);
}
.btn-list.type2 .btn-item:first-child:before {display:none;}

.btn-list .btn-item.one {width:100% !important;}

/* 버튼 클릭시 색상 변환 */
.btn-text:active {background-color:#111;}
.btn-text.type1:active {background-color:#960629;}
.btn-text.type2:active,
.btn-text-round:active {
	border-color:#503799;
	background-color:#f7f7f7;
	color:#503799;
}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------
	폼 요소
--------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* 체크박스 */
input[type=checkbox].styled1 {
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	position:relative;
	width:22px;
	height:22px;
	border:0;
	background:transparent;
	vertical-align:middle;
}
input[type=checkbox].styled1:after {
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:22px;
	height:22px;
	background-image:url(../images/common/sprite_icon.png);
	background-repeat:no-repeat;
	background-size:250px;
	background-position:-200px -203px;
}
input[type=checkbox]:checked.styled1:after {background-position:-223px -203px;}

/* 체크박스 */
input[type=radio].styled1 {
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	position:relative;
	width:22px;
	height:22px;
	border:0;
	background:transparent;
	vertical-align:middle;
}
input[type=radio].styled1:after {
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:22px;
	height:22px;
	background-image:url(../images/common/sprite_icon.png);
	background-repeat:no-repeat;
	background-size:250px;
	background-position:-200px -248px;
}
input[type=radio]:checked.styled1:after {background-position:-223px -248px;}
input[type=radio] + label {
	margin-left:9px;
	color:#737373;
	vertical-align:middle;
}
input[type=radio]:checked + label {
	color:#111;
	font-weight:600;
}

/* 파일첨부 */
.filebox {
	display:inline-block;
	width:100%;
	position:relative;
}
.filebox .filename {
	display:inline-block;
	width:100%;
	height:50px;
	box-sizing:border-box;
	border:1px solid #999;
	background-color:#fff;
	font-size:14px;
	font-weight:600;
	text-align:center;
	line-height:48px;
}
.filebox input[type=file] {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:50px;
	opacity:0;
}

/* OTP 입력 타입 */
.otp-type {
	overflow:hidden;
	position:relative;
	height:50px;
}
.otp-type input.text {
	position:absolute;
	left:0;
	top:0;
	margin-top:0 !important;
}
.otp-type .btn-text-round {
	float:right;
	position:relative;
	margin-top:12px;
}
.otp-type .time {
	float:right;
	position:relative;
	margin:12px 20px 0 0;
	padding-left:18px;
	font-size:14px;
	font-weight:600;
	line-height:25px;
}
.otp-type .time:before {
	content:'';
	position:absolute;
	left:0;
	top:50%;
	-webkit-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	transform:translateY(-50%);
	width:13px;
	height:13px;
	background:url(../images/common/sprite_icon.png) no-repeat -139px 0;
	background-size:250px;
}

/* 달력 입력 폼 */
.date-form {
	background:url(../images/common/icon_calendar.png) no-repeat 100% 50%;
	background-size:23px 18px;
}

/* 340px 이하 */
@media only screen and (max-width:340px) {
	.otp-type .time {margin-right:10px;}
}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------
	탭/소팅/검색
--------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* 고정탭 */
.scroll-fix-tab {margin-top:1px;}

/* 탭 */
.tab-list1 {overflow:hidden;}
.tab-list1 .tab-item {
	float:left;
	position:relative;
	width:50%;
	height:60px;
	box-sizing:border-box;
	border-bottom:1px solid #dadada;
	font-size:17px;
	font-weight:600;
	text-align:center;
	line-height:60px;
}
.tab-list1.fix .tab-item {
	height:50px;
	line-height:50px;
}
.tab-list1 .tab-item.on {
	color:#e60039;
	font-weight:600;
}
.tab-list1 .tab-item.on:before {
	content:'';
	position:absolute;
	left:0;
	right:0;
	bottom:-1px;
	height:3px;
	background-color:#e60039;
}
.tab-list1 .tab-item .c-text {
	position:absolute;
	left:0;
	right:0;
	top:50%;
	transform:translateY(-50%);
	line-height:1.2;
}

.tab-wrap .tab-cont {display:none;}
.tab-wrap .tab-cont.on {display:block;}

/* 슬라이드 탭 */
.tab-scroll-x {
	border-top:1px solid #737373;
	border-bottom:1px solid #d9d9d9;
}
.tab-scroll-x .swiper-container {
	padding-left:20px;
	box-sizing:border-box;
}
.tab-scroll-x .swiper-slide {
	display:inline-block;
	width:auto;
	padding:13px 22px 16px 0;
}
.tab-scroll-x .swiper-slide .text {
	display:inline-block;
	color:#999;
	font-size:13px;
	line-height:20px;
}
.tab-scroll-x .swiper-slide.on .text {
	position:relative;
	color:#e60039;
	font-weight:600;
}
.tab-scroll-x .swiper-slide.on .text:before {
	content:'';
	position:absolute;
	left:0;
	right:0;
	bottom:-1px;
	height:1px;
	background-color:#e60039
}

.tab-scroll-x.fix {
	position:fixed;
	left:0;
	right:0;
	z-index:50;
	border-top:0;
	background-color:rgba(255,255,255,.9);
}

.tab-cont {display:none;}
.tab-cont.on {display:block;}

/* 소팅 */
.sorting-box {
	overflow:hidden;
	padding:15px 20px;
	border-bottom:1px solid #cdcdcd;
}
.sorting-box .btn {
	float:left;
	border-radius:25px;
	color:#333;
	font-size:15px;
	line-height:30px;
	-webkit-transition:all .3s;
	-ms-transition:all .3s;
	transition:all .3s;
}
.sorting-box .btn.on {
	background-color:#e60039;
	color:#fff;
	font-weight:900;
	text-align:center;

}
.sorting-box.fix {
	padding-top:10px;
	padding-bottom:10px;
}

/* 검색 영역 */
.search-form {position:relative;}
.search-form input[type=text] {
	width:100%;
	height:46px;
	padding:0 60px 0 0;
}
.search-form .btn-icon {
	position:absolute;
	top:0;
	height:46px;
}
.search-form .btn-delete {
	right:25px;
	width:34px;
}
.search-form .btn-search {
	right:0;
	width:25px;
}
.search-form .btn-search:before {
	left:inherit;
	right:0;
	-webkit-transform:translate(0,-50%);
	-ms-transform:translate(0,-50%);
	transform:translate(0,-50%);
}

.search-area {
	margin-top:37px;
	padding:0 20px 35px;
}
.search-area .recommend-area {margin-top:20px;}
.search-area .recommend-area .title {
	color:#665196;
	font-size:13px;
	font-weight:600;
}
.hashtags {
	overflow:hidden;
	margin:-5px 0 0 -10px;
}
.hashtags .tag {
	float:left;
	margin:5px 0 0 10px;
	padding:0 10px;
	border-radius:25px;
	background-color:#f7f7f7;
	color:#555;
	font-size:13px;
	line-height:24px;
}
.hashtags .tag:before {
	content:'#';
	display:inline-block;
}
.search-area .recommend-area .hashtags {padding-top:13px;}

/* 고정일 경우 */
.fix-tab.fix {
	position:fixed;
	left:0;
	right:0;
	z-index:50;
	background-color:rgba(255,255,255,.9);
}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------
	리스트
--------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* 불릿 리스트 */
.bullet-list1 li {
	position:relative;
	padding-left:10px;
	color:#565656;
	font-size:13px;
	font-weight:600;
	line-height:1.7;
}
.bullet-list1 li:before {
	content:'';
	display:block;
	position:absolute;
	left:0;
	top:10px;
	width:3px;
	height:3px;
	background-color:#454744;
	border-radius:50%;
}

.bullet-list2 li {
	margin:7px 0 0 15px;
	color:#737373;
	font-size:13px;
	text-indent:-15px;
}
.bullet-list2 li:first-child {margin-top:0;}

.bullet-list3 li {
	position:relative;
	margin-top:7px;
	padding-left:8px;
}
.bullet-list3 li:first-child {margin-top:0;}
.bullet-list3 li:before {
	content:'';
	display:block;
	position:absolute;
	left:0;
	top:10px;
	width:3px;
	height:3px;
	background-color:#555;
	border-radius:50%;
}

/* 썸네일 리스트 */
.thumb-list1 {padding-top:15px;}
.thumb-list1 .thumb-item {
	display:block;
	position:relative;
	min-height:100px;
	margin-top:20px;
	padding-left:140px;
}
.thumb-list1 .thumb-item .img-area {
	overflow:hidden;
	position:absolute;
	left:0;
	top:0;
	width:125px;
	height:100px;
	background-color:#e1e1e1;
}
.thumb-list1 .thumb-item .img-area.no-img:before {
	content:'No Image';
	position:absolute;
	left:0;
	top:50%;
	right:0;
	-webkit-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	transform:translateY(-50%);
	color:#7b7b7b;
	font-size:10px;
	font-weight:900;
	text-align:center;
}
.thumb-list1 .thumb-item .img-area img {
	position:relative;
	z-index:5;
	width:100%;
}
.thumb-list1 .thumb-item .text-area {

	margin-right:-10px;
	font-weight:600;
}
.thumb-list1 .thumb-item .text-area .t-title {
	font-size:17px;
	line-height:1.2;
}
.thumb-list1 .thumb-item .text-area .date {
	margin-top:6px;
	margin-right:-10px;
	color:#737373;
	font-size:13px;
}
.content.type02{padding: 0 10px}
.thumb-list1.type02 {overflow:hidden; width:100%;}
.thumb-list1.type02 .thumb-item{
	width:calc( 50% - 22px ); 
	display:inline-block; 
	float:left;
	
	margin: 0 10px;
	padding:20px 0 0 0;
	text-align:center;
	box-sizing:border-box;
	
	
	} 
.thumb-list1.type02 .row:after{content:""; display:block; clear:both}
.thumb-list1.type02 .thumb-item .text-area .date {text-align:left}
.thumb-list1.type02 .thumb-item .img-area {
	width:100%; 
	position:relative;
	margin-bottom:15px;
    height: 0;
    overflow: hidden;
    padding-bottom: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
   }
.thumb-list1.type02 .thumb-item .text-area{
 width:100%
}

.thumb-list1.type02 .thumb-item .img-area .no-image {
	width:100%; 
	height:102px; 
	display:inline-block;
	background:#f1f1f1;}
.thumb-list1.type02 .t-title{text-align:left}
.thumb-list1.type02 .thumb-item .img-area img {vertical-align:top;}
.thumb-list1.type02 .thumb-item .img-area  .img-child {    
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;}
/* 박스 리스트 */
.box-list1 .box-item {
	display:block;
	border-top:1px solid #dadada;
	padding:25px 20px 23px;
}
.box-list1 .box-item:first-child {border-top:0;}
.box-list1 .box-item .b-title {
	color:#111;
	font-size:17px;
	line-height:1.2;
}
.box-list1 .box-item .info-list {margin-top:10px;}
.box-list1 .box-item .info-list .item {
	color:#737373;
	font-size:15px;
}
.box-list1 .box-item .info-list .item.fcolor {
	font-weight:600;
	color:#e21c24;
}

.box-list2 {border-top:1px solid #333;}
.box-list2 .box-item {
	display:block;
	border-top:1px solid #dadada;
	padding:18px 20px 18px;
}
.box-list2 .box-item:first-child {border-top:0;}
.box-list2 .box-item .b-title {
	color:#111;
	font-size:15px;
	line-height:1.5;
}
.box-list2 .box-item .b-title p {font-weight:600;}
.box-list2 .box-item .info-list {margin-top:10px;}
.box-list2 .box-item .info-list .item {
	color:#737373;
	font-size:13px;
}

.box-list3 {margin-top:55px;}
.box-list3 .box-item {
	margin-top:10px;
	padding:25px 20px 34px;
	background-color:#fff;
	color:#111;
}
.box-list3 .box-item:first-child {margin-top:0;}
.box-list3 .box-item .link {
	display:block;
	position:relative;
	padding-right:20px;
}
.box-list3 .box-item .link:before {
	content:'';
	position:absolute;
	right:0;
	top:50%;
	-webkit-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	transform:translateY(-50%);
	width:8px;
	height:14px;
	background:url(../images/common/sprite_icon.png) no-repeat -96px 0;
	background-size:250px;
}
.box-list3 .box-item .value-text {font-size:13px;}
.box-list3 .box-item .b-title {
	margin-top:-2px;
	font-size:17px;
	font-weight:600;
}
.box-list3 .box-item .price-area {margin-top:8px;}
.box-list3 .box-item .price-area .text {
	color:#333;
	font-size:13px;
}
.box-list3 .box-item .price-area .price {
	font-size:25px;
	font-weight:600;
	line-height:1.4;
}
.box-list3 .box-item .price-area .price .unit {
	margin-left:4px;
	font-size:15px;
	font-weight:400;
}
.box-list3 .box-item .price-area .link-area {
	overflow:hidden;
	margin-top:10px;
	margin-right:-10px;
}
.box-list3 .box-item .price-area .link-area .link-type1 {
	float:left;
	margin-left:20px;
	font-size:15px;
	font-weight:600;
}
.box-list3 .box-item .price-area .link-area .link-type1:first-child {margin-left:0;}

/* 아코디언 리스트 */
.accordion-list1 .all-len {
	padding:0 20px;
	background-color:#f7f7f7;
	font-size:12px;
	font-weight:600;
	line-height:34px;
}

.accordion-list1 .all-len.gray-line{
	background-color:#f7f7f7;
	height:34px;
	
}
.accordion-list1 .lists .list-item {border-top:1px solid #f2f2f2;}
.accordion-list1 .lists .list-item:first-child {border-top:0;}
.accordion-list1 .lists .list-item .inquiry {
	position:relative;
	padding:18px 40px 19px 20px;
	cursor: pointer;
}
.accordion-list1 .lists .list-item .inquiry:before {
	content:'';
	position:absolute;
	right:20px;
	top:50%;
	-webkit-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	transform:translateY(-50%);
	width:14px;
	height:8px;
	background:url(../images/common/sprite_icon.png) no-repeat -66px 0;
	background-size:250px;
}
.accordion-list1 .lists .list-item.on .inquiry:before {background-position:-81px 0;}
.accordion-list1 .lists .list-item .inquiry .value {
	display:block;
	color:#737373;
	font-size:13px;
}
.accordion-list1 .lists .list-item .inquiry .text-area {
	margin-top:5px;
	color:#111;
	font-weight:600;
}
.accordion-list1 .lists .list-item .inquiry .text-area .status {
	display:inline-block;
	height:18px;
	margin-right:8px;
	padding:0 8px;
	border-radius:25px;
	background-color:#e21c24;
	color:#fff;
	font-size:10px;
	vertical-align:2px;
	line-height:18px;
}
.accordion-list1 .lists .list-item .inquiry .text-area .status.type1 {background-color:#1681c4;}
.accordion-list1 .lists .list-item .inquiry.push-auth:before {
	content:'';
	position:absolute;
	right:20px;
	top:50%;
	-webkit-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	transform:translateY(-50%);
	width:14px;
	height:8px;
	background: unset;
	background-size:250px;
}
.accordion-list1 .lists .list-item .answer {
	display:none;
	padding:15px 20px 18px;
	color:#111;
	font-size:13px;
}

.accordion-list1 .lists .list-item .answer.type2 {padding:0;}
.accordion-list1 .lists .list-item .answer.type2 .text-box {
	position:relative;
	
	padding:17px 20px 20px 45px;
	color:#111;
	font-size:13px;
}
.accordion-list1 .lists .list-item .answer.type2 .text-box.type2 {
	background-color:#ede4ea;
	font-weight:600;
}
.accordion-list1 .lists .list-item .answer.type2 .text-box.type3 {
	background-color:#d3cdd9;
	font-weight:600;
}
.accordion-list1 .lists .list-item .answer.type2 .text-box .fcolor {color:#e21c24;}
.accordion-list1 .lists .list-item .answer.type2 .text-box .label {
	position:absolute;
	left:20px;
	top:16px;
	font-weight:600;
}

.accordion-list2 {border-bottom:1px solid #f2f2f2;}
.accordion-list2 .accordion-item .acc-title {
	display:inline-block;
	position:relative;
	width:100%;
	padding:12px 50px 14px 20px;
	box-sizing:border-box;
	border-top:1px solid #f2f2f2;
	font-weight:600;
	text-align:left;
}
.accordion-list2 .accordion-item .acc-title:before,
.accordion-list2 .accordion-item .acc-title::before {
	content:'';
	position:absolute;
	right:22px;
	top:50%;
	-webkit-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	transform:translateY(-50%);
	width:14px;
	height:8px;
	background-image:url(../images/common/sprite_icon.png);
	background-repeat:no-repeat;
	background-position:-66px 0;
	background-size:250px;
}
.accordion-list2 .accordion-item.on .acc-title:before,
.accordion-list2 .accordion-item.on .acc-title::before {background-position:-81px 0;}
.accordion-list2 .accordion-item a.acc-title:before,
.accordion-list2 .accordion-item a.acc-title::before {
	width:8px;
	height:14px;
	background-position:-96px 0 !important;
}
.accordion-list2 .accordion-item .layer {
	display:none;
	padding:15px 20px;
	border-top:1px solid #f2f2f2;
}

.accordion-list3 .accordion-item {border-top:1px solid #e1e1e1;}
.accordion-list3 .accordion-item:first-child {border-top:0;}
.accordion-list3 .accordion-item .a-title {
	display:block;
	position:relative;
	width:100%;
	padding:0 20px;
	height:40px;
	box-sizing:border-box;
	color:#111;
	font-weight:600;
	text-align:left;
	line-height:40px;
}
.accordion-list3 .accordion-item button.a-title:before {
	content:'';
	position:absolute;
	right:25px;
	top:50%;
	-webkit-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	transform:translateY(-50%);
	width:15px;
	height:8px;
	background:url(../images/common/sprite_icon.png) no-repeat -226px 0;
	background-size:250px;
}
.accordion-list3 .accordion-item.off button.a-title:before {background-position:-210px 0;}
.accordion-list3 .accordion-item div.a-title input[type=checkbox] {
	position:absolute;
	left:20px;
	top:50%;
	-webkit-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	transform:translateY(-50%);
}
.accordion-list3 .accordion-item div.a-title label {
	display:block;
	padding:12px 20px 10px 35px;
	line-height:1.3;
}
.accordion-list3 .accordion-item .layer .item {
	position:relative;
	padding-left:20px;
}
.accordion-list3 .accordion-item .layer .item input[type=checkbox] {
	position:absolute;
	left:20px;
	top:50%;
	-webkit-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	transform:translateY(-50%);
}
.accordion-list3 .accordion-item .layer .item label {
	display:block;
	padding:12px 20px 10px 35px;
	border-top:1px solid #f2f2f2;
	color:#111;
	font-size:13px;
	line-height:1.3;
}
.accordion-list3 {border-bottom:1px solid #e1e1e1;}

.accordion-list4 {}
.accordion-list4 .accordion-item {border-bottom:1px solid #f2f2f2;}
.accordion-list4 .accordion-item .acc-title {
	display:inline-block;
	position:relative;
	width:100%;
	padding:18px 50px 13px 20px;
	box-sizing:border-box;
	font-weight:600;
	text-align:left;
}
.accordion-list4 .accordion-item .acc-title:before,
.accordion-list4 .accordion-item .acc-title::before {
	content:'';
	position:absolute;
	right:22px;
	top:50%;
	-webkit-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	transform:translateY(-50%);
	width:14px;
	height:8px;
	background-image:url(../images/common/sprite_icon.png);
	background-repeat:no-repeat;
	background-position:-66px 0;
	background-size:250px;
}
.accordion-list4 .accordion-item.on {border-color:#333;}
.accordion-list4 .accordion-item.on .acc-title:before,
.accordion-list4 .accordion-item.on .acc-title::before {background-position:-81px 0;}
.accordion-list4 .accordion-item a.acc-title:before,

.accordion-list4 .accordion-item .layer {display:none;}

/* 폼 리스트 */
.error-text {
	margin-top:5px;
	color:#e21c24;
	font-size:13px;
}
.form-list1:after {
	content:'';
	display:block;
	clear:both;
}
.form-list1 .info-text {
	margin:10px 0 0 10px;
	color:#737373;
	font-size:13px;
	text-indent:-10px;
}
.form-list1 .form-item {
	position:relative;
	margin-top:28px;
	float:left;
	width:100%;
	box-sizing:border-box;
}
.form-list1 .form-item.left {
	width:50%;
	padding:0 12px 0 0;
}
.form-list1 .form-item.right {
	width:50%;
	padding:0 0 0 12px;
}
.form-list1 .form-item .title {
	display:block;
	font-size:13px;
	padding-bottom:13px;
}
.form-list1 .form-item .title .btn-tool {
	width:27px;
	height:20px;
}
.form-list1 .form-item select,
.form-list1 .form-item input[type=text],
.form-list1 .form-item input[type=tel],
.form-list1 .form-item input[type=number],
.form-list1 .form-item input[type=password] {margin-top:-15px;}

.form-list1 .form-item .unit-text {
	position:relative;
	margin-top:-15px;
}
.form-list1 .form-item .unit-text .unit {
	position:absolute;
	right:0;
	top:0;
	color:#b2b2b2;
	line-height:50px;
}
.form-list1 .form-item .unit-text input[type=text],
.form-list1 .form-item .unit-text input[type=tel],
.form-list1 .form-item .unit-text input[type=number] {
	margin-top:0;
	padding-right:40px;
}

.form-list1 .form-item2 {
	overflow:hidden;
	margin-top:6px;
	font-size:13px;
}
.form-list1 .form-item2 + .form-item {margin-top:15px;}
.form-list1 .form-item2 .title {
	float:left;
	margin-right:10px;
	color:#737373;
}
.form-list1 .form-item2 .text {
	float:right;
	font-weight:600;
}
.form-list1 .otp-type {margin-top:-15px;}
.form-list1 .otp-type + .otp-type {margin-top:14px;}

.form-list1 + .text-type1 {
	margin-top:20px;
	color:#111;
	font-weight:600;
}

.form-wrap {
	padding:18px 20px 22px;
	border-top:1px solid #767676;
}
.form-title {
	color:#111;
	font-size:16px;
	font-weight:600;
	margin-top:20px;
	padding-bottom:10px;
}
.form-wrap .form-title:first-child {margin-top:0;}

.form-list1 .form-item.false .false-text {
	position:absolute;
	right:0;
	top:0;
	color:#e21c24;
	font-size:13px;
	font-weight:600;
}
.form-list1 .form-item .true-text {
	position:absolute;
	right:0;
	top:0;
	color:#0589e5;
	font-size:13px;
	font-weight:600;
}
.form-list1 .form-item.false input[type=text],
.form-list1 .form-item.false input[type=tel],
.form-list1 .form-item.false input[type=number],
.form-list1 .form-item.false input[type=password] {border-bottom:1px solid #e21c24;}

.form-list1 .form-item .pin-area .pin-filed {
	position:fixed;
	left:-9999px;
	top:-9999px;
	text-indent:-9999px;
	opacity:0;
}
.form-list1 .form-item .pin-area .write-box {
	display:inline-block;
	width:100%;
	height:50px;
	padding-top:18px;
	box-sizing:border-box;
	border-bottom:1px solid #d9d9d9;
	background-color:#fff;
	font-size:0;
	line-height:0;
}
.form-list1 .form-item .pin-area .write-box .point {
	display:inline-block;
	width:15px;
	height:15px;
	margin-left:23px;
	border-radius:50%;
	background-color:#e6e6e6;
}
.form-list1 .form-item .pin-area .write-box .point:first-child {margin-left:0;}
.form-list1 .form-item .pin-area .write-box .point.on {background-color:#000;}

.form-list-wrap3 {padding:33px 25px 0;}
.form-list-wrap3 .f-title {
	padding-bottom:13px;
	color:#111;
	font-size:16px;
	font-weight:600;
}
.form-list-wrap3 .form-list {
	padding:18px 0 20px;
	border-top:1px solid #e6e6e6;
}
.form-list-wrap3 .form-list .form-item {
	overflow:hidden;
	margin-top:10px;
	font-size:14px;
}
.form-list-wrap3 .form-list .form-item:first-child {margin-top:0;}
.form-list-wrap3 .form-list .form-item .title {
	float:left;
	margin-right:10px;
	color:#737373;
}
.form-list-wrap3 .form-list .form-item .title .label {
	display:inline-block;
	margin-right:5px;
	padding:0 4px 2px;
	background-color:#111;
	color:#fff;
	font-size:13px;
}
.form-list-wrap3 .form-list .form-item .title .label + strong {
	color:#111;
	font-weight:600;
}
.form-list-wrap3 .form-list .form-item .text {
	float:right;
	color:#111;
	font-weight:600;
}
.form-list-wrap3 .form-list.type2 .form-item .text {
	color:#737373;
	font-weight:400;
}
.form-list-wrap3 .form-list.type2 .form-item:first-child .title,
.form-list-wrap3 .form-list.type2 .form-item:first-child .text {
	color:#5d30a6;
	font-weight:900;
}

/* ============================================================================================
	기타
============================================================================================ */
/* 빠른 메뉴 (main/index01.html, mypage/MA-03.01.html) */
.quick-menu {
	position:relative;
	padding:0 5px;
	background-color:#f1f1f1;
}
/* 로카 캐릭터 삭제
.quick-menu:before {
	content:'';
	position:absolute;
	right:10px;
	bottom:0;
	width:98px;
	height:96px;
	background:url(../images/main/img_loca.png) no-repeat 0 0;
	background-size:100% 100%;
}
*/
.quick-menu:after {
	content:'';
	display:block;
	clear:both;
}
.quick-menu .menu-item {
	float:left;
	height:50px;
	padding:0 15px;
	color:#737373;
	font-size:17px;
	line-height:50px;
	/* 20181217 sjbaek 페이지 중단 메뉴 링크영역 구분bar 추가 */
	position: relative;

}
.quick-menu .menu-item.on {
	color:#111;
	font-weight:900;
}

.quick-menu.chat-ver .swiper-container-menu .menu-item:last-child{margin-right:70px}

.swiper-container-menu .swiper-slide{width:auto}
/* 20181217 sjbaek 페이지 중단 메뉴 링크영역 구분bar 추가 */
.quick-menu .menu-item:before {
	content: "";
	position: absolute;
	width: 1px;
	height: 15px;
	top: 18px;
	right: 0;
	background: #bbb;

}

.quick-menu .menu-item:last-child:before {
	background: transparent;
}

/* 결과 없음 */
.no-result {
	padding-top:70px;
	background:url(../images/common/no-result-mob.png) no-repeat 50% 35px;
	background-size:30px;
	font-size:12px;
	font-weight:600;
	text-align:center;
}

/* ============================================================================================
	레이아웃
============================================================================================ */
html,
body,
.wrapper {-webkit-overflow-scrolling:touch}

.container {
	padding-top:55px;
	padding-bottom:35px;
}

.scroll .container {padding-top:55px !important;}

.content {padding:0 20px;}
.content.pd-type1 {padding-top:20px;}
.content.text-type {padding:20px;}

.content.wide {
	padding-left:0;
	padding-right:0;
}

/*
	Header
*/
.header {
	position:fixed;
	left:0;
	top:0;
	right:0;
	z-index:55;
	height:55px;
}
.header.fix {background-color:rgba(255,255,255,.9);}
.header .h-logo {
	position:absolute;
	left:0;
	top:0;
	height:55px;
	width:68px;
}
.h-logo.fixlogo{
	top:4px !important;
	left:42px !important;
}
.header .h-logo a {
	display:block;
	height:55px;
	font-size:0;
	text-indent:-9999px;
	line-height:0;
}
.header .h-logo a:before {
	content:'';
	position:absolute;
	left:50%;
	top:50%;
	-webkit-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	width:100px;
	height:28px;
	background:url(../images/common/LFVN_red.jpg) no-repeat center right;
	background-size: auto 20px;
}
.white .header .h-logo a:before {
	background:url(../images/common/LFVN_white.jpg) no-repeat center right;
	background-size: auto 20px;
}/* white */
.header.fix .h-logo a:before {background-position:0 0;}
.header .btn-page-prev {
	position:absolute;
	left:0;
	top:0;
	width:64px;
	height:55px;
	font-size:0;
	text-indent:-9999px;
	line-height:0;
}
.header .btn-page-prev:before {
	content:'';
	position:absolute;
	left:50%;
	top:50%;
	-webkit-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	width:24px;
	height:17px;
	background:url(../images/common/sprite01.png) no-repeat -29px 0;
	background-size:250px;
}
.header .btn-gnb {
	position:absolute;
	right:0;
	top:0;
	width:60px;
	height:55px;
	font-size:0;
	text-indent:-9999px;
	line-height:0;
}
.header .btn-gnb:before,
.header .btn-gnb:after {
	content:'';
	position:absolute;
	right:20px;
	top:50%;
	-webkit-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	transform:translateY(-50%);
	box-sizing:border-box;
}
.header .btn-gnb:before {
	width:20px;
	height:17px;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
}
.header .btn-gnb:after {
	width:20px;
	height:1px;
	background:#000;
}

.header .btn-lang {
	position:absolute;
	right:60px;
	top:50%;
	-webkit-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	transform:translateY(-50%);
	width:40px;
	height:40px;
	color:#000;
	font-size:18px;
	text-align:center;
	line-height:40px;

}

.header .btn-share {
	position:absolute;
	left:0;
	top:0;
	width:55px;
	height:55px;
	font-size:0;
	text-indent:-9999px;
	line-height:0;
}
.header .btn-share:before {
	content:'';
	position:absolute;
	left:50%;
	top:50%;
	-webkit-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	width:17px;
	height:17px;
	background:url(../images/common/sprite01.png) no-repeat -126px 0;
	background-size:250px;
}
.white .header .btn-share:before {background-position:-108px 0;}
.header .btn-close {
	position:absolute;
	right:0;
	top:0;
	width:55px;
	height:55px;
	font-size:0;
	text-indent:-9999px;
	line-height:0;
}
.header .btn-close:before {
	content:'';
	position:absolute;
	left:50%;
	top:50%;
	-webkit-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	width:17px;
	height:17px;
	background:url(../images/common/sprite01.png) no-repeat -162px 0;
	background-size:250px;
}
.white .header .btn-close:before {background-position:-144px 0;}

/* 상단 비주얼영역이 있을경우 header */
.top-visual-styled .header {background-color:transparent;}
.top-visual-styled.white .header .btn-page-prev:before {background-position:-54px 0;}
.top-visual-styled.white .header .btn-gnb:before {border-color:#fff;}
.top-visual-styled.white .header .btn-gnb:after {background-color:#fff;}

.top-visual-styled .header.fix .btn-gnb:before {border-color:#000;}
.top-visual-styled .header.fix .btn-gnb:after {background-color:#000;}

/* 상단 고정 타이틀 */
.s-title-area {
	margin-top:25px;
	min-height:60px;
	padding:0 20px;
}
.s-title-area .s-title {
	position:relative;
	padding:12px 0;
	font-size:28px;
	line-height:1.3;
}
.s-title-area .s-title:before {
	content:'';
	position:absolute;
	left:0;
	bottom:0;
	width:25px;
	height:1px;
	background-color:#e21c24;
}
.s-title-area .sm-text {
	color:#737373;
	font-size:14px;
	margin-bottom:-15px;
}
.s-title-area.fix .sm-text {opacity:0;}

.s-title-area.hid-type {
	position:absolute;
	left:0;
	top:56px;
}
.s-title-area.hid-type .s-title {
	top:-9999px;
	left:-9999px;
}

/* 상단 텍스트 영역 */
.s-text-area {padding:30px 20px 13px;}
.s-text-area .s-text {color:#737373;}
.s-text-area .s-text + .link-type1 {margin-top:12px;}

.s-text-area.type2 {padding-top:15px;}
.s-text-area.type2 .s-text {color:#111;}
.s-text-area.type2 .s-text strong {font-weight:600;}

/* 상단 비주얼 영역 */
.top-visual-box {
	position:relative;
	margin-top:-55px;
}
.top-visual-box .visual-img {
	display:block;
	font-size:0;
	line-height:0;
}
.top-visual-box .visual-img img {width:100%;}
.top-visual-box .s-title-area {
	position:absolute;
	left:0;
	top:55px;
}
.top-visual-box .s-title-area .text {
	width:280px;
	min-height:50px;
	margin-top:25px;
}
.top-visual-box .s-title-area .text img {width:100%;}

.top-visual-styled.white .top-visual-box .s-title-area {color:#fff;}
.top-visual-styled.white .top-visual-box .s-title-area .s-title:before {background-color:#fff;}

.top-visual-box .text-area {
	position:absolute;
	left:20px;
	bottom:18%;
	color:#fff;
	text-shadow:0px 0px 20px rgba(0,0,0,1);
}
.top-visual-box .text-area .title {
	font-size:25px;
	font-weight:900;
	line-height:1.1;
}
.top-visual-box .text-area .date {
	margin-top:5px;
	font-size:17px;
	font-weight:600;
}
.top-visual-box .text-area .date .label-end {
	display:inline-block;
	margin:5px 8px 0 0;
	padding:0 10px;
	border-radius:5px;
	background-color:#e60039;
	font-size:10px;
	vertical-align:top;
	line-height:16px;
}

.evt-title-area {
	background-color: #c80040;
	padding: 35px 20px;
	color: #fff;
}

.evt-title-area .tit {
	font-size: 25px;
	font-weight: 900;
	line-height: 32px;
	margin-bottom: 5px;
}

.evt-title-area .date {
	font-size: 17px;
}

.evt-title-area .date .label-end {
	display:inline-block;
	margin:5px 8px 0 0;
	padding:0 10px;
	border-radius:5px;
	background-color:transparent;
	font-size:10px;
	vertical-align:top;
	line-height:16px;
	border: 1px solid #fff;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}

@media only screen and (max-width:340px) {
	.top-visual-box .text-area {bottom:20%;}
	.top-visual-box .text-area .title {font-size:22px;}
}

/* 스크롤시 변환 되는 해더와 타이틀 */
.header.fix {
	border-bottom:1px solid #e5e5e5;
	background-color:rgba(255,255,255,.96);
}
.header.fix .btn-page-prev:before {background-position:-29px 0 !important;}
.header.fix .btn-gnb:before {border-color:#000;}
.header.fix .btn-gnb:after {background-color:#000;}
.header.fix .btn-share:before {background-position:-126px 0;}
.header.fix .btn-close:before {background-position:-162px 0;}

.top-visual-box .s-title-area.fix {padding-top:60px;}
.s-title-area.fix .s-title {
	position:fixed;
	left:50px;
	right:55px;
	top:0;
	z-index:55;
	height:55px;
	padding:0;
	text-align:center;
}
.s-title-area.fix .s-title .text {
	position:absolute;
	left:0;
	right:0;
	top:50%;
	-webkit-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	transform:translateY(-50%);
	width:auto;
	height:auto;
	min-height:auto;
	margin-top:0;
	color:#111;
	font-size:17px;
	text-align:center;
	line-height:1.1;
}
.s-title-area.fix .s-title:before {display:none;}
.s-title-area.fix .s-title br {display:none;}

/* 상세 페이지 */
.detail-page .header {
	background-color:#f7f7f7;
	border-bottom:1px solid #e6e6e6;
}
.detail-page .header .h-title {
	position:absolute;
	left:0;
	right:0;
	top:50%;
	-webkit-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	transform:translateY(-50%);
	padding:0 40px;
	color:#111;
	font-size:17px;
	font-weight:600;
	text-align:center;
	line-height:1.2;
}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------
	전체메뉴
--------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.menu-wrap {
	position:fixed;
	left:100%;
	top:0;
	bottom:0;
	z-index:65;
	width:100%;
	background-color:#fff;
	opacity:0;
}

.menu-wrap .top-info-box {
	position:relative;
	padding:30px 0 15px;
	background-image:url(../images/bg/bg-menu.png);
	background-color:#c80040;
	background-repeat:no-repeat;
	background-position:0 0;
	background-size:100%;
}
.menu-wrap .top-info-box .top-btn-area {
	overflow:hidden;
	position:absolute;
	right:13px;
	top:0;
	z-index:5;
}
.menu-wrap .top-info-box .top-btn-area .btn {
	float:left;
	position:relative;
	width:30px;
	height:37px;
	font-size:0;
	text-indent:-9999px;
	line-height:0;
}
.menu-wrap .top-info-box .top-btn-area .btn:before {
	content:'';
	position:absolute;
	left:50%;
	top:50%;
	-webkit-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	background-image:url(../images/common/sprite_icon.png);
	background-repeat:no-repeat;
	background-size:250px;
}
.menu-wrap .top-info-box .top-btn-area .btn-home:before {
	width:18px;
	height:17px;
	background-position:-214px -57px;
}
.menu-wrap .top-info-box .top-btn-area .btn-close:before {
	width:16px;
	height:16px;
	background-position:-233px -57px;
}

.menu-wrap .top-info-box .user-info {
	display:block;
	position:relative;
	min-height:45px;
	padding:0 20px;
}
.menu-wrap .top-info-box .user-info .photo {
	overflow:hidden;
	width:45px;
	height:45px;
	border-radius:50%;
	background-color:#ff82a1;
}
.menu-wrap .top-info-box .user-info .photo img {width:100%;}
.menu-wrap .top-info-box .user-info .text-area {
	position:absolute;
	left:85px;
	right:20px;
	top:50%;
	-webkit-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	transform:translateY(-50%);
	color:#fff;
	font-size:17px;
	font-weight:600;
}
.menu-wrap .top-info-box .user-info .text-area .text {
	font-size:13px;
	font-weight:400;
}
.menu-wrap .top-info-box .user-info .text-area .sigin-text {
	display:inline-block;
	position:relative;
	padding-right:15px;
}
.menu-wrap .top-info-box .user-info .text-area .sigin-text:before {
	content:'';
	position:absolute;
	right:0;
	top:57%;
	-webkit-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	transform:translateY(-50%);
	width:7px;
	height:12px;
	background:url(../images/common/sprite_icon.png) no-repeat -34px 0;
	background-size:250px;
}

.menu-wrap .top-info-box .utill-btn-area {
	position:relative;
	min-height:30px;
	margin-top:20px;
	padding:0 20px;
	box-sizing:border-box;
	overflow:hidden
}
.menu-wrap .top-info-box .utill-btn-area > div {
	display:inline-block;
	height:30px;
	font-size:14px;
	width:33.33%;
	float:left
}

.menu-wrap .top-info-box .utill-btn-area div .btn{
	position:relative;
	color:#fff;
	padding-left:20px;
	line-height:30px;
}

.menu-wrap .top-info-box .utill-btn-area > div:nth-of-type(3) {
text-align:right;
}
.menu-wrap .top-info-box .utill-btn-area > div:nth-of-type(2) {
text-align:center;
}
.menu-wrap .top-info-box .utill-btn-area .btn:before {
	content:'';
	position:absolute;
	left:0;
	top:50%;
	-webkit-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	transform:translateY(-50%);
	background-image:url(../images/common/sprite_icon.png);
	background-repeat:no-repeat;
	background-size:250px;
}
.menu-wrap .top-info-box .utill-btn-area .btn.btn-chat:before {
	width:17px;
	height:17px;
	background-position:-214px -75px;
}
.menu-wrap .top-info-box .utill-btn-area .btn.btn-push:before {
	width:15px;
	height:17px;
	background-position:-232px -75px;
}
.menu-wrap .top-info-box .utill-btn-area .btn.btn-setting:before {
	width:16px;
	height:17px;
	background-position:-232px -93px;
}

/* 전체 메뉴 슬라이드 영역 */
.quick-menu-area {
	position:relative;
	height:110px;
	box-sizing:border-box;
}
.quick-menu-area .swiper-slide {
	display:inline-block;
	width:80px;
	height:110px;
	margin-right:6px;
	background-repeat:no-repeat;
	background-position:50% 25px;
	background-size:46px 46px;
}
.quick-menu-area .swiper-slide.item1 {background-image:url(../images/common/icon_menu01.png);}
.quick-menu-area .swiper-slide.item2 {background-image:url(../images/common/icon_menu02.png);}
.quick-menu-area .swiper-slide.item3 {background-image:url(../images/common/icon_menu03.png);}
.quick-menu-area .swiper-slide.item4 {background-image:url(../images/common/icon_menu04.png);}
.quick-menu-area .swiper-slide.item5 {background-image:url(../images/common/icon_menu05.png);}
.quick-menu-area .swiper-slide.item6 {background-image:url(../images/common/icon_menu08.png);}
.quick-menu-area .swiper-slide.item7 {background-image:url(../images/common/icon_menu10.png);}
.quick-menu-area .swiper-slide.item8 {background-image:url(../images/common/icon_menu11.png);}
.quick-menu-area .swiper-slide.item9 {background-image:url(../images/common/icon_menu12.png);}


.quick-menu-area .swiper-slide .text {
	display:block;
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	height:40px;
	color:#000;
	font-size:14px;
	text-align:center;
	line-height:1.3;
}
.quick-menu-area .swiper-slide .text em {
	position:absolute;
	left:0;
	right:0;
	top:50%;
	-webkit-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	transform:translateY(-50%);
}

.quick-menu-area .hashtag-list {
	position:absolute;
	left:0;
	right:0;
	top:50%;
	-webkit-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	transform:translateY(-50%);
	margin:0 13px;
	font-size:0;
	text-align:center;
	line-height:0;
}
.quick-menu-area .hashtag-list .hashtag {
	display:inline-block;
	margin:7px;
	padding:0 10px;
	border-radius:25px;
	border:1px solid #6b4aaf;
	color:#6b4aaf;
	font-size:15px;
	font-weight:600;
	line-height:28px;
}

.menu-wrap .menu-content {
	overflow-y:auto;
	position:absolute;
	left:0;
	right:0;
	top:311px;
	bottom:0;
}
.menu-wrap .menu-tab-wrap:before {
	content:'';
	position:absolute;
	left:0;
	top:311px;
	bottom:0;
	width:135px;
	background-color:#f0f0f0;
}
.menu-wrap .menu-tab-wrap {border-top:10px solid #f4f4f4;}
.menu-wrap .menu-tab-wrap .menu-tab {
	position:relative;
	border-bottom:1px solid #ebebeb;
}
.menu-wrap .menu-tab .btn-edit {
	display:none;
	position:absolute;
	right:0;
	top:0;
	height:50px;
	padding:0 13px 0 30px;
	box-sizing:border-box;
	color:#868686;
	font-size:13px;
	line-height:50px;
}
.menu-wrap .menu-tab .item.on + .btn-edit {display:block;}
.menu-wrap .menu-tab .btn-edit:before {
	content:'';
	position:absolute;
	left:13px;
	top:50%;
	-webkit-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	transform:translateY(-50%);
	width:14px;
	height:14px;
	background:url(../images/common/sprite_icon.png) no-repeat -195px 0;
	background-size:250px;
}
.menu-wrap .menu-tab-wrap .menu-tab:after {
	content:'';
	display:block;
	clear:both;
}
.menu-wrap .menu-tab-wrap .menu-tab .item {
	float:left;
	position:relative;
	height:50px;
	padding:0 20px;
	box-sizing:border-box;
	color:#111;
	font-size:14px;
	font-weight:600;
	line-height:50px;
}
.menu-wrap .menu-tab-wrap .menu-tab .item:before {
	content:'';
	position:absolute;
	left:0;
	right:0;
	bottom:-1px;
	height:3px;
	background-color:transparent;
	transition:all .3s;
}
.menu-wrap .menu-tab-wrap .menu-tab .item.on {color:#c80040;}
.menu-wrap .menu-tab-wrap .menu-tab .item.on:before {background-color:#c80040;}

.menu-wrap .menu-tab-cont {display:none;}
.menu-wrap .menu-tab-cont.my-menu {background-color:#fff;}
.menu-wrap .menu-tab-cont.my-menu:before {
	content:'';
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	background-color:#fff;
}
.menu-wrap .menu-tab-cont.on {display:block;}
.menu-wrap .menu-list-box {padding:0 0 0 145px;}
.menu-wrap .menu-list-box .left-menu {
	position:absolute;
	left:0;
	top:0;
	width:145px;
	min-height:100%;
	padding:25px 0 25px 10px;
	box-sizing:border-box;
}
.menu-wrap .menu-list-box .left-menu .item {
	position:relative;
	display:block;
	width:100%;
	padding:9px 20px;
	box-sizing:border-box;
	color:#000;
	font-size:16px;
	font-weight:600;
	text-align:left;
}
.menu-wrap .menu-list-box .left-menu .item.on {
	box-shadow:2px 4px 30px rgba(0,0,0,.3);
	background-color:#c80040;
	color:#fff;
}
.menu-wrap .menu-list-box .left-menu .btn-area {
	position:relative;
	margin:30px 20px 0 0;
	text-align:center;
}
.menu-wrap .menu-list-box .left-menu .btn-area .btn {
	display:inline-block;
	position:relative;
	padding-left:22px;
	color:#737373;
	font-size:14px;
	line-height:40px;
}
.menu-wrap .menu-list-box .left-menu .btn-area .btn:before {
	content:'';
	position:absolute;
	left:0;
	top:50%;
	-webkit-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	transform:translateY(-50%);
	width:16px;
	height:16px;
	background-image:url(../images/common/sprite_icon.png);
	background-repeat:no-repeat;
	background-size:250px;
}
.menu-wrap .menu-list-box .left-menu .btn-area .btn.btn-join:before {background-position:0 -254px;}
.menu-wrap .menu-list-box .left-menu .btn-area .btn.btn-logout:before {background-position:-17px -254px;}

.menu-wrap .menu-list-box .right-menu .menu {
	display:none;
	padding:25px 0 25px;
}
.menu-wrap .menu-list-box .right-menu .menu.on {display:block;}
.menu-wrap .menu-list-box .right-menu .menu .menu-list .list-item .m-title {
	display:block;
	position:relative;
	width:100%;
	padding:10px 45px 12px 25px;
	box-sizing:border-box;
	color:#000;
	font-size:16px;
	font-weight:600;
	text-align:left;
}
.menu-wrap .menu-list-box .right-menu .menu .menu-list .list-item button.m-title:before {
	content:'';
	position:absolute;
	right:25px;
	top:50%;
	-webkit-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	transform:translateY(-50%);
	width:14px;
	height:8px;
	background:url(../images/common/sprite_icon.png) no-repeat -66px 0;
	background-size:250px;
}
.menu-wrap .menu-list-box .right-menu .menu .menu-list .list-item.on button.m-title:before {background-position:-81px 0;}

.menu-wrap .menu-list-box .right-menu .menu .menu-list .list-item .list {display:none;}
.menu-wrap .menu-list-box .right-menu .menu .menu-list .list-item .list .item {
	display:block;
	position:relative;
	box-sizing:border-box;
	color:#353535;
	font-size:14px;
	line-height:1.3;
}
.menu-wrap .menu-list-box .right-menu .menu .menu-list .list-item .list .item .text {
	display:block;
	padding:11px 20px 9px 52px;
}
.menu-wrap .menu-list-box .right-menu .menu .menu-list .list-item .list .item:before {
	content:'';
	position:absolute;
	left:35px;
	top:15px;
	width:6px;
	height:6px;
	box-sizing:border-box;
	border-left:1px solid #999;
	border-bottom:1px solid #999;
}

.menu-wrap .my-menu .menu-list {
	position:relative;
	padding:10px 0;
}
.menu-wrap .my-menu .menu-list .list-item .text {
	display:block;
	padding:12px 27px 8px;
	box-sizing:border-box;
	color:#000;
	font-size:16px;
	font-weight:600;
	text-align:left;
}
.menu-wrap .my-menu .no-list-menu {
	position:relative;
	padding:84px 20px 35px;
	color:#737373;
	text-align:center;
}
.menu-wrap .my-menu .no-list-menu:before {
	content:'';
	position:absolute;
	left:50%;
	top:40px;
	-webkit-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	transform:translateX(-50%);
	width:30px;
	height:30px;
	background:url(../images/common/sprite_icon.png) no-repeat -205px -111px;
	background-size:250px;
}

/* 마이메뉴설정 (MA-01.02.02.html) */
.sub-box-title {
	padding:12px 20px 9px;
	background-color:#f1f1f1;
	font-size:13px;
	font-weight:600;
}

/* ============================================================================================
	회원관리
============================================================================================ */
/* 공통 */
.wrapper.signup .container {padding-top:35px;}
.wrapper.signup .s-title-area {margin-top:0;}
.wrapper.signup .s-title-area .s-title:before {display:none;}

.step-bar {
	overflow:hidden;
	position:fixed;
	left:0;
	right:0;
	top:0;
	z-index:55;
	background-color:#ebebeb;
}
.step-bar .bar {
	float:left;
	width:33%;
	height:3px;
}
.step-bar .bar:first-child {width:34%;}
.step-bar .bar.on {background-color:#e21c24;}

/* 로그인 */
/* 로그인 MA-02.01.00.1, MA-02.01.00.2 */
.login .s-title-area .s-title:before {
	height: 0;
	background-color: transparent;
	width: 0;
}

.login .login-type-div {
	position: relative;
}

.login .login-type-div:after {
	content: "";
	clear: both;
	display: block;
}

.login .login-type-div > div {
	float: right;
}

.login .login-type-div .switch-login-type {
	display: inline-block;
	color: #737373;
	font-size: 16px;
	padding: 0 15px 0 13px;
	height: 20px;
	line-height: 20px;
	float: left;
	position: relative;
}

.login .login-type-div .switch-login-type.on {
	color: #111;
	font-weight: 600;
}

.login .login-type-div .switch-login-type:after {
	content: "";
	position: absolute;
	top: 2px;
	right: 0;
	width: 1px;
	height: 15px;
	background-color: #111;
}

.login .login-type-div .switch-login-type:last-child:after {
	background-color: transparent;
	width: 0;
	height: 0;
}

.signin {background-color:#f1f1f1;}

.notifyclick {background-color:#ffffff !important; }

.hide {
	display: none;
}

.signin-slide {
	margin:15px 0 0 20px;
	box-shadow:0 0 32px 0 rgba(0,0,0,.2);
	background-color:#fff;
}
.signin-slide .swiper-container {height:auto;}
.signin-slide .swiper-slide {box-sizing:border-box;}
.signin-slide .swiper-slide .slide-inner {
	position:relative;
	height:220px;
	padding:35px 20px 0 25px;
	box-sizing:border-box;
	background-color:#fff;
}
.signin-slide .swiper-slide .slide-inner.pdM{
	padding-top:5px
}
.signin-slide .signin-list {
	position:relative;
	z-index:5;
	padding:0 25px 15px;
	background-color:#fff;
	font-size:0;
	text-align:center;
	line-height:0;
}

.signin-slide .auto-sign {
	padding:5px 0px;
	overflow:hidden
}
.signin-slide .auto-sign > div {
	float:left;
}
.signin-slide .signin-list .signin-item {
	display:inline-block;
	position:relative;
	width:20%;
}
.signin-slide .signin-list .signin-item.on {z-index:5;}
.signin-slide .signin-list .signin-item .text {
	display:block;
	position:relative;
	height:18px;
	padding-top:36px;
	color:#999;
	font-size:10px;
	text-align:center;
	line-height:18px;
}
.signin-slide .signin-list .signin-item.on .text {
	background-color:#999;
	color:#fff;
	font-weight:600;
}
.signin-slide .signin-list .signin-item .text:before {
	content:'';
	position:absolute;
	left:-1px;
	top:50%;
	-webkit-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	transform:translateY(-50%);
	width:1px;
	height:16px;
	background-color:#e6e6e6;
}
.signin-slide .signin-list .signin-item:first-child .text:before,
.signin-slide .signin-list .signin-item.on .text:before {display:none;}
.signin-slide .signin-list .signin-item .text:after {
	content:'';
	position:absolute;
	left:50%;
	-webkit-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	transform:translateX(-50%);
	background-image:url(../images/common/sprite_icon.png);
	background-repeat:no-repeat;
	background-size:250px;
}
.signin-slide .signin-list .signin-item.item1 .text:after {
	top:7px;
	width:29px;
	height:27px;
	background-position:-51px -203px;
}
.signin-slide .signin-list .signin-item.item2 .text:after {
	top:9px;
	width:20px;
	height:25px;
	background-position:-81px -203px;
}
.signin-slide .signin-list .signin-item.item3 .text:after {
	top:6px;
	width:29px;
	height:28px;
	background-position:-102px -203px;
}
.signin-slide .signin-list .signin-item.item4 .text:after {
	top:6px;
	width:23px;
	height:29px;
	background-position:-132px -203px;
}
.signin-slide .signin-list .signin-item.item5 .text:after {
	top:6px;
	width:35px;
	height:28px;
	background-position:-156px -203px;
}
/* on */
.signin-slide .signin-list .signin-item.item1.on .text:after {background-position:-51px -233px;}
.signin-slide .signin-list .signin-item.item2.on .text:after {background-position:-81px -233px;}
.signin-slide .signin-list .signin-item.item3.on .text:after {background-position:-102px -233px;}
.signin-slide .signin-list .signin-item.item4.on .text:after {background-position:-132px -233px;}
.signin-slide .signin-list .signin-item.item5.on .text:after {background-position:-156px -233px;}

.signin-slide .swiper-pagination {
	z-index:10;
	height:70px;
	padding:0 25px;
	box-sizing:border-box;
}
.signin-slide .swiper-pagination .swiper-pagination-bullet {
	width:20%;
	height:70px;
	outline:0;
}
.signin-slide .swiper-pagination .swiper-pagination-bullet:before {display:none;}

.signin-slide .form-write-box {position:relative;}
.signin-slide .form-write-box input[type=text],
.signin-slide .form-write-box input[type=tel],
.signin-slide .form-write-box input[type=password] {
	height:40px;
	font-size:14px;
}
.signin-slide .form-write-box input + input {margin-top:10px;}
.signin-slide .form-write-box .otp-type {
	height:40px;
	margin-top:20px;
}
.signin-slide .form-write-box .otp-type input {padding-right:60px;}
.signin-slide .form-write-box .otp-type .time {margin:8px 0 0;}

.signin-slide .utill-menu {
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	text-align:center;
	font-size:0;
	line-height:0;
}
.signin-slide .btn-signin {
	display:block;
	position:relative;
	height:45px;
	box-sizing:border-box;
	border:1px solid #aaa;
	text-align:center;
	line-height:43px;
}
.signin-slide .utill-menu .item {
	display:inline-block;
	position:relative;
	padding:0 17px;
	color:#737373;
	font-size:14px;
	line-height:46px;
}
.signin-slide .utill-menu .item:before {
	content:'';
	position:absolute;
	left:0;
	top:50%;
	-webkit-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	transform:translateY(-50%);
	width:1px;
	height:12px;
	background-color:#e6e6e6;
}
.signin-slide .utill-menu .item:first-child:before {display:none;}

.signin-slide .form-write-box .btn-area {
	position:absolute;
	right:0;
	top:0;
}
.signin-slide .btn-signin {
	display:block;
	position:relative;
	width:100%;
	height:45px;
	box-sizing:border-box;
	border:1px solid #aaa;
	text-align:center;
	line-height:43px;
}
.signin-slide .form-write-box .btn-signin + .btn-signin {margin-top:10px;}

.signin-slide .form-write-box.type1 {padding-right:90px;}
.signin-slide .form-write-box.type1 .btn-signin {
	width:80px;
	height:90px;
	line-height:88px;
}
.signin-slide .form-write-box.type2 {padding-right:140px;}
.signin-slide .form-write-box.type2 input + input {margin-top:20px;}
.signin-slide .form-write-box.type2 .btn-signin {width:125px;}
.signin-slide .form-write-box .info-text {
	position:absolute;
	left:0;
	right:0;
	top:96px;
	font-size:10px;
	font-weight:600;
	line-height:1.2;
}
.signin-slide .form-write-box.type2 .info-text {top:108px;}
.signin-slide .form-write-box .info-text.error {color:#d93e5f;}
.info-text.red-txt{color:#d93e5f}
.signin-slide .fingerprint-area {
	padding-top:65px;
	background:url(../images/img/img_fingerprint02.png) no-repeat 50% 0;
	background-size:37px 45px;
}

.signin-slide .fingerprint-area .info-text {
	margin-top:5px;
	font-size:10px;
	font-weight:600;
	line-height:1.2;
}
.signin-slide .fingerprint-area .info-text.error {color:#d93e5f;}

.signin-slide .pin-area {
	position:relative;
	min-height:104px;
	border-bottom:1px solid #f2f2f2;
}
.signin-slide .pin-area .pin-filed {
	position:absolute;
	left:-9999px;
	right:-9999px;
	top:0;
	bottom:0;
	height:auto;
	border:0;
	background-color:red;
}
.signin-slide .pin-area .write-box {
	padding:25px 0 15px;
	font-size:0;
	text-align:center;
	line-height:0;
}
.signin-slide .pin-area .write-box .point {
	display:inline-block;
	width:16px;
	height:16px;
	margin:0 10px;
	border-radius:50%;
	background-color:#e6e6e6;
}
.signin-slide .pin-area .write-box .point.on {background-color:#000;}
.signin-slide .pin-area .info-text {
	color:#111;
	font-size:10px;
	text-align:center;
}
.signin-slide .pin-area .info-text.error {
	position:absolute;
	left:0;
	right:0;
	bottom:-20px;
	color:#d93e5f;
}

.signin-slide .sns-area {
	padding-top:30px;
	font-size:0;
	line-height:0;
	text-align:center;
}
.signin-slide .sns-area .sns-item {
	display:inline-block;
	position:relative;
	width:60px;
	margin-left:15px;
	padding-top:60px;
	box-sizing:border-box;
	color:#aaa;
	font-size:14px;
	font-weight:600;
	line-height:26px;
}
.signin-slide .sns-area .sns-item:first-child {margin-left:0;}
.signin-slide .sns-area .sns-item:before {
	content:'';
	position:absolute;
	left:0;
	top:0;
	width:60px;
	height:60px;
	background-image:url(../images/common/sprite_icon.png);
	background-repeat:no-repeat;
	background-size:250px;
}
.signin-slide .sns-area .sns-item.item1:before {background-position:0 -142px;}
.signin-slide .sns-area .sns-item.item2:before {background-position:-122px -142px;}
.signin-slide .sns-area .sns-item.item3:before {background-position:-61px -142px;}
.signin-slide .sns-area .sns-item.item4:before {background-position:-183px -142px;}

.signin-content .hashtag-list {
	margin-top:20px;
	padding:0 8px;
	font-size:0;
	text-align:center;
	line-height:0;
}
.signin-content .hashtag-list .hashtag {
	display:inline-block;
	padding:0 12px;
	color:#6b4aaf;
	font-size:15px;
	font-weight:600;
	line-height:1.5;
}
.signin-content .hashtag-list .hashtag:before {
	content:'#';
	display:inline-block;
}

.signin-content .event-slide {padding-bottom:10px;}
.signin-content .event-slide .page-play-stop {
	overflow:hidden;
	padding:0 20px 0 25px;
}
.signin-content .event-slide .swiper-pagination {
	float:left;
	padding-right:2px;
	color:#8f8f8f;
	font-size:14px;
	line-height:30px;
	letter-spacing:-2px;
}
.signin-content .event-slide .play-stop {float:left;}
.signin-content .event-slide .play-stop .btn {
	display:none;
	position:relative;
	width:30px;
	height:30px;
	font-size:0;
	text-indent:-9999px;
	line-height:0;
}
.signin-content .event-slide .play-stop .btn-stop {display:inline-block;}

.signin-content .event-slide .play-stop.stop .btn-stop {display:none;}
.signin-content .event-slide .play-stop.stop .btn-start {display:inline-block;}
.signin-content .event-slide .play-stop.start .btn-stop {display:inline-block;}
.signin-content .event-slide .play-stop.start .btn-start {display:none;}

.signin-content .event-slide .play-stop .btn:before {
	content:'';
	position:absolute;
	left:50%;
	top:50%;
	-webkit-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	width:9px;
	height:9px;
	background-image:url(../images/common/sprite_icon.png);
	background-repeat:no-repeat;
	background-size:250px;
}
.signin-content .event-slide .play-stop .btn-stop:before {background-position:-238px -9px;}
.signin-content .event-slide .play-stop .btn-start:before {background-position:-238px -19px;}
.signin-content .event-slide .btn-banner {
	float:right;
	position:relative;
	width:30px;
	height:30px;
	font-size:0;
	text-indent:-9999px;
	line-height:0;
}
.signin-content .event-slide .btn-banner:before {
	content:'';
	position:absolute;
	right:0;
	top:50%;
	-webkit-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	transform:translateY(-50%);
	width:17px;
	height:9px;
	background:url(../images/common/sprite_icon.png) no-repeat -205px -98px;
	background-size:250px;
}

.signin-content .event-slide .swiper-container {
	padding-top:8px;
	box-sizing:border-box;
}
.signin-content .event-slide .swiper-slide {
	padding:0 20px;
	display:block;
}
.signin-content .event-slide .swiper-slide img {width:100%;}

.signin-content .botton-menu {
	overflow:hidden;
	position:fixed;
	left:0;
	right:0;
	bottom:0;
	z-index:50;
	background-color:#f1f1f1;
	padding:0 10px;
}
.signin-content .botton-menu .link {
	float:left;
	padding:0 10px;
	color:#737373;
	font-size:17px;
	line-height:42px;
	position: relative;
}

.signin-content .botton-menu .link:before {
	content: "";
	position: absolute;
	width: 1px;
	height: 15px;
	top: 13px;
	right: 0;
	background: #bbb;
}

.signin-content .botton-menu .link:last-child:before {
	background: transparent;
}

.signin-content .botton-menu .link:first-child {
	color:#111;
	font-weight:900;
}

.signin-corporation {
	display: none;
}
.top-visual-area .sign-select-zone {
	display:table; 
	width:100%;
	padding: 6px 10px 6px 10px; 
	box-sizing:border-box; 
	border-bottom:1px solid rgba(255,255,255,0.3)}
.top-visual-area .sign-select-zone div{display:table-cell;vertical-align:middle}
.top-visual-area .sign-select-zone select {
	border-bottom:none; 
	font-size:13px; 
	height:25px; 
	color:#fff ; 
	background: url(../images/common/icon-select02.png) no-repeat 100% 50% / 9px 6px }
.top-visual-area .sign-select-zone select option:checked {color:#fff}
.top-visual-area .sign-select-zone select option{color:#111}

.top-visual-area .sign-select-zone label{font-size:13px; color:#fff; margin-left:0}
.top-visual-area .sign-select-zone .top-box.input:after {content:""; display:block; clear:both}
.top-visual-area .card-box .write-box .box.border{border-right:1px solid rgba(255,255,255,0.3)}
.top-visual-area .sign-select-zone .top-box.select { box-sizing:border-box; padding-left:10%}
.top-visual-area .sign-select-zone .top-box.input span{
	width:50%;
	float:left;
	display:inline-block;
	text-align:center;
	border-radius:14px;
	line-height:25px
}
.top-box.input .radio-type.on{
	background:#fff;
	color:#616161
}
.top-visual-area .sign-select-zone .top-box.input {
	border:1px solid rgba(255,255,255,0.3);
	border-radius: 14px;
	height:25px;
	margin-right:20px;
	width:40%;
	}
/* 340px 이하 */
@media only screen and (max-width:340px) {
	.signin-slide .sns-area {
		margin:0 -20px 0 -25px;
	}
	.signin-slide .sns-area .sns-item {margin-left:10px;}
	.signin-slide .sns-area .sns-item:first-child {margin-left:0;}
	.signin-slide .utill-menu .item {
		font-size:12px;
		padding:0 10px;
	}
}


/* 비빌번호변경 (02.01.01.3.html) */
.notice-bg {
	margin-top:50px;
	padding:16px 20px 18px;
	background-color:#d3cdd9;
}
.star-list li {
	color:#333;
	font-size:13px;
	font-weight:400;
	line-height:1.7;
	text-indent:-8px;
}

/* 아이디찾기결과 (MA-02.01.01.2.html) */
.id-find {
	position:relative;
	margin-top:60px;
	padding:95px 20px 0;
	text-align:center;
}
.id-find:before {
	content:'';
	display:block;
	position:absolute;
	left:50%;
	top:0;
	-webkit-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	transform:translateX(-50%);
	width:70px;
	height:70px;
	background:url(../images/common/icon_lock.png) no-repeat 0 0;
	background-size:70px 70px;
}
.id-find .find-text {
	color:#111;
	font-size:13px;
	font-weight:400;
	line-height:1.4;
}
.id-find .find-notice {
	color:#111;
	font-weight:400;
}
.id-find .find-notice em {font-weight:600;}
.exposure-box {margin:15px 0 20px;}
.exposure-box input {
	border:1px solid #111;
	color:#111;
	font-weight:600;
	text-align:center;
}

/* 가입방법선택 (MA-02.02.01.html) */
.join-way {
	position:relative;
	margin-top:34px;
}
/* .join-way:before, */
/* .join-way::before { */
/* 	content:''; */
/* 	display:block; */
/* 	position:absolute; */
/* 	left:50%; */
/* 	top:0; */
/* 	width:76px; */
/* 	height:76px; */
/* 	margin-left:-38px; */
/* 	background:url(../images/common/icon_logo.png) no-repeat 0 0; */
/* 	background-size:76px 76px; */
/* } */
.join-way .join-box {text-align:center;padding:0 20px;}
.join-way .join-box .accor-wrap {
	border: 1px solid #d9d9d9;
	margin-bottom: 15px;
}

.join-way .join-box .accor-wrap.on {
	border-color: #e60039;
}

.join-way .join-box .accor-wrap:last-child {
	margin-bottom: 0;
}
.join-way .join-box .btn-join {
	display:inline-block;
	width:100%;
	height:40px;
	/* border:1px solid #111; */
	box-sizing:border-box;
	color:#111;
	font-size:16px;
	font-weight:600;
	line-height:36px;
}

.join-way .join-box .accor-wrap .cont-accor {
	text-align: left;
	padding: 15px 0 25px;
	display: none;

}
/* .join-way .join-box span { */
/* 	display:block; */
/* 	padding:12px 0 14px; */
/* 	color:#333; */
/* 	font-size:12px; */
/* 	font-weight:600; */
/* 	line-height:1.2; */
/* } */

/* 휴대폰인증 (MA-02.02.02.2.html) */
.phone-certify {
	margin-top:24px;
	padding:0 20px;
}
.phone-certify .send-box {
	width:100%;
	padding:23px 0 35px;
	background-color:#f2f2f2;
	text-align:center;
}
.phone-certify .form-list1 + .send-box {margin-top:20px;}
.phone-certify .send-box .number {
	height:42px;
	margin-bottom:20px;
	border-bottom:0;
	background-color:transparent;
	color:#737373;
	font-size:28px;
	font-weight:900;
	text-align:center;
}
.phone-certify .send-box .number:-ms-input-placeholder {font-size:24px;font-weight:400;}
.phone-certify .send-box .number::-webkit-input-placeholder {font-size:24px;font-weight:400;}
.phone-certify .send-box .number::-moz-placeholder {font-size:24px;font-weight:400;}
.phone-certify .send-box .btn-send {
	height:40px;
	padding:0 20px;
	border:1px solid #999;
	box-sizing:border-box;
	text-align:center;
	color:#333;
	font-size:14px;
	font-weight:600;
	line-height:38px;
}
.phone-certify .otp-type {margin-top:35px;}
.phone-certify .btn-text {margin-top:40px;}
.notice-message {
	display:none;
	margin-top:28px;
	color:#5d30a6;
	font-size:19px;
	font-weight:900;
	text-align:center;
}
.next-btn-area .disabled {
	position:absolute;
	left:0;
	top:0;
	z-index:5;
}
.next-btn-area.on .disabled {display:none;}

/* 개인정보등록 (MA-02.02.02.3.html) */
.registration-box {
	margin-top:52px;
	padding:0 20px;
}
.policy-text {
	display:block;
	margin-top:45px;
	color:#737373;
	font-size:13px;
	font-weight:400;
	line-height:1.5;
}
.policy-text em {font-weight:600;}

/* 본인인증 (MA-02.02.03.1.html) */
.personally-box {padding:0 20px;}
.personally-box .btn-text {margin-top:40px;}

/* 간편회원가입 > SNS인증 (MA-02.02.02.1.html) */

.join-certify .certify-list {
	width:215px;
	margin:0 auto;
}
.join-certify .certify-list .item {
	display:block;
	position:relative;
	margin-top:15px;
	padding-left:56px;
	height:55px;
	color:#fff;
	font-size:13px;
	line-height:55px;
}
.join-certify .certify-list .item:first-child {margin-top:0;}
.join-certify .certify-list .item.certify1 {background-color:#1180c4;}
.join-certify .certify-list .item.certify2 {background-color:#314a7e;}
.join-certify .certify-list .item.certify3 {background-color:#de4535;}
.join-certify .certify-list .item.certify4 {background-color:#fae100;}
.join-certify .certify-list .item:before {
	content:'';
	position:absolute;
	left:13px;
	top:50%;
	-webkit-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	transform:translateY(-50%);
	width:19px;
	height:17px;
	background-image:url(../images/common/sprite_icon.png);
	background-repeat:no-repeat;
	background-size:250px;
}
.join-certify .certify-list .item.certify1:before {background-position:-94px -273px;}
.join-certify .certify-list .item.certify2:before {background-position:-114px -273px;}
.join-certify .certify-list .item.certify3:before {background-position:-134px -273px;}
.join-certify .certify-list .item.certify4:before {background-position:-154px -273px;}

.join-certify .certify-list .item:after,
.join-certify .certify-list .item .title:before {
	content:'';
	position:absolute;
	top:10px;
	bottom:10px;
	width:1px;
}
.join-certify .certify-list .item:after {
	left:43px;
	background-color:rgba(0,0,0,.3);
}

.join-certify .certify-list .item .title:before {
	left:44px;
	background-color:rgba(255,255,255,.3);
}
.join-certify .certify-list .item .title {font-weight:600;}

/* 개인정보관리 (MA-02.03.01.html) */
.personal-info-area {
	padding:50px 0 35px;
	text-align:center;
}
.personal-info-area .img-change {
	display:block;
	position:relative;
	width:70px;
	height:70px;
	padding-right:4px;
	margin:0 auto;
}
.personal-info-area .img-change .img-area {
	overflow:hidden;
	border-radius:50%;
	font-size:0;
	line-height:0;
}
.personal-info-area .img-change .img-area img {width:100%;}
.personal-info-area .img-change .icon-camera {
	position:absolute;
	right:0;
	bottom:2px;
	width:24px;
	height:24px;
	border-radius:50%;
	background-color:#737373;
}
.personal-info-area .img-change .icon-camera:before {
	content:'';
	position:absolute;
	left:50%;
	top:50%;
	-webkit-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	width:12px;
	height:9px;
	background:url(../images/common/sprite_icon.png) no-repeat -153px 0;
	background-size:250px;
}
.personal-info-area .img-change .file-area {
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	z-index:5;
	width:100%;
	height:100%;
	opacity:0;
}

/* 2018-12-14 sjbaek 회원상세 - 이미지 회전 및 저장버튼 추가 */
.personal-info-area .img-control {
	display:block;
	width:80px;
	margin:10px auto 0;

}

.personal-info-area .img-control > span {
	display:inline-block;
	width:30px;
	height:30px;
	text-align: left;
	margin:0 4px;
	position: relative;
	background-color: #f6f6f6;
	border-radius: 15px;
}

.personal-info-area .img-control > span:before {
	content: "";
	position: absolute;
	width: 16px;
	height: 16px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	top: 7px;
	left: 7px;
}

.personal-info-area .img-control > span.icon-rotate:before {
	background-image: url(../images/img/img_rotate.png);
}

.personal-info-area .img-control > span.icon-download:before {
	background-image: url(../images/img/img_download.png);
}

.personal-info-area .name {
	margin-top:8px;
	font-size:17px;
	font-weight:900;
}
.personal-info-area .btn-pw {margin-top:23px;}

/* 비밀번호변경 (MA-02.03.04.html) */
.password-box {
	margin-top:26px;
	padding:0 20px;
}

/* 회원가입완료 (MA-02.02.04.2.html) */
.join-completion {margin-top:56px;}
.join-completion .completion-box {
	position:relative;
	padding:67px 10px 0;
	text-align:center;
	letter-spacing:-1px;
}
.join-completion .completion-box:before {
	content:'';
	display:block;
	position:absolute;
	left:50%;
	top:0;
	-webkit-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	transform:translateX(-50%);
	width:50px;
	height:50px;
	background:url(../images/common/sprite_icon.png) no-repeat 0 -203px;
	background-size:250px;
}
.join-completion .completion-box .title {
	display:block;
	color:#333;
	font-size:22px;
	font-weight:400;
	line-height:1.3;
}
.join-completion .completion-box .title em {font-weight:900;}
.join-completion .completion-box p {
	margin-top:10px;
	color:#737373;
	font-weight:600;
	line-height:1.5;
}

/* 회원탈퇴안내 (MA-02.03.05.1.html) */
.member-withdrawal {
	margin-top:34px;
	padding:0 20px 18px;
	border-top:1px solid #767676;
	border-bottom:1px solid #767676;
}
.member-withdrawal .title {
	display:block;
	margin:24px 0 10px;
	color:#111;
	font-size:17px;
	font-weight:900;
}
.member-withdrawal .title:first-child {margin-top:18px}

/* ============================================================================================
	롯데카드소개
============================================================================================ */
/* CEO인사말 (MA-04.01.html) */
.ceo-box {
	min-height:300px;
	background-color:#f0f0f8;
}
.ceo-box .visual-img {
	position:absolute;
	width:100%;
	max-width:350px;
	right:0;
	bottom:0;
}

.ceo-box .s-title-area {margin-top:20px;}
.ceo-box .text.type2 {
	height:17px;
	margin-top:10px;
	color:#111;
	font-size:10px;
	font-weight:600;
}
.ceo-box .text.type2 .name {
	display:block;
	width:72px;
	height:22px;
	vertical-align:bottom;
}
.ceo-text-area .text02 {padding-top:12px;}

/* 회사개요 (summary01.html) */
.info-text-area {padding-top:25px;}
.info-text-area strong {font-weight:600;}
.info-text-area .text01 {
	padding-top:5px;
	color:#111;
	font-weight:600;
}
.info-text-area .text02 {
	padding-top:5px;
	color:#555;
}

/* 회사연혁 (MA-04.03.html) */
.history-wrap,
.history-wrap body,
.history-wrap .wrapper {
	background-color:#f1f1f1;
}

.history-swiper {
	overflow:hidden;
	margin-top:25px;
}
.history-swiper .swiper-container {
	/*width:200%;
	margin-left:-50%;*/
}
.history-swiper .swiper-slide {
	width:270px;
	padding:10px 10px 30px;
}
.history-swiper .history-item {
	overflow:hidden;
	height:320px;
	padding:23px 20px 0;
	border-radius:10px;
	background-color:#fff;
	box-shadow:3px 3px 6px 1px rgba(0,0,0,.2);
}
.history-swiper .history-item .f-color {color:#e60039;}
.history-swiper .history-item .date {
	color:#555;
	font-size:19px;
	text-align:right;
	font-weight:600;
}
.history-swiper .history-item .text-area {
	margin-top:8px;
	color:#333;
	font-size:16px;
	font-weight:600;
}
.history-swiper .history-item .text-area strong {
	color:#5d30a6;
	font-weight:900;
}
.history-swiper .history-item .img-area {
	position:absolute;
	left:50%;
	-webkit-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	transform:translateX(-50%);
	bottom:60px;
	width:205px;
	height:142px;
}
.history-swiper .history-item .img-area img {
	width:100%;
	height:100%;
}
.history-swiper .now-years {
	position:relative;
	padding-bottom:40px;
	text-align:center;
}
.history-swiper .now-years:before,
.history-swiper .now-years:after {
	content:'';
	position:absolute;
}
.history-swiper .now-years:before {
	left:0;
	right:0;
	bottom:10px;
	height:1px;
	background-color:#b2b2b2;
}
.history-swiper .now-years:after {
	width:21px;
	height:21px;
	left:50%;
	bottom:0;
	-webkit-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	transform:translateX(-50%);
	background:url(../images/common/sprite_icon.png) no-repeat -228px -226px;
	background-size:250px;
}
.history-swiper .now-years .label {
	display:inline-block;
	position:relative;
	padding:0 12px;
	border-radius:25px;
	background-color:#e60039;
	color:#fff;
	font-size:16px;
	font-weight:600;
	line-height:32px;
}
.history-swiper .now-years .label:before {
	content:'';
	position:absolute;
	left:50%;
	bottom:-9px;
	-webkit-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	transform:translateX(-50%);
	width:13px;
	height:10px;
	background:url(../images/common/sprite_icon.png) no-repeat -214px -237px;
	background-size:250px;
}

/* ============================================================================================
	마이페이지
============================================================================================ */
/* 메인 (MA-03.01.html) */
.mypage-wrap,
.mypage-wrap body,
.mypage-wrap .wrapper {
	background-color:#c80040;
	background-image:url(../images/bg/bg-mypage.png);
	background-repeat:no-repeat;
	background-position:0 0;
	background-size:100%;
}
.mypage-wrap .quick-menu {
	position:fixed;
	left:0;
	right:0;
	bottom:0;
	z-index:55;
}
 
.mypage-wrap .header .h-logo a:before {background-position:-79px 0;}
.mypage-wrap .header.fix .h-logo a:before {background-position:0 0;}
.mypage-wrap .header .btn-gnb:before {border-color:#fff;}
.mypage-wrap .header .btn-gnb:after {background-color:#fff;}
.mypage-wrap .header.fix .btn-gnb:before {border-color:#000;}
.mypage-wrap .header.fix .btn-gnb:after {background-color:#000;}

.mypage-wrap .info-box {
	color:#fff;
	text-align:center;
}
.mypage-wrap .info-box .user-img {
	overflow:hidden;
	width:45px;
	height:45px;
	margin:0 auto;
	border-radius:50%;
}
.mypage-wrap .info-box .user-img img {
	width:100%;
	height:100%;
}
.mypage-wrap .info-box .loan-price {margin-top:10px;}
.mypage-wrap .info-box .loan-price .title {
	font-size:27px;
	font-weight:600;
}
.mypage-wrap .info-box .loan-price .price-area .text {
	margin-top:5px;
	font-size:14px;
	opacity:.6;
	
}
.mypage-wrap .info-box .loan-price .price-area .price {
	font-size:28px;
	font-weight:900
}
.mypage-wrap .info-box .loan-price .price-area .price .unit {
	display:inline-block;
	margin-left:4px;
	font-size:18px;
}
.mypage-wrap .info-box .text-right {
	display:inline-block;
	margin-top:18px;
	text-align:right;
}
.mypage-wrap .info-box .text-right .text {
	overflow:hidden;
	text-align:right;
	display:table;
	width:100%;
}
.mypage-wrap .info-box .text-right .text span{
	display:table-cell;
}
.mypage-wrap .info-box .text-right .right {

	width:130px;
	box-sizing:border-box;
}

.mypage-wrap .info-box .text-area {margin-top:20px;}
.mypage-wrap .swiper-basic {padding-top:30px;}
.mypage-wrap .swiper-container {padding-bottom:42px;}
.mypage-wrap .swiper-basic .swiper-slide {padding:0 20px;}
.mypage-wrap .swiper-basic .mypage-slider > .swiper-slide:last-child{padding:0}
.mypage-wrap .swiper-pagination.swiper-pagination-bullets{padding-top:0}
.sub-swiper .item {
	box-shadow:0 0 20px rgba(0,0,0,0.5);
	text-align:center;
	width:100%;
	background-position:center;
	background-size:cover;
	background-repeat:no-repeat;
	background-image:url(../images/img/bg.png);
	height:195px;  
	border-radius:10px; 
	}
	
.mypage-wrap .sub-swiper .swiper-slide {
	height:100%;
	padding:20px 25px;
	box-sizing:border-box;
	overflow: inherit;
}
.mypage-slider .swiper-slide .my-main-text {padding:0 20px; margin-top:16px}
.mypage-slider .swiper-slide .my-main-text a {
	border-bottom:1px solid #fff; 
	color:#fff;
	cursor:pointer;
}
/* 대출이용내역 (MA-03.02.01.html) */
.mypage-view.tab-warp {margin-top:50px;}

.combobox {
	display:inline-block;
	overflow:hidden;
	position:relative;
	vertical-align:top;
}
.combobox .title {
	display:inline-block;
	position:relative;
	padding-right:20px;
	color:#111;
	font-size:13px;
	font-weight:600;
}
.combobox .title:before {
	content:'';
	position:absolute;
	right:5px;
	top:50%;
	-webkit-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	transform:translateY(-50%);
	width:8px;
	height:5px;
	background:url(../images/common/sprite_icon.png) no-repeat -130px 0;
	background-size:250px;
}
.combobox select {
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	width:auto;
	height:auto;
	border:0;
	background:none;
	background-color:transparent;
	font-size:13px;
	opacity:0;
}

.info-select-area {
	padding:16px 20px 18px;
	font-size:13px;
	line-height:1.7;
}
.info-select-area .fcolor {
	color:#5d30a6;
	font-weight:900;
}

.use-history .use-title {
	padding: 20px;
	font-size: 16px;
	color: #111;
	font-weight: 600;
}

.use-history .use-cnt {
	overflow:hidden;
	height:36px;
	padding:0 20px;
	border-top:1px solid #dadada;
	background-color:#f7f7f7;
	box-sizing:border-box;
	color:#333;
	font-size:12px;
	font-weight:600;
	line-height:36px;
}
.use-history .use-title h2 {
	float:left;
	font-weight:600;
}
.use-history .use-title .term {
	display:block;
	float:right;
}
.use-history .use-list .use-item {
	overflow:hidden;
	padding:17px 20px 20px;
	border-bottom:1px solid #dadada;
	width:100%;
	box-sizing:border-box;
}
.card-use-list .use-history .use-list {border-bottom:10px solid #f2f2f2}
.use-history .use-list .use-item:first-child {border-top:0;}
.use-history .use-list .use-item .text-box {
	float:left;
	width:60%;
	text-align:left;
}
.use-history .use-list .use-item .price-date {
	float:right;
	width:40%;
	text-align:right;
}
.use-history .use-list .use-item .text-box span,
.use-history .use-list .use-item .price-date span {display:block;}
.use-history .use-list .use-item .text-box .tit,
.use-history .use-list .use-item .price-date .price {
	color:#111;
	font-weight:600;
}
.use-history .use-list .use-item .text-box .txt,
.use-history .use-list .use-item .price-date .date {
	margin-top:3px;
	color:#737373;
	font-size:12px;
	font-weight:400;
}

.use-more {padding:30px 20px 35px 20px;}
.use-more button{
	text-align:center; 
	width:100%; 
	border:1px solid #999999; 
	padding:11px 0;
	font-weight:600;
	color:#737373}
.apply-history {margin-top:25px;}
.apply-history .apply-title {
	overflow:hidden;
	padding:10px 20px;
}
.apply-history .apply-title .product {
	float:left;
	color:#111;
	font-size:14px;
	font-weight:600;
}
.apply-history .apply-title .date {
	float:right;
	color:#737373;
	font-size:13px;
	font-weight:600;
}
.apply-history .apply-cont {
	margin-top:12px;
	padding:0 20px;
	text-align:center;
}
.apply-history .apply-cont .notice-text {
	color:#e21c24;
	font-weight:600;
}
.apply-history .apply-cont .apply-price {
	display:inline-block;
	position:relative;
	padding-right:40px;
	color:#111;
	font-size:28px;
	font-weight:900;
	line-height:1.6;
}
.apply-history .apply-cont .apply-price .sign {
	position:absolute;
	right:0;
	top:50%;
	-webkit-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	transform:translateY(-50%);
	font-size:18px;
	font-weight:900;
}
.apply-history .apply-cont .term {
	color:#737373;
	font-size:13px;
	font-weight:600;
	line-height:1.2;
}

/* 이벤트참여내역 > 목록 (MA-03.04.01.html) */
.mypage-view {margin-top:35px;}
.mypage-view .box-list1,
.mypage-view .accordion-list1 {border-top:1px solid #dadada;}

/* 이벤트참여내역 > 상세 (MA-03.04.02.html) */
.details-box .notice-text {
	height:56px;
	color:#fff;
	font-size:17px;
	font-weight:900;
	line-height:50px;
	border-bottom:1px solid #e5e5e5;
	background-color:#5d30a6;
	box-sizing:border-box;
	text-align:center;
}
.details-box .details-cont {padding:31px 20px 0;}
.details-box .details-cont .details-text .tit {
	color:#111;
	font-size:17px;
	font-weight:400;
	line-height:1.2;
}
.details-box .details-cont .details-text .info-list {margin-top:10px;}
.details-box .details-cont .details-text .info-list li {
	color:#737373;
	font-weight:400;
}
.details-box .details-cont .details-info {
	margin-top:35px;
	padding-top:20px;
	border-top:1px solid #dadada;
}

/* ============================================================================================
	대출 (Loan)
============================================================================================ */
/* 메인 (MA-05.01.01.html) */
.loan-wrap {
	margin:-55px 0 -90px;
	padding:55px 0 90px;
	background-color:#eaeaea;
}

.loan-wrap .top-menu-list.fix {border-bottom:1px solid #e5e5e5;}




.loan-wrap .top-menu-list .link:before {
	content: "";
	position: absolute;
	width: 1px;
	height: 15px;
	top: 20px;
	right: 0;
	background: #bbb;
}

.loan-wrap .top-menu-list .link:last-child:before {
	background: transparent;
}

.loan-wrap .shadow-box {
	margin:30px 0 0 20px;
	padding:25px 20px 40px 25px;
	background-color:#fff;
	box-shadow:0 0 50px rgba(0,0,0,.2);
}
.loan-wrap .shadow-box .price-area {
	margin-top:35px;
	color:#111;
	text-align:center;
}
.loan-wrap .shadow-box .price-area .price {
	display:inline-block;
	position:relative;
	padding-right:40px;
	font-size:40px;
	font-weight:600;
	line-height:1.1;
}
.loan-wrap .shadow-box .price-area .price .unit {
	position:absolute;
	right:0;
	bottom:7px;
	font-size:18px;
	font-weight:400;
}
.loan-wrap .shadow-box .text-area {
	margin-top:20px;
	color:#737373;
	font-size:13px;
	text-align:center;
}
.loan-wrap .shadow-box .btn-area {
	margin-top:28px;
	text-align:center;
}
.loan-wrap .shadow-box .btn-area .btn-text {
	width:auto;
	height:40px;
	padding:0 20px;
	font-size:15px;
	line-height:38px;
}

/* 목록 (MA-05.01.02.html) */
.loan-list-wrap {margin-top:32px;}
.loan-list-wrap .info-box {
	overflow:hidden;
	position:relative;
	background-color:#f9f7ff;
}
.loan-list-wrap .info-box .box-item {
	float:left;
	width:50%;
	padding:25px 0;
	box-sizing:border-box;
	text-align:center;
}
.loan-list-wrap .info-box .box-item:before {
	content:'';
	position:absolute;
	left:50%;
	top:35px;
	bottom:35px;
	width:1px;
	background-color:#ebe8f6;
}
.loan-list-wrap .info-box .box-item:first-child:before {display:none;}
.loan-list-wrap .info-box .box-item .title {
	color:#5d30a6;
	font-size:14px;
	font-weight:600;
}
.loan-list-wrap .info-box .box-item .cont {
	color:#111;
	font-size:14px;
	font-weight:600;
}
.loan-list-wrap .info-box .box-item .cont .value {
	font-size:25px;
	font-weight:900;
}

/* 스크롤시 */
.loan-list-wrap.fix .info-box {
	position:fixed;
	left:0;
	right:0;
	top:56px;
	z-index:50;
	background-color:rgba(246,247,255,.98);
}
.loan-list-wrap.fix .info-box .box-item {padding:11px 0;}
.loan-list-wrap.fix .info-box .box-item .title {font-size:12px;}
.loan-list-wrap.fix .info-box .box-item .cont {font-size:12px;}
.loan-list-wrap.fix .info-box .box-item .cont .value {font-size:20px;}

.loan-list-wrap .call-info {padding:30px 20px 42px;}
.loan-list-wrap .call-info .call-number {
	display:inline-block;
	position:relative;
	padding-right:53px;
	color:#111;
	font-size:30px;
	font-weight:900;
	line-height:40px;
}
.loan-list-wrap .call-info .call-number:before {
	content:'';
	position:absolute;
	right:0;
	top:50%;
	-webkit-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	transform:translateY(-50%);
	width:40px;
	height:40px;
	background:url(../images/common/sprite_icon.png) no-repeat -164px -98px;
	background-size:250px;
}

.loan-list-wrap .call-info .call-list {margin-top:15px;}
.loan-list-wrap .call-info .call-list .item {
	position:relative;
	margin-top:2px;
	padding-left:125px;
	color:#737373;
	font-size:14px;
	font-weight:600;
	text-align:right;
}
.loan-list-wrap .call-info .call-list .item:first-child {margin-top:0;}
.loan-list-wrap .call-info .call-list .item .title {
	position:absolute;
	left:0;
	top:0;
	padding-left:18px;
	font-weight:400;
}
.loan-list-wrap .call-info .call-list .item .title:before {
	content:'';
	position:absolute;
	left:0;
	top:50%;
	-webkit-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	transform:translateY(-50%);
	width:12px;
	height:12px;
	background:url(../images/common/sprite_icon.png) no-repeat -182px 0;
	background-size:250px;
}

/* 340px 이하 */
@media only screen and (max-width:340px) {
	.loan-list-wrap .call-info .call-list .item {letter-spacing:-1px;}
}

.loan-step-list {position:relative;}
.loan-step-list:before {
	content:'';
	position:absolute;
	left:29px;
	top:5px;
	bottom:30px;
	width:1px;
	background-color:#e6e6e6;
}
.loan-step-list .step-item {
	position:relative;
	min-height:60px;
	margin-top:40px;
	padding-left:82px;
	color:#737373;
	font-size:13px;
}
.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:59px;
	height:59px;
	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:10px;
	text-align:center;
}
.loan-step-list .step-item .step .inner em {
	display:block;
	color:#111;
	font-size:15px;
	font-weight:900;
}
.loan-step-list .step-item strong {
	display:block;
	color:#111;
	font-size:15px;
	font-weight:600;
}

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

/* 340px 이하 */
@media only screen and (max-width:340px) {
	.loan-list-wrap .info-box .box-item .cont .value {
		font-size:20px;
		font-weight:600;
		letter-spacing:-1px;
	}
}

/* 대출접수완료 (MA-05.03.02.html) */
.loan-completion {margin-top:54px;}
.loan-completion .img-area {margin-top:68px;}
.loan-completion .img-area img {
	width:100%;
	vertical-align:top;
}

.complete-area {
	position:relative;
	padding:67px 10px 0;
	text-align:center;
	letter-spacing:-1px;
}
.complete-area:before {
	content:'';
	display:block;
	position:absolute;
	left:50%;
	top:0;
	-webkit-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	transform:translateX(-50%);
	width:50px;
	height:50px;
	background:url(../images/common/sprite_icon.png) no-repeat 0 -203px;
	background-size:250px;
}
.complete-area .title {
	display:block;
	color:#333;
	font-size:22px;
	font-weight:400;
	line-height:1.3;
}
.complete-area .title em {font-weight:900;}
.complete-area p {
	margin-top:14px;
	color:#737373;
	font-weight:400;
	line-height:1.5;
}
.complete-area.type02:before {background-position:0 -271px;}

/* 대출프로세스 (MA-05.04.html) */
.loan-process {
	margin-top:50px;
	padding:0 20px;
}

/* 대출시물레이션 (MA-05.05.01.html) */
.result-price-box {
	margin:0 -20px -35px;
	padding:35px 20px 32px;
	background-color:#f3f3f3;
	font-size:14px;
	font-weight:600;
	text-align:center;
}
.result-price-box .price-text {
	margin-bottom:3px;
	color:#111;
	font-size:25px;
	font-weight:900;
}
.result-price-box .info-text {
	margin:12px 0 0 15px;
	color:#737373;
	text-indent:-15px;
}

.result-price-box .price-area .price {
	font-size: 25px;
	font-weight: 600;
	line-height: 1.4;
}
.result-price-box .price-area .price .unit {
	margin-left: 4px;
	font-size: 15px;
	font-weight: 400;
}

/* ============================================================================================
	이벤트
============================================================================================ */
/* 이벤트 상세 (MA-07.01.02.html) */
.share-layer {
	display:none;
	position:fixed;
	left:-100%;
	top:0;
	z-index:5;
	width:100%;
	background-color:rgba(92,55,148,.9);
}
.share-layer .btn-area {
	position:absolute;
	left:0;
	right:0;
	top:50%;
	-webkit-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	transform:translateY(-50%);
	text-align:center;
	font-size:0;
	line-height:0;
}
.share-layer .btn-area .btn {
	display:inline-block;
	position:relative;
	width:70px;
	height:70px;
	margin-left:30px;
	box-sizing:border-box;
	border-radius:50%;
	border:2px solid #fff;
	vertical-align:top;
}
.share-layer .btn-area .btn:first-child {margin-left:0;}
.share-layer .btn-area .btn-mail:before {
	content:'';
	position:absolute;
	left:50%;
	top:50%;
	-webkit-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	width:31px;
	height:19px;
	background:url(../images/common/sprite_icon.png) no-repeat 0 -120px;
	background-size:250px;
}
.share-layer .btn-area .btn-url {
	color:#fff;
	font-size:15px;
	font-weight:900;
	text-align:center;
	line-height:66px;
}
.share-layer .btn-s-close {
	position:absolute;
	left:0;
	top:0;
	width:55px;
	height:55px;
	font-size:0;
	text-indent:-9999px;
	line-height:0;
}
.share-layer .btn-s-close:before,
.share-layer .btn-s-close::before {
	content:'';
	position:absolute;
	left:50%;
	top:50%;
	-webkit-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	width:17px;
	height:17px;
	background:url(../images/common/sprite01.png) no-repeat -144px 0;
	background-size:250px;
}

.bullet-dl dt {
	position:relative;
	margin-top:25px;
	padding-left:10px;
	font-size:17px;
	font-weight:900;
	line-height:1.2;
}
.bullet-dl dt:before {
	content:'';
	position:absolute;
	left:0;
	top:50%;
	-webkit-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	transform:translateY(-50%);
	width:5px;
	height:5px;
	border-radius:50%;
	background-color:#e60039;
}
.bullet-dl dt.none {padding-left:0;}
.bullet-dl dt.none:before {display:none;}
.bullet-dl dd {
	margin-top:10px;
	color:#737373;
}
.bullet-dl dd .info-list {margin-top:5px;}
.bullet-dl dd .info-list li {
	margin-left:15px;
	font-size:13px;
	text-indent:-15px;
}

.newly-event-list {
	position:relative;
	margin-top:34px;
	padding-top:28px;
	border-top:1px solid #ccc;
}
.newly-event-list .newly-title {
	font-size:17px;
	font-weight:900;
}
.newly-event-list .link-list {
	position:absolute;
	right:0;
	top:30px;
	padding-right:12px;
	font-size:12px;
	font-weight:600;
	line-height:1.6;
}
.newly-event-list .link-list:before {
	content:'';
	position:absolute;
	right:0;
	top:50%;
	-webkit-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	transform:translateY(-50%);
	width:6px;
	height:10px;
	background:url(../images/common/sprite_icon.png) no-repeat -42px 0;
	background-size:250px;
}
.newly-event-list .thumb-list1 {
	margin-top:-7px;
	padding-top:0;
}

/* 당첨자발표 (MA-07.03.01.html) */
.event-view {margin-top:35px;}

/* ============================================================================================
	고객센터 (customer)
============================================================================================ */
/* 공지사항 목록 (MA-08.01.01) */
.customer-view {margin-top:50px;}

/* 공지사항 > 상세 (MA-08.01.02) */
.notice-view .notice-text {padding:32px 20px 30px;}
.notice-view .notice-text .tit {
	color:#111;
	font-size:17px;
	font-weight:400;
	line-height:1.2;
}
.notice-view .notice-text .info-list {margin-top:10px;}
.notice-view .notice-text .info-list li {
	color:#737373;
	font-weight:400;
}
.notice-view .notice-info {
	padding: 10px 20px;
	border-top: 1px solid #d9d9d9;
}

.notice-view .notice-info .info-tit {
	padding:20px 0 14px;
	color:#111;
	font-size:19px;
	font-weight:600;
	line-height:1.2;
}

.notice-view .notice-info img {
	width: 100%;
}


/* 지점안내 (MA-08.04.html) */
.point-box {border-top:1px solid #333;}
.point-box .acc-title {cursor:pointer;}
.point-box .acc-title .point-tit {
	color:#333;
	font-size:15px;
	font-weight:600;
	line-height:1.5;
}
.point-box .acc-title .point-txt {
	margin-top:5px;
	color:#333;
	font-size:14px;
	font-weight:400;
	line-height:1.5;
}
.point-box .acc-title .point-list {
	overflow:hidden;
	margin-top:5px;
}
.point-box .acc-title .point-list .item {
	float:left;
	position:relative;
	margin-left:10px;
	padding-left:10px;
	color:#333;
	font-size:14px;
	font-weight:400;
	line-height:1.5;
}
.point-box .acc-title .point-list .item:first-child {
	margin-left:0;
	padding-left:0;
}
.point-box .acc-title .point-list .item:before {
	content:'';
	display:block;
	position:absolute;
	left:0;
	top:8px;
	width:1px;
	height:7px;
	background-color:#b2b2b2;
}
.point-box .acc-title .point-list .item:first-child:before {display:none;}
.point-box .point-map img {
	width:100%;
	vertical-align:top;
}
.accordion-list4 .accordion-item .btn-point {
	padding:30px 20px 40px;
	text-align:center;
}
.accordion-list4 .accordion-item .btn-point .btn-text {
	width:160px;
	height:45px;
	line-height:45px;
}

/* 340px 이하 */
@media only screen and (max-width:340px) {
	.point-box .acc-title .point-list .item {
		margin-left:0;
		padding-left:0;
	}
	.point-box .acc-title .point-list .item:before {display:none;}
}

/* 고객상담 (MA-08.03.01.html) */
.advice-view {margin-top:10px;}
.advice-box {border-top:1px solid #333;}
.advice-box .advice-item {
	display:block;
	position:relative;
	height:75px;
	padding:0 36px 0 97px;
	border-bottom:1px solid #f2f2f2;
}
.advice-box .advice-item:after,
.advice-box .advice-item::after {
	content:'';
	display:block;
	position:absolute;
	right:20px;
	top:50%;
	width:8px;
	height:14px;
	-webkit-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	transform:translateY(-50%);
	background:url(../images/common/sprite_icon.png) no-repeat 0 0;
	background-position:-96px 0;
	background-size:250px;
}
.advice-box .advice-item:before,
.advice-box .advice-item::before {
	content:'';
	display:block;
	position:absolute;
	left:37px;
	top:50%;
	-webkit-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	transform:translateY(-50%);
	background:url(../images/common/sprite_icon.png) no-repeat 0 0;
	background-size:250px;
}
.advice-box .advice-item.advice1:before,
.advice-box .advice-item.advice1::before {
	left:34px;
	width:35px;
	height:39px;
	background-position:-40px -99px;
}
.advice-box .advice-item.advice2:before,
.advice-box .advice-item.advice2::before {
	width:45px;
	height:42px;
	background-position:-76px -99px;
}
.advice-box .advice-item.advice3:before,
.advice-box .advice-item.advice3::before {
	width:41px;
	height:37px;
	background-position:-122px -99px;
}
.advice-box .advice-item .tit {
	color:#111;
	font-weight:600;
	line-height:75px;
}
.advice-box .advice-list .item p {
	color:#737373;
	font-weight:400;
}

/* ============================================================================================
	설정
============================================================================================ */
.set-complete {margin-top:120px;}

/* 메인 (MA-09.01.01.html) */
.setting-box {margin-top:50px;}
.setting-title {
	height:34px;
	padding:0 20px;
	border-top:1px solid #d9d9d9;
	background-color:#f7f7f7;
	color:#333;
	font-size:12px;
	font-weight:600;
	line-height:34px;
}
.setting-title.reset {color:rgba(51,51,51,.5);}

.setting-list .setting-item {
	position:relative;
	border-top:1px solid #f2f2f2;
}
.setting-list .setting-item:first-child {border-top:0;}
.setting-list .setting-item .s-title {
	display:block;
	position:relative;
	width:100%;
	padding-left:20px;
	box-sizing:border-box;
	color:#333;
	font-weight:600;
	text-align:left;
	line-height:54px;
}
.setting-list .setting-item.arro-type .s-title:before {
	content:'';
	position:absolute;
	right:20px;
	top:50%;
	-webkit-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	transform:translateY(-50%);
	width:8px;
	height:14px;
	background:url(../images/common/sprite_icon.png) no-repeat -96px 0;
	background-size:250px;
}
.setting-list .setting-item .s-title .text {
	display:inline-block;
	padding-right:6px;
}
.setting-list .setting-item .s-title .text .ver-number {
	display:inline-block;
	position:relative;
	margin-left:7px;
	padding-left:8px;
	color:#737373;
	font-size:13px;
	font-weight:400;
}
.setting-list .setting-item .s-title .text .ver-number:before {
	content:'';
	position:absolute;
	left:0;
	top:50%;
	-webkit-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	transform:translateY(-50%);
	width:1px;
	height:12px;
	background-color:#737373;
}
.setting-list .setting-item .s-title .font-size {
	position:absolute;
	right:40px;
	top:0;
}
.setting-list .setting-item .s-title .ver-text {
	position:absolute;
	right:20px;
	top:0;
	font-size:13px;
}
.setting-list .setting-item .s-title .btn-update {
	display:inline-block;
	position:absolute;
	right:20px;
	top:50%;
	-webkit-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	transform:translateY(-50%);
	height:24px;
	padding:0 10px;
	border-radius:5px;
	background-color:#5d30a6;
	color:#fff;
	font-size:13px;
	font-weight:600;
	line-height:24px;
}
.setting-list .setting-item .btn-switch {
	position:absolute;
	right:20px;
	top:50%;
	-webkit-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	transform:translateY(-50%);
}
.setting-list .setting-item .btn-tool {
	position:absolute;
	left:0;
	top:50%;
	-webkit-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	transform:translateY(-50%);
	width:40px;
}

/* PIN번호등록 (MA-09.02.02.html) */
.pin-cont {
	margin-top:20px;
	padding:0 20px;
}
.pin-cont .info-text {
	margin-top:28px;
	color:#5d30a6;
	font-size:19px;
	font-weight:900;
	text-align:center;
}

/* 지문인증등록 (MA-09.02.03.html) */
.fingerprint-box {	margin-top:20px;}
.fingerprint-box .fingerprint-area {
	position:relative;
	padding:133px 20px 0;
	text-align:center;
}
.fingerprint-box .fingerprint-area .fingerprint {
	display:block;
	position:absolute;
	left:50%;
	top:0;
	-webkit-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	transform:translateX(-50%);
	width:115px;
	height:115px;
}
.fingerprint-box .fingerprint-area p {
	color:#111;
	font-size:16px;
	font-weight:600;
}
.fingerprint-box .fingerprint-area .fingerprint img {width:100%;}
.fingerprint-box .fingerprint-text {
	margin-top:33px;
	padding:18px 20px 0;
	border-top:1px solid #e6e6e6;
}
.fingerprint-box .fingerprint-text .bullet-list1 li {
	margin-top:7px;
	color:#111;
	font-size:15px;
	font-weight:400;
	line-height:1.5;
}
.fingerprint-box .fingerprint-text .bullet-list1 li:first-child {margin-top:0;}

/* 자동로그인설정 (MA-09.03.01.html) */
.letter-set {
	margin-top:20px;
	padding:0 20px;
}
.letter-set .btn-letter {
	position:relative;
	width:100%;
	height:50px;
	margin-top:20px;
	padding:0 25px 0 48px;
	border:1px solid #e6e6e6;
	box-sizing:border-box;
	color:#333;
	font-size:16px;
	font-weight:400;
	line-height:48px;
	text-align:left;
}
.letter-set .btn-letter:first-child {margin-top:0;}
.letter-set .btn-letter:before,
.letter-set .btn-letter::before {
	content:'';
	display:block;
	position:absolute;
	left:25px;
	top:50%;
	-webkit-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	transform:translateY(-50%);
	width:13px;
	height:10px;
	background-image:url(../images/common/sprite_icon.png);
	background-repeat:no-repeat;
	background-position:-200px -226px;
	background-size:250px;

}
.letter-set .btn-letter.on {
	border-color:#111;
	font-weight:600;
}
.letter-set .btn-letter.on:before,
.letter-set .btn-letter.on::before {background-position:-214px -226px;}
.letter-set .bullet-list3 {margin-top:18px;}

/* 정보확인 (MA-09.06.02.html) */
.info-reset {
	margin-top:20px;
	padding:0 20px;
}
.info-reset .reset-box {
	padding:30px 10px;
	background-color:#f2f2f2;
	text-align:center;
}
.info-reset .reset-box .tit {
	display:block;
	margin-bottom:10px;
	color:#333;
	font-size:16px;
	font-weight:600;
}
.info-reset .reset-box p {
	color:#555;
	font-size:14px;
	font-weight:400;
}
.info-reset .form-wrap {
	margin-top:28px;
	padding:0;
	border:0;
}

/* ============================================================================================
	레이어팝업
============================================================================================ */
.layer-popup {
	display:none;
	position:fixed;
	left:0;
	right:0;
	top:0;
	bottom:0;
	z-index:60;
	padding:0 20px;
	background-color:rgba(0,0,0,.8);
}
.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:20px;
	right:20px;
	top:50%;
	-webkit-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	transform:translateY(-50%);
	max-width:340px;
	margin:0 auto;
	background-color:#fff;
}
.layer-popup.h-full .popup {
	top:20px;
	bottom:20px;
	-webkit-transform:translateY(0);
	-ms-transform:translateY(0);
	transform:translateY(0);
}

.layer-popup .popup .pop-head .btn-close {
	position:absolute;
	right:0;
	top:0;
	width:55px;
	height:55px;
	font-size:0;
	text-indent:-9999px;
	line-height:0;
}
.layer-popup .popup .pop-head .btn-close:before,
.layer-popup .popup .pop-head .btn-close::before {
	content:'';
	position:absolute;
	left:50%;
	top:50%;
	-webkit-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	width:17px;
	height:17px;
	background:url(../images/common/sprite01.png) no-repeat -162px 0;
	background-size:250px;
}
.layer-popup .popup .pop-head .p-title {
	padding-top:28px;
	color:#111;
	font-size:17px;
	font-weight:900;
	text-align:center;
}

.layer-popup .popup .pop-cont .cont-text {
	padding:23px 25px;
	color:#555;
}
.layer-popup .popup .pop-cont .cont-text .text1 {
	margin-bottom:10px;
	color:#333;
	font-size:17px;
	font-weight:600;
}
.layer-popup .popup .pop-cont .cont-text .f-color1 {color:#e22d8b;}

.layer-popup.h-full .popup .pop-cont {
	overflow-y:auto;
	position:absolute;
	left:0;
	right:0;
	top:51px;
	bottom:0;
}

.layer-popup .popup.scroll .pop-head {
	height:50px;
	border-bottom:1px solid #e6e6e6;
	background-color:rgba(255,255,255,.9);
}
.layer-popup .popup.scroll .pop-head .p-title {padding:12px 0;}
.layer-popup .popup.scroll .pop-head .btn-close {height:50px;}

.layer-popup .popup .cont {
	position:relative;
	padding:20px 20px 25px;
	box-sizing:border-box;
	color:#737373;
	font-size:16px;
	line-height:1.3;
	text-align:center;
}
.layer-popup .popup .cont .c-title {
	padding:10px 0 22px;
	color:#111;
	font-size:17px;
	font-weight:900;
}
.layer-popup .popup .cont .pos-y {
	height:95px;
	box-sizing:border-box;
}
.layer-popup .popup .cont .pos-y p {
	position:absolute;
	left:20px;
	right:20px;
	top:50%;
	-webkit-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	transform:translateY(-50%);
}
.layer-popup .popup .btn-list {border-top:1px solid #e6e6e6;}
.layer-popup .popup .btn-list .btn-item {position:relative;}
.layer-popup .popup .btn-list .btn-item + .btn-item:before {
	content:'';
	position:absolute;
	left:0;
	top:50%;
	-webkit-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	transform:translateY(-50%);
	width:1px;
	height:15px;
	background-color:#e6e6e6;
}
.layer-popup .popup .btn-list.one .btn-item {width:100%;}
.layer-popup .popup .btn-pop-text {
	display:inline-block;
	width:100%;
	height:50px;
	box-sizing:border-box;
	font-size:14px;
	font-weight:600;
	text-align:center;
	line-height:50px;
}

/* 달력 팝업 */
.popup-datepicker {
	display:none;
	position:fixed;
	left:0;
	right:0;
	top:0;
	bottom:0;
	z-index:520;
}
.popup-datepicker .dimmed {
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	background-color:rgba(0,0,0,.8);
}
.popup-datepicker .datepicker {
	position:absolute;
	left:20px;
	right:20px;
	top:50%;
	-webkit-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	transform:translateY(-50%);
	max-width:320px;
	padding:3px 3px 20px;
	box-sizing:border-box;
	background-color:#fff;
}
/* 360px 이상 */
@media only screen and (min-width:360px) {
	.popup-datepicker .datepicker {
		width:320px;
		left:50%;
		right:inherit;
		-webkit-transform:translate(-50%,-50%);
		-ms-transform:translate(-50%,-50%);
		transform:translate(-50%,-50%);
	}
}
.popup-datepicker .ui-datepicker-header {
	position:relative;
	padding:6px 0;
	border:1px solid #ddd;
	background-color:#e9e9e9;
}
.popup-datepicker .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%);
}
.popup-datepicker .ui-datepicker-header .ui-datepicker-prev {left:10px;}
.popup-datepicker .ui-datepicker-header .ui-datepicker-next {right:10px;}
.popup-datepicker .ui-datepicker-header .ui-corner-all .ui-icon {
	position:absolute;
	left:50%;
	top:50%;
	-webkit-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	transform:translateY(-50%);
	width:12px;
	height:12px;
	background-image:url(../images/common/sprite_icon.png);
	background-repeat:no-repeat;
	background-size:250px;
	font-size:0;
	text-indent:-9999px;
	line-height:0;
}
.popup-datepicker .ui-datepicker-header .ui-datepicker-prev .ui-icon {background-position:-238px -29px;}
.popup-datepicker .ui-datepicker-header .ui-datepicker-next .ui-icon {background-position:-238px -42px;}
.popup-datepicker .ui-datepicker-header .ui-datepicker-title {text-align:center;}
.popup-datepicker .ui-datepicker-header .ui-datepicker-title select {
	width:80px;
	height:30px;
	padding:0 10px;
	border:1px solid #aaa;
	background-color:#fff;
	font-size:12px;
	font-weight:400;
}
.popup-datepicker .ui-datepicker-header .ui-datepicker-title select + select {margin-left:2px;}
.popup-datepicker .ui-datepicker-header .ui-datepicker-title select.ui-datepicker-month {width:60px;}
.popup-datepicker .ui-datepicker-calendar {margin-top:10px;}
.popup-datepicker .ui-datepicker-calendar thead th {
	color:#111;
	height:40px;
}
.popup-datepicker .ui-datepicker-calendar thead th:first-child {color:#d93e5f;}
.popup-datepicker .ui-datepicker-calendar tbody td {text-align:center;}
.popup-datepicker .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;
}
.popup-datepicker .ui-datepicker-calendar tbody td:first-child a {color:#d93e5f;}
.popup-datepicker .ui-datepicker-calendar tbody td.ui-datepicker-today a {background-color:#fffa90;}
.popup-datepicker .ui-datepicker-calendar tbody td.ui-datepicker-current-day a {
	color:#fff;
	background-color:#e60039;
}
.popup-datepicker .ui-datepicker-calendar tbody td.ui-state-disabled span {color:#dadada;}

/* 이벤트 팝업 */
.popup-event {
	display:none;
	position:fixed;
	left:0;
	right:0;
	top:100%;
	bottom:0;
	z-index:60;
	background-color:rgba(0,0,0,.8);
}
.popup-event .btn-close {
	position:absolute;
	right:0;
	top:0;
	width:55px;
	height:55px;
	font-size:0;
	text-indent:-9999px;
	line-height:0;
}
.popup-event .btn-close:before {
	content:'';
	position:absolute;
	left:50%;
	top:50%;
	-webkit-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	width:16px;
	height:16px;
	background:url(../images/common/sprite_icon.png) no-repeat -233px -57px;
	background-size:250px;
}
.popup-event .popup-title {
	height:65px;
	padding-left:20px;
	color:#fff;
	font-size:20px;
	line-height:65px;
}
.popup-event .banner-list {
	overflow-y:auto;
	position:absolute;
	left:0;
	right:0;
	top:65px;
	bottom:0;
	margin-top:5px;
	padding:0 20px 35px;
}
.popup-event .banner-list a {
	display:block;
	height:auto;
	margin-top:35px;
	font-size:0;
	line-height:0;
}
.popup-event .banner-list a:first-child {margin-top:0;}
.popup-event .banner-list a img {width:100%;}


/* 툴팁 레이어 */
.tooltip-layer {
	display:none;
	position:fixed;
	left:20px;
	right:20px;
	top:200px;
	z-index:45;
	max-width:340px;
	padding:18px 25px 16px;
	box-sizing:border-box;
	border:1px solid #111;
	background-color:#fff;
}
.tooltip-layer .btn-close {
	position:absolute;
	right:0;
	top:0;
	width:32px;
	height:32px;
	font-size:0;
	text-indent:-9999px;
	line-height:0;
}
.tooltip-layer .btn-close:before {
	content:'';
	position:absolute;
	left:50%;
	top:50%;
	-webkit-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	width:12px;
	height:12px;
	background:url(../images/common/sprite_icon.png) no-repeat -236px -111px;
	background-size:250px;
}
.tooltip-layer .tool-list01 .item {
	position:relative;
	margin-top:8px;
	padding-left:10px;
	font-size:13px;
	font-weight:900;
}
.tooltip-layer .tool-list01 .item:first-child {margin-top:0;}
.tooltip-layer .tool-list01 .item:before {
	content:'';
	position:absolute;
	left:0;
	top:8px;
	width:3px;
	height:3px;
	border-radius:50%;
	background-color:#333;
}
.tooltip-layer .tool-list01 .item ul {margin-top:8px;}
.tooltip-layer .tool-list01 .item ul li {
	margin-left:7px;
	font-size:14px;
	text-indent:-7px;
	font-weight:400;
}
/* ============================================================================================
	기타
============================================================================================ */
/* 앱가이드 (MA-10.03.html) */
.app-guide,
.app-guide body {height:100%;}

.app-guide .s-title-area {
	position:absolute;
	left:0;
	top:70px;
	z-index:5;
	margin-top:0;
}

.appSlider .swiper-container {
	width: 100%;
	height: 100%;
	color:#111;
	text-align:center;
}
.appSlider .swiper-wrapper {display:block;}
.appSlider .swiper-slide:first-child:before {
	content:'';
	position:absolute;
	left:0;
	right:0;
	top:0;
	height:170px;
	background-color:#fff;
}
.appSlider .swiper-slide:nth-child(odd) {
	background-color:#f1f1f1;
}
.appSlider .a-title {
	position:relative;
	z-index:5;
	padding:95px 10px 0;
	font-size:20px;
	font-weight:600;
	text-shadow:0 0 1px #fff;
	line-height:1.4;
}
.appSlider .swiper-slide:first-child .a-title {padding-top:210px;}
.appSlider .text-area {
	padding:7px 10px 0;
	font-size:13px;
}
.appSlider .img-area {
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	font-size:0;
	text-align:center;
}
.appSlider .img-area img {
	display:inline-block;
	width:100%;
	max-width:500px;
}

/* 에러페이지 (MA-10.05.1.html) */
.update-cont {padding:12px 25px 30px;}
.update-cont .notice-txt {
	margin-top:12px;
	color:#111;
	font-size:14px;
	line-height:1.3;
	text-align:center;
}
.update-cont .update-guid {
	overflow-y:auto;
	min-height:146px;
	margin-top:10px;
}
.update-cont .guid-text {
	margin-bottom:10px;
	color:#737373;
	font-size:14px;
	line-height:1.3;
}
.notice-pop {
	padding:10px 25px 35px;
}
.notice-pop .title {
	display:block;
	color:#111;
	font-size:14px;
	line-height:20px;
}
.notice-pop .img-area {margin-top:15px;}
.notice-pop .img-area img {
	width:100%;
	vertical-align:top;
}
.notice-pop .text-area {
	margin-top:15px;
	color:#737373;
	font-size:14px;
	line-height:1.3;
}
.notice-pop .checked-box {margin-top:20px;}
.notice-pop .checked-box label {
	margin-left:14px;
	color:#111;
	font-size:13px;
}
.notice-pop .btn-area {margin-top:30px;}





/*카드 메인*/
.swiper-container-top .swiper-slide{width:auto}
.swiper-container-menu-top {display:block}
.card-main-cont.container{padding-bottom:128px}
.swiper-container-menu-top{width:100%}
.card-event-area {position: relative;}
.card-event .swiper-wrapper .swiper-slide > a {
	display: block;
	width: 100%;
} 

.card-event .swiper-wrapper .swiper-slide > a > img {
	width: 100%;
}

.card-event-area .btn-num-area {
	position:absolute;
	left:25px;
	bottom:8px;
	z-index:5;
	font-size:0;
}
.card-event-area .btn-num-area .number {
	display:inline-block;
	color:#fff;
	font-size:14px;
	line-height:25px;
}
.card-event-area .btn-num-area .btn-auto {
	display:none;
	width:25px;
	height:25px;
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-size:9px;
	font-size:0;
	text-indent:-9999px;
	line-height:0;
}
.card-event-area .btn-num-area .btn-auto.start {background-image:url(../images/main/btn_start.png);}
.card-event-area .btn-num-area .btn-auto.stop {display:inline-block;background-image:url(../images/main/btn_stop.png);}


.sns-wrapper{position:absolute; bottom:50px; left:85px; z-index:99;	display:none;}
.arrow_box_sns {
	position: relative;
	background: #fff;
	border: 1px solid #e4e4e4;
	padding:10px 10px 4px 10px;
	filter: drop-shadow(0 0 10px rgba(0,0,0,0.2));
	border-radius:6px;

}
.arrow_box_sns:after, .arrow_box_sns:before {
	top: 100%;
	left: 40%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow_box_sns:after {
	border-color: rgba(255, 255, 255, 0);
	border-top-color: #fff;
	border-width: 13px;
	margin-left: -30px;

}
.arrow_box_sns:before {
	border-color: rgba(228, 228, 228, 0);
	border-top-color: #e4e4e4;
	border-width: 14px;
	margin-left: -31px;

}
.disabledButton{
	background-color: #e60039;
	border-color: #FFFFFF;
	text-decoration: none;
	cursor: not-allowed;
	pointer-events: none;
	opacity: 0.5;
}
@media (prefers-color-scheme: dark) {
	.disabledButton {
		background-color: rgba(19, 1, 1, 0.3);
		color: rgba(255, 255, 255, 0.3);
		border-color: rgba(195, 195, 195, 0.3);
	}
}
.arrow_box_sns a{
	display:inline-block;
	width:60px;
	height:60px;
	background-position:center;
	background-repeat:no-repeat;
	background-size:contain;
	padding:0; margin-left:7px
}

.arrow_box_sns a:first-child{margin-left:0}


.arrow_box_sns .zalo{
	background-image:url(../images/img/sns-zalo.png)
}
.arrow_box_sns .facebook{
	background-image:url(../images/img/sns-facebook.png)
}
.arrow_box_sns .kakao{
	background-image:url(../images/img/sns-kako.png)
}
.arrow_box_sns .facebook{}
.arrow_box_sns .kakao{}
.popup-tooltip .popup{top:70%; padding:0 25px 20px 25px }
.popup-tooltip .popup .btn-list{border-top:none}
.popup-tooltip .btn-tooltip{background-color:#e50039; }
.popup-tooltip .btn-tooltip .btn-pop-text{color:#fff}
.popup-tooltip .popup .cont{padding:40px 20px}
.popup-tooltip .popup .cont .pos-y{height:71px}
.popup-tooltip .popup .pos-y button{display:inline-block;width:71px; height:71px;
	background-repeat:no-repeat;
	background-size:contain;
	background-position:center;
	margin:0 15px
}

.popup-tooltip .popup .pos-y .recomend-text{background-image:url(../images/img/sns.png)}
.popup-tooltip .popup .pos-y .recomend-url{background-image:url(../images/img/url.png)}

.card-wrap {
	margin:-55px 0 0;
	padding:55px 0 0;
	background-color:#fefefe;
	position:relative
}

.top-menu-list {
	overflow:hidden;
	padding:0 20px;
}
.top-menu-list.fix {border-bottom:1px solid #e5e5e5;}
.top-menu-list .link {
	float:left;
	margin-left:2px;
	padding:0 15px;
	color:#737373;
	font-size:17px;
	line-height:55px;
	position: relative;
}
.top-menu-list .link:first-child {margin-left:0; padding-left:0}
.top-menu-list .link:last-child{margin-left:0; padding-right:0}
.top-menu-list .link.on {
	color:#111;
	font-weight:900;
}

.top-menu-list .link:before {
	content: "";
	position: absolute;
	width: 1px;
	height: 15px;
	top: 20px;
	right: 0;
	background: #bbb;
}

.card-wrap .top-menu-list .link:last-child:before {
	background: transparent;
}

.card-wrap .shadow-box {
	margin:30px 0 0 20px;
	padding:25px 20px 40px 25px;
	background-color:#fff;
	box-shadow:0 0 50px rgba(0,0,0,.2);
	height:307px;
	box-sizing:border-box
}
.card-wrap .shadow-box .price-area {
	margin-top:35px;
	color:#111;
	text-align:center;
}
.card-wrap .shadow-box .price-area .price {
	display:inline-block;
	position:relative;
	padding-right:40px;
	font-size:40px;
	font-weight:600;
	line-height:1.1;
}
.card-wrap .shadow-box .price-area .price .unit {
	position:absolute;
	right:0;
	bottom:7px;
	font-size:18px;
	font-weight:400;
}
.card-wrap .shadow-box .text-area {
	margin-top:20px;
	color:#737373;
	font-size:13px;
	text-align:center;
}
.card-wrap .shadow-box .btn-area {
	margin-top:28px;
	text-align:center;
}
.card-wrap .shadow-box .btn-area .btn-text {
	width:auto;
	height:40px;
	padding:0 20px;
	font-size:15px;
	line-height:38px;
}

.card-img {
	width:122px;
	height:122px;
	margin-bottom:5px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}

.card-area .swiper-container {

	/* 	width: 580px;  */
	margin-bottom: 45px}
.card-area .swiper-container.con02{margin-bottom:33px}
.card-area .swiper-container div.swiper-slide {
	width:122px ;
	display:inline-block;
	vertical-align:top;
	margin-left:20px; }

div.swiper-slide:last-child{margin-right:20px}

.card-contents p,
.card-contents h4 {text-align:center; width: 122px; }
.card-contents h4{
	font-size:15px;
	font-weight:600;
	height:50px;
	vertical-align:middle;

	display:table-cell;
	width: 122px;

}
.card-contents p {color:#989898; font-size:14px; }

/* .card-img.img01 {background-image: url(../images/img/card01.jpg);}
.card-img.img02 {background-image: url(../images/img/card02.jpg);}
.card-img.img03 {background-image: url(../images/img/card03.jpg);}
.card-img.img04 {background-image: url(../images/img/card02.jpg);}
 */


div.padding-btm {padding-bottom:0;}
.card-area h3 {
	margin-left:20px;
	font-size:19px;
	margin-bottom:21px;
	font-weight:600;
	background:url(../images/common/arrow.png) no-repeat right 39% / 10px 15px;
	padding-right:17px;
	display:inline-block}

.card-area {margin:30px 0 0 0}
.card-footer-wrap {background-color:#fbebeb; position:fixed; bottom:0; left:0; width:100%; z-index:1}

.card-footer-wrap .card-footer{
	padding: 18px 0;
	margin-left:20px;
	font-size:14px}

.card-footer-wrap .card-footer .recomend a{
	cursor:pointer;
	font-weight:bold;
	display:inline-block;
	padding-right:15px;
	background:url(../images/common/arrow.png) no-repeat right center / 10px 15px;
}


/*MA-06.02.01*/

.card-banner-zone {width:100%;  background-color:#f3f3f3; margin-top:-55px}

.card-img-index {
	background-repeat:no-repeat;
	width:90px;
	height:90px;
	margin-bottom:5px;
	background-position: center;
	display:table-cell;
	background-size: contain;}
.card-img-index.img01{background-image:url(../images/img/card01.jpg)}
.card-img-index.img02{background-image:url(../images/img/card02.jpg)}
.card-img-index.img03{background-image:url(../images/img/card03.jpg)}
.card-img-index.img04{background-image:url(../images/img/card03.jpg)}

.menu-bar ul{display:table; width:100%; }
.menu-bar ul li {display:table-cell; width:33.3%; text-align:center;}
.menu-bar ul li a {display:inline-block; width:100%; padding:10px 0}
.card-menu{height:50px}
.card-menu li.on a{color:#e60039; font-weight:600; border-bottom:1px solid #e60039}
.card-menu li.on:after {
	content:"";
	display:inline-block;
	position:absolute;
	width:100%;
	height:2px;
	background:#e60039 ;
	left:0;
	bottom:1px}
.card-menu li.on{position:relative}
.card-menu ul li a {padding:14px 0}
.card-tab .tab-scroll-x{border:none}
.card-tab .sub-menu {
	border-bottom:1px solid #e6e6e6;
	border-top:1px solid #e6e6e6;
	background-color:#f9f9f9}

.contents-wrap{display:table; }
.contents-wrap .card-img{
	display:table-cell;
	width:92px;
	height:92px ;
	line-height: 0; }
.contents-wrap .contents{
	display:table-cell;
	padding-left:14px;
	vertical-align:middle; }
.contents-wrap .contents h3 {font-weight:600}
.contents-wrap .contents p {font-size:15px; color: #989898}
.swiper-container
.answer-btn {
	width:45%;
	background-color:#c3c3c3;
	padding:10px 0;
	border-radius:20px;
	margin-left:10px}

.accordion-list1 .lists .list-item .answer.card-answer{
	background-color:#fff;
	padding-top:0;
	font-size:15px}
.answer-contents {margin-left:106px}
.answer-contents h3{font-size:15px; font-weight:600; margin-bottom:15px}
.answer.card-answer .answer-contents ul {margin-bottom: 15px;}
.answer.card-answer .answer-contents ul li{color:#8a8a8a; margin-bottom:5px;}
.answer.card-answer .answer-contents ul li:last-child{margin-bottom:0px;}
.answer-contents .card-dots{
	display:inline-block;
	width:3px;
	height:3px;
	background-color:#8a8a8a;
	border-radius:50%;
	vertical-align:middle;
	margin-right:10px}
.answer-contents .btn01 {
	width:100%;
	padding:9px 0;
	border:1px solid #d9d9d9;
	font-size:12px;
	margin-bottom:5px}
.answer-contents .btn02 {
	width:100%;
	padding:10px 0;
	background-color:#e60039;
	color:#fff;
	font-size:12px}
.card-banner-zone {position:relative}

/* .card-banner-zone .swiper-pagination .swiper-pagination-bullet-active:before{width:0; height:0; transition:none; transfrom: none}
.card-banner-zone .swiper-pagination .swiper-pagination-bullet-active {width:8px; height:8px;
	background-color:rgba(0,0,0,1); }
.card-banner-zone .swiper-pagination .swiper-pagination-bullet{
	width:6px;
	height:6px;
	background-color:rgba(0,0,0,0.3);
	display:inline-block;
	border-radius:50%;
	vertical-align:middle;
	margin-left:5px
}
.card-banner-zone .swiper-pagination.swiper-pagination-bullets {padding-right:30px} */

.card-banner-zone .banner-turn{ position:absolute; bottom:13px; left:53%}
.card-banner-zone .trun-key{width:50px; display:inline-block; vertical-align:middle}
.card-banner-zone .trun-key li{display:inline-block; }
.card-banner-zone .trun-key li .banner-dots{
	width:6px;
	height:6px;
	background-color:rgba(0,0,0,0.3);
	display:inline-block;
	border-radius:50%;
	vertical-align:middle}

.card-banner-zone  .trun-key li.on .banner-dots{
	width:8px; height:8px;
	background-color:rgba(0,0,0,1)}

.btns-banner-rolling {
	position:relative;
	width:19px;
	height:19px;
	display:inline-block;
	vertical-align:middle}
.btns-banner-rolling .playpause span{
	position:absolute;
	top:0;
	left:0;
	display:inline-block;
	width:19px;
	height:19px;
	background-size:19px 19px;
	background-repeat:no-repeat;
	background-position:0 0 ;
	background-image:url(../images/img/btn-play.gif);
	z-index:54
}

.btns-banner-rolling .playpause.play span{
	background-image:url(../images/img/btn-pause.gif);
}

.card-banner-zone .banner-img {width:100%; height:100%; vertical-align:bottom }
.card-tab .sub-menu .swiper-slide { padding:15px 16px 18.5px 0}
.card-tab .sub-menu .swiper-slide .text{font-size:15px; padding:0 5px 0 0; }
.card-tab .sub-menu .swiper-slide.on .text{
	color:#333;
	font-weight:600;
	background:url(../images/img/back-dot.gif) no-repeat top right / 3px 3px;
}
.card-tab .sub-menu .swiper-slide.on .text:before {
	content:"";
	display:inline-block;
	position:absolute;
	top:0; right:0;
	height:0; width:0}

.btn-list.type2{background-color:#e60039}
.btn-with-share .with-share{
	display: inline-block;
    width: 84%;
    vertical-align: bottom;
    float:left;
    
}

.btn-with-area ul {width: 83%;display:inline-block; vertical-align:bottom}
/*MA-06.02.02.3*/

.swiper-container.swiper-back {background-color:#f2f2f2; margin-top:-55px}
.slide .add-title{margin:22px 0; font-size:15px;color:#959595;text-align:center; padding:0 20px }
.top-contents {text-align:center}
.top-contents .squre-box > img {
	box-shadow:7px 7px 13px rgba(0,0,0,0.1);
	border-radius:10px;
}
.card-detail-deep .accordion-list1 .lists .list-item{}
.card-detail-deep .accordion-list1 .lists .list-item:first-child{border-top:0}
.card-detail-deep .answer ul li{position:relative; padding-left:10px; margin-bottom:7px; color:#828282}
/* .top-contents .big02{width:203px; height:128px; background-image:url(../images/img/card-big02.png) }
.top-contents .big03{width:128px; height:203px; background-image:url(../images/img/card-big03.png)}
.top-contents .big01{width:203px; height:128px; background-image:url(../images/img/card-big01.png)} */

.top-contents .squre-box {width:203px; height:203px; margin: 0 auto; box-sizing:border-box; text-align: center;}
.top-contents .squre-box.vertical{padding-top:0}
span.fee {
	padding:2px 8px;
	border:1.1px solid #a1183a;
	display:inline-block;
	margin-right:9px;
	color:#a1183a;
	font-weight:300;
	border-radius:2px}
span.fee-detail{font-size:13px; color:#7b7b7b; font-weight:300}
.card-details {display:table; margin-top:28px; width:100%}
.card-details li{
	display:table-cell;
	text-align:left; width:30%;
	text-align:center;
	padding: 0 20px;
	position:relative}

.card-details li:after {content:""; position:absolute; width:1px; height:86px; top:9px; right:0; background-color:#e8e8e8}
.card-details li:last-child:after{width:0}
.card-details li h4{margin-bottom:10px;  font-size:17px; font-weight:600 }
.card-details li p {color:#8c8c8c; font-size:14px}
.card-info .accordion-list1 .lists .list-item .inquiry{padding: 18px  40px  10px 20px }
.card-info .accordion-list1 .lists .list-item .inquiry .fee-detail{position:relative; padding-right:25px;display:inline-block;}
.card-info .accordion-list1 .lists .list-item .inquiry:before{width:0; height:0}
.card-info .accordion-list1 .lists .list-item .inquiry .fee-detail:before{content:'';
	position:absolute;
	right:0;
	top:50%;
	-webkit-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	transform:translateY(-50%);
	width:14px;
	height:8px;
	background:url(../images/common/sprite_icon.png) no-repeat -66px 0;
	background-size:250px;}

.card-info .accordion-list1 .lists .list-item.on .inquiry .fee-detail:before{background-position:-81px 0;}


/*카드 아코디언 분홍색*/
.card-info .accordion-list1 .lists .list-item .answer {background-color:#f6e1e6; padding:25px 10px}
.card-info .accordion-list1 .lists .list-item .text-area {margin-top:0px}
.card-info .answer .card-zone {border-bottom: 1px solid #d9d9d9; padding: 10px 0;}
.card-info .answer .card-zone:last-child {border-bottom: 0;}

.card-info .answer .card-zone > span {
	display:block;
	margin:0 auto;
	width:60px;
	height:28px;
	background-repeat: no-repeat;
	background-size: 60px 28px;
	background-position: 0 0;	
}
.card-info .answer .card-zone.visa > span {
	background-image: url(../images/img/visa.png);
}
.card-info .answer .card-zone.master  > span {
	background-image: url(../images/img/master.png);
}

.card-info .answer .card-zone .card-fee {overflow: hidden;}
.card-info .answer .card-zone .card-fee > div {width: 50%; float: left;}
.card-info .answer .card-zone .card-fee > div > p {font-size:14px; font-weight:600} 
.btn-with-share a.share.btn-clac{
	background:url(../images/img/icon-calc.png) no-repeat center center / 29px 32px,#4b4b4b;
}
.btn-with-share a.share {
	width:15%;
	display:inline-block;  
	height:55px;
	vertical-align:bottom;
	background:url(../images/img/btn-recomm.png) no-repeat center center / 29px 27px,#4b4b4b; 
	float:left}
	
.btn-with-share a.btn-with{width:84%; vertical-align:bottom; display:inline-block}
.btn-with-share {background:#e60039; overflow:hidden;}
.slide{padding-bottom:27px; background-color:#f2f2f2; padding-top:67px}
.slide .card-title{text-align:center; font-size:22px; padding-bottom:20px; position:relative}
.slide .card-title:after{content:""; position:absolute; width:25px; height:1px; background:#e60039; bottom:0; left:calc( 50% - 10px)}

.card-details-menu .swiper-container{padding:0}
.card-details-menu .swiper-container .swiper-slide {padding: 13px 20px 16px 20px}
.card-details-menu .swiper-slide.on:before {content:""; position:absolute; left:0; bottom:0px; height:2px; background-color:#e60039; width:100%}
.card-details-menu .tab-scroll-x{border-top:none}
.card-details-menu .swiper-slide .text {font-size:15px; color: #111111}
.card-details-menu .swiper-slide.on .text:before{contents:""; height:0}


/*아코디언 버튼*/
.card-info .accordion-list1 .lists .list-item .inquiry:before {right:45px; top:51%}
.summary-zone .contents-card .card-table{padding-left:20px}
.contents-card.card-detail-deep h3{margin-left:20px}
.card-detail-deep .accordion-list1 .list-item .answer {background:#fff; }
.card-detail-deep .accordion-list1 .list-item .answer .tit-detail {
	font-weight:bold; margin-bottom:17px}
.summary-zone .card-table{border-bottom:1px solid #d9d9d9; padding:18px 0 20px 0}
.summary-zone .card-table:last-child{border-bottom:none}
.summary-zone .table04{border-bottom:none}
.summary-zone .card-table h3{font-size:15px; font-weight:700; margin-bottom:12px;  position: relative;}
.summary-zone .card-table h3:before {
    content: '';
    position: absolute;
    right: 22px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background-image: url(../images/common/sprite_icon.png);
    background-repeat: no-repeat;
    background-size: 250px;
    width: 8px;
    height: 14px;
    background-position: -96px 0 !important;
}
.summary-zone .card-table ul{font-size:14px}

.summary-zone ul .contents-card{display:none}
.summary-zone ul .contents-card.on{display:block}


.card-guide .accordion-item .acc-title {line-height:55px;padding:0 0 0 20px }
.card-guide .advice-view {margin-top:0}
.card-guide .advice-box {border-top:1px solid #e6e6e6}


/*MA-06.03.02*/
.img-confirm {
	width:335px;
	height:100px;
	background:url(../images/img/charcter.png) no-repeat 0 0  / 335px 100px ;
	margin:85px auto 0 auto}

.card-set {margin-top:56px}

/*MA-06.05.02*/
.use-guide .accordion-list1 .lists .list-item {border-top:1px solid #d9d9d9}
.use-guide .accordion-list1 .lists .list-item:first-child{ margin-top:50px;}
.use-guide .accordion-list1 .lists .list-item:last-child{border-bottom:1px solid #d9d9d9}
.use-guide .accordion-list1 .lists .list-item .answer{border-top:1px solid #d9d9d9; background-color:#fff}

/*MA-06.03.01*/
.content .form-list1 .form-item.select {display:none}

/*카드 분실신고*/
.current-info {display:table; width:100%; padding-top:37px; margin-bottom:15px}
.current-info span{display:table-cell;width:50%; font-size:13px; }
.current-info span:nth-of-type(1){text-align:left; color:#696969}
.current-info span:nth-of-type(2){text-align:right; }
.lost-card  { border-bottom:10px solid #f1f1f1}
.content.lost-card  .form-list1 {padding-bottom:40px;}
.use-info{background-color:#f3f3f3; padding:0 20px }
.use-info .use-list li{display:table; width:100%; border-bottom:1px solid #e6e6e6; padding:20px 0 ; font-size:13px}
.use-info .use-cash{display:table-cell; text-align:right; vertical-align:middle;}
.use-info .use-for{display:table-cell;vertocal-align:middle;}
.btn-use-more{width:100%; text-align:center; padding:5px}
.btn-use-more span{
	width:13px;
	height:13px;
	display:inline-block;
	background:url(../images/common/icon_select.png) no-repeat 100% 50% ;
	background-size:contain;
	margin-left:8px}
.bold-ver {font-weight:600}

.show-item{border-bottom:1px solid #d9d9d9; padding-bottom:10px;
	background:url(../images/common/icon_select.png) no-repeat 100% 50%/ 13px 6px}
.show-item span{vertical-align:middle}
.choice-card,.choice-val{vertical-align:middle }
.choice-card {
	display:inline-block;
	width:61px;
	height:61px;
	background-size:contain;
	background-image:url(../images/img/card01.jpg);
	background-repeat:no-repeat;
	background-position: center;
	margin-right:15px;}

.slected-card{
	display:inline-block;
	width:61px;
	height:61px;
	background-size:contain;
	background-image:url(../images/img/blank-card.png);
	background-repeat:no-repeat;
	background-position: center;
	margin-right:15px;

}


.select-wrap .dim{
	position:fixed;
	left:0; rigth:0; top:0; bottom:0;
	background:rgba(0,0,0,0.7);
	z-index:999;

	width:100%;
	heigth:100%;
	display:none}
.select-wrap .dim.on{
	display:inline-block;
}
.select-wrap .select-card{position:fixed;
	left:0; bottom:0;
	background:#fff;
	width:100%;
	display:none;
	z-index:1000;
}
.select-wrap .select-card h3{text-align:center; border-bottom:0.5px solid #565656; padding:20px 0;}
.select-wrap .select-card ul{
	overflow-y:scroll;
	height:275px;
}

.select-wrap .select-card ul li{padding:15px 0 15px 20px; border-bottom:1px solid #d9d9d9}

#lost-date + span {
	display:inline-block;
	width:23px;
	height:23px;
	bottom:10px; right:0;
	position:absolute;
	background-image:url(../images/img/calender.png);
	background-repeat:no-repeat;
	background-size:contain;
	background-position:center;
}
.btm-info{font-size:13px; background-color:#f3f3f3; padding:20px 0 36px 20px; margin-top:40px}
.btm-info ul li{margin-bottom:10px}
.btm-info h3{font-weight:600; margin-bottom:13px}

/*카드분실신고해제*/
.lost-cancle{padding-bottom:40px; background-color:#fff}
.container.gray-bg{background:#f3f3f3}
.password-round{width:17px; height:17px; background:#555555; border-radius:50%; display:inline-block; margin-left:13px}
#card-pw{width:50px}

.hlep-cvc{background-image:url(../images/img/pacto.png);
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center;
	width:15px;
	height:17px;
	display:inline-block;
	vertical-align:top;
	margin-left:5px}

.cvc-wrap{position:absolute;
	top:220px; left:20px;
	z-index:99; background-color:#fff; width:calc(100% - 40px );
	display:none }
.cvcbox{

	height:168px;
	border:1px solid #121212;
	font-size:13px;
	padding:20px 0 0 15px;
	position:relative
}
.cvcbox .tit-cvc{font-weight:bold}
.round-dot{display:inline-block; width:3px; height:3px; background:#121212;border-radius:50%; vertical-align:middle;margin-right:7px}
.img-cvc-card{
	background-image:url(../images/img/cvc-card.png);
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center;
	width:133px;
	height:81px;
	margin:12px 0 8px 0

}
.cvc-info{color:#7d7d7d}
.cvc-close{
	background-image:url(../images/img/cvc-close.png);
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center;
	width:14px;
	height:14px;
	position:absolute;
	top:10px;
	right:10px;


}

/*재발급신청완료*/
a.reissue.btn-text{background-color:#4b4b4b; color:#fff;border:none}
.layer-popup .popup .reissue-confirm {color:#9f9f9f; padding-top:30px; }

/*재발급신청*/
.btn-radiotype {width:100%; }
.btn-radiotype:after {
	content: "";
	clear: both;
	display: block;
}
.btn-radiotype.sm {
	font-size: 13px;
}
.btn-radiotype .btn-radiotype-item {
	width: 50%;
	float: left;
}

.btn-radiotype.item3 .btn-radiotype-item {
	width: 33.33333%;
}

.btn-radiotype .btn-radiotype-item input[type=radio] + label{
	display: inline-block;
	margin:0;
	padding: 0;
	border-top:1px solid #e6e6e6;
	border-left:1px solid #e6e6e6;
	border-bottom:1px solid #e6e6e6;
	color:#696969;
	height: 40px;
	line-height:40px;
	text-align:center;
	width: 100%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}

.btn-radiotype .btn-radiotype-item:last-child label {
	border-right: 1px solid #e6e6e6;
}

.btn-radiotype .btn-radiotype-item input[type="radio"]{width:0px; height:0px;  position:absolute; top: 0; left: 0; opacity: 0;}
.btn-radiotype input[type="radio"]:checked + label {
	border-color: #111;
	border-right: 1px solid #111;
	color: #333;
}
.btn-radiotype input[type="radio"]:checked + label:before{
	content: "";
	background-image:url(../images/img/btn-check.png);
	background-repeat:no-repeat;
	background-size:contain;
	background-position: center;
	width: 12px;
	height: 12px;
	display: inline-block;
	margin-right: 5px;
}

.reissue-notice{padding: 20px;}
.reissue-notice li{ padding-left:10px;position:relative;}
.reissue-notice li:first-child{margin-bottom:7px}
.dot-li{width:3px; height:3px;
	background-color:#555555;
	border-radius:50%;
	display:inline-block;
	ertical-align:middle;
	vertical-align:middle;
	position:absolute;
	top:8px;
	left:0;
}

/*08.02.02*/
.faq-area input[type=text]{border-bottom:1px solid #323232 }

/*08.03.01*/
.direct.s-text-area {padding-bottom:38px}
.customer-direct .advice-box .advice-item .tit{line-height:1.5}
.customer-direct .advice-box .advice-item .tit .comment{font-weight:normal; font-size:13px; color:#737373}
.customer-direct .advice-box .advice-item {height:auto; padding:20px 36px 20px 97px}

/*회원관리*/
.btn-confirm {margin-top:30px}

/*MA-07.04.01*/
.benefit-tab .tab-scroll-x .swiper-slide.on .text:before{width:0; height:0}

.benefit .answer ul li{position:relative; padding-left:7px; margin-bottom:20px}
.benefit .accordion-list1 .lists .answer{padding-bottom:4px}
.benefit .tit-detail {margin-bottom:10px; font-weight:bold}

.benefit-tab > .tab-scroll-x {
	border-top: 0 none;
	border-bottom: 1px solid #dadada;
	height: 48px;
	line-height: 48px;
	text-align: center;
}

.benefit-tab > .tab-scroll-x .swiper-container {
	padding: 0;
}

.benefit-tab > .tab-scroll-x .swiper-container ul li {
	width: 25%;
	padding: 0;
}

.benefit-tab > .tab-scroll-x .swiper-container ul li.on {
	position: relative;
}

.benefit-tab > .tab-scroll-x .swiper-container ul li.on:after {
	content:"";
	display:inline-block;
	position:absolute;
	width:100%;
	height:3px;
	background:#e60039 ;
	left:0;
	bottom:-1px;
}

.benefit-tab > .tab-scroll-x .swiper-container ul li a {
	display: inline-block;
	font-size: 15px;
	color: #333;
}

.benefit-tab > .tab-scroll-x .swiper-container ul li.on a {
	color: #e60039;
}
/*MA-07.05.01*/

.l-point .shadow-box {
	margin:30px 0 0 20px;
	padding:25px 20px 40px 25px;
	background-color:#fff;
	box-shadow:0 0 50px rgba(0,0,0,.2);

	box-sizing:border-box
}


.l-point .shadow-box .point-amount{font-weight:bold; font-size:25px; margin-bottom:30px; position:relative; padding-bottom:24px}
.l-point .shadow-box .point-amount:after{content:""; width:100%; height:0.5px;position:absolute; bottom:0; left:0; background:#e6e6e6}
.l-point .shadow-box .point-list li{overflow:hidden; margin-bottom:25px}
.l-point .shadow-box .point-list li:last-child{margin-bottom:0}
.l-point .shadow-box .point-list span:first-child{color:#989898;float:left}
.l-point .shadow-box .point-list span:last-child{float:right;}

.benefit-contents{padding:30px 0}
.benefit-contents .benefit-tit {font-size:17px; font-weight:bold; margin-bottom:17px; padding-left:20px}

.benefit-details{font-size:13px; color:#737373; }
.benefit-box{display:table; width:100%; margin-bottom:20px}
.benefit-box .benefit-item{display:table-cell; width:calc( 100% - 125px ); vertical-align:top}
.benefit-box .benefit-item p {font-weight:600; margin:10px 0 5px 0}
.benefit-box .benefit-img {
	display:table-cell;
	width:125px;
	height:100px;
	background-repeat:no-repeat;
	background-size:contain;
	background-position:center;
}
.benefit-box .benefit-img.img01{background-image:url(../images/img/point-img01.png)}
.benefit-box .benefit-img.img02{background-image:url(../images/img/point-img02.png)}
.benefit-box .benefit-img.img03{background-image:url(../images/img/point-img03.png)}

.point-benefit-box {
	display:table-cell ;
	margin-bottom:20px;
	padding:20px 0;
	color:#333;
	width:50%;
	box-sizing:border-box;
	position:relative;
	padding-bottom:120px}
a.point-benefit-box:first-child{border-right:1px solid #e6e6e6;}
.point-benefit-box:before{top:30px; right:20px}
.point-benefit-box > span{display:block;  text-align:center; height:100px;width:100%; bottom:20px; position: absolute;}
.point-benefit-box p,.point-benefit-box h3{margin-left:17px}

.point-benefit-img{

	background-repeat:no-repeat;
	background-size:contain;
	background-position:center;
}
.point-benefit-img.img01{background-image:url(../images/img/point-img01.png)}
.point-benefit-img.img02{background-image:url(../images/img/point-img04.png)}
.point-benefit-img.img03{background-image:url(../images/img/point-img05.png)}
.point-benefit-img.img04{background-image:url(../images/img/point-img02.png)}

.point-benefit-box h3{font-weight:600; font-size:17px; margin-bottom:5px}
.point-benefit-box .benefit-item{display:table-cell; vertical-align:top; }
.point-benefit-box .benefit-item p{font-size:17px; font-weight:bold; padding:10px 0 5px 0}
.point-benefit-box .benefit-img{display:table-cell;vertical-align:top; width:125px;text-align:center}
.benefit-text{margin-bottom:46px}
.point-sub-tit{font-size:13px; margin-bottom:11px}
.point-table{display:table; width:100%;border:1px solid #e6e6e6;  box-sizing:border-box}
div.point-table:first-child{border-bottom:none}
.point-table > div{display:table-cell; width:50%; padding:20px; border:1px solid red}
.benefit-wrap{width:100%; padding:0 20px; box-sizing:border-box }
.point-detail-benefit{font-size:13px; color:#989898; margin-bottom:13px}

/* 생활편의 - SMS서비스 */
.sms-service .using-service {
	padding-left: 20px;
	padding-bottom: 38px;
}

.sms-service .using-service span {
	display: inline-block;
	height: 30px;
	line-height: 28px;
	border: 1px solid #e21c24;
	border-radius: 15px;
	padding: 0 12px;
	color: #e21c24;
	font-weight: 600;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}

.sms-service .apply-guide {
	padding: 45px 20px 25px;
	border-top: 1px solid #dadada;
}

.sms-service .apply-guide .apply-guide-title {
	font-size: 17px;
	color: #111;
	margin-bottom: 30px;
	font-weight: 600;
}

.sms-service .apply-guide .apply-guide-sub {

}

.sms-service .apply-guide .apply-guide-sub .apply-guide-subtitle {
	color: #111;
	font-weight: 600;
}

.sms-service .apply-guide .apply-guide-sub .apply-guide-subcont {
	padding: 15px 0;
	margin-bottom: 15px;
}

.sms-service .apply-guide .apply-guide-sub .apply-guide-subcont .apply-guide-img {
	margin: 0 auto;
	height: 120px;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;

	
}
.sms-service .apply-guide .apply-guide-sub .apply-guide-subcont .apply-guide-img .conts {
		display:table;
		width:90%;
		margin:0 auto
}
.sms-service .apply-guide .apply-guide-sub .apply-guide-subcont .apply-guide-img .conts > div {
	display:table-cell;
	width:50%;
	vertical-align:middle;
	height:120px;
	text-align:center;
	font-size:14px;
	font-weight:600;
	
}

.sms-service .apply-guide .apply-guide-sub .apply-guide-subcont .apply-guide-img .conts > div:first-child{
	color:#fff;
	
}
.sms-service .apply-guide .apply-guide-sub .apply-guide-subcont .apply-guide-img.apply-guide-target {
	width: 211px;
	background-image: url('../images/img/sms-img.png');
}

.sms-service .apply-guide .apply-guide-sub .apply-guide-subcont .apply-guide-img.apply-guide-price {
	width: 216px;
	background-image: url('../images/img/sms-img02.png');
}

.sms-service .apply-guide .apply-guide-usage .apply-guide-usage-title {
	font-size: 15px;
	color: #111;
	font-weight: 600;
	margin-bottom: 10px;
}

.accordion-list2 .accordion-item .layer.apply-guide-acc {
	
	padding: 25px 20px;
}

.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;
	background: url('../images/img/li-dot.png') center no-repeat;
}

.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;
}

/*MA-03.07.03.3*/
.cashback-set.set-complete{margin-top:54px}
.point-list-complete {padding:0 45px; margin-top:33px }
.point-list-complete ul li{padding:20px 0; border-bottom:0.5px solid #e6e6e6;  font-size:14px; display:inline-block; width:100%}
.point-list-complete ul li:first-child{border-top:0.5px solid #e6e6e6}
.point-list-complete ul li .cashback-tit{float:left;color:#737373}
.point-list-complete ul li .cashback-p{float:right; font-weight:600; text-align:right}
.clear-fix:after{content:""; clear:both; display:block}


/*마일리지신청 03.07.02.3*/
div.mileage-term{
	background-color:#f7f7f7;
	border-top:1px solid #d9d9d9;
	margin-top:50px }
div.mileage-term.pd-type1 {padding-top:0}
.mileage-term .form-list1 .form-item {
	width:auto;
	float:right;
	margin-top:0;  }
.mileage-term .form-list1 .form-item .term{
	border-bottom:none;
	font-size:12px;
	margin-top:0;
	height:34px;
	padding-left:5px;
	padding-right:20px}

.accordion-list1.mileage-change-list.point-detail {margin-top: 30px;}
.mileage-change-list .mileage-change-detail li{width:100%;}
.mileage-change-list .mileage-change-detail li div:first-child{float:left}
.mileage-change-list .mileage-change-detail li div:last-child{float:right}
.mileage-change-list .mileage-change-detail li div:last-child .detail-gray{text-align:right}
.mileage-change-detail .mileage-arrow{color:#b2b2b2}
.mileage-change-detail div p{font-weight:600}
.mileage-change-detail div .detail-gray{
	font-weight:400;
	font-size:13px;
	color:#868686}

.mileage-change-detail{padding:0 20px;}
.mileage-change-detail li{
	padding:20px 0 20px 28px;
	box-sizing:border-box;
	background-repeat:no-repeat;
	background-size:contain;
	background-position: 0 0;
	background-image:url(../images/img/middle-tab.png) }

.mileage-change-detail li:first-child{background-image:url(../images/img/first-tab.png) }
.mileage-change-detail li:last-child{background-image:url(../images/img/last-tab.png) }
.mileage-change-list .mileage-change-detail li.single{
	background-image:url(../images/img/single.png);
	background-size:12.5px 12.5px;
	background-position:0 50%}

/*할부전환*/
.installment-term {
	line-height:34px;
	font-size:12px;
	font-weight:600;}

.installment-item {
	border-top: 1px solid #d9d9d9;
}

.installment-item .form-item{
	border-bottom:1px solid #f2f2f2;
	padding:0 20px}
.installment-item .form-item input[type="radio"]{vertical-align:middle}
.installment-item .form-item label{
	width:calc( 100% - 40px);
	display:inline-block;
	padding:22px 0 22px 5px;
	vertical-align:middle;
	font-weight:600;
	color:#333}

.installment-item .form-item label .installment-amount{float:right}
.installment-item .form-item label .installment-tit{float:left}
.installment-item .form-item label .installment-tit .date-installment {font-weight:400; font-size:13px; color:#7c7c7c}
.installment-info {background-color:#f3f3f3}
.my-installment {
	display:table;
	padding:0 20px;
	width:100%;
	box-sizing:border-box;
	margin:33px 0 23px }
.my-installment div{
	display:table-cell;
	width:50%;
	text-align:right;
	font-size:13px;
	vertical-align:bottom;
	position:relative;
	}
.my-installment > div > a {border-bottom:1px solid #111111; padding-bottom:3px; line-height:25px} 
.my-installment span{display:table-cell; font-size:17px; font-weight:600}
div.installment-term {margin-top:23px}
.mileage-term.mar0{margin-top:0}
/*할부 수수료계산*/
div.pd {margin-top:20px;}
.calc-info {padding:0 24px; font-size:13px; margin-top:34px}
.popup-installment .form-list-wrap3 .form-list .form-item .total{font-weight:600; color:#191919}
.full-popup{position:absolute; top:0; left:0; bottom:0; right:0;background-color:#fff;display:none;}
.calc {border-top:10px solid #f2f2f2}
.calc .form-list-wrap3 {padding:0}
.calc .form-list.type2{padding:25px 20px 20px 20px;margin:0; border-bottom:1px solid #e6e6e6}
.calc .form-list{margin:0 20px; padding:25px 0 20px 0;border-bottom:1px solid #e6e6e6}
.calc .form-list:last-child{border-bottom:none}
.calc .form-list-wrap3 .form-list {border-top:0}
.calc .pop-head .p-title {font-size:17px; font-weight:600; padding:27px 0 0 20px}
.calc-fee {border-top:10px solid #f2f2f2}
.calc-conts {padding-bottom:40px}


/* MY > s-text 공통 */
.s-text-area .s-text span.user-name {
	font-size: 18px;
	color: #333;
	font-weight: 600;
}

/* MY> 보유카드조회 MA-03.09.01 */

 .havecard-item {
	position: relative;
	padding: 20px;
	border-bottom: 1px solid #f2f2f2;
}

.havecard .havecard-item:last-child {
	border-bottom: 0 none;
}


.havecard .havecard-item .havecard-item-img {
	width: 90px;
	height: 90px;
	background-size: contain;
	background-position: top center;
	background-repeat: no-repeat;
	position: absolute;
	top: 20px;
	left: 20px;
}

.havecard .havecard-item .havecard-item-img.img01 {
	background-image: url('../images/img/card01.jpg');
}

.havecard .havecard-item .havecard-item-img.img02 {
	background-image: url('../images/img/card02.jpg');
}

.havecard .havecard-item .havecard-item-img.img03 {
	background-image: url('../images/img/card03.jpg');
}

.havecard .havecard-item .havecard-item-cont {
	padding-left: 105px;
}

.havecard .havecard-item .havecard-item-cont h4 {
	font-weight: 600;
	color: #111;
	line-height: 15px;
	margin-bottom: 7px;
}

.havecard .havecard-item .havecard-item-cont p {
	font-size: 13px;
	color: #737373;
	line-height: 22px;
}

.havecard .havecard-item .havecard-item-cont span {
	display: inline-block;
	padding: 0 8px;
	line-height: 18px;
	color: #fff;
	font-size: 13px;
	margin-bottom: 8px;
	background-color: #929292;
	vertical-align: text-top;
}

.havecard .havecard-item .havecard-item-cont .btn-text.type2.sm {
	font-size: 12px;
	color: #737373;
	padding: 0 10px;
}

.havecard .havecard-info {
	font-size:13px;
	padding:20px 20px 35px 28px;
	color:#737373;
	position:relative}

.havecard .havecard-info:before{
	content:"";
	width:3px;
	height:3px;
	background:#737373;
	border-radius:50%;
	position:absolute;
	top:27px; left:20px}

.havecard .mypage-view h3 {padding:33px 0 0 20px; border-top:1px solid #737373; font-weight:600; font-size:18px}
/*포인트 전환신청 */

.point-to{
	display:table;
	width:100%;
	padding:18px 0;
	box-sizing:border-box;
	background-repeat:no-repeat;
	background-size:25px 13px;
	background-image:url(../images/img/arrow-point.png);
	background-position:50% 50%;
	background-color:#f9f7ff;

}

.point-to-conts.content.pd-type1 {padding-top:0}
.point-to div{display:table-cell;width:50%; text-align:center; vertical-align:bottom}


.point-to div .point-tit{font-size:13px; color:#989898}
.point-to div .point-amount{font-size:24px; font-weight:600; color:#5d30a6}

.point-info{padding:0 20px; margin-top:26px}
.point-info ul{background-color:#f3f3f3; padding:16px 18px}
.point-info ul li{display:table; width:100%}
.point-info ul li p{display:table-cell;padding:4px 0}
.point-info ul li .point-change-tit{color:#737373; width:60%; }
.point-info ul li .point-change-amount{text-align:right; font-weight:600; width:40%; }

.point-simulation{padding:0 20px 48px 20px; margin-top:33px ; border-bottom:10px solid #f2f2f2}
.point-simulation h3{margin-bottom:11px}
.point-simulation .simulation-amount{border:0.5px solid #b2b2b2; text-align:right; padding:14px 14px 14px; font-weight:600 }
.point-simulation .simulation-info {color:#737373; font-size:13px; margin-bottom:21px; margin-top:13px}
.simul-point .btn-text {background-color:#e60039}

/*할부 전환 완료*/
.installment-complete ul li{border:none; padding:7px 0}
.installment-complete ul li:first-child{border:none}
.installment-complete ul{border-bottom:0.5px solid #e6e6e6 ;border-top:0.5px solid #e6e6e6 ; padding:15px 0}

/* 입력폼 서브텍스트 없는 형태 */
.non-header.set-complete{margin-top:54px}

/* 카드신청완료 */
.card-regi-done {
	margin-top: 32px;
	margin-bottom: 8px;
}

.card-regi-done img {
	opacity: 0;
	box-shadow:4px 5px 10px 1px rgba(0,0,0,.1);
	border-radius: 8px;
}

/* 카드신청 */
.mypage-view.requestcard {
	margin-top: 25px;
	border-top: 1px solid #dadada;
}
.form-item p.card-warn {color:#d93e5f;}
.card-warn.dis-n{display:none;}
.card-inroll {display:table; width:100%}
.card-inroll select { width:48%}
.card-inroll select:first-child {margin-right:4%}
.for-family {display:none}
/*포인트 조회*/
.mypoint{text-align:center; background-color:#f9f7ff; padding:18px 0 ; margin-top:32px}
.mypoint .mypoint-cont{display:inline-block; width:100%;padding: 0 20px;box-sizing:border-box}
.mypoint .mypoint-cont .tit{font-size:14px; }
.mypoint .mypoint-cont .amount{font-size:25px; margin-bottom:10px}


.mypoint .mypoint-cont .amount span {margin-left:10px; font-weight:600}
.mypoint .mypoint-history {font-size:13px; font-weight:600}
.mypoint-l span:first-child{float:left}
.mypoint-l span:last-child{float:right}
.mypoint-l{width:100%; display:inline-block; border-top:1px solid #e6e6e6 ;padding-top:10px; margin-top:20px;
	font-size:16px; font-weight:600}
.mypoint-list{padding:0 20px}
.mypoint-list .tit{font-size:16px; font-weight:600; margin-bottom:20px}
.mypoint-list .cont{font-size:14px; color:#737373; margin-bottom:25px}
.mypoint-list li button{padding:8px 10px; border:1px solid #d9d9d9;font-size:14px; color:#737373;}
.mypoint-list li{padding: 33px 0;border-bottom:1px solid #dadada }
.mypoint-list li:last-child{border-bottom:none; padding-bottom:0 }

/*포인트 상세*/
.point-type{margin-left:20px}
.point-type.form-list1 .form-item{margin-top:40px}
.point-type select{width:auto;border-bottom:none; height:auto; padding-right:20px}

.point-detail .mileage-term{margin-top:0; line-height:34px}
.mileage-change-list .term{background-image:url(../images/common/icon_select.png);
	background-size: 13px 6px;
	background-repeat:no-repeat;
	background-position:100% 50%;
	line-height:34px}
.mileage-change-list .term.on{
	background-image:url(../images/common/icon_select_on.png);
}
.mileage-change-list select.select-box{font-size:13px; border:none; height:auto; margin-top:0}
.point-detail { border-bottom:10px solid #f2f2f2}
.point-detail .no-result {margin-bottom:30px}
.point-detail-view li{background-image:none; padding-left:0}
.point-detail-view li:first-child{background-image:none}
.point-detail-view li:last-child{background-image:none}
.date-calc {padding:5px 20px 0 20px; box-sizing:border-box; width:100%; display:table; }
.date-calc div{display:table-cell; vertical-align:middle}
.date-calc .middle{width:25px; text-align:center}
.date-calc-area{
	text-align:center;
	border-bottom:1px solid #dbdbdb;
	box-shadow:0 3px 8px rgba(0,0,0,0.2);
	display:none;
	position:absolute;
	width:100%;
	height: 240px;
	background:#fff;
	z-index:9 }
.term-list{padding:0 20px; margin:20px auto 0 auto;display:table; width:100%; box-sizing:border-box}
.term-list li{display:table-cell; height:30px; text-align:center; line-height:30px; border-left:1.5px solid #fff }
.term-list li a{height:30px; background:#f3f3f3; width:100%;font-size:13px; display:inline-block}
.term-list li a.on { background:#e60039; color:#fff}
.date-calc-area .btn-term-search{
	padding:10px 45px ; 
	background-color:#e60039; 
	color:#fff; 
	display:inline-block; 
	margin-top:35px; 
	margin-bottom:25px}

.form-list-subtitle {
	font-size: 17px;
	font-weight: 600;
	margin-top: 33px;
}

.form-item.under-title {
	margin-top: 15px;
}

.mypoint-now{padding-left:20px; margin-bottom:18px}
.mypoint-now .my-tit{color:#868686}
.mypoint-now .my-amount{color:#5d30a6; font-size:23px; font-weight:600}
.mypoint-now .my-btn button {border:1px solid #cfcfcf ; width:auto; text-align:center; font-size:12px; color:#737373; padding:7px 7px}
.mypoint-now .my-btn {margin:15px  0 50px 0}
/*상담내역*/
.mypage-counsel .text-area{font-size:13px; display:table-cell; width:77%}
.mypage-counsel .value{display:table-cell; }
.mypage-counsel .lists .list-item .inquiry{display:table;width:100%; box-sizing:border-box; }

.mypage-counsel .accordion-list1 .lists .list-item .inquiry .text-area .status {font-weight:400; margin-right:5px}

/* mypage 카드 */
.card-use .s-text-area .s-text {
	color: #111;
	font-size: 13px;
	margin-bottom: 15px;
}

.card-use .s-text-area .s-text strong {
	font-size: 15px;
}

.card-use .s-text-area .s-text strong span{
	font-size: 22px;
}

.card-use .card-use-searcharea {
	height: 40px;
	text-align: right;
	padding: 0 20px;
}
.card-use .card-use-searcharea a {
	display: inline-block;
	height: 30px;
	line-height: 28px;
	border: 1px solid #e21c24;
	border-radius: 15px;
	padding: 0 12px;
	color: #e21c24;
	font-size: 13px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}

.card-use .use-list .use-item {
	background-color: #fff;
}

/* 카드이용내역 상세 Popup */
.card-use-pop {
	padding: 5px 25px 20px;
}

.card-use-pop .card-use-pop-total {
	text-align: center;
	color: #5d30a6;
	font-size: 17px;
	margin-bottom: 25px;
}

.card-use-pop .card-use-pop-detail li {
	height: 30px;
	font-size: 14px;
	position: relative;
}

.card-use-pop .card-use-pop-detail li.highlight {
	font-weight: 900;
}


.card-use-pop .card-use-pop-detail li > span {
	position: absolute;
	top: 0;
	color: #111;
	font-weight: inherit;
}

.card-use-pop .card-use-pop-detail li > span:first-child {
	left: 0;
	color: #737373;
}

.card-use-pop .card-use-pop-detail li > span:last-child {
	right: 0;
}

.card-use-pop .card-use-pop-detail li.highlight > span:first-child {
	color: #111;
}


/* inner-fullpage-popup common */
.inner-fullpage-popup {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	background-color: #fff;
	z-index: 500;
	height: 100%;
	overflow-y: auto;
	display: none;
}

.inner-fullpage-popup .header {
	position: relative;
}

.inner-fullpage-popup .container, .scroll .inner-fullpage-popup .container  {
	padding-top: 0 !important;
}

.inner-fullpage-popup .date-calc {padding: 15px 0 0;}
.inner-fullpage-popup .term-list {padding: 0;}

/*분실빈고내역 조회*/

.lost-list .s-text span.user-name {font-size:15px; display:inline-block; margin-bottom:15px}
.lost-list .s-text p{margin-bottom:35px}
.lost-list-info .all-len{border-top:1px solid #d9d9d9}
.lost-list-info .inquiry{font-weight:600}
.lost-list-info .answer{border-bottom:1px solid #d9d9d9}
.lost-list-info .answer ul li {overflow:hidden; margin-bottom:13px; font-size:15px;}
.lost-list-info .answer ul li:last-child{margin-bottom:0}
.lost-list-info .answer ul li > span {float:left; color:#737373}
.lost-list-info .answer ul li > p{float:right; text-align:right; font-weight:600}

.lost-list-info .answer .last-use{display:block; font-size:13px}

/*이용금액납입내역*/
.point-detail .all-len{border-top:1px solid #dadada}
.point-detail .float-span {float:right}
.payment-list li{border-bottom:1px solid #dadada; padding-left:20px ; padding-right:20px}
.payment-list li:last-child{border-bottom:none}
.payment-list {padding:0; }
.payment-com {padding:0 20px; margin:30px 0 43px 0}
.payment-com .my-tit{color:#7c7c7c}

/*채무면제*/
.css-item  {display:table; width:280px; margin: 0 auto}
 .bg{
 display:table-cell;
  text-align:center;
  width: 140px;
  height: 150px;
  z-index: 90;
  font-size:13px;
  box-sizing:border-box;
  vertical-align:middle;
  color:#fff;
}
 .bg p {
  font-weight:600;
  margin-top:8px;
 }
 .bg.bg02 {
  position:relative;
  z-index:2;
  
 }
 .partner li {
 position:relative;
 width:80px;
 display:inline-block;
 text-align:center;
 padding-top:90px;
 }
 .partner li:after{
 content:"";
 position:absolute;
 width:80px;
 height:80px;
 left:0;
 top:0;
 background-image:url(../images/img/part.png);
 background-size:contain;
 background-repeat:no-repeat;

 }

.partner_list_m {
    display: inline-block;
    width: 100%;
}
.partner_list_m li {
    display: inline-block;
    margin-right: 10px;
}
.partner_list_m li:nth-child(1):after {
    background-image: url(../images/img/part.png) !important;
}
.partner_list_m li:nth-child(2):after {
    background-image: url(../images/img/part02.png) !important;
}

  .bg.bg01 {
   position:relative;
   z-index:2;
   	color:#111
 }
 .bg.bg01:before{
	content:"";
 	position:absolute;
 	width: 150px;
 	height:150px;
 	top:0;
 	right:-6px;
 	z-index:-5;
	background-image:url(../images/img/ellipse.png);
	background-repeat:no-repeat;
	background-size:contain;
	background-position:center;
 } 

 
 .bg.bg02:before{
	content:"";
 	position:absolute;
 	width: 150px;
 	height:150px;
 	top:0;
 	left:-6px;
	border-radius: 50%;
  	background-image: -moz-linear-gradient( -125deg, rgb(228,9,63) 0%, rgb(180,10,99) 100%);
 	background-image: -webkit-linear-gradient( -125deg, rgb(228,9,63) 0%, rgb(180,10,99) 100%);
 	background-image: -ms-linear-gradient( -125deg, rgb(228,9,63) 0%, rgb(180,10,99) 100%);
 	z-index:-5;
 }

.debt-cont {border-top:1px solid #dadada}
.debt-cont .debt-cont-list {padding:45px 20px 0 20px}
.debt-cont .debt-cont-list > li {margin-bottom:30px}
.debt-cont .debt-cont-list li h3{font-size:16px; font-weight:600; margin-bottom:12px}
.debt-cont .debt-cont-list .debt-img {
	width:100%;
	height:156px;
	background-position:center;
	background-repeat:no-repeat;
	background-size:285px 156px;
	background-image:url(../images/img/debt-img.png);
	margin-top:30px }
.debt-info {margin-bottom:35px}
.debt-guide ul li .inner-ul li{font-size:14px; color:#7f7f7f}

/*포인트 상세 팝업*/
.point-popup{border-top:none}
.point-popup .debt-cont-list{padding-top:14px}
.point-popup .debt-cont-list .debt-img{
	background-image:url(../images/img/point-popup-img.png);
	height:117px;
	background-size:contain;
}

/* 마이페이지 - 이용한도조회  MA-03.06.06.html */
.card-limit-total-wrap {
	background-color: #f9f7ff;
	padding: 20px 25px;
	text-align: center;
}

.card-limit-total-wrap .card-limit-title {
	color: #5d30a6;
	font-size: 14px;
}

.card-limit-total-wrap .card-limit-total {
	font-size: 25px;
	font-weight: 600;
	padding: 3px 0;
}

.card-limit-total-wrap .card-limit-sub {
	font-size: 14px;
}

.card-limit-items {
	padding: 25px 20px 36px;
	border-bottom:10px solid #f2f2f2
}

.card-limit-items .card-limit-item {
	border-bottom: 1px solid #dadada;
	padding: 20px ;
	background-color:#f2f2f2;
	
}

.card-limit-items .card-limit-item:last-child {
	border-bottom: 0 none;

}

.card-limit-items .card-limit-item .title {
	font-size: 16px;
	font-weight: 600;
	color: #111;
	margin-bottom: 12px;
}

.card-limit-items .card-limit-item .card-limit-row {
	font-size: 14px;
	padding:4px 0; 
	display:table;
	width:100%;
	
}


.card-limit-items .card-limit-item .card-limit-row div:first-child {
	display:table-cell;
	color: #737373;
	width:50%
}

.card-limit-items .card-limit-item .card-limit-row div:last-child {
	display:table-cell;
	text-align: right;
	font-weight:600
}

.card-use.fee-detail .content.wide {
	margin-top: 36px;
	border-top: 1px solid #737373;
}

/* 마이페이지 - 이용대금명세서  Header Calendar MA-03.06.03.html */
.header.calendar-header {
	text-align: center;
}

.header.fix.calendar-header .cal-value {
	display: none;
}

.cal-value {
	font-size: 17px;
	color: #111;
	font-weight: 600;
	display: inline-block;
	height: 55px;
	line-height: 55px;
	padding-right: 20px;
	background: url(../images/common/btn-select-down.png) right center no-repeat;
	background-size: 10px 6px;
	margin: 0 auto;
}

.fix.fixed-calendar {
	display: block;
}

.fixed-calendar {
	background-color: #f7f7f7;
	position: fixed;
	top: 55px;
	left: 0;
	right: 0;
	z-index: 55;
	display: none;
}

.fixed-calendar .fixed-calendar-header {
	padding: 0 40px;
	height: 55px;
	line-height: 55px;
	text-align: center;
	position: relative;
}

.fixed-calendar .cal-value {
	font-size: 16px;
}

.fixed-calendar span.cal-arr {
	position: absolute;
	top: 0;
	width: 40px;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center;
	display: block;
	background-size: 8px 14px;
}

span.cal-arr.arr-left {
	left: 0;
	background-image: url('../images/common/arrow-headercal-left.png');
}

span.cal-arr.arr-left.off {
	left: 0;
	background-image: url('../images/common/arrow-headercal-left-off.png');
}

span.cal-arr.arr-right {
	right: 0;
	background-image: url('../images/common/arrow-headercal-right.png');
}

span.cal-arr.arr-right.off {
	right: 0;
	background-image: url('../images/common/arrow-headercal-right-off.png');
}

.popup-monthpicker {
	display: none;
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 520;
}
.popup-monthpicker .dimmed{
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-color: rgba(0,0,0,.8);
}

.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 .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;
}

.popup-monthpicker .fixed-calendar-body .year-row span.cal-arr {
	position: static;
	width: 40px;
	height: 50px;
	background-repeat: no-repeat;
	background-position: center;
	display: inline-block;
	background-size: 8px 14px;
	color: transparent;
}

.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;
}


/* 마이페이지 - 이용대금명세서  요약내역 MA-03.06.03.html */
.fee-summary {
	padding: 20px;
}

.fee-summary .title {
	font-size: 16px;
	color: #111;
	margin-bottom: 10px;
	font-weight: 600;
}

.fee-summary .gray-area {
	padding: 20px;
	background-color: #f2f2f2;
}

.fee-summary .gray-area > div {
	position: relative;
	height: 25px;
	line-height: 25px;
}

.fee-summary .gray-area > div > span {
	font-size: 14px;
	color: #737373;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
}

.fee-summary .gray-area > div > p {
	font-size: 14px;
	color: #111;
	font-weight: 600;
	position: absolute;
	top: 0;
	left: 0;
	text-align: right;
	height: 100%;
	width: 100%;
}

.fee-summary .pay-date {
	font-size: 14px;
	font-weight: 600;
	text-align: right;
	height: 35px;
	line-height: 35px;
}
.point-table-acc table{text-align:center; border-top:0.5px solid #262626;padding-top:0.5px}
.point-table-acc {padding-bottom:20px}
.point-table-acc table th,
.point-table-acc table tbody td {padding:10px 0; font-size:13px; font-weight:400; border-right:0.5px solid #e0e0e0}

.point-table-acc table thead th {color:#737373}
.point-table-acc table tr {border-bottom:0.5px solid #e0e0e0}
.point-table-acc table thead th:last-child{border:none}
.point-table-acc table tbody td:last-child{border:none}
.point-table-acc table thead{background:#f7f7f7; }
.summary-accodion .float-span {float:right}

/* 마이페이지 - 이용대금명세서  탭 하단 그레이영역 MA-03.06.03.html */
.tab-warp.gray-bt {
	padding-bottom: 10px;
	background-color: #f2f2f2;
}

.tab-warp.gray-bt .tab-list1 {
	background-color: #fff;
}

.tab-warp.gray-bt .tab-content {
	background-color: #fff;
}

.point-popup > ul.debt-cont-list >  li {margin-bottom:45px}
.point-popup > ul.debt-cont-list >  li:last-child{margin-bottom:30px}

/* 법인정보등록 MA-02.02.05.1 */
.form-list-subtitle {
	font-size: 17px;
	font-weight: 600;
	margin-top: 33px;
}

.form-item.under-title {
	margin-top: 15px;
}

/*친구에게 카드추천*/
.coment {padding-left:20px; margin-top:35px}
.coment p{font-size:17px; font-weight:600}
.coment a {border-bottom:1px solid #111111; font-size:13px;}
.coment div {text-align:right; padding: 0 20px; margin-top:18px}
.recommend-info {padding:25px 20px}
.recommend-info .inner-ul li{color:#737373; font-size:14px;} 
.recomend-card-list .lists .list-item {
	border-top:none; 
	border-bottom:1px solid #e5e5e5}
.recomend-card-acco .accordion-item .layer {
	padding-top:30px}
.recomend-card-list .icons .sns-img{
	width:38px; 
	height:38px; 
	display:inline-block;
	background-repeat:no-repeat;
	background-size:contain;
	background-position:center;
	margin-right:5px
	}
		
.recomend-card-list .icons .sns-img.img01{background-image:url(../images/img/sns01.png)}
.recomend-card-list .icons .sns-img.img02{background-image:url(../images/img/sns02.png)}
.recomend-card-list .icons .sns-img.img03{background-image:url(../images/img/sns03.png)}
.recomend-card-list .icons .sns-img.img04{background-image:url(../images/img/sns04.png)}
.recomend-card-list .icons .sns-img.img05{background-image:url(../images/img/sns05.png)}

.card-img-index.frnd-img01 {background-image:url(../images/img/card01.jpg)}
.card-img-index.frnd-img02 {background-image:url(../images/img/card02.jpg)}
.friend-popup {padding: 0 25px;margin:30px 0 25px 0}
.friend-popup > p{font-size:14px; color:#737373}
.friend-popup > div {border-top:1px solid #e6e6e6; 
	border-bottom:1px solid #e6e6e6; 
	padding:20px 0 20px 15px;
	font-weight:600;
	font-size:14px;
	margin-top:15px }
/*친구에게 카드추천 회원인증*/
.opt-recommend {margin-top:40px}

/*친구에게 카드추천 추천메세지*/
.recommend-msg .recommend-img{
	display:inline-block; 
	width:100%; 
	height:50px;
	background-repeat:no-repeat;
	background-position:center;
	background-size:contain;
	
	}
	
.recommend-msg .recommend-img.url{
	background-image:url(../images/img/friend-url.png);}
	
.recommend-msg .recommend-img.zalo{
	background-image:url(../images/img/friend-zalo.png);
}

.recommend-msg .recommend-img.facebook{
	background-image:url(../images/img/friend-facebook.png);
}

.recommend-msg .recommend-img.text-mail{
	background-image:url(../images/img/friend-text-mail.png);
}

.recommend-msg .recommend-img.google{
	background-image:url(../images/img/friend-google.png);
}

.recommend-msg .recommend-img.kakao{
	background-image:url(../images/img/friend-kakao.png);
}
	
.recommend-msg {
	text-align:center; 
	padding:0 20px; 
	box-sizing:border-box;
	margin-top:60px}
.recommend-msg .recommend-detail{
	text-align:left;
	padding:20px 25px;
	box-sizing:border-box;
	background-color:#f7f7f7;
	font-size:14px;
	color:#555555;
}
.recommend-msg .recommend-detail p{
	margin-top:18px;
	word-break: break-all}
.recommend-msg .recommend-ifm{margin:20px 0 }

/*친구에게 카드추천*/
.recommend-complete .complete-area{backgound:none; padding:0}
.recommend-complete .complete-area:before{width:0; height:0;}
.recommend-complete .card-regi-done{margin:18px 0 26px 0}
.recommend-complete .answer-contents {margin:30px 0 0 20px;}
.recommend-complete .answer-contents ul li{
	margin-bottom:10px; color:#555555; 
	padding-left:10px; position:relative;}
.recommend-complete .answer-contents ul li:before{
	content:""; 
	width:3px; 
	height:3px; 
	background-color:#555555;
	position:absolute;
	top:10px;
	left:0;
	border-radius:50%}
	
.card-answer .answer-contents ul li {position:relative; padding-left:12px}
.card-answer .answer-contents ul li:before{
	content:""; 
	width:3px; 
	height:3px; 
	background-color:#555555;
	position:absolute;
	top:10px;
	left:0;
	border-radius:50%
}
.recm-inner-ul li:first-child{padding-left:0}
.recm-inner-ul li:first-child:before {content:""}

/*친구에게 카드추천 완료*/
.recommend-pop-conts {padding:43px 20px 35px 20px}
.recommend-pop-conts a {
	display:block;
	padding:14px 50px 14px 25px; 
	border-bottom:1px solid #e6e6e6;
	cursor:pointer;
	position:relative}
.recommend-pop-conts a:first-child{border-top:1px solid #e6e6e6}
.recommend-pop-conts a span{
	height:46px;
	line-height:46px;
	display:inline-block;
	padding-left:55px;
	position:relative;
	}
	
.recommend-pop-conts a span:before{
	content:"";
	width:48px;
	height:46px;
	position:absolute;
	top:0;
	left:0;
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center;
	background-image:url(../images/img/costomer01.png)
}
.recommend-pop-conts a:last-child span:before{
	background-image:url(../images/img/costomer02.png)
}

.recommend-pop-conts a:after{
content:'';
	display:block;
	position:absolute;
	right:20px;
	top:50%;
	width:8px;
	height:14px;
	-webkit-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	transform:translateY(-50%);
	background:url(../images/common/sprite_icon.png) no-repeat 0 0;
	background-position:-96px 0;
	background-size:250px;
}




/* 빠른대출신청 */
.apply-now-img img {width: 100%;}

/*명세서 수령메일변경*/
.e-mail-change.content {padding-bottom:40px; border-bottom:10px solid #f3f3f3}
.installment-complete .mail-tit{font-size:14px; color:#737373}
.installment-complete .mail-add{font-size:14px;font-weight:600}

/*카드비밀번호변경*/
.card-pw-form.content.pd-type1{padding-top:0}
.pw-warn {font-size:12px}
/*결제일 변경*/
.date-info {font-size:12px; color:#7c7c7c;margin-top:15px}
.date-term {float:right}
.date-term a{color:#e60039; border-bottom:1px solid #e60039}
.changed-list {padding-top:25px}
.changed-list h3{font-size:17px; font-weight:600}
.changed-list .list-tit{font-size:13px; margin:30px 0 13px 0}
.changed-list .list-tit:nth-of-type(1){margin-top:15px}
.changed-list .list-box{border:1px solid #e6e6e6}
.changed-list .list-box h4{background:#f7f7f7; padding:10px 15px; font-weight:600; font-size:13px}
.changed-list .list-box ul li{padding:20px 15px; border-bottom:1px solid #f7f7f7}
.changed-list .list-box ul li:last-child{border:none}
.changed-list .list-box ul li{padding:20px 15px} 
.changed-list .list-box .item-tit{font-size:13px; color:#737373; margin-bottom:7px}
.changed-list .list-box .item-date{font-weight:600; font-size:13px}

.card-paydate-popup .pop-cont .form-list-wrap3 .pop-head {
	border-top:1px solid #333; 
	border-bottom:1px solid #333;
	display:table; width:100%; 
	padding:13px 15px;
	box-sizing:border-box}
.card-paydate-popup .pop-cont .form-list-wrap3 {padding-bottom:35px}
.card-paydate-popup .pop-cont .form-list-wrap3 .pop-head span{display:table-cell;font-size:14px; font-weight:600}
.card-paydate-popup .pop-cont .form-list-wrap3 .pop-head span:last-child{text-align:right}	
.card-paydate-popup .pop-cont .form-list-wrap3 ul{padding: 8px 15px; border-bottom:1px solid #e6e6e6}
.card-paydate-popup .pop-cont .form-list-wrap3 ul li {display:table; width:100%; padding:4px 0}
.card-paydate-popup .pop-cont .form-list-wrap3 ul li span{display:table-cell; font-size:13px; color:#737373}
.card-paydate-popup .pop-cont .form-list-wrap3 ul li span:last-child{text-align:right}
.changed-list {display:none}

.add-info {color:#737373; font-size:13px; text-align:center; margin-top:15px}


/*라디오 _ 마이페이지 공통*/
.card-radio {padding:30px 20px 0 20px; border-top:1px solid #737373; margin-top:30px}
.card-radio h3{font-size:19px; font-weight:600; margin-bottom:15px}
.card-radio .card-list li{margin-bottom:11px}
.card-radio .card-list li label {overflow:hidden;display:inline-block; width: calc( 100% - 38px )}
.card-radio .card-list li label span{float:left; color:#111; font-weight:600; max-width:50%}
.card-radio .card-list li label span:last-child{float:right; color:#737373 ; font-weight:400}
.card-history {margin-top:0; padding-bottom:20px}

/*가족카드신청*/
.family-card ul{padding:0px 20px 0 20px; margin-top:43px}
.family-card ul li {padding:25px 20px;background-color:#f2f2f2; margin-bottom:20px}
.family-card ul li .form-item:first-child{margin-top:0}
.family-card ul li .form-item input{background-color:#f2f2f2}

/*알림함*/

.notice-box {margin-top:30px}
.notice-box .accordion-list1 .lists .list-item .notice-box-tit {
	padding-left:30px;
	position:relative;
	color:#111111
}
.notice-box .accordion-list1 .lists .list-item.new .notice-box-tit{
	color: #111111
	
} 
.notice-box .accordion-list1 .lists .list-item.new .notice-box-tit:before {
	content:"";
	position:absolute;
	top:3px;
	left:0;
	width:20px;
	height:20px;
	background-repeat:no-repeat;
	background-position:center;
	background-size:contain;
	background-image:url(../images/img/notice-box-icon.png)
}

.notice-box .accordion-list1 .lists .list-item .notice-box-tit p {font-weight:600; margin-bottom:15px}
.notice-box .accordion-list1 .lists .list-item.new .notice-box-tit span{color:#737373}
.notice-box .accordion-list1 .lists .list-item .notice-box-tit span{font-size:13px; }
.notice-box .accordion-list1 .lists .list-item .notice-box-tit span .date{margin-left:20px}
.notice-img-wrap{
	position: relative;
	width: 100%;
	height: 0;
	overflow: hidden;
	padding-bottom: 80.26%;
	 background-repeat:no-repeat;
	 background-position:center;
	 background-size:contain;
	 background-image:url(../images/img/bg-notice.png);
	 margin-bottom:20px
}
.notice-img-wrap .notice-img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


.notice-box .btn-area {
	text-align:center
}

.notice-box .btn-area a {
	background:#c80040;
	color:#fff; padding:0 35px; 
	height:30px; line-height:30px;
	 display:inline-block; border-radius: 20px; 
	 margin-top:25px;
	 font-size:12px}
	 
	 
/*비대면 대출 시작*/
.s-text-area .add-s-text {margin-top:28px;}
.s-text-area .add-s-text em {font-weight:600; color:#111111}
.direct-loan-require {border-top:1px solid #767676;  padding:20px 20px 0 20px; margin-top:35px}
.direct-loan-require h3 {font-size:17px; font-weight:600; margin-bottom:15px}
.direct-loan-require .require-list {font-size:13px; font-weight:600; color:#565656;}
.direct-loan-require p {color:#737373 ; margin-bottom:18px}
.form-list1 .form-item.mar0{margin-top:15px} 

/*비대면 대출 신청*/
.direct-select {display:none}
.direct-loan-apply.content.pd-type1{padding-top:0; padding-bottom:40px}

/*비대면 대출 상세정보등록*/
.direct-detail {border-top:10px solid #f2f2f2}
.dual-input {display:table; width:100%}
.dual-input input, 
.dual-input select, 
.dual-input span{display:inline-block;}
.loan-detail-email-select {width:40px; text-indent:-999px}
.dual-input input{width:calc( 50% - 40px )}
.dual-input span{width:40px; text-align:center}

.selectinput.dual-input select{width:48%; }
.selectinput.dual-input select:first-child {margin-right:4%}
.direct-detail h3 {font-size:19px; font-weight:600; margin-top:20px}

.direct-loan-apply input[disabled]:not(.back){background-color:#f1f1f1}
.direct-loan-apply .select-pd{padding-right:15px}
/*비대면 상품등록*/
.direct-loan-apply .info-text {float:left}

/*비대면 본인인증*/
.fail-opt {padding:0 20px; margin-top:27px; display:none}
.fail-opt p {font-weight:600 ; color:#e60039}



/*비댜면 상품등록 카드이력 없는경우*/
.with-card {
	background-color:#fadde4; 
	padding:15px 20px;
	position:relative ;
	border-top:10px solid #f2f2f2; border-bottom:10px solid #f2f2f2; }
.with-card .bold {font-weight:600}
.with-card .bold.second{margin-top:10px; padding-right: 50px; word-break:keep-all}
.with-card .positon {position:absolute; bottom:15px; right:20px}
.with-card-recom {text-align:center; margin-bottom:35px}
.with-card-recom h3 {font-size:23px; font-weight:600; margin:30px 0 0 0}
.with-card-recom .squre-box img {border-radius:5px ; box-shadow: 0px 5px 15px rgba(0,0,0,0.2); }
.with-card-recom .squre-box{padding:17px 0}
.with-card-recom p {color:#737373; font-weight:600}
.with-card-benefit {padding:0 20px}
.direct-card-list {padding:0}
.with-card-benefit .card-item {margin-bottom:30px}
.with-card-benefit .card-item:last-child{margin-bottom:0}
.with-card-benefit .card-item h3 {font-weight:600; margin-bottom:15px}
.gray-dot li{padding-left:10px; position:relative; color: #555555; margin-bottom:13px}
.gray-dot li:last-child{margin-bottom:5px}
.gray-dot li:before{
	content:""; 
	position:absolute; 
	top:10px; left:0; width:3px; 
	height:3px; 
	border-radius:50%; 
	background:#555555}
	
	
/*구비서류등록*/
.direct-loan-attach ul{padding:35px 20px 0 20px}
.direct-loan-attach ul li input[type="file"]{
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			z-index:3;
			opacity:0;
			-webkit-appearance:none ;
			appearance: none}
.direct-loan-attach ul  li {
	border:1px solid #e6e6e6; 
	
	line-height:40px;
	position:relative ;
	text-align:center;
	margin-bottom:6px}

/* .direct-loan-attach ul  > li.add{
	line-height:40px;
	padding-top:0;
	display:none;
	overflow:hidden
}	
.direct-loan-attach ul  > li.add > ul{
	padding-top:20px
} */
	
.direct-loan-attach ul li .direct-cam {
	width:50px; 
	height:100%; 
	display:inline-block; 
	position:absolute; 
	top:0; right:0;
	background-position:center;
	background-repeat:no-repeat;
	background-image:url(../images/img/direct-cam.png);
	background-size:22px 19px}
	
.direct-loan-attach ul li  .direct-search {
	width:50px; 
	height:100%; 
	display:inline-block; 
	position:absolute; 
	top:0; right:0;
	background-position:center;
	background-repeat:no-repeat;
	background-image:url(../images/img/direct-search.png);
	background-size:25px 20px
}

.s-text-area.direct-start {padding-top:20px}

/*구비서류 수정*/

 
 .direct-loan-attach ul .set-cmpl {
 	border:1px solid #9c0383; 
 	color:#fff; 
 	background:#9c0383;
 	font-weight:600}
 	
 .direct-loan-attach ul .set-cmpl .tit {
 	position:relative; 
 }
 .direct-loan-attach ul .set-cmpl .direct-cam{
     background-image: url(../images/img/direct-cam02.png)
 }
 
 .direct-loan-attach ul .set-cmpl .direct-search{
  	background-image: url(../images/img/direct-search02.png)
 }
 .direct-loan-attach ul .set-cmpl .tit:before{
 	content:"";
 	width:14px;
 	height:11px;
 	position:absolute;
 	left:-18px;
 	top:5px;
 	 background-repeat:no-repeat;
 	background-position:center;
 	background-size:contain;
 	background-image:url(../images/img/checked-direct02.png); }

/*대출신청내역조회*/
.direct-apply-list {border-top:1px solid #373737; margin-top:50px; padding:33px 20px 0 20px}
.direct-apply-list .direct-list-tit {overflow:hidden; font-size:13px; font-weight:600; margin-bottom:20px}
.direct-apply-list .direct-list-tit span:first-child {float:left; font-size:14px} 
.direct-apply-list .direct-list-tit span:last-child {float:right; color:#858585; }
.direct-apply-list .direct-list-cont {text-align:center}
.direct-apply-list .direct-list-cont .direct-progress {color:#e21c24; font-weight:600}
.direct-apply-list .direct-list-cont .direct-amount {font-size:28px; font-weight:600; margin-top:5px}
.direct-apply-list .direct-list-cont .direct-amount span {font-size:18px}
.direct-apply-list .direct-list-cont .direct-term {font-size:13px; font-weight:600; color:#737373}

/*대출 내역 조회 로그인전*/
.direct-apply-list .add {font-size:12px; color:#666666; text-align:center; margin:25px 0 45px 0 }

.set-complete p em {font-weight:600}

.direct-apply-list .card-direct-img {
	text-align:center; 
	display:inline-block; 
	width:100%;
	padding:8px 0 25px 0}
.direct-apply-list .card-direct-img img{
	border-radius:7px; 
	box-shadow: 0 5px 20px rgba(0,0,0,0.2)}

/*상단 step 고정바 */
.custom-fix-tab{
	box-sizing:border-box;
	width:100%;
	line-height:55px; 
	background:#f7f7f7; 
	position:fixed;
	top:0;
	left:0;
	z-index:50;
	display:none;
	
	}
.custom-fix-tab .fix-cont {

	font-size:17px; 
	font-weight:600}
.custom-fix-tab .fix-cont .fix-tit {float:left}
.custom-fix-tab .fix-cont .fix-step {float:right}
.custom-fix-tab .fix-cont .fix-step span {
	display:inline-block; 
	width:7px; height:7px;
	background:#d6d6d6;
	border-radius:50%;
	margin-right:3px;
	vertical-align:middle}
.custom-fix-tab .fix-cont .fix-step span.step-img {
	width:20px;
	height:20px;
	text-align:center;
	line-height:20px;
	background:#e21c24;
	font-size:12px;
	font-weight:600;
	color:#fff
}
.custom-fix-tab .fix-cont .fix-step span.done{background:#111111}
.custom-fix-tab .fix-cont .fix-step span:last-child{margin-right:0}
.custom-fix-tab .fix-cont .first-tab{	overflow:hidden; padding:0 20px }
.custom-fix-tab  .second-tab{background-color:#fff; padding:0 20px }
.custom-fix-tab  .second-tab .step span{
	display:inline-block; 
	width:10px; height:10px;
	background:#d6d6d6;
	border-radius:50%;
	margin-right:3px;
	vertical-align:middle;
	text-indent:-999px;
	font-size:0;
	line-height:30px;
}
.custom-fix-tab  .second-tab  p {line-height:35px; padding-bottom:12px}
.custom-fix-tab  .second-tab .step{line-height:40px; padding-top:13px}
.custom-fix-tab  .second-tab .step span.on{
	text-indent:0;
	font-size:18px;
	width:30px; height:30px;
	text-align:center;
	line-height:30px;
	background:#e21c24;
	font-weight:600;
	color:#fff
}

/*비대면 참조인정보등록*/
.info-conts.form-item{display:none}
.info-conts.pdtype {padding-top:40px ;}

.info-conts.pdtype:last-child{padding-top:50px }
.info-conts .form-list1 .info-titie{padding-bottom:0}
.info-conts span.title{
	display: block;
    font-size: 13px;
}
.s-text-area .s-text .sub-txt {margin-top:10px}
.direct-agreement {
	border:1px solid #e6e6e6;
}

.direct-agreement {padding-bottom:20px; margin-top:40px}
.direct-agreement > div {padding: 0 15px}
.direct-agreement  .all-agree {border-bottom:1px solid #e6e6e6; padding-top:10px; padding-bottom:10px}
.direct-agreement  .arrow {
	margin-top:20px;
	background:url(../images/img/arrow-bottom.png) no-repeat;
	background-position: 100% 50%;
	background-size:16px 10px;

}
.direct-agreement .conts.black-txt {color:#111; font-size:14px}
.direct-agreement .conts {padding-top:15px; color:#737373; font-size:13px}

.direct-agreement input[type="checkbox"]{
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	position:relative;
	width:22px;
	height:22px;
	border:0;
	background:transparent;
	vertical-align:middle;
	border-radius:50%
}

.direct-agreement input[type="checkbox"]:after{
	content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 22px;
    height: 22px;
    background-image:url(../images/img/non-checked-radio.png);
    background-repeat: no-repeat;
    background-size: 22px 22px;
    background-position: 0 0 ;
}
.direct-agreement input[type="checkbox"]:checked:after{
	 background-image:url(../images/img/radio-checked.png);
	 background-repeat: no-repeat;
   	 background-size: 22px 22px;
   	 background-position: 0 0 ;
}
.direct-agreement label {margin-left:10px; vertical-align:middle; font-weight:600}
.popup .black-txt {margin-bottom:20px; color:#111; font-size:16px; margin-top:5px}
/*준회원 정회원 가입 안냐*/
.sign-gate .sign-gate-list {
	width:100%; 
	padding:0 20px;
	box-sizing:border-box;
	margin-top:32px
	}
.sign-gate .sign-gate-list li {
	width:100%; text-align:center;
	padding:20px 0;
	border:1px solid #d9d9d9;
	margin-bottom:15px}

.s-text-area.sign-up {
	padding-top:10px
}

/* 로딩영역 */
.loading-area {
	position:fixed;
	left:0;
	right:0;
	top:0;
	bottom:0;
	z-index:100;
	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%;
}

/* 관리자페이지 RTE 등록 대응 */
.content-editor *{
	white-space:normal !important;
}
.content-editor ul {
	display: block;
	list-style-type: disc;
	margin-top: 1em;
	margin-bottom: 1em;
	margin-left: 0;
	margin-right: 0;
	padding-left: 40px;
}

.content-editor ul li {
	display: list-item;
	list-style: disc outside none;
}

.direct-chat {
	display: block;
	width: 59px;
    height: 59px;
    position: fixed;
    background: url(../images/common/chat_loca.png) center center no-repeat;
    background-size: contain;
    z-index: 56;
}

/*키보드 대응*/
.keyboard{position:relative}
.keyboard .s-title-area.fix .s-title {
	position: absolute;
    left: 0;
    right: 0;
}

.keyboard .custom-fix-tab{
	position: absolute;
}

.keyboard .header {
	position:absolute; 
	left:0; 
	right:0;
}

.keyboard .s-title-area.fix .s-title .text {
	position:absolute;
}

.keyboard .header.fix {
	position:absolute;
}
.keyboard .s-title-area.fix .s-title .text {position:absolute}
.keyboard  .detail-page .header .h-title {
	position:absolute;
	top:0;
	transform:none;
	line-height:3.2;
}
.keyboard .bottom-fixed-area {
	position: absolute;
    left: 0;
    right:0;
    bottom: 0;
}
.keyboard .step-bar {
	position:absolute;
	left:0;
	right:0;
	top:0;
}
.keyboard  .fix-tab.fix {
	position: absolute
}

.bottom-fixed-area .next-btn-area {
	
}
/* 340px 이하 */
@media only screen and (max-width:340px) {
	
	
}
input.right {
	position: absolute;
	right:    0;
	top:   0;
}
.btn-delete-push {
	width: 20px;
	height: 20px;
	cursor: pointer;
	position: absolute;
	top: 30%;
	right: 5%;
}

.btn-delete-push:before,
.btn-delete-push::before {
	width: 20px;
	height: 20px;
	cursor: pointer;
	position: absolute;
	top: 30%;
	right: 5%;
	background-position:0 -99px;
}
.btn-read-all {
	width: 25px;
	height: 25px;
	cursor: pointer;
	position: absolute;
	background-position: 0 -99px;
	transform: translate(-50%,-50%);
	right: 5px;
	content: '';
	background-image: url(../images/common/read-all.png);
}

/*.btn-read-all:before,*/
/*.btn-read-all::before {*/
/*	width: 25px;*/
/*	height: 25px;*/
/*	cursor: pointer;*/
/*	position: absolute;*/
/*	background-image: url(../images/common/read-all.png);*/
/*	background-position: 0 -99px;*/
/*	transform: translate(-50%,-50%);*/
/*	content: '';*/
/*	background-position:0 -99px;*/
/*}*/


.app-list li {
	border-top: 10px solid #f2f2f2;
	/*padding: 30px 20px*/
}

.app-list li .txt {
	font-size: 12px;
}

.app-list li .txt span {
	font-weight: 600;
}

.app-list li .top-area {
	overflow: hidden;
	margin-bottom: 20px;
	font-size: 13px
}

.app-list li .top-area span:first-child {
	float: left
}

.app-list li .top-area span:last-child {
	float: right
}

.app-list li .status-txt {
	text-align: center;
	font-weight: 600;
	margin-top: 20px
}

.app-list li .status-txt.request {
	color: #e21c24
}


.app-list li.request-done .top-area span,
.app-list li.request-done .status-txt {
	color: #b3b3b3;
}

.cloan{
	display: inline-block;
	width: 24px;
	height: 24px;
	background-image: url(../images/img/ic_consumerloan.png);
	background-repeat: no-repeat;
	background-size: contain;
	float: left;
	padding: 5px 10px 5px 5px;
}
.ccard{
	display: inline-block;
	width: 24px;
	height: 24px;
	background-image: url(../images/img/ic_creditcard.png);
	background-repeat: no-repeat;
	background-size: contain;
	float: left;
	padding: 5px 10px 5px 5px;
}
.dloan{
	display: inline-block;
	width: 24px;
	height: 24px;
	background-image: url(../images/img/ic_consumerloan.png);
	background-repeat: no-repeat;
	background-size: contain;
	float: left;
	padding: 5px 10px 5px 5px;
}

.row{
	border-bottom: 1px solid #e6e6e6;margin-bottom: 0px;line-height: 40px;text-align: justify;margin-bottom: 0px !important;
}

.direct-loan-attach ul li .direct-cam1 {
	width: 45px;
	height: 100%;
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0px;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url(../images/img/img_view.png);
	background-size: 22px 19px
}
.direct-loan-attach ul li .library_image {
	width: 45px;
	height: 100%;
	display: inline-block;
	position: absolute;
	top: 0;
	right: 0;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url(../images/img/direct-cam.png);
	background-size: 22px 19px
}

.direct-loan-attach ul li .direct-search {
	width: 45px;
	height: 100%;
	display: inline-block;
	position: absolute;
	top: 0;
	right: 0;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url(../images/img/direct-search.png);
	background-size: 25px 20px
}

.direct-loan-attach ul li.list .add {
	padding: 0;
	border-top: 1px solid #e6e6e6;
	display: none;
	background-color: #fff;
	color: #111;
	font-weight: 400;

}

.direct-loan-attach ul li.list .add li {
	border: none;
	border-bottom: 1px dashed #e6e6e6;
	margin-bottom: 0;
}

.direct-loan-attach ul li.list .add li .direct-cam {

}

.direct-loan-attach ul li.list .add li:last-child {
	border-bottom: none
}

.direct-loan-attach ul .set-cmpl > .tit-wrap {
	background-color: #9c0383;
	display: inline-block;
	width: 100%;
	height: 100%;
}

.direct-loan-attach ul .set-cmpl.list {

	background: #fff
}

.direct-loan-attach ul .list > .tit-wrap > .tit {
	font-weight: 600
}

.direct-loan-attach ul .list .tit-wrap {
	position: relative
}

.direct-loan-attach ul .list .tit-wrap:after {
	content: "";
	width: 15px;
	height: 10px;
	background-image: url(../images/common/icon_select.png);
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
	top: 49%;
	right: 10px;
}

.direct-loan-attach ul li select option {
	text-align: center
}

.label_title{
	padding:10px;
	background-color: #f2f2f2;
	width:100%;
	font-weight: bold;
	font-size: 12px;
}
/*Bottom Sheet  BEGIN*/
.bottom-sheet {
	position: relative;
	width: 100%;
	background-color: #fff;
}

.bottom-sheet .bottom-sheet-selected {
	position: relative;
	border-bottom: 1px solid #c9c9c9;
	height: 100%;
	width: 100%;
}

.bottom-sheet-selected a {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
	text-decoration: none;
	color: #333;
	padding: 4px;
	font-weight: 600;
}

.bottom-sheet .overlay {
	position: fixed;
	z-index: 51;
	background-color: rgba(0, 0, 0, 0.3);
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: none;
}

.bottom-sheet .bottom-sheet-content {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 52;
	width: 100%;
	background-color: #fff;
	border: 1px solid #c9c9c9;
	display: none;
}

.bottom-sheet-content .bottom-sheet-title {
	text-align: center;
	font-weight: bold;
	padding: 20px;
	word-break: break-all;
	border-top: 1px solid #c9c9c9;
	border-bottom: 1px solid #c9c9c9;
}

.bottom-sheet .bottom-sheet-list {
	margin: 0;
	padding: 0;
	position: relative;
	width: 100%;
	height: 300px;
	overflow-y: auto;
}

.bottom-sheet-list .bottom-sheet-item:last-child {
	border-bottom: none;
}

.bottom-sheet-list .bottom-sheet-item {
	list-style: none;
	display: block;
	border-bottom: 1px solid #c9c9c9;
}
.bottom-sheet-list .bottom-sheet-item:hover {
	background-color: #f1f1f1;
}

.bottom-sheet-item a {
	text-decoration: none;
	color: #333;
	padding: 4px;
	display: flex;
	flex-direction: row;
	position: relative;
}

.bottom-sheet .bottom-sheet-image {
	width: 50px;
	height: 50px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	margin-right: 10px;
	display: block;
}

.bottom-sheet .bottom-sheet-text {
	line-height: 50px;
	display: block;
	height: 100%;
}

.bottom-sheet .arrow {
	content: "";
	position: absolute;
	right: 4px;
	top: 26px;
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 5px solid #686868;
}

.custom-upload-txt {
	width:50% !important;
	float:right;
}

.custom-upload-box {
	margin:0 -20px -20px;
	padding:20px 20px 30px;
	background-color:#f3f3f3;
	font-size:14px;
}
/*Bottom Sheet END*/


.phone-box-otp  {
	border-bottom: 1px solid #c9c9c9;
	display: flex;
	justify-content: space-between;
}
.phone-box-otp .btn-otp {
	border: 1px solid #c9c9c9;
	padding: 4px 12px;
	border-radius: 16px;
	margin-bottom: 4px;
}

.d-none {
	display: none !important;
}

.card-list {
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: 10px;
}
.card {
	display: flex;
	align-items: center;
	width: 94%;
	border-radius: 8px;
	padding: 10px;
	box-shadow: 0 0 32px 0 rgba(0, 0, 0, .2);
	margin-top: 1rem;
}
.card img {
	width: 50px;
	object-fit: cover;
}
.card .text {
	flex: 1;
	padding: 0 10px;
	color: #333;
}

.card .icon {
	width: 20px;
	height: 20px;
	background: url('../images/common/arrow-headercal-right.png') no-repeat;
	background-size: contain;
}


.card-detail-head {
	align-items: center;
	width: 65%;
	padding: 10px;
	margin-top: 1rem;
	margin: 0 auto;
}

.card-detail-head img {
	width: 100%;
	object-fit: cover;
}

.card-detail-head .text {
	text-align: center;
}

.card-detail-head .text .card-text-title {
	font-size: 24px;
}

.card-detail-head .text .card-text-sub {
	font-size: 22px;
}
.card-detail-info {
	width: 91%;
	padding: 1rem;
	border: 1px solid darkgrey;
	border-radius: 10px;
}
.card-detail-info .border-bottom {
	border-bottom: 1px solid darkgrey;
}
.card-detail-info table tr td {
	padding: 6px;
}
.txt-end {
	text-align: end !important;
}

.card-btn-group {
	width: 90%;
	margin: 0 auto;
}
.card-btn-group .btn-card {
	width: 100%;
	background-color: red;
	color: #FFF;
	border-radius: 32px;
	margin-top: 1rem;
	padding: 10px 0;
	font-weight: bold;
}

.card-regist-head {
	width: 95%;
	margin-top: 1rem;
	border-radius: 10px;
	padding: 10px;
	box-shadow: 0 0 32px 0 rgba(0, 0, 0, .2);
}
.card-regist-head table tr td {
	padding: 6px;
}

.card-regist-head table tr td img {
	width: 35px;
	object-fit: cover;
}

.card-regist-head table tr .width-240 {
	width: 10rem;
}

.card-regist-head table tr .border-bottom {
	border-bottom: 1px solid darkgrey;
}

.card-regist-amount {
	width: 100%;
	margin-top: 2rem;
}

.card-regist-amount .item-border-outline {
	border: 1px solid darkgrey;
	border-radius: 10px;
	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 {
	width: 100%;
	margin: 2rem auto;
}

.btn-submit {
	width: 100%;
	background-color: red;
	color: #FFF;
	border-radius: 10px;
	margin-top: 1rem;
	padding: 10px 0;
	font-weight: bold;
}

.container-bg {
	background-image: url("../images/common/cashbycode_bg.png");
	background-size: cover;
	object-fit: cover;
}

.card-history-list {
	width: 100%;
	margin-top: 2rem;
	margin-bottom: 2rem;
}
.card-history-list .no-result {
	text-align: center;
	margin-top: 3rem;
}
.card-history-list .card-history-title {
	width: 100%;
	display: flex;
	gap: 10px;
}

.card-history-list .card-history-title .title {
	flex: 1;
	color: #333;
	margin-top: 0.5em;
	font-size: 18px;
	font-weight: bold;
}
.card-history-list .card-history-title .filter-box {
	border: 1px solid #D91313;
	padding: 10px;
	display: flex;
	color: #D91313;
	font-weight: bold;
	border-radius: 10px;
}
.card-history-list .card-history-title .filter-box .filter {
	width: 20px;
	height: 20px;
	background: url(../images/common/icons8-filter-50.png) no-repeat;
	background-size: contain;
}

.card-history-list .card-history-title .filter-box .filter .filter-sub {
	margin-left: 0.2em;
}

.card-history-list .card-history {
	overflow: scroll;
	height: 20rem;
	margin-top: 1.2rem;
}
.card-history-list .card-history .card-history-item {
	border-radius: 8px;
	border: 1px solid darkgrey;
	padding: 10px;
	color: darkgrey;
	margin: 1rem 0;
}
.card-history-list .card-history .card-history-item .switch input {
	display: none;
}

.card-history-list .card-history .card-history-item .switch {
	position: relative;
	display: inline-block;
	width: 40px;
	height: 20px;
}

.card-history-list .card-history .card-history-item .slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ccc;
	border-radius: 20px;
	transition: 0.3s;
}
.card-history-list .card-history .card-history-item .slider::before {
	content: "";
	position: absolute;
	height: 16px;
	width: 16px;
	left: 2px;
	bottom: 2px;
	background-color: white;
	border-radius: 50%;
	transition: 0.3s;
}

.card-history-list .card-history .card-history-item input:checked + .slider {
	background-color: #4CAF50;
}

.card-history-list .card-history .card-history-item input:checked + .slider::before {
	transform: translateX(20px);
}

.card-history-list .card-history .card-history-item table tr td {
	padding: 6px;
}

.card-history-btn {
	position: fixed;
	bottom: 2rem;
	width: 90%;
}

.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;
}

.input-disabled-bg {
	background-color: #f1f1f1;
}

.cbc-amount-input-display {
	display: inline;
	margin-left: 1rem;
}


/*update cancel cash code */
.cancel-cashcode{
	text-align: right;
}
.cancel-cashcode .cancel-cashcode-box {
	border: 1px solid #D91313;
	padding: 5px 18px 5px 15px;
	display: flex;
	color: #D91313;
	font-weight: bold;
	border-radius: 10px;
	width: fit-content;
	margin-left: auto;
}
.cancel-cashcode .cancel-cashcode-box .title-sub {
	margin-left: 0.2em;
}

.filter-btn-group .btn-item .btn-submit-2 {
	border: 1px solid #4CAF50;
	padding: 0.5rem;
	border-radius: 5px;
	width: 100%;
	background-color: #4CAF50;
	font-weight: bold;
	color: #FFF;
}

.filter-btn-group .btn-item .btn-back {
	border: 1px solid red;
	padding: 0.5rem;
	border-radius: 5px;
	width: 100%;
	background-color: red;
	font-weight: bold;
	color: #FFF;
}

.required {
	color: red;
}

.loan-inq {margin-top:10px;}

.select-loan-inq {
	padding:10px 20px 10px;
	font-size:13px;
	line-height:1.7;
}

.div-search {
	justify-self: center;
	width: 40%;
	padding-top: 5px;
}

.btn-search-inq {
	background-color: red;
	border-radius: 4px;
	width: 100%;
	height: 40px;
	color: white;
}

.loan-detail-title {
	font-size: 18px;
	line-height: 21px;
	font-weight: bold;
	border-bottom: 1px solid #e0e0e0;
}

.loan-detail {
	padding-top: 40px;
	padding-left: 20px;
	padding-right: 20px;
}

.loan-warning {
	color: red;
}

.loan-warning-detail {
	color: red;
}

.loan-label {
	text-align: left;
	font-size: 15px;
	font-weight: 600;
	width: 70%;
	padding-top: 16px;
	padding-right: 5px;
	border-bottom: 1px solid #b2b2b2;
}

.loan-cell {
	font-size: 15px;
	padding-top: 15px;
	padding-left: 5px;
	border-bottom: 1px solid #b2b2b2;
}

.loan-detail-list {
	padding-right: 20px;
	padding-left: 20px;
}

.search-date .data-set {
	float: left;
	padding-left: 20px;
	padding-right: 20px;
}

.search-date .datepicker {
	width: 40% !important;
}

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

.ui-datepicker {
	display: none;
	z-index: 999 !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 .swung {
	display: inline-block;
	width: 26px;
	font-size: 20px;
	text-align: center;
	vertical-align: top;
	line-height: 50px;
}

.search-date {
	overflow: hidden;
}

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

.btn-list {
	float: left;
	margin-left: 20px;
	font-size: 0;
	padding-top: 20px;
	padding-bottom: 20px;
	width: 100%;
}

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

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

.btn-text2 {
	display: inline-block;
	min-width: 66px;
	height: 40px;
	padding: 0px 20px;
	box-sizing: border-box;
	border-radius: 4px;
	background-color: #717785;
	color: #fff;
	font-size: 15px;
	text-align: center;
	line-height: 40px;
	margin: 0 5px;
}

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

.history {
	text-align: left;
	float: left;
	padding-left: 8%;
	width: 42%;
}

.status-title {
	text-align: right;
	padding-right: 8%;
	float: right;
	width: 42%;
}

.history-top {
	width: 100%;
	font-size: 14px;
	font-weight: 600;
}

.history-date  {
	border-bottom: #dadada solid 1px;
	padding-bottom: 5px;
}

.status {
	border-bottom: #dadada solid 1px;
	padding-bottom: 5px;
}

.history-down {
	width: 100%;
	font-size: 14px;
}

.use-item {
	padding-top: 10px;
}

.history-title {
	padding-top: 20px;
	padding-left: 20px;
	font-weight: bold;
	border-bottom: #737373 solid 1px;
	line-height: 3;
}

.show-more button {
	text-align: center;
	width: 84%;
	border: 1px solid #999999;
	margin-left: 8%;
	margin-top: 10px;
	font-weight: 600;
	color: #f2f2f2;
}

.unread-bold {
	font-weight: bold !important;
	color: #000 !important;
}
.read-normal {
	font-weight: normal;
	color: #666;
}

#detailContent {
	margin-top: 20px;
	font-size: 13px;
	text-align: center;
	padding-left: 10px;
	padding-right: 10px;
}

#title-notice {
	font-size: 17px;
	font-weight: 700;
	text-align: center;
}

#title-time {
	font-size: 13px;
	font-weight: 500;
	text-align: center;
}

.noti-content {
	padding: 30px 14px 30px 14px;
}

.filter-option {
	padding: 10px 15px;
	cursor: pointer;
	color: #ccc;
	display: flex;
	align-items: center;
	gap: 10px;
}

.filter-option .tick {
	visibility: hidden;
	width: 18px;
}


.filter-option.active {
	color: #d81b60;
	font-weight: bold;
}

.filter-option.active .tick {
	visibility: visible;
}


.filter-option:hover {
	background-color: #fff1f3;
}

#filterPopup {
	font-size: 13px;
}

.column-left {
	width: 10%;
	height: 10%;
}