@import url("reset.css");

.wrapper {
	width : 100%;
	min-height: 100vh;
	position: relative;

}
.container {
	width:100%;
	padding:50px 20px 40px 20px;
}
.footer {
	position: absolute;
	bottom:0;
	width:100%;
	background:#191919;
	color:#fff;
	padding:20px 20px 45px 20px;
	z-index: 1;
}
.footer .footer-top{
	margin-bottom:35px
}
.footer .footer-top a{
	color:#fff;
	font-size:11px;
}
.footer .footer-link {
	text-align: center;
}
.footer .footer-site{
	display:table;
	width:90%;
	margin:0 auto;
	margin-top:20px
}
.footer .footer-site ul{
	overflow: hidden;
	padding-left:15px
}
.footer .footer-site ul li{
	float: left;
	width:27px;
	height:27px;
	background-size: contain;
	background-repeat: no-repeat;
	margin-left:10px;
}
.footer .footer-site ul li:first-child{
	margin-left:0;
}
.footer .footer-site ul li a{
	display: inline-block;
	width: 100%;
	height: 100%;
}
.footer .footer-site ul li.facebook{
	background-image:url(../images/facebook_icon_white.png);
}
.footer .footer-site ul li.kakao{
	background-image:url(../images/kakao_icon_white.png);
}
.footer .footer-site ul li.naver{
	background-image:url(../images/naver_icon_white.png);
}
.footer .footer-site ul, .footer .footer-site > div{
	display:table-cell;
	width:50%;
	vertical-align: middle;

}
.footer .footer-site > div{
	border-bottom:1px solid #fff;
	font-size: 10px;
	background: url(../images/icon_sitemap.png) no-repeat right center/ 12px;
}
.footer .footer-site > div .redirect-list{
	display: inline-block;
	padding:10px 0;
	width: 100%;
}

.footer .footer-link a{
	color:#d2d2d2;
	font-size: 11px;
	font-weight: 200;
	word-break:keep-all ;
	padding:0 12px;
	position: relative;
}
.footer .footer-link a::before{
	content: "";
	position: absolute;
	left:0;
	top:6px;
	width:1px;
	height:6px;
	background:#82827d ;
}
.footer .footer-link a:first-child{
	padding-left:0
}
.footer .footer-link a:last-child{
	padding-right:0;
}
.footer .footer-link a:first-child::before{
	width: 0;
}
.footer .footer-link .bold {
	color:#fff
}
.footer .footer-if{
	font-size:12px;
	color:#d2d2d2;
	font-weight: 200;
	margin-top:23px;
	text-align: center;
	color:#787878
}
.footer .footer-if span{
	display: inline-block;
	padding: 0 6px;
}

.footer .footer-copy{
	font-size:10px;
	color:#6c6c6a;
	font-weight: 200;
	margin-top:23px;
	text-align: center;
}
.footer .footer-top-conts{
	overflow: hidden;
	float: right;
}
.footer .footer-top-conts li {
	float: left;
	margin-right:20px
}
.footer .footer-top-conts li:last-child{margin-right:0}
.footer .fooet-logo{
	float: left;
	width:107px;
	height: 23px;
	display: inline-block;
	background:url(../images/logo_white.png) no-repeat center / contain;
}
.footer .fooet-logo.online-mall{
	background:url(../images/logo_casamia_online.png) no-repeat center / contain;
/* 	background:#d2d2d2; */
}

.footer .footer-link li{
	display: inline-block;
	padding:0 10px;
	position: relative;
	float: left;
}
.footer .footer-link li:first-child{
	padding-left:0
}
.footer .footer-link li:last-child{
	padding-right:0
}
.footer .footer-link li:last-child::after{
	width:0
}
.footer .footer-link li::after{
	content:"";
	position: absolute;
	top:6px;
	right:0;
	width:1px;
	height:12px;
	background:#787878
}

/* ============================================================================================
	Font
============================================================================================ */
@font-face {
	font-family: noto;
	font-style: normal;
	font-weight: 200;
	src: url('font/NotoSansKR-Light-Hestia.eot');
	src: url('font/NotoSansKR-Light-Hestia.eot?#iefix') format('embedded-opentype'),
		 url('font/NotoSansKR-Light-Hestia.woff') format('woff'),
		 url('font/NotoSansCJKkr-Light.ttf') format('truetype');
}

@font-face {
	font-family: noto;
	font-style: normal;
	font-weight: 400;
	src: url('font/NotoSansKR-Regular-Hestia.eot');
	src: url('font/NotoSansKR-Regular-Hestia.eot?#iefix') format('embedded-opentype'),
		 url('font/NotoSansKR-Regular-Hestia.woff') format('woff'),
		 url('font/NotoSansCJKkr-Regular.ttf') format('truetype');
}
/* semi-Bold */
@font-face {
	font-family: noto;
	font-style: normal;
	font-weight: 600;
	src: url('font/NotoSansKR-Medium-Hestia.eot');
	src: url('font/NotoSansKR-Medium-Hestia.eot?#iefix') format('embedded-opentype'),
		 url('font/NotoSansKR-Medium-Hestia.woff') format('woff'),
		 url('font/NotoSansCJKkr-Medium.ttf') format('truetype');
}
/* Bold */
@font-face {
	font-family: noto;
	font-style: normal;
	font-weight: 900;
	src: url('font/NotoSansKR-Bold-Hestia.eot') format('eot');
	src: url('font/NotoSansKR-Bold-Hestia.eot?#iefix') format('embedded-opentype'),
		 url('font/NotoSansKR-Bold-Hestia.woff') format('woff'),
		 url('font/NotoSansCJKkr-Bold.ttf') format('truetype');
}

/* en */
/*@font-face {
	font-family:noto;
	unicode-range:U+0041-005A, U+0061-007A;
	font-style: normal;
	font-weight: 200;
	src: url('font/en/GillSans-Light.eot');
	src: url('font/en/GillSans-Light.eot?#iefix') format('embedded-opentype'),
		 url('font/en/GillSans-Light.woff') format('woff'),
		 url('font/en/GillSans-Light.ttf') format('truetype');
  }
@font-face {
	font-family: noto;
	unicode-range:U+0041-005A, U+0061-007A;
	font-style: normal;
	font-weight: 400;
	src: url('font/en/GillSans.eot');
	src: url('font/en/GillSans.eot?#iefix') format('embedded-opentype'),
		 url('font/en/GillSans.woff') format('woff'),
		 url('font/en/GillSans.ttf') format('truetype');
  }
  @font-face {
	font-family: noto;
	unicode-range:U+0041-005A, U+0061-007A;
	font-style: normal;
	font-weight: 600;
	src: url('font/en/GillSans-Medium.eot');
	src: url('font/en/GillSans-Medium.eot?#iefix') format('embedded-opentype'),
		 url('font/en/GillSans-Medium.woff') format('woff'),
		 url('font/en/GillSans-Medium.ttf') format('truetype');
  }
  @font-face {
	font-family: noto;
	unicode-range:U+0041-005A, U+0061-007A;
	font-style: normal;
	font-weight: 900;
	src: url('font/en/GillSans-Bold.eot');
	src: url('font/en/GillSans-Bold.eot?#iefix') format('embedded-opentype'),
		 url('font/en/GillSans-Bold.woff') format('woff'),
		 url('font/en/GillSans-Bold.ttf') format('truetype');
  }*/
/* @font-face {
	font-family: roboto;
	font-style: normal;
	font-weight: 900;
	src: url('font/en/Roboto-Bold.eot');
	src: url('font/en/Roboto-Bold.eot?#iefix') format('embedded-opentype'),
		 url('font/en/Roboto-Bold.woff') format('woff'),
		 url('font/en/Roboto-Bold.ttf') format('truetype');
}
@font-face {
	font-family: roboto;
	font-style: normal;
	font-weight: 600;
	src: url('font/en/Roboto-Medium.eot');
	src: url('font/en/Roboto-Medium.eot?#iefix') format('embedded-opentype'),
		 url('font/en/Roboto-Medium.woff') format('woff'),
		 url('font/en/Roboto-Medium.ttf') format('truetype');
}
@font-face {
	font-family: roboto;
	font-style: normal;
	font-weight: 400;
	src: url('font/en/Roboto-Regular.eot');
	src: url('font/en/Roboto-Regular.eot?#iefix') format('embedded-opentype'),
		 url('font/en/Roboto-Regular.woff') format('woff'),
		 url('font/en/Roboto-Regular.ttf') format('truetype');
}
@font-face {
	font-family: roboto;
	font-style: normal;
	font-weight: 200;
	src: url('font/en/Roboto-Light.eot');
	src: url('font/en/Roboto-Light.eot?#iefix') format('embedded-opentype'),
		 url('font/en/Roboto-Light.woff') format('woff'),
		 url('font/en/Roboto-Light.ttf') format('truetype');
} */
/*로딩*/
.loding-dim{
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:rgba(0,0,0,0.4);
	display:none;
	z-index:30;
}
.loader:before{
    content: "";
    position: absolute;
    top: 0px;
    left: -25px;
    height: 12px;
    width: 12px;
    border-radius: 12px;
    -webkit-animation: loader10g 3s ease-in-out infinite;
            animation: loader10g 3s ease-in-out infinite;
}

.loader{
    position: relative;
    width: 12px;
    height: 12px;
    top: 49%;
    left: calc( 50% - 5px);
    border-radius: 12px;
    -webkit-animation: loader10m 3s ease-in-out infinite;
            animation: loader10m 3s ease-in-out infinite;
}


.loader:after{
    content: "";
    position: absolute;
    top: 0px;
    left: 25px;
    height: 12px;
    width: 12px;
    border-radius: 10px;
    -webkit-animation: loader10d 3s ease-in-out infinite;
            animation: loader10d 3s ease-in-out infinite;
}

@-webkit-keyframes loader10g{
    0%{background-color: rgba(255, 255, 255, .2);}
    25%{background-color: rgba(255, 255, 255, 1);}
    50%{background-color: rgba(255, 255, 255, .2);}
    75%{background-color: rgba(255, 255, 255, .2);}
    100%{background-color: rgba(255, 255, 255, .2);}
}
@keyframes loader10g{
    0%{background-color: rgba(255, 255, 255, .2);}
    25%{background-color: rgba(255, 255, 255, 1);}
    50%{background-color: rgba(255, 255, 255, .2);}
    75%{background-color: rgba(255, 255, 255, .2);}
    100%{background-color: rgba(255, 255, 255, .2);}
}

@-webkit-keyframes loader10m{
    0%{background-color: rgba(255, 255, 255, .2);}
    25%{background-color: rgba(255, 255, 255, .2);}
    50%{background-color: rgba(255, 255, 255, 1);}
    75%{background-color: rgba(255, 255, 255, .2);}
    100%{background-color: rgba(255, 255, 255, .2);}
}
@keyframes loader10m{
    0%{background-color: rgba(255, 255, 255, .2);}
    25%{background-color: rgba(255, 255, 255, .2);}
    50%{background-color: rgba(255, 255, 255, 1);}
    75%{background-color: rgba(255, 255, 255, .2);}
    100%{background-color: rgba(255, 255, 255, .2);}
}

@-webkit-keyframes loader10d{
    0%{background-color: rgba(255, 255, 255, .2);}
    25%{background-color: rgba(255, 255, 255, .2);}
    50%{background-color: rgba(255, 255, 255, .2);}
    75%{background-color: rgba(255, 255, 255, 1);}
    100%{background-color: rgba(255, 255, 255, .2);}
}
@keyframes loader10d{
    0%{background-color: rgba(255, 255, 255, .2);}
    25%{background-color: rgba(255, 255, 255, .2);}
    50%{background-color: rgba(255, 255, 255, .2);}
    75%{background-color: rgba(255, 255, 255, 1);}
    100%{background-color: rgba(255, 255, 255, .2);}
}
/*========================================================================================================================
	guaid
==========================================================================================================================
*/
.mgb5 {
	margin-bottom:5px
}
.mgb10{
	margin-bottom:10px
}
.mgb20{
	margin-bottom:20px
}
.mgb30{
	margin-bottom:30px
}
.mgb40{
	margin-bottom:40px
}
.mgb50{
	margin-bottom:50px
}
.mgb60{
	margin-bottom:60px
}
.mgb70{
	margin-bottom:70px
}
.mgb80{
	margin-bottom:80px
}
.mgb90{
	margin-bottom:90px
}

.mgt5{
	margin-top:5px !important
}
.mgt10{
	margin-top:10px !important
}
.mgt20{
	margin-top:20px !important
}
.mgt30{
	margin-top:30px !important
}
.mgt40{
	margin-top:40px !important
}
.mgt50{
	margin-top:50px !important
}
.mgt60{
	margin-top:60px!important
}
.mgt70{
	margin-top:70px!important
}
.mgt80{
	margin-top:80px!important
}
.mgt90{
	margin-top:90px
}
.mgt10{
	margin-top:100px
}
.mgl10{
	margin-left:10px
}
/*margin-left*/
.mgl10{
	margin-left:10px
}
.mgl20{
	margin-left:20px
}
.mgl40{
	margin-left:40px
}
.mgl50{
	margin-left:50px
}
.mgl60{
	margin-left:60px
}
.mgl70{
	margin-left:70px
}
.mgl80{
	margin-left:80px
}
.mgl90{
	margin-left:90px
}
.red {
	color:#ff584b
}
input[placeholder]{
	font-size:14px
}
textarea[readonly]{
	background-color: #f7f7f7;
}
select[readonly]{
	background-color: #f7f7f7;
}
select[disabled]{
	background-color: #f7f7f7;
}
input[readonly]{
	background-color: #f7f7f7;
}
input[disabled]{
	background-color: #f7f7f7;
}
.input-item .short-tp .with-clear.ph {
	width:calc( 100% - 170px )
}
.clear-fix .with-clear{
	float:left
}
.with-clear{
	position:relative;
	overflow:hidden;
	display:inline-block;
}
.casa-input-type01 .tb .ty-input .with-clear {
	width:100%
}
.with-clear .btn-clear{
	display:none;
	width:14px;
	height:14px;
	position:absolute;
	top:14px;
	right:10px;
	background:url(../images/btn_clear.png) no-repeat 0 0;
}
button {
	background-color: #000000;
	min-width: 100px;
	text-align: center;
	color:#fff;
	height: 40px;
	padding:0 5px;
	font-size:14px
}
button.white{
	background-color: #fff;
	color: #000;
	border:1px solid #333
}
.bottom-area{
	text-align:center
}

.bottom-area.type02{
	overflow:hidden
}
.bottom-area.type02 button{
	width:calc( 50% - 5px );
	float:left
}
.bottom-area.type02 button:first-child{
	margin-right:10px
}
.bottom-area button{
	width:50%;
	height:50px;
	margin:40px 0 25px 0;
	font-size:15px
}

.bottom-area button.big{
	width: 80%;
}

.bottom-fixed-area {
	position:fixed;
	bottom:0;
	width:100%;
	display:table;
	z-index:2
}
.bottom-fixed-area button {
	display:table-cell;
	height:50px;
	font-size:17px;
	width:100%
}
.bottom-fixed-area.type02 button{
	width:50%;
}
input[type=file]{
	display:none;
	width:0;
	height: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
input[type=checkbox].disabled + label::before{
	background-image:url(../images/icon_dischk.png) ;
}
input[type=checkbox].disabled:checked + label::before{
	background-image:url(../images/icon_dischk_on.png) ;
}
input[type=checkbox]{
	display:none;
	text-indent: -9999px;
	width:0;
	height: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
input[type=checkbox] + label{
	padding-left:27px;
	position: relative;
	vertical-align: middle;
	font-size: 14px;
	display:inline-block;
}
input[type=checkbox] + label::before{
	content: "";
	width:22px;
	height: 22px;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	position: absolute;
	background-image:url(../images/checkbox.png) ;
	left:0;
	top:0;

}
input[type=checkbox]:checked + label::before{
	background-image: url(../images/checked.png);

}
input[type=radio].readonly + label:before{
	/*background-image: url(../images/radio_ro.png);*/
}
input[type=radio]:checked.readonly + label:before{
	/*background-image: url(../images/radio_ro_on.png)*/
}
input[type=radio] + label,input[type=checkbox] + label{
	cursor:pointer;
}
input[type=radio]{
	display:none;
	text-indent: -9999px;
	width:0;
	height: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
input[type=radio] + label{
	padding-left:29px;
	position: relative;
	margin-right: 30px;
	font-size: 15px;
	font-weight:200;
}
input[type=radio] + label:last-child{
	margin-right: 0;
}
input[type=radio] + label:before{
	content: "";
	width:22px;
	height: 22px;
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	background-image: url(../images/radio.png);
	position: absolute;
	left:0;
	top:0;
}
input[type=radio]:checked + label:before{
	background-image: url(../images/radio_on.png);
}
input.date-form{
	background-color:#fff;
	padding-right:30px;
	background-image:url(../images/icon_datepicker.png);
	background-repeat:no-repeat;
	background-position: 97% center;
	background-size:19px;
}
input.date-form[disabled]{
	background-color:#f7f7f7
}
.clear-fix .with-clear{
	float:left
}
.with-clear{
	position:relative;
	overflow:hidden;
	display:inline-block;
}
.full-type-input .with-clear {
	width:100%
}
.with-clear input{
	padding-right:40px
}
.with-clear .btn-clear{
	display:none;
	width:40px;
	height:40px;
	position:absolute;
	top:0;
	right:0;
	background:url(../images/btn_clear.png) no-repeat center;
	background-size:10px
}
.radio-type02 {
	background-color:#787878;
	border:2px solid #787878;
	display:table;
	width:70px;
}
.radio-type02.on{
	background-color:#000;
	border:2px solid #000;
}
.radio-type02 input[type=radio] + label{
	color:#fff;
	background:#fff;
	padding-left:0;
	margin-right:0;
	width:50%;
	height:33px;
	font-size:12px;
	font-weight:600;
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	border-radius:3px
}
.radio-type02 input[type=radio] + label::before{
	content:none;
	width:0;
	height:0;
}
.radio-type02 input[type=radio]:checked + label{
	background:#000;
}
.radio-type02 input[type=radio].release:checked + label{
	background:#787878;
}


/*
===========================================================================================================================
팝업
===========================================================================================================================
*/
.layer-popup {
	display: none;
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 60;
	background-color: rgba(0, 0, 0, .7);
}

.layer-popup.show {
	display: block;
}

.layer-popup .dimmed {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}

.layer-popup .popup {
	overflow-y: auto;
	position: absolute;
	left: 50%;
	top: 50%;
	box-sizing: border-box;
	background-color: #fff;
}

.layer-popup .popup.cont-type-list {
	padding: 40px;
}

.h-full.layer-popup .popup {
	margin-top: 0 !important;
	top: 20px;
	bottom: 20px;
}
.layer-popup .popup .cont {
	color: #4c4c4c;
	text-align: center;
	overflow-x: hidden;
}

.layer-popup .popup .btn-pop-close {
	min-width:0;
	position: absolute;
	right: 30px;
	top: 30px;
	z-index: 5;
	width: 18px;
	height: 18px;
	background: url(../images/btn_delete.png) no-repeat 0 0 ;

	font-size: 0;
	text-indent: -9999px;
	line-height: 0;
}

.layer-popup .popup .btn-bottom-area {
	margin-top: 40px;
	text-align: center;
	margin-left: -80px;
	margin-right: -80px;
}

.layer-popup .popup.cont-type-list .btn-bottom-area {
	margin-left: 0;
	margin-right: 0;
}

.layer-popup .popup .btn-bottom-area .btn-text {
	min-width: 130px;
	height: 45px;
	margin-left: 8px;
	line-height: 45px;
}

.layer-popup .popup .btn-bottom-area .btn-text:first-child {
	margin-left: 0;
}

.layer-popup .popup .btn-bottom-area .btn-text.type1 {
	line-height: 43px;
}

/**/
.layer-popup .popup .title-area {
	height: 100px;
	margin-top: -40px;
	display: table;
	width: 100%;
}

.layer-popup .popup .title-area .p-title {
	color: #111;
	font-size: 26px;
	font-weight: 600;
	text-align: center;
	vertical-align: middle;
	display: table-cell;
	padding-right: 20px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}

.layer-popup .popup .scoll-cont {
	overflow-y: auto;
	max-height: 350px;
	margin: 0 -40px;
}

.layer-popup {
	display:none
  }
.layer-popup.on{
 display:block
}
.layer-popup .popup{
	/* padding-top:20px */
}
.layer-popup .popup .intro{
	padding:0 20px;
	margin-bottom: 20px;
}
.layer-popup .popup .intro .title{
	font-weight: bold;
	font-size: 18px;
	margin-bottom:3px
}
/*
==========================================================================================================================
탭
==========================================================================================================================
*/

.tab .tab-list{
	display:table;
	width:100%
 }
 .tab.type03 .tab-list .tab-item{
	padding:18px 0;
 }
 .tab .tab-list .tab-item{
 	width:50%;
 	vertical-align:middle;
	display: table-cell;
	cursor: pointer;
	text-align: center;
	height: 40px;
	background: #f7f7f7;
	padding:10px 0;
	border-bottom: solid 1px #787878;
	color: #787878;
 }
 .tab .tab-list .tab-item.on{
	font-weight: 400;
	border-bottom: solid 1px #fff;
	border-top: solid 2px #000;
	background: #fff;
	color:#000000
 }

 .tab .tab-list .tab-item:first-child {
	border-right: solid 1px #787878
 }
 .tab .tab-conts .tab-cont{
 	padding:25px 20px
 }
 .tab .tab-conts .tab-cont{
	display:none
 }
 .tab .tab-conts .tab-cont.on{
	display:block;
 }
/*
==================================================
아코디언
==================================================
*/
.acodian-wrap {
	border-top:1px solid #000
}
.acodian-wrap .inner-box{
	display:none
}
.acodian-wrap .aco-item {
	border-bottom:1px solid #000
}
.acodian-wrap .aco-item .aco-title{
	padding:17px 20px 17px 0;
	background-repeat:no-repeat;
	background-position:97% 25px;
	background-image:url(../images/aco_arrow.png);
	background-size:12px;
}
.acodian-wrap .aco-item.on .aco-title{
	background-image:url(../images/aco_arrow_on.png)
}

/*================================================
table
==================================================*/

.full-type-input.type03 .title{
	font-size:17px;
	color:#787878;
	margin-bottom:8px;
	display:inline-block
}
.full-type-input .input-item > .add{
	color:#787878;
	font-size:12px;
	margin-top:12px
}
.full-type-input.type03 .input-item{
	margin-bottom:20px
}
.full-type-input.type03 .input-item:last-child{
	margin-bottom:0
}
.full-type-input.type03 .input-item .sg-item{
	margin-top:10px
}
.full-type-input.type03 .input-item .sg-item:nth-of-type(1){
	margin-top:0
}
.full-type-input.type03 .input-item > .full-select {
 width:100%
}
.input-item .short-tp{
	overflow:hidden
}

.input-item .short-tp.margin{
	text-align: center;
	margin-top: 13px;
}

.with-clear input[type="text"],.with-clear input[type="tel"],.with-clear input[type="password"]{
	width:100%
}
.input-item .short-tp > input[type="text"],.input-item .short-tp > input[type="tel"],.input-item .short-tp > input[type="password"], .input-item .short-tp .with-clear{
	width:calc( 100% - 110px )
}
.input-item .short-tp > button{
	margin-left:10px
}
.input-item .short-tp > input,.input-item .short-tp > button,.input-item .short-tp > .with-clear{
	float:left
}
.full-type-input .required .title{
	padding-left:10px;
	position:relative
}
.full-type-input .required .title::before{
	content:"*";
	position:absolute;
	top:0;
	left:0;
	color:#ff3e2f
}
.full-type-input input[type=tel],.full-type-input input[type=text],.full-type-input input[type=password]{
	width:100%
}
.full-type-input .input-item{
	margin-bottom:10px
}
.input-item.vali-check .val-text {
	font-size:14px;
	color:#ff3e2f;
}
.input-item.vali-check .valicheck-area{
	min-height:22px;
	margin-top:7px
}
.title-fix-area.type01 h1{
	background:#000;
	color:#fff;
	z-index:11
}
.title-fix-area.type01 .title-main .tit-text{
	display: inline;
	padding-right:30px;
}
.title-fix-area.type01 .tit-text .txt{
	padding-left:20px;
	position: relative;
}
.title-fix-area.type01 .tit-text .txt::before{
	content:"";
	width:2px;
	height:10px;
	background:#d2d2d2;
	position: absolute;
	top:10px;
	left:10px
}
.title-fix-area.type01 .title-main .tit-text::after{
	right:0;
	top:5px;
	width:12px;
	height:23px;
	background:url(../images/arr_wh.png) no-repeat center / contain;
}
.title-fix-area.type01 .tit-text{
	padding-right:25px;
	position:relative;
	display: block;
}
.title-fix-area.type01 .tomain .tit-text::after{
	width:0
}
.title-fix-area.type01 .tit-text::after{
	content:"";
	top:13px;
	right:22px;
	width:23px;
	height:23px;
	position:absolute;
	background:url(../images/btn_dropdown_1.png) no-repeat center / contain;
}
.title-fix-area.type01 .sub-box.on{

}
.title-fix-area.type01 .sub-box{
	background:#fff;
	font-size:17px;
}
.title-fix-area.type01 .sub-box > ul > li.sub03 > ul{
 display:none
}
.title-fix-area.type01 .sub-box > ul > li.sub03{
	background:url(../images/btn_dropdown_2.png) no-repeat right 25px / 12px;
	font-size:17px;
	font-weight:400;
	font-weight: 900;
}
.title-fix-area.type01 .sub-box > ul > li.sub03 .sub03-conts a {
	font-size: 15px;
	font-weight: 400;
	padding-left:10px;
	position: relative;
}
.title-fix-area.type01 .sub-box > ul > li.sub03 .sub03-conts a::before {
	content: "";
	position: absolute;
	left:0;
	top:50%;
	width:3px;
	height:3px;
	background-color:#888888;
	border-radius: 50%;
}
.title-fix-area.type01 .sub-box > ul > li{
	line-height:35px;
	padding:10px 0;
	border-bottom:1px solid #d2d2d2;

}

.title-fix-area.type01 .sub-box > ul > li > a {
	font-size:17px;
	font-weight:400;
	font-weight: 900;

}
.title-fix-area.type01 .dimmed{
	position:fixed;
	top:0;
	bottom:0;
	left:0;
	right:0;
	display:none;
	background:rgba(0,0,0,.5);
	z-index:10
}

.title-fix-area.type01 .sub-box .layer{
	display:none;
	background-color: #f7f7f7;
	padding-left:20px;
	padding:0 20px;
}

.title-fix-area.type02 .btn-close{
	position:absolute;
	right:0;
	top:0
}
.title-fix-area .title-wrap{
	position:fixed;
	width: 100%;
   	background-color: #000;
    z-index:10
}
.title-fix-area.logo-type .title-wrap{
	text-align: center;
	background: #000;
}
.title-fix-area.logo-type .title{
	width:204px;
	text-indent: -9999px;
	font-size: 0;
	display: inline-block;
	background: url(../images/logo_guud02_wh.png)no-repeat center / contain;
}
.title-fix-area .title-wrap .btn-back{
	width: 30px;
	height: 30px;
	display: inline-block;
	background: url(../images/main-arrow01.png) no-repeat center/ contain;
	position: absolute;
	left: 13px;
	top: calc( 50% - 15px );
}
.title-fix-area .title{
	font-size:18px;
	font-weight:600;
	text-align:center;
	height:50px;
	line-height:50px;
	color:#fff
}

.title-fix-area.pop-type{
	position:relative
}
.head-area{
	padding:18px 0
}
.head-area p strong{

}
.head-area.type02{
	padding:18px 0 28px 0
}
.head-area p.bold {
	font-size:25px;
	letter-spacing:-0.6px

}
.head-area p {
	word-break: keep-all;
}
.head-area p.add{
	margin-top:10px;
	font-weight:200
}
.head-area p.add strong{
	font-weight:600
}
.container .foot-info {
	padding-top:15px;
	border-top:1px solid #d2d2d2
}
/*========================================================================================================================
회원가입 인트로
==========================================================================================================================
*/
.sign-in .table {
	display:table;
	max-width:500px;
	margin:0 auto;
	width:100%;
}

.sign-in .table li{
	display:table-cell;
	width:25%;
	vertical-align:top;
	padding-top:57px;
	text-align:center;
	background-repeat:no-repeat;
	background-size:50px 50px;
	background-position:center 0;
	word-break: keep-all;

}
.sign-in .table li:nth-of-type(1){

}
.sign-in .table li:nth-of-type(2){

}
.sign-in .table li:nth-of-type(3){

}
.sign-in .sign-step > h3 {
	font-size:17px;
	font-weight:600;
	padding:17px 0 27px 0;
	border-top: 1px solid #000;
}
.sign-in .table li p{
	font-size:12px;
	font-weight:200;
}
.sign-in .table li.service01{
	background-image:url(../images/icon_cp.png);
	background-position:calc( 50% - 5px ) 0;
}
.sign-in .table li.service02{
	background-image:url(../images/icon_event.png);
}
.sign-in .table li.service03{
	background-image:url(../images/icon_mileage.png);
	background-position:calc( 50% + 5px ) 0;
}
.sign-in .sign-step {
	margin-top:25px
}
.sign-in .sign-step.type02{
	margin-top:0;
}
.sign-in .sign-step.type02 .redirect-h3 span{
	float:left;
}
.sign-in .sign-step.type02 h3.clear-fix span.online-mall{
	float:right;
	font-weight:400;
	font-size:14px;
	padding-right:10px;
	background:url(../images/icon_arrow.png) no-repeat right center / 6px;
}
.sign-in .sign-step h3 .add{
	font-size:12px;
	font-weight:200;
	margin-top:10px
}
.sign-in .methods a {
	display:inline-block;
	width:calc( 50% - 5px );
	float:left;
	border:1px solid #000;
	height:150px;
	text-align:center;
	padding:95px 10px 0 10px
}
.sign-in .methods a.ph{
	background:url(../images/phone_icon.png) no-repeat center 38px / 32px
}
.sign-in .methods a.card{
	background:url(../images/card_icon.png) no-repeat center 45px / 45px
}
.sign-in .methods a:first-child{
	margin-right:10px
}
.sign-in .sign-step.sns li{
	padding-top:0
}
.sign-in .sign-step.sns div{
	padding-top: 52px;
	display:inline-block;

}
.sign-in .sign-step.sns .naver{
	background:url(../images/icon_naver.png) no-repeat center 0 / 40px
}
 .sign-in .sign-step.sns .kakao{
	background:url(../images/icon_kakao.png) no-repeat center 0 / 40px
}
 .sign-in .sign-step.sns .facebook{
	background:url(../images/icon_facebook.png) no-repeat center 0 / 40px
}
.sign-in .sign-step.sns .apple{
	background:url(../images/icon_apple.png) no-repeat center 0 / 40px
}
.sign-in .dot-type {
	margin-top:13px
}
.dot-type li{
	padding-left:9px;
	position:relative;
	color:#787878;
	font-size:12px;
	word-break:keep-all;
	color:#787878;
	font-weight:200
}
.dot-type li strong{
	font-weight:400
}
.dot-type li:before{
	content:"";
	position:absolute;
	top:10px;
	left:0;
	width:2px;
	height:2px;
	border-radius:50%;
	background-color:#787878;
}
/*========================================================================================================================
약관동의
==========================================================================================================================
*/
.terms .term-items{
	margin-top:13px
}
.terms .term-items li.premiddle label{
	padding-left:30px;
	font-weight:600
}
.terms .term-items li{
	padding:12px 30px 12px 0;
	position:relative
}
.terms .term-items li a {
	position:absolute;
	right:0;
	top:18px;
	display:inline-block;
	width:13px;
	height:13px;
	background:url(../images/icon_arrow.png) no-repeat center / 7px ;
	text-indent:-999px;
	font-size:0
}
.terms .term-items li label{
	padding-left:68px;
	position:relative;
	display:inline-block;
	font-weight:200
}
.terms .term-items li label span{
	position:absolute;
	left:30px;
	top:0;
	font-weight:400
}
.terms .term-items li.required label span{
	color:#ff3e2f
}
.terms .agree-all{
	border-bottom:1px solid #d2d2d2;
	padding-bottom:10px
}
.terms .agree-all label{
	font-weight:600;

}

/*완료 페이지 - 실패*/
.fail-msg {
	padding:20px 13px;
	background:#f7f7f7;
}

.fail-msg h4{
	font-size:17px;
}
.fail-msg .bold{
	font-size:17px;
	font-weight:900;
	padding:12px 0
}
.fail-msg ul li {
	font-size:12px;
	font-weight:200;
}
.fail-msg ul li .tit{
	font-weight:600;
	color:#787878;
	margin-right:10px
}
.fail-msg .dot-type li{
	color:#000
}
.cmpl-success .success-msg{
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	font-size:17px;
	font-weight:600;
	text-align:center;
	padding:38px 0;
}
.casa-list{
	border-bottom:1px solid #000;
	border-top:1px solid #000
}
.casa-list li {
	border-bottom:1px solid #d2d2d2;
	padding:13px 15px
}
.casa-list li:last-child{
	border-bottom:none
}
.casa-list li .detail{
	display:table;
	width:100%;
	font-weight:200
}
.casa-list li .user-info{
	font-weight:600;
	font-size:17px;
	margin-bottom:13px
}
.casa-list li .user-info span{
	border:1px solid #000;
	font-size:12px;
	padding:1px 5px;
	margin-left:10px;
	display:inline-block
}
.casa-list li .detail > div{
	display:table-cell;
	vertical-align:top
}
.casa-list li .detail > div.place{
	width:30%;
	text-align:center;
	word-break: break-all;
}
.casa-list li .detail > div.mileage{
	width:30%;
	text-align:right;

}
span.mileage-amount{
	padding-right:23px;
	position:relative;
	word-break:break-all;
	display:inline-block;
}
span.mileage-amount:after{
	content:"";
	position:absolute;
	width:18px;
	height:18px;
	background-size:cover;
	background:url(../images/icon_mile.png) no-repeat center / 17px;
	top:6px;
	right:0
}
.mileage span{
	padding-right:23px;
	position:relative;
	word-break:break-all;
	display:inline-block
}
.casa-list li.fail{
	color:#ff3e2f
}
.casa-list li.fail .detail > div.mileage span:after{
	background:url(../images/icon_mile_fail.png) no-repeat center / 17px;
}
.mileage.fail span:after{
	background:url(../images/icon_mile_fail.png) no-repeat center / 17px;
}
.mileage span:after{
	content:"";
	position:absolute;
	width:18px;
	height:18px;
	background-size:cover;
	background:url(../images/icon_mile.png) no-repeat center / 17px;
	top:calc( 50% - 8px );
	right:0
}
.casa-list li .detail > div.date{
	width:40%
}
/*통합 전환안내*/
.integ-step .gray-box{
	padding: 20px 15px;
    background: #f7f7f7;
    font-size: 14px;
    letter-spacing: -0.7px;
    margin:25px 0 5px 0

}
.integ-step .fail-info {
	color:#ff3e2f;
	display:inline-block;
	position:relative;
	padding-left:23px;
	margin-top:10px
}
.integ-step .fail-info::before{
	content:"";
	position:absolute;
	width:16px;
	height:16px;
	top:4px;
	left:0;
	background:url(../images/icon_fail.png) no-repeat center / 16px;
}
.integ-step .fail-info > span{
	color:#787878;
	font-size:14px;
	margin-left:10px
}
.integ-step .confirm-area{
	margin-top:10px
}
.integ-step .confirm-area label{
	font-size: 15px;
    font-weight: 200;
}

/*마이페이지 - 본인인증 */

.mp-authen.sign-in .sign-step{
	margin-top:0
}

.mp-authen-ph .ft-msg {
	border-top:1px solid #d2d2d2;
	padding-top:13px
}

.trans-mem .certificate{
	margin-top:48px;
}
.trans-mem .certificate h4{
	font-weight:600;
	font-size:17px
}
.trans-mem .certificate .sign-step{

}
.common-cmpl.type02 .cmpl-conts{
	margin-top: 15vh;
}
.common-cmpl .cmpl-conts{
	text-align:center;
	padding-top:80px;
	background-repeat:no-repeat;
	background-size:60px;
	background-position:center 0;
	background-image:url(../images/icon_cmpl.png);
	margin-top:25px
}
.common-cmpl .cmpl-conts.fail{
	background-image:url(../images/icon_error.png);
}
.common-cmpl .cmpl-conts .cmpl-tit{
	font-size:17px;
	margin-bottom:17px
}
.common-cmpl .cmpl-conts .cmpl-text{
	font-weight:200
}

.my-sns .sns-wrap{

}
.my-sns .sns-wrap .sns-table-type {
	display:table;
	width:100%;
	padding:20px 0

}
.my-sns .sns-wrap .sns-table-type .tit{
	margin-bottom:8px;
	font-size:15px;
	font-weight:600;
}
.my-sns .sns-wrap .sns-table-type .info{

	font-size:14px
}
.my-sns .sns-wrap .sns-table-type .date {
	font-size:12px;
	color:#787878;
	margin-top:4px;
	font-weight:200;
}
.my-sns .sns-wrap .sns-table-type > div {
	display:table-cell
}
.my-sns .sns-wrap .sns-table-type > div{
	vertical-align:middle
}
.my-sns .sns-wrap .sns-table-type > div:first-child{

}
.my-sns .sns-wrap .sns-table-type > div:nth-of-type(2){
	width:70px
}
/*회원정보입력*/

.join-info .join-info-req{
	border-bottom:1px solid #000;
	padding-bottom:30px;
	margin-bottom:13px;
}
.join-info .terms .term-items{
	margin-top:0;
}
.join-info .join-info-req .part-tit, .join-info .join-info-add .part-tit{
	font-size: 17px;
    font-weight: 600;
    margin-bottom: 25px;
}
.full-type-input .input-item .tb-txt {
	font-weight:200;
	color:#787878
}
.full-type-input .input-item .tb-txt strong{
	font-weight: 400;
	color:#000
}
.full-type-input .input-item .tb-txt-add{
	font-size:12px;
	margin:3px 0 10px 0;
	color:#787878
}
.join-info .club .file-uploader{
	background:#787878;
	color:#fff;
	width:100px;
	line-height:40px;
	text-align: center;
	display: inline-block;
	font-size: 14px;
	float: left;
}
.join-info .club  .file-wrap{
	margin-top:12px;
}
.join-info .club .file-txt{
	font-size: 14px;
	color:#787878;
	width:calc( 100% - 115px );
}
.join-info .club .file-item{
	font-size: 14px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	display: block;
}
.join-info .club .file-item-wrap{
	max-width:calc( 100% - 115px );
	line-height: 40px;
	padding:0 35px 0 30px;
	border:1px solid #d2d2d2;
	background: url(../images/icon_clip.png) no-repeat 10px center / 12px;
	position: relative;
}
.join-info .club .file-item-wrap .btn-del{
	position: absolute;
	top:15px;
	right:15px;
	display:inline-block;
	width: 12px;
	height: 12px;
	background: url(../images/btn_clear.png) no-repeat 98% center / 12px;
}
.join-info .club .file-txt,.join-info .club .file-item-wrap{
	float: left;

	margin-left: 15px;
}
.join-info .club .club-children ul li{
	overflow: hidden;
	margin-bottom:10px
}
.join-info .club .club-children ul li .date-form,.join-info .club .club-children ul li .gender-wrap,.join-info .club .club-children ul li .del-btn{
	float:left
}
.join-info .club .club-children .add-btn{
	width: calc( 100% - 40px);
	border:1px solid #d2d2d2;
	background:#fff;
	color:#000;
	text-align: left;
	padding-left:35px;
	background: url(../images/icon_add.png) no-repeat 13px center / 12px;
}
.join-info .club .club-children ul li .date-form{
	width:60%;
	background-position:95% center;
}
.join-info .club .club-children ul li .gender-wrap{
	width:calc( 40% - 50px );
	margin:0 10px
}
.join-info .club .club-children ul li .del-btn{
	width:30px;
	height:40px;
	min-width: auto;
	background:url(../images/btn_clear.png) no-repeat 2px center / 14px
}
.join-info .club .club-item {
	padding:13px 15px;
	border-top:1px solid #e5e5e5;
	margin-top:15px;
}
.join-info .club .family-size .with-clear{
	width: calc( 100% - 40px);
}
.join-info .club .family-size .size-txt{
	line-height: 40px;
	margin-left:12px
}
.join-info .club  .family-size .size-txt,.join-info .club .club-item .family-size .with-clear{
	float:left
}
.input-item .validate{
	min-height:20px
}
.input-item .validate span.on{
	display:block
}
.input-item .validate span{
	padding-left:23px;
	font-weight:600;
	font-size:14px;
	position:relative;
	display:none
}
.input-item .validate .pass{
	color:#6bab4b
}
.input-item .validate .pass:before{
	background:url(../images/icon_pass.png) no-repeat center / 12px;
}
.input-item .validate .non-pass{
	color:#ff3e2f
}
.input-item .validate span:before{
	content:"";
	width:20px;
	height:20px;
	position:absolute;
	top:0;
	left:0;
}
.input-item .validate .non-pass:before{
	background:url(../images/icon_nonpass.png) no-repeat center / 12px;
}
.input-item .pw-val.vali01{
	margin-top:0
}
.input-item .pw-val{
	font-size:14px;
	font-weight:200;
	padding-left:25px;
	position:relative;
	color:#787878;
	margin-top:7px
}
.input-item .pw-val::before{
	content:"";
	position:absolute;
	top:50%;
	left:0;
	width:4px;
	height:4px;
	background:#787878;
	border-radius: 50%;
}

.input-item .pw-val.on{
	font-weight:400;
	color:#6bab4b;
}
.input-item .pw-val.on::before{
	color:#6bab4b;
}
.input-item .inner-cb{
	margin-top:7px
}
.input-item .inner-cb > label{
	font-size:14px;
	font-weight:200;
}
.input-item label.tooltip-lb{
	position: relative;
}
.input-item label.tooltip-lb .tooltip-wrap{
	position: absolute;
    left: 100px;
    top: -2px;
	z-index: 5;
}
.input-item label.tooltip-lb .tooltip{
	display:inline-block;
	width:16px;
	height:16px;
	vertical-align: middle;
	margin-left:10px;
	background: url(../images/icon_tooltip.png)no-repeat center / contain;
}
.input-item label.tooltip-lb .tooltip-conts{
	position: relative;
	background:rgba(0,0,0,.8);
	color:#fff;
	width: max-content;
	padding:7px
}
.input-item label.tooltip-lb .tooltip-conts .tit{
	font-size: 12px;
}
.input-item label.tooltip-lb .tooltip-conts ul li {
	font-size: 12px;
	font-weight: 200;

}
.input-item label.tooltip-lb .tooltip-conts .tooltip-close{
	min-width: auto;
	width:10px;
	height:10px;
	background:url(../images/btn_tooltip_close.png) no-repeat center / contain;
	position: absolute;
	right:10px;
}
.input-item label.tooltip-lb .tooltip-conts:after {
	content: '';
	position: absolute;
	left: 0;
	top: 25%;
	width: 0;
	height: 0;
	border: 7px solid transparent;
	border-right-color:rgba(0,0,0,.8);;
	border-left: 0;
	margin-top: -7px;
	margin-left: -7px;
}
.join-info .input-item .trans-term li{
	margin-top:15px
}
.join-info .input-item .trans-term li:first-child{
	margin-top:0
}
.join-info .input-item .cnl-item{
	padding-left:25px
}
.join-info .input-item .cnl-item label{
	margin-right:20px;
	font-weight: 200;
}
.join-info .club-item .input-item .cnl-item label{
	width:34%;
	margin-right:0;
}
.join-info .input-item .all-check label{
	font-weight: 200;
}
.join-info .all-agree{
	margin-bottom:7px;
	font-weight: 200;
}
.join-info .join-info-add .term-items .desc{
	padding-left: 34px;
    font-size: 12px;
    color: #787878;
    margin-top: 3px;
}
.input-item .timer{
	color:#ff3e2f;
	font-weight:600;
	font-size:14px;
	margin-top:7px;
	float:left;
	display:inline-block;
	width:60px;
	text-align:right
}
.input-item .timer.cmpl{
	color:#6bab4b
}
.mp-authen-ph .input-item .timer {
	margin-left:10px;
	text-align: left;
}
/*매장찾기 팝업*/
.container.find-market{
	padding:0
}
.find-market .market-list li > div > p{
	font-size: 14px;
}
.find-market .market-list li > div:first-child > p:first-child{

	font-weight: bold;
}
.find-market .market-list li > div:first-child > p:first-child{

}

.find-market .input-item.search-area{
	margin-top:20px
}
.find-market .result-area{
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	display:table;
	width:100%;
}
.find-market .add-text{
	font-size:14px;
	padding:12px 0 14px 0
}
.find-market .result-area .btn-more{
	width:100%;
	background:#f7f7f7;
	color:#000;
	border-top:1px solid #d2d2d2
}
.find-market .result-area .market-list li{
	display:table;
	width:100%;
	padding:17px 0 17px 0;
	border-top:1px solid #d2d2d2
}
.find-market .result-area .market-list li:first-child{
	border-top:none
}
.find-market .result-area .market-list li > div{
	display:table-cell;
	vertical-align:bottom
}
.find-market .result-area .market-list li > div.ph{
	width:100px;
	text-align: right;
}
.find-market .init{
	display:table-cell;
	vertical-align:middle;
	text-align:center;

	width:100%;

	padding:25vh 0;

}
.find-market .init.no-result .title{
	font-size:17px;
	color:#ff3e2f;
	margin-bottom:10px
}
.find-market .init.no-result .txt{

	font-size:14px;
	font-weight:200
}
/*기가입회원*/
.already-mem .finish-join{
	text-align: center;
	font-weight: 200;
}
.already-mem .bottom-area button{
	margin-bottom:12px;
}
.already-mem .finish-join a {
	font-weight: 400;
	padding-right:20px;
	display: inline-block;
	background: url(../images/icon_arrow.png)no-repeat right center / 6px ;
	margin:22px 0
}

button.btn-pop-close {
	position:absolute;
	top:15px;
	right:20px;
	min-width:0;
	width:17px;
	height:17px;
	text-indent:-9999px;
	font-size:0;
	background:url(../images/btn_close.png) no-repeat center / contain;
}
/*회원정보수정*/
.mypage-info .join-info-req {
	padding-bottom:22px
}
.mypage-info.join-info .join-info-req{
	margin-top:15px
}
.mypage-info .reorganize-info {
	margin-top:15px;
	border:1px solid #000;
	text-align: center;
	padding:30px 20px 35px 20px
}
.mypage-info .reorganize-info > div {
	font-weight: 200;
}
.mypage-info .reorganize-info > p.tit {
	margin-bottom:12px;
	font-weight: 400;
	font-size: 17px;
	padding-top:83px;
	background:url(../images/icon_error.png) no-repeat center 0 / 60px;
}
.mypage-info .reorganize-info > div  > a {
	font-weight: 400;
	margin-top:24px;
	display: inline-block;
	padding-right:20px;
	background:url(../images/icon_arrow.png) no-repeat right center / 8px ;
}
.mypage-info .bottom-area .direct-sec{
	padding-right:15px;
	background:url(../images/icon_arrow.png)no-repeat right 60% / 6px;
	font-size: 14px;
}
/*웰컴페이지*/
.welcome{
	text-align:center
}
.welcome.container{
	padding-top:15vh
}
.welcome h1 {
	display:inline-block;
	text-indent:-999px;
	font-size:0;
	width:165px;
	height:50px;
	background:url(../images/SHINSEGAEcasamia_logo.png) no-repeat 0 0;
	background-size:contain
}
.welcome .tit-area p:nth-of-type(1){
	font-size:17px;margin-top:32px;
}

.welcome .conts-area{
	margin-top:200px
}
.welcome .conts-area button{
	width: 150px;height: 50px;font-size: 17px;margin-bottom: 13px;
}
.welcome .conts-area p{
	font-size: 14px;font-weight: 200;margin-bottom: 20px;
}
.welcome .conts-area a{
	padding-right:15px;
	background:url(../images/icon_arrow.png) no-repeat;
	background-position:right 5px;
	background-size:7px
}
/*탈퇴*/

.secession .sece-list li{
	margin-bottom:15px;
	font-weight:200
}
.secession .gray-box{
	background:#f7f7f7;
	padding:20px 30px;
	font-weight:200
}
.secession .gray-box strong{
	font-weight:400
}
.secession .agree-area{
	margin-top:15px
}
.secession .agree-area label{
	font-weight:200;
}
.secession .sece-list li textarea{
	height: 100px;
	margin-top:10px;
	width: calc(100% - 25px);
	margin-left:25px
}
/**/
.container.tab-type {
	padding-left:0;
	padding-right:0;
}
.container.tab-type .head-area{
	padding-left: 20px;
	padding-right:20px
}
.login-conts .full-type-input .with-clear:first-child {
	margin-bottom:5px;
}
 .login-conts .remember-wrap{
	float: left;
}

.login-conts input[type=text].fail,.login-conts input[type=password].fail{
	border-bottom:1px solid; border-color: #ff3e2f
}

.blinking{
    animation:blinking 1s ;
}
@keyframes blinking{
    0%{ border-color:#ff3e2f;}
    49%{ border-color: #d2d2d2;}
    60%{ border-color: #d2d2d2;}
    99%{ border-color: #ff3e2f;}
    100%{ border-color: #ff3e2f;}
}
.font-blinking{
	animation:blinkingText 1s ;
}
@keyframes blinkingText{
    0%{ opacity:1 ;}
    49%{ opacity:0;}
    60%{ opacity:0.6;}
    100%{ opacity:2;}
}
 .login-conts .remember-wrap label{
 	font-weight:200;
 	font-size:15px
 }
 .login-conts .modify{
	float: right;
}
 .login-conts .modify li{
	display:inline-block
}
 .login-conts .modify li a {
	font-size:15px;
	color:#787878;
	font-weight:200
}
 .login-conts .modify li:first-child{
	position: relative;
	padding-right:20px
}
 .login-conts .modify li:first-child::after{
	content: "";
	width:2px;
	height:10px;
	background-color: #e5e5e5;
	position: absolute;
	right:8px;
	top:8px
}
.login-conts .warn .msg {
	font-size:12px;
	font-weight:200;
	color:#ff3e2f;
	padding-left:23px;
	background:url(../images/icon_warn.png) no-repeat 0 2px ;
	background-size:16px
}
 .easy-login .sign-up{
	text-align: center;
	margin-top:15px;
	color:#787878;
}
 .easy-login .sign-up a{
 font-weight:900
 }

/*로그인*/

.login-conts .login-btn {
	text-align:center;
}
.login-conts .login-btn button{
	width:163px;
	height:50px;
}
.login-conts .easy-login p{
	text-align:center
}
.login-conts .easy-login p.sign-up{
	font-size: 14px;
    font-weight: 200;
}

.login-conts .sign-step.sns li {
	text-align:center
}
.login-conts .easy-login .go-join a{
	padding-right:20px;
	background:url(../images/icon_arrow.png) no-repeat 99% 5px / 7px;
}
.login-conts .sign-step.sns li a{
	text-indent:-999px;
	width:40px;
	height:40px;
	font-size:0;
	background-position:center;
	background-size:contain;
	background-repeat:no-repeat;
	padding:0
}
.login-conts .sign-step.sns li.naver a{
	background-image:url(../images/icon_naver.png)
}
.login-conts .sign-step.sns li.kakao a{
	background-image:url(../images/icon_kakao.png)
}
.login-conts .sign-step.sns li.facebook a{
	background-image:url(../images/icon_facebook.png)
}
.login-conts .sign-in .sign-step{
	margin-top:20px
}
.login-conts .warn{
	min-height:45px;
	padding-top:5px
}
.shop-login .auth{
	margin:30px 0 12px 0;
	border:1px solid #e5e5e5
}
.shop-login .auth a {
	display:inline-block;
	width:calc( 50% - 5px );
	float:left;
	height:150px;
	text-align:center;
	padding-top:95px;
}
.shop-login .auth a:first-child{
	position: relative;
}
.shop-login .auth a:first-child::after{
	content: "";
	position: absolute;
	width:1px;
	height:85px;
	background:#e5e5e5;
	right:0;
	top:calc( 50% - 40px )
}
.shop-login .auth a.phone{
	background:url(../images/phone_icon.png) no-repeat center 38px / 32px
}
.shop-login .auth a.card{
	background:url(../images/card_icon.png) no-repeat center 48px / 47px
}
.shop-login .auth a:first-child{
	margin-right:10px
}
.container.terms-popup{
	padding:15px 20px 20px 20px
}
.pop-tit{
	text-align: center;
    padding: 0 55px;
    width:100%;
    height:50px;
    display:inline-block;
}
.pop-tit .pop-tit-wrap{
	display:table;
	width:100%;
	height:50px;
}
.pop-tit h1{
	font-weight:900;
	display:table-cell;
	vertical-align:middle;
	width:100%
}
.terms-popup .terms-area{
	border:1px solid #d2d2d2;
	padding:17px;
	height:calc( 100vh - 170px );
	overflow:scroll
}

/*아이디 찾기*/
.find-id .acodian-wrap .find-tit{
	font-size:17px;
	margin-bottom:10px
}
.find-id .acodian-wrap .find-txt{
	font-size:12px;
	font-weight:200;
}
.find-id .sign-step{
	margin-top:0
}
.find-id .inner-box .info{
	padding-bottom:33px
}
/*비밀번호 찾기*/
.find-pw .input-item .timer{
	text-align:left;
	margin-left:10px
}
.resend {
	/* text-align: right;
	padding-right: 113px; */
	font-size: 12px;
}
.resend span{
	border-bottom: 1px solid #000;
	margin-right: 5px;
	padding-top: 5px;
	display: inline-block;
}
.find-pw .top-area{
	margin-bottom:17px
}
.find-pw .aco-item.phone .dot-type{
	padding-top:15px;
	border-top:1px solid #d2d2d2;
	margin-bottom:20px
}
/*시스템점검*/
.sys-check .sys-info{
	text-align:center;
	padding-top:85px;
	background:url(../images/icon_error.png)no-repeat center 0 / 61px;
	margin-top:30px
}
.sys-check .sys-info .gray-box{
	background:#f7f7f7;
	padding:20px 0 20px 20px;
	margin:12px 0
}
.sys-check .sys-info .gray-box table th{
	color:#787878;
	font-weight:600
}
.sys-check .sys-info .gray-box table td{
	font-weight:200
}
.sys-check .sys-info .gray-box table th,.sys-check .sys-info .gray-box table td{
	font-size:12px;
	text-align:left;
	vertical-align:top;
	padding-bottom:12px
}

.sys-check .sys-info .gray-box table tr:last-child th,.sys-check .sys-info .gray-box table tr:last-child td{
	padding-bottom:0;
}
/*아이디찾기 결과*/
.id-result .find-result{
	text-align:center;
	border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    padding: 20px 0
}
.id-result .find-result span.source{
	font-weight: 400;
}
.id-result .find-result li {
	margin-bottom:20px
}
.dot-type.bor-type{
	padding-top:12px;
	border-top:1px solid #d2d2d2;
}
.id-result .find-result li .id{
	font-size:17px;
	font-weight:600;
	margin-bottom:10px
}
.id-result .find-result li .date{
	font-size:12px;
	font-weight:200
}
.id-result .find-result li:last-child{
	margin-bottom:0;
}
/*휴면회원*/
.mem-lock.sign-in .sign-step{
	margin-top:0
}
.mem-lock.sign-in .sign-step .add-tit{
	margin-bottom:10px
}
.foot-txt{
	color:#787878;
	font-size:12px;
	font-weight:200;
	border-top:1px solid #d2d2d2;
	padding-top:15px;
	margin-top:30px
}
/*휴면회원 인트로*/
.mem-lock-intro .foot-txt{
	margin-top:0
}
/*데이트피커*/
.popup-datepicker {
	display:none;
	position:fixed;
	left:0;
	right:0;
	top:0;
	bottom:0;
	z-index:520;
}
.popup-datepicker .dimmed {
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	background-color:rgba(0,0,0,.4);
}
.popup-datepicker .datepicker {
	position:absolute;
	left:20px;
	right:20px;
	top:50%;
	-webkit-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	transform:translateY(-50%);
	max-width:320px;
	padding:10px 3px 20px;
	box-sizing:border-box;
	background-color:#fff;
}
/* 360px 이상 */
@media only screen and (min-width:360px) {
	.popup-datepicker .datepicker {
		width:320px;
		left:50%;
		right:inherit;
		-webkit-transform:translate(-50%,-50%);
		-ms-transform:translate(-50%,-50%);
		transform:translate(-50%,-50%);
	}
}
.popup-datepicker .ui-datepicker-header {
	position:relative;
	padding:6px 0;
}
.popup-datepicker .ui-datepicker-header .ui-corner-all {
	position:absolute;
	top:50%;
	width:30px;
	height:30px;
	-webkit-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	transform:translateY(-50%);
}
.popup-datepicker .ui-datepicker-header .ui-datepicker-prev {left:3px;}
.popup-datepicker .ui-datepicker-header .ui-datepicker-next {right:10px;}
.popup-datepicker .ui-datepicker-header .ui-corner-all .ui-icon {
	position:absolute;
	left:50%;
	top:50%;
	-webkit-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	transform:translateY(-50%);
	width:15px;
	height:15px;

	background-repeat:no-repeat;
	background-size:contain;
	font-size:0;
	text-indent:-9999px;
	line-height:0;
}
.popup-datepicker .ui-datepicker-header .ui-datepicker-prev .ui-icon {background-image:url(../images/icon_left.png);}
.popup-datepicker .ui-datepicker-header .ui-datepicker-next .ui-icon {background-image:url(../images/icon_right.png);}
.popup-datepicker .ui-datepicker-header .ui-datepicker-title {text-align:center;}
.popup-datepicker .ui-datepicker-header .ui-datepicker-title select {
	width:100px;
	height:40px;
	padding:0 10px;
	border:1px solid #d2d2d2;
	background-color:#fff;
	font-size:20px;
	font-weight:400;
}
.popup-datepicker .ui-datepicker-header .ui-datepicker-title select + select {margin-left:2px;}
.popup-datepicker .ui-datepicker-header .ui-datepicker-title select.ui-datepicker-month {width:70px;}
.popup-datepicker .ui-datepicker-calendar {margin-top:10px;}
.popup-datepicker .ui-datepicker-calendar thead th {
	color:#111;
	height:40px;
	font-size:14px;
	font-weight: 600;
}

.popup-datepicker .ui-datepicker-calendar tbody td {text-align:center;}
.popup-datepicker .ui-datepicker-calendar tbody td .ui-state-default {
	display:block;
	width:30px;
	height:30px;
	margin:5px auto;
	padding:4px 0;
	box-sizing:border-box;
	border-radius:50%;
	font-size:15px;
}

.popup-datepicker .ui-datepicker-calendar tbody td.ui-datepicker-today a {background-color:#d2d2d2;}
.popup-datepicker .ui-datepicker-calendar tbody td.ui-datepicker-current-day a {
	color:#fff;
	background-color:#ffd700;
}
.popup-datepicker .ui-datepicker-calendar tbody td.ui-state-disabled span {color:#dadada;}
/*afterLogin*/

.after-login .my-area .my-tit{
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	display:table;
	width: 100%;
	padding:15px 14px;
}
.after-login .my-area .my-tit > div > p:first-child{
	font-size: 12px;
}
.after-login .my-area .my-tit .grade{
	font-weight: 900;
	font-size: 17px;
}
.after-login .my-area .my-tit .mile{
	font-weight: 900;
	font-size: 25px;
}
.after-login .my-area .left-side, .after-login .my-area .right-side{
	display:table-cell;
	width: 50%;
	vertical-align: middle;
}
.after-login .my-area .right-side{
	text-align: right;
}
.after-login .my-area .my-detail li{
	display:table;
	width:100%;
	padding:10px 15px
}
.after-login .my-area .my-detail li .left-side{
	font-size:12px;
	font-weight: 200;
	color:#787878;
}
.after-login .my-area .mile{
	padding-right:30px;
	background: url(../images/icon_mile.png) no-repeat right center / 20px ;
}
.after-login .my-area > p{
	margin-bottom:12px
}
.after-login .my-area .my-detail .date{
	color:#d2d2d2;
	margin-top:3px
}
.after-login .my-area .my-detail .mile{
	font-size: 17px;
	font-weight: 900;
	color:#d2d2d2
}
.after-login .logout{
	width:100%;
	text-align: center;
}
.after-login .logout a{
	padding-right:18px;
	background: url(../images/icon_arrow.png)no-repeat right center/8px ;
}

/*중복회원 _ 오프라인*/
.duplicate-off .find-result {
	text-align: left;
	padding: 20px 25px
}
.duplicate-off .find-result li span{
	display:table-cell
}
.duplicate-off .find-result li span:first-child{
	padding-right:10px
}
.duplicate-off .find-result li {
	margin-bottom: 10px;
}
/*마이페이지 - 구매내역조회*/
.purchase-list .term-list{
	padding:15px 0 10px 0
}
.purchase-list .term-list li{
	display:inline-block;
	margin-left: 9px;
}
.purchase-list .term-list li:first-child{
	margin-left:0;
}
.purchase-list .term-list li label::before{
	width:0;
	height:0;
}
.purchase-list .term-list li label{
	display: inline-block;
	padding-left:10px;
	text-align: center;
	color:#787878;
	font-size: 14px;
	line-height: 27px;
	position: relative;
}
.purchase-list .term-list li input:checked + label{
	color:#000;
}
.purchase-list .term-list li input + label::before{
	content:"";
	width:4px;
	height:4px;
	position: absolute;
	background:#d2d2d2 ;
	top:calc( 50% - 2px);
	left:0;
	border-radius: 50%;
}
.purchase-list .term-list li input:checked + label::before{
	background:#000 ;
}
.purchase-list .purchase-info .term-info{
	color:#787878;
	font-size: 14px;
	margin-left:13px;
}
.purchase-list .purchase-info{
	overflow: hidden;
	vertical-align: middle;
	padding-bottom:7px;
	border-bottom:1px solid #d2d2d2;
}
.purchase-list .purchase-info > div{
	float:left;
	line-height: 30px;
}
.purchase-list .purchase-info > select{
	float:right;
	border:none;
	line-height: 30px;
	height: 30px;
	vertical-align: middle;
}
.history-type.bor{
	border-top:1px solid #000;
}
.history-type li {
	display: table;
	padding: 15px 25px 15px 10px;
	border-bottom:1px solid #e5e5e5;
	vertical-align: bottom;
	width: 100%;
	background:url(../images/icon_right.png) no-repeat right center/8px;
}
.history-type li .progress{
	color:#787878
}
.history-type li .progress.done{
	color:#000
}
.history-type li > div{
	display: table-cell;

}
.history-type li > div:last-child{
	text-align: right;
	vertical-align: bottom;
}
.history-type li div.single{
	text-align: left;
}
.history-type li .sub{
	font-size: 12px;
	font-weight: 200;
}
.history-type li .tit{
	font-size: 15px;
	margin-bottom:7px;
}
.history-type li .amount{
	font-weight: 900;
	font-size:15px ;
}
.history-type.type02 li{
	background:none;
	padding: 15px 10px;
}
.history-type.type02 li .tit{
	font-size:15px;
}
.history-type.type02 li .amount{
	font-size:15px;
	font-weight: 400;
}
.history-type.type02 li .amount .bf-sale{
	font-size: 12px;
	color:#787878
}
/*구매내역조회 상세*/
.purchase-detail .term{
	margin-top:10px;
	font-size: 17px;
	padding: 0 10px;
}
.purchase-detail .term > span{
	color:#787878;
	font-weight: 200;
	font-size:13px ;
	display: block;
}
.purchase-detail .detail-info {
	padding:15px 10px ;
}
.purchase-detail .detail-info.bor{
	border-top:1px solid #d2d2d2
}
.purchase-detail .detail-info > div > span:first-child{
	color:#787878;
	margin-right:12px;
}
.purchase-detail .detail-info > div{
	margin-bottom:10px
}
.purchase-detail .detail-info > div:last-child{
	margin-bottom: 0;
}
.table-ul{
	padding:30px 10px 0 10px
}
.table-ul li{
	display: table;
	width:100%;
	margin-bottom: 12px;
}
.table-ul li > div{
	display: table-cell;
	width:50%;
	vertical-align: middle;
}
.table-ul li > div.left{
	color:#787878
}
.table-ul li > div.right{
	text-align: right;
}
.table-ul li.total >  div.right{
	font-size:20px ;
	font-weight: 900;
}
.purchase-detail .table-ul li.total{
	margin-bottom:5px
}
.purchase-detail .table-ul li.total >  div.left{
	font-size: 17px;
	color:#000
}
.purchase-detail .card-info{
	color:#787878;
	font-size: 12px;
	font-weight: 200;
	padding:0 10px
}
.purchase-detail button.more{
	width:100%;
	border:1px solid #d2d2d2;
	color:#000;
	background-color: #fff;
	font-size: 15px;
	margin-top:30px;
	height: 50px;
}
.purchase-detail .table-ul{
	border-bottom:1px solid #d2d2d2;
}

/*마일리지 이용내역조회*/
.mile-list .history-type .amount{
	font-size: 15px;
	font-weight: 400;
}
.mile-list .history-type .amount .mileage{
	margin-bottom:7px;
}
.container.type02{
	padding-left:0;
	padding-right:0;
}
.container.type02 .conts-wrap{
	padding:0 20px;
}
.container.type02 .head-area{
	padding-left:20px;
	padding-right:20px;
}
.mile-list .conts-wrap:nth-of-type(1){
	border-bottom:1px solid #d2d2d2
}
.mile-list .conts-wrap:nth-of-type(2){
	border-top:10px solid #f7f7f7
}

.mile-list .table-ul{
	padding:20px 10px
}
.mile-list .table-ul .total{
	border-bottom:1px solid #000;
	padding-bottom:8px
}
.mile-list .table-ul .total .left{
	color:#000;
	font-weight: 400;
}
.mile-list .table-ul .left .sub{
	color:#d2d2d2;
	font-size: 12px;
}
.mile-list .table-ul .left{
	font-size:14px;
	color:#787878;
	font-weight: 200;
}
/*쿠폰 내역 조회*/
.coup-list .enroll .add{
	font-size: 17px;
	font-weight: 200;
	padding:20px 0 25px 0
}
.coup-list .history-type li{
	background:none;
	padding-right:10px
}
.coup-list .cmt .cp-cont{
	width: calc( 100% - 80px );
	padding:10px 0;
}
.coup-list .cmt .btn-zone{
	background-image:url(../images/icon_cf.png);
	background-repeat: no-repeat;
	background-position:  center calc( 50% - 10px);
	background-size:20px;
}
.coup-list .download .cmt .btn-zone{
	background-image:url(../images/icon_download.png);;
}
.coup-list .cmt.done .btn-zone{
	color:#d2d2d2;
	background-image:url(../images/icon_cf_done.png);
}
.coup-list .download .cmt .cp-cont{
	/* padding-bottom:40px;
	padding-top:10px */
}
.download  .coup-f .cmt .tit{
	margin:6px 0 5px 0 ;
	word-break: break-all;
}
.coup-list .full-type-input .input-item{
	margin-bottom:0
}
.coup-list .download .coup-f .cmt{
	background:url(../images/cp.png)no-repeat 0 0 / 100% 100%
}
.coup-list .cmt .btn-zone{
	width:80px;
	text-align: center;
	padding-top:50px;
	font-size: 12px;
	font-weight: 600;
	background-color: #f7f7f7;
	border-top:1px solid #d2d2d2;
	border-right:1px solid #d2d2d2;
	border-bottom:1px solid #d2d2d2
}
.coup-list .coup-f .cmt{
	display:table;
	min-height: 130px;
	padding-top:0;
	padding-bottom:0;

}
.coup-list .coup-f .cmt > div{
	display: table-cell;
}
.coup-list .coup-history li{
	display:table;
	position: relative;
	width:100%;
	margin-bottom:15px;
}
.coup-list .coup-history li.done{
}
.coup-list .coup-history .useable{
	position: absolute;
	right:20px;
	top:20px;
	font-weight:600 ;
	color:#ff3e2f
}
.coup-list .coup-history .useable.done{
}
.coup-list .coup-history li.done .useable{
}
.coup-list .coup-history li.done .date{
}
.coup-list .coup-history li > div{
	vertical-align: middle;
}
.coup-list .coup-history li > .coup-info{
	padding:23px 20px 0 20px
}
.coup-list .coup-history li > .coup-info .tit{
	font-size: 17px;
	margin-bottom:10px;
}
.coup-list .coup-history li > .coup-info .sub{
	font-weight: 200;
	margin-bottom:20px
}
.coup-list .coup-history li > .date{
	font-size: 14px;
	color:#787878;
	position: absolute;
	bottom:0;
	padding:20px;
	background:#f7f7f7;
	border-top:1px dashed #d2d2d2;
	display: inline-block;
	width:100%;
	overflow: hidden;
}
.coup-list .coup-history li > .date > span:first-child{
	float: left;
}
.coup-list .coup-history li > .date > span:last-child{
	float: right;
}
.coup-list .coup-history li.done > .coup-info .date{
	color:#d2d2d2;
}
.coup-list .coup-history li > .coup-use{
	width:35%;
	color:#fff;
	text-align: center;
	font-size: 17px;
}
.coup-list .coup-history li > .coup-use > p:first-child{
	margin-bottom:20px;
	font-weight: 900;
}
.coup-list .all-down{
	text-align: right;
	margin-top: 15px;
}
.coup-list .all-down button{
	border:1px solid #d2d2d2;
	color:#000;
	background-color: #fff;
	width: 125px;
	font-weight: 600;
	font-size: 13px;
}
/*리스트 슬라이드*/
.list-slide {
	position: fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	width:100%;
	/* height:100%; */
	z-index: 10;
	display:none
}

.list-slide .close {
	width:50px;
	height:50px;
	min-width: 0;
	background:url(../images/icon_close.png)no-repeat 0 0 / contain;
	position: absolute;
	bottom:20px;
	left:10px;
}
.list-slide .inner-conts .more-conts{
	padding: 0;
	width: 100%;
}
.list-slide .inner-conts .more-conts button{
	height: 60px;
}
.list-slide .inner-conts{
	position: fixed;
	top:0;
	right:-100%;
	bottom:0;
	width: calc( 100% - 70px);
	z-index: 1;
	background-color:#fff
}
.list-slide .dim{
	position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0,0,0,0.5);
	z-index: -1;
	display: none;
}
.list-slide .scroll-area{
	position: absolute;
	top: 0;
	bottom: 0;
	width: 100%;
	overflow-y: scroll;
}
.list-slide .scroll-area .mg-list{

}
.list-slide .mg-list .pd-list{
	padding-top:15px
}
.site-map{
	position:fixed;
	bottom:0;
	left:0;
	width:100%;
	z-index: 10;
}
.site-map .conts{
	background:#fff;
	width:100%;
	border-top:1px solid #e5e5e5;
	box-shadow: 0 0 10px rgba(0,0,0,0.2);
}
.site-map .dim{
	position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0,0,0,0.5);
	z-index: -1;
	display: none;
}
.site-map .conts .head{
	text-align: right;
	padding:20px 20px 0px 20px;

}
.site-map .scroll-area {
	text-align: center;
}
.site-map .scroll-area ul a{
	padding:8px 0;
	display: inline-block;
	font-size: 17px;
}
.site-map .retail{
	margin:20px 0;
	position: relative;
	font-weight: 900;
	color:#787878;
	z-index: 10;
}
.site-map .retail span{
	background:#fff;
	padding:0 10px;
	font-size: 15px;
}
.site-map .retail:after{
	content:"";
	width:100%;
	position: absolute;
	height:1px;
	background:#787878;
	left:0;
	top:50%;
	z-index: -1;

}
.site-map .scroll-area{
	padding:20px
}
.site-map .scroll-area .fm01{
	font-weight: 900;

}
.site-map .conts .head > .tit{
	text-align: left;
	width:calc( 100% - 25px );
	font-size: 20px;
	font-weight: 900;
	line-height: 18px;
	display: inline-block;

}
.site-map .conts .head button{
	min-width: auto;
	width:16px;
	height:16px;
	display: inline-block;
	background: url(../images/btn_close.png) no-repeat 0 0 / 16px;
}
.site-map .scroll-area {
    height: 60vh;
    overflow-y: auto;
}
/*로그인 슬라이드 */
.log-slide{
	position:fixed;
	bottom:0;
	left:0;
	width:100%;
	z-index: 10;
}
.log-slide .logout{
	display: inline-block;
	position: absolute;
	right:40px;
	top: 20px;
	font-size: 12px;
	font-weight: 900;
	padding-right:30px;
	letter-spacing: 0.03em;
}
.log-slide .logout:after{
	content:"";
	width:20px;
	height: 2px;
	background:#000;
	right:0;
	top:50%;
	position: absolute;
}
.log-slide .step {
	padding-bottom:30px
}
.log-slide .tab.type03 .tab-item{
	width: 33.3333%;
}
.log-slide .tab.type03 .tab-conts .tab-cont{
	padding-top:20px;
	padding-bottom: 0;
}
.log-slide .conts{
	background:#fff;
	width:100%;
	border-top:1px solid #e5e5e5;
	box-shadow: 0 0 10px rgba(0,0,0,0.2);
}
.log-slide .dim{
	position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0,0,0,0.5);
	z-index: -1;
	display: none;
}
.log-slide .conts .head{
	text-align: right;
	padding:20px 20px 0px 30px;

}
.log-slide .conts .head button{
	min-width: auto;
	width:16px;
	height:16px;
	display: inline-block;
	background: url(../images/btn_close.png) no-repeat 0 0 / 16px;
}

.log-slide .conts .banner{
	display: inline-block;
	width: 100%;
	height:200px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.log-slide .conts .info-conts{
	padding:20px;
	text-align: center;
}
.log-slide .conts .info-conts h4{
	font-size: 17px;
	margin-bottom:10px
}
.log-slide.my-ver .scroll-area{
	height: 75vh;
	transition: all 0.3s ;
	background-color: #f5f5f5;
}
.log-slide.my-ver .gnb-info .top-area .grd-info{
	margin: 0;
	padding: 10px 0 10px 0;
}
.log-slide .cont-wrap{
	background-color: #fff;
}
.log-slide.my-ver  .gnb-info .top-area{
	background-color: #fff;
	padding-bottom: 18px;
	position: relative;
}
.log-slide.my-ver .my-info{
	display: table;
	width:100%;
	border-top:1px solid #e5e5e5;
	padding:18px 0;
	padding-top:20px
}
.log-slide.my-ver .my-info > div:first-child{
	border-right:1px dashed #e5e5e5;
}
.log-slide.my-ver .my-info > div{
	display: table-cell;
	width:50%;
	padding:0 15px;
}
.log-slide.my-ver .card-area .card .tit{
	float: left;
	font-size: 11px;
	font-weight: 900;
	line-height:30px
}
.log-slide.my-ver .card-area .card .casa{
	float: right;
	color:#000;
	font-size:15px;
	font-weight: 900;
	width: 60px;
	height: 25px;
	display: inline-block;
	background: url(../images/logo_casamia.png) no-repeat center / contain;
}
.log-slide.my-ver .card-area .card .barc{
	font-weight: 600;
	font-size: 16px;
}
.log-slide.my-ver .card-area .card{
	background-color:#fff;
	border:1px solid #000;
	width:280px;
	margin:0 auto;
	border-radius: 10px;
	padding:30px;
	height:170px;
	box-shadow: 10px 10px 20px rgba(0,0,0,.1);

}
.log-slide.my-ver .mini-ver-cont .mile,.log-slide.my-ver .mini-ver-cont .coup{
	padding-left:25px;
	color:#787878;
	font-size: 13px;
	font-weight: 900;
	margin-right:4px;
}
.log-slide.my-ver .mini-ver-cont span{
	font-size: 17px;
	font-weight: 900;
}
.log-slide.my-ver .mini-ver-cont span.coup{
	background: url(../images/coupon_icon.png) no-repeat 0 center / 18px;
	margin-left:15px
}
.log-slide.my-ver .mini-ver-cont span.mile{
	background: url(../images/icon_mile02.png) no-repeat 0 center / 18px;

}
.log-slide.my-ver .my-info > div h3{
	font-weight: 600;
	font-size: 13px;
	margin-bottom: 10px;
}
.log-slide.my-ver .card-area{
	background:#f7f7f7;
	border-top:1px solid #d2d2d2;
	padding:30px 0;
}
.log-slide.my-ver .my-info > div > div .m{
	font-size: 13px;
	font-weight: 600;
}
.log-slide.my-ver .my-info > div > div .m span:after{
	width: 14px;
	height: 14px;
	background-size:contain;
}
.log-slide.my-ver .my-info > div > div .date{
	font-size: 11px;
	color:#999999
}
.log-slide.my-ver .my-info > div > div{
	text-align: right;
}
.log-slide.my-ver .mini-ver .scroll-area{
	height: 65px;
	background-color: #fff;
}
.log-slide .scroll-area {
	height: 84vh;
	overflow-y: auto;
}
.log-slide .mini-ver{
	overflow: hidden;
}
.log-slide .mini-ver .head{
	padding:23px 18px;
	float: right;
	display: inline-block;
	width:50px
}
.log-slide .mini-ver .scroll-area{
	height: auto;
	float: left;
	display: inline-block;
	width:calc( 100% -  50px );
	padding:20px 0 20px 20px
}
.log-slide .conts .info-conts .cmt{
	font-weight: 200;
	margin-bottom:15px;
}
.log-slide .conts .info-conts .date{
	color:#787878;
}
.log-slide .conts .slide-botton{
	text-align: center;
}
.log-slide .conts .slide-botton button{
	min-width: 165px;
	margin-bottom:20px
}
.log-slide .conts .dot-type{
	padding:0 30px
}
.log-slide input[type="text"],.log-slide input[type="password"],.log-slide input[type="tel"]{
	border:none;
	border-bottom:1px solid #d2d2d2;
}
.log-slide .login-btn button, .log-slide .full-btn button{
	width:100%;
	font-weight: 900;
	height: 50px;
}
.log-slide .log-title{
	font-size: 32px;
	font-weight: 900;
	padding-left:30px;
	margin-bottom:15px;
}

.log-slide  .login-conts .find-id label, .log-slide .login-step .login-conts .find-id a{
	font-size: 14px;
	color:#000
}
.log-slide input[type="text"]:focus,
.log-slide input[type="password"]:focus{
	border-bottom:1px solid #000;
}
.log-slide input[type="text"].fail:focus,
.log-slide input[type="password"].fail:focus{
	border-bottom:1px solid #ff3e2f;
}
.log-slide .find-id-step .full-type-input{
	position: relative;
}
.log-slide .find-id-step .full-type-input .timer{
	position: absolute;
	right:0;
	top:8px;
	font-size: 14px;
	color:#ff3e2f
}
.log-slide .find-id-step .resend{
	text-align: right;
	font-size: 14px;
	margin-top:15px;
	padding-right: 0;
	margin-top: 0;
}
.log-slide .find-id-step .resend span{
	border-bottom:1px solid #000
}
.log-slide .login-conts .find-id{
	margin-bottom:17px
}
.log-slide  .log-title span{
	font-size: 16px;
	font-weight: 400;
	color:#d2d2d2
}
.log-slide .join{
	text-align: right;
	margin-top: 20px;
}
.log-slide .join .sns-login{
	width: calc( 100% - 140px );
	float: left;
	text-align: left;
	margin-top:10px
}
.log-slide  .join .sns-login a{
	display: inline-block;
	width:34px;
	height:34px;
	background-repeat: no-repeat;
	background-size: contain;
	margin-right:5px
}
.log-slide .join .sns-login a.facebook{
	background: url(../images/icon_facebook.png) no-repeat 0 0 / contain;
}
.log-slide  .join .sns-login a.kakao{
	background: url(../images/icon_kakao.png) no-repeat 0 0 / contain;
}
.log-slide .join .sns-login a.naver{
	background: url(../images/icon_naver.png) no-repeat 0 0 / contain;
}
.log-slide .join .sns-login a.apple{
	background: url(../images/icon_apple.png) no-repeat 0 0 / contain;
}
.log-slide .join .join-direct {
	display: inline-block;
	padding:12px 40px;
	border:1px solid #d2d2d2;
	border-radius: 30px;
	float: right;
}
.log-slide .step .step-join {
	margin-bottom:33px ;
}
.log-slide .step .step-join span{
	border-bottom:2px solid #000;
	font-weight: 900;
	margin-right:12px;
	display: inline-block;
	padding-bottom: 5px;
}
.log-slide .find-pw-step .shop-login .auth{
	margin-top:10px
}
.log-slide .find-id-step .full-type-input {
	margin: 10px 0 10px 0;
}
.log-slide .cont-wrap{
	padding:0 30px
}
.log-slide .result-msg {
	border-bottom: 2px solid #000;
	margin:55px 0 27px 0;
	padding-bottom:20px ;
}
.log-slide .result-msg02 {
	border:1px solid #e5e5e5;
	padding:25px 10px;
	text-align: center;
	margin-bottom: 27px;
}
.log-slide .result-id{
	max-height:100px ;
	overflow-x: auto;
	margin-bottom:60px
}
.log-slide .result-id .row{
	display: table;
	width:100%;
	margin-bottom: 15px;
}
.log-slide .result-id .row > div{
	display: table-cell;
	width:50%
}
.log-slide .result-id .row:last-child{
	margin-bottom: 0;
}
.log-slide .result-id .row > div:last-child{
	text-align: right;
}
.log-slide .findpw-step .ch-pw{
	padding-top:15px
}
.log-slide .findpw-step .log-title{
	margin-bottom: 4px;
}
.log-slide .findpw-step .full-btn {
	margin-top:15px
}
.tool-tip02{
	position: relative;
}
.tool-tip02 span{
	padding-left:27px;
	background:url(../images/tooltip02.png) no-repeat left 2px / 20px ;
}
.tooltip-conts02{
	background:rgba(0,0,0,.8);
	color:#fff;
	width:290px;
	padding:7px;
	color:#fff;
	position: absolute;
	left:0;
	bottom:40px;
	border-radius: 5px;
	box-shadow: 5px 5px 10px rgba(0,0,0,0.1);
	display: none;
	z-index: 9999999;
}

.tooltip-conts02 ul li{
	color:#fff;
	padding-top:5px;
	padding-bottom:5px
}
.tooltip-conts02 .dot-type li:before{
	background-color: #fff;
}

.tooltip-conts02:after,.tooltip-conts02:before {
	top: 100%;
	left: 20%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.tooltip-conts02 .dot-type{
	padding:10px!important
}
.tooltip-conts02:after {
	border-color: rgba(0, 0, 0, 0);
    border-top-color: rgba(0,0,0,0.8);
    border-width: 11px;
    margin-left: -40px;
}
.tooltip-conts02:before {
	border-color: rgba(0, 0, 0, 0);
    border-top-color: rgba(0,0,0,0.4);
    margin-left: -37px;
}
/*tab*/
.tab.type02 .tab-list .tab-item {
	width:33.333%;
	border:none;
	background-color: #fff;
	padding:0;
	font-size: 15px;
	font-weight: 400;
}
.tab.type02 .tab-list .tab-item.on {
	font-weight: 600;
}

.tab.swiper-type .tab-list .tab-item{
	width:auto;
}
.tab.swiper-type div.fix-ver{
	padding:10px 20px 8px 20px;
	border-bottom: none;
}
.tab.swiper-type div.fix-ver .tab-item.on span{
	background-color: #000;
	color:#fff;
	padding:5px 15px;
	border-radius: 25px;

}
.tab.swiper-type div.fix-ver .tab-item span{
	padding:5px 15px;
	font-size: 15px;
	color:#787878;
	margin-bottom:5px
}
.tab.swiper-type div.fix-ver .tab-nomal-wrapper{
	transition: opacity 0.2s;
	opacity: 1;
}
.tab.swiper-type div.fix-ver .tab-nomal-wrapper.blur{
	opacity: 0.2;
}
.tab.swiper-type div.fix-ver .tab-item.on span::after{
	width:0;
}
.tab.swiper-type .swiper-container{
	position:fixed;
	top:60px;
	left:0;
	right:0;
	width:100%;
	background: #fff;
}

.tab.swiper-type .tab-swiper-wrap{
	position: fixed;
	top:50px;
	left:0;
	right:0;
}
.btn-list-area button{
	position: fixed;
	bottom:90px;
	right:20px;
	width:50px;
	height:50px;
	min-width: 0;
	display: inline-block;
	background: url(../images/icon_list.png) no-repeat 0 0 /contain;
	z-index: 2;
}
.btn-up-area button{
	position: fixed;
	bottom:80px;
	right:20px;
	width:50px;
	height:50px;
	min-width: 0;
	display: inline-block;
	background: url(../images/icon_up.png) no-repeat 0 0 /contain;
	z-index: 2;
}
.tab.type02.narrow .tab-item{
	display:inline;
	width:auto;
	height:auto;
}
.tab.type02.narrow .tab-list{
	padding-left:20px
}
.tab.type02 .tab-item span{
	padding:8px 10px;
	display:inline-block;
}
.tab.type02.narrow .tab-item span{
	padding:13px 10px 13px 10px;
	display:inline-block;
}
.tab.type02 .tab-list{
	border-bottom: 1px solid #d2d2d2;
}
.tab.type02 .tab-list .tab-item.on span{
	position:relative;

}
.tab.type02 .tab-list .tab-item.on span::after{
	content:"";
	width:100%;
	height:2px;
	background-color:#000;
	bottom:0;
	left:0;
	position: absolute;
}
.market-detail .tab.type02.narrow {
	margin-top:10px
}
.market-detail .add-info{
	margin-top:0 ;
	padding-bottom: 25px;
	color:#787878
}
.tab .tab-cont.no-pad{
	padding:0;
}
.market-detail .tab .tab-cont.no-pad img{
	width:100%;
}
.market-detail .map{
	background-color: #e5e5e5;
	width: 100%;
	padding-top: calc( 100%*0.5);
	display: inline-block;
}
.market-detail .map-tit{
	margin: 45px 0 20px 30px;
	font-size: 15px;
	font-weight: 900;

}
/*친구추천*/
.recommend-f .friend-sns li {
	margin-top: 15px
}
.recommend-f .friend-sns li > span{
	background-repeat: no-repeat;
	background-size: 47px;
	background-position: 0 center;
	font-size: 17px;
	padding:20px 0 20px 60px;
	display: inline-block;
}
.recommend-f .tab-list .tab-item {
	width:25%;
}
.recommend-f .tab.type03 .tab-conts .tab-cont{
	padding:25px 20px;
}
.recommend-f .friend-sns li.kakao > span{
	background-image: url(../images/icon_kakao.png);
}
.recommend-f .rec-item:first-child .add-cmt{
	margin-bottom:0
}
.recommend-f .rec-item{
	margin-bottom:30px;
	padding: 0 20px;
}
.add-cmt {
	font-weight: 200;
}
.recommend-f h3{
	font-weight: 600;
	font-size: 17px;
	margin-bottom:5px
}
.recommend-f .add-cmt {
	margin-bottom: 23px;
}
.recommend-f .friend-sns li.facebook > span{
	background-image: url(../images/icon_facebook.png);
}
.recommend-f .f-info{
	margin:23px 0;
}
.recommend-f .f-info .tit{
	font-size: 17px;
	margin-bottom: 5px;
}
.recommend-f .f-info .add{
	font-weight: 200;
}
.recommend-f .rec-item input[type=text].link{
	padding-left: 35px;
	background: url(../images/icon_link.png) no-repeat 10px center / 17px ;
}
.recommend-f .ref-status{
	padding-top: calc( 100%*1.15);
	background-size: contain;
	background-image: url(../images/img_bf.png);
	background-repeat: no-repeat;

}
.recommend-f .ref-status .state{
	width: 100%;
	overflow: hidden;
	padding:20px 0;
	color:#fff;
	background-color: #1d2943;
	border-top: 2px solid #ef3d33;
	font-size: 17px;
	font-weight: 600;
	background: url(../images/dot_rf.png) repeat-x center/ 30px,#1d2943;
}
.recommend-f .ref-status .state > div span{
	font-weight: 900;
	font-size: 27px;
	vertical-align: sub;
}
.recommend-f .ref-status .state > div{
	float: left;
	background-color: #1d2943;
}
.recommend-f .ref-status .state > div:first-child{
	padding:10px 15px 10px 25px;

}
.recommend-f .ref-status .state > div:nth-of-type(2){
	float: right;
	padding-left: 15px;
	padding-right: 25px;
}
/*쿠폰선물하기*/
.coup-f .cmt{
	margin:15px auto 15px auto;
	padding:15px 0 15px 20px;
	background: url(../images/cp.png) no-repeat 0 0 / 100% 100% ;
	max-width: 400px;
}
.coup-f .cmt .d-day{
	font-size: 12px;
	font-weight: 900;
	color:#ff3e2f;
}
.coup-f .cmt .d-day .type{
	color:#d2d2d2;
	padding-left:15px;
	position: relative;
}
.coup-f .cmt .d-day .type:after{
	content:"";
	position: absolute;
	width: 2px;
	height: 7px;
	top:5px;
	left: 7px;
	background: #e5e5e5;
}

.coup-f .cmt .tit{
	font-size: 20px;
	font-weight: 600;

}
.coup-f .cmt .add{
	font-size: 12px;
	font-weight: 200;
	margin-bottom: 10px;
}
.coup-f .cmt .date{
	font-weight: 900;
	font-size: 12px;
	color:#d2d2d2
}
.coup-f .cmt .date button{
	min-width: 0;
	background: #fff;
	border:1px solid #d2d2d2;
	color:#000;
	font-size: 11px;
	height: auto;
	margin-left: 10px;
}
.coup-f .tab-conts .tab-cont{
	padding-left:0;
	padding-right:0
}
.coup-f .full-type-input {
	padding:0 20px
}
.coup-f .cf-part{
	border-top:1px solid #e5e5e5;
}
.coup-f .cf-to{
	text-align: center;
	padding:35px 0
}
/*견적 상세조회*/
.as-detail .history-type .total{
	border-bottom:none;
	padding:28px 10px;
}
.as-detail .history-type .total div:first-child{
	font-size: 17px;
}
.as-detail .history-type .total div.amount{
	font-size: 20px;
	font-weight: 900;
}
.info-gray {
	padding:10px 10px 10px 33px;
	font-weight:200 ;
	margin-top:15px;
	background:url(../images/icon_graybox.png) no-repeat 10px 13px / 16px;
	background-color:#f7f7f7;
}
/*이벤트참여내역조회*/
.event-history .event-list li{
	overflow: hidden;
	padding:15px 0;
	border-bottom:1px solid #e5e5e5
}
.event-history .event-list > li > div{
	float: left;
}
.event-history .event-list li > div.img{
	display:inline-block;
	width:100px;
	height:100px;
	background: url(../images/no-result-img.png) no-repeat center,#e5e5e5;
	background-repeat: no-repeat;
	background-size: cover;
}
.event-history .event-list li div.conts-area {
	padding-left:23px
}
.event-history .event-list li div.conts-area .tit{
	font-size:16px;
	font-weight:600;
}
.event-history .event-list li div.conts-area .add{
	font-size:14px;
	font-weight:200;
	margin-bottom:12px;
}
.event-history .event-list li div.conts-area .date01{
	font-size:12px;
	color:#787878;
	margin-bottom:8px;
}
.event-history .event-list li div.conts-area .date02{
	font-size:12px;
	font-weight:600;
}
.event-history .event-list li div.conts-area .date02 > span:first-child{

	margin-right:10px;
}

.event-history .event-list li div.conts-area .date02 > span a{
	background:#000;
	border-radius:15px;
	color:#fff;
	padding:3px 25px 3px 10px;
	font-weight:400;
	display:inline-block;

}


/* ============================================================================================
	레이어팝업
============================================================================================ */
.layer-popup {
	display:none;
	position:fixed;
	left:0;
	right:0;
	top:0;
/* 	bottom:0; */
	z-index:60;
	padding:0 20px;
	background-color:rgba(0,0,0,.5);
}
.layer-popup.show {display:block;}
.layer-popup .dimmed {
	position:absolute;
	left:0;
	right:0;
	top:0;
/* 	bottom:0; */
}
.layer-popup .popup {
	overflow-y:auto;
	position:absolute;
	left:20px;
	right:20px;
	top:50%;
	-webkit-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	transform:translateY(-50%);
	max-width:340px;
	margin:0 auto;
	background-color:#fff;
}
.layer-popup.h-full .popup {
	top:20px;
	bottom:20px;
	-webkit-transform:translateY(0);
	-ms-transform:translateY(0);
	transform:translateY(0);
}

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

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

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

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

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

.layer-popup .popup .btn-pop-close {
	min-width:0;
	position: absolute;
	right: 15px;
	top: 16px;
	z-index: 5;
	width: 18px;
	height: 18px;
	background: url(../images/btn_close.png) no-repeat 0 0 / contain;
	font-size: 0;
	text-indent: -9999px;
	line-height: 0;
}
.layer-popup .popup .pop-tit-wrap{
	padding:0 20px;
	font-size: 17px;
	font-weight: 900;
}
.layer-popup .popup .mid-select{
	padding:0 20px;
	text-align: right;
	overflow:hidden;

}
.layer-popup .popup .pop-head{
	display:table;
	width:100%;
	height:50px;
}
.layer-popup .popup .pop-head .pop-tit-wrap{
	display:table-cell;
	vertical-align:middle;
}
.layer-popup .popup .mid-select div:first-child{
	padding:8px 0;
}
.terms-popup .terms-area{
	height:calc( 100vh - 115px );
}
.terms-popup.type01 .terms-area{
	height:60vh
}
.terms-popup table{
	width:auto;
}
.layer-popup .popup .pop-conts{
	padding:5px 20px 0 20px
}
/*고객의소리*/
.acodian-wrap.type02{
	border-top:none;

}
.acodian-wrap.type02 .aco-item{
	border-bottom: none;
}
.acodian-wrap.type02 .aco-title{
	margin:0 20px;
	border-bottom:1px solid #e5e5e5
}
.acodian-wrap.type02 .inner-conts{
	background: #f7f7f7;
	padding:30px 25px;
}
.acodian-wrap.type02 .inner-conts .question > div , .acodian-wrap.type02 .inner-conts .answer > div{
	padding-left:26px;
	position: relative;
	font-weight: 200;
}
.acodian-wrap.type02 .inner-conts .question > div::before, .acodian-wrap.type02 .inner-conts .answer > div::before{
	content:"Q.";
	position: absolute;
	top:0;
	left:0;
	font-weight: 400;
}
.acodian-wrap.type02 .inner-conts .answer{
	margin-top:20px
}
.acodian-wrap.type02 .aco-title .sub-tit{
	font-size: 12px;
	color:#787878;
	margin-bottom:10px
}
.acodian-wrap.type02 .aco-title .txt span{
	color:#787878;
	padding-left:30px;
	position: relative;
}
.question-list .acodian-wrap .aco-title .txt{
	word-break: break-all;
}
.acodian-wrap.type02 .aco-title .txt span::before{
	content: "";
	width:1px;
	height:14px;
	background: #d2d2d2;
	position: absolute;
	top:4px;
	left:15px
}
.acodian-wrap.type02 .inner-conts .answer > div::before{
	content:"A.";
}
.acodian-wrap.type02 .inner-conts .date{
	text-align: right;
	font-size: 12px;
	color:#787878;
	margin-top:15px;
}
.acodian-wrap.type02 .aco-item .aco-title{
	background-position: 97% center;
	background-image:url(../images/aco_arr02.png);
	background-size:14px
}
.acodian-wrap.type02 .aco-item.on .aco-title{
	background-image:url(../images/aco_arr02_on.png);
}

/*매장안내*/
.tab.type03 .tab-list{
	border-bottom:1px solid #d2d2d2
}
.tab.type03 > .tab-list > .tab-item.on{
	border-top:none;
	border-bottom:2px solid #000;
	font-weight: 600;
}
.tab.type03 .tab-list .tab-item:first-child{
	border-right:none;
}
.tab.type03 .tab-list .tab-item {
 border-bottom:none;
 background:#fff
}
.tab.type03 .tab-conts .tab-cont {
	padding-top:0;
   }
.market-info .serch-icon{
	position:fixed;
	width:50px;
	height:50px;
	border-radius: 50%;
	bottom:20px;
	right:20px;
	z-index: 10;
	background: url(../images/icon_search.png)no-repeat center center / 25px , #000;
	display: inline-block;
}
.market-info .history-type li > div{
	text-align: left;
}
.market-info  .map{
	position: relative;
}
.market-info  .map .map-redir{
	position: absolute;
	left: 20px;
	top: 20px;
	z-index: 2;
	min-width: 0;
	width: 40px;
	height: 40px;
	background: url(../images/icon_map-rd.png) no-repeat center / contain;
}
/*매장상세*/
.market-detail .banner .swiper-slide{
	overflow: hidden;
}
.market-detail .banner .swiper-slide img{
	width:100%;
	float: left;
}
.no-result-search{
	text-align: center;
	padding:30vh 0 20vh 0;
	color:#787878
}
.no-result-search.type02{
	text-align: center;
	padding-top:20vh;
	color:#787878
}
.no-result-search .redirect{
	text-align: center;
	border:1px solid #d2d2d2;
	color:#000;
	display:inline-block;
	padding:15px;
	margin-top:15px

}
.no-result-search .rs-cont{
	font-size: 12px;
	color:#787878;
	margin-top:10px
}
.market-detail .mk-info{
	padding:0 10px
}
.market-detail .mk-info:first-child{
	 border-bottom:1px solid #d2d2d2;
	 margin-top:20px
}
.market-detail .swiper-button-next, .market-detail .swiper-button-next.swiper-button-disabled{
	background-image:url(../images/btn_right.png) ;
	opacity: 1;
	width:30px;
	background-size: contain;
}
.market-detail .swiper-button-prev,.market-detail .swiper-button-prev.swiper-button-disabled{
	background-image:url(../images/btn_left.png) ;
	opacity: 1;
	width:30px;
	background-size: contain;
}
.market-detail .mk-info .tit{
	font-size: 20px;
	font-weight: 600;
	margin-bottom:18px;
}
.market-detail .mk-info .ph{
	font-weight: 600;
	padding-left:30px;
	position: relative;
	margin-bottom:14px;
	display:block;
}
.market-detail .mk-info .address{

}
.market-detail .mk-info .ph::before{
	content:"";
	position: absolute;
	top:2px;
	left:0;
	width:20px;
	height:20px;
	background:url(../images/icon_mkph.png) no-repeat 0 0 / contain
}
.market-detail .mk-detail {
	padding:0 10px
}
.market-detail .mk-detail .tit{
	font-weight:600;
	padding:25px 0 15px 0
}
.market-detail .mk-detail .sub{
	font-weight:200 ;
}

.add-info{
	margin-top:22px;
	padding-top:8px;
	font-size: 12px;
	color:#d2d2d2
}
.add-info.bor{
	border-top:1px solid #d2d2d2
}
.market-detail .event-info{
	padding:25px 30px
}
.market-detail .event-info .add{
	font-size:12px ;
	color:#787878;
	margin-top:8px
}
.tab-ver.swiper-container.tab-list{
	display:block;
	width:auto
}


.market-detail .swiper-container-horizontal>.swiper-pagination-bullets,.market-detail .swiper-pagination-custom, .market-detail .swiper-pagination-fraction{
	    /* text-align: right; */
		display: inline-block;
		width: auto;
		/* text-align: right; */
		position: absolute;
		bottom: 20px;
		right: 20px;
		left: auto;
		padding: 4px 20px;
		background: #000;
		color: #fff;
		border-radius: 20px;
		font-size: 12px;
}
.market-detail .swiper-pagination-current{
	font-weight: 600;
}
.market-detail .swiper-pagination-total{
	font-weight: 200;
}
/*faq*/
.faq .cont-tit {
	padding:24px 0 15px 0;
	margin:0 20px;
	font-size: 17px;
	font-weight: 900;
	border-bottom: 1px solid #e5e5e5;
}
.more-conts{
	padding:0 20px
}
.more-conts .btn-more{
	width:100%;
	background:#fff;
	color:#000;
	height: 50px;
	font-weight: 600;
}
.head-area.small .bold{
	font-size:17px
}
.head-area.small{
	padding:4px 0
}
.head-area.small .add{
	font-size: 14px;
	font-weight: 200;
}
/*고객의소리*/
.qna .info-gray{
	margin-bottom:20px
}
.qna .info-gray .balck{
	color:#000
}
.qna .info-gray .bold{
	font-weight: 600;
	color:#787878
}
.qna .info-gray .bold strong{
	font-weight: 600;
}
.qna .head-area {
	padding-top:18px
}
.search-wrap{
	padding:0 20px
}
.searh-area{
	padding:20px 0 10px 0;
}
.searh-area > div{
	background:#f7f7f7;
}
.searh-area .with-clear{
	float: left;
	width:85%;
}

.searh-area .with-clear .btn-clear::after{
	content: "";
	position: absolute;
	top:13px;
	right:0;
	width:1px;
	height:18px;
	background-color: #d2d2d2;
}
.searh-area input{

	border:none;

	background:#f7f7f7;
}
.searh-area button{
	width:15%;
	float: left;
	padding:0;
	min-width: 0;
	background:url(../images/icon_search01.png) no-repeat center / 18px;
}
/*메인*/
.main .banner-zone .swiper-slide{
	overflow: hidden;
}
.main .banner-zone .swiper-slide .img{
	width:100%;
	float: left;
	padding-top:calc(100%*0.8) ;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.main .title-fix-area.fixed .title-wrap{
	border-bottom: none;
}
.main .title-fix-area .title-wrap{
	position: absolute;
	background:#000;
}
.main .banner-zone .swiper-pagination{
	text-align:right;
	padding:0 20px;
	color:#d2d2d2;
	font-size: 11px;
	font-weight: bold;
	bottom: 20px;
}
.main .banner-zone .swiper-pagination .swiper-pagination-current{
	color:#fff;
	font-size: 20px;
	padding-right:3px
}
.main .banner-zone .swiper-pagination .swiper-pagination-total{
	padding-left:3px
}
.main .log-btn button{
	width:100%;
	color:#fff;
	background:#000;
	height:60px;
	font-size: 13px;
	margin-top: 60px;
	border-top: 1px solid #787878;
}
/*.title-fix-area{*/
/*	height: 60px;*/
/*}*/
.main-container .yellow-line {
	font-weight: 900;

	background-position-y:80% ;
	background-size: 4px;
}
.main-container .banner-zone .swiper-container{
	background: #787878;
}
.main-container .swiper-container-horizontal>.swiper-pagination-progressbar{
	z-index:5;
	top:auto;
	bottom:0;
	width:80%;
	margin:0 10%;
	height: 2px;
	background: #eaeaea;

}
.main-container .main-item.life{
	background: url(../images/main/life_bg.png) no-repeat right 93px / 182px;
}
.main-container .swiper-container02{
	padding-bottom:40px;
	margin-bottom:45px;
	overflow: hidden;
}
.main-container .main-item h2{
	text-align: center;
	font-size: 22px;
	letter-spacing: 0.08em;
	font-weight: 600;
}
.main-container .benefit h2{
	padding:40px 0 25px 0;
}
.main-container .benefit .benefit-conts{
	padding: 0 20px;
	margin-bottom: 40px;
}
.main-container .benefit .benefit-conts .item{
	width: 100%;
	padding: 23px 100px 23px 30px;
	vertical-align: middle;
	border-radius: 10px;
	background-color: #f1f1f1;
	margin-bottom: 15px;
	border: 1px solid #d2d2d2;
	box-shadow: 3px 3px 5px rgba(0,0,0,0.03);
}
.main-container .benefit .benefit-conts .item:nth-of-type(1){
	background: url(../images/main/benefit_01.png) no-repeat calc( 100% - 25px ) center / 65px ;
}
.main-container .benefit .benefit-conts .item:nth-of-type(2){
	background: url(../images/main/benefit_02.png) no-repeat calc( 100% - 20px ) center / 65px ;
}
.main-container .benefit .benefit-conts .item:nth-of-type(3){
	background: url(../images/main/benefit_03.png) no-repeat calc( 100% - 25px ) center / 50px ;
}
.main-container .benefit .benefit-conts .item:nth-of-type(1) .bf-num span{
	color:#000;
	background:url(../images/main/arrow_bf_gr.png) no-repeat right center /7px;
}
.main-container .benefit .benefit-conts .item:nth-of-type(2) .bf-num span{
	color:#000;
	background:url(../images/main/arrow_bf_gr.png) no-repeat right center/ 7px;
}
.main-container .benefit .benefit-conts .item:nth-of-type(3) .bf-num span{
	color:#000;
	background:url(../images/main/arrow_bf_gr.png) no-repeat right center/ 7px;
}
.main-container .benefit .benefit-conts .item .bf-num{
	font-weight: 900;
	font-size: 10px;
	margin-bottom: 10px;
}
.main-container .benefit .benefit-conts .item .bf-num span{
	padding-right: 12px;
	letter-spacing: 0.17em;
	display: inline-block;
	line-height: 10px;
}

.main-container .benefit .benefit-conts .item .bf-conts{
	font-size: 15px;
}
.main-container .benefit .benefit-conts .item:last-child{
	margin-bottom: 0;
}
.main-container .swiper-container-horizontal>.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{
	background:#000;
}
.main-container .benefit .swiper-slide {
	padding: 35px 0 20px 15px;
}
.main-container .benefit .swiper-slide .tit{
	font-size:18px;
	font-weight: 400;
}
/* .main-container .benefit .swiper-slide:first-child{
	padding:0
} */
.main-container .benefit .swiper-slide .first-img{
	top:0;
	right:0;
	position:absolute;
	display:inline-block;
	width:152px;
	height:225px;
	background:url(../images/main/benefit01.png)no-repeat right top /cover;
	z-index: -1;
}
.main-container .benefit .swiper-slide-active .first-img{
	box-shadow: 10px 10px 20px rgba(0,0,0,0.2);
}
.main-container .benefit .swiper-slide-active{
	box-shadow: 10px 10px 20px rgba(0,0,0,0.2);
}
.main-container .benefit .swiper-slide-active:first-child{
	box-shadow:none
}
/* .main-container .benefit .swiper-slide:first-child p{
	font-size: 20px;
	font-weight: 900;
	padding-top:25px;
	position: relative;
} */
/* .main-container .benefit .swiper-slide:first-child p::after{
	content:"";
	position: absolute;
	width:31px;
	height: 2px;
	background:#000;
	left:0;
	bottom:-17px
} */
.main-container .club {
	padding:35px 20px 35px 20px;
	background-color: #e5e5e5;
}
.main-container .club > div p{
	font-size: 12px;
	color:#787878
}
.main-container .club > div {
	padding:50px 30px;
	text-align: center;
	border-radius: 10px;
	border:1px solid #d2d2d2;
	padding-top: calc( 100%*0.58);
	background: url(../images/main/club_bg.png) no-repeat 0 0 / 100% , #fff;
}
.main-container .club > div .sub-tit{
	font-weight: 900;
	margin-bottom:25px
}
.main-container .club > div .sub-tit > span{
	padding-right: 85px;
	background:url(../images/main/txt_bf.png) no-repeat 89% top / 70px;
}
.main-container .club > div button{
	width:170px;
	color:#fff;
	background:#000 ;
	margin-top:28px;
	font-weight: 900;
}
.main-container .club > div h2{
	margin-bottom:15px;
	font-size: 18px;
	letter-spacing: -0.4px;
}
.main-container .club > h2{
	margin-bottom: 25px;
}
.main-container .life > div{
	padding:45px 0 60px 0;

}
.main-container .life > div h2{
	padding-left:20px
}
.main-container .swiper-container03 .swiper-slide{
	width:120px;
}
.main-container .swiper-container03 .swiper-slide a{
	position: relative;
}
.main-container .swiper-container03 .swiper-slide a .bg{
	background-repeat: no-repeat;
	background-size: cover;
	width: 120px;
	height: 120px;
	position: absolute;
	border-radius: 10px;
	top: 0;
	left: 0;
}
.main-container .swiper-container03 {
	padding-bottom:40px;
	margin-top:35px;
	overflow: hidden;
	padding-left:20px;

}
.main-container .top-wrap{
	font-size: 13px;
	background: url(../images/main/img_life.png)no-repeat 91% 20px / 54px;
	background-color:#000 ;
	color:#fff;
	padding:20px 40px;
}
.main-container .top-wrap > p:first-child{
	margin-bottom: 5px;
}
.main-container .conts-wrap{
	padding:20px;
}

.main-container .guud-redir .conts-wrap{
	text-align: center;
	padding: 50px 20px 0 20px;
}
.main-container .guud-redir .conts-wrap .bg{
	padding: 10px 20px 25px 35px;
	background: url(../images/main/img_guud.png) no-repeat center / cover;
	border-radius: 10px;
	text-align: left;
}
.main-container .guud-redir .conts-wrap .tit{
	font-size:0;
	text-indent: -999px;
	background: url(../images/main/logo_onlineM.png) no-repeat left bottom / contain;
	margin-bottom: 10px;
	width: 108px;
	height: 20px;
	display: inline-block;
}

.main-container .guud-redir .conts-wrap .add{
	font-size: 11px;
}
.main-container .guud-redir .conts-wrap button{
	width: 170px;
	height: 40px;
	font-weight: 900;
	font-size: 13px;
}
.main-container a.view {
	position: absolute;
	bottom:25px;
	left:20px;
	font-weight: 900;
	font-size: 8px;
}
.main-container a.view::after{
	content:"";
	width:10px;
	height:2px;
	background:#000;
	right:-15px;
	top:5px;
	position: absolute;
	transition: all 0.2s;
	transform:translate(0,0) ;
}
.main-container a.white-ver.view::after{
	background:#fff;
}
.main-container a.white-ver.view{
	color:#fff
}
.main-container .swiper-container03 .swiper-slide a{
	display:inline-block; width:100%;
	padding-top:130px;
	font-size: 11px;
}
.main-container .swiper-container03 .swiper-slide a > div{
	width:100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}
.main-container .customer h2{
	text-align: center;
}
.main-container .customer .customer-wrap{
	padding:0 20px
}
.main-container .customer .customer-wrap .notice01{
	overflow: hidden;
	margin:30px 0;
}
.main-container .customer .customer-wrap .notice01 > div{
	display:inline-block;
	width:50%;
	float: left;

}
.main-container .customer .customer-wrap .notice01 > .info{

	padding-left:28px;
	background: url(../images/main/img_call.png) no-repeat 0 5px /20px ;
}
.main-container .customer .customer-wrap .notice01 > div p{
	font-size: 12px;
	font-weight: 600;
	color:#787878
}
.main-container .customer .customer-wrap .notice01 > div p.ph{
	font-size: 19px;
	font-weight: 900;
	color:#000;
	margin-bottom: 6px;

}
.main-container .customer .customer-wrap .notice01 .redirect{
	border:1px solid #e5e5e5
}
.main-container .customer .customer-wrap .notice01 .redirect a{
	float:left;
	display:inline-block;
	width: 50%;
	text-align: center;
	height: 70px;
	line-height: 70px;
}
.main-container .customer .customer-wrap .notice02{
	margin-bottom: 30px;
	position: relative;
	overflow: hidden;
}
.main-container .customer .customer-wrap .notice02 > img{
	float: left;
}
.main-container .customer .customer-wrap .notice02 > p{
position: absolute;
top:18px;
text-align: center;
width: 100%;
font-weight: 900;
font-size: 13px;
}
.main-container .customer .customer-wrap .notice01 .redirect a:first-child{
	border-right:1px solid #e5e5e5
}
.title-wrap .hamberger,.title-wrap .title-main .title, .title-wrap .myinfo{
	float:left;

}
.title-fix-area.type01 .title-wrap .title-main{
	border-bottom: 1px solid #787878;
	background-color: #000;
}
.title-fix-area.type01 .title-wrap .title-sub{
	border-bottom: 1px solid #787878;
}

.title-wrap .title-main .title{
	width:calc( 100% - 100px );
	line-height: 60px;
}
.title-wrap .title.tomain{
	height: 60px;
	background:url(../images/logo_guud02_wh.png) no-repeat center / 204px
}
.title-wrap .hamberger, .title-wrap .myinfo{
	width:50px;
	display:inline-block;
	height:60px;
	background-repeat: no-repeat;
	background-position: center;
}
.title-wrap .hamberger{
	background-image: url(../images/main/menu_icon.png);
	background-size:15px;
	background-position: 20px center;
}
.title-wrap .myinfo{
	background-image: url(../images/main/icon_my.png);
	background-size:15px;
	background-position: calc(100% - 20px) center;
}
.main-container .customer .notice03{
	background:#e5e5e5;
	overflow: hidden;
	height: 55px;
	position: relative;
}

.main-container .customer .notice03 .swiper-slide{
	line-height: 55px;
	padding: 0 20px;
}
.main-container .customer .notice03 .swiper-slide span:first-child{
	float:left;
	width:200px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.main-container .customer .notice03 .swiper-slide span:nth-of-type(2){
	float:right;
	width: 100px;
	text-align: right;
}
.main-popup .swiper-container04 .button-area{
	display:table;
	width:100%
}
.main-popup .swiper-container04 .play-btn{
	display: inline-block;
	position: absolute;
	bottom:49px;
	left:105px;
	z-index: 9;
}
.main-popup .swiper-container04 .play-btn span{
	display:inline-block;
	width:10px;
	height:10px;
}
.main-popup .swiper-container04 .play-btn span.play{
	background: url(../images/main/icon_stop.png) no-repeat center / contain;
}
.main-popup .swiper-container04 .play-btn span.stop{
	background: url(../images/main/icon_play.png) no-repeat center / contain;
}
.main-popup .swiper-container04 .button-area button{
	display:table-cell;
	width:50%;
	color:#333;
	background:#fff
}
.main-popup .swiper-container04 .button-area button:nth-of-type(1){
	color:#888888
}
.main-popup .swiper-pagination-fraction{
	bottom:50px;
	text-align: left;
	padding-left:67px;
	display: inline-block;
    width: auto;
}
.main-popup .swiper-container04{
	width:100%;
	overflow: hidden;
}
.main-popup .swiper-container04 .swiper-slide{
	overflow: hidden;
}
.main-popup .swiper-container04 .swiper-button-next,.main-popup .swiper-container04 .swiper-button-prev{
	top:34%
}
.main-popup .swiper-container04 .swiper-slide img{
	width:100%;
	float: left;
}
.main-popup .swiper-button-next{
	background: url(../images/main/popup_right.png) no-repeat center /25px ;
}
.main-popup .swiper-button-prev{
	background: url(../images/main/popup_left.png) no-repeat center /25px ;
}
.main-popup .swiper-pagination{
	font-size: 12px;
}

.gnb-wrap{
	transition: all 0.2s ease-in-out;
	position: fixed;
	width:100%;
	height:100%;
	z-index: 999;
	display: inline-block;
	background-color: #fff;
	left:-100%

}
.gnb-wrap{
	overflow-y:auto ;
}
.gnb-wrap.on{
	left:0
}
.gnb-wrap .link-area{
	display: table;
	width:100%
}
.gnb-wrap .link-area .dep02,.gnb-wrap .link-area .dep01{
	width:50%;
	display: table-cell;
}
.gnb-wrap .link-area .dep02 .dep03 li {
	margin-top:15px
}
.gnb-wrap .link-area .dep02 .dep03 a{
	font-size: 13px;
	color:#787878
}
.gnb-wrap .link-area .dep02 .dept-conts{
	padding-right:20px;
	background:url(../images/arrow-down.png) no-repeat right center /  10px
}
.gnb-wrap .link-area .dep02 .sub{
	display:none
}
.gnb-wrap .link-area .dep02 .sub.on{
	display:block
}
.gnb-wrap .close-gnb{
	display: inline-block;
	width:16px;
	height:16px;
	background:url(../images/btn_close.png)no-repeat 0 0 / contain;
	margin-top: 6px;
}
.gnb-wrap .gnb-title h1{
	display: inline-block;
	width:calc( 100% - 16px );
	text-align: center;
}
.gnb-wrap .gnb-title .close-gnb,.gnb-wrap .gnb-title h1{
	float: left;
	font-size: 18px;
	font-weight: 600;
}
.gnb-wrap .gnb-title{
	overflow: hidden;
	padding: 15px 20px
}
.gnb-info .top-area{
	padding:0 20px
}
.gnb-info .top-area .grd-info span{
	font-weight: 900;
}
.gnb-info .top-area .grd-info{
	font-size: 23px;
	font-weight: 600;
	margin:5px 0 10px 0
}
.gnb-info .top-area .grd{
	font-size: 13px;
	border-bottom:2px solid #000;
	padding-bottom:25px
}
.gnb-info .top-area .grd span{
	border:2px solid #000;
	padding:0 8px;
	margin:0 10px;
	border-radius: 10px;
	font-weight: 900;
	line-height: 15px;
	display: inline-block;
	font-size: 9px;
}
.gnb-info .mile-area {
	display:table;
	width:100%;
	margin-top:20px
}
.gnb-info .mile-area > div::before{
	content:"";
	width:48px;
	height:48px;
	background-repeat: no-repeat;
	background-size: contain;
	top:0;
	left:0;
	position: absolute;
}
.gnb-info .mile-area > div:nth-of-type(1){
	width:60%
}
.gnb-info .mile-area > div:nth-of-type(2){
	width:40%
}

.gnb-info .mile-area > div:nth-of-type(1)::before{
	background-image: url(../images/icon_M.png);

}
.gnb-info .mile-area > div:nth-of-type(2)::before{
	background-image: url(../images/icon_cupon.png);
}
.gnb-info .mile-area > div:nth-of-type(3)::before{
	background-image: url(../images/icon_home.png);
}
.gnb-info .mile-area > div{
	display:table-cell;
	padding-left:60px;
	position: relative;
	vertical-align: top;

}
.gnb-info .mile-area > div > p span:first-child{
	color:#000;
	font-weight: 900;
	font-size: 19px;
}
.gnb-info .mile-area > div > p span{
	display:inline-block;
	font-size: 11px;
	color:#787878
}
.gnb-wrap  .dep02{
	padding-left:35px
}
.gnb-wrap  .dep02 .sub > li{
	padding: 15px 0
}
.gnb-wrap  .dep02 .sub a {
	font-weight: 600;
}
.gnb-wrap .dep01{
	padding-top:28px;
	border-right: 1px solid #e5e5e5;
}

.gnb-wrap  .link-area{
	border-top: 1px solid #e5e5e5;
	margin-top:23px
}
.gnb-wrap  .link-area.before-log{
	height: calc( 100% - 62px);
}
.gnb-wrap .dep01 li {
	padding:20px 0 ;
	position: relative;
	z-index: 10;
	font-size: 15px;
	font-weight: 600;

}
.gnb-wrap .dep01 li span{
	display: inline-block;
	padding-left:60px
}
.gnb-wrap .dep01 li.gb-mem.on span{
	background:url(../images/icon_mem_on.png)no-repeat 20px center/ 23px;
}
.gnb-wrap .dep01 li.gb-mem span{
	background:url(../images/icon_mem_off.png)no-repeat 20px center/ 23px;
}
.gnb-wrap .dep01 li.gb-club.on span{
	background:url(../images/icon_club_on.png)no-repeat 20px center/ 23px;
}
.gnb-wrap .dep01 li.gb-club span{
	background:url(../images/icon_club_off.png)no-repeat 20px center/ 23px;
}
.gnb-wrap .dep01 li.gb-my.on span{
	background:url(../images/icon_my_on.png)no-repeat 20px center/ 18px;
}
.gnb-wrap .dep01 li.gb-my span{
	background:url(../images/icon_my_off.png)no-repeat 20px center/ 18px;
}
.gnb-wrap .dep01 li.gb-life.on span{
	background:url(../images/icon_life_on.png)no-repeat 20px center/ 23px;
}
.gnb-wrap .dep01 li.gb-life span{
	background:url(../images/icon_life_off.png)no-repeat 20px center/ 23px;
}
.gnb-wrap .dep01 li.gb-event.on span{
	background:url(../images/icon_event_on.png)no-repeat 20px center/ 23px;
}
.gnb-wrap .dep01 li.gb-event span{
	background:url(../images/icon_event_off.png)no-repeat 20px center/ 23px;
}
.gnb-wrap .dep01 li.gb-service.on span{
	background:url(../images/icon_service_on.png)no-repeat 20px center/ 23px;
}
.gnb-wrap .dep01 li.gb-service span{
	background:url(../images/icon_service_off.png)no-repeat 20px center/ 23px;
}
.gnb-wrap .dep01 li.on{
	color:#fff;
	font-weight: 900;
}
.gnb-wrap .dep01 li.on::after{
	content: "";
	width:106%;
	height:60px;
	background:url(../images/arrow-right.png) no-repeat 90% center/ 7px;
	background-color:#000;
	top:0;
	left:0;
	position: absolute;
	z-index:-1;
	box-shadow: 10px 10px 20px rgba(0,0,0,0.15);
}
.mg-new .img-area{
	padding:400px 20px 0 20px ;
	background:url(../images/ex/img_mg03.jpg)no-repeat center /cover;
	color:#000;
	position: relative;
}
/* .mg-new .img-area:after{
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.5);
	top:0;
	left: 0;
	z-index: 1;
} */
.mg-new .con-tit{
	font-size: 32px;
	z-index: 2;
	font-weight: 600;
	padding: 35px 0 0 20px;
	word-break: break-all;
	margin-bottom: 25px;
}

.mg-new  .mg-content{
	padding:0 20px 0 20px;
}
.mg-new  .mg-content > p{
	margin-bottom: 22px;
	word-break: keep-all;
}
.mg-new  .mg-content > img{
	width: 100%;
	margin-bottom: 22px;
}
.mg-list .img-area{
	text-align: right;
	padding-right:0;
	padding-bottom:0
}
.mg-list .img-area .black-back {
	width:88%;;
	display: inline-block;
	text-align: left;
	padding:20px;
	background:rgba(0,0,0,.5);
	color:#fff
}
.mg-list .img-area .black-back .con-tit{
	font-size: 17px;
	font-weight: 600;
	margin-bottom: 13px;
	padding-left: 0;
	padding-top: 0;
}
.mg-list .img-area .black-back .con-date{
	font-size: 12px;
}
.mg-list .pd-list{
	padding:25px 0 0 0
}
.mg-list .pd-list li{
	overflow: hidden;
	width:100%;
	padding:15px 0;
	border-bottom:1px solid #e5e5e5;
}
.mg-list .pd-list li > div{
	float: left;
	vertical-align: middle;
}
.mg-list .pd-list li > div:first-child{
	width:130px;
}
.mg-list .pd-list li > div:nth-of-type(2){
	width:calc( 100% - 132px );
	word-break: break-all;
	vertical-align: middle;
}
.mg-list .pd-list li > div .img{
	width:100px;
	height:100px;
	display:inline-block;
	background-repeat: no-repeat;
	margin-right:30px;
	float: left;
	background:url(../images/no-result-img.png) no-repeat center, #e5e5e5;
	background-size: cover;
	border-radius: 10px;
}
.mg-list .pd-list li > div .pd-tit{
	font-size: 17px;
	padding-bottom:13px;
	word-break: break-all;
}
.mg-list .pd-list li > div .pd-add{
	font-size: 14px;
	font-weight: 900;
	color:#787878
}
.pd-list-direct .swiper-slide{
	width:140px
}
.pd-list-direct .swiper-slide .img{
	width:100%;
	display:inline-block;
	height:140px;
	background:url(../images/no-result-img.png) no-repeat center, #e5e5e5;
	background-size: cover;
	background-repeat: no-repeat;
}
.pd-list-direct{
	margin-bottom:70px
}
.pd-list-direct > p{
	padding:20px;
	font-weight: 900;
}
.pd-list-direct .swiper-slide p:nth-of-type(1){
	margin-bottom:5px
}
.pd-list-direct .swiper-slide p:nth-of-type(2){
	font-size: 12px;
}
.pd-list-direct .swiper-slide p:nth-of-type(3){
	font-size: 11px;
	color:#787878
}
.pd-list-direct .swiper-slide p:nth-of-type(4){
	font-size: 12px;
	font-weight: 600;
}

.pd-list-direct .swiper-slide p.tit{
	font-size: 12px;
}
.pd-list-direct .swiper-slide p.date{
	font-size: 11px;
	color:#787878
}
.pd-list-direct .swiper-slide p.type{

}
.btm-mg {
	display:table;
	width: 100%;
	border-top:1px solid #e5e5e5;
	border-bottom:1px solid #e5e5e5;
	padding:0 10px;
	position: absolute;
	bottom:0;
	left: 0;
}
.btm-mg > div {
	display:table-cell;
	text-align: center;
	width:auto;
	padding:0 15px;
	height:70px;
	vertical-align: middle;
}
.btm-mg > div  .scr{
	display: inline-block;
	width:20px;
	height:20px;
	background:url(../images/icon_save_off.png) no-repeat 0 0 / contain;
}
.btm-mg > div  .scr.on{
	background:url(../images/icon_save_on.png) no-repeat 0 0 / contain;
}
.btm-mg .prev{
	padding-left:20px;
	background:url(../images/icon_left.png) no-repeat 0 4px / 8px
}
.btm-mg .next{
	padding-right:20px;
	background:url(../images/icon_right.png) no-repeat right 4px / 8px
}
.btm-mg .list{
	background: #000;
	color:#fff;
	border-radius: 15px;
	padding:5px 20px;
	display:inline-block
}
.container.pdb0{
	padding-bottom:0;
	min-height: calc( 100vh - 203px);
	position: relative;
}
.pns-story .tab .tab-item{
	width:25%
}
.ct-list .selected-img {

margin:25px 30px 30px 30px;
position: relative;
}
.ct-list .selected-img img{
	vertical-align: bottom;
}
.ct-list .selected-img  .black-box {
	position: absolute;
	background:rgba(0,0,0,0.5);
	color:#fff;
	bottom:0;
	left:0;
	width:100%;
	padding:30px 20px
}
.ct-list .selected-img  .black-box .tit{
	font-weight: 600;
	font-size: 17px;
	margin-bottom: 8px;
}
.ct-list .selected-img img{
	box-shadow: 5px 5px 10px rgba(0,0,0,.1);
}
.ct-list .selected-img  .black-box .date{
	font-size: 12px;
	font-weight: 400;
	color:#d2d2d2
}
.ct-list .ct-conts{
	padding:30px 20px;
	background-color: #f7f7f7;
	margin-top: 20px;

}
.ct-list .ct-conts .row{
	margin-bottom:20px
}
.ct-list .ct-conts .row:last-child{
	margin-bottom: 0;
}
.ct-list .ct-conts h3{
	font-weight: 900;
	margin-bottom:15px
}
.ct-list .ct-conts .item .img{
	box-shadow: 5px 5px 10px rgba(0,0,0,.1);
	width: 100%;
	display: inline-block;
	padding-top : calc( 1.4 * 100% );
	background-position: center;
	background-repeat: no-repeat;
	background-image: url(../images/no-result-img.png);
	background-color:#e5e5e5;
	background-size: cover;

}
.ct-list .ct-conts .item{
	float: left;
	width:32%;
	margin-left:2%
}
.ct-list .ct-conts .item:first-child{
	margin-left: 0;
}

.ct-list .ct-conts .item .tit{
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 12px;
	margin-bottom:4px;
}
.ct-list .ct-conts .item .date{
	font-size: 11px;
	color:#787878;
}
.event .event-list li a{
	display:inline-block;
	width:100%
}
.event-list .total-count{
	padding:10px;
	font-weight: 600;
}

.event .event-list .conts{
	padding:25px 20px
}
.event .event-list .conts .tit{
	font-weight: 600;
	font-size: 17px;
	margin-bottom:5px
}
.event .event-list .conts .date{
	font-size: 14px;
	color:#787878
}
.event .tab .tab-item{
	width:33%;
}
.notice-detail h1 {
	font-size: 20px;
	font-weight: 600;
	padding:20px 0  10px 0;
}
.notice-detail .date{
	margin-bottom:25px;
	font-size: 12px;
	color:#787878
}
.notice-detail .content{
font-weight: 200;
margin-bottom:50px
}
.cont-title .tit{
	margin:10px 0;
}
.cont-title .add{
	font-weight: 200;
}
/*나의 리빙라이프*/
.my-life .pd-list {
	padding:0;
}
.my-life .mg-content{
	padding:0;
}
.my-life .mg-content .pd-tit{
	font-weight: 600;
}
.mg-content .pd-date{
	font-size: 14px;
	color:#787878
}

.my-life.mg-list .pd-list li > div .pd-tit{
	padding-top:3px;
}
.my-life.mg-list .pd-list li .ct{
	margin-top:6px
}
.my-life.mg-list .pd-list li{
	background: url(../images/icon_right.png) no-repeat right 50% / 8px;
}

.gnb-wrap .beforeLog .login-btn{
	width:100%;
	height:50px;
	font-size: 16px;
	font-weight: 900;
}
.gnb-wrap .beforeLog .log{
	margin: 10px 0 25px 0
}
.gnb-wrap .beforeLog .log h1{
	font-size:32px;
	font-weight: 900;
	float: left;
}
.gnb-wrap .beforeLog .log a{
	float: right;
	font-size: 14px;
	padding-right:17px;
	margin-top:20px;
	background:url(../images/icon_arrow.png) no-repeat right 6px / 5px ;
}
.gnb-wrap .beforeLog .log h1 span{
	font-size:16px;
	color:#d2d2d2;
	font-weight: 400;
}
/*이벤트참여안내*/
.event-info .check-area-wrap {
	border:1px solid #d2d2d2;
	margin-top:25px
}
.event-info .check-area-wrap .gray-b{
	background: #f7f7f7;
}
.event-info .check-area-wrap .gray-b.info{
	font-size: 12px;
	font-weight: 200;
	color:#787878
}
.event-info .check-area-wrap .gray-b label{
	margin-right:15px
}
.event-info .check-area-wrap .gray-b input:last-child{
	margin-right:0
}
.event-info .check-area-wrap .check-row:first-child{
	border-bottom:1px solid #d2d2d2
}
.event-info .check-area-wrap .check-row > div{
	padding:11px 20px;
	border-bottom:1px solid #d2d2d2
}
.event-info .check-area-wrap .check-row > div:last-child{
	border-bottom:none
}

.event-detail .d-day{
	font-weight: 900;
	margin-top:20px;
	color:#ff3e2f
}
.event-detail.notice-detail h1{
	padding:10px 0 3px 0
}
.event-detail.notice-detail .date{
	margin-top:15px
}
.event-detail.notice-detail .date span{
	margin-left:15px;
}
/* 종료된이벤트*/
.event-finish.event-history .event-list li div.conts-area .date02 > span:nth-of-type(2){
	border:1px solid #000;
	padding:3px 10px;
	border-radius: 15px;
}
.event-finish.event-history .event-list li div.conts-area .date02 > span.success{
	background:#000;color:#fff;
	padding-right:30px;

}
.event-finish.event-history .event-list li div.conts-area .date02 > span.success a {
	padding:0
}
.event-ing  .history-type .tit{
	margin-bottom: 0;
}
.event-ing  .history-type .sub{
	margin-bottom: 10px;
}
.notice-detail .date span{
	margin-right:8px
}
/*e전단*/
.e-temp .tab .tab-item{
	width:25%
}
.e-temp .row > div{
	float: left;
	width: calc( 50% - 12px );
}
.e-temp .row > div > .img{
    width: 100%;
    display: inline-block;
    padding-top: calc( 1.8 * 100% );
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(../images/no-result-img.png);
    background-color: #e5e5e5;
    background-size: cover;
}
.e-temp .row{
	margin-bottom: 20px;
}

.e-temp .row > div:first-child{
	margin-right:24px
}
.e-temp .searh-area {
	padding:10px 0 0 0
}
.e-temp .row .date{
	font-size: 14px;
	font-weight: 400;
	color:#787878;
	margin-top: 5px;
}
.e-temp .row .tit{
	font-size: 17px;
	font-weight: 600;
}
/*서비스이용약관*/
.service-terms .version .now{
	border:1px solid #e5e5e5;
	padding: 10px 15px;
}
.service-terms .version{
	position: relative;

}
.service-terms .version .ht{
	border: 1px solid #e5e5e5;
	border-top:none;
	position: absolute;
	top:62px;
	left:0;
	width:100%;
	background-color: #fff;

}
.service-terms .version .ht li{
	padding: 10px 15px;
	border-bottom:1px solid #e5e5e5;
}
.service-terms .version .now{
	background: url(../images/aco_arr02.png) no-repeat 95% center / 13px;
}
.service-terms .version .now p,.service-terms .version .ht li p{
	font-weight: 200;
	font-size: 12px;
}
.service-terms .version .now p:first-child,.service-terms .version .ht li p:first-child{
	font-weight: 400;
	font-size: 15px;
}
.service-terms .cont{
	padding:0 10px;
	margin-top:23px;
	overflow-x: auto;
}
.service-terms .cont table{
	table-layout:auto
}
.service-terms .tab-conts .tab-cont{
	overflow: hidden;
}
.container.catalog-detail{
	position: static;
	overflow: hidden;
}
.catalog-detail .catalog-items{
	padding-top: calc(100%*1.4);
	position: relative;
	z-index: 0;
}

.catalog-detail .catalog-items .ct-item{
	width:100%;
	position: absolute;
	top:0;
}
.catalog-detail .btn{
	position: absolute;
	width:100%;
	top:0;
	height: 100%;
	display: table;
	z-index:999;
}
.catalog-detail .btn > div.btn-left{
	background: url(../images/btn_left.png) no-repeat 3% center / 40px;
}
.catalog-detail .btn > div.btn-right{
	background: url(../images/btn_right.png) no-repeat 97% center / 40px;
}
.catalog-detail .btn > div{
	display: table-cell;
	width:50%;
	height: 100%;
}
.catalog-detail .pag-nav .now{
	font-weight: 900;
}
.catalog-detail .pag-nav{
	position: absolute;
	bottom:25px;
	z-index: 999;
	text-align: center;
	width: 100%;
	font-weight: 200;
}
.left-btn-area {
	position: fixed;
	bottom: 30px;
	left:20px;
	z-index: 10;
}
.left-btn-area button{
	width:40px;
	min-width: auto;
	height: 40px;
	display: inline-block;
	background: url(../images/icon_back.png) no-repeat 0 0 /contain;
}
.pt-page-moveToLeftEasing {
	-webkit-animation: moveToLeft .7s ease-in-out both;
	animation: moveToLeft .7s ease-in-out both;
}
.pt-page-moveFromLeftEasing {
	-webkit-animation: moveFromLeft .7s ease-in-out both;
	animation: moveFromLeft .7s ease-in-out both;
}

.roll .roll-date thead th{
	font-size:14px;
	font-weight: 600;
	line-height: 2.5
}
.roll .roll-date tbody td{
	text-align: center;
	line-height: 2.5
}
.roll .roll-date{
	padding:0 20px;
	margin-top:30px
}
.roll .roll-date tbody .ui-datepicker-other-month{
	color:#d2d2d2
}
.roll .roll-date tbody td.stamp{
	text-indent: -9999;
	font-size: 0;
	background: url(../images/icon_stamp.png)no-repeat center / contain;
}
.roll .roll-date tbody td.ui-datepicker-today.stamp{
	background: url(../images/icon_stamp_td.png)no-repeat center / contain;
}
.roll.event-detail.notice-detail h1{
	padding-top:20px
}
.roll .roll-date .ui-datepicker-title{
	text-align: center;
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 20px;
}
.roll .summ{
	padding:20px 0;
	background-color: #f7f7f7;
	border-top:1px solid #e5e5e5;
	margin-top:30px
}
.roll .summ .table{
	display: table;
	width: 100%;
}
.roll .summ .table > div{
	display: table-cell;
	width: 33%;
	vertical-align: middle;
	text-align: center;
	font-size: 14px;
	color:#787878
}
.roll .summ .table > div:nth-of-type(1){
	color:#000
}
.roll .redirect-ht{
	padding:0 20px;
	text-align: right;
	margin-top:10px;
}
.roll .redirect-ht a{
	font-size: 12px;
	padding-right:20px;
	background: url(../images/arrow-right.png) no-repeat right center / 5px;
}
.roll .summ .table > div > div:nth-of-type(2){
	margin-top: 10px;
}
.roll .summ .table > div > div:nth-of-type(2) > span{
	font-weight: 900;
	font-size: 25px;
}
.roll .stamp-area{
	border:2px solid #e5e5e5;
	padding:15px 20px;
	border-radius: 10px;
	margin-top: 40px;
}
.roll .stamp-area .row{
	overflow: hidden;
	width: 100%;
}
.roll .stamp-area .row > div{
	display:inline-block;
	height: 50px ;
	width: 19%;
	background: url(../images/icon_stamp_off.png) no-repeat center / 40px;
}
.roll .stamp-area .row > div.on{
	background: url(../images/icon_stamp_td.png) no-repeat center / 40px;
}
.roll .ui-datepicker-header{
	position: relative;
}
.roll .ui-datepicker-header{
	position: relative;
}
.roll .ui-datepicker-header .ui-datepicker-next,.roll .ui-datepicker-header .ui-datepicker-prev{
	position: absolute;
	top:5px;
	text-indent: -9999px;
	font-size: 0;
	display: inline-block;
	width: 25px;
	height: 25px;
	border:1px solid #787878;
	border-radius: 50%;
}
.roll .ui-datepicker-header .ui-datepicker-next{
	right: 20%;
	background: url(../images/arrow-right.png) no-repeat center / 6px;
}
.roll .ui-datepicker-header .ui-datepicker-prev{
	left: 20%;
	background: url(../images/arrow-left.png) no-repeat center / 6px;
}
@-webkit-keyframes moveToLeft {
	from { }
	to { -webkit-transform: translateX(-100%); }
}
@keyframes moveToLeft {
	from { }
	to { -webkit-transform: translateX(-100%); transform: translateX(-100%); }
}

@-webkit-keyframes moveFromLeft {
	from { -webkit-transform: translateX(-100%); transform: translateX(-100%);}
	to { -webkit-transform: translateX(0);transform: translateX(0); }
}
@keyframes moveFromLeft {
	from { -webkit-transform: translateX(-100%); transform: translateX(-100%); }
	to { -webkit-transform: translateX(0); transform: translateX(0); }
}
/*클럽소개*/
.head .con-tit{
	margin-top:15px;
	font-size: 25px;
	font-weight: 900;
}
.head .con-add{
	margin:5px 0 20px 0;
	font-weight: 200;
	word-break: keep-all;
}
.club-intro .contents{
	font-size: 14px;
	margin-top:20px;
	color:#787878
}
.club-intro .club-cond{
	padding:15px;
	background: #f7f7f7;
	font-weight: 600;
	color:#787878;
	margin-bottom: 23px;
}
.club-benefit .background-cont .conts-wrap h3{
	font-weight: 900;
	font-size: 25px;
	margin-bottom:20px ;
	color:#000
}
.club-benefit .background-cont .conts-wrap h3 > a{
	font-size:12px ;
	color:#787878;
	font-weight: 400;
	border: 1px solid #d2d2d2;
	padding: 6px 25px 6px 15px;
	margin-left:17px;
	vertical-align: middle;
	display: inline-block;
	background: url(../images/arrow-right.png) no-repeat 90% center / 5px;
}
.club-benefit .background-cont{
	padding-top:calc( 100%*0.5 )
}
.club-benefit .background-cont.wedding{
	background:url(../images/ex/club_img01.png) no-repeat center 0 / calc( 100% - 40px )
}
.club-benefit .background-cont.relotation{
	background:url(../images/ex/club_img02.png) no-repeat center 0 / calc( 100% - 40px )
}
.club-benefit .background-cont.familyclub{
	background:url(../images/ex/club_family.jpg) no-repeat center 0 / calc( 100% - 40px )
}
.club-benefit .background-cont .conts-wrap{
	background-color: #fff;
	margin:0 15px;
	padding-top:20px;
	margin-bottom:50px;
}
.club-benefit .head .con-tit{
	margin-bottom:25px
}
.club-benefit .background-cont .conts-wrap table th{
	text-align: left;
	font-weight: 200;
	vertical-align: top;
	width: 30%;
	padding-bottom:5px
}
.club-benefit .background-cont .conts-wrap table td{
	font-size:14px ;
	color:#787878;
	padding-bottom:5px
}

.relotation.background-cont{
	background:url(../images/ex/club_img.png) no-repeat left 0 / calc( 100% - 20px )
}
.club-join .dot-type{
	margin-bottom:20px
}
.club-join .tab.type03 .tab-conts .tab-cont{
	padding-top:20px
}
.club-join .club-type{
	font-size: 20px;
	margin-top:25px;
	margin-bottom:15px
}
.club-join .club-type .add{
	font-weight: 200;
	margin-top:5px;
	font-size: 15px;
}
.club-join .club-type em{
	font-weight: 600;
}
.club-join .club-type strong{
	font-weight: 900;
}
.intro-mile .intro-item {
	margin-bottom: 40px
}
.intro-mile .intro-item > p{
	font-size: 14px;
	font-weight: 200;
	word-break: keep-all;
}

.intro-mile .intro-item h3{
	margin-bottom: 22px;
	font-size: 20px;
	font-weight: 600;
	padding:10px 0 10px 70px
}

.intro-mile .intro-item.use h3{
	background:url(../images/icon_use.png) no-repeat 0 0 / 55px;
}
.intro-mile .intro-item.accumulate h3{
	background:url(../images/icon_acc.png) no-repeat 0 center / 40px;
}
.intro-mile .intro-item.extinction h3{
	background:url(../images/icon_extinc.png) no-repeat 0 center  / 55px;
}
/*멤버십혜택*/
.member-benefit .background-wrap{
	background: url(../images/ex/bg_mb.png) no-repeat 0 0/ 100%;
	padding-left:20px;
	padding-right:20px;
	padding-top: calc( 100%*0.94 );
}
.member-benefit.club-intro .background-wrap{
	background: url(../images/ex/bg_club.png) no-repeat 0 0/ 100%;
}
.member-benefit .background-cont{
	color:#787878
}
.member-benefit .bf-table{
	margin-top:30px
}
.member-benefit .bf-table th{
	font-size: 14px;
}
.member-benefit .bf-table .grd-name{
	font-size: 10px;
}
.member-benefit .bf-table .red{
	font-size: 10px;
	color:#000;
	text-align: center
}
.member-benefit .bf-table td{
	font-size: 11px;
}
.member-benefit .contents{
	font-weight: 400;
	margin-bottom:60px;
	color:#787878;
	font-size: 14px;
}
.member-benefit .bf-item h4{
	font-size: 17px;
	padding-left:10px;
	position: relative;
	margin-top:30px
}
.member-benefit .bf-item > p{
	font-weight: 200;
	color:#787878;
	font-size: 14px;
	margin-top:10px
}

.member-benefit .bf-item h4:after{
	content:"";
	width:5px;
	height:5px;
	background:#000;
	position: absolute;
	top:3px;
	left:0;
}
.member-benefit .tab.type03 .tab-conts .tab-cont.pdt0{
	padding-top:0
}
.member-benefit .tit-area {
	background-color: #fff;
	padding:40px;
}
.member-benefit .tit-area .mem{
	font-size: 11px;
	letter-spacing:0.4em
}
.member-benefit .tit-area h1{
	font-weight: 900;
	font-size:32px ;
	letter-spacing:0.2em;
	margin:15px 0
}
.member-benefit .tab.type03 .tab-conts .tab-cont{
	padding-top:30px
}
.member-benefit .tit-area .add{
	font-size:12px;
	color:#999999
}
.member-benefit .coup-itm{
	width:300px;
	height:130px;
	margin: 15px auto 0 auto;
	padding:25px;
	background:url(../images/cp.png)no-repeat 0 0 / 100% 100%;
	box-shadow: 5px 5px 10px rgba(0,0,0,0.05);
}
.member-benefit .coup-itm p:first-child{
	font-size: 27px;
	font-weight: 900;
	margin-bottom:7px
}
.member-benefit .coup-itm p:last-child{
	font-size: 20px;
	font-weight: 600;
}
.member-benefit .coup-type{
	margin-bottom:35px
}
.member-benefit .coup-type .tit{
	font-size: 20px;
	font-weight: 600;
	margin-bottom:10px
}
.member-benefit .coup-type .add{
	font-size: 14px;
	font-weight: 200;
}
.member-benefit .add-cp{
	padding-top: 25px;
	border-top:2px dotted #e5e5e5 ;
	margin-bottom: 40px;
	font-weight: 200;
	font-size: 15px;
}
.member-benefit .con-tit{
}
.member-benefit .con-tit .join-redir{
	font-size: 12px;
	font-weight: 400;
	border: 1px solid #d2d2d2;
	color:#787878;
	padding:7px 30px 7px 20px;
	display: inline-block;
	background: url(../images/arrow-right.png) no-repeat 90% center / 4px;
	margin-left: 20px;
}
/*멤버십 메인*/
.my-main .bf-swiper{
	width:100%;
	overflow: hidden;
	padding-bottom:30px
}
.my-main .bf-swiper .swiper-container03{
	padding:0 30px
}
.my-main .bf-swiper .swiper-container03 .swiper-slide{
	display: inline-block;
	width:140px;
	height:120px;
	box-shadow: 5px 5px 10px rgba(0,0,0,.1);
	border:1px solid #e5e5e5;
	padding:25px 0 25px 20px;
	position: relative;
}
.my-main .bf-swiper .swiper-container03 .swiper-slide .conts strong{
	font-size: 20px;
}
.my-main .bf-swiper .swiper-container03 .swiper-slide .conts{
	position: absolute;
	bottom:20px;
	font-weight: 900;
	font-size: 17px;
}
.my-main .bf-swiper .swiper-container03 .swiper-slide .conts .red{
	font-size: 11px;
	font-weight: 900;
}
.my-main .bf-swiper .swiper-container03 .swiper-slide .tit{
	font-size: 12px;
	font-weight: 600;

}
.my-main .bf-swiper .swiper-container03 .swiper-slide .tit span{
	padding-right:10px;
	background: url(../images/arrow-right.png) no-repeat right center / 4px;
}
.my-main .rec-frnd{
	padding:18px 20px;
	background: url(../images/icon_right.png) no-repeat 95% center / 8px;
}
.my-main .rec-frnd a{
	display: block;
}
/*멤버십*/
.my-main .my-if{
	padding:25px 30px
}
.my-main .my-if h1{
	font-size: 14px;
	margin-bottom:17px
}
.my-main .my-if h1 span{
	font-weight: 900;
}
.my-main .my-if .my-grd{
	overflow: hidden;
}
.my-main .my-if .my-grd .my-status > div > span{
	width:60px;
	text-align: right;
	font-size: 12px;
	display: inline-block;
}
.my-main .my-if .my-grd .my-status{
	width: calc( 100% - 105px )
}
.my-main .my-if .my-grd .my-status > div > a{
	display: inline-block;
	text-align: right;
	width:calc( 100% - 63px );

	padding-right:20px;
	background: url(../images/btn_myrelocation.png)no-repeat right center / 14px ;
}
.my-main .my-if .my-grd .my-status > div > a > span{
	text-overflow:ellipsis;
	overflow: hidden;
	white-space: nowrap;
	width: calc( 100% - 20px);
}
.my-main .my-if .my-grd .my-mem{
	background:#fff;
	border:1px solid #d2d2d2;
	color:#000;
	border-radius: 20px;
	padding: 0 20px;
	margin-top:18px;
	height: 30px;
}
.my-main .my-if .my-grd .prf{
	text-align: right;

	display: block;
	margin-top:30px;


}
.my-main .my-if .my-grd .prf > span{
	font-size:14px ;
	padding-left: 30px;
	background: url(../images/tooltip02.png) no-repeat left center / contain;
}
.my-main .my-if .my-grd .grd{
	width:95px;
	height:95px;
	font-size: 17px;
	font-weight: 900;
	border:4px solid #e5e5e5;
	border-radius: 50%;
	text-align: center;
	display: table-cell;
	vertical-align: middle;
	background-color: #fcfcfc;

}
.my-main .my-if .my-grd .my-status > div:first-child{
	margin-bottom:10px
}
.my-main .my-if .my-grd > div{
	float: left;
}
.my-main .my-if .my-main .my-bf{
	width: 100%;
    overflow: hidden;
}
.my-main .my-if .my-relc.mileage, .my-relc .coup{
	font-size: 25px;
	font-weight: 900;
}
.my-main .my-if .my-relc.mileage span:after{
	top:10px
}
.my-main > div{
	border-top:10px solid #f7f7f7;
	border-bottom:1px solid #d2d2d2
}
.my-main > div:first-child{
	border-top:0;
}
.my-main > div:last-child{
	border-bottom:0;
}
.my-main .my-bf .tb{
	padding: 25px 30px 20px 30px
}
.my-main .my-bf .tb > div:first-child{
	float: left;
	font-size: 14px;
}
.my-main .my-bf .tb > div:first-child > span{
	font-weight: 900;
}
.my-main .my-bf .tb > div:last-child{
	float: right;
	font-size:12px ;
	color:#787878;
}
.my-main .my-bf .tb > div:last-child a {
	padding-right:10px;
	background: url(../images/arrow-right.png) no-repeat right center / 5px;
}
.my-main .my-mk{

	padding:25px 0 25px 30px;
}
.my-main .my-mk .info{
	float: left;
	width: 50%;

}
.my-main .my-mk .img-area{
	float: right;
	width: 50%;
	background: url(../images/img.png)no-repeat 0 0 /150px;
	padding-left:30px
}
.my-main .my-mk .img{
	width:90px;
	height:90px;
	display: inline-block;
	border-radius: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	box-shadow: 5px 5px 20px rgba(0,0,0,.2);

}
.my-main .my-mk h3{
	font-size: 14px;
	font-weight: 900;
	margin-bottom:18px
}
.my-main .my-mk .tit{
	font-size: 14px;
	font-weight: 600;
	margin-bottom:15px
}
.my-main .my-mk .tb > span:first-child {
	display: inline-block;
	width:60px;
	color:#787878;
	font-weight: 600;
}
.my-main .my-mk .tb > span{
	font-size: 12px;
}
.my-main .my-list ul li {
	border-bottom:1px solid #e5e5e5;
	background:url(../images/icon_right.png) no-repeat 95% center / 8px
}
.my-main .my-list ul li > a{
	display: inline-block;
	width:100%;
	padding:15px  50px 15px 30px;

}
.my-main .my-list ul li > a > div:first-child{
	float: left;
}
.my-main .my-list ul li > a > div:first-child > span{
	margin-left:13px;
	color:#787878;
	font-size: 11px;
}
.my-main .my-list ul li > a > div:first-child > span > em{
	font-weight: bold;
}
.my-main .my-list ul li > a > div:last-child{
	float: right;
}
.my-main .my-list ul li > a > div:last-child > span{
	font-weight: bold;
}
.layer-popup .cont .bcode-img{
	transform: rotate(90deg);
	position: absolute;
    left: calc( 50% - 150px );
    top: calc( 50% - 60px);
}
.bf-table th,.bf-table td{
	text-align: center;
	font-size: 12px;
}
table.bf-table td .cp-img{
	font-weight: 900;
	font-size: 12px;
	display: inline-block;
}
.member-benefit table.bf-table td .cp-img{
	width: 100%;
	margin: 5px 0;
}
table.bf-table td .cp-img.img01{
	background: url(../images/cp-img01.png) no-repeat center/ contain;
	padding:5px 15px  5px 15px;
}
table.bf-table td .cp-img.img02{
	background: url(../images/cp-img02.png) no-repeat center/ contain;
	padding:8px 15px  5px 15px;
}

 table.bf-table td .cp-img.img03{
	background: url(../images/cp-img03.png) no-repeat center/ contain;
	padding:10px 15px  5px 7px;
	margin: 5px 0;
}

.bf-table td:first-child{
	background-color:#f7f7f7 ;
}
.bf-table .bf-blank {
	width: 100%;
	height: 90px;
	position: relative;
}
.bf-table .bf-blank:after {
	content: "";
	width:5px;
	height:2px;
	background-color: #000;
	position: absolute;
	top:50%;
	left: 50%;
}
.bf-table thead th{
	border-bottom:1px solid #000;
	padding-bottom:12px
}
.bf-table .red{
	font-size: 9px;
	font-weight: 600;
	color:#000;
	text-align: left;
	padding-left: 6px;
}
.bf-table .gray-bf-box{
	 text-align: center;
	 padding: 8px 15px;
	 background-color:#f7f7f7;
	 border:#e5e5e5 ;
	 display: inline-block;
}
.bf-table tbody td{
	height:215px;
	vertical-align: middle;
	border-bottom:1px solid #e5e5e5;
	font-weight: 200;
	font-size: 10px;
}
.bf-table .grd-name{
	font-size: 10px;

	margin-bottom: 13px;
}
.bf-table .grd-name strong{
	border:1px solid #000;
	padding:0 5px;
	background-color: #fff;
	border-radius: 20px;

}
.layer-popup .popup .cont.no-pad{ padding:0;}
.layer-popup .btn-area.type02{
	overflow: hidden;
}
.layer-popup .btn-area.type02 li{
	float: left;
	width: 50%;
}
.layer-popup.type03 .popup .pop-head{
	height: 0;
}
.receipt .tb{
	display: table;
	width: 100%;
}
.receipt .tb > div{
	display: table-cell;
	width: 50%;
}
.receipt .tb > div:nth-of-type(2){
	text-align: right;
}
.receipt .receipt-list .hd{
	border-bottom: 2px solid #000;
	padding-bottom: 15px;
	font-weight: 600;
}
.receipt .receipt-list .hd span{
	float: left;
}
.receipt .receipt-list .hd span:last-child{
	float: right;
}
.receipt .right{
	text-align: right;
}
.receipt p , .receipt div {
	line-height: 25px;
}
.receipt .medium{
	font-weight: 600;
}
.receipt .tax{
	border-top: 1px solid #e5e5e5;

	font-size: 10px;
	color:#787878;
	padding:10px 0;
	margin:10px 0
}
.receipt{
	text-align: left;
	font-size: 12px;
}
.receipt .add-gray{
	font-size: 14px;
	color:#787878;
	padding-top:5px;
	border-top:1px solid #e5e5e5;
	line-height: 20px;
}
.receipt .tax .black{
	color:#000
}
.receipt .tax .black > div{
	color:#000
}
.receipt .b-code-area{
	margin-top:40px
}
.receipt .b-code-area .code{
	text-align: right;
	font-size: 14px;
	font-weight: 600;
}
.receipt .b-code-area span{
	font-size: 10px;
}
.receipt .total .tb > div:nth-of-type(2){
	font-size: 15px;
}
.receipt .b-code-area span:first-child{
	color:#787878;
	font-weight: 600;
	margin-right:25px
}


@media screen and (max-width:320px) {
	.join-info .input-item .cnl-item label{
		margin-right:10px
	}
	.join-info .input-item .cnl-item{
		padding-left:19px
	}
	.welcome .conts-area{
		margin-top:150px;
	}
	.gnb-wrap .mile-area > div{padding-left:40px}
	.gnb-wrap .mile-area > div::before{
		content:"";
		width:30px;
		height:30px;
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center;
		top:7px;
		left:0;
		position: absolute;
	}

	.gnb-wrap .mile-area > div > p span:first-child{
		color:#000;
		font-weight: 900;
		font-size: 17px;
	}
	span.mileage-amount:after{
		width:0
	}
	.gnb-info .mile-area > div > p span:first-child{
		padding-right:0;
	}
	.log-slide .join .sns-login a{
		margin-right:-2px
	}
	.member-benefit .coup-itm{
		width: 280px;
	}

	.main-container .top-wrap{
		padding: 20px;
		background: url(../images/main/img_life.png)no-repeat 95% 20px / 54px,#000;
	}
	.main-container .guud-redir .conts-wrap .bg{
		padding: 10px 20px 25px 15px;
	}

}

.map-point a{
	padding-right: 20px;
	background: url(../images/icon_arrow.png) no-repeat right center / 8px;}

div.map-point {
	position: relative;
	background: #ffffff;
	border: 1px solid #d2d2d2;
	display: inline-block;
	padding:8px 15px;
	border-radius: 5px;
}
div.map-point:after, div.map-point:before {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

div.map-point:after {
	border-color: rgba(255, 255, 255, 0);
	border-top-color: #ffffff;
	border-width: 10px;
	margin-left: -10px;
}
div.map-point:before {
	border-color: rgba(210, 210, 210, 0);
	border-top-color: #d2d2d2;
	border-width: 12px;
	margin-left: -12px;
}

div.ssg-title{
	line-height: 35px;
	padding: 10px 0;
	border-bottom: 1px solid #d2d2d2;
}
.club-use {
	border: 2px solid #000;
	padding: 0 6px;
	margin: 20px 3px 20px 8px;
	border-radius: 10px;
	font-weight: 900;
	line-height: 15px;
	display: inline-block;
	font-size: 9px;
}

/* CRM고도화(로그인/크레덴셜 스터핑 공격 대응개발) 프로젝트 추가 */
button.white.border-gray {
	border: 1px solid #e4e4e7
}

button.btn-mfa-info {
	min-width: 0;
	position: absolute;
	right: -25px;
	top: 50%;
	transform: translate(0, -50%);
	z-index: 5;
	width: 20px;
	height: 20px;
	background: url(../images/icon_info.png) no-repeat 0 0 / contain;
	font-size: 0;
	text-indent: -9999px;
	line-height: 0;
}

.radio-type03 {
	background-color: #787878;
	border: 2px solid #787878;
	display: table;
	width: 48px;
	border-radius: 16px;
}

.radio-type03 input[type=radio] + label {
	color: #4a4a4a;
	background: #4a4a4a;
	padding-left: 0;
	margin-right: 0;
	width: 50%;
	height: 24px;
	font-size: 12px;
	font-weight: 600;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	border-radius: 16px
}

.radio-type03 input[type=radio] + label::before {
	content: none;
	width: 0;
	height: 0;
}

.radio-type03 input[type=radio].active + label {
	background-color: #787878;
}

.radio-type03 input[type=radio]:checked + label {
	background: #fff;
}

.radio-type03:has(input[type=radio].active:checked) {
	background-color: #4a4a4a;
	border: 2px solid #4a4a4a;
}

.no-result-search.type03 {
	text-align: center;
	padding: 5vh 0;
	color: #787878;
}

.mfa-auth .mfa-auth-title-wrap {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 16px;
	margin-bottom: 16px;
}

.mfa-auth .mfa-auth-title-wrap > img {
	width: 60px;
	height: 60px;
}

.mfa-auth .mfa-auth-title-wrap .tit {
	font-size: 20px;
	font-weight: 700;
	color: #09090b;

	position: relative;
}

.mfa-auth .mfa-auth-desc-wrap {
	display: flex;
	flex-direction: column;
	gap: 8px;
	align-items: center;
	text-align: center;
	margin-bottom: 16px;
}

.mfa-auth .mfa-auth-desc-wrap > p {
	font-size: 16px;
	font-weight: 200;
	color: #3f3f46;
}

.mfa-auth .input-item .timer {
	margin-left: 10px;
	text-align: left;
}

.mfa-auth .bottom-area button {
	width: 80%;
	margin: 25px 0;
}

.my-security .security-wrap {

}

.my-security .security-wrap .security-table-type {
	display: flex;
	flex-direction: column;
	padding: 20px 0;
}

.my-security .security-wrap .security-table-type .security-row-type {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.my-security .security-wrap .security-table-type .table-column {
	flex-direction: column;
	align-items: flex-start;
}

.my-security .security-wrap .security-table-type .table-column:not(:last-child) {
	margin-bottom: 8px;
}

.my-security .security-wrap .security-table-type .tit {
	margin-bottom: 8px;
	font-size: 18px;
	font-weight: 500;
	color: #09090b;
	position: relative;
}

.my-security .security-wrap .security-table-type .desc {
	font-size: 14px;
	font-weight: 400;
	color: #71717b;
	margin-top: 4px;
	word-break: initial;
}

.my-security .security-wrap .security-table-type .bottom-area button {
	margin: 0;
	height: 36px;
	font-size: 14px;
}

.my-security .security-wrap .device-type {
	/*width: 100%;*/
}

.my-security .security-wrap .device-type li {
	display: flex;
	justify-content: space-between;

	border: 1px solid #e4e4e7;
	padding: 16px;
	margin-bottom: 8px;
}

.my-security .security-wrap .device-type li.empty-item {
	border: 0;
	justify-content: center;
}


.my-security .security-wrap .device-type .device-wrap {
	display: flex;
	flex-direction: column;
	gap: 8px;

	width: 100%;
}

.my-security .security-wrap .device-type .device-wrap > div {
	display: table;
	width: 100%;
}

.my-security .security-wrap .device-type .device-wrap > div:not(:last-child) {
	margin-bottom: 0;
}

.my-security .security-wrap .device-type .device-wrap .item-tit {
	display: table-cell;
	width: 20%;
	font-size: 12px;
	font-weight: 600;
	color: #787878;
}

.my-security .security-wrap .device-type .device-wrap .item-desc {
	display: table-cell;
	width: 80%;
	font-size: 12px;
}

.my-security .security-wrap .device-type .device-wrap.is-current-device div:first-child .item-desc:after {
	content: '*';
	color: #ff3e2f;
}

.my-security .security-wrap .device-type .device-remove {
	display: flex;
	align-items: center;
}

.my-security .security-wrap .device-type .device-remove button {
	min-width: 28px;
	height: 28px;
	background-color: #fff;
	background-image: url(../images/icon_remove.png);
	background-repeat: no-repeat;
	background-position: center;
	padding: 0;
}

.trust-device .trust-device-title-wrap {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 16px;
	margin-bottom: 16px;
}

.trust-device .trust-device-title-wrap > img {
	width: 60px;
	height: 60px;
}

.trust-device .trust-device-title-wrap .tit {
	font-size: 20px;
	font-weight: 700;
	color: #09090b;
}

.trust-device .trust-device-desc-wrap {
	display: flex;
	flex-direction: column;
	gap: 8px;
	align-items: center;
	text-align: center;
	margin-bottom: 16px;
}

.trust-device .trust-device-desc-wrap > p {
	font-size: 16px;
	font-weight: 200;
	color: #3f3f46;
}

.trust-device .device-info-wrap {
	padding: 15px 0
}

.trust-device .device-info-wrap > p {
	font-size: 14px;
	color: #09090b;
	margin-bottom: 4px;
}

.trust-device .device-info-wrap .device-info-table {
	display: table;
	width: 100%;
	border: 1px solid #e4e4e7;
	padding: 15px;
	font-size: 14px;
}

.trust-device .device-info-wrap .device-info-table .row {
	display: table-row;
	height: 25px;
}

.trust-device .device-info-wrap .device-info-table .row .cell {
	display: table-cell;
	vertical-align: middle;
}

.trust-device .device-info-wrap .device-info-table .row .cell.tit {
	color: #787878;
}

.mfa-info-slide {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 70;
}

.mfa-info-slide .conts {
	background: #fff;
	width: 100%;
	border-top: 1px solid #e5e5e5;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

.mfa-info-slide .dim {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.5);
	z-index: -1;
	display: none;
}

.mfa-info-slide .conts .head {
	text-align: right;
	padding: 20px 20px 0 30px;

}

.mfa-info-slide .conts .head button {
	min-width: auto;
	width: 16px;
	height: 16px;
	display: inline-block;
	background: url(../images/btn_close.png) no-repeat 0 0 / 16px;
}

.mfa-info-slide .scroll-area {
	height: 74vh;
	overflow-y: auto;
}

.mfa-info-slide .mfa-info-title {
	font-size: 32px;
	font-weight: 900;
	padding-left:30px;
	margin-bottom:15px;
}

.mfa-step-wrap {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	row-gap: 30px;

	padding: 25px 30px 0;
	margin-bottom: 15px;
}

.mfa-step-wrap::after {
	content: '';
	display: block;
	background-color: #e9f2ff;
	width: 100%;
	height: 2px;
}

.mfa-step-wrap .mfa-step {
	flex: 1;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	column-gap: 10px;
	position: relative;
}

.mfa-step-wrap .mfa-step::before {
	content: '';
	display: flex;
	justify-content: center;
	align-items: center;
	width: 60px;
	height: 60px;
	margin-right: 10px;
	color: transparent;
	border-radius: 50%;
	background-color: white;
	background-repeat: no-repeat;
	background-position: center;
}

.mfa-step-wrap .mfa-step.input-user-info::before {
	content: '1';
	background-image: url(../images/icon_mfa_step_1.png);
}

.mfa-step-wrap .mfa-step.send-certi-no::before {
	content: '2';
	background-image: url(../images/icon_mfa_step_2.png);
}

.mfa-step-wrap .mfa-step.receive-sms::before {
	content: '3';
	background-image: url(../images/icon_mfa_step_3.png);
}

.mfa-step-wrap .mfa-step.complete::before {
	content: '4';
	background-image: url(../images/icon_mfa_step_4.png);
}

.mfa-step-wrap .mfa-step::after {
	content: '';
	display: block;
	width: 2px;
	height: 30px;
	position: absolute;
	background-color: #e9f2ff;
	top: 60px;
	left: 29px;
	right: 0;
}

.mfa-step-wrap .mfa-step:last-child:after {
	display: none;
}

.mfa-step-wrap .mfa-step .step-info {
	flex: 1;
	display: flex;
	flex-direction: column;
	justify-content: center;
	row-gap: 4px;
	position: relative;
}

.mfa-step-wrap .mfa-step .step-info .tit {
	font-size: 15px;
	font-weight: 700;
}

.mfa-step-wrap .mfa-step .step-info .desc {
	font-size: 13px;
	color: #787878;
}

.mfa-info-slide .sub-box {
	padding: 15px 30px;
}

.mfa-info-slide .sub-box .tit {
	font-size: 15px;
	font-weight: 700;
	margin-bottom: 10px;
}

.mfa-info-slide .sub-box .desc {
	font-size: 13px;
	color: #787878;
	word-break: initial;
}
/* CRM고도화(로그인/크레덴셜 스터핑 공격 대응개발) 프로젝트 추가 */

/* reCAPTCHA v3 뱃지 */
.grecaptcha-badge {
	z-index: 9999 !important;
}