/* BASIC css start */
/* »óÇ°Áø¿­ ¼øÀ§ */
.prd-list .thumb .num {position:absolute;top:-45px;left:0;z-index:6;font-size:20px;font-family:'Roboto', sans-serif; font-weight:700; line-height:1;color:#333; padding:0 0px 5px;border-bottom: 2px solid #222;}
.main_title {border-top:1px solid #ededed;padding-top:60px;}

/* ŸÀÌƲ, Áߺзù ¸®½ºÆ® */
#productClass .cate-wrap .bcate {min-height:30px; margin:60px 0 25px;text-align:center;padding:0; color:#000; font-size:24px;line-height:1;font-weight:700;font-family:'Raleway','Nanum Gothic',sans-serif; }
#productClass .cate-wrap { overflow:hidden }
#productClass .cate-wrap .class-list ul {*zoom:1; margin:0 0 40px -12px;font-size:0;}
#productClass .cate-wrap .class-list ul:after { display:block; clear:both; content:'' }
#productClass .cate-wrap .class-list ul li {display:inline-block;width:190px; margin:0 0 12px 12px; padding:0; font-size:14px; line-height:14px; vertical-align:top; }
#productClass .cate-wrap .class-list ul li a {padding:17px 0;font-weight:500;color:#777; font-family:'Nanum Gothic'; font-size:20px; background:none;border:1px solid #e5e5e5;letter-spacing:-0.025em;display:block;-webkit-transition: .2s ease-in-out; transition: .2s ease-in-out; text-align:center;}
#productClass .cate-wrap .class-list ul li a.sel,
#productClass .cate-wrap .class-list ul li a:hover {color:#000; text-decoration:none;border:1px solid #222; font-weight:600;}

/* ŸÀÌƲ, Áߺзù ¸®½ºÆ® */
.item-wrap .item-info { zoom: 1; overflow:hidden; padding:20px 10px 20px; margin-bottom:40px;border-bottom:1px solid #ebebeb;border-top:1px solid #ebebeb;}
.item-wrap .item-info .item-order li a {-webkit-transition: .3s ease-in-out; transition: .3s ease-in-out;}
.item-wrap .item-info .item-order li a:hover {color:#000;}

#empty_line { height:80px; }

#main_title { font-size:2.3em; padding-top:65px;  font-weight:600; text-align:center;  }
#wrapper { padding-top:100px; }
#frame {
  width:1200px;
  height:800px;
  background:#ffffff;
    box-shadow: 0 1px 10px rgba(0,0,0,0.5);
  position:relative;
}


.shopdesc {   font-size:2.0em;  font-weight:700; padding-top:15px; text-align:center; }
.shoptitle {   font-size:1.7em;  font-weight:500; padding-top:15px; text-align:center; }
.relativetitle {  font-size:1.6em;  padding-top:20px; }



.img-wrapper {
  width:1200px;
  height:790px;
  position:absolute;
  cursor:pointer;
}

.img-wrapper img {
  box-shadow: 0 1px 10px rgba(0,0,0,0.4);
  width:inherit;
  height:inherit;
}
.img1 {  top:2px;  left:2px; }
.img2 {  top:2px;  left:202px;}
.img3 {  top:202px;  left:2px;}
.img4 {  top:202px;  left:202px;}

.darkness {
  position:absolute;
  top:0;
  left:0;
  width:inherit;
  height:inherit;
  background:#000000;
  /* Ãß°¡µÈ ºÎºÐ */
  opacity:0;
  transition:all .6s linear;
}
/*  ¼¥À̹ÌÁö1_¹öÆ° */
.btn-plus1_1 {  position:absolute;  top: 600px;  left:400px;  background:#cb2027;  width:50px;  height:50px;  border-radius:50%;  text-align:center;  /* Ãß°¡µÈ ºÎºÐ */  opacity:0;  transform:scale(2);  transition:all .3s linear; }
.btn-plus1_2 {  position:absolute;  top: 520px;  left:500px;  background:#cb2027;  width:50px;  height:50px;  border-radius:50%;  text-align:center;  /* Ãß°¡µÈ ºÎºÐ */  opacity:0;  transform:scale(2);  transition:all .3s linear; }
.btn-plus1_3 {  position:absolute;  top: 500px;  left:700px;  background:#cb2027;  width:50px;  height:50px;  border-radius:50%;  text-align:center;  /* Ãß°¡µÈ ºÎºÐ */  opacity:0;  transform:scale(2);  transition:all .3s linear; }
.btn-plus1_4 {  position:absolute;  top: 430px;  left:640px;  background:#cb2027;  width:50px;  height:50px;  border-radius:50%;  text-align:center;  /* Ãß°¡µÈ ºÎºÐ */  opacity:0;  transform:scale(2);  transition:all .3s linear; }
.btn-plus1_5 {  position:absolute;  top: 430px;  left:720px;  background:#cb2027;  width:50px;  height:50px;  border-radius:50%;  text-align:center;  /* Ãß°¡µÈ ºÎºÐ */  opacity:0;  transform:scale(2);  transition:all .3s linear; }
.btn-plus1_6 {  position:absolute;  top: 390px;  left:820px;  background:#cb2027;  width:50px;  height:50px;  border-radius:50%;  text-align:center;  /* Ãß°¡µÈ ºÎºÐ */  opacity:0;  transform:scale(2);  transition:all .3s linear; }
.btn-plus1_7 {  position:absolute;  top: 380px;  left:480px;  background:#cb2027;  width:50px;  height:50px;  border-radius:50%;  text-align:center;  /* Ãß°¡µÈ ºÎºÐ */  opacity:0;  transform:scale(2);  transition:all .3s linear; }
.btn-plus1_8 {  position:absolute;  top: 300px;  left:480px;  background:#cb2027;  width:50px;  height:50px;  border-radius:50%;  text-align:center;  /* Ãß°¡µÈ ºÎºÐ */  opacity:0;  transform:scale(2);  transition:all .3s linear; }
.btn-plus1_9 {  position:absolute;  top: 300px;  left:580px;  background:#cb2027;  width:50px;  height:50px;  border-radius:50%;  text-align:center;  /* Ãß°¡µÈ ºÎºÐ */  opacity:0;  transform:scale(2);  transition:all .3s linear; }
.btn-plus1_10 {  position:absolute;  top: 380px;  left:640px;  background:#cb2027;  width:50px;  height:50px;  border-radius:50%;  text-align:center;  /* Ãß°¡µÈ ºÎºÐ */  opacity:0;  transform:scale(2);  transition:all .3s linear; }
.btn-plus1_11 {  position:absolute;  top: 190px;  left:1020px;  background:#cb2027;  width:50px;  height:50px;  border-radius:50%;  text-align:center;  /* Ãß°¡µÈ ºÎºÐ */  opacity:0;  transform:scale(2);  transition:all .3s linear; }

.btn-plus1_1  span {  font-size:3.2em;  color:#ffffff;  }
.btn-plus1_2  span {  font-size:3.2em;  color:#ffffff; }
.btn-plus1_3  span {  font-size:3.2em;  color:#ffffff; }
.btn-plus1_4  span {  font-size:3.2em;  color:#ffffff; }
.btn-plus1_5  span {  font-size:3.2em;  color:#ffffff; }
.btn-plus1_6  span {  font-size:3.2em;  color:#ffffff; }
.btn-plus1_7  span {  font-size:3.2em;  color:#ffffff; }
.btn-plus1_8  span {  font-size:3.2em;  color:#ffffff; }
.btn-plus1_9  span {  font-size:3.2em;  color:#ffffff; }
.btn-plus1_10  span {  font-size:3.2em;  color:#ffffff; }
.btn-plus1_11  span {  font-size:3.2em;  color:#ffffff; }

/* Ãß°¡µÈ ºÎºÐ */
.img-wrapper:hover .btn-plus1_1   {  opacity:1;  transform:scale(1); }
.img-wrapper:hover .btn-plus1_2  {  opacity:1;  transform:scale(1); }
.img-wrapper:hover .btn-plus1_3  {  opacity:1;  transform:scale(1); }
.img-wrapper:hover .btn-plus1_4  {  opacity:1;  transform:scale(1); }
.img-wrapper:hover .btn-plus1_5  {  opacity:1;  transform:scale(1); }
.img-wrapper:hover .btn-plus1_6  {  opacity:1;  transform:scale(1); }
.img-wrapper:hover .btn-plus1_7  {  opacity:1;  transform:scale(1); }
.img-wrapper:hover .btn-plus1_8  {  opacity:1;  transform:scale(1); }
.img-wrapper:hover .btn-plus1_9  {  opacity:1;  transform:scale(1); }
.img-wrapper:hover .btn-plus1_10  {  opacity:1;  transform:scale(1); }
.img-wrapper:hover .btn-plus1_11  {  opacity:1;  transform:scale(1); }


.swiper_roll {width:1192px;margin:0 auto !important;padding:0 15px !important; padding-bottom:100px;}
.swiper_roll .swiper-button-prev {background-image: url('/design/shopopen/0772marketo/roll_left.png'); left:0px;top:90px;width:40px;height:40px;background-size:40px 40px;margin-top:0px;}
.swiper_roll .swiper-button-next {background-image: url('/design/shopopen/0772marketo/roll_right.png'); right:0px;top:90px;width:40px;height:40px;background-size:40px 40px;margin-top:0px;}



/*  ¼¥À̹ÌÁö2_¹öÆ° */
.btn-plus2_1 {  position:absolute;  top: 650px;  left:100px;  background:#cb2027;  width:50px;  height:50px;  border-radius:50%;  text-align:center;  /* Ãß°¡µÈ ºÎºÐ */  opacity:0;  transform:scale(2);  transition:all .3s linear; }
.btn-plus2_2 {  position:absolute;  top: 370px;  left:60px;  background:#cb2027;  width:50px;  height:50px;  border-radius:50%;  text-align:center;  /* Ãß°¡µÈ ºÎºÐ */  opacity:0;  transform:scale(2);  transition:all .3s linear; }
.btn-plus2_3 {  position:absolute;  top: 620px;  left:450px;  background:#cb2027;  width:50px;  height:50px;  border-radius:50%;  text-align:center;  /* Ãß°¡µÈ ºÎºÐ */  opacity:0;  transform:scale(2);  transition:all .3s linear; }
.btn-plus2_4 {  position:absolute;  top: 500px;  left:280px;  background:#cb2027;  width:50px;  height:50px;  border-radius:50%;  text-align:center;  /* Ãß°¡µÈ ºÎºÐ */  opacity:0;  transform:scale(2);  transition:all .3s linear; }
.btn-plus2_5 {  position:absolute;  top: 420px;  left:350px;  background:#cb2027;  width:50px;  height:50px;  border-radius:50%;  text-align:center;  /* Ãß°¡µÈ ºÎºÐ */  opacity:0;  transform:scale(2);  transition:all .3s linear; }
.btn-plus2_6 {  position:absolute;  top: 200px;  left:310px;  background:#cb2027;  width:50px;  height:50px;  border-radius:50%;  text-align:center;  /* Ãß°¡µÈ ºÎºÐ */  opacity:0;  transform:scale(2);  transition:all .3s linear; }
.btn-plus2_7 {  position:absolute;  top: 600px;  left:610px;  background:#cb2027;  width:50px;  height:50px;  border-radius:50%;  text-align:center;  /* Ãß°¡µÈ ºÎºÐ */  opacity:0;  transform:scale(2);  transition:all .3s linear; }
.btn-plus2_8 {  position:absolute;  top: 380px;  left:540px;  background:#cb2027;  width:50px;  height:50px;  border-radius:50%;  text-align:center;  /* Ãß°¡µÈ ºÎºÐ */  opacity:0;  transform:scale(2);  transition:all .3s linear; }
.btn-plus2_9 {  position:absolute;  top: 340px;  left:650px;  background:#cb2027;  width:50px;  height:50px;  border-radius:50%;  text-align:center;  /* Ãß°¡µÈ ºÎºÐ */  opacity:0;  transform:scale(2);  transition:all .3s linear; }
.btn-plus2_10 {  position:absolute;  top: 700px;  left:980px;  background:#cb2027;  width:50px;  height:50px;  border-radius:50%;  text-align:center;  /* Ãß°¡µÈ ºÎºÐ */  opacity:0;  transform:scale(2);  transition:all .3s linear; }
.btn-plus2_11 {  position:absolute;  top: 650px;  left:800px;  background:#cb2027;  width:50px;  height:50px;  border-radius:50%;  text-align:center;  /* Ãß°¡µÈ ºÎºÐ */  opacity:0;  transform:scale(2);  transition:all .3s linear; }
.btn-plus2_12 {  position:absolute;  top: 380px;  left:760px;  background:#cb2027;  width:50px;  height:50px;  border-radius:50%;  text-align:center;  /* Ãß°¡µÈ ºÎºÐ */  opacity:0;  transform:scale(2);  transition:all .3s linear; }
.btn-plus2_13 {  position:absolute;  top: 540px;  left:200px;  background:#cb2027;  width:50px;  height:50px;  border-radius:50%;  text-align:center;  /* Ãß°¡µÈ ºÎºÐ */  opacity:0;  transform:scale(2);  transition:all .3s linear; }



.btn-plus2_1  span {  font-size:3.2em;  color:#ffffff;  }
.btn-plus2_2  span {  font-size:3.2em;  color:#ffffff; }
.btn-plus2_3  span {  font-size:3.2em;  color:#ffffff; }
.btn-plus2_4  span {  font-size:3.2em;  color:#ffffff; }
.btn-plus2_5  span {  font-size:3.2em;  color:#ffffff; }
.btn-plus2_6  span {  font-size:3.2em;  color:#ffffff; }
.btn-plus2_7  span {  font-size:3.2em;  color:#ffffff; }
.btn-plus2_8  span {  font-size:3.2em;  color:#ffffff; }
.btn-plus2_9  span {  font-size:3.2em;  color:#ffffff; }
.btn-plus2_10  span {  font-size:3.2em;  color:#ffffff; }
.btn-plus2_11  span {  font-size:3.2em;  color:#ffffff; }
.btn-plus2_12  span {  font-size:3.2em;  color:#ffffff; }
.btn-plus2_13  span {  font-size:3.2em;  color:#ffffff; }



/* Ãß°¡µÈ ºÎºÐ */
.img-wrapper:hover .btn-plus2_1   {  opacity:1;  transform:scale(1); }
.img-wrapper:hover .btn-plus2_2  {  opacity:1;  transform:scale(1); }
.img-wrapper:hover .btn-plus2_3  {  opacity:1;  transform:scale(1); }
.img-wrapper:hover .btn-plus2_4  {  opacity:1;  transform:scale(1); }
.img-wrapper:hover .btn-plus2_5  {  opacity:1;  transform:scale(1); }
.img-wrapper:hover .btn-plus2_6  {  opacity:1;  transform:scale(1); }
.img-wrapper:hover .btn-plus2_7  {  opacity:1;  transform:scale(1); }
.img-wrapper:hover .btn-plus2_8  {  opacity:1;  transform:scale(1); }
.img-wrapper:hover .btn-plus2_9  {  opacity:1;  transform:scale(1); }
.img-wrapper:hover .btn-plus2_10  {  opacity:1;  transform:scale(1); }
.img-wrapper:hover .btn-plus2_11  {  opacity:1;  transform:scale(1); }
.img-wrapper:hover .btn-plus2_12  {  opacity:1;  transform:scale(1); }
.img-wrapper:hover .btn-plus2_13  {  opacity:1;  transform:scale(1); }


.swiper_roll2 {width:1192px;margin:0 auto !important;padding:0 15px !important; padding-bottom:100px;}
.swiper_roll2 .swiper-button-prev {background-image: url('/design/shopopen/0772marketo/roll_left.png'); left:0px;top:90px;width:40px;height:40px;background-size:40px 40px;margin-top:0px;}
.swiper_roll2 .swiper-button-next {background-image: url('/design/shopopen/0772marketo/roll_right.png'); right:0px;top:90px;width:40px;height:40px;background-size:40px 40px;margin-top:0px;}

.swiper2 {width:1192px;margin:0 auto !important;padding:0 15px !important; padding-bottom:100px;}
.swiper2 .swiper-button-prev {background-image: url('/design/shopopen/0772marketo/roll_left.png'); left:0px;top:90px;width:40px;height:40px;background-size:40px 40px;margin-top:0px;}
.swiper2 .swiper-button-next {background-image: url('/design/shopopen/0772marketo/roll_right.png'); right:0px;top:90px;width:40px;height:40px;background-size:40px 40px;margin-top:0px;}



/* Ãß°¡µÈ ºÎºÐ */
.img-wrapper:hover .darkness{
  opacity:0.3;
}


.prd-list {
     padding-top:10px;

}


#tit2_empty_line{ height:25px }
#tit2_out{ border: 1px solid #BDBDBD; width: 39%; height: 50px;  display:table;  float:left;   }
#tit2_in { width: 100%; text-align:center; display: table-cell; vertical-align: middle; font-size:1.3em; }
#tit2_line1 { margin-left:5px; width: 30%;  height: 40px;  float:left;  border-bottom:1px solid #BDBDBD; }
#tit2_line2 {  width: 30%;  height: 40px;  float:left;  border-bottom:1px  solid #BDBDBD;}
#recomm_box { width:100%;  height: 20px;  float:left; }
#recomm_margin_box { width:6px;  height: 200px;  float:left;  }
/* BASIC css end */