@import url("reset.css");
/* img{
	background-color: #e5e5e5;
} */
.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);}
}

.wrapper { width : 100%; }
.container.online-type{
	width:1440px;
}
.container {
  width:1100px;
  margin: 0 auto;
  padding-top:60px;
}
.contents-wrap{
	width:1100px;
	margin: 0 auto;
	display:table;
	min-height: 400px;

}
.sub-gray{
	word-break: keep-all;
}
.container.type-basic{
	display:table-cell;
	width:890px;
	padding-left:70px;

}
.side-bar {
	display:table-cell;
	width:200px;
	vertical-align: top;
	position: relative;

}
.side-bar.fixed{
	position: fixed;
	top:80px;
}
.side-bar.fixed.stop{
	position: fixed;
	bottom:80px;
}
.side-bar ul{
	width:100%;
	border:4px solid #e5e5e5;
	padding:40px 0 40px 30px;
	position: absolute;
	top:60px;
}
.container .container-title{
	border-bottom: 2px solid #f0f0f0;
	padding-bottom:40px
}
.container .container-title h3{
	font-size: 30px;
	font-weight: 600;
	line-height: 30px;
	display: inline-block;
}
.container .container-title > .add{
	display: inline-block;
	margin-left:30px;
	vertical-align: top;
}
.side-bar li{
	margin-bottom:10px
}
.side-bar li:last-child{
	margin-bottom:0;
}
.side-bar a {
	color:#787878
}
.side-bar .on a{
	color:#000;
	font-weight: 900;
	position: relative;
	padding-right:20px
}
.side-bar .on a:after{
	content:"";
	position: absolute;
	width:10px;
	height:2px;
	background:#000;
	top:10px;
	right:0;
}
/*데이트피커*/

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

.ui-datepicker-header {
	position: relative;
	padding: 6px 0;
}

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

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

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

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

.ui-datepicker-header .ui-datepicker-prev .ui-icon {
	background-image: url(../images/icon_left.png);

}

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

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

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

.ui-datepicker-header .ui-datepicker-title select.ui-datepicker-month {
	width: 80px;
	margin-right: 10px;
}

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

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

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

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

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

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

.ui-datepicker-calendar tbody td.ui-state-disabled span {
	color: #d2d2d2;
}
/* ============================================================================================
	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');
	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,U+0030-U+0039, U+002E-U+002E;
	font-style: normal;
	font-weight: 200;
	src: url('font/en/GillSans-Light.eot');
	src:
		 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, U+0030-U+0039, U+002E-U+002E;
	font-style: normal;
	font-weight: 400;
	src: url('font/en/GillSans.eot');
	src:
		 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, U+0030-U+0039, U+002E-U+002E;
	font-style: normal;
	font-weight: 600;
	src: url('font/en/GillSans-Medium.eot');
	src:
		 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, U+0030-U+0039, U+002E-U+002E;
	font-style: normal;
	font-weight: 900;
	src: url('font/en/GillSans-Bold.eot');
	src:
		 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');
} */
/*========================================================================================================================
	guaid
==========================================================================================================================
*/
.mgb5 {
	margin-bottom:5px !important
}
.mgb10{
	margin-bottom:10px !important
}
.mgb20{
	margin-bottom:20px !important
}
.mgb30{
	margin-bottom:30px !important
}
.mgb40{
	margin-bottom:40px !important
}
.mgb50{
	margin-bottom:50px !important
}
.mgb60{
	margin-bottom:60px !important
}
.mgb70{
	margin-bottom:70px !important
}
.mgb80{
	margin-bottom:80px !important
}
.mgb90{
	margin-bottom:90px !important
}

.mgt5{
	margin-top:5px !important
}
.mgt10{
	margin-top:10px !important
}
.mgt20{
	margin-top:20px !important
}
.mgt30{
	margin-top:30px
}
.mgt40{
	margin-top:40px
}
.mgt50{
	margin-top:50px
}
.mgt60{
	margin-top:60px
}
.mgt70{
	margin-top:70px
}
.mgt80{
	margin-top:80px
}
.mgt90{
	margin-top:90px
}
.mgt100{
	margin-top:100px
}

/*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;
}
input[readonly]{
	background-color: #f7f7f7;
}
input[disabled]{
	background-color: #f7f7f7;
}
.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%
}
table.casa-table-type01 {
	table-layout: auto;
}
.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.big{
	min-width: 600px;
	height: 60px;
	font-size: 20px;
}

button.white{
	background-color: #fff;
	color: #000;
	border:1px solid #333
}
button.mk{
	background-color: #fff;
	color: #7d7d7d;
	border:1px solid #b3b3b3;
	margin-top: 1em;
    margin-bottom: 1em;
    margin-right: 1em;
    min-width: 90px;
    min-height:5px;
    margin-left: 1em;
    text-align: right;
    padding-left:10px;
    padding-right:10px;
    transform: translateY(-80%);
    top: 50%;
    display: block;
    position: absolute;
    right: 0;
}
button.mk::before {
	content: "";
	display: block;
	width: 14px;
	height: 14px;
	position: absolute;
	top: 11px;
	left: 11px;
	background: url(../images/icon_search03.png) center no-repeat;
	background-size: cover;
}
button.mk:hover {
	border: 1px solid black;
   	color: black;
}
button.mk:hover::before {
	content: "";
	display: block;
	width: 14px;
	height: 14px;
	position: absolute;
	top: 11px;
	left: 11px;
	background: url(../images/icon_search01.png) center no-repeat;
	background-size: cover;
}
input[type=checkbox]{
	text-indent: -9999px;
	width:0;
	height: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
input[type=checkbox] + label{
	padding-left:30px;
	position: relative;
	margin-right: 30px;
	vertical-align: middle;
	font-size: 14px;
}
input[type=checkbox] + label::before{
	content: "";
	width:20px;
	height: 20px;
	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].disabled + label::before{
	background-image:url(../images/disabledck.png) ;
}
input[type=checkbox] + label.label-big::before{
	top:3px;
}
input[type=checkbox]:checked + label::before{
	background-image: url(../images/checked.png);
}
input[type=checkbox]:checked.disabled + label::before{
	background-image:url(../images/disabledck_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:25px;
	position: relative;
	margin-right: 30px;
	font-size: 14px;
}
input[type=radio] + label:last-child{
	margin-right: 0;
}
input[type=radio] + label:before{
	content: "";
	width:16px;
	height: 16px;
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	background-image: url(../images/radio.png);
	position: absolute;
	left:0;
	top:3px
}
input[type=radio]:checked + label:before{
	background-image: url(../images/radio_on.png);
}
input[type=file]{
	display:none;
	text-indent: -9999px;
	width:0;
	height: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
.radio-type02 {
	background-color:#787878;
	border:2px solid #787878;
	display:table;
	width:120px;
}
.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:53px;
	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 {
	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;
}

.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.scroll-type .popup{
	padding:0;
}
.layer-popup.scroll-type .popup .pop-conts{
	padding:0 40px 40px 40px;
}
.layer-popup.scroll-type .popup .pop-conts .pop-tit{
	padding:40px 0 ; vertical-align:middle; text-align:left;
	font-size: 24px; font-weight: 900;
}
.layer-popup.scroll-type .popup .pop-conts .conts{
	height:444px;width:945px; overflow-y:auto;
}
/**/
.layer-popup.alert-type .popup, .layer-popup.confrim-type .popup{
	padding-top:0;
	width:420px;
}
.layer-popup .casa-msg{
	text-align:center;
	word-break: keep-all;
}
.layer-popup .pop-bottom-btn{
	display:block;
	width:100%;
	overflow: hidden;
}
.layer-popup .pop-bottom-btn button{
	display:inline-block;
	width:100%;
	height:60px;
	line-height:60px;
}
.layer-popup .pop-bottom-btn.type02 button{
	display:inline-block;
	width:50%;
	float: left;
}
.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
}
.layer-popup .popup .pop-conts h2{
	text-align:center
}
/*
==========================================================================================================================
탭
==========================================================================================================================
*/

.tab .tab-list{
	display:table;
	width:99%;
 }
 .tab .tab-list .tab-item{
 	width:50%;
	display: table-cell;
	cursor: pointer;
	text-align: center;
	vertical-align: middle;
	height: 40px;
	padding:10px 0;
	border:1px solid #e5e5e5;
	border-bottom: solid 1px #000;
	color: #787878;
	font-size: 12px;
 }
 .tab .tab-list .tab-item.on{
	font-weight: bold;
	border:1px solid #000;
	border-bottom: none;
	background: #fff;
	color:#000000
 }

.tab .tab-list .tab-item.three{
	width:33.333%;
}

 /* .tab .tab-list .tab-item:first-child {
	border-right: solid 1px #787878
 } */

 .tab .tab-conts .tab-cont{
	display:none
 }
 .tab .tab-conts .tab-cont.on{
	display:block;
	width: 99%;
 }
/*
==================================================
아코디언
==================================================
*/
.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:35px 30px 35px;
	background-repeat:no-repeat;
	background-position:97% 50%;
	background-image:url(../images/aco_arrow.png);
	cursor:pointer

}
.acodian-wrap .aco-item.on .aco-title{
	background-image:url(../images/aco_arrow_on.png)
}

/*================================================
table
==================================================*/
.casa-table th {
	font-size: 14px;
	font-weight: 900;
	vertical-align: top;
	text-align: left;
	padding-top: 10px
}
.casa-table td{
	padding:10px 0;
	vertical-align: top;
	text-align: left;
}
.casa-table td input[type=text],.casa-table td input[type=tel],
.casa-table td input[type=password] {
	width:400px
}
.casa-table td p.add-info {
	font-size: 12px;
	margin-top: 10px;
}
.casa-table td input.short{
	width:290px
}
.casa-table th.required label{
	position: relative;
	padding-left: 10px;
}
.casa-table th.required label::before{
	content:"*";
	position: absolute;
	top:0;
	left:0px;
	color:#ff3e2f;
}
.type-inline{
	display: inline-block;
	margin-left:20px ;
}
.casa-input-type01 .tb{
	width:678px;
	margin:0 auto;
	display:table;
}
.casa-input-type01 .tb > div{
	display:table-cell;
	vertical-align:top
}
.casa-input-type01 .tb .ty-label{
	width:170px;
	line-height:40px;
	font-size:14px;
	font-weight:900
}
.casa-input-type01 .tb .ty-input{
	width:381px;
}
.casa-input-type01 .tb .ty-input input{
	width:100%
}
.casa-input-type01 .tb .ty-btn{
	text-align:right
}
.casa-input-type01 .tb .ty-input .info{
	font-size:12px;
	color:#ff3e2f;
	margin-top:8px;
	display:none
}
/*header*/
.main-wrap .header{

}
.header {
	width:100%;
	background:#000;
	z-index:30;
	position: absolute;
	top:auto;
	height: 50px;
	color:#fff;
	display:table;
}
.header a{
	color:#fff
}
.header-conts{
	width:1240px;
	margin: 0 auto;
}
.header-conts .logo-area{
	overflow: hidden;
}
.header-conts .logo-area a{
	text-indent: -999;
	font-size: 0;
	width: 260px;
	height: 50px;
	display: inline-block;
	background: url(../images/logo_guud02_wh.png) no-repeat center/ contain;
	float: left;
}
.header-conts .nav01{
	vertical-align: middle;
	/* font-size: 15px; */
	text-align: center;
	height: 50px;
}
.header-conts .nav{
	float: right;
	vertical-align: middle;
}
.header-conts .nav > ul,.header-conts .nav01 > ul {
	overflow: hidden;
	line-height: 50px;
	margin-left: 0px;
}

.header-conts .nav ul > li, .header-conts .nav01 > ul > li{
	float: left;
	padding: 0 43px;
}
.header-conts .nav ul li a{
	font-size: 14px;
}
/*footer*/
.footer-wrap{
	background:#191919;
	color:#fff;
	padding:35px 0 108px 0;
	width: 100%;
	display: table;
}
.footer-wrap a{
	color:#fff
}
.footer-wrap .footer-conts{
	width:1240px;
	margin:0 auto;
	display:table;
}
.footer-wrap .bor-wrap{
	border-bottom: 1px solid #4d4d47;
}
.footer-wrap .footer-conts .content,.footer-wrap .footer-conts .logo{
	display:table-cell
}
.footer-wrap .footer-conts .logo{
	width:123px;
	text-indent: -999px;
	background: url(../images/logo_guud_wh.png) no-repeat top center / contain;
}
.footer-wrap .footer-conts .content{
	padding-left:70px;
}
.footer-wrap .footer-conts .content .info-list {
	margin-bottom: 25px;
}
.footer-wrap .footer-conts .content .info-list .dual > div{
	display: inline-block;
	min-width: 240px;
	vertical-align: top;
}
.footer-wrap .footer-conts .content .info-list p{
	font-size:13px ;
	font-weight: 400;
	word-break:keep-all;
	color:#6c6c6a;
}
.footer-wrap .footer-conts .content .info-list p span:first-child{
	padding-left: 0;
}
.footer-wrap .footer-conts .content .info-list .bold{
	margin-bottom: 15px;
}
.footer-wrap .footer-conts .content .info-list .bold span{
	color:#999999;
	font-size: 14px;
	min-width: 100px;
	display: inline-block;
}
.footer-wrap .footer-conts .content .info-list p span:last-child:after{
	width: 0;
}

.footer-wrap .footer-conts .content .copyright{
	font-size: 12px;
	color:#6c6c6a
}
.footer-wrap .footer-conts .redirect-conts{
	margin-bottom:25px
}
.footer-wrap .footer-conts .redirect-conts .site-map{
	padding-right: 20px;
	background: url(../images/arr_down_wh.png) no-repeat right center;
}
.footer-wrap .footer-conts .redirect-conts .site-map.on{
	background: url(../images/arr_up_wh.png) no-repeat right center;
}
.footer-wrap .footer-conts .redirect-conts li{
	display: inline-block;
	padding:0 20px ;
	border-right:1px solid #585852;
	line-height: 10px;
}
.footer-wrap .footer-conts .redirect-conts li a{
	font-size:14px;
	font-weight: 200;
	color:#999999
}
.footer-wrap .footer-conts .redirect-conts li .red{
	color:#ff3e2f
}
.footer-wrap .footer-conts .redirect-conts li .white{
	color:#fff
}
.footer-wrap .footer-conts .redirect-conts li:first-child{
	padding-left:0
}
.footer-wrap .footer-conts .redirect-conts li:last-child{
	border-right:none ;
}
.footer-wrap .footer-conts .top > ul{
	float: left;
}
.footer-wrap .footer-conts .top > div{
	float: right;
}
.footer-wrap .footer-conts .top > div > span{
	display:inline-block;
	width: 34px;
	height: 34px;
	background-repeat: no-repeat;
	background-size: contain;
	margin-right: 10px;
}
.footer-wrap .footer-conts .top > div > span.kakao{
	background-image: url(../images/kakao_icon_white.png);
}
.footer-wrap .footer-conts .top > div > span.facebook{
	background-image: url(../images/facebook_icon_white.png);
}
.footer-wrap .footer-conts .top > div > span.naver{
	background-image: url(../images/naver_icon_white.png);
	margin-right: 0;
}
.footer-wrap .fm-site {
	position: relative;
	display: inline-block;
	vertical-align: top;
	margin-right:30px ;
}
.footer-wrap .fm-site .toggle{
	position: absolute;
	bottom:30px;
	background: #000;
	color:#fff;
	padding:15px;
	font-size: 12px;
}
.footer-wrap .fm-site .toggle > p{
	color:#787878;
	margin: 10px 0;
	position: relative;
}
.footer-wrap .fm-site .toggle > p:after{
	content: "";
	width: 50px;
	height: 1px;
	top:50%;
	right:0;
	position: absolute;
	background-color: #787878;
}
.footer-wrap .fm-site .toggle ul li{
	margin-bottom:5px
}
.footer-wrap .fm-site span {
	color:#fff;
	border-bottom:1px solid #fff;
	font-size: 12px;
	padding: 10px 75px 10px 0;
	display: inline-block;
	background: url(../images/arr_down_wh.png) no-repeat right center ;
}

.footer-wrap select option{
	color:#000
}
.footer-wrap .mid .dep01{
	display: table;
	width: 100%;
	padding:45px 0;
}
.footer-wrap .mid .dep01 > li > p {
	margin-bottom: 20px;
}
.footer-wrap .mid .dep01 > li:first-child{
	border-left:1px solid #43433d;
}
.footer-wrap .mid .dep01 > li {
	display: table-cell;
	width: 14%;
	border-right:1px solid #43433d;
	padding-left: 35px;
}
.footer-wrap .mid .dep02 > li{
	margin-bottom: 15px;
}
.footer-wrap .mid .dep02 > li > a, .footer-wrap .mid .dep02 > li > p{
	font-size:14px ;
	font-weight: 200;
	color:#999
}
.footer-wrap .mid .dep03 > li > a{
	font-size: 13px;
	color:#6c6c6a
}
.footer-wrap .btm{
	padding-top:35px
}


/*title*/
.title-zone{
height:325px;
min-width: 1240px;
max-width: 1920px;
margin: 50px auto 0 auto;
}
.title-zone .title{
	color:#fff;
	font-size: 40px;
	font-weight: 900;
	padding-top:70px
}
.title-zone .add{
	color:#fff;
	font-size: 14px;
	font-weight: 400;
	margin-top:15px
}

.my-main.title-zone{
	background:url(../images/bg_my.png)no-repeat  center /cover;
}
.service.title-zone{
	background:url(../images/bg_sv.png)no-repeat  center /cover;
}
.magazine.title-zone{
	background:url(../images/bg_mg.png)no-repeat  center /cover;
}
.event.title-zone{
	background:url(../images/bg_et.png)no-repeat  center /cover;
}
.club.title-zone{
	background:url(../images/bg_cl.png)no-repeat  center /cover;
}
.membership.title-zone{
	background:url(../images/bg_mb.png)no-repeat  center /cover;
}
.title-zone .title-wrap{
	position: relative;
	height:325px
}
.title-zone .lnb-tab{
	display: table;
	width:100%;
	margin-top:9px;
	position: absolute;
	bottom:0
}
.title-zone .lnb-tab li{
	display: table-cell;
	text-align: center;
	background:#fff;
	height: 70px;
	vertical-align: middle;
	border-bottom:1px solid #e5e5e5;
	border-left:1px solid #e5e5e5;
}
.title-zone .lnb-tab li a{
	font-weight: 600;
	font-size: 14px;
}
.title-zone .lnb-tab li.on a{
	color:#fff;

}
.title-zone .lnb-tab li.on{
	background:#000;
	border:1px solid #000

}
.title-zone .lnb-tab li:last-child{
	border-right:1px solid #e5e5e5
}
.title-zone .lnb-tab li.on:last-child{
	border-right:none
}
.title-zone .title-wrap{
	text-align: center;
}
.title-area{
	background:#fff;
	transition: padding 0.4s;
	position: absolute;
	top:110px;
	z-index:10;
}
.title-area.fixed{
	position:fixed;
	padding:30px 0
}
.title-area.type01 h1{
	position:relative
}
.title-area.type01 .tit-text{
	cursor:pointer;
	position:relative;
	padding-right:35px
}
.title-area.type01 .tit-text::after{
	content:"";
	position:absolute;
	right:0;
	top:calc( 50% - 7px );
	width:18px;
	height:13px;
	background:url(../images/icon_title_arrow.png) no-repeat 1px 1px
}
.title-area.type01 .inner-box{
	position:absolute;
	top:55px;
	left:0;
	background:#fff;
	z-index:2
}

.title-area.type01 .inner-box .layer{
	border:1px solid #d2d2d2;
	padding:10px 0;
	text-align:left;
	min-width:180px

}

.title-area.type01 .inner-box .layer li{
	line-height:38px;
}
.title-area.type01 .inner-box .layer li a{
	padding-left:20px;
	font-size:20px;
	font-weight:400;

}
.title-area.type01 .inner-box .layer li a:hover{
	font-weight:600;
}

.title-area {
	width:100%;
	border-bottom: 1px solid #d2d2d2;
	text-align:center;
	padding: 60px 0;
}
.title-wrap {
	width:1100px;
	margin: 0 auto ;
}
.title-area .title{
	text-align: center;
	font-size: 30px;
	font-weight: 900;
	display:inline-block
}

.head-area{
	text-align: center;
	padding: 100px 0 ;
}
.head-area p strong{
	font-weight:900
}
.head-area p.bold {

	font-weight: 900;
	font-size: 30px;

}
.head-area p:nth-of-type(2){
	margin-top:10px
}
.head-area p {
	font-weight: 400;
	font-size: 20px;
}

/*========================================================================================================================
Main
==========================================================================================================================
*/

/*========================================================================================================================
Member
==========================================================================================================================
*/
/*로그인*/
.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 .with-clear{width:100%}
.login-conts .warn {
	min-height:25px;
	margin-bottom:5px
}
.login-conts .warn .msg{
	color:#ff3e2f;
	font-size:14px;
	font-weight:600;
	position:relative;
	padding-left:20px
}
.login-conts .warn .msg::before{
	content:"";
	position:absolute;
	top:3px;
	left:0;
	width:16px;
	height:16px;
	background:url(../images/icon_warn.png) no-repeat 0 0;
	background-size:contain
}
.login-conts{

}
.login-conts .tab-cont {

}
.shop-login {
	padding:25px 25px 0 25px
}
.shop-login .auth a{
	width:260px;
	height:240px;
	display:inline-block;
	border:1px solid #000;
	text-align:center;
	float:left;
	font-size:20px;
	font-weight:600;
	padding-top:180px;
	background-repeat:no-repeat;
	background-position:center 10px
}
.shop-login .auth a.phone{
	background-image:url(../images/icon_phone.png);
	background-position:center 60px
}
.shop-login .auth a.card{
	background-image:url(../images/icon_card.png);
	background-position:center 80px

}
ul.dot-type.small{
	font-size:12px;
	margin-top:6px
}
ul.dot-type.small li:before{
	top:6px
}
ul.dot-type.gray-type{
	font-size:14px;
	color:#9c9c9c
}
.shop-login > p {
	text-align:left;
	font-size:14px;
	font-weight:600;
	margin-bottom:20px;
	word-break: keep-all;
}
.shop-login .auth a:first-child{
	margin-right:15px
}

.login-conts .find-id {
	margin-bottom:11px
}
.login-conts .sign-in .sign-step {
	margin:0
}
.login-conts .sign-in .sign-step {
	margin:0
}
.login-conts .sign-in .sns .table {
	margin:0;
	padding:18px 60px 0 60px;
}
.login-conts .sign-in .sns .table a {
	font-size:14px;
	padding-top:75px
}
.login-conts input[type="text"], .login-conts input[type="password"]{
	width:100%;
	margin-bottom: 8px;
}
 .login-conts input[type="checkbox"] + label {
	cursor: pointer;
}
 .wid-btn{
	width:100%;
	background-color:#000000 ;
	color:#fff;
	font-weight: 900;
	height: 55px;
	vertical-align: middle;
	text-align: center;
}
 .login-conts .remember-wrap{
	float: left;
}
 .login-conts .modify{
	float: right;
}
 .login-conts .modify li{
	display:inline-block
}
 .login-conts .modify li a {
	font-size:14px;
	color:#787878
}
 .login-conts .modify li:first-child{
	position: relative;
	padding-right:10px
}
 .login-conts .modify li:first-child::after{
	content: "";
	width:1px;
	height:14px;
	background-color: #787878;
	position: absolute;
	right:3px;
	top:6px
}
 .easy-login .sign-up{
	text-align: center;
	margin-top:15px;
	color:#787878;
}
 .easy-login .sign-up a{
 font-weight:900
 }

/*회원가입*/
.sign-in .casa-input-type01 .tb .ty-input {
	width:400px
}
.sign-in .casa-table tr.dynamic{
	display:none
}
.sign-in .sub-line{
	font-size:20px;
	font-weight:600;
	text-align:center;

}
.sign-in .casa-input-type01 .tb {
	margin:0
}
.sign-in .casa-input-type01.type02 .tb{
	margin:0 auto
}
.sign-in .casa-input-type01 .tb .ty-btn {
	text-align:left;
	padding-left:10px
}
.sign-in .table{
	display:table;
	margin: 0 auto;
	width:100%;
	padding: 75px 160px;
}
.sign-in .table li{
	display:table-cell;
	width:25%;
	padding-top :120px;
	background-repeat: no-repeat;
	background-position: top center;
	text-align: center;
}
.sign-in .table li h3{
	font-size: 20px;
	font-weight: 900;
}
.sign-in .table li.service01{
	background-image: url(../images/icon_cp.png);
}
.sign-in .table li.service02{
	background-image: url(../images/icon_event.png);
}
.sign-in .table li.service03{
	background-image: url(../images/icon_mile.png);
}
.sign-in .sign-step{
	margin-bottom:50px
}
.sign-in .sign-step.sns{
	margin-bottom:0;
}

.sign-in .sign-step h2{
	font-size: 24px;
	font-weight: 400;
	margin-bottom: 10px;
	border-top:1px solid #000000;
	padding-top:15px;
	width:100%;
}
.sign-in .sign-step h2 .floating{
	float:left
}
.sign-in .sign-step h2 .online-mall{
	float:right;
	margin-top:10px
}
.sign-in .sign-step h2 .online-mall{
	text-align: right;
	font-size:16px;
	border:1px solid #000;
	font-weight: 400;
	padding: 0 30px 0 10px;
	background:url(../images/btn_next_on.png) no-repeat 90% center ;
}

.sign-in .sign-step .add{
	font-weight: 400;
	color:#787878;
	font-size:14px

}
.sign-in .methods{
	padding:20px 0 60px 0;
	border-bottom: 1px solid #d2d2d2;

}
.sign-in .methods a{
	display:inline-block;
	width:calc( 50% - 10px );
	border:1px solid #787878;
	padding: 70px 0 70px 333px;
	background-repeat: no-repeat;
	float:left
}
.sign-in .methods a:hover{
	border:1px solid #000;
	font-weight:600
}
.sign-in .methods a:nth-of-type(1){
	background-image: url(../images/icon_phone.png);
	background-position: 146px 35px;
}
.sign-in .methods a:nth-of-type(2){
	background-image: url(../images/icon_card.png);
	background-position: 103px 50px;
}

.sign-in .methods a:first-child{
	margin-right:20px ;
}
.sign-in .info li{
	font-size: 14px;
	color:#9c9c9c
}
.dot-type{
	margin-top: 20px;
}
.foot-info {
	border-top:1px solid #d2d2d2;
	padding-top:20px;

}
.dot-type li{
	margin-bottom:4px;
	padding-left:10px;
	position: relative;
}
.dot-type li::before{
	content: "";
	width:3px;
	height:3px;
	background-color:#787878;
	position: absolute;
	top:10px;
	left:0;
	border-radius: 50%;
}
.sign-in .sns .table{
	margin-top:55px;
	padding-bottom:0;
}
.sign-in .sns .table li{
	padding-top:80px
}
.sign-in .sns .table li a{
	padding-top:80px;
	background-repeat: no-repeat;
	background-position: top center;
	text-align: center;
}
.sign-in .sns .table li:nth-of-type(1) a{
	background-image: url(../images/icon_naver.png);
}
.sign-in .sns .table li:nth-of-type(2) a{
	background-image: url(../images/icon_kakao.png);
}
.sign-in .sns .table li:nth-of-type(3) a{
	background-image: url(../images/icon_facebook.png);
}
.sign-in .sns .table li:nth-of-type(4) a{
	background-image: url(../images/icon_apple.png);
	background-size: 60px;
}
/*회원정보입력*/

.head-area.type02{
	padding: 95px 0 0 0
}
.sub-gray{
	border-bottom:1px solid #d2d2d2;
	border-top:1px solid #d2d2d2;
	background-color:#f7f7f7;
	text-align: center;
	padding: 30px 0;
	font-size: 20px;
	font-weight: 600;
	position: relative;
	margin:60px 0
}
.sub-gray .agree-area{
	position: absolute;
	right: 56px;
	top:31px;
}

.sign-in .argree-item{
	margin-bottom: 40px;
}

.sign-in .argree-item h3{
	font-weight: 600;
	margin-bottom:8px
}

.sign-in .argree-item.required .red{
	color:#ff3e2f;
}
.sign-in .argree-item .terms-area{
	border: 1px solid #787878;
	width: 100%;
	height: 120px;
	overflow-y: auto;
	padding:10px
}
.sign-in .argree-item.mem-sns h3{
	display:inline-block
}
.sign-in .argree-item.mem-sns .info{
	font-size:14px;
	margin-left:20px;
}
.sign-in .argree-item.mem-sns > div:nth-of-type(1){
	float:left
}
.sign-in .argree-item.mem-sns > div:nth-of-type(2){
	float:right
}
.argree-item label.label-big {
	font-size:16px
}
.sign-in .argree-item.mem-sns > div label{
	margin-right:0;
}
.sign-in .argree-item button{
	border:1px solid #000000;
	min-width:auto;
	height: auto;
	font-size: 14px;
	padding: 0 15px;
	float: left;
	color:#000;
	background-color: #fff;
}
.sign-in .argree-item .clear-fix{
	margin-top:10px;
	width:100%
}
.sign-in .argree-item .agree-area{
	display: inline-block;
	float: right;
}
.sign-in .argree-item .agree-area label{
	margin-left: 15px;
	margin-right:0;
}
.sign-in .popup{
	padding:30px 30px 20px 30px;
	overflow:hidden
}
.sign-in .culb .culb-type{
	margin-top:25px;
}
.sign-in .culb .club-item{
	padding-top:20px;
	margin-top:20px;
	border-top:1px solid #e5e5e5
}
.sign-in .casa-table .datepicker {
	width:290px;

}
.club-item .club-children ul li{
	margin-bottom:10px;
	overflow: hidden;
}
.club-item .club-children ul li .btn-del, .club-item .club-children ul li .gender-wrap,.club-item .club-children ul li input{
	float:left;
	vertical-align: middle;
}
.club-item .club-children .add-btn{
	width:445px;
	height:40px;
	line-height: 40px;
	background-color: #fff;
	border:1px solid #cccccc;
	color:#000;
	font-size: 14px;
	text-align: left;
	padding-left:36px;
	background:url(../images/icon_add.png) no-repeat 13px center;
}
.club-item .club-children .gender-wrap{
	display:inline-block;
	margin-left : 20px;
	line-height: 40px;
}
.relocation table td input[type=text].family-size{
	width:200px;
}
.relocation .size{
	line-height: 40px;
    display: inline-block;
    vertical-align: top;
    margin-left: 20px;
    font-size: 14px;
    font-weight: 600;
}
.tool-wrap{
	position: relative;
}
.tooltip {
	display:inline-block;
	width:15px;
	height:15px;
	background:url(../images/icon_Q.png)no-repeat center;
	vertical-align: middle;
	margin-left:10px;
	cursor: pointer;
}
.tooltip-conts {
	position: absolute;
	top:26px;
	z-index: 2;
	width:100%;
	width:-moz-max-content;
	width:-webkit-max-content;
	width:-o-max-content;
	padding:5px 10px;
	background:rgba(0,0,0,0.8);
	color:#fff;
	font-size: 12px;
	font-size: 12px;
	font-weight: 400;
	opacity: 0;
	display:none;
}
.btn-del {
	width:40px ;
	height: 40px;
	display: inline-block;
	background: url(../images/btn_clear.png) no-repeat center ;
	min-width: 0;
	padding: 0;
	vertical-align: middle;
}
.club-item .club-children  .btn-del{
	margin-left:40px ;
}
input.datepicker{
	padding-right:30px;
	position: relative;
	background:url(../images/icon_datepicker.png) no-repeat 97% center / 16px;
}
.datepicker::before{
	content:"";
	width:22px;
	height:22px;
	position: absolute;
	top:0;
	right:0;
}
.casa-table input[disabled].datepicker{
	background-color: #f7f7f7;
}
.sign-in .casa-table input[disabled].datepicker{
	background-color: #fff;
}
.sign-in .casa-table input[readonly].datepicker{
	background-color: #fff;
}
.pagenation {
	text-align:center; padding-top:13px
}
.pagenation a.on{
	font-weight:900;
	color:#000
}
.pagenation a,.pager span, .pager em {
	padding: 0 5px; margin:0 2px;
	font-size:14px;
	color:#787878
}
.pagenation em {
	font-weight:900;
	color:#000
}
.pagenation .btn-page-prev span,.pagenation .btn-page-next span{
	text-indent:-99999px;
	font-size:0;
	width:0;
	height:0
}
.pagenation .btn-page-prev,.pagenation .btn-page-next{
	width:8px;
	height:15px;
	cursor: default;

}
.pager {display:inline-block}
.pager-new {display:inline-block}
.pagenation .btn-page-prev{

	background:url(../images/btn_prev.png) no-repeat 0 4px;
}
.pagenation .btn-page-prev.on{
	background:url(../images/btn_prev_on.png) no-repeat 0 4px;
	cursor:pointer
}
.pagenation .btn-page-next.on{
	background:url(../images/btn_next_on.png) no-repeat right 4px;
	cursor:pointer
}
.pagenation .btn-page-next{
	background:url(../images/btn_next.png) no-repeat right 4px;
}
.sign-in .popup .pop-conts h2{
	font-size:20px;
	font-weight:900;
	margin-bottom:25px;

}
.sign-in .popup .pop-conts .pop-info {
	padding:15px 0 7px 10px;
	font-size:14px
}
.sign-in .popup .pop-conts .conts-area {
	border-bottom:1px solid #000;
	height:380px;
}
.sign-in .popup .conts-wrap{
	border-top:1px solid #000;
}
.sign-in .conts-wrap .init{
	font-weight:600
}
.sign-in .conts-wrap .init,.conts-wrap  .no-result{
	text-align:center;
	padding-top:170px
}
.sign-in .conts-wrap  .no-result p:first-child{
	font-weight:900;
	color:#ff3e2f;
	margin-bottom:14px
}
.sign-in .conts-wrap  .no-result p{
	font-size:14px
}
.sign-in .popup .pop-conts .conts-area .ads-items li{
	border-bottom:1px solid #e5e5e5;
	height:76px;
	display:table;
	width:100%;
	cursor:pointer;
}
.sign-in .popup .pop-conts .conts-area .ads-items li > div:first-child{
	padding-left:10px
}
.sign-in .popup .pop-conts .conts-area .ads-items li > div{
	display:table-cell;
	font-size:14px;
	vertical-align:middle
}
.sign-in .popup .pop-conts .conts-area .ads-items li > div p.name{
	font-weight:900;
	margin-bottom:3px
}
.sign-in .popup .pop-conts .conts-area .ads-items li > div:last-child{
	text-align:center;
	width:165px
}
.sign-in .popup .pop-conts .conts-area .ads-items li:last-child{
	border-bottom:none
}
.sign-in .popup .pop-conts .popup-search input[type=text]{
	width:412px
}

input[type=text].area{
	width: 350px;
}


/*테이블*/
.casa-table .table-title th{
	font-weight: 600;
	padding-bottom: 50px
}
.casa-table .table-title td{
	vertical-align: top;
}
.casa-table td .adress-row{
	margin-bottom: 8px;
}
.casa-table td .adress-row input:first-child{
	width:100px;
	margin-right:10px
}
.casa-table td .adress-row input{
	width:290px;
	float: left;
}
.casa-table td .adress-row button{
	margin-left:10px ;
}
.casa-table td.clear-fix input,.casa-table td.clear-fix button{
	float:left
}
.casa-table .table-info{
	font-size:14px
}
.casa-table .user-password .add-info{
	padding-left:16px;
	position:relative;
	color:#9c9c9c;
	font-size:14px
}
.casa-table .user-password .add-info.on{
	color:#6bab4b;
	font-weight:900
}
.casa-table .user-password .add-info.on::before{
	background:url(../images/icon_check_on.png)no-repeat;
}

.casa-table .user-password .add-info::before{
	content:"";
	position:absolute;
	width:13px;
	height:11px;
	background:url(../images/icon_check.png)no-repeat;
	background-position:center;
	top:5px;
	left:0;
}
.validate .pass,.validate .non-pass{
	display:none
}
.validate .pass.on,.validate .non-pass.on{
	display:inline-block
}

.casa-table td.vali-check .validate,.casa-table td.vali-check input{
	float:left;
}
.casa-table td.vali-check .validate span{
	font-size:14px;
	font-weight:900;
	padding:8px 0 8px 40px;
	vertical-align:middle;
	position:relative;
}
.casa-table td.vali-check .validate span.pass{
	color:#6bab4b;
}
.casa-table td.vali-check .validate span::before{
	content:"";
	width: 14px;
	height:14px;
	position:absolute;
	top:13px;
	left:19px;
	background-position:center;
	background-repeat:no-repeat;
}
.casa-table td.vali-check .validate span.pass::before{
	background-image:url(../images/icon_pass.png)
}
.casa-table td.vali-check .validate span.non-pass::before{
	background-image:url(../images/icon_nonpass.png)
}
.casa-table td.vali-check .validate span.non-pass{
	color:#ff3e2f
}


.sign-in .cmpl-confirm{
	font-size:20px;
	font-weight:600;
	text-align:center;
	width:100%;
}
.sign-in .table-wrap {
	border-bottom:1px solid #d2d2d2;
	padding-bottom:65px;

}

.mainStore-bottom-area{
	text-align:center;
}
.mainStore-bottom-area button{
	min-width:160px;
	height:40px;
	font-size:14px;
	font-weight:600
}

.btn-bottom-area{
	text-align:center;
	padding:80px 0 110px 0;

}


.btn-bottom-area.type01 button:nth-of-type(1){
	margin-right:10px
}
.btn-bottom-area button{
	min-width:265px;
	height:60px;
	font-size:20px;
	font-weight:600
}
.sign-in .casa-table .argree-item {
	margin-bottom:0
}
/*아이디찾기*/
.sign-in .id-confirm{
	text-align:center;
	font-size:20px;
	font-weight:900;
	padding:60px 0;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
}
.sign-in .id-confirm .process li{

	font-size: 16px;
	font-weight: 600;
	text-align: left;

}
.sign-in .id-confirm ul li{
	display:table;
	width:450px;
	margin: 30px auto 0 auto
}
.sign-in .id-confirm ul li span{
	display:table-cell;
}
.sign-in .id-confirm ul li span.sns-date{
	width:130px;
	text-align:right;

}
.sign-in .id-confirm ul li span:first-child{
	word-break: break-all;
	width:220px;
}
.sign-in .id-confirm ul li:first-child{
	margin-top:0
}
.id-confirm .sns-date{
	font-size:14px;
	font-weight:400;
	margin-left:30px
}
.info-table {
	text-align:center;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	padding:30px 0
}
.info-table h3{
	font-size:20px;
	font-weight:900;
}

.info-table ul {
	display:inline-block;
}
.info-table.type02{
	border:none;
	background:#f7f7f7;
	padding:45px 0
}
.info-table.type02 > h3{
	margin-bottom:15px
}
.info-table.type02 > div > span{
	display:inline-block;
	color:#787878;
	font-weight:600;
	margin-right:25px
}


.info-table.type03{
	border:none;
}
.sign-in .info-table ul li{
	text-align:left;
}
.casa-table-type01 th,.casa-table-type01 td{
	text-align:center;
	padding:12px 0
}
.mileage span{
	padding-right:30px;
	position:relative;
}

.mileage span::before{
	content:"";
	width:20px;
	height:20px;
	background-image:url(../images/icon_mileage.png);
	background-position:center;
	position:absolute;
	background-size: contain;
	top:calc(50% - 10px);;
	right:0;
}
.mileage.small-ver span{
	padding-right:20px;
	position:relative;
}

.mileage.small-ver span::before{
	content:"";
	width:15px;
	height:15px;
	background-image:url(../images/icon_mileage.png);
	background-size: contain;
	background-position:center;
	position:absolute;
	top:calc(50% - 7px);;
	right:0;
}
.casa-table-type01 tbody tr.red .mileage span::before{
	background-image:url(../images/icon_mileage_red.png);
}
.casa-table-type01 thead th{
	border-bottom:2px solid #000;
	font-size: 14px;
}
.casa-table-type01 tbody td{
	border-bottom:1px solid #e5e5e5;
	font-size: 14px;
}
.casa-table-type01 tbody tr.red td{
	color:#ff4b3d
}

.casa-table-type01 tbody tr.red td:first-child{
	position:relative
}
.casa-table-type01 tbody tr.red td:first-child::after{
	content:"";
	position:absolute;
	top:13px;
	right:0;
	width:20px;
	height:20px;
	background:url(../images/icon_warn.png) no-repeat center / contain;
}
.sign-in .integ-info{
	position:relative;
	padding:30px 60px;
	margin-bottom:0
}
.sign-in .integ-info span {
	font-size:20px;
	font-weight:600;
	text-align:center;
	display:block
}
.sign-in .integ-info .integ-add{
	position:absolute;
	right:60px;
	top:32px;
}
.sign-in .integ-info .integ-add .text{
	font-size:16px;

}
.sign-in .right-f{
	text-align:right;
	font-size:14px;
	color:#787878;
	margin:10px 0 50px 0
}
.sign-in .transfer-mem .integ-add-info{
	padding-left:10px;
	font-size:14px;
	color:#9c9c9c;
	margin-top:10px;
	position:relative
}

.sign-in .transfer-mem .integ-add-info::before{
	content:"";
	width:3px;
	height:3px;
	background-color:#9c9c9c;
	position:absolute;
	top:9px;
	left:0;
	border-radius:50%
}
.sign-in .transfer-mem{
	margin-top:50px
}
.sign-in .transfer-mem span.represent{
	border:1px solid #000;
	font-weight:bold;
	padding:0 3px;
}

/*
==========================================================================================================================
mypage
==========================================================================================================================
*/
.mypage .sign-step .methods {
	padding-top:0
}

.casa-input-type01 .ty-input .timer{
	margin-left:10px;
	color:#ff3e2f;
	vertical-align:  top;
	padding-top:8px;
	display:inline-block;
	font-size: 14px;
}
.casa-input-type01 .ty-input .timer.cmpl{
	color:#6bab4b;
	font-weight:900
}
/*비밀번호변경*/
.pw-chg .table-wrap {
	width:750px;
	margin:0 auto 0 auto
}
.pw-chg .table-wrap label{
	line-height:40px
}
.resend{
	font-size: 12px;
}
.resend span{
	border-bottom: 1px solid #000;
}
/*SNS*/
.my-sns .sns-wrap{
}
.my-sns .sns-wrap .sns-table-type {
	display:table;
	width:100%;
	padding:0 100px;
	height:150px
}
.my-sns .sns-wrap .sns-table-type .tit{
	margin-bottom:13px;
	font-size:20px;
	font-weight:900;
}
.my-sns .sns-wrap .sns-table-type .info{
	font-weight:600;
}
.my-sns .sns-wrap .sns-table-type .date {
	font-size:14px;
	color:#787878;
	margin-top:4px
}
.my-sns .sns-wrap .sns-table-type > div {
	display:table-cell
}
.my-sns .sns-wrap .sns-table-type > div{
	width:50%;
	vertical-align:middle
}
.my-sns .sns-wrap .sns-table-type > div:first-child{
	padding-left: 120px;
	position:relative;
	width:90%;
	background-repeat: no-repeat;
	background-position: left center;
}

.my-sns .sns-wrap .sns-table-type.naver > div:first-child {
	background-image:url("../images/icon_naver_big.png")
}
.my-sns .sns-wrap .sns-table-type.kakao > div:first-child {
	background-image:url("../images/icon_kakao_big.png")
}
.my-sns .sns-wrap .sns-table-type.facebook > div:first-child {
	background-image:url("../images/icon_facebook_big.png")
}
.my-sns .sns-wrap .sns-table-type.apple > div:first-child {
	background-image:url("../images/icon_apple.png");
	background-size:80px
}
.my-integ .integ-info{
	font-weight:400
}
.my-integ .integ-info > p > em {
	font-weight:900
}
.my-integ .integ-info .integ-agree {
	position:relative;
	font-weight:600;
	display:inline-block;
	margin:20px auto 0 auto;
}
.sign-in.my-integ .integ-info .integ-add{
	right:-120px;
	top:0;

}
.sign-in.my-integ .integ-info .integ-agree.red .text{
	font-size:16px;
	color:#000;
	display:block;
	line-height: 30px;
}
.sign-in.my-integ .integ-info .integ-agree.red{

}
.sign-in.my-integ .integ-info .integ-fail .integ-agree.red span.fail-msg{
	position:relative;
	padding-left:30px;
}
.sign-in.my-integ .integ-info .integ-fail .integ-agree span.fail-msg:before{
	content:"";
	position:absolute;
	width:21px;
	height:21px;
	left:0;
	top:5px;
	background:url(../images/icon_warn_big.png)no-repeat 0 0;
}
.cmpl-result .cmpl-success {
	text-align:center;
	padding-top:200px;
	margin-top:80px;
	font-size:20px;
	background : url(../images/icon_cmpl.png) no-repeat center 0
}
.cmpl-result .cmpl-success .sub-info{
	font-size:16px;
	margin-top:16px
}
.cmpl-result  .cmpl-success.fail{
	background : url(../images/icon_fail.png) no-repeat center 0
}
/*회원탈퇴*/

.secession-conts .sec-table {

	width:100%;
	margin-bottom:10px
}
.secession-conts .sec-table > div label{
	font-size:16px;
}
.secession-conts .sec-table .input-item textarea{
	width:calc( 100% - 25px );
	vertical-align: top;
	margin-top:10px;
	margin-left:25px;
	box-sizing: border-box;
	height:80px
}
.secession-conts .sec-table > div input[type=checkbox] + label::before{
	top:3px
}
.secession-conts .sec-table > div {
	display:inline-block;
	width: 49%;
	margin-bottom:15px
}
.secession-conts .sec-table > div:last-child{
	width:100%
}
.secession-conts .sec-table > div .etc {
	display:inline-block;
	margin-right:20px
}
.secession-conts .sec-table > div:first-child{
	padding-right:40px
}

.secession-conts .sec-table label:before{
	top:5px
}

.secession-conts .cmt {
	font-size:20px;
	padding: 35px 0 45px 0
}
/* 휴대폰 인증 */
.mypage .bdt.dot-type{

	margin-top:80px
}
.bdt.dot-type{
	padding-top: 18px;
	border-top:1px solid #d2d2d2;
}

/*========================================================================================================================
비밀번호 찾기 아이디 찾기
==========================================================================================================================
*/

.new-pw.pw-chg .table-wrap{
	margin-top:0
}

.find-id .sign-in .methods {
	padding-top:20px
}

.find-id .casa-input-type01 .tb {
	width:480px;
}
.find-id .aco-item .inner-box .btn-bottom-area {
	padding:60px 0
}
.find-id .phone .dot-type{
	padding-bottom:60px
}

.find-id .aco-title p:first-child{
	font-size:20px;
	font-weight:600;
	margin-bottom:10px
}

.find-id .aco-item .casa-input-type01{
	padding-top:25px
}

.find-pw .sub-gray p {
	font-size:16px;
	font-weight:400;
}
.find-pw .sub-gray .casa-input-type01{
	text-align:left
}
.find-pw .sub-gray{
	margin-bottom:0
}
.find-pw .acodian-wrap{
	border-top:none
}
.pw-chg.renew .table-wrap{
	margin-top:0
}
.find-pw .phone .casa-input-type01 .tb:first-child{
}
.find-pw .phone .casa-input-type01 .tb{
	width:590px;
}
.find-pw .phone .casa-input-type01 .tb.type02 .ty-input{
	width:400px;
}
.find-pw .phone .casa-input-type01 .tb.type02 .ty-input .with-clear{
	width:300px
}
.find-pw .phone .casa-input-type01 .tb.type02 .ty-input input{
	width:300px
}
.find-pw .phone .casa-input-type01 .tb .ty-input{
	width:300px;
}
.find-pw .phone .casa-input-type01 .tb .ty-label{
	width:183px
}
.find-pw .phone .dot-type {
	margin-top:60px
}
/*휴면계정*/
.account-lock .account-lock-info{
	text-align:center;
	font-size:20px;
	font-weight:900;
}
.account-lock .sign-step .methods{
	padding-top:25px
}
.account-lock.sns-mem .account-lock-info{
	font-weight:400;
}
.account-lock.sns-mem .add{
	text-align:center;
	color: #787878;
    margin-top: 15px;
}
/*웰컴페이지*/
.welcome{
	padding-top:20vh;
	text-align:center
}
.welcome h1 {
	display:inline-block;
	text-indent:-999px;
	font-size:0;
	width:245px;
	height:80px;
	background:url(../images/SHINSEGAEcasamia_logo.png) no-repeat 0 0 ;
	background-size:contain
}
.welcome .tit-area p:nth-of-type(1){
	font-size:28px;margin-top:32px;
}

.welcome .conts-area{
	margin-top:129px
}
.welcome .conts-area button{
	width: 380px;
    height: 60px;
    font-size: 20px;
    margin-bottom: 13px;
    font-weight: 600;
}
.welcome .conts-area p{
	font-size: 16px;font-weight: 200;margin-bottom: 20px;
}
.welcome .conts-area a{
	padding-right:15px;
	background:url(../images/btn_next_on.png) no-repeat;
	background-position:right 6px;
	background-size:7px
}

/*에러 페이지*/
.sys-error .cmpl-success .tit{
	font-size:30px;
	font-weight:900;
	margin-bottom:30px
}
.sys-error .cmpl-success .txt{
	font-size:20px;
}
/*점검 페이지*/
.sys-check .cmpl-success .tit{
	font-size:30px;
	font-weight:900;
	margin-bottom:30px
}
.sys-check .gray-box {
	background:#f7f7f7;
	padding:43px 0;
	margin:38px 0;
}

.sys-check.cmpl-result .cmpl-success{
	padding-top:175px
}
.sys-check .sys-table{
	max-width:600px;
	margin: 0  auto;
	text-align:left;
}
.sys-check .sys-table tr th,.sys-check .sys-table tr td{
	padding-bottom:15px
}
.sys-check .sys-table tr:last-child th,.sys-check .sys-table tr:last-child td{
	padding-bottom:0
}
.sys-check .sys-table tr th{
	font-weight:600;
	color:#787878;
}
.title-area .title-wrap .logo{
	width:171px;
	height:31px;
	text-indent:-999px;
	font-size:0;
	background:url(../images/logo_casamia.png) no-repeat center top/ contain;
	padding:18px 0
}

.file-upload-area .file-uploader{
	display:inline-block;
	line-height:27px;
	width:80px;
	background:#787878;
	color:#fff;
	font-size: 14px;
	font-weight: 600;
	text-align:center;
	float: left;
	margin-right:20px;
}
.file-upload-area .file-txt{
	float:left;
	color:#9c9c9c;
	font-size:14px;
	line-height:27px;
}
.file-upload-area .file-item-wrap{
	float:left;
	font-size: 14px;
	color:#5e5e5e;
	border:1px solid #d2d2d2;
	padding:0 35px;
	line-height: 25px;
	display:none;
	position:relative;
	background:url(../images/icon_clip.png) no-repeat 10px center ;
}
.file-upload-area .file-item-wrap .btn-del{
	position:absolute;
	width: 12px;
	height:12px;
	display: inline-block;
	background:url(../images/btn_clear.png) no-repeat center / contain;
	top:calc( 50% - 6px );
	right:10px;
}

/*회원정보수정*/
.modify-mem .culb .club-item{
	border-top:none;
	margin-top:0
}
.modify-mem .culb .club-item .check-items input[type=checkbox] + label{
	margin-right:25px;
}
.modify-mem .culb .dot-type.small{
	color: #787878;
}
.modify-mem .top-info-area {
	border:1px solid #000;
	padding:30px 100px 30px 155px;
	background:url(../images/icon_pec.png) no-repeat 40px 30px
}
.modify-mem .top-info-area .tit{
	font-size: 20px;
	font-weight: 900;
	margin-bottom:15px ;
}
.modify-mem .top-info-area .service{
	font-weight: 600;
	margin-top:15px;
	display: inline-block;
	padding-right:20px;
	background: url(../images/btn_next_on.png) no-repeat right center ;
}
.modify-mem .btn-bottom-area .direct-sec{
	display:inline-block;
	margin-top:20px;
	font-size:16px;
	padding-right:15px;
	background:url(../images/btn_next.png) no-repeat right center ;
}
/*기가입*/
.exist-id .id-confirm ul li{
	width:610px
}
.sign-in.exist-id .id-confirm ul li span.sns-date{
	width:300px;
	text-align: center;
}
.sign-in.exist-id .id-confirm ul li span.sns-date .type{
	font-weight: 900;
	padding-right:25px;
	position: relative;
}
.sign-in.exist-id .id-confirm ul li span.sns-date .type:after{
	content:"";
	position: absolute;
	width:3px;
	height: 3px;
	border-radius: 50%;
	background-color: #000;
	top:10px;
	right:10px;
}
.sign-in.exist-id .id-confirm ul li span:first-child{
	width:auto
}

.mypage.sign-in .methods a {
	padding:70px 0 70px 233px;

}
.mypage.sign-in .methods a:nth-of-type(2){
	background-position: 93px 50px
}
.mypage.sign-in .methods a:nth-of-type(1){
	background-position: 126px 35px;
}
/*메인*/
.main-container .banner-zone .swiper-slide{
	overflow: hidden;
}
.main-container .banner-zone .swiper-container01{
	border-radius: 0 0 10px 10px;
}
.main-container  .banner-zone .swiper-slide .img{
	height: 340px;
	background-position: center;
	background-repeat: no-repeat;

	background-size: cover;
}
.main-top{
	width: 100%;
	overflow: hidden;
	background-color: #000;
	height: 110px;
	border-bottom: 1px solid #5f5f5f;
	display: table;
}
.main-top .top-area-wrap{
	width: 1240px;
	margin: 0 auto;
	position: relative;
	text-align: center;
}
.main-top .logo-area{
	vertical-align: middle;
	line-height: 50px;
}
.main-top .logo-area a {
	text-indent: -999px;
	font-size: 0;
	width:470px;
	height: 110px;
	background:url(../images/logo_guud02_wh.png) no-repeat center / contain;
	display:inline-block;
}
.main-top .logo-area.online-mall a {
/* 	background:#ffd700 */
	background:url(../images/logo_casamia_online.png) no-repeat center / contain;
}
.main-top .nav{
	position: absolute;
	color:#fff;
	right: 0;
	top: 0;
}
.main-top .nav li {
	display: inline-block;
	margin-right: 35px;
	line-height: 110px;
}
.main-top .nav li:last-child{
	margin-right: 0;
}
.main-top .nav a{
	color:#fff;
	font-weight: 600;
	font-size: 14px;
}

.main-wrap .main-pop-wrap {
	overflow: hidden;
}
.main-container .pop-banner-wrap{
	width: 100%;
	min-width: 1240px;
	overflow: hidden;
	line-height: 50px;
	background-color: #ededed;
	min-height: 100px;
}
.main-container .pop-banner-wrap .pop-banner{
	text-align: center;
	width: 100%;
	min-width: 1240px;
	margin: 0 auto;
	position: relative;
	font-weight: 200;
}
.main-container .pop-banner-wrap .pop-banner .swiper-button-next{
	background:url(../images/popB_next.png) no-repeat right center  ;
	right: calc( 50% - 620px);
}
.main-container .pop-banner-wrap .pop-banner .swiper-button-prev{
	background:url(../images/popB_prev.png) no-repeat left center  ;
	left: calc( 50% - 620px);
}
.main-container .pop-banner-wrap .pop-banner .swiper-button-next,.main-container .pop-banner-wrap .pop-banner .swiper-button-prev{
	top: auto;
	bottom: 0;
	width: 27px;
    height: 50px;
}
.main-container .banner-zone .swiper-slide img{
	width:100%;
	float: left;
	min-width: 1580px;
}
.container.main-container{
	width:100%;
	padding:0;
}
.main-container .swiper-pagination-fraction{
	color:#d2d2d2;

	font-weight: 900;
	font-size: 18px;
	bottom:135px

}
.main-container .swiper-pagination-current{
	font-size: 40px;
	color:#fff
}
.main-container .banner-zone{
	position:relative;
}
.main-container .banner-zone .swiper-container-horizontal>.swiper-pagination-progressbar{
	top:auto;
	bottom: 45px;
	width: 345px;
	margin: 0 auto;
	height: 2px;
}
.main-container .banner-zone .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{
	background:#fff
}
.main-container .banner-zone .swiper-pagination-progressbar{
	background:rgba(255,255,255,0.2)
}
.main-container .pop-banner{
	padding-top: 50px;
}
.main-container .swiper-conts-wrap::before{
	content:"";
	width:calc( 50% - 620px );
	position: absolute;
	right:0;
	bottom:0;
	background:#fff;
	height:105px;
	z-index: 2;
}
.main-container .swiper-conts-wrap{
	position:absolute;
	width:100%;
	height:100%;
	left:0;
	top:0;

}

.main-container .swiper-conts-wrap .swiper-conts{
	width:1240px;
	height:100%;
	margin: 0 auto;
	position: relative;
}
.main-container .banner-zone .swiper-button-next,.main-container .banner-zone .swiper-button-prev{
	width:50px;
	height:50px;
	z-index: 1;
	opacity: 0.8;
}
.main-container .banner-zone .swiper-button-next{


}
.main-container .banner-zone .swiper-button-prev{

}
.main-container .banner-zone .swiper-button-next.swiper-button-disabled, .main-container .swiper-button-prev.swiper-button-disabled{
	opacity: 0.8;
}
.main-container .swiper-pagination{
	width: 230px;
    position: absolute;
    right: 0;
	left: auto;
	text-align: left;
	z-index: 1;
}
.main-container .cont-area {
	position: absolute;
	bottom:27vh;
	right:0;
	z-index: 9;
	width:100%;
}
.main-container .banner-zone .swiper-slide{
	min-width: 1240px;
}
.main-container  .cont-wrap{
	text-align: right;
	width:1240px;
	margin:0 auto;
}
.tool-tip02{

	position: relative;
}
.tool-tip02 span{
	padding-left:27px;
	font-size: 14px;
	background:url(../images/tooltip02.png) no-repeat left center / 18px;
	display: inline-block;
	line-height: 20px;
}
.tooltip-conts02{
	background:rgba(0,0,0,.8);
	color:#fff;
	width:280px;
	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;
	font-size: 12px;
}
.tooltip-conts02 .dot-type li:before{
	background-color: #fff;
	top:12px;

}

.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;
	margin-top:0
}
.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;
}
.log-box .cont{
	height:100%;
	overflow-y:auto ;
	box-sizing: border-box;
	overflow-x: visible;
}
.log-box{
	transition:all 0.2s ;
	-webkit-transition:all 0.2s ;
	background:#fff;
	display:inline-block;
	text-align: left;
	width:425px;
	padding:15px 30px 0 50px;
	position: fixed;
	height:500px;
	z-index:3;
	right:calc( 50% - 700px);
	top:215px;
	box-shadow: 5px 5px 20px rgba(0,0,0,0.1);
}
.log-box.my-ver{
	width: 720px;
	height: 390px;
	padding:35px 60px 0 80px;
}
.log-box .shop-login .auth a:first-child{
	margin:0;
	position: relative;
}
.log-box .shop-login .auth a.phone{
	background-image: url(../images/icon_phone02.png);
    background-position: center 30px;
}
.log-box .shop-login .auth a.card{
	background-image: url(../images/icon_card02.png);
	background-position: center 40px;
	position: relative;
}
.log-box .shop-login .auth a.card:after{
	content:"";
	width: 1px;
	height: 70px;
	background:#e5e5e5;
	position: absolute;
	left:0;
	top: 40px;
}
.log-box .shop-login .auth a:first-child::before{
	content: "";

}
.log-box .shop-login .auth{
	border:1px solid #e5e5e5
}
.log-box .shop-login .auth a{
	width:50%;
	height:145px;
	padding-top:90px;
	font-weight: 600;
	font-size: 14px;
	border:none;
}
.log-box .shop-login{
	padding:0;
}
.log-box.off{
	width:71px;
	height:101px;
	padding:0;
}
.log-box.my-ver.off{
	width:71px;
	height: 390px;
}

.log-box .mini-ver{

	height:100%;
	display:inline-block;
	width:100%;
}
.log-box .mini-ver span.big{
	position: absolute;
	bottom:0;
	left:0;
	width:100%;
	height:32px;
	cursor: pointer;
	background:url(../images/btn_logbox.png) no-repeat center  ;
	background-color:#e5e5e5;
}
.log-box .mini-ver .img{
	width: 100%;
	height:70px;
	background: url(../images/icon_log-box.png) no-repeat center ;
	background-color: rgba(0,0,0,0.8);
}
.log-box .close{
	position: absolute;
	width:20px;
	height:100%;
	display: inline-block;

	left:0;
	top:0;
	cursor: pointer;
	background:url(../images/btn_logbox_on.png) no-repeat center  ;
	background-color:#e5e5e5;
}

.log-box input[type="password"],.log-box  input[type="text"],.log-box  input[type="tel"]{
	width:100%;
	border:none;
	border-bottom:1px solid #000;
	padding-left:0
}
.log-box .input-area .log-btn{
	margin:30px 0 15px 0
}
.log-box .input-area button{
	width:100%;
	height: 50px;
}

.log-box .login-btn button, .log-box .full-btn button{
	width:100%;
	font-weight: 900;
	height: 50px;
}
.log-box .login-step input[type=checkbox] + label{
	margin-right:0
}
.log-box .log-title{
	font-size: 32px;
	font-weight: 900;
	margin-bottom:10px;
}
.log-box .with-clear{
	width:100%
}

.log-box  .login-conts .find-id label, .log-box .login-step .login-conts .find-id a{
	font-size: 14px;
	color:#000
}
.log-box input[type="text"]:focus,
.log-box input[type="password"]:focus{
	border-bottom:1px solid #000;
}
.log-box .find-id-step .full-type-input{
	position: relative;
}
.log-box .find-id-step .full-type-input .timer{
	position: absolute;
	right:0;
	top:8px;
	font-size: 14px;
	color:#ff3e2f
}
.log-box .find-id-step .resend{
	text-align: right;
	font-size: 14px;
	margin-top:15px;
	padding-right: 0;
}
.log-box .find-id-step .resend span{
	border-bottom:1px solid #000
}
.log-box .login-conts .find-id{
	margin-bottom:17px
}
.log-box  .log-title span{
	font-size: 16px;
	font-weight: 400;
	color:#d2d2d2
}
.log-box .join{
	text-align: right;
	margin-top: 20px;
}
.log-box .join .sns-login{
	width: calc( 100% - 140px );
	float: left;
	text-align: left;
	margin-top:3px
}
.log-box .join .sns-login a{
	display: inline-block;
	width:34px;
	height:34px;
	background-repeat: no-repeat;
	background-size: contain;
	margin-right:7px
}
.log-box .join .sns-login a.facebook{
	background: url(../images/icon_facebook.png) no-repeat 0 0 / contain;
}
.log-box  .join .sns-login a.kakao{
	background: url(../images/icon_kakao.png) no-repeat 0 0 / contain;
}
.log-box .join .sns-login a.naver{
	background: url(../images/icon_naver.png) no-repeat 0 0 / contain;
}
.log-box .join .sns-login a.apple{
	background: url(../images/icon_apple.png) no-repeat 0 0 / contain;
}
.log-box .join .join-direct {
	display: inline-block;
	height:40px;
	width:120px;
	border:1px solid #d2d2d2;
	border-radius: 30px;
	float: right;
	text-align: center;
	line-height: 40px;
}
.log-box .step .step-join {
	margin-bottom:33px ;
}
.log-box .step .step-join span{
	border-bottom:2px solid #000;
	font-weight: 900;
	margin-right:12px;
	display: inline-block;
	padding-bottom: 5px;
}
.log-box .find-pw-step .shop-login .auth{
	margin-top:10px
}
.log-box .find-id-step .full-type-input {
	margin: 10px 0 10px 0;
}
.log-box .cont-wrap{
	padding:0 30px
}
.log-box .result-msg {
	border-bottom: 2px solid #000;
	margin:35px 0 27px 0;
	padding-bottom:20px ;
}
.log-box .result-msg02 {
	border:1px solid #e5e5e5;
	padding:25px 10px;
	text-align: center;
	margin-bottom: 27px;
}
.log-box .result-id{
	max-height:100px ;
	overflow-x: auto;
	margin-bottom:60px
}
.log-box .result-id .row{
	display: table;
	width:100%;
	margin-bottom: 15px;
}
.log-box .result-id .row > div{
	display: table-cell;
	width:50%
}
.log-box .result-id .row:last-child{
	margin-bottom: 0;
}
.log-box .result-id .row > div:last-child{
	text-align: right;
}
.log-box .findpw-step .ch-pw{
	padding-top:15px
}
.log-box .findpw-step .log-title{
	margin-bottom: 4px;
}
.log-box .findpw-step .full-btn {
	margin-top:15px
}
.log-box .tab-cont{
	padding-top:15px
}
.log-box.my-ver h1{
	font-size: 28px;
	font-weight: 900;
}
.log-box.my-ver h1 .add{
	font-size: 16px;
	font-weight: 400;
}
.log-box.my-ver h1 .add .grd{
	border:2px solid #000;
	font-weight: 900;
	font-size: 12px;
	padding:0 10px;
	border-radius: 15px;
	margin:0 5px 0 15px
}
.log-box.my-ver .logout{
	position: absolute;
	top:40px;
	right:80px;
	background: #fff;
	color:#000;
	font-weight: 900;
	font-size: 14px;
	padding-right:20px;
}
.log-box.my-ver .logout:after{
	content:"";
	position: absolute;
	right:0;
	top:19px;
	width:20px;
	height:3px;
	background: #000;
}
.log-box.my-ver .tb{
	display: table;
	width: 100%;
}
.log-box.my-ver .tb > div{
	display: table-cell;
	width: 50%;
}
.log-box.my-ver .card{
	border:2px solid #000;
	border-radius: 15px;
	margin-top:20px;
	padding:15px 30px;
	position: relative;
}
.log-box.my-ver .card .add-btn{
	position: absolute;
	display: inline-block;
	text-indent: -999;
	font-size: 0;
	top:25px 30px;
	right:30px;
	width: 22px;
	cursor: pointer;
	height:22px;
	background:url(../images/card-add.png) no-repeat 0 0 / contain;
}
.log-box.my-ver .card .card-tit{
	font-size: 16px;
	font-weight: 900;
	margin-bottom:10px
}
.log-box.my-ver .card .card-num{
	font-size: 16px;
	font-weight: 900;
}
.log-box.my-ver .cont .clear-fix{
	margin-top:35px
}
.log-box.my-ver .tb .small{
	font-size:14px;
	color:#787878;
}
.log-box.my-ver .tb .big{
	font-size: 26px;
	font-weight: 900;
}
.log-box.my-ver .left-conts{
	float: left;
	width: 230px;
}
.log-box.my-ver .right-conts{
	float: right;
	width:315px ;
	overflow: hidden;
	position: relative;
}
.log-box.my-ver .tb > div.wid{
	width: 70%;
}
.log-box.my-ver .swiper-pagination-bullet-active{
	background:#000
}
.log-box.my-ver .swiper-pagination-bullet{
	width:6px;
	height:6px
}
.log-box.my-ver .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
	text-align: center;
}
.log-box.my-ver .swiper-slide{
	background-position: right center;
	background-repeat: no-repeat;
	position: relative;
}
.log-box.my-ver .swiper-slide > span.img{
	position: absolute;
	display: inline-block;
	width: 160px;
	height: 160px;
	border-radius: 10px;
	right: 2px;
	bottom:0;
	background-size: cover;
	background-repeat: no-repeat;
}
.log-box.my-ver .swiper-slide .ctg{
	font-size: 14px;
	color:#999999
}

.log-box.my-ver .swiper-slide .ctg02{
	font-weight: 200;
	font-size: 14px;
	margin-top:25px;
	margin-bottom:10px ;
	width: 140px;
}
.log-box.my-ver .swiper-slide .ctg02 span{
	border-bottom: 1px solid #787878;
}
.log-box.my-ver .swiper-slide .tit{
	font-size: 16px;
	font-weight: 600;
	width:140px ;
	overflow: hidden;
	text-overflow: ellipsis;
    white-space: nowrap

}
.log-box.my-ver .swiper-slide .date{
	font-size: 14px;
	font-weight: 600;
}
.log-box.my-ver .swiper-slide .date span{
	font-weight: 400;
}
.log-box.my-ver .swiper-slide .btn_as{
	background:#fff;
	color:#000;
	font-size: 13px;
	border:1px solid #d2d2d2;
	margin-top:13px;
	margin-bottom:35px;
	font-weight: 600;
}
.log-box.my-ver .mini-ver .item {
	padding:17px 0;
	border-bottom:1px solid #d9d9d9
}
.log-box.my-ver .mini-ver .item.mile .tit{
	margin:10px 0 8px 0
}
.log-box.my-ver .mini-ver .item:last-child{
	border-bottom:none
}
.log-box.my-ver .mini-ver .item-wrap{
	padding:0 10px;
	text-align: center;
}
.log-box.my-ver .mini-ver .item .tit{
	color:#787878;
	font-size: 13px;
	margin-bottom:5px
}
.log-box.my-ver .mini-ver .item .my{
	font-size: 17px;
	font-weight: 900;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
    white-space: nowrap
}
.log-box.my-ver .mini-ver .grd-wrap{
	text-align: center;
	margin-top: 15px;
}
.log-box.my-ver .mini-ver .grd{
	font-size: 11px;
	border:2px solid #000;
	font-weight: 900;
	text-align: center;
	border-radius: 15px;
	display: inline-block;
	padding:0 6px;

}
.log-box.my-ver .mini-ver .item.membership{
	padding-bottom:30px;
	background:url(../images/icon_mem.png) no-repeat bottom center ;
}
.log-box.my-ver .mini-ver .item.mile{
	padding-top: 0;
}
/*==================공통======================*/
.input-item .validate{
	min-height:21px
}
.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:15px;
	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{
	background:#6bab4b
}
.main-container .main-item{
	width:1240px;
	margin:0 auto;
}
.main-container .main-item h2{
	letter-spacing: 0.08em;
	font-size: 30px;
	line-height: 25px;
	font-weight: 600;
}
.main-container .mbr-benefit h2{
	text-align: center;
	margin: 140px 0 60px 0;
	font-weight: 600;
}
.main-container .yellow-line {
	font-weight: 900;
	/* background:url(../images/yellow-line.png) repeat-x ;
	background-position-y:80% ; */
	display: inline-block;
	line-height: 25px;
}
.main-container .banner-zone .swiper-button-prev{
	background-image: url(../images/ico_common_kv-prev.png);
	background-size:50px;
}
.main-container .banner-zone .swiper-button-next{
	background-image: url(../images/ico_common_kv-next.png);
	background-size:50px;
}
.log-box .cont .tit{
	font-size: 32px;
	font-weight: 900;
	margin-bottom:20px
}
.log-box .cont .tit > span{
	font-size: 16px;
	color:#d0d0d0;
	margin-left:20px;
	font-weight: 400;
}

.main-container .banner-zone{
	width: 1240px;
	margin: 0 auto;
}


.main-container a.view {
	position: absolute;
	bottom:40px;
	font-weight: 900;
	padding-right: 30px;
	background: url(../images/arrow-right.png) no-repeat right center / 6px;

}
/* .main-container a.view::after{
	content:"";
	width:20px;
	height:3px;
	background:#000;
	right:-35px;
	top:12px;
	position: absolute;
	transition: all 0.2s;
	transform:translate(0,0) scaleX(100%) ;
}
.main-container a.view:hover::after{
	transform:translate(100%,0) scaleX(0) ;
} */

.main-container a.white-ver.view::after{
	background:#fff;
}
.main-container .benefit-wrap{

}
.main-container .benefit-wrap .item{
	width:300px;
	margin-left:100px;
	background-repeat: no-repeat;
	float: left;
	border-radius: 10px;
	position: relative;
	cursor: pointer;
	text-align: center;
	padding-top: 200px;
}
.main-container .benefit-wrap .item:nth-of-type(1){
	background-image: url(../images/main/main01.png);
	margin-left: 70px;
	background-size: 150px ;
	background-position: center 40px;
}
.main-container .benefit-wrap .item:nth-of-type(2){
	background-image: url(../images/main/main02.png);
	background-size: 165px ;
	background-position: center 52px;
	position: relative;
}
.main-container .benefit-wrap .item:nth-of-type(2)::after,.main-container .benefit-wrap .item:nth-of-type(3)::after{
	content: "";
	position: absolute;
	width: 4px;
	height: 80px;
	background-color: #f5f5f5;
	left:-48px ;
	top: 90px;
}
.main-container .benefit-wrap .item:nth-of-type(3){
	background-image: url(../images/main/main03.png);
	background-size: 140px ;
	background-position: center 0;
	position: relative;
}

.main-container .benefit-wrap .item .bf-num{
	font-weight: 900;
	margin-bottom: 10px;
	letter-spacing: 0.15em;
}
.main-container .benefit-wrap .item .bf-con{
	font-size: 18px;
}
.main-container .view.white-ver{
	color:#fff;
	background: url(../images/view_wh.png) no-repeat right center / 8px;
}
/* .main-container .benefit-wrap .item:nth-of-type(3) a::after{
	background:#000;
}
.main-container .benefit-wrap .item:nth-of-type(3)::after{
	content:"";
	width:240px;
	height:110px;
	background:#eaeaea;
	position: absolute;
	bottom:-50px;
	right:-68px;
	z-index: -1;

} */


.main-container .club-wrap{

	width:1240px;
	margin: 155px auto 0 auto;

}
.main-container .club-wrap > div{
	height:450px;
	width: 100%;
	display:table;
}

.main-container .benefit-wrap .item .tit{
	font-weight:900 ;
	font-size: 25px;
	word-break: keep-all;
	margin-bottom: 5px;
	letter-spacing:0.05em;
	line-height: 42px;
}
.main-container .club-wrap .bg-area{
	background:url(../images/main/img_club.png) no-repeat 57% 10% ;
	background-size: cover;
	width:50%;
	display:table-cell;
	border-radius: 10px 0 0 10px;
}
.main-container .club-wrap .club{
	margin-top:200px;
	width:50%;
	display:table-cell;
	vertical-align: middle;
	background-color: #fafafa;
	border-radius: 0 10px 10px 0;
}
.main-container .club > div{
	width:auto;
	text-align: center;
	min-width: 550px;
}
.main-container .club > div .conts{
	color:#999999
}
.main-container .club-wrap.guud-redir-wrap .bg-area{
	background:url(../images/main/img_guud.png) no-repeat 0 0 ;
}

.main-container .club .join-btn{
	margin-top:60px
}
.main-container .club .join-btn button{
	color:#fff;
	background:#000;
	width:208px;
	height:65px;
	font-size: 16px;
	font-weight: 900;
}
.main-container .club h2{
	margin-bottom:35px;
	line-height: 30px;
	letter-spacing: 0.4px;
}
.main-container .club .sub-tit{
	margin-bottom:10px
}
.main-container .club .sub-tit span{
	padding-right: 85px;
	background:url(../images/main/txt_bf.png) no-repeat 90% top / 70px;
}
.main-container .casa-life .row .life-item{
	position: relative;
	width:295px;
	height:295px;
	float:left;
	margin-left:20px;
	overflow: hidden;
	border-radius: 10px;
}

/* .main-container .casa-life .row:first-child .life-item:first-child .view{
	bottom: auto;
	top: 135px;
} */
.main-container .casa-life .row .life-item > span{
	transition: all 0.2s ease;
	-webkit-transition: all 0.2s ease;
	background-repeat: no-repeat;
	background-size: cover ;
	background-position: center;
	width:100%;
	height:100%;
	display:inline-block;
	transform: scale(1);
}

.main-container .casa-life .row .life-item.on > span{
	transform: scale(1.1);
}
/* .main-container .casa-life .row .life-item.last{
	border:1px solid #d2d2d2;
	padding:30px
}
.main-container .casa-life .row .life-item.last  > p {
	font-size: 12px;
}
.main-container .casa-life .row .life-item.last  > p > span{
	font-size: 18px;
	font-weight: 900;
}
.main-container .casa-life .row .life-item.last  > div{
	text-align: center;
	font-size:18px ;
	padding-top:100px;
	background: url(../images/icon_blog.png) no-repeat center 10px;
} */
.main-container .casa-life .life-item .hover-conts{
	transition: opacity 0.3s ease;
	-webkit-transition: opacity 0.3s ease;
	position: absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	bottom:0;
	right:0;
	background:rgba(0,0,0,0.6);
	opacity: 0;
	z-index:1;
	padding:45px;
	color:#fff
}
.main-container .casa-life .life-item .hover-conts a{
	position: absolute;
	bottom:45px;
	left:45px;
}

.main-container .casa-life .life-item .hover-conts.on{
	opacity: 1;
}
.main-container .casa-life .life-item .hover-conts{

}
.main-container .casa-life .life-item .hover-conts p.casa-img{
	font-size: 14px;
	margin-bottom:23px;
	font-weight: 400;
}
.main-container .casa-life .life-item .hover-conts p{
	font-size: 18px;
	margin-bottom:0;
	font-weight: 600;
	word-break: keep-all;
}
.main-container .casa-life .row .life-item:first-child{
	margin-left:0
}
.main-container .magazine-wrap {
	position: relative;
}
.main-container .magazine-wrap > span{
	width:100%;
	height:397px;
	background:url(../images/main/banner_maga.png) no-repeat 0 0 / cover;
	min-width: 1240px;
	display:inline-block;
	position: absolute;
	z-index: -1;

}
.main-container .guud-redir-wrap{
	width: 1240px;
	margin: 130px auto 0 auto;
	height: 280px;
	display: table;
	background: url(../images/main/guud-wrap.png) no-repeat center / cover;
	border-radius: 10px;
}
.main-container .guud-redir-wrap .club{
	vertical-align: middle;
	width: 100%;
	display: table-cell;
}
.main-container .guud-redir{
	text-align: center;
	width: 500px;
	margin-left: 130px;
}

.main-container .guud-redir button{
	width: 208px;
	height: 65px;
	background-color: #000;
	color:#fff;
	font-weight: 900;
	font-size:16px;

}
.main-container .guud-redir p.guud-tit{
	font-size:0;
	margin-bottom: 30px;
	position: relative;
	height: 50px;
	width: 262px;
	display: inline-block;
	text-indent: -999px;
	background: url(../images/guud_logo.png) no-repeat center bottom / contain;

}
/* .main-container .guud-redir p.guud-tit:after{
	content:"";
	position: absolute;
	width:30px;
	height:2px;
	background-color: #000;
	left: calc( 50% - 15px );
	bottom:0;
} */
.main-container .magazine-wrap .conts-area{
	background: #fff;
}
.main-container .magazine-wrap h2{
	padding:95px 0 80px 0
}
.main-container .magazine-wrap .maragine-item{
	float: left;
	margin-left:20px;
}
.main-container .magazine-wrap .maragine-item img{
	width:295px;
	height:295px;
	margin-bottom:35px;
}
.main-container .magazine-wrap .maragine-item:first-child{
	margin-left:0
}
.main-container .magazine-wrap .conts-area .tit .top-conts{
	padding:50px 70px;
}
.main-container .magazine-wrap .conts-area .tit .top-conts p {
	color:#999999;
	word-break: keep-all;
}
.main-container .magazine-wrap .conts-area .tit .top-conts h3{
	font-weight: 900;
	font-size: 40px;
	letter-spacing: 0.2em;
	margin-bottom:25px
}
.main-container .magazine-wrap .conts-area .tit .top-conts p.add {
	font-size: 14px;
	letter-spacing: 0.6em;
	color:#000;
	margin-bottom:20px
}
.main-container .magazine-wrap .conts-area .tit{
	display:table;
}
.main-container .magazine-wrap .conts-area .tit .top-conts,.main-container .magazine-wrap .conts-area .tit .marazon-img{
	display:table-cell;
	width:50%;
	vertical-align: top;
}
.main-container .magazine-wrap .conts-area .tit .marazon-img img{
	width:100%;

}
.main-container .magazine-wrap .maragine-item p{
	font-weight: 600;
}
.main-container .magazine-wrap .maragine-item .cash{
	margin-top:10px;
}
.main-container .magazine-wrap .maragine-item .cash em{
	font-weight: 900;
}
.main-container .club-wrap.guud-redir-wrap .club > div{
	margin-left:0
}
.service-wrap{
	margin-top:150px;

}
.service-wrap .main-item{
	border-top:2px solid #000;
	padding-top:40px;
}
.service-wrap .main-item .yellow-line{
	margin-bottom: 27px;
}
.service-wrap .service-item{
	width:308px;
	float: left;
}
.service-wrap .service-item h3{
	font-weight: 900;
	font-size: 18px;
	margin-bottom:30px
}
.service-wrap .service-item .notice-list li{
	width:260px;
	padding:0 5px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	margin-bottom:15px
}
.service-wrap .service-item .ph{
	font-size: 28px;
	font-weight: 900;
	padding-left:40px;
	margin-bottom:5px;
	background:url(../images/icon_call.png) no-repeat left center;
}
.service-wrap .service-item .info{
	margin-bottom:25px;
	font-size: 14px;
	font-weight: 600;
	color:#666666;
}
.service-wrap .service-item .mk-img{
	width: 100%;
	height:145px;
	background:url(../images/new_mk.png) no-repeat 0 0 / contain;
	padding-top:25px;
	text-align: center;
	font-size:14px ;
	font-weight: 900;
}
.service-wrap .service-item .redirect{
	border:1px solid #cccccc;
	width: auto;
	display: inline-block;
}
.service-wrap .service-item .redirect a{
	display:inline-block;
	padding:10px 0;
	width:120px;
	text-align: center;
	font-size:14px;
	font-weight: 600;
	color:#666666;
}
.service-wrap .service-item .redirect a:first-child{
	border-right:1px solid #ccc
}

/*마이페이지 메인*/
.my-main .my-box{
	border:2px solid #000
}
.my-main .my-box {
	display: table;
	width:100%;
	padding:50px 80px;
	margin-bottom:50px
}
.my-main .my-box > div{
	display: table-cell;
}
.my-main .my-box .user-info >p:first-child{
	font-size: 28px;
	margin-bottom:10px;
}
.my-main .my-box .user-info > p > span{
	border:2px solid #000;
	padding:0 10px;
	border-radius: 10px;
	font-size: 12px;
	font-weight: 900;
}
.my-main .my-box .num{
	font-size: 26px;
	font-weight: 900;
}
.my-main .my-box .add{
	font-size: 14px;
	font-weight: 400;
	color:#787878
}
.my-main .my-box .user-item{
	padding-left:80px;
}
.my-main .my-box .user-item.ml{
	background: url(../images/icon_M.png) no-repeat 10px center / 55px;
}
.my-main .my-box .user-item.cp{
	background: url(../images/icon_cupon.png) no-repeat 10px center / 55px;
}

.my-main .my-box .user-item.hp{
	background: url(../images/icon_hm.png) no-repeat 10px center / 55px;
}

.my-main .my-row h3{
	font-size: 17px;
	border-bottom:2px solid #333;
	padding-bottom: 10px;
	font-weight: 900;
}
.my-main .my-row h2{
	font-size: 17px;
	font-weight: 900;
}
.my-main .my-row .tb{
	display: table;
	width: 100%;
}
.my-main .my-row .tb > div{
	display: table-cell;
	width: 50%;
	vertical-align: top;
}
.my-main .my-row .tb > div:nth-of-type(1){
	text-align: left;
}
.my-main .my-row .tb > div:nth-of-type(2){
	text-align: right;
}
.my-main .my-row .tb.type02 > div:nth-of-type(2){
	text-align:left;
}
.my-main .my-row.mem .content{
	display: table;
	width: 100%;
	padding-top:40px
}
.my-main .my-row.mem .content > div{
	display: table-cell;
	width:33.333%;
	padding:10px 40px 10px 40px;
	border-left:1px solid #e5e5e5
}
.my-main .my-row.mem .content > div:first-child{
	border-left: none;
}
.my-main .my-row.mem .content button{
	background:#fff;
	border:1px solid #e5e5e5;
	color:#000;
	width: 100%;
	font-size: 12px;
	margin-top:35px

}
.my-main .my-row .tit{
	font-size: 17px;
	font-weight: 600;
	margin-bottom:30px;

}
.my-main  .my-row .my-conts .tit{
	background: url(../images/redir_arrow.png) no-repeat right center ;
}
.my-main .my-row .date {
	font-size: 13px;
	color:#787878
}
.my-main .my-row .date > a{
	color:#787878;
	padding-right:25px;
	background: url(../images/map-icon.png) no-repeat right center;
}
.my-main .my-row .small {
	font-size: 14px;
}
.my-main .my-row{
	margin-bottom:60px;
	overflow:hidden;
	width:100%;
}
.my-main .my-row .left{
	float: left;
}

.my-main .my-row .right{
	float: right;
}
.my-main .my-row.event .ev-item{
	float: left;
}
.my-main .my-row.trp > div , .my-main .my-row.event .ev-item{
	width:335px;
	margin-left:40px
}
.my-main .my-row.trp > div {
	width:calc( 50% - 22px );
}

.my-main .my-row.trp > div:first-child ,.my-main .my-row.event .ev-item:first-child{
	margin-left:0
}
.my-main .my-row.trp > div:first-child .inner-row{
	padding:25px 0
}
.my-main .join-frd > div{
	text-align: center;
}
.my-main .join-frd > div .frd-tit{
	margin: 50px 0 15px 0;
}
.my-main .join-frd > div .frd-add{
	color:#787878;
	font-weight: 600;
	margin-bottom: 30px;
}
.my-main .join-frd > div .frd-add strong{
	color:#000
}
.my-main .join-frd button {
	background-color:#fff;
	color:#000;
	border:1px solid #000;
	width: 225px;
	height: 60px;
	font-weight: 900;
}
.my-main .join-frd > div .frd-tit span{
	font-size: 16px;
	font-weight: 900;
	padding-right:90px;
	height:40px;
	display: inline-block;
	line-height:40px;
	background: url(../images/main/txt_bf.png) no-repeat right center/80px  ;
}
.my-main .my-row.twin .left {
	width:300px
}
.my-main .my-row.twin .right {

	width:700px
}
.my-main .my-row .big {
	font-size: 36px;
	font-weight: 900;
}
.my-main .my-row.mem .parent{
	position: relative;
}
.my-main .my-row.mem .child{
	position: absolute;
	right:0;
	top:0;
	font-size:14px;
	color:#787878;
	padding-right:10px;
	background:url(../images/btn_next_on.png) no-repeat right center / 4px;
	cursor: pointer;
}
.my-main .semi-bold{
	font-weight: 600;
}
.my-main .my-row.mem h3{
	font-size: 24px;
}
.my-main .my-row.event .ev-item{
	padding-top:40px
}
.my-main .my-row.event .event-tit{
	margin:15px 0 5px;
	widows: 100%;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;

}
.my-main .my-row .tb.auto > div{
	width: auto;
	vertical-align: middle;
	word-break: break-all;
}
.my-main .my-row .tb > div.progress {
	width: 70px;
	height: 70px;


	display: table-cell;
	text-align: center;
	font-size: 14px;
	font-weight: 600;
	line-height: 17px;
	position: relative;
}
.my-main .my-row .tb > div.progress:after{
	content:"";
	position: absolute;
	width: 70px;
	height: 70px;
	border-radius: 50%;
	background:#e5e5e5;
	top: calc( 50% - 35px);
	left: calc( 50% - 35px);
	z-index: -1;
}
.my-main .my-row .tb > div.progress.done {


}
.my-main .my-row .tb > div.progress.done:after{
	border:1px solid #000;
	background: #fff;
}
.my-main .my-row .content .bor-b{
	border-bottom:1px solid #e5e5e5;
	margin-bottom:20px;
	padding-bottom: 10px;
}
.my-main .my-row .content .bor-b > div{
	vertical-align: middle;
}
.my-main .my-row.trp .inner-row{
	padding:17px 0;
	border-bottom:1px solid #e5e5e5
}
.my-main .my-row .mileage.small-ver{
	margin:10px 0 5px 0;
	font-weight:900;
	font-size: 20px;
	text-align: right;
	padding-right:20px

}
.my-main .my-row .bold{
	font-weight: 900;
	font-size: 20px;
}
.my-main .my-row .my-cp .middle{
	margin:10px 0 5px 0;
	text-align: right;
	padding-right:20px
}
.my-main .my-market > div{
	padding-left:45px;

}
.my-main .my-market > div > p > span{
	width:80px;
	display: inline-block;
	color:#787878;
	font-weight: 600;
}
.my-main .my-market > div > p{
	font-size: 14px;
}
.my-main .my-market > div > p.tit{
	font-size: 24px;
	font-weight: 900;
	margin-top:70px;
}
.my-main .market-img{
	position: absolute;
	width:200px;
	height:200px;
	border-radius: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	right:75px;
	top:75px;
	box-shadow: 5px 5px 10px rgba(0,0,0,0.1)
}
.my-main .my-market{
	position: relative;
	background: url(../images/img.png) no-repeat 98% 80px ;
	padding-bottom: 70px;
}
.my-main .use-info .row{
	padding:40px 0 40px 100px;
	background-repeat: no-repeat;
	background-position: 25px center;
}
.my-main .use-info .row .add{
	font-weight:900 ;
}
.my-main .use-info .row .add span{
	font-size:20px ;
}
.my-main .use-info .row{
	background-image: url(../images/ic_clock.png);
}
.my-main .use-info .row .tit{
	font-size: 14px;
	font-weight: 600;
	margin-bottom: 5px;
}
.my-main .use-info .row:first-child{
	border-bottom:1px solid #e5e5e5;
	background-image: url(../images/ic_market.png);
}
/* 사이트맵 */
.bottom-map-wrap {
	border-top:1px solid #e5e5e5
}
.bottom-map-wrap .bottom-map{
	width: 1240px;
	margin: 0 auto;
	font-size: 13px;
	font-weight: 200;
}
.bottom-map-wrap .bottom-map  .bred-dep01 > span{
	padding:0 40px 0 20px;
	background: url(../images/icon_bread_off.png) no-repeat 85% center ;
}
.bottom-map-wrap .bottom-map  .bred-dep01.on > span{
	background: url(../images/icon_bread.png) no-repeat 85% center ;
}

.bottom-map-wrap .bottom-map .bred-dep01:first-child > span{
	padding-left:0 ;
	text-indent: -999px;
	display: inline-block;
	width:12px;
	padding-right:20px;
	height: 19px;
	background: url(../images/icon_home.png) no-repeat 0 center;
}
.bottom-map-wrap .bred-dep01 {
	padding:25px 0;
	position: relative;
	float: left;
	background: url(../images/arr_map.png) no-repeat 0 center;
}
.bottom-map-wrap .bred-dep01:first-child{
	background: none;
}
.bottom-map-wrap .bred-dep02{
	position: absolute;
	bottom: 60px;
	left: 5px;
	background-color: #fff;
	border:1px solid #d2d2d2;
	padding:10px;
	min-width: 117px;
	display: none;
	z-index: 3;
}
/*구매내역조회*/
.term-set{

}
.term-set div.term-list label:before{
	width:0;
}
.term-set div.term-list label{
	padding-left:0;
	border:1px solid #e5e5e5;
	margin-right:0;
	height:38px;
	line-height: 40px;
	width:70px;
	text-align: center;
	display: inline-block;
	float: left;
	font-size: 14px;
	color:#787878
}
.term-set div.term-list input:checked + label{
	color:#000;
	font-weight: 900;
	border:1px solid #000
}
.term-set > .term-list,.term-set > .datepick-area,.term-set .btn-sh-area{
	float: left;
}
.term-set > .term-list,.term-set > .datepick-area{
	margin-right:30px
}
.datepicker.from,.datepicker.to{
	width:130px;
	height:40px;
	background:url(../images/icon_datepicker.png) no-repeat 93% center / 16px
}
.datepicker.from{
	margin-right:10px
}
.datepicker.to{
	margin-left:10px
}
.term-set {
	margin-top:40px
}
.top-sh-area{
	padding-bottom:40px;
	border-bottom:2px solid #f0f0f0;
}
.list-top .radio-area{
	padding:45px 0 40px 0
}
.list-top .radio-area > div{
	display: inline-block;
}
.list-top .radio-area > div:first-child label{
	padding-left:0;
}
.list-top .radio-area > div:first-child label:before{
	width:0;
}
.list-top .radio-area label{
	padding-left:0;
	padding:0 15px;
	position: relative;
	color:#787878;
}
.list-top .radio-area input:checked + label{
	color:#000;
	font-weight: 600;
}
.list-top .radio-area input:checked + label::before{
	background-image: none;
}
.list-top .radio-area label:before{
	background-image: none;
	width:2px;
	height:10px;
	background:#e5e5e5;
	left:0;
	top:5px
}
.sh-result{
	background:#f8f8f8;
	padding:20px 30px;
	font-size: 14px;
}
.sh-result .date{
	padding-left:35px;
	position: relative;
}
.sh-result .date:before{
	content:"";
	position: absolute;
	width:12px;
	height:1px;
	background:#cccccc;
	left:10px;
	top:50%
}
.sh-result .redir{
	display: inline-block;
	float: right;
	font-size: 14px;
	padding-right:15px;
	background: url(../images/arrow-right.png) no-repeat right center / 6px;
}
.more-conts {
	text-align: center;
	margin:20px 0;
	min-height: 40px;
}
.more-conts .btn-more{
	background:#fff;
	color:#000;
	font-size: 13px;
	position: relative;
	text-align: left;
	min-width: 0;
	padding-right:20px
}
.more-conts .btn-more:after,.more-conts .btn-more:before{
	content:"";
	position: absolute;
	background:#000
}
.more-conts .btn-more:after{
	width:10px;
	height:2px;
	right:0;
	top: calc( 50% - 1px)
}
.more-conts .btn-more:before{
	width:2px;
	height:10px;
	right:4px;
	top:calc( 50% - 5px)
}
.history-type {
	margin-top:25px
}
.history-type .transfer-mem td{
	color:#787878
}
.history-type.tit-type .transfer-mem td:nth-of-type(2){
	text-align: left;
}
.history-type .transfer-mem td .rd-detail{
	display: inline-block;
	width:20px;
	height:20px;
	background:url(../images/icon_search01.png) no-repeat center/ contain;
	vertical-align: middle;
}
.history-type .transfer-mem td .rd-detail.type02{
	background:url(../images/redir_arrow.png) no-repeat center/ contain;
}
.history-type .transfer-mem td.black{
	color:#000
}
.history-type .transfer-mem td.red{
	color:#ff3e2f
}
.no-result {
	padding:40px 0 140px 0;
	font-weight: 600;
	color:#787878;
	text-align: center;
}
.tb-common{
	display: table;
	width:100%
}
.tb-common > div{
	display: table-cell;
	width:50%;
}
.tb-common.right-type > div:nth-of-type(2){
	text-align: right;
}
.my-mileage .mileage-now{
	padding:40px 0 30px 0;
	border-bottom:2px solid #f0f0f0;
}
.my-mileage .mileage-now .small{
	color:#787878;
}
.my-mileage .mileage-now .left-side{
	padding-right:40px
}
.my-mileage .tb-common .right-side{
	padding-left:30px
}
.my-mileage .tb-common .right-type:nth-of-type(1){
	margin-bottom:25px;
}
.my-mileage .mileage-now .mid{
	font-weight:900;
	font-size: 26px;
}
.my-mileage .mileage-now .now{
	font-size: 36px;
	font-weight: 900;
	text-align: right;
}
.purchase-detail .table > table{
	width: 100%;
}
.purchase-detail .table > table > tbody > tr > td {
	vertical-align: top;
	padding:35px 0
}

.purchase-detail .table > table > tbody > tr > td:nth-of-type(2){
	font-size: 14px;
	border-bottom:1px solid #e5e5e5
}
.purchase-detail .table > table > tbody > tr:last-child > td:nth-of-type(2){
	border-bottom:none
}
.purchase-detail .table > table > tbody > tr > td:first-child{
	padding-left:30px
}
.purchase-detail .table > table .casa-table-type01 thead th{
	padding-top:0
}
.purchase-detail .table > table .row:first-child{
	margin-top:0;
}
.purchase-detail .table > table .row{
	margin-top:20px
}
.purchase-detail .table > table .row .tit{
	width:90px;
	display: inline-block;
	color:#787878
}
.purchase-detail .table .casa-table-type01 td{
	color:#787878
}
.purchase-detail .table .casa-table-type01 tr:last-child td{
	border-bottom: none;
}
.purchase-detail .table .casa-table-type01 td:first-child{
	text-align: left;
}
.purchase-detail .table .casa-table-type01 td:last-child{
	text-align: right;
}
.purchase-detail .table .casa-table-type01 th:first-child{
	text-align: left;
}
.purchase-detail .table .casa-table-type01 th:last-child{
	text-align: right;
}
.purchase-detail .table  .casa-table-type01.no-head tr:first-child td{
	padding-top:0
}
.purchase-detail .table  .casa-table-type01.no-head tr td:last-child{
	color:#000
}
.purchase-detail .table  .casa-table-type01.no-head tfoot {
	border-top:1px solid #000;
}
.purchase-detail .table .casa-table-type01.no-head tfoot tr:first-child td{
	padding-top:40px !important
}
.purchase-detail .table .casa-table-type01.no-head tfoot td:first-child{
	color:#787878;
	font-size: 14px;
}
.purchase-detail .table .casa-table-type01.no-head tfoot tr:first-child td:last-child{
	color:#000;
	font-size: 20px;
	font-weight: 900;
}
.purchase-detail .table .casa-table-type01.no-head td.red{
	color:#ff584b !important;
}
.purchase-detail .table .casa-table-type01.no-head tfoot td:last-child{
	color:#787878;
	font-size: 14px;
}
.purchase-detail .detail-top{
	padding:50px 0 50px 30px;
	border-bottom:2px solid #f0f0f0 ;
}
.purchase-detail .detail-top .block{
 font-size: 14px;
 color:#787878;
 margin-right:35px;
 display: inline-block;
 padding:5px 0
}
.purchase-detail .detail-top .block > span{
	color:#000;
	margin-left:20px
}
.purchase-detail .detail-top > div{
	float: right;
}
.purchase-detail .detail-top > div button{
	background:#fff;
	color: #787878;
	font-size:14px ;
	border:1px solid #d2d2d2
}
/*친구추천*/
.recommend-f .friend-sns li{
	font-size: 17px;
	text-align: center;
}
.recommend-f .ref-status{
	width: 840px;
	margin: 0 auto;
	padding-top: 310px;
	background: url(../images/img-roll.png) no-repeat 0 0 / 100%;
	overflow: hidden;
	padding: 310px 60px 0 60px
}
.recommend-f .ref-status .ref-status-item > div{
	color:#fff;
	float: left;
	padding: 30px 0;
	font-size: 26px;
	font-weight: 600;
}
.recommend-f .ref-status .ref-status-item{
	margin-top: 5px;
}
.recommend-f .ref-status .ref-status-item > div > span{
	font-size: 46px;
	font-weight: 900;
	vertical-align: sub;
}
.recommend-f .ref-status .ref-status-item > div:nth-of-type(2){
	float: right;
	padding: 14px 0;
	background-color: #1d2943;
	padding-left: 20px;
}
.recommend-f .friend-sns li > span{
	padding-top:80px;
	display: inline-block;
	background-repeat: no-repeat;
	background-position: top center;
	cursor: pointer;
}
.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{
	margin-top:55px;
	padding-bottom: 110px;
	width: 840px;
	margin: 55px auto 0 auto;
}
.recommend-f .rec-item .input-item {
	text-align: center;
}
.recommend-f .rec-item .input-item button{
	margin-left:10px
}
.recommend-f .dot-type{
	width: 840px;
	margin: 0 auto;
}
.recommend-f h3{
	font-weight: 600;
	font-size: 24px;
	margin-bottom:15px
}
.recommend-f .add-cmt {
	margin-bottom: 70px;
	color:#787878
}
.recommend-f .friend-sns{
	display: table;
	width:100%
}
.recommend-f .friend-sns li{
	display: table-cell;
	width:50%
}
.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 / 18px;
}

.acodian-wrap.table-type .thead{
	display: table;
	width: 100%;
}
.acodian-wrap.table-type .tb{
	display: table;
	width: 100%;
}
.acodian-wrap.table-type .thead {
	padding-right:50px;
	border-bottom:2px solid #000
}
.acodian-wrap.table-type .thead > div{
	display: table-cell;
	padding:20px 0;
	font-size: 14px;
	font-weight: 600;
	text-align: center;
}
.acodian-wrap.table-type .tb > div{
	display:  table-cell;
	font-size: 14px;
}
.acodian-wrap.table-type .aco-item .aco-title{
	padding:20px 50px 20px 0;
}
.acodian-wrap.table-type .aco-item .aco-title .tb div{

	color:#787878
}
.acodian-wrap.table-type .aco-item{
	border-bottom: 1px solid #e5e5e5;
}
.acodian-wrap.table-type{
	border-top:none
}
.acodian-wrap.table-type .inner-conts{
	padding-right:50px;
	background: #f7f7f7;
	border-top: 1px solid #e5e5e5;
}
.acodian-wrap.table-type .inner-conts table{
	width:100%
}
.acodian-wrap.table-type .inner-conts table td{
	font-size: 14px;
	color:#787878;
	vertical-align: top;
	padding:20px 0
}
.acodian-wrap.table-type .inner-conts table tr:first-child td:nth-of-type(3){
	border-bottom:1px solid #e5e5e5;
}
.acodian-wrap.table-type .inner-conts table td:nth-of-type(1),.acodian-wrap.table-type .inner-conts table td:nth-of-type(2){
	text-align: center;

}
.acodian-wrap.table-type .aco-item .aco-title{
	background-image:url(../images/arrow-down.png);
	background-size: 13px;
}
.acodian-wrap.table-type .aco-item.on .aco-title{
	background-image:url(../images/arrow-top.png)
}


.pc-popup .detail-info {
	padding:15px 10px ;
}
.pc-popup .detail-info.bor{
	border-top:1px solid #d2d2d2
}
.pc-popup .detail-info > div > span:first-child{
	color:#787878;
	margin-right:12px;
	width:100px;
	display: inline-block;
}
.pc-popup .detail-info > div{
	margin-bottom:10px
}
.pc-popup .detail-info > div:last-child{
	margin-bottom: 0;
}
.history-type-mb.bor{
	border-top:1px solid #000;
}
.history-type-mb 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-mb li > div{
	display: table-cell;

}
.history-type-mb li > div:last-child{
	text-align: right;
	vertical-align: bottom;
}
.history-type-mb li .sub{
	font-size: 14px;
	font-weight: 200;
}
.history-type-mb li .tit{
	font-size: 17px;
	margin-bottom:7px;
}
.history-type-mb li .amount{
	font-weight: 900;
	font-size:17px ;
}
.history-type-mb.type02 li{
	background:none;
	padding: 15px 10px;
}
.history-type-mb.type02 li .tit{
	font-size:15px;
}
.history-type-mb.type02 li .amount{
	font-size:15px;
	font-weight: 400;
}
.history-type-mb.type02 li.total .amount{
	font-size: 20px;
	font-weight: 600;
}
.history-type-mb.type02 li .amount .bf-sale{
	font-size: 12px;
	color:#787878;
	font-weight: 400;
}
table.bf-table thead th{
	padding:10px 0;
	border-bottom: 2px solid #000;
}
table.bf-table td{
	height:165px;
	border-bottom:1px solid #e5e5e5 ;
	font-weight: 200;
	text-align: center;
}
table.bf-table td.blank{
	position: relative;
}
table.bf-table td.blank::after{
	content:"";
	position: absolute;
	width: 7px;
	height: 3px;
	background:#000;
	left: 49%;
	top: 82px;
}
table.bf-table td .red{
	font-size: 14px;
	font-weight: 900;
	color:#000;
	text-align: center;

}
table.bf-table td .cp-img{
	font-weight: 900;
	font-size: 20px;
	margin:5px 0
}
table.bf-table td .cp-img > span{
	font-size: 14px;
}
table.bf-table td .cp-img.img01{
	background: url(../images/cp-img01.png) no-repeat center/ contain;
	padding:10px 30px  10px 30px;
}
table.bf-table td .cp-img.img02{
	background: url(../images/cp-img02.png) no-repeat center/ contain;
	padding:15px 30px  10px 30px;
}

table.bf-table td .cp-img.img03{
	background: url(../images/cp-img03.png) no-repeat center/ contain;
	padding:20px 30px  10px 30px;
	margin:5px 0
}
.layer-popup.scroll-type.type03 .popup .pop-conts{
	padding:0;
}
.layer-popup.type03.scroll-type .popup .pop-conts .pop-tit{
	padding:0;
}
.pop-btn-area{
	width: 100%;
	overflow: hidden;
}
.pop-btn-area li{
	float: left;
	width: 100%;
}
.pop-btn-area li > button{
	width: 100%;
	height: 60px;
}
.pop-btn-area.type02 li{
	width: 50%;
}
.tab.type02 .tab-list .tab-item{
	width: auto;
	display: inline-block;
	margin-right:35px;
	border:none;
	font-size:18px;
	font-weight: 600;
	color:#787878
}
.tab.type02 .tab-list .tab-item.on{
	color:#000;
	font-weight: 900;
	border-bottom:2px solid #000
}
/*쿠폰*/
.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:250px
}

.coup-list .cmt .btn-zone{
	background-image:url(../images/icon_download.png);
	background-repeat: no-repeat;
	background-position:  center calc( 50% - 10px);
	background-size:20px;
}
.coup-list .cmt .btn-zone.type02{
	background-image:url(../images/icon_cf.png);
	background-size:25px;

}
.coup-list .download .cmt .cp-cont{
	/* padding-bottom:30px; */
}
.coup-list .download .all-down{
	text-align: right;
	margin-top:20px;
	padding-right: 10px;
}
.coup-list .download .all-down button{
	color:#000;
	background-color: #fff;
	border:1px solid #d2d2d2;
	font-size: 14px;
	padding: 0 10px;
}
.coup-list .full-type-input .input-item{
	margin-bottom:0
}
/* .coup-list .download .coup-f .cmt{
	background:url(../images/logo_casamia.png)no-repeat 20px 90% / 70px,  url(../images/cp.png)no-repeat 0 0 / 100% 100%
} */
.coup-f .cmt .cp-type{
	color:#787878;
	padding-left:12px;
	margin-left:12px;
	position: relative;
}
.present .coup-f .cmt .date > span{
	border:1px solid #d2d2d2;
	margin-left:10px;
	padding:0 5px;
}
.coup-f .cmt .cp-type:after{
	content: "";
	position: absolute;
	width:2px;
	height:9px;
	background: #e5e5e5;
	top: 4px;
	left:0;

}
.coup-list .cmt .btn-zone{
	width:95px;
	text-align: center;
	padding-top:50px;
	font-size: 12px;
	font-weight: 600;
	background-color:rgba(229,229,229,0.05);
	border-top:1px solid #d2d2d2;
	border-right:1px solid #d2d2d2;
	border-bottom:1px solid #d2d2d2;
	cursor: pointer;
}
.coup-list .coup-f .cmt{
	display:table;
	min-height: 160px;
	padding-top:0;
	padding-bottom:0;

}
.coup-f .cmt > div{
	display: table-cell;
	vertical-align: middle;
}
.coup-list .coup-history li{
	display:table;
	position: relative;
	width:calc(50% - 10px);
	margin-bottom:13px;
	float: left;
	margin-right: 10px;
}

.coup-list .coup-history .useable{
	position: absolute;
	right:20px;
	top:20px;
	font-weight:600 ;
	color:#ff3e2f
}

.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-f .cmt{
	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 .tit{
	font-size: 20px;
	font-weight: 600;
	word-break: keep-all;
}
.coup-f .cmt .add{
	font-size: 12px;

	font-weight: 200;
	margin-bottom: 10px;
}
.coup-f .cmt .date{
	font-weight: 900;
	font-size: 12px;
	color:#787878
}
.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
}
.coup-list .enroll .add{
	background:#f8f8f8;
	text-align: center;
	font-size: 18px;
	margin: 40px 0 60px 0;
}
.coup-list .enroll .casa-input-type01 .tb .ty-label{
	width:120px
}
.recommend-f .coup-f .cmt{
	margin: 0 auto;
	height:165px ;
	display: table;
	width: 400px;
}
.recommend-f .casa-input-type01 .tb .ty-label{
	width: 135px;
}
.recommend-f .confirm-cmt{
	text-align: center;
	color:#000;
	font-size: 18px;
}
.recommend-f .confirm-area{
	border-top:1px solid #f0f0f0;
	padding-top:60px
}
/*공지사항*/
.full-search input{
	border:none;
	width:calc( 100% - 70px );
	font-size:24px ;
}
.full-search{
	border-bottom: 2px solid #d2d2d2;
	margin-bottom: 40px;
}
.full-search button{
	background: url(../images/icon_search01.png) no-repeat center / 24px;
	min-width: 0;
	width: 60px;
	height: 50px;
}
.new-product-detail.detail-type .date{
	text-align: left;
}
.detail-type .date{
	text-align: right;
	margin-top:20px
}
.detail-type .cont-tit{
	overflow: hidden;
	border-bottom:  2px solid #e5e5e5;
}
.detail-type .cont-tit .tit{
	font-size: 30px;
	font-weight: 600;
	display: inline-block;
	float: left;
	padding-bottom: 30px;
}
.detail-type .cont-tit .date{
	display: inline-block;
	float: right;
	color:#787878;
	padding-top:20px
}
.detail-type .date.gray{
	color:#787878
}
.detail-type .date > p > span{
	margin-left: 20px;
}
.detail-type .date .black{
	color:#000
}
.detail-type .cont{
	padding:40px 0 100px 0
}
.detail-type .list-btn{
	text-align: center;
}
.detail-type .list-btn button{
	height: 68px;
	font-size: 16px;
	margin-left: 20px;
}
.detail-type .list-btn .scrap{
	display: inline-block;
	width: 40px;
	min-width: 0;
	background: url(../images/icon_save_off.png) no-repeat center / 24px ;
}
.detail-type .list-btn .scrap.on{
	background: url(../images/icon_save_on.png) no-repeat center / 24px ;
}
.detail-type .list-btn button:first-child{
	margin-left: 0;
}
.detail-type .cont-tit .d-day{
	font-size:24px;
	font-weight: 900;
	color:#ff3e2f
}
.detail-type .cont-tit .add{
	font-size:20px;
	font-weight: 400;
	margin-top: 10px;
}
.mk-search .tb-type{
	display: table;
	width: 100%;
}
.mk-search .tb-type > div{
	display: table-cell;
}
.mk-search .tb-type > div.map{
	width: 835px;
	background-color: #f1f1f1;
}
.mk-search .tb-type .sh-area{
	min-width: 400px;
}
.mk-search .sh-list{
	overflow-y: auto;
	height: 515px;
}
.mk-search .sh-list li{
	padding:15px 25px 15px 15px;
	border-bottom: 1px solid #e5e5e5;
	cursor: pointer;
}
/* first div */
.mk-search .sh-list li .sh-list-item{
	width: 100%;
	height: 100%;
	min-width: 400px;
	position: relative;
}
.mk-search .sh-list li .sh-list-item::after {
	content: "";
	display: block;
	clear: both;
}
/* second-one div */ 
.mk-search .sh-list li .sh-list-item div:nth-child(1){
	float: left;
	width: 70%;
	min-width: 240px;
}
.mk-search .sh-list li .sh-list-item div:nth-child(1) p{
	word-break: break-all;
}
.mk-search .sh-list li .sh-list-item div:nth-child(1) p:first-child{
	font-weight: bold;
	min-width: 230px;
}

/* second-one div */
.mk-search .sh-list li .sh-list-item div:nth-child(2){
	float:right;
	width:30%;
	min-width: 30px;
}
.mk-search .sh-list li > p{
	font-size: 14px;
	font-weight: 200;
	color:#787878;
}
.mk-search .sh-list li > p:first-child{
	font-weight: 600;
	color:#000;
	margin-bottom: 3px;
}
.mk-search .map{
	position: relative;
}
.mk-search .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;
}
/*매장상세*/
.mk-detail  .banner-zone .swiper-slide{
	width: 100%;
	height: 350px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position:center;
	background-image: url(../images/no-result-img03.png);
	background-color:#e5e5e5;
}

.mk-detail .purchase-detail .table > table > tbody > tr > td:first-child{
	padding-left: 0;
	font-size: 18px;
}
.mk-detail .purchase-detail .table > table > tbody > tr > td{
	font-size: 16px;
}
.mk-detail .purchase-detail .table > table > tbody > tr:last-child > td{
	border-bottom: none;
}
.mk-detail .purchase-detail .table {
	border-bottom: 1px solid #d2d2d2;
}
.mk-detail .add-gray{
	font-size: 14px;
	font-weight: 200;
	color:#787878;
	padding-top:17px
}
.mk-detail .purchase-detail .row{display: table;}
.mk-detail .purchase-detail .row > p,.mk-detail .row > span{
	display: table-cell
}
.mk-detail .swiper-button-next{
	right: 0;
	bottom: 0;
	top:auto;
	width: 50px;
	height: 50px;

	background: url(../images/arrow-right.png) no-repeat center /10px;
	background-color: #fff;
}
.mk-detail .swiper-button-prev{
	right: 50px;
	bottom: 0;
	top:auto;
	left:auto;
	width: 50px;
	height: 50px;

	background: url(../images/arrow-left.png) no-repeat center /10px;
	background-color: #fff;
}
.mk-detail .swiper-pagination-fraction{
	text-align: right;
	padding-right: 120px;
	font-size: 17px;
	font-weight: 600;
	color:#d2d2d2
}
.mk-detail .swiper-pagination-fraction .swiper-pagination-current{
	font-size: 20px;
	font-weight: 900;
	color:#000
}
.mk-detail .tb{
	overflow: hidden;
	margin-top: 45px;
	font-size: 18px;
}
.mk-detail .tb > div{

	width: 50%;
	float: left;
}
.mk-detail .row {
	margin-bottom: 25px;
}
.mk-detail .row .tit{
	width:120px;
	display: inline-block;
	color:#787878
}
.mk-detail .mk-tit{
	font-weight: 600;
	font-size: 40px;
	margin-bottom:30px ;
}
.mk-detail .mk-add{
	font-size: 20px;
	color:#787878
}
.mk-detail .map-tit{
	font-weight: 900;
	font-size: 20px;
	margin:50px 0 20px 0 ;
}
.mk-detail .map{
	width: 100%;
	height: 280px;
	background: #e5e5e5;
}
.container-title.type02 .add{
	display: block;
	margin-left: 0;
	color:#787878;
	margin-top:15px
}
.container-title.type02{
	border-bottom: none;
}

.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: 35px;
}
.receipt .medium{
	font-weight: 600;
}
.receipt .tax{
	border-top: 1px solid #e5e5e5;

	font-size: 14px;
	color:#787878;
	padding:10px 0;
	margin:10px 0
}
.receipt .total .tb > div:nth-of-type(2){
	font-size: 20px;
}
.receipt .add-gray{
	font-size: 14px;
	color:#787878;
	padding-top:5px;
	border-top:1px solid #e5e5e5;
	line-height: 25px;
}
.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: 14px;
}
.receipt .b-code-area span:first-child{
	color:#787878;
	font-weight: 600;
	margin-right:25px
}
.casa-table select.default{
	width: 400px;
}
select{
	-webkit-appearance: none;
	-moz-appearance: none;
    appearance: none;
    background: url(../images/arrow-down.png) no-repeat 97% 50% / 10px;
}
select::-ms-expand { display: none; }
/*1:1문의*/
.question .gray-box{
	background-color:#f8f8f8 ;
	padding:0 30px ;
	margin-bottom: 50px;
}
.question .gray-box > div {
	padding:15px 0
}
.question .gray-box > div:first-child {
	border-bottom: 1px solid #d2d2d2;
	padding-left: 25px;
	background: url(../images/icon_warn_bk.png) no-repeat left center;
}
/*서비스이용약관*/
.terms select{
	width: 100%;
	margin:40px 0 35px 0;
}
/*매거진*/
.new-product .img-list-type{
	margin-top:20px
}
.img-list-type.div-type li .img{
	width: 100%;
	height: 260px;
	background-color: #e5e5e5;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	margin-bottom:10px
}
.img-list-type .row {
	width: 100%;
	margin-bottom: 70px;
}
.img-list-type .row li{
	width: calc( 25% - 15px );
	margin-left: 20px;
	float: left;
}
.img-list-type.wid-type {
	margin-top: 20px;
}
.img-list-type.wid-type .row li{
	width: calc( 33.3% - 15px );
	margin-left: 20px;
	float: left;
	border-radius: 10px;
	border:1px solid #e5e5e5;
	height: 210px;
	overflow: hidden;
}
.img-list-type.wid-type .row li{

}
.img-list-type.wid-type .row li .img{
	height:120px;
	border-radius: 0;
	background-position: 0 0;
}

.img-list-type.wid-type .row li img{
	height: 258px;
	background-color: #e5e5e5;
}
.img-list-type .row li img{
	margin-bottom: 10px;
	border-radius: 10px;
}
.img-list-type .row li .img{
	margin-bottom: 10px;
	border-radius: 10px;
}
.img-list-type .row li:first-child{
	margin-left: 0;
}
.img-list-type .row .type span{
	border-bottom: 1px solid #787878;
	color:#787878;
	font-weight: 600;

}
.img-list-type .row .tit{
	font-size: 18px;
	font-weight: 600;
	margin:3px 0 10px 0;
	overflow: hidden;
    text-overflow: ellipsis;
	white-space: nowrap;
	width: 100%;
}
.img-list-type .row .date{
	color:#787878;
	text-align: left;
}
.img-list-type .row .swiper-slide .item{

}
/*신제품소개 상세*/
.new-product-detail .maga-top{
	display: table;
	width: 100%;
}
.new-product-detail .maga-top > div{
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	width: 100%;
	display: table-cell;
	vertical-align: middle;
	border-bottom: 2px solid #e5e5e5;
	padding-bottom: 35px;
}
.new-product-detail .maga-top > div p{
	font-size: 32px;
	font-weight: 600;
}
.new-product-detail .maga-top > div p.date{
	font-size: 20px;
	color:#787878;
	margin-top:20px
}
.new-product-detail .maga-top > div p.date > span{
	border-bottom: 1px solid #787878;
}
.new-product-detail .img-list-type{
	margin-top:10px;
	padding-top:45px
}
.new-product-detail .img-list-type h3{
	position: absolute;
	top:0;
	left:0;
}

.new-product-detail .other-pd{
	margin-top:130px
}
.new-product-detail .other-pd h3{
	font-size: 20px;
}
.new-product-detail .swiper-button-next{
	top:15px;
	right:0;
	background: url(../images/arrow-right.png) no-repeat center / 7px;
}
.new-product-detail .swiper-button-prev{
	top:15px;
	right:40px;
	left:auto;
	background: url(../images/arrow-left.png) no-repeat center/ 7px;
}

.catalogue-top {
	text-align: center;
	margin-bottom:50px
}
.catalogue-top .date{
	color:#787878;
	font-size: 18px;
}
.catalogue-top .tit{
	font-weight: 600;
	font-size: 30px;
}
.catalogue .img-list-type{
	padding-top:40px;
	margin-top:100px;
}
.catalogue .img-list-type img{
	border:1px solid #d2d2d2;
}
.catalogue .counter{
	text-align: center;
	font-size: 18px;
	font-weight: 900;
	margin-top: 35px;
}
.container.catalogue{
	overflow-x: hidden;
}
.catalogue .flipbook img{
	border:1px solid #d2d2d2;
	box-sizing: border-box;
}
.catalogue .flipbook-wrap{
	position: relative;
	z-index: 0;
}
.catalogue .flipbook-wrap .trun-btn button{
	display: inline-block;
	width:40px;
	height: 40px;
	border-radius: 50%;
	border:1px solid #787878;
	background: url(../images/arrow-right.png) no-repeat center / 8px;
	position: absolute;
	top:50%;
	min-width: 0;
}
.catalogue .flipbook-wrap .trun-btn button.next{
	right:0
}
.catalogue .flipbook-wrap .trun-btn button.prev{
	left:0;
	background: url(../images/arrow-left.png) no-repeat center / 8px;
}
.roll .roll-date thead th{
	font-size:24px;
	font-weight: 900;
	line-height: 2.5;
	padding-bottom: 40px;
}
.roll .roll-date tbody td a,.roll .roll-date tbody td span{
	font-size: 26px;
}
.roll .roll-date tbody td{
	text-align: center;
	height: 90px;
	line-height: 3em;
}
.roll .roll-date{
}
.roll .roll-date tbody .ui-datepicker-other-month{
	color:#d2d2d2
}
.roll .roll-date tbody td.stamp{
	text-indent: -9999px;
	font-size: 0;
	background: url(../images/icon_stamp.png)no-repeat center / 70px;
}
.roll .roll-date-wrap{
 border:1px solid #d2d2d2;
 border-radius: 40px;
}
.roll .roll-date .ui-datepicker-title{
	text-align: center;
	font-size: 28px;
	font-weight: 900;
	margin-bottom: 20px;
	padding:35px 0;
}
.roll .roll-date .ui-datepicker-header{
	background-color:#f7f7f7;
	border-radius: 40px 40px 0 0;
	padding:0;
}
.roll .roll-date .ui-datepicker-calendar{
	width: calc( 100% - 60px);
    margin: 0 auto;
}
.roll .ui-datepicker-calendar tbody td .ui-state-default{
	height: auto;
}
.roll .roll-date .ui-datepicker{
	width: 100%;
	background-color: #ffd70000;
	padding:0;
	border:none;
}
.roll .roll-date .ui-datepicker-calendar tbody td.ui-datepicker-current-day a{
	background-color:#ffd70000;
	color:#000
}
.roll .roll-date tbody td.stamp.ui-datepicker-today{
	background: url(../images/icon_stamp_td.png)no-repeat center / 70px;
}
.roll .roll-date .ui-datepicker-calendar tbody td.ui-state-disabled span{
	color:#000
}
.roll .roll-date .ui-datepicker-header .ui-datepicker-prev{
	left:30%;
	background: url(../images/icon_cl_left.png) no-repeat center / contain;
}
.roll .roll-date .ui-datepicker-header .ui-datepicker-next{
	right:30%;
	background: url(../images/icon_cl_right.png) no-repeat center / contain;
}
.roll .roll-date .ui-datepicker-header .ui-corner-all .ui-icon{
	background:none;
}
.roll .date-bottom{
	border-radius: rgba(229,229,229,0.05);
}
.roll .date-bottom .tb:first-child{
	border-top:1px solid #d2d2d2;
	margin-top:20px;
	padding-bottom: 30px;
	background:#fcfcfc;
	border-radius: 0 0 40px 40px;
}
.roll .date-bottom .tb{
	display: table;
	padding-top:45px
}
.roll .date-bottom .tb{
	display: table;
	width: 100%;
}
.roll .date-bottom .tb > div{
	display: table-cell;
	width: 33.333%;
	text-align: center;
	border-left: 1px solid #e5e5e5;
}
.roll .date-bottom .tb > div:first-child{
	border-left:none;
	width:40%;
}
.roll .date-bottom .tb > div > p{
	font-size:24px;
	color:#787878;
}
.roll .date-bottom .tb > div > p > span{
	font-size: 48px;
	font-weight: 900;
}
.roll .date-bottom .tb > div:first-child > p{
	color:#000
}
.roll .date-bottom .tb > div > p:first-child{
	font-size:20px;
	font-weight: 600;
	color:#787878
}

.roll .stamp-area{
	border:4px solid #e5e5e5;
	padding:15px 40px;
	border-radius: 30px;
}
.roll .stamp-area .row{
	overflow: hidden;
	width: 100%;
}
.roll .stamp-area .row > div{
	display:inline-block;
	height: 150px ;
	width: 143px;
	background: url(../images/icon_stamp_off.png) no-repeat center / 105px;
}
.roll .stamp-area .row > div.on{
	background: url(../images/icon_stamp_td.png) no-repeat center / 105px;
}
/*클럽*/
.table-type table td,.table-type table th{
	vertical-align: top;
}
.table-type > table >tbody > tr > th{
	text-align: left;
}
.table-type table td{
	padding-top:5px
}
.table-type table tr td{
	padding-bottom:90px
}
.table-type table tr:last-child td{
	padding-bottom:0
}
.table-type .tit-cont{
	margin-bottom: 33px;
	text-align: center;
}
.table-type .tit-cont .tit{
	font-size: 26px;
	font-weight: 900;
}
.table-type .tit-cont .add{
	margin-top:20px ;
	font-weight: 600;
	font-size: 20px;
}
.bf-table  td:first-child{
	background-color: #f7f7f7;
}
.table-type table tr:last-child td:first-child .grd-name{
	margin-bottom: 10px;
}
.bf-table td:first-child .grd-name strong{
	font-size: 14px;
	background-color: #fff;
	border: 2px solid #000;
	border-radius: 15px;
	padding: 0 10px;
}
.bf-table .gray-box-bf{
	border:1px solid #e5e5e5;
	background-color: #f7f7f7;
	font-weight:200 ;
	display: inline-block;
	padding:10px 25px;
	margin-bottom: 5px;
}
.table-type table th{
	font-size: 26px;
	font-weight: 900;
}
.table-type table .ctx-tit{
	font-size: 20px;
	font-weight: 600;
	margin-bottom:40px
}
.table-type table .ctx{
	font-size: 18px;
	color:#787878;
	margin-top:40px
}
.club-bf .ctx p {
	font-size: 16px;
	color:#000
}
.club-bf .ctx p {
	margin-bottom:20px ;
}
.club-bf .ctx p > span:first-child {
	color:#787878;
	display: inline-block;
	width:140px ;
}
.club-bf ul.dot-type{
	margin-top:70px
}
.club-bf .club-rdir{
	text-align: right;
	padding-top:30px
}
.club-bf .club-rdir button{
	height: 40px;
	color:#000;
	background:#fff;
	border:1px solid #d2d2d2;
	padding:0 35px 0 20px;
	background: url(../images/arrow-right.png) no-repeat 90% center / 5px;


}
/*클럽 가입하기*/

.club-join .gray-box {
	font-size: 15px;
	padding:20px 30px;
	background-color: #f8f8f8;
	margin: 40px 0;
}
.club-join .casa-table td input.datepicker{
	width: 290px;
}
/*멤버십안내*/

table.bf-table td, table.bf-table th{
	vertical-align: middle;
}
.table-type table.bf-table td{
	font-weight: 400;
}
.mem-intro.table-type table.bf-table{
	margin-top:40px
}
.table-type table.bf-table th{
	font-size: 18px;
	font-weight: 600;
}
.mem-intro .mem-item > h4{
	font-size: 20px;
	padding-left:15px;
	position: relative;
	margin-bottom: 15px;
}
.mem-intro .mem-item{
	margin-top: 75px;
}
.mem-intro .mem-item > h4:before{
	content: "";
	position: absolute;
	top:10px;
	left:0;
	width: 5px;
	height: 5px;
	background-color: #000;
}
.mem-intro .mem-item > div{
	color:#787878;
	word-break: keep-all;
}
.mem-intro .inner-ctx-tit{
	font-size: 22px;
	font-weight: 600;
	margin-bottom: 15px;
}
.mem-intro .inner-ctx{
	font-size: 18px;
	color:#787878
}
.mem-mileage .mem-item{
	padding: 130px 20px 0 20px;
	margin-bottom: 80px;
	background-repeat: no-repeat;
	background-position: center 0;
	display: inline-block;
	width: 33%;
	vertical-align: top;
	text-align: center;
	margin-top:40px;
	word-break: keep-all;
}
.mem-mileage .mem-item > div{
	color:#787878
}
.mem-mileage .mem-item:nth-of-type(2){
	background-image:url(../images/icon_mem01.png) ;
	background-position: center 10px;
}
.mem-mileage .mem-item:nth-of-type(3){
	background-image:url(../images/icon_mem02.png) ;
}
.mem-mileage .mem-item:nth-of-type(4){
	background-image:url(../images/icon_mem03.png) ;
}
.mem-mileage .mem-item > h4{
	font-size: 24px;
	margin-bottom: 15px;
	font-weight: 600;
}
/*쿠폰안내*/
.mem-coup .coup-f .cmt{
	height: 168px;
	padding:0 0 0 30px;
	box-shadow: 5px 5px 10px rgba(0,0,0,.1);
	background:url(../images/cp.png) no-repeat 0 0 / 100% 100%;
}
.mem-coup .coup-f .cmt > div{
	height: 168px;
}
.mem-coup .coup-f .cmt .tit{
	font-size: 26px;
	font-weight: 600;
}
.mem-coup .coup-f .cmt .tit > span{
	font-size: 34px;
	font-weight: 900;
}
.mem-coup .coup-ct{
	margin-top: 35px;
}
.mem-coup .coup-ct > h4{
	font-size: 22px;
	margin-bottom: 10px;
}
.mem-coup .coup-ct > .add{
	color:#787878;
	word-break: keep-all;
}
.mem-coup .tb > div{
	width: 380px;
}
.mem-coup .tb > div:nth-of-type(1){
	float: left;
}
.mem-coup .tb > div:nth-of-type(2){
	float: left;
	margin-left: 80px;
}
.mem-coup .ctx-tit.second{
	margin-top: 40px;
	padding-top:70px;
	border-top:4px dotted #e5e5e5
}
.mem-coup .ctx-tit{
	position: relative;
}
.mem-coup .ctx-tit .join-redir{
	position: absolute;
	right: 0;
	font-size: 14px;
	top:-7px;
	font-weight: 400;
	border: 1px solid #d2d2d2;
	color:#787878;
	padding:10px 45px 10px 30px;
	display: inline-block;
	background: url(../images/arrow-right.png) no-repeat 85% center / 6px;
}
/*카탈로그 목록*/
.img-list-type.type02 .row img {
	height:359px;
	background-color: #e5e5e5;
}

.event-e .img-list-type.type02 .row .img {
	height:480px;
	background-size: cover;
	background-position:center;
	background-color:#e5e5e5 ;
	background-image: url(../images/no-result-img03.png);
}
div.map-point {
	position: relative;
	background: #ffffff;
	border: 1px solid #d2d2d2;
	display: inline-block;
	padding:10px 20px;
	border-radius: 10px;
}
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.map-point .address{
	color:#787878;
	font-size: 12px;
	font-weight: 200;
	margin: 4px 0;
}
div.map-point .tit a{
	font-size: 14px;
	font-weight: 600;
	padding-right:24px;
	background: url(../images/map-icon.png) no-repeat right center;
}
div.map-point .phone{
	font-size: 12px;
}
/*gnb*/
.nav-items01{
	height: 50px;
	line-height: 50px;
	display: inline-block;
}
.nav-items01 > li.on{
	font-weight: 900;
}
.nav-items01 > li a {
	font-size: 17px;
}
.sub-nav {
	position: absolute;
	left: 0;
	top:50px;
	width: 100%;
	z-index: 10;
	background-color: #fff;
	height: 295px;
	border-bottom: 1px solid #e5e5e5;
}
.sub-nav a {
	color:#000
}
.sub-nav .nav02{
	display: none;
	color:#000
}
.sub-nav .nav02.on{
	display: block;
}
.sub-nav .nav-item02{
	width: 1240px;
	margin: 0 auto;
	overflow: hidden;
	text-align: left;
}
.sub-nav .nav-item02 .nav02{
 overflow: hidden;
 float: left;
}
.sub-nav .nav-item02 .nav02 .about-menu,.sub-nav .nav-item02 .nav02  .nav-items{
	float: left;
}
.sub-nav .nav-item02 .nav02 .about-menu{
	width: 190px;
}
.sub-nav .nav-item02 .nav03{
	margin-top: 15px;
}
.sub-nav .nav-item02 .nav03 > li{
	display: block;
	float: none;
	margin-left: 0;
	margin-bottom:10px ;
}
.sub-nav .nav-item02 .nav03 > li a {
	font-size: 14px;
	font-size: #787878;
	font-weight: 400;
}
.sub-nav .nav-item02 .nav-items{
	display: table;
	width: 750px;
	height: 295px;
	border-bottom: 1px solid #e5e5e5;
}
.sub-nav .nav-item02 .nav-items > li{
	width: 25%;
	display: table-cell;
	background-color: #fcfcfc;
	border-left: 1px solid #e5e5e5;
	height: 100%;
	padding:40px 30px;
	font-weight: 600;
}
.sub-nav .add-box{
	padding:40px 35px;
	border-left: 1px solid #e5e5e5;
	border-right: 1px solid #e5e5e5;
	float: left;
	width: 300px;
	height: 295px;
}
.sub-nav .add-box .tit{
	font-size: 18px;
	font-weight: 900;
	margin-bottom: 40px;
	color:#000
}
.sub-nav .add-box p.add{
	text-align: center;
	color:#787878;
	font-size: 15px;
	margin-bottom: 30px;
}
.sub-nav .add-box button{
	width: 100%;
	height:60px;
	font-weight: 900;
}
.sub-nav .about-menu{
	padding:40px 30px 0 0;
	height: 295px;
}
.sub-nav .about-menu p{
	font-size: 14px;
	color:#787878;
	word-break: keep-all;
}
.sub-nav .about-menu p.tit{
	font-size:22px;
	font-weight: 900;
	margin-bottom:20px ;
	color:#000
}
.sub-nav .nav-item02 .nav02.membership .about-menu{
	background: url(../images/icon_mem_off.png) no-repeat 0 60% /42px;
}
.sub-nav .nav-item02 .nav02.mypage .about-menu{
	background: url(../images/icon_my_off.png) no-repeat 0 60% /30px;
}
.sub-nav .nav-item02 .nav02.club .about-menu{
	background: url(../images/icon_club_off.png) no-repeat 0 60% /40px;
}
.sub-nav .nav-item02 .nav02.event .about-menu{
	background: url(../images/icon_event_off.png) no-repeat 0 60% /37px;
}
.sub-nav .nav-item02 .nav02.service .about-menu{
	background: url(../images/icon_service_off.png) no-repeat 0 60% /40px;
}
.sub-nav .nav-item02 .nav02.living-life .about-menu{
	background: url(../images/icon_life_off.png) no-repeat 0 60% /38px;
}

.sub-nav.type02 .add-box{
	background-color: #f7f7f7;
	border-bottom: 1px solid #e5e5e5;
}
.sub-nav .nav-item02 .nav02.membership .add-box .tb{
	display: table;
	width: 100%;
}
.sub-nav .nav-item02 .nav02 .add-box .tb .right{
	text-align: right;
}
.sub-nav .nav-item02 .nav02 .add-box .tb > div{
	display: table-cell;
	width: 50%;
}
.sub-nav .nav-item02 .nav02.membership .add-box .tb.grd{
	padding-bottom: 17px;
	border-bottom:2px solid #e5e5e5
}
.sub-nav .nav-item02 .nav02.membership .add-box .tb.grd div:first-child{
	font-size:14px;
	font-weight: 400;
}
.sub-nav .nav-item02 .nav02.membership .add-box .tb.grd div{
	font-size:26px;
	font-weight: 900;
}
.sub-nav .nav-item02 .nav02.membership .add-box .tb.mem-info{
	padding-top: 17px;
}
.sub-nav .nav-item02 .nav02.membership .add-box .tb.mem-info > div p:first-child{
	font-size: 14px;
	margin-bottom: 10px;
	font-weight: 400;
	text-align: left;
}
.sub-nav .nav-item02 .nav02.membership .add-box .tb.mem-info > div p:nth-of-type(2){

}
.sub-nav .nav-item02 .nav02.membership .add-box .tb.mem-info > div p{
	font-size: 14px;
	font-weight: 600;
	text-align: right;
}
.sub-nav .nav-item02 .nav02.membership .add-box .tb.mem-info > div p span{
	font-size: 26px;
	font-weight: 900;
	width:84px;
	overflow: hidden;
    text-overflow: ellipsis;
	white-space: nowrap;
	display: inline-block;
}
.sub-nav .nav-item02 .nav02.membership .add-box .tb.mem-info > div:first-child{
	width: 56%;
}
.sub-nav .nav-item02 .nav02.mypage .add-box .tb > div{
	display: table-cell;
	width: 30%;
}
.sub-nav .nav-item02 .nav02.mypage .add-box .tb > div > p:first-child{
	font-size: 14px;
	margin-bottom: 10px;
	font-weight: 400;
	text-align: center;
}
.sub-nav .nav-item02 .nav02.mypage .add-box .tb > div > p{
	font-size: 14px;
	font-weight: 600;
	text-align: right;
}
.sub-nav .nav-item02 .nav02.mypage .add-box .tb > div > p span{
	font-size: 26px;
	font-weight: 900;
}
.sub-nav .nav-item02 .nav02.mypage .add-box .tit{
	margin-bottom: 30px;
}
.sub-nav .nav-item02 .nav02.mypage .add-box button{
	color:#787878;
	background-color: #fff;
	border:1px solid #d2d2d2;
	border-radius: 40px;
	margin-top: 25px;
}
.sub-nav .nav-item02 .nav02.living-life .add-box .tit{
	margin-bottom: 15px;
}
.sub-nav .nav-item02 .nav02.living-life .add-box .bg{
	height: 180px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	position: relative;
}
.sub-nav .nav-item02 .nav02.living-life .add-box .bg > div{
	position: absolute;
	bottom: 0;
	left: 0;
	display: inline-block;
	padding:20px 10px;
	background:rgba(255,255,255,0.8);
}
.sub-nav .nav-item02 .nav02.living-life .add-box .bg > div > p:first-child{
	font-size: 12px;
	font-weight: 600;
}
.sub-nav .nav-item02 .nav02.living-life .add-box .bg > div > p.date{
	font-weight: 900;
	font-size: 10px;
	color:#787878;
	margin-top: 5px;
}
.sub-nav .nav-item02 .nav02.event .tb{
	display: table;
	width: 100%;
}
.sub-nav .nav-item02 .nav02.event .tb > div p:first-child{
	font-size: 14px;
	text-align: left;
}
.sub-nav .nav-item02 .nav02.event .tb > div p{
	font-size: 14px;
	font-weight: 600;
	text-align: right;
}
.sub-nav .nav-item02 .nav02.event .tb > div p > span{
	font-weight: 900;
	font-size: 26px;
}
.sub-nav .nav-item02 .nav02.service .tb{
	display: table;
	width: 100%;
}
.sub-nav .nav-item02 .nav02.service .tb > div p:first-child{
	font-size: 14px;
	text-align: left;
}
.sub-nav .nav-item02 .nav02.service .tb > div p{
	font-size: 14px;
	font-weight: 600;
	text-align: right;
}
.sub-nav .nav-item02 .nav02.service .tb > div p > span{
	font-weight: 900;
	font-size: 26px;
}

.sub-nav .nav-item02 .nav02.club .add-box.club-off{
	background:url(../images/gnb_club_bg.png) no-repeat center / cover
}
.sub-nav .nav-item02 .nav02.club .add-box .tit.reg{
	font-weight: 400;
}
.sub-nav .nav-item02 .nav02.club .add-box{
	position: relative;
}
.sub-nav .nav-item02 .nav02.club .add-box .add.gray{
	color:#787878;
	font-size: 14px;
	position: absolute;
	bottom:40px;
}
.sub-nav .nav-item02 .nav02.club .add-box .date{
	font-weight: 900;
}

.join-redir{
	font-size: 14px;
	font-weight: 400;
	border: 1px solid #d2d2d2;
	color:#787878;
	padding:10px 45px 10px 30px;
	display: inline-block;
	background: white url(../images/arrow-right.png) no-repeat 85% center / 6px;
}

/* 2021-02-22 지역검색 테이블 class 추가 - chnlInfo.html */
.address-table tr {
	height: 60px;
}
.address-table tr td:first-child {
	font-size:24px;
	padding: 0 15px;
	color: #878787;
}
.address-table tr td select {
	width: 460px;
}

/* 2021-02-22 회원가입시 마케팅정보 수신동의 && 온라인통합회원일 경우 문구 추가 - joinInfo.html */
.desc-additional {
	margin-left: 109px;
    padding: 7px 0 6px 12px;
    background: url() no-repeat 0px 6px;
    background-size: 16px 20px;
    font-size: 12px;
    color: #5f0080;
    line-height: 18px;
    letter-spacing: -.5px;
}

.desc-additional .sub {
	color: #049e5a;
}

.editMeminfo-bottom {
	padding-bottom:40px;
}

.clubJoinTerm{
	color: #333;
	font-family: noto;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 8px;
}

.new-grd{
	border: 2px solid #000;
	font-weight: 900;
	font-size: 12px;
	padding: 0 10px;
	border-radius: 15px;
	margin: 0 5px 0 15px;
}

/* 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: #000;
	background: #000;
	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: #000;
	border: 2px solid #000;
}

.layer-popup.scroll-type .popup .pop-conts.mfa-auth .pop-tit {
	padding: 40px 0 25px;
}

.mfa-auth .mfa-auth-title-wrap {
	width: initial;

	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 16px;
}

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

.mfa-auth .mfa-auth-title-wrap .tit {
	font-size: 24px;
	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;
}

.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 .button-area button {
	height: 36px;
	background-color: #3f3f46;
	font-size: 14px;
}

.my-security .security-wrap .device-type .device-remove {
	display: flex;
	align-items: center;
	justify-content: 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;
}

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

.layer-popup.scroll-type .popup .pop-conts.trust-device .pop-tit {
	padding: 40px 0 25px;
}

.trust-device .trust-device-title-wrap {
	width: initial;

	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-step-wrap {
	display: flex;
	flex-direction: row;

	width: 1114px;

	position: relative;
	padding-bottom: 30px;
}

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

	position: absolute;
	bottom: 0;
}

.mfa-step-wrap .mfa-step {
	flex: 1;
	display: flex;
	flex-direction: column;
	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-bottom: 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 .step-info {
	flex: 1;
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 4px;
	position: relative;
}

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

.mfa-step-wrap .mfa-step .step-info .desc {
	font-size: 16px;
	font-weight: 400;
	color: #71717b;
}

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

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

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