@charset "utf-8";

/*회사소개*/
.com{background:url(../../../images/os/contents/com.jpg)no-repeat; padding-top:200px;}
.com .comTxt{width: 1000px; margin: 0 auto; background:#fff; padding:30px 40px;}
.com .comTxt p{ font-size: 18px; color: rgba(0,0,0,.55); line-height: 28px; margin-top: 40px;}
.com .comTxt p.b{ font-size: 28px; color: rgba(0,0,0,1); font-weight: 600;}
.com .comTxt p.center{}
.com .comTxt p.center:after{content: ""; display: block; margin:40px auto 0; width: 1px; height: 50px; background: #0850a0; transform: rotate(45deg);}

/*경영이념*/
.policy{}
.policy .policyTxt{ border-top: 3px solid #0850a0; background: #f1f1f4; padding: 60px 60px 30px; margin-top:100px; display: flex; justify-content: space-between; flex-wrap: wrap;}
.policy .policyTxt dl{width: calc(50% - 4px);margin-bottom: 50px;}
.policy .policyTxt dt{ font-size: 18px; font-weight: 500; line-height: 40px; margin-bottom: 15px;}
.policy .policyTxt dt span{ display: inline-block; font-size: 20px; color: #0c388c; border: 1px solid #0c388c; padding: 0 10px; line-height: 38px; margin-right: 10px; border-radius: 8px;}
.policy .policyTxt dd{ margin-top: 10px; font-size: 18px; line-height: 28px; color: rgba(0,0,0,.6);}

/* Ci */
.ci{width: 820px; margin: 0 auto 80px;}
.ci p.img{border: 1px solid #dfdfdf; padding: 60px 0;}
.ci p img{width:300px;}
.ci .color{display: flex;gap: 20px;margin-top: 100px;}
.ci .color p{position: relative; width: 50%; height: 100px;}
.ci .color p span{position: absolute; right:8px; bottom:5px; font-family: "Montserrat", serif; font-weight:600; font-size: 12px; color:#fff;}
.ci dl{margin-top: 50px;}
.ci dt{ font-size: 24px; font-weight: 500; color: rgba(0,0,0,1);}
.ci dd{ font-size: 17px; color: rgba(0,0,0,.6); line-height: 26px; margin-top: 20px;}

/* 오시는 길 */
.map{}
.map ul{display: flex; margin: 50px 10px; }
.map li{width: 50%;font-size: 18px;color: rgba(0,0,0,.8); line-height:1;}
.map li span{font-size: 20px; color: rgba(0,0,0,1); margin-right:20px;}

/* gallery */
.galList{margin-left:-0px;}
.galList a{display:block;width:calc(25% - 20px);margin:10px;float:left;}
.galList dt{border:1px solid #eee;box-sizing:border-box;overflow:hidden;position:relative;height:200px;}
.galList dt img{width:100%; height:100%; display:block;position:absolute;left:0;/* top:50%;margin-top:-50%; */}
.galList dd{padding:15px 0;}
.galList dd p{font-weight:700;color:#333;line-height:1;margin-bottom:10px;height:1em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;}
.galList dd span{font-size:0.85em;font-weight:300;line-height:1;display:block;color:#888;}

/* FAQ */
.faqList{width:100%;border-top:1px solid #eee;}
.faqList li{border-bottom:1px solid #eee;}
.faqList a{display:table;width:100%;}
.faqList a .Qicon{display:table-cell;vertical-align:top;line-height:50px;width:50px;font-size:24px;font-weight:700;text-align:center;}
.faqList a .faqQ{display:table-cell;vertical-align:middle;word-break:break-word;width:calc(100% - 100px);padding:10px;overflow:hidden;color:#333;font-weight:700;box-sizing:border-box;}
.faqList a i{display:table-cell;width:50px;line-height:50px;color:#888;text-align:right;font-size:24px;text-align:center;}
.faqList .faqCont{display:none;background:#f8fafc;width:100%;border-top:1px dashed #eee;}
.faqList .faqCont .Aicon{display:table-cell;vertical-align:top;width:50px;line-height:50px;font-size:24px;font-weight:700;color:#aaa;text-align: center;}
.faqList .faqCont .faqA{display:table-cell;vertical-align:middle;padding:10px;color:#666;word-break:break-word;}
.faqList li.on .Qicon{color:#111;}
.faqList li.on .faqQ{color:#111;}
.faqList li.on .faqCont{display:blcok;}
.verB{vertical-align:bottom;}

/* board */
.boardCont{padding:20px;}
.boardCont img{display:block;margin:0 auto;}
.qnaTb th{font-size:32px !important;text-align:center !important;color:#444 !Important;}

/* 센터안내 */
.mapWrap{border:0;}
.popup_block{background:#fff;position:fixed;left:50%;top:50%;padding:20px;box-sizing:border-box;}
.popup_block h2{color:#333;font-size:16px;font-weight:700;margin-bottom:20px;}
.popup_block .close{position:absolute;right:20px;top:10px;font-size:22px;}

/* 회원가입 */
.joinTop{text-align: center; margin: 50px auto;}
.joinTop h2 {font-size: 30px;color:#000;}
.joinTop p {font-size: 18px;margin-top:15px;}

.joinType{display: flex;flex-wrap: wrap;width:70%;margin:0 auto;border: 1px solid #ddd;border-top: 1px solid #000; margin-bottom: 50px;}
.joinType dl{width: 50%;padding: 40px 35px;box-sizing:border-box;text-align:center;}
.joinType dl:last-child{border-left: 1px solid #ccc;}
.joinType dt{font-size: 16px;line-height: 28px;margin-bottom: 20px;}
.joinType dt strong{font-size: 20px;}
.joinType dd a{display: inline-block;padding: 10px 50px;border: 1px solid #ccc;font-size: 14px;border-radius: 5px;transition-duration:0.3s;}
.joinType dd a:hover{background:#333; color:#fff; border: 1px solid #333;}

/* 회원가입완료 */
.regConfirm{text-align:center;padding:50px 0;}
.memNum{background:#f1f5fa;margin:20px auto 0;line-height:50px;border-radius:25px;width:400px;font-size:18px;}

/* shop prod list */
.prodFilter{ position: relative; width: 100%;}
.prodFilter select{width:130px;background-position-x:90%;vertical-align:bottom;}
.prodFilter a.select{display:inline-block;font-size:16px;color:#aaa;line-height:40px;position: relative;padding: 0 15px; transition-duration:0.3s;}
.prodFilter a.on, .prodFilter a:hover{color:#000;}
.prodFilter a.select:before {content: '';display: block;position: absolute;left: -2px;top: 12px;width: 1px;height: 14px;background: #e9e9e9;}
.prodFilter a:nth-child(1).select:before {background: transparent;}
.prodFilter a.view{display:inline-block;width:40px;height:40px;border: 1px solid #eee;border-radius:3px;text-align:center;line-height:40px;font-size:20px;color:#aaa;vertical-align:bottom;}
.prodFilter a.view.on{color: #111;border: 1px solid rgba(0,0,0,0.5) !important;outline: 0;-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0, 0.1);-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0, 0.1);box-shadow: 0px 0px 10px 0px rgba(0,0,0, 0.1);}
.totalProdNum{float:left;display:inline-block;line-height:40px;color: #444;font-size: 18px;}

.pd_list ul{}
.pd_list li{float:left;width: 340px;margin-left: 80px; margin-bottom: 50px;}
.pd_list li:nth-child(4n+1), .pd_list li:nth-child(1){margin-left: 0;}
.pd_list .pdImg{border-radius: 20px;overflow: hidden;position: relative;width: 340px;height: 340px;background: #f8f8f8;border: 1px solid #f4f4f4;}
.pd_list .pdImg a{display: block; height: 100%;}
.pd_list .pdImg img{width: 100%;}
.pd_list .pdImg > a::before {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0); transition: all 0.2s ease;}
.pd_list .pdImg:hover > a::before {background-color: rgba(0,0,0,0.15);}
.pd_list .pdImg:hover .pd_btn{margin-bottom: 0; opacity: 1;}
.pd_list .pd_btn{width:100%;display: flex;position: absolute;bottom: 0;left: 0;margin-bottom: -10px;opacity: 0;transition: all 0.2s ease;}
.pd_list .pd_btn a{display:block;width: 50%;font-size: 16px;color: #fff;text-align: center;line-height: 65px;background: #354d51;transition-duration:0.3s; position: relative;}
.pd_list .pd_btn a:first-child:after{content: ""; display: block; width: 1px; height: 12px; background: rgba(255, 255, 255, 0.4); position: absolute; right: 0; top: 25px;}

.pd_Info{margin: 40px 0;}
.pd_Info a{display: block;}
.pd_Info p:after{content: ""; display: block; clear: both;}
.pd_Info p span.tagCate{display: inline-block;background: #9a785e;color: #fff;font-size: 16px;padding: 8px 15px;border-radius: 25px;}
.pd_Info p span.sale{font-size: 18px;font-weight: 800;color: #fd4f1a;line-height: 40px;}
.pd_Info dt{color: #000;font-size: 20px;margin: 15px 0 30px;font-weight: 400;line-height: 1.3;height: 68px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;word-break: break-all;overflow: hidden;border-bottom: 1px solid #e5e5e5;padding-bottom: 15px;}
.pd_Info dd{font-size: 18px;color: #000;line-height: 1;margin-top: 16px;}
.pd_Info dd span{float:right;}
.pd_Info dd span.price{color: rgba(0,0,0,.5);font-size: 18px;font-weight: 600;}
.pd_Info dd span.price2{font-size: 22px;font-weight: 700;}
.pd_Info dd span.pv{color: #c1cf3a;font-size: 18px;font-weight: 600;}
.pd_Info dd span.pv2{color: #35c5f0;font-size: 18px;font-weight: 600;}
.pd_Info dd span.pv3{color: #FF7777;font-size: 18px;font-weight: 600;}

.galCountInner{margin-top: 20px;}
.galCountInner p{display: inline-block;font-size: 18px;color: #000;line-height: 50px;}
.galCountInner .galCount{ float: right; margin-top: 0; display: flex;}
.galCountInner .galCount a{font-size: 18px;display:inline-block;width: 50px;height: 50px;line-height: 50px;border: 1px solid #e0e0e0;text-align:center;transition:all 0.3s;}
.galCountInner .galCount input{width: 120px !important;height: 50px;margin:0 7px;border: 1px solid #e0e0e0; text-align:center;    vertical-align: top;}
.galCountInner .countBtn, 
.galCountInner .countBtn:hover{background: #fff;}
.galCountInner .addCart{color:#fff;margin-left:5px;}
.galCountInner .prodInfo p span{float:right;}
.galCountInner .prodInfo p:after{content:"";display:block;clear:both;}

.pd_list_hor{}
.pd_list_hor dl{width:100%; background: #f7f9fa; padding: 20px; margin-top: 40px; border-radius: 10px;}
.pd_list_hor dl dt{float: left;width: 130px;height: 130px;}
.pd_list_hor dl dt a{border:1px solid #eee;display:block;overflow:hidden; background: #fff;}
.pd_list_hor dl dt img{width:100%;transition:all 0.3s;}
.pd_list_hor dl dt img:hover{transform: scale( 1.2 );}
.pd_list_hor dl dd{position: relative;float: left;height: 130px;padding: 0 50px;align-items: center;}
.pd_list_hor dl dd.fir{width: 620px;padding: 0 30px;}
.pd_list_hor dl dd input{width:50px;padding-left:0;text-align:center;vertical-aling:bottom;margin:0 5px;}
.pd_list_hor .tagCate{display: inline-block;background: #9a785e;color: #fff;font-size: 16px;padding: 5px 15px;border-radius: 25px;margin:10px 0;}
.pd_list_hor h2{color: #000;font-size: 20px;font-weight: 400;line-height: 1.3;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;word-break: break-all;overflow: hidden;}
.pd_list_hor .sale{position: absolute;left: 30px;bottom: 0;font-size: 18px;font-weight: 800;color: #fd4f1a;}
.pd_list_hor .horiPrice{width:320px;border-left:1px solid #e9eae8;border-right:1px solid #e9eae8;display: -webkit-flex;display: flex;-webkit-align-items: center;align-items: center;}
.pd_list_hor .horiPrice div{width:100%}
.pd_list_hor .horiPrice span.tit{float: left;  display: block;  width: 35%; font-size: 18px; color: #000; text-align:left;}
.pd_list_hor .horiPrice span{float: right; width:65%;text-align:right;}
.pd_list_hor .horiPrice span.price{color: rgba(0,0,0,.5);font-size: 18px;font-weight: 600;}
.pd_list_hor .horiPrice span.price2{font-size: 22px;font-weight: 700;}
.pd_list_hor .horiPrice span.pv{color: #c1cf3a;font-size: 18px;font-weight: 600;}
.pd_list_hor .horiPrice span.pv2{color: #35c5f0;font-size: 18px;font-weight: 600;}
.pd_list_hor .horiPrice span.pv3{color: #FF7777;font-size: 18px;font-weight: 600;}
.pd_list_hor .galCountInner{display: -webkit-flex;display: flex;-webkit-align-items: center;align-items: center;margin: 0;}
.pd_list_hor dl dd:last-child{float: right;padding: 10px 0;}
.pd_list_hor dl dd:last-child a{ display: block; font-size: 16px; color: rgba(255,255,255,.8); background: #1f3639; margin: 8px 0; padding: 10px 20px;}

.galCount{margin-top:20px;}
.galCount a{font-size:16px;display:inline-block;width:40px;height:40px;line-height:38px;text-align:center;border-radius:3px;transition:all 0.3s;}
.galCount input{width:calc(100% - 123px);margin:0 5px;padding-left:0;text-align:center;}
.countBtn{background:#eee;}
.countBtn:hover{background:#ddd;}
.addCart{color:#fff;margin-left:5px;}
.prodInfo p span{float:right;}
.prodInfo p:after{content:"";display:block;clear:both;}

.prodHoriList{display:none;}
.prodHoriList dl{display:table;width:100%;border-bottom:1px solid #eee;}
.prodHoriList dl:first-child{border-top:1px solid #eee;}
.prodHoriList dl dt{display:table-cell;width:160px;padding:20px 20px 20px 0;}
.prodHoriList dl dt a{border:1px solid #eee;display:block;overflow:hidden;height:140px;}
.prodHoriList dl dt img{width:100%;transition:all 0.3s;}
.prodHoriList dl dt img:hover{transform: scale( 1.2 );}
.prodHoriList dl dd{display:table-cell;vertical-align:middle;font-size:14px;}
.prodHoriList dl dd input{width:50px;padding-left:0;text-align:center;vertical-aling:bottom;margin:0 5px;}
.listCount{width:190px;font-size:0;}
.listCount a{display:inline-block;width:36px;height:36px;line-height:34px;text-align:center;border-radius:3px;font-size:14px;}
.prodHoriList .tagCate{font-size:13px;}
.prodHoriList h2{height: auto !important; padding-right:70px;}
.prodHoriList .horiPrice.fir{width:180px;padding-right: 30px;}
.prodHoriList .horiPrice{width:120px;text-align:center;}
.prodHoriList .horiPrice p{text-align:left; font-size: 14px; color: #000; line-height: 1; margin-top: 12px;}
.prodHoriList .horiPrice span.right{margin-left:15px; float: right;}

.prodGalList{font-size:0;}
.prodGalList li{width:calc(25% - 20px);display:inline-block;margin:0px 10px 50px;vertical-align:top;font-size:16px;}
.prodGalList li a{z-index:1;}
.prodGalList img{width:100%;transition:all 0.3s;}
.prodGalList img:hover{transform: scale( 1.2 );}
.prodGalList .prodImg{border:1px solid #eee;background:#fff;border-radius:3px;overflow:hidden;position:relative;}
.prodInfo{margin-top:10px;}
.prodInfo .tagCate{font-size:13px;}
.prodInfo h2, .prodHoriList h2{ color: #000; font-size: 18px; height: 46px; margin: 5px 0 15px; font-weight: 500; line-height: 1.3; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; word-break: break-all; overflow: hidden;}
.prodInfo p{font-size: 14px;color: #000;line-height: 1;margin-top: 12px;}
.prodInfo p span.pdsPrice, .prodHoriList .horiPrice p span.pdsPrice{color: #b2b2b2;font-size: 15px;font-weight: 800;text-decoration: line-through;letter-spacing:-0.05em;}
.prodInfo p span.pdsPrice2, .prodHoriList .horiPrice p span.pdsPrice2{font-size: 16px; font-weight:800;letter-spacing:-0.05em;}
.prodInfo p span.pdsPv, .prodHoriList .horiPrice span.pdsPv{color:#2196f3;font-size:14px; }

/* pager */
.dataView {line-height: 30px;width: 145px;position: absolute;left: 0;top: 0; text-align: left;}
.dataView label {color: #333;}
.dataView select { width: 60px; height: 30px; background-position: 88% center; margin-left: 5px;}

.pagerWrap{text-align: center;line-height: 30px;}
.pagerWrap ul{display:inline-block;border:1px solid #eee;border-radius:3px;overflow:hidden;}
.pagerWrap li{display:inline-block;float:left;}
.pagerWrap li a{display:block;border-right:1px solid #eee;padding:3px 15px;font-size:14px;color:#333;transition:all 0.3s;}
.pagerWrap li a.on, .tableInfo .pagerWrap li a:hover{color:#fff;background:#111;}
.pagerWrap li:last-child a{border-right:0;}

/* shop prod view */
.prodView{}
.viewTop{position: relative; min-width: 1480px;}
.viewTop:before{ content: ""; position: absolute; top: -50px; left: 0; width: 100%; height:700px; background: #f7f7f9; z-index: -1;}
.prodThumb{width: 60%;height:600px;float:left;box-sizing:border-box;text-align: center;}
.prodThumb img{width:100%; border: 1px solid #eee; max-width: 600px;}

.itemInfo1{position: fixed;width: 600px;left: 50%;top: 15%; margin-left:180px; background: #fff;box-shadow: 0 0 0 1px #eaebec, 0 4px 4px 0 rgba(0, 0, 0, .1);padding: 50px 60px;border-radius: 30px;z-index: 9;}
.itemInfo2{position: absolute;width: 600px;left: 50%;top: 0; margin-left:180px; background: #fff;box-shadow: 0 0 0 1px #eaebec, 0 4px 4px 0 rgba(0, 0, 0, .1);padding: 50px 60px;border-radius: 30px;z-index: 8;}
.itemInfo .viewTag span{font-size:16px;margin-right:10px;}
.itemInfo .viewTag span.tagCate{display: inline-block;background: #9a785e;color: #fff;font-size: 16px;padding: 8px 15px;border-radius: 25px;}
.itemInfo .viewTag span.sale{float: right; font-size: 18px;font-weight: 800;color: #fd4f1a;line-height: 40px;}
.itemInfo .viewTit{padding: 10px 0 20px;border-bottom: 1px solid #666;}
.itemInfo .viewTit h2{font-size: 28px;line-height:1.3;color: #000;display: -webkit-box;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.itemInfo .viewInfo{padding-top: 30px;}
.itemInfo .viewInfo dl{display:table;width:100%;height: 42px;line-height: 42px;letter-spacing: -0.05em;}
.itemInfo .viewInfo dl.line{border-top: 1px solid #e9e9e9;border-bottom: 1px solid #bcbcbc;padding: 30px 0;margin-top: 30px;}
.itemInfo .viewInfo dt{display:table-cell;vertical-align:middle;font-size: 18px;color: #000;}
.itemInfo .viewInfo dd{display:table-cell;vertical-align:middle;font-size: 18px;float: right;color: rgba(0,0,0,.6);}
.itemInfo .viewInfo .uPrice dt{}
.itemInfo .viewInfo .uPrice dd{font-size: 22px; font-weight: 700; color: #000;}
.itemInfo .viewInfo .unPrice dd{color: rgba(0, 0, 0, .5); font-size: 18px; font-weight: 600;}
.itemInfo .viewInfo .prodCont a{width: 50px;height: 50px;display:inline-block;border: 1px solid #e0e0e0;vertical-align:top;text-align:center;border-radius:3px;}
.itemInfo .viewInfo .prodCont i{line-height: 50px;color: #333;}
.itemInfo .viewInfo .prodCont input[type="text"]{width: 100px;height: 50px;text-align:center;padding-left:0;border: 1px solid #e0e0e0;}
.itemInfo .viewInfo .totalPrice{margin-top: 25px;}
.itemInfo .viewInfo .totalPrice dt{font-size: 20px;font-weight: 600;}
.itemInfo .viewInfo .totalPrice dd{font-size:28px;font-weight:700;color: #c41919;}

.itemInfo .itemInfo_r{position: absolute; right: -50px; top: 45px; background: #000; border-radius: 0 8px 8px 0; text-align: center;}
.itemInfo .itemInfo_r p{display: block;width: 50px;height: 50px;text-align: center;}
.itemInfo .itemInfo_r p a, .itemInfo .itemInfo_r p i{display: block;font-size: 15px;color: #fff;line-height: 50px;}
.itemInfo .itemInfo_r p i{font-size: 25px;}
.itemInfo .itemInfo_r p:first-child{border-bottom:1px solid rgba(255,255,255,.3);}
.itemInfo .itemInfo_r .share_list{position: absolute; display: flex; padding: 0 15px;opacity: 0;pointer-events: none;border-radius: 10px 0 0 10px;width: 0px;height: 50px;overflow: hidden;top: 0;left: 0;transform: translate(-100%,0);background: #ababab;transition: height 0.3s, width 0s ease-in-out, opacity 0.3s;z-index: 3}
.itemInfo .itemInfo_r .share_list.on{width: 180px;opacity: 1;pointer-events: inherit;}
.itemInfo .itemInfo_r .share_list a{display: block; width:50px; height:50px; text-align: center;opacity: 0.8; transition: 0.3s ease-in-out;color: #fff;line-height: 50px;}
.itemInfo .itemInfo_r .share_list a:hover{ opacity: 1; }
.itemInfo .itemInfo_r .share_list a i{color: #fff; font-size: 20px; line-height: 50px;}

@media screen and (max-width: 1400px) {
	.itemInfo{margin-left:350px;}	
}

.prodView .btns{margin-top:20px;font-size:0;text-align:center;}
.prodView .btns a{display:inline-block;width:calc(50% - 10px);font-size:16px;color:#fff;text-align:center;padding: 15px 0;border-radius:3px;}
.viewDetail{width: 50%;margin: 80px 5%; min-width: 880px;}

.autoModal_body .viewTop{min-width: auto;}
.autoModal_body .viewTop:before{background:#fff;}
.autoModal_body .prodThumb{width:450px;height:450px;}
.autoModal_body .itemInfo{position: relative; margin-left: 0; box-shadow: none; top: 0; left: 0; width: 450px; padding: 0; float: right;}
.autoModal_body .viewDetail{margin-top:40px;}
.autoModal_body .viewDetail .tabCont{padding: 0;}

.shopTab{width:100%;height: 70px;margin-bottom: 40px;border-top: 1px solid #b9bcc0;border-bottom: 1px solid #eaeaea;}
.shopTab ul{display: flex;flex-wrap: wrap;}
.shopTab li{flex-basis: 33.333%;display: flex;flex-direction: column;}
.shopTab li a{display: block;font-size: 18px;color: #666;line-height: 70px;text-align: center;position: relative;}
.shopTab li a.on{color:#000;}
.shopTab li a.on:before{content: ""; display: block; width: 100%; height: 2px; background: rgba(0, 0, 0, 1); position: absolute; right: 0; top: -1px;}

.viewDetail .tabCont{padding:50px;}
.viewDetail .tabCont img{display:block;margin:0 auto;max-width:100%;}
.viewDetail .tabCont ul{}

/* shop order confirm */
.shopConfirmWrap{}
.shopConfirm{width:750px;margin:0 auto;background:#fff;position:relative;padding: 80px 100px;border-radius:30px;}
.ordCon{display:block;margin: 0 auto 30px;width: 100px;height: 100px;border-radius:50%;color:#fff;text-align:center;}
.ordCon i{line-height: 100px;font-size: 40px;}
.shopConfirm h2{text-align:center;font-weight: 500;font-size: 30px;}
.shopConfirm hr{width:100%;display:block;border: 1px dashed #ddd;margin: 40px 0 60px;}
.shopConfirm dl{display:table;width:100%;padding:0 20px;box-sizing:border-box;margin-bottom:10px;font-size:16px;}
.shopConfirm dt{display:table-cell;vertical-align:middle;width:40%;font-size: 20px;text-align:left;line-height: 1.6;} 
.shopConfirm dd{font-size: 18px;display:table-cell;vertical-align:middle;text-align:right;color: #888;}
.shopConfirm dd.txt_basic{font-weight:700;}
.shopConfirm .btns{padding:0 20px;box-sizing:border-box;text-align:center;}
.shopConfirm .btns a{display:inline-block;width: 180px;color:#fff;border-radius:3px;font-size:16px;padding: 17px 0px;margin: 0 5px;}
.receipt{width:100%;text-align:center;position:absolute;bottom:-5px;left:0;font-size:0;}
.receipt span{display:inline-block; width:12px;height:10px;border-radius:50%;background:#fafafa;margin:0 3px;}


/* 쇼핑몰 리스트 바로담기 */
.snb{}
.shopSnb .subTabmenu{float:none;width:100%;}
.shopSnb .subTabmenu ul{background:#f1f5fa;border-radius:3px;}
.shopSnb .subTabmenu li{display:inline-block;}
.shopSnb .subTabmenu li a{font-size:14px;display:inline-block;padding:0px 30px;transition:all 0.3s;border-radius:3px;color:#666;line-height:50px;}
.shopSnb .subTabmenu li a.active, .shopSnb .subTabmenu li a:hover{background:#444;color:#fff;}
.searchResult{border-bottom:1px solid #eee;font-size:18px;padding-bottom:10px;margin-bottom:20px;}
.searchResult span{font-weight:500;}

.fixProdsWrap{width:100%;position:fixed;background:#fafcff;left:0;bottom:-170px;border-top:1px solid #ddd;transition:all 0.3s;z-index:99;}
.fixProdsWrap.on{bottom:0;}
.listTg{width:60px;height:30px;background:#fafcff;position:absolute;left:50%;top:-30px;margin-left:-30px;border-radius: 30px 30px 0px 0px;text-align:center;line-height:30px;font-size:18px;border:1px solid #ddd;border-bottom:0;color:#656d9a;}
.fixProds{width:1200px;margin:20px auto;display:table;height:50px;}
.fixProds li{display:table-cell;vertical-align:middle;}
.fixPrice p{font-size:16px;font-weight:500;}
.fixPrice p span{font-size:28px;font-weight:800;}
.fixProds .btns{width:300px;display:table-cell;vertical-align:middle;font-size:0;text-align:right;}
.fixProds .btns a{display:inline-block;width:140px;text-align:center;line-height:40px;color:#fff;font-size:16px;border-radius:3px;}
.fixNum{font-size:0;width:142px;}
.fixNum input{width:50px;height:36px;vertical-align:bottom;border-radius:0;padding-left:0;text-align:center;}
.fixNum a{display:inline-block;width:36px;height:36px;text-align:center;line-height:36px;background:#eee;font-size:14px;color:#666;}
.fixNum a:first-child{border-radius:3px 0px 0px 3px;}
.fixNum a:last-child{border-radius:0px 3px 3px 0px;}
.fixCart{height:150px;overflow-y:auto;background:#fff;border:1px solid #ddd;padding:0 10px;width:1200px;margin:0 auto 20px;}
.fixCart ul{width:100%;display:table;padding:10px;border-bottom:1px dashed #ddd;height:50px;}
.fixCart ul:last-child{border-bottom:0;}
.fixCart li{display:table-cell;vertical-align:middle;font-size:16px;}
.fixCartPrice{width:180px;}
.fixCartCount{font-size:0;width:150px;}
.fixCartCount input{width:50px;height:26px;vertical-align:bottom;border-radius:0;padding-left:0;text-align:center;}
.fixCartCount a{display:inline-block;width:26px;height:26px;text-align:center;line-height:26px;background:#eee;font-size:14px;color:#666;}
.fixCartCount a:first-child{border-radius:3px 0px 0px 3px;}
.fixCartCount a:last-child{border-radius:0px 3px 3px 0px;}
.fixCartDel{width:30px;text-align:right;}
.fixCartDel a{font-size:16px;}

/* 상세페이지 */
.viewRecomProd{width:1200px;margin:30px auto;overflow:hidden;position:relative;border-bottom:1px solid #eee;padding-bottom:20px;}
.viewRecomProd h2{font-size:20px;font-weight:700;margin-bottom:20px;border-bottom:1px solid #eee;padding-bottom:15px;line-height:1;}
.viewRecomSlide{width:1100px;margin:0 auto;overflow:hidden;text-align:center;}
.viewRecomSlide .slideThum{border:1px solid #ddd;box-sizing:border-box;margin-bottom:10px;}
.viewRecomSlide .slideThum img{width:100%;}
.viewRecomSlide .prodTit{color:#000;font-size:16px;line-height:1;height:16px;overflow:hidden;}
.viewRecomSlide .prodPrice{color:#888;font-size:14px;line-height:1;margin-top:5px;height:14px;overflow:hidden;font-weight:300;}
.viewRecomSlide .swiper-button-next{right:0px;background:#f1f5fa url(../../../images/os/main/newsArrowR.png)no-repeat 50%;width:30px;height:50px;margin-top:-25px;background-size:8px;}
.viewRecomSlide .swiper-button-prev{left:0px;background:#f1f5fa url(../../../images/os/main/newsArrowL.png)no-repeat 50%;width:30px;height:50px;margin-top:-25px;background-size:8px;}

/* 장바구니 */
.choiceControll{margin-bottom:10px;}
.choiceControll label{float:left;line-height:16px;}
.choiceDel{float:right;font-size:16px;line-height:16px;}
.cartTit{display:inline-block;width:calc(100% - 144px);vertical-align:middle;line-height:1.5;font-size: 18px;}
.delBtn{position: absolute;top: 15px;right: 15px;font-size: 20px;line-height:25px;vertical-align:middle;margin-left:5px;color: #666;}

.cartAmtLeft{width:950px;float:left;}
.cartAmtRight{width:400px;float:right;position:relative;}
/* .cartAmtRight.fixBtm{height:1639px;} */

.cartRightCont{}
.cartRightCont.fix{position:fixed;top:20px;}
.cartAmtRight.fixBtm .cartRightCont{position:absolute;bottom:0;top:inherit;}
.cartRightCont h2{font-size: 20px;color:#222;font-weight:700;border-bottom:1px solid #eee;padding-bottom:20px;line-height:1;margin-bottom:10px;}
.cartRightCont dl{display:table;width:100%;padding: 12px 0;}
.cartRightCont dt{font-size: 18px;display:table-cell;vertical-align:middle;line-height:1;color: #000;}
.cartRightCont dd{display:table-cell;font-size: 18px;vertical-align:middle;text-align:right;line-height:1;font-size:1.15em;color:#333;}
.cartRightCont dd.price{ font-size: 22px; font-weight: 700; color: #000;}
.cartRightCont dd.pv{ color: #c1cf3a;}
.cartRightCont dd.pv2{color: #35c5f0;}
.cartRightCont dd.pv3{color: #FF7777;}
.cartRightCont dd.price2{font-size: 17px; color: rgba(0, 0, 0, .5);}

.cartContTotal{margin-top:10px;padding: 25px 0 0 !important;border-top:1px solid #eee;font-weight:700;}
.cartContTotal dt{font-size: 20px;color: #000;}
.cartContTotal dd{font-size: 28px;color: #c41919;}

.cartRightCont .payInfo{width: 400px; background: #fff; padding: 25px; box-sizing: border-box; border: 1px solid #eee; border-radius: 3px;}
.cartRightCont .payInfo th{padding: 5px;font-size: 15px;text-align: center;}
.cartRightCont .payInfo td{padding: 5px;font-size: 13px;}
.cartRightCont .payInfo .officeTab{margin-bottom:10px;}
.cartRightCont .payInfo a{font-size:14px;}
.cartRightCont .payInfo select,.cartRightCont .payInfo input{font-size:14px;}
.cartRightCont .payInfo .cartRightBtn{display:inline-block;width:100%;border-radius:3px;text-align:center;color:#fff;font-size:16px;padding: 15px 0;}
.payArea{overflow-y:auto;}

#cardNo1, #cardNo2, #cardNo3, #cardNo4{font-size:12px;}

/* 회원가입안내, 회원관리규정, 개인정보처리방침 */
.memRules h3{color:#000;font-size:1.5em;font-weight:600;margin-top: 70px;}
.memRules h3:after{content:"";display:inline-block;background:#2e8b3e;width:8px;height:8px;border-radius:50%;margin-left:10px;}
.memRules h1{font-size:26px;font-weight:500;}
.memRules{color:#444;}
.memRules dl{margin-top:50px;}
.memRules dl:first-child{margin-top:0;}
.memRules .color-black-i dt{color:#444 !important; font-size:16px;margin-bottom:10px;}
.memRules dt{font-size:1.2em;color:#444;font-weight: 500;}
.memRules dd{margin-top:20px;line-height:24px;color:#555;}
.memRules dd > ul{margin:10px 0 0 15px;}
.memRules dd ul li{margin-top:5px;color:#777;}
.memRules dd ul li ul li{padding-left:10px;font-size:0.9em;color: #444;}
.memRules dd ul .useConTit{color:#333 !important;}
.memRules .list-8{text-indent: -8px; padding-left: 8px;}
.subEcommerce dl dd{text-indent: -20px; padding-left: 20px; margin-left:20px;}
.subEcommerce .list-none{text-indent:0px; padding-left:0px;}

.memRules dd p{margin-top:10px;}
.memRules dd table{width:100%;margin:35px 0;text-align:center;}
.memRules dd table tr th{border-top:3px solid #494949;background-color:#f9f9f9;color:#111;border-bottom:1px solid #ddd;border-right: 1px solid #eee;font-weight:500;padding: 25px 0;}
.memRules dd table tr th:last-child{border-right: none;}
.memRules dd table tbody tr{border-bottom:1px solid #ddd;}
.memRules dd table tbody tr td{border-right:1px solid #eee;color:#777;padding: 20px 0;}
.memRules dd table tbody tr td:first-child{color:#444;}
.memRules dd table tbody tr td:last-child{border-right:0;}
.memRules .p{font-size:16px;line-height:28px;}
.memRules .inside li{list-style:inside;text-indent:-20px;margin-left:20px;}
.memRules .table2 tr{height:50px;}
.memRules .table2 tr td{padding:20px 25px;}
.memRules .br1{border-right:1px solid #ddd;}
.memRules .inside{margin:15px 0;}
.memRules .txtColor{color:#c10028;}

.bizMemWrap .subBiz h2{color:#333;font-size:24px;margin:100px 0 30px;padding:5px;border-bottom:1px solid #555;display:inline-block;}
.bizMemWrap .subBiz dl{margin-bottom:40px;}
.bizMemWrap .subBiz dt{font-size: 18px;color: #444;font-weight: 500;}
.bizMemWrap .subBiz dt span{display:block;color:#333;font-size:18px;font-weight:normal;padding-left:10x;}
.bizMemWrap .subBiz dd{color:#333;font-size:18px;margin-top:15px;line-height:30px;}
.bizMemWrap .subBiz dd ul{margin-top:5px;font-size:16px;}
.bizMemWrap .subBiz dd ul li{margin-top:10px; color:#666;text-indent:-15px;padding-left:25px;line-height:28px;}
.bizMemWrap .subBiz dd ul li ul{padding-left:0;}
.bizMemWrap .subBiz dd ul li ul li{margin-top:5px; color:#999;font-size:15px;}
.bizMemWrap .subBiz dd ul li span{margin:10px 0 0 10px; display:inline-block;}

.listNone{text-indent:0;padding-left:0;}

/* 마케팅플랜 */
.memRules.mktPlan dt{margin-bottom:20px;}
.memRules.mktPlan dd{margin-top:10px; margin-left:20px;}
.memRules.mktPlan ul li{text-indent:0; padding-left:0;}
.memRules.mktPlan table{margin:10px 0;}
.memRules.mktPlan table tr:nth-child(2) th{border-top:1px solid #ddd;}
.memRules.mktPlan table tr{height:auto;}
.memRules.mktPlan table td{padding:10px 0;}

.Ready dl{width: 500px;height: 500px;background: #333;border-radius:50%;margin:50px auto;padding-top: 80px;box-sizing:border-box;}
.Ready dt{font-size: 30px;color:rgba(255,255,255, 0.5);}
.Ready dt:after{content:"";display:table;margin:20px auto 25px;width:1px;height:50px;background:#ccc;}
.Ready dt span{color:#fff;}
.Ready dd{font-size: 16px;color:rgba(255,255,255, 0.5);line-height:28px;}