@charset "utf-8";

/* 이벤트 내용 */
.eventContent{width: 100%; min-height: 490px; background: #c4c4c4; margin-bottom: 25px;}

/*  */
.reviewAverageW{margin: 30px 0 10px;}

.reviewAverage{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.reviewAverage .percent{color: #000; font-size: 13px; font-weight: 600; margin: 0 2px 0 5px;}
.reviewAverage .reviewer{color: #5c5c5c;}

/* 리뷰작성 */
.review_write{border: 1px solid #dedede; padding: 0 10px; box-sizing: border-box; margin-bottom: 25px;}
.review_write .writeTop{border-bottom: 1px solid #dedede;}
.review_write .writeTop .lecture{display: inline-block; font-family: NanumBarunGothic, sans-serif; font-weight: 600; font-size: 15px; color: #1b1a1a; padding: 15px 8px; box-sizing: border-box;}
.review_write .writeTop .starZone{display: inline-block;}
.review_write .writeTop .strLenZone{display: inline-block; padding-top: 15px; float: right;}
.review_write .writeTitle{margin-bottom: 5px;}
.review_write .writeTitle label{display: inline-block; font-family: NanumBarunGothic, sans-serif; font-weight: 600; font-size: 15px; color: #1b1a1a; padding: 15px 8px 10px 8px; box-sizing: border-box;}
.review_write .writeTitle input{width: 100%; height: 36px; resize: none; padding: 0 7px; box-sizing: border-box; font-family: NanumBarunGothic, sans-serif; font-size: 14px; color: #646464; /* border: 0; */border: 1px solid #D9D9D9; border-radius: 6px;}
.review_write .writeContent{margin-bottom: 5px;}
.review_write .writeContent label{display: inline-block; font-family: NanumBarunGothic, sans-serif; font-weight: 600; font-size: 15px; color: #1b1a1a; padding: 15px 8px 10px 8px; box-sizing: border-box;}
.review_write .writeContent textarea{width: 100%; height: 100px; resize: none; padding: 20px 7px; box-sizing: border-box; font-family: NanumBarunGothic, sans-serif; font-size: 14px; color: #646464; /* border: 0; */ border: 0px solid #D9D9D9; border-radius: 6px;}
.review_write .writeContent textarea::placeholder{font-family: NanumBarunGothic, sans-serif; font-size: 14px; color: #646464; opacity: 1;}
.review_write .writeBot{text-align: center; margin: 15px 0 15px 0;}
.review_write .writeBot .btnType1{display: inline-block; min-width: 71px; line-height: 30px; font-family: NanumBarunGothic, sans-serif; font-size: 14px; color: #fff; text-align: center; background: #212e4e; border: 2px solid #212e4e; box-sizing: border-box; margin: 0 2px; cursor: pointer;}
.review_write .writeBot .btnType2{display: inline-block; min-width: 71px; line-height: 30px; font-family: NanumBarunGothic, sans-serif; font-size: 14px; color: #fff; text-align: center; background: #5c5c5c; border: 2px solid #5c5c5c; box-sizing: border-box; margin: 0 2px; cursor: pointer;}
.review_write .writeBot .btnType1:hover{border-color: #000;}
.review_write .writeBot .btnType2:hover{border-color: #000;}

/* 리뷰리스트 */
.reviewListW .reviewSum{font-size: 13px; font-family: NanumBarunGothic, sans-serif; font-weight: 600; color: #646464; letter-spacing: -0.02em; margin-bottom: 12px;}
.reviewListW .reviewSum .bold{color: #2c2c2c; font: inherit;}
.reviewListW .reviewSum .count{color: #fe7400; font: inherit;}
.reviewListW .reviewList .review{border: 1px solid #dedede; margin-bottom: 20px; display:none;}
.reviewListW .reviewList .review .reviewTop{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: #efefef; height: 45px; padding: 10px 18px; box-sizing: border-box;}
.reviewListW .reviewList .review .reviewTop .lecture{font-size: 15px; font-family: NanumBarunGothic, sans-serif; font-weight: 600; color: #2c2c2c; float: left;}

.reviewListW .reviewList .review .reviewTop .reviewTitle{font-family: NanumBarunGothic, sans-serif; font-size: 13px; color: #333333; float: left;}
.reviewListW .reviewList .review .reviewTop .reviewTitle .title{display: inline-block; width: 520px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

/* .reviewListW .reviewList .review .reviewTop .writer{font-family: NanumBarunGothic, sans-serif; font-size: 13px; float: right;}
.reviewListW .reviewList .review .reviewTop .writer .name{color: #2c2c2c; font-family: inherit; font-weight: inherit; margin-right: 5px; padding-right: 8px; position: relative;}
.reviewListW .reviewList .review .reviewTop .writer .name::after{content: ""; display: block; width: 1px; height: 12px; background: #bbbbbb; position: absolute; right: 0; top: 4px;}
.reviewListW .reviewList .review .reviewTop .writer .date{color: #828282; font-family: inherit; font-weight: inherit; margin-right: 5px; padding-right: 8px;} */

.reviewListW .reviewList .review .reviewTop .writerInfo{font-family: NanumBarunGothic, sans-serif; font-size: 13px; float: right;}
.reviewListW .reviewList .review .reviewTop .writerInfo .writer{display: inline-block;}
.reviewListW .reviewList .review .reviewTop .writerInfo .name{color: #2c2c2c; font-family: inherit; font-weight: inherit; margin-right: 5px; padding-right: 8px; position: relative;}
.reviewListW .reviewList .review .reviewTop .writerInfo .name::after{content: ""; display: block; width: 1px; height: 12px; background: #bbbbbb; position: absolute; right: 0; top: 4px;}
.reviewListW .reviewList .review .reviewTop .writerInfo .starZone{display: inline-block; margin-right: 15px;}
.reviewListW .reviewList .review .reviewTop .writerInfo .date{color: #828282; font-family: inherit; font-weight: inherit; margin-right: 5px; padding-right: 8px;}
.reviewListW .reviewList .review .reviewTop .writerInfo .btnType3{display: inline-block; min-width: 49px; line-height: 21px; font-size: 12px; font-family: NanumBarunGothic, sans-serif; color: #fff; text-align: center; background: #f36523; border: 1px solid #f36523; margin: 0 2px;}
.reviewListW .reviewList .review .reviewTop .writerInfo .btnType4{display: inline-block; min-width: 49px; line-height: 21px; font-size: 12px; font-family: NanumBarunGothic, sans-serif; color: #fff; text-align: center; background: #5c5c5c; border: 1px solid #5c5c5c; margin: 0 2px;}
.reviewListW .reviewList .review .reviewContent{padding: 20px 18px; box-sizing: border-box; min-height: 105px; box-sizing: border-box; font-size: 14px; color: #646464; word-break: break-all;}

.reviewListW .reviewList .review .reviewContent .content{display: -webkit-box; overflow: hidden; -webkit-line-clamp: 4; -webkit-box-orient: vertical; }
.reviewListW .reviewList .review .reviewContent .float{float: right;  color: #646464; font-size: 12px;}
.reviewListW .reviewList .review .reviewContent .float .moreBtn::after{content: '더보기';}
.reviewListW .reviewList .review .reviewContent .float .on::after{content: '닫기';}

.reviewListW .reviewBtn{text-align: center; margin-bottom: 50px;}
.reviewListW .reviewBtn .more{display: inline-block; width: 115px; border-radius: 17px; border: 1px solid #c1c1c1; line-height: 33px; color: #000000; font-size: 14px; font-family: NanumBarunGothic, sans-serif; font-weight: 600; text-align: center; background: url(../../images/search/moreArrow.png) no-repeat right 25px center; letter-spacing: -0.02em; text-indent: -20px;}
.reviewListW .reviewBtn .more:hover{text-decoration: none;}

.reviewGuide{font-family: NanumBarunGothic, sans-serif; font-size: 13px; color: #595959; text-align:left; margin-bottom:50px;}
.noreview{font-family: NanumBarunGothic, sans-serif; font-size: 13px; color: #808080; text-align:center; margin-top:50px;}

/* modal*/
.modal{display: none; position:abslute; max-width:600px;}
.modal .titleTop{border-bottom: 2px solid #1b1a1a;}
.modal .titleTop .title{font-family: NanumBarunGothic, sans-serif; font-weight: 600; font-size: 18px; color: #5c5c5c; padding: 15px 8px 5px 8px;}
.modal .title{font-family: NanumBarunGothic, sans-serif; font-weight: 600; font-size: 16px; color: #5c5c5c; padding: 10px 1px 1px 4px;}
.modal .writerName{font-size: 15px; font-family: NanumBarunGothic, sans-serif; font-weight: 600; color: #5c5c5c; letter-spacing: -0.02em; margin: 30px 0 5px 0;}
.modal .writerName input[type=text]{border: 1px solid #d7d7d7; background: #ffffff; color: #5b5b5b; padding: 0 15px; box-sizing: border-box; border-radius: 4px; width: 100%; height: 30px; margin-top:5px;}
.modal .writerTel{font-size: 15px; font-family: NanumBarunGothic, sans-serif; font-weight: 600; color: #5c5c5c; letter-spacing: -0.02em; margin: 30px 0 5px 0;}
.modal .writerTel input[type=text]{border: 1px solid #d7d7d7; background: #ffffff; color: #5b5b5b; padding: 0 15px; box-sizing: border-box; border-radius: 4px; width: 100%; height: 30px; margin-top:5px;}
.modal .memo{font-size: 14px; font-family: NanumBarunGothic, sans-serif; font-weight: 600; color: #476D89; letter-spacing: -0.02em; margin: 30px 0 5px 0;}
.modal .writerJob{font-size: 15px; font-family: NanumBarunGothic, sans-serif; font-weight: 600; color: #5c5c5c; letter-spacing: -0.02em; margin: 15px 0 5px 0;}
.modal .writerJob .jobSelectBox{position: relative; width: 100%; margin-bottom: 8px;}
.jobSelectBox .jobSelect label{border: 1px solid #d7d7d7; background: #ffffff; color: #5b5b5b; padding: 0 15px; box-sizing: border-box; border-radius: 4px; width: 100%;  line-height: 30px; margin-top:5px; position: relative; display: block;}
.jobSelectBox .jobSelect label::after{content: ""; display: block; width: 12px; height: 12px; background: #ffffff url(../../images/search/select.png) no-repeat center center; background-size: 12px; position: absolute; right: 12px; top: 50%; transform: translateY(-50%);}
.jobSelectBox.on .jobSelect label{border-color: #d7d7d7;}
.jobSelectBox .jobSelect select{display: none;}
.jobSelectBox .jobSelectOpt{display: none;overflow: hidden; border-radius: 4px; border: 1px solid #d7d7d7; position: absolute; left: 0; top: calc(100% - 1px); width: 100%; box-sizing: border-box; background-color: #ffffff; z-index: 1;}
.jobSelectBox .jobSelectOpt li a{display: block; width: 100%; line-height: 40px; padding: 0 15px; box-sizing: border-box; font-size: 1rem; color: #5b5b5b;}
.jobSelectBox .jobSelectOpt li a:hover{background-color: #f2f2f2; color: #000000;}
.agreeBox{background-color: #f4f4f4; padding: 15px 20px; box-sizing: border-box; border-radius: 6px; margin: 30px 0 35px 0;}
.agreeBox .boxTitle {display: block; height: 30px; line-height: 30px; font-size: 0.94rem; color: #5c5c5c; font-family: NanumBarunGothic, sans-serif; padding: 0 6px; position: relative; border: 1px solid #dedede; border-left: 0; border-right: 0;}
.agreeBox .boxTitle .agreeLabel { display: block; position: relative; padding-left: 25px; margin-bottom: 10px; cursor: pointer; font-size: 14px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.agreeBox .boxTitle .agreeLabel input[type=checkbox] {display:none;}
.agreeBox .boxTitle .agreeLabel .on { width: 15px; height: 15px; background: #FFFFFF; border: 2px solid #1b1a1a; border-radius: 3px; position: absolute; top: 5px; left: 0px;}
.agreeBox .boxTitle .agreeLabel input[type=checkbox]:checked + .on { background: #f86480; border: 2px solid  #f86480;}
.agreeBox .boxTitle .agreeLabel .on:after { content: ""; position: absolute; display: none; }
.agreeBox .boxTitle .agreeLabel input[type="checkbox"]:checked + .on:after { display: block; }
.agreeBox .boxTitle .agreeLabel .on:after { width: 5px; height: 9px; border: solid #fff; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); position: absolute; left: 4px; top: 0px; }
.agreeBox .boxTitle .agreeLabel .txt { margin-left:5px; margin-top:1px; font-size: 15px; font-family: NanumBarunGothic, sans-serif; font-weight: 550; color: #1b1a1a;}
.agreeBox .boxTitle .agreeLabel .txt .txtpt { margin-left:5px; margin-top:1px; font-size: 15px; font-family: NanumBarunGothic, sans-serif; font-weight: 550; color: #E12828;}
.agreeBox .boxList >li{font-family: NanumBarunGothic, sans-serif; font-size: 0.90rem; color: #626262; position: relative; line-height: 20px; padding: 4px 0 0 8px;}
.agreeBox .boxList >li::before{content: ""; display: block; width: 3px; height: 3px; background-color: #6a6a6a; position: absolute; left: 0; top: 0.8em;}
.agreeBox .boxList .pt1{font-family: NanumBarunGothic, sans-serif; font-size: 0.90rem; color: #E12828; position: relative; line-height: 20px; padding: 1px 0 0 1px;}
.agreeBox .boxList .pt2{font-family: NanumBarunGothic, sans-serif; font-size: 0.90rem; color: #000000; position: relative; line-height: 20px; padding: 4px 0 0 4px;}
.modal .agreeBtn{text-align: center; margin:18px 0 5px 0;}
.modal .agreeBtn .btnType5{display: inline-block; width: 70px; border-radius: 17px; border: 1px solid #5c5c5c; background-color: #5c5c5c; line-height: 33px; color: #ffffff; font-size: 14px; font-family: NanumBarunGothic, sans-serif; font-weight: 600; text-align: center; letter-spacing: -0.02em;}
.modal .agreeBtn .btnType5:hover{text-decoration: none;}
.modal .agreeBtn .btnType6{display: inline-block; width: 70px; border-radius: 17px; border: 1px solid #c1c1c1; line-height: 33px; color: #5b5b5b; font-size: 14px; font-family: NanumBarunGothic, sans-serif; font-weight: 600; text-align: center; letter-spacing: -0.02em;}
.modal .agreeBtn .btnType6:hover{text-decoration: none;}