@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');



.e-land {font-family: 'ELAND_Choice_M';}

/* font-family: 'Pretendard Variable'; */
@font-face {
	font-family: 'Pretendard Variable';
	font-weight: 45 920;
	font-style: normal;
	font-display: swap;
	src: local('Pretendard Variable'), url('../fonts/PretendardVariable.woff2') format('woff2-variations');
}

@font-face {
    font-family: 'Pretendard';
    src: url('../fonts/Pretendard-Thin.woff') format('woff');
    font-weight: 100;
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    src: url('../fonts/Pretendard-ExtraLight.woff') format('woff');
    font-weight: 200;
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    src: url('../fonts/Pretendard-Light.woff') format('woff');
    font-weight: 300;
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    src: url('../fonts/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    src: url('../fonts/Pretendard-Medium.woff') format('woff');
    font-weight: 500;
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    src: url('../fonts/Pretendard-SemiBold.woff') format('woff');
    font-weight: 600;
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    src: url('../fonts/Pretendard-Bold.woff') format('woff');
    font-weight: 700;
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    src: url('../fonts/Pretendard-ExtraBold.woff') format('woff');
    font-weight: 800;
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    src: url('../fonts/Pretendard-Black.woff') format('woff');
    font-weight: 900;
    font-display: swap;
}
@font-face {
    font-family: 'notoserif';
    src: url('../fonts/NotoSerifKR-VariableFont_wght.woff2') format('woff2');
    font-weight: 200;
    font-display: swap;
}
.main_notice_form{
	height: 0;
}
#wrap {
    font-family: 'Pretendard', sans-serif !important;
	padding-top: 180px;
}

body {
	font-family: 'Pretendard', sans-serif;
	color: #423a3a;
	background: #ffffff;
}

input,
select {
	font-family: 'Pretendard', sans-serif !important;
}

.w100 {
	width: 100% !important;
}

.w50 {
	width: 50%;
}

.w55 {
	width: 55%;
}

.pat_0 {
	padding-top: 0 !important;
}

.pb_30 {
	padding-bottom: 30px;
}

.pt_30 {
	padding-top: 30px;
}

label {
	cursor: pointer;
}


.inner1600 {
	max-width: 1600px;
    width: 100%;
    margin: 0 auto;
}

.inner1000 {
    max-width: 1000px;
    width: 90%;
    margin: 0 auto;
    overflow: hidden;
	position: relative;
}

.inner800 {
	max-width: 800px;
    width: 100%;
    margin: 0 auto;
}

.inner410 {
    max-width: 410px;
    width: 80%;
    margin: 0 auto;
}

.c_inner {
	max-width: 960px;
	width: 100%;
	margin: 0 auto;
	position: relative;

}

p {
	margin: 0px 0px 0px 0px;
}

.top_inner {
max-width: 1280px;
	margin: 0 auto;
	display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -moz-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.pc_hide {
	display: none!important;
}

.flex_c {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
}

.flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.sp5 {
	height: 5px;
	clear: both;
}

.sp10 {
	height: 10px;
	clear: both;
}

.sp12 {
	height: 12px;
	clear: both;
}

.sp15 {
	height: 15px;
	clear: both;
}

.sp20 {
	height: 20px;
	clear: both;
}

.sp25 {
	height: 25px;
	clear: both;
}

.sp30 {
	height: 30px;
	clear: both;
}

.sp35 {
	height: 35px;
	clear: both;
}

.sp40 {
	height: 40px;
	clear: both;
}

.sp45 {
	height: 45px;
	clear: both;
}

.sp50 {
	height: 50px;
	clear: both;
}

.sp55 {
	height: 55px;
	clear: both;
}

.sp60 {
	height: 60px;
	clear: both;
}

.sp65 {
	height: 65px;
	clear: both;
}

.sp70 {
	height: 70px;
	clear: both;
}

.sp75 {
	height: 75px;
	clear: both;
}

.sp80 {
	height: 80px;
	clear: both;
}

.sp90 {
	height: 90px;
	clear: both;
}

.sp100 {
	height: 100px;
	clear: both;
}

.sp110 {
	height: 110px;
	clear: both;
}

.sp120 {
	height: 120px;
	clear: both;
}

.sp130 {
	height: 130px;
	clear: both;
}

.sp140 {
	height: 140px;
	clear: both;
}

.sp150 {
	height: 150px;
	clear: both;
}

.sp160 {
	height: 160px;
	clear: both;
}

.sp165 {
	height: 165px;
	clear: both;
}

.sp200 {
	height: 200px;
	clear: both;
}

.t_bold {
	font-weight: bold
}

.pc_hider {
	display: none;
}

.allowed {
	cursor: not-allowed !important;
}

.f_r {
	float: right;
}

.f_l {
	float: left;
}

/* Select box */
select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-image: url(../img/select.png) !important;
	background-repeat: no-repeat !important;
	background-position: 95% 50% !important;
	background-size: 8px auto;
}

input,
select {
	appearance: none;
	-moz-appearance: none;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border: none;
	-webkit-border: none;
	-moz-border: none;
	-webkit-padding: 0 10px;
	-moz-padding: 0 10px;
}

input[type='checkbox'] {
	-webkit-appearance: checkbox
}

input[type='radio'] {
	-webkit-appearance: radio
}

input {
	-webkit-appearance: none;
	-webkit-border-radius: 0;
}

select::-ms-expand {
	display: none;
	/*for IE10, 11*/
}

.inner {
	max-width: 1280px;
	width: 90%;
	margin: 0 auto;
}

.pc_inner {
	max-width: 1300px;
	width: 90%;
	margin: 0 auto;
}

/* header */

/* 국가 선택 */
.lang_select {
        position: relative;
        cursor: pointer;
        z-index: 999;
		margin-left: 15px;
    }
.lang_select .active_lang {
        color: #fff;
		font-size: 16px;
	    font-weight: 400;
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 8px;
    }
.lang_select .active_lang img{
	width: 8px;
	filter: brightness(0) invert(1);
}
.lang_select .lang_select_list {
	background: #ffffff;
	position: absolute;
	top: 30px;
	z-index: 9999;
	right: 0px;
	padding: 10px;
    width: 55px;
	border-radius: 5px;
	border: 1px solid #e2e2e2;
	display: none;
}


.lang_select .lang_select_list p {
	display: flex;
	align-items: center;
	margin-bottom: 10px;
	padding: 2px;
    color: #808080;
	font-size: 14px;
}

.lang_select .lang_select_list p:last-of-type {
	margin-bottom: 0px;
}

.lang_select .lang_select_list p img {
	width: 30px;
	margin-right: 10px;
	border: 1px #d4d4d4 solid;
}

/* //국가 선택 */
.dep_01 {
	display: none;
	position: absolute;
	top: 33px;
	left: 0px;
	width: 100px;
	z-index: 999999;
	width: 110px;
	border: 1px #e4e4e4 solid;
}

.dep_02 li {
	background: #ffffff;
}

.dep_02 li a {
	color: #333333;
}






/*pop*/
.pop-up table td {
    padding: 5px;
    font-size: 12px;
    line-height: 30px;
    font-weight: 600;
    text-align: left;
    word-break: keep-all;
}

.pop-up strong {
	padding-bottom: 5px;
}

.pop-up {
	position: fixed;
	z-index: 100000;
	background: #fff;
	width: 60%;
	padding-top: 0!important;
	height: 70%;
	overflow-y: auto;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	display: none;
}

.pop-up2 {
    position: fixed;
    z-index: 100000;
    background: #f5f5f5;
    width: 500px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: none;
}
.pop-up2 .inArea {overflow:hidden;padding:20px;}
.pop-up2 .inArea .item01 {
    width: 100%;
    border: 1px #e4e4e4 solid;
    background: #ffffff;
    border-radius: 5px;
    padding: 15px;
}
.pop-up2 .inArea .item01 .tit {
    font-size: 14px;
    color: #2473bb;
    font-weight: 500;
    margin-bottom: 20px;
}
.pop-up2 .inArea .item01 .form {
    overflow: hidden;
    border-bottom: 1px #e4e4e4 solid;
    padding-bottom: 10px;
}
.pop-up2 .inArea .item01 .form .t1 {
    font-size: 16px;
    color: #333333;
    float: left;
    width: 80px;
    text-align: left;
    height: 40px;
    line-height: 40px;
}
.pop-up2 .inArea .item01 .form .input-form {
    width: calc(100% - 80px);
    float: left;
	display:flex;
}
.pop-up2 .inArea .item01 .form .input-form input {
    width: 69%;
    color: #555;
    border: 1px solid #dedede;
    cursor: default;
    background: none;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    display: inline-block;
    vertical-align: baseline;
    font-size: 14px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 0 0 0 8px;
    outline: none;
    -o-text-overflow: clip;
    text-overflow: clip;
    height: 40px;
}
.pop-up2 .inArea .item01 .form .input-form .searchBt {
	width: 29%;
    background: #a12d2d;
    border-radius: 5px;
    margin-left: auto;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
	}


.pop-up2 .inArea-list {
    overflow: hidden;
    padding: 20px;
    padding-top: 0px;
}
.pop-up2 .inArea-list .item01 {
    width: 100%;
    margin-bottom: 10px;
    border: 1px #e4e4e4 solid;
    background: #ffffff;
    border-radius: 5px;
    padding: 15px;
}
.pop-up2 .inArea-list .item01 .tit {
    font-size: 14px;
    color: #bb2424;
    font-weight: 500;
    margin-bottom: 20px;
}
.pop-up2 .inArea-list .item01 .tit span {
    font-weight: 700;
    font-size: 16px;
}
.pop-up2 .inArea-list .item01 .userlist{
    overflow:hidden;
}
.pop-up2 .inArea-list .item01 .userlist .listHead {
    width: 100%;
    overflow: hidden;
}
.pop-up2 .inArea-list .item01 .userlist .listHead li {
    background: #eef3f8;
    height: 40px;
    text-align: center;
    line-height: 40px;
    float: left;
    width: 25%;
    border: 1px #e4e4e4 solid;
    border-top: 1px #000000 solid;
    font-size: 14px;
}
.pop-up2 .inArea-list .item01 .userlist .listHead li:nth-child(2) {border-left:0px;}
.pop-up2 .inArea-list .item01 .userlist .listHead li:nth-child(3) {border-left:0px;}
.pop-up2 .inArea-list .item01 .userlist .listHead li:nth-child(4) {border-left:0px;}


.pop-up2 .inArea-list .item01 .listbody {
    overflow: hidden;
    overflow-y: auto;
    height: 108px;
}
.pop-up2 .inArea-list .item01 .listbody table{width:100%;}
.pop-up2 .inArea-list .item01 .listbody table tr td {
    width: 25%;
    font-size: 14px;
    color: #333333;
    height: 35px;
    line-height: 35px;
    text-align: center;
    border: 1px #e4e4e4 solid;
}
.pop-up2 .inArea-list .item01 .listbody table tr td:nth-child(1) {border-top:none;}


#pop-up02 {
	width: 50%;
}


.pop-up2 .inArea {overflow:hidden;padding:20px;}
.pop-up2 .inArea .item01 {
    width: 100%;
    border: 1px #e4e4e4 solid;
    background: #ffffff;
    border-radius: 5px;
    padding: 15px;
}
.pop-up2 .inArea .item01 .tit {
    font-size: 14px;
    color: #2473bb;
    font-weight: 500;
    margin-bottom: 20px;
}
.pop-up2 .inArea .item01 .form {
    overflow: hidden;
    border-bottom: 1px #e4e4e4 solid;
    padding-bottom: 10px;
}
.pop-up2 .inArea .item01 .form .t1 {
    font-size: 16px;
    color: #333333;
    float: left;
    width: 80px;
    text-align: left;
    height: 40px;
    line-height: 40px;
}
.pop-up2 .inArea .item01 .form .input-form {
    width: calc(100% - 80px);
    float: left;
	display:flex;
}
.pop-up2 .inArea .item01 .form .input-form input {
    width: 69%;
    color: #555;
    border: 1px solid #dedede;
    cursor: default;
    background: none;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    display: inline-block;
    vertical-align: baseline;
    font-size: 14px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 0 0 0 8px;
    outline: none;
    -o-text-overflow: clip;
    text-overflow: clip;
    height: 40px;
}
.pop-up2 .inArea .item01 .form .input-form .searchBt {
	width: 29%;
    background: #a12d2d;
    border-radius: 5px;
    margin-left: auto;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
	}


.pop-up2 .inArea-list {
    overflow: hidden;
    padding: 20px;
    padding-top: 0px;
}
.pop-up2 .inArea-list .item01 {
    width: 100%;
    margin-bottom: 10px;
    border: 1px #e4e4e4 solid;
    background: #ffffff;
    border-radius: 5px;
    padding: 15px;
}
.pop-up2 .inArea-list .item01 .tit {
    font-size: 14px;
    color: #bb2424;
    font-weight: 500;
    margin-bottom: 20px;
}
.pop-up2 .inArea-list .item01 .tit span {
    font-weight: 700;
    font-size: 16px;
}
.pop-up2 .inArea-list .item01 .userlist{
    overflow:hidden;
}
.pop-up2 .inArea-list .item01 .userlist .listHead {
    width: 100%;
    overflow: hidden;
}
.pop-up2 .inArea-list .item01 .userlist .listHead li {
    background: #eef3f8;
    height: 40px;
    text-align: center;
    line-height: 40px;
    float: left;
    width: 25%;
    border: 1px #e4e4e4 solid;
    border-top: 1px #000000 solid;
    font-size: 14px;
}
.pop-up2 .inArea-list .item01 .userlist .listHead li:nth-child(2) {border-left:0px;}
.pop-up2 .inArea-list .item01 .userlist .listHead li:nth-child(3) {border-left:0px;}
.pop-up2 .inArea-list .item01 .userlist .listHead li:nth-child(4) {border-left:0px;}


.pop-up2 .inArea-list .item01 .listbody {
    overflow: hidden;
    overflow-y: auto;
    height: 108px;
}
.pop-up2 .inArea-list .item01 .listbody table{width:100%;}
.pop-up2 .inArea-list .item01 .listbody table tr td {
    width: 25%;
    font-size: 14px;
    color: #333333;
    height: 35px;
    line-height: 35px;
    text-align: center;
    border: 1px #e4e4e4 solid;
}
.pop-up2 .inArea-list .item01 .listbody table tr td:nth-child(1) {border-top:none;}


#pop-up02 {
	width: 50%;
}


.popTop {
	position: sticky;
	top: 0;
	left: 0;
	z-index: 5000;
}

.popTop .popclose {
	position: absolute;
	top: 50%;
	right: 20px;
	transform: translate(0, -50%);
	cursor: pointer;
}

.popTop .tit {
    background: #7b542f;
        color: #ffffff;
    font-size: 18px;
    padding: 25px;
    font-weight: 500;
}
.popCont {
	padding: 10px 20px;
}

.popCont section {
	line-height: 30px;
	font-size: 14px;
	font-weight: 500;
}

.popCont strong {
	font-size: 18px;
	display: block;
	color: #423a3a;
	padding-bottom: 10px;
	font-weight: 600;
}

/*//pop*/

/*join*/
.join .phone_select {
	 width: 100%;
	 margin: 0 auto;
	 display: block;
	 font-size: 16px;
}

.phone_select {
    width: 100%;
    height: 50px;
    border: 0;
    text-indent: 20px;
    box-sizing: border-box;
    border: 1px solid #CCCCCC !important;
    background: transparent;
    color: #4e4e4e;
    font-size: 16px;
}

.phone_select::option {
	background-color: #ffffff;
}
.phone_select::placeholder {
	color:#cccccc;
}

.index_input02 {
	width: calc(89% /  3);
    height: 40px;
    border: none;
    padding-left: 10px;
    background: transparent;
    color: #4e4e4e;
    border: 1px solid #CCCCCC !important;
}

.index_input03 {
    width: 65%;
    height: 50px;
    border: none;
    padding-left: 10px;
    background: transparent;
    color: #4e4e4e;
    border: 1px solid #CCCCCC !important;
}

.index_input04 {
	width: 30%;
	height: 40px;
	border: none;
	padding-left: 10px;
	background: transparent;
	color: #4e4e4e;
	border-bottom: 1px #cccccc solid;
}

.link_input03 {
    width: calc(100% - 145px);
    height: 50px;
    border: none;
    padding-left: 10px;
    padding-right: 10px;
    background: transparent;
    color: #4e4e4e;
    border: 1px solid #CCCCCC !important;
}

.form02_span {
	color: #ffffff;
	width: 28%;
	height: 41px;
	float: right;
	font-size: 13px;
	background-color: #5f5f5f;
	text-align: Center;
	line-height: 40px;
	cursor: pointer;
	border-radius: 3px;
	border: 1px #ffffff solid;
}
.line-bar {
	width:100%;
	height:1px;
	background:#666666;
	margin-top:70px;
	margin-bottom:70px;
	}
.button02 {
	width: 192px;
	height: 57px;
	border: none;
	background: rgb(0 0 0);
	border-radius: 5px;
	color: #ffffff;
	font-size: 18px;
	cursor: pointer;
	border-radius: 50px;
}

.button03 {
	width: 49%;
	height: 50px;
	border: none;
	background: #3f4554;
	border-radius: 5px;
	color: #ffffff;
	font-size: 18px;
	margin-top: 20px;
	float: left;
	cursor: pointer;
}

.button04 {
	width: 49%;
	height: 50px;
	border: none;
	background: #00aaa7;
	border-radius: 5px;
	color: #ffffff;
	font-size: 18px;
	margin-top: 20px;
	margin-right: 2%;
	float: right;
	cursor: pointer;
}

.button05 {
	width: 28%;
	height: 57px;
	border: none;
	background: #105099;
	border-radius: 5px;
	color: #ffffff;
	font-size: 18px;
	cursor: pointer;
	border-radius: 50px;
}

.join-item1 {
	width: 45%;
	float: left;
}

.join-item2 {
	width: 45%;
	float: right;
}

.bull {
	color: #ff4343;
	margin-left: 5px;
	font-family: 'Pretendard Variable', sans-serif !important;
}

.privacy {
	padding: 10px;
	color: #ffffff;
	height: 200px;
	overflow: hidden;
	overflow-y: auto;
	border: 1px #423a3a solid;
	margin-top: 20px;
}

.privacy .text1 {
	FONT-SIZE: 13px;
	color: #ffffff;
}

.privacy .s1 {
	FONT-SIZE: 16px;
	color: #fff469;
}

/* memory */

.memory {
	padding-left: 32px;
	padding-right: 32px;
	padding-top: 20px;
	align-items: center;
	word-break: keep-all;
}

.memory .agreeopen {
	float: right;
	cursor: pointer;
	text-decoration: underline;
	color: #7c7c7c;
}

.memory .agreeopen:hover {
	color: #585858;
}

.memory span {
	padding-left: 10px;
	color: #585858;
	font-size: 14px;
}

.memory input[type="checkbox"] {
	-webkit-appearance: none;
	position: relative;
	width: 16px;
	height: 16px;
	cursor: pointer;
	outline: none !important;
	border: 1px solid rgb(0, 0, 0, 0.95);
	border-radius: 2px;
	background: transparent;
	padding-top: 2px;
	top: 4px;
}

.memory input[type="checkbox"]::before {
	content: "\2713";
	position: absolute;
	top: 50%;
	left: 50%;
	overflow: hidden;
	transform: scale(0) translate(-50%, -50%);
	line-height: 1;
}

.memory input[type="checkbox"]:hover {
	border-color: rgba(170, 170, 170, 0.5);
}

.memory input[type="checkbox"]:checked {
	background-color: #0d0d0d;
	border-color: rgba(255, 255, 255, 0.3);
	color: #fff;
}

.memory input[type="checkbox"]:checked::before {
	border-radius: 2px;
	transform: scale(1) translate(-50%, -50%)
}

.memory input[type="radio"] {
	-webkit-appearance: none;
	position: relative;
	width: 16px;
	height: 16px;
	cursor: pointer;
	outline: none !important;
	border: 1px solid #423a3a;
	border-radius: 50%;
	background: transparent;
	padding-top: 2px;
	top: 4px;
}

.memory input[type="radio"]::before {
	content: "\2713";
	position: absolute;
	top: 50%;
	left: 50%;
	overflow: hidden;
	transform: scale(0) translate(-50%, -50%);
	line-height: 1;
}

.memory input[type="radio"]:checked {
	background-color: #0d0d0d;
	border-color: rgba(255, 255, 255, 0.3);
	color: #fff;
}

.memory input[type="radio"]:checked::before {
	border-radius: 2px;
	transform: scale(1) translate(-50%, -50%)
}

/* memory */

/*searchCheck*/
.searchCheck {
    margin-left: auto;
    margin-bottom: 7px;
}

.searchCheck span {
	padding-left: 5px;
	color: #423a3a;
	font-size: 16px;
}

.searchCheck input[type="checkbox"] {
	-webkit-appearance: none;
    position: relative;
    width: 22px;
    height: 22px;
    cursor: pointer;
    outline: none !important;
    border: 5px solid rgb(204 204 204);
    border-radius: 4px;
    background: transparent;
}

.searchCheck input[type="checkbox"]::before {
	content: "\2713";
	position: absolute;
	top: 50%;
	left: 50%;
	overflow: hidden;
	transform: scale(0) translate(-50%, -50%);
	line-height: 1;
}

.searchCheck input[type="checkbox"]:hover {
	border-color: rgba(170, 170, 170, 0.5);
}

.searchCheck input[type="checkbox"]:checked {
	background: #7B542F;
	border-color: #7B542F;
	color: #fff;
}

.searchCheck input[type="checkbox"]:checked::before {
	border-radius: 2px;
	transform: scale(1) translate(-50%, -50%)
}

/*//searchCheck*/

/*join_end*/


.lnb_menu {
	margin-top: 100px;
}

/*sub*/
.sub .small {
	padding-left: 1%;
	color: #8d8d8d;
}

.sub .incont_box {
    overflow: hidden;
    width: 550px;
}

.order .incont_box {
    overflow: hidden;
    width: 100%;
}
.order .index_input {
	margin-right: 20px;
}
.order .index_input:last-child {margin-right:0px;}
.mypage .order .index_input:last-child {margin-right:unset;}
.mypage .order .index_input {margin: 0; margin-right:20px; max-width: 300px;}
.mypage .order .flex {flex-wrap: wrap;}


.order .incont_box .dateArea {overflow:hidden;margin-bottom:30px;}

.sub .index_input {
	width: 100%;
	overflow: hidden;
}





.sub .index_input01 {
	border-bottom: 1px #e1e1e1 solid;
	width: 50%;
}

.sub .index_input03 {
	color: #000;
	width: 100%;
}

.sub .index_m_title {
	color: #0d0d0d;
}

.sub .index_m_title::before {
	background: #7B542F;
}

.sub .input_title {
	color: #4e4e4e;
}

.sub .datepicker {
    border: 1px #cccccc solid;
    padding: 5px;
    height: 50px;
    cursor: pointer;
    width: 200px;
    font-size: 16px;
    color: #7a7a7a;
}

.sub .popTop .tit {
	font-size: 20px;
}

/*info*/
.info {
	color: #795f50;
}

.button123 {
    margin: 0 auto;
    width: 160px;
	display:block;
    box-sizing: border-box;
    height: 60px;
    line-height: 60px;
    text-align: center;
    background: #7B542F;
    font-size: 20px;
    color: #fff;
}

.info .memPrintBox > h3 {
	color: #ea6c6f !important;
	font-size: 14px;
	padding-bottom: 20px;
}

.info .memPrintBox .memPrint,
.info .memPrintBox .memOutNotice {
	background: #f3f3f3;
	overflow: hidden;
	position: relative;
	padding: 30px;
	line-height: 2;
}

.info .memPrintBox .memPrint > p {
	width: 80%;
	float: left;
	color: #000;
}

.info .memPrintBox .memOutNotice p {
	width: 100%;
	color: #6c6c6c;
}

.info .memPrintBox .memPrint > a {
	margin: 0 auto;
	display: block;
	text-align: center;
	color: #1e361e;
	font-size: 12px;
	border: 1px solid rgba(197, 182, 162, .4);
	box-sizing: border-box;
	position: sticky;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s;
	border: 1px solid #1e361e;
	padding: 10px;
	position: absolute;
	top: 50%;
	right: 2%;
	transform: translate(-2%, -50%);
}

.info .memory {
	padding: 0;
	margin-top: 20px;
}

/*//info*/



/*order*/
.mysales {
    width: 100%;
    margin: 0 auto;
    border: 1px solid #CCCCCC !important;
	padding:30px;
}
.mysales .salesTxt {
    font-size: 17px;
    font-weight: 400;
    color: #000;
}
.mysales .salesTxt .s1 {
	color: #919191;
	margin-right: 10px;
	}
.mysales .salesTxt .s2 {
    color: #919191;
    margin-left: 10px;
	}
.mysales .salesSum  {
    font-size:24px;
	color: #7B542F;
	margin-top:15px;
	}
/*//order*/


/*prepayment*/
.ordSaleContB .cancle_btn {
	height: 45px;
    line-height: 45px;
    border: 2px #cccccc solid;
    width: 120px;
    margin-top: 20px;
    text-align: center;
    cursor: pointer;
	}
.ordSaleContB .cancle_btn:hover {
	background: #7B542F;
	border: 2px #7B542F solid;
    color: #fff;
	}
.sub .pop_home {
	background: #f7f7f7;
}

.sub .pop-up .popCont {
	padding: 20px;
}

.sub .pop-up .pCont1 {
	border: 1px solid #cccccc;
}

.sub .pop-up .pCont1 .pCont1-1 {
	padding: 15px 20px;
}

.sub .pop-up .th {
	font-size: 16px;
	font-weight: 700;
}

.sub .pop-up .pCont1 .pCont1-2 {
	padding: 15px 20px;
	border-top: 1px solid #cccccc;
}

.sub .poptable {
	width: 100%;
}

.sub .poptable tr {
	border: 1px solid #cccccc;
}

.sub .poptable tr:first-of-type {
	border-bottom: none;
}

.sub .poptable tr th {
	background-color: #f5f5f5;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	color: #555;
	font-size: .875rem;
}

.sub .poptable tr td {
	/* text-align: right; */
	padding: 15px;
	font-size: 14px;
	color: #5e5e5e;
	border-right: 1px solid #e2e2e2;
}

.sub .poptit {
	overflow: hidden;
	padding: 20px 0px;
}

.sub .poptit_l {
	float: left;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	line-height: 26px;
}

.sub .poptit_r {
    float: right;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.sub .poptit_l > h3 {
	font-size: 16px;
	font-weight: 700;
}

.sub .poptit_l > p {
	padding-left: 10px;
	font-size: 13px;
	line-height: 25px;
	color: #8f8f8f;
	font-weight: 400;
}

.sub .p1 {
    font-weight: 400;
    color: #000;
    border-radius: 4px;
    font-size: 22px;
    text-align: right;
}

.sub .p1.cvPr{
	padding: 2px 15px;
    color: #fff;
    margin: 0 6px;
    font-size: 19px;
}

.sub .p1-pv {
    font-weight: 400;
    color: #7B542F;
    border-radius: 4px;
    font-size: 22px;
    text-align: right;
	margin-top:5px;
}
.sub .p2 {
    margin-left: 10px;
    padding: 5px 40px;
    font-weight: 400;
    color: #fff;
    border-radius: 4px;
}

.sub .p3 {
    color: #333;
    font-size: 16px;
    font-weight: 400;
    line-height: 25px;
}

.sub .p4 {
	font-size: 13px;
	line-height: 25px;
	color: #8f8f8f;
	font-weight: 400;
}

.product_categories {
    color: #000;
    font-size: 20px;
    line-height: 30px;
    font-weight: 400;
}
.product_title {
    color: #919191;
    font-size: 17px;
    line-height: 30px;
    font-weight: 400;
}

.sub .pCont1-1 img {
	width: 100%;
	border-radius: 15px;
}

.sub .pCont1-2 .pCont1-2_l {
	width: 55%;
	overflow: hidden;
	margin-right: 5%;
}

.priceTit {
	float: left;
	font-size: 14px;
	font-weight: 700;
	color: #000;
}

.priceNum {
	float: right;
	color: #8f8f8f;
	font-size: 14px;
	font-weight: 400;
}

.sub .pCont1-2 .pCont1-2_r {
	width: 55%;
	width: 55%;
	background: #f7f7f7;
	padding: 20px;
	border-radius: 10px;
	line-height: 30px;
}

.sub .iconbox1 {
	padding-right: 35px;
	position: relative;
}

.sub .iconbox1:last-of-type {
	padding-right: 0;
}

.sub .iconbox1:last-of-type::before {
display:none;
}

.sub .iconbox1::after {
	display: block;
	position: absolute;
	top: 15px;
	right: 16px;
	content: "";
	font-family: "xeicon";
	color: #ccc;
	font-size: 16px;
}

.sub .iconbox1 i {
	height: 50px;
	background: #f0f9e3;
	width: 50px;
	border-radius: 50%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	font-size: 25px;
	color: #7B542F;
	margin: 0 auto;
}

.sub .iconbox1 p {
	color: #7B542F;
	font-size: 12px;
	margin-top: 20px;
	text-align: center;
}

.price01 {
	color: #898989;
	font-size: 14px;
	margin: 15px 0;
	line-height: 25px;
}

.price02 {
	padding-top: 40px;
}

/*//prepayment*/

/*point*/
.mypoints {
	width: 100%;
	margin: 0 auto;
	border: 1px #f1f1f1 solid;
}

.mypoints table {
	width: 100%;
}

.mypoints table tr {
	height: 50px;
}

.mypoints table th {
	text-align: center;
	padding: 15px;
	background: #f9f3e6;
	color: #5e5e5e;
	font-size: 14px;
	font-weight: 600;
}

.mypoints table td {
	text-align: center;
	padding: 0px 15px;
	font-size: 14px;
	color: #898989;
	font-weight: 600;
}

.mypoints table td:first-of-type {
	border-right: none;
}

.mypoints table tbody tr {
	cursor: pointer;
}

.mypoints table tbody tr:hover {
	background: #eef3ef;
}

.moreBtn {
	background: #795f50;
	color: #fff;
	padding: 10px;
	cursor: pointer;
	display: block;
	font-size: 12px;
}

.mypoints table tfoot tr {
	background: #e1e1e1;
	height: 50px;
}

.mypoints table tfoot td {
	border: none !important;
	text-align: right;
}

.mypoints table tfoot td:first-of-type {
	text-align: center;
}

/*//point*/

/* jics */
.jics {
	width: 90%;
	margin: 0 auto;
}

.jics table {
	width: 100%;
}

.jics table tr {
	height: 50px;
}

.jics table thead {
	background: #113416;
	color: #ffffff;
	font-size: 14px;
	border-right: 1px solid #113416;
}

.jics table thead tr th:first-of-type {
	width: 10%;
}

.jics table tbody tr {
	border-bottom: 1px solid #e1e1e1;
	border-right: 1px solid #e1e1e1;
}

.jics table tbody th {
	background: #c5b6a2;
	color: #fff;
	font-size: 14px;
	font-weight: 600;
	width: 10%;
}

.jics table tr td {
	text-align: center;
	padding: 0px 15px;
	font-size: 14px;
	color: #898989;
	font-weight: 600;
}

/* //jics */

/* regis */
.regis .memory {
	width: 90%;
	margin: 0 auto;
	padding-left: 0;
}

/* //regis */


/* gr */
.bar01 {
	width: 90%;
	text-align: center;
	padding: 20px;
	background: #113416;
	font-size: 14px;
	margin: 0 auto;
	font-weight: 600;
}

.bar01 a {
	color: #ffffff;
	display: block;
}

.searchIcon {
	margin-left: 20px;
}

.searchIcon .xi-search {
	display: block;
	width: 40px;
	height: 40px;
	border: 1px solid rgb(0, 0, 0, 0.95);
	line-height: 40px;
	color: rgb(0, 0, 0, 0.95);
	text-align: center;
	cursor: pointer;
	font-size: 20px;
}

.gr .mypoints table tbody tr {
	cursor: pointer;
}

.gr .moreBtn {
	width: 60px;
	margin: 0 auto;
	background: #bdbdbd;
}

.gr .pop-up .popCont .User_Section {
	float: left;
}

.gr .pop-up .popCont .User_Section > h2 {
	padding-bottom: 20px;
	color: #000;
	font-size: 16px;
}

.gr .pop-up .popCont .User_Section > h2 .xi-pacman {
	color: #a79884;
	font-size: 14px;
	padding-right: 10px;
}

.gr .pop-up .popCont .infoTb {
	width: 100%;
	border-top: 1px solid #ededed;
	border-left: 1px solid #ededed;
	border-right: 1px solid #ededed;
}

.gr .pop-up .popCont .infoTb tr {
	height: 50px;
}

.gr .pop-up .popCont .infoTb tr th {
	width: 30%;
	background: #eef3ef;
	border-bottom: 1px solid #fff;
	color: #5e5e5e;
	font-size: 14px;
	font-weight: 600;
}

.gr .pop-up .popCont .infoTb tr td {
	width: 70%;
	border-bottom: 1px solid #ededed;
	font-size: 14px;
	color: #898989;
	font-weight: 600;
}

.gr .pop-up02 {
	width: 30%;
}

.gr .jics01 table tr td {
	border-left: 1px solid #e1e1e1;
}

.gr .jics01 table tr th {
	border-left: 1px solid #e1e1e1;
}

/* //gr */


/* shop */

.shop .shop_item .ord_cont {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;

}

.shop .subTxt {
	font-size: 14px;
	font-weight: 700;
	display: block;
	color: #423a3a;
	margin: 0 auto;
	padding-bottom: 10px;
	position: relative;
}

.shop .ord_good {
	width: 70%;
	margin-right: 2%;
}

.shop .ord_list {
	width: 325px;
    position: sticky;
    top: 0;
    background: #fff;
    border: 2px solid #e1e1e1;
    padding: 30px 30px;
    min-height: 310px;
    right: 0px;
    max-height: 330px;
}

.shop .fixedOn {
    top: 50px;
	max-width: 364px;
    width: calc(100% - 73%);
    position: fixed;
}


.active {
  position: fixed;
  top: 0px;
}

.shop .ord_good table {
	width: 100%;
	border: 1px solid #e1e1e1;
}

.shop .ord_good table thead {
	height: 50px;
	text-align: center;
	background: #ececdb;
	border-top: 1px solid #ebca7d;
	color: #ebca7d;
	text-align: center;
}

.shop .ord_good table tbody .t_goods_box {
	padding: 0.625rem;
	color: #555;
	font-size: .875rem;
	margin: 0 0 5px;
	line-height: 24px;
	text-align: left;
	font-weight: 600;
}

.shop .ord_good table tbody tr {
	border-bottom: 1px solid #ededed;
}

.shop .ord_good table tbody tr:last-of-type {
	border-bottom: none;
}

.shop .ord_good table tbody td {
	padding: 0 8px;
	color: #a79884;
	font-size: 14px;
	text-align: center;
	font-weight: 600;
	border-left: 1px solid #ededed;
}

.shop .ord_good table tbody tr:nth-child(even) {
	background: #f6f6f6;
}

.shop .ord_good table tbody tr:hover {
	background: #ececdb;
}

.shop .goods {
	display: block;
	border: 1px solid #ededed;
	width: 90px;
	height: 90px;
	border-radius: 10px;
	overflow: hidden;
	margin-right: 35px;
}

.shop .goods img {
	object-fit: cover;
	width: 90px;
	height: 90px;
}

.shop .ord_count a {
	width: 30px;
	height: 30px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	background-color: #9c9c9c;
}

.shop .ord_count i {
	color: #fff;
	font-size: 1.125rem;
}

.shop .ord_count input {
	border: 1px solid #ededed;
	box-sizing: border-box;
	margin: 0 5px;
	width: 40px;
	height: 30px;
	text-align: center;
}

.shop .addBtn01 {
	width: 40px;
	height: 30px;
	color: #fff;
	font-size: .8125rem;
	line-height: 30px;
	box-sizing: border-box;
	border-radius: 3px;
	cursor: pointer;
	margin-left: 5px;
	background: #795f50;
	display: block;
}

.shop .addBtn02 {
	width: 40px;
	height: 30px;
	color: #fff;
	font-size: .8125rem;
	line-height: 30px;
	box-sizing: border-box;
	border-radius: 3px;
	cursor: pointer;
	margin-left: 5px;
	background: #a11313;
	display: block;
}

.shop .ord_list h2 {
	background: #000;
	color: #fff;
	font-size: 16px;
	text-align: center;
	height: 50px;
	line-height: 50px;
}

.shop .ord_list .list_cont {
	overflow:hidden;
}

.shop .ord_list .list01 {
	padding: 20px;
	color: #555;
	font-size: .875rem;
	margin: 0 0 5px;
	line-height: 24px;
	text-align: left;
	font-weight: 600;
	position: relative;
	border-bottom: 1px solid #e1e1e1;
	overflow: hidden;
}

.shop .ord_list .list01:last-of-type {
	border-bottom: none;
}

.shop .ord_list .list01::before {
	height: 15px;
	width: 15px;
	display: block;
	content: "";
	position: absolute;
	background: #7B542F;
	top: 39%;
}

.shop .ord_list .dor_color::before {
	background: #cab033;
}

.shop .ord_list .list01_tit {
	padding-left: 30px;
}

.shop .ord_list .list01_price {
	float: right;
}

.shop .ord_list .list_cont:last-of-type {

}

.shop .ord_list .list02_img {
	width: 140px;
	margin: 0 auto;
	padding-top: 20px;
}

.shop .ord_list .list02_img img {
	width: 100%;
}

.shop .ord_list .list02_txt {
	font-size: 14px;
	font-weight: 600;
	text-align: center;
	padding: 20px;
	color: #555;
}

.shop .ord_list .now_Btn {
	height: 50px;
	line-height: 50px;
	text-align: center;
	font-size: 16px;
	font-weight: 600;
	background: #113416;
	position: absolute;
	width: 100%;
	display: block;
	bottom: 0;
	left: 0;
}

.shop .ord_list .now_Btn a {
	color: #fff;
	cursor: pointer;
	display: block;
}

.shop .my_good {
    background: #fff;
    padding: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: column;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: center;
    width: 72%;
    margin-right: 3%;
    padding: 0px 20px;
}

.shop .my_good .mygood_img {
	width: 200px;
	margin: 0 auto;
}

.shop .my_good .mygood_img img {
	width: 100%;
}

.shop .my_good .th01 {
    font-size: 30px;
    font-weight: 500;
    color: #555;
    text-align: center;
    padding: 30px;
    margin-top: 50px;
}

.shop .my_good .td01 {
    font-size: 14px;
    font-weight: 500;
    color: #a5a5a5;
    text-align: center;
}

.shop .my_good .com_Btn {
	color: #d9897c;
	text-decoration: underline;
	cursor: pointer;
}

.shop .my_good .go_shop {
    margin: 80px auto;
    width: 200px;
    height: 50px;
    background: #7B542F;
    line-height: 50px;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    color: #ffffff;
    cursor: pointer;
}

.shop .my_good .go_shop a {
	color: #ffffff;
	display: block;
}

.shop .list03 {
	padding: 20px;
	color: #555;
	font-size: .875rem;
	margin: 0 0 5px;
	line-height: 24px;
	text-align: left;
	font-weight: 600;
	border-bottom: 1px solid #e1e1e1;
}

.shop .list03:last-of-type {
	border-bottom: none;
}



.shop .ord_list .list03_price {
	float: right;
}

.shop .ord_list .now_Btn_box {
	overflow:hidden;
}

.shop .ord_list .now_Btn02 {
	width: 100%;
    height: 50px;
    background: #7B542F;
    line-height: 50px;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    color: #ffffff;
    cursor: pointer;
}


.shop .ord_list .now_Btn03 {
	background: #000;
	height: 50px;
	width: 50%;
}

.shop .ord_list .now_Btn02 a,
.shop .ord_list .now_Btn03 a {
	cursor: pointer;
	display: block;
	color: #fff;
}

.shop .ord_product.noBorder {
	border: 0;
    padding: 0;
}

.shop .ord_product .order_notice img {
	width: 100%;
}

.shop .product_box {
    min-height: 515px;
}

.shop .product_box:nth-of-type(3n) {
	margin-right:0;
}

.shop .product_box .price{
	line-height: 1;
    min-height: 17px;
}

.shop .product_box .ord_product01 {
	width: 100%;
	margin: 0 auto;
}

.shop .product_box .ord_product02 {
	width: 80%;
	margin: 0 auto;
}

.shop .product_box .ord_product01 .product_img {
	display: block;
    background: #fff;
    position: relative;
    height: 0;
    padding-bottom: 100%;
	width: 100%;
}

.shop .product_box .ord_product01 .product_img img {
    height: 100%;
	width: 100%;
    object-fit: cover;
    position: absolute;
    left: 50%;
    top: 50%;
	transform: translate(-50%, -50%);
}


.shop  .price .cost_price {
    font-size: 14px;
    color: #6e6e6e;
    padding-left: 5px;
    padding-right: 10px;
}
.shop  .price .cost_percent {
    font-size: 18px;
    font-weight: 400;
    color: #000;
}

.shop .ord_product02 > div {
	margin: 10px 0px;
}

.shop .ord_product02 p {
	font-size: 14px;
	font-weight: 600;
	color: #555;
	display: block;
	width: calc(100% - 100px);
	text-align: right;
}

.shop .ord_product02 p b {
	display: block;
}

.shop .ord_product02 .product_price + p {
	padding-left: 10px;
	min-width: 120px;
}

.shop .ord_product02 .product_jp + p {
	padding-left: 10px;
}

.shop .ord_product02 .product_price {
	background: #7B542F;
	font-weight: 700;
	color: #fff;
	border-radius: 4px;
	font-size: 12px;
	width: 100px;
	height: 30px;
	text-align: center;
	line-height: 30px;
}

.shop .ord_product02 .product_jp {
	background: #ebc49a;
	font-size: 12px;
	font-weight: 700;
	color: #ffffff;
	border-radius: 4px;
	width: 80px;
	height: 30px;
	text-align: center;
	line-height: 30px;
}

.shop .slide-tit {
	padding-bottom: 10px;
	font-size: 16px;
	font-weight: 600;
}

.shop .slick-top p {
	font-size: 12px;
	text-align: center;
	font-weight: 600;
	color: #555;
}

.shop .product_box02 {
	padding: 40px 0px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	margin-bottom: 40px;
	border-bottom: 1px solid #e1e1e1;
}

.shop .product_box02 .ord_product01 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	height: 250px;
	width: 300px;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
}

.shop .product_box02 .ord_product01 .product_img {
	height: 250px;
}

.shop .product_box02 .ord_product01 img {
	height: 100%;
}

.shop .product_box02 .ord_product02 {
	width: 80%;
	padding-left: 50px;
}

.shop .product_box02 .ord_product02 .product_nm {
	font-size: 25px;
	font-weight: 600;
	padding-bottom: 40px;
	color: #000;
}

.shop .product_box02 .ord_product02 .product_number {
	font-size: 14px;
	font-weight: 600;
	padding-bottom: 20px;
	color: #000;
}

.shop .product_box02 .ord_product02 .td01 {
	font-size: 14px;
	font-weight: 600;
	color: #898989;
}

.shop .product_box02 .ord_product02 > p {
	text-align: left;
}

.shop .product_banner {
	padding-top: 70px;
	margin-bottom: 40px;
}

.btn_open {
	text-transform: uppercase;
	padding: 2% 10%;
	color: white;
	cursor: pointer;
	border-radius: 100px;
	filter: drop-shadow(5px 5px 1px rgba(0, 0, 0, 0.25));
	position: absolute;
	bottom: 0%;
	left: 50%;
	background: #7B542F;
	transform: translate(-50%, -50%);
}

.btn_close {
	text-transform: uppercase;
	padding: 2% 10%;
	color: white;
	cursor: pointer;
	border-radius: 100px;
	filter: drop-shadow(5px 5px 1px rgba(0, 0, 0, 0.25));
	position: absolute;
	bottom: 0%;
	left: 50%;
	background: #7B542F;
	transform: translate(-50%, -50%);
}

.gopreBtn {
	width: 70px;
	text-align: center;
	height: 30px;
	font-size: 12px;
	background: #898989;
	color: #fff;
	line-height: 30px;
	font-weight: 600;
	margin-left: 15px;
	border-radius: 5px;
	cursor: pointer;
	display: none;
}

.showstep2 {
	overflow: hidden;
}

.shop .product_banner img {
	width: auto;
}

.product_banner .content {text-align:center;}

.shop .order_notice > p {
	background: #f1f1f1;
	height: 50px;
	line-height: 50px;
	padding-left: 20px;
	font-size: 16px;
	font-weight: 600;
	color: #4e4e4e;
}

.shop .notice_cont {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-orient: vertical;
	-ms-flex-direction: column;
	flex-direction: column;
	background: #f0f9e3;
	margin-top: 10px;
	margin-bottom: 40px;
	padding: 30px;
}

.shop .notice_cont p {
	padding-top: 10px;
	font-size: 14px;
	font-weight: 600;
	color: #555;
}

.shop .notice_cont02 {
	margin-top: 10px;
	margin-bottom: 40px;
}

.shop .notice_cont02 table {
	width: 100%;
	border: 1px solid #e1e1e1;
}

.shop .notice_cont02 table tr {
	border-bottom: 1px solid #e1e1e1;
}

.shop .notice_cont02 table tr:last-of-type {
	border: none;
}

.shop .notice_cont02 table th {
        background: #f0f3f9;
        width: 200px;
        padding: 30px 20px;
        text-align: left;
        color: #555;
        font-size: 14px;
        border-right: 1px solid #e1e1e1;
        table-layout: fixed;
    }

.shop .notice_cont02 table td {
    width: calc(100% - 100px);
        padding: 20px;
        color: #a1a1a1;
        font-size: 14px;
        font-weight: 500;
        line-height: 1.4;
}

.shop .list_cont .shop_count {
	border: 1px solid #e1e1e1;
	padding: 20px;
}

.shop .shop_count .product_nm {
	font-size: 14px;
	font-weight: 600;
	color: #898989;
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid #e1e1e1;
}

.shop .shop_count .count_price {
	font-size: 14px;
	font-weight: 600;
	padding-top: 10px;
	color: #000;
	text-align: right;
}

.shop .allprice {
	padding-top: 20px;
	border-top: 1px solid #e1e1e1;
}

.shop .allprice .td {
	font-size: 14px;
	font-weight: 600;
	padding-right: 25px;
}

.shop .allprice .th {
	font-size: 22px;
	font-weight: 600;
}

/* 상세페이지 슬라이드 */
.shop .order_slide {
	height: 360px;
}

.shop .order_slide .tit {
	font-size: 18px;
	text-align: center;
	font-weight: 600;
	color: #555;
	padding: 20px;
}

.shop .order_slide .multiple-items p {
    text-align:center;
}

.shop .order_slide .slick-dots {
	top: 235px !important;
}

/* // 상세페이지 슬라이드 */
.shop .u_payment .memory {
	padding-left: 0px;
	padding-top: 0px;
}

.shop .paymentleft {
    width: 72%;
    margin-right: 3%;
    padding: 0px 20px;
}

.shop .u_payment .payment01 table {
	width: 100%;
	background: #fff;
	border-left: 1px solid #e1e1e1;
	border-right: 1px solid #e1e1e1;
	border-bottom: 1px solid #e1e1e1;
	border-top: 1px solid #423a3a;
}

.shop .u_payment .payment01 table thead {
	height: 40px;
	line-height: 40px;
	text-align: left;
	font-size: 14px;
	border-bottom: 1px solid #e1e1e1;
}

.shop .u_payment .payment01 table th {
	padding: 0px 20px;
}

.shop .u_payment .payment01 table td {
	padding: 10px 20px;
	font-size: 14px;
	font-weight: 600;
	color: #898989;
}

.shop .u_payment .payment01 table td:last-of-type {
	border-right: none;
}

.shop .u_payment .payment01 table img {
	width: 80px;
	height: auto;
	border-radius: 15px;
	border: 1px solid #e1e1e1;
	margin-right: 20px;
}

.shop .ptit01 {
	font-size: 15px;
	font-weight: 700;
	display: block;
	color: #0d0d0d;
	padding-bottom: 15px;
	margin: 0 auto;
	position: relative;
	padding-left: 15px;
}

.shop .ptit01::before {
	content: "";
	width: 2px;
	height: 20px;
	position: absolute;
	top: 0;
	left: 0;
	background: #7B542F;
}

.shop .u_payment .payment02 table {
	width: 100%;
	background: #fff;
	border-left: 1px solid #e1e1e1;
	border-right: 1px solid #e1e1e1;
	border-top: 1px solid #423a3a;
}

.shop .u_payment .payment02 th {
	width: 20%;
	font-size: 14px;
	text-align: left;
	padding: 20px;
	background: #f8f7ff;
	border-bottom: 1px solid #e1e1e1;
}

.shop .u_payment .payment02 td {
	font-size: 14px;
	text-align: left;
	padding: 20px;
	border-bottom: 1px solid #e1e1e1;
	font-weight: 600;
	color: #898989;
}

.shop .u_payment .payment03 table {
	width: 100%;
	background: #fff;
	border-left: 1px solid #e1e1e1;
	border-right: 1px solid #e1e1e1;
	border-top: 1px solid #423a3a;
}

.shop .u_payment .payment03 th {
	width: 20%;
	font-size: 14px;
	text-align: left;
	padding: 20px;
	background: #f5f5f5;
	border-bottom: 1px solid #e1e1e1;
}

.shop .u_payment .payment03 td {
	font-size: 14px;
	text-align: left;
	padding: 20px;
	border-bottom: 1px solid #e1e1e1;
	font-weight: 600;
	color: #898989;
}

.shop .u_payment .QnA .QA_select {
	width: 30%;
}

/* // shop */


/* community */
.community .community_item {
    margin-top:50px;
}
.community_item {
    width: 1300px;
    margin: 0 auto;
}
.community .comm01 .comm_cont .bullet {
        padding: 4px 12px;
        background: rgb(110 178 18 / 30%);
        border-radius: 30px;
        color: #65af00;
        font-size: 14px;
    }
.community .comm01 .comm_cont {
    background: #fff;
    width: 100%;
    margin-right: 20px;
    border-bottom: 1px solid #e1e1e1;
    word-break: keep-all;
    cursor: pointer;
	display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.community .comm01 .comm_cont:last-of-type {
	margin-right: 0;
}

.community .comm01 .comm_cont .num {
	text-align: center;
    font-weight: 500;
	padding: 15px 0px;
	width: 10%;
}

.community .comm01 .comm_cont .tit {
	cursor: pointer;
    padding-left: 80px;
	padding: 15px 0px;
	width: 70%;
}

.community .comm01 .comm_cont .date {
	cursor: pointer;
    padding-left: 80px;
	padding: 15px 0px;
	width: 20%;
	text-align: center;
}

.community .comm01 .comm_cont .txt {
	min-height: 80px;
	height: 100%;
}

.community .comm01 .comm_cont .count {
	color: #898989;
	font-size: 14px;
}

.community .comm01 .comm_cont .count .xi-eye {
	padding-right: 10px;
}

.view .notice_table01 {
    background: #ffffff;
    padding: 20px;
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    height: 95px;
    border-top: 2px solid #423a3a;
    border-left: 1px solid #e4e4e4;
    border-right: 1px solid #e4e4e4;
}

.view .notice_table01 .cont_tit {
	width: 80%;
	float: left;
	line-height: 55px;
	font-size: 20px;
	font-weight: 600;
	padding-left: 20px;
}

.view .notice_table01 .count {
	-webkit-box-pack: flex-end;
	-ms-flex-pack: flex-end;
	-webkit-justify-content: flex-end;
	justify-content: flex-end;
	font-size: 14px;
	color: #898989;
}

.view .notice_table01 .count p {
	padding-left: 10px;
}

.view .notice_table01 .count i {
	padding-right: 5px;
	vertical-align: bottom;
}

.view .notice_contents {
	text-align: right;
	width: 20%;
	float: right;
}

.view .notice_contents .date {
	color: #423a3a;
	font-size: 14px;
	font-weight: 600;
	padding-bottom: 20px;
}

.view .notice_table02 {
	background: #fff;
	padding: 80px;
	width: 100%;
	margin: 0 auto;
	border: 1px solid #e1e1e1;
}
.view .notice_table02 img{
	max-width:100%;
}

.view .commBtn {
	width: 90%;
	overflow: hidden;
    margin: 0 auto 25px;
}

/* // community */


/*inquiry*/
.inquiry .inquiry_item {
    max-width: 1300px;
    margin: 0 auto;
    margin-top: 50px;
}
.inquiry table {
    border-top: 1px solid #cccccc;
}
.inquiry table th {
	width: 15%;
	background: #f5f5f5;
	border-bottom: 1px solid #eaeaea;
	color: #5e5e5e;
	font-size: 14px;
	font-weight: 600;
	padding: 20px 0px;
}

.inquiry table tr:last-of-type th {
	border-bottom: 1px solid #f5f5f5;
}

.inquiry table td {
	width: 35%;
	border-bottom: 1px solid #eaeaea;
	font-size: 14px;
	color: #898989;
	font-weight: 600;
	padding: 10px 30px;
	line-height: 50px;
}
.inquiry table td textarea {border: 1px solid #cccccc;}
.inquiry table td span {
	color: #f90404;
}

.inquiry .my_good {
	width: 100%;
	background: #fff;
	border: 1px solid #cccccc;
	border-top: 2px solid #666666;
	padding: 40px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: column;
	-ms-flex-direction: column;
	flex-direction: column;
	justify-content: center;
}

.inquiry .my_good .mygood_img {
	width: 200px;
	margin: 0 auto;
}

.inquiry .my_good .mygood_img img {
	width: 100%;
}

.inquiry .my_good .th01 {
	font-size: 26px;
	font-weight: 600;
	color: #555;
	text-align: center;
	padding: 30px;
}

.inquiry .my_good .td01 {
	font-size: 14px;
	font-weight: 600;
	color: #a5a5a5;
	text-align: center;
}

.inquiry .my_good .com_Btn {
	color: #d9897c;
	text-decoration: underline;
	cursor: pointer;
}

.inquiry .my_good .go_shop {
	border: 1px solid #000;
	width: 150px;
	font-size: 14px;
	cursor: pointer;
	text-align: center;
	line-height: 60px;
	height: 60px;
	margin: 80px auto;
}

.inquiry .my_good .go_shop a {
	color: #000;
	display: block;
}

.inquiry .my_good .go_shop a:hover {
	background: #000;
	color: #fff;
}

.faq ul li {
	width: 100%;
	height: 85px;
	padding: 0 5%;
	text-align: left;
	font-size: 16px;
	line-height: 85px;
	cursor: pointer;
	border: 1px solid #e1e1e1;
	overflow: hidden;
	/* margin-bottom: 20px; */
	font-weight: 600;
}
.inquiry_contents .motion{
	border: 1px solid #e1e1e1;
	padding: 30px 40px;
}
.inquiry_contents .content_title{
	border: none;
		padding: 0;
		height: unset;
		line-height: unset;
		margin-bottom: 20px;
		display: flex;
        align-items: center;
		gap: 30px;
		font-size: 22px;
        font-weight: 700;
		word-break: keep-all;
}
.inquiry_contents .flex_item {
	display: flex;
	width: 100%;
	gap: 20px;
}
.inquiry_contents .flex_item .faq-flex {
	width: fit-content;
	height: auto;
	padding: 0;
	font-size: 14px;
	line-height: unset;
	gap: 20px;
	align-items: center;
	border: none;
	position: relative;
}
.inquiry_contents .flex_item .faq-flex::after{
	content: '';
	width: 1px;
	height: 15px;
	background-color: #d2d2d2;
	position: absolute;
	top: 50%;
	right: 0px;
	display: block;
	transform: translateY(-50%);
}
.inquiry_contents .flex_item .faq-flex:last-child:after{
	display: none;
}
.inquiry_contents .flex_item .iconA{
	width: auto;
	    font-size: 16px;
        color: #808080;
}
.inquiry_contents .flex_item .faq-flex div{
	    font-size: 16px;
        color: #aaa;
		font-weight: 300;
}
.inquiry_contents .iconQ{
	padding-bottom: 0 !important;
	width: fit-content !important;
}

.inquiry_contents .menuOn .content_title {
	margin-bottom: 20px !important;
}
.menuOn li {
	margin-bottom: 0px !important;
}

.faq .iconQ {
	width: 10%;
	font-size: 20px;
	color: #0d0d0d;
	display: block;
	float: left;
	padding-bottom: 2%;
	font-weight: 600;
}

.faq .iconA {
    width: 10%;
    font-size: 20px;
    color: #b23434;
    display: block;
    float: left;
    font-weight: 600;
}

.faq .faq_menu {
	display: none;
	background: #f5f6fa;
	padding: 35px 5%;
	word-break: keep-all;
	overflow: hidden;
	border: 1px solid #e1e1e1;
    border-top: none;
}

.faq .faq_menu p {
	display: block;
}
.faq .faq_menu p img {
        width: auto;
        max-width: 100%;
    }
.faq .motion {
	overflow: hidden;
}

/*//inquiry*/


/*//sub*/



/* 탭버튼 */
#tabbtn_box {
}
#tabbtn_box .active{
	background: rgb(0 0 0) !important;
}

#tabbtn_box  > ul {
	width: 100%!important;
}

.tabbtn {
	width: 200px;
    height: 50px;
    background: #7B542F;
    line-height: 50px;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    color: #ffffff;
    cursor: pointer;
}

.tabbtn a {
	color: #fff;
}

/* 탭버튼 */

/* QnA */
.QA_select:focus {
	border-bottom: 1px #805643 solid;
}

.QA_select option {
	background: #fff !important;
	color: #000;
}

.QA_select option .index_input01::placeholder {
	color: #848484;
	font-size: 12px;
}

.QA_select {
	width: 100%;
    height: 50px;
    background: #ffffff;
    margin-right: 10px;
    border: 1px solid #CCCCCC !important;
	color: #4e4e4e;
    font-size: 18px;
	padding-left:20px;
}

/* //QnA */


/*com_tit*/
.com_input01 {
	width: 100%;
	border: 1px solid #CCCCCC !important;
	height: 50px;
	padding: 0px 10px;
}
.com_input05{
	padding: 10px;
	width:100%;
    height:150px !important;
    resize:none; /* 크기 조절 막기 (선택) */
}
/*//com_tit*/

/* file */
.com_input02 {
	width: 50%;
	border: 1px solid #CCCCCC !important;
	height: 50px;
	line-height: 50px;
	padding: 0px 10px;
}

.com_input03 {
	width: 30%;
	border: 1px solid #CCCCCC !important;
	height: 50px;
	padding: 0px 10px;
}


.com_input04 {
	width: 20%;
	border: 1px solid #CCCCCC !important;
	height: 50px;
	padding: 0px 10px;
}

.FileBtn {
	margin-left: 20px;
}

.FileBtn button {
	line-height: 40px;
	padding: 0px 20px;
	height: 40px;
	font-size: 12px;
	font-weight: 600;
	color: #fff;
	cursor: pointer;
	outline: 0;
	border: 0;
	box-shadow: 0;
}

.FileBtn .findBtn {
	background: #795f50;
}

.FileBtn .addBtn {
	background: #a79884;
}

.FileBtn .delBtn {
	background: #c5b6a2;
}

/* //file */





.section_right{
	width: 100%;
	overflow: hidden;
}
/* mypage */
.hover_cate {
    color: #282828 !important;
    border-bottom: 2px solid #0d0d0d !important;
}
.s_left {
	width: 49.5%;
	float: left;
}

.s_right {
	width: 49.5%;
	float: right;
}

.mypage_section01 {
	width: 100%;
	padding: 10px;
	border-radius: 5px;
	overflow: Hidden;
	padding-bottom: 20px;
	padding-top: 30px;
	background: #ffffff;
	box-shadow: 0px 0px 10px #dddddd;
}

.page_input {
	width: 90%;
	margin: 0 auto;
}

/*mypage end*/


/*package buy*/

.FAQ_wrap .common_box {
	border: none;
	border-top: 2px solid #666666;
	padding: 0;
}
.common_box {
	width: 100%;
	min-height: 400px;
	border: 1px solid #e1e1e1;
	border-top: 2px solid #666666;
	overflow: hidden;
	padding: 40px 0px;
	margin: 0 auto;
}

.common_box02 {
	width: 100%;
	min-height: 400px;
	background: transparent;
	border-radius: 5px;
	overflow: hidden;
	padding-top: 20px;
	padding-left: 30px;
	padding-right: 30px;
	padding-bottom: 20px;
}

.common_box02 .mining-1 {
	float: left;
	background: #21307c;
	border-radius: 20px;
	padding: 30px;
	width: 31.333%;
	margin-right: 2%;
	margin-bottom: 2%;

}

.common_box02 .mining-1:nth-child(3) {
	/* background: #b000a3; */
}

.common_box02 .mining-1:nth-child(3) button {
	/* background: #5a34b0 !important; */
}

.common_box02 .mining-1 .m-title {
	float: left;
	width: 70%;
	margin-bottom: 15px;
}

.common_box02 .mining-1 .m-title h4 {
	color: #d3d3d3;
	font-weight: 500;
	font-size: 0.8rem;
}

.common_box02 .mining-1 .m-title h3 {
	color: #ffffff;
	font-weight: 500;
	font-size: 1rem;
	margin-top: 9px;
}

.common_box02 .mining-1 .m-img {
	width: 30%;
	float: right;
	text-align: right;
	margin-bottom: 15px;
}

.common_box02 .mining-1 .m-value {
	width: 100%;
	clear: both;
	overflow: hidden;
}

.common_box02 .mining-1 .m-value h2 {
	font-size: 1.6rem;
	color: #d3d3d3;
	font-weight: 500;
}

.common_box02 .mining-1 .m-value p {
	color: #d3d3d3;
	font-size: 0.65em;
	margin-top: 10px;
}

.common_box02 .mining-1 .m-bottom {
	margin-top: 80px;
}

.common_box02 .mining-1 .m-bottom button {
	float: left;
	background: #2c45cf;
	color: #ffffff;
	border: none;
	outline: 0;
	width: 85px;
	height: 35px;
	border-radius: 50px;
	font-size: 0.8em;
	font-weight: 400;
	cursor: pointer;
}

.common_box02 .mining-1 .m-bottom p {
	float: right;
	height: 35px;
	line-height: 35px;
	font-size: 0.75em;
	color: #d3d3d3;
	font-weight: 500;
}

/*package buy: 팝업*/

.pop_box {
	width: 100%;
	background: #f3f7fa;
	position: fixed;
	top: 0;
	clear: both;
}

.pop_box .popup-buy .p-h {
	background: #2f49d1;
	height: 55px;
	border-top-right-radius: 12px;
	border-top-left-radius: 12px;
	padding: 0 25px;
	line-height: 55px;
}

.pop_box .popup-buy {
	width: 500px;
	height: 90vh;
	background: #ffffff;
	border-top-right-radius: 20px;
	border-top-left-radius: 20px;
	margin: 5vh auto;
	box-shadow: 0px 0px 10px #dddddd;
}

.pop_box .popup-buy .p-h h2 {
	float: left;
	font-size: 1.1em;
	color: #ffffff;
	font-weight: 600;
}

.pop_box .popup-buy .p-h h5 {
	float: right;
	font-size: 1.2em;
	color: #ffffff;
	font-weight: 400;
	cursor: pointer;
}

.pop_box .popup-buy .p-i {
	margin-top: 25px;
	text-align: center;
}

.pop_box .popup-buy .p-i h2 {
	color: #1a1a1a;
	font-size: 2.2em;
	font-weight: 500;
	margin-bottom: 15px;
}

.pop_box .popup-buy .p-i p {
	color: #0f0f0f;
	font-size: 0.8em;
	line-height: 1.3em;
}

.pop_box .popup-buy .p-i p span {
	color: #2f49d1;
}

.pop_box .popup-buy .p-time {
	width: 60%;
	margin: 20px auto 0;
	/* background: #171721; */
	border: 2px dashed #40189d;
	border-radius: 20px;
	padding: 10px;
	overflow: hidden;
}

.pop_box .popup-buy .p-time .t-icon {
	float: left;
	width: 20%;
}

.pop_box .popup-buy .p-time .time-display {
	float: left;
	width: 80%;
}

.pop_box .popup-buy .p-time .time-display p {
	text-align: center;
	color: #000000;
	font-size: 0.9em;
	font-weight: 500;
	margin-top: 7px;
}

.pop_box .popup-buy .p-time .time-display span {
	color: #a5a5a5;
	padding-left: 15px;
	font-size: 0.8em;
}

.pop_box .popup-buy .coin-tab {
	width: 75%;
	margin: 40px auto 0;
}

.pop_box .tab_active {
	background: #2f49d1;
	border: none !important;
}

.pop_box .popup-buy .coin-tab .tab_ul {
	width: 100%;
	clear: both;
	overflow: hidden;
	margin-bottom: 35px;
}

.pop_box .popup-buy .coin-tab li {
	float: left;
	width: 27%;
	border: #4a4860 1px solid;
	border-radius: 30px;
	color: #ffffff;
	padding: 8px 0;
	text-align: center;
}

.pop_box .popup-buy .coin-tab .table01 {
	width: 100%;
}

.pop_box .popup-buy .coin-tab .table01 tr {
	height: 60px;
	border-bottom: 1px solid #d7d7d7;
}

.pop_box .input001 {
	width: 100%;
	height: 40px;
	border: none;
	padding-left: 10px;
	background: transparent;
	color: #333333;
	text-align: right;
	font-size: 0.95rem;
}

.pop_box .input001:placeholder {
	color: #d3d3d3;
	font-size: 12px;
	text-align: left;
}

.pop_box .popup-buy .coin-tab .table01 td:nth-child(1) {
	color: #515151;
	width: 30%;
	text-align: left;
	font-size: 0.9rem;
	font-weight: 500;
}

.pop_box .popup-buy .coin-tab .table01 td:nth-child(2) {
	width: 70%;
	text-align: right;
	vertical-align: bottom;
	padding-bottom: 10px;
	font-size: 0.95rem;
	font-weight: 500;
}

.pop_box .popup-buy .coin-tab .btn {
	margin: 40px auto 0;
	text-align: center;
}

.pop_box .popup-buy .coin-tab .btn button {
	background: linear-gradient(122deg, rgb(47 73 209) 0%, rgb(12 25 95) 100%);
	border-radius: 50px;
	outline: 0;
	border: none;
	width: 160px;
	height: 40px;
	color: #ffffff;
	font-size: 0.8em;
	cursor: pointer;
}

.pop_box .popup-buy .coin-tab .btn p {
	color: #000000;
	margin-top: 10px;
	font-size: 0.8em;
}

.pop_box .popup-buy .coin-tab li:nth-child(2) {
	margin: 0 9.5%;
}

.pop_box .popup-buy .coin-tab li:nth-child(3) {
	float: right;
}

.pop_box .popup-buy .coin-tab li a {
	color: #ffffff;
	font-size: 0.9em;
	font-weight: 500;
}

.common_box .left49 {
	float: left;
	width: 48%;
}

.common_box .left49 .package_img {
	position: relative;
	width: 100%;
	height: 190px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.common_box .left49 .package_img img {
	width: 200px;
}

.common_box .left49 .th {
	padding: 12px 0 0 0;
	font-weight: 600;
	font-size: 16px;
	margin-bottom: 5px;
}

.common_box .left49 .con {
	width: 100%;
	height: 40px;
	padding: 0 15px;
	background: #fbfbfb;
	border: 1px solid #dedede;
	font-size: 17px;
	font-weight: 600;
	line-height: 45px;
	position: relative;
}

.common_box .left49 strong {
	color: #436acb;
}

.common_box .left49 .btnBuy {
	width: 280px;
	margin: 30px auto 30px auto;
	background: #2f49d1;
	height: 70px;
	color: #ffffff;
	font-weight: 400;
	font-size: 30px;
	text-align: center;
	font-style: italic;
	line-height: 70px;
}

.common_box .right49 {
	float: right;
	width: 49%;
}

.common_box .address_input02 {
	width: 80%;
	height: 100%;
	border-radius: 5px;
	background: transparent;
	font-size: 17px;
	font-weight: 600;
}

.common_box .buy_input01 {
	width: 100%;
	height: 100%;
	border-radius: 5px;
	background: transparent;
	font-size: 17px;
	font-weight: 600;
}

.common_box .address_copy {
	width: 20%;
	height: 38px;
	background: #24293a;
	display: block;
	float: right;
	position: absolute;
	top: 0px;
	right: 0px;
	text-align: center;
	color: #ffffff;
	cursor: pointer;
	line-height: 38px;
	font-weight: 500;
}

.unit_title {
	font-size: 20px;
	font-weight: 500;
	color: #000000;
	padding-bottom: 10px;
}

.common_box .uTable2 {
	width: 100%;
	border-top: 2px solid #000;
	overflow: hidden;
}

.common_box .uTable2 ul {
	overflow: hidden;
}

.common_box .uTable2 ul li.th {
	float: left;
	width: 33%;
	padding: 14px !important;
	border-bottom: 1px solid #dcdee1;
	text-align: center;
	font-size: 16px;
	background: #f5f7fa;
	font-weight: 600;
}

.common_box .uTable2 ul li.th:nth-child(3) {
	width: 34%;
}

.common_box .uTable2 ul li.td {
	float: left;
	width: 33%;
	border-bottom: 1px solid #dcdee1;
	text-align: center;
	font-size: 16px;
	margin-bottom: 5px;
	font-weight: 600;
	height: 45px;
	line-height: 45px;
}

.common_box .uTable2 ul li.td:nth-child(3) {
	width: 34%;
}

.common_box .uTable2 .scroll {
	min-height: 650px;
	max-height: 650px;
	overflow: hidden;
	overflow-y: auto;
	border-bottom: 2px solid #000;
}

.common_box .item100 {
	width: 100%;
}

.common_box .item100 .th {
	padding: 16px 0 0 0;
	font-weight: 600;
	font-size: 16px;
	margin-bottom: 5px;
}

.common_box .item100 .con {
	width: 100%;
	height: 40px;
	padding: 0 15px;
	background: #fbfbfb;
	border: 1px solid #dedede;
	font-size: 17px;
	font-weight: 500;
	line-height: 45px;
	position: relative;
}

.common_box .item100 .copy_btn {
	width: 20%;
	height: 40px;
	background: #24293a;
	display: block;
	float: right;
	position: absolute;
	top: 0px;
	right: 0px;
	text-align: center;
	color: #ffffff;
	cursor: pointer;
}

.common_box .item100 .btnBuy {
	width: 280px;
	margin: 30px auto 30px auto;
	background: #24293a;
	height: 70px;
	color: #ffffff;
	font-weight: 400;
	font-size: 24px;
	text-align: center;
	line-height: 70px;
}

/*package buy end*/




/*sales*/
.sales_table01 {
	overflow: hidden;
	padding-top: 20px;
	padding-left: 20px;
	padding-right: 20px;
	width: 49%;
	background: #ffffff;
	box-shadow: 0 0 15px 0 rgb(0 0 0 / 15%);
	height: 600px;
	float: left;
	margin-bottom: 30px;
	border-radius: 5px;
	overflow-y: auto;
}

.sales_table01 .main_table02 tr th:nth-child(1) {
	width: 15%;
}

.sales_table01 .main_table02 tr th:nth-child(2) {
	width: 60%;
}

.sales_table01 .main_table02 tr th:nth-child(3) {
	width: 15%;
}

/*sales history*/

/*sut comment*/
.sub_top {
	width: 100%;
	height: 40px;
	line-height: 40px;
	background: #2a3042;
	padding-left: 20px;
}

.sub_title {
	font-size: 18px;
	color: #ffffff;
}

.sub_title img {
	float: left;
	margin-top: 12px;
}

.text01 {
	color: #ffffff;
}

.qrcode {
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
	width: 80%;
}

.qrcode img {
	width: 150px;
}

/**/


/*notice*/
.notice_table03 {
	padding-top: 25px;
	padding-left: 20px;
	padding-right: 20px;
	width: 100%;
	background: #ffffff;
	margin-right: 2%;
	margin-bottom: 30px;
	padding-bottom: 30px;
	border-radius: 5px;
	height: 600px;
	position: relative;
	box-shadow: 0 0 15px 0 rgb(0 0 0 / 15%);
}

.notice_table03 .main_table02 tr th:nth-child(1) {
	width: 10%;
}

.notice_table03 .main_table02 tr th:nth-child(2) {
	width: 65%;
}

.notice_table03 .main_table02 tr th:nth-child(3) {
	width: 10%;
}

.notice_table03 .main_table02 tr th:nth-child(4) {
	width: 15%;
}

.page_nav {
	display: table;
	margin: 40px auto 0px;
}

.page_nav li {
	float: left;
	color: #ffffff;
	padding: 5px 8px 5px 8px;
	border: 1px #7c7c7c solid;
	margin-left: 5px;
	cursor: pointer;
}

/*notice end*/

/*notice_view*/

.view_table tr th {
	width: 100%;
	border-top: 2px solid #222;
	border-bottom: 1px dashed #595959;
	padding: 20px 15px;
	overflow: hidden;
}

.viewtitle_l {
	float: left;
}

.viewtitle_r {
	float: right;
	font-size: 14px;
	color: #556ee6;
}

.t_bold {
	font-weight: bold;
}

.view_table tr td {
	height: 40px;
	line-height: 40px;
	text-align: left;
	font-size: 16px;
	font-weight: 400;
	border-bottom: 1px #595959 solid;
	padding: 15px;
}

.view_txt {
	width: 100%;
	border: none;
	font-size: 15px;
	line-height: 26px;
	min-height: 300px;
	color: #333333;
}

.listgo_btn {
    width: 150px;
    color: #ffffff;
    background: #7B542F;
    border-radius: 3px;
    height: 40px;
    line-height: 40px;
    margin-top: 20px;
    cursor: pointer;
    font-weight: 600;
}

.listgo_btn_b {
	background: #000;
}

/*notice_view end*/

/*community*/
.pagination {
    margin: 0 auto 50px;
    display: table;
}

.page-btn-wrap {
    overflow: hidden;
}

.page-btn-wrap > .now {
    padding: 7px 15px;
    border: 1px #e1e1e1 solid;
    color: #000;
}

.pagination .prev {
	display:inline-block;
    padding: 7px 15px;
    border: 1px #e1e1e1 solid;
    color: #000;
}

.pagination .next {
	display:inline-block;
    padding: 7px 15px;
    border: 1px #e1e1e1 solid;
    color: #000;
}

.listgo_btn02 {
	width: 150px;
	background: #927b48;
	border-radius: 3px;
	color: #ffffff;
	height: 40px;
	line-height: 40px;
	cursor: pointer;
	float: right;
	position: absolute;
	right: 1%;
	bottom: 35px;
}

/*community end*/

/*notice_write*/
.listgo_btn03 {
	width: 150px;
	background: #927b48;
	border-radius: 3px;
	color: #ffffff;
	height: 40px;
	line-height: 40px;
	cursor: pointer;
}

.listgo_btn04 {
	width: 150px;
	background: #6d6d94;
	border-radius: 3px;
	color: #ffffff;
	height: 40px;
	line-height: 40px;
	cursor: pointer;
	margin-left: 1.5%;
}

.wirte_input01 {
	width: 100%;
	height: 50px;
	border: none;
	background: transparent;
	border: 1px #68688e solid;
	border-radius: 5px;
	padding-left: 10px;
	font-size: 14px;
	color: #ffffff;
}

.wirte_input01::placeholder {
	color: #8e8eb3;
}

.write_form {
	width: 100%;
	height: 400px;
	border: 1px #68688e solid;
	background: transparent;
	border-radius: 5px;
	color: #ffffff;
	padding-left: 10px;
}

/*notice_write end*/
.hide {
	display: none;
}

/*history*/
.history_table04 {
	width: 100%;
	height: 645px;
	background: #ffffff;
	border-radius: 30px;
	padding: 20px 0px;
	box-shadow: 0px 0px 10px #dddddd;
	margin-top: 50px;
}

.history_table04 input[type="checkbox"] {
	display: none;
}

.history_table04 input[type="checkbox"] + label span {
	display: inline-block;
	width: 24px;
	height: 24px;
	margin: -2px 10px 0 0;
	vertical-align: middle;
	background: url(../img/checkbox.png) left top no-repeat;
	cursor: pointer;
	background-size: cover;
}

.history_table04 input[type="checkbox"]:checked + label span {
	background: url(../img/checkbox.png) -26px top no-repeat;
	background-size: cover;

}

.history_table04 .table_form01 {
	width: 100%;
	overflow: hidden;
	color: #ffffff;
}

.history_table04 .table_form01 tr th {
	font-weight: 600;
	font-size: 16px;
	height: 40px;
	border-bottom: 1px #e6e6e6 solid;
	color: #333333;
}

.history_table04 .table_form01 tr td {
	font-weight: 400;
	font-size: 16px;
	height: 70px;
	border-bottom: 1px #e6e6e6 solid;
	color: #333333;
}

.history_table04 .table_form01 tr th:nth-child(1) {
	width: 10%;
}

.history_table04 .table_form01 tr th:nth-child(2) {
	width: 20%;
	text-align: left;
}

.history_table04 .table_form01 tr th:nth-child(3) {
	width: 80%;
	text-align: left;
}

.history_table04 .table_form01 tr td:nth-child(1) {
	width: 10%;
	text-align: center;
}

.history_table04 .table_form01 tr td:nth-child(2) {
	width: 20%;
	text-align: left;
}

.history_table04 .table_form01 tr td:nth-child(3) {
	width: 80%;
	text-align: left;
}


.page_number {
	float: right;
	overflow: hidden;
	display: flex;
	margin-top: 20px;
}

.page_number .move-btn {
	width: 162px;
	height: 53px;
	border-radius: 50px;
	border: 1px #c1c1c1 solid;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #88899a;
	font-weight: 400;
	font-size: 18px;
	cursor: pointer;
}

.page_number .move-btn:hover {
	border: 1px #696780 solid;
	color: #696780;
}

.page_number .move-btn img {
	width: 17px;
}

.page_number .move-btn .l_arrow {
	margin-right: 8px;
}

.page_number .move-btn .r_arrow {
	margin-left: 8px;
}

.page_number .number_conut {
	overflow: hidden;
	height: 53px;
	border-radius: 50px;
	margin-left: 10px;
	margin-right: 10px;
}

.page_number .number_conut li {
	float: left;
}

.page_number .number_conut li a {
	float: left;
	line-height: 53px;
	color: #4a4860;
	font-size: 18px;
	width: 62px;
	height: 53px;
	text-align: center;
	font-weight: 700;
}

.page_number .number_conut li a:hover {
	color: #696780;
}

.page_number .number_conut li.active a {
	color: #ffffff;
	background: #2f49d1;
	border-radius: 50%;
}

.notice_table04_1 {
	overflow: hidden;
	width: 100%;
	padding-bottom: 30px;
	border-radius: 5px;
	height: 600px;
	position: relative;
	overflow-y: auto;
	margin-top: 20px;
}

.notice_table04_1 .main_table02 tr th {
	height: 50px;
	text-align: Center;
	font-size: 16px;
	color: #333333;
	font-weight: 600;
	border-bottom: 1px #e6e6e6 solid;
}

.notice_table04_1 .main_table02 tr td {
	height: 50px;
	text-align: Center;
	font-size: 14px;
	color: #333333;
	font-weight: 500;
	border-bottom: 1px #e6e6e6 solid;
}

.notice_table04_1 .main_table02 tr th:nth-child(1) {
	width: 25%;
}

.notice_table04_1 .main_table02 tr th:nth-child(2) {
	width: 25%;
}

.notice_table04_1 .main_table02 tr th:nth-child(3) {
	width: 25%;
}

.notice_table04_1 .main_table02 tr th:nth-child(4) {
	width: 25%;
}



/*history*/
.history_table05 {
	width: 100%;
	height: 645px;
	background: #ffffff;
	border-radius: 30px;
	padding: 20px 0px;
	box-shadow: 0px 0px 10px #dddddd;
	margin-top: 50px;
}

.history_table05 input[type="checkbox"] {
	display: none;
}

.history_table05 input[type="checkbox"] + label span {
	display: inline-block;
	width: 24px;
	height: 24px;
	margin: -2px 10px 0 0;
	vertical-align: middle;
	background: url(../img/checkbox.png) left top no-repeat;
	cursor: pointer;
	background-size: cover;
}

.history_table05 input[type="checkbox"]:checked + label span {
	background: url(../img/checkbox.png) -26px top no-repeat;
	background-size: cover;

}

.history_table05 .table_form01 {
	width: 100%;
	overflow: hidden;
	color: #ffffff;
}

.history_table05 .table_form01 tr th {
	font-weight: 600;
	font-size: 16px;
	height: 40px;
	border-bottom: 1px #e6e6e6 solid;
	color: #333333;
}

.history_table05 .table_form01 tr td {
	font-weight: 400;
	font-size: 16px;
	height: 70px;
	border-bottom: 1px #e6e6e6 solid;
	color: #333333;
}

.history_table05 .table_form01 tr th:nth-child(1) {
	width: 33%;
}

.history_table05 .table_form01 tr th:nth-child(2) {
	width: 34%;
	text-align: left;
}

.history_table05 .table_form01 tr th:nth-child(3) {
	width: 33%;
	text-align: left;
}

.history_table05 .table_form01 tr td:nth-child(1) {
	width: 33%;
	text-align: center;
}

.history_table05 .table_form01 tr td:nth-child(2) {
	width: 34%;
	text-align: left;
}

.history_table05 .table_form01 tr td:nth-child(3) {
	width: 33%;
	text-align: left;
}


/*history end*/






/*otp*/
.otp .qr_box {
	text-align: center;
	margin-bottom: 30px;
}

.otp .qr_box img {
	width: 200px;
}

/*otp ENd*/

.withdrawal01 {
	width: 100%;
	background: #1f1e2c;
	padding: 10px;
	border-radius: 5px;
	overflow: Hidden;
	padding-bottom: 20px;
	box-shadow: 0 0 15px 0 rgb(0 0 0 / 15%);
}

.withdrawal02 {
	width: 100%;
	background: #ffffff;
	border-radius: 5px;
	overflow: Hidden;
	padding-bottom: 20px;
	box-shadow: 0px 0px 10px #dddddd;
}

.withdrawal02 .w-tit {
	font-size: 20px;
	font-weight: 500;
	color: #090909;
	padding-top: 30px;
	padding-left: 30px;
}

.withdrawal02 .w-tit:after {
	width: 80%;
	float: right;
	height: 1px;
	background: #e6e6e6;
	content: '';
	margin-top: 17px;
}

.withdrawal02 .item-2 {
	overflow: hidden;
	padding-left: 30px;
	width: 100%;
}

.withdrawal02 .item-3 p {
	height: 75px !important;
	line-height: 75px !important;
	padding-right: 10px;
}

.withdrawal02 .item-2 p {
	float: left;
	border-bottom: 1px #e6e6e6 solid;
	height: 40px;
	line-height: 40px;
	font-size: 16px;
	color: #515151;
	font-weight: 500;
}

.withdrawal02 .item-2 p.th {
	width: 40%;
}

.withdrawal02 .item-2 p.con {
	width: 60%;
}

.withdrawal02 .item-2 .withdrawal_input01 {
	width: 100%;
	height: 40px;
	border: none;
	padding-left: 10px;
	background: transparent;
	color: #333333;
	font-size: 18px;
}

.withdrawal02 .item-3 .withdrawal_input01 {
	height: 75px;
}

.withdrawal02 .item-2 .withdrawal_input01::placeholder {
	color: #333333;
	font-size: 18px;
}

.withdrawal02 .item-2 .addr_in::placeholder {
	color: #333333;
	font-size: 18px;
	font-weight: 500;
}

.withdrawal_botton {
	width: 192px;
	height: 57px;
	border: none;
	background: #2f49d1;
	border-radius: 5px;
	color: #ffffff;
	font-size: 18px;
	cursor: pointer;
	border-radius: 50px;
}

.sms_btn {
	width: 170px;
	height: 57px;
	border: 1px #4a4860 solid;
	border-radius: 30px;
	float: right;
	background: transparent;
	color: #9f9f9f;
	font-size: 18px;
	font-weight: 500;
}


.mypage_section01_t {
	font-size: 24px;
	color: #293b56;
	font-weight: 500;
	border-bottom: 1px #e4e4e4 solid;
	padding-bottom: 10px;
}

.total_box {
	width: 100%;
	margin-top: 20px;
	overflow: hidden;
}

.total_box .total_box_inner {
	width: 80%;
	float: left;
	border: 1px #636365 solid;
	overflow: Hidden;
}

.total_box .total_box_inner2 {
	width: 15%;
	float: right;
	margin-left: 5%;
}

.total_box .withdrawal_select {
	height: 48px;
	border: 1px #636365 solid;
	width: 100%;
	border-radius: 5px;
	padding-left: 20px;
	background-size: 6px 9px;
	background-image: url(../img/right.png);
	background-position: 81% 50%;
	background: transparent;
	color: #fff;
}

.withdrawal_input_box table {
	border-top: 2px #7c7c7c solid;
	margin-top: 20px;
}

.total_box .total_box_title {
	float: left;
	width: 35%;
	height: 48px;
	line-height: 48px;
	color: #ffffff;
	font-size: 16px;
	font-weight: 700;
	background: #2f2c4e;
	padding-left: 15px;
}

.total_box .total_box_balance {
	float: right;
	width: 65%;
	height: 48px;
	line-height: 48px;
	color: #ffffff;
	font-size: 16px;
	font-weight: 700;
	padding-left: 15px;
}

.bonus_div {
	width: 100%;
	height: 40px;
	background: #423805;
	border-left: 5px #9e8920 solid;
	line-height: 40px;
	padding-left: 20px;
	padding-right: 30px;
	margin-top: 7px;
}

.bonus_div .title {
	color: #Ffffff;
	float: left;
}

.bonus_div .total {
	color: #Ffffff;
	float: right;
}

.buy_text {
	position: absolute;
	top: 14px;
	right: 22px;
}

.bonus_total {
	float: right;
}

.bonus_div2 {
	width: 45%;
	height: 30px;
	background: #423805;
	border-left: 5px #9e8920 solid;
	line-height: 30px;
	padding-left: 20px;
	padding-right: 10px;
	float: left;
	margin-left: 3%;
	margin-top: 10px;
}

.bonus_div2 .title {
	color: #ffffff;
	float: left;
}

.bonus_div2 .total {
	color: #ffffff;
	float: right;
}

.bonus_div3 {
	width: 45%;
	height: 30px;
	background: #423805;
	border-left: 5px #9e8920 solid;
	line-height: 30px;
	padding-left: 20px;
	padding-right: 10px;
	float: right;
	margin-right: 3%;
	margin-top: 10px;
}

.bonus_div3 .title {
	color: #ffffff;
	float: left;
}

.bonus_div3 .total {
	color: #ffffff;
	float: right;
}


.main_balance_box2 {
	width: 49%;
	height: 125px;
	float: left;
	border-radius: 5px;
	margin-right: 2%;
	background: #302800;
	border: 1px #574b0f solid;
	margin-bottom: 10px;
}

.main_balance_box2:nth-child(2n-2) {
	margin-right: 0px;
}

.main_balance_title2 {
	font-size: 15px;
	color: #e9da81;
	font-weight: 700;
	overflow: hidden;
	line-height: 53px;
	text-align: center;
	border-bottom: 1px #423805 solid;
	width: 50%;
	margin: 10px auto 0px;
}

.main_balance_total2 {
	text-align: center;
	font-size: 24px;
	color: #ffffff;
	margin-top: 14px;
	line-height: 1;
}

.main_balance_total2 span {
	color: #ffffff;
	font-size: 18px;
}

.buy_input02 {
	width: 60%;
	height: 40px;
	border: 1px #e4e4e4 solid;
	border-radius: 5px;
	padding-left: 10px;
	margin-top: 5px;
}

.buy_span {
	width: 34%;
	height: 40px;
	border-radius: 5px;
	margin-top: 5px;
	margin-left: 2%;
	display: block;
	float: right;
	line-height: 40px;
	text-align: center;
	background: #e10000;
	font-size: 16px;
	margin-right: 4%;
	color: #fff;
	cursor: pointer;
}

.buy_btn {
	width: 45%;
	height: 40px;
	border-radius: 5px;
	margin-top: 5px;
	display: block;
	float: left;
	line-height: 40px;
	text-align: center;
	background: #252525;
	font-size: 16px;
	color: #fff;
	cursor: pointer;
}

.buy_btn:nth-child(1) {
	margin-right: 5%;
}

.buy_btn:hover {
	background: #f72929;
}

.buy_btn .active {
	background: #f72929;
}

.check_text {
	color: #ff0000;
	margin-top: 5px;
	margin-bottom: 5px;
}

.buy_input_name2 {
	font-size: 16px;
	padding-left: 10px;
	padding-top: 25px;
	padding-bottom: 30px;
	float: left;
	background: #f6f6f6;
	width: 95px;
}

.main_level {
	width: 80px;
	margin-top: 5px;
}


.link_btn {
	float: left;
	width: 200px;
	height: 45px;
	line-height: 45px;
	background: #5171d0;
	text-align: center;
	color: #ffffff;
	line-height: 45px;
	border-radius: 10px;
	margin-top: 13px;
	cursor: pointer;
}

.address_input01 {
	width: 95%;
	height: 40px;
	border: 1px #e4e4e4 solid;
	border-radius: 5px;
	padding-left: 10px;
	margin-top: 5px;
	padding-right: 55px;
}

.address_box {
	margin-left: 2.5%;
	position: relative;
}

.address_box .p1 {
	font-size: 16px;
	color: #5c5b5b;
	font-weight: 500;
}

.address_box .address_copy {
	position: absolute;
	top: 36px;
	right: 32px;
	font-size: 14px;
	cursor: pointer;
}







/*privacy*/
.index_r_box_privacy {
	float: right;
	width: 672px;
	background: rgb(22 22 24 / 50%);
	position: absolute;
	left: 50%;
	z-index: 99999;
	padding-bottom: 30px;
	transform: translate(-50%, -50%);
	top: 50%;
	padding: 20px;
}

.index_r_box_privacy .privacy {
	padding: 10px;
	color: #ffffff;
	height: 500px;
	overflow: hidden;
	overflow-y: auto;
	border: 1px #7b7b7b solid;
	margin-top: 20px;
}

.index_r_box_privacy .s1 {
	font-weight: 700;
	FONT-SIZE: 22px;
	color: #ffffff;
}

.index_r_box_privacy .privacy .s2 {
	FONT-SIZE: 16px;
	color: #fff469;
}

.index_r_box_privacy .register_check {
	float: right;
	margin-top: 10px;
	margin-bottom: 10px;
}

.index_r_box_privacy #register1 {
	width: 20px;
	height: 20px;
	float: left;
	margin-right: 10px;
	margin-top: 1px;
}

.index_r_box_privacy .register_check label {
	color: #ffffff;
}

.input01_request {
	width: 28%;
	height: 40px;
	border: none;
	background: #cc3838;
	border-radius: 2px;
	color: #ffffff;
	font-size: 16px;
	float: left;
	cursor: pointer;
}

.input01_sms {
	width: 70%;
	height: 100%;
	background: #fbfbfb;
	font-size: 17px;
	font-weight: 600;
	float: right;
	border: 1px solid #dedede;
	padding-left: 10px;
}

.date_box {
	margin-bottom: 10px;
}

.date_form {
	height: 28px;
	margin: 0 0 0 0;
	background: #f5f7fa;
	border: 1px solid #9a9a9a;
	font-size: 14px;
	text-align: center;
	vertical-align: middle;
}

.coin_item {
	width: 49%;
	height: 80px;
	border-radius: 10px;
	float: left;
	margin-right: 2%;
	margin-bottom: 20px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #ffffff;
	font-size: 30px;
	position: relative;
	background: url(../img/bg05.jpg)no-repeat;
	background-size: 100% 100%;
}

.coin_item label {
	width: 100%;
	height: 100%;
	line-height: 80px;
}

.coin_item .item-box {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	justify-content: center;
	align-items: center;
}

.coin_item img {
	width: 39px;
	margin-right: 25px;
}

.coin_item .coin_radio {
	width: 30px;
	height: 30px;
	margin-right: 10px;
	position: absolute;
	top: 25px;
	left: 30px;
}

.coin_item:nth-child(2n-2) {
	margin-right: 0px;
}



.terms-item {
	width: 100%;
	height: 241px;
	border: 1px #4a4860 solid;
	background: #161523;
	border-radius: 30px;
	color: #ffffff;
	font-size: 16px;
	padding: 20px;
	letter-spacing: -0.5;
	margin-bottom: 40px;
}

.terms-item p {
	letter-spacing: -0.5;
	margin-bottom: 10px;
}

.inquery-item {
	width: 500px;
	border: 1px #4a4860 solid;
	background: #161523;
	border-radius: 30px;
	color: #ffffff;
	font-size: 16px;
	padding: 20px;
	letter-spacing: -0.5;
	margin-bottom: 40px;
	text-align: center;
}

.inquery-item .box-1 {
	display: table;
	border: 1px #8b0785 solid;
	color: #fff;
	font-size: 20px;
	border-radius: 5px;
	width: 80%;
	margin: 30px auto 0px;
	height: 50px;
	line-height: 50px;

}






.de-qr-item {
	width: 100%;
	background: #ffffff;
	border-radius: 5px;
	overflow: Hidden;
	padding-bottom: 20px;
	box-shadow: 0 0 15px 0 rgb(0 0 0 / 15%);
	margin-bottom: 20px;
}

.de-qr-item .w-tit {
	font-size: 20px;
	font-weight: 500;
	color: #090909;
	padding-top: 30px;
	padding-left: 30px;
}

.de-qr-item .w-tit2 {
	font-size: 20px;
	font-weight: 500;
	color: #515151;
	padding-top: 30px;
	padding-left: 30px;
}

.de-qr-item .w-tit2 .balance {
	float: right;
	padding-right: 30px;
	background: #434157;
	padding-left: 10px;
	font-size: 16px;
	color: #d3d3d3;
	font-weight: 500;
	border-radius: 5px;
	margin-right: 10px;
	width: 220px;
}

.de-qr-item .w-tit:after {
	width: 80%;
	float: right;
	height: 1px;
	background: #e6e6e6;
	content: '';
	margin-top: 17px;
}

.de-qr-item .qr_code {
	float: left;
	width: 200px;
	padding-left: 30px;
	margin-top: 30px;
}

.de-qr-item .qr_code .c1 {
	font-size: 13px;
	color: #515151;
	font-weight: 500;
	margin-bottom: 10px;
}

.de-qr-item .qr_code .qr-img {
	width: 180px;
}

.de-qr-item .qr_addr {
	float: right;
	width: 500px;
	margin-top: 30px;
}

.de-qr-item .qr_addr .c1 {
	font-size: 13px;
	color: #515151;
	font-weight: 500;
	margin-bottom: 10px;
}

.de-qr-item .qr_addr .w1 {
	font-size: 15px;
	color: #333333;
	font-weight: 500;
	height: 30px;
	line-height: 30px;
	border-bottom: 1px #e6e6e6 solid;
}

.de-qr-item .qr_addr .gride-t1 {
	margin-top: 10px;
}

.de-qr-item .qr_addr .gride-t1 .s-tit {
	font-size: 14px;
	color: #ca0005;
	font-weight: 500;
}

.de-qr-item .qr_addr .gride-t1 .s1 {
	font-size: 14px;
	color: #7b7a7a;
	font-weight: 500;
	margin-top: 10px;
}

.de-qr-item .qr-btn {
	width: 180px;
	height: 57px;
	border: none;
	background: #2f49d1;
	border-radius: 5px;
	color: #ffffff;
	font-size: 18px;
	cursor: pointer;
	border-radius: 50px;
	margin-left: 30px;
	line-height: 57px;
	text-align: center;
}

.de-qr-item .qr-btn a {
	color: #ffffff;
}

.foot-1 {
	color: #0d0d0d;
	font-weight: 600;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 3px;
	font-size: 14px;
}

.foot-1-1 {
	color: #d3d3d3;
	font-weight: 400;
	text-align: center;
	margin-top: 3px;
	margin-bottom: 3px;
	font-size: 14px;
}

.foot-2 {
	color: #d3d3d3;
	font-weight: 600;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 3px;
	font-size: 12px;
}

.foot-2-1 {
	color: #d3d3d3;
	font-weight: 400;
	text-align: center;
	margin-top: 3px;
	margin-bottom: 3px;
	font-size: 10px;
}


.login_logo {
	position: absolute;
	top: 13px;
	left: 40px;
	width: 150px;
}

.logimg {
	width: 14px;
}


.frofile .input_title {
	color: #090909;
}

.frofile .index_input01 {
	color: #515151;
	border-bottom: 1px #e6e6e6 solid;
}

.frofile .index_input03 {
	color: #515151;
	border-bottom: 1px #e6e6e6 solid;
}


.trading-box {
	width: 800px;
	float: left;
}

.trading-history {
	width: 700px;
	float: right;
}

.trading-list {
	width: 100%;
	background: #ffffff;
	border-radius: 5px;
	overflow: Hidden;
	padding-bottom: 50px;
	box-shadow: 0px 0px 10px #dddddd;
}

.trading-list .w-tit {
	font-size: 20px;
	font-weight: 500;
	color: #090909;
	padding-top: 30px;
	padding-left: 30px;
}

.trading-list .w-tit:after {
	width: 80%;
	float: right;
	height: 1px;
	background: #e6e6e6;
	content: '';
	margin-top: 17px;
}

.trading-list .trading-fome {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	padding-left: 30px;
	margin-top: 30px;
}

.trading-list .trading-fome .p1 {
	font-size: 20px;
	width: 70px;
}

.trading-list .trading-fome .TradingBar {
	width: 480px;
	height: 35px;
	background: #369707;
	position: relative;
	border-radius: 5px;
}

.trading-list .trading-fome .TradingBar .GaugeBar {
	width: 480px;
	height: 35px;
	background: #d12f5a;
	position: relative;
	border-radius: 5px;
}

.trading-list .trading-fome .TradingBar .GaugeBar .s1 {
	color: #ffffff;
	font-size: 12px;
	width: 100%;
	position: absolute;
	top: 8px;
	left: 50%;
	transform: translate(-50%);
	text-align: center;
	white-space: nowrap;
	padding-left: 5px;
}

.trading-list .trading-fome .btn-box {
	margin-left: 20px;
}

.trading-list .trading-fome .btn-box .btn-1 {
	float: left;
	background: #369707;
	color: #ffffff;
	border: none;
	outline: 0;
	width: 80px;
	height: 35px;
	font-size: 0.8em;
	font-weight: 400;
	cursor: pointer;
	line-height: 35px;
	text-align: center;
	border-radius: 5px;
}

.trading-list .trading-fome .btn-box .btn-1:nth-child(1) {
	background: #d12f5a;
	margin-right: 10px;
}

.trading-list .trading-fome .TradingBar .Trading-total {
	color: #333333;
	position: absolute;
	bottom: -21px;
	font-size: 14px;
	right: 0px;
}

.pop_box .popup-buy .coin-tab .table01 td .box-area2 {
	margin-top: 10px;
	overflow: hidden;
	clear: both;
	float: left;
}

.pop_box .popup-buy .coin-tab .table01 td .box-area2 .box-1 {
	position: relative;
	height: 40px;
	width: 55px;
	background: #6d6d6d;
	border: 1px solid #dedede;
	color: #ffffff;
	display: inline-block;
	line-height: 40px;
	text-align: center;
	cursor: pointer;
	box-sizing: border-box;
	margin-right: 10px;
	float: left;
	font-size: 12px;
}

.pop_box .popup-buy .coin-tab .table01 td .box-area2 .box-2 {
	position: relative;
	height: 40px;
	width: 122px;
	background: #fbfbfb;
	border: 1px solid #dedede;
	color: #000000;
	display: inline-block;
	line-height: 40px;
	text-align: center;
	cursor: pointer;
	box-sizing: border-box;
	margin-right: 10px;
	float: left;
}



.pop_box02 {
	width: 100%;
	background: #f3f7fa;
	position: fixed;
	top: 0;
	clear: both;
}

.pop_box02 .popup-buy {
	width: 800px;
	height: 90vh;
	background: #ffffff;
	border-top-right-radius: 20px;
	border-top-left-radius: 20px;
	margin: 5vh auto;
	box-shadow: 0px 0px 10px #dddddd;
}

.pop_box02 .popup-buy .p-h {
	background: #2f49d1;
	height: 55px;
	border-top-right-radius: 12px;
	border-top-left-radius: 12px;
	padding: 0 25px;
	line-height: 55px;
}

.pop_box02 .popup-buy .p-h h2 {
	float: left;
	font-size: 1.1em;
	color: #ffffff;
	font-weight: 600;
}

.pop_box02 .popup-buy .p-h h5 {
	float: right;
	font-size: 1.2em;
	color: #ffffff;
	font-weight: 400;
	cursor: pointer;
}

.pop_box02 .popup-buy .p-b {
	overflow: hidden;
	padding: 50px;
}

.pop_box02 .popup-buy .p-b .list-h {
	height: 45px;
	line-height: 44px;
	font-size: 16px;
	font-weight: 400;
	background: #5e5e5e;
	color: #fff;
	width: 100%;
}

.pop_box02 .popup-buy .p-b .list-h li {
	width: 25%;
	float: left;
	text-align: center;
}

.pop_box02 .popup-buy .p-b .table01 {
	width: 100%;
	border-collapse: collapse;
}

.pop_box02 .popup-buy .p-b .table01 tr td {
	height: 45px;
	line-height: 45px;
	font-size: 16px;
	color: #333333;
	font-weight: 500;
	text-align: Center;
	width: 25%;
	border-bottom: 1px #e4e4e4 solid;
}

#buyButton {
	width: 130px;
	height: 35px;
	border: none;
	outline: none;
	font-size: 14px;
	font-weight: 500;
	background: #992121;
	color: #ffffff;
	border-radius: 3px;
	cursor: pointer;
	display: block;
	margin: 0 auto;
	line-height: 35px;
	display: inline-block;
	text-align: center;
}

.pop_box02 .popup-buy .p-b .scroll {
	overflow: hidden;
	overflow-y: auto;
	height: 69vh;
}

.pop_box02 .popup-buy .p-b .scroll::-webkit-scrollbar {
	width: 4px;
	height: 12px;
}

.pop_box02 .popup-buy .p-b .scroll::-webkit-scrollbar-thumb {
	background: #bdbdbd;
	border-radius: 30px;
}



.p-b-box {
	text-align: right;
	margin-bottom: 15px;
}

.p-b-box .p-b-box2 {
	border: 1px solid #dddddd;
	padding: 1%;
	margin-right: 3%;
}

.p-b-box .p-b-box3 {
	border: 1px solid #dddddd;
	padding: 1%;
	margin-right: 3%;
}

.p-b-box .p-b-box3 .input001 {
	border: 1px;
	width: 200px;
}


/* 추가 */
.search_inp {
	margin: 15px 0px;
	border-bottom: 2px solid #666666;
	width: calc(100% - 60px);
	height: 40px;
	padding-left: 20px;
}

.customer {
	border-bottom: 1px solid #cccccc;
	padding: 20px 10px;
}

.customer > div {
	padding-top: 10px;
}

.customer > p {
	font-size: 14px;
	font-weight: 600;
	padding-bottom: 10px;
}

.customer > div > p {
	color: #898989;
	font-size: 12px;
}

.customer .num {
    background: #7B542F;
    font-weight: 500;
    color: #fff;
    border-radius: 4px;
    font-size: 12px;
    width: 70px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    margin-right: 20px;
}

.customer .Address {
    background: #383632;
    font-size: 12px;
    font-weight: 500;
    color: #fff;
    border-radius: 4px;
    width: 70px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    margin-right: 20px;
}

.preaf {
	margin-top: 80px;
	display: flex;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	bottom: 5%;
	position: absolute;
	width: 100%;
	left: 0;
}

.preaf_Btn {
	display: block;
	padding: 10px;
	text-align: center;
	font-size: 14px;
	color: #898989;
	font-weight: 300;
	padding-bottom: 10px;
	cursor: pointer;
	position: relative;
}

.underline {
	border-bottom: 1px solid #000;
	color: #000;
}

.preaf_Btn01::before {
	display: block;
	content: "";
	position: absolute;
	content: "";
	font-family: "xeicon";
	visibility: visible;
	color: #aaa;
	font-size: .8125rem;
	position: absolute;
	left: -25px;
	bottom: 11px;
}

.preaf_Btn02::after {
	display: block;
	content: "";
	position: absolute;
	content: "";
	font-family: "xeicon";
	visibility: visible;
	color: #aaa;
	font-size: .8125rem;
	position: absolute;
	right: -25px;
	bottom: 11px;
}

.shop .subTxt .memory input[type="checkbox"] {
	border-radius: 50%;
}

.shop .subTxt .memory {
	float: left;
	width: 50%;
	padding-top: 10px;
}

.shop .ord_del {
    margin-left: auto;
}
.shop .delBtn {
	font-size: 14px;
	color: #666666;
	font-weight: 500;
	cursor: pointer;
}


.shop .my_good01 {
	width: 72%;
    margin-right: 3%;
    padding: 0px 20px;
}

.shop .img_check {
	position: relative;
	width: 150px;
}
.ord_cart_list .shop .img_check {
	position: relative;
	width: 250px;
}

.shop .img_check .memory {
	position: absolute;
	top: 10px;
	left: 15px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
}

.shop .img_check .memory input[type='checkbox'] {
	border-radius: 50%;
}

.shop .shop-agree {
    padding-left: 15px;
    margin-right: 30px;
}

.shop .pro_tit {
	font-size: 16px;
	font-weight: 600;
	color: 898989;
	padding-left: 40px;
}

.shop .goods123 {
	-webkit-box-align: flex-start;
	-ms-flex-align: flex-start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
}

.shop .countin {
	border: 1px solid #ededed;
	box-sizing: border-box;
	margin: 0 5px;
	width: 40px;
	height: 30px;
	text-align: center;
}

.shop .check_pay {
	background: #f5f5f5;
	padding: 30px;
	margin-bottom: 20px;
	font-size: 14px;
}

.shop .check_pay .check_payt {
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding-bottom: 30px;
}

.shop .check_payb {
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding-bottom: 30px;
}

.shop .delBtn2 {
	cursor: pointer;
}

.shop .count {
	width: 30px;
	height: 30px;
	font-size: 18px;
	color: #bbb;
	font-weight: 600;
	background: #fff;
	border: 1px solid #ededed;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	cursor: pointer;
}

.shop .sumPrice {
    padding: 8px 0px;
    color: #4c4c4c;
    font-weight: 500;
    font-size: 14px;
    display: flex;
    align-items: center;
}

.shop .sumPrice .sumPrice_txt {
    font-size: 14px;
	margin-right:5px;
}
.shop .sumPrice .price123 {
    font-size: 16px;
    color: #7B542F;
    font-weight: 500;
}

.shop .gopreBtnon {
	-webkit-box-align: baseline;
	-ms-flex-align: baseline;
	align-items: baseline;
}


.shop .m_ord_list01 .allproduct_txt {
	font-size: 14px;
	font-weight: 600;
	color: #898989;
	padding-bottom: 14px;
}



.shop .shop_item .tit {
    font-size: 26px;
    font-weight: 500;
    padding-bottom: 50px;
}
.shop .shop_item .basketbox {
    display: flex;
    overflow: hidden;
    padding-bottom: 10px;
    border-bottom: 2px #666666 solid;
    margin-bottom: 15px;
    padding-left: 15px;
    padding-right: 15px;
}

.shop .shop_item .basketPay {margin-left:auto; margin-bottom: 15px;}


.shop .orderSelect {
    overflow: hidden;
    display: table;
    margin: 20px auto;
    display: flex;
    align-items: center;
    justify-content: center;
}
.shop .orderSelect > div{
	overflow:hidden;
	cursor:pointer;
	}
.shop .orderSelect > div:first-child {margin-right:20px;}
.shop .orderSelect > .selectorder_bt {
    width: 200px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    color: #333333;
    cursor: pointer;
    border: 1px #333333 solid;
}
.shop .orderSelect > .allorder_bt{
	width: 200px;
    height: 50px;
    background: #7B542F;
    line-height: 50px;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    color: #ffffff;
    cursor: pointer;
	}


.shop .shop_item2{
	overflow:hidden;
	margin-top:70px;
	overflow: hidden;
    width: 72%;
    margin: 0;
    margin-right: 3%;
    padding: 0px 20px;
	}
.shop .shop_item2 .tit{
	font-size: 26px;
    font-weight: 500;
    padding-bottom: 20px;
	border-bottom: 2px #666666 solid;
	}
.shop .shop_item2 .promotion_area{
	overflow:Hidden;
	padding-top:50px;
	}
.shop .shop_item2 .promotion_area .imgbox {
    width: 100%;
    position: relative;
    padding-top: 25%;
}
.shop .shop_item2 .promotion_area .imgbox img{
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    border: 0px;
    width: 100%;
    height: 100%;
}


.my_good01 .goods123 .imgbox img {
    width: 120px;
    height: auto;
    border-radius: 15px;
    margin-right: 15px;
	cursor: pointer;
}
.goods123 .all_info{
	width: calc(100% - 160px);
	position:relative;
}
.goods123 .all_info .pro_info {margin-left:25px;}
.goods123 .all_info .pro_info .goods_tit {
    color: #000;
    font-size: 16px;
    line-height: 30px;
    font-weight: 400;
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.goods123 .all_info .pro_info .goods_subtit {
    color: #919191;
    font-size: 15px;
    line-height: 30px;
    font-weight: 400;
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.goods123 .all_info .basketPay .total_Price_txt {
    display: flex;
    align-items: flex-end;
    flex-direction: column;
    margin-top: 10px;
}
.goods123 .all_info .basketPay .total_Price_txt .cost {
    font-size: 14px;
    color: #bdbdbd;
}
.goods123 .all_info .basketPay .total_Price_txt .dis {
    font-size: 20px;
    color: #333333;
    font-weight: 500;
	margin-left:5px;
}
.goods123 .all_info .basketPay .total_Price_txt .dis02 {
    font-size: 16px;
    color: #00b6f0;
	margin-top: 5px;
}
.goods123 .all_info .basketPay .total_Price_txt .p-pv {
	 color: #999999;
}
.order .my_ordSale {
	width: 100%;
	margin: auto;
}

.order .my_ordSale .ordSaleDate {
	font-size: 18px;
	margin-bottom: 20px;
	font-weight: 800;
}

.order .my_ordSale .ordSaleCont {
    border: 1px solid #cccccc;
    margin-bottom: 20px;
    padding: 20px 35px;
}

.order .my_ordSale .ordSaleCont .ordSaleContT {
    justify-content: space-between;
	padding-bottom:15px;
    border-bottom: 1px solid #cccccc;
}

.order .my_ordSale .ordSaleCont .ordSaleContB {
    padding-top: 20px;
}
.order .my_ordSale .ordSaleCont .ContB-1 {
	justify-content: space-between;
}

.order .my_ordSale .ordSaleCont .ContB-1 img {
    border-radius: 15px;
    width: 150px;
}
.order .my_ordSale .ordSaleCont .ContB-1 .p4 {
    color: #000;
    font-size: 18px;
    line-height: 30px;
}
.order .my_ordSale .ordSaleCont .ContB-1 .b-1right .p2 {
	margin-left: 0;
	margin-top: 10px;
	cursor:pointer;
}

.order .my_ordSale .ordSaleCont .ContB-1 .text-over {
	width: 300px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	color: #898989;
	cursor: pointer;
}

.moreBtn02 {
	color: #333;
    font-size: 16px;
    font-weight: 400;
    line-height: 35px;
	cursor: pointer;
}

.moreBtn02 i {
	font-size: 16px;
	line-height: 40px;
}

.address01 table {
    width: 100%;
    background: #fff;
    border-left: 1px solid #e1e1e1;
    border-right: 1px solid #e1e1e1;
    border-top: 1px solid #e1e1e1;
    margin-top: 10px;
}

.address01 table th {
	width: 20%;
	font-size: 14px;
	text-align: left;
	padding: 15px 20px;
	background: #f0f3f1;
	border-bottom: 1px solid #e1e1e1;
}

.address01 table td {
	font-size: 14px;
	text-align: left;
	padding: 10px 20px;
	border-bottom: 1px solid #e1e1e1;
	font-weight: 600;
	color: #898989;
}

.address02 .changeAdrBox {
    width: 100%;
    background: #fff;
    border-left: 1px solid #e1e1e1;
    border-right: 1px solid #e1e1e1;
    border-top: 1px solid #e1e1e1;
    margin-top: 10px;
}

.address02 .changeAdrBox .th {
	width: 30%;
    font-size: 14px;
    text-align: left;
    padding-left: 20px;
    height: 91px;
    line-height: 91px;
    border-bottom: 1px solid #e1e1e1;
    word-break: keep-all;
    background-color: #f7f7f7;
    color: #333333;
    font-weight: 500;
}

.address02 .changeAdrBox .td {
	font-size: 14px;
	text-align: left;
	width: 100%;
	padding: 20px;
	border-bottom: 1px solid #e1e1e1;
	font-weight: 600;
	color: #898989;
}

.changeBtn01 {
	margin: 20px auto 10px;
	width: 120px;
	padding: 0.8125rem 0;
	display: block;
	text-align: center;
	color: #fff;
	font-size: .875rem;
	background: #7B542F;
	box-sizing: border-box;
	position: sticky;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s;
	cursor: pointer;
}

.changeBtn01:hover {
	background: #7B542F;
	color: #fff;
}
.delivery_sum {color:#333333;}
.h141 {
	height: 161px  !important;
	line-height: 161px  !important;
}

.listprodBox {
	padding: 20px 0px;
	border-bottom: 1px solid #e1e1e1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.listprodBox .prod_nm {
	width: 60%;
	font-size: 18px;
	color: #a79884;
	padding-left: 10px;
}

.listprodBox .prod_ord_Count {
	width: 40%;
	text-align: right;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: flex-end;
	-ms-flex-pack: flex-end;
	justify-content: flex-end;
}

.listprodBox .prod_ord_Count .prod_OrdCountTxt {
	font-size: 18px;
	color: #adadad;
	padding-right: 10px;
}

.listprodBox .prod_ord_Count .prodDelBtn {
	padding-right: 10px;
}

.listprodBox .prod_ord_Count .prodDelBtn i {
	color: #a79884;
	font-size: 20px;
}

.soldOut {
	position: relative;
}

.soldOut::after {
	color: #fff;
	content: "일시 품절";
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: 45px;
	background: rgba(0, 0, 0, 0.2);
	text-align: center;
	line-height: 45px;
	font-size: 14px;
}

.divpop {
	background-color: #ffffff;
	position: absolute;
	left: 20%;
	top: 30%;
        z-index: 999;
        width: 400px;
}
#divpop19 table{
	width: 100%;
}
#divpop19 table a{
    position: relative;
    width: 100%;
    padding-top: 120%;
    display: block;
}
#divpop19 table a img{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    object-fit: cover;
}




.printinner {
	padding: 20px;
}

.printinner .bigTit {
	font-size: 32px;
	color: #2c2c2c;
	text-align: center;
	padding-bottom: 30px;
	padding-top: 20px;
	font-weight: 500;
}

.printinner .itembox01 {
	overflow: hidden;
}

.printinner .itm01-1 {
	background: #795f50;
	color: #fff;
	font-size: 12px;
	border-radius: 5px;
	width: 371px;
	height: 40px;
	line-height: 40px;
	padding-left: 10px;
	position: relative;
	float: left;
}

.printinner .itm01-1 p {
	display: inline-block;
}

.printinner .itm01-1 .p2 {
	background: #fff;
	color: #000;
	line-height: 30px;
	width: 280px;
	text-align: center;
	height: 30px;
	border-radius: 4px;
	position: absolute;
	top: 50%;
	right: 5px;
	transform: translate(0, -50%);
}

.printinner .itembox02 {
	font-size: 10px;
	line-height: 15px;
	padding-top: 10px;
}

.printinner .smallTit {
	width: 130px;
	text-align: center;
	background: #795f50;
	color: #fff;
	height: 30px;
	border-radius: 5px;
	line-height: 30px;
	font-size: 12px;
	margin-bottom: 5px;
	margin-top: 10px;
}

.printinner table {
	border-bottom: 1px solid #898989;
	border-top: 1px solid #898989;
	border-right: 1px solid #898989;
}

.printinner table tr {
	border-bottom: 1px solid #898989;
}

.printinner table tr:last-of-type {
	border-bottom: 0;
}

.printinner table .td01 {
	background: #efefef;
	height: 35px;
	line-height: 35px;
	width: 120px;
	font-size: 12px;
	text-align: center;
	border-right: 1px solid #898989;
	border-left: 1px solid #898989;
}

.printinner table .td02 {
	height: 35px;
	line-height: 35px;
	font-size: 12px;
	text-align: center;
	width: 131px;
}

.printinner .itembox05 {
	width: 100%;
	font-size: 7px;
	color: #000;
	background: #eef3ef;
	border-radius: 10px;
	margin-top: 15px;
	padding: 15px;
	overflow: hidden;
	height: 360px;
}

.printinner .item05-1left {
	background: #795f50;
	width: 80px;
	height: 100%;
	border-radius: 15px;
	color: #fff;
	font-size: 12px;
	float: left;
	text-align: center;
	display: block;
}

.printinner .item05-1right {
	width: calc(100% - 80px);
	float: left;
	padding-left: 20px;
}

.printinner .item05-1left p {
	padding: 67px 0px;
}

.printinner .item05-1left p:first-of-type {
	border-bottom: 1px solid #e1e1e1;
}

.printinner .itembox06 {
	font-size: 5px;
	padding: 10px;
	border: 1px solid #898989;
	line-height: 2.7em;
}

.printinner .item06 {
	overflow: hidden;
}

.printinner .item06-1 {
	padding-bottom: 10px;
}

.printinner .item06-2left {
	float: left;
	width: 360px;
	border-right: 1px solid #898989;
	padding-right: 10px;
}

.printinner .item06-2right {
	float: left;
	width: 360px;
	padding-left: 10px;
}

.printinner .item07-1 {
	text-align: right;
	padding-bottom: 15px;
	font-size: 12px;
}

.printinner .item07-2 {
	text-align: right;
	font-size: 12px;
	padding-bottom: 10px;
}

.printinner .item07-4 {
	text-align: center;
	font-size: 12px;
	padding-top: 20px;
	padding-bottom: 30px;
}

.printinner .itembox07 {
	padding-bottom: 50px;
}

@media print {

	.printSection {
		page-break-before: always;
		page-break-after: always;
	}
}



#gnb {
	display: none;
}

/* 추가 */

.ord_shop_area {
	width: 70% !important;
	margin-right: 2%;
}

.mb40 {
	margin-bottom: 40px;
}

.sub_menu .depth2_inner {
	padding: 15px 0;
}

.pre_menu .main_menu {
    display: block;
    font-weight: 500;
    font-size: 16px;
    color: #7f7f7f;
    text-align: center;
    min-width: 100px;
    width: auto;
    padding: 10px 20px;
}

.pre_menu .main_menu:hover {
	color: #000;
	font-weight: bold;
}

.pre_menu .depth_inner li {
	display: block;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.428571;
	color: #757575;
}

.index_l_bg {
	    width: 100%;
    height: 100%;
    background-image: url(../img/log_bg.jpg) !important;
    background-position: top center;
    float: left;
    background-repeat: no-repeat;
	background-position: center;
    background-size: cover;
}

/* 카테고리 */
.categoryBox {
    height: 150px;
    width: 1300px;
    margin: 0 auto;
    text-align: center;
}

.categoryTit {
	font-size: 34px;
	font-family: 'Pretendard Variable', sans-serif;
	font-weight: 500;
	line-height: 60px;
	color: #7B542F;
	padding-bottom: 25px;
	line-height: 1;
	position: relative;
}

.categoryTit::after {
	content: "";
	display: block;
	width: 70px;
	height: 2px;
	background: #7B542F;
	border-radius: 3px;
	position: absolute;
	left: 50%;
	bottom: 4px;
	transform: translate(-50%);
}

.categoryCont {
    width: 100%;
    padding: 15px 20px;
    overflow: hidden;
    display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
	display: none;
}
.categoryCont a {
    font-size: 14px;
    color: #a8a8a8;
    padding-bottom: 5px;
    display: block;
    margin-right: 60px;
    border-bottom: 2px #ffffff solid;
	position:relative;
}
.categoryCont a:last-of-type {
    margin-right: 0;
}
.categoryCont a::after {
    content: '';
    width: 1px;
    height: 14px;
    float: right;
    position: absolute;
    right: -30px;
    background: #dddddd;
    top: 5px;
}
.categoryCont a:last-of-type::after {
	width: 0;
}

.categoryCont a:hover {
	color: #333333;
	border-bottom: 2px solid #0d0d0d;
}

/* 카테고리 */


.catBox {
	margin-bottom: 2%;
    color: #fff;
    padding: 2% 3%;
    background-color: #7B542F;
    border-radius: 5px;
    cursor: pointer;
	font-weight: 600;
	}

/* 하단 바텀 */
.bottom {
	    background: #f7f7f7;
    padding-bottom:50px;
}

.bottom .inner {
	position:relative;
}

.bottom .bot_t {
	height: 45px;
    line-height: 45px;
    border-bottom: 2px solid #efefef;
    border-top:2px solid #efefef;
	overflow:hidden;
}

.bottom .bot_t p {
	    display: block;
    font-size: 13px;
    float: left;
    font-weight: 600;
    padding: 0px 35px;
    color: #898989;
	    cursor: pointer;
	position:relative;
}

.bottom .bot_t p::after {
	content: "|";
    color: #898989;
	position:absolute;
	top:0px;
	left:0px;
}

.bottom .bot_t p:first-of-type::after {
	color:#f7f7f7;
}

.bottom .bot_c {
	padding-top: 20px;
	overflow:hidden;
}

.bottom .bot_c .useras {
	width:25%;
	float:left;
}

.bottom .bot_c .useras .tit {
	font-size: 16px;
    color: #343434;
}

.bottom .bot_c .useras .big_txt {
	    padding-top: 5px;
    font-size: 17px;
    font-weight: 500;
}

.bottom .bot_c .useras .small_txt {
	 line-height: 1.5em;
    font-size: 14px;
    color: #898989;
	padding-top: 20px;
}

.bottom .bot_b p {
    display: block;
    font-size: 14px;
	    line-height: 1.6em;
    color: #898989;
    margin-top: 26px;
}

.bottom .fot_logo {
	    position: absolute;
    top: 43%;
    width: 150px;
    right: 0;
}

.sub_banner {
	width:100%;
	display: none;
}

.sub_banner img {
	width:100%;
}

.sub .index_m_title {
	padding-left: 15px;
}

.sub .index_m_title::before {
	left: 0;
}







.popCont table th {
    background-color: #f7f7f7;
    color: #333333;
    font-weight: 500;
}
.popCont table th.th25{
	width:25%;
	}
.popCont table th.th30{
	width:30%;
	}
.popCont table th.th45{
	width:45%;
	}

.popCont .tit {
    font-weight: 700;
    font-size: 16px;
    margin-bottom: 5px;
}



.ui-dialog {
	position:fixed !important;
	top:50% !important;
	left:50% !important;
	transform:translate(-50%, -50%) !important;
	padding: 0px 25px 25px 25px !important;
	z-index: 999999 !important;
	}
.ui-dialog .ui-dialog-buttonpane {
    text-align: center;
    border-width: 1px 0 0 0;
    background-image: none;
    margin-top: 0.5em;
    padding: 0px !important;
    /* display: flex;
    align-items: center;
    justify-content: center; */
	border: none;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    float: unset !important;
}
.ui-dialog #dialog {
	border: 1px solid #e4e4e4;
}
.ui-dialog .ui-dialog-buttonpane button {
    /* margin: 0.5em 0 0.5em 0 !important; */
    cursor: pointer;
}
.ui-dialog-buttonset .ui-button:nth-child(1) {
    height: 50px;
    background: #333333;
    color: #ffffff;
    border: none;
    width: 100%;
}last-child
.ui-dialog-buttonset .ui-button: {
    height: 50px;
    background: #7B542F;
    color: #ffffff;
    border: none;
    width: 100%;
}
.ui-dialog .ui-dialog-titlebar {
    padding: 10px 0px !important;
}
.ui-widget-header {
    border: none !important;
    /* border-bottom: 1px solid #dddddd !important; */
    background: transparent !important;
    color: #333333;
    font-weight: bold;
    font-size: 25px;
}
.ui-dialog .ui-dialog-titlebar-close {
    position: absolute;
    right: 0.3em;
    top: 50%;
    width: 20px;
    margin: -10px 0 0 0;
    padding: 1px;
    height: 20px;
    border: none;
    background: transparent;
}
.ui-widget-overlay {
    background:rgba(0,0,0,0.7);
    opacity: 0.8 !important;
	z-index: 99999 !important;
}
.join-height {
	background: #f6f6f6;
}

.rviewCart {
    background: #7B542F;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    position: fixed;
    bottom: 100px;
    z-index: 99999;
    right: 30px;
    cursor: pointer;
	display: none;
}

.rviewCart img {
	height: 55%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.smsView .memberpage .index_input {
	width: 100%;
	margin: 0 auto;
	position: relative;
}
.memberpage .index_input {
    gap: 10px 5px;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 100%;
}



.inner540 {
    max-width: 540px;
    width: 80%;
    margin: 0 auto;
}

.member_title {
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-bottom: 1px solid #000;
	padding-bottom: 10px;
}
.member_title p{
	font-size: 30px;
	font-weight: 700;
}
.member_title .logobox{
	height: 40px;
}
.member_title .logobox img{
	height: 100%;
}

/* 서브페이지 시작 */

/*---- top ----*/
.header{
	width:100%;
	    font-family: 'Pretendard Variable', sans-serif;
}

.header_inner .rArea {
    margin-left: auto;
    width: calc(100% - 150px);
    padding-left: 185px;
}
.header_top{
	width:100%;
	height:45px;
	background: #191919;
}

.header_inner {
    height: 180px;
    position: relative;
    display: flex;
    align-items: center;
}

.header_top_box02 .welcom {
	    font-size: 16px;
    color: #1c1c1c;
    font-weight: 500;
}

.header_top_box02 span {
	    font-size: 14px;
}

.header_top_box01 a{
	font-size:12px;
	color:#cccccc;
	line-height:45px;
	margin-right:40px;
}

.header_top_box02 a{
	font-size: 16px;
    color: #898989;
    font-weight: 400;
    border-radius: 5px;
    padding: 3px 10px;
}

.header_top_box02 .logout-btn {
	 background: #1c1c1c;
    font-size: 14px;
    color: #fff;
    font-weight: 400;
    border-radius: 5px;
    padding: 3px 15px;
}

.header_top_box02 a:last-of-type{
	margin-left:10px;
}

.logo {
    margin-right: 25px;
}

.logo img {
    width: 135px;
	filter: brightness(0) invert(1);
}


.header .menuTab {
    float: left;
    display: flex;
    align-items: center;
}

.header_select{
	width:150px;
	height:40px;
	border-radius:20px;
	border:1px solid #f0f0f0;
	font-size:13px;
	color:#444444;
	padding-left:40px;
	float:left;
}

.header_input{
	width:250px;
	height:40px;
	border-radius:20px;
	border:1px solid #f0f0f0;
	font-size:13px;
	color:#444444;
	padding-left:18px;
	float:left;
	margin-left:5px;
}

.header_input input {
    float: left;
    height: 36px;
    width: 190px;
}

.header_input img{
	float:right;
}

.header_btn{
	float:right;
}

.header_btn_box01{
	float:left;
	cursor:pointer;
}

.header_btn_box02{
	float:right;
	margin-left:25px;
	cursor:pointer;
}

.header_btn_img{
	width:40px;
	height:40px;
	float:left;
}

.header_btn_text01{
	float:right;
	line-height:175%;
	font-size:11px;
	color:#333333;
	margin-left:15px;
}

.header_btn_text01 span{
	font-weight:bold;
	color:#212121;
	font-size:12px;
	letter-spacing:0.5px;
}

.header_btn_text02{
	float:right;
	line-height:160%;
	font-size:12px;
	color:#333333;
	margin-left:15px;
}

.header_btn_text02 span{
	font-weight:bold;
	color:#212121;
	letter-spacing:0.5px;
}


.main_nav_bar {
	width: 100%;
    height: 60px;
	}
.content2 {
    min-width: 1450px;
	width:100%;
    margin: 0 auto;
}

.all_category li a img{
	vertical-align:middle;
	margin-right:10px;
	width:20px;
	height:15px;
}

.dropdown{
	border:1px solid #e4e4e4;
	position:absolute;
	z-index:9999;
	left: 50%;
    transform: translateX(-50%);
}

.dropdown li a{
	color:#333333;
	font-size:13px;
	height:40px;
	background:#ffffff;
	display:block;
	letter-spacing:0.5px;
	line-height:40px;
	width:200px;
}

.dropdown li a:hover {
    color: #fff;
    background: #ec008c;
}

.nav{
	float:right;
}

.nav li {
	float:left;
    text-align: center;
	margin-right:90px;
}

.nav li a{
	color:#525252;
	font-size: 20px;
	font-weight:600;
	letter-spacing:0.5px;
	line-height:60px;
}


/*������ �ڽ�*/
.blank{
	position:absolute;
	width:100px;
	height:100px;
}

.sub_nav{
	width:150px;
	border-top:1px solid #fff;
	border-left:1px solid #008785;
	border-right:1px solid #008785;
	border-bottom:1px solid #008785;
	display:none;
	position:absolute;
	background-color:#fff;
	box-shadow:0px 8px 16px rgba(0,0,0,0.2);
	margin-top:20px;
}
.sub_nav a{
	display:block;
	padding:12px 16px;
	text-decoration:none;
	color:black;
}

.sub_nav li{
	width:150px;
}

.category:hover .sub_nav{
	display:block;
}
.sub_nav a:hover{
	background-color:#71bf44;
	color:white;
}
/*---- top �� ----*/


/* //서브페이지 끝 */


/*약관*/

.agree_inner {
    width: 100%;
}

.agree_chkbox {
	margin: 0 auto;
    overflow: hidden;
    display: block;
    width: 65%;
}

.agree_box {
    width: 100%;
    height: 180px;
    border: 1px solid #d7d7d7;
    font-family: 'Pretendard Variable';
}

.hr_gray {
    background: #e1e1e1;
    height: 1px;
    display: block;
}
/*약관 END*/

/*회원가입*/



.btn_bg {
	width: 100%;
    height: 45px;
    background-color: #fff;
    color: #707070;
    border: 1px solid #707070;
    cursor: pointer;
    vertical-align: middle;
    font-size: 16px;
    font-weight: 600;
}

.write_btn_box {
    width: 100%;
    text-align: center;
	margin: 0 auto;
	overflow: hidden;
}

.stepArea {
    margin-left: -80px;
    width: 770px;
}
.stepArea .ttext {
    color: #1c1c1c;
    text-align: left;
    font-size: 24px;
    font-weight: 500;
    display: flex;
    align-items: center;
}
.stepArea .ttext img {width:22px;margin-right:7px;}
.stepArea .noArea ul li {
    position: relative;
    font-size: 14px;
    color: #6a6a6a;
    font-weight: 300;
    padding-left: 10px;
}
.stepArea .noArea ul li::after {
    content: '';
    width: 3px;
    height: 3px;
    background: #6a6a6a;
    border-radius: 50%;
    position: absolute;
    top: 9px;
    left: 0px;
}
.check-Bt {
    width: 100px;
    height: 45px;
    border: 0;
    background-color: #333333;
    margin-left: 10px;
    color: #ffffff;
    line-height: 45px;
    text-align: center;
    position: absolute;
    top: 0px;
    right: -110px;
	cursor:pointer;
}
.bg-w {background:#ffffff !important;}
.join .flex {
	gap: 10px;
}
.table-flex {
	position: relative;
	width: 100%;
}

.join .index_input01 {
    width: 100%;
    height: 47px;
    border: 0;
    background-color: #f2f2f2;
    text-indent: 10px;
    box-sizing: border-box;
    display: block;
	font-size: 16px;
    margin: 0 auto;
}
.join .index_input01::placeholder {color:#cccccc;}



.border-line {
    display: block;
    height: 1px;
    background: #666666;
    width: 540px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.join .index_input02 {
	width: 32%;
	height: 47px;
    border: 0;
    background-color: #f2f2f2;
    text-indent: 15px;
    box-sizing: border-box;
	float: left;
	font-size:16px;
}

.join .index_input02::placeholder {color:#cccccc;}

.join .index_input02:nth-of-type(2) {
	margin: 0 2%;
}

.join_alert {
    color:  #7b542f;
    display: inline-block;
    font-size: 13px;
    line-height: 35px;
}

.m-agreeBox {
	display: block;
}

.chk-agree {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.chk-agree input[type=checkbox] {
    display: none;
}
.chk-agree.all input[type=checkbox] {
    display: none;
}



/*회원가입 END*/
.view .visual-sub{
	margin-bottom:50px;
}

.cate-blank {
	position: relative;
    width: 100%;
    height: 100%;
	border-radius: 50%;
}

/* 정책 */
.terms-area {
	margin: 0 auto;
    width: 1300px;}
.terms-area .terms_tit {
    font-size: 22px;
    margin-bottom: 30px;
}
.trams-box {
    padding: 15px;
    margin: 0 auto;
    width: 1300px;
    border: 1px #cccccc solid;
    height: 500px;
    overflow: hidden;
    overflow-y: auto;
    font-size: 13px;
    word-break: keep-all;
}
.trams-box span {font-weight:700;font-size:14px;}

.terms-form {
	text-align: center;
    display: block;
    background: #ebebeb;
    padding: 20px;
    border-radius: 5px;
}

.wait {
	vertical-align: middle;
	padding: 3% 10%;
	background-color: #f0f9e3;
	text-align:center;
	font-size: 1.5em;
	color: #103080;
	font-weight: bold;
	border-radius: 10px;
}

.join-falet {
	padding: 0 0 10px 5%;
	font-size: 14px;
}


.pc_input_1 {display:inline-block;width: 30%;;margin-right: 2%;}
.p-width-50 {width:50%;}

.hover-pro {
	position: relative;
}
.mall .shop .visual{
	width: 100%;
	height: 300px;
	background-image: url(../img/product_visual.jpg);
	margin-bottom: 100px;
}
.mall .shop .visual .inner{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	height: 100%;
}
.mall .shop .visual .navi .category{
	display: flex;
	align-items: center;
	gap: 10px;
}
.mall .shop .visual .navi .category img{
	width: 15px;
	filter: brightness(0) invert(1);
}
.mall .shop .visual .navi .category p{
	font-size: 14px;
	font-weight: 400;
	color: #fff;
}
.mall .shop .visual .navi{
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 40px;
}
.mall .shop .visual .navi .dot{
	width: 3px;
	height: 3px;
	display: block;
	background-color: #fff;
}
.mall .shop .visual .navi .menu_title{
	font-size: 14px;
	font-weight: 400;
	color: #fff;
}
.mall .shop .visual .visual_title{
	font-size: 50px;
	font-weight: 600;
	color: #fff;
	margin-bottom: 10px;
	letter-spacing:-2px; /* 글자 간격 줄이기 */
}
.visual_title span{
    opacity:0;
    display:inline-block;
    transform:translateY(20px);
    animation:textShow .6s forwards;
}

/* 글자 딜레이 */
.visual_title span:nth-child(1){animation-delay:0.1s;}
.visual_title span:nth-child(2){animation-delay:0.2s;}
.visual_title span:nth-child(3){animation-delay:0.3s;}
.visual_title span:nth-child(4){animation-delay:0.4s;}
.visual_title span:nth-child(5){animation-delay:0.5s;}
.visual_title span:nth-child(6){animation-delay:0.6s;}
.visual_title span:nth-child(7){animation-delay:0.7s;}

@keyframes textShow{
    to{
        opacity:1;
        transform:translateY(0);
    }
}
.mall .shop .visual .visual_tt{
	font-size: 14px;
	font-weight: 400;
	color: #fff;
}

.visual-sub {
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 40px;
}

.magazine .visual-sub {height: 350px;}

.visual-sub img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.visual-sub .visual-sub {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.visual-sub .sub-txt {
    position: relative;
	text-align: center;
    font-size: 30px;
	font-weight: 700;
}
.visual-sub .v_line{
	width: 1px;
	height: 50px;
	background-color: #555;
	display: block;
}

.locationN {
	overflow: hidden;
	margin-bottom: 20px;
}

.locationN.f_l {
	    margin-top: 18px;
	display: none;
}

.locationN > p {
	display: inline-block;
	font-size: 16px;
    color: #898989;
    font-weight: 300;
    border-radius: 5px;
    padding: 3px 10px;
}

.locationN > img {
	height: 13px;
}

.btn-inquity {
	width: 150px;
    height: 45px;
    background: #7B542F;
    color: #fff;
    border: 0px;
    border-radius: 30px;
    -moz-border-radius: 30px;
    -khtml-border-radius: 30px;
    -webkit-border-radius: 30px;
    cursor: pointer;
    line-height: 45px;
    text-align: center;
	 float: right;
    margin-bottom: 20px;
}

/* .m-phone {
    width: 100%;
    margin: 0 auto;
} */

/* 뉴디자인 */

/* join */
.gray-bg .red {color: #b92136 !important;}
.inner-white {background: #fff; position: relative;}

.buttonag {
    width: 60%;
    height: 45px;
    background-color: #7B542F;
    color: #ffffff;
    border: 0px;
    cursor: pointer;
    vertical-align: middle;
    font-size: 16px;
    font-weight: 600;
}

.step-circle {
	height: 45px;
    width: 45px;
    border-radius: 50%;
    background: #9f9f9f;
    color: #fff;
    text-align: center;
    line-height: 45px;
    font-size: 20px;
    margin: 0 auto 10px;
}

.circle-on {background: #7B542F;}

.step {
	font-size: 16px;
    font-weight: 500;
    color: #000;
}

.step-arrow {
	height: 20px;
    margin: 0 30px;
}

.agree_title {
    text-align: left;
	left: 75px;
    width: 90px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-weight: bold;
}

.agree_chktitle {
    text-align: left;
    font-weight: 600;
    padding: 30px 0 10px;
}

.agree-tell {
    font-size: 13px;
    color: #8b9293;
    font-weight: 500;
    margin-top: 30px;
    padding-left: 75px;
}

.agree_input01 {
    width: 60%;
    height: 47px;
    border: 0;
    background-color: #f2f2f2;
    text-indent: 15px;
    box-sizing: border-box;
    display: block;
    margin: 0 auto;
}

.memberp1 {
	text-align: center;
    font-size: 18px;
    font-weight: 500;
    padding-bottom: 30px;
}

.memberp2 {
	text-align: left;
    font-size: 18px;
    font-weight: 500;
    padding: 15px;
    max-width: 800px;
    margin: 0 auto;
}

/* 라디오 버튼 디자인 */
.ladio01 > div {
	width: calc(70% / 3);
}

.ladio01 label {
      font-size: 18px;
    line-height: 2rem;
    cursor: pointer;
    display: block;
    margin: 0 auto;
    text-align: center;
}

.ladio01 span {
    display: block;
    text-align: center;
}

.ladio01 [type="radio"] {
  vertical-align: middle;
  appearance: none;
  border: 2px solid gray;
  border-radius: 50%;
  width: 25px;
  height: 25px;
  transition: border 0.5s ease-in-out;
  cursor: pointer;
}

.ladio01 [type="radio"]:checked {
  background: #7B542F;
  border:	2px solid #7B542F;
}

.ladio01 [type="radio"]:disabled {
  background-color: lightgray;
  box-shadow: none;
  opacity: 0.7;
  cursor: not-allowed;
}

.ladio01 [type="radio"]:disabled + span {
  opacity: 0.7;
  cursor: not-allowed;
}

.ladio01 .p-nm {
    font-size: 34px;
    font-weight: 500;
}

.ladio01 .p-pr {
	font-size: 22px;
    color: #7B542F;
    line-height: 1;
}

.ladio02 {
    width: 100%;
	margin: 0 auto 30px;
}

.ladio02 > div {
	margin-right: 8%;
}

.ladio02 label {
      font-size: 18px;
    cursor: pointer;
    display: inline-block;
	margin-right: 10px;
}

.ladio02 span {
    display: inline-block;
}

.ladio02 [type="radio"] {
      vertical-align: middle;
    appearance: none;
    border: 2px solid gray;
    border-radius: 50%;
    width: 17px;
    height: 17px;
    transition: border 0.5s ease-in-out;
    cursor: pointer;
}

.ladio02 [type="radio"]:checked {
  background: #7B542F;
  border:	2px solid #7B542F;
}

.ladio02 [type="radio"]:disabled {
  background-color: lightgray;
  box-shadow: none;
  opacity: 0.7;
  cursor: not-allowed;
}

.ladio02 [type="radio"]:disabled + span {
  opacity: 0.7;
  cursor: not-allowed;
}

.ladio02 span {
    font-size: 15px;
    font-weight: 500;
}
/* //라디오 버튼 디자인 */
.set-box ul.setTable-t {
	overflow: hidden;
	border-bottom: 1px solid #e1e1e1;
}

.set-box ul.setTable-t li {
	float: left;
	text-align: center;
	font-size: 16px;
	padding: 13px 0;
	font-weight: 500;
}

.set-box ul.setTable-t li:nth-of-type(1) {width: 70%;}
.set-box ul.setTable-t li:nth-of-type(2) {width: 30%;}

.set-box ul.setTable-c li {
	padding: 30px 50px;
    position: relative;
	border-bottom: 1px solid #e1e1e1;
}

.set-box ul.setTable-c li .set-memu {
	overflow: hidden;
}

.set-box ul.setTable-c li .set-memu .left {
	float: left;
	overflow: hidden;
	width: 70%;
}

.set-box ul.setTable-c li .set-memu .left .set-tit {
	float: left;
}

.set-box ul.setTable-c li .set-memu .set-name {
	font-size: 22px;
    margin-bottom: 10px;
    text-align: center;
}

.set-box ul.setTable-c li .set-memu .set-img {
	width: 120px;
    border: 1px solid #d2d2d2;
	display: block;
}

.set-box ul.setTable-c li .set-memu .set-img img {
	width: 100%;
}

.set-box ul.setTable-c li .set-memu .mid {
	float: left;
    padding-top: 15px;
    padding-left: 20px;
}

.set-box ul.setTable-c li .set-memu .mid .menu-name {
	font-size: 18px;
}

.set-box ul.setTable-c li .set-memu .set-info {
	float: left;
    padding-left: 25px;
    padding-top: 10px;
    width: calc(100% - 120px);
}

.set-box ul.setTable-c li .set-memu .set-proBox {
	position: absolute;
    bottom: 30px;
	font-size: 16px;
}

.set-box ul.setTable-c li .set-memu .set-info .menu-name01 {
	font-size: 21px;
    font-weight: 500;
	color: #000;
}

.set-box ul.setTable-c li .set-memu .set-info .set-proBox01 {
    font-size: 14px;
    line-height: 20px;
    position: absolute;
    bottom: 30px;
    width: calc(70% - 213px);
    word-break: break-all;
}

.set-box ul.setTable-c li .set-memu .right {
	float: right;
	width: 30%;
}

.set-box ul.setTable-c li .set-memu .right .menu-price01 {
	font-size: 21px;
    font-weight: 500;
    color: #000;
    position: absolute;
    right: 50px;
    text-align: right;
    top: 50%;
    transform: translateY(-50%);
}

.set-box ul.setTable-c li .set-memu .right .menu-price01 span {
	display: block;
}

.set-box .set-count {
	position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 50px;
}

.set-box .set-count .up {
	width: 30px;
    height: 30px;
    border: 1px solid #000;
    text-align: center;
    font-size: 19px;
    line-height: 27px;
}

.set-box .set-count input {
	width: 30px;
    height: 30px;
    border-bottom: 1px solid #000;
    border-top: 1px solid #000;
    text-align: center;
}

.set-box .set-count .down {
	width: 30px;
    height: 30px;
    border: 1px solid #000;
    text-align: center;
    font-size: 25px;
    line-height: 27px;
}

.set-box .all-pr {
	padding: 0 50px;
    overflow: hidden;
    font-size: 16px;
}

.set-box .all-pr .left {
	float: left;
	width: 50%;
}

.set-box .all-pr .left > p {
    font-size: 14px;
    line-height: 20px;
}

.set-box .all-pr .right {
	float: right;
    font-size: 25px;
    overflow: hidden;
    line-height: 30px;
	width: 35%;
}

.set-box .all-pr .right p {
	float: left;
}

.set-box .all-pr .right .red {
	float: right;
	color: #b92136;
	text-align: right;
	font-weight: 600;
	    padding-left: 15px;
}

.set-box .all-pr .table .th {
	width: 85px;
    font-size: 16px;
	font-weight: 500;
}

.set-box .all-pr .table .td {
    font-size: 16px;
	font-weight: 500;
}

.incon_Info {
	 position: relative;
}

.incon_Info .memberp1 {
	position: absolute;
    left: -130px;
	top: 4px;
    line-height: 1;
}

.write_p {
	    text-align: center;
    font-size: 16px;
    font-weight: 500;
    color: #7B542F;
    padding-bottom: 20px;
}


.trams-box2::-webkit-scrollbar {
display: none;
}

.trams-box2 {
    padding: 15px;
    margin: 0 auto;
    width: 100%;
    border: 1px #e4e4e4 solid;
    height: 370px;
    overflow: hidden;
    overflow-y: auto;
    font-size: 13px;
    word-break: keep-all;
    background: #fff;
}

.trams-box2 span {font-weight:700;font-size:14px;}

.pop-inTit {
	display: block;
    width: 100%;
    margin: 15px auto;
    padding: 5px 10px;
    border-top: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
    font-size: 16px;
    font-weight: 500;
}

.txt6 {
    font-size: 14px;
    float: right;
    margin-top: 10px;
    color: #8f8f8f;
    font-weight: 300;
    margin-right: 10px;
	cursor:pointer;
}
/* //join */

/* //뉴디자인 */

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


.info .btn-type1 {
    background: #7B542F;
    color: #fff;
    display: inline-block;
    font-size: 13px;
    cursor: pointer;
    height: 50px;
    width: 135px;
    text-align: center;
    line-height: 50px;
    margin-left: 10px;
}

#divpop1 {
    background-color: #ffffff;
    position: absolute;
    left: 50%;
    top: 30px;
    z-index: 999999;
    display: none;
    width: 650px;
    transform: translate(-25%, 0);
}
#divpop1 img {
    width: 100%;
}

#divpop2 {
        background-color: #ffffff;
    position: absolute;
    left: 22%;
    top: 120px;
    z-index: 9999999;
    display: none;
    width: 500px;
}
#divpop2 img {
    width: 100%;
}

#divpop3 {
        background-color: #ffffff;
    position: absolute;
    left: 57%;
    top: 120px;
    z-index: 99999999;
    display: none;
    width: 500px;
}
#divpop3 img {
    width: 100%;
}

.pv-blue {color: #7B542F;}
.under-pv {
	text-decoration: line-through;
    color: #898989;
	font-size: 0.8em;
	padding-left: 5px;
}


.oper .shop_item{margin-top:50px;}



.search-add {
	line-height: 40px;
    height: 40px;
    position: inherit;
	}

/* main */
/* visual */
.visual_mySwiper {
overflow:hidden;
	width: 100%;
    height: 625px;
}

.visual_mySwiper .swiper-slide {
	text-align: center;
	font-size: 18px;
	position: relative;
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.visual_mySwiper .swiper-navi {
max-width: 1560px;
width: 100%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 999;
background-color: saddlebrown;
}
.visual_mySwiper .swiper-button-prev {
	background-image: url("../img/arrow_prev.png");
	background-size: cover;
	width: 50px;
	height: 50px;
}
.visual_mySwiper .swiper-button-next {
	background-image: url("../img/arrow_next.png");
	background-size: cover;
	width: 50px;
	height: 50px;
}
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after,
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
    content: none !important;
}

.visual_mySwiper .swiper-button-next.swiper-button-disabled, .visual_mySwiper .swiper-button-prev.swiper-button-disabled {
    opacity: 1;
}

.visual_mySwiper img {
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	position: absolute;
	object-fit: cover;
}
.visual .visual_mySwiper .textbox{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 999;
	max-width: 1300px;
	width: 100%;
} 
.visual .visual_mySwiper .textbox .tag{
	padding: 5px 10px;
	font-size: 16px;
	font-weight: 400;
	color: #fff;
	background-color: #c20000;
	display: block;
	width: fit-content;
	border-radius: 5px;
}
.visual .visual_mySwiper .textbox h2{
	font-size: 40px;
	font-weight: 400;
    margin: 30px 0 10px;
	line-height: 140%;
}
.visual .visual_mySwiper .textbox h2 span{
	font-size: 40px;
	font-weight: 700;
}
.visual .visual_mySwiper .textbox p{
	font-size: 22px;
	font-weight: 400;
}
.visual .swiper-button-next svg, .visual .swiper-button-prev svg {
    display: none;
}
.visual .visual_mySwiper .swiper-pagination{
    display:none;
}
@media (max-width:768px){
   .visual .visual_mySwiper  .swiper-pagination{
        display:block;
    }
}
/* //visual */
/* product_nav */
.product_nav{
	padding-top: 60px;
	padding-bottom: 100px;
}
.product_nav ul{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.product_nav ul li a .iconbox{
	width:120px;
	height:120px;
	border-radius:100%;
	background:#f8f8f8;
	display:flex;
	align-items:center;
	justify-content:center;
	margin-bottom:15px;
	position:relative;
	overflow:hidden;
}

/* 원 */
.product_nav ul li a .iconbox::before{
	content:'';
	position:absolute;
	top:50%;
	left:50%;
	width:0;
	height:0;
    background: radial-gradient(circle,rgba(255, 206, 150, 1) 0%, rgba(248, 248, 248, 0) 70%);
	border-radius:50%;
	transform:translate(-50%,-50%);
	transition:0.4s;
}

/* hover */
.product_nav ul li a .iconbox:hover::before{
	width:120px;
	height:120px;
	border: 1px solid #FFE8C9;
}
.product_nav ul li a .iconbox img{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	z-index: 2;
}
.product_nav ul li a .iconbox .h_img{
	height: 70px;
}
.product_nav ul li a .iconbox .w_img01{
	width: 50px;
}
.product_nav ul li a .iconbox .w_img02{
	width: 70px;
}
.product_nav ul li a .iconbox .w_img03{
	width: 25px;
	opacity: .5;
}
.product_nav ul li a .iconbox:hover .w_img03{
	width: 25px;
	opacity: 1;
	filter: brightness(0) invert(1);
}
.product_nav ul li a p{
	font-size: 17px;
	font-weight: 500;
	color: #333;
	text-align: center;
}
/* //product_nav */
/* best_area */
.best_area{
	padding-bottom: 110px;
}
.best_area .inner{
	display: flex;
	width: 100%;
	gap: 30px;
}
.best_area .inner .left_area{
	width: calc(45% - 15px);
	height: 720px;
	background-image: url(../img/section01_left.png);
	background-size: cover;
	background-position: center center;
	padding: 70px 50px;
	display: flex;
	flex-direction: column;
	justify-content: end;
	gap: 10px;
}
.best_area .inner .left_area p{
	font-size: 28px;
	font-weight: 400;
	color: #fff;
}
.best_area .inner .left_area h3{
	font-size: 34px;
	font-weight: 700;
	color: #fff;
}

.best_area .inner .right_area{
	width: calc(55% - 15px);
}
.best_area .inner .right_area .swiper-slide .imgbox{
	width: 100%;
	height: 425px;
	margin-bottom: 10px;
}
.best_area .inner .right_area .swiper-slide .imgbox img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.best_area .inner .right_area .best_mySwiper .swiper-slide button{
	display: flex;
	align-items: center;
	gap: 20px;
	width: 100%;
	height: 40px;
	justify-content: center;
	background-color: #fff;
	border: 1px solid #e2e2e2;
	transition: .3s;
	margin-bottom: 30px;
}
.best_area .inner .right_area .best_mySwiper .swiper-slide button:hover{
	background-color: #fff;
	border-color: #00b6f0;
}
.best_area .inner .right_area .best_mySwiper .swiper-slide button img{
	width: 18px;
}
.best_area .inner .right_area .best_mySwiper .swiper-slide button p{
	font-size: 16px;
	font-weight: 400;
}
.best_area .inner .right_area .best_mySwiper .swiper-slide button:hover img{
	filter: brightness(0) saturate(100%) invert(56%) sepia(92%) saturate(2623%) hue-rotate(164deg) brightness(97%) contrast(101%);
}
.best_area .inner .right_area .best_mySwiper .swiper-slide button:hover p{
	color: #00b6f0;
}
.best_area .inner .right_area .best_mySwiper .swiper-slide h3{
	font-size: 20px;
	font-weight: 400;
	margin-bottom: 10px;
}
.best_area .inner .right_area .best_mySwiper .swiper-slide .tt{
	font-size: 14px;
	font-weight: 400;
	word-break: keep-all;
	line-height: 140%;
	margin-bottom: 20px;
}
.best_area .inner .right_area .best_mySwiper .swiper-slide .flex_box{
	display: flex;
	align-items: center;
	width: 100%;
	margin-bottom: 10px;
}
.best_area .inner .right_area .best_mySwiper .swiper-slide .amount{
	font-size: 20px;
	font-weight: 700;
}
.best_area .inner .right_area .best_mySwiper .swiper-slide .unit{
	font-size: 18px;
	font-weight: 400;
}
.best_area .inner .right_area .best_mySwiper .swiper-slide .point{
	font-size: 14px;
	font-weight: 400;
	color: #00b6f0;
}
/* //best_area */


/* brand_area */
.brand_area {
	display: flex;
	margin-bottom: 110px;
	height: 857px;
}
.brand_area .textAera{
	width: 50%;
	background-color: #f5f7f6;
	display: flex;
		align-items: start;
	justify-content: center;
	flex-direction: column;
}
.brand_area .textAera .textbox{
	width: 600px;
	margin: 0 auto;
}
.brand_area .textAera .s_title{
	font-size: 20px;
	font-weight: 300;
	color: #000;
	position: relative;
	margin-bottom: 80px;
	font-family: 'notoserif';
}
.brand_area .textAera .s_title::after{
	content: '';
	width: 30px;
	height: 1px;
	background-color: #000;
	position: absolute;
	bottom: -10px;
	left: 0;
}
.brand_area .textAera h2{
	font-size: 60px;
	font-weight: 200;
	color: #000;
	line-height: 140%;
	margin-bottom: 80px;
	font-family: 'notoserif';
}
.brand_area .textAera p{
	font-size: 20px;
	font-weight: 300;
	color: #000;
	line-height: 140%;
	margin-bottom: 80px;
	word-break: keep-all;
}
.brand_area .textAera a {
	font-size:20px;
	font-weight:300;
	color:#000;
	position:relative;
	transition:.3s;
	font-family: 'notoserif';
}

/* hover 텍스트 */
.brand_area .textAera a:hover .hover_text{
	color:#fff;
	position:relative;
	z-index:2;
}

/* 원 초기 상태 */
.brand_area .textAera a::after{
	content:'';
	width:0;
	height:0;
	border-radius:50%;
	background:#7B542F;
	position:absolute;
	top:50%;
	left:-25px;
	transform:translateY(-50%);
	transition:all .35s ease;
	z-index:0;
}

/* hover 시 원 확장 */
.brand_area .textAera a:hover::after{
	width:70px;
	height:70px;
}

.brand_area .imgArea{
	background-image: url(../img/section02_right.jpg);
	background-size: cover;
	width: 50%;
	background-position: center center;
}
/* //brand_area */
/* referral_area */
.referral_area {
	width: 100%;
	clear: both;
	display: block;
	overflow: hidden;
	margin-bottom: 130px;
}


.referral_area .main-seller-bg {
    padding: 60px 0 30px;
}
.title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin-bottom: 60px;
	flex-direction: column;
}
.title .tit02 {
    margin-bottom: 20px;
}

.referral_area .main-seller-bg .pr_tab {
    overflow: hidden;
}
.referral_area .main-seller-bg .pr_tab li {
    float: left;
    background: #f8f8f8;
    border-radius: 50px;
    font-size: 14px;
    color: #7f7f7f;
    margin-right: 20px;
    cursor: pointer;
    height: 32px;
    width: 100px;
    text-align: center;
    line-height: 32px;
}
.referral_area .main-seller-bg .pr_tab li:hover {
	background: #7B542F;
	color: #fff;
}
.referral_area .main-seller-bg .pr_tab li.tab_active {
	background: #7B542F;
	color: #fff;
}

.referral_area .contents_new02 {
    width: 100%;
    clear: both;
    display: inline-block;
    overflow: hidden;
}

.referral_area .proBox-n {overflow: hidden;}

.referral_area .prroduct_01 {
	width: 100%;
	min-height: 465px;
	box-sizing: border-box;
}
.proBox-wrapper{
	display: grid;
	grid-template-columns: repeat(4, minmax(0,1fr));
	gap: 30px;
	width:100%;
}
.referral_area .hidden_img{
	display:none;
}

.referral_area .prroduct_01:hover .open_img{
	display:none;
}
.referral_area .prroduct_01:hover .hidden_img{
	display:block;
}

.referral_area .prroduct_01:nth-of-type(5n) {
	margin-right: 0;
}
.referral_area .prroduct_01 .product_img{
	width: 100%;
}

.referral_area .prroduct_01 .product_img a{
    display: block;
    background: #fff;
    position: relative;
    height: 0;
    padding-bottom: 100%;
}

.referral_area .prroduct_01 .product_img img{
	width:100%;
	height:100%;
	object-fit:cover;
	position:absolute;
}


.proBoxArea01 {
	position: relative;
	min-height: 485px;
}
.proBoxArea01 .pr_goArea{
	margin-top: 10px;
	margin-bottom: 20px;
}
.proBoxArea01 .pr_goArea > a{
	display: flex;
	align-items: center;
	gap: 10px;
	justify-content: center;
	width: 100%;
	height: 40px;
	border: 1px solid #e2e2e2;
	transition: .3s;
}
.proBoxArea01 .pr_goArea:hover > a{
	border-color: #00b6f0;
	color: #00b6f0;
}
.proBoxArea01 .pr_goArea > a img {
    height: 15px;
	transition: .3s;
}
.proBoxArea01 .pr_goArea:hover > a img {
    filter: brightness(0) saturate(100%) invert(56%) sepia(92%) saturate(2623%) hue-rotate(164deg) brightness(97%) contrast(101%);
}

.proBoxArea01 .inner .title .s-tit {
	 font-size: 20px;
    font-weight: 400;
    display: block;
    position: relative;
    color: #343434;
    text-align: center;
    line-height: 1;
}

.proBoxArea01 .inner .title .tit {
    font-size: 28px;
    font-family: 'Pretendard Variable', sans-serif;
    font-weight: 600;
    display: block;
    position: relative;
    color: #343434;
    padding: 15px 0 35px 0;
    text-align: center;
    line-height: 1;
}
.title .tit02 {
    font-size: 30px;
    font-weight: 700;
    display: block;
    position: relative;
    color: #353535;
    line-height: 1;
}
.title .stit_02 {
        font-size: 20px;
        color: #666666;
        font-weight: 400;
        text-align: left;
		margin-bottom: 30px;
    }

.referral_area .inner .title .s_tit {
text-align: center;
margin-bottom: 60px;
    color: #898989;
    font-size: 15px;
	}

.referral_area .inner .title .more {
	float: right;
	cursor: pointer;
	font-size: 14px;
	font-family: 'Pretendard Variable', sans-serif;
	color: #585858;
	    margin-top: -80px;
}

/* //referral_area */

/* product_linkArea */
.product_linkArea {
	background-image: url(../img/section04.jpg);
	background-position: center center;
	background-size: cover;
	height: 500px;
	margin-bottom: 100px;
}
.product_linkArea .inner{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	color: #fff;
	height: 100%;
}
.product_linkArea .inner .s_text{
	font-size: 20px;
	font-weight: 500;
	margin-bottom: 20px;
}
.product_linkArea .inner p{
	font-size: 32px;
	font-weight: 300;
	margin-bottom: 10px;
}
.product_linkArea .inner h2{
	font-size: 50px;
	font-weight: 600;
	margin-bottom: 50px;
}
.product_linkArea .inner .link_button{
	position: relative;
	display: inline-block;
	border: 1px solid #fff;
	padding: 20px 90px;
	font-size: 24px;
	font-weight: 200;
	color: #fff;
	overflow: hidden;
	z-index: 1;
}

/* 배경 애니메이션 */
.product_linkArea .inner .link_button::before{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 100%;
	background: #00b6f0;
	transition: width .4s ease;
	z-index: -1;
}

/* hover */
.product_linkArea .inner .link_button:hover{
	border-color: #00b6f0;
}

.product_linkArea .inner .link_button:hover::before{
	width: 100%;
}
/* //product_linkArea */

/* md_pickArea */
.md_pickArea {
	margin-bottom: 60px;
}
.md_pickArea .title{
	font-size: 40px;
	font-weight: 700;
	text-align: center;
	margin-bottom: 50px;
}
.md_pickArea .inner{
	display: flex;
	gap: 50px;
	border-bottom: 1px solid #e2e2e2;
}
.md_pickArea .inner .pick_box{
	width: calc(33.33% - 25px);
	height: 590px;
	position: relative;
	margin-bottom: 20px;
}
.md_pickArea .inner .pick_box .imgbox{
	width: 100%;
	position: relative;
	top: 0;
	left: 0;
	padding-top: 127%;
	overflow: hidden;
}
.md_pickArea .inner .pick_box .imgbox img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	position: absolute;
	transition: .5s;
}
.md_pickArea .inner .pick_box .textbox{
	width: 98%;
	height: 165px;
	position: absolute;
	bottom: 0;
	right: 0;
	background-color: #fff;
	padding: 20px 40px;
}
.md_pickArea .inner .pick_box .textbox .tag_flex{
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 15px;
}
.md_pickArea .inner .pick_box .textbox .tag_flex span{
    font-size: 13px;
    font-weight: 700;
}
.md_pickArea .inner .pick_box .textbox p{
	font-size: 26px;
	font-weight: 500;
	word-break: keep-all;
	line-height: 140%;
}
/* //md_pickArea */
/* .media_area */
.media_area{
	position: relative;
	margin-bottom: 130px;
}
.media_area .inner{
	padding-top: 150px;
}
.media_area .text_roll{
    width:100%;
    overflow:hidden;
	position: absolute;
	top: 0;
	left: 0;
}

.media_area .text_bg {
	font-size: 220px;
	font-weight: 200;
	white-space: nowrap;
	animation: textRoll 20s linear infinite;
	opacity: .3;
	color: #e4e4e4;
}

/* 롤링 애니메이션 */
@keyframes textRoll{
    0%{
        transform:translateX(0);
    }
    100%{
        transform:translateX(-50%);
    }
}
.media_area .videobox{
	position:relative;
	padding-top:56.25%;
	margin-bottom: 70px;
}

.media_area .videobox iframe{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.media_area .textbox h2{
	font-size: 28px;
	font-weight: 700;
	text-align: center;
	margin-bottom: 20px;
}
.media_area .textbox p{
	font-size: 18px;
	font-weight: 400;
	text-align: center;
	line-height: 150%;
}
/* //media_area */

/* notice-form */
.notice-form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    height: 50px;
    background: #fff;
	border-top: 1px solid #e2e2e2;
	border-bottom: 1px solid #e2e2e2;
    width: 100%;
    margin-top: 50px;
    border-radius: 5px;
	overflow: hidden;
	position: relative;
	margin-bottom: 20px;
}
.notice-form .notit {
    text-align: center;
    color: #000;
	font-weight: 500;
	flex-shrink: 0;
	display: flex;
	align-items: center;
	gap: 10px;
	float: left;
	width: 120px;
	height: 100%;
	font-size: 17px;
	font-weight: 600;
}
.notice-form .notit img {width:20px;}
.notice-form .swiper {
    width: calc(100% - 120px);
	height: 100%;
	line-height: 50px;
}
.notice-form .swiper .swiper-slide {
	display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
	cursor: pointer;
    -webkit-align-items: center;
	justify-content: space-between;
}
.notice-form .swiper p {
    text-align: left;
    color: #353535;
	font-weight: 500;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-right: 40px;
}
.notice-form .swiper .date{
	color: #808080;
	font-weight: 300;
	font-size: 16px;
	padding-right: 0;
}
.notice-form .arrow-right {
    height: 10px;
	width: auto;
	display: block;
	margin-left: auto;
	margin-right: 15px;
}
/* //notice-form */



.prroduct_01 .price {
	width: 100%;
}

.prroduct_01 .selling {
    display: inline-block;
    color: #898989;
    font-weight: 400;
    font-size: 16px;
    font-family: 'Pretendard Variable', sans-serif;
}

.prroduct_01 .discount {
	display: inline-block;
	color: #b23434;
	font-size: 20px;
	font-weight: 500;
	font-family: 'Pretendard Variable', sans-serif;
	margin-left: 10px;
	margin-right: 4px;
	/* display: none; */
}

.prroduct_01 .cost_price {
	display: inline-block;
    font-size: 14px;
    color: #ababab;
    padding-left: 12px;
}

.prroduct_01 .new_cont span {
	    color: #898989;
    padding-left: 4px;
    font-size: 0.9em;
}

.prroduct_01 .new_cont  {
	    padding: 10px;
    text-align: left;
    background: #fff;
}

.prroduct_01 .new_cont .cont_top {
	margin:0 auto;
	width: 70%;
}

.prroduct_01 .new_cont .new{
	background: #ff5400;
    color: #fff;
    border-radius: 5px;
    width: 40px;
    font-size: 12px;
    line-height: 25px;
	float:left;
    height: 25px;
    text-align: center;
	margin-right:5px;
}

.prroduct_01 .product_title {
	    margin-top: 0;
}

.prroduct_01 .new_cont .category_tit {
	    display: inline-block;
	font-size:16px;
}

/*  가상 클래스  */


/*  //가상 클래스  */
/* intro_cof */
.intro_cof {
	    background: url(../img/main-bgBack01.jpg) no-repeat;
	background-size: cover;
    padding: 80px 0;
}

.intro_cof .intro_in {
	display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.intro_cof .intro_in .txtBox {
    width: 50%;
    text-align: center;
    font-size: 24px;
    color: #d8d8d8;
    line-height: 40px;
    font-weight: 500;
}

.intro_cof .intro_in .txtBox img {
    display: block;
    color: #0d1f4b;
    margin: 60px auto;
    width: 55px;
}

.intro_cof .intro_in .imgBox {
    width: 45%;
	margin-left: auto;
	position: relative;
}

.intro_cof .intro_in .imgBox p {
    position: absolute;
    color: #fff;
    font-size: 21px;
    left: 8%;
    bottom: 5%;
    font-weight: 300;
}

.intro_cof .intro_in .imgBox p .Handletter {
    font-size: 1.6em;
    padding-left: 5px;
}

.intro_cof .intro_in .imgBox img {
    width: 100%;
}

/* intro_banner */
.intro_banner {
    overflow: hidden;
    margin-bottom: 60px;
}
.intro_banner img {
    width: 100%;
    height: 300px;
    object-fit: cover;
}

.intro_banner .intro_in .txt01 {
	font-size: 50px;
    color: #0d1f4b;
    font-weight: 600;
	display: block;
}

.intro_banner .intro_in .now-go {
    background: #0d1f4b;
    color: #fff;
    border-radius: 50px;
    font-size: 24px;
    padding: 5px 60px;
    margin-top: 20px;
    display: inline-block;
}
/* //main */

/* top */
.account_top {
    width: 100%;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 1000;
	background-color: #91643a;
}

.account_top .top_inner {
    height: 60px;
}

.account_top .rArea .menuTab .all_category {
	    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -moz-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
}

.account_top .rArea02 {
	margin-left: auto;
}

.account_top .rArea02 .pc_lnb ul {
    overflow: hidden;
    margin-left: auto;
    display: flex;
	align-items: center;
	float: right;
}

.account_top .rArea02 .pc_lnb {
    overflow: hidden;
}

.account_top .rArea02 .pc_lnb ul li {
    text-align: right;
    font-size: 16px;
	font-weight: 400;
	position: relative;
}

.account_top .rArea02 .pc_lnb ul a {
	color: #fff;
	margin: 0 15px;
}
.account_top .rArea02 .pc_lnb ul li::after {
	content: '';
	width: 1px;
	height: 10px;
	background-color: rgba(255, 255, 255, .5);
	position: absolute;
	right: 0px;
	top: 50%;
	transform: translateY(-50%);
}

.account_top .rArea02 .pc_lnb ul a img {
	height: 28px;
}

.top {
    width: 100%;
	position: fixed;
	left: 0;
	top: 60px;
	z-index: 999;
	background-color: #91643a;
	height: 60px;
}

.top .top_inner {
    height: 50px;
}

.top .rArea .menuTab .all_category {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -moz-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        /* width: 100%; */
		position: relative;
}
.top .rArea .menuTab .all_category:after {
        content: '';
        width: 1px;
        height: 15px;
        background: #ffffff;
        position: absolute;
        top: 12px;
        left: 50%;
        transform: translate(-50%, -50%);
    }

.top .rArea02 {
	margin-left: auto;
}
.top .rArea02 .pc_lnb{
   display: flex;
    align-items: center;
    gap: 15px;
	}
.top .rArea02 .caralog a {
        height: 40px;
        padding: 0 15px 0 22px;
        justify-content: space-between;
        align-items: center;
        background-color: #3f3a36;
        color: #fff;
        font-size: 0.875em;
        border-radius: 20px;
        display: flex;
        gap: 10px;

	}
.top .rArea02 .caralog a img{height:12px;
	}
.top .rArea02 .pc_lnb ul {
    margin-left: auto;
    display: inline-block;
	float: right;
}

.top .rArea02 .pc_lnb ul li {
    float: left;
    text-align: right;
    font-size: 14px;
    display: block;
}

.top .rArea02 .pc_lnb ul a {
	color: #fff;
	display: inline-block;
	padding: 0 10px;
}
.top .rArea02 .pc_lnb ul .cartIconArea{
	position: relative;
}
.top .rArea02 .pc_lnb ul a img {
	height: 28px;
	filter: brightness(0) invert(1);
}

    .searchArea .topsearch {
        border-bottom: 1px solid #cccccc;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        height: 45px;
        width:100%;
        margin: 0 auto;
        background-color: #fff;
        border-radius: 50px;
        overflow: hidden;
        padding: 0 30px;
    }

.searchArea .topsearch input {
    display: block;
    height: 100%;
    width: calc(100% - 45px);
    font-size: 17px;
    border: none!important;
}

.searchArea .topsearch img {
	margin-left: auto;
	height: 25px;
}

.searchClose {
	cursor: pointer;
	display: none;
}
.top .rArea .menuTab {
	display: flex;
	align-items: center;
	gap:30px;
}
.top .rArea .all_category > li {
    text-align: center;
    margin: 0 25px;
}

.top .rArea .all_category > li > a {
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 0.5px;
    font-family: 'Pretendard Variable', sans-serif !important;
    white-space: nowrap;
	position: relative;
	transition: .3s;
}
.top .rArea .all_category > li > a:hover{
    color: #ffd197;
}


.top .rArea .sub_menu {
    display: none;
    white-space: nowrap;
    background: #ffffff;
    opacity: 1;
    position: absolute;
    overflow: hidden;
    top: 90px;
    left: 50%;
	border: 1px #3f3f3f solid;
    transform: translateX(-50%);
    z-index: 99999;
}

.top .rArea .sub_menu::before {
	content: "";
	width: 50%;
	background: #d8d8d8;
	display: block;
	height: 1px;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
}
.searchArea{
	width: 500px;
}
.category_menu {
    width: 100%;
	position: fixed;
	left: 0;
	top: 120px;
	z-index: 998;
	background-color: #fff;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .1);
}

.category_menu .top_inner {
    height: 60px;
}

.category_menu .rArea .menuTab .all_category {
	display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -moz-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
}
.category_menu .rArea .all_category > li {
    text-align: center;
    margin-right: 70px;
}

.category_menu .rArea .all_category > li > a {
    color: #000;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0.5px;
    font-family: 'Pretendard Variable', sans-serif !important;
    white-space: nowrap;
    height: 60px;
    line-height: 60px;
}
.category_menu .rArea .all_category > li > a:hover {
    font-weight: 700;
}

.category_menu .rArea .sub_menu {
    display: none;
    white-space: nowrap;
    background: #ffffff;
    opacity: 1;
    position: absolute;
    overflow: hidden;
    top: 90px;
    left: 50%;
	border: 1px #3f3f3f solid;
    transform: translateX(-50%);
    z-index: 99999;
}

.category_menu .rArea .sub_menu::before {
	content: "";
	width: 50%;
	background: #d8d8d8;
	display: block;
	height: 1px;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
}

.top .rArea02 .pc_lnb ul .cartIconArea li {
	display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
		position: relative;
}

.top .rArea02 .cartIconArea .cartCount {
	font-size: 11px;
	background: #ff0000;
	border-radius: 10px;
	color: #fff;
	margin-left: 4px;
	height: 17px;
	width: 17px;
	text-align: center;
	line-height: 15px;
	position: absolute;
	top: 0px;
    right: 0px;
	padding-top: 1px;
	font-weight: 700;
}
.top .rArea02 .pc_lnb ul .infoIconArea li {
	display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.top .rArea02 .infoIconArea .memberShip {
	font-size: 11px;
    background: #000;
    border-radius: 3px;
    color: #fff;
    margin-left: 4px;
    display: inline-block;
    height: 15px;
    width: 15px;
    text-align: center;
    line-height: 15px;
}

.swiper-pagination {
	bottom: 20px!important;
}

.swiper-pagination-bullet {
	width: 15px !important;
	height: 15px !important;
	background: #cab033!important;
	margin: 0 7px !important;
}

.swiper-pagination-bullet.active {
	opacity: 1 !important;
}

.main .main-none {display: none;}

.product_info .product_nm {
    text-align: left;
    font-size: 20px;
    color: #353535;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    font-weight: 400;
	margin-bottom: 10px;
}
.product_info .product_text {
    text-align: left;
    font-size: 14px;
    color: #808080;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    font-weight: 400;
	margin-bottom: 20px;
}
.product_info .product_amount {
    text-align: left;
    font-size: 20px;
    color: #353535;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    font-weight: 700;
	        margin-bottom: 10px;
}
.product_info .product_amount span{
	font-size: 18px;
	font-weight: 400;
	padding-left: 3px;
}
.product_info .categories {
    font-size: 16px;
    font-weight: 400;
    color: #76a301;
    padding-top: 10px;
}
.product_info .product_percent {
    font-size: 18px;
    font-weight: 400;
    color: #000;
}

.product_info .product_price {
    font-size: 14px;
    color: #6e6e6e;
	padding-right: 10px;
}

.product_info .product_selling {
        font-size: 20px;
        font-weight: 400;
        color: #333333;
        padding-right: 5px;
        color: #353535;
    }

.product_info .product-mem {
	text-align: left;
}


.product_info .pv_price {
	color: #d9897c;
	font-size: 18px;
	font-weight: 400;
	display: block;
}

.product_info .product-nomem {
	text-align: left;
}
.product_banner .flex_box02{
	display: flex;
	gap: 50px;
}
.imgbox_wrap{
	width: calc(70% - 50px);
}
.product_banner .flex_box02 .imgbox{
	width: 100%;
	max-height: 1000px;
	overflow: hidden;
	transition: max-height .6s ease;
}
.product_banner .flex_box02 .imgbox img{
	width: 100%;
}
/* 그라데이션 */
.img_fade{
	position: absolute;
	left: 0;
	bottom: 70px;
	width: 100%;
	height: 150px;

	background: linear-gradient(
		to bottom,
		rgba(255,255,255,0) 0%,
		rgba(255,255,255,1) 40%,
		rgba(255,255,255,1) 100%
	);

	pointer-events: none;
	transition: opacity .3s;
}

/* MORE 버튼 */
.more_btn{
	display: block;
	margin: 20px auto;
	padding: 12px 40px;
	border: 1px solid #ddd;
	background: #fff;
	cursor: pointer;
}

/* 펼쳐진 상태 */
.imgbox_wrap.open .imgbox{
	max-height: none;
}

.imgbox_wrap.open .img_fade{
	opacity: 0;
}
.product_banner .flex_box02 .payment_sticky{
	width: 30%;
	position: relative;
	opacity: 0;
	transform: translateY(-40px); /* 위쪽에서 시작 */
	transition: all .5s ease;
}
.product_banner .flex_box02 .payment_sticky .shop-info-section{
	position: sticky;
    top: 210px;   /* 상단에서 떨어질 거리 (원하는 값으로 조절) */
}
.product_banner .flex_box02 .payment_sticky.show{
	opacity: 1;
	transform: translateY(0); /* 제자리로 내려옴 */
}
@media (max-width:768px){
    .payment_static .shop-info-section{
        position: static;
    }
}
.ord_registration_shop{
	overflow: unset !important;
}
.ord_registration_shop  .section_right {
	overflow: unset !important;
}
.ord_registration_shop .shop-Area-seciton{
	overflow: unset !important;
}
.ord_registration_shop .shop-Area-seciton .seciton02 {
	overflow: unset !important;
}

/*상품구매 신규*/
.shop-Area-seciton {
	overflow:hidden;
	font-family: 'Pretendard Variable', sans-serif !important;
	margin-bottom: 130px;
	}
.shop-Area-seciton .seciton01{
	width:100%;
	overflow:hidden;
	}
.shop-Area-seciton .seciton01 .item01{
	width:600px;
	float:left;
	}
.shop-Area-seciton .seciton01 .item01 .product_img {
    width: auto;
    height: auto;
    position: relative;
    padding-top: 100%;
    overflow: hidden;
}
.shop-Area-seciton .seciton01 .item01 .product_img img {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    object-fit: cover;
}




.shop-Area-seciton .seciton01 .item02 {
    width: 600px;
    float: right;
    letter-spacing: -1px;
    position: relative;
}
.shop-Area-seciton .seciton01 .item02 .on-share a {
    position: absolute;
    right: 0;
    height: 50px;
    width: 50px;
    cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
}
.shop-Area-seciton .seciton01 .item02 .on-share img {
    height: 55%;
    margin-right: 2px;
}
.shop-Area-seciton .seciton01 .item02 .on-share:hover a {
    background: #efefef;
}
.shop-Area-seciton .seciton01 .item02 .shop-tit {
    font-size: 24px;
    font-weight: 700;
    padding-bottom: 20px;
    color: #000;
}
.shop-Area-seciton .seciton01 .item02 .shop-titS {
    font-size: 16px;
    font-weight: 400;
    color: #999999;
	line-height: 140%;
	word-break: keep-all;
}
.shop-Area-seciton .seciton01 .item02 .shop-titS2 {
    font-size: 18px;
    font-weight: 400;
    color: #999999;
}
.shop-Area-seciton .seciton01 .item02 .shop-price-01 {
    margin-top: 20px;
    font-size: 26px;
    font-weight: 500;
    padding-bottom: 40px;
    color: #0d0503;
}
.shop-Area-seciton .seciton01 .item02 .shop-price-01 span{
   color: #999;
    font-weight: 400;
	font-size: 24px;
}
.shop-Area-seciton .seciton01 .item02 .shop-price-01 .ptxt {
    font-size: 34px;
    font-weight: 700;
    padding-bottom: 5px;
    color: #0d0503;
}

.shop-Area-seciton .seciton01 .item02 .shop-info {
    overflow: hidden;
	padding:25px 0px;
    border-top: 1px #cfcfcf solid;
    border-bottom: 1px #cfcfcf solid;
    margin-top: 15px;
}
.shop-Area-seciton .seciton01 .item02 .shop-info ul li {
    font-size: 20px;
    display: flex;
    margin-bottom: 20px;
}
.shop-Area-seciton .seciton01 .item02 .shop-info ul li:last-child {margin-bottom:0px;}
.shop-Area-seciton .seciton01 .item02 .shop-info ul li .s1 {
    font-weight: 500;
    width: 160px;
}
.shop-Area-seciton .seciton01 .item02 .shop-info ul li .s2 {
    font-weight: 300;
    color: #999999;
}
.shop-Area-seciton .seciton01 .item02 .shop-info ul li .s2 a{
    text-decoration: revert;
	font-weight: 300;
    color: #999999;
}
.shop-info-section {overflow:hidden;}
.shop-info-section .shop_count {
    overflow: hidden;
    display: flex;
	flex-direction: column;
	margin-bottom: 20px;
}
.shop-info-section .shop_count .count_box{
	background-color: #f2f2f2;
	padding: 15px 20px;
}
.shop-info-section .shop_count .count_box .product_name{
	font-size: 16px;
	font-weight: 400;
	word-break: keep-all;
	line-height: 140%;
	margin-bottom: 15px;
	text-align: left;
}
.shop-info-section .shop_count .count_box .ord_count_ea{
    background-color: #fff;
    border-radius: 4px;
    border: 1px solid #e2e2e2;
}
.shop-info-section .shop_count .count_box .amount{
    display: flex;
	align-items: center;
	gap: 10px;
}
.shop-info-section .shop_count .count_box .shop-price-01 .ptxt{
    color: #000;
	font-size: 18px;
	font-weight: 500;
}
.shop-info-section .shop_count .count_box .shop-price-01 p span{
    color: #000;
	font-size: 14px;
	font-weight: 700;
}
.shop-info-section .shop_count .count_box .totalPrice{
    color: #00b6f0;
	font-size: 14px;
	font-weight: 600;
}
.shop-info-section .shop_count .count_box .shop-price-01{
    margin-top: 0;
    padding-bottom: 0;
}
.shop-info-section .shop_count .count_box .flex_box {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.shop-info-section .shop_count .s1{
        font-weight: 600;
        width: 160px;
        font-size: 18px;
        margin-bottom: 10px;
		text-align: left;
}
.shop .ord_count_ea a {
    width: 36px;
    height: 36px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #333333;
    font-size: 24px;
    line-height: 38px;
    font-weight: 300;
}
.shop-info-section .shop_count .input_ea {
    height: 36px;
    text-align: center;
    font-size: 20px;
	width:50px;
}
.shop-info-section .shop_price_box {
    overflow: hidden;
    padding: 0px 20px;
    display: flex;
    align-items: center;
	justify-content: space-between;
	margin-bottom: 10px;
}
.shop-info-section .shop_price_box .s1 {
    font-weight: 400;
	font-size:16px;
    color: #808080;
}
.shop-info-section .shop_price_box .flex_box{
	display: flex;
	align-items: center;
	gap: 10px;
}
.shop-info-section .shop_price_box .flex_box .v_line{
	width: 1px;
	height: 10px;
	background-color: #d2d2d2;
}
.shop-info-section .shop_price_box .s2 {
    font-weight: 700;
	font-size: 24px;
    color: #333;
}
.shop-info-section .shop_price_box02{
	margin-bottom: 30px;
}
.shop-info-section .shop_price_box02 .s2 {
    font-weight: 500;
	font-size: 18px;
    color: #00b6f0;
	margin-bottom: 20px;
}
.shop-info-section .shop_price_box .s2 span {
    font-size: 22px;
	margin-left:5px;
    font-weight: 400;
}
.shop-info-section .shop_price_box .bp_price {
    font-size: 24px;
    color: #7B542F;
}
.shop-info-section .shop_price_box .bp_price span {
    font-size: 18px;
}
.shop-Area-seciton  .flex_box{
	display: flex;
	align-items: center;
	gap: 10px;
}
.shop-Area-seciton  .flex_box .referral_button{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 60px;
	height: 60px;
	border-radius: 5px;
	border: 1px solid #3b3b3b;
}
.shop-Area-seciton  .flex_box .referral_button ul li{
	display: flex;
}
.shop-Area-seciton  .flex_box .referral_button img{
	width: 25px;
}
.shop-Area-seciton .shop_bt_area {overflow:hidden;display: flex; width: calc(100% - 70px);border-radius: 5px;}
.shop-Area-seciton .shop_bt_area .now_Btn02 {
    width: 50%;
    height: 60px;
    color: #fff;
    text-align: center;
    line-height: 60px;
    cursor: pointer;
    font-size: 18px;
	background-color: #333;
}
.shop-Area-seciton .shop_bt_area .now_Btn03 {
    width: 50%;
    height: 60px;
    text-align: center;
    line-height: 60px;
    color: #ffffff;
    cursor: pointer;
    background: #7B542F;
    font-size: 18px;
}
.shop-Area-seciton .swiper {
      width: 600px;
      height: 600px;
      margin-left: auto;
      margin-right: auto;
    }

.shop-Area-seciton .swiper-slide {
      background-size: cover;
      background-position: center;
    }
.shop-Area-seciton .swiper-wrapper {
    width: 100%;
    height: auto;
}
.shop-Area-seciton .mySwiper {
    height: auto;
    box-sizing: border-box;
    padding: 10px 0;
    margin-bottom: 20px;
}

.shop-Area-seciton .mySwiper .swiper-slide {
    opacity: 0.4;
    width: auto;
    height: auto;
    position: relative;
    overflow: hidden;
    height: 112px;
}

.shop-Area-seciton .mySwiper .swiper-slide-thumb-active {
    opacity: 1;
    border: none;
}

.shop-Area-seciton .swiper-slide img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    max-width: 100%;
    height: 100%;
	padding:5px;
}
.shop-Area-seciton .mySwiper .swiper-slide-thumb-active img{
    border: 1px #b7b7b7 solid;
}

.shop-Area-seciton .seciton02 {
    overflow: hidden;
    position: relative;
    margin-top: 100px;
}
.shop-Area-seciton .seciton02 .item01 {
    width: 100%;
}
.shop-Area-seciton .seciton02 .item01 .tab_ul {
    width: 100%;

    border-bottom: 4px #eeeeee solid;
    padding-bottom: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.shop-Area-seciton .seciton02 .item01 .tab_ul li {
    font-size: 18px;
    float: left;
    margin-right:70px;
    text-align: center;
}
.shop-Area-seciton .seciton02 .item01 .tab_ul li:last-child {margin-right:0px;}
.shop-Area-seciton .seciton02 .item01 .tab_ul li.tab_active {
    font-weight: 700;
    position: relative;
}
.shop-Area-seciton .seciton02 .item01 .tab_ul li.tab_active a {
    color: #7B542F;
    font-weight: 400;
}
.shop-Area-seciton .seciton02 .item01 .tab_ul li.tab_active::after {
    content: '';
    width: 100%;
    height: 4px;
    background: #7B542F;
    position: absolute;
    bottom: -14px;
    left: 0px;
    z-index: 9;
}
.shop-Area-seciton .seciton02 .item01 .tab-content{
  display: none;
}

.shop-Area-seciton .seciton02 .item01 .tab-content.current{
  display: inherit;
}

.hd_menu-fixed {top:100px;}
.shop-Area-seciton .seciton02 .item02 {
    width: 400px;
    height: 500px;
    border: 1px #b7b7b7 solid;
    float: right;
    padding: 40px 30px;
    position: sticky;
    top:0px;
	right: 0px;
    background: #ffffff;
}
.shop-Area-seciton .seciton02 .item02 .buy_info {
    margin-bottom: 30px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}
.shop-Area-seciton .seciton02 .item02 .buy_info .details_img {
    width: 100px;
    height: 100px;
    border: 1px #b7b7b7 solid;
    /* float: left; */
    position: relative;
    box-sizing: border-box;
    display: flex;
}
.shop-Area-seciton .seciton02 .item02 .buy_info .details_img img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    position: absolute;
    top: 0px;
    left: 0px;
}
.shop-Area-seciton .seciton02 .item02 .buy_txt {
    letter-spacing: -2px;
    padding-left: 20px;
    width: calc(100% - 100px);
}
.shop-Area-seciton .seciton02 .item02 .buy_txt .shop-tit{
	font-size: 19px;
    font-weight: 700;
    padding-bottom: 5px;
    color: #000;
	}
.shop-Area-seciton .seciton02 .item02 .buy_txt .shop-titS{
	font-size: 16px;
    font-weight: 500;
    color: #232323;
	}
.shop-Area-seciton .seciton02 .buy_select {overflow:hidden;}
.shop-Area-seciton .seciton02 .buy_select .shop_count {
    overflow: hidden;
    border-bottom: 1px #e4e4e4 solid;
    padding-bottom: 20px;
}
.shop-Area-seciton .seciton02 .buy_select .shop_count .s1 {
    font-weight: 500;
    font-size: 20px;
	margin-bottom:5px;
}
.shop-Area-seciton .seciton02 .buy_select .shop_count .input_ea {
    width: calc(100% - 72px);
    height: 36px;
    border-top: 1px #e4e4e4 solid;
    border-bottom: 1px #e4e4e4 solid;
    text-align: center;
    font-size: 20px;
}
.shop-Area-seciton .seciton02 .buy_select .shop_price_box {
    overflow: hidden;
    padding: 20px 0px;
    display: flex;
    align-items: center;
}
.shop-Area-seciton .seciton02 .buy_select .shop_price_box .s1 {
    font-weight: 500;
    font-size: 20px;
    width: 160px;
}
.shop-Area-seciton .seciton02 .buy_select .shop_price_box .s2 {
    font-size: 24px;
    font-weight: 700;
    color: #0d0503;
    margin-left: auto;
}
.shop-Area-seciton .seciton02 .buy_select .shop_price_box .s2 span {
    font-size: 17px;
}
/*상품구매 신규 End*/

/*비회원 가입*/
.no-mem .agreeArea {
	width: 100%;
}

.no-mem .agreeArea .agreeTit {
    width: 100%;
    padding: 15px 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    border-top: 1px solid #e1e1e1;
}

.no-mem .agreeArea .last-border {
    border-bottom: 1px solid #e1e1e1;
}

.no-mem .agreeArea .agreeTit p {
    color: #848484;
    font-size: 18px;
	cursor: pointer;
}



.no-mem .agreeArea .agreeTxt {
    padding: 10px 40px;
	display: none;
	border-top: 1px solid #e1e1e1;
}

.no-mem .agreeArea .agreeTxt textarea {
    width: 100%;
    border: none;
    font-size: 15px;
    height: 160px;
    overflow: auto;
    font-family: 'Pretendard Variable', sans-serif !important;
    color: #848484;
}

.no-mem .agreeArea .agreeTxt textarea::-webkit-scrollbar {
	display: none;
}

.no-mem .agreeArea .agreeTxt textarea:focus {outline: none;}

/*여기까지가 동의*/

.no-mem .memJoin-info {
    background: #f7f7f7;
    padding: 50px 0;
    text-align: center;
    font-size: 16px;
    line-height: 2;
}

.no-mem .memJoin-info a {
	font-weight: 600;
    border-bottom: 1px solid #9b9b9b;
    cursor: pointer;
}

.confirm-join {
	width: 60%;
	margin: 0 auto;
}
/*비회원 가입 End*/

/* 포인트 결제 */
.price_account {
	color: #343434;
    padding-top: 10px;
}

.point_pay {
	padding-top: 0!important;
}

.point_pay .a1 {
	font-size: 13px;
    padding-bottom: 5px;
	margin-left: auto;
}

.point_pay .a1 span {
	color: #7B542F;
}

.point_pay .point_form {
	overflow: hidden;
}

.point_pay .point_input {
    width: calc(100% - 110px);
    position: relative;
	display: inline-block;
}

.point_pay .point_input .com_input02 {
    padding-right: 55px;
    width: 100%;
    height: 35px;
    line-height: 35px;
}

.shop .u_payment .payment01 table .point_pay .point_input .point_delBtn {
    height: 20px;
    width: 20px;
    border: 0;
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 8px;
}

.point_pay .totalBtn {
	display: inline-block;
    background: #7B542F;
    color: #fff;
    cursor: pointer;
    height: 50px;
    line-height: 50px;
    width: 100px;
    text-align: center;
    vertical-align: bottom;
    margin-left: 5px;
	font-size: 13px;
	font-weight: 400;
}


.shop .n_ord_list {
    width: 325px;
    position: sticky;
    top: 0;
    background: #fff;
    border: 1px solid #cccccc;
    padding: 30px 30px;
    min-height: 310px;
    right: 0px;
    max-height: 375px;
}
.shop .n_ord_list .ntit {
    font-weight: 500;
    font-size: 22px;
    border-bottom: 1px #cccccc solid;
    padding-bottom: 15px;
}
.shop .n_ord_list .n_list_cont {
    overflow: hidden;
    display: flex;
    flex-direction: column;
}
.shop .n_ord_list .n_list_cont .list01 {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
    border-bottom: 1px #cccccc solid;
    padding-bottom: 10px;
}
.shop .n_ord_list .n_list_cont .list01 .list01_tit{
    font-size: 16px;
}
.shop .n_ord_list .n_list_cont .list01 .list01_price{
    margin-left: auto;
    font-size: 16px;
}
.shop .n_ord_list .n_list_cont .list01 .savePrice{
    color:#000000 !important;
}
.shop .n_ord_list .n_list_cont .list01 .list03_tit {
    font-size: 16px;
}
.shop .n_ord_list .n_list_cont .list01 .list03_price {
    margin-left: auto;
    font-size: 22px;
    font-weight: 500;
    color: #7B542F;
}
.shop .n_ord_list .n_list_cont .now_Btn_box .now_Btn02 {
    width: 100%;
    height: 50px;
    background: #7B542F;
    line-height: 50px;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    color: #ffffff;
	cursor: pointer;
}

.sm_font {font-size:18px;}




.contents_new02 {
    width: 100%;
    clear: both;
    display: inline-block;
    overflow: hidden;
}

.contents_new02 .swiper-wrapper {
	height: auto;
}
.best_area .contents_new02 .swiper-wrapper {
	height: 100%;
}

.contents_new02 .swiper-slide {
	height: auto;
}
.contents_new02 .prroduct_01 .product_img{
	width: 100%;
	cursor: pointer;
}

.contents_new02 .prroduct_01 .product_img > div{
    display: block;
    background: #fff;
    position: relative;
    height: 0;
    padding-bottom: 100%;
}

.contents_new02 .prroduct_01 .product_img img{
    height: 100%;
    object-fit: cover;
    position: absolute;
    left: 0;
    top: 0;
}
.contents_new02 .swiper-button-next{
	right: -50px;
	z-index: 9999999;
}
.contents_new02 .swiper-button-prev{
	left: -50px;
	z-index: 9999999;
}

.contents_new03 {
    width: 100%;
    clear: both;
    display: inline-block;
    overflow: hidden;
}

.contents_new03 .swiper-wrapper {
	height: auto;
}

.contents_new03 .swiper-slide {
	height: auto;
}

.contents_new03 .prroduct_01 {
	width: 100%;
    padding: 0 10px;
}
.contents_new03 .prroduct_01 .product_img{
	width: 100%;
}

.contents_new03 .prroduct_01 .product_img a{
    display: block;
    background: #fff;
    position: relative;
    height: 0;
    padding-bottom: 100%;
}

.contents_new03 .prroduct_01 .product_img img{
	display: block;
    height: 100%;
    object-fit: cover;
    position: absolute;
    left: 0;
    top: 0;
    box-shadow: 0px 2px 9px rgb(0 0 0 / 7%);
}

/* 컨텐츠 추가 */
.mypage-menu {
    width: 100%;
    margin-top: 50px;
}

.mypage-menu ul {
    display: flex;
    border-bottom: 4px solid #eeeeee;
    padding-bottom: 15px;
}

.mypage-menu ul li {
    cursor: pointer;
	margin-right:50px;
	position:relative;
}
.mypage-menu ul li:last-child{
    margin-right:0px;
}
.mypage-menu ul li a {
    font-size: 18px;
    font-weight: 500;
    color: #000000;
    letter-spacing: 1.1;
	display: inline-block;
}


.mypageArea {
    width: 1000px;
    margin: 0 auto;
}

.mypageArea .order_item {
    width: 100%;
    padding-top: 50px;
}

.mypageArea .info_item {
    width: 100%;
    padding-top: 50px;
}


.mypageArea .h1-tit {
    font-size: 30px;
    font-weight: 400;
    color: #000000;
    line-height: 1;
    position: relative;
    width: 550px;
    margin: 0 auto 40px;
}

.order .mypageArea .h1-tit {
    width: 100%;
}

.mypageArea .memberInfo {
    border: 1px #cccccc solid;
    padding: 35px;
    overflow: hidden;
    /* margin: 50px 0; */
	margin: 0px 0 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
	gap: 70px;
}

.mypageArea .memberInfo .incont01 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    position: relative;
	width: calc(100% - 520px);
	gap: 30px;
}
.mypageArea .memberInfo .incont01 .incont-r{
	width: calc(100% - 180px);
}
.mypageArea .memberInfo .incont01::after {
    content: '';
    width: 1px;
    height: 135px;
    background: #cccccc;
    position: absolute;
    top: 50%;
    right: -35px;
    transform: translateY(-50%);
}

.mypageArea .incontImg {
    height: 150px;
}

.mypageArea .memTxt01 {
    font-size: 26px;
    padding-bottom: 15px;
	color: #000000;
}

.mypageArea .memTxt02 {
    font-size: 16px;
    padding-bottom: 10px;
    color: #999999;
}

.mypageArea .copyBtn {
    background: #7B542F;
    color: #fff;
    text-align: center;
    height: 45px;
    line-height: 45px;
    width: 250px;
    font-size: 16px;
    cursor: pointer;
	margin-top: 20px;
}

.mypageArea .incont02 {
    text-align: center;
    display: flex;
    align-items: center;
	justify-content: center;
    width: 450px;
	gap: 25%;
}
.mypageArea .incont02 ul {
    overflow: hidden;
}
.mypageArea .incont02 ul:last-child {margin-right:0px;}
.mypageArea .incont02 ul li {text-align:center;}
.mypageArea .incont02 ul li.li-th{
    font-size: 20px;
    padding-bottom: 30px;
    color: #999999;
}
.mypageArea .incont02 ul li.li-td{
    font-size: 26px;
    color: #000000;
}
.mypageArea .incont03 {
	padding: 10px 6%;
	border-left: 1px solid #e1e1e1;
	text-align: center;
}

.mypageArea .memTxt03 {
    font-size: 16px;
    color: #777;
    padding-bottom: 30px;
}

.mypageArea .memTxt04 {
    font-size: 22px;
    font-weight: 600;
}
.mypageArea .listTitle {
    font-weight: 500;
    font-size: 24px;
}

.mypageArea .listArea {
    overflow: hidden;
    position: relative;
    padding-bottom: 35px;
    display: flex;
	align-items:center;
}

.mypageArea .listArea .viewSelect {margin-left:auto;}
.mypageArea .listArea .viewSelect select {
    width: 150px;
    height: 45px;
    padding-left: 15px;
    border: 1px #cccccc solid;
    font-size: 16px;
	color:#e1e1e1;
}
.mypageArea .listArea .viewSelect select option {color:#333333;}
.mypageArea .mylistArea .listHead {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    text-align: center;
	justify-content: space-around;
    width: 100%;
    margin-bottom: 15px;
}
.mypageArea .mylistArea .listHead li {font-size:20px;width: calc(100% / 4)!important;}
.mypageArea .mylistArea .date {width: 300px;}
.mypageArea .mylistArea .name {width: calc(100% - 900px);}
.mypageArea .mylistArea .point {width: 300px;}
.mypageArea .mylistArea .pv {width: 300px;}

.mypageArea .mylistArea .listBody li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    text-align: center;
    width: 100%;
    margin-bottom: 15px;
    border: 1px #cccccc solid;
    padding: 20px 0;
	justify-content: space-around;
}
.mypageArea .mylistArea .listBody li > div{
   width: calc(100% / 4)!important;
}

.mypageArea .mylistArea .listBody li .date {
	color: #777;
	font-size: 16px;
}

.mypageArea .mylistArea .listBody li .name {
	color: #000;
	font-size: 16px;
	padding: 0 10px;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.mypageArea .mylistArea .listBody li .point {
	font-size: 16px;
}

.mypageArea .mylistArea .listBody li .point.green {
	color: #000000;
}

.mypageArea .mylistArea .listBody li .point.red {
	color: #c60000;
}

.mypageArea .mylistArea .listBody li .pv {
	color: #7B542F;
}

.faq {
    width: 100%;
    /* margin: 50px auto; */
}
.faq .t_menu{
	margin-bottom: 20px;
}


/* 뉴디자인 결제*/

.payWrap .h_tit {
    text-align: center;
    padding-top: 50px;
    font-size: 30px;
    font-weight: 700;
}
.payWrap .shop_item .paymentleft .pay-item01 {
	overflow:hidden;
	}
.payWrap .shop_item .paymentleft .pay-item01 .tit {
    font-size: 26px;
    font-weight: 500;
    border-bottom: 2px #666666 solid;
    padding-left: 20px;
    padding-bottom: 15px;
}
.payWrap .shop_item .paymentleft .pay-item01 .orderEa {
    font-size: 20px;
    font-weight: 500;
    padding-left: 20px;
    padding-bottom: 15px;
}
.payWrap .shop_item .paymentleft .pay-item01 .orderEa span {
    font-size: 16px;
    color: #919191;
}
.payWrap .shop_item .paymentleft .pay-item01 .item02 {
    overflow: hidden;
    padding-top: 20px;
    border-bottom: 1px #cccccc solid;
    padding-bottom: 20px;
}
.payWrap .shop_item .paymentleft .pay-item01 .item02 img{
    width: 120px;
    height: auto;
    border-radius: 15px;
    margin-right: 30px;
}
.payWrap .shop_item .paymentleft .pay-item01 .item02 .goods_tit {
    color: #000;
    font-size: 18px;
    line-height: 30px;
    font-weight: 400;
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.payWrap .shop_item .paymentleft .pay-item01 .item02 .goods_subtit {
    color: #919191;
    font-size: 15px;
    line-height: 30px;
    font-weight: 400;
	 white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.payWrap .shop_item .paymentleft .pay-item01 .item02 .ea{
    color: #919191;
    font-size: 15px;
    line-height: 30px;
    font-weight: 400;
}
.payWrap .shop_item .paymentleft .pay-item01 .item02 .li_price{
    margin-left:auto;
	 font-size: 18px;
    font-weight: 600;
	color: #000000;
}
.payWrap .shop_item .paymentleft .pay-item01 .item02 .point_item {
    overflow: hidden;
    width: 350px;
    margin-left: auto;
}
.payWrap .shop_item .paymentleft .pay-item01 .item02 .point_item .a1{
	font-size: 13px;
    padding-bottom: 5px;
    margin-left: auto;
}

.payWrap .shop_item .paymentleft .pay-item01 .item02 .point_item .a1 span {
    color: #7B542F;
	}

.payWrap .shop_item .paymentleft .pay-item01 .item02 .point_item .point_form {
    overflow: hidden;
	}

.payWrap .shop_item .paymentleft .pay-item01 .item02 .point_item .point_form .point_input {
    width: calc(100% - 110px);
    position: relative;
    display: inline-block;
	}

.payWrap .shop_item .paymentleft .pay-item01 .item02 .point_item .totalPrice {
    float: right;
    display: flex;
    align-items: flex-end;
    flex-direction: column;
    margin-top: 10px;
	}

.payWrap .shop_item .paymentleft .pay-item01 .item02 .point_item .totalPrice .cost{
	font-size: 14px;
    color: #bdbdbd;
	}
.payWrap .shop_item .paymentleft .pay-item01 .item02 .point_item .totalPrice .cost .dis{
	font-size: 20px;
    color: #333333;
    font-weight: 500;
	margin-left:5px;
	}
.payWrap .shop_item .paymentleft .pay-item01 .item02 .point_item .totalPrice .p-pv {
    color: #999999;
}

.payWrap .shop_item .paymentleft .pay-item01 .item02 .point_item .totalBtn {
    display: inline-block;
    background: #7B542F;
    color: #fff;
    cursor: pointer;
    height: 40px;
    line-height: 40px;
    width: 100px;
    text-align: center;
    vertical-align: bottom;
    margin-left: 5px;
    font-size: 13px;
    font-weight: 400;
}
.payWrap .shop_item .paymentleft .pay-item01 .item02 .point_item  .point_delBtn {
    height: 20px;
    width: 20px;
    border: 0;
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 8px;
}
.point_input02 {
    width: 100%;
    border: 1px solid #e1e1e1;
    height: 40px;
    line-height: 40px;
    padding: 0px 10px;
}


.payWrap .shop_item .paymentleft .pay-item01 .txt-box {
    padding: 20px;
    border-bottom: 1px #cccccc solid;
}
.payWrap .shop_item .paymentleft .pay-item01 .txt-box p {
    font-size: 16px;
    font-weight: 500;
}
.payWrap .shop_item .paymentleft .pay-item01 .txt-box p.p01 {margin-bottom:10px;}

.payWrap .shop_item .paymentleft .pay-item02 {
	overflow:hidden;
	margin-bottom:15px;
	padding: 0 20px;
	}
.payWrap .shop_item .paymentleft .pay-item02 .tit {
    font-size: 22px;
    font-weight: 500;
	padding-top: 40px;
	padding-bottom: 25px;
}
.payWrap .shop_item .paymentleft .pay-item02 .item01 {
    overflow: hidden;
    padding: 30px 0 20px;
}
.payWrap .shop_item .paymentleft .pay-item02 .item01 .li_01 {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
	}
.payWrap .shop_item .paymentleft .pay-item02 .item01 .li_01 .li_tit {
    font-size: 16px;
    width: 150px;
    font-weight: 600;
    text-align: left;
	}
.payWrap .shop_item .paymentleft .pay-item02 .item01 .li_01 .input-form {
    width:500px;
	}
.payWrap .shop_item .paymentleft .pay-item02 .item01 .li_01 .button012 {
    position: inherit;
    height: 50px;
    line-height: 50px;
    background: #7B542F;
    color: #fff;
}
.payWrap .shop_item .paymentleft .memory {
    padding-left: 0px;
    padding-right: 0px;
	margin-right:10px;
	padding-top: 0;
	}

.payWrap .shop_item .paymentleft .memory:hover span {
    border: 1px #7B542F solid;
    color: #7B542F;
}

    .payWrap .shop_item .paymentleft .memory span {
        font-size: 15px;
        min-width: 140px;
        height: 50px;
        display: block;
        border: 1px #cccccc solid;
        display: flex;
        align-items: center;
        padding-left: 0px;
        padding-left: 24px;
        padding-right: 10px;
    }
.payWrap .shop_item .paymentleft .memory input[type="radio"] {
    -webkit-appearance: none;
    position: relative;
    width: 16px;
    height: 16px;
    cursor: pointer;
    outline: none !important;
    border: 1px solid #423a3a;
    border-radius: 50%;
    background: transparent;
    padding-top: 2px;
    top: 4px;
	display:none;
	}
.payWrap .shop_item .paymentleft .tab_active span {
      border: 1px #7B542F solid;
    color: #7B542F;
}


.payWrap .shop_item .paymentleft .pay-item03 {
	overflow:hidden;
	padding: 0 20px;
    border-top: 1px #cccccc solid;
	}
.payWrap .shop_item .paymentleft .pay-item03 .tit {
    font-size: 22px;
    font-weight: 500;
    padding-top: 40px;
	padding-bottom: 25px;
}


.card_usepoint_row {margin-bottom:0;}
.payWrap .shop_item .paymentleft .pay-item03 .item01 {
    overflow: hidden;
    padding: 20px 0;
}
.payWrap .shop_item .paymentleft .pay-item03 .item01 .li_01 {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
	gap: 40px;
}
.payWrap .shop_item .paymentleft .pay-item03 .item01 .li_01 .input-form {
    width: calc(100% - 190px);
}
.payWrap .shop_item .paymentleft .pay-item03 .item01 .li_01 .input-form .QnA {
    width: calc(100% - 60% - -10px);
}
.payWrap .shop_item .paymentleft .pay-item03 .item01 .li_01 .input-form .com_input03 {
    width: calc(100% - 60% - -10px);
}
.payWrap .shop_item .paymentleft .pay-item03 .item01 .li_01 .li_tit {
    font-size: 16px;
    width: 150px;
    font-weight: 600;
    text-align: left;
}
.li_01_span {
    padding-left: 130px;
    margin-top: -15px;
    display: block;
    font-size: 14px;
    color: #7B542F;
    display: inline-block;
    font-size: 13px;
    margin-bottom: 15px;
}
.payWrap .shop_item .check2 {
    margin-right:10px;
}
.payWrap .shop_item .item01 .phone_select {
    width: 20%;
    height: 50px;
    background: #ffffff;
    border: 1px #e4e4e4 solid;
    margin-right: 10px;
    border: 2px solid #CCCCCC !important;
}

.payWrap .shop_item .paymentleft .pay-item04 {
    overflow: hidden;
    margin-top: 20px;
    border-top: 1px #cccccc solid;
    padding-top: 30px;
}

.payWrap .shop_item .paymentleft .pay-item04 table {
    width: 100%;
    background: #fff;
}

.payWrap .shop_item .paymentleft .pay-item04 table th {
    text-align: left;
    padding-left: 20px;
}
.payWrap .shop_item .paymentleft .pay-item04 table td {
    text-align: left;
    padding-left: 20px;
}
.payWrap .shop_item .paymentleft .pay-item04 .agreeopen {
    cursor: pointer;
    color: #7B542F;
    margin-right: 30px;
}
.payWrap .shop_item .paymentleft .pay-item04 .payment01 {
}
#pointAll {display:none;}
.text-area {
	width: 500px;
    border: 1px solid #CCCCCC !important;
    height: 50px;
	line-height:50px;
    padding: 0px 10px;
	}


.share_link {
	overflow:hidden;
	border-top: 1px #cfcfcf solid;
	border-bottom: 1px #cfcfcf solid;
	padding: 20px 20px;
	}
.share_link ul {position:relative;}
.share_link ul::after {
    width: 1px;
    height: 30px;
    content: '';
    background: #b3b3b3;
    position: absolute;
    top: 12px;
    left: 50%;
    transform: translate(-50%,-50%);
}


.share_link ul li {
    font-weight: 500;
    width: 50%;
    font-size: 20px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    float: left;
	cursor:pointer;
}
.share_link ul li a{
	display: flex;
    align-items: center;
    justify-content: center;
	}
.share_link ul li img {
    width: 25px;
    margin-right: 13px;
}
/* 뉴디자인 결제 END*/





/* 상세페이지 팝업 추가 2023.04.24 */
.contTit {
    font-weight: 700;
    font-size: 19px;
    margin-left: 10px;
    margin-top: 60px;
}
.relevantArea {
    overflow: hidden;
    margin: 20px auto 60px;
}
.relevantArea .relevantbox {
	float: left;
	width: calc(96% / 3);
	margin-right: 2%;
	margin-bottom: 20px;
	cursor: pointer;
}
.relevantArea .relevantbox:nth-of-type(3n) {margin-right: 0;}
.relevantArea .relevantIm {
	display: block;
    background: #fff;
    position: relative;
    height: 0;
    padding-bottom: 100%;
    width: 100%;
}
.relevantArea .relevantIm > img {
    display: block;
    height: 100%;
    width: 100%;
    object-fit: cover;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.relevantArea .relevantNm {
	font-weight: 700;
    font-size: 17px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 95%;
    height: 20px;
    margin-left: 5px;
    margin-top: 10px;
    margin-bottom: 2px;
}
.relevantArea .relevantAm {
    color: #898989;
    font-weight: 400;
    margin-left: 5px;
    font-size: 14px;
}
.relevantPopOpen {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: none;
	z-index: 100;
}
.relevantPop {
	background: rgba(0, 0, 0, 0.4);
	width: 100%;
	height: 100%;
	display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: end;
    -moz-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
}

/* infoArea */
.relevantPop .AreaTit {
    font-weight: 600;
    font-size: 15px;
    margin-left: 10px;
    margin-bottom: 5px;
    margin-top: 30px;
}
.relevantPop .infoArea {
	background: #fff;
	height: 90vh;
	overflow-y: auto;
	width: 650px;
	margin-right: 8px;
}
.relevantPop .infoPr {
	display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    width: 100%;
    padding: 20px 4%;
}
.relevantPop .relevantIm {
	width: 180px;
}
.relevantPop .relevantIm img {
	width: 100%;
}
.relevantPop .infoTxt {
    margin-left: 30px;
    padding: 10px 0;
}
.relevantPop .infoTxt .tit {
    font-size: 24px;
    font-weight: 600;
    color: #000;
}
.relevantPop .infoTxt .txt {
    color: #424242;
    font-size: 17px;
    margin-top: 8px;
}
.relevantPop .infoTxt .amount {
    color: #000;
    font-size: 26px;
    font-weight: 600;
    margin-top: 50px;
}
.relevantPop .infoEvent {
	width: 100%;
    padding: 5px 4% 10px;
    border-bottom: 1px solid #e1e1e1;
}
.relevantPop .infoEvent li {
	display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    width: 100%;
	margin-bottom: 10px;
}
.relevantPop .infoEvent li .s1 {
    font-weight: 500;
    width: 100px;
    margin-right: 10px;
    color: #898989;
	font-size: 16px;
}
.relevantPop .infoEvent li .s2 {
    font-weight: 500;
	font-size: 16px;
    color: #000;
    display: block;
}
.relevantPop .infoEvent li a.s2 {
    cursor: pointer;
	text-decoration: underline;
}
.relevantPop .infoImg {
    padding: 40px 4%;
}
.relevantPop .infoImg img {
    width: 100%;
}

/* buyArea */
.relevantPop .buyArea {
	background: #fff;
	height: 90vh;
	width: 400px;
	margin-right: 8px;
    padding: 20px 15px;
	position: relative;
}
.relevantPop .buyActive {
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    cursor: pointer;
	width: 100%;
	border: 1px solid #e1e1e1;
    padding: 10px 20px;
    margin-bottom: 10px;
}
.relevantPop .buyActive .img {
    width: 50px;
    height: 50px;
}
.relevantPop .buyActive .img > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.relevantPop .buyActive .tit {
    margin-left: 10px;
    font-size: 15px;
    color: #424242;
}
.relevantPop .buyUl {
    border-top: 1px solid #e1e1e1;
    max-height: 55%;
    overflow-y: auto;
	display: none;
	margin-bottom: 20px;
}
.relevantPop .buyUl li {
    background: #fff;
    cursor: pointer;
	width: 100%;
	border: 1px solid #e1e1e1;
    padding: 10px 20px;
	border-top: none;
	overflow: hidden;
}
.relevantPop .buyUl .img {
    width: 50px;
    height: 50px;
	float: left;
    margin-right: 10px;
}
.relevantPop .buyUl .img > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.relevantPop .buyUl .tit {
    font-size: 15px;
    color: #424242;
	margin-top: 5px;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
}
.relevantPop .buyUl .amount {
    font-size: 16px;
    color: #000;
	font-weight: 600;
	margin-top: 5px;
}
.relevantPop .buyArea .input_ea {
    width: calc(100% - 72px);
    height: 36px;
    border-top: 1px #e4e4e4 solid;
    border-bottom: 1px #e4e4e4 solid;
    text-align: center;
    font-size: 16px;
}
.relevantPop .buyArea .totalArea {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}
.relevantPop .buyArea .totalArea .total {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    border-top: 1px solid #e1e1e1;
    width: 100%;
    padding: 20px;
}
.relevantPop .buyArea .totalArea .total .s1 {
	font-size: 17px;
}
.relevantPop .buyArea .totalArea .total .s2 {
    font-weight: 600;
	font-size: 22px;
	margin-left: auto;
}
.relevantPop .buyArea .btnArea {
	display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: 0 20px 20px;
}
.relevantPop .buyArea .btnArea .now_Btn02 {
    width: 49%;
    height: 45px;
    background: #7c7c7c;
    text-align: center;
    line-height: 45px;
    color: #ffffff;
    cursor: pointer;
}
.relevantPop .buyArea .btnArea .now_Btn03 {
    width: 49%;
    height: 45px;
    background: #7B542F;
    text-align: center;
    line-height: 45px;
    color: #ffffff;
    margin-left: auto;
    cursor: pointer;
}

/* closeArea */
.relevantPop .closeArea {
	height: 90vh;
}
.relevantPop .closeBtn {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    cursor: pointer;
}
.relevantPop .closeBtn img {
    width: 40%;
	filter: brightness(0);
}




.main .mall_intro .inner {
	display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: end;
    -moz-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
}
.main .mall_intro .mall_img {
    width: 49%;
    margin-right: 2%;
    height: 358px;
    object-fit: cover;
}
.main .mall_intro .noclick {
    width: 100% !important;
	height:100%;
	position:absolute;
	top:0px;
	left:0px;
	cursor: pointer;
}
.main .mall_intro iframe {
    width: 100% !important;
}
.main .mall_intro .txtArea {
	width: 49%;
}
.main .mall_intro .txtArea .imgArea {
	display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    height: 195px;
}
.main .mall_intro .txtArea .imgArea img {
	width: 49%;
	display: block;
    height: 100%;
	object-fit: cover;
}
.main .mall_intro .txtArea .imgArea img:first-of-type {
	margin-right: 2%;
}
.main .mall_intro .txtArea .p1 {
    font-size: 24px;
    color: #000;
	white-space: normal;
    word-wrap: break-word;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    font-weight: 500;
}
.main .mall_intro .txtArea .p2 {
    font-size: 17px;
    color: #7f7f7f;
    line-height: 1.5;
    margin: 14px 0 35px;
    white-space: normal;
    text-align: left;
    word-wrap: break-word;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    letter-spacing: 1.3;
}

.main .submoreBtn {
	color: #7f7f7f;
    font-size: 14px;
    margin-left: auto;
    cursor: pointer;
}
.main .submoreBtn02 {
	color: #7f7f7f;
    font-size: 14px;
    margin-left: auto;
    cursor: pointer;
}


.main .fa_cont {
	    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    bottom: -150%;
    height: 100%;
    left: 0;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 50px;
}

.main .fa_cont .category_tit {
	    color: #ababab;
    border: 1px solid #ababab;
    display: inline-block;
    padding: 3px 25px;
    border-radius: 30px;
    font-size: 15px;
}

.main .fa_cont .first_title  {
	    color: #fff;
    font-weight: 600;
    font-size: 40px;
    line-height: 1;
    padding: 20px 0 10px;
}

.main .fa_cont .second_title {
    font-size: 19px;
    color: #fff;
    padding-bottom: 20px;
}

.main .fa_cont .price .selling {
    color: #fff;
}

.main .fa_cont .price .product_selling {
    color: #ffffff;
}
.main .fa_cont .price span {
    color: #ffffff;
    font-size: 0.9em;
}
/* 메인 디자인 끝 */

/* 상품 목록 시작 */

.shop .product_box:hover .open_img {
    display: none;
}
.shop .product_box:hover .hidden_img {
    display: block;
}

.shop .product_box:hover .pr_goArea {
	display: flex;
}


.shop .list-progrem {
	display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
	margin-bottom: 30px;
}
.shop .list-progrem > ul {
	display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.shop .list-progrem > .list_category{
	gap: 20px;
}
.shop .list-progrem > ul li {
	cursor: pointer;
	font-size: 17px;
	color: #343434;
	position: relative;
}
.shop .list-progrem .list_search {
	margin-left: auto;
}
.shop .list-progrem .list_search li {
	margin-left: 30px;
}
.shop .list-progrem ul li.list-active {
    color: #7B542F;
	font-weight: 600;
}
.shop .list-progrem ul li.list-active02 {
    color: #7B542F;
	font-weight: 600;
}
.shop .list-progrem ul li.list-active::before {
	content:'';
	width:12px;
	height:12px;
	display:inline-block;
	background:url("../img/icon_check.png") no-repeat center;
	background-size:contain;
	margin-right:8px;
}
.shop .all_pr_count {
	color: #7f7f7f;
    font-size: 16px;
	position: relative;
}
.shop .all_pr_count::after {
	content: '';
	width: 1px;
	height: 10px;
	background-color: #d2d2d2;
	position: absolute;
	top: 50%;
	left: -10px;
	transform: translateY(-50%);
}
.pagingArea {
	display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    margin-bottom: 75px;
}
.pagingArea > a {
	font-size: 16px;
    margin: 0 9px;
	color: #7f7f7f;
}
.pagingArea > a img {
	filter: brightness(0%);
}
.pagingArea > a.pag-active {
	text-decoration: underline;
	color: #000;
}



/*login*/


.pc-h-195 {
	min-height: 195vh !important;
}

.pc-h-220 {
	min-height: 220vh !important;
}

.pc-h-300 {
	min-height: 300vh !important;
}


.login .Language {
	margin-right: 10px;
	display: table;
	float: right;
	margin-left: 15px;
	border: 1px solid #b8b8b8;
	margin-top: 7px;
	width: 90px;
	height: 40px;
	line-height: 40px;
	padding: 0 10px;
}

.login .Language .dropbtn {
	font-size: 16px;
	border: none;
	padding-left: 5px;
}

.login .Language .dropdown .N-flag {
	margin-left: 5px;
	width: 20px;
}

.login .Language .dropdown img {
	vertical-align: middle;
	margin-right: 10px;
}

.login .Language .dropdown p {
	font-size: 1em;
	font-weight: 600;
	color: #ffffff;
	text-align: right;
	display: table;
	float: right;
	padding-right: 5px;
}

.login .Language .dropdown {
	position: relative;
	display: inline-block;
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.login .Language .dropdown-content {
	display: none;
	position: absolute;
	min-width: 90px;
	z-index: 1;
	border: 1px #d2d2d2 solid;
	position: absolute;
	top: 40px;
	left: -10px;
}

.login .Language .dropdown-content a {
	color: #ffffff;
	text-decoration: none;
	display: block;
	padding-left: 5px;
}

.login .Language .dropdown-content a:hover {
	background-color: #4d65e4;
}

.login .Language .dropdown:hover .dropdown-content {
	display: block;
}
.input_login {
    width: 100%;
    height: 50px;
    border: 1px #cccccc solid;
    text-indent: 15px;
	font-size: 16px;
	margin-bottom: 10px;
}
.emailView .input_login{
	margin-bottom: 0;
}
.smsView .input_login {
	margin-bottom: 0;
}
.input_login::placeholder {color:#cccccc;}

.incon1 .memory {
	width: 90%;
	margin: 0 auto;
	padding-right: 0 !important;
	padding-left: 0 !important;
}

.index_l_box {
	width: 100%;
	background: #f6f6f6;
	float: left;
}

.index_l_box img {
	width: 100%;
	height: 100%;
}

.m_index_l_box {
	display: none;
}

.index_r_box {
	width: 550px;
	position: absolute;
	left: 50%;
	z-index: 99999;
	transform: translate(-50%, -50%);
	top: 50%;
	border-radius: 10px;
	overflow: hidden;
}

.index_r_box .l_tit01 {
	font-size: 22px;
	text-align: center;
	color: #ffffff;
	margin-bottom: 40px;
}

.index_r_box .l_tit01 span {
	font-weight: 700;
}

.index_r_box_join .l_tit01 span {
	font-weight: 700;
}
.login_inner{
	max-width: 400px;
	margin: 0 auto;
}
.index_r_box .login_item {
	overflow: hidden;
	background: #fff;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	height: 650px;
}

.index_r_box .login_item .l_s_tit01 {
	    display: block;
    width: 140px;
    height: auto;
    padding-bottom: 11px;
    padding-top: 30px;
    margin: 0 auto;
    text-align: center;
}

.index_r_box .login_item .l_s_tit01 img {
	width: 100%;
}

.index_r_box .login_item .l_s_tit02 {
	font-size: 14px;
	font-weight: 400;
	color: #423a3a;
	text-align: center;
	margin-bottom: 45px;
}

.index_r_box_join {
	float: right;
	width: 672px;
	/* height: 95vh; */
	position: absolute;
	left: 50%;
	z-index: 99999;
	padding-bottom: 30px;
	transform: translateX(-50%);
	top: 2.5vh;
}

.incont_box {
    width: 50%;
    margin: 0 auto;
}

.felxPut {width: calc(100% - 120px) !important;}

.button012 {
    background: transparent;
    height: 50px;
    border: 1px solid #cccccc;
    color: #000;
    line-height: 43px;
    width: 120px;
    cursor: pointer;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
    vertical-align: middle;
    margin-bottom: 10px;
    box-sizing: border-box;
}

.login .veriBtn:hover{background-color: #7B542F;color:#ffffff;}

.join .button012 {
	height: 47px;
	margin-bottom: 0;
}
.emailView .button012 {
	width: 100%;
}
.smsView .button012 {
	width: 100%;
}
.button013:hover {
	background: #7B542F;
	color: #fff;
}

.button013 {
    background: transparent;
    height: 50px;
    border: 1px solid #7B542F;
    color: #7B542F;
    line-height: 45px;
    width: 120px;
    cursor: pointer;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
    vertical-align: middle;
    margin-left: 10px;
    box-sizing: border-box;
}


.index_r_box_join .l_tit01 {
	font-size: 22px;
	text-align: center;
	color: #0d0d0d;
	margin-bottom: 40px;
}

.index_r_box_join .login_item {
	overflow: hidden;
	background: #ffffff;
	box-shadow: 0 0 10px 0px rgb(0 0 0 / 8%);
	border-radius: 10px;
}


.index_r_box_join .login_item .l_s_tit01 {
	font-size: 26px;
	font-weight: 500;
	color: #0d0d0d;
	text-align: center;
	margin-bottom: 5px;
	margin-top: 30px;
}

.index_r_box_join .login_item .l_s_tit02 {
	font-size: 14px;
	font-weight: 400;
	color: #0d0d0d;
	text-align: center;
	margin-bottom: 100px;
}
.group2 {width:49%;}
.m-l-auto {margin-left:auto;}
.index_r_box .logo {
	text-align: center;
}

.index_r_box .logo img {
	width: 260px;
}

.input_title {
    margin-bottom: 10px;
    color: #585858;
    font-size: 16px;
    line-height: 1;
    font-weight: 400;
}
.input_title02{
	font-size: 14px;
	font-weight: 300;
	color: #808080;
}
.impo {
	position:relative;
	font-size: 16px;
	font-weight: 400;
}
.impo::after {
    content: '*';
    position: absolute;
    bottom: -5px;
    left: -12px;
    font-size: 18px;
    color: #db9e91;
}
.input_title span {
	font-size: 12px;
}


.sub .input_title {
	white-space: nowrap;
}

.index_title {
	font-size: 17px;
	background: #000;
	height: 60px;
	color: #ffffff;
	text-align: center;
	font-weight: 400;
	line-height: 60px;
	font-weight: 700;
}

.index_input {
	width: 75%;
	margin: 0 auto;
}

.mt-17 {
	margin-top: 17px;
}

.mt-20 {
	margin-top: 20px;
}

.mt-80 {
	margin-top: 80px;
}

.mb-20 {
	margin-bottom: 20px;
}

.mb-35 {
	margin-bottom: 35px !important;
}

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

.mb-60 {
	margin-bottom: 60px;
}

.mb-80 {
	margin-bottom: 80px;
}

.mr-5 {
	margin-right: 5px;
}

.mr-20 {
	margin-right: 20px;
}

.mr-5p {
	margin-right: 5%;
}

.ml-5p {
	margin-left: 5%;
}
.info_item {
	width: 1300px;
    margin: 0 auto;
	}
.order_item {
	width: 1300px;
    margin: 0 auto;
	}
.index_m_title {
    font-size: 17px;
    font-weight: 700;
    width: 100%;
    display: block;
    color: #0d0d0d;
    padding-bottom: 15px;
    margin: 0 auto;
    position: relative;
    padding-left: 30px;
    margin-top: 50px;
}

.index_m_title::before {
	content: "";
	width: 2px;
	height: 20px;
	position: absolute;
	top: 3px;
	left: 15;
	background: #7B542F;
}

.index_input01 {
	width: 100%;
	height: 40px;
	border: none;
	padding-left: 10px;
	background: transparent;
	color: #4e4e4e;
	border: 1px #d3d3d3 solid;
}


.index_input01:focus {
	border: 1px rgb(0, 0, 0, 0.95) solid;
}

.index_input02:focus {
	border: 1px rgb(0, 0, 0, 0.95) solid;
}

.index_input03:focus {
	border: 1px rgb(0, 0, 0, 0.95) solid;
}

.index_input04:focus {
	border: 1px rgb(0, 0, 0, 0.95) solid;
}

.phone_select:focus {
	border: 1px rgb(0, 0, 0, 0.95) solid;
}

.phone_select option {
	background: #ffffff !important;
	color: #000;
}

.phone_select option .index_input01::placeholder {
	color: #cccccc;

}

.index_input03::placeholder {
	color: #cccccc;

}

.l_btn_box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	justify-content: center;
}

.button01 {
    width: 100%;
    height: 65px;
    background-color: #7B542F;
    color: #ffffff;
    border: 0px;
    cursor: pointer;
    vertical-align: middle;
    font-size: 20px;
    font-weight: 400;
    border-radius: 5px;
}
.button06 {
    width: 100%;
    height: 65px;
    background-color: #7B542F;
    color: #ffffff;
    border: 0px;
    cursor: pointer;
    vertical-align: middle;
    font-size: 20px;
    font-weight: 400;
    border-radius: 50px;
	}
.btn_bg {
    width: 100%;
    height: 65px;
    background-color: #fff;
    color: #000;
    border: 1px solid #d8dde0;
    cursor: pointer;
    vertical-align: middle;
    font-size: 20px;
    font-weight: 400;
	border-radius: 5px;
}
.index_p01 {
    font-size: 16px;
    text-align: right;
    float: left;
    padding-left: 5px;
}
.index_p01:nth-child(1){
    margin-right: 10px;
}

.index_p02 {
	font-size: 16px;
	text-align: center;
	margin-top: 35px;
}

.index_p01 a {
	color: #4e4e4e;
}

.index_p02 a {
	color: #4e4e4e;
}

.idIcon {
	background-image: url(../img/id_login.png);
	background-size: 22px;
	background-repeat: no-repeat;
	background-position: 12px 50%;
	text-indent: 35px;
}

.pwIcon {
	background-image: url(../img/pw_login.png);
	background-size: 22px;
	background-repeat: no-repeat;
	background-position: 12px 50%;
	text-indent: 35px;
}

.memfind {
        padding-top: 0px;
        margin-left: auto;
        display: flex;
        justify-content: space-around;
        margin-bottom: 20px;
    }

.login .memory {
	padding-left: 0;
	padding-top: 0px;
	align-items: center;
	float: left;
}

.login .memory span {
    padding-left: 5px;
    color: #666666;
    font-size: 16px;
}

.login .memory input[type="checkbox"] {
    -webkit-appearance: none;
    position: relative;
    width: 22px;
    height: 22px;
    cursor: pointer;
    outline: none !important;
    border: 5px solid rgb(204 204 204);
    border-radius: 4px;
    background: transparent;
    top: 4px;
}

.login .memory input[type="checkbox"]::before {
	content: "\2713";
	position: absolute;
	top: 50%;
	left: 50%;
	overflow: hidden;
	transform: scale(0) translate(-50%, -50%);
	line-height: 1;
}

.login .memory input[type="checkbox"]:hover {
	border-color: rgba(170, 170, 170, 0.5);
}

.login .memory input[type="checkbox"]:checked {
    background-color: #7B542F;
    border-color: #7B542F;
    color: #fff;
}

.login .memory input[type="checkbox"]:checked::before {
	border-radius: 2px;
	transform: scale(1) translate(-50%, -50%)
}

.login .flex_box{
	display: flex;
	align-items: center;
	gap: 15px;
	justify-content: center;
	height: 20px;
	margin-bottom: 20px;
}
.login .h_line{
	width: 100%;
	height: 1px;
	background-color: #000;
}
.login .txt{
	font-size: 14px;
	font-weight: #555;
	width: 100%;
	white-space: nowrap;
}
.memoryArea {
        display: flex;
        margin-top: 25px;
        margin-bottom: 25px;
        flex-direction: column;
    }

/*login_end*/


/* join01 */
.join01_l_box {
	width: 100%;
	min-height: 100vh;
}

.join01_r_box {
	width: 550px;
	position: absolute;
	left: 50%;
	z-index: 99999;
	transform: translate(-50%, -50%);
	top: 50%;
	border-radius: 10px;
	overflow: hidden;
}

.join01_r_box .l_tit01 {
	font-size: 22px;
	text-align: center;
	color: #ffffff;
	margin-bottom: 40px;
}

.join01_r_box .join01_item {
	overflow: hidden;
	background: #b1c9b6;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	height: 650px;
}

/* card */
.join01_r_box .joinCard {
	width: 75%;
	border-radius: 10px;
	box-sizing: border-box;
	background: #113416;
	background-size: cover;
	padding: 1.25rem;
	position: relative;
	margin: 100px auto 8px;
}

.join01_r_box .joinCard .joinSel {
	text-align: left;
	color: #c5b6a2;
	font-size: .875rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.join01_r_box .joinCard .joinSel span {
	font-size: .625rem;
	margin-right: 10px;
}

.join01_r_box .joinCard .joinLogo {
	text-align: right;
	color: #fff;
	margin: 40px 0 60px;
}

.join01_r_box .joinCard .joinIcon {
	text-align: right;
	color: #a79884;
}

.join01_r_box .joinCard .joinIcon i {
	font-size: 1rem;
	margin-left: 15px;
}

/* // card */
.join01_r_box .click_pls {
	text-align: center;
	margin: 0 auto;
	padding-top: 10px;
	padding-bottom: 70px;
}

.join01_r_box .joinChoiceBottom {
	padding: 0px 50px;
	text-align: center;
}

.join01_r_box .joinChoiceBottom h3 {
	font-size: 26px;
	font-weight: 500;
	padding-bottom: 20px;
	color: #ffffff;
}

.join01_r_box .joinChoiceBottom > p {
	font-size: 14px;
	font-weight: 400;
	color: #423a3a;
	text-align: center;
	margin-bottom: 100px;
}



.chk-agree input[type=checkbox] + label {
    -webkit-appearance: none;
    position: relative;
    width: 22px;
    height: 22px;
    cursor: pointer;
    outline: none !important;
    border: 2px solid rgb(204 204 204);
    border-radius: 4px;
    background: transparent;
}


.chk-agree input[type=checkbox]:checked + label {
    display: inline-block;
    cursor: pointer;
    position: relative;
    width: 22px;
    height: 22px;
    font-size: 14px;
    line-height: 21px;
    font-weight: 700;
    text-align: center;
    color: #fff;
    background:  #7b542f;
    border: 2px solid  #7b542f;
    vertical-align: middle;
}



.chk-agree input[type=checkbox]:checked + label:before {
    content: "\2713";
    width: 100%;
    transition: all .2s;
    position: absolute;
    right: 0 !important;
    top: -1px;
    border: 0;
    font-size: 14px;
    height: 22px;
}

.chk-agree02 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.chk-agree02 input[type=checkbox] {
    display: none;
}
.chk-agree02 input[type=checkbox] + label {
    -webkit-appearance: none;
    position: relative;
    width: 22px;
    height: 22px;
    cursor: pointer;
    outline: none !important;
    background: url(../img/checkOff.png)no-repeat;
    background-size: 22px auto;
    background-position: 50% 50%;
}
.chk-agree02 input[type=checkbox]:checked + label {
    display: inline-block;
    cursor: pointer;
    position: relative;
    line-height: 21px;
    font-weight: 700;
    text-align: center;
    background: url(../img/checkOn.png)no-repeat;
    background-size: 22px auto;
    background-position: 50% 50%;
    vertical-align: middle;
}

.chk-agree02 input[type=checkbox] {
    display: none;
}
.chk-agree02.all input[type=checkbox] {
    display: none;
}

.chk-agree03 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.chk-agree03 input[type=checkbox] {
    display: none;
}
.chk-agree03 input[type=checkbox] {
    display: none;
}
.chk-agree03.all input[type=checkbox] {
    display: none;
}
.chk-agree03 input[type=checkbox] + label {
    -webkit-appearance: none;
    position: relative;
    width: 22px;
    height: 22px;
    cursor: pointer;
    outline: none !important;
    border: 2px solid rgb(118 118 118);
    border-radius: 3px;
    background: transparent;
}

.chk-agree03 input[type=checkbox]:checked + label {
    display: inline-block;
    cursor: pointer;
    position: relative;
    width: 22px;
    height: 22px;
    font-size: 14px;
    line-height: 21px;
    font-weight: 700;
    text-align: center;
    color: #fff;
    background: #7B542F;
    border: 2px solid #7B542F;
    vertical-align: middle;
}



.chk-agree03 input[type=checkbox]:checked + label:before {
    content: "\2713";
    width: 100%;
    transition: all .2s;
    position: absolute;
    right: 0 !important;
    top: -1px;
    border: 0;
    font-size: 14px;
    height: 22px;
}

.agree-txt1 {
    word-break: keep-all;
    font-size: 16px;
    margin-left: 10px;
    font-weight: 400;
}
.pop-open {
    font-size: 14px;
    color: #7b542f;
    font-weight: 500;
    cursor: pointer;
    display: inline-block;
}
/* // join01 */


/*magazine*/
.visual-sub .titleTxt {
    font-size: 40px;
}

.magazine .sectionBox{padding-top:100px;overflow:hidden;}
.magazine .sectionBox .centerNews{
	display:flex;
	background:#f6f6f6;
	}
.magazine .sectionBox .centerNews .thumbnail {
    width: 50%;
    position: relative;
    padding-top: 50%;
}
.magazine .sectionBox .centerNews .thumbnail img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
	object-fit: cover;
}

.magazine .sectionBox .centerNews .News-text {
    width: 50%;
    position: relative;
	padding:16% 110px 85px 75px;
}
.magazine .sectionBox .centerNews .News-text .News-writer {
    color: #9e9e9e;
    font-weight: 400;
    font-size: 20px;
	margin-bottom:25px;
}
.magazine .sectionBox .centerNews .News-text .News-title {
    color: #333333;
    font-weight: 400;
    font-size: 2em;
        white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 2.5em;
    overflow: hidden;
    margin-bottom: 20px;
}
.magazine .sectionBox .centerNews .News-text .News-txt {
    color: #9e9e9e;
    font-weight: 400;
    font-size: 1.5em;
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 1.7;
}
.magazine .sectionBox .centerNews .linkBtn {
    position: absolute;
    bottom: 50px;
    right: 40px;
    display: flex;
    align-items: center;
    font-size: 22px;
    text-transform: uppercase;
    font-weight: 300;
    cursor: pointer;
}
.magazine .sectionBox .centerNews .linkBtn .pick_icon{
    width:78px;
	margin-left:5px;
}


.magazine .listNews {
	overflow:hidden;
	padding-top:190px;
	}
.magazine .listNews .itemArea {
    display: flex;
    align-items: center;
    border-bottom: 2px #666666 solid;
    padding-bottom: 7px;
    margin-bottom: 20px;
}
.magazine .listNews .itemArea .pr_tab {
    overflow: hidden;
}
.magazine .listNews .itemArea .pr_tab li {
    float: left;
    padding: 7px 20px;
    background: #f6f6f6;
    border-radius: 50px;
    font-size: 15px;
    color: #7f7f7f;
    margin-right: 15px;
    cursor: pointer;
}
.magazine .listNews .itemArea .pr_tab li.tab_active {
    background: #7B542F;
    color: #fff;
}

.magazine .listNews .itemArea .searchForm {
	margin-left:auto;
	position:relative;
	}

.searchPut {
    width: 240px;
    height: 40px;
    background: #f7f7f7;
    border-radius: 5px;
    padding-left: 20px;
    font-size: 15px;
    padding-right: 45px;
}
.magazine .listNews .itemArea .searchForm .search-icon {
    cursor: pointer;
    position: absolute;
    top: 9px;
    right: 10px;
    height: 22px;
}

.listNews .listArea {overflow:hidden;}
.listNews .listArea .subNews {
    overflow: hidden;
    padding: 20px;
    display: flex;
    border-bottom: 1px #666666 solid;
}
.listNews .listArea .subNews .thumbnail {
    width: 25%;
    position: relative;
    padding-top: 25%;
    float: left;
}
.listNews .listArea .subNews .thumbnail img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
	object-fit: cover;
    right: 0px;
}
.listNews .listArea .subNews .News-text {
    width: calc(100% - 25%);
    position: relative;
    padding: 50px;
    float: left;
}
.listNews .listArea .subNews .News-text  .News-writer {
    color: #9e9e9e;
    font-weight: 400;
    font-size: 1.2em;
	margin-bottom:25px;
}
.listNews .listArea .subNews .News-text .News-title {
    color: #333333;
    font-weight: 400;
    font-size: 1.7em;
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 1.2em;
    overflow: hidden;
    margin-bottom: 20px;
    padding-right: 10%;
}
.listNews .listArea .subNews .News-text .News-txt {
    color: #9e9e9e;
    font-weight: 400;
    font-size: 1.2em;
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 1.7;
	padding-right: 10%;
}
.listNews .listArea .subNews .linkBtn {
    position: absolute;
    bottom: 0;
    right: 0;
    display: flex;
    align-items: center;
    font-size: 22px;
    text-transform: uppercase;
    font-weight: 300;
    cursor: pointer;
}
.listNews .listArea .subNews .linkBtn .pick_icon{
    width:78px;
	margin-left:5px;
}
/*magazine END*/

/* magazine view */
.magazine .view_titArea .date {
	font-size: 17px;
    color: #000;
}
.magazine .view_titArea .tit {
    font-size: 30px;
    font-weight: 600;
    color: #000;
    padding: 40px 0 20px;
    border-bottom: 1px solid #000;
    margin-bottom: 60px;
    position: relative;
}
.magazine .view_conArea .sumImg {
    max-width: 100%;
}
.magazine .view_conArea .cont {
    font-size: 18px;
    line-height: 1.5;
    margin-top: 60px;
    padding: 60px 0;
    border-bottom: 1px solid #cccccc;
}
.magazine .view_fileArea {
    margin-top: 60px;
    padding: 20px;
    border-bottom: 1px solid #cccccc;
    line-height: 1.5;
}
/* magazine view End */


.order .mypageArea {width:100%;}

.topBtn {
    display: none;
    position: fixed;
    bottom: 40px;
    cursor: pointer;
    width: 60px;
    right: 24px;
}
.topBtn img {   width: 100%;}

.shop .price .pv_selling {
    font-size: 20px;
    font-weight: 400;
    color: #d9897c;
    padding-top: 10px;
}

.shop .totalprArea {
	display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
	justify-content: end;
}


.radio_item {margin-bottom:10px;}
.radio_item .span01{margin-right:10px;}
.Login_Memory {margin-right:10px;}
.select_type01 {
	border: 1px solid #CCCCCC !important;
    height: 50px;
    padding: 0px 10px;
	width: calc(100% - 60% - -10px);
	}
.input_item {
    width: 100%;
    display: block;
    display: flex;
    align-items: center;
    justify-content: center;
}
.input_item .space{
    margin-left:3px;
	margin-right:3px;
}
.input-form .mb10{
	margin-bottom:10px;
	}

.faq-flex {
	display: flex;
}


.li_box .li1:nth-child(1) {
    margin-bottom: 30px;
    border-bottom: 1px #e4e4e4 solid;
    padding-bottom: 15px;
}
.li_box .li1:nth-child(2) {
    margin-bottom: 30px;
}
.ch_flex {display:flex;margin-bottom:15px !important;}
.ch_flex p {
    width: 180px;
    display: flex;
    align-items: center;
}
.ch_flex .input_login {
    border: 1px #cccccc solid;
}
.ch_txt {font-size:16px;text-align:center;margin-top:10px;}






.check_nationality {overflow:hidden;display:flex; gap:15px;}
.table-flex .radio_form_item {display:flex; gap:15px;margin-bottom:15px;}
.table-flex .radio_form_item label {
        display: flex;
        gap: 7px;
        align-items: center;
        font-size: 16px;
    }
.table-flex .radio_form_item label .C_JCHECK {width:20px;height:20px;}
.check_nationality li {
        width: 100%;
        height: 47px;
		background:#f2f2f2;
        box-sizing: border-box;
        display: block;
        font-size: 16px;
        margin: 0 auto;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        border: 1px #e4e4e4 solid;
    }
    .check_nationality li.on {
        background: #ffffff;
        border: 1px #6eb212 solid;
        color: #6eb212;
    }


.flex_item_box {display:Flex;}
.flex_item_box .input_flex {
        display: Flex;
        gap: 10px;
        width: 100%;
    }






    .payWrap .reference_box {
        overflow: hidden;
        border: 2px #e4e4e4 solid;
        padding: 25px;
    }
    .payWrap .reference_box .reference_txt {
        margin-bottom:25px;
		text-align:center;
    }
    .payWrap .reference_box .reference_txt .txt1{
    text-align: center;
    font-size: 24px;
    }
    .payWrap .reference_box .reference_txt2 {
    margin-bottom: 30px;
    }
    .payWrap .reference_box .reference_txt2 .txt_th{
    margin-bottom: 10px;
    }
    .payWrap .reference_box .reference_txt2 .txt_th p{
    font-size:18px;
    }
    .payWrap .reference_box .reference_txt2 .txt_th .txt1_k{
	font-weight: 700;
    }

    .payWrap .reference_box .reference_txt2 .txt_td{
    margin-bottom:20px;
    }
    .payWrap .reference_box .reference_txt2 .txt_td p{
     opacity: 0.7;
    font-weight: 500;
    }
    .payWrap .reference_box .reference_txt2 .txt_td .txt1_k{
    margin-bottom: 5px;
    }
    .payWrap .reference_box .reference_txt3 {
    background: #ff0000;
    padding: 12px 5px;
    text-align: center;
    color: #fff;
    font-weight: 300;
    }


.bank_add {
	background-color: #e8e8e8;
	margin-top: 3%;
	display: flex;
	align-items: center;
	padding-left: 15px;
	border-radius: 5px;
	width: 90%;
	padding-top: 3%;
	padding-bottom: 3%;
    }
.bank_add a{
	color: #333333;
	font-size: 17px;
	font-weight: 500;
	display: block;
	word-break: break-word;
	}




.payWrap .shop_item .paymentleft .pay-item03 .flex{
	flex-wrap: wrap !important;
	gap: 10px;
	}
    .payWrap .shop_item .paymentleft .pay-item03 .flex .memory {
        width: calc(100% / 3 - 20px) !important;
        margin-right: 0px;
        margin-right: 0px;
    }


/*kakao chat*/
.kakao_chat {margin-left:10px;}
.kakao_chat img{height:30px;}
/*kakao chat END*/




/*footer*/
#footer {
    width: 100%;
    background: #333333;
    padding-top: 75px;
    padding-bottom: 75px;
}
#footer .button_area{display:flex;gap:10px;margin-bottom:30px;}
#footer h2{font-size:34px;font-weight:400;margin-bottom:30px;color: #ffffff;}
#footer .company-ceo {
    font-size: 16px;
    color: #ffffff;
    margin-bottom: 10px;
    opacity: 0.8;
    font-weight: 200;
    letter-spacing: 0.5;
}
#footer .footer-info{
    display: flex;
}
#footer .item-L-area ul {
    display: flex;
    align-items: center;
	flex-wrap: wrap;
}
#footer .item-L-area ul li {
    font-size: 16px;
    color: #ffffff;
    opacity: 0.8;
    font-weight: 200;
    letter-spacing: 0.5;
	position:relative;
	padding-right: 30px;
	margin-bottom: 10px;
}
#footer .item-L-area ul li:After {
    content: '';
    width: 1px;
    height: 12px;
    background: #ffffff;
    opacity: 0.6;
    position: absolute;
    top: 3px;
    right: 15px;
}
#footer .item-L-area ul li:last-child:After {
   display:none;
}
#footer .item-R-area {
    display:flex;
	flex-direction:column;
	gap:30px;
	margin-left:auto;
	max-width: 450px;
    width: 100%;
}
#footer .item-R-area > div{
    display:flex;
	flex-direction:column;
	gap:30px;
}
#footer .item-R-area > div h3{
    font-size:20px;font-weight:400;color: #ffffff;margin-left: auto;
}
#footer .item-R-area > div ul{
    display: flex;
    align-items: center;
    gap: 35px;
	justify-content: flex-end;
}
#footer .item-R-area > div ul li {
    font-size: 16px;
    color: #ffffff;
    opacity: 0.8;
    font-weight: 200;
    letter-spacing: 0.5;
	position:relative;
}
#footer .item-R-area > div ul li a{
    font-size: 16px;
    color: #ffffff;
    opacity: 0.8;
    font-weight: 200;
    letter-spacing: 0.5;
	position:relative;
}
#footer .item-R-area > div ul li.btn_privacy{
    cursor:pointer;
}
#footer .item-R-area > div ul li.btn_mail{
    cursor:pointer;
}

/* 배경 */
.policy-overlay{
    position:fixed;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.7);
    display:none;
    z-index:1000;
}


/* 팝업 */
.policy-popup{
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    background: #fff;
    display: none;
    z-index: 1001;
    max-width: 980px;
}


/* 헤더 */
.policy-popup .policy-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 25px;
    position: relative;
}

.policy-popup .policy-title {
    font-size: 30px;
    font-weight: 700;
    color: #000000;
}

.policy-popup .policy-close {
    font-size: 22px;
    cursor: pointer;
    position: absolute;
    top: 0px;
    right: -60px;
    width: 60px;
    height: 60px;
    background: #7b542f;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 30px;
}

/* 내용 */
.policy-popup .policy-content{
    padding: 0px 25px 25px 25px;
}

.policy-popup .policy-box {
    overflow-y: auto;
    font-size: 16px;
    line-height: 1.6;
    color: #666666;
    display: none;
    border: 1px #e4e4e4 solid;
    padding: 25px;
    word-break: keep-all;
}
.policy-popup .privacy-box {
    height: 500px;
}
.policy-popup .mail-box{
   min-height:auto;
}
.policy-popup .mail-box p {
    font-size: 24px;
    text-align: center;
    font-weight: 400;
}
.policy-popup .mail-box p span{
    font-weight: 700;
}


/* 스크롤 디자인 */
.policy-popup .policy-box::-webkit-scrollbar{
    width:6px;
}

.policy-popup .policy-box::-webkit-scrollbar-thumb{
    background:#bbb;
    border-radius:3px;
}

/*footer EMD*/



#layer{
    border:3px solid #7B542F !important;
    background:#fff;
	overflow: auto;
	left: 44% !important;
    top: 27% !important;
}

.postcode_header{
    height:50px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:0 15px;
	background-color: #7B542F !important;
    font-size:16px;
    font-weight:600;
    position:relative;
    z-index:2;
}
.postcode_header .post_title{
	font-size: 20px;
	font-weight: 500;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: #fff;
}
.postcode_header .post_close_btn{
    background:none;
    border:none;
    font-size:20px;
    cursor:pointer;
	margin-left: auto;
	filter: brightness(0) invert(1) !important;
}

#postcode_body{
       width:100%;
    height:calc(100% - 50px); /* ⭐ 핵심 */
    overflow: hidden;          /* ⭐ 스크롤 */
	position:relative;
    z-index:1;
}
#postcode_body iframe{
    position:relative;
}
.brand_wrap .slogan {
	margin-top: 150px;
	margin-bottom: 150px;
}
.brand_wrap .slogan .main_title{
	font-size: 32px;
	font-weight: 700;
	color: #000;
	margin-bottom: 30px;
	text-align: center;
}
.brand_wrap .slogan .main_tt{
	font-size: 20px;
	font-weight: 500;
	color: #808080;
	text-align: center;
	line-height: 150%;
}
.brand_wrap .mission {
	margin-bottom: 50px;
}
.brand_wrap .mission .content_box{
	padding: 64px 0;
}
.brand_wrap .mission .bg_gray{
	background-color: #f8f8f8;
}
.brand_wrap .mission .content_box  .flex_inner{
	display: flex;
	gap: 80px;
	height: 600px;
}
.brand_wrap .mission .conbox01 .position_number{
	font-size: 150px;
	font-weight: 700;
	color: #f2f2f2;
	position: absolute;
	bottom: -20px;
	right: 0;
	font-style: italic;
}
.brand_wrap .mission .conbox02 .position_number{
	font-size: 150px;
	font-weight: 700;
	color: #f2f2f2;
	position: absolute;
	bottom: -20px;
	left: 0;
	font-style: italic;
}
.brand_wrap .mission .content_box .imgbox{
	background-color: #808080;
	width: calc(50% - 80px);
	position: relative;
	overflow: hidden;
	padding-top: 45%;
}
.brand_wrap .mission .content_box .imgbox img{
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	object-fit: cover;
	position: absolute;
}
.brand_wrap .mission .content_box .textbox{
	padding-top: 64px;
	width: calc(50% - 80px);
		position: relative;
}
.brand_wrap .mission .content_box .textbox .mission_title{
	font-size: 48px;
	font-weight: 700;
}
.brand_wrap .mission .content_box .textbox .sub_title{
	font-size: 20px;
	font-weight: 700;
	margin: 44px 0 16px;
	color: #e03c31;
}
.brand_wrap .mission .content_box .textbox .text{
	font-size: 18px;
	font-weight: 400;
	max-width: 350px;
	line-height: 150%;
	word-break: keep-all;
}
.brand_wrap .mission .conbox02 .flex_inner{
	flex-direction: row-reverse;
}
.brand_wrap .mission .conbox02 .text li .c_title{
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 5px;
}
.brand_wrap .mission .conbox02 .text li .tt{
	font-size: 18px;
	font-weight: 400;
	max-width: 350px;
	line-height: 150%;
	word-break: keep-all;
	color: #808080;
}
.brand_wrap .mission .conbox02 .text li {
	margin-bottom: 30px;
}
.brand_wrap .bbko_story {
	background-image: url(../img/brand_bg2.jpg);
	background-size: cover;
	background-position: center center;
	width: 100%;
	padding: 84px 0;
}
.brand_wrap .bbko_story p{
	color: #fff;
	font-size: 14px;
	font-weight: 400;
	line-height: 150%;
}
.brand_wrap .bbko_story p span{
	color: #fff;
	font-size: 24px;
	font-weight: 700;
	line-height: 150%;
}
.brand_wrap .ci{
	padding: 64px 0;
}
.brand_wrap .ci .ci_title{
	font-size: 28px;
	font-weight: 500;
	margin-bottom: 50px;
}
.brand_wrap .ci .ci_content {
	margin-bottom: 50px;
}
.brand_wrap .ci .ci_content .ibox .tit{
	font-size: 20px;
	font-weight: 500;
	margin-bottom: 15px;
}
.brand_wrap .ci .ci_content .ibox .imgbox{
	width: 100%;
	background-image: url(../img/ci_bg.jpg);
	background-position: center center;
	background-size: cover;
	height: 280px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #e2e2e2;
	border-radius: 10px;
	overflow: hidden;
}
.brand_wrap .ci .ci_content .ibox .imgbox img{
	height: 120px;
}
.brand_wrap .ci .ci_content .ci_flex{
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 30px;
}
.brand_wrap .ci .ci_content .ci_flex .ibox{
	width: 50%;
}





@media screen and (max-width: 1400px){

    #footer .footer-info {
        display: flex;
        flex-wrap: wrap;
        gap: 30px;
    }
    #footer .item-R-area > div h3 {
        font-size: 20px;
        font-weight: 400;
        color: #ffffff;
        /* margin-left: auto; */
    }
    #footer .item-R-area > div ul {
        display: flex;
        align-items: center;
        gap: 35px;
        /* justify-content: flex-end; */
    }

}


.kakaolink_btn_gongtong {
	height: 40px;
    padding: 0px 30px;
    justify-content: space-between;
    align-items: center;
    background-color: #ffd024;
    color: #fff;
    font-size: 0.875em;
    border-radius: 20px;
    display: flex;
    gap: 10px;
	}
    .kakaolink_btn_gongtong a {
        color: #000000;
        display: flex;
        align-items: center;
        gap: 7px;
    }
    .kakaolink_btn_gongtong a img{
        height:20px;
    }


.product_price_txt {
        position: absolute;
        top:5px;
        right: 0px;
    }
.product_price_txt p{
	font-size: 20px;
	color: #333333;
	font-weight: 600;
}


.ord_filde {display:flex;}
.ord_filde .sumPrice {margin-left:auto;}

.order_link {font-size: 18px;
    font-weight: 700;
    color: #fff;}