/* teacher_intro 전용: family_wrap min-width 해제 (원본 이벤트페이지는 family.css 미로드) */
.family_wrap { min-width: 0; }

.mg_ln{margin-left:0 !important;}

.t_title{color:#454545; font-family:'NanumGothic', sans-serif; font-size:27px; font-weight:bold; border-bottom:solid 2px #bcbcbc; padding-bottom:12px; margin-bottom:30px;}

.navi_search{clear:both;padding:13px 0 13px 17px;border-top:1px solid #e3e3e3;}
.navi_search.tr_list{margin:20px 0 0;padding:13px 10px 13px 10px;border:1px solid #d4d4d4;background:#f4f4f4;}
.navi_search.tr_list .search select{border:1px solid #fff;background:#fff;}
.navi_search.tr_list .search select:hover{border:1px solid #000;}
.navi_search.tr_list .search input{border:0;background:#fff;}

.navi_search strong{display:block;float:left;width:83px;margin-top:10px;font-size:14px;color:#d01715;}
/* .navi_search .search legend{display:block;float:left;margin:0 25px 0 0;font-size:14px;line-height:34px;font-weight:600;color:#d01715;} */
.navi_search .search > div{float:left;}
.navi_search .search select{width:135px;*height:25px;margin-left:8px;padding:9px 0 10px 9px;background:#f4f4f4;}
.navi_search .search select:first-child{margin-left:0;}
.navi_search .search input{width:160px;*width:145px;margin-left:8px;padding:9px 16px;*padding:8px 16px;background:#f4f4f4;}
.navi_search .search .btn_search{margin:2px 0 0 8px;padding:8px 31px 9px 45px;font-size:14px;line-height:14px;color:#fff;background:#3d3d3d url('https://cdn.hackersut.com/www/images/teacher_gate/common/bg_search.png') no-repeat 20px 50%;}
.navi_area.nav{position:absolute;left:0;top:0;z-index:999;width:100%;background:url('https://cdn.hackersut.com/www/images/teacher_gate/common/bg_visual4.png') repeat-x 100% bottom;} 
.navi_area.fixed {z-index:9999;position:fixed;top:0;left:0;width:100%;background:url('https://cdn.hackersut.com/www/images/teacher_gate/common/bg_visual3.png') repeat-x 100% bottom;}

.tab-tr-list{margin-top:70px;}
.tab-tr-list li{width: calc(100%/8);height: 100%;}
.tab-tr-list li a{display: block;width: 100%;padding: 10px 0;box-sizing: border-box;border: 1px solid #dddddd;text-align: center;color: #222;}
.tab-tr-list li:not(:last-of-type) a{border-right:none;}
.tab-tr-list li.on a ,.tab-tr-list li a:hover{background: #333333;color: #fff;}

.trlist-con{padding:60px 0 0; }
.trlist-con h5{display: flex;font-size: 20px;align-items: center;padding: 10px 0;color: #222;}
.trlist-con h5::before{content: '';background: url('https://cdn.hackersut.com/www/images/teacher_gate/common/title_icon.png')0 0/cover no-repeat;display: block;margin-right: 10px;width: 18px;height: 18px;}
.trlist-con h5 span{color: #d50057;margin-left: 5px;}
.trlist-con hr {background: #222;margin-bottom: 30px;}
.trlist-con ul{display: flex;flex-wrap: wrap;}
.trlist-con ul li{width: calc(100%/4 - 13px);border: 1px solid #eeeeee;box-sizing: border-box;border-radius: 10px;background: #fbfbfb;margin-bottom: 15px;height: 255px;position: relative;padding: 20px;overflow: hidden;}
.trlist-con ul li:not(:nth-of-type(4n)){margin-right: 15px;}
.trlist-con .teacher__title{font-size: 20px;color: #222;margin-bottom: 10px;}
.trlist-con .teacher__class{color: #222;font-size: 13px;}
.trlist-con .teacher__name{color: #2356a5;font-size: 20px;font-weight: bold;margin-top: 10px;}
.trlist-con .teacher__img{position: absolute;right: 0;bottom: 0;}

.trlist-con ul li:hover{border: 2px solid #2356a5;}

.js-tab-type1-con{padding-bottom:50px;}

.banner-area{ margin-bottom:20px;}
.br-area{width: 1000px;box-sizing: border-box;border-radius: 10px;overflow: hidden;height: 140px;}
.br-area .slider_wrap .bx-wrapper .bx-pager.bx-default-pager a:hover, .br-area .slider_wrap .bx-wrapper .bx-pager.bx-default-pager a.active{background: #222;}
.br-area .slider_wrap .bx-wrapper .bx-pager{position:absolute; top:-10px; width:70px; height:10px; right:10px;}

.best-rolling {position: relative;width: 1000px;margin: 10px 0;border: 2px solid transparent;background-image: linear-gradient(#fff, #fff), linear-gradient(to right, #fda6d2 0%, #d0acf3 100%);background-origin: border-box;background-clip: content-box, border-box;display: flex;align-items: center;border-radius: 10px;}
.best-rolling ul li{display: flex;align-items: center; text-align:left; padding-left:10px;  vertical-align:middle;font-weight: 600;color: #222;}
.best-rolling ul li div{display:inline-block;}
.best-rolling ul li p{display:inline-block; overflow:hidden; font-size:14px; margin-left:4px; white-space:nowrap; text-overflow:ellipsis}
.com_star{width:18px; overflow:hidden; height:18px;  background: url('https://cdn.hackersut.com/www/images/teacher_gate/common/star_renew.png')  0 0/200% no-repeat;}
.com_star.on{background-position:-19px 0px;}
.best-rolling__sd-box{padding:10px 0;width: 700px;overflow:hidden;height:40px;}

.best-rolling__title{width: 150px;text-align: center;font-weight: 600;color: #222;display: flex;align-items: center;justify-content: center;position: relative;}
.best-rolling__title::after{display: inline-block;width: 1px;height: 15px;background-color: #cfbbc4;content: '';position: absolute;right: 0;}

.best-rolling__show-btn{font-weight: 500;color: #4e4e4e;width: 100px;text-align: right;position: relative;padding: 10px 0;}
.best-rolling__show-btn span::after {content: '';width: 11px;height: 10px;display: inline-block;background: url('https://cdn.hackersut.com/www/images/teacher_gate/common/arrow_2025.png') center/contain no-repeat;}
.best-rolling__show-btn:hover{font-weight: bold;}

.win-list__pop .ban_roll_box{width:1050px;height:210px;overflow:hidden;padding: 25px 0;background: #333333;border-radius: 10px;border: 1px solid #555;margin-bottom: 50px;}
.win-list__pop .ban_roll_box  ul  li{overflow:hidden;}
.win-list__pop .ban_roll_box  ul  li  p{box-sizing:border-box;width:25%;float:left;text-align:center;color:#fff;font-size:14px;line-height:25px;}
.layer_ban_roll .bx-wrapper .bx-viewport{background:none;}
    
.inner_1000 { width: 1000px; margin: 0 auto; }
.inner_1050 { width: 1050px; margin: 0 auto; }
.inner_1300 { width: 1300px; margin: 0 auto; }
.main__top-content { z-index: 9; position: relative; } 
.main__top-content .review_roll { height: 48px; overflow: hidden; position: relative; font-family: noto,sans-serif; text-align: left; } 
.main__top-content .review__roll-bg { background-color: #fe8fca; padding: 5px 0;} 
.main__top-content .top_review{display: flex;align-items:center;justify-content: center;}
.main__top-content .top_review li { height: 48px; line-height: 48px; color:#222; } 
.main__top-content .main-top__sd-box { background: #1c2745;overflow: hidden !important;} 
.main__top-content .top_slide li { background:#fe8fca; height: 160px; } 
.main__top-content .top_slide li.slide06 { background:#c01d2e; } 
.main__top-content .top_slide li img { width: 100%; } 
.main__top-content .review_tit {font-size: 14px; color:#222; position: relative;margin-right: 20px;} 
.main__top-content .review_tit::after { content: ""; background-color: #cf6da1; width: 1px; height: 20px; display: block; position: absolute; right: -10px; top: 0; } 
.main__top-content .review_box { font-size: 14px; color:#222;margin-right: 20px; } 
.review-roll__btn{color: #fff;background: #ee58ab;padding: 7px 20px;border-radius: 20px;font-size: 16px;text-align: center;}
.review-roll__btn span{position: relative;}
.review-roll__btn span::before {content: "+";display: inline-block;font-size: 16px;font-weight: bold;margin-left: 5px;}


.main__top-content .top_slide { height: 152px; overflow: hidden; } 
.main__top-content .bx-wrapper .bx-viewport { background: transparent; } 
.main__top-content .win-list__pop { position: absolute; left: 50%; transform: translateX(-50%); top: 200px; width: 100%; display: block; z-index: 103; height: 0; overflow: hidden; transition: 0.25s ease; } 
.main__top-content .win-list__pop.on { height: auto; overflow: auto; } 
.main__top-content .win-list__pop .bg { background: rgba(0,0,0,0.9); position: fixed; top: 0; left: 0; width: 100%; height: 100%; display: none; z-index: -1; pointer-events: none; }
.main__top-content .win-list__pop.on .bg { display: block; pointer-events: auto; }

.main__top-content .bx-wrapper .bx-controls-direction a { background: url("https://cdn.hackersut.com/www/images/main/banner/top_bnr/arrow.png") 0 0 no-repeat; width: 27px; height: 42px; margin-top: -21px; z-index: 99; } 
.main__top-content .bx-wrapper .bx-controls-direction a.bx-next { background-position-x: 100%; } 
.main__top-content .bx-wrapper .bx-controls-direction a:hover { background-position-y: 100%; } 
.main__top-content .bx-wrapper .bx-controls-direction a.bx-next{right: 10px;}
.main__top-content .bx-wrapper .bx-controls-direction a.bx-prev{left: 10px;}

.main_top_content{display: none;}