/* main banner { */
#banner { position:relative; width:100%; height:460px; overflow:hidden;}
#banner_box { position:relative; z-index:50; height:460px;}
.abs_banner { position:absolute; width:348px; height:460px; top:0;}
.banner_left { left:-348px; }
.banner_right { left:1225px; }
#baner_layer { position:absolute; width:610px; height:440px; left:50%; margin-left:3px; z-index:50; top:10px; }
#baner_layer .fr { width:484px;}
#rolling_box { position:absolute; left:0; bottom:0; width:114px; height:40px; padding:0 16px 0 20px; border-radius: 22px; 
background: #084182; line-height: 38px; color: white; letter-spacing:-1px; z-index:50}
#rolling_box span { float:left; margin-right:3px; font-family: 'Noto Sans', sans-serif; font-weight:500;}
#rolling_box p { float:right; line-height:42px;}
#rolling_box p img { cursor:pointer; }
#rolling_box p img:first-child { margin-right:10px; }
#baner_layer a { float:left; display:block; width:242px; height:220px; }
#baner_layer a:first-child { height:440px; }
/* main banner } */



/* main contents { */
#main_contents { position:relative; width:100%; margin-top:99px; }
#left_wing_banner { position:absolute; left:50%; margin-left:-940px; top:599px; z-index:90;}
.fixed_banner { position:fixed; right:50%; margin-right:623px; bottom:5px; z-index:50; display:none; }
.fixed_banner_hover { right:311px;}
#fixed_banner_link { position:relative; display: none; }
#fixed_banner_link span { position:absolute; display:block; width:40px; height:40px; border-radius: 40px; cursor:pointer; top:17px; right:25px;}
#fixed_banner_link a { position:absolute; display:block; width:167px; height:42px; left:56px; bottom:62px;}


/*main 공용*/
.wrap_group { width:100%; margin-bottom:76px; }
.title_group { 	text-align:center;margin-bottom:36px;font-family: NotoSansCJKkr; font-weight: 500;letter-spacing: -0.7px;}
.title_group >span{	
	font-family: NotoSansCJKkr;
    font-weight: 600;
    letter-spacing: -0.7px;
}

.goods_img_mg { display:block; height:247px; }
.goods_img_mg img { max-width:100%; }
.goods_brand { padding-left:14px; height:16px; font-size:12px; color:#848484;  }
.goods_subject { padding:0 14px; height:26px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.goods_subject a { font-size:12px; color:black;  }
.goods_subject a:hover { text-decoration:underline; }
.goods_price { padding-left:14px; font-family:Tahoma; font-size:17px; font-weight:bold; color:black; }
.goods_price span { position:relative; top:-1px; }
.goods_price del { font-family:Tahoma; font-size:13px; color:#acacac; margin-left:6px; }
.goods_price del span { font-family: 'Nanum Barun Gothic', sans-serif; font-size:12px; }
.add_latest_view { border:1px solid black !important;}
.add_latest_view .goods_img_mg { height:233px; }
.logob{
	width:237px;
	height:312px;
}


/*event*/
.fade { -webkit-animation-name: fade; -webkit-animation-duration: 1.5s; animation-name: fade; animation-duration: 1.5s; }
@-webkit-keyframes fade { from {opacity: .4} to {opacity: 1} }
@keyframes fade { from {opacity: .4} to {opacity: 1} }
#event_wrap {  }
#event_img { height:312px; }
#event_img .fl li {    overflow: hidden; float:left; width:237px; height:312px; margin-right:10px;}
#event_img .fl li img { max-width:100%}
#event_rolling { position:relative; width:484px; height:312px; float:right; }
#event_rolling .item img{
	width:484px; height:312px;
}
#event_rolling .swiper-button-next, #event_rolling .swiper-button-prev {
	display:none;
}
#event_rolling .swiper-pagination-bullet {
	width: 11px !important;
	height: 11px !important;
	border-radius: 5.5px !important;
	background-color: #c4c4c4 !important;
	opacity: 1 !important;
}
#event_rolling .swiper-pagination-bullet-active {
	width: 23px !important;
  background-color: #e11837 !important;
}

#event_rolling_img_box li { position:relative; }
#event_rolling_img_box li .view_now { position:absolute; left:50%; top:169px; margin-left:-64px; z-index:50}
#event_icon_box { position:absolute; width:100%; display:inline; text-align:center; left:0; bottom:16px; z-index:50; }
#event_icon_box li { position:relative; cursor:pointer; display:inline-block; width:10px; height:10px; border-radius:10px; background:#d1d2d6; margin-right:7px;}
#event_icon_box li.active { width:22px; background:#e11837; }



.clear_both{
	clear: both;
}
/* 공지기획전{ */
#공지및기획전{
	margin:auto;
	margin-top:100px;
	position:relative;
	width: 1225px;
	margin-bottom:100px; 
	 
}

#공지및기획전 .more{
	position:absolute;
	right:0px;
	color:#555;letter-spacing: -0.3px;
	font-size:12px;
	font-weight:400;
	cursor:pointer;
	bottom: 0px;
}

#공지및기획전 .nav_tab{
	margin-top:40px;    text-align: center;
	
}
#공지및기획전 .nav_tab >div{
	display:inline-block;
	 height: 16px;
  font-family: NotoSansCJKkr;
  font-size: 15px;
  color: #555555;
  cursor:pointer;font-weight: 400;
}
#공지및기획전 .nav_tab >div:nth-of-type(n+2){
	margin-left:38px;
}
#공지및기획전 .nav_tab .active{
	color: #e11837;position:relative;
}
#공지및기획전 .nav_tab .active:before{
	content: '';
    position: absolute;
    width: 100%;
    border-bottom: 3px solid #e11837;
    height: 21px;
}
#공지및기획전 .noti_event{
	display: -ms-flexbox;
	display:flex;
	 -ms-flex-wrap: wrap;
	flex-wrap: wrap;
	width: 1244px;
}
#공지및기획전 .noti_event >li{
	
	margin-right:19px;
	cursor:pointer;
	width: 292px;margin-top:40px;
}


#공지및기획전 .noti_event >li>div:nth-of-type(1){
	width: 292px;
	height: 160px;
	background-color: #f4eeee;
	margin-bottom:17px;
}
#공지및기획전 .noti_event >li>div:nth-of-type(1) img{
	width: 292px;
	height: 160px;
}
#공지및기획전 .noti_event >li>div:nth-of-type(2){
	font-size:14px;
	letter-spacing:-0.35px;
	line-height:19px;
	font-weight:bold;
}
#공지및기획전 .noti_event >li>div:nth-of-type(3){
	font-size:12px;
	letter-spacing:-0.3px;
	line-height:19px;
	color:#777;
}
#공지및기획전 .dsp_none{
	display:none;
}
/* } */




#center_banner_wrap { height:120px; }

/*best items*/
#best_items_wrap { height:924px; background:#f8f8f8; padding-top:76px; }
#best_item_list, #best_item_list2 { height:362px; }
#best_item_list { margin-bottom:10px; }
.best_item_list { float:left; width:237px; height:362px; background:white; margin-left:10px; }
.best_item_list:first-child { margin-left:0; }
.best_item_option ul li { float:left; margin-left:13px; padding:6px 16px 4px 16px; border:1px solid #c2c2c2; color:#767676; border-radius:20px;
cursor:pointer }
.goods_item_option { padding-left:11px; margin-top:12px; }
.goods_item_option li { float:left; margin-left:4px; padding:4px 8px 2px 8px; border:1px solid #777777; color:#777777; border-radius:15px; font-size:12px;
cursor:pointer }

/*hit products*/
#hit_products { height:699px; }
.hit_products_option ul { padding-top:4px; }
.hit_products_option ul li { float:left; margin-left:28px; font-family:'Nanum Barun Gothic', sans-serif; font-size:13px; color:#black; cursor:pointer;
 font-weight:400; height:19px; line-height:13px; }
.hit_products_option ul li.active { color:#e11837; border-bottom:1px solid #e11837; }
#hit_products_list, #hit_products_list2 { height:326px; }
#hit_products_list { margin-bottom:10px; }
.hit_products_list { position:relative; float:left; width:237px; height:326px; background:#f8f8f8; margin-left:10px; }
.hit_products_list:first-child { margin-left:0; }
.best_icon { position:absolute; left:15px; top:15px; z-index:10; }

/* culture/hit culture*/
#culture_wrap ,#hit_culture_wrap { height:363px; }
#culture_list, #hit_culture_list { height:326px;}
.culture_list { position:relative; float:left; width:237px; height:324px; background:white; margin-left:9.5px; border:1px solid #e3e3e3; }
.culture_list:first-child { margin-left:0; }
.latest_view_goods, .my_view_goods { position:absolute; left:19px; top:19px; z-index:10; }
.latest_view_style { width:100%; height:89px; background:black; padding-top:14px; }
.latest_view_style .goods_brand, .latest_view_style .goods_subject a, .latest_view_style .goods_price { color:white; }

/* best products */
#best_products_wrap { height:585px; background:#f8f8f8; padding-top:76px; }
#best_products_list { height:396px; }
.best_products_list { position:relative; float:left; width:237px; height:396px; background:white; margin-left:10px; }
.best_products_list:first-child { margin-left:0; }
.heart_box { position:absolute; height:17px; right:13px; top:16px; z-index:10; font-size:12px; }
.heart_box span { vertical-align:top; font-size:11px; color:#777777; }
.rating_box { height:21px; padding:0 14px}
.rating_box img { float:left; margin-right:2px; }
.rating_box span { float:left; position:relative; top:-1px; font-size:12px; color:#4a4a4a; font-weight:500; }
.heart_group, .rating_group { cursor:pointer; }
.best_products_list h6 { height:29px; padding:0 14px; color:#8d8d8d; overflow:hidden; line-height:14px; font-size:12px; }
.line_group { width:209px; height:1px; background:#ededed; margin:9px auto; }
.best_products_list h5 { height:32px; padding:4px 14px 0 14px; overflow:hidden; line-height:14px; }
.best_products_list h5 a { color:#171717; line-height:16px; }
.best_products_list h5 a:hover { text-decoration:underline; }
.best_products_list h4 { font-family: Tahoma; padding-left:14px; padding-top:5px; font-size:17px;font-weight:bold; color:black;
letter-spacing:-1px; }
.best_products_list h4 del { font-family:Tahoma; font-size:13px; color:#acacac; margin-left:6px; }
.best_products_list h4 span { font-family: 'Nanum Barun Gothic', sans-serif; font-size:14px; font-weight:500; position:relative; top:-1px; }

/* 가장인기있는 brand */
#hot_brand_wrap { height:506px; }
#brand_rolling { position:relative; height:120px; border-bottom:1px solid #e3e3e3; margin-bottom:20px; }


.brand_btn { position:absolute; width:88px; height:115px; background:white; top:0; z-index:10; cursor:pointer; padding-top:39px;}
.brand_prev { left:0; }
.brand_next { right:0; }
#brand_next { float:right; } 
.hot_brand_list { position:relative; float:left; width:237px; height:326px; background:white; margin-left:10px; }
.hot_brand_list:first-child { margin-left:0; }
.brand_icon_box { position:absolute; bottom:89px; left:37px; z-index:10; display:none; }
.brand_icon_box li { float:left; margin-right:1px; cursor:pointer; }
.hot_brand_list:hover { border:1px solid #e11837; box-shadow:5px 10px 10px #ccc;}

#bottom_banner_wrap { height:120px; }

#right_fix_menu { top:773px; }
/* main contents } */



















#banner_left{
	position: absolute;
	width: 50%;
	height: 460px;
	z-index: 2;
	right: 50%;
	margin-right: 612px;
}
#banner_right{
	margin-left: 612px;
	content: '';
	margin-top: -460px;
	position: absolute;
	width: 50%;
	height: 460px;
	z-index: 1;
	left: 50%;
}

#banner{
	width:1225px;
}

#banner .swiper-slide{	
	position: relative;
}
#banner .video-foreground{ 
	width: 100% !important;position:absolute;
}
@media (min-aspect-ratio: 16/9) {
  #banner .video-foreground { height: 300% !important;  top: -100%; }
}
@media (max-aspect-ratio: 16/9) {  
  #banner .video-foreground { height: 300% !important; left: -100%; }
}

#banner .play , #banner .stop{
	display:none;
}
#banner .banner_pg{		
	position: absolute;
	z-index: 99;		
	bottom: 29px;
	width: 130px;
	right: 0px;text-align: right;		
}
#banner .banner_pg span{
	letter-spacing: -0.4px;font-family: NotoSansCJKkr;color: #ffffff; font-size: 15px;
	vertical-align: top;   
    margin-top: -8px;
}
#banner .pg_left{
	margin-left:9px;margin-right:1px;
}
#banner .pg_right{
	margin-left: -4px;
}
#banner .pg_bg{
	width:31px;height:37px;
	opacity: 0.4;background-color: #000000;
	display:inline-block;text-align:center;line-height: 39px;
}
#banner .pg_bg:hover{
	opacity: 1 !important;
}

#banner .banner_pg .num{
	color:#fff;
}



#banner .swiper-slide>div , #banner .swiper-slide>div img{
	width:1225px;
	height:460px;				
}
#banner .swiper-slide .youtube{
	background:#000;
}

#banner .swiper-button-next, #banner .swiper-button-prev , #banner .swiper-pagination{
	display:none;
}
#banner .pg_left , #banner .pg_right{
	cursor:pointer;
}






















/* 전시구좌 { */
section.main_dsp .dsp_none{
	display:none;
}
section.main_dsp >article{
padding-bottom:100px;
padding-top:100px;
padding-left: 5px;
}

section.main_dsp >article:nth-of-type(odd){
	
}
section.main_dsp >article:nth-of-type(even) .item_ul > li{
/*	border:1px solid #e3e3e3;*/
}
border: solid 1px #e3e3e3;

section.main_dsp >article{
	padding-top:99px;
}
section.main_dsp >article .title{
	text-align: center;
	font-family: NotoSansCJKkr;	
	font-weight: 600;
}

section.main_dsp >article .tab_nav{		
	width:1225px;
	margin:auto;
	
	overflow: hidden;
	white-space: nowrap;
	padding-bottom: 5px;	
	left: 35px;
	position: absolute;
	
}

section.main_dsp .tab_nav>li{		
	display: inline-block;
	font-family: NotoSansCJKkr;
	font-size: 15px;color:#555;
	margin-right:38px;position: relative;
	cursor:pointer;
}
section.main_dsp .tab_nav>li:nth-of-type(n+2){	
	margin-left:-4px;
}
section.main_dsp .tab_nav>li:last-of-type{	
	margin-right: 0px !important;
}


.tab_nav .active{
	color: #e11837 !important; 		
}
.tab_nav .active:before {
	content: '';
	position: absolute;
	width: 100%;
	border-bottom: 3px solid #e11837;
	height: 21px;
}

.tab_box{
	position:relative;
	width:1295px;margin: auto;margin-top:39px;	
	height: 50px;
}
.tab_box .tab_nav-next , .tab_box .tab_nav-prev{
	position:absolute;top:3px;cursor:pointer;
}
.tab_box .tab_nav-next{
	right:0px;
}
.tab_box .tab_nav-prev{
	left:0px;
}

.main_dsp .item_ul{
	display: -ms-flexbox;
	display:flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	width:1235px;
	margin:auto;
	
}
.main_dsp .item_ul>li{
	width:237px;
	height:326px;
	margin-right:10px;
	padding:13px;
	background:#fff;
	cursor:pointer;margin-top:10px;
}


.main_dsp .item_ul>li>div:nth-of-type(1) img{
	width:211px;height:211px;
}
.main_dsp .item_ul>li>div:nth-of-type(2){
	font-size: 12px;margin-top:20px;height:26px;margin-bottom:20px;
	overflow: hidden;
	text-overflow: ellipsis;
	word-wrap: break-word;
	white-space: normal;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.main_dsp .item_ul>li>div:nth-of-type(3){
	letter-spacing: -0.3px;
}
.main_dsp .item_ul>li>div:nth-of-type(3) .num{
	 letter-spacing: -0.4px;font-family: Tahoma;  font-size: 17px;font-weight:bold;
}
/* } */