@charset "utf-8";


/*
 * File       : modules/announce/style.css
 * Author     : STUDIO-JT (KMS,HREE)
 * Guideline  : JTstyle.1.1
 *
 * Dependency : css/reset.css
 *              css/jt-strap.css
 *
 * SUMMARY:
 * 1) JT ANNOUNCE LIST
 * 2) JT ANNOUNCE SINGLE
 * 3) RWD
 */



/* **************************************** *
 * JT ANNOUNCE LIST
 * **************************************** */
/* nav cat */
.nav-cat {text-align: center;margin-bottom: 3.5rem;font-family: 'Poppins', 'Noto Sans KR', sans-serif;}
.nav-cat--sub{text-align: left; margin-left: -2rem;margin-bottom:2.2rem;}
.nav-cat--sub .nav-cat_item {padding: 0.9rem 2.1rem 0.9rem 2rem;}
.nav-cat_item {color: #bbb;font-weight: 500;font-size: 2.6rem;padding: 2rem 2.1rem;display: inline-block;position: relative;-webkit-transition: 0.1s;transition: 0.1s;}
html.desktop .nav-cat_item:hover { color: #000; -webkit-transition: 0s; transition: 0s;}
.nav-cat_item-active {color: #000;}
.nav-cat_item:after {content: "/";position: absolute;right: -0.4rem;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%); color: #bbb; font-size: 1.8rem;}
.nav-cat_item:last-child:after { display: none;}
.nav-cat_item-inner { position: relative;}

.jt-announce-list__type {margin: 0rem 0 3.3rem; width: 100%; text-align: right;}
.jt-announce-list__type a {font-size: 1.4rem; color: #848484; position: relative; padding-left: 2.4rem; line-height: 1.3; padding-right: 0.2rem; transition: color .1s;}
html.desktop .jt-announce-list__type a:hover {color: #000;}
.jt-announce-list__type a.on { color: #000; }
.jt-announce-list__type a::before {position: absolute; font-family: 'jt-font'; top: 50%; transform: translateY(-50%); left: 0rem;}
.jt-announce-list__type a:first-child {margin-right: 2rem}
.jt-announce-list__type .jt-announce-list__type--images::before {content: '\e95b'; margin-top: 0.1rem;}
.jt-announce-list__type .jt-announce-list__type--txt::before {content: '\e95c'; font-size: 1.2rem; margin-top: 0.2rem;}

.main-story-announce__item {border-bottom: 0.1rem solid #bbb;}
.main-story-announce__item:last-child {border-bottom: none;}


/* list */
.jt-announce-list__grid {width: 31.3%;}
.jt-announce-list__gutter {width: 3%;}
.jt-announce-list__item {width: 31.3%; margin-bottom: 3%;}
.jt-announce-list__item--no-thumbnail .jt-announce-list__content {padding-top:5rem;}
html.desktop .jt-announce-list__item:hover .jt-announce-list__title {color:#FF650F;}

.jt-announce-list__link {display: block;position: relative; border: 0.1rem solid #ccc;}
.jt-announce-list__link:after { content: '';opacity:1; margin: auto;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-transition: 300ms border, 150ms opacity;transition: 300ms border, 150ms opacity;-webkit-transition-delay: 0ms, 100ms;transition-delay: 0ms, 100ms;position: absolute;top: 0;left: 0;bottom: 0;right: 0;z-index: 2;}
html.desktop .jt-announce-list__link:hover:after {border-width: 0.6rem;  border-color:#FF650F; opacity: 1;-webkit-transition: 300ms border, 50ms opacity;transition: 300ms border, 50ms opacity;-webkit-transition-delay: 0ms, 0ms;transition-delay: 0ms, 0ms;}

.jt-announce-list__thumb.jt-lazyload {padding-top: 100%;}
.jt_announce_list_wrap .jt-announce-list__thumb img {display: block;max-width: 100%; width:100%; }

.jt-announce-list__content {padding: 2.9rem 3rem 3.7rem;position: relative;}
.jt-announce-list__content b { font-size: 1.6rem;font-weight: 500;letter-spacing: -0.04em;line-height: 1.5;}
.jt-announce-list__category--news {color:#848484;}
.jt-announce-list__category--notice {color:#848484;}
.jt-announce-list__title {font-size: 2rem;font-weight: 500;line-height: 1.6;color: #000;margin-top: 0.7rem;letter-spacing: -0.02em; transition: color .1s;}
.jt-announce-list__title span br {display: none;}
.jt-announce-list__desc {display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;max-height: 3.6em;margin-top: 1.1rem;font-size: 1.6rem;font-weight: 400;line-height: 1.75;color: #444;text-overflow: ellipsis;overflow: hidden;letter-spacing: -0.025em;}
.jt-announce-list__date {font-size: 1.3rem; font-weight: 400; color:#848484; margin-top: 1.8rem; display: block; letter-spacing: -0.01em; line-height: 1.53;}
.jt-announce-list__item--no-thumbnail .jt-announce-list__date {padding-top:7.9rem;}

.jt_announce_list_wrap .jt-pagination {margin-top: 4rem;}


/* **************************************** *
 * JT ANNOUNCE SINGLE
 * **************************************** */
.jt_single_announce .jt-single__title { text-align:left; line-height:1.4;}
.jt_single_announce .jt-single__header { padding-bottom:4rem;}
.jt_single_announce .jt-single__header-inner {border-bottom:0.1rem solid #bbb;position:relative;padding-bottom: 3.5rem;}
.jt_single_announce .jt-single__meta {text-align:left;margin-bottom:2rem;padding-top: 2.2rem;}
.jt_single_announce .jt-single__category {font-size:1.4rem;letter-spacing:0.01rem;padding:0;position:relative;padding-right: 0.8rem;font-weight: 500;letter-spacing: -0.04em;line-height: 1.5;margin-top: 1.7rem;margin-right: 0.6rem;}
.jt_single_announce .jt-single__category:after {width:0.1rem;height:1rem;background:#bbb;content:'';display:block;position:absolute;top: 0.5rem;right: 0;}
.jt_single_announce .jt-single__category--notice {color:#848484}
.jt_single_announce .jt-single__category--news {color:#848484}
.jt_single_announce .jt-single__date {font-size: 1.4rem; font-weight: 400; color: #848484; margin-top: 1.8rem; line-height: 1.53; position: relative; padding: 0;}
html.safari .jt_single_announce .jt-single__date {margin-top: 1.7rem;}
.jt_single_announce .jt-single-share {top: 3.1rem;right: 0rem; height:3.7rem;}
.jt_single_announce .jt-single-share__button {display:block;}
.jt_single_announce .jt-single-share__button:before {display: block;line-height: normal;}
.jt_single_announce .jt-share {right: -1.8rem;left:auto;top: 0;}
.jt_single_announce .jt-share .jt-share__item:after {color:#bbb;}
.jt_single_announce .jt-share .jt-share__item:hover:after {color:#000;}
.jt_single_announce .wp-block-image:first-child img {margin-top:1rem;}

html.ie11 .jt_single_announce .jt-single__category {margin-top:-0.1rem;}




/* **************************************** *
 * RWD
 * **************************************** */

 /* **************************************** *
 * 2000px
 * **************************************** */

@media(min-width:2000px){
    
    /* LIST*/
    .jt-announce-list__type .jt-announce-list__type--images::before {margin-top: 0rem;}
    .jt-announce-list__type .jt-announce-list__type--txt::before {margin-top: 0rem;}

}



/* **************************************** *
 * 1480px
 * **************************************** */

@media(max-width:1480px){
    
    /* LIST*/
    .jt-announce-list__type .jt-announce-list__type--txt::before {margin-top: 0.1rem;}
    
    /* SINGLE */
    .single-announce .narrow-wrap {width:100%; max-width:75rem; margin:0 auto;}

}



/* **************************************** *
 * 1023px
 * **************************************** */

 @media(max-width:1023px){
    
    /* LIST*/
    .jt-announce-list__type .jt-announce-list__type--txt {padding-left: 2.7rem;}

}



/* **************************************** *
 * 860px (작업 @768px 1rem = 10px )
 * **************************************** */
@media (max-width: 860px){

    /* LIST*/
    .jt-announce-list__type {margin: -1.5rem 0 2.5rem;}
    .jt-announce-list__type .jt-announce-list__type--txt {padding-left: 2.4rem;}

    .jt_announce_list_wrap .nav-cat {margin-top: -2.5rem;}
    .jt-announce-list {grid-column-gap: 2rem; grid-row-gap: 2rem;}
    .jt-announce-list__title {margin-top: 0.8rem; font-size: 1.8rem}
    .jt-announce-list__content {padding: 2.4rem 2.5rem 3.2rem;}
    .jt-announce-list__item--no-thumbnail .jt-announce-list__content {padding-top:4.5rem;}
    .jt-announce-list__item--no-thumbnail .jt-announce-list__date {padding-top:6rem;}

    /* SINGLE */
    .single-announce .narrow-wrap { width: auto; max-width: inherit; margin-left: 4rem; margin-right: 4rem;}
    .jt_single_announce .jt-single__content {margin:0 4rem;}

}
/* **************************************** *
 * 540px (작업 @375px 1rem = 10px )
 * **************************************** */
@media (max-width: 540px){

    /* LIST*/
    .jt-announce-list__type {margin: 0rem 0 1.5rem;}
    .jt-announce-list__type a {font-size: 1.3rem;}
    .jt-announce-list__type a:first-child {margin-right: 1.5rem;}
    .jt-announce-list__type .jt-announce-list__type--images {padding-left: 2rem;}
    .jt-announce-list__type .jt-announce-list__type--txt {padding-left: 2rem;}
    .jt-announce-list__type .jt-announce-list__type--images::before {font-size: 1.2rem; margin-top: 0.1rem;}
    html.ios .jt-announce-list__type .jt-announce-list__type--images::before {margin-top: 0;}
    .jt-announce-list__type .jt-announce-list__type--txt::before {font-size: 1rem; margin-top: 0.1rem;}
    html.ios .jt-announce-list__type .jt-announce-list__type--txt::before {margin-top: 0;}
    .jt_announce_list_wrap .nav-cat {margin-top: -0.7rem; margin-bottom: 1.1rem}
    .jt-announce-list__grid {width: 48.5%;}
    .jt-announce-list__gutter {width: 3%;}
    .jt-announce-list__item { width: 48.5%; margin-bottom: 3%;}
    .jt-announce-list__item--no-thumbnail .jt-announce-list__content {padding-top:3.5rem;}
    .jt-announce-list__content {padding:2.4rem 1.7rem}
    .jt-announce-list__content b {font-size:1.4rem;}
    .jt-announce-list__title { font-size:1.5rem; margin-top: 0.5rem; line-height:1.5em; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; max-height: 3em; overflow: hidden; white-space: normal;word-break: break-all; -webkit-mask-image: -webkit-radial-gradient(white, black); }
    .jt-announce-list__desc {font-size: 1.3rem; margin-top: 0.7rem; line-height:1.5; max-height:4.3rem; word-break: break-all;  transform:translateZ(0);}
    .jt-announce-list__date {font-size: 1.3rem; margin-top: 0.8rem;}
    .jt-announce-list__item--no-thumbnail .jt-announce-list__date {padding-top:2.5rem;}
    .jt_announce_list_wrap .jt-pagination {margin-top: 4rem;}

     /* SINGLE */
    .single-announce .narrow-wrap { margin-left: 2.5rem; margin-right: 2.5rem;}
    .jt_single_announce .jt-single__header {padding-bottom:3rem;}
    .jt_single_announce .jt-single__header-inner {padding-bottom:3rem;}
    .jt_single_announce .jt-single__meta { margin-bottom: 1.5rem; padding-top: 1rem;}
    .jt_single_announce .jt-single__category,
    .jt_single_announce .jt-single__date { margin-top: 0; font-size:1.3rem; }
    html.safari .jt_single_announce .jt-single__date {margin-top: 0rem;}
    .jt_single_announce .jt-single-share { top: 0.3rem; right: -2.6rem;}
    .jt_single_announce .jt-single__title {font-size:2.2rem;}

    .jt_single_announce .jt-single__content { margin-left: 0; margin-right: 0;}
    .jt_single_announce .jt-single__content .jt-single__keyword ul {padding-top: 0;}

}