/* 공통 */
.bg-g{background-color: #f5f5f5;}
.bg-g02{background-color: #f8f8fb;}
.bg-w{background-color: #fff !important;}
.fc-b{color: #104976;}
.fc-r{color: #fe0000;}

.btn-delete{border: 1px solid #fe0000; color: #fe0000 !important; background-color: #fff !important;}
.btn-primary{background-color: #104976; color: #fff; padding: 8px 12px; border-radius: 5px;}
.btn-secondary{background-color: #999; color: #fff; padding: 8px 12px; border-radius: 5px;}

.bg-b{background-color: #104976; color: #fff;}
.pt-120{padding-top: 120px;}
.pb-120{padding-bottom: 120px;}
.pt-100{padding-top: 100px;}
.pb-100{padding-bottom: 100px;}

.pt-80{padding-top: 80px;}
.pb-80{padding-bottom: 80px;}

.mt-100{margin-top: 100px;}
.mt-170{margin-top: 170px;}
.mt-85{margin-top: 85px;}
.mt-220{margin-top: 220px;}

* b{word-break: keep-all;}
* h2{word-break: keep-all;}

.bold{font-weight: 600 !important;}

.dis-f{display: flex;}
.flex-wrap{flex-wrap: wrap;}
.justi-s-b{justify-content: space-between !important;}
.justi-f-s{justify-content: flex-start !important;}
.justi-c{justify-content: center !important;}
.align-i-c{align-items: center;}
.align-f-s{align-items: flex-start !important;}
.align-f-e{align-items: flex-end !important;}
.posi-r{position: relative;}
.text-a-l{text-align: left !important;}


input:focus{border: 0; outline: 0;}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.lang{display: flex; align-items: center;}
.lang div{width: 35px; height: 25px; opacity: 0.3;border: 1px solid #ddd; overflow: hidden; cursor: pointer;}
.lang div + div{margin-left: 8px;}
.lang div.on{opacity: 1; box-shadow: 1px 1px 5px rgba(0,0,0,0.1);}

/* 푸터 */
footer{background-color: #f7f7f7; padding: 60px 0; border-top: 1px solid rgba(0,0,0,0.05);}
footer ul li .f-title{font-size: 16px; margin-bottom: 32px; display: flex; justify-content: space-between;}
footer ul li .f-title h3{font-weight: 700;}
footer ul li .f-title a{display: block; font-weight: 600;}

footer ul li:nth-child(2){border-left: 1px solid #ddd; border-right: 1px solid #ddd;}
footer ul{display: flex;}
footer ul li{width: 33.333%;}
footer ul li:first-child dl dt{width: fit-content;}
footer dl{display: flex; align-items: center; font-size: 15px;}
footer dl dt{margin-right: 16px;}
footer dl dt p{}
footer dl + dl{margin-top: 8px;}

footer .f-info>b{font-size: 30px; font-weight: 700; color: #104976; display: block; margin-bottom: 16px; line-height: 1;}
footer .f-info dl dt{font-size: 15px;}
footer .f-info dl + dl{margin-top: 4px;}
footer .f-info dl dd{font-size: 15px;}

footer .f-notice{opacity: 0.7;}
footer .f-notice dl{justify-content: space-between;}
footer .f-info02 dl dt{width: 125px; font-weight: 600;}
footer .f-info02 dl dd{width: calc(100% - 125px);}
footer .f-notice dt p{text-overflow: ellipsis; overflow: hidden; width: 95%; white-space: nowrap;}


footer .f-notice dt{width:calc(100% - 75px); margin-right: 0; padding-right: 16px;}
footer .f-notice dd{width: 75px; text-align: right;}
 



footer .bottom{display: flex; justify-content: flex-end; margin-top: 32px; background-color: transparent;}
footer .bottom a{font-weight: 600;}
footer .bottom a + a{margin-left: 8px;}


/* 헤더 */
.header {position: fixed; top: 0; left: 0; width: 100%; z-index: 999; background-color: #fff;}
.header .inner{max-width: 100%;}
.header .inner .top{ padding: 16px; border-bottom: 1px solid #ddd; background-color: #fff;}
.header .inner .top>.bd-md{padding: 0; display: block;}
.simple_header .inner .top{padding: 0;}
.simple_header .inner .top>.bd-md{padding: 24px 0; display: flex; align-items: center; justify-content: space-between;}
.header .inner .top .member_area{display: flex; justify-content: flex-end; align-items: center;}
.header .inner .top ul{display: flex; align-items: center;}
.header .inner .top ul li a{font-size: 15px;}
.header .inner .top ul li + li{margin-left:16px;}
.header .inner .top ul li{padding: 0; border-bottom: 0;}
.header .inner .mid{ padding: 32px 0;}
.header .inner .mid>.bd-md{display: flex; justify-content: flex-end; align-items: center; padding: 0;}
.header h1{ text-indent: -9999px; overflow: hidden;width: 150px; height: 45px; background: url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/SPS_SHOP/165703893520740.png)no-repeat center center / contain;}
.header h1 a{display: block; width: 100%; height: 100%;}
.header .inner .mid>.bd-md .left{position: absolute; left: 0%; display: flex; align-items: center;}
.header .inner .mid>.bd-md .left h1{margin-right: 32px;}
.header .inner .mid .search_wrap {display: flex; align-items: center;}
.header .inner .mid .search_wrap select{border: 0; padding: 14px 56px 14px 14px; width: 170px;
    background:#f7f7f7 url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/SPS_SHOP/165524060115868.png)no-repeat 90% 50% / 10px 8px;
}
.rotate{background:#f7f7f7 url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/SPS_SHOP/165524106772918.png)no-repeat 90% 50% / 7px 5px !important;}
.header .inner .mid .search_wrap input{background-color: #f7f7f7; border: 0; padding: 14px 50px 14px 14px; width: 720px; max-width: 100%;}
.header .inner .mid .search_wrap .search_con{position: relative; margin-left: 8px; background-color: transparent; padding: 0;}
.header .inner .mid .search_wrap .search_con button{position: absolute; right: 10px; top: 50%; transform: translateY(-50%); margin-top: 0; padding: 0; min-width: auto; background-color: transparent;}
.header .inner .mid .icon_wrap{display: flex; align-items: center;}
.header .inner .mid .icon_wrap .h-cart{margin-left: 24px; position: relative;}
.header .inner .mid .icon_wrap .h-cart .cart-count{position: absolute; right:-10px; top: -10px; width: 20px; 
    height: 20px; border-radius: 50%; background-color: #858585; padding: 4px;
    display: flex; align-items: center; justify-content: center; color: #fff; font-size: 12px;
}   
.header .inner .mid .icon_wrap .h-mypage a{position: relative; display: block;}
.header .inner .mid .icon_wrap .h-mypage a span{position: absolute; 
    color:#fff; right: -18px; top:-8px; background-color: #c5c5c5; border-radius: 50px; padding: 4px 8px;
    font-size: 12px;
}
.header .inner .mid .icon_wrap .h-mypage a span.m_on{background-color: #104976;}
.header .inner .bottom_con {border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.header .inner .bottom_con>.bd-md{padding: 0;}
.header .inner .bottom_con nav{display: flex; justify-content: space-between; align-items: center;}
.header .inner .bottom_con nav .left ul{display: flex; align-items: center;}
.header .inner .bottom_con nav .left ul li.all_wrap{width: 135px; position: relative; justify-content: flex-start; padding: 0 !important;}
.header .inner .bottom_con nav .left ul li.all_wrap>a{display: flex; align-items: center; padding-left: 0;}
.header .inner .bottom_con nav .left ul li.all_wrap>a span{display: block; margin-right: 16px;}
.header .inner .bottom_con nav .left ul li.all_wrap>a span i{display: block; width: 23px; height: 3px; background-color: #104976;}
.header .inner .bottom_con nav .left ul li.all_wrap>a span i + i{margin-top: 4px;}
.header .inner .bottom_con nav .left ul li{text-align: center; display: flex; align-items: center; border-bottom: 0; justify-content:center; padding: 0 !important;}
.header .inner .bottom_con nav .left ul li a{font-size: 17px; padding: 16px 24px; white-space: nowrap;}
.view_event{display: flex !important;}
.header .inner .bottom_con nav .left ul li.all_wrap .all_menu{background-color: #fff; position: absolute; border: 1px solid #ddd;
    top: 56px; left: 16px; z-index:4; display: flex; flex-direction: column; align-items: center;
    min-height: 464px; width: 120%;  min-width: 155px; box-shadow: 1px 1px 10px rgba(0,0,0,0.05);
    padding: 24px 0;
}
.header .inner .bottom_con nav .left ul li.all_wrap .all_menu b{display: block; font-weight: 600;
  color: #104976; font-size: 16px; cursor: pointer;
}
.header .inner .bottom_con nav .left ul li.all_wrap .all_menu>a{padding:6px 8px; display: block; opacity: 0.7; font-weight: 600;
    font-size: 16px; text-align: left;
}
.header .inner .bottom_con nav .left ul li.all_wrap .all_menu .sub_depth{padding: 0 12px; width: 100%;}
.header .inner .bottom_con nav .left ul li.all_wrap .all_menu .sub_depth + .sub_depth{margin-top: 16px;}

.header .inner .bottom_con nav .left ul li.all_wrap .all_menu .sub_depth .sub_depth_in{display: none; height: 100.1%; min-width: 155px; position: absolute; 
    left: 100%; top: 0; background-color: #fff; border: 1px solid #ddd; padding: 24px;
    
}
.header .inner .bottom_con nav .left ul li.all_wrap .all_menu .sub_depth .sub_depth_in a{display: block; padding: 0; opacity: 0.7; font-size: 16px; text-align: left;}
.header .inner .bottom_con nav .left ul li.all_wrap .all_menu .sub_depth .sub_depth_in a + a{margin-top: 8px;}

.header .inner .bottom_con nav .left ul li.all_wrap .all_menu .sub_depth:hover .sub_depth_in{display: block; overflow-y: auto; overflow-x: hidden;}

.header .inner .bottom_con nav .left ul li.on a{color: #104976; position: relative; font-weight: 700;}
.header .inner .bottom_con nav .left ul li.on a::after{content: ""; width: 100%; height: 3px; background-color: #104976;
    position: absolute; left: 50%; bottom: -2px; transform: translateX(-50%);
}
.header .inner .bottom_con nav .right ul{display: flex; align-items: center;}
.header .inner .bottom_con nav .right ul li{display: flex; align-items: center; justify-content: center; padding: 0; }
.header .inner .bottom_con nav .right ul li a{display: flex; align-items: center; justify-content: center; padding: 16px 24px;}
.header .inner .bottom_con nav .right ul li a span{display: block; margin-left: 8px;}
.header .inner .bottom_con nav .right ul li.bg-g{border: 1px solid #f7f7f7;}
.header .inner .bottom_con nav .right ul li.bg-b{border: 1px solid #104976; background-color: rgba(16,73,118,0.5); position: relative;}
.mini_popup{position: absolute; top: -70px; padding: 8px; left: 50%; transform: translateX(-50%); width: 120%; background-color: rgba(0,128,204,0.6);  font-size: 13px; text-align: center;
  border-radius: 5px;animation: move_up 1.5s infinite linear;
}
.mini_popup span{display: block; width: 0; height: 0; bottom: -20px; position: absolute;
  left: 50%; transform: translateX(-50%);
  border-top: 10px solid rgba(0,128,204,0.6);
  border-bottom: 10px solid transparent;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
}
@keyframes move_up{
  0%{transform:translateX(-50%) translateY(10px);}
  50%{transform:translateX(-50%) translateY(0);}
  100%{transform:translateX(-50%) translateY(10px);}
}
.header .inner .bottom_con nav .right ul li.bg-b img{}

.header .inner .bottom_con nav .side_nav{position: fixed; left: 0%; bottom: -57px; z-index: 3; 
  width: 160px; height: 100%; max-width: 100%;
}
.header .inner .bottom_con nav .side_nav ul{padding: 24px; width: 160px; background-color: rgba(255,255,255,0.5); height: 100%; display: block; padding-bottom: 283%; }
.header .inner .bottom_con nav .side_nav ul li + li{margin-top: 16px;}
.header .inner .bottom_con nav .side_nav ul li a{font-weight: 600; padding: 0;}
 



.header .inner .bottom_con nav{position: relative;}
.header .inner02{display: none; position: fixed;  bottom: 0; left: 0; 
    background-color: #fff; width: 100vw; padding: 16px; border-top: 1px solid rgba(0,0,0,0.1);
    z-index: 999;
}
.header .inner02 nav ul{display: flex; align-items: center;}


.header .inner02 nav ul li{flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; cursor: pointer;}
.header .inner02 nav ul li p{font-size: 12px; margin-top: 4px; text-align: center; opacity: 0.7;}
.header .inner02 nav ul li a img{width: 25px; height: 25px;}
.header .inner02 nav ul li a img:first-child{display: block;}
.header .inner02 nav ul li a img:last-child{display: none;}
.header .inner02 nav ul li.on a img:first-child{display: none;}
.header .inner02 nav ul li.on a img:last-child{display: block;}



/* 전체카테고리 메뉴 */
.pd_list ul{display: flex; flex-wrap: wrap;}
.pd_list ul li{width: 20%; cursor: pointer;}
.pd_list ul li:hover .thumb_wrap{border: 2px solid #104976;}
.pd_list ul li .con_wrap{position: relative;}
.pd_list ul li .thumb_wrap{position: relative; padding-bottom: 110%; overflow: hidden;
    border: 1px solid #ddd;
   }
.pd_list ul li .thumb_wrap>img{padding: 24px; position: absolute; left: 50%; top: 50%; height: 100%;
   transform: translate(-50%, -50%);
}
.pd_list ul li .txt_wrap{margin-top: 16px;}
.pd_list ul li .txt_wrap b{font-size: 18px; font-weight: 600; transition-duration: 0.3s;}
.pd_list ul li:hover .txt_wrap b{color: #104976;}
.pd_list ul li .price{margin-top: 12px; display: flex; align-items: center; font-size: 18px;}
.pd_list ul li .price .price_origin{position: relative; opacity: 0.4;margin-right: 16px;}
.pd_list ul li .price .price_origin::before{content: ""; width: 100%; height: 1px; background-color: #000;
   position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);
}
.pd_list ul li .price .price_sale{font-weight: 600;}
.pd_list ul li .price .price_sale span{font-weight: 600;}
.pd_list ul li:hover .icon_wrap{opacity: 1;}
.pd_list ul li .icon_wrap{position: absolute; right: 10px; bottom: 10px; opacity: 0; transition-duration: 0.3s; z-index: 3;}
.pd_list ul li .icon_wrap .like{display: flex; margin-right: 8px; align-items: center; justify-content: center;}
.pd_list ul li .icon_wrap .like_btn{display: block; padding: 8px; width: 40px; height: 40px; border-radius: 50%; background-color: rgba(0, 0, 0, 0.5);}
.pd_list ul li .icon_wrap .cart{width: 40px; padding: 9px; background-color: rgba(0, 0, 0, 0.5); border-radius: 50%;}
.pd_list ul li .icon_wrap button{display: flex; align-items: center; justify-content: center;}

.pd_list.body_list  ul li .icon_wrap .cart a img{position: static; transform: inherit;}
.pd_count{margin-top: 8px !important;}
.pd_count span.count{color: #104976; font-weight: 600;}


@property --rotate {
    syntax: "<angle>";
    initial-value: 132deg;
    inherits: false;
  }
  
  
  .card {position: relative;}
  .card::before {
    content: "";
    width: 100%;
    height: 105%;
    background-image: linear-gradient(
      var(--rotate)
      , #5ddcff, #3c67e3 43%, #4e00c2);
      position: absolute;
      z-index: -1;
      left: 50%;
      top: 50%; 
      transform: translate(-50%, -50%);
      animation: spin 2.5s linear infinite;
  }
  
  .card::after {
    position: absolute;
    content: "";
    top: calc(var(--card-height) / 6);
    left: 0;
    right: 0;
    z-index: -1;
    height: 109%;
    width: 100%;
    margin: 0 auto;
    transform: scale(1);
    filter: blur(calc(var(--card-height) / 6));
    background-image: linear-gradient(
      var(--rotate)
      , #5ddcff, #3c67e3 43%, #4e00c2);
      opacity: 1;
    transition: opacity .5s;
    animation: spin 2.5s linear infinite;
  }
  
  @keyframes spin {
    0% {
      --rotate: 0deg;
    }
    100% {
      --rotate: 360deg;
    }
  }

  .chat_bot{position: fixed; right: 20px; bottom:20px;  
    width: 65px; height: 65px; text-align: center; color: #fff; border-radius: 50%; 
    background:#9cd6ff; box-shadow: 0px 0px 10px rgba(0,0,0,0.1);

  }
  .chat_bot button{color: #fff; display: flex; 
    align-items: center; padding-bottom: 4px; justify-content: center; width: 100%; height: 100%;
    animation: move_e2 1.2s infinite linear;
  }

  @keyframes move_e2 {
    0%{ transform: translateY(0);}
  
    50%{transform: translateY(-5px);}
    100%{ transform: translateY(0);}
  }


  .trade_btn02{color: #444; margin-top: 16px !important;}
  .trade_btn03{ margin-top: 16px !important;}




.small{opacity: 0.7; font-size: 0.9em;}


/* ********************************************* *
 * 1600px
 * ********************************************* */
 @media screen and (max-width: 1660px){
   
   
    
 }
 
 /* ********************************************* *
 * 1400px
 * ********************************************* */
 @media screen and (max-width: 1400px){
 
  
 }
 
/* ********************************************* *
 * 1250px max
 * ********************************************* */
 @media (max-width:1250px){

    .simple_header .inner .top>.bd-md{padding: 16px 24px;}
    .mt-85 { margin-top: 68px;}
    
}


 /* ********************************************* *
 * 1200px
 * ********************************************* */
 @media screen and (max-width: 1200px){

    /* 공통 */
    .pt-120{padding-top: 100px;}
    .pb-120{padding-bottom: 100px;}
    .pt-100{padding-top: 90px;}
    .pb-100{padding-bottom: 90px;}

    .header .inner .mid>.bd-md .left{left: 0; transform: inherit;}
    .header .inner .bottom_con>.bd-md{padding: 0;}
    .header .inner .bottom_con nav .left ul li a{font-size: 16px;}
    .header .inner .bottom_con nav .left ul li.all_wrap .all_menu{width: 100vw;}
    .header .inner .bottom_con nav .left ul li.all_wrap{padding-left: 16px;}
    .header .inner .mid{padding: 32px 16px;}
    .header h1 { width: 115px;  height: 35px;}
    .header .inner .mid .search_wrap input{width: 570px;}
    /* 푸터 */
    footer ul{margin-left: -24px !important; margin-right: -24px !important;}
    footer ul li{padding-left: 24px !important; padding-right: 24px !important; position: relative;}
    footer ul li:nth-child(2){border: 0 !important;}

    footer .bottom a:last-child{display: none;}

    .pd_list ul li .txt_wrap b{font-size: 17px;}
    .pd_list ul li .price{font-size: 17px;}
 
 }
 
 /* ********************************************* *
 * 1024px
 * ********************************************* */
 @media screen and (max-width: 1024px){

    /* 공통 */
    .pt-120{padding-top: 90px;}
    .pb-120{padding-bottom: 90px;}
    .pt-100{padding-top: 80px;}
    .pb-100{padding-bottom: 80px;}


    /* 푸터 */
    footer ul{flex-wrap: wrap;}
    footer ul li{width: 100%; border-bottom: 1px solid #ddd !important; padding-bottom: 32px; margin-bottom: 32px;}
    footer ul li:nth-child(2){border-bottom: 1px solid #ddd !important;}
    footer .f-notice dl dt{width: 100%;}
    footer ul li .f-title{margin-bottom: 24px;}
    footer .f-notice dt p{font-size: 15px;}
 }
 
 
 /* ********************************************* *
 * 960px
 * ********************************************* */
 @media screen and (max-width: 960px){

    .chat_bot{bottom: 40px; width: 70px; height: 70px; }

    /* 공통 */
    .pt-120{padding-top: 90px;}
    .pb-120{padding-bottom: 90px;}
    .pt-100{padding-top: 70px;}
    .pb-100{padding-bottom: 70px;}

    .mini_popup{display: none;}
    .card::after, .card::before{border-radius: 50%;}
    .header .inner .bottom_con nav .right ul li.bg-b{overflow: hidden;}

    .header h1 {position: fixed;top: 12px;left: 20px;width: 104px; height: 35px;}
    .simple_header h1 {position: static;}

    .header .inner .bottom_con nav .right{position: fixed; bottom: 120px; right: 20px; z-index: 4;}
    .header .inner .bottom_con nav .right ul li{width: 70px; height: 70px; border-radius: 50%;box-shadow: 1px 1px 10px rgba(0,0,0,0.3);}
    .header .inner .bottom_con nav .right ul li + li{margin-top: 16px;}
    .header .inner .bottom_con nav .right ul{flex-direction: column;}
    .header .inner .bottom_con nav .right ul li a{flex-direction: column; align-items: center; justify-content: center; font-size: 14px;}
    .header .inner .bottom_con nav .right ul li a span{margin-left: 0; margin-top: 6px; font-size: 13px;}


    .header .inner .mid .search_wrap{width: 100%;}
    .header .inner .mid .icon_wrap{width: 120px; justify-content: flex-end;}
    .header .inner .mid>.bd-md .left{width: calc(100% - 120px);}
    .header .inner .mid .search_wrap select{width: 100%; padding: 14px 32px 14px 14px;}
    .header .inner .mid .search_wrap .search_con{width: 100%;}
    .header .inner .mid .search_wrap input{width: 100%;}
    
    footer .bottom{justify-content: flex-start;}
 
    .pd_list ul li{width: 25%; margin-bottom:48px;}

    .header .inner .top>.bd-md{align-items: flex-end;}
    .header .inner .top>.bd-md
    .lang{margin-bottom: 16px;}
    .header h1{top: 31px;}

    .lang{width: 100%; display: flex; justify-content: flex-end;}
    .header.simple_header .inner .top>.bd-md{flex-direction: row;}
    .header .inner .bottom_con nav .left ul li.all_wrap>a{padding-left: 24px;}
 }
 
 
 /* ********************************************* *
 * 768px
 * ********************************************* */
 @media screen and (min-width: 769px){
  
 
  
 }
 @media screen and (max-width: 768px){
 
 
    .header .inner .bottom_con nav .left ul li.all_wrap{width: auto;}

    /* 공통 */
    .pt-120{padding-top: 80px !important;}
    .pb-120{padding-bottom: 80px !important;}

    footer .bottom{margin-top: 24px;}
    .simple_header h1{}

    .pd_list ul li{width: 33.333%;}
    
    
    .header .inner .bottom_con nav .left ul li.all_wrap{display: none;}
    .header .inner .bottom_con nav .left{ overflow-y: hidden; overflow-x: auto;}
    .header .inner .bottom_con nav .left::-webkit-scrollbar {height: 6px;}
    .header .inner .bottom_con nav .left::-webkit-scrollbar-thumb{ background-color: #2cadf9!important;}
    .header .inner .bottom_con nav .right{bottom: 180px;}
    .header .inner .bottom_con nav .right ul li{width: 65px; height: 65px;}
    .header .inner .bottom_con nav .right ul li a{font-size: 12px;}
    .header .inner .bottom_con nav .left ul li.on a::after{bottom: 0;}
 }
 
 
 /* ********************************************* *
 * 640px
 * ********************************************* */
 @media screen and (max-width: 640px){


    .chat_bot{display: block; bottom: 95px; width: 65px; height: 65px;}
    
    .header .inner .top{border: 0;}
    .pt-100{padding-top: 50px !important;}
    .pb-100{padding-bottom: 50px !important;}
    .pt-120{padding-top: 60px !important;}
    .pb-120{padding-bottom: 60px !important;}
    .header .inner .mid>.bd-md .left{position: static;}
    .header .inner .top{padding: 28px;}
    .simple_header .inner .top{padding: 0;}

    .header .inner .top .member_area{display: none;}
    .simple_header .inner .top .member_area{display: none;}




    .header .inner .mid{padding: 24px 16px; margin-top: 24px;}
    .header .inner .mid .search_wrap{width: 100%;}
    .header .inner .mid .icon_wrap .h-mypage{display: none;}
    .header .inner .mid .icon_wrap{padding-left: 0; position: fixed; top: 16px; right: 20px;}
    .header .inner .mid>.bd-md .left{width: 100%;}
    .header .inner .mid .search_wrap .search_con{margin-left: 0;}

    .header .inner02{display: block;}
    body{margin-bottom: 79px;}
    footer .bottom{margin-top: 0;}
    footer{padding: 40px 0;}

    .pd_list ul li .txt_wrap b{font-size: 16px;}
    .pd_list ul li .price{flex-direction: column; align-items: flex-start;}
    .pd_list ul li .price .price_origin{font-size: 0.85em;}  
    .pd_list ul li .icon_wrap .like_btn{width: 35px; height: 35px;}
    .pd_list ul li .icon_wrap .cart{width: 35px;}

    .header .inner .top{padding: 8px 28px;}
    .header h1{top: 14px;}
    .lang{margin-right: 40px; padding-top: 8px;}

    footer .f-info>b{font-size: 24px;}
    .mt-220{margin-top: 190px;}
    footer ul li{padding-bottom: 24px; margin-bottom: 24px;}

 }
 
 
 /* ********************************************* *
 * 500px
 * ********************************************* */
 @media screen and (max-width: 500px){
 
    
    .pt-100{padding-top: 32px !important;}
    .pb-100{padding-bottom: 60px !important;}
    .pt-120{padding-top: 32px !important;}
    .pb-120{padding-bottom: 60px !important;}

    
   .pd_list ul li{width: 50%;}
   .pd_list ul li .thumb_wrap{padding-bottom: 100%;}

   footer .f-info>b{font-size: 20px;}

   footer ul li:last-child dl{display: block;}

   .pd_list ul li .txt_wrap b{font-size: 15px;}
   .pd_list ul li .price .price_sale span{font-size: 15px;}
 }
 
 /* ********************************************* *
 * 400px
 * ********************************************* */
 @media screen and (max-width: 400px){


    .simple_header h1{width: 75px;}
    .login .panel01_top .login_but .button button{font-size: 15px;}
    body{margin-bottom: 59px;}
 
 }