@charset "utf-8";

/* common */
.ellipsis { display:inline-block; -o-text-overflow:ellipsis; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}
.clip {-o-text-overflow:clip;text-overflow:clip; white-space:nowrap; word-wrap:normal; overflow:hidden;}

.public_section { position:relative; width:100%; height:100%; font-size: .875rem; }
.public_section .wrap .title { padding:24px 16px 8px; position:relative; text-align:left; font-size: 1.125rem; font-weight:bold; background:#fff;}
.public_section .wrap .title span { display:inline-block; margin-left:4px; color:#999; font-size: .875rem; font-weight:normal;}
.public_section .wrap .title .more { position:absolute; right:16px; top:28px; vertical-align:top;}
.public_section .wrap .title .more span { display:inline-block; color:#999; font-size: .8125rem; font-weight:normal;}
.public_section .wrap .title .more span:after { content:' ';position:relative; top:-2px; display:inline-block; height:4px; width:4px; margin-left:2px; border:1px solid #878787; border-left-width:0; border-top-width:0; transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);}

.public_section .lecture_top { position:relative; margin:0; width:100%; height:100%; text-align: center; background:#f1f1f1; box-sizing:border-box; -webkit-box-sizing:border-box;}
.public_section .badge-group { margin: 16px 0 20px; text-align: left;}
.public_section .badge-group .badge { display: inline-block; width: 42px; height: 16px; text-align: center; vertical-align: top; background-color: #fff; box-sizing: border-box; -webkit-box-sizing: border-box; background-image: none;}
.public_section .badge-group .badge em { font-size: 11px; font-weight: 400; vertical-align: top; font-family: 'Verdana', 'Noto Sans KR', sans-serif, '맑은고딕','Malgun Gothic'; line-height: 14px;}
.public_section .badge-group .badge.new { border: 1px solid #716cff;}
.public_section .badge-group .badge.new em { color: #716cff;}
.public_section .badge-group .badge.best { border: 1px solid #f63b28;}
.public_section .badge-group .badge.best em { color: #f63b28;}
.public_section .badge-group .badge.recom { border: 1px solid #f63b28;}
.public_section .badge-group .badge.recom em { color: #f63b28;}
.public_section .badge-group .badge.ing { border: 1px solid #716cff; background-color: #716cff;}
.public_section .badge-group .badge.ing em { color: #fff;}
.public_section .badge-group .badge.finish { border: 1px solid #666; background-color: #666;}
.public_section .badge-group .badge.finish em { color: #fff;}

.public_section .lec-table table { width: 100%; table-layout: fixed; border-collapse: collapse;margin-top:20px;}
.public_section .lec-table table th, 
.public_section .lec-table table td { padding: 6px 6px 7px; text-align: left; line-height: 22px; vertical-align: middle; font-size: 1rem; letter-spacing: -1px; border-bottom: 1px solid #eaeaf4;}
.public_section .lec-table table td.tag{display:table-cell;}
.public_section .lec-table table th { color: #666; font-weight: normal;}
.public_section .lec-table table td { color: #2c2c2c; font-weight: bold;}
.public_section .lec-table table td.tag{display:table-cell;height:auto;}
.public_section .lec-table table td.tag span { color: #666; display: inline-block; margin-right: 3px; font-weight: 300;}

.public_section .post-more { padding: 10px 0; display: block; text-align: center; border-top: 1px solid #eaeaf4;}
.public_section .post-more span { color: #666; font-size: .875rem;}
.public_section .post-more span.b2 { display: none;}

.lecture_info { position: relative; margin: 0; padding: 20px 16px; background: #fff;}
.lecture_info .lec-subject strong { font-size: 1.5rem; font-weight: bold; color: #333334; line-height: 32px; letter-spacing: -1px;}

.lecture_info .books-info { margin-top: 11px; padding: 7px; position: relative; background: #f1f1f1; border: 1px solid #dfdfdf; box-sizing:border-box; -webkit-box-sizing:border-box;}
.lecture_info .books-info:after { content: ''; display: block; clear: both;}
.lecture_info .books-info .books-title { float: left; width: 25%; text-align: left; font-size: .875rem; font-weight: normal; color: #666;}
.lecture_info .books-info .books-name { float: left; position: relative; width: 73%; text-align: left;}
.lecture_info .books-info .books-name a { display: block; width: 96%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; color: #2c2c2c; font-size: .875rem; font-weight: 500;}
.lecture_info .books-info .books-name:after { content: ''; position: absolute; top: 50%; right: 0; margin-top: -4px; width: 8px; height: 8px; border-top: 1px solid #666; border-right:1px solid #666; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}

.info_con { background: #fff;}
.info_con .teacher-profile { position: relative; padding: 8px 16px 0; text-align: center; background: url('//img.eduwill.net/Img2/public/product/upload/samplepage/pattern.png') 50% bottom no-repeat; background-size: 100% auto;}
.info_con .teacher-profile img{position:relative;left:-15%;}
.info_con .teacher-profile .text { font-weight: bold; font-size: 1.125rem; letter-spacing: -1px; line-height: 1.5; text-align: left;}
.info_con .teacher-profile .text.nth-child-1 { color: #716cff;}
.major .info_con .teacher-profile .text.nth-child-1 { color: #ff675b;} /* 대기업 */
.info_con .teacher-profile .text.nth-child-2 { color: #3d455c;}
.info_con .teacher-profile .text.nth-child-3 { position: absolute; top: 32%; font-size: 1.125rem; font-weight: normal; color: #3d455c;}
.info_con .teacher-history { padding: 10px 0; margin: 0 16px; height: 105px; overflow: hidden; border-top: 1px solid #eaeaf4;}
.info_con .teacher-history dl dt { margin-bottom: 4px; font-weight: bold; color: #666; font-size: 1rem;}
.info_con .teacher-history dl dd { color: #666; font-size: 1rem; line-height: 1.5;}
.info_con .teacher-history dl dd + dt { margin-top: 10px;}

.sample_con { background: #fff;}
.sample_con .mv { padding: 8px 16px 24px; text-align: center;}
.sample_con .mv video{width:100%;}

.lecture_con { padding-bottom: 44px; background: #fff;}
.lecture_con .caution .swiper-container { width: 100%; height: 100%; overflow: inherit; background: #f1f1f1; padding: 8px; box-sizing:border-box; -webkit-box-sizing:border-box;}
.lecture_con .caution .swiper-slide { 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;}
.lecture_con .caution .swiper-container .swiper-pagination { bottom: -25px;}
.lecture_con .caution .swiper-container .swiper-pagination-bullet { margin: 0 4px; width: 8px;height: 8px; background: #666;}
.lecture_con .caution .swiper-container .swiper-pagination-bullet-active { width: 21px; border-radius: 20px; background: #3d455c;}

.curriculum_con { background: #fff;}
.curriculum_con .curriculum-subject { padding: 8px 16px 16px; text-align: left; border-bottom: 1px solid #ccc;}
.curriculum_con .curriculum-subject strong { display: block; margin-bottom: 4px; font-weight: bold; font-size: 1.125rem; letter-spacing: -1px; color: #2c2c2c;}
.curriculum_con .curriculum-subject span { font-size: 1rem; color: #666; font-weight: normal; letter-spacing: -1px;}
.curriculum_con .curriculum-list { padding: 16px 0; margin: 0 16px; height: 105px; overflow: hidden; border-top: 1px solid #eaeaf4;}
.curriculum_con .curriculum-list li { margin-top: 10px; font-size: 1rem; color: #666; line-height: 1.3;}
.curriculum_con .curriculum-list li:first-child { margin-top: 0;}

.books_con { background: #fff;}
.books_con .books-info { padding: 11px 16px 24px;}
.books_con .book-subject { text-align: left;}
.books_con .book-subject strong { display: block; margin-bottom: 4px; font-weight: bold; font-size: 1.125rem; letter-spacing: -1px; color: #2c2c2c;}
.books_con .book-subject span { font-size: 1rem; color: #666; font-weight: normal; letter-spacing: -1px;}
.books_con .badge-group { margin-top: 12px;}
.books_con .book-img { margin-bottom: 12px; text-align: center;}
.books_con .book-img img { width: 140px; -webkit-box-shadow: 5px 5px 0px 0px rgba(241,241,241,1);-moz-box-shadow: 5px 5px 0px 0px rgba(241,241,241,1);box-shadow: 5px 5px 0px 0px rgba(241,241,241,1);}
.books_con .book-button { margin-top: 20px;}
.books_con .book-button:after { content: ''; display: block; clear: both;}
.books_con .book-button .button { float: left; display: table; width: 50%; height: 48px; text-align: center; background: #3d455c; box-sizing: border-box; -webkit-box-sizing: border-box;}
.books_con .book-button .button span { display: table-cell; vertical-align: middle; font-size: 1rem; color: #fff; font-weight: bold; letter-spacing: -1px;}
.books_con .book-button .button.info { border: 2px solid #3d455c; background-color: #fff;}
.books_con .book-button .button.info span { color: #3d455c;}

.review_con .review_list { padding:0 0 24px;}
.review_con .review_list li { border-top: 1px solid #eaeaf4;}
.review_con .review_list li:first-child { border-top:0;}
.review_list .subject a { display:block; padding:12px 16px 14px; -webkit-box-sizing: border-box; box-sizing: border-box; }
.review_list .subject a .post { margin-bottom:9px; font-size: .875rem; }
.review_list .subject a .grade .star em { display:inline-block; width:12px; height:12px; background:url('//img.eduwill.net/resources/teacher/img/mobile/icon_star_off.png') 0 0 no-repeat; background-size:12px;}
.review_list .subject a .grade .star em.on { background:url('//img.eduwill.net/resources/teacher/img/mobile/icon_star_on.png') 0 0 no-repeat; background-size:12px;}
.review_list .subject a .grade .from { position:relative; display:inline-block; margin-left:6px; padding-left:6px; font-size: .8125rem; color:#777; line-height:18px;}
.review_list .subject a .grade .from:before { content:''; display:block; position:absolute; left:0; top:50%; margin-top:-5px; width:1px; height:10px; background:#cacdd6;}

.notice_con { background: #fff;}
.notice_con .caution { padding: 8px 16px 24px; font-size: .875rem; color: #666; line-height: 1.4;}

.banner_con { text-align: center;}

.public_section .tab_menu { margin-top: 8px;}
.public_section .tab_menu .active a:after { background-color: #eaeaf4; opacity: .5; }
.public_section .section_recommend .lecture_info { padding: 0 16px 16px; border-radius: 10px; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: 0px 8px 16px 2px rgba(51,51,51,0.2);-moz-box-shadow: 0px 8px 16px 2px rgba(51,51,51,0.2);box-shadow: 0px 8px 16px 2px rgba(51,51,51,0.2); }
.public_section .section_recommend .lecture_info .lecture_ci {display:none;text-align: center; border-bottom: 1px solid #eaeaf4; }
.public_section .section_recommend .lecture_info .lecture_ci img { height: 50px; }
.public_section .section_recommend .lecture_info .badge-group { margin: 11px 0 0; line-height: 1;padding-top:20px; }
.public_section .section_recommend .lecture_info .lec-subject { margin-top: 8px; line-height: 1; }
.public_section .section_recommend .lecture_info .lec-subject strong { line-height: 1.2; }
.public_section .section_recommend .lecture_info .lec-table { margin-top: 8px; padding: 0 12px; background-color: #f4f4f6; }
.public_section .section_recommend .lecture_info .lec-table table th,
.public_section .section_recommend .lecture_info .lec-table table td { padding: 12px 0; line-height: 1.5; font-size: .875rem; border-bottom-width: 0; }
.public_section .section_recommend .lecture_info .lec-table table td { padding: 12px 8px; }
.public_section .section_recommend .lecture_info .lec-table table th { color: #999; }
.public_section .section_recommend .lecture_info .lec-table table td { font-weight: normal; color: #333334; }
.public_section .section_recommend .lecture_info .lec-apply { margin-top: 16px; padding-top: 0; border-top-width: 0; }
.public_section .section_recommend .lecture_info .lec-apply .price { font-size: 1.125rem; font-weight: bold; }
.public_section .section_recommend .lecture_info .lec-apply del { font-size: 1rem;    color: rgb(153,153,153); font-weight: normal;margin-left:5px;}
.public_section .section_recommend .lecture_info .lec-apply .action { width: 138px; }
.public_section .section_recommend .lecture_info .lec-apply .action a { display: block; padding: 9px 16px 10px; text-align: center; font-weight: bold; color: #fff; border-radius: 2px; background-color: #f63b28; }
.public_section .section_recommend .list_more { margin-top: 16px; text-align: center; }
.public_section .section_recommend .list_more a { display: inline-block; width: 90px; padding: 8px 0 9px; font-size: .75rem; font-weight: bold; color: #555; border-radius: 36px; background-color: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: 0 8px 16px 2px rgba(51,51,51,.2); -moz-box-shadow: 0 8px 16px 2px rgba(51,51,51,.2); box-shadow: 0 8px 16px 2px rgba(51,51,51,.2); }
.public_section .section_recommend .list_more a span { position: relative; display: inline-block; line-height: 1; }
.public_section .section_recommend .list_more a span:before { content: '+'; margin-right: 6px; vertical-align: 1px; line-height: 1; font-size: .875rem; font-weight: bold; color: #555; }
.public_section .section_recommend .list_more a span:after { display: none; }

/* 단과상품 고도화 210706 */
.lecture_book .book-list-content {
    margin: 16px 0;
}
.lecture_book .book-list-content .btn {
    position: relative;
    display: inline-block;
    text-align: right;
    font-size: 0.875rem;
    border-width: 1px;
    border-style: solid;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 4px 8px;
    margin-right: 4px;
    border-radius: 5px;
}
.lecture_book .book-list-content .btn-intro {
    border-color: #3f63bf;
}
.lecture_book .book-list-content .btn-intro span {
    color: #3f63bf;
}
.lecture_book .book-list-content .btn-buy {
    background-color: #3f63bf;
    border-color: #3f63bf;
}
.lecture_book .book-list-content .btn-buy span {
    color: #fff;
}
.lecture_book .book-list-content {
    padding: 8px 16px;
    text-align: left;
	background-color: #fff;
}
.lecture_book .book-title {
/*     display: block;
    width: auto;
    text-align: left;
    font-size: 1rem;
    font-weight: 400; */
	padding:24px 0 8px; position:relative; text-align:left; font-size: 1.125rem; font-weight:bold; background:#fff;
}
.lecture_book .book-list {
    display: table;
    table-layout: fixed;
    width: 100%;
    margin-right: 0;
    margin-left: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #dcdcdc;
    background: #fff;
    margin-top: 4px;
    padding: 16px;
}
.lecture_book .book-list .main {
    display: inline-block;
    width: 100%;
    text-align: left;
    font-size: 1rem;
    font-weight: normal;
    color: #333;
    letter-spacing: -1px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.lecture_book .book-list .main strong {
    font-weight: bold;
}
.lecture_book .book-list .action {
    display: inline-block;
    text-align: right;
    width: 100%;
    margin-top: 4px;
}
.info_con {}
.info_con .section-cont {
    padding-bottom: 30px;
}
.info_con .section-cont .bx-controls {
    position: relative;
    top: 10px;
    left: 0;
    right: 0;
    width: 200px;
    margin: 0 auto;
    background: rgba(0, 0, 0, 0.1);
    border-radius: 50px;
    padding: 16px 0;
}
.info_con .section-cont .bx-wrapper .bx-controls-direction a {
    background-image: none;
    top: 30% !important;
    margin-top: 0 !important;
}
.info_con .section-cont .bx-wrapper .bx-controls-direction a.bx-next {
    right: 10%;
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 8px solid #333;
}
.info_con .section-cont .bx-wrapper .bx-controls-direction a.bx-prev {
    left: 50%;
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-right: 8px solid #333;
}
.info_con .section-cont .bx-wrapper .bx-pager {
    width: 100px !important;
    padding-top: 0 !important;
    position: absolute;
    top: 22%;
    left: 0;
    text-align: center !important;
    font-size: 1rem !important;
    color: #333;
    font-weight: normal;
}
.info_con .section-cont .bx-wrapper .bx-pager.bx-default-pager a {
    width: 8px;
    height: 8px;
    margin: 0 4px;
    border-radius: 50%;
    font-size: 0;
    background: #d4d4d4;
}
.info_con .section-cont .bx-wrapper .bx-pager.bx-default-pager a.active {
    width: 21px;
    border-radius: 50px;
    background-color: #3d455c;
}
.info_con .section-cont .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
    top: 36%;
    right: 20%;
    bottom: auto !important;
}
.info_con .section-cont .bx-wrapper .bx-controls-auto .bx-stop {
    right: 5%;
}