/* ================================================
	            제목 공통요소
================================================ */
	
.common .class-contents {
	position: relative;
    box-sizing: border-box;
    padding: 100px 24px 0 24px;
    text-align: left;
}
.common .section-title-group {padding-bottom: 54px;}
.common .section-title-group__class-title strong {
	display: block;
	padding-bottom: 4px;	
	font-size: 14px;
	font-weight: 600;
	text-transform: uppercase;
}
.common .section-title-group__subject h2 {
	font-size: 26px;
	font-weight: 800;
	line-height: 1.4;
	padding-bottom: 8px;	
	text-transform: uppercase;
}
.common .section-title-group__subject p {
	font-size: 14px;
	color: #757575;
	line-height: 1.75;
}
.common .section-title-group__subject p br {display: none;}


@media( min-width: 1025px ){
	.common .class-contents {padding: 70px 24px;}
	.common .class-contents {padding: 148px 220px 0 220px;}
	.common .class-contents {
		text-align: left;
		padding: 148px 220px;
	}	
	.common .section-title-group__class-title {
		position: absolute;
		top: 156px;
		left: 0;
	}	
	.common .section-title-group {padding-bottom: 124px;}
	.common .section-title-group__class-title strong{
		font-size: 16px;
		padding-bottom: 0px;
	}
	.common .section-title-group__subject h2 {
		font-size: 30px;
		padding-bottom: 8px;
	}
	.common .section-title-group__subject p {font-size: 16px;}
	.common .section-title-group__subject p br {display: inline-block;}	
}

/* ================================================
	            강사 인터뷰
================================================ */
.common .teacher-interview {
	max-width: 1420px;
	margin: 0 auto;
	padding: 240px 0 340px 0;
}
.common .teacher-interview-col {
	box-sizing: border-box;
	width: 50%;
	float: left;
	position: relative;
}
.common .teacher-interview__movie-col  {padding-left: 320px;}
.common .teacher-interview__title {
	font-size: 28px;
	font-weight: 100;
	line-height: 1.5;
	text-align: right;
	
	position: absolute;
	top: 80px; 
	left: 16px;
	z-index: 10;
}
.common .teacher-interview__movie--outer {width: 640px;}
.common .teacher-interview__movie {
	position: relative;
	width: 56.25%;
	padding-bottom: 100%;
}
.common .teacher-interview__movie iframe {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}


/* ================================================
	            웹 프로페셔널
================================================ */
.form-banner {height: calc( 100vh - 112px );}
.web-professional {overflow: hidden;}
.web-professional .banner {
	width: 100vw;
	height: calc( 100vh - 112px );	
	padding: 50px 24px;
	background-color: #000;
	color: #fff;
	position: relative;
	background-image: url(../class-img/web-professional/banner-mobile.png);
	background-repeat: no-repeat;
	background-position: bottom center;
	background-size: cover;
}


.web-professional .banner-contents h1 {
	font-size: 24px;
	font-weight: 800;
	line-height: 1.4;
	text-transform: uppercase;
}

.web-professional .class-cat {
	display: none;
	position: absolute;
	top: 120px;
	right: 120px;
	font-size: 16px;
	font-weight: 800;
	text-transform: uppercase;		
}
.web-professional .banner-col {
	float: left;
	margin-right: 28px;
}
.web-professional .banner-col:last-child {margin-right: 0;}
.web-professional .banner-col strong {
	display: block;
	padding: 60px 0 24px 0;
	font-size: 16px;
	font-weight: 800;
}
.web-professional .banner-col strong,
.web-professional .banner-col p,
.web-professional .banner-col li {
	font-size: 12px;
	font-weight: 400;
	text-transform: uppercase;	
}
.web-professional .banner-col strong {font-weight: 800;}
.web-professional .banner-col li {padding-bottom: 12px;}

/*
@media( min-width: 600px ){
	
}
*/
@media( min-width: 1025px ){
	.web-professional .banner {
		padding: 120px;
		background-image: url(../class-img/web-professional/banner.png);
		background-position: center;
	}
	.web-professional .banner-contents h1 {
		font-size: 42px;
		line-height: 1.2;
	}
	.web-professional .banner-col strong,
	.web-professional .banner-col p,
	.web-professional .banner-col li {
		font-size: 16px;
		font-weight: 400;
	}
	.web-professional .banner-col strong {font-weight: 800;}	
	.web-professional .banner-col {margin-right: 56px;}
	.web-professional .class-cat {display: block;}
}

/* 웹 프로페셔널 내용 */
.web-professional .class-contents {
	position: relative;
	box-sizing: border-box;
	padding: 70px 24px;
	text-align: left;
}
.web-professional .section-title-group {padding-bottom: 54px;}
.web-professional .section-title-group__class-title strong {
	display: block;
/* 	padding-bottom: 32px; */
	padding-bottom: 4px;	
	font-size: 14px;
	font-weight: 600;
	text-transform: uppercase;
}
.web-professional .section-title-group__subject h2 {
	font-size: 26px;
	font-weight: 800;
	line-height: 1.4;
/* 	padding-bottom: 24px; */
	padding-bottom: 8px;	
	text-transform: uppercase;
}
.web-professional .section-title-group__subject p {
	font-size: 14px;
	color: #757575;
	line-height: 1.75;
}
.web-professional .section-title-group__subject p br {display: none;}
.web-professional .class-goal-img--outer {text-align: center;}
.web-professional .clsss-goal-img {width: 312px;}

/*
@media( min-width: 600px ){
	
}
*/
@media( min-width: 1025px ){
	.web-professional .class-contents {
		text-align: center;
		padding: 148px 220px;
	}	
	.web-professional .section-title-group__class-title {
		position: absolute;
		top: 156px;
		left: 0;
	}	
	.web-professional .section-title-group {padding-bottom: 124px;}
	.web-professional .section-title-group__class-title strong{
		font-size: 16px;
		padding-bottom: 0px;
	}
	.web-professional .section-title-group__subject h2 {
		font-size: 30px;
		padding-bottom: 16px;
	}
	.web-professional .section-title-group__subject p {font-size: 16px;}
	.web-professional .section-title-group__subject p br {display: inline-block;}	
	.web-professional .clsss-goal-img {width:  700px;}
}


/* 웹 프로페셔널 수강생 포트폴리오 */

.web-professional .section-title-group__subject.student-portfolio h2 {
	font-size: 21px;
	font-weight: 800;
}
.web-professional .class-student-portfolio--outer {text-align: center;}
.web-professional .class-contents.student-portfolio {padding: 60px 24px 0 24px;}
.web-professional .class-contents.student-portfolio .section-title-group {padding-bottom: 0px;}
.web-professional .student-portfolio-img {width: 1000px;}

@media( min-width: 1025px ){
	.web-professional .section-title-group__subject.student-portfolio h2 {
		font-size: 30px;
		font-weight: 600;
	}
	.web-professional .class-contents.student-portfolio {padding: 148px 220px 0 220px;}
	.web-professional .class-contents.student-portfolio .section-title-group {padding-bottom: 40px;}
	.web-professional .student-portfolio-img {width: 1920px;}	
}


.web-professional .class-student-thum--group {
	max-width: 940px;
	margin: 0 auto;
	padding: 60px 14px;
}

.web-professional .class-student-thum {
	display: block;
	width: 25%;
	padding: 10px;
	float: left;
}
.web-professional .class-student-thum:nth-child(3),
.web-professional .class-student-thum:nth-child(10),
.web-professional .class-student-thum:nth-child(17) {margin-right: 10px;}

.web-professional .class-student-thum:nth-child(18),
.web-professional .class-student-thum:nth-child(19),
.web-professional .class-student-thum:nth-child(20) {display: none;}

.web-professional .class-student-thum img {
	width: 100%;
	transform: scale(1);	
	box-shadow: 0;
	transition: all .3s;
	border-radius: 8px;
}
.web-professional .class-student-thum img:hover {
	transform: scale(1.1);
	box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);	
}

.web-professional .student-portfolio__copy {
	max-width: 900px;
	padding: 0 24px 50px 24px;
	margin: 0 auto;
}
.web-professional .student-portfolio__copy strong {
	display: block;
	font-weight: 600;
	font-size: 16px;
	padding-bottom: 20px;
	line-height: 1.5;
}
.web-professional .student-portfolio__copy a {
	text-decoration: underline;
	font-size: 14px;
}
.web-professional .student-portfolio__helptext {
	font-size: 12px;
	color: #757575;
	padding-top: 16px;
}

@media( min-width: 1025px ){
	.web-professional .class-student-thum {padding: 22px;}
	.web-professional .class-student-thum--group {padding: 100px 0;}
	.web-professional .class-student-thum {width: 20%;}
	.web-professional .class-student-thum:nth-child(18),
	.web-professional .class-student-thum:nth-child(19),
	.web-professional .class-student-thum:nth-child(20) {display: block;}	
	.web-professional .class-student-thum:nth-child(4),
	.web-professional .class-student-thum:nth-child(12),
	.web-professional .class-student-thum:nth-child(18) {margin-right: 10px;}	
	.web-professional .class-student-thum:nth-child(5),
	.web-professional .class-student-thum:nth-child(13) {margin-left: 20%;}
	
	.web-professional .student-portfolio__copy strong {
		font-size: 21px;
		padding-bottom: 50px;
	}
	.web-professional .student-portfolio__copy strong br {display: none;}
	.web-professional .student-portfolio__helptext {font-size: 14px;}
	.web-professional .student-portfolio__copy a {font-size: 18px;}
	.web-professional .student-portfolio__copy {padding: 0 24px 100px 24px;}
}


/* 인터뷰 */

.student-interview .section-title-group__subject {text-align: left;}
.student-interview .section-title-group__subject h2 {padding-bottom: 8px;}
.student-interview .section-title-group__text {display: none;}

@media( min-width: 1025px ){
	.student-interview .section-title-group__subject {padding-left: 40px;}
	.student-interview .section-title-group__subject h2 {padding-bottom: 0;}
	.student-interview .section-title-group__text {
		display: block;
		position: absolute;
		top: 156px;
		right: 0;
		text-transform: uppercase;
	}
}


.swiper-container__interview {
	box-sizing: border-box;
	max-width: 1420px;
	padding: 24px 24px 60px 24px;
	margin: 0 auto;
	position: relative;
}
.swiper-container__interview .swiper-slide img {width: 100%;}
.swiper-container__interview .swiper-slide p {
	font-size: 14px;
	padding-top: 24px;
	color: #757575;
	line-height: 1.5;
}
.swiper-container__interview.swiper-container-horizontal>.swiper-scrollbar {
	width: 87%;
	opacity: 1 !important;
	background: #ccc;
	left: auto;
	right: 24px
}
.swiper-container__interview .swiper-scrollbar-drag {background-color: #000;}

.swiper-container__interview .swiper-button-group {
	display: none;
	position: absolute;
	bottom: -16px;
	right: 0;
	
	width: 130px;
	height: 48px;
}
.swiper-container__interview .swiper-button-next,
.swiper-container__interview .swiper-button-prev {
	width: 48px;
	height: 48px;
	border: 1px solid #000;	
	color: #000;
}
.swiper-container__interview .swiper-button-next::after,
.swiper-container__interview .swiper-button-prev::after {display: none;}

@media( min-width: 1025px ){
	.swiper-container__interview {padding: 24px 24px 100px 24px;}
	.swiper-container__interview.swiper-container-horizontal>.swiper-scrollbar {
		width: 71.5%;
		opacity: 1 !important;
		background: #ccc;
		left: auto;
		right: 150px;
	}
	.swiper-container__interview {padding-left: 258px;}
	.swiper-container__interview .swiper-button-group {display: block;}
/* 	.swiper-container__interview .swiper-slide {width: 600px !important;} */
}


/* 인터뷰 */
.web-professional .since {
	margin-top: 100px;
	padding: 0 0 100px 0;
	background-image: url(../class-img/web-professional/since-bg.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top center;
	color: #fff;
}
.web-professional .since .section-title-group__subject {text-align: left;}
.web-professional .since .section-title-group__subject h2 {padding-bottom: 8px;}
.web-professional .since .section-title-group__subject h2 br {display: none;}
.web-professional .since .section-title-group__subject p {color: #fff;}
.web-professional .since .section-title-group__subject p br {display: none;}

@media( min-width: 1025px ){
	.web-professional .since {
		padding: 0 0 400px 0;
		margin-top: 200px;
	}
	.web-professional .since .section-title-group__subject {padding-left: 40px;}
	.web-professional .since .section-title-group__subject h2 {padding-bottom: 0;}
	.web-professional .since .section-title-group__subject h2 br {display: inline-block;}
	.web-professional .since .section-title-group__subject p br {display: inline-block;}
}

.web-professional .since .since-contents {
	max-width: 1420px;
	padding-left: 24px;
	padding-top: 40px;
	margin: 0 auto;
	box-sizing: border-box;
}
.web-professional .since .since-contents strong {
	font-size: 33vw;
	font-weight: 800;
	position: relative;
}
.web-professional .since .since-contents .since__year span,
.web-professional .since .since-contents .since__persons span {
	font-size: 6vw;
	position: absolute;
	bottom: 10px;
	right: 0;
	color: #ff4800;
	background-color: #000;
	color: #fff;
	display: inline-block;
	padding: .4vw 2vw 2vw 2vw;
}

@media( min-width: 1025px ){
	.web-professional .since .since-contents {
		padding-left: 260px;
		padding-top: 100px;		
	}
	.web-professional .since .since-contents strong {font-size: 18vw;}
	.web-professional .since .since-contents .since__year span,
	.web-professional .since .since-contents .since__persons span {
		font-size: 3vw;
		bottom: 40px;
		right: 0;
		padding: .4vw 1vw .8vw 1vw;
	}
}



.web-professional .curriculum .section-title-group__subject {text-align: left;}
.web-professional .curriculum .section-title-group__subject h2 {padding-bottom: 8px;}
.web-professional .curriculum .section-title-group__subject h2 br {display: none;}
.web-professional .curriculum .section-title-group__text {display: none;}

@media( min-width: 1025px ){
	.web-professional .curriculum .section-title-group__subject {padding-left: 40px;}
	.web-professional .curriculum .section-title-group__subject h2 {padding-bottom: 0;}
	.web-professional .curriculum .section-title-group__subject h2 br {display: inline-block;}
	.web-professional .curriculum .section-title-group__text {
		display: block;
		position: absolute;
		top: 156px;
		right: 0;
		text-transform: uppercase;
	}
}



.web-professional .curriculum {
	background-color: #000;
	color: #fff;
	padding-bottom: 100px;
	margin-top: -1px;
}
.web-professional .curriculum .class-contents {
	padding: 100px 24px 0 24px;
}
.web-professional .curriculum-table h2 {
	text-align: left;
	font-size: 16px;
	padding-bottom: 40px;
	line-height: 1.5;
}
.web-professional .curriculum-table--outer {
	box-sizing: border-box;
	max-width: 1420px;
	margin: 0 auto;
}
.web-professional .curriculum-table {padding-left: 24px;}
.web-professional .curriculum-col--outer {
	float: none;
	box-sizing: border-box;
	border-left: 1px solid #2A2A2A;
}
.web-professional .curriculum-col {
	box-sizing: border-box;
	width: 100%;
	padding: 0 10px;
	margin-bottom: 60px;
	float: left;
	position: relative;
}
.web-professional .curriculum-col:last-child {margin-bottom: 0;}
.web-professional .curriculum-col::after {
	content: "";
	display: block;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background-color: #fff;
	
	position: absolute;
	top: 0;
	left: -14px;
}
.web-professional .curriculum-col__title,
.web-professional .curriculum-foot {
	display: table;
	width: 100%;	
}
.web-professional .curriculum-col__title-innter,
.web-professional .curriculum-foot--inner {
	display: table-cell;
	vertical-align: middle;
	height: 84px;
	border: 1px solid #979797;
	position: relative;
	z-index: 1;
	padding: 0 20px;
	text-align: center;
	box-sizing: border-box;
}
.web-professional .curriculum-foot--inner p {line-height: 1.75;}

.web-professional .curriculum-col--inner {float: none;}
.web-professional .curriculum-col li {
	box-sizing: border-box;
	display: table;
	width: 100%;	
	height: 84px;
	border: 1px solid #2A2A2A;	
	line-height: 1.5;
	font-size: 	14px;
	margin-top: -1px;
	color: #9B9B9B;
}
.web-professional .curriculum-col li span {
	display: table-cell;
	width: 100%;
	vertical-align: middle;
	padding: 0 20px;
}

.web-professional .curriculum-foot--inner {
	text-align: left;
	font-size: 14px;
	height: auto;
	padding: 24px;
}
.web-professional .curriculum-foot strong {
	display: block;
	font-weight: 700;
	padding-bottom: 12px;
}
.web-professional .curriculum-foot--inner {border: 1px solid #2A2A2A;}
.web-professional .curriculum-foot {margin-top: -1px;}

@media( min-width: 1025px ){
	.web-professional .curriculum {padding-bottom: 200px;}
	.web-professional .curriculum-table h2 {
		text-align: center;
		font-size: 21px;
		padding-bottom: 80px;
	}
	.web-professional .curriculum-table h2 br {display: none;}
	.web-professional .curriculum-table {padding-left: 0;}
	.web-professional .curriculum-col--outer {border-left: 0;}
	.web-professional .curriculum .class-contents {padding: 148px 220px 100px 220px;}
	.web-professional .curriculum-col {
		width: 33.33%;
		margin-bottom: 0;
	}
	.web-professional .curriculum-foot {margin-top: 40px;}
	.web-professional .curriculum-foot--inner {border: 1px solid #979797;}
	.web-professional .curriculum-col:last-child ul {height: 252px;}
	.web-professional .curriculum-col:last-child ul li {height: 50%;}
	.web-professional .curriculum-col::after {display: none;}
	.web-professional .curriculum-foot--inner {
		height: 100px;
		padding: 0 20px;
	}
}


/* 커리큘럼 로드맵 */
.web-professional .curriculum-roadmap {background-color: #F5F8F9;}
.web-professional .curriculum-roadmap .section-title-group__subject {text-align: left;}
.web-professional .curriculum-roadmap .section-title-group__subject h2 {padding-bottom: 0;}


/* 프로젝트 경험 */
.web-professional .project-experience {padding: 100px 24px;}
.web-professional .project-experience .section-title-group__subject h2 {
	padding-bottom: 0;
	line-height: 1.2;
}
.web-professional .project-experience .section-title-group__subject p br {display: inline-block;}
.web-professional .experience-title-group span {
	font-size: 100px;
	font-weight: 800;
}
.web-professional .experience-title-group h3 {
	font-size: 24px;
	font-weight: 800;
	padding: 12px 0 8px 4px;
}
.web-professional .experience-title-group p {
	font-size: 14px;
	color: #757575;
	line-height: 1.75;
	padding: 0 0 0 4px;	
}
.web-professional .experience-title-group p br {display: none;}

.web-professional .project-experience .experience-title-group {padding-bottom: 40px;}
.web-professional .experience-01 .experience-title-group--inner {
	box-sizing: border-box;
	max-width: 1420px;
	padding: 0;
	margin: 0 auto;
}
.web-professional .experience-01 .experience-img-01 img {width: 100%;}
.web-professional .experience-01 .experience-img-02 img {width: 100%;}
.web-professional .experience-01 .experience-img-01 {
	box-sizing: border-box;
	width: 100%;
	float: left;
	text-align: center;
}
.web-professional .experience-01 .experience-img-02 {
	box-sizing: border-box;	
	width: 100%;
	float: left;
	text-align: center;	
}
.web-professional .experience-01 .experience-img-02 .experience-img-col:first-child {padding-right: 25px;}
.web-professional .experience-01 .experience-img-02 .experience-img-col:first-child img {
	position: relative;		
	top: 40px;
}
.web-professional .experience-01 .experience-img-02 .experience-img-col:last-child {padding-left: 25px;}
.web-professional .experience-01 .experience-img-02 .experience-img-col:last-child img {
	position: relative;
	top: 100px;
}
.web-professional .experience-01 .experience-img-02 .experience-img-col {
	box-sizing: border-box;	
	width: 50%;
	float: left;
/* 	padding: 0 3vw; */
}

@media( min-width: 1025px ){ 
	.web-professional .project-experience {padding: 148px 24px;}
	.web-professional .project-experience .experience-title-group {padding-bottom: 100px;}
	.web-professional .experience-01 .experience-title-group--inner {padding: 0 0 0 100px;}
	.web-professional .project-experience .section-title-group__subject h2 br {display: none;}
	.web-professional .project-experience .section-title-group__subject p br {display: none;}
	.web-professional .experience-title-group p br {display: inline-block;}
	.web-professional .experience-01 .experience-img-01 {
		width: 58%;
		padding: 0 2vw;
	}
	.web-professional .experience-01 .experience-img-02 {width: 42%;}
	.web-professional .experience-01 .experience-img-02 .experience-img-col:first-child {padding-right: 3vw;}
	.web-professional .experience-01 .experience-img-02 .experience-img-col:last-child {padding-left: 3vw;}
	.web-professional .experience-01 .experience-img-02 .experience-img-col:first-child img {top: -260px;}
	.web-professional .experience-01 .experience-img-02 .experience-img-col:last-child img {top: -100px;}
	.web-professional .experience-01 .experience-img-02 .experience-img-col {padding: 0 3vw;}
	.web-professional .experience-title-group h3 {padding: 12px 0 12px 4px;}
}


.web-professional .experience-02  {padding: 200px 0 100px 0;}
.web-professional .experience-02 .experience-title-group--inner {
	box-sizing: border-box;
	max-width: 1420px;
	padding-right: 0;
	margin: 0 auto;
	text-align: left;
}
.web-professional .experience-02 .experience-title-col {
	display: inline-block;
	text-align: left;
}
.web-professional .experience-02 .experience-img-01 {
	box-sizing: border-box;
	width: 100%;
	float: left;
	text-align: right;
	padding: 0;
}
.web-professional .experience-02 .experience-img-01 .experience-img-col {
	float: right;
	width: 50%;
	box-sizing: border-box;
}
.web-professional .experience-02 .experience-img-01 .experience-img-col:first-child img {
	width: 80%;
	margin-bottom: 80px;
}
.web-professional .experience-02 .experience-img-01 .experience-img-col:last-child img {
	width: 130%;
	position: relative;
	top: 100px;
	left: -60px;
}
.web-professional .experience-02 .experience-img-02 {
	box-sizing: border-box;
	width: 100%;
	float: left;
	padding-top: 120px;
}
.web-professional .experience-02 .experience-img-02 img {width: 100%;}

@media( min-width: 1025px ){ 
	.web-professional .experience-02  {padding: 200px 0;}
	.web-professional .experience-02 .experience-title-group--inner {padding: 0 0 0 100px;}
	.web-professional .experience-02 .experience-img-01 {
		width: 58%;
		padding: 0 2vw;
	}
	.web-professional .experience-02 .experience-title-group--inner {
		padding-right: 230px;
		text-align: right;
	}
	.web-professional .experience-02 .experience-img-01 .experience-img-col {
		float: none;
		width: 100%;
	}
	.web-professional .experience-02 .experience-img-01 {
		width: 50%;
		margin-top: -180px;
		padding: 0 100px;
	}
	.web-professional .experience-02 .experience-img-02 {
		width: 50%;
		padding-top: 200px;
	}
	.web-professional .experience-02 .experience-img-01 .experience-img-col:first-child img {
		width: 40%;
		margin-bottom: 80px;
	}
	.web-professional .experience-02 .experience-img-01 .experience-img-col:last-child img {
		width: 80%;
		top: 0;
		left: 0;
	}
}



.web-professional .experience-03 .experience-title-group--inner {
	box-sizing: border-box;
	max-width: 1420px;
	padding-left: 0;
	margin: 0 auto;
}

.web-professional .experience-03 .experience-img-01 {
	box-sizing: border-box;
	width: 100%;
	float: left;
	text-align: left;
	margin-bottom: 4vw;	
}
.web-professional .experience-03 .experience-img-01 img {width: 100%;}

.web-professional .experience-03 .experience-img-02 {
	box-sizing: border-box;	
	width: 100%;
	float: left;
	text-align: center;	
}
.web-professional .experience-03 .experience-img-02 img {width: 100%;}
.web-professional .experience-03 .experience-img-02 .experience-img-col:first-child img {
	position: relative;
	margin-bottom: 4vw;
}
.web-professional .experience-03 .experience-img-02 .experience-img-col:last-child img {position: relative;}
.web-professional .experience-03 .experience-img-02 .experience-img-col {
	box-sizing: border-box;	
/*
	width: 50%;
	float: left;
*/
/* 	padding: 0 3vw; */
	
}

@media( min-width: 1025px ){ 
	.web-professional .experience-03 .experience-title-group--inner {padding: 0 0 0 100px;}
	.web-professional .experience-03 .experience-img-01 {
		width: 50%;
		padding: 0 2vw;
		margin-bottom: 0;
	}
	.web-professional .experience-03 .experience-img-02 {
		width: 50%;
		padding-left: 2vw;
		margin-top: -200px;
	}
}



/* 기업특강 */

.web-professional .corporate-training__title-group {
	max-width: 1420px;
	margin: 0 auto;
}
.web-professional .corporate-training-col {
	width: 100%;
	float: left;
	box-sizing: border-box;
}
.web-professional .corporate-training-col:first-child {padding: 0 24px;}
.web-professional .corporate-training__title-group h2 {
	font-size: 30px;
	font-weight: 800;
	padding-bottom: 20px;
}
.web-professional .corporate-training__title-group p {
	font-size: 14px;
	line-height: 1.75;
	color: #757575;
	padding-bottom: 40px;
}
.web-professional .corporate-training__title-group p br {display: none;}
.web-professional .corporate-training__title-group p strong {
	color: #000;
	font-weight: 600;
}
.web-professional .corporate-training__title-group img {width: 32%;}
.web-professional .corporate-training__bg {width: 100%;}


@media( min-width: 1025px ){ 
	.web-professional .corporate-training-col {width: 50%;}
	.web-professional .corporate-training-col:first-child {padding: 0;}
	.web-professional .corporate-training-col:last-child {text-align: right;}
	.web-professional .corporate-training__title-group img {
		width: 26%;
		padding-top: 30px;
	}
	.web-professional .corporate-training__title-group p {
		font-size: 16px;
		padding-bottom: 40px;
	}
	.web-professional .corporate-training__title-group p br {display: inline-block;}
}


.web-professional .styleguide {padding: 0 0 100px 0;}
.web-professional .styleguide .section-title-group__subject {text-align: left;}
.web-professional .styleguide .section-title-group__subject h2 {padding-bottom: 8px;}
.web-professional .styleguide .section-title-group__subject p br {display: none;}
.web-professional .styleguide .section-title-group__text {display: none;}

.web-professional .styleguide .class-contents {padding: 100px 24px 0 24px;}

.web-professional .styleguide .styleguide-contents {
	box-sizing: border-box;
	max-width: 1420px;
	margin: 0 auto;
	padding: 0 24px;
}
.web-professional .styleguide .styleguide-text {position: relative;}
.web-professional .styleguide-contents img {width: 100%;}
.web-professional .styleguide-contents p {
	font-size: 14px;
	line-height: 1.75;
	color: #757575;
	padding: 24px 0;
}
.web-professional .styleguide-contents p br {display: none;}
.web-professional .styleguide-contents a {
	
}

@media( min-width: 1025px ){
	.web-professional .styleguide {padding: 0 0 140px 0;}
	.web-professional .styleguide .class-contents {padding: 148px 220px 0 220px;}
	.web-professional .styleguide .section-title-group__subject {padding-left: 40px;}
	.web-professional .styleguide .section-title-group__subject h2 {padding-bottom: 12px;}
	.web-professional .styleguide .section-title-group__subject p br {display: inline-block;}
	.web-professional .styleguide .section-title-group__text {
		display: block;
		position: absolute;
		top: 156px;
		right: 0;
		text-transform: uppercase;
	}
	.web-professional .styleguide .styleguide-contents {padding: 0 260px;}
	.web-professional .styleguide-contents p {
		font-size: 16px;
		padding: 24px 0 0 0;
	}
	.web-professional .styleguide-contents p br {display: inline-block;}
	.web-professional .styleguide-contents a {
		position: absolute;
		top: 26px;
		right: 0;
		text-decoration: underline;	
	}
}


/* ================================================
	            UX UI 프로페셔널
================================================ */
.form-banner {height: calc( 100vh - 112px );}
.uxui-professional {overflow: hidden;}
.uxui-professional .banner {
	width: 100vw;
	height: calc( 100vh - 112px );	
	padding: 50px 24px;
	background-color: #000;
	color: #fff;
	position: relative;
	background-image: url(../class-img/uxui-professional/banner-mobile.png);
	background-repeat: no-repeat;
	background-position: bottom center;
	background-size: cover;
}


.uxui-professional .banner-contents h1 {
	font-size: 24px;
	font-weight: 800;
	line-height: 1.4;
	text-transform: uppercase;
}

.uxui-professional .class-cat {
	display: none;
	position: absolute;
	top: 120px;
	right: 120px;
	font-size: 16px;
	font-weight: 800;
	text-transform: uppercase;		
}
.uxui-professional .banner-col {
	float: left;
	margin-right: 28px;
}
.uxui-professional .banner-col:last-child {margin-right: 0;}
.uxui-professional .banner-col strong {
	display: block;
	padding: 60px 0 24px 0;
	font-size: 16px;
	font-weight: 800;
}
.uxui-professional .banner-col strong,
.uxui-professional .banner-col p,
.uxui-professional .banner-col li {
	font-size: 12px;
	font-weight: 400;
	text-transform: uppercase;	
}
.uxui-professional .banner-col strong {font-weight: 800;}
.uxui-professional .banner-col li {padding-bottom: 12px;}

@media( min-width: 1025px ){
	.uxui-professional .banner {
		padding: 120px;
		background-image: url(../class-img/uxui-professional/banner.png);
		background-position: center;
	}
	.uxui-professional .banner-contents h1 {
		font-size: 42px;
		line-height: 1.2;
	}
	.uxui-professional .banner-col strong,
	.uxui-professional .banner-col p,
	.uxui-professional .banner-col li {
		font-size: 16px;
		font-weight: 400;
	}
	.uxui-professional .banner-col strong {font-weight: 800;}	
	.uxui-professional .banner-col {margin-right: 56px;}
	.uxui-professional .class-cat {display: block;}
}


/* 클래스 about */
.uxui-professional .class-about {
	background-image: url(../class-img/uxui-professional/about-bg.png);
	padding: 140px 24px;
}
.uxui-professional .class-about-inner {
	max-width: 940px;
	margin: 0 auto;
	color: #fff;
}
.uxui-professional .class-about .class-about__title {
	font-size: 14px;
}
.uxui-professional .class-about .class-about__text {
	font-size: 33px;
	line-height: 1.2;
	padding: 20px 0 24px 0;
}
.uxui-professional .class-about .class-about__caption {
	font-size: 14px;
	line-height: 1.75;
}
.uxui-professional .class-about .class-about__caption br {display: none;}

@media( min-width: 1025px ){
	.uxui-professional .class-about {padding: 240px 0;}
	.uxui-professional .class-about .class-about__text {
		font-size: 64px;
		line-height: 1.2;
		padding: 20px 0 24px 0;
	}
	.uxui-professional .class-about .class-about__caption br {display: inline-block;}

}


/* 클래스 about 2 */
.uxui-professional .class-about2 {
	max-width: 1420px;
	padding: 100px 24px;
	margin: 0 auto;
}
.uxui-professional .class-about__text-outer {padding-top: 0px;}
.uxui-professional .class-about2__text {
	display: inline-block;
	font-size: 16px;
	padding: 10px 8px;
	margin: 4px 0;
	background-color: #000;
	color: #fff;
}
.uxui-professional .class-about2__cation {
	padding-top: 24px;
	font-size: 14px;
	font-weight: 600;
	text-transform: uppercase;
	line-height: 1.4;
}
.uxui-professional .class-about-col {
	width: 100%;
	float: left;
}
.uxui-professional .class-about-col img {width: 100%;}

@media( min-width: 1025px ){
	.uxui-professional .class-about2 {padding: 200px 0;}
	.uxui-professional .class-about__text-outer {padding-top: 120px;}
	.uxui-professional .class-about2__text {font-size: 20px;}
	.uxui-professional .class-about-col {width: 50%;}
	.uxui-professional .class-about-col img {width: auto;}
}


/* uxui 타이포 */ 

.uxui-professional .uxui-typo {
	background-color: #000;
	text-align: center;
}
.uxui-professional .uxui-typo-inner {
	overflow-x: scroll;
	-webkit-overflow-scrolling: touch;
}
.uxui-professional .uxui-typo__text {
	color: #fff;
	font-size: 100px;
	font-weight: 900;
	vertical-align: middle;
	white-space: nowrap;
	padding: 200px 24px;
}
.uxui-professional .uxui-typo__text span {
	display: inline-block;
	font-weight: 100;
	font-size: 60px;
	vertical-align: middle;
	padding-bottom: 10px;
}

@media( min-width: 1025px ){
	.uxui-professional .uxui-typo-inner {overflow-x: auto;}
	.uxui-professional .uxui-typo {padding: 300px 0;}
	.uxui-professional .uxui-typo__text {padding: 0;}
}