*{margin:0;padding:0;}
html { font-size: 14px;}
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:#212529; font-weight:400;
	font-family:'Poppins','Pretendard','Figtree','Noto Sans KR',sans-serif;
}
 
@media (max-width:992px) {
	html {font-size: 12px; }
}

i{font-style:normal;}
 
input {
  background:transparent;
}
input:focus, button: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:#212529;  }
a:hover{color:#212529; }

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

/*[상단]
///////////////////////////////////////////////////////////
*/
.header_area {
	position:relative;
	/*
	width:100%;
	top:0;
	left:0;*/
	z-index:499;
	transition:background 0.4s,all 0.3s linear;
	background:#fff;
 
}


/*최상단 배너*/


.header_area #top_benner_bg{
	position: relative;
    width: 100%;
    height: 40px;
	background:#333;
    overflow: hidden;
 }
#top_benner_bg .topSlider{
    position: relative;
    width: 100%;
    height: 40px;
	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

}
#top_benner_bg .top_banner_img{
	 text-align:center;
}
#top_benner_bg .top_banner_img img{
	margin:0 auto;
}
#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: 50px;
 	z-index:2000;
	height:18px;
}
#top_benner_bg .topBannerClose a {
    display: block;
	 height:18px;
	 line-height:18px;
    font-size: 18px;
    color: rgba(255,255,255, 0.5);
    text-align: center;
	vertical-align:middle;
}

.topBanner .slick-arrow  {
	opacity:0;
}
.topBanner:hover .slick-arrow{
	opacity:1;
}
.topBanner .slick-prev {
	left:15px;
}
.topBanner:hover .slick-prev{
	left:-15px;
}
.topBanner .slick-next{
	right:15px;
}
.topBanner:hover .slick-next{
	right:-15px;
}

.topBanner .slick-prev:before, .topBanner .slick-next:before{
	color:rgba(255,255,255,0.5);
	font-weight:300;
	font-size:18px
}

.topBanner .slick-prev, .topBanner .slick-next {
     top: 50%;
     -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
 	-webkit-transition:.3s all ease-in-out;
	-o-transition:.3s all ease-in-out;
	transition:.3s all ease-in-out;
}


/*최상단 메뉴바*/

.topUtil_wrap{
	 padding:0px 0;
	 background:#fff;
	 border-bottom:1px #eee solid;
	 width:100%;
	 transition:all 0.3s ease-in;
}
 
 
.topUtil_wrap .top_language_sns{
	transition: all 0.3s ease;
}
.topUtil_wrap .top_language_sns ul{
	display: flex;
	justify-content: flex-start;
 	align-items: center;
	 
}

 
.top_language_sns .nav_sns{
	display: flex;
	justify-content: flex-start;
 	align-items: center;
}
.topUtil_wrap .top_language_sns .nav_language a,
.top_language_sns .nav_sns a{
    display: block;
    width: 28px;
    height: 28px;
    border-radius: 100%;
    background: rgba(0,0,0,.05);
    font-size: 15px;
    text-align: center;
    text-decoration: none;
    transition: all .7s ease;
    -webkit-transition: all .7s ease;
	margin-right:5px;
	display: flex;
	justify-content: center;
 	align-items: center;

}

.topUtil_wrap .top_language_sns .nav_language a:hover,
.top_language_sns .nav_sns a:hover{
	 background: rgba(0,0,0,.15);
}
.topUtil_wrap .top_language_sns .nav_language img{
	height:10px
}
.top_language_sns .nav_sns img{
	height:15px
}

.topUtil_wrap .top_util ul{
 	display: flex;
	justify-content: flex-end;
 	align-items: center;
}
.topUtil_wrap .top_util > ul > li {
	padding: 0px 15px;
    position: relative;
    margin-right: 0px;
 	text-align:center;
	line-height:38px;
	height:40px;
  
}
.topUtil_wrap .top_util li:last-child{
	margin-right:0
}
.topUtil_wrap .top_util li:after{
	content:'';
 	width:1px;
	height:10px;
	background:#ddd;
	position:absolute;
	top: 50%;
	margin-top: -5px;
  	right: 0px
}
.topUtil_wrap .top_util li.top_cscenter:after,
.topUtil_wrap .top_util li:last-child:after{
	display:none;
}
.topUtil_wrap .top_util li a{
	font-size:12px;
	color:#999;
	position:relative;
    transition: color .3s,font-weight .3s ease;
    -webkit-transition: color .3s,font-weight .3s ease;
	display: flex;
  	align-items: center;
}
.topUtil_wrap .top_util > ul > li  > a:hover{
	color:#000;
	 
}
 .topUtil_wrap .top_util > ul > li > a:hover:before{
	content:'';
	display:block;
	width:100%;
	height:1px;
	background:#000;
	position:absolute;
	bottom:-3px;
	left:0;
 }
 
.topUtil_wrap .top_util > ul > li.cart{
	position:relative;
}

.topUtil_wrap .top_util > ul > li.cart span{
 	width:15px;
	height:15px;
	line-height:15px;
	border-radius:50%;
	background:#edb7c8;
	color:#fff;
	font-size:11px;
	display: flex;
	justify-content: center;
 	align-items: center;
	z-index: 1;
	margin-left:5px;
}


.topUtil_wrap .dropdown-menu{
	background:#fff;
	z-index:3100;
 	border:1px #eee solid;
	border-top:1px #000 solid;
	border-radius:0;
	left: auto ;
	right:0;
    min-width: 110px;
}

 .topUtil_wrap .dropdown-item {
	display: block;
	width: 100%;
	padding: 5px 0px 5px 15px;
	color: #666!important;
	background: none;
	line-height:20px;
 }
 .topUtil_wrap .dropdown-item:hover{
	background:#f9f9fb;
	color:#edb7c8!important;
 }


.header_area.navbar_fixed .topUtil_wrap a{
	color:#666
}

.top_util li.dropdown:hover > .dropdown-menu { display:block; margin:0; }

/*검색*/
 
.top_util .top_search .top_search_inner{
	height:28px;
	line-height:28px;
	background:#f5f5f5;
	margin-top:6px;
	padding:0 10px;
	border-radius:14px;
 	-moz-transition:border .5s ease,width .5s ease,background .5s ease;
	-ms-transition:border .5s ease,width .5s ease,background .5s ease;
	transition:border .5s ease,width .5s ease,background .5s ease;
}
.top_util .top_search .top_search_inner .form-control{
	border:none;
	height:20px;
	padding:0 0px;
	background-color:transparent;
	width:120px;
	
}
.top_util .top_search .top_search_inner a i{
	font-size:16px;
	color:#333
}

.top_util .top_search .top_search_inner.active{
	background: rgba(0,0,0,.15);
}
 
 

/*로고*/

.topLogo_wrap{
	padding:15px;
	text-align:center
}


/*카테고리*/


.site-navbar{ 
	border-top:1px #eee solid;
	border-bottom:1px #eee solid; 
	width:100%;
	transition:all 0.3s ease-in;
}


 
.site-navbar .site-navigation .site-menu {
	margin-left:0;
	padding-left:0;
	margin-bottom:0;
}
.site-navbar .site-navigation .site-menu .dropdown-toggle::after, .site-mobile-menu .site-nav-wrap .dropdown-toggle::after{
	display:none;
}
.site-navbar .site-navigation .site-menu .active>a {
	 
}
.site-navbar .site-navigation .site-menu a {
	text-decoration:none !important;
	font-size:15px;
	display:inline-block;
}
.site-navbar .site-navigation .site-menu>li {
	display:inline-block;
	padding: 15px 5px;
}
.site-navbar .site-navigation .site-menu>li>a {
     font-size: 14px;
    text-transform: uppercase;
    padding: 0px 15px;
    display: inline-block;
	 
}
.site-navbar .site-navigation .site-menu>li>a:hover {
	 color:#000
}
.site-navbar .site-navigation .site-menu .has-children {
	position:relative;
}
.site-navbar .site-navigation .site-menu .has-children>a {
	position:relative;
	padding:0 25px;
}
.site-navbar .site-navigation .site-menu .has-children>a:before {
 
}
.site-navbar .site-navigation .site-menu .has-children .dropdown {
	visibility:hidden;
	opacity:0;
	top:100%;
	left: 0px;
	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;
	border-top:1px #000 solid;
	padding:0px 0;
	margin-top:20px;
	margin-left:0px;
	background:#fff;
	-webkit-transition:0.2s 0s;
	-o-transition:0.2s 0s;
	transition:0.2s 0s;
	z-index:1000;
}

.site-navbar .site-navigation .site-menu .has-children .full_dropdown {
    height: calc(100vh - 230px);
    overflow-y: hidden;
    overflow-x: hidden;
}

.site-navbar .site-navigation .site-menu .has-children .full_dropdown:hover{
   overflow-y:auto; 
}

.site-navbar .site-navigation .site-menu .has-children .full_dropdown::-webkit-scrollbar {
	width: 8px; 
	position:absolute;
	top:0;
	right:0;
}
.site-navbar .site-navigation .site-menu .has-children .full_dropdown::-webkit-scrollbar,
.site-navbar .site-navigation .site-menu .has-children .full_dropdown::-webkit-scrollbar-thumb {
  overflow:visible;
  border-radius: 4px;
}
.site-navbar .site-navigation .site-menu .has-children .full_dropdown::-webkit-scrollbar-thumb {
  background: rgba(0,0,0,.2); 
}

.site-navbar .site-navigation .site-menu .has-children .dropdown a {
	font-size:13px;
	text-transform:none;
	letter-spacing:normal;
	-webkit-transition:0s all;
	-o-transition:0s all;
	transition:0s all;
	line-height:20px
}
.site-navbar .site-navigation .site-menu .has-children .dropdown .active>a {
	color:#000000 !important;
}
.site-navbar .site-navigation .site-menu .has-children .dropdown>li {
	list-style:none;
	padding:0;
	margin:0;
	min-width:180px;
}
.site-navbar .site-navigation .site-menu .has-children .dropdown>li>a {
	padding:9px 20px;
	display:block;
	color:#333!important
}
.site-navbar .site-navigation .site-menu .has-children .dropdown>li>a:hover {
	background:#f9f9fb;
	color:#edb7c8;
}
.site-navbar .site-navigation .site-menu .has-children .dropdown>li.has-children>a:before {
	content:"\e315";
	right:20px;
}
.site-navbar .site-navigation .site-menu .has-children .dropdown>li.has-children>.dropdown,.site-navbar .site-navigation .site-menu .has-children .dropdown>li.has-children>ul {
	left:100%;
	top:0;
}
.site-navbar .site-navigation .site-menu .has-children .dropdown>li.has-children:hover>a,.site-navbar .site-navigation .site-menu .has-children .dropdown>li.has-children:active>a,.site-navbar .site-navigation .site-menu .has-children .dropdown>li.has-children:focus>a {
	background:#f9f9fb;
	color:#edb7c8;
}
.site-navbar .site-navigation .site-menu .has-children a {
	text-transform:uppercase;
}
.site-navbar .site-navigation .site-menu .has-children:hover>a,.site-navbar .site-navigation .site-menu .has-children:focus>a,.site-navbar .site-navigation .site-menu .has-children:active>a {
 
}
.site-navbar .site-navigation .site-menu .has-children:hover,.site-navbar .site-navigation .site-menu .has-children:focus,.site-navbar .site-navigation .site-menu .has-children:active {
	cursor:pointer;
}
.site-navbar .site-navigation .site-menu .has-children:hover>.dropdown,.site-navbar .site-navigation .site-menu .has-children:focus>.dropdown,.site-navbar .site-navigation .site-menu .has-children:active>.dropdown {
	-webkit-transition-delay:0s;
	-o-transition-delay:0s;
	transition-delay:0s;
	margin-top:0px;
	visibility:visible;
	opacity:1;
}
 




.site-mobile-menu {
	width:calc(100% -  0px);
	position:fixed;
	left:0;
	z-index:2000;
	padding-top: 0px;
	background:#fff;
	height:calc(100vh);
	-webkit-transform:translateX(-110%);
	-ms-transform:translateX(-110%);
	transform:translateX(-110%);
	-webkit-box-shadow:-10px 0 20px -10px rgba(0,0,0,0.1);
	box-shadow:-10px 0 20px -10px rgba(0,0,0,0.1);
	-webkit-transition:.3s all ease-in-out;
	-o-transition:.3s all ease-in-out;
	transition:.3s all ease-in-out;
}
.offcanvas-menu .site-mobile-menu {
	-webkit-transform:translateX(0%);
	-ms-transform:translateX(0%);
	transform:translateX(0%);
}
.site-mobile-menu .site-mobile-menu-header, .site-mobile-menu .site-mobile-menu-footer {
	width:100%;
	float:left;
	margin-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
}

.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-close {
	position:absolute;
	top: 5px;
	right: 15px;
 	border:1px solid #eee;
	width:28px;
	height:28px;
    background:#fff;
	border-radius:50%;
	display: flex;
	justify-content: center;
 	align-items: center;
}
.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-close span {
	font-size:20px;
	display:inline-block;
	padding-left:10px;
	padding-right:10px;
	line-height:1;
	cursor:pointer;
	-webkit-transition:.3s all ease;
	-o-transition:.3s all ease;
	transition:.3s all ease;
}
.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-close span:hover {
	color:#25262a;
}
.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo {
	float:left;
	margin-top:10px;
	margin-left:20px;
}
.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo a {
	display:inline-block;
	text-transform:uppercase;
	color:#000;
	letter-spacing:.2em;
	font-size:22px;
	font-weight:900;
}
.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo a:hover {
	text-decoration:none;
}
.site-mobile-menu .site-mobile-menu-body {
	overflow-y:scroll;
	-webkit-overflow-scrolling:touch;
	position:relative;
	padding:0px 15px;
	height:calc(100vh - 150px);
	padding-bottom:290px;
}
.site-mobile-menu .site-nav-wrap {
	padding:0;
	margin:0 -15px;
	list-style:none;
	position:relative;
}
.site-mobile-menu .site-nav-wrap a, .site-mobile-menu-community .memberlist li a  {
	padding:10px 20px;
	display:block;
	position:relative;
	color:#212529;
}
.site-mobile-menu .site-nav-wrap a:hover, .site-mobile-menu-community .memberlist li a:hover {
	color:#053863;
}
.site-mobile-menu .site-nav-wrap li {
	position:relative;
	display:block;
}
.site-mobile-menu .site-nav-wrap li.active>a {
	color:#053863;
}
.site-mobile-menu .site-nav-wrap .arrow-collapse {
	position:absolute;
	right:15px;
	top:10px;
	z-index:20;
	width:20px;
	height:20px;
	text-align:center;
	cursor:pointer;
	border-radius:50%;
}
.site-mobile-menu .site-nav-wrap .arrow-collapse:hover {
	background:#f8f9fa;
}
.site-mobile-menu .site-nav-wrap .arrow-collapse:before {
 
	z-index:20;
    content: "\F0140";
    font: normal normal normal 24px/1 "Material Design Icons";
	position:absolute;
	top:50%;
	left:50%;
	-webkit-transform:translate(-50%,-50%) rotate(-180deg);
	-ms-transform:translate(-50%,-50%) rotate(-180deg);
	transform:translate(-50%,-50%) rotate(-180deg);
	-webkit-transition:.3s all ease;
	-o-transition:.3s all ease;
	transition:.3s all ease;
}
.site-mobile-menu .site-nav-wrap .arrow-collapse.collapsed:before {
	-webkit-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
}
.site-mobile-menu .site-nav-wrap>li, .site-mobile-menu-community .memberlist li {
	display:block;
	position:relative;
	float:left;
	width:100%;
	 border-bottom: 1px solid #f4f4f4;
}
.site-mobile-menu .site-nav-wrap>li>a, .site-mobile-menu-community .memberlist li a {
	padding-left: 15px;
	padding-right: 15px;
	font-size:12px;
}
.site-mobile-menu .site-nav-wrap>li>ul {
	padding:0;
	margin:0;
	list-style:none;
	background:#f7f7f7;
	    border-top: 1px solid #f4f4f4;
}
.site-mobile-menu .site-nav-wrap>li>ul>li {
	display:block;
}
.site-mobile-menu .site-nav-wrap>li>ul>li>a {
 	padding:7px 15px;
	font-size:12px;
	color:#999
}
.site-mobile-menu .site-nav-wrap>li>ul>li>ul {
	padding:0;
	margin:0;
}
.site-mobile-menu .site-nav-wrap>li>ul>li>ul>li {
	display:block;
}
.site-mobile-menu .site-nav-wrap>li>ul>li>ul>li>a {
	font-size:16px;
	padding-left: 60px;
}

.site-language, .site-mymenu{
	display:none;
}

.site-mobile-menu-language{
	border-top: 1px solid #d1d1d1;
	    background: #f5f5f5;
		padding-top:6px;
	 
}
.site-mobile-menu-language .language-btn{
  	 border-bottom:1px solid #e9e9e9;
}
.site-mobile-menu-language .language-btn span{
	position: relative;
    display: block;
    padding: 15px 15px;
    line-height: 20px;
    color: #000;
    letter-spacing: -1px;
    font-size: 14px;
    font-weight: 500;
    background: #fff;
    text-align: left;
}
.site-mobile-menu-language .language-btn a.flag_active{
 
}
 
.site-mobile-menu .menutabs ul {
    border-bottom: 1px solid #e9e9e9;
    overflow: hidden;
}
.site-mobile-menu .menutabs li {
    float: left;
    width: 50%;
    text-align: center;
}
.site-mobile-menu .menutabs li a {
    position: relative;
    display: block;
    padding: 15px 15px;
    line-height: 20px;
    color: #999;
    letter-spacing: -1px;
    font-size: 14px;
    font-weight: 500;
    background: #fff;
    text-align: left;
}
.site-mobile-menu .menutabs li a:before {
    content: '';
    position: absolute;
    bottom: 0px;
    left: 0;
    width: 100%;
    height: 1px;
    background: none;
}

 
.site-mobile-menu .menutabs li a.sel {
     color: #000;
}
 
.site-mobile-menu .menutabs li a.sel:before {
     background: #000;
}



.mymenu_box{
	padding:0px 0;
	border-bottom:1px #eee solid;
	 
}
.non_member{
 	padding:20px 15px;
	display: flex;  gap: 0 10px;  
}
.non_member p{
	font-size:1rem;
	margin-bottom:1rem;
}
.non_member .btn{
	width:calc(50% - 5px);
}


.mymenu_box .my_top{background:#000;  padding:15px;  }
.mymenu_box .my_top strong{ font-size:15px; color:#fff}

.mymenu_box .my_top .logout{position:relative; border-bottom: 0.1rem solid #fff;}
.mymenu_box .my_top .logout a {color: #fff; font-size: 13.5px; padding-right:18px; margin-bottom:3px; display:inline-block}
.mymenu_box .my_top .logout::after {content: ''; position: absolute;  bottom: 0; right: 0.4rem; display: block; width: 0.2rem; height:0.8rem; border-right: 0.1rem solid #fff; 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;}

.site-mobile-menu-mymenu .top_language_sns{
	padding:5px 15px;
	border-bottom:1px #eee solid;
}
.site-mobile-menu-mymenu .top_language_sns ul{
	display: flex;
	justify-content: flex-start;
 	align-items: center; 
}

.site-mobile-menu-mymenu .top_language_sns .nav_language a {
    display: block;
    width: 28px;
    height: 28px;
    border-radius: 100%;
    background: rgba(0,0,0,.05);
    font-size: 15px;
    text-align: center;
    text-decoration: none;
    transition: all .7s ease;
    -webkit-transition: all .7s ease;
    margin-right: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.site-mobile-menu-mymenu .top_language_sns .nav_language img{
	height:10px
}

.pc_main_menu{
	 
	border-right:1px #eee solid;
}

.pc_main_menu .all_category{
	border-left:1px #eee solid;
	border-right:1px #eee solid;
	margin-right:15px
}

.pc_main_menu .all_category a{
	display:block;
	width:50px;
	height:50px;
	display: flex;
	justify-content: center;
 	align-items: center;
}
.pc_main_menu .all_category a i{
	font-size:24px;
	position:relative;
}
.pc_main_menu .all_category a i:after{
	content: '\e86c';
	font-family: "unicons";
	display:block;
	font-size:24px
}
.pc_main_menu .all_category.active{
	border-left:1px #000 solid;
}
.pc_main_menu .all_category.active a{
	background:#000;
	color:#fff;
	position:relative;
}
.pc_main_menu .all_category.active a:after{
 
}
.pc_main_menu .all_category.active i:after{
	content: '\ead2';
}



.all_category_box{

	display:none;
	position:absolute;
	top:51px;
	left:0;
	width:100%;
	height:500px;
	border:1px #000 solid;
	background:rgba(255,255,255,1);
	overflow-y:scroll;
	 
}

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


.all_category_box .allcategory_wrap {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
	 
}

.all_category_box .allcategory_wrap .allcate_left{
    display: flex;
    flex-wrap: wrap;
    flex-grow: 0;
    flex-shrink: 1;
    width: calc(100% - 210px);
}

 
.all_category_box .allcategory_wrap .allcate_left > li{
    width: calc(50% - 16px);
	padding:18px 15px;
}



.all_category_box .allcategory_wrap .allcate_left > li > div > a {
    display: block;
    padding-left: 14px;
    padding-right: 14px;
    font-size: 14px;
    line-height: 38px;
    font-weight: 500;
    color: #333;
    background: #f9f9fb;
	margin-bottom:10px

}

.all_category_box .allcategory_wrap .allcate_left > li .step2_menu a{
    display: block;
    font-size: 12.5px;
    color: #666;
    padding-left: 14px;
    padding-right: 20px;
    line-height: 32px;
}
.all_category_box .allcategory_wrap .allcate_left > li .step2_menu a:hover{
    background-color: #f9f9fb;
    color: #000
}

 

.all_category_box .allcategory_wrap .allcate_right{
     flex-grow: 0;
    flex-shrink: 1;
    width: 210px;
    box-sizing: border-box;
    padding: 18px 20px;
    background: #f9f9fb;
}

.all_category_box .allcategory_wrap .allcate_right h3{
	font-size:14px;
	border-bottom:1px #dfdfdf solid;
	display: flex;
    align-items: center;
	height:38px;
	padding-left: 9px;
}


.all_category_box .allcategory_wrap .allcate_right li a{
    display: block;
    font-size: 12.5px;
    line-height: 32px;
    padding-left: 9px;
    padding-right: 9px;
    color: #555;
}

.all_category_box .allcategory_wrap .allcate_right li a:hover {
    background-color: rgba(100,100,100,.3);
    color: #fff;
}

.all_category_box .allcategory_wrap .allcate_right .all_company_box{
	margin-top:15px
}

.pc_main_menu .nav-community{
	margin-left:15px;
	position:relative;
}

.pc_main_menu .nav-community:before{
	content:'';
	display:block;
	width:1px;
	height:10px;
	background:#000;
	position:absolute;
	top:50%;
	left:-13px;
	transform: translateY(-50%);
}


.pc_main_menu .nav-community li a{
	font-size:14px;
 	padding:15px 25px;
	position:relative;
}

.pc_main_menu .nav-community li a:hover{
	color:#000;
}
.pc_main_menu .nav-community li a:hover:after{
	content:'';
	display:block;
	width:100%;
	height:1px;
	background:#000;
	position:absolute;
	bottom:-3px;
	left:0
}


.pc_main_menu .top_notice{position:absolute; top:50%; transform: translateY(-50%); right:0; height:30px;  margin-left:45px;  width:300px; padding-left:20px}
.pc_main_menu .top_notice:before{
    content: '';
    display: block;
    width: 1px;
    height: 10px;
    background: #000;
    position: absolute;
    top: 50%;
    left: -25px;
    transform: translateY(-50%);
}
.pc_main_menu .top_notice:after{
	content:'N';
	display:block;
	width:12px;
	height:12px;
	line-height:12px;
	color:#fff;
	background:#000;
	border-radius:2px;
	position:absolute;
	top:50%; transform: translateY(-50%); 
	left:0;
	text-align:center;
	font-weight:700;
	font-size:10px;

}


.pc_main_menu .top_notice .NoticeSlider   {
    opacity: 0;
    visibility: hidden;
    transition: opacity 1s ease;
    -webkit-transition: opacity 1s ease;
	height:30px;
	position:relative;
}
.pc_main_menu .top_notice .NoticeSlider.swiper-initialized {
    visibility: visible;
    opacity: 1; 
 }
.pc_main_menu .top_notice .swiper-slide{
	 height:30px!important;
	 line-height:32px;
}
.pc_main_menu .top_notice .swiper-slide a{
	color:#666
}
.pc_main_menu .top_notice .NoticeSlider .swiper_button_box{
	display:none;
	position:absolute; top:0; right:0

}
 

/*상단 스크롤*/
.header_area.navbar_fixed {
	position:fixed!important;
	z-index:190;
 
}
.header_area.navbar_fixed .topCate_box {
 	display:none;
}
 
.header_area.navbar_fixed .m_top_menu {
	display:block!important;
}






/*상단반응형*/

@media (max-width: 1300px) {
	.pc_main_menu .top_notice{  width:200px; }
}

@media (max-width: 1200px) {
	.pc_main_menu .top_notice{ display:none;}
}


@media (max-width: 992px) {
 	.pc_main_menu .all_category{margin-right:0}
 	.site-navbar .site-navigation .site-menu .has-children>a{padding:0 5px}
 	.pc_main_menu .nav-community li a{padding:15px 10px}
}


@media (max-width: 870px) {
  	.site-navbar .site-navigation .site-menu .has-children>a{padding:0 0px; font-size:13px}
 	.pc_main_menu .nav-community li a{padding:15px 5px; font-size:13px}
}


.topCate_box{
	text-align:center;
	border-top: 1px #eee solid;
 
}
.topCate_box ul{
	display: grid;   gap:  0px; grid-template-columns: repeat(5, 1fr)
}
.topCate_box ul::-webkit-scrollbar {display:none}
.topCate_box ul::-webkit-scrollbar-thunmb {display:none}
.topCate_box ul::-webkit-scrollbar {display:none}
.topCate_box ul::-webkit-scrollbar-thunmb { display:none}
.topCate_box li {
	display: inline-block;
	position: relative;
	height: 40px;
	text-align: center;
	padding:10px  0px;
	border-bottom:1px #eee solid;
}
.topCate_box  li:after{
	content:'';
	display:block;
	position:absolute;
	top:50%;
	right:0;
	width:1px;
	height:12px;
	margin-top:-6px;
	background:#eee


}
.topCate_box  li:nth-child(5n):after{
	display:none;
}

.topCate_box  li a{
	position: relative;
	display: inline-block;
	font-size: 12px;
	font-weight: 400;
	color: #000;
	letter-spacing: -1px;
	vertical-align: middle;
	transition: all 0.5s;
}

.m_top_menu{
	text-align:center;
	border-top: 1px #eee solid;
	border-bottom: 1px #eee solid;
}
 .m_top_menu ul{
	display: inline-block;
	font-size: 0;
	white-space: nowrap;
	vertical-align: top;
	position: relative;
	overflow-x: scroll;
	width: 100%;
 }
 .m_top_menu ul::-webkit-scrollbar {display:none}
 .m_top_menu ul::-webkit-scrollbar-thunmb {display:none}
 .m_top_menu ul::-webkit-scrollbar {display:none}
 .m_top_menu ul::-webkit-scrollbar-thunmb { display:none}
 .m_top_menu  li {
	display: inline-block;
	position: relative;
	height: 40px;
	text-align: center;
	padding:10px 20px
 }

 .m_top_menu  li a{
	position: relative;
	display: inline-block;
	font-size: 14px;
	font-weight: 400;
	color: #000;
	letter-spacing: -0.5px;
	vertical-align: middle;
	transition: all 0.5s;
 }
 .m_top_menu  li a span{
	position:relative;
 }
 .m_top_menu  li.active a span{
	color:#b60a2c
 }
 .m_top_menu  li.active a span:after{
	content:'';
	display:block;
	width:100%;
	height:3px;
	background:#b60a2c;
	position:absolute;
	bottom:-7px;
	left:0
 }


 

.topUtil_wrap{display:none}
.topLogo_wrap{}
.topLogo_wrap .top_toggle{position:absolute; top:50%; transform: translateY(-50%); left:0; z-index:90}
.topLogo_wrap .top_toggle span{font-size:22px}
.topLogo_wrap .top_logo img{height:30px}
.topLogo_wrap .top_join {position:absolute; top:50%; transform: translateY(-50%); left:35px; z-index:90}
.topLogo_wrap .top_join i{font-size:20px}
.topLogo_wrap .top_join .benefit { 
	position:absolute; left:50%; top:25px; background:#edb7c8; width:56px; height:20px; margin-left:-28px; font-size:11px; line-height:20px; color:#fff; text-align:center; border-radius:0px; animation:benefit 1s linear infinite; border-radius:5px; text-align:center;
}
@keyframes benefit {0% {transform:translateY(0)} 50% {transform:translateY(-4px)} 100% {transform:translateY(0)}}

.topLogo_wrap .top_join .benefit:after{
	content:'';
	width: 0px;
	height: 0px;
	border-top: 5px solid #edb7c8;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	transform: rotate(  180deg );
	position:absolute;
	margin-left:-5px;
	top:-5px;
	left:50%
}


.topLogo_wrap .top_util_mo{position:absolute; top:50%; transform: translateY(-50%); right:0; z-index:90}
.topLogo_wrap .top_util_mo > div{margin-left:10px}
.topLogo_wrap .top_util_mo i{font-size:20px}
.topLogo_wrap .top_util_mo .top_cart span{
	display:block;
	position:absolute;
	top:0;
	right:0;
	width: 15px;
	height: 15px;
	line-height: 15px;
	border-radius: 50%;
	background: #edb7c8;
	color: #fff;
	font-size: 11px;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 1;
	margin-left: 5px;
}


 

 










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

footer{background:#fff; color:#707070; position:relative; font-size:12px; border-top:1px #333 solid;  }
footer .footer_menu{
	padding:15px 15px;
	border-bottom:1px #eee solid;
}
footer .footer_menu ul{
 	display: flex;
	justify-content: flex-start;
 	align-items: center;
}
footer .footer_menu li{
	padding:0 15px;
	position:relative;
}
footer .footer_menu li:after{
	content:'';
	display:block;
	width:1px;
	height:12px;
	background:#eee;
	position:absolute;
	top:3px;
	right:0
}
footer .footer_menu li:last-child:after{
	display:none;
}
footer .footer_menu li a{
	color:#333
}
footer .footer_menu li a:hover{
	color:#000
}

footer .footer_info{
	padding: 15px 15px 80px 15px
}

footer .footer_info h4{
	font-size:14px;
	margin-bottom:15px
}

footer .footer_info .footer_info_box{
	padding:0 15px
}

.footer_info_box dt{
	font-size:24px;
	font-weight:700;
	line-height:1;
	margin-bottom:5px;
	padding-left:30px;
	position:relative;
}
.footer_info_box dt:before{
 	content: "\F03F2";
	display:block;
	font: normal normal normal 24px/1 "Material Design Icons";
	position:absolute;
	top:0;
	left:0
}


.footer_info_box dt + dt + dt{
	margin-bottom:5px
}
.footer_info_box dt + dt:before{
	content: "\F011D";
}
.footer_info_box dt + dt + dt:before{
	content: "\ebee";
	    font-family: xeicon!important;
}

.footer_info_box dd{
	color:#666; font-size:12px
}	



 
.footer_info_box li{color:#666; margin-bottom:5px}
.footer_info_box .footer_bank_info li span{color:#000; display:inline-block; width:90px; } 
.footer_info_box .footer_bank_info li:last-child{margin-top:10px}
 

.footer_info_box .footer_delivery_info li{
	display: flex;
	justify-content: space-between;
 	align-items: center;
}
.footer_info_box .footer_delivery_info li:last-child{margin-top:10px}
.footer_info_box .footer_delivery_info li span{
	padding-left:20px;
	position:relative;
}

.footer_info_box .footer_delivery_info li span:before{
 	content: "\F129C";
	display:block;
	font: normal normal normal 16px/1 "Material Design Icons";
	position:absolute;
	top:0;
	left:0
}
.footer_info_box .footer_delivery_info li a{
 	position:relative;
}
.footer_info_box .footer_delivery_info li a:before{
 	content: '\eb44';
	display:none;
	font-family: unicons;
	position:absolute;
	top:0;
	left:0
}


.footer_info_box .footer_commu_info li a:hover{
	color:#000;
	text-decoration:underline!important;
}

.footer_info .footer_info_box:after{
	content:'';
	display:block;
	width:1px;
	height:100%;
	min-height:130px;
	position:absolute;
	top:0;
	right:-15px;
	background:#eee
}
.footer_info .col-lg-2 .footer_info_box:last-child:after{
	display:none;
}

footer .footer_compnay_info{
	padding:30px 0; 
	border-top:1px #eee solid;
}
footer .footer_compnay_info h4{
	font-size:14px;
	margin-bottom:15px
}
.footer_compnay_info .compnay_info_box{
	padding:0 0 0 15px
}
.footer_compnay_info .compnay_info_box p{
	margin: 0px 0px 2px; color:#666
}
.footer_compnay_info .compnay_info_box p span{
	display:inline-block;
	margin-right:15px
}
.footer_compnay_info .compnay_info_box p span:last-child{
	margin-right:0
}
.footer_compnay_info .compnay_info_box p span em{
	color:#000
}

.footer_compnay_info .footer_logo_box{
	display: flex;
	justify-content: flex-end;
 	align-items: center;
}
.footer_compnay_info .footer_logo_box p{
	margin-left:10px;
	
}
.footer_compnay_info .footer_logo_box p img{
	border-radius:10px;
}

.footer_compnay_info .footer_logo_box p:first-child{
	margin-left:0
}

 

footer .footer_notice{
	padding:0 15px;
	background:#000;
	color:#fff;
	text-align:center;
	font-size:14px;
	height:45px;
	line-height:45px
}




.mobile_footer{background:#fff; border-top:1px #ddd solid; position:fixed; left:0; bottom:0; width:100%; z-index:10}
.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:18px;
}
.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: 768px) {

  
	 
	footer .footer_menu li {
		padding: 0 7px;
 	}

	footer .footer_menu li:first-child{
		padding:0 7px 0 0
	}

 
 

}

 


/*********************************
오른쪽 퀵메뉴
*********************************/
.rightQuick {
    position: fixed;
    bottom: 50px;
    right: 15px;
    background: rgba(255,255,255,0.7);
    border: 1px solid #dedede;
    border-radius: 40px;
    z-index: 95;
    padding: 5px 0;
}

 
.quick_inner {
	position: relative;
	height: auto;
	margin-top: 0;
	transition: margin 0.3s cubic-bezier(0.17, 0.04, 0.03, 0.94);
}
.quick_inner li{position:relative; padding:5px 8px; }
.quick_inner li:after {
	content: "";
	display: block;
	position: absolute;
	bottom: 0;
	left: 8px;
	height: 1px;
	width:18px;
	background: #ddd;
}
.quick_inner li:last-child:after{display:none;}
.quick_inner li:last-child{padding-bottom:0}
.quick_inner li i{font-size:20px}

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



@media (max-width: 992px) {

	.rightQuick {display:none}

}

/*********************************
메인
*********************************/

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

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

.main_style_wrap section{
	padding:50px 0 70px
}

 
.mainSlider .swiper-button-prev, 
.mainSlider .swiper-button-next {color:#fff }

.mainSlider .swiper-button-prev:after, 
.mainSlider .swiper-button-next:after { font-size:24px}



.main_goods_style{}
.main_goods_style .main_tit_box{text-align:center; margin-bottom:30px}
.main_goods_style .main_tit_box h2{font-weight:700; font-size:24px}
.main_goods_style .main_tit_box p{ font-size: 14px;   font-weight: normal; color: #888;}



@media (max-width: 768px) {

	.main_slider_wrap .container{
		padding-left:0;
		padding-right:0
	}


}

.main_m_notice_box{ position:relative; padding-left:30px; border-bottom:1px #eee solid; margin-bottom:30px}
.main_m_notice_box .btn_more{position:absolute; top:10px; right:10px; z-index:90} 
.main_m_notice_box:after{
	content:'N';
	display:block;
	width:12px;
	height:12px;
	line-height:12px;
	color:#fff;
	background:#000;
	border-radius:2px;
	position:absolute;
	top:50%; transform: translateY(-50%); 
	left: 10px;
	text-align:center;
	font-weight:700;
	font-size:10px;

}


.main_m_notice_box .mNoticeSlider   {
    opacity: 0;
    visibility: hidden;
    transition: opacity 1s ease;
    -webkit-transition: opacity 1s ease;
	height:30px;
	position:relative;
}
.main_m_notice_box .mNoticeSlider.swiper-initialized {
    visibility: visible;
    opacity: 1; 
 }
.main_m_notice_box .swiper-slide{
	 height:30px!important;
	 line-height:32px;
}
.main_m_notice_box .swiper-slide a{
	color:#666
}
 
 


.main_board_box{
	border-bottom:1px #eee solid;
	padding :20px 0!important;
	display: grid;
    gap:  0px;
	grid-template-columns: repeat(3, 1fr);
}

.main_board_box .board_banner, .main_board_box .board_notice{padding:0 30px}
.main_board_box .board_banner .board_txt span,
.main_board_box .board_banner .board_txt strong{display:block;} 
.main_board_box .board_banner .board_txt strong{font-size:24px; margin-bottom:7px}
.main_board_box .board_banner .board_txt span{color:#888}
.main_board_box .board_banner .board_img{width:120px; overflow:hidden; border-radius:50% }
.main_board_box .board_banner .board_img img{width:100%; 
    -webkit-transform: translate(0,0) scale(1);
    transform: translate(0,0) scale(1);
    -webkit-transition: all .5s;
    transition: all .5s;
} 
.main_board_box .board_notice .notice_tit a i{font-size:20px; color:#888}
.main_board_box .board_notice .notice_tit strong{font-size:18px}
.main_board_box .board_notice .main_notice_box {padding:3px 0 0 0} 
.main_board_box .board_notice .main_notice_box li{padding:1px 0}

.main_board_box .board_banner{border-right:1px #eee solid;}
.main_board_box .board_banner:hover .board_img img{
    -webkit-transform: translate(0,0) scale(1.12);
    transform: translate(0,0) scale(1.12);
    -webkit-transition: -webkit-transform .5s;
    transition: transform .5s
}

@media (max-width: 992px) {

	.main_board_box{display:none;}

}


/*********************************
공통
*********************************/

.dream_wrap{padding:0 0 150px 0}
.dream_wrap .dream_container{}
.dream_wrap .dream_container:after{content:'';display:block; clear:both;}
.dream_wrap .dream_container .dream_contents{padding-top: 30px }
 
.dream_wrap .dream_container .dream_contents_sub:before{ }
.dream_wrap .dream_container .dream_contents_full{padding-top: 0px }

@media (min-width: 992px) {
	 
    .dream_wrap .dream_container.lnbStyle{
		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;
	}
	.dream_wrap .dream_container .dream_lnb{ 
	
		position: sticky;
		top: 55px;
		width: 180px;
		margin:  0px 60px 0 0;
		 

	}
	.dream_wrap .dream_container .dream_lnb .cs_menu_wrap h3{font-size:36px; margin-bottom:30px}
	.dream_wrap .dream_container .dream_lnb .cs_menu_wrap li{
		font-size:16px;
 		padding:15px 0
	}
	.dream_wrap .dream_container .dream_lnb .cs_menu_wrap li:last-child{ }
	.dream_wrap .dream_container .dream_lnb .cs_menu_wrap li.active a{color:#2fb8bd}

 	.dream_wrap .dream_container .dream_contents_sub{ width:calc(100% - 240px);  position:relative; padding-top:0  }

	 


}

 @media (max-width: 992px) {
 	.dream_wrap{padding:0 0 50px 0}
	.dream_wrap .dream_container .dream_lnb{display:none!important }

	.dream_wrap .dream_container .dream_contents_sub {
		float: none;
		width: calc(100% - 0px);
 	}
	.dream_wrap .dream_container .dream_contents {
		padding-top:  0px;
	}
 }


/*상단이미지*/

.sub_page_topimg, 
.sub_title_image{display:none}

/*약관박스*/
.provision_wrap{margin-bottom:30px}
.provision_wrap .provision_box{ border:1px #eee solid; padding:15px; overflow-x:hidden; width:100%; line-height:1.6; margin-bottom:15px; height:150px; margin-top:30px}



/*네비게이션*/


.page-title-box{ min-height:50px; margin-top: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; }
.page-title-box .breadcrumb li:first-child{ text-transform: uppercase !important;}
.page-title-box .breadcrumb li{color: #999; font-size:13px;    display: flex;  align-items: center; position: relative;     margin-right: 30px;}
.page-title-box .breadcrumb li a{color: #999; font-size:13px}
.page-title-box .breadcrumb li.active {  color: #000;}
.page-title-box .breadcrumb li .icon_home{position:relative; width:16px; height:16px; display:block; }
.page-title-box .breadcrumb li .icon_home:after{    content: "\F06A1"; font: normal normal normal 18px/1 "Material Design Icons"; display:block; position:absolute; top:-1px; left:0}

.page-title-box .breadcrumb li:before {display: block;  content: "\F0142"; position: absolute;  top: 2px;  left: -20px; color: #eee; font: normal normal normal 16px/1 "Material Design Icons";}
.page-title-box .breadcrumb li:first-child:before{display:none;}


 @media (max-width: 992px) {

	.page-title-box{display:none}

 }




/*상단타이틀*/
.sub_header{margin-bottom:30px}
.sub_header .breadcrumb{
	background:transparent; border-radius:0; padding:0; margin:0;
	text-align:center;
}
.sub_header .breadcrumb h3{
	font-weight:700; 
	font-size:27px
}


@media (min-width: 768px) {
	.sub_menu_wrap{ padding-bottom:50px; text-align:center;}
	.sub_menu_wrap ul{display:inline-block;}
	.sub_menu_wrap ul:after{content:''; display:block; clear:both;}
	.sub_menu_wrap li{float:left;
		padding: 0 30px;
		position: relative;
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-ms-align-items: center;
		align-items: center;
	 
	}
	.sub_menu_wrap li a{
		font-size: 18px;
		opacity: 0.4;
	}
	.sub_menu_wrap li.active a{
		opacity: 1;
		position:relative;
	}
	.sub_menu_wrap li.active a:after{content:'';display:block; width:100%; height:2px; background:#000; position:absolute; bottom:-10px; left:0}

	.sub_menu_wrap li:after{content:'';display:block; clear:both; width:1px; height:12px; background:#ddd; opacity: 1; position:absolute; top:50%; margin-top:-6px; left:0px}
	.sub_menu_wrap li:first-child:after{display:none;}
 
}


@media (max-width: 992px) {


	.sub_header {
		border-bottom: 1px #eee solid; 	margin-bottom:  0px; 	margin-left: 0px; 	margin-right: 0px;
	}

	.sub_header .breadcrumb {
		margin-bottom: 0;
		background: #fff;
		padding: 15px 35px 15px 35px;
		box-sizing: border-box;
		font-weight: normal;
		text-align: center;
	}
	.sub_header .breadcrumb h3 {
		font-size: 16px;
		margin-bottom: 0px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		font-weight:500
	}
	.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:18px}


 	.sub_menu_wrap .navSlide{ margin:0 0px 30px 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: 1rem;}
	.sub_menu_wrap .navSlide>.list>li.active>a{color: #edb7c8; font-weight: bold;}
	.sub_menu_wrap .navSlide>.list>li.active>a::before{width: 100%; position:absolute; left:0px; bottom: -1px; content:""; background: #edb7c8; height:2px;}


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

}


/*박스*/

.dream_info_box{background-color: #f7f7f7;  border-top: 1px solid #eee; border-bottom: 1px solid #eee; padding:20px; line-height:180% }
.dream_info_box li{position:relative; padding:0 0 0 15px}
.dream_info_box li:after{content:'-'; display:block; position:absolute; top:0px; left: 0px}


.telBox > div{width:100px; margin-right:15px; position:relative;}
.telBox > div:after{content:'-'; position:absolute; top:50%; right:0px;transform: translateY(-50%);}
.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}

.emailBox .emailForm{  }
.emailBox .emailForm > div{ position:relative;}
.emailBox .emailForm .email_at{position:relative;  margin-right:30px; }
.emailBox .emailForm .email_at: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 > div .form-control{ }
.emailBox .checkingEmailBox .btn{margin-right:10px}


.zipcodeBox{width:100%}
.zipcodeBox .btn{margin-left: 0px}

 

/*타이틀*/

.sub_tit_box{margin:50px 0 15px 0}
.sub_tit_box h4.subTit{font-weight:400; font-size:1.285714rem; margin-bottom:0}
.sub_tit_box:first-child{margin:30px 0 15px 0}

@media (max-width: 992px) {
	.dream_info_box{ margin:0 0px; border-top:none; }
	
 	.sub_tit_box{margin:30px 0 15px 0; display:block!important}
 
	.telBox > div{width:calc((100% - 30px)/3)}
	.telBox > div input[type=text]{width:100%}
 	.telBox > div:after{ right:-10px; }

	.zipcodeBox{}
	.zipcodeBox .btn{width:90px; height:40px; display:flex;	justify-content: center;  align-items: center; }
	.zipcodeBox input{width:calc(100% - 90px)!important}

	#Countryon .zipcodeBox input{width:calc(100% - 100px)!important}
	#Countryon .zipcodeBox .btn{ margin-left:10px }

}


 /*버튼*/

 


/*********************************
상품목록
*********************************/
.category_topimg{display:none;}

.dream_goods_wrap{}

.dream_goods_wrap ul{
	display: grid;
    gap:15px 10px;
}

.dream_goods_list{padding-bottom:15px}
.dream_goods_list .goods_img{position:relative}
.dream_goods_list .goods_img img{width:100%}
.dream_goods_list .goods_img > a > img{
		max-width:100%;
 		position: absolute;
		top: 0;
		left: 0;
		transform: translate(50, 50);
		width: 100%;
		height: 100%;
		object-fit: cover;
		margin: auto;
}

.dream_goods_list .goods_img:hover .goods_img_on {background-color:black;filter:alpha(opacity=60);opacity: 0.6;}
.dream_goods_list .goods_img .soldout_icon{position:absolute; top:7px; left:7px; z-index:2}

.dream_goods_list .item_tit{padding:10px 0 15px}
.dream_goods_list .item_tit .item_name{font-size:13px; padding-right:0px; word-wrap:break-word}
.dream_goods_list .item_tit .item_price{
	margin-top:5px;
	display: flex;
	justify-content: space-between;
 	align-items: center;
	 
}



.dream_goods_list .item_tit .item_price strong{font-size:13px; color:#edb7c8}
.dream_goods_list .item_tit .item_price strong img{display:none;}
.dream_goods_list .item_tit .item_price strike{margin-left: 0px;display:block; font-size:12px; color:#999} 
.dream_goods_list .item_tit .item_icon{margin-top:5px; display: flex; justify-content: flex-start; align-items: center;}
 
.dream_goods_list .item_tit .item_point{font-size:11px}
.dream_goods_list .item_icon span{margin-right:3px}
.dream_goods_list .item_icon  { padding-bottom:10px }

/*카테고리 중분류*/
.sub_category_wrap{
	margin-bottom:30px
}
.sub_category_wrap ul{
	display: grid;
    gap:  0px;
	grid-template-columns: repeat(6, 1fr);
	border:1px #eee solid;
	border-bottom:none;
	position:relative;
 }
.sub_category_wrap ul:after{
	content:'';
	display:block;
	width:100%;
	height:1px;
	background:#eee;
	position:absolute;
	bottom:0;
	left:0
}

.sub_category_wrap ul li {
    border-radius: 0;
	border:1px #eee solid;
    margin-left: 0;
	text-align:center;
	border-left:none;
	border-top:none;
 
}
.sub_category_wrap ul li:nth-last-child(-n+6){
	 
}

.sub_category_wrap ul li:nth-child(6n){
	 border-right:none;
}


.sub_category_wrap ul li a{
	display:block;
	padding:12px  10px;
}
.sub_category_wrap ul li.active,
.sub_category_wrap ul li.active a{
	background:#fbf1f0
}


.sub_category_step3_wrap{  text-align:center; margin: 0px 0  0px; position:relative; border-top:1px #eee solid; }
.sub_category_step3_wrap ul {
	 display: grid; gap: 0px; grid-template-columns: repeat(2, 1fr); position:relative;
}	
.sub_category_step3_wrap ul:after{
	content:'';
	display:block;
	width:100%;
	height:1px;
	background:#eee;
	position:absolute;
	bottom:0;
	left:0
}
.sub_category_step3_wrap ul:before{
	content:'';
	display:block;
	width:1px;
	height:100%;
	background:#eee;
	position:absolute;
	top:0;
	left:50%
}

.sub_category_step3_wrap li {
		display: inline-block;
		position: relative;
 		height: 40px;
		text-align: center;
		padding:10px  0px;
		border-bottom:1px #eee solid;
}
.sub_category_step3_wrap li a{
		position: relative;
		display: inline-block;
		font-size: 12px;
		font-weight: 400;
 		letter-spacing: -0.5px;
		vertical-align: middle;
		transition: all 0.5s;
}
.sub_category_step3_wrap li.active a{
	position:relative;
	color:#edb7c8
}

 



/*상품정렬*/
.goodsList_item_sort{border-bottom:1px #eee solid; margin-bottom:30px; padding-bottom:15px}
.goodsList_item_sort .total_items strong{
	color:#edb7c8;
}

/*상품검색*/

.searchList_item_sort{}

/*최근본상품*/
.dream_goods_today{padding-top:30px}
.dream_goods_today ul{grid-template-columns: repeat(4, 1fr);}


 

@media (max-width: 992px) {
	/*카테고리 중분류*/
	.sub_category_wrap ul{
 		grid-template-columns: repeat(3, 1fr);
		border-top:none;
		border-left:none;
		border-right:none;
 	 }
	.sub_category_wrap ul li:nth-child(3n){
		 border-right:none;
	}
	.sub_category_wrap{margin: 0 0px 30px 0px}

	.searchList_item_sort{margin-top:30px}


}

@media (max-width: 768px) {

 

	.dream_goods_wrap.dream_goods_submain ul, .dream_goods_wrap.dream_goods_today ul{
		 grid-template-columns: repeat(2, 1fr)!important;
		 gap: 15px;

	}

	.dream_goods_list .item_tit{padding:10px 0 10px}

	.dream_goods_list .item_tit .item_price{
 		display: block;
		 
	}
	.dream_goods_list .item_tit .item_name{   }

	.dream_goods_submain .dream_goods_list .item_tit .item_name{    }
	.dream_goods_today .dream_goods_list .item_tit .item_name{     }



	/*카테고리 중분류*/
	 .sub_category_wrap ul li {
		display: flex;
		justify-content: center;
		align-items: center;
	 }
	 .sub_category_wrap ul li a {
 		padding: 12px 5px;
		font-size:13px;
		letter-spacing:-0.5px;
		 
 
	}
	/*상품정렬*/
	.goodsList_item_sort{}
	.goodsList_item_sort .total_items em{display:none;}
 


}



 /***********
검색메인
***********/
.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; background:transparent;}
.search_main_form a i{font-size:2rem;}

.search_main_form input:focus{ background:transparent;}
.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: 200px;

}
.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:15px
  }
.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:#f7f7f7; padding:20px 15px}
	.search_main_form{ margin-bottom:15px}

	.smc_best, .smc_event {border:1px #ddd solid; background:#fff; padding:20px; border-radius:10px;box-shadow: 0.3rem 0.3rem 0.8rem rgba(193,193,193,0.6);}
    .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; 	    }

}



/*********************************
게시판
*********************************/

.board_topimg{display:none;}

.sub_header.board_header{margin-bottom:0}

/*상단타이틀*/

.board_top p{font-size: 14px; margin: 15px 0 50px 0;   padding: 0; color: #999; 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_list_wrap{border-top:1px #000 solid;}
.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 #eee solid; padding:15px 0}
.board_list_wrap > ul > li .bl_notice{padding-left:10px; display: flex; align-items: center; }
.board_list_wrap > ul > li .bl_notice img{margin-right:5px}
.board_list_wrap > ul > li .bl_notice a{font-size:14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.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{padding-left:10px}
.board_list_wrap > ul > li .bl_title a{font-size:14px}
.board_list_wrap > ul > li .bl_title img{margin-left:3px}

.faq_notice , .gallery_notice_list{border-top:1px #eee solid;}
.faq_notice li, .gallery_notice_list li{
	  display: flex; justify-content: flex-start;   align-items: center; border-bottom:1px #eee solid; padding:15px 0
}

.faq_notice li a, .gallery_notice_list li a{
	 white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}

.faqList h5{font-size:16px}
.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-subject{
	width:calc(100% - 45px)
}

.board_bottom_wrap{
	margin-top:50px;
	display: flex;
	justify-content: space-between;
 	align-items: center;
}

.board_search_box{
	display: flex; 
	align-items: center; 
	justify-content: flex-start;
}
.board_search_box .board_search_form{
	margin-left:15px;
	border-bottom:1px #000 solid;
}
.board_search_box .board_search_form .inputTypeText{
	border:none;
	height:32px;
	padding-top:0
}

.no_data_box{    background-color: #f7f7f7; text-align:center; font-size:16px; padding:60px 30px }

/*갤러리*/
.gallery_notice_list{margin-bottom:30px}
.board_gallery_wrap{
	display: grid;
    gap: 20px;
	grid-template-columns: repeat(4, 1fr);
}

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


/*보기  */
 
.board_view_top{margin-bottom:10px; font-size:14px; border-top:1px #000 solid; 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%}
 
 
.board_next_prev_box .board_next_prev_list{height:50px; line-height:50px; border-bottom:1px #eee 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: "\F0966"; font: normal normal normal 18px/1 "Material Design Icons"; position: absolute;  top: 50%;  left: 15px; transform: translateY(-50%);}

.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: "\e945"; font-family: xeicon!important; position: absolute;  top: 0px;  left: 15px;     }
.board_next_prev_box .board_next_list span:after{ content: "\e942"; font-family: xeicon!important; position: absolute;  top: 0px;  left: 15px;   }

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

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

.tail_word_textarea{width: calc(100% - 110px);}
.tail_word_textarea textarea{ border:1px #eee 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 #eee solid; height:45px; line-height:45px; margin-right:5px}


.tail_word_list_box{border-top:1px #eee solid;}
.tail_word_list_box li {padding:0px 0px; border-bottom:1px #eee 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:#fafafa; height:50px; line-height:50px; padding-left:20px; border-bottom:1px #eee dotted;}
.tail_word_list_box li .tail_info span{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:#eee}
.tail_word_list_box li .tail_info span:last-child:after{display:none}
.tail_word_list_box li .tal_contents{ 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";}



/*글작성*/

.board_input_box{}

.board_input_box dd .inputTypeText{width:100%}

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

/*비밀번호 입력*/

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

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




@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_top p{display:none;}

	/*갤러리*/
	.board_gallery_wrap{ gap: 10px; }
	.board_gallery_wrap .dream_galleryboard_list .gallery_borad_photo .gallery_borad_img{height:300px}


}

@media (max-width: 768px) {
	 
	.board_list_wrap > ul > li{display:block;}
	.board_list_wrap > ul > li .bl_info{margin-top:5px; padding-left:10px}
	.board_list_wrap > ul > li .bl_info span{font-size: 12px;  }
	.board_list_wrap > ul > li .bl_title {display:block;}
	.board_list_wrap > ul > li .bl_title a{font-size:14px}
  
 
	/*faq*/
 	.faqList h5{font-size:1rem}
 	.faqList .card-header{padding-left:10px; padding-right:10px}
	.faqList .custom-accordion-title .flex-l-m > div:last-child {width:calc(100% - 40px);}
	.faq-question-q-box{margin-right:10px}
	.custom-accordion .accordion-arrow{top:50%; transform: translateY(-50%); font-size: 1rem;}

	/*갤러리*/
	.board_gallery_wrap .dream_galleryboard_list .gallery_borad_photo .gallery_borad_img{height:250px}


	/*보기*/
 	.board_view_top{ border-top:none;  font-size:12px}
	.board_next_prev_box .board_next_prev_list{  font-size:12px}
	.board_next_prev_box .board_next_prev_list a{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

	/*댓글*/
	.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
	}



}



@media (max-width: 630px) {
	.board_bottom_wrap{display:block;}
 	.board_search_box{justify-content: space-between;}
	.board_search_box .board_search_form  {width:calc(100% - 195px); margin-left:0}
	.board_search_box .board_search_form .inputTypeText{width:calc(100% - 25px);}

	.board_bottom_wrap .board_btn_box{margin-top:30px}
	.board_bottom_wrap .board_btn_box .btn-basic{width:100%}

 	/*갤러리*/
	.board_gallery_wrap .dream_galleryboard_list .gallery_borad_photo .gallery_borad_img{height:150px}

	/*보기*/

	.board_view_top .ViewTitle h3 { font-size: 18px!important; }

	.board_next_prev_box .board_next_prev_list {	display: flex;  align-items: center;  justify-content: flex-start;}
	.board_next_prev_box .board_next_prev_list  span {width:45px}
	.board_next_prev_box .board_next_prev_list  span em{display:none;}
	.board_next_prev_box .board_next_prev_list  a{width:calc(100% - 45px); display:block}

	.board_pw_box{width:100%; margin:0 auto; margin-top:30px}
}



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

/*회사소개*/
.company_subtitle_image{ padding:30px 0; text-align:center;}
.company_subtitle_image img{ max-width:100%}
.company_content{text-align:center;}

/*이용약관*/
.join_provision_wrap{background-color: #fafafa; padding: 15px;}
.join_provision_wrap > .agree {  padding: 25px;  border: 0; background:#fff;}


/*이용안내*/
.shop_guide_box{padding:50px 0 0 0}

 
@media (max-width: 630px) {
	.shopguide_nav li.nav-item a em{display:none;}
	.shopguide_nav li.nav-item a{padding:0.625rem}
}

 




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

 
.sub_header.sub_header_mypage .breadcrumb{text-align:left;}


.mypageBody .sub_tit_box h5{font-weight:400; font-size:1.125rem; margin-bottom:15px}


.sub_mypage_menu_wrap{display:none}

.mypage_top_box{ background:#f7f7f7;  padding:  0px  0px;  margin-bottom:50px}
.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{
 	display: flex;
	justify-content: flex-start;
 	align-items: center;
	margin-left:30px
}
.mypage_top_box .myt_tit .group_name_box{
	width:90px;
}
.mypage_top_box .myt_tit .group_name_box span{
	display:block;
	width:70px;
	height:70px;
	border-radius:50%;
 	display: flex;
	justify-content: center;
 	align-items: center;
	background:#edb7c8;
	color:#fff;
	font-size:22px;
}

.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 { font-size:14px; color:#666}
.mypage_top_box .myt_tit p span{color:#edb7c8; 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 #fff; 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;  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 (min-width: 992px) {
 
}

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


/*왼쪽메뉴*/

.lnb_my_menu_box{  padding:0px 0px;  }
.lnb_my_menu_box h3{display:none;}
.lnb_my_menu_box dl{margin :0 0 15px 0;  }
.lnb_my_menu_box dl:first-child{border-top:none;  }
.lnb_my_menu_box dt{padding:15px 0 5px; font-size:17px; color:#000; font-weight:400 }
.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{font-size:14px; color:#666}
.lnb_my_menu_box dd a:hover{ color:#000; text-decoration:underline!important;}
.lnb_my_menu_box dl.custom dd {padding-top:15px}
.lnb_my_menu_box dl.custom dd a{font-size:17px; color:#000; font-weight:600; position:relative; padding-left: 0px}
.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";}
.lnb_my_menu_box dd.active a{color:#000; text-decoration:underline!important; }


.dream_lnb .member_grade_box{display:none;}

.mypage_form_box .inputTypeText{width:100%}

@media (max-width: 992px) {

	.sub_header.sub_header_mypage .breadcrumb{text-align:center;}

}



/*테이블*/

.mypage_list_wrap{ }

.mypage_list_wrap .mypage_list_header{
	position: relative;
 	display: flex;
 	align-items: center;	
	width:100%;
	border-bottom: 1px solid #eee;
	border-top: 1px solid #000;

}
.mypage_list_wrap .mypage_list_header > div{
	padding: .75rem;
	text-align:center;
	font-size:14px;
	background:#f7f7f7;
	border-left:1px #eee solid;
}	
.mypage_list_wrap .mypage_list_header > div:first-child{border-left:none;}

.mypage_list_wrap .my_list_item{
	width:calc(100% - 450px)
}
.mypage_list_wrap .my_list_date  {
	width:200px;
	text-align:center;
}
 
.mypage_list_wrap .my_list_status{
	width:150px;
	text-align:center;
}


@media (max-width: 992px) {
	.mypage_list_wrap .mypage_list_header{
		display:none;
	}

	 .mypage_list_wrap .mypage_list_body .my_list_box{
 		display: block;
		padding-bottom:10px
 	 }

	 .mypage_list_wrap .mypage_list_body .my_list_box > div{
		padding: 0  .75rem;
 	}	


}


.dreamweb_table_community .table thead th{text-align:center; background:#F5F5F5; font-size:14px; font-weight:500; border-top:1px #000 solid; border-left:1px #eee 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 #eee solid;}
.dreamweb_table_community .table td:first-child{border-left:0}



/*메인*/

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

.mypage_m_top_box{background:#f3f5f7; ; padding:30px 15px 15px 15px; }

.mypage_m_top_box .myt_tit h3 {font-size:1.5555rem; font-weight:400; }
.mypage_m_top_box .myt_tit p, .mypage_m_top_box .myt_tit p a{ font-size:14px;  }
.mypage_m_top_box .myt_tit p a span{color:#2fb8bd; 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;  }

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

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

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

.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{padding:0 15px}
.mypage_mo_cs_box .cs_tit{
	font-weight: 600;
	font-size: 14px;
	line-height: 18px;
	border-bottom: 1px solid #F5F5F5;
	padding: 21px 26px;
	color:#2fb8bd
}

.mypage_mo_cs_box dl{
	margin:21px 26px
}

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

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


.myorder_process_step{border-top:1px #eee solid; border-bottom:1px #eee solid;  padding:20px 0 15px;  margin: 0px 0 50px 0}
.myorder_process_step ul:after{content:''; display:block; clear:both}
.myorder_process_step li{width:20%; float:left;  padding:0 15px; text-align:center; }
.myorder_process_step li:last-child{border-right:none;}
.myorder_process_step li span{font-size:14px; color:#999; display:block;}
.myorder_process_step li em{font-size:36px; color:#000; font-weight:600;display:block;}


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


@media (max-width: 992px) {
	.myorder_process_step{border:none; border-bottom:5px #f5f5f5 solid; margin-bottom:0; border-radius: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:150px }
	.mypage_today .dream_goods_list .item_tit .item_name {
 		max-width: 150px;
	}

 }





/*주문목록*/
.dreamweb_order_table{margin-top:30px}
.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-top:10px ; padding-bottom:10px; border-bottom: 1px solid #eee; }
.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:#fa5c7c; font-size:18px}
.order_detail_payment dd.total_payment2{color:#fa5c7c;}
.order_detail_payment_box .total_payment_line{margin:10px 0; border-bottom: 1px solid #eee; }


.my_basic_box{
	border-top:1px #eee solid;
}
.my_basic_box .no_content{
	text-align:center;
	padding:50px 15px
}

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

.my_basic_box .my_list_box .my_info_top{
	color: #999;
	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;
	color:#edb7c8
}

.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: "\6d";
	position: absolute;
	font-family: dripicons-v2 !important;
	top:0;
	right:0;
	color: #edb7c8;

}



/*회원정보수정*/

.modify_email_check #mailno span{display:block; margin-top:10px}
.modify_email_check .checkingEmailBox .btn{display:none;}

@media (max-width: 992px) {
	.modify_email_check .join_idcheck_box .btn{margin-top:10px}
}


/*배송지*/

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


.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: 992px) {

 
 
	.myAddrTop{margin-bottom:0; padding-bottom:10px}
	.address_list_box{margin-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}
  
}


/*추천인*/

.recom_list_header > div{
	width:25%;
	text-align:center;
}

.recom_list_body{
	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;
	width:100%;
	 border-bottom: 1px solid #e9e9e9;
}
.recom_list_body > div{
	width:25%;
	text-align:center;
	padding:0.75rem;
}

@media (max-width: 992px) {

 	.recom_list_body .goods_list_no{
		display:none;
	}

	.recom_list_body{
		display:block;
		padding:10px 0
	}
	.recom_list_body:first-child{
		border-top:1px #000 solid;
	}


	.recom_list_body > div{
		position:relative;
		width:50%;
		float:left;
		text-align:left;
		padding:0.25rem 0.75rem;

	}
	.recom_list_body:after{
		content:'';
		display:block;
		clear:both;
	}


}


/*쿠폰*/
.mycoupon_wrap{padding:15px 0 0  0px}
.mycoupon_list{
	margin-bottom:40px
}
.mycoupon_wrap .mycoupon_list:last-child{
	margin-bottom:0
}
.mycoupon_list .mycoupon_box{
	border:1px #a9a9a9 solid;
	border-radius:10px;
	min-height:150px;
	width:100%;
	position:relative;
	text-align:center;
	padding:15px 15px 0 15px;
}
.mycoupon_box:after{
	content:'';
	display:block;
	width:23px;
	height:46px;
	background:url(/webftp/mycoupon_box_line_l.png) no-repeat;
	position:absolute;
	left:-1px;
	top:50%;
	-webkit-transform: translateY(-50%);
  	-moz-transform: translateY(-50%);
  	-ms-transform: translateY(-50%);
  	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
.mycoupon_box:before{
	content:'';
	display:block;
	width:23px;
	height:46px;
	background:url(/webftp/mycoupon_box_line_r.png) no-repeat;
	position:absolute;
	right:-2px;
	top:50%;
	-webkit-transform: translateY(-50%);
  	-moz-transform: translateY(-50%);
  	-ms-transform: translateY(-50%);
  	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}

.mycoupon_box .coupon_kind{
	border:1px #2fb8bd solid;
	border-radius:15px;
	padding:5px 15px;
	display:inline-block
}

.mycoupon_box .coupon_name{
	font-weight:500;
	padding-top:10px
}
.mycoupon_box .coupon_discount{
	font-size:30px;
	color:#2fb8bd;
	font-weight:700
}
.mycoupon_box .coupon_usable{
	border-top:1px #a9a9a9 solid;
	text-align:center;
	padding:10px;;
	width:calc(100% + 30px);
	margin-left:-15px;
	margin-top:15px;

}

.mycoupon_list .mycoupon_info{
	    color: #989898;
		font-size:12px;
		text-align:center;
		padding-top:10px
}



/*관심상품*/


.mypage_list_wrap .wish_list_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;
	width:100%;
	 border-bottom: 1px solid #eee;
	 
}

.mypage_list_wrap .wish_list_box > div{
	 padding:.75rem 0;
	 min-height:75px;
	 border-left:1px #eee solid;
	display: flex;
 	align-items: center;
	justify-content: center;
}

.mypage_list_wrap .wish_list_box > div:first-child{
	border-left:none;
}


.mypage_list_wrap .my_list_wishitem{width:calc(100% - 350px)}
.mypage_list_wrap .my_list_image{width:80px; text-align:center;}
.mypage_list_wrap .my_list_name{width:calc(100% - 430px)}
.mypage_list_wrap .my_list_wishcost{width:150px;text-align:center;}
.mypage_list_wrap .my_list_wishbtn{width:200px; text-align:center;}
.mypage_list_wrap .my_list_wishbtn a{margin:0 2px}
 


@media (max-width: 992px) {

 	.wish_list_body{
		border-top: 1px solid #eee;
	}
	.mypage_list_wrap .wish_list_box{
 		display: block;
		padding-left:90px;
 	}
 	.mypage_list_wrap .wish_list_box > div{
 		 min-height:auto;
		 border-left:none;
		display: block;
		padding:0 0 0 0
 	}
	.mypage_list_wrap .wish_list_box .my_list_name{
		padding-top:1rem;
	}
	.mypage_list_wrap .wish_list_box .my_list_wishcost{
 		padding:0 0 0 0
 	}
	.mypage_list_wrap .wish_list_box .my_list_image{
		position:absolute;
		top:0.75rem;
		left:0
	}

 	.mypage_list_wrap .my_list_name,
	.mypage_list_wrap .my_list_wishcost,
	.mypage_list_wrap .my_list_wishbtn{width:auto;  }
	.mypage_list_wrap .my_list_wishcost{ padding:5px 0;  text-align:left; }
	.mypage_list_wrap .my_list_wishbtn{ text-align:right; padding-bottom:10px!important}
	.my_list_wishbtn .btn_icon{ display:inline-block!important; }
	.my_list_wishbtn .btn_icon i{ font-size:1.5rem; margin-left:7px }
}


/*마일리지*/
.mileage_box{}
.mileage_box .table-bordered {    border-left:none;  border-right:none}
.mileage_box .table-bordered th{background:#fafafa;}
.mileage_box .table-bordered th:first-child{border-left:none;}
.mileage_box .table-bordered th:last-child{border-right:none;}
.mileage_box .table-bordered td:first-child{border-left:none;}
.mileage_box .table-bordered td:last-child{border-right:none;}

.mileage_box .row .col-lg-4{
	padding:0;
	text-align:center;
}
.mileage_box .row{
	margin:0
}
.mileage_box dt {
	border-bottom: 1px solid #eee;
	border-top: 1px solid #000;
	background: #fafafa;
	padding:  .75rem;
	border-right:1px solid #eee;
	font-weight:400;
}
.mileage_box dd{
 	border-bottom: 1px solid #eee;
 	padding:1rem .75rem;
	border-right:1px solid #eee;
}
.mileage_box .row .col-lg-4:last-child dl dd, .mileage_box .row .col-lg-4:last-child dl dt{
	border-right:none;
}

.mypage_list_wrap .mypage_list_body .mileage_list_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;
	width:100%;
	border-bottom: 1px solid #eee;
	 
}
.mypage_list_wrap .mypage_list_body .mileage_list_box > div{
	 
	 
}
.mypage_list_wrap .mypage_list_body  .mileage_info_box{
	width:calc(100% - 200px  );
	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;
 
}

.mypage_list_wrap .mypage_list_body  .mileage_info_box > div{
	border-left:1px #eee solid;
	padding:1rem 0;
}


.mypage_list_wrap .mypage_list_body .mileage_info_box:after{
	content:'';
	display:block;
	clear:both;
}
.mypage_list_wrap .mypage_list_body .mileage_info_box .my_list_status{
	text-align:center;
	width:150px
}

.mypage_list_wrap .my_list_mileage, .mypage_list_wrap .my_list_dc {
    width: 100px;
    text-align: center;
}


.mypage_list_wrap .mypage_list_body .mileage_info_box .my_list_mileage{
	text-align:center;
}

.mypage_list_wrap .mypage_list_body .mileage_info_box .my_list_item{
	width:calc(100% - 250px)
}


.mypage_list_wrap .mypage_list_body .mileage_info_box .my_list_item .mileage_item{
	padding-left:10px;
 	display: flex;
	justify-content: flex-start;
 	align-items: center;
}

.mypage_list_wrap .mypage_list_body .mileage_info_box .my_list_item .mileage_item .mileage_ico{
	display: inline-flex;
    align-items: center;
    height: 20px;
    padding: 0 8px;
    font-size: 12px;
    line-height: 1.2em;
    letter-spacing: -0.02em;
    color: #fa6767;
    border-radius: 0;
    background-color: rgba(250,103,103,.18);
	margin-right:10px;
}


.mypage_list_wrap .mypage_list_body .mileage_info_box .my_list_item .mileage_item .mileage_ico.mileage_use{
     color: #999;
     background-color: #f5f5f5;
 
}

@media (max-width: 991.98px) {


 	.mypage_list_wrap .mypage_list_body .mileage_list_box{
 		display: block;
 	}
	.mypage_list_wrap .mileage_list_body {
  		 border-top: 1px solid #eee;
	}

	.mypage_list_wrap .mypage_list_body  .mileage_info_box{
 		display: block;
		padding-top:0!important
 	}

	.mypage_list_wrap .mypage_list_body  .mileage_info_box > div{
		border-left:none;
		padding:0.5rem 0
 	}

	.mypage_list_wrap .mypage_list_body  .mileage_info_box .mypage_list_status{ text-align:center; width:auto; }

	
	.mypage_list_wrap .mileage_list_box .my_list_date{padding-top:15px;
	    width: 100%;
		padding-bottom: 0!important;
		text-align: left;
		color: #999;
		font-size: 11px;
	}
 	.mypage_list_wrap .mypage_list_body .mileage_info_box, .mypage_list_wrap .mypage_list_body .mileage_info_box .my_list_item{ width:100% }
	.mypage_list_wrap .mypage_list_body .mileage_info_box .my_list_item .mileage_item{padding-left:0; display:block;}
	.mypage_list_wrap .mypage_list_body .mileage_info_box .my_list_item .mileage_item p{margin-top:5px}
	.mypage_list_wrap .mypage_list_body .mileage_info_box .my_list_item{padding-bottom:0}
 
	.mypage_list_wrap .mypage_list_body .mileage_info_box .my_list_mileage{  float:none;  text-align:left; }
	.mypage_list_wrap .mypage_list_body .mileage_info_box .my_list_status{  position:absolute; bottom:2px; right:0; text-align:right; width:auto;	}

 	.mileage_box dt,
	.mileage_box dd{ border-right:none; }

}



/***********
로그인
***********/
 
.login_form_wrap{width:520px; margin:30px auto 0; }
.login_form_wrap h3{text-align:center;}
.login_form_box{ margin-top:30px }
.login_form_box .form-control{padding-top:25px; padding-bottom:25px; padding-left:15px; background:#f5f5f5; border:none;  font-size:16px;}
.login_form_box .form-control:focus{background:#f5f5f5;}
.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:10px}

.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 #eee solid!important;}
.login_form_wrap .nav-tabs .nav-link.active, 
.login_form_wrap .nav-tabs .nav-item.show .nav-link{color:#000;  }
.login_form_wrap .nav-tabs .nav-link{font-size:1.14285rem}
.login_form_wrap .login_form_box .btn-basic{ font-size:17px; padding:14px 0; width:100%  }


.login_form_box .form-group .input-group-append{position:absolute; top:50%; transform: translateY(-50%); right:15px; z-index:30}

.login_form_box .password-eye:before {
	font-family:"Material Design Icons";
	content:"\F06D0";
	font-style:normal;
	font-weight:400;
	font-variant:normal;
	vertical-align:middle;
	line-height:1.2;
	font-size:16px;
}
.login_form_box .show-password .password-eye:before { content:"\F06D1"; }

.sns_login_box{text-align:center; padding:30px 0 0 0; border-top:1px #eee 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;   
display:block; margin:0 auto; margin-bottom: 0px; position:relative; border-radius:50%} 
.sns_login_box .icon_sns:after{content:'';display:block;  font-family: xeicon!important; position:absolute; top:50%; left:50%; transform: translate(-50%, -50%); color:#fff; font-size:18px}


.sns_login_box .sns_naver{background:#03cf5d;}
.sns_login_box .sns_naver:after{   content: "\ebf9";}
.sns_login_box .sns_facebook{background:#405a94;}
.sns_login_box .sns_facebook:after{   content: "\ebd3"}
.sns_login_box .sns_twitter{background:#000;}
.sns_login_box .sns_twitter:after{content: "\ec1f";}
.sns_login_box .sns_kakao{background:#ffe102 }
.sns_login_box .sns_kakao:after{content: "\ebee"}

 
.sns_login_box .sns_login_btn a{margin-left:15px;  }
.sns_login_box .sns_login_btn a:last-child{margin-left:0}
 
.pwfind_send_mail{padding:15px 0 30px 0}
.pwfind_send_mail li{padding:3px 0;text-align:center;}

.idpwfind_agree_wrap{margin-bottom:30px}
.idpwfind_agree_box{background:#ffffff;width:100%;margin:0 auto;height:200px;overflow:auto;text-align:left;padding:15px;border:1px solid #eee;}

#forgotPwmodal .modal-footer .btn{display:block; width:100%}
#forgotPwmodal .pwcheck_ok_n{font-size:16px; font-weight:700; padding:15px 5px}

.autologin_box{}
.autologin_box span img{width:18px}

span#autologin{display:none;}
span#autologin_on{}



@media (max-width: 992px) {

 
}


@media (max-width:630px) {
	.login_form_wrap{width:100%;  } 
	.sns_login_box{display:block;}
	.sns_login_box .sns_login_tit{  font-size:14px; margin-bottom:15px}

	.sns_login_box .sns_login_btn{justify-content: center;}

}

 

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

.join_wrap{}
.join_wrap .join_idcheck_box .inputTypeText{margin-right:10px}
.join_wrap .join_idcheck_box .join_id_form .btn{margin-right: 10px}

 .country_zipcode{width:100%}

@media (max-width: 992px) {
	.join_wrap .inputTypeText{width:100%}
	.join_idcheck_box{display:block}
	.join_idcheck_box .join_id_txt{padding-top:10px}

	.join_wrap .btn-sm{height:40px; display:flex;	justify-content: center;  align-items: center;}

	.join_id_form .inputTypeText{width:calc(100% - 100px)}
	.join_id_form .btn-sm{width:90px; margin-right:0!important}

	.emailBox,
	.emailBox.mo_emailBox,
	.emailBox.mo_emailBox2{ display:block; }	


	.emailBox.mo_emailBox #mailno,
	.emailBox #mailno,
	.emailBox .btn,
 	.emailBox.mo_emailBox .emailForm .btn{margin-top:10px}

	.checkingEmailBox{display:block;}
	.checkingEmailBox span{display:block; margin-top:10px}


	.emailBox.mo_emailBox .emailForm{display:block;}
	.emailBox.mo_emailBox .email_list_box{margin-top:10px; width:100% }
	.emailBox.mo_emailBox .email_list_box .form-control{ width:100% }

	 .country_zipcode{ }

}


.popup_wrap{font-size:14px}
.popup_wrap .modal-body{}
.popup_wrap .modal-footer {justify-content: center;}

.idcheck_box{text-align:center; padding:15px 0}

#Countryon ul li, #cha_zip ul li, #Countryon_2 ul li { }
#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: 0px}

#Countryoff .select_national_btn{margin-left:10px}

 

/*회원가입완료*/

.member_introduce_box{text-align:center; padding:30px 0}
.member_introduce_box i{display:block; margin:0 auto; margin-bottom:15px; font-size:24px}
.member_introduce_wrap .page_btn .btn-basic{cursor: pointer;}



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

.cart_blank_box i{font-size:4rem; color:#999}


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

.order_contents_wrap .order_goods_box{

    position: relative;
    width: 890px;
}

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

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

.order_contents_wrap .totalPayment_box .cartTotalPayment_box{border:1px #eee solid; padding:30px 25px 30px}
.order_contents_wrap .totalPayment_box .cartTotalPayment_box h4{margin-bottom:25px; text-align:left;}
.order_contents_wrap .totalPayment_box .cart_page_btn{margin-top:15px;  }
.order_contents_wrap .totalPayment_box .cart_page_btn .btn{ padding:14px 0; font-size:1.125rem; }

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

.order_contents_wrap .totalPayment_box .cartTotalPayment_box dl#viewcart_cost dd, .cartTotalPayment_box dl.totaldelev dd{
	   color: #edb7c8; 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:flex-end;
	-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:1px #eee solid;  }
 

.order_goods_box .cart_list_wrap .cart_list_body li{padding:40px 0; border-bottom:1px #eee 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;}
.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{  position: relative; flex: none; width: 100px; }
.order_goods_box .cart_list_wrap .cart_list_body .goods_list_box .cart_good_img img{max-width:70px; max-height:70px}
.order_goods_box .cart_list_wrap .cart_list_body .goods_list_box .cart_good_info { flex: 1; justify-content: start; padding: 0 50px 0 20px;}
.order_goods_box .cart_list_wrap .cart_list_body .goods_list_box .cart_etc_info_box {   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 #eee 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: #e61d37;}

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

.total_price_box{padding:15px 15px; background:#f7f7f7}
.total_price_box dl{
	display: flex;
	justify-content: space-between;
 	align-items: center;
	margin:2px 0
}



 @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: 992px) {
	.order_goods_box .dream_info_box{display:none;}
	.order_contents_wrap{display:block; margin:0 -15px; 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%;
 	}

	.cart_listChk .cart_top_btn{margin-top:15px}	

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

	.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{max-height:70px; max-width:70px; position:absolute; top:0px; 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;
	    text-align:left!important;
		width:auto!important;
		float:left;
 		margin-left:20px;
		position:relative;
		font-size:12px;
	
	}

 


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

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

	}


 


 }




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

.totaldelev{padding:10px 0 0 0; border-top:1px #eee solid; margin-top:10px }
.totaldelev dt{}
.totaldelev dd{
    color: #edb7c8;
    font-weight: 600;
    font-size: 22px;
}

.shopping_end_box .dream_info_box{padding:30px}


@media (max-width: 992px) {

	 
	.buy_contents_box{ padding :20px 0 }
	#order_processing_button1{width:100%}
	.shopping_end_box .dream_info_box{padding:15px}


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

	 .shopping_end_btn{
	 	display:block!important;
		justify-content: center!important;
	 }
	.btnset{width:100%}


}
 
.shop_end_tit h4{margin-bottom:15px}


/***********
상품상세
***********/
 
/*상품정보*/

.dream_goods_detail_wrap{ display: flex; justify-content: flex-start;}
.dream_goods_detail_img{ width:560px}
.goods_default_img {position:relative;}
.goods_default_img .goods_img_icon{position:absolute; top:15px; left:15px}


.dream_goods_detail_info{width:calc(100% - 560px)}

.goods_detail_icon{padding-bottom:15px}
.goods_detail_icon span{margin-right:3px}

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

.detail_info_box th, .detail_info_box td{height:40px; font-size:13px}
.detail_info_box th{width:30%}
.detail_info_box td{width:70%}
.detail_info_box td .form-control{margin:5px 0}
.detail_info_box dl{ display: flex; justify-content: flex-start; align-items: center; margin:2px 0}
.detail_info_box dt{width:30%; min-height:40px; display: flex; align-items: center; }
.detail_info_box dd{width:70%;min-height:40px;  display: flex; align-items: center; }

.detail_info_box dl.detail_option{margin:10px 0}

.qty_input_box{ display: flex; justify-content: flex-start; 	align-items: center;}
.qty_input_box .qty_btn{width:30px; height:30px; text-align:center; line-height:28px; font-size:18px; font-weight:600; border:1px #eee solid; background:#f5f5f5}
.qty_input_box input{text-align:center; border-left:none; border-right:none; height:30px; width:50px}


.item_btn_box{margin-top:30px; display: flex;  gap: 0 10px;  }
.item_btn_box .btn-basic,
.item_btn_box .btn-outline-basic{width:calc(100% - 5px); font-size:16px}
.item_btn_box .btn{font-size:16px}



@media (max-width: 1280px) {

	 .dream_goods_detail_img{ width:430px; margin-right:30px}
	 .dream_goods_detail_img img{width:100%}
	 .dream_goods_detail_info{width:calc(100% - 460px)}
 
}
@media (max-width: 992px) {

	 .dream_goods_detail_img{ width:330px; margin-right:30px}
 	 .dream_goods_detail_info{width:calc(100% - 360px)}

	 .dream_goods_detail_wrap .item_btn_box{
		position:fixed;
		bottom:0;
		left:0;
		width:100%;
		z-index:900;
		background:#fff;
	 }
	.item_btn_box{margin-top: 0px; gap: 0  0px;  }
	.item_btn_box .btn-basic,
	.item_btn_box .btn-outline-basic{width:calc(100% - 0px); font-size:16px}
 
}

@media (max-width: 768px) {
	
	.dream_goods_detail_wrap{display:block;}
	.dream_goods_detail_img{ width:calc(100% + 30px); margin-right: 0px; margin:0 -15px}
	.dream_goods_detail_info{width:calc(100% - 0px); margin-top:20px}

	.goods_detail_name h3{padding-right:100px; font-size:14px}

 
}



/*추천메일*/

.recommend_info_box{}
.recommend_info_box .recommend_img{width:calc(50% - 30px); margin-right:30px}
.recommend_info_box .recommend_img img{width:100%}

.recommend_info_box .recommend_txt{}
.recommend_info_box .recommend_txt dt{font-weight:600;font-size:16px; margin-bottom:15px}
.recommend_info_box .recommend_txt dd{margin-bottom:2px}


/*탭메뉴*/

.item_menu_box { padding: 130px 0 50px 0;}
.item_menu_box ul{ display: -webkit-flex; display: flex;  border-left: 1px #eee solid; }
.item_menu_box li{   text-align: center;   -webkit-flex: 1;  flex: 1;  display: inline;    margin: 0;   text-align: center;  position: relative; font-size:18px; border-right:1px #eee solid; 	border-top:1px #eee solid; border-bottom:1px #eee solid; cursor:pointer; }
.item_menu_box li:after {  content: '';  display: none;   clear: both;  width: 1px;  height: 12px;  background: #eee;  opacity: 1;   position: absolute;   top: 50%;  margin-top: -6px;   left: 0px;}

.item_menu_box li a{display:block;  opacity: 0.7; padding: 10px 0; }

.item_menu_box .good_info li.good1 a,
.item_menu_box .trans_info li.good2 a,
.item_menu_box .repay_info li.good3 a,
.item_menu_box .esti li.good4 a,
.item_menu_box .ret li.good5 a,
.item_menu_box .goods_qna li.good6 a { opacity: 1;}
.item_menu_box .trans_info li.good2:after,
.item_menu_box .good_info li.good1:after,
.item_menu_box .repay_info li.good3:after,
.item_menu_box .esti li.good4:after,
.item_menu_box .ret li.good5:after,
.item_menu_box .goods_qna li.good6:after{ content:''; display:block; width:100%; height:2px; background:#000; position:absolute; top: 5px; 	left:0; }

  
@media (max-width: 768px) {
 	.item_menu_box li{  font-size:13px;}

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




/*이용후기*/

.goods_reviewqna_wrap{}
.goods_reviewqna_wrap h4{font-size:20px}
.goods_reviewqna_wrap .goodsreviewqna_top{padding-bottom:0px; margin-bottom:15px}

.review_list{border-top:1px #000 solid;} 
.review_list .review_list_box{border-bottom:1px #eee 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:#eee; 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 #eee; height:82px;}
.accordion .star{width:8%;text-align:center; padding:15px 0px 15px 0px;border-bottom:1px solid #eee; 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 #eee; height:82px;}
.accordion .userid{width:10%;text-align:center; padding:15px 0px 15px 0px;border-bottom:1px solid #eee; height:82px;} 
.accordion .date{width:10%;text-align:center; padding:15px 0px 15px 0px;border-bottom:1px solid #eee; height:82px;}
.accordion .qna_btn{width:7%;text-align:center; padding:15px 0px 15px 0px;border-bottom:1px solid #eee; height:82px;}
.accordion .qna_btn a{margin:0 2px}
.accordion .subject2{width:calc(100% - 34% ); padding-left:10px; padding:15px 0px 15px 0px;border-bottom:1px solid #eee; height:82px; font-size:14px}
.esti_modify_score .custom-control-label{vertical-align:middle; }
.esti_modify_score .custom-control-label img{vertical-align:middle; margin-top:4px}
 
#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:#edb7c8;}


 
.goodsqna_list{border-top:1px #000 solid;} 
.goodsqna_list .card-body{background:#f7f7f7; text-align:left;}
.goodsqna_list .number{color:#edb7c8; font-size:2rem}

@media (max-width: 992px) {

	.goods_reviewqna_wrap .goodsreviewqna_top{ margin-bottom:5px;justify-content:flex-end ;position:relative;}
	.goods_reviewqna_wrap h4{font-size:16px}
	.goods_reviewqna_wrap .goods_info_btn{ position:absolute; top:-30px;right:0}
 	.goodsreviewqna_top .goods_info_txt{display:none;}


	.accordion .qna_list_box {display:block; position:relative; border-bottom:1px solid #eee; padding:15px 0; text-align:left;}
	.accordion .qna_list_box > div{border-bottom:0; width:auto!important; height:auto!important; padding:0 0}
	.accordion .qna_list_box > .subject2 a{font-weight:500}
	.accordion .qna_list_box .flex-c-m{display:block; text-align:left;}
	.accordion .subject{padding:5px 0!important}
	.accordion .qna_btn{position:absolute; top:20px; right:0}

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

	.qna_list .qna_list_box .subject{padding:10px 0 0 0; font-weight:600}
	.qna_list .qna_list_box .qnaCont { 	padding-top: 10px; }
	.qna_list .qna_list_box .qnaInfo > div{font-size:12px; color:#999}
	.qna_list_box .number{display:none!important}


	.review_list .review_list_box{padding:15px 0} 
	.review_list .review_list_box .subject{padding:10px 0 0 0; font-weight:500}
	.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 #eee; }


}



/*상품상세정보*/
.goods_info_detail img{max-width:100%}
.goods_info_detail{text-align:center}

/*관련상품*/

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

.related_Swiper .dream_goods_list{width:150px}

@media (max-width: 768px){
	.related_Swiper .dream_goods_list .item_tit .item_name {
 		max-width: 150px;
	}
}