@import url('https://fonts.googleapis.com/css2?family=Figtree:wght@400;600&family=Lora:wght@500&display=swap=Noto+Sans+KR:wght@100;300;400;500;700&display=swap');
 


@font-face {
	font-family:"Pretendard";
	font-weight:Regular;
	font-style:normal;
	src:url("/assets/fonts/Pretendard/Pretendard-Regular.otf") format("opentype"),url("/assets/fonts/Pretendard/Pretendard-Regular.ttf") format("truetype")
}
@font-face {
	font-family:"PretendardExtraBold";
	font-weight:Regular;
	font-style:normal;
	src:url("/assets/fonts/Pretendard/Pretendard-ExtraBold.otf") format("opentype"),url("/assets/fonts/Pretendard/Pretendard-ExtraBold.ttf") format("truetype")
}
@font-face {
	font-family:"Pretendard-SemiBold";
	font-weight:Regular;
	font-style:normal;
	src:url("/assets/fonts/Pretendard/Pretendard-SemiBold.otf") format("opentype"),url("/assets/fonts/Pretendard/Pretendard-SemiBold.ttf") format("truetype")
}
 
*{margin:0;padding:0;}
html {font-size: 16px; }

@media (max-width: 768.98px) {
	html {font-size: 14px; }
}

html, body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}

body{overflow-x: hidden;} 
body, div, p, blockquote, pre, address, ul, ol, li, dl, dt, dd, table, caption, th, td, form, fieldset, legend, hr, label, button {
	margin:0; padding:0; color:#333; font-weight:400;
	font-family:'Pretendard','Figtree','Noto Sans KR',sans-serif;
}
i{font-style:normal;}
i.color_r{color:#C5363C;}
input {
  background:transparent;
}
input:-webkit-autofill { -webkit-box-shadow: 0 0 0 30px #fff inset ; -webkit-text-fill-color: #000; }
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { transition: background-color 5000s ease-in-out 0s; }
button:focus, input:focus {
  outline: none;
}
img{vertical-align:middle;}

button{cursor: pointer;}
em{font-style:normal;}
ul,li{list-style:none}

div { display: block; position: relative; 	-webkit-box-sizing: border-box;   -moz-box-sizing: border-box;   box-sizing: border-box;}
td, input{-webkit-box-sizing: border-box;   -moz-box-sizing: border-box;   box-sizing: border-box;}

a{text-decoration:none !important;outline:none;  color:#333;  }
a:hover{color:#333; }

.cls{clear:both;}
.pc {display:block !important;}
.mobile {display:none !important;}


.site_wrap{   position: relative;  min-height: 100%;  overflow: hidden;}


/*[상단]
///////////////////////////////////////////////////////////
*/
.header_area {
 	position:relative; width:100%; z-index:499; background:#fff; transition: all .2s;
}
 
.header_area.active{background:#fff}

.header_area.navbar_fixed {  background:#fff}

.header_area.navbar_fixed .header_top_wrap{position:fixed; top:0; left:0; width:100%}
.header_area.navbar_fixed .top_nav_wrap{position:fixed; top:40px; left:0; width:100%;background:#fff; border-top:1px #eee solid;;}




/*최상단 배너*/


.header_area #top_benner_bg{
	position: relative;
    width: 100%;
    height: 45px;
    overflow: hidden;
 }
#top_benner_bg .topSlider{
    position: relative;
    width: 100%;
    height: 45px;
	z-index:10
}
#top_benner_bg .topBannerClose_box{
	height:45px;
	position:absolute;
	top:0;
	left: 50%;
	-webkit-transform: translateX(-50%);
  	-moz-transform: translateX(-50%);
  	-ms-transform: translateX(-50%);
  	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	z-index:2

}

.topBanner_wrap .topBannerSlider   {
    opacity: 0;
    visibility: hidden;
    transition: opacity 1s ease;
    -webkit-transition: opacity 1s ease;
	height:45px;
	position:relative;
}
.topBanner_wrap .topBannerSlider.swiper-initialized {
    visibility: visible;
    opacity: 1; 
 }
.topBanner_wrap .swiper-slide{
	 height:45px!important;
	 line-height:45px;
}
.topBanner_wrap .swiper-slide a{
	color:#fff
}


#top_benner_bg .top_banner_img{
	 text-align:center;
}

#top_benner_bg .topBannerClose{
    position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
  	-moz-transform: translateY(-50%);
  	-ms-transform: translateY(-50%);
  	-o-transform: translateY(-50%);
	transform: translateY(-50%);
     right: 15px;
 	z-index:2000;
}
#top_benner_bg .topBannerClose a {
	display: block;
	font-size: 22px;
	color: rgba(255,255,255, 0.5);
	text-align: center;
	vertical-align:middle;
}

.header_area.navbar_fixed #top_benner_bg {height:0}



/**최상단 네비게이션*/
.header_top_wrap{
	position:relative;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    background: rgba(255, 255, 255, 1);
}
.header_top{ 
	padding: 0 15px; max-width:1290px; margin:0 auto; display: flex;   justify-content: space-between;   align-items: center;  
	height: 40px; 
}

.header_top .top_util_wrap li{position:relative; margin-left:21px}
.header_top .top_util_wrap li:before{  content: "";  position: absolute;   top: 4px;   left: -12px; width: 1px;   height: 10px;  background-color: #E6E6E6;}
.header_top .top_util_wrap li:first-child:before{display:none;}
.header_top .top_util_wrap li{font-size:12px; font-weight:300}
.header_top .top_util_wrap li.nav-language{}
.header_top .top_util_wrap li a{color:#333; position:relative;}

.header_top .top_util_wrap li.top_cart #cartCnt{display: flex;   justify-content: flex-start;   align-items: center;  }
.header_top .top_util_wrap li.top_cart .cart_count{
	display: flex;   justify-content: center;   align-items: center;  margin-left:7px;line-height:1;
	background:#000; color:#fff; font-size:11px; border-radius:2px; width:15px; height:15px
}

.header_top .top_sns_wrap li{position:relative; margin-right:10px}
.header_top .top_sns_wrap li:last-child{margin-left:0}
.header_top .top_sns_wrap li a { width:27px; height:27px;
	display:block; border-radius:50%; display: flex;   justify-content: center;   align-items: center;  background: rgba(0, 0, 0, .05);
}




/*최상단 네비게이션 - 카테고리*/
.header_middle_wrap{
	padding: 0 15px; max-width:1290px; margin:0 auto; display: flex;   justify-content: space-between;   align-items: center;  
}

.header_middle_wrap .top_logo_wrap img{height:45px}
.header_middle_wrap .topSearch .search_input_box{width:410px; border-bottom:4px #000 solid;}
.header_middle_wrap .topSearch .search_input_box input{border:none; width:calc(100% - 50px)}
.header_middle_wrap .topSearch .search_input_box a i{font-size:1.5rem}


.top_banner_wrap{
	width:300px
}
.top_banner_wrap .topBannerSlider2   {
    opacity: 0;
    visibility: hidden;
    transition: opacity 1s ease;
    -webkit-transition: opacity 1s ease;
	height:190px;
	position:relative;
	overflow:hidden;
}
.top_banner_wrap .topBannerSlider2.swiper-initialized {
    visibility: visible;
    opacity: 1; 
 }
.top_banner_wrap .swiper-slide{
	 height:190px!important;
	 line-height:190px;
}
.top_banner_wrap .swiper-slide a{
	color:#fff
}

.topBannerSlider2 .topbanner_btn{
	display:none;
	position:absolute;
	top:0;
	left:0;
	z-index:90
}
.topBannerSlider2:hover .topbanner_btn{display:block;}
.topbanner_btn .topbanner-button-next ,
.topbanner_btn .topbanner-button-prev{width:30px; height:30px; cursor: pointer;display: flex;   justify-content: center;   align-items: center;
	background:rgba(0, 0, 0, .2); color:#fff; font-size:1.5rem
}
.topbanner_btn .topbanner-button-next:hover,
.topbanner_btn .topbanner-button-prev:hover{background:rgba(0, 0, 0, .4);}




.top_nav_wrap{border-top:1px #ddd solid; height:52px;  border-bottom: 1px solid rgba(0, 0, 0, 0.05);  }
.top_nav_wrap .top_nav_inner {position:relative;max-width:1290px; width:100%; margin:0 auto; display: flex;   justify-content: flex-start;   align-items: center; padding:0 15px;}

.top_nav_wrap .top_category_wrap{width:210px; background:#000; height:50px;display: flex;   justify-content: center;   align-items: center; margin-right:30px}
.top_nav_wrap .top_category_wrap span{color:#fff; font-weight:700; position:relative; display: flex;   justify-content: flex-start;   align-items: center;}
.top_nav_wrap .top_category_wrap span i{margin-right:10px}
.top_nav_wrap .top_category_wrap li{margin-right:20px}
.top_nav_wrap .top_category_wrap li:last-child{margin-right: 0px}
.top_nav_wrap .top_category_wrap li a{font-size:18px; font-weight:600}
.top_nav_wrap .top_category_wrap li.top_cate_all {margin-right:30px;  }
.top_nav_wrap .top_category_wrap li.top_cate_all a{position:relative; display:block; width:18px; height:18px}
.top_nav_wrap .top_category_wrap li.top_cate_all i{position:absolute; top: -5px; left:0}
.top_nav_wrap .top_category_wrap li.top_cate_all.active i:before{ content: '\eb99'!important; }


.top_nav_wrap ul .nav-item {
	margin-right:45px
}
.top_nav_wrap ul .nav-item .nav-link {
	text-transform:uppercase;
	padding:0px;
	display:inline-block;
	height:50px;
	line-height:50px;
	font-weight:500;
	font-size:15px;
	position:relative;

}

 

.top_nav_wrap ul .nav-item .nav-link:after {
	display:none
}
.top_nav_wrap ul .nav-item:hover .nav-link,
.top_nav_wrap ul .nav-item.active .nav-link {
	color:#000;
}
.top_nav_wrap ul .nav-item:hover .nav-link:before{
	content:'';
	display:block;
	width:100%;
	height:2px;
	background:#000;
	position:absolute;
	bottom:0;
	left:0
}

.top_nav_wrap ul .nav-item .dropdown-toggle:after{display:block;     font-family: remixicon !important;    content: "\ea50";   position: absolute; top: 50%;  transform: translateY(-50%); right: -18px; font-size:18px }

.top_nav_wrap ul .nav-item:hover .dropdown-toggle:after{  content: "\ea56";}
 
.top_nav_wrap ul .nav-item.submenu {
	position:relative
}
.top_nav_wrap ul .nav-item.submenu ul {
	border:none;
	padding:0px;
	border-radius:0px;
	box-shadow:none;
	margin:0px;
	background:#fff;
	border:1px solid #ededed;

}
 
.top_nav_wrap ul .nav-item.submenu ul:before { }
.top_nav_wrap ul .nav-item.submenu ul .nav-item {
	display:block;
	float:none;
	margin-right:0px;
	border-bottom:1px solid #ededed;
	margin-left:0px;
	transition:all 0.4s linear
}
.top_nav_wrap ul .nav-item.submenu ul .nav-item a {
	line-height:35px;
	height:35px;
	color:#666;
	padding:0px 15px;
	transition:all 150ms linear;
	display:block;
	margin-right:0px;
	font-size:13px
}
.top_nav_wrap ul .nav-item.submenu ul .nav-item:last-child {
	border-bottom:none
}
.top_nav_wrap ul .nav-item.submenu ul .nav-item:hover a {
	background:#f5f6f8;
 
}
 
.top_nav_wrap ul .nav-item.submenu:hover ul .nav-item {
	margin-top:0px
}
.top_nav_wrap ul .nav-item:last-child {
	margin-right:0px
}
.top_nav_wrap ul.navbar-nav.navbar-right li {
	margin-left:25px;
	margin-right:0px
}
.top_nav_wrap ul.navbar-nav.navbar-right li:first-child {
	margin-left:35px
}


.top_nav_wrap .top_nav_inner .top_nav_sns_wrap {position:absolute; top:0; right:15px;   border-right:1px solid rgba(0, 0, 0, 0.05);}
.top_nav_wrap .top_nav_inner .top_nav_sns_wrap li{ width:52px; position:relative;}
.top_nav_wrap .top_nav_inner .top_nav_sns_wrap li:after{content:''; display:block; width:1px ; background:#ddd ; height:18px; 
position:absolute; top:50%; left:0;transform: translateY(-50%);
}
.top_nav_wrap .top_nav_inner .top_nav_sns_wrap li a {height:50px;display: flex;   justify-content: center;   align-items: center; }
.top_nav_wrap .top_nav_inner .top_nav_sns_wrap li a i{font-size:1.5rem}

 
@media (min-width:992px) {

 
	.top_nav_wrap ul .nav-item.submenu ul {
		position:absolute;
		top:100%;
		left:0px;
		min-width:200px;
		text-align:left;
		opacity:0;
		transition:all 300ms ease-in;
		visibility:hidden;
		display:block;
 		padding:0px;
		border-radius:0px
	}

	.top_nav_wrap ul .nav-item.submenu:hover ul {
		visibility:visible;
		opacity:1;
		top:100%
	}
}

@media (max-width: 1200px) {
	.header_middle_wrap .topSearch .search_input_box{width:300px; }
 
}
@media (max-width: 991.98px) {

	.header_area {background:#fff}

	#top_benner_bg .topBannerClose{right:15px}
	#top_benner_bg .topBannerClose a { font-size: 20px; }

	.top_nav_wrap{height:50px; padding:0 15px}
	.top_nav_wrap .top_logo_wrap{width:106px}
	.top_nav_wrap .top_logo_wrap img{height:20px;  }

	.top_nav_wrap .top_util_wrap li a i,
	.top_category_wrap a i{font-size:20px}

	.header_top_wrap{display:none}

	.m_top_wrap{
		display: flex;
		justify-content: space-between;
 		align-items: center;
		padding:15px
	}

	.m_top_wrap .top_logo_wrap img{height:35px}
	.m_top_wrap i{font-size:1.5rem;}
 
 	.top_nav_wrap ul.navbar-nav.navbar-right {
		-ms-flex-direction:row;
		flex-direction:row;
		margin-bottom:20px
	}
	.top_nav_wrap ul.navbar-nav.navbar-right .icons {
		background:#e4e4e4;
		margin-right:2px;
		line-height:50px;
		min-width:50px;
		min-height:50px
	}

}



.mo_cate_navi{
	display: none!important;
    border-top:1px #eee solid;
    height: 46px;
    margin: 0 auto;
    padding: 0 0px;
    -webkit-transition: margin-top .2s linear;
    -o-transition: margin-top .2s linear;
    -moz-transition: margin-top .2s linear;
    transition: margin-top .2s linear;

	overflow:hidden; opacity: 0;   visibility: hidden;  
}
 
.mo_cate_navi.active {  visibility: visible;  opacity: 1; }

.mo_cate_navi > div {
	overflow-x: scroll;
}
.scroll-bar-hide {
	-ms-overflow-style: none;
	scrollbar-width: none;
}



.mo_cate_navi > div a {
	padding: 0 0.8333333333vw;
	margin-right: 4.7222222222vw;
	float:left;
}
.mo_cate_navi > div a:first-child {
	margin-left: 3.8888888889vw;
}
.mo_cate_navi a {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: nowrap;
	font-size: 14px;
	color: #999;
	text-align: left;
	width: auto;
	height: 42px!important;
	font-weight: 500;
}


 
.mo_cate_navi > div:first-child a { }
.mo_cate_navi > div a:first-child {padding-left:0}

.mo_cate_navi > div a.on {
    font-weight: 500;
    color: #000;
 
}
.mo_cate_navi > div a span{position:relative;}
.mo_cate_navi > div a.on span:after {
    display: inline-block;
    content: "";
    position: absolute;
    bottom: -12px;
    z-index: 10;
    width: 100%;
    height: 2px;
    background: #000;
	left:0
}

 
 

@media (min-width: 992px) {
	.mo_cate_navi{display:none!important;}
}

 
/*********************************
Mobile Aside
*********************************/
.wrap-header-aside {  position: fixed;   z-index: 2100; width: 100%;  height: 100vh;   top: 0;   left: 0; background-color: rgba(0,0,0,0.0); visibility: hidden;
 }

.header-aside {
  position: fixed;
  z-index: 2100;
  width: 100%;
  max-width: calc(100% -  0px);
  height: 100%;
  top: 0;
  left: 0;
  background-color: #fff;
 
  overflow: auto;
}

.header-aside::after {  content: "";  display: block;  width: 100%;  height: 1%;  min-height: 10px;}


.header-aside::-webkit-scrollbar-thumb {
    background: transparent;
    display: none;
}
.header-aside::-webkit-scrollbar {
    width: 0px;
    /* remove scrollbar space */
    background: transparent;
    display: none;
    /* optional: just make scrollbar invisible */
}



.show-header-aside {  visibility: visible;   background-color: rgba(0,0,0,0.5);}
.show-header-aside .header-aside {  left: 0; }

.aside_close_btn {   opacity:0;  position:fixed; right:15px ; top:15px;  color:#000; z-index:-1;   overflow:hidden;  }
.aside_close_btn.show{ opacity:1; z-index:2110; cursor: pointer;}
.aside_close_btn span{display:block;  }
.aside_close_btn span:before, .aside_close_btn span:after { display:block; content:''; position:absolute; left:11px; top:22px; width:20px; height:2px; background:#000;border-radius:0px; transform:rotate(0deg); transition:transform 0.4s 0s;   }
.aside_close_btn span:before { transform:rotate(45deg);  }
.aside_close_btn span:after { transform:rotate(-45deg);  }



.m_menu_inner {position:relative; width:100%;height:100%; overflow-y: auto;   overflow-x: hidden; }

.m_menu_inner .m_top_btn {
 	display: flex;
	justify-content: space-between;
 	align-items: flex-end;
	position:fixed;
	z-index:11;
	top: 0px;
	right:10px
}
.m_menu_inner .m_top_btn a {margin-left:10px}
.m_menu_inner .m_top_btn a i{font-size:30px}
 
.m_menu_inner .mymenu_box{
    position: fixed;
    background: #fff;
    top: 0px;
    left: 0;
    right: 0;
    z-index: 10;
	border-bottom:5px #f7f7f7 solid;
}

.non_member{
 	padding:15px 15px;
}

.non_member .logo img{height:20px;}


.non_member p{
	font-size:1rem;
	margin-bottom:1rem;
}
.non_member .btn_box{
	 margin-top:10px
}

.non_member .btn_box a{
	display:block;
	width:calc((100% - 10px)/2);
	height:40px;
	background: rgba(80, 85, 177, 0.06);
	display: flex;
 	-ms-align-items: center;
	align-items: center;
	font-size:14px;
	padding:0 10px 0 15px;
	border-radius:3px;
}
.non_member .btn_box a span{
	display:block;
	position:relative;
}

.cate_menu ul li{list-style:none;width:100%;position:relative;border-top:1px solid #e5e5e5;}
.cate_menu ul li p{padding:10px 15px; font-size:15px}
.cate_menu ul li p span.dn_icon{position:absolute;right:15px; color:#000}
.cate_menu ul li p span.dn_icon i{color:#000}
.cate_menu ul li span{}
.cate_menu ul li dl{display:none;background:#f7f7f7}
.cate_menu ul li dl dt{border-bottom: 1px solid #e5e5e5;padding:10px 15px;position:relative;font-size:14px}
.cate_menu ul li dl dt:first-child{border-top: 1px solid #e5e5e5;}
.cate_menu ul li dl dt span.c_more{position:absolute;right:15px}
.cate_menu ul li dl dd{color:#666; background:#f9f9f9; padding:10px 0; border-bottom:1px #e5e5e5 solid;}
.cate_menu ul li dl dd p{color:#666; font-size:13px; padding:5px 15px}


.m_menu_inner .cate_commu_box{ padding-top:115px}
.cate_commu_box .menu_tabs{display: flex;}
.cate_commu_box .menu_tabs li{ flex: 1;  border: 1px solid #e5e5e5 }
.cate_commu_box .menu_tabs li:first-child{border-le#ft:none;}
.cate_commu_box .menu_tabs li:last-child{border-right:none;}
.cate_commu_box .menu_tabs li a{
	height:48px; 
	display: flex;
	justify-content: center;
 	align-items: center; font-size:15px
}
.cate_commu_box .menu_tabs li a.active{background:#000; color:#fff}

.cate_commu_box .community_list_box li a{ border-bottom:1px #e5e5e5 solid;} 
.cate_commu_box .community_list_box li a{  position:relative; padding:10px 15px; display: flex; align-items: center; color:#333; font-size:15px} 
.cate_commu_box .community_list_box li a:after{    content: "\e940";  font-family: xeicon !important; position:absolute; top:50%; right:15px; transform: translateY(-50%);}

.shop_etc_menu_box{border-top:5px #f7f7f7 solid; padding:15px 0 0 15px}
.shop_etc_menu_box .swiper-slide{width:60px}
.shop_etc_menu_box .shop_etc{width:100%; text-align:center}
.shop_etc_menu_box .shop_etc p{font-size:12px; margin-top:5px}
.shop_etc_menu_box .shop_etc i{ border-radius:10px; height:60px; background:#000; color:#fff; width:60px; display:block;
	display: flex;
	justify-content: center;
 	align-items: center;
	font-size:26px
}


.mymenu_box .my_top{ padding:15px; border-bottom:1px #e5e5e5 solid; }
.mymenu_box .my_top strong{ font-size:15px;  }

.mymenu_box .my_top .logout{position:relative; margin-left:30px}
.mymenu_box .my_top .logout a { font-size: 13.5px; padding-right:18px; margin-bottom:3px; display:inline-block; border-bottom:1px #000 solid}
.mymenu_box .my_top .logout::after {content: ''; position: absolute;  bottom: 3px; right: 0.4rem; display: block; width: 0.2rem; height:0.8rem; border-right: 0.1rem solid #000; transform: rotate(0deg) skew(45deg);}

.mymenu_box .my_menu_btn ul {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: flex-start;
	-ms-align-items: center;
	align-items: center;
}
.mymenu_box .my_menu_btn li{
	width:25%; text-align:center; padding:10px 0
}
.mymenu_box .my_menu_btn li p{ font-size:12px; margin-top:5px}
.mymenu_box .my_menu_btn li i{font-size:20px}

.mymenu_box .my_menu_btn li.cart span{ height:28px;
 	display: flex;
	justify-content: center;
	-ms-align-items: center;
	align-items: center;
}

.mymenu_box .my_info{padding:10px 0}
.mymenu_box .my_info ul:after{content:'';display:block; clear:both;}
.mymenu_box .my_info li{float:left; width:50%; padding:1px 15px;	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: space-between;
	-ms-align-items: center;
	align-items: center; }
.mymenu_box .my_info li a{text-decoration:underline!important;}




/*********************************
하단
*********************************/

footer{ font-size:14px; background:#f8f8f8; position:relative;  padding: 0px 0 0px 0;   }
.footer_inner{max-width:1290px; margin:0 auto; padding:0 15px}  
  

footer .footer_menu_wrap{
	padding:15px 0 10px; border-bottom:1px #eee solid;
}

footer .footer_menu_wrap .footerMenu{
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: flex-start;
	-ms-align-items: center;
	align-items: center;
}

footer .footer_menu_wrap .footerMenu li{
	padding-right:30px;
	position:relative;
}
footer .footer_menu_wrap .footerMenu li a{ color:#666; font-size:13px }

footer .footer_menu_wrap .footerMenu li:after{
	content:'';
	display:block;
	position:absolute;
	top:5px;
	right:15px;
	width:1px;
	height:10px;
	background:#dfdfdf;
 
}
footer .footer_menu_wrap .footerMenu li:last-child:after{
	display:none;
}
 

footer .footer_company_info_wrap{
	padding-top:30px;
	padding-bottom:30px;
	color:#757575;
	font-size:12px
}
footer .footer_company_info_wrap div,
footer .footer_company_info_wrap p,
footer .footer_company_info_wrap span{color:#757575;}
  

.footer_company_info_wrap .footer_logo{}
.footer_company_info_wrap .footer_logo img{height:30px}

.footer_company_info_box dl + dl{margin-top:20px}
.footer_company_info_box dt{
	font-weight:600;
	color:#000;
	font-size:12px;
	margin-bottom:5px
}
.footer_company_info_box dt span{display:inline-block; margin-left:15px}
.footer_company_info_box dd{color:#757575}

.footer_company_info_box .infoWrap h4{font-size:18px; font-weight:600; color:#000}
.footer_company_info_box .infoWrap p{
	line-height:160%; 
	margin:2px 0
}
.footer_company_info_box .infoWrap p a{ }
.footer_company_info_box .infoWrap p span{
	display:inline-block;
	margin-right:15px; 
}

.footer_company_info_box .deliveryWrap a{color:#757575; text-decoration:underline!important;}
 

footer .footer_copyright { text-align:center;  padding:15px; border-top:1px #eee solid; font-size:12px; color:#757575}

 

@media (min-width: 992px) {

	footer .footer_company_info_wrap .footer_company_info_inner{
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
		width:100%;
	}
	.footer_company_info_wrap .footer_company_info_box{ width:calc(100% - 200px); }

    .footer_company_info_box {
        display: flex;
        flex-direction: row-reverse;
        justify-content: space-between;
    }
}

@media (max-width: 992px) {
	footer{padding-bottom:70px}
	.footer_company_info_wrap .footer_logo img {  height: 20px;}
	.footer_company_info_wrap .footer_company_info_box{width:100%}
	.footer_company_info_box .deliveryWrap,
	.footer_company_info_box .infoWrap,
	.footer_company_info_box .csWrap {margin-top:20px}

	.footer_company_info_box .deliveryWrap, .footer_company_info_box .csWrap{ display: flex; justify-content: space-between; align-items: flex-start; }
	.footer_company_info_box .deliveryWrap dl, .footer_company_info_box .csWrap dl {width:49%}
	.footer_company_info_box .deliveryWrap dl + dl,
	.footer_company_info_box .csWrap dl + dl{margin-top:0}

	.footer_company_info_box .infoWrap h4 {font-size:12px}
 
	footer .footer_menu_wrap .footerMenu li a{  font-size:11px }
	footer .footer_menu_wrap .footerMenu li {  padding-right: 15px;}

	footer .footer_menu_wrap .footerMenu li:after{ top:8px; 	right:8px; height:8px; }
}
 
@media (max-width: 370px) {

	footer .footer_menu_wrap .footerMenu li {  padding-right: 12px;}
 	footer .footer_menu_wrap .footerMenu li:after{ display:none; }
}





.mobile_footer{z-index:  10 }


.mobile_footer{background:#fff; border-top:1px #ddd solid; position:fixed; left:0; bottom:0; width:100%}
.mobile_footer ul{
    display: -webkit-flex;
    display: flex;
}
.mobile_footer li{
     text-align: center;
    -webkit-flex: 1;
    flex: 1;
    display: inline;
    padding:10px 0;
    margin: 0;
    text-align: center;
    position: relative;
    color:#999;
}
.mobile_footer li  i{
	display:block;
	margin-bottom:5px;
	font-size:1.3rem
}
.mobile_footer li p{
	font-size:11px
}


.mobile_footer .mo_footer_btn_box{
	position: relative;	
}
.mobile_footer .mo_footer_btn_box a{
	width:35px; height:35px; background:#fff; box-shadow: 0.2rem 0.2rem 0.5rem 0 rgba(0, 0, 0, 0.05); border-radius:5px;
	display: flex; justify-content: center; align-items: center;
}
.mobile_footer .mo_footer_btn_box a i{
	font-size:18px;
}
.mobile_footer .mo_footer_btn_box .page_back{
	position: absolute;
	left:15px;
	bottom:15px;
	
}
.mobile_footer .mo_footer_btn_box .page_up{
	position: absolute;
	right:15px;
	bottom:15px;
	transition: all .2s linear;
	transform: translateX(6.1rem);
}

.mobile_footer .mo_footer_btn_box .page_up.hidBtn{
 
	transform: translateX(0);
}


@media (max-width: 1024px) {
 
	footer .footer-area .col-md-6{
		margin-bottom:15px
	}
	.banner_right_open_btn {display:none}

 
}


@media (max-width: 991.98px) {

	footer .footer-area .footer-top{
		display:block
	}

	 footer .footer-menu .footerSns{
		margin-top:15px;
		margin-bottom:30px;
		justify-content: flex-start;
	 }
	footer .footer-menu .footerSns li{
		margin-left:0px;
		margin-right:15px
	}
	footer .footer-logo img{height:20px}
}

@media (max-width: 768px) {

	 footer .cs-info{
		display:block;
		margin-top:15px
	 }
	 footer .footer-menu .footerMenu li a{
		font-size:11px
	 }
	 footer .footer-menu .footerMenu li{
		padding-right:10px
	 }
	footer .footer-menu .footerMenu li:after {
 		right: 5px;
 
	}


}


/***********
카테고리메뉴
***********/

.lnb_box{display:none; position:relative; z-index:990; max-width:1260px; margin:0 auto;  }
.lnb_box .lnb_menu_box{position:relative; z-index:990;
	height: 505px; width:210px;
    border-right: 1px solid #eee;
    border-left: 1px solid #eee;
    border-bottom: 1px solid #eee;
    background: rgba(255, 255, 255, .8);
    transition: height .2s .5s ease-in-out;
    
}
.main_lnb_box.lnb_box{padding:0 15px}
.main_lnb_box.lnb_box .lnb_menu_box{
	position:absolute;  top:0; left:0;
    border-right: 1px solid rgba(0, 0, 0, .12);
    border-left: 1px solid rgba(0, 0, 0, .12);
	border-bottom:none;
}

.lnb_box .lnb_menu_box dt{font-weight:600; margin-bottom:10px;font-size:13px}
.lnb_box .lnb_menu_box dd > ul{margin-bottom:30px}
.lnb_box .lnb_menu_box dd ul li{padding: 0px 0; position:relative;}
.lnb_box .lnb_menu_box dd ul li a{color:#666; font-size:13px; display:block;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
	height:36px;
	line-height:36px;
	padding-left:10px
}
.lnb_box .lnb_menu_box dd ul li a:hover{color:#000; }
.lnb_box .lnb_menu_box dd ul li:last-child a{border-top:none; border-bottom:none;}

.lnb_box .lnb_menu_box dd ul li .dropdown-toggle:after {
    display:block;     font-family: remixicon !important;    content: "\ea54";   position: absolute; top: 50%;  transform: translateY(-50%); right:  7px; font-size:18px
}
 

.lnb_box .lnb_menu_box dd > ul .has-children .dropdown {
    visibility: hidden;
    opacity: 0;
    top:  0px;
    left: 208px;
    position: absolute;
    text-align: left;
   /* -webkit-box-shadow: 0 0px 4px 0px rgba(0,0,0,0.05);
    box-shadow: 0 0px 4px 0px rgba(0,0,0,0.05);*/
    border-left: 1px solid #edf0f5;
    border-right: 1px solid #edf0f5;
    border-bottom: 1px solid #edf0f5;
    padding: 0px 0;
    margin-top:  0px;
    margin-left: 0px;
    background: #fff;
    -webkit-transition: 0.2s 0s;
    -o-transition: 0.2s 0s;
    transition: 0.2s 0s;
    z-index: 1000;
	width:150px
}
.lnb_box .lnb_menu_box dd > ul .has-children:hover>.dropdown{
	-webkit-transition-delay:0s;
	-o-transition-delay:0s;
	transition-delay:0s;
	margin-top:0px;
	visibility:visible;
	opacity:1;
}
 
.lnb_box .lnb_menu_box dd > ul .has-children .dropdown li a{
	font-size:13px;
	padding:2px 10px;
	display:block;
}
.lnb_box .lnb_menu_box dd > ul .has-children .dropdown li:first-child a{
	 
}

.lnb_box .lnb_menu_box dd > ul .has-children .dropdown li:last-child a{
	 
}


@media (min-width: 992px) {
	.lnb_box{display:block; }
}

@media (max-width: 1300px) {
	.main_lnb_box.lnb_box .lnb_menu_box{left:15px}
	.top_nav_wrap .top_nav_inner .top_nav_sns_wrap{display:none;}
}



/***********
 좌측
***********/
.lnb_commu_box{margin-top:15px}
.lnb_commu_box ul{
	display: grid; gap: 0 0px; grid-template-columns: repeat(2, 1fr);
	border:1px #eee solid;
}

.lnb_commu_box li a{
	display: flex;
    flex-direction: column;
	text-align:center;
	justify-content:center;
	font-size:12px;
	padding:10px 0
}
.lnb_commu_box li:nth-child(even){
	border-left:1px #eee solid;

}
.lnb_commu_box li:nth-child(n+3){
	border-top:1px #eee solid;
}
.lnb_commu_box li a i{font-size:1.25rem}
.lnb_commu_box li a span{
	color:#999
}

.rolling_goods_wrap{border:1px #eee solid; margin-top:15px}
.rolling_goods_wrap .rg_tit{ background:#000; padding:7px 0; text-align:center;}
.rolling_goods_wrap .rg_tit h3{color:#fff; font-size:16px; margin-bottom:0}
.rolling_goods_wrap .rolling_goods{padding:15px 0 30px 0;  }
.rolling_goods_wrap .rolling_goods .swiper-slide{text-align:center;}
.rolling_goods .rg_image{position:relative;}
.rolling_goods .rg_image .goods_icon_box{ position:absolute; top:0; left:10%}
.rolling_goods .rg_name {font-size:13px; margin-top:15px; padding:0 15px}
.rolling_goods .rg_price{ display: flex;  flex-direction: column; margin-top:10px}
.rolling_goods .rg_price strike{color:#999; font-size:12px;}
.rolling_goods .rg_price strong{ font-size:14px;}


.rolling_goods_wrap .rolling_goods_pagination {
	position:absolute;
	top:50%;
	transform: translateY(-50%);
	width:100%;
	left:0;
	z-index:50;
	opacity: 0;
    -webkit-opacity: 0;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
}
.rolling_goods_wrap:hover .rolling_goods_pagination {
	opacity:1;-webkit-opacity:1;
}

.rolling_goods_pagination .swiper-button-next:after, 
.rolling_goods_pagination .swiper-button-prev:after{
	font-size:14px!important;
}

.rolling_goods_pagination .swiper-button-next, .rolling_goods_pagination .swiper-button-prev{
	background:rgba(0,0,0,0.4);
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
	width:25px!important;
	height:25px!important;
	color:#fff
}
.rolling_goods_wrap .rolling_goods_pagination .swiper-button-prev{left:-5px}
.rolling_goods_wrap .rolling_goods_pagination .swiper-button-next{right:-5px}

.rolling_goods_wrap:hover .rolling_goods_pagination .swiper-button-prev{left:0}
.rolling_goods_wrap:hover .rolling_goods_pagination .swiper-button-next{right:0}

.rolling_goods_wrap .swiper-pagination{bottom:10px!important;} 

.rolling_goods_wrap .swiper-pagination-bullet{border-radius:0; width:15px; height:2px; margin:0 2px!important;transition: all .3s ease;}
.rolling_goods_wrap .swiper-pagination-bullet-active{width:20px;  }



/***********
 상단
***********/

 
div.hd{width:100%;position:relative;}
div.hd_t{ }
div.hd_t p span{padding:0 2px;margin:0 2px;font-size:12px;}

 
/*최상단 메뉴바*/
.top_layout{height:33px; line-height:33px;width:100%;padding:0px 0; border-bottom:1px #e5e5e5 solid;}

.left_menu_v{position:absolute;top:0px;z-index:1; right:50%; width:600px;}
.left_menu_v ul:after{content:'';display:block; clear:both}
.left_menu_v li{float:left; margin-right:20px}
.left_menu_v li a{padding-left:18px; position:relative;}
.left_menu_v li:last-child a{padding-left:21px;}
.left_menu_v li a:after{content:'';display:block; width:12px; height:13px; background:url(/webftp/top_ico01.png) no-repeat; position:absolute; top:4px; left:0}
.left_menu_v li:last-child a:after{ background:url(/webftp/top_ico02.png) no-repeat;  top:2px; width:16px}


.right_menu_v{position:absolute;top:0px;z-index:1; right:0; text-align:right;}
.right_menu_v span{cursor:pointer;}
.right_menu_v {display: block; }
.right_menu_v ul:after{content:'';display:block; clear:both}
.right_menu_v ul{float:right;}
.right_menu_v li{float:left;margin-right:18px; line-height:33px;  }
.right_menu_v li:last-child{margin-right:0}
.right_menu_v li a{color:#888; font-size:13px}


 
/*로고*/
.logo_box{  padding:0px 0px 0px 0px ;position:relative; height:122px;}
.logo_box .logo_v{padding-top:39px}

/*검색창*/
div.top_searchbox{ top:33px; height:56px}
div.top_searchbox div.search_tx{padding:0 14px ;}
div.top_searchbox div.search_tx input{border:none; height:50px; line-height:50px; font-size: 13px!important; 	font-weight: 500; color:#666; font-family: 'Noto Sans KR';}
div.top_searchbox div.search_btn{position:absolute;right:12px;top:12px; cursor:pointer;}

.search_tx input::-webkit-input-placeholder { font-size: 13px!important; 	font-weight: 500; color:#666; font-family: 'Noto Sans KR';}
.search_tx input:-ms-input-placeholder {font-size: 13px!important; 	font-weight: 500; color:#666; font-family: 'Noto Sans KR'; }
.search_tx input::placeholder { font-size: 13px!important; 	font-weight: 500; color:#666; font-family: 'Noto Sans KR';}
 

/*카테고리메뉴바*/
div.topmenu_btn_box ul li{cursor:pointer;float:left;text-align:center; list-style:none; font-weight:500;box-sizing: border-box;position:relative; height:64px; line-height:64px}
div.topmenu_btn_box ul li span.right_b{position:absolute;right:0;font-weight:300;color:#ddd;}

div.topmenu_btn_box ul li.top_menu_tx11 img{vertical-align:top; margin-top:22px}

div.topmenu_btn_box div.top_menu_category_n{position:absolute;z-index:100;width:204px;height:429px;background:#45b7ab; top:64px; filter:alpha(opacity=98);opacity: 0.98;}
div.topmenu_btn_box div.top_menu_category_n div.top_menu_category_n_bg{position:absolute;z-index:-1;background:#45b7ab; filter:alpha(opacity=98);opacity: 0.98;width:100%;height:100%}

div.topmenu_btn_box div.top_menu_category_n dl{height:20px;padding:9px 0px }
div.topmenu_btn_box div.top_menu_category_n dl dt{cursor:pointer;padding:9px 5px 9px 15px;font-size:14px;color:#ffffff;}
div.topmenu_btn_box div.top_menu_category_n dl dt:hover{background:#c3a46b;}
div.topmenu_btn_box div.top_menu_category_n dl dd{cursor:pointer;position:absolute;left:148px;top:-1px;width:1035px;min-height:500px;background:#fff;padding:20px 30px;display:none;border:1px solid #454545;
box-sizing: border-box;}
div.topmenu_btn_box div.top_menu_category_n dl dd span.over_navi_icon{position:absolute;right:0px;top:20px;}
div.topmenu_btn_box div.top_menu_category_n dl dd div.over_navi_box{width:800px;}
div.topmenu_btn_box div.top_menu_category_n dl dd div.over_navi_box ul li{float:left;width:150px;text-align:left;min-height:260px;border-left:1px solid #dddddd;margin-top:20px;}
div.topmenu_btn_box div.top_menu_category_n dl dd div.over_navi_box ul li h3{font-size:14px;color:#333333;padding:0px 0px 10px 15px;}
div.topmenu_btn_box div.top_menu_category_n dl dd div.over_navi_box ul li p{font-size:12px;color:#666666;padding:3px 0px 3px 15px;}
div.topmenu_btn_box div.top_menu_category_n dl dd div.over_navi_box ul li.main_li_non{border:none;}

div.topmenu_btn_box div.top_menu_category_v{position:absolute;z-index:101;display:none; background:#fff;top:64px;}
div.topmenu_btn_box div.top_menu_category_v table span{cursor:pointer;}
div.topmenu_btn_box div.top_menu_category_v table tr th{background:#f7f7f7;text-align:left;padding:10px;font-size:14px;border-bottom:1px solid #cfcfcf;border-right:1px solid #cfcfcf;border-left:1px solid #cfcfcf;}
div.topmenu_btn_box div.top_menu_category_v table tr th span.un_text01{}
div.topmenu_btn_box div.top_menu_category_v table tr td.un_td12{padding:10px 0;border-bottom:1px solid #cfcfcf;border-right:1px solid #cfcfcf;}
div.topmenu_btn_box div.top_menu_category_v table tr td.pd_l10{padding-left:10px;font-size:14px;}
div.topmenu_btn_box div.top_menu_category_v table tr td span.bl{padding:0 5px;}
div.topmenu_btn_box div.top_menu_category_v p.categoryclose_btn{cursor:pointer;width:29px;height:29px;position:absolute;right:5px;top:5px;}


 
  



/***********
서브공통
***********/
body.bodyBg{background:#f5f5f5}

.dream_wrap{ padding: 0px  0 150px 0}
 
 
.dream_wrap .dream_container{}
.dream_wrap .dream_container:after{content:'';display:block; clear:both;}
.dream_wrap .dream_container .dream_contents{ position:relative; padding-top:30px }
.dream_wrap .dream_container .dream_lnb{float:left; width:210px; padding-top: 0px;   }
.dream_wrap .dream_container .dream_contents_sub{float:right; width:calc(100% - 250px);    position:relative; padding-top:30px }
.dream_wrap .dream_container .dream_contents_sub:before{ }
.dream_wrap .dream_container .dream_contents_full{padding-top: 40px ; width:100%!important}
 
.dream_wrap .dream_container .dream_contents_w{padding-top:40px; max-width:1360px; margin:0 auto}

.dream_wrap .dream_container .dream_contents_sub h3{font-size:2.1111rem; margin-bottom:25px}
.dream_contents_sub .sub_tit_box h5{font-size:16px; margin-bottom:15px}

.page-title-box{display:none; min-height:42px; border-bottom:1px #eee solid; margin-bottom:30px }
.page-title-box:after .breadcrumb:after{content:''; display:block; clear:both;}
.page-title-box .breadcrumb{background:#fff;   margin-bottom:0; padding-right:0; padding-left:0;  display: flex; }
.breadcrumb .breadcrumb-item:first-child{ }
.page-title-box .breadcrumb .breadcrumb-item{color: #999; font-size:12px;    display: flex;  align-items: center; position: relative; }
.page-title-box .breadcrumb .breadcrumb-item a{color: #999; font-size:12px}
.page-title-box .breadcrumb .breadcrumb-item.active {  color: #000;}
.page-title-box .breadcrumb .breadcrumb-item .icon_home{position:relative; width:16px; height:16px; display:block; }
.page-title-box .breadcrumb .breadcrumb-item .icon_home:after{    content: "\F06A1"; font: normal normal normal 18px/1 "Material Design Icons"; display:block; position:absolute; top:-1px; left:0}
.dream_contents h3, .dream_contents_w h3{text-align:left; margin-bottom:40px; font-weight:300; font-size:2.1111rem;}
.dream_contents h4, .dream_contents_w h4{text-align:left; margin-bottom:40px; font-size:20px}
.dream_contents h5.subTit,.dream_contents_w h5.subTit{   font-size:18px; margin-bottom:0}
.sub_tit_line{border-bottom: 1px solid #e5e5e5; padding-bottom:10px; margin-bottom:30px}

.dream_contents .sub_tit_box{padding:30px 0 15px 0}
.dream_contents .sub_tit_box > div{font-size:12px; color:#999}
.dream_contents_w .sub_tit_box > div{  font-size: 12px; color:#999}


 

.page_btn{text-align:center; margin-top:2.7777rem;     display: flex;  gap: 0 10px;  text-align: center;  justify-content: center;}
.page_btn .btn{margin: 0px 0px; min-width:150px}


.p_c01{color:#45b7ab}
.p_c02{color:#45b7ab}
.p_c03{color:#676767}

 

.navigation {padding:20px 0px 15px 0px;font-size:12px;color:#888; border-bottom:1px #ddd solid;}
.navigation a{font-size:12px;color:#888;}
.navigation_home_color{color:#888}
.navigation_title_color{color:#45b7ab}

.dream_info_box{background-color: #f5f6f8;  border-top: 1px solid #eee; border-bottom: 1px solid #eee; padding:20px; line-height:180%; font-size:13px; color:#999 }

.dream_cont_box{background:#fff; border-radius:10px; padding: 45px 35px;}


.infoTextList li { position: relative;   margin-top: 8px;   padding-left: 10px;   font-size: 12px;   font-weight: 400; color: #888;  line-height: 1.42;}
.infoTextList li:first-child {  margin-top: 0;}
.infoTextList li:before {  content: "";  display: block;   position: absolute;    left: 0;  top: 6px; width: 2px;   height: 2px;   background-color: #aaa;}



@media (max-width: 1440px) {
	.dream_wrap .dream_container .dream_lnb{  width:210px; }
	.dream_wrap .dream_container .dream_contents_sub{ width:calc(100% - 230px);   }
}


@media (max-width: 991.98px) {

	.dream_wrap .dream_container .dream_lnb{ display:none ; padding-top:0}
	.dream_wrap .dream_container .dream_contents,
	.dream_wrap .dream_container .dream_contents_sub{float:none; width:calc(100% - 0px); padding-top:0  }
	.dream_cont_box{ padding: 25px;}
	.dream_wrap:before{ display:none;  }
	.dream_wrap .dream_container .dream_contents_full{padding-top: 0px ;  }

	 
	.page_btn .btn{width:100%; min-width:auto; font-size:14px}
	
	.dream_inner{padding:0 15px}
	
}
 

@media (max-width: 576px) {
 
	 .page_btn {justify-content: space-between;}
	  
	  
}





/***********
상품목록 
***********/
.dream_wrap .dream_container .dream_contents.dream_contents_goodslist{
	 padding-top:0
}

 

.dream_contents_goodslist h3{margin-bottom:30px; font-weight:700}
.sub_category_wrap{text-align:center; padding-bottom:30px}
.sub_category_wrap .btn{margin:0 5px}
 

.goodsList_item_sort{margin: 20px 0 20px 0;  background: #f5f6f8; padding:10px 15px}
.goodsList_item_sort .total_items{ font-size:14px}
.goodsList_item_sort .goods_sort{padding-right:15px}
.goodsList_item_sort .goods_sort a{font-size:14px;  margin-left:30px; display:inline-block; position:relative;}
.goodsList_item_sort .goods_sort a:after{content:''; display:block; width:1px; height:12px; background:#ddd; position:absolute; top:50%; margin-top:-5px; left:-18px;}
.goodsList_item_sort .goods_sort a:first-child:after{display:none;}


.dream_goods_wrap{}
.dream_goods_wrap > ul{ display: grid; gap: 20px; grid-template-columns: repeat(4, 1fr)}

.dream_goods_list{position:relative; overflow:hidden; margin-bottom: 30px}
.dream_goods_list .item_btn_box {position: absolute;  bottom: -50px ;   left:  0 ; width:100%;    transition: all 400ms ease;  background-color: #df0011;	 }
.dream_goods_list:hover  .item_btn_box{bottom: -50px}
.dream_goods_list .item_btn_box .goods_icon{ overflow:hidden; 
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: flex-start;
	-ms-align-items: center;
	align-items: center;
 
}
.dream_goods_list .item_btn_box .goods_icon img { }
.dream_goods_list .item_btn_box .goods_icon a{cursor:pointer; transition: all 400ms ease; display:inline-block; margin:0 0px; margin-bottom: 0px; 
   border-radius: 0%; width:calc(100% / 3); height:50px; line-height:50px; text-align:center; position:relative; color:#fff;}
.dream_goods_list .item_btn_box .goods_icon a:after{content:''; display:none; position:absolute; top:50%; margin-top:-8px; left:0; width:1px; height:16px; background:#e4e4e4}
.dream_goods_list .item_btn_box .goods_icon a:first-child:after{display:none;}
.dream_goods_list .item_btn_box .goods_icon a i{font-size:22px;  color:#fff;}
.dream_goods_list .item_btn_box .goods_icon a:hover { color:#fff; }
.dream_goods_list .item_btn_box .goods_icon a{
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: center;
	-ms-align-items: center;
	align-items: center;
}
.dream_goods_list .goods_img{position:relative; overflow:hidden; background:#f3f3f3; border-radius:0px; border:1px #eee solid;}
.dream_goods_list .goods_img img{width:100%}
.dream_goods_list .goods_img .goods_result_dc{position:absolute; top:0px; left: 0px}
.dream_goods_list .goods_img .goods_icon_box{position:absolute; top:0px; left: 0px}
.dream_goods_list .goods_img .goods_icon_box > ul{
	display: flex;
	justify-content: flex-start;
 	align-items: center;
}
.goods_icon_box li, .goods_icon_box li span{height:24px;
	display: flex;
	justify-content: center;
 	align-items: center;
}
.goods_icon_box li{margin-right:1px}
.goods_icon_box li span{padding:0 10px; min-width:50px;}
.goods_icon_box li.goods_iconlist span{padding:0}
.dream_goods_list .goods_img .goods_icon_box img{vertical-align:top;}
.goods_result_dc li{ text-align:center; }

.goods_result_dc li:nth-child(2){z-index:15 }
.goods_result_dc li:nth-child(3){z-index:10 }
.goods_result_dc li+li{margin-top:-8px}

.goods_result_dc .icon_soldout, .goods_result_dc .item_discount_rate{margin:0 auto; display:block; color:#fff; width:50px; height:50px; line-height:50px;  text-align:center; color:#fff; border-radius:50%; font-size:11px;}
 
.goods_result_dc .icon_soldout{ }
.goods_result_dc .icon_happy{margin:0 auto;display:block; color:#fff; width:50px; height:50px; line-height:50px;   text-align:center; color:#fff; border-radius:50%; font-size:12px;}

.goods_icon_box .icon_happy span{background:#000; color:#fff; font-size:12px; font-family:Figtree; }
.goods_icon_box .goods_soldout span{background:rgb(223, 0, 17); color:#fff; font-size:12px; }
.goods_icon_box .item_discount_rate {display:none;  }
.goods_icon_box .item_discount_rate span{background:#000; color:#fff; font-size:12px; font-family:Figtree; }

.item_tit{margin-top:15px; line-height:1.3; margin-bottom:5px }
.item_tit p{padding-bottom:5px;}
 
.item_tit a{   }

.item_tit .item_brand{font-size:0.94444rem; color:#333; font-weight:bold;  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.item_tit .item_name{   font-size:12px; word-wrap: break-word; overflow-wrap: break-word ;word-break: break-all; margin-bottom:10px; line-height:18px;
min-height:65px; border-bottom:1px #eee solid; margin-bottom:15px
}
  
.item_cost { position:relative;    padding-top: 0px; line-height:1}
.item_cost strong{font-size:20px; color:#000; font-weight:700; }
.item_cost strong em{font-weight:300}
.item_cost strike{display:inline-block; margin-right:10px; color:#999; font-size:14px}
.item_cost .weight { padding-left:20px; display:inline-block; position:relative} 
.item_cost .weight:before{content:'/'; position:absolute; top:0; left: 10px; font-size:12px;}
.item_cost .item_real{display:block;   color:#999;  text-decoration: line-through; font-size:12px; height:12px; margin-bottom:2px}
.item_cost .item_dc{position:absolute; bottom:0; right:0; display:inline-block;   color:#28a745;  font-size:15px; margin-left:10px; font-weight:700}

.item_tit .item_rf{  font-size:12px; color:#999}
.item_tit .item_companyofgoods{  font-size:12px; color:#333; margin-top:7px}

.item_icon{min-height:18px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: flex-start;
	-ms-align-items: center;
	align-items: center;
}
.item_icon span{display:inline-block; margin-right:3px; }
.item_icon .icon_soldout{font-size:11px; color:#fff; height:18px; line-height:18px; display:inline-block; padding:0 5px}
.item_icon .icon_soldout a{color:#fff}

 
.dream_goods_list .item_cost{ margin-top:7px;	display: flex;  flex-direction: column;  gap: 5px 0; }
.dream_goods_list .item_cost strike{font-size:12px}
.dream_goods_list .item_cost strong,   .dream_goods_list .item_cost .item_discount_rate{font-size:14px}
.dream_goods_list .item_cost .item_discount_rate{display:none; margin-left:10px;color: #ff4c2f; font-weight:700}

.dream_goods_list .item_point{display:none; padding-top:10px}

  
.no_product{text-align:center; padding:70px 0!important}

/* list-sort-select */
.goods_sort select {color:#666;font-size:13px; background:#fff;  vertical-align:middle;  border:1px #fff solid;    
padding: 0 20px 0 10px;  -webkit-appearance: none; -moz-appearance: none; appearance: none;    box-sizing: border-box;}
.goods_sort select::-ms-expand { display: none; }
.goods_sort .select-style {position: relative; display: inline-block;  }
.goods_sort .select-style:after{font-family: xeicon!important;  content: "\ea53"; display: block;   position:absolute;   transform: rotate(90deg); top:-2px;right:0px; font-size:1.1rem; }


 
.shop_category_wrap {position: relative; margin:  0px auto 0; }
.shop_category_wrap:after{content:'';display:block; width:100%; height:1px; background:#e5e5e5; position:absolute; bottom:0; left:0}
.shop_category_wrap .in_Layer { overflow: hidden;  }
.cateMenu_swiper .menu {display: flex;align-items: center;}
.cateMenu_swiper .menu > li:last-child {padding-right: 0;}
.cateMenu_swiper .menu > li a {display: flex;align-items: center;position: relative; height: 42px;padding: 0 15px;font-size: 16px; font-weight: 500;  color: #999;text-decoration: none; }
.cateMenu_swiper .menu > li a span{position:relative; display:block;}
.cateMenu_swiper .menu > li.active a {color: #000;}
.cateMenu_swiper .menu > li.active a span:after {content:'';position: absolute;bottom: -8px;left: 0;width: 100%;height: 2px;background: #000;}
.cateMenu_swiper .menu > li:first-child a{padding-left:0}

 
 @media (max-width: 1023px) {
 	.cateMenu_swiper .menu > li:first-child a{padding-left:15px}
	.cateMenu_swiper .menu > li a { font-size: 15px; }
}
@media (max-width: 992px) {
	.dream_goods_submain, .dream_goods_search{padding-left:15px; padding-right:15px}
	.dream_goods_wrap > ul{
		 grid-template-columns: repeat(2, 1fr)!important;
		 gap: 10px;
	}

	.goods_sort select{
		background: #fff;
		vertical-align: middle;
		border: 1px #fff solid;
		border-radius: 15px;
		padding: 5px 35px 5px 20px;
	}
	.goods_sort .select-style:after {
  		top: 4px;
		right: 15px;
 	}
	.goodsList_item_sort .goods_sort{padding-right:0}

	.no_product{  padding:50px 0 30px!important}

}




.category_top  img{width:100%}
.category_top {
    opacity: 0;
    visibility: hidden;
    transition: opacity 1s ease;
    -webkit-transition: opacity 1s ease;
	margin :0 0 30px 0px
}

.dream_contents_goodslist .slick-dotted.slick-slider{
	margin-bottom:0
}

.category_top.slick-initialized {
    visibility: visible;
    opacity: 1;    
}

 
.sub_style_tit {
    margin-bottom: 1.6666rem;
}
.sub_style_tit h3{
	font-size: 1.8888rem;
    margin-bottom: 5px!important;;
    font-weight: 600;
	text-align:left;
}


.cateTopWrap{
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: space-between;
	-ms-align-items: center;
	align-items: center;
}
.cateTopWrap .cateTopRecom,
.cateTopWrap .cateTopNew{
	width:calc(50% - 15px);
}


.category_goods_box{white-space: nowrap; padding:0 18px}
.category_goods_box .ct_inner{   
    overflow: hidden hidden; 
     margin-left: -18px;
    margin-right: 18px;
}

.category_goods_box .ct_goods_box{
	position: relative;
    width: 170px;
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    margin-right: 22px;
}

.category_goods_box .ct_goods_box .item_tit{
	margin-top: 12px;
    overflow-wrap: break-word;
    word-break: keep-all;
    white-space: normal;
}

 


 
.main_sale{margin:50px 0 0px}

 


 
#leftQuickMenu{display:none;}


.product_contents_wrap .product_snb h2 {
	display:none;margin-bottom:0;    font-size: 2.1111rem; 
}

.sub_3step_category_wrap{  display:block; width:100%;background:#f5f5f5;  border:1px #eee solid; border-top:none;  }
.sub_3step_category_wrap .sub_3step_category_box{ }
.sub_3step_category_wrap .sub_3step_category_box ul{position:relative; display: grid; gap: 0 0px; grid-template-columns: repeat(5, 1fr); margin-bottom:0}
.sub_3step_category_wrap .sub_3step_category_box li{  padding:10px 20px;   }
.sub_3step_category_wrap .sub_3step_category_box li:last-child{margin-right:0}
.sub_3step_category_wrap .sub_3step_category_box li a{font-size:13px;  display:block; color:#999 }
.sub_3step_category_wrap .sub_3step_category_box li.active a{color:#000;  }

.sub_category_wrap ul{ 
	background: linear-gradient(90deg, #fff calc(100% - 1px), transparent) center, linear-gradient(#eee  100%, transparent) center;
	background-size: 100% 100%;
	border-left: 1px solid #eee;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
	display: flex;
	flex-wrap: wrap;
	position: relative;
	width: 100%;		
}
.sub_category_wrap ul:after{content:''; display:block; clear:both;}
.sub_category_wrap li{ width:calc(100% / 2)}
.sub_category_wrap li:nth-child(2n+1):after {
	border-bottom: 1px solid #eee;
	content: "";
	display: block;
	left: 0;
	position: absolute;
	width: 100%;
}
.sub_category_wrap li a{
	 
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 40px;
	font-size: 13px;
	line-height: 1.43em;
	letter-spacing: -1px;
	padding:0 10px;
	opacity: 0.6;
	border-bottom: 1px solid #fff;
}
.sub_category_wrap li.active a{
	opacity: 1;
	font-weight: 600;
	color: #000;
	border-bottom: 1px solid #000;
}

.sub_category_wrap li:before{  }
.sub_category_wrap li:after{  }
.sub_category_wrap li:first-child:before{display:none;}


 @media (min-width: 992px) {

	.cate-page-title-box{display:block!important;}

	.product_contents_wrap{
 
	}
	.product_contents_wrap .product_snb{
 
	}
	.product_contents_wrap .product_snb h2{
		display:block; margin-bottom:20px
	}

	.product_contents_wrap .product_snb .btn_allcate{
 
	}
	.product_contents_wrap .product_snb .btn_allcate.cate2step{
		opacity: 0.6;
	}

	.product_contents_wrap .product_snb .btn_allcate span{
		position:relative;
		padding-right:20px;
	}
	.product_contents_wrap .product_snb .btn_allcate span:after{
		content: "\F0415";
		display:block;
		position:absolute;
		top:-1px;
		right:0;
		font: normal normal normal 18px/1 "Material Design Icons";
	}

        

	.product_contents_wrap .product_contents{
		 
	}
	.product_contents_wrap .product_contents .pc_cateTitle{position:relative;}
	.product_contents_wrap .product_contents .pc_cateTitle h3{
		margin-bottom:0;
		font-weight: 300;
		font-size: 38px;
		color:#000
 	}
	.product_contents_wrap .product_contents .pc_cateTitle span{
		flex: none;
		display: inline-flex;
		align-items: center;
		min-width: 21px;
		height: 21px;
		margin-left: 5px;
		padding: 0 6px;
		font-weight: 600;
		font-size: 13px;
		line-height: 1.23em;
		letter-spacing: -0.01em;
		color: #FFF;
		border-radius: 100px;
		background: #df0011;
		position:absolute;
		top:-5px;
		right:-30px
	}


	.sub_category_wrap ul{ 
 		background-size: 20% 100%;
 	}
	.sub_category_wrap{ padding: 0px 0 0px 0; text-align:center;  }
  
	.sub_category_wrap li{ width:calc(100% / 5)}
	.sub_category_wrap li:nth-child(5n+1):after {
		border-bottom: 1px solid #eee;
		content: "";
		display: block;
		left: 0;
		position: absolute;
		width: 100%;
	}
 
 
 
 }

 @media (max-width: 991.98px) {

    .dream_goods_list{  margin-top: 0px!important; margin-bottom:25px!important;}
	.category_top{margin:0 -15px}

	.dream_contents_goodslist .row{margin-left:-7.5px; margin-right:-7.5px}
	.dream_contents_goodslist .col-6, .dream_contents_goodslist .col-md-4{padding-left:7.5px; padding-right:7.5px}


 	.dream_goods_list .item_cost strike{margin-bottom:0!important; margin-right:5px}
	.dream_goods_list .item_cost .item_discount_rate{margin-left:5px!important}

	.sub_category_wrap{margin:0 }
	.sub_3step_category_wrap{margin:0 0px; width:calc(100% + 0px)}
	.sub_3step_category_wrap .sub_3step_category_box{ text-align:left; }
	.sub_3step_category_wrap .sub_3step_category_box ul{display: grid; gap: 0 0px; grid-template-columns: repeat(4, 1fr); margin-bottom:0}
	.sub_3step_category_wrap .sub_3step_category_box ul:after{display:none}
	.sub_3step_category_wrap .sub_3step_category_box ul:before{display:none}

	.sub_3step_category_wrap .sub_3step_category_box li a{font-size:12px;   padding:0px; border-radius:0px }
	.sub_3step_category_wrap .sub_3step_category_box li.active a{  }

	
 }


@media (max-width:768.98px) {

 
	.dream_goods_list .goods_img{
		overflow:visible 
	}
	 
	
	.dream_goods_list .item_btn_box {
		display:none!important;
		 bottom:-35px;
		 background:#fff;
		 width:auto;

 	}
	.dream_goods_list:hover  .item_btn_box{ bottom:-35px}
	.dream_goods_list .item_btn_box .goods_icon a{
		width:auto;
		height:30px;
 		margin-right:15px
	}
	.dream_goods_list .item_btn_box .goods_icon a:hover{
		
	}
	.dream_goods_list .item_btn_box .goods_icon a i {
		font-size: 18px;
		color: #bbb;
	}

 	.goodsList_item_sort .total_items span{
		display:none
	}
	.goodsList_item_sort{
		  margin:20px 0px;
 
	}
	.goodsList_item_sort.etc_item_sort{margin-top: 0px}


	.item_tit{margin-top:15px}
	.item_tit .item_name{font-size:12px}
	.item_cost strike{display:block;margin-bottom:5px; font-size:12px;}
	.item_cost strong{font-size:15px}
 
	.goods_result_dc .icon_soldout,  .goods_result_dc .icon_happy{display:block; color:#fff; width: 45px; height:45px; line-height:45px;   text-align:center; color:#fff; border-radius:50%; font-size:11px;}
	.goods_result_dc .item_discount_rate {  font-size:12px;  }

  .sub_3step_category_wrap .sub_3step_category_box ul{ grid-template-columns: repeat(3, 1fr)}



 
}


@media (max-width: 576px) {
 
	.dream_goods_list{  }
}

@media (max-width: 468px) {
	.sub_3step_category_wrap .sub_3step_category_box ul{ grid-template-columns: repeat(2, 1fr)}
}


/***********
상품상세설명 
***********/
.dream_wrap.goodsDetail_wrap .dream_container .dream_contents{
	padding-top:0;
	max-width:1260px;
	margin:0 auto;
}

/*레아아웃*/
 


@media (min-width: 768px) {

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


	.productDetail_wrap .product_category{ width:210px} 
	.productDetail_wrap .product_info_R{ padding-left:  0px; padding-top:30px; width:calc(100% - 210px - 560px);} 

	.productDetail_wrap .product_info_R .sticky {
 

	}

	.productDetail_wrap .product_info_R .sticky::-webkit-scrollbar {
		width: 5px; 
		position:absolute;
		top:0;
		right:0;
	}
	.productDetail_wrap .product_info_R .sticky::-webkit-scrollbar,
	.productDetail_wrap .product_info_R .sticky::-webkit-scrollbar-thumb {
	  overflow:visible;
	  border-radius: 4px;
	}
	.productDetail_wrap .product_info_R .sticky::-webkit-scrollbar-thumb {
	  background: rgba(0,0,0,.2); 
	}


	.productDetail_wrap .product_info_L{ 
		padding-top:30px ;   
		width:560px;
		padding-right:  30px;
		padding-left:30px;
	 
	}

}

@media (max-width: 1260px) {

	.productDetail_wrap .product_info_R{ width:calc(100% - 210px - 460px);} 

	.productDetail_wrap .product_info_L{ 
 		width:430px;
		padding-right:  15px;
		padding-left:15px;
	 
	}
	

 }
 
 @media (max-width: 1080px) {

	.productDetail_wrap .product_info_R{ width:calc(100% - 210px - 360px);} 

	.productDetail_wrap .product_info_L{ 
 		width:330px;
		padding-right:  15px;
		padding-left:15px;
	 
	}
	

 }
  @media (max-width:  992px) {
	.productDetail_wrap .product_category{display:none}
  	.productDetail_wrap .product_info_R{ width:calc(100% - 460px);} 
	.productDetail_wrap .product_info_L{ 
 		width:430px;
 	 
	}
  
  }
 

.dream_goods_detail_img{ width:500px;  margin:0 auto;} 
.dream_goods_detail_img .product_Swiper .swiper-slide{background:#f3f3f3; border-radius:0px; border:1px #eee solid;}
.dream_goods_detail_img .product_Swiper .swiper-slide img{width:100%}

.product_Swiper {  opacity: 0;     visibility: hidden;     transition: opacity 1s ease;   -webkit-transition: opacity 1s ease; }
.product_Swiper.swiper-initialized { visibility: visible;   opacity: 1;  }
.product_Swiper .swiper-wrapper,
.product_Swiper .swiper-slide{height:auto;}
.product_Swiper .swiper-wrapper{padding-bottom: 0px}
.product_Swiper .swiper-pagination-progressbar.swiper-pagination-horizontal {top:auto; bottom: 30px; height:2px;  left: 50%;    transform: translateX(-50%);   max-width: 60%;}

.product_Swiper .add_img_pagination { position:absolute; top:50%; transform: translateY(-50%); width:100%; 	left:0; z-index:50; opacity: 0;   -webkit-opacity: 0;  transition: all .3s ease;  -webkit-transition: all .3s ease;}
.product_Swiper:hover .add_img_pagination { opacity:1;-webkit-opacity:1;}
.add_img_pagination .swiper-button-next:after, 
.add_img_pagination .swiper-button-prev:after{ 	font-size:20px;}
.add_img_pagination .swiper-button-next, .add_img_pagination .swiper-button-prev{ background:rgba(0,0,0,0.4);  transition: all .3s ease;  -webkit-transition: all .3s ease; width:45px; color:#fff }
.product_Swiper .add_img_pagination .swiper-button-prev{left:-5px}
.product_Swiper .add_img_pagination .swiper-button-next{right:-5px}
.product_Swiper:hover .add_img_pagination .swiper-button-prev{left:0}
.product_Swiper:hover .add_img_pagination .swiper-button-next{right:0}
.product_Swiper .swiper-pagination{bottom:30px!important;} 
 





.dream_goods_detail_img .zoom-section:after{content:'';display:block; clear:both}
.dream_goods_detail_img 
.dream_goods_detail_img .add_img_wrap .add_img_box ul li img{width:80px; height:80px}

.add_img_box{ text-align:center;}
.add_img_box:after{content:'';display:block; clear:both;}
.add_img_box ul{ }
.add_img_box ul:after{content:'';display:block; clear:both;}


/*상품기본정보*/
.dream_goods_detail_info{ }

.goods_detail_icon{padding-bottom:15px;
	display: flex;
	justify-content: flex-start;
 	align-items: flex-start;
}
.goods_detail_icon span{margin-right:3px}
.goods_detail_icon span img{vertical-align:top;}
.goods_detail_icon .happy_icon{background:#000; color:#fff; height:24px; width:50px;  display: flex; justify-content: center; align-items: center;
font-size:12px;}


.goods_detail_name{   position:relative;  margin-bottom:15px}
.goods_detail_name h3{text-align:left; margin-bottom:0; font-weight:400; font-size:1.5625rem; padding-right:0px}
.goods_detail_name .gdiTopBtn{position:absolute; bottom:15px;right:0}
.goods_detail_name .gdiTopBtn a{width:50px; height:50px; border-radius:50%; color:#fff; background:#df0011; font-size:20px; margin-left:10px}

.productDetail_wrap .goods_rf_box{margin-bottom:10px; color:#999; font-size:12px }

.detail_box{}
.detail_box span.item_code_tx{ }/*상품코드*/
.detail_box span.item_name_tx{}
.detail_box span.item_sale_tx{}/*판매가*/
.detail_box span.item_real_tx{ }/*정상가*/
.detail_box span.item_point_tx{}/*적립금*/
.detail_box span.item_goods_tx{}/*재고수량*/
.detail_box span.item_buyqty_tx{}/*구매수량*/
.detail_box span.item_dc_tx{}
.detail_box span.item_option_tx{}
.detail_box span.item_companyofgoods_tx{}/*원산지*/
.detail_box span.item_use_tx{}/*사용자정의*/
.detail_box span.item_par_tx{}/*고객선호도*/
.detail_box span.item_totelcost_tx{color:#df0011;font-size:20px; font-weight:600; font-family:"Montserrat",'Noto Sans KR',sans-serif;}/*총상품금액*/
.detail_box span.item_totelcost{}
.detail_box input.item_totelcost{background-color:#FFFFFF; border-style:none; height:40px; line-height:40px; border-top-width:0px; border-right-width:0px; 
border-bottom-width:0px; border-left-width:0px;color:#df0011;font-size:20px; font-weight:600; text-align:right;}/*총상품금액 숫자*/
.detail_box select.option{}

.detail_box .detail_info_field {padding:5px 10px ; text-align:left; font-size:15px }
.detail_box td.detail_info_field {text-align:right }


.detail_box .product_detail_price_box { display: flex; 	justify-content: flex-start; 	-ms-align-items: center; align-items: center; 	position:relative; padding-bottom:15px;  }

.detail_box .product_detail_info_box{border-bottom:1px #e5e5e5 solid; padding-bottom:0px}
.detail_box .product_detail_price_box .item_real_cost{  font-size: 20px;  color: #999; margin-left:15px}
.detail_box .product_detail_price_box .item_sale_cost{  font-size: 28px;    font-weight: bold;}
.detail_box .product_detail_price_box .item_dc {font-size: 20px;  font-weight: bold; color: #ff4c2f; margin-left:15px}
.detail_box .product_detail_price_box .gd_par_box{position:absolute; top:0; right:0}
.detail_box .product_detail_price_box .gd_par_box .review_cnt{margin-left:10px; font-size:14px; color:#666; text-decoration: underline;}
 
 
.detail_box .goods_hash_box { display: flex;  flex-wrap: wrap;   gap: 5px; padding-bottom:15px}
.detail_box .goods_hash_box span{ height: 26px;  padding: 0 10px;  font-size: 13px; color: #000;   border: 1px solid #000;  background: #fff; display: inline-flex; align-items: center; border-radius: 100px;}


.detail_box .gd_field_box { display: flex;   font-size: 14px;  margin:15px 0}
.detail_box .gd_field_box dt{ flex: none;  width: 100px;   margin-right: 20px;   color: #999;  }
.detail_box .gd_field_box dd{ display: flex;   align-items: center;  color: #000; }

.detail_box .gd_field_option_box{margin:15px 0}
.detail_box .gd_field_option_box dt{ display:none; }
.detail_box .gd_field_option_box dd{ width:100% }


.detail_box .card{border-radius:0}
.detail_box span.item_buyqty_tx{font-size:14px}

.goods_qty{width:100px;  }
.goods_qty .btn{max-width:30px; width:30px; padding-left:0; padding-right:0; padding-top:5px; padding-bottom:5px; border:1px solid #e9e9e9 }
.goods_qty .form-control{padding-top:0px; padding-bottom:0px; text-align:center; border:none; border-top:  1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9;}

 
 
.dream_goods_detail_info .goods_detail_total_box{ padding-top:15px; font-size:14px;  }
.dream_goods_detail_info .goods_detail_total_box div{ font-size:14px;   }
.dream_goods_detail_info .goods_detail_total_box .goods_detail_total_txt{width:30%; font-size:16px}
.dream_goods_detail_info .goods_detail_total_box .goods_detail_total_value{ color:#df0011;font-size:18px; font-weight:500;  }

.goods_detail_total_box{margin-top:15px}


.itd_option_line{border-bottom:1px #e5e5e5 solid;}
.itd_option{ padding:0 0px 10px 0}

.item-buyqty-body{padding-top:10px; padding-bottom:10px}

.goods_detail_btn_box{padding-top:30px; margin:0 0px;
 
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
 	align-items: center;
	 
}
.goods_detail_btn_box a{flex: auto;}
.goods_detail_btn_box .btn{ padding-top: 0px; padding-bottom: 0px; padding-left:20px; padding-right:20px; font-size:16px; font-weight:bold; height:60px; line-height:60px}

.goods_detail_btn_box .row{margin-left:0px; margin-right:0px}
.goods_detail_btn_box .row .col-4, .goods_detail_btn_box .row .col-3, .goods_detail_btn_box .row .col-6{padding-left:5px; padding-right:5px}
 
.goods_detail_btn_box .w_i_s_btn{ padding:0  0px}
.goods_detail_btn_box .w_i_s_btn i{font-size:18px}
.goods_detail_btn_box .soldout-btn{padding:0 0px; width:calc(100% - 120px);}
.goods_detail_btn_box .wish-btn .btn{ }
.goods_detail_btn_box .soldout-btn .btn{cursor: auto!important;}

.goods_detail_btn_box:after{content:'';display:block; clear:both;}
.goods_detail_btn_box .buy-btn{width:calc((100% - 120px)/2); padding:0  0px;  }
.goods_detail_btn_box .buy-btn .btn-primary{background:#df0011; border-color:#df0011;}
.goods_detail_btn_box .buy-btn .btn-primary:hover { background-color:#df0011; 	border-color:#df0011;}
.goods_detail_btn_box .buy-btn .btn-primary:focus, .goods_detail_btn_box .btn-primary.focus { background-color:#df0011; border-color:#df0011;}

.goods_detail_btn_box .cart-btn{width:calc((100% - 120px)/2);; padding:0 0px; }


.item_menu_tep{text-align:center; padding:130px 0 50px 0}
.item_menu_tep ul{ 
    display: -webkit-flex;
    display: flex;
	border-left:1px #ddd solid;

}
.item_menu_tep ul:after{content:'';display:block; clear:both;}
.item_menu_tep li{ 
    text-align: center;
    -webkit-flex: 1;
    flex: 1;
    display: inline;
    padding: 10px 0;
    margin: 0;
    text-align: center;
    position: relative;
	font-size:18px;
	border-right:1px #ddd solid;
	border-top:1px #ddd solid;
	border-bottom:1px #ddd solid;
	cursor:pointer; 
	opacity: 0.7;
 }
.item_menu_tep li:after{content:'';display:none; clear:both; width:1px; height:12px; background:#ddd; opacity: 1; position:absolute; top:50%; margin-top:-6px; left:0px}
.item_menu_tep li:first-child:after{display:none;}
.item_menu_tep ul.act1 li.tep1 ,
.item_menu_tep ul.act2 li.tep2 ,
.item_menu_tep ul.act3 li.tep3 ,
.item_menu_tep ul.act4 li.tep4 ,
.item_menu_tep ul.act5 li.tep5 ,
.item_menu_tep ul.act6 li.tep6 {  opacity: 1;  }
.item_menu_tep ul.act1 li.tep1:after,
.item_menu_tep ul.act2 li.tep2:after,
.item_menu_tep ul.act3 li.tep3:after,
.item_menu_tep ul.act4 li.tep4:after,
.item_menu_tep ul.act5 li.tep5:after,
.item_menu_tep ul.act6 li.tep6:after{
	content:'';
	display:block;
	width:100%;
	height:2px;
	background:#000;
	position:absolute;
	top: 5px;
	left:0;
	 
}
.item_menu_tep li span{width:20px; height:20px; line-height:20px; border-radius:3px; text-align:center; color:#fff; background:#bbb;
	font-family:"Montserrat",'Noto Sans KR',sans-serif; font-size:11px; margin-left:7px; display:inline-block;  position:absolute; top:14px; right:50%; margin-right:-65px;
}

 

.goods_detail_table thead th{border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5;  text-align:center; font-weight:normal; padding: .75rem;}
.goods_detail_table tbody td{ }
.goods_detail_table .badge{width:15px; height:15px; line-height:15px;}
.goods_detail_table .badge i { color:#fff;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: center;
	-ms-align-items: center;
	align-items: center;
}


 

 

.detail_coupon_box{margin-top:30px; border-radius:0}
.detail_coupon_box h5{font-size:16px}
.detail_coupon_box .coupon_item_txt {width:100px; margin: 5px 0}
.detail_coupon_box .coupon_item_txt h6{margin-bottom:0}
.detail_coupon_box .coupon_item_txt h6 .badge{width:85px; text-align:center;}

.goods_info_detail img{max-width:100%}

.reward_box{margin-top:15px; padding:  15px; background:#f6f6f6; font-size:14px; display:none}
 
.sns_share{}
.sns_share .sns_btn_list{text-align:center;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: center;
	-ms-align-items: center;
	align-items: center;
	text-align:center;
}
.sns_share .sns_btn_list a{ display:inline-block; width:45px; height:45px; line-height:45px; background:#000; color:#fff; border-radius:50%; margin:0 5px}
.sns_share .sns_btn_list a i{font-size:25px; line-height:45px}
.sns_share .url_box{margin-top:15px}
.sns_share .sns_btn_list a.icon-kakaotalk{background:#f9e81e; color:#4a353b;  }
.sns_share .sns_btn_list a.icon-kakaotalk i{font-size:30px}
.sns_share .sns_btn_list a.icon-facebook{background:#3c5a9a}
.sns_share .sns_btn_list a.icon-twitter{background:#00abef}
.sns_share .sns_btn_list a.icon-mail{background:#aaa}
.sns_share .sns_btn_list a.icon-insta{background:#6b47bf}


.goods_slider_wrap{
	width:100%; overflow:hidden;position:relative; 
}
.goods_m_slider_wrap{
	width:100%;height:auto; overflow:hidden;position:relative; 
	display:none;
}
.goods_slider .slick-prev{
    left:  calc( 50% - (80px / 2) )  ;
 	z-index:300;

}
.goods_slider .slick-next{
    right:  calc( 50% - (80px / 2) )  ;
	z-index:300
}
 
.goods_slider_wrap img{width:100%}

.goods_slider .slick-prev,  .goods_slider .slick-next {
    top: calc(100% - 42px);
 	width:26px;
    height: 26px;
     -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
 }

.goods_slider .slick-prev:before, .goods_slider .slick-next:before {
     font-size: 16px;
     opacity: 1;
    color: #fff;
 }


.goods_slider_wrap .pagingInfo{
	position:absolute;
	bottom:15px;
	left:50%;
	margin-left:-40px;
	z-index:90;
	background:rgba(0,0,0,0.5);
	color:#fff;
	padding:0 15px;
	text-align:center;
	border-radius:13px;
	height: 26px;
	line-height: 26px;
	width:80px;
	text-align:center;
	font-size:16px;
}

.goods_slider_wrap .goods_add_img {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    height: 400px;
}
 
 


/*상품정보 레이아웃*/
#productDetail .prdDetailWrap {
    margin-top: 70px;
    padding: 0 0 80px 0;
    position: relative;
    width: 100%;
    overflow: hidden
  
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;

}

#productDetail .prdDetailWrap:before {
 
}

 
.step1DetailWrap{ width:100% }
.step1ContentWrap{ }


#productDetail .prd-detail {
    width: 100%;
    text-align: left;
    overflow: hidden;
 
    padding: 0  0px;
    box-sizing: border-box;
}

#productDetail .prd-detail table {
    table-layout: auto;
    border-spacing: 0 !important;
    border-collapse: collapse !important
}

#productDetail .prd-detail table td {
    word-break: break-all
}

#productDetail .prd-detail .item_goods_tab_tit {
    position: relative;
    padding: 50px 0 30px 0;
    font-size: 20px;
    text-align: left;
}

 

#productDetail .prd-detail img {
    max-width: 100%;
}

.prdDetailWrap .goods_info_detail{
	padding-top:50px
	
}


/*상세퀵주문*/


#left_cart_menu{  }

#left_cart_menu #right_cart_menu{ width:100%; margin:0 auto;	max-width:1280px;  padding:30px;
	border:1px #000 solid; border-bottom:none; background:#fff;
}

@media (min-width: 992px){
	 
}
 
.quickCartArea {
	width: 100%;
	display:none;
    opacity: 0;
    visibility: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
 
	position: fixed;
    bottom: 0;
    left: 0px;
    width: 100%;
     z-index: 9900;
	padding:0  0px;
}
.quickCartArea.quickFixBox {
	display:block;
    visibility: visible;
    opacity: 1; 	
	z-index: 9900;
}

 
.quickCartArea.quickFixBox .quickCartCnt.quickFix{

 
}
 
 .quicktest  {display:none!important;}
 
#left_cart_menu h3{  font-size:16px;font-weight:600; text-align:left; margin-bottom:0px;  border-bottom:2px solid #696969; padding-bottom:10px; 
margin-bottom:15px}
#left_cart_menu ul{margin-top: 0px;padding-top: 0px; 
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: space-between;
	-ms-align-items: center;
	align-items: center;
}
#left_cart_menu ul:after{content:'';display:block; clear:both;}
#left_cart_menu ul li{ font-size:12px;list-style:none; margin:5px 0;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-ms-align-items: center;
	align-items: center;
}
#left_cart_menu ul li.suj{width:60px; text-align:left;  }
#left_cart_menu ul li.su_con{width:calc(100% - 70px);  text-align:right; justify-content: flex-end;}
#left_cart_menu p.left_line{border-bottom:1px solid #ddd; margin-top:10px;  }
#left_cart_menu .quick_cart_option{margin-bottom:5px}

.qty_btn_plus{height:20px;padding:0;width:20px; display:inline-block;text-align:center; border:1px #ddd solid;cursor:pointer;}
.qty_btn_minus{height:20px;padding:0;width:20px; display:inline-block;text-align:center; border:1px #ddd solid;cursor:pointer;}
.qty_mini_input{ height:20px;width:20px; font-size:11px; border-top:1px #ddd solid; border-bottom:1px #ddd solid; border-left:none; border-right:none; text-align:center;}
.su_con_total{color:#df0011}
.su_con_total input.total_input{font-size:16px;width:80px;background-color:transparent; border-style:none 0px; border:0px;text-align:right; color:#df0011;}
#left_cart_menu .left_cost_box  {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: flex-start;
	-ms-align-items: center;
	align-items: center;
	font-weight:600;

}
#left_cart_menu .left_cost_box span{font-weight:400; color: #aaa; font-size:12px}
#left_cart_menu .left_cost_box .cost_dc{font-weight:600; color: #ff4c2f; font-size:14px}


#left_cart_menu .left_btn_box .left_btn_inner{
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: space-between;
	-ms-align-items: center;
	align-items: center;
	margin-top:15px
}

#left_cart_menu .left_btn_box .left_btn_inner .btn{width:49%; margin-top:0!important;}
 
.close_btn {
	position: relative;
	left: 50%;
	top:  0px;
	width: 40px;
	margin-left:-20px;
}
.close_btn .quick_buy_up_btn, .close_btn .quick_buy_down_btn, .close_btn  .quick_buy_menu_btn{
	display:none;
}
 
.quick_buy_view_btn{

	display:none ;
	position: fixed;
	width:100%;
	height:60px; 
	left:0;
	bottom:0px;
	z-index:90;
	 
}
.quick_buy_view_btn > div{
	max-width:1280px;
	margin:0 auto;
	position:relative;
}
.quick_buy_view_btn > div > span{
	
}
.quick_buy_view_btn span:sfter{
	content: "\e648";
	font-family: 'themify';
	position:absolute;
	top:-22px;
	width:60px;
	left:50%;
	text-align:center;
	margin-left:-30px;
	background:#fff;
	border-radius:0.5rem 0.5rem 0 0;
	border:1px #6c757d solid;
	border-bottom:none;
}
.quick_buy_close_btn{
	max-width:1280px;
	margin:0 auto;
	position:relative;
}
.quick_buy_close_btn span,  .quick_buy_view_btn > div > span{ 
	display:block;
	width:280px;
	height:60px; 
	position:relative;
	z-index:99;
	background:#df0011;
	position:absolute;
	top:-60px; right:0;
	cursor:pointer;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
 	-ms-align-items: center;
	align-items: center;
	color:#fff;
	padding:0 30px;
}

.quick_buy_view_btn > div > span{
	top:0
}


.quick_buy_view_btn > div > span:after{
	content: "\e648";
	font-family: 'themify';
	position:absolute;
    top:50%;right:30px;
	-webkit-transform: translateY(-50%);
  	-moz-transform: translateY(-50%);
  	-ms-transform: translateY(-50%);
  	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}

.quick_buy_close_btn span:after{
	content: "\e64b";
	font-family: 'themify';
	position:absolute;
    top:50%;right:30px;
	-webkit-transform: translateY(-50%);
  	-moz-transform: translateY(-50%);
  	-ms-transform: translateY(-50%);
  	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}

.quick-none{display:none!important}
.quick-block{display:block!important}

 


/*상품정보 탭*/

#productDetail .detailHeaderWrap {
    height: 56px
}

#productDetail .detailTab {
    position: relative
}

#productDetail .detailTab.fix {
    position: fixed;
    top:  90px;
    width: 100%;
	max-width:1290px;
    z-index: 90
}

#productDetail .detailTab ul {
    display: flex;
    justify-content: center
}

#productDetail .detailTab ul li {
    width: 25%;
    text-align: center
}

#productDetail .detailTab ul li:not(:first-child) {
     
}

#productDetail .detailTab ul li a {
    display: block;
    padding: 0;
    height: 56px;
    font-size: 18px;
    color: #666;
    font-weight: 500;
    line-height: 53px;
    border-bottom: 2px solid #ddd;
    background: #fff;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

#productDetail .detailTab ul li.on {
    z-index: 1
}

#productDetail .detailTab ul li.on a {
    color: #000;
    border-bottom:2px #000 solid;
}




 /*상품상세정보*/
 

 


/*관련상품*/
.related_product_wrap{margin-top:4.4444rem}
.related_product_wrap h4{text-align:left; margin-bottom:15px}

.related_Swiper   {
    opacity: 0;
    visibility: hidden;
    transition: opacity 1s ease;
    -webkit-transition: opacity 1s ease;
}
.related_Swiper.swiper-initialized {
    visibility: visible;
    opacity: 1; 
 }

.related_product_wrap .item_tit a{
	font-size:12px;  
}
.related_product_wrap .item_cost strong{
	font-size:14px
}
.related_product_wrap .item_cost strike{
	font-size:12px
}

 
.related_Swiper .swiper-wrapper,
.related_Swiper .swiper-slide{height:auto;}
.related_Swiper .swiper-wrapper{padding-bottom: 0px}
.related_Swiper .swiper-pagination-progressbar.swiper-pagination-horizontal {top:auto; bottom:  0px; height:2px;  left: 50%;    transform: translateX(-50%);   max-width: 50%;}
 
.related_Swiper .related_product_pagination {
	position:absolute;
	top:120px;
	width:100%;
	left:0;
	z-index:50;
	opacity: 0;
    -webkit-opacity: 0;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
}
.related_Swiper:hover .related_product_pagination {
	opacity:1;-webkit-opacity:1;
}

.related_product_pagination .swiper-button-next:after, 
.related_product_pagination .swiper-button-prev:after{
	font-size:20px;
}

.related_product_pagination .swiper-button-next, .related_product_pagination .swiper-button-prev{
	background:rgba(0,0,0,0.4);
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
	width:45px;
	color:#fff
}
.related_Swiper .related_product_pagination .swiper-button-prev{left:-5px}
.related_Swiper .related_product_pagination .swiper-button-next{right:-5px}

.related_Swiper:hover .related_product_pagination .swiper-button-prev{left:0}
.related_Swiper:hover .related_product_pagination .swiper-button-next{right:0}

 


/*이용후기*/

#prdDetail1, #prdReview, #prdQna {
    height: 30px;
    margin-top: 0px;
}

.review_list{border-top:2px #000 solid; min-height:200px} 

.review_list .review_list_box{border-bottom:1px #ddd solid; padding:15px}
 
.review_list .review_list_box .reviewCont{text-align:left; padding-top:15px }
.review_list .review_list_box .reviewCont .photo img{ width:160px}
.review_list .review_list_box .reviewCont .photo {margin-top:15px}
.review_list .review_list_box .reviewInfo > div{padding-right:30px; position:relative; color:#666}
.review_list .review_list_box .reviewInfo > div:after{content:'';display:block; width:1px; height:10px; background:#ddd; position:absolute; top:5px; right: 15px}
.review_list .review_list_box .reviewInfo > div.date:after{display:none}
.review_list .review_list_box .reviewInfo > div.date{margin-right:0}
.review_list .review_list_box .review_btn{ margin-top:15px}
.review_list .review_list_box .review_btn a{margin:0 2px 0 0}


.accordion .number{width:7%; text-align:center; padding:15px 0px 15px 0px;border-bottom:1px solid #e5e5e5; height:82px;}
.accordion .star{width:8%;text-align:center; padding:15px 0px 15px 0px;border-bottom:1px solid #e5e5e5; height:82px;}

.accordion .photo{ text-align:center; padding:15px 0px 15px 0px;   }
.accordion .photo img{max-width:100%}

.accordion .subject{width:calc(100% - 35% ); padding-left:10px; padding:15px 0px 15px 0px;border-bottom:1px solid #e5e5e5; height:82px;}
.accordion .userid{width:10%;text-align:center; padding:15px 0px 15px 0px;border-bottom:1px solid #e5e5e5; height:82px;} 
.accordion .date{width:15%;text-align:center; padding:15px 0px 15px 0px;border-bottom:1px solid #e5e5e5; height:82px;}
.accordion .review_btn{width:7%;text-align:center; padding:15px 0px 15px 0px;border-bottom:1px solid #e5e5e5; height:82px;}
.accordion .review_btn a{margin:0 2px}
.accordion .subject2{width:calc(100% - 39% ); padding-left:10px; padding:15px 0px 15px 0px;border-bottom:1px solid #e5e5e5; height:82px;}
.esti_modify_score .custom-control-label{vertical-align:middle; }
.esti_modify_score .custom-control-label img{vertical-align:middle; margin-top:4px}

.itd_56{border-bottom:1px solid #e5e5e5;}

.esti_photo_par .esti_photo_par_img{padding:0 15px}


/*상품문의*/
#prdQna {
    margin: 0;
    position: absolute;
    top: -160px;
    left: 0;
    width: 1px;
    height: 1px
}
#productDetail .tit-detail {
    padding: 150px 0 30px;
    position: relative;
    *zoom:1 }

#productDetail .tit-detail:after {
    display: block;
    clear: both;
    content: ''
}
#productDetail .tit-detail h4{margin-bottom:0; font-size:1.25rem; color:#000; text-align:left;}
#productDetail .tit-detail .btn_write {color:#666;}

.goodsqna_top{padding-bottom:0px}
.goodsqna_list{border-top:2px #000 solid;} 
.goodsqna_list .card-body{background:#f8f8f8; text-align:left;}
.goodsqna_list .number{color:#df0011; font-size:1.25rem}



/*교환반품환불*/
#prdDelivery {
    height:  0px;
    margin-top:  0px;
}
#productDetail .prd-detail .item_goods_tab_tit h5 {
    font-size: 20px;
    font-weight: 500
}

#productDetail .detail-common-info {
    width: 100%;
    text-align: left;
    word-break: break-all
}

 

 
 

 
 @media (max-width: 1400px) {
 

	.productDetail_wrap .product_info_R{ padding-left: 30px; padding-top:30px} 

	.productDetail_wrap .product_info_R .sticky { }

	 

 
	.dream_goods_detail_img{width:100%}
	.dream_goods_detail_img .product_Swiper .swiper-slide img{width:100%}
 
	.step1DetailWrap {   }

	#productDetail .detailTab.fix {   }


 }
 @media (max-width: 1200px) {
 
	 
	.productDetail_wrap .product_info_R{ padding-left: 15px} 
	.productDetail_wrap .product_info_L{ padding-right: 15px} 


	.step1DetailWrap { width: 100%; }
	#productDetail .prdDetailWrap:before { display:none; 	}
	#productDetail .detailTab.fix { width: 1200px }
 	#left_cart_menu{position:fixed; bottom:0; top:auto; right:auto; left:0; width:100%; background:#f7f7f7}
	#left_cart_menu #right_cart_menu{width:100%; margin:0}
	/*.quickCartArea.quickFixBox{height:auto; padding:10px 15px 15px 15px}
	.quickCartArea.quickFixBox .quickCartCnt.quickFix{width:100%; position:relative; top:0}*/
  	#left_cart_menu h3{display:block}

 

 }

 
 @media (max-width: 991.98px) {

 	.sub_header_shopdetail{height:50px}
	.sub_header_shopdetail.fixed{width:100%; position:fixed; top:0;left:0; z-index:90; margin-left:0; margin-right:0}

	.sub_header_shopdetail .detail_top_btn{position:absolute; top:8px; right:80px;}
	.sub_header_shopdetail .detail_top_btn i{font-size:20px; color:#fff;}
	.sub_header_shopdetail .detail_top_btn i.mdi-home-outline{font-size:22px}
	.sub_header_shopdetail .detail_top_btn a{margin-left:10px}



	.productDetail_wrap .product_info_R{padding-left:0; padding-bottom:30px; width:100%}
	.productDetail_wrap .product_info_L{padding-right:0; padding-left:0;width:100%}
	.dream_goods_detail_img{max-width:500px; margin:0 auto;}
	.productDetail_wrap .product_info_R .sticky{padding-left:15px; padding-right:15px}


	#productDetail { padding-top: 0px;  	}
   
	.goods_detail_name h3{padding-right:0; padding-top:30px}
	.goods_detail_name .gdiTopBtn{display:none;}

	#productDetail .prd-detail{padding:0 15px;  }


	#productDetail .detailTab.fix{max-width:100%; left:0; top: 0px; width:100%}
 	 

	/*관련제품*/
	.related_product_wrap .dream_goods_list{ width:180px }
	.related_product_wrap .item_tit a{ }
	.related_product_wrap .item_cost strong{ 	 }
	.related_product_wrap .item_cost strike{   }



	/*상세퀵주문*/

    #left_cart_menu{ background:transparent; overflow:visible; z-index:99}
 	/*.quickCartArea.quickFixBox{display:none!important; ; padding:0}*/
	#left_cart_menu{display:none;height:auto; top:auto; bottom:  0px;  width:100%; right:0; border-left:none; background: transparent}
	#left_cart_menu  #right_cart_menu{width:100%; padding:30px 20px; background:#fff;}
	#right_cart_menu .left_btn_box{padding-top:15px; display:none}
	#right_cart_menu .left_btn_box .btn{width:calc(50% - 10px); display:inline-block!important}
 	#right_cart_menu .left_btn_box .btn-block+.btn-block {  margin-top: 0rem; float:right;}
	#right_cart_menu .left_btn_box:after{ content:'';display:block;clear:both; }
 	#left_cart_menu h3 { font-weight:normal; font-size:14px!important; 	text-align:left }

	#left_cart_menu ul li.suj{width:50%; text-align:left;  }
	#left_cart_menu ul li.su_con{width:50%;  text-align:right;}

 
	.quick_buy_view_btn{display:block ; width:100%; bottom:45px ; height:20px; background:#fff; border-top: 1px #000 solid; }

	.quick_buy_view_btn:after{
		content: "\e648";
		font-family: 'themify';
		position:absolute;
		top:-22px; width:60px; left:50%; text-align:center; margin-left:-30px; background:#fff; border-radius:0; border:1px #6c757d solid; border-bottom:none;
	}

	.quick_buy_view_btn > div > span{display:none ;   }

 
	.quick_buy_close_btn {display:block ; width:100%; bottom:0px ; height:20px; z-index:80 }
	.quick_buy_close_btn span{display:none}
	.quick_buy_close_btn:after {
		content: "\e64b";
		font-family: 'themify';
		position: absolute;
		top: -1px;
		width: 60px;
		left: 50%;
		text-align: center;
		margin-left: -30px;
		background: #fff;
		border-radius:   0;
		border: 1px #6c757d solid;
		border-bottom:1px #fff solid;
 	}


	.mousetrap{display:none}
	.goods_detail_btn_box {position: fixed;bottom:0;left:0; height:50px; overflow:hidden;width:100%;z-index:100; padding-top:0}
	.m_goods_detail_btn_box{
		position: fixed;bottom:0;left:0;z-index:1000;
		background:#fff;
		width:100%;
	}
	.goods_detail_btn_box .btn{
		border-radius:0;
 
		font-size:16px;
		height:50px;
		line-height:50px
	}
	.m_goods_detail_btn_box .btn-primary {
		background: #df0011;
		border-color: #df0011;
	}

	.m_goods_detail_btn_box .btn-primary:hover { background-color:#df0011; 	border-color:#df0011;}
	.m_goods_detail_btn_box .btn-primary:focus, 
	.m_goods_detail_btn_box .btn-primary.focus { background-color:#df0011; border-color:#df0011;}



	.m_goods_detail_btn_box .wish-btn .btn{
		width:74px
	}
	.m_goods_detail_btn_box .cart-btn {
		width:calc((100% - 0px) / 2)
	}
	.m_goods_detail_btn_box .buy-btn {
		width:calc((100% - 0px) / 2)
	}
	.m_goods_detail_btn_box .soldout-btn{
		width:calc(100% - 74px)
	}
 
	.su_con_total input.total_input{text-align:right;}

	.goods_detail_table{border-top:1px solid #e5e5e5;}
	.goods_qna_review_table  {
		display:none
	}


	/*후기*/
	.review_list .review_list_box{padding:15px 0}
	.accordion .review_list_box {display:block; position:relative; border-bottom:1px solid #e5e5e5; padding:15px 0; text-align:left;}
	.accordion .review_list_box > div{border-bottom:0; width:auto!important; height:auto!important; padding:0 0}
	.accordion .review_list_box > .subject2 a{font-weight:600}
	.accordion .review_list_box .flex-c-m{display:block; text-align:left;}
	.accordion .subject{padding:5px 0!important}
	.accordion .review_btn{position:absolute; top:20px; right:0}

	.accordion .review_list_box .userid, .accordion .review_list_box .date {color:#999; display:inline-block; font-size:12px}
	.accordion .review_list_box .userid{margin-right:30px; position:relative;}
	.accordion .review_list_box .userid:after{content:''; display:block; width:1px; height:10px; background:#ddd; position:absolute; top:3px; right:-15px}

	.review_list .review_list_box .subject{padding:10px 0 0 0; font-weight:600}
	.review_list .review_list_box .reviewCont { 	padding-top: 10px; }
	.review_list .review_list_box .reviewInfo > div{font-size:12px; color:#999}
	.review_list_box .number{display:none!important}
	.reward_btn{padding:15px 0;  border-bottom:1px solid #e5e5e5; }

	.item_menu_tep { padding: 50px 0 50px 0; }

	.esti_photo_box{ display:block; 	}
	.esti_photo_par{margin-top:10px}
	.esti_photo_par .esti_photo_par_img{padding-left:0}






 }


@media (max-width: 768.98px) {
	
	.dream_goods_detail_img{margin-bottom:30px}

	.detail_box .product_detail_price_box .gd_par_box{position:absolute; top:auto; right:auto; left:0; bottom:10px}
	.detail_box .product_detail_price_box{padding-bottom:30px}


	/*쿠폰*/
	.detail_coupon_box .coupon_content{display:block;}

	#productDetail .detailTab ul li a{height:40px; font-size:13px; line-height:38px}
	#productDetail .tit-detail{padding:100px 0 15px}

	/*교환반품*/
	#productDetail .detail-common-info{padding-bottom: 0px}
 


}


 
@media (max-width: 600px) {

	.productDetail_wrap .product_info_R{ padding-top: 0px;  }
	.goods_detail_name h3{ padding-top: 0px}
	.dream_goods_detail_img{margin-left:0px; margin-right:0px; width:calc(100% + 0px)!important;}
	.dream_goods_detail_img .product_Swiper .swiper-slide{  border-radius:0px}



}

/***********
테이블 스타일
***********/

.goods_list_wrap{ }

.goods_list_wrap .goods_list_header{
	position: relative;
 	display: flex;
 	align-items: center;	
	width:100%;
	border-bottom: 1px solid #e5e5e5;
	border-top: 2px solid #000;

}
.goods_list_wrap .goods_list_header > div{
	padding: .75rem;
	text-align:center;
	font-size:14px;
	background:#f5f5f5;
	border-left:1px #e5e5e5 solid;
}	
.goods_list_wrap .goods_list_header > div:first-child{border-left:none;}


.goods_list_wrap .goods_info_box{
	width:calc(100% - 580px)
}
.goods_list_wrap .goods_list_cost, .goods_list_wrap  .goods_list_total_payment{
	width:150px;
	text-align:right;
}
.goods_list_body .goods_list_cost,
.goods_list_body .goods_list_numbersof,
.goods_list_body .goods_list_mileage,
.goods_list_body .goods_list_dc,
.goods_list_body .goods_list_total_payment{justify-content: center;}

.goods_list_wrap .goods_list_mileage,  .goods_list_wrap .goods_list_dc{
	width:100px;
	text-align:center;
}
.goods_list_wrap .goods_list_numbersof{
	width:80px;
	text-align:center;
}

 .goods_list_wrap .goods_list_body .goods_list_box{
	position: relative;
 	display: flex;
 	align-items: center;	
	width:100%;
 	border-bottom: 1px solid #e5e5e5;
 }
 .goods_list_wrap .goods_list_body .goods_list_box > div{
	padding: .75rem;
	border-left:1px solid #e5e5e5;
	min-height:95px;
 	display: flex;
 	align-items: center;	
 }	
 .goods_list_wrap .goods_list_body .goods_list_box > div:first-child{
 	border-left:none;
 }	
 .goods_list_wrap .goods_list_body .goods_list_box .cart_good_img{
	width:95px
 }
 .goods_list_wrap .goods_list_body .goods_list_box .cart_good_info{
	width:calc(100% - 95px - 580px)
 }
 .goods_list_wrap .goods_list_body .goods_list_box .cart_good_info .cart_good_name{
	width:100%
 }

  .goods_list_wrap .goods_list_body .goods_list_box .cart_good_info2{
	width:calc(100% - 125px - 40px - 150px - 150px);
 }

.goods_list_wrap .goods_list_body .goods_list_box .cart_good_info2.cart_good_info3{
	width:calc(100% - 95px - 150px)
 }

  .goods_list_wrap .goods_list_body .goods_list_box .cart_good_info3{
	width:calc(100% - 74px - 490px)
 }


.goods_list_wrap .goods_list_item{
	width:calc(100% - 450px)
}
.goods_list_wrap .goods_list_date  {
	width:200px;
	text-align:center;
}
 
.goods_list_wrap .goods_list_status{
	width:150px;
	text-align:center;
}



.goods_list_wrap .goods_list_wishitem{width:calc(100% - 350px)}
.goods_list_wrap .goods_list_image{width:80px; text-align:center;}
.goods_list_wrap .goods_list_name{width:calc(100% - 430px)}
.goods_list_wrap .goods_list_wishcost{width:150px;text-align:center;}
.goods_list_wrap .goods_list_wishbtn{width:200px; text-align:center;}
 




 @media (max-width: 991.98px) { 
 
	.goods_list_wrap .goods_list_header{ display:none; }
	.goods_list_wrap .address_list_header{ display:block!important 	}
	.goods_list_wrap .goods_list_body{ }

	.goods_list_wrap .goods_list_body .goods_list_box{ display: block; padding-bottom:20px; 	padding-top:15px; padding-left:90px  }

	.goods_list_wrap .goods_list_body .goods_list_box > div{ padding: 0  .75rem;  	border-left:none; display:block; min-height:auto; }	

	.goods_list_wrap .goods_info_box,
	.goods_list_wrap .goods_list_body .goods_list_box .cart_good_info{ width:auto }
	.goods_list_wrap .goods_list_total_payment{ width:auto; text-align:left; }
	.goods_list_wrap .goods_list_cost, 
	.goods_list_wrap .goods_list_mileage,  
	.goods_list_wrap .goods_list_dc, .goods_list_wrap .goods_list_numbersof{ width:auto; color:#999; text-align:left;}
 
	.goods_list_wrap .goods_list_numbersof:after{ content:'/'; position:absolute; top:0; right:0; color:#999; }
	.goods_list_wrap .goods_list_numbersof:before{ content:'/'; position:absolute; top:0; 	left:0; color:#999; }
	.goods_list_wrap .order_goods_dc{position:relative;}
	.goods_list_wrap .order_goods_dc:before{ content:'/'; position:absolute; top:0; 	left:0; color:#999; }
	.goods_list_wrap .order_goods_dc:after{ content:' off';   }

	.goods_list_wrap .goods_list_body .goods_buy_list_box{ padding-left:80px }
	.goods_list_wrap .goods_list_body .goods_buy_list_box .cart_list_totalv{ clear:both; }
	.goods_list_wrap .goods_list_body .goods_list_box .cart_good_img{ position:absolute; top:15px; left:0; z-index:9 }
 	.goods_list_wrap .goods_list_body .goods_list_box .goods_list_checkbox{ position:absolute; top:10px; left:0px; z-index:10  }

	.goods_list_wrap .cart_list_body{  border-top: 1px solid #e5e5e5;  }
	.goods_list_wrap .cart_list_body .goods_list_box{ padding-top:0.75rem;  }
	.goods_list_wrap .cart_list_body .goods_list_box .cart_good_img{ top:0.75rem!important;  }

	.goods_list_wrap .cart_list_body .goods_list_box { }
	.goods_list_wrap .cart_list_body .goods_list_box .cart_good_name{ padding-right:50px  }

	.goods_list_wrap .goods_list_body .goods_list_box .cart_good_info2.cart_good_info3 .cart_good_name{ 	padding-right:0  }	

	.goods_list_wrap .cart_list_body .goods_list_box > div{ padding:0!important }


	.goods_list_wrap .goods_list_cost, .goods_list_wrap .goods_list_numbersof, .goods_list_wrap .goods_list_mileage,
	.goods_list_wrap .order_goods_dc{ float:left;  }
	
	.goods_list_wrap .goods_list_total_payment{ clear:both; padding-top:5px!important }
	.goods_list_wrap .goods_list_body .goods_list_box .cart_good_info .cart_good_name{ padding-bottom:5px }

	.goods_list_body .goods_list_cancel{
		position:absolute;
		top:10px;
		right: 0px;
		width:30px
		 
	}
	.goods_list_body .goods_list_cancel .btn{
		border:none;
 		 
	}
	.goods_list_body .goods_list_cancel .btn i{
		font-size:1rem;
	}

	.goods_list_body .goods_list_cancel a span{
		display:none
	}

 	.goods_list_wrap .goods_list_checkbox  {
		text-align:left!important;
	}

	.goods_list_wrap .goods_list_checkbox.goods_list_allcheckbox{width:auto!important; padding:0.75rem 0}


	 .goods_list_wrap .goods_list_body .goods_buy_list_box .cart_list_numbersof2{
		float:left;
		width:auto;
		height:25px;
		margin-left:15px;
		position:relative;
	 }
	.goods_list_wrap .goods_list_body .goods_buy_list_box .cart_list_numbersof2:before{
		content:'/';
		display:inline-block;
		position:absolute;
		top:0;
		left:-10px
	}

	.goods_list_wrap .goods_list_item{
		width:auto;
		text-align:left;
	}
	.goods_list_wrap .goods_list_date  {
		width:100%;
		padding-bottom:0!important;
		text-align:left;
		color:#999;
		font-size:11px
	}

 
	.goods_list_wrap .goods_list_name,
	.goods_list_wrap .goods_list_wishcost,
	.goods_list_wrap .goods_list_wishbtn{width:auto; }
	.goods_list_wrap .goods_list_wishcost{ padding:5px 0;  text-align:left; }
	.goods_list_wrap .goods_list_wishbtn{ text-align:right;}
	.goods_list_wishbtn .btn_icon{ display:inline-block!important; }
	.goods_list_wishbtn .btn_icon i{ font-size:1rem; margin-left:7px }

 	.goods_list_wrap .goods_list_body .goods_list_box .cart_good_info2,
	.goods_list_wrap .goods_list_body .goods_list_box .cart_good_info3 ,
	.goods_list_wrap .goods_list_body .goods_list_box .cart_good_info2.cart_good_info3{width:100%}

    .goods_list_wrap .goods_list_body .goods_list_box .cart_good_img2{ 	position:absolute; top:0.75rem; 	left:0.75rem;  }

 
}
 





 

/***********
장바구니
***********/

.ordShop {
   display: table;
    width: 100%;
    position: relative;
	margin-top:20px
}
.ordShop .ordShopCont {
    display: table-cell;
    width: 67%;
    vertical-align: top;
	background:#fff;
	border-radius: 10px;
	padding: 45px 35px;

}

.ordShop .buyShopCont {
    display: table-cell;
    width: 67%;
    vertical-align: top;
  
}
 


.ordShop .ordShopCont .cart_list_wrap, .ordShop .buyShopCont .cart_list_wrap {
	border-top:2px #333 solid;
}
.cart_top_box {margin-bottom:10px}
.cart_top_box .cart_top_btn{}
.cart_top_box .cart_top_btn a{font-size:14px; display:inline-block; color:#999; margin-right:15px;  }
.cart_top_box .cart_top_btn a:last-child{margin-right:0}


.ordShop .dream_info_box{border-top:none}

.ordShop .ordRight {
    
	position: -webkit-sticky;
    position: sticky;
    top: 80px;
    padding-left: 40px;
 
}

.ordShop .ordRight .totalPriceBox{
 	background:#fff;
	position:relative;
    padding: 25px 25px 70px;
    box-shadow: 20px 20px 30px 0 rgba(0,0,0,.08);
    border-radius: 10px;
}


.ordShop .ordRight .totalPriceBox .cart_page_btn{
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
}






.ordShop .ordRight .totalPriceBox .totalPriceTit{margin-bottom:10px}
.ordShop .ordRight .totalPriceBox .goods_price_box .goods_price_field{border-bottom:1px #ddd solid; font-size:14px; padding:10px 0}
.ordShop .ordRight .totalPriceBox .goods_price_box .goods_price_field p{color:#999}
.ordShop .ordRight .totalPriceBox .goods_price_box .goods_price_field span{color:#000}
.ordShop .ordRight .totalPriceBox .goods_price_box .goods_price_field:last-child{border-bottom:none}
.ordShop .ordRight .totalPriceBox .goods_price_box .lasttotalv span{font-weight:700; font-size:1.2222rem}
.ordShop .ordRight .totalPriceBox .goods_price_box .lasttotalv p{color:#000}

 



.order_contents_wrap{
	display: flex;
    justify-content: space-between;
    align-items: flex-start;
    position: relative;
 }

.order_contents_wrap .order_goods_box{

    position: relative;
    width: calc(100% - 330px);
}

.order_contents_wrap .totalPayment_box {
    position: sticky;
    top: 100px;
    width: 310px;
}

.order_contents_wrap .totalPayment_box .totalPayment_inner {
	width: 310px;
    background: #fff;
}

.order_contents_wrap .totalPayment_box .cartTotalPayment_box{border:1px #f8f8f8 solid; background:#f8f8f8; padding:30px 25px 30px}
.order_contents_wrap .totalPayment_box .cartTotalPayment_box h4{margin-bottom:25px}
.order_contents_wrap .totalPayment_box .cart_page_btn{margin-top:15px}

.order_contents_wrap .totalPayment_box .cartTotalPayment_box dl{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 0 15px;
    text-align: right;
}

.order_contents_wrap .totalPayment_box .cartTotalPayment_box dl#viewcart_cost, .cartTotalPayment_box dl.totaldelev{
	margin: 25px 0 0;
    padding: 20px 0 0;
    border-top: 1px solid #e5e5e5;
}

.order_contents_wrap .totalPayment_box .cartTotalPayment_box dl#viewcart_cost dd, .cartTotalPayment_box dl.totaldelev dd{
	   color: #df0011; font-weight:600; font-size:24px
}
.order_contents_wrap .totalPayment_box .cartTotalPayment_box dl#viewcart_cost dd em, .cartTotalPayment_box dl.totaldelev dd em{
	font-size:18px
}

.order_contents_wrap .order_goods_box .cart_listChk{
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: space-between;
	-ms-align-items: center;
	align-items: center;
	margin-bottom:15px
}	

.cart_listChk .cart_top_btn{

}	

.cart_listChk .cart_top_btn .btn + .btn{
	margin-left:10px
}	

.order_goods_box .cart_list_wrap{border-top:2px #000 solid;  }
 

.order_goods_box .cart_list_wrap .cart_list_body li{padding:40px 0; border-bottom:1px #e5e5e5 solid;} 
.order_goods_box .cart_list_wrap .cart_list_body .goods_list_box{display:flex; position:relative;  }

 
.order_goods_box .cart_list_wrap .cart_list_body .goods_list_box > div {  display: flex;   flex-direction: column;  justify-content: center;}
 
.order_goods_box .cart_list_wrap .cart_list_body .goods_list_box .goods_list_checkbox{margin-right: 5px;   justify-content: flex-start; width:30px}
.order_goods_box .cart_list_wrap .cart_list_body .goods_list_box .goods_list_checkbox .custom-checkbox label span{font-size:0}
.order_goods_box .cart_list_wrap .cart_list_body .goods_list_box .goods_list_checkbox .custom-checkbox{margin-right:0}
.order_goods_box .cart_list_wrap .cart_list_body .goods_list_box .cart_good_img{     background: #f3f3f3;    border-radius: 5px;position: relative; flex: none; width: 100px; height: 100px;}
.order_goods_box .cart_list_wrap .cart_list_body .goods_list_box .cart_good_img img{width:100%}
.order_goods_box .cart_list_wrap .cart_list_body .goods_list_box .cart_good_info { flex: 1; justify-content: start; padding: 0 20px 0 20px; font-size:12px}
.order_goods_box .cart_list_wrap .cart_list_body .goods_list_box .cart_etc_info_box {width:225px;   flex-direction: row; align-items: center; }

 

.order_goods_box .cart_list_wrap .cart_list_body .goods_list_box .cart_list_numbersof {    justify-content: center;  align-items: center; width: 115px;}

.cart_list_numbersof .numbersofgoods_box {border:1px #e5e5e5 solid; width:100px}
.cart_list_numbersof .numbersofgoods_box .form-control{border:none; text-align:center; width:calc(100% - 58px)}
.cart_list_numbersof .numbersofgoods_box .btn_num{width:29px; height:29px; cursor:pointer; position:relative; background:#fff}
.cart_list_numbersof .numbersofgoods_box .btn_num:after{content:''; display:block; font: normal normal normal 18px/1 "Material Design Icons";
 	position: absolute; top: 50%; 	left: 50%; 	transform: translate(-50%, -50%);
}

.cart_list_numbersof .numbersofgoods_box .btn-num-product-down:after{content: "\F0374";}
.cart_list_numbersof .numbersofgoods_box .btn-num-product-up:after{  content: "\F0415";}



.order_goods_box .cart_list_wrap .cart_list_body .goods_list_box .cart_list_totalv { justify-content: center;  margin-left: 14px;   width: 110px;  text-align: right;}
.order_goods_box .cart_list_wrap .cart_list_body .goods_list_box .cart_list_totalv .cart_list_mileage{ display: block;   margin-top: 5px;   font-size: 13px;   line-height: 1.23; color: #999;}

.order_goods_box .cart_list_wrap .cart_list_body .goods_list_box .cart_list_totalv .cart_list_dc{margin-top: 5px; font-size: 13px;   line-height: 1.23; color:#FF0000; font-weight:600 }

.order_goods_box.buy_info_box .cart_list_wrap .cart_list_body .goods_list_box .cart_list_totalv .cart_list_dc{margin-top:0; margin-bottom:5px}


.order_goods_box .cart_list_wrap .cart_list_body .goods_list_box .cart_list_totalv .totalv1{font-weight:600}
.order_goods_box .cart_list_wrap .cart_list_body .goods_list_box .cart_list_totalv .totalv1 em{font-weight:400}

.order_goods_box .cart_list_wrap .cart_list_body .goods_list_box .cart_del{ width: 30px; justify-content: start; text-align:right;}
.order_goods_box .cart_list_wrap .cart_list_body .goods_list_box .cart_del a i{color:#999}

.order_goods_box .cart_list_wrap .cart_list_cost {display:none!important;}

.order_goods_box .dream_info_box{border-top:none;}


.cart_blank_box{text-align:center;   background:#fff; padding: 100px 0 100px 0; text-align:center; margin-top: 0px; 
border-top: 2px #333 solid; border-bottom:1px #e5e5e5 solid;
}
.cart_blank_box i{font-size:6rem;  }

.cart_name{display:none; padding-bottom:15px;}
 
 @media (max-width: 1440px) {
	 
	.order_contents_wrap .order_goods_box{
 		width: 800px;
	}
 	.order_contents_wrap .totalPayment_box,
	.order_contents_wrap .totalPayment_box .totalPayment_inner {
		width: 270px;
 	}

}
 @media (max-width: 1140px) {
 	.order_contents_wrap .order_goods_box{
 		width: 750px;
	}
 }

 @media (max-width: 1024px) {
 	.order_contents_wrap .order_goods_box{
 		width: 650px;
	}
 }


 @media (max-width: 991.98px) {

	/*장바구니*/
	.cart_blank_box{ margin-top:-30px; border-top:none; padding:50px 0}

	.order_goods_box .dream_info_box{display:none;}
	.order_contents_wrap{display:block; margin:0 0px; overflow-x:hidden; z-index:90}
	
	.order_contents_wrap .order_goods_box .cart_listChk{padding:0 15px}
	.cart_listChk .cart_top_btn em{display:none;}

 	.order_contents_wrap .order_goods_box,
 	.order_contents_wrap .totalPayment_box,
	.order_contents_wrap .totalPayment_box .totalPayment_inner {
		width: 100%;
 	}

	

	.order_goods_box .cart_list_wrap{border-top:1px #e5e5e5 solid;}
	.order_goods_box .cart_list_wrap .cart_list_body li{padding:30px 15px; border-bottom:5px #f5f5f5 solid;}

	.order_goods_box .cart_list_wrap .cart_list_body .goods_list_box{display:block; position:relative;}

	.order_goods_box .cart_list_wrap .cart_list_body .goods_list_box .cart_good_img{width:70px; height:70px; position:absolute; top:25px; left:0}
	.order_goods_box .cart_list_wrap .cart_list_body .goods_list_box .cart_good_info{ padding-left:85px; min-height:70px}

	.order_goods_box .cart_list_wrap .cart_list_body .goods_list_box .goods_list_checkbox{margin-bottom:5px}
	.order_goods_box .cart_list_wrap .cart_list_body .goods_list_box .cart_del{width:auto; position:absolute; top:0; right:0}

	.order_goods_box .cart_list_wrap .cart_list_body .goods_list_box .cart_etc_info_box {width:100%; background:#F7F9FA; padding:15px; margin-top:15px; justify-content: space-between;}

	.order_goods_box .cart_list_wrap .cart_list_body .goods_list_box .cart_list_totalv { width:100%; display: flex; justify-content: flex-end; align-items: center; } 
	.order_goods_box .cart_list_wrap .cart_list_body .goods_list_box .cart_list_totalv p{margin-left:10px;  }
	.order_goods_box .cart_list_wrap .cart_list_body .goods_list_box .cart_list_totalv .cart_list_mileage{margin-top:0;padding-top:2px}
	.order_goods_box.buy_info_box .cart_list_wrap .cart_list_body .goods_list_box .cart_list_totalv .cart_list_dc{margin-bottom:0; padding-top:2px}

	.order_contents_wrap .totalPayment_box{border-top:2px #f5f5f5 solid; z-index:990}

	.order_contents_wrap .totalPayment_box{margin-top: 0px}
	.order_contents_wrap .totalPayment_box .cartTotalPayment_box{border:none; padding:30px 15px}
	.order_contents_wrap .totalPayment_box .cartTotalPayment_box h4{display:none;}
 	.order_contents_wrap .totalPayment_box .cart_page_btn{position:fixed; bottom:0; left:0; width:100%; z-index: 990} 

 

 }

 

/*
.monetary_unit{position:relative;}
.monetary_unit:after{content:'₫'; padding-left:5px}
*/

.goods_cart_list .table thead th{text-align:center;}
.goods_cart_list .table tbody td{ white-space: normal;}
.cart_good_info .cart_good_img{width:80px}
.cart_good_info .cart_good_name{ width: calc(100% - 20px); font-size:14px}

.cart_good_info .cart_good_img2{width:60px}
.cart_good_info .cart_good_img2 img{margin:0 auto;}
.cart_good_info .cart_good_name2{ width: calc(100% - 60px) }

.goods_list_wrap .goods_list_cancel {width:50px}
.goods_list_wrap .goods_list_cancel a{color:#999}

.goods_list_wrap .cart_good_info2 .cart_good_name span{display:block; color:#999; font-size:12px}
.goods_list_wrap .cart_good_info2 .cart_good_name p{display:block; font-size:16px; line-height:1.2}

.cart_good_etcinfo > div{display:inline-block;color:#666; font-size:14px; position:relative; margin-right:20px;}
.cart_good_etcinfo > div:after{content:''; display:block; width:1px; height:8px; background:#ddd; position:absolute; top:5px; right:-10px}
.cart_good_etcinfo > div:last-child:after{display:none;}
.cart_numbersofgoods{width:60px}
.cart_good_opt span{color:#666; font-size:14px; position:relative; margin-right:20px;}
.cart_good_opt span:after{content:''; display:block; width:1px; height:8px; background:#ddd; position:absolute; top:5px; right:-10px}
.cart_good_opt span:last-child{margin-right:0}
.cart_good_opt span:last-child:after{ display:none; }
.cart_good_opt .badge{margin-right:5px}
.cart_del .btn-sm{font-size:12px!important; padding-left:10px; padding-right:10px}
.cart_item_name{width:calc(100% - 610px)}
 





 
 

 
 .goods_list_wrap .goods_list_checkbox{
	width:30px;
	text-align:center;
}
.goods_list_wrap .cart_list_name {
	width:calc(100%  -  610px);
}
.goods_list_wrap .cart_list_name2 {
	width:calc(100%  -  490px);
}

.goods_list_wrap .cart_list_price, .goods_list_wrap .cart_list_numbersof {
	width:150px;
	 
}

.goods_list_wrap .cart_list_totalv,
.goods_list_wrap .cart_list_cost,
.goods_list_wrap .cart_list_mileage,
.goods_list_wrap .cart_list_dc {
	width:100px;
	text-align:center;
}


 
.goods_list_wrap .cart_list_delivery,
.goods_list_wrap .cart_list_numbersof2{
	width:90px;
	text-align:center;
}

.goods_list_wrap .cart_list_price .cart_list_p_dc{font-size:12px; color:#999}
.goods_list_wrap .cart_list_price .cart_list_p_mileage{font-size:14px; color:#666}
.goods_list_wrap .cart_list_price .cart_list_p_totalv{font-size:16px}

.cart_num_goods input{border:none; text-align:center; font-size:14px; }
.cart_num_goods a{  width:25px; height:25px; background:#fff; border:1px #ddd solid; border-radius:50%; text-align:center; font-size:14px}
 


/***********
주문서
***********/
 
.buy_contents_box{ padding :40px 0 }

.goods_buy_list_box .buy_list_ect_info {margin-top:5px; font-size:14px; color:#999}


.trans_area_box{border:1px #e5e5e5 solid; background:#FCFCFD; padding:15px; border-top:none;}

.trans_area_info{border :1px #e5e5e5 solid; padding:15px 30px;   background:#FCFCFD;  border-top:none; }

.trans_area_box #step2_view .dl-table dl.table-row:last-child dt,
.trans_area_box #step2_view .dl-table dl.table-row:last-child dd,

.trans_area_box #step3_view .dl-table dl.table-row:last-child dt,
.trans_area_box #step3_view .dl-table dl.table-row:last-child dd{border-bottom:none;}

.buy_coupon_wrap{
	padding:0 15px;
	border:1px solid #e5e5e5;
}
.buy_coupon_wrap .buy_coupon_box{
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: flex-start;
	-ms-align-items: flex-start;
	align-items: flex-start;
	padding:15px 0;
	border-bottom:1px #ddd solid;
}
.buy_coupon_wrap .buy_coupon_box:last-child{
	border-bottom:none
}
.buy_coupon_wrap .buy_coupon_box > div{
	padding-right:15px
}
.buy_coupon_wrap .buy_coupon_box  img{
	max-width:100%
}

.buyShopCont .form-control {}
 
.buyShopCont .dream_cont_box{margin-top:3.3333rem}

.buyShopCont div.dl-table{border-top:none;}
.buyShopCont dl.table-row dd.bline .form-control{border-bottom:none}
.buyShopCont dl.table-row dd {border-bottom:none}

.telBox > div{width:100px; margin-right:15px; position:relative;}
.telBox > div:after{content:'-'; position:absolute; top:5px; right:-11px}
.telBox > div:last-child{margin-right:0}
.telBox > div:last-child:after{display:none;}
 
.telBox.telBoxLine{position:relative;}
.telBox.telBoxLine:after{content:'';display:none; position:absolute; bottom:0px; left:0; width:100%; height:1px; border-bottom:1px #333 solid;}
.telBox.telBoxLine  .form-control{border-bottom:none}

.couponBox{margin-top:10px}
.couponBox .coupon_check_option{margin-top:10px; border-top:1px #ddd solid; padding-top:10px}

.emailBox .emailForm > div{  margin-right:30px; position:relative;}
.emailBox .emailForm > div:after{content:'@'; position:absolute; top:5px; right:-25px}
.emailBox .emailForm > div:last-child{ margin-right:15px }
.emailBox .emailForm > div:last-child:after{display:none;}

.emailBox .emailForm{ }
.emailBox .emailAdr{ }

.tax_contents_box{ border:1px #e5e5e5 solid; border-top:none; background:#f5f5f5; padding:15px}




@media (max-width: 1440px) {
	.ordShop .ordShopCont,  .ordShop .buyShopCont{
 		width: 73%;
	}
}
@media (max-width: 1024px) {
	 .ordShop .ordRight {
		 padding-left: 20px;
 	}
}
@media (max-width: 991.98px) {


 
	.order_goods_box .cart_list_wrap .cart_list_body .goods_list_box.goods_buy_list_box .cart_good_img {
 		top: 0px;
 	}

	.order_goods_box .cart_list_wrap .cart_list_body .goods_list_box.goods_buy_list_box .cart_list_totalv{
		margin-left:0;
		flex-direction:row;

	}
	 
	.telBox > div{width:calc((100% - 30px)/3)}


	.buy_page_wrap{}
 	.buy_page_wrap .buy_contents_box{padding: 0px 15px 30px}
	.buy_page_wrap .buy_contents_box:after{content:'';display:block; width:100%; height:5px; background:#f5f5f5; position:absolute; bottom:0; left:0}

	.buy_page_wrap dl.table-row dt, .buy_page_wrap dl.table-row dd{border-bottom:none;}
	.buy_page_wrap div.dl-table{border-top:none;}

	.dream_contents .buy_page_wrap .sub_tit_box{padding:30px 0 0 0}
	.buy_goodslist_box .sub_tit_box{padding: 0px 0 0 15px!important;}


	.buy_page_wrap .order_goods_box .cart_list_wrap{border-top:none;}
 
}



@media (max-width: 576px) {
	.buy_coupon_txt_box{
		display:block!important;
	}

	.buy_coupon_txt_box > div{
		float:left;
	}
	.buy_coupon_txt_box:after{
		content:'';
		display:block;
		clear:both;
	}
	.buy_coupon_txt_box > div:last-child{
		float:none;
		clear:both;
		padding-top:15px;
	}
	 
}



/*구매페이지 아작스 박스*/
div.buy_getbox{width:100%}
div.buy_getbox dl{width:100%;padding:5px 0;}
div.buy_getbox dl dd{float:left;text-align:right;}
div.buy_getbox dl dd.l_tx{width:70%}
div.buy_getbox dl dd.r_cost{width:30%}
div.buy_getbox p.top_line{border-top:1px solid #efefef;}
div.buy_getbox p.bottom_line{border-bottom:1px solid #efefef;}

 
.buy_total_box dl:after{content:'';display:block; clear:both;}
 
.buy_total_box dl{
	 
	display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    -ms-align-items: center;
    align-items: center;
	margin:10px 0

}
.buy_total_box dt{color: #999;     font-size: 14px;}
.buy_total_box dd{color: #000;  font-size: 14px;  text-align:right;}

.buy_total_line{border-top:1px #e5e5e5 solid; margin-top:8px}

.buy_total_getbox{border-top:1px #000 solid; margin-top:8px; padding-top:8px}
.buy_total_getbox .totaldelev{color:#fa5c7c; font-size:16px; font-weight:600}

.totalPriceBox .buy_total_btn{ 

	position:absolute;
	bottom:0;
	left:0;
	width:100%;
}

.totalPriceBox .buy_total_btn .btn{width:100%; border-radius:0 0 10px 10px}


.form-control-buy{width:250px}
.form-control-buy-sm{width:80px}
.form-control-buy-auto{width:auto}
 
.board_input .form-group{margin-bottom:0}
.board_input select{height:33px!important; padding-top:5px; padding-bottom:5px} 

.board_input .table tbody th, .board_input .table tbody td{ white-space: normal;}

.buy_page_wrap .table-row .form-row .form-group {margin-bottom:0}


/***********
주문완료
***********/

.shopping_end_box{

}

@media (max-width: 991.98px) {
	.shopping_end_box .dream_info_box{margin-top:-30px}
	.shopping_end_box .page_btn{
		padding-left:15px;
		padding-right:15px;
	}

}





/***********
마이페이지
***********/

.sub_mypage_menu_wrap{display:none}

.mypage_top_box{
	background:#f5f5f5;   padding:  0px 60px;  
}
.mypage_top_box a ,
.mypage_top_box h3, .mypage_top_box p, .mypage_top_box span, .mypage_top_box em{ }
 
.mypage_top_box .myt_tit h3 {font-size:1.5555rem; font-weight:400}
.mypage_top_box .myt_tit p, .mypage_top_box .myt_tit p a{ font-size:14px; color:#666}
.mypage_top_box .myt_tit p a span{color:#df0011; text-decoration: underline; }
.mypage_top_box .myt_tit p a:after{content: '\e82c';  font-size:20px;    font-family: unicons; position:absolute; top:-7px; right:-5px}
.mypage_top_box .myt_tit p a{padding-right:15px; position:relative; }
.mypage_top_box .myt_info > div{padding: 0px 20px; border-left:1px solid #e5e5e5; min-width:200px; min-height:120px;	display: flex;  align-items: center;   justify-content: center;}
.mypage_top_box .myt_info > div p{  padding: 0px 0 1px 0; border-bottom:1px #000 solid; font-size:20px;  }
.mypage_top_box .myt_info > div:first-child{ }
.mypage_top_box .myt_info > div a{ display: flex;   flex-direction: column;  align-items: center;     justify-content: center; width: 100%; height: 100%;}

.mypage_top_box .myt_info span{font-size:14px; position:relative; color:#666}
.mypage_top_box .myt_info span:after{display:none; content: '\e82c';      font-family: unicons;}

 
 


@media (max-width: 1200px) {
	.mypage_top_box{
		 padding: 20px 20px; margin-bottom: 0px
	}

	.mypage_top_box .myt_tit h3 {font-size:22px}
	.myt_tit p{font-size:16px}

  }


@media (max-width: 1140px) {

	.mypage_top_box .myt_inner{display:block}

	.mypage_top_box .myt_info > div{min-width:25%}
	.mypage_top_box .myt_info{margin-top:30px}


}




@media (max-width: 991.98px) {
	.sub_mypage_menu_wrap{display:block}
	.mypage_top_box{display:none;}

	.sub_menu_wrap.sub_mypage_menu_wrap .navSlide{ margin:0!important;}


 }

/*왼쪽메뉴*/

.lnb_my_menu_box{     }
.lnb_my_menu_box dl{margin :0 0 0px 0;     display: flex;  flex-direction: column;   gap: 5px; width: 100%;  }
.lnb_my_menu_box dl:first-child{border-top:none;  }
.lnb_my_menu_box dt{display:none; padding:15px 0 5px; font-size:15px; color:#000; font-weight:600}
.lnb_my_menu_box dl:first-child dt{padding:0 0 5px 0}
.lnb_my_menu_box dd{padding:2px 0;}
.lnb_my_menu_box dd a{ display: flex;  align-items: center;  justify-content: space-between;  height: 40px;   font-size: 14px;    line-height: 1.43em;  letter-spacing: -0.01em;   opacity: 0.6;   border-bottom: 1px solid #fff;}
.lnb_my_menu_box dd.active a{ opacity: 1;  font-weight: 600;  color: #000;   border-bottom: 1px solid #000; }
.lnb_my_menu_box dd.active a:after { flex: none; 	display: block; 	content: "\F0142"; 	font: normal normal normal 16px/1 "Material Design Icons"; }

.lnb_my_menu_box dl.custom.active a{ opacity: 1;  font-weight: 600;  color: #000;   border-bottom: 1px solid #000; }
.lnb_my_menu_box dl.custom.active a:after { flex: none; 	display: block; 	content: "\F0142"; 	font: normal normal normal 16px/1 "Material Design Icons"; }

/*
.lnb_my_menu_box dl.custom dd {padding-top:15px}
.lnb_my_menu_box dl.custom dd a{font-size:14px; color:#000; position:relative; padding-left:30px}
.lnb_my_menu_box dl.custom dd a:before{display:none; content: "\F12CA";  position:absolute; top:-5px; left:0;  font: normal normal normal 24px/1 "Material Design Icons";}
*/

 /*마이메인 */

.mypage_main_top_wrap{
	position: relative;
 	display: flex;
 	flex-direction: column;
	flex-wrap: wrap;
	padding: 0px 0;
	border-bottom: 10px solid #e5e5e5;
}


.my_main_top_menu_box{
	display: flex ;
	width: calc(50% - 40px);
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	flex-direction: column;
	border-radius: 8px;
	background-color: #f4f6f8;
	position: absolute;
	right: 20px;
	top: 0px;
	bottom: 20px;
	margin: 0 -20px 0 0;

	order: 5;
}
.my_main_top_menu_box ul {
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	flex-direction: column;
	height: 100%;
	padding: 28px 16px 28px 20px;
}
.my_main_top_menu_box ul li {
    height: 100%;
    margin-top: 14px;
}
.my_main_top_menu_box ul li:first-of-type {
    margin-top: 0;
}
.my_main_top_menu_box ul li a{
	display: flex;
	-webkit-box-pack: justify;
	justify-content: space-between;
	width: 100%;
	height: 100%;
}
.my_main_top_menu_box ul li a > span{
     display: flex;
     align-items: center;
}
.my_main_top_menu_box ul li a > span > span{
     font-size:15px;
     color:#000;
     margin-left:8px
}

.my_main_top_menu_box ul li a > span > strong{
     font-size:15px;
     color:#000;
     margin-right:2px
}


.my_main_top_member_box{
	position: relative;
	width: calc(50% + 24px);
	padding: 20px 20px 36px;
	border-radius: 12px;
	box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .1);
	background-color: #000;
	color: #fff;
	font-size: 13px;
	-webkit-box-ordinal-group: 3;
	-webkit-order: 2;
	-moz-box-ordinal-group: 3;
	-ms-flex-order: 2;
	order: 2;
}
.my_main_top_member_box .myt_tit{
	display: flex ;
	justify-content: space-between;
	-webkit-flex-basis: 100%;
	-ms-flex-preferred-size: 100%;
	flex-basis: 100%;
	margin-bottom: 30px;
}

.my_main_top_member_box .myt_tit a{

}

.my_main_top_member_box .myt_tit h3{
	color:#fff; font-size:16px; font-weight:700; margin-bottom:0
}
.my_main_top_member_box .myt_group{
	display: flex;
	flex-wrap: wrap;
}
.my_main_top_member_box .myt_tit i{
	color:#fff;
	font-size:20px
}
.my_main_top_member_box .myt_group p{
    display:  flex;
    width: auto;
    color:#fff;
    align-items: center;
}
.my_main_top_member_box .myt_group p i{
    width: 45px;
    height: 45px;
    display:inline-block;
    position:reative;
    border-radius:50%;
    z-index: 1;
    margin-right: 8px;
    border: 1px solid hsla(0, 0%, 100%, .1);
    background:#ff5a5a;
    position:relative;
}
.my_main_top_member_box .myt_group p i em{
	position: absolute;
	top: 50%;
	left: 50%;
 	transform: translate(-50%, -50%);
	z-index:3;
	font-size:11px;
}
.my_main_top_member_box > a{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
}
.my_main_top_notice_box{
    width: calc(50% - 10px);
    margin-top: 16px;
    vertical-align: top;
    line-height: 25px;
     -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    -moz-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
}

.my_main_top_notice_box a{
	display: flex;
	justify-content: flex-start;
 	align-items: center;
	 
}

.my_main_top_notice_box a span{height:25px; border-radius:13px; background:#000; color:#fff; line-height:25px; font-size:13px; padding:0 10px}
.my_main_top_notice_box a p{ font-size:13px; margin:0 5px 0 10px}
.my_main_top_notice_box a i{font-size:18px; color:#aaa;  }

.my_main_top_etc_box{
	display: flex;
	width: calc(50% + 24px);
	margin: 24px 0 24px;
	padding: 0 16px;
	-webkit-box-ordinal-group: 5;
	-webkit-order: 4;
	-moz-box-ordinal-group: 5;
	-ms-flex-order: 4;
	order: 4;

}
.my_main_top_etc_box ul{
     display: flex;
    -webkit-box-pack: justify;
     justify-content: space-between;
    width: 100%;
}
.my_main_top_etc_box li {
    position: relative;
    min-width: 72px;
}

.my_main_top_etc_box li a {
 	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	flex-direction: column;
	align-items: center;
}
.my_main_top_etc_box li a i{
	font-size:26px
}
.my_main_top_etc_box li a p{
	font-size:13px;
	margin-top:5px
}

#today_product .dream_goods_list {
    height: auto;
    width: 208px !important;
}


@media (max-width: 1023px) {
	.mypage_main_top_wrap{padding:0 0px}
	.my_main_top_member_box{width:100%; padding:20px}
	.my_main_top_notice_box{width:100%; margin-top:10px;}
	.my_main_top_menu_box{width:100%; height:auto; max-height:none; margin:16px 0 0 ; position:static; -webkit-box-ordinal-group: 5; order: 4; }
	.my_main_top_etc_box{width:100%; margin-top:16px;  -webkit-box-ordinal-group: 6;  order: 5;  }
	 
	 
}

@media (max-width: 1023px) {
	 
	 #today_product .dream_goods_list{width: calc((100vw - 40px - 12px) / 3 + 6px)!important;}
	 
}

div.my_tit{border-left:3px solid #696969;font-size:18px;font-weight:600;padding-left:10px;margin-bottom:20px; }
div.mymenu ul li{cursor:pointer;float:left;list-style:none;border:1px solid #696969;text-align:center;font-size:14px;font-weight:600;width:10%;padding:10px 4px; }
div.mymenu ul li.my_atv{background:#696969;color:#fff;}

.dreamweb_my_top .mypage_info ul {

	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: flex-start;
	-ms-align-items: center;
	align-items: center;
}

.dreamweb_my_top .mypage_info li{
	margin-left:30px;
	text-align:center;
}
.dreamweb_my_top{padding:0 15px}
.dreamweb_my_top .mypage_tit p{font-size:16px}
.dreamweb_my_top .mypage_info li i{display:block; color:#999; margin-bottom:5px; }
.dreamweb_my_top .mypage_info li a {display:inline-block; position:relative;padding:0 10px }
.dreamweb_my_top .mypage_info li a:after{content: "\e649"; font-family: 'themify';display:block; position:absolute; top:3px;right:-3px; font-size:9px }
.dreamweb_my_top .mypage_info li span{ display:block; color:#fa5c7c; font-size:18px; font-family:"Roboto",'Noto Sans KR',sans-serif; }

.mypage_menu_box{ display:none; margin-top:80px}
.mypage_menu_box .card{min-height:130px; margin-bottom:15px}
.mypage_menu_box .card h6{position:relative;}
.mypage_menu_box .card h6:after{content: "\e649"; font-family: 'themify';display:block; position:absolute; top:0px;right:0px;  font-size:12px}
.mypage_menu_box .card p{color:#999}

.invate_link, .invate_link a{color: #fa5c7c; font-size:14px; text-decoration:underline;}
 
p.top_benner_close{z-index:1000;position:absolute;width:21px;height:21px;background:#fff;right:50px;top:20px;display:none; }
 

.dream_mypage_container .sub_header{background:#000; color:#fff; border-bottom:none;}
.dream_mypage_container .sub_header .breadcrumb h3{color:#fff}
.dream_mypage_container .sub_header i, 
.dream_mypage_container .sub_header a.btn_prev:before,
.dream_mypage_container .sub_header .header_cart_wrap a{color:#fff!important}


.mypage_m_main_box{margin:0px; overflow-x:hidden;}
.mypage_mo_menu_box{}

.mypage_m_top_box{background:#000;color:#fff; padding:15px; }

.mypage_m_top_box .myt_tit h3 {font-size:1.5555rem; font-weight:400;color:#fff}
.mypage_m_top_box .myt_tit p, .mypage_m_top_box .myt_tit p a{ font-size:14px; color:#fff}
.mypage_m_top_box .myt_tit p a span{color:#df0011; text-decoration: underline; }
.mypage_m_top_box .myt_tit p a:after{display:none; content: '\e82c';  font-size:20px;    font-family: unicons; position:absolute; top:-7px; right:-5px}
.mypage_m_top_box .myt_tit p a{padding-right:15px; position:relative;color:#fff; }

.mypage_m_top_box .myt_info{
    position: relative;
    box-sizing: border-box;
    margin-top: 30px;
    margin-bottom: 30px;
}
.mypage_m_top_box .myt_info::before {
    display: block;
    content: "";
    position: absolute;
    left: 0;
    right: 0px;
    top: 50%;
    height: 1px;
    background: #222;
}

.mypage_m_top_box .myt_info ul {
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
    height: 110px;
}

.mypage_m_top_box .myt_info li {
    width: calc(50% - 1px);
}
.mypage_m_top_box .myt_info li:nth-child(even) {
    border-left: 1px solid #222;
}

.mypage_m_top_box .myt_info li a {
    display: inline-flex;
    flex-direction: column;
    color: inherit;
}
.mypage_m_top_box .myt_info li a span{
	color:#888
}
.mypage_m_top_box .myt_info li a p{
	color:#fff
}

.mypage_m_top_box .myt_info li:nth-child(even) a span,
.mypage_m_top_box .myt_info li:nth-child(even) a p{
	padding-left:15px;  
}


.mypage_mo_menu_box ul{
	border-top:5px #f5f5f5 solid;
}

.mypage_mo_menu_box li {
    font-weight: 600;
    font-size: 14px;
    line-height: 18px;
    border-bottom: 1px solid #F5F5F5;
}

.mypage_mo_menu_box li a {
    display: block;
    padding: 21px 26px;
	position:relative;
}
.mypage_mo_menu_box li a:after {
    display: block;
    content: "\F0142";
    font: normal normal normal 20px/1 "Material Design Icons";
	position:absolute; top:50%; right:26px; transform: translateY(-50%);
}

.mypage_mo_cs_box{}
.mypage_mo_cs_box .cs_tit{
	font-weight: 600;
	font-size: 14px;
	line-height: 18px;
	border-bottom: 1px solid #F5F5F5;
	padding: 21px 26px;
	color:#df0011
}

.mypage_mo_cs_box dl{
	margin:21px 26px
}

.mypage_mo_cs_box dt a{
	color:#df0011;
	font-size:24px;
	font-weight:600;

}
.mypage_mo_cs_box dd{
	color:#999;
	font-size:12px
}
.mypage_today{
	padding:   0px 15px
	 
}

.mypage_today .no_product{padding: 0px 0 30px 0}
 

@media (max-width: 991.98px) {

	.mypage_main_top_wrap{ margin:30px 0px 0 0px; padding-left:15px; padding-right:15px}

	.myorder_process_step{border:none; border-bottom:5px #f5f5f5 solid; margin-bottom:0}
	.myorder_process_step li{ display:block; text-align:center; padding:0; border-right:none;}
	.myorder_process_step li span, .myorder_process_step li em{display:block;}
	.myorder_process_step li span{font-size:12px; color:#999}
	.myorder_process_step li em{font-size:20px}
	.myorder_process_step li.point em{color:#000}



	.mypage_today .dream_goods_list{ width:180px }
 

}


@media (max-width: 767.98px) {
 
 }


 
 /*관심상품*/
 
.wish_list_wrap {
	border-top:2px #333 solid; position:relative;
}
.wish_list_wrap .wish_list_box{
  	display: flex;
	justify-content: flex-start;
 	align-items: center;
	width:100%;
	padding :20px 0;  border-bottom:1px #e5e5e5 solid; margin-bottom:0px
	 
}

.wish_list_box .goods_list_image{
	flex: none;   position: relative;  width: 100px;  height: 100px;
}
 

.wish_list_box .wish_list_info{  flex: 1;  margin-left: 30px;}
.wish_list_box .wish_list_info .goods_list_wishcost{
    display: flex;
    flex-direction: column;
	gap: 0px 0;
	margin-top:5px
}
.wish_list_box .wish_list_info .goods_list_wishcost strike{color:#999; font-size:12px}

.wish_list_box .goods_list_wishbtn{ flex: none;   position: relative;  width: 50px; text-align:right; }
.wish_list_box .goods_list_wishbtn a{display:block; color:#888}
.wish_list_box .goods_list_wishbtn i{font-size:1.5rem} 



.wish_list_box.no_product {text-align:center;  display:block; }
.wish_list_box.no_product i{ font-size:6rem; display:block;}
.wish_list_box.no_product p{text-align:center; margin-top:0px; padding-bottom:20px}

.no_contents i{font-size:6rem; display:block;}
.no_contents p{text-align:center; margin-top:0px; padding-bottom:20px}

  

@media (max-width: 991.98px) {
	.wish_list_wrap { border-top:none }
	.wish_list_box .goods_list_image{margin-left:15px}
	.wish_list_box .wish_list_info{ margin-left: 15px;}
	.wish_list_box .goods_list_wishbtn{padding-right:15px; width:65px}
	.wish_list_box .goods_list_name{font-size:12px;  }
}



/*마일리지*/

.myCont_list_box{
    padding: 0  0px;
} 
.myContItem {
    padding: 30px 20px;
    border-bottom: 1px solid #e5e5e5;
}

.mileage_total_box {
	background: #f5f6f8; 
	position: relative;
 	flex: 1 1 auto;
	padding: 33px 0;
	text-align: center;
}

.mileage_total_box dt{
    display: block;
    color: #666;
    font-size: 13px;
}
.mileage_total_box dd{
    display: inline-flex;
    margin-top: 6px;
    align-items: center;
    color: #000;
    font-size: 22px;
    font-weight:700
}

.mileageInfo_box{
	display: flex; 
	border-bottom:10px solid #e5e5e5;
}
.mileageInfo_box .mileageCont{
    flex-basis: 50%;
    padding: 22px 20px;
    border-top: 1px solid #e5e5e5;
}

.mileageInfo_box .mileageCont span {
    display: block;
    font-size: 14px;
    color: #000;
    font-weight: 700;
}
.mileageInfo_box .mileageCont strong{
    display: block;
    margin-top: 6px;
    font-size: 18px;
}
.mileageInfo_box .mileageCont:nth-child(2) {
    border-left: 1px solid #e5e5e5;
}

/*
.myContItem:not(:first-child) {
    border-top: 1px solid #e5e5e5;
}*/

.myContItem .date {
    display: flex ;
    align-items: center;
    font-size: 12px;
    color: #000;
    font-weight: 700;
}
.myContItem .itemWrap{
    display: flex;
    justify-content: space-between;
    margin-top: 16px;
}

.myContItem .itemWrap .info{
	flex:1
}
.myContItem .itemWrap .info p{margin-bottom:0}
.myContItem .itemWrap .info span{
    display: -webkit-box;
    overflow: hidden;
    width: 210px;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    margin-top: 5px;
    font-size: 14px;
    color: #888;
}
.myContItem .itemWrap .pnt{
    line-height: 1;
    font-size: 17px;
    font-weight: 700;
    text-align: right;
}
.myContItem .itemWrap .pnt > span {
    display: block;
    margin-top: 10px;
     font-size: 14px;
    font-weight: 500;
}

.mileage_list_box .no_contents{ border-bottom:1px #e5e5e5 solid;}

 
@media (max-width: 767.98px) {
	.mileage_total_box{margin-top: 0px}
	.mileageCont span em{display:none;}

}




/*주문목록*/

.myorder_process_step{
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	flex-direction: column;
	overflow: hidden;
	padding: 28px 20px 27px;
	background-color: #f5f6f8;
}
.myorder_process_step ul{
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	grid-auto-flow: column;
	column-gap: 18px;
}
.myorder_process_step li{
 	display: flex ;
	align-items: center;
	justify-content: center;
	position: relative;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	flex-direction: column;
	color: #666;
	padding-bottom: 23px;
	position:relative;
 }
.myorder_process_step li:before{
	content: "\ea6e";
	font-family: "remixicon" !important;
	display: block;
	position: absolute;
	top: calc(50% - 11.5px);
	left: -15px;
	width: 12px;
	height: 12px;
	transform: translateY(-50%);

}
.myorder_process_step li:first-child:before{
	display:none;
}
.myorder_process_step li p{
	position: relative;
	width: min(100%, 52px);
	height: auto;
	border: 0;
	display: flex ;
	align-items: center;
	justify-content: center;
 	border-radius: 50%;
	 
}
.myorder_process_step li p:after {
	content: "";
	position: relative;
	width: 100%;
	padding-bottom: calc(100% - 2px);
	border: 1px solid #ddd;
	 
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px;
}
.myorder_process_step li p span{
	position: absolute;
	top: 50%;
	padding-top: 3px;
	font-size: 20px;
	line-height: 26px;
	font-weight: 700;
	transform: translateY(-50%);
	color: #666;
}
.myorder_process_step li em{
	position: absolute;
	text-align: center;
	font-size: 12px;
	bottom: 0;
	word-break: keep-all;
	display:block
}

.order_list_wrap{margin-top: 0px; border-top:2px #333 solid; border-bottom:1px #e5e5e5 solid;}
.order_list_box{}
.order_list_box .order_date{ font-size:13px; padding: 10px 15px; color: #888;  background: #f5f6f8;}
.order_list_box .order_info_box{padding:20px}
.order_list_box .order_info_box .headTit a{ width:100%}
.order_list_box .order_info_box .headTit h3{ font-size:1rem!important; margin-bottom:0!important}
.order_list_box .order_info_box .headTit h3 em{font-size:12px; color:#888; margin-left:10px; display:inline-block;}
.order_list_box .order_info_box .headTit .btn_order_more{position:relative; padding-right:15px; color:#666; font-size:16px}
.order_list_box .order_info_box .headTit .btn_order_more:after{ content: "\ea6e"; font-family: "remixicon" !important; display: block; color:#666; position: absolute; top:50%; right:0;transform: translateY(-50%);}

.order_list_box .order_info_box .prodList{margin-top:10px}
.order_list_box .order_info_box .prodList .order_stats {font-size:14px; color:#888}

.order_list_box .order_info_box .order_btn_etc{margin-top:15px}
.order_list_box .order_info_box .order_btn_etc a{width:100%!important;}


.dreamweb_order_table .table .btn{min-width:75px; font-size:12px}

.order_detail_top{ }
.order_detail_top .flex-l-m div{margin-right:40px; position:relative;}
.order_detail_top .flex-l-m div:after{content:''; display:block; width:1px; height:15px; background:#ddd; top:50%; right:-20px; position:absolute;
	-webkit-transform: translateY(-50%);
  	-moz-transform: translateY(-50%);
  	-ms-transform: translateY(-50%);
  	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
.order_detail_top .flex-l-m div:last-child:after{display:none;}

.order_detail_payment_box{padding:15px; background:#fafafa; margin-top:15px;  }
.order_detail_payment dl{}
.order_detail_payment dt{font-size:14px; padding:5px 10px}
.order_detail_payment dd{   }
.order_detail_payment dd strong.price_color {color:#df0011; font-size:18px}
.order_detail_payment dd.total_payment2{color:#df0011;}
.order_detail_payment_box .total_payment_line{margin:10px 0; border-bottom: 1px solid #e5e5e5; }




/*주문상세*/
 
.order_detail_wrap .order_detail_inner{ }
.order_detail_inner .sub_tit_box{ padding:18px 15px; border-top: 1px solid #e5e5e5;   border-bottom: 1px solid #e5e5e5; background:#f5f6f8}
.order_detail_inner .sub_tit_box h5 {font-size:18px; margin-bottom:0}

.order_detail_inner .dl-table{border-top:none; padding-left:15px; padding-right:15px}
.order_detail_inner .table-row dd{display:block; width:100%; border-bottom:none!important;  padding: 0 0 15px 0; margin-bottom:0}
.order_detail_inner .table-row dt{display:block; width:100%;border-bottom:none!important;
    display: block;
    width: 100%;
    vertical-align: middle;
    padding: 15px 0 5px;
    font-weight: 400;
    font-size: 14px;
}


.order_goods_wrap{  }
.order_goods_wrap .goods_list_box{   display: flex ;  padding-bottom:20px; border-bottom:1px #e5e5e5 solid; margin-bottom:20px}
.order_goods_wrap .goods_list_box:first-child{padding-top:20px}
.order_goods_wrap .goods_list_box:last-child{border-bottom:none;}
.order_goods_wrap .goods_list_box .cart_good_img{  flex: none;   position: relative;  width: 80px;  height: 80px;}

.order_goods_wrap .goods_list_box .cart_good_info{    flex: 1;  margin-left: 30px;}
.order_goods_wrap .goods_list_box .cart_good_info .cart_good_name{font-size:14px;}
.order_goods_wrap .goods_list_box .cart_good_info .cart_good_etc > div{font-size:12px; color:#888; display:inline-block; margin-right:20px; position:relative;} 
.order_goods_wrap .goods_list_box .cart_good_info .cart_good_etc > div:after{
    content: "";
    display: inline-block;
    width: 1px;
    height: 10px;
    position: absolute;
    top:3px;
    right: -10px;
    background-color: #ddd;
}
.order_goods_wrap .goods_list_box .cart_good_info .cart_good_etc > div:last-child{margin-right:0}
.order_goods_wrap .goods_list_box .cart_good_info .cart_good_etc > div:last-child:after{display:None;}

.order_goods_wrap .goods_list_box .cart_good_info .cart_good_etc .cart_good_opt{margin-right:0}
.order_goods_wrap .goods_list_box .cart_good_info .cart_good_etc .cart_good_opt:after{display:none;}

.order_goods_wrap .goods_list_box .cart_good_info .cart_good_etc .cart_good_opt span{font-size:12px; color:#888; display:inline-block; margin-right:20px}
.order_goods_wrap .goods_list_box .cart_good_info .goods_list_total_payment{  display: flex;  align-items: center;  justify-content: flex-end;  margin-top: 15px;}

 



@media (max-width: 991.98px) {

	.order_detail_inner .sub_tit_box{  border-top: none; background:#fff}
	.order_detail_inner .sub_tit_box h5 {font-size:16px; margin-bottom:0}
	.order_detail_wrap .order_detail_inner{border-bottom:10px #e5e5e5 solid; padding :0 0px 15px 0px}
	.order_goods_wrap .goods_list_box,
	.order_detail_wrap .page_btn{padding-left:15px; padding-right:15px}

	.order_list_tit{    padding:  0px 0 15px 15px!important}
	.order_list_wrap{border-top:none;}
	.order_info_box h3{font-size:14px!important;}
}


/*리워드*/
.mypage_search_form_box {margin-bottom:50px}
.mypage_search_form_box select{ height: calc(1.8125rem + 3px)!important; width:70px!important;}
.search_input .form-group{margin-bottom:0}
.mypage_search_form_box .btn-group .btn{font-size:12px;     padding: 0.3rem 0.8rem;}
.mypage_search_form_box .search_date_reward .form-control{    padding: .3rem .5rem;}
.reward_list_body{padding-bottom:30px}


/*회원정보수정*/
.member_modify_wrap{}
.edit_pw_info{padding:0.75rem 0;  width:100%;  display:flex;}

 @media (max-width: 991.98px) {
 	.member_modify_wrap{padding:30px 15px 0 15px}
	.member_modify_wrap .dream_info_box{border-top:none; margin:0}
	.member_modify_wrap .joinbox{padding:0!important;}
}


/*추천*/

.recom_info span{display:inline-block; margin-left:30px; position:relative;  }
.recom_info span:after{content:'';display:block; position:absolute; top:50%; left:-15px; width:1px; height:10px; margin-top:-5px; background:#aaa }
.recom_info span:first-child:after{display:none}

/*쿠폰*/

.article{
    display: grid;
    grid-gap: 20px;
    grid-auto-rows: auto;
    grid-template-columns: repeat(2, minmax(calc(50% - 10px), 1fr));

}

.mycoupon_wrap{padding:0px 0 0  0px}
.mycoupon_wrap .article{row-gap:16px}
.mycoupon_wrap .no_contents{border-top:2px #333 solid; border-bottom:1px #e5e5e5 solid;}

.mycoupon_list{
	padding: 23px 19px;
	display: flex;
	position: relative;
	border: 1px solid #ddd;
	border-radius: 12px;
	min-height:145px;
	position:relative;
}
  
.mycoupon_list .mycoupon_box{
	display: flex ;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	flex-direction: column;
	-webkit-box-flex: 1;
 	flex: 1 1 auto;
	 
} 

.mycoupon_box .coupon_kind{
  
}

.mycoupon_box .coupon_name{
	 margin-top:10px;
	 font-size:14px; font-weight:700;
}
.mycoupon_box .coupon_discount{
	color: #000;font-size:25px; font-weight:700; font-family:Figtree
}
 
.mycoupon_list .mycoupon_info{
	color:#888; font-size:13px; margin-top:15px
}

.mycoupon_list .mycoupon_info span{
	position:relative; margin-right:16px;
}
.mycoupon_list .mycoupon_info span:after{
    content: "";
    display: inline-block;
    width: 1px;
    height: 11px;
	position:absolute;
	top:2px;
	right:-8px;   
    background-color: #ddd;
  
}
.mycoupon_list .mycoupon_info span:last-child:after{display:none}
.mycoupon_list .mycoupon_info span:first-child{color:#ff5a5a}
.mycoupon_list .coupon_usable{
	position:absolute;
	top:23px;
	right:23px
}


@media (max-width: 1023px) {
	.mycoupon_list{  grid-column: span 2;}
	.mycoupon_wrap { }
}




/*배송지*/

.goods_list_wrap .goods_list_checkbox{
/*	width:100px;
	text-align:center;*/
}
.goods_list_wrap .address_list_addr{
	width:calc(100% - 550px);
}
.goods_list_wrap .address_list_name, .goods_list_wrap .address_list_zip, .goods_list_wrap .address_list_tel{
	
}
 .address_list_box{ }

.myAddrTop { padding:30px 0  0px; margin-bottom:-10px}

.address_list_box .address_list_tel{ width:auto; text-align:left; padding-left:20px; position:relative;}
.address_list_box .address_list_tel:before{ content: "\F011D";  position:absolute; top:0;left:0;   font: normal normal normal 16px/1 "Material Design Icons";}


@media (max-width: 991.98px) {
	
	.myadress_inner{padding-top:30px}

}

/*추천인*/

.recom_list_wrap{border-bottom: 1px solid #e5e5e5; border-top:2px #333 solid;}
.recom_list_box{}
.recom_list_box .recom_date{ font-size:13px; padding: 10px 15px; color: #888;  background: #f5f6f8;}
.recom_list_box .recom_info_box{padding:20px}
.recom_list_box .recom_info_box .headTit h3{ font-size:1rem!important;}
.recom_list_box .recom_info_box .headTit h3 em{font-size:12px; color:#888; margin-left:10px; display:inline-block;}
.recom_list_box .recom_info_box .headTit a{position:relative; padding-right:15px; color:#666; font-size:13px}
.recom_list_box .recom_info_box .headTit a:after{ content: "\ea6e"; font-family: "remixicon" !important; display: block; color:#666; position: absolute; top:50%; right:0;transform: translateY(-50%);}

.recom_list_box .recom_info_box .recom_visit {font-size:14px}


@media (max-width: 991.98px) {
	
	.recom_list_wrap{border-top:none;}
 
}


/*내 게시글*/

.my_boardlist_list .my_boardlist_box{
	border-bottom:1px solid #e5e5e5;
	padding:15px 0
}
.my_boardlist_list .my_boardlist_box .my_boardlist_date{
	color:#999;
	padding-top:5px;
	font-size:11px
}


/* 마이페이지 리스트 스타일
============================================================================================ */
.my_basic_box{
	border-top:1px #e6e6e6 solid;
}
.my_basic_box .no_content{
	text-align:center;
	padding:50px 15px
}

.my_basic_box .my_list_box{
	border-bottom:1px #e6e6e6 solid;
	padding:15px
}

.my_basic_box .my_list_box .my_info_top{
	color: #989898;
	margin-bottom:5px
}
.my_basic_box .my_list_box .my_info_body{
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: space-between;
	-ms-align-items: center;
	align-items: center;
}

.my_basic_box .my_list_box .my_list_btn{
	margin-top:15px
}
.my_basic_box .my_list_box .my_list_btn .btn{
	width:100%
}

.my_basic_box .my_list_box .my_cost strong{
	font-size:16px
}

.my_basic_box .my_list_box .my_more_btn{
	padding-right:20px;
	position:relative;
}

.my_basic_box .my_list_box .my_more_btn:after{
	content: "\e93f";
	font-family: xeicon!important;
	position:absolute;
	top:0;
	right:0

}
@media (max-width: 991.98px){
	.my_basic_box .my_list_box{
 		padding:15px 0
	}

}



/***********
게시판
***********/
.dream_community_contents{}

.dream_community_contents .breadcrumb h3{text-align:left;}
@media (min-width: 992px){
	.dream_community_contents .sub_menu_wrap{ }
	.dream_community_contents .sub_menu_wrap ul{display: flex; flex-direction:row; gap:0;}
	.dream_community_contents .sub_menu_wrap li{flex: 1;  position: relative;    font-size: 16px;  line-height: 1.25;  color: #666;}
	.dream_community_contents .sub_menu_wrap li a{display:block; height:62px; border-bottom:none; text-align:center; font-size: 18px; position:relative; display: flex; justify-content: center; align-items: center;}
	.dream_community_contents .sub_menu_wrap li a:after{content: "";  position: absolute;  top: 0;  right: 0; bottom: 0;   left: -1px; border-bottom: 2px solid #e5e5e5;}
	.dream_community_contents .sub_menu_wrap li:first-child:after{left:0}
 	.dream_community_contents .sub_menu_wrap li.active a{border:none; background:#fff; color:#000;}
 	.dream_community_contents .sub_menu_wrap li.active a:after{ border-color:#000}

}

.dream_community_contents .board_list_title {display:none; text-align:left; font-size:20px; font-weight:600; margin-bottom:20px}
 

.pop_btn_01{cursor:pointer;color:#fff;background:#45b7ab;padding:6px 25px;border: 0px solid #dddddd;margin-top:0px; vertical-align:middle;}

.board_category_tab{margin-bottom:35px; text-align:center;}
.board_category_tab ul{ display:inline-block}
.board_category_tab ul:after{content:'';display:block; clear:both;}
.board_category_tab li{float:left; margin-right:7px; margin-bottom:10px}
.board_category_tab li a{  }
.board_category_tab li.on a{ }


.gallery_notice_list{border-top:1px #e5e5e5 solid; margin-bottom:30px}
.gallery_notice_list li{padding:7px 0; border-bottom:1px #e5e5e5 solid;}
 
/*갤러리*/
.gallery_notice_list{margin-bottom:30px}
.board_gallery_wrap{
	display: grid;
    gap: 20px;
	grid-template-columns: repeat(4, 1fr);
	margin-top:30px
}

 
.board_gallery_wrap .dream_galleryboard_list .gallery_borad_photo{background:#f7f7f7;  border:1px #eee solid; margin-bottom:15px}
.board_gallery_wrap .dream_galleryboard_list .gallery_borad_photo a{display:block;  }
.board_gallery_wrap .dream_galleryboard_list .gallery_borad_photo .gallery_borad_img{
 	position: relative;
	width:100%;
 	height:250px;
 }
.board_gallery_wrap .dream_galleryboard_list .gallery_board_tit{ padding-bottom:15px }

.board_gallery_wrap .dream_galleryboard_list .gallery_borad_photo .gallery_borad_img img{
    position: absolute;
    top: 0;
    left: 0;
    transform: translate(50, 50);
    width: 100%;
    height: 100%;
    object-fit: cover;
    margin: auto;
}

@media (max-width: 1200px) {
 	.board_gallery_wrap{
 		grid-template-columns: repeat(3, 1fr);
	}
 	.board_gallery_wrap .dream_galleryboard_list .gallery_borad_photo .gallery_borad_img{height:350px}

}


@media (max-width: 992px) {

 	.board_gallery_wrap{ gap: 10px; grid-template-columns: repeat(2, 1fr);}
	.board_gallery_wrap .dream_galleryboard_list .gallery_borad_photo .gallery_borad_img{height:300px}

}

@media (max-width: 768px) {

 	.board_gallery_wrap .dream_galleryboard_list .gallery_borad_photo .gallery_borad_img{height:250px}

}
@media (max-width: 630px) {

 	.board_gallery_wrap .dream_galleryboard_list .gallery_borad_photo .gallery_borad_img{height:150px}

}


.passcodes_box { width:100% }
.passcodes_box .passcodes_input{border:1px #e5e5e5 solid; height:45px; width:calc(100% - 85px)  }
.passcodes_box .passcodes_input input{border:none; padding-left:10px; line-height:43px; width:100%}
.passcodes_box .passcodes_num{border:1px #e5e5e5 solid; border-left:none; padding-top:10px; height:45px; width:85px }
.passcodes_box .passcodes_num img{width:80px}

.board_top{padding-bottom: 0px}
.board_top h3{ }
.board_top p{display:none; color:#aaa; text-align:center;}


.board_page{display:none; margin-bottom:15px;  padding-top:15px; font-size:12px}
.board_page .dream_box_L span{display:inline-block; margin-right:30px; position:relative; font-size:12px}
.board_page .dream_box_L span:after{content:'';display:block; position:absolute; top:50%; right:-15px; width:1px; height:10px; margin-top:-5px; background:#aaa }
.board_page .dream_box_L span:last-child:after{display:none}
.board_page .dream_box_R {font-size:12px;}

.board_search_form{padding-top:50px}
.board_search_form .board_search_btn .btn{}

.board_search_form .custom-control-label {font-size:0.875rem;}
.board_search_form .board_search_input .btn{padding-left:10px; padding-right:10px}
.board_search_form .board_search_input .form-control{padding-top:10px; padding-bottom:10px}
.board_search_form .form-group{margin-bottom:0}
.board_w15{width:15px}
.board_search_input_notice{width:100%}

.dreamweb_table_community .table thead th{text-align:center; background:#F5F5F5; font-size:14px; font-weight:500; border-top:2px #000 solid; border-left:1px #e5e5e5 solid;}
.dreamweb_table_community .table thead th:first-child{border-left:0}
.dreamweb_table_community .table td .btn-sm{font-size:12px}
.dreamweb_table_community .table td{border-left:1px #e5e5e5 solid;}
.dreamweb_table_community .table td:first-child{border-left:0}

 
/* FAQ */ 
.faq { border-bottom:1px solid #e5e5e5}
.faq dt {border-top:1px solid #e5e5e5}
.faq dt:first-child {border-top:none}
.faq dt a {position:relative;display:block;padding:0px 50px 0px 60px;  height:50px; line-height:50px}
.faq dt a:hover { text-decoration:underline}
.faq dt a:hover .number,
.faq dt a:hover .type { }
.faq dt a:hover .number2 { }
.faq dt.active a { }
.faq dt a .ico_com {position:absolute;top:0px;left:22px; font-weight:600; font-size:16px;    font-family: 'Helvetica';}
.faq dt a:after {position:absolute;top:35px;right:20px}
.faq dt.active a:after {background-position:-170px 0}
.faq dd {display:none;padding:25px 50px 25px 50px; background:#f3f3f3; border-top:1px #e5e5e5 solid;}
.faq dd .ico_comb {position:relative;padding-left:52px;line-height:23px}
.faq dd .ico_comb:before {position:absolute;top:6px;left:0}
.faq dd .ico_comb .ico_com {position:absolute;top:5px;left:27px}
 
.faqList h5{font-size:16px}

.active .ico_coma.open:after {  background-position: -70px 0;}
.ico_coma.open:after {    width: 16px;  height: 10px;   background-position: -50px 0;}
 
 
.faq dd div.icon_a{position:relative;  padding-left:10px; line-height:160%}
.faq dd div.icon_a:before{ content: 'A';   display: block;     width: 16px;   height: 14px; position:absolute;top:0px;left:-25px;  font-weight:600; font-size:16px;  color:#ee2d7a;   font-family: 'Helvetica';}}

.faq dd div.icon_a:after{ content: '';   display: block;  background-image: url(/webftp/ico_board.png);  background-repeat: no-repeat;    width: 9px;   height: 10px;
background-position: -40px 0; position:absolute;top:5px;left:-35px}

.faq_notice{ border-top:1px #000 solid; background:#f3f3f3  }
.faq_notice span{display:inline-block; width:80px; text-align:center; line-height:80px}
.faq_notice span img{vertical-align:middle;}
.faq_notice a{ }
.faq_Search{margin-top:50px}

.faq_notice li, .gallery_notice{padding:10px 10px}
.faq_notice li img, .gallery_notice li img{margin-right:7px;}
.board_notice{height:50px; line-height:50px;  }
.board_notice span{display:inline-block; width:80px; text-align:center; line-height:80px}
.board_notice span img{vertical-align:middle;}
.board_notice a{ }
.faq-question-q-box{
    height: 30px;
    width: 30px;
    color: #fff;
    background-color: #000;
    -webkit-box-shadow: 0 0 45px 0 rgb(0 0 0 / 12%);
    box-shadow: 0 0 45px 0 rgb(0 0 0 / 12%);
    text-align: center;
    border-radius: 50%;
    margin-right:15px;
    font-weight: 700;
    line-height: 30px;
	display:block;
}
.faq-question-a-box,
.faq-subject{
	width:calc(100% - 45px);
	line-height:20px
}


/* 댓글 */ 
.board_tail_word_box{border:1px #e5e5e5 solid; background:#f5f6f8; padding:15px; margin-top:30px}

.tail_word_textarea{width: calc(100% - 110px);}
.tail_word_textarea textarea{ border:1px #e5e5e5 solid; padding:10px;box-sizing: border-box;  width:100%; height:80px}
.tail_word_btn{width:90px}
.tail_word_btn a{ height:100%; height:80px; text-align:center; padding:0
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: center;
	-ms-align-items: center;
	align-items: center;
	background:#fff;
	 
}

.board_tail_word_box .tail_word_box_member{margin-bottom:10px}
.board_tail_word_box .tail_word_box_member input{background:#fff; padding-left:10px; border:1px #e5e5e5 solid; height:45px; line-height:45px; margin-right:5px}


.tail_word_list_box{border-top:1px #e5e5e5 solid;}
.tail_word_list_box li {padding:0px 0px; border-bottom:1px #e5e5e5 solid; position:relative;}
.tail_word_list_box li:after{content:'';display:block; clear:both}
.tail_word_list_box li .delete_button{position:absolute; top:10px; right:20px}
.tail_word_list_box li .tail_info{  color:#666; background:#f5f6f8; height:50px; line-height:50px; padding-left:20px; border-bottom:1px #e5e5e5 dotted;}
.tail_word_list_box li .tail_info span{font-size:14px; display:inline-block; margin-right:30px; position:relative;}
.tail_word_list_box li .tail_info span:after{content:'';display:block; position:absolute; top:15px; right:-15px; width:1px; height:20px; background:#e5e5e5}
.tail_word_list_box li .tail_info span:last-child:after{display:none}
.tail_word_list_box li .tal_contents{font-size:14px; padding:20px;}


.tail_word_list_box li .delete_button a { border: 1px #ddd solid;  display: inline-block;   width: 25px;  height: 25px;   border-radius: 50%;   line-height: 25px;  margin: 0 0px; 	text-align:center; background:#fff;}
.tail_word_list_box li .delete_button a i{line-height:25px; font-size:12px;}

.memo_check_box .dream_button_box{margin:0}
.memo_check_box .dream_box{margin:15px 0 0 0}
.memo_check_box .dream_box .dream_button{margin-left:0}
.memo_check_box .dream_box .dream_box_R{width:100px}
.memo_check_box .dream_box .dream_box_L{width: calc(100% - 100px);}
.memo_check_box .dream_box .dream_box_L input{width:100%; border:1px #ddd solid; height:36px; line-height:34px; padding-left:10px}

.btn_del_tailword{position:relative; }
.btn_del_tailword:after{content:'\ead2'; display:block; font-family: "unicons";}

 /*목록*/

 .no_board_content{
 	text-align:center;
	border-bottom:1px #e5e5e5 solid;
	padding:30px 0
 }

 .board_search_wrap{
	padding: 20px;
	background-color: #f5f6f8;
	font-size: 13px;
	line-height: 1.38;
	color: #888;
	 
}
.formGrid{
	display: flex;
	width: calc(100% + 10px);
	margin: 0 -5px 0px;
}

.board_search_wrap .formGrid .formControl{
    flex: inherit;
}
/*
.board_search_wrap .formGrid .formControl:first-of-type{
    flex-shrink: 0;
    width: 140px;
    padding: 0;
}
*/
.board_search_wrap .formGrid .formControl {
    flex-shrink: 1;
    width: 100%;
    padding: 0 0 0 0px;
}
.board_search_wrap .inputBase{
	position: relative;
	display: flex;
	align-items: center;
	padding: 0 20px;
	border-radius: 8px;
	background:#fff;
	height:45px;
}
.board_search_wrap .selectBase{
	position: relative;
	display: flex;
	align-items: center;
	padding: 0 10px;
	border-radius: 8px;
	background:#fff;
	height:45px;
}


.board_search_wrap .inputBase input{border:none; height:45px; font-size:14px; vertical-align:middle;}
.board_search_wrap .search_btn i{font-size:20px}
.board_search_wrap .selectBase .form-control{border:none;}

.board_list{border-bottom:1px #ddd solid; height:40px; line-height:40px}
.board_list_now{color:#333}

.board_list_top{margin-bottom:10px; margin-top:30px}
.board_list_top .bl_category{ }
.board_list_top .bl_category .form-control{ border :none; min-width:100px }
.board_list_top .bl_search_form{}
.board_list_top .bl_search_form .bl_search_box .btn_basic_s{min-width:60px; height:32px; font-size:13px; margin-left:5px; line-height:30px}
.board_list_top .bl_search_form .bl_search_box .form-control{width:250px; border:none;}
 
.board_list_wrap{border-top:none}
.board_list_wrap > ul > li{ display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; justify-content: space-between; -ms-align-items: center; align-items: center; border-bottom:1px #f1f1f1 solid; padding:30px 0}
.board_list_wrap > ul > li .bl_no{display:none;}
.board_list_wrap > ul > li .bl_info{}
.board_list_wrap > ul > li .bl_info span{font-size: 14px; display: inline-block;  vertical-align: middle;     position: relative;   padding: 0 13px; color:#999}
.board_list_wrap > ul > li .bl_info span:after{content:'';   height: 8px; width: 1px;  display: block;   position: absolute;  top: 50%;   left: 0;background-color: #e4e6eb;   margin-top: -4px;}
.board_list_wrap > ul > li .bl_info span:first-child:after{display:none;}
.board_list_wrap > ul > li .bl_info span:first-child{padding-left:0}
.board_list_wrap > ul > li .bl_info span.bl_hit{ min-width:90px;    padding-left: 32px; text-align: left; }
.board_list_wrap > ul > li .bl_info span.bl_hit:before{content: "\F06D0"; position:absolute; top:2px;left:10px; font: normal normal normal 16px/1 "Material Design Icons";}
.board_list_wrap > ul > li .bl_title a{font-size:16px}
.board_list_wrap > ul > li .bl_title img{margin-left:3px}
.board_list_wrap > ul > li .bl_title .uil-clipboard-alt{font-size:16px}

.board_list_wrap > ul > li .bl_title .board_file_icon{margin-right:10px}
.board_list_wrap > ul > li .bl_title .board_photo{margin-right:10px; position: relative; width:80px; height:80px}
.board_list_wrap > ul > li .bl_title .board_photo .photo_img{width:100%; height:100%}
.board_list_wrap > ul > li .bl_title .board_photo .photo_img img{
    position: absolute;
    top: 0;
    left: 0;
    transform: translate(50, 50);
    width: 100%;
    height: 100%;
    object-fit: cover;
    margin: auto;
}



.board_list_wrap li.notice a{ font-weight:700 }
.board_list_wrap li.notice .notice_box i{margin:0 5px 0 10px}


.board_list_btn{text-align:right;}
.board_list_btn .btn{min-width:150px}

.board_category{padding-bottom:15px}
.board_list_box{margin-top:20px; border-top:2px #333 solid;}
.board_list_box li{box-sizing: border-box; padding:15px  0px; border-bottom:1px #e5e5e5 solid;}
.board_list_box li a{display:block;}
.board_list_box li a p{ font-size:16px;  color:#000; padding-bottom:5px; line-height:140%}
.board_list_box li a p i{margin-right:5px}
.board_list_box li span{ color:#999!important; font-size:14px;    margin-right: 30px; position: relative;  }
.board_list_box li span:after{content:'';display:block; position:absolute; top:50%; margin-top:-5px; right:-15px; width:1px; height:10px; background:#aaa }
.board_list_box li span:last-child:after{display:none}
.board_list_box li span:last-child{margin-right:0}

.board_list_box li  .shop_store_category{margin-bottom:7px; font-size:14px; color:#000}
.board_list_box li  .shop_store_category span{display:inline-block; background:#eb6100; padding:0 5px; border-radius:3px; color:#fff; margin-right:10px}
.board_list_box li .answer, .answer{display:inline-block; background:#ff3b73; color:#fff; padding:0 7px; border-radius:3px; margin-bottom:5px}

.board_list_box li .board_su{margin-bottom:7px}
.board_list_box li .board_su a{white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width:100%}

.mtom_list_box{border-top:1px #e5e5e5 solid; margin-top:0}

.board_input_btn_box{display: flex; justify-content: flex-end; margin-top:2.7777rem; }
.board_input_btn_box .btn{min-width:150px}

 
 


@media (min-width: 992px) {
 	.board_list_wrap .bl_title{padding-left:10px}
	.board_search_wrap{margin:30px 0 0 0}
 }
@media (max-width: 767.98px) {
	.dream_community_contents .board_list_title{font-size:16px; font-weight:500; margin-bottom:20px}
	.board_list_wrap > ul > li{display:block;}
	.board_list_wrap > ul > li .bl_info{margin-top:5px;}
	.board_list_wrap > ul > li .bl_info span{font-size: 12px;  }
	.board_list_wrap > ul > li .bl_title {display:block;}

	.board_gallerylist_wrap > ul > li .bl_title {display:flex;}

	.board_list_wrap > ul > li .bl_title a{font-size:14px}

	.board_list_top .bl_category .form-control{  min-width:auto }
	.board_list_top .bl_search_form .bl_search_box .form-control{width:200px; }

	.board_list_box li a p{ font-size:15px; font-weight:400}
	.board_list_box li span{  font-size:13px;}

	.board_list_wrap li.notice .notice_box i{margin:0 5px 0  0px}

 	.board_search_wrap .selectBase{padding:0 0}

	.faq-question-a-box{font-size:14px}

}

@media (max-width: 576px) {
 
 	 .board_input_btn_box .btn{width:100%}
	  
}


 
/*보기  */
 
.board_view_top{margin-bottom:10px; font-size:14px; border-top:none; border-bottom:1px #f1f1f1 solid;}
.board_view_top .bvt_info{padding-bottom:30px}
.board_view_top .bvt_info span{display:inline-block; margin-right:30px; position:relative; color:#999}
.board_view_top .bvt_info span:after{content:'';display:block; position:absolute; top:50%; margin-top:-5px; right:-15px; width:1px; height:10px; background:#aaa }
.board_view_top .bvt_info span:last-child:after{display:none}
.board_view_top .bvt_info span:last-child{margin-right:0}

.board_view_top .ViewTitle { text-align:left; padding: 30px 0 15px;  }
.board_view_top .ViewTitle h3{ font-weight:normal; font-size:26px!important; margin-bottom: 0px!important; text-align:left;}
.board_view_top .ViewTitle > span {  display: inline-block;    width: calc(50% - 3px);   color: #666;}
.board_view_top .ViewTitle > span.hits {  text-align: right;}
.board_view_top .ViewTitle .shop_store_category{margin-bottom:7px; font-size:14px; color:#000}
.board_view_top .ViewTitle .shop_store_category span{display:inline-block; background:#eb6100; padding:0 5px; border-radius:3px; color:#fff; margin-right:10px}
.board_view{margin:0 0px}
.board_view .view_centents{min-height:180px; padding:30px 0;line-height:150%; border-bottom: 1px solid #f1f1f1; font-size:16px}
.board_view .view_centents img{max-width:100%;}

.board_view .view_centents span, .board_view .view_centents p{line-height:150% }
.board_view .view_centents  .view_fn{padding-bottom:10px}

.board_view .view_centents .board_file{text-align:center;}
.board_view .view_centents .board_file img{margin:0 auto; max-width:100%}


 
.dreamweb_community_view th{padding:18px 20px; text-align:left!important}
.dreamweb_community_view td.board_contents  {border-bottom:1px #e5e5e5 solid; padding-bottom:50px; padding-top:50px;}
.dreamweb_community_view td.board_sview_contents  {border-bottom:1px #e5e5e5 solid;}

.dreamweb_community_view td.board_news_contents  {border-bottom:1px #e5e5e5 solid; padding:20px}
.dreamweb_community_view td.board_news_contents li{height:40px; line-height:40px}
.dreamweb_community_view .happy_step{display:inline-block;  background:#000; color:#fff; padding:3px 10px; margin-right:10px}
.happy_complete{background:#737373!important;}


.dreamweb_community_view td.board_contents .board_file{text-align:center;}
.dreamweb_community_view td.board_contents .board_file img{margin:0 auto; max-width:1000px}

.dreamweb_community_view .table thead th{  }

.board_next_prev_box .board_next_prev_list{height:50px; line-height:50px; border-bottom:1px #e5e5e5 solid; font-size:14px}
.board_next_prev_box .board_next_prev_list:first-child{ }
.board_next_prev_box .board_next_prev_list span{ display:inline-block; width:18%; background:#fff; text-align:left; padding-left:45px;    height:48px; margin-right:0px; color:#666}
.board_next_prev_box .board_next_prev_list a{ }
.board_next_prev_box .board_next_prev_list br{display:none}

.board_next_prev_box .board_file_list span{position:relative; padding-left:45px; display:inline-block}
.board_next_prev_box .board_file_list span:after{ content: "\e6a7"; font-family: 'themify';  position: absolute;  top: 0;  left: 15px;}

.board_next_prev_box .board_prev_list span, .board_next_prev_box .board_next_list span{position:relative;}
.board_next_prev_box .board_prev_list span:after{ content: "\e648"; font-family: 'themify';  position: absolute;  top: 0px;  left: 15px;     }
.board_next_prev_box .board_next_list span:after{ content: "\e64b"; font-family: 'themify';  position: absolute;  top: 0px;  left: 15px;   }

.board_pw_box{width:500px; margin:30px auto;}
.board_pw_box .form-group{margin-bottom:0}
.board_pw_box .form-group .form-control{border:none; background-color:transparent!important}



/*글작성*/

.board_input_box{border-top:none!important;}



/*수정  */
.bm_file{ display: -webkit-box; display: -webkit-flex; display: -moz-box; 	display: -ms-flexbox; display: flex; justify-content: flex-start; -ms-align-items: center; 	align-items: center;}


/*이용후기 문의*/
.goods_qna_review_box .goods_img{margin-right:20px}
.goods_qna_review_box .goods_info{width:calc(100% - 120px)}
.goods_qna_review_box .goods_qna_review{padding-bottom:15px; padding-top:15px; border-bottom:1px #e5e5e5 solid;}
.goods_qna_review_box .goods_qna_review .goods_name{font-size:12px; color:#999}
.goods_qna_review_box .goods_qna_review .goods_su{font-size:16px; margin-top:5px}
.goods_qna_review_box .goods_qna_review .goods_etc span{font-size:12px; color:#999; margin-left:30px; position:relative;}
.goods_qna_review_box .goods_qna_review .goods_etc span:after{}
.goods_qna_review_box .goods_qna_review .goods_etc span:after{content:'';display:block; position:absolute; top:2px; left:-15px; width:1px; height:14px;
background:#e5e5e5}
.goods_qna_review_box .goods_qna_review .goods_etc span:first-child:after{display:none}
.goodsqna-modal-body{padding-bottom:30px}
.goods_qna_review_box .goodsqna_tit {border-bottom:1px #e5e5e5 solid; padding-bottom:15px; padding-top:15px}
.goods_qna_review_box .goodsqna_content{padding-bottom:15px; padding-top:15px; border-bottom:1px #e5e5e5 solid; background:#f5f6f8; padding-left:15px; padding-right:15px }
.goods_qna_review_box .faq-question-q-box{

	display:inline-block;
	height: 25px;
	width: 25px;
	margin-right:10px;
	line-height: 25px;
 
}

.goods_qna_review_box .faq-question-a-box{
	display:inline-block;
	height: 25px;
	width: 25px;
	margin-right:10px;
	line-height: 25px;
    color: #fff;
    background-color: rgba(0,0,0,.5);
    -webkit-box-shadow: 0 0 45px 0 rgb(0 0 0 / 12%);
    box-shadow: 0 0 45px 0 rgb(0 0 0 / 12%);
    text-align: center;
    border-radius: 50%;
    font-weight: 700;
 }

 

.goods_qna_review_search{ border-bottom:1px #000 solid;}
.goods_qna_review_search .form-group{margin-bottom:10px}
.goods_qna_review_search .form-control{ width: 230px;   border: none;}


@media (max-width: 992.98px) {
	.dream_community_contents .breadcrumb h3{text-align:center;}

	.board_list_box{margin-top: 0px; border-top:none}

	.address_list_box{border-top:2px #333 solid;}
	.myAddrTop{margin-bottom:0; padding-bottom:10px; padding-top:0}
	.address_list_box .address_list_tel{display:block;}
	.address_list_box .address_list_addr {margin-right:0;}
	.address_list_box .address_list_addr:after{display:none}

	 

	/*모바일용 게시판스타일*/
    .board_gallery_wrap{padding:0 15px}
	.board_list_btn{margin-top:30px}
	.board_inner .board_list_box li{padding:30px 20px}
	.board_inner .board_input_btn_box,
	.board_inner .page_btn{padding-left:15px; padding-right:15px}

	.board_inner .board_input_box{border-top:none!important; padding-left:15px; padding-right:15px}
	.board_inner dl.table-row dd{border-bottom:none; padding-bottom: 20px}

	.board_inner .board_view_top{border-top:none;}
	.board_inner .board_view_top .ViewTitle,
	.board_inner .bvt_info,
	.board_inner .board_list_btn,
	.board_inner .board_view .view_centents {padding-left:15px; padding-right:15px}
	.board_inner .board_view_top .ViewTitle h3{font-size:18px!important}

	.board_inner .board_tail_word_box{
		border-left:none;
		border-right:none;
		margin-top:0;
		border-top:none;
	}
	.board_inner .board_list_wrap{border-top:none}
	.board_inner .board_list_wrap > ul > li {padding:30px 20px}

	.board_inner .board_list_btn a{width:100%!important}
	.board_inner .event_view ,
	.board_inner .event_view_title{padding-left:15px; padding-right:15px}
	.board_inner .event_view_title{padding-bottom:15px}
	.board_inner .event_view_title h3{margin-bottom:10px!important; font-size:18px}

}

@media (max-width: 767.98px) {
	 
 	.board_gallery_wrap .dream_galleryboard_list .gallery_borad_photo a{ height:150px;}
	.board_gallery_wrap .dream_galleryboard_list .gallery_board_tit  { }
	.board_pw_box{width:100%}
	.bm_file{ 	display: block;  }
	.bm_file .flex-l-m{margin-top:10px}

	.board_view_top{  font-size:12px}
	.board_pw_box{margin-top:0}
	.board_next_prev_box .board_next_prev_list{  font-size:12px}





 }


/***********
고객센터
***********/

.cs_commu_wrap .cs_commu_inner{background:#f5f6f8; padding:20px}
.cs_commu_inner .cs_commu_box{
	display: flex;
	flex-wrap: wrap;
	position: relative;
	padding: 18px 20px 20px;
	border-radius: 12px;
	background-color: #fff;
}
.cs_commu_box+.cs_commu_box{margin-top:20px}

 
 

.cs_commu_box dl{ width:100%}

.cs_commu_box dt{
	padding-bottom:10px;
}

.cs_commu_box dt .com_board_tit .cbt_txt{
	font-size:18px; font-weight:700
}

.cs_commu_box dt .com_board_tit{
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: space-between;
	-ms-align-items: flex-end;
	align-items: flex-end;
	 
}
.cs_commu_box dt .com_board_tit .cbt_more a{
	color:#666;
	position:relative;
	padding-right:15px;
	display:inline-block;
	font-size:13px;
}

.cs_commu_box dt .com_board_tit .cbt_more a:after{
    content: "\ea6e";
    font-family: "remixicon" !important;
 	position:absolute;
	top:50%;
	right:0;
	transform: translateY(-50%);
}
.cs_commu_box dd{
	padding-top:0px;
}

.cs_commu_box dd li{
	padding :5px 0;
	font-size:13px;
 }
.cs_commu_box dd li a{color:#888}
.cs_commu_box dd li .com_board_list_date{
	color:#888;
	font-size:12px;
}

.cs_commu_box .com_board_list_box .com_board_list_tit br{display:none}

.cs_commu_box .headArea { 	flex-basis: 100%; margin-bottom: 15px;}
.cs_commu_box .headArea h3 { display: block;  font-size: 18px!important;   font-weight: 700;  color: #000; margin-bottom:0}
.cs_commu_box .desc {  display: flex ;   flex-wrap: wrap;  margin-top: 10px;  font-weight: 700;  font-size: 16px;    line-height: 18px;}

.cs_commu_box .subdesc {  flex: 1 1 0; color: #888;  font-size: 14px;  }
.cs_commu_box .subdesc p{color:#888}

.cs_commu_box .btnCs{
	display: flex;
	justify-content: center;
	align-items: center;
	max-width: 100%;
	font-size: 14px;
	font-weight: 400;
	vertical-align: middle;
	text-shadow: none;
	height: 41px;
	margin-left: auto;
	padding: 0 17px;
	border-radius: 12px;
	background-color: #f5f6ff;
	color: #000;
}
.cs_commu_box .btnCs i{    display: inline-flex;     flex: 0 0 auto;     margin-left: -8px;  margin-right: 7px;}


.cs_center_box  {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: space-between;
	-ms-align-items: center;
	align-items: center;
	text-align:left;
}

.cs_center_box .cs_center_tit{
	width:calc(100% - 60px)
}

.cs_center_box .cs_center_icon{
	width:60px;
	text-align:center;
}
 .cs_center_top {
	padding:0 30px
 }
 .cs_center_top .cs_center_info{
	 
	position:relative;
 }
  .cs_center_top .cs_center_info:after{
	content:'';
	display:block;
	width:1px;
	height:100%;
	background:#ddd;
	position:absolute;
	top:0;
	right:60px
  }
 .cs_center_top .cs_center_txt{
	 padding-top:15px
 }
 .cs_center_top .cs_center_info dl,  .cs_center_top .cs_center_info dd{
	margin-bottom:0
 }
.cs_center_top .cs_center_info  dt {
    color: #555;
    font-size: 16px;
    font-weight: 400;
	margin-bottom:7px;
}
.cs_center_top .cs_center_info dd strong{
    font-size: 30px;
    color: #555;
}


.community_board_wrap{}

.community_board_wrap dl{
	margin-bottom:50px
}

.community_board_wrap dt{
	padding-bottom:10px;
	border-bottom:2px #000 solid;
}

.community_board_wrap dt .com_board_tit .cbt_txt{
	font-size:20px;
}

.community_board_wrap dt .com_board_tit{
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: space-between;
	-ms-align-items: flex-end;
	align-items: flex-end;
}
.community_board_wrap dt .com_board_tit .cbt_more a{
	color:#999;
	position:relative;
	padding-right:12px;
	display:inline-block;
}

.community_board_wrap dt .com_board_tit .cbt_more a:after{
	content:'>';
	font-family:'돋움';
	font-size:11px;
	position:absolute;
	top:2px;
	right:0
}
.community_board_wrap dd{
	padding-top:0px;
	min-height:255px
}

.community_board_wrap dd li{
	padding:15px 0;
	border-bottom:1px #e5e5e5 solid;
	 
}
.community_board_wrap dd li .com_board_list_date{
	color:#666;
	font-size:12px;
}

.community_board_wrap .com_board_list_box .com_board_list_tit br{display:none}

.com_cs_wrap{background:#f8f8f8; padding:30px; margin-bottom:80px}
.com_cs_wrap .cs_txt_box p{
	color:#999;
	margin-bottom:15px
}
.com_cs_wrap .cs_menu_box .cs_icon{
	width:50px;
	height:50px;
	background:#fff;
	border-radius:50%;
	line-height:50px;
	text-align:center;
	margin-right:15px
}

.com_cs_wrap .cs_menu_box .cs_icon i{
	font-size:26px;
	line-height:50px;
}
.com_cs_wrap .cs_menu_box .cs_txt{
	width:calc(100% - 65px)
}

.com_cs_wrap .cs_menu_box .cs_txt {
	color:#999
}
.cs_txt_box .call_center{
	 font-size:18px;
	 font-weight:600;
	 margin-bottom:0px;
	 color:#000;
	  
}
 
.com_cs_wrap .cs_menu_box .cs_txt h5 span{
	position:relative;
	padding-right:20px;
	font-size:16px;
	color:#000
}
.com_cs_wrap .cs_menu_box .cs_txt h5 span:after{
	content: "\e93e"; display:block; position:absolute; top:3px; right:0;  font-size:12px;   font-family: xeicon!important; 
}
 

@media (max-width: 991.98px) {
	.cs_commu_wrap{margin-top:-30px!important}
}

/***********
이용안내
***********/
.guide_menu_box {margin-top:50px}
.guide_menu_box .card{margin-bottom:30px}
.guide_menu_box .card-body {text-align:center}
.guide_menu_box .card-body i{margin-bottom:10px; display:block; font-size:2rem}
 
.guide_menu_box .card-body p{font-size:16px; margin-bottom:0; color:#222  }
.guide_menu_box .card-body  a{display:Block}
.guide_menu_box .col-info{
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
}


@media (max-width: 1200px) {
	.com_cs_wrap .cs_menu_box .cs_txt h5 span{
 		font-size:14px;
 	}
	.com_cs_wrap .cs_menu_box .cs_icon{
		display:none;
	}
	.com_cs_wrap .cs_menu_box .cs_txt {
		width: calc(100% - 0px);
	}
}


@media (max-width: 991.98px) {
 .guide_menu_box .col-info{
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
 }

  .cs_center_top {
	padding:0 15px
 }
  .cs_center_top .cs_center_info{
	padding:0  15px 30px 15px
  }
  .cs_center_top .cs_center_info:after{
	content:'';
	display:block;
	width:100%;
	height:1px;
	background:#ddd;
	position:absolute;
	top:auto;
	bottom:15px;
	right:0
  }
 .cs_center_top .cs_center_txt{
	 padding-top: 0px
 }

	.community_board_wrap dd{
		min-height:auto
	}

	.com_cs_wrap .cs_txt_box{
		margin-bottom:15px
	}
	
}


 @media (max-width: 767.98px) {
 	.cs_commu_box .subdesc {   font-size: 12px; }

	.com_cs_wrap {
 		padding: 15px 15px 0 15px;
		margin-bottom: 40px;
	}
	.com_cs_wrap .cs_menu_box .cs_icon{
		display:block;
	}
	.com_cs_wrap .cs_menu_box .cs_txt {
		width: calc(100% - 65px);
	}
	.com_cs_wrap .cs_menu_box{
		margin-bottom:15px
	}
	.community_board_wrap dt .com_board_tit .cbt_txt {
		font-size: 16px;
	}
}

/***********
회원가입
***********/
 

.join_provision_wrap{margin-bottom:50px; background:#f5f6f8;padding:20px }
.join_provision_wrap .join_provision_box{ padding:15px; overflow:auto; width:100%; line-height:1.6; margin-bottom:15px; height:150px;  position: relative;    border-radius: 12px;  background-color: #fff; }
.join_provision_wrap .custom-control-label {font-size:14px}

.board_inner .join_provision_wrap {margin-bottom: 10px; margin-top:-30px}


.joinbox .idbox{position: relative;}
.joinbox .idbox p#idcheck{ }
.joinbox .form-control-join{ }
.joinbox .form-control-phone{width:80px}
.joinbox .form-control-join-auto{width:auto}

.joinbox .emailbox{position: relative;}
.joinbox .emailbox .emailin{width:98%;}
.joinbox .emailbox .email2in{position: absolute;top:0px;right:0px;}
.joinbox .emailbox #email2_v{display:none;width:150px;position: absolute;top:15px;right:-150px; border: 1px solid #e5e5e5; background:#fff; z-index:990; padding:10px 0}
.joinbox .emailbox #email2_v p{cursor: pointer;padding:4px 0; color: #495057; font-size:12px;}
.joinbox .emailbox .email2_btn {cursor: pointer;position: absolute;top: -18px; right:-150px; width:150px}
.joinbox .emailbox .email2_btn:after{content: "\e64b"; font-family: 'themify'; position: absolute;right:13px; top:9px;}

.joinbox .emailbox .eamil_m_form{width:calc(50% - 10px)}

.joinbox .emailbox .email_form_box{margin-right:10px}
.joinbox .emailbox .eamil_mark{width:20px; text-align:center;}
 

.join_tit_box > div {font-size:12px; color:#999}


.joinbox .form-row .form-group{margin-bottom:0;  }

div.joinbox{margin:0 auto;width:100%;background:#fff;padding:0 0 0px 0}
div.joinbox h3 {text-align:center;font-weight:600;font-size:24px;padding:20px 0;}
div.joinbox p input.w400{width:400px;padding:10px;}
div.joinbox p input.w290{width:290px;padding:10px;}
div.joinbox p input.w190{width:190px;padding:10px;}
div.joinbox p input.w100{width:100px;padding:10px;}
div.joinbox p input.w100p{width:100%;padding:10px;}
div.joinbox p select{height:30px;} 
 
div.joinbox span.zip_btn{cursor:pointer;color:#fff;background:#45b7ab;padding:8px 12px;}
div.joinbox span.add_chang_btn{cursor:pointer;color:#fff;background:#45b7ab;padding:8px 12px;}

#Countryon ul li, #cha_zip ul li, #Countryon_2 ul li {list-style:none;float:left;}
#Countryon ul:after ,#cha_zip ul:after ,#Countryon_2 ul:after{content:'';display:block; clear:both; }
.c_address_box{margin-top:10px}
.c_address_box li{padding-right:10px}

div.joinbox p.ft11{font-size:11px;}

div.joinbox div.agreebox{position: relative;}
div.joinbox div.agreebox div#agree_pop1{display:none;position: absolute;left:-350px;top:-300px;width:300px;border:1px solid #b7b7b7;height:400px;overflow-y:auto;padding:10px;background:#fff;}
div.joinbox div.agreebox div#agree_pop2{display:none;position: absolute;left:-350px;top:-300px;width:300px;border:1px solid #b7b7b7;height:400px;overflow-y:auto;padding:10px;background:#fff;}
div.joinbox div.agreebox p.agree_tx_btn{cursor: pointer;position: absolute;top: 0;right: 0px;color:#fff;background:#696969;padding:10px 12px;}
div.joinbox span.autologin{cursor:pointer;}
div.joinbox p.join_submitbtn{cursor:pointer;text-align:center;font-weight:400;font-size:14px;padding:10px 0;color:#fff;background:#3b3b3b;}
div.joinbox p.join_submitbtn01{cursor:pointer;text-align:center;font-weight:400;font-size:14px;padding:10px 0;color:#fff;  background:#45b7ab;  width:98.5%;}

div.joinbox p.bz_up_btn{width:140px;text-align:center;cursor:pointer;text-align:center;font-weight:400;font-size:14px;padding:10px 0;border-radius:4px;color:#333;background:#fff;border:1px solid #ddd}
div.joinbox p.bz_up_btn:hover{color:#333;background:#45b7ab;}
div.join_fl{text-align:center;}
div.join_fl h3{font-size:24px;font-weight:100;}
div.join_fl div.fl_box{border:5px solid #b7b7b7;width:80%;padding:20px 0;margin:50px auto;}
div.join_fl div.fl_btn{margin:0 0 50px;}
div.join_fl div.fl_btn span.login_btn{cursor:pointer;border:1px solid #696969;padding:10px;background:#696969;color:#fff;}
div.join_fl div.fl_btn span.main_btn{cursor:pointer;border:1px solid #696969;margin-left:10px;padding:10px;} 

.joinbox .agree_content{padding:16px;width:100%; height:152px;overflow:auto;box-sizing: border-box; background-color: #f5f6f8;  border: 1px solid #e5e5e5;
margin-bottom:30px; margin-top:20px  }
.recomidCheck_txt{text-align:center; padding-bottom:30px}

.join_agree_box > div, .join_agree_box > p{margin-bottom:10px}
.join_agree_box .join_all_agree{padding:20px 0 0 0; border-top:1px #ddd solid; margin-top:20px}

.join_agree_box .agreebox a{position:absolute; top:0; right:0; font-size:14px; text-decoration:underline!important; color:#999; }

.sns_join_form_box p{text-align:center; font-size:16px; margin-bottom:30px}
.sns_join_form_box li{width:100%; margin-bottom:15px; border:1px #ddd solid; border-radius:5px; height:80px}
.sns_join_form_box li a{
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: flex-start;
	-ms-align-items: center;
	align-items: center;
	height:80px;
	padding:0 25px;
	position:relative;
 }
.sns_join_form_box li a div{font-size:16px}
.sns_join_form_box li a div i{font-size:2rem; margin-right:1.5rem;}
.sns_join_form_box li a div .xi-kakaotalk{color:#2d1616}
.sns_join_form_box li a div .xi-naver{color:#03cf5d}

.sns_join_form_box li a:after{content: "\e649"; font-family: 'themify'; position:absolute; top:50%; right:25px;
	-webkit-transform: translateY(-50%);
  	-moz-transform: translateY(-50%);
  	-ms-transform: translateY(-50%);
  	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}


 @media (max-width: 992.98px) {
 
	.joinbox { padding:0 15px!important; }
	.joinbox .join_tit_box {padding-top:0!important;}
 
}


 @media (max-width: 768px) {
 
	.joinbox .emailbox{ padding-bottom:50px; display:block; }
	.joinbox .emailbox .email2_btn {cursor: pointer;position: absolute;top:  10px; right:0; left:0px; width:calc(100% - 0px)}
	.email_search{display:block; width:100%; }
	.joinbox .emailbox #email2_v { 	width:calc(100% -  0px); 	top: 43px; right: 0px; 	left:0px; 	padding: 10px 0; }
	.eamil_m_form{width:calc(50% - 11.5px)}
	.joinbox .emailbox .email_form_box{margin-right: 0px}
	.dream_contents .sub_tit_box.join_tit_box{display:flex!important;}
	.dream_contents .sub_tit_box.join_tit_box div{margin-top:0}
 

}

.zip_code_box,
.email_box{
	width:100%;
}
@media (min-width: 992px) {
	.board_inner .join_provision_wrap {margin-top:  0px}
	.zip_code_box,
	.email_box{   }
}
 
 


/***********
회원가입완료
***********/
div.log_tit{width:100%;margin:0 auto;text-align:center;padding:0.5em 0;border-bottom:1px solid #efefef;}
div.log_box{padding:30px 0;text-align:center;width:600px;margin:0 auto;}
div.log_box p{height:2.0em;}
.log_active{font-size:14px;line-height:44px;width:100%;text-align:center;padding:0;border:1px solid #45b7ab;background:#45b7ab;font-weight:bold;color:#FFFFFF;cursor:pointer;text-decoration:none; }
.member_introduce_box{text-align:center; padding:50px 15px; margin-top:-30px; border-top:none!important}
.member_introduce_box .btn{  min-width:150px; }
.member_introduce_box .member_introduce_icon{margin-bottom:10px}
.member_introduce_box .member_introduce_icon i{font-size:4rem}

@media (min-width: 992px) {
	.member_introduce_box{margin-top:0}
	.member_introduce_box .btn{ max-width:150px; margin-top: 0px}
}


/***********
로그인
***********/

.login_form_wrap{width:520px; margin:0 auto;}
.login_form_wrap h3{text-align:center;}
.login_form_box{ margin-top:30px }
.login_form_box .form-control{padding-top:12px; padding-bottom:12px; background:#fff; border:none; border-bottom:1px #e5e5e5 solid; border-radius:0; padding-left:0; font-size:1rem}

.login_form_box input::-webkit-input-placeholder {  color:#aaa; }
.login_form_box input:-ms-input-placeholder {  color:#aaa;   }
.login_form_box input::placeholder {    color:#aaa; }

.login_form_box .form-group{margin-bottom:1.5rem}

.login-btn-group{text-align:center;  margin-top:30px  }
.login-btn-group a{margin-left: 0px; font-size:14px;position:relative;}
.login-btn-group a:last-child{ }
.login-btn-group a:last-child:after{content:'';display:none; position:absolute; top:2px; left:-12px;width:1px; height:12px; background:#ddd;}
.login-btn-group .btn_join:after{ content: "\F0142";display:block; position:absolute; top:1px;right:-20px; font: normal normal normal 20px/1 "Material Design Icons";}

.login_form_wrap .nav{border-bottom:1px #e5e5e5 solid!important;}
.login_form_wrap .nav-tabs .nav-link.active, 
.login_form_wrap .nav-tabs .nav-item.show .nav-link{color:#000; font-weight:600}

.login_form_wrap  .login_form_box .btn{ }


.sns_login_box{text-align:center; padding:30px 0 0 0; border-top:1px #e5e5e5 solid; margin-top:30px}
.sns_login_box .flex-c-m div{margin:0 15px; text-align:center;}
.sns_login_box a{ }
.sns_login_box .icon_sns {background-size:170px 52px; width:52px; height:52px;  background-image: url(/webftp/sns_icon.png); background-position: 0 0; 
display:block; margin:0 auto; margin-bottom: 0px} 
.sns_login_box .sns_naver{background-position: -118px 0; }
.sns_login_box .sns_kakao{background-position: -59px 0; }

.sns_login_box .sns_loginTop{position:relative; margin-bottom:20px}
.sns_login_box .sns_loginTop span{font-size:14px; color:#999; background:#fff; display:inline-block; padding:0 10px; z-index:15}
.sns_login_box .sns_loginTop:after{content:'';display:block; width:100%; height:1px; background:#ddd; position:absolute; top:50%; left:0; z-index:-1}

.sns_login_box .sns_login_btn a{margin-left:15px;  }

.order_check_title{margin-top:2.7777rem }

@media (max-width: 991.98px) {

	.login_form_wrap h3{display:none;}

}


@media (max-width: 576px) {
	.login_form_wrap{width:100%;  margin-top:-30px  } 
	.selectbuy_form_box{margin-top:0!important;}

	.login_form_wrap .login_form_box  {padding:0 30px}
	.login_form_wrap .login-btn-group { }

}

.modal-backdrop-login
{
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1040;
	width: 100vw;
	height: 100vh;
	background-color: #474d56;
	-webkit-transition: opacity .15s linear;
	transition: opacity .15s linear;
	opacity: .7;
}

.pwfind_send_mail{padding:15px 0 30px 0}
.pwfind_send_mail li{padding:3px 0;text-align:center;}

div#full_back{display:none;width:100%;height:100%;position: fixed;top:0;left:0;z-index:1000;}
div#full_back div.full_backbg{width:100%;height:100%;background:#000;filter:alpha(opacity=75);opacity: 0.75;}
div#full_back div.loginbox{position: absolute;top:150px;left:50%;margin-left:-150px;width:300px;height:340px;background:#fff;}
div#full_back div.loginbox p.loginclose{cursor:pointer;width:25px;position:absolute;top:10px;right:10px;}

div#full_back div.loginbox  h3 {text-align:center;font-weight:600;font-size:24px;padding:30px 0;}
div#full_back div.loginbox div.logins{padding:0 20px;}
div#full_back div.loginbox div.logins p input{width:100%;padding:10px;font-size:14px;font-weight:600;border:1px solid #b7b7b7;margin-bottom:10px;}
div#full_back div.loginbox div.logins p.login_submitbtn{cursor:pointer;text-align:center;font-weight:600;font-size:14px;padding:10px 0;border-radius:4px;color:#fff;background:#00D255;border:1px solid #00D255}
div#full_back div.loginbox div.logins p.login_submitbtn:hover{color:#00D255;background:#fff;}
div#full_back div.loginbox div.logins div.login_btns{position: relative;font-size:12px;margin-top:10px;} 
div#full_back div.loginbox div.logins div.login_btns p.login_btns1{cursor:pointer;width:100px}
div#full_back div.loginbox div.logins div.login_btns p.login_btns2{cursor:pointer;width:120px;text-align:right;position: absolute;top:0px;right:0;}	
div#full_back div.loginbox div.logins span.autologin{cursor:pointer;}
div#full_back div.loginbox div.logins p.ft12{font-size:12px;}
span#autologin{display:none;}
span#autologin_on{}
div.loginbox2{;margin:50px auto;padding:20px;width:400px;background:#fff;border-radius:20px;}
div.loginbox2  h3 {text-align:center;font-weight:600;font-size:24;padding:30px 0;}
div.loginbox2 div.logins{padding:0 20px;}
div.loginbox2 div.logins p input{width:100%;padding:10px;font-size:14px;font-weight:600;border:1px solid #b7b7b7;margin-bottom:10px;}
div.loginbox2 div.logins p.login_submitbtn{cursor:pointer;text-align:center;font-weight:600;font-size:14px;padding:10px 0;border-radius:4px;color:#fff;background:#F06310;border:1px solid #F06310}
div.loginbox2 div.logins p.login_submitbtn:hover{color:#F06310;background:#fff;}
div.loginbox2 div.logins p.login_submitbtn2{cursor:pointer;text-align:center;font-weight:600;font-size:14px;padding:10px 0;border-radius:4px;color:#fff;background:#ff1123;border:1px solid #ff1123}
div.loginbox2 div.logins p.login_submitbtn2:hover{color:#ff1123;background:#fff;}
div.loginbox2 div.logins p.login_submitbtn3{cursor:pointer;text-align:center;font-weight:600;font-size:14px;padding:10px 0;border-radius:4px;color:#fff;background:#0f36fe;border:1px solid #0f36fe}
div.loginbox2 div.logins p.login_submitbtn3:hover{color:#0f36fe;background:#fff;}
div.loginbox2 div.logins p.nv_login_btn{cursor:pointer;text-align:center;font-weight:600;font-size:14px;padding:10px 0;border-radius:4px;color:#fff;background:#00D255;border:1px solid #00D255}
div.loginbox2 div.logins p.nv_login_btn:hover{color:#00D255;background:#fff;}
div.loginbox2 div.logins p.fb_login_btn{cursor:pointer;text-align:center;font-weight:600;font-size:14px;padding:10px 0;border-radius:4px;color:#fff;background:#3C5898;border:1px solid #3C5898}
div.loginbox2 div.logins p.fb_login_btn:hover{color:#3C5898;background:#fff;}
div.loginbox2 div.logins p.tw_login_btn{cursor:pointer;text-align:center;font-weight:600;font-size:14px;padding:10px 0;border-radius:4px;color:#fff;background:#2EC6F5;border:1px solid #2EC6F5}
div.loginbox2 div.logins p.tw_login_btn:hover{color:#2EC6F5;background:#fff;}
 p.nv_login_btn{width:400px;margin:0 auto;cursor:pointer;text-align:center;font-weight:600;font-size:14px;padding:10px 0;border-radius:4px;color:#fff;background:#00D255;border:1px solid #00D255}
 p.nv_login_btn:hover{color:#00D255;background:#fff;}



div.loginbox2 div.logins div.login_btns{position: relative;font-size:12px;margin-top:10px;} 
div.loginbox2 div.logins div.login_btns p.login_btns1{cursor:pointer;width:100px}
div.loginbox2 div.logins div.login_btns p.login_btns2{cursor:pointer;width:120px;text-align:right;position: absolute;top:0px;right:0;}	
div.loginbox2 div.logins span.autologin{cursor:pointer;}
div.loginbox2 div.logins p.ft12{font-size:12px;}
 

div#pass_box{display:none;width:100%;height:100%;position: fixed;top:0;left:0;z-index:100;}
div#pass_box div.pass_box_bg{width:100%;height:100%;background:#000;filter:alpha(opacity=75);opacity: 0.75;}
div#pass_box div#pwdcheck_view{width:600px;background:#fff;padding:10px;position:absolute;top:100px;left:45%;margin-left:-222px;text-align:center;}
div#pass_box div#pwdcheck_view p.pwdcheck_close{width:51px;position:absolute;top:-51px;right:200px;}

 

/***********
이벤트
***********/
 
.event_list_box .col-xl-4{margin-bottom:40px}

.event_list .event_img_inner{overflow:hidden;}
.event_list .event_img_inner .event_img img{width:100%;  transition: all 0.3s ease-in;}
.event_list:hover .event_img_inner .event_img img{ transition:all 0.3s ease-in; transform:scale(1.0); }
.event_list .event_img_inner .event_overlay{position:absolute; top:0px; left:0}
.event_list .event_img_inner .badge{border-radius:0; font-size:14px; font-weight:400; padding:8px 15px}
.event_list .event_txt_box{margin-top:15px}
.event_list .event_txt_box .event_day{ color:#999; font-size:14px}
.event_list .event_txt_box > div{font-size:16px; font-weight:600}

.event_view_title h3{margin-bottom:15px;}
.event_view{border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5;  padding-top:50px; padding-bottom:50px}
.event_view .event_img{text-align:center;}
.event_view .event_img img{max-width:100%}
.event_view .event_content{}

.event_view_day{margin-bottom:15px; font-size:16px; color:#999 }
.event_view_day .badge{padding:5px 10px; font-size:90%; margin-right:10px}
 
@media (max-width: 991.98px) {
 	.event_view_title h3{font-size:18px;}
 	.event_view_day{  font-size:14px;  }

}

 
/***********
팝업레이어
***********/

.popup-open .site-wrap:before{content:'';display:block; width:100%; height:100%; position:absolute; top:0; left:0; background:rgba(0,0,0,0.5); z-index:9000}


.popup_layer_wrap{ }
.popup_layer_bg{position:relative;  }
.popup_layer_close{position:absolute; bottom: 0px; right:0px; padding:8px 20px; background:#000; color:#000; width:100%; text-align:right;}
.popup_layer_close i{color:#fff;}
.popup_layer_wrap .custom-control-label{color:#fff;}

.design_popup_content{width:600px; }

.design_popup {overflow: hidden; display: none;  max-width:600px; width:100%;  position: fixed; bottom: 0; left: 50%; transform: translateX(-50%); background-color: #f5f5f5; border: 1px solid #eee; border-radius:12px 12px 0 0;  z-index:9900 } 
.design_popup .content { display: flex; justify-content: center; align-items: center; width: 600px;   } 
.design_popup .btn_wrap { display: flex; align-items: center; padding: 15px; background: #000; } 
.design_popup .btn_wrap label { font-size: 14px; color: #fff; } 
.design_popup .btn_wrap .today_chk { margin-right: 5px; } 
.design_popup .btn_wrap .close { margin-left: auto; font-size: 12px; color: #fff; text-decoration: none; font-weight:400} 

.allweb_popup .swiper-pagination {
    position: absolute;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    right: 16px;
	left:auto;
    top: 16px;
    width: 46px;
    height: 24px;
    background-color: rgba(0, 0, 0, .5);
    border-radius: 13px;
    font-size: 11px;
    line-height: 1.45;
    color: #fff;
    z-index: 2;
}
 

.popup_layer_content {
 
}
.popup_layer_content img{width:100%}


@media (max-width:600px) {

	.design_popup {  left:  0%; transform: translateX( 0%);}
	.design_popup .content {   width:100%;   } 
	.design_popup_content{width:100%}

}

@media (max-width:575.98px) {

 
	.popup_layer_wrap img{
		max-width:100%
	}

	.popup_layer_box, .popup_layer_bg{
		width:100%;
		height:auto;
	}
	.popup_layer_content img{
		width:100%
	}
	.popup_layer_wrap{
		border-radius:0
	}


 

}


 




.sub_header .breadcrumb{
	background:transparent;
	border-radius:0;
	padding:0;
	margin:0;
 
}

 
 
.sub_field_box > div{
	margin-right:10px;
}
.sub_field_box > div:last-child{
	margin-right:0
}

.input_001 {height:25px;border:1px solid #ddd;font-size:12px;padding:0px 10px; box-sizing: border-box;}
.input_002 {width:100px;height:25px;border:1px solid #ddd;font-size:12px;padding:0px 10px; box-sizing: border-box;}
.input_003 {width:300px;height:30px;border:1px solid #ddd;font-size:12px;padding:0px 10px; box-sizing: border-box;}
.input_004 {width:98.5%;height:30px;border:1px solid #ddd;font-size:12px;padding:0px 10px; box-sizing: border-box;}
.input_005 {width:48.5%;height:30px;border:1px solid #ddd;font-size:12px;padding:0px 10px; box-sizing: border-box;}
.input_006 {width:48%;height:30px;border:1px solid #ddd;font-size:12px;padding:0px 10px; box-sizing: border-box;}
.input_007 {width:61%;height:30px;border:1px solid #ddd;font-size:12px;padding:0px 10px; box-sizing: border-box;}
.input_008 {width:31%;height:30px;border:1px solid #ddd;font-size:12px;padding:0px 10px; box-sizing: border-box;}
.input_009 {width:91%;height:30px;border:1px solid #ddd;font-size:12px;padding:0px 10px; box-sizing: border-box;}
.input_010 {width:90%;height:30px;border:1px solid #ddd;font-size:12px;padding:0px 10px; box-sizing: border-box;}
.input_011 {height:45px;border:1px solid #ddd;font-size:12px;padding:0px 10px; box-sizing: border-box;}
.input_012 {width:200px;height:30px;border:1px solid #ddd;font-size:12px;padding:0px 10px; box-sizing: border-box;}
.input_013 {height:30px;border:1px solid #ddd;font-size:12px;padding:0px 10px; box-sizing: border-box;}
.input_014 {width:100%;height:30px;border:1px solid #ddd;font-size:12px;padding:0px 10px; box-sizing: border-box;}


 


 

 

 
 

/*//////////////////////////////////////////////////////////////////
[ BUTTON BACK TO TOP ]*/
.btn-back-to-top {
  display: none;
  position: fixed;
  width: 50px;
  height: 50px;
  border-radius:50%;
  bottom: 15px;
  right: 90px;
  background-color: #333;
  opacity: 1;
  justify-content: center;
  align-items: center;
  z-index: 3101;
  cursor: pointer;
  transition: all 0.4s;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  -moz-transition: all 0.4s;
}

.symbol-btn-back-to-top {
  font-size: 25px;
  color: white;
  line-height: 1em;
}

.btn-back-to-top:hover {
  opacity: 1;
  background-color: #333;
}

 
.dream_goods_detail_img .reward_btn{display:none}


 @media (max-width: 1024px) {
  	.mypage_search_form_box .search_input {margin-top:1rem}
	.footer-area .col-6{
		margin-bottom:15px
	}
 }


 @media (max-width: 991.98px) {
 	#divMenu{display:none!important}

	 
 

	.mousetrap{display:none}

 

	.search_date_reward, .search_reward_select{
		margin-bottom:1rem;
	}

   
 

	.address_list_box .goods_list_checkbox {display:inline-block; width:20px}
  
 

	.event_list .col-md-6{
		margin-bottom:30px
	}
	.event_list .col-md-6:last-child{
		margin-bottom:0
	}
 
 }

 @media (max-width:767.98px) {
 	.item_menu_tep li{padding:15px 0}

	 
	.mypage_search_form_box select	{
		width:100%!important;
	}

	.search_date_reward {
		margin-bottom: 0rem;
	}
	.search_reward_btn .btn{
		width:100%;
		margin:1rem 0 0.5rem 0
	}
	.search_reward_btn2 .btn {
		width:100%;
	}

	.reward_view_top{
		display:block!important
	}
	.reward_view_top .recom_info{
		text-align:left;
		padding-top:1rem;
	}
	.reward_view_top .recom_info span:first-child{
		margin-left:0
	}
   
}


@media (max-width:575.98px) {
   .item_menu_tep li{padding:12px  0px;font-size:12px;} 
   .item_menu_tep li span{position:relative; margin-right:0; top:auto; right:auto}
   .item_menu_tep li:first-child{padding-left:0}
   .item_menu_tep li:last-child{padding-right:0}
   .item_menu_tep li a{ }
	.goodsqna_top .goodsqna_info_txt{display:none}
	.goodsqna_top{position:relative;}
	.goodsqna_top .goodsqna_info_btn{position:absolute; top:0px; right:0}


	.mypage_search_form_box .btn-group .btn{
		width:calc(100% / 6)
	}
	.mypage_search_form_box .col-auto,
	.mypage_search_form_box .search_date .form-inline,
	.mypage_search_form_box .btn-group{
		width:100%
	}

	.mypage_search_form_box .search_date .form-group{
		width:calc(50% - 5px)
	}
	.mypage_search_form_box .search_date .m-r-10{
		 
	}
 

	footer .footer-main{
		margin-bottom:62px
	}

	.btn-back-to-top {
		bottom: 85px;
		right: 15px;
		width:35px; height:35px
	}

	.symbol-btn-back-to-top{font-size:18px}

}

 

 

 

 @media (max-width: 991.98px) {

	.dream_wrap .dream_container .dream_contents {
		padding-top:    0px;
	}

	 .page-title-box{
		display:none
	 }
	 .dream_wrap{
		padding: 0px 0 80px 0
	 }
	 .dream_wrap > .container{
		padding-left:0;
		padding-right:0
	 }
 


	 .dream_contents h5.subTit{font-size:16px}

	.sub_header{ background:#fff; color:#000; border-top:1px #e5e5e5 solid; border-bottom:1px #e5e5e5 solid; margin-bottom:  30px ;  position:relative;}
	.sub_header .breadcrumb {margin-bottom:0;     padding: 15px 35px 15px 35px;  box-sizing: border-box;   font-weight: normal;   text-align: center;}
	.sub_header a.btn_prev {  display: block;  position: absolute;  left: 15px;  top: 10px;  margin-top: 0px;  width: 29px;  height: 47px;   }
	.sub_header a.btn_prev:before{content: "\6c";   font-family: dripicons-v2!important;  font-size:1.5rem; color:#000;}
	.sub_header .breadcrumb h3{font-size:20px; font-weight:300;  padding-left:15px; text-align:center;  margin-bottom:  0px; color:#000;}
	.dream_wrap .dream_container .dream_contents_sub h3{margin-bottom:0; font-size:20px}

	.sub_header .header_cart_wrap {position:absolute; top:10px; right:15px; color:#000;}
	.sub_header .header_cart_wrap i{font-size:20px; color:#000;}
	.sub_header .header_cart_wrap > div{margin-left:10px; }
	.sub_header .header_cart_wrap .header_cart_box{margin-top:-3px}
	.sub_header .header_cart_wrap .header_cart_box .cart_count{position:absolute; top:0px; right:-10px; font-size:11px;font-family:"Montserrat", sans-serif; 
width:15px; height:15px;display:block; text-align:center; background:#df0011; border-radius:50%; color:#fff}

	.dream_contents .sub_tit_box{display:block!important}
	.dream_contents .sub_tit_box div{ 	padding-top:7px }

    .dream_contents .mto_tit_box{
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex!important;
		justify-content: space-between;
		-ms-align-items: center;
		align-items: center;
	}
	 .dream_contents .mto_tit_box div{padding-top:0!important}
 	 
	.sub_field_box > div{ margin-right:0px; width:100% }
	.sub_field_box > div:last-child{ margin-top:10px }

	.form-control-m-full{width:100%!important;}
	.form-control-m-auto{width:auto!important;}

	.board_top{padding-bottom: 0px}
 
	 

	/*********************************
	메뉴 슬라이딩
	*********************************/
	 

	.sub_menu_wrap .navSlide{ margin:0  0px  0px 0px;}
	.sub_menu_wrap .navSlide{overflow-x: auto;height: 3.5rem;position:relative;font-size: 0px;}
	.sub_menu_wrap .navSlide>.list{display: inline-block; border: #dcdcdc solid; border-width:0 0  0.1rem 0px; white-space:nowrap; min-width:100%; list-style: none;
	padding: 0; margin: 0;position:relative; vertical-align: middle;}
	.sub_menu_wrap .navSlide>.list>li{ list-style: none; padding: 0; margin: 0; display:inline-block; position:relative; vertical-align: middle; font-size: 12px;}
	.sub_menu_wrap .navSlide>.list>li>a{display:block;padding: 0.9rem 1.5rem;vertical-align: middle;border-bottom: 0.3rem solid transparent;height:3.3rem;
	box-sizing: border-box;font-size: 14px; color:#999}
	.sub_menu_wrap .navSlide>.list>li.active>a{color: #000; font-weight: bold;}
	.sub_menu_wrap .navSlide>.list>li.active>a::before{width: 100%; position:absolute; left:0px; bottom: -1px; content:""; background: #000000; height:2px;}

	.sub_menu_wrap li:before{display:none;}

	.sub_menu_wrap .navSlide::-webkit-scrollbar {display:none}
	.sub_menu_wrap .navSlide::-webkit-scrollbar-thunmb {display:none}
	.sub_menu_wrap .navSlide::-webkit-scrollbar {display:none}
	.sub_menu_wrap .navSlide::-webkit-scrollbar-thunmb { display:none}

	.sub_header_submenu{margin-bottom:0!important}
	.sub_menu_wrap{padding-bottom: 0px!important; padding-top:0!important}

	.sub_category_wrap .btn {
		margin: 0 0px;
		border:none!important;
		opacity: 1;
		 
	}

	 .sub_category_wrap .btn-secondary{
		background:#fff!important;
		color: #000000!important;

	 }
	 .sub_category_wrap .btn:focus, .sub_category_wrap .btn:hover{
		background:#fff!important;
		color: #000000!important;
	 }
	.sub_category_wrap{
		text-align:left;
	}


	.board_next_prev_box .board_next_prev_list span{
		width:100px
	}

	.board_next_prev_box .board_next_prev_list a {
		white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
		width:calc(100% - 120px);
		float:right;
	}


 
	.cateTopWrap{
		display:block;
		margin:0 -15px
	}
	.cateTopWrap .cateTopRecom,
	.cateTopWrap .cateTopNew{
		width:100%;
		padding-left:15px;
	}


	.cateTopWrap .cateTopNew{margin-top:3.3333rem;}

	.category_goods_box .ct_inner{   
		overflow: auto hidden; margin-left:0; margin-right:0
		 
 	}
	.category_goods_box .ct_inner::-webkit-scrollbar {display:none}
	.category_goods_box .ct_inner::-webkit-scrollbar-thunmb {display:none}
	.category_goods_box .ct_inner::-webkit-scrollbar {display:none}
	.category_goods_box .ct_inner::-webkit-scrollbar-thunmb { display:none}

	.category_goods_box{padding:0 0}

	.category_goods_box .ct_goods_box{ 	width: 150px; margin-right: 15px; }


 



 

	.buy_payment_box{
		position:relative!important;
		width:100%!important;
		margin-top:60px;
		right:0;
		padding-left:0!important; padding-right:0!important;
	}
	.buy_payment_box .totalPayment{width:100%}

 	 
	.mileage_box dt { border-right:none; border-bottom:1px #e5e5e5 solid; border-top:0 }
	.mileage_box .row .col-lg-4:first-child dt{border-top:1px #000 solid;}
	.mileage_box dd{ border-right:none }
 



}

 @media (max-width: 768px) {
 	.sub_tit_box  h5.subTit{
		 
	}
 

	.board_tail_word_box .tail_word_box_member input{
		width:calc(50% - 5px)
	}
	.board_tail_word_box .tail_word_box_member input:last-child{
		float:right;
		margin-right: 0px;
	}
	.tail_word_textarea, .tail_word_btn{  width: calc(100% - 0px); }

	.tail_word_box{display:block!important;  }
	.tail_word_btn a {
 		height: 40px;
		text-align: center;
		padding: 0 display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		justify-content: center;
		-ms-align-items: center;
		align-items: center;
		width:100%;
		margin-top:10px
	}

	.board_page{
		display:none
	}
	.dreamweb_table_community{
		margin-top:30px
	}
	.board_search_choose{
		display:none
	}
	.board_category_tab{
		margin-top:30px;
		margin-bottom:20px
	}
 
 	 .order_detail_top .flex-l-m  {display:block; }
	 .order_detail_top .flex-l-m div:after{display:none;}

	.dreamweb_my_top{  padding: 0 }
	.dreamweb_my_top .mypage_tit{ width:70% }
	.dreamweb_my_top .mypage_tit p {font-size:14px}
	.dreamweb_my_top .mypage_info{ padding-top: 0px }
	.dreamweb_my_top .mypage_info li{ }

	.cart_btn_box {
		display:block;
	}
	.cart_btn_box .cart_btn_L{
		margin-bottom:15px
	}

	.form-control-buy, .form-control-buy-auto, .form-control-buy-sm{
		width:100%
	}

  

	.cart_good_opt span{font-size:12px}
 }



/*[메인페이지]
///////////////////////////////////////////////////////////
*/
 

.main_container {
	max-width:1290px;
	margin:0 auto;
	padding:30px 15px 50px;
}

 
.main_container .swiper-wrapper,
.main_container .swiper-slide{height:auto; }


/***********
메인슬라이더
***********/


.mainVisual .autoplay-progress {
    position: absolute;
    left: 50%;
    bottom: 5rem;
    transform: translateX(-50%);
    z-index: 10;
    width: 50rem;
    height: 2px;
    background: rgba(0,0,0,0.1);
}
.mainVisual .autoplay-progress svg {
    --progress: 0;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
    width: 100%;
    /*  height: 100%;*/
    stroke-width: 0.05rem;
    stroke: #000;
    fill: none;
    stroke-dashoffset: calc(110 * (1 - var(--progress)));
    stroke-dasharray: 110;
}

.mainVisual .swiper {  opacity: 0;     visibility: hidden;     transition: opacity 1s ease;   -webkit-transition: opacity 1s ease; }
.mainVisual .swiper.swiper-initialized { visibility: visible;   opacity: 1;  }
.mainVisual .swiper .swiper-wrapper,
.mainVisual .swiper .swiper-slide{height:auto;}
.mainVisual .mainVisual-prev{left:50px} 
.mainVisual .mainVisual-next{right:50px} 
 
.m_mainVisual .swiper {  opacity: 0;     visibility: hidden;     transition: opacity 1s ease;   -webkit-transition: opacity 1s ease; }
.m_mainVisual .swiper.swiper-initialized { visibility: visible;   opacity: 1;  }
.m_mainVisual .swiper .swiper-wrapper,
.m_mainVisual .swiper .swiper-slide{height:auto;}
.m_mainVisual .swiper .swiper-pagination-progressbar.swiper-pagination-horizontal {top:auto; bottom: 0px; height:2px;  left: 50%;    transform: translateX(-50%);   max-width: 100%;}

.mainVisual .swiper img{height:505px}
 

.mainSlide_type_I_wrap{
	padding:0 50px
}

.cS-hidden2{  height: 1px;   filter: alpha(opacity=0);  overflow: hidden; 
    opacity: 0;
    visibility: hidden;
    transition: opacity 1s ease;
    -webkit-transition: opacity 1s ease;
}

.mainSlide_type_I_wrap .swiper-slide{ }
.mainSlide_btn{ margin-top:20px}
.mainSlide_btn .main-swiper-pagination{width:80px!important; text-align:center; bottom:50%; font-size:1.2222rem}
.mainSlide_btn .main-swiper-pagination span{min-width:20px; text-align:center; display:inline-block;}
.mainSlide_btn .swiper_navi i{color:#aaa; font-size:1.2rem}
.mainSlide_btn .swiper_navi{cursor: pointer;}
.mainSlide_btn .swiper_navi:hover i{color:#000}

 /*
.main_slider_wrap{
	width:100%; overflow:hidden;position:relative; height:900px;
}
 


 .main_slider, .main_slider_wrap .slick-list, .main_slider_wrap .slick-track{
	height:100%
 }

.main_m_slider_wrap{
	width:100%;height:auto; overflow:hidden;position:relative; 
	display:none;
}
.main_slider .slick-prev{
    left:  calc( 50% - (130px / 2) )  ;
 	z-index:300;

}
.main_slider .slick-next{
    right:  calc( 50% - (130px / 2) )  ;
	z-index:300
}

.main_slider .slick-prev,  .main_slider .slick-next {
    top: calc(100% - 66px);
 	width:36px;
    height: 36px;
     -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
 }

.main_slider .slick-prev:before, .main_slider .slick-next:before {
     font-size: 20px;
     opacity: 1;
    color: #fff;
 }


.main_slider_wrap .pagingInfo{
	position:absolute;
	bottom:30px;
	left:50%;
	margin-left:-65px;
	z-index:90;
	background:rgba(0,0,0,0.5);
	color:#fff;
	padding:0 15px;
	text-align:center;
	border-radius:18px;
	height:36px;
	line-height:36px;
	width:130px;
	text-align:center;
	font-size:20px;
}

.main_slider_wrap .main_slider {   opacity: 0;  visibility: hidden;   transition: opacity 1s ease;   -webkit-transition: opacity 1s ease; }
.main_slider_wrap .main_slider.slick-initialized {  visibility: visible;   opacity: 1;  }

 
.main_slider_img{
	width:100%;
	height:900px;
 
	position:relative;
 }
 
 .main_slider_txt_box{
	width:100%;
	height:100%;
	position:relative;

 }
 .main_slider_txt_inner{
	position:absolute;
	top:40%;
	width:100%;
	text-align:center;
	color:#fff;
  }

.main_slider_txt_inner p{
	color:#fff;
	font-size:1.5rem;
	font-weight:600;
}
.main_slider_txt_inner div{ position:relative;}
.main_slider_txt_inner span{border-bottom:1px #fff solid; padding-bottom:2px}

.slick-slide .main_slider_txt_inner div:after{content:'';  color:#fff; font-family: 'Lora', serif;  font-size:3.3rem}
.main_slider [data-slick-index="0"] .main_slider_txt_inner div:after{content:'BODY CARE'; }
.main_slider [data-slick-index="1"] .main_slider_txt_inner div:after{content:'SKIN CARE'; }
.main_slider [data-slick-index="2"] .main_slider_txt_inner div:after{content:'HAIR CARE'; }
.main_slider [data-slick-index="3"] .main_slider_txt_inner div:after{content:'SHAMPOO BAR'; }
.main_slider [data-slick-index="4"] .main_slider_txt_inner div:after{content:'BODY BRUSH'; }


@media (max-width:991.98px) {

	.main_slider_img{
 		height:500px;
 	 }
	.pagingInfo{display:none}
 
}
 


 @media (max-width: 768.98px) {


	.mainSlide_type_I_wrap{
		padding:0 0px
	}
	.mainSlide_type_I_wrap .swiper-slide {width: 100%!important;}


	.main_slider_wrap  {
	
		height:500px
	 
	}
	 .main_slider, .main_slider_wrap .slick-list, .main_slider_wrap .slick-track{
		height:500px
	 }
	.main_slider .slick-prev{
		left:  calc( 50% - (80px / 2) )  ;
 
	}
	.main_slider .slick-next{
		right:  calc( 50% - (80px / 2) )  ;
 	}

	.main_slider .slick-prev,  .main_slider .slick-next {
		top: calc(100% - 42px);
		width:26px;
		height: 26px;
	 }
	.main_slider_wrap .pagingInfo{
		font-size: 14px;
		bottom:15px;
		width:80px;
		margin-left:-40px;
		border-radius: 13px;
		height: 26px;
		line-height: 26px;
	}
	.main_slider .slick-prev:before, .main_slider .slick-next:before {
		 font-size: 16px;
	 }
 

}
*/



/*********************************
메인상품 기본스타일
*********************************/ 
.main_style{margin-bottom:80px}

.main_style .main_title {margin-bottom:15px}
.main_style .main_title h3{margin-bottom:0; font-weight:700}
.main_style .main_title a{color:#666; position:relative; padding-right:20px; line-height:1;}

.main_style .main_title a:after {
    content: "\e940";
    display: block;
    font-family: xeicon !important;
    position: absolute;
    top: 50%;
    right: 0px;
    transform: translateY(-50%);
}


.main_goods_wrap{
	position: relative;
    display: grid;
    grid-template-columns: 1fr calc(100% - 400px - 20px);
    column-gap: 20px;
    row-gap: 0;
    align-items: flex-start;
}

 
.main_goods_wrap  .goods_icon_box .item_discount_rate,
.main_goods2_wrap  .goods_icon_box .item_discount_rate{display:none}
.main_goods_wrap .dream_goods_list{   margin-bottom:0px!important;}


.main_goods_wrap .main_category_banner{
	height: 100%;
	position: relative;
	width:400px;
} 
.main_goods_wrap .main_category_banner .swiper-slide{
	position: relative;
	height: 100%;
    min-height: 700px;
}
.main_goods_wrap .main_category_banner .swiper-slide img{
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -o-object-fit: cover;
    object-fit: cover;
} 

.main_goods_wrap .main_goods_style > ul{
	display: grid;
    gap: 30px 10px;
    grid-template-columns: repeat(4, 1fr);
    padding: 0 0px;
}
.main_goods_wrap .main_goods_style > ul > li{
	max-width:200px
}
.main_goods_wrap .main_goods_style > ul li:nth-child(n+5) .dream_goods_list{
	margin-bottom:0
}


.main_goods_wrap .main_goods_style .item_btn_box{
	display:none!important;
}



.main_category_banner .cate_pagination {
	position:absolute;
	top:50%;
	transform: translateY(-50%);
	width:100%;
	left:0;
	z-index:50;
	opacity: 0;
    -webkit-opacity: 0;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
}
.main_category_banner:hover .cate_pagination {
	opacity:1;-webkit-opacity:1;
}

.cate_pagination .swiper-button-next:after, 
.cate_pagination .swiper-button-prev:after{
	font-size:20px;
}

.cate_pagination .swiper-button-next, .cate_pagination .swiper-button-prev{
	background:rgba(0,0,0,0.4);
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
	width:45px;
	color:#fff
}
.main_category_banner .cate_pagination .swiper-button-prev{left:-5px}
.main_category_banner .cate_pagination .swiper-button-next{right:-5px}

.main_category_banner:hover .cate_pagination .swiper-button-prev{left:0}
.main_category_banner:hover .cate_pagination .swiper-button-next{right:0}

.main_category_banner .swiper-pagination{bottom:15px!important;} 

.main_category_banner .swiper-pagination-bullet{border-radius:0; width:15px; height:2px; margin:0 2px!important;transition: all .3s ease;}
.main_category_banner .swiper-pagination-bullet-active{width:20px;  }


.main_banner_wrap{margin-bottom:80px}
.main_banner_wrap img{width:100%}

.cate01_banner .swiper,
.cate02_banner .swiper,
.cate03_banner .swiper{  opacity: 0;     visibility: hidden;     transition: opacity 1s ease;   -webkit-transition: opacity 1s ease; }
.cate01_banner .swiper.swiper-initialized,
.cate02_banner .swiper.swiper-initialized
.cate03_banner .swiper.swiper-initialized{ visibility: visible;   opacity: 1;  }



@media (max-width: 992px) {

	.main_goods_wrap{display:block;}
	.main_goods_wrap .main_category_banner{display:none;}

	.main_goods_wrap .dream_goods_list{   margin-bottom:0px!important;}

}


@media (max-width: 768px) {

	.main_goods_wrap .main_goods_style > ul{
 		gap: 30px 15px;
		grid-template-columns: repeat(2, 1fr);
 	}
	.main_goods_wrap .main_goods_style > ul > li{
		max-width:100%
	}
	.main_goods_wrap .main_goods_style > ul > li:nth-child(n+5) .dream_goods_list{
		margin-bottom:0
	}

	.main_style .main_title h3{font-size:16px}
	.main_style .main_title a{ font-size:12px}


}

/*********************************
신상품
*********************************/ 
.goods_new .swiper-slide,
.goods_recom .swiper-slide{width:180px; padding:0}

@media (min-width: 992px) {
	.goods_new .swiper-slide,
	.goods_recom .swiper-slide{width:250px; }

}
 
.goods_new .swiper {  opacity: 0;     visibility: hidden;     transition: opacity 1s ease;   -webkit-transition: opacity 1s ease; }
.goods_new .swiper.swiper-initialized { visibility: visible;   opacity: 1;  }
.goods_recom .swiper {  opacity: 0;     visibility: hidden;     transition: opacity 1s ease;   -webkit-transition: opacity 1s ease; }
.goods_recom .swiper.swiper-initialized { visibility: visible;   opacity: 1;  }

.main_goods2_wrap .goods_pagination {
	position:absolute;
	top:105px;
	width:100%;
	left:0;
	z-index:50;
	opacity: 0;
    -webkit-opacity: 0;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
}
.main_goods2_wrap:hover .goods_pagination {
	opacity:1;-webkit-opacity:1;
}
.goods_pagination .swiper-button-next:after, 
.goods_pagination .swiper-button-prev:after{
	font-size:20px;
}

.goods_pagination .swiper-button-next, .goods_pagination .swiper-button-prev{
	background:rgba(0,0,0,0.4);
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
	width:45px;
	color:#fff
}
.main_goods2_wrap .goods_pagination .swiper-button-prev{left:-5px}
.main_goods2_wrap .goods_pagination .swiper-button-next{right:-5px}

.main_goods2_wrap:hover .goods_pagination .swiper-button-prev{left:0}
.main_goods2_wrap:hover .goods_pagination .swiper-button-next{right:0}


.main_goods2_wrap .dream_goods_list{
	margin-bottom:0
}


/***********
고객센터
***********/
 
.main_cs_wrap{margin-bottom:50px}
.main_cs_wrap .main_cs_banner_box{background:#f5f5f5;}
.main_cs_banner_box ul:after{content:'';display:block; clear:both;}
.main_cs_banner_box li{float:left; width:25%; padding:30px; }

 .main_cs_banner_box li a{ 
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: flex-start;
	-ms-align-items: center;
	align-items: center;
	
}

.main_cs_banner_box li i{font-size:4rem;color:#aaa}
.main_cs_banner_box li .mc_txt{padding-left:20px}
.main_cs_banner_box li .mc_txt h4{font-size:20px; color:#666; margin-bottom:5px}
.main_cs_banner_box li .mc_txt p span{color:#999; font-size:16px; position:relative;}
.main_cs_banner_box li .mc_txt p span:after{content:"\6d"; display:block; position:absolute; top:-3px; right:-25px;     font-family: dripicons-v2!important;}

@media (max-width:1500px) {
   .main_cs_banner_box li{ padding:30px 15px; }
 }
@media (max-width:1440px) {
	.main_cs_banner_box li .mc_txt h4{font-size:18px;  }
	.main_cs_banner_box li .mc_txt p span{  font-size:14px; }
	.main_cs_banner_box li i{font-size:3rem}
}
@media (max-width:1024px) {
	.main_cs_banner_box li{width:50%; padding:15px 0 15px 15px; }
}


@media (max-width: 767.98px) {
 	.main_cs_banner_box li .mc_txt h4{font-size:15px; margin-bottom:0  }
	.main_cs_banner_box li .mc_txt p span{  font-size:12px; }
	.main_cs_banner_box li i{font-size:2rem}
	.main_cs_banner_box li .mc_txt{padding-left:10px}
}

@media (max-width: 375.98px) {
	.main_cs_banner_box li{width:50%; padding:15px 0 15px 10px; }
 	.main_cs_banner_box li .mc_txt h4{font-size:14px; margin-bottom:0  }
  
}

/*********************************
메인공지사항
*********************************/ 
.main_notice_wrap{
	position:relative;
	background:#000;
	padding:10px 30px;
	margin-bottom:30px
}
.main_notice_wrap .notice_more{position:absolute; top:50%; right:15px; transform: translateY(-50%); z-index:90}
.main_notice_wrap .notice_more span{color:#fff; font-size:12px; position:relative; padding-right:15px}
.main_notice_wrap .notice_more span:after{content: "\e940";
    display: block;
    font-family: xeicon !important;
    position: absolute;
    top: 50%;
    right: 0px;
    transform: translateY(-50%);
}
.main_notice_wrap .main_notice   {
    opacity: 0;
    visibility: hidden;
    transition: opacity 1s ease;
    -webkit-transition: opacity 1s ease;
	height:30px;
	position:relative;
}
.main_notice_wrap .main_notice.swiper-initialized {
    visibility: visible;
    opacity: 1; 
 }
.main_notice_wrap .swiper-slide{
	 height:30px!important;
	 line-height:32px;
}
.main_notice_wrap .swiper-slide a{
	color:#fff
}
.main_notice_wrap .main_notice .swiper_button_box{
	display:none;
	position:absolute; top:0; right:0

}

@media (max-width:991.98px) {
	.main_notice_wrap{margin-bottom:15px}

}


/*********************************
메인상단배너
*********************************/ 
.main_top_banner_wrap{ margin-bottom:50px; background:#f6f6f6; padding:30px 20px}
.main_top_banner_wrap .main_top_banner img{width:100%}
.main_top_banner_wrap h3{ font-size:20px; font-weight:700; margin-bottom:20px}

.main_top_banner_wrap .swiper {  opacity: 0;     visibility: hidden;     transition: opacity 1s ease;   -webkit-transition: opacity 1s ease; }
.main_top_banner_wrap .swiper.swiper-initialized { visibility: visible;   opacity: 1;  }

.main_top_banner_wrap .top_banner_pagination {
	position:absolute;
	top:50%;
	transform: translateY(-50%);
	width:100%;
	left:0;
	z-index:50;
	opacity: 0;
    -webkit-opacity: 0;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
}
.main_top_banner_wrap:hover .top_banner_pagination {
	opacity:1;-webkit-opacity:1;
}

.top_banner_pagination .swiper-button-next, .top_banner_pagination .swiper-button-prev{
	background:rgba(0,0,0,0.4);
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
	width:45px;
	color:#fff
}
.main_top_banner_wrap .top_banner_pagination .swiper-button-prev{left:-5px}
.main_top_banner_wrap .top_banner_pagination .swiper-button-next{right:-5px}

.main_top_banner_wrap:hover .top_banner_pagination .swiper-button-prev{left:0}
.main_top_banner_wrap:hover .top_banner_pagination .swiper-button-next{right:0}

@media (max-width:991.98px) {
	.main_top_banner_wrap{ margin-bottom:30px;  padding:30px 0; background:#fff;}
	.main_top_banner_wrap h3{ font-size:16px;  margin-bottom:20px}
	.main_top_banner_wrap .swiper-slide{width:200px}
	.main_top_banner_wrap .top_banner_pagination{display:none!important;}

}



 

/*********************************
오른쪽퀵배너
*********************************/ 
.quick_open{ width:180px!important}
.quick_inner {
    position: relative;
    height: auto;
    margin-top: 0;
    transition: margin 0.3s cubic-bezier(0.17, 0.04, 0.03, 0.94);
}
.quick_community{background:#df0011; display: flex;
    position: relative;
    width: 100%;
    height: 106px;
    font-size: 0;
    justify-content: center;
    flex-flow: wrap;
    align-items: flex-start;}
 
.quick_open .quick_community {
	background:url(/webftp/quick_open_bg.png) no-repeat;
	background-size:180px 257px
}

.quick_open .quick_open_btn{
	border-top:none;
	font-size:2rem
}

.quick_com_default, .quick_com_on{
	position: relative;
	height:100%
}
.quick_title{
    display: flex;
    margin-top:  0px;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.1;
    white-space: nowrap;
    color: #fff;
	height:46px
 }

.quick_open .quick_title{
	 
}


.quick_open_btn{
 
    display: flex;
    align-items: center;
    justify-content: center;
    width: 70px;
    height: 60px;
    margin-top: 0px;
    color: #fff;
    font-size: 18px;
    border-top: 1px solid rgba(255,255,255,0.3);
	cursor: pointer;
}

.quick_com_on{display:none}
.quick_open .quick_com_on{display:block}
.quick_open .quick_com_default{display:none}



.quick_menu{ }
.quick_menu li{border:1px #ddd solid; border-right:none; border-bottom:none;cursor:pointer;}
.quick_menu li:last-child{border-bottom:1px #ddd solid;}

.divMenubox .quick_contents{ padding-top:30px }


.divMenubox .quick_contents li{color:#fff;position:relative; }

.divMenubox .quick_contents li .quick_menu_item {
	display:flex;
	position:relative;
	width:100%;
	height:50px;
	margin:0 0 0px 0;
	padding:0;
	align-items:center;
	justify-content:center;
	flex-direction:row;
	transition-delay:0.3s;
	transition:all 0.3s cubic-bezier(0.17,0.04,0.03,0.94)
}
.divMenubox .quick_contents li a span{color:#fff}


.quick_open .quick_menu_item {
	justify-content:flex-start
}

.quick_menu_item i {
	display:inline-block;
	vertical-align:middle;
	font-size:1.25rem;
}
.qmi_icon {
	flex:0 0 35%;
	text-align:center
}
.qmi_txt {
	flex:1 0 auto;
	display:inline-block;
	visibility:hidden;
	position:absolute;
	opacity:0;
	transition-delay:0.5s;
	transition:opacity 0.5s cubic-bezier(0.17,0.04,0.03,0.94)
}

.quick_open .qmi_txt {
	position:static;
	visibility:visible;
	opacity:1;
	color:#fff
}

.today_goods{display:none;}
.quick_open .today_goods{display:block; width:160px; margin:0 auto;}


#LayerFloatingBn h5{
	font-size:14px
}
 

.todayList_tit{
	position:relative;
	margin-top:15px;
	width:160px;
	
}

.todayList_tit .todaygoods_icon{
 
	border:1px #e5e5e5 solid;
    
	width:40px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: center;
	-ms-align-items: center;
	align-items: center;
	margin:0 auto;

  }
 .todayList_tit .todaygoods_icon a{
 	width:20px;
	height:20px;
	line-height:20px;
 	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: center;
	-ms-align-items: center;
	align-items: center;
	color:#fff;
 }
  .todayList_tit .todaygoods_icon a.todaygoods_down{
	border-left:1px #e5e5e5 solid;
  }

.todayList_tit .todaygoods_icon a i{color:#fff;}

.divMenubox .quick_contents dl{margin-top:40px;position:relative;}
.divMenubox .quick_contents dt, .divMenubox .quick_contents dd{padding:3px 0}
.divMenubox .quick_contents dd a{color:#888}
.divMenubox .quick_contents dt{font-size:14px; }
.divMenubox .quick_contents dl:after{ }
.divMenubox .quick_contents dl:first-child:after{display:none;}
 
 .close_btn{position:absolute;left:-41px; top:100px; width:40px;}
.close_btn p{border:1px #ddd solid;  border-bottom:none;cursor:pointer;}
.close_btn p:last-child{border-bottom:1px #ddd solid;}

.divMenubox .quick_contents .cs_btn_box{
	padding-top:5px
}
.divMenubox .quick_contents .cs_btn_box:after{
	content:'';
	display:block;
	clear:both;
}

.divMenubox .quick_contents .cs_btn_box li{
	float:left;
	width:33.3333%;
	margin-bottom:5px;
}
 
.divMenubox .quick_contents .cs_btn_box li a{
	border:1px #e5e5e5 solid; 
	width:46px;
	height:46px;
	line-height:46px;
	text-align:center;
	display:block;
	border-radius:10px;


}
.divMenubox .quick_contents .cs_btn_box li a i{
	font-size:20px
}
.divMenubox .quick_contents .cs_btn_box li a:hover{
	border-color:#000
}

.divMenubox .quick_contents .quick_cs_center{
	margin-top:30px;
	padding:30px 0;
	border-top:1px #e5e5e5 solid;
}
.divMenubox .quick_contents .quick_cs_center strong{
	font-size:16px;
	display:block;
	color:#df0011;
	padding-bottom:10px
}
.divMenubox .quick_contents .quick_cs_center span{
 	color:#999;
	display:block;
	font-size:11px;
	 
}

.divMenubox .quick_contents .quick_cs_center ul{
	margin-top:15px
}

.divMenubox .quick_contents .quick_cs_center li{
	margin-bottom:5px;

}
.divMenubox .quick_contents .quick_cs_center li:last-child{
	margin-bottom:0
}

.divMenubox .quick_contents .quick_cs_center li.navertalk{
	background: #01c73c url(/webftp/icon_navertalk.png) no-repeat 10px center;
 }
 
.divMenubox .quick_contents .quick_cs_center li.kakao{
	background: #f4dc34 url(/webftp/icon_kakao.png) no-repeat 10px center;
}

.divMenubox .quick_contents .quick_cs_center li.navertalk a,
.divMenubox .quick_contents .quick_cs_center li.kakao a{
    color: #fff; display:block;
	font-size:12px;
	padding:7px 0 7px 40px
}
.divMenubox .quick_contents .quick_cs_center li.kakao a{
	color:#381e1f
}




/***********
오른쪽퀵메뉴
***********/

.quick_bar {
    position: fixed;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 0;
    min-width: 1280px;
    z-index: 89;
}

.quick_bar > .inner {
    position: absolute;
    right: 0;
    bottom: 0;
   width: 60px;
}
.quick_bar > .inner li{background:#000; height:60px; text-align:center; color:#fff; text-align:center;
    display: flex;
	justify-content: center;
    align-items: center;
    -webkit-transition-timing-function: cubic-bezier(.5,-0.02,0,.99);
    transition-timing-function: cubic-bezier(.5,-0.02,0,.99);
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}
.quick_bar > .inner li i{color:#fff;}
.quick_bar > .inner li.btn_fluting_top{display:none;}


#todayList-modal{}
#todayList-modal .todayList_wrap{width:300px}
#todayList-modal .modal-header{ border-bottom:none;}
#todayList-modal .modal-title{font-weight:600; font-size:20px}
#todayList-modal .modal-right button.close {top:15px; right:20px}

 
.todayList_wrap .todayGoodsList { position: relative; 	flex: 1; align-content: flex-start; gap: 50px 0; 	display: flex; flex-wrap: wrap; 	align-items: flex-start;}
.todayList_wrap .todayGoodsList li{display: flex;}
.todayList_wrap .todayGoodsList li .goods_img{width:80px; margin-right:10px}
.todayList_wrap .todayGoodsList li .goods_img img{width:100%}
.todayList_wrap .todayGoodsList li .item_tit{margin-top:0;} 
.todayList_wrap .todayGoodsList li .item_tit .item_name ,
.todayList_wrap .todayGoodsList li .item_tit .item_name a{  font-size: 14px;}
.todayList_wrap .todayGoodsList li .item_tit .item_cost strong{font-size:14px}
.todayList_wrap .todayGoodsList li .item_tit .item_cost strike{margin-right:5px}
.todayList_wrap .todayGoodsList li .item_tit .item_btn_box { margin-top:10px}
.todayList_wrap .todayGoodsList li .item_tit .item_btn_box a{margin-right:5px; cursor: pointer; }



#divMenu .quick_inner li{position:relative; padding:5px 8px; }
#divMenu .quick_inner li:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 8px;
    height: 1px;
    width:18px;
    background: #ddd;
}
#divMenu .quick_inner li:last-child:after{display:none;}
#divMenu .quick_inner li:last-child{padding-bottom:0}

.layout_control{
    position: relative;
    text-align: center;
    padding: 5px 0 0;
    margin: 0;
    -webkit-transition-timing-function: cubic-bezier(.5,-0.02,0,.99);
    transition-timing-function: cubic-bezier(.5,-0.02,0,.99);
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.layout_control .btn_fluting_bottom {
    position: relative;
    z-index: 1;
}
.layout_control .btn_fluting_top {
    position: absolute;
    top: 5px;
    left: 0;
    right: 0;
    opacity: 0;
}
.rightQuick.fixedQuick .layout_control{
    padding-top: 30px;
}
.rightQuick.fixedQuick .layout_control .btn_fluting_top {    opacity: 1;}





/***********
검색메인
***********/
.search_main_wrap h4{font-size:1.2222rem; margin-bottom:1.1111rem; color:#000}
.search_main_form{ margin-bottom:3.3333rem; margin-top:15px}
.search_main_form .smf_inner{padding:10px 0; border-bottom:1px #000 solid; }
.search_main_form input{border:none; width:calc(100% - 100px); font-size:1.8888rem}
.search_main_form a i{font-size:2rem;}

.search_main_form input::-webkit-input-placeholder { font-size:1.8888rem; color:#aaa; }
.search_main_form input:-ms-input-placeholder {font-size:1.8888rem;  color:#aaa;   }
.search_main_form input::placeholder { font-size:1.8888rem; 	  color:#aaa; }

.search_main_form .recommend_search_box{margin-top:15px}
.search_main_form .recommend_search_box p{color:#aaa; margin-right:10px}
.search_main_form .recommend_search_box div span{display:inline-block; margin-right:10px}

.search_best_box ul{margin-left:33px}
.search_best_box li{ list-style: decimal-leading-zero!important; position:relative; padding-left:10px; list-style-position: inside; margin-bottom:10px }
.search_best_box li::marker {text-align:left!important;   color:#000; font-weight:700}

 .search_event_box .search_event_img {
	position: relative;
    width: 100%;
    height: 400px;

}
.search_event_box .search_event_img img{
	position: absolute;
    top: 0;
    left: 0;
    transform: translate(50, 50);
    width: 100%;
    height: 100%;
    object-fit: cover;
    margin: auto;
 }
 .search_event_box .search_event_list{
	margin-bottom:2.2222rem;
 }

  .search_event_box .search_event_list .search_event_banner_box{
	margin-top:20px
  }
.search_event_box .search_event_list .search_event_banner_box p {
	font-size:1.11111rem
}
.search_event_box .search_event_list .search_event_banner_box span{
	display:none
}

.search_event_box .end_day_style .search_event_img{ }
.search_event_box .end_day_style .search_event_img:before{content:'종료된 이벤트';  position:absolute; top:50%; left:50%; transform: translate(-50%, -50%); z-index:15; color:#fff;}
.search_event_box .end_day_style .search_event_img:after{content:''; display:block; width:100%; height:100%; background:rgba(0,0,0,0.85); z-index:10; position:absolute; top:0; left:0}


@media (max-width:991.98px) {

	.search_main_wrap {margin-top:15px!important}

}


@media (max-width: 768.98px) {

	.search_main_content{background:#fff; padding:20px 15px}
	.search_main_form{ margin-bottom:15px}

	.smc_best, .smc_event {border:1px #eee solid; background:#fff; padding:20px; border-radius:10px; }
    .smc_best h4, .smc_event h4{border-bottom:1px #333 solid; padding-bottom:10px}
	.smc_event{margin-top:30px}

	 .search_event_box .search_event_list:last-child{ margin-bottom: 0px;  }


	.search_main_form input::-webkit-input-placeholder { font-size:18px;   }
	.search_main_form input:-ms-input-placeholder {font-size:18px;     }
	.search_main_form input::placeholder { font-size:18px; 	    }

}


.skin09_header_wrap, .skin09_navi{display:none!important}


/***********
모바일버전 최근본상품
***********/
.m_sub_tit_box{padding:25px 20px}
.m_sub_tit_box h3{color:#fff; font-size: 28px; line-height: 33px;}
.m_sub_tit_box p{color:#fff; margin-top: 10px; color: #fff; font-size: 15px; line-height: 19px;}
.today_goods_wrap{position:relative; min-height:250px}
.today_goods_wrap .no_product {position:absolute; top:50%; left:50%; transform: translate(-50%, -50%); }