@charset "utf-8";

/*구조*/
.wrap_gs{background:#f3ece4;}
.wrap_gs .container{}

/*타이틀*/
.wrap_gs .mainTitle{display:flex;align-items:flex-end;position:absolute;left:calc(50% + 6rem);top:6rem;z-index:1;}
.wrap_gs .mainTitle h2{color:#000;}
.wrap_gs .mainTitle h2 span{color:#aa2c2f;}

.wrap_gs ul.inner{}
.wrap_gs ul.inner > li{}

/*탭*/
.wrap_gs .title{display:none;}

/*목록*/
.wrap_gs .list{}
.wrap_gs .list ul{}
.wrap_gs .list ul li{}

/*noData*/
.wrap_gs .list .nodata{font-size:2rem;color:#000;text-align:center;padding:4rem;width:100%;}

/*링크*/
.wrap_gs a.subject{display:flex;flex-wrap:wrap;height:36rem;width:100%;overflow:hidden;}

/*썸네일*/
.wrap_gs .thumb{width:50%;height:100%;overflow:hidden;}
.wrap_gs .thumb img{display:inline;object-fit:cover;object-position:center;width:100%;height:100%;transition:0.3s;}

/*컨텐츠*/
.wrap_gs .con{padding:12rem 6rem 6rem 6rem;position:relative;width:50%;height:100%;}
.wrap_gs .con::before{content:"";display:block;width:0;height:0;border-top:19px solid transparent;border-bottom:19px solid transparent;border-right:24px solid #f3ece4;position:absolute;left:-24px;top:calc(50% - 19px);}

/*제목*/
.wrap_gs .subjectText{font-size:2.2rem;font-family:'pre-m';color:#000;line-height:1.3;padding-top:3rem;white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:3;}
.wrap_gs .subjectText span{}

/*내용*/
.wrap_gs .content{display:none;}

/*날짜*/
.wrap_gs .date{display:none;}

/*더보기*/
.wrap_gs .more{display:none;}
/*
.wrap_gs .btnMore{margin-left:2rem;margin-top:0.5rem;width:2.3rem;height:2.3rem;background:#a3a3a3 url('../images/more.png') no-repeat center;border-radius:50%;text-indent:-99999999px;display:block;transition:0.3s;}
.wrap_gs .btnMore:hover{background-color:#ac2f30;}
*/
.wrap_gs .btnMore{margin-left:2rem;margin-bottom:0.1rem;border-bottom:1px solid #888;transition:0.3s;font-size:1.6rem;color:#888;font-family:'pre-m';line-height:1;display:none;align-items:center;}
.wrap_gs .btnMore::after{width:15px;height:8px;opacity:0.4;background:url('../images/plus.png') no-repeat right center;content:"";display:block;transition:0.3s;}
.wrap_gs .btnMore:hover{color:#000;border-color:#000;}
.wrap_gs .btnMore:hover::after{opacity:1;}

.wrap_gs a.subject:hover .thumb img{transform:scale(1.1);}

/*활성화*/
.wrap_gs .list{display:none}
.wrap_gs .inner > li.active .list{display:block}

/*CONTROL*/
.wrap_gs .control{display:flex;align-items:center;position:absolute;left:calc(50% + 6rem);bottom:6rem;}
.wrap_gs .control button{width:1.6rem;height:1.6rem;display:block;text-indent:-99999999px;}
.wrap_gs .control .btn_prev{background:url('../images/btn_prev.png') no-repeat center;}
.wrap_gs .control .btn_next{background:url('../images/btn_next.png') no-repeat center;}
.wrap_gs .control .btn_play{background:url('../images/btn_play.png') no-repeat center;margin:0 2rem;}
.wrap_gs .control .btn_stop{background:url('../images/btn_stop.png') no-repeat center;margin:0 2rem;}
.wrap_gs .control .page{font-size:1.6rem;color:#a5a5a5;font-family:'pre-sb';line-height:1;margin-left:3rem;display:none;align-items:center;}
.wrap_gs .control .page .current{color:#ab3030;padding-right:1.5rem;}
.wrap_gs .control .page .total{padding-left:1.5rem;}

@media only screen and (max-width:768px){
	.wrap_gs .mainTitle{left:3rem;top:33rem;}
	.wrap_gs a.subject{height:unset;}
	.wrap_gs .thumb{height:30rem;}
	.wrap_gs .thumb,
	.wrap_gs .con{width:100%;}
	.wrap_gs .con{padding:9rem 3rem 7.5rem 3rem;}
	.wrap_gs .con::before{transform:rotate(90deg);left:calc(50% - 12px);top:-30px;}
	.wrap_gs .subjectText{font-size:1.8rem;padding-top:2rem;-webkit-line-clamp:2;}

	.wrap_gs .control{left:3rem;bottom:3rem;}
}


/* 탭 키 포커스 */
.wrap_gs a.subject{transition:all 0.2s;}
.wrap_gs a.subject:focus{outline:none;border:3px solid transparent;}
.wrap_gs a.subject:focus-visible{border-color:#2563eb;background-color:#f8f8f8;border-radius:3px;box-shadow:0 0 0 5px rgba(37,99,235,0.2);}
.wrap_gs a.subject:hover .thumb img,
.wrap_gs a.subject:focus-visible .thumb img{transform:scale(1.05);}