/* BASIC css start */
<style>
  /* 썸네일 고정 */
  .prd-list .thumb {
    width: 200px;
    height: 200px;
    overflow: hidden;
    margin: 0 auto 10px;
  }
  .prd-list .thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  }
  
  /* 상품명 줄간격 */
  .prd-list .dsc {
    font-size: 14px;
    line-height: 1.4;
    margin: 5px 0;
    word-break: break-all;
  }

  /* 가격 스타일 */
  .prd-list .price {
    font-size: 14px;
    color: #333;
  }
  .prd-list .price s {
    color: #999;
    font-size: 13px;
  }
</style>

@charset "utf-8";
@-ms-viewport{width:device-width;}
@-o-viewport{width:device-width;}
@-moz-viewport{width:device-width;}
@-webkit-viewport{width:device-width;}
@viewport{width:device-width;}

.sect-wrap{width:1380px; margin:0 auto;}
.clearfix::after{content:""; display:block; clear:both;}
#main { position: relative; max-width:100%; margin:-120px auto 0; overflow:hidden; }
#main .visual-bner { zoom: 1; overflow: hidden; position: relative; min-height:200px; height:380px; margin-top:130px;}
#main .visual-bner .visual { width:100%; }
#main .visual-bner .visual img { max-width:100%; }
#main .visual-bner .bner { float: right; width: 280px; zoom: 1; overflow: hidden; }
#main .visual-bner .bner li { float: left; margin-bottom: 20px; }
#main .visual-bner .notice { position: absolute; left:14%; bottom:37%; width: 450px; background-color:rgba(255,255,255,0.8); padding:35px 40px;  }
#main .visual-bner .notice dt { position:relative; padding-bottom: 10px; border-bottom: 1px solid #b4b2b1; color: #222; font-size: 12px; font-weight: normal; }
#main .visual-bner .notice dt a { position: absolute; top: 0; right: 0; color: #777; font-size:10px; font-weight:normal; }
#main .visual-bner .notice dd ul { padding-top: 5px; font-size:12px; }
#main .visual-bner .notice dd li { position: relative; margin-top: 10px; }
#main .visual-bner .notice dd li a { display: block; width: 310px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #000; font-size:12px; }
#main .visual-bner .notice dd li span { position: absolute; top: 0; right: 0; color: #888; font-size:10px; }

#main .visual-bner .notice_1{position:relative; top:75px; }
#main .visual-bner .notice_1 h4{font-size:25px; color:#525252; margin-bottom: 15px;}
#main .visual-bner .notice_1 h3{font-size:32px; font-weight:600; color:#343434; line-height:40px; margin-bottom: 30px;}
#main .visual-bner .notice_1 p{font-size:19px;color:#353535; line-height:30px;}


#main .weekly-best { zoom: 1; overflow: hidden; position: relative; height: 290px; margin-top: 40px; padding: 20px 45px 0; border-top: 1px solid #BEBEBE; background: #fbfbfb; }
#main .weekly-best #slider { zoom; 1; overflow: hidden; position: absolute; top: 75px; width: 1020px; }
#main .weekly-best h2 { color: #333; font-size: 22px; text-align: center; }
#main .weekly-best ul { zoom: 1; overflow: hidden; margin-left: -10px; }
#main .weekly-best ul li { float: left; position: relative; width: 194px; height: 194px; margin-left: 10px; }
#main .weekly-best ul li .cvr { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0.6; filter: alpha(opacity=60); }
#main .weekly-best ul li .dsc { display: none; position: absolute; top: 0; left: 0; width: 100%; padding-top: 80px; color: #fff; text-align: center; }
#main .weekly-best ul li .dsc del { color:#dbdbdb; }
#main .weekly-best ul li .dsc p { width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom:10px; }
#main .weekly-best ul li .img img { width: 100%; height: 100%; }
#main .weekly-best .btn-prev,
#main .weekly-best .btn-next { position: absolute; top: 160px; width: 12px; height: 19px; text-indent: -9999px; }
#main .weekly-best .btn-prev { left: 15px; background: url('/design/lactomason/11753/wang123/9607/makeshop/btn/btn_h19_prev.gif') no-repeat 0 0; }
#main .weekly-best .btn-next { right: 15px; background: url('/design/lactomason/11753/wang123/9607/makeshop/btn/btn_h19_next.gif') no-repeat 0 0; }
#main .mprd-cm { margin-top: 0; }
#main .mprd-cm .tit-prd { margin-top: 400px; background: url('/design/lactomason/11753/wang123/9607/makeshop/bg/bg_heading.gif') repeat-x 0 50%; text-align: center; color:#313131; margin-bottom:20px;}
#main .mprd-cm .tit-prd span { display: inline-block; padding: 0 20px;  color: #333; font-size: 37px; font-weight:600; line-height: 55px;}
#main .mprd-cm .tit-prd span strong { font-size:37px; color:#939393; }
#main .mprd-cm .tit_mini{text-align:center; font-size:23px;color: #939393;}
.insdot { width: 1100px; margin-top: 20px; margin-bottom: 10px; margin-left: 50px; }
.insta {width: 1100px; margin: 20px auto; text-align: center; border-top: 1px solid #d7d7d7;}

#main .bottom_main { width: 1100px;}
#main .bottom_main .main-subbanner { overflow: hidden; margin-top: 19px; margin-bottom: -17px;}
#main .bottom_main .main-subbanner li {float: left; width: 33.3% }
#main .bottom_main .main-subbanner li a {display: block; }

#main .last{margin-bottom:100px;}
#main .last .tit-prd { margin-top: 130px; background: url('/design/lactomason/11753/wang123/9607/makeshop/bg/bg_heading.gif') repeat-x 0 50%; text-align: center; color:#313131; margin-bottom:40px;}
#main .last .tit-prd span { display: inline-block; padding: 0 20px;  color: #333; font-size: 37px; font-weight:600;}
#main .last .tit-prd span strong { font-size:37px; color:#939393; }

#main .last .text{padding-top:35px; padding-left:35px;}
#main .last .text h3{font-size:35px; margin-bottom:5px;}
#main .last .text p{font-size:65px; font-weight:800; color:#373737; display:inline-block;}
#main .last .text span{display:inline-block; font-size:25px; color:#141414; border-bottom:1px solid #141414; margin-top:45px; font-weight: 600;}

.prd-list .dsc > p {    text-align: left; font-size: 15px;line-height: 30px; text-align:center;}

.bx-wrapper{height:}

#main .new_product{}
#main .new_product .tit-prd{
    margin-top: 400px;
    background: url(/design/lactomason/11753/wang123/9607/makeshop/bg/bg_heading.gif) repeat-x 0 50%;
    text-align: center;
    color: #313131;
    margin-bottom: 20px;
}

#main .new_product .tit-prd span {
    display: inline-block;
    padding: 0 20px;
    color: #333;
    font-size: 37px;
    font-weight: 600;
    line-height: 55px;
}



#main .new_product .tit_mini {
    text-align: center;
    font-size: 23px;
    color: #939393;
}

.row::after {display:block;content:'';clear:both;}
.row > .col {float:left}
.fifth > .col {width:20%;}
.row > li {float:left ; width:100%;}
.half > li {width:50%;}
.third > li {width: 33.333%;}
.quarter > li {width:25%;}

.imgbox > img {display:block; max-width:100%; text-align:center; margin: 0 auto;}

#main .dsc{text-align: center; padding: 10px;}
#main .tit{font-size:17px; color:#545454; line-height: 27px; padding-bottom:10px; border-bottom: 1px solid lightgray;}
#main .price{font-size:17px; font-weight:800; color:#202020; line-height:34px;}
#main .fifth{padding-top:50px;}
#main .fifth .imgbox{height:236px;}

#main .new_product .imgbox img{
 transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transition: all 0.3s ease-in-out; }

#main .new_product .imgbox img:hover {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
}

#main .new_product span strong {
    font-size: 37px;
    color: #939393;
}



.bx-viewport{height:750px !important;}

.mid-banner { max-width:1300px; padding:0 40px; margin:110px auto; position:relative; }
.mid-banner ul { display:table; table-layout:fixed; font-size:0; width:100%; }
.mid-banner li { display:inline-block; width:32%; margin-left:1%; background:#888; text-align:center; padding:50px 0 50px; position:relative; vertical-align:top; cursor:pointer; }
.mid-banner li :nth-child(1){margin-left:0;}
.mid-banner li img { width:100px; }

.mid-banner .text { width:80%; background:#fff; padding:40px 0; color:#666; font-size:12px; border:1px solid #eee; line-height:24px; margin:50px auto 0; }
.mid-banner .text h3 { border-bottom:2px solid #ccc; color:#444; font-weight:bold; font-size:17px; margin:0 0 20px; padding:0 10px 10px 12px; display:inline-block; letter-spacing:2px; }
.mid-banner .text p { height:75px; }

.bx-wrapper{padding:0 !important;}


@media only screen and (max-width:899px){
.bx-viewport{height:600px !important;}
}



@media only screen and (max-width:899px){

.bx-viewport{height:400px !important;}
.last{width:100%;}
.last li{width: 100% !important;
    margin-left: 1% !important;
    background-size: 35% !important;
    margin-top: 1%;;}
.lastli:nth-child(4n+1){margin-left:1%;}
	.con li:nth-child(2n+1){margin-left:0%;}

	.con li:nth-child(3),
	.con li:nth-child(4){margin-top:1%;}


}


@media (max-width:767px) {
.bx-viewport{height:200px !important;}
    .sect-wrap{width:100%;}
	.fifth > .col {width:100%;}
	.sect-wrap p {font-size:14px;}
    .last li{width: 100% !important; background-size:100% !important;}
    #main .new_product .tit-prd {margin-top: 250px;}
    #main .visual-bner .notice_1 h4{text-align:center;}
    #main .visual-bner .notice_1 h3{text-align:center;}
    #main .visual-bner .notice_1 p{text-align:center}
    #main .visual-bner{background-image: url(/design/lactomason/9607/makeshop/bg/main_03.png);}
    #main iframe{width:100%;}
}




/* BASIC css end */