@charset "utf-8";

.review_wrap{ overflow: hidden; background:#f6f6f8; }

.review_tit { background:#fff;  }
.review_tit h2{ padding:1rem; text-align:center; font-size: 1.4rem; color:#1677cb; border-bottom:0.1rem solid #1677cb; }

.tec_top-nav{ overflow:hidden;  width: 100%; border-bottom:1px solid #f1f1f1; background:#fff; }
.tec_top-nav .swiper-wrapper{  }
.tec_top-nav .swiper-wrapper .swiper-slide{ font-size:1rem; background-color:#fff;  height:3.7rem;  background:url("//img.megastudy.net/mobile/smart_new/bg_line1.png") no-repeat right center ; background-size: 2px 1.2rem ; }
.tec_top-nav .swiper-wrapper .swiper-slide:last-child{ width:30%; background:none; }
.tec_top-nav .swiper-wrapper .on{ border-bottom:3px solid #2082dd; color: #2082dd; }
.tec_top-nav .swiper-wrapper .swiper-slide{
 /* Center slide text vertically */
 		width: 26%;
 		 text-align: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
}

.swiper-container-horizontal>.swiper-pagination-progress{ position:inherit; left:inherit; top:inherit; height:0.2rem;}

.tec_top-nav .swiper-wrapper.swiper-slide:last-child {
        width: 40%;
        background-image:none !important;
    }

.review_selbox{ display: -webkit-flex; display: flex; margin-top:1.3rem; padding:1rem; background:#fff; border: 0.1rem solid #e4e4e4; border-width:0.1rem 0 ; }
.review_selbox div:nth-child(1){ -webkit-flex: 2; flex: 2; }
.review_selbox div:nth-child(2){ -webkit-flex: 1; flex: 1; }
.review_selbox div a:nth-child(2){ margin-right:0; }
.review_selbox .btn_box7{ margin-right:0.5rem; }
.review_selbox .btn_box7.on{ color:#fff; background-color:#444a59 !important; background-image:url(//img.megastudy.net/mobile/smart_new/ico_btn-chk2_on.png);   }
.review_selbox .sel_st2{ height: 2.2rem; }

.review_detail{ padding:1.3rem 1rem; background:#444a59;  }
.review_detail p{ margin-bottom:0.5rem; color:#fff; }
.review_detail a{ display:block; margin-bottom:0.5rem; padding:0.5rem; background:#fff; color:#bbbbbb; font-size:0.9rem;   }
.review_detail a.on{ font-family: 'nanum-barun-gothic-bold'; color:#000; }

.review_sbx{ padding:1rem; display: flex; align-items: center;background: #fff;}
.review_sbx .vleft, .review_sbx label{flex:none}
.review_sbx label{text-align: left;}
.review_sbx span .txd1{color:#1677cb;}
.review_sbx .chkx1 {margin-top: 0;margin-right: 0.2rem;}
.review_sbx .chkx1+span {vertical-align: -0.1rem;}
.review_sbx .vright{margin-right: 1rem;}

.review_list{ overflow:hidden;  background:#fff; border:1px solid #e4e4e4; border-width:1px 0 0 0;  }
.review_list li{ display: -webkit-flex; display: flex; overflow:hidden; padding:1.3rem 1rem; border-bottom:1px solid #e4e4e4;width:100%}
.review_list .pic{ position:relative; -webkit-flex: 1; flex: 1;  min-width:8rem; min-height:8rem; background:#fff; border:0.1rem solid #e4e4e4; }
.review_list .pic img{ position:absolute; bottom:0; width:100%; }
.review_list .qsa_tit{ -webkit-flex: 10; flex: 10; padding-top:0.5rem; padding-left: 1rem;  }
.review_list .qsa_tit span{ display:block;color:#8d8d8d; }
.review_list .qsa_tit span:first-child{ padding-bottom:0.3rem; }
.review_list .qsa_tit .dateg{ padding-top:0.5rem; color:#8d8d8d; }
.review_list .qsa_tit i{ color:#1677cb; }
.review_list .qsa_ans{ float:right; height: 8rem; }
.clean-qa_list-none {color:#000000;text-align:center;flex:1;padding: 3rem 1rem;}
.clean-qa_list-none p {margin-bottom:1.0rem}

.trview_tec-info{ overflow:hidden; position:relative; padding:1.3rem; /*border-bottom:1px solid #e4e4e4;*/ }
.trview_tec-info .pic{ position:relative; float:left;  width:8rem; height:8rem; background:#fff; }
.trview_tec-info .pic img{ position:absolute; bottom:0; width:100%; }
.trview_tec-info .hst{ overflow:hidden; padding-left:1.3rem; /*padding-bottom:0.5rem;*/ }
.trview_tec-info .hst .tix{}
.trview_tec-info .hst .tix dd:first-child{ padding-bottom:0.3rem; }
.trview_tec-info .hst .tix dd{ color:#8d8d8d; font-size:0.8rem; }
.trview_tec-info .hst .tix dt{ padding-top:0.8rem;  }
.trview_tec-info .hst .btn_box11{ margin-top:0.3rem; background-color:#fff; margin-bottom:0.2rem; }
.trview_tec-info .tll-mv_list{ clear:both; overflow:hidden; /*margin-top:0.5rem;*/ }
.trview_tec-info .tll-mv_list li{ padding:0.4rem; background:#a1a4ac; border-bottom:1px solid #babcc2; color:#fff;   }
.trview_tec-info .tll-mv_list li a{ color:#fff; }
.trview_tec-info .qa_btn{ position:absolute; right:1.4rem; top:1.3rem;  }
.trview_tec-info .qa_btn .btn_circle61{ width:2.5rem; height:2.5rem; }

.trview_infx{ overflow:hidden; background:#fff; padding:1.3rem; border-top:1px solid #e4e4e4;  }
.trview_infx .mvtit{ overflow:hidden; }
.trview_infx .mvtit span{ display:inline-block; }
.trview_infx .mvtit span:nth-child(1){ float:left; }
.trview_infx .mvtit span:nth-child(2){ float:right; font-size:0.9rem; }
.trview_infx .mvcon{ overflow:hidden; margin-top:1.2rem; color:#3f3f3f; }
.trview_infx .mvinf{ overflow:hidden; margin-top:2.2rem; color:#8d8d8d; }
.trview_infx .mvinf span{ display:block; font-size:0.9rem; }
.trview_infx .mvinf span:nth-child(1){ padding-bottom:0.2rem; }
.trview_infx .mvinf span i{ font-weight:bold; color:#3f3f3f; }
.trview_infx .secret{ display:block; color:#1677cb; }

.trview_rate{ overflow:hidden; background:#fff; padding:1.3rem; border-top:1px solid #e4e4e4; }
.trview_rate .tix{ display:inline-block;     vertical-align: 0.3rem;}
.trview_rate .rating{ margin-left:0.5rem; }
.trview_rate .adtx{ float:right;  }
.trview_rate .adtx span{ vertical-align:-0.3rem;}
.trview_rate .adtx i{ color:#f34d51; }

.trview_caution{ overflow:hidden; background:#fff; padding:1.3rem; border-top:1px solid #e4e4e4; color:#8d8d8d; font-size:0.9rem; }
.trview_caution .listx{ margin-top:1rem; }
.trview_caution .listx dt{ margin-bottom:0.3rem;   }
.trview_caution .listx dd{ margin-bottom:0.5rem;  padding-left:0.7rem; text-indent: -0.7rem; }
.trview_caution .wr_name{ padding:1rem; background:#f6f6f8;  }
.trview_caution .wr_name span{ display:block; }
.trview_caution .wr_name span:nth-child(2){ color:#000; }

.rev_btn{ overflow:hidden; padding:1.3rem 1.3rem 0.1em; text-align:left; }

.trview_rpy {margin-top:1.3rem;padding:1.5rem 1.3rem;overflow:hidden;border: 0.1rem solid #e4e4e4;border-width:0.1rem 0 0.1rem 0;background:#fff;}
.trview_rpy .full_tit {/*font-weight:bold;*/}
.trview_rpy .full_tit i{ color:#f34d51; }
.trview_rpy .table_area {padding: 0.8rem 0 0 0;}
.trview_rpy .tc_box {display:block; padding:0 0.7rem; width:6.2rem; float:left; text-align:left; line-height:1.8rem;}
.trview_rpy .tc_box img {vertical-align:middle;}
.trview_rpy .pt_box { text-align:right; padding:0.8rem 0 0 0;}
.trview_rpy .reply_input {width:75%;min-height:2rem;padding:0; border: 1px solid #696e7a;  font-family: 'nanum-barun-gothic-light'; background-color: #fff !important;}
.trview_rpy .textarea_on {display:none;}
.trview_rpy .textarea_on .reply_input {width:100%; min-height:6rem; padding: 0.5rem 2rem 0.4rem 0.6rem; color:#8d8d8d;}
.trview_rpy .textarea_on .btn_box1 {padding:0.4rem 0.8rem 0.3rem;}
.trview_rpy .textarea_off .reply_input { font-size:0; float:left;}
.trview_rpy .textarea_off .btn_box1 {padding:0.4rem 0.8rem 0.3rem;}

.trview_rpy2{ margin-top:1.3rem; padding:1.5rem 1.3rem; overflow:hidden; border:0.1rem solid #e4e4e4; border-width:0.1rem 0 0 0; background:#fff; }
.trview_rpy2 .hinf .name{ overflow:hidden; padding-bottom:0.5rem; }
.trview_rpy2 .hinf .name span{ float:left; padding-top: 0.5rem; font-size:0.9rem; color:#8d8d8d; }
.trview_rpy2 .hinf .name .del_btn { float:right; }
.trview_rpy2 .hinf .del_btn{ display:inline-block; width:1.6rem; height:1.6rem; background:url("//img.megastudy.net/mobile/smart_new/btn_ico-close.png") no-repeat; background-size:100%;     vertical-align: middle; }
.trview_rpy2 .hinf .del_btn i{ display:none; }
.trview_rpy2 .con{ margin-bottom:1rem; }
.trview_rpy2 .btn_box11 i{ color: #f34d51; }
.trview_rpy2 .pt_box { text-align:right; padding:0.8rem 0 0 0;}
.trview_rpy2 .reply_input {width:75%;min-height:2rem;padding:0; border: 1px solid #696e7a;  font-family: 'nanum-barun-gothic-light'; background-color: #fff !important;}
.trview_rpy2 .textarea_on {display:none;}
.trview_rpy2 .textarea_on .reply_input {width:100%; min-height:6rem; padding: 0.5rem 2rem 0.4rem 0.6rem; color:#8d8d8d;}
.trview_rpy2 .textarea_on .btn_box1 {padding:0.4rem 0.8rem 0.3rem;}
.trview_rpy2 .textarea_off .reply_input {font-size:0; float:left;}
.trview_rpy2 .textarea_off .btn_box1 {padding:0.4rem 0.8rem 0.3rem;}

.trview_reply{ padding:0 1.3rem; background:#fff;}
.trview_reply .megacast_rpy3{  padding:1.5rem 1.3rem 1.3rem 1.8rem; overflow:hidden; border:0.1rem solid #e4e4e4; border-width: 0.1rem 0 0 0;  background:url("//img.megastudy.net/mobile/smart_new/ico_rpy-img.png") no-repeat; background-size:1rem ; background-position:0 1.5rem; }
.trview_reply .megacast_rpy3 .hinf .name{ overflow:hidden; padding-bottom:0.5rem; }
.trview_reply .megacast_rpy3 .hinf .name span{ float:left; padding-top: 0.5rem; font-size:0.9rem; color:#8d8d8d; }
.trview_reply .megacast_rpy3 .hinf .name a{ float:right; }
.trview_reply .megacast_rpy3 .hinf .del_btn{ display:inline-block; width:1.6rem; height:1.6rem; background:url("//img.megastudy.net/mobile/smart_new/btn_ico-close.png") no-repeat; background-size:100%;     vertical-align: middle; }
.trview_reply .megacast_rpy3 .hinf .del_btn i{ display:none; }
.trview_reply .megacast_rpy3 .con{ margin-bottom:1rem; }

/* .rvselect{ background:#fff; width:24rem;  border:1px solid #696e7a; } */
.rvselect{ background:#fff;}
.rvselect img{ width:100%; }
.rvselect .tbox{ display: -webkit-flex; display: flex; overflow:hidden; padding:1.1rem 1.3rem; border-bottom:1px solid #e4e4e4; }
.rvselect .tbox > div:nth-child(1){ -webkit-flex: 5; flex: 5;}
.rvselect .tbox > div:nth-child(2){ -webkit-flex: 1; flex: 1;}
.rvselect .tbox span{ display:inline-block; float:left; }
.rvselect .tbox a{ display:inline-block; float:right; width:1.2rem; height:1.2rem; }
.rvselect .tcon{ padding:1.1rem 1.3rem; height: 25rem; overflow-y: scroll; }
.rvselect .tcon a{ display:block; text-align:center; color:#000; padding:0.5rem; }
.rvselect .tcon .all{ color:#1677cb; }

/* ?뜑蹂닿린 ?뒪????씪 ?쟻?슜 */
.review_wrap .clean-qa_list{ overflow:hidden; background:#fff; border:1px solid #e4e4e4; border-width:1px 0 0 0;  }
.review_wrap .clean-qa_list li{ overflow:hidden; padding:0 1.3rem; border-bottom:1px solid #e4e4e4;}
.review_wrap .clean-qa_list .qsa_tit{ float:left; padding-top:0.5rem; margin:1rem 0; }
.review_wrap .clean-qa_list .qsa_tit span{ display:block; }
.review_wrap .clean-qa_list .qsa_tit span .tg1{ color:#af9483; }
.review_wrap .clean-qa_list .qsa_tit span .tg2{ color:#f34d51; }
.review_wrap .clean-qa_list .qsa_tit span .tg3{ color:#1677cb; }
.review_wrap .clean-qa_list .qsa_tit .dateg{ padding-top:0.5rem; font-size:0.8rem; color:#8d8d8d; }
.review_wrap .clean-qa_list .qsa_ans{ float:right; margin: 1rem 0; }
.review_wrap .clean-qa_btn{  padding:1.3rem; background:#fff; text-align:center;  }
.review_wrap .clean-qa_btn a{ display:block; padding:1rem 0; font-weight:bold; color:#a5a8af; border-color:#a5a8af; }

/* Media Query ################################################################################*/
@media screen and (max-width:360px) {
  /* CSS for screens that are 320 pixels or less will be put in this section */
}

@media screen and (min-width:360px) and (max-width:640px) {
  /* for screens that are at least 320 pixels wide but less than or equal to 640 pixels wide */
}
@media screen and (orientation:portrait) {
  /* ... */
}

@media screen and (orientation: landscape) {
  /* ... */
}

/* 230918 수강평 개선 건 */
.review_list .qsa_tit .keyword{font-weight: normal;color:#6299ff;font-family: nanum-barun-gothic;padding:2% 0 0 0;line-height: 1.4;font-size:0.9rem}
.trview_infx .keyword{font-weight: normal;color:#6299ff;font-family: nanum-barun-gothic;padding:0 0 2% 0;line-height: 1.4;font-size:0.9rem}