/* BASIC css start */
.content_box {position:relative;width:100%; clear:both; overflow:hidden; color: #212121;}
.content_box img {width:100%;}

.main_logo_w {position:fixed; padding-top:24px; top:36%; left:50%; width:84%; z-index:999; transform:translateX(-50%); transition:all 0.3s ease-in; pointer-events: none; mix-blend-mode: overlay;}

.top_video {position: relative; overflow: hidden; height: calc(100vh - 140px);line-height:0;}
.top_video video{object-fit: cover; width: 100vw; height: 100vh;}

.top_video iframe {    
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;    
    min-height: 100vh;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat; 
}



#top_slider {height: calc(100vh - 100px);}
#top_slider .swiper-slide {background-size:cover; background-position:center;}

.cover_bg {display:block; position:absolute;top:0;left:0;bottom:0;right:0;background-color:rgb(0,0,0,0.2);z-index:2;}
.cover_bg div{position:absolute;top:50%;width:100%; transform:translate(0,-50%); color:#fff; font-size:12px; font-weight:bold;text-align:center; line-height:100%;}
.cover_bg div p, .cover_bg div h3{text-align:center;font-size:40px; font-weight:300; letter-spacing:4px; text-indent:4px; line-height:100%;}
.cover_bg div p.btn_more{
    margin-top: 24px;
    text-align: center;
    font-size: 12px;
    letter-spacing: 0;
    text-indent: 0;
    line-height: 100%;
    border: 1px solid #fff;
    display: inline-block;
    padding: 4px 10px;
}
.cover_bg.clean {background-color:rgb(0,0,0,0);}

.multi_slider_pagination.swiper-pagination {width:100%; position:relative !important;}
.multi_slider_pagination.swiper-pagination .swiper-pagination-bullet {
    width: 32px;
    height: 12px;
    background: none !important;
    outline:none;
    opacity:1;
    transition: all 0.3s;
}
.multi_slider_pagination.swiper-pagination .swiper-pagination-bullet:after {
    content: "";
    width: 32px;
    height: 3px;
    margin: 0px;
    display: block;
    background-color:#eee;
    box-sizing: border-box;
    transition: all 0.3s;
}
.multi_slider_pagination.swiper-pagination .swiper-pagination-bullet-active {
    width: 32px;
    height: 12px;
    background: none !important;
    outline:none;
    opacity:1;
    transition: all 0.3s;
}
.multi_slider_pagination.swiper-pagination .swiper-pagination-bullet-active:after {
    content: "";
    width: 32px;
    height: 3px;
    margin: 0px;
    display: block;
    background-color: #aaa;
    box-sizing: border-box;   
}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin:0 !important;}
.slider_bottom{position:absolute; bottom:24px;left:24px;z-index:99; color:#fff; font-size:11px;}
.slider_bottom a {display:inline-block;margin:0 0 0 16px;color:#fff; font-size:11px;}
.a_link_block{
  display:block;  
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  right:0;
  z-index:2;
}

.slide_bottom {
    position:absolute;
    width:100%;
    bottom:65px;
    left:0;
}

.slide_bottom_txt {    
    color:#fff;
    padding:0 8%;
    font-size:16px;
    line-height:1.2;
}

.slide_bottom_txt p.slide_tit {
    font-weight:700;
    margin-bottom:6px;
}
.slide_bottom .w_arrow{
    width:38px;
    height:25px;
}

.swiper-slide.more {
    width:30% !important;
    display: flex;
    height: auto;
    align-items: center;
    margin-top: -10%;
    justify-content: center;
    margin-right: 16px;   
}
.swiper-slide.w30 { width:30% !important;}
.swiper-slide.w40 { width:40% !important;}
.swiper-slide.w50 { width:50% !important;}
.swiper-slide.w75 { width:75% !important;}
.swiper-slide.w75 a p, .swiper-slide.w75 a h3 {min-height:48px; margin:8px 0 0; font-size:14px; line-height:140%; text-align:left;}

.swiper-slide.w75 a, .swiper-slide.w50 a, .swiper-slide.w40 a, .swiper-slide.w30 a {display:block;}

.swiper-slide img{width:100%;}

.main_section_title {padding:40px 0 24px; text-align:center; font-size:16px; font-weight:bold;}

.list_item {text-align:center;}
.list_item ul {width:100%; display:table; table-layout: fixed; box-sizing: border-box; text-align:left; font-size:0; padding:0 16px;}
.list_item li { width:50%; display:inline-block; vertical-align: top; text-align:left;}
.list_item li:nth-child(odd) a {display: block; padding:0 1px 16px 0;}
.list_item li:nth-child(even) a {display: block; padding:0 0 16px 1px;}
.list_item li img.listPic {width:100%;}
.list_item li .item_img_box{width:100%; aspect-ratio:3/4; position:relative; background-color: #eee; overflow:hidden;}
.list_item li .item_img_box .list_item_img {width:100%; position:absolute; top:0; left:0;}
.list_item .list_shoppingInfo {margin:8px 0; text-align:left; font-size:13px; color:#3b3b3b;}
.list_item .list_shoppingInfo .product_name {font-weight:bold;margin-bottom:3px;}
.list_item .list_shoppingInfo .product_desc {color:#3b3b3b;}
.list_item .list_shoppingInfo .product_desc span{color:#999; font-size:12px;}

.embed_video { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; }
.embed_video.ratio45 { position: relative; padding-bottom: 125%;}
.embed_video.ratio11 { position: relative; padding-bottom: 100%;}
.embed_video iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } 

.btn_top_video {
    position: absolute; z-index: 2; font-size: 12px; left: 50%; color: #fff; transform: translateX(-50%); bottom: 32px;
    line-height: 16px;
    border: 1px solid #fff;
    padding: 0 8px;
}
.btn_full_story {position: absolute; z-index: 2; left: 50%; color: #fff; transform: translateX(-50%); bottom: 40px; font-size: 12px; line-height: 120%; text-align:center;}
.main_philosophy {background-image:url('//marhenj.img9.kr/img/new_main/phil_bg_04.jpg?v=1');background-size:cover;background-position:center center;}
.main_philosophy div {padding:80px 0; line-height: 160%; font-size:14px; color:#fff; text-align:center;}
.main_philosophy div p{ font-size:18px;}
.main_philosophy div i{font-size:32px; vertical-align: middle;}
.main_philosophy div a{
    color:#fff;
    text-decoration:underline;
}

.mute_top_video {
    position: absolute;
    z-index: 2;
    color: #fff;
    right: 16px;
    top: 64px;
    font-size: 11px;
    font-weight: bold;
    line-height: 19px;
    text-align: center;
    border: 1px solid #fff;
    padding: 0px 7px;
    border-radius: 20px;
}

@media screen and (min-width: 768px) {
  #container {width: 720px; margin-left:auto; margin-right:auto;}
}


.spot_content_box {
  position: relative;
}

.spot {
  position: absolute;
  width: 40px;
  height: 40px;
  margin:-20px 0 0 -20px;
  z-index: 2;
  cursor: pointer;
}

.spot_center {
  position: absolute;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-color: #fe99a4;
  margin: 8px;
  z-index: 2;
  color: #fff;
  font-size: 24px;
  line-height:24px;
}

.spots {
  display: block;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  margin: 8px;
  position: absolute;
  opacity: 0;
  animation: scaleIn 2s infinite cubic-bezier(.36, .11, .89, .32);
}
.spots.ani1 {
  animation-delay: -1s;
  background-color: #fff;
}
.spots.ani2 {
  animation-delay: 0s;
  background-color: #fff;
}

@keyframes scaleIn {
  from {
    transform: scale(1, 1);
    opacity: 0.6;
  }
  to {
    transform: scale(2, 2);
    opacity: 0;
  }
}

.prd_pop {
  display: none;
  opacity: 0;
  position: fixed;
  width: 100%;
  height: 100%;
  top:0;
  left:0;
  background-color: rgba(0,0,0,0.7);
  z-index: 99999;
  overflow-y: auto;
}

.prd_pop > div{
  position: relative;
  overflow: hidden;
  padding: 16px;
  max-width:400px;
  top:0;
  margin: 0 auto;
}

.prd_pop > div > div{
  overflow: hidden;
  background-color: #fff;
  border-radius: 8px;
}


.prd_pop .info_pop_txt{
  padding:16px;
}

.prd_pop > div > div input{
  width: 100%;
  height:32px;
  margin:4px 0;
}
.prd_pop .btn_slide_arrow{
  position: absolute;
  top:50%;
  width:22px;
  margin-top:-23px;
  z-index: 99;
  cursor: pointer;
  padding:10px
}
.prd_pop .btn_slide_next {
  right:0;
}
.prd_pop .btn_slide_prev {
  left:0;
}
.prd_pop .btn_slide_arrow.swiper-button-disabled {
  display: none;
}
.prd_pop .btn_slide_arrow img{
  width:100%;
}

.prd_pop .info_pop_img {width: 100%;position: relative;}

.prd_pop .info_pop_img img {width: 100%;}

.prd_pop .info_pop_name {
  font-weight: bold;
  font-size: 18px;
  padding: 8px 0;
  line-height: 130%;
}
.prd_pop .info_pop_desc {
  font-size: 14px;
  line-height: 130%;
}
.prd_pop .info_pop_btn_set{
  overflow: hidden;
}
.prd_pop .info_pop_btn_set .btn_prd_pop{
  float:right;
  height:40px;
  line-height:40px;
  text-align: center;
  width:70%;
}
.prd_pop .info_pop_btn_set .btn_prd_pop a{
  display: block;
  font-size: 16px;  
}
.prd_pop .info_pop_btn_set .btn_prd_pop_shop a{
  border-top:1px solid #ddd;
  border-left:1px solid #ddd;
  color:#000;
  font-weight: bold;
}
.prd_pop .info_pop_btn_set .btn_prd_pop_close{
  cursor: pointer;
  color:#666;
  font-size: 14px;
  border-top:1px solid #ddd;
  width:30%;
}

.lines_slider .swiper-slide {
    width:40%;
}

.lines_slider .swiper-slide p {
    color:#000;
    font-size:13px;
    text-align:center;
    padding:8px 0;
}

.new_arrivals_featured {
    margin:24px 16px 0; overflow:hidden;
}

.new_arrivals_featured img{
    width:100%;
    aspect-ratio:4/5;
}

.new_arrivals_featured_left,.new_arrivals_featured_center,.new_arrivals_featured_right {
    width:100%;
}
.new_arrivals_featured_right {
    display:none;
}

.new_arrivals_featured_inner {
    position:relative;
    aspect-ratio:4/3;
}
.new_arrivals_featured_inner div{
    position: absolute;top: 50%;left: 0;transform: translateY(-50%);text-align:center;width: 100%;
    font-size:12px;
    color:#000;
}

.new_arrivals_featured_inner div p{
    font-size:14px;
    font-weight:bold;
    margin-bottom:16px;    
}

.new_arrivals_featured_inner div a{
    display:inline-block;
    line-height:18px;
    border-bottom:1px solid #000;
    margin-top:16px;
}

.best_item_featured {
    margin:40px 0 0; overflow:hidden;
}

.best_item_featured img{
    width:100%;
    aspect-ratio:4/5;
}



.best_item_featured_inner {
    position:relative; aspect-ratio:4/5;
    background-size:cover;
    background-position:center center;
}

.best_item_featured_inner div{
    position: absolute; bottom:40px; left: 0; text-align:center; width: 100%;
    font-size:12px;
    color:#000;
}


.best_item_featured_inner div p{
    font-size:14px;
    font-weight:bold;
    margin-bottom:16px;    
}

.best_item_featured_inner div a{
    display:inline-block;
    line-height:18px;
    border-bottom:1px solid #000;
    margin-top:16px;
}

.MK-product-icons img {
    width:auto;
    padding: 0 4px 0 0;
    height: 18px;
    margin-top:4px;
}
/* BASIC css end */