.m-auto {
	margin: 0 auto;
}

.work-wrap {
	color: #ffffff;
	padding: 0 10px;
}

.work-visual {
	position: relative;
	width: 100%;
	height: 100vh;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	z-index: 20;
}

.work-bg {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}

.work_v_wrap {
	position: relative;
	width: 100%;
	max-height: var(--fullH);
	overflow: hidden;
}
.work_v {
	position: relative;
	width: 100%;
	padding-bottom: 10%;
}

.video {
	position: relative;
	width: 100%;
	max-width: 1400px;
	margin: 30px auto;
}

.video-container {
	position: relative;
	width: 100%;
	height: auto;
	padding-top: 50%;
}

iframe,
.video-container video,
.work-visual video {
	z-index: 1;
	top: 0;
	left: 0;
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.visual-txt {
	position: absolute;
	top: 20%;
	left: 20%;
	z-index: 30;
}

.visual-txt p {
	font-family: 'Nanum Myeongjo', serif;
	opacity: 0.8;
	letter-spacing: -0.1em;
}

.visual-txt p span {
	font-family: 'Nanum Myeongjo', serif;
	font-weight: 800;
	color: #f39801;
	opacity: 1;
	letter-spacing: -0.1em;
}

.py180 {
	padding: 180px 0;
}

.line {
	width: 194px;
	height: 12px;
	background-color: #05a5ef;
}

.btn-wrap {
	display: flex;
	flex-direction: row;
	gap: 12px;
	justify-content: center;
}

.btn-wrap .plus {
	position: relative;
	width: 60px;
	height: 60px;
	border: 1px solid #ffffff;
	border-radius: 50%;
	text-align: center;
}

.btn-wrap .plus span:first-child {
	position: absolute;
	top: 50%;
	left: 25%;
	display: inline-block;
	width: 33px;
	height: 2px;
	background-color: #ffffff;
}

.btn-wrap .plus span:last-child {
	position: absolute;
	left: 50%;
	top: 23%;
	display: inline-block;
	width: 2px;
	height: 33px;
	background-color: #ffffff;
}

.btn-wrap .btn {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 50%;
	padding: 16px;
	border: 1px solid #ffffff;
	border-radius: 40px;
	text-align: center;
}

.btn .qna {
	color: #149dd9;
}

.work-wrap .box-wrap {
	display: flex;
}

.work-wrap .box-wrap div {
	flex-basis: 50%;
}

.lh28 {
	line-height: 28px;
}

.lh30 {
	line-height: 30px;
}

.txt-color {
	color: #149dd9;
}

.d-flex {
	display: flex;
	justify-items: center;
	align-items: center;
}

.img-fit {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

#contact {
	position: relative;
}

.fl {
	float: left !important;
}

.fr {
	float: right !important;
}
.pd0 {
	padding: 0 !important;
}

.border-left-tr {
	border-left: 15px solid transparent;
}

/* 공통 영역 끝 */

.work-wrap .box-wrap .box1 {
	background-color: #f5a73d;
}

.work-wrap .box-wrap .box2 {
	background-color: #6d604e;
}

.work-wrap .box-wrap .box3 {
	background-color: #2c2b53;
}

.work-wrap .box-wrap .box4 {
	background-color: #232247;
}

.box1,
.box2,
.box3,
.box4 {
	padding: 0.5% 0;
}

.box1 p b,
.box2 p b,
.box3 p b,
.box4 p b {
	letter-spacing: 0;
}

/* work_01 끝 */

.youknow-visual {
	margin-bottom: 10% !important;
	height: auto;
	top: 150px;
}

/* work_02 끝 */

.work_03 .float-wrap div:nth-child(even) {
	float: left;
}

.work_03 .float-wrap div:nth-child(odd) {
	float: right;
}

.sns-wrap {
	display: flex;
	flex-wrap: wrap;
	background-color: #fbf1e3;
	padding: 24px;
}

.sns-wrap > div {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 10px;
}
.sns-wrap div img {
	box-shadow: 5px 0px 13px hsl(143deg 0% 0% / 0.35);
	border-radius: 18px;
}

.visual-txt.work-03 {
	top: -1%;
	left: 53%;
}

.sns-wrap.joo {
	background-color: initial;
	padding: 0;
	position: relative;
	top: -280px;
}

.sns-wrap.joo div {
	align-items: initial;
}

.sns-wrap.joo div img {
	box-shadow: initial;
	width: 100%;
}
/* work_03 끝 */

/* work_05 시작 */
.neo {
	font-family: 'NnNeo-Lt' !important;
}
.work_05 p {
	font-family: 'SCoreDream';
	font-size: 1.125rem;
	line-height: 1.66;
	font-weight: 400;
	text-transform: uppercase;
}

.work_05 p.txt22 {
	font-size: 1.375rem;
}

.work_05 p.txt24 {
	font-size: 1.5rem;
}

.work_05 .box {
	padding: 5% 0;
}

.work_05 .box-wrap .box1 {
	background-color: #2a2558;
}

.work_05 .box-wrap .box2 {
	background-color: #818285;
}

.work_05 .box3 {
	background-color: #f89828;
	height: 100%;
}
.work_05 .box4 {
	background-color: #234441;
	height: 100%;
}
.work_05 .box5 {
	background-color: #d2b38a;
}

.visual-05 .visual-txt {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	left: 0;
	right: 0;
	margin: 0 auto;
	top: 25%;
}
.visual-05 .visual-txt p {
	color: #fff;
	font-size: 4.375rem;
	font-family: 'Noto Sans KR', sans-serif;
	font-weight: 100;
	text-align: center;
	line-height: 1.142;
	opacity: 1;
}
.visual-05 .visual-txt p strong {
	font-weight: 900;
	font-family: 'Noto Sans KR', sans-serif;
}

.visual-05 .visual-txt p:first-child {
	color: #ffbe16;
	font-size: 1.625rem;
	font-family: 'MapoGoldenPier';
	letter-spacing: 0.01em;
	line-height: 1.384;
	margin-bottom: 1.25rem;
}

.visual-05 .visual-txt p:nth-child(2) {
	color: rgba(255, 255, 255, 0.3);
	font-size: 1rem;
	font-family: 'Impact';
	letter-spacing: 1em;
	margin-bottom: 5.625rem;
}

.visual-05 .visual-txt p:last-child {
	color: rgba(255, 255, 255, 0.05);
	font-size: 5.625rem;
	position: relative;
	top: -30px;
	z-index: -5;
	font-family: 'Score-Th';
}

/* work_05 끝 */

/* work_11 */
.font-serif {
	font-family: 'Noto Serif KR', serif;
}
.work11 .visual_txt {
	position: relative;
	left: -11%;
	top: -20px;
	padding: 22.813rem 0 25rem 0;
	text-align: center;
}
.work11 .visual_txt p {
	font-family: 'Noto Serif KR', serif;
	color: #fff;
}

.work11 .visual_txt p:first-child {
	margin-bottom: 3.125rem;
	font-size: 1.688rem;
	font-weight: 200;
}

.work11 .visual_txt p:last-child {
	font-size: 4rem;
	line-height: 1.4;
	font-weight: 700;
}

.work11 .visual_txt p:last-child span {
	color: #ba9956;
	font-family: 'Noto Serif KR', serif;
}

.work11 {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

.sns-wrap .flexBox {
	display: flex;
	gap: 1.5rem;
	padding: 50px 5px 0 5px;
}
.sns-wrap .flexBox > div {
	text-align: center;
	padding: 0;
}


/* work12 */
.work12 .visual_txt {
	position: relative;
	left: -21%;
	top: -20px;
	padding: 22.813rem 0 25rem 0;
	text-align: center;
}

@media (max-width: 1201px) {
	.work12 .visual_txt{
		padding: 13.813rem 0 25rem 0;
	}
	.work12 .visual_txt img{
    max-width: 600px;

	}
}

@media (max-width: 1024px) {
	.work12 .visual_txt {
    left: -15%;
		}
	.work12 .visual_txt img{
    max-width: 500px;

	}
}

@media (max-width:878px) {
	.work12 .visual_txt {
		position:static;
	
	}
	.work12 .visual_txt img{
    max-width: 400px;

	}
}

@media (max-width:600px) {
	.work12 .visual_txt {
	 padding: 20rem 0;
	}
	.work12 .visual_txt img{
    max-width: 360px;

	}
}


@media (max-width:500px) {

	.work12 .visual_txt img{
    max-width: 300px;

	}
}



/* work15 */
.work15 .visual_txt {
	position: relative;
	left: -11%;
	top: -20px;
	padding: 18rem 0 25rem 0;
	text-align: center;
}

@media (max-width: 1401px) {
	.work15 .visual_txt{
		padding:18rem 0 25rem 0;
	}
	.work15 .visual_txt img{
    max-width: 800px;

	}
}

@media (max-width: 1201px) {
	.work15 .visual_txt{
		padding: 13.813rem 0 25rem 0;
	}
	
}

@media (max-width: 1024px) {
	.work15 .visual_txt {
		position:static;
	
	}

}

@media (max-width:878px) {
	.work15 .visual_txt{
		padding: 13.813rem 0 20rem 0;
	}
	.work15 .visual_txt img{
    max-width: 500px;

	}

}

@media (max-width:600px) {
	.work15 .visual_txt {
	 padding: 20rem 0;
	}
	.work15 .visual_txt img{
    max-width: 360px;

	}
	
}


@media (max-width:460px) {

	.work15 .visual_txt img{
    max-width: 300px;

	}
}



/* 공통으로 뺌 */

.where .visual_txt {
		position: relative;
		left: -21%;
		top: -20px;		
		padding: 15rem 0 25rem 0;
		text-align: center;
}
@media (max-width: 1201px) {
	
		.where .visual_txt {
				padding: 12rem 0 25rem 0;
		}
		.where .visual_txt img{
			    max-width: 450px;
		}

}

@media (max-width: 1024px) {
	.where{
			background-position-x: 65%;
		}
	.where .visual_txt img{
    max-width: 400px;

	}
}

@media (max-width:650px) {
	.where{
			background-position-x: 75%;
		}
	.where .visual_txt {
				padding: 12rem 0 9rem 0;
		}
	.where .visual_txt img{
    max-width: 300px;

	}
}



@media (max-width:500px) {

		.where .visual_txt img{
    max-width: 200px;

	}
}



@media (max-width:650px) {
	.work14 .visual_txt {
	 padding: 14rem 0 20rem  0;
	}
	.work14 .visual_txt img{
    max-width: 200px;

	}
}



/* 반응형 설정 :S */

@media (max-width: 1201px) {
	.youknow-visual {
		top: 0;
	}

	.visual-txt.work-03 {
		top: -27%;
		left: 37%;
	}

	.work-visual.visual-03 {
		height: 75vh;
	}

	.work11 .visual_txt{
		padding: 13.813rem 0 25rem 0;
	}
	.work11 .visual_txt p:first-child {
		font-size: 1.5em;
	}

	.work11 .visual_txt p:last-child {
		font-size: 3rem;
	}
}

@media screen and (max-width: 868px) {
	.work11 .visual_txt {
		padding: 13.813rem 0 25rem 0;
	}
	.work11 .visual_txt p:first-child {
		font-size: 1rem;
	}

	.work11 .visual_txt p:last-child {
		font-size: 2.5rem;
	}
	.work-visual.work11 {
		background-position: 65%;
	}
}

@media (max-width: 600px) {
	.col-xs-12 {
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
	}
	.box1,
	.box2,
	.box3,
	.box4 {
		width: 100%;
		padding: 3% 0;
	}

	.btn-wrap {
		width: 100%;
		margin-top: 3% !important;
	}

	.btn-wrap .btn {
		padding: 12px;
	}
	.btn-wrap .plus {
		width: 40px;
		height: 40px;
	}
	.btn-wrap .plus span:first-child {
		width: 23px;
		left: 23%;
	}
	.btn-wrap .plus span:last-child {
		height: 23px;
		top: 21%;
	}

	.text {
		padding: 0 15px;
	}

	.work-visual {
		height: 50vh;
	}
	.visual-txt {
		left: 10%;
	}
	.visual-txt img {
		width: 80%;
	}

	.work-visual.youknow-visual {
		height: 27vh;
		top: 0;
	}

	.visual-txt.work-03 {
		top: -10%;
		left: 12%;
	}

	.work-visual.work-visual.visual-03 {
		height: 50vh;
	}

	.work_04 .border-left-tr {
		border-left: 0;
	}

	.main_uno_vid {
		width: 98vw;
	}

	.visual-05 .visual-txt p {
		font-size: 2.5rem;
	}

	.visual-05 .visual-txt p:first-child {
		font-size: 1rem;
	}
	.visual-05 .visual-txt p:nth-child(2) {
		margin-bottom: 1.2rem;
		letter-spacing: 0.4em;
	}
	.visual-05 .visual-txt p:last-child {
		font-size: 3rem;
	}
	.work_06 .border-left-tr {
		border-left: 0;
	}

	.work_07 .border-left-tr {
		border-left: 0;
	}
	.visual-04,
	.visual-06,
	.visual-07 {
		height: 28vh;
	}

	.work11 .visual_txt {
		position: static;
		padding: 28rem 10px 25rem 10px;
	}
	.work11 .visual_txt p:first-child {
		margin-bottom: 1.125rem;
	}

	.work11 .visual_txt p:last-child {
		font-size: 2rem;
	}
	.sns-wrap.joo {
		position: static;
		margin-bottom: 5rem;
	}
}