body{background: rgb(240,240,240);}
.header-height{width: 100%; height: 86px;}
.slick-slide img{width: 100%;}
.slick-slider{margin-bottom: 0;}
.slick-arrow{background-color: rgba(255,255,255,0.5)!important;}
.slick-dots{bottom: -35px;}
.slick-dots li.slick-active button:before {background: #3da5cc;}
.slick-dots li button:before {border-radius: 0;width: 23px;height: 7px;}
.banner-wrap{background:#d9d9d9; border-bottom: 1px solid #d9d9d9; margin-bottom: 30px;}
.banner{width:100%; max-width:945px; margin:0 auto;}
.list{padding-top: 40px;}
.list .card dl dd span.e-title{font-weight: 500; color: #555;}  
.list .card dl dd{height: auto;}

/* 이벤트 상세 */
.detail-title{text-align: center; font-weight: 500; color: #555; padding: 20px 0; font-size: 16px;}   

.detail-content{position: relative;}
.detail-content img{width: 100%;}
.detail-content .img-big{position: absolute; top: 20px; right: 35px; z-index: 10; text-indent: -9999em; width: 34px; height: 34px; background: url(../img/event-icon.svg) 0 -126px no-repeat; opacity: 0.5;}
.cheering .detail-content .img-big{position: absolute; top: 20px; right: 25px; z-index: 10; text-indent: -9999em; width: 34px; height: 34px; background: url(../img/event-icon.svg) 0 -126px no-repeat; opacity: 0.5;}

.btnLayout .btn{background: #3da5cc; font-weight: 400; font-size: 15px; border-radius: 1px; height: 35px; line-height: 35px; padding: 0 15px; margin-bottom:15px;}
.btnLayout .btn:first-of-type{background: #969696;}
.btnLayout .btn:last-of-type{background: #3da5cc;}
.btnLayout .btn:hover{color:#fff;}

div.commentTxt{padding: 25px 0; font-weight: 300;}
div.more{position: relative;}
.commentWriteView,.commentView{width: 100%!important;}
.commentView .cmtTitle .mbrNam {font-weight: 500!important; color: #555;}
.morecontent, .morecontent span{font-size: 16px!important;}
.pageBtnon{background: #3da5cc!important;}
.morecontent a.morelink{color: #777; font-weight: 500; padding: 2px 4px; border: 1px solid #e1e1e1; background: #fafafa; border-radius: 3px; font-size: 13px; margin-left:10px; position: absolute; right: -10px; bottom: -25px;}
.morecontent a.morelink:after{content: "+"; font-weight: 700; font-family: "Agency FB"; font-size: 20px; vertical-align: bottom; padding-left: 5px; color:#3da5cc;}
.morecontent a.morelink.less{background: #fff}
.morecontent a.morelink.less:after{content: "-";}

.event-context{background: rgba(255,255,255,1); /* padding: 40px 20px; */ box-sizing:border-box; }
.event-context,
.event-context p,
.event-context div,
.event-context b,
.event-context span,
.event-context em,
.event-context strong,
.event-context a,
.event-context center,
.event-context font{font-family: inherit!important; font-weight: 400!important; font-size: 17px!important;}
.event-context a{text-decoration: underline;}


/*사진댓글부분 추가 180412 -보미*/
.fs-32{font-size: 32px!important}
.img-comment .now div{margin: 50px 0 0;}
.img-comment .now div p{border-bottom: 1px solid #e1e1e1; border-top: 1px solid #e1e1e1; background: #7b88c8; padding: 13px 10px; color: #fff; width: 70%; margin: 0 auto; font-size: 24px; border-radius: 32px; position: relative; bottom: -30px;}
.img-comment .now div p:after{content: ""; display: block; width: 14px; height: 10px; background: url(../img/event-icon.svg) 0 -116px no-repeat; position: absolute; left: 50%; bottom: -10px; margin-left: -7px;}
.img-comment .now div p i{color: #ccc; font-size: 48px;}
.img-comment .now div p span{color: #ffe349; vertical-align: middle; font-size: inherit;}
.img-comment .now div p .big{font-size: 24px; font-weight: 700;}
.img-comment .now div p em{vertical-align: middle; color: inherit; font-size: inherit;}
.img-comment .now div p em.italic{font-style: italic!important;}
.img-comment .now div p .icon{display: inline-block; width: 40px; height: 35px; background: url(../img/event-icon.svg) 0 -81px no-repeat; vertical-align: middle; margin-right: 15px;}

.img-comment .now.no2 div p{bottom: 0; background: #eb7c8e; font-size: 22px;} 
.img-comment .now.no2 div{margin-bottom: 50px; margin-top: 80px;}
.img-comment .now.no2 div p:after{background-position: -14px -116px;}
.img-comment .now.no2 div p .icon{background-position: 0 -51px; height: 30px; margin-right: 10px;}

.img-comment .id{padding-right: 0;}
.img-comment .id span{width: 52px; height: 52px; border-radius: 50%; display: inline-block; box-shadow: inset 0px 0px 2px rgba(255,255,255,0.8); background-size: cover; background-color: #d4d4d4; vertical-align: middle;}
.img-comment .id .name{display: inline-block; text-align: center; width: 52px; font-size: 15px; color: #777; margin-top: 8px;}
.img-comment .id .icon{display:block; width: 22px; height: 26px; background: url(../img/event-icon.svg) 0 0 no-repeat; margin: 13px auto 0;}
.img-comment .write{margin-right: 0; margin-left: 0; background: #fafafa; padding-top: 85px;}
.img-comment .write .comment-input{padding-right: 30px;}
.img-comment .write .comment-input .input-inner{background: #fff; border-radius: 22.5px; border: 1px solid #e1e1e1; margin-top: 3px; }
.img-comment .write .comment-input textarea{min-height: 45px; padding: 12px 65px 12px 25px; width: 100%; position: relative; box-sizing: border-box; border:0; background: transparent; overflow-y: hidden;}
.img-comment .write .comment-input .icon.camera{position: absolute; top: 14px; right: 52px; width: 30px; height: 25px; background: url(../img/event-icon.svg) 0 -26px no-repeat;}

.img-comment .write .comment-input .icon.camera.done{background: #ccc;}

.img-comment .write .comment-input .btn-area{padding-top: 15px; padding-bottom: 55px; padding-right: 0;}
.img-comment .write .comment-input .btn-area button{background: #969696; color: #fff; height: 35px; line-height: 35px; padding: 0 15px; border-radius: 1px; font-size: 15px; margin-left: 15px; width: 102px;}

.img-comment .write .comment-input .btn-area button:first-child{background: #3da5cc}

.img-comment .write .comment-input .add-img{background: transparent; padding: 16px 25px 40px;}
.img-comment .write .comment-input .add-img button{background: transparent;}
.img-comment .write .comment-input .add-img button i{color: #999;}
.img-comment .write .comment-input .add-img img{width: 100%; max-width: 250px;}
.img-comment .more{margin-top: 80px;}
.img-comment .more button{width: 100%; max-width: 300px; padding: 18px 10px; font-size: 16px; font-weight: 400; color: #fff; background: #969696;}

.img-comment .grid{margin-left: -10px; margin-right: -10px;}
.img-comment .grid div{padding-left: 10px; padding-right: 10px;}
.img-comment .grid .grid-item{position: relative; margin-bottom: 20px; cursor: pointer;}
.img-comment .grid .grid-item .item-inner{position: absolute; left: 0; bottom: 0; padding-left: 5px; padding-right: 5px; width: 100%; z-index: 1;}
.img-comment .grid .grid-item .id{width: 100%; background: #fff; padding: 15px; padding-bottom: 24px; box-sizing: border-box; box-shadow: 1px 1px 2px rgba(0,0,0,0.1)}
.img-comment .grid .grid-item .id span{vertical-align: middle; width: 30px; height: 30px;}
.img-comment .grid .grid-item .id em{vertical-align: middle; color: #777; padding-left: 5px;}
.img-comment .grid .grid-item .id p{padding-top: 10px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; line-height: 1.4em; color: #555;}
.img-comment .grid .grid-item .id .right{line-height: 26px;}
.img-comment .grid .grid-item .id .right em{color: #999999;}

.img-comment .grid .grid-item .upside{position: absolute; top: 0; left: 0; height: 100%; z-index: 0;}


.img-comment .img-pop{width: 100%; height:100%; position: fixed; top: 0; left: 0; z-index: 9999; background: rgba(0,0,0,0.8); display: none; overflow-y: auto; padding-bottom: 100px;}
.img-comment .img-pop .inner{width: 95%; max-width: 900px; margin: 0 auto; margin-top: 100px; padding-right: 0; padding-left: 0;}
.img-comment .img-pop .table{display: table; background: #000; padding-right: 0; padding-left: 0; margin-bottom: 0;}
.img-comment .img-pop .table-cell{width: 50%; display: table-cell; vertical-align: middle; padding-right: 0; padding-left: 0;}
.img-comment .img-pop .cell-right{width: 50%; padding: 20px; box-sizing: border-box; background: #fff; vertical-align: top;}
.img-comment .img-pop .id p{margin-top: 20px; line-height: 26px;}
.img-comment .img-pop .id em{color: #777; padding-left: 5px;}
.img-comment .img-pop .id .right{height: 52px; line-height: 50px;}
.img-comment .img-pop .id .right em{color: #999;}

.img-comment .img-pop .pop-close button{color: #fff; background: transparent;}
.img-comment .img-pop .pop-close button i{color: #fff;}

.img-comment .img-pop .reload-btn{background: #969696; color: #fff; height: 35px; line-height: 35px; padding: 0 15px; border-radius: 1px; font-size: 14px; margin-left: 15px; width: auto; position: absolute; bottom: 15px; right: 15px;}
.img-comment .img-pop.relative{position: relative; display: block; background: transparent; z-index: 0; padding-bottom: 0;}
.img-comment .img-pop.relative .table{background: transparent; position: relative;}
.img-comment .img-pop.relative .cell-left{padding: 0 15px;}
.img-comment .img-pop.relative .cell-right{background: transparent;}
.img-comment .img-pop.relative .inner{margin-top: 0; width: 100%;}
.img-comment .img-pop.relative .id p{padding-bottom: 45px;}

.img-comment .img-pop.absolute .cell-left a{display: block; position: relative;}
.img-comment .img-pop.absolute .cell-left .img-big{top: 10px; right: 10px;}
@media screen and (max-width: 991px){
	.header-height{width: 100%; height: 55px;}
}

@media screen and (max-width: 767px){
	.img-comment .write{background: transparent; padding-top: 60px;}

	.img-comment .now div p{width: 100%; font-size: 18px; padding: 23px 10px; border-radius: 37px; position: relative; bottom: 0;}
	.img-comment .now div p .icon{width: 30px; background-size: 50px; background-position: 0 -57px; height: 25px; margin-right: 10px;}	

	.img-comment .now.no2 div{margin-bottom: 40px;}
	.img-comment .now.no2 div p,.img-comment .now div p .big{font-size: 18px;}
	.img-comment .now.no2 div p .icon{background-position: 0 -42px; height: 26px; width: 30px; background-size: 60px; margin-right: 5px;}
	

	.img-comment .id{padding-left: 0;}
	.img-comment .id span{width: 45px; height: 45px; margin-top: 3px;}
	.img-comment .id .icon{width: 19px; background-size: 60px; height: 22px; margin-top: 11px;}
	.img-comment .id .name{font-size: 14px;}

	.img-comment .write .comment-input{padding-right: 0; padding-left: 10px;}
	.img-comment .write .comment-input .btn-area{padding-bottom: 0;}

	.img-comment .write .comment-input textarea{padding: 12px 50px 12px 20px; font-size: 14px;}
	.img-comment .write .comment-input .icon.camera{right: 15px;}
	.img-comment .write .comment-input .add-img{padding: 16px 20px 30px;}
	

	.img-comment .img-pop{overflow-y: scroll;}
	.img-comment .img-pop.relative{overflow-y: auto;}
	.img-comment .img-pop .inner{margin-top: 20px;}
	.img-comment .img-pop .table{display: block; background: transparent;}
	.img-comment .img-pop .table-cell{width: 100%; display: block;}

	.img-comment .img-pop.relative .table-cell img{max-width: 400px; margin: 0 auto; display: block;}

}