/* 메인 공통 */
		#main .title {}
		#main .title .line {
			position: absolute;
			left: -100px;
			top: -40px;
			width: 0;
			height: 4px;
			-webkit-transition: all 0.5s;
			transition: all 0.5s;
		}
		#main .title .txt1 {
			line-height: 3.8rem;
			font-size:3.6rem;
		}
		#main .title .txt2 {
			margin-top: 12px;
			font-size:1.4rem;
		}
		#main .title .txt1,
		#main .title .txt2,
		#main .title .txt3 {
			opacity: 0;
			-webkit-transform: translateY(50px);
			transform: translateY(50px);
			-webkit-transition: all 0.5s;
			transition: all 0.5s;
			-webkit-transition-delay: 0.5s;
			transition-delay: 0.5s;
		}
		
		.fade_up {
			opacity: 0;
			-webkit-transform: translateY(100px);
			transform: translateY(100px);
			-webkit-transition: all 0.5s;
			transition: all 0.5s;
		}
		.ani {}
		.ani.show {
			opacity: 1;
			-webkit-transform: translateY(0px);
			transform: translateY(0);
		}
		
		
		#main .title.ani.show .line {width: 150px;}
		#main .visual5 .title.ani.show .line.wide {width: 250px;}
		#main .title.ani.show .txt1,
		#main .title.ani.show .txt2,
		#main .title.ani.show .txt3 {
			opacity: 1;
			-webkit-transform: translateY(0px);
			transform: translateY(0px);
		}
		#main .pt_dots,
		#main .pt_r,
		#main .pt_arrow {
			opacity: 0;
			-webkit-transition: all 0.5s;
			transition: all 0.5s;
		}
		#main .pt_r {
			-webkit-transition-delay: 0.6s;
			transition-delay: 0.6s;
		}
		#main .pt_dots {
			-webkit-transition-delay: 0.3s;
			transition-delay: 0.3s;
		}
		#main .pt_arrow {
			-webkit-transition-delay: 0.9s;
			transition-delay: 0.9s;
		}
		#main .center_lineTxt {
			-webkit-transition: all 1s;
			transition: all 1s;
		}
		#main .pt_dots.show,
		#main .pt_r.show,
		#main .pt_arrow.show {
			opacity: 1;
			-webkit-transform: translateY(0px);
			transform: translateY(0);
		}
	
		#main>.bg_gray{width:auto;height:780px;position: absolute;top: 1700px;left: 0;background:#eeeff0;}

		/*
		#main>.visual > .slide{display:none}
		#main>.visual, #main>.visual > .slide, #main>.visual .item{height:350px;}
		#main>.visual>.slide .item>.area>.ig{width: 1180px;height: 350px;}
		#main>.visual>.slide .item{background-position:top center;background-size:auto 100%;}
		#main>.visual .slide .slick-dots{bottom:10px}
		*/

		/**** visual1 섹션 ****/
		#main .visual {
			overflow: hidden;
		}
		#main .visual .slide {
			position: relative;
			height: 550px;
		}
		#main .visual .slide .mv_bg {
			position: absolute;
			left: 0;
			right: 0;
			top: 0;
			bottom: 0;
		}
		#main .visual .slide .mv_bg .img {
			position:absolute;
			left: 50%;
			top: 0;
			bottom:0;
			width: 100%;
			/*height: 100%;*/
			background-repeat: no-repeat;
			background-position: center;
			/*background-size: 100% 100%;*/
			
			
			-webkit-transition: -webkit-transform linear 0.7s;
			transition: transform linear 0.7s;
			-webkit-transform:translateX(-50%) scale(1.15);
			transform:translateX(-50%) scale(1.15);
			opacity: 0;
		}
		#main .visual .slide .mv_bg .img.active {
			opacity: 1;
			-webkit-transform:translateX(-50%) scale(1);
			transform:translateX(-50%) scale(1);
		}
		#main .visual .slide .mv_bg .img.hiding {
			opacity: 0;
			-webkit-transform:translateX(-50%) scale(1.15);
			transform:translateX(-50%) scale(1.15);
		}
		
		
		#main .visual .slide .item {
			position: relative;
			height: 550px;
		}
		#main .visual .slide .item img {
			position: absolute;
			left: 0;
			top: 0;
			width: 100%;
			height: 100%;
			object-fit: cover;
			opacity: 0;
			/*-webkit-transform: scale3d(1.25, 1.25, 1.25);*/
			/*transform: scale3d(1.25, 1.25, 1.25);*/
			-webkit-transform: scale3d(1.75, 1.75, 1.75);
			transform: scale3d(1.75, 1.75, 1.75);
		}
		#main .visual .slide .item.active img{
			-webkit-transform: scale3d(1, 1, 1) translateY(0);
			transform: scale3d(1, 1, 1) translateY(0);
			opacity: 1;
			-webkit-transition: -wekit-transform 0.5s;
			transition: 0.5s;
		}
		#main .visual .slide .slick-dots {
			bottom: 20px;
			z-index: 10;
		}
		#main .visual .slide .slick-dots li {
			width: 8px;
			height: 8px;
			background: #80848b;
			border-radius: 50%;
			cursor: pointer;
			margin: 0 10px;
			opacity: 0.5;
		}
		#main .visual .slide .slick-dots li.slick-active {
			/*background: #ff2a00;*/
			background: #61646a;
			opacity: 1;
		}
		#main .visual .slide .slick-dots li button {
			display: none;
		}
		/**** visual1 섹션 ****/



		#main>.rank{height:140px}
		#main>.rank>div{float:left;width:20%}
		#main>.rank>div{height:140px}
		#main>.rank>div>.ln{width:1px;height:68px;position: absolute;right:0;top:36px;background:#eeeff0}
		#main>.rank>div>.area{height:70px;width: 200px;position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
		#main>.rank>div>.area>.text{color:#888888;font-size:1.2rem;text-align:center;}
		#main>.rank>div>.area>.da{height: 50px;text-align:center;}
		#main>.rank>div>.area>.da>div{display:inline-block;}
		#main>.rank>div>.area>.da>.ig{margin-right: 20px;height: 100%;}
		#main>.rank>div>.area>.da>.ig>img{margin-top: 18px;}
		#main>.rank>div>.area>.da>.txt{font-weight: bold;font-size:2.7rem;}
		#main>.rank>div>.area>.da>.txt>span{letter-spacing: 1px;font-family: 'Roboto';}
		#main>.rank>.r5>.area{height:54px;border:1px solid #1c1c1f;font-size:1.2rem;cursor:pointer;}
		#main>.rank>.r5>.area>.btn{width:100%;font-size:1.2rem;position:absolute;top:50%;transform:translateY(-50%);text-align:center;}


		/*visual2 자리*/

		/*******  visual2 모집과정 지점별 제목 라인   ******/
		#main > .vi {
			/*border-bottom: 1px solid #eeeff0;*/
		}
	
		#main > .vi > .vimain > .vi_mojib {
			width: 100%;
			height: 60px;
			text-align: center;
		}
		
		#main > .vi > .vimain > .vi_mojib > li {
			width: 70px;
			height: 60px;
			list-style: none;
			float: left; /*border-bottom:1px solid #eeeff0;*/
			font-size: 18px;
			line-height: 60px;
			text-align: center;
			cursor: pointer;
		}
		
		#main > .vi > .vimain > .vi_mojib > li:nth-child(1) { /*margin-left:10px;*/
		}
		/* visual2 모집과정 지점별 제목 라인 */

	/*******  visual2 섹션 ******/
	#main > .visual2 {
		/*
		border-top: 1px solid #cdd3db;
		border-bottom: 1px solid #cdd3db;
		*/
		background: #ecf0f6;
		padding: 20px 0;
	}
	#main > .visual2 > .area {
		/*height: 360px;  높이를 지정할 경우 상속이 안되서 컨텐츠만큼의 사이즈 설정 불가  */
	}
	#main > .visual2 > .area > .l {
		width: 40px;
		position: absolute;
		top: 0;
		left: -60px
	}
	#main > .visual2 > .area > .banner {
		width: 1500px;
	}
	
	#main > .visual2 > .area > .banner > .box1 {
		width: 300px
	}
	
	#main > .visual2 > .area > .banner > .box1 > .txt1 {
		line-height: 3.8rem;font-size:3.6rem;
	}
	
	#main > .visual2 > .area > .banner > .box1 > .txt2 {
		margin-top: 12px;font-size:1.4rem;
	}
	
	#main > .visual2 > .area > .banner > .box2 {
		width: 1200px
	}
	
	#main > .visual2 > .area > .banner > .box2 > .arrow > div {
		float: left;
	}
	
	#main > .visual2 > .area > .banner > .box2 > .slide {
		z-index: 2;
		display: none
	}

	#main > .visual2 > .area > .banner > .box2 > .slide .slick-list {
		margin: 0 -15px 0 0;
	}
	
	#main > .visual2 > .area > .banner > .box2 > .slide .item .item2 {
		/*padding:0 10px;*/
		margin: 0 15px 0 0;
	}


	
	/*item 레이어 간격사이즈*/
	#main > .visual2 > .area > .banner > .box2 > .slide .item .ig {
		width: 228px;
		height: 228px;
		background-size: cover;
	}
	
	#main > .visual2 > .area > .arrow {
		display: inline-block;
		position: absolute;
		top: 185px;
		left: -60px;
	}
	
	/*화살표 위치조정*/
	#main > .visual2 > .area > .arrow > div {
		float: left;
		cursor: pointer;
	}
	
	#main > .visual2 > .area > .arrow > div:first-child {
		margin-right: 5px
	}
	
	#main > .visual2 > .area > .arrowR {
		display: inline-block;
		position: absolute;
		top: 185px;
		left: 1220px;
	}
	
	/*화살표 위치조정*/
	#main > .visual2 > .area > .arrowR > div {
		float: left;
		cursor: pointer;
	}
	
	#main > .visual2 > .area > .arrowR > div:first-child {
		margin-right: 5px
	}
	

	
	#main > .visual2 > .area > .banner > .box2 > .slide .item > .ig > .campus {
		position: absolute;
		top: 0;
		left: 0;
		width: 80px;
		height: 80px;
		background: rgba(0, 0, 0, .85);
		z-index: 2;
		word-break: keep-all;
	}
	
	#main > .visual2 > .area > .banner > .box2 > .slide .item > .text > h4 { /*margin-top:25px;height:32px;*/
		margin-bottom: 10px;
		height: 50px;
		vertical-align: bottom;
		letter-spacing: -0.75px;
		font-size: 1.3rem;
	}
	
	#main > .visual2 > .area > .banner > .box2 > .slide .item > .text > p {
		margin-top: 15px;
		margin-right: 5px;
		font-size: 1.15rem;
	}




		/*지점  과정 레이어 */
		#main .visual2 .modal{position: absolute;bottom:135px;/*bottom:0;*/left: 0;text-align: left;background: #111d2d;/*opacity:80%;*/background-color: rgba( 17, 29, 45, 0.8 );width:100%;height:100%;
		margin: 0;padding: 0;transition: all 400ms cubic-bezier(0, 0, 0, 1);-ms-transition: all 600ms cubic-bezier(0, 0, 0, 1);font-style:italic;}
		#main .visual2 .modal .header {display:table;width:100%;height:90px;text-align:center;letter-spacing:5px;/*opacity:1 !important;*/font-size:16px;color:#fff !important;/*font-weight:bold;*/position: relative;}
		/*.modal .body p{padding-top: 15px;text-align:center;color:#fff;font-style:italic;font-size:12px;}*/
		#main .visual2 .modal .body_title{display:table;margin-top:5px;width:100%;height:90px;font-size:16px;text-align:center;color:#fff;}
		#main .visual2 .modal .txt_align{display:table-cell;vertical-align:middle;padding:0 20px;/*letter-spacing:1px;*/}
		#main .visual2 .modal .body{width:100%;height:25px;text-align:center;}
		#main .visual2 .modal_main{width:380px;height:200px;position:absolute;}
		#main .visual2 .modal-open .modal{display:block;bottom: 0;}
		#main .visual2 .modal-open .modal-layer{display:block;top: 0;}
		#main .visual2 .modal-layer{position: absolute;width:100%;height:100%;}
		#main .visual2 .modal .btn {background: linear-gradient(to right, rgb(220, 227, 91), rgb(69, 182, 73));padding: 10px 25px;display: inline-block;border-radius: 25px;margin: 20px 0;color: #fff;position: relative;transition: all .4s ease;cursor: pointer;
		  /*
		  &:hover {
			box-shadow: 0 3px 15px rgba(0,0,0,0.2);
		  }
		  */
		}
		#main .visual2 .modal .modalsub{width:100%;height:2px;}
		#main .visual2 .modal .modalsub .modalsub01{width:50px;height:2px;background:#fff;margin:0 auto;}
		#main .visual2 .modal .color_box{color:#fff;background:#ff2a00;border:1px solid #ff2a00;box-sizing:border-box;text-align:center; }
		#main .visual2 .modal .txt3{height:25px;padding: 2px 15px;/*padding: 2px 15px;*/-moz-border-radius: 15px;-webkit-border-radius: 15px;border-radius: 15px;/*letter-spacing:2px;*/}
		#main .visual2 .modal .body_yoil{width:100%;height:87px;text-align:center;letter-spacing:5px;margin-top:19px;}/*두개일경우 32px;*//*17px;*/
		#main .visual2 .modal .body_yoil .yoil_sub{width:100%;height:30px;margin:0;padding:0;position:relative;text-align:center;}
		/*#main .visual2 .modal .body_yoil .yoil_sub .sub01{position:absolute;height:32px;top:10px;left:40px;padding:2px 15px;background:#fff;font-size:12px;border-radius:15px;text-align:center;letter-spacing:2px;}*/
		#main .visual2 .modal .body_yoil .yoil_sub .sub01{position:absolute;left:30%;top:10px;transform:translateX(-50%);padding:2px 15px;padding-left:13px;background:#fff;font-size:12px;border-radius:15px;text-align:center;/*letter-spacing:2px;*/font-weight:bold;}
		/*#main .visual2 .modal .body_yoil .yoil_sub .sub02{position:absolute;font-size:28px;font-weight:bold;color:#fff;}*/
		#main .visual2 .modal .body_yoil .yoil_sub .sub02{position:absolute;left:64%;transform:translateX(-50%);font-size:26px;font-weight:bold;color:#fff;letter-spacing:2px;}
		#main .visual2 .modal .body_yoil .yoil_sub .con{position:absolute;left:50px;font-size:24px;font-weight:bold;color:#fff;/*letter-spacing:2px;*/}
		#main .visual2 .modal .body_yoil .yoil_sub .hol{color:#ff0000}
		#main .visual2 .modal .x_center01{position: absolute;left: 50%;transform: translateX(-50%);width:71%;}

		/*지점  과정 레이어 */

 	/*******  visual2 섹션 ******/


	/*******  visual3 섹션 ******/

		#main > .visual3 {
			padding-top: 100px;
		}
		#main > .visual3 > .area > .r {
			width: 40px;
			position: absolute;
			top: 150px;
			right: -80px
		}
		
		#main > .visual3 > .area > .nav {
			width: 34px;
			height: 82px;
			position: absolute;
			right: 20px;
			bottom: 50px;
			z-index: 2;
		}
		
		#main > .visual3 > .area > .nav > .t,
		#main > .visual3 > .area > .nav > .b {
			width: 100%;
			height: 40px;
			cursor: pointer;
		}
		
		#main > .visual3 > .area > .nav > .t > img,
		#main > .visual3 > .area > .nav > .b > img {
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
		}
		
		#main > .visual3 > .area > .nav > .dash {
			width: 21px;
			height: 2px;
			background: #bababa;
			position: absolute;
			left: 7px;
			top: 40px;
		}
		
		#main > .visual3 > .area > .top {
			height: 150px;
		}
		
		#main > .visual3 > .area > .top .title {}
		
		
		#main > .visual3 > .area .center_lineTxt {
			width: 13px;
			height: 0;
			position: absolute;
			left: 50%;
			transform: translateX(-50%);
			background-repeat: no-repeat;
			/*background-size: 100% 100%;*/
			z-index: 2;
		}
		#main > .visual3 > .area .center_lineTxt.p {
			background-image: url("/home/images/main/visual3_txt2.png");
			top: 30px;
		}
		#main > .visual3 > .area .center_lineTxt.c {
			background-image: url("/home/images/main/visual3_txt3.png");
			background-position: center bottom;
			/*top: -40px;*/
			bottom: 20px;
		}
		#main > .visual3 > .area .center_lineTxt.p.active {
			height: 168px;
			-webkit-transition-delay: 0.8s;
			transition-delay: 0.8s;
		}
		#main > .visual3 > .area .center_lineTxt.c.active {
			height: 175px;
			-webkit-transition-delay: 0.8s;
			transition-delay: 0.8s;
		}
		
		
		#main > .visual3 > .area > .top > .dots {
			position: absolute;
			top: 50px;
			right: 0;
			height: 90px;
			font-size: 6.4rem;
		}
		#main > .visual3 > .area > .top > .dots > .ds > .dash {
			width: 60px;
			height: 5px;
			background: #696969;
			margin: 40px 10px 0;
		}
		
		#main > .visual3 > .area > .top > .dots > span {
			font-family: Roboto;
			float: left;
		}
		
		#main > .visual3 > .area > .top > .dots > .num1 {
			color: #696969
		}
		
		#main > .visual3 > .area > .top > .dots > .num2 {
			color: #ebebeb
		}
		
		
		
		#main .visual3 .area .slide {
			position: relative;
			height: 570px;
			overflow: hidden;
		}
		#main .visual3 .area .slide {}
		#main .visual3 .area .slide .slide_bg {
			position: absolute;
			left: 0;
			/*background: black;*/
			background: #ffffff;
			width: 100%;
			height: 150%;
			z-index: 1;
		}
		#main .visual3 .area .slide .slide_bg.up {
			bottom: 150%;
		}
		#main .visual3 .area .slide .slide_bg.up.on {
			animation:up 1.2s cubic-bezier(0.5, 1, 0.89, 1) both
		}
		#main .visual3 .area .slide .slide_bg.down {
			top: 150%;
		}
		#main .visual3 .area .slide .slide_bg.down.on {
			animation:down 1.2s cubic-bezier(0.5, 1, 0.89, 1) both
		}
		
		#main .visual3 .area .slide .item {
			width: 1200px;
			height: 570px;
		}
		#main .visual3 .area .slide .item .bg {
			width: 100%;
			height: 100%;
			background-size: cover;
			background-position: 50% 50%;
			background-repeat: no-repeat;
			transition: all 1s;
		}
		#main .visual3 .area .slide .item .bg1 {
		}
		#main .visual3 .area .slide .item .bg2 {
		}
		#main .visual3 .area .slide .item .bg3 {
		}
		#main .visual3 .area .slide .item.on .bg {
			animation:zoom 3s 0.5s cubic-bezier(0.5, 1, 0.89, 1) both
		}
		
		@keyframes up{
			0%{bottom: 150%;}
			100%{bottom:-150%;}
		}
		@keyframes down{
			0%{top:150%}
			100%{top:-150%}
		}
		@keyframes zoom{
			0%{transform: scale(1.4)}
			100%{transform: scale(1)}
		}
		
		
		
		#main > .visual3 > .area > .bottom {
			height: 150px;
			position: absolute;
			bottom: -30px;
			left: 0;
			width: 100%;
		}
		
		#main > .visual3 > .area > .bottom > .text {
			float: left
		}
		
		#main > .visual3 > .area > .bottom > .c {
			position: absolute;
			left: 50%;
			/*top: -40px;*/
			transform: translateX(-50%);
			z-index: 2;
		}
		
		#main > .visual3 > .area > .bottom > .arrows {
			float: right
		}


/*******  visual3 섹션 ******/

		#main>.visual4{margin-top:80px;margin-bottom:110px;}
		#main>.visual4>.area{height:250px;width:1200px;margin:0 auto;background:#1c1c1f;}
		#main>.visual4>.area>div{float:left;width:300px;}
		#main>.visual4>.area>div>div{text-align:center;}
		#main>.visual4>.area>div>.t1{font-size:1.4rem;color:#fff;font-weight:bold;}
		#main>.visual4>.area>div>.t2{font-size:6.4rem;color:#fff;font-weight:bold;}
		#main>.visual4>.area>div>.t3{font-size:1.15rem;color:#abafb5;}



		/*****  visual5 강사진소개  *****/
		#main > .visual5 {
			overflow: hidden;
			height: 650px;
			background-image: url('/home/images/main/visual5_bg.jpg');
		}
		
		#main > .visual5 > .area > .title {
			position: absolute;
			top: 90px;
			left: 0;
			z-index: 2;
		}
		
		#main > .visual5 > .area > .title > .txt2 {
			margin: 15px 0 50px;
		}
		#main .visual5 .title .line.wide {
			position: static;
			left: auto;
			top: auto;
			width: 0;
			height: 3px
		}
		#main > .visual5 > .area > .title > .txt3 {
			margin-top: 15px;
			font-size: 1.3rem;
		}
		
		#main .visual5 .area .teacher_container {
			position: relative;
			/*transition-delay: 0.8s;*/
		}
		
		/* teacher slider section */
		#main .visual5 .area .slide {
			position: relative;
			height: 650px;
			box-sizing: border-box;
			margin-bottom: 0;
			overflow: hidden;
		}
		
		/* 슬라이드 영역중 인물이미지 영역 */
		#main .visual5 .area .slide .teacher_img {
			position: absolute;
			left: 0;
			right: 0;
			top: 0;
			bottom: 0;
		}
		#main .visual5 .area .slide .teacher_img .img {
			position: absolute;
			left: 0;
			top: 0;
			width: 100%;
			height: 100%;
			background-repeat: no-repeat;
			background-size: cover;
			background-position: center;
			transform: scale3d(1.15, 1.15, 1.15);
			transition: transform 1s;
			opacity: 0;
		}
		#main .visual5 .area .slide .teacher_img .img.on {
			transform: scale3d(1, 1, 1);
			opacity: 1;
		}
		#main .visual5 .area .slide .teacher_img .img.hiding {
			transform: scale3d(1.15, 1.15, 1.15);
			opacity: 0;
		}
		
		/* 슬라이드 영역중 택스트 영역 */
		#main .visual5 .area .slide .item {
			position: relative;
			font-size: 0;
		}
		#main .visual5 .area .slide .item img {
			display: block;
			opacity: 0;
		}
		#main .visual5 .area .slide .item.on img{
			-webkit-animation-name: fadeInLeftHalf;
			animation-name: fadeInLeftHalf;
			animation-duration: 0.7s;
			/*animation-delay: 1s;*/
			animation-fill-mode: both;
		}
		#main .visual5 .area .slide .item:nth-child(even).on img {
			-webkit-animation-name: fadeInRightHalf;
			animation-name: fadeInRightHalf;
		}
		
		/* 썸네일 슬라이드 */
		.thumbnail_slide {
			display: none;
			position: absolute !important;
			left: 0;
			bottom: 30px;
			width: 100%;
			margin-bottom: 0 !important
		}
		
		.thumbnail_slide .thumb {
			height: 60px;
			width: 144px !important;
			margin: 0 1px;
			overflow: hidden;
			list-style-type: none;
			border: 2px solid #000;
			opacity: 0.5;
			cursor: pointer;
		}
		
		.thumbnail_slide .thumb img {
			width: 100%;
			height: 100%;
		}
		
		.thumbnail_slide .slick-slide {}
		.thumbnail_slide .slick-current {
			opacity: 1;
			border: 2px solid #FFF;
		}
		
		
		
		/* Left Animation */
		@keyframes fadeInLeftHalf {
			from {
				opacity: 0;
				-webkit-transform: translate3d(-10%, 0, 0);
				transform: translate3d(-10%, 0, 0);
			}
			to {
				opacity: 1;
				-webkit-transform: none;
				transform: none;
			}
		}
		.fadeInLeftHalf {
			-webkit-animation-name: fadeInLeftHalf;
			animation-name: fadeInLeftHalf;
		}
		
		/* Right Animation */
		@keyframes fadeInRightHalf {
			from {
				opacity: 0;
				-webkit-transform: translate3d(10%, 0, 0);
				transform: translate3d(10%, 0, 0);
			}
			to {
				opacity: 1;
				-webkit-transform: none;
				transform: none;
			}
		}
		.fadeInRightHalf {
			-webkit-animation-name: fadeInRightHalf;
			animation-name: fadeInRightHalf;
		}

		/*****  visual6_1 채용협약기업섹션  *****/
		#main > .visual6_1 {
			margin-top: 100px;
			padding-top: 100px;
			padding-bottom: 100px;
			height: 600px;
			background: #fff;
		}
		
		#main > .visual6_1 > .area > div {
			/*float: left*/
		}

		#main .visual6_1 .comMain{width:1200px;height:410px;margin-top:30px;display:flex;
				flex-wrap: wrap; 
				justify-content: space-between;
				
				
				}
		#main .visual6_1 .comMain .empCon{width:220px;height:80px;margin:30px 0;text-align:center;display:flex;justify-content: center;}
		#main .visual6_1 .comMain .empCon img{width:180px;}

		/*****  visual6_1 채용협약기업섹션  *****/

		/*****  visual6 인터뷰섹션  *****/

		#main > .visual6 {
			margin-top: 100px;
			padding-top: 100px;
			padding-bottom: 100px;
			height: 600px;
			background: #f5f5f5;
		}
		
		#main > .visual6 > .area > div {
			float: left
		}
		
		#main > .visual6 > .area > .in1 {
			width: 900px;
			height: 600px;
		}
		#main > .visual6 > .area > .in1 > div {
			float: left;
			width: 295px;
			margin-right: 5px;
			
		}
		#main > .visual6 > .area > .in1 > div:nth-child(1){
			/*transition-delay: 0.5s;*/
			-webkit-transition: all 0.5s;
			transition: all 0.5s;
		}
		#main > .visual6 > .area > .in1 > div:nth-child(2){
			/*transition-delay: 0.7s;*/
			-webkit-transition: all 0.8s;
			transition: all 0.8s;
		}
		#main > .visual6 > .area > .in1 > div:nth-child(3){
			/*transition-delay: 0.9s;*/
			-webkit-transition: all 1.2s;
			transition: all 1.2s;
		}
		
		#main > .visual6 > .area > .in1 > div > .t1 {
			margin-top: 155px;
			margin-bottom: 5px;
			font-size:1.2rem;
		}
		#main > .visual6 > .area > .in1 > div > .t2 {
			width: 250px;
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
		}
		
		#main > .visual6 > .area > .in1 > div > .ln {
			margin-top: 16px;
			margin-bottom: 20px;
			width: 250px;
			height: 3px;
			background: #1c1c1f;
		}
		
		#main > .visual6 > .area > .in1 > div > .ig > img {
			width: 70px;
			height: 70px;
			background-size: cover;
		}
		
		#main > .visual6 > .area > .in1 > div > .ln2 {
			margin-top: 16px;
			margin-bottom: 20px;
			width: 250px;
			height: 2px;
			background: #1c1c1f;
		}
		
		#main > .visual6 > .area > .in1 > div > .text > .t1 {
			margin: 20px 0 10px;
			font-size:1.2rem;
		}
		
		#main > .visual6 > .area > .in1 > div > .text > .t2 {
			height: 140px;
			margin-right: 40px;
			line-height: 1.6;
		}
		
		#main > .visual6 > .area > .in1 > div > .detail > img {
			cursor: pointer;
		}
		
		#main > .visual6 > .area > .in2 {
			width: 300px;
			height: 600px;
			
			-webkit-transition: all 1.6s;
			transition: all 1.6s;
		}
		
		#main > .visual6 > .area > .in2 > .slide {
			width: 295px;
			height: 600px;
		}
		
		#main > .visual6 > .area > .in2 > .slide .item {
			position: relative;
			width: 295px;
			height: 199px;
			margin-left: 5px; /*margin-bottom:1px;*/
			border-top: 1px solid #fff !important;
			color: #7d7d7d;
		}
		
		#main > .visual6 > .area > .in2 > .slide .item > .t1 {
			height: 25px;
			padding-top: 35px;
			margin: 0 40px 0;
		}
		
		#main > .visual6 > .area > .in2 > .slide .item > .t1 > .t1_1 {
			width: 130px;
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
		}
		
		#main > .visual6 > .area > .in2 > .slide .item > .t1 > .t1_2 {
			margin-left: 5px;
			font-size:1.15rem;
		}
		
		#main > .visual6 > .area > .in2 > .slide .item > .t1 > .t1_3 {
			position: absolute;
			bottom: 2px;
			right: 0;
			font-size:1.15rem;
		}
		
		#main > .visual6 > .area > .in2 > .slide .item > .t2 {
			height: 90px;
			margin: 10px 40px;
			line-height: 1.5;
		}
		
		#main > .visual6 > .area > .in2 > .slide .item > .detail {
			height: 27px;
			position: absolute;
			right: 15px;
			bottom: 20px;
		}
		
		#main > .visual6 > .area > .in2 > .slide .item > .detail .on {
			display: none
		}
		/*****  visual6 인터뷰섹션  *****/


		/*****  visual7 SNS 섹션 *****/
		#main > .visual7 {
			margin-top: 120px;
			margin-bottom:100px;
		}
		
		#main > .visual7 > .area {
			/*height:470px;*/
		}
		#main > .visual7 > .area .top {
			position: relative;
		}
		#main > .visual7 > .area .top .title {
		
		}

		#main > .visual7 > .area .top .arrow {
			position: absolute;
			top: 0;
			right: 4px;
		}
		#main > .visual7 > .area .top .arrow div {
			float: left;
			cursor: pointer;
		}
		#main > .visual7 > .area .top .arrow div.l {
			margin-right: 5px;
		}
		
		
		#main > .visual7 > .area > .box {
			margin-top: 30px;
		}
		
		
		/* sns 슬라이드 */
		.swiper {
			margin-top: 100px;
			width: 100%;
		}
		.swiper-wrapper {
			display: flex;
			justify-content: center;
			align-items: center;
		}
		.swiper-wrapper .swiper-slide {
			width: 400px;
			height: 400px;
			margin: 0 -50px;
		}
		.full_box{display:block;width:100%;height:100%}
		.bg_cover{background-repeat:no-repeat;background-position:center center;background-size:cover;}
		
		.swiper-wrapper .swiper-slide .item {
			width: 100%;
			height: 100%;
			transform: scale(0.65);
			opacity: 0.7;
			transition: all 0.5s;
		}
		.swiper-wrapper .swiper-slide-active {
			margin: 0 20px;
		}
		.swiper-wrapper .swiper-slide-active .item {
			opacity: 1;
			transform: scale(1);
		}
		/*****  visual7 SNS 섹션 *****/




		/*영상인터뷰*/
		#main > .youtubeInterview {
			overflow: hidden;
			height: 650px;
			background-image: url('/home/images/main/visual5_bg.jpg');
		}

		#main .youtubeInterview .title.ani.show .line.wide {width: 250px;}

		#main > .youtubeInterview > .area > .title {
			position: absolute;
			top: 90px;
			left: 0;
			z-index: 2;
		}

		#main > .youtubeInterview > .area > .title > .txt2 {
			margin: 15px 0 50px;
		}
		#main .youtubeInterview .title .line.wide {
			position: static;
			left: auto;
			top: auto;
			width: 0;
			height: 3px
		}
		#main > .youtubeInterview > .area > .title > .txt3 {
			margin-top: 15px;
			font-size: 1.3rem;
		}

		#main .youtubeInterview .area {
			position: relative;
		}
		#main .youtubeInterview .area li {
			list-style: none;
		}
		#main .youtubeInterview .area .interview_wrap {
			width: 1200px;
			height: 650px;
			position: relative;
		}
		#main .youtubeInterview .area .interview_wrap > ul {
			position: absolute;
		}
		#main .youtubeInterview .area .interview_wrap .interview_txt {
			left: 0;
			top: 273px;
		}
		#main .youtubeInterview .area .interview_wrap .interview_img {
			right: 0;
			top: 97px;
		}
		#main .youtubeInterview .area .interview_wrap .interview_nav {
			right: 0;
			bottom: 40px;
		}
		#main .youtubeInterview .area .interview_img {
			position: relative;
		}
		#main .youtubeInterview .area .interview_img li {
			position: absolute;
			top: 0;
			right: 0;
			display: none;
		}
		#main .youtubeInterview .area .interview_img li.on {
			display: block;
		}
		#main .youtubeInterview .area .interview_txt {
			position: relative;
		}
		#main .youtubeInterview .area .interview_txt li {
			display: none;
			position: absolute;
			top: 0;
			left: 0;
		}
		#main .youtubeInterview .area .interview_txt li.on {
			display: block;
		}
		#main .youtubeInterview .area .interview_nav {
			width: 697px;
			display: flex;
			justify-content: space-between;
		}

		#main .youtubeInterview .area .interview_nav li {
			background-color: #000;
		}
		#main .youtubeInterview .area .interview_nav li img {
			opacity: 40%;
		}
		#main .youtubeInterview .area .interview_nav li.on img {
			opacity: 100%;
		}
		/*영상인터뷰*/


		/*갤러리(팀프로젝트)*/
		#main > .seminar {

			margin-top: 120px;
			margin-bottom:100px;
		}


		#main > .seminar > .area .top .arrow {
			position: absolute;
			top: 0;
			right: 4px;
		}
		#main > .seminar > .area .top .arrow div {
			float: left;
			cursor: pointer;
		}
		#main > .seminar > .area .top .arrow div.l {
			margin-right: 5px;
		}

		#main > .seminar .seminarList {
		  position: relative;
		  width: 100%;
		  margin-top: 70px;
		  z-index: 1;
		  cursor: grab;
		  /*height:460px;*/
		}

		#main > .seminar .slick-list {
		  /*margin: 0 -20px;*/
		}

		#main > .seminar .seminarList .item {
		  position: relative;
		  /*
		  width: 380px !important;
		  height: 460px;
		  */
		  /* padding: 40px 30px; */
		  overflow: hidden;
		  margin: 0 10px;
		  flex-direction: column;
		  justify-content: space-between;
		}
		#main > .seminar .seminarList .item .top {
		  width: 380px;
		  height: 360px;
		  
		  background-repeat: no-repeat;
          background-position: center center;
          background-size: cover;
		  cursor:pointer;
		  
		}
		#main > .seminar .seminarList .item .top img {
		  height: 360px;

		}
		#main > .seminar .seminarList .item .btm {
		  padding-top: 15px;
		}
		#main > .seminar .seminarList .item > div {
		  position: relative;
		}

		#main > .seminar .seminarList .item .title {
		  margin-bottom: 3px;
		}

		#main > .seminar .seminarList .item .title p {
		  color: #000;
		  font-size: 18px;
		  font-weight: 500;
		  letter-spacing: -1px;
		  line-height: 1.3;

		  overflow:hidden;
		  -webkit-line-clamp : 1;
		  word-wrap:break-word;
		  text-overflow:ellipsis;
		  -webkit-box-orient:vertical;
		  display:-webkit-box;


		}

		#main > .seminar .seminarList .item .txt {
		  color: #333;
		  font-size: 16px;
		  font-weight: 400;
		  line-height: 1.4;
		  /* white-space: pre-wrap; */
		  word-break: break-all;
		}	

		/*갤러리(팀프로젝트)*/



		/*커리큘럼*/
		#main > .seminar_curr{

			margin-top: 120px;
			margin-bottom:100px;
		}


		#main > .seminar_curr > .area .top .arrow {
			position: absolute;
			top: 0;
			right: 4px;
		}
		#main > .seminar_curr > .area .top .arrow div {
			float: left;
			cursor: pointer;
		}
		#main > .seminar_curr > .area .top .arrow div.l {
			margin-right: 5px;
		}

		#main > .seminar_curr .seminarList_curr {
		  position: relative;
		  width: 100%;
		  margin-top: 70px;
		  z-index: 1;
		  cursor: grab;
		  /*height:460px;*/
		}

		#main > .seminar_curr .slick-list {
		  /*margin: 0 -20px;*/
		}

		#main > .seminar_curr .seminarList_curr .item {
		  position: relative;
		  /*
		  width: 380px !important;
		  height: 460px;
		  */
		  /* padding: 40px 30px; */
		  overflow: hidden;
		  margin: 0 10px;
		  flex-direction: column;
		  justify-content: space-between;
		}
		#main > .seminar_curr .seminarList_curr .item .top {
		  width: 380px;
		  height: 360px;
		  
		  background-repeat: no-repeat;
          background-position: center center;
          background-size: cover;
		  cursor:pointer;
		  
		}
		#main > .seminar_curr .seminarList_curr .item .top img {
		  height: 360px;

		}
		#main > .seminar_curr .seminarList_curr .item .btm {
		  padding-top: 15px;
		}
		#main > .seminar_curr .seminarList_curr .item > div {
		  position: relative;
		}

		#main > .seminar_curr .seminarList_curr .item .title {
		  margin-bottom: 3px;
		}

		#main > .seminar_curr .seminarList_curr .item .title p {
		  color: #000;
		  font-size: 18px;
		  font-weight: 500;
		  letter-spacing: -1px;
		  line-height: 1.3;

		  overflow:hidden;
		  -webkit-line-clamp : 1;
		  word-wrap:break-word;
		  text-overflow:ellipsis;
		  -webkit-box-orient:vertical;
		  display:-webkit-box;


		}

		#main > .seminar_curr .seminarList_curr .item .txt {
		  color: #333;
		  font-size: 16px;
		  font-weight: 400;
		  line-height: 1.4;
		  /* white-space: pre-wrap; */
		  word-break: break-all;
		}	

		/*커리큘럼*/