@charset "utf-8";

/* sub visual */
.visual-prd {background-image:url("../img/product/visual_prd00.jpg");}
.visual-prd00 {background-image:url("../img/product/visual_prd00.jpg");}
.visual-prd01 {background-image:url("../img/product/visual_prd01.jpg");}
.visual-prd02 {background-image:url("../img/product/visual_prd02.jpg");}
.visual-prd03 {background-image:url("../img/product/visual_prd03_r.jpg");}
.visual-prd04 {background-image:url("../img/product/visual_prd04.jpg");}
.visual-prd05 {background-image:url("../img/product/visual_prd05.jpg");}
.visual-prd06 {background-image:url("../img/product/visual_prd01.jpg");}


/* category */
.prd-cate-wrap {position:relative; z-index:10;}
.prd-cate-now {display:none;}
#bo_cate.prd-cate {background-color:#f6f6f6;}
#bo_cate.prd-cate ul {max-width:1560px; margin:0 auto; padding:0 20px;}
#bo_cate.prd-cate li {display:inline-block; margin-right:68px;}
#bo_cate.prd-cate a {display:block; position:relative; font-size:1.250em; letter-spacing:0.01em; line-height:80px;}
#bo_cate.prd-cate #bo_cate_on:after {content:""; display:block; position:absolute; left:0; bottom:0; width:100%; height:3px; background-color:#222;}


/* product list */
.prd-list {margin:0 -10px; padding:30px 0 0; font-size:0;}
.prd-list .prd {display:inline-block; width:25%; font-size:16px; vertical-align:top;}
.prd-box {margin:30px 10px 0; padding:10px 7px; text-align:center;}
.prd-box .thumb {display:inline-block; position:relative;}
.prd-box .thumb .base {opacity:1;}
.prd-box .thumb .cover {position:absolute; left:0; top:0; width:100%; height:100%; opacity:0;}
.prd-box .thumb .base,
.prd-box .thumb .cover {
    -webkit-transition:opacity 400ms;
    -moz-transition:opacity 400ms;
    -o-transition:opacity 400ms;
    transition:opacity 400ms;
}
.prd-box .thumb img {max-width:100%;}
.prd-box:hover .thumb .base {opacity:0;}
.prd-box:hover .thumb .cover {opacity:1;}
.prd-box .info {text-align:center;}
.prd-box .info .cate-label {display:block; font-family:"Montserrat",sans-serif; font-size:0.875em; font-weight:500; line-height:1;}
.cate-label.cate01 {color:#cea37c;}
.cate-label.cate02 {color:#784d86;}
.cate-label.cate03 {color:#4ab9e1;}
.cate-label.cate04 {color:#df9981;}
.cate-label.cate05 {color:#777777;}
.cate-label.cate06 {color:#b83f3a;}
.prd-box .info .name {display:inline-block; margin:4px 0 0; color:#444; font-size:1.250em; font-weight:500; letter-spacing:-0.04em; line-height:1.4em;}


/* all list */
.prd-all .prd-all-cont {position:relative; min-height:200px; padding-left:25%;}
.prd-all .prd-all-tit {position:absolute; left:50px; top:110px;}
.prd-all .prd-all-tit h3 {color:#222; font-size:2.875em; font-weight:700; letter-spacing:-0.01em; line-height:1;}
.prd-all .prd-all-tit .total {margin:28px 0 0; font-size:1.250em; letter-spacing:-0.01em; line-height:1;}
.prd-all .prd-list {padding:5px 0 70px;}
.prd-all .prd-list .prd {width:33.333%;}
.product-all-wrap .prd-all:nth-child(odd) {background-color:#fff;}
.product-all-wrap .prd-all:nth-child(even) {background-color:#f8f8f8;}

.prd-all-type {position:relative; height:80px;}
.prd-all-type .swiper-container {margin:0 -20px; padding:0 20px;}
.prd-all-type .prd-type {position:relative; background-color:#fff;}
.prd-all-type .prd-type:after {content:""; position:absolute; left:0; bottom:0; width:100%; height:1px; background-color:#f6f6f6;}
.prd-all-type .prd-type-list {*zoom:1;}
.prd-all-type .prd-type-list:after {content:""; display:block; visibility:hidden; clear:both;}
.prd-all-type .item {float:left; width:auto; margin-right:45px;}
.prd-all-type .item a {display:block; font-size:1.125em; line-height:80px;}
.prd-all-type .item a:hover {font-weight:600;}
.prd-all-type.fixed .prd-type {position:fixed; left:0; top:101px; width:100%; z-index:10;}


/* detail */
.product-detail {padding-top:180px;}
#bo_v_atc.prd-v-atc {padding:0 !important;}
.prd-detail {*zoom:1;}
.prd-detail:after {content:""; display:block; visibility:hidden; clear:both;}
.detail-img {float:left; position:relative; width:835px; padding-left:135px;}
.detail-img .img-each {outline:0 none;}
.detail-img .img-thumb {position:absolute; left:0; bottom:60px; width:105px;}
.detail-img .img-thumb li {margin-top:16px;}
.detail-img .img-thumb button {display:block; width:105px; height:105px; font-size:0; outline:0 none; border:1px solid transparent; background-color:transparent; background-repeat:no-repeat; background-position:center center; background-size:contain;}
.detail-img .img-thumb .slick-active button {border-color:#bfbfbf;}
.detail-img .img-thumb button img {height:100%; opacity:0;}
.detail-info {float:left; width:450px; margin-left:135px;}
.detail-info .name {padding:0 0 25px;}
.detail-info .name .cate-label {display:block; font-family:"Montserrat",sans-serif; font-size:0.875em; font-weight:500; line-height:1;}
.detail-info .name h3 {margin:12px 0 0; color:#333; font-size:2.000em; font-weight:500; letter-spacing:-0.025em; line-height:1;}
.detail-info .name .eng {display:block; margin:18px 0 0; color:#555; font-size:1.125em; letter-spacing:-0.025em; line-height:1;}
.detail-info .sub-info {font-size:1.125em; line-height:1.778em; border-bottom:1px solid #bbb;}
.detail-info .sub-info ul {padding:20px 0; border-top:1px solid #bbb;}
.detail-info .sub-info li {*zoom:1;}
.detail-info .sub-info li:after {content:""; display:block; visibility:hidden; clear:both;}
.detail-info .sub-info li b {float:left; width:27%; padding-right:10px; color:#333; font-weight:500; letter-spacing:-0.025em;}
.detail-info .sub-info li span {float:left; width:73%; color:#555; letter-spacing:-0.05em;}
.detail-info .item-wrap {padding:20px 0; border-top:1px solid #bbbbbb;}
.detail-info .item {position:relative; padding-right:20px;}
.detail-info .item b {color:#333; font-weight:500; letter-spacing:-0.025em;}
.detail-info p {margin:5px 0 0; color:#555; letter-spacing:-0.05em;}
.detail-info .more {position:absolute; right:0; top:50%; width:18px; height:18px; margin-top:-9px; font-size:0; outline:0 none; text-indent:-9999px; border:0 none; background:none;}
.detail-info .more span {display:block; position:relative; width:100%; height:100%;}
.detail-info .more span:before,
.detail-info .more span:after {content:""; position:absolute; left:0; top:50%; width:100%; height:2px; margin-top:-1px; background-color:#222;}
.detail-info .more span,
.detail-info .more span:after {
    -webkit-transition:300ms;
    -moz-transition:300ms;
    -o-transition:300ms;
    transition:300ms;
}
.detail-info .hide .more span {
    -webkit-transform:rotateZ(90deg);
    -moz-transform:rotateZ(90deg);
    -ms-transform:rotateZ(90deg);
    -o-transform:rotateZ(90deg);
    transform:rotateZ(90deg);
}
.detail-info .hide .more span:after {
    -webkit-transform:rotateZ(90deg);
    -moz-transform:rotateZ(90deg);
    -ms-transform:rotateZ(90deg);
    -o-transform:rotateZ(90deg);
    transform:rotateZ(90deg);
}
.detail-info .btn-link {display:block; height:60px; margin:60px 0 0; color:#fff; font-weight:700; letter-spacing:-0.025em; line-height:58px; border-color:#333; background-color:#333;}
.detail-info .btn-link:hover {color:#333; background-color:#fff;}


/* best seller */
.best-seller .prd-list {margin:0 10px;}
.best-seller .prd-list .prd {width:33.333%;}
.best-seller .prd-box {margin:60px 30px 0; padding:30px 10px;}

.best-seller .slick-dots {margin:20px 0 0; text-align:center; font-size:0;}
.best-seller .slick-dots li {display:inline-block; vertical-align:top;}
.best-seller .slick-dots button {width:10px; height:10px; margin:0 5px; border-radius:50%; border:0 none; outline:0 none; background-color:#eaeaea;}
.best-seller .slick-active button {background-color:#444;}



@media screen and (max-width:1560px){
/* category */
#bo_cate.prd-cate li {margin-right:40px;}
#bo_cate.prd-cate li:last-child {margin-right:0;}

/* detail */
.detail-img {width:55%; padding-left:110px;}
.detail-img .img-view img {width:100%;}
.detail-info {width:35%; margin-left:8%;}
}
/* end media 1560px */


@media screen and (max-width:1023px){
/* category */
.prd-cate-now {display:block; padding:0 20px; color:#222; font-size:1.167em; letter-spacing:-0.01em; line-height:70px; cursor:pointer; background-color:#f6f6f6;}
.prd-cate-now b {display:block; position:relative; padding-right:30px;}
.prd-cate-now b:after {content:""; display:block; position:absolute; right:0; top:50%; width:20px; height:9px; margin-top:-5px; background:url("../img/icon/icon_select.png") no-repeat center center; background-size:auto 100%;}
#bo_cate.prd-cate {display:none; position:absolute; left:0; top:100%; width:100%; border-top:1px solid #fff; z-index:1;}
#bo_cate.prd-cate ul {padding:15px 20px;}
#bo_cate.prd-cate li {display:block; margin:0;}
#bo_cate.prd-cate a {font-size:1.167em; line-height:46px;}
#bo_cate.prd-cate #bo_cate_on:after {display:none;}
.prd-cate-wrap.open .prd-cate-now b:after {
    transform:rotateZ(180deg);
}
.prd-cate-wrap.open #bo_cate.prd-cate {display:block;}

/* product list */
.prd-list .prd {width:33.333%; font-size:14px;}

/* all list */
.prd-all .prd-all-cont {padding:60px 0;}
.prd-all .prd-all-tit {position:static; width:100%; text-align:center;}
.prd-all .prd-all-tit .total {margin:20px 0 0;}
.prd-all .prd-list {padding:10px 0 0;}

.prd-all-type {height:60px;}
.prd-all-type .item a {line-height:60px;}

/* detail */
.product-detail {padding-top:120px;}
.detail-img {width:50%; padding-left:0;}
.detail-img .img-view img {width:100%;}
.detail-img .img-thumb {position:static; width:100%; margin:10px 0 0;}
.detail-img .img-thumb ul {margin:0 -5px; font-size:0; text-align:center;}
.detail-img .img-thumb li {display:inline-block; width:25%; height:auto; margin:0; padding:0 5px;}
.detail-img .img-thumb button {width:100%;}
.detail-img .img-thumb button img {height:auto;}
.detail-info {width:45%; margin-left:5%;}
}
/* end media 1023px */


@media screen and (max-width:767px){
/* sub visual */
.visual-prd {background-image:url("../img/product/m_visual_prd00.jpg");}
.visual-prd00 {background-image:url("../img/product/m_visual_prd00.jpg");}
.visual-prd01 {background-image:url("../img/product/m_visual_prd01.jpg");}
.visual-prd02 {background-image:url("../img/product/m_visual_prd02.jpg");}
.visual-prd03 {background-image:url("../img/product/m_visual_prd03_r.jpg");}
.visual-prd04 {background-image:url("../img/product/m_visual_prd04.jpg");}
.visual-prd05 {background-image:url("../img/product/m_visual_prd05.jpg");}
.visual-prd06 {background-image:url("../img/product/m_visual_prd01.jpg");}

/* category */
.prd-cate-now {line-height:50px;}
.prd-cate-now b:after {width:12px; height:6px; margin-top:-3px;}
#bo_cate.prd-cate ul {padding:12px 20px;}
#bo_cate.prd-cate a {line-height:32px;}

/* product list */
.prd-list {margin:0 -15px; padding:0;}
.prd-list .prd {width:50%; font-size:12px;}
.prd-box {margin:30px 15px 0; padding:5px 3px;}
.prd-box .info {padding:7px 0 0;}
.prd-box .info .cate-label {font-size:0.833em;}
.prd-box .info .name {font-size:1.333em;}

/* all list */
.prd-all .prd-all-cont {padding:40px 0;}
.prd-all .prd-all-tit h3 {font-size:2.083em; font-weight:500;}
.prd-all .prd-all-tit .total {margin:15px 0 0; font-size:1.167em;}
.prd-all .prd-list {padding:0;}
.prd-all .prd-list .prd {width:50%;}

.prd-all-type {height:50px;}
.prd-all-type .item {margin-right:30px;}
.prd-all-type .item:last-child {margin-right:0 !important;}
.prd-all-type .item a {font-size:1.167em; line-height:50px;}
.prd-all-type .item a:hover {font-weight:400;}

/* best seller */
.best-seller .prd-list {margin:0;}
.best-seller .prd-box {margin:0 36px; padding:5px 7px;}
.best-seller .prd-box .info .cate-label {font-size:1.167em;}
.best-seller .prd-box .info .name {font-size:1.667em;}

/* detail */
.product-detail {padding-top:60px;}
.detail-img {float:none; width:100%;}
.detail-img .img-thumb li {width:auto;}
.detail-img .img-thumb button {width:12px; height:12px; border:0 none; border-radius:50%; background:#eaeaea;}
.detail-img .img-thumb .slick-active button {background-color:#444;}
.detail-info {float:none; width:100%; margin:40px 0 0;}
.detail-info .name {padding:0 0 19px;}
.detail-info .name .cate-label {font-size:0.833em;}
.detail-info .name h3 {margin:6px 0 0; font-size:2.083em;}
.detail-info .name .eng {margin:13px 0 0;font-size:1.167em;}
.detail-info .sub-info {font-size:1.167em;}
.detail-info .sub-info ul {padding:16px 0;}
.detail-info .item-wrap {padding:16px 0;}
.detail-info .item {padding-right:15px;}
.detail-info .more {width:11px; height:11px; margin-top:-5px;}
.detail-info .more span:before,
.detail-info .more span:after {height:1px;}
.detail-info .btn-link {height:50px; margin:40px 0 0; font-size:1.167em; line-height:48px;}
}
/* end media 767px */


@media screen and (max-width:359px){
/* all list */
.prd-all-type .item {margin-right:25px;}
}
/* end media 359px */