.total{padding-top:20px;color:#888;padding:0 10px;margin-bottom:10px;}
.total span{color:#b16812}

.productOption{padding:0 10px;}
.productOption p{float:left;margin-top:4px;}
.productOption select{float:right;height:28px;width:111.5px;}

.optionDesign.mr-5{margin-right:5px;}
.optionDesign input {position:absolute; top:0; left:0; opacity:0;width:20px;height:20px;margin:0;top:50%;margin-top:-10px; cursor:pointer; z-index:5;}
.optionDesign i {float:left; display:block; width:18px; height:18px; background:url('../img/check.png') no-repeat left bottom;background-size:contain;z-index:3;}
.optionDesign label {cursor:pointer;color:#aaa;margin-left:5px;}
.optionDesign input:checked+i {background:url('../img/check_on.png') no-repeat left bottom;background-size:contain;}
.optionDesign input:checked+i+label {color:#333;}

/*=========================
		1. ABOUT US
===========================*/
/*1-1.회사소개*/
.introContain {padding-bottom:60px;}
.introContain >img{width:100%;}
.introContain>div{padding:30px 10px;border-top:1px solid #ddd;}
.introContain>div.border-none{border-top:none;}
.introContain h3{margin:0 auto;width:130px;height:130px;color:#fff;border-radius:50%;line-height:130px;font-size:20px;}
.introContain h3.au{background:#d4be8d}
.introContain h3.bu{background:#ad9072}
.introContain h3.br{background:#9b7165}
.introContain .tit{font-size:17px;line-height:25px;color:#333;font-weight:500;margin:20px 0;}
.introContain .tit span{color:#ffb410}
.introContain .text-left{font-size:12px;color:#888;line-height:19px;}

.introContain .list{border:1px solid #ddd;margin:0 10px;}
.introContain .list li{border-top:1px solid #ddd;display: table;padding: 15px 8%;width: 85%;}
.introContain .list li:first-child{border-top:none;}
.introContain .list li>p{display:table-cell;vertical-align:middle;}
.introContain .list li .imgWrap{width:75px;}
.introContain .list li .imgWrap img{width:100%;}
.introContain .list li .contWrap{padding-left:20px;font-size:12px;color:#888}
.introContain .list li .contWrap .tit{font-size:15px;color:#333;font-weight:600;margin:0;display:block;}

/*1-2. ci소개*/
.ciContain{padding:30px 10px 60px;}
.ciContain img{width:100%;}
.ciContain>h3{font-size:21px;color:#653603;text-transform: uppercase;}
.ciContain>p{font-size:14px;color:#444;margin:40px 0 15px}
.ciContain p.colorTitle{font-size:12px;color:#b16812;margin:15px 0}

.ciContain ul li{;padding:15px 10px;font-size:0}
.ciContain ul li p{display:inline-block;vertical-align:top;width:50%;font-size:11px;}
.ciContain ul li ul{display:inline-block;width:50%;}
.ciContain ul li ul li{line-height:18px;padding:0;font-size:11px}
.ciContain ul li ul li span{display:inline-block;width:70px}
.ciContain ul li.darkbrown{background:#2b2313;color:#fff;}
.ciContain ul li.yellow{background:#ffb819;color:#646464;}
.ciContain ul li.darkgray{background:#646464;color:#fff;}
.ciContain ul li.gray{background:#f0f0f0;color:#646464;}

/*1-3.오시는 길*/
.contactUs{padding:30px 10px 60px}
.contactUs .map{border:1px solid #333;height:250px;}
.contactUs .map .root_daum_roughmap{width:100%;}
.contactUs .root_daum_roughmap .wrap_controllers{display:none;}

.contactUs table{width:100%;border-top:2px solid #333;margin-top:50px;font-family:ngR;font-size:12px}
.contactUs table th{text-align:center;color:#333;border-bottom:1px solid #333;font-weight:normal;}
.contactUs table td{color:#888;border-bottom:1px solid #ddd;height:49px;padding-left:15px;}


/*=========================
		2. BRAND
===========================*/
.brandCont{padding-bottom:60px;}
.brandCont img{max-width:100%;margin-bottom:30px;}
.brandCont p{margin:0 10px;color:#666;font-size:14px;line-heiht:20px;}
.brandCont .sbutit{margin:0 10px;border:1px solid #ddd;margin-bottom:30px;font-size:20px;font-weight:600;color:#333;padding:20px 0;background:url('../img/brandTitleBg.jpg') repeat -16px 0;background-size:7%;}
.brandCont .sbutit span{color:#b16812}

.afp ul{margin:0 10px;margin-top:30px;} 
.afp ul li{margin-top:10px;}
.afp ul li:first-child{margin-top:0;}
.afp ul li i{font-style:normal;border-radius:20px;background:#ffb410;color:#fff;width:96.5px;height:25px;line-height:25px;display:block;float:left;text-align:center;}
.afp ul li span{color:#888;line-height:19px;font-size:12px;display:block;float:left;margin-left:14px;width: 184px;}



.brand .title{margin:0 10px;text-align:center;border:1px solid #ddd;margin-bottom:30px;font-size:20px;font-weight:600;color:#333;padding:20px 0;background:url('../img/brandTitleBg.jpg') repeat -16px 0;background-size:7%;}
.brand .title span{color:#b16812}

.brand .subText{color:#666;line-height:26px;font-size:14px;}

/*AFP*/
.brandAFP .subText{margin-bottom:6px;}
.brandAFP .explain{margin-top:24px;}
.brandAFP dl{font-size:0;font-family:ngR;margin:9px 10px 0 10px;}
.brandAFP dt{display:inline-block;vertical-align: top;font-size:14px;width:96.5px;background:#ffb410;color:#fff;line-height:25px;height:25px;text-align:center;border-radius:20px;}
.brandAFP dd{display:inline-block;font-size:14px;width: 184px;margin-left:14px;color:#888}

/*bandHandicapped*/
.bandHandicapped .subText{margin-bottom:6px;}
.productIndex .title{font-size:30px;color:#653603;font-weight:500;margin:85px 0 35px;}




/*=========================
		3. PRODUCT
===========================*/

/*3-1. 전체보기*/
.productIntro{padding:40px 0 60px;background:#fff;}
.productIntro .linkBtns{font-size:0;position:relative;padding:0 10px;}
.productIntro .linkBtns a{display:inline-block;width:39%;}
.productIntro .linkBtns img{width:100%;}
.productIntro .linkBtns a.dogLink{float:left;}
.productIntro .linkBtns a.catLink{float:right}
.productIntro .linkBtns p{display:inline-block;width:28%;position:absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}

.introBrand{margin-top:40px;}
.introBrand>p{font-size: 26px; text-transform: uppercase;color: #653603;font-weight: 600;margin-bottom:20px;}
.introBrand ul{font-size:0;padding:0 10px;}
.introBrand ul li{display:inline-block;width:30%;margin-bottom:15px;margin-right:5%;}
.introBrand ul li:nth-child(3n){margin-right:0;}
.introBrand ul li a{border:1px solid #ddd;display:block;}
.introBrand ul li a img{width:100%;}

.product{background:#f2f2f2;}
.productCont{padding:10px 0 0;}
.productCont .optionWrap{padding:0 10px;margin-bottom:30px;}
.productCont .optionWrap select{width:100%;height:35px;}

.productList{border-top:2px solid #333;padding:0px 10px 0;background:#fff;margin:10px auto 20px;font-size:0;}
.productList li{width: 50%;display: inline-block;position: relative;padding-bottom: 10px;vertical-align: top;margin-top: 15px;}
.productList li:nth-child(odd)::after{content:"";display:block;position:absolute;width:300%;height:1px;background:#ddd;bottom:0;left:-10px;}
.productList li:nth-child(2n) a{float:right;}
.productList li a{display:block;width:96%}
.productList li i.new{ background: url(../img/newIcon.png)no-repeat; width:30px; height:30px; display: block;position: absolute;top: 5px;left:5px;background-size:contain;}
.productList li a:hover .imgWrap{border:1px solid #1d0e07}
.productList li a:hover>p{background:#1d0e07;color:#fff;}
.productList li a:hover .brand::after{background:#fff;}
.productList li a p{padding:10px 0;}
.productList li a span{display:block;font-size:13px;word-break:break-word;;}
.productList li a img{width:100%;}
.productList li .brand{font-size:14px;}
.productList li .brand::after{content:"";display:block;margin:10px auto;width:20px;height:1px;background:#333;}
.productList li .name{ height: 38px; overflow: hidden;}

.ProductList .pageNation{margin-bottom:60px;}

.productView{}
.productView .productName{padding:0 10px;font-size:17px;line-height:23px;color:#333;margin-bottom:10px;}
.productView .productBanner{border-top:2px solid #333;background:#fff;}
.productView .item img{width:100%;}

.productView .bigVisual {border-bottom:1px solid #ddd;}

.productView .smaillVisual{padding:10px 0;width:75%;margin:0 auto;}
.productView .smaillVisual  .slick-track{margin:0 auto;}
.smaillVisual .item img{width:90%;margin:0 auto;}
.smaillVisualWrap{position:relative;}
.smaillVisualWrap >button{width:26.5px;height:26.5px;position:absolute;top: 50%; margin-top: -13px;}
.smaillVisualWrap .slick-arrow.slick-hidden{display: block;} 
.smaillVisualWrap >button.prev{background:url('../img/smaillVisualBtn.png') no-repeat;left:10px;background-size:contain;}
.smaillVisualWrap >button.next{background:url('../img/smaillVisualBtn.png') no-repeat;right:10px;background-size:contain;    -webkit-transform: rotate(180deg);transform: rotate(180deg);}

.productInfo{background:#fff;padding:10px;border-top:1px solid #ddd;border-bottom:2px solid #333;}
.productInfo li{display:table;width:100%;}
.productInfo li strong,
.productInfo li span{display:table-cell;font-size:13px;}
.productInfo li strong{color:#333;width:23.333333%;font-weight:normal;}
.productInfo li span{color:#888;padding:5px 0;}

.productView .listBtn{color:#888;display:block;margin:20px auto;text-align: center;}
.productView .listBtn img{width:32.5px;vertical-align:middle;margin-right:10px;}

.productDetail> p{background:#ffffff;border:2px solid #333;font-size:16px;height:38px;line-height:38px;width:50%;border-bottom:none;margin-bottom:-2px;z-index: 5; position: relative;}
.productDetail>div{padding:30px 0 60px;background:#fff;border-top:2px solid #333;}
.productDetail img{max-width:100%;}
.productDetail>div .c_listBtn{display:block;margin:30px auto 0;color:#fff;padding-top:10px;width:202.5px;line-height:50px;height:50px;background:url('../img/c_listBtn.png') no-repeat;background-size:contain}


/*=========================
		4. COMMUNITY
===========================*/
.board{background:#f2f2f2;padding:40px 0;}

.board .boradTable {margin-bottom:20px;}

.board .boardView{border-top:2px solid #333;background:#fff;}
.board .boardView .top{padding:15px 10px;border-bottom:1px solid #ddd;}
.board .boardView .top .tit{font-size:16px;color:#333;margin-bottom:20px;}
.board .boardView .top ul li{float:left;color:#888;font-size:12px;}
.board .boardView .top ul li:first-child::after{content:"";display:inline-block;width:1px;height:11px;background:#888;margin:0 5px;vertical-align: middle;}

.board .boardView .cont{padding:20px 10px;border-bottom:1px solid #ddd;color:#888}
.board .boardView .cont img{width:100%;}
.board .boardView .file{padding-left:30px;position:relative;margin-bottom:10px;color:#333;}
.board .boardView .file::before{content:"";display:block;position:absolute;left:0;top:2px;width:16.5px;height:18px;background:url('../img/fileIcon.png') no-repeat;background-size:contain;}

.board .viewPageNav li{border-bottom:1px solid #ddd}
.board .viewPageNav li span,
.board .viewPageNav li a{float:left;padding:10px 0;font-size:13px;}
.board .viewPageNav li span{width:25%;}
.board .viewPageNav li span::after{content:"";display:inline-block;margin-left:10px;width:9px;height:4px;vertical-align:middle;}
.board .viewPageNav li span.prev::after{background:url('../img/arrowBg.jpg') no-repeat;background-size:contain;}
.board .viewPageNav li span.next::after{background:url('../img/arrowBg.jpg') no-repeat;background-size:contain;-webkit-transform: rotate(180deg);transform: rotate(180deg);}
.board .viewPageNav li a{text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;width:75%;}

.board .black-btn{display:block;background:#333;color:#fff;font-size:12px;height:30px;line-height:30px;text-align:center;width:29.6875%;margin:20px auto 0;}


.board .galleryTable{padding:0 10px;margin-bottom:10px;}
.board .galleryTable li{float:left;width:48.3125%;background:#fff;margin-left:3.3%;margin-bottom:10px;}
.board .galleryTable li a{display:block;border:1px solid #ddd;}
.board .galleryTable li img{width:100%;}
.board .galleryTable li .textWrap{padding:10px 5px;}
.board .galleryTable li .title,
.board .galleryTable li .date{display:block;}
.board .galleryTable li .title{font-size:13px;font-weight:normal;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2; /* 라인수 */-webkit-box-orient: vertical;word-wrap:break-word; line-height:18px;height: 38px;}
.board .galleryTable li .date{color:#aaa;font-size:11px;margin-top:5px;}

.sampleText{padding: 0 10px;}
.sampleText >p{font-size:18px;color:#666;}
.sampleText >p span{color:#ffb410}

.sampleNotice{margin:30px 0;}
.sampleNotice li{line-height:18px;font-size:13px;color:#999;position:relative;padding-left:10px;margin-top:10px}
.sampleNotice li:first-child{margin-top:0;}
.sampleNotice li:before{content:"";display:block;position:absolute;width:3px;height:3px;background:#f7b015;left: 0;top: 14px;}

/*=========================
		5. CUSTOMER
===========================*/

/*5-1 매장찾기*/
.shopContain{background:#f2f2f2;padding-bottom:60px;}
.shopContain .tab{padding-top:40px;}
.shopContain .tab li{float:left;width:50%;}
.shopContain .tab li button{display:block;background:#fff;height:36px;width:100%;font-size:16px;border-top:2px solid #ddd;border-bottom:2px solid #333;color:#888;border-right:2px solid #ddd;}
.shopContain .tab li:first-child button{border-right:2px solid #333;}
.shopContain .tab li.on button{color:#333;border-top:2px solid #333;border-bottom:2px solid #fff;}
.shopContain .tabCont{background:#fff;padding:0 10px 20px 10px;}
.shopContain .tabCont>div{display:none;}
.shopContain .tabCont>div.on{display:block;}

.mapButton1{font-size:0;padding-top:20px;}
.mapButton1 li{display:inline-block;}
.mapButton1 li button{width:45px;height:27.5px;font-size:12px;border:1px solid #ddd;border-radius:4px;color:#aaa;margin-right:14px;margin-bottom:8.5px;font-family:ngr}
.mapButton1 li.on button{border:1px solid #333;background:#333;color:#fff;}

.mapGUbtn{border:1px solid #333;border-radius:3px;padding:10px;background:#f2f2f2;margin:25px auto 30px}
.mapGUbtn li{display:inline-block;margin-bottom:5px;}
.mapGUbtn li button{font-size:12px;margin-right:7px;color:#666;font-family:ngr}

.tab-location select{width:100%;height:30px;margin-bottom:5px;padding:0 10px;font-size:12px;}
.tab-location input{width:100%;background:#fafafa;height:30px;padding:0 10px;}
.tab-location button{width:100%;height:33px;color:#fff;background:#333;border-radius:3px;}


.resultMap{border-top:2px solid #333;padding:30px 0;}
.map{border:1px solid #ffb410;height:337px;background:#fff;border-width:1px 0;margin-bottom:30px;}

.boradTable i.icon{display:inline-block;vertical-align:middle;width:21px;height:19px;}
.boradTable i.cat{background:url('../img/catIcon.png') no-repeat;background-size:contain;}
.boradTable i.dog{background:url('../img/dogIcon.png') no-repeat;background-size:contain;}

.boradTable .moreBtn{width:16px;height:15px;background:url('../img/moreBtn.png') no-repeat;background-size:contain;    top: 19px; right: 0;}


/*5-2. 입점문의*/
.franContain{padding:40px 0 60px;}
.franContain>p{font-size:25px;color:#333;line-height:31px;padding:0 10px;word-break: break-all;}
.franContain>p span{color:#ffb410}

.writeForm{border-top:1px solid #333;margin-top:20px}
.writeForm .submitBtn{height:52px;color:#fff;background:#ffb410;width: 40%;margin: 0 auto;display: block;}
.writeForm ul{border-bottom:1px solid #333;padding:0 10px;margin-bottom:20px;}
.writeForm li{margin-top:10px;}
.writeForm div{font-size:13px;}
.writeForm li .call input,
.writeForm li .call select{width:30%;height:}
.writeForm li .call span{width:1.5%;display:inline-block;}
.writeForm li .email input{width:93%}
.writeForm li .email span{width:5%;display:inline-block;}
.writeForm li .adress input{width:60%}
.writeForm li .adress button{width:38%;background:#666;color:#fff;height:30px;}

.filebox{font-size:0;}
.filebox input[type="file"] {position: absolute;width: 1px;height: 1px;padding: 0; margin: -1px; overflow: hidden;clip:rect(0,0,0,0); border: 0;}
.filebox label { display: inline-block;color: #999;font-size: inherit;line-height: normal;vertical-align: middle;margin-bottom:0;}
.filebox .upload-name{font-size:15px;width:70%;display: inline-block;line-height: 28px;height:28px;vertical-align: middle;background-color: #fff;border: 1px solid #ddd;-webkit-appearance: none; /* 네이티브 외형 감추기 */-moz-appearance: none;appearance: none;}
.filebox.bs3-primary label {font-size:15px;color: #fff; background:#666;border-radius:0;line-height:30px;height:30px;width:28%;font-weight:normal;text-align: center;}
.writeForm .fieldWrap{font-size:0}
.writeForm .filebox input[type="text"]{width:300px;font-size:15px;vertical-align:middle;}
.writeForm .filebox button{font-size: 15px; color: #fff;background: #666;border-radius: 0;line-height: 46px;height: 46px;width: 156px;margin-right:15px;font-weight: normal;text-align: center;vertical-align:middle;}
.writeForm .filebox input{vertical-align:middle;margin-top:0;}
.writeForm .filebox label{font-size:12px;margin-bottom:0;    vertical-align: middle;font-weight:normal;}
.writeForm .filebox .inputWrap{line-height:25px;}

.writeForm .agreeWrap>button{float:right;background:#b16812;height:30px;color:#fff;width:28%;}
.writeForm .agreeWrap div{display:inline-block;position:relative;}
.writeForm .agreeWrap div input{position:absolute;top:4px;left:0;}
.writeForm .agreeWrap div label{padding-left:20px;display: inline-block;}

.writeForm input[type="text"]{width:100%;height:28px;border:1px solid #ddd;font-size:13px;margin-bottom:2px;}
.writeForm select{width:100%;height:30px;border:1px solid #ddd;}
.writeForm textarea{width:100%;height:118px;}

/*5-3. 1:1문의*/
.reqContain{padding:40px 0 60px;}
.reqContain>p{font-size:25px;color:#333;line-height:31px;padding:0 10px;word-break: break-all;}
.reqContain>p span{color:#ffb410}





/*5-4. faq*/
.faqContain{background:#f2f2f2;padding:40px 10px 60px;}
.faqContain form{background:#fff url('../img/faqSearchbg.jpg') no-repeat;background-size:contain;border:1px solid #b5701f;padding:30px 20px;margin-bottom:15px;}
.faqContain form input{height:29px;border:1px solid #ddd;padding:0 2%;width:69%;border-right:0;float:left;}
.faqContain form button{background: #b16812;color: #fff;height: 31px;float: right;width:26%;}

.commonTab li{float:left;width:25%;}
.commonTab li button{width:100%;height:35px;color:#888;background:#fff;border-right:1px solid #ddd;border-top:1px solid #ddd;border-bottom:1px solid #ddd;}
.commonTab li:first-child button{border-left:1px solid #ddd}
.commonTab li.on button{background:#ffb410;border-bottom:1px solid #ffb410;border-right:1px soldi #ffb410;color:#fff;}
.commonTab li.on:first-child button{border-left:1px soldi #ffb410;}

.faqList{margin:10px 0 20px;}
.faqList li{background:#fff;border:1px solid #ddd;margin-top:5px;}
.faqList li.active{border:1px solid #ffb410;}
.faqList li:first-child{margin-top:0;}
.faqList li>p,
.faqList li>div{padding:10px 0;padding-left:40px;position:relative;}
.faqList li>p i,
.faqList li>div i{position: absolute;display: block; width: 26px;height: 26px;left: 7px; text-align: center; top: 10px;font-style:normal;}
.faqList li>p i.question{background:url('../img/questionIcon.png') no-repeat 50%;background-size:contain;}
.faqList li>div i.answer{background:url('../img/answerIcon.png') no-repeat 50%;background-size:contain;}
.faqList .answerWrap{color:#888;display:none;border-top:1px solid #ddd;}

/*검색 결과*/
.search{background:#ffffff;padding:40px 0 60px;}
.search .searchTitle{padding:0 10px 0 30px;font-size:16px;color:#333;margin-bottom:20px;position:relative;}
.search .searchTitle span{display:inline-block;border-bottom:1px solid #b16812;color:#b16812;}
.search .searchTitle::before{content:"";display:block;position:absolute;left:10px;top:6px;background:url('../img/resultIcon.jpg') no-repeat;width:15px;height:15px;background-size:contain;}
.search .resultWrap>div{margin-top:40px;}
.search .resultWrap>div:first-child{margin-top:0;}
.search h3{padding:0 10px;font-size:26px;color:#653603;margin-bottom:5px;}
.search .clear a.more{float:right;clor:#333;font-size:12px;margin:10px 10px 0 0;}
.search .clear a.more span{color:#ffb410;}
.search .clear a.more::after{content:">";display:inline-block;vertical-align:top;color:#ffb410}
.search .productList{margin-bottom:0;}
.search .boradTable{border-bottom:1px solid #ddd;}
.search .board{background:#fff;padding:0;}
.search .board .galleryTable{padding-top:10px;margin-bottom:0;border-top:2px solid #333;border-bottom:1px solid #ddd;}