@charset "utf-8";

.wrap_selfEssay{word-break:break-all;}

/*타이틀*/
.wrap_selfEssay h3{line-height:1;font-size:52px;color:#FFF;font-family:'S-CoreDream-1Thin';position:absolute;left:50%;top:0;margin-left:-750px;border-bottom:1px solid #FFF;padding-top:20px;padding-bottom:40px;z-index:1;}
.wrap_selfEssay h3 strong{font-family:'S-CoreDream-5Medium';}
/*게시판*/
.wrap_selfEssay > ul{height:100%;}
.wrap_selfEssay > ul > li{height:100%;position:relative;}
/*타이틀*/
.wrap_selfEssay .title{display:none;}
.wrap_selfEssay .title a{}
/*목록*/
.wrap_selfEssay .list{}
.wrap_selfEssay .list ul{position:relative;left:50%;margin-left:-750px;}
.wrap_selfEssay .list ul li{}
/*noData*/
.wrap_selfEssay .list .nodata{font-size:18px;text-align:center;padding:30px 0;width:100%}
/*링크*/
.wrap_selfEssay a.subject{display:block;}
.wrap_selfEssay .con{display:flex;flex-direction:row-reverse;width:1110px;}
/*썸네일*/
.wrap_selfEssay .thumb{width:560px;height:700px;position:relative;overflow:hidden;padding:20px 0 0 20px;transform: translateX(-100px);display:flex;justify-content:center;align-items:center;}
.wrap_selfEssay .thumb img{height:100%;}
.wrap_selfEssay .thumb::before{content:"";display:block;width:calc(100% - 20px);height:calc(100% - 20px);border:1px solid #23429c;position:absolute;left:0;top:0;}
.wrap_selfEssay .fig{color:#FFF;position:absolute;left:20%;bottom:10%;width:80%;text-shadow:0 0 3px #000;}
.wrap_selfEssay .fig strong{display:block;font-size:25px;font-family:'Noto Regular';border-bottom:1px solid #FFF;padding-bottom:10px;margin-bottom:10px;}
.wrap_selfEssay .fig span{display:block;font-size:20px;}
/*컨텐츠*/
.wrap_selfEssay .inner{max-width:calc(100% - 560px);margin-top:120px;position:relative;}
/*제목
.wrap_selfEssay .subjectText{font-size:48px;font-family:'Noto Regular';color:#FFF;line-height:1.3;height:130px;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;word-break:keep-all;width:80%;}
*/
.wrap_selfEssay .subjectText{font-size:48px;font-family:'Noto Regular';color:#FFF;line-height:1.3;width:80%;}
/*내용
.wrap_selfEssay .content{margin-top:20px;font-size:20px;color:#FFF;line-height:1.5;height:90px;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;}
*/
.wrap_selfEssay .content{margin-top:20px;font-size:20px;color:#FFF;line-height:1.5;}
/*날짜*/
.wrap_selfEssay .date{display:none;}
/*더보기*/
.wrap_selfEssay .more{display:block;text-indent:-9999px;width:45px;height:45px;border-radius:100%;background:url(../images/plus_4_w.png) no-repeat center;position:absolute;left:50%;top:500px;margin-left:-570px;}
/*활성화*/
.wrap_selfEssay .list,
.wrap_selfEssay .more{display:none}
.wrap_selfEssay > ul > li.active .list,
.wrap_selfEssay > ul > li.active .more{display:block}
.wrap_selfEssay > ul > li.active .title a{}
/*콘트롤*/
.wrap_selfEssay .control{display:flex;justify-content:center;align-items:center;position:absolute;top:30px;left:50%;margin-left:370px;background:#f5a101;border-radius:100%;width:120px;height:120px;}
.wrap_selfEssay .control button{text-indent:-9999px;display:inline-block;width:30px;height:30px;}
.wrap_selfEssay button.play,
.wrap_selfEssay button.stop{display:none;}
.wrap_selfEssay button.on{display:inline-block;}
.wrap_selfEssay button.play{background:url(../images/play_1_w.png) center no-repeat;}
.wrap_selfEssay button.stop{background:url(../images/pause_1_w.png) center no-repeat;}
.wrap_selfEssay button.prev{background:url(../images/arrow_1_w.png) center no-repeat;}
.wrap_selfEssay button.next{background:url(../images/arrow_1_w.png) center no-repeat;transform:rotate(180deg);}

.wrap_selfEssay .sideCon{position:absolute;top:0;left:50%;margin-left:430px;width:560px;height:700px;}
.wrap_selfEssay .sideCon .pic{height:400px;overflow:hidden;}
.wrap_selfEssay .sideCon .sideFig{color:#FFF;position:absolute;left:0;bottom:10%;width:100%;text-shadow:0 0 3px #000;}
.wrap_selfEssay .sideCon .sideFig strong{display:block;font-size:25px;font-family:'Noto Regular';border-bottom:1px solid #FFF;padding-bottom:10px;margin-bottom:10px;}
.wrap_selfEssay .sideCon .sideFig span{display:block;font-size:20px;}


@media only screen and (max-width:1650px){
	.wrap_selfEssay{margin-left:75px;}
	.wrap_selfEssay h3{left:0;margin-left:0;}
	.wrap_selfEssay .list ul{left:0;margin-left:0;}
	.wrap_selfEssay .control{left:1050px;margin-left:0;}
	.wrap_selfEssay .sideCon{left:1110px;margin-left:0;}
	.wrap_selfEssay .more{left:200px;margin-left:0;}
}
@media only screen and (max-width:1280px){
	.wrap_selfEssay h3{font-size:35px;margin-bottom:30px;position:relative;left:auto;top:auto;text-align:center;border-bottom:0;padding-bottom:0;padding-top:0;}
	.wrap_selfEssay .con{width:100%;justify-content: space-around;}
	.wrap_selfEssay .thumb{width:400px;height:500px;transform:translateX(-50px);}
	.wrap_selfEssay .inner{max-width:calc(100% - 400px);margin-top:70px;}
	.wrap_selfEssay .subjectTextwidth:100%;{font-size:30px;height:80px;}
	.wrap_selfEssay .content{font-size:18px;height:80px;}
	.wrap_selfEssay .more{background: url(../images/plus_1_w.png) no-repeat center;left:50%;top:-69px;margin-left:125px;}
	.wrap_selfEssay .control{margin-top:30px;position:relative;top:auto;left:auto;background:none;border-radius:0;width:auto;height:auto;}
	.wrap_selfEssay button.play{background:url(../images/play_1_w.png) center no-repeat;}
	.wrap_selfEssay button.stop{background:url(../images/pause_1_w.png) center no-repeat;}
	.wrap_selfEssay button.prev{background:url(../images/arrow_1_w.png) center no-repeat;}
	.wrap_selfEssay button.next{background:url(../images/arrow_1_w.png) center no-repeat;}
	.wrap_selfEssay .sideCon{display:none;}
}
@media only screen and (max-width:768px){
	.wrap_selfEssay{margin-left:20px;}
	.wrap_selfEssay h3{font-size:25px;}
	.wrap_selfEssay .con{flex-direction:column;}
	.wrap_selfEssay .thumb{width:100%;height:auto;padding:0;transform:translateX(0);}
	.wrap_selfEssay .thumb img{}
	.wrap_selfEssay .thumb::before{display:none;}
	.wrap_selfEssay .fig{left:10%;width:90%;}
	.wrap_selfEssay .fig strong{font-size:18px;}
	.wrap_selfEssay .fig span{font-size:16px;}
	.wrap_selfEssay .inner{max-width:100%;width:100%;margin-top:20px;}
	.wrap_selfEssay .subjectText{font-size:25px;height:auto;white-space:nowrap;}
	.wrap_selfEssay .content{font-size:18px;height:80px;}
	.wrap_selfEssay .more{top:-65px;margin-left:90px;}
}


/*HOVER************************************************************/
@media only screen and (min-width:1281px){
}