@charset "utf-8";

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

.megacast_tit { background:#fff; position:relative }
.megacast_tit h2{ padding:1rem; text-align:center; font-size: 1.4rem; color:#1677cb; border-bottom:0.1rem solid #1677cb; }
.megacast_tit .bt_sch {position: absolute;right: 1.5rem;display: inline-block;width: 1.3rem;top: 0.7em;}
.megacast_tit .bt_sch .ico_sch {width:2.0rem}

.megacast_selbox{ display: -webkit-flex; display: flex; margin-top:1.3rem; padding:1rem; background:#fff; border: 0.1rem solid #e4e4e4; border-width:0.1rem 0 ; }
.megacast_selbox div{ -webkit-flex: 1; flex: 1; margin:0 1%}
.megacast_selbox .sel_st2{ min-width:8.8rem; width:100%}

.megacast_sbx{ display: -webkit-flex; display: flex; flex-wrap: wrap; padding:1rem; border: 0.1rem solid #e4e4e4; border-width:0.1rem 0 ; }
.megacast_sbx span{ -webkit-flex: 3.5; flex: 3.5; }
.megacast_sbx span .txd1{color:#1677cb;}
.megacast_sbx .txd2{ flex: none; display: block; width:100%; color:#f34d51;}
.megacast_sbx .sel_st2{ -webkit-flex: 1; flex: 1; background-color:#fff;margin:0 0.1rem }
.megacast_sbx2 span{flex:3}
.megacast_sbx2 .sel_st2{flex:1.5}

.megacast_cast{ overflow:hidden;  }
.megacast_cast li{ overflow:hidden; background:#fff; padding:1.3rem 0; border-bottom:1px solid #e4e4e4; }
.megacast_cast li .cast_pic{ float:none; position:relative;  border:1px solid #a5a8af; margin-left: 1.3rem}
.megacast_cast li .cast_pic img{ width:100%; }
.megacast_cast li .cast_pic .time{ position: absolute; left: 0.5rem; bottom: 0.5rem; padding:0.1rem 0.5rem; font-size: 0.6rem; color: #fff; background:#252525; border-radius:5rem; }
.megacast_cast li .cast_ath{ overflow: hidden; padding-left:1.5rem; padding-top:0.3rem; }
.megacast_cast li .cast_ath dt{ padding-bottom:0.3rem; }
.megacast_cast li .cast_ath dt span{ display:block; font-size:0.9rem; }
.megacast_cast li .cast_ath dt .tx1{ color:#1677cb; }
.megacast_cast li .cast_ath dt .tx2{ color:#8d8d8d; }
.megacast_cast li .cast_ath dd{ padding-bottom:0.3rem; }
.megacast_cast li .cast_ath .tx3{ padding-top:0.6rem; color:#3f3f3f; }
.megacast_cast li .cast_ath .datex { padding-top:0.5rem; }
.megacast_cast li .cast_ath .datex span{ display:block; }
.megacast_cast li .cast_ath .datex{ display:block; font-size:0.9rem; }
.megacast_cast li .cast_ath .datex .tx4{ }
.megacast_cast li .cast_ath .datex i{ color:#1677cb; }
.megacast_cast li .cast_ath .datex .tx5{ color:#8d8d8d; }

.megacast_cast2{ overflow:hidden;  }
.megacast_cast2 li{ overflow:hidden; background:#fff; padding:1.3rem 0 0; border-bottom:1px solid #e4e4e4; }
.megacast_cast2 li .cast_box{ overflow:hidden; display: flex;align-items: center;}
.megacast_cast2 li .qsa_tit.dataNone {padding-bottom:1.3rem; text-align:center;}/* 2021-02-22 검색결과 없을시 추가 */

.megacast_cast2 li .cast_pic{ flex:0;border:1px solid #a5a8af; margin-left: 1.3rem;position: relative;display: block;}
.megacast_cast2 li .cast_pic img{ width:12.8rem;}
.megacast_cast2 li .cast_pic .time{ position: absolute; left: 0.5rem; bottom: 0.5rem; padding:0.1rem 0.5rem; font-size: 0.6rem; color: #fff; background:#252525; border-radius:5rem; }
.megacast_cast2 li .cast_ath{ overflow: hidden; padding:0.3rem 1.5rem 0 1.5rem;}
.megacast_cast2 li .cast_ath dt{ padding-bottom:0.3rem; }
.megacast_cast2 li .cast_ath dt span{ display:block; font-size:0.9rem; }
.megacast_cast2 li .cast_ath dt .tx1{ color:#1677cb; }
.megacast_cast2 li .cast_ath dt .tx2{ color:#8d8d8d; }
.megacast_cast2 li .cast_ath dd{ padding-bottom:0.3rem; }
.megacast_cast2 li .cast_ath .tx3{ padding-top:0.6rem; color:#3f3f3f; }
.megacast_cast2 li .datex { clear:both; margin-top:1.3rem; padding:1rem;font-size:0.9rem; background:#f6f6f8;  }
.megacast_cast2 li .datex span{ display:inline-block; }
.megacast_cast2 li .datex .tx4{ }
.megacast_cast2 li .datex i{ color:#1677cb; }
.megacast_cast2 li .datex .tx5{ color:#8d8d8d; margin-left: 1rem;}

.megacast_cast3{ overflow:hidden;  }
.megacast_cast3 li{ overflow:hidden; background:#fff; padding:1.3rem 0 0; border-bottom:1px solid #e4e4e4; }
.megacast_cast3 li .cast_box{ overflow:hidden; display: flex;align-items: center;}
.megacast_cast3 li .cast_pic{ border:0;margin-left: 0;flex:0}
.megacast_cast3 li .cast_pic a{width:12.8rem;  border:1px solid #a5a8af; margin-left: 1.3rem;position: relative;display: block;}
.megacast_cast3 li .cast_pic img{ width:100%; }
.megacast_cast3 li .cast_pic .time{ position: absolute; left: 0.5rem; bottom: 0.5rem; padding:0.1rem 0.5rem; font-size: 0.6rem; color: #fff; background:#252525; border-radius:5rem; }
.megacast_cast3 li .cast_ath{ overflow: hidden; padding-left:1.5rem; padding-top:0.3rem; }
.megacast_cast3 li .cast_ath dt{ padding-bottom:0.3rem; }
.megacast_cast3 li .cast_ath dt span{ display:block; font-size:0.9rem; }
.megacast_cast3 li .cast_ath dt .tx1{ color:#1677cb; }
.megacast_cast3 li .cast_ath dt .tx2{ color:#8d8d8d; }
.megacast_cast3 li .cast_ath dd{ padding-bottom:0.3rem; }
.megacast_cast3 li .cast_ath .tx3{ padding-top:0.6rem; color:#3f3f3f; }
.megacast_cast3 li .datex { clear:both; margin-top:1.3rem; padding:1rem;font-size:0.9rem; background:#f6f6f8;  }
.megacast_cast3 li .datex span{ display:inline-block; }
.megacast_cast3 li .datex .tx4{ }
.megacast_cast3 li .datex i{ color:#1677cb; }
.megacast_cast3 li .datex .tx5{ color:#8d8d8d; }


.megacast_cast4 {overflow:hidden;}
.megacast_cast4 li {overflow:hidden; background:#fff; padding:1.3rem 0 0; border-bottom:1px solid #e4e4e4; }
.megacast_cast4 li .cast_box{ overflow:hidden; }
.megacast_cast4 li .cast_pic{ float:left; position:relative; width:8rem;height:8rem; margin:0 0 1.5rem 1.3rem; border:1px solid #a5a8af; }
.megacast_cast4 li .cast_pic img{ width:100%; }
.megacast_cast4 li .cast_ath{ overflow: hidden; padding-left:0.5rem; padding-top:0.3rem; }
.megacast_cast4 li .cast_ath dt{ padding-bottom:0.3rem; }
.megacast_cast4 li .cast_ath dt span{ display:block; font-size:1.1rem; }
.megacast_cast4 li .cast_ath dt .tx1{ color:#3f3f3f; }
.megacast_cast4 li .cast_ath dt .tx1 strong {color:#1677cb;}
.megacast_cast4 li .cast_ath dt .tx2{ color:#3f3f3f; }
.megacast_cast4 li .cast_ath dd {padding-bottom:0.3rem; }
.megacast_cast4 li .cast_ath .tx3{ padding-top:0.6rem; color:#8d8d8d; }
.megacast_cast4 li .datex { clear:both; margin-top:1.3rem; padding:1rem;font-size:0.9rem; background:#f6f6f8;  }
.megacast_cast4 li .datex span{ display:inline-block; }
.megacast_cast4 li .datex i{ color:#1677cb; }




.megacast-more_btn{  padding:1.3rem; background:#fff; text-align:center;  }
.megacast-more_btn a{ display:block; padding:1rem 0; font-weight:bold; }

.megacast_tec-inf{ overflow:hidden; background:#fff; margin-top:1.3rem; padding:1.3rem; border:0.1rem solid #e4e4e4; border-width:0.1rem 0; }
.megacast_tec-inf .pic{ position:relative; float:left;  width:8rem; height:8rem; background:#fff; }
.megacast_tec-inf .pic img{ position:absolute; bottom:0; width:100%; }
.megacast_tec-inf .hst{ overflow:hidden; padding:1rem 0 0 1.3rem; }
.megacast_tec-inf .hst .tix{ }
.megacast_tec-inf .hst .tix dd{ padding-bottom:0.3rem; color:#1677cb; font-size:0.9rem; }
.megacast_tec-inf .hst .tix dt{  }
.megacast_tec-inf .hst .tix i{  color:#000 ; font-family: 'nanum-barun-gothic-light'; }
.megacast_tec-inf .hst .slink{ margin-top:1rem; }
.megacast_tec-inf .hst .slink > div:nth-child(1){ float:left; }
.megacast_tec-inf .hst .slink > div:nth-child(2){ float:right; }
.megacast_tec-inf .tlls2{}
.megacast_tec-inf .tlls2 a{ width:2.9rem; height:2.9rem; background-position:center;  }
.megacast_tec-inf .tlls2 .btn_circle61{ /*background-color:#af9483;*/ }
.megacast_tec-inf .tlls2 .btn_circle62{ background-color:#1677cb; background-image:url(https://img.megastudy.net/mobile/smart_new/btn_ico-sns2.png); }


.megacast_tec-inf2{ overflow:hidden; background:#f6f6f8; border:0.1rem solid #e4e4e4; border-width:0.1rem 0; }
.megacast_tec-inf2 .pic{ position:relative; float:left;  width:8rem; height:8rem; background:#fff;margin:1.3rem 0 1.3rem 1.3rem }
.megacast_tec-inf2 .pic img{ position:absolute; bottom:0; width:100%; }
.megacast_tec-inf2 .pic .ico {position:absolute;left:0;top:60%}
.megacast_tec-inf2 .hst{ overflow:hidden; padding:1rem 0 0 1.3rem; }
.megacast_tec-inf2 .hst .slink{ margin-top:0.2rem; }
.megacast_tec-inf2 .hst .slink .bold {color:#3f3f3f;margin-bottom:10px;}
.megacast_tec-inf2 .hst .slink > div:nth-child(1){ float:left; }
.megacast_tec-inf2 .hst .slink > div:nth-child(2){ float:right; margin-top:-1.0rem }
.megacast_tec-inf2 .tlls2 {padding-right:1.3rem}
.megacast_tec-inf2 .tlls2 a{ width:2.9rem; height:2.9rem; background-position:center;  }
.megacast_tec-inf2 .file_add {background:#effcfc;padding:1.0rem}
.megacast_tec-inf2 .file_add .tt {display:inline-block;vertical-align:0.5rem}
.megacast_tec-inf2 .file_add a {color:#1677cb;display:inline-block;vertical-align:0.5rem}
.megacast_tec-inf2 .hst .slink .mentor_tit dt {color:#3f3f3f;margin-bottom:10px}
.megacast_tec-inf2 .hst .slink .mentor_tit dd {color:#949494}

   /** padding-left: 1.2rem;
    background: url(https://img.megastudy.net/mobile/smart_new/ico_list-arw1.png) no-repeat;
    background-size: 0.3rem;
    background-position: 0.4rem 43%;
    line-height: 1;**/



.view_top_tit {overflow:hidden; background:#fff; margin-top: 1.3rem; padding:0.8rem }
.view_top_tit dt{color:#3f3f3f }
.view_top_tit dt span {display:block}
.view_top_tit dt .etc {padding:0.3rem 0 0.5rem}
.view_top_tit dd{ padding:0.5rem 0;color:#9c9c9c;border-top:1px solid #e4e4e4;}




.megacast_mv{ margin-top:1.3rem; }
.megacast_mv img{ width:100%; }
.megacast_mv .mv_txg{ padding:1rem 0; background:#efeff5; text-align:center; color:#747474; position:relative}
.megacast_mv .mv_txg .reImg {width:15px;height:15px;display:inline-block}
.megacast_mv .mv_txg .view_layer--wrap {position:absolute;left:50%;top:32px;margin-left:-139px;border:1px solid #d9d9d9;font-family:'맑은 고딕',Malgun gothic;background:#FFFFFF;padding:15px;text-align:center}
.megacast_mv .mv_txg .view_layer--wrap h6 {color:#333333;font-size:12px;margin:0;padding:0}
.megacast_mv .mv_txg .view_layer--wrap .txtIn {color:#7f7f7f;margin-top:10px;font-size:11px}


.megacast_con{ padding:1rem; clear:both;color:#949494;font-size:0.8rem}
.megacast_con .addin {color:#8d8d8d;margin-top:0.5rem}

.megacast_btnx{ overflow:hidden; padding:1rem; background:#fff; }
.megacast_btnx a{ background:#f6f6f8; color:#444a59;  }
.megacast_btnx a:nth-child(2){ float:left; }
.megacast_btnx a:nth-child(1){ float:right; }
.megacast_btnx .minf{ clear:both; padding-top:1rem; color:#8d8d8d; font-size:0.9rem; }

.megacast_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;}
.megacast_rpy .full_tit {/*font-weight:bold;*/}
.megacast_rpy .full_tit i{ color:#f34d51; }
.megacast_rpy .table_area {padding: 0.8rem 0 0 0;}
.megacast_rpy .tc_box {display:block; padding:0 0.7rem; width:6.2rem; float:left; text-align:left; line-height:1.8rem;}
.megacast_rpy .tc_box img {vertical-align:middle;}
.megacast_rpy .pt_box { text-align:right; padding:0.8rem 0 0 0;}
.megacast_rpy .reply_input {width:75%;min-height:2rem;padding:0; border: 1px solid #696e7a;  font-family: 'nanum-barun-gothic-light'; background-color: #fff !important;}
.megacast_rpy .textarea_on {display:none;}
.megacast_rpy .textarea_on .reply_input {width:100%; min-height:9rem; padding: 0.5rem 2rem 0.4rem 0.6rem; color:#8d8d8d;}
.megacast_rpy .textarea_on .btn_box1 {padding:0.4rem 0.8rem 0.3rem;}
/* .megacast_rpy .textarea_on .pt_box { display:flex;padding:0.8rem 0 0 0;align-items: flex-start;}
.megacast_rpy .textarea_on .pt_box a{ margin-left: auto;color:#1677cb;text-decoration: underline;}
.megacast_rpy .textarea_on .pt_box p{ text-align: left;padding-left: 1rem; text-indent: -0.8rem;padding-right: 5%;} */
.megacast_rpy .textarea_on .pt_box { display:flex;padding:0.8rem 0 0 0;align-items: flex-start;}
.megacast_rpy .textarea_on .pt_box a{ margin-left: auto;}
.megacast_rpy .textarea_on .pt_box p a{display:inline-block;color:#1677cb;text-decoration: underline;margin-left: 0.8rem;position: relative;}
.megacast_rpy .textarea_on .pt_box p a::after{content:'>';position: absolute;right:-1rem;top:0;}
.megacast_rpy .textarea_on .pt_box p{ text-align: left;padding-left: 1rem; text-indent: -0.8rem;padding-right: 5%;flex:2}
.megacast_rpy .textarea_off .reply_input { font-size:0; float:left;}
.megacast_rpy .textarea_off .btn_box1 {padding:0.4rem 0.8rem 0.3rem;}

.megacast_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; }
.megacast_rpy2 .hinf .name{ overflow:hidden; padding-bottom:0.5rem; position: relative;}
.megacast_rpy2 .hinf .name span{ float:left; padding-top: 0.5rem; font-size:0.9rem; color:#8d8d8d; }
.megacast_rpy2 .hinf .name .del_btn { float:right; }
.megacast_rpy2 .hinf .del_btn{ display:inline-block; width:1.6rem; height:1.6rem; background:url("https://img.megastudy.net/mobile/smart_new/btn_ico-close.png") no-repeat; background-size:100%;     vertical-align: middle; }
.megacast_rpy2 .hinf .del_btn i{ display:none; }
.megacast_rpy2 .con{ margin-bottom:1rem; }
.megacast_rpy2 .btn_box11 i{ color: #f34d51; }
.megacast_rpy2 .pt_box { text-align:right; padding:0.8rem 0 0 0;}
.megacast_rpy2 .reply_input {width:75%;min-height:2rem;padding:0; border: 1px solid #696e7a;  font-family: 'nanum-barun-gothic-light'; background-color: #fff !important;}
.megacast_rpy2 .textarea_on {display:none;}
.megacast_rpy2 .textarea_on .reply_input {width:100%; min-height:9rem; padding: 0.5rem 2rem 0.4rem 0.6rem; color:#8d8d8d;}
.megacast_rpy2 .textarea_on .btn_box1 {padding:0.4rem 0.8rem 0.3rem;}
.megacast_rpy2 .textarea_off .reply_input {font-size:0; float:left;}
.megacast_rpy2 .textarea_off .btn_box1 {padding:0.4rem 0.8rem 0.3rem;}
.megacast_rpy2 .megacast_reply, .megacast_rpy2 .megacast_reply .megacast_rpy3{padding-right: 0;}
.megacast_rpy2 .btn_box11{margin-right: 0.2rem;}
.megacast_rpy2 .ic_more{position: absolute;right:0;top:0.5rem;}
.megacast_rpy2 .ic_more img{transform: rotate(90deg);}

.megacast_reply{ padding:0 1.3rem; background:#fff;}
.megacast_reply .megacast_rpy3{position:relative; 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("https://img.megastudy.net/mobile/smart_new/ico_rpy-img.png") no-repeat; background-size:1rem ; background-position:0 1.5rem; text-align:left}
.megacast_reply .megacast_rpy3 .hinf .name{padding-bottom:0.5rem;text-align:left }
.megacast_reply .megacast_rpy3 .hinf .name span{padding-top: 0.5rem; font-size:0.9rem; color:#333; }
.megacast_reply .megacast_rpy3 .hinf .name a{ margin-left: 0.1rem;}
.megacast_reply .megacast_rpy3 .hinf .del_btn{position:absolute;right:0;top:1rem;display:inline-block; width:1.6rem; height:1.6rem; background:url("https://img.megastudy.net/mobile/smart_new/btn_ico-close.png") no-repeat; background-size:100%;     vertical-align: middle; }
.megacast_reply .megacast_rpy3 .hinf .del_btn i{ display:none; }
.megacast_reply .megacast_rpy3 .hinf a.del_btn{margin-left: 0.5rem;}
.megacast_reply .megacast_rpy3 .con{width:100%;margin-bottom:1rem; }

.megacast-more_btn2{  padding:1.3rem; background:#fff; text-align:center; border-top:0.1rem solid #e4e4e4; }
.megacast-more_btn2 a{ display:block; padding:1rem 0; font-weight:bold; }


.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("https://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;
    }
/* 230728 추가 */
.megacast_selbox2{  margin-top:1.3rem; padding:1rem; background:#fff; border: 0.1rem solid #e4e4e4; border-width:0.1rem 0 ;  display: flex;}
.megacast_selbox2 div{ flex:1;display: flex;}
.megacast_selbox2 select{ flex:1}
/* 230728 추가 */

.megacast_alert{ padding:1rem; background:#fff; border: 0.1rem solid #e4e4e4; border-width:0 0 0.1rem 0 ; }
.megacast_alert a{ background:#f6f6f8; width:100%; }

.megacast_free-list {    }
.megacast_free-list li{  margin-bottom:1.3rem; padding:1rem; border: 0.1rem solid #e4e4e4; border-width:0.1rem 0; background:#fff; }
.megacast_free-list li:nth-child(1){ border-top:none; }
.megacast_free-list .titb { overflow:hidden; }
.megacast_free-list .titb.none{ text-align: center; }
.megacast_free-list .titb .sbj_tx{ display:block; margin-bottom:0.4rem; font-size:0.9rem }

.megacast_free-list .cpop-btn{ overflow:hidden; margin:1rem 0 0 ; text-align:right; }
.megacast_free-list .cpop-btn > div:nth-child(1){ float:left; padding-top: 0.5rem }
.megacast_free-list .cpop-btn > div:nth-child(2){ float:right; }

.megacast_free-list .cpop-btn .clr2 i{ color:#000; font-weight: bold; text-decoration:line-through}
.megacast_free-list .cpop-btn .clr3{color:#1677cb}
.megacast_free-list .cpop-btn .clr1{ color: #f34d51; }
.megacast_free-list .cpop-btn .bg1{ padding-left:1.2rem; background:url("https://img.megastudy.net/mobile/smart_new/ico_arw1.png") no-repeat 0 center; background-size:1rem; }

.megacast_free-list .cpop-btn .btn_box1{  }
.megacast_free-list .cpop-btn .cani{ margin-right:0.5rem; }
.megacast_free-list .cpop-btn .payi{ float:right; background:#f34d51; color:#fff; border-color:#f34d51; }

.megacast-more_btn3{  padding:0 1.3rem 1.3rem;text-align:center;  }
.megacast-more_btn3 a{ display:block; padding:1rem 0; font-weight:bold;  background:#fff;  }

.free_caulay{ background:#fff; width:24rem;  border:1px solid #696e7a; }
.free_caulay img{ width:100%; }
.free_caulay .tbox{ display: -webkit-flex; display: flex; overflow:hidden; padding:1.1rem 1.3rem; border-bottom:1px solid #e4e4e4; }
.free_caulay .tbox > div:nth-child(1){ -webkit-flex: 5; flex: 5;}
.free_caulay .tbox > div:nth-child(2){ -webkit-flex: 1; flex: 1;}
.free_caulay .tbox span{ display:inline-block; float:left; }
.free_caulay .tbox a{ display:inline-block; float:right; width:1.2rem; height:1.2rem; }
.free_caulay .tcon{ padding:1.1rem 1.3rem; }
.free_caulay .tcon .tinf{ margin-bottom:1rem;}
.free_caulay .tcon .tinf dt{ padding-bottom:0.5rem; color:#1677cb; }
.free_caulay .tcon .tinf dd{ padding-left: 0.5rem; text-indent: -0.8rem;font-size:0.9rem; letter-spacing:-1px; }
.free_caulay .zml_btn{ margin-top:1rem; text-align:center; }

.tpk1{ margin-top:1.3rem; background:#fff; padding: 1rem 1.4rem; border-top:1px solid #e4e4e4;   }
.tpk1 span{ display:block; vertical-align: top; padding-left:2rem; background-image:url("https://img.megastudy.net/mobile/smart_new/ico_note.png"); background-size: 1.4rem; background-position: 0.2rem 0; background-repeat:no-repeat;  }

.study_list{ padding: 1rem 1.4rem; border-top:1px solid #e4e4e4;  background-color:#fff; }
.study_list .tll-top{ overflow:hidden; }
.study_list .tll-top > span{ float:left; color:#8d8d8d; }
.study_list .tll-top > span i{ color:#000; }
.study_list .tll-tit{ margin-top:0.6rem; display: -webkit-flex; display: flex; }
.study_list .tll-tit span:nth-child(1){ -webkit-flex: 1; flex: 1;  }
.study_list .tll-tit span:nth-child(2){ -webkit-flex: 1; flex: 1; padding: 0 0.1rem; }
.study_list .tll-tit span:nth-child(3){ -webkit-flex: 18; flex: 18; }
.study_list .tll-tit span.ico_txt {flex: none !important;}
.study_list .tll-tit .img{ display:inline-block; width:1.2rem; height:1.2rem; margin-right:-1px; vertical-align: top; }
.study_list .tll-tit .img img{ width:100%; }
.study_list .tll-tit .lect{ margin-left:0.6rem; font-size:1.2rem; }

.modal-content {
height: 100%;
display: -webkit-box;
-webkit-box-orient: horizontal;
-webkit-box-pack: center;
/* -webkit-box-align: center; */
}

.sns_share-box{}
.sns_share-box .sns{ text-align:center; }
.sns_share-box .sns a{ display:inline-block; width:3.7rem; height:3.7rem; }
.sns_share-box .url{ padding:0.8rem 0; text-align:center; }
.sns_share-box .cation{ text-align:center; }

.cast_none{ margin-bottom:1.3rem; padding:4.1rem 1rem; background:#fff; text-align:center;  }

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


.opinion_wbox{ display: -webkit-flex; display: flex; padding:1rem 1.3rem; background:#fff; border-top:0.1rem solid #e4e4e4;  }
.opinion_wbox div{  -webkit-flex: 1; flex: 1;  }
.opinion_wbox div:nth-child(1) i{ color:#f34d51; }
.opinion_wbox div:nth-child(2){}
.opinion_wbox .btn_sr{ display:inline-block; width:2rem; height:2rem; margin-left:0.5rem; background:url("https://img.megastudy.net/mobile/smart_new/btn_ico-refersh.png") no-repeat; background-size:2rem; background-position:left center; text-indent:-9999px;  }


.opinion_list{ overflow:hidden; background:#fff; border:1px solid #e4e4e4; border-width:1px 0 0 0;  }
.opinion_list li{ overflow:hidden; padding:0 1.3rem; border-bottom:1px solid #e4e4e4;}
.opinion_list .noti{ background:#effcfc; }
.opinion_list .qsa_tit{ float:left; padding-top:0.5rem; margin:1rem 0; }
.opinion_list .qsa_tit .ico_txt{ height:1.4rem; }
.opinion_list .qsa_tit .dateg{ display:block; padding-top:0.5rem; font-size:0.8rem; color:#8d8d8d; }
.opinion_list .qsa_tit .dateg em img  {width:0.8rem}
.opinion_list .qsa_ans{ float:right; margin: 1rem 0; }
.opinion_list .tn_ico{ width:1rem; height:1rem; }
.opinion_list .r_n {color:#1677cb;}


.opinion_view{ overflow:hidden; background:#fff; margin-top: 1.3rem;   border-top:0.1rem solid #e4e4e4;   }
.opinion_view .qsa_tit{ overflow:hidden;  padding:1rem 1.3rem;  }
.opinion_view .qsa_tit span{ display:block; }
.opinion_view .qsa_tit span .tg1{ color:#1677cb; }
.opinion_view dd{ padding:1rem 1.3rem;  border-top:0.1rem solid #e4e4e4; }
.opinion_view .dateg{ padding-top:0.5rem; font-size:0.8rem; color:#8d8d8d; }
.column .opinion_view .dateg, .snote .opinion_view .dateg{ padding-left: 1.3rem;}
.opinion_view .qsa_ans{ float:right; margin: 1rem 0; }
.opinion_view .qsa_ans span {color:#4ed7dc;display:inline-block;vertical-align:1.0rem}


.my_ext-end {margin-bottom: 0.5rem; padding: 4.1rem 1rem; border: 1px solid #e4e4e4; border-width: 1px 0 1px 0; background: #fff;   text-align: center;}

.gap_case1 {margin:0 0 0.5rem 1.5rem}

.megacast_cast--title{overflow:hidden; padding:1.2rem 1.2rem 0; background:#fff; border-bottom:1px solid #e4e4e4;line-height:1.5rem;font-weight:normal;font-size:1.25rem;height:3.75rem;color:#1677cb}
.preview_selbox{background: #f6f6f8;margin-top: 0;border-top: 0}
.preview_selbox .sel_st2{width:35%}
.preview_cast li{display: flex;align-items:center}
.preview_cast li>div{flex: 1}
.preview_cast li .cast_pic{border:0;margin-left: 0;flex:0}
.preview_cast li .cast_pic a{float:left; width:12.8rem;  border:1px solid #a5a8af; margin-left: 1.3rem}
.preview_cast li .cast_pic .time{left:1.8rem}

.study .opinion_wbox, .study .opinion_wbox div{text-align:center;justify-content:center}
.study .opinion_wbox{text-align: right;justify-content:flex-end}
.study .opinion_wbox select{width:100%}
.study .opinion_wbox .btn_box61{width:100%;border-width:0.2rem}
.study .opinion_wbox div{flex:none;margin-left: 0.5rem;}

.qcc_list{}
.qcc_list li .cast_ath .tx2{font-size:0.9rem;color:#8d8d8d}
.qcc_list li .cast_ath dt{padding-bottom: 0;}
.qcc_list li .cast_ath .tx3{padding-top: 0;padding-bottom: 0.9rem;}
/* .qcc_list li .cast_pic img{max-height: 7.2rem;} */
.qcc_list li .cast_pic{overflow: hidden;height: 7.2rem;width:12.8rem;flex:none}
.qcc_list li .cast_pic img{transform: translateY(-50%);position: absolute;left:0;top:50%;width:100%}

.qcc_inf{background: #fff;margin-top:1.3rem;padding:1.3rem;border: 0.1rem solid #e4e4e4;border-width: 0.1rem 0;font-size: 0.9rem;color:#8d8d8d;}
.qcc_inf b{display: block;color:#3f3f3f;font-size:1rem;padding-bottom: 0.5rem;}
.qcc_inf div{line-height: 1.5;}
.qcc_view .tlls2{text-align: right;background: #fff;padding:1.3rem;}
.qcc_view .tlls2 a{text-align: left;}
.qcc_view .tlls2 .btn_circle62{ background-color:#1677cb; background-image:url(https://img.megastudy.net/mobile/smart_new/btn_ico-sns2.png); }
.qcc_view .ic_likeNum{display:inline-block;line-height: 3.6rem;vertical-align: top;margin-right: 0.5rem;}
.qcc_view .megacast_con{padding:1rem 1.3rem;font-size:1.1rem;line-height: 1.3;color:inherit;background: #fff;}
.qcc_master{background: #f4f8ff;padding:1.3rem;display: flex;align-items: center;}
.qcc_master__pic{width:19.5%;border-radius: 50%;overflow: hidden;margin-right: 0.5rem;position: relative;padding-top: 19.5%;height: 0;}
.qcc_master__pic img{width:100%;position: absolute;height: 100%;left:0;top:0;}
.ic_qcc{width:1.2rem;height:1.2rem}
.qcc--alert{background: #fff;border: 1px solid #696e7a;}
.qcc--alert .tbox{text-align: center;font-size:1.5rem;display: bl.qcc_infock;background: #f6f6f8;line-height: 3rem;padding-top:1rem;color:#1677cb}
.qcc--alert .modal-content{display: block;}
.qcc--alertTxt1{text-align: center;font-size:1rem;background: #f6f6f8;padding-bottom: 1rem;}
.qcc--alertList{padding:1rem 0 1rem 1rem}
.qcc--alertList span{display:inline-block;margin-top: 0.5rem;vertical-align: middle;margin-left: 0.5rem;}
.qcc--layer::after{content:'';position: fixed;left:0;top:0;right:0;bottom:0;background: #000;opacity: 0.4;}
.qcc--alertBtns{text-align: center;padding:0 1rem 1rem 1rem }
.qcc_view .megacast_reply .megacast_rpy3{padding-right: 0;}

.castAi__txt {text-align: left;font-size: 0.9rem;clear: both;background: #f6f6f8;padding: 0.5rem;}

/* 20220216 배너 추가 */
.br_baro{padding:1.3rem; background: #f6f6f6;}
.br_baro > a {display: block; padding: 1rem 0;border: 0.1rem solid #1677cb;background: #fff;text-align: center;}
.br_baro h1{font-size:1.4rem;color:#1677cb;line-height: 1.8;position: relative;}
.br_baro p{line-height: 1.4;color:#8d8d8d}
.br_baro p > em {font-weight: bold; font-size: 1.1rem; color:#1677cb}
.br_baro p > b{color:#333}
.br_baro .arrow {border: solid #1677cb;border-width: 0 0.25rem 0.25rem 0;display: inline-block;padding: 0.23rem;color:#333;vertical-align: 0.1rem;}
.br_baro .right {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}


.clean-qa_list-none {color:#000;text-align:center;padding: 3rem 1rem;background: #fff;}
.clean-qa_list-none p {margin-bottom:1.0rem}

/* 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) {
  /* ... */
}