@charset "utf-8";

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

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

.study_rstit{ display: -webkit-flex; display: flex; margin-top:1.3rem; padding:1rem; background:#fff; border: 0.1rem solid #e4e4e4; border-width:0.1rem 0 ; }
.study_rstit .btn_sr{-webkit-flex: 1; flex: 1; width:2rem; height:2rem; background:url("//img.megastudy.net/mobile/smart_new/btn_back.png") no-repeat; background-size:2rem; background-position:left center; text-indent:-9999px;  }
.study_rstit .tios{ -webkit-flex: 9; flex: 9; padding-top: 0.4rem;  }

.study_sbx{ display: -webkit-flex; display: flex; padding:1rem; }
.study_sbx span{ -webkit-flex: 1; flex: 1; }
.study_sbx span i{ color:#f34d51; }
.study_sbx a{ -webkit-flex: 2; flex: 2;  }
.study_sbx .btn_box11{ background-color:#fff; width:22rem; padding-right:2.2rem; }

.study_sbx2 { display: -webkit-flex; display: flex; padding:1rem; }
.study_sbx2 span{ -webkit-flex: 2; flex: 2; }
.study_sbx2 span i{ color:#f34d51; }
.study_sbx2 a{ -webkit-flex: 2; flex: 2; margin-left:1rem;  }
.study_sbx2 .btn_box11{ background-color:#fff; }

.study_list {padding:0;}
.study_list .tll_more {padding-top:0;}
.study_list .tll_more .ic--edugroup {display:inline-block; margin-bottom:0.6rem;}

.study_list .tll-buy { *zoom:1; margin-top:1.5rem; padding-top:1.5rem; border-top:1px solid #e4e4e4; display: flex; align-items: center;}
.study_list .tll-buy::after { display:table; clear:both; content:''; }
.study_list .tll-buy .tlls1{ float:left; width:55%; display: flex; flex-direction: column; justify-content: center;}
.study_list .tll-buy .tlls1 .btn_box1{ padding:0.4rem; letter-spacing:-1px;  }
.study_list .tll-buy .tlls2{ margin-left: auto; display: flex; align-items: center;}
.study_list .tll-buy .tlls2 a{ width:4rem; height:4rem; background-position:1rem center;}
.study_list .tll-buy .tlls3{ float:right; padding-top: 1.7rem}
.study_list .buy-chBox {display: flex; flex-direction: column; justify-content: center; height: 100%;}
.study_list .buy-chBox-inner {margin-bottom:0.9rem; display: flex; align-items: center;}
.study_list .buy-chBox-inner:last-child {margin:0;}
.study_list .buy-chBox-inner .chkx1{margin:0;}
.study_list .buy-chBox-inner span {padding-left:0.8rem;}

.study_box .sel_sbj3{ display: -webkit-flex; display: flex; flex-wrap:wrap; }
.study_box .sel_sbj3 a{ -webkit-align-items: center; align-items: center; display:inherit;  margin: 0 -0.1rem -0.1rem 0; flex:1; height:3rem;  padding:0.5rem; border:0.1rem solid #444a59; background:#fff; color:#3f3f3f; -webkit-justify-content: center; justify-content: center;}

/*
.study_box .sel_sbj {margin-left: -0.1rem; margin-top: -0.1rem;}
.study_box .sel_sbj a {flex-basis: 33%; flex-grow: 0; box-sizing: border-box; margin: -0.1rem 0 0 -0.1rem; border: 0.1rem solid #444a59; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; height: 3rem;  padding: 0.5rem; background: #fff; color: #3f3f3f;}
.study_box .sel_sbj a:nth-child(3n) {
    flex-basis: 34%;
}
*/

.study_box .sel_sbj {width: calc(100% + 0.2rem);}
.study_box .sel_sbj a {width:33.3333%;}
.study_box .sel_sbj a:nth-child(3n) {width:33.4444%; margin:0 -0.1rem -0.1rem 0; border:0.1rem solid #444a59;}

@media screen and (max-width: 600px) {
	.study_box .sel_sbj {width: calc(100% + 2px);}
	.study_box .sel_sbj a {margin:0 -1px -1px 0 !important; border:1px solid #444a59 !important;}
	.study_box .sel_sbj a:nth-child(3n) {width:33.4444%;}
}




.study_more-btn{  padding:1.3rem; border-top:1px solid #e4e4e4; background:#fff; text-align:center;  } 
.study_more-btn a{ display:block; padding:1rem 0; font-weight:bold; }
.study_fail{ margin-top:1.3rem; padding:5rem 0 ; background:#fff; border-top: 0.1rem solid #e4e4e4; text-align: center;  }

.study_search-btn{padding:0 1rem 1rem; text-align:center;  } 
.study_search-btn a {display:block; padding:1rem 0; font-weight:bold; background:#1677cb; color:#fff;}
.study_search-btn .checkNone {display:block; padding:1rem 0; font-weight:bold; background:#999; color:#fff;}

/* 관심 선생님 */
.tch_recent_news { } 
.tch_recent_news2 { border-top: 1px solid #eaeaec; margin-top: 1.7rem; } 
.tch_recent_news h3 { background:#f6f6f8; font-weight:bold; color:#333333; font-size:1.1rem; padding:1.0rem 1.0rem; border-bottom:1px solid #e4e4e4;position: relative; } 
.tch_recent_news h3 a { display:inline-block; border-radius:100px; border:1px solid #cbcbcd; background:#FFFFFF; padding:0.25rem 0.5rem; } 
.tch_recent_news h3 a.pop_btn {color: #3182cf; position: absolute; right: 1rem; top: 50%; transform: translateY(-50%); border: none; background: none; padding: 0;} 
.tch_recent_news h3 span{color: #8d8d8d;}
.tch_recent_news h3 .c_blue{color: #1677cb;}
.tch_recent_news .tch_list { overflow:hidden; padding:0.7rem 0; border-bottom:1px solid #e4e4e4;} 
.tch_recent_news .tch_list .in { width:1000%; } 
.tch_recent_news .tch_list .in li { position:relative; width:89px; text-align:center; float:left; overflow:hidden; } 
.tch_recent_news .tch_list .in li a { display:block; } 
.tch_recent_news .tch_list .in li .thumb { width: 70px; height: 70px; margin-bottom:6px; border-radius:100px; border:1px solid #9f9b9b; } 
.tch_recent_news .tch_list .in li.on .thumb { filter: grayscale(0%); filter: none; border:2px solid #1c69dd; } 
.tch_recent_news .tch_list .in li .tnm { display:block; color:#b1b1b1; font-size: 1rem; line-height: 1.05; } 
.tch_recent_news .tch_list .in li .tnm em{font-size: 0.8rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; margin:0 0 0.3rem; padding-top: 2px;}
.tch_recent_news .tch_list .in li.on .tnm em{color: #1c69dd;}
.tch_recent_news .tch_list .in li.on .tnm { color:#222222; } 
.tch_recent_news .tch_list { background:#FFFFFF; }
.tch_recent_news .tch_list.fixed {border-bottom:1px solid #333;}

/* 관심선생님 홈 */
.tch_new_list {}
.tch_new_list .t_top { background:#ffffff; overflow:hidden; border:1px solid #e4e4e4; border-right-width:0; border-left-width:0; border-top-width:0; position: relative;} 
.tch_new_list .t_top a{display: block; width: 100%; height: 100%; padding:0.9rem 0 0.9rem 1.0rem; }
.tch_new_list .t_top .tnm { color:#333333; font-size:1.2rem; font-weight:bold; } 
.tch_new_list .t_top .tnm strong { color:#1179D9; } 
.tch_new_list .t_top .bt_home { position: absolute; right: 1rem; top: 50%; transform: translateY(-50%);} 
.tch_new_list .t_top .bt_home img { display:block; width:2.5rem; height:100%;; } 

/* 관심선생님 과목 탭 */
.tch_tab_list {}
.tch_tab_list .t_top { background:#ffffff; overflow:hidden; position: relative;} 
.tch_tab_list .sortSection {display: flex;flex-wrap: wrap; padding:1rem;}
.tch_tab_list .sortSection li {display: flex; flex:0 0 33.33%;justify-content: center;align-items: center;position: relative; margin: -1px 0 0 -1px; border: 1px solid #eaeaec;}
.tch_tab_list .sortSection li a {padding: 1rem 0; width:100%; text-align:center; background:#fff; color:#333;}
.tch_tab_list .sortSection li a.selected {background:#2082dd; color:#fff;}

.tch_none_list .t_none { text-align:center; padding:2rem 0; background:#FFFFFF;line-height: 1.4; } 
.tch_none_list .t_none .btn_box1 { margin-top:1.0rem; } 

/* 교재찾기 탭 아코디언 */
.course-container { padding:1rem 1rem 1rem; background: #fff; } 
.course-section { background: #f6f6f8; padding:1.2rem 1rem 1rem; margin-bottom:.5rem; } 
.course-section:first-child { position: relative; } 
.course-section h1 { font-size:1rem; font-weight: bold; margin-bottom:1vw; } 
.course-header { position:relative; color:#1f74c4; padding:0 4vw 0 0; } 
.course-header div { display:inline-block; color:#1f74c4; margin-right:1rem; } 
.course-header .select-arrow { position: absolute; top: 0; right: 0; pointer-events: none; transform: translateY(-22%); } 
.course-header.active .select-arrow { transform: translateY(-23%) rotate(180deg); } 
.course-details { position:relative; background: #fff; padding:1.2rem 0; margin-top:1.2rem; display:none} 
.course-details.active{ display:block} 
.course-details--inner {} 
.course-details--inner + .course-details--inner {margin-top:1rem;border-top: .5rem solid #f6f6f8;padding-top:1rem} 
.course-details--inner .study_list {padding:0 1rem; border-top:0;}
.course-details--inner .study_list .tll-tit {margin-top:0;}
.course-details--inner .study_list .tll-btn {padding-top:0.5rem;}
.course-details--inner .study_list .tll_wrap {padding:0; border:0;}
#bookarea .study_list .tll_wrap .tll-mv_list li a {color:#fff;}

/* 비타민 아이콘 reset.css 참고 */
.ico_ty12 {background:#6cbb2a !important; border:0 !important; color:#fff !important;}/* 강좌 교재 찾기 - eBook */


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