* {box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
html {width: 100%;height: 100%;min-height: 100%; font-size: 10px;}
/*2022-02-15 수정*/
body {
	position: relative;  height: 100%;min-height: 100%;
	font-family: "SpoqaHanSansNeo", sans-serif;
	font-size:1.5rem; font-weight:400; color:#000; line-height: 1.5;
	letter-spacing: -0.025em;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
/*2022-02-15 수정 END*/
a {text-decoration:none; color:inherit;}
#wrapper{display:flex; width: 100%; min-height: 100%; flex-direction: column;}
/*2021-04-19 수정*/
#container {
	position: relative;
	clear: both;
	flex-grow:1;
	border-bottom: 8px solid #f0f1f5;
	margin-top: 65px;
}
/*2021-04-19 수정 END*/
/*#container > div {border-bottom: 8px solid #f0f1f5}*/
.auto{position:relative; width: 100%; margin: auto; padding: 0 2.4rem;}
.inner {position:relative;  padding: 0 2.4rem;}

.mask {
	display: none;
	position: fixed; top: 0; left: 0;
	width: 100%; height: 100%;
	background-color: #000; opacity: 0.7; z-index: 9998;
}
body.pop_open .mask {display: block;}
/* padding */
.pdl10 { padding-left: 1rem !important;}

/* margin */
.mgb0 {margin-bottom: 0 !important;}
.mgb30 {margin-bottom: 3rem !important;}
.mgb50 {margin-bottom: 5rem !important;}

.mgt0 {margin-top: 0 !important;}
.mgt50 {margin-top: 5rem !important;}

/* position */
.abs {position:absolute !important}
.rel {position:relative !important}
.fixed {position:fixed !important}
.sticky {position: sticky !important; bottom: 0 !important; background-color: #FFF;}


/* float */
.fr {float:right !important}
.fl {float:left !important}

.nobd {border:none !important;}
.noBg {background:none !important}
.overHidden {overflow:hidden !important}
.inline {display:inline !important;}
.inblock {display:inline-block !important;}
.block {display:block !important;}

/* vertical-align */
.vab {vertical-align: bottom !important;}

/* 감추기 */
.blind {display:none !important}
.hidden {visibility: hidden !important}

/* floa*/
.clearFix:after{
	content:""; display:block; width:0; height:0;
	font-size:0; line-height:0;
	overflow:hidden; visibility:hidden; clear:both;
}
.clear {clear:both !important}
img {width: auto; max-width: 100%; height: auto; max-height: 100%; vertical-align: top;margin: 0;padding: 0;}

/* 박스관련 */
.borderBox {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* background */

/* font-size */
.fs16 {font-size: 1.6rem ;}

/* font-weight*/
.fwb {font-weight: bold !important;}

/* text 정렬 */
.tac {text-align:center !important;}
.tal {text-align:left !important;}
.tar {text-align:right !important;}

/* text color */
/*2021-04-06 수정*/
.tc_point {color:#13c9be;}
/*2021-04-06 수정 END*/
.tc_dark  {color: #000000 !important;}

/* icon */

/* button */
.btn_wrap {
	display: flex; justify-content: space-between;
	text-align: center;
}
.btn-full {width: 100%;}
/*2021-04-19 수정*/
.btn-half3 {width: 30% !important;}
.btn-half7 {width: 70% !important;}
/*2021-04-19 수정 END*/
/*2021-12-29 추가*/
.btn-half4 {width: 40% !important;}
.btn-half6 {width: 60% !important;}
/*2021-12-29 추가 END*/
.btn_round {background: none; border:1px solid #eeeeee; border-radius: 3rem;}
.btn_send {background: none; border:1px solid #086CFD; color: #086CFD; border-radius: 3rem;}

.btn-submit {
	padding: 1.25rem 0;
	background-color: #13c9be;
	border:none;
	color: #ffffff;
	font-size: 1.7rem;
	height: 5.6rem;
}
/*2021-04-06 수정*/
/*
.btn-submit-un {
	padding: 1.25rem 0;
	background-color: #f0f1f5 !important;
	border: none !important;
	color: #bababa !important;
	font-size: 1.7rem;
	height: 5.6rem;
}
*/
/*2021-04-06 수정 END*/
/*2021-04-06 추가*/
.btn-submit:disabled {
	padding: 1.25rem 0;
	background-color: #f0f1f5 !important;
	border: none !important;
	color: #bababa !important;
	font-size: 1.7rem;
	height: 5.6rem;
}
/*2021-04-06 추가 END*/
.btn-cancel {
	padding: 1.25rem 0;
	background-color: #717276;
	border:none;
	color: #ffffff;
	font-size: 1.4rem;
}
/*2021-06-10 수정*/
.btn-closed {
	width: 100%;
	padding: 1.25rem 0;
	background-color: #13c9be;
	border:none;
	color: #ffffff;
	font-size: 1.4rem;
}
/*2021-06-10 수정 END*/
.btn_extend_g {
	background-color: #f0f1f5 !important;
	border: none !important;
	color: #bababa !important;
}
/*2021-09-15 추가*/
.btn_sns {
	background-color: #F2C044 !important;
	color: #fff !important;
	border: none !important;
}
/*2021-09-15 추가 END*/
/* button END */




/* button color END */

/* button size */

/* button size END */


/********** layout **********/
/* header */
/*2021-04-14 수정*/
#header {
	width: 100%;
	background-color: #fff;
	z-index: 999;
	position: fixed;

}
/*2021-04-14 수정 END*/
/*2021-04-19 추가*/
#header button {padding: 0}
.page_header button {border:0 none;background-color:transparent;cursor:pointer;}
.page_header [class^="btn"]{display:inline-block;vertical-align:middle;position:relative;overflow:hidden;}
.screen_out {position:absolute;left:0;top:0;line-height:1;color: transparent;opacity:0;word-break: keep-all;z-index:-1;} /* 대체텍스트가 아닌 접근성을 위한 숨김텍스트를 제공할때 */

.page_header{position: relative; background-color: #fff; width: 100%; height:65px; line-height: 65px;}
.page_header h2{height:65px; line-height:65px; padding: 0 2.4rem; text-align: center;  font-size: 2rem; font-weight:400; }
.page_header .btn_NavMenu { position: absolute; height:65px; top: 0; right:2.4rem; }
.page_header .btn_NavMenu .ico_menu{ display:inline-block; width:29px; height:29px; background:url('../images/icon_back.png') center center no-repeat; background-size:25px;}
.page_header .btn_NavMenu .ico_txt{ display:block; font-size:2.67vw; text-align:center; margin-top:5.60vw;line-height: 1.01em;}
.page_header .btn_Prev { position: absolute; height:65px; top: 0; left:2.4rem; }
.page_header .btn_Prev .ico_prev{ display:inline-block; width:24px; height:20px; background-image:url('../images/ico_prev.png');background-repeat:no-repeat; background-size:24px; }

/*2021-04-19 추가 END*/
.tab_tit {display: table; width: 100%;}
.tab_tit li {
	display: table-cell;
	width: 50%; padding: 1rem 0;
	border-bottom: 1px solid #eeeeee;
	font-size: 1.5rem; color: #717171;
	text-align: center; vertical-align: middle;
}
.tab_tit li.active {
	border-bottom: 2px solid #000000;
	font-weight: bold; color: #000000;
}
/* tit box*/
#header .tit_box {
	position: relative;
}
#header .tit_box.brand {
	border-top: none;
}
#header .tit_box h3 {
	font-size: 2rem; text-align: center;
	line-height: 5.6rem;
	font-weight: 400;
}

/* gnb */
/*2021-04-19 수정*/
#gnb {
	display: inline-block;
	width: 100%;
	text-align: center;
	position: fixed;
	top:15.28vw;
	z-index: 999;
	background-color: #fff;
}
#gnb ul {
	display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between;
	width: 100%; height: 15vw;
	border-bottom: 1px solid #d8d8d8;
	font-size: 1.6rem; color:#000;
	box-sizing: border-box;
	border-collapse: collapse;
}
/*2021-04-19 수정 END*/
#gnb ul > li { display: inline-table;height: 100%; }
#gnb ul > li > a {display: table-cell; vertical-align: middle; padding: 0 0.8rem;}
#gnb ul > li > a.on {font-weight: bold;border-bottom: 2px solid #13c9be;}
/* gnb END */
/* header END */


/* footer */
#footer {
	border-top: 1px solid #EEEEEE;
	font-size: 1rem;
}
#footer ul.f_tab {
	width: 100%; height: 5.8rem;
	color:#000;
}
#footer ul.f_tab > li { display: inline-block; min-width: 23%; width: auto; height: 100%; position: relative;}
#footer ul.f_tab > li:first-child {min-width:17%;}
/*2021-04-06 수정*/
#footer ul.f_tab > li > a {display:block; line-height: 5.8rem; padding:0 0.8rem 0 0;  vertical-align: middle;font-size: 1.2rem;text-align: center}
#footer .f_privacy {min-width: 34% !important; font-weight: 600;}
/*2021-04-06 수정 END*/
#footer .f_cs .inner p:first-child {
	color: #000;
}
#footer .f_cs .inner p a{
	display: inline-block;
	background: url("../images/icon_call.png") 6rem 0  no-repeat;
	background-size: 2rem;
	width: 8rem;
}
#footer .f_tab_cont .f_into p:last-child {
	padding-top: 0.5rem;
}

#footer .f_tab_cont .f_into p a{
	display: inline-block;
	background: url(../images/icon_arrow_s.png) 9rem 0.6rem no-repeat;
	background-size: 0.6rem;
	width: 10rem;
	color: #000;
}
#footer .f_cs:after, #footer .f_info:after {
	display: block;
	content: "";
	background-image: url(../images/icon_arrow.png);
	background-position: right center;
	background-size: 0.8rem 0.45rem;
	background-repeat: no-repeat;
	width: 0.8rem;
	height: 0.45rem;
	position: absolute;
}
/*2021-04-06 수정*/
#footer .f_cs:after{
	position: absolute;
	top: 2.7rem;
	right: 0.5rem;
}
#footer .f_info:after {
	position: absolute;
	top: 2.7rem;
	right: 0;
}
/*2021-04-06 수정 END*/
#footer .f_cs.on:after, #footer .f_info.on:after{
	transform: rotate(180deg);
}
#footer .f_tab_cont {margin-top: 0; margin-bottom: 0;}
#footer .f_tab_cont .f_cs, #footer .f_tab_cont .f_into{
	display: none; line-height: 2rem;
	border-top: 1px solid #EEEEEE;
	font-size: 1.2rem; color:#6e6e6e;
}

#footer .swiper-button-next {
	top:0; right: 0px; width:2.4rem; height: 100%; margin-top: 0;
	border-left: 1px solid #EEEEEE;
}
#footer .swiper-button-prev {
	top:0; left: 0px; width:2.4rem; height: 100%; margin-top: 0;
	border-right: 1px solid #EEEEEE;
}
#footer .swiper-button-next::after{
	border-top:0.6rem solid transparent;
	border-left: 1rem solid #8E8E8E;
	border-bottom: 0.6rem solid transparent;
	font-size: 0;
}
#footer .swiper-button-prev::after{
	border-top:0.6rem solid transparent;
	border-right: 1rem solid #8E8E8E;
	border-bottom: 0.6rem solid transparent;
	font-size: 0;
}
#footer .f_tab_cont .f_cs .inner, #footer .f_tab_cont .f_into .inner{
	margin-top: 1.6rem !important;
	margin-bottom: 1.6rem !important;
}

#footer .f_tab_cont .l_line {position: relative; margin-right: 8px;}
#footer .f_tab_cont .l_line::before {
	content:"";  position: absolute; top:20%; right: -6px; width: 1px; height: 70%;
	background-color: #8E8E8E;
}
#footer .copyright {
	text-align: center;
	padding: 1.4rem 0 4rem;
	border-top:1px solid #eaeaea;
	color: #bababa;
}
.btn_back {
	position: absolute; top:1.6rem; left:1.6rem;
	width: 2.4rem; height: 2.4rem; padding: 0; margin: 0;
	background: none;
	background-image: url(../images/btn_back.png); background-position: center;
	background-size: cover; background-repeat: no-repeat;
	border: none;
	text-indent: -9999px; overflow: hidden;
}
/*2022-02-15 수정*/
/*
.btn_menu {
	position: absolute;
    top: 1.6rem;
    right: 1.6rem;
    width: 2.4rem;
    height: 4rem;
    padding: 0;
    margin: 0;
    background: none;
    background-image: url(../images/btn_menu.png);
    background-position: top;
    background-size: 2.4rem;
    background-repeat: no-repeat;
    border: none;
    overflow: hidden;
    font-size: 1.1rem;

}
*/
/*2022-02-15 수정 END*/
.btn_menu small{
	display: inline-block;
	line-height: 6rem;
	height: 4rem;
	vertical-align: text-bottom;
}
.scroll_top {
	width: 4rem;
	height: 4rem;
	border: none;
	background: none;
	background-image: url(../images/scroll_top.png);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	right: 2.4rem;
	bottom: 2.4rem;
	position:fixed;
	z-index:9999;
	text-indent: -9999px;
}

/* select box */
.select-box {
	display: inline-block;
	height: 1.8rem;
	margin-bottom: 1.25rem;
	position: relative;
}
.select-box > label{
	width: 100%;
	position: absolute;
	font-size: 1.4rem;
	top: 0;
	left: 0px;
	height: 1.8rem;
	line-height: 1.6rem;
	text-align: right;
	padding-right: 2.4rem;

}
.select-box select {
	width: 100%;
	height: 1.8rem;
	line-height: 1.5;
	padding: 0 5px;
	filter: alpha(opacity=0);
	cursor: pointer;
	position: absolute;
	top: 0;
	left: 0;
	border: 1px solid #EEEEEE;
	opacity: 0;
}

.main_banner img {width: 100%;}
.main_banner_wide img {width: 100%;}
/*2021-09-29 수정*/
.main_quick_wrap {padding:3.2rem 0 0; text-align: center;}
/*2021-09-29 수정 END*/
.main_quick_wrap h2 {
	text-align: center;
	font-size: 2rem;
	/*	padding-bottom: 2rem;*/
	padding: 0.5rem 2rem;
	margin-bottom: 2rem;
	background-color: #13c9be;
	color: #fff;
	display: inline-block;
	border-radius: 4rem;
}
/*2021-04-06 수정 END*/
/*2021-09-29 수정*/
.main_quick_wrap .auto{
	padding: 0 2.4rem 3.2rem;
}
/*2021-09-29 수정 END*/
/*2022-02-15 수정*/
.quick_wrap {
	padding: 0;
	background: #ffffff;
	z-index: 9;
}
/*2022-02-15 수정 END*/
/*2021-06-07 수정*/
.main_quick_wrap .quick_menu .item_list {
	min-width: calc(20% - 1.2rem); width: auto; margin-right: 1.35rem;
	text-align: center;
}
/*2021-06-07 수정 END*/
.main_quick_wrap .quick_menu .item_list:last-child {margin-right: 0;}
.main_quick_wrap .quick_menu .item_list.on {
	color: #13c9be;
}
.main_quick_wrap .quick_menu .item_list.on span{
	color: #fff;
}
/*2021-04-08 수정*/
.main_quick_wrap .quick_menu .item_list .icon_quick {
	display: table;
	margin: auto;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	width: 5.2rem;
	height: 5.2rem;
	overflow: hidden;
	position: relative;
}
.main_quick_wrap .quick_menu .item_list .icon_quick img{
	width: 200%;
	max-width: none;
	position: absolute;
	left: 0;
}
/*2021-04-08 수정 END*/
.main_quick_wrap .quick_menu .item_list:first-child{
	height: 100%;
}
.main_quick_wrap .quick_menu .item_list .icon_quick a{
	display: table-cell
}
.main_quick_wrap .quick_menu .item_list span {
	display: block;
	margin-top: 1.3rem;
	font-size: 1.3rem;
	color: #6e6e6e;
}
/*2021-04-19 수정*/
/*2021-06-02 추가*/
.main_quick_wrap .quick_menu {
	white-space: nowrap;
	overflow-x: auto;
	text-align: center;
}
.main_quick_wrap .quick_menu {
	-ms-overflow-style: none; /* IE and Edge */
	scrollbar-width: none; /* Firefox */
}
.main_quick_wrap .quick_menu::-webkit-scrollbar {
	display: none; /* Chrome, Safari, Opera*/
}
/*2021-06-02 추가 END*/
.list_quick_wrap {
	border-bottom: none !important;
	padding: 0 !important;
	position: fixed;
	top:30.28vw;
	width: 100%;
}
/*2021-04-19 수정 END*/
/*2021-04-14 추가*/
.list_quick_wrap + .prod_wrap {
	margin-top: 11.3rem;
}
/*2021-04-14 추가 EMD*/
/*2021-04-06 수정*/
.list_quick_wrap .quick_menu .item_list {
	min-width: calc(20% - 1.2rem); width: auto; margin-right: 1.2rem;
	text-align: center;
	/*	background-color: #f0f1f5;*/
	/*	padding: 1.2rem;*/
	border-radius: 0.4rem;
}
/*2021-04-06 수정 END*/
/*2021-04-08 수정*/
/*.list_quick_wrap .quick_menu .item_list:last-child {margin-right: 0;}*/
/*2021-04-08 수정 END*/
/*2021-04-06 수정*/
.list_quick_wrap .quick_menu .item_list.on {
	/*	background-color: #13c9be;*/
}
.list_quick_wrap .quick_menu .item_list.on .icon_quick img{
	/*	background: #13c9be;*/
}
.list_quick_wrap .quick_menu .item_list.on span{
	color: #13c9be;
}
/*2021-04-06 수정 END*/
/*2021-04-08 수정*/
.list_quick_wrap .quick_menu .item_list .icon_quick {
	display: table;
	margin: auto;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	width: 5.2rem;
	height: 5.2rem;
	overflow: hidden;
	position: relative;
}

.list_quick_wrap .quick_menu .item_list .icon_quick img{
	width: 200%;
	max-width: none;
	position: absolute;
	left: -100%;
}
/*2021-04-08 수정 END*/
/*2021-04-08 추가*/
.list_quick_wrap .quick_menu .item_list.on .icon_quick img{
	width: 200%;
	max-width: none;
	position: absolute;
	left: 0;
}
/*2021-04-08 추가 END*/
/*2021-04-06 수정*/
.list_quick_wrap .quick_menu .item_list:first-child{
	/*	height: 100%;*/
}
/*2021-04-06 수정 END*/
.list_quick_wrap .quick_menu .item_list .icon_quick a{
	display: table-cell
}
/*2021-04-06 수정*/
.list_quick_wrap .quick_menu .item_list span {
	display: block;
	margin: 1.3rem auto 0;
	font-size: 1.3rem !important;
	color: #424242;
}
/*2021-06-02 수정*/
.list_quick_wrap .auto{
	padding: 2.4rem;
}
/*2021-06-02 수정 END*/
/*2021-04-06 수정 END*/
/*2021-04-08 수정*/
/*
.list_quick_wrap .quick_menu .list_i_ani .icon_quick{
	background: url("../images/icon_quick_02.jpg") 101% 0 no-repeat;
	background-size: 200% 100%;
	width: 5.2rem;
	height: 5.2rem;
}
.list_quick_wrap .quick_menu .list_i_birth .icon_quick{
	background: url("../images/icon_quick_03.jpg") 101% 0 no-repeat;
	background-size: 200% 100%;
	width: 5.2rem;
	height: 5.2rem;
}
.list_quick_wrap .quick_menu .list_i_cheer .icon_quick{
	background: url("../images/icon_quick_04.jpg") 101% 0 no-repeat;
	background-size: 200% 100%;
	width: 5.2rem;
	height: 5.2rem;
}
.list_quick_wrap .quick_menu .list_i_thank .icon_quick{
	background: url("../images/icon_quick_05.jpg") 101% 0 no-repeat;
	background-size: 200% 100%;
	width: 5.2rem;
	height: 5.2rem;
}
.list_quick_wrap .quick_menu .list_i_ani.on .icon_quick{
	background: url("../images/icon_quick_02.jpg") 0 0 no-repeat;
	background-size: 200% 100%;
	width: 5.2rem;
	height: 5.2rem;

}
.list_quick_wrap .quick_menu .list_i_birth.on .icon_quick{
	background: url("../images/icon_quick_03.jpg") 0 0 no-repeat;
	background-size: 200% 100%;
	width: 5.2rem;
	height: 5.2rem;

}
.list_quick_wrap .quick_menu .list_i_cheer.on .icon_quick{
	background: url("../images/icon_quick_04.jpg") 0 0 no-repeat;
	background-size: 200% 100%;
	width: 5.2rem;
	height: 5.2rem;

}
.list_quick_wrap .quick_menu .list_i_thank.on .icon_quick{
	background: url("../images/icon_quick_05.jpg") 0 0 no-repeat;
	background-size: 200% 100%;
	width: 5.2rem;
	height: 5.2rem;

}
*/
.list_quick_wrap .quick_menu .item_list .icon_quick {
	display: table;
	margin: auto;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	width: 5.2rem;
	height: 5.2rem;
	overflow: hidden;
	position: relative;
}
.list_quick_wrap .quick_menu .item_list {
	min-width: calc(18% - 2.4rem);
	width: auto;
	height: auto;
	margin-right: 2.4rem;
	text-align: center;
	/*    padding: 1.2rem;*/
	border-radius: 0.4rem;
	/*    margin-bottom: 2.5rem;*/
	background-size: 200% !important;

}


/*2021-11-23 추가*/
.list_quick_wrap .quick_menu {
	white-space: nowrap;
	overflow-x: auto;
	text-align: center;
}
.list_quick_wrap .quick_menu {
	-ms-overflow-style: none; /* IE and Edge */
	scrollbar-width: none; /* Firefox */
}
.list_quick_wrap .quick_menu::-webkit-scrollbar {
	display: none; /* Chrome, Safari, Opera*/
}
/*2021-11-23 추가 END*/


/*2021-04-08 수정 END*/
.quick_list > li  .tit_box {margin:0 0.4rem}
.quick_list > li:last-child{margin-bottom: 7.25rem;}
.quick_list  .prod_list {display: none;}
.quick_list  .prod_list > li {margin-bottom:0px !important;}
.quick_wrap .quick_menu .item_list:first-child span {
	line-height: 2.3rem;
}
/*2022-02-15 수정*/
.quick_wrap .quick_menu .item_list span {
	margin-top: 0.8rem;
	font-size: 1.3rem;
	/*	display: table-cell;*/
	/*	vertical-align: top;*/
}
/*2022-02-15 수정 END*/
.total_box {
	display: inline-block; float: left;
	width: auto; margin-bottom: 2rem;
	font-size: 1.3rem;
}
.total_box > span {margin: 0 0.4rem;}

/* 상품 목록 */
.prod_wrap h2 {font-size: 2rem; text-align: center; }
.prod_wrap .list_info {
	padding: 1.6rem 2.4rem 1.7rem;
	height: 5.6rem;
	border-bottom: 1px solid #d8d8d8;
}
/*2021-06-10 수정*/
.prod_wrap .prod_list {position: relative; display: inline-block; width: 100%;padding-bottom: 3rem; text-align: left}
/*2021-06-10 수정 END*/
/*2021-04-19 수정*/
.prod_wrap  .prod_list_none {
	text-align: center;
	padding: 16.6rem 0 18.2rem;
	font-size: 1.6rem;
	background: url(../images/icon_prod_search.png) 50% 13.2rem no-repeat;
	background-size: 2.8rem 2.8rem;
}
/*2021-04-19 수정 END*/
.prod_wrap .prod_list .item_box {
	position: relative;
	display: inline-block; float: left;
	width: calc(50% - 0.5rem); margin-right: 1rem; margin-bottom: 1rem;
}
.prod_wrap .prod_list .item_box:nth-child(2n) {margin-right: 0rem;}
.n_item {
	display: flex; width: 100%; height: 20rem;
	align-items: center; justify-content: center;
}
.prod_wrap .item_box .img_box {
	margin-top:3.2rem;
	padding: 0 1.6rem 0 0;
	text-align: center;
}
.prod_wrap .item_box .txt_box {padding: 0.8rem 0;}
.prod_wrap .prod_list .item_box .brand_tit {
	font-size: 1.3rem;
	color: #13c9be;
	letter-spacing: -0.05em;
	padding-bottom: 0.2rem;
}
.prod_wrap .item_box .prod_tit {
	width: 100%; height:4rem; margin-bottom: 0.6rem;
	font-weight: 500;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	white-space: normal;
	word-break: break-all;
	font-size: 1.4rem;
	overflow: hidden;
}
/*2021-04-06 수정*/
.prod_wrap .item_box .price_area {
	padding-bottom: 0.4rem;
	font-size: 0;
	line-height: 1;
}
/*2021-04-06 수정 END*/
/*2021-04-06 추가*/
.prod_list .discount_rate {
	color: #13c9be;
	font-size: 1.6rem;
	font-weight: 500;
	padding-right: 0 !important;
	display: inline-block;
	height: 1.5rem;
}
.discount_rate {
	color: #13c9be;
	font-size: 1.8rem;
	padding-right: 0.8rem;
	font-weight: 700;
}
.discount_rate em{
	padding-right: 0.5rem
}
.prod_list .suggested_price small{
	padding-left: 0 !important;
	vertical-align: baseline !important;
	font-size: 1.2rem !important;
}
.prod_detail_wrap .suggested_price small{
	padding-left: 0;
	vertical-align: baseline;
}
.suggested_price {
	min-height: 1.8rem;
	font-size: 1.2rem;
	color: #ec4361;
	text-decoration: line-through;
	line-height: 1.5
}
span.suggested_price {
	padding-left: 0.8rem;
}
.money_save {
	color: #13c9be;
	font-size: 1.2rem;
}
.money_save small{
	font-size: 1.2rem;
}
/*2021-04-06 추가 END*/
.prod_wrap .item_box .price_area > span {font-size: 1.6rem; font-weight: 600;}
/*2021-04-06 수정*/
.prod_wrap .item_box .price_area .selling_price{
	color: #000000;
	display: inline-block;
	font-size: 1.5rem;
	font-weight: 600;
}
.prod_wrap .item_box .txt_box .price_area small{ color: inherit;font-weight: normal;padding-left: 0.2rem; vertical-align: baseline;}
/*2021-04-06 수정 END*/
/*2021-04-06 추가*/
.prod_icon {
	line-height: 1;
}
/*2021-04-06 추가 END*/
.prod_icon li {
	display: inline-block;
	font-size: 1.1rem;
	padding-left: 0.4rem;

}
.prod_icon li:first-child {
	padding-left: 0;
}
.prod_icon li.best {color: #13c9be;}
.prod_icon li.new {color: #0088e7;}
.prod_icon li.rec {color: #ec4361;}
.prod_img_box {
	text-align: center;
	height: 37.5rem;
	margin: 0 auto;
	box-sizing: content-box;
	position: relative;
	margin-bottom: 2.5rem;
}
.prod_box {margin: 0 2.4rem;padding-bottom: 2rem;}
.prod_box .b_name {
	font-size: 1.3rem;
	display: inline-block;
	color: #13c9be;
}
.prod_box .prod_icon{
	display: inline-block;
	float: right;
}
.prod_box .p_name {
	margin: 1rem 0;
	font-size: 1.7rem;
	font-weight: 600;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.price_area del {
	margin-right: 2.5rem;
	font-size: 1.7rem; color: #717171;
}
.price_area b {
	font-size: 2rem; font-weight: 700; color: #000000;
}
.price_area b small{
	font-weight: 400;
}
.price_area .hana_money{
	display: inline-block;
	font-size: 1.2rem;
	padding-left: 0.8rem;
	font-weight: 600;
}
.price_area .hana_money li{
	display: inline-block
}
.price_area .hana_money li.h_save{
	border:1px solid #13c9be;
	border-radius: 1rem;
	color: #13c9be;
	width: 7rem;
	height: 2rem;
	text-align: center;
}
/*2021-04-06 추가*/
.prod_list .price_area .hana_money{
	display: block;
	font-size: 1.2rem;
	padding-left:0;
	color: #13c9be;
	height: 1.8rem;
	padding-top: 0.3rem;
}
/*2021-04-06 추가 END*/
/*2021-05-27 추가*/
.prod_list .price_area .hana_money small{
	font-size: 1.2rem;
	font-weight: 300 !important;
}
/*2021-05-27 추가 END*/
/*2021-04-06 수정*/
.price_area .hana_money li.h_money{
	color: #13c9be;
	background: url("../images/imgRewardPlus.svg") 0 0.2rem no-repeat;
	background-size: 1.3rem 1.3rem;
	padding-left: 1.7rem;
	margin-left: 0.7rem;
}
.prod_notify_wrap p {
	font-size: 1.2rem;
	/*	font-weight: 500 !important;*/
	/*	padding-bottom: 1.6rem;*/
}
/*2021-04-06 수정 END*/
.prod_notify_wrap_radio .radio_box{
	width: 50%;
	display: inline-block;
	margin-right: 0;
}
.prod_notify_wrap_radio  input[type="radio"] + label {
	display: inline-block;
	border: 1px solid #d8d8d8;
	padding: 1.4rem 0;
	width: 100%;
	text-align: center;
	background: none;
	font-size: 1.4rem;
	color: #000;
	font-weight: 400;
}
.prod_notify_wrap_radio {
	padding:2rem 2.4rem 0;
}
/*2021-04-06 추가*/
.prod_notify_wrap_radio p{
	font-size: 1.4rem;
	font-weight: 700 !important;
	padding-bottom: 1.6rem;
}
/*2021-04-06 추가 END*/
.prod_notify_wrap_radio input[type="radio"]:checked + label {
	border: 1px solid #13c9be;
	color: #13c9be;
	font-weight: 500 !important;
}
.prod_notify_wrap .sub_tit {
	position: relative;
	padding: 2rem 0; margin-bottom: 0;
	border-top: 1px solid #eeeeee; border-bottom: 1px solid #eeeeee;
	font-size: 1.5rem; font-weight: bold;
}
.prod_notify_wrap .accordian_box .sub_tit::after {
	content: ""; position: absolute; top: 50%; right: 0;
	width: 1.6rem; height: 1rem; margin-top: -0.4rem;
	background-image: url(../images/icon_arrow.png);
	background-position: center; background-repeat: no-repeat;
	background-size: 1.5rem 0.8rem;
	transform: rotate(0);
	transition: transform 0.3s ease;
}
/*2021-04-06 수정*/
.prod_notify_wrap {
	padding-top: 3.2rem;
	/*	padding-bottom: 1.6rem;*/
	border-bottom: 1px solid #eeeeee;
}
/*2021-04-06 수정 END*/
.prod_notify_wrap h3{
	font-size: 2rem;
	padding: 0 2.4rem 0;
}
.prod_notify_wrap .accordian_box .sub_tit.on::after {
	transform: rotate(180deg);
}
.prod_notify_wrap > dl:last-child {border-bottom: none;}
/*2021-04-06 수정*/
/*.prod_notify_wrap > dl > dd {padding: 2rem 0 0;}*/
.prod_notify_wrap dt {
	/*	margin-bottom: 0.75rem;*/
	font-size: 1.4rem; font-weight: 400; color: #000000;
}
/*2021-04-06 수정 END*/
.prod_notify_wrap dt.fwb {
	line-height: 2;
	margin-bottom: 0;
	float: left;
}
.prod_notify_wrap dt.fwb .btn_round {
	float: right;
	width: 6.8rem;
	height: 3.2rem;
	padding: 0;
	font-size: 1.1rem;
	border-radius: 0.4rem;
	background: url(../images/icon_contactbook.png) 0.7rem 1rem no-repeat;
	background-size: 1.2rem;
	padding-left: 1.3rem;
	border: 1px solid #d8d8d8;
	color: #6e6e6e;
}
.prod_notify_wrap dt span {font-weight: 400; color: #424242;font-size: 1.1rem;}
/*2021-04-06 수정*/
.prod_notify_wrap dd {
	font-size: 1.2rem;
	color:#717171;
	padding-bottom: 1rem !important;
}
/*2021-04-06 수정 END*/
.prod_notify_wrap dd dd {
	float: right;
}
.prod_notify_wrap .present_number{
	padding: 3.2rem 2.4rem 3.2rem;
	border-top: 1px solid #eee;
}
.prod_notify_wrap .present_number .fwb{
	float: none;
	text-align: left;
	padding-bottom: 2rem;
}
.prod_notify_wrap .present_number small{
	font-size: 1.1rem;
	color: #424242;
	padding-left: 0.4rem;
	font-weight: 400;
	vertical-align: text-top;
}
/*2021-04-14 추가*/
.prod_notify_wrap .conBox {
	margin-top: 0;
}
/*2021-04-14 추가 END*/
/*2021-04-14 수정*/
.memo_wrap {
	padding: 0 2.4rem 1.6rem;
	border-top: 1px solid #eee;
}
/*2021-04-14 수정 END*/
.memo_wrap .thema_tit{
	padding-bottom: 0.8rem;
	padding-top: 3.2rem;
	position: relative;
	text-align: left;
}
.memo_wrap .memo_wrap_inner p{
	text-align: right;
	font-size: 1.2rem;
	color: #6e6e6e;
	padding-top: 0.8rem;
	padding-bottom: 0;
	font-weight: 300 !important;
}
.memo_wrap .tit_box p::after {
	content: "";
	position: absolute;
	top: 3.2rem;
	right: 0;
	display: block;
	width: 1.5rem;
	height: 2rem;
	background-image: url(../images/icon_arrow.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 1.5rem 0.8rem;
	transition: transform 0.2s ease;
	transform: rotate(180deg);
}
.memo_wrap .tit_box p.on::after {
	transform: rotate(0deg);
}
/*2021-04-14 수정*/
.prod_detail_wrap .coupon_tab{
	width:100%;
	padding:0;
	margin: 0 0 3.2rem;
	position: static;
}
/*2021-04-14 수정 END*/
.prod_detail_wrap .coupon_tab ul{
	width:100%;
	overflow:hidden;
	background-color: #fff;
	border-radius: 0;
	padding: 0;
	font-size: 1.4rem;
}

.prod_detail_wrap .coupon_tab ul li{
	display: inline-block;
	width: 50%;
	float: left;
	line-height: 4.4rem;
	text-align: center;
	cursor: pointer;
	border-radius: 0;
	position: relative;
	border: 1px solid #d8d8d8;
	font-size: 1.4rem;
}
.prod_detail_wrap .coupon_tab ul li:first-child{
	border-right:none;
}
.prod_detail_wrap .coupon_tab ul li:after{
	display:none;
}
/*2021-09-29 수정*/
.prod_detail_wrap .coupon_tab ul li.on{
	color:#fff;
	border: 1px solid #13c9be;
	background-color: #13c9be
}
/*2021-09-29 수정 END*/
.prod_detail_wrap .sub_tit {
	position: relative;
	padding: 2rem 0; margin-bottom: 0;
	border-top: 1px solid #eeeeee;
	font-size: 1.3rem;
	color: #6e6e6e;
	font-weight: 400;
}
.prod_detail_wrap .accordian_box .sub_tit::after {
	content: ""; position: absolute; top: 50%; right: 0;
	width: 1.6rem; height: 1rem; margin-top: -0.4rem;
	background-image: url(../images/icon_arrow.png);
	background-position: center; background-repeat: no-repeat;
	background-size: 0.8rem 0.4rem;
	transform: rotate(0);
	transition: transform 0.3s ease;
}
.prod_detail_wrap .accordian_box .sub_tit.on::after {
	transform: rotate(180deg);
}
.accordian_box_wrap {
	border-bottom: 8px solid #f0f1f5;
}
.accordian_box_wrap .accordian_box{
	padding: 0 2.4rem;
}
.accordian_box_wrap .accordian_box > dd{
	padding-bottom: 2rem;
	font-size: 1.3rem;
	font-weight: 400;
}
/*2021-04-06 추가*/
.accordian_box_wrap .accordian_box dl dt {
	font-weight: 700;
	padding-bottom: 0.5rem;
}
/*2021-04-06 추가 END*/
/*2021-04-06 수정*/
.accordian_box_wrap .accordian_box dl dd {
	padding-bottom: 1rem;
	color: #6e6e6e;
}
.prod_detail_wrap .spinner_box {
	display: flex; justify-content: space-between; align-items: center;
	padding-bottom: 0;
}
/*2021-05-14 수정*/
.prod_detail_wrap .spinner_box input[type=number] {
	width: 60px;
	padding: 0.5rem 1rem;;
	border:none; background:none;
	text-align: center; color: #222222;
	font-size: 1.4rem;
}
/*2021-05-14 수정 END*/
/*2021-04-06 수정 END*/
.prod_detail_wrap .spinner_box input[type="number"]::-webkit-outer-spin-button,
.prod_detail_wrap .spinner_box input[type="number"]::-webkit-inner-spin-button {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	margin: 0;
}
.prod_detail_wrap .spinner_box .spinner_down,
.prod_detail_wrap .spinner_box .spinner_up {
	width: 1.8rem; height: 1.8rem;
	border: none; background: none;
	text-indent: -9999px; overflow: hidden;
}
.prod_detail_wrap .spinner_box .spinner_down {
	background-image: url(../images/icon_remove.png);
	background-size: 2.2rem;
	background-repeat: no-repeat;
	background-position: center;
	width: 2.3rem;
	height: 2.3rem;
}
.prod_detail_wrap .spinner_box .spinner_up {
	background-image: url(../images/icon_add.png);
	background-size: 2.2rem;
	background-repeat: no-repeat;
	background-position: center;
	width: 2.3rem;
	height: 2.3rem;
}

.prod_detail_wrap .tel_list {
	display: inline-block; width: 100%;
}
.prod_detail_wrap .tel_list .tel_box {
	display: inline-block; width: 100%;
}
.prod_detail_wrap .tel_list .name_input{
	float: left;
	width: 6.3rem;
	margin: 0 0.8rem;
	position: relative;
}
.prod_detail_wrap .tel_list .name_input input[type="text"]{
	border:1px solid #d8d8d8;
	border-radius: 0.4rem;
	width: 100%;
	height: 4.4rem;
	padding-left: 1.2rem;
}
.prod_detail_wrap .tel_list .tel_input input[type="text"]{
	border:1px solid #d8d8d8;
	border-radius: 0.4rem;
	width: 100%;
	height: 4.4rem;
	padding-left: 1.2rem;
	color: #000;
}
.tel_list .name_input input[type="text"]:focus, .tel_list .tel_input input[type="text"]:focus{
	border:1px solid #000;
}
/*2021-07-08 수정*/
.prod_detail_wrap .tel_list .tel_input{
	float: left;
	width: calc(100% - 17rem);
	margin-right: 0;
	position: relative;
}
/*2021-07-08 수정 END*/
/*2021-07-08 추가*/
.prod_detail_wrap .tel_list .tel_input label{
	top:1.3rem;
	right: 1rem;
}
/*2021-07-08 추가 END*/
.present_number .btnAdd {
	width: 100%;
	height: 4.7rem;
	background: url(../images/icon_list_add.png) center no-repeat;
	background-size: 2.4rem;
	text-indent: -9999px;
	background-color: #f0f1f5;
	border: none;
	border-radius: 0.4rem;
	margin-top: 2rem;
}
/*2021-03-31 수정*/
/*
.tel_list .tel_box:first-child .btn_delete{
	background-image: url(../images/btn_delete_dis.png);
}
*/
/*2021-03-31 수정 END*/
/*2021-03-31 추*/
.tel_list .btn_delete[disabled]{
	background-image: url(../images/btn_delete_dis.png);
}
/*2021-03-31 추가*/
.tel_list .btn_delete{
	float: left;
	width: 2.7rem;
	height: 2.7rem;
	margin-top: 1rem;
	background: none;
	background-image: url(../images/btn_delete.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 2.6rem;
	border: none;
	text-indent: -9999px;
	overflow: hidden;
}
.prod_detail_wrap .tel_list .select-box{
	border:1px solid #d8d8d8;
	border-radius: 0.4rem;
	height: 4.4rem;
	margin-bottom: 0;
	line-height: 4.4rem;
	padding: 0 1.2rem;
	width: 5.8rem;
}
.prod_detail_wrap .tel_list .select-box .nice-select{
	border-radius: 0.4rem;
	line-height: 3.9rem;
}
.prod_detail_wrap .tel_list .select-box .nice-select .list{
	right: -0.85rem;
	width: 5.8rem;
	top: 4.3rem;
	color: #000;
}
.prod_detail_wrap .tel_list .select-box .nice-select .list li{
	text-align: center;
}
.prod_detail_wrap .tel_list .select-box .nice-select:after{
	top:60%;
}
.prod_detail_wrap .prod_payment_total {
	border-bottom: 8px solid #f0f1f5;
}
.prod_detail_wrap .prod_payment_total span{
	font-size: 1.2rem;
	font-weight: 400;
}
.prod_detail_wrap .prod_payment_total .sub_tit {
	padding: 2.4rem 0;
	border-top:none;
	font-size: 1.4rem; font-weight: bold;
	color: #000;
	vertical-align: sub;
}

.prod_detail_wrap .prod_payment_total strong{
	font-weight: 600;
}
/*2021-04-06 추가*/
.prod_detail_wrap .prod_payment_total strong:first-child{
	font-weight: 400;
}
/*2021-04-06 추가 END*/
.prod_detail_wrap .prod_payment_total strong:last-child{
	font-size: 2rem;
}
.prod_detail_wrap .prod_payment_total small{
	font-size: 1.2rem;
	font-weight: 400;
	padding-bottom: 0.3rem;
	display: inline-block;
	vertical-align: baseline;
}

.prod_payment_total .payment_total .b_money{
	font-size: 2rem;
}
.prod_payment_total .payment_total .b_money > i{
	display: inline-block; vertical-align: baseline
}

.prod_payment_total .reward_wrap .sub_tit{
	padding: 1.5rem 0 2.8rem ;
	color: #6e6e6e !important;
	font-size: 1.3rem;
}
/*2021-04-06 수정*/
.reward_wrap .reward_money {
	color: #13c9be;
	font-size: 1.6rem !important;
	background: url("../images/imgRewardPlus.svg") 0 57% no-repeat;
	background-size: 1.3rem 1.3rem;
	padding-left: 1.7rem;
}
.reward_wrap .reward_money > i{
	display: inline-block; vertical-align: baseline
}

/*2021-04-06 수정 END*/
.reward_wrap .reward_money small{
	color: #000;
	font-size: 1.2rem;
	vertical-align: middle;
}
.agr_list_wrap h3.brand_tit{
	padding:0 1.8rem; width: 100%; height: 4.4rem; line-height: 4.4rem;
	background: #fff; border-bottom: 1px solid #eff1f2;  font-size: 1.4rem;
	font-weight: 500;
}
.brand_tit {position: relative;  }
.agr_list_wrap {
	padding:3.2rem 2.4rem 2.4rem;
}
.agr_list_wrap .agr_list_inner li:first-child+li ul p{
	padding-bottom: 0.5rem;
	text-indent: -1.5rem;
	padding-left: 2.5rem;
}
.agr_list_wrap .agr_list_inner li:last-child h3{
	padding: 0 0 1.6rem 0.5rem;
}
.agr_list_wrap .agr_list_inner li:last-child .check_box{
	vertical-align: text-top;
}
.agr_list_wrap .agr_list_inner li:last-child .thema_tit:after{
	top: 0rem;
}
.agr_list_wrap .tit_box_t .check_box {
	padding-bottom: 0;
}
.agr_list_wrap h2.thema_tit{
	position: relative;
	font-size: 1.6rem;
	color: #000 !important;
}
.agr_list_wrap h2.thema_tit::after {
	content: "";
	position: absolute;
	top: 0.3rem;
	right: 0;
	display: block;
	width: 1.5rem;
	height: 2rem;
	background-image: url(../images/icon_arrow.png);
	transform: rotate(180deg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 1.5rem 0.8rem;
	transition: transform 0.2s ease;
}
.agr_list_wrap h2.thema_tit.on::after {
	transform: rotate(0deg);
}
.agr_list_wrap > div .check_box {
	padding-bottom: 2.4rem;
}
.agr_list_wrap > div .check_box input[type="checkbox"] + label{
	background-size: 2.4rem;
	color: #000;
	padding-left: 3.5rem;
}
.agr_list_wrap > div .check_box  input[type="checkbox"]:checked + label {
	background-image: url(../images/check_on_b.png);
	background-size: 2.4rem;
}

.agr_list_wrap > div label {
	font-size: 1.6rem;
}
.agr_list_wrap .agr_list_f {
	padding-top: 2.4rem;
	color: #424242;
}
.agr_list_wrap .agr_list_f input[type="checkbox"] + label{
	background-position: left top;
	padding-right: 2rem;
	word-break: keep-all;
	font-size: 1.3rem;
	color: #424242 !important;
	padding-left: 3.5rem;
}
.agr_list_wrap h3.thema_tit{
	position: relative;
	padding: 1.6rem 0;
	font-size: 1.3rem;
	font-weight: 400;
	cursor: pointer;
}
.agr_list_wrap h3.thema_tit::after{
	content:""; position: absolute; top:1.5rem; right:0;
	display: block; width: 1.5rem; height: 2rem;
	background-image: url(../images/icon_arrow.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 1.5rem 0.8rem;
	transition: transform 0.2s ease;
}
.agr_list_wrap h3.thema_tit.on::after{

	transform: rotate(180deg);
}
.agr_list_wrap ul.agr_list{
	display: none;
	width: 100%;
	background-color: #f0f1f5;
	padding: 1.2rem 1rem;
	margin-bottom: 1.5rem;
	overflow-y: auto;
}
.agr_list_wrap ul.agr_list p{
	padding: 0 2rem 1rem 2.5rem;
	word-break: keep-all;
	color: #424242;
	font-size: 1.3rem;
	text-indent: -1.5rem;
}
.agr_list_wrap .tit_box {
	display: table;
	width: 100%;

}
.agr_list_wrap .tit_box .check_box{
	display: table-cell;
	vertical-align: middle;
	width: 2.2rem;
}
.agr_list_wrap .tit_box .thema_tit{
	display: table-cell;
	color: #424242;
	padding-left: 0.5rem;
	font-weight: 400;
}
.agr_list strong {padding:0 1rem; font-size: 1.2rem; font-weight: 500;}
.agr_list table {border:1px solid #e0e3e5; margin: auto;margin-bottom: 1rem}
.agr_list table th, .agr_list table td {
	padding: 0.5rem;
	border-left: 1px solid #e0e3e5; border-bottom: 1px solid #e0e3e5;
	border-collapse: collapse;
	font-size: 1rem;  text-align: center;
	vertical-align: middle;
}
.agr_list table th {background-color:#f8f8f8;}
.agr_list table td {background-color: #fff;}

/* 구매 상세 */
.purchase_detail_wrap {background-color: #efefef;}
.purchase_detail_wrap .prod_item_box {
	margin-bottom: 0.75rem;
	background-color: #ffffff;
}
.purchase_detail_wrap .prod_box {text-align: center; color:#101010; }
.purchase_detail_wrap .prod_box .p_name {padding: 0 2.5rem; word-break: keep-all;}
.purchase_detail_wrap .prod_notify_wrap {background-color: #ffffff;}

.purchase_info_wrap {
	background-color: #ffffff;
	padding-bottom: 1.75rem; margin-bottom: 0.75rem;
}
.purchase_info_wrap h3{
	padding: 2rem 0; margin-bottom: 1.75rem;
	border-bottom: 1px solid #eeeeee;
	font-size: 1.5rem; font-weight: bold;
}
.purchase_info_wrap dl {
	display: flex; justify-content: space-between; align-items: center;
	margin-bottom: 1.75rem;
	font-size: 1.5rem;
}
.purchase_info_wrap dl.disabled dt,
.purchase_info_wrap dl.disabled dd{ color : #c3c3c3;}
.purchase_info_wrap dl:last-child{margin-bottom: 0;}
.purchase_info_wrap dl dd {min-width: 15%;  text-align: right;}
.purchase_info_wrap dl dd .btn_send { padding: 0.5rem 1.3rem; font-size: 1.1rem;}
.purchase_info_wrap dl dd.privacy {
	width: 100%; padding: 5.4rem 0;
	background-color: #f6f6f6;
	font-size:1.3rem; text-align: center;
}
/*검색*/
.search_wrap .sch_box .nice-select{
	width: 8.2rem;
	line-height: 4.6rem;
	border:1px solid #d8d8d8;
	height: 4.8rem;
}
.search_wrap .sch_box .nice-select span{
	color: #424242;
}
.search_wrap .sch_box .select-box{
	float: left;
	margin-right: 0.8rem;
}
/*2021-04-29 수정*/
.search_wrap .sch_input{
	float: left;
	width: 100%;
}
/*2021-04-29 수정 END*/
.search_wrap .inner{
	height: 4.8rem;
	margin-bottom: 2rem;
}
.search_wrap .sch_box .nice-select .list{
	width: 8.2rem;
}
.search_wrap .nice-select .list li{
	padding: 0.3rem 1.5rem;
}
/*2021-04-14 추가*/
.search_wrap .prod_wrap {
	margin-top: 0;
}
/*2021-04-14 추가 END*/
/*2021-05-12 수정*/
.sch_box {position: relative; margin-top: 1.5rem;}
.sch_box input[type=text] {
	padding-right: 10.5rem;
	font-size: 1.4rem;
	height: 4.8rem;
	border-radius: 1.2rem;
	background: rgb(245, 248, 249);
	color: #000;
	padding-left: 1.6rem;
	border: 0;
}
/*2021-05-12 수정 END*/
/*2021-09-29 수정*/

/*2021-05-12 수정*/
.sch_box input[type=text] + label {top: 0; right: 4.0rem;width: 2.6rem; height:4.8rem; background-size: 1.6rem !important; background: url(../images/icon_clear.png) center center no-repeat;}
/*2021-05-12 수정 END*/
.sch_box .btn-sch {
	position: absolute;
	top: 1.4rem;
	right: 1rem;
	width: 2.2rem;
	height: 2.2rem;
	background: none;
	background-image:url(../images/headerBtnIcoSearch.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 2rem;
	border: none;
	text-indent: -9999px;
	overflow: hidden;
}
.prod_wrap .item_box dl dd {
	margin-bottom: 0.4rem;
	font-size: 1.3rem;
	color: #717171;
}

/*브랜드 리스트*/
/*2021-04-07 수정*/
.brand_quick_wrap .quick_menu .item_list .icon_quick{
	display: table;
	margin: auto;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	width: 5.2rem;
	height: 5.2rem;
	overflow: hidden;
	position: relative;
}
.brand_quick_wrap .quick_menu .item_list .icon_quick img {
	width: 200%;
	max-width: none;
	position: absolute;
	left: -100%;
}
.brand_quick_wrap .quick_menu .item_list.on .icon_quick img {
	width: 200%;
	max-width: none;
	position: absolute;
	left: 0;
}
/*2021-04-14 추가*/
.brand_wrap {
	margin-top: 0 !important;
}
/*2021-04-14 추가 END*/
.brand_wrap h2{
	text-align: left;
	padding: 1.6rem 2.4rem 1.5rem 2.4rem;
	font-size: 2.4rem;
}
/*
.brand_quick_wrap .quick_menu .item_list .icon_quick img {
	width: 200%;
    max-width: none;
}
*/
/*

.brand_quick_wrap .quick_menu .item_list:first-child {
	height: auto;
}
.brand_quick_wrap .quick_menu .i_coffee .icon_quick{
	background: url("../images/icon_quick_b_01.jpg") 101% 0 no-repeat;
	background-size: 200% 100%;
	width: 5.2rem;
	height: 5.2rem;
}
.brand_quick_wrap .quick_menu .i_fastfood .icon_quick{
	background: url("../images/icon_quick_b_02.jpg") 101% 0 no-repeat;
	background-size: 200% 100%;
	width: 5.2rem;
	height: 5.2rem;
}
.brand_quick_wrap .quick_menu .i_bread .icon_quick{
	background: url("../images/icon_quick_b_03.jpg") 101% 0 no-repeat;
	background-size: 200% 100%;
	width: 5.2rem;
	height: 5.2rem;
}
.brand_quick_wrap .quick_menu .i_rest .icon_quick{
	background: url("../images/icon_quick_b_04.jpg") 101% 0 no-repeat;
	background-size: 200% 100%;
	width: 5.2rem;
	height: 5.2rem;
}
.brand_quick_wrap .quick_menu .i_cult .icon_quick{
	background: url("../images/icon_quick_b_05.jpg") 101% 0 no-repeat;
	background-size: 200% 100%;
	width: 5.2rem;
	height: 5.2rem;
}
*/
/*2022-02-15 수정*/
.brand_quick_wrap .quick_menu .item_list {
	min-width: calc(20% - 1.2rem);
	width: auto;
	height: auto;
	margin-right: 1.35rem;
	text-align: center;
	border-radius: 0.4rem;
	background-size: 200% !important;
}
/*2022-02-15 수정 END*/
/*
.brand_quick_wrap .quick_menu span {
	position: static !important;
	top: 0 !important;
	left: 0 !important;
	width: 7rem;
}
.brand_quick_wrap .quick_menu .i_coffee.on .icon_quick{
	background: url("../images/icon_quick_b_01.jpg") 0 0 no-repeat;
	background-size: 200% 100%;
	width: 5.2rem;
	height: 5.2rem;
}
.brand_quick_wrap .quick_menu .i_fastfood.on .icon_quick{
	background: url("../images/icon_quick_b_02.jpg") 0 0 no-repeat;
	background-size: 200% 100%;
	width: 5.2rem;
	height: 5.2rem;
}
.brand_quick_wrap .quick_menu .i_bread.on .icon_quick{
	background: url("../images/icon_quick_b_03.jpg") 0 0 no-repeat;
	background-size: 200% 100%;
	width: 5.2rem;
	height: 5.2rem;
}
.brand_quick_wrap .quick_menu .i_rest.on .icon_quick{
	background: url("../images/icon_quick_b_04.jpg") 0 0 no-repeat;
	background-size: 200% 100%;
	width: 5.2rem;
	height: 5.2rem;
}
.brand_quick_wrap .quick_menu .i_cult.on .icon_quick{
	background: url("../images/icon_quick_b_05.jpg") 0 0 no-repeat;
	background-size: 200% 100%;
	width: 5.2rem;
	height: 5.2rem;
}
*/
/*2021-04-07 수정  END*/
/*2022-02-15 수정*/
.brand_quick_wrap .auto {
	padding: 2.4rem 2.4rem 2.4rem 2.2rem;
}
/*2022-02-15 수정 END*/
.brand_quick_wrap .quick_menu .item_list.on span {
	color: #13c9be;
}
.brand_quick_wrap .quick_menu .item_list:first-child span {
	line-height: 1.5;
	left: -1rem;
}
/*2022-02-15 수정*/
/*
.brand_quick_wrap {
	position: fixed;
	top:30.28vw;
	left: 0;
}
*/
/*2022-02-15 수정 END*/
/*2021-06-02 추가*/
.brand_quick_wrap .quick_menu {
	white-space: nowrap;
	overflow-x: auto;
	text-align: center;
}
.brand_quick_wrap .quick_menu {
	-ms-overflow-style: none; /* IE and Edge */
	scrollbar-width: none; /* Firefox */
}
.brand_quick_wrap .quick_menu::-webkit-scrollbar {
	display: none; /* Chrome, Safari, Opera*/
}
/*2021-06-02 추가 END*/

/*2022-02-15 수정*/
.brand_list_wrap {
	padding: 1rem 1.6rem 2.4rem;
	margin-top: 0;
}
/*2022-02-15 수정 END*/
.brand_list_wrap h3.brand_tit{
	padding:0 1.8rem; width: 100%; height: 4.4rem; line-height: 4.4rem;
	background: #fff; border-bottom: 1px solid #eff1f2;  font-size: 1.4rem;
	font-weight: 500;
}
.brand_tit {position: relative;  }
/*2022-02-15 수정*/
.brand_list_wrap h3.brand_thema_tit{
	position: relative;
	padding:1.6rem;
	font-size: 1.4rem;
	font-weight: 400;
	cursor: pointer;
	background-color: #fff;
	border-radius: 0.4rem;
}
/*2022-02-15 수정 END*/
/*2022-02-15 추가*/
.brand_list_wrap h3.brand_thema_tit.on {
	border-top-left-radius: 0.4rem;
	border-top-right-radius: 0.4rem;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	color: #13c9be;
	font-weight: 700;
}
/*2022-02-15 추가 END*/
/*
.brand_list_wrap .i_coffee{
	background: url("../images/icon_coffee.png") 1.6rem center no-repeat;
	background-size: 2.4rem;
}
.brand_list_wrap .i_fastfood{
	background: url("../images/icon_fastfood.png") 1.6rem center no-repeat;
	background-size: 2.4rem;
}
.brand_list_wrap .i_bread{
	background: url("../images/icon_bread.png") 1.6rem center no-repeat;
	background-size: 2.4rem;
}

.brand_list_wrap .i_rest{
	background: url("../images/icon_restorant.png") 1.6rem center no-repeat;
	background-size: 2.4rem;
}
.brand_list_wrap .i_cult{
	background: url("../images/icon_culture.png") 1.6rem center no-repeat;
	background-size: 2.4rem;
}
*/
/*2021-04-06 수정 END*/
.brand_list_wrap h3.brand_thema_tit::after{
	content:""; position: absolute; top:1.6rem; right:2.4rem;
	display: block; width: 1.5rem; height: 2rem;
	background-image: url(../images/icon_arrow.png);
	background-position: center; background-repeat: no-repeat;
	background-size: 1.5rem 0.8rem;
	transition: transform 0.2s ease;
}
/*2022-02-15 수정*/
.brand_list_wrap h3.brand_thema_tit.on::after{
	transform: rotate(180deg);
}
/*2022-02-15 수정 END*/
/*2022-02-15 수정*/
.brand_list_wrap ul.brand_list{
	display: none; width: 100%;
	padding:1.6rem 0.5rem;
	border-top: 1px solid #d8d8d8;
	background-color: #fff;
	border-bottom-left-radius: 0.4rem;
	border-bottom-right-radius: 0.4rem;
}
/*2022-02-15 수정 END*/
.brand_list_wrap > ul > li {
	border:1px solid #d8d8d8;
	margin-bottom: 0.8rem;
	border-radius: 0.4rem;
}
/*2022-02-15 추가*/
.brand_list_wrap > ul > li:last-child {
	margin-bottom: 0;
}
/*2022-02-15 추가 END*/
.brand_list_wrap > ul > li:last-child ul.brand_list{border-bottom: none;}
.brand_list_wrap ul.brand_list > li {display: inline-block; width: calc(25% - 0.4rem); text-align: center;}
.brand_list_wrap ul.brand_list > li a {display: block;}
.brand_list_wrap ul.brand_list > li img {
	display: block; margin: auto;width: 5.5rem;margin-bottom: 0.5rem;
	background-color: #ffffff;
	background-blend-mode: multiply;
}
.brand_list_wrap ul.brand_list > li:nth-child(4n){padding-right:0;}
.brand_list_wrap ul.brand_list > li:nth-child(4n+1){padding-left:0;}
/*2021-05-25 수정*/
.brand_list_wrap ul.brand_list > li p{
	font-size: 1.3rem;
	margin-bottom: 1rem;
	text-align: center;
	display: -webkit-box;
	text-overflow: ellipsis;
	white-space: normal;
	word-break: break-all;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden !important;
	height: 1.9rem !important;
	float: left;
	width: 100%;
}
/*2021-05-25 수정 END*/




/*쿠폰함*/
/*2021-04-20 수정*/
.coupon_tab{
	width: 100%;
	padding: 1.6rem 2.4rem;
	/*
        position: fixed;
        top:30.28vw;
        z-index: 999;
        background-color: #fff;
    */
}
/*2021-04-20 수정 END*/
.coupon_tab ul{
	width:100%;
	overflow:hidden;
	background-color: #f0f1f5;
	border-radius: 0.8rem;
	padding: 0.3rem;
	font-size: 1.3rem;
}
/*2021-04-20 수정*/
.coupon_tab ul li{
	display:inline-block;
	width:50%;
	float:left;
	line-height: 4rem;
	text-align:center;
	cursor:pointer;
	border-radius: 0.8rem;
	position: relative;
}
/*2021-04-20 수정 END*/
/*2021-04-06 수정*/
.coupon_tab ul li.on{
	background: #13c9be;
	/* border: 1px solid #d8d8d8; */
	color: #fff;
}
/*2021-04-06 수정 END*/
.coupon_tab ul li:after{
	content: "|";
	display: block;
	position: absolute;
	top:0;
	right: -0.2rem;
	color: #d8d8d8;
}
.coupon_tab ul li.on:after{
	display: none;
}
.coupon_tab ul li:last-child:after{
	content: "";
	display: block;
	position: absolute;
	top:0;
	right: -0.2rem;
	color: #d8d8d8;
}
.barcode_wrap {
	width: 100%;
	padding-bottom: 2.4rem;
}
.barcode_wrap .barcode_img{
	background: url("../images/p_barcode.png") center center no-repeat;
	width: 100%;
	height: 5.6rem;
	background-size: 21rem 5.6rem;
}
.barcode_wrap .barcode_num{
	letter-spacing: 0.3rem;
	font-size: 1.3rem;
}
/*2021-06-02 수정*/
.coupon_detail .prod_img_box {
	height: auto;
	margin: 0 auto;
	box-sizing: content-box;
	position: relative;
	margin-bottom:1rem;
}
/*2021-06-02 수정 END*/
/*2021-04-14 추가*/
.coupon_wrap {
	margin-top: 0
}
/*2021-04-14 추가 END*/
/*2021-05-12 수정*/
.coupon_wrap .dark_wrap_period {
	width: calc(100% - 1.6rem);
	height: 100%;
	background: rgba(0,0,0,0.6) url("../images/icon_period.png") no-repeat;
	background-position: center 30%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99;
	color: #fff;
	background-size: 2rem;
	padding-top: 60%;
	font-size: 1.1rem;
}
.coupon_wrap .dark_wrap_end {
	width: calc(100% - 1.6rem);
	height: 100%;
	background: rgba(0,0,0,0.6) url(../images/icon_end.png) no-repeat;
	background-position: center 30%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99;
	color: #fff;
	background-size: 2rem;
	padding-top: 60%;
	font-size: 1.1rem;
}
.coupon_wrap .dark_wrap_unable {
	width: calc(100% - 1.6rem);
	height: 100%;
	background: rgba(0,0,0,0.6) url(../images/icon_unable.png) no-repeat;
	background-position: center 30%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99;
	color: #fff;
	background-size: 2rem;
	padding-top: 60%;
	font-size: 1.1rem;
}
/*2021-05-12 수정 END*/
.coupon_detail .prod_img_box .dark_wrap_period {
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.8) url(../images/icon_extend.png) center 17rem no-repeat;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99;
	color: #fff;
	background-size: 2.4rem;
	padding-top:20rem;
	font-size: 1.3rem;
}
.coupon_detail .prod_img_box .dark_wrap_end {
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.8) url(../images/icon_end.png) center 17rem no-repeat;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99;
	color: #fff;
	background-size: 2.4rem;
	padding-top:20rem;
	font-size: 1.3rem;
}
.coupon_detail .prod_img_box .dark_wrap_unable {
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.8) url("../images/icon_unable.png") center 17rem no-repeat;
	top: 0;
	left: 0;
	z-index: 99;
	color: #fff;
	background-size: 2.4rem;
	padding-top:20rem;
	font-size: 1.3rem;
}
/*2021-04-14 수정 END*/
.coupon_detail .prod_box{
	padding-bottom: 0 !important;
}
.coupon_detail .prod_box .b_name{
	font-size: 1.3rem;
}
.coupon_detail .prod_box .p_name{
	font-size: 1.6rem;
	margin-bottom: 1.6rem;
}
.coupon_detail .purchase_info_wrap dl{
	border-bottom:1px solid #f0f1f5;
	padding: 1.2rem 0;
	margin-bottom: 0;
	font-size: 1.3rem;
}
.coupon_detail .purchase_info_wrap dl:first-child{
	border-top:1px solid #f0f1f5;
}
.coupon_detail .purchase_info_wrap dl:last-child{
	border-bottom: none;
}
.coupon_detail .purchase_info_wrap dt{
	color: #6e6e6e;
}
.coupon_detail .purchase_info_wrap dd{
	color: #424242;
}
.coupon_detail .purchase_info_wrap{
	padding-bottom: 0;
	margin-bottom: 1.2rem
}
.coupon_detail .purchase_info_wrap{
	padding-bottom: 0;
	margin-bottom: 1.2rem;
}
/*2021-04-06 수정*/
.coupon_detail .prod_notify_wrap{
	text-align: left;
	background-color: #f0f1f5;
	padding-top: 0;
	margin-top: 3.2rem;
	padding: 2.4rem 0;
}
/*2021-04-06 수정 END*/
.coupon_detail .prod_notify_wrap > dl{
	padding: 0 2.4rem;
}
/*2021-04-06 수정*/
/*
.coupon_detail .prod_notify_wrap > dl > dd{
	padding: 2.4rem 0 ;
}
*/
/*2021-04-06 수정 END*/
.coupon_detail .prod_notify_wrap dd dd{
	float: none;
	padding-bottom: 1.6rem;
	color: #6e6e6e;
	font-size: 1.2rem;
}
.coupon_detail .prod_notify_wrap dl dd dl:last-child dd{
	padding-bottom: 0;
}
/*2021-04-06 수정*/
.coupon_detail .prod_notify_wrap dt{
	font-weight: 700;
	font-size: 1.3rem;
	padding-bottom: 0.5rem;
}
/*2021-04-06 수정 END*/
.coupon_detail .coupon_detail_btn{
	width: 100%;
	padding: 0 2.4rem;
}
/*2021-04-06 수정*/
.coupon_detail .coupon_detail_btn button{
	width: 100%;
	border: none;
	border-radius: 0.4rem;
	height: 4rem;
	background-color: #13c9be;
	font-size: 1.3rem;
	font-weight: 400;
	color: #fff;
}
/*2021-04-06 수정 END*/
.coupon_wrap .auto {
	padding: 0;
}
/*2021-04-20 수정*/
.conBox{
	width:100%;
	height:auto;
	/*    overflow:hidden;*/
	display:none;
	text-align:center;
	/*	margin-top: 7.8rem;*/
}
/*2021-04-20 수정 END*/
.conBox.on{
	display:block;
}
.prod_wrap.coupon_wrap .nice-select span {
	font-weight: 400;
}
.prod_wrap.coupon_wrap .prod_list {
	padding-bottom: 0;
}
.prod_wrap.coupon_wrap .prod_list li:first-child {
	border-top: 0;
}
.prod_wrap.coupon_wrap .prod_list .item_box {
	width: 100%; margin-right: 0;
	margin-bottom: 0;
	border-top: 0.8rem solid #f0f1f6;
	padding: 2.4rem;
}
.coupon_wrap .item_box .txt_box {
	padding: 0;
}
/*2021-05-12 수정*/
.prod_wrap.coupon_wrap .prod_list .item_box a{
	display: table;
	justify-content: space-between;
	align-items: center;
	width: 100%;
}
/*2021-05-12 수정 END*/
/*2021-05-12 수정*/
.prod_wrap.coupon_wrap .item_box .img_box {
	display: table-cell;
	width: 8.2rem;
	margin-top: 0;
	vertical-align: middle;
	position: relative;
	height: 7rem;
}
/*2021-05-12 수정 END*/
/*2021-05-13 추가*/
#con2 .item_box .img_box {
	height: 11rem;
	vertical-align: middle;
}
#con2 .item_box .txt_box {
	height: 12.1rem;
	vertical-align: middle;
}
/*2021-05-13 추가 END*/
.prod_wrap.coupon_wrap .item_box .txt_box {
	display: table-cell;
	width: calc(100% - 8.2rem);
	text-align: left;
}
/*2021-04-29 수정 END*/
.prod_wrap.coupon_wrap .item_box p{
	width: 100%;
	line-height: 3.1rem;
	border-radius: 0.4rem;
	background-color: #f0f1f5;
	text-align: left;
	font-size: 1.2rem;
	padding-left: 1.2rem;
	color: #6e6e6e;
	margin-bottom: 1.6rem;
	position: relative;
	font-weight: 400;
}
.prod_wrap.coupon_wrap .item_box p span{
	color: #000;
}
.prod_wrap.coupon_wrap .item_box p em{
	position: absolute;
	right:1.2rem;
	font-size: 1rem;
}
.prod_wrap.coupon_wrap .item_box .brand_tit {font-size: 1.3rem; font-weight: 400;}
.prod_wrap.coupon_wrap .item_box .prod_tit {
	display: -webkit-box;
	width: 100%; height: auto; margin-bottom: 0.5rem;
	font-size: 1.4rem; font-weight: 400;
	letter-spacing: -0.05em;
	text-overflow: ellipsis; white-space: normal; word-break: break-all;
	-webkit-line-clamp: 1; -webkit-box-orient: vertical;
	overflow: hidden;
}
.prod_wrap.coupon_wrap .item_box dl dd {
	color: #000;
}
#con1 > dl{
	padding:0 2.4rem 0.8rem;
}
#con1 .info_wrap {
	background-color: #f0f1f5;
	text-align: left;
	font-size: 1.2rem;
	padding: 1.6rem 2.4rem;
	color: #6e6e6e;
	word-break: keep-all;
}
#con1 .info_wrap li{
	background: url("../images/icon_list_info.png") 0 0 no-repeat;
	background-size: 1.8rem;
	padding-left: 2.6rem;
	color: #424242;
}
#con3 .info_wrap{
	background-color: #f0f1f5;
	text-align: left;
	font-size: 1.2rem;
	padding: 2.4rem;
	color: #6e6e6e;
	word-break: keep-all;
}
#con3 .info_wrap li{
	padding-bottom: 1rem;
	padding-left: 1.5rem;
	background: url(../images/icon_oval.png) 0 0.7rem no-repeat;
	background-size: 0.4rem;
}
#con3 .info_wrap li:last-child{
	padding-bottom: 0;

}
#con3 .item_box dl dd {
	color: #6e6e6e;
	margin-bottom: 0;
}
#con3 .item_box dl {
	display: table;
	font-size: 1.2rem;
	font-weight: 400;
}
#con3 .item_box dl dt{
	display: table-cell;
	color: #6e6e6e;
}
#con3 .item_box dl dd {
	display: table-cell;
	padding-left: 0.2rem;
}
/*2021-04-20 추가*/
#con2 .info_wrap{
	background-color: #f0f1f5;
	text-align: left;
	font-size: 1.2rem;
	padding: 2.4rem;
	color: #6e6e6e;
	word-break: keep-all;
}
#con2 .info_wrap li{
	padding-bottom: 1rem;
	padding-left: 1.5rem;
	background: url(../images/icon_oval.png) 0 0.7rem no-repeat;
	background-size: 0.4rem;
}
#con2 .info_wrap li:last-child{
	padding-bottom: 0;

}
#con2 .item_box dl dd {
	color: #6e6e6e;
	margin-bottom: 0;
}
#con2 .item_box dl {
	display: table;
	font-size: 1.2rem;
	font-weight: 400;
}
#con2 .item_box dl dt{
	display: table-cell;
	color: #6e6e6e;
}
#con2 .item_box dl dd {
	display: table-cell;
	padding-left: 0.2rem;
}
.coupon_wrap #con2 h4 {
	font-size: 1.3rem;
	padding: 0.8rem 2.4rem 0;
	text-align: left;
	color: #13c9be;
}
.coupon_wrap #con2 .txt_box > div em{
	width: 30%;
	display: inline-block;
	color: #6e6e6e;
}
.coupon_wrap_detail #con2 .txt_box .brand_tit{
	color: #000;
	font-size: 1.4rem;

}
.coupon_wrap_detail #con2 .txt_box .prod_tit{
	margin-bottom: 0;

}
/*2021-04-20 추가 END*/
/*2021-04-06 추가  END*/
.coupon_wrap .coupon_resend_wrap > ul{
	border:1px solid #d8d8d8;
	border-radius: 0.8rem;
}
.coupon_wrap .coupon_resend_wrap > ul > li{
	border-bottom:1px solid #d8d8d8;
	padding: 1.6rem;
	font-size: 1.2rem;
	text-align: left;
	position: relative;
	color: #6e6e6e;
	vertical-align: text-bottom;
}
.coupon_wrap .coupon_resend_wrap {
	margin-top: 2rem;
}
/*2021-08-24 수정*/
.coupon_wrap .coupon_resend_wrap > ul button{
	position: static;
	width: 100%;
	height: 3.2rem;
	border: none;
	background-color: #fff;
	border-radius: 0.4rem;
	color: #008287;
	font-size: 1.2rem;
}
/*2021-08-24 수정 END*/
/*2021-08-24 추가*/
.coupon_wrap ul.coupon_resend_btn {
	font-size: 0;
	margin-top: 1.6rem;
}
.coupon_wrap ul.coupon_resend_btn li{
	display: inline-block;
	width: calc(50% - 3px);
	margin-left: 6px;
}

.coupon_wrap ul.coupon_resend_btn li:first-child{margin-left: 0}
.coupon_wrap ul.coupon_resend_btn li.full{
	display: inline-block;
	width: 100%;
	margin-left: 0;
}

.coupon_wrap ul.coupon_resend_btn .btn_mms{
	color: #13c9be;
	background-color: #f0f1f5;
}
.coupon_wrap ul.coupon_resend_btn .btn_kakao{
	color: #000;
	background-color: #ffc000;
}
/*2021-08-24 추가 END*/
.coupon_wrap .coupon_resend_wrap > ul > li:last-child{
	border-bottom:none;
}
.coupon_resend_inner {
	display: inline-block;
}
.coupon_btn_wrap {
	margin-top: 1.6rem;
}
/*2021-10-19 수정*/
.coupon_btn_wrap button{
	width: 100%;
	height: 4rem;
	border-radius: 0.4rem;
	border: 1px solid #717276;
	background-color: #fff;
	font-size: 1.3rem;
	font-weight: 400;
	color: #000;
}
/*2021-10-19 수정 END*/
.txt_g {color: #424242 !important}
.txt_m {color: #13c9be !important}
.txt_r {color: #ec4361 !important}

/*이벤트*/
.event_banner_wrap .event_info{
	display: table;
	vertical-align: middle;
	width: 100%;
	padding: 1.6rem 2.4rem;
	font-size: 1.6rem;
}
.event_banner_wrap .event_info li{
	display: table-cell;
}
.event_banner_wrap .event_info li:last-child{
	float: right;
	color: #6e6e6e;
	font-size: 1.3rem;
	line-height: 2.2rem;
}
/*2021-04-14 추가*/
.event_list_wrap {
	margin-top: 0;
}
/*2021-04-14 추가 END*/
.event_list_wrap .prod_list .img_box {
	position: relative;
}
.end_wrap .white_wrap_end{
	width: calc(100% - 1.6rem);
	height: 100%;
	background: rgba(255,255,255,0.6);
	position: absolute;
	top:0;
	left: 0;
}
/*2021-04-29 수정*/
.end_wrap .dark_wrap_end{
	width: 7.4rem;
	height: 7.4rem;
	background: url(../images/bg_oval.png) no-repeat;
	background-position: center center;
	position: absolute;
	top: 25%;
	left:calc(50% - 4.5rem);
	z-index: 99;
	background-size: 7.4rem;
	font-size: 1.2rem;
	color: #fff;
	padding-top: 2rem;
}
/*2021-04-29 수정 END*/
.day_end_wrap .white_wrap_end{
	width: calc(100% - 1.6rem);
	height: 100%;
	background: rgba(255,255,255,0.6);
	position: absolute;
	top:0;
	left: 0;
}
/*2021-04-29 수정*/
.day_end_wrap .dark_wrap_end{
	width: 7.4rem;
	height: 7.4rem;
	background: url(../images/bg_oval.png) no-repeat;
	background-position: center center;
	position: absolute;
	top: 25%;
	left:calc(50% - 4.5rem);
	z-index: 99;
	background-size: 7.4rem;
	font-size: 1.2rem;
	color: #fff;
	padding-top: 2rem;
}
/*2021-04-29 수정 END*/
.buy_wrap .white_wrap_end{
	width: calc(100% - 1.6rem);
	height: 100%;
	background: rgba(255,255,255,0.6);
	position: absolute;
	top:0;
	left: 0;
}
/*2021-04-29 수정*/
.buy_wrap .dark_wrap_end{
	width: 7.4rem;
	height: 7.4rem;
	border-radius: 50%;
	background: rgba(0,0,0,0.7) url(../images/icon_suc.png) no-repeat;
	background-position: 50% 35%;
	position: absolute;
	top: 25%;
	left: calc(50% - 4.5rem);
	z-index: 99;
	background-size: 2.4rem 2.4rem;
	font-size: 1.2rem;
	color: #fff;
	padding-top: 4rem;
}
/*2021-04-29 수정 END*/
.event_prod_detail .btn_wrap button{
	font-size: 1.7rem !important;
	font-weight: 500;
}
.event_prod_detail .prod_payment_total .sub_tit {
	padding: 2.8rem 0 0rem;
}
.event_prod_detail .reward_wrap .sub_tit{
	padding: 1rem 0 2.8rem;
}
/*2021-04-14 추가*/
.event_prod_detail .conBox {
	margin-top: 0;
}
/*2021-04-14 추가 END*/
/* 이용약관 */
.term_wrap .coupon_tab{
	width:100%;
	padding: 1.6rem 2.4rem;
	margin: 0;
}

.term_wrap .coupon_tab ul{
	width: 100%;
	overflow: hidden;
	background-color: #fff;
	border-radius: 0;
	padding: 0;
}

.term_wrap .coupon_tab ul li{
	display:inline-block;
	width:50%;
	float:left;
	line-height: 2rem;
	text-align:center;
	cursor:pointer;
	border-radius: 0.8rem;
	position: relative;
}
.term_wrap .coupon_tab ul li.on{
	background: none;
	border: none;
	color: #13c9be;
	font-weight: bold;
}
.term_wrap .coupon_tab ul li:after{
	content: "|";
	display: block;
	position: absolute;
	top:0;
	right: -0.2rem;
	color: #d8d8d8;
}
.term_wrap .coupon_tab ul li:last-child:after{
	content: "";
	display: block;
	position: absolute;
	top:0;
	right: -0.2rem;
	color: #d8d8d8;
}
/*2021-04-14 추가*/
/*
.term_wrap .conBox {
	margin-top: 5.2rem;
}
*/
/*2021-04-14 추가 END*/
.term_list_wrap {
	width: 100%;
	background-color: #f0f1f5;
	height: 5rem;
	line-height: 5rem;
	padding: 0 2.4rem;
}
.term_list_wrap .nice-select{
	background-color: #f0f1f5 !important;
}
.term_list_wrap .nice-select:after{
	top:52%;
}
.term_list_wrap .nice-select span{
	color: #424242;
}
/*2021-04-12 수정*/
.term_contents {
	text-align: left;
	padding: 2.4rem;
	font-size: 1.3rem;
}
/*2021-04-12 수정 END*/
.term_contents p{
	padding-bottom: 1rem;
	color: #424242;
}
.term_contents p strong{
	color: #000;
}
.privacy_wrap {
	position: relative;
	width: 100%;
	min-height: calc(100vh - 4.4rem);
	padding: 2.5rem 3rem 1.6rem 3rem;
	text-align: left;
}
/*2021-04-14 수정*/
#container.privacy_container {
	border-bottom: none !important;
	margin-top: 2rem;
}
/*2021-04-14 수정 END*/
.pop_full {
	padding: 2rem 0;
	z-index: 9;
}
.privacy_header{
	padding: 0 1.9rem;
}
.terms_close {
	width: 2.4rem;
	height: 2.4rem;
	float: right;
	background: none;
	background-image: url(../images/icon_back.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 2.4rem;
	text-indent: -9999px;
	overflow: hidden;
	border:none;
}
.signup_wrap {
	position: relative;
	width: 100%;
	min-height: calc(100vh - 6.4rem);
	text-align: left;
}
.privacy_content_wrap {
	background-color: #f0f1f5;
	padding: 2.4rem 0;
}
.privacy_content_inner {
	margin: 0 2.4rem;
	padding: 0 1.2rem 0 0;
	height: calc(100vh - 29rem);
	overflow-y: auto;
	font-size: 1.4rem;
}
.privacy_container h4.tit {
	padding: 2.2rem 3.2rem;
	margin-bottom: 0;
	font-size: 2rem;
}
.privacy_container .tit_box {
	position: fixed;
	bottom:5.6rem;
	left: 0;
	display: table;
	vertical-align: middle;
	width: 100%;
	padding: 2.4rem;
}
.privacy_container .tit_box .check_box{
	display: table-cell;
	text-align: left;
	margin-right: 0.8rem;
	width: 2.4rem;
	height: 2.4rem;
}
.privacy_container .tit_box .check_box label{
	font-size: 1.6rem;
	color: #000;
	background-size: 2.5rem;
	background-image: url(../images/check_off.png);
	padding-left: 3.5rem;
}
.privacy_container .tit_box .check_box input[type="checkbox"]:checked + label{
	background-size: 2.5rem;
	background-image: url(../images/check_on_b.png);
}
.privacy_container .tit_box .thema_tit{
	display: table-cell;
	font-size: 1.6rem;
}
.floatButton {
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	background: #ffffff;
	z-index: 9999;
}
.floatButton button{
	float:left;
	height: 5.6rem;
	font-size: 1.6rem;
}
/*2021-04-14 수정*/
#container.notice_container {
	border-bottom: none !important;
	margin-top: 2.3rem;
}
/*2021-04-14 수정 END*/
.notice_container h4.tit {
	padding: 2.2rem 2.7rem;
	margin-bottom: 0.5rem;
	font-size: 2rem;
}
.notice_wrap .floatButton button{
	width: 100%;
}
.notice_content_wrap {
	background-color: #f0f1f5;
	padding: 2.4rem 0;
}
.notice_content_inner {
	margin: 0 2.4rem;
	padding: 0 1.2rem 0 0;
	height: calc(100vh - 22.6rem);
	overflow-y: auto;
	font-size: 1.4rem;
}
/*2021-04-19 수정*/
/*.system{padding-bottom: 14rem;}*/
/*2021-04-19 수정 END*/
/*2021-04-06 수정*/
.system a{
	display: block;
	margin: 4.8rem auto 0;
	color: #fff;
	font-size: 1.6rem;
	background: #13c9be;
	text-align: center;
	width: 12.5rem;
	line-height: 4.8rem;
	border-radius: 0.4rem;
}
/*2021-04-06 수정 END*/
/*2021-04-19 추가*/
.error_wrap {
	min-height: calc(100vh - 30.28vw - 16.81rem);
}
.error {
	position: absolute;
	top:50%;
	left: 50%;
	margin-left: -12.4rem;
	margin-top: -13.5rem
}
/*2021-04-19 추가 END*/
/*2021-04-19 수정*/
.error > p:first-child{
	padding: 4.4rem 0 0;
	background: url(../images/icon_error.png) no-repeat 50% 0;
	background-size: 2.8rem 2.8rem;
	text-align: center;
	letter-spacing: -1px;
	font-size: 1.6rem;
	color: #000;
}
/*2021-04-19 수정 END*/
.error > p+p{
	padding-top: 1.6rem;
	text-align: center;
	color: #6e6e6e;
	font-size: 1.3rem;
}
.logout > p:first-child{
	padding: 15rem 0 0;
	background: url(../images/icon_logout.png) no-repeat 50% 100px;
	background-size: 2.8rem 2.8rem;
	text-align: center;
	letter-spacing: -1px;
	font-size: 1.6rem;
	color: #000;
}
.logout > p+p{
	padding-top: 1.6rem;
	text-align: center;
	color: #6e6e6e;
	font-size: 1.3rem;
}
/*2021-04-19 추가*/
.inspect_wrap {
	min-height: calc(100vh - 30.28vw - 16.81rem);
}
.inspect {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -8.5rem;
	margin-left: -11.9rem;
}
/*2021-04-19 추가 END*/
/*2021-04-19 수정*/
.inspect > p:first-child{
	padding: 4.4rem 0 0;
	background: url(../images/icon_inspect.png) no-repeat 50% 0;
	background-size: 2.8rem 2.8rem;
	text-align: center;
	letter-spacing: -1px;
	font-size: 1.6rem;
	color: #000;
}
/*2021-04-19 수정 END*/
.inspect > p+p{
	padding-top: 1.6rem;
	text-align: center;
	color: #6e6e6e;
	font-size: 1.3rem;
}

/* popup */
.pop_alert {
	width: calc(100% - 8rem); max-width: 52rem;
	background-color: #ffffff;
	overflow: hidden;
}

.pop_alert .pop_content{
	padding: 3.2rem 2.4rem;
	font-size: 1.4rem;
	text-align: center;
	word-break: keep-all;
}
.pop_alert .pop_content p{
	text-align: center;
	text-indent: -1.6rem;
	padding-left: 1.6rem;
}
.pop_alert .pop_content p:first-child{
	font-weight: bold;
	padding-bottom: 0.4rem;
	text-align: center
}
/*2021-03-22 수정*/
.pop_alert .pop_content p:first-child +p{
	padding: 0 0 0 1.5rem;
}
/*2021-03-22 수정 END*/
.pop_alert .pop_footer button{
	border-radius:0 ;
	float:left;
	height: 5.4rem;
	font-size: 1.4rem;
	font-weight: 400;
}
.pop_alert .pop_c_l p+p{
	text-align: left !important;
	text-indent: -1.6rem !important;
	padding-left: 1.6rem !important;
}
/*2021-04-06 수정*/

/*2021-04-19 추가*/
.payment_success_wrap > .system {
	background: url("../images/iconIconPaymentSuccess.svg") 50% 8rem no-repeat;
	background-size: 4rem;
	text-align: center;
	padding-top: 12.8rem;
	font-size: 1.6rem;
	padding-bottom: 0;
}
.payment_success_wrap > .system p+p{
	padding-top: 0.8rem;
	text-align: center;
	color: #6e6e6e;
	font-size: 1.3rem;

}
.payment_info {
	margin-top: 4rem;
	padding: 0 2.4rem;

}
.payment_info h4{
	font-size: 1.4rem;
	border-top:1px solid #bababa;
	border-bottom: 1px solid #eaeaea;
	padding: 1.2rem 0;
}
.payment_info .prod_list{
	position: relative;
	padding: 1.6rem 0;
	border-bottom: 1px dashed #eaeaea;
}
.payment_info .prod_list .img_box{
	display: table-cell;
	width: 25%;
	margin-top: 0;
	vertical-align: middle;
	position: relative;
	padding: 0 1.6rem 0 0.8rem;
}
.payment_info .prod_list .txt_box{
	display: table-cell;
	width: 75%;
	text-align: left;
	vertical-align: middle;
}
.payment_info .brand_tit{
	font-size: 1.3rem;
	color: #6e6e6e;
}
.payment_info .prod_tit{
	font-size: 1.4rem;
}
.payment_info > div {
	padding: 1.6rem 0.8rem;
	font-size: 1.3rem;
	border-bottom: 1px solid #eaeaea;
}
.payment_info > div > dl {
	display: table;
	width: 100%;
	vertical-align: middle;
	padding-bottom: 0.4rem;

}
.payment_info > div > dl dt {
	display: table-cell;
	color: #6e6e6e;
}
.payment_info > div > dl dd {
	display: table-cell;
	float:right
}
.payment_success_wrap .btn_wrap{
	width: 100%;
	padding-top: 10.8rem;
}
/*2021-05-12 수정*/
.payment_success_wrap button {
	width: 50%;
	font-size: 1.7rem;
}
/*2021-05-12 수정 END*/
.payment_fai_lwrap {
	text-align: center;
	font-size: 1.6rem;
}
.payment_fail_wrap{
	min-height: calc(100vh - 30.28vw - 16.81rem);

}
.payment_fail_wrap p+p{
	color: #6e6e6e;
	font-size: 1.3rem;
	padding-top: 0.8rem;
}
.payment_fail_wrap .btn_wrap {
	width: 100%;
	position: absolute;
	bottom: 0;
}
/*2021-05-12 수정*/
.payment_fail_wrap button {
	width: 50%;
	font-size: 1.7rem;
}
/*2021-05-12 수정 END*/
.payment_fail_wrap > .system {
	background: url("../images/icon_pay_fail.png") 50% 0 no-repeat;
	background-size: 4rem;
	text-align: center;
	padding-top: 5.6rem;
	font-size: 1.6rem;
	padding-bottom: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -10.5rem;
	margin-left: -10.5rem;
}
/*2021-04-19 추가 END*/


/*2021-12-29 추가*/
.event_popup {
	text-align: left !important;
}
.event_popup p{
	text-indent: 0 !important;
	padding-left:  0 !important;
	text-align: left !important;
}
/*2021-12-29 추가 END*/



/*2021-05-20 추가*/
/* 로딩 */
#loading {
	position: fixed;
	top: 50%;
	left: 50%;
	display: block;
	width: 40px;
	height: 40px;
	margin-top: -20px;
	margin-left: -20px;
	text-align: center;
	opacity: 1;
	z-index: 99999;
	-webkit-animation: spin 1s linear infinite;
	animation: spin 1s linear infinite;
}
@-webkit-keyframes spin {
	0% { -webkit-transform: rotate(0deg); }
	100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}
/*2021-05-20 추가 END*/

/*2021-09-29 추가*/

/*메인*/
.main_sch {
	padding: 0 1.6rem 1.6rem;
	border-bottom: 0.8rem solid #eeeeee;
}
.main_sch .sch_box .btn-sch {
	right: 1.6rem;
}
.prod_wrap h2.tit {
	font-size: 2rem;
	text-align: center;
	padding: 0.5rem 2rem;
	margin-bottom: 2rem;
	background-color: #13c9be;
	color: #fff;
	display: inline-block;
	border-radius: 4rem;
}
.prod_wrap .auto {
	text-align: center;
}
/*2022-02-15 수정*/
.main_bt_bn button {
	border: none;
	padding: 0;
	width: 100%;
}
.main_bt_bn button img{
	width: 100%;
}
/*2022-02-15 수정 END*/
/*결제하기*/
.prod_notify_wrap_radio .coupon_tab ul li:last-child {
	background: url(../images/icon_present.png) 0 0 no-repeat;
	background-size: 1.6rem 1.6rem;
	background-position: 4.6rem 1.3rem;
	padding-left: 2rem;
}
.prod_detail_wrap .coupon_tab ul li:last-child.on  {
	background: #13c9be url(../images/icon_present_on.png) 0 0 no-repeat;
	background-size: 1.6rem 1.6rem;
	background-position: 4.6rem 1.3rem;
	padding-left: 2rem;
}
/*2021-09-29 추가 END*/


@media screen and (max-width: 360px) {
	.f_cs {
		min-width: 18% !important;
	}

	#footer .f_cs:after {
		position: absolute;
		top: 2.7rem;
		right: 0;
	}
}
/*2021-04-06 수정 END*/
@media screen and (max-width: 320px){
	html {font-size:9px;}
}

@media screen and (min-width: 675px){
	html {font-size:20px;}
}

/*2022-02-15 수정*/
@media screen and (min-width: 280px){
	html {font-size:9px;}
	.prod_notify_wrap_radio .coupon_tab ul li:last-child {
		background-position: 2.6rem 1.3rem;
	}
	#footer .auto {
		padding: 0 2rem;
	}
}
/*2022-02-15 수정 END*/