// main: ../../ga-fabricfarm.less

/***** styled checkbox *****/
.styled-checkbox {
    .poA;opacity:0;
    & + label{.poR;.pointer;padding:0;color:@66;.f13;}
    & + label:before{content:'';margin-right:7px;.dpinblock;vertical-align:text-top;width:18px;height:18px;background-color:#9d9d9d;}
    &:hover + label:before{background-color:#6d6d6d;}
    &:focus + label:before{box-shadow:none;} 
    &:checked + label:before{background-color:@link-hover-color;}
    &:disabled + label:before{background-color:#f1f1f1;cursor:auto;box-shadow:none;}
    &:checked + label:after{content:'';.poA;left:3px;top:8px;.bg-white;width:3px;height:3px;box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white;-webkit-transform: rotate(45deg);transform: rotate(45deg);}
}
.styled-radio {
    .poA;opacity:0;
    & + label{.poR;.pointer;padding:0;color:@66;.f13;}
    & + label:before{content:'';margin-right:7px;.dpinblock;vertical-align:text-top;width:18px;height:18px;background-color:#9d9d9d;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;}
    &:hover + label:before{background-color:#6d6d6d;}
    &:focus + label:before{box-shadow:none;} 
    &:checked + label:before{background-color:@link-hover-color;}
    &:disabled + label:before{background-color:#f1f1f1;cursor:auto;box-shadow:none;}
    &:checked + label:after{content:'';.poA;left:6px;top:6px;.bg-white;width:6px;height:6px;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;}
}

/***** count *****/
.count{color:@66;height:31px;padding-left:1px;
    .number{width:50px;}
    .minus, .number, .add{.f14;.taC;height:30px;line-height:30px;.fL;border:1px solid #d1d1d1;margin-left:-1px;}
    .minus, .add{width:30px;cursor:pointer;-webkit-user-select:none;.f18;}
    .number{width:50px;}
    .minus:hover, .add:hover{background-color:#f1f1f1;color:@00;}
}
 
/* 현재위치 SELECT BOX */
.selectBox{width:140px;.dpinblock;.f14;.poR;z-index:90;.vaM;
    .selected,.selectArrow,.selectOptions span{.pointer;}
    .selected{.fL;}
    .selectArrow{.fR;.bg-white;width:30px;height:29px;.poR;.bdrL;.bdrB;
        &:active{background-position:6px 16px;}
        &:after{content:'';.bgi(url('@{images}/contents/goods_view.png'));.bgpo(0,0);.poA;.fwB;.radius(3px);width:30px;height:29px;pointer-events:none;z-index:2;}
    }
    .selectBoxTop{.bg-white;.bdrA;height:30px;line-height:30px;.poR;z-index:90;padding-left:10px;.pointer;}
    .selectOptions{.poA;.bg-white;.bdrA;left:0;top:29px;width:140px;.dpnone;z-index:90;
        span{.dpblock;line-height:30px;padding-left:10px;.bdrB;}
        span:last-of-type{.bdrN;}
        span:hover{background:#333;color:@ff;}
    }
}

/* 현재위치 SELECT BOX 100% */
.selectBox100{.w100p;.dpinblock;.f14;.poR;.vaM;
    .selected100,.selectArrow100,.selectOptions100 span{.pointer;}
    .selected100{.fL;.ellipsis;.w100p;.dpblock;}
    .selectArrow100{.bg-white;width:30px;height:29px;.poA;.bdrL;.bdrB;right:0;top:0;
        &:active{background-position:6px 16px;}
        &:after{content:'';.bgi(url('@{images}/contents/goods_view.png'));.bgpo(0,0);.poA;.fwB;.radius(3px);width:30px;height:29px;pointer-events:none;z-index:2;}
    }
    .selectBoxTop100{.bg-white;.bdrA;height:30px;line-height:30px;.poR;z-index:90;padding:0 45px 0 10px;.pointer;}
    .selectOptions100{.poA;.bg-white;.bdrA;left:0;top:29px;.w100p;.dpnone;z-index:1000;
        .selectOption100{.ellipsis;.dpblock;.w100p;}
        span{.dpblock;line-height:30px;padding-left:10px;.bdrB;}
        span:last-of-type{.bdrN;}
        span:hover{background:#333;color:@ff;}
    }
}

/* Pagination 
.goods_list_MD .pagination{.w100p;.taC;} */

//***** 상품목록 *****//
ul.goods-list {
    li {
        .opacity(100);
    }
}
.goods_list_wrap{.w100p;min-width:320px;margin:20px 0;
    &:after{.after;}
    ul, li, dl, dt, dd, ol{list-style:none;margin:0;padding:0;}
    h1, h2, h3, h4, h5, form, fieldset, p, button{margin:0;}
}
.goods_list{.w100p;margin-top:20px;
    &:after{.after;}
}
.goods_list_wrap {
    .btn-board {
        margin-bottom: 20px;
    }
}
/* 상품목록 > navigation */
.goods_list_nav{.w100p;margin-bottom:20px;border:2px solid #d1d1d1;padding:0 15px 0 0;
    &:after{.after;}
}
@media (min-width:800px){
    .goods_list_nav{
        h2{.fL;line-height:30px;color:@00;.f16;.fwB;margin-right:30px;background-color:#f5f5f5;.taC;padding:10px 20px;}
        .nav{.fL;height:30px;.poR;margin-top:10px;
            .navBoxTop{.dpnone;.hidden;}
            .selected,.selectArrow{.dpnone;.hidden;}
            .navOptions{.fL;.dpblock;
                span{.fL;margin:0 8px 0 0;.f13;color:@66;.bgi(url('@{images}/contents/vline.png'));.bgpo(right,9px);padding-right:9px;line-height:30px;
                    &.active{
                        a{color:@link-hover-color;.fwB;}
                    }
                    &:last-of-type{.bgnone;padding-right:0;}
                    img {.dpinblock;.bg-black;.radius(50%);.oh; width:30px; height:30px;.vaM; margin-right:5px;}
                }
            }
        }
    }
}
@media (max-width:799px){
    .goods_list_nav{padding:0 15px 10px 15px;
        h2{.w100p;line-height:30px;color:@00;.f16;.fwB;.taC;}
        .nav{.fL;.w100p;.dpinblock;.f14;.poR;z-index:100;.vaM;
            .selected,.selectArrow,.arrangeOptions span{.pointer;}
            .selected{.fL;}
            .selectArrow{.fR;.bg-white;width:30px;height:29px;.poR;.bdrL;.bdrB;
                &:active{background-position:6px 16px;}
                &:after{content:'';.bgi(url('@{images}/contents/goods_view.png'));.bgpo(0,0);.poA;.fwB;.radius(3px);width:30px;height:29px;pointer-events:none;z-index:2;}
            }
            .navBoxTop{.bg-white;.bdrA;height:30px;line-height:30px;.poR;z-index:100;padding-left:10px;.pointer;}
            .navOptions{.poA;.bg-white;.bdrA;left:0;top:29px;.w100p;.dpnone;z-index:100;
                span{.dpblock;line-height:30px;padding-left:10px;.bdrB;
                    a{.dpblock;}
                }
                span:last-of-type{.bdrN;}
                span:hover{.bg-white;color:@link-hover-color;}
            }
        }
    }
}

/* 상품목록 > 검색 */
.goods_list_search {
    margin-top:20px;
    overflow: hidden;
    .bdrA;
    label.control-label {
        margin: 0 20px;
        line-height: 34px;
    }
    .goods-color-palettes {
        .btn {
            margin-left: 0;
        }
        .btn i.fa {    			
            opacity: 0;				
        }
        .btn.active i.fa {				
            opacity: 1;				
        }
        .btn i {
            color: #fff;
            text-shadow: 0px 0px 3px #000;
        }
    }
    .goods_search{
        input[type="text"]{height:34px;line-height:34px;padding:0 12px;.bg-white;color:@33;.f14;.transition(color 0.4s);.vaM;margin:0 0 0 -1px;
        }
        .btn{background-color:#00907f;border:1px solid #00907f;color:#fff !important;.transition(all 0.4s);.vaM;
            &:hover{background-color:#00685c;border:1px solid #00685c;}
        }
    }
}

@media (max-width:767px) {
    .goods_list_search{
        .goods-color-palettes {
            .btn-md {width:30px;height:30px;padding:6px 8px;
            }
        }
        .goods_search{.w100p;.poR;
            text-align: left !important;
            input[type="text"]{margin-top:8px;padding-right:-60px; width:80%;}
            .btn{.poA;top:42px;right:0;width:20%;height:34px;line-height:34px;.taC;padding:0;}
        }
    }
}
@media (max-width:1199px) {
    .goods_list_search{
        padding: 10px 10px;
        text-align: center;
        .goods_search{
            text-align: center;
            margin-top: 10px;
            select {.bdrA;}
            input[type="text"]{.bdrA;}
        }
    }
}
@media (min-width:1200px) {
    .goods_list_search{
        padding: 10px 10px;
        text-align: center;
        .goods_search{
            text-align: center;
            margin-top: 10px;
            select {.bdrA;}
            input[type="text"]{.bdrA;}
        }
    }
}

/* 상품목록 > 정렬 */
.goods_list_TP{.w100p;margin-bottom:20px;
    &:after{.after;}
    .total{color:@66;.f13;
        span{color:@00;.fwB;}
    }
    .arrange{.taL;}
}
@media (min-width:600px){
    .goods_list_TP{
        .total{.fL;}
        .arrange{.fR;
            .arrangeBoxTop{.dpnone;.hidden;}
            .selected,.selectArrow{.dpnone;.hidden;}
            .arrangeOptions{.fL;.dpblock;
                span{.fL;margin:0 8px 0 0;.f13;color:@66;.bgi(url('@{images}/contents/vline.png'));.bgpo(right,4px);padding-right:9px;
                    &.active{
                        a{color:@link-hover-color;.fwB;}
                    }
                    &:last-of-type{.bgnone;padding-right:0;}
                }
            }
        }
    }
}
@media (max-width:599px){
    .goods_list_TP{.taC;
        .total{.fL; margin-top:8px;}
        .arrange{.fR;width:150px;.dpinblock;.f14;.poR;z-index:80;.vaM;
            .selected,.selectArrow,.arrangeOptions span{.pointer;}
            .selected{.fL;}
            .selectArrow{.fR;.bg-white;width:30px;height:29px;.poR;.bdrL;.bdrB;
                &:active{background-position:6px 16px;}
                &:after{content:'';.bgi(url('@{images}/contents/goods_view.png'));.bgpo(0,0);.poA;.fwB;.radius(3px);width:30px;height:29px;pointer-events:none;z-index:2;}
            }
            .arrangeBoxTop{.bg-white;.bdrA;height:30px;line-height:30px;.poR;z-index:100;padding-left:10px;.pointer;}
            .arrangeOptions{.poA;.bg-white;.bdrA;left:0;top:29px;width:150px;.dpnone;z-index:100;
                span{.dpblock;line-height:30px;padding-left:10px;.bdrB;}
                span:last-of-type{.bdrN;}
                span:hover{.bg-white;color:@link-hover-color;}
            }
        }
    }    
}

// carousel products
.carousel-products {
    margin-top: 40px;
    .carousel-products-box {
        border:1px solid @box-border;
        padding: 15px;
    }
    .product-head {
		position: relative;
        padding-bottom: 20px;
		h3 {
			font-size: 16px;
			font-weight: 400;
			& strong {
                font-size: 18px;
				font-weight: 700;
			}
		}
		.controls {
			position: absolute;
			top: 0;
			right: 0;
		}
    }
    .team_columns_carousel_wrapper {
        overflow: hidden
    }
    .four_shows_one_move .cloneditem-1,
    .four_shows_one_move .cloneditem-2,
    .four_shows_one_move .cloneditem-3 {
        display: none
    }
    /* 이미지 필터 효과 
    .team_columns_item_image img {
        width: 100%;
        -webkit-filter: grayscale(70%);
        -moz-filter: grayscale(70%);
        -ms-filter: grayscale(70%);
        -o-filter: grayscale(70%);
        filter: grayscale(70%);
        -webkit-transition: all ease-in-out .3s;
        -moz-transition: all ease-in-out .3s;
        -ms-transition: all ease-in-out .3s;
        -o-transition: all ease-in-out .3s;
        transition: all ease-in-out .3s
    }
    .team_columns_item_image:hover img {
        -webkit-filter: grayscale(0%);
        -moz-filter: grayscale(0%);
        -ms-filter: grayscale(0%);
        -o-filter: grayscale(0%);
        filter: grayscale(0%)
    } */
    //상품 간격 수정
    .goods_list_wrap {
        min-width: inherit;
        margin: 0 0 !important;
        .goods_list {
            margin-top:0 !important;
            .goods_list_MD {
                margin-bottom:0 !important;
                ul.goods_list_ul {
                    .goods_list_li {
                        margin-bottom:0 !important;
                    }
                }
            }
        }
    }
}
@media all and (min-width: 768px) {
    .carousel-products {
        .four_shows_one_move .carousel-inner .cloneditem-1 {
            display: block;
        }
    }
}
@media all and (min-width: 992px) {
    .carousel-products {
        .four_shows_one_move .carousel-inner .cloneditem-1,
        .four_shows_one_move .carousel-inner .cloneditem-2 {
            display: block;
        }
    }
}
@media all and (min-width: 1200px) {
    .carousel-products {
        .four_shows_one_move .carousel-inner .cloneditem-1,
        .four_shows_one_move .carousel-inner .cloneditem-2,
        .four_shows_one_move .carousel-inner .cloneditem-3 {
            display: block;
        }
    }
}


/* 상품목록 > 목록 */
.goods_list_MD{.w100p;margin-bottom:20px;
    &:after{.after;}
    .goods_list_ul{
        &:after{.after;}
    }
    ul.goods_list_ul {
        margin-right: -15px;
        margin-left: -15px;
    }
    ul.goods_list_ul li.goods_list_li {
        padding-right: 15px;
        padding-left: 15px;
        margin-bottom: 30px;
    }
    .goods_list_li{.fL;.poR;
        a.outlink{.w100p;padding:5px;.dpblock;background:transparent;border:1px solid @box-border;.tdnone;color:inherit;.poR;
            &:after{.after;}
            &:hover + .overbox{opacity:1;}
        }
        &:hover a.outlink{border:1px solid @33;
            transition: all 0.1s ease 0s;}
        dl{.w100p;.dpblock;.poR;
            dd.thumb{.taC;.oh;.bg-black;.taC;
                img{.w100p;height:auto;}
                .new{width:24px;height:24px;.dpblock;.bgi(url('@{images}/contents/goods_list.png'));.bgpo(-50px,0);.poA;right:15px;top:15px;}
            }
            dt{.w100p;padding:15px 10px 0 10px;color:@00;.f14;.ellipsis;}
            dd.price{.w100p;.f15;.fwB;padding:0 10px 10px 10px;
                span.product-pre-price {
                    margin-right: 10px;
                    font-size: 10px;
                    color: @second-color;
                    text-decoration: line-through;
                }
            }
            dd.designer{.w100p;padding:0 0 10px 10px;line-height:1.5em;.f13;.poR;}
            dd.designer {
                .profile, .designer-info {
                    display: inline-table;
                }
                .profile {
                    position: relative;
                    margin-right: 5px;
                    img {
                        width: 50px;
                        height: 50px;
                        vertical-align: middle;
                        max-width: 50px;
                        max-height: 50px;
                        -webkit-border-radius: 50%;
                        -moz-border-radius: 50%;
                        border-radius: 50%;
                        border: 5px solid rgba(255, 255, 255, 1);
                    }
                }
                .designer-info {
                    vertical-align: middle;
                    h4.title {
                        font-weight: 700;
                        font-size: 14px;
                        font-family: "NanumBarunGothicBold"
                    }
                    p.sub-title {
                        margin: 0;
                        color: @second-color;
                    }
                    .shortcut {
                        position: absolute;
                        bottom:20px;
                        right: 10px;
                        button {
                            padding: 1px 5px;
                        }
                    }
                }
            }
        }
        .overbox {.poA;.w100p;.taC;
            .transition(all 200ms ease-in);
            z-index:10;
            background:transparent;
            top: 40%;
            left: 50%;
            margin-left: -50%;
            opacity:0;
            & .btn {
                text-align: center;
            }
            & .btn-circle.btn-xl {
                width: 70px;
                height: 70px;
                font-size: 24px;
                border-radius: 50%;
                background: rgba(0, 0, 0, 0.8);
                color: #fff;
                padding: 10px 0 0 0;
                margin: 0 10px;
                &:hover {
                    background: rgba(0, 0, 0, 1); 
                }
            }
            & span {
                display: block;
                font-size: 12px;
                margin-top: 5px;
            }
            &:hover {
                opacity:1;
            }
        }
    }
}
@media (min-width:992px){
}
@media (min-width:700px) and (max-width:991px){
}
@media (min-width:450px) and (max-width:699px){
}
@media (max-width:449px){
    .goods_list_li{margin-bottom:10px;margin-top:-1px !important;
        a.outlink{.bdrA !important;}
        &:hover a.outlink{border:1px solid @33 !important;z-index:9;}
    }
}

//***** 상품상세 *****//
.goods_view_wrap{.w100p;min-width:320px;margin:20px 0;
    &:after{.after;}
    ul, li, dl, dt, dd, ol{list-style:none;margin:0;padding:0;}
    h1, h2, h3, h4, h5, form, fieldset, p, button{margin:0;}

    span.pre-price {
        margin-right: 5px;
        font-size: 11px;
        color: @second-color;
        text-decoration: line-through;
    }
}
.goods_view_TP{.w100p;margin-bottom:40px;
    &:after{.after;}
}
.goods_view_MD{.w100p;margin-bottom:20px;
    &:after{.after;}
}
.goods-view-FT{.w100p;
    &:after{.after;}
}

/* 상품상세 > 공통 */
.h00{clear:both;font-size:0;line-height:0;width:100%;height:0}
.h10{clear:both;font-size:0;line-height:0;width:100%;height:10px;}
.h20{clear:both;font-size:0;line-height:0;width:100%;height:20px;}
.h30{clear:both;font-size:0;line-height:0;width:100%;height:30px;}
.h40{clear:both;font-size:0;line-height:0;width:100%;height:40px;}
.h50{clear:both;font-size:0;line-height:0;width:100%;height:50px;}
.list-01{.w100p;
    &:after{.after;}
    li{.w100p;color:@66;padding:0 0 0 10px;.poR;line-height:1.5em;
        i{.poA;left:0;width:3px;height:3px;.radius(50%);background-color:@link-hover-color;.hidden;}
    }
}
.list-02{.w100p;
    &:after{.after;}
    li{.w100p;color:@66;padding:0 0 0 10px;.poR;line-height:1.5em;
        i{.poA;left:0;width:3px;height:3px;.radius(50%);background-color:@00;.hidden;}
    }
}
@media (min-width:600px){
    .list-01{
        li{margin-bottom:5px;.f14;
            i{top:9px;}
        }
    }
    .list-02{
        li{margin-bottom:5px;.f14;
            i{top:9px;}
        }
    }
}
@media (max-width:599px){
    .list-01{
        li{margin-bottom:3px;.f13;
            i{top:8px;}
        }
    }
    .list-02{
        li{margin-bottom:3px;.f13;
            i{top:8px;}
        }
    }
}

/* 상품상세 > 상품이미지 */
.goods_img{
    .img_canvas{
        .buttons {
            h5 {display: inline-block;vertical-align:middle;margin-right:15px;}

            .tile-types {
                vertical-align: middle;

                .btn-motif.active {
                    color: #fff;
                    background-color: #55657c;
                    border-color: #4c5c74;
                }
                .btn-motif {
                    color: #333333;
                    background-color: #ffffff;
                    border-color: @btn-border;
                }
                .btn-motif:hover {
                    color: #fff;
                    background-color: #55657c;
                    border-color: #4c5c74;
                }
            }
            
            .tile-sizes {
                margin-top: 15px;

                .myfabric-size {
                    vertical-align: middle;
                    display: inline-block;
                    input {width: 60px;}
                    span {font-weight: bold;}
                    .size-caption {font-size: 12px; margin-top: 6px; color: rgb(253, 52, 1);}
                }
            }

            
            @media (max-width:599px) {
                h5 {display: block;margin-bottom:5px;}
            }
        }
    }
    .img_zoom{
        img{width:100%;height:auto;border:1px solid @img-border-color;}
    }
    .img_thumb{
        ul{.w100p;
            &:after{.after;}
            img{width:100%;height:auto;}
            li.active{border:1px solid @00;}
        } 
        img{border:1px solid @img-border-color;}
    }
}
@media (min-width:992px){
    .goods_img{width:55%;.fL;padding-right:20px;
        .img_zoom{width:80%;.fL;}
        .img_thumb{width:20%;.fR;padding-left:20px;
            ul{
                li{.w100p;margin-bottom:10px;}
            }
        }
    }
    .goods_info{width:45%;.fR;padding-left:20px;
    }
}
@media (max-width:991px){
    .goods_img{width:100%;.fL;margin-bottom:15px;
        .img_zoom{width:80%;.fL;}
        .img_thumb{width:20%;.fR;padding-left:20px;
            ul{
                li{.w100p;margin-bottom:10px;}
            }
        }
    }  
    .goods_info{width:100%; clear: both;}  
}
.goods_info{
    .ttl{.w100p;border-bottom:1px solid #9098a4;;.poR;padding-right:40px;
        .no{.f13;color:@66;margin-bottom:10px;}
        h4{color:@00;margin-bottom:15px;.fwB;}
        .exp{.f13;color:@66;margin-bottom:15px;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 1; /* 라인수 */
            -webkit-box-orient: vertical;
            word-wrap: break-word;
        }
        /* .share{.poA;right:0;top:0;z-index:100;.f20;.fwN;} */
        .social-share {margin:0; padding: 0;
            .poA;right:0;top:0;z-index:100;
            > .btn {
                padding: 0;
                font-weight: 400;
                text-align: center;
                border: 0;
                border-radius: 0;
            }
            > .btn-default,
            > .dropdown-toggle {
                color: #333;
                background-color: none;
                border-color: none;
            }
            > .btn-default:hover,
            > .dropdown-toggle:hover {
                color: #333;
                background-color: none;
                border-color: none;
            }
            > .open > .dropdown-toggle.btn-default.focus, 
            > .open>.dropdown-toggle.btn-default:hover {
                color: #333;
                background-color: none;
                border-color: none;
            }
            ul.dropdown-menu {
                min-width: inherit;
                width: inherit;
                font-size: 16px;
                left: 0;
                li > a {
                    text-align: center;
                    padding: 6px 8px;
                }
            }
            .btn-twitter {
                background-color: #3399CC !important;
                color:#FFFFFF!important;
            }
            .btn-facebook {
                background-color: #3D5B96 !important;
                color:#FFFFFF!important;
            }
            .btn-google {
                background-color: #DD3F34 !important;
                color:#FFFFFF!important;
            }
            .btn-pinterest {
                background-color: #CC1E2D !important;
                color:#FFFFFF!important;
            }
        }   
    }
    @media (max-width : 320px) {
        #socialHolder{
            padding-left:5px;
            padding-right:5px;
        }
        #socialShare{
            margin-left:5px;
            margin-right:5px;
        }
    }
    .price{.w100p;padding:15px 0 10px 0;border-bottom:1px solid #9098a4;
        &:after{.after;}
        ul{.w100p;
            &:after{.after;}
            li{.w100p;
                &:after{.after;}
                h5{.fwB;color:@44;.fL;line-height:25px;}
                p{color:@66;.taR;.fR;line-height:25px;
                    span{color:@00;.fwB; font-weight:700;font-family:"NanumBarunGothicBold"}
                }
            }
        }
    }
    .options{.w100p;border-bottom:1px solid #9098a4;
        &:after{.after;}
        .option{.w100p;.poR;
            &:after{.after;}
            ul{.w100p;padding-top:2px;
                li{.w100p;margin:3px 0;}
            }
        }
        .title{color:@44;}
        .inp{.w100p;}
        .option-btn{.bg-33;color:@ff;.tdnone;}
        .count-btn{.bg-33;color:@ff;.f12;.tdnone;
            i{.dpinblock;}
        }
        .goods-input-form {
            height: 30px;
            border: 1px solid #d5d5d5;
            background-color:#fff;
            line-height: 30px;
            position: relative;
            padding: 0 10px;
        }
    }
    .sum{.w100p;
        &:after{.after;}
        h3{.fwB;color:@44;.fL;line-height:30px;}
        p{color:@66;.taR;.fR;line-height:30px;
            span{color:@00;.fwB;font-weight:700;font-family:"NanumBarunGothicBold"}
        }
    }
    .bttns{.w100p;padding:0 0 15px 0;border-bottom:1px solid #9098a4;
        &:after{.after;}
        a,button{.dpblock;.taC;.radius(3px);.tdnone;
            &.bttn-buy{.w100p;background-color:#55657c;color:@ff;.f15;margin-bottom:10px;}
            &.bttn-cart{width:49%;.fL;.bg-white;color:@66;.f15;border:1px solid #9098a4;}
            &.bttn-wish{width:49%;.fR;.bg-white;color:@66;.f15;border:1px solid #9098a4;}
        }
    }
    .bttns.border-none {border-bottom:none;}
    .plus{.w100p;padding:15px 0;
        li{color:@66;.f13;padding:0 0 5px 7px;line-height:1.5em;.poR;
            i{.black-dot;}
        }
    }
}
@media (min-width:992px){
    .goods_info{width:45%;.fR;padding-left:20px;
        .ttl{
            h1{.f20;line-height:1.4em;}
        }
        .price{padding:15px 0 10px 0;
            h3{.f16;}
            li{margin-bottom:5px;}
            p{.f16;
                span{.f20;}
            }
        }
        .options{padding:15px 0 10px 0;
            .option{padding:0 90px 5px 70px;min-height:30px;}
            .title{.poA;left:0;top:0;.f14;line-height:30px;}
            .option-btn{.poA;right:0;top:0;padding:0 15px;line-height:30px;}
            .count-btn{.fL;margin-left:10px;.f12;padding:0 10px;line-height:30px;
                i{margin-right:5px;}
            }
        }
        .sum{padding:15px 0;
            h3{.f18;}
            p{.f18;
                span{.f24;}
            }
        }
        .bttns{
            a,button{line-height:50px;padding:0;}
        }
    }
}
@media (min-width:500px) and (max-width:991px){
    .goods_info{width:100%;
        .ttl{
            h1{.f20;line-height:1.4em;}
        }
        .price{padding:15px 0 10px 0;
            h3{.f16;}
            li{margin-bottom:5px;}
            p{.f16;
                span{.f20;}
            }
        }
        .options{padding:15px 0 10px 0;
            .option{padding:0 90px 5px 70px;min-height:30px;}
            .title{.poA;left:0;top:0;.f14;line-height:30px;}
            .option-btn{.poA;right:0;top:0;padding:0 15px;line-height:30px;}
            .count-btn{.fL;margin-left:10px;.f12;padding:0 10px;line-height:30px;
                i{margin-right:5px;}
            }
        }
        .sum{padding:15px 0;
            h3{.f18;}
            p{.f18;
                span{.f24;}
            }
        }
        .bttns{
            a,button{line-height:50px;padding:0;}
        }
    }
}
@media (max-width:499px){
    .goods_info{width:100%;
        .ttl{
            h1{.f18;line-height:1.4em;}
        }
    }
    .price{padding:10px 0 5px 0;
        h3{.f14;}
        li{margin-bottom:2px;}
        p{.f14;
            span{.f18;}
        }
    }
    .options{padding:10px 0 5px 0;
        .option{padding:0 0 5px 0;min-height:30px;}
        .title{.f14;line-height:30px;color:#00a0b0 !important;padding-bottom:5px;}
        .option-btn{.poA;right:0;top:0;padding:0 15px;line-height:30px;}
        .count-btn{.fL;margin-left:10px;.f12;padding:0 10px;line-height:30px;
            i{margin-right:5px;}
        }
    }
    .sum{padding:10px 0;
        h3{.f15;}
        p{.f15;
            span{.f20;}
        }
    }
    .bttns{
        a,button{
            &.bttn-buy{line-height:40px;}
            &.bttn-cart{line-height:35px;}
            &.bttn-wish{line-height:35px;}
            padding:0;
        }
    }
}


/* 상품상세 > 디자이너 */
.goods_view_MD {
    .designer_title {.w100p;margin-bottom:15px;
        &:after {.after;}
        p {.fL;.f14;
            i{width:40px;height:40px;.radius(50%);.vaM;.dpinblock;margin-right:10px;.oh;}
            a{.dpinblock;margin-left:10px;line-height:24px;.f12;color:@66;.radius(3px);padding:0 10px;.bdrA;.tdnone;
                &:hover{background-color:#f1f1f1;color:@33;}
            }
        }
        ul {
            li {.fL;margin-left:15px;
                a {color:@66;
                    i {margin-left:5px;font-size:10px;.vaM;}
                    &:hover{color:@33;}
                }
            }
        }    
    }
    .designer_contents{.w100p;
        &:after {.after;}
        ul {.w100p;
            &:after {.after;}
            li {.fL;
                i {.w100p;height:180px;.dpblock;}
                span {.w100p;.taC;.bg-white;line-height:40px;color:@33;.f12;.ellipsis;}
            }
            li img {border: 1px solid @img-border-color;}
        }
    }
}
@media (min-width:600px){
    .goods_view_MD{
        .designer_title{
            ul{.fR;margin-top:10px;
                li{.fL;margin-left:15px;
                    a{.f14;}
                }
            }
        }
        .designer_contents{
            li{width:23.5%;margin-right:2%;
                &:nth-child(4){margin-right:0;}
            }    
        }      
    }
}
@media (max-width:599px){
    .goods_view_MD{
        .designer_title{
            ul{.fL;margin-top:10px;
                li{.fL;margin-right:15px;margin-left:0;
                    a{.f13;}
                }
            }
        }
        .designer_contents{
            li{width:48%;margin-right:4%;margin-bottom:4%;
                &:nth-child(2){margin-right:0;}
                &:nth-child(4){margin-right:0;}
            }    
        }      
    }
}

/* 상품상세 > 탭메뉴 */
.goods-tab-w{
    .tabs{
        &:after{.after;}
    }
    .tabs__list{.w100p;padding-left:1px;min-height:41px;
        &:after{.after;}
        .tabs__item, .tabs__item2 {.dpinblock;.vaT;.fL;margin-left:-1px;
            .tabs__link{.poR;.dpblock;background-color:#f5f5f5;border:1px solid #d1d1d1;border-bottom:1px solid @44;}
        }
        .tabs__item--active > .tabs__link{border:1px solid @44;border-bottom:1px solid @ff;.poR;z-index:10;color:@44;background-color:@ff;}
        .tabs__item--active > .tabs__link:hover{background-color:@ff;color:@44;}    
    }
    .tabs__link{.bg-white;color:@66;padding:14px 10px;line-height:2;.dpblock;.tdnone;margin:0;.taC;.w100p;.f16;.fwB;
        &:hover{.tdnone;background-color:#f5f5f5;color:@44;}
    }
    .tabs__area{opacity:0;visibility:hidden;-webkit-transition:opacity .5s linear;transition:opacity .5s linear;height:0;.fL;.w100p;
        &.tabs__area--active{opacity:1;visibility:visible;-webkit-transition:opacity .5s linear;transition:opacity .5s linear;height:auto;}
    }
    .tabs__content{.taL;.bg-white;.oh;.poR;padding:20px 0;
        &:after{.after;}
    }
    .pc_ttl{.dpblock;}
    .m_ttl{.dpnone;}
}
@media (min-width:800px){
    .goods-tab-w{
        .tabs__list{
            .tabs__item{width:25%;}
            .tabs__item2{width:50%;}
        }  
        .tabs__content{.w100p;padding:30px 15px;
            &:after{.after;}
        }  
    }
}
@media (max-width:799px) {
    .goods-tab-w{
        .tabs-md{.w100p;
            .tabs__content{.w100p;} 
            .tabs__list{.bg-white;margin:0;padding-top:1px;.w100p;
                .tabs__item, .tabs__item2 {.oh;.poA;height:0;margin-top:-1px;
                    &.tabs__item--active{height:auto;.poR;}
                }
            }
            .tabs__link {color:@66;padding:.5em 1.5em;}
            .tabs__list--open .tabs__item, .tabs__list--open .tabs__item2{.poR;height:auto;}
            .tabs__list--open .tabs__item--active > .tabs__link:after{content:none;}
            .tabs__item, .tabs__item2{.w100p;max-width:100%;border-right:0;.taL;}
            .tabs__item--active > .tabs__link{background-color:@link-hover-color;color:@ff;border:0;}
            .tabs__item--active > .tabs__link:hover{background-color:@link-hover-color;color:@ff;}
            .tabs__item--active > .tabs__link:after{content:"";width:0;height:0;border: .5em solid transparent;border-top-color:#ffffff;.fR;margin-top:.75em;} 
            .tabs__content{.w100p;padding:15px 0;
                &:after{.after;}
                h3{.w100p;color:@00;.f16;padding-bottom:15px;.fwB;}
            }        
        } 
        .pc_ttl{.dpnone;}
        .m_ttl{.dpblock;}   
    }
}

/* 상품상세 > 상품설명영역 */
.goods-view-FT{
    h3{.w100p;color:@00;.fwB;line-height:1.5em;}
    h4{.w100p;color:@33;.fwB;.poR;line-height:1.5em;
        i{color:@link-hover-color;.poA;left:0;.taC;}
    }
    h5{color:@link-hover-color;.fwB;}
    .goods_board_wrap{.w100p;
        &:after{.after;}
        margin-top: 20px;   
    }
    .order-process{.bdrA;.w100p;
        &:after{.after;}
        .ttl{.poR;.w100p;
            h5{.fL;}
            .noty{.f12;color:@66;.fR;}
        }
        ul{.w100p;.fL;
            li{.fL;.taC;
                i{.radius(50%);.bg-33;.dpinblock;margin:0 auto;background-image:url('/static/fabricfarm/assets/images/contents/goods/order-process.png');background-repeat:no-repeat;}
                p{.w100p;.taC;color:@66;line-height:1.5em;letter-spacing:-1px;
                    span{.dpblock;color:@00;.fwB;}
                }
            }
        }
    }
    .goods_use{.w100p;.taC;.poR;.bg-white;
        &:after{.after;}    
    }
}
@media (min-width:600px){
    .goods-view-FT{
        h3{.f20;padding-bottom:20px;}
        h4{.f16;padding:0 0 15px 30px;
            i{.f20;top:2px;min-width:20px;}
        }
        h5{.f15;}
        .order-process{padding:30px;
            ul{margin-top:15px;
                li{margin:0 10px 10px 0;width:110px;
                    i{width:90px;height:90px;background-size:90px auto;}
                    &:first-child i{background-position:0 0;}
                    &:nth-child(2) i{background-position:0 -90px;}
                    &:nth-child(3) i{background-position:0 -180px;}
                    &:nth-child(4) i{background-position:0 -270px;}
                    &:last-child i{background-position:0 -360px;}
                    p{.f13;
                        span{padding-bottom:5px;}
                    }
                }
            }    
        }
        .goods_use{padding:20px 50px;}
    }
}
@media (max-width:599px){
    .goods-view-FT{
        h3{.f16;padding-bottom:15px;}
        h4{.f16;padding:0 0 10px 20px;
            i{.f15;top:4px;min-width:15px;}
        }
        h5{.f14;}
        .noty{padding-top:5px;}
        .order-process{padding:15px;
            ul{margin-top:10px;
                li{margin:0 0 5px 0;width:90px;
                    i{width:45px;height:45px;background-size:45px auto;}
                    &:first-child i{background-position:0 0;}
                    &:nth-child(2) i{background-position:0 -45px;}
                    &:nth-child(3) i{background-position:0 -90px;}
                    &:nth-child(4) i{background-position:0 -135px;}
                    &:last-child i{background-position:0 -180px;}
                    p{.f11;
                        span{padding-bottom:3px;}
                    }
                }
            }      
        }
        .goods_use{padding:10px 50px;}
    }
}

/* 상품상세 > 상세설명*/
.goods_detail{.w100p;.poR;margin:30px 0;
    border-bottom:1px solid #d5d5d5;
    padding-bottom: 30px;
    margin-bottom: 30px;
    &:after{.after;}
    .goods_exp{.taL;
        dl{.w100p;margin-bottom:15px;clear:both;
            dt{color:#607d8b;.f14;padding-bottom:5px;}
            dd{color:@66;.f13;}
            dd.title{font-weight:bold;}
        }
        ul{.bdrA;padding:20px 20px 15px 20px;margin-top:20px;background-color:#f5f5f5;
            li{.f13;margin-bottom:5px;line-height:1.5em;color:#795548;.poR;padding-left:7px;
                i{width:2px;height:2px;.poA;left:0;top:9px;background-color:#607d8b;}
            }
        }
    }
    .thum-image img {
        display: block;
        position: relative;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        width: 100%;
    }
    .thum-image img {
        .bdrA;
    }
    .thum-image {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }
    .thum-image {
        .poR;.f13;
        .bottom-line, .right-line {
            .poA;.dpblock;    
        }
    }
    img {max-width:100%;}
}
.washing-info {
    ul.washing-box > li {
        text-align: center;
        padding: 1em;
        float: left;
    }
    ul.washing-box > li > .thumbnail {
        margin-bottom: 0;
    }
}
@media (max-width:480px) {
    .goods_exp {margin-left:0; margin-top: 30px;}
    .washing-info {
        ul.washing-box > li {
            width: 50% !important;
        }
        ul.washing-box > li img {
            width: 60% !important;
        }
        ul.washing-box > li > .thumbnail {
            min-height: 190px !important;
            font-size: 11px !important;
        }
    }
}
@media (min-width:481px) and (max-width:767px) {
    .goods_exp {margin-left:0; margin-top: 30px;}
    .washing-info {
        ul.washing-box > li {
            width: 50% !important;
        }
        ul.washing-box > li img {
            width: 40% !important;
        }
        ul.washing-box > li > .thumbnail {
            min-height: 220px !important;
        }
    }
}
@media (min-width:768px) and (max-width:991px) {
    .goods_detail {
        .goods_exp{margin-left:30px;}
        .thum-image img {
            height:200px;
            width:200px;
        }
        .thum-image {
            width: 200px;
            height: 200px;
            margin-bottom: 40px;
            .bottom-line {
                .taC;
                left: 0;
                bottom: -50px;
                border-top: 1px solid @divider;
                width: 300px;
                padding-top: 8px
            }
            .right-line {
                right: -60px;
                top: 0;
                border-left: 1px solid @divider;
                padding-left: 10px;
                height: 200px;
                line-height: 200px;
            }
        }
    }
    .washing-info {
        ul.washing-box > li {
            width: 25% !important;
        }
        ul.washing-box > li img {
            width: 80% !important;
        }
        ul.washing-box > li > .thumbnail {
            min-height: 210px !important;
        }
    }
}
@media (max-width:1199px) {
    .goods_detail {
        .thum-image img {
            height:300px;
            width:300px;
        }
        .thum-image {
            width: 300px;
            height: 300px;
            margin-bottom: 40px;
            .bottom-line {
                .taC;
                left: 0;
                bottom: -50px;
                border-top: 1px solid @divider;
                width: 300px;
                padding-top: 8px
            }
            .right-line {
                right: -60px;
                top: 0;
                border-left: 1px solid @divider;
                padding-left: 10px;
                height: 300px;
                line-height: 300px;
            }
        }
    }
    .washing-info {
        ul.washing-box > li {
            width: 25%;
        }
        ul.washing-box > li img {
            width: 80%;
        }
        ul.washing-box > li > .thumbnail {
            min-height: 250px;
        }
    }
}
@media (min-width:1200px) {
    .goods_detail {
        .goods_exp{margin-left: 30px;}
        .thum-image img {
            height:300px;
            width:300px;
        }
        .thum-image {
            width: 300px;
            height: 300px;
            margin-bottom: 40px;
            .bottom-line {
                .taC;
                left: 0;
                bottom: -50px;
                border-top: 1px solid @divider;
                width: 300px;
                padding-top: 8px
            }
            .right-line {
                right: -60px;
                top: 0;
                border-left: 1px solid @divider;
                padding-left: 10px;
                height: 300px;
                line-height: 300px;
            }
        }
    }
    .washing-info {
        ul.washing-box > li {
            width: 25%;
        }
        ul.washing-box > li img {
            width: 50%;
        }
        ul.washing-box > li > .thumbnail {
            min-height: 220px;
        }
    }
}
/* @media (min-width:800px){
    .goods_detail{padding:0 0 0 450px;
        .goods_img{width:400px;height:400px;left:0;top:0;.poA;}
    }
}
@media (min-width:500px) and (max-width:799px){
    .goods_detail{padding:0 0 0 230px;
        .goods_img{width:200px;height:200px;left:0;top:0;.poA;}    
    }
}
@media (max-width:499px){
    .goods_detail{.taC;
        .goods_img{width:300px;height:300px;.dpinblock;margin:0 auto 30px auto;}    
    }
} */

/* 상품상세 > 상품문의 */
.question_ttl{.w100p;.poR;
    &:after{.after;}
    .page_noty{.fL;color:@66;.f13;line-height:1.5em;}
    a{.fR;.bdrA;.radius(3px);padding:0 15px;line-height:28px;.f12;color:@66;.dpblock;.tdnone;letter-spacing:-1px;
        &:hover{background-color:#f5f5f5;color:@33;}
    }
}
.goods_Qs{.w100p;margin-top:30px;
    ul, li, li, dl, dt, dd, ol{list-style:none;margin:0;padding:0;}
    &:after{.after;}
    .table-question{
        .taL{text-align:left;}
        .taC{text-align:center;}
        th{color:@00;.fwB;background-color:#f5f5f5;}
        td{color:@66;
            i{margin-left:5px;color:#607d8b;}
        }
        span.ing{.dpinblock;.bg-33;margin-right:4px;.radius(3px);padding:0 5px;line-height:18px;color:@ff;.f11;}
        span.end{.dpinblock;.bg-33;margin-right:4px;.radius(3px);padding:0 5px;line-height:18px;color:@ff;.f11;}
    }
}
@media (min-width:600px){
    .goods_Qs{
        .table-question{
            th, td{
                &:first-child{width:15%;}
                &:nth-child(2){width:50%;}
                &:nth-child(3){width:25%;}
                &:last-child{width:25%;}
            }    
        }   
    }
}
@media (max-width:599px){
    .goods_Qs{
        .table-question{border-top:1px solid #000;
            thead, th{.dpnone;.hidden;}
            td{.dpblock;.fL;text-align:left !important;.w100p;border-bottom:none;
                &:first-child{width:100%;border-bottom:none;.f12;padding:8px 0 0 10px;}
                &:nth-child(2){width:100%;border-bottom:none;.f13;padding:5px 0 0 10px;}
                &:nth-child(3){width:50%;border-bottom:1px solid #000;.fL;.f12;padding:5px 0 8px 10px;}
                &:last-child{width:50%;border-bottom:1px solid #000;.fL;.f12;padding:5px 0 8px 10px;}
            }    
        }   
    }
}

/* 상품상세 > 상품후기 */
.review_ttl{.w100p;.poR;
    &:after{.after;}
    .page_noty{.fL;color:@66;.f13;line-height:1.5em;margin-bottom:5px;}
    a{.fR;.bdrA;.radius(3px);padding:0 15px;line-height:28px;.f12;color:@66;.dpblock;.tdnone;letter-spacing:-1px;
        &:hover{background-color:#f5f5f5;color:@33;}
    }
}
.goods_reviews{.w100p;.bdrT;margin-top:30px;
    ul, li, li, dl, dt, dd, ol{list-style:none;margin:0;padding:0;}
    &:after{.after;}  
    .goods_review{.w100p;.bdrB;padding:40px 15px 15px 100px;.poR;min-height:125px;
        .cate{.poA;left:15px;top:15px;color:@66;.f12;.fL;z-index:10;
            li{.fL;margin-right:10px;.poR;padding-right:10px;
                &:after{content:'I';.poA;right:0;color:#d1d1d1;.f12;}
                &:last-child{margin-right:0;padding-right:0;
                    &:after{content:'';}
                }
            }
        }
        .star{.poA;right:15px;top:15px;z-index:10;
            .graph_star{.oh;.dpblock;width:68px;height:12px;
                .star_g{width:68px;height:12px;.dpblock;.hidden;background-image:url('/static/fabricfarm/assets/images/contents/goods/goods_view.png');background-repeat:no-repeat;background-position:0 -50px;
                    .inner_star{height:12px;.dpblock;.hidden;background-image:url('/static/fabricfarm/assets/images/contents/goods/goods_view.png');background-repeat:no-repeat;background-position:0 -100px;}
                }
            }
        }
        .thumb{width:70px;height:70px;.poA;left:15px;top:45px;.oh;}
        .ttl{.w100p;.f15;.fwB;color:@00;line-height:1.5em;padding-bottom:8px;}
        .txt{.w100p;.f13;color:@66;line-height:1.5em;padding-bottom:8px;}
        .info{.w100p;.f13;color:@99;
            .user{color:#607d8b;margin-right:20px;}
        }
    }     
}
.btn_wrap{.w100p;margin-top:15px;
    &:after{.after;}
    .L{.fL;
        li{.fL;margin-right:10px;}
    } 
    .R{.fR;
        li{.fL;margin-left:10px;}
    }    
}
.pagination{margin-top:10px;.taC;
    &:after{.after;}
}
iframe.iframe-resize {
    width: 100%;
    border: 0;
}