@charset "utf-8";

::-moz-selection {
  color: white;
  background-color: #080c4b;
  -webkit-text-stroke: initial;
}
::selection {
  color: white;
  background-color: #080c4b;
  -webkit-text-stroke: initial;
}

body {
	font-size: 12px; line-height: 1.2; font-weight: 400; color: #373737;
	background: #fff;
	min-width: 320px;
	-webkit-text-size-adjust: none; /* 모바일에서 text 사이즈 변동 없게 */
	-webkit-font-smoothing: subpixel-antialiased; /* antialiased or subpixel-antialiased 웹킷 브라우저 웹폰트 선명하게 처리 */
	font-variant-ligatures: none; /* fi수정 */
	word-break: keep-all;
}
body, button, input { font-family: 'NotoSansWeb',sans-serif; }
img {
	max-width: 100%;
	line-height: 0; font-size: 0;
	/*image-rendering: optimizeSpeed;*/ /* low quality */
	/*image-rendering: optimizeQuality;*/ /* high quality */
	-ms-interpolation-mode: bicubic; /* blur */
	/* -ms-interpolation-mode: nearest-neighbor; /* sharpen */
	/*-webkit-backface-visibility: hidden; /* css3이면가시성속성 */
	/*backface-visibility: hidden;*/
}
a {
	color: #373737;
}
/* reset */
* { padding: 0; margin: 0; border: 0; outline: 0; vertical-align: top; }
article, aside, figcaption, figure, footer, header, nav, section, main { display: block; padding: 0; margin: 0; }
ul, li, ol, dl { list-style: none; }
table { border-collapse: collapse; }
/*td { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }*/
caption, legend { display: none; }
input, select, textarea { vertical-align: middle; border: 0; }
label { cursor: pointer; }
a, input, select, textarea { text-decoration: none; }
textarea { -webkit-overflow-scrolling: touch; }
input[type='checkbox'] { appearance: checkbox; }
input[type='text'], input[type='tel'], input[type='password'], input[type='number'], textarea { appearance: none; border-radius: 0; color: #373737; }
input[type='text'], input[type='tel'], input[type='password'], input[type='number'] { width: 100%; }
a:hover { text-decoration: none; }
input[type="number"] { -moz-appearance: textfield; }
input::placeholder { color: #d7d7d7; }

#accessibility { position: relative; z-index: 9999; }
#accessibility a { position: absolute; top: -200px; left: 0; width: 160px; border: 1px solid #1a99a7; background-color: #333; text-align: center; font-size: 1.3rem; line-height: 2.6rem; color: #fff; }
#accessibility a:focus, #accessibility a:active { top: 0; background-color: #1a99a7; }

/* component */
label {
	display: inline-flex; align-items: center;
	vertical-align: middle;
	line-height: normal;
	cursor: pointer;
	font-size: 16px; letter-spacing: -.5px; font-weight: 500; color: #373737;
}
input[type="text"], input[type="password"], input[type="number"] {
	width: 100%; height: 40px;
	border: 0; border-bottom: 1px solid #ddd;
	vertical-align: middle;
	text-indent: 4px;
	box-sizing: border-box;
	font-size: 14px; line-height: normal; font-weight: 500; color: #373737;
}
select {
	padding: 0 30px 0 10px;
	border: 0; border-bottom: 1px solid #ddd;
	border-radius: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	max-width: 100%; height: 40px;
	box-sizing: border-box;
	background: #fff url('../_images/cmn/ico_component_select.png') no-repeat right 10px center;
	background-size: 8px auto;
	vertical-align: middle;
	font-size: 14px; line-height: normal; font-weight: 500; color: #373737;
	cursor: pointer;
}
select::-ms-expand, 
input[type="checkbox"]::-ms-check {
	display: none;
}
input[type="checkbox"] {
	display: inline-block; align-items: center;
	vertical-align: middle;
	width: 22px; height: 22px;
	margin: 0 10px 0 0;
	border: 1px solid;
	border-radius: 50%;
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: bottom left;
	outline: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	cursor: pointer;
}
input[type="checkbox"] {
	background-color: #fff;
	border-color: #bcbcbc;
	background-image: url('../_images/cmn/ico_component_check_off.png');
}
input[type="checkbox"]:checked {
	background-color: #373737;
	border-color: #373737;
	background-image: url('../_images/cmn/ico_component_check_on.png');
}
input[type="radio"] {
	display: inline-block; align-items: center;
	vertical-align: middle;
	width: 24px; height: 24px;
	margin: 0 10px 0 0;
	border-radius: 50%;
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: bottom left;
	outline: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	cursor: pointer;
}
input[type="radio"] {
	background-image: url('../_images/cmn/ico_component_radio_off.png');
}
input[type="radio"]:checked {
	background-image: url('../_images/cmn/ico_component_radio_on.png');
}

/* common call */
.displaynone { display: none !important; }
.displaymobile { display: block; }
.displaypc { display: none; }
.mwidth {
	width: 100%; max-width: 1240px;
	padding: 0; margin: auto;
	box-sizing: border-box;
}
.mwidth-content {
	width: 100%; max-width: 360px;
	padding: 20px 20px 0; margin: auto;
	box-sizing: border-box;
}
.mwidth-content2 {
	width: 100%; max-width: 620px;
	padding: 20px 20px 0; margin: auto;
	box-sizing: border-box;
}
.mwidth-content-max {
	width: 100%; max-width: 360px;
	padding: 0; margin: auto;
	box-sizing: border-box;
}
.cmn-title-top {
	display: none;
}
.cmn-title-top-b {
	display: none;
}
.color-point {
	color: #00b393;
}
.br-min {
	display: block;
}
.br-max {
	display: inline-block;
}
@media (min-width: 1200px) {
	.displaymobile { display: none; }
	.displaypc { display: block; }
	.mwidth {
		padding: 0 20px;
	}
	.br-min {
		display: inline-block;
	}
	.br-max {
		display: block;
	}
	.cmn-title-top {
		display: block;
		margin: 80px 0 30px;
		font-size: 18px; line-height: 18px; letter-spacing: -.5px; font-weight: 700;
	}
	.cmn-title-top-b {
		display: block;
		margin: 10px 0 60px -128px;
		font-size: 24px; letter-spacing: .67px; font-weight: 500; color: #333;
	}
	.mwidth-content2 .cmn-title-top-b {
		margin-left: -42px;
	}
}
.cmn-btn-submit {
	display: flex; align-items: center; justify-content: center;
	height: 50px;
	border-radius: 4px;
	background-color: #373737;
	text-align: center;
	font-size: 16px; letter-spacing: -.5px; font-weight: 500; color: #fff;
}
.cmn-btn-line {
	display: flex; align-items: center; justify-content: center;
	height: 50px;
	border-radius: 6px;
	border: 1px solid #e8e8e8;
	text-align: center;
	font-size: 16px; letter-spacing: -.5px; font-weight: 500; color: #565656;
}
.cmn-btn-submit-color {
	display: flex; align-items: center; justify-content: center;
	height: 50px;
	border-radius: 4px;
	background-color: #373737;
	text-align: center;
	font-size: 14px; letter-spacing: -.5px; font-weight: 500; color: #fff;
}
.cmn-btn-popup {
	display: flex; align-items: center; justify-content: center;
	height: 42px;
	border-radius: 6px;
	background-color: #666;
	text-align: center;
	font-size: 16px; letter-spacing: -.5px; font-weight: 500; color: #fff;
}
.cmn-btn-popup-submit {
	background-color: #373737;
}
.cmn-btn-box {
	display: flex; align-items: center; justify-content: space-evenly;
	height: 50px;
	text-align: center;
	font-size: 16px; line-height: 19px; letter-spacing: -.4px; font-weight: 700;
}
.cmn-btn-next span {
	position: relative;
	padding: 0 17px 0 0;
}
.cmn-btn-next span:after {
	content: '';
	position: absolute; top: 50%; right: 5px;
	width: 8px; height: 8px;
	border: solid #373737; border-width: 2px 2px 0 0;
	transform: rotate(45deg) translateY(-50%);
}

.cmn-btn-prev span {
	position: relative;
	padding: 0 0 0 17px;
}
.cmn-btn-prev span:before {
	content: '';
	position: absolute; top: 50%; left: 5px;
	width: 8px; height: 8px;
	border: solid #373737; border-width: 2px 0 0 2px;
	transform: rotate(-45deg) translateY(-50%);
}



.cmn-btn-modal {
	display: flex; align-items: center; justify-content: center;
	height: 42px;
	border-radius: 6px;
	background-color: rgba(102,102,102,.5);
	text-align: center;
	font-size: 16px; letter-spacing: -.5px; font-weight: 500; color: #fff;
}
.cmn-btn-modal-submit {
	background-color: #373737;
}

/* popup */
.popup .dimmed {
	position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 99; background: rgba(0,0,0,.64); cursor: pointer; visibility: hidden; opacity: 0; transition: all .3s;
}
.popup.active .dimmed {
	visibility: visible; opacity: 1;
}
.popup .popup-cont {
	position: fixed; top: 50%; left: 20px; right: 20px; z-index: 100;
	transform: translateY(-50%);
	display: flex; flex-direction: column;
	background-color: #fff;
	border-radius: 10px;
	max-width: 600px; max-height: calc(100vh - 100px);
	margin: auto;
	visibility: hidden; opacity: 0;
}
.popup.active .popup-cont {
	visibility: visible; opacity: 1;
}
.popup .popup-cont .btn-close {
	position: relative;
	flex-shrink: 0;
	width: 30px; height: 30px;
	margin: 14px 15px -14px auto;
	font-size: 0;
	cursor: pointer;
}
.popup .popup-cont .btn-close:before {
	content: '';
	position: absolute; top: 14px; left: 4px;
	width: 24px; height: 2px;
	background-color: #373737;
	transform: rotate(45deg);
}
.popup .popup-cont .btn-close:after {
	content: '';
	position: absolute; top: 14px; left: 4px;
	width: 24px; height: 2px;
	background-color: #373737;
	transform: rotate(-45deg);
}

.popup .popup-cont .btn-close2 {
	position: relative;
	flex-shrink: 0;
	width: 30px; height: 30px;
	margin: 14px 15px -14px auto;
	font-size: 0;
	cursor: pointer;
}
.popup .popup-cont .btn-close2:before {
	content: '';
	position: absolute; top: 14px; left: 4px;
	width: 24px; height: 2px;
	background-color: #373737;
	transform: rotate(45deg);
}
.popup .popup-cont .btn-close2:after {
	content: '';
	position: absolute; top: 14px; left: 4px;
	width: 24px; height: 2px;
	background-color: #373737;
	transform: rotate(-45deg);
}

.popup .popup-cont .title {
	flex-shrink: 0;
	padding: 20px 0; margin: 0 20px;
	border-bottom: 1px solid #f1f1f1;
	text-align: center;
	font-size: 18px; letter-spacing: -.5px; font-weight: 700; color: #373737;
}
.popup .popup-cont .title span {
	font-weight: 400;
}
.popup .popup-cont .cont {
	height: 100%;
	padding: 20px;
	box-sizing: border-box;
	overflow: hidden; overflow-y: auto;
	font-size: 14px; line-height: 18px; letter-spacing: -.5px; font-weight: 500; color: #7c7c7c;
}
.popup .popup-cont .btns {
	display: flex;
	padding: 20px; margin: 0 -6px;
}
.popup .popup-cont .btns a {
	flex: 1;
	margin: 0 6px;
}
@media (min-width: 1200px) {
	.popup .popup-cont .btn-close {
		margin: 24px 25px -24px auto;
	}
	.popup .popup-cont .btn-close2 {
		margin: 24px 25px -24px auto;
	}
	.popup .popup-cont .title, 
	.popup .popup-cont .cont {
		width: 280px;
		margin: auto;
	}
	.popup .popup-cont .title {
		padding: 20px 0 10px;
	}
	.popup .popup-cont .cont {
		padding: 20px 0 60px;
	}
}

/* popup bottom sheet */
.popup-bs .dimmed {
	position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 99; background: rgba(0,0,0,.64); cursor: pointer; visibility: hidden; opacity: 0; transition: all .3s;
}
.popup-bs.active .dimmed {
	visibility: visible; opacity: 1;
}
.popup-bs .popup-cont {
	position: fixed; top: 100%; left: 0; right: 0; bottom: 0; z-index: 100;
	display: flex; flex-direction: column;
	background-color: #fff;
	border-radius: 10px;
	margin: auto;
	/*visibility: hidden; opacity: 0;*/
	transition: all .1s;
}
.popup-bs.active .popup-cont {
	top: 80px;
	/*visibility: visible; opacity: 1;*/
}

/* modal */
.modal .dimmed {
	position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 99; background: rgba(0,0,0,.64); cursor: pointer; visibility: hidden; opacity: 0; transition: all .3s;
}
.modal.active .dimmed {
	visibility: visible; opacity: 1;
}
.modal .modal-cont {
	position: fixed; top: 50%; left: 40px; right: 40px; z-index: 100;
	background-color: #fff;
	border-radius: 10px;
	max-width: 600px;
	margin: auto;
	transform: translateY(-50%);
	visibility: hidden; opacity: 0;
	text-align: center;
}
.modal.active .modal-cont {
	visibility: visible; opacity: 1;
}
.modal .modal-cont .title {
	padding: 56px 0 0; margin: 20px 20px 10px;
	background: url('../_images/app/ico_info.png') no-repeat center top;
	background-size: 36px;
	font-size: 18px; line-height: 24px; letter-spacing: -.5px; font-weight: 500; color: #373737;
}
.modal .modal-cont .title b {
	font-weight: 700; color: #373737;
}
.modal .modal-cont .desc {
	margin: 0 20px;
	font-size: 14px; line-height: 18px; letter-spacing: -.5px; font-weight: 500; color: #7c7c7c;
}
.modal .modal-cont .btns {
	display: flex;
	padding: 20px; margin: 0 -5px;
}
.modal .modal-cont .btns a {
	flex: 1;
	margin: 0 5px;
}
@media (min-width: 1200px) {
	.modal .modal-cont .title {
		margin: 54px 20px 10px;
	}
	.modal .modal-cont .btns {
		margin: 0 auto 34px;
		max-width: 248px;
	}
}

.fixed-bt {
	position: fixed; bottom: 20px;
	width: calc(100% - 40px);
	max-width: 320px;
}
.fixed-bt.fixed-bt-dot {
	bottom: 0;
}
@media (min-width: 1200px) {
	.fixed-bt {
		position: static;
		width: 100%;
	}
}

/* Layout */
body {
}
#wrap {
}
#container {
	position: relative;
	/* padding-bottom: 20px; */
	overflow: hidden;
}
#content {
	/*min-height: 570px;*/
	padding-bottom: 30px;
}
@media (min-width: 1200px) {
	#container {
		padding-bottom: 180px;
	}
	#content {
		/*min-height: auto;*/
		padding-bottom: 0;
	}
}
/*
.layout-mp #content {
	padding-bottom: 50px;
}
.layout-join #content {
	padding-bottom: 50px;
}*/

.top-notice {
	position: relative;
	max-width: 360px;
	margin: auto;
	display: none;
}
.top-notice:after {
	content: '';
	position: absolute; top: 0; left: -900%; right: -900%; z-index: 1;
	height: 100%;
	background-color: #000000;
}
.layout-index .top-notice {
	display: block;
}

/* 220721 */
.layout-index .top-notice .slide {
	position: relative; z-index: 10;
	height: 30px;
	padding: 0 30px;
	overflow: hidden;
}
.layout-index .top-notice .slide a {
	position: relative; z-index: 2;
	display: block;
	white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
	font-size: 14px; line-height: 30px; font-weight: 500; color: #fff;
}
.top-notice .btn-close {
	position: absolute; top: 0; right: 0;
	width: 30px; height: 30px;
	font-size: 0;
}
.top-notice .btn-close:before {
	content: '';
	position: absolute; top: 15px; left: 7px; z-index: 2;
	width: 16px; height: 1px;
	background-color: #fff;
	transform: rotate(45deg);
}
.top-notice .btn-close:after {
	content: '';
	position: absolute; top: 15px; left: 7px; z-index: 2;
	width: 16px; height: 1px;
	background-color: #fff;
	transform: rotate(-45deg);
}
/* 220721 */

/* header */
header {
	background-color: #ffe303;
	overflow: hidden;
}
header .header-inner {
	position: relative;
	display: flex; align-items: center; justify-content: space-between;
	padding: 0 20px;
	height: 50px;
}
header h1 {
	position: relative; z-index: 2;
	font-size: 0;
}
header h1 img {
	width: 90px;
}
header .header-inner > .util-menu {
	position: absolute; top: 13px; right: 20px; z-index: 2;
	display: flex;
}
header .header-inner > .util-menu a:not(:first-child) {
	margin: 0 0 0 20px;
}
header .header-inner > .util-menu a img {
	height: 24px;
}
header .header-navi {
	position: absolute; top: 0; left: 0;
	display: none;
	padding: 0 60px;
	width: 100%; height: 49px;
	box-sizing: border-box;
}
header .header-navi .btn-back {
	position: absolute; top: 0; left: 8px;
	width: 49px; height: 49px;
	font-size: 0;
}
header .header-navi .btn-back:before {
	content: '';
	position: absolute; top: 23px; left: 14px;
	width: 20px; height: 2px;
	background-color: #373737;
}
header .header-navi .btn-back:after {
	content: '';
	position: absolute; top: 18px; left: 16px;
	width: 10px; height: 10px;
	border: solid #000; border-width: 2px 0 0 2px;
	transform: rotate(-45deg);
}
header .header-navi h2 {
	display: flex; align-items: center; justify-content: center;
	height: 100%;
	font-size: 18px; letter-spacing: -.5px; font-weight: 500; color: #333;
}
.header-hidden header {
	background-color: #fff;
	border-bottom: 1px solid #f1f1f1;
}
.header-hidden header h1 {
	display: none;
}
.header-hidden header .header-navi {
	display: block;
}
.header-hidden header .header-inner > .util-menu a.btn-member {
	display: none;
}

html.expand-menu body { position: fixed; overflow: hidden !important; touch-action: none; width: 100%; height: 100%; }
html.expand-menu #wrap { position: relative; }
html.expand-menu .gnb-wrap { visibility: visible; right: 0; }
header .gnb-dimmed {
	position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 99; background: rgba(0,0,0,.64); cursor: pointer; visibility: hidden; opacity: 0; transition: all .3s;
}
html.expand-menu header .gnb-dimmed {
	visibility: visible; opacity: 1;
}

header .gnb-wrap {
	position: fixed; top: 0; bottom: 0; right: -100%; z-index: 100;
	width: 100%; max-width: 300px;
	visibility: hidden;
	background-color: #fff;
	transition: all .3s;
}
header .scroll-wrap {
	position: absolute; top: 0; left: 0; right: 0; bottom: 0;
	overflow-y: auto;
}

header .gnb.gnb-mob .btn-close {
	margin: 5px 0 30px 20px;
	font-size: 0;
}
header .gnb.gnb-mob .btn-close a {
	display: block;
	width: 40px; height: 40px;
}
header .gnb.gnb-mob .btn-close a span {
	position: relative; top: 8px; left: 7px;
	display: block;
	width: 24px; height: 24px;
	transform: rotate(45deg);
}
header .gnb.gnb-mob .btn-close a span:before {
	content: '';
	position: absolute; top: 50%; left: 0;
	width: 100%; height: 2px;
	margin-top: -1px;
	background-color: #373737;
}
header .gnb.gnb-mob .btn-close a span:after {
	content: '';
	position: absolute; top: 0; left: 50%;
	width: 2px; height: 100%;
	margin-left: -1px;
	background-color: #373737;
}
header .gnb.gnb-mob > ul > li:not(:last-child) {
	border-bottom: 1px solid #f1f1f1;
}
header .gnb.gnb-mob > ul > li a {
	position: relative;
	display: flex; align-items: center;
	height: 62px;
	padding: 0 30px 0 60px;
	box-sizing: border-box;
	background-repeat: no-repeat;
	background-position: center left 30px;
	background-size: auto 20px;
	font-size: 16px; line-height: 20px; letter-spacing: -.5px; font-weight: 700;
}
header .gnb.gnb-mob > ul > li a:after {
	content: '';
	position: absolute; top: 50%; right: 35px;
	width: 8px; height: 8px;
	border: solid #373737; border-width: 1px 1px 0 0;
	transform: rotate(45deg) translateY(-50%);
}
header .gnb.gnb-mob .gnb-home a {
	background-image: url('../_images/cmn/ico_gnb_home.png');
}
header .gnb.gnb-mob .gnb-notice a {
	background-image: url('../_images/cmn/ico_gnb_notice.png');
}
header .gnb.gnb-mob .gnb-mp a {
	background-image: url('../_images/cmn/ico_gnb_mp.png');
}
header .gnb.gnb-mob .gnb-app a {
	background-image: url('../_images/cmn/ico_gnb_app.png');
}
header .gnb.gnb-mob .gnb-faq a {
	background-image: url('../_images/cmn/ico_gnb_faq.png');
}
header .gnb.gnb-mob .gnb-mypage a {
	background-image: url('../_images/cmn/ico_gnb_mypage.png');
}
header .gnb.gnb-mob .footer-box {
	padding: 80px 20px 30px 30px;
}

header .gnb.gnb-pc {
	display: none;
}
@media (min-width: 1200px) {
	.header-hidden header {
		background-color: #ffe303;
		border-bottom: 0;
	}
	header .header-inner {
		padding: 0;
		height: 60px;
	}
	header h1 img {
		width: 100px;
	}
	header .gnb-wrap {
		position: absolute; top: 0 !important; left: 0; right: 0; bottom: 0; z-index: 1;
		width: 100%; max-width: 100%;
		background-color: transparent;
		visibility: visible;
		transition: none;
	}
	header .scroll-wrap {
		position: relative;
		display: flex; align-items: center; justify-content: center;
		height: 100%;
	}

	header .gnb.gnb-mob {
		display: none;
	}
	header .gnb.gnb-pc {
		display: flex;
		padding: 0; margin: 0 0 0 -65px;
	}
	header .gnb.gnb-pc .item {
		width: auto;
	}
	header .gnb.gnb-pc .item:not(:last-child) {
		border: 0;
	}
	header .gnb.gnb-pc .item a {
		display: block;
		padding: 0 17px;
		font-size: 16px; line-height: 20px; letter-spacing: normal; font-weight: 500; color: #373737;
	}

	header .header-inner > .util-menu {
		top: 18px; right: 0;
	}
	header .header-inner > .util-menu a.btn-gnb {
		display: none;
	}

	.header-hidden header .header-navi {
		display: none;
	}
	.header-hidden header h1, 
	.header-hidden header .header-inner > .util-menu a.btn-member {
		display: block;
	}
}


/* footer */
footer {
	border-top: 1px solid #e1e1e1;
	background-color: #fff;
	display: none;
}
footer .footer-box {
	padding: 20px 20px 30px;
}
.footer-box .util-menu {
	display: flex;
	margin: 0 0 20px;
}
.footer-box .util-menu li:not(:last-child) {
	margin: 0 15px 0 0;
}
.footer-box .util-menu li a {
	font-size: 12px; line-height: 24px; font-weight: 700; color: #373737;
}
.footer-box address {
	margin: 0 0 20px;
	font-style: normal;
	font-size: 12px; line-height: 24px; font-weight: 500; color: #7c7c7c;
}
.footer-box address b {
	font-weight: 500; color: #373737;
}
.footer-box address .copyright {
	display: none;
}
.footer-box .cs-num {
	margin: 0 0 15px;
	display: flex; align-items: flex-end;
	font-size: 12px; font-weight: 500; color: #373737;
}
.footer-box .cs-num a {
	margin: 0 0 0 5px;
	font-size: 16px; color: #373737;
}
.footer-box .cs-time {
	font-size: 12px; font-weight: 500; color: #373737;
}
@media (min-width: 1200px) {
	footer {
		display: block;
	}
	footer .footer-box {
		display: flex; justify-content: space-between;
		padding: 30px 0;
	}
	footer .util-menu {
		margin: 0 0 2px;
	}
	footer address .copyright {
		display: block;
		margin: 30px 0 0 0;
		color: #373737;
	}
	footer .cs-wrap {
		text-align: right;
	}
	footer .cs-num {
		flex-direction: column;
		margin: 0 0 24px;
	}
	footer .cs-num a {
		margin: 4px 0 0;
		font-size: 24px; line-height: 30px; font-weight: 700;
	}
	footer .cs-time {
		line-height: 18px;
	}
}

.cmn-btn-quick {
	position: fixed; bottom: 60px; right: 20px; z-index: 10;
}
.cmn-btn-quick > a {
	position: relative;
	display: block;
	width: 45px; height: 45px;
	box-sizing: border-box;
	font-size: 0;
}
.cmn-btn-quick .btn-kakao {
	margin: 0 0 40px;
	background: url('../_images/cmn/ico_kakao.png') no-repeat center;
	background-size: 45px auto;
}
.cmn-btn-quick .btn-up {
	border: 1px solid #000;
	background-color: #fff;
}
.cmn-btn-quick .btn-down {
	border: 1px solid #000; border-top: 0;
	background-color: #fff;
}
.cmn-btn-quick .btn-up:before {
	content: '';
	position: absolute; top: 14px; left: 17px;
	width: 8px; height: 8px;
	border: solid #000; border-width: 1px 1px 0 0;
	transform: rotate(-45deg);
}
.cmn-btn-quick .btn-up:after {
	content: '';
	position: absolute; top: 14px; left: 21px;
	width: 1px; height: 16px;
	background-color: #373737;
}
.cmn-btn-quick .btn-down:before {
	content: '';
	position: absolute; bottom: 14px; left: 17px;
	width: 8px; height: 8px;
	border: solid #000; border-width: 0 1px 1px 0;
	transform: rotate(45deg);
}
.cmn-btn-quick .btn-down:after {
	content: '';
	position: absolute; top: 14px; left: 21px;
	width: 1px; height: 16px;
	background-color: #373737;
}
@media (min-width: 1200px) {
	.cmn-btn-quick {
		display: none;
	}
}

/* index */
.layout-index footer {
	display: block;
}

#keyvisualMain {
	position: relative;
	background-color: #fefcf2;
	overflow: hidden;
}
#keyvisualMain .slide .swiper-pagination-bullets {
	position: absolute; bottom: 20px; left: 50%; z-index: 10;
	display: flex; justify-content: center;
	width: auto;
	padding: 0; margin: 0;
	transform: translateX(-50%);
}
#keyvisualMain .slide .swiper-pagination-bullets .swiper-pagination-bullet {
	display: block;
	width: 8px; height: 8px;
	border-radius: 50%;
	background-color: #d8d8d8;
	box-sizing: border-box;
	margin: 0 4px;
	opacity: 1;
	font-size: 0;
	cursor: pointer;
}
#keyvisualMain .slide .swiper-pagination-bullets .swiper-pagination-bullet-active {
	background-color: #626262;
}
#keyvisualMain .box-wrap {
	position: relative;
	display: flex; align-items: flex-end; justify-content: space-between;
	width: 100%; max-width: 620px;
	min-height: 260px;
	padding: 0; margin: auto;
}
#keyvisualMain .box-wrap .box-left {
	position: absolute; top: 30px; left: 20px;
	white-space: nowrap;
}
#keyvisualMain .box-wrap .box-left .txt {
	margin: 0 0 20px;
	font-size: 24px; line-height: 32px; font-weight: 500; color: #373737;
}
#keyvisualMain .box-wrap .box-left .txt b {
	position: relative;
	font-weight: 700;
}
#keyvisualMain .box-wrap .box-left .txt b:after {
	content: '';
	position: absolute; bottom: 5px; left: -4px; right: -4px; z-index: -1;
	height: 8px;
	background-color: #ffe303;
}
#keyvisualMain .box-wrap .box-left .link {
	font-size: 15px; letter-spacing: -.47px; font-weight: 500; color: #000'
}
#keyvisualMain .box-wrap .box-left .link span {
	position: relative;
	padding: 0 12px 0 0;
}
#keyvisualMain .box-wrap .box-left .link span:after {
	content: '';
	position: absolute; top: 50%; right: 0;
	width: 6px; height: 6px;
	border: solid #000; border-width: 1px 1px 0 0;
	transform: translateY(-50%) rotate(45deg);
}
#keyvisualMain .box-wrap .box-right {
	width: 100%;
	box-sizing: border-box;
	padding: 30px 20px 0 0;
	text-align: right;
}
#keyvisualMain .box-wrap .box-right img {
	width: 240px;
}
@media (min-width: 1200px) {
	#keyvisualMain {
		min-height: 300px;
	}
	#keyvisualMain .slide .swiper-pagination-bullets {
		bottom: 30px;
	}
	#keyvisualMain .box-wrap {
		min-height: 300px;
	}
	#keyvisualMain .box-wrap .box-left {
		top: 65px; left: 0;
	}
	#keyvisualMain .box-wrap .box-left .txt {
		margin: 0 0 30px;
	}
	#keyvisualMain .box-wrap .box-left .txt .br-underline {
		display: block;
	}
	#keyvisualMain .box-wrap .box-left .txt br {
		display: none;
	}
	#keyvisualMain .box-wrap .box-right {
		padding: 45px 0 0 0;
	}
	#keyvisualMain .box-wrap .box-right img {
		width: 260px;
	}
}

.layout-index .bg {
	position: relative;
	padding: 0 20px;
}
.layout-index .bg:after {
	content: '';
	position: absolute; top: 0; left: 0; right: 0; z-index: -1;
	height: 464px;
	background-image: linear-gradient(to bottom, #f6f6f6, #fff 10%);
}

.layout-index .content-wrap {
	
}
.layout-index .content-wrap .content01 {
	position: relative;
	padding: 30px 0 0;
}
.layout-index .content-wrap .content01:after {
	content: '';
	position: absolute; top: 0; left: -1000%; right: -1000%; z-index: -1;
	height: 464px;
	background-image: linear-gradient(to bottom, #f6f6f6, #fff 10%);
}

.layout-index .content-wrap .content01 .on-board {
	max-width: 360px;
	padding: 0 20px 30px; margin: auto;
	box-sizing: border-box;
}
.layout-index .content-wrap .content01 .ongoing-program {
	position: relative;
	display: flex; align-items: center;
}
.layout-index .content-wrap .content01 .ongoing-program .obj {
	flex-shrink: 0;
	display: flex; align-items: center; justify-content: center;
	width: 64px; height: 64px;
	background-color: #fbe703;
	border-radius: 50%;
	margin: 0 16px 0 0;
}
.layout-index .content-wrap .content01 .ongoing-program .obj img {
	width: 18px;
}
.layout-index .content-wrap .content01 .ongoing-program .tool-pop {
	position: relative;
	padding: 5px 8px;
	border: 1px solid #fbe703;
	border-radius: 4px;
	box-shadow: 2px 2px 20px rgba(90,90,90,.12);
	background-color: #fff;
	font-size: 13px; line-height: 18px; letter-spacing: -.46px; font-weight: 500;
}
.layout-index .content-wrap .content01 .ongoing-program .tool-pop:before {
	content: '';
	position: absolute; top: 50%; left: -8px; z-index: 1;
	border-top: 6px solid #fff;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	transform: rotate(90deg) translateX(calc(-50% + 2px));
}
.layout-index .content-wrap .content01 .ongoing-program .tool-pop:after {
	content: '';
	position: absolute; top: 50%; left: -11px;
	border-top: 8px solid #fbe703;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	transform: rotate(90deg) translateX(calc(-50% + 3px));
}

.layout-index .content-wrap .content01 .find-wrap {
	position: relative;
	max-width: 360px;
	padding: 0 20px 60px; margin: auto;
	box-sizing: border-box;
}

.layout-index .content-wrap .content01 .txt-top {
	margin: 0 0 30px;
	text-align: center;
	font-size: 20px; line-height: 26px; letter-spacing: -.45px; font-weight: 500; color: #373737;
}
.layout-index .content-wrap .content01 .txt-top b {
	font-weight: 700;
}
.layout-index .content-wrap .content01 .select-model {
	padding: 0 0 10px;
}
.layout-index .content-wrap .content01 .btn {
	display: flex; align-items: center; justify-content: center;
	height: 50px;
	border-radius: 25px;
	background-color: #000;
	font-size: 16px; letter-spacing: -.5px; font-weight: 500; color: #fff;
}
.layout-index .content-wrap .content02 {
	max-width: 360px;
	padding: 0 20px; margin: auto;
	box-sizing: border-box;
}
.layout-index .content-wrap .content02 .item-wrap .item {
	margin: 0 0 30px;
}
.layout-index .content-wrap .content02 .item-wrap .item figure img {
	width: 100%;
}
.layout-index .content-wrap .content02 .item-wrap .item figcaption {
	padding: 20px 0 0 26px;
}
.layout-index .content-wrap .content02 .item-wrap .item figcaption .tit {
	padding: 0 0 10px;
	font-size: 20px; letter-spacing: -.45px; font-weight: 700; color: #373737;
}
.layout-index .content-wrap .content02 .item-wrap .item figcaption .desc {
	font-size: 16px; line-height: 22px; letter-spacing: -.5px; font-weight: 500; color: #7c7c7c;
}
.layout-index .content-wrap .content02 .btn {
	display: flex; align-items: center; justify-content: center;
	border: 1px solid rgba(215,215,215,.5);
	border-radius: 15px;
	height: 80px;
}
.layout-index .content-wrap .content02 .btn figure {
	display: flex; align-items: center;
}
.layout-index .content-wrap .content02 .btn figure img {
	width: 40px;
	margin: 0 10px 0 0;
}
.layout-index .content-wrap .content02 .btn figcaption {
	font-size: 16px; letter-spacing: -.67px; font-weight: 500; color: #515151;
}
@media (min-width: 1200px) {
	.layout-index .content-wrap .content01 .select-model {
		min-height: auto;
	}
	
	.layout-index .content-wrap .content01 .find-wrap {
		padding: 0 20px 60px;
	}
	.layout-index .content-wrap .content01 .find-wrap:after {
		display: none;
	}
	.layout-index .content-wrap .content02 {
		max-width: 704px;
	}
	.layout-index .content-wrap .content02 .item-wrap {
		display: flex; flex-wrap: wrap;
		margin: 0 -12px;
	}
	.layout-index .content-wrap .content02 .item-wrap .item {
		width: 50%;
		padding: 0 12px; margin: 0 0 60px;
		box-sizing: border-box;
	}
}

/* 회원가입 */
.layout-join .login-kakao .title h2 {
	margin: 20px 0;
	font-size: 24px; line-height: 18px; letter-spacing: -.6px; font-weight: 700; color: #373737;
}
.layout-join .login-kakao .title .desc {
	margin: 0 0 40px;
	font-size: 14px; line-height: 18px; letter-spacing: -.5px; font-weight: 500; color: #7c7c7c;
}
.layout-join .login-kakao .btn-kakao {
	display: flex; align-items: center; justify-content: center;
	background-color: #ffe400;
	border-radius: 4px;
	height: 50px;
}
.layout-join .login-kakao .btn-kakao span {
	display: inline-block;
	height: 17px;
	padding-left: 22px;
	background: url('../_images/member/ico_kakao.png') no-repeat left center;
	background-size: 18px auto;
	font-size: 14px; letter-spacing: -.5px; font-weight: 500; color: #373737;
}
.layout-join .login-kakao .check-linkage {
	display: flex;
	margin: 20px 0 0 0;
}
.layout-join .login-kakao .check-linkage label {
	font-size: 14px; line-height: 18px; letter-spacing: -.5px; font-weight: 500; color: #373737;
}
.layout-join .login-kakao .member {
	border-top: 1px solid #000;
	margin: 80px 0 0 0; padding: 17px 0 0 0;
}
.layout-join .login-kakao .member .tit {
	margin: 0 0 14px;
	font-size: 16px; letter-spacing: -.5px; font-weight: 700; color: #373737;
}
.layout-join .login-kakao .member .menu-wrap {
	display: flex; align-items: center;
}
.layout-join .login-kakao .member .menu-wrap a {
	position: relative;
	font-size: 14px; letter-spacing: -.5px; font-weight: 500; color: #7c7c7c;
}
.layout-join .login-kakao .member .menu-wrap a:not(:last-child) {
	padding: 0 10px 0 0; margin: 0 10px 0 0;
}
.layout-join .login-kakao .member .menu-wrap a:not(:last-child):after {
	content: '';
	position: absolute; top: 50%; right: 0;
	width: 1px; height: 14px;
	background-color: #d8d8d8;
	transform: translateY(-50%);
}

.layout-join .join-form {
	/*min-height: 500px;*/
}
.layout-join .join-form .phone-certi {
	padding-top: 20px;
}
.layout-join .join-form .phone-certi .cmn-btn-submit {
	background-color: #ffe303;
	font-size: 14px; color: #373737;
}
.layout-join .join-form .form-field .form-field-input .number {
	position: relative;
	width: 100%;
}
.layout-join .join-form .form-field .form-field-input .number .btn {
	position: absolute; top: 6px; right: 0; z-index: 2;
	display: flex; align-items: center; justify-content: center;
	border: 1px solid #eee;
	width: 65px; height: 26px;
	background-color: #fff;
	font-size: 13px; letter-spacing: -.5px; font-weight: 500; color: #7c7c7c;
}
.layout-join .join-form .agreement-top {
	position: relative;
	padding: 40px 0 20px; margin: 0 0 20px;
}
.layout-join .join-form .agreement-top:after {
	content: '';
	position: absolute; bottom: 0; left: -20px; right: -20px;
	height: 1px;
	background-color: #f1f1f1;
}
.layout-join .join-form .agreement-bt {
	margin: 0 0 30px;
}
.layout-join .join-form .agreement .agree-field {
	position: relative;
}
.layout-join .join-form .agreement .agree-field .btn-popup {
	position: relative;
	display: inline-flex;
	width: 24px; height: 24px;
	font-size: 0;
}
.layout-join .join-form .agreement .agree-field .btn-popup:after {
	content: '';
	position: relative; top: 9px; left: 7px;
	width: 6px; height: 6px;
	border: solid #373737; border-width: 1px 1px 0 0;
	transform: rotate(45deg);
}
.layout-join .join-form .agreement .agree-field:not(:last-child) {
	margin: 0 0 14px;
}
.layout-join .join-form .agreement .agree-field .agree-tip {
	margin: 6px 0 0 32px;
	font-size: 13px; line-height: 14px; letter-spacing: -.5px; font-weight: 500; color: #7c7c7c;
}
.layout-join .join-form .form-field:not(:last-child) {
	margin: 0 0 20px;
}
.layout-join .join-form .form-field label {
	font-size: 14px; line-height: 13px; letter-spacing: -.5px; font-weight: 500; color: #7c7c7c;
}
.layout-join .join-form .form-field .form-field-input {
	display: flex;
}

.layout-join .join-complete {
	padding-top: 120px;
}
.layout-join .join-complete .title {
	position: relative;
	padding: 54px 0 76px;
	text-align: center;
	font-size: 26px; line-height: 34px; letter-spacing: -.5px; font-weight: 500; color: #373737;
}
.layout-join .join-complete .title b {
	font-weight: 700;
}
.layout-join .join-complete .title:before {
	content: '';
	position: absolute; top: 0; left: 50%;
	width: 42px; height: 42px;
	margin-left: -22px;
	border-radius: 50%;
	/* background-image: linear-gradient(137deg, #ffe202 18%, #ffcd04 100%); */
	background-color: #FFE303;
}
.layout-join .join-complete .title:after {
	content: '';
	position: absolute; top: 6px; left: 50%;
	width: 16px; height: 8px;
	margin: 0 0 0 -3px;
	border: solid #fff; border-width: 0 0 3px 3px;
	transform: rotate(-45deg) translateX(-50%);
}
.layout-join .join-complete .info {
	text-align: center;
	font-size: 14px; letter-spacing: -.5px; font-weight: 500; color: #7c7c7c;
}
.layout-join .join-complete .info a {
	position: relative;
	display: block;
	margin: 11px 0 0 0;
}
.layout-join .join-complete .info a span {
	position: relative;
	display: inline-block;
	padding: 0 20px 0 0;
	font-size: 14px; line-height: 12px; letter-spacing: -.5px; font-weight: 500; color: #373737;
}
.layout-join .join-complete .info a span:before {
	content: '';
	position: absolute; top: 6px; right: 0;
	width: 16px; height: 2px;
	background-color: #373737;
}
.layout-join .join-complete .info a span:after {
	content: '';
	position: absolute; top: 3px; right: 0;
	width: 6px; height: 6px;
	border: solid #000; border-width: 2px 2px 0 0;
	transform: rotate(45deg);
}
@media (min-width: 1200px) {
	.layout-join .login-kakao .title h2 {
		margin: 180px 0 20px;
	}
	.layout-join .join-form {
		min-height: auto;
	}
	.layout-join .join-form .phone-certi {
		padding-top: 30px;
	}
	.layout-join .join-form .agreement-bt {
		margin: 0 0 60px;
	}
	.layout-join .join-form .field-wrap {
		padding-top: 30px;
	}

	.layout-join .join-complete {
		padding-top: 180px;
	}
}

/* 로그인 */
.layout-login .login-form {
	min-height: 480px;
	padding-top: 20px;
	box-sizing: border-box;
}
.layout-login .field-wrap {
	margin-top: -40px;
}
.layout-login .guide-txt {
	margin: 40px 0 30px;
	font-size: 18px; line-height: 24px; letter-spacing: -.56px; font-weight: 500; color: #373737;
}
.layout-login .input-field input {
	background-color: #fafafa;
	border: 0;
	text-indent: 10px;
	font-size: 18px; letter-spacing: -.64px;
}
.layout-login .input-field input:focus {
	border-bottom: 2px solid #000;
}
.layout-login .desc {
	font-size: 14px; line-height: 20px; letter-spacing: -.5px; font-weight: 500; color: #7c7c7c;
}
.layout-login .guide-txt-sm {
	margin: 20px 0 0 0;
	font-size: 12px; line-height: 20px; letter-spacing: -.43px; color: #7c7c7c;
}
.layout-login .code-wrap {
	display: flex;
	margin: 30px 0 0 0;
}
.layout-login .code-wrap input {
	width: 46px; height: 56px;
	border: 1px solid #d7d7d7;
	background-color: #fafafa;
	border-radius: 4px;
	text-align: center;
	font-size: 24px; font-weight: 700;
}
.layout-login .code-wrap input:not(:last-child) {
	margin: 0 10px 0 0;
}
.layout-login .code-wrap input:focus {
	border: 2px solid #000;
}
@media (min-width: 1200px) {
	.layout-login .login-form {
		min-height: auto;
		padding: 0; margin: 0 0 100px;
	}
	.layout-login .field-wrap {
		margin-top: -10px;
	}
	.layout-login .guide-txt {
		padding-top: 0;
	}
}

/* 서비스 */
.layout-service .box-wrap {
	position: relative;
	display: flex; justify-content: space-between;
	max-width: 620px;
	padding: 0 10px; margin: auto;
}
.layout-service .box-wrap .box-left {
	padding: 15px 0 0 0;
}
.layout-service .box-wrap .box-left .txt {
	font-size: 24px; line-height: 32px; font-weight: 500; color: #373737;
}
.layout-service .box-wrap .box-left .txt b {
	position: relative;
	font-weight: 700;
}
.layout-service .box-wrap .box-left .txt b:after {
	content: '';
	position: absolute; bottom: 5px; left: -5px; right: -5px; z-index: -1;
	height: 8px;
	background-color: #ffe303;
}
.layout-service .box-wrap .box-right img {
	position: absolute; top: 40px; right: -10px;
	width: 276px;
}

.layout-service .content01 .item-wrap {
	position: relative; z-index: 2;
	margin: 110px 0 0 0;
}
.layout-service .content01 .item-wrap .item {
	margin: 0 0 50px;
}
.layout-service .content01 .item-wrap .item figure img {
	width: 100%;
}
.layout-service .content01 .item-wrap .item figcaption {
	padding: 20px 0 0 26px;
}
.layout-service .content01 .item-wrap .item figcaption .tit {
	padding: 0 0 10px;
	font-size: 20px; letter-spacing: -.45px; font-weight: 700; color: #373737;
}
.layout-service .content01 .item-wrap .item figcaption .desc {
	font-size: 16px; line-height: 22px; letter-spacing: -.5px; font-weight: 500; color: #7c7c7c;
}

.layout-service .content01 .cmn-btn-submit {
	max-width: 320px;
	margin: auto;
}
@media (min-width: 1200px) {
	.layout-service .box-wrap {
		padding: 0; margin: 0 0 0 -20px;
	}
	.layout-service .box-wrap .box-left {
		padding: 0;
	}
	.layout-service .box-wrap .box-left .txt {
		font-size: 30px; line-height: 40px;
	}
	.layout-service .box-wrap .box-left .txt .br-underline {
		display: block;
	}
	.layout-service .box-wrap .box-left .txt br {
		display: none;
	}
	.layout-service .box-wrap .box-left .txt .block {
		display: block;
	}
	.layout-service .box-wrap .box-right img {
		position: absolute; top: 0; right: -30px;
		width: 400px;
	}

	.layout-service .content01 .item-wrap {
		display: flex; flex-wrap: wrap;
		margin: 210px -50px 0;
	}
	.layout-service .content01 .item-wrap .item {
		width: 50%;
		padding: 0 10px; margin: 0 0 60px;
		box-sizing: border-box;
	}
}

/* faq */
.layout-faq .faq-item-wrap {
	margin: -10px -20px;
}
.layout-faq .faq-item-wrap .item .title {
	position: relative;
	display: flex;
	padding: 20px;
	font-size: 16px; line-height: 20px; letter-spacing: -.5px; font-weight: 500;
	cursor: pointer;
}
.layout-faq .faq-item-wrap .item .title:after {
	content: '';
	position: absolute; top: 23px; right: 21px;
	width: 8px; height: 8px;
	border: solid #373737; border-width: 0 1px 1px 0;
	transform: rotate(45deg);
}
.layout-faq .faq-item-wrap .item .title .q {
	margin: 0 10px 0 0;
	color: #7c7c7c;
}
.layout-faq .faq-item-wrap .item .cont {
	display: none;
	padding: 10px 20px;
	background-color: #fefcf2;
	font-size: 14px; line-height: 24px; letter-spacing: -.5px; font-weight: 500; color: #7c7c7c;
}
.layout-faq .faq-item-wrap .item.active .title .txt {
	color: #373737;
}
@media (min-width: 1200px) {
}

/* notice */
.layout-bbs .bbs-wrap {
	min-height: 500px;
}
.layout-bbs .bbs-header {
	padding: 10px 0 20px;
	border-bottom: 1px solid #f1f1f1;
}
.layout-bbs .bbs-header .date {
	margin: 0 0 4px;
	font-size: 12px; line-height: 16px; letter-spacing: -.5px; font-weight: 700;
}
.layout-bbs .bbs-header .title {
	font-size: 16px; letter-spacing: -.5px; font-weight: 700;
}
.layout-bbs .bbs-cont {
	padding: 20px 0;
	font-size: 14px; line-height: 24px; letter-spacing: -.5px; color: #7c7c7c;
}

.layout-bbs .list-wrap {
	margin: 0 0 30px;
}
.layout-bbs .list-wrap .list {
	display: block;
	padding: 10px 0;
	border-bottom: 1px solid #f1f1f1;
	font-size: 16px; line-height: 16px; letter-spacing: -.5px; font-weight: 500;
}
.layout-bbs .list-wrap .list .date {
	margin: 10px 0 0 0;
	font-size: 12px;
}
@media (min-width: 1200px) {
}

/* 404 */
.layout-404 #container {
	background-color: #f5f5f5;
}
.layout-404 .cont-wrap {
	min-height: 500px;
	text-align: center;
}
.layout-404 .cont-wrap figure img {
	width: 139px;
	margin: 100px 0 20px;
}
.layout-404 .cont-wrap figure img.error {
	width: 151px;
}
.layout-404 .cont-wrap figure figcaption {
	font-size: 18px; line-height: 20px; letter-spacing: -.5px; font-weight: 700;
}
@media (min-width: 1200px) {
	.layout-404 .cont-wrap {
		min-height: 580px;
	}
	.layout-404 .cont-wrap figure img {
		margin-top: 180px;
	}
}

/* 중고폰시세 */
.select-model .title {
	margin: 0 0 20px;
	font-size: 18px; letter-spacing: -.5px; font-weight: 500;
}
.select-model .list-wrap .list {
	margin: 0 0 20px;
}
.select-model .list-wrap .list .box {
	display: flex; align-items: center; justify-content: space-between;
	padding: 0 30px;
	height: 64px;
	border-radius: 32px;
	border: 1px solid rgba(215,215,215,.5);
	background-color: #fafafa;
	box-sizing: border-box;
	cursor: pointer;
}
.select-model .list-wrap .list .box-left {
	display: flex; align-items: center;
}
.select-model .list-wrap .list .box-left .s-tit {
	width: 100px;
	font-size: 14px; line-height: 15px; letter-spacing: -.5px; font-weight: 500; color: #7c7c7c;
}
.select-model .list-wrap .list .box-left .tit {
	font-size: 18px; line-height: 23px; letter-spacing: -.5px; font-weight: 500;
}
.select-model .list-wrap .list .box-right {
	position: relative;
	flex-shrink: 0;
	width: 10px;
}
.select-model .list-wrap .list .box-right span {
	position: absolute; top: 50%; right: 4px;
	width: 7px; height: 7px;
	border: solid #373737; border-width: 1px 1px 0 0;
	transform: rotate(45deg) translateY(-50%);
}
@media (min-width: 1200px) {
	.select-model {
		min-height: 500px;
	}
}

/* 보상도멜 레이어팝업 */
html.expand-layer body { position: absolute; overflow: hidden !important; touch-action: none; width: 100%; height: 100%; }
html.expand-layer #wrap { position: relative; }
html.expand-layer .cmn-btn-quick { display: none; }

.layer-popup .dimmed {
	position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 99; background: rgba(0,0,0,.64); cursor: pointer; visibility: hidden; opacity: 0; transition: all .3s;
}
.layer-popup .dimmed.active {
	visibility: visible; opacity: 1;
}
.layer-popup .layer-popup-inner {
	position: fixed; bottom: -100%; left: 0; right: 0; z-index: 100;
	background-color: #fff;
	border-radius: 15px 15px 0 0;
	max-height: 90vh;
	box-sizing: border-box;
	visibility: hidden; opacity: 0;
	transition: all .3s;
}
.layer-popup .layer-popup-inner.active {
	bottom: 0;
	visibility: visible; opacity: 1;
}
.layer-popup .layer-popup-inner .handlebar {
	position: fixed; left: 50%; z-index: 2;
	width: 70px; height: 24px;
	transform: translateX(-50%);
	cursor: pointer;
}
.layer-popup .layer-popup-inner .handlebar:after {
	content: '';
	display: block;
	width: 55px; height: 4px;
	border-radius: 3px;
	margin: 10px auto 0;
	background-color: #ccc;
}
.layer-popup .layer-popup-inner .layer-popup-wrap {
	display: flex; flex-direction: column;
	max-height: inherit;
}
.layer-popup .layer-popup-inner .layer-popup-wrap .title {
	flex-shrink: 0;
	margin: 24px 20px 16px;
	font-size: 18px; line-height: 24px; letter-spacing: -.5px; font-weight: 700;
}
.layer-popup .layer-popup-inner .layer-popup-wrap .title + div {
	overflow: hidden; overflow-y: auto;
}
.layer-popup .layer-popup-inner .layer-popup-wrap .list-make ul {
	padding: 0 0 12px;
}
.layer-popup .layer-popup-inner .layer-popup-wrap .list-make li {
	position: relative;
	padding: 15px 20px;
	cursor: pointer;
}
.layer-popup .layer-popup-inner .layer-popup-wrap .list-make li.selected:after {
	content: '';
	position: absolute; top: 0; left: -100%; right: -100%; bottom: 0; z-index: -1;
	background-color: #ffe303;
}
.layer-popup .layer-popup-inner .layer-popup-wrap .list-make li figure {
	display: flex; align-items: center;
}
.layer-popup .layer-popup-inner .layer-popup-wrap .list-make li figure img {
	flex-shrink: 0;
	margin: 0 20px 0 0;
	width: 40px;
}
.layer-popup .layer-popup-inner .layer-popup-wrap .list-make li figure figcaption {
	width: 100%;
	font-size: 18px; line-height: 23px; letter-spacing: -.5px; font-weight: 500;
}
.layer-popup .layer-popup-inner .layer-popup-wrap .list-model ul {
	padding: 0 0 20px;
}
.layer-popup .layer-popup-inner .layer-popup-wrap .list-model li {
	padding: 5px 20px;
}
.layer-popup .layer-popup-inner .layer-popup-wrap .list-model li a {
	position: relative;
	display: block;
	padding: 11px 30px;
	background-color: #fafafa;
	box-shadow: 0 0 0 1px rgba(215,215,215,.5) inset;
	border-radius: 21px;
	box-sizing: border-box;
	font-size: 16px; line-height: 24px; letter-spacing: -.5px; font-weight: 500;
	cursor: pointer;
}
.layer-popup .layer-popup-inner .layer-popup-wrap .list-model li.selected a {
	box-shadow: 0 0 0 2px #ffe303 inset;
	font-weight: 700; color: #373737;
}
.layer-popup .layer-popup-inner .layer-popup-wrap .list-storage ul {
	display: flex; flex-wrap: wrap;
	padding: 0 20px 20px; margin: 0 -4px;
}
.layer-popup .layer-popup-inner .layer-popup-wrap .list-storage li {
	width: 50%;
	padding: 0 4px 10px;
	box-sizing: border-box;
}
.layer-popup .layer-popup-inner .layer-popup-wrap .list-storage li a {
	position: relative;
	display: block;
	padding: 11px 30px;
	background-color: #fafafa;
	box-shadow: 0 0 0 1px rgba(215,215,215,.5) inset;
	border-radius: 21px;
	box-sizing: border-box;
	font-size: 16px; line-height: 24px; letter-spacing: -.5px; font-weight: 500;
	cursor: pointer;
}
.layer-popup .layer-popup-inner .layer-popup-wrap .list-storage li.selected a {
	box-shadow: 0 0 0 2px #ffe303 inset;
	font-weight: 700; color: #373737;
}
@media (min-width: 1200px) {
	.layer-popup .layer-popup-inner {
		top: 50%; bottom: auto;
		transform: translateY(-50%);
		border-radius: 15px;
		max-width: 600px;
		padding: 24px 0 20px 0; margin: auto;
	}
	.layer-popup .layer-popup-inner.active {
		bottom: auto;
	}
	.layer-popup .layer-popup-inner .handlebar {
		position: fixed; top: 27px; right: 23px; left: auto;
		width: 30px; height: 30px;
		margin: 0 0 0 auto;
		font-size: 0;
		cursor: pointer;
	}
	.layer-popup .layer-popup-inner .handlebar:before {
		content: '';
		position: absolute; top: 14px; left: 4px;
		width: 24px; height: 2px;
		background-color: #373737;
		transform: rotate(45deg);
	}
	.layer-popup .layer-popup-inner .handlebar:after {
		content: '';
		position: absolute; top: 14px; left: 4px;
		width: 24px; height: 2px;
		background-color: #373737;
		transform: rotate(-45deg);
		border-radius: 0;
		margin: auto;
	}
	.layer-popup .layer-popup-inner .layer-popup-wrap {
		max-height: calc(90vh - 44px);
	}
	.layer-popup .layer-popup-inner .layer-popup-wrap .list-model {
		max-width: 460px;
	}
	.layer-popup .layer-popup-inner .layer-popup-wrap .list-storage {
		max-width: 460px;
	}
	.layer-popup .layer-popup-inner .layer-popup-wrap .list-storage ul {
		margin: 0 -10px;
	}
	.layer-popup .layer-popup-inner .layer-popup-wrap .list-storage li {
		padding: 0 10px 10px;
	}
	.layer-popup .layer-popup-inner .layer-popup-wrap .title {
		padding: 0 70px;
	}
	.layer-popup .layer-popup-inner .layer-popup-wrap .list-make, 
	.layer-popup .layer-popup-inner .layer-popup-wrap .list-model, 
	.layer-popup .layer-popup-inner .layer-popup-wrap .list-storage {
		padding: 0 70px;
	}
}

/* 중고폰시세 상세 */
.select-model-detail {
	min-height: 500px;
}
.select-model-detail .title {
	padding: 10px 0 0;
	font-size: 24px; line-height: 28px; letter-spacing: -.5px; font-weight: 700;
}
.select-model-detail .thumb {
	padding: 40px 0;
	text-align: center;
}
.select-model-detail .thumb img {
	width: 200px;
}
.select-model-detail .guide {
	padding: 0 20px;
}
.select-model-detail .guide-tit {
	display: inline-block;
	background: url('../_images/mp/ico_info.png') no-repeat center right;
	background-size: 14px auto;
	padding: 0 20px 0 0; margin: 0 0 10px;
	font-size: 16px; line-height: 16px; letter-spacing: -.5px; font-weight: 700;
	cursor: pointer;
}
.select-model-detail .guide-txt {
	font-size: 14px; line-height: 18px; letter-spacing: -.5px; font-weight: 500; color: #7c7c7c;
}
.select-model-detail .list-wrap {
	padding: 30px 0;
}
.select-model-detail .list-wrap .list {
	padding: 10px 0;
}
.select-model-detail .list-wrap .box {
	display: flex; align-items: center; justify-content: space-between;
	height: 50px;
	border-radius: 25px;
	padding: 0 20px;
	box-shadow: 2px 2px 20px rgba(90,90,90,.12);
}
.select-model-detail .list-wrap .box-left {
	display: flex; align-items: center;
}
.select-model-detail .grade {
	display: flex; align-items: center; justify-content: center;
	width: 20px; height: 20px;
	border-radius: 50%;
	margin: 0 10px 0 0;
	font-size: 14px; font-weight: 700; color: #fff;
}
.select-model-detail .grade-a {
	background-color: #90c000;
}
.select-model-detail .grade-b {
	background-color: #1d9cfc;
}
.select-model-detail .grade-c {
	background-color: #ffcc6d;
}
.select-model-detail .grade-d {
	background-color: #d42f2f;
}
.select-model-detail .list-wrap .box-left .txt {
	font-size: 16px; letter-spacing: -.57px; font-weight: 500; color: #373737;
}
.select-model-detail .list-wrap .box-right {
	font-size: 16px; font-weight: 500;
}

/* 보상등급상세 팝업 */
.popup-grade-detail .popup-list-wrap .list:not(:last-child) {
	margin: 0 0 30px;
}
.popup-grade-detail .popup-list-wrap .box-top {
	display: flex; align-items: center;
	margin: 0 0 10px;
}
.popup-grade-detail .popup-list-wrap .box-top .txt {
	font-size: 16px; letter-spacing: -.5px; font-weight: 500; color: #373737;
}
.popup-grade-detail .popup-list-wrap .box-bt {
	font-size: 14px; line-height: 18px; letter-spacing: -.5px; font-weight: 500; color: #7c7c7c;
}
@media (min-width: 1200px) {
}

.popup-grade-detail .grade {
	display: flex; align-items: center; justify-content: center;
	width: 20px; height: 20px;
	border-radius: 50%;
	margin: 0 10px 0 0;
	font-size: 14px; font-weight: 700; color: #fff;
}
.popup-grade-detail .grade-a {
	background-color: #90c000;
}
.popup-grade-detail .grade-b {
	background-color: #1d9cfc;
}
.popup-grade-detail .grade-c {
	background-color: #ffcc6d;
}
.popup-grade-detail .grade-d {
	background-color: #d42f2f;
}

/* 접수 */
.step-wrap {
	position: relative;
	display: flex; justify-content: space-between;
	padding: 12px 0 30px; margin: -20px -20px 0;
	background-color: #fff;
}
.step-wrap:before {
	content: '';
	position: absolute; top: 0; left: 0;
	height: 4px;
	background-color: #ffe303;
}
.step-wrap.step01:before {
	width: 25%;
}
.step-wrap.step02:before {
	width: 50%;
}
.step-wrap.step03:before {
	width: 75%;
}
.step-wrap.step04:before {
	width: 100%;
}
.step-wrap .step-title {
	margin: 0 0 0 20px;
	font-size: 12px; line-height: 12px; letter-spacing: -.5px; font-weight: 500; color: #373737;
}
.step-wrap .step-process {
	margin: 0 20px 0 0;
	font-size: 12px; line-height: 12px; letter-spacing: -.5px; font-weight: 500; color: #7c7c7c;
}
@media (min-width: 1200px) {
	.step-wrap {
		margin-top: 0;
		border-top: 1px solid #f1f1f1;
	}
}

.layout-app .self-check .thumb-wrap {
	padding: 0 20px 10px; margin: 0 -20px;
	background-color: #fff;
}
.layout-app .self-check .thumb-wrap figure {
	display: flex; align-items: center;
	padding: 0 0 30px;
	border-bottom: 1px solid #efefef;
}
.layout-app .self-check .thumb-wrap.align-center figure {
	justify-content: center;
}
.layout-app .self-check .thumb-wrap img {
	flex-shrink: 0;
	width: 56px;
	margin: 0 10px 0 0;
}
.layout-app .self-check .thumb-wrap figcaption {
	font-size: 20px; letter-spacing: -.5px; font-weight: 700;
}
.layout-app .self-check .question-wrap {
	display: flex; justify-content: space-between;
	padding: 20px 0;
}
.layout-app .self-check .question-wrap .title {
	font-size: 20px; line-height: 28px; letter-spacing: -.5px; font-weight: 500;
}
.layout-app .self-check .question-wrap .title-sm {
	font-size: 20px; line-height: 28px; letter-spacing: -.5px; font-weight: 500;
}
.layout-app .self-check .question-wrap .title-sm b {
	font-weight: 500; color: #373737;
}
.layout-app .self-check .question-wrap .btn-popup {
	position: relative;
	flex-shrink: 0;
	height: 14px;
	margin: 8px 0 0 0;
	font-size: 12px; letter-spacing: -.5px; font-weight: 500; color: #7c7c7c;
}
.layout-app .self-check .question-wrap .btn-popup:after {
	content: '';
	position: absolute; bottom: 0; left: 0; right: 0;
	height: 1px;
	background-color: #7c7c7c;
}
.layout-app .self-check .select-wrap {
	padding: 0 0 10px;
}
.layout-app .self-check .select-wrap a {
	display: flex; align-items: center;
	padding: 10px 30px; margin: 0 0 20px;
	height: 64px;
	box-shadow: 0 0 0 1px rgba(215,215,215,.5) inset;
	background-color: #fafafa;
	border-radius: 32px;
	box-sizing: border-box;
	font-size: 18px; line-height: 24px; letter-spacing: -.5px; font-weight: 400;
}
.layout-app .self-check .select-wrap a:active,  
.layout-app .self-check .select-wrap a.selected {
	box-shadow: 0 0 0 2px #ffe303 inset;
	font-weight: 700; color: #373737;
}
.layout-app .self-check .select-wrap a.ico-photo {
	position: relative;
	padding-right: 80px;
}
.layout-app .self-check .select-wrap a.ico-photo:after {
	content: '';
	position: absolute; top: 8px; right: 8px;
	width: 50px; height: 50px;
	border-radius: 50%;
	background: #efefef url('../_images/app/ico_photo.png') center/50px auto no-repeat;
}
.layout-app .self-check .select-wrap a:active.ico-photo:after, 
.layout-app .self-check .select-wrap a.selected.ico-photo:after {
	background-color: #ffe303;
}
@media (min-width: 1200px) {
	.layout-app .self-check {
		min-height: 456px;
	}
}

/* 예시사진 팝업 */
.layout-app .popup-ex .popup-cont {
	min-height: min(calc(100% - 100px), 478px);
}
.layout-app .popup-ex .cont {
	padding: 20px 0 20px 20px;
}
.layout-app .popup-ex .cont .txt {
	margin: 0 0 20px 0;
	font-size: 14px; line-height: 18px; letter-spacing: -.5px; font-weight: 500; color: #7c7c7c;
}
.layout-app .popup-ex .cont .img {
	margin: 0 20px 0 0;
}
.layout-app .popup-ex .cont .img img {
	width: 100%;
}
.layout-app .popup-ex .cont .slide-wrap {
	position: relative;
	overflow: hidden;
}
.layout-app .popup-ex .cont .slide-wrap .swiper-slide {
	width: calc(100% - 20px);
}
.layout-app .popup-ex .cont .slide-wrap .swiper-slide img {
	width: 100%;
}
.layout-app .popup-ex .cont .slide-wrap .pagination {
	position: absolute; top: 10px; right: 28px; bottom: auto; left: auto; z-index: 1;
	width: auto;
	font-size: 14px; letter-spacing: -.5px; font-weight: 500; color: #7c7c7c;
}
.layout-app .popup-ex .cont .slide-wrap .pagination .swiper-pagination-total {
	color: #7c7c7c;
}
.layout-app .popup-ex .cont .slide-wrap .pagination .swiper-pagination-current {
	color: #000;
}
.layout-app .popup-ex .cont .link {
	padding: 8px 0 0;
	text-align: center;
}
.layout-app .popup-ex .cont .link a {
	text-decoration: underline;
	font-size: 12px; letter-spacing: -.5px; color: #7c7c7c;
}
@media (min-width: 1200px) {
	.layout-app .popup-ex .cont {
		position: relative; left: 10px;
		width: 300px;
		padding: 20px 0px 60px;
	}
}


.bg-wrap {
	background-color: #f9f9f9;
}
.bg-wrap:after {
	content: '';
	position: absolute; top: 0; left: 0; right: 0; z-index: -1;
	height: 130px;
	background-color: #fff;
}
@media (min-width: 1200px) {
	.bg-wrap:after {
		height: 308px;
	}
}

.layout-app .self-check .price-wrap {
	display: flex; align-items: center; justify-content: space-between;
	height: 78px;
	letter-spacing: -.5px;
}
.layout-app .self-check .price-wrap .tit {
	font-size: 16px; font-weight: 500; color: #373737;
}
.layout-app .self-check .price-wrap .price {
	font-size: 18px; font-weight: 700; color: #373737;
}
.layout-app .self-check .agree-field {
	padding: 20px; margin: 0 -20px 10px;
	background-color: #fff;
}
.layout-app .self-check .recommend-wrap {
	padding: 20px; margin: 0 -20px;
	background-color: #fff;
}
.layout-app .self-check .recommend-wrap .title {
	margin: 0 0 10px;
	font-size: 16px; letter-spacing: -.5px; font-weight: 500;
}
.layout-app .self-check .recommend-wrap input {
	border: 0;
	height: 45px;
	background-color: #fafafa;
	text-indent: 10px;
	font-size: 16px;
}
.layout-app .self-check .select-pay-wrap {
	padding: 20px 0;
	background-color: #f9f9f9;
}
.layout-app .self-check .select-pay-wrap label {
	display: block;
	margin: 0 0 10px;
}
.layout-app .self-check .select-pay-wrap .field-wrap {
	display: flex; align-items: center;
	padding: 14px 20px;
	border-radius: 10px;
	width: 100%; height: 52px;
	box-sizing: border-box;
	border: 1px solid rgba(215,215,215,.5);
}
.layout-app .self-check .select-pay-wrap .select-info {
	padding-top: 10px;
	font-size: 14px; line-height: 18px; letter-spacing: -.5px; font-weight: 500; color: #7c7c7c;
}

.layout-app .self-check .select-pay-wrap .bank-name {
	display: flex; align-items: center;
	padding: 14px 20px;
	border-radius: 10px;
	width: 100%; height: 52px;
	box-sizing: border-box;
	border: 1px solid #000;
	background-color: #fff;
	margin: 0 0 10px;
}
.layout-app .self-check .select-pay-wrap .bank-name figure {
	display: flex; align-items: center;
}
.layout-app .self-check .select-pay-wrap .bank-name figure img {
	width: 34px;
	margin: 0 10px 0 0;
}
.layout-app .self-check .select-pay-wrap .bank-name figure figcaption {
	font-size: 16px; letter-spacing: -.5px; font-weight: 500;
}
.layout-app .self-check .select-pay-wrap .bank-number {
	padding: 15px 20px;
	border-radius: 10px;
	box-sizing: border-box;
	border: 1px solid #000;
	background-color: #fff;
}
.layout-app .self-check .select-pay-wrap .bank-number .tit {
	font-size: 16px; letter-spacing: -.5px; font-weight: 500;
}
.layout-app .self-check .select-pay-wrap .bank-number .num input {
	font-size: 16px; letter-spacing: -.5px; font-weight: 500;
}
.layout-app .self-check .select-pay-wrap .pay1-selected {
	border: 2px solid #ffe303;
	padding: 15px 20px;
	border-radius: 10px;
}
.layout-app .self-check .select-pay-wrap .pay1-selected .tit {
	padding: 0 0 10px; margin: 0 0 10px;
	border-bottom: 1px solid #f1f1f1;
	font-size: 16px; letter-spacing: -.5px; font-weight: 500; color: #373737;
}
.layout-app .self-check .select-pay-wrap .pay1-selected .cont {
	display: flex; align-items: flex-end; justify-content: space-between;
	font-size: 18px; letter-spacing: -.56px; font-weight: 500;
}
.layout-app .self-check .select-item {
	padding: 0 0 20px;
}
.layout-app .self-check .select-item .item {
	margin: 0 0 10px;
}
.layout-app .self-check .select-item .item > a {
	display: flex; align-items: center;
	padding: 20px;
	box-sizing: border-box;
	height: 52px;
	border-radius: 10px;
	box-shadow: 0 0 0 1px rgba(215,215,215,.5) inset;
	background-color: #fff;
	font-size: 16px; letter-spacing: -.5px; font-weight: 500; color: #7c7c7c;
}
.layout-app .self-check .select-item .item.active > a {
	box-shadow: 0 0 0 2px #ffe303 inset;
}
.layout-app .self-check .select-item .item-date > a {
	padding-right: 64px;
	background-image: url('../_images/app/ico_date.png');
	background-repeat: no-repeat;
	background-size: 24px auto;
	background-position: center right 20px;
}
.layout-app .self-check .select-item .item-date > a.date {
	color: #373737;
}
.layout-app .self-check .select-item .item-address {
	box-shadow: 0 0 0 1px #000 inset;
	border-radius: 10px;
	padding: 20px 15px 20px 20px;
	background-color: #fff;
	box-sizing: border-box;
}
.layout-app .self-check .select-item .item-address.active {
	box-shadow: 0 0 0 2px #ffe303 inset;
}
.layout-app .self-check .select-item .item-top {
	display: flex; align-items: center; justify-content: space-between;
}
.layout-app .self-check .select-item .item-top .tit {
	font-size: 16px; letter-spacing: -.5px; font-weight: 500;
}
.layout-app .self-check .select-item .item .btn-wrap {
	display: flex;
	margin: 15px 0 0 0;
}
.layout-app .self-check .select-item .item .btn-wrap a {
	display: flex; align-items: center; justify-content: center;
	height: 40px;
	border-radius: 4px;
	border: 1px solid rgba(215,215,215,.5);
	background-color: #fafafa;
	box-sizing: border-box;
	font-size: 14px; letter-spacing: -.44px; font-weight: 500; color: #7c7c7c;
}
.layout-app .self-check .select-item .item .btn-wrap a:nth-child(1) {
	width: 100%;
}
.layout-app .self-check .select-item .item .btn-wrap a:nth-child(2) {
	flex-shrink: 0;
	width: 110px;
	margin: 0 0 0 7px;
}
.layout-app .self-check .select-item .item .address {
	margin: 15px 0 0 0;
	font-size: 18px; letter-spacing: -.56px; font-weight: 500;
}
.layout-app .self-check .select-item .item .address-detail {
	height: 40px;
}
.layout-app .self-check .select-item .item .address-detail input {
	font-size: 18px;
	text-indent: 0;
	border: 0;
}
.layout-app .self-check .select-item .select-info {
	padding-top: 10px;
	font-size: 14px; line-height: 18px; letter-spacing: -.5px; font-weight: 500; color: #7c7c7c;
}
@media (min-width: 1200px) {
}

/* 은행선택 */
.layer-popup-app .dimmed {
	position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 99; background: rgba(0,0,0,.64); cursor: pointer; visibility: hidden; opacity: 0; transition: all .3s;
}
.layer-popup-app .dimmed.active {
	visibility: visible; opacity: 1;
}
.layer-popup-app .layer-popup-inner {
	position: fixed; bottom: -100%; left: 0; right: 0; z-index: 100;
	background-color: #fff;
	border-radius: 15px 15px 0 0;
	max-height: 90vh;
	box-sizing: border-box;
	visibility: hidden; opacity: 0;
	transition: all .3s;
}
.layer-popup-app .layer-popup-inner.active {
	bottom: 0;
	visibility: visible; opacity: 1;
}
.layer-popup-app .layer-popup-inner .handlebar {
	position: fixed; left: 50%; z-index: 2;
	width: 70px; height: 24px;
	transform: translateX(-50%);
	cursor: pointer;
}
.layer-popup-app .layer-popup-inner .handlebar:after {
	content: '';
	display: block;
	width: 55px; height: 4px;
	border-radius: 3px;
	margin: 10px auto 0;
	background-color: #ccc;
}
.layer-popup-app .layer-popup-inner .layer-popup-wrap {
	display: flex; flex-direction: column;
	max-height: inherit;
}
.layer-popup-app .layer-popup-inner .layer-popup-wrap .title {
	flex-shrink: 0;
	margin: 24px 20px 16px;
	font-size: 18px; line-height: 24px; letter-spacing: -.5px; font-weight: 700;
}
.layer-popup-app .layer-popup-inner .layer-popup-wrap .title + div {
	overflow: hidden; overflow-y: auto;
}
.layer-popup-app .layer-popup-inner .layer-popup-wrap .list-bank ul {
	padding: 0 0 12px;
}
.layer-popup-app .layer-popup-inner .layer-popup-wrap .list-bank li {
	position: relative;
	padding: 8px 20px;
	cursor: pointer;
}
.layer-popup-app .layer-popup-inner .layer-popup-wrap .list-bank li.selected:after {
	content: '';
	position: absolute; top: 0; left: -100%; right: -100%; bottom: 0; z-index: -1;
	background-color: #ffe303;
}
.layer-popup-app .layer-popup-inner .layer-popup-wrap .list-bank li figure {
	display: flex; align-items: center;
}
.layer-popup-app .layer-popup-inner .layer-popup-wrap .list-bank li figure img {
	flex-shrink: 0;
	margin: 0 10px 0 0;
	width: 34px;
}
.layer-popup-app .layer-popup-inner .layer-popup-wrap .list-bank li figure figcaption {
	width: 100%;
	font-size: 16px; line-height: 20px; letter-spacing: -.5px; font-weight: 500;
}
@media (min-width: 1200px) {
	.layer-popup-app .layer-popup-inner {
		top: 50%; bottom: auto;
		transform: translateY(-50%);
		border-radius: 15px;
		max-width: 600px;
		padding: 24px 0 30px; margin: auto;
	}
	.layer-popup-app .layer-popup-inner.active {
		bottom: auto;
	}
	.layer-popup-app .layer-popup-inner .handlebar {
		position: fixed; top: 27px; right: 23px; left: auto;
		width: 30px; height: 30px;
		margin: 0 0 0 auto;
		font-size: 0;
		cursor: pointer;
	}
	.layer-popup-app .layer-popup-inner .handlebar:before {
		content: '';
		position: absolute; top: 14px; left: 4px;
		width: 24px; height: 2px;
		background-color: #373737;
		transform: rotate(45deg);
	}
	.layer-popup-app .layer-popup-inner .handlebar:after {
		content: '';
		position: absolute; top: 14px; left: 4px;
		width: 24px; height: 2px;
		background-color: #373737;
		transform: rotate(-45deg);
		border-radius: 0;
		margin: auto;
	}
	.layer-popup-app .layer-popup-inner .layer-popup-wrap {
		max-height: calc(90vh - 44px);
	}
	.layer-popup-app .layer-popup-inner .layer-popup-wrap .title {
		padding: 0 70px;
	}
	.layer-popup-app .layer-popup-inner .layer-popup-wrap .list-bank {
		padding: 0 70px;
	}
}

/* 캘린더 */
.layer-popup-date .month-wrap {
	flex-shrink: 0;
	display: flex; align-items: center; justify-content: space-between;
	margin: 24px 0 20px;
}
.layer-popup-date .month-wrap .title-month {
	text-align: center;
	font-size: 18px; line-height: 24px; letter-spacing: -.5px; font-weight: 700;
}
.layer-popup-date .month-wrap .btn {
	position: relative;
	display: block;
	width: 24px; height: 24px;
}
.layer-popup-date .month-wrap .btn:after {
	content: '';
	position: absolute; top: 9px;
	width: 6px; height: 6px;
	border: solid #c3c3c3;
}
.layer-popup-date .month-wrap .btn-prev {
	left: -10px;
}
.layer-popup-date .month-wrap .btn-prev:after {
	left: 10px;
	border-width: 1px 0 0 1px;
	transform: rotate(-45deg);
}
.layer-popup-date .month-wrap .btn-next {
	right: -10px;
}
.layer-popup-date .month-wrap .btn-next:after {
	right: 10px;
	border-width: 1px 1px 0 0;
	transform: rotate(45deg);
}
.layer-popup-date .calendar-table {
	overflow: hidden; overflow-y: auto;
}
.layer-popup-date .calendar-table table {
	width: 100%;
	text-align: center;
	font-size: 16px; letter-spacing: -.5px; font-weight: 500;
}
.layer-popup-date .calendar-table table th {
	padding: 0 0 10px;
	border-bottom: 1px solid #f1f1f1;
}
.layer-popup-date .calendar-table table th:first-child, 
.layer-popup-date .calendar-table table th:last-child {
	color: #e44231;
}
.layer-popup-date .calendar-table table tbody tr:first-child td {
	padding-top: 40px;
}
.layer-popup-date .calendar-table table tbody tr:last-child td {
	padding-bottom: 40px;
}
.layer-popup-date .calendar-table table td {
	padding: 10px 0;
}
.layer-popup-date .calendar-table table td:first-child, 
.layer-popup-date .calendar-table table td:last-child {
	color: #e44231;
}
.layer-popup-date .calendar-table table td span {
	display: flex; align-items: center; justify-content: center;
	width: 40px; height: 40px;
	border-radius: 50%;
	cursor: pointer;
}
.layer-popup-date .calendar-table table td span.state-disabled {
	opacity: .3;
}
.layer-popup-date .calendar-table table td span.today {
	background-color: #ffe303;
	color: #fff;
}
@media (min-width: 1200px) {
	.layer-popup-app .layer-popup-date {
		padding-bottom: 0;
	}
	.layer-popup-app .layer-popup-date .layer-popup-wrap {
		max-width: 320px;
		padding: 30px 0 0 0; margin: auto;
	}
	.layer-popup-app .layer-popup-date .handlebar {
		display: none;
	}
	.layer-popup-app .layer-popup-date.layer-popup-inner .layer-popup-wrap {
		max-height: calc(90vh - 54px);
	}
	.layer-popup-date .month-wrap {
		margin-top: 0;
	}
	.layer-popup-date .calendar-table table tbody tr:first-child td {
		padding-top: 30px;
	}
}

.layout-app .self-check .info-title {
	display: flex; align-items: center; justify-content: center;
	height: 56px;
	padding: 0 20px 20px; margin: 0 -20px;
	background-color: #fff;
	text-align: center;
	font-size: 16px; line-height: 22px; letter-spacing: -.5px; font-weight: 500;
}
.layout-app .self-check .info-cont {
	padding: 16px 0 10px;
}
.layout-app .self-check .info-cont .list {
	margin: 0 0 10px;
	border-radius: 10px;
	background-color: #fff;
	border: 1px solid #d7d7d7;
}
.layout-app .self-check .info-cont .list .title {
	position: relative;
	display: flex; align-items: center;
	padding: 0 35px 0 0;
	height: 52px;
	font-size: 14px; line-height: 16px; letter-spacing: -.5px; font-weight: 500;
}
.layout-app .self-check .info-cont .list .title .open {
	position: absolute; top: 12px; right: 9px;
	width: 30px; height: 30px;
}
.layout-app .self-check .info-cont .list .title .open:after {
	content: '';
	position: absolute; top: 10px; right: 12px;
	width: 6px; height: 6px;
	border: solid #bdbdbd; border-width: 0 1px 1px 0;
	transform: rotate(45deg);
}
.layout-app .self-check .info-cont .list .title input {
	margin: 0 10px 0 20px;
}
.layout-app .self-check .info-cont .list .txt {
	display: none;
	padding: 0 20px 20px 52px;
	font-size: 14px; line-height: 16px; letter-spacing: -.5px; font-weight: 500; color: #7c7c7c;
}

.layout-app .self-check .section-top {
	padding: 0 0 10px;
	text-align: center;
}
.layout-app .self-check .section-top section {
	margin: 0 0 20px;
	font-size: 14px; line-height: 18px; letter-spacing: -.5px; font-weight: 500; color: #373737;
}
.layout-app .self-check .section-bt {
	text-align: center;
}
.layout-app .self-check .section-bt section {
	margin: 0 0 20px;
	text-align: left;
	font-size: 14px; line-height: 18px; letter-spacing: -.5px; font-weight: 500; color: #7c7c7c;
}
.layout-app .self-check .section-bt ol {
	counter-reset: number 0;
}
.layout-app .self-check .section-bt ol li {
	position: relative;
	padding: 0 0 0 14px;
}
.layout-app .self-check .section-bt ol li:before {
	content: counter(number) ".";
	counter-increment: number;
	position: absolute; top: 0; left: 0;
}
.layout-app .self-check .section-bt ul li {
	position: relative;
	padding: 0 0 0 10px;
}
.layout-app .self-check .section-bt ul li:before {
	content: '-';
	position: absolute; top: 0; left: 0;
}
@media (min-width: 1200px) {
}

.layout-app .self-check .complete-top {
	margin: 0 0 40px;
}
.layout-app .self-check .complete-top .title {
	position: relative;
	padding: 64px 0 0; margin: 0 0 20px;
	font-size: 22px; line-height: 28px; letter-spacing: -.69px; font-weight: 700;
}
.layout-app .self-check .complete-top .title:before {
	content: '';
	position: absolute; top: 0; left: 0;
	width: 42px; height: 42px;
	border-radius: 50%;
	/* background-image: linear-gradient(137deg, #ffe202 18%, #ffcd04 100%); */
	background-color: #FFE303;
}
.layout-app .self-check .complete-top .title:after {
	content: '';
	position: absolute; top: 6px; left: 18px;
	width: 16px; height: 8px;
	border: solid #fff; border-width: 0 0 3px 3px;
	transform: rotate(-45deg) translateX(-50%);
}
.layout-app .self-check .complete-top .desc {
	font-size: 14px; line-height: 18px; letter-spacing: -.5px; font-weight: 500; color: #7c7c7c;
}
.layout-app .self-check .complete-info {
	padding: 20px;
	border-radius: 10px;
	border: 1px solid #d7d7d7;
}
.layout-app .self-check .complete-info .item-wrap {
	padding: 0 0 20px;
}
.layout-app .self-check .complete-info .item-wrap .item {
	margin: 0 0 20px;
}
.layout-app .self-check .complete-info .item-wrap .item .tit {
	margin: 0 0 10px;
	font-size: 16px; line-height: 16px; letter-spacing: -.5px; font-weight: 500; color: #7c7c7c;
}
.layout-app .self-check .complete-info .item-wrap .item .cont {
	font-size: 18px; line-height: 16px; letter-spacing: -.5px; font-weight: 500;
}
.layout-app .self-check .complete-info .cmn-btn-submit-color {
	font-size: 16px;
}
@media (min-width: 1200px) {
}

/* 나의진행상태 */
.layout-pro #container {
	padding-bottom: 0;
}
.layout-pro .my-progress {
	/*min-height: 519px;*/
}

.layout-pro .my-progress .list-item-wrap {
	margin: -30px 0 0 0;
}
.layout-pro .my-progress .list-item-wrap .item {
	display: flex; justify-content: space-between;
	border-bottom: 1px solid #f1f1f1;
	padding: 40px 0 30px;
}
.layout-pro .my-progress .list-item-wrap .item-left {
	display: flex;
	width: 100%;
}
.layout-pro .my-progress .list-item-wrap .item-left .thumb {
	flex-shirnk: 0;
	width: 46px;
	margin: 0 10px 0 0;
}
.layout-pro .my-progress .list-item-wrap .item-left .info .model {
	margin: 0 0 8px;
	font-size: 16px; letter-spacing: -.5px; font-weight: 500; color: #7c7c7c;
}
.layout-pro .my-progress .list-item-wrap .item-left .info .spec {
	margin: 0 0 20px;
	font-size: 16px; letter-spacing: -.5px; font-weight: 500;
}
.layout-pro .my-progress .list-item-wrap .item-left .info .date {
	font-size: 14px; letter-spacing: -.5px; font-weight: 500; color: #7c7c7c;
}
.layout-pro .my-progress .list-item-wrap .item-left .info .date b {
	display: inline-block;
	margin: 0 0 0 10px;
	font-weight: 500; color: #373737;
}
.layout-pro .my-progress .list-item-wrap .item-right {
	flex-shrink: 0;
	width: 60px;
	padding: 10px 0 0 0;
}
.layout-pro .my-progress .btn-sm {
	display: flex; align-items: center; justify-content: center;
	width: 60px; height: 26px;
	border-radius: 6px;
	font-size: 14px; letter-spacing: -.5px; font-weight: 500; color: #fff;
}
.layout-pro .my-progress .btn-sm-bk {
	background-color: #666;
}
.layout-pro .my-progress .btn-sm-color {
	background-color: #ffe303; color: #373737;
}

.layout-pro .my-progress .thumb-wrap {
	margin: 0 0 20px;
}
.layout-pro .my-progress .thumb-wrap figure {
	display: flex; align-items: center;
}
.layout-pro .my-progress .thumb-wrap figure img {
	width: 70px;
	margin: 0 10px 0 0;
}
.layout-pro .my-progress .thumb-wrap figure figcaption {
	font-size: 18px; line-height: 26px; letter-spacing: -.5px; font-weight: 500;
}
.layout-pro .my-progress .thumb-wrap figure figcaption b {
	font-weight: 700;
}
.layout-pro .my-progress .tab-menu {
	position: relative;
	display: flex; align-items: center; justify-content: space-between;
	border-bottom: 3px solid #ccc;
	margin: 0 10px 30px;
}
.layout-pro .my-progress .tab-menu:after {
	content: '';
	position: absolute; bottom: -3px; left: 0; z-index: 2;
	height: 3px;
	background-color: #ffe303;
}
.layout-pro .my-progress .tab-menu.step01:after {
	/* width: 33.33%; */
}
.layout-pro .my-progress .tab-menu.step02:after {
	width: 33.33%;
}
.layout-pro .my-progress .tab-menu.step03:after {
	width: 66.66%;
}
.layout-pro .my-progress .tab-menu.step04:after {
	width: 100%;
}
.layout-pro .my-progress .tab-menu.step01 a:nth-child(-n+1) {
	font-weight: 700; color: #373737;
}
.layout-pro .my-progress .tab-menu.step02 a:nth-child(-n+2) {
	font-weight: 700; color: #373737;
}
.layout-pro .my-progress .tab-menu.step03 a:nth-child(-n+3) {
	font-weight: 700; color: #373737;
}
.layout-pro .my-progress .tab-menu.step04 a:nth-child(-n+4) {
	font-weight: 700; color: #373737;
}
.layout-pro .my-progress .tab-menu a {
	position: relative;
	/* flex: 1; */
	display: flex; align-items: center; justify-content: center;
	padding: 20px 0;
	font-size: 18px; letter-spacing: -.5px; font-weight: 500; color: #999;
}
.layout-pro .my-progress .tab-menu a:first-child {
	/* justify-content: flex-start; */
	/* text-align: left; */
}
.layout-pro .my-progress .tab-menu a:last-child {
	/* justify-content: flex-end; */
	/* text-align: right; */
}
.layout-pro .my-progress .tab-menu a.selected:before {
	content: '';
	position: absolute; bottom: -5px; left: 50%; z-index: 6;
	margin-left: -5px;
	width: 6px; height: 6px;
	border: solid #000; border-width: 2px 2px 0 0;
	transform: rotate(45deg);
}
.layout-pro .my-progress .tab-menu a:last-child.selected:before {
	bottom: -4px;
	margin-left: -6px;
	width: 10px; height: 6px;
	transform: rotate(135deg);
}
.layout-pro .my-progress .tab-menu a.selected:after {
	content: '';
	position: absolute; bottom: -13px; left: 50%; z-index: 5;
	transform: translateX(-50%);
	width: 24px; height: 24px;
	border-radius: 50%;
	background-color: #ffe303;
}
.layout-pro .my-progress .tab-menu a:first-child.selected:before {
	left: 0;
	margin-left: 7px;
}
.layout-pro .my-progress .tab-menu a:first-child.selected:after {
	left: 0;
	transform: none;
}
.layout-pro .my-progress .tab-menu a:last-child.selected:before {
	left: auto; right: 0;
	margin-left: 0px; margin-right: 6px;
}
.layout-pro .my-progress .tab-menu a:last-child.selected:after {
	left: auto; right: 0;
	transform: none;
}

.layout-pro .my-progress .waiting-message {
	padding: 10px 0 30px;
	font-size: 22px; letter-spacing: -.69px; font-weight: 700; color: #373737;
}
.layout-pro .my-progress .waiting-message .guide-txt {
	margin: 20px 0 0 0;
	font-size: 14px; letter-spacing: -.5px; font-weight: 500; color: #7c7c7c;
}

.layout-pro .my-progress .info-item-wrap {
	padding: 0 0 20px;
}
.layout-pro .my-progress .info-item-wrap .item {
	border-radius: 12px;
	border: 1px solid #f1f1f1;
	box-shadow: 0 2px 4px rgba(0,0,0,.09);
	padding: 0 20px; margin: 0 0 20px;
	box-sizing: border-box;
}
.layout-pro .my-progress .info-item-wrap .item-price-wrap {
	display: flex; align-items: center; justify-content: space-between;
	height: 64px;
	font-size: 16px; letter-spacing: -.5px; font-weight: 500;
}
.layout-pro .my-progress .info-item-wrap .item .title {
	position: relative;
	display: flex; align-items: center;
	padding: 0 35px 0 0;
	height: 64px;
	font-size: 18px; line-height: 16px; letter-spacing: -.5px; font-weight: 700;
}
.layout-pro .my-progress .info-item-wrap .item .title .open {
	position: absolute; top: 16px; right: -10px;
	width: 30px; height: 30px;
}
.layout-pro .my-progress .info-item-wrap .item .title .open:after {
	content: '';
	position: absolute; top: 10px; right: 12px;
	width: 6px; height: 6px;
	border: solid #bdbdbd; border-width: 0 1px 1px 0;
	transform: rotate(45deg);
}
.layout-pro .my-progress .info-item-wrap .item .cont {
	display: none;
	padding: 0 0 20px;
}
.layout-pro .my-progress .info-item-wrap .item .cont.active {
	display: block;
}
.layout-pro .my-progress .info-item-wrap .item .cont-list {
	display: flex; justify-content: space-between;
	margin: 0 0 5px;
	font-size: 16px; line-height: 26px; letter-spacing: -.5px; font-weight: 500;
}
.layout-pro .my-progress .info-item-wrap .item .cont-tit {
	color: #7c7c7c;
}
.layout-pro .my-progress .info-item-wrap .item .cont-txt {
	text-align: right;
	font-weight: 700;
}
.layout-pro .my-progress .info-item-wrap .item .cont-sm {
	padding: 0 0 15px;
}
.layout-pro .my-progress .info-item-wrap .item .cont-sm .cont-list {
	margin: 0 0 10px;
}
.layout-pro .my-progress .info-item-wrap .item .cont-sm .cont-txt {
	font-size: 14px; font-weight: 500;
}

.layout-pro .btn-wrap {
	display: flex;
	margin: 0 -20px;
}
.layout-pro .btn-wrap-min {
	margin: -10px 0 20px;
}
.layout-pro .btn-wrap .btn {
	flex: 1;
	display: flex; align-items: center; justify-content: center;
	height: 50px;
	font-size: 16px; letter-spacing: -.8px; font-weight: 500; color: #fff;
}
.layout-pro .btn-wrap .btn-cancel {
	background-color: #666;
}
.layout-pro .btn-wrap .btn-confirm {
	background-color: #373737;
}
.layout-pro .btn-wrap .btn-complete {
	border-radius: 6px;
	background-color: #373737;
}

.layout-pro .select-bank-wrap {
	padding: 0 0 20px;
}
.layout-pro .select-bank-wrap .guide-txt {
	margin: 20px 0;
	font-size: 18px; letter-spacing: -.56px; font-weight: 500;
}
.layout-pro .select-bank-wrap .bank-name {
	display: flex; align-items: center;
	padding: 14px 20px;
	border-radius: 10px;
	width: 100%; height: 52px;
	box-sizing: border-box;
	border: 1px solid #000;
	background-color: #fff;
	margin: 0 0 10px;
}
.layout-pro .select-bank-wrap .bank-name figure {
	display: flex; align-items: center;
}
.layout-pro .select-bank-wrap .bank-name figure img {
	width: 34px;
	margin: 0 10px 0 0;
}
.layout-pro .select-bank-wrap .bank-name figure figcaption {
	font-size: 16px; letter-spacing: -.5px; font-weight: 500;
}
.layout-pro .select-bank-wrap .bank-number {
	padding: 15px 20px;
	border-radius: 10px;
	box-sizing: border-box;
	border: 1px solid #000;
	background-color: #fff;
}
.layout-pro .select-bank-wrap .bank-number .tit {
	font-size: 16px; letter-spacing: -.5px; font-weight: 500;
}
.layout-pro .select-bank-wrap .bank-number .num input {
	font-size: 16px; letter-spacing: -.5px; font-weight: 500;
}

.layout-pro .bankinput-complete {
	padding-top: 120px;
}
.layout-pro .bankinput-complete .title {
	position: relative;
	padding: 54px 0 76px;
	text-align: center;
	font-size: 26px; line-height: 34px; letter-spacing: -.5px; font-weight: 500; color: #373737;
}
.layout-pro .bankinput-complete .title b {
	font-weight: 700;
}
.layout-pro .bankinput-complete .title:before {
	content: '';
	position: absolute; top: 0; left: 50%;
	width: 42px; height: 42px;
	margin-left: -22px;
	border-radius: 50%;
	/* background-image: linear-gradient(137deg, #ffe202 18%, #ffcd04 100%); */
	background-color: #FFE303;
}
.layout-pro .bankinput-complete .title:after {
	content: '';
	position: absolute; top: 6px; left: 50%;
	width: 16px; height: 8px;
	margin: 0 0 0 -3px;
	border: solid #fff; border-width: 0 0 3px 3px;
	transform: rotate(-45deg) translateX(-50%);
}
.layout-pro .bankinput-complete .info {
	text-align: center;
	font-size: 14px; letter-spacing: -.5px; font-weight: 500; color: #7c7c7c;
}
.layout-pro .bankinput-complete .info a {
	position: relative;
	display: block;
	margin: 11px 0 0 0;
}
.layout-pro .bankinput-complete .info a span {
	position: relative;
	display: inline-block;
	padding: 0 20px 0 0;
	font-size: 14px; line-height: 12px; letter-spacing: -.5px; font-weight: 500; color: #373737;
}
.layout-pro .bankinput-complete .info a span:before {
	content: '';
	position: absolute; top: 6px; right: 0;
	width: 16px; height: 2px;
	background-color: #373737;
}
.layout-pro .bankinput-complete .info a span:after {
	content: '';
	position: absolute; top: 3px; right: 0;
	width: 6px; height: 6px;
	border: solid #000; border-width: 2px 2px 0 0;
	transform: rotate(45deg);
}
@media (min-width: 1200px) {
	.layout-pro #container {
		padding-bottom: 180px;
	}

	.layout-pro .my-progress .list-item-wrap {
		margin-top: -40px;
	}

	.layout-pro .bankinput-complete {
		padding-top: 180px;
	}
}

/* 아용약관 */
.agreement-wrap .title {
	flex-shrink: 0;
	padding: 20px 0; margin: 0 40px;
	border-bottom: 1px solid #f1f1f1;
	text-align: center;
	font-size: 18px; letter-spacing: -.5px; font-weight: 700; color: #373737;
}
.agreement-wrap .cont {
	height: 100%;
	padding: 20px 40px;
	box-sizing: border-box;
	overflow: auto;
	font-size: 14px; line-height: 1.6; letter-spacing: -.5px; font-weight: 400; color: #262626;
}
.agreement-wrap .cont article {
	margin: 0 0 40px;
}
.agreement-wrap .cont article.line {
	padding: 0 0 40px;
	border-bottom: 1px solid #dbdbdb;
}
.agreement-wrap .cont section {
	margin: 0 0 30px;
}
.agreement-wrap .cont .tit {
	margin: 0 0 5px;
	font-size: 16px; font-weight: 500;
}
.agreement-wrap .cont .txt > ul {
	margin: 10px 0 0 0;
}
.agreement-wrap .cont .txt > ul > li {
	position: relative;
	padding: 0 0 0 30px; margin: 0 0 10px;
}
.agreement-wrap .cont .txt > ul > li > span {
	position: absolute; top: 0; left: 5px;
}
.agreement-wrap .cont .txt > ul > li > ul {
	margin: 10px 0 0 0;
}
.agreement-wrap .cont .txt > ul > li > ul > li {
	position: relative;
	padding: 0 0 0 15px; margin: 0 0 5px;
	font-size: 12px;
}
.agreement-wrap .cont .txt > ul > li > ul > li.db {
	padding: 0 0 0 20px;
}
.agreement-wrap .cont .txt > ul > li > ul > li > span {
	position: absolute; top: 0; left: 0;
}
.agreement-wrap .cont .txt .personal {
	padding: 20px 0;
	font-weight: 400;
}
.agreement-wrap .cont .txt .personal b {
	font-weight: 500;
}
.agreement-wrap .cont .txt .table-wrap {
	padding: 10px 0 0 0;
}
.agreement-wrap .cont .txt .table-wrap table {
	width: 100%;
}
.agreement-wrap .cont .txt .table-wrap table thead th {
	border-top: 2px solid #222;
	padding: 16px 0;
	background-color: #f2f2f2;
	border-bottom: 1px solid #dbdbdb;
	vertical-align: middle;
	font-size: 14px; line-height: 1.2; font-weight: 500; color: #222;
}
.agreement-wrap .cont .txt .table-wrap table tbody th {
	background-color: #f8f8f8;
	border-bottom: 1px solid #dbdbdb;
	padding: 10px 0 10px 10px;
	text-align: left;
	vertical-align: middle;
	font-size: 12px; font-weight: 400; color: #444;
}
.agreement-wrap .cont .txt .table-wrap table tbody td {
	border-bottom: 1px solid #dbdbdb;
	padding: 10px;
	text-align: center;
	vertical-align: middle;
	font-size: 12px; font-weight: 400; color: #444;
}
.agreement-wrap .cont .txt .table-wrap table tbody td:not(:first-child) {
	border-left: 1px solid #dbdbdb;
}
.agreement-wrap .cont .txt .table-wrap table tbody td span {
	display: block;
	margin: auto;
	text-align: left;
}
.agreement-wrap .cont .txt .table-wrap .table-guide {
	padding: 10px 0 0 0;
}

.agreement-wrap .cont .txt .table-wrap01 table tbody td:nth-child(2) span {
	max-width: 320px;
}
.agreement-wrap .cont .txt .table-wrap01 table tbody td:nth-child(3) span {
	max-width: 40px;
}
.agreement-wrap .cont .txt .table-wrap02 table tbody td:nth-child(2) span {
	max-width: 540px;
}
.agreement-wrap .cont .txt .table-wrap02 table tbody td:nth-child(3) span {
	max-width: 210px;
}
.agreement-wrap .cont .txt .table-wrap03 table tbody td:nth-child(1) span {
	max-width: 140px;
}
.agreement-wrap .cont .txt .table-wrap03 table tbody td:nth-child(2) span {
	max-width: 720px;
}

.agreement-wrap .btns {
	display: flex;
	margin: 0 -6px;
}
.agreement-wrap .btns a {
	border-radius: 0;
	height: 50px;
	flex: 1;
}
@media (min-width: 1200px) {
	.agreement-wrap .title {
		padding: 120px 0 40px; margin: 0 10px 30px;
		border-bottom: 1px solid #222;
		text-align: left;
		font-size: 34px; font-weight: 500; color: #222;
	}
	.agreement-wrap .cont {
		padding: 20px 10px;
		font-size: 18px;
	}

	.agreement-wrap .cont .tit {
		font-size: 20px;
	}
	.agreement-wrap .cont .txt > ul > li > ul > li {
		font-size: 16px;
	}
	.agreement-wrap .cont .txt .table-wrap table thead th {
		font-size: 18px;
	}
	.agreement-wrap .cont .txt .table-wrap table tbody th {
		font-size: 16px;
	}
	.agreement-wrap .cont .txt .table-wrap table tbody td {
		font-size: 16px;
	}
	.agreement-wrap .cont .txt .table-wrap table tbody th {
		padding: 20px 0 20px 30px;
	}
	.agreement-wrap .cont .txt .table-wrap table tbody td {
		padding: 20px 10px;
	}

	.agreement-wrap .cont .txt .table-wrap01 table thead th:nth-child(1) {
		width: 320px;
	}
	.agreement-wrap .cont .txt .table-wrap01 table thead th:nth-child(3) {
		width: 240px;
	}
	.agreement-wrap .cont .txt .table-wrap02 table thead th:nth-child(1) {
		width: 320px;
	}
	.agreement-wrap .cont .txt .table-wrap02 table thead th:nth-child(3) {
		width: 240px;
	}
	.agreement-wrap .cont .txt .table-wrap03 table thead th:nth-child(1) {
		width: 320px;
	}
}


.mypage .info-wrap {
	padding: 0 0 20px;
}
.mypage .info-wrap .member-info {
	display: flex; justify-content: space-between;
	margin: 0 0 20px;
}
.mypage .info-wrap .member-info .name {
	margin: 0 0 10px;
	font-size: 22px; line-height: 21px; letter-spacing: -.5px; font-weight: 500; color: #373737;
}
.mypage .info-wrap .member-info .phone {
	font-size: 14px; line-height: 13px; letter-spacing: -.5px; font-weight: 500; color: #7c7c7c;
}
.mypage .info-wrap .member-info .btn {
	width: 72px; height: 26px;
	border: 1px solid #d7d7d7;
	border-radius: 4px;
	box-sizing: border-box;
	text-align: center;
	font-size: 14px; line-height: 24px; letter-spacing: -.44px; color: #7c7c7c;
}
.mypage .info-wrap .item-wrap .item {
	display: flex; align-items: center; justify-content: space-between;
	border-radius: 4px;
	background-color: #f4f4f4;
	font-size: 16px; line-height: 23px; letter-spacing: -.5px; font-weight: 500;
}
.mypage .info-wrap .item-wrap .item:not(:last-child) {
	margin: 0 0 10px;
}
.mypage .info-wrap .item-wrap .item .tit {
	padding: 10px 20px;
}
.mypage .info-wrap .item-wrap .item .data {
	padding: 10px 20px;
}
.mypage .gnb {
	display: flex; flex-wrap: wrap;
	padding: 0 0 20px;
}
.mypage .gnb .item {
	width: 100%;
}
.mypage .gnb .item:not(:last-child) {
	border-bottom: 1px solid #f1f1f1;
}
.mypage .gnb .item a {
	position: relative;
	display: block;
	padding: 20px 0 20px 35px;
	box-sizing: border-box;
	background-repeat: no-repeat;
	background-position: center left;
	background-size: auto 20px;
	font-size: 16px; line-height: 20px; letter-spacing: -.5px; font-weight: 700;
}
.mypage .gnb .item a:after {
	content: '';
	position: absolute; top: 50%; right: 5px;
	width: 8px; height: 8px;
	border: solid #373737; border-width: 1px 1px 0 0;
	transform: rotate(45deg) translateY(-50%);
}
.mypage .gnb .item-process a {
	background-image: url('../_images/cmn/ico_item_process.png');
}
.mypage .gnb .item-notice a {
	background-image: url('../_images/cmn/ico_item_notice.png');
}
.mypage .gnb .item-mp a {
	background-image: url('../_images/cmn/ico_item_mp.png');
}
.mypage .gnb .item-app a {
	background-image: url('../_images/cmn/ico_item_app.png');
}
.mypage .gnb .item-faq a {
	background-image: url('../_images/cmn/ico_item_faq.png');
}


/* 220616추가 */
.layout-landing #container, 
.layout-landing #content {
	padding: 0;
}
.layout-landing footer {
	display: block;
}
.layout-landing .max-width {
	max-width: 320px;
	margin: auto;
}
.layout-landing .header {
	display: flex; align-items: center;
	height: 50px;
	padding: 0 20px;
	font-size: 0;
}
.layout-landing .header img {
	width: 190px;
}
.layout-landing .visual-area img {
	position: relative; left: 50%;
	transform: translateX(-50%);
	max-width: none;
	width: 100%;
}
.layout-landing .section1 {
	position: relative; z-index: 1;
	margin: -15px 0 80px;
	text-align: center;
}
.layout-landing .section1 .tit {
	margin: 0 0 20px;
	font-size: 34px; line-height: 35px; font-weight: 700; color: #000;
}
.layout-landing .section1 .tit span {
	display: block;
	font-size: 24px;
}
.layout-landing .section1 .desc {
	margin: 0 0 40px;
	font-size: 17px; line-height: 22px; letter-spacing: -.39px; font-weight: 500; color: #000;
}
.layout-landing .section1 .btn {
	display: flex; align-items: center; justify-content: center;
	height: 60px; background-color: #000;
	border-radius: 60px;
	margin: 0 0 40px;
	font-size: 20px; letter-spacing: -.42px; font-weight: 500; color: #fff;
}
.layout-landing .section1 ul {
	text-align: left;
}
.layout-landing .section1 ul li {
	position: relative;
	padding: 0 0 0 14px; margin: 0 0 12px;
	font-size: 13px; line-height: 1.54; color: #7c7c7c;
}
.layout-landing .section1 ul li:before {
	content: '・';
	position: absolute; top: 0; left: 0;
}
.layout-landing .section2 {
	margin: 0 0 100px;
}
.layout-landing .section2 .tit {
	position: relative;
	padding: 40px 0 0; margin: 0 0 30px;
	text-align: center;
	font-size: 24px; letter-spacing: -.75px; font-weight: 500; color: #000;
}
.layout-landing .section2 .tit b {
	font-weight: 700;;
}
.layout-landing .section2 .tit:before {
	content: '';
	position: absolute; top: 0; left: 50%;
	transform: translateX(-50%);
	width: 17px; height: 15px;
	background: url('../_images/landing/qm.png') center/cover no-repeat;
}
.layout-landing .section2 .remonn {
	display: flex; align-items: center; justify-content: center;
	background-color: #ffe303;
	height: 120px;
	border-radius: 15px;
	margin: 0 0 30px;
}
.layout-landing .section2 .remonn img {
	width: 122px;
}
.layout-landing .section2 .desc {
	margin: 0 0 30px;
	text-align: center;
	font-size: 15px; line-height: 1.47; letter-spacing: -.47px; font-weight: 500; color: #7c7c7c;
}
.layout-landing .section2 .btn-wrap {
	text-align: center;
}
.layout-landing .section2 .btn {
	font-size: 13px; letter-spacing: -.46px; font-weight: 700; color: #000;
}
.layout-landing .section3 {
	position: relative;
	padding: 60px 0; margin: 0 -20px;
}
.layout-landing .section3:after {
	content: '';
	position: absolute; top: 0; left: -1000%; right: -1000%; bottom: 0; z-index: -1;
	background-color: #f4f4f4;
}
.layout-landing .section3 .tit {
	margin: 0 0 40px;
	text-align: center;
	font-size: 24px; font-weight: 500; color: #000;
}
.layout-landing .section3 .tit b {
	font-weight: 700;
}
.layout-landing .section3 .slide-btn {
	padding: 10px 20px 4px; margin: 0 0 40px;
	counter-reset: section 0;
	overflow: hidden;
}
.layout-landing .section3 .slide-btn .swiper-wrapper {
	align-items: center;
}
.layout-landing .section3 .slide-btn .swiper-slide > div {
	position: relative;
	display: flex; align-items: center; justify-content: center;
	height: 45px;
	border-radius: 25px;
	background-color: #fff;
	/* border: 2px solid transparent; */
	text-align: center;
	font-size: 13px; font-weight: 500; color: #797979;
	cursor: pointer;
}
.layout-landing .section3 .slide-btn .swiper-slide > div:after {
	content: '';
	position: absolute; top: -4px; right: -4px; bottom: -4px; left: -4px;
	border-radius: 25px;
	border: 2px solid transparent;
}
.layout-landing .section3 .slide-btn .swiper-slide > div:before {
	counter-increment: section;
    content: counter(section);
	position: absolute; top: -9px; left: 4px; z-index: 2;
	display: flex; align-items: center; justify-content: center;
	width: 20px; height: 20px;
	border-radius: 50%;
	background-color: #aaa;
	font-size: 10px; font-weight: 900; color: #fff;
}
.layout-landing .section3 .slide-btn .swiper-slide.selected > div {
	font-weight: 700; color: #000;
}
.layout-landing .section3 .slide-btn .swiper-slide.selected > div:after {
	border-color: #ffe303;
}
.layout-landing .section3 .slide-btn .swiper-slide.selected > div:before {
	background-color: #ffe303;
	color: #000;
}
.layout-landing .section3 .slide-cont {
	position: relative;
	overflow: hidden;
}
.layout-landing .section3 .slide-cont .swiper-slide figure {
	text-align: center;
}
.layout-landing .section3 .slide-cont .swiper-slide figure img {
	max-width: 272px;
}
.layout-landing .section3 .slide-cont .swiper-slide figcaption {
	margin: 0 0 20px;
	font-size: 18px; letter-spacing: -.56px; font-weight: 700; color: #000;
}
.layout-landing .section3 .slide-cont .arrow {
	position: absolute; top: 50%; z-index: 10;
	width: 26px; height: 26px;
	transform: translateY(-50%);
	font-size: 0;
	cursor: pointer;
}
.layout-landing .section3 .slide-cont .arrow:before {
	content: '';
	position: absolute; top: 7px; 
	width: 10px; height: 10px;
	border: solid #bdbdbd;
}
.layout-landing .section3 .slide-cont .arrow-prev {
	left: 0%;
}
.layout-landing .section3 .slide-cont .arrow-prev:before {
	left: 11px;
	border-width: 1px 0 0 1px;
	transform: rotate(-45deg);
}
.layout-landing .section3 .slide-cont .arrow-next {
	right: 0;
}
.layout-landing .section3 .slide-cont .arrow-next:before {
	right: 11px;
	border-width: 1px 1px 0 0;
	transform: rotate(45deg);
}
.layout-landing .section3 .slide-cont .arrow.swiper-button-disabled {
	display: none;
}
.layout-landing .section3 .btn {
	display: flex; align-items: center; justify-content: center;
	margin: 40px auto 0;
	max-width: 320px; height: 80px;
	border-radius: 15px;
	border: 1px solid #d7d7d7;
	background-color: #fff;
}
.layout-landing .section3 .btn span {
	display: inline-block;
	padding: 0 0 0 60px;
	background: url('../_images/landing/ico_faq.png') left center/42px auto no-repeat;
	font-size: 16px; line-height: 42px; letter-spacing: -.67px; font-weight: 500; color: #515151;
}


@media (min-width: 1200px) {
	.layout-landing .max-width {
		max-width: 500px;
	}
	.layout-landing .header {
		justify-content: center;
		height: 60px;
	}
	.layout-landing .header img {
		width: 210px;
	}
	.layout-landing .visual-area img {
		width: auto;
	}
	.layout-landing .section1 {
		max-width: 400px;
		margin: -70px auto 100px;
	}
	.layout-landing .section1 .tit {
		font-size: 42px; line-height: 40px;
	}
	.layout-landing .section1 .desc {
		font-size: 20px; line-height: 26px;
	}
	.layout-landing .section1 ul li {
		font-size: 15px;
	}
	.layout-landing .section2 .tit {
		font-size: 28px;
	}
	.layout-landing .section2 .remonn {
		max-width: 400px;
		margin: auto auto 34px;
	}
	.layout-landing .section2 .desc {
		margin: 0 0 40px;
		font-size :16px; letter-spacing: -.5px;
	}
	.layout-landing .section2 .btn {
		font-size: 14px; letter-spacing: -.5px;
	}
	.layout-landing .section3 .tit {
		font-size: 28px;
	}
	.layout-landing .section3 .tit br {
		display: none;
	}
	.layout-landing .section3 .slide-btn {
		margin: 0 0 5px;
	}
	.layout-landing .section3 .slide-btn .swiper-wrapper {
		flex-wrap: wrap; justify-content: center;
		width: auto;
		margin: 0 -8px;
		transform: none !important;
	}
	.layout-landing .section3 .slide-btn .swiper-wrapper:before {
		content:'';
		width: 1px;
	}
	.layout-landing .section3 .slide-btn .swiper-slide {
		width: 25% !important;
		padding: 0 8px 44px;
		box-sizing: border-box;
	}
	.layout-landing .section3 .slide-btn .swiper-slide > div {
		height: 54px;
		border-radius: 30px;
		font-size: 15.6px; line-height: 1.2;
	}
	.layout-landing .section3 .slide-btn .swiper-slide > div:after {
		border-radius: 30px;
	}
	.layout-landing .section3 .slide-btn .swiper-slide > div:before {
		width: 24px; height: 24px;
		font-size: 12px;
	}
	.layout-landing .section3 .slide-cont .swiper-slide figcaption {
		font-size: 20px;
	}
	.layout-landing .section3 .slide-cont .arrow-prev {
		left: 65px;
	}
	.layout-landing .section3 .slide-cont .arrow-next {
		right: 65px;
	}
	.layout-landing .section3 .slide-cont .arrow {
		width: 40px; height: 40px;
	}
	.layout-landing .section3 .slide-cont .arrow:before {
		width: 16px; height: 16px;
		top: 11px;
	}
	.layout-landing .section3 .slide-cont .arrow-prev:before {
		left: 15px;
		border-width: 2px 0 0 2px;
	}
	.layout-landing .section3 .slide-cont .arrow-next:before {
		right: 15px;
		border-width: 2px 2px 0 0;
	}
	.layout-landing .section3 .btn {
		max-width: 500px;
	}
}