@charset "euc-kr";

.subMainBanner{margin-bottom:45px;}
.section1Box{display:table; border:1px solid #dbdbdb; background:#f8f8f8; width:100%; height:61px;border-top:none;}
.section1Box .inner{display:table-cell; vertical-align:middle; padding:0 30px;font-size:15px;letter-spacing:-1px;}
.section1Box .inner .tit{display:inline-block;font-weight:bold;color:#323232;margin:0 25px 0 0;}
.section1Box .inner .linkBox{display:inline-block;}
.section1Box .inner .linkBox a{display:inline-block;border:1px solid #bbbbc3;background:#fff;color:#787878;padding:2px 10px 4px;margin:0 1px 0 0;}

.tab03 .txt{display:inline-block; vertical-align:middle;}
.tab03 .tooltip{position:relative; vertical-align:middle; margin:0 5px 0 -50px; display:inline-block; background:#ce1340; color:#fff; font-size:12px; width:34px; height:21px; line-height:1.5; font-weight:normal;}
.tab03 .tooltip:after{content: ''; position: absolute; border-style:solid; border-width:4px 0 5px 6px; border-color:transparent #ce1340; display:block; width:0; z-index:1; right:-5px; top:6px;}
div.tab03 ul li.on:after, div.tab03 ul li:hover:after{height:57px;}

.knowInforBox{border:1px solid #d7d7d7;border-top:1px solid #333;margin:0 0 40px 0;}
.knowInforBox:after{display:block;content:"";clear:both;}
.knowInforBox .inLeft{width:282px;float:left;}
.knowInforBox .inRight{width:calc(100% - 282px);float:left;border-left:1px solid #d7d7d7;}
.knowInforBox .bannerType01{height:126px;border-bottom:1px solid #d7d7d7;}
.knowInforBox .bannerType01 > a{position:relative;display:block;height:100%;padding:26px 10px 0 123px;}
.knowInforBox .bannerType01 p{display:inline-block;width:135px;letter-spacing:-1.6px;font-size:16px;font-weight:bold;color:#000;line-height:22px;}
.knowInforBox .bannerType01 .thumb{position:absolute; top:17px; left:19px;width:90px;height:90px;overflow:hidden;}
.knowInforBox .bannerType01 .thumb img{width:90px;height:90px;}
.knowInforBox .bannerType01 .thumb .mask{position:absolute; top:0; left:0;display:block;width:90px;height:90px;background:url("/_images/__renew/knowledge/img_mask90.png") no-repeat 0 0;}
.knowInforBox .bannerType01 .tit{display:block;font-size:14px;color:#2763ba;font-weight:normal;margin:0 2px 0 0;letter-spacing:-1px;line-height:22px;}
.knowInforBox .bannerType01 .tit img{vertical-align:middle;margin:-2px 0 0 3px;}
.knowInforBox .bannerType01.botStyle{border-bottom:none;height:204px;}
.knowInforBox .bannerType01.botStyle > a{padding-top:34px;}
.knowInforBox .bannerType01.botStyle .tit{margin-bottom:4px;}
.knowInforBox .bannerType01.botStyle .txt{position:absolute; top:141px; left:35px;font-size:14px;color:#666;font-weight:normal;width:235px;}
.knowInforBox .bannerType01.botStyle .thumb{top:34px;}

.knowInforBox .bannerType02{width:100%;clear:both;background:#f5f6fa;border-top:1px solid #d7d7d7;}
.knowInforBox .bannerType02:after{display:block;content:"";clear:both;}
.knowInforBox .bannerType02 li{display:table;float:left;width:calc((100% - 282px) / 2);height:128px;vertical-align:middle;letter-spacing:-1px;}
.knowInforBox .bannerType02 li:first-child{width:282px;}
.knowInforBox .bannerType02 li:first-child + li{border-left:1px solid #d7d7d7;border-right:1px solid #d7d7d7;}
.knowInforBox .bannerType02 li > a{position:relative;display:table-cell;width:100%;height:100%;vertical-align:middle;padding-left:119px;}
.knowInforBox .bannerType02 .thumb{width:118px;height:128px;position:absolute; top:0; left:0;line-height:128px;text-align:center;}
.knowInforBox .bannerType02 .thumb img{max-width:74px;max-height:74px;vertical-align:middle;}
.knowInforBox .bannerType02 .tit{display:block;font-size:15px;font-weight:bold;color:#486cba;margin:0 0 3px;line-height:1.2;}
.knowInforBox .bannerType02 .tit img{vertical-align:middle;margin:-3px 0 0 3px;}
.knowInforBox .bannerType02 p{font-size:15px;display:block;font-weight:normal;line-height:1.2;}
.knowInforBox .bannerType02 .date{font-size:13px;color:#000;}
.knowInforBox .bannerType02.topStyle{border-top:none;border-bottom:1px solid #d7d7d7;}
.knowInforBox .bannerType02 .txtWorry{position:relative;height:85px;margin:28px 0 0 15px;padding:0 0 0 92px;background:url("/_images/__renew/knowledge/ico_knowledge_05.png") no-repeat 20px 0;}
.knowInforBox .bannerType02 .txtWorry .btnArea{position:absolute; top:49px; left:0;display:block;width:254px;}
.knowInforBox .bannerType02 .txtWorry .btnArea:after{display:block;content:"";clear:both;}
.knowInforBox .bannerType02 .txtWorry a{font-size:13px;color:#000;width:128px;display:block;float:left;height:36px;line-height:34px;background:#fff url("/_images/__renew/knowledge/bul_arrow.png") no-repeat 112px 14px;border:1px solid #e6e6e6;margin-left:-1px;padding:0 0 0 12px;letter-spacing:-1px;}

.knowInforBox .txtRolling{height:82px;}
.knowInforBox .txtRolling ul{width:225px;height:82px;margin:0 auto;}
.knowInforBox .txtRolling li{padding:12px 0 0 0;}
.knowInforBox .txtRolling li a{display:block;width:100%;font-size:14px;letter-spacing:-1px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;word-wrap:normal;padding:5px 0 0 3px;}
.txtRolling .anythingSlider-default .back{top:30px;right:-28px;width:20px;height:21px;}
.txtRolling .anythingSlider-default .back a{width:20px;height:21px;background:url("/_images/_common/ico_slide_arrow.png") no-repeat -20px 0;}
.txtRolling .anythingSlider-default .forward{top:30px;left:-29px;width:21px;height:21px;}
.txtRolling .anythingSlider-default .forward a{width:21px;height:21px;background:url("/_images/_common/ico_slide_arrow.png") no-repeat 0 0;}

.worryBox{position:relative;height:209px;padding:32px 0 0 34px;background:url("/_images/__renew/knowledge/bg_knowledge_01.png") no-repeat 100% 0;letter-spacing:-1px;}
.worryBox .btnBox{position:absolute; top:139px; right:28px;}
.worryBox .btnBox a{display:inline-block;padding:7px 13px 10px;color:#fff;background:#333949;border:1px solid #3c414f;font-size:13px;letter-spacing:-1px;margin:0 -1px 0 0;}
.worryBox .tit{display:block;margin:0 0 6px;font-size:27px;font-weight:bold;color:#333949;}
.worryBox .tit span{color:#2763ba;}
.worryBox p{font-size:15px;font-weight:bold;color:#323232;line-height:1.2;}
.worryBox p.txt2{font-size:15px;font-weight:bold;color:#323232;line-height:1.5;}
.worryBox p.txt{font-size:13px;color:#666;font-weight:normal;margin:0 0 21px 0;line-height:1.3;}

.knowmenuLink{height:204px;letter-spacing:-1px;text-align:center;}
.knowmenuLink p.tit{font-size:22px;font-weight:bold;color:#333949;text-align:center;padding:28px 0 18px;}
.knowmenuLink p.tit span{color:#2763ba;}
.knowmenuLink ul:after{display:block;content:"";clear:both;}
.knowmenuLink ul li{float:left;width:180px;height:91px;background:url("/_images/__renew/knowledge/bg_arrow.png") no-repeat 0 0;}
.knowmenuLink ul li > a{display:block;width:100%;height:100%;}
.knowmenuLink ul li:first-child{background:none;}
.knowmenuLink ul li .tit{font-size:15px;font-weight:bold;color:#333;}
.knowmenuLink ul li p{font-size:13px;padding-bottom:30px;background:url("/_images/_teacher/icon_plusNew.png") no-repeat 50% 100%;}

.knowRollingBox{margin:0 0 65px;}
.knowRollingBox:after{display:block;content:"";clear:both;}
.knowRollingBox .inLeft{width:546px;float:left;}
.knowRollingBox h2{font-family:"Noto Sans KR";font-size:18px;color:#000;font-weight:500;letter-spacing:-1px;padding:0 0 14px 15px;}
.knowRollingBox div.tab01{height:51px;margin-bottom:25px;}
.knowRollingBox div.tab01 ul li a{height:48px;line-height:46px;}
.knowRollingBox .tab01.full li.on a, .knowRollingBox .tab01.full li:hover a{height:50px;}
.knowRollingBox .inRight{width:284px;float:right;}
.knowRollingBox .inRight h2{border-bottom:1px solid #d7d7d7;padding:0 0 15px 15px;}
.knowRollingBox.type02 div.tab01{margin-bottom:17px;}


.studentSlide{width:546px;height:224px;}
.studentSlide li:after{display:block;content:"";clear:both;}
.studentSlide .inBox{width:182px;float:left;}
.studentSlide .inBox > a{position:relative;display:block;height:100%;}
.studentSlide .inBox p{display:inline-block;letter-spacing:-1.6px;font-size:12px;color:#000;line-height:1.3;padding:0 0 0 102px;height:56px;overflow:hidden;}
.studentSlide .inBox .thumb{position:absolute; top:0; left:11px;width:86px;height:86px;overflow:hidden;}
.studentSlide .inBox .thumb img{width:86px;height:86px;}
.studentSlide .inBox .thumb .mask{position:absolute; top:0; left:0;display:block;width:86px;height:86px;background:url("/_images/__renew/knowledge/img_mask86.png") no-repeat 0 0;}
.studentSlide .inBox .tit{display:block;font-size:15px;color:#2763ba;font-weight:bold;letter-spacing:-1px;line-height:1;padding:22px 0 0 102px;}
.studentSlide .inBox .tit img{vertical-align:middle;margin:-2px 0 0 3px;}
.studentSlide .inBox .txt{width:100%;border-top:1px solid #e1e1e1;background:#f0f0f0;padding:18px 26px 0 24px;height:128px;}
.studentSlide .inBox .txt p{font-size:13px;letter-spacing:-1px;line-height:1.6;height:80px;overflow:hidden;color:#666;padding:0;}
.studentSlide .inBox:first-child + .inBox .txt{background:#fafafa;}

.studentSlide02{width:546px;height:315px;}
.studentSlide02 li:after{display:block;content:"";clear:both;}
.studentSlide02 .inBox{width:180px;height:315px;float:left;background:#f0f0f0;margin:0 0 0 3px;text-align:center;}
.studentSlide02 .inBox:first-child{margin:0;}
.studentSlide02 .inBox > a{position:relative;display:block;height:100%;text-align:center;letter-spacing:-1px;}
.studentSlide02 .inBox .thumb{position:relative;display:inline-block;width:141px;height:112px;overflow:hidden;margin:10px 0 0 0;}
.studentSlide02 .inBox .thumb img{width:110px;height:110px;}
.studentSlide02 .inBox .thumb .mask{position:absolute; top:0; left:0;display:block;width:141px;height:112px;background:url("/_images/__renew/knowledge/img_mask110.png") no-repeat 0 0;}
.studentSlide02 .inBox .tit{display:block;font-size:15px;color:#333;line-height:1;background:#fff;border:1px solid #f0f0f0;border-bottom:none;letter-spacing:-1.5px;padding:13px 0 9px;}
.studentSlide02 .inBox .tit .schLogo{width:40px;height:37px;margin:0 7px 0 0;}
.studentSlide02 .inBox .name{font-size:15px;color:#000;margin:11px 0 0 0;}
.studentSlide02 .inBox .txt{width:145px;height:63px;margin:4px auto 0;padding:4px 0 0 0;border-top:1px solid #969696;font-size:13px;overflow:hidden;text-align:left;}

.secretSlide{width:284px;height:299px;}
.secretSlide .inBox{display:table;position:relative;width:100%;height:150px;border-bottom:1px solid #d7d7d7;}
.secretSlide .inBox > a{display:table-cell;width:100%;height:100%;padding:0 0 0 136px;letter-spacing:-1px;font-size:14px;font-weight:bold;vertical-align:middle;}
.secretSlide .inBox > div{display:table-cell;width:100%;height:100%;padding:0 0 0 136px;letter-spacing:-1px;font-size:14px;font-weight:bold;vertical-align:middle;}
.secretSlide .inBox .thumb{position:absolute; top:23px; left:32px;width:66px;height:66px;}
.secretSlide .inBox .thumb img{width:100%;height:100%;}
.secretSlide .inBox .year{position:absolute; top:90px; left:0;display:block;width:136px;text-align:center;color:#333;}
.secretSlide .inBox .school{position:absolute; top:107px; left:0;display:block;width:136px;text-align:center;color:#2763ba;}
.secretSlide .inBox p{font-size:14px;font-weight:normal;padding:0 6px 0 0;max-height:85px;overflow:hidden;}
.secretSlide .inBox .name{color:#000;}
.secretSlide .inBox + .inBox{height:148px;}

.secretSlide02{width:284px;height:381px;}
.secretSlide02 .inBox{display:table;position:relative;width:100%;height:190px;border-bottom:1px solid #d7d7d7;}
.secretSlide02 .inBox > a{display:table-cell;width:100%;height:100%;padding:0 0 0 136px;letter-spacing:-1px;font-size:14px;font-weight:bold;vertical-align:middle;}
.secretSlide02 .inBox > div{display:table-cell;width:100%;height:100%;padding:0 0 0 136px;letter-spacing:-1px;font-size:14px;font-weight:bold;vertical-align:middle;}
.secretSlide02 .inBox .thumb{position:absolute; top:33px; left:19px;width:86px;height:86px;}
.secretSlide02 .inBox .thumb img{width:100%;height:100%;}
.secretSlide02 .inBox .thumb .mask{position:absolute; top:0; left:0;display:block;width:86px;height:86px;background:url("/_images/__renew/knowledge/img_mask86.png") no-repeat 0 0;}
.secretSlide02 .inBox .year{position:absolute; top:132px; left:0;display:block;width:136px;text-align:center;color:#333;}
.secretSlide02 .inBox .school{position:absolute; top:149px; left:0;display:block;width:136px;text-align:center;color:#2763ba;}
.secretSlide02 .inBox p{font-size:14px;font-weight:normal;padding:0 6px 0 0;max-height:105px;overflow:hidden;}
.secretSlide02 .inBox .name{color:#000;}
.secretSlide02 .inBox + .inBox{height:191px;}

.knowRollingBox .anythingControls{position:absolute; bottom:-20px; right:0;}
.knowRollingBox .anythingSlider-default .anythingControls a{width:9px;height:9px;border-radius:50%;}
.knowRollingBox .anythingSlider-default .anythingControls a.cur,
.knowRollingBox .anythingSlider-default .anythingControls a:hover{background-color:#0e1232;}

.knowLinkBox{border-top:1px solid #333;border-bottom:1px solid #d7d7d7;}
.knowLinkBox ul{display:flex;}
.knowLinkBox ul li{flex:1; height:325px; text-align:center;border-right:1px solid #d7d7d7;}
.knowLinkBox ul li:first-child{border-left:1px solid #d7d7d7;}
.knowLinkBox ul li > a{display:block;width:100%;height:100%;letter-spacing:-1px;}
.knowLinkBox .tit{display:block;font-size:15px;font-weight:bold;margin:32px 0 12px;}
.knowLinkBox .thumb{position:relative;display:inline-block;width:118px;height:118px;}
.knowLinkBox .thumb img{}
.knowLinkBox .thumb .mask{position:absolute; top:-1px; left:0;width:118px;height:118px;background:url("/_images/__renew/knowledge/img_mask116.png") no-repeat 0 0;}
.knowLinkBox strong{display:block;font-size:20px;font-weight:bold;color:#000;line-height:1.1;margin:20px 0 8px;}
.knowLinkBox p{font-size:14px;letter-spacing:-1.5px;}