@charset "utf-8"; 

/* visual */
#mainVisual{width:100%;position:relative;height:580px;overflow:hidden;background:#ccc}
#mainVisual .visualslide{width:2000px;height:580px;position:absolute;left:50%;top:0;margin-left:-1000px;}
#mainVisual .visualslide .slideList li{width:2000px;height:580px;position:relative;}
#mainVisual .visualslide .slideList li .imgbg{position:relative; left:0;top:0;}
#mainVisual .visualslide .slideList li .cont{width:1200px;position:absolute;top:200px;left:52%;margin-left:0px; z-index:10;text-align:left;}
#mainVisual .bx-controls-direction{width:1200px; margin:0 auto;}
/*#mainVisual .bx-prev{position:absolute;left:50%;top:239px;background:url('../../images/os/new_img1/main/btn_vprev.png') no-repeat 0 0;width:70px;height:70px;z-index:100;text-indent:-9999px;margin-left:-648px;}
#mainVisual .bx-next{position:absolute;right:50%;top:239px;background:url('../../images/os/new_img1/main/btn_vnext.png') no-repeat 0 0;width:70px;height:70px; z-index:100;text-indent:-9999px;margin-right:-641px;}*/
#mainVisual .visualslide .bx-pager, #ShopVisual .visualslide .bx-pager{width:1200px;position:absolute;left:50%;bottom:20px;z-index:100;text-align:center;margin-left:-600px;}
#mainVisual .visualslide .bx-pager .bx-pager-item, #ShopVisual .visualslide .bx-pager .bx-pager-item{display:inline-block;margin-left:10px;width:18px;height:18px;}
#mainVisual .visualslide .bx-pager .bx-pager-item a, #ShopVisual .visualslide .bx-pager .bx-pager-item a{background:url('../../images/os/new_img1/main/btn_visual2.png') no-repeat 0 0;width:18px;height:18px;display:inline-block;overflow:hidden; text-indent:-9999px;}
#mainVisual .visualslide .bx-pager .bx-pager-item a.active, #ShopVisual .visualslide .bx-pager .bx-pager-item a.active{background:url('../../images/os/new_img1/main/btn_visual2_on.png');}

#ShopVisual{width:100%;position:relative;height:460px;overflow:hidden;background:#ccc}
#ShopVisual .visualslide{width:2000px;height:460px;position:absolute;left:50%;top:0;margin-left:-1000px;}
#ShopVisual .visualslide .slideList li{width:2000px;height:460px;position:relative;}

.MainContInner{width:1200px;margin:70px auto;}
.MainContInner .MainCont{float:left;width:570px;position: relative;}
.MainCont h2{position: absolute;left:5px;top:50px;font-family: 'Alef', sans-serif;font-size:22px;line-height: 20px;color:#000;font-weight:700;}
.MainCont h2:before{content: "";display:block;width:180px;height:3px;background:#000;margin:0 0 10px -5px;}
.MainCont dl{padding:355px 0 40px 160px;}
.MainCont dl.Bg01{background:url("../../images/os/new_img1/main/cont_bus.png") no-repeat top right;}
.MainCont dl.Bg02{background:url("../../images/os/new_img1/main/cont_my.png") no-repeat top right;}
.MainCont dl dt{font-size:16px;color:#000;line-height:30px;}
.MainCont dl dd{font-size:14px;color:#bdbdbc;line-height:18px;}
.MainCont .MBtn{position: absolute;right:0;bottom:0;}
.MainCont .MBtn a{display:inline-block;padding:10px 30px;border:1px solid #8a8a8a;border-radius:3px;font-size:13px;color:#333;transition-duration:0.5s;}
.MainCont .MBtn a:hover{background:#33a744;border:1px solid #33a744;color:#fff;}

.BrandInner{position:relative;width: 1200px;height: 750px;background:url("../../images/os/new_img1/main/bd_bg.png") no-repeat top center;margin: 0 auto;}
.BrandInner .Brand{position:absolute;top:0;right:0;width:540px;height: 750px;background:rgba(143,167,174,0.5);text-align:center;color:#fff;text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);}
.Brand h2{font-family: 'Alef', sans-serif;font-size:32px;line-height: 30px;font-weight:700;margin-top:170px;text-transform:uppercase;}
.Brand h2:before, .Brand .BrandBtn:after{content:url('../../images/os/new_img1/main/bd_line.png');display:block;width:29px;height:29px;margin:40px auto;padding-top: 40px;}
.Brand p{font-size:16px;color:#fff;line-height:22px;margin:20px 0;}
.Brand .BrandBtn{display:table;margin:0 auto;}
.BrandBtn a{float:left;display:inline-block;padding:10px 30px;border:1px solid #fff;border-radius:3px;font-size:13px;color:#fff;margin:0 5px;transition-duration:0.5s;}
.BrandBtn a:hover{background:#f5881e;border:1px solid #f5881e;color:#fff;}

.MProdInner{position:relative;width:1200px;height:350px;margin:70px auto;}
.MProdInner .MProd{float:left;width:600px;height:350px;padding-top:190px;box-sizing:border-box;text-align:center;}
.MProdInner .Bg01{background:url("../../images/os/new_img1/main/pd_img01.png") no-repeat;}
.MProdInner .Bg02{background:url("../../images/os/new_img1/main/pd_img02.png") no-repeat;}
.MProdInner .Bg01 dl{background:rgba(110,147,100,0.5);}
.MProdInner .Bg02 dl{background:rgba(0,0,0,0.4);}
.MProdInner dl{width:100%;height:160px;position:relative;color:#fff;}
.MProdInner dl dt{font-family: 'Alef', sans-serif;font-size:26px;line-height:45px;text-transform: uppercase;padding-top:15px;}
.MProdInner dl dd{font-size:14px;}
.MProdInner .BrandBtn{display:table;margin:20px auto;}
.MProdInner .BrandBtn a{float:left;display:inline-block;padding:10px 30px;border:1px solid #fff;border-radius:3px;font-size:13px;color:#fff;margin:0 5px;transition-duration:0.5s;}
.MProdInner .BrandBtn a:hover{background:#fff;border:1px solid #fff;color:#333;}
.MProdInner .PdImg{position: absolute;top:245px;left:50%;width:50px;height:46px;margin-left:-25px;background:url("../../images/os/new_img1/main/pd_img.png") no-repeat;}

.MContBtmInner{position:relative;width:1200px;margin:0 auto 70px;background:#efeff1;padding:60px 55px;box-sizing:border-box;}
.MContBtmInner .MContBtm{position:relative;width:1200px;margin:0 auto;}
.MContBtm h2{font-size:20px;color:#000;margin-bottom:20px;}
.MContBtm .MoreBtn{position: absolute;top:0;right:0;}
.MContBtm .MoreBtn a{display:block;width:16px;height:16px;background:url("../../images/os/new_img1/main/icon_more.png") no-repeat;transition-duration:0.5s;}
.MContBtm .MoreBtn a:hover{opacity:0.5;}

.MContBtm .MNotice{position:relative;float:left;width:350px;}
.MNotice li{height:22px;margin-bottom:10px;}
.MNotice li a{display:block;float:left;font-size:15px;color:#777;width:85%;white-space: nowrap;text-overflow:ellipsis;overflow:hidden;}
.MNotice li span{float:left;}

.MContBtm .MPr{position:relative;float:left;width:350px;margin:0 60px;}

.MContBtm .MCs{position:relative;float:left;}
.MCs dt{font-size:35px;color:#000;}
.MCs dd{font-size:13px;color:#636363;line-height:20px;margin:10px 0;}
.MCs .CsBtn a{float:left;display:block;width:110px;padding:15px 10px 15px 15px;font-size:13px;transition-duration:0.5s;}
.MCs .CsBtn a:first-child{background:#33a744;color:#fff;}
.MCs .CsBtn a:first-child:after, .MCs .CsBtn a:hover:after{content: url('../../images/os/new_img1/main/btn_arr.png')!important;display:block;float:right;width:6px;height:9px;}
.MCs .CsBtn a:last-child{background:#fff;color:#333;}
.MCs .CsBtn a:last-child:after{content: url('../../images/os/new_img1/main/btn_arr_k.png');display:block;float:right;width:6px;height:9px;}
.MCs .CsBtn a:hover{background:#333;color:#fff;}



/* ============================== 쇼핑몰 메인 =================================== */

.ShopCont{position: relative;width:1200px;margin:60px auto;}
.ShopCont .ContIcon{position: relative;float:left;width:440px;margin-right:40px;}
.ContIcon li{float:left;width:200px;height:200px;margin-right:20px;text-align:center;background:url("../../images/os/new_img1/mall/cont_icon01.png") no-repeat 50% 60px;}
.ContIcon li:nth-child(3), .ContIcon li:nth-child(4){margin-top:20px;}
.ContIcon li a{display:block;width:200px;height:200px;border:5px solid #e9e9e9;padding-top:145px;box-sizing:border-box;transition-duration:0.5s;}
.ContIcon li a:hover{border:5px solid #33a744;}
.ContIcon li.Icon02{background:url("../../images/os/new_img1/mall/cont_icon02.png") no-repeat 50% 60px;}
.ContIcon li.Icon03{background:url("../../images/os/new_img1/mall/cont_icon03.png") no-repeat 50% 60px;}
.ContIcon li.Icon04{background:url("../../images/os/new_img1/mall/cont_icon04.png") no-repeat 50% 60px;}

.ShopCont .ContRight{position: relative;float:right;width:720px;}
.ContRight .ContTxt{position: absolute;top:45px;left:50px;width:670px;color:#000;z-index: 9999;}
.ContTxt h2{font-family: 'Alef', sans-serif;font-size:30px;line-height: 30px;font-weight:700;}
.ContTxt dt{float:left;font-size:16px;}
.ContTxt dt:before{content: ""; float: left; background: #000;width:2px;height:12px;;margin:3px 15px 3px 0;}
.ContTxt dt:after{content: ""; float: right; background: #000;width:1px;height:12px;;margin:3px 20px 3px 15px;}
.ContTxt dd{font-size:14px;}
.ContRight a{display:block;overflow:hidden;transition-duration: 0.5s;}
.ContRight a img{-webkit-transition:opacity 0.35s,-webkit-transform 0.35s;transition:opacity 0.35s,transform 0.35s;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
.ContRight a:hover img{-webkit-transform:scale3d(1.03,1.03,1);transform:scale3d(1.03,1.03,1)}
.ContRight a:hover:before{-webkit-transform:scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,150%,0);transform:scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,150%,0)}

.ContRight{position: relative;float:right;width:720px;}
.ContRight .Newslide{width:720px;height:420px;}
.ContRight .Newslide .slideList li{width:720px;height:420px;position:relative;}
.ContRight .Newslide .slideList li .imgbg{position:relative; left:0;top:0;}
.ContRight .Newslide .slideList li .cont{width:720px;position:absolute;top:200px;left:52%;margin-left:0px; z-index:10;text-align:left;}
.ContRight .bx-controls-direction, .ContRight .bx-controls-auto{width: 0;margin:0 auto;}
.ContRight .Newslide .bx-pager, .ContRight .visualslide .bx-pager{display:table;position:absolute;right:15px;bottom:10px;z-index:100;text-align:center;}
.ContRight .Newslide .bx-pager .bx-pager-item, .ContRight .Newslide .bx-pager .bx-pager-item{display:inline-block;margin-left:2px;width:18px;height:18px;}
.ContRight .Newslide .bx-pager .bx-pager-item a, .ContRight .Newslide .bx-pager .bx-pager-item a{background:#fff;width:10px;height:10px;display:inline-block;overflow:hidden; text-indent:-9999px;border-radius:5px;}
.ContRight .Newslide .bx-pager .bx-pager-item a.active, .ContRight .Newslide .bx-pager .bx-pager-item a.active{background:none;width:6px;height:6px;border:2px solid #fff;}

.ContBdInner{position: relative;width: 100%;background: #f9f9f9;margin:0 auto 70px;}
.ContBdInner .ContBd{position: relative;width: 1200px;height:160px;margin:0 auto;padding:70px 0;}
.ContBd dl{position: relative;float:left;width: 400px;}
.ContBd dl dt{float:left;width: 160px;overflow:hidden;margin-right:30px;}
.ContBd dl dt a img{-webkit-transition:opacity 0.35s,-webkit-transform 0.35s;transition:opacity 0.35s,transform 0.35s;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
.ContBd dl dt a:hover img{-webkit-transform:scale3d(1.03,1.03,1);transform:scale3d(1.03,1.03,1)}
.ContBd dl dt a:hover:before{-webkit-transform:scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,150%,0);transform:scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,150%,0)}

.ContBd dl dd{float:left;width: 140px;padding:30px 0;}
.ContBd dl dd li:first-child{font-family: 'Alef', sans-serif;font-size:20px;color:#000;font-weight:700;}
.ContBd dl dd li{font-size:14px;color:#a5a4a4;}
.ContBd dl dd li:last-child{font-size:25px;color:#000;margin-top:25px;}

.contLine{width:1200px;height:1px;background:#ddd;margin:60px auto 80px;clear: both;}

.MainReview{width:1200px;margin:0 auto;position: relative;}
.MainReview li{float:left;width:270px;margin-left:40px;}
.MainReview li:first-child{margin-left:0;}
.MainReview li dl{padding:15px 10px;}
.MainReview li dt{font-size:16px;color:#4d4d4d;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin-bottom:5px;}
.MainReview li dd .Name{float:left;font-size:14px;color:#666;}
.MainReview li dd .star{float:right;font-size:12px;color:#e88888;}

.shopTit{display:block;width:100%;line-height:32px;padding-bottom:25px;}
.shopTit h3{float:left;display:inline-block;font-family: 'Alef', sans-serif;letter-spacing:-0.03em;font-size:42px;color:#312b35;padding:0 15px;}

.shopTop .newPds{float:right;width:300px;height:500px;border-top:4px solid #18b0bc;background:#f4f4f4;box-sizing:border-box;text-align:center;padding:40px;position:relative;}
.newPds h2{font-family: 'Alef', sans-serif;color: #212121;font-size:26px;line-height:22px;text-transform: uppercase;}

.shopTop .newPdsOn{float:right;width:300px;height:500px;}

/* 쇼핑몰, 마이오피스 상단 공지사항 공통단 */
.noticeTab{width:100%;height:230px;border:1px solid #ddd;padding:20px;box-sizing:border-box; position:relative;}
.noticeTabs{margin:0 auto 10px auto;border-bottom:1px solid #d7d6d6;}
.noticeTabs li{float:left;margin-right:3px;position:relative;list-style:none;}
.noticeTabs li a{display:inline-block;line-height:34px;font-size:15px;background:#bfbfbf;color:#fff;text-align:center;padding:0 20px;transition-duration: 0.5s;}
.noticeTabs li a:hover, .noticeTabs li a.active, .noticeTabs li a.tabOn{background:#52686d;}
.NoticeMore{position:absolute;right:30px;top:30px;}
.NoticeMore a{display:block;font-size:13px;color:#888;transition-duration: 0.5s;}
.NoticeMore a:hover{color:#222;}

.notice_content li{width: 100%; white-space:nowrap; overflow:hidden;text-overflow:ellipsis;line-height:30px;}
.notice_content li:before{content: "";float:left;width:4px;height:4px;border-radius:2px;background:#6f6f6f;margin:12px 10px;}
.notice_content li a{color:#777; font-size: 14px;transition-duration: 0.5s;}
.notice_content li a:hover{color:#212121;}

.newPds2{width:100%;height:250px;border-top:4px solid #18b0bc;background:#f4f4f4;box-sizing:border-box;padding:30px 20px 20px 20px;position:relative;margin-top:20px;}
.newPds2 h2{font-family: 'Alef', sans-serif;color: #212121;font-size:24px;line-height:22px;text-transform: uppercase;text-align:center;}


.contLine{width:1200px;height:1px;background:#ddd;margin:80px auto;clear: both;}

.shopPdInner{width:1200px;margin:0 auto;height: auto;position:relative;}
.shopPdInner .shopTabs{display:table;margin:40px auto;}
.shopTabs li{float:left;margin:0 10px;}
.shopTabs li a{display:inline-block;font-size:16px;color:#4c4c4c;line-height:50px;padding:0 40px;border:1px solid #ddd;transition-duration: 0.5s;}
.shopTabs li a:hover, .shopTabs li a:active, .shopTabs li a.On{color:#33a744;border:1px solid #33a744;}

.shopTit{display:block;width:100%;line-height:32px;padding-bottom:25px;}
.shopTit h2{font-family: 'Alef', sans-serif;font-size:30px;line-height: 30px;font-weight:700;}
.shopTit .more{position:absolute;right:0;top:10px;border-bottom:2px solid #585858;padding-bottom:2px;line-height:14px !important;}
.shopTit .more a{display:inline-block;font-family: 'Montserrat', sans-serif;font-size:13px;color:#585858;padding:0 4px;}

#productList{}

.shopPdtList{width:100%;}

.prod_content{width: 1200px;height:auto;border:none;margin: 0 auto;}
.shop_cont{width:270px;float:left;border:1px solid #efefef;box-sizing:border-box;margin: 0 15px 30px 15px;}
.prod-box{display:inline-block;height:380px;width:100%;margin:0 auto;position:relative;}
.prod-box dl{text-align:center;margin:0 auto;}
.prod-box dl dt{width:230px;height:230px;margin:0 auto;}
.prod-box dl dt img{width:230px;height:230px;background:#fff;}
.prod-box dl dd{margin: 0 20px !important;line-height:20px;}
.prod-box .t-title{font-size:16px;color:#212121;margin-bottom:10px !important;}
.prod-box .t-title:before{content:"";display:block;width:100%;height:1px;background:#efefef;margin-bottom:20px;}
.prod-box .t-s-eng{font-size:12px;color:#acacac;}
.prod-box .t-price{font-size:16px;color:#d30318;vertical-align:baseline;margin-top:15px;}
.prod-box .t-price strong{color:#333;font-size:16px;font-weight:500;}
.prod-box .t-price2{font-size:14px;color:#888;}
.prod-box .t-pv{font-size:14px;color:#005ac92017-12-27;}
.prod-box .t-amt{font-size:14px;color:#f53e3c;}
.prod-box .t-amt2{font-size:14px;color:#222;}
.prod-box .PIcon{position:absolute;right:30px;top:30px;}
.prod-box .pdlist-bottom{width:170px;display:inline-block;margin:15px auto 0 auto;}


/* 제품 가격미표출 */
.prod-box-none{display:inline-block;height:380px;width:100%;margin:0 auto;position:relative;}
.prod-box-none dl{text-align:center;}
.prod-box-none dl dt{width:230px;height:230px;margin:10px auto;}
.prod-box-none dl dt img{width:230px;height:230px;background:#fff;}
.prod-box-none dl dd{padding:0 30px;line-height:22px;}
.prod-box-none .t-title{font-size:16px;color:#212121;height:40px;line-height:22px;word-wrap: break-word;margin-bottom:10px;}
.prod-box-none .t-no{font-size:14px;color:#9e9e9e;line-height:1.4;}
.prod-box-none .t-no:before{content:"";display:block;width:60px;height:1px;background:#bdbdbd;margin:20px auto;}
.prod-box-none .t-s-eng{font-size:12px;color:#acacac;}
.prod-box-none .t-price{font-size:16px;color:#d30318;vertical-align:baseline;margin:5px 0;}
.prod-box-none .t-price strong{color:#333;font-size:16px;font-weight:500;}
.prod-box-none .t-price2{font-size:14px;color:#888;}
.prod-box-none .t-pv{font-size:14px;color:#005ac9;}
.prod-box-none .t-amt{font-size:14px;color:#f53e3c;}
.prod-box-none .t-amt2{font-size:14px;color:#222;}
.prod-box-none .iconbox{position: absolute;right: 15px;top: 15px;}
.prod-box-none .PIcon{margin-left:5px;width:45px;font-size:12px;color:#fff;padding:3px 0;border-radius:3px;}
/* .prod-box-none .PIcon2{position:absolute;right:65px;top:15px;width:45px;font-size:12px;color:#fff;padding:3px 0;border-radius:3px;} */
.prod-box-none .pdlist-bottom{width:170px;display:inline-block;margin:15px auto 0 auto;}

.pdlist-bottom span{float:left;display:inline-block;margin-left:2px;}
.pdlist-bottom span:first-child{margin-left:0px;}
.pdlist-bottom span input{width:50px;height:30px;line-height:30px;border:1px solid #ddd;padding:0 5px;background:#fff;text-align:right;}
.pd-btn{display:inline-block;height:30px;font-size:14px;padding:0 10px;text-align:center;line-height:30px;-webkit-transition-duration:0.3s;transition-duration:0.3s;}
.pd-btn i{line-height:30px;color:#fff;}
.pdlist-bottom .bx-controls-direction{width:1200px;margin:0 auto;}



/* 제품리스트 호버시  */
.shop_cont .PdsMu:hover .social{
  -moz-transition: all 0.25s linear;
  -o-transition: all 0.25s linear;
  -webkit-transition: all 0.25s linear;
  transition: all 0.25s linear;
}

.shop_cont .PdsMu {position: absolute;top: 0; left: 0; width: 100%; height: 100%; z-index: 30; display: block;transition-duration: 0.5s;}
.shop_cont .PdsMu:hover{background:rgba(0,0,0,0.12);width: 100%;height: 100%; z-index: 30;display: block;/*cursor:pointer;*/}
.shop_cont .PdsMu ul{display:table;margin: 0 auto 0;height: 100%;position: relative;}
.shop_cont .PdsMu ul li{/* float:left; */margin:0 5px;display: table-cell;vertical-align: middle;}
.shop_cont .PdsMu ul li:last-child{/* position:absolute; *//* top:30px; *//* left:50%; *//* margin-left:-30px; */}
.shop_cont .PdsMu i{font-size: 25px;}

.shop_cont .PdsMu .social {width: 60px;height: 60px;display: inline-flex; justify-content: center; align-items: center; color: #fff; border-radius: 50%;font-size: 14px; line-height: 1;margin-bottom: 8px;opacity: 0;
  -moz-transform-origin: center 50%;
  -ms-transform-origin: center 50%;
  -webkit-transform-origin: center 50%;
  transform-origin: center 50%;
  -moz-transform: scale(0, 0);
  -ms-transform: scale(0, 0);
  -webkit-transform: scale(0, 0);
  transform: scale(0, 0);
  -moz-transition: none;
  -o-transition: none;
  -webkit-transition: none;
  transition: none;}

.shop_cont .PdsMu .social2{width: 110px;height: 35px; color: #fff; border-radius: 5px;line-height: 1;}

.shop_cont .PdsMu .PdMuBtn {background: #404041;} .shop_cont .PdsMu .PdMuBtn:hover {background: #222;transition:0.3s all;}
.shop_cont .PdsMu .PdMuBtn2 {background: #333;} .shop_cont .PdsMu .PdMuBtn2:hover {background: #111;transition:0.3s all;}

.shop_cont .PdsMu:hover .social{opacity: 1;
  -moz-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
  }
.shop_cont:hover .PdsMu .social:nth-child(1) {
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}
.shop_cont:hover .PdsMu .social:nth-child(2) {
  -moz-transition-delay: 0.05s;
  -o-transition-delay: 0.05s;
  -webkit-transition-delay: 0.05s;
  transition-delay: 0.05s;
}
.shop_cont:hover .PdsMu .social2:nth-child(1) {
  -moz-transition-delay: 0.15s;
  -o-transition-delay: 0.15s;
  -webkit-transition-delay: 0.15s;
  transition-delay: 0.15s;
}

.shop_cont .cntCtrl{float:left; overflow:hidden; margin-bottom:10px;}
.shop_cont .cntCtrl .formCount{float:left;}
.shop_cont .cntCtrl .btn{float:left; margin-left:10px; background:#333333; width:110px; text-align:center; font-size:16px; line-height:30px;}

/* 가격 */
.formCount{}
.formCount *{float:left;}
.formCount a{background:url(../../images/os/new_img1/office/btn_minus.gif) no-repeat 50% 50%; width:30px; height:30px; border:1px solid #dddddd; display:inline-block; box-sizing:border-box;}
.formCount .amt{border:1px solid #dddddd; height:30px; line-height:28px; text-align:center; width:48px; padding:0; color: #a7a7a7;}
.formCount .btnPlus{background-image:url(../../images/os/new_img1/office/btn_plus.gif); border-left:0;}
.formCount .btnMinus{border-right:0;}

/* 상품후기 배너 */
.rvbann{width: 1200px; margin: 0 auto 25px; color:#333;}
.rvbann .rv_btn{background:url(../../images/os/new_img1/mall/banner_bg.png) no-repeat;width:300px;height:300px;float:left;padding: 65px 50px;box-sizing: border-box;text-align: center;background-size:contain;}
.rvbann .rv_btn span{display:block;}
.rvbann .rv_btn .font01 .f-str{display:inline-block;}
.rvbann .rv_btn .font01 .f-str:before{content:"";display:block;width:3px;height:3px;border-radius:50%;background: #325332;margin: 0 auto 2px;}
.rvbann .rv_btn .font01{font-size:16px;color:#325332;letter-spacing: 1.5px;margin-bottom: 15px;}
.rvbann .rv_btn .font02{font-size:36px;font-weight:100;letter-spacing: 8px;margin-bottom: 6px;}
.rvbann .rv_btn .font02:before{content:"";width: 25px;height:1px;background: #333;display: inline-block;margin-bottom: 10px;margin-right: 12px;}
.rvbann .rv_btn .font02:after{content:"";width: 25px;height:1px;background:#333;display:inline-block;margin-bottom: 10px;margin-left: 12px;}
.rvbann .rv_btn .font03{font-size:36px;font-weight:600;letter-spacing: 8px;}
.rvbann .rv_btn a.viewbtn {border: 1px solid #b2beb4;width: 160px;height: 36px;margin:15px auto 0;display: block;color: #467346;line-height: 38px;background: #ffffff78;}
.rvbann .rv_btn a.viewbtn:hover{color: #fff; background: #687f68; transition:0.3s;}

.rvbann .rvimg{float:left;background:#f4f4f4;width: 900px;height:300px;padding: 30px 38px;box-sizing: border-box;}
.rvbann .rvimg li{float:left;margin-right: 37px;}
.rvbann .rvimg li:last-child{margin-right:0;}

.rvbann .rvimg li a{display:block;}
.rvbann .rvimg li dl{width:250px;}
.rvbann .rvimg li dl dt{width:100%; height:170px;}
.rvbann .rvimg li dl dd{padding: 13px 20px;background:#fff;}
.rvbann .rvimg .BoardTitInner{margin: 0px;background: #fff;text-align: left;}
.rvbann .rvimg img{width:100%;height: 100%;}
.rvbann .rvimg span{font-size: 14px;}