@keyframes run {
	  0% {
		transform: rotate(0deg) scale(1);
	  }
	  25% {
		transform: rotate(2deg) scale(1.02);
	  }
	  50% {
		transform: rotate(0deg) scale(1);
	  }
	  75% {
		transform: rotate(-2deg) scale(1.02);
	  }
	  100% {
		transform: rotate(0deg) scale(1);
	  }
	}


/*_pc*/
@media all and (min-width:1201px) {	
    
    main > section{margin:140px 0}
    
    /*visual*/
    .visual_sec{text-align:center;background:#df620d;margin:0}

    
    /*youtube*/
    .youtube_sec{}


    /*race*/
    .race_sec{}
    .race_sec .info_con{display:flex;gap:5%}
    .race_sec .info_con .tit{width:35%;font-size:36px;font-weight:600;color:var(--dark-gray)}
	.race_sec .info_con .tit span{font-size:60px;color:#111;font-weight:900;}
    .race_sec .info_con .info{flex:1}
	.race_sec .info_con .info p:first-child{margin-top:0}
    .race_sec .info_con .info p{font-size:30px;color:var(--dark-gray);margin-top:40px}

    .race_sec .menu_con{display:flex;justify-content:center;gap:2%;margin:100px 0}


    /*cource*/
    .cource_sec{}
    .cource_sec .swiper{padding:30px 0}
    .cource_sec .swiper-wrapper {transition-timing-function: linear !important;}
    .cource_sec .swiper-slide{width:auto;padding:0 20px}
    .cource_sec .swiper-slide .run{position:relative;transform-origin: bottom center; animation: run 0.5s infinite linear;}	

    .cource_sec .info_con{margin:100px 0}
    .cource_sec .info_con .menu{display:flex;gap:20px}
    .cource_sec .info_con .menu a{display:inline-block;font-size:25px;background:var(--light-gray);color:var(--gray);line-height:60px;border-radius:100px;padding:0 40px;font-weight:600}
    .cource_sec .info_con .menu a.is-on{background:var(--sub-navy);color:#fff;}
    .cource_sec .info_con .inner{display:flex;gap:100px;align-items:center; margin:40px 0}
    .cource_sec .info_con .thumb{width:50%;max-width:780px;}
    .cource_sec .info_con .thumb li{display:none}
    .cource_sec .info_con .thumb li.is-on{display:block}
    .cource_sec .info_con .thumb li img{border-radius:30px;overflow:hidden}
    .cource_sec .info_con .info{flex:1}
    .cource_sec .info_con .info table{border-left:hidden;border-right:hidden}
    .cource_sec .info_con .info tr{border:1px solid #ccc}
    .cource_sec .info_con .info th,
    .cource_sec .info_con .info td{padding:18px 20px;font-size:20px;text-align:left}
    .cource_sec .info_con .info th{width:25%;vertical-align: top}


     /*family*/
    .family_sec{background:var(--light-gray);padding:60px 0;margin:0}
    .family_sec .info_con{display:flex;justify-content:center;gap:50px;}
    .family_sec .info_con li{flex:1;display:flex;justify-content:center; align-items:center;text-align:center}
    .family_sec .info_con .tit{font-size:20px;font-weight:600;width:140px}
    .family_sec .info_con .info{display:flex;gap:40px;margin:60px 0}
	.family_sec .info_con .info img{width:160px;height:50px;object-fit:contain}
}

    

/*_mobile*/
@media all and (max-width:1200px) {
    
    main > section{margin:60px 0}
    
    
    /*visual*/
    .visual_sec{text-align:center;margin:0}

    
    /*youtube*/
    .youtube_sec{}
    .youtube_sec .inner{max-width:1200px;margin:0 15px;background:#f5f5f5}


    /*race*/
    .race_sec{margin-left:4%;margin-right:4%}
    .race_sec .info_con{}
    .race_sec .info_con .tit{font-size:24px;font-weight:700;margin-bottom:20px}
    .race_sec .info_con .info{}
    .race_sec .info_con .info p{font-size:15px;margin-bottom:20px}
    .race_sec .menu_con{margin:50px 0}


    /*cource*/
    .cource_sec{}
    .cource_sec .swiper{padding:20px 0}
    .cource_sec .swiper-wrapper {transition-timing-function: linear !important;}
    .cource_sec .swiper-slide{width:auto;padding:0 10px}
    .cource_sec .swiper-slide img{max-height:90px}
    .cource_sec .swiper-slide .run{position:relative;transform-origin: bottom center; animation: run 0.5s infinite linear;}	

    .cource_sec .info_con{margin:50px 0}
    .cource_sec .info_con .menu{display:flex;gap:10px}
    .cource_sec .info_con .menu a{display:inline-block;font-size:16px;background:#fff;line-height:45px;border-radius:50px;padding:0 30px;font-weight:600;background:var(--light-gray)}
    .cource_sec .info_con .menu a.is-on{background:var(--main-color);color:#fff;}
    .cource_sec .info_con .inner{display:flex;flex-direction: column;gap:30px;margin:20px 0}
    .cource_sec .info_con .thumb{max-width:800px;margin:0 auto}
	.cource_sec .info_con .thumb li{display:none}
    .cource_sec .info_con .thumb li.is-on{display:block}
    .cource_sec .info_con .thumb img{border-radius:15px;overflow:hidden}
    .cource_sec .info_con .info{flex:1;margin:20px 0}
    .cource_sec .info_con .info table{border-left:hidden;border-right:hidden}
    .cource_sec .info_con .info tr{border:1px solid #ccc}
    .cource_sec .info_con .info th,
    .cource_sec .info_con .info td{padding:10px 10px;font-size:14px;text-align:left}
    .cource_sec .info_con .info th{width:25%;vertical-align: top}


     /*family*/
    .family_sec{padding:50px 0;background:var(--light-gray);margin:0}
    .family_sec .info_con{display:flex;flex-direction: column;justify-content:center;gap:30px}
    .family_sec .info_con li{flex:1;text-align:center}
    .family_sec .info_con .tit{font-size:20px;font-weight:600}
    .family_sec .info_con .info{display:flex;justify-content:center;gap:40px;margin:20px 0}
	.family_sec .info_con .info img{width:100px;height:30px;object-fit:contain}

}