/*
+----------------------------------------------------------------------+
| Copyright (c) STUDYMAX.  co. Ltd
+----------------------------------------------------------------------+
| 작업일 : 2018-03-20
| 파일설명 : 커리큘럼 > 오늘의 학습후기
+----------------------------------------------------------------------+
| 작업자 : 박소율
+----------------------------------------------------------------------+
| 수정이력
| 20180327 CSS세분화 by 박소율
| 20180416 레벨레이어팝업 추가 by bsh
| 20180806 레벨레이어팝업 수정 by 박소율
| 20190502 수정모드 css 수정 by 박소율
+----------------------------------------------------------------------+
*/
@charset "utf-8";
.repleTit{margin-bottom:7px;color:#f14747;font-size:16px;}
.repleTit .ico{margin-right:6px;vertical-align:middle;}
.repleTit .label{color:#444444;vertical-align:middle;}
.repleTit .num{color:#ed1c24;vertical-align:middle;}
.repleTit .paging{margin-top:-10px;}
.repleList{}
.repleList .repleInput{overflow:hidden;padding:10px;background:#f3f3f3;}
.repleList .repleInput .textarea{float:left;width:598px;height:88px;padding:5px;border:1px solid #cccccc;background:#ffffff;}
.repleList .repleInput .textarea textarea{width:598px;height:88px;overflow-y:auto;border:none;background:none;}
.repleList .repleInput .btn{float:right;}
.repleList img{vertical-align:middle;}
.repleList li {overflow:hidden;position:relative;min-height:113px; padding: 20px 0;border-top:1px solid #dfdfdf;}

/* 사진영역 .photo */
.repleList li .reviewPhoto{float: left;  height: 140px;width:  155px;} 

/* 댓글영역 */
.repleList li .reviewContens{float: left; padding-left: 25px; max-width: 545px; border-left: 1px solid #f1f1f1; min-height: 140px;}

.repleList li .repleMenu{position:absolute;top:21px;right:0;letter-spacing:-1px;line-height:10px;color:#666;}
.repleList li .repleMenu{position:absolute;top:21px;right:0;letter-spacing:-1px;line-height:10px;color:#666;}
.repleList li .repleMenu span{display:inline-block;height:20px;min-width:22px;padding:0 8px;line-height:18px;cursor:pointer;color:#444444;text-align:center;border:1px solid #aaaaaa;background:#f3f3f3;}

.repleList li .lv{vertical-align:middle;margin-right:5px;position:relative;}
.repleList li .lv > span{vertical-align:middle; }
.repleList li .lv .levelNum{position:absolute;top:2px;left:3px;color:#fff;font-size:11px;width:36px;text-align:center;}


.repleList li .icon{position:absolute;top:15px;left:10px;}
.repleList li .id{color:#333333;font-weight:bold;vertical-align:middle;}
.repleList li .id{color:#333333;font-weight:bold;vertical-align:middle;}
.repleList li .reple{position:relative;margin-top:12px;padding:10px 10px 15px 10px;color:#666666;line-height:18px;word-break:keep-all;background:#f1f1f1;}
*:first-child + HTML .repleList li .reple{margin-top:10px;}
.repleList li .reple .arr{position:absolute;top:-6px;left:42px;width:15px;height:6px;background:url('/images/front/community/reple_arr.png') no-repeat 0 0;}
/* .repleList li .reple .date{display:block;margin-top:5px;color:#aaaaaa;font-size:11px;} */
.repleList li .level{margin-right:5px;}
.repleList .date{display:inline-block;margin-top:5px;color:#aaaaaa;font-size:11px;margin-right:5px} 


.repleList li .answer{position:relative;padding:10px 7px 15px 30px;background:#f1f1f1 url('/images/front/community/answer_line.png') no-repeat 50% 0;}
.repleList li .answer .reple{margin-top:0px;padding-bottom:0;padding-left:0;}
.repleList li .answer .repleMenu{top:12px;right:20px}
.repleList li .answer .repleMenu span{border:none;font-weight:bold;color:#000;margin-left:10px;padding:0 0 0 12px;background:url('/images/front/community/reple_bar.png') no-repeat 0 50%;}
.repleList li .answer .repleMenu span:first-child{background:none;}
.repleList li .answer .repleMenu span:hover{text-decoration:underline}
.repleList li .textareaInput{display:inline-block;padding-top:6px;vertical-align:top;}
.repleList li .textarea{float:left;width:456px;height:68px;padding:5px;border:1px solid #cccccc;background:#fff;}
.repleList li .textarea textarea{height:68px;border:none;color:#929292;}
.repleList li .reple .textarea{width:486px;}
.repleList li .reple .textarea textarea{width:486px;}
.repleList li .answer .textareaInput{width:582px;}
.repleList li .answer .textareaInput .textarea{width:458px;}
.repleList li .answer .textareaInput .textarea textarea{width:458px;}

.repleList li  .btn{float:right;}



.repleList li .repleMenu{top:10px;}
.repleList li.first{border-top:none;}
.repleList.type3 li .reple.modify{padding:10px 10px 15px;}
*:first-child + HTML .repleList.type3 > ul > li{padding-top:11px;padding-bottom:10px;}
*:first-child + HTML .repleList.type3 li .reple{margin-top:0;}
*:first-child + HTML .repleList.type3 li .reple.modify{margin-top:10px;}




.myReview{margin-top:-8px !important;}
.myReview .reviewForm{height:240px;padding-top:45px;background:url('/images/front/community/bg_myReview.png') no-repeat 0 0;}
.myReview .reviewForm .question{padding-left:80px;color:#ff3300;letter-spacing:-1px;font-size:22px;font-weight:bold;}
.myReview .reviewForm .answer{padding:27px 0 0 27px;}
.myReview .reviewForm .answer textarea{width:685px;height:105px;border:none}
.myReview .reviewForm .answer .txt_gray{color:#888;}

.myReview .reviewForm .btnR{float:right;padding:20px 18px 0 0;}
.myReview .reviewForm .txtNotice{float:left;padding:26px 0 15px 70px;color:#444444;letter-spacing:-1px;background:url('/images/front/community/ico_speaker.png') no-repeat 20px 25px;}
.myReview .reviewForm .txtNotice .ico{margin-right:6px;}
.myReview .reviewForm .txtNotice strong{color:#fff200;}

.myReview .repleList{margin-top:15px;border-bottom:1px solid #eeeeee;}
.myReview .repleList li:first-child{border-top:none;}
.myReview .repleList li .reple{margin-top:0px;padding-left:0px;background:none;min-height:70px;word-break:break-all;word-wrap:break-word;white-space:normal;}
.myReview .repleList li .reple .arr{display:none;}
.myReview .repleList li .reple .date{margin-top:10px;}
.myReview .repleList li .reple.modify{margin-top: 43px;padding-bottom:10px;background:#eeeeee;position: absolute;left: 181px;right: 0;top: 0;} /* 20190502 position 추가 by 박소율 */
.myReview .repleList li .reple.modify .arr{display:block;}
.myReview .repleList li .reple.modify .textareaInput{padding-top:0px;display: block;} /* 20190502 display 추가 by 박소율 */
.myReview .repleList li .reple .textarea{width: 98%;} /* 20190502 width 수 by 박소율 */
.myReview .repleList li .reple .textarea textarea{width:100%;}
.myReview .repleList li .reple .btn{padding-top:6px;}


/* 레벨체계 */
.repleList li .photo{}
.repleList li .photo .levelArea{overflow: hidden;text-align: center;margin : 0 auto;width: 96px;}
.repleList li .photo .levelArea img {max-width: 96px;margin-top: 7px;border-radius : 50%;width: 96px;}
.repleList li .photo .levelBoder{position: absolute;left: 14px;top: 9px;width:  123px;height: 123px;}
.repleList li .photo .levelBoder img{width: 100%;}

.repleList li .photo .landMark {position: relative;width: 117px;margin: 7px auto 0;height: 32px;background-repeat: no-repeat;background-position: 17px bottom;}
.repleList li .photo.magic .landMark{background-image: url("/images/front/community/landTxtBG_magic_H20.png") ;}
.repleList li .photo.eastern .landMark{background-image: url("/images/front/community/landTxtBG_eastern_H20.png");}
.repleList li .photo.western .landMark{background-image: url("/images/front/community/landTxtBG_western_H20.png");}
.repleList li .photo.adventure .landMark{background-image: url("/images/front/community/landTxtBG_adventure_H20.png");}

/* 앰블럼. */
.repleList li .photo .landMark .ico{position:absolute;bottom: 0px;left: 0px;}
.repleList li .photo.magic .landMark .ico{bottom: -1px;}
.repleList li .photo.adventure .landMark .ico{bottom: -1px;left: 0px;}

/*랜드 이름*/
.repleList li .photo .landMark .landTitle{position:absolute;top: 14px;left: 34px; font-size: 12px; color: #fff}
.repleList li .photo.magic .landMark .landTitle{left: 39px;}
.repleList li .photo.adventure .landMark .landTitle{left: 31px;letter-spacing: -1px;}

/* 마스터 앰블럼 */
.repleList li .lv .levelNum.masterLevelClass{color: #3d3d3d;  font-family: verdana;  font-weight: bold; left: 20px; top:4px;width: 31px;}

/* 사파리&크롬 */
@media screen and (-webkit-min-device-pixel-ratio:0){
	.repleList li .lv .levelNum.masterLevelClass{top: 2px;}
}

/* 스피킹덤 프로필 레벨 체계 리뉴얼 레이어 팝업 */
.frontComLayerPop .comLayerContent.todayStudyPage {}/* 20180806 margin-left 수정 by 박소율 */
.frontComLayerPop .comLayerDarkWindow {z-index:6000;display: block;position: fixed;border: 0;left: 0;top: 0;_position: absolute;width: 100%;height: 100%;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);opacity: .5;background-color: #000;height: expression(document.body.clientHeight);}
.frontComLayerPop .comLayerContent.todayStudyPage .layerWrapTop{z-index:6100;position:fixed;top:50%;left:50%;margin-left:-320px;margin-top:-350px;text-align:left;}