/* nanum-gothic-700 - latin_korean */
@font-face {
  font-family: "NanumBarunGothic";
  src: url("../fonts/NanumBarunGothic.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

.nanumbarungothic * {
 font-family: 'NanumBarunGothic', sans-serif;
}

@font-face {
    font-family: 'Handletter';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/naverfont_05@1.0/Handletter.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* 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;
}
    .m_80 {
        height: 80px !important;
    }
body {
	font-family: 'Pretendard Variable', sans-serif;
	color: #423a3a;
	font-weight: 400;
	background: #ffffff;
}

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

.w100 {
	width: 100% !important;
}

.w55 {
	width: 70%;
}

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

.pb_30{
	padding-bottom: 20px;
}
.hover_cate {
    color: #282828 !important;
    border-bottom: 2px solid #0d0d0d !important;
}
.pt_30{
	padding-top: 20px;
}

.inner800 {
    padding: 0 4%;
    width: 100%;
}

.inner1000 {
    padding: 0 4%;
    width: 100%;
	position: relative;
	    overflow: hidden;
}

.c_inner {
	width: 960px;
	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;
}

.m_hide {
	display: none!important;
}

.m_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: 20px;
	clear: both;
}

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

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

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

.sp50 {
	height: 30px;
	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;
}

.mb-20 {
	margin-bottom: 10px;
}

.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: 90% 57% !important;
    background-size: 9px auto !important;
}

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 {
    width: 100%;
    margin: 0 auto;
    padding: 0 4%;
}

/* header */
.account_top {
    width: 100%;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 1000;
	background-color: #91643a;
}

.account_top .top_inner {
    height: 50px;
}

.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: 12px;
	font-weight: 400;
	position: relative;
}

.account_top .rArea02 .pc_lnb ul a {
	color: #fff;
	margin: 0 10px;
	font-size:12px;
}
.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;
}
.account_top  .lang_select{
	margin-left: 15px;

}

#wrap {
  min-height: 100vh;
  padding-top: 25px;
}
/*language*/
.language_btn {
	position: absolute;
	top: 14px;
	right: 20px;
}

.language_btn01 {
	border: 1px #e4e4e4 solid;
	width: 110px;
	height: 35px;
	color: #646464;
	line-height: 35px;
	cursor: pointer;
}

.language_img {
	width: 20px;
	margin-left: 5px;
	margin-right: 5px;
	float: left;
	margin-top: 13px;
}

.bottom_img {
	width: 10px;
	float: right;
	margin-top: 15px;
	margin-right: 10px;
}

.language_btn01:hover .dep_01 {
	display: block;
}

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

/* 국가 선택 */
.lang_select {
        position: relative;
        cursor: pointer;
        z-index: 999;
		margin-left: 15px;
    }
.lang_select .active_lang {
        color: #fff;
		font-size: 14px;
	    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;
}

/* //국가 선택 */
/**/

/*login*/
.index_l_bg {
	width: 100%;
	min-height: 100vh;
	background-image: url(../img/log_bg.jpg) !important;
    background-size: 100% auto;
    background-position: center;
	float: left;
}

.pc-h-195 {
	min-height: 195vh !important;
}

.pc-h-220 {
	min-height: 220vh !important;
}

.pc-h-300 {
	min-height: 330vh !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;
}

.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: 90%;
	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: 20px;
	text-align: center;
	color: #ffffff;
	margin-bottom: 40px;
}

.index_r_box .l_tit01 span {
	font-weight: 700;
}

.index_r_box .login_item {
	overflow: hidden;
	background: #fff;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	height: 500px;
}

.index_r_box .login_item .l_s_tit01 {
	    display: block;
    width: 100px;
    height: auto;
    padding-bottom: 5px;
    padding-top: 20px;
    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: #2a2f42;
	text-align: center;
	margin-bottom: 30px;
}

.index_r_box_join {
	float: right;
	width: 90%;
	/* height: 95vh; */
	position: absolute;
	left: 50%;
	z-index: 99999;
	padding-bottom: 30px;
	transform: translateX(-50%);
	top: 2.5vh;
}

.incont_box {
	width: 100%;
	padding: 0 6%;
}

.button012 {
	width: 85px !important;
	font-size: 12px !important;
    background: transparent;
    height: 40px;
    border: 1px solid #cccccc;
    color: #000;
    line-height: 40px;
    cursor: pointer;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
    vertical-align: middle;
    box-sizing: border-box;
}

.login .veriBtn:hover{background-color: #7B542F;color:#ffffff;}

.join .button012 {margin-left: 6px; width: 120px !important;}

.product_info .categories {
    font-size: 12px;
    font-weight: 400;
    color: #7B542F;
    padding-top: 10px;
}
.button013 {
    background: transparent;
    height: 40px;
    border: 1px solid #7B542F;
    color: #7B542F;
    line-height: 35px;
    width: 80px;
    cursor: pointer;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
    vertical-align: middle;
    margin-left: 10px;
    box-sizing: border-box;
    flex-shrink: 0;
}

.index_r_box_join .l_tit01 {
	font-size: 22px;
	text-align: center;
	color: #0d0d0d;
	margin-bottom: 40px;
}

.index_r_box_join .l_tit01 span {
	font-weight: 700;
}

.index_r_box_join .login_item {
	overflow: hidden;
	background: #ffffff;
	border-radius: 10px;
	box-shadow: 0 0 10px 0px rgb(0 0 0 / 8%);
}


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

.index_r_box .logo {
	text-align: center;
}

.index_r_box .logo img {
	width: 260px;
}

.input_title {
	font-size: 13px;
	margin-bottom: 10px;
	color: #585858;
	font-weight: 500;
	line-height: 1;
}

.input_title span {
	color: #8d8d8d;
}
.input_title02{
	font-size: 12px;
	font-weight: 300;
	color: #808080;
}
.index_title {
	font-size: 15px;
	background: #000;
	height: 60px;
	color: #ffffff;
	text-align: center;
	font-weight: 400;
	line-height: 60px;
}

.index_input {
	width: 75%;
	margin: 0 auto;
	overflow: hidden;
}

.mt-17 {
	margin-top: 17px;
}

.mb-35 {
	margin-bottom: 20px !important;
}

.mt-35 {
	margin-top: 20px !important;
}

.mr-5 {
	margin-right: 5px;
}

.mr-20 {
	margin-right: 10px;
}

.mr-5p {
	margin-right: 5%;
}

.ml-5p {
	margin-left: 5%;
}

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

.index_m_title::before {
    content: "";
    width: 2px;
    height: 15px;
    position: absolute;
    top: 1px;
    left: 0;
    background: #7B542F;
}

.index_input01 {
	width: 100%;
	height: 35px;
	border: none;
	padding-left: 10px;
	background: transparent;
	color: #4e4e4e;
	border-bottom: 1px #ccc solid;
}



.phone_select option {
	background: #333333 !important;
	color: #000;
}

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

.index_input03::placeholder {
	color: #848484;
	font-size: 12px;
}

.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;
	width: 75%;
	margin: 0 auto;
}

.button01 {
    width: 100%;
    height: 45px;
    background-color: #7B542F;
    color: #ffffff;
    border: 0px;
    cursor: pointer;
    vertical-align: middle;
    font-size: 16px;
    font-weight: 400;
    border-radius: 5px;
}

.index_p01 {
    font-size: 14px;
    text-align: right;
    float: left;
}
.index_p01:nth-child(1){
    margin-right: 10px;
}


.index_p02 {
	font-size: 16px;
	text-align: center;
	margin-top: 30px;
}

.index_p01 a {
	color: #666;
}

.index_p02 a {
	color: #666;
}

.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: 10px 0;
	display: inline-block;
	float: left;
}

.login .memory span {
    padding-left: 5px;
    color: #666666;
    font-size: 14px;
}

.login .memory input[type="checkbox"] {
    -webkit-appearance: none;
    position: relative;
    width: 16px;
    height: 16px;
    cursor: pointer;
    outline: none !important;
    border: 3px 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_end*/

/* join01 */
.join01_l_box {
	width: 100%;
	min-height: 100vh;
	background: #90a194;
}

.join01_r_box {
	width: 90%;
	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: 500px;
}

/* 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: 40px 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: 10% 0 15%;
}

.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: 50px;
}

.join01_r_box .joinChoiceBottom {
	padding: 0px 50px;
	text-align: center;
}

.join01_r_box .joinChoiceBottom h3 {
	font-size: 20px;
	font-weight: 500;
	padding-bottom: 20px;
	color: #ffffff;
}

.join01_r_box .joinChoiceBottom > p {
	font-size: 14px;
	font-weight: 400;
	color: #2a2f42;
	text-align: center;
	margin-bottom: 100px;
}

/* // join01 */

/*pop*/
.pop-up table {
	width: 100% !important;
}

.pop-up table th {
	font-size: 13px;
}

.pop-up table td {
	word-break: keep-all;
	padding: 10px;
	font-size: 12px;
	line-height: 25px;
	font-weight: 600;
	width: auto !important;
}

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

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

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

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

.popTop .tit {
    background: #7B542F;
    color: #fff;
    font-size: 15px;
	padding: 10px 45px 10px 20px;
    font-weight: 500;
	line-height: 150%;
}

.popCont {
	padding: 10px 20px;
}

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

.popCont strong {
	font-size: 15px;
	display: block;
	color: #2a2f42;
	padding-bottom: 10px;
	font-weight: 600;
}

/*//pop*/

/*join*/

.phone_select {
	width: 100%;
	height: 40px;
	border: none;
	padding-left: 10px;
	background: #fff !important;
	color: #0d0d0d;
	border: 1px solid #CCCCCC !important;
}

.phone_select option {
	background: #ffffff !important;
}

.index_input02 {
	width: 30%;
	height: 35px;
	border: none;
	padding-left: 10px;
	background: transparent;
	color: #2a2f42;
	border: 1px #d3d3d3 solid;
	float: left;
}

.index_input03 {
	width: 70%;
	height: 40px;
	border: none;
	padding-left: 7px;
	background: transparent;
	color: #2a2f42;
    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;
}

.button02 {
	width: 192px;
	height: 37px;
	border: none;
	background: rgb(0 0 0);
	border-radius: 5px;
	color: #ffffff;
	font-size: 15px;
	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 #2a2f42 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;
	    padding-top: 2px;
}

.memory .agreeopen:hover {
	color: #2a2f42;
}

.memory span {
        padding-left: 3px;
        color: #333;
        font-size: 12px;
        letter-spacing: -0.7px;
        line-height: 17px;
    }

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

.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: rgb(0, 0, 0, 0.95);
}

.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 #2a2f42;
	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 */

#search_01 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;
}

/*searchCheck*/
.searchCheck {
	width: 50%;
	float: left;
	word-break: keep-all;
	margin-bottom: 9px;
	margin-left: 20px;
}

.searchCheck span {
	padding-left: 0px;
	color: #2a2f42;
	font-size: 12px;
}

.searchCheck input[type="checkbox"] {
	-webkit-appearance: none;
    position: relative;
    width: 16px;
    height: 16px;
    cursor: pointer;
    outline: none !important;
    border: 2px solid #7B542F;
    border-radius: 4px;
    background: transparent;
    vertical-align: middle;
}

.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: #7B542F;
}

.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*/

.top_logo {
	width: 15%;
	height: 100px;
	float: left;
	background: #2f49d1;
	line-height: 70px;
	font-weight: 700;
	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;
	text-align: center;
}

.top_logo img {
	width: 92px;
	cursor: pointer;
}

.useremail {
	width: 30%;
	float: left;
	margin-top: 5px;
	padding-top: 15px;
}

.useremail p {
	font-size: 0.8em;
	color: #333333;
}

.useremail .usid {
	font-size: 12px;
	color: #333333;
	font-weight: 400;
}

/*

.profilebox::before {
	content: "";
	border-top: 3px solid #795f50;
	position: absolute;
	display: block;
	width: 170px;
	top: 77px;
}
*/

.top_section {
	height: 80px;
	width: 90%;
	margin: 0 auto;
	padding-top: 10px;
	border-bottom: 1px #e4e4e4 solid;
}

.top-left {
	float: left;
	display: table;
	margin-left: 1.5%;
	width: 200px;
}

.top-left img {
	display: inline-block;
	margin-right: 10px;
	width: 130px;
	padding-top: 14px;
}

.top-left h2 {
	display: inline-block;
	font-weight: 600;
	font-size: 1.4rem;
	color: #ffffff;
}

.top-right {
	display: none;
	float: right;
	margin-right: 1.5%;
}

.top-right #Level {
	display: table;
	float: left;
}

.top-right #Level img {
	display: table;
	float: left;
	margin-right: 20px;
	margin-top: 10px;
	width: 52px;
}

.top-right #Level p {
	display: table;
	float: left;
	color: #ffffff;
	font-size: 0.95em;
	font-weight: 600;
	line-height: 1.1em;
	margin-top: 18px;
}

.top-right #Level p span {
	color: #8f8f8f;
	font-size: 0.8em;
	font-weight: 400;
}

.top-right .notification {
	margin-left: 50px;
	float: left;
	display: table;
}

.top-right .notification img {
	width: 55px;
	margin-top: 10px;
}

.top-right .notification .N-number {
	background: #b000a3;
	color: #ffffff;
	font-size: 0.7em;
	padding: 3px 5px;
	border-radius: 20px;
	font-weight: 600;
	position: absolute;
	margin-left: -20px;
}

.top-right .Language {
	display: table;
	float: left;
	margin-left: 15px;
	border: 1px solid #b8b8b8;
	margin-top: 7px;
	width: 90px;
	height: 40px;
	line-height: 40px;
	padding: 0 10px;
}

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

.top-right .Language .dropdown .N-flag {
	margin-left: 5px;
	width: 20px;
}

.top-right .Language .dropdown img {
	vertical-align: middle;
	margin-right: 10px;
}

.top-right .Language .dropdown p {
	font-size: 1em;
	font-weight: 600;
	color: #333333;
	text-align: right;
	display: table;
	float: right;
	padding-right: 5px;
}

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

.top-right .Language .dropdown-content {
	display: none;
	position: absolute;
	background-color: #ffffff;
	min-width: 90px;
	z-index: 1;
	border: 1px #d2d2d2 solid;
	position: absolute;
	top: 40px;
	left: -10px;
}

.top-right .Language .dropdown-content a {
	color: #606060;
	text-decoration: none;
	display: block;
}

.top-right .Language .dropdown-content a:hover {
	background-color: #e4e4e4;
}

.top-right .Language .dropdown:hover .dropdown-content {
	display: block;
}

/* m_top */
.m_top {
	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: 100%;
}

.navBtn {
	margin-left: 5%;
}

.m_top > a {
	width: 50%;
	margin: 0 auto;
}

.top_logoFile {
	width: 150px;
}

/* // m_top */


.level_box {
	float: left;
	overflow: hidden;
}

.level_img {
	float: left;
	margin-top: 6px;
	margin-left: 20px;
	width: 50px;
}

.usernamue {
	font-size: 15px;
	color: #ffffff;
	font-weight: 700;
	margin-top: 15px;
	display: inline-block;
	margin-left: 10px;
	margin-right: 50px;
}

.usernamue span {
	font-weight: 400;
	color: #ffffff;
	font-size: 13px;
}

.language_btn02 {
	width: 110px;
	height: 35px;
	color: #070707;
	line-height: 35px;
	cursor: pointer;
}

.language_btn02:hover .dep_01 {
	display: block;
}

.left_menu .level-area {
	color: #ffffff;
}

.left_menu .level-area .id {
	padding-top: 10px;
	display: table;
	margin: 0 auto;
}

.left_menu .level-area .id img {
	width: 30px;
	margin-right: 10px;
	float: left;
}

.left_menu .level-area a img {
	width: 95px;
}

.left_menu {
	width: 100%;
	height: 100%;
	background: #795f50;
	float: left;
	overflow: hidden;
	position: fixed;
	z-index: 9999;
	top: 0;
	left: -150%;
	overflow: auto;
}

.left_menu #level {
	display: none;
}

.left_menu .Language {
	display: none;
}

.logout-btn {
	display: none;
}

.m_left {
	margin: 65px 35px;
	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;
}

.logofill {
	text-align: center;
}

.close {
	position: absolute;
	right: 0;
	top: 0;
	height: 24px;
}

.logofill img {
	width: 160px;
}

.m_menu_top {
	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: space-between;
	-ms-flex-pack: space-between;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	margin-bottom: 40px;
	color: #fff;
	padding: 20px 35px;
	border-top: 1px solid #977a69;
	border-bottom: 1px solid #977a69;
}

.m_menu_top .mth {
	font-size: 1.4em;
}

.m_menu_top .mtd {
	font-size: 0.9em;
	padding-top: 10px;
}

.m_menu_top .menuicon {
	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;
}

.m_menu_top a {
	color: #fff;
	background: #c59b83;
	width: 45px;
	height: 45px;
	display: block;
	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;
	-webkit-box-orient: vertical;
	-ms-flex-direction: column;
	font-size: 0.75em;
	flex-direction: column;
	margin-left: 0.8em;
	font-weight: 600;
}

.m_menu_top a i {
	font-size: 1.6em;
}

.nav-hm .area-over {
	font-size: 0.9rem;
	height: 50px;
	width: 100%;
	display: block;
	color: #ffffff;
	font-weight: 700;
	line-height: 50px;
	text-align: left;
	padding: 0px 35px;
}

.left_menu .mlist {
	position: relative;
}

.left_menu .mlist:hover {
	color: #ffffff;
	background: #b38063;
	position: relative;
}

.left_menu .mlist .menu_01 {
	margin-right: 20px;
	vertical-align: middle;
}


.nav-hm .mlist-sub {
	width: 100%;
	position: relative;
	top: auto;
	left: auto;
	opacity: 1;
	visibility: visible;
	height: auto;
	display: none;
}

.nav-hm .mlist-sub ul li {
	background: #9b7b69;
}

.nav-hm .mlist-sub a {
	font-size: 14px;
	height: 50px;
	width: 100%;
	display: block;
	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-left: 35px;
	color: #ffffff;
}

.nav-hm .mlist-sub a:hover {
	color: #ffffff;
}

.nav-hm .mlist .area-over.isOpen {
	color: #ffffff;
	background: #c99d84;
	position: relative;
}

.nav-hm .mlist .area-over.isOpen::after {
	width: 5px;
	height: 70px;
	content: '';
	position: absolute;
	top: 0px;
	left: 0px;
	background: #ffffff;
}

.nav-hm .logout_Btn {
	width: 99px;
	height: 38px;
	background: #1b42a7;
	color: #ffffff;
	float: left;
	margin-left: 30px;
	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;
	border-radius: 5px;
	margin-top: 30px;
}

.nav-hm .logout_Btn a {
	color: #ffffff;
	font-size: 16px;
}

.nav-hm .logout_Btn:hover {
	background: #2f6ff1;
}

.top_total {
	float: left;
	line-height: 70px;
}

.top_total01 {
	float: left;
	margin-left: 20px;
}

.top_total01 p {
	font-size: 13px;
	color: #333333;
}

.tab_menu2 {
	padding-left: 40px;
}

.icon_01 {
	width: 3px;
	height: 3px;
	background: #ffffff;
	float: left;
	margin-right: 7px;
	margin-top: 8px;
}






.m_top_section {
	display: none;
}


.inquery-email {
	overflow: hidden;
	width: 90%;
	border: 1px #8b0785 solid;
	color: #ffffff;
	font-size: 16px;
	margin: 20px auto 0px;
	height: 40px;
	line-height: 40px;
	border-radius: 5px;
	text-align: center;
	cursor: pointer;
}

/*top end*/

/*main*/
/* visual */
.visual_mySwiper .swiper-wrapper{
	position: relative;
}
.visual_mySwiper .swiper-wrapper::after {
	content: '';
	width: 100%;
	height: 100%;
    background: #000000;
    background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(248, 248, 248, 0) 50%);
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
}
.visual_mySwiper .swiper-slide {
	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;
	padding-top: 120%;
	width: 100%;
}
.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;
        object-position:80% center; /* 오른쪽 기준 */
}
.visual .visual_mySwiper .textbox{
	position: absolute;
	bottom: 60px;
	left: 0;
	z-index: 999;
	max-width: 1300px;
	width: 100%;
	padding: 0 15px;
} 
.visual .visual_mySwiper .textbox .tag{
	padding: 5px 10px;
	font-size: 12px;
	font-weight: 400;
	color: #fff;
	background-color: #c20000;
	display: block;
	width: fit-content;
	border-radius: 5px;
}
.visual .visual_mySwiper .textbox h2{
	font-size: 21px;
	font-weight: 400;
    margin: 20px 0 10px;
	line-height: 140%;
	color: #fff;
}
.visual .visual_mySwiper .textbox h2 span{
	font-size: 25px;
	font-weight: 700;
}
.visual .visual_mySwiper .textbox p{
	font-size: 13px;
	font-weight: 400;
	color: #fff;
}
.visual .visual_mySwiper .swiper-pagination{
    display:none;
}
@media (max-width:768px){
   .visual .visual_mySwiper  .swiper-pagination{
        display:block;
		margin-bottom: 20px;
    }
}.visual .visual_mySwiper .swiper-pagination {
display: block;
}
.swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
    display: inline-block;
    border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
    background: var(--swiper-pagination-bullet-inactive-color, rgba(255,255,255));
    opacity: var(--swiper-pagination-bullet-inactive-opacity, .2);
	width: 80px;
	height: 2px;
	border-radius: 50px;
}
.swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: #fff;
}
/* //visual */
/* product_nav */
.product_nav{
	padding-top: 60px;
	padding-bottom: 100px;
	display: none;
}


/* 원 */
.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: 30px;
}
.product_nav ul li a .iconbox .w_img01{
	width: 25px;
}
.product_nav ul li a .iconbox .w_img02{
	width: 30px;
}
.product_nav ul li a .iconbox .w_img03{
	width: 15px;
	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: 12px;
	font-weight: 500;
	color: #333;
	text-align: center;
}
/* //product_nav */

/* best_area */
.best_area{
	padding-bottom: 70px;
}
.best_area .inner{
	display: flex;
	width: 100%;
	gap: 10px;
	flex-direction: column;

}
.best_area .inner .left_area{
	width: 100%;
	height: 352px;
	background-image: url(../img/section01_left.png);
	background-size: cover;
	background-position: center center;
	padding: 40px 30px;
	display: flex;
	flex-direction: column;
	justify-content: end;
	gap: 10px;
}
.best_area .inner .left_area p{
	font-size: 15px;
	font-weight: 400;
	color: #fff;
}
.best_area .inner .left_area h3{
	font-size: 20px;
	font-weight: 700;
	color: #fff;
}

.best_area .inner .right_area{
	width: 100%;
}
.best_area .inner .right_area .swiper-wrapper{
	margin-bottom: 50px;
}
.best_area .contents_new02 .prroduct_01 .product_img {
        padding-bottom: 0;
}
.best_area .contents_new02 .prroduct_01 {
	padding: 0;
    padding-right: 10px;
}
.best_area .inner .right_area .swiper-slide .imgbox{
	width: 100%;
	height: 265px;
	margin-bottom: 10px;
}
.best_area .inner .right_area .swiper-slide .imgbox img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	position:unset !important;
}
.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;
}
.main .submoreBtn {
	color: #7f7f7f;
    font-size: 14px;
    margin-left: auto;
    cursor: pointer;
}
.main .submoreBtn02 {
	color: #7f7f7f;
    font-size: 14px;
    margin-left: auto;
    cursor: pointer;
}
/* //best_area */



/* brand_area */
.brand_area {
	/* margin-bottom: 110px; */
height: 400px;
	position: relative;
}
.brand_area .textAera{
	width: 100%;
	background-color: rgba(245, 247, 246, .8);
	display: flex;
		align-items: start;
	justify-content: center;
	flex-direction: column;
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
	height: 100%;
}
.brand_area .textAera .textbox{
	width: 100%;
	margin: 0 auto;
	padding: 0 20px;
}
.brand_area .textAera .s_title{
	font-size: 12px;
	font-weight: 300;
	color: #000;
	position: relative;
	margin-bottom: 30px;
	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: 30px;
	font-weight: 200;
	color: #000;
	line-height: 130%;
	margin-bottom: 30px;
	font-family: 'notoserif';
}
.brand_area .textAera p{
	font-size: 12px;
	font-weight: 300;
	color: #000;
	line-height: 140%;
	margin-bottom: 40px;
	word-break: keep-all;
}
.brand_area .textAera p br{
	display: none;
}
.brand_area .textAera a {
	font-size: 12px;
	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:-12px;
	transform:translateY(-50%);
	transition:all .35s ease;
	z-index:0;
}

/* hover 시 원 확장 */
.brand_area .textAera a:hover::after{
        width: 40px;
        height: 40px;
}

.brand_area .imgArea{
	background-image: url(../img/section02_right.jpg);
	background-size: cover;
	width: 100%;
	background-position: center center;
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	height: 100%;
}
/* //brand_area */
/* referral_area */
.referral_area {
	width: 100%;
	clear: both;
	display: block;
	overflow: hidden;
	margin-bottom: 70px;
}


.referral_area .main-seller-bg {
    padding: 60px 0 30px;
}

.referral_area .main-seller-bg .pr_tab {
    overflow: hidden;
	display: flex;
    flex-wrap: wrap;
    /* justify-content: center; */
    align-items: center;
    gap: 10px;
}
.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;
    /* width: 100px; */
	padding: 0px 30px;
    text-align: center;
    line-height: 32px;
}
/* .referral_area .main-seller-bg .pr_tab li:nth-child(2){
	width: 150px;
} */
.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%;
	box-sizing: border-box;
	padding: 0 !important;
}
.proBox-wrapper{
	display: grid;
	grid-template-columns: repeat(2, minmax(0,1fr));
	gap: 20px 10px;
}
.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: 15px;
}
.proBoxArea01 .pr_goArea > a{
	display: flex;
	align-items: center;
	gap: 10px;
	justify-content: center;
	width: 100%;
	height: 35px;
	border: 1px solid #e2e2e2;
	transition: .3s;
	font-size: 14px;

}
.proBoxArea01 .pr_goArea:hover > a{
	border-color: #00b6f0;
	color: #00b6f0;
}
.proBoxArea01 .pr_goArea > a img {
    height: 15px;
	width: auto;
	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: 230px;
	margin-bottom: 100px;
}
.product_linkArea .inner{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	color: #fff;
	height: 100%;
	padding: 30px;
}
.product_linkArea .inner .s_text{
	font-size: 12px;
	font-weight: 500;
	margin-bottom: 20px;
}
.product_linkArea .inner p{
	font-size: 16px;
	font-weight: 300;
	margin-bottom: 10px;
	text-align: center;
	word-break: keep-all;
}
.product_linkArea .inner h2{
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 17px;
}
.product_linkArea .inner .link_button{
    position: relative;
    display: inline-block;
    border: 1px solid #fff;
    padding: 10px 50px;
    font-size: 14px;
    font-weight: 400;
    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: 26px;
	font-weight: 700;
	text-align: center;
	margin-bottom: 50px;
}
.md_pickArea .inner{
	display: flex;
	gap: 70px;
	border-bottom: 1px solid #e2e2e2;
	flex-direction: column;
	padding-bottom: 100px;
}
.md_pickArea .inner .pick_box{
	width: 100%;
	/* height: 435px; */
	position: relative;
	margin-bottom: 20px;
}
.md_pickArea .inner .pick_box .imgbox{
	width: 100%;
	position: relative;
	top: 0;
	left: 0;
	padding-top: 105%;
	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: 120px;
	position: absolute;
	bottom: -60px;
	right: 0;
	background-color: #fff;
	padding: 20px 20px;
}
.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: 12px;
	font-weight: 700;
}
.md_pickArea .inner .pick_box .textbox p{
    font-size: 18px;
    font-weight: 400;
	word-break: keep-all;
	line-height: 140%;
}
/* //md_pickArea */
/* .media_area */
.media_area{
	position: relative;
	margin-bottom: 70px;
}
.media_area .inner{
	padding-top: 45px;
}
.media_area .text_roll{
    width:100%;
    overflow:hidden;
	position: absolute;
	top: 0;
	left: 0;
}

.media_area .text_bg {
	font-size: 60px;
	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: 40px;
}

.media_area .videobox iframe{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.media_area .textbox {
	padding: 0 20px;
}
.media_area .textbox h2{
	font-size: 20px;
	font-weight: 700;
	text-align: center;
	margin-bottom: 20px;
}
.media_area .textbox p{
	font-size: 14px;
	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%;
    border-radius: 5px;
	overflow: hidden;
	position: relative;
	margin-bottom: 10px;
}
.notice-form .notit {
    text-align: center;
    color: #000;
	font-weight: 500;
	flex-shrink: 0;
	display: flex;
	align-items: center;
	gap: 10px;
	float: left;
	width: 90px;
	height: 100%;
	font-size: 14px;
	font-weight: 600;
}
.notice-form .notit img {width:15px;}
.notice-form .swiper {
    width: calc(100% - 100px);
	height: 100%;
	line-height: 48px;
}
.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: 10px;
	font-size: 12px;
}
.notice-form .swiper .date{
	color: #808080;
	font-weight: 300;
	font-size: 12px;
	padding-right: 0;
}
.notice-form .arrow-right {
    height: 10px;
	width: auto;
	display: block;
	margin-left: auto;
	margin-right: 15px;
}
/* //notice-form */

.section_right {
    width: 100%;
    background: #fff;
    overflow: hidden;
}

.section_right_inner {
	width: 90%;
	margin: 0 auto;
	overflow: hidden;
}

.m_section_right_inner {
	display: none;
}

#main-item01 {
	float: left;
	width: 100%;
	overflow: hidden;
}

#main-item01 .item01 {
	margin-bottom: 20px;
	margin-top: 20px;
	width: 100%;
	border-radius: 15px;
	background: #ffffff;
	border: 1px #e7e7e7 solid;
	padding: 1.563rem;
	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;
}

#main-item01 .item01 .memInfo {
	overflow: hidden;
}

#main-item01 .p1,
#main-item02 .p1,
#main-item03 .p1 {
	font-size: 15px;
	color: #795f50;
	font-weight: 700;
	margin-bottom: 10px;
}

#main-item01 .item01 .memInfo .p2 {
	font-size: 25px;
	color: #795f50;
	font-weight: 700;
	margin-bottom: 20px;
}

#main-item01 .item01 .memInfo .ul1 {
	overflow: hidden;
}

#main-item01 .item01 .memInfo .ul1 li {
	font-size: 12px;
	color: #989898;
	margin-bottom: 12px;
}

#main-item01 .item01 .memInfo .ul1 li:last-of-type {
	font-size: 12px;
	color: #989898;
	margin-bottom: 0;
}

#main-item01 .item01 .memInfo-right {
	margin-left: auto;
}

#main-item01 .item01 .memInfo-right .img-box {
	text-align: center;
	padding-bottom: 13px;
}

#main-item01 .item01 .memInfo-right .img-box img {
	width: 90px;
}

#main-item01 .item01 .memInfo-right .infoModifyBtn {
	margin: 0 auto;
	width: 100px;
	padding: 0.8125rem 0;
	display: block;
	text-align: center;
	color: #1e361e;
	font-size: .75rem;
	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;
}

#main-item01 .item02 {
	width: 170vw;
	overflow-x: auto;
	align-items: center;
}

#main-item01 .item02 a {
	margin-right: 2%;
	float: left;
	width: 32%;
}

#main-item01 .item02 a:last-of-type {
	margin-right: 0;
}

#main-item01 .item02 .item02-1 {
	width: 100%;
	padding: 1.563rem 0px;
	border-radius: 15px;
	background-image: url(../img/gobg01.jpg);
	background-repeat: no-repeat;
	background-size: 100%;
	border: 1px #e4e4e4 solid;
	-webkit-box-orient: vertical;
	-ms-flex-direction: column;
	flex-direction: column;
	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;
}

#main-item01 .item02 .orderbg {
	background-image: url(../img/gobg02.jpg);
	background-repeat: no-repeat;
}

#main-item01 .item02 .item02-1 .img_box {
	height: 60px;
}

#main-item01 .item02 .item02-1 .img_box img {
	height: 100%;
}

#main-item01 .item02 .item02-1 .strong {
	font-size: 14px;
	font-weight: 700;
	color: 795f50;
	padding-top: 20px;
	padding-bottom: 10px;
}

#main-item01 .item02 .item02-1 .reguler {
	font-size: 12px;
	font-weight: 700;
	color: #989898;
}

#main-item02 {
	float: left;
	width: 100%;
	padding-top: 20px;
	overflow: hidden;
}

#main-item02 .item01 {
	margin-bottom: 20px;
	width: 100%;
	border-radius: 15px;
	background: #ffffff;
	border: 1px #e7e7e7 solid;
	float: left;
	padding: 0.9375rem;
}

.m_scroll {
	width: 100%;
	overflow-x: auto;
}

#main-item02 .item02 {
	width: 100%;
	float: right;
}

#main-item02 .item02 .item02-1 {
	margin-bottom: 20px;
	width: 100%;
	border-radius: 15px;
	background: #ffffff;
	border: 1px #e7e7e7 solid;
	float: left;
	padding: 0.9375rem;
}

#main-item03 {
	float: left;
	width: 100%;
	overflow: hidden;
}

#main-item03 .item01 {
	margin-bottom: 20px;
	width: 100%;
	border-radius: 15px;
	background: #ffffff;
	border: 1px #e7e7e7 solid;
	float: left;
	padding: 0.9375rem;
}

#main-item03 .item02 {
	width: 100%;
	float: right;
}

#main-item03 .item02 .item02-1 {
	margin-bottom: 20px;
	width: 100%;
	border-radius: 15px;
	background: #ffffff;
	border: 1px #e7e7e7 solid;
	float: left;
	padding: 0.9375rem;
}

/* table */
.tablebox {
	width: 100%;
	font-size: 12px;
	font-weight: 500;
}

.tablebox .th {
	background: #ececdb;
	padding: 10px 0px;
	border-top: 1px solid #7b7d61;
	color: #7b7d61;
	text-align: center;
	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;
}

.tablebox table {
	width: 100%;
}

.tablebox table tr {
	border-bottom: 1px solid #f4f4f4;
}

.tablebox table tr:last-of-type {
	border-bottom: none;
}

.tablebox table tr td {
	padding: 11px 0px;
	font-size: 12px;
	color: #999999;
}

.dashtable3 .th p {
	width: 33%;
}

.dashtable3 table td {
	width: 33%;
	text-align: center;
}

.dashtable4 .th p {
	width: 33%;
}

.dashtable4 table td {
	width: 30%;
	text-align: center;
}

.dashtable4 .name {
	width: 20% !important;
}

.dashtable4 .lv {
	width: 20% !important;
}

/* //table */




#clock {
	background: #600d0f;
	border: 2px dashed #cf4545;
	border-radius: 10px;
	padding-right: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
	margin-bottom: 5px;
	font-weight: 400 !important;
}



.item-title {
	font-size: 22px;
	color: #ffffff;
	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-bottom: 5px;
	margin-bottom: 35px;
}



.mt10 {
	margin-bottom: 5px;
}





.pc-mt-40 {
	margin-top: 40px;
}

.pie-chart {
	position: relative;
	display: inline-block;
	width: 85px;
	height: 85px;
	border-radius: 50%;
	transition: 0.3s;
}

.center {
	background: #1f1e2c;
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 65px;
	height: 65px;
	border-radius: 50%;
	text-align: center;
	line-height: 4em;
	font-size: 1.1em;
	transform: translate(-50%, -50%);
	color: #d3d3d3;
	font-weight: 500;
}



.table_btn01 {
	display: inline-block;
	width: 77px;
	height: 30px;
	line-height: 30px;
	color: #ffffff;
	font-size: 14px;
	border-radius: 5px;
}

.stay_btn {
	background: #0e76bc;
	cursor: pointer;
}

.complet_btn {
	background: #d6a217;
	cursor: pointer;
}

.end_btn {
	background: #c02510;
	cursor: pointer;
}

/*main end*/

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

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

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

.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:40px;
	cursor: pointer;
}

.incont_box .button123 {
	margin: 0 auto;
}

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

.button123 {
	margin: 0 auto;
    width: 120px;
    display: block;
    box-sizing: border-box;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: #7B542F;
    font-size: 15px;
    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 {
	color: #000;
	font-size: 14px;
	word-break: keep-all;
	padding-bottom: 20px;
}

.info .memPrintBox .memOutNotice p {
	width: 100%;
	color: #6c6c6c;
	font-size: 14px;
}

.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;
	width: 70%;
}

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

/*//info*/



/*order*/
.mysales {
    width: 100%;
    margin: 0 auto;
    border: 1px solid #ccc !important;
    padding: 15px;
}

.mysales .salesTxt {
    font-size: 13px;
    font-weight: 400;
    color: #000;
}

.mysales .salesSum {
    font-size: 14px;
    color: #7b542f;
    margin-top: 10px;
}

.mysales .salesTxt .s1 {
    color: #919191;
    margin-right: 5px;
}

.mysales .salesTxt .s2 {
    color: #919191;
    margin-left: 5px;
}

.mysales table {
	width: 100%;
}

.mysales table th {
	text-align: center;
	padding: 0px 20px;
	background: #0d0d0d;
	color: #ffffff;
	font-size: 14px;
	height: 35px;
	line-height: 35px;
	word-break: keep-all;
}

.mysales table td {
	text-align: right;
	padding: 0px 20px;
	font-size: 14px;
	height: 35px;
	line-height: 35px;
}

.mysales table td:first-of-type {
	border-right: 1px solid #ccc;
}

/*//order*/


/*prepayment*/
.sub .pop_home {
	background: #f7f7f7;
}

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

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

.sub .pop-up .pCont1 .pCont1-1 {
	padding: 15px;
	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: 10px;
}

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

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

.sub .pop-up .pCont1 .pCont1-2 .p3 {
	color: #000;
	font-size: 13px;
	font-weight: 700;
	line-height: 25px;
}

.sub .poptable {
	width: 100%;
}

.sub .poptable tr {
	border: 1px solid #ccc;
	border-top: none;
	    display: flex;
        flex-direction: column;
}

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

.sub .poptable tr th {
background-color: #f5f5f5;
        /* border-right: 1px solid #ccc; */
        border-bottom: 1px solid #ccc;
        border-top: 1px solid #ccc;
        color: #555;
        padding: 5px 10px;
        font-size: 12px;
        text-align: left;
}

.sub .poptable tr td {
	padding: 0px 5px;
        font-size: 12px;
        color: #5e5e5e;
        padding: 5px 10px;
}

/* .sub .poptable tr td:nth-of-type(1) {
	border-right: 1px solid #ccc;
} */

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

.sub .poptit_l {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	line-height: 26px;
	padding-bottom: 5px;
}

.sub .poptit_r {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	width: 100%!important;
}

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

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

.sub .p1.cvPr{
	padding: 2px 8px;
    color: #fff;
    margin: 0 3px;
    font-size: 12px;
}

.sub .p1-pv {
    color: #7b542f;
	text-align: right;
	font-size: 13px;
	font-weight: 500;
	border-radius: 4px;
    margin-top: 5px;
}

.sub .p2 {
	background: #c5b6a2;
	margin-left: 10px;
	padding: 5px 0px;
	width: 50%;
	text-align: center;
	font-size: 12px;
	font-weight: 700;
	color: #fff;
	border-radius: 4px;
}

.sub .p3 {
	color: #000;
	font-size: 14px;
	font-weight: 400;
	line-height: 20px;
}

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

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

.sub .pCont1-2 .pCont1-2_l {
	overflow: hidden;
	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-top: 15px;
}

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

.delivery_sum {
    color: #333333;
    font-size: 13px;
}

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

.sub .pCont1-2 .pCont1-2_r {
	margin-top: 10px;
	background: #f7f7f7;
    padding: 10px 15px;
	border-radius: 5px;
	line-height: 25px;
}

.sub .iconbox1 {
	position: relative;
	width: 23%;
	margin-right: 2%;
}

.sub .iconbox1 i {
	height: 40px;
	background: #fff6e7;
	width: 40px;
	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: 17px;
	color:#7B542F;
	margin: 0 auto;
}

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

.price01 {
	width: 65%;
	color: #898989;
	font-size: 12px;
	margin: 15px 0;
	line-height: 25px;
}

.price02 {
	padding-top: 40px;
}

.price02 .p1 {
	width: 100%;
	padding: 5px 7px;
}

/*//prepayment*/

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

.mypoints table tr {
	height: 35px;
}

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

.mypoints table td {
	text-align: center;
	padding: 0px 15px;
	font-size: 12px;
	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: 7px;
	cursor: pointer;
	display: block;
	font-size: 12px;
}

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

.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;
	overflow-x: auto;
}

.jics table tr {
	height: 35px;
}

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

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

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

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

/* //jics */

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

/* //regis */


/* gr */
.bar01 {
	width: 90%;
	text-align: center;
	padding: 10px;
	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;
	line-height: 40px;
	color: #666;
	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 {
	width: 100% !important;
}

.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;
	margin-bottom: 20px;
}

.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: 90%;
}

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

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

/* //gr */


/* shop */


.mall .shop .visual{
	width: 100%;
	height: 260px;
	background-image: url(../img/product_visual.jpg);
	background-position: 77% 0;
}
.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: 12px;
	filter: brightness(0) invert(1);
}
.mall .shop .visual .navi .category p{
	font-size: 12px;
	font-weight: 400;
	color: #fff;
}
.mall .shop .visual .category {
        width: unset;
        margin-right: 2%;
    }
.mall .shop .visual .navi{
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 20px;
    width: 250px;
    justify-content: center;
}
.mall .shop .visual .navi .dot{
	width: 3px;
	height: 3px;
	display: block;
	background-color: #fff;
}
.mall .shop .visual .navi .menu_title{
	font-size: 12px;
	font-weight: 400;
	color: #fff;
}
.mall .shop .visual .visual_title{
	font-size: 34px;
	font-weight: 600;
	color: #fff;
	margin-bottom: 5px;
	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: none;
}


.shop .category {
    width: 100%;
	position:relative;
}

.shop .category_box {
	width: 100%;
	margin:20px 0 25px;
	position: relative;
}

.shop .category_box .searchIcon {
        height: 40px;
        margin-left: 0;
        position: absolute;
        top: 0px;
        right: 0px;
    }

.shop .category_box .category_select {
	color: #8b8b8b;
}

.shop .shop_item {
	width: 100%;
	margin: 0 auto;
}
/* .shop .shop_item .ord_cont {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;

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

.shop .subTxt {
    font-size: 14px;
    font-weight: 700;
    display: block;
    color: #423a3a;
    margin: 0 auto;
    position: relative;
	width: 100% !important;
	padding: 0!important;
}

.shop .ord_good {
	width: 100%;
}

.shop .ord_good .t_goods_box {
	width: 30%;
	margin-right: 20px;
}

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

.shop .ord_product02 .product_price + p {
    margin-left: auto;
}

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

.shop .ord_good .product_price {
	background: #a79884;
	font-weight: 700;
	color: #fff;
	border-radius: 4px;
	font-size: 12px;
	width: 70px;
	height: 20px;
	text-align: center;
	line-height: 20px;
}

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

.shop .ord_good .product_jp {
	background: #c5b6a2;
	font-size: 12px;
	font-weight: 700;
	color: #fff;
	border-radius: 4px;
	width: 70px;
	height: 20px;
	text-align: center;
	line-height: 20px;
}

.shop .point_red {
	color: #ff3030;
	font-size: 14px;
	padding-top: 5px;
}

.shop .m_ord_list {
	position: fixed;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-top: 2px solid #7b7d61;
	bottom: 0;
	left: 0;
	background: #fff;
	height: 120px;
	width: 100%;
	padding: 15px 0px;
	z-index: 9000;
}

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

.shop .nowBtn {
	background: #113416;
	width: 73%;
	margin-right: 2%;
	font-weight: 600;
	font-size: 12px;
	color: #fff;
	padding: 5px 0px;
	text-align: center;
	border-radius: 20px;
}

.shop .allListBtn {
	background: #a79884;
	width: 30%;
	font-weight: 600;
	font-size: 12px;
	color: #fff;
	padding: 5px 0px;
	text-align: center;
	border-radius: 20px;
}

.shop .m_ord_list01 {
    position: fixed;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-top: 1px solid #dfdfdf;
    bottom: 0;
    left: 0;
    background: #fff;
    width: 100%;
    padding: 15px 0px;
    z-index: 9000;
}

.shop .m_ord_list02 {
    position: fixed;
    bottom: 0;
    left: 0;
    background: #fff;
    width: 100%;
    z-index: 9;
}

.shop .PayBtn {
    width: 49%;
    margin-right: 2%;
    font-weight: 400;
    font-size: 14px;
    color: #ffffff;
    text-align: center;
    background: #7B542F;
    border: 1px #7B542F solid;
	padding: 10px 0;
}

.shop .buyBtn {
    width: 100%;
    font-weight: 400;
    font-size: 14px;
    color: #ffffff;
    text-align: center;
    background: #7B542F;
    border: 3px #7B542F solid;
	padding: 10px 0;
}

.shop .PayBtn span {
    color: #ffffff !important;
}

.shop .ContinueBtn {
    width: 49%;
    font-weight: 600;
    font-size: 14px;
    text-align: center;
    color: #333333;
    border: 1px #333 solid;
	padding: 10px 0;
}

.shop .layerBtn {
    width: 100%;
    font-weight: 500;
    font-size: 17px;
    text-align: center;
    color: #fff;
    background: #7B542F;
    border: 2px solid #7B542F;
    height: 50px;
    line-height: 47px;
}

.shop .PyCtBtnbox {
	position: relative;
}

.shop .PyCtBtnbox::before {
	content: "<";
	position: absolute;
	left: -25%;
	color: #000;
	cursor: pointer;
}

.shop .PyCtBtnbox::after {
	content: ">";
    position: absolute;
    right: -25%;
    color: #000;
	cursor: pointer;
}

/* 장바구니 상품 목록 확인 */
.allListCont {
	height: 70vh;
	background: #fff;
	width: 100%;
	border-top-left-radius: 50px;
	border-top-right-radius: 50px;
	border: 1px solid #ccc;
	position: fixed;
	bottom: -150%;
	left: 0;
	box-shadow: 0px -2px 5px 1px rgb(0 0 0 / 10%);
}

.List_top {
	height: 50px;
	border-bottom: 1px solid #ccc;
	width: 90%;
	margin: 0 auto;
}

.listoffBtn {
	width: 10%;
	font-size: 30px;
	height: 100%;
	margin: 0 auto;
	color: #a79884;
}

.listoffBtn i {
	height: 100%;
	line-height: 50px;
}

.list_Cont {
	overflow-y: auto;
	height: 70%;
	width: 90%;
	margin: 0 auto;
}

.listprodBox {
	padding: 20px 0px;
	border-bottom: 1px solid #ccc;
}

.listprodBox .prod_nm {
	width: 60%;
	font-size: 14px;
	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: 14px;
	color: #adadad;
	padding-right: 10px;
}

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

.listprodBox .prod_ord_Count .prodDelBtn i {
	color: #a79884;
}

/* //장바구니 상품 목록 확인 */

.shop .totalPay {
	background: #fff;
	width: 100%;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	padding: 1.875rem;
	position: relative;
}

.shop .totalPay::before {
	background-image: url(../img/totalPayBg.png);
	display: block;
	content: "";
	position: absolute;
	bottom: -4px;
	left: 0;
	width: 100%;
	height: 4px;
}

.shop .totalPay .totalPayTit {
	font-size: 18px;
	padding-bottom: 20px;
	font-weight: 300;
}

.shop .totalPay .totalPay01 {
	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: 20px 0px;
	border-top: 1px solid #ccc;
}

.shop .totalPay .totalPay01:first-of-type {
	border-top: none;
}

.shop .totalPay .totalPay01 .p01 {
	color: #898989;
	font-size: 14px;
	display: block;
	width: 50%;
}

.shop .totalPay .totalPay01 .p02 {
	color: #000;
	font-size: 14px;
	display: block;
	width: 50%;
	text-align: right;
}

.shop .totalPay .totalPay01 .p03 {
	color: #000000;
	font-size: 21px;
	display: block;
	width: 50%;
	text-align: right;
}

.hide {
	display: none;
}

.shop .ord_list {
	width: 28%;
	display: none;
}

.shop .fixedOn {
	top: 2.5%;
	width: 19%;
	position: fixed;
	right: 7%;
}

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

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

.shop .ord_good table tbody th {
	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;
	text-align: center;
}

.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;
	text-align: center;
}

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

.shop .ord_list .list_cont {
	background: #fff;
	border: 1px solid #ccc;
	padding: 20px 40px;
}

.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 #ccc;
	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: #7b7d61;
	top: 39%;
}

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

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

.shop .ord_list .list_cont:last-of-type {
	margin-top: 40px;
	height: 500px;
	position: relative;
}

.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 {
	width: 100%;
	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;
}

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

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

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

.shop .my_good .td01 {
    font-size: 14px;
    font-weight: 600;
    color: #a5a5a5;
    text-align: center;
    word-break: keep-all;
}

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

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

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

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

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

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

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

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

.shop .ord_list .now_Btn_box {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	line-height: 50px;
	text-align: center;
	cursor: pointer;
}

.shop .ord_list .now_Btn02 {
	background: #b23434;
	height: 50px;
	width: 50%;
}

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

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

.shop .ord_product {
	width: 100%;
}

.shop .product_box:hover {
    background: #f6f6f6;
}
.shop .product_box:hover .open_img {
    display: none;
}
.shop .product_box:hover .hidden_img {
    display: block;
}



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

.shop .product_box:nth-of-type(3n) {
	border-bottom: none;
}

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

.shop .product_box .ord_product01 {
	width: 100%;
}

.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 {
    min-height: 38px;
}

.shop .price .pv_selling {
    font-size: 14px;
    font-weight: 400;
    color: #7b542f;
    padding-top: 2px;
}

.shop .price .cost_percent {
    font-size: 14px;
    font-weight: 400;
    color: #000;
}

.shop .price .cost_price {
	display: inline-block;
    font-size: 12px;
    color: #ababab;
    line-height: 1.4;
    margin-right: 5px;
}

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

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

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

.shop .ord_product02 .product_jp {
	background: #ebc49a;
	font-size: 12px;
	font-weight: 700;
	color: #fff;
	border-radius: 4px;
	width: 100px;
	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;
}

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

.shop .product_box02 {
	padding: 1.563rem 0.9375rem;
	margin-bottom: 40px;
	border-bottom: 1px solid #ccc;
}

.shop .product_box02 .ord_product01 {
	margin: 20px auto;
	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;
    -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 {
	display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.shop .product_box02 .ord_product02 .product_nm {
	font-size: 24px;
	font-weight: 600;
	padding-bottom: 20px;
	color: #000;
	width: 100%;
}

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

.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;
	background: transparent;
	filter: drop-shadow(5px 5px 1px rgba(0, 0, 0, 0.25));
	position: absolute;
	bottom: 0%;
	left: 50%;
	background: #7B542F;
	transform: translate(-50%, -50%);
}

.shop .product_banner {
	width: 100%;
	/* max-height: 900px;
	overflow-y: scroll; */
	margin: 0 auto 40px;
}

.showstep2 {
	max-height: 600px;
	overflow: hidden;
}

.shop .product_banner img {
	width: 100%;
}

.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-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

.shop .notice_cont02 table tr {
	border-bottom: 1px solid #ccc;
	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-direction: column;
}

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

.shop .notice_cont02 table th {
    background: #f0f3f9;
    width: 100%;
    padding: 10px 20px;
    text-align: left;
    color: #555;
    font-size: 14px;
    text-align: center;
    border-bottom: 1px #e4e4e4 solid;
}

.shop .notice_cont02 table td {
    width: 100%;
    padding: 20px;
    color: #a1a1a1;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.5;
}

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

.shop .shop_count input {
	width: 80%;
}

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

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

.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: 420px;
}

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

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

.slick-slide img {
width:auto!important;
}

.shop .order_slide .multiple-items img {
	/* width: 100% !important; */
	height: 100%;
}

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

/* // 상세페이지 슬라이드 */
.shop .u_payment .payment01 .sp20 {
	height: 0 !important;
}

.shop .u_payment .memory {
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	display: inline-block;
	margin-right: 10px;
}

.shop .u_payment .memory span {
	font-size: 12px;
}

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

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

.shop .u_payment .payment01 table th {
	padding: 0px 5px;
}
.shop .u_payment .payment01 table th:nth-child(2) {
	width:50px;
	text-align:center;
}
.shop .u_payment .payment01 table th:nth-child(3) {
	width:80px;
	text-align:center;
}

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

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

.shop .u_payment .payment01 table img {
	width: 55px;
	height: auto;
	border: 1px solid #ccc;
	margin-right: 10px;
}

.shop .ptit01 {
	font-size: 15px;
	font-weight: 700;
	display: block;
	color: #0d0d0d;
	padding-bottom: 15px;
	margin: 0 auto;
	position: relative;
	padding-left: 15px;
}
.m-w-100 {width:100% !important;}
.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 #ccc;
	border-right: 1px solid #ccc;
	border-top: 1px solid #2a2f42;
}

.shop .u_payment .payment02 th {
	width: 37%;
	font-size: 12px;
	text-align: left;
	padding: 10px;
	background: #f8f7ff;
	border-bottom: 1px solid #ccc;
}

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

.shop .u_payment .payment03 table {
	width: 100%;
	background: #fff;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-top: 1px solid #2a2f42;
}

.shop .u_payment .payment03 th {
	width: 30%;
	font-size: 13px;
	text-align: left;
	padding: 10px;
	background: #f5f5f5;
	border-bottom: 1px solid #ccc;
}

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

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

/* // shop */


/* community */
.community .visual-sub{
	padding: 0;
}
.community_item {
	padding: 20px 5% 0;
}

    .community .comm01 .comm_cont .bullet {
        padding: 4px 9px;
        background: rgb(110 178 18 / 30%);
        border-radius: 30px;
        color: #65af00;
        font-size: 11px;
    }


.community .comm01 .flex {
	padding-bottom: 0px !important;
}

.community .comm01 .comm_cont {
    background: #fff;
    width: 100%;
    margin-right: 20px;
    border-bottom: 1px solid #ccc;
    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;
	font-size: 12px;
}

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

.community .comm01 .comm_cont .num {
    text-align: center;
    font-weight: 500;
    padding: 15px 0px;
    width: 50px;
}
.community .comm01 .top_cont {
    gap: 10px;
}
.community .comm01 .top_cont .num {
    width: fit-content;
}

.community .comm01 .top_cont .tit {
    cursor: pointer;
    padding: 15px 0px;
	width: calc(100% - 185px) !important;
}
.community .comm01 .comm_cont .tit {
    cursor: pointer;
    padding: 15px 0px;
    width: calc(100% - 150px);
}

.community .comm01 .comm_cont .date {
    cursor: pointer;
    padding: 15px 0px;
    width: 90px;
    text-align: center;
	padding-right: 5px;
}

.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: 0.9375rem;
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
	border-top: 1px solid #666;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
}

.view .notice_table01 .cont_tit {
	width: 55%;
	word-break: keep-all;
	float: left;
	line-height: 20px;
	font-size: 14px;
	font-weight: 600;
}

.view .notice_table01 .count {
	-webkit-box-pack: flex-end;
	-ms-flex-pack: flex-end;
	-webkit-justify-content: flex-end;
	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: flex-end;
	font-size: 0.825rem;
	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: 40%;
	float: right;
}

.view .notice_contents .date {
	color: #898989;
	font-size: 0.825rem;
	font-weight: 600;
	padding-bottom: 10px;
}

.view .notice_table02 {
	background: #fff;
	padding: 1.563rem;
	width: 100%;
	margin: 0 auto;
	border: 1px solid #ccc;
}

.view .notice_table02 img {
	width: 100%;
}

.view .commBtn {
	width: 100%;
	overflow: hidden;
	margin: 0 auto;
}

/* // community */


.tabitem-1 {
	width: 100%;
	}
.tabitem-1 textarea {
	border: 1px solid #ccc;
	height: 150px;
	}
#tabbtn_box .active {
    background: rgb(0 0 0) !important;
	height: 150px;
}
/*inquiry*/
.inquiry .inquiry_item {
	width: 100%;
	margin: 0 auto;
}

.inquiry table {
	border-top: 1px solid #666;
}

.inquiry table th {
	width: 130px;
	word-break: keep-all;
	background: #f5f5f5;
	border-bottom: 1px solid #ccc;
	color: #5e5e5e;
	font-size: 12px;
	font-weight: 600;
	padding: 20px 8px;
}

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

.inquiry table td {
	width: calc(100% - 130px);
	border-bottom: 1px solid #ccc;
	font-size: 12px;
	color: #898989;
	font-weight: 600;
	padding: 5px 10px;
	line-height: 20px;
}

.inquiry table td span {
	color: #f90404;
}

.inquiry .my_good {
	width: 100%;
	background: #fff;
	border: 1px solid #ccc;
	border-top: 1px solid #666;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: column;
	-ms-flex-direction: column;
	flex-direction: column;
	justify-content: center;
	padding: 0.9375rem;
margin-bottom: 35px;
}

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

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

.inquiry .my_good .th01 {
	font-size: 20px;
	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: #7b542f;
	text-decoration: underline;
	cursor: pointer;
}

.inquiry .my_good .go_shop {
	border: 1px solid #666;
	width: 120px;
	font-size: 12px;
	cursor: pointer;
	text-align: center;
	line-height: 50px;
	height: 50px;
	margin: 40px auto;
}

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

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

.faq ul li {
	float: left;
	width: 100%;
	height: 85px;
	padding: 0 5%;
	text-align: left;
	font-size: 14px;
	line-height: 85px;
	cursor: pointer;
	border: 1px solid #ccc;
	overflow: hidden;
	margin-bottom: 20px;
	font-weight: 600;
}
.inquiry_contents .t_menu{
	margin-bottom: 10px;
}
.inquiry_contents .motion{
	border: 1px solid #e1e1e1;
        padding: 15px 20px;
}
.inquiry_contents .content_title{
	border: none;
		padding: 0;
		height: unset;
		line-height: unset;
		margin-bottom: 10px;
		display: flex;
        align-items: center;
		gap: 30px;
		font-size: 14px;
        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: 12px;
	line-height: unset;
	gap: 20px;
	align-items: center;
	border: none;
	position: relative;
	overflow: visible;
	margin-bottom: 0;
}
.inquiry_contents .flex_item .faq-flex::after{
	content: '';
	width: 1px;
	height: 10px;
	background-color: #d2d2d2;
	position: absolute;
	top: 50%;
	right: -10px;
	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: 12px;
        color: #808080;
}
.inquiry_contents .flex_item .faq-flex div{
	    font-size: 12px;
        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: 20%;
    font-size: 16px;
    color: #0d0d0d;
    display: block;
    float: left;
    padding-bottom: 2%;
    font-weight: 600;
}

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

.faq .faq_menu {
        background: #f5f6fa;
        padding: 15px 20px;
        word-break: keep-all;
        overflow: hidden;
		border: 1px solid #e1e1e1;
        border-top: 0;
}

.faq .faq_menu p {
	display: block;
	font-size: 14px;
}

.faq .faq_menu p img {
        width: auto;
        max-width: 100%;
    }

.faq .motion {
	overflow: hidden;
}
.FAQ_wrap .common_box{
	border: none;
	        border-top: 1px solid #666;
}
/*//inquiry*/


/*//sub*/



/* 탭버튼 */
#tabbtn_box {
	    /* margin-top: 50px; */
}

#tabbtn_box 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;
}

.tabbtn {
	height: 40px;
	width: 50%;
	text-align: center;
	font-size: 12px;
	font-weight: 600;
	line-height: 40px;
	cursor: pointer;
}

.tabbtn a {
	color: #fff;
}

/* 탭버튼 */

/* QnA */
.QA_select:focus {
	border: 1px #7B542F solid;
}

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

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

.QA_select {
	width: 100%;
	border: 1px solid #CCCCCC !important;
	height: 40px;
	cursor: pointer;
	padding: 0px 10px;
    font-size: 13px;
}

/* //QnA */


/*com_tit*/
.com_input01 {
	width: 100%;
	border: 1px solid #CCCCCC !important;
	height: 40px;
    padding: 10px;
	font-size: 12px;
}

/*//com_tit*/

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

.com_input03 {
	width: 28%;
	border: 1px solid #CCCCCC !important;
	height: 40px;
	padding: 0px 5px;
	font-size: 12px;
}


.com_input04 {
	width: 19%;
	border: 1px solid #CCCCCC !important;
	height: 35px;
	padding: 0px 5px;
	font-size: 12px;
}

.file_input .com_input02 {
	margin: 10px 0px;
	width: 100%;
}

.FileBtn button {
	line-height: 28px;
	width: 31%;
	height: 25px;
	font-size: 12px;
	font-weight: 600;
	color: #fff;
	cursor: pointer;
	outline: 0;
	border: 0;
	box-shadow: 0;
}

.FileBtn .findBtn {
	background: #795f50;
	margin-right: 2%;
}

.FileBtn .addBtn {
	background: #a79884;
	margin-right: 2%;
}

.FileBtn .delBtn {
	background: #c5b6a2;
}

/* //file */






/* mypage */

.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*/

.common_box {
	min-height: 400px;
	border: 1px solid #ccc;
	border-top: 1px solid #666;
	overflow: hidden;
	padding: 20px 10px;
	margin: 0 auto;
	background: #fff;
}

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

.listgo_btn_b {
    background: #000;
}

/*notice_view end*/

/*community*/
.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*/

/*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 #113416;
	width: calc(100% - 60px);
	height: 40px;
	padding-left: 20px;
}

.customer {
	border-bottom: 1px solid #ccc;
	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;
	color: #fff;
	border-radius: 4px;
	font-size: 12px;
	padding: 0px 15px;
	height: 20px;
	text-align: center;
	line-height: 20px;
	margin-right: 20px;
}

.customer .Address {
	background: #383632;
	font-size: 12px;
	color: #fff;
	border-radius: 4px;
	padding: 0px 15px;
	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%;
	width:18px;
	height:18px;
}

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

.shop .ord_del {
	margin-left: auto;
}

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

.shop .img_check {
    margin-bottom: 10px;
    /* padding-left: 25px; */
    position: relative;
    display: flex;
    align-items: center;
    gap: 15px;
}

.shop .img_check .imgbox {
    width: 70px;
    height: 70px;
}

.shop .img_check img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.shop .img_check .chk-agree03 {
	/* position: absolute;
    left: 0;
	top: 20px; */
}

.shop .my_good01 {
	width: 100%;
	background: #fff;
}

.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%;
	width: 18px;
    height: 18px;
}

.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;
	display: flex;
    gap: 15px;
}

.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: 13px;
	font-weight: 900;
}

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

.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 .price123 {
	width: 49%;
	padding: 8px 0px;
	background: #c5b6a2;
	color: #fff;
	font-weight: 600;
	font-size: 14px;
	text-align: center;
}

.shop .price123:first-of-type {
	margin-right: 2%;
	background: #0d0d0d;
}

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

.sp135 {height:135px;clear:both;}

.mypage {
	padding-top: 50px !important;
}

.order .my_ordSale .ordSaleDate {
    font-size: 16px;
    margin-bottom: 13px;
    font-weight: 500;
}

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

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

.order .my_ordSale .ordSaleCont .ContB-1 {
	justify-content: space-between;
}

.order .my_ordSale .ordSaleCont .ContB-1 img {
    width: 80px;
}

.order .my_ordSale .ordSaleCont .ContB-1 .p4 {
	color: #000;
	font-size: 12px;
	line-height: 30px;
}
.order .my_ordSale .ordSaleCont .ordSaleContB {
    padding-top: 10px;
}

.order .my_ordSale .ordSaleCont .ordSaleContB .b-1left {
    margin-right: 10px;
}
.mb-1left_none{
	margin-right: 0 !important;
	width: 100%;
}

.ordSaleContB .cancle_btn {
    height: 30px;
    line-height: 29px;
    border: 2px #cccccc solid;
    width: 73px;
    margin-top: 12px;
    text-align: center;
    cursor: pointer;
    font-size: 12px;
	}
.ordSaleContB .cancle_btn:hover {
	background: #7B542F;
	border: 2px #7B542F solid;
    color: #fff;
	}

.product_categories {
    color: #000;
    font-size: 15px;
    line-height: 20px;
    font-weight: 400;
    margin-bottom: 5px;
	        word-break: keep-all;
}
.product_title {
    color: #919191;
    font-size: 13px;
    line-height: 18px;
    font-weight: 400;
}

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

.order .my_ordSale .ordSaleCont .ContB-1 .b-1right {
	margin-top: 10px;
	margin-left: auto;
}

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

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

.address01 {
	width: 100%;
}

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

.address01 table th {
	width: 37%;
    font-size: 12px;
    text-align: left;
    padding: 10px;
    background: #f0f3f1;
    border-bottom: 1px solid #ccc;
	word-break: keep-all;
}

.address01 table td {
	font-size: 12px;
    text-align: left;
    padding: 10px;
    border-bottom: 1px solid #ccc;
    font-weight: 600;
    color: #898989;
	word-break: keep-all;
}

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

.address02 .changeAdrBox .th {
	    width: 100%;
    font-size: 12px;
    text-align: left;
    padding: 10px;
    background: #f0f3f1;
    border-bottom: 1px solid #ccc;
	word-break: keep-all;
}

.address02 .changeAdrBox .td {
	font-size: 14px;
	text-align: left;
	padding: 10px;
	border-bottom: 1px solid #ccc;
	font-weight: 600;
	color: #898989;
	word-break: keep-all;
}

.address02 .com_input03 {
	width: 27%;
}

.changeBtn01 {
	margin: 20px auto 10px;
    width: 100px;
    padding: 0.5125rem 0;
    display: block;
    text-align: center;
    color: #a79884;
    font-size: .675rem;
    border: 1px solid #a79884;
    box-sizing: border-box;
    position: sticky;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
    cursor: pointer;
}

.address02 .com_input01 {
	width: 100%!important;
}

.m_mb-10 {
	margin-bottom: 10px!important;
}

.soldOut {
	position: relative;
}

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


/* ======= main =======*/

.header {
    background: #91643a;
    width: 100%;
    z-index: 500;
    position: fixed;
    height: 60px;
    top: 50px;
    left: 0;
}

.swiper-wrapper { width: 100%;
    height: fit-content !important;}
.swiper-slide {
    width: 100%;
    height: fit-content !important;
}
      .swiper-slide {
        font-size: 18px;

        /* 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;
      }



.section_new {
    width: 95%;
    clear: both;
    overflow: hidden;
    padding: 40px 0 10px;
    margin: 0 auto;
	min-height:550px;
}

.section_new .bg {
    background-image: url(../img/main_back_G.jpg);
    height: 200px;
    background-size: cover;
	background-position: center;
}

.section_new .bg .title .s_tit {
    color: #fff;
}

.section_new .bg .more {
	color: #fff!important;
}

.section_new .bg .title .tit::after {
    top: 90px;
    background: #fff;
}

.contents_new .prroduct_01 .product_img a {
    display: block;
    background: #fff;
    position: relative;
    padding-bottom: 90%;
}

.inner .title {
    width: 100%;
    margin-bottom: 10px;
    overflow: hidden;
}

.inner .title .s_tit {
    text-align: center;
    font-size: 12px;
    color: #898989;
}

.inner .title .more {
    float: right;
    display: table;
    cursor: pointer;
    font-size: 12px;
    font-family: 'Pretendard Variable', sans-serif;
    color: #585858;
    padding-top: 20px;
}

.inner .title .more2 {
    margin-right: 2.5%;
}

.contents_new {
    width: 95%;
    clear: both;
    margin: 0 auto;
}

.prroduct_01 .new_cont {
    padding: 10px 5px;
    text-align: left;
	overflow: hidden;
}

.prroduct_01 .new_cont span {
    color: #343434;
    font-size: 0.7em;
    padding-left: 4px;
    font-weight: normal;
}

.prroduct_01 .new_cont .cont_top {
    margin: 0 auto;
    width: 80%;
}

.prroduct_01 .new_cont .new {
    background: #ff5400;
    color: #fff;
    border-radius: 5px;
    width: 35px;
    font-size: 9px;
    line-height: 20px;
    float: left;
    height: 20px;
    text-align: center;
}

.prroduct_01 .new_cont .category_tit {
    display: inline-block;
    font-size: 12px;
}

.banner {
    overflow: hidden;
    display: block;
    clear: both;
    width: 100%;
}

.banner img {
    width: 100%;
    object-fit: cover;
	margin-bottom:5px;
    cursor:pointer;
}



.inner .title2 .tit {
	font-size: 18px;
    font-family: 'Pretendard Variable', sans-serif;
    font-weight: 600;
    color: #000000;
    text-align: center;
}

.inner .login_tit {
    font-family: 'Pretendard Variable', sans-serif;
    color: #4e4e4e;
    font-size: 18px;
    font-weight: 500;
	text-align: center;
}
.inner .title2 .text_box {
    font-family: 'Pretendard Variable', sans-serif;
    color: #4e4e4e;
    margin-top: 10px;
    font-size: 14px;
    text-align: center;
}

.inner .title2 button {
    margin-top: 40px;
    width: 170px;
    height: 40px;
    border: none;
    outline: 0;
    background: #362e2c;
    color: #ffffff;
    font-family: 'Pretendard Variable', sans-serif;
    font-size: 14px;
    cursor: pointer;
    display: table;
    margin: 13px auto;
}

.inner .title2 .more {
    display:none;
}

.section_brand {
	width: 100%;
    clear: both;
    display: block;
    overflow: hidden;
    padding: 40px 0 10px;
	display: none;
}

.section_brand .title2 {
    float: left;
    width: 100%;
}

.section_brand .product2 {
    float: left;
    width: 100%;
    font-family: 'Pretendard Variable', sans-serif;
    margin-top: 40px;
}

.section_brand .main_product {
    float: left;
    width: 100%;
    background-image: url(../images/product_img05.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: relative;
    height: 50%;
	margin-bottom: 20px;
}


.main_product .p_tit {
    background: rgb(255,255,255, 0.9);
    color: #343434;
    position: absolute;
    bottom: 0px;
    width: 100%;
    padding-left: 10px;
}
.main_product .p_tit h2{
    font-size:14px;
}

.main_product .p_tit h3 {
    font-size: 20px;
    font-weight: 500;
    margin-top: 5px;
    margin-bottom: 10px;
}

.main_product .p_tit p {
        line-height: 20px;
    color: #5a5a5a;
    font-size: 14px;
    word-break: keep-all;
}

.product2 .side_product {
   width: 100%;
    float: left;
}

.side_product .s_p01 {
    width: 100%;
    height: 135px;
    margin-bottom: 12px;
}

.side_product .s_p01 .s_p_img {
    float: left;
    width: 50%;
    height: 135px;
    overflow: hidden;
}
.side_product .s_p01 .s_p_img img{
    width:100% !important;
}

.side_product .s_tit {
    float: left;
    width: 50%;
    background: #f7f7f7;
    height: 135px;
    padding-left: 10px;
    padding-top: 10px;
}

.side_product h4 {
    font-size: 15px;
    font-weight: 600;
}

.side_product p {
    font-weight: 300;
    font-size: 14px;
    margin: 5px 0 10px;
    word-break: keep-all;
}

.side_product h3 {
        font-size: 16px;
    float: left;
    width: 50%;
    height: 20px;
    line-height: 20px;
}
.side_product h5 {
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    height: 20px;
    float: right;
    cursor: pointer;
    color: #585858;
    width: 100%;
}

.section_category {
    overflow: hidden;
}

.section_link .link01 {
    line-height: 130px;
    font-family: 'Pretendard Variable', sans-serif;
    font-size: 20px;
    font-weight: 500;
    color: #4e4e4e;
    cursor:pointer;
}

.section_link .link01:nth-child(1) {
    background-image: url(../images/category01.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.section_link .link01:nth-child(2) {
    background-image: url(../images/category02.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.section_link .link01:nth-child(3) {
    background-image: url(../images/category03.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.section_link .link01 p {
    margin-left: 550px;
}

.section_link .link01 span {
    margin-left: 220px;
    font-size: 12px;
    color: #4e4e4e;
    font-weight:400;
}


.event_product_01 {
    width:100%;
    overflow:hidden;

}

.event_product_01 .ev_p01 {
    float: left;
    cursor:pointer;
}

.event_product_01 .ev_p01 img {
    width: 100%;
    height: 240px;
}

.event_product_01 .ev_p01:nth-child(1){
    margin-right: 2%;
    width: 58%;
}

.event_product_01 .ev_p01:nth-child(2){
    width: 40%;
}

.ev_p01 .second_title {
    font-size: 12px;
    font-weight: 300;
    color:#4e4e4e;
}

.event_product_02 {
    width: 100%;
        overflow: hidden;
}

.event_product_02 .ev_p01 {
    float: left;
    width: 100%;
    cursor: pointer;
    margin-bottom: 16px;
}
.event_product_02 .ev_p01 .imgbox {
    background: #ffffff;
    width: 100%;
    text-align: center;
    position: relative;
    padding-bottom: 55%;
	float: left;
}
.event_product_02 .ev_p01 img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    position: absolute;
    left: 0;
    top: 0;
}

/* aa */

.event_product_01 .event_p01 {
    float: left;
    cursor:pointer;
}

.event_product_01 .event_p01 img {
    width: 100%;
    height: 240px;
}

.event_product_01 .event_p01:nth-child(1){
    margin-right: 2%;
    width: 58%;
}

.event_product_01 .event_p01:nth-child(2){
    width: 40%;
}

.event_product_02 .event_p01 .price {
	margin-top: 5px;
}

.event_product_02 .event_p01 .price .discount {
	display: inline-block;
    color: #b23434;
    font-size: 16px;
    font-weight: 500;
    font-family: 'Pretendard Variable', sans-serif;
    margin-right: 10px;
}

.event_product_02 .event_p01 .price .cost_price {
	display: inline-block;
    font-size: 13px;
    color: #ababab;
}

.event_product_02 .event_p01 .price .cost_price span {
    color: #343434;
    font-size: 0.7em;
    padding-left: 4px;
    font-weight: normal;
}

.event_product_02 .event_p01 .price .selling {
    color: #243469;
    font-weight: 700;
    font-size: 17px;
    font-family: 'Pretendard Variable', sans-serif;
}

.event_product_02 .event_p01 .price .selling span {
	color: #343434;
    font-size: 0.7em;
    padding-left: 4px;
    font-weight: normal;
}

.event_p01 .first_title {
    margin-top: 10px;
    font-size: 15px;
    font-weight: 500;
    color: #4e4e4e;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.event_p01 .second_title {
    font-size: 12px;
    font-weight: 300;
    color:#4e4e4e;
}

.event_product_02 .event_p01 {
    float:left;
    width:50%;
    cursor:pointer;
}

.event_product_02 .event_p01 a {
	position: relative;
	display: block;
}

.event_product_02 .event_p01 a img {
	height: 100%;
    display: block;
	position: absolute;
	left: 0;
	top: 0;
	object-fit: cover;
}


.event_product_02 .fa_cont {
	background: #f9f9f9;
	padding: 15px 10px;
	height: 184px;
}

.event_product_02 .fa_cont .best {
    background: #6fbb3e;
    color: #fff;
    border-radius: 30px;
    width: 45px;
    font-size: 10px;
    line-height: 15px;
    margin-top: 10px;
    text-align: center;
}
/*  */
.product_list_01 {
        width: 100%;
    overflow: hidden;
}

.product_list_01 .pl_01 {
    float: left;
    width: calc(98% / 2);
    margin-bottom: 16px;
	text-align: center;
}
.product_list_01 .pl_01:nth-child(2n-1) {
    margin-right: 2%;
}

.product_list_01 .pl_01 a {
	border: 1px solid #e7e7e7;
    display: block;
    position: relative;
    padding-bottom: 100%;
}
.product_list_01 .pl_01 img {
        position: absolute;
    height: 100%;
    left: 0;
    top: 0;
    object-fit: cover;
}

.product_list_01 .pl_01 .img_box1-1 {
    position: relative;
}

.product_list_01 .pl_01 .img_box1-1 .tag {
    padding: 3px 5px;
    color: #fff;
    text-align: center;
    position: absolute;
    font-size: 13px;
    bottom: 0;
    left: 0;
}
.tag1 {
	background: #018a3c;
}

.tag2 {
	background: #0666b3;
}

.tag3 {
	background: #f16621;
}

.tag4 {
	background: #f121e1;
}

.product_list_01 .pl_01 .shap{
	margin-top: 10px;
    margin-bottom: 10px;
}

.product_list_01 .pl_01 .shap_tag {
	padding: 3px 5px;
    max-width: 100%;
    color: #fff;
    display: inline-block;
    text-align: center;
    font-size: 12px;
}

.shap_tag1 {background: #7d27ff;}

.shap_tag2 {background: #ff2746;}



.section_category .product_title {
    margin-top: 10px;
    font-family: 'Pretendard Variable', sans-serif;
    font-weight: 500;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    height: 25px;
	padding-left: 5px;
}

.section_category .discount {
	color: #b23434;
    font-size: 16px;
    font-weight: 500;
	margin-right: 3px;
}

.section_category .price_title {
        font-size: 18px;
    font-family: 'Pretendard Variable', sans-serif;
    color: #000000;
    font-weight: 700;
	padding-left: 5px;
}

.section_category .price_title .selling {
	display: block;
}

.section_category del {
    font-size: 14px;
    font-weight: lighter;
    color: #939393;
}

.section_category .product_list_01-1 {
    margin: 25px 0;
    overflow: hidden;
}

#m_nav {display:none;}



/* table */
.tablebox {
	width: 100%;
	font-size: 12px;
	font-weight: 500;
}

.tablebox .th {
	background: #ececdb;
	padding: 10px 0px;
	border-top: 1px solid #7b7d61;
	color: #7b7d61;
	text-align: center;
}

.tablebox table {
	width: 100%;
}

.tablebox table tr {
	border-bottom: 1px solid #f4f4f4;
}

.tablebox table tr:last-of-type {
	border-bottom: none;
}

.tablebox table tr td {
	padding: 11px 0px;
	font-size: 12px;
	color: #999999;
}

.dashtable3 .th p {
	width: 33%;
}

.dashtable3 table td {
	width: 33%;
	text-align: center;
}

.dashtable4 .th p {
	width: 33%;
}

.dashtable4 table td {
	width: 30%;
	text-align: center;
}

.dashtable4 .name {
	width: 20% !important;
}

.dashtable4 .lv {
	width: 20% !important;
}

/* //table */




#clock {
	background: #600d0f;
	border: 2px dashed #cf4545;
	border-radius: 10px;
	padding-right: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
	margin-bottom: 5px;
	font-weight: 400 !important;
}



.item-title {
	font-size: 22px;
	color: #ffffff;
	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-bottom: 5px;
	margin-bottom: 35px;
}



.mt10 {
	margin-bottom: 5px;
}





.pc-mt-40 {
	margin-top: 40px;
}

.pie-chart {
	position: relative;
	display: inline-block;
	width: 85px;
	height: 85px;
	border-radius: 50%;
	transition: 0.3s;
}

.center {
	background: #1f1e2c;
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 65px;
	height: 65px;
	border-radius: 50%;
	text-align: center;
	line-height: 4em;
	font-size: 1.1em;
	transform: translate(-50%, -50%);
	color: #d3d3d3;
	font-weight: 500;
}



.table_btn01 {
	display: inline-block;
	width: 77px;
	height: 30px;
	line-height: 30px;
	color: #ffffff;
	font-size: 14px;
	border-radius: 5px;
}

.stay_btn {
	background: #0e76bc;
	cursor: pointer;
}

.complet_btn {
	background: #d6a217;
	cursor: pointer;
}

.end_btn {
	background: #c02510;
	cursor: pointer;
}

/*main end*/

.menu_Btn {
    float: left;
    padding-left: 2.5%;
    margin-top: 20px;
}

.header_top_box02 {margin-bottom:20px;}

.header_top_box02 a {    font-size: 13px;
    font-weight: 600;
    color: #000;
	margin-right:5%;}


.all_category{
	float:left;
    display: none;
}

.all_category li a{
	color:#ffffff;
	font-size:14px;
	font-weight:600;
	width:270px;
	height:50px;
	background: #191919;
	display:block;
	letter-spacing:0.5px;
	line-height:50px;
	padding-left:30px;
}

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

.dropdown{
	margin-top:5%;
}

.dropdown li a{
	color:#212121;
	font-size:1.15em;
	letter-spacing:0.5px;
	line-height:200%;
}

.m_dropdown li a{
	color:#212121;
	font-size:1.15em;
	letter-spacing:0.5px;
	line-height:200%;
}

.sub_dropdown li a{
	color:#666666;
	font-size:1.15em;
	letter-spacing:0.5px;
	line-height:200%;
	padding-left:8%;
}

.nav{
    display: none;
}

.nav li a{
	color:#212121;
	font-size:1em;
	font-weight:600;
	letter-spacing:0.5px;
	line-height:200%;
	border-bottom:1px solid #212121;
}

.m_nav{
    margin-bottom: 20px;
}
.m_nav li a{
    	color:#212121;
	font-size:1em;
	font-weight:400;
	letter-spacing:0.5px;
    padding-left: 7px;
    font-size: 15px;
}

.m_nav .main_menu {
    font-size: 16px;
   background: #f0f3f9;
    border-radius: 3px;
    margin-bottom: 5px;
    margin-top: 25px;
    font-weight: 500;
}

#gnb{
    background: #0d1f4b;
    border: 1px solid rgba(204, 204, 204, 0.8);
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 99999999;
    left: -150%;
    top: 0%;
    overflow-y: auto;
}
.logon_bg {
    background: #ffffff!important;
}

.login_area {
    overflow: hidden;
    color: #ffffff;
    text-align: center;
    padding-top: 40px;
}
.login_area .txt1{
    font-size:16px;
	margin-bottom:15px;
}
.login_area .login-btn {
    width: 100px;
    height: 35px;
    background: #ffffff;
    color: #0d1f4b;
    text-align: center;
    line-height: 35px;
    display: inline-block;
    font-size: 18px;
	margin-right: 10px;
}
.login_area .join-btn {
    width: 100px;
    height: 35px;
    background: #7B542F;
    color: #fff;
    text-align: center;
    line-height: 35px;
    display: inline-block;
    font-size: 18px;
}

.gnb_inner{
	width:80%;
	margin:0 auto;
}

.click_logo_box02{
    overflow: hidden;
    padding-top: 100px;
    padding-bottom: 5%;
    position: relative;
    background: #0d1f4b;
}

.click_logo_box{
    overflow: hidden;
    padding-top: 20%;
    padding-bottom: 5%;
    position: relative;
	border-bottom: 1px solid #ababab;
    background: #fff;
}
.click_logo_box .nav_logo img {width: 165px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);}
.click_logo{
	width:60%;
	float:left;

}

.section-left .main-category {
    cursor: pointer;
    font-weight: 500;
    border-bottom: 1px solid #ababab;
}

.section-left .main-category > a {
    display: block;
    color: #000;
    text-align: center;
    font-weight: 500;
    font-size: 18px;
    line-height: 85px;
}

.section-left .sub-category {
	    cursor: pointer;
    font-weight: 500;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 30%;
}

.section-left .sub-category a {
	display: block;
    color: #000;
    text-align: left;
    font-weight: 500;
    font-size: 14px;
    padding-bottom: 5px;
}

.section-left .logout-btn {
    background: #4a5597;
    font-size: 16px;
    display: block;
    color: #fff;
    font-weight: 500;
    width: 145px;
    text-align: center;
    padding: 0;
    height: 40px;
    line-height: 40px;
    margin: 0 auto;
}

.categoryBg {
    background: #7f7f7f;
}

.categoryBg a {
    color: #fff!important;
}

.click_logo img{
	width:100%;
	height:auto;
}

#close{
	margin-left: auto;
	filter: invert(100%) sepia(56%) saturate(0%) hue-rotate(232deg) brightness(106%) contrast(101%);

	display: none;
}

.mb40 {
	margin-bottom: 20px;
}

.index_l_bg {
	width: 100%;
    min-height: 100vh;
    background-image: url(../img/log_bg.jpg) !important;
    background-size: auto 100%;
    background-position: center;
    float: left;
}

/* 카테고리 */
.categoryBox {
	padding-top: 10px;
	width: 100%;
	margin: 0 auto;
	text-align: center;
}

.categoryTit {
    font-size: 25px;
    font-family: 'Pretendard Variable', sans-serif;
    font-weight: 500;
    color: #7b542f;
    padding-bottom: 25px;
    position: relative;
    padding-top: 30px;
}

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

.categoryCont {
    padding: 15px 10px;
    overflow: hidden;
}

.categoryCont a {
   font-size: 14px;
    color: #a8a8a8;
    padding-bottom: 5px;
    display: inline-block;
	margin: 0 10px 8px;
    position: relative;
    white-space: nowrap;
}
.categoryCont a:last-of-type{
    margin-right:0px;
}

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

	.banner {
    display: block;
    clear: both;
    width: 100%;
    height: 140px;
    overflow: hidden;
    position: relative;
}

	.banner img {
    float: left;
        height: 100%;
    cursor: pointer;
}

.banner .banner_more {
    position: absolute;
    top: 50%;
    text-align: center;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
}

.banner .a_tit {
	font-size: 20px;
    font-weight: 500;
    color: #090909;
    letter-spacing: 12px;
    min-width: 205px;
    display: block;
}

.banner .a_tit span {
	letter-spacing: 1;
	font-weight: 300;
}

.banner .b_tit {
    font-size: 15px;
    padding: 5px 0px;
}
.banner .banner_more .btn {
	background-image: url(../img/img-more.png);
	background-size: 100% 100%;
	background-repeat: no-repeat;
    width: 125px;
    height: 29px;
    margin: 0 auto;
    margin-top: 15px;
	cursor: pointer;
}

.bottom {
	    background: #f7f7f7;
    padding-bottom:30px;
}

.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 24px;
    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: 0px 10px;
	padding-top: 20px;
	overflow:hidden;

}

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

.bottom .bot_c .useras:last-of-type {
	margin-right:0;
}

.bottom .bot_c .useras .tit {
	font-size: 14px;
    color: #343434;
	margin-top:15px;
}

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

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

.bottom .bot_b {
	padding: 0px 10px;}

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

.bottom .fot_logo {
    width: 100px;
    margin: 0 auto;
    display: block;
    margin-top: 20px;
}

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

.sub_banner img {
	width:100%;
}

.divpop {
    box-shadow: rgb(0 0 0 / 51%) 3px 3px 10px;
    width: 85%;
    overflow: hidden;
    position: fixed;
    z-index: 99999;
    top: 15%;
    left: 3%;
	background: #fff;
	z-index: 999;
    width: 80%;
	}
	
#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;
}



#divpop6 img {
	width:100%;
}
#dialog {
    padding-top: 30px;
    padding-bottom: 30px;
}
#dialog p {
	font-size: 14px;
    text-align: center;
	}
.ui-dialog {
	position:fixed !important;
	top:50% !important;
	left:50% !important;
	transform:translate(-50%, -50%) !important;
	}
.ui-dialog .ui-dialog-buttonpane {
    text-align: center;
    border-width: 1px 0 0 0;
    background-image: none;
    margin-top: 0.5em;
    padding: 15px 0px !important;
    display: flex;
    align-items: center;
    justify-content: center;
}
.ui-dialog .ui-dialog-buttonpane button {
    margin: 0.5em 0 0.5em 0 !important;
    cursor: pointer;
	font-size: 14px;
}
.ui-dialog-buttonset .ui-button:nth-child(1) {
    height: 50px;
    background: #333;
    color: #fff;
    width: 100%;
	border-radius: 3px;
	border: none;
}
.ui-dialog-buttonset .ui-button:last-child {
    height: 50px;
    background: #7B542F;
    color: #fff;
    width: 100%;
	border-radius: 3px;
	border: none;
}
.ui-dialog .ui-dialog-titlebar {
    padding: 10px 20px !important;
}
.ui-widget-header {
    border: none !important;
    border-bottom: 1px solid #dddddd !important;
    background: transparent !important;
    color: #333333;
    font-weight: bold;
    font-size: 16px;
}
.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.ui-widget-content {z-index: 99999999!important; width: 93% !important;}

.join-height {
	background: #f6f6f6;
}

.m100 {
	width: 100%!important;
}/* ============================ 메인용 새로운 스타일 적용 부분 ============================*/

.main {
	width: 100%;
	position: relative;
}

/* ======= top =======*/
.main-header {
	background: transparent;
    width: 100%;
    z-index: 99;
    position: absolute;
    top: 30px;
    left: 0;
}

.main-header .inner {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.main-header .logo {
    width: 105px;
}

.main-header .logo img {
	width: 100%;
    display: block;
}

.main-header inner {
	width: 100%;
}

.main-header .menuArea {
	width: calc(80% - 80px);
    background: #f0f9e3;
    height: 70px;
    line-height: 70px;
    border-radius: 50px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 15px 15px 15px 0;
}

.main-header .gnb_menu {
	overflow: hidden;
    width: 80%;
    text-align: center;
}

.main-header .gnb_menu > ul > a > li {
	width: calc(100% / 4);
	float: left;
	color: #103080;
	display: table;
	cursor: pointer;
	font-family: 'Pretendard Variable', sans-serif;
	font-weight: 600;
	font-size: 16px;
    display: block;
}

.main-header .gnb_menu > ul li.dep01 {
	width: calc(100% / 5);
    float: left;
    color: #103080;
    display: table;
    cursor: pointer;
    font-family: 'Pretendard Variable', sans-serif;
	font-weight: 600;
    font-size: 16px;
    display: block;
}

.main-header .gnb_menu > ul li.dep01 a {
    color: #103080;
}

.main-header .category {
    width: 45px;
	height:45px;
	cursor: pointer;
	background: #fff;
	border-radius: 50%;
	position: relative;
}

.main-header .category img {
	position: absolute;
    width: 50%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.main-header .category img.close {
    width: 40%;
	display: none;
}

.main-header .lnb_menu {
	margin-top: 0;
	overflow: hidden;
}

.main-header .lnb_menu ul {
	height: 15px;
	overflow: hidden;
	line-height: 15px;
	display: table;
	float: right;
}

.main-header .lnb_menu ul li {
    float: left;
    color: #576ea6;
    display: table;
    cursor: pointer;
    font-size: 12px;
    font-weight: 500;
    margin-right: 20px;
	position: relative;
}

.main-header .lnb_menu ul li::after {
	content: "";
    position: absolute;
    width: 2px;
    height: 13px;
    top: 2px;
    display: block;
    background: #9faccc;
    right: -10px;
}

.main-header .lnb_menu a:last-of-type li::after {
	display: none;
}

.header .lnb_menu ul li:nth-child(4) img {
	width: 14px;
	/* line-height: 15px; */
	height: 15px;
}

.header .lnb_menu ul li:nth-child(5) img {
	height: 15px;
	width: 12px;
}
/*top end*/

/* main */
.swiper {
overflow:hidden;
	width: 100%;
}

.swiper-slide img {
    width: 100%;
    /* height: auto; */
    object-fit: cover;
}

.swiper-slide .inner {
    position: absolute;
    bottom: 40px;
}

.swiper-slide .inner2 {
    position: absolute;
    top: 60px;
	right: 12%;
}

.swiper-slide .inner .visual-txt .txt-1 {
    font-size: 21px;
    font-weight: 400;
    color: #ffe550;
    line-height: 30px;
}



.swiper-slide .txt-2 {
    text-align: left;
    font-size: 21px;
    font-weight: 400;
    color: #fff;
    line-height: 30px;
        position: absolute;
top: 60px;
    right: 20px;
}

.swiper-slide .txt-2 span {
	font-size: 1.3em;
}

.swiper-slide .txt-3 {
    text-align: left;
    font-size: 21px;
    font-weight: 400;
    color: #0d1f4b;
    line-height: 30px;
        position: absolute;
    top: 65px;
    right: 50px;
}

.swiper-slide .txt-3 span {
	display: block;
	font-size: 1.3em;
}

.swiper-slide .txt-4 {
    text-align: right;
    font-size: 21px;
    font-weight: 400;
    color: #fff;
    line-height: 30px;
        position: absolute;
    bottom: 150px;
    right: 32%;
    text-shadow: 0px 2px 6px rgb(0 0 0 / 30%);
}

.swiper-slide .txt-4 span {
	display: block;
	font-size: 1.3em;
}

.swiper-slide .txt-5 {
    text-align: left;
    font-size: 21px;
    font-weight: 400;
    color: #fff;
    line-height: 30px;
        position: absolute;
    bottom: 70px;
    right: 30px;
}

.swiper-slide .txt-5 span {
	font-size: 1.3em;
}

.swiper-slide .inner .txt-3 {
	font-size: 11px;
    font-weight: 100;
    color: #fff;
    letter-spacing: 3px;
    line-height: 19px;
    margin-bottom: 95px;
}

.swiper-slide .inner .txt-3 >  .circle {
	position: relative;
}

.swiper-slide .inner .txt-3 >  .circle::after {
    content: "";
    position: absolute;
    width: 2px;
    height: 2px;
    border-radius: 50%;
    display: block;
    top: -3px;
    left: 4px;
    background: #fff;
}

.swiper-slide .inner .visual-txt > img {
	width:95px;
}

.swiper-slide .inner .visual-txt .more-Btn a {
	height: 35px;
    display: block;
	margin-top: 15px;
}

.swiper-slide .inner .visual-txt .more-Btn a img {
	height: 100%;
}

.company-info {
    background: #f6f6f6;
    overflow: hidden;
    padding-top: 40px;
    padding-bottom: 40px;
}

.company-info .infoT .infoT-left .txt-1 {
    color: #0d1f4b;
    font-size: 14px;;
    font-weight: 300;
}

.company-info .infoT .infoT-left .txt-2 {
    font-weight: 700;
    font-size: 20px;
    color: #0d1f4b;
    padding: 10px 0 20px 0;
}

.company-info .infoT .infoT-left .txt-3 {
    font-size: 13px;
    font-weight: 500;
    line-height: 1.8;
    color: #000;
	word-break: keep-all;
}

.company-info .infoT .infoT-left .m-infoImg {
	width: 100%;
	margin: 15px 0 40px;
}

.company-info .infoT .infoT-right {
    border-radius: 30px;
    overflow: hidden;
    margin-top: 10px;
    display: none;
}

.company-info .infoT .infoT-right > img {
    width: 100%;
}

.company-info .infoB {
	margin-top: 40px;
}

.main .company-info .infoB .icon-box {
    padding: 45px 15px 45px;
    width: 100%;
    float: left;
    background: #f7f7f7;
    border-radius: 15px;
    box-shadow: 0px 0px 14px #cdcdcd;
    margin-bottom: 20px;
}

.main .company-info .infoB .icon-box > img {
    height: 60px;
    margin: 0 auto;
    display: block;
}

.main .company-info .infoB .icon-box .txt-1 {
    color: #343434;
    font-weight: 500;
    font-size: 18px;
    text-align: center;
    margin: 30px 0 25px;
    text-transform: uppercase;
    position: relative;
}
.main .company-info .infoB .icon-box .txt-1::after {
    content: 'E A N T I O X I D A T I O N';
    position: absolute;
    top: -8px;
    left: 50%;
    font-size: 22px;
    color: #666666;
    font-weight: 400;
    transform: translateX(-50%);
    width: 100%;
    opacity: 0.2;
}

.company-info .infoB .icon-box .txt-2 {
    font-size: 14px;
    text-align: center;
    color: #898989;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: -0.7px;
}

.company-info .infoB .icon-box .txt-2 span{
	display: block;
    padding-left: 10px;
    position: relative;
}

.company-info .infoB .icon-box .txt-2 span::before {
	position: absolute;
    content: "";
    height: 3px;
    width: 3px;
    border-radius: 50%;
    display: block;
    left: 0;
    top: 8px;
    background: #454545;
}
.main .company-info .infoB .icon-box .txt-ul {
    overflow: hidden;
    margin-top: 15px;
    padding-left: 10px;
}
.main .company-info .infoB .icon-box .txt-ul li {
    font-size: 13px;
    text-align: left;
    color: #898989;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: -0.7px;
}
.section_new {
	width: 100%;
	clear: both;
	display: block;
	overflow: hidden;
	padding-bottom: 5px;
}

.section_new .bg {
	background: #f7f7f7;
}

.section_new .bg .tit::after {
	top: 175px;
	background: #fff;
}

.inner .title .tit {
        font-size: 20px;
    font-family: 'Pretendard Variable', sans-serif;
    font-weight: 600;
    display: block;
    position: relative;
    color: #343434;
    padding: 10px 0 15px 0;
    text-align: center;
    line-height: 1;
}

.inner .title .s-tit {
    font-size: 14px;
    font-weight: 400;
    display: block;
    position: relative;
    color: #343434;
    text-align: center;
    line-height: 1;
}

.inner .title .s_tit {
text-align: center;
margin-bottom: 60px;
    color: #898989;
    font-size: 15px;
	}

.inner .title .more {
	float: right;
	cursor: pointer;
	font-size: 14px;
	font-family: 'Pretendard Variable', sans-serif;
	color: #585858;
	    margin-top: -80px;
}

.contents_new {
	width: 100%;
	clear: both;
}

.contents_new .prroduct_01 {
	float: left;
	width: 48%;
	margin-bottom: 16px;
}
.contents_new .prroduct_01 .product_img{
	width: 100%;
}

.contents_new .prroduct_01 .product_img a{
    display: block;
    background: #fff;
    position: relative;
    height: 0;
    padding-bottom: 100%;
}

.contents_new .prroduct_01 .product_img img{
    display: block;
    height: 100%;
    object-fit: cover;
    position: absolute;
    left: 0;
    top: 0;
    border: 1px solid #c3c3c3;
}

.contents_new .prroduct_01:nth-child(1) {
	margin-right: 4%;
}

.contents_new .prroduct_01:nth-child(3) {
	margin-right: 4%;
}

.contents_new .product_title {
	    font-family: 'Pretendard Variable', sans-serif;
    font-weight: 700;
    font-size: 13px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    height: 20px;
}


.prroduct_01 .price {
	width: 100%;
	    line-height: 1;
}

.prroduct_01 .selling {
        display: inline-block;
    color: #898989;
    font-weight: 400;
    font-size: 12px;
    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: 12px;
	color: #ababab;
}

.prroduct_01 .new_cont span {
	    color: #898989;
    padding-left: 4px;
    font-size: 0.9em;
}

.main-brand {
	margin-top: 20px;
}

.main-brand .f-left {
	float: left;
}

.main-brand .f-right {
	float: right;
}

.main-brand .inner {
	overflow: hidden;
}

.main-brand .brand-in {
	    width: 100%;
    position: relative;
    overflow: hidden;
    margin-bottom: 16px;
}

.main-brand .brand-in > img {
	width: 100%;
}

.main-brand .brand-txt {
    padding: 0 15px;
	width: 100%;
}

.main-brand .brand-in:first-of-type .brand-txt.f-right {
    background: #f7f7f7;
}

.main-brand .brand-in:last-of-type .brand-txt.f-left {
	background: #f0f3f9;
}

.main-brand .brand-txt > img {
    margin: 0 auto;
    display: block;
    padding-bottom: 20px;
}

.main-brand .brand-in:nth-of-type(1) .brand-txt > img {width: 75px; padding-top: 30px;}
.main-brand .brand-in:nth-of-type(2) .brand-txt > img {width: 75px; padding-top: 30px;}

.main-brand .brand-txt .txt-1 {
	    font-size: 28px;
    font-weight: 500;
    text-align: center;
    display: block;
    width: 70%;
    margin: 0 auto;
    border-top: 1px solid #ccc;
    line-height: 55px;
}

.main-brand .brand-txt .txt-2 {
	    text-align: center;
    color: #898989;
    font-weight: 500;
    font-size: 12px;
    padding-bottom: 30px;
}

.main .section_recom {
    margin: 50px 0 0px;
}
.main .section_recom .swiper-wrapper{
    height:auto !important;
}

.main .section_recom .swiperForm {display:flex;}

.main .section_recom .title .tit {
    font-size: 18px;
    font-weight: 500;
    display: block;
    position: relative;
    padding: 0 0 15px 0;
    line-height: 1.5;
}

.main .section_recom .title .tit::after {
    position: absolute;
    left: 0;
    content: "";
    display: block;
    width: 50px;
    height: 1px;
    bottom: 0;
    top: 34px;
    background: #d5d5d5;
}

.main .section_recom .title .s-tit {
    color: #898989;
    font-weight: 500;
    font-size: 13px;
    line-height: 1.5;
}

.main .event_product_02 {
    overflow: hidden;
    margin-top: 40px;
}
.main .event_product_02 .ev_p01 {
	float: left;
	width: 32%;
	cursor: pointer;
}
.main .event_product_02 .ev_p01 .imgbox{
	background: #ffffff;
    width: 100%;
    text-align: center;
	padding-bottom: 84.85%;
	position:relative;
}

.main .event_product_02 .event_p01 {
    float: left;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    padding-top: 75%;
    width: calc(100% / 3);
}

.main .event_product_02 .event_p01 img {
	width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    object-fit: contain;
}
.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 25px;
}

.main .fa_cont .category_tit {
	color: #ababab;
    border: 1px solid #ababab;
    display: inline-block;
    padding: 3px 25px;
    border-radius: 30px;
    font-size: 12px;
}

.main .fa_cont .first_title  {
	color: #fff;
    font-weight: 600;
    font-size: 16px;
    line-height: 1;
    padding: 20px 0 10px;
}

.main .fa_cont .second_title {
    font-size: 14px;
    color: #fff;
    padding-bottom: 10px;
}
.main .fa_cont .price .product_selling {
   font-size: 14px;
    color: #fff;
}
.main .fa_cont .price .selling {
    color: #fff;
    font-size: 14px;
}

.main .fa_cont .price span {
     color: #fff;
    font-size: 14px;
}

/* //main */
.memberpage {
	margin-top: 40px;
}
.memberpage .input_title {
    font-weight: 500;
}

.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%;
    margin: 0 auto 10px;
    display: flex;
    align-items: center;
}

.input_login {
    width: 100%;
    height: 40px;
    border: 1px #cccccc solid;
    text-indent: 15px;
	font-size: 14px;
	/* margin-bottom: 10px; */
}
.emailView .input_login{
    width: calc(100% - 100px);
}
.smsView .input_login {
    /* margin-bottom: 10px; */
}
.input_login::placeholder {color:#cccccc;}


.login .flex_box{
	display: flex;
	align-items: center;
	gap: 15px;
	justify-content: center;
	height: 20px;
	margin-bottom: 20px;
	opacity: .5;
}
.login .h_line{
	width: 100%;
	height: 1px;
	background-color: #000;
}
.login .txt{
	font-size: 12px;
	font-weight: 555;
	width: 100%;
	white-space: nowrap;
}
.memoryArea {
        display: flex;
        margin-top: 10px;
        margin-bottom:10px;
        flex-direction: column;
    }
.memoryArea > div{
    gap: 20px;
    display: flex;
    }
.inner540 {
    /* max-width: 540px; */
    width: 100%;
    margin: 0 auto;
	padding: 0 25px;
}
.login_inner{
	max-width: 400px;
	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: 20px;
	font-weight: 700;
}
.member_title .logobox{
	height: 30px;
}
.member_title .logobox img{
	height: 100%;
}
.nav-layer {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	min-height: 100vh;
	background: rgba(0, 0, 0, 0.4);
	display: none;
	z-index: 9;
}

.m-gnb {
    padding: 20px 4% 20px;
    position: absolute;
    background: #fff;
    min-width: 90%;
    left: 0;
    top: 60px;
	display: none;
	z-index: 99;
    max-height: calc(100vh - 110px);
    overflow-y: auto;
}

.m-gnb > li {
    line-height: 45px;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.5px;
    position: relative;
    text-align: left;
    border-bottom: 1px solid #ccc;
}
.m-gnb > li .menu_icon{
    height: 6px;
    position: absolute;
    top: 21px;
    right: 20px;
}

.parent {
	overflow: hidden;
	height: 100%;
    padding: 0% 4%;
	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;
}

.parent .logo {
    width: 100px;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
}

.parent .logo img {
    width: 100%;
	filter: brightness(0) invert(1);
}
.nav_btn {
	filter: brightness(0) invert(1);
	width: 22px;
}
.nav_btn img{
	filter: brightness(0) invert(1);
	width: 100%;
}
.visual-in {
	border-top:0;
}

.sub_menu {
    display: none;
    text-align: left;
    padding: 0 4%;
    white-space: nowrap;
	border-top: 1px solid #ccc;
}

.sub_menu li {
	height: 30px;
    line-height: 30px;
}

.login-prev {
	background: #f6f6f6;
	width: 100%;
	padding: 20px 0;
	border-radius: 5px;
}

.login-prev .infoIcon {
    width: 60px;
    display: block;
    margin: 0 auto 30px;
}

.login-prev .infoIcon img {
    width: 100%;
}

.login-prev a {
    font-size: 14px;
	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;
}

.login-prev a img {
    width: 5px;
	margin-left: 5px;
}

.login-next {
	background: #f6f6f6;
	width: 100%;
	padding: 20px 4%;
	border-radius: 5px;
}

.login-next .next-top {
	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: 20px;
    border-bottom: 1px solid #ccc;
	padding: 0 4% 20px;
	gap: 20px;
}

.login-next .next-top .infoIcon{
	width: 70px;
	position: relative;
}

.login-next .next-top .infoIcon img{
	width: 100%;
}

.login-next .next-top .infoIcon > span{
position: absolute;
    right: 0;
    top: -10px;
    background: #181818;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    text-align: center;
    line-height: 30px;
    color: #fff;
    font-size: 14px;
}

.login-next .next-top .txtArea {
	margin-left: 15px;
}

.login-next .next-top .txtArea .p1 {
	font-size: 15px;
	color: #000;
    padding-bottom: 10px;
}

.login-next .next-top .txtArea .p2 {
	font-size: 13px;
	color: #7f7f7f;
    padding-bottom: 5px;
}

.login-next .next-top .txtArea .copyLink {
    text-align: center;
    font-size: 13px;
    color: #fff;
    padding: 6px 25px;
    background: #7B542F;
}

.login-next .next-top .txtArea .copyLink {
    text-align: center;
    font-size: 13px;
    color: #fff;
    padding: 6px 25px;
    background: #7B542F;
}

.login-next .next-bot {
	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-next .next-bot .buttonArea {
	width: 100%;
	display: flex;
	gap: 20%;
	justify-content: center;
	background-color: #efefef;
	border-radius: 5px;
	padding: 15px;
}
.login-next .next-bot .buttonArea li a{
	display: flex;
	flex-direction: column;
	gap: 10px;
	align-items: center;
	justify-content: center;
}
.login-next .next-bot .buttonArea li .iconbox{
	height: 20px;
}
.login-next .next-bot .buttonArea li .iconbox img{
	height: 100%;
}
.login-next .next-bot .buttonArea li h3{
	font-size: 13px;
	font-weight: 400;
	color: #808080;
}


/* 서브페이지 시작 */

/* introtion */


.section-new {
	width: 100%;
	overflow: hidden;
    border-top: 2px solid #ccc;
}

.section-new .inner {
	padding: 40px 4% 0;
}

.introtion {
    overflow: hidden;
}

.introtion .introtion-img {
	    width: 100%;
    border-radius: 15px;
}

.introtion  .set1 {
	width:100%;
}

.introtion  .set1 .set1-txtBox {
	width: 100%;
}

.introtion  .set1 .p1 {
	    color: #c3c3c3;
		    padding-top: 20px;
    font-size: 14px;
    text-align: center;
    font-weight: 300;
}

.introtion  .set1 .p2 {
	    font-weight: 700;
    text-align: center;
    font-size: 22px;
    position: relative;
    padding: 10px 0 30px 0;
}

.introtion  .set1 .p2::after {
	    position: absolute;
    content: "";
    width: 35px;
    height: 2px;
    background: #d5d5d5;
    bottom: 15px;
    display: block;
    left: 50%;
    transform: translateX(-50%);
}

.introtion .set1 .p3 {
	font-size: 12px;
    font-weight: 500;
    line-height: 1.5;
    text-align: center;
	word-break: keep-all;
}

.introtion .set2 {
	background: #f7f7f7;
	margin-top: 35px;
}

.introtion .set2 .inner {
	padding: 35px auto!important;
	overflow: hidden;
}

.introtion .set2 .inner > div {
	width: 100%;
	overflow: hidden;
	position: relative;
    margin: 35px 0;
}

.introtion .set2 .p1 {
	font-weight: 700;
    text-align: center;
    font-size: 22px;
    position: relative;
    padding: 10px 0 30px 0;
}

.introtion  .set2 .p1::after {
	    position: absolute;
    content: "";
    width: 35px;
    height: 2px;
    background: #d5d5d5;
    bottom: 15px;
    display: block;
    left: 50%;
    transform: translateX(-50%);
}

.introtion .set2 .p2 {
	font-size: 14px;
    font-weight: 500;
    color: #7B542F;
    word-break: keep-all;
    text-align: center;
    line-height: 1.5;
    padding-left: 35px;
    height: 60px;
}

.introtion .set2 .p3 {
	    font-size: 12px;
    font-weight: 400;
    color: #898989;
   line-height: 1.5;
    text-align: center;
    word-break: keep-all;
}

.introtion .set2 .img-area {
    width: 60px;
    height: 60px;
    margin: 0 auto 20px;
    display: block;
    background: #fff;
    border-radius: 50%;
    border: 1px solid #ccc;
    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;
}

.introtion .set2 .txt-area {
    width:100%;
}

.introtion .set2 .img-area img {
	height: 55%;
}
/* //introtion */

/* brand */
.brand {
	overflow: hidden;
}

.brand .main-brand {
	margin-top: 0;
}

.brand .main-brand .inner .p1 {
    font-weight: 700;
    text-align: center;
    font-size: 22px;
    position: relative;
    padding: 10px 0 30px 0;
}

.brand .main-brand .inner .p1::after {
	    position: absolute;
    content: "";
    width: 35px;
    height: 2px;
    background: #d5d5d5;
    bottom: 15px;
    display: block;
    left: 50%;
    transform: translateX(-50%);
}

.brand .logo-intro {
	background: #f7f7f7;
    padding-bottom: 35px;
	margin-top: 35px;
}

.brand .logo-intro .inner {
	position: relative;
}

.brand .logo-intro .logoImg-area {
    background: #fff;
    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;
    width: 100px;
    height: 100px;
    margin: 0 auto 20px;
    border: 3px dashed #e1e1e1;
}

.brand .logo-intro .logoImg-area img {
	width: 70%;
}

.brand .logo-intro .tit1 {
	    font-weight: 700;
    text-align: center;
    font-size: 22px;
    position: relative;
    padding: 10px 0 30px 0;
}

.brand .logo-intro .tit1::after {
	    position: absolute;
    content: "";
    width: 35px;
    height: 2px;
    background: #d5d5d5;
    bottom: 15px;
    display: block;
    left: 50%;
    transform: translateX(-50%);
}

.brand .logo-intro .boxStep-3 {
    left: 0;
    max-width: 420px;
    word-break: keep-all;
    bottom: 20px;
}

.brand .logo-intro .logoIntro-box .p1 {
	    font-size: 14px;
    color: #7B542F;
	line-height: 2;
}

.brand .logo-intro .logoIntro-box .p2 {
	    font-size: 12px;
    padding-top: 3px;
    padding-bottom: 10px;
}
/* //brand */

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

.wait {
	vertical-align: middle;
	padding: 3% 10%;
	background-color: #f0f9e3;
	text-align:center;
	font-size: 1.2em;
	color: #103080;
	font-weight: bold;
	border-radius: 10px;
}

.button06 {
    width: 100%;
    height: 40px;
    background-color: #7b542f;
    color: #ffffff;
    border: 0px;
    cursor: pointer;
    vertical-align: middle;
    font-size: 16px;
    font-weight: 400;
    border-radius: 50px;
}

.btn_bg {
    width: 100%;
    height: 45px;
    background-color: #fff;
    color: #000;
    border: 1px solid #d8dde0;
    cursor: pointer;
    vertical-align: middle;
    font-size: 16px;
    font-weight: 400;
	border-radius: 5px;
}
.login_item .flex {
	 display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    margin: 10px auto;
}


.pop-up2 {display: none;}
.pop-up3 {display: none;}

.chk-agree {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
}

.agree .chk-agree .all input[type=checkbox] {
    display: none;
}

.m-agreeBox {
    width: calc(100% - 30px);
}
.m-agreeBox .agree-txt1 {
    width: 240px;
}

.pop-up2 {
    position: fixed;
    z-index: 100000;
    background: #f5f5f5;
    width: 90%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: none;
}
.pop-up2 .inArea-scroll {
    overflow-y: auto;
}
.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: 12px;
    color: #2473bb;
    font-weight: 500;
    margin-bottom: 20px;
    word-break: keep-all;
}
.pop-up2 .inArea .item01 .form {
    overflow: hidden;
    border-bottom: 1px #e4e4e4 solid;
    padding-bottom: 10px;
}
.pop-up2 .inArea .item01 .form .t1 {
    font-size: 14px;
    color: #333333;
    float: left;
    width: 65px;
    text-align: left;
    height: 35px;
    line-height: 35px;
}
.pop-up2 .inArea .item01 .form .input-form {
    width:calc(100% - 65px);
    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: 12px;
    -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: 35px;
}
.pop-up2 .inArea .item01 .form .input-form .searchBt {
	width: 29%;
    background: #c6c6c6;
    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: 13px;
}
.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: 12px;
    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;}



.header_top_box02 .logout-btn {
        background: #1c1c1c;
    font-size: 14px;
    color: #fff;
    font-weight: 500;
    border-radius: 5px;
    padding: 6px 25px;
    position: absolute;
    bottom: 15px;
    display: inline-block;
    left: 10%;
}

/* 정책 */
.terms-area {
	 margin: 0 auto;
    width: 90%;}
.terms-area .terms_tit {
    font-size: 18px;
    margin-bottom: 15px;
}
.trams-box {
    padding: 15px;
    margin: 0 auto;
    width: 100%;
    margin: 0 auto;
    border: 1px #ccc solid;
    height: 60vh;
    overflow: hidden;
    overflow-y: auto;
    font-size: 12px;
    word-break: keep-all;
}
.trams-box span {font-weight:700;font-size:13px;}

.terms-form {
	text-align: center;
    display: block;
    background: #ebebeb;
    padding: 20px;
    border-radius: 5px;
}

.join-falet {
	padding: 10px 5%;
	font-size: 12px;
}


.m_input_1 {display:inline-block;width: 100%;}
.m_input_2 {
    display: inline-block;
    width: calc(100% - 80px);
}

.m-mb-35 {margin-bottom:20px;}

.mord_count {
    width: 100%;
    text-align: right;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    margin-bottom: 10px;
    padding-top: 10px;
    border-top: 1px solid #ccc;
}

.mord_count input {
    width: calc(100% - 100px)!important;
}

.visual-sub {
    width: 100%;
    position: relative;
    padding-top:35px;
}
.faq .visual-sub {
    padding-top: 0px;
}
.view .visual-sub {
    padding-top: 0px;
}
.visual-sub .sub-txt {
    font-size: 24px;
}

.visual-sub img {
	width: 100%;
}

.locationN {
    overflow: hidden;
    margin-top: 15px;
}

.locationN.f_l {
	margin-top: 10px;
}

.locationN > p {
	display: inline-block;
	font-size: 12px;
    color: #898989;
    font-weight: 500;
    border-radius: 5px;
    padding: 3px 2px;
}

.locationN > img {
	height: 8px;
}

.agree_inner {
    width: 95%;
    margin: 0 auto;
    margin-bottom: 8px;
}

.agree_chktitle {
	text-align: left;
    font-weight: 600;
    padding: 15px 0 5px;
    font-size: 12px;
}

.agree_inner:nth-of-type(2) {
    margin-bottom: 0;
}

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

.chk-agree input[type=checkbox] {
    display: none;
}
.chk-agree.all input[type=checkbox] {
    display: none;
}

.chk-agree input[type=checkbox] + label {
    -webkit-appearance: none;
    position: relative;
    width: 16px;
    height: 16px;
    cursor: pointer;
    outline: none !important;
    border: 3px solid rgb(204 204 204);
    border-radius: 4px;
    background: transparent;
    margin-right: 5px;
}

.chk-agree input[type=checkbox]:checked + label {
    -webkit-appearance: none;
    position: relative;
    width: 16px;
    height: 16px;
    cursor: pointer;
    outline: none !important;
    border: 3px solid #7B542F;
    border-radius: 4px;
    background: transparent;
    margin-right: 5px;
    background: #7B542F;
    margin-right: 5px;
	color: #fff;
}

.chk-agree input[type=checkbox]:checked + label:before {
     content: "\2713";
    width: 100%;
    transition: all .2s;
    position: absolute;
    right: 0 !important;
    top: -3px;
    border: 0;
    font-size: 12px;
}

.agree-txt1 {
	word-break: keep-all;
	font-size: 14px;
	line-height: 15px;
	font-weight: 400;
}

.agree-txt1 span {
	    display: block;
    margin-left: 25px;
}

.hr_gray {
    background: #e1e1e1;
    height: 1px;
    display: block;
}

.write_btn_box {
    width: 100%;
    text-align: center;
}

.table-flex {
    position: relative;
}

.table-flex:last-of-type {
	margin-bottom:0;
}

.join .memberpage .input_title {
    text-align: left;
}

.join .index_input01 {
    width:100%;
    height: 40px;
    border: 0;
    background-color: #f2f2f2;
    text-indent: 15px;
    box-sizing: border-box;
	padding:0;
}

.join .index_input02 {
	width: calc(94% / 3);
    height: 40px;
    border: 0;
    background-color: #f2f2f2;
    margin-right: 2%;
    text-indent: 15px;
    box-sizing: border-box;
	padding:0;
}

.join .m-phone {
    width: 100% !important;
	display:flex;
}

.join .phone_select {
    width: 28.33% !important;
    height: 40px;
    border: 0;
    background-color: #f2f2f2;
    margin-right: 2%;
    text-indent: 10px;
    box-sizing: border-box;
	padding:0;
	font-size: 12px;
}
.join .phone_select::select {background-image: none !important;}

.no-title {
    margin-left: 89px;
}

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

.no-mem .border-line {
    position: inherit;
}

.join_alert {
    font-size: 12px;
    line-height: 15px;
    padding-top: 3px;
    color: #8a8a8a;
    display: inline-block;
}

.rviewCart {
    display:none;
}

.btn-inquity {
    font-size: 12px;
    width: 105px;
    height: 30px;
    color: #ffffff;
    background-color: #7b542f;
    border: 0px;
    border-radius: 30px;
    -moz-border-radius: 30px;
    -khtml-border-radius: 30px;
    -webkit-border-radius: 30px;
    cursor: pointer;
    line-height: 30px;
    text-align: center;
    float: right;
    margin-bottom: 10px;
}

.pagination {
    margin: 0 auto;
    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;
}

.m-phone {
	width: calc(100% / 3 - 41px)!important;
}

/* 뉴디자인 */

/* join */
.gray-bg .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;
}
.gray-bg .red {
    color: #b92136 !important;
}
.inner-white {    background: #fff;
    position: relative;
    width: 100%;}

.buttonag {
    width: 100%;
    height: 40px;
    background-color: #7B542F;
    color: #ffffff;
    border: 0px;
    cursor: pointer;
    vertical-align: middle;
    font-size: 14px;
    margin-left: auto;
    display: block;
}

.write_btn_box {
	width: 100%!important;
}

.step-circle {
    height: 30px;
    width: 30px;
    border-radius: 50%;
    background: #9f9f9f;
    color: #fff;
    text-align: center;
    line-height: 30px;
    font-size: 13px;
    margin: 0 auto 5px;
}

.circle-on {background: #7B542F;}

.step {
    font-size: 12px;
    font-weight: 500;
    color: #000;
}

.step-arrow {
    height: 12px;
    margin: 0 10px;
}

.agree_title {
	text-align: left;
    left: 0;
    width: 63px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-weight: bold;
    font-size: 12px;
}

.agree-tell {
    margin: 0 auto;
    font-size: 10px;
    color: #8b9293;
    word-break: keep-all;
    padding: 0;
    width: 95%;
    margin-top: 15px;
}

.agree_input01 {
    width: 70%;
    height: 37px;
    border: 0;
    background-color: #f2f2f2;
    text-indent: 15px;
    box-sizing: border-box;
    display: block;
    margin-left: auto;
}

.memberp1 {
	text-align: center;
    font-size: 15px;
    font-weight: 500;
    padding-bottom: 15px;
}

.memberp2 {
       font-size: 13px;
    font-weight: 500;
    padding: 10px 8%;
}

/* 라디오 버튼 디자인 */
.ladio01 > div {
	width: calc(90% / 3);
	text-align: center;
}

.ladio01 label {
      font-size: 18px;
    line-height: 2rem;
    cursor: pointer;
    display: inline-block;
    margin: 0 auto;
    text-align: center;
}

.ladio01 span {
    display: block;
    text-align: center;
}

.ladio01 [type="radio"] {
    vertical-align: middle;
    appearance: none;
    border: 1px solid gray;
    border-radius: 50%;
    width: 17px;
    height: 17px;
    transition: border 0.5s ease-in-out;
    cursor: pointer;
}

.ladio01 [type="radio"]:checked {
  background: #7B542F;
  border:	1px 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: 20px;
    font-weight: 500;
}

.ladio01 .p-pr {
	font-size: 14px;
    color: #7B542F;
    line-height: 1;
}

.ladio02 {
    width: 100%;
	margin-bottom: 20px !important;
}

.ladio02 > div {
	margin-right: 4%;
}

.ladio02 label {
      font-size: 18px;
    cursor: pointer;
    display: inline-block;
}

.ladio02 span {
    display: inline-block;
}

.ladio02 [type="radio"] {
    vertical-align: middle;
    appearance: none;
    border: 1px solid gray;
    border-radius: 50%;
    width: 14px;
    height: 14px;
    transition: border 0.5s ease-in-out;
    cursor: pointer;
}

.ladio02 [type="radio"]:checked {
  background: #7B542F;
  border:	1px 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: 12px;
    font-weight: 500;
}
/* //라디오 버튼 디자인 */

.set-box ul.setTable-t {
	overflow: hidden;
	border-bottom: 1px solid #ccc;
}

.set-box ul.setTable-t li {
    float: left;
    text-align: center;
    font-size: 13px;
    padding: 7px 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: 15px 0;
    position: relative;
	border-bottom: 1px solid #ccc;
}

.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: 14px;
    margin-bottom: 5px;
    text-align: center;
}

.set-box ul.setTable-c li .set-memu .set-img {
	width: 63px;
    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: 10px;
    padding-left: 7px;
    font-size: 12px;
    width: calc(100% - 63px);
}

.set-box ul.setTable-c li .set-memu .mid .menu-name {
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    line-height: 1.2em;
    height: 1.2em;
    width: 75%;
}

.set-box ul.setTable-c li .set-memu .set-info {
    float: left;
    padding-left: 8px;
    width: calc(100% - 90px);
}

.set-box ul.setTable-c li .set-memu .set-proBox {
	position: absolute;
    bottom: 15px;
}

.set-box ul.setTable-c li .set-memu .set-info .menu-name01 {
	font-size: 13px;
    font-weight: 600;
	color: #000;
	padding-bottom: 5px;
}

.set-box ul.setTable-c li .set-memu .set-info .set-proBox01 {
    font-size: 10px;
}

.set-box ul.setTable-c li .set-memu .set-info .set-proBox01 p {
	    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    line-height: 1.2em;
    height: 1.2em;
}

.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: 12px;
    font-weight: 500;
    color: #000;
    position: absolute;
    right: 0;
    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: 0;
}

.set-box .set-count .up {
    width: 24px;
    height: 24px;
    border: 1px solid #000;
    text-align: center;
    font-size: 16px;
    line-height: 21px;
}

.set-box .set-count input {
    width: 24px;
    height: 24px;
    border-bottom: 1px solid #000;
    border-top: 1px solid #000;
    text-align: center;
	line-height: 24px;
}

.set-box .set-count .down {
    width: 24px;
    height: 24px;
    border: 1px solid #000;
    text-align: center;
    font-size: 25px;
    line-height: 23px;
}

.set-box .all-pr {
    overflow: hidden;
    font-size: 16px;
}

.set-box .all-pr .left {
    float: left;
    word-break: keep-all;
	width: 45%;
	    padding-top: 3px;
}

.set-box .all-pr .left p {
        overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    line-height: 1.2em;
    height: 1.2em;
	font-size: 10px;
}

.set-box .all-pr .right {
    float: right;
    font-size: 14px;
    overflow: hidden;
    line-height: 20px;
	width: 45%;
}

.set-box .all-pr .right p {
	float: left;
	font-weight: 500;
}

.set-box .all-pr .right .red {
	float: right;
	color: #b92136;
	text-align: right;
	font-weight: 600;
}

.set-box .m_all-pr {
    font-size: 13px;
    line-height: 15px;
	text-align: right;
	font-weight: 600;
}

.write_p {
	text-align: center;
    font-size: 12px;
    font-weight: 500;
    color: #7B542F;
    padding-bottom: 10px;
}

.pop-open {
    margin-left:5px;
    font-size: 12px;
    color: #91643a;
    font-weight: 500;
	display: inline-block;
	cursor: pointer;
}

.trams-box2::-webkit-scrollbar {
display: none;
}

.trams-box2 {
    padding: 15px;
    margin: 0 auto;
    width: 100%;
    border: 1px #e4e4e4 solid;
    height: calc(100vh - 235px);
    overflow: hidden;
    overflow-y: auto;
    font-size: 12px;
    word-break: keep-all;
	background: #fff;
    margin-bottom: 20px
}

.trams-box2 span {font-weight:700;font-size:13px;}

.pop-inTit {
    display: block;
    width: 100%;
    margin: 15px auto;
	margin-top: 0;
    padding: 5px 10px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    font-size: 15px;
    font-weight: 500;
}

.txt6 {
    font-size: 12px;
    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;
}

.link_input03 {
    width: calc(100% - 110px);
    height: 35px;
    border: none;
    padding-left: 7px;
    background: transparent;
    color: #2a2f42;
    border: 1px solid #CCCCCC !important;
}

.info .btn-type1 {
	background: #7B542F;
    color: #fff;
    display: inline-block;
    font-size: 13px;
    cursor: pointer;
    height: 35px;
    width: 100px;
    text-align: center;
    line-height: 35px;
    margin-left: 10px;
}

.btnin .index_input03 {
	width: calc(100% - 100px)!important;
    padding-right: 10px;
}

#divpop1 {
    background-color: #ffffff;
    position: absolute;
    right: 10px;
    top: 30px;
    z-index: 999999;
    display: none;
    width: 80%;
}
#divpop1 img {
    width: 100%;
}

#divpop2 {
        background-color: #ffffff;
    position: absolute;
    /* left: 5px; */
    top: 120px;
    z-index: 9999999;
    display: none;
	width: 100%;
}
#divpop2 img {
    width: 100%;
}

#divpop3 {
    background-color: #ffffff;
    position: absolute;
    top: 80px;
    z-index: 99999999;
    display: none;
    width: 95%;
    right: 0;
}
#divpop3 img {
    width: 100%;
}

.pv-blue {color: #7B542F;}
.under-pv {
	text-decoration: line-through;
    color: #898989;
	font-size: 0.8em;
	padding-left: 5px;
}
/* best seller */
.section_new02 {
	width: 100%;
	clear: both;
	display: block;
	overflow: hidden;
	padding-top: 50px;
}
.section_new02 .proBoxArea01 {
	min-height: 310px;
}

.main .proBox-n {
    padding: 0 4%;
}

.section_new02 .prroduct_01:nth-of-type(even) {
	margin-right: 0;
}

.hidden_img{
	display:none;
}

/* .section_new02 .prroduct_01:hover {
	background: #f6f6f6;
} */
/* .section_new02 .prroduct_01:hover .open_img{
	display:none;
} */
.section_new02 .prroduct_01:hover .hidden_img{
	display:block;
}

.section_new02 .prroduct_01 .product_img a{
    display: block;
    background: #fff;
    position: relative;
    height: 0;
    padding-bottom: 100%;
}

.product_info .product_nm {
    text-align: left;
    font-size: 14px;
    color: #353535;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    font-weight: 400;
	margin-bottom: 5px;
}
.product_info .product_text {
    text-align: left;
    font-size: 12px;
    color: #808080;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    font-weight: 400;
	margin-bottom: 20px;
	display: none;
}
.product_info .product_amount {
    text-align: left;
    font-size: 16px;
    color: #353535;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    font-weight: 700;
	margin-bottom: 5px;
}
.product_info .product_amount span{
	font-size: 16px;
	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: 14px;
    font-weight: 400;
    color: #000;
}

.product_info .product_price {
    font-size: 14px;
    color: #6e6e6e;
	padding-right: 10px;
}

.product_info .product_selling {
    font-size: 16px;
    font-weight: 400;
    color: #353535;
    padding-right: 5px;
}

.product_info .product-mem {
	text-align: left;
	font-size: 10px;
}


.product_info .pv_price {
	color: #d9897c;
	font-size: 18px;
	font-weight: 400;
	display: block;
}

.product_info .product-nomem {
	text-align: left;
}
.title .tit02 {
    font-size: 20px;
    font-weight: 700;
    display: block;
    position: relative;
    padding: 0 0 15px 0;
}
.title .stit_02{
	display: none;
}
.main_wrap .title {
	margin-bottom: 30px;
}
.main_wrap .title  .tit02{
    font-size: 18px;
    font-weight: 700;
    display: block;
    position: relative;
    padding: 0 0 10px 0;
	text-align: center;
}
.main_wrap .title .stit_02 {
    font-size: 14px;
	font-weight: 400;
	display: block;
	text-align: center;
}

.main-seller-bg .inner {
    /* padding: 0 !important; */
}

.contents_new02 {
	width: 100%;
	clear: both;
}

.contents_new02 .swiper-wrapper {
	height: auto;
}

.contents_new02 .swiper-slide {
	height: auto;
}

.contents_new02 .prroduct_01 {
	width: 100%;
	padding: 10px;
}
.contents_new02 .prroduct_01 .product_img{
	width: 100%;
    position: relative;
    padding-bottom: 100%;
	overflow: hidden;
}

.contents_new02 .prroduct_01 .product_img a{
    display: block;
    background: #fff;
    position: relative;
    height: 0;
    padding-bottom: 100%;
}

.contents_new02 .prroduct_01 .product_img img{
    height: 100%;
    width: 100%;
    object-fit: cover;
    position: absolute;
    left: 0;
    top: 0;
}


.contents_new03 {
	width: 100%;
	clear: both;
    display: inline-block;
	margin-left: 8%;
	    padding-right: 16%;
}

.contents_new03 .swiper-wrapper {
	height: auto;
}

.contents_new03 .swiper-slide {
	height: auto;
}

.contents_new03 .prroduct_01 {
	width: 100%;
	padding: 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%);
}

/* intro_cof */
.intro_cof {
    width: 100%;
}

.intro_cof .intro_in {
	overflow: hidden;
	width: 100%;
}

.intro_cof .intro_in .txtBox {
    width: 100%;
    text-align: center;
    font-size: 15px;
    color: #000;
    line-height: 1.8;
    font-weight: 500;
	padding: 0 8%;
	word-break: keep-all;
    margin: 45px 0;
}

.intro_cof .intro_in .txtBox img {
    display: block;
    color: #0d1f4b;
    margin: 25px auto;
    width: 25px;
}

.intro_cof .intro_in .imgBox {
    width: 100%;
	margin-left: auto;
	position: relative;
}

.intro_cof .intro_in .imgBox p {
    position: absolute;
    color: #fff;
    font-size: 19px;
    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%;
    height: 440px;
    object-fit: cover;
}

/* intro_banner */
.intro_banner {
	width: 100%;
	padding: 0 !important;
}
.intro_banner img {
	width: 100%;
}

.intro_banner .intro_in {
	    padding-top: 120px;
    text-align: center;
}

.intro_banner .intro_in .txt01 {
	font-size: 19px;
    color: #0d1f4b;
    font-weight: 600;
	display: block;
}

.intro_banner .intro_in .now-go {
    background: #0d1f4b;
    color: #fff;
    border-radius: 50px;
    font-size: 15px;
    padding: 5px 35px;
    margin-top: 20px;
    display: inline-block;
}

.lnbArea {
    margin-left: auto;
    height: 21px;
    display: flex;
}
.lnbArea .cartBox{
	position: relative;
    display: flex;
	margin-left: 10px;
    padding: 0 10px;
}

.lnbArea img {
    height: 92%;
	filter: brightness(0) invert(1);
}
.lnbArea .nav_btn {
	filter: invert(100%) sepia(56%) saturate(0%) hue-rotate(232deg) brightness(106%) contrast(101%);
}
.top .rArea02 .pc_lnb ul a img {
	height: 28px;
	filter: brightness(0) invert(1);
}
.lnbArea  .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: -5px;
    right: 0px;
	padding-top: 1px;
	font-weight: 700;
}


.main .bghid {display: none;}
.memberpage .bghid {display: none;}
.join .bghid {display: none;}

.no-fot {padding-bottom: 50px;}

.swiper-pagination {display: none;}

/*상품구매 신규*/
.shop-Area-seciton {
	overflow:hidden;
	font-family: 'Pretendard Variable', sans-serif !important;
	}
.shop-Area-seciton .seciton01{
	width:100%;
	overflow:hidden;
	margin-bottom: 50px;
	}
.shop-Area-seciton .seciton01 .item01{
	width:100%;
	}
.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;
	    right: 0;
    bottom: 0;
    max-width: 100%;
}





.shop-Area-seciton .seciton01 .item02 {
    width: 100%;
    letter-spacing: -1px;
    position: relative;
}
.shop-Area-seciton .seciton01 .item02 .on-share a {
    position: absolute;
    right: 0;
	top: -70px;
    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: 18px;
    font-weight: 700;
    padding-bottom: 10px;
    color: #000;
}
.shop-Area-seciton .seciton01 .item02 .shop-titS {
    font-size: 14px;
    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: 20px;
    font-weight: 500;
    padding-bottom: 20px;
    color: #0d0503;
}
.shop-Area-seciton .seciton01 .item02 .shop-price-01 span{
   color: #999;
    font-weight: 400;
	font-size: 20px;
}
.shop-Area-seciton .seciton01 .item02 .shop-price-01 .ptxt {
    font-size: 26px;
    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;
	display: flex;
}
.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: 16px;
        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: 20px;
    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;
}
.shop-info-section .shop_price_box .s2 span {
    font-size: 16px;
	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: 50px;
	height: 50px;
	border-radius: 5px;
	border: 1px solid #3b3b3b;
}
.shop-Area-seciton  .flex_box .referral_button li{
	width: 25px;
	height: 25px;
	display:flex;
}
.shop-Area-seciton  .flex_box .referral_button img{
	width: 100%;
}
.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: 50px;
    color: #fff;
    text-align: center;
    line-height: 50px;
    cursor: pointer;
    font-size: 16px;
	background-color: #333;
}
.shop-Area-seciton .shop_bt_area .now_Btn03 {
    width: 50%;
    height: 50px;
    text-align: center;
    line-height: 50px;
    color: #ffffff;
    cursor: pointer;
    background: #7B542F;
    font-size: 16px;
}
.shop-Area-seciton .swiper {
      width: 100%;
      height: auto;
      margin-left: auto;
      margin-right: auto;
    }

.shop-Area-seciton .swiper-slide {
      background-size: cover;

      background-position: center;
    }

.shop-Area-seciton .mySwiper {
    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;
		padding-top: 18%;
    }
.shop-Area-seciton .mySwiper .swiper-slide img{
        width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		object-fit: cover;
    }

.shop-Area-seciton .mySwiper .swiper-slide-thumb-active {
      opacity: 1;
	  border: 1px #b7b7b7 solid;
    }


.shop-Area-seciton .seciton02 {
    overflow: hidden;
    position: relative;
    margin-top: 30px;
}
.shop-Area-seciton .seciton02 .item01 {
    width: 100%;
}
.shop-Area-seciton .seciton02 .item01 .tab-menu{
    margin-bottom:10px;
}
.shop-Area-seciton .seciton02 .item01 .tab_ul{
	width:100%;
	    border-bottom: 4px #eeeeee solid;
	display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
	-webkit-box-align: center;
    -moz-align-items: center;
    -ms-flex-align: center;
    align-items: center;
	/* -webkit-box-pack: justify;
    -moz-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between; */
	padding: 0 5px;
	gap: 30px;
	}
.shop-Area-seciton .seciton02 .item01 .tab_ul li {
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    letter-spacing: -1;
}
.shop-Area-seciton .seciton02 .item01 .tab_ul li.tab_active {
	position: relative;
    font-weight: 500;
}
.shop-Area-seciton .seciton02 .item01 .tab_ul li.tab_active a {
    color: #7B542F;
}
.shop-Area-seciton .seciton02 .item01 .tab_ul li.tab_active::after {
    content: '';
    width: 100%;
    height: 4px;
    background: #7B542F;
    position: absolute;
    bottom: -4px;
    left: 0px;
    z-index: 99999;
}
.shop-Area-seciton .seciton02 .item01 .tab-content{
  display: none;
}

.shop-Area-seciton .seciton02 .item01 .tab-content.current{
  display: inherit;
}


.shop-Area-seciton .seciton02 .item02 {
    display:none;
}
.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: 10px 20px;
    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 #ccc;
}

.no-mem .agreeArea .last-border {
    border-bottom: 1px solid #ccc;
}

.no-mem .agreeArea .agreeTit p {
    color: #848484;
    font-size: 13px;
	cursor: pointer;
}

.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.all input[type=checkbox] {
    display: none;
}

.chk-agree02 input[type=checkbox] + label {
    -webkit-appearance: none;
    position: relative;
    width: 14px;
    height: 14px;
    cursor: pointer;
    outline: none !important;
    background: url(../img/checkOff.png)no-repeat;
    background-size: 14px auto;
    background-position: 50% 50%;
	margin-right: 5px;
}

.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: 14px auto;
    background-position: 50% 50%;
    vertical-align: middle;
	margin-right: 5px;
}

.no-mem .agreeArea .agreeTxt {
    padding: 5px 20px;
	display: none;
	border-top: 1px solid #ccc;
}

.no-mem .agreeArea .agreeTxt textarea {
    width: 100%;
    border: none;
    font-size: 12px;
    height: 130px;
    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: 30px 0;
    text-align: center;
    font-size: 12px;
    line-height: 1.6;
}

.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 .a1 {
	font-size: 12px;
    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: 30px;
    line-height: 30px;
}

.shop .u_payment .payment01 table .point_pay .point_input .point_delBtn {
    height: 20px;
    width: 20px;
    border: 0;
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 5px;
}

.point_pay .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: 12px;
    font-weight: 400;
    position: absolute;
    top: 0px;
    right: 0px;
}

.shop .n_ord_list {
    width: 100%;
    position: sticky;
    top: 0;
    background: #fff;
    border: 1px solid #ccc;
    padding: 20px;
    margin-top: 40px;
    font-family: 'Pretendard Variable', sans-serif !important;
}
.shop .n_ord_list .ntit {
    font-weight: 500;
    font-size: 16px;
    border-bottom: 1px #e4e4e4 solid;
    padding-bottom: 10px;
}
.ord_cart_wrap  .shop .n_ord_list .n_list_cont {
    margin-top: 0px;
}
.shop .n_ord_list .n_list_cont {
    overflow: hidden;
    margin-top: 20px;
    display: flex;
    flex-direction: column;
}
.shop .n_ord_list .n_list_cont .list01 {
    display: flex;
    align-items: center;
    margin-bottom: 7px;
}
.shop .n_ord_list .n_list_cont .list01 .list01_tit {
    font-size: 13px;
}
.shop .n_ord_list .n_list_cont .list01 .list01_price {
    margin-left: auto;
    font-size: 16px;
}
.shop .n_ord_list .n_list_cont .list01 .totalPrice {
    margin-left: auto;
    font-size: 18px;
}
.shop .n_ord_list .n_list_cont .list01 .savePrice{
    color:#ff0000 !important;
}
.shop .n_ord_list .n_list_cont .list01 .list03_tit{
    font-size: 15px;
	font-weight:600;
}
.shop .n_ord_list .n_list_cont .list01 .list03_price {
    margin-left: auto;
    font-size: 20px;
    font-weight: 600;
}
.ord_cart_wrap  .shop .n_ord_list .n_list_cont .now_Btn_box .now_Btn02 {
	margin-top: 0;
}
.shop .n_ord_list .n_list_cont .now_Btn_box .now_Btn02 {
width: 100%;
    height: 45px;
    background: #7B542F;
    line-height: 45px;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    color: #ffffff;
    cursor: pointer;
    margin-top: 30px;
}
/* 컨텐츠 추가 */
.mypage-menu {
	display: none;
}

.mypage-menu 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;
	-webkit-box-pack: justify;
    -moz-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
	padding: 0 10px;
}

.mypage-menu ul li {
    cursor: pointer;
}

.mypage-menu ul li a {
    font-size: 12px;
    font-weight: 600;
    color: #8f8f8f;
    letter-spacing: 1.1;
    display: inline-block;
}
.mypageArea .line-bar {
    width: 100%;
    height: 1px;
    background: #666;
    margin-top: 30px;
    margin-bottom: 30px;
}
.mypageArea .h1-tit {
    font-size: 20px;
    font-weight: 400;
    color: #000000;
    line-height: 1;
    position: relative;
    margin: 30px auto 25px;
    padding: 0 6%;
}

.mypageArea .memberInfo {
    border: 1px #ccc solid;
    padding: 25px 20px;
    overflow: hidden;
    margin: 30px 0 50px;
}

.mypageArea .m-l-auto {
    margin-top: 20px;
}

.mypageArea .memberInfo .incont01 {
    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;
	border-bottom: 1px solid #ccc;
	padding-bottom: 20px;
	margin-bottom: 20px;
}

.mypageArea .incontImg {
    height: 80px;
    margin-right: 20px;
}

.mypageArea .memTxt01 {
    font-size: 17px;
    padding-bottom: 10px;
}

.mypageArea .memTxt02 {
    font-size: 13px;
    padding-bottom: 3px;
    color: #999999;
}

.mypageArea .copyBtn {
    background:#7B542F;
    color: #fff;
    text-align: center;
    height: 30px;
    line-height: 30px;
    font-size: 13px;
    cursor: pointer;
}

.mypageArea .incont02 {
    margin-left: auto;
	text-align: center;
    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;
}

.mypageArea .incont02 ul {width: 100%; text-align: center;}

.mypageArea .incont02 ul .li-th {
    font-size: 14px;
    color: #7f7f7f;
    padding-bottom: 10px;
}

.mypageArea .incont02 ul .li-td {
    font-size: 16px;
    color: #000;
}

.mypageArea .m_border {
	border: 1px solid #ccc;
    padding-top: 20px;
    margin-bottom: 20px;
}

.mypageArea .dateArea {
    margin-bottom: 20px;
}

.mypageArea .incont03 {
	text-align: center;
    float: left;
    width: 50%;
}

.mypageArea .memTxt03 {
	font-size: 14px;
    color: #777;
    padding-bottom: 16px;
}

.mypageArea .memTxt04 {
    font-size: 20px;
    font-weight: 600;
}

.mypageArea .listTitle {
font-weight: 500;
    font-size: 16px;
}

.mypageArea .mylistArea {
    width: 100%;
}

.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: 120px;
    height: 35px;
    padding-left: 10px;
    border: 1px #ccc solid;
    font-size: 13px;
    color: #e1e1e1;
}

.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;
    width: 100%;
    margin-bottom: 15px;
	font-size: 13px;
}

.mypageArea .mylistArea .listHead li {
    width: calc(100% / 4)!important;
}

.mypageArea .mylistArea .listBody li > div {
    width: calc(100% / 4)!important;
}

.mypageArea .mylistArea .listBody li .pv {
    color: #7b542f;
	font-size: 12px;
}

.mypageArea .mylistArea .date {width: 80px;}
.mypageArea .mylistArea .name {width: calc(100% - 160px);}
.mypageArea .mylistArea .point {width: 80px;}

.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: 10px;
    border: 1px solid #ccc;
    padding: 15px 0;
}

.mypageArea .mylistArea .listBody li .date {
	color: #777;
	font-size: 12px;
}

.mypageArea .mylistArea .listBody li .name {
	color: #000;
	font-size: 12px;
	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: 12px;
}

.mypageArea .mylistArea .listBody li .point.green {
	color: #000000;
}

.mypageArea .mylistArea .listBody li .point.red {
	color: #000000;
}

.faq {
	width: 100%;
    margin: 20px 0;}

.column {
	flex-direction: column;
    word-break: keep-all;
}

/* 뉴디자인 결제*/

.payWrap {
	padding-top: 80px !important;
}
.payWrap .h_tit {
    text-align: center;
    padding: 50px 0 30px;
    font-size: 18px;
    font-weight: 700;
}
.payWrap .shop_item .paymentleft .pay-item01 {
	overflow:hidden;
	}
.payWrap .shop_item .paymentleft .pay-item01 .tit {
    border-bottom: 1px #666 solid;
    font-size: 19px;
    font-weight: 500;
    padding: 20px 0 10px;
}
.payWrap .shop_item .paymentleft .pay-item01 .item02 {
    overflow: hidden;
    border-bottom: 1px #ccc solid;
    padding: 20px 10px;
}
.payWrap .shop_item .paymentleft .pay-item01 .item02 .listArea-m {
	overflow: hidden;
}
.payWrap .shop_item .paymentleft .pay-item01 .item02 img{
    width: 70px;
    height: auto;
    margin-right: 15px;
	float: left;
}
.payWrap .shop_item .paymentleft .pay-item01 .item02 .list-info{
    float: left;
	width: calc(100% - 115px);
}
.payWrap .shop_item .paymentleft .pay-item01 .item02 .goods_tit {
    font-size: 15px;
    font-weight: 600;
    color: #000000;
    padding-top: 5px;
    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: 14px;
    font-weight: 400;
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    padding-top: 13px;
}
.payWrap .shop_item .paymentleft .pay-item01 .item02 .ea{
	font-size: 14px;
    color: #919191;
}
.payWrap .shop_item .paymentleft .pay-item01 .item02 .li_price{
    margin-left: auto;
    font-size: 13px;
    font-weight: 600;
    color: #000000;
    min-width: 90px;
    text-align: right;
    padding-top: 15px;
}
.payWrap .shop_item .paymentleft .pay-item01 .item02 .point_item {
    overflow: hidden;
    width: 100%;
}
.payWrap .shop_item .paymentleft .pay-item01 .item02 .point_item .a1{
	font-size: 14px;
    padding-bottom: 7px;
    margin-left: auto;
	padding-top: 20px;
}
.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% - 89px);
    position: relative;
    display: inline-block;
}
.payWrap .shop_item .paymentleft .pay-item01 .item02 .point_item .totalBtn {
    display: inline-block;
    background: #7B542F;
    color: #fff;
    cursor: pointer;
    height: 35px;
    line-height: 35px;
    width: 80px;
    text-align: center;
    vertical-align: bottom;
    margin-left: 5px;
    font-size: 12px;
    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;
}
.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: 13px;
    color: #bdbdbd;
	}
.payWrap .shop_item .paymentleft .pay-item01 .item02 .point_item .totalPrice .cost .dis{
	font-size: 17px;
    color: #333333;
    font-weight: 500;
	margin-left:5px;
	}
.payWrap .shop_item .paymentleft .pay-item01 .item02 .point_item .totalPrice .p-pv {
    color: #999999;
	    font-size: 15px;
}
.point_input02 {
width: 100%;
    border: 1px solid #ccc;
    height: 35px;
    line-height: 35px;
    padding: 0px 10px;
	font-size: 12px;
}


.payWrap .shop_item .paymentleft .pay-item01 .txt-box {padding:20px 10px; border-bottom: 1px #ccc solid;}
.payWrap .shop_item .paymentleft .pay-item01 .txt-box p {
    font-size: 13px;
    font-weight: 500;
    word-break: keep-all;
}
.payWrap .shop_item .paymentleft .pay-item01 .txt-box p.p01 {margin-bottom:5px;}

.payWrap .shop_item .paymentleft .pay-item02 {
	overflow:hidden;
	padding: 0 10px;
	}
.payWrap .shop_item .paymentleft .pay-item02 > .flex {
        overflow: hidden;
        gap: 10px;
        display: flex;
        flex-wrap: wrap;
    }
.payWrap .shop_item .paymentleft .pay-item02 .tit {
    font-size: 16px;
    font-weight: 700;
    padding-bottom: 20px;
}
.payWrap .shop_item .paymentleft .pay-item02 .item01 {
    overflow: hidden;
    padding: 20px 0 0;
}
.payWrap .shop_item .paymentleft .pay-item02 .item01 .li_01 {
    margin-bottom: 20px;
}
.payWrap .shop_item .paymentleft .pay-item02 .item01 .li_01 .li_tit {
	font-size: 14px;
    font-weight: 600;
    text-align: left;
    padding-bottom: 7px;
}
.payWrap .shop_item .paymentleft .pay-item02 .item01 .li_01 .input-form {
    width:100%;
}
.payWrap .shop_item .paymentleft .pay-item02 .item01 .li_01 .button012 {
    width: calc(40% - 5px)!important;
	border: 1px solid #7B542F;
	margin-left: 5px !important;
}

.payWrap .shop_item .paymentleft .memory {
    padding-left: 0px;
    padding-right: 0px;
	margin-bottom:0;
	float: left;
	padding-top: 0;
}
.payWrap .shop_item .paymentleft .memory span {
    font-size: 12px;
    height: 45px;
    display: block;
    border: 1px #ccc solid;
    display: flex;
    align-items: center;
    padding: 0 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 .pay-item02 .tab_active span {
      border: 1px #7B542F solid;
    color: #7B542F;
}
.payWrap .shop_item .paymentleft .tab_active span {
    border: 1px #7B542F solid;
    color: #7B542F;
}

.payWrap .shop_item .paymentleft .pay-item03 {
	overflow:hidden;
	 padding: 0 10px;
	border-top: 1px #ccc solid;
	}
.payWrap .shop_item .paymentleft .pay-item03 .tit {
    font-size: 16px;
    font-weight: 700;
    padding-bottom: 20px;
}

.card_usepoint_row {margin-bottom:0;}
.payWrap .shop_item .paymentleft .pay-item03 .item01 {
    overflow: hidden;
    padding: 20px 0 0;
    width: 100%;
}
.payWrap .shop_item .paymentleft .pay-item03 .item01 .li_01 {
    margin-bottom: 20px;
}
.payWrap .shop_item .paymentleft .pay-item03 .item01 .li_01 .input-form {
    width: 100%;
    position: relative;
}
.payWrap .shop_item .paymentleft .pay-item03 .item01 .li_01 .input-form .span01 {
    font-size: 12px;
    display: block;
    margin-top: 5px;
}
.payWrap .shop_item .paymentleft .pay-item03 .item01 .li_01 .input-form .QnA {
    width: 100%;
}
.payWrap .shop_item .paymentleft .pay-item03 .item01 .li_01 .input-form .com_input03 {
    width: 100%;
}
.payWrap .shop_item .paymentleft .pay-item03 .item01 .li_01 .input-form .com_input04 {
	width: 24%;
}
.payWrap .shop_item .paymentleft .pay-item03 .item01 .li_01 .li_tit {
font-size: 14px;
    font-weight: 600;
    text-align: left;
    padding-bottom: 7px;
}
.li_01_span {
    margin-top: -15px;
    display: block;
    font-size: 14px;
    color: #7b542f;
    display: inline-block;
    font-size: 12px;
    margin-bottom: 15px;
}
.payWrap .shop_item .check2 {
    margin-right:10px;
}
.payWrap .shop_item .check2:last-child{
    margin-right:0px;
}
.payWrap .shop_item .item01 .phone_select {
    width: 50%;
    height: 35px;
    background: #ffffff;
    border: 1px #e4e4e4 solid;
    margin-right: 10px;
	border: 2px solid #ccc!important;
}
.payWrap .shop_item .item01 .phone_select:last-child{
    margin-right:0px;
}

.payWrap .shop_item .paymentleft .pay-item04 {
    overflow: hidden;
	margin-top:20px;
}

.payWrap .shop_item .paymentleft .pay-item04 table {
    width: 100%;
    background: #fff;
}
.payWrap .shop_item .paymentleft .pay-item04 table .Login_Memory{
    margin-left:10px;
}

.payWrap .shop_item .paymentleft .pay-item04 table th {
    text-align: left;
	font-size:14px;
}
.payWrap .shop_item .paymentleft .pay-item04 table td {
    text-align: left;
    padding-left: 20px;
	font-size:12px;
}
.payWrap .shop_item .paymentleft .pay-item04 table th div {display:flex;  align-items: center;}
.payWrap .shop_item .paymentleft .pay-item04 table td div {display:flex;  align-items: center;}
.payWrap .shop_item .paymentleft .pay-item04 .agreeopen {
    margin-left: auto;
    cursor: pointer;
    text-decoration: underline;
    color: #7B542F;
    font-weight: 500;
    font-size: 13px;
}
.payWrap .shop_item .paymentleft .pay-item04 .payment01 {
	width: 100%;
	border-top: 1px #ccc solid;
	padding: 20px 10px;
}
#pointAll {display:none;}
.text-area {
    width: 100%;
    border: 1px solid #CCCCCC !important;
    height: 40px;
    padding: 0px 10px;
    font-size: 12px;
    display: flex;
    align-items: center;
}

.share_link {
    overflow: hidden;
    position: absolute;
    right: 15px;
}
.share_link ul li {
    font-weight: 500;
    width: 100%;
    font-size: 16px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
}
.share_link ul li a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background: #eee;
    border-radius: 50%;
}
.share_link ul li a span{
    display:none;
}
.share_link ul li img {
    width: 17px;
}

/* 뉴디자인 결제 END*/


/* 상세페이지 팝업 추가 2023.04.24 */
.contTit {
	font-weight: 700;
    font-size: 17px;
    margin-left: 7px;
    margin-top: 50px;
}
.relevantArea {
    overflow: hidden;
    margin: 10px auto 60px;
}
.relevantArea .relevantbox {
    float: left;
    width: calc(98% / 2);
    margin-right: 2%;
    margin-bottom: 20px;
    cursor: pointer;
}
.relevantArea .relevantbox:nth-of-type(even) {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: 15px;
    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: 13px;
}
.relevantPopOpen {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
/*	display: none;*/
	overflow-y: auto;
	z-index: 99999;
}
.relevantPop {
	background: rgba(0, 0, 0, 0.4);
	width: 100%;
}

/* infoArea */
.relevantPop .AreaTit {
    font-weight: 600;
    font-size: 15px;
    margin-left: 10px;
    margin-bottom: 5px;
    margin-top: 30px;
}
.relevantPop .infoArea {
	background: #fff;
	overflow-y: auto;
	width: 100%;
	margin-right: 8px;
	padding-top: 75px;
}
.relevantPop .infoPr {
	display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    width: 100%;
    padding: 20px 4% 15px;
}
.relevantPop .relevantIm {
	width: 180px;
}
.relevantPop .relevantIm img {
	width: 100%;
}
.relevantPop .infoTxt {
    margin-left: 15px;
    padding: 5px 0;
}
.relevantPop .infoTxt .tit {
    font-size: 16px;
    font-weight: 600;
    color: #000;
    word-break: keep-all;
}
.relevantPop .infoTxt .txt {
    color: #424242;
    font-size: 13px;
    margin-top: 8px;
    word-break: keep-all;
}
.relevantPop .infoTxt .amount {
    color: #000;
    font-size: 21px;
    font-weight: 600;
    margin-top: 15px;
}
.relevantPop .infoEvent {
	width: 100%;
    padding: 5px 4% 10px;
    border-bottom: 1px solid #ccc;
}
.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: 75px;
    margin-right: 10px;
    color: #898989;
    font-size: 14px;
}
.relevantPop .infoEvent li .s2 {
    font-weight: 500;
	font-size: 14px;
    color: #000;
    display: block;
}
.relevantPop .infoEvent li a.s2 {
    cursor: pointer;
	text-decoration: underline;
}
.relevantPop .infoImg {
    padding: 25px 4%;
}
.relevantPop .infoImg img {
    width: 100%;
}

/* buyArea */
.relevantPop .buyArea {
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
}
.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-bottom: 1px solid #ccc;
    padding: 10px 20px;
    height: 50px;
}
.relevantPop .buyActive .img {
    display: none;
}
.relevantPop .buyActive .tit {
    margin-left: 10px;
    font-size: 15px;
    color: #424242;
}
.relevantPop .buyUl {
    overflow-y: auto;
    height: calc(100vh - 50px);
    background: #fff;
    display: none;
}
.relevantPop .buyUl li {
    background: #fff;
    cursor: pointer;
    width: 100%;
    padding: 10px 20px;
    overflow: hidden;
    border-bottom: 1px solid #ccc;
}
.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 .countArea {
    display: none;
}
.relevantPop .buyArea .totalArea {
    display: none;
}
.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 .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: #f6f6f6;
    width: 92%;
    margin: 20px auto 0;
    border-radius: 5px;
	padding: 0;
	overflow: hidden;
	position: relative;
}
.main .notice-form .notit {
    width: 50px;
    text-align: center;
    color: #7f7f7f;
	font-weight: 500;
	flex-shrink: 0;
	font-size: 14px;
}
.main .notice-form .swiper {
    width: 100%;
	height: 100%;
	line-height: 50px;
}
.main .notice-form .swiper .swiper-slide {
    background: #f6f6f6;
	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: left;
}
.main .notice-form .swiper p {
    text-align: left;
    color: #353535;
	font-weight: 500;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-right: 40px;
	font-size: 14px;
}
.main .notice-form .arrow-right {
    height: 10px;
	width: auto;
	display: block;
	margin-left: auto;
	margin-right: 15px;
}
.main .main-seller-bg .title {
	margin-bottom: 15px;
	padding: 0 4%;
	position: relative;
}
.main .main-seller-bg .pr_tab {
    overflow: hidden;
}
.main .main-seller-bg .pr_tab li {
    float: left;
    padding: 6px 15px;
    background: #f6f6f6;
    border-radius: 50px;
    font-size: 13px;
    color: #7f7f7f;
    margin-right: 10px;
    cursor: pointer;
    margin-bottom: 8px;
}
.main .main-seller-bg .pr_tab li:hover {
	background: #7B542F;
	color: #fff;
}
.main .main-seller-bg .pr_tab li.tab_active {
	background: #7B542F;
	color: #fff;
}
.main .mall_intro {
	padding: 40px 0;
	margin-bottom: 40px;
	border-bottom: 1px solid #ccc;
}
.main .mall_intro .mall_img {
	width: 100%;
}
.main .mall_intro .txtArea {
    margin-bottom: 20px;
}
.main .mall_intro .txtArea .imgArea {
	display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}
.main .mall_intro .txtArea .imgArea img {
	width: 100%;
	display: block;
}
.main .mall_intro .txtArea .imgArea img:first-of-type {
	margin-right: 2%;
}
.main .mall_intro .txtArea .p1 {
    font-size: 18px;
    color: #000;
    padding-bottom: 10px;
    font-size: 18px;
}
.main .mall_intro .txtArea .p2 {
    font-size: 13px;
    color: #7f7f7f;
    line-height: 1.5;
}
.main .mall_magazine {
    padding-top: 50px;
    position: relative;
}
.main .mall_magazine .tit03 {
    font-size: 30px;
    font-weight: 300;
    display: block;
    position: relative;
    color: #353535;
    line-height: 1;
    text-align: center;
    padding-top: 30px;
}
.main .mall_magazine .bgtxt01 {
    width: 100%;
    font-size: 35px;
    color: #2c2c2c;
    opacity: 0.04;
    position: absolute;
    top: 60px;
    left: 50%;
    transform: translateX(-50%);
    font-weight: 200;
    letter-spacing: 8;
    text-align: center;
}

.main .mall_magazine .magazArea {
    overflow: hidden;
    margin-top: 50px;
}
.main .mall_magazine .magazBox01 {
    width: 100%;
}
.main .mall_magazine .magazBox01 .mall_img {
    width:100%;
    object-fit: cover;
}
.main .mall_magazine .magazBox01 .txtArea {
    background: #f6f6f6;
    padding: 40px 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 100%;
}
.main .mall_magazine .magazBox01 .txtArea img {
    height: 85px;
}
.main .mall_magazine .magazBox01 .txtArea .p1 {
    font-size: 18px;
    color: #000;
    margin-bottom: 20px;
    word-break: keep-all;
    white-space: normal;
    text-align: left;
    word-wrap: break-word;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    font-weight: 500;
}
.main .mall_magazine .magazBox01 .txtArea .p2 {
    color: #7f7f7f;
    font-size: 12px;
    word-break: keep-all;
    line-height: 1.8;
    white-space: normal;
    text-align: left;
    word-wrap: break-word;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    letter-spacing: 1.3;
    text-align: center;
}

.main .mall_magazine .magazBox01 .bar {
    width: 275px;
    height: 1px;
    background: #e0e0e0;
    margin-top: 20px;
    margin-bottom: 20px;
}
.main .moreArea {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 10px;
}
.main .submoreBtn {
    border: 1px solid #ccc;
    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;
    -webkit-justify-content: center;
    justify-content: center;
    font-size: 14px;
    width: 92%;
    margin: 10px auto;
    padding: 10px 0;
    border-radius: 5px;
}
.main .submoreBtn > img {
	height: 10px;
	margin-left: 5px;
}
.main .submoreBtn02 {
    border: 1px solid #ccc;
    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;
    -webkit-justify-content: center;
    justify-content: center;
    font-size: 14px;
    width: 92%;
    margin: 10px auto;
    padding: 10px 0;
	border-radius: 5px;
}
.main .submoreBtn02 > img {
	height: 10px;
	margin-left: 5px;
}
.main #fotter02 {
	margin-top: 50px;
}
/* 메인 디자인 끝 */
.searchArea {
	padding-top: 30px;
    position: fixed;
    top: 110px;
    width: 100%;
    z-index: 999999;
    left: 0;
    background: #fff;
    padding-bottom: 30px;
	display: none;
	box-shadow: 0px 7px 10px 0px rgba(0, 0, 0, .3);
}

.header .searchClose {
	margin-left: auto;
	display: none;
}
.header .searchClose img{
	filter: brightness(0) invert(1);
}

.searchArea .topsearch {
    border-bottom: 1px solid #666;
    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: 80%;
    margin: 0 auto;
}

.searchArea input {
    display: block;
    height: 100%;
    width: calc(100% - 45px);
    text-indent: 10px;
    font-size: 14px;
    border: none!important;
}

.searchArea img {
	margin-left: auto;
	height: 25px;
}


.topBtn {
	display: none;
    position: fixed;
    bottom: 77px;
    cursor: pointer;
    width: 42px;
    right: 14px;
    z-index: 999;
}
.topBtn img {   width: 100%;}

/* 상품 목록 시작 */
.shop .product_box:hover {
	background: #f6f6f6;
}
.shop .product_box .pr_goArea {
	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-top: 5px;
}
.shop .product_box:hover .pr_goArea {
	display: flex;
}

.shop .list-progrem {
    overflow: scroll;
    margin-top: 35px;
}
.shop .list-progrem .list_search {
	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 > ul li {
    cursor: pointer;
    font-size: 14px;
    color: #343434;
}
.shop .list-progrem > ul a:last-of-type li {
    margin-right: 0;
}
.shop .list-progrem .list_category {
	display: none;
}
.shop .list-progrem .list_search li {
	margin-right: 15px;
}
.shop .list-progrem ul li.list-active {
    color: #7B542F;
}
.shop .all_pr_count {
	color: #7f7f7f;
    font-size: 14px;
    margin: 30px 0 35px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ccc;
}
.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: 50px;
	width: 100%;
	margin-top:25px;
}
.pagingArea > a {
	font-size: 13px;
    margin: 0 6px;
	color: #7f7f7f;
}
.pagingArea > a img {
	filter: brightness(0%);
    height: 14px;
}
.pagingArea > a.pag-active {
	text-decoration: underline;
	color: #000;
}

/*magazine*/
.visual-sub .titleTxt {
    font-size: 20px;
}

.magazine .sectionBox{padding-top:50px;overflow:hidden;}
.magazine .sectionBox .centerNews{
	background:#f6f6f6;
	}
.magazine .sectionBox .centerNews .thumbnail {
    width: 100%;
    position: relative;
    padding-top: 60%;
}
.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: 100%;
    position: relative;
	padding:20px;
}
.magazine .sectionBox .centerNews .News-text .News-writer {
    color: #9e9e9e;
    font-weight: 400;
    font-size: 13px;
    margin-bottom: 3px;
}
.magazine .sectionBox .centerNews .News-text .News-title {
    text-align: left;
    font-size: 18px;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    font-weight: 400;
    padding-right: 10px;
	margin-bottom: 10px;
}
.magazine .sectionBox .centerNews .News-text .News-txt {
    color: #9e9e9e;
    font-weight: 300;
    font-size: 14px;
    white-space: normal;
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 1.3;
}
.magazine .sectionBox .centerNews .linkBtn {
    position: absolute;
    bottom: 50px;
    right: 40px;
    display: flex;
    align-items: center;
    font-size: 22px;
    text-transform: uppercase;
    font-weight: 500;
    cursor: pointer;
}
.magazine .sectionBox .centerNews .linkBtn .pick_icon{
    width:78px;
	margin-left:5px;
}


.magazine .listNews {
	overflow:hidden;
	padding-top:50px;
	}
.magazine .listNews .itemArea {
    border-bottom: 2px #666 solid;
    padding-bottom: 7px;
    margin-bottom: 20px;
}
.magazine .listNews .itemArea .pr_tab {
    overflow: hidden;
	display: none;
}
.magazine .listNews .itemArea .searchForm {
	margin-left:auto;
	position:relative;
	width: 49%;
	}
.magazine .category-mega {
    width: 49%;
    border: 1px solid #ccc;
    height: 40px;
    cursor: pointer;
    padding: 0px 10px;
	float: left;
	font-size: 14px;
}
.searchPut {
    width: 100%;
    height: 40px;
    border: 1px solid #ccc;
    padding-left: 10px;
    font-size: 14px;
    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: 15px;
    display: flex;
    border-bottom: 1px #666 solid;
}
.listNews .listArea .subNews .thumbnail {
    width: 50%;
    position: relative;
    padding-top: 50%;
    height: 0;
    flex-shrink: 0;
}
.listNews .listArea .subNews .thumbnail img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
	object-fit: cover;
}
.listNews .listArea .subNews .News-text {
    width: 50%;
    position: relative;
    padding: 15px;
    float: left;
}
.listNews .listArea .subNews .News-text  .News-writer {
    color: #9e9e9e;
    font-weight: 400;
    font-size: 13px;
	margin-bottom:3px;
}
.listNews .listArea .subNews .News-text .News-title {
    color: #333333;
    font-weight: 400;
    font-size: 18px;
    white-space: normal;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 10px;
    padding-right: 10px;
    word-break: break-all;
}
.listNews .listArea .subNews .News-text .News-txt {
    color: #9e9e9e;
    font-weight: 300;
    font-size: 14px;
    white-space: normal;
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 1.3;
}
.listNews .listArea .subNews .linkBtn {
	position: absolute;
    bottom: 10px;
    display: flex;
    align-items: center;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 500;
    cursor: pointer;
    right: 0;
    color: transparent;
}
.listNews .listArea .subNews .linkBtn .pick_icon{
    width:45px;
}
/*magazine END*/

/* shop 레이어 팝업 */
/* 공통 레이어 디자인 */
.order_layer {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background: rgba(0, 0, 0, 0.4);
	min-height: 100vh;
	z-index: 99999;
	display: none;
}
.my_order_layer {
    position: fixed;
    bottom: -150%;
    left: 0;
    width: 100%;
    background: #fff;
    z-index: 99999999;
}
.my_order_layer .layer_t {
    padding: 20px;
	border-bottom: 1px solid #ccc;
	margin-bottom: 20px;
}
.my_order_layer .layer_t img {
	display: block;
	margin: 0 auto;
	width: 17px;
}
.my_order_layer .layer_m {
	padding: 0 4% 20px;
}
/* //공통 레이어 디자인 */

/* 상품 상세페이지 레이어 콘텐츠 */
.my_order_layer .layer_m .shop-info {
    padding: 15px 0;
    border-bottom: 1px #cfcfcf solid;
}
.my_order_layer .layer_m .shop-info ul li {
    overflow: hidden;
}
.my_order_layer .layer_m .shop-info ul li .s1 {
    font-weight: 500;
    width: 110px;
	display: block;
	float: left;
}
.my_order_layer .layer_m .shop-info ul li .s2 {
	font-weight: 400;
    color: #999999;
	display: block;
	float: right;
}
.my_order_layer .layer_m .shop-info ul li .s2 a {
    text-decoration: revert;
    color: #999999;
}
.my_order_layer .layer_m .shop_count {
    overflow: hidden;
    padding: 10px 0;
    border-bottom: 1px #ccc solid;
    border-top: 1px #ccc solid;
    display: flex;
    align-items: center;
}
.my_order_layer .layer_m .shop_count .s1 {
    font-weight: 500;
    width: 110px;
    font-size: 16px;
}
.my_order_layer .layer_m .shop_count .ord_count_ea {
    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;
	margin-left: auto;
}
.my_order_layer .layer_m .shop_count .ord_count_ea {
	margin-left: auto;
    display: flex;
    align-items: center;
    width: 120px;
}
.my_order_layer .layer_m .shop_count .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;
}
.my_order_layer .layer_m .shop_count .ord_count_ea .input_ea {
    width: calc(100% - 72px);
    height: 36px;
    text-align: center;
    font-size: 18px;
}
.my_order_layer .layer_m .shop_product {
    display: flex;
	align-items: center;
	margin-bottom: 20px;
}
.my_order_layer .layer_m .shop_product .pr_img {
    width: 25%;
    height: 0;
    padding-bottom: 25%;
    position: relative;
    margin-right: 15px;
    flex-shrink: 0;
}
.my_order_layer .layer_m .shop_product .pr_img img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
}
.my_order_layer .layer_m .shop_product .pr_area .s1 {
    font-size: 17px;
	color: #000;
}
.my_order_layer .layer_m .shop_product .pr_area .s2 {
    font-size: 15px;
	color: #999;
	padding-top: 7px;
}
.my_order_layer .layer_m .shop-fee {
	padding: 10px 0 0;
    display: flex;
	align-items: center;
}
.my_order_layer .layer_m .shop-fee .s1 {
	font-size: 14px;
	color: #999;
    padding-top: 5px;
}
.my_order_layer .layer_m .shop-fee .s1 span {
	color: #000;
}
.my_order_layer .layer_m .shop-fee .total-area {
	display: flex;
	margin-left: auto;
}
.my_order_layer .layer_m .shop-fee .total-area .price_flex{
	display: flex;
	align-items: center;
}
.my_order_layer .layer_m .shop-fee .s2 {
	font-size: 14px;
	width:75px;
}
.my_order_layer .layer_m .shop-fee .s3 {
    font-size: 20px;
    padding-left: 10px;
	font-weight: 500;
}
/* //상품 상세페이지 레이어 콘텐츠 */


/* 장바구니 레이어 콘텐츠 */
.my_order_layer .layer_m .n_list_cont .list01 {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
    border-bottom: 1px #ccc solid;
    padding-bottom: 10px;
}
.my_order_layer .layer_m .n_list_cont .list01 .list01_tit {
    font-size: 16px;
}
.my_order_layer .layer_m .n_list_cont .list01 .list01_price {
    margin-left: auto;
    font-size: 16px;
}
.my_order_layer .layer_m .shop-fee02 {
    display: flex;
	align-items: center;
	flex-wrap: wrap;
    gap: 10px;

}
.my_order_layer .layer_m .shop-fee02 .s1 {
	font-size: 14px;
	color: #999;
    padding-top: 5px;
}
.my_order_layer .layer_m .shop-fee02 .s1 span {
	color: #000;
}
.my_order_layer .layer_m .shop-fee02 .total-area {
	display: flex;
	align-items: center;
	margin-left: auto;
}
.my_order_layer .layer_m .shop-fee02 .s2 {
	font-size: 14px;
}
.my_order_layer .layer_m .shop-fee02 .s3 {
    font-size: 20px;
    padding-left: 10px;
	font-weight: 500;
	color: #7b542f;
}
/* //장바구니 레이어 콘텐츠 */

/* 장바구니 */
.shop .shop_item .tit {
    font-size: 19px;
    font-weight: 500;
	padding: 20px 0;
}
.shop .shop_item2 .tit {
    font-size: 19px;
    font-weight: 500;
	padding: 30px 0 10px;
    border-bottom: 1px #666 solid;
}
.shop .shop_item .basketbox {
    display: flex;
    overflow: hidden;
    padding-bottom: 10px;
    border-bottom: 1px #666 solid;
    margin-bottom: 15px;
	width: 100%;
}
.shop .shop_item .basketPay {
	overflow: hidden;
	width: 100%;
	display: flex;
	align-content: center;
	justify-content: space-between;
	background: #f7f7f7;
    padding: 10px;
	margin-bottom: 15px;
}
.ord_cart_wrap .shop .shop_item .basketPay {
    background: #fff;
    align-items: end;
    flex-direction: column;
    gap: 20px;
	margin-bottom: 0;
}
.shop .shop_item .orderEa {
	font-size: 16px;
	color: #000;
	margin-bottom: 20px;
}
.shop .shop_item .orderEa span {
	font-size: 14px;
	color: #999;
	padding-left: 5px;
}
.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: 15px;
    height: 15px;
    cursor: pointer;
    outline: none !important;
    border: 2px solid rgb(118 118 118);
    border-radius: 3px;
    background: transparent;
	margin-right: 5px;
}

.chk-agree03 input[type=checkbox]:checked + label {
    display: inline-block;
    cursor: pointer;
    position: relative;
    width: 15px;
    height: 15px;
    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: -5px;
    border: 0;
    font-size: 14px;
    height: 22px;
}
.shop .shop_item2 .promotion_area{
	overflow:Hidden;
	padding-top:20px;
}
.shop .shop_item2 .promotion_area .imgbox {
    width: 100%;
    margin-bottom: 25px;
}
.shop .shop_item2 .promotion_area .imgbox img{
    width: 100%;
}
.goods123 .all_info{
	width: 70%;
}
.goods123 .all_info .pro_info {
	/* margin-left:25px; */
}
.goods123 .all_info .pro_info .goods_tit {
    color: #000;
    font-size: 14px;
    line-height: 20px;
    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: 12px;
    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;
}

.ord_cart_wrap .goods123 .all_info .basketPay .total_Price_txt {
	margin-top: 0;
}
.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: 10px 15px;
}

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

.order .my_ordSale .ordSaleCont .ordSaleContB {
    padding-top: 20px;
}
.order .my_ordSale .ordSaleCont .ContB-1 {
	justify-content: center;
	flex-direction: column;
	width: 100%;
}

.order .my_ordSale .ordSaleCont .ContB-1 img {
    border-radius: 5px;
    /* 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;
}
.mySwiper .swiper-button-prev {
	left: 30px;
}
.mySwiper .swiper-button-next {
    right: 30px;
}
.mySwiper .swiper-button-next, .mySwiper .swiper-button-prev {
	background-image: none;
}
.mySwiper .swiper-button-next:after, .mySwiper .swiper-button-prev:after {
	background-color: rgba(246, 246, 246, 0.2);
    width: 45px;
    height: 45px;
    flex-shrink: 0;
    text-align: center;
    line-height: 45px;
	color: #ababab;
    font-size: 22px;
    font-weight: 300;
}
.mySwiper .swiper-button-next.swiper-button-disabled, .mySwiper .swiper-button-prev.swiper-button-disabled {
    opacity: 1;
}
.mySwiper .swiper-scrollbar {background: rgba(255, 255, 255, 0.4);}
.mySwiper .swiper-scrollbar-drag {background: #fff;}

.main .mall_intro .iframeDiv {
    width: 100%;
    position: relative;
}

.main .mall_intro iframe {
    width: 100% !important;
}

.main .mall_intro .noclick {
    width: 100% !important;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
}

.mySwiper .swiper-scrollbar {
    background: rgba(255, 255, 255, 0.4);
    bottom: 20px!important;
}

.impo {
	position:relative;
	font-size: 14px;
	font-weight: 400;
}
.impo::after {
    content: '*';
    position: absolute;
    bottom: -5px;
    left: -12px;
    font-size: 18px;
    color: #ef8754;
}

/* magazine view */
.magazine .view_titArea .date {
	font-size: 14px;
    color: #000;
}
.magazine .view_titArea .tit {
    font-size: 20px;
    font-weight: 600;
    color: #000;
    padding: 20px 0 15px;
    border-bottom: 1px solid #666;
    margin-bottom: 30px;
    position: relative;
}
.magazine .view_conArea .sumImg {
    width: 100%;
}
.magazine .view_conArea .cont {
    font-size: 14px;
    line-height: 1.5;
    margin-top: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #ccc;
}
.magazine .view_conArea .cont img {width:100%;}
.magazine .view_fileArea {
	margin-top: 30px;
    padding: 10px;
    border-top: 1px solid #c5c5c5;
    border-bottom: 1px solid #000;
    line-height: 1.5;
    font-size: 14px;
}
/* magazine view End */


.mtotalprArea {
	overflow: hidden;
	display: flex;
    align-items: center;
	gap: 10px;
	width: 100%;
}
.mtotalprArea .sumPrice_txt {
	/* display: none; */
}
.mtotalprArea .sumPrice {
	width: 100%;
}
.ord_cart_wrap .shop .goods123 {
	padding-bottom: 15px;
}
.ord_cart_wrap .mtotalprArea .sumPrice {
	background: #fff;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	font-size: 14px;
}
.mtotalprArea .sumPrice .price123 {
	background: transparent;
    color: #333;
    padding: 0;
    text-align: center;
    /* width: 100%; */
    font-size: 14px;
}
.ord_cart_wrap .mtotalprArea .sumPrice .price123 {
    text-align: start;
	width: auto;
}


.radio_item {
    width: 100%;
    border: 1px solid #CCCCCC !important;
    height: 40px;
    padding: 0px 10px;
    font-size: 12px;
    display: flex;
    align-items: center;
	margin-bottom: 10px;
}
.radio_item span {
    margin-top: 0px !important;
    margin-left: 5px;
}
.m_radioPut {
	display: flex;
    align-items: center;
	}
.m_radioPut span {margin-left:5px;}
.radio_item .span01{margin-right:10px;}
.Login_Memory {margin-right:10px;}
.select_type01 {
    border: 1px solid #CCCCCC !important;
    height: 40px;
    padding: 0px 10px;
    width: 100%;
}
.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;
	}



.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;
    font-size: 13px;
}
.ch_flex .input_login {
    border: 1px #cccccc solid;
}
.ch_txt {
    font-size: 16px;
    text-align: center;
    margin-top: 10px;
    word-break: keep-all;
}


.check_nationality {overflow:hidden;display:flex; gap:8px;}
.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: 14px;
    }
.table-flex .radio_form_item label .C_JCHECK {width:14px;height:14px;}
.check_nationality li {
        width: 100%;
        height: 40px;
        background: #f2f2f2;
        box-sizing: border-box;
        display: block;
        font-size: 13px;
        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%;
    }

/*프로모션레이어*/
#promotion_popup {
        position: fixed;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.5);
        z-index: 99999999999;
    }
#promotion_popup .popup_close{
    position: absolute;
        top: -35px;
        right: 0px;
        cursor: pointer;
        z-index: 999999;
        background: #fff;
        padding: 5px;
        border-radius: 3px;
    }
#promotion_popup .item {
        width: 90%;
        padding-bottom: 20px;
        padding-top: 20px;
        background: #ffffff;
        border-radius: 10px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
#promotion_popup .item .in{
        width:100%;
		height:100%;
		position:relative;
    }
#promotion_popup .item .item_head {
        display: table;
        margin: 0px auto 20px;
        position: relative;
		text-align:Center;
    }
#promotion_popup .item .item_head:after {
        content: ']';
        position: absolute;
        top: 50%;
        right: -25px;
        width: auto;
        height: auto;
        font-size: 36px;
        color: #9584fc;
        transform: translateY(-52%);
        font-weight: 300;
    }
#promotion_popup .item .item_head:before {
        content: '[';
        position: absolute;
        top: 50%;
        left: -25px;
        width: auto;
        height: auto;
        font-size: 36px;
        color: #9584fc;
        transform: translateY(-52%);
        font-weight: 300;
    }
#promotion_popup .item .item_head p {
        font-size: 20px;
        color: #303030;
        font-weight: 1000;
    }
#promotion_popup .item .item_head p span{
        color: #9584fc;
	}
#promotion_popup .item .txtForm {
        margin: 25px auto 20px;
        text-align: center;
    }
#promotion_popup .item .txtForm .stit {
	font-size:14px;
	font-weight:300;
	color:#303030;
	}
#promotion_popup .item .txtForm .stit span{
	font-weight:700;
	}
#promotion_popup .item .txtForm .stit2 {
	font-size: 12px;
	font-weight: 300;
	color: #c1c1c1;
	margin-top: 5px;
    }
#promotion_popup .item .item_promotion{
	display:flex;
	gap:40px;
	justify-content: center;
	flex-direction: column;
    }
#promotion_popup .item .item_promotion .prroduct_ul {
	width: 93%;
    margin: 0 auto;
    }
#promotion_popup .item .item_promotion .prroduct_ul p {
	font-size: 14px;
        margin-bottom: 10px;
        font-weight: 600;
    }
#promotion_popup .item .item_promotion .prroduct_ul li{
	font-size: 12px;
    margin-bottom: 5px;
	padding-left: 10px;
    position:relative;
	word-break: keep-all;
	}
#promotion_popup .item .item_promotion .prroduct_ul li:after{
	content:'-';
	position:absolute;
	top:0px;
	left:0px;
    }
#promotion_popup .item .item_promotion .prroduct_ul li:last-child{
	margin-bottom:0px;
    }
#promotion_popup .item .item_promotion .prroduct_01{
    }
#promotion_popup .item .item_promotion .prroduct_01 .product_img {
        width: 100%;
        cursor: pointer;
		margin-bottom: 25px;
    }
#promotion_popup .item .item_promotion .prroduct_01 .product_img > div {
        display: block;
        background: #fff;
        position: relative;
        height: 0;
        padding-bottom: 100%;
        width: 240px;
        border-radius: 10px;
        overflow: hidden;
    }
#promotion_popup .item .item_promotion .prroduct_01 .product_img img {
        height: 100%;
        object-fit: cover;
        position: absolute;
        left: 0;
        top: 0;
    }
#promotion_popup .item .item_promotion .prroduct_01 .promotion_info {
        display:flex;
		flex-direction: column;
		padding-left: 20px;
        padding-right: 20px;
	}
#promotion_popup .item .item_promotion .prroduct_01 .promotion_info .promotion_nm {
        font-size: 16px;
        font-weight: 500;
        color: #232323;
		text-align:center;
    }
#promotion_popup .item .item_promotion .prroduct_01 .promotion_info .nm {

    }
#promotion_popup .item .item_promotion .prroduct_01 .promotion_info .promotion-mem {
        text-align: center;
        color: #d80f00;
        font-weight: 700;
        font-size: 22px;
        margin-top: 10px;
        margin-bottom: 15px;
        display: block;
    }
#promotion_popup .item .item_promotion .prroduct_01 .promotion_info .pr_goArea {
        background: #fe9f9f;
        color: #232323;
        font-size: 14px;
        font-weight: 500;
        min-width: 140px;
        margin: 0 auto;
    }
    #promotion_popup .item .item_promotion .prroduct_01 .promotion_info .pr_goArea a {
        width: 100%;
        display: block;
        height: 100%;
        text-align: center;
        padding: 10px 22px;
        font-size: 18px;
        font-weight: 700;
        display: flex;
        align-items: center;
        justify-content: center;
    }
#promotion_popup .item .item_promotion .prroduct_01 .promotion_info .pr_goArea a img{
        margin-left:auto;
		-webkit-filter: grayscale(100%) brightness(0);
		filter: grayscale(100%) brightness(0);
    }
/*프로모션레이어 END*/


 .notice_popup {
        position: fixed;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.2);
        z-index: 99999999999;
	
    }
 .notice_popup .in{
        width: 90%;
        height: 300px;
        position: fixed;
        background: #ffffff;
        top: 50%;
        z-index: 999;
        left: 50%;
        transform: translate(-50%, -50%);
        box-shadow: 0px 0px 12px #6a6a6a;
    }
    .notice_popup .link{
    background: #2e2e2e;
    padding: 5px 30px;
    border-radius: 5px;
    color: #ffffff;
    margin-top: 20px;
    font-size: 16px;
    }
    .notice_popup .notice_popup_head {
        width: 100%;
        height: 50px;
        background: #6eb212;
        display: flex;
        align-items: center;
        color: #fff;
        padding-left: 30px;
		position:relative;
    }
	.notice_popup .notice_popup_head .notice_popup_close {
        position: absolute;
        top: 17px;
        right: 23px;
        cursor: pointer;
        filter: brightness(14.5);
    }
    .notice_popup .notice_popup_body {
        width: 100%;
        height: calc(100% - 80px);
        background: #ffffff;
        padding: 20px;
        font-size: 16px;
        color: #232323;
        line-height: 1.6;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
		flex-direction: column;
    }
    .notice_popup .notice_popup_bottom {
        width: 100%;
        height: 30px;
        position: absolute;
        background: #e8e8e8;
        display: flex;
        align-items: center;
        color: #232323;
        padding-left: 30px;
        bottom: 0px;
    }



	.payWrap .reference_box {
        overflow: hidden;
        border: 2px #e4e4e4 solid;
        padding: 20px 15px;
    }
    .payWrap .reference_box .reference_txt {
        margin-bottom:25px;
		text-align:center;
    }
    .payWrap .reference_box .reference_txt .txt1{
    text-align: center;
    font-size:18px;
    }
    .payWrap .reference_box .reference_txt2 {
    margin-bottom: 20px;
    }
    .payWrap .reference_box .reference_txt2 .txt_th{
    margin-bottom: 7px;
    }
    .payWrap .reference_box .reference_txt2 .txt_th p{
    font-size:14px;
    }
    .payWrap .reference_box .reference_txt2 .txt_th .txt1_k{
	font-weight: 700;
    }

    .payWrap .reference_box .reference_txt2 .txt_td{
    font-size: 14px;
    }
    .payWrap .reference_box .reference_txt2 .txt_td p{
     opacity: 0.7;
    font-weight: 500;
    }
    .payWrap .reference_box .reference_txt3 {
    background: #ff0000;
    padding: 12px 5px;
    text-align: center;
    color: #fff;
    font-weight: 300;
	font-size: 12px;
    }



	.bank_add {
	background-color: #e8e8e8;
	margin-top: 3%;
	display: flex;
	align-items: center;
	padding-left: 15px;
	border-radius: 5px;
	width: 100%;
	padding-top: 2.5%;
	padding-bottom: 2.5%;
    }
.bank_add a{
	color: #333333;
	font-size: 14px;
	font-weight: 500;
	display: block;
	word-break: break-word;
	}



#promotion_popup .prroduct_01 .promotion_info .li_01 {
	display: flex;
	flex-direction: column;
	gap: 5px;
	margin-bottom: 10px;
    }
#promotion_popup .prroduct_01 .promotion_info .li_01 .input-form{
	display: flex;
	align-items: center;
	gap: 10px;
    }
#promotion_popup .prroduct_01 .promotion_info .li_01 .input-form2{
	flex-direction: column;
    align-items: baseline;
    }
#promotion_popup .prroduct_01 .promotion_info .li_01 .input-form .c_birth_span{
	font-size: 14px;
    color: #7B542F;
    }
#promotion_popup .prroduct_01 .promotion_info .li_01 .input-form .QnA{
	width:100%;
    }
#promotion_popup .prroduct_01 .promotion_info .li_01 .numPut{
	width: 65px;
	border: 1px solid #CCCCCC !important;
	height: 32px;
	padding: 0px 10px;
	font-size: 14px;
	text-align: center;
    }
#promotion_popup .prroduct_01 .promotion_info .li_01 .phone_select{
	height: 32px;
    }
#promotion_popup .prroduct_01 .promotion_info .total_price .com_input01{
	height: 32px;
    }
#promotion_popup .prroduct_01 .promotion_info .li_01 .QA_select{
	height: 32px;
    }
#promotion_popup .prroduct_01 .promotion_info .li_01 .passPut {
        width: 100%;
        border: 1px solid #CCCCCC !important;
        height: 32px;
        padding: 0px 10px;
    }
#promotion_popup .prroduct_01 .promotion_info .li_01 .li_tit{font-size:14px;}

#promotion_popup .item .item_promotion .prroduct_01 .promotion_info  #debitBtn{
        width: 100px;
        background: #fe9f9f;
        color: #232323;
        font-size: 14px;
        font-weight: 500;
        min-width: 140px;
        margin: 0 auto;
        height: 45px;
        border-radius: 5px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 20px;
        cursor: pointer;
    }
#promotion_popup .total_price {
       display: flex;
        flex-direction: column;
        gap: 10px;
    }
#promotion_popup .total_price {
       display: flex;
        flex-direction: column;
        gap: 10px;
    }
#promotion_popup .total_price .price_txt{
    display: flex;
    justify-content: space-between;
    font-size: 18px;
    align-items: baseline;
    }
#promotion_popup .total_price .price_txt .txt1{
    font-size: 12px;
    }
#promotion_popup .total_price .price_txt .txt2{
    font-weight: 700;
        color: #ff0000;
        font-size: 14px;
    }


.payWrap .shop_item .paymentleft .pay-item03 .flex{
	flex-wrap: wrap !important;
	gap:5px;
	display: flex;
	}
.payWrap .shop_item .paymentleft .pay-item03 .flex .memory {
	width: calc(100% / 2 - 10px) !important;
	margin-right: 0px;
	margin-right: 0px;
}


.mobile_kakao {
        position: fixed;
        bottom: 130px;
        right: 14px;
        z-index: 999999;
        display: flex;
        align-items: center;
        background: #ffffff;
        border-radius: 50px;
        padding: 4px 12px 4px 6px;
        gap: 7px;
        box-shadow: 0px 0px 11px #868686;
    }
    .mobile_kakao img {
        height: 29px;
        border-radius: 50%;
    }
	.mobile_kakao p {font-size:15px;font-weight:600;}


.ord_cart_wrap #footer{
	display: none;
}
/*footer*/
#footer {
    width: 100%;
    background: #333333;
    padding: 25px 0;
}
#footer .inner {
    display: flex;
    flex-direction: column-reverse;
}
#footer .button_area{
	display:flex;
	gap:10px;
	margin-top: 15px;
}
#footer .button_area a{
	width: 35px;
}
#footer .button_area a img{
	width: 100%;
}
#footer h2{font-size:20px;font-weight:400;margin-bottom:20px;color: #ffffff;}
#footer .company-ceo {
    font-size: 14px;
    color: #ffffff;
    margin-bottom: 10px;
    opacity: 0.8;
    font-weight: 200;
    letter-spacing: 0.5;
}
#footer .footer-info{
    display: flex;
	flex-direction: column-reverse;
    gap: 30px;
}
#footer .item-L-area ul {
    display: flex;
    gap: 10px;
    margin-bottom: 10px;
    flex-direction: column;
}
#footer .item-L-area ul li {
    font-size: 14px;
    color: #ffffff;
    opacity: 0.8;
    font-weight: 200;
    letter-spacing: 0.5;
	position:relative;
	word-break: keep-all;
	line-height: 150%;
}
#footer .item-L-area ul li:last-child:After {
   display:none;
}
#footer .item-R-area {
    display:flex;
	/* flex-direction:column; */
	gap:15px;
	align-items: center;
}
#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;
	display: none;
}
#footer .item-R-area > div ul{
    display: flex;
    align-items: center;
    gap: 15px;
	justify-content: flex-end;
}
#footer .item-R-area > div ul li {
    font-size: 12px;
    color: #ffffff;
    opacity: 0.8;
    font-weight: 200;
    letter-spacing: 0.5;
	position:relative;
}
#footer .item-R-area > div:first-child ul li {
	display: none;
}
#footer .item-R-area > div:first-child ul li:first-child{
	display: block;
}
#footer .item-R-area > div ul li a{
    font-size: 12px;
    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.8);
    display:none;
    z-index:1000;
}


/* 팝업 */
.policy-popup{
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 95%;
    background: #fff;
    display: none;
    z-index: 1001;
    max-width: 980px;
	/* height: calc(100vh - 50px); */
}


/* 헤더 */
.policy-popup .policy-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 25px;
    position: relative;
}

.policy-popup .policy-title {
    font-size: 18px;
    font-weight: 700;
    color: #000000;
}

.policy-popup .policy-close {
    font-size: 22px;
    cursor: pointer;
    position: absolute;
    top: 0px;
    right: 0px;
    width: 40px;
    height: 40px;
    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: 12px;
    line-height: 1.6;
    color: #666666;
    display: none;
    border: 1px #e4e4e4 solid;
    padding: 15px;
    word-break: keep-all;
}
.policy-popup .privacy-box {
    height: calc(100vh - 150px);
}
.policy-popup .mail-box{
   min-height:auto;
}
.policy-popup .mail-box p {
    font-size: 14px;
    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:1px solid #e7e7e7;
    background:#fff;
	overflow: auto;
	top: 110px !important;
	height: calc(100% - 110px) !important;
}

.postcode_header{
    height:50px;
    display:flex;
    align-items:center;
    padding:0 15px;
	justify-content: start;
	gap: 15px;
    border-bottom:1px solid #eee;
    font-size:16px;
    font-weight:600;
    position:relative;
    z-index:2;
	flex-direction: row-reverse;
}
.postcode_header .post_title{
	font-size: 20px;
	font-weight: 500;
}
.postcode_header .post_back_btn{
    background:none;
    border:none;
    font-size:20px;
    cursor:pointer;
}
.postcode_header .post_back_btn img{
    height: 20px;
}

#postcode_body{
       width:100%;
    height:auto;   /* ✅ auto로 변경 */
	position:relative;
    z-index:1;
}
/* brand */

.brand_wrap .slogan {
	margin-top: 100px;
    margin-bottom: 100px;
}
.brand_wrap .slogan .main_title{
	font-size: 24px;
	font-weight: 700;
	color: #000;
	margin-bottom: 30px;
	text-align: center;
	word-break: keep-all;
}
.brand_wrap .slogan .main_tt{
	font-size: 14px;
	font-weight: 500;
	color: #808080;
	text-align: center;
	line-height: 150%;
	word-break: keep-all;
}
.brand_wrap .mission {
	margin-bottom: 50px;
}
.brand_wrap .mission .content_box{
	padding: 0px 0 64px;
}
.brand_wrap .mission .content_box  .flex_inner{
	display: flex;
	/* gap: 80px; */
	/* height: 600px; */
	flex-direction: column;
}
.brand_wrap .mission .position_number{
	display: none;
}
.brand_wrap .mission .content_box .imgbox{
	background-color: #808080;
	width: 100%;
	position: relative;
	overflow: hidden;
	padding-top: 100%;
}
.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: 44px;
	width: 100%;
	position: relative;
}
.brand_wrap .mission .content_box .textbox .mission_title{
	font-size: 24px;
	font-weight: 700;
}
.brand_wrap .mission .content_box .textbox .sub_title{
	font-size: 16px;
	font-weight: 700;
	margin: 14px 0 10px;
	color: #e03c31;
}
.brand_wrap .mission .content_box .textbox .text{
	font-size: 14px;
	font-weight: 400;
	max-width: 350px;
	line-height: 150%;
	word-break: keep-all;
}

.brand_wrap .mission .conbox02 .text li .c_title{
	font-size: 14px;
	font-weight: 600;
	margin-bottom: 5px;
}
.brand_wrap .mission .conbox02 .text li .tt{
	font-size: 14px;
	font-weight: 400;
	max-width: 350px;
	line-height: 150%;
	word-break: keep-all;
	color: #808080;
}
.brand_wrap .mission .conbox02 .text li {
	margin-bottom: 20px;
}
.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: 12px;
	font-weight: 400;
	line-height: 150%;
}
.brand_wrap .bbko_story p span{
	color: #fff;
	font-size: 20px;
	font-weight: 700;
	line-height: 150%;
}
.brand_wrap .ci{
	padding: 64px 0;
}
.brand_wrap .ci .ci_title{
	font-size: 20px;
	font-weight: 500;
	margin-bottom: 50px;
}
.brand_wrap .ci .ci_content {
	margin-bottom: 30px;
}
.brand_wrap .ci .ci_content .ibox .tit{
	font-size: 16px;
	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: 180px;
	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: 70px;
}
.brand_wrap .ci .ci_content .ci_flex{
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 30px;
	flex-direction: column;
}
.brand_wrap .ci .ci_content .ci_flex .ibox{
	width: 100%;
}
#__kakao__layer_1{
	height: 100% !important;
}
/* //brand */

    .m_flex_tr {
        display: flex;
        flex-wrap: wrap;
        width: 265%;
    }
	    .m_flex_tr th {
        width: 130px !important;
    }
	    .m_flex_tr td {
        display: flex;
        align-items: center;
        height: 55px;
    }



.kakaolink_btn_gongtong {
        height: 26px;
        padding: 0px 12px;
        justify-content: space-between;
        align-items: center;
        background-color: #ffd024;
        color: #fff;
        font-size: 12px;
        border-radius: 20px;
        display: flex;
        margin-left: 12px;
    }
    .kakaolink_btn_gongtong a {
        color: #000000;
        display: flex;
        align-items: center;
        gap: 7px;
    }
    .kakaolink_btn_gongtong a img{
     display:none;
    }

.my_order_layer .layer_m .n_list_cont {margin-bottom:20px;}


.shop .shop-Area-seciton .seciton01{padding-top:20px;}

    .order_link {
        font-size: 16px;
        color: #ffffff;
        margin-left: 20px;
    }