span.sale {text-decoration:line-through;color:#999;}
span.per {color:#d11e2d;}
.wrap.my-shop,
.my-shop {margin-bottom:50px;}
.my-shop .row {width:100%; margin:auto !important;}

@media (max-width:1260px) {
    .my-shop .row .col-2 {margin-bottom: 20px;}
    .my-shop .row .col-2,
    .my-shop .row .col-10 {width: 100%; flex: 0 0 100%; max-width: 100%;}
}


.item-code{color:#999; font-weight: 500;}
/* 주문 페이지 */
#order-form {padding:0 0 80px 0;}
#order-form section {margin-bottom:50px;}
#order-form section h1 {margin-bottom:15px; font-size:24px; font-weight: 600;}
#order-form section .card{border:0; border-top: 1px solid #000; border-bottom: 1px solid #000; border-radius:0;}
#order-form section .card .card-header{background:#f7f7f7; border-bottom:1px solid #ddd;padding: 7px 20px;}
#order-form section .card .card-body{padding:0;}
#order-form section .card .card-body .table {margin-bottom:0;}
#order-form section .card .card-body .table thead th{
    border-bottom:1px solid #ddd; border-top: 1px solid #ddd; font-size: 15px; font-weight: 400;
}
#order-form section .card .card-footer{font-size:15px;background:#f7f7f7; border-top:1px solid #ddd;}
#order-form section .card .card-footer > div > div{margin:3px 0; color:#666; font-weight:300;}
#order-form section .card .card-footer > div > div:last-child{font-size:20px;color:#000;font-weight:500;}

#order-form .clause {overflow:auto;height:150px;padding:10px;border:1px solid #ccc;}
#order-form .row {width:100%; margin-right:0;}
#order-product-list {}
#order-confirm {height:auto; position:relative;}
#order-confirm .body-rect .box {background:#fff;border:1px solid #ccc;padding:4%;margin-bottom:4%;}
#order-confirm .btn-primary{background-color:#7dc020; border-color:#7dc020; font-size: 17px;}
#billing {font-size:15px;}
#billing > div {padding:6px 0;}
#billing .bi-subject {border-bottom:2px solid #000;font-size:1.35em;padding-bottom:15px;margin-bottom:20px; font-weight:500;}
#billing .sum-price {
	border-top:1px solid #000;margin-top:20px;padding-top:20px; display:flex; justify-content:space-between;
	align-items:center;
}
#billing .sum-price .price {font-size:1.4em;font-weight:bold;color:#4e73df;}
#consent {font-size:15px;}
#consent .float-left:first-child {width:10%;}
#consent .float-left:last-child {width:90%;}

#order-point .table tr:first-child th,
#order-point .table tr:first-child td{border-top:1px solid #000;}
#order-point .table tr:last-child th,
#order-point .table tr:last-child td{border-bottom:1px solid #000;}
#order-point .table th,
#order-point .table td{padding:0.5rem 0 0.5rem 0.8rem;}
#order-point .table tr th{font-size:15px; font-weight:400;background-color:#f3f9f0;min-width: 110px;}

#order-customer .table tr:first-child th,
#order-customer .table tr:first-child td{border-top:1px solid #000;}
#order-customer .table tr:last-child th,
#order-customer .table tr:last-child td{border-bottom:1px solid #000;}
#order-customer .table th,
#order-customer .table td{padding:0.5rem 0 0.5rem 0.8rem;}
#order-customer .table tr th{font-size:15px; font-weight:400; min-width: 110px; width:150px;}
#order-customer .table tr td .form-control{background-color:#fafafa; border:none;}


#order-add .table tr:first-child th,
#order-add .table tr:first-child td{border-top:1px solid #000;}
#order-add .table tr:last-child th,
#order-add .table tr:last-child td{border-bottom:1px solid #000;}
#order-add .table th,
#order-add .table td{padding:0.6rem 0 0.6rem 0.8rem;}
#order-add .table tr th{font-size:15px; font-weight:400; min-width: 110px;  width:150px;}
#order-add .table tr td .form-control{background-color:#fafafa; border:none;}
#order-add .table .form-inline .btn{font-size:15px;}


#order-pay .table{margin-bottom:0;}
#order-pay .table tr:first-child th,
#order-pay .table tr:first-child td{border-top:1px solid #000;border-bottom:1px solid #000;}
#order-pay .table th,
#order-pay .table td{padding:0.5rem 0 0.5rem 0.8rem;}
#order-pay .table tr th{font-size:15px; font-weight:400;background-color:#fafafa;min-width: 110px;}


#section-policy .custom-control-label{font-size:15px;}
#privacy-policy.clause-pages h1{font-size:20px; font-weight:400;}

@media(max-width:1260px){
    #order-form > .row > div {width:100%;max-width:100%;flex:0 0 100%;}
    #order-confirm .body-rect {position:relative;top:0 !important;}
    #order-confirm .consent .float-left:first-child {width:35px;}
    #order-confirm .consent .float-left:last-child {width:80%;}
}

@media screen and (max-width:768px){	
	#section-policy .clause h1{font-size:16px;}
    #order-form {padding-bottom:0;}
    #order-form section {margin:30px 0;}
	#order-form section h1{margin-bottom:8px;}
    #order-form section .leaverou {display:flex; flex-wrap:wrap;}
    #order-form section .leaverou > li {width:100%; margin:4px 0;}
    #order-form .row {margin:auto;}
    #order-form .row .col-9 {margin:0; width:100%; padding:0;}
    #order-form .row .col-3 {margin:0; width:100%; padding:0;}

	#privacy-policy.clause-pages h2,
	#terms-and-conditions.clause-pages h2{font-size:15px;}
	#privacy-policy.clause-pages p,
	#terms-and-conditions.clause-pages p{font-size:13px;}
	#privacy-policy.clause-pages li,
	#terms-and-conditions.clause-pages li{font-size:13px;}
	#privacy-policy.clause-pages li > ul > li,
	#terms-and-conditions.clause-pages li > ul > li{font-size:13px;}
}
@media screen and (max-width:580px){
	#order-form section h1{font-size:18px;}
	#order-form section .card .card-header{font-size:15px;}
    #order-form {}
    #order-form .table {}
    #order-form .table .form-inline {width:100%; flex-wrap: nowrap;}
    #order-form .table .form-inline .form-control {width:25% !important; }
	#order-form .table .form-control:disabled, .form-control[readonly] {background-color: #fff;}
    #order-form .table .form-inline input.email.form-control  {width:100% !important;}
    #order-form .table tr {}
	#order-customer .table tr th, #order-add .table tr th{min-width:unset; width:100px;}
	
}

.table-cart th {text-align:center;}
.table-cart td {text-align:center;height:70px;vertical-align: middle;}
.table-cart .item {}
.table-cart .item .preview {width:30%; height:180px; text-align:center;}
.table-cart .item .preview .img {
    display:block; margin:auto;
    height:100%; width:100%; max-width:200px; background-size:cover; background-repeat:no-repeat;
    background-position:center center;
}
.table-cart .item .name {width:35%;text-align:left;}
.table-cart .item .name span.sale{font-size:15px;}
.table-cart .item .ea {width:15%;}
.table-cart .item .price {width:20%;}

@media(max-width:768px){
    .table-cart {}
    .table-cart thead {display:none;}
    .table-cart tbody {}
    .table-cart tbody td {display:block;}
    .table-cart tbody th,
    .table-cart tbody td {width:100%;display:block;}
    .table-cart thead {display:none;}
    .table-cart tbody tr {margin: 10px 0;display:block;position:relative;border-bottom: 1px solid #ddd;}
    .table-cart tbody tr:last-child {margin-bottom:0;}
    .table-cart tbody td {width:100%;height:auto;display:block;text-align:center;float:left;}
    .table-cart tbody td.checkbox {width:45px;position:absolute;left:5px;border-top:0;}
    .table-cart tbody td.preview {width:100%;border-top:0;padding:10px 0;}
    .table-cart tbody td.preview img {max-height:200px;}
    .table-cart tbody .item td.name,
    .table-cart tbody td.name {text-align:left; font-size:14px;padding:8px 0;}
	.table-cart tbody td.name{border-bottom: 1px solid #ddd; border-top:0;}
	.table-cart tbody td.name > div > div.mt-2{margin-top:0 !important;}
    .table-cart tbody td.ea {font-size:14px;padding:8px 0;border:0;}
	.table-cart tbody td.price {font-size:14px;padding:8px 0;border:0;font-weight:600;}
    .table-cart .item .preview {height:100px;}
    .table-cart .item .preview .img {width:100px;}
	.table-cart .item .price{width:30%;}
	.table-cart .item .name span.sale{font-size:13px;}
	#order-form section .card .card-footer > div > div{font-size:14px;}
	#order-form section .card .card-footer > div > div:last-child{font-size:18px;}
    .table-cart tbody td.ea .opt-row {width:200px !important;}
    .table-cart tbody td.ea .opt-row > div div {}
    .table-cart tbody td.ea .opt-row > div span {}
    .table-cart tbody td.ea .opt-row > div input {width:100px;}
    .table-cart tbody td.payment {}
	.form-control {margin:1px 0;}

	#order-point .table tr th,
	#order-customer .table tr th,
	#order-add .table tr th{font-size:13px;}
	#order-point .table tr td,
	#order-customer .table tr td,
	#order-add .table tr td{font-size:14px;}
	#point-message.fs-15{font-size:13px; color:#555;}

	#order-add .btn.btn-sm{font-size:11px;}
	#order-add .table .form-inline .btn{font-size:12px;}
	#order-add .table .form-inline .btn.ml-2{margin-left:0 !important;padding: 6px;}

	#order-pay label{font-size:15px;}
	#section-policy .custom-control-label{font-size:14px;}

}

/**/
#non-member-order {cursor:pointer;}

/* 관심상품 */
#wishlist {}
#wishlist table img {width:auto;height:auto;max-width:60px;max-height:60px;}

/**/
#shop-side-menu {position:relative;}
#shop-side-menu .head {border-bottom:1px solid #444; padding:0 0 10px 0; margin:0 0 25px 0;}
#shop-side-menu .head .fs-28{font-weight:500;}
#shop-side-menu .body {}
#shop-side-menu .my-group {
    margin:0 0 25px 0;
}
#shop-side-menu .my-group div {font-size:20px; color:#000; font-weight:bold;}
#shop-side-menu .my-group ul {}
#shop-side-menu .my-group ul li {margin-bottom:8px; line-height:1.2;}
#shop-side-menu .my-group ul li a {color:#9E9E9E;}
#shop-side-menu .my-group ul li.active {}
#shop-side-menu .my-group ul li.active a {color:#E60012;}

/* 주문상세내역 */
.table.th20 tbody th {width:20%;}
#order-info {}
#order-info li {text-align:center;border:1px solid #ccc;border-right:0;padding:20px 10px;font-size:15px;}
#order-info li:last-child {border-right:1px solid #ccc;}
#order-info li span {}
#order-info li span:nth-child(1) {color:#666; padding-right:5px; margin-right:5px; position:relative;}
#order-info li span:nth-child(1):after {
    content:'';display:inline-block;width:1px;height:60%;background:#ccc;position:absolute;margin:auto;
    top:0;bottom:0;right:-2px;
}
#order-info li span:nth-child(2) {}
#product-data {}
#product-data .preview img {max-width:120px;max-height:120px;width:auto;height:auto;}
#payment-data {}
#delivery-data {}
#my-review {}
#my-review.list .preview {display:flex; flex-wrap:wrap; align-items:center; }
#my-review.list .preview img {max-width:120px;max-height:120px; margin-right:10px;}

@media( max-width:1260px ){
    #order-info li {width:100%;border:1px solid #ddd;}
    #order-info li:nth-child(n+2) {border-top:0;}
}
@media( max-width:430px ){
	#my-review.list .table-h td.preview{width:unset;} 
	#my-review.list .preview img{max-width:80px;max-height:80px; margin-right:5px;}
}
@media( max-width:390px ){
	#my-review.list .table-h td.preview{width:100px;}
	#my-review.list .preview img{margin-right:0;}
	#my-review.list .table-h td{min-width:90px;}
}


/* 전체화면 팝업 */
.full-popup {position:fixed;width:100%;height:100vh;overflow:hidden;left:0;top:0;z-index:9999;background:rgba(0,0,0,0.8);}
.full-popup > .rect {width:100%;height:100%;position:relative;}
.full-popup .box {
    position:absolute;width:100%;height:100%;margin:auto;background:#fff;top:0;right:0;bottom:0;left:0;
}
.full-popup .box-rect {padding:30px;width:100%;height:100%;}
.full-popup .box .remove-box {position:absolute;right:30px;top:30px;}

/* 장바구니 담기 */
#add-cart-success .box {max-width:600px;max-height:210px;}
#add-cart-success .box .acs-text {text-align:center;font-size:24px;}
a.shop-btn {width:100%;max-width:250px;padding:15px;font-size:17px;display:inline-block;text-align:center;border:1px solid #333;border-radius:6px;}
a.shop-btn.shop-btn-success {background:#254D88;border:1px solid #254D88;color:#fff; border-radius:6px;}

/* 상품평 게시판 */
.shop-review-list .post {
    width:100%;max-width:298px;height:505px;border-radius:0;border:1px solid #ccc;overflow:hidden;background:#fff;
    margin:30px auto;
}
.shop-review-list .rect {height:100%;}
.shop-review-list .preview {height:60%;}
.shop-review-list .preview .img-box {height:100%;background-size:cover;}
.shop-review-list .preview a {color:#fff;}
.shop-review-list .body {height:40%;padding:30px 25px 20px 25px;}
.shop-review-list .body .subject {font-size:20px;color:#333;padding-bottom:5px;}
.shop-review-list .body .star {padding-bottom:10px;}
.shop-review-list .body .content {font-size:16px;color:#888;height:60px;overflow:hidden;word-break: break-all;}
.shop-review-list .body .date {font-size:16px;color:#aaa;border-top:1px solid #ddd;font-family: "Montserrat",sans-serif;padding-top:9px;}
.shop-review-list .body .date a {color:#aaa;}
.shop-review-view {margin-top:40px;}
.shop-review-view .subject {border-bottom:1px solid #999;font-size:24px;padding:10px;}
.shop-review-view .point {float:right;}
.shop-review-view .name {float:right;}
.shop-review-view .image {text-align:center;margin:30px 0;}
.shop-review-view .image img {max-height:400px;}
.shop-review-view .content {margin:30px;}
.shop-review-view .bottom {margin:30px 0;}
#order-form .table .form-inline input.email.form-control  {max-width:400px;width:100%;}

/**/
#login-form {}

@media screen and (max-width:1260px) {
    /**/
    #login-form.shop-order-history {height:auto;}
    #login-form.shop-order-history > .col-6 {width:100%;flex:0 0 100%;max-width:100%;}
    #login-form.shop-order-history > .col-6 .rect {padding:25px;}
    #login-form.shop-order-history > .col-6:first-child {}
    #login-form.shop-order-history > .col-6:last-child {border-top:1px solid #ccc;border-left:0;}
}
@media screen and (max-width:768px){
    #login-form.login-shop {}
    #login-form.login-shop .btn-rect {}
    #login-form.login-shop .btn-rect .col-6 {width:100%;flex:0 0 100%;max-width:100%;margin:10px 0;}
    #login-form.login-shop .btn-rect .col-6:first-child {margin-top:0;}

    #login-form.shop-order-history {}
    #login-form.shop-order-history > .col-6 {padding:0;}
    #login-form.shop-order-history > .col-6 .rect {padding:25px 20px;}
    #login-form.shop-order-history > .col-6:first-child {}
    #login-form.shop-order-history > .col-6:last-child {}
    #login-form.shop-order-history > .col-6:last-child table {}
    #login-form.shop-order-history > .col-6:last-child table tr {}
    #login-form.shop-order-history > .col-6:last-child table td {display:block;width:100%;text-align:left;padding:5px 0;}
    #login-form.shop-order-history > .col-6:last-child table td .form-inline {}
    #login-form.shop-order-history > .col-6:last-child table td .form-inline select,
    #login-form.shop-order-history > .col-6:last-child table td .form-inline input {width:30%;margin:0;}

}

/**/
.table-mobile {}
@media(max-width:768px){
    .table-mobile {}
    .table-mobile.th20 tbody th,
    .table-mobile.th20 tbody td,
    .table-mobile tbody th,
    .table-mobile tbody td {width:100%;display:block;}
    .table-mobile tbody th {font-size:17px;color:#333;}
    .table-mobile tbody td {font-size:14px;}
}

/*************************************/

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

    #add-cart-success .box .acs-text {font-size:24px;}
    #add-cart-success a.shop-btn {font-size:14px;}

}

/* 친환경 인증마크 */
.rect-eco {position:relative;}
.rect-eco .icons-eco {
    position:absolute; z-index:90; top:0; left:0; display:flex;
}
.rect-eco .icons-eco > div {
    width:35px; height:35px; font-size:0; margin:5px 0 0 5px;
    background:no-repeat center center; background-size:cover;
    filter:drop-shadow(1px 1px 1px #fff) drop-shadow(-1px -1px 1px #fff);
}
.rect-eco .icons-eco .eco {background-image:url(/images/shop/icon_eco_1.svg);} /*친환경 무농약*/
.rect-eco .icons-eco .eco2 {background-image:url(/images/shop/icon_eco_2.svg);} /*친환경 유기농*/
.rect-eco .icons-eco .gap {background-image:url(/images/shop/icon_gap.svg);}
.rect-eco .icons-eco .haccp {background-image:url(/images/shop/icon_haccp.svg);}

@media(max-width:425px){
    .rect-eco .icons-eco > div {width:25px; height:25px;}
}

/**/
.shop-stock-rect {}

/**/
.table-h {
    width:100%;
    border-top:1px solid #272727;
}
.table-h thead {}
.table-h thead tr{}
.table-h thead th {
    color:#272727; font-size:16px; font-weight:500; padding:20px 10px;
    text-align:center; border-bottom:1px solid #ccc;
	vertical-align:middle;
}
.table-h tbody {}
.table-h tbody td {
    padding:20px 10px;
    text-align:center; border-bottom:1px solid #ccc; vertical-align: middle;
}
#orders-main .table-h tbody td:first-child a, .order-list-body .table-h tbody td:first-child a {color:#254D88; font-weight:500; word-break:break-word;} 

/**/
.table-h2 {
    width:100%;
    border-top:1px solid #272727;
}
.table-h2 tbody {}
.table-h2 tbody th {
    color:#272727; font-size:16px; font-weight:500; padding:20px 10px;
    text-align:left; border-bottom:1px solid #ccc; width:220px;
}
.table-h2 tbody td {
    padding:20px 10px;
    text-align:left; border-bottom:1px solid #ccc; vertical-align: middle;
}

/* 버튼 스타일 모음 */
.btn {font-size:14px;}
.btn-facebook {background:#254D88;}
.btn-h {
    border:1px solid #254D88;
    color:#254D88;
    border-radius:6px;
    padding: 0.375rem 0.75rem;
    font-size:14px;
    display:inline-block;
}
.btn-h:hover{color:#fff; background-color:#254D88; border:1px solid #254D88;}
.btn-h.gray {
    border-color:#cccccc;
    color:#272727;
}
.btn-h.gray:hover {background-color:#272727; color:#fff;}
.btn-h.gray.datepicker:hover{background-color:#fff;}
.btn-h-submit {
    display:inline-block;
    border:1px solid #254D88;
    border-radius:6px;
    padding:6px 16px;
    background:url(/images/shop/icon_search.png) no-repeat center center #254D88;
}
.btn-danger{background-color:#E60012; border-color:#E60012;}
.btn-danger:hover{background-color:#E60012; border-color:#E60012;}

/**/
.order-gray-box {
    background:#F7F7F7; border-radius:30px; padding:50px 50px; justify-content:space-between;
}

@media(max-width:820px){
	.search_tr{flex-wrap:wrap; justify-content:center;}
	.search_tr .terms{margin-bottom:20px; flex-wrap:wrap; justify-content:center;}
	.search_tr .terms .btn-h{margin-bottom:10px;}
}

/* 주문목록 */
#orders-main {}
#orders-main .head {}
#orders-main .head .order-step-box {
    display:flex; flex-wrap: nowrap; justify-content: space-evenly;
    color:#272727; text-align:center;
}
#orders-main .head .order-step-box > div {
    display:flex; align-items: center; flex-direction: column; justify-content: center;
}
#orders-main .head .order-step-box .circle {
    width:80px; height:80px; background:#fff; font-size:25px; font-weight:bold;
    border-radius:100%; display:flex; justify-content: center; align-items: center;
}
#orders-main .body {margin-top:70px;}


/**/
#orders-view {}
#orders-view .preview {}
#orders-view .preview img {max-width:100px; max-height:100px;}

#product-table .td-order-no {width:220px;}
#product-table .td-product {}
#product-table .td-price {width:220px;}
#product-table .td-step {width:200px;}

/* 주문/배송조회 */
/* 취소/반품/교환 내역 */
/* 환불/입금 내역 */
.order-list-head .btn-h.active {border-color:#254D88; background:#254D88; color:#fff;}
.order-list-head .order-gray-box input[type="text"] {width:180px;  text-align:center;}
.order-list-body {margin-top:70px;}


/**/
.items-list {}
.items-list .item {
    display:flex; flex-wrap:wrap; justify-content:space-between; position:relative; margin:8px 0;
    border:1px solid #ddd; padding:8px;
}
.items-list .item > div {}
.items-list .item .img {width:14%; position:relative; border-right:1px solid #ddd;}
.items-list .item .img img {
    display:block; max-width:100px; position:absolute; margin:auto; top:0; right:0; bottom:0; left:0;
}
.items-list .item .data {width:68%; margin:0; padding:10px;}
.items-list .item .data .seller {}
.items-list .item .data .product-name {}
.items-list .item .data .price {}
.items-list .item .action {width:18%; text-align:right; position:relative; display:flex; flex-direction: column;}
.items-list .item .action .cancel-btns {}
.items-list .order-data {}

@media(max-width:1260px){
    .my-shop .row > div {padding-left:0; padding-right:0;}
	.order-gray-box{padding:30px;}
	.order-list-head .order-gray-box input[type="text"]{width:130px; padding:6px 10px;}
	.order-list-head .btn-h{padding:6px 10px;}
}
@media(max-width:768px){
    .items-list .item .img {width:20%; text-align:center;}
    .items-list .item .img img {display:inline-block; width:100%;}
    .items-list .item .data {width:58%; margin:0; border-left:1px dashed #ddd;}
    .items-list .item .action {width:20%; right:0; top:0;}
    .items-list .item .action .btn {margin-bottom:4px;}
    .items-list hr {border-top-color:#aaa;}
	
	#shop-side-menu .my-group ul li{margin-top:3px;}
	#shop-side-menu .my-group ul li a{font-size:15px;}
	#product-table tbody td .flex{flex-wrap:wrap;}
	.order-gray-box{padding:30px;}
	.order-list-head .order-gray-box input[type="text"]{width:100px;}
}
@media(max-width:600px){
    .items-list .item .img {width:100%;}
    .items-list .item .data {width:100%; margin:0; border-left:0;}
    .items-list .item .action {width:100%; text-align:right;}
	.col-10 .head > .flex{flex-wrap:wrap;}
	.order-gray-box{padding:6vw 3vw; justify-content:center;}
	#orders-main .head .order-step-box .circle{width:15vw; height:15vw;}
	#orders-main .head .order-step-box > div img{width:2vw; padding-bottom:5vw;}
	.col-10 .body > .flex{flex-wrap:wrap;}
	.table-h{word-break:keep-all;}
	.table-h thead th, .table-h tbody td{padding:18px 5px;}
	.table-h tbody th:first-child, .table-h tbody td:first-child{width:140px;}
	
	#orders-view .preview img{max-width:unset; max-height:unset; width:100%;}
	#product-table{word-break:break-word;}
	#product-table .td-order-no{display:none;}
	#product-table .td-product{width:250px;}
	#product-table .td-step{width:150px;}
	
	.table-h2 tbody th{width:120px;}
	
	.order-gray-box div:first-child{margin-bottom:15px;}
}
@media(max-width:420px){
	#orders-main .head .order-step-box .circle{width:13vw; height:13vw; font-size:22px;}
	#orders-main .head .order-step-box .fs-15{height:61px;}
	#orders-main .head .order-step-box > div img{padding-bottom:17vw;}
	.order-gray-box{padding:6vw 4vw;}
	.order-list-head .btn-h{font-size:11px;}
	.order-gray-box div .align-items-center{justify-content:center;}
	.order-list-head .order-gray-box input[type="text"]{width:40%;}
	
}
@media(max-width:360px){
	.order-list-head .btn-h{font-size:10px;}
}

/* 환불요청 모달 */
.table-order-cancel {}
.table-order-cancel th {width:120px;}

/* 구매확정 버튼 */
.order-pay-ok {}
.order-pay-ok.loading {width:auto; height:auto; color:rgba(255,255,255,0.2);}
.order-pay-ok.loading:after {width:30px; height:30px;}

/**/
#login-form {
    border:5px solid #F7F7F7; border-radius:30px;
    max-width:500px; padding:50px; height:auto;
}
#login-form .rect-login {border-bottom:1px solid #ccc; padding-bottom:50px; margin-bottom:50px;}
#login-form .rect-login .join-btn {
    color:#254D88;
    border:1px solid #254D88;
    display:inline-block;
    padding:5px 12px;
    border-radius:30px;
}
#login-form .rect-login .btn-login,
#login-form .rect-login input[type=submit] {
    background:#254D88;
}

#login-form .rect-order .btn-login,
#login-form .rect-order input[type=submit] {
    background:#444;
}

/*상품페이지*/
.row .col-4{flex:0 0 41%; max-width:41%;}
.row .col-1{flex:0 0 5%; max-width:5%;}
.row .col-7{flex:0 0 53%; max-width:53%;}





/**/
.fa.fa-star {color:#999;}
.fa.fa-star.active {color:#E60012;}
.theme-default .tags{display:flex; flex-wrap:wrap; }
.theme-default .tags span{margin-bottom: 3px; padding: 0.4em 0.5em 0.5em;}
/*.theme-default .tags span {font-size:12px; padding: 0.2em 0.6em 0.3em; border-radius:0; color:#fff; border-radius: 0.25em;}*/

/* shop category */
.container-section {margin-top:0 !important;}
/*.theme-default #shop-category {border-bottom:1px solid #f2f2f2; box-shadow:0 10px 10px 0 #f2f2f2; z-index:1;}*/
.theme-default #shop-category .head-name a {color:#333;}
.theme-default #shop-category .flex{flex-wrap: wrap; justify-content: center;}
.theme-default #shop-category {z-index:1;margin-top: 40px;}
.theme-default #shop-category a,
.theme-default #shop-category span {color:#333; font-weight:600; text-align:center;}
.theme-default #shop-category .active a,
.theme-default #shop-category .active span {color:#000;}
.theme-default #shop-category span {margin-left:5px;font-size: 14px;}
.theme-default #shop-category .wrap {}
.theme-default #shop-category .wrap.active {
    display:flex; flex-direction:row; flex-wrap:nowrap;  overflow:auto;
}
.theme-default #shop-category .wrap.active::-webkit-scrollbar {background:#fff; height:5px;}
.theme-default #shop-category .wrap.active::-webkit-scrollbar-thumb {background:#7dc020;}
.theme-default #shop-category .wrap .item {
    position:relative; display:flex; justify-content: center; align-items:center; padding:7px 20px;
    background-color:#fff; border-radius:50px; border:1px solid #666; margin: 5px;
}
.theme-default #shop-category .wrap .item:last-child:after {display:none;}
/*.theme-default #shop-category .wrap .item:before {*/
/*    content:''; position:absolute; margin:auto; height:25px; width:1px; top:0; right:0; bottom:0; left:auto;*/
/*    background:#ccc;*/
/*}*/
.theme-default #shop-category .wrap .item a {color:#595959; font-size:15px;}
.theme-default #shop-category .wrap .item span.count {}
.theme-default #shop-category .owl-nav {
    position:absolute; width:100%; height:0; z-index:1; top:0; right:0; bottom:0; left:0; margin:auto;
}
.theme-default #shop-category .owl-nav .owl-prev,
.theme-default #shop-category .owl-nav .owl-next {
    overflow:hidden; width:20px;
    position:absolute; margin:auto; top:0; bottom:0; height:30px;
    display:flex; justify-content: center; align-items: center;
}
.theme-default #shop-category .owl-nav .owl-prev {left:-20px;}
.theme-default #shop-category .owl-nav .owl-next {right:-20px;}
.theme-default #shop-category .owl-nav .owl-prev span,
.theme-default #shop-category .owl-nav .owl-next span {
    font-size:30px; display:block; line-height:19px; height:100%;
}

.theme-default #shop-category .wrap .item.active{background:#fff; border:1px solid #E60012;color:#E60012;}
.theme-default #shop-category .wrap .item.active a,
.theme-default #shop-category .wrap .item.active span{color:#E60012;}

@media (max-width:767px){
    .theme-default .tags span{font-size:11px;}
    .theme-default #shop-category .owl-nav .owl-prev {left:0;}
    .theme-default #shop-category .owl-nav .owl-next {right:0;}

    .theme-default #shop-category .wrap{overflow: auto;}
    .theme-default #shop-category .flex{display:inline-flex; flex-wrap:nowrap; justify-content: flex-start;}
    .theme-default #shop-category .wrap .item{padding:6px 16px;}
}

/* list */
.theme-default .product-list-body {min-height:600px; margin-top:0; overflow-x:hidden;}
.theme-default .product-list-body .pl-head {border-bottom:1px solid #000;margin:50px 0 30px 0;font-size:28px;font-weight: 600;}
.theme-default .product-list-body .pl-head > div > span{font-weight: 400;}
.theme-default .product-list-body .pl-body {display:flex; flex-wrap:wrap; margin-left:-20px; margin-right:-20px; justify-content: flex-start;}
.theme-default .product-list-body .rect {
    padding:0; text-align: center;
    /*width:250px;*/
    width:20%;
}
.theme-default .product-list-body .item {
    height:100%;min-height:300px;margin-bottom:50px;width:100%;display: inline-block;
}
.theme-default .product-list-body .item .preview {
    height:250px; width:100%; max-width:250px; border:0 solid #ccc; text-align:center; position:relative;
    overflow:hidden; user-select:none; margin:0 auto;  cursor:pointer;
    background-color:#F7F7F7; border-radius:20px;
}
.theme-default .product-list-body .item .preview .image {
    height:100%; background-size:cover; background-repeat:no-repeat;
    background-position:center center; transition:all 400ms;
}
.theme-default .product-list-body .item .preview .image:hover {transform:scale(1.1);}
.theme-default .product-list-body .item .preview img {
    width:auto; height:auto; max-width:100%; max-height:100%; position:absolute;
    margin:auto; top:0; right:0; bottom:0; left:0;
}
.theme-default .product-list-body .item .not-found-file {
    width:160px;height:28px;position:absolute;margin:auto;top:0;right:0;bottom:0;left:0; display:inline;
    user-select:none;
}
.theme-default .product-list-body .item .data {height:20%;max-width:280px;text-align:left; margin-left:15px; padding-top:10px;}
.theme-default .product-list-body .item .data .tags {height:auto;}
/*.theme-default .product-list-body .item .data .tags .btn {padding:5px;font-size:12px;}*/
.theme-default .product-list-body .item .data .name {padding:0;}
.theme-default .product-list-body .item .data .name a {color:#333;font-size:18px;}
.theme-default .product-list-body .item .data .price {
    font-size:24px; font-weight:bold;
    margin-top:5px; line-height:30px;
}
.theme-default .product-list-body .item .data .price a {color:#254D88;}
.theme-default .product-list-body .item .data .price span.sale {font-size:17px;color:#c5c5c5;}
.theme-default .product-list-body .item.close {width:100%;opacity:1;font-size:17px;font-weight:400;}
.theme-default .product-list-body .item.close img {margin-bottom:5px;}
.theme-default .product-list-body .item.open-sell {}
.theme-default .product-list-body .item.open-hold {}
.theme-default .product-list-body .item.open-soldout {}
.theme-default .product-list-body .item.open-soldout .preview {}
.theme-default .product-list-body .item.open-soldout .preview:before {
    content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.4);z-index:10;
}
.theme-default .product-list-body .item.open-soldout .preview:after {
    content:'SOLD OUT';position:absolute;margin:auto;width:100px;height:30px;background:red;color:#fff;top:0;right:0;bottom:0;left:0;
}
@media(max-width:1180px){
	.theme-default .product-list-body .item{min-height:0;}
	.theme-default .product-list-body .item .preview {height:18.5vw; width:18.5vw; border-radius:10px;}
	.theme-default .product-list-body .item .data{margin-left:5px;}
}
@media(max-width:767px){
    .theme-default .product-list-body .pl-body {margin:0;}
	
    .theme-default .product-list-body .item .preview {height:48vw; width:100%; }
    .theme-default .product-list-body .item .preview .image {background-size:auto 100%;}
    .theme-default .product-list-body .rect {width:50%; padding:0 5px;}
}
@media(max-width:425px){
    .theme-default .product-list-body .item{min-height:280px;}
    .theme-default .product-list-body .pl-head{font-size: 22px;}
    .form-control-sm{font-size:0.9rem;}
}
@media(max-width:375px){
    .theme-default .product-list-body .item .preview {height:150px;}

}

/*
.theme-default .product-list-body .icon {
    outline:1px solid red;
    position:absolute;transition:all 500ms;transform:translateX(0); right:10px; bottom:10px;
}
.theme-default .product-list-body .icon .rect {
    height:50px;position:absolute;margin:auto;top:auto;right:0;bottom:5%;left:0;text-align:center;
}
.theme-default .product-list-body .icon .rect a {
    width:50px;height:50px;display:inline-block;transition:all 500ms;transform:translateY(-20px);
    opacity:0;font-family: 'Montserrat', sans-serif; font-size:0;
}
.theme-default .product-list-body .icon .rect img {position:relative;}
.theme-default .product-list-body .icon:hover .rect a {transform:translateY(0);opacity:1;margin:0 5px;}
.theme-default .product-list-body .icon .rect a:nth-chil d(1) {transition-delay:100ms;}
.theme-default .product-list-body .icon .rect a:nth-child(2) {transition-delay:200ms;}
.theme-default .product-list-body .icon .rect a:nth-child(3) {transition-delay:300ms;}
.theme-default .product-list-body .icon {width:50px; height:50px; right:10px; bottom:10px;}
.theme-default .product-list-body .icon .cart-btn {position: absolute;
    width:50px; height:50px; background:rgba(255,255,255,0.8); display:block; border-radius:100%; bottom:10px; right:10px;
}
.theme-default .product-list-body .icon .cart-btn:hover {background:rgba(255,255,255,1);}
*/
.theme-default .category-depth {display:flex; font-size:16px;}
.theme-default .category-depth > div {}
.theme-default .category-depth > div:after {content:'>'; margin:0 4px;}
.theme-default .category-depth > div:last-child:after {content:'';}
.theme-default .category-depth > div:last-child {font-weight:bold;}

@media(max-width:468px){
    .theme-default .product-list-body .icon{width:40px; height:40px;}
    .theme-default .product-list-body .icon .cart-btn{width:40px; height:40px;}
    .theme-default .product-list-body .icon .cart-btn img{zoom:0.8;}
}

/* view */

.theme-default .circle-line {
    font-size:12px; border:1px solid #e5e5e5; border-radius:100%; width:22px; height:22px;
    line-height:20px; display:inline-block;
}
.theme-default #product-view {}
.theme-default #product-view .pv-head {padding:50px 0;}
.theme-default #product-view .pv-head img {width:auto;height:auto;max-width:100%;max-height:100%;}
.theme-default #product-view .pv-head .preview {
    border:1px solid #ccc; border-radius:30px; overflow:hidden;
    padding:0;text-align:center;position:relative;height:555px;
}
.theme-default #product-view .pv-head .preview .i {
    width:100%; height:100%; margin:auto;
    background-position:center center; background-repeat:no-repeat; background-size:cover;
}
.theme-default #product-view .pv-head .preview-list{display:none;}


/*.theme-default #product-view .pv-head .preview img {position:absolute;margin:auto;top:0;right:0;bottom:0;left:0;}*/
.theme-default #product-view .pv-head .tags {margin-bottom:10px;}
.theme-default #product-view .pv-head .name,
.theme-default #product-view .pv-head .price {font-weight:600;margin:0 0 20px 0;}
.theme-default #product-view .pv-head .price {color:#444;}
.theme-default #product-view .pv-head .price span.sale{font-size:17px; font-weight:400;}
.theme-default #product-view .pv-head .sale-per {color:#d11e2d;}
.theme-default #product-view .pv-body {min-height:400px;}
.theme-default #product-view .pv-body .tab {background:#fff;}
.theme-default #product-view .pv-body .tab-head li {text-align:center;transition:all 300ms;border:0;}
.theme-default #product-view .pv-body .tab-head li a {
    display:flex; justify-content: center; align-items: center;
    padding:0; border-bottom:1px solid #999;
    position:relative; height:44px; border-left:0;
}
.theme-default #product-view .pv-body .tab-head li a:hover,
.theme-default #product-view .pv-body .tab-head li a.active {
    font-size:18px; font-weight:bold; color:#E60012;
    border-bottom:3px solid #E60012;
}
.theme-default #product-view .pv-body .tab.fixed {position:fixed;top:0;width:100%;}
.theme-default #product-view .pv-body .rect {min-height:300px;}

.shop-pagination .pagination{justify-content:center;}

.theme-default #product-view .sum-price-rect {}
.theme-default #product-view .sum-price-rect .result-price {color:#444;}
.theme-default #product-view .btns {}
.theme-default #product-view .btns .row{width:100%; margin:0 auto;}
.theme-default #product-view .btns .row div:nth-child(2),
.theme-default #product-view .btns .row div:nth-child(3){flex:4;}
.theme-default #product-view .btns .row div:nth-child(2){margin:0 10px;}
.theme-default #product-view .btns .row div{}
.theme-default #product-view .btns span {cursor:pointer;}
.theme-default #product-view .btns span i {transition:all 300ms;}
.theme-default #product-view .btns span i.wish {color:#fe3d3e;}
.theme-default #product-view .btns .btn {height:60px;line-height:60px;padding:0;border-radius:10px;}
.theme-default #product-view .btn-add-cart {background:#fff;color:#555;border:1px solid #ccc; font-weight:600;}
.theme-default #product-view .btn-now-purchase {
    background:#E60012;color:#fff;border:1px solid #E60012; font-weight:600;
}
.theme-default #product-view .btn-add-wish {background:#fff;color:#555;border:1px solid #ccc;width:60px; transition:color 0.1ms ease-in-out, border-color 0.3ms;}
.theme-default #product-view .btn-add-wish:hover{color:#E60012;border:1px solid #E60012; transition:color 0.1ms ease-in-out, border-color 0.3ms;}
.theme-default #product-view .btn-add-wish.wish {color:#fe3d3e;}
.theme-default #product-view .line-45 {line-height:45px;}
.theme-default #product-preview-list {height:130px;padding:10px 0;}
.theme-default #product-preview-list .item {height:80px;text-align:center;}
.theme-default #product-preview-list .item img {display:inline;}
.theme-default #product-preview-list .owl-item {cursor:pointer;border:1px solid transparent;box-sizing: border-box;}
.theme-default #product-preview-list .owl-item:hover {background:#efefef;}
.theme-default #product-preview-list .owl-item.selected img:hover {}
.theme-default #product-preview-list .owl-item.selected {border:1px solid #aaa;background:#efefef;}
.theme-default #product-preview-list .owl-item.selected .item {}
.theme-default #product-preview-list .owl-stage-outer {}
.theme-default #benefit-info {width:100%;}
.theme-default #benefit-info table {
    border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;width:100%;color:#333;font-size:16px;
    /*font-family: 'Gmarket Sans', sans-serif;*/
}
.theme-default #benefit-info table tr{color:#666;}
.theme-default #benefit-info table th,
.theme-default #benefit-info table td {padding:12px 6px;border-bottom:1px solid #e5e5e5;font-weight:normal;}
.theme-default #benefit-info table td:nth-child(1) {width:20%;}
.theme-default #benefit-info table td:nth-child(2) {width:80%;}
.theme-default #benefit-info table td span{font-size:15px; color:#888;}
.theme-default .tab-body {padding:80px 0;}
.theme-default #view-content {}
.theme-default #view-content img {max-width:100%; height:auto;}

/* 상품평 */
.theme-default #view-review {}
.theme-default #view-review .point-review {
    min-height:230px; padding:30px;
    border:5px solid #F7F7F7; border-radius:30px;
    display:flex;
}
.theme-default #view-review .point-review .rect-point {
    width:40%; display:flex; justify-content: center; align-items: center; flex-direction: column;
    position:relative;
}
.theme-default #view-review .point-review .rect-point > div {}
.theme-default #view-review .point-review .rect-point > div:nth-child(1) {
    display:flex; justify-content: center; align-items:end;
}
.theme-default #view-review .point-review .rect-point > div:nth-child(1) .star {}
.theme-default #view-review .point-review .rect-point > div:nth-child(1) .ml-2{padding-bottom:8px;} 
.theme-default #view-review .point-review .rect-point > div:nth-child(2) {}
.theme-default #view-review .point-review .rect-point:after {
    content:''; position:absolute; width:1px; height:100%;
    background:#ccc; right:0;
}
.theme-default #view-review .point-review .rect-evalu {
    width:60%; padding:0; display:flex; align-items: center; justify-content: center;
}
.theme-default #view-review .point-review .rect-evalu ul {
    max-width:500px; width:100%; margin:auto;
}
.theme-default #view-review .point-review .rect-evalu li {
    display:flex; justify-content: center; align-items: center;
}
.theme-default #view-review .point-review .rect-evalu li .txt {
    flex-shrink: 0; width:120px;
}
.theme-default #view-review .point-review .rect-evalu li .progress {
    width:100%;
}
.theme-default #view-review .point-review .rect-evalu li .num {
    flex-shrink: 0; width:50px; text-align:center;
}
.theme-default #view-review .photo-review {margin-top:50px;}
.theme-default #view-review .photo-review .head {
    display:flex; align-items: flex-end;
    justify-content: space-between; margin-bottom:30px;
}
.theme-default #view-review .photo-review .body {}
.theme-default #view-review .photo-review .body ul {display:flex; justify-content: flex-start; margin:0 -10px;}
.theme-default #view-review .photo-review .body ul li{width:20%; padding:10px;}
.theme-default #view-review .photo-review .body ul li img {max-height:250px;}
.theme-default #view-review .comment-review {margin-top:50px;}
.theme-default #view-review .comment-review .head {padding:10px 0;}
.theme-default #view-review .comment-review .head a {color:#ccc; font-weight:500; margin-right:10px;}
.theme-default #view-review .comment-review .head a.active {color:#000;}
.theme-default #view-review .comment-review .body {border-top:1px solid #ccc;}
.theme-default #view-review .comment-review .body .comment {
    padding:30px 0; border-bottom:1px solid #ccc;
}
.theme-default #view-review .comment-review .body .point {
    display:flex; justify-content: flex-start; align-items: center;
}
.theme-default #view-review .comment-review .body .product {
    color:#9E9E9E;
}
.theme-default #view-review .comment-review .body .content {
    color:#272727; max-height:160px; overflow:auto;
}
.theme-default #view-review .comment-review .foot {
    text-align:center; padding-top:30px;
}

/* 상품평 & 문의글 작성 모달 */
#shopReviewModal {}
#shopReviewModal .modal-content {border-radius:0;}
#shopReviewModal .product-info {border:1px solid #ddd;padding:25px;text-align:center;margin-bottom:30px;font-size:17px;color:#999;}
#shopReviewModal .product-info .name {font-size:20px;color:#333;}
#shopReviewModal .product-info .point {margin:20px 0;}
#shopReviewModal .product-info .point .fa-star {cursor:pointer;font-size:30px;transition:all 300ms;}
#shopReviewModal textarea {height:150px;}

/* 상품문의 */
.theme-default #view-inquiry {}
.theme-default #view-inquiry .head {}
.theme-default #view-inquiry .body {}
.theme-default #view-inquiry table th {text-align:center;}
.theme-default #view-inquiry table td {text-align:center;}
.theme-default #view-inquiry table .no {width:80px;}
.theme-default #view-inquiry table .subject {}
.theme-default #view-inquiry table .end {width:140px;}
.theme-default #view-inquiry table .name {width:140px;}
.theme-default #view-inquiry table .date {width:140px;}
.theme-default #inquiry-view-row {}
.theme-default #inquiry-view-row .h {border-bottom:1px solid #000;padding:6px 10px;position:relative;}
.theme-default #inquiry-view-row .h .subject {float:left;position:absolute;left:10px;bottom:6px;font-size:20px;}
.theme-default #inquiry-view-row .h .subject.inquiry:before {content:'Q.';}
.theme-default #inquiry-view-row .h .subject.answer:before {content:'A.';}
.theme-default #inquiry-view-row .h .text-right {float:right;}
.theme-default #inquiry-view-row .con {padding:10px;margin-bottom:50px;}

/**/
#view-inquiry-lock {margin-top:40px;}
#view-inquiry-lock input.form-control {max-width:300px; margin:auto;}

/**/
#inquiry-view-read {margin-top:40px;}
#inquiry-view-read table tbody th {width:100px; font-weight:bold;}
#inquiry-view-read table tbody td {text-align:left !important;}
#inquiry-view-read .head {}
#inquiry-view-read .body {}
#inquiry-view-read .foot {margin-top:30px;}

/**/
#view-inquiry-delete {text-align:center;}
#view-inquiry-delete input.form-control[type=password] {max-width:300px;}

/* 상품정보공개고시 */
.content-info{margin-top: 50px;}
.content-info > div:nth-child(1){margin-bottom: 10px;}
.content-info > div:nth-child(3){color: #666;}
.content-info hr{display: none;}
.content-info .row{padding: 15px 0; align-items: center; border-bottom: 1px solid #ddd;}
.content-info .row > div:nth-child(1){font-weight: 600;}


.product-list-body{padding-bottom:100px;}


@media (max-width:1260px) {
    .theme-default .product-list-body .pl-body .col-3,
    .shop-review-list .col-3 {width:33.3%;flex:0 0 33.3%;max-width:33.3%;}
	.theme-default #product-view .pv-head .preview{height:40vw;}
	.theme-default #view-review .photo-review .body ul{overflow-x:scroll;}
	.theme-default #view-review .point-review .rect-point > div:nth-child(1) {display:inline-block; text-align:center;}
}

@media (max-width:1000px) {
    .theme-default .product-list-body .pl-body .col-3,
    .shop-review-list .col-3 {width:50%;flex:0 0 50%;max-width:50%;}
}

@media (max-width:960px) {
    #product{margin-bottom:40px;}
    .theme-default #product-view .pv-head {padding:0 0 30px 0;}
    .theme-default #product-view .pv-head .col {width:100%;flex:0 0 100%;max-width:100%; }
    .theme-default #product-view .pv-head .preview {margin:10px 0 20px 0; height:450px;}
    .theme-default .product-list-body .item{margin-bottom: 40px;}
    /*.theme-default .product-list-body .item .data{margin-left:0;}*/
    /*    .theme-default .product-list-body .item .data .price{margin-top:10px;}*/

}

@media (max-width:768px) {
    .shop-review-list .col-3 {width:100%;flex:0 0 100%;max-width:100%;}
    .theme-default .tab-body{padding:0;}
	.theme-default #product-view .pv-head .preview{height:100vw;}
    .theme-default #product-view .pv-head .name{font-weight:400; font-size:19px;margin: 0 0 5px 0;}
    .theme-default #product-view .pv-head .price{ font-size:22px; margin: 0 0 10px 0;}
    .theme-default #product-view .pv-body .rect{min-height: auto;}
    .theme-default .product-list-body .item .data .name a{font-size:15px;}
    .theme-default .product-list-body .item .data .price{font-size:18px;}
    .theme-default #benefit-info table{font-size:14px;}
    .theme-default #benefit-info table td {padding:8px 6px;}
    .theme-default #benefit-info table td span{font-size:14px;}

    #product{margin-bottom:60px;}
	.theme-default #view-review .point-review{flex-wrap:wrap; }
	.theme-default #view-review .point-review .rect-point{width:100%; border-bottom:1px solid #ccc;}
	.theme-default #view-review .point-review .rect-point > div:nth-child(2){margin-bottom:20px;}
	.theme-default #view-review .point-review .rect-point:after{display:none;}
	.theme-default #view-review .point-review .rect-evalu{width:100%; margin-top:20px;}
	.theme-default #view-review .point-review .rect-evalu li .txt{width:100px;}
	.theme-default #view-review .point-review .rect-evalu li .fs-17{font-size:14px;}
	
	.order-gray-box{flex-wrap:wrap;}
}

@media (max-width:700px) {


}
@media (max-width:580px) {
    #product{margin-bottom:50px;}
    .theme-default #shop-category span {padding:5px 0 5px 7px; font-size:15px; margin-left:0;}
    .theme-default #shop-category .wrap .item:before{height:17px;}
    .theme-default .product-list-body .pl-body .col-3 {width:100%;flex:0 0 100%;max-width:100%;}

    .theme-default #product-view .pv-body .tab-head {height:55px; position:relative; margin-bottom:20px;}
    .theme-default #product-view .pv-body .tab-head:before {
        content: "\f107"; display:block; position:absolute; margin:auto;
        top:0; right:5%; bottom:0; left:auto; padding:0;
        z-index:100; width:20px; height:20px; text-align:center;
        font-family: "Font Awesome 5 Free"; color:#fff; font-weight:900;
    }
    .theme-default #product-view .pv-body .tab-head ul {position:absolute; width:100%; z-index:10;}
    .theme-default #product-view .pv-body .tab-head li {width:100%; background:#fff;}
    .theme-default #product-view .pv-body .tab-head li a {border-left:1px solid #ddd;display:none;font-size:14px; color:#666;}
    .theme-default #product-view .pv-body .tab-head li a.active {display:block;font-size:14px; font-weight:500;}
    .theme-default #product-view .btns .row{}
    /*    .theme-default #product-view .btns .row > div {width:100%;flex:0 0 100%;max-width:100%;}*/
    .theme-default #product-view .btns .btn {margin:5px 0;font-size:13px; height:45px; line-height:45px;}
    .theme-default #product-view .btns .row div:nth-child(2){margin:0 5px;}
    .theme-default #product-view .btn-add-wish{width:45px;}
	.view-tab-head > div a{font-size:11px;}
	.theme-default .circle-line{width:16px; height:16px; line-height:16px; font-size:9px;}

    .theme-default #benefit-info.mb-3{margin-bottom:0.5rem !important;}
	
	.theme-default #view-inquiry table tr th{vertical-align:middle;}
	.theme-default #view-inquiry table .no{width:70px;}
	.theme-default #view-inquiry table .subject{min-width:90px;}
	.theme-default #view-inquiry table .name{max-width:80px; overflow:hidden;}
	.theme-default #view-inquiry table .date{width:120px;}
}

@media (max-width:410px) {
    .theme-default #product-view .option-group .option-name{padding-left:5px;}
    .theme-default #product-view .option-group .option-row.mx-3{margin-left:0 !important;}
    .theme-default #product-view .option-group input[type=text] {width:30px;height:30px;line-height:30px; font-size:12px;}
	.view-tab-head > div a{font-size:10px;}
	.theme-default .circle-line{width:13px; height:13px; line-height:13px; font-size:5px;}
	.theme-default #view-inquiry table{font-size:13px;}
}

@media (max-width:380px) {
    .theme-default #product-view .option-rect {padding:8px 10px;}
	
	.theme-default #view-inquiry table th{padding:0.5rem 0.15rem;}
	.theme-default #view-inquiry table .no{width:60px;}
    .theme-default #view-inquiry table .subject{min-width:100px; width:25%;}
    .theme-default #view-inquiry table .end{min-width:70px; width:25%;}
	.theme-default #view-inquiry table .name{max-width:60px; overflow:hidden;}	
}

/**/
#add-cart-success .box {
    border-radius:30px;
    max-height:320px;
}
#add-cart-success .box .head {
    border-bottom:1px solid #ccc; padding-bottom:20px;
}
#add-cart-success .box .body {padding-top:20px;}
#add-cart-success .box .body a.shop-btn {padding:10px 20px; border-radius:8px; border-color:#ccc;}
#add-cart-success .box .body a.shop-btn-success {
    background:#254D88; border-color:#254D88;
}

/* 장바구니 */
#shop-cart div.fs-34{font-weight:500;}
.cart-list {padding:0 0 10px 0;}
.cart-list .cart-item {
    padding:15px 0; display:flex; justify-content:space-between;
    align-items:center; width:100%;border-bottom:1px solid #ddd; font-size:15px;
}
.cart-list .cart-item:first-child {padding-top:0;}
.cart-list .cart-item > div {text-align:center;}
.cart-list .cart-item > div.checkbox {flex-shrink: 0; width:60px;}
.cart-list .cart-item > div.name {
    width:100%;
    display:flex; align-items: center; justify-content: center;
}
.cart-list .cart-item > div.name .rect-preview {
    margin-right:20px; width:120px; height:120px; 
    display:flex; justify-content: center; align-items: center;
    background:#F7F7F7; border-radius:10px; overflow:hidden;
}
.cart-list .cart-item > div.name .rect-preview img {max-width:100%; max-height:100%; width:100%;}
.cart-list .cart-item.cart-body > div.name {
    padding:0 40px;
}
.cart-list .cart-item.cart-body > div.name .preview {
    width:140px; flex-shrink: 0;
}
.cart-list .cart-item.cart-body > div.name .info {
    width:100%; text-align:left;
}
.cart-list .cart-item > div.payment-price {flex-shrink: 0; width:20%;}
.cart-list .cart-item > div.payment-price .total {display:none;}
.cart-list .cart-item > div.sum-price {flex-shrink: 0; width:200px;}
.cart-list .cart-item > div.delivery-price {flex-shrink: 0; width:200px;}
.cart-list .cart-item > div.ea {flex-shrink: 0; width:100px;}
.cart-list .cart-item.cart-head {
    text-align:center;  padding:15px 0; border-top:1px solid #999; color:#666; font-weight:bold;
}
.cart-list .cart-item.cart-head .preview {height:auto;}
.cart-list .opt-row {border-bottom:1px dashed rgba(0,0,0,0.1); padding:10px;}
.cart-list .opt-row:last-child {border-bottom:0;}
.cart-list .cart-item .ea-group {
    display:flex; justify-content: center; align-items: center;
}
.cart-list .cart-item .ea-group .rect-btn {
    cursor:pointer; border:1px solid #CCCCCC;
    width:25px; height:33px; background:#fff; display:flex; align-items: center; justify-content: center;
}
.cart-list .cart-item .ea.form-control {
    border-radius:0; background-color: #fff; border:1px solid #ccc; height:33px; text-align:center;
}

.cart-btns {}
.cart-btns .btn {margin-bottom:5px;}

@media(max-width:1024px){
    .cart-list {display:flex; flex-wrap:wrap; justify-content:space-between; width:100%;}
    .cart-list .cart-item.cart-head { }
    .cart-list .cart-item {}
    .cart-list .cart-item > div {}
    .cart-list .cart-item > div.preview,
    .cart-list .cart-item > div.ea {padding:5px 0;}
    .cart-list .cart-item > div:last-child {border-bottom:0;}
    .cart-list .cart-item > div.payment-price .total{display:inline-block;}
    .cart-list .cart-item .fs-16 {font-size:15px;}
    .cart-list .cart-item .font-weight-bold {font-weight:400 !important;}
    .cart-list .cart-item .ea-group{justify-content:flex-start;}
    .cart-list .opt-row{padding:5px 0;}

    .cart-list .cart-body.mobile-layout {display:flex; align-items: stretch; border-bottom:1px dashed #ccc;}
    .cart-list .cart-body.mobile-layout:last-child {border-bottom:0;}
    .cart-list .cart-body.mobile-layout > div {}
    .cart-list .cart-body.mobile-layout .left ,
    .cart-list .cart-body.mobile-layout .right {width:48%; display:flex; position:relative;}
    .cart-list .cart-body.mobile-layout .left {flex-direction: row;}
    .cart-list .cart-body.mobile-layout .right {flex-direction: column;}
    .cart-list .cart-body.mobile-layout .checkbox {width:30px; height:100%; position:absolute; display:flex; align-items: center; }
    .cart-list .cart-body.mobile-layout .preview {width:100%; height:100%; padding:0 0 0 30px;}
    .cart-list .cart-body.mobile-layout .preview .rect-preview {width:100%; height:100%; background-size:cover;}
    .cart-list .cart-body.mobile-layout .name {width:100%; text-align:left;}
    .cart-list .cart-body.mobile-layout .ea {width:100%;}
    .cart-list .cart-body.mobile-layout .payment-price {width:100%; font-weight:600;font-size: 17px;}
    .cart-list .cart-body.mobile-layout .payment-price.text-center{text-align:left !important;}

    .cart-list .cart-item.cart-body.active {background:#eee;}
    .cart-list .cart-item.cart-body.active > div {border-bottom:1px dashed #bbb;}
    .cart-list .cart-item.cart-body.active > div:last-child {border-bottom:0;}


}
@media(max-width:820px){
	.cart-list .cart-item.cart-head{word-break:keep-all;}
	.cart-list .cart-item > div.checkbox{width:40px;}
	.cart-list .cart-item.cart-head > div.name, 
	.cart-list .cart-item.cart-body > div.name{padding:0 10px; width:280px; word-break:keep-all;}
	.cart-list .cart-item.cart-body > div.name{}
	.cart-list .cart-item.cart-body > div.name .preview{width:110px;}
	.cart-list .cart-item > div.name .rect-preview{width:100px; height:100px;}
	.cart-list .cart-item.cart-body > div.name .info span.label{display:inline-block; line-height:1.3;}
	.cart-list .cart-item > div.payment-price{width:100px;}
	.cart-list .cart-item .form-control-sm{padding:0.25rem 0.25rem;}
	.cart-list .cart-item .ea.form-control{width:45px;}
	.cart-list .cart-item > div.sum-price{width:100px;}
	.cart-list .cart-item > div.delivery-price{width:8%;}
	
	#total-sum-price .price span.fs-42{font-size:36px;}

}
@media(max-width:768px){
    #svb{margin-bottom:40px;}
    #shop-cart div.fs-34{font-size:28px;}
		
    .cart-btns{font-size:13px;}
    .cart-btns .btn-gray{font-size:13px;}

    .cart-btns .btn-line,
    .cart-btns .btn-green{width:46%; font-size: 14px; height: 45px; line-height: 45px; margin: 0 2px;}

    .cart-btns.order{margin:40px 0;}
}
@media(max-width:430px){
	.cart-list .cart-item.cart-head{border-top:0;}
	.cart-list .cart-item.cart-head > div{display:none; }
	.cart-list .cart-item{border-bottom:1px solid #bbb;}
	.cart-list .cart-item.cart-body{flex-wrap:wrap;}
	.cart-list .cart-item.cart-body > div.name{padding:0 8px; min-width:unset; width:95%;}
	.cart-list .cart-item.cart-body > div.name{align-items:start; border-bottom:1px solid #eee; padding-bottom:20px;}
	.cart-list .cart-item > div.checkbox{width:auto; margin-right:-20px;}
	.cart-list .cart-item > div.checkbox .custom-control{display:flex; justify-content:end;}
	.cart-list .cart-item.cart-body > div.name .preview{width:110px; }
	.cart-list .cart-item > div.name .rect-preview{width:100px; height:100px; margin-right:0;}
	.cart-list .cart-item > div.payment-price{min-width:unset; width:50%; display:flex; flex-wrap:nowrap; justify-content:space-between; align-items:center; margin-left:5%;}
	
	.cart-list .cart-item .ea.form-control{width:40px;}
	.cart-list .cart-item > div.sum-price{width:100px;}
	.cart-list .cart-item.cart-body > div.name .info span.label{font-size:65%;}
	
	.cart-list .cart-item > div.delivery-price{width:13%;}
	
	.cart-list .cart-item > div.ea{width:55px;}
	
	#order-product-list .cart-list .cart-item.cart-body > div.name{ width:100%;}
	#order-product-list .cart-list .cart-item > div.payment-price{width:35%;}
}
@media(max-width:390px){
	.cart-list .cart-item > div.checkbox{margin-right:-10px;}
}

/**/
#total-sum-price {
    border:5px solid #F7F7F7; padding:45px; margin-top:50px;
    border-radius:20px; display:flex; justify-content: center;
    text-align:center; align-items:center;
}
#total-sum-price .sum {}
#total-sum-price .sum .price {}
#total-sum-price .sum .ea {}
#total-sum-price .equal,
#total-sum-price .plus {
    display:flex; justify-content: center; align-items: center;
    padding:0 30px; font-size:30px;
}
#total-sum-price .delivery {}
#total-sum-price .delivery .price {}
#total-sum-price .result {}
#total-sum-price .result .price {color:#254D88;}
#total-sum-price .price {}
#total-sum-price .price span {font-weight:bold; margin-right:4px;}

.btn-order {
    background:#254D88; color:#fff; font-size:15px;
    padding:15px 50px; border-radius:10px;
}
@media(max-width:430px){
	#total-sum-price{padding:20px; }
	#total-sum-price .price span.fs-42{font-size:17px;}
	#total-sum-price .equal, #total-sum-price .plus{padding:0 15px; font-size:20px;}
	#total-sum-price > div > div:nth-child(2){font-size:12px;}

}
@media(max-width:390px){
	#total-sum-price{padding:10px;}
	#total-sum-price .equal, #total-sum-price .plus{padding:0 8px; font-size:17px;}
}


/**/
#popup-address {font-size:16px;}
#popup-address .head {background:#254D88; color:#fff; font-size:18px; font-weight: bold;}
#popup-address .addr {padding:12px 8px; border-bottom:1px solid #ddd; transition:all 400ms;}
#popup-address .addr:hover {background:#eee; cursor:pointer;}
#popup-address .addr .subject {}
#popup-address .addr .subject .su {font-size:18px;}
#popup-address .addr .subject .da {font-size:13px; color:#254D88;}
#popup-address .addr .tel {font-size:14px;}
#popup-address .addr .message {font-size:14px;}

/**/
#delivery-type {}
#delivery-type .rect {border-top:1px solid #000; border-bottom:1px solid #000; padding:10px; display:flex;}
#delivery-type .rect > div {width:30%; margin-right:3%;}

/**/
#order-pay {}
#order-pay .rect {border-top:1px solid #000; border-bottom:1px solid #000; padding:10px; display:flex;}
#order-pay .rect > div { margin-right:3%;}
#order-pay input {width:0; height:0; opacity: 0;}
#order-pay label {
    cursor:pointer; border:1px solid #666;
    border-radius:15px; color:#444444;
    width:200px; height:150px; display:flex; flex-direction: column;
    align-items: center; justify-content: center;
}
#order-pay label svg {margin-top:10px;}
#order-pay label.active {
    background:#254D88; color:#fff;
    border-color:#254D88;
}
#order-pay label.active svg path {stroke:#fff;}

@media(max-width:430px){
	#order-pay .rect > div{width:31%;}
	#order-pay .rect > div:last-child{margin-right:0;}
	#order-pay label {width:100%; height:110px;}
	#order-pay label svg{width:40%; height:55px; margin-top:0;}
	#delivery-type .rect > div {width:40%;}
}

/* 교환/반품안내, 환불안내 */
.view_noti{font-size: 14px; color: #666;}
.product_noti{}
.product_noti li{ padding-top: 5px;}
.product_noti li>ul{ padding-left: 20px; padding-top: 10px; font-weight: 700;}
.product_noti li>ul>li{ padding-left: 20px; line-height: 180%; font-weight: normal;}

/**/
.view-tab-head {
    display:flex; margin:100px 0 40px 0;
    width:100%; justify-content: space-between;
}
.view-tab-head > div {
    position:relative; width:20%; text-align:center;
}
.view-tab-head > div a {
    display:block; padding:8px; text-align:center;
    border-bottom:2px solid transparent;
    position:relative; z-index:10; font-weight:bold;
}
.view-tab-head > div a:before {
    content:''; position:absolute; width:100%; height:1px;
    background:#D9D9D9; left:0; bottom:0; z-index:0;
}
.view-tab-head > div a.active {color:#E60012;}
.view-tab-head > div a.active:before {
    background:#E60012; height:2px;
}