/* ************************************ 서브 ************************************ */
.greet_bottom a, .survey_btn a, .project_set a:after{
	-webkit-transition: all 0.3s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-moz-transition: all 0.3s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-o-transition: all 0.3s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-ms-transition: all 0.3s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	transition: all 0.3s cubic-bezier(0.215, 0.610, 0.355, 1.000);
}


/* 회사소개 */
.only_page11 .footer{margin-top: 0 !important;}

.greet_wrap{}
.greet_title{margin-bottom: 60px;}
.greet_title h3{font-size: 50px; font-weight: 700; line-height: 1.2;}

.greet_img_lays{}
.greet_img_lays img{width: 100%;}
.greet_img_lays ul{display: flex; align-items: center; margin-top: 130px;}
.greet_img_lays ul:first-child{margin-top: 0;}
.greet_img_lays ul li{width: 50%;}
.greet_img_lays ul li:nth-child(2){padding: 0 30px;}
.greet_img_lays ul.reverse_lays{flex-direction: row-reverse;}
.greet_img_lays ul li b{display: block; font-size: 100px; line-height: 1; color: #F2F2F2; margin-bottom: -70px;}
.greet_img_lays ul li div{padding-left: 90px;}
.greet_img_lays .gp_01{font-size: 40px; font-weight: 700; line-height: 1.2;}
.greet_img_lays .gp_02{font-size: 21px; line-height: 1.4; margin-top: 20px;}

.greet_bottom{background: #F1F1F1; padding: 130px 0 150px; margin-top: 150px;}
.greet_bottom ul{display: flex;}
.greet_bottom ul li{width: 50%;}
.greet_bottom h3{font-size: 50px; font-weight: 700; line-height: 1.2; margin-bottom: 25px;}
.greet_bottom b{display: block; font-size: 40px; line-height: 1.1; margin-bottom: 45px;}
.greet_bottom a{display: inline-block; padding: 10px 40px; border: 1px solid #000; border-radius: 50px; color: #000; font-size: 17px;}
.greet_bottom a:hover{background: #000; color: #fff;}
.greet_bottom p{font-size: 21px; line-height: 1.4; margin-top: 30px;}
.greet_bottom p:first-child{margin-top: 0;}


/* Procedure */
.only_page41 .footer{margin-top: 0 !important;}

.procedure_top{display: flex; justify-content: center; align-items: center; width: 100%; height: 520px; background: url("../imgs/sub/s04/s41_img_bg.jpg") no-repeat center; background-size: cover; border-radius: 35px; padding: 0 50px;}
.procedure_top p{font-size: 40px; line-height: 1.2; color: #fff; font-weight: 600;}
.procedure_top p span{background: linear-gradient(to left, #FB35CF, #02C0FE); background-clip: text; -webkit-background-clip: text; color: transparent;}

.procedure_bottom{background: #F1F1F1; padding: 130px 0 150px; margin-top: 150px;}
.procedure_bottom h3{font-size: 50px; font-weight: 700; margin-bottom: 80px;}
.procedure_lays > ul{display: flex; align-items: center;}
.procedure_lays > ul > li:nth-child(1){width: 100px; margin-right: 40px;}
.procedure_lays > ul > li:nth-child(2){width: calc(100% - 140px);}
.procedure_lays .procedure_num{display: block; width: 100px; height: 100px; line-height: 100px; text-align: center; background: url("../imgs/sub/s04/num_bg.jpg") no-repeat center; background-size: cover; font-size: 45px; font-weight: 700; color: #fff; border-radius: 50%;}
.procedure_lays > ul{margin-top: 50px; padding-top: 50px; border-top: 1px solid #ccc;}
.procedure_lays > ul:first-child{margin-top: 0; padding-top: 0; border-top: 0;}
.procedure_lays p{font-size: 19px; line-height: 1.4;}
.procedure_lays p b{display: block; font-size: 25px; font-weight: 600; margin-bottom: 10px;}
.procedure_lays p span{position: relative; display: block;}
.procedure_lays .indent_01{padding-left: 17px;}
.procedure_lays .indent_01:after{content: ''; position: absolute; top: 10px; left: 0; width: 5px; height: 5px; background: #000; border-radius: 50%;}
.procedure_lays .indent_02{padding-left: 17px;}
.procedure_lays .indent_03{padding-left: 40px;}



.only_page51 .sub_depth_nav{max-width: 1100px; margin-bottom: 0;}



/* Join Project */
.survey_on .survey_2{display: block;}
.survey_on .survey_1{display: none;}
.survey_off .survey_2{display: none;}
.survey_off .survey_1{display: block;}

.survey_box{width: 100%; padding: 100px 0; text-align: center; background: url("../imgs/sub/s06/s11_img_bg.jpg") no-repeat center; background-size: cover; color: #fff;}
.survey_box h3{font-size: 47px; font-weight: 600; line-height: 1.1; margin-bottom: 30px;}
.survey_box p{font-size: 25px; line-height: 1.2;}
.survey_btn{margin-top: 70px; text-align: center;}
.survey_btn a{display: inline-block; padding: 14px 90px; border: 1px solid #000; font-size: 19px; font-weight: 600;}
.survey_btn a:hover{background: #000; color: #fff;}

.survey_2 .project_set{margin-top: 120px;}
.survey_2 .project_set:first-child{margin-top: 0;}
.survey_2 .project_set .sub_top_text_wrap{margin-bottom: 0;}
.survey_2 .project_set .sub_top_text_wrap h3{font-size: 45px;}
.project_set h4{font-size: 25px; font-weight: 600; line-height: 1.2; margin-bottom: 20px;}
.project_set a{position: relative; display: inline-block; padding: 10px 70px 10px 20px; border: 1px solid #000; font-size: 15px; border-radius: 3px;}
.project_set a:after{content: ''; position: absolute; top: 50%; transform: translateY(-50%); right: 20px; width: 14px; height: 14px; background: url("../imgs/icon/icon_btn_arrow.svg") no-repeat center; background-size: cover;}
.project_set a:hover:after{content: ''; right: 10px;}
.register_group{margin-top: 80px;}

.register_table ul{display: flex; align-items: center; justify-content: space-between; width: 100%; border-bottom: 1px solid #ccc; padding: 10px 30px;}
.register_table ul:first-child{border-top: 1px solid #ccc;}
.register_table ul li:first-child{font-size: 17px; font-weight: 600;}






@media (max-width: 1420px){	
	.only_page51 .sub_depth_nav{margin-left: auto; margin-right: auto;}
}

@media (max-width: 1130px){	
	.only_page51 .sub_depth_nav{margin-left: 3%; margin-right: 3%;}
}


@media (max-width: 1023px){
	/* 회사소개 */
	.greet_bottom ul{flex-wrap: wrap;}
	.greet_bottom ul li{width: 100%;}
	.greet_bottom ul li:first-child{margin-bottom: 50px;}
	
	/* Procedure */
	.procedure_top{height: 400px;}
	.procedure_top p br{display: none;}
}

@media (max-width: 767px) {
	/* 회사소개 */
	.greet_title{margin-bottom: 30px;}
	.greet_title h3{font-size: 40px;}

	.greet_img_lays ul{flex-wrap: wrap; align-items: flex-start; margin-top: 90px;}
	.greet_img_lays ul li{width: 100%;}
	.greet_img_lays ul li:nth-child(2){padding: 0; margin-top: 20px;}
	.greet_img_lays ul.reverse_lays{flex-direction: inherit;}
	.greet_img_lays ul li b{font-size: 80px; margin-bottom: -60px;}
	.greet_img_lays ul li div{padding-left: 70px;}
	.greet_img_lays .gp_01{font-size: 35px; line-height: 1.3;}
	.greet_img_lays .gp_02{font-size: 19px; margin-top: 15px;}
	
	.greet_bottom{padding: 90px 0 100px; margin-top: 100px;}
	.greet_bottom ul li:first-child{margin-bottom: 40px;}
	.greet_bottom h3{font-size: 40px; margin-bottom: 20px;}
	.greet_bottom b{font-size: 35px; margin-bottom: 30px;}
	.greet_bottom a{padding: 7px 30px; font-size: 15px;}
	.greet_bottom p{font-size: 19px; line-height: 1.4; margin-top: 30px;}
	
	
	/* Procedure */
	.procedure_top{height: auto; border-radius: 20px; padding: 80px 40px;}
	.procedure_top p{font-size: 30px; line-height: 1.3;}
	
	.procedure_bottom{padding: 90px 0 100px; margin-top: 100px;}
	.procedure_bottom h3{font-size: 40px; margin-bottom: 70px;}
	.procedure_lays > ul > li:nth-child(1){width: 80px; margin-right: 30px;}
	.procedure_lays > ul > li:nth-child(2){width: calc(100% - 110px);}
	.procedure_lays .procedure_num{width: 80px; height: 80px; line-height: 80px; font-size: 40px;}
	.procedure_lays > ul{margin-top: 40px; padding-top: 40px;}
	.procedure_lays p{font-size: 17px;}
	.procedure_lays p b{font-size: 21px;}
	.procedure_lays .indent_01{padding-left: 15px;}
	.procedure_lays .indent_01:after{content: ''; top: 9px; width: 4px; height: 4px;}
	.procedure_lays .indent_02{padding-left: 15px;}
	.procedure_lays .indent_03{padding-left: 34px;}
	
	/* Join Project */
	.survey_box{padding: 80px 30px;}
	.survey_box h3{font-size: 37px; margin-bottom: 20px;}
	.survey_box p{font-size: 19px; line-height: 1.3;}
	.survey_btn{margin-top: 50px;}
	.survey_btn a{padding: 10px 70px;font-size: 17px;}
	
	.survey_2 .project_set{margin-top: 80px;}
	.survey_2 .project_set .sub_top_text_wrap h3{font-size: 30px;}
	.project_set h4{font-size: 19px; line-height: 1.3; margin-bottom: 5px;}
	.project_set a{padding: 8px 50px 8px 10px; font-size: 14px;}
	.project_set a:after{content: ''; right: 10px; width: 12px; height: 12px;}
	.project_set a:hover:after{content: ''; right: 10px;}
	.register_group{margin-top: 50px;}

	.register_table ul{flex-wrap: wrap; padding: 10px 0;}
	.register_table ul li{width: 100%;}
	.register_table ul li:first-child{font-size: 16px; margin-bottom: 5px;}
	
	
}


@media (max-width: 480px) {
	/* 회사소개 */
	.greet_title{margin-bottom: 20px;}
	.greet_title h3{font-size: 30px;}

	.greet_img_lays ul{margin-top: 60px;}
	.greet_img_lays ul li:nth-child(2){margin-top: 15px;}
	.greet_img_lays ul li b{font-size: 60px; margin-bottom: -45px;}
	.greet_img_lays ul li div{padding-left: 50px;}
	.greet_img_lays .gp_01{font-size: 27px;}
	.greet_img_lays .gp_02{font-size: 17px; line-height: 1.3; margin-top: 10px;}
	
	.greet_bottom{padding: 70px 0 100px;}
	.greet_bottom h3{font-size: 30px; margin-bottom: 15px;}
	.greet_bottom b{font-size: 23px; margin-bottom: 20px;}
	.greet_bottom p{font-size: 17px; margin-top: 20px;}
	
	
	/* Procedure */
	.procedure_top{border-radius: 15px; padding: 40px 30px;}
	.procedure_top p{font-size: 23px;}	
	
	.procedure_bottom{padding: 70px 0 100px;}
	.procedure_bottom h3{font-size: 30px; line-height: 1.1; margin-bottom: 40px;}
	.procedure_lays > ul > li:nth-child(1){width: 60px; margin-right: 20px;}
	.procedure_lays > ul > li:nth-child(2){width: calc(100% - 80px);}
	.procedure_lays .procedure_num{width: 60px; height: 60px; line-height: 60px; font-size: 25px;}
	.procedure_lays > ul{margin-top: 30px; padding-top: 30px;}
	.procedure_lays p{font-size: 16px;}
	.procedure_lays p b{font-size: 19px; margin-bottom: 5px;}
	.procedure_lays .indent_01{padding-left: 12px;}
	.procedure_lays .indent_01:after{content: ''; top: 8px;}
	.procedure_lays .indent_02{padding-left: 12px;}
	.procedure_lays .indent_03{padding-left: 30px;}
	
	
	/* Join Project */
	.survey_box{padding: 60px 20px;}
	.survey_box h3{font-size: 30px;}
	.survey_box p{font-size: 17px;}
	.survey_btn{margin-top: 40px;}
	.survey_btn a{font-size: 15px;}
	
	.survey_2 .project_set{margin-top: 60px;}
	.survey_2 .project_set .sub_top_text_wrap h3{font-size: 25px;}
	.register_group{margin-top: 30px;}

	.register_table ul li:first-child{font-size: 15px;}
}