@import url(/library/css/stylesheets/NotoSansKR-Hestia.css);
.mega_mentor .visual{position:relative;height:625px;width:788px; background:url('https://img.megastudy.net/campus/library/v2015/library/campus_common/nsu/2022_megamentor/top_bg.jpg') 0 0 no-repeat;background-size:cover;}
.mega_mentor .visual .txt01{position:absolute;top:167px;left:65px;opacity:0;transform:scale(0);}
.mega_mentor .visual .txt02{opacity:0;}
.mega_mentor .mentor_wrap {overflow:hidden;}

.sub_contents_wrap{margin-bottom: 100px;}

.menu_slide.slick-slider {padding:15px 55px;box-sizing:border-box;background:#222;border:2px solid #434343;border-width:1px 0;}
.menu_slide {overflow:hidden; }
.menu_slide:after{content:"";clear: both;display: block;}
.menu_slide li {float:left;position: relative;font-size:0;border:0;}
.menu_slide li a{display: block;text-align: center;width:100%;height: 70px;color: #575757;font-size: 26px;font-weight:normal;font-family: 'Noto Sans KR';line-height: 70px;box-sizing:border-box;}
.menu_slide li a:active{outline:none;}
.menu_slide .slick-slide.slick-center li a{background: #3750e0;color: #ffffff;outline:none;border-radius:70px;}
.menu_slide li img{width: 100%;}
.menu_slide.col li{width: 12.5%;}
.menu_slide.col li a{font-size: 23px;}
.menu_slide .slick-prev,
.menu_slide .slick-next {background-color:#222;}
.menu_slide .slick-prev {background: url("https://img.megastudy.net/campus/library/v2015/library/campus_common/nsu/2021_megamentor/mentor_arrow_left.png") no-repeat 50%;}
.menu_slide .slick-next {background: url("https://img.megastudy.net/campus/library/v2015/library/campus_common/nsu/2021_megamentor/mentor_arrow_right.png") no-repeat 50%;}
.menu_slide .slick-prev.slick-disabled,
.menu_slide .slick-next.slick-disabled {opacity:0.3;}

.contents{display:none;padding-top: 50px;}
.contents.on {display:block;}
.contents .tit_area {display:block;text-align:center;}
.contents .tit_area > img {display:inline-block;}

.mega_mentor .visual .txt_wrap {width:788px; margin:0 auto; position:relative;}
.mega_mentor .visual .txt_wrap .txt {position:absolute; z-index:99;}
.mega_mentor .visual .txt_wrap .txt.txt01 {z-index:999; left:84px; top:100px;}
.mega_mentor .visual .txt_wrap .txt.txt02 {left:168px; top:192px;}
.mega_mentor .visual .txt_wrap .txt.txt03 {left:77px; top:251px;}
.mega_mentor .visual .txt_wrap .txt.txt04 {left:140px; top:519px;}

.mega_mentor .visual .txt_wrap .txt {-webkit-transform: translate(0, 90px);
	-moz-transform: translate(0, 90px);
	-ms-transform: translate(0, 90px);
	-o-transform: translate(0, 90px);
	transform: translate(0, 90px);
	opacity: 0;
	filter: alpha(opacity=0);
}
.mega_mentor .visual .txt_wrap .txt.on {
	-webkit-transform: translate(0, 0px);
	-moz-transform: translate(0, 0px);
	-ms-transform: translate(0, 0px);
	-o-transform: translate(0, 0px);
	transform: translate(0, 0px);
	opacity: 1;
	filter: alpha(opacity=1);
}

.mega_mentor .visual .txt_wrap .line {position:absolute; background:#1639a2; z-index:99;}
.mega_mentor .visual .txt_wrap .line.on {transition:all 2s;}
.mega_mentor .visual .txt_wrap .line.w {width:0; height:3px;}
.mega_mentor .visual .txt_wrap .line.w.on {width:197px;}
.mega_mentor .visual .txt_wrap .line.h {width:3px; height:0;}
.mega_mentor .visual .txt_wrap .line.h.on {height:314px;}
.mega_mentor .visual .txt_wrap .line.line01 {top:174px; right:637px;}
.mega_mentor .visual .txt_wrap .line.line02 {top:174px; left:636px;}
.mega_mentor .visual .txt_wrap .line.line03 {top:177px; left:71px;}
.mega_mentor .visual .txt_wrap .line.line04 {top:177px; right:72px;}
.mega_mentor .visual .txt_wrap .line.line05 {top:491px; left:71px; width:0;}
.mega_mentor .visual .txt_wrap .line.line06 {top:491px; right:72px; width:0;}
.mega_mentor .visual .txt_wrap .line.line05.on {width:749px;}

.mega_mentor .mentor_box {border:1px solid #787878; font-family:'Noto Sans KR'; padding:20px;}

.txt.txt01 {transition:all 0.6s; -moz-transition: all 0.6s; -o-transition: all 0.6s; -ms-transition: all 0.6s;}
.txt.txt02 {transition:all 1.0s; -moz-transition: all 1.0s; -o-transition: all 1.0s; -ms-transition: all 1.0s;}
.txt.txt03 {transition:all 1.4s; -moz-transition: all 1.4s; -o-transition: all 1.4s; -ms-transition: all 1.4s;}
.txt.txt04 {transition:all 1.8s; -moz-transition: all 1.8s; -o-transition: all 1.8s; -ms-transition: all 1.8s;}


.mentor_area {overflow:hidden; padding-top:32px;}
.mentor_img {width:374px; height:249px; display:inline-block; position:relative; float:left; }
.mentor_img.first{left:70px;}
.mentor_img.first img.mentor13_1{position:absolute;left:11px;top:20px;}
.mentor_img.first .mentor_stamp {left:-71px;position:absolute;top:-32px; z-index:1;}

.mentor_img.first img.mentor14_1{position:absolute;left:-30px;top:20px;}
.mentor_img.first img.mentor15_1{position:absolute;left:-30px;top:20px;}
.mentor_img.first img.mentor16_1{position:absolute;left:-45px;top:20px;}
.mentor_img.first img.mentor17_1{position:absolute;left:20px;top:20px;}
.mentor_img.first img.mentor18_1{position:absolute;left:-15px;top:33px;}

.mentor_img.second{left:43px;}
.mentor_img.second .mentor_stamp {left:-43px;position:absolute;top:-32px;}
.mentor_img.third{left:85px;top:20px;}
.mentor_img.second img.mentor13_2{position:absolute;top:10px;}
.mentor_img.second img.mentor14_2{position:absolute;left:30px;top:10px;}
.mentor_img.second img.mentor15_2{position:absolute;left:35px;top:5px;}
.mentor_img.second img.mentor16_2{position:absolute;left:45px;top:27px;}
.mentor_img.second img.mentor17_2{position:absolute;left:10px;top:27px;}
.mentor_img.second img.mentor18_2{position:absolute;left:5px;top:27px;}

.mentor_img.third img.mentor13_3{position:absolute;left:-20px;}
.mentor_img.third img.mentor14_3{position:absolute;left:-52px;top:-6px;}
.mentor_img.third img.mentor15_3{position:absolute;left:-25px;top:-6px;}
.mentor_img.third img.mentor16_3{position:absolute;left:-55px;top:0px;}
.mentor_img.third img.mentor17_3{position:absolute;left:25px;top:0px;}
.mentor_img.third img.mentor18_3{position:absolute;left:-5px;top:0px;}
.mentor_img.third .mentor_stamp {left:-86px;position:absolute;top:-52px;}
.mentor_img .mentor_stamp {position:absolute; top:-32px;}






.mentor_info {display:inline-block; width:370px; float:left;}
.mentor_info .mentor_hak {background:#38479c; color:#fff; font-size:20px; line-height:36px; font-weight:500; border-radius:30px; padding:0 25px; margin-top:35px; display:inline-block;}
.mentor_info .mentor_name {font-size:50px; font-weight:bold; color:#000; margin-top:20px;}
.mentor_info .mentor_career {margin-top:10px;}
.mentor_info .mentor_career li {position:relative; color:#555; font-size:18px; line-height:32px; padding-left:12px;}
.mentor_info .mentor_career li:after {position:absolute; top:15px; left:0; content:''; display:block; width:2px; height:2px; border-radius:100%; background:#555;}
.mentor_graybox {background:#f1f1f1; font-size:15px; line-height:30px; color:#000; padding:25px 30px; letter-spacing:-0.5px; font-weight:400; word-break:keep-all;}
.mentor_graybox p.stu {color:#888;}
.mentor_wrap .progress {display:none;}

.mentor_wrap .slick-dotted.slick-slider {margin-bottom:37px;}
.mentor_wrap .slick-dots {opacity:1;bottom:-37px;}
.mentor_wrap .slick-dots li {width:16px;height:16px;margin:0 3px;}
.mentor_wrap .slick-dots li button:before,
.mentor_wrap .slick-dots li button{width:16px;height:16px;padding:0;font-size:0;background:#cdced1;border-radius:16px;}
.mentor_wrap .slick-dots li.slick-active button:before,
.mentor_wrap .slick-dots li.slick-active button {background:#3750e0;}

.mt40 {margin-top:40px;}
.mt50 {margin-top:50px;}
.mt5 {margin-top:5px;}