@charset "utf-8";
/* @import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css); */

/* font-family: 'Hahmlet', serif; */
/* 초기화 */
html {
	overflow-y:scroll;
	height:100%
}
body {
	margin:0;
	padding:0;
	font-size:1rem;
	height:100%;
	/* font-family: 'Pretendard', Dotum, Sans-serif; */
	font-family: 'Pretendard', Dotum, Sans-serif;
	min-width:280px;
}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {
	margin:0;
	padding:0;
	border:0
}

h1, h2, h3, h4, h5, h6 {
	font-size:1em
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display:block
}
header ul, nav ul, footer ul {
	margin:0;
	padding:0;
	list-style:none
}
legend {
	position:absolute;
	font-size:0;
	line-height:0;
	text-indent:-9999em;
	overflow:hidden
}
label, input, button, select, img {
	vertical-align:middle
}
input, button {
	margin:0;
	padding:0;
	font-size:1em;
	font-family: 'Pretendard', Dotum, Sans-serif;
}
button, input[type=submit] {
	cursor:pointer;
	font-family: 'Pretendard', Dotum, Sans-serif;
	outline:none
}
input[type=text], input[type=password], input[type=submit], input[type=image], button {
	border-radius:0;
	-webkit-appearance:none
}
textarea, select {
	font-size:1em;
	font-family: 'Pretendard', Dotum, Sans-serif;
}
textarea {
	border-radius:0;
	-webkit-appearance:none
}
p {
	margin:0;
	padding:0;
	word-break:break-all
}
hr {
	display:none
}
pre {
	overflow-x:scroll;
	font-size:1.1em
}
a:link, a:visited {
	color:#000;
	text-decoration:none
}
a:hover, a:focus {
	color:#000000;
}
ul, li, ol, dt, dd, dl {
	list-style:none;
	padding:0;
	margin:0;
}
*, :after, :before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
/* 팝업레이어 */
#hd_pop {
	z-index:1000;
	position:relative;
	margin:0 auto;
	width:100%;
	height:1px
}
#hd_pop h2 {
	position:absolute;
	font-size:0;
	text-indent:-9999em;
	line-height:0;
	overflow:hidden
}
.hd_pops {
	position:absolute;
	border:1px solid #e9e9e9;
	background:#fff
}
.hd_pops_con {
}
.hd_pops_footer {
	padding:10px 0;
	background:#000;
	color:#fff;
	text-align:right
}
.hd_pops_footer button {
	margin-right:5px;
	padding:5px 10px;
	border:0;
	background:#393939;
	color:#fff
}
/* 상단 레이아웃 */
#hd {
	margin:0;
	padding: 0;
	position:relative;
	z-index: 999999999;
}
/* .nav{height:80px;line-height:80px;border-bottom:1px solid #ddd;background:#fff;} */
.fixed {
	position:fixed;
	top:0;
	left:0;
	;
	width:100%;
	;
	z-index:99;
	transition: all 0.3s ease;
}
#hd:after {
	display:block;
	visibility:hidden;
	clear:both;
	content:""
}
#hd h1 {
	position:absolute;
	font-size:0;
	text-indent:-9999em;
	line-height:0;
	overflow:hidden
}
#gd_bg {
	height:540px;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	z-index:-1
}
#hd_tnb {
	background:#333;
	text-align:right;
	padding-right:10px;
	font-size:0.92em
}
#hd_tnb:after {
	display:block;
	visibility:hidden;
	clear:both;
	content:""
}
#hd_tnb li {
	display:inline-block;
	padding-right:10px
}
#hd_tnb li a {
	color:#fff;
}
#hd_tnb .theme_adm_btn {
	position:fixed;
	height:40px;
	top:110px;
	left:0;
	background:#333;
	color:#fff;
	z-index:9999;
	text-align:center;
	padding:0;
}
#hd_tnb .theme_adm_btn a {
	color:#fff
}
#hd_tnb .theme_adm_btn i {
	width:40px;
	font-size:1.25em;
	float:left;
}
#hd_tnb .theme_adm_btn b {
	display:none;
	float:left;
	background:#555;
	font-weight:normal;
	padding:0 10px
}
#hd_tnb .theme_adm_btn:hover b {
	display:block
}
/* #logo{;float:left;padding:0 20px;} */
#logo a {
}
#logo img {
	height:79px;
	width:auto;
	vertical-align:top
}
.fixed #logo img {
	height:59px
}
#hd_icon {
	position:absolute;
	bottom:0;
	right:0;
}
#hd_icon:after {
	display:block;
	visibility:hidden;
	clear:both;
	content:""
}
#hd_icon li {
	float:left;
}
#hd_icon li a, #hd_icon li button {
	background:none;
	border:0;
	display:inline-block;
	width:40px;
	text-align:center;
	font-size:18px;
	vertical-align: top;
	color:#333
}
.fixed #hd_icon a, .fixed #hd_icon button {
}
#hd_icon li a:hover, #hd_icon li button:hover {
	color:#000000
}
#category {
	display:none;
	position:fixed;
	top:0;
	right:0;
	width:100%;
	height:100%;
	z-index:999;
	border-left:1px solid #ddd;
}
#category .tabsTit {
	border-bottom:1px solid #ddd;
	margin:20px 20px 0
}
#category .tabsTit:after {
	display:block;
	visibility:hidden;
	clear:both;
	content:""
}
#category .tabsTit li {
	float:left;
	;
	text-align:center;
	width:50%;
	border-bottom:3px solid #fff;
	text-transform: uppercase;
	cursor:pointer
}
#category .tabsTit .tabsHover {
	border-color: #000000;
	color: #000000;
	font-weight: bold;
}
#category h2 {
	position:absolute;
	font-size:0;
	text-indent:-9999em;
	line-height:0;
	overflow:hidden
}
.cate_bg {
	width:100%;
	height:100%;
	background:#000;
	background:rgba(0, 0, 0, 0.6);
	position:absolute;
	top:0;
	left:0;
	z-index:1000
}
.ct_wr {;
	width:260px;
	height:100%;
	overflow-y:auto;
	position:absolute;
	top:0;
	right:0;
	z-index:1002;
	background:#fff
}
#category ul.cate {
	background:#fff;
	text-align:left;
	margin:0 20px 10px
}
#category ul.cate>li {
	border-bottom:1px solid #ddd;
}
#category ul.cate li {
	position:relative;
}
#category ul.cate li a {
	color:#000;
	display:block;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	padding-right:30px;
	padding-left:10px
}
#category ul.cate li .ct_op {
	display:inline-block;
	overflow:hidden;
	text-indent:-999px;
	background:url(../img/cate-bg.png) no-repeat 50% 17px;
	height:45px;
	width:30px;
	position:absolute;
	top:0;
	right:0;
	border:none
}
#category ul.cate li .ct_cl {
	background-position: 50% -30px
}
#category ul.sub_cate {
	display:none;
	background:#f3f3f3
}
#category ul.sub_cate li {
}
#category ul.sub_cate li a {
	color:#777;
	font-size:0.92em;
	margin-right:5px;
}
.ct_bl {
	display:inline-block;
	background:#999;
	width:6px;
	height:6px
}
#category ul.sub_cate2 li {
	text-indent:15px
}
#category ul.sub_cate3 li {
	text-indent:30px;
}
#category ul.sub_cate4 li {
	text-indent:45px;
}
.category_close {
	position:absolute;
	top:0px;
	right:260px;
	width:40px;
	height:40px;
	border:0;
	z-index:1005;
	background:#eee;
	font-size:20px
}
#hd_sch {
	display:none;
	position:absolute;
	width:300px;
	right:0;
	background:#fff;
	padding:20px;
	border:1px solid #ddd;
	;
	z-index:950;
	height:70px
}
#hd_sch form:after {
	display:block;
	visibility:hidden;
	clear:both;
	content:""
}
#hd_sch h3 {
	position:absolute;
	font-size:0;
	text-indent:-9999em;
	line-height:0;
	overflow:hidden
}
#hd_sch #sch_submit {
	width:30px;
	height:30px;
	line-height:30px;
	float:right;
}
#hd_sch #sch_str {
	width:220px;
	height:30px;
	line-height:30px;
	background:#f3f3f3;
	border:0;
	float:left
}
#hd_sch:before {
	content: "";
	position: absolute;
	top: -8px;
	right:90px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 6px 8px 6px;
	border-color: transparent transparent #aaa transparent;
}
#hd_sch:after {
	content: "";
	position: absolute;
	top: -7px;
	right:90px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 6px 8px 6px;
	border-color: transparent transparent #fff transparent;
	z-index:1919
}
/* 중간 레이아웃 */
#container {
	position:relative;
	width:100%;
	text-align:center;
}
/* #container_wr{margin:0 auto 0;max-width:1200px;position:relative;} */
#container_wr:after {
	display:block;
	visibility:hidden;
	clear:both;
	content:""
}
.ct_bg {
	background:#efefef;
	height:98%;
	width:100%;
	position:absolute;
	top:225px
}
/* #container_title{letter-spacing: 1.5px;text-align :center;padding:0 15px;font-family: 'Pretendard', Dotum, Sans-serif;background:url(../img/tab-bg.jpg) repeat-x 0 50%;display:inline-block;font-size:1.5em;margin:50px 0 10px} */

#container_title {
	text-transform: uppercase;
	font-size: 40px;
	margin-bottom: 55px;
	padding-top: 180px;
	text-align: center;
}
@media screen and (max-width:767px) {
 #container_title {
font-size: 1.5rem;
padding-top: 80px;
}
}
#container_title span {
	display:inline-block;
	background:#fff;
	font-weight:bold;
	padding:0 10px
}
.contents_tit {
	text-align :center;
	padding:0 15px;
	font-family: 'Pretendard', Dotum, Sans-serif;
	background:url(../img/tab-bg.jpg) repeat-x 0 50%;
	display:inline-block;
	font-size:1.25em;
	margin:30px 0 10px
}
.contents_tit span {
	display:inline-block;
	background:#fff;
	font-weight:bold;
	padding:0 10px
}
.con_tit {
}
/* 하단 레이아웃 */
#ft {
	margin:30px 0 0;
	position:relative;
	z-index:2;
	background:#222;
	padding:50px 20px;
	text-align:left
}
#ft #ft_if h2 {
	position:absolute;
	font-size:0;
	text-indent:-9999em;
	line-height:0;
	overflow:hidden
}
.ft_wr {
	margin:0 auto;
	max-width:1200px;
	padding:50px 0;
	position:relative
}
.ft_wr:after {
	display:block;
	visibility:hidden;
	clear:both;
	content:""
}
#ft_link {
	float:left;
	width:20%;
	font-size:0.92em;
	line-height:1.8em
}
#ft_link li a {
	color:#bbb
}
#ft_if {
	float:left;
	width:50%;
	font-size:0.92em;
	color:#bbb;
	line-height:2em
}
#ft_if b {
	font-weight:normal
}
#top_btn {
	background:none;
	position:fixed;
	bottom:20px;
	right:20px;
	border:0;
	z-index:90
}
#top_btn img {
	opacity:0.8;
}
#top_btn img:hover {
	opacity:1
}
#ft_sns {
	position:absolute;
	top:50px;
	right:0;
}
#ft_sns li {
	width:30px;
	text-align:center;
	margin:0 0 5px
}
#ft_sns a {
	color:#bbb;
	font-size:24px;
}
#ft_cs {
	float:right;
	width:30%;
	color:#bbb;
	padding-right:70px;
	text-align:right;
	z-index:9
}
#ft_cs h2 a {
	color:#bbb
}
#ft_cs .cs_info {
	margin:0 0 15px;
	line-height:1.5em;
}
#ft_cs strong {
	padding:15px 0 10px;
	font-weight:bold;
	font-family: 'Pretendard', Dotum, Sans-serif;
	font-size:2em;
	display:block
}
#ft_cs p span {
	line-height:1.4em;
	color:#868686;
	font-size:0.92em
}
/* @media (max-width: 970px){
    #ft_link{width:30%;margin-bottom:30px}
    #ft_if{width:70%;margin-bottom:30px}
    #ft_cs{width:70%;clear:both;text-align:left;float:left;}
    #ft_sns{position:static;float:right;width:30px;margin-top:10px}
    #ft_sns li{text-align:right}
}

@media (max-width: 640px){
    .ft_wr {padding:0}
    #ft_link,#ft_if,#ft_cs{width:100%}
    #ft_sns{width:100%;margin-top:30px;text-align:left}
    #ft_sns li{text-align:center;display:inline-block;}
}
 */
/* 목록 바로가기 */
.sanchor {
	margin:0 0 5px;
	padding:0
}
.sanchor:after {
	display:block;
	visibility:hidden;
	clear:both;
	content:""
}
.sanchor li {
	float:left;
	list-style:none;
	width:25%;
	border-top:2px solid #000;
	text-align:center;
	overflow: hidden;
	white-space: nowrap;
	letter-spacing:0.2em;
	font-size:0.93em
}
.sanchor a {
	display:block;
	padding:10px;
	border-left:1px solid #ededed;
	border-bottom:1px solid #ededed;
	background:#fcfcfc;
	text-decoration:none;
	color:#484848
}
.sanchor a:focus, .sanchor a:hover {
	background:#eee;
	text-decoration:none
}
.sanchor a.sanchor_on {
	background:#fff;
	text-decoration:none;
	border-bottom:1px solid #fff;
}
#group {
	text-align:left;
	margin:20px
}
/* ########## 쇼핑몰 컨텐츠 ########## */
/*메인 */
#idx_magazine {
	margin-bottom:20px;
	text-align:left
}
#idx_magazine h2 {
	border-bottom:1px solid #ddd;
	line-height:50px;
	text-align:center
}
#idx_shop .idx_shop {
	margin:30px 0
}
/* #idx_shop h2{display:inline-block;padding:10px;margin:30px 0;border:3px double #fff;font-size:1em;transition: all 0.3s ease;} */
#idx_shop .idx_shop_wr:hover h2 {
	padding: 10px 20px;
	border-color:#aaa
}
.idx_notice {
	margin-bottom:50px;
	border-bottom:1px solid #ddd
}
#idx-tabitem {
	text-align:center
}
#idx-tabitem h3 {
	position:absolute;
	font-size:0;
	text-indent:-9999em;
	line-height:0;
	overflow:hidden
}
.idx_best {
	text-align:center;
	padding:30px 0 0
}
.idx_best h3 {
	text-align :center;
	padding:0 15px;
	font-family: 'Pretendard', Dotum, Sans-serif;
	background:url(../img/tab-bg.jpg) repeat-x 0 50%;
	display:inline-block;
	font-size:1.167em
}
.idx_best h3 a {
	display:inline-block;
	background:#fff;
	font-weight:bold;
	padding:0 10px
}
#idx_coupon {
	margin:0 0 50px
}
#idx_coupon img {
	width:100%;
	height:auto;
	margin:10px 0
}
#cate_best {
	margin:90px 20px 20px;
	text-align:center
}
#cate_best h2 {
	display:inline-block;
	padding:10px;
	margin:30px 0;
	border:3px double #fff;
	font-size:1em;
	transition: all 0.3s ease;
}
#cate_best:hover h2 {
	padding: 10px 20px;
	border-color:#aaa
}
#cate_best .sct_noitem {
	line-height:270px;
	padding:0;
	color:#999
}
#cate_best .tab ul {
	text-align:center;
	background:#929292;
}
#cate_best .tab ul:after {
	display:block;
	visibility:hidden;
	clear:both;
	content:""
}
#cate_best .tab li {
	float:left;
	margin:0;
	padding:0;
	width:16.5%
}
#cate_best .tab .tab-1 {
	width:17.5%
}
#cate_best .tab li button {
	border:0;
	background:none;
	line-height:35px;
	color:#fff;
	background:#929292;
	font-size:11px;
	padding: 0 10px;
	width:100%;
	border-left:0;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
#cate_best .tab .tab-1 button {
}
#cate_best .tab li .tab_selected {
	font-weight:bold;
	background:#f98c96;
}
#cate_best .tab_content {
	background:#fff;
	border:1px solid #ddd;
	border-top:0;
	padding:20px;
	min-height:200px
}
#cate_best_item {
	padding:30px;
	background:#ebeeef
}
.bo_cate_link {
	line-height:1em
}
#idx_review {;
	margin:50px 20px;
}
#idx_review h2 {
	display:inline-block;
	padding:10px;
	margin:30px 0;
	border:3px double #fff;
	font-size:1em;
	transition: all 0.3s ease;
}
#idx_review:hover h2 {
	padding: 10px 20px;
	border-color:#aaa
}
#idx_review ul {
	border-left:1px solid #ddd;
	border-right:1px solid #ddd;
	border-top:1px solid #ddd;
}
#idx_review ul:after {
	display:block;
	visibility:hidden;
	clear:both;
	content:""
}
#idx_review li {
	border-bottom:1px solid #ddd;
	width:50%;
	float:left;
	transition: all 0.3s ease;
}
#idx_review li img {
	width:100%;
	height:auto
}
#idx_review li .rv_img {
	display:block;
	width:50%;
	float:right;
}
#idx_review li .rv_txt {;
	width:50%;
	float:left;
	position:relative;
	padding-top: 50%;
	text-align:center
}
#idx_review li .rv_txt .txt_wr {
	position: absolute;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
}
#idx_review li .rv_txt .txt_wr_inner {
	display:inline-block;
	vertical-align:middle;
	padding:10px;
	max-width:230px
}
#idx_review li .rv_txt .txt_wr:after {
	vertical-align: middle;
	display: inline-block;
	content: '';
	width: 0;
	height: 100%;
}
#idx_review li .rv_tit {
	display:block;
	font-size:2em;
	font-family: 'Pretendard', Dotum, Sans-serif;
	font-weight:bold;
	line-height:1.3em;
	margin-bottom:5px
}
#idx_review li .rv_prd {
	line-height:1.5em;
	color:#f98c96;
	margin-bottom:10px;
	display:block;
	font-size:0.92em
}
#idx_review li .rv_txt p {
	line-height:1.5em;
	color:#999
}
 @media (min-width: 971px) {
 #idx_review .rv_2 .rv_img, #idx_review .rv_3 .rv_img {
float:left
}
 #idx_review .rv_0 .txt_wr:before, #idx_review .rv_1 .txt_wr:before {
display: block;
top: 50%;
margin-top:-6px;
content: '';
position: absolute;
left: 100%;
width: 25px;
height: 12px;
border-left: 12px solid #fff;
border-top: 12px solid transparent;
border-bottom: 12px solid transparent;
}
 #idx_review .rv_2 .txt_wr:before, #idx_review .rv_3 .txt_wr:before {
display: block;
top: 50%;
margin-top:-6px;
content: '';
position: absolute;
left:0;
margin-left:-25px;
width: 25px;
height: 12px;
border-right: 12px solid #fff;
border-top: 12px solid transparent;
border-bottom: 12px solid transparent;
}
}
@media (max-width: 970px) {
 #idx_shop h2 {
margin:10px
}
 #idx_review li {
width:100%
}
 #idx_review .rv_1 .rv_img, #idx_review .rv_3 .rv_img {
float:left;
}
 #idx_review .rv_0 .txt_wr:before, #idx_review .rv_2 .txt_wr:before {
display: block;
top: 50%;
margin-top:-6px;
content: '';
position: absolute;
left: 100%;
width: 25px;
height: 12px;
border-left: 12px solid #fff;
border-top: 12px solid transparent;
border-bottom: 12px solid transparent;
}
 #idx_review .rv_1 .txt_wr:before, #idx_review .rv_3 .txt_wr:before {
display: block;
top: 50%;
margin-top:-6px;
content: '';
position: absolute;
left:0;
margin-left:-25px;
width: 25px;
height: 12px;
border-right: 12px solid #fff;
border-top: 12px solid transparent;
border-bottom: 12px solid transparent;
}
}
 @media (max-width: 640px) {
 #cate_best .tab li, #cate_best .tab .tab-1 {
width:33.333%
}
 #cate_best .tab li:nth-child(3n+1) {
clear:both
}
 #cate_best_item {
padding:20px
}
 #idx_review li .rv_tit {
font-size:1.25em;
}
 #idx_review li p {
display:none;
}
 #idx_review li .rv_txt .txt_wr_inner {
display:inline-block;
vertical-align:middle;
padding:10px;
max-width:140px;
font-size:1em
}
}
/*탭*/
#sidx {
	text-align:center
}
#sidx .tabsTit {
	padding:20px 0;
	text-align:center;
	display:inline-block;
	font-family: 'Pretendard', Dotum, Sans-serif;
}
#sidx .tabsTit:after {
	display:block;
	visibility:hidden;
	clear:both;
	content:""
}
#sidx .tabsTit li {
	list-style:none;
	display:inline-block;
	font-weight:bold;
	padding:0 5px;
	font-size:1.09em;
	color:#969696;
	cursor:pointer
}
#sidx .tabsTit .tab-first {
	background:url(../img/tab-bg.jpg) no-repeat left 50%;
	padding-left:30px
}
#sidx .tabsTit .tab-last {
	background:url(../img/tab-bg.jpg) no-repeat right 50%;
	padding-right:30px
}
#sidx .tabsTit .tabsHover {
	color:#000
}
 @media (max-width: 640px) {
 #sidx .tabsTit li {
font-size:1em;
padding:0 3px
}
 #sidx .tabsTit .tab-first {
background:url(../img/tab-bg.jpg) no-repeat left 50%;
padding-left:20px
}
 #sidx .tabsTit .tab-last {
background:url(../img/tab-bg.jpg) no-repeat right 50%;
padding-right:20px
}
}
/* 사용후기 모음 */
#sps_sch {
	margin: 10px 20px;
	text-align:left
}
#sps_sch a {
	display:inline-block;
	padding:0 8px;
	height:23px;
	background:#333;
	color:#fff;
	text-decoration:none;
	vertical-align:middle;
	line-height:23px
}
#sps_sch .btn_submit {
	padding:0 8px;
	height:23px;
	vertical-align:middle
}
#sps_sch .frm_input {
	padding:0 8px;
	height:23px;
	vertical-align:middle
}
#sps_sch select {
	padding:0 8px;
	height:23px;
	vertical-align:middle
}
#sps {
	margin: 10px 20px;
	zoom:1
}
#sps ol {
	margin:0;
	padding:0 10px;
	border-top:1px solid #e9e9e9;
	list-style:none;
	text-align:left
}
#sps li {
	position:relative;
	padding:10px 0;
	border-bottom:1px solid #e9e9e9
}
#sps li:after {
	display:block;
	visibility:hidden;
	clear:both;
	content:""
}
.sps_img {
	position:absolute;
	top:10px;
	left:0px
}
.sps_img span {
	position:absolute;
	font-size:0;
	text-indent:-9999em;
	line-height:0;
	overflow:hidden
}
#sps dl {
	margin:5px 0 10px;
	color: #888;
	font-size: 0.917em;
	overflow:hidden
}
#sps dt {
	position:absolute;
	font-size:0;
	text-indent:-9999em;
	line-height:0;
	overflow:hidden
}
#sps dd {
	float:left;
	margin-right:5px
}
#sps dd img {
	position:relative;
	top:-2px
}
.sps_section {
	margin-left:80px;
	display:block;
}
.sps_section p {
	padding:0;
	width:100%
}
.sps_con_full {
	padding:0;
	height:auto !important
}
.sps_con_btn {
	margin:5px 0 0;
	text-align:right
}
.sps_con_btn button {
	border:1px solid #ccc !important;
	padding: 5px 9px;
	margin: 0;
	padding: 5px 10px;
	border: 0;
	background: #fafafa;
	color: #000000;
	height: fit-content;
	min-width: 50px;
	font-size: 0.875rem;
}
/* 상품문의 모음 */
#sqa_sch {
	margin: 10px 20px;
	text-align:left
}
#sqa_sch a {
	display:inline-block;
	padding:0 8px;
	height:23px;
	background:#333;
	color:#fff;
	text-decoration:none;
	vertical-align:middle;
	line-height:23px
}
#sqa_sch .btn_submit {
	padding:0 8px;
	height:23px;
	vertical-align:middle
}
#sqa_sch .frm_input {
	padding:0 8px;
	height:23px;
	vertical-align:middle
}
#sqa_sch select {
	padding:0 8px;
	height:23px;
	vertical-align:middle
}
#sqa {
	zoom:1;
	text-align:left;
	margin: 10px 20px
}
#sqa ol {
	margin:0;
	padding:0;
	border-top:1px solid #e9e9e9;
	list-style:none;
	padding:0 10px
}
#sqa li {
	position:relative;
	padding:10px 0;
	border-bottom:1px solid #e9e9e9
}
#sqa li:after {
	display:block;
	visibility:hidden;
	clear:both;
	content:""
}
.sqa_img {
	position:absolute;
	top:10px;
	left:0px
}
.sqa_img span {
	position:absolute;
	font-size:0;
	line-height:0;
	overflow:hidden;
	width:0;
}
#sqa dl {
	margin:5px 0 10px;
	color: #888;
	font-size: 0.917em;
	overflow:hidden
}
#sqa dt {
	float:left;
	margin:0 0 5px
}
#sqa dd {
	float:left;
	margin:0 15px 5px 5px
}
#sqa dd img {
	position:relative;
	top:-2px
}
.sqa_section {
	margin-left:80px;
	display:block
}
.sqa_section .sqa_con {
	background:#fff;
	line-height:1.7em
}
.sqa_section p {
	padding:0;
	width:100%
}
.sqa_con_full {
	padding:0;
	height:auto !important
}
.sqa_con_btn {
	margin:5px 0 0;
	text-align:right;
	padding-bottom: 20px;
	border-bottom: 1px solid #dddddd;
}
.sqa_con_btn button {
	border:1px solid #ccc !important;
	margin: 0;
	padding: 5px 10px;
	border: 0;
	background: #fafafa;
	color: #000000;
	height: fit-content;
	min-width: 50px;
	font-size: 0.875rem;
}
#sqa .sit_qa_qaq, #sqa .sit_qa_qaa {
	padding:10px 5px 10px;
	position:relative
}
#iq_subject {
	width:100%;
}
/* 마이페이지 */
/* #smb_my{margin:20px} */
#smb_my_ov {
	margin:0 0 20px;
	background:#fff;
	border:2px solid #000;
	text-align:left
}
#smb_my_ov h2 {
	position:absolute;
	font-size:0;
	text-indent:-9999em;
	line-height:0;
	overflow:hidden
}
#smb_my_ov .hello_name {
	position:relative;
	line-height:45px;
	padding:0 10px;
	width:50%;
	float:left;
	font-weight:normal
}
#smb_my_ov .hello_name i {
	font-size:1.2em;
	color:#79aaf3;
}
#smb_my_ov .smb_my_act {
	position:absolute;
	top:7px;
	right:10px
}
#smb_my_ov .smb_my_act:after {
	display:block;
	visibility:hidden;
	clear:both;
	content:''
}
#smb_my_ov .smb_my_act li {
	float:left;
	font-size:0.92em;
	padding:0;
	margin:0 2px
}
#smb_my_ov .smb_my_act li a {
	line-height:30px;
	height:30px;
	vertical-align:middle;
	display:block;
	;
	padding:0 5px
}
#smb_my_ov .my_po {
	position:relative;
	float:left;
	width:16.666%;
	padding:0 10px;
	line-height:45px;
	border-left:1px solid #dfdfdf
}
#smb_my_ov .my_po a {
	position:absolute;
	top:0;
	right:10px;
	font-weight:bold;
	color:#f50057
}
#smb_my_ov .my_info {
	clear:both;
	width:100%;
	border-top:1px solid #dfdfdf;
	padding:10px
}
#smb_my_ov .my_info:after {
	display:block;
	visibility:hidden;
	clear:both;
	content:''
}
#smb_my_ov .my_info_wr {
	float:left;
	width:33.333%;
	line-height:20px;
	padding:3px 0px;
	position:relative;
}
#smb_my_ov .my_info_wr strong {
	display:inline-block;
	position:absolute;
	top:0;
	left:0;
	vertical-align: top;
	padding:3px 0px;
}
#smb_my_ov .my_info_wr span {
	display:block;
	padding-left:100px;
}
#smb_my_ov .ov_addr {
	width:66.666%
}
#smb_my_tab {
	text-align:center;
	text-align:center;
}
#smb_my_tab .tabsTit {
	border-bottom:1px solid #ddd;
	text-align:center;
	margin:30px 0 20px;
	font-size:0
}
#smb_my_tab .tabsTit li {
	width:200px;
	display:inline-block;
	line-height:30px;
	border-bottom:4px solid #fff;
	font-size:13px
}
#smb_my_tab .tabsTit .tabsHover {
	border-color:#000000;
	;
	color:#000000;
	font-weight:bold
}
#smb_my_tab h2 {
	position:absolute;
	font-size:0;
	text-indent:-9999em;
	line-height:0;
	overflow:hidden
}
#smb_my_tab .more_btn {
	border:2px solid #333;
	color:#333;
	display:inline-block;
	padding:10px;
	width:200px;
	font-weight:bold;
	margin-top:20px;
}
#smb_my_tab .more_btn:hover {
	background:#333;
	color:#fff;
	font-weight:bold
}
#smb_my_wish ul:after {
	display:block;
	visibility:hidden;
	clear:both;
	content:''
}
#smb_my_wish li {
	float:left;
	width:25%;
	padding:10px 15px;
	text-align:left
}
#smb_my_wish li:nth-child(4n+1) {
clear:both
}
#smb_my_wish li img {
	width:100%;
	height:auto
}
#smb_my_wish li .info_link {
	display:block;
	margin:10px 0 5px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	color:#646464;
	font-weight:bold
}
#smb_my_wish li .info_date {
	color:#646464;
	font-size:0.92em
}
 @media (max-width: 970px) {
 #smb_my_ov .hello_name {
width:100%;
border-bottom:1px solid #dfdfdf
}
 #smb_my_ov .my_po {
width:33.3333%
}
 #smb_my_ov .my_info_wr {
width:50%;
}
 #smb_my_ov .ov_addr {
width:100%
}
 #smb_my_ov .ov_addr strong {
width:20%
}
 #smb_my_wish li {
padding:10px;
}
 #smb_my_tab .tabsTit li {
width:50%;
}
}
 @media (max-width: 640px) {
 #smb_my_ov .my_info_wr {
width:100%
}
 #smb_my_ov .my_po {
width:100%;
line-height:30px;
}
 #smb_my_wish li {
width:50%;
}
 #smb_my_wish li:nth-child(2n+1) {
clear:both
}
}
/* 장바구니 주문서 공통 */
#sod_chk {
	padding:0 0 5px;
}
.sod_list {
	position:relative;
	margin:0;
	padding:0;
	list-style:none
}
.sod_list .sod_li {
	position:relative;
	padding:0;
	border:1px solid #e9e9e9;
	margin:10px 0;
}
.sod_list .sod_li:after {
	display:block;
	visibility:hidden;
	clear:both;
	content:""
}
.sod_list .li_chk {
	position:absolute;
	top:10px;
	left:10px;
}
.sod_list .li_name {
	min-height:130px
}
.sod_list .li_name a, .sod_list .li_name strong {
	display:block;
	padding: 0 10px 0 25px;
	border-bottom:1px solid #e9e9e9;
	height:35px;
	line-height:35px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.sod_list .li_name strong {
	padding-left:20px
}
.sod_list .total_img {
	position:absolute;
	top:45px;
	left:10px;
}
.sod_list .sod_opt {
	padding:10px 10px 5px;
	margin-left:90px;
	font-size:0.92em
}
.sod_list .sod_opt li {
	margin-bottom:3px
}
.sod_list .li_cp .cp_btn, .sod_list .li_cp .cp_cancel, .sod_list .li_mod .mod_btn {
	margin:0;
	padding:5px 10px;
	border:0;
	background:#444;
	color:#fff;
	font-size:0.92em
}
.sod_list .li_cp .cp_cancel, .odf_tbl #od_coupon_cancel, .odf_tbl #sc_coupon_cancel {
	border:1px solid #999;
	color:#777;
	background:#fafafa;
	margin-left:3px;
	padding:4px 5px;
}
#sc_coupon_cancel {    min-height: 28px;
    padding: 2px 4px;
    box-sizing: border-box;
    margin-left: 2px;}
#od_coupon_cancel {min-height: 28px; padding: 2px 4px; box-sizing: border-box; margin-left: 2px; font-size: 15px !important;}

.sod_list .li_prqty {
	margin:10px;
}
.sod_list .li_prqty:after {
	display:block;
	visibility:hidden;
	clear:both;
	content:""
}
.sod_list .li_prqty .li_prqty_sp {
	width:33.33%;
	display:inline-block;
	float:left;
	text-align:center;
	line-height:2.2em;
	border-top:1px solid #d3d3d3;
	border-bottom:1px solid #d3d3d3;
	border-left:1px solid #e9e9e9;
	font-size:0.92em;
	margin-left:-1px
}
.sod_list .li_prqty .prqty_sc {
	border-right:1px solid #d3d3d3;
}
.sod_list .li_prqty .li_prqty_sp span {
	display:block;
	background:#f2f2f2;
}
.sod_list .li_total {
	position:relative;
	border-top:1px solid #e9e9e9;
	margin:10px 10px 0;
}
.sod_list .total_span {
	display:block;
	position:relative;
	padding:5px 0;
	text-align:right;
	color:#343434
}
.sod_list .total_span span {
	position:absolute;
	top:5px;
	left:0
}
.sod_list .total_span strong {
	font-size:1.2em
}
#sit_opt_added {
	margin:0;
	padding:0;
	font-size:0.92em;
	color: #626262;
	border-bottom:0;
	background:#fff;
	list-style:none;
}
#sit_opt_added li {;
	border-bottom:1px solid #e9e9e9;
	margin-bottom:5px;
	padding:10px 0;
	line-height:15px;/* padding-right:110px; */
	position:relative;
}
.opt_count {
	position: relative;
}
#sit_opt_added li:after {
	display:block;
	visibility:hidden;
	clear:both;
	content:""
}
#sit_opt_added li div {
	margin:5px 0 0;/* height:25px;text-align:right;position:absolute;top:0;right:0;width:110px;float:right */
}
.num_input {
	margin-left: 30px;
	text-align: center;
    width: 32px;
    border: 1px solid #ddd;
    height: 23px;
    padding: 0 !important;
    line-height: 25px;
    text-align: center;
    background: #fff;
}
.sit_opt_prc {
	margin-left: 28px;
}
#sit_opt_added .btn_frmline {
	background:url(../img/add.png) no-repeat -73px 50%;
	position:absolute;
	top:0;
	right:0;
	text-indent:-999px;
	width:25px;
	height:25px;
	padding:0;
	overflow:hidden
}
#sit_opt_added li div .sit_qty_plus {
	overflow:hidden;
	position:absolute;
	top:0;
	left:66px;
	background:url(../img/add.png) no-repeat -35px 50%;
	text-indent:-999px;
	border:0;
	width:25px;
	height:25px;
	overflow:hidden
}
#sit_opt_added li div .sit_qty_minus {
	overflow:hidden;
	position:absolute;
	top:0;
	left:0;
	background:url(../img/add.png) no-repeat 8px 50%;
	text-indent:-999px;
	border:0;
	width:25px;
	height:25px;
	overflow:hidden
}
#sit_opt_added li div .sit_opt_del {
	background:url(../img/add.png) no-repeat -75px 50%;/* position:absolute;top:0;right:0 ; */
	text-indent:-999px;
	width:25px;
	height:25px;
	padding:0;
	overflow:hidden;
	margin-left: 10px;
}
#sit_opt_added li div .frm_input {
	width:32px;
	border:1px solid #ccc;
	height:25px;
	padding:0 !important;
	line-height:25px;
	text-align:center;
	background:#fff;
	position:absolute;
	top:0;
	left:24px;
}
#sit_tot_price {
	margin:15px 0;
	font-size:1.3em;
	font-weight:bold;
	text-align:right;
	position:relative
}
#sit_tot_price span {
	position:absolute;
	top:0;
	left:0px;
	font-size:11px;
	color:#666
}
select.it_option, select.it_supply {
	width: 100%;
	padding: 5px;
	border: 0;
width:100%:height: 28px;
	-webkit-appearance: none;
	border:1px solid #aaa;
	background: url(../mobile/shop/img/select.gif) no-repeat right #fff;
}
/*수량*/
#sit_opt_added li .sit_opt_qty {
	position:absolute;
	top:0;
	right:0;/*width:81px;*/
	float:right;
	text-align:center !important;
}
#sit_opt_added li .sit_opt_qty .frm_input {
	width:32px;
	border:1px solid #ddd;
	height:23px;
	padding:0 !important;
	line-height:25px;
	text-align:center;
	background:#fff;
}
#sit_opt_added li .sit_opt_qty .sit_qty_plus {
	position:absolute;
	top:0;
	right:0;
	background:url(../img/add.png) no-repeat -35px 50%;
	text-indent:-999px;
	border:0;
	width:25px;
	height:25px;
	overflow:hidden
}
#sit_opt_added li .sit_opt_qty .sit_qty_minus {
	position:absolute;
	top:0;
	left:0;
	background:url(../img/add.png) no-repeat 8px 50%;
	text-indent:-999px;
	border:0;
	width:25px;
	height:25px;
	overflow:hidden
}
/* 장바구니 */
#sod_bsk {
	text-align:left;
	padding:10px 20px
}
#sod_bsk_list {
	position:relative
}
#sod_bsk_list #mod_option_frm {
	z-index:40;
	position:absolute;
	;
	left:20px;
	width:calc(100% - 20px);
	max-width:500px;
	background-color:  #000000;
	margin-right: 20px;
	margin-top: -30px;
}
#sod_bsk_list #mod_option_frm h2 {
	padding-bottom: 10px;
	color: #ffffff;
	padding:10px 20px;
}
#sod_bsk_list #mod_option_frm form {
	border:1px solid #000;
	background:#fff;
	padding:20px;
	max-height:500px;
	overflow-y:scroll
}
html.no-overflowscrolling #mod_option_frm {
	height:auto;
	max-height:10000px !important
} /* overflow 미지원 기기 대응 */
#sod_bsk_list #mod_option_frm .sit_ov_tbl {
	background:#ededed;
	margin-top:5px
}
#sod_bsk_list #mod_option_frm .sit_ov_tbl th, #sod_bsk_list #mod_option_frm .sit_ov_tbl td {
	border:none;
	padding-left:5px;
	font-weight:normal;
	text-align:left
}
#sod_bsk_list #mod_option_frm .sit_ov_tbl th {
	width:90px
}
#sod_bsk_list #mod_option_frm#sit_tot_price {
	font-size:1.2em
}
#sod_bsk_list #mod_option_frm #sit_tot_price span {
	left:0;
	font-size: 14px;
}
#sod_bsk_list #mod_option_frm .btn_confirm {
	overflow:hidden;
	text-align:right;
}
#sod_bsk_list #mod_option_frm .btn_submit {
	width:100px;
	;
	background:#333;
	padding:8px 0;
	font-weight:bold
}
#sod_bsk_list #mod_option_frm .btn_cancel {
	width:100px;
	background:#fff;
	border:1px solid #ccc;
	color:#555;
	font-weight:bold
}
#sod_bsk_tot {
	margin:0 0 8px;
	;
	border:1px solid #e9e9e9;
	background:#f2f2f2
}
#sod_bsk_tot:after {
	display:block;
	visibility:hidden;
	clear:both;
	content:""
}
#sod_bsk_tot dt, #sod_bsk_tot dd {
	float:left;
	padding:10px 0;
	border-bottom:1px solid #e9e9e9
}
#sod_bsk_tot dt {
	padding-left:2%;
	width:50%;
	font-weight:bold
}
#sod_bsk_tot dd {
	margin:0;
	padding-right:2%;
	width:50%;
	text-align:right
}
.sod_bsk_cnt {
	background:#000000;
	color:#fff
}
.sod_bsk_point {
	border-bottom:0 !important
}
#sod_bsk_act {
	margin:0 0 20px;
	padding-top:40px;
	text-align:center;
	position:relative;
}
#sod_bsk_act:after {
	display:block;
	visibility:hidden;
	clear:both;
	content:""
}
#sod_bsk_act a.btn01 {
	width:49%;
	border:1px solid #555;
	background:none;
	color:#111;
	height:42px;
	line-height:42px;
	padding:0;
	font-weight:bold;
	max-width:200px;
}
#sod_bsk_act .btn_submit {
	color:#fff;
	transition: all 0.3s ease;
}
#sod_bsk_act .btn_submit:hover {
	background:#000000
}
#sod_bsk_act div {
	position:absolute;
	top:0;
	right:0;
}
#sod_bsk_act div .btn01 {
	background:#fff;
	color:#999;
	padding:5px;
	font-size:0.93em
}
#sod_list .td_numbig {
	text-align:right
}
#sod_list .sod_img {
	width:70px
}
#sod_list .cp_btn {
	line-height:24px;
	height:24px;
	font-size:0.92em
}
#sod_list .cp_cancel {
	line-height:24px;
	height:24px;
	font-size:0.92em;
	background:#aaa;
	margin-top:2px
}
/* .sit_opt_prc {padding-right: 30px;} */
#sod_bsk_tot.sod_bsk_to {
	background-color: #ffffff;
	border: none;
}
#sod_bsk_tot .sod_bsk_tot_area {
	display: flex;
	text-align: center;
	/* line-height: 2.2em; */
	border: 0;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}
#sod_bsk_tot .sod_bsk_tot_area li {
	padding: 0;
	width: 25%;
	border-bottom: 0;
}
#sod_bsk_tot .sod_bsk_tot_area li:not(:last-child) {
border-right: 1px solid #ddd;
}
#sod_bsk_tot .sod_bsk_tot_area li span {
	display: block;
	border-bottom: 1px solid #dddddd;
	background: #f2f2f2;
    padding: 20px;
}

#sod_bsk_tot .sod_bsk_tot_area li span i {font-style: normal;}
.sod_total {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 15px 0;
	font-size: 16px;
}
.sod_total #ct_tot_price {
	font-size: 1.2em;
}
.sod_fin_list #sod_list_inq .li_name strong {
	padding-left: 0 !important;
}

#sod_bsk_tot .sod_bsk_tot_area_02 li {width: 33.333%; position: relative;}

.sod_bsk_tot_area_02 li:nth-child(1)::after {content: "-"; position: absolute; right: 0; width: 28px; height: 28px; font-size: 28px;bottom: 2px; right: -15px; font-weight: 500; background-color: #ffffff; border-radius: 50%; border: 1px solid #000000; line-height: 0.8;}
.sod_bsk_tot_area_02 li:nth-child(2)::after {content: "+"; position: absolute; right: 0; width: 28px; height: 28px; font-size: 28px;bottom: 2px; right: -15px; font-weight: 500; background-color: #ffffff; border-radius: 50%; border: 1px solid #000000; line-height: 0.8; color: #e00000;}
.sod_bsk_tot_area_02 li:nth-child(3)::after {content: "="; position: absolute; right: 0; width: 28px; height: 28px; font-size: 28px;bottom: 2px; right: -15px; font-weight: 500; background-color: #ffffff; border-radius: 50%; border: 1px solid #000000; line-height: 0.8;}



@media screen and (min-width:767px) {

    #sod_bsk_tot .sod_bsk_tot_area li  {font-size: 20px; padding-bottom: 20px;}
    #sod_bsk_tot .sod_bsk_tot_area li span {padding: 10px 15px; margin-bottom: 20px; min-height: 70px;display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;}
    .sod_bsk_tot_area_02 li:nth-child(1)::after {bottom: 18px;}
    .sod_bsk_tot_area_02 li:nth-child(2)::after {bottom: 18px;}
    .sod_bsk_tot_area_02 li:nth-child(3)::after {bottom: 18px;}
}



 @media screen and (max-width:767px) {
    #sod_bsk_tot .sod_bsk_tot_area {
    flex-wrap: wrap;
    }
    #sod_bsk_tot .sod_bsk_tot_area li:nth-child(2) {
    border-right: 0;
    }
    #sod_bsk_tot .sod_bsk_tot_area li {
    width: 100%;
    /* padding: 20px; */
    }
    #sod_bsk_tot .sod_bsk_tot_area li>div {padding: 20px;}
    .sod_frm_point {
    flex-direction: column;
    }
    #sod_bsk_tot .sod_bsk_tot_area li:not(:last-child) {margin-bottom: 50px; border-bottom: 1px solid #ddd;}

    .sod_bsk_tot_area_02 li:nth-child(1)::after {    right: auto;
        left: 50%;
        transform: translateX(-50%);
        bottom: -40px;}
    .sod_bsk_tot_area_02 li:nth-child(2)::after {    right: auto;
        left: 50%;
        transform: translateX(-50%);
        bottom: -40px;}

    .sod_bsk_tot_area_02 li:nth-child(3)::after {    right: auto;
        left: 50%;
        transform: translateX(-50%);
        bottom: -40px;}


}
/* 위시리스트 */
#sod_ws {
	text-align:left;
	padding:10px 20px;
}
#sod_ws li {
	position:relative;
	padding:10px 0 10px 90px;
	min-height:70px;
	border:1px solid #e9e9e9;
	margin-bottom:5px;
	height:50px
}
#sod_ws .wish_img {
	position:absolute;
	top:10px;
	left:30px
}
#sod_ws .info_link {
	display:block;
	padding:5px 0;
	font-size:1.2em;
	font-weight:bold
}
#sod_ws .info_date {
	position:absolute;
	bottom:10px;
	right:10px;
	color:#737373;
	font-size:0.92em;
}
#sod_ws .wish_chk {
	position:absolute;
	top:10px;
	left:10px;
	color:#737373
}
#sod_ws .sold_out {
	position:absolute;
	top:20px;
	left:80px;
	display:inline-block;
	width:100px;
	color:#ff3e5e
}
#sod_ws .wish_del a {
	position:absolute;
	top:10px;
	right:10px;
	text-indent:-999px;
	overflow:hidden;
	width:25px;
	height:25px;
	background:url(../mobile/shop/img/del_btn.gif) no-repeat top right;
}
#sod_ws_act {
	text-align:center;
	margin:10px 0
}
#sod_ws_act:after {
	display:block;
	visibility:hidden;
	clear:both;
	content:""
}

#sod_ws_act {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 2rem;
}


/* 쿠폰 */
#scp_list .win_desc {
	padding:10px;
	padding-top:0
}
#scp_list ul {
	margin:0;
	padding:0;
	list-style:none
}
#scp_list li {
	position:relative;
	border:1px solid #e9e9e9;
	margin-bottom:5px;
	border-radius:8px
}
#scp_list .li_title {
	display:block;
	padding:8px 10px;
	font-size:1.2em;
	font-weight:bold;
	background:#f2f2f2
}
#scp_list .li_pd {
	margin:0 0 5px;
	zoom:1
}
#scp_list .li_pd:after {
	display:block;
	visibility:hidden;
	clear:both;
	content:""
}
#scp_list .pd_price {
	padding:10px;
	display:inline-block
}
#scp_list .pd_date {
	float:right;
	padding:10px;
	color:#a4a4a4
}
#scp_list .li_target {
	padding:0 10px 10px;
	color:#000000;
	display:inline-block
}
/* 주문서 작성 */
#sod_frm {
	text-align:left;
	padding:10px 20px;
}
#sod_frm section {
	margin-bottom:30px
}
#sod_frm p#sod_frm_pt_alert {
	margin:20px 0;
	text-align:center
}
#sod_bsk_list #mod_option_frm .sit_ov_tbl {
	background:#ededed;
	margin-top:5px
}
#mod_option_frm #sit_opt_added {
	border-top:1px solid #d9d9d9
}
#sod_bsk_list #mod_option_frm .sit_ov_tbl th, #sod_bsk_list #mod_option_frm .sit_ov_tbl td {
	border:none;
	padding-left:5px;
	font-weight:normal
}
#sod_bsk_list #mod_option_frm .sit_ov_tbl th {
	width:90px
}
html.no-overflowscrolling #cp_frm {
	height:auto;
	max-height:10000px !important
} /* overflow 미지원 기기 대응 */
#sod_frm_deli {
	position:relative;
	line-height:2em
}
#sod_frm_deli #order_address {
	display:block;
	;
	width:100px;
	background:#333;
	color:#fff;
	text-align:center
}
#sod_frm_orderer {
	margin:30px 0 30px
}
#sod_frm_orderer #od_addr_jibeon, #sod_frm_taker #od_b_addr_jibeon {
	display:inline-block;
	margin:5px 0 0
}
#sod_frm h2 {
	margin-bottom:10px; font-size: 20px;
}
#mod_option_frm h3 {
	margin-bottom: 1rem;
}
#sod_frm .odf_tbl table {
	width:100%;
	margin:0;
	padding:0;
	border-left:1px solid #e9e9e9;
	border-right:1px solid #e9e9e9;
	border-collapse:collapse;
	border-top:2px solid #444
}
#sod_frm .odf_tbl table tbody td, #sod_frm .odf_tbl table tbody th {;
	border-bottom:1px solid #e9e9e9;
	;
	padding:5px 10px;
	text-align:left;
	line-height:26px;
	position:relative;
}
#sod_frm .odf_tbl table th {
	width:100px;
	color:#343434;
	font-weight:normal;
	letter-spacing:-0.1em
}
#sod_frm .odf_tbl table .frm_address {
	margin-top:5px
}
#sod_frm .odf_tbl button.btn_frmline {
	font-size:0.92em;
	padding:0 8px;
	height:26px;
	line-height:26px
}
#sod_frm .odf_tbl textarea {
	width:99%;
	border:1px solid #e4eaec;
}
#sod_frm_same {
	margin:0 0 10px
}
#sod_frm_pay {
	position:relative
}
#sod_frm_pay .tbl_head01 caption {
	font-size:0;
	line-height:0;
	overflow:hidden
}
#sod_frm_pay .tbl_head01 th {
	width:auto !important;
	font-weight:bold;
	text-align:center !important
}
#sod_frm_pay .tbl_head01 td {
	border-top:1px solid #e9e9e9 !important;
	border-bottom:1px solid #e9e9e9 !important;
	line-height:1.5em !important;
	word-break:break-all !important
}
html.no-overflowscrolling #sc_coupon_frm, html.no-overflowscrolling #od_coupon_frm {
	height:auto;
	max-height:10000px !important
} /* overflow 미지원 기기 대응 */

#od_coupon_close{padding: 2px 5px;}
.od_coupon h3 {padding: 20px; padding-bottom: 0;}
#sod_frm_pay_info {
	margin:0 0 10px
}
#sod_frm_paysel {
	margin:10px 0;
	padding:10px;
	background:#f2f2f2;
	border:1px solid #e0e0e0;
    font-size: 18px;
}
#sod_frm_paysel ul {
	margin:0;
	padding:0;
}
#sod_frm_paysel ul:after {
	display:block;
	visibility:hidden;
	clear:both;
	content:""
}
#sod_frm_paysel li {
	float:left;
	padding:5px 2%;
	width:46%;
	height:21px
}
#sod_frm_paysel .KPAY {
	background:url('../../../img/kpay_logo.png') no-repeat;
	width:37px;
	height:15px;
	overflow:hidden;
	text-indent:-999px;
	display:inline-block;
}
#sod_frm_paysel .PAYNOW {
	background:url('../../../img/paynow_logo.png') no-repeat;
	width:46px;
	height:15px;
	overflow:hidden;
	text-indent:-999px;
	display:inline-block;
}
#sod_frm_paysel .PAYCO {
	background:url('../../../img/payco_logo.png') no-repeat 1px;
	width:46px;
	height:15px;
	overflow:hidden;
	text-indent:-999px;
	display:inline-block;
}
.kakaopay_icon {
	background:url('../../../img/kakao.png') no-repeat;
	height:21px;
	width:74px;
	display:inline-block;
	overflow:hidden;
	text-indent:-999px
}
#sod_frm_paysel #settle_bank {
	padding:10px;
	background:#fff;
	line-height:2em;
	border:1px solid #dbdbdb;
	margin-top:10px;
}
#od_temp_point {
	background:#fff;
	border: 1px solid #dddddd;
	padding: 5px 10px;
	margin-top: 5px;
	margin-bottom: 5px;
}
#sod_frm_paysel #settle_bank select {
	margin-bottom:10px
}
#sod_frm_paysel #settle_bank label {
	display:inline-block;
	margin:0 10px 0 0;
	font-weight:bold
}
#sod_frm_paysel #settle_bank .frm_input {
	background:#fff;
	text-align:center
}
#sod_frm_escrow {
	margin:30px 0 0
}
#od_addr1, #od_addr2, #od_addr3, #od_email, #od_b_addr1, #od_b_addr2, #od_b_addr3 {
	width:100%
}
#sod_frm #od_memo {
	height:70px
}
#sod_frm_pt {
	margin:10px 0 5px
}
#sod_frm_pt_alert, #sod_frm_pt_info {
	margin:0 0 10px
}
#sod_frm #show_progress {
	text-align:center
}
#sod_frm #show_progress span {
	display:block;
	margin:5px 0 0
}
#sod_frm #cp_frm, #od_coupon_frm, #sc_coupon_frm {
	z-index:10000;
	position:absolute;
	right:0;
	width:100%;
	max-width:500px;
	border:1px solid #444;
	background:#fff;
}
#od_coupon_frm, #sc_coupon_frm {
	top:33px;
	left:10px;
	width:95%
}
#sod_frm .odf_tbl button.sc_cp_apply, #sod_frm .odf_tbl button.od_cp_apply {
	font-size:1em
}
#sod_frm #cp_frm .tbl_head02, #od_coupon_frm .tbl_head02, #sc_coupon_frm .tbl_head02 {
	padding:20px;
	margin:0;
}
#sod_frm #cp_frm .tbl_head02 caption, #od_coupon_frm .tbl_head02 caption, #sc_coupon_frm .tbl_head02 caption {
	color:#333;
	width:100%;
	;
	padding:0 0;
	height:30px;
	line-height:28px;
}
#sod_frm #cp_frm .tbl_head02 table, #od_coupon_frm .tbl_head02 table, #sc_coupon_frm .tbl_head02 table {
	margin-top:0px;
	border:1px solid #d3d3d3;
}
#sod_frm #cp_frm .tbl_head02 th, #od_coupon_frm .tbl_head02 thead th, #sc_coupon_frm .tbl_head02 thead th {
	border-bottom:1px solid #e5e5e5;
	background:#ededed;
	text-align:center !important;
	padding:5px 0;
	line-height:1.5em !important;
	border-left:0;
	border-right:0
}
#sod_frm #cp_frm .tbl_head02 th+th+th, #od_coupon_frm .tbl_head02 th+th+th, #sc_coupon_frm .tbl_head02 th+th+th {
	width:60px
}
#sod_frm #cp_frm .tbl_head02 td, #od_coupon_frm .tbl_head02 td, #sc_coupon_frm .tbl_head02 td {
	border:none;
	line-height:1.5em !important
}
#od_coupon_frm .tbl_head02 td.td_numbig, #od_coupon_frm .tbl_head02 td.td_mngsmall, #sc_coupon_frm .tbl_head02 td.td_mngsmall {
	text-align:center
}
#sod_frm #cp_frm .tbl_head02 td .btn_frmline, #od_coupon_frm .tbl_head02 td, #sc_coupon_frm .tbl_head02 td {
	font-size:0.92em
}
#sod_frm #cp_frm .tbl_head02 td.td_numbig, #od_coupon_frmtd .tbl_head02 .td_numbig, #sc_coupon_frm .tbl_head02 td.td_numbig {
	width:90px;
	text-align:center
}
#sod_frm #cp_frm .btn_confirm .btn_submit, #od_coupon_frm .btn_confirm .btn_submit, #sc_coupon_frm .btn_confirm .btn_submit {
	background: url(../img/add.png) no-repeat -73px 50%;
	position: absolute;
	top: 0;
	right: 0;
	text-indent: -999px;
	width: 25px;
	height: 25px;
	padding: 0;
	overflow: hidden;
}
#sod_frm #display_pay_button .btn_submit {
	transition: all 0.3s ease;
}
#sod_frm #display_pay_button .btn_submit:hover {
	background:#000000
}
#sod_frm #display_pay_button .btn_cancel, #display_pay_button .btn01 {
	border:1px solid #000;
	padding:15px 20px;
	font-weight:600;
	width:140px;
    display: inline-block;
}
/* 배송지 목록 */
#sod_addr {
	padding-top: 20px;
	padding-bottom: 10px;
	padding-left: 4%;
	padding-right: 4%;
}
#sod_addr ul {
	margin:0;
	padding:0;
	list-style:none
}
#sod_addr li {
	position:relative;
	padding:10px 0 20px 20px;
	min-height:35px;
	border-bottom:1px solid #cccccc;
}
#sod_addr .addr_chk {
	position:absolute;
	top:9px;
	left:0
}
#sod_addr .addr_default {
	position:absolute;
	top:9px;
	right:0
}
#sod_addr .addr_addr {
	margin:10px 0;
}
#sod_addr .addr_name {/* float:left; */
	font-weight: 600;
	margin-top: 20px;
	margin-bottom: 10px;
}
#sod_addr .addr_tel {
	float:right;
	margin:0 0 10px
}
#sod_addr .addr_btn {
	clear:both;
	text-align:right;
	display: flex;
	justify-content: end;
	align-items: center;
}
#sod_addr .addr_btn:after {
	display:block;
	visibility:hidden;
	clear:both;
	content:""
}
#sod_addr #btn_sel {
	width:25%;
	border:0;
	line-height:2.5em;
	background:#626870;
	color:#fff
}
#sod_addr #btn_del {
	display:inline-block;
	width:15%;
	line-height:2.5em;
	background:#f2f5f9;
	color:#ff3061;
	text-align:center
}
#sod_addr input {
	border: 1px solid #dddddd;
	height: auto;
	padding: 10px 15px;
	max-width: 350px;
}
#sod_addr button {
	padding: 10px;
	line-height: normal;
	height: auto;
}
#sod_addr .sel_address {
	background-color: #000000;
	border: 1px solid #000000;
	color: #ffffff;
	line-height: normal;
	margin-right: 5px;
}
#sod_addr #btn_del {
	background-color: transparent;
	color: #000000;
	border: 1px solid #cccccc;
	width: fit-content;
	padding: 10px;
	height: fit-content;
	line-height: normal;
	margin-right: 0.5rem;
}
#sod_addr .btn_close {
	height: auto;
	padding: 10px 15px;
	max-width: 140px;
	width: 100%;
	min-height: 52px;
	margin: 2px 0;
}
#sod_addr .btn_submit {
	margin: 2px 0;
}
 @media screen and (min-width: 1700px) {
 #sod_addr {
max-width: 1320px;
margin: 0 auto;
padding-left: 20px;
padding-right: 20px;
}
}
/* 주문내역 */
#sod_v {
	text-align:left;
	padding:20px
}
#sod_v .td_stat {
	width:100px
}
#sod_v_info {
	margin:0 0 10px
}
/* 주문상세내역 */
#sod_fin {
	text-align:left;
	padding:20px
}
#sod_fin .sod_list .li_name_od a {
	display: block;
	padding: 10px;
}
#sod_fin .sod_list .li_opt {
	padding:10px;
	padding-bottom:0;
	border-top:1px solid #e9e9e9
}
#sod_fin .sod_list .li_opt:first-child {
	border:none
}
#sod_fin .sod_list .total_img {
	top:10px;
	left:0
}
#sod_fin .sod_list .total_span {
	padding:10px;
	display:block;
}
#sod_fin .sod_list .total_span span {
	top:10px
}
#sod_fin .sod_list .li_prqty .li_prqty_sp {
	width:25%;
}
#sod_fin .sod_list .li_prqty .prqty_stat {
	border-right: 1px solid #d3d3d3;
}
#sod_fin section {
	margin-bottom:20px
}
#sod_fin_no {
	margin:0 0 20px;
	padding:10px;
	background:#eaf7f5
}
#sod_fin_list h2 {
	margin:0 0 10px
}
#sod_sts_wrap {
	margin:0 0 10px;
	text-align:right
}
#sod_sts_explan {
	display:none
}
#sod_fin_legend {
	margin:10px 0;
	padding:10px 10px;
	text-align:left;
	background:#f6f6f6
}
#sod_fin_legend:after {
	display:block;
	visibility:hidden;
	clear:both;
	content:''
}
#sod_fin_legend dt {
	clear:both;
	float:left;
	margin:0 0 5px;
	width:50px;
	font-weight:bold
}
#sod_fin_legend dd {
	float:left;
	margin:0
}
#request_form {
	position:relative
}
#request_form div {
	display:none;
	z-index:10000;
	position:absolute;
	top:31px;
	left:0;
	padding:10px 0;
	width:290px;
	border:1px solid #000;
	background:#f2f5f9;
	text-align:center
}
#request_form label {
	letter-spacing:-0.1em
}
#request_form .frm_input {
	width:170px;
	background:#fff !important
}
#request_form .btn_frmline, #request_form .btn_cancel {
	margin:5px 0 0;
	padding:0 5px;
	height:1.9em;
	vertical-align:middle !important;
	line-height:1.9em
}
#sod_req_btn {
	margin:0 0 10px
}
#sod_req_btn button {
	background:#626870
}
#sod_req_log {
	margin:0 0 20px
}
#sod_req_log ul {
	margin:0;
	padding:0;
	border-top:1px solid #e9e9e9;
	background:#f2f5f9;
	list-style:none
}
#sod_req_log li {
	padding:10px 10px 20px;
	border:1px solid #e9e9e9;
	border-top:0
}
#sod_req_log h3 {
	margin:20px 0 10px
}
.sod_req_log_view table {
	margin:0
}
.sod_req_log_view caption {
	padding:10px 0;
	font-size:1em;
	font-weight:bold;
	text-align:left;
	line-height:1em
}
.sod_req_log_view caption span {
	color:#ff3061
}
.sod_req_log_view th {
	border-top:1px solid #e9e9e9;
	background:#f8f8f8 !important;
	color:#000 !important;
	text-align:center
}
.sod_req_log_view td {
	background:#fff;
	color:#000
}
.sod_req_log_view p {
	padding:10px 15px;
	border-bottom:1px solid #e9e9e9;
	background:#fff;
	color:#000
}
.sod_req_log_view button {
	margin:0;
	padding:0;
	border:0;
	background:transparent;
	color:#ff3061;
	text-decoration:underline;
	vertical-align:middle
}
#sod_fin_view h2 {
	position:absolute;
	font-size:0;
	text-indent:-9999em;
	line-height:0;
	overflow:hidden
}
#sod_fin_view h3 {
	margin:0 0 10px
}
#sod_fin_view .tbl_head01 th {
	padding:0 10px;
	border-top:1px solid #eee;
	border-bottom:1px solid #eee;
	background:#f2f5f9;
	text-align:left
}
#sod_fin_dvr .dvr_link {
	color:#ff3061;
	text-decoration:underline
}
#sod_fin_tot {
	margin:0 0 30px;
	;
	border:1px solid #e9e9e9;
	border-top:0;
	background:#373737;
	color:#fff
}
#sod_fin_tot h2 {
	position:absolute;
	font-size:0;
	text-indent:-9999em;
	line-height:0;
	overflow:hidden
}
#sod_fin_tot ul {
	margin:0;
	padding:0;
	list-style:none
}
#sod_fin_tot li {
	padding:10px;
	border-bottom:1px solid #5d5d5d;
	padding:10px
}
#sod_fin_tot li:after {
	display:block;
	visibility:hidden;
	clear:both;
	content:""
}
#sod_fin_tot #alrdy {
	border-bottom:0 !important
}
#sod_fin_tot strong {
	float:right;
}
#sod_fin_tot #alrdy .right p {
	margin-top: 0.5rem;
}
#sod_fin_tot #alrdy .right .title {
	margin-right: 5px;
}
#sod_fin_tot li {
	padding:20px;
}
#sod_fin_cancel {
	text-align:center
}
#sod_fin_cancel h2 {
	position:absolute;
	font-size:0;
	text-indent:-9999em;
	line-height:0;
	overflow:hidden
}
#sod_fin_cancel button {
	padding:8px;
	border:0;
	border:1px solid #000000;
	color:#ffffff;/* background:#fff; */
	background-color: #000000;
	padding: 10px;
	min-height: 52px;
	max-width: 150px;
	width: 100%;
}
#sod_fin_cancelfrm {
	display:none;
	margin:10px 0 0;
	padding:20px 0;
	background:#f6f6f6
}
#sod_fin_cancelfrm label {
	color:#888
}
#sod_fin_cancelfrm .frm_input {
	background:#fff !important;
	height: 24px;
	line-height: 24px;
	text-indent: 5px;
	width:190px
}
#sod_fin_cancelfrm .btn_frmline {
	border:none;
	background:#3a3a3a;
	color:#fff;
	padding:4px
}
#sod_fin_test {
	padding:10px
}
#sod_fin h3, #kcp_acc_test table caption {
	background: #f2f2f2;
	border: 1px solid #e9e9e9;
	padding: 10px;
	margin:10px 0 0;
	text-align:left
}
#sod_fin .odf_tbl table {
	width:100%;
	margin:0;
	padding:0;
	border-left:1px solid #e9e9e9;
	border-right:1px solid #e9e9e9;
	border-collapse:collapse;
}
#sod_fin .odf_tbl table tbody td, #sod_fin .odf_tbl table tbody th {
    min-width: 100px;
	border-bottom:1px solid #e9e9e9;
	padding:6px 10px;
	text-align:left;
	line-height:20px;
}
#sod_fin .odf_tbl table th {
	width:80px;
	color:#343434;
	font-weight:normal
}
#sod_fin .odf_tbl table tbody td.empty_table {
	text-align:center
}
#sod_fin .odf_tbl textarea {
	width:99%;
	border:1px solid #e4eaec;
}
#sod_fin .odf_tbl table input[type="text"] {
	background-color:#fff !important;
	height:24px;
	line-height:24px;
	text-indent:5px;
	border:1px solid #e4eaec
}
 @media screen and (max-width:767px) {
 #sod_fin .sod_list .li_prqty .li_prqty_sp {
width: 50%;
}
}
/* 주문내역 include  */
#sod_inquiry li {
	border:1px solid #e9e9e9;
	margin-bottom:5px;
	position:relative;
	text-align:left
}
#sod_inquiry li .inquiry_idtime {
	background:#f2f2f2;
	padding:10px;
	position:relative
}
#sod_inquiry li .inquiry_idtime a {
	font-weight:bold
}
#sod_inquiry li .inquiry_idtime .idtime_time {
	position:absolute;
	top:10px;
	right:10px
}
#sod_inquiry li .inquiry_name {
	clear:both;
	padding:10px;
	color:#696969
}
#sod_inquiry li .inquiry_price {
	padding:10px;
	font-size:1.167em;
	font-weight:bold;
}
#sod_inquiry li .inquiry_inv {
	position:absolute;
	bottom:10px;
	right:10px;
	color:#000000;
	text-align:right
}
#sod_inquiry li .inquiry_inv .inv_status {
	display:block;
	font-weight:bold
}
/* 주문상세내역 중 현금영수증 발급 */
#scash {
}
#scash section {
	padding:10px 0
}
#scash h2 {
	margin:0 0 10px;
	text-align:center
}
#scash .tbl_head01 th {
	padding:0 10px;
	border-top:1px solid #eee;
	border-bottom:1px solid #eee;
	background:#f2f5f9;
	text-align:left;
}
#scash_apply {
	padding:10px 0 15px;
	text-align:center
}
#scash_apply button {
	padding:10px;
	border:0;
	background:#565e60;
	color:#fff
}
#scash_copy {
	text-align:center
}
/* 상품검색 */
#ssch {
	margin:20px 0
}
#ssch h2 {
	font-size:1.8em;
	line-height:30px;
	margin:10px 0
}
#ssch h2 .ssch_result_total {
	float:right;
	color:#6f6f6f;
	font-size:0.55em;
	font-weight:normal
}
#ssch h2 strong {
	color:#e20000;
}
#ssch_frm {
	background:#fff;
	border:1px solid #e3e5e8
}
#ssch_frm .ssch_scharea {
	padding:15px;
	border-bottom:1px solid #e3e5e8
}
#ssch_frm .ssch_scharea:after {
	display:block;
	visibility:hidden;
	clear:both;
	content:""
}
#ssch_frm .ssch_scharea label {
	display:inline-block;
	margin:0 8px 0 0
}
#ssch_frm .ssch_scharea .ssch_input {
	height:45px;
	padding:0 10px;
	margin-right:5px;
	border:1px solid #d0d3db;
	border-radius:3px;
	-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
	-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
	box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
    max-width: 100%;
    
}
#ssch_frm .ssch_scharea .btn_submit {
	width:90px;
	height:45px;
	margin-right:5px;
	padding:0 5px;
	font-weight:bold;
	border:1px solid #2e3745;
	background:#434a54
}
#ssch_frm .ssch_left {
}
#ssch_frm .ssch_option {
	padding:15px;
	border-bottom:1px solid #e3e5e8
}
#ssch_frm .ssch_option .ssch_input {
	height:32px;
	padding:0 10px;
	margin-right:5px;
	border:1px solid #d0d3db;
	border-radius:3px;
	-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
	-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
	box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075)
}
#ssch_frm p {
	padding:15px;
	color:#737373;
	border-bottom:1px solid #e3e5e8
}
#ssch_cate {
	background:#fff;
	border-bottom:1px solid #e3e5e8;
	padding:15px
}
#ssch_cate ul:after {
	display:block;
	visibility:hidden;
	clear:both;
	content:""
}
#ssch_cate li {
	float:left;
	width:20%;
	border-right:1px solid #f6f6f6
}
#ssch_cate li:nth-child(5n) {
border-right:0
}
#ssch_cate li span {
	font-weight:normal
}
#ssch_cate a {
	display:block;
	padding:0 10px;
	line-height:40px
}
#ssch_cate a:hover {
	color:#3a8afd
}
#ssch_sort {
	float:left;
	width:80%
}
#ssch_sort:after {
	display:block;
	visibility:hidden;
	clear:both;
	content:""
}
#ssch_sort h2 {
	position:absolute;
	font-size:0;
	line-height:0;
	overflow:hidden
}
#ssch_sort ul {
	margin:0;
	padding:0 0 0 1px;
	list-style:none
}
#ssch_sort ul:after {
	display:block;
	visibility:hidden;
	clear:both;
	content:""
}
#ssch_sort li {
	float:left;
	position:relative;
	margin-left:-1px;
	height:45px;
	padding:15px 0;
	line-height:15px
}
#ssch_sort li a {
	border-left:1px solid #ddd;
	display:block;
	padding:0 10px
}
#ssch_sort li:hover:after {
	content:"";
	position:absolute;
	left:0;
	bottom:-1px;
	width:100%;
	height:2px;
	background:#3a8afd
}
#ssch_sort li:hover a {
	color:#3a8afd
}
#ssch_sort li:first-child a {
	border:0
}
#ssch_sort_all {
	margin:0;
	padding:0 15px;
	list-style:none
}
#ssch_sort_all:after {
	display:block;
	visibility:hidden;
	clear:both;
	content:""
}
#ssch_sort_all li {
	float:left;
	position:relative;
	margin-left:-1px;
	height:45px;
	padding:15px 0;
	line-height:15px
}
#ssch_sort_all li a {
	display:block;
	padding:0 10px
}
#ssch_sort_all li:hover:after {
	content:"";
	position:absolute;
	left:0;
	bottom:-1px;
	width:100%;
	height:2px;
	background:#3a8afd
}
#ssch_sort_all li:hover a {
	color:#3a8afd
}
#ssch_sort_all li:first-child a {
	border:0
}
.tooltip_icon {
	display:inline-block;
	vertical-align:baseline;
	color:#b3b5b8;
	border:0;
	font-size:1.4em;
	background:transparent;
	cursor:pointer
}
.tooltip_icon:hover {
	color:#448bf5
}
.tooltip {
	position:relative;
	width:auto;
	color:#fff;
	background:#000;
	padding:10px;
	font-size:small;
	line-height:18px;
	display:none;
	position:absolute;
	z-index:9;
	font-weight:normal;
	margin-left:15px;
	margin-top:10px
}
.tooltip:before {
	content:"";
	position:absolute;
	top:0;
	left:-10px;
	width:0;
	height:0;
	border-style:solid;
	border-top:0px solid transparent;
	border-bottom:10px solid transparent;
	border-left:0;
	border-right:10px solid #000
}
/* 화면낭독기 사용자용 */
#hd_login_msg {
	position:absolute;
	top:0;
	left:0;
	width:1px;
	height:1px;
	overflow:hidden
}
.msg_sound_only, .sound_only {
	display:inline-block !important;
	position:absolute;
	top:0;
	left:0;
	margin:0 !important;
	padding:0 !important;
	width:1px !important;
	height:1px !important;
	font-size:0;
	text-indent:-9999em;
	line-height:0;
	border:0 !important;
	overflow:hidden !important
}
/* 본문 바로가기 */
#skip_to_container a {
	z-index:100000;
	position:absolute;
	font-size:0;
	line-height:0;
	overflow:hidden;
	left:0
}
#skip_to_container a:focus, #skip_to_container a:active {
	width:100%;
	height:75px;
	background:#21272e;
	color:#fff;
	font-size:1.5em;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
	line-height:3.3em
}
/* 이미지 등비율 리사이징 */
.img_fix {
	width:100%;
	height:auto
}
/* 캡챠 자동등록(입력)방지 기본 */

#captcha {
	display:inline-block;
	position:relative
}
#captcha audio {
	display:block;
	margin:0 0 5px;
	width:100%
}
#captcha legend {
	position:absolute;
	margin:0;
	padding:0;
	font-size:0;
	line-height:0;
	text-indent:-9999em;
	overflow:hidden
}
@media (max-width:568px) {
 #captcha #captcha_img {
width:60px !important;
height:32px !important;
}
}
#captcha #captcha_img {
	width:90px;
	height:32px;
	border:1px solid #e9e9e9;
	border-radius:4px
}
#captcha #captcha_mp3 {
	border:none;
	padding:0 5px;
	width:31px;
	height:31px;
	background:url(../img/captcha.png) 0 0 no-repeat;
	cursor:pointer;
	text-indent:-9999px
}
#captcha #captcha_reload {
	margin:0;
	padding:0 3px;
	width:31px;
	height:31px;
	border:0;
	background:url(../img/captcha.png) 0 -31px no-repeat;
	vertical-align:middle;
	overflow:hidden;
	cursor:pointer;
	text-indent:-9999px
}
#captcha #captcha_key {
	margin:0 0 0 4px;
	padding:0 5px;
	height:30px;
	border:1px solid #b8c9c2;
	background:#f8f8f8;
	font-size:1.333em;
	font-weight:bold;
	text-align:center;
}
#captcha #captcha_info {
	display:block;
	margin:5px 0 0;
	font-size:0.875em;
}
/* Mobile화면으로 */
#mobile_cng {
	display:block;
	margin:5px;
	padding:5px 0;
	border:1px solid #eee;
	border-radius:2em;
	background:#fff;
	color:#000;
	font-size:2em;
	text-decoration:none;
	text-align:center
}
/* ckeditor 단축키 */
.cke_sc {
	margin:0 0 5px;
	text-align:right
}
.btn_cke_sc, .btn_cke_sc_close {
	display:inline-block;
	padding:0 10px;
	border:1px solid #ccc !important;
	background:#fafafa !important;
	color:#000 !important;
	text-decoration:none !important;
	line-height:1.9em;
	vertical-align:middle;
	font-size:0.875rem;
	margin-bottom:10px;
}
.cke_sc_def {
	margin:0 0 5px;
	padding:10px;
	border:1px solid #ccc;
	background:#f2f5f9;
	text-align:center
}
.cke_sc_def dl {
	margin:0 0 5px;
	text-align:left
}
.cke_sc_def dl:after {
	display:block;
	visibility:hidden;
	clear:both;
	content:""
}
.cke_sc_def dt, .cke_sc_def dd {
	float:left;
	margin:0;
	padding:5px 0;
	border-bottom:1px solid #e9e9e9;
	font-size:0.875rem;
}
.cke_sc_def dt {
	width:20%;
}
.cke_sc_def dd {
	width:30%
}
/* 콘텐츠별 스타일 */
.cnt_cmt {
	display:inline-block;
	margin:0 0 0 5px;
	font-weight:bold
}
/* 버튼 */

a.btn01:focus, a.btn01:hover {
	text-decoration:none
}
button.btn01 {
	display:inline-block;
	margin-left:8px;
	padding:15px 20px;
	border:1px solid #000;
	background:#fff;
	color:#000;
	text-decoration:none; width:140px; font-weight:600;

}
a.btn02 {
	display:inline-block;
	padding:8px 7px 7px;
	border:1px solid #3b3c3f;
	background:#4b545e;
	color:#fff;
	text-decoration:none;
	vertical-align:middle
}
a.btn02:focus, .btn02:hover {
	text-decoration:none
}
button.btn02 {
	display:inline-block;
	margin:0;
	padding:15px 20px;
	border:1px solid #000;
	background:#000;
	color:#fff;
	text-decoration:none; width:140px; font-weight:600;
}
.btn_confirm {
	text-align:center
} /* 서식단계 진행 */
.btn_submit {
	padding:15px 20px;
	;
	border:0;
	background:#000;
	color:#fff;
	font-weight: 600;
	border:1px solid #000;
	width:140px;
}
.btn_submit:hover {
	background:#000000;
	color:#fff;
}
fieldset .btn_submit {
	padding:0 7px;
	height:24px;
	line-height:1em
}
.sch-btn {
	padding:0 20px;
	height:40px;
	line-height:1em;
	border:0;
	background:#222;
	color:#fff;
	letter-spacing:-0.1em
}
a.btn_cancel {
	display:inline-block;
	padding:15px 20px;
	border:1px solid #000;
	background:#fff;
	color:#000;
	text-decoration:none;
	vertical-align:middle;
	width:140px;
	font-weight:600;
}
button.btn_cancel {
	display:inline-block;
	padding:7px;
	border:1px solid #ccc;
	background:#fff;
	color:#000;
	vertical-align:top;
	text-decoration:none
}
a.btn_frmline, button.btn_frmline {
	display:inline-block;
	padding:5px 10px;
	border:0;
	background:#666;
	color:#fff;
	text-decoration:none;
	vertical-align:top;
	font-size:15px;
} /* 우편번호검색버튼 등 */
/* 게시판용 버튼 */
a.btn_b01 {
	display:inline-block;
	border:1px solid #333;
	text-decoration:none;
	vertical-align:middle;
	font-weight:500;
}
a.btn_b01:focus, .btn_b01:hover {
	text-decoration:none;
	color:#000000
}
a.btn_b02 {
	display:inline-block;
	background:#242424;
	color:#fff;
	font-weight:600;
	text-decoration:none;
	vertical-align:middle;
	border: 1px solid #242424;
}
a.btn_b02:focus, .btn_b02:hover {
	background:#000000;
	color:#fff;
}
a.btn_admin {
	display:inline-block;
	margin:0 0 3px;
	padding:15px 20px;
	border:1px solid #666;
	background:#666;
	color:#fff;
	text-decoration:none;
	vertical-align:middle;
	;
} /* 관리자 전용 버튼 */
a.btn_admin:focus, a.btn_admin:hover {
	text-decoration:none
}
@media (max-width:640px) {
/* a.btn_b01{height:40px;line-height:30px;padding:0 5px} */
}
/* 기본테이블 */
.tbl_wrap {
	margin:0 0 10px
}
.tbl_wrap table {
	width:100%;
	border-collapse:collapse;
	border-spacing:0
}
.tbl_wrap caption {
	color:#333;
	font-weight:bold;
	text-align:left
}
.tbl_head01 {
}
.tbl_head01 caption {
	padding:0 0 10px;
	color:#777;
	text-align:left
}
.tbl_head01 thead th {
	padding: 12px 0;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;/* background: #fafafa; */
	color: #383838;
	font-size: 0.95em;
	text-align: center;
}
.tbl_head01 thead th a {
	color:#000
}
.tbl_head01 thead a {
	color:#383838
}
.tbl_head01 thead th input {
	vertical-align:top
} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head01 tfoot th {
	border-top:1px solid #666;
	border-bottom:1px solid #666;
	background:#484848;
	color:#fff
}
.tbl_head01 tfoot td {
	border-color:#666;
	background:#484848;
	color:#fff;
	font-weight:bold
}
.tbl_head01 tbody th {
	padding:5px 0;
	border-top:1px solid #e9e9e9;
	border-bottom:1px solid #e9e9e9
}
.tbl_head01 tbody td {
	padding:20px;
	border-top:1px solid #e9e9e9;
	border-bottom:1px solid #e9e9e9;
	line-height:1.5em;
	word-break:break-all;
	text-align:left;
	font-size: 1rem;
}
.tbl_head02 {
}
.tbl_head02 caption {
	padding:0 0 10px;
	color:#777;
	text-align:left
}
.tbl_head02 thead th {
	padding:5px 0;
	border-top:1px solid #d1dee2;
	border-bottom:1px solid #d1dee2;
	background:#e5ecef;
	color:#383838;
	font-size:0.95em;
	text-align:center;
	letter-spacing:-0.1em
}
.tbl_head02 thead a {
	color:#383838
}
.tbl_head02 thead th input {
	vertical-align:top
} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head02 tfoot th {
	border-top:1px solid #666;
	border-bottom:1px solid #666;
	background:#484848;
	color:#fff
}
.tbl_head02 tfoot td {
	border-color:#666;
	background:#484848;
	color:#fff;
	font-weight:bold;
	text-align:center
}
.tbl_head02 tbody th {
	padding:5px 0;
	border-top:1px solid #e9e9e9;
	border-bottom:1px solid #e9e9e9
}
.tbl_head02 td {
	padding:5px 3px;
	border-top:1px solid #e9e9e9;
	border-bottom:1px solid #e9e9e9;
	line-height:1.4em;
	word-break:break-all
}
/* 폼 테이블 */
.tbl_frm01 {
	margin:0 0 20px
}
.tbl_frm01 table {
	width:100%;
	border-collapse:collapse;
	border-spacing:0
}
.tbl_frm01 th {
	width:140px;
	border:1px solid #c4c4c4;
	background:#ebebeb;
	text-align:left;
}
.tbl_frm01 td {
	padding:7px 10px;
	border:1px solid #dfdfdf;
}
.tbl_frm01 textarea {
	padding:2px 2px 3px
}
.frm_input {
	border: 1px solid #dddddd;
	vertical-align: middle;
	height:50px;

}
.tbl_frm01 textarea {
	width:100%;
	height:100px
}
.tbl_frm01 a {
	text-decoration:none
}
.tbl_frm01 .frm_file {
	display:block;
	margin-bottom:5px;
	padding-left:0
}
.tbl_frm01 .frm_info {
	display:block;
	padding:0 0 5px;
	line-height:1.4em
}
.add-100 {
	max-width: 100% !important;
}
/* 자료 없는 목록 */
.empty_table {
	padding:100px 0 !important;
	text-align:center !important;
	color:#777
}
.empty_list {
	padding:100px 0 !important;
	text-align:center !important;
	color:#777
}
.add-100 {
	max-width: 100% !important;
}
/* 필수입력 */
.required, textarea.required {
	background:url('../img/wrest.gif')top right no-repeat !important
}
/* 테이블 그리드 padding 0 5px 고려한 넓이 */
.grid_1 {
	width:40px
}
.grid_2 {
	width:90px
}
.grid_3 {
	width:120px
}
.grid_4 {
	width:190px
}
.grid_5 {
	width:240px
}
.grid_6 {
	width:290px
}
.grid_7 {
	width:340px
}
.grid_8 {
	width:390px
}
.grid_9 {
	width:440px
}
.grid_10 {
	width:490px
}
.grid_11 {
	width:540px
}
.grid_12 {
	width:590px
}
.grid_13 {
	width:640px
}
.grid_14 {
	width:690px
}
.grid_15 {
	width:740px
}
.grid_16 {
	width:790px
}
.grid_17 {
	width:840px
}
.grid_18 {
	width:890px
}
/* 테이블 항목별 정의 */
.td_chk {
	width:50px;
	text-align:center
}
.td_group {
	width:100px;
	text-align:center
}
.td_board {
	width:120px;
	text-align:center
}
.td_statsmall {
	width:50px;
	text-align:center
}
.td_num {
	width:50px;
	text-align:center
}
.td_numbig {
	width:100px;
	text-align:center
}
.td_mb_id {
	width:100px;
	text-align:center
}
.td_nick {
	width:100px;
	text-align:center
}
.td_name {
	width:100px;
	text-align:left
}
.td_namesmall {
	width:100px;
	text-align:left
}
.td_date {
	width:50px;
	text-align:center
}
.td_datetime {
	width:170px;
	text-align:center
}
.td_mngsmall {
	width:70px;
	text-align:center !important
}
.td_mng {
	width:80px;
	text-align:center
}
.td_stat {
	text-align:center
}
.td_dvr {
	width:80px;
	text-align:center !important
}
/* 새창 기본 스타일 */
.new_win #win_title {
	padding:15px 20px;
	border-bottom:1px solid #e9e9e9;
	font-size:1.12em;
	margin-bottom:10px;
	background:#f3f3f3;
	margin-bottom:20px
}
.new_win .tbl_wrap {
	margin:0 20px
}
.new_win .win_btn {
	clear:both;
	margin:20px;
	text-align:center
}
.new_win .win_btn a {
	display:inline-block;
	padding:0 10px;
	height:2.5em;
	background:#666;
	color:#fff;
	text-decoration:none;
	vertical-align:middle;
	line-height:2.5em
}
.new_win .win_btn button {
	display:inline-block;
	padding:0 10px;
	height:2.5em;
	border:0;
	background:#666;
	color:#fff;
	text-decoration:none;
	line-height:2.5em
}
.new_win .win_btn input {
	padding:0 10px;
	height:2.5em;
	line-height:2.5em
}
.new_win .win_desc {
	padding:0 20px;
}
/* 자바스크립트 alert 대안 */
#validation_check {
	margin:100px auto;
	width:500px
}
#validation_check h1 {
	margin-bottom:20px;
	font-size:1.3em
}
#validation_check p {
	margin-bottom:20px;
	padding:30px 20px;
	border:1px solid #e9e9e9;
	background:#fff
}
/* 사이드뷰*/
.sv_wrap {
	display:inline-block;
	position:relative;
	font-weight:normal
}
.sv_wrap .sv {
	z-index:1000;
	display:none;
	margin:5px 0 0;
	border:1px solid #283646;
	background:#111
}
.sv_wrap .sv a {
	display:inline-block !important;
	margin:0 !important;
	padding:5px !important;
	width:94px;
	border-bottom:1px solid #283646;
	color:#fff !important
}
.sv_wrap a:focus, .sv_wrap a:hover, .sv_wrap a:active {
	text-decoration:none !important
}
.sv_on {
	display:block !important;
	position:absolute;
	top:10px;
	left:20px;
	width:auto;
	height:auto !important
}
.sv_nojs .sv {
	display:block
}
/* 페이징 */
.pg_wrap {
	clear:both;
	margin:0 0 20px;
	padding:20px 0 0;
	text-align:center
}
.pg {
}
.pg_page, .pg_current, .qa_page {
	display:inline-block;
	padding:0 8px;
	height:25px;
	color:#888 !important;
	letter-spacing:0;
	line-height:25px;
	vertical-align:middle;
	font-size:1em
}
.pg a:focus, .pg a:hover {
	text-decoration:none
}
.pg_page, .qa_page {
	text-decoration:none
}
.pg_start, .pg_prev {
	background:url(../mobile/shop/img/paging.gif) no-repeat 0 0;
	text-indent:-999px;
	overflow:hidden;
	width:25px;
	height:25px;
	padding:0;
}
.pg_prev {
	background-position:-28px 0
}
.pg_end, .pg_next {
	background:url(../mobile/shop/img/paging.gif) no-repeat -55px 0;
	width:25px;
	height:25px;
	;
	width:25px;
	height:25px;
	padding:0;
	text-indent:-999px;
	overflow:hidden
}
.pg_end {
	background-position:-83px 0
}
.pg_current {
	display:inline-block;
	margin:0 4px 0 0;
	;
	color:#000000 !important;
	font-weight:bold;
}
/* 상품상세 메뉴 floating */
#info_top_layer {
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	background-color: #eee;
}
#form_btn_layer {
	display:none;
	position:absolute;
	top:0;
	left: 0;
	width: 100%;
	height: 60px;
	background-color: #eee;
}
/*현금영수증*/
#kcp_req_rx .tbl_head01 tbody th {
	text-align:left;
}
/*배송지목록*/
#sod_addr .win_desc {
	padding:10px 20px
}
/* #sod_addr #win_title{background-color: #000000; color: #ffffff;} */

/*쇼핑몰레이아웃*/
#fregisterform {
	margin:10px 20px
}

#sit_sms_new #sms_agree {
	padding:10px 20px !important
}
#sit_sms_new .sms_form {padding: 20px;}

#sit_sms_new .sms_form .prd_name {margin-bottom: 10px;}
#sit_sms_new .sms_form strong {display: block; margin-top: 20px; margin-bottom: 10px;}
#sit_sms_new .sms_form textarea {width: 100%;}

#sit_sms_new .sms_form button {width: 80px; height: 40px;}
/*이벤트*/
#sev_hhtml, #sev_thtml {
	padding:10px 0
}
#sev_hhtml img, #sev_thtml img {
	width:100%
}
/*피시일때 모바일버전 주문폼*/
#sod_frm {
	position:relative
}
#sod_frm p {
	margin-bottom:10px
}
#sod_frm .tbl_frm01 td label {
	display:inline-block;
	margin:2px 0;
	font-size:0.92em;
	color:#777
}
#sod_frm .tbl_frm01 td .btn_frmline {
	vertical-align:middle
}
#sod_list .sod_opt {
	min-width:70px;
	font-size:0.92em;
	color:#666
}
/*피시일때 모바일버전 개인결제폼*/
#sod_frm_pay {
	padding:10px 0
}
/*네이버페이*/
.naverpay-item {
	padding-top:15px;
	clear:both;
	text-align:right
}
#sod_bsk_act .naverpay-cart {
	margin-top:15px;
	clear:both;
	position:static
}
/* 20230726 김은하 퍼블 시작 */
/* 공통사항 */
#sct_sort {
	padding-top: 0 !important;
}
.d-block {
	display: block;
}
.d-none {
	display: none;
}
.img-fluid {
	max-width: 100%;
	width: 100%;
}
.section {
	padding-top: 180px;
}
.last-section {padding-bottom: 180px;}

#sub_page .section {
	padding-top: 0px;
}
.container {
	max-width: 1810px;
	padding-left: 4%;
	padding-right: 4%;
	margin-right: auto;
	margin-left: auto;
}
h2.title {
	text-transform: uppercase;
	font-size: 40px;
	margin-bottom: 55px;
	text-align: center;
}

.text-center {
	text-align: center;
}
.section_pb {
	padding-bottom: 150px;
}
.pb-180 {
	padding-bottom: 150px !important;
}
/* #container_wr {width: 100%;} */
/* #container_wr {max-width: 1810px; padding-left: 4%; padding-right: 4%; margin-right: auto; margin-left: auto;} */
#sub_page {
	padding-top: 150px;
	padding-bottom: 150px;
	padding-left: 4%;
	padding-right: 4%;
}
.asterisk {
	color: #e00000;
	margin-left: 6px;
}
 @media screen and (min-width:1920px) {
 #container_wr {
width: 100% !important;
padding: 0;
}
}
 @media screen and (min-width:1300px) {
 .container {
max-width: 1320px;
padding-left: 20px;
padding-right: 20px;

}



 #container_wr {
max-width: 100%;
padding-left: 0px;
padding-right: 0px;
}
 #sub_page {
max-width: 1320px;
margin: 0 auto;
padding-left: 20px;
padding-right: 20px;
}
}
 @media screen and (max-width:991px) {
 h2.title {
font-size: 2rem;
}
}
 @media screen and (max-width:767px) {
 #sub_page {
padding-top: 80px;
padding-bottom: 80px;
}
    /* .section {padding-top: 80px;} */
    .section_pb {
padding-bottom: 80px;
}
 h2.title {
font-size: 1.5rem;
}
 .pb-180 {
padding-bottom: 80px !important;
}
}
/* 메뉴 */
.nav {
	/* border-bottom: 1px solid #000000; */
	/* border-bottom: 1px solid #000000; */
	/* background-color: #ffffff; */ /* box-shadow: 0px 1px 3px #dfdfdf; */
    background: linear-gradient(0deg, transparent 0, rgba(0,0,0,1) 50%);
    position: fixed; width: 100%;
}
.nav.main {position: fixed;}
.nav .menu-top {
	display: flex;
	/* justify-content: space-between; */
    justify-content: flex-end;
	flex-wrap: wrap;
	padding-top: 35px;
    position: relative;
}
.logo img {
	width: 240px;
	height: auto;
}
.util-menu {
	display: flex;
	flex-wrap: wrap;
}
.search-area {
	/* min-width: 275px; */
	margin-right: 10px;
    background-color: rgba(255, 255, 255, .3);
    border-radius: 5px;
}
.search-area input::placeholder {
color: #ffffff;
}
.search-area input {
	border-radius: 0;
	padding: 0.8rem;
	border: 0;
	font-size: 14px;
	/* min-width: 200px; */
    width: 150px;
	color: #ffffff;
	font-weight: 400; background-color: transparent;
}
#sch_submit .util-icon {height: 20px;}
.search-area .input-group-text {
	padding-right: 0;
	font-size: 1.25rem;
	border: 0;
	background-color: transparent;
}
.search-area form {
	display: flex;
	justify-content: space-between;
	/* border-bottom: 1px solid #000000; */
}
#sch_open {
	line-height: 79px;
	background: none;
	border: 0;
	display: inline-block;
	width: 40px;
	text-align: center;
	font-size: 18px;
	vertical-align: top;
	color: #333;
}
.util-icon {
	width: auto;
	height: 26px;
    padding: 0 15px;
}
.util-list {
	display: flex;
	align-items: center;
	font-weight: 600;
}
/* .util-list li:not(:last-child) {
margin-right: 2rem;
} */
.menu-bottom {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	padding-top: 25px;
	padding-bottom: 25px;
}
.nav-link {
	padding-top: 10px;
	padding-bottom: 10px;
	display: block; color: #ffffff !important;
}
.nav-link, .sub-link {
	text-transform: uppercase;
}
.nav-list {
	font-size: 1rem;
	display: flex;
}
.nav-list-01 {
	font-weight: 700;
}
.nav-list-02 {
	font-weight: 500;
}
.sub-menu {
	font-weight: 300;
	display: none;
	background-color: #ffffff;
}
.nav-item {
	position: relative;
    margin-left: 20px; margin-right: 20px;
}
/* .nav-item:not(:last-child) {
margin-right: 40px;
} */
.sub-menu {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: 40px;
	border: 1px solid #999999;
	padding: 10px;
	white-space: nowrap;
	width: auto;
	font-size: 0.875rem;
}
.sub-link {
	padding: 5px 10px;
	display: block;
}
.sub-link:hover {
	background-color: #efefef;
	display: block;
}
.nav-item:hover .sub-menu {
	display: block;
	z-index: 99;
	font-weight: 400;
}
/* 장바구니 */
.basket {
	position: relative;
}
.basket_num {
	position: absolute;
	font-size: 10px;
	background-color: #1a305c;
	color: #ffffff;
	border-radius: 50%;
	padding: 2px;
	right:10px;
	bottom: -5px;
	min-width: 1.125rem;
	min-height: 1.125rem;
	display: flex;
	align-items: center;
	justify-content: center;
}
/* 찜한 하트 */
.heart {
	position: relative;
}
.heart_num {
	position: absolute;
	font-size: 10px;
	background-color: #1a305c;
	color: #ffffff;
	border-radius: 50%;
	padding: 2px;
	right:15px;
	bottom: -5px;
	min-width: 1.125rem;
	min-height: 1.125rem;
	display: flex;
	align-items: center;
	justify-content: center;
}
/* 로그인 off 부분 */
.login-menu {position: relative;}
.logout-menu {position: relative;}
.off-icom {	position: absolute;
	font-size: 10px;
	background-color: #a3a3a3;
	color: #ffffff;
	border-radius: 20px;
	padding: 2px;
	right:0px;
	bottom: -5px;
	min-width: 1.125rem;
	min-height: 1.125rem;
	display: flex;
	align-items: center;
	justify-content: center; padding: 0 4px;}

.on-icom {	position: absolute;
	font-size: 10px;
	background-color: #1a305c;
	color: #ffffff;
	border-radius: 20px;
	padding: 2px;
	right:0px;
	bottom: -5px;
	min-width: 1.125rem;
	min-height: 1.125rem;
	display: flex;
	align-items: center;
	justify-content: center; padding: 0 4px;}



/* 햄버거 버튼 */
/* .top-btn {
	position: relative;
} */
/* .menu-top .logo {position: absolute; left: 50%; transform: translateX(-50%);} */
.btn-trigger {
	background: transparent;
	border: 0;
/* 	position: absolute;
	top: 0;
	right: 0; */
	display: none;
}
.btn-trigger img {
	width: 30px;
}

@media screen and (max-width:1400px) {

    .search-area input {width: 100px;}
}
@media screen and (max-width:1200px) {
    .nav .menu-top {justify-content: space-between;}
    .menu-top .logo {position: static; transform: none;}
} 


 @media screen and (max-width:767px) {
 .logo {
/* margin-bottom: 1rem; */
/* margin-left: 0;
margin-right: auto; */
}
 .btn-trigger {
display: block;
}
 .nav .menu-top {
justify-content: center;
flex-direction: column;
}
 .util-menu {
justify-content: center;
}
 .nav-list {
font-size: 16px;
}
 .search-area form {
width: 100%;
max-width: 270px;
margin-left: auto;
margin-right: auto;
}
 .search-area {
min-width: auto;
width: fit-content;
margin-right: 0; margin-right: 1rem
}
 .search-area input {
min-width: 200px;
}
 .util-list {
margin-top: 1rem;
flex-wrap: wrap;
}
 .menu-bottom {
/* justify-content: center; */
display: none;
}
 .nav-item:not(:last-child) {
margin-right: 30px;
}
 .util-menu {
padding-bottom: 25px;
}

.top-btn {display: flex; justify-content: space-between; align-items: center; margin-bottom: 1rem;}
}

@media screen and (max-width:520px) {

    .search-area {margin-right: 0;}

}
 @media screen and (max-width:420px) {
 .util-list li {
margin-bottom: 0.5rem;
}
}

 @media screen and (max-width:320px) {
 .logo img {
width: 200px;
}
}
/* 전체 메뉴 */
.btn-close {
	padding: 0 !important;
}
.btn-trigger {
	padding: 0 !important;
}
.all-menu {
	width: 100%;
	height: 100%;
	background-color: #ffffff;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1100;
	display: none;
}
.all-menu .container {
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
}
.all-menu-header {
	width: 100%;
	height: 120px;
	border-bottom: 1px solid #dddddd;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.all-logo {
	width: 240px;
	height: auto;
}
.all-menu-header .btn-close {
	opacity: 1;
	width: 40px;
	height: 40px;
	background-color: transparent;
	border: 0;
}
.all-menu-header .btn-close img {
	width: 35px;
	height: auto;
}
.all-menu-nav {
	width: 100%;
	max-height: calc(100vh - 100px);
	padding: 1.5rem 0;
	flex: 1;
	overflow-y: auto;
}
.all-menu-list {
	width: 100%;
}
.all-menu-list .all-link, .all-menu-list .btn-allmenu {
	padding: 1rem 0;
	font-size: 1.25rem;
	font-weight: 600;
	color: #000000;
	display: inline-block;
	text-transform: uppercase;
}
.all-menu-list .btn-allmenu {
	border-width: 0;
	background-color: transparent;
	font-weight: 600;
}
.all-menu-list .btn-allmenu.active + .all-submenu {
	display: block;
}
.all-submenu {
	padding: 1rem;
	margin-bottom: 1rem;
	font-size: 1.125rem;
	font-weight: 500;
	background-color: #efefef;
	display: none;
}
.open-icon {
	width: 20px;
	height: auto;
	margin-left: 15px;
}
.btn-allmenu.active img {
	transform: rotate(180deg);
}
.all-submenu .sub-link {
	padding: 10px;
}
 @media screen and (max-width:320px) {
 .all-logo {
width: 200px;
}
}
/* 메인 슬라이드 */
.main_slide {
	position: relative;
	height: 100%;
}
.main_slide .swiper {
	width: 100%;
	height: 100%;
}
.main_slide .swiper-slide {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
}
.main_slide .swiper-slide img {
	display: block;
	width: 100%;
	height: auto;
}
#main_bn {
	height: 100% !important;
}
#main_bn img {
	height: 100% !important;
}
.main_slide .swiper-button-prev {
	left: 4%;
}
.main_slide .swiper-button-next {
	right: 4%;
}
.main_slide .swiper-button-prev::after, .main_slide .swiper-button-next::after {
color: #ffffff;
}
.main_slide .pagination-area {
	width: 100%;
	position: relative;
}
.main_slide .swiper-pagination-fraction {
	font-size: 17px;
	background-color: rgba(0, 0, 0, 0.3);
	color: #ffffff;
	font-weight: 300;
	width: auto;
	padding: 5px 16px;
	border-radius: 30px;
	text-align: center;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 46px;
}
.main_slide .swiper-pagination-current {
	font-weight: 400;
}
 @media screen and (min-width:1440px) {
 .main_slide .swiper-slide img {
height: 900px !important;
}
 /* #main_bn img {
height: 900px !important;
} */
}
 @media screen and (max-width:991px) {
 .main_slide .swiper-pagination-fraction {
bottom: 20px;
}
}
 @media screen and (max-width:767px) {
 .main_slide .swiper-button-prev::after, .main_slide .swiper-button-next::after {
font-size: 20px;
}
 .main_slide .swiper-pagination-fraction {
bottom: 10px;
font-size: 14px;
}
 .main_slide .swiper-button-prev {
left: 2%;
}
 .main_slide .swiper-button-next {
right: 2%;
}
}
/* New Products */
.list_item {
	display: flex;
	flex-wrap: wrap;
    margin-left: -20px !important; 
    margin-right: -20px !important;
}
.container-04 .list_item {
	display: flex;
	flex-wrap: wrap;
    margin-left: -30px !important; 
    margin-right: -30px !important;
}


.list_item .list_link {
	width: 33.3333%;
	margin-bottom: 0 !important;
	position: relative;
    padding: 15px 40px !important;
    box-sizing: border-box;
}



.sct_10 .sct_img {max-width: 300px; margin-left: auto !important; margin-right: auto !important;}

/* .list_item .list_link:hover .list_text {
	display: flex;
} */
.list_item .sct_btn {
	display: none;
}
/* 호버시 나오는 텍스트 */
/* .list_item .list_text {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(255, 255, 255, .8);
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	display: none;
    max-width: 300px;
    left: 50%;
    transform: translateX(-50%);
} */
.list_content .sct_a {
	padding: 0 15px;
	white-space: normal !important;
}
.list_link .list_text .content_cost {
	color: #000000;
	margin-top: 8px;
}
.content_cost {
	color: #000000 !important;
	margin-top: 8px;
}
.content_cost_02 {
	font-size: 13px;
	color: #aaaaaa;
	text-decoration: line-through;
	font-weight: 300;
}
.content_cost_03 {
	font-size: 16px;
	font-weight: 500;
	color: #e20000;
}
.d-none {
	display: none;
}
.sct_10 li:hover .sct_btn {
	display: none !important;
}
@media screen and (max-width:991px) {
 .list_item .list_link {
width: 50% !important;
}
}
@media screen and (max-width:767px) {
 .list_item .list_link {
width: 100% !important;
}
}

.bag-dark {background-color: #000000;}
/* .video-area {margin: 0 auto;} */
.video-container {position:relative; height:0; padding-bottom:56.25%;}

.video-container iframe {position:absolute; top:0; left:0; width:100%; height:100%;}


@media screen and (min-width:768px) {
    .video-area {width: 65%; margin: 0 auto;}
}

/* 페이드인 아웃 배너 */
.main_benner_01_section {
	position: relative;
	padding-top: 0;
	margin-top: 180px;
}
.main_benner_01 {
	position: relative;
}
.main_benner_01 .swiper-horizontal>.swiper-pagination-bullets, .main_benner_01 .swiper-pagination-bullets.swiper-pagination-horizontal {
	top:50%;
	transform: translateY(-50%);
	bottom:auto;
	right: 4%;
	left: auto;
	width: 5px;
	display: flex;
	flex-direction: column;
	color: #ffffff;
	display: none;
}
/* .main_benner_01 .swiper-pagination-bullet-active {background-color: #ffffff ; border-color: #ffffff ;} */
.main_benner_01 .swiper-pagination-clickable .swiper-pagination-bullet {
	background-color: transparent;
	border: 1px solid #808080;
	width: 8px;
	height: 8px;
	margin: 6px 0 !important;
	display: block;
	border-radius: 0;
	opacity: 1;
}
.main_benner_01 .swiper-pagination-clickable .swiper-pagination-bullet-active {
	background-color: #ffffff;
	border: 1px solid #ffffff;
}
.main_benner_01 a img {
	width: 100%;
	height: auto;
}
.logo_w {
	width: 9vw;
	height: auto;
	position: absolute;
	top: 50%;
	z-index: 999;
	transform: translateY(-50%) translateX(-50%);
	left: 50%;
    display: none;
}
 @media screen and (max-width:991px) {
 .main_benner_01 .swiper-horizontal>.swiper-pagination-bullets, .main_benner_01 .swiper-pagination-bullets.swiper-pagination-horizontal {
display: none;
}
}
/* camping life scene */

.camping_life {
	display: flex;
}
.camping_life .life {
	width: 100%;
	height: 660px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
}
.camping_life .life_01 {
	background-image: url("/theme/macaroon/img/camping-life-img-01.jpg");
}
.camping_life .life_02 {
	background-image: url("/theme/macaroon/img/camping-life-img-02.jpg");
}
.camping_life .life_03 {
	background-image: url("/theme/macaroon/img/camping-life-img-03.jpg");
}
.camping_life .life a {
	padding: 70px 20px;
	display: block;
	display: flex;
	flex-direction: column;
	justify-content: end;
	height: 100%;
}
.camping_life h4 {
	font-size: 30px;
	font-weight: 800;
	color: #ffffff;
	margin-bottom: 20px;
	text-transform: uppercase;
}
.camping_life p {
	font-size: 15px;
	font-weight: 500;
	color: #ffffff;
}
.camping_life .life:not(:last-child) {
margin-right: 50px;
}
.camping_life .life:hover a {
	background-color: rgba(0, 0, 0, 0.3);
}

/* 
@media screen and (max-width:1200px)  {} */

@media screen and (max-width:991px) {
 .camping_life .life:not(:last-child) {
margin-right: 30px;
}
}
 @media screen and (max-width:767px) {
 .camping_life {
flex-direction: column;
}
 .camping_life .life {
width: 100%;
height: auto;
}
 .camping_life li:not(:last-child) {
margin-right: 0;
margin-bottom: 30px;
}
 .camping_life h4 {
font-size: 20px;
}
 .camping_life p {
font-size: 14px;
}
}



/* video */
.video_area {
	display: flex;
	align-items: center;
	justify-content: center;
}
.video_wrap {
	width: 906px;
	height: auto;
}
.video {
	position: relative;
	height: 0;
	padding-bottom: 56.25%;
	 /* margin: 40px 0; max-width: 906px; width: 100%; */
}
.video iframe {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
}
 @media screen and (max-width:767px) {
    /* .video_area {flex-direction: column;} */
    .video_bag_01, .video_bag_02 {
        display: none;
        }
}

/* 비디오 2번째 */

.video_area_02 {display: flex; width: 100%;}
.video_02_bag { width: 38%;}
.video_02_bag>div {position: relative; height: 0; padding-bottom: 56.25%;}

.video_02_bag img {position: absolute; width: 100%; height: 100%; left: 0;}
.video_wrap_02{width: 38%;}
.video_02 {position: relative; height: 0; padding-bottom: 56.25%;}
.video_02 iframe {position: absolute; width: 100%; height: 100%; left: 0;}
.video-text-area {width: 24%; padding: 40px 50px; box-sizing: border-box;}
.video-text-area h3 {font-size: 28px;}
.video-text-area p {font-size: 20px; margin-top: 30px; line-height: 1.3; text-overflow: ellipsis; max-height: 260px;  overflow: hidden; display: -webkit-box !important;-webkit-line-clamp: 6;-webkit-box-orient: vertical; word-break: keep-all;}

@media screen and (max-width:1300px) {

    .video_area_02 {flex-wrap: wrap; /* max-width: 1810px;
        padding-left: 4%;
        padding-right: 4%;
        margin-right: auto;
        margin-left: auto; */}
    .video_02_bag {width: 100%; margin-bottom: 50px;}
    .video_wrap_02{width: 50%;}
    .video-text-area {width: 50%; padding: 0 40px;}
    /* .video-text-area p {-webkit-line-clamp: 8;} */
}

@media screen and (max-width:767px) {

    .video_wrap_02 {width: 100%;}
    .video-text-area {width: 100%; margin-top: 40px; padding-left: 4%; padding-right: 4%; box-sizing: border-box;}
}







/* products */
.products_list {
	display: flex;
	margin: -2px;
	flex-wrap: wrap;
}
.products_list li {
	width: calc(20% - 4px);
	position: relative;
	margin: 2px;
}
.products_list a {
	display: block;
}
.products_list li:hover .hover {
	display: block;
}
.products_list .hover {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	display: none;
	text-align: center;
}
.products_list .hover p {
	font-size: 1.125rem;
	font-weight: 700;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 20px;
}
.products_list .hover span {
	display: block;
	text-transform: uppercase;
	font-size: 0.875rem;
	color: #999999;
	font-weight: 400;
}
 @media screen and (max-width:1200px) {
 .products_list .hover p {
font-size: 16px;
bottom: 15px;
}
}
@media screen and (max-width:991px) {
 .products_list li {
width: calc(25% - 4px);
}
 .products_list .hover p {
bottom: 10px;
}
}
 @media screen and (max-width:767px) {
 .products_list li {
width: calc(50% - 4px);
}
 .products_list .hover p {
bottom: 20px;
}
}
@media screen and (max-width:520px) {
 .products_list li {
width: 100%;
}
 .products_list .hover p {
font-size: calc(0.875rem + 2.1vw);
}
}

.products_list .factory_outlet:hover .hover_title {/* font-size: 24px; */ width: 100%;}

.factory_outlet .hover p {bottom: 50%; transform: translate(-50% , 50%);}
/* .factory_outlet .hover span {font-size: 18px; margin-top: 5px;} */


/* @media screen and (min-width:1200px) {
    .factory_outlet .hover br {display: none;}
} */


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


/* snb 만들기 */

/* shop snb */
.snb {
	background-color: #000000;
}
.snb-menu {
	margin: 0 auto;
	display: flex;
	justify-content: center;
	padding-left: 4%;
	padding-right: 4%;
	overflow-x: auto;
}
.snb-menu .snb-item {
	margin-left: 1rem;
	margin-right: 1rem;
}
.snb-menu .snb-link {
	color: #ffffff;
	text-align: center;
	padding: 15px 0;
	display: block;
	white-space: nowrap;
	font-size: 0.875rem;
}
.snb-menu .snb-link.active {
	font-weight: 600;
	border-bottom: 1px solid #ffffff;
}
@media screen and (max-width:1280px) {
 .products-snb {
justify-content: flex-start;
}
 .snb-menu {
max-width: 1280px;
}
}
@media screen and (max-width:767px) {
 .snb-menu {
justify-content: flex-start;
}
/* .snb-menu .snb-link {font-size: 4vw;} */
    /* .snb {overflow-x: auto;} */
    /* .snb-menu {width: 650px;} */
}
/* my snb */
/* .my-snb {max-width: 850px;} */




/* 공통사항 */
/* #sub_page .section {padding-top: 150px; padding-bottom: 150px;} */
.pt-150 {
	padding-top: 150px;
}
.pb-150 {
	padding-bottom: 150px;
}
.btn-area {
	margin-top: 80px;
}
a.btn-dark {
	display: block;
	width: 140px;
	height: 55px;
	background-color: #000;
	font-weight: 600;
	color: #ffffff;
	display: flex;
	align-items: center;
	justify-content: center;
}
a.btn-outline-dark {
	display: block;
	width: 140px;
	height: 55px;
	font-weight: 600;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #000000;
}
.text-red {
	color: #e00000;
}
/* 서브비주얼 */
.sub-visual {
	width: 100%;
	min-height: 180px;
	height:auto;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #ffffff;
	}
	
/* .sub-visual-as {background-image: url("/theme/macaroon/img/sub_visual_as.jpg");}
.sub-visual-registration {background-image: url("/theme/macaroon/img/sub_visual_registration.jpg");} */

.sub-visual-white {/*border-top: 1px solid #dddddd; border-bottom: 1px solid #dddddd;*/}
.sub-visual-white .title{color: #000000; }

.sub-visual .title {
	/* font-size: 40px; */ 
	visibility:hidden;
}
 @media screen and (max-width: 767px) {
 .sub-visual .title {
font-size: 1.5rem;
}
    /* #sub_page .section {padding-top: 80px; padding-bottom: 80px;} */
    .pt-150 {
padding-top: 80px;
}
 .pb-150 {
padding-bottom: 80px;
}
}
/* products */
#sit {
	border-top: 2px solid #000000;
}
#sit_title {
	font-size: 25px !important;
}
#sit_tab .tabsTit {
	margin-bottom: 20px !important;
	border-bottom: 1px solid #ddd;
	margin-top: 100px !important;
}
#sit_tab .tabsTit .tabsHover {
	border-bottom: 2px solid #000 !important;
}
#sit_tab .tabsTit li {
	border-bottom: 2px solid #fff !important;
	font-size: 20px !important;
	max-width: 170px !important;
	width: 100% !important;
	padding: 15px 20px !important;
	cursor: pointer;
}
#sit_inf_open th {
	padding: 10px 15px !important;
}
#sit_inf_open td {
	padding: 10px 15px !important;
}
.grid_4 {
	width: 200px !important;
}
#sit_star {
	font-size: 20px !important;
}
#sit_star strong {
	font-size: 20px !important;
}
#sit_rel {
	margin-bottom: 0 !important;
	margin-top: 100px !important;
}
#sit_inf .contents_tit {
	margin-bottom: 30px !important;
	margin-top: 100px !important;
	width: 100% !important;
}
#sit_dvex {
	margin: 30px 0 !important;
}
#sct_relitem {
	padding: 0 !important;
}
/* 관련상품 */

#sit_rel #sct_relitem {
	display: flex;
	flex-wrap: wrap;
}
#sit_rel h2 {
	font-size: 20px;
	color: #000000 !important;
	margin-bottom: 20px !important;
}
/* #sit_rel #sct_relitem .sct_li {width: 25%;} */
#sit_rel #sct_relitem .sct_li {
	width: 100%;
}
 @media screen and (max-width:767px) {
 #sit_pvi {
width: 100% !important;
}
 #sit_title {
font-size: 4vw !important;
}
 #sit_ov {
width: 100% !important;
padding: 0 !important;
}
 .grid_4 {
width: 50% !important;
}
 #sit_rel #sct_relitem .sct_li {
width: 100%;
}
 #sit_tab .tabsTit {
margin-top: 50px !important;
}
 #sit_rel {
margin-top: 50px !important;
}
 #sit_inf .contents_tit {
margin-top: 50px !important;
}
 #sit_tab .tabsTit li {
width: auto !important;
padding: 10px !important;
font-size: 1rem !important;
}
}
/* a/s안내 */
.con-area {
	display: flex;
}
.con-area h3 {
	min-width: 340px;
	font-size: 30px;
	font-weight: 800;
}
/* .content {width: 100%;} */
.dot-list li {
	position: relative;
	padding-left: 14px;
	font-weight: 400;
}
.dot-list li:not(:last-child) {
margin-bottom: 10px;
}
.dot-list li::before {
content: "";
position: absolute;
left: 0;
top: 11px;
width: 2px;
height: 2px;
background-color: #000000;
}
.con-box {
	margin-top: 40px;
	width: calc(100% + 14px);
	margin-left: -7px;
	margin-right: -7px;
	margin-bottom: -14px;
	display: flex;
}
.con-box>div {
	background-color: #f5f5f5;
	padding: 30px;
	width: calc(50% - 14px);
	margin-left: 7px;
	margin-right: 7px;
	margin-bottom: 14px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.con-box h4 {
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 1rem;
}
.con-box img {
	height: 35px;
	width: auto;
}
.content-02 {
	width: 100%;
}
.con-box-02 {
	margin-top: 30px;
	display: flex;
	justify-content: space-between;
	width: 100%;
}
.con-box-02>div {
	width: 175px;
}
.con-box-02 img {
	height: 35px;
	width: auto;
}
.round-bag {
	width: 175px;
	height: 175px;
	background-color: #f5f5f5;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
}
/* .con-box-02>div:not(:last-child) .round-bag:after {content: ">"; font-size: 20px; position: absolute; right: 0; color: #999999; transform: scaleY(1.5); right: -30%;} */
.con-box-02 .text {
	margin-top: 30px;
	text-align: center;
	letter-spacing: -1px;
}
.con-box-02 h4 {
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 1rem;
}
.con-box-02 .right {
	width: 12px;
}
.con-box-02 .right >div {
	color: #999999;
	transform: scaleY(1.7);
	margin-top: 75px;
	font-size: 20px;
}
.as .btn-area {
	display: flex;
}
.as a.btn-outline-dark {
	margin-left: 8px;
}
.as .btn-dark {
	font-size: 1rem;
}
 @media screen and (max-width: 1200px) {
 .con-box-02 {
flex-wrap: wrap;
}
 .con-box-02>div {
width: calc(50% - 12px);
text-align: center;
margin-bottom: 30px;
}
 .round-bag {
margin: 0 auto;
}
 .right-02 {
display: none;
}
}
 @media screen and (max-width: 991px) {
 .con-area h3 {
min-width: 250px;
}
}
@media screen and (max-width: 767px) {
 .con-area {
flex-direction: column;
}
 .con-area h3 {
margin-bottom: 30px;
font-size: 1.25rem;
}
 .con-box h4 {
font-size: 1.125rem;
}
}
 @media screen and (max-width: 520px) {
 .con-box {
flex-direction: column;
width: 100%;
margin: 0;
margin-top: 40px;
}
 .con-box>div {
width: 100%;
margin-left: 0;
margin-right: 0;
}
    /* .con-box>div {flex-direction: column;} */
    .con-box-02>div {
width: 100%;
}
 .con-box-02 .right {
display: none;
}
}
/* 정품등록 */
.con-box-03 {
	margin-left: -12px;
	margin-right: -12px;
	display: flex;
	margin-bottom: -24px;
	font-weight: 400;
	width: calc(100% + 24px);
}
.con-box-03 >div {
	background-color: #f5f5f5;
	width: calc(33.3333% - 12px);
	margin-left: 12px;
	margin-right: 12px;
	padding: 50px 40px;
	margin-bottom: 24px;
}
.con-box-03 img {
	height: 30px;
	width: auto;
}
.con-box-03 h4 {
	font-size: 20px;
	margin-top: 40px;
	margin-bottom: 1rem;
}
.con-box-03 p {
	line-height: 1.5;
}
.con-box-03 >div span {
	display: block;
}
.registration a.btn-dark {
	margin: 0 auto;
}
 @media screen and (max-width: 1440px) {
 .con-box-03 >div span {
display: inline;
}
}
 @media screen and (max-width: 991px) {
 .con-box-03 {
flex-wrap: wrap;
}
 .con-box-03 >div {
width: calc(50% - 24px);
}
}
 @media screen and (max-width: 767px) {
 .con-box-03 >div {
width: 100%;
}
 .con-box-03 h4 {
font-size: 1.125rem;
margin-top: 20px;
}
}
/* 스킨 재정비 */


/* 베이직 스킨 */

/* 리스트 페이지 */
#bo_list {
	padding: 0 !important;
}
.tbl_head01 thead {
	border-top: 1px solid #000000;
}
.tbl_head01 thead th {
	padding: 20px 15px !important;
	font-size: 16px !important;
	color: #000000 !important;
	font-weight: 600;
	border-top: 1px solid #000000;
}
/* .td_subject a:hover {text-decoration: underline;} */
.bo_fx {
	padding-bottom: 20px !important;
	padding-top: 0 !important;
}
#bo_sch select {
	height: auto !important;
	padding: 10px;
	border-color: #dddddd;
}
.frm_input {
	padding: 10px 15px;
	max-width: 350px;
	width: 100%;
}
#bo_sch form {
	display: flex;
	justify-content: center; /* padding-bottom: 180px; */
	margin-top: 20px;
}
#bo_list_admin {
	padding: 0 !important; /* padding-top: 180px !important; */
}
#bo_cate {
	margin-bottom: 20px;
}
.list_hover:hover {
	background-color: #f8f8f8;
}
#faq_sch {
	padding-bottom: 0 !important;
}




/* .bo_notice .td_subject {position: relative; padding-left: 40px !important;} */
/* .bo_notice .td_subject::before {content: "!"; position: absolute; left: 10px; top: 22px;  background-color: #000000; color: #ffffff; border-radius: 50%; width: 20px; height: 20px; display: flex; justify-content: center; align-items: center; font-weight: 700;} */


@media screen and (max-width: 767px) {
    /* #bo_list_admin {padding-top: 80px !important;} */

    #bo_cate ul {
display: flex !important;
white-space: nowrap;
overflow-x: auto;
}
}
/* 뷰 페이지 */
.tbl_frm01 th {
	text-align: center;
}
.header-title {
	display: flex;
	text-align: center;
	font-size: 1.125rem;
	font-weight: 700;
}
#bo_v header {
	border-bottom: 1px solid #999999 !important;
	border-top: 2px solid #000000;
}
#bo_v .header-list {/* padding-bottom: 30px !important; */
	display: flex;
	text-align: center;
	border-top: 1px solid #ddd;
	justify-content: center;
	align-items: center;
	width: 100%;
}
#bo_v header .num {
	width: 10%;
	padding: 20px 15px;
}
#bo_v header .tltle {
	width: 60%;
	padding: 20px 15px;
}
#bo_v header .date {
	width: 20%;
	padding: 20px 15px;
}
#bo_v header .hit {
	width: 10%;
	padding: 20px 15px;
}
#bo_vc article {
	padding: 50px 20px 10px !important;
}
#bo_vc header {
	padding: 20px 10px !important;
}
#bo_vc p {
	padding: 20px 10px 10px !important;
}
#bo_v_title {
	border: none !important;
	padding-bottom: 0 !important;
	font-size: 1.25rem !important;
}
.m_date {
	display: none;
}
.bo_vc_act {
	right: 18px !important;
}
#bo_v_atc {
	padding: 20px !important;
}
 @media screen and (max-width: 767px) {
 .header-title {
display: none;
}
 #bo_v header .num {
display: none;
}
 #bo_v header .tltle {
width: 100%;
}
 #bo_v header .date {
display: none;
}
 #bo_v header .hit {
display: none;
}
 #bo_v_title {
font-size: 1.125rem !important;
}
 .m_date {
display: block;
font-weight: 300;
margin-top: 15px;
}
}
/* 폼 페이지 */
/* .form_area {padding-bottom: 180px;padding-top: 180px;} */

#bo_w {
	padding: 0 !important;
}
.board-form {
	border-top: 2px solid #000000;
	padding-left: 0;
	padding-right: 0;
}
.board-form .form-group {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.board-form .form-group>div {
	width: 85%;
	padding: 15px 20px;
}
.board-form .form-group .option_area {
	display: flex;
	align-items: center;
	gap: 0.5rem;
}
.board-form .form-group > label {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	padding: 1rem;
	min-width: 15%;
	height: 100%;
	font-weight: 600;
}
.board-form input[type=file] {
	padding: 0;
}
.board-form input[type=file]::file-selector-button {
height: 50px;
border-radius: 0;
background-color: #000000;
color: #ffffff;
border: 0;
padding: 10px;
}
.board-form .form-group {
	border-bottom: 1px solid #dddddd;
}
.tbl_frm01 .frm_file {
	margin-bottom: 0 !important;
}
.board-form .form-group .file-text {
	display: inline;
	font-size: 14px;
}
.file-text-02 {
	margin-top: 1rem;
}
.file-text-02 p {
	display: flex;
}
.file-text-02 p:not(:last-child) {
margin-bottom: 5px;
}
.file-text-02 p span {
	margin-right: 5px;
}
 @media screen and (max-width: 767px) {
 .board-form .form-group {
flex-direction: column;
align-items: flex-start;
}
 .board-form .form-group label {
font-size: 1rem;
padding-left: 0;
}
 .board-form .form-group .option_label {
padding-bottom: 0;
}
 .board-form .form-group .option_area label {
margin-left: 10px;
}
 .board-form .form-group>div {
padding-left: 0;
padding-top: 0;
width: 100%;
padding-right: 0;
}
 .tbl_head01 tbody td {
font-size: 1rem;
}
}
 @media screen and (max-width:767px) {
    /* .form_area {padding-bottom: 80px; padding-top: 80px;} */
    /* #bo_sch form {padding-bottom: 80px;} */
    .btn_bo_adm li {
margin-top: 10px;
margin-bottom: 10px;
}
 .btn_bo_user li {
margin-top: 10px;
margin-bottom: 10px;
}
 .tbl_head01 thead th {
font-size: 16px !important;
}
 .form_area th {
font-size: 1rem;
}
 .board-form input[type=file] {
font-size: 0.875rem;
}
 .board-form input[type=file]::file-selector-button {
font-size: 0.875rem;
}
}
/* 스킨 btn */

a.btn_b01 {
	height:auto !important;
	padding: 15px 20px !important;
}
.btn_bo_adm input {
	padding: 15px 20px !important;
}
a.btn_b02 {
	height:auto !important;
	padding: 15px 20px !important;
}
#bo_sch .btn_sch {
	padding: 15px 20px !important;
	height: auto !important;
	font-size: 15px;
}
.sub_page fieldset .btn_submit {
	padding: 15px 20px;
	height: auto;
	height: auto !important;
}
.btn_bo_adm input {
	height: auto !important;
}
.bo_v_nb a {
	padding: 15px 20px !important;
	line-height: 1.2 !important;
	height: auto !important;
}
#bo_w .btn_submit {
	height:auto !important;
	padding:15px 20px !important;
}
.btn_cke_sc {
	height: auto;
}
.form_area .btn_confirm {
	margin-top: 50px;
}
.btn {
	padding: 15px 20px;
	border: 0;
	font-size: 0.92rem;
}
.btn-primary {
	background-color: #444;
	color: #ffffff;
	margin-left: 6px;
	border: 1px solid #000000;
}
/* 1:1문의 */
.tbl_head01 {
}
.tbl_tt {
	margin-bottom: 2rem;
	font-size: 20px;
}
#qa_category {
	border: 1px solid #dddddd;
	padding: 10px 15px;
}
.email-check {
	display: inline;
}
.board-form .form-group .email-check {
	margin-left: 1rem;
}
.board-form .form-group .email-check label {
	display: inline;
	font-weight: 300;
}
.qa-table {
	border-bottom: 1px solid #dddddd;
	margin-bottom: 20px;
}
.qa-table {
	width: 100%;
}
.qa-table tbody th {
	width: 200px;
	padding: 15px 20px; /* background-color: #000000; color: #ffffff; */
}
.qa-table tbody td {
	padding: 15px 20px;
}
.li_stat {
	border: none !important;
	font-weight: 500 !important;
}
.txt_done {
	background-color: transparent !important;
	color: #0078ff !important;
}
 @media screen and (max-width:920px) {
 .tbl_head01 {
overflow-x: auto;
}
 .tbl_head01 table {
width: 920px;
}
}
 @media screen and (max-width:767px) {
 .qa-table tbody td {
display: block;
}
 .qa-btn {
margin-left: 0;
}
/* .btn-primary {font-size: 0.875rem;} */

}
/* Q&A */
#bo_cate_ul {
	margin-top: -10px;
}
/* 정품등록 스킨 */
.form-group .area {
	display: flex;
}
.text-title {
	margin-bottom: 1rem;
	font-size: 1.125rem;
}
.view-list {
	width: 100%;
	color: #000000;
}
.view-list div {
	padding: 20px 15px;
	word-break: break-all;
}
.view-list li {
	border-bottom: 1px solid #ddd !important;
	display: flex;
}
.view-list li div:first-child {
	min-width: 200px;
	width: 200px;
	border-right: 1px solid #dddddd;
	background-color: #f1f1f1;
	font-weight: 600;
}
 @media screen and (max-width:767px) {
 .text-title {
font-size: 1.125rem;
}
 .view-list li {
flex-direction: column;
}
 .view-list li div:first-child {
width: 200px;
border-right: 0;
padding-bottom: 0;
}
}
/* a/s접수 */
.input-100 {
	max-width: 1040px;
}
.input-text {
	margin-top: 8px;
}
/* 브랜드스토리 = YCC */
.sub-visual-ycc {
	height: 780px;
}
.sub-visual-ycc h1 span {
	font-size: 80px;
}
.sub-visual-ycc p {
	font-size: 60px;
	font-weight: 300;
}
.ycc .content {
	line-height: 1.8;
}
.ycc .content p {
	font-weight: 400;
}
.ycc .img-area {
	margin-top: 80px;
}
/* 비디오 */

/* video */
/* .ycc .video_area {display: flex; align-items: center; justify-content: center;} */
.ycc .video_wrap {
	width: 100%;
	height: auto;
	margin-top: 80px;
}
.ycc .video {
	position: relative;
	height: 0;
	padding-bottom: 56.25%;
	; /* margin: 40px 0; max-width: 906px; width: 100%; */
}
.ycc .video iframe {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
}
 @media screen and (max-width:1200px) {
 .sub-visual-ycc h1 span {
font-size: 60px;
}
 .sub-visual-ycc p {
font-size: 40px;
}
}
 @media screen and (max-width:767px) {
 .sub-visual-ycc {
height: 400px;
}
 .sub-visual-ycc h1 span {
font-size: 1.5rem;
}
 .sub-visual-ycc p {
font-size: 1rem;
}
 .ycc .content p .d-md-inline {
display: inline;
}
}
/* store */
.store_top {
	padding: 50px;
	border: 1px solid #dddddd;
	margin-bottom: 60px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.store_top>div {
	display: flex;
	align-items: center;
}
.map_area {
	width: 400px;
	height: 435px;
	background-image: url("/theme/macaroon/img/map.png");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	margin-right: 80px;
}
.map_menu {
	position: relative;
}
.map_menu .map_item {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 40px;
	height: 25px;
	background-color: #888888;
	color: #ffffff;
	font-size: 14px;
	font-weight: 500;
	position: absolute;
	border-radius: 2px;
}
.map_item:hover, .map_item.active {
	background-color: #000000;
}
.map_item_01 {
	top: 32px;
	left: 140px;
}
.map_item_02 {
	top: 86px;
	left: 65px;
}
.map_item_03 {
	top: 80px;
	left: 124px;
}
.map_item_04 {
	top: 75px;
	left: 225px;
}
.map_item_05 {
	top: 145px;
	left: 185px;
}
.map_item_06 {
	top: 180px;
	left: 70px;
}
.map_item_07 {
	top: 165px;
	left: 130px;
}
.map_item_08 {
	top: 198px;
	left: 145px;
}
.map_item_09 {
	top: 190px;
	left: 245px;
}
.map_item_10 {
	top: 250px;
	left: 130px;
}
.map_item_11 {
	top: 242px;
	left: 230px;
}
.map_item_12 {
	top: 266px;
	left: 304px;
}
.map_item_13 {
	top: 294px;
	left: 214px;
}
.map_item_14 {
	top: 314px;
	left: 110px;
}
.map_item_15 {
	top: 308px;
	left: 276px;
}
.map_item_16 {
	top: 360px;
	left: 130px;
}
.map_item_17 {
	top: 390px;
	left: 290px;
}
.map_sch h3 {
	font-size: 30px;
	font-weight: bold;
}
.map_sch p {
	font-weight: 400;
	margin-top: 1rem;
}
.add_area {
	margin-top: 40px;
}
.add_area .select_area {
	display: flex;
}
.add_area .select_area .add_01 {
	margin-right: 4px;
}
.add_area select {
	border-color: #000;
	padding: 15px 20px;
	min-width: 220px;
}
.add_area .form-group {
	margin-top: 10px;
	display: flex;
}
.add_area .btn-primary {
	padding: 15px 30px;
	font-weight: 600;
}
.store_top select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	padding: 15px 20px;
	background-image: url("/theme/macaroon/img/arrow-bottom.svg");
	background-repeat: no-repeat;
	background-position: right 20px center;
	background-size: 10px 6px;
	font-weight: 500;
}
.store_top select:focus-visible {
background-image: url("/theme/macaroon/img/arrow-top.svg");
border-color: #000;
padding: 15px 20px;
min-width: 220px;
}
.add_area .frm_input {
	border-color: #cccccc;
}
.store-table tbody {
	border-top: 2px solid #000000;
}
 @media screen and (max-width:1200px) {
 .store_top>div {
flex-direction: column;
}
 .map_area {
margin-right: 0;
}
 .map_sch {
margin-top: 80px;
}
}
 @media screen and (max-width:520px) {
 .add_area select {
min-width: auto;
width: 100%;
}
 .add_area .select_area {
flex-direction: column;
}
 .add_area .select_area .add_01 {
margin-right: 0;
margin-bottom: 10px;
}
 .map_area {
width: 80vw;
height: 90vw;
}
 .map_menu .map_item {
width: 9vw;
height: 6vw;
font-size: 3vw;
}
 .map_item_01 {
top: 7vw;
left: 28vw;
}
 .map_item_02 {
top: 18vw;
left: 12vw;
}
 .map_item_03 {
top: 16vw;
left: 24vw;
}
 .map_item_04 {
top: 14vw;
left: 44vw;
}
 .map_item_05 {
top: 30vw;
left: 35vw;
}
 .map_item_06 {
top: 36vw;
left: 12vw;
}
 .map_item_07 {
top: 33vw;
left: 24vw;
}
 .map_item_08 {
top: 40vw;
left: 27vw;
}
 .map_item_09 {
top: 38vw;
left: 50vw;
}
 .map_item_10 {
top: 51vw;
left: 26vw;
}
 .map_item_11 {
top: 49vw;
left: 46vw;
}
 .map_item_12 {
top: 55vw;
left: 62vw;
}
 .map_item_13 {
top: 60vw;
left: 43vw;
}
 .map_item_14 {
top: 64vw;
left: 21vw;
}
 .map_item_15 {
top: 63vw;
left: 55vw;
}
 .map_item_16 {
top: 73vw;
left: 25vw;
}
 .map_item_17 {
top: 80vw;
left: 58vw;
}
 .map_sch h3 {
font-size: 1.5rem;
}
}
/* 스토어 스킨 */

.store-list {
	border-top: 1px solid #000000;
	margin-bottom: 80px;
}
.store-item {
	border-bottom: 1px solid #ddd;
	padding: 20px;
	display: flex;
	width: 100%;
	justify-content: center;
	align-items: center;
}
.store-item {
	border-bottom: 1px solid #ddd;
	padding: 20px;
	display: flex;
	width: 100%;
	justify-content: center;
	align-items: center;
}
.store-item:hover {
	background-color: #f8f8f8;
}
.store-list .con-01 {
	width: 60%;
}
.store-list .con-02 {
	width: 25%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.store-list .con-02 img {
	margin-right: 0.5rem;
}
.store-list .con-03 {
	width: 15%;
	margin-left: auto;
	margin-right: 0;
}
/* .store-item>div {} */
.store-item .btn-outline-dark {
	padding: 10px 20px;
	height: fit-content;
	width: fit-content;
	margin-left: auto;
	text-align: center;
}
.store-item .btn-outline-dark:hover {
	background-color: #000000;
	color: #ffffff;
}
.store-list .subject {
	font-weight: 600;
	margin-bottom: 10px;
	display: block;
}
 @media screen and (max-width:767px) {
 .store-item {
flex-direction: column;
align-items: flex-start;
}
 .store-list .con-01 {
width: auto;
}
 .store-list .con-02 {
width: auto;
margin-top: 0.5rem;
}
 .store-list .con-03 {
width: auto;
margin-left: 0;
margin-top: 1.5rem;
}
}
/* 마이페이지  */


/* 마이페이지 비주얼 */

.my_top {
	color: #ffffff;
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	padding-left: 4%;
	padding-right: 4%;
	width: 100%;
	padding-top: 3rem;
	padding-bottom: 3rem;
}
.my_top>div {
	width: 50%;
}
.my_top a {
	color: #ffffff;
}
.my_top_left .name {
	display: flex;
	align-items: flex-end;
}
.my_top_left h1 {
	font-size: 40px;
	margin-right: 1.5rem;
}
.my-btn {
	padding: 2px 5px;
	border: 1px solid #ffffff;
}
.my_top_left ul {
	display: flex;
	margin-bottom: 14px;
}
.my_top_left ul li:not(:last-child) {
margin-right: 8px;
}
.my_top_left .add {
	margin-top: 0.5rem;
}
.my_top_left .add>div {
	display: flex;
}
.my_top_left .add>div strong {
	margin-right: 4px;
}
.my_top_left .add>div:not(:last-child) {
margin-bottom: 0.5rem;
}
.my_top_right ul {
	display: flex;
}
.my_top_right ul li {
	width: 25%;
}
.my_top_right ul li a {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	width: 100%;
}
.my_top_right img {
	height: 30px;
	width: auto;
}
.my_top_right p {
	margin-top: 1rem;
	margin-bottom: 1rem;
	font-size: 14px;
}
.my_top_right strong {
	display: block;
	font-size: 28px;
}
 @media screen and (min-width:1700px) {
 .my_top {
max-width: 1320px;
margin: 0 auto;
padding-left: 20px;
padding-right: 20px;
}
}
 @media screen and (max-width:991px) {
 .my_top {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
}
 .my_top>div {
width: 100%;
}
 .my_top_right {
margin-top: 4rem;
}
 .my_top_left .name {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
}
 .my_top_left ul {
margin-top: 1rem;
}
}
 @media screen and (max-width:520px) {
 .my_top_left h1 {
font-size: 25px;
}
 .my_top_right ul {
flex-wrap: wrap;
}
    /* .my_top_right ul li {width: 50%;} */
    .my_top_right ul li a {
justify-content: center;
align-items: center;
}
 .my_top_right strong {
font-size: 18px;
}
}
/* 마이페이지 */

.my_area {
}
.listType .title {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	margin-bottom: 30px;
}
.listType .title a {
	text-decoration: underline;
	font-weight: 600;
}
.listType h2 {
	font-size: 30px;
	font-weight: 800;
}
.listType .list {
	border-top: 1px solid #000000;
	/* text-align: center; */
	font-weight: 500;
	word-break: break-all;
}
.listType .listType_header {
	display: flex;
	border-bottom: 1px solid #dddddd;
	text-align: center;
	font-weight: 600;
}
.listType .tt {
	padding: 20px;
}
.listType_con {
	display: flex;
	align-items: center;
	border-bottom: 1px solid #dddddd;
}
.listType_con>div {
	padding: 20px;
	height: 100%;
}
.listType .item01 {
	width: 10%;
}
.listType .item02 {
	width: 15%;
}
.listType .item03 {
	width: 40%;
	text-align: left;
}
.listType .listType_header .item03 {
	text-align: center;
}
.listType_con .item04{text-align: center;}
.listType .item04 {
	width: 15%;
}
.listType .item05 {
	width: 20%;
}
#sps_empty {text-align: center; padding: 20px 0;}
.listType_01  .listType_con .item03 {justify-content: flex-start;}
.listType_con .item03 {
	display: flex;
	justify-content: center;
	align-items: center;
}
.listType_con .img-area {
	margin-right: 0.5rem;
}
.listType_con .img-area img {
	width: 100px;
	height: auto;
}
.listType_con .item03 p {
	margin-top: 0.5rem;
}
.listType_con .item04 p {
	margin-top: 0.5rem;
}
.listType_con .item05 {
	display: flex;
	justify-content: space-between;
	font-weight: 500;
}
.listType_con .item05>div {
	width: 50%;
    /* padding-right: 20px; */
}

.listType_con .item05>.item05_01 {padding-right: 20px;}
.listType_con .item05_01 {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.listType_con .item05_01 button {
	margin-top: 0.5rem;

}
.listType_con .item05_02 .btn-outline-gray {    min-width: 90px;}
.listType_con .item05_02 button:not(:last-child) {
margin-bottom: 5px;
}
.text-blue {
	color: #0078ff;
}
.btn-outline-gray {
	padding: 6px 1rem;
	border: 1px solid #ccc;
	background-color: transparent;
	font-weight: 500;
	font-size: 15px;
}
.btn-dark {
	background-color: #444;
	color: #ffffff;
	border: 1px solid #444;
	padding: 15px 20px;
}
.d-lg-block {
	display: none;
}
 @media screen and (max-width:1200px) {
 .listType_con .item05>div {
width: 100%;
}
 .listType_con .item05_01 {
margin-bottom: 0.5rem;
}
 .listType_con .item05 {
flex-direction: column;
}
}
 @media screen and (max-width:767px) {
 .d-lg-block {
display: inline;
}
 .listType .listType_header {
display: none;
}
 .listType_con {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
padding-top: 1rem;
padding-bottom: 1rem;
}
 .listType_con>div {
width: 100% !important;
text-align: right;
padding: 10px;
}
 .listType_con .item01, .listType_con .item02 {
text-align: left;
}
 .listType_con .item03 {
align-items: flex-start;
justify-content: flex-start;
flex-direction: column;
}
 .listType_con .item04 strong {
color: #e00000;
}
 .listType_con .item05 {
justify-content: center;
align-items: center;
width: auto;
}
 .listType_con .item05>div {
width: auto;
}
 .listType_con .item05_01 {
align-items: flex-end;
justify-content: center;
}
 .listType_con .img-area {
margin-right: 0;
width: 100%;
}
 .listType_con .img-area img {
width: 100%;
}
 .listType h2 {
font-size: 7vw;
}
 .listType_con .item05_02 button:not(:last-child) {
margin-bottom: 0;
}
}
 @media screen and (max-width:520px) {
 .listType_con .item03 strong {
font-size: 6vw;
}
 .listType_con .item04 strong {
font-size: 6vw;
}
}
/* 주문하신 상품 */

.sod_list .li_name a {
	padding: 0;
}
.btn_wr button {
    border: 1px solid #ccc !important;
    margin: 0;
    padding: 5px 10px;
    border: 0;
    background: #fafafa;
    color: #000000;
    height: fit-content;
    min-width: 50px;

}
/* 나의 상품 문의 */

.mt-100 {
	margin-top: 100px;
}
.sit_qa_qaq img {
	display: block;
}
.listType_02 .item01 {
	width: 35%;
	text-align: left;
}
.listType_02 .listType_header .item01 {
	text-align: center;
}
.listType_02 .listType_con .item01 {
	display: flex;
}
.listType_02 .listType_con .item01 p {
	margin-top: 0.5rem;
}
.listType_02 .item02 {
	width: 30%;
	text-align: left;
}
.listType_02 .listType_header .item02 {
	text-align: center;
}
.listType_02 .item03 {
	width: 10%;
	flex-direction: column;
}
.listType_02 .listType_con .item03 p {
	margin-top: 0;
}
.listType_02 .item04 {
	width: 15%;
}
.listType_02 .item05 {
	width: 10%;
	flex-direction: column;
}
.sit_qaa_done {
	color: #0078ff;
	;
}
#sqa_con_0 {
	border-top: 1px solid #ddd;
}
 @media screen and (max-width:767px) {
 .listType_02 .item02 {
font-size: 6vw;
font-weight: 600;
}
 .listType_02 .listType_con>div {
text-align: left;
}
}
/* 상품 스킨 텍스트 높이값 조절 */

/* #smb_my {display: none;} */


/* 적립금 */


.listType_03 .listType_con_area {
	border-top: 2px solid #000000;
	border-bottom: 1px solid #ddd;
}
.listType_03 .listType_con {
	max-width: 800px;
	margin: 0 auto;
	justify-content: space-between;
	padding-left: 20px;
	padding-right: 20px;
	border-bottom: 0;
}
.listType_03 .listType_con strong {
	font-size: 28px;
}
.listType_03 .listType_con>div {
	padding: 30px 20px;
}
.list_bottom_text {
	font-size: 0.875rem;
	margin-top: 1rem;
}
.fw-300 {
	font-weight: 300;
}
@media screen and (max-width:767px) {
 .listType_03 .listType_con {
flex-direction: row;
}
 .listType_03 .listType_con>div {
text-align: center;
}
 .listType_03 .listType_con strong {
font-size: 5vw;
}
}
 @media screen and (max-width:520px) {
 .listType_03 .listType_con {
flex-direction: column;
}
 .listType_03 .listType_con>div {
padding: 5px;
display: flex;
justify-content: center;
align-items: center;
}
 .listType_03 .listType_con>div p {
margin-right: 1rem;
}
}
/* 적립내역 */

.listType_04 .listType_con_area {
	border-top: 1px solid #000000;
}
.listType_04 .item01 {
	width: 15%;
}
.listType_04 .item02 {
	width: 35%;
}
.listType_04 .listType_con .item02 {
	text-align: left;
}
.listType_04 .item03 {
	width: 20%;
}
.listType_04 .item04 {
	width: 15%;
}
.listType_04 .item05 {
	width: 15%;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}
 @media screen and (max-width:767px) {
 .listType_04 .listType_con .item01 {
display: flex;
}
 .listType_04 .listType_con .item01>div {
margin-left: 5px;
}
 .listType_04 .listType_con .item02 {
display: flex;
}
 .listType_04 .listType_con .item02>div {
margin-left: 5px;
}
 .listType_04 .listType_con .item03 {
display: flex;
flex-direction: row;
}
 .listType_04 .listType_con .item03>div {
margin-left: 5px;
}
 .listType_04 .listType_con .item04 {
display: flex;
text-align: left;
}
 .listType_04 .listType_con .item04>div {
margin-left: 5px;
}
 .listType_04 .listType_con .item05 {
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: flex-start;
text-align: left;
}
 .listType_04 .listType_con .item05>div {
margin-left: 5px;
}
 .listType_04 .listType_con .d-lg-block {
min-width: fit-content;
}
}
/* 회원가입 */

#fregister p {
	margin-bottom: 3rem;
	font-size: 20px;
}
#fregister h2 {
	font-size: 30px !important;
	margin-bottom: 30px !important;
}
.mbskin .btn_submit {
	
}
.mbskin .btn_cancel {
	
}
 @media screen and (max-width:575px) {
 #fregister p {
font-size: 5vw !important;
}
 #fregister h2 {
font-size: 7vw !important;
}
}
/* 정보수정 */

.pt-50 {
	padding-top: 50px;
}
#mb_confirm h1 {
	font-size: 30px !important;
}
#mb_confirm fieldset {
	padding: 20px !important;
	margin-bottom: 1rem !important;
}
#mb_confirm .btn_confirm a {
	text-decoration: underline;
}
#mb_confirm .btn_submit {
	position: static !important;
	padding: 0.5rem!important;
	margin-left: auto;
	margin-right: 0;
	display: block;
	width: auto !important;
	min-width: 100px;
    min-height: 40px;
}
#mb_confirm_pw {
	padding: 5px 10px !important;
}
#mb_confirm {
	margin: 0 !important;
	max-width: 430px;
	margin-left: auto !important;
	margin-right: auto !important;
	box-shadow: 0px 0px 13px rgba(0, 0, 0, 0.2);
}
.mbskin .frm_input {
	
}
#fregisterform .frm_address {
	max-width:100%;
}
#mb_confirm fieldset {
	background-color: #ffffff !important;
}
#mb_confirm h1 {
	padding: 15px 20px !important;
	border-bottom: 1px solid #e9e9e9 !important;
	font-size: 1.12em !important;
	margin-bottom: 10px !important;
	background: #f3f3f3 !important;
	margin-bottom: 20px !important;
	margin-bottom: 0 !important;
}
#mb_confirm p {
	padding: 20px !important;
}
#mb_confirm fieldset {
	padding-top: 0 !important;
}
#mb_confirm_pw {
	width: 100% !important;
	max-width: 100% !important;
}
#find_info #info_fs #mb_email {
	max-width: 100% !important;
}
#mb_confirm .btn_submit {
	margin-top: 30px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}
#mb_confirm fieldset {
	border-bottom: 0 !important;
}
.board-form-new tr {
	border-bottom: 1px solid #dddddd;
}
.btn_confirm {
	padding-bottom: 30px;
}
.board-form-new th {
	background-color: #ffffff !important;
	border: 0 !important;
	padding: 15px 20px !important;
}
.board-form-new td {
	border: 0 !important;
	padding: 15px 20px !important;
}
.board-form-new .btn_frmline {
	padding: 15px 20px !important;
	height: auto !important;
}
#mb_confirm p strong {
	display: block;
	margin-bottom: 0.5rem;
}
.board-form-new caption {
	font-size: 30px !important;
	margin-bottom: 30px !important;
}
.board-form input[type=file] {
	font-size: 0.875rem;
}
#fregisterform {
	margin: 0 !important;
}
 @media screen and (max-width:767px) {
 .board-form-new caption {
font-size: 7vw !important;
}
 #mb_confirm h1 {
font-size: 7vw !important;
}
 .mbskin .tbl_frm01 th {
width: auto !important;
}
}
/* 나의 주문내역 */
#sod_v {
	padding: 0 !important;
}
.listType_con_area {/* padding-bottom: 20px; */ /* border-bottom: 1px solid #dddddd; */
}
.listType_con_area .listType_con {
	border-bottom: 0;
}
/* .listType_02 .sit_qa_qaq {border-top: 1px solid #ddd;} */

#sod_list_inq .prqty_stat{font-weight: 600; /* color: #e20000; */ /* display: block; */}




/* 관심상품 */

.listType .heart {
	margin-top: 1rem;
}
.listType .heart .fa-heart::before {
font-size: 1.5rem;
color: #e00000;
margin-right: 5px;
}
.listType .heart span {
	font-size: 1.5rem;
	font-weight: 600;
}
.listType .wish_del {
	margin-top: 1rem;
	display: block;
}
/* .listType .fa-trash::before {font-size: 1rem;} */

/* 나의 상품 후기 */

.border-top-dark {
	border-top: 1px solid #000000;
}
#sps ol {
	padding: 0px !important;
}
#sps li {
	padding: 20px !important;
	display: flex;
	width: 100%;
}
.sps_img {
	position: static;
}
#sps_con_0 {
	margin-top: 20px !important;
	padding-top: 20px !important;
	border-top: 1px solid #ddd;
}
.sps_section {
	margin-left: 0 !important;
	width: 100%;
}
.sps_section_con {
	display: flex;
}
.sps_section_con .sps_con {
	margin-left: 1rem;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
}
.icon_star {
	height: 20px;
	width: auto;
}
/* 장바구니 */
.sod_list .sod_opt {
	padding: 10px 0;
}
.sod_list .li_prqty {
	margin: 10px 0 !important;
	display: flex;
	flex-wrap: wrap;
}
.sod_list .li_prqty .li_prqty_sp {
	width: calc(25% + 1px);
}
.sod_list .sod_li {
	padding: 20px !important;
}
.sod_list .li_chk {
	top: 26px !important;
	left: 20px !important;
}
.sod_list .li_name {
	min-height: auto;
}
.sod_list .sod_opt {
	margin-left: 0 !important;
}
.sod_list .total_img {
	position: static;
}
.sod_ta_wr {
	margin-top: 2rem;
}
#m_sod_bsk_tot {
	border: 1px solid #000;
}
#m_sod_bsk_tot dt {
	padding: 15px 20px;
	padding-bottom: 0;
}
#m_sod_bsk_tot dt.sod_bsk_point {
	border-top: 1px solid #000000;
}
#m_sod_bsk_tot dd {
	padding: 15px 20px;
}
#sod_bsk {
	padding: 0;
}
#sod_bsk_act div {
	position: static;
	margin-bottom: 2rem;
	font-size: 25px;
}
 @media screen and (max-width:767px) {
 .sod_list .li_prqty .li_prqty_sp {
width: calc(50% + 1px);
}
}
/* 장바구니->주문하기 */

.listType_05 .sod_opt {
	display: flex;
}
.listType_05 .sod_opt span {
	min-width: 42px;
}
.listType_05 {
}
.listType_05 .item01 {
	width: 44%;
	text-align: left;
}
.listType_05 .listType_header .item01 {
	text-align: center;
}
.listType_05 .listType_con .item01 {
	display: flex;
}
.listType_05 .item02 {
	width: 10%;
	text-align: center;
}
.listType_05 .item03 {
	width: 12%;
	text-align: center;
}
.listType_05 .item03 p {
	margin-top: 0;
}
.listType_05 .item04 {
	width: 12%;
	text-align: center;
}
.listType_05 .item04 p {
	margin-top: 0;
}
.listType_05 .item05 {
	width: 12%;
	text-align: center;
	display: block;
}
.listType_05 .item06 {
	width: 10%;
	text-align: center;
}
#sod_list thead tr {
	border-top: 2px solid #000000;
	border-bottom: 1px solid #dddddd;
}
#sod_list thead th {
	padding: 20px;
	min-width: 100px;
	text-align: center;
}
#sod_list tbody tr {
	border-bottom: 1px solid #dddddd;
}
#sod_list tbody td {
	padding: 20px;
}
.tbl_frm01 tr {
	border-bottom: 1px solid #dddddd;
}
.tbl_frm01 th {
	background-color: transparent;
	border: 0;
}
.tbl_frm01 td {
	background-color: transparent;
	border: 0;
	padding: 15px 20px;
}
#sod_frm_orderer {
	margin-top: 100px;
}
#sod_frm_orderer h2 {
	font-size: 30px;
	padding-bottom: 30px;
	border-bottom: 1px solid #000000;
	margin-bottom: 0;
}
#sod_frm_taker {
	margin-top: 100px;
}
#sod_frm_taker h2 {
	font-size: 30px;
	padding-bottom: 30px;
	border-bottom: 1px solid #000000;
	margin-bottom: 0;
}
#sod_frm {
	padding: 0;
}
/* #sod_bsk_tot {border: 1px solid #000000;} */
#sod_bsk_tot li {
	padding: 10px;
	border-bottom: 1px solid #dddddd;
}
/* #sod_bsk_tot li:not(:last-child) {padding-bottom: 0px;} */
#sod_frm_orderer .btn-dark {
	padding: 15px 20px;
}
.sod_bsk_point {
	padding-bottom: 20px;
}
#sod_frm_pay .pay_tbl {/* padding: 20px 0; */
	margin: 10px 0;
	padding: 10px;
	background: #f2f2f2;
	border: 1px solid #e0e0e0;
	margin-bottom: 20px;
    font-size: 18px;
}
#od_tot_price {
	padding-bottom: 20px;
}
#od_tot_price {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 15px 0;
    font-size: 16px;
}
#od_tot_price .fw-300{font-weight: 300;}


#sod_frm_pay {
	padding: 30px 0;
}
#sod_frm_pay td {
	padding-left :20px;
}
#od_tot_price strong {
	padding-left: 20px;
}

#od_tot_price strong {    color: #e00000 !important;
    font-size: 22px !important;}

#od_agreement {margin-top: 100px; margin-bottom: 50px;}
#od_agreement h3 {font-size: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #000000;
    margin-bottom: 0;}
#od_agreement>div {display: flex;padding-top: 20px;}

#od_agreement>div input {margin-right: 5px;}

.od_agreement_text {display: flex; align-items: center;}

#sod_frm .od_agreement_text p {margin-bottom: 0;  font-weight: 700; font-size: 18px;}
#sod_frm .od_agreement_text>div {display: flex; align-items: center; min-width: 140px;}

 @media screen and (max-width:767px) {

#od_agreement {margin-top: 50px; margin-bottom: 20px;}
#sod_frm .od_agreement_text>div {min-width: 100px;}

 .listType_05 .listType_con .item01 {
flex-direction: column;
}
 .listType_05 .item01 {
text-align: left;
padding-bottom: 0;
}
 .listType_05 .item01 p {
padding-top: 10px;
margin-bottom: 0 !important;
}
 .listType_05 .item02 {
text-align: left;
padding-bottom: 0;
}
 .listType_05 .item03 {
text-align: left;
padding-bottom: 0;
}
 .listType_05 .item04 {
text-align: left;
padding-bottom: 0;
}
 .listType_05 .item05 {
text-align: left;
padding-bottom: 0;
}
 .listType_05 .item06 {
text-align: left;
padding-bottom: 0;
}
 #sod_frm_orderer {
margin-top: 50px;
}
 #sod_frm_taker {
margin-top: 50px;
}
 #sod_frm_orderer h2 {
font-size: 7vw;
}
 #sod_frm_taker h2 {
font-size: 7vw;
}


.tbl_frm01 th  {width: 100px;}
}
/* footer */
.footer {
	padding: 100px 0;
	background-color: #000000; color: #ffffff;
}
.foot_area {
	display: flex;
	justify-content: space-between;
}
.foot_left {
	margin-right: 70px;
}
.foot_logo {
	margin-bottom: 70px;
}
.foot_logo img {
	width: 215px;
	height: auto;
    /* filter: invert(100); */
}
.foot_nav {
	font-weight: 500;
	margin-bottom: 20px;
}
.foot_nav ul {
	display: flex;
	flex-wrap: wrap;
}
.foot_nav ul li {
	margin-bottom: 8px;
}
.foot_nav ul li:not(:last-child) {
margin-right: 24px;
}
.foot_nav ul li a {color: #ffffff;}

.foot_nav ul li:hover {
	font-weight: 700;
}
.footer .address {
	font-style: normal;
	font-size: 13px;
	color: #666666;
	margin-bottom: 35px;
	line-height: 20px;
}
/* .footer .address>div {margin-bottom: 10px;} */
.footer .address>div span {
	margin-right: 15px;
}
.footer .copy {
	font-size: 13px;
	color: #999999;
}
.foot_right {
	display: flex;
}
.foot_right .contact_area {
	font-size: 13px;
	margin-right: 70px;
	min-width: 205px;
    position: relative;
}

.foot_right .contact_area::after {position: absolute; content: ""; width: 1px; height: 80%; background-color: #666666; top:0; right: -35px;}
.foot_right a {color: #888888;}
.foot_right .contact_area .tel {
	font-size: 27px;
	font-weight: 600;
	margin-bottom: 10px;
    color: #ffffff;
}
.foot_right .contact_area .tel a {color: #ffffff;}
.foot_right .contact_area p {
	margin-bottom: 5px;
    color: #888888;
}
/* sns */
.sns_list {
	display: flex;
	/* margin-bottom: 30px; */
}
.sns_list li:not(:last-child) {
margin-right: 6px;
}
.sns_list a {
	display: block;
	background-color: rgba(255, 255, 255, .2);
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.sns_list .facebook img {
	width: 10px;
	height: auto;
}
.follow {display: flex; align-items: center; justify-content: space-between;margin-bottom: 30px;}
.sns_list .instagram img {
	width: 20px;
	height: auto;
}
.sns_list .youtube img {
	width: 25px;
	height: auto;
}
.sns_list a:hover {
	opacity: 0.8;
}
.family-site {
	position: relative;/* right: 20px;width: 200px;height: 40px;top: 25px; */
	width: 280px;
	height: 55px;
	background-color: #ffffff;
	font-weight: 500;
}
.family-site .family_site_btn {
	width: 100%;
	height: 100%;
	background-color: transparent;
	border: 1px solid #000000;
	color: #000000;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 10px 26px;
	font-size: 14px;
	font-weight: 500;
}
.family-site ul {
	position: absolute;
	width: 100%;
	bottom: -112px;
	display: none;
}
.family-site ul li {
	position: relative;
}
.family-site ul li {
	border: 1px solid #000000;
	margin-top: -1px;
}
.family-site ul li a {
	display: block;
	width: 100%;
	height: 100%;
	padding: 10px 26px;
	background-color: #ffffff;
	display: flex;
	align-items: center;
	height: 55px;
}
/* .family-site .family_site_btn i {width: 0;height: 0;border-bottom: 6px solid #000000;border-top: 6px solid transparent;border-left: 6px solid transparent;border-right: 6px solid transparent;margin-bottom: 6px;} */
.family-site .family_site_btn i {
	width: 0;
	height: 0;
	border-bottom: 6px solid transparent;
	border-top: 6px solid #000000;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	margin-bottom: -8px;
}
 @media screen and (max-width:1200px) {
 .foot_right {
flex-direction: column;
}
 .family-site {
margin-top: 30px;
}
 .footer .address>div {
display: inline;
}
.foot_right .contact_area::after {display: none;}
.foot_right .contact_area {margin-bottom: 30px; margin-right: 0;}

}
 @media screen and (max-width:767px) {
 .footer {
padding: 80px 0;
}
 .foot_area {
flex-direction: column;
}
 .foot_left {
margin-right: 0;
}
 .foot_right {
margin-top: 30px;
}
 .footer .address>div span {
display: block;
}
 .family-site {
height: 45px;
}
 .family-site ul {
bottom: -92px;
}
 .family-site ul li a {
height: 45px;
}
}
 @media screen and (max-width:320px) {
 .family-site {
width: 260px;
}
}

/* 새창 기본 스타일 시작*/
.pop_tbl_head01 tbody tr:nth-child(even) {
background:#eff3f9
}
.pop_tbl_head01 thead th {
	background: #6f809a;
	color: #fff !important;
	border: 1px solid #60718b;
	font-weight: normal;
	text-align: center;
	padding: 8px 5px !important;
	font-size: 0.92em !important;
}
.pop_tbl_head01 tbody td {
	line-height: 22px;
	padding: 8px 5px !important;
	font-size: 0.92em !important;
}
.td_mng button, .td_mng button.btns {
	height:26px;
	border:0;
	border-radius:3px;
	padding:0 8px;
	margin:1px;
	font-weight:normal;
	font-size: 0.92em !important;
	background: #000000;
	color: #ffffff;
}
.frm_input_pop {
	padding:0 5px;
	height:35px;
	line-height:32px;
	border:1px solid #d5d5d5;
}
.new_win {
}
.new_win h1 {
	font-size:1.17em;
	padding:15px 20px;
	background:#fff;
	border-bottom:1px solid #ddd
}
.new_win h2 {
	margin:0 20px 10px
}
.new_win_ul {
	margin:-20px 0 20px 0;
	padding:0 0 0 20px;
	border-bottom:1px solid #515151;
	background:#484848;
	list-style:none;
	zoom:1
}
.new_win_ul:after {
	display:block;
	visibility:hidden;
	clear:both;
	content:""
}
.new_win_ul li {
	float:left;
	margin-left:-1px
}
.new_win_ul a {
	display:block;
	padding:10px 10px 8px;
	border-right:1px solid #595959;
	border-left:1px solid #595959;
	color:#fff;
	font-family:dotum;
	font-weight:bold;
	text-decoration:none
}
.new_win_desc {
	margin:0
}
.new_win .anchor {
	margin:0 0 5px
}
.new_win .win_btn {
	clear:both;
	padding:10px;
	text-align:center
} /* 새창용 */
.new_win .win_btn button {
	display:inline-block;
	padding:0 10px;
	height:30px;
	border:0;
	line-height:2em;
	cursor:pointer
}
.new_win .win_btn input {
	padding:0 10px;
	height:30px;
	line-height:2em
}
.new_win .win_btn a {
	display:inline-block;
	padding:0 10px;
	height:30px;
	background:#4b545e;
	color:#fff;
	vertical-align:middle;
	line-height:2.4em
}
.new_win .win_btn a:focus, .new_win .win_btn a:hover {
	text-decoration:none
}
.new_win .local_sch, .new_win .local_cmd, .new_win .local_desc01, .new_win .local_desc02, .new_win .local_ov {
	margin:10px
}
.new_win_con {
	margin: 0 10px !important;
	background:#fff;
}
.new_win_con .table_form table th {
	width:120px
}
.new_win .btn_confirm {
	text-align:center;
}
.scp_new_win .empty_table {
	padding:30px 0
}
#scp_list_find {
	margin:10px;
	padding:20px;
	border:1px solid #e9e9e9;
	background:#fff
}
/* #scp_list_find .btn_frmline {line-height:1.5em !important} */
#scp_list_find label {
	font-weight:bold
}
#scp_list_find .btn_frmline {
	border: 1px solid #000 !important;
	padding: 5px 9px;
	margin: 0;
	padding: 7px 10px;
	border: 0;
	background: #fafafa;
	color: #ffffff;
	height: fit-content;
	min-width: 50px;
	background-color: #000000 !important;
}
.scp_find_code {
	width:110px;
	text-align:center
}
/* 새창 기본 스타일 끝*/

.pop-tab-frm {
	display:flex;
	justify-content: space-evenly;
	padding-top:20px;
}
.pop-tab-frm li > a {
	display:block;
	padding:10px;
}
.pop-tab-frm li > a.active {
	border-bottom:2px solid #000000;
}
/* 제품 상세페이지 변경 */
.sit_opt_wr {
	float: none !important;
	width: 100% !important;
}
.sit_op_sl label {
	margin-bottom: 0.5rem;
	display: block;
}
#it_supply_1 {
	margin-bottom: 10px;
}
#sit_opt_added .sit_opt_list div {
	position: relative;
}
#sit_opt_added .sit_opt_list div .frm_input {
	position: sticky !important;
	margin-left: 25px !important;
}
#sit_opt_added .sit_opt_list div .sit_qty_minus {
	position: sticky;
	position: absolute;
	left: 0;
	top: 0;
}
#sit_opt_added .sit_opt_list div .sit_qty_plus {
	position: sticky;
}
#sit_opt_added .sit_spl_list div {
	position: relative;
}
#sit_opt_added .sit_spl_list div .frm_input {
	position: sticky !important;
	margin-left: 25px !important;
}
#sit_opt_added .sit_spl_list div .sit_qty_minus {
	position: sticky;
	position: absolute;
	left: 0;
	top: 0;
}
#sit_opt_added .sit_spl_list div .sit_qty_plus {
	position: sticky;
}
.sit_opt_prc {
	margin-left: 0.5rem !important;
}
#sit_tot_price span {
	font-size: 1rem;
}
select.it_option, select.it_supply {
	border-color: #dddddd !important;
	padding: 10px !important;
}
.sit_ov_tbl th {
	font-weight: 600 !important;
}
#sit_star .sit_star {
	width: 50%;
}
#sit_ov section {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
/* #sit_btn_buy {margin: 0 2% !important;} */
.sit_qa_dl dd.sit_qaa_yet span, .sit_qa_dl dd.sit_qaa_done span {
	border-radius: 0 !important;
}
#itemuse_list {
	max-width: 120px !important;
	width: 100% !important;
	display: inline-block;
}
.show-more {
	border:1px solid #ccc !important;
	padding: 5px 9px;
	margin: 0;
	padding: 5px 10px;
	border: 0;
	background: #fafafa;
	color: #000000;
	height: fit-content;
	min-width: 50px;
	font-size: 0.875rem;
}
.show-more:hover {
	background-color: #fafafa !important;
	color: #000000 !important;
}
#faq_con .closer_btn {
	border:1px solid #ccc !important;
	padding: 5px 9px;
	margin: 0;
	padding: 5px 10px;
	border: 0;
	background: #fafafa !important;
	color: #000000 !important;
	height: fit-content;
	min-width: 50px;
	font-size: 0.875rem;
}
/* 관련상품 */

.sct_li_name {
	display: block;
	margin-top: 1rem;
	font-size: 0.875rem;
}
/* 주문서 */
#mod_option_close {
	padding: 8px 10px;
	background-color: transparent !important;
	font-size: 1rem;
	border: 1px solid #000000;
}
.fa-times:before {
	content: "닫기" !important;
	font-weight: 600;
	font-family: 'Pretendard', Dotum, Sans-serif;
}
#sod_bsk_list #mod_option_frm .btn_submit {
	font-weight: 600 !important;
}
#bo_w .btn_submit {
	font-weight: 600 !important;
	letter-spacing: normal;
}
button {
	letter-spacing: normal !important;
}
a {
	letter-spacing: normal !important;
}

.od_zip {
	margin-bottom: 5px;
}
#sod_frm_addr input {
	margin-bottom: 5px;
}
/* .tbl_wrap #od_addr1 { margin-bottom: 2px;} */
#od_zip {
	margin-bottom: 5px;
}
#od_addr1 {
	margin-top: 5px;
	margin-bottom: 5px;
	max-width: 100% !important;
}
#od_addr2 {
	max-width: 100% !important;
}
.tbl_frm01 textarea {
	border: 1px solid #dddddd;
}
#settle_bank {
	margin-top: 10px;
	margin-bottom: 10px;
	display: flex;
	align-items: center;
	border-top: 1px solid #dddddd;
	padding-top: 10px;
}
#settle_bank input {
	border: 1px solid #dddddd;
	padding: 10px 15px;
}
#settle_bank label {
	display: inline-block;
	margin-right: 0.5rem;
	margin-left: 2rem;
}
#od_b_addr1 {
	max-width: 100% !important;
}
#od_b_addr2 {
	max-width: 100% !important;
}
.sod_frm_point {
	display: flex;
}
.max_point_box {
	margin-left: 0.5rem;
}
#sod_frm_pt {
	margin-left: 1rem;
}
#sod_frm_pt em {
	font-style: normal;
}
 @media screen and (max-width:767px) {
 #sod_frm_pt {
margin-left: 0;
}
}
/* .od-box {margin: 10px 0; padding: 10px; background: #f2f2f2; border: 1px solid #e0e0e0; max-width: 100%;} */


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

#find_info {
	max-width: 430px;
	margin-right: auto;
	margin-left: auto;
	box-shadow: 0px 0px 13px rgba(0, 0, 0, 0.2);
}
#find_info .win_btn input {
	line-height: normal;
	padding: 10px;
	height: auto;
	margin-bottom: 1rem;
}
#captcha audio {
	margin-bottom: 10px;
}
/* Q&A */

#faq_con h3 a {
	display: flex !important;
	justify-content: space-between;
	background: none !important;
	padding: 20px 20px 20px 50px !important;
}
#faq_con h3 .con_q {
	left: 10px !important;
}
#faq_con ol li a>div {
	padding-right: 20px;
}
 @media screen and (max-width:767px) {
 #faq_con h3 a {
flex-direction: column;
}
 .show-more {
width: fit-content;
}
 #faq_con ol li a>div {
padding-right: 0;
margin-right: 0 !important;
}
 #faq_con .show-more {
margin-top: 0.5rem;
margin-left: auto;
margin-right: 0;
}
}


/* 제품페이지 베스트 없애기 */
#best_item {display: none}


/* 20230925 요청한대로 간격 없애기 */
@media screen and (min-width:1300px) {
    /* .list_item {
        max-width: 991px;
    } */

    .container-02 {
        max-width: 991px;
        padding-left: 20px;
        padding-right: 20px;
        }
    

    .container-03 {
        max-width: 951px;
        margin: 0 auto;
    }

    .container-04 {
        max-width: 1320px;
        margin: 0 auto;
    }

	.container-05 {
        max-width: 1130px;
        margin: 0 auto;
    }
}

/* 메인의 뉴와 베스트 갯수조절 */
.container-04  .list_item {margin-left: -10px; margin-right: -10px; margin-bottom: -20px;}
/* .container-04  .list_item .list_link {width: 25% !important;} */
.container-04  .list_item .list_link {width: calc(25% - 20px); margin-left: 10px; margin-right: 10px; margin-bottom: 20px !important;}
.container-04 .list_item .list_link {padding: 15px 40px !important; border: 1px solid #dddddd;}


@media screen and (max-width:991px) {
	.container-04 .list_item .list_link {width: calc(50% - 20px) !important;}
	.container-05 .list_item .list_link {width: 50% !important;}

}

@media screen and (max-width:767px) {
	.container-04 .list_item {margin-left: 0 !important; margin-right:  0 !important; padding: 0 !important;}
	.container-05 .list_item {margin-left: 0 !important; margin-right:  0 !important; padding: 0 !important;}
	.container-04 .list_item .list_link {width: 100% !important; padding-left: 0 !important; padding-right: 0 !important;}
	.container-05 .list_item .list_link {width: 100% !important; padding-left: 0 !important; padding-right: 0 !important;}
	.sct_10 .sct_img {max-width: 100%;}



}
/* 메인의 camping life scene */
.camping_life .life  {height:500px;}
.camping_life .life a {padding: 20px;}

/* 갤러리 스킨 */

.new-bo_v-list h3 {padding: 20px 15px;}
#bo_w .btn_cancel {height: auto !important; /* line-height: 1.2 !important;  */padding: 15px 20px !important;
}
#gall_ul li .gall_txt .gall_tit {font-size: 1.25rem !important;}
.new-bo_w .btn_submit {max-width: 140px; width: 100% !important;}

/* 리스트의 카테고리 커스텀 */


.new_bo_gall #bo_cate a:hover, .new_bo_gall #bo_cate #bo_cate_on {border: 1px solid #333;  text-decoration: none; display: inline-block;  padding: 10px 15px; border-bottom: 1px solid #000000 !important; color: #ffffff !important; background-color: #000000; } 

.new_bo_gall #bo_cate a {border: 1px solid #333; text-decoration: none; display: inline-block; padding: 10px 15px;border-bottom: 1px solid #000000 !important;  margin: 0 !important; transition: none !important;}

.new_bo_gall #bo_cate {text-align: center; width: 100%;}

.new_bo_gall #gall_ul li .gall_txt {text-align: center;}
select#ca_name {border-color: #dddddd; height: 50px; padding: 10px 15px;}
.new_bo_gall #bo_v .bo_cate_link {background-color: #000000 !important;}
.new_bo_gall #gall_ul li .gall_txt .bo_cate_link {background-color: #000000 !important; padding: 5px 10px !important;}
.new-bo_v-list #bo_v .bo_cate_link {color: #000000 !important;}
.new-bo_v-list h3 span{text-align: center !important;}


.new-bo_v-list .bo_cate_link {background-color: #000000 !important;padding: 5px 10px !important;}



/* 상품페이지 수정 */

.item-page {margin-top: 50px; padding-top: 60px; border-top: 1px solid #dddddd; padding-bottom: 30px;} 


/* 장바구니 */

.go_shopping {margin-top: 30px; text-align: center;}
.go_shopping a {display: inline-block; margin-left: 8px; padding: 15px 20px; border: 1px solid #000; background: #000000; color: #ffffff; text-decoration: none; width: 140px; font-weight: 600; text-align: center;}

#itemqa_list, #itemuse_list {display: inline-block !important;}

.li_more button:hover {background: #000000 !important;}


.total-dark {color: #000; font-weight: 600; font-size: 28px;}
.total-red {color: #e00000 !important;font-size: 28px !important;} 

@media screen and (max-width:767px)  {

    .total-dark {font-size: 20px;}
.total-red {font-size: 20px !important;} 
#sod_frm_paysel {font-size: 1rem;}
#od_agreement h3 {font-size: 7vw;}
#od_agreement>div {flex-direction: column; align-items: flex-start;}
#sod_frm .od_agreement_text p {margin-top: 10px;}
}
.text-14 {font-size:  14px !important;}

/* 공유하기 */

.new_win_con_01 .form-group {margin-bottom: 5px;}
.new_win_con_01 #content {width: 100%; border-color: #ddd; padding: 10px 15px;}
.new_win .new_win_btn {display: flex; justify-content: center;}
.new_win .new_win_btn #btn_submit{height: auto; padding: 10px 15px; max-height: 50px;line-height: 1;min-height: 40px; box-sizing: border-box; display: flex; justify-content: center; align-items: center; min-width: auto; width: auto;}
.new_win .new_win_btn .btn_close{height: auto; padding: 10px 15px;max-height: 50px; line-height: 1; min-height: 40px; box-sizing: border-box; display: flex; justify-content: center; align-items: center; margin-left: 5px;}

.css-1dbjc4n {display: none !important;}


/* 메인배너 */

.main-brnner-link {width: 100%;}


/* 브랜드스토리 새로하기 */

/* concept */

.concept {background-image: url("/theme/macaroon/img/concept_bag.jpg"); background-repeat: no-repeat; background-position: center center; background-size: cover; min-height: 904px; width: 100%; color: #ffffff; display: flex; align-items: center; justify-content: center;}

.concept h1 {font-size: 40px;}

.concept p {font-size: 16px; font-weight: 400; margin-top: 50px; line-height: 2;}
.concept  .container {padding-top: 50px; padding-bottom: 50px; padding-left: 4%; padding-right: 4%;}
@media screen and (min-width: 1300px) {

    .concept  .container {max-width: 1320px; margin: 0 auto; padding-left: 20px; padding-right: 20px;}
}

@media screen and (max-width:991px) {

    .concept h1 {font-size: 2rem;}
}

@media screen and (max-width:767px) {

    .concept h1 {font-size: 1.5rem;}
}


/* about */

.about h1{font-size: 30px; margin-bottom: 25px; font-weight: 800;}
.about .contant{line-height: 2; font-size: 16px; font-weight: 400;}

.table-01 {border-top: 1px solid #000000; width: 100%; margin-top: 80px;}
.table-01 th {text-align: left;padding: 20px;border-bottom: 1px solid #dddddd;width: 170px; box-sizing: border-box;}
.table-01 td {padding:  20px;border-bottom: 1px solid #dddddd;}
.ceo-text {font-size: 22px; margin-bottom: 10px;}
.about .mb-80 {margin-bottom: 80px;}

@media screen and (max-width: 767px) {
    .about h1 {font-size: 24px;}
    .table-01 {margin-top: 50px;}
    .ceo-text {font-size: 16px;}
    .about .mb-80 {margin-bottom: 50px;}
}

@media screen and (max-width: 460px) {
.table-01 th {width: 130px; padding-right: 0;}

}


/* 스토어게시판 뷰페이지 */

.store-view {display: flex;}
.store-view .view-area-01 {width:59.5%;margin-right:0.5%;}
.store-view .view-area-01  #map {width:100%;height:550px;}
.store-view .view-area-02 {width:39.5%;margin-left:0.5%;height:550px; text-align: center;}
/* .store-view .storeImg {display: flex; align-items: center; justify-content: center;} */
.store-view .storeImg img {width: auto; max-width: 100%; height: auto; max-height: 100%;}


@media screen and (max-width: 767px) {

    .store-view {flex-direction: column;} 
    .store-view .view-area-01 {width: 100%; margin-right: 0;}
    .store-view .view-area-02 {width: 100%; margin-left: 0; margin-top: 20px; height: auto;}
    .store-view .storeImg {height: auto;}
    .store-view .storeImg img {height: auto; margin-bottom: 20px;}
    .view-list li div:first-child{background-color: transparent;}
}

.ml-20 {margin-left: 20px;}

@media screen and (max-width: 767px) {
    #sod_frm_paysel #settle_bank {flex-direction: column;} 
}

/* 주문서 페이지 */
.conarea {margin-top: 100px; margin-bottom: 50px;}
.conarea .min-140 {min-width: 140px;}
.conarea .d-flex {display: flex;}
.table-02 {text-align: center;border-collapse : collapse}
.table-02 th {background-color: #f2f2f2; padding: 10px 15px;border: 1px solid #dddddd; }
.table-02 td {padding: 10px 15px;border: 1px solid #dddddd;}
.table-02 caption { font-weight: 600; font-size: 20px; text-align: left; margin-bottom: 10px;}

.title-area {font-size: 30px; padding-bottom: 30px; border-bottom: 1px solid #000000; margin-bottom: 20px;}

@media screen and (max-width: 767px) {

    .conarea {margin-top: 50px; margin-bottom: 20px;}
    .conarea .d-flex{flex-direction: column;}
    .table-02 {margin-top: 10px;}
}


/* 장바구니 레이아웃 변경 20231122 */
.total-opt-area {display: flex; align-items: center; padding-top: 10px;}
/* .total-opt-area img {} */
.total-opt-area .sod_opt {font-weight: 800;padding-left: 30px;}
.total-opt-area .li_mod {padding-left: 30px;}

@media screen and (max-width: 767px) {

    .total-opt-area {flex-direction: column;}
    .total-opt-area .sod_opt {padding-left: 0px; padding-top: 10px;}
    .total-opt-area .li_mod {padding-left: 0px; padding-top: 10px; padding-bottom: 10px;}
}

/* 주문서 레이아웃 변경 20231122 */

.listType_05 .listType_con .item01 {align-items: center;}
.listType_05 .sod_opt {margin-top: 10px;}
.listType_05 .sod_name b {font-size: 20px;}
@media screen and (max-width: 767px) {

.listType_05 .item02 { padding: 20px; border-top: 1px solid #dddddd;}
.listType_05 .item03 { padding: 20px; border-top: 1px solid #dddddd;}
.listType_05 .item04 { padding: 20px; border-top: 1px solid #dddddd; padding-bottom: 5px;}
.listType_05 .item05 { padding: 20px; border-top: 1px solid #dddddd;}
.listType_05 .item06 { padding: 20px; border-top: 1px solid #dddddd;}
.listType_05 .sod_name {font-size: 18px; padding: 20px 10px; }
.listType_05 .listType_con .item01 {align-items: flex-start;}

#sod_frm .listType_05 p {margin-bottom: 0;}

.listType_05 .d-lg-block {min-width: 100px; display: inline-block; font-weight: 700;}
}


/* 헤더 다시 만들기 */

/* 서브페이지 네비 */
.nav.sub {position: static; background: #ffffff;}
.nav.sub .nav-link{ color: #000000 !important;}
.nav.sub .util-icon{ filter: invert(100);}
.nav.sub .search-area {background-color: #e5e5e5; color: #000000;}
.nav.sub .search-area input::placeholder {color: #000000 !important;}
.nav.sub .logo img { filter: invert(100);}
.nav.sub .btn-trigger img { filter: invert(100);}
.nav.sub .search-area input { color: #000000;}

/* .nav에 .fixed 가 붙을 때 */
.nav.fixed { background: #ffffff; position: fixed;}
.nav.fixed .nav-link{ color: #000000 !important;}
.nav.fixed .util-icon{ filter: invert(100);}
.nav.fixed .search-area {background-color: #e5e5e5; color: #000000;}
.nav.fixed  .search-area input::placeholder {color: #000000 !important;}
.nav.fixed  .logo img { filter: invert(100);}
.nav.fixed .btn-trigger img { filter: invert(100);}

.nav.fixed .search-area input { color: #000000;}


/* 헤더 모바일 일때 */

@media screen and (max-width:767px) {
    .nav{position: static; background-color: #000000;}
    
}


/* 메인 다시하기 */

h2.title {margin-bottom: 25px;}
.sub-title {font-size: 18px; color: #aeabab; text-align: center; margin-bottom: 40px;}

/* 메인 베스트 슬라이드 */
.main_bast_slide {position: relative;}
.bastSlide .swiper-slide{ border:  1px solid #dddddd;  padding: 15px 40px; text-align: center; min-height: 272px;}
.bastSlide .swiper-slide img {max-width: 100%; height: auto;}
.bastSlide .bast-text .sct_cost {margin: 0 0 5px;margin-top: 8px;  font-weight: bold; font-size: 0.92em;}
.bastSlide .bast-name {overflow: hidden; text-overflow: ellipsis; display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-word;}

.main_bast_slide .swiper-button-prev::after,
.main_bast_slide .swiper-button-next::after {display:none;}

.main_bast_slide .swiper-button-prev.swiper-button-disabled {opacity: 0.5;}
.main_bast_slide .swiper-button-next.swiper-button-disabled {opacity: 0.5;}
.main_bast_slide .swiper-button-prev {left: -40px;}
.main_bast_slide .swiper-button-next {right: -40px;}



.container-04 .list_item {
    display: flex;
    flex-wrap: wrap;
    margin-left: -30px !important;
    margin-right: -30px !important;
}


@media screen and (min-width:1440px) {
    .main_bast_slide .swiper-button-prev ,
    .main_bast_slide .swiper-button-next {width: 50px;}
    .main_bast_slide .swiper-button-prev img ,
    .main_bast_slide .swiper-button-next img {width: 50px;}
    .main_bast_slide .swiper-button-prev {left: -70px;}
    .main_bast_slide .swiper-button-next {right: -70px;}
}
@media screen and (max-width:1440px) {
    .main_bast_slide .swiper-button-prev {left: 20px;}
    .main_bast_slide .swiper-button-next {right: 20px;}

}

@media screen and (max-width:1199px){
    
}

@media screen and (max-width:767px) {
    .container-04 .list_item {margin-left: 0 !important; margin-right: 0 !important;}
    .container-04 .list_item .list_link {margin-left: 0; margin-right: 0;}
}

/* 유니프레임 브랜드 스토리 */

.main-story {display: flex; justify-content: space-between; width: 100%;}
.story-text {text-transform: uppercase; font-weight: 700; font-size: 18px; margin-bottom: 15px; text-align: center;}
.story-item-01 {width: 40%;}
.story-item-01 img {height: 100%; height: calc(100% - 36px);}
.story-item-02 li {margin: 0 20px; position: relative;}
.story-item-02 li:not(:last-child) {margin-bottom: 25px;}
.story-item-03 {width: 30%;}
.story-item-03 div:not(:last-child) {margin-bottom: 50px;}
.story-item-text {position: absolute; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; top: 0; left: 0; background-color: rgba(255, 255, 255, .6); text-align: center; display: none;}
.mt-5 {margin-top: 5px;}
.story-item-text .sct_cost {font-weight: bold;}
.story-item-02 li:hover .story-item-text {display: flex;}

@media screen and (max-width:1320px) {
    .story-item-01 img {height: auto;}
}

@media screen and (max-width:1199px) {
    .main-story {flex-wrap: wrap; justify-content: center;}
    .story-item-03 {margin-top: 30px;}
    .story-item-01 {width: auto;}
}

@media screen and (max-width:991px) {
    .story-item-01 {width: 100%;}
    .story-item-02 {margin-top: 30px;}
    .story-item-03 {width: 100%;}
}

/* 메인의 게시판 링크 */

.main-link-list {display: flex; margin-left: -12px; margin-right: -12px; margin-bottom: -24px;}
.main-link-list li {width: calc(25% - 24px); margin-left: 12px; margin-right: 12px; margin-bottom: 24px; overflow: hidden;}
.main-link-list li a {display: block; position: relative;}
.main-link-list li .text-area {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); display: flex; align-items: center; justify-content: center; color: #ffffff; font-size: 26px; display: none;}
.main-link-list li:hover .text-area{display: flex;}
.main-link-list li:hover img {filter: blur(5px); -webkit-filter: blur(5px);}

@media screen and (max-width:991px) {
	.main-link-list {flex-wrap: wrap;}
	.main-link-list li {width: calc(50% - 24px);}
}
@media screen and (max-width:767px) {
	.main-link-list li {width: calc(100% - 24px);}
}


/* 메인 프로덕트 */

.main-products-section {padding-bottom: 180px; background-image: url("/theme/macaroon/img/main-products-bag.jpg"); background-repeat: no-repeat; background-size: cover; background-position: top center;}
.main-products-section h2.title {margin-bottom: 40px;}
.main-products-list { text-align: center; margin-left: -12px; margin-right: -12px; margin-bottom: -24px; display: flex; flex-wrap: wrap;}
.main-products-list { text-align: center; margin-left: -12px; margin-right: -12px; margin-bottom: -24px; display: flex;}
.main-products-list li {width: calc(20% - 24px); margin-left: 12px; margin-right: 12px; margin-bottom: 24px;}
.main-products-list li a {display: block; background-color: #ffffff;padding: 30px 22px; height: 100%;}
.main-products-list .img-area { width: 100%; min-height: 104px; margin-bottom: 20px; display: flex; align-items: center; justify-content: center;}
.main-products-list h5 {font-weight: 500; font-size: 18px; margin-bottom: 5px;}
.main-products-list p {font-size: 14px; color: #999999; text-transform: uppercase;}

.up {text-transform: uppercase;}

.bottom-insta {margin-top: 180px; text-align: center;}
.bottom-insta h6 {font-size: 40px; color: #ffffff; font-weight: bold;}
.bottom-insta img {width: 58px; height: auto; margin-top: 30px;}

@media screen and (max-width:1199px) {
	.main-products-list li {width: calc(25% - 24px);}
}

@media screen and (max-width:991px) {
	.main-products-list li {width: calc(50% - 24px);}
}

@media screen and (max-width:767px) {
	.main-products-list li {width: calc(100% - 24px); border: 1px solid #dddddd;}
	.bottom-insta h6 {font-size: 1.5rem;}
} 










/* 풋터 다시하기 */
.text-white {color: #ffffff !important;}
.footer .address {color: #888888;}
.address a {color: #888888;}

/* 팝업 */

@media screen and (max-width:1360px){

    .hd_pops {max-width: 100%; left: 0 !important;}
    .hd_pops_con {max-width: 100%; width: auto!important; height: auto !important;}
    .hd_pops_con img {max-width: 100%;}
}


/* 컨셉 일본꺼랑 똑같이 해달라고해서 이미지랑 퍼옴 */


/*-----------------------------------------------------------------------------------------
	ブランド
-----------------------------------------------------------------------------------------*/
/*-- 幅を100%に ------------------------------*/
#brand section {
	max-width:100%;
	min-width: 100%;
}
/*-- UNIFLAME コンセプト ------------------------------*/
#concept {
	position: relative;
	clear:both;
	overflow: hidden;
	height:100vh;
	min-height: 768px;
	width:100vw;
	max-width:100vw;
	min-width: 960px;
	margin: 0 auto 50px auto;
	background:url("/theme/macaroon/img/bg_brand.jpg") 50% 50% no-repeat #000; 
	background-size:cover;
}
#concept:before,
#concept:after {
	position: absolute;
	content: '';
	width:107px;
	height: 97px;
	background: url("/theme/macaroon/img/tree.png") 0 0 no-repeat;
}
#concept:before {
	bottom:4%;
	left: 4%;
}
#concept:after {
	bottom:4%;
	right: 4%;
}
/*-- コンセプト テキスト --*/
.conceptTxt {
	position: absolute;
	top:20%;
	right: 5%;
	max-width:70%;
	min-width:650px;
	color:#fff;
}
.conceptTxt h1 {
	font-size:36px;
	font-weight: 700;
	padding:40px 0 40px 80px;
	margin-bottom: 20px;
	background:url("/theme/macaroon/img/fire.png") 0 0 no-repeat;
}
.conceptTxt p {
	font-size:20px;
	font-weight: 700;
	line-height: 250%;
}

/*-- UNIFLAME コンセプト下 ------------------------------*/
.brandBox {
	position: relative;
	clear: both;
	overflow: hidden;
	width:50%;
	color:#0e1d35;
	background: #fff;
	-webkit-box-sizing: border-box;
			box-sizing: border-box;
}
.brandBox h2 {
	font-size: 36px;
	font-weight: 700;
	margin-bottom:5%;
}
.brandBox p {
	font-size: 26px;
	line-height: 200%;
}

/*-- 想い1 ------------------------------*/
.brand1 {
	padding:12% 4% 12% 7%;
}
.brand1:before {
	position: absolute;
	content: '';
	top:15%;
	left: 15%;

	width:78px;
	height:73px;
	background:url("/theme/macaroon/img/heart.png") 0 0 no-repeat;
}
/*-- 想い2 ------------------------------*/
.brand2 {
	padding:12% 4% 12% 7%;
}
.brand2:before {
	position: absolute;
	content: '';
	top:15%;
	right: 9%;
	width:185px;
	height:122px;
	background:url("/theme/macaroon/img/cloud.png") 0 0 no-repeat;
}
.brand2:after {
	position: absolute;
	content: '';
	bottom:5%;
	right: 9%;
	width:257px;
	height:105px;
	background:url("/theme/macaroon/img/mountaion1.png") 0 0 no-repeat;
}
/*-- 想い3 ------------------------------*/
.brand3 {
	padding:12% 4% 12% 7%;
}
.brand3:before {
	position: absolute;
	content: '';
	top:17%;
	left:30%;
	width:125px;
	height:80px;
	background:url("/theme/macaroon/img/bird.png") 0 0 no-repeat;
}
.brand3:after {
	position: absolute;
	content: '';
	bottom:10%;
	right: 12%;
	width:251px;
	height:117px;
	background:url("/theme/macaroon/img/mountaion2.png") 0 0 no-repeat;
}
/*-- 想い4 ------------------------------*/
.brand4 {
	padding:7% 4% 23% 7%;
}
.brand4:before {
	position: absolute;
	content: '';
	top:50%;
	left:15%;
	width:298px;
	height:197px;
	background:url("/theme/macaroon/img/madeinsanjyou.png")0 0 no-repeat;
}

@media only screen and (max-width:1450px) {
	.brandBox p {
		font-size: 22px;
		line-height: 180%;
	}
	.brand1:before {
		top:12%;
		background-size:70px auto;
	}
	.brand2:before {
		background-size:150px auto;
	}
	.brand2:after {
		background-size:240px auto;
	}
	.brand3:before {
		top:12%;
		background-size:110px auto;
	}
	.brand3:after {
		bottom:5%;
		right: 5%;
		background-size:200px auto;
	}
}

@media only screen and (max-width:1200px) {
	/*-- コンセプト テキスト --*/
	.conceptTxt {
		min-width:500px;
	}
	.conceptTxt h1 {
		font-size:30px;
		font-weight: 700;
		padding:40px 0 40px 80px;
		margin-bottom: 20px;
		background:url("/theme/macaroon/img/fire.png") 0 0 no-repeat;
	}
	.conceptTxt p {
		font-size:17px;
		line-height: 250%;
	}
	.brandBox h2 {
		font-size: 32px;
	}
	.brandBox p {
		font-size: 18px;
		line-height: 180%;
	}
	.brand1:before {
		top:9%;
		left: 5%;
		background-size:60px auto;
	}
	.brand2:before {
		top:10%;
		right:0;
		background-size:130px auto;
	}
	.brand2:after {
		right:0;
		background-size:200px auto;
	}
	.brand3:before {
		top:11%;
		background-size:100px auto;
	}
	.brand3:after {
		bottom:5%;
		right: 5%;
		background-size:200px auto;
	}
	
	
	.brand1,
	.brand2,
	.brand3 {
		padding:12% 3% 12% 3%;
	}
}



#bg_brand1,
#bg_brand2,
#bg_brand3,
#bg_brand4 {
	position: relative;
	overflow: hidden;
}
#bg_brand1 {
	background:url("/theme/macaroon/img/bg_brand01.jpg") 150% 0 no-repeat;
	background-size:70% auto;
}
#bg_brand2 {
	background:url("/theme/macaroon/img/bg_brand02.jpg") 0 0 no-repeat;
	background-size:70% auto;
    display: flex;
    align-items: center;
    justify-content: right;
}
#bg_brand3 {
	background:url("/theme/macaroon/img/bg_brand03.jpg") 100% 0 no-repeat;
	background-size:70% auto;
}
#bg_brand4 {
	background:url("/theme/macaroon/img/bg_brand04.jpg") 0 50% no-repeat;
	background-size:65% auto;
    display: flex;
    align-items: center;
    justify-content: right;
}

/* 여기서부터는 반응형 사이즈 변경 */

@media screen and (max-width:1080px) {

	#brand section { padding: 40px 20px;}
	.conceptTxt {position: static; min-width: 100%; width: 100%;}
	.conceptTxt h1 { position: relative; font-size: 1.2rem; padding: 20px 0 20px 40px; margin-bottom: 4%; line-height: 150%; background-position: 0 40%; background-size: 30px auto; text-shadow: 0 0 10px rgba(0,0,0,1.0); z-index: 1;}
	.conceptTxt br {display: none;}

	#bg_brand1 , #bg_brand2 , #bg_brand3 , #bg_brand4 {
		background: url("/theme/macaroon/img/bg_brand01.jpg") 0 0 no-repeat;
		background-size: 100% auto;
	}
	.brandBox {
		margin-top: 65%;
		width: 100%;
	}

	.brand1 {padding: 22% 4% 10% 4%;}
	.brand2 {padding: 35% 4% 23% 4%;}
	.brand3 {padding: 25% 4% 20% 4%;}
	.brand4 {padding: 7% 4% 50% 4%;}
	.brandBox {margin-top: 65%; width: 100%;}
}

@media screen and (max-width:520px) {
	.brandBox p br{display: none;}
	.brand2{padding: 40% 4% 35% 4%;}
	.brand3 {padding: 35% 4% 30% 4%;}
	.brand1:before {position: absolute;
		content: '';
		top: 10%;
		left: 4%;
		max-width: 45px;
		height: 100%;
		background-size: 100% auto;}
	.brand2:before {top: 8%;
		right: 4%;
		width: 120px;
		height: 80px;
		background-size: 100% auto;}
	.brand2:after {
		bottom: 4%;
		right: auto;
		left: 7%;
		width: 180px;
		height: 74px;
		background-size: 100% auto;
		}

	.brand3:before {top: 10%;
		left: 20%;
		width: 70px;
		height: 45px;
		background-size: 100% auto;}
	.brand3:after {
		bottom: 4%;
		right: 12%;
		width: 180px;
		height: 84px;
		background-size: 100% auto;}
	.brand4:before {    top: 50%;
		left: 20%;
		width: 60%;
		max-width: 250px;
		height: 100%;
		background-size: 100% auto;}

	.brandBox h2 {font-size: 1.2rem;}
}


/* 어바웃 */

#company section#idea {
	border-bottom:1px dotted #3a5574;
}
#company section#idea h2,
#company section#idea p {

	color:#3a5574;
	text-align: center;
}
#company section#idea h2 {
	font-size:30px;
	margin-bottom: 50px;
}
#company section#idea p {
	font-size:16px;
	line-height: 200%;
	margin-bottom:80px;
}

/*--------- UNIFLAMEの歴史 ----------*/
#history .ttl-history {
	position: relative;

	font-size:26px;
	margin:70px 0 100px 0;
	letter-spacing: 5px;
	color: #0e1d35;
	text-align: left;
	text-align: center;
}
#history .ttl-history:after {
	position: absolute;
	content:'';
	bottom:-45px;
	left: 50%;
	margin-left:-30px;
	width:60px;
	border-bottom:2px solid #0e1d35;
}
#history dl {
	position: relative;
	clear: both;
	overflow: hidden;
	width:90%;
	margin: 0 auto;
}
#history dl dt {
	position: relative;
	width:200px;
	font-size: 20px;
	font-weight: 700;
}
#history dl dt:before {
	position: absolute;
	content: '';
	top:0;
	right:-2px;
	height: 100%;
	border-right:2px solid #b7bbc2;
}
#history dl dt:after {
	position: absolute;
	content: '';
	top:50%;
	right:0;
	height: 15px;
	width:15px;
	margin:-13px -9px 0 0;
	border-radius: 50%;
	background:#2E3746;
}
#history dl dt,
#history dl dd {
	padding:30px 10px 40px 30px;
	line-height: 180%;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	display: table-cell;
	vertical-align: middle !important;
}

/*--------- 想い ----------*/
/* #company section#thought {
	border-bottom:1px dotted #3a5574;
} */
#company section#thought h2,
#company section#thought p {

	color:#3a5574;
	text-align: center;
}
#company section#thought h2 {
	font-size:30px;
	margin-top: 100px;
	margin-bottom: 30px;
}
#company section#thought p {
	font-size:20px;
	line-height: 200%;
	margin-bottom:0;
}

/*--------- 企業情報 ----------*/
table.companyTable {
	position:relative;
	width:90%;
	margin:50px auto;	
}
table.companyTable caption {
	position: relative;

	font-size:26px;
	margin:20px 0 100px 0;
	letter-spacing: 5px;
	color: #0e1d35;
	text-align: center;
}
table.companyTable caption:after {
	position: absolute;
	content:'';
	bottom:-45px;
	left: 50%;
	margin-left:-30px;
	width:60px;
	border-bottom:2px solid #0e1d35;
}
table.companyTable th {
	width:25%;
	padding:30px 10px;
	border-bottom:1px dotted #b7bbc2;
}
table.companyTable td {
	width:auto;
	padding:30px 10px;
	border-bottom:1px dotted #b7bbc2;
}
table.companyTable tr:last-child th,
table.companyTable tr:last-child td {
	border-bottom:none;
}
table.companyTable th,
table.companyTable td {
	position:relative;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	text-align: left;
	line-height: 170%;
	vertical-align: middle;
}

@media screen and (max-width:768px){


	#history dl dd {
		width: 72%;
		text-align: left;
		font-size: 0.8rem;
		float: right;}
	#history dl dd img {    margin: 0 auto;
			display: block;}
	#history dl {width:100%;}
	#history dl dt:after{ top: 70px;}
	#history dl dt:before {height: 400px;}
	#history dl dt {    width: 23%;
		font-size: 0.8rem;
		padding-top: 55px;
		float: left;}
	#history dl dt, #history dl dd{    padding: 4% 2%;
			display: block;}
	#history dl dt {width: 23%;
			font-size: 0.8rem;
			padding-top: 55px;
			float: left;}

	#company section#idea h2 {font-size: 1.5rem;}
	#history .ttl-history {font-size: 1.5rem;}
	#company section#thought h2 {font-size: 1.5rem;}
	#company section#thought p {font-size: 1rem;}
}

/* 어바웃 끝 */


/* 쿠폰존 */
.couponzone_list ul li .coupon_btn .btn02:hover {background:#000000 !important;}
.couponzone_list h2 {margin-bottom: 1rem !important;}
.couponzone_list p {margin-bottom: 1rem !important;}

@media screen and (max-width:767px) {
    .couponzone_list ul li {width: 100% !important;}
}


/* 비회원 주문찾기 */

#mb_login_od .frm_input {display: block; margin-bottom: 5px; padding: 0; width: 100%; max-width: 380px; border: 0 !important; border-bottom: 2px solid #000000 !important; height: 40px; line-height: 40px; font-size: 1.25em; font-weight: 400 !important;}

.orderinquiry-area {display: flex; justify-content: space-between;}

@media screen and (max-width:360px) {
    .orderinquiry-area { flex-direction: column; justify-content: center; align-items: center;}
    .orderinquiry-area a:not(:last-child) {margin-bottom: 0.5rem;}
}


.title-new {font-size: 1.5rem; margin-bottom: 1rem; }

/* 텍스트에 불릿 추가 */
#mb_login_odinfo {margin-bottom: 0; padding-bottom: 0 !important;}
#mb_login_odinfo p{margin-bottom: 8px; line-height: 1.2; position: relative; padding-left: 12px;word-break: keep-all;}
#mb_login_odinfo p::before {content: ""; width: 4px; height: 4px; background-color: #666666; position: absolute; left: 0; top: 6px; border-radius: 50%; }
#mb_login_odinfo p:last-child {margin-bottom: 0;}
#flogin {padding-bottom: 40px !important;}


/* 팝업 수정 */
.hd_pops {border: 0;}
.hd_pops img {max-width: 100%;}
.hd_pops_footer {background: #ffffff; position: relative; padding: 10px; display: flex; justify-content: space-between; margin-top: 36px;}
.hd_pops_footer button {background-color: transparent; color: #000000; text-align: left;font-family: 'Pretendard', Dotum, Sans-serif; font-size: 0.875rem;}
.hd_pops_footer .hd_pops_close {white-space: nowrap;}


@media screen and (max-width:1360px){

    .hd_pops_footer {margin-top: 0;}
}


/* 모바일 결제창 */
/* .m_odf_list {} */
.m_odf_list li {display: flex; padding: 15px 20px; align-items: center;border-bottom: 1px solid #dddddd;}
/* .m_odf_list li:not(:last-child) {border-bottom: 1px solid #dddddd;} */
.m_odf_list label {min-width: 100px; display: inline-block; font-weight: 700;}
.m_odf_list strong {min-width: 100px; display: inline-block; font-weight: 700;}
/* .m_odf_list input {width: auto; max-width: 100%;} */
.m_odf_list .add_num {display: block;}
/* .m_odf_list .add_num .frm_input {} */
.m_odf_list button.btn_frmline {display: block !important;background-color: #444; color: #ffffff; border: 1px solid #444; padding: 15px 20px;}
.m_odf_list #od_zip {width: 100%;}
.m_odf_list textarea {border: 1px solid #dddddd; width: 100%;}

.new-od-box {/* padding: 20px 0; */ margin: 10px 0; padding: 10px; background: #f2f2f2; border: 1px solid #e0e0e0; margin-bottom: 20px; font-size: 18px;}
#sod_frm .new_odf_tbl table {border-top: 0;}

#m_sod_frm_paysel {margin: 10px 0; padding: 10px; background: #f2f2f2; border: 1px solid #e0e0e0;}

#m_sod_frm_paysel ul {display: flex; flex-wrap: wrap;}
#m_sod_frm_paysel ul li {margin-right: 5px;}



/* 메뉴 새로 만들기 20241025 */
/* 임시로 띄어놓기 - 완성 뒤애 지워야 함. */
/* .new-nav.bag-bk {z-index: 999; top: 0;} */
/* 임시로 띄어놓기 끝*/


.new-nav {background: none; background-color: rgba(0, 0, 0, 0.75); min-height: 150px; display: block; position: fixed;}
.new-nav.bag-bk {background-color: #000000;position: static;}

.new-nav .search-area {border: 1px solid #ffffff;background-color: transparent; color: #ffffff; border-radius: 30px;}
.new-nav .menu-top {justify-content: space-between;}
.new-nav .menu-bottom {padding-top: 20px; padding-bottom: 20px;}
.new-nav .logo img {width: 220px;}
.new-nav .search-area input {padding: 10px; padding-left: 0;}
.new-nav .search-area input:focus-visible{outline: none;}
.new-nav .nav-item {margin-left: 15px; margin-right: 15px; font-weight: 400;}
.new-nav .nav-item .nav-link {opacity: 0.7; text-transform: capitalize;}
.new-nav .sub-link {text-transform: uppercase;}

.new-nav .util-icon {height: 22px; padding: 0 10px;}
.new-nav .off-icom {display: none;}
.new-nav .basket_num {bottom: auto; top: -5px; right: 0; background-color: #d9d9d9; color: #000000;min-width: 1rem; min-height: 1rem;}
.new-nav .heart_num {bottom: auto; top: -5px; right: 0; background-color: #d9d9d9; color: #000000;min-width: 1rem; min-height: 1rem;}


/* .new-nav에 .fixed 가 붙을 때 */
.new-nav.fixed {background: #000000; /* background-color: rgba(0, 0, 0, 0.75); */ align-content: center;}
.new-nav.bag-bk.fixed {position: fixed; }
.new-nav.fixed .nav-link{ color: #ffffff !important;}
.new-nav.fixed .util-icon {filter: none;}
.new-nav.fixed .search-area {background-color: transparent; color: #ffffff;}
.new-nav.fixed .logo img {filter: none;}
.new-nav.fixed .btn-trigger img { filter: none;}
.new-nav.fixed .search-area input { color: #ffffff;}
.new-nav.fixed .top-btn {align-content: center;}

@media screen and (min-width: 768px) {
    .new-nav .top-btn {position: absolute; left: 50%; transform: translateX(-50%);}
} 

@media screen and (max-width: 767px) {
    .new-nav {position: fixed; min-height: 80px; align-content: center;background-color: rgba(0, 0, 0, 0.75);}
    .new-nav.fixed {background: #000000;}

    .new-nav .top-btn {margin-bottom: 0; width: 100%;}
    .new-nav .new-search-box {display: none;}
    .new-nav .util-menu {display: none;}
    .new-nav .menu-top {padding-top: 0;height: 80px;flex-direction: row;align-items: center;justify-content: space-between;}
    .new-nav .logo img {width: 180px;}

    
}


/* 올메뉴 */
.new-all-menu {background-color: #000000;}
.new-all-menu .all-menu-header {height: 80px;}
.new-all-menu .all-logo {width: 180px;}
/* .new-all-menu .all-menu-list .btn-allmenu {color: #ffffff;} */
.new-all-menu  .all-menu-header .btn-close img {filter: invert(100%);}
.new-all-menu .all-menu-list .all-link, .new-all-menu .all-menu-list .btn-allmenu {color: #ffffff;text-transform: capitalize; font-weight: 400;}
.new-all-menu .open-icon {filter: invert(100%);}
.new-all-menu .all-menu-header {height: 80px; border: 0;}
.new-all-menu  .all-menu-header .btn-close img {width: 25px;}
.btn-trigger-02 {height: 1rem;}
.new-all-menu .all-submenu {background-color: transparent; padding: 0;}
.new-all-menu .all-submenu .sub-link {color: #ffffff;padding-left: 0; padding-right: 0;font-size: 1rem;}

.new-all-menu .all-submenu .sub-link:hover {background-color: transparent;;}


/* 모바일 전제메뉴의 유틸메뉴 */
.new-all-menu .basket_num {background-color: #d9d9d9; color: #000000; right: -5px; bottom: auto; top: -5px; min-width: 1rem; min-height: 1rem;}
.new-all-menu .heart_num {background-color: #d9d9d9; color: #000000; right: -5px; bottom: auto; top: -5px; min-width: 1rem; min-height: 1rem;}
.all-util-menu{display: flex;}

.new-all-menu .search-area input{background-color: transparent; border-bottom: 1px solid #ffffff; padding: 5px;}

.new-all-menu .search-area form {display: none;}
.new-all-menu .search-open-out-area {width: fit-content;}
.new-all-menu .all-util-menu {display: flex; justify-content: space-between; align-items: baseline; width: 100%; margin-top: 20px; position: relative;}
.new-all-menu .search-area {width: auto;}

.new-all-menu .all-menu-list .btn-allmenu.active + .all-submenu { background-color: transparent; padding: 0;}
.new-all-menu .all-submenu .sub-link {color: #ffffff; padding-left: 0; padding-right: 0; font-size: 1rem;}

.new-all-menu .util-list {margin-top: 0; margin-right: 10px;}
.new-all-menu .util-list li:not(:last-child) {margin-right: 1.25rem;}
.search-close-02 {display: none; width: 20px; height: 20px; border: 1px solid #000; border-radius: 50%; position: absolute; right: 5%; top: 24px; align-items: center; justify-content: center; background-color: #ffffff;}
.new-all-menu .new-search-area-02 {position: relative; background-color: transparent;}
.new-all-menu .new-search-area-02 .util-icon{padding: 0;}
.new-all-menu .new-search-area-02 .search-close-02 img {width: 12px; height: auto;}
.new-all-menu .new-search-area-02.active form {display: flex; align-items: center;margin-left: 0; margin-right: 0; width: 100%; justify-content: flex-start; max-width: 100%;}
.new-all-menu .new-search-area-02.active .search-open-02 {display: none;}
.new-all-menu .new-search-area-02.active .search-close-02 {display: flex;}
.new-all-menu .new-search-area-02 input {color: #ffffff; margin-left: 10px;}
.new-all-menu .new-search-area-02.active{position: fixed; z-index: 9999999999999999; left: 0; top: 75px; width: 100%; background-color: #000000; padding: 20px 4%;}
.new-all-menu .new-search-area-02.active .search-text {width: calc(100% - 30px);}
.new-all-menu .new-search-area-02.active input {width: 100%; min-width: auto;width: calc(100% - 40px); padding-right: 20px;}

.new-all-menu .util-icon {width: 24px; height: auto;}
.new-all-menu  .util-icon {padding: 0;}


/* 메인비주얼 */
#main_bn {border: none !important;}

@media screen and (min-width:992px){
/* 불릿 변경 */
.main_slide .pagination-area .swiper-pagination-bullet {width: 15px; height: 3px; border-radius: 0; background-color: #ffffff; opacity: 0.6;}

.main_slide .pagination-area .swiper-pagination-bullet-active {opacity: 1;}
.main_slide .pagination-area .swiper-pagination {bottom: 24px;}
}

/* 검색결과 메뉴조정 */
#ssch_cate ul {display: flex; flex-wrap: wrap;}
#ssch_cate ul li{float: none; width: auto;}



/* snb색상 변경해야함 */
.snb-menu {background-color: #333333;}

/* 테마관리 색상 */
.theme_admin b{color: #ffffff;}
.theme_admin .fa-cog{filter: invert(100);}


/* 20241029 이동우님 서브비주얼 없애달라고 함. 마이페이지 빼고 숨겨두기 */
.sub-visual {display: none;}
.my-sub-visual {display: block;}