@import url("common.css");


/* Start-슬릭기본 */
.slick-slider{position: relative; display: block; box-sizing: border-box;
-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-touch-callout: none;-khtml-user-select: none;-ms-touch-action: pan-y; touch-action: pan-y;-webkit-tap-highlight-color: transparent;}
.slick-list{position: relative; display: block; overflow: hidden; margin: 0; padding: 0; }
.slick-slide{display: none; float: left;}
.slick-initialized .slick-slide{display:block;}
/* End-슬릭기본 */

/* 공통 */
#contents{max-width:1280px; box-sizing:border-box; padding:0 25px; margin:154px auto 170px;}

h3.sub_tit{text-align:center; font-size:45px; font-weight:700; letter-spacing:-0.3pt; color:#222; line-height:120%; padding:0 0 30px;}

.title_area{text-align:center; margin: 0 0 50px;}
.title_area h3.sub_tit{padding: 0 0 20px;}
.title_area .sub_stit{font-size:17px; color:#777; letter-spacing: -0.5pt; text-align:center; word-break:keep-all;}

.dep_tit{font-size:22px; font-weight: 700; letter-spacing: -0.5pt; color:#00a29e; line-height: 130%; word-break:keep-all; text-align:center;}
.dep_tit2{font-size:22px; font-weight: 700; letter-spacing: -0.5pt; color:#222222; line-height: 120%; text-align:left; padding:0 0 20px;}


input[type="text"],
input[type="submit"],
input[type="button"]{-webkit-appearance: none; -webkit-border-radius: 0;}


.dot_list{}
.dot_list li{font-size:1rem; letter-spacing: -0.5pt; color:#777777;  line-height: 160%; position: relative; padding: 0 0 10px 13px; text-align:left !important;}
.dot_list li:last-child{padding-bottom: 0;}
.dot_list li:before{content:''; display:inline-block; width: 4px; height: 4px; border-radius:50%; background-color: #aaaaaa; position: absolute; left: 0; top:9px;} 


/* lnb */
#lnb{padding: 26px 0 36px;}
#lnb ul{font-size:0;} 
#lnb ul li{display:inline-block; vertical-align: top; position: relative;} 
#lnb ul li.home{padding:0 20px 0 0; position:relative;}
#lnb ul li.home:after{content:''; display:block; position:absolute; right:0; top:50%; margin-top: -5px; width:6px; height:10px; background:url('/img/sub_arrow.png') no-repeat center/100% auto; opacity: .2;}
#lnb ul li.lnbTxt{padding:0 0 0 20px;}
#lnb ul li > a{display:block; font-size:17px; line-height: 120%; letter-spacing:-0.3pt; color:#777777; transition:all .3s linear;}
#lnb ul li.lnbTxt > a:hover{color:#222;} 
#lnb ul li.lnbTxt > a:after{content:''; display:inline-block; vertical-align:middle; width:23px; height:23px; border-radius:50%; box-sizing:border-box; border:1px solid #222; background:url('/img/lnb_arrow.png') no-repeat center/100% auto; margin-left: 8px; opacity: 0.3; transition:all .3s linear;}
#lnb.show ul li.lnbTxt > a:after{transform:rotate(180deg);}
#lnb ul li.lnbTxt.none > a:after{display: none;}
#lnb ul li.lnbTxt.none > a{cursor:default;}
#lnb ul li.lnbTxt > a:hover:after{opacity: 1;}
#lnb ul li .lnbList{box-sizing:border-box; padding:20px; border-radius:20px; background:#fff; position: absolute; width: 200px; left: 0; top:35px; z-index: 9999; box-shadow: 0 0 15px rgb(0 0 0 / 8%); transition:all .3s linear; display: none;} 
#lnb.show ul li .lnbList{display:block;}
#lnb ul li .lnbList dd{padding: 0 0 10px;} 
#lnb ul li .lnbList dd:last-child{padding: 0;}
#lnb ul li .lnbList dd a{display:block; font-size:1rem; line-height: 120%; letter-spacing: -0.5pt; transition:all .3s linear;} 
#lnb ul li .lnbList dd a:hover{color:#00a29e;}
#lnb ul li .lnbList dd a.on{color:#00a29e;}


/* 카테고리 */
.cate_tab{margin: 0 0 60px; box-sizing:border-box;}
.cate_tab ul{font-size:0; text-align:center; position: relative; border-bottom:1px solid #ddd; margin:0 auto; width: auto; justify-content: center;} 
.cate_tab ul li{display:inline-block; margin:0 20px; width: auto;}
.cate_tab ul li a{display:block; font-size:17px; letter-spacing:-0.5pt; line-height:120%; color:#111; padding:28px 0; box-sizing:border-box; transition:all .3s linear; position:relative;}
.cate_tab ul li a:hover{color:#00a29e;}
.cate_tab ul li.on a{color:#00a29e; font-weight:800;}
.cate_tab ul li a:after{content:''; display:block; width:0; height:3px; background:#00a29e; position:absolute; left:0; bottom:-1px; z-index:2; transition:all .3s linear;}
.cate_tab ul li a:hover:after{width: 100%;}
.cate_tab ul li.on a:after{width:100%;}
.cate_tab .cate_tab2 {width:100%; box-sizing:border-box; border-bottom:1px solid #ddd; font-size:0; text-align:center; position:relative; padding:20px 0; background:#f8f9f9;}
.cate_tab .cate_tab2 li {display:inline-block; padding:0 20px; width: auto; font-size:15px; margin:0;}
.cate_tab .cate_tab2 li a {display:block; width:100%; height:100%; margin:0; padding:0; color:#777; font-size:inherit;}
.cate_tab .cate_tab2 li a:after {display:none;}
.cate_tab .cate_tab2 li:hover {color:#00a29e;}


/* 상품갯수,상품정렬 */
.sort_area{margin: 0 0 40px;}
.sort_area dl{}
.sort_area dl:after{content:''; display:block; clear:both;}
.sort_area dl dt{font-size:17px; line-height:120%; letter-spacing:-0.5pt; color:#777; float: left;}
.sort_area dl dt strong{display:inline-block; font-size:17px; color:#222; font-weight:800; letter-spacing:-0.5pt;}
.sort_area dl dd{float:right;}
.sort_area dl dd .sequenceBtn{font-size:17px; color:#777; font-weight: 400; letter-spacing: -0.5pt; display: none;}
.sort_area dl dd .sequenceBtn:after{content:''; display: inline-block; vertical-align:middle; width: 12px; height: 7px; background:url('/img/sub_arrow2.png') no-repeat center/100% auto; opacity: .3; margin-left: 12px;}
.sort_area dl dd .sequence{font-size:0;}
.sort_area dl dd a{display:inline-block; margin-right: 23px; font-size:17px; line-height:120%; letter-spacing:-0.5pt; color:#777; transition:all .3s linear;}
.sort_area dl dd a:hover{color:#222;} 
.sort_area dl dd a:last-child{margin-right:0;}
.sort_area dl dd a.on{color:#222; font-weight:800;}


/* 상품 리스트 */
.product_cont{}
.productCont_in{overflow: hidden; clear:both;}
.productCont_in dl{float: left; width:calc((100% - 90px)/4); margin:0 30px 60px 0; position: relative;}
.productCont_in dl:nth-child(4n){margin-right: 0;}
.productCont_in dl > a{display: block;}
.productCont_in dl dt{border-radius:20px; overflow: hidden; position: relative; margin-bottom:24px;}
.productCont_in dl dt img{max-width:100%; width: 100%; background-color: #f7f7f7; background-repeat:no-repeat; background-position:center; background-size:cover; transition:all .3s linear;}
.productCont_in dl .basketBtn{position: absolute; right: 15px; bottom: 15px; z-index: 9; display:block; padding: 0; border:0; outline:none; cursor:pointer;  width:55px; height: 55px; font-size:0; border-radius:50%;
background: #9aa5a9; /* 그라데이션 지원하지 않는 브라우저 */
background: -webkit-linear-gradient(145deg,#9aa5a9 0% 50%, #899396 50% 100% );
background: -moz-linear-gradient(145deg,#9aa5a9 0% 50%, #899396 50% 100% );
background: -o-linear-gradient(145deg,#9aa5a9 0% 50%, #899396 50% 100% );
background: linear-gradient(145deg,#9aa5a9 0% 50%, #899396 50% 100% ); /* 표준 */ transition:all .3s linear;}
.productCont_in dl .basketBtn:after{content:''; display: block; position: absolute; left: 0; top:0; width:100%; height: 100%; background:url('/img/basket_icon.png') no-repeat center/100% auto;}
.productCont_in dl a:hover dt img{transform:scale(1.1);}
.productCont_in dl dd{position: relative;}
.productCont_in dl dd .prdCate{display: block; font-size:1rem; letter-spacing: -0.3pt; color:#777777; font-weight: 400; line-height:120%; margin: 24px 0 6px;}
.productCont_in dl dd .prdName{display: block; font-size:20px; letter-spacing: -0.3pt; color:#222; font-weight: 700; overflow: hidden; margin-bottom:5px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 24px; height:60px;}
.productCont_in dl dd .prdName a {line-height:30px;}
.productCont_in dl dd .price{margin: 8px 0 0;}
.productCont_in dl dd .price li{padding: 0 0 6px 60px; box-sizing:border-box; position: relative;}
.productCont_in dl dd .price li:first-child{font-size:1rem; line-height: 120%; color:#777777; letter-spacing: -0.3pt;}
.productCont_in dl dd .price li:last-child{font-size:17px; line-height: 120%; color:#222; letter-spacing: -0.3pt;}
.productCont_in dl dd .price li span{display:inline-block; line-height: 120%; position: absolute; left: 0; top:3px; width: 60px; font-weight: 400; font-size:1rem; letter-spacing:-0.3pt; color:#777777;}
.productCont_in dl dd .price li p{display:inline-block; line-height: 120%; font-size:17px; letter-spacing: 0.2pt; color:#888888; font-family: 'Outfit', sans-serif; margin-right: 3px;}

.productCont_in dl dd .price li p:last-child {margin-right:0;}
.productCont_in dl dd .price li strong{display:inline-block; line-height: 120%; font-size:20px; color:#222; letter-spacing:0.2pt; font-family: 'Outfit', sans-serif; font-weight: 700; margin-right: 3px;}



/* 페이징 */
.page_num{margin:30px 0 0;}
.page_num .pagination{text-align:center; font-sizE:0;}
.page_num .pagination li{display:inline-block; margin: 0 2px; vertical-align: top;}
.page_num .pagination li:nth-child(2){margin:0 0px 0 2px;}
.page_num .pagination li:last-child(2){margin:0 2px 0 20px;}
.page_num .pagination li a{display:block; width:25px; text-align:center; border-radius:50%; font-size:14px; height: 25px; line-height:25px;  letter-spacing:-0.3pt; color:#888888; font-family: 'Outfit', sans-serif; transition:all .3s linear;} 
.page_num .pagination li a:hover{color:#222;}
.page_num .pagination li a.active{background:#00a29e !important; color:#fff !important;}  
.page_num .pagination li.arrow a img{padding:8px 0 0; opacity: 0.25; transition:all .3s linear;}
.page_num .pagination li.arrow a:hover img{opacity: 1;}



/* 퀵메뉴 */
.quick{position: fixed; right:60px; bottom: 60px; z-index: 99999; display: none;}
.quick ul{}
.quick ul li{margin: 0 0 2px;}
.quick ul li a{display:block; width: 40px; height:40px; border-radius:50%; font-size:0; box-sizing:border-box;} 
.quick ul li.cart a{background:#00a29e url('/img/cart.png') no-repeat center/100% auto;}
.quick ul li.order a{background:#959ea0 url('/img/order.png') no-repeat center/100% auto;}
.quick ul li.top a{background:#fff url('/img/top.png') no-repeat center/100% auto; border:1px solid #ddd;}

.quick2{position: fixed; right:0; top:50%; transform:translateY(-50%); z-index: 99999; box-sizing:border-box; border:1px solid #ddd; background:#fff; padding:24px 14px; border-radius:25px 0 0 25px; text-align:center;}
.quick2 .close{border:0; background:none; outline:none; padding: 0; width:31px; height:31px; border-radius:50%; box-sizing:border-box; border:1px solid #ddd; background:#fff; box-shadow:2px 2px 6px rgba(0,0,0,.08); cursor:pointer; transition:all .3s linear; position: absolute; left: -11px; top:-10px; } 
.quick2 .close:hover{border-color:#222;}
.quick2 .close img{max-width:100%; opacity: .3; transition:all .3s linear;} 
.quick2 .close:hover img{opacity:1;} 
.quick2 h5{font-size:1rem; color:#222; letter-spacing:-0.5pt; font-weight: 700; line-height: 120%;} 
.quick2 h5 span{display: inline-block; color:#888888;} 
.quick2 .prd_roll{margin: 34px 0; position: relative; max-width:100px;} 
.quick2 .prd_roll dd{} 
.quick2 .prd_roll dd a{display: block; box-sizing:border-box;}
.quick2 .prd_roll dd img{max-width:100%; width: 100%; background-repeat:no-repeat; background-size:cover; background-position:center; border:1px solid #ddd; box-sizing:border-box; margin:2px 0;} 
.quick2 .btn{}
.quick2 .btn a{display: block; font-size:14px; height: 38px; line-height: 38px; color:#fff; font-weight: 700; letter-spacing: -0.5pt; transition:all .3s linear;}
.quick2 .btn a.prd{display: none; background-color: #00a5cf; font-size:0; margin: 0 0 1px;}
.quick2 .btn a.prd:hover{background-color: #00a29e;}
.quick2 .btn a.basket{background-color: #00a29e; border-radius:10px 10px 0 0; margin: 0 0 1px;}
.quick2 .btn a.basket:hover{background-color:#00a5cf;}
.quick2 .btn a.order{background-color: #959ea0; border-radius:0 0 10px 10px; margin: 0 0 20px;}
.quick2 .btn a.order:hover{background-color:#222;}
.quick2 .btn a:before{content:''; display: inline-block; vertical-align: middle; width: 17px; height: 17px; margin-right: 9px;}
.quick2 .btn a.prd:before{background:url('/img/shop/prd.png') no-repeat center/100% auto;}
.quick2 .btn a.basket:before{background:url('/img/shop/quick01.png') no-repeat center/100% auto;}
.quick2 .btn a.order:before{background:url('/img/shop/quick02.png') no-repeat center/100% auto;}
.quick2 .top{}
.quick2 .top a{display: block; font-size:13px; letter-spacing:0.2pt; font-weight:700; color:#222; line-height:120%; font-family: 'Outfit', sans-serif;}
.quick2 .top a:before{content:''; display:inline-block; vertical-align:middle; width:10px; height:6px; background:url('/img/shop/top2.png') no-repeat center/100% auto; margin-right:7px;}

.quick2 .slick-arrow{background:none; border:0; padding:0; font-sizE:0; outline:none; cursor:pointer; width: 9px; height: 5px; transition:all .3s linear; opacity: .3; position: absolute; left:50%; margin-left: -4.5px;}
.quick2 .slick-arrow:hover{opacity: 1;}
.quick2 .slick-prev{background:url('/img/shop/up_arrow.png') no-repeat center/100% auto; top:-15px;}
.quick2 .slick-next{background:url('/img/shop/down_arrow.png') no-repeat center/100% auto; bottom: -15px;}


.quick2.show{}
.quick2.show h5{display: none;}
.quick2.show .prd_roll{display: none;}
.quick2.show .close img{transform:rotate(180deg);}
.quick2.show .btn a{font-size:0; text-indent:-999999em; overflow: hidden; width: 38px; border-radius:50% !important;}
.quick2.show .btn a.prd{display:block;}
.quick2.show .btn a:before{margin: 0;}
.quick2.show .btn a.order{margin: 0 0 1px;}
.quick2.show .top a{font-size:0; text-indent:-999999em; overflow: hidden; box-sizing:border-box; border-radius:50%; border:1px solid #ddd; width: 38px; height: 38px; background:url('/img/top.png') no-repeat center/100% auto;}
.quick2.show .top a:before{display:none;}


/* 로그인 */
.login_cont{}
.loginCont_in{max-width:600px; margin: 0 auto; width: 100%; box-sizing:border-box; padding:80px 100px; border:1px solid #ddd;}
.loginCont_in .login_form{margin: 20px 0 30px; max-width:400px; width: 100%;}
.loginCont_in .login_form dd{position: relative; box-sizing:border-box; border:1px solid #ddd; border-radius:5px; overflow: hidden; height: 55px; width: 100%; margin:0 0 6px;}
.loginCont_in .login_form dd.pw{margin: 0 0 12px;}
.loginCont_in .login_form dd span{display:inline-block; width:23px; height:23px; position: absolute; left: 16px; top:50%; margin-top: -12px;}
.loginCont_in .login_form dd.id span{background:url('/img/id.png') no-repeat center/100% auto;}
.loginCont_in .login_form dd.pw span{background:url('/img/pw.png') no-repeat center/100% auto;}
.loginCont_in .login_form dd .input_login{border:0; height: 53px; line-height: 53px; font-size:17px; color:#777; width: 100%; padding: 0 16px 0 50px; box-sizing:border-box;}
.loginCont_in .login_form dd .input_login::placeholder{color:#888888; font-size:17px;} 
.loginCont_in .login_form dt{width: 100%;}
.loginCont_in .login_form dt input{border:0; cursor:pointer; padding: 0; background:none; outline:none; text-align:center; height: 62px; line-height: 62px; color:#fff; font-sizE:17px; letter-spacing: -0.3pt; background: #00a29e; border-radius:5px; width: 100%; transition:all .3s linear;}
.loginCont_in .login_form dt input:hover{background: #00a5d2;}
.loginCont_in a{font-size:1rem; line-height: 120%; letter-spacing: -0.3pt; color:#888888; display: inline-block; text-align:center; border-bottom: 1px solid #888; transition:all .3s linear;}
.loginCont_in a:hover{color:#222; border-color:#222;}



/* 장바구니 안내 */
.basket_list{box-sizing:border-box; border:1px solid #ddd; padding:34px 34px 34px 165px; position: relative; margin: 0 0 50px;}
.basket_list:before{content:''; display:block; width:52px; height:52px; background:url('/img/shop/basket_icon.png') no-repeat center/100% auto; position: absolute; left:68px; top:34px;}

/* 배송비 안내 */
.delivery_list{box-sizing:border-box; border:1px solid #ddd; padding:36px 36px 36px 160px; position: relative;}
.delivery_list:before{content:''; display:block; width:60px; height:60px; background:url('/img/shop/delivery_icon.png') no-repeat center/100% auto; position: absolute; left:52px; top:54px;}
.delivery_list strong{display:block; font-size:17px; letter-spacing: -0.5pt; color:#222; font-weight: 800; line-height: 120%; padding: 0 0 12px;}


/* 총합계 */
.allPrice{box-sizing:border-box; border:3px solid #222; padding:35px 50px;}
.allPrice dl{text-align:right; font-size:0;}
.allPrice dl dt{display: inline-block; font-sizE:17px; letter-spacing: -0.3pt; color:#222; line-height: 130%; margin-left: 20px;}
.allPrice dl dt:before{content:''; display: inline-block; vertical-align: middle; width: 9px; height: 7px; background:url('/img/shop/all_icon.png') no-repeat center/100% auto; margin-right: 25px;}
.allPrice dl dt strong{display: inline-block; font-size:25px; line-height: 130%; font-weight: 700; font-family: 'Outfit', sans-serif; letter-spacing: 0; margin: 0 5px 0 13px;}
.allPrice dl dd{display: inline-block; font-size:17px; letter-spacing: -0.3pt; line-height: 130%;}


/* 버튼디자인 */
.btnArea{font-size:0; text-align:center;}
.btnArea a,
.btnArea .btn{display: inline-block; padding:0; border:0; outline:none; cursor:pointer; text-align:center; font-size:17px; letter-spacing: -0.3pt; width: 200px; height: 62px; line-height: 60px; border-radius:5px; transition:all .3s linear; border:1px solid #ddd; margin: 0 2px; box-sizing:border-box;}
.btnArea .btn_w{background-color: #fff; color:#777;}
.btnArea .btn_w:hover{background-color: #777; border-color:#777; color:#fff;}
.btnArea .btn_m{background-color: #00a29e; border-color:#00a29e; color:#fff;}
.btnArea .btn_m:hover{background-color: #fff; color:#00a29e;}
.btnArea .btn_b{background-color: #00a5cf; border-color:#00a5cf; color:#fff;}
.btnArea .btn_b:hover{background-color: #fff; color:#00a5cf;}
.btnArea .btn_b.present span{display: inline-block; vertical-align: middle; width:20px; height: 20px; background:url('/img/shop/present.png') no-repeat center/100% auto; margin-right: 34px; transition:all .3s linear;}
.btnArea .btn_b.present:hover span{background-image:url('/home/shop/img/present_on.png');}


/** 테이블 **/
.table_wrap{}
.table_info{font-size:13px; color:#888; letter-spacing: -0.5pt; padding: 5px 0 8px; display:none;}
.table_style{width:100%; border-collapse:separate; border-spacing:0px; border-top:1px solid #222222;}
.table_style th{text-align:center; font-weight:400; letter-spacing:-0.45pt; color:#222; border-bottom:1px solid #ddd; padding:20px 5px; box-sizing:border-box; font-size:17px; letter-spacing: -0.5pt; line-height: 120%;}
.table_style td{text-align:center; border-bottom:1px solid #ddd; padding:16px 5px; box-sizing:border-box; font-size:17px; letter-spacing: 0.2pt; font-family: 'Outfit', 'NanumSquare', Malgun Gothic,'Malgun Gothic', sans-serif;}
.table_style td.point{color:#222;}
.table_style td.point strong{display:inline-block; font-weight:700; color:#222;}
.table_style td.left{padding:16px 0; text-align:left;}
.table_style td.info{overflow: hidden; clear:both;}
.table_style td.info .img{float: left; width: 105px; border-radius:15px; border:1px solid #ddd; box-sizing:border-box; overflow:hidden;} 
.table_style td.info .img img{max-width:100%; background-repeat: no-repeat; background-position: center; background-size: cover;} 
.table_style td.info .txt{width: calc(100% - 105px); float: left; padding: 26px 0 0 30px; box-sizing:border-box;}
.table_style td.info span{display:block; color:#777; font-weight: 400; font-size:1rem; line-height:120%; letter-spacing:-0.3pt; margin:0 0 8px; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; white-space: nowrap; word-wrap: normal !important; display: block;} 
.table_style td.info h4{font-sizE:17px; font-weight:700; letter-spacing:-0.3pt; color:#222; line-height:130%; box-sizing:border-box; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; white-space: nowrap; word-wrap: normal !important; display: block;} 
.table_style td .amount{font-size:0; box-sizing:border-box;}
.table_style td .amount dt{display:inline-block; border:1px solid #ddd; box-sizing:border-box; border-right:0; border-left:0;}
.table_style td .amount dt input{width:32px; height: 32px; box-sizing:border-box; text-align:center; border:0;}
.table_style td .amount dd{display:inline-block; border:1px solid #ddd; box-sizing:border-box;}
.table_style td .amount dd a{display:block; width:32px; height: 32px;}
.table_style td .amount dd a img{max-width:100%;}
.table_style td .delect{display:inline-block; cursor:pointer; transition:all .3s linear; text-align:center; position: relative;}
.table_style td .delect:before{content:''; display: inline-block; position: absolute; left: 10px; top:50%; margin-top: -7px; width:15px; height:15px; background:url('/img/shop/delect.png') no-repeat center/100% auto; transition:all .3s linear;}
.table_style td .delect:hover:before{background-image:url('/home/shop/img/delect_on.png');}
.table_style td .delect input{padding: 0; cursor:pointer; outline:none; background:none; border:0; font-size:1rem; border:1px solid #ddd; width: 80px; height: 38px; line-height: 36px; letter-spacing: -0.5pt; color:#777; transition:all .3s linear; padding: 0 0 0 15px;}
.table_style td .delect:hover input{color:#fff; background-color: #777; border-color:#777;}

.order2_cont .table_style th{padding: 20px 20px;}
.order2_cont .table_style td{padding:16px 20px;}

.ok_cont .table_style th{padding: 20px 20px;}
.ok_cont .table_style td{padding:16px 20px;}


/* 장바구니 */
.basket_cont{}
.basket_cont .allPrice{margin: 50px 0 40px;}
.basket_cont .delivery_list{margin: 70px 0 0;}






/************** 쇼핑몰 뷰페이지 **************/

/* 상품정보 */
.product_view{clear:both; overflow:hidden;}
.product_view .viewImg{position:relative; float: left; width:calc(50% - 15px);}
.product_view .viewImg .g_icon {position:absolute; top:20px; left:20px; z-index:10;}
.product_view .viewImg .img{display:block; box-sizing:border-box; border:1px solid #ddd; overflow:hidden; cursor:default;}
.product_view .viewImg .img img{max-width:100%; width:100%; background-repeat:no-repeat; background-size:cover; background-position:center; transition:all .3s linear;}
.product_view .viewImg .img:hover img{transform:scale(1.1);}
.product_view .viewImg .thumbnails{clear:both; overflow:hidden; margin: 10px 0 0;}
.product_view .viewImg .thumbnails li{float: left; margin: 0 10px 10px 0; width:calc((100% - 40px)/5);}
.product_view .viewImg .thumbnails li:nth-child(5n){margin-right: 0;}
.product_view .viewImg .thumbnails li a{display:block; box-sizing:border-box; border:1px solid #ddd; transition:all .3s linear;} 
.product_view .viewImg .thumbnails li a:hover{border-color:#222;}
.product_view .viewImg .thumbnails li img{max-width:100%; width:100%; background-repeat:no-repeat; background-size:cover; background-position:center;}
.product_view .viewTxt{float: right; width:calc(50% - 15px); box-sizing:border-box; padding:30px 0 0 40px; position:relative;}
.product_view .viewTxt .sendSns{font-size:0; position: absolute; right:0; top:0;}
.product_view .viewTxt .sendSns li{display:inline-block; margin-left: 2px;}
.product_view .viewTxt .sendSns li:first-child{margin-left: 0;}
.product_view .viewTxt .sendSns li a{display:block; width:22px; height:22px; border-radius:50%; font-size:0;}
    .product_view .viewTxt .sendSns li.link a {
        background: url('/home/shop/img/kakao.png') no-repeat center/100% auto;
    }

    .product_view .viewTxt .sendSns li.gift a {
        background: url('/home/shop/img/gift.png') no-repeat center/100% auto;
    }

    .product_view .viewTxt .sendSns li.sns a {
        background: url('/home/shop/img/url.png') no-repeat center/100% auto;
    } 
/*.product_view .viewTxt .sendSns li.facebook a{background:url('/img/shop/view_sns02.gif') no-repeat center/100% auto;} */
/*.product_view .viewTxt .sendSns li.twitter a{background:url('/img/shop/view_sns03.gif') no-repeat center/100% auto;} */
.product_view .viewTxt .p_cate{display:block; font-size:17px; letter-spacing:-0.3pt; color:#777777; line-height:120%; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; white-space: nowrap; word-wrap: normal !important; display: block;}
.product_view .viewTxt .p_name{font-size:30px; line-height:130%; font-weight:700; color:#222; margin: 10px 0 14px;}
.product_view .viewTxt .p_name .p_icon{display:inline; vertical-align: middle; margin-left: 10px;}
.product_view .viewTxt .p_name .p_icon img{max-width:100%;}
.product_view .viewTxt .p_price{font-size:0;}
.product_view .viewTxt .p_price span{display:inline-block; font-size:17px; letter-spacing:-0.3pt; color:#777777; line-height: 120%;}
.product_view .viewTxt .p_price .price_txt{margin-right: 16px;}
.product_view .viewTxt .p_price .price_j{font-family: 'Outfit', sans-serif; letter-spacing: 0.2pt; color:#888888;}
.product_view .viewTxt .p_price .price_j2{font-size:1rem; margin:0 10px 0 2px;}
.product_view .viewTxt .p_price .price_b{font-family: 'Outfit', sans-serif; font-size:25px; font-weight: 700; letter-spacing: 0.2pt; color:#222;}
.product_view .viewTxt .p_price .price_b2{color:#222; margin-left: 4px;}
.product_view .viewTxt .viewTable{margin: 50px 0 0; border-top:1px solid #222; padding: 20px 0 0;}
.product_view .viewTxt .viewTable dd{font-size:0; padding: 12px 0 0;}
.product_view .viewTxt .viewTable dd:first-child{padding: 0;}
.product_view .viewTxt .viewTable dd span,
.product_view .viewTxt .viewTable dt span{display:inline-block; font-size:1rem; line-height: 150%; letter-spacing: -0.3pt; width: 120px; vertical-align: top;} 
.product_view .viewTxt .viewTable dd p,
.product_view .viewTxt .viewTable dt p{display:inline-block; font-size:1rem; line-height: 150%; letter-spacing: -0.3pt; color:#222; width:calc(100% - 120px); word-break:break-all;}
.product_view .viewTxt .viewTable dt {margin: 20px 0 0; font-size:0; border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding: 12px 0;}
.product_view .viewTxt .viewTable dt span{line-height: 32px;}
.product_view .viewTxt .viewTable dt .amount{font-size:0; box-sizing:border-box; max-width:100px;}
.product_view .viewTxt .viewTable dt .amount .vol_input{display:inline-block; border:1px solid #ddd; box-sizing:border-box; border-right:0; border-left:0;}
.product_view .viewTxt .viewTable dt .amount .vol_input input{width:32px; height: 32px; box-sizing:border-box; text-align:center; border:0;}
.product_view .viewTxt .viewTable dt .amount .btn{display:inline-block; width:auto; border:1px solid #ddd; box-sizing:border-box; background:#fff; cursor:pointer;}
.product_view .viewTxt .viewTable dt .amount .btn a{display:block; width:32px; height: 32px;}
.product_view .viewTxt .viewTable dt .amount .btn a img{max-width:100%;}

.product_view .viewTxt .p_allprice{border-bottom: 1px solid #ddd; text-align:right; font-size:0; padding: 20px 0; box-sizing:border-box; margin: 0 0 40px;}
.product_view .viewTxt .p_allprice dd{display: inline-block; font-size:17px; letter-spacing:-0.3pt; line-height:120%;}
.product_view .viewTxt .p_allprice dt{display: inline-block; font-size:17px; letter-spacing:-0.3pt; line-height:120%; color:#222;}
.product_view .viewTxt .p_allprice dt strong{display:inline-block; font-sizE:25px; letter-spacing:0.2pt; font-family: 'Outfit', sans-serif; color:#222; line-height:120%; margin: 0 4px 0 40px;}
.product_view .viewTxt .p_btn{font-size:0;}
.product_view .viewTxt .p_btn input{border:0; background:none; outline:none; cursor:pointer; text-align:center; transition:all .3s linear; height: 62px; line-height: 60px; box-sizing:border-box; display: inline-block; font-size:17px; letter-spacing: -0.3pt; border-radius:5px; border:1px solid #ddd; color:#fff;}
.product_view .viewTxt .p_btn .list_btn{width: 62px; background:#fff url('/img/shop/list_icon.png') no-repeat center/100% auto; font-sizE:0;}
.product_view .viewTxt .p_btn .list_btn:hover{border-color:#222; background-image:url('/img/shop/list_icon_on.png');}
.product_view .viewTxt .p_btn .wish_btn{width: 62px; background:#fff url('/home/shop/img/heart_icon.png') no-repeat center/100% auto; font-sizE:0; margin-left: 3px;}
.product_view .viewTxt .p_btn .wish_btn:hover{border-color:#222; background-image:url('/home/shop/img/heart_icon_on.png');}
.product_view .viewTxt .p_btn .basket_btn{width: 200px; background:#222222 url('/img/shop/basket_icon_w.png') no-repeat left 30px center/24px auto; border-color:#222222; margin-left: 30px; padding: 0 0 0 30px;}
.product_view .viewTxt .p_btn .basket_btn:hover{background-color:#000; border-color:#000;}
.product_view .viewTxt .p_btn .buy_btn{width: 200px; background:#00a29e; border-color:#00a29e; margin-left: 3px;}
.product_view .viewTxt .p_btn .buy_btn:hover{background:#00a5cf; border-color:#00a5cf;}



/* 상품 상세페이지 */
.container{margin:70px 0 0;}
.container .tabs{display:table; table-layout:fixed; width:100%;}
.container .tabs li{display:table-cell; cursor:pointer; text-align:center; box-sizing:border-box; }
.container .tabs li a{display:block; font-size:17px; letter-spacing:-0.3pt; color:#888888; line-height:120%; transition:all .3s linear; padding:26px 5px; box-sizing:border-box; border:1px solid #ddd; position: relative;} 
.container .tabs li a{border-left: 0;}
.container .tabs li:first-child a{border-left:1px solid #ddd;}
.container .tabs li a:before{content:''; display:block; width:1px; height:calc(100% + 2px); background:#222; z-index: 2; position:absolute; left:-1px; top:-1px; opacity: 0;}
.container .tabs li:first-child a:before{display:none; opacity: 0;}
.container .tabs li:last-child a:after{right:0;}
.container .tabs li.current a{color:#222; border-bottom:0; border-color:#222;}
.container .tabs li.current a:before{opacity: 1;}
.container .tabs li span{display:inline-block; letter-spacing:0;}
.container .tab-content{display: none; padding:60px 0 70px; box-sizing:border-box;}
.container .tab-content.current{display: block;}
.p_detail img{max-width:100%;}


/* 관련상품 */
.prdRel{padding:42px 40px 50px; box-sizing:border-box; background:#f7f7f7;}
.prdRel h3{font-size:24px; letter-spacing:-0.3pt; font-weight:700; color:#222; line-height:120%; padding:0 0 20px;}
.prdRel .prdRel_list{position:relative; width:calc(100% + 30px); margin: 0 -15px;}
.prdRel .prdRel_list:after{content:''; display:block; clear:both;}
.prdRel .prdRel_list .roll{padding: 0 15px;}
.prdRel .prdRel_list .roll a{display:block;}
.prdRel .prdRel_list .roll a dt{overflow:hidden; border-radius:20px;}
.prdRel .prdRel_list .roll a dt img{max-width:100%; width:100%; background-color:#fff; background-repeat:no-repeat; background-position: center; background-size:cover; transition:all .3s linear;}
.prdRel .prdRel_list .roll a:hover dt img{transform:scale(1.1);}
.prdRel .prdRel_list .roll a dd{}
.prdRel .prdRel_list .roll a dd .prdName{font-size:17px; font-weight:400; letter-spacing:-0.3pt; color:#222; line-height:120%; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; white-space: nowrap; word-wrap: normal !important; display: block; margin: 22px 0 10px;}
.prdRel .prdRel_list .roll a dd .price{}
.prdRel .prdRel_list .roll a dd .price li{padding: 0 0 8px 70px; box-sizing:border-box; position: relative;}
.prdRel .prdRel_list .roll a dd .price li:first-child{font-size:1rem; line-height: 120%; color:#777777; letter-spacing: -0.3pt;}
.prdRel .prdRel_list .roll a dd .price li:last-child{font-size:17px; line-height: 120%; color:#222; letter-spacing: -0.3pt;}
.prdRel .prdRel_list .roll a dd .price li span{display:inline-block; line-height: 120%; position: absolute; left: 0; top:3px; width: 70px; font-weight: 400; font-size:1rem; letter-spacing:-0.3pt; color:#777777;}
.prdRel .prdRel_list .roll a dd .price li p{display:inline-block; line-height: 120%; font-size:17px; letter-spacing: 0.2pt; color:#888888; font-family: 'Outfit', sans-serif; margin-right: 3px;}
.prdRel .prdRel_list .roll a dd .price li strong{display:inline-block; line-height: 120%; font-size:20px; color:#222; letter-spacing:0.2pt; font-family: 'Outfit', sans-serif; font-weight: 700; margin-right: 3px;}

.prdRel .slick-arrow{padding: 0; background:none; border:0; outline:none; cursor:pointer; font-size:0; width:26px; height:26px; background-repeat:no-repeat; background-size:100% auto; background-position:center; position:absolute; right:15px; top:-46px; z-index: 9999; opacity: .5; transition:all .3s linear;}
.prdRel .slick-arrow:hover{opacity: 1;}
.prdRel .slick-prev{background-image:url('/img/arrow_p.png'); margin-right: 42px;}
.prdRel .slick-next{background-image:url('/img/arrow_n.png');}


/* 배송/반품안내 */
.delivery{}
.delivery dl{padding: 0 0 60px;}
.delivery dl dt{font-size:17px; font-weight: 800; letter-spacing: -0.5pt; color:#222; line-height: 120%; padding: 0 0 15px;}
.delivery dl.one dt{padding: 0;}
.delivery dl dd{font-size:1rem; letter-spacing: -0.3pt; padding: 0 0 6px;}
.delivery dl dd > ul{padding:20px 15px; box-sizing:border-box; background-color: #f7f7f7; margin: 8px 0 15px;}
.delivery dl dd > ul li{padding: 0 0 4px;}
.delivery dl dd > ul li:last-child{padding: 0;}



/* 상품Q&A, 상품후기 */
.table_style2{width:100%; border-collapse:separate; border-spacing:0px; border-top:1px solid #222222;}
.table_style2 th{text-align:center; font-weight:700; letter-spacing:-0.45pt; color:#222; border-bottom:1px solid #ddd; padding:20px 5px; box-sizing:border-box; font-size:1rem; letter-spacing: -0.5pt; line-height: 120%;}
.table_style2 td{text-align:center; border-bottom:1px solid #ddd; padding:20px 5px; box-sizing:border-box; font-size:1rem; font-weight: 400; letter-spacing: -0.3pt;}

.bbs_btn{text-align:right; margin:0 0 20px;}
.bbs_btn input{display:inline-block; border:0; padding:0; background:none; outline:none; cursor:pointer; font-size:1rem; text-align:center; border-radius:5px; border:1px solid #ddd; transition:all .3s linear; width: 160px; height: 48px; line-height: 46px; color:#777;}
.bbs_btn input:hover{border-color:#222; color:#222;}

/* 팝업 */
#popup{opacity:0; visibility : hidden; transition:all .3s linear; position: fixed; z-index: 999999999999;}
#popup.show{opacity:1; visibility: visible; transition:all .3s linear;}
#popup .popupBg{position: fixed; width: 100%; left: 0; top:0; right: 0; bottom:0; z-index: 999999999; background:rgba(0,0,0,.7);}
#popup .popup_in{max-width:680px;width: 100%; background:#fff; padding:40px; border:4px solid #00a29e; position: fixed; left: 50%; top:50%; transform:translate(-50%,-50%); box-sizing:border-box; z-index: 99999999999; border-radius:25px;}
#popup .popup_in .popup_close{display: block; cursor:pointer; width: 26px; height: 26px; border-radius:50%; background:url('/img/close.png') no-repeat center/100% auto; position: absolute; right: 0; top:-50px; transition:all .3s linear;}
#popup .popup_in h4{font-size:20px; font-weight: 700; color:#222; letter-spacing: -0.5pt; text-align:left; padding: 0 0 10px;}
#popup .popup_in .popup_input{width: 100%; border-top: 1px solid #222;}
#popup .popup_in .popup_input th{text-align:left; font-size:1rem; color:#222; padding: 15px 0; box-sizing:border-box; border-bottom: 1px solid #ddd;}
#popup .popup_in .popup_input td{padding: 15px 0 15px 5px; font-size:1rem; color:#777; box-sizing:border-box; border-bottom: 1px solid #ddd;}
#popup .popup_in .popup_input td input{border:1px solid #ddd; border-radius:5px; padding:0 10px; color:#777; line-height: 48px; box-sizing:border-box; width: 100%;}
#popup .popup_in .popup_input td textarea{border:1px solid #ddd; border-radius:5px; min-height: 100px; padding:10px; color:#777; box-sizing:border-box; width: 100%;}
#popup .popup_in .btnArea{margin: 30px 0 0;}
#popup .popup_in .btnArea input{display: inline-block; padding: 0; outline:none; cursor:pointer; text-align:center; font-size:1rem; letter-spacing: -0.3pt; width: 200px; height: 58px; line-height: 56px; border-radius:5px; transition:all .3s linear; background-color: #00a29e; color:#fff; border:1px solid #00a29e; box-sizing:border-box;}
#popup .popup_in .btnArea input:hover{background-color: #00a5cf;}



/* 이용안내 */
.privacy{}
.privacy > dl{padding:0 0 40px;}
.privacy > dl > dt{font-size:17px; letter-spacing:-0.5pt; font-weight:700; color:#00a29e; padding: 0 0 10px;}
.privacy > dl > dd{font-sizE:1rem; letter-spacing:-0.3pt; padding:0 0 6px; line-height:170%;}
.privacy > dl > dd > ul{padding:20px 15px; box-sizing:border-box; background:#f7f7f7; margin: 8px 0 10px;}
.privacy > dl > dd > ul > li{padding: 0 0 4px;}
.privacy > dl > dd > ul > li:last-child{padding: 0;}
.table_scroll{}
.table_basic {margin: 8px 0 10px; width:100%; border-collapse:separate; border-spacing:0px; border-top:1px solid #222222;}
.table_basic th{box-sizing:border-box; padding: 18px 5px; font-size:1rem; letter-spacing: -0.3pt; color:#222; font-weight: 700; text-align:center; border-bottom: 1px solid #ddd; border-right:1px solid #ddd;}
.table_basic td{box-sizing:border-box; padding: 18px 5px; font-size:1rem; letter-spacing: -0.3pt; color:#777; font-weight: 400; text-align:center; border-bottom: 1px solid #ddd; border-right:1px solid #ddd;}
.table_basic th.last{border-right: 0;}
.table_basic td.last{border-right: 0;}


/* 검색 */
.search_cont{padding: 0 0 80px;}



/************** 주문하기 **************/
/* 주문서작성1 */
.order_cont{}
.orderCont_in{padding:0 0 70px; position: relative;}

.order_radio{font-size:0; position: absolute; right: 0; top:0;}
.order_radio dd{display: inline-block; letter-spacing: -0.5pt; color:#666666; font-weight: 400; margin-right: 40px;}
.order_radio dd:last-child{margin-right: 0;}
.input-radio{display: none;}
.form-radio{padding: 0 0 0 26px; position: relative; cursor:pointer; font-size:17px;}
.form-radio:before{content:''; display: inline-block; position: absolute; left: 0; top:50%; margin-top: -9px; width: 18px; height: 18px; border-radius:50%; border:1px solid #aaaaaa; box-sizing:border-box; cursor:pointer;}
.form-radio:after{content:''; display: inline-block; position: absolute; left: 5px; top:50%; margin-top: -4px; width: 8px; height: 8px; border-radius:50%; background-color: #00a29e; box-sizing:border-box; opacity: 0;}
.input-radio:checked + .form-radio::before{border-color:#00a29e;}
.input-radio:checked + .form-radio::after{opacity: 1;}

.order_form{width:100%; border-collapse:separate; border-spacing:0px; border-top:1px solid #222222;}
.order_form th{background:#f9f9f9; font-size:1rem; font-weight:400; letter-spacing:-0.5pt; color:#222; box-sizing:border-box; padding: 20px 25px; text-align:left; border-bottom:1px solid #ddd;}
.order_form td{padding:9px; box-sizing:border-box; border-bottom:1px solid #ddd; font-size:1rem; letter-spacing:-0.5pt; color:#777;}
.order_form td .input{border:1px solid #dddddd; box-sizing:border-box; padding: 0 10px; font-size:1rem; color:#777; height: 42px; border-radius:5px;}
.order_form td .textarea{padding: 10px; min-height: 100px; width: 100%;}
.order_form td.tel_wrap{font-size:0;}
.order_form td.tel_address .input{margin:0 0 5px;}
.order_form td.tel_address .input:last-child{margin: 0;}
.order_form .btn_mail{font-size:1rem; letter-spacing: -0.5pt; background:none; text-align:center; box-sizing:border-box; height: 42px; line-height: 40px; width:120px; border:1px solid #bbbbbb; border-radius:5px; vertical-align: top; color:#777; cursor:pointer; transition:all .3s linear; margin-left: 5px;}
.order_form .btn_mail:hover{background-color: #777; border-color:#777; color:#fff;} 
.order_form .tel_line{display:inline-block; font-size:17px; vertical-align: middle; letter-spacing:-0.5pt; color:#777777; text-align:center; width: 14px;}

.input_s{width: calc((50% - 28px)/3);}
.input_m{width: 300px;}
.input_l{width: 100%;}



/* 주문서작성2 */
.order2_cont{}
.order2_cont .allPrice{margin:40px 0 60px;}
.order2_cont .delivery_list{margin:0 0 70px;}

.pay_list{overflow:hidden; clear:both;}
.payWay{width:calc(100% - 400px); float:left; box-sizing:border-box; padding: 0 60px 0 0;}
.payWay .order_form{}
.payWay .order_form th{padding: 14px 25px;}
.payWay .order_form td{padding: 14px 20px; font-size:17px; color:#666;}
.payWay .order_form td .first{margin-right: 40px;}
.payWay .order_form td img{margin-left: 12px;}

.payInfo{width: 400px; float:right;}
.payInfo .btnArea{margin:40px 0 0;}
.payInfo .btnArea .btn{margin: 0; width: calc((100% - 5px)/2); margin-right: 5px;}
.payInfo .btnArea .btn.btn_m{margin-right:0;}
.payInfo .payInfo_in{}
.payInfo .payInfo_in dl{padding:45px 40px 55px; box-sizing:border-box; border:1px solid #222;}
.payInfo .payInfo_in dl dd{border-bottom:1px dashed #dddddd; display:flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}
.payInfo .payInfo_in dl dd.prd{padding:0 0 15px;}
.payInfo .payInfo_in dl dd.delivery{padding:15px 0 45px;}
.payInfo .payInfo_in dl dd span{display:inline-block; font-sizE:17px; letter-spacing:-0.3pt; color:#777; line-height: 120%;}
.payInfo .payInfo_in dl dd p{font-sizE:17px; letter-spacing:-0.3pt; color:#777; line-height: 120%;}
.payInfo .payInfo_in dl dt{padding:24px 0 0; display:flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}
.payInfo .payInfo_in dl dt span{color: #222; line-height: 120%; display:inline-block; font-sizE:17px; letter-spacing:-0.3pt;}
.payInfo .payInfo_in dl dt p {color:#222; line-height: 120%; font-sizE:17px; letter-spacing:-0.3pt;}
.payInfo .payInfo_in dl dt p strong{display:inline-block; font-size:22px; font-weight:700; letter-spacing:0; color:#222; font-family: 'Outfit', sans-serif; line-height: 120%; word-break:break-all;}
.payInfo .payInfo_in > small{display:block; font-size:1rem; line-height: 160%; letter-spacing:-0.5pt; color:#777777; margin:20px 0 10px; word-break:keep-all;}
.payInfo .payInfo_in .input-checkbox{display:none;}
.payInfo .payInfo_in .form-checkbox{font-size:1rem; color::#222; letter-spacing:-0.5pt; position:relative; padding:0 0 0 24px; cursor:pointer;}
.payInfo .payInfo_in .form-checkbox:before{content:''; display:block; width:18px; height:18px; box-sizing:border-box; border:1px solid #ddd; position:absolute; left:0; top:50%; margin-top:-9px;}
.payInfo .payInfo_in .form-checkbox:after{content:''; display:block; width:18px; height:18px; box-sizing:border-box; border:1px solid #00a29e; position:absolute; left:0; top:50%; margin-top:-9px; background:#00a29e url('/home/shop/img/check_icon.png') no-repeat center/100% auto; opacity:0;}
.payInfo .payInfo_in .input-checkbox:checked + .form-checkbox:after{opacity: 1;}




/* 주문완료 */
.ok_cont{}
.ok_cont .allPrice{margin:40px 0 50px;}



/*******************************************************************************
    @media ~1280px
*******************************************************************************/
@media all and (max-width:1280px){


#contents{padding:0 25px; margin:120px auto 140px;}





/* 상품정보 */
.product_view{}
.product_view .viewTxt{padding:28px 0 0 30px;}
.product_view .viewTxt .p_name{font-size:28px;}
.product_view .viewTxt .p_btn .basket_btn{width: calc((100% - 133px)/2); background:#222222 url('/home/shop/img/basket_icon_w.png') no-repeat left 20px center/24px auto; margin-left: 3px;}
.product_view .viewTxt .p_btn .buy_btn{width: calc((100% - 133px)/2);}



/* 주문서작성2 */
.payWay{padding: 0 30px 0 0;}
.payWay .order_form th{padding: 14px 15px;}
.payWay .order_form td{padding: 14px 15px;}
.payWay .order_form td .first{margin-right: 20px;}

}

/*******************************************************************************
    @media  ~980px                body,html{font-size:14px; }     3%
*******************************************************************************/
@media all and (max-width:980px){

/* 공통 */
#contents{padding:0 3%; margin:106px auto 120px;}
h3.sub_tit{font-size:35px; padding:0 0 20px;}

.title_area{margin: 0 0 40px;}
.title_area h3.sub_tit{padding: 0 0 15px;}
.title_area .sub_stit{font-size:15px;}
.dep_tit{font-size:20px;}
.dep_tit2{font-size:20px; padding:0 0 18px;}

.dot_list{}
.dot_list li{padding: 0 0 6px 11px;}
.dot_list li:before{top:7px;} 




/* lnb */
#lnb{padding: 20px 0 30px;}
#lnb ul li.home{padding:0 16px 0 0;}
#lnb ul li.home:after{margin-top: -3.5px; width:4px; height:7px;}
#lnb ul li.lnbTxt{padding:0 0 0 15px;}
#lnb ul li > a{font-size:15px;}
#lnb ul li.lnbTxt > a:after{width:18px; height:18px; margin-left: 6px;}
#lnb ul li .lnbList{padding:18px; width: 180px; left: 0; top:30px;} 
#lnb ul li .lnbList dd{padding: 0 0 10px;}


/* 카테고리 */
.cate_tab{margin: 0 0 50px;}
.cate_tab ul li{margin:0 15px;}
.cate_tab ul li a{font-size:15px; padding:20px 0;}
.cate_tab ul li a:after{height:3px;}


/* 상품갯수,상품정렬 */
.sort_area{margin: 0 0 30px;}
.sort_area dl dt{font-size:15px;}
.sort_area dl dt strong{font-size:15px;}
.sort_area dl dd .sequenceBtn{font-size:15px;}
.sort_area dl dd .sequenceBtn:after{width: 12px; height: 7px; margin-left: 12px;}
.sort_area dl dd a{margin-right: 18px; font-size:15px;}



/* 상품 리스트 */
.product_cont{}
.productCont_in dl{width:calc((100% - 40px)/3); margin:0 20px 40px 0;}
.productCont_in dl:nth-child(4n){margin-right: 20px;}
.productCont_in dl:nth-child(3n){margin-right: 0;}
.productCont_in dl .basketBtn{right: 10px; bottom: 10px; width:40px; height: 40px;}
.productCont_in dl dd .prdName{font-size:18px;}
.productCont_in dl dd .price{margin: 6px 0 0;}
.productCont_in dl dd .price li{padding: 0 0 6px 60px;}
.productCont_in dl dd .price li:last-child{font-size:15px;}
.productCont_in dl dd .price li span{top:3px; width: 60px;}
.productCont_in dl dd .price li p{font-size:15px;}
.productCont_in dl dd .price li strong{font-size:18px;}

 

/* 로그인 */
.loginCont_in .login_form dd .input_login{font-size:15px;}
.loginCont_in .login_form dd .input_login::placeholder{font-size:15px;} 
.loginCont_in .login_form dt input{font-sizE:15px;}




/* 장바구니 안내 */
.basket_list{padding:24px 24px 24px 100px; margin: 0 0 40px;}
.basket_list:before{width:42px; height:42px; left:30px; top:30px;}

/* 배송비 안내 */
.delivery_list{padding:26px 26px 26px 120px;}
.delivery_list:before{width:50px; height:50px; left:30px; top:30px;}
.delivery_list strong{font-size:15px; padding: 0 0 10px;}


/* 총합계 */
.allPrice{padding:25px 40px;}
.allPrice dl dt{font-sizE:15px; margin-left: 15px;}
.allPrice dl dt:before{width: 7px; height: 5px; margin-right: 20px;}
.allPrice dl dt strong{font-size:20px; margin: 0 3px 0 10px;}
.allPrice dl dd{font-size:15px;}



/* 버튼디자인 */
.btnArea{}
.btnArea a,
.btnArea .btn{font-size:15px;  width: calc((100% - 6px)/3); height: 50px; line-height: 48px; margin: 0 2px 0 0;}
.btnArea a:last-child(margin: 0 !important;)
.btnArea .btn_b.present span{width:18px; height: 18px; margin-right: 24px;}




/* 퀵메뉴 */
.quick2{padding:18px 10px 15px; border-radius:15px 0 0 15px;}
.quick2 .close{width:25px; height:25px; left: -8px; top:-8px; } 
.quick2 .prd_roll{margin: 24px 0; max-width:80px;} 
.quick2 .btn a{font-size:13px; height: 30px; line-height: 30px;}
.quick2 .btn a.basket{border-radius:5px 5px 0 0; margin: 0 0 1px;}
.quick2 .btn a.order{border-radius:0 0 5px 5px; margin: 0 0 15px;}
.quick2 .btn a:before{width: 12px; height: 12px; margin-right: 5px;}
.quick2 .top a{font-size:12px;}
.quick2 .top a:before{width:8px; height:5px; margin-right:4px;}
.quick2 .slick-arrow{width: 7px; height: 4px; margin-left: -3.5px;}
.quick2 .slick-prev{top:-10px;}
.quick2 .slick-next{bottom: -10px;}
.quick2.show .btn a{width: 30px;}
.quick2.show .top a{width: 30px; height: 30px;}



/* 장바구니 */
.basket_cont{}
.basket_cont .allPrice{margin: 40px 0 30px;}
.basket_cont .delivery_list{margin: 50px 0 0;}




/** 테이블 **/
.table_wrap{width:100%; overflow-x:scroll;}
.table_info{display: block;}
.table_style{width:980px;}
.table_style th{padding:16px 5px; font-size:15px;}
.table_style td{padding:12px 5px; font-size:15px;}
.table_style td.left{padding:12px 0;}
.table_style td.info .img{width: 80px; border-radius:10px;} 
.table_style td.info .txt{width: calc(100% - 80px); padding: 18px 0 0 20px;}
.table_style td.info span{margin:0 0 6px;} 
.table_style td.info h4{font-sizE:15px;} 
.table_style td .amount dt input{width:28px; height: 28px;}
.table_style td .amount dd a{width:28px; height: 28px;}
.table_style td .delect:before{left: 10px; top:50%; margin-top: -6px; width:12px; height:12px;}
.table_style td .delect input{width: 70px; height: 30px; line-height: 28px; padding: 0 0 0 15px;}


.order2_cont .table_style th{padding: 16px 10px;}
.order2_cont .table_style td{padding:12px 10px;}

.ok_cont .table_style th{padding: 16px 10px;}
.ok_cont .table_style td{padding:12px 10px;}



/* 배송/반품안내 */
.delivery{}
.delivery dl{padding: 0 0 40px;}
.delivery dl dt{font-size:15px; padding: 0 0 12px;}
.delivery dl dd{padding: 0 0 4px;}
.delivery dl dd > ul{padding:15px 12px; margin: 6px 0 12px;}
.delivery dl dd > ul li{padding: 0 0 4px;}



/* 상품Q&A, 상품후기 */
.table_style2{}
.table_style2 th{padding:18px 2px;}
.table_style2 td{padding:18px 2px;}

.bbs_btn{margin:0 0 10px;}
.bbs_btn input{width: 120px; height: 44px; line-height: 42px;}


/* 팝업 */
#popup{}
#popup .popup_in{padding:30px; width: 94%; min-width:300px; border-radius:10px;}
#popup .popup_in h4{font-size:18px; padding: 0 0 8px;}
#popup .popup_in .popup_input th{padding: 12px 0;}
#popup .popup_in .popup_input td{padding: 12px 0 12px 5px;}
#popup .popup_in .popup_input td input{padding:0 10px; line-height: 40px;}
#popup .popup_in .popup_input td textarea{min-height: 100px; padding:10px;}
#popup .popup_in .btnArea{margin: 20px 0 0;}
#popup .popup_in .btnArea input{width: 60%; height: 50px; line-height: 48px;}


/* 상품 상세페이지 */
.container{margin:60px 0 0;}
.container .tabs li a{font-size:15px; padding:20px 5px;} 
.container .tab-content{padding:40px 0 50px;}



/* 관련상품 */
.prdRel{padding:32px 30px 40px;}
.prdRel h3{font-size:20px; padding:0 0 15px;}
.prdRel .prdRel_list{width:calc(100% + 20px); margin: 0 -10px;}
.prdRel .prdRel_list .roll{padding: 0 10px;}
.prdRel .prdRel_list .roll a dd .prdName{font-size:15px; margin: 18px 0 8px;}
.prdRel .prdRel_list .roll a dd .price li{}
.prdRel .prdRel_list .roll a dd .price li:last-child{font-size:15px;}
.prdRel .prdRel_list .roll a dd .price li p{font-size:15px;}
.prdRel .prdRel_list .roll a dd .price li strong{font-size:18px;}

.prdRel .slick-arrow{right:10px; top:-40px;}




/* 상품정보 */
.product_view{}
.product_view .viewImg{width:40%;}
.product_view .viewImg .thumbnails{margin: 5px 0 0;}
.product_view .viewImg .thumbnails li{margin: 0 5px 5px 0; width:calc((100% - 20px)/5);}
.product_view .viewImg .thumbnails li:nth-child(5n){margin-right: 0;}
.product_view .viewTxt{width:60%; padding:24px 0 0 30px;}
.product_view .viewTxt .sendSns li a{width:20px; height:20px;}
.product_view .viewTxt .p_cate{font-size:15px;}
.product_view .viewTxt .p_name{font-size:24px; margin: 8px 0 12px;}
.product_view .viewTxt .p_name .p_icon{margin-left: 6px;}
.product_view .viewTxt .p_price span{font-size:15px;}
.product_view .viewTxt .p_price .price_txt{margin-right: 12px;}
.product_view .viewTxt .p_price .price_j2{margin:0 8px 0 2px;}
.product_view .viewTxt .p_price .price_b{font-size:20px;}
.product_view .viewTxt .p_price .price_b2{margin-left: 4px;}
.product_view .viewTxt .viewTable{margin: 40px 0 0; padding: 15px 0 0;}
.product_view .viewTxt .viewTable dd{padding: 8px 0 0;}
.product_view .viewTxt .viewTable dd span,
.product_view .viewTxt .viewTable dt span{width: 100px;} 
.product_view .viewTxt .viewTable dd p,
.product_view .viewTxt .viewTable dt p{width:calc(100% - 100px);}
.product_view .viewTxt .viewTable dt {margin: 15px 0 0; padding: 10px 0;}
.product_view .viewTxt .viewTable dt span{line-height: 32px;}

.product_view .viewTxt .p_allprice{padding: 15px 0; margin: 0 0 30px;}
.product_view .viewTxt .p_allprice dd{font-size:15px;}
.product_view .viewTxt .p_allprice dt{font-size:15px;}
.product_view .viewTxt .p_allprice dt strong{font-sizE:20px; margin: 0 4px 0 30px;}
.product_view .viewTxt .p_btn input{height: 50px; line-height: 48px; font-size:15px;}
.product_view .viewTxt .p_btn .list_btn{width: 50px;}
.product_view .viewTxt .p_btn .wish_btn{width: 50px; }
.product_view .viewTxt .p_btn .basket_btn{width: calc((100% - 109px)/2); background:#222222 url('/home/shop/img/basket_icon_w.png') no-repeat left 20px center/16px auto;}
.product_view .viewTxt .p_btn .buy_btn{width: calc((100% - 109px)/2);}



/* 이용안내 */
.privacy{}
.privacy > dl{padding:0 0 30px;}
.privacy > dl > dt{font-size:15px; padding: 0 0 8px;}
.privacy > dl > dd{padding:0 0 4px;}
.privacy > dl > dd > ul{padding:15px 12px; margin: 6px 0 8px;}
.privacy > dl > dd > ul > li{padding: 0 0 4px;}
.table_scroll{width:100%; overflow-x:scroll;}
.table_basic {margin: 8px 0 10px; width: 980px;}
.table_basic .table_info{padding-top: 0;}
.table_basic th{padding: 8px 5px;}
.table_basic td{padding: 8px 5px;}




/************** 주문하기 **************/
/* 주문서작성1 */
.orderCont_in{padding:0 0 50px;}

.order_radio dd{margin-right: 20px;}
.form-radio{padding: 0 0 0 18px; font-size:15px;}
.form-radio:before{margin-top: -7px; width: 14px; height: 14px;}
.form-radio:after{left: 4px; margin-top: -3px; width: 6px; height: 6px;}

.order_form{}
.order_form th{padding: 12px 15px;}
.order_form .tel_line{font-size:15px;}



/* 주문서작성2 */
.order2_cont{}
.order2_cont .allPrice{margin:30px 0 40px;}
.order2_cont .delivery_list{margin:0 0 50px;}

.payWay{width:100%; padding: 0 0 30px;}
.payWay .order_form td{font-size:15px;}
.payWay .order_form td img{width: 40px;}

.payInfo{width: 100%;}
.payInfo .btnArea{margin:30px 0 0;}
.payInfo .payInfo_in dl{padding:25px 20px 35px;}
.payInfo .payInfo_in dl dd.prd{padding:0 0 10px;}
.payInfo .payInfo_in dl dd.delivery{padding:10px 0 30px;}
.payInfo .payInfo_in dl dd span{font-sizE:15px;}
.payInfo .payInfo_in dl dd p{font-sizE:15px;}
.payInfo .payInfo_in dl dt{padding:18px 0 0;}
.payInfo .payInfo_in dl dt span{font-sizE:15px;}
.payInfo .payInfo_in dl dt p {font-sizE:15px;}
.payInfo .payInfo_in dl dt p strong{font-size:18px;}
.payInfo .payInfo_in > small{margin:15px 0 8px;}
.payInfo .payInfo_in .form-checkbox{padding:0 0 0 18px;}
.payInfo .payInfo_in .form-checkbox:before{width:14px; height:14px; margin-top:-7px;}
.payInfo .payInfo_in .form-checkbox:after{width:14px; height:14px; margin-top:-7px;}




/* 주문완료 */
.ok_cont{}
.ok_cont .allPrice{margin:30px 0 40px;}

}
/*******************************************************************************
    @media 481~680px
*******************************************************************************/
@media all and (max-width:680px){

/* 공통 */
#contents{margin:96px auto 80px;}
h3.sub_tit{font-size:24px;}

.title_area{margin: 0 0 30px;}
.title_area h3.sub_tit{padding: 0 0 12px;}
.title_area .sub_stit{font-size:14px;}
.dep_tit{font-size:18px;}
.dep_tit2{font-size:18px; padding:0 0 12px;}




/* lnb */
#lnb{padding: 18px 0 25px;}
#lnb ul li > a{font-size:14px;}
#lnb ul li.lnbTxt > a:after{width:16px; height:16px; margin-left: 6px;}
#lnb ul li .lnbList{padding:18px 15px; border-radius:10px; width: 150px; left: 0; top:30px;} 
#lnb ul li .lnbList dd{padding: 0 0 8px;}


/* 카테고리 */
.cate_tab{margin: 0 0 40px; position: relative; display: block;}
.cate_tab:before{content:''; display:block; width:3%; height: 1px; bottom: -1px; background:#ddd; position: absolute; left:-3%;}
.cate_tab:after{content:''; display:block; width:3%; height: 1px; bottom: -1px; background:#ddd; position: absolute; right:-3%;}
.cate_tab ul{display:block; white-space:nowrap; text-align:center; font-size:0;} 
.cate_tab ul li{margin:0 10px; float:none; display:inline-block;}
.cate_tab ul li a{font-size:14px; padding:15px 0;}
.cate_tab ul li a:after{height:2px;}



/* 상품갯수,상품정렬 */
.sort_area{margin: 0 0 20px;}
.sort_area dl dt{font-size:14px;}
.sort_area dl dt strong{font-size:14px;}
.sort_area dl dd{text-align:right; position: relative;}
.sort_area dl dd .sequenceBtn{font-size:14px; display: inline-block;}
.sort_area dl dd .sequenceBtn:after{width: 10px; height: 6px; margin-left: 8px; transition:all .2s linear;}
.sort_area.show dl dd .sequenceBtn:after{transform:rotate(180deg);}
.sort_area dl dd .sequence{position:absolute; top:30px; right:0; width: 80px; z-index: 999; background:#fff; padding:15px; box-sizing:border-box;  box-shadow: 0 0 15px rgb(0 0 0 / 8%); border-radius:10px; display: none;}
.sort_area.show dl dd .sequence{display: block;}
.sort_area dl dd a{display:block; margin: 0 0 8px; font-size:13px;}
.sort_area dl dd a:last-child{margin: 0;}



/* 상품 리스트 */
.product_cont{}
.productCont_in dl{width:calc((100% - 10px)/2); margin:0 10px 20px 0;}
.productCont_in dl:nth-child(4n){margin-right: 10px;}
.productCont_in dl:nth-child(3n){margin-right: 10px;}
.productCont_in dl:nth-child(2n){margin-right: 0;}
.productCont_in dl dt{border-radius:10px;}
.productCont_in dl .basketBtn{right: 5px; bottom: 10px; width:30px; height: 30px;}
.productCont_in dl dd .prdCate{margin: 12px 0 6px;}
.productCont_in dl dd .prdName{font-size:16px;}
.productCont_in dl dd .price li:last-child{font-size:14px;}
.productCont_in dl dd .price li p{font-size:14px;}
.productCont_in dl dd .price li strong{font-size:16px;}



/* 페이징 */
.page_num{margin:20px 0 0;}
.page_num .pagination li{margin: 0 1px;}
.page_num .pagination li:nth-child(2){margin:0 10px 0 1px;}
.page_num .pagination li:last-child(2){margin:0 1px 0 10px;}
.page_num .pagination li a{width:20px; font-size:11px; height: 20px; line-height:20px;} 
.page_num .pagination li.arrow a img{padding:6px 0 0;}



/* 퀵메뉴 */
.quick{right:3%; bottom: 3%; display: block;}
.quick2{top:auto; bottom: 3%; transform:translateY(0);}


/* 로그인 */
.login_cont{}
.loginCont_in{padding:60px 30px;}
.loginCont_in .login_form{margin: 15px 0 20px; max-width:100%;}
.loginCont_in .login_form dd{height: 44px;}
.loginCont_in .login_form dd span{width:20px; height:20px; left: 10px; margin-top: -10px;}
.loginCont_in .login_form dd .input_login{height: 42px; line-height: 42px; padding: 0 10px 0 40px;}
.loginCont_in .login_form dt input{height: 48px; line-height: 48px;}


/* 장바구니 안내 */
.basket_list{padding:20px 20px 20px 80px; margin: 0 0 30px;}
.basket_list:before{width:32px; height:32px; left:25px; top:25px;}

/* 배송비 안내 */
.delivery_list{padding:22px 22px 22px 90px;}
.delivery_list:before{width:40px; height:40px; left:25px; top:25px;}
.delivery_list strong{padding: 0 0 8px;}



/* 팝업 */
#popup{}
#popup .popup_in{padding:20px; border:2px solid #00a29e;}
#popup .popup_in .popup_close{width: 18px; height: 18px; right: 0; top:-40px;}
#popup .popup_in h4{font-size:16px;}
#popup .popup_in .popup_input td input{padding:0 5px; line-height: 38px;}
#popup .popup_in .popup_input td textarea{min-height: 100px; padding:5px;}
#popup .popup_in .btnArea{margin: 15px 0 0;}
#popup .popup_in .btnArea input{height: 40px; line-height: 38px;}




/* 총합계 */
.allPrice{padding:20px 25px;}
.allPrice dl dt{font-sizE:14px; margin: 5px 0 0; display: block;}
.allPrice dl dt:before{margin-right: 15px;}
.allPrice dl dt strong{font-size:18px; margin: 0 2px 0 8px;}
.allPrice dl dd{font-size:14px;}



/* 버튼디자인 */
.btnArea{}
.btnArea a,
.btnArea .btn{font-size:14px; height: 44px; line-height: 42px;}
.btnArea .btn_b.present span{width:15px; height: 15px; margin-right: 10px;}


/* 장바구니 */
.basket_cont{}
.basket_cont .allPrice{margin: 30px 0 20px;}
.basket_cont .delivery_list{margin: 40px 0 0;}



/** 테이블 **/
.table_style th{padding:14px 5px; font-size:14px;}
.table_style td{padding:10px 5px; font-size:14px;}
.table_style td.left{padding:14px 0;}
.table_style td.info .img{width: 60px;} 
.table_style td.info .txt{width: calc(100% - 60px); padding: 10px 0 0 15px;}
.table_style td.info span{margin:0 0 4px;} 
.table_style td.info h4{font-sizE:14px;} 
.table_style td .delect input{padding: 0 0 0 12px;}



/* 배송/반품안내 */
.delivery{}
.delivery dl{padding: 0 0 30px;}
.delivery dl dt{font-size:14px; padding: 0 0 10px;}



/* 상품Q&A, 상품후기 */
.table_style2{}
.table_style2 th{padding:15px 2px;}
.table_style2 td{padding:15px 2px;}

.bbs_btn input{width: 80px; height: 32px; line-height: 30px; font-size:12px;}




/* 상품 상세페이지 */
.container{margin:50px 0 0;}
.container .tabs li a{font-size:14px; padding:15px 2px;} 
.container .tab-content{padding:30px 0 40px;}


/* 관련상품 */
.prdRel{padding:22px 20px 30px;}
.prdRel h3{font-size:18px; padding:0 0 10px;}
.prdRel .prdRel_list{width:calc(100% + 20px); margin: 0 -10px;}
.prdRel .prdRel_list .roll{padding: 0 10px;}
.prdRel .prdRel_list .roll a dt{border-radius:10px;}
.prdRel .prdRel_list .roll a dd .prdName{font-size:14px; margin: 15px 0 8px;}
.prdRel .prdRel_list .roll a dd .price li{padding: 0 0 6px 60px;}
.prdRel .prdRel_list .roll a dd .price li:last-child{font-size:14px;}
.prdRel .prdRel_list .roll a dd .price li span{top:1px; width: 60px;}
.prdRel .prdRel_list .roll a dd .price li p{font-size:14px;}
.prdRel .prdRel_list .roll a dd .price li strong{font-size:16px;}

.prdRel .slick-arrow{width:20px; height:20px; right:10px; top:-30px;}
.prdRel .slick-prev{margin-right: 32px;}




/* 상품정보 */
.product_view{}
.product_view .viewImg{width:100%; position: relative;}
.product_view .viewImg .thumbnails{margin: 0; position: absolute; left: 0; bottom: 0; width: 100%; padding:0 5px; box-sizing:border-box;}
.product_view .viewTxt{width:100%; float:left; padding:25px 0 0 0; margin: 0;}
.product_view .viewTxt .sendSns{top:10px;}
.product_view .viewTxt .p_cate{font-size:14px;}
.product_view .viewTxt .p_name{font-size:18px; margin: 8px 0 10px;}
.product_view .viewTxt .p_name .p_icon{margin-left: 6px;}
.product_view .viewTxt .p_price span{font-size:14px;}
.product_view .viewTxt .p_price .price_txt{margin-right: 12px;}
.product_view .viewTxt .p_price .price_j2{margin:0 8px 0 2px;}
.product_view .viewTxt .p_price .price_b{font-size:16px;}
.product_view .viewTxt .p_price .price_b2{margin-left: 4px;}
.product_view .viewTxt .viewTable{margin: 25px 0 0; padding: 12px 0 0;}
.product_view .viewTxt .viewTable dd{padding: 8px 0 0;}
.product_view .viewTxt .viewTable dd span,
.product_view .viewTxt .viewTable dt span{width: 100px;} 
.product_view .viewTxt .viewTable dd p,
.product_view .viewTxt .viewTable dt p{width:calc(100% - 100px);}
.product_view .viewTxt .viewTable dt {margin: 12px 0 0; padding: 10px 0;}
.product_view .viewTxt .viewTable dt span{line-height: 28px;}
.product_view .viewTxt .viewTable dt .amount .vol_input input{width:28px; height: 28px;}
.product_view .viewTxt .viewTable dt .amount .btn a{width:28px; height: 28px;}

.product_view .viewTxt .p_allprice{padding: 12px 0; margin: 0 0 20px;}
.product_view .viewTxt .p_allprice dd{font-size:14px;}
.product_view .viewTxt .p_allprice dt{font-size:14px;}
.product_view .viewTxt .p_allprice dt strong{font-sizE:16px; margin: 0 4px 0 20px;}
.product_view .viewTxt .p_btn input{height: 40px; line-height: 38px; font-size:13px;}
.product_view .viewTxt .p_btn .list_btn{width: 40px;}
.product_view .viewTxt .p_btn .wish_btn{width: 40px;}
.product_view .viewTxt .p_btn .basket_btn{width: calc((100% - 89px)/2);}
.product_view .viewTxt .p_btn .buy_btn{width: calc((100% - 89px)/2);}



/************** 주문하기 **************/
/* 주문서작성1 */
.order_cont .btnArea .btn{width: calc((100% - 2px)/2);}
.order_cont .btnArea .btn.btn_m{margin: 0;}
.orderCont_in{padding:0 0 30px;}

.order_radio dd{margin-right: 15px;}
.form-radio{font-size:14px;}

.order_form{}
.order_form th{padding: 12px 10px; display:block; width: 100%; border-bottom: 0;}
.order_form td{padding:10px 3px; display:block; width: 100%;}
.order_form td .input{padding: 0 8px; height: 38px;}
.order_form td .textarea{padding: 8px;}
.order_form td.tel_address .input{margin:0 0 5px;}
.order_form .btn_mail{height: 38px; line-height: 36px; width:100px; margin-left: 3px;}
.tel_address .input_m{width: calc(100% - 103px);}


.input_s{width: calc((100% - 28px)/3);}
.input_m{width: 100%;}



/* 주문서작성2 */
.order2_cont{}
.order2_cont .allPrice{margin:20px 0 30px;}
.order2_cont .delivery_list{margin:0 0 40px;}

.payWay{}
.payWay .order_form th{padding: 12px 10px;}
.payWay .order_form td{padding: 12px 10px; font-size:14px;}
.payWay .order_form td .first{margin-right: 10px;}
.payWay .order_form td img{margin-left: 10px; width: 35px;}

.payInfo{}
.payInfo .btnArea{margin:20px 0 0;}
.payInfo .payInfo_in dl dd span{font-sizE:14px;}
.payInfo .payInfo_in dl dd p{font-sizE:14px;}
.payInfo .payInfo_in dl dt span{font-sizE:14px;}
.payInfo .payInfo_in dl dt p {font-sizE:14px;}
.payInfo .payInfo_in dl dt p strong{font-size:16px;}
.payInfo .payInfo_in > small{margin:12px 0 8px;}



/* 주문완료 */
.ok_cont{}
.ok_cont .allPrice{margin:20px 0 30px;}

}
/*******************************************************************************
    @media ~480px                body,html{font-size:13px; }
*******************************************************************************/
@media all and (max-width:480px){

/* 공통 */
.title_area{margin: 0 0 20px;}

.dot_list{}
.dot_list li{padding: 0 0 6px 9px;}
.dot_list li:before{ width: 3px; height: 3px; top:8px;} 




/* 로그인 */
.login_cont{}
.loginCont_in{padding:40px 20px;}
.loginCont_in .login_form dd{margin:0 0 4px;}
.loginCont_in .login_form dd.pw{margin: 0 0 8px;}
.loginCont_in .login_form dd .input_login{font-size:14px;}
.loginCont_in .login_form dd .input_login::placeholder{font-size:14px;} 
.loginCont_in .login_form dt input{font-sizE:14px;}


/* 상품 상세페이지 */
.container .tabs li a{font-size:12px; padding:12px 2px;} 



/* 관련상품 */
.prdRel{padding:18px 15px 20px;}
.prdRel h3{font-size:16px;}
.prdRel .prdRel_list{width:calc(100% + 10px); margin: 0 -5px;}
.prdRel .prdRel_list .roll{padding: 0 5px;}
.prdRel .prdRel_list .roll a dt{border-radius:10px;}
.prdRel .prdRel_list .roll a dd .prdName{font-size:13px;}
.prdRel .prdRel_list .roll a dd .price li:last-child{font-size:13px;}
.prdRel .prdRel_list .roll a dd .price li p{font-size:13px;}
.prdRel .prdRel_list .roll a dd .price li strong{font-size:15px; margin-right: 1px;}

.prdRel .slick-arrow{width:20px; height:20px; right:5px; top:-30px;}
.prdRel .slick-prev{margin-right: 32px;}


}
/*******************************************************************************
    @media ~360px
*******************************************************************************/
@media all and (max-width:320px){




}


/* 회원가입 */
.join_titleBox{margin-top:30px;}
.join_title{font-size:18px; font-weight:400; color:#333333; margin-bottom:10px;}
.join_titleB{font-size:13px; font-weight:400; color:#333333; margin-bottom:15px;}
.join_titleBadd{font-size:13px; color:#333333; margin-bottom:15px; line-height:18px;}
.join_titleBadd span{font-size:4px; position:relative; top:-3px; margin-right:8px;}
.join_titleS{font-size:13px; color:#777777; line-height:19px; white-space:normal;}
.join_step {width:1200px; margin:auto; overflow:hidden; margin-bottom:50px;}
.join_step .step {box-sizing:border-box; display:inline-block; width:20%; padding:15px 0; float:left; border:1px solid #ddd; border-left:0; text-align:center; font-weight:400; position:relative;}
.join_step .step:first-child {border-left:1px solid #ddd;}
.join_step .step.step_on {background:#f6f6f6;}
.join_step .step.step_off {background:url("../images/common/bg_joinstep_off.png") center no-repeat;}
.join_step .step:after{content:""; display:block; clear:both; }
.join_step .step:last-child {margin-right:0;}
.join_step .step:last-child:after {display:none;}
.join_step .step span {font-size:13px;  color:#888; display:block; margin-bottom:5px;}
.join_step .step em {font-size:16px;  color:#121212; font-style:normal;  display:block;}
.join {margin-top:40px;}
.join_text{font-size:16px; font-weight:bold; color:#333333; margin-bottom:15px;}
.join_checkbox{margin-bottom:20px;}
.join_check{text-align:right; margin-top:10px; font-size:13px;}
.join_check label{color:#555555; margin-right:5px;}
.join_check input{position:relative;}
.join_check_all{margin-top:20px;}
.join_check_all p{margin-bottom:10px;}
.join_check_all span{ font-size:13px; color:#555555; margin-left:7px;}
.join_check_all strong{ font-size:13px; color:#333333; font-weight:400; margin-left:7px; }
.join_check_all input{position:relative; top:2px;}
.join_btn_box{text-align:center; font-family: 'Nanum Gothic', sans-serif; margin-top:40px;}
.join_btn_prev{width:170px; padding:23px 0; border:1px solid #ddd; background:#ffffff; color:#333; font-size:16px; border-radius:5px;  font-weight:400; margin:0 2px; cursor:pointer;}
.join_btn_next{width:170px; padding:23px 0; border:1px solid #00a29e; background:#00a29e; color:#FFFFFF; font-size:16px;  border-radius:5px; font-weight:400; margin:0 2px; cursor:pointer;}
.join_end{width:100%; text-align:center; margin:50px 0;}
.join_txt{ font-size:13px; color:#777777; margin:40px 0;}
.join_txt strong{display:block; font-size:32px; color:#333333; margin-bottom:30px; letter-spacing:-1px;}
.join_txt span{display:block; font-size:18px; color:#333333; margin-bottom:20px;}
.join_end_btn{ width:250px; height:50px; border:1px solid #DDDDDD; box-sizing:border-box; background:#FFFFFF; border-radius:4px; font-size:15px; font-weight:400; color:#555; cursor:pointer;}
.join_end{text-align:center;}
.joinEnd_title{ font-size:22px; font-weight:400; color:#333333;}
.jeB_1{font-size:38px; color:#ECAB0B;}
.jeB_2{font-size:38px; color:#015cab;}
.joinEnd_B{font-size:17px; font-weight:400; margin:30px 0; color:#333333;}
.joinEnd_S{font-size:13px; line-height:19px; color:#777777; margin:20px; }
.joinEnd_img{margin:30px 0;}
.joinEnd_btn{ width:250px; height:50px; background:#333333; border:1px solid #333333; color:#fff; font-size:16px; font-weight:400; cursor:pointer;}
.memberTitle{margin-bottom:30px;}
.mb_title{font-size:18px; font-weight:600; color:#333333; margin-bottom:15px;}
.mb_titleB{font-size:13px; font-weight:600; color:#333333; margin-bottom:20px;}
.mb_titleS{font-size:13px; color:#666666; line-height:16px;}
.join_card {width:100%; padding:40px; border:1px solid #ddd; text-align:center; line-height:1.8}
.join_card p {margin-bottom:20px;}