/*상단롤링*/
.top-rolling-wrap{
	position:relative;
	width:100%;
	height:553px;
	overflow:hidden;
}

.top-rolling-wrap .top-rolling{
	position:relative;
	width:100%;
	height:553px;
	margin:0 auto;
	overflow:hidden;
}

.top-rolling-wrap .top-rolling .rolling-item{
	position:absolute;
	height:553px;
	top:0;
	width:100%;
	left:-100%;
	z-index:1;
}

.top-rolling-wrap .top-rolling .rolling-item .w1100{
    height:553px;
}

.top-rolling-wrap  .top-rolling .rolling-item a{
    position: absolute;
    top: 388px;
    left: calc(50% - 168.5px);
	display:block;
	width: 337px;
    height: 49px;
	margin:0 auto;
    font-size: 16px;
    background: none;
    text-align: center;
    font-family: 'spoqa3';    
    color: #ffffff;
    border:1px solid #ffffff;
}

.top-rolling-wrap  .top-rolling .rolling-item a h3{
	font-family:'spoqa1';
	font-weight:100;
	padding-top:173px;
	color:#000;
	font-size:75px;
	line-height:100px;
	letter-spacing:-2px;
}

.top-rolling-wrap  .top-rolling .rolling-item a h3 strong{
	display:block;
	font-family:'spoqa3';
	font-weight:300;
}
.top-rolling-wrap  .top-rolling .rolling-item a .btn-more{
	 position:relative;
    display: block;
    width: 315px;
    height: 49px;
    line-height: 47px;
    font-weight:100;
}

.top-rolling-wrap  .top-rolling .rolling-item a .btn-more:after{
    position:absolute;
    right: 54px;
    top: 0px;
    content:">";
    display:block;
}

/*300제, 코레일 배경에 따라서 버튼 변경*/
.top-rolling-wrap  .top-rolling .rolling-item3 a,
.top-rolling-wrap  .top-rolling .rolling-item4 a{
    border:1px solid #000000;
    color:#000000;
}
/*수강신청 호버*/
.top-rolling-wrap  .top-rolling .rolling-item a:hover{
	color:#000000;
	background:#e63682;
	border:1px solid #e63682;
    font-family:'spoqa4';
}

/*롤링 베너 bg*/
.top-rolling-wrap .rolling-item.rolling-item1{background:url('/_skin/tpl_skin/basic_ncs/images/main/top1.png') center  no-repeat;}
.top-rolling-wrap .rolling-item.rolling-item2{background:url('/_skin/tpl_skin/basic_ncs/images/main/top2_.png') center  no-repeat;}
.top-rolling-wrap .rolling-item.rolling-item3{background:url('/_skin/tpl_skin/basic_ncs/images/main/top3__.png') center  no-repeat;}
.top-rolling-wrap .rolling-item.rolling-item4{background:url('/_skin/tpl_skin/basic_ncs/images/main/top4_.png') center  no-repeat;}
.top-rolling-wrap .rolling-item.rolling-item5{background:url('/_skin/tpl_skin/basic_ncs/images/main/top5_.png') center no-repeat;}
.top-rolling-wrap .rolling-item.rolling-item6{background:url('/_skin/tpl_skin/basic_ncs/images/main/top6_.png') center no-repeat;}
.top-rolling-wrap .rolling-item.rolling-item7{background:url('/_skin/tpl_skin/basic_ncs/images/main/freepass_bn.png') center no-repeat;}

.top-rolling-wrap .top-rolling .rolling-item.before{
	z-index:2;
}
.top-rolling-wrap .top-rolling .rolling-item.current{
	left:0;
	z-index:3;
}

/*롤링 페이지*/

.top-rolling-wrap .rolling-direction{
    position: absolute;
    width: 146px;
    height: 73px;
    bottom: 0;
    left: calc(50% + 392px);
    z-index: 99;
}
.top-rolling-wrap .rolling-direction:after{
	content:'';
	display:table;
	clear:both;
}
.top-rolling-wrap .rolling-direction .direction-btn{
	position:absolute;
	display:block;
	top:0;
	width:72px;
	height:72px;
}
.top-rolling-wrap .rolling-direction .direction-btn.direction-next{right:0;background:url('/_skin/tpl_skin/basic_ncs/images/main/top_right.png') center no-repeat;  }
.top-rolling-wrap .rolling-direction .direction-btn.direction-prev{left:0;background:url('/_skin/tpl_skin/basic_ncs/images/main/top_left.png.png') center no-repeat;opacity:0.5; margin-right:1px}

.top-rolling-wrap .rolling-list  {
    position:absolute;
    bottom:46px;
    left: calc(50% - 93px);
    z-index:99;

}

.top-rolling-wrap .rolling-list .page-item  {
    float:left;
    height:12px;
    margin-right:12px;
}

.top-rolling-wrap .rolling-list .page-item:last-child{
    margin-right:0;
}

.top-rolling-wrap .rolling-list .page-item > a {
       width:12px;
       height:12px;
       display:block;
       background:#525569;
       border-radius:6px;
       text-indent:-10000px;
       transition: all 0.3s ease-out;
}

.top-rolling-wrap .rolling-list .page-item > a.selected {
        width:66px;
        height:15px;
        background:#b62b67;
        margin-top:-2px;
}

/*상단비주얼*/
.main-content {
    position:relative;
    width:100%;
    box-sizing:border-box;
}

.main-content01{
    padding:120px 0;
}

.main-content01 .pull-left,
.main-content01 .pull-right{
    width:50%;
    box-sizing:border-box;
    position:relative;
}

.main-content h1.main_con_title{
    width:100%;
    font-size:42px;
    line-height: 54px;
    font-weight:100;    
    font-family:'spoqa3';
    margin-bottom:41px; 
}

.main-content h1.main_con_title > span{
    display:block;
    font-size:24px;
    font-family:'spoqa3';
    color:#656565;
    font-weight:100;
   line-height: 34px;
}

.main-content h1.main_con_title > strong{
    font-family:'spoqa4';
}
.main-content01 .pull-left .con_menu_list {
    width:320px;
}

.main-content01 .con_menu_list li  {
    width:100%;
    height:71px;
    border-bottom:1px solid #cccccc
}

.main-content01 .con_menu_list li:last-child{
    border-bottom:none;
}

.main-content01 .con_menu_list li a {
    position:relative;
    display:block;
    width:100%;
    height:100%;
    line-height:71px;
    font-size:20px;
    padding-left:50px;
    box-sizing:border-box;
    background:url('/_skin/tpl_skin/basic_ncs/images/main/plus_off.png') 2px center no-repeat;
}

.main-content01 .con_menu_list li a:after {
     position:absolute;
     right:12px;
     top:0;
    width:13px;
    height:13px;
    content:">";
    display:block;
    color:#6b6b6b;
}

.main-content01 .con_menu_list li a:hover {
    background:url('/_skin/tpl_skin/basic_ncs/images/main/plus_on.png') 2px center no-repeat;
    font-family:'spoqa4';
    font-weight:100;
}

.main-content01 .con_menu_list li a:hover:after{
    color:#000000;
} 

.main-content01 .con_menu_list2 li {
    width:100%;
    height:230px;
    overflow:hidden;
    position:relative;
}

.main-content01 .con_menu_list2 li:first-child{
    margin-bottom:20px;
}

.main-content01 .con_menu_list2 li:nth-child(2),
.main-content01 .con_menu_list2 li:last-child {
    width:265px;
    height:268px;
    float:left;
}

.main-content01 .con_menu_list2 li:last-child {
    margin-left:20px;
}

.main-content01 .con_menu_list2 .con_menu {
    font-size:13px;
    display:block;
    text-align: center;
    box-sizing:border-box;
    padding-top:126px;
}

.main-content01 .con_menu_list2 .con_menu .menu_txt {
    width:206px;
    height:142px;
    margin:0 auto;
    background:rgba(255,255,255,0.92);
    box-sizing:border-box;
    z-index:10;
    padding: 21px 0;
    line-height: 18px;
}

.main-content01 .con_menu_list2 .con_menu1 {
    padding-top:103px;
}

.main-content01 .con_menu_list2 .con_menu1 .menu_txt {
       width:500px;
       height:128px;
       padding-top:22px;
}


.main-content01 .con_menu_list2 .con_menu .menu_txt h3 {
    font-size:22px;
    font-weight:600;
    margin-bottom:13px;
}

.main-content01 .con_menu_list2 .con_menu .menu_txt .more_btn{
   /* background:url('/_skin/tpl_skin/basic_ncs/images/main/plus_on.png') 2px center no-repeat;*/
   width:92px;
   margin: 14px auto 0;
   height:20px;
   display:block;
   background:#acacac;
   line-height:20px;
   color:#ffffff;
   font-size:12px;
   font-family:'spoqa4';
   font-style:normal;
   border-radius:10px;
}

.main-content01 .con_menu_list2 .con_menu:hover .cover{
    -ms-transform: scale(1.2, 1.2); /* IE 9 */
    -webkit-transform: scale(1.2, 1.2); /* Safari */
    transform: scale(1.2, 1.2);
	-webkit-transition:all .4s ;
	transition:all .4s ;
}

.main-content01 .con_menu_list2 .con_menu:hover .more_btn{
    background:#b62b67;
}

.main-content01 .con_menu_list2 .con_menu:hover .menu_txt {
    background:rgba(255,255,255,0.97);
    text-decoration:none !important;
}


.main-content01 .con_menu_list2 .con_menu .cover{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    z-index:-1;
}

.main-content01 .con_menu_list2 .con_menu1 .cover {
    background:url('/_skin/tpl_skin/basic_ncs/images/main/study1.png')  center no-repeat;
}
.main-content01 .con_menu_list2 .con_menu2 .cover {
    background:url('/_skin/tpl_skin/basic_ncs/images/main/study2.png')  center no-repeat;
}
.main-content01 .con_menu_list2 .con_menu3 .cover {
    background:url('/_skin/tpl_skin/basic_ncs/images/main/study3.png')  center no-repeat;
}

/*도서보기*/
.main-content02 {
    padding:110px 0 ;
    height:848px;
  background:url('/_skin/tpl_skin/basic_ncs/images/main/book_bg_.png')  center no-repeat;
   /*  background: linear-gradient(45deg, #f3e8f1 0%, #e2e7f4 100%); */
}

.main-content02 .w1100{
    position:relative;
}

.main-content02 h1.main_con_title {
    width:50%;
}

.main-content02 ul li {
    float:left;
    width:170px;
    height:170px;
    text-align:center;
    color:#ffffff;
    background:#b62b67;
    border-radius:50%;
    margin-left:12px;
    font-size:20px;
    line-height: 25px;
    padding-top: 41px;
    box-sizing: border-box;
}

.main-content02 ul li:first-child{
    margin-left:0;
    padding-top:55px
}

.main-content02 a {
    position:absolute;
    left:0;
    top: calc(50% + 473px);
    width:247px;
    height:47px;
    display:block;
    background:#19242c;
    color:#ffffff;
    font-size:18px;
    font-family:'spoqa3';
    text-align:center;
    line-height:47px;
}

.main-content02 a:hover{
    background:#b62b67
}

/*교수*/
.main-content03 {
    padding:125px 0;
    box-sizing:border-box;
    background:url('/_skin/tpl_skin/basic_ncs/images/main/teacher_bg.png')  center no-repeat;
}

.main-content03 .main_con_title{
    margin-bottom:63px;
}

.main-content03 .main_con_title,
.main-content03 .main_con_title > span{
    color:#ffffff !important;
}

.main-content03 .teacher-wrap{
	position:relative;
	width:1100px;
	height:532px;
	margin:0 auto;
	clear:both;
	padding-top:10px;
}

.main-content03 .teacher-tab{
	width:205px;
	float:left;
}

.main-content03 .teacher-tab li {
	width:205px;
    height: 131.7px;
	margin-bottom:1px;
	background:#020911;
	color:#56585b;
	box-sizing:border-box;
	font-size:18px;
	padding-top:35.5px;
	cursor:pointer;
    text-align:center;
}

.main-content03 .teacher-tab li.selected{
    color:#ffffff;
    	background:#c61f5d;
}
.main-content03 .teacher-tab li:hover{
color:#ffffff;
}

.main-content03 .teacher-tab li > h3{
	font-family:'spoqa4';
	font-size:27px;
	margin-top:10px;
}

.main-content03  .teacher{
	position:absolute;
	left:calc(50% - 344px);
	bottom:2px;
}
.main-content03  .teacher01,.main-content03  .teacher02, .main-content03  .teacher03, .main-content03  .teacher04{display:none;}

.main-content03  .teacher ul {
    position: absolute;
    left: 84px;
    top: 462px;
}

.main-content03  .teacher ul li {
    font-size: 17px;
    color: #ffffff;
    margin-bottom: 9.1px;
    letter-spacing: -1.15px;
    font-family:'spoqa2';
}

.main-content03  .teacher .bnt-play {
	position:absolute;
    color:#000000;
	left:81px;
	bottom:103px;	
    width:305px;
    height:43px;
    padding-left:83px;
    box-sizing:border-box;
    line-height:43px;
    font-size:17px;
    font-family:'spoqa4'; 
    background:url(/_skin/tpl_skin/basic_ncs/images/main/teacher_btn_arrow.png) 69% 20px no-repeat #9e9e9e;
}

.main-content03  .teacher .bnt-play:hover{
     background-color:#c61f5d
}


/*고객지원*/
.main-content04 {
    padding:117px 0;
}

.main-content04 h1.main_con_title{
    text-align:center;
}

.main-content04 .border-wrap{
    width:100%;
    padding:35px 0;
    box-sizing:border-box;
    border:1px solid #d6d6d6
}

.main-content04 .border-list{
    width:50%;
    box-sizing:border-box;
    padding-left:58px
}


.main-content04 .border-list ul {
    padding-right:45px;
    height: 90px;
    position:relative;
}
.main-content04 .border-list ul .main_more_btn{
        width: 47px;
    height: 21px;
    font-size: 12px;
    color: #ffffff;
    background: #aaaaaa;
    text-align: center;
    font-family: 'spoqa4';
    position: absolute;
    bottom: 0;
    display:block;
}

.main-content04 .border-list01{
    border-right:1px solid #d6d6d6;
     background:url('/_skin/tpl_skin/basic_ncs/images/main/gongo_icon.png') 59px 56px no-repeat;
}

.main-content04 .border-list02{
     background:url('/_skin/tpl_skin/basic_ncs/images/main/gongji_icon.png') 59px 56px no-repeat;
}

.main-content04 .border-list > h3 {
    font-size:21px;
    letter-spacing:-0.8px;
    font-size:'spoqa1';
    font-weight:600;
}

.main-content04 .border-list li {
    box-sizing: border-box;
    margin-bottom: 10px;
    width: 289px;
    height:22px;
    font-size:16px;
}

.list-dash > li:before {
    color:#7f7f7f
}

.main-content04 .border-list li a {
    box-sizing:border-box;
    width:100%;
    text-overflow:ellipsis;
    white-space:nowrap;
    word-wrap:normal;
    overflow:hidden;
    color:#7f7f7f;
	display:block;
}

.main-content04 .border-list li:hover a {
    border-bottom:1px solid #7f7f7f;
color:#7e7e7e;
font-family:'spoqa4';
font-weight:100;
}

.main-content04 .border-menu {
    margin-top:24px;
}

.main-content04 .border-menu ul li {

    margin-right:10px;
    box-sizing:border-box;
    float:left;
}

.main-content04 .border-menu ul li:last-child{
    margin-right:0;
}

.main-content04 .border-menu li a {
    position:relative;
    width:239px;
    height:93px;
    box-sizing:border-box;
    display:block;
    background:#505164;
    padding:25px 28px;
    color:#a4a4ac;  
     transition: all 0.3s ease-out;
}

.main-content04 .border-menu li a h3{
        font-size:19px;
        font-family:'spoqa2';
        font-weight:600;
        margin-bottom:5px;
}

.main-content04 .border-menu li a p {
    font-size:14px;
    font-family:'spoqa3';
}

.main-content04 .border-menu li a:after{
    position:absolute;
    right:28px;
    top:32px;
    width:27px;
    height:27px;
    content:">";
    color:#a4a4ac;
    font-size:14px;
    border:2px solid #a4a4ac;
    box-sizing:border-box;
    text-align:center;
    line-height:23px;
    font-family:'spoqa4';
}


.main-content04 .border-menu li.selected a {
    width:352px;
    background:#b0245d;
    color:#ffffff;
}

.main-content04 .border-menu li.selected a:after{
    color:#ffffff;
    border:2px solid #ffffff;
}