@charset "utf-8";

/*
 * File       : jt-products.css
 * Author     : STUDIO-JT (KMS)
 * Guideline  : JTstyle.1.0
 * Guideline  : http://codex.studio-jt.co.kr/?p=114
 *
 * Dependency : css/ commons.css
 *
 * SUMMARY:
 * 1) LIST
 * 2) MEDIAQUERIES
 */



/* **************************************** *
 * LIST
 * **************************************** */
/*
.jt_products_grid {display: block;width: 100%; padding-bottom: 60px; opacity:0}
.jt_products_grid:after {content: '';display: block;clear: both;}
.jt_products_grid .grid-sizer {width: 31%;}
.jt_products_grid .gutter-sizer {width: 3.4%;}

.jt_products_item {float: left;width: 31%;margin-bottom: 40px;border: 1px solid #dedede;}

.jt_products_thumb {position: relative;border-bottom: 1px solid #dedede;overflow: hidden;}
.jt_products_thumb img {display: block;width: 100%;vertical-align: bottom;-ms-transform: scale(1) rotate(0.05deg);-webkit-transform: scale(1) rotate(0.05deg);transform: scale(1) rotate(0.05deg);-webkit-transition: all 1s ease-in;transition: all 1s ease-in;}
.jt_products_item:hover img {-ms-transform: scale(1.05);-webkit-transform: scale(1.05);transform: scale(1.05);}

.jt_products_txt {padding: 35px 27px;}
.jt_products_title {padding-bottom: 12px;border-bottom: 1px solid #dedede;}
.jt_products_title h2 {font-size: 18px;font-weight: 700;color: #444;}
.jt_products_title a {color: #222; font-size:20px; font-weight:600;}
.jt_products_title a:hover {color: #db0229;-webkit-transition: color 500ms;transition: color 500ms;}
.jt_products_title p {padding: 13px 0px;font-size: 13px;font-weight: 400;color: #666;}
.jt_products_title time {padding-right: 18px;position: relative;}
.jt_products_title time:after {content: '';display: block;width: 1px;height: 12px;position: absolute;right: 6px;top: 50%;margin-top: -6px;background: #c1c1c1;}

.jt_products_content {margin-top: 4px;padding-top: 23px;border-top: 1px solid #dedede;}
.jt_products_content p {font-size: 14px;font-weight: 400;color: #888;}

.jt_products_more {display: block;width: 110px;margin-top: 35px;padding: 10px 0;position: relative;font-size: 13px;font-weight: 700;text-align: center;color: #db0229;background: #fff;border: 1px solid #db0229;border-radius: 2px;-webkit-transition: color 500ms;transition: color 500ms;}
.jt_products_more span {position: relative;z-index: 2;}
.jt_products_more:after {content: '';display: block;width: 0;height: 100%;position: absolute;top: 0;left: 0;background: #db0229;-webkit-transition: width 500ms;transition: width 500ms;}
.jt_products_more:hover {color: #fff;}
.jt_products_more:hover:after {width: 100%;}


#load_more { padding: 20px;  margin-top: 60px; text-align: center;color: #66af3f; display:none;padding-top: 40px;box-sizing: content-box;}
#load_more a{ height:55px;font-size: 15px; display:block; background: url('../assets/images/loading.gif') no-repeat center -200px;}
#load_more a:before { content: ""; display: block; -webkit-transition:500ms; transition:500ms; width: 41px;  height: 23px; background: url('../assets/images/more_arrow.png') no-repeat center top; margin: auto;  margin-bottom: 15px;}
#load_more a:hover:before{-webkit-transform:translate3d(0, 5px, 0); transform:translate3d(0, 5px, 0);}
#load_more.loading a:before{ display:none;}
#load_more.loading a{background-position: center 0;padding-top: 38px;}
*/

.jt_products_category {margin-bottom:87px;}
.jt_products_category .category_list {text-align:center;}
.jt_products_category .category_list {}
.jt_products_category .category_list li {display:inline-block; margin:0 6px;}
.jt_products_category .category_list li a {font-size:18px; padding:0 10px; font-weight:600; color:#bbb;}
.jt_products_category .category_list li.active a {color:#f8c10b; border-bottom:7px solid #f8c10b;}

.jt_products_grid {display: block; max-width:1300px; margin:0 auto; padding-bottom:120px; opacity:0;}
.jt_products_grid:after {content: '';display: block;clear: both;}


.jt_products_grid .grid-sizer {width:33.33%;}
/*
.jt_products_grid .gutter-sizer {width:80px;}
*/
.jt_products_item {float: left;width: 33.33%;margin-bottom: 80px;padding: 0 40px; cursor:pointer;}


.jt_products_thumb {position: relative; overflow: hidden;}
.jt_products_thumb img {display: block;width: 100%;vertical-align: bottom;}
.jt_products_thumb { display: inline-block; color: #fff; position: relative;}
.jt_products_thumb:after{  content:""; border:2px solid #f8c10b; opacity:0; margin:auto; box-sizing: border-box; transition:300ms border, 150ms opacity; transition-delay:0ms,100ms; position:absolute; top:0; left:0; bottom:0; right:0;z-index: 9;}
jt_products_has_gallery:hover{ cursor:pointer;}
.jt_products_item.jt_products_has_gallery:hover .jt_products_thumb:after{border-width:30px; opacity:1;transition:300ms border , 50ms opacity; transition-delay:0ms, 0ms ;}

.jt_products_gallery{display:none}

.jt_products_txt {padding:30px 0 0;}
.jt_products_title h2 {font-size: 18px;font-weight: 700;color: #444;transition: 300ms;position: relative;}
.jt_products_has_gallery:hover h2 { color: #f8c10b;}
.jt_products_item h2 path{ transition:300ms}
.jt_products_has_gallery:hover h2 path { fill: #f8c10b;}
.jt_products_title svg { position: absolute; right: 0; top: 5px;}
.jt_products_title b { display: block;}
.jt_products_title a {color: #222; font-size:20px; font-weight:600;}
.jt_products_title a:hover {color: #db0229;-webkit-transition: color 500ms;transition: color 500ms;}
.jt_products_title p {padding: 13px 0px;font-size: 13px;font-weight: 400;color: #666;}
.jt_products_title time {padding-right: 18px;position: relative;}
.jt_products_title time:after {content: '';display: block;width: 1px;height: 12px;position: absolute;right: 6px;top: 50%;margin-top: -6px;background: #c1c1c1;}

.jt_products_content {margin-top: 4px;padding-top: 23px;border-top: 1px solid #dedede;}
.jt_products_content p {font-size: 14px;font-weight: 400;color: #888;}

.jt_products_more {display: block;width: 110px;margin-top: 35px;padding: 10px 0;position: relative;font-size: 13px;font-weight: 700;text-align: center;color: #db0229;background: #fff;border: 1px solid #db0229;border-radius: 2px;-webkit-transition: color 500ms;transition: color 500ms;}
.jt_products_more span {position: relative;z-index: 2;}
.jt_products_more:after {content: '';display: block;width: 0;height: 100%;position: absolute;top: 0;left: 0;background: #db0229;-webkit-transition: width 500ms;transition: width 500ms;}
.jt_products_more:hover {color: #fff;}
.jt_products_more:hover:after {width: 100%;}


.mfp-container .mfp-arrow:before,
.mfp-container .mfp-arrow:after,
.mfp-container .mfp-arrow-left:before,
.mfp-container .mfp-arrow-right:before {display:none}
.mfp-container button.mfp-arrow.mfp-arrow-left,
.mfp-container button.mfp-arrow.mfp-arrow-right { background: url(../assets/images/icon-prev.svg) no-repeat center center; background-size: 40px;}
.mfp-container button.mfp-arrow.mfp-arrow-right { background-image: url(../assets/images/icon-next.svg);}
.mfp-close-btn-in .mfp-image-holder .mfp-close {  font-size: 50px; right: -10px;}



/* LOAD MORE */
#load_more { padding: 20px;  margin-top: 60px; text-align: center;color: #66af3f; display:none;padding-top: 40px;box-sizing: content-box;}
#load_more a{ height:55px;font-size: 15px; display:block; background: url('../assets/images/loading.gif') no-repeat center -200px;}
#load_more a:before { content: ""; display: block; -webkit-transition:500ms; transition:500ms; width: 41px;  height: 23px; background: url('../assets/images/more_arrow.png') no-repeat center top; margin: auto;  margin-bottom: 15px;}
#load_more a:hover:before{-webkit-transform:translate3d(0, 5px, 0); transform:translate3d(0, 5px, 0);}
#load_more.loading a:before{ display:none;}
#load_more.loading a{background-position: center 0;padding-top: 38px;}


/* **************************************** *
 * MEDIAQUERIES
 * **************************************** */
@media (max-width:940px) {

    .jt_products_title b {padding-right: 55px;}
    .jt_products_category { margin-bottom: 60px; }

}


@media (max-width:768px){

    .jt_products_item,.jt_products_grid .grid-sizer {width: 49%;}
    .jt_products_grid .gutter-sizer {width: 2%;}
    .jt_products_item {margin-bottom: 15px;}
    .jt_products_grid {padding-bottom: 7%;}
    .jt_products_item.jt_products_has_gallery:hover .jt_products_thumb:after { border-width: 15px; }
    .jt_products_title svg { width: 30px;}

}

@media (max-width:540px){

    .jt_products_item,.jt_products_grid .grid-sizer {padding: 0 8px;}
    .jt_products_item {margin-bottom: 40px;}
    .jt_products_grid {padding-bottom: 8%;}
    .jt_products_item.jt_products_has_gallery:hover .jt_products_thumb:after { border-width: 8px;}
    .jt_products_title b { padding-right: 35px; font-size: 14px;}

}