@charset "utf-8";
@import url('http://fonts.googleapis.com/earlyaccess/nanumgothic.css');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
body, table, div, p, a, dd, ul, li, table, th, td, input{font-family:'Nanum Gothic';}
a{text-decoration:none;}


/* 수강신청-따라다니는 슬라이드css */
#scrollRight{position:absolute; top:500px; right:0px; }
#scrollRight.fixed {position:fixed; top:200px; } 
.cursor{cursor:pointer;}
.leftMenu{padding-top:28px; position:absolute; }

/*수강신청-공통css*/
.enrolment #container{width:100%; height:100%; text-align:center; }
#leftMenuWrap{width:980px; margin:0 auto; top:20px; left:300px;}
.enrolment #mainWrap{width:980px; padding-top:28px; padding-bottom:53px;}
.enrolment #mainWrap .leftMenu{float:left; width:190px; text-align:left;}
.enrolment #mainWrap #submain{padding-top:52px;}
/*수강신청-공통 레프트메뉴css
.enrolment #container #step4{padding-bottom:55px; padding-top:77px; background:url(../image/guaranteedPassMembership_introduce04_background.png);}
.enrolment #container #step5{background:; padding-top:53px; padding-bottom:27px;}*/
/*백그라운드  */

.enrolment #container .content{width:980px; margin:0 auto;}
.enrolment .nameList{width:980px; margin:0 auto; padding:20px 0; border-top:3px solid #000; border-bottom:3px solid #000;}
.listWrap{padding-top:30px; padding-bottom:11px;}
.enrolment .enrolment_professor{float:left; }
.enrolment .enrolment_professor_list{float:left; padding:10px; text-align:center;}
.enrolment .enrolment_professor_list dt{width:60px; height:30px; color:#434343; background:#f2b804; font-wieght:bold; font-size:18px; }
.enrolment .enrolment_professor_list dt h4{width:60px; height:30px; text-align:center; vertical-align:middle; margin-top:6px;}
.enrolment .enrolment_professor_list dd{padding-left:10px;}
.enrolment .enrolment_professor_list dd a{color:#434343; vertical-align:middle; font-size:14px;}
.clearFix:after{content:''; display:block; clear:both;}


/*컨테이너*/
#free #container{width:100%; height:100%; text-align:center; }
/* 합격보장회원 백그라운드 
#free #subTitleBg{background:url(../image/step0bg.png); background-size:100% 100%; padding-top:0px;  padding-bottom:0px; }*/
#free #mainWrap{width:980px;  padding-top:0px;  padding-bottom:0px; }
#free #container #mainWrap .leftMenu{float:left; width:190px; text-align:left; }

/*레프트메뉴*/
.leftMenu dt{font-size:29px; font-family: 'Nanum Gothic', sans-serif; color:#5f5f5f; font-weight:500;}
.leftMenu dt{padding-bottom:12px; border-bottom:2px solid #000;}
.leftMenu dd{padding:12px 0; padding-left:29px; border-bottom:1px solid #7f7f7f; position:relative;}
.leftMenu dd a{font-size:15px; color:#1a2039;}
.leftMenu dd p{position:absolute; left:0; top:17px; float:left; width:16px; height:3px; background:#ccc;}
.leftMenu dd:hover p{background:#b3221f;}
.leftMenu dd:hover,
.leftMenu dd:focus{font-weight:bold;}
#free #container .subMain{float:right;  padding-left:10px; }
#free #container #mainWrap{display:inline-block;} 

#free #container #stepWrap{width:100%; }
/* #free #container #step1{background:#fff; background-size:100% 100%; padding-top:56px; padding-bottom:68px; }*/
/* guaranteedPassMembership_introduce01 백그라운드 */

#free #container #step1{background:url(../image/step1bg.png); background-size:100% 100%; padding-top:0px; padding-bottom:0px;}
#free #container #step2{background:#fff; padding-top:0px; padding-bottom:0px;}




#Map_00{width:1400px; margin:0 auto; background:#fff; padding-top:0px; padding-bottom:0px;}
#Map_00 .Map{width:1400px; height:450px; margin:0 auto; margin-bottom:200px; }

#Last{width:100%; height:521px; background:#ebf0f3;}

.Last_1{float:left; width:50%; height:100%; background:#f8e70b;}
.Last_1 img{float:right;}
.Last_2{float:left; width:600px; height:100%; background:#ebf0f3;}



/* 교실 사진 공통 */
#free #container #CLASS_{background:url(../../main/image/Class_bg.png);  padding-top:0px;  padding-bottom:0px; }


/* 맨하단 오시는 길 공통 */
#free #container #Load_{background:#fff;  padding-top:0px;  padding-bottom:0px; }




/* 수강신청마지막백그라운드 */
#free #container .content{width:1400px; margin:0 auto; }

#free #container .content #guaranteedPassMembershipIntroduce,
#free #container .content #bannerSkin2{cursor:pointer;}
#free #container .content #banner1,
#free #container .content #banner2{display:none; padding-top:20px;}

#free #container{display:inline-block;}



#P2{width:100%; height:440px; font-family: 'Nanum Gothic', sans-serif;}
.point2{width:1200px; height:380px;  margin:0 auto; margin-top:30px; position:relative;}
.point2 ul {list-style: none; }
.point2 li {float:left; margin-right:20px;}
#P2 .P2-8{margin-right:0px;}
.point2 a {text-decoration:none;  color: #fff; display:block; width:130px; height:130px; text-align:center; background:#333;
border-radius:130px; line-height:130px;  font-family: 'Nanum Gothic', sans-serif; font-size:18px; font-weight:bold;}
/*.point2 a:hover {background:#eee; color:#000;} */

/* Sub Menus */
.point2 li li {font-size:.8em; clear:both;}
.P2P2 a {clear:both; display:block; width:660px; height:190px; border-radius:0;  line-height:18px; font-size:16px;
background:#fff; color:#000; font-weight:normal;}
.point2 .T21{position:absolute; top:170px; left:200px;}
.point2 .T22{position:absolute; top:170px; left:200px;}
.point2 .T23{position:absolute; top:170px; left:200px;}
.point2 .T24{position:absolute; top:170px; left:200px;}
.point2 .T25{position:absolute; top:170px; left:200px;}
.point2 .T26{position:absolute; top:170px; left:200px;}
.point2 .T27{position:absolute; top:170px; left:200px;}
.point2 .T28{position:absolute; top:170px; left:200px;}


/* Sub Menus */
.point2 li ul { display:none;}
.point2 li:hover ul{display:block;}



/* 첫부분 */
#BB{margin:0 auto; width:100%; height:1100px; margin-top:30px; }
#Story_min{margin:0 auto;  width:1200px; height:1018px; background:#eee; border:1px solid #333; padding-top:0; padding-bottom:0;}

#BIG_story
{background:#fff; width:1200px; height:956px; position: relative;}


#tabs888{overflow:hidden; width:100%; height:62px; background:#000; margin:0; padding:0;  list-style:none;}
#tabs888 li{float:left; border-top:}
#tabs888 li a{display:block; position:relative; text-decoration:none;  width:400px; height:62px; background:#eaeaea; line-height:81px; font-size:19px; color:#333;}

/* #tabs888 li:nth-child(1) a{background:#9f9191; color:#fff;} */

#tabs888 li:nth-child(1) a:hover{background:#9f9191; color:#fff;}
#tabs888 li:nth-child(1) a:hover::after{background:#9f9191; color:#fff;}
#tabs888 li:nth-child(1) a:focus{background:#9f9191; color:#fff;}
#tabs888 li:nth-child(1) a:focus::after{background:#9f9191; color:#fff;}

#tabs888 li a:hover,
#tabs888 li a:hover::after,
#tabs888 li a:focus,
#tabs888 li a:focus::after{background:#9f9191; color:#fff;}

#tabs888 a:focus{outline: 0;}

#tabs888 a::after{
  content:'';
  position:absolute;
  z-index: 1;
  top: 0;
  right: -.5em;  
  bottom: 0;
  width: 1em;
}

#tabs888 #current a,
#tabs888 #current a::after{
  z-index: 3;
}








/* 중간 부분 */
#DD{margin:0 auto; width:100%;  background:#fff;}
#Story00{margin:0 auto; width:1200px; height:1400px;  padding-top:0; padding-bottom:0;}

#mini_story
{width:1200px; height:1400px; position: relative;}


#tabs00{overflow:hidden; width:100%; height:84px; margin:0; padding:0;  list-style:none;}
/* #tabs00 li{float:left;} */
#tabs00 li{float:left; border-top:1px solid #333; border-bottom:1px solid #333;  }
#tabs00 li a{display:block; position:relative; text-decoration:none;  width:238px; height:62px;  font-family: 'Noto Sans KR', sans-serif;
line-height:60px; font-size:25px; color:#000;  border-right:1px solid #333; text-align:center;  font-weight:700;  letter-spacing:-2px;}

#tabs00 li:nth-child(1) a{ border-left:1px solid #333;}


/* #tabs00 li:nth-child(1) a{background:#9f9191; color:#fff;} */


#tabs00 li:nth-child a{border-left:1px solid #333;}
#tabs00 li:nth-child a:hover{background:#000; color:#fff;}
#tabs00 li:nth-child a:hover::after{background:#0003; color:#fff;}
#tabs00 li:nth-child a:focus{background:#000; color:#fff;}
#tabs00 li:nth-child a:focus::after{background:#000; color:#fff;}

#tabs00 li a:hover,
#tabs00 li a:hover::after,
#tabs00 li a:focus,
#tabs00 li a:focus::after{background:#000; color:#fff;}



#tabs00 a:focus{outline: 0;}

#tabs00 a::after{
  content:'';
  position:absolute;
  z-index: 1;
  top: 0;

  bottom: 0;

}

#tabs00 #current a,
#tabs00 #current a::after{
  z-index: 3;
}

/*
#tabs00 .Left01{float:left;}
#tabs00 .Right01{float:right;}/