/* BASIC css start */


div.C-30242-1-392 .visual { overflow:visible; }
div.C-30242-1-392 .visual .btn-rolling { top:7px; margin-bottom:12px; }


/* 메인 비주얼 */
.main .visual {position:relative; overflow:hidden; line-height:0;}
.main .visual ul {height:auto !important; overflow:hidden;}
.main .visual ul li {font-size:0; line-height:0; height:auto !important;}
.main .visual ul li:not(:first-child) {display:none;}
.main .visual ul li img {width:100%; height:auto;}
.main .visual ul li a {display:block;}
.main .visual .btn-rolling {position:relative; overflow:hidden; top:-17px; z-index: 1;text-align:center;}
.main .visual .btn-rolling p {display:inline-block; overflow:hidden; margin-left:5px;}
.main .visual .btn-rolling p span {float:left; font-size:0; line-height:0; text-indent:-9999px; margin-left:8px; background:#999; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; width:8px; height:8px;}
.main .visual .btn-rolling p .on {background:#000;}
div.C-30242-1-392 .visual .btn-rolling p span { background-color:#F0F0F0; }
div.C-30242-1-392 .visual .btn-rolling p .on { background-color:#000000; }
div.C-30242-1-392 { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; background:#ffffff repeat left top; border-top:0px solid ; border-right:0px solid ; border-bottom:0px solid ; border-left:0px solid ; }
div.C-30242-1-393 table { width:100%; border-collapse:collapse; }
div.C-30242-1-393 table td { text-align:center; width:33%; height:100px; border:0px solid #FFFFFF; }
div.C-30242-1-393 table td img { max-width:100%; height:100px; }
div.C-30242-1-393 { margin:30px 0px 50px 0px; padding:0px 0px 0px 0px; background:repeat left top; border-top:0px solid ; border-right:0px solid ; border-bottom:0px solid ; border-left:0px solid ; }
div.C-30242-1-394 table { width:100%; border-collapse:collapse; }
div.C-30242-1-394 table td { text-align:center; width:25%; height:37px; border:1px solid #FFFFFF; }
div.C-30242-1-394 table td img { max-width:100%; height:37px; }
#C-30242-1-394-0 {color:#000000; font-size:0.875em; font-weight:; font-style:;}
#C-30242-1-394-1 {color:#FF00FF; font-size:0.875em; font-weight:; font-style:;}
#C-30242-1-394-2 {color:#000000; font-size:0.875em; font-weight:; font-style:;}
#C-30242-1-394-3 {color:#000000; font-size:0.875em; font-weight:; font-style:;}
#C-30242-1-394-4 {color:#000000; font-size:0.875em; font-weight:; font-style:;}
#C-30242-1-394-5 {color:#000000; font-size:0.875em; font-weight:; font-style:;}
#C-30242-1-394-6 {color:#000000; font-size:0.813em; font-weight:; font-style:;}
#C-30242-1-394-7 {color:#000000; font-size:0.813em; font-weight:; font-style:;}
#C-30242-1-394-8 {color:#0820FF; font-size:0.875em; font-weight:; font-style:;}
#C-30242-1-394-9 {color:#FF002B; font-size:0.875em; font-weight:; font-style:;}
#C-30242-1-394-10 {color:#000000; font-size:0.875em; font-weight:; font-style:;}
#C-30242-1-394-11 {color:#000000; font-size:0.875em; font-weight:; font-style:;}
div.C-30242-1-394 { margin:0px 0px 10px 0px; padding:0px 0px 0px 0px; background:#E2E2E2 repeat left top; border-top:0px solid ; border-right:0px solid ; border-bottom:0px solid ; border-left:0px solid ; }
div.C-30242-1-395 table { width:100%; border-collapse:collapse; }
div.C-30242-1-395 table td { text-align:center; width:100%; border:0px dashed ; }
div.C-30242-1-395 table td img { max-width:100%;  }
div.C-30242-1-395 { margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; background:repeat left top; border-top:0px solid ; border-right:0px solid ; border-bottom:0px solid ; border-left:0px solid ; }
div.C-30242-1-396 table { width:100%; border-collapse:collapse; }
div.C-30242-1-396 table td { text-align:center; width:100%; border:0px solid #FFFFFF; }
div.C-30242-1-396 table td img { max-width:100%;  }
div.C-30242-1-396 { margin:0px 0px 10px 0px; padding:0px 0px 0px 0px; background:repeat left top; border-top:0px solid ; border-right:0px solid ; border-bottom:0px solid ; border-left:0px solid ; }
div.C-30242-1-397 table { width:100%; border-collapse:collapse; }
div.C-30242-1-397 table td { text-align:center; width:100%; border:0px solid ; }
div.C-30242-1-397 table td img { max-width:100%;  }
div.C-30242-1-397 { margin:0px 0px 10px 0px; padding:0px 0px 0px 0px; background:repeat left top; border-top:0px solid ; border-right:0px solid ; border-bottom:0px solid ; border-left:0px solid ; }
    .mog_price *{margin:0;padding:0;}
    .mog_price ul,li{list-style:none;}
    .slide_mong_0123{height:25px;overflow:hidden;}
    .slide_mong_0123 ul{position:relative;height:100%;}
    .slide_mong_0123 li{position:absolute;left:0;right:0;top:0;bottom:0;opacity:0;animation:fade 8s infinite;}


    .slide_mong_0123 ul{height:calc(100% * 4);animation:slide_mong_0123 8s infinite;}
    .slide_mong_0123 li{height:calc(100% / 4);}

text-decoration

    .slide_mong_0123 li:nth-child(1){animation-delay:0s}
    .slide_mong_0123 li:nth-child(2){animation-delay:2s}
    .slide_mong_0123 li:nth-child(3){animation-delay:4s}
    .slide_mong_0123 li:nth-child(4){animation-delay:6s}
    .mong_cate{display: block; font-size: 20px; font-weight: bold;}
    .mong_cate .slide_mong_0123 :link{color: #000;text-decoration: none;}
    .mong_cate::before {content: '';position: absolute;top: 0;left: 0;right: 0; margin-left: auto; margin-right: auto; margin-top: 60px;height: 12px;background-color: #f26422; width: 170px; }

    .mog_price {padding: 24px 0 24px; text-align: center;position: relative; background-color: #f5f6f8;}
    .mog_price h1 {font-size: 14px; font-weight: 400;}
     /* 100 / 8 = 12.5 */
    @keyframes fade {
      0% {opacity:20;margin-top:0;}
      5% {opacity:20;}
      10% {opacity:20;margin-top:0;}
      25% {opacity:20;margin-top:-300px;}
      35% {opacity:20;margin-top:-300px;}
      50% {opacity:20;margin-top:-600px;}
      60% {opacity:20;margin-top:-600px;}
      75% {opacity:20;margin-top:-900px;}
      85% {opacity:20;margin-top:-900px;}
      100% {opacity:20;margin-top:0;}
    }
div.C-30242-1-398 { margin:10px 0px 0px 0px; padding:0px 0px 0px 0px; background:repeat left top; border-top:0px solid ; border-right:0px solid ; border-bottom:0px solid ; border-left:0px solid ; }
div.C-30242-1-399 table { width:100%; border-collapse:collapse; }
div.C-30242-1-399 table td { text-align:center; width:100%; border:0px solid ; }
div.C-30242-1-399 table td img { max-width:100%;  }
div.C-30242-1-399 { margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; background:repeat left top; border-top:0px solid ; border-right:0px solid ; border-bottom:0px solid ; border-left:0px solid ; }
div.C-30242-1-400 table { width:100%; border-collapse:collapse; }
div.C-30242-1-400 table td { text-align:center; width:100%; border:1px solid #D4D4D4; }
div.C-30242-1-400 table td img { max-width:100%;  }
div.C-30242-1-400 { margin:0px 0px 10px 0px; padding:0px 0px 0px 0px; background:repeat left top; border-top:0px solid ; border-right:0px solid ; border-bottom:0px solid ; border-left:0px solid ; }
div.C-30242-1-401 table { width:100%; border-collapse:collapse; }
div.C-30242-1-401 table td { text-align:center; width:100%; border:1px solid #FFFFFF; }
div.C-30242-1-401 table td img { max-width:100%;  }
div.C-30242-1-401 { margin:0px 0px 10px 0px; padding:0px 0px 0px 0px; background:repeat left top; border-top:0px solid ; border-right:0px solid ; border-bottom:0px solid ; border-left:0px solid ; }
div.C-30242-1-402 table { width:100%; border-collapse:collapse; }
div.C-30242-1-402 table td { text-align:center; width:100%; border:1px solid #FFFFFF; }
div.C-30242-1-402 table td img { max-width:100%;  }
div.C-30242-1-402 { margin:0px 0px 10px 0px; padding:0px 0px 0px 0px; background:repeat left top; border-top:0px solid ; border-right:0px solid ; border-bottom:0px solid ; border-left:0px solid ; }
div.C-30242-1-403 table { width:100%; border-collapse:collapse; }
div.C-30242-1-403 table td { text-align:center; width:100%; border:1px solid #FFFFFF; }
div.C-30242-1-403 table td img { max-width:100%;  }
div.C-30242-1-403 { margin:0px 0px 10px 0px; padding:0px 0px 0px 0px; background:repeat left top; border-top:0px solid ; border-right:0px solid ; border-bottom:0px solid ; border-left:0px solid ; }
div.C-30242-1-405 table { width:100%; border-collapse:collapse; }
div.C-30242-1-405 table td { text-align:center; width:100%; border:0px dashed ; }
div.C-30242-1-405 table td img { max-width:100%;  }
div.C-30242-1-405 { margin:10px 0px 0px 0px; padding:0px 0px 0px 0px; background:repeat left top; border-top:0px solid ; border-right:0px solid ; border-bottom:0px solid ; border-left:0px solid ; }
div.C-30242-1-406 table { width:100%; border-collapse:collapse; }
div.C-30242-1-406 table td { text-align:center; width:50%; border:0px solid ; }
div.C-30242-1-406 table td img { max-width:100%;  }
#C-30242-1-406-0 {color:#000000; font-size:1em; font-weight:; font-style:;}
#C-30242-1-406-1 {color:#868E96; font-size:0.75em; font-weight:; font-style:;}
div.C-30242-1-406 { margin:0px 0px 0px 0px; padding:30px 0px 10px 0px; background:#F5F5F5 repeat left top; border-top:0px solid ; border-right:0px solid ; border-bottom:0px solid ; border-left:0px solid ; }
#C-30242-1-16-0 {color:#000000;font-size: 17px;font-weight:;font-style:;width: 180px;font-weight: 600;}

#C-30242-1-16-1 {color:#868E96;font-size:0.75em;font-weight:;font-style:;position: absolute;right: 0;border: 0;margin-right: -68px;margin-top: 7px;}
    .swiper-container_a {
      width: 219px;
      height: 100%;
    }

    .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;
      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }
.swiper-slide{background: #f5f5f5;}
div.C-30242-1-407 { margin:0px 0px 0px 0px; padding:2px 0px 30px 0px; background:#F5F5F5 repeat left top; border-top:0px solid ; border-right:0px solid ; border-bottom:0px solid ; border-left:0px solid ; }
div.C-30242-1-408 table { width:100%; border-collapse:collapse; }
div.C-30242-1-408 table td { text-align:center; width:50%; border:0px solid ; }
div.C-30242-1-408 table td img { max-width:100%;  }
#C-30242-1-408-0 {color:#000000; font-size:1em; font-weight:; font-style:;}
#C-30242-1-408-1 {color:#868E96; font-size:0.75em; font-weight:; font-style:;}
div.C-30242-1-408 { margin:0px 0px 0px 0px; padding:10px 0px 10px 0px; background:#F5F5F5 repeat left top; border-top:0px solid ; border-right:0px solid ; border-bottom:0px solid ; border-left:0px solid ; }
#C-30242-1-18-0 {color:#000000;font-size: 17px;font-weight:;font-style:;width: 150px;font-weight: 600;}

#C-30242-1-18-1 {color:#868E96;font-size:0.75em;font-weight:;font-style:;position: absolute;right: 0;border: 0;margin-right: -68px;margin-top: 7px;}
    .swiper-container_a {
      width: 219px;
      height: 100%;
    }

    .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;
      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }
.swiper-slide{background: #f5f5f5;}
div.C-30242-1-409 { margin:0px 0px 0px 0px; padding:2px 0px 30px 0px; background:#F5F5F5 repeat left top; border-top:0px solid ; border-right:0px solid ; border-bottom:0px solid ; border-left:0px solid ; }
div.C-30242-1-410 table { width:100%; border-collapse:collapse; }
div.C-30242-1-410 table td { text-align:center; width:50%; border:0px solid ; }
div.C-30242-1-410 table td img { max-width:100%;  }
#C-30242-1-410-0 {color:#000000; font-size:1em; font-weight:; font-style:;}
#C-30242-1-410-1 {color:#868E96; font-size:0.75em; font-weight:; font-style:;}
div.C-30242-1-410 { margin:0px 0px 0px 0px; padding:10px 0px 10px 0px; background:#F5F5F5 repeat left top; border-top:0px solid ; border-right:0px solid ; border-bottom:0px solid ; border-left:0px solid ; }
#C-30242-1-20-0 {color:#000000;font-size: 17px;font-weight:;font-style:;width: 135px;font-weight: 600;}

#C-30242-1-20-1 {color:#868E96;font-size:0.75em;font-weight:;font-style:;position: absolute;right: 0;border: 0;margin-right: -68px;margin-top: 7px;}
    .swiper-container_a {
      width: 219px;
      height: 100%;
    }

    .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;
      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }
.swiper-slide{background: #f5f5f5;}
div.C-30242-1-411 { margin:0px 0px 0px 0px; padding:2px 0px 30px 0px; background:#F5F5F5 repeat left top; border-top:0px solid ; border-right:0px solid ; border-bottom:0px solid ; border-left:0px solid ; }
    .mog_price *{margin:0;padding:0;}
    .mog_price ul,li{list-style:none;}
    .slide_mong_0123{height:25px;overflow:hidden;}
    .slide_mong_0123 ul{position:relative;height:100%;}
    .slide_mong_0123 li{position:absolute;left:0;right:0;top:0;bottom:0;opacity:0;animation:fade 8s infinite;}


    .slide_mong_0123 ul{height:calc(100% * 4);animation:slide_mong_0123 8s infinite;}
    .slide_mong_0123 li{height:calc(100% / 4);}

text-decoration

    .slide_mong_0123 li:nth-child(1){animation-delay:0s}
    .slide_mong_0123 li:nth-child(2){animation-delay:2s}
    .slide_mong_0123 li:nth-child(3){animation-delay:4s}
    .slide_mong_0123 li:nth-child(4){animation-delay:6s}
    .mong_cate{display: block; font-size: 20px; font-weight: bold;}
    .mong_cate .slide_mong_0123 :link{color: #000;text-decoration: none;}
    .mong_cate::before {content: '';position: absolute;top: 0;left: 0;right: 0; margin-left: auto; margin-right: auto; margin-top: 60px;height: 12px;background-color: #f26422; width: 170px; }

    .mog_price {padding: 24px 0 24px; text-align: center;position: relative; background-color: #f5f6f8;}
    .mog_price h1 {font-size: 14px; font-weight: 400;}
     /* 100 / 8 = 12.5 */
    @keyframes fade {
      0% {opacity:20;margin-top:0;}
      5% {opacity:20;}
      10% {opacity:20;margin-top:0;}
      25% {opacity:20;margin-top:-300px;}
      35% {opacity:20;margin-top:-300px;}
      50% {opacity:20;margin-top:-600px;}
      60% {opacity:20;margin-top:-600px;}
      75% {opacity:20;margin-top:-900px;}
      85% {opacity:20;margin-top:-900px;}
      100% {opacity:20;margin-top:0;}
    }
div.C-30242-1-412 { margin:10px 0px 0px 0px; padding:0px 0px 0px 0px; background:repeat left top; border-top:0px solid ; border-right:0px solid ; border-bottom:0px solid ; border-left:0px solid ; }
div.C-30242-1-413 table { width:100%; border-collapse:collapse; }
div.C-30242-1-413 table td { text-align:center; width:100%; border:0px solid ; }
div.C-30242-1-413 table td img { max-width:100%;  }
div.C-30242-1-413 { margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; background:repeat left top; border-top:0px solid ; border-right:0px solid ; border-bottom:0px solid ; border-left:0px solid ; }
div.C-30242-1-414 table { width:100%; border-collapse:collapse; }
div.C-30242-1-414 table td { text-align:center; width:100%; border:0px solid #FFFFFF; }
div.C-30242-1-414 table td img { max-width:100%;  }
div.C-30242-1-414 { margin:0px 0px 10px 0px; padding:0px 0px 0px 0px; background:repeat left top; border-top:0px solid ; border-right:0px solid ; border-bottom:0px solid ; border-left:0px solid ; }
div.C-30242-1-415 table { width:100%; border-collapse:collapse; }
div.C-30242-1-415 table td { text-align:center; width:100%; border:0px solid #FFFFFF; }
div.C-30242-1-415 table td img { max-width:100%;  }
div.C-30242-1-415 { margin:0px 0px 10px 0px; padding:0px 0px 0px 0px; background:repeat left top; border-top:0px solid ; border-right:0px solid ; border-bottom:0px solid ; border-left:0px solid ; }
div.C-30242-1-416 table { width:100%; border-collapse:collapse; }
div.C-30242-1-416 table td { text-align:center; width:100%; border:0px solid #FFFFFF; }
div.C-30242-1-416 table td img { max-width:100%;  }
div.C-30242-1-416 { margin:0px 0px 10px 0px; padding:0px 0px 0px 0px; background:repeat left top; border-top:0px solid ; border-right:0px solid ; border-bottom:0px solid ; border-left:0px solid ; }
div.C-30242-1-417 table { width:100%; border-collapse:collapse; }
div.C-30242-1-417 table td { text-align:center; width:100%; border:0px dashed ; }
div.C-30242-1-417 table td img { max-width:100%;  }
div.C-30242-1-417 { margin:10px 0px 0px 0px; padding:0px 0px 0px 0px; background:repeat left top; border-top:0px solid ; border-right:0px solid ; border-bottom:0px solid ; border-left:0px solid ; }
div.C-30242-1-418 table { width:100%; border-collapse:collapse; }
div.C-30242-1-418 table td { text-align:center; width:50%; border:0px solid ; }
div.C-30242-1-418 table td img { max-width:100%;  }
#C-30242-1-418-0 {color:#000000; font-size:1em; font-weight:; font-style:;}
#C-30242-1-418-1 {color:#868E96; font-size:0.75em; font-weight:; font-style:;}
div.C-30242-1-418 { margin:0px 0px 0px 0px; padding:30px 0px 10px 0px; background:#F5F5F5 repeat left top; border-top:0px solid ; border-right:0px solid ; border-bottom:0px solid ; border-left:0px solid ; }
#C-30242-1-28-0 {color:#000000;font-size: 17px;font-weight:;font-style:;width: 170px;font-weight: 600;}

#C-30242-1-28-1 {color:#868E96;font-size:0.75em;font-weight:;font-style:;position: absolute;right: 0;border: 0;margin-right: -68px;margin-top: 7px;}
    .swiper-container_a {
      width: 219px;
      height: 100%;
    }

    .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;
      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }
.swiper-slide{background: #f5f5f5;}
div.C-30242-1-419 { margin:0px 0px 0px 0px; padding:2px 0px 30px 0px; background:#F5F5F5 repeat left top; border-top:0px solid ; border-right:0px solid ; border-bottom:0px solid ; border-left:0px solid ; }
div.C-30242-1-420 table { width:100%; border-collapse:collapse; }
div.C-30242-1-420 table td { text-align:center; width:50%; border:0px solid ; }
div.C-30242-1-420 table td img { max-width:100%;  }
#C-30242-1-420-0 {color:#000000; font-size:1em; font-weight:; font-style:;}
#C-30242-1-420-1 {color:#868E96; font-size:0.75em; font-weight:; font-style:;}
div.C-30242-1-420 { margin:0px 0px 0px 0px; padding:10px 0px 10px 0px; background:#F5F5F5 repeat left top; border-top:0px solid ; border-right:0px solid ; border-bottom:0px solid ; border-left:0px solid ; }
#C-30242-1-30-0 {color:#000000;font-size: 17px;font-weight:;font-style:;width: 205px;font-weight: 600;}

#C-30242-1-30-1 {color:#868E96;font-size:0.75em;font-weight:;font-style:;position: absolute;right: 0;border: 0;margin-right: -68px;margin-top: 7px;}
    .swiper-container_a {
      width: 219px;
      height: 100%;
    }

    .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;
      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }
.swiper-slide{background: #f5f5f5;}
div.C-30242-1-421 { margin:0px 0px 0px 0px; padding:2px 0px 30px 0px; background:#F5F5F5 repeat left top; border-top:0px solid ; border-right:0px solid ; border-bottom:0px solid ; border-left:0px solid ; }
div.C-30242-1-422 table { width:100%; border-collapse:collapse; }
div.C-30242-1-422 table td { text-align:center; width:100%; border:0px solid ; }
div.C-30242-1-422 table td img { max-width:100%;  }
div.C-30242-1-422 { margin:0px 0px 0px 0px; padding:20px 0px 0px 0px; background:#F9FAFC repeat left top; border-top:0px solid ; border-right:0px solid ; border-bottom:0px solid ; border-left:0px solid ; }
.swiper-container_a_02 {
      width: 110px;
      height: 100%;
    }

.swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;
      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }
.swiper-slide{background: #f9fafc;}
div.C-30242-1-423 { margin:0px 0px 0px 0px; padding:10px 0px 40px 0px; background:#F9FAFC repeat left top; border-top:0px solid ; border-right:0px solid ; border-bottom:0px solid ; border-left:0px solid ; }
/* BASIC css end */