.showcase .mark_box {position: absolute; bottom: 0; left: 0; display: flex;}
.showcase .icon {background: #00bcd5; color: #fff; padding: 0 15px; line-height: 45px; font-size:24px}
.showcase .custom_icon {background: #000;}

.main_img_area {position: relative; margin-bottom: 120px;}

.main_img_area > .data_box {
    position: absolute;
    right: 0;
    margin: 0 0 0 !important;
    padding: 20px 0;
    text-align: right;
    z-index: 9;
}

.main_img_area .data_box span {
  display: inline-block;
  padding: 0 25px;
  position: relative;
  font-size: 24px;
  color: #aaa;
}

.main_img_area .data_box span:after {
  content: "";
  display: block;
  width: 1px;
  height: 20px;
  background-color: #d3d5dd;
  position: absolute;
  left: 0px;
  top: 0px;
}

.main_img_area .data_box span:first-child:after {
  display: none;
}

.main_img_area > img {width:100%; height: auto;}

.main_text_area {position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    color: white;
    text-align: center;
    width: calc(100% - 100px);
    padding: 0 50px;
    
}
.main_text_area > .sub_title1 {font-size: 60px; font-weight: 700; line-height: 1.2; letter-spacing: 2px; margin-bottom: 20px;}
.main_text_area > .sub_title2 {font-size: 28px; font-weight: 400; line-height: 1.2; letter-spacing: 1px;}

.middle_text_area {width: calc(100% - 40px); margin: 0 auto;}
.middle_text_area p {font-size: 26px; font-weight: 400; line-height: 1.7; color:#000; padding-bottom: 120px; text-align: center;}

.conts_slider_area {padding-bottom: 50px;}
.product_main_title .title {white-space: nowrap;}
.product_main_title .title > span {font-weight: bold; color: #c4c4c4; font-size: 36px; line-height: 36px; margin-left: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: break-word;}

.base_slider_list .product.big_rank .rank {
    border: solid 2px #000;
    background-color: #fff;
    color: #000;
}

.rank_slider_list li {
    width: 260px !important;
}

.category_nav_wrap {width:100%; background-color: #000;}
.category_nav_wrap .category_nav_in {width:750px; margin: 0 auto; position: relative; text-align: center;}

.category_nav_in .category_name_container {padding:20px 0; white-space: nowrap; overflow-x: scroll; overflow-y: hidden; scroll-behavior: smooth;}
.category_nav_in .category_name_container li {display: inline-block;}
.category_nav_in .category_name_container li a {font-size: 26px; color: white; padding: 20px 25px;}
.category_nav_in .category_name_container li a.on {color:#333; background-color: white; font-weight:bold;}

/*스크롤바 안 보이게*/
.category_nav_in .category_name_container {-ms-overflow-style:none; scrollbar-width:none;}
.category_nav_in .category_name_container::-webkit-scrollbar {display:none;}
/*스크롤바 안 보이게*/

.goods_list_wrap {
    margin: 40px auto 100px;
}

.goods_list_wrap .goods_list {
    width: 100%;
}

.base_slider_list.list_mode ul li {
    width: 50%;
    /*float: left;*/
    margin-bottom: 60px;
    height: 720px;
    text-align: left;
}

.img_box .btn_like:after {
    display: none;
}

.base_slider_list li .img_box .btn_like {
    padding: 0;
}

.page_view_top .tags {padding: 0 30px 120px;}
.comment_area .count_box {text-align:left;}
.mb50 {margin-bottom: 150px !important;}
/*.page_view_top .title {margin-top: 100px;}*/

.base_slider_list .product .infor_box {min-height: 130px;}
.base_slider_list .product .infor_box .p_name {color: #888888; font-weight: 600;}
.base_slider_list .product .infor_box .p_conts {-webkit-line-clamp: 1;}
.base_slider_list .product .infor_box .p_size {color:#0066ff;}
.base_slider_list .product .price_box {min-height:auto;}
.base_slider_list .product .price_box .current_price {border-bottom: 4px solid #01ffe4; padding-bottom: 8px;}
.base_slider_list .product .price_box .ori_price {display: inline-block; font-size:24px; margin-left: 10px; margin-bottom:0;}


.fixed_name{position: absolute; top: 0; right: 0; font-size: 18px; color: white; padding: 20px; background-color: #000; border-left: 1px solid #808080; z-index: 10; font-size:26px;}
.fixed_name .mobile_arrow {
    content: '';
    display: block;
    width: 21px;
    height: 13px;
    position: absolute;
    right: 9px;
    top: 50%;
    margin-top: -5px;
    background: url(/4xr_mo_20200721/images/arrow1.png) 0 0 no-repeat;
    transform: rotate(180deg);}
    
.recommend_dropbox {position: absolute; top: 80px; right: 5px; width: 180px; background-color: white; z-index: 11;  display: none;}
.recommend_dropbox li {width: 100%; text-align: center; font-size: 18px; font-weight: bold; color: #333; border: 1px solid gray; border-bottom: none; box-sizing: border-box;}
.recommend_dropbox li:hover, .recommend_dropbox li.on {color:#227aff;}
.recommend_dropbox li:last-child {border-bottom: 1px solid gray;}
.recommend_dropbox li a {width: 100%; height: 100%; display: block; padding: 15px 0;}


.page_view_top .goods_list_wrap .list_more {
    margin: 0 auto;
    width: 450px; 
    height: 70px;      
    line-height: 70px;
    border: solid 2px #227aff;
    font-size: 26px;
    color: #227aff !important;
    text-align: center;
    box-sizing: border-box;
}

.page_view_top .goods_list_wrap .list_more a {display:block; width:100%; height: 100%;}

.active{
    background-color: white;
    color: black !important;
}

.base_slider_list.magazine_main_slider .content {width: 500px;}
.conts_slider_area .base_slider_list.magazine_main_slider {box-sizing: border-box; padding: 0 20px;}
.conts_slider_area .base_slider_list.magazine_main_slider .content .date {padding-top:10px;}
.conts_slider_area .base_slider_list.magazine_main_slider .content .date > strong {font-size:22px;}
.forflex {width:auto; display: flex; vertical-align: top; flex-wrap: wrap;}


/* 추가 css */
.recommend_dropbox {width: 190px; right: 8px;}
.recommend_dropbox li {font-size: 24px;}
#wrap { overflow: initial; }
.base_slider_list.magazine_main_slider .content .img_box {margin-bottom: 28px;}
.post4_category {position: sticky; z-index: 51; top: 100px;}
.page_view_top .mb45 {display: none;}


/* 최근 소식 */
.magazine_conts_top { position:relative; margin-bottom: 30px; width: 100%; vertical-align:top; box-sizing: border-box; padding-right: 500px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:24px; line-height:30px; color:#b6b6b6; font-weight:bold; } 
.magazine_conts_top .m_tit { display:inline; margin-bottom: 21px; font-size: 28px; line-height: 1.5; font-weight: 700; color: #000; margin-left: 20px;} 
.magazine_conts_top .tags { display:inline; margin-left: 46px; } 
.magazine_conts_top .btn_prev { display:inline-block; width: 40px; height: 40px; position:absolute; right:92px; top:0; background:url(/4xr_20200429/images/arrow1.png) center center no-repeat; } 
.magazine_conts_top .btn_next { display:inline-block; width: 40px; height: 40px; position:absolute; right:30px; top:0; background:url(/4xr_20200429/images/arrow1.png) center center no-repeat; transform:rotate(180deg); } 
.magazine_conts_top .swiper-scrollbar { display:block !important; position:absolute; right:135px; top:-26px;  width: 370px; height: 2px;  vertical-align:top; border-radius: 0px; } 
.magazine_conts_top .swiper-scrollbar .swiper-scrollbar-drag { height: 4px; border-radius: 0px; margin-top: 0; cursor:pointer; background-color:#2a2a2a; } 


.recent_news li {margin-right: 10px;}
.recent_news .infor_box { width: 100%; } 

.recent_news .infor_box .p_name { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } 

.recent_news li .mark_box { position: absolute; bottom: 0; left: 0; display: flex; } 

.recent_news li .icon { padding: 0 15px; line-height: 36px; font-size: 22px; background: #00bcd5; color: #fff; } 

.recent_news li .custom_icon { background: #000; }