@charset "utf-8";

/*
 * File       : modules/noeice/style.css
 * Author     : STUDIO-JT (KMS,NICO, CHAEHEE)
 * Guideline  : JTstyle.1.1
 *
 * Dependency : css/reset.css
 *              css/jt-strap.css
 *
 * SUMMARY:
 * 1) JT NOTICE LIST
 * 2) RWD
 */



/* **************************************** *
 * JT NOTICE LIST
 * **************************************** */
.jt-notice-list-wrap .jt-search {text-align: right;}
.jt-notice-list {width: 100%;table-layout: fixed;position: relative;border-top: 1rem solid rgba(0,0,0,.15); min-width: 100%; max-width: none; /* width: auto; */}
.jt-notice-list caption {width: 1rem;height: 1rem;position: absolute;top: 0;left: 0;font-size: 0;line-height: 0;overflow: hidden;}
.jt-notice-list tr {width: 100%;}
.jt-notice-list thead {font-size: 0; opacity: 0; visibility: hidden;}
.jt-notice-list th { font-size: 0; padding: 0; }
.jt-notice-list td {padding: 18rem 0;font-size: 20rem;font-weight: 400; letter-spacing: -0.025em; text-align: center;color: #000;vertical-align: middle;border-bottom: 1rem solid rgba(0,0,0,0.15);cursor: pointer;-webkit-transition: background 300ms;-o-transition: background 300ms;transition: background 300ms;}
.jt-notice-list .jt-notice-list__ellipsis {width: auto;overflow: hidden;-o-text-overflow: ellipsis;text-overflow: ellipsis;white-space: nowrap;word-wrap: normal;}
.jt-notice-list .jt-notice-list__ellipsis * {vertical-align: middle;}
.jt-notice-list .jt-notice-list__symbol {display: inline-block;width: 60rem;height: 30rem;font-size: 14rem; font-weight: 500; padding: 3rem 0; color: #fff;border-radius: 0;background: #000; border: 1rem solid #000;}
html.desktop .jt-notice-list tr:hover td:not(.jt-notice-list--nothing) {background: #f8f8f8;}
.ie11 .jt-notice-list .jt-notice-list__symbol {padding-top: 4rem; padding-bottom: 2rem;}

.jt-notice-list .jt-notice-list__num {width: 140rem;}
.jt-notice-list .jt-notice-list__num span:not(.jt-notice-list__symbol) {display: block; font-size: 16rem; color: #888; padding-top: 3rem;}
.jt-notice-list .jt-notice-list__title {width: auto;}
.jt-notice-list .jt-notice-list__author {width: 102rem;}
.jt-notice-list .jt-notice-list__author span {display: block; font-size: 17rem; padding-bottom: 2rem;}
.jt-notice-list .jt-notice-list__attachment {width: 80rem; height: 100%;}
.jt-notice-list .jt-notice-list__attachment-download {position: relative; display: block; width: 100%; height: 100%;}
.jt-notice-list .jt-notice-list__attachment-download:after {content: '\e94c'; font-family: 'jt-font'; font-size: 14rem; color: #000;}
.jt-notice-list .jt-notice-list__date { width: 132rem; text-align: left; }
.jt-notice-list .jt-notice-list__date time {display: block; font-size: 14rem;letter-spacing: 0.08em; color: #888; margin-top: 7rem;}
.jt-notice-list .jt-notice-list__hit {width: 100rem;}
.jt-notice-list td.jt-notice-list__title {padding: 35rem 35rem 37rem 0;text-align: left;}

.jt-notice-list--notice .jt-notice-list__title {font-weight: 500;}

.jt-notice-list td.jt-notice-list--nothing {padding: 143rem 0;cursor: default; width: 100%;word-break: break-all;}

/* SINGLE */
.single-notice .article-header {padding-bottom: 78rem;}
.single-notice .jt-single__header {padding-top: 0;}



/* **************************************** *
 * RWD
 * **************************************** */
@media (max-width: 1023px){

	.jt-notice-list td {padding: 30rem 0; font-size: 18rem;}
	.jt-notice-list td.jt-notice-list__title {padding: 30rem 0;}
}



@media (max-width: 860px){

    .jt-notice-list td {padding: 22rem 0; font-size: 16rem;}
	.jt-notice-list td.jt-notice-list__title {padding: 22rem 0;}
    .jt-notice-list .jt-notice-list__symbol {width: 40rem;height: 25rem;font-size: 12rem;line-height: 24rem; padding: 0;}
    .jt-notice-list .jt-notice-list__num {width: 90rem;}
	.jt-notice-list .jt-notice-list__num span:not(.jt-notice-list__symbol) {font-size: 14rem;}
    .jt-notice-list .jt-notice-list__date {width: 102rem;}
	.jt-notice-list .jt-notice-list__date time {font-size: 13rem;}

    .jt-notice-list .jt-notice-list__author {display: none;}
    .jt-notice-list .jt-notice-list__ellipsis a {color: #000;}
    html.desktop .jt-notice-list tr:hover td {background: transparent;}

	.jt-notice-list td.jt-notice-list--nothing {padding: 15% 30rem;}

    .single-notice .main-container {padding-bottom: 0;}
	.single-notice .article-header {display: none;}
}



@media (max-width: 540px){

	.jt-notice-list { display: block; }
	.jt-notice-list thead { display: none; }
	.jt-notice-list tbody { display: block; width: 100%; }
	.jt-notice-list tr { display: block; border-bottom: 1rem solid rgba(0,0,0,0.15); padding: 20rem 0 20rem; font-size: 0; }
	.jt-notice-list td { display: inline-block; border-bottom: 0; font-size: 14rem;}
	.jt-notice-list td.jt-notice-list__title { padding: 0; max-width: calc(100% - 30rem); }
	.jt-notice-list .jt-notice-list__num {padding: 0;width: auto;display: none;}
	.jt-notice-list .jt-notice-list__symbol {position: relative; top: 2rem;}
	.jt-notice-list .jt-notice-list__attachment { width: 30rem; padding: 0; position: relative; top: 2rem;}
	.jt-notice-list .jt-notice-list__date { width: auto; padding: 0; display: block; margin-top: 13rem; }
	html.ios .jt-notice-list .jt-notice-list__symbol {top: 0; padding-top: 1rem;}
	html.ios .jt-notice-list .jt-notice-list__attachment { top: 1rem;}

	.jt-notice-list .jt-notice-list--notice td.jt-notice-list__title {max-width: calc(100% - 80rem);}
	.jt-notice-list .jt-notice-list--notice .jt-notice-list__num { display: inline-block; margin-right: 10rem; }

	.jt-notice-list td.jt-notice-list--nothing {padding: 24% 15rem;}
}