@charset "utf-8";
/* ========================================
Website :K-pars(O2O)
File Name :add_style.css
Version :CSS2.1 (+ 3.0)
Maker :amoo (minuya@gmail.com)
Date :2021 / MAY
Explanation :add_style(RWD)
Modify Date :2021 / 08 / 18
======================================== */

/* minihopi-layerpop*/

.mocean-modal-wrap {
  display: flex;
  justify-content: center;
  color: white;
}

.btn-group {
  display: flex;
  flex-wrap: wrap;
  max-width: 350px;
}
.btn-group button {
  outline: 1px solid #2b7aff;
  transform-origin: 50% 50%;
}
.btn-group button:hover {
  transform: scale(1.1);
}

button {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.15), 0 1px 2px rgba(0, 0, 0, 0.2), 0 1px 1px rgba(0, 0, 0, 0.2);
  flex: 1 1 10%;
  /* padding: 0.875rem; */
  transition: 100ms all ease-in-out;
  width: 100%;
  /* font-family: "Roboto Slab", serif; */
  font-weight: 400;
  font-size: 0.75em;
  text-transform: uppercase;
  background: #448AFF;
  color: white;
}
button:hover {
  cursor: pointer;
  background: #3a84ff;
}
button:focus {
  outline: none;
}

.mocean-modal-wrap {
  position: relative;
  max-width: 1400px;
  width: 100%;
  z-index: 2000;
  visibility: hidden;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  margin: auto;
}

.mocean-modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  visibility: hidden;
  opacity: 0;
  z-index:1000;
  transition-duration: 500ms;
  background-color: rgba(0, 0, 0, 0.8);
}

.mocean-show.mocean-modal-wrap {
  visibility: visible;
}
.mocean-show.mocean-modal-wrap ~ .mocean-modal-overlay {
  visibility: visible;
  opacity: 1;
}

.mocean-modal {
  transition-property: all;
  transition-duration: 700ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0, 1.5);
  -webkit-animation-duration: 1000ms;
          animation-duration: 1000ms;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0, 1.5);
          animation-timing-function: cubic-bezier(0.4, 0, 0, 1.5);          
}

.mocean-content{position: relative;}

.slide-in-top .mocean-content {
  transform: translate3d(0, -100%, 0);
  opacity: 0;
  width:1400px;
  height:836px;
}

.mocean-show.slide-in-top .mocean-content {
  transform: translate3d(0, 0, 0);
  opacity: 1;
}

.mocean-modal-content.Atype{
	position: relative;
	width: 1400px;
    height: 836px;
    background-image: url(/images/gtrade/thum/@minihomepi-greentypebg.png);
    background-position: top;
    background-repeat: no-repeat;
    
}

.mocean-modal-content.Atype2{
	position: relative;
	width: 1400px;
    height: 836px;
    background-image: url(/images/gtrade/thum/@minihomepi-template2.png);
    background-position: top;
    background-repeat: no-repeat;
    
}

.mocean-modal-content.Atype3{
	position: relative;
	width: 1400px;
    height: 836px;
    background-image: url(/images/gtrade/thum/@minihomepi-template3.png);
    background-position: top;
    background-repeat: no-repeat;
    
}

.mocean-modal-content.Atype4{
	position: relative;
	width: 1400px;
    height: 836px;
    background-image: url(/images/gtrade/thum/@minihomepi-template4.png);
    background-position: top;
    background-repeat: no-repeat;
    
}

.mocean-perspective {
  perspective: 600px;
}

.mocean-show {
  visibility: visible;
}

.Atype .mocean-modal-close{
	position: absolute;
    display: inline-block;
    padding: 0 30px;
    top:60px;
    right: 0px;
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    text-align: right;
    background: transparent!important;
    box-shadow: none!important;
    }
.Atype2 .mocean-modal-close{
	position: absolute;
    display: inline-block;
    padding: 0 30px;
    top:10px;
    right: 0px;
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    text-align: right;
    background: transparent!important;
    box-shadow: none!important;
    }
 .Atype3 .mocean-modal-close{
   position: absolute;
   display: inline-block;
   padding: 0 30px;
   top:40px;
   right: 0px;
   color: #fff;
   font-size: 24px;
   font-weight: 700;
   text-align: right;
   background: transparent!important;
   box-shadow: none!important;
   }
  .Atype4 .mocean-modal-close{
   position: absolute;
   display: inline-block;
   padding: 0 30px;
   top:0px;
   right: 70px;
   color: #fff;
   font-size: 24px;
   font-weight: 700;
   text-align: right;
   background: transparent!important;
   box-shadow: none!important;
   }
.Atype .tit-h1{padding: 50px 0 0 0; text-align: center; font-size: 36px; color: #fff;  box-sizing: border-box;}
.Atype .com-logo{position: absolute; left: 140px; top: 160px; width: 145px; height: 80px; transition-duration: 0ms; transform: translate3d(0px, 0px, -300px) rotateX(
343deg) rotateY(326deg) scale(1); box-shadow: 0 5px 10px 3px #dcdadade; border: 1px solid #ddd;}
.Atype .com-txt{position: absolute;
    display: inline-block;
    top: 70px;
    right: 74px;
    margin: 100px 0 0 200px;
    padding: 0px 5px;
	padding-bottom:5px;
    width: 840px;
    color: #555;
    box-sizing: border-box;
    overflow-x: scroll;
    overflow-y: hidden;}    
.Atype .com-txt::-webkit-scrollbar { height:8px;  width: 40px;} /* 스크롤 바 */
.Atype .com-txt::-webkit-scrollbar-track { background-color:#cfdaed;box-shadow:inset 0px 0px 5px rgb(0 0 0 / 20%);border-radius: 10px;} /* 스크롤 바 밑의 배경 */
.Atype .com-txt::-webkit-scrollbar-thumb { background:#41699f;border-radius:10px;} /* 실질적 스크롤 바 */
.Atype .com-txt::-webkit-scrollbar-thumb:hover { background: #4dac60; } /* 실질적 스크롤 바 위에 마우스를 올려다 둘 때 */
.Atype .com-txt::-webkit-scrollbar-thumb:active { background: #4dac60; } /* 실질적 스크롤 바를 클릭할 때 */
.Atype .com-txt::-webkit-scrollbar-button { display: none; } /* 스크롤 바 상 하단 버튼 */    

.Atype .com-body{width: 1090px;
    display: block;}
.Atype .com-body::after{content:''; display:inline-block;}

.Atype2 .com-h1{display:flex;flex-direction:row-reverse;position: absolute;top: 260px;left: 230px;width:322px;padding: 5px;}
.Atype2 .tit-h1{width: 70%;height: 84px;text-align: left;font-size: 30px;color: #222;box-sizing: border-box;overflow: hidden;}
.Atype2 .com-logo{display:block;width:25%; height:84px; margin-right:5%;transition-duration: 0ms;/* box-shadow: 0 0px 10px 3px #dcdadade; border:1px solid #666;*/border-radius:15px;overflow:hidden;}
.Atype2 .com-txt{position: absolute;display: inline-block;top: 95px;right: 5px;padding: 0px 20px;padding-bottom: 5px;width: 645px;color: #555;box-sizing: border-box;overflow-x: scroll;overflow-y: hidden;}    
.Atype2 .com-txt::-webkit-scrollbar { height:5px;  width: 40px;} /* 스크롤 바 */
.Atype2 .com-txt::-webkit-scrollbar-track { background-color:#643725;box-shadow:inset 0px 0px 5px rgb(0 0 0 / 20%);border-radius: 10px;} /* 스크롤 바 밑의 배경 */
.Atype2 .com-txt::-webkit-scrollbar-thumb { background:#41699f;border-radius:10px;} /* 실질적 스크롤 바 */
.Atype2 .com-txt::-webkit-scrollbar-thumb:hover { background: #4dac60; } /* 실질적 스크롤 바 위에 마우스를 올려다 둘 때 */
.Atype2 .com-txt::-webkit-scrollbar-thumb:active { background: #4dac60; } /* 실질적 스크롤 바를 클릭할 때 */
.Atype2 .com-txt::-webkit-scrollbar-button { display: none; } /* 스크롤 바 상 하단 버튼 */    

.Atype2 .com-body{width:100%; display: block;}
.Atype2 .com-body::after{content:''; display:inline-block;}
.Atype2 .com-body .com-item{display:inline-block;margin-left:15px;margin-right:0;width:455px;vertical-align:top;}
.Atype2 .com-body .com-intro{display:none;margin-right:5px;width:500px;background-color:rgb(9 9 9 / 8%);border-radius:15px; padding:10px;box-sizing:border-box;line-height:1.25;}



.com-body .com-photo{display: inline-block;
    padding: 5px 0 0 0;
    width: 125px;
    vertical-align: top;
    border: 0px solid red}
.Atype .com-body .com-photo li{display:inline-block;}
.Atype .com-body .com-photo li img{margin-right: 5px; width: 74px; height: 74px; border-radius: 5px;}
.Atype .com-body .com-item{display: inline-block;
    margin-left: 10px;
	margin-right:40px;
    width: 400px;
    vertical-align: top;
    border: 0px solid red;}
.com-body .com-item dt{display: inline-block;
    display: inline-block;
    width: 130px;
    vertical-align: top;
    font-size: 14px;
    font-weight: 500;
    color:#333}
.com-body .com-item dt:after{content:':'; display:inline-block; padding:0 7px 0 3px; float:right}
.com-body .com-item dd{width: 265px;
    word-break: break-word;
    display: inline-block;
    font-size: 13px;
    color:#555;
    max-height: 32px;
    overflow: hidden;
    }
.Atype .com-body .com-intro{display: inline-block;
    margin-right: 5px;
    width: 500px;
    background-color: rgb(9 9 9 / 8%);
    border-radius: 15px;
    padding: 10px;
    box-sizing: border-box;
    line-height: 1.25;
    border: 0px solid red;
    }

.Atype .com-body .com-intro p{display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
word-wrap: break-word;
white-space: normal;
height: 72px;
line-height: 1.3;
overflow: hidden;}

.Atype .left-com{position: absolute;
    top: 330px;
    left: 111px;
    border: 0px solid red;
    width: 165px;}
.Atype .left-com p{margin: 20px 0 10px 0;
    color: #2e6739;
    font-weight: 600;
    font-size: 13px;
    text-align: center;
    transition-duration: 0ms;
    transform: translate3d(0px, 0px, -300px) rotateX(351deg) rotateY(326deg) scale(1);}

.Atype .left-com iframe{margin: 2px 12px; 
   transform: translate3d(0px, 0px, -300px) rotateX(355deg) rotateY(333deg) scale(1);}

.Atype .left-btn{position: absolute; top: 670px; left: 160px;}
.Atype .left-btn a > img{filter: grayscale(95%); width:39px; height:39px; }
.Atype .left-btn a:hover > img{filter: grayscale(5%);}
.Atype .left-btn a > img:first-child{margin-right: 10px; transition-duration: 0ms; transform: translate3d(0px, 0px, -300px) rotateX(6deg) rotateY(326deg) scale(1);}
.Atype .left-btn a > img:last-child{margin-top: -10px; transition-duration: 0ms;  transform: translate3d(0px, 0px, -300px) rotateX(6deg) rotateY(326deg) scale(1);}

.Atype2 .left-btn{position: absolute; top: 610px; left: 220px;}
.Atype2 .left-btn a > img{filter: grayscale(80%); width:39px; height:39px; background:#fff;border-radius:6px;}
.Atype2 .left-btn a:hover > img{filter: grayscale(2%);}
.Atype2 .left-btn a > img:first-child{margin-right: 10px;}

.Atype .com-goods{top: 338px; left: 510px; right: 74px; width: 550px!important; height: 130px;}
.Atype .com-goods .slick-slide{display: inline-block; border: 0px solid green; margin: 0px; padding: 0px; text-align: left;}
.Atype .com-goods .slick-slide span{margin: 10px 0; height: 20px; font-size: 14px; font-weight: 500; color: #262626; text-align: center;
    width: 120px; word-break: break-all; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; line-height: 20px; overflow: hidden;
    text-overflow: ellipsis;}    
.Atype .com-goods .slick-slide img{display: block; padding: 0px; width: 120px; height: 120px; border: 5px solid #fff; box-shadow: 0 5px 10px 3px #dcdadade;}
.Atype .com-goods .pro-list-none > div{display:flex;justify-content:center;align-items:center;width:120px;height:120px;border:5px solid #fff;box-sizing:border-box;}
.Atype .com-goods .pro-list-none > div img{width:60%!important;height:auto!important;border:none!important;}
.Atype2 .com-goods2{top: 310px; left:721px; right: 0px; width: 609px!important; height: 148px;}
.Atype2 .com-goods2 .slick-slide{position:relative;height:198px; margin: 0 18.5px;text-align: left; box-sizing:border-box;overflow:hidden;}
.Atype2 .com-goods2 .slick-slide > a{display:block; width:100%;height:148px;padding:5px; border-radius:6px;overflow:hidden;box-sizing:border-box;}
.Atype2 .com-goods2 .slick-slide span{height: 50px;padding:0 5px;font-size: 14px; font-weight: 500; color: #262626; text-align: center;
    width: 166px; word-break: break-all; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; line-height: 50px; overflow: hidden;
    text-overflow: ellipsis;}    
.Atype2 .com-goods2 .slick-slide img{display: block; padding: 0px; min-width: 100%; /*box-shadow: 0 5px 10px 3px #dcdadade;*/} 
.Atype2 .com-goods2 .pro-list-none > div{display:flex;justify-content:center;align-items:center;width:166px;height:148px;box-sizing:border-box;}
.Atype2 .com-goods2 .pro-list-none > div img{min-width:auto!important;width:55%!important;height:auto!important;border:none!important;}

.slick-dots{display:none!important;}
.Atype .slick-prev,
.Atype .slick-next{
	position: absolute;
    top: 75%;
    display: block;
    width: 45px;
    height: 45px;
    font-size: 0;
    line-height: 0;       
    border-radius:30px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background-color: #a1a3a6;
}
.Atype .slick-prev:hover,
.Atype .slick-prev:focus,
.Atype .slick-next:hover,
.Atype .slick-next:focus{color: transparent; outline: none; background: transparent;}
.Atype .slick-prev:hover:before,
.Atype .slick-prev:focus:before,
.Atype .slick-next:hover:before,
.Atype .slick-next:focus:before{opacity: 1;}
.Atype .slick-prev.slick-disabled:before,
.Atype .slick-next.slick-disabled:before{opacity: .25;}

.Atype .slick-prev:before,
.Atype .slick-next:before{font-family: 'slick';font-size: 20px;line-height: 1;opacity: .75;color: white;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}

.Atype .slick-prev{left: -75px;}
[dir='rtl'] .Atype .slick-prev{right: -50px;left: auto;}
.Atype .slick-prev:before{content: '←';}
[dir='rtl'] .Atype .slick-prev:before{content: '→';}

.Atype .slick-next{right: -25px;}
[dir='rtl'] .Atype .slick-next{right: auto;left: -25px;}
.Atype .slick-next:before{content: '→';}
[dir='rtl'] .Atype .slick-next:before{content: '←';}


.Atype2 .slick-prev,
.Atype2 .slick-next{
	position: absolute;
    top: 82%;
    width: 45px;
    height: 45px;
    font-size: 0;
    line-height: 0;      
	border-radius:30px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background-color: #7c7d7f;
}
.Atype2 .slick-prev:hover,
.Atype2 .slick-prev:focus,
.Atype2 .slick-next:hover,
.Atype2 .slick-next:focus{color: transparent;outline: none;background:#4e4f51;}
.Atype2 .slick-prev:hover:before,
.Atype2 .slick-prev:focus:before,
.Atype2 .slick-next:hover:before,
.Atype2 .slick-next:focus:before{opacity: 1;}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before{opacity: .25;}

.Atype2 .slick-prev:before,
.Atype2 .slick-next:before{padding-bottom:4px;font-family: 'slick';font-size: 20px;font-weight:800;line-height: 1;opacity: .75;color: white;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}

.Atype2 .slick-prev{left: -50px;}
[dir='rtl'] .slick-prev{right: -50px;left: auto;}
.Atype2 .slick-prev:before{content: '←';}
[dir='rtl'] .slick-prev:before{content: '→';}

.Atype2 .slick-next{right: -50px;}
[dir='rtl'] .Atype2 .slick-next{right: auto;left: -25px;}
.Atype2 .slick-next:before{content: '→';}
[dir='rtl'] .Atype2 .slick-next:before{content: '←';}

.Atype .com-info{position: absolute; top: 675px; left: 440px;  padding: 8px 0 0 25px; width: 650px; height: 95px; box-sizing: border-box }
.com-info .part-jang{display: inline-block; width: 40%; vertical-align: top }
.com-info .part-jang img.photo_men{margin:5px 15px 0 0; width:62px; height:64px; vertical-align:top; border-radius:10px; box-shadow: 5px 5px 10px 5px #dcdadade;}
.com-info .part-jang img.photo_men_sample{margin:5px 15px 0 0; width:62px; height:64px; vertical-align:top; border-radius:10px;}
.com-info .part-jang i{margin-right: 20px; font-size: 60px; color: #a2a4a6 }
.com-info .part-jang ul{display:inline-block }
.com-info .part-jang li{display:block }
.com-info .part-jang li.jang-name{margin:5px 0; font-size: 18px; font-weight: 600; color: #000 }
.com-info .part-jang li.jang-part{width: 150px; font-size: 13px; color: #555; word-break: break-all }

.com-info .com-address{display: inline-block; width: calc(100% - 45%) }
.com-info .com-address li{margin-bottom:3px; color: #555; vertical-align: middle}
.com-info .com-address li:last-child{margin-bottom: 0px}

.Atype .com-info .com-address li i{display: inline-block; margin-right: 5px;  width: 20px; vertical-align: middle; font-size: 16px; color: #9fa8af }
.com-info .com-address li span{display: inline-block; width: 80%; vertical-align: top; max-height: 38px; line-height: 1.3; -webkit-line-clamp: 2;
    -webkit-box-orient: vertical; word-wrap: break-word; white-space: normal; overflow: hidden; text-overflow: ellipsis;}
.Atype2 .com-info .com-address li i{display: inline-block; margin-right: 5px;  width: 20px; vertical-align: middle; font-size: 16px; color: #555; }


.Atype2 .com-info{position: absolute;top: 720px;left: 420px;padding: 8px 0 0 25px;width: 600px;height: 95px;box-sizing: border-box;}
.Atype2 .com-info .part-jang img.photo_men{margin:5px 15px 0 0; width:60px; height:64px; vertical-align:top; border-radius:10px; box-shadow: 5px 5px 10px 5px #dcdadade;}
.Atype2 .com-info .part-jang img.photo_men_sample{margin:5px 15px 0 0; width:60px; height:64px; vertical-align:top; border-radius:10px;}

.com-invi{clear: both; position: absolute; top: 435px; right: 0px;}
.com-invi div{position:relative; width: 183px; height: 371px; background-image: url(/images/gtrade/thum/@minihomepi-invitation.png); background-position: top;
    background-repeat: no-repeat;}
.com-invi div a{position: absolute; display: block; left: 20px; bottom: 56px; color: #425878;}
.com-invi div a:hover{color:#4e7300}
.com-invi div i{margin:0 0 8px 0; font-size: 33px;}
.com-invi div span{display: block; font-size: 14px; font-weight: 500;}

.Atype3 .com-h1{position: absolute;top: 186px;left:59px;width:190px;padding: 5px;}
.Atype3 .tit-h1{position:absolute;top:110px;left:50%;transform:translateX(-50%);font-size: 32px;color: #fff;box-sizing: border-box;overflow: hidden;}
.Atype3 .com-logo{display:flex;align-items:center;height:80px;transition-duration: 0ms;/* box-shadow: 0 0px 10px 3px #dcdadade; border:1px solid #666;*/border-radius:15px;overflow:hidden;}

.Atype3 .com-body{width:100%; display: block;}
.Atype3 .com-body::after{content:''; display:inline-block;}
.Atype3 .com-body .com-item{display:inline-block;margin-left:15px;margin-right:0;width:455px;vertical-align:top;}
.Atype3 .com-body .com-intro{display:none;margin-right:5px;width:500px;background-color:rgb(9 9 9 / 8%);border-radius:15px; padding:10px;box-sizing:border-box;line-height:1.25;}

.Atype3 .com-txt{position:absolute;top:326px;left:405px;width:132px;height:174px;}
.Atype3 .com-txt .com-photo{display:flex;width:100%;height:100%;justify-content:center;align-items:center;}

.Atype3 .left-btn{position: absolute; top: 615px; left: 116px;}
.Atype3 .left-btn a > img{filter: grayscale(80%); width:39px; height:39px; background:#fff;border-radius:6px;}
.Atype3 .left-btn a:hover > img{filter: grayscale(2%);}
.Atype3 .left-btn a > img:first-child{margin-right: 10px;}

.Atype3 .com-goods3{top: 326px; left:543px; right: 0px; width: 424px!important; height: 174px;}
.Atype3 .com-goods3 .slick-slide{position:relative;height:174px; margin: 0 5px;text-align: left; box-sizing:border-box;overflow:hidden;}
.Atype3 .com-goods3 .slick-slide > a{display:block; width:100%;height:134px;padding:5px; border-radius:6px;overflow:hidden;box-sizing:border-box;}
.Atype3 .com-goods3 .slick-slide span{width:calc(100% - 10px); height: 40px;padding:0 5px;font-size: 14px; font-weight: 500; color: #262626; text-align: center;
    word-break: break-all; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; line-height: 40px; overflow: hidden;
    text-overflow: ellipsis;}    
.Atype3 .com-goods3 .slick-slide img{display: block; padding: 0px; min-width: 100%; /*box-shadow: 0 5px 10px 3px #dcdadade;*/} 
.Atype3 .com-goods3 .pro-list-none span{display:none;}
.Atype3 .com-goods3 .pro-list-none > div{display:flex;justify-content:center;align-items:center;width:132px;height:174px;box-sizing:border-box;}
.Atype3 .com-goods3 .pro-list-none > div img{min-width:auto!important;width:55%!important;height:auto!important;border:none!important;}

.Atype3 .slick-prev,
.Atype3 .slick-next{
	position: absolute;
    top: 113%;
    width: 30px;
    height: 30px;
    font-size: 0;
    line-height: 0;      
	border-radius:30px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background-color: #7c7d7f;
}
.Atype3 .slick-prev:hover,
.Atype3 .slick-prev:focus,
.Atype3 .slick-next:hover,
.Atype3 .slick-next:focus{color: transparent;outline: none;background:#4e4f51;}
.Atype3 .slick-prev:hover:before,
.Atype3 .slick-prev:focus:before,
.Atype3 .slick-next:hover:before,
.Atype3 .slick-next:focus:before{opacity: 1;}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before{opacity: .25;}

.Atype3 .slick-prev:before,
.Atype3 .slick-next:before{padding-bottom:4px;font-family: 'slick';font-size: 20px;font-weight:800;line-height: 1;opacity: .75;color: white;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}

.Atype3 .slick-prev{left: 56px;}
[dir='rtl'] .slick-prev{right: -50px;left: auto;}
.Atype3 .slick-prev:before{content: '←';}
[dir='rtl'] .slick-prev:before{content: '→';}

.Atype3 .slick-next{right: 56px;}
[dir='rtl'] .Atype3 .slick-next{right: auto;left: -25px;}
.Atype3 .slick-next:before{content: '→';}
[dir='rtl'] .Atype3 .slick-next:before{content: '←';}

.Atype3 .com-info .com-address li i{display: inline-block; margin-right: 5px;  width: 20px; vertical-align: middle; font-size: 16px; color: #555; }
.Atype3 .com-info .com-address{position:absolute;top:177px;left:0;width:285px;}

.Atype3 .com-info{position: absolute;top: 370px;right: 113px;height: 95px;box-sizing: border-box;}
.Atype3 .com-info .part-jang img.photo_men{margin:5px 15px 0 0; width:60px; height:64px; vertical-align:top; border-radius:10px; box-shadow: 5px 5px 10px 5px #dcdadade;}
.Atype3 .com-info .part-jang img.photo_men_sample{margin:5px 15px 0 0; width:60px; height:64px; vertical-align:top; border-radius:10px;}
.Atype3 .com-info .part-jang{width:232px;height:76px;}



.Atype4 .com-h1{position: absolute;top:227px;left:209px;width:190px;padding: 5px;}
.Atype4 .tit-h1{position:absolute;top:50px;width:80%;margin-left:20%;font-size: 32px;color: #fff;text-align:center;box-sizing: border-box;overflow: hidden;}
.Atype4 .com-logo{display:flex;align-items:center;height:78px;transition-duration: 0ms;/* box-shadow: 0 0px 10px 3px #dcdadade; border:1px solid #666;*/border-radius:15px;overflow:hidden;}

.Atype4 .com-body{width:100%; display: block;}
.Atype4 .com-body::after{content:''; display:inline-block;}
.Atype4 .com-body .com-item{display:inline-block;margin-left:15px;margin-right:0;width:455px;vertical-align:top;}
.Atype4 .com-body .com-intro{display:none;margin-right:5px;width:500px;background-color:rgb(9 9 9 / 8%);border-radius:15px; padding:10px;box-sizing:border-box;line-height:1.25;}

.Atype4 .left-btn{position: absolute; top: 500px; left: 257px;}
.Atype4 .left-btn a > img{filter: grayscale(80%); width:39px; height:39px; background:#fff;border-radius:6px;}
.Atype4 .left-btn a:hover > img{filter: grayscale(2%);}
.Atype4 .left-btn a > img:first-child{margin-right: 10px;}

.Atype4 .com-goods4{top: 363px; left:501px; right: 0px; width: 333px!important; height: 177px;}
.Atype4 .com-goods4 .slick-slide{position:relative;height:177px; margin: 0 18px;text-align: left; box-sizing:border-box;border-radius:10px;overflow:hidden;}
.Atype4 .com-goods4 .slick-slide > a{display:block; width:100%;height:137px;padding:5px; border-radius:6px;overflow:hidden;box-sizing:border-box;}
.Atype4 .com-goods4 .slick-slide span{width:calc(100% - 10px); height: 40px;padding:0 5px;font-size: 14px; font-weight: 500; color: #262626; text-align: center;
    word-break: break-all; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; line-height: 40px; overflow: hidden;
    text-overflow: ellipsis;}    
.Atype4 .com-goods4 .slick-slide img{display: block; padding: 0px; min-width: 100%; /*box-shadow: 0 5px 10px 3px #dcdadade;*/} 
.Atype4 .com-goods4 .pro-list-none span{display:none;}
.Atype4 .com-goods4 .pro-list-none > div{display:flex;justify-content:center;align-items:center;width:131px;height:177px;box-sizing:border-box;}
.Atype4 .com-goods4 .pro-list-none > div img{min-width:auto!important;width:55%!important;height:auto!important;border:none!important;}

.Atype4 .slick-prev,
.Atype4 .slick-next{position:absolute; top:55%; width:30px;height: 30px;font-size: 0;line-height: 0;border-radius:30px; padding: 0;-webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);transform: translate(0, -50%);cursor: pointer;color: transparent;border: none;outline: none;background-color: #7c7d7f;}
.Atype4 .slick-prev:hover,
.Atype4 .slick-prev:focus,
.Atype4 .slick-next:hover,
.Atype4 .slick-next:focus{color: transparent;outline: none;background:#4e4f51;}
.Atype4 .slick-prev:hover:before,
.Atype4 .slick-prev:focus:before,
.Atype4 .slick-next:hover:before,
.Atype4 .slick-next:focus:before{opacity: 1;}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before{opacity: .25;}

.Atype4 .slick-prev:before,
.Atype4 .slick-next:before{padding-bottom:4px;font-family: 'slick';font-size: 20px;font-weight:800;line-height: 1;opacity: .75;color: white;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}

.Atype4 .slick-prev{left: -24px;}
[dir='rtl'] .slick-prev{right: -50px;left: auto;}
.Atype4 .slick-prev:before{content: '←';}
[dir='rtl'] .slick-prev:before{content: '→';}

.Atype4 .slick-next{right: -24px;}
[dir='rtl'] .Atype3 .slick-next{right: auto;left: -25px;}
.Atype4 .slick-next:before{content: '→';}
[dir='rtl'] .Atype3 .slick-next:before{content: '←';}

.Atype4 .com-info .com-address li i{display: inline-block; margin-right: 5px;  width: 20px; vertical-align: middle; font-size: 16px; color: #fff; }
.Atype4 .com-info .com-address{display:block;width:230px; margin-top:26px;}
.Atype4 .com-info .com-address li span {color:#fff;}
.Atype4 .com-info .com-address li span > a {color:#fff;}
.Atype4 .com-info .com-address li span > a:hover{color:#c8e7fd;}

.Atype4 .com-info{position: absolute;top:621px;left: 141px;height: 95px;box-sizing: border-box;}
.Atype4 .com-info .part-jang img.photo_men{margin:5px 15px 0 0; width:60px; height:64px; vertical-align:top; border-radius:10px; box-shadow: 5px 5px 10px 5px #dcdadade;}
.Atype4 .com-info .part-jang img.photo_men_sample{margin:5px 15px 0 0; width:60px; height:64px; vertical-align:top; border-radius:10px;}
.Atype4 .com-info .part-jang{width:232px;height:76px;}

.Atype4 .com-txt{position: absolute;top: 161px;right:254px;padding: 0px 5px;padding-bottom:5px;color: #555;box-sizing: border-box;overflow-y: hidden;}       

.Atype4 .com-body .com-item{display: inline-block; margin-left: 10px;margin-right:40px; width: 400px; vertical-align: top; border: 0px solid red;}

.Atype4 .com-img{position:absolute;top:334px;left:211px;width:197px;height:128px;}
.Atype4 .com-img .com-photo{display:flex;align-items:center;width:100%;height:100%;overflow:hidden;}