@charset "utf-8";

/* 서브 타이틀 시작 */
.sub_title { float: left; width: 100%; margin: 75px 0 45px; font-size: 35px; font-weight: 600; text-align: center; }

@media screen and (max-width:600px) {
	.sub_title { margin: 60px 0 40px; font-size: 7vw; }
}
/* 서브 타이틀 끝 */

/* 회사소개 - 인사말 시작 */
.info01_banner { float: left; width: 100%; height: 304px; background: url('../images/info_banner.png') no-repeat center center; background-size: cover; }
.info01_banner h2 { padding-top: 60px; font-size: 40px; font-weight: 700; text-align: center; }

.info01_content { position: relative; top: -100px; }
.info01_content .info01_content01 { padding: 50px 50px 60px; background: #fff; box-shadow: 0 5px 40px rgba(0,0,0,0.2); font-size: 22px; line-height: 1.3; text-align: center; }
.info01_content .info01_content02 { position: relative; top: 80px; }
.info01_content .info01_content02 th, .info01_content .info01_content02 td { vertical-align: top; padding-bottom: 55px; }
.info01_content .info01_content02 th { width: 9vw; }
.info01_content .info01_content02 th img { width: 100%; }
.info01_content .info01_content02 td { width: 39%; padding-left: 35px; padding-right: 50px; }
.info01_content .info01_content02 td h3 { margin: 20px 0; font-size: 26px; font-weight: bold; letter-spacing: -0.05em; }
.info01_content .info01_content02 td p { font-size: 20px; letter-spacing: -0.025em; }

@media screen and (max-width:1380px) {
	.info01_content .info01_content02 td h3 { font-size: 24px; }
}

@media screen and (max-width:1024px) {
	.info01_content .info01_content02 tbody, .info01_content .info01_content02 tr,
	.info01_content .info01_content02 th, .info01_content .info01_content02 td { display: block; text-align: center; }
	.info01_content .info01_content02 th, .info01_content .info01_content02 td { padding-bottom: 0; }
	.info01_content .info01_content02 th { width: 100%; padding-bottom: 10px; }
	.info01_content .info01_content02 th img { width: 160px; }
	.info01_content .info01_content02 td { width: 100%; padding-left: 0; padding-right: 0; padding-bottom: 50px; }
}

@media screen and (max-width:600px) {
	.info01_banner { height: 70vw; background: url('../images/m_info_banner.png') no-repeat center center; background-size: cover; }
	.info01_banner h2 { font-size: 8vw; }

	.info01_content .info01_content01 { padding: 40px 5%; font-size: 4vw; }

	.info01_content .info01_content02 { top: 60px; }
	.info01_content .info01_content02 th img { width: 30%; }
	.info01_content .info01_content02 td h3 { font-size: 5vw; }
	.info01_content .info01_content02 td p { font-size: 4vw; }
}
/* 회사소개 - 인사말 끝 */

/* 회사소개 - 연혁 시작 */
.info02_content01 {}
.info02_content01 .info02_content01_year { position: absolute; left: 0; width: 100%; font-size: 70px; font-weight: 700; text-align: center; color: #f4f4f4; }
.info02_content01 .info02_content01_year.year_2022 { top: 0; }
.info02_content01 .info02_content01_year.year_2020 { top: 490px; }
.info02_content01 .info02_content01_year.year_2015 { top: 1700px; }
.info02_content01 .history_area {}
.info02_content01 .history_area .history { position: relative; }
.info02_content01 .history_area .history::before { position: absolute; top: 45px; width: 26px; height: 1px; background: #d9d9d9; content: ""; }
.info02_content01 .history_area .history::after { position: absolute; top: 40px; width: 10px; height: 10px; background: #000; content: ""; }
.info02_content01 .history_area .left, .info02_content01 .history_area  .right { position: relative; float: left; width: 50%; height: 1700px; margin: 135px 0 270px; box-sizing: border-box; z-index: 9; }
.info02_content01 .history_area .left { border-right: 1px solid #d9d9d9; }
.info02_content01 .history_area .right {}
.info02_content01 .history_area .left .history { margin-right: 30px; }
.info02_content01 .history_area .right .history { margin-left: 30px; }
.info02_content01 .history_area .left .history::before { right: -26px; }
.info02_content01 .history_area .right .history::before { left: -26px; }
.info02_content01 .history_area .left .history::after { right: -37px; }
.info02_content01 .history_area .right .history::after { left: -37px; }
.info02_content01 .history_area .year_2022 { margin-top: -45px; }
.info02_content01 .history_area .year_2021 { margin-top: 125px; }
.info02_content01 .history_area .year_2020 { margin-top: 352px; }
.info02_content01 .history_area .year_2019 { margin-top: 381px; }
.info02_content01 .history_area .year_2018 { margin-top: 230px; }
.info02_content01 .history_area .year_2017 { margin-top: 260px; }
.info02_content01 .history_area .year_2016 { margin-top: 259px; }
.info02_content01 .history_area .year_2015 { margin-top: 335px; }
.info02_content01 .history_area .history { padding: 30px; border: 1px solid #d9d9d9; background: #fff; font-size: 22px; }
.info02_content01 .history_area .history h3 { font-weight: bold; }
.info02_content01 .history_area .history p {}

.info02_content02 { background: #f6f6f6; }
.info02_content02 .certificate_box { float: left; width: 100%; margin-top: 30px; }
.info02_content02 .certificate_box li { float: left; margin-right: 2%; width: 23.5%; transition: .3s; }
.info02_content02 .certificate_box li.two { width: 49% }
.info02_content02 .certificate_box li.two img { float: left; }
.info02_content02 .certificate_box li.two img:first-child { float: left; margin-right: 4%; }
.info02_content02 .certificate_box li.two p { float: left; width: 100%; }
.info02_content02 .certificate_box li p { margin: 25px 0 35px; font-size: 22px; font-weight: 400; text-align: center; letter-spacing: -0.05em; }
.info02_content02 .certificate_box li:nth-child(4), .info02_content02 .certificate_box li:nth-child(8) { margin-right: 0; }
.info02_content02 .certificate_box li:nth-child(2) { display: none; }

@media screen and (max-width:1280px) {
	.info02_content01 .history_area .left, .info02_content01 .history_area  .right { height: 1665px; }
	.info02_content01 .history_area .history p { font-size: 20px; }
}

@media screen and (max-width:1153px) {
	.info02_content01 .history_area .left, .info02_content01 .history_area  .right { height: 1690px; }
}

@media screen and (max-width:1143px) {
	.info02_content01 .history_area .left, .info02_content01 .history_area  .right { height: 1725px; }
}

@media screen and (max-width:1106px) {
	.info02_content01 .history_area .left, .info02_content01 .history_area  .right { height: 1750px; }
}

@media screen and (max-width:1064px) {
	.info02_content01 .history_area .left, .info02_content01 .history_area  .right { height: 1785px; }
}

@media screen and (max-width:1024px) {
	.info02_content01 .info02_content01_year.year_2020 { top: 455px; }
	.info02_content01 .info02_content01_year.year_2015 { top: 1575px; }
	.info02_content01 .history_area  .right { width: 70%; height: 1580px; }
	.info02_content01 .history_area .right { margin-left: 15%; border-left: 1px solid #d9d9d9; }
	.info02_content01 .history_area .year_2022 { margin-top: -45px; }
	.info02_content01 .history_area .year_2021 { margin-top: 3vw; }
	.info02_content01 .history_area .year_2020 { margin-top: 14vw; }
	.info02_content01 .history_area .year_2019 { margin-top: 3vw; }
	.info02_content01 .history_area .year_2018 { margin-top: 3vw; }
	.info02_content01 .history_area .year_2017 { margin-top: 3vw; }
	.info02_content01 .history_area .year_2016 { margin-top: 3vw; }
	.info02_content01 .history_area .year_2015 { margin-top: 14vw; }
}

@media screen and (max-width:920px) {
	.info02_content01 .info02_content01_year { font-size: 7vw; }
	.info02_content01 .info02_content01_year.year_2020 { top: 47vw; }
	.info02_content01 .info02_content01_year.year_2015 { top: 161vw; }
	.info02_content01 .history_area .right { width: 70%; height: 161vw; }
	.info02_content01 .history_area .history { padding: 3vw; font-size: 2vw; }
	.info02_content01 .history_area .history p { font-size: 2vw; }
}

@media screen and (max-width:850px) {
	.info02_content02 .certificate_box li { margin-right: 0; width: 49%; }
	.info02_content02 .certificate_box li.two { width: 100% }
	.info02_content02 .certificate_box li.two img { float: left; width: 49%; }
	.info02_content02 .certificate_box li.two img:first-child { margin-right: 2%; }
	.info02_content02 .certificate_box li:nth-child(1), .info02_content02 .certificate_box li:nth-child(5), .info02_content02 .certificate_box li:nth-child(7) { margin-right: 2%; }
	.info02_content02 .certificate_box li:nth-child(2) { display: block; }
	.info02_content02 .certificate_box li:nth-child(4) { display: none; }
}

@media screen and (max-width:800px) {
	.info02_content01 .info02_content01_year.year_2022 { top: 2vw; }
	.info02_content01 .info02_content01_year.year_2020 { top: 49vw; }
	.info02_content01 .info02_content01_year.year_2015 { top: 161vw; }
}

@media screen and (max-width:700px) {
	.info02_content01 .info02_content01_year { font-size: 60px; }
	.info02_content01 .info02_content01_year.year_2022 { top: 16px; }
	.info02_content01 .info02_content01_year.year_2020 { top: 385px; }
	.info02_content01 .info02_content01_year.year_2015 { top: 161vw; }
	.info02_content01 .history_area .right { width: 100%; height: 1270px; margin: 135px 0 270px; }
	.info02_content01 .history_area .year_2022 { margin-top: -45px; }
	.info02_content01 .history_area .year_2021 { margin-top: 20px; }
	.info02_content01 .history_area .year_2020 { margin-top: 100px; }
	.info02_content01 .history_area .year_2019 { margin-top: 20px; }
	.info02_content01 .history_area .year_2018 { margin-top: 20px; }
	.info02_content01 .history_area .year_2017 { margin-top: 20px; }
	.info02_content01 .history_area .year_2016 { margin-top: 20px; }
	.info02_content01 .history_area .year_2015 { margin-top: 100px; }
	.info02_content01 .history_area .history { padding: 20px; font-size: 18px; }
	.info02_content01 .history_area .history p { font-size: 18px; }
}

@media screen and (max-width:600px) {
	.info02_content01 .info02_content01_year.year_2022 { top: 0; }
	.info02_content01 .info02_content01_year.year_2020 { top: 290px; }
	.info02_content01 .info02_content01_year.year_2015 { top: 1070px; }

	.info02_content01 .info02_content01_year { margin-left: 5%; font-size: 40px; text-align: left; }
	.info02_content01 .history_area .right { height: 1100px; margin: 75px 0 150px; }
	.info02_content01 .history_area .year_2022 { margin-top: -25px; }
	.info02_content01 .history_area .year_2021 { margin-top: 20px; }
	.info02_content01 .history_area .year_2020 { margin-top: 120px; }
	.info02_content01 .history_area .year_2019 { margin-top: 20px; }
	.info02_content01 .history_area .year_2018 { margin-top: 20px; }
	.info02_content01 .history_area .year_2017 { margin-top: 20px; }
	.info02_content01 .history_area .year_2016 { margin-top: 20px; }
	.info02_content01 .history_area .year_2015 { margin-top: 120px; }
	.info02_content01 .history_area .history { padding: 15px; font-size: 15px; }
	.info02_content01 .history_area .right .history { margin-left: 5%; }
	.info02_content01 .history_area .history::before { top: 20px; width: 5%; }
	.info02_content01 .history_area .history::after { top: 15px; }
	.info02_content01 .history_area .right .history::before { left: -5%; }
	.info02_content01 .history_area .right .history::after { left: calc(-5% - 7.5px); }	
	.info02_content01 .history_area .history p { font-size: 15px; }

	.info02_content02 .certificate_box li p { margin: 15px 0 25px; font-size: 4vw; font-weight: 400; text-align: center; letter-spacing: -0.05em; }
}
/* 회사소개 - 연혁 끝 */

/* 회사소개 - 오시는 길 시작 */
.info03_content { float: left; width: 100%; }
.info03_content .root_daum_roughmap { width: 100%; }
.info03_content .root_daum_roughmap .wrap_map { height: 550px !important; }

.info03_content_box { position: relative; float: left; width: 100%; top: -100px; padding: 50px; box-sizing: border-box; /* background: #fff; */ box-shadow: 0 5px 40px rgba(0,0,0,0.2); z-index: 999; }
.info03_content_box .left { float: left; width: 38%; height: 200px; border-right: 1px solid #d9d9d9; box-sizing: border-box; }
.info03_content_box .left h2 { font-size: 40px; font-weight: 500; }
.info03_content_box .left p { margin-top: 10px; font-size: 22px; letter-spacing: -0.025em; }
.info03_content_box .right { position: relative; float: left; width: 62%; height: 200px; }
.info03_content_box .right p { position: absolute; top: 50%; left: 0; width: 100%; transform: translateY(-50%); padding-left: 50px; font-size: 22px; line-height: 2.3; }

@media screen and (max-width:1400px) {
	.info03_content_box .left { float: left; width: 38%; height: 200px; border-right: 1px solid #d9d9d9; box-sizing: border-box; }
	.info03_content_box .left h2 { font-size: 36px; font-weight: 500; }
	.info03_content_box .left p { margin-top: 10px; font-size: 18px; letter-spacing: -0.025em; }
	.info03_content_box .right { position: relative; float: left; width: 62%; height: 200px; }
	.info03_content_box .right p { position: absolute; top: 50%; left: 0; width: 100%; transform: translateY(-50%); padding-left: 50px; font-size: 18px; line-height: 2.3; }
}

@media screen and (max-width:1200px) {
	.info03_content_box { padding: 50px 20px; }
	.info03_content_box .left { width: 25%; }
	.info03_content_box .left .tbr { display: block; }
	.info03_content_box .right { width: 75%; }
	.info03_content_box .right p { padding-left: 20px; }
}

@media screen and (max-width:1024px) {
	.info03_content .root_daum_roughmap .wrap_map { height: 60vw !important; }

	.info03_content_box { padding: 30px 7%; }
	.info03_content_box .left { width: 100%; height: auto; border-right: 0; }
	.info03_content_box .left h2 { font-size: 36px; font-weight: 500; }
	.info03_content_box .left p { font-size: 20px; }
	.info03_content_box .right { width: 100%; height: auto; }
	.info03_content_box .right p { position: relative; top: 0; transform: translateY(0); margin-top: 30px; padding-left: 0; font-size: 20px; line-height: 2; }
}

@media screen and (max-width:600px) {
	.info03_content_box .left { position: relative; }
	.info03_content_box .left::after { position: absolute; bottom: -30px; left: 50%; width: 100%; height: 1px; transform: translateX(-50%); background: #d9d9d9; content: "";  }
	.info03_content_box .left h2 { font-size: 6vw; }
	.info03_content_box .left p { font-size: 4vw; }
	.info03_content_box .right p { margin-top: 30px; padding-top: 30px; font-size: 4vw; text-align: center; }
}
/* 회사소개 - 오시는 길 끝 */


/* 개발분야 시작 */
.develop_area01 { float: left; width: 100%; padding-bottom: 70px; text-align: center; }
.develop_area01 .develop_tit { margin-top: 80px; font-family: 'Aggro'; font-size: 40px; font-weight: 700; /* text-align: center; */ letter-spacing: -0.05em; }
.develop_area01 .develop_intro { margin-top: 40px; font-size: 22px; /* text-align: center; */ line-height: 1.5; }
.develop_area01 .develop_service { display: inline-block; height: 380px; margin-top: 80px; }
.develop_area01 .develop_service li { float: left; /* width: 320px; */ }
.develop_area01 .develop_service li:not(:last-child) { margin-right: 80px; }
.develop_area01 .develop_service li img { max-width: 45%; }
.develop_area01 .develop_service li h2 { margin-top: 50px; font-size: 22px; font-weight: bold; }
.develop_area01 .develop_service li p { margin-top: 20px; font-size: 22px; line-height: 1.5; }

.develop_area02 { float: left; width: 100%; padding: 65px 0; background: url('../images/develop_bg.png') no-repeat center center; background-size: cover; text-align: center; }
.develop_area02 .develop_benefit { display: inline-block; height: 620px; }
.develop_area02 .develop_benefit li { float: left; width: 24%; height: 300px; margin-bottom: 1.33%; padding: 50px 2% 0; box-sizing: border-box; background: #fff; text-align: left; }
.develop_area02 .develop_benefit li:not(:nth-child(4n + 4)) { margin-right: 1.33%; }
.develop_area02 .develop_benefit li img { max-width: 15%; }
.develop_area02 .develop_benefit li h2 { font-size: 22px; font-weight: bold; line-height: 3; }
.develop_area02 .develop_benefit li p { font-size: 20px; }
.develop_area02 .develop_benefit2 { display: inline-block; height: 620px; }
.develop_area02 .develop_benefit2 li { float: left; width: 32.44%; height: 300px; margin-bottom: 1.33%; padding: 50px 2% 0; box-sizing: border-box; background: #fff; text-align: left; }
.develop_area02 .develop_benefit2 li:not(:nth-child(3n + 3)) { margin-right: 1.33%; }
.develop_area02 .develop_benefit2 li img { max-width: 15%; }
.develop_area02 .develop_benefit2 li h2 { font-size: 22px; font-weight: bold; line-height: 3; }
.develop_area02 .develop_benefit2 li p { font-size: 20px; }

.develop_area03 { float: left; width: 100%; padding-bottom: 100px; }
.develop_area03 .develop_tit2 { margin-top: 100px; font-size: 36px; font-weight: bold; text-align: center; }
.develop_area03 .develop_slide_area { position: relative; margin-top: 60px; }
.develop_area03 .develop_slide_area .slick-arrow { position: absolute; top: 50%; transform: translateY(-50%); background: 0; }
.develop_area03 .develop_slide_area .slick-arrow.prev_btn { left: 0; }
.develop_area03 .develop_slide_area .slick-arrow.next_btn { right: 0; }
.develop_area03 .develop_slide_area #develop_slide { width: 90%; margin: 0 auto; }
.develop_area03 .develop_slide_area #develop_slide .slide { text-align: center; }
.develop_area03 .develop_slide_area #develop_slide .slide > div { display: inline-block; }
.develop_area03 .develop_slide_area #develop_slide .slide img {}
.develop_area03 .develop_slide_area #develop_slide .slide span { font-size: 14px; line-height: 3; }
.develop_area03 .develop_slide_area #develop_slide .slide h3 { font-size: 30px; font-weight: bold; line-height: 1; }

@media screen and (max-width:1380px) {
	/* .develop_area01 { float: left; width: 100%; padding-bottom: 70px; text-align: center; } */
	.develop_area01 .develop_tit { /* margin-top: 80px; */ /* font-family: 'Aggro'; */ font-size: 36px; /* font-weight: 700; */ /* text-align: center; */ /* letter-spacing: -0.05em; */ }
	.develop_area01 .develop_intro { /* margin-top: 40px; */ font-size: 18px; /* text-align: center; */ /* line-height: 1.5; */ }
	/* .develop_area01 .develop_service { display: inline-block; height: 380px; margin-top: 80px; } */
	/* .develop_area01 .develop_service li { float: left; width: 320px; } */
	/* .develop_area01 .develop_service li:not(:last-child) { margin-right: 80px; } */
	/* .develop_area01 .develop_service li img { max-width: 45%; } */
	.develop_area01 .develop_service li h2 { /* margin-top: 50px; */ font-size: 18px; /* font-weight: bold; */ }
	.develop_area01 .develop_service li p { /* margin-top: 20px; */ font-size: 18px; /* line-height: 1.5; */ }

	/* .develop_area02 { float: left; width: 100%; padding: 65px 0; background: url('../images/develop_bg.png') no-repeat center center; background-size: cover; text-align: center; } */
	/* .develop_area02 .develop_benefit { display: inline-block; height: 620px; } */
	/* .develop_area02 .develop_benefit li { float: left; width: 24%; height: 300px; margin-bottom: 1.33%; padding: 50px 2% 0; box-sizing: border-box; background: #fff; text-align: left; } */
	/* .develop_area02 .develop_benefit li:not(:nth-child(4n + 4)) { margin-right: 1.33%; } */
	/* .develop_area02 .develop_benefit li img { max-width: 15%; } */
	.develop_area02 .develop_benefit li h2 { font-size: 18px; /* font-weight: bold; */ /* line-height: 3; */ }
	.develop_area02 .develop_benefit li p { font-size: 16px; }
	/* .develop_area02 .develop_benefit2 { display: inline-block; height: 620px; } */
	/* .develop_area02 .develop_benefit2 li { float: left; width: 32.44%; height: 300px; margin-bottom: 1.33%; padding: 50px 2% 0; box-sizing: border-box; background: #fff; text-align: left; } */
	/* .develop_area02 .develop_benefit2 li:not(:nth-child(3n + 3)) { margin-right: 1.33%; } */
	/* .develop_area02 .develop_benefit2 li img { max-width: 15%; } */
	.develop_area02 .develop_benefit2 li h2 { font-size: 18px; /* font-weight: bold; */ /* line-height: 3; */ }
	.develop_area02 .develop_benefit2 li p { font-size: 16px; }

	/* .develop_area03 { float: left; width: 100%; padding-bottom: 100px; } */
	.develop_area03 .develop_tit2 { /* margin-top: 100px; */ font-size: 32px; /* font-weight: bold; */ /* text-align: center; */ }
	/* .develop_area03 .develop_slide_area { position: relative; margin-top: 60px; } */
	/* .develop_area03 .develop_slide_area .slick-arrow { position: absolute; top: 50%; transform: translateY(-50%); background: 0; } */
	/* .develop_area03 .develop_slide_area .slick-arrow.prev_btn { left: 0; } */
	/* .develop_area03 .develop_slide_area .slick-arrow.next_btn { right: 0; } */
	/* .develop_area03 .develop_slide_area #develop_slide { width: 90%; margin: 0 auto; } */
	/* .develop_area03 .develop_slide_area #develop_slide .slide {} */
	/* .develop_area03 .develop_slide_area #develop_slide .slide img {} */
	/* .develop_area03 .develop_slide_area #develop_slide .slide span { font-size: 14px; line-height: 3; } */
	.develop_area03 .develop_slide_area #develop_slide .slide h3 { font-size: 22px; /* font-weight: bold; */ /* line-height: 1; */ }
}

@media screen and (max-width:1100px) {
	/* .develop_area01 { float: left; width: 100%; padding-bottom: 70px; text-align: center; } */
	/* .develop_area01 .develop_tit { margin-top: 80px; font-family: 'Aggro'; font-size: 36px; font-weight: 700; text-align: center; letter-spacing: -0.05em; } */
	/* .develop_area01 .develop_intro { margin-top: 40px; font-size: 18px; text-align: center; line-height: 1.5; } */
	.develop_area01 .develop_service { /* display: inline-block; */ height: auto; /* margin-top: 80px; */ }
	.develop_area01 .develop_service li { clear: both; width: 100%; margin-bottom: 70px; }
	/* .develop_area01 .develop_service li:not(:last-child) { margin-right: 20px; } */
	/* .develop_area01 .develop_service li img { max-width: 45%; } */
	/* .develop_area01 .develop_service li h2 { margin-top: 50px; font-size: 18px; font-weight: bold; } */
	/* .develop_area01 .develop_service li p { margin-top: 20px; font-size: 18px; line-height: 1.5; } */

	/* .develop_area02 { float: left; width: 100%; padding: 65px 0; background: url('../images/develop_bg.png') no-repeat center center; background-size: cover; text-align: center; } */
	.develop_area02 .develop_benefit { /* display: inline-block; */ height: 1080px; }
	.develop_area02 .develop_benefit li { /* float: left; */ width: 49.33%; height: 260px; /* margin-bottom: 1.33%; */ /* padding: 50px 2% 0; */ /* box-sizing: border-box; */ /* background: #fff; */ /* text-align: left; */ }
	.develop_area02 .develop_benefit li:not(:nth-child(4n + 4)) { margin-right: 0; }
	.develop_area02 .develop_benefit li:nth-child(odd) { margin-right: 1.33%; }
	/* .develop_area02 .develop_benefit li img { max-width: 15%; } */
	/* .develop_area02 .develop_benefit li h2 { font-size: 18px; font-weight: bold; line-height: 3; } */
	/* .develop_area02 .develop_benefit li p { font-size: 16px; } */
	.develop_area02 .develop_benefit2 { /* display: inline-block; */ height: 810px; }
	.develop_area02 .develop_benefit2 li { /* float: left; */ width: 49.33%; height: 260px; /* margin-bottom: 1.33%; */ /* padding: 50px 2% 0; */ /* box-sizing: border-box; */ /* background: #fff; */ /* text-align: left; */ }
	.develop_area02 .develop_benefit2 li:not(:nth-child(3n + 3)) { margin-right: 0; }
	.develop_area02 .develop_benefit2 li:nth-child(odd) { margin-right: 1.33%; }
	/* .develop_area02 .develop_benefit2 li img { max-width: 15%; } */
	/* .develop_area02 .develop_benefit2 li h2 { font-size: 18px; font-weight: bold; line-height: 3; } */
	/* .develop_area02 .develop_benefit2 li p { font-size: 16px; } */

	/* .develop_area03 { float: left; width: 100%; padding-bottom: 100px; } */
	/* .develop_area03 .develop_tit2 { margin-top: 100px; font-size: 32px; font-weight: bold; text-align: center; } */
	/* .develop_area03 .develop_slide_area { position: relative; margin-top: 60px; } */
	/* .develop_area03 .develop_slide_area .slick-arrow { position: absolute; top: 50%; transform: translateY(-50%); background: 0; } */
	.develop_area03 .develop_slide_area .slick-arrow img { max-width: 80%; }
	/* .develop_area03 .develop_slide_area .slick-arrow.prev_btn { left: 0; } */
	/* .develop_area03 .develop_slide_area .slick-arrow.next_btn { right: 0; } */
	/* .develop_area03 .develop_slide_area #develop_slide { width: 90%; margin: 0 auto; } */
	/* .develop_area03 .develop_slide_area #develop_slide .slide {} */
	/* .develop_area03 .develop_slide_area #develop_slide .slide img {} */
	/* .develop_area03 .develop_slide_area #develop_slide .slide span { font-size: 14px; line-height: 3; } */
	/* .develop_area03 .develop_slide_area #develop_slide .slide h3 { font-size: 22px; font-weight: bold; line-height: 1; } */
}

@media screen and (max-width:850px) {
	/* .develop_area01 { float: left; width: 100%; padding-bottom: 70px; text-align: center; } */
	/* .develop_area01 .develop_tit { margin-top: 80px; font-family: 'Aggro'; font-size: 36px; font-weight: 700; text-align: center; letter-spacing: -0.05em; } */
	/* .develop_area01 .develop_intro { margin-top: 40px; font-size: 18px; text-align: center; line-height: 1.5; } */
	/* .develop_area01 .develop_service { display: inline-block; height: auto; margin-top: 80px; } */
	/* .develop_area01 .develop_service li { clear: both; width: 100%; margin-bottom: 70px; } */
	/* .develop_area01 .develop_service li:not(:last-child) { margin-right: 20px; } */
	/* .develop_area01 .develop_service li img { max-width: 45%; } */
	/* .develop_area01 .develop_service li h2 { margin-top: 50px; font-size: 18px; font-weight: bold; } */
	/* .develop_area01 .develop_service li p { margin-top: 20px; font-size: 18px; line-height: 1.5; } */

	.develop_area02 { /* float: left; */ /* width: 100%; */ /* padding: 65px 0; */ background: url('../images/m_develop_bg.png') no-repeat center center; background-size: cover; /* text-align: center; */ }
	/* .develop_area02 .develop_benefit { display: inline-block; height: 750px; } */
	/* .develop_area02 .develop_benefit li { float: left; width: 32.44%; height: 240px; margin-bottom: 1.33%; padding: 50px 2% 0; box-sizing: border-box; background: #fff; text-align: left; } */
	/* .develop_area02 .develop_benefit li:not(:nth-child(4n + 4)) { margin-right: 0; } */
	/* .develop_area02 .develop_benefit li:not(:nth-child(3n + 3)) { margin-right: 1.33%; } */
	/* .develop_area02 .develop_benefit li img { max-width: 15%; } */
	/* .develop_area02 .develop_benefit li h2 { font-size: 18px; font-weight: bold; line-height: 3; } */
	/* .develop_area02 .develop_benefit li p { font-size: 16px; } */
	/* .develop_area02 .develop_benefit2 { display: inline-block; height: 500px; } */
	/* .develop_area02 .develop_benefit2 li { float: left; width: 32.44%; height: 240px; margin-bottom: 1.33%; padding: 50px 2% 0; box-sizing: border-box; background: #fff; text-align: left; } */
	/* .develop_area02 .develop_benefit2 li:not(:nth-child(3n + 3)) { margin-right: 1.33%; } */
	/* .develop_area02 .develop_benefit2 li img { max-width: 15%; } */
	/* .develop_area02 .develop_benefit2 li h2 { font-size: 18px; font-weight: bold; line-height: 3; } */
	/* .develop_area02 .develop_benefit2 li p { font-size: 16px; } */

	/* .develop_area03 { float: left; width: 100%; padding-bottom: 100px; } */
	/* .develop_area03 .develop_tit2 { margin-top: 100px; font-size: 32px; font-weight: bold; text-align: center; } */
	/* .develop_area03 .develop_slide_area { position: relative; margin-top: 60px; } */
	/* .develop_area03 .develop_slide_area .slick-arrow { position: absolute; top: 50%; transform: translateY(-50%); background: 0; } */
	/* .develop_area03 .develop_slide_area .slick-arrow img { max-width: 80%; } */
	/* .develop_area03 .develop_slide_area .slick-arrow.prev_btn { left: 0; } */
	/* .develop_area03 .develop_slide_area .slick-arrow.next_btn { right: 0; } */
	/* .develop_area03 .develop_slide_area #develop_slide { width: 90%; margin: 0 auto; } */
	/* .develop_area03 .develop_slide_area #develop_slide .slide {} */
	.develop_area03 .develop_slide_area #develop_slide .slide img { max-width: 80%; margin: 0 auto; }
	/* .develop_area03 .develop_slide_area #develop_slide .slide span { font-size: 14px; line-height: 3; } */
	/* .develop_area03 .develop_slide_area #develop_slide .slide h3 { font-size: 22px; font-weight: bold; line-height: 1; } */
}

@media screen and (max-width:600px) {
	/* .develop_area01 { float: left; width: 100%; padding-bottom: 70px; text-align: center; } */
	.develop_area01 .develop_tit { /* margin-top: 80px; */ /* font-family: 'Aggro'; */ font-size: 7vw; /* font-weight: 700; */ /* text-align: center; */ /* letter-spacing: -0.05em; */ }
	.develop_area01 .develop_intro { /* margin-top: 40px; */ font-size: 4vw; /* text-align: center; */ /* line-height: 1.5; */ }
	/* .develop_area01 .develop_service { display: inline-block; height: auto; margin-top: 80px; } */
	/* .develop_area01 .develop_service li { clear: both; width: 100%; margin-bottom: 70px; } */
	/* .develop_area01 .develop_service li:not(:last-child) { margin-right: 20px; } */
	/* .develop_area01 .develop_service li img { max-width: 45%; } */
	.develop_area01 .develop_service li h2 { /* margin-top: 50px; */ font-size: 4vw; /* font-weight: bold; */ }
	.develop_area01 .develop_service li p { /* margin-top: 20px; */ font-size: 4vw; /* line-height: 1.5; */ }

	/* .develop_area02 { float: left; width: 100%; padding: 65px 0; background: url('../images/develop_bg.png') no-repeat center center; background-size: cover; text-align: center; } */
	.develop_area02 .develop_benefit, .develop_area02 .develop_benefit2 { /* display: inline-block; */ height: auto; }
	.develop_area02 .develop_benefit li, .develop_area02 .develop_benefit2 li { clear: both; width: 100%; height: 47vw; margin-bottom: 20px; padding: 7vw 5% 0; /* box-sizing: border-box; */ /* background: #fff; */ /* text-align: left; */ }
	/* .develop_area02 .develop_benefit li:not(:nth-child(4n + 4)) { margin-right: 0; } */
	.develop_area02 .develop_benefit li:not(:nth-child(3n + 3)) { margin-right: 0; }
	/* .develop_area02 .develop_benefit li img { max-width: 15%; } */
	.develop_area02 .develop_benefit li h2, .develop_area02 .develop_benefit2 li h2 { font-size: 4vw; /* font-weight: bold; */ /* line-height: 3; */ }
	.develop_area02 .develop_benefit li p, .develop_area02 .develop_benefit2 li p { font-size: 4vw; }
	/* .develop_area02 .develop_benefit2 { display: inline-block; height: 500px; } */
	/* .develop_area02 .develop_benefit2 li { float: left; width: 32.44%; height: 240px; margin-bottom: 1.33%; padding: 50px 2% 0; box-sizing: border-box; background: #fff; text-align: left; } */
	/* .develop_area02 .develop_benefit2 li:not(:nth-child(3n + 3)) { margin-right: 1.33%; } */
	/* .develop_area02 .develop_benefit2 li img { max-width: 15%; } */
	/* .develop_area02 .develop_benefit2 li h2 { font-size: 18px; font-weight: bold; line-height: 3; } */
	/* .develop_area02 .develop_benefit2 li p { font-size: 16px; } */

	/* .develop_area03 { float: left; width: 100%; padding-bottom: 100px; } */
	.develop_area03 .develop_tit2 { /* margin-top: 100px; */ font-size: 6vw; /* font-weight: bold; */ /* text-align: center; */ }
	/* .develop_area03 .develop_slide_area { position: relative; margin-top: 60px; } */
	/* .develop_area03 .develop_slide_area .slick-arrow { position: absolute; top: 50%; transform: translateY(-50%); background: 0; } */
	/* .develop_area03 .develop_slide_area .slick-arrow img { max-width: 80%; } */
	/* .develop_area03 .develop_slide_area .slick-arrow.prev_btn { left: 0; } */
	/* .develop_area03 .develop_slide_area .slick-arrow.next_btn { right: 0; } */
	/* .develop_area03 .develop_slide_area #develop_slide { width: 90%; margin: 0 auto; } */
	/* .develop_area03 .develop_slide_area #develop_slide .slide {} */
	.develop_area03 .develop_slide_area #develop_slide .slide img { max-width: 70%; margin: 0 auto; }
	/* .develop_area03 .develop_slide_area #develop_slide .slide span { font-size: 14px; line-height: 3; } */
	.develop_area03 .develop_slide_area #develop_slide .slide h3 { font-size: 4vw; /* font-weight: bold; */ /* line-height: 1; */ }
}
/* 개발분야 끝 */


/* 포트폴리오 시작 */
.section_wrap03 { float: left; width: 100%; position: relative; overflow: hidden; }
.section_wrap05 { position: relative; float: left; width: 100%; padding-bottom: 150px; }

.title03_1 { font-size: 6vh; font-weight: 700; margin: 14vh 0 3vh; }

.project02_left2 { width: 30%; float: left; display: inline-block; position: relative; top: 100px; }
.project02_center2 { width: 30%; display: inline-block; margin-left: 5%; position: relative; top: -5px; float: left; }
.project02_right2 { width: 30%; display: inline-block; margin-left: 5%; position: relative; top: -95px; float: left; }

.project_list li { width: 100%; margin-bottom: 7vh; }
.project_list li img { width: 100%; }
.project_list li .project02_img { width: 100%; height: 23vw; background-size: 100%; background-position: center; transition: 0.3s; position: relative; }
.project_list li:hover .project02_img { background-size: 105%; }
.project_list li .project02_img .project02_imgbg { background-color: rgba(0,0,0,0.5); width: 100%; height: 100%; position: absolute; top: 0; opacity: 0; transition: 0.2s; }
.project_list li .project02_img .project02_imgbg h1 { color: #fff; font-size: 3vh; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.project_list li:hover .project02_img .project02_imgbg { opacity: 1; }
.project_list li .project02_title { width: 100%; }
.project_list li .project02_title p { font-size: 2.4vh; font-weight: 300; line-height: 0; margin: 3vh 0 2vh; }
.project_list li .project02_title h1 { font-size: 3vh; font-weight: 700; }

@media screen and (max-width: 750px){
	.title03_1{ font-size: 8vw; line-height: 12vw; margin: 18.6vw 0 4vw; font-weight: 700; }

	.project02_left2 { width: 100%; }
	.project02_center2 { width: 100%; margin-left: 0; top: 0; }
	.project02_right2 { width: 100%; margin-left: 0; top: 0; }

	.project_list li .project02_img { height: 85vw; }
	.project_list li .project02_title p { font-size: 2vh; margin: 3vh 0 2vh; }
	.project_list li .project02_title h1 { font-size: 4vw; }
}
/* 포트폴리오 끝 */

/* contact */
.title01 { font-size: 6vh; font-weight: 700; margin: 14vh 0 7vh; }

.contact_left { float: left; max-width: 55%; }
.contact_left ul li { font-size: 22px; line-height: 6vh; font-weight: 500; }

.contact_right { float: right; }

.contact01 { float: left; width: 100%; }
.contact01 .contact_right ul { width: 48.7vh; height: 42.4vh; position: relative; top: -80px; margin-left: 20px; }
.contact01 .contact_right ul li { width: 100%; margin-top: 15px; font-weight: 700; font-size: 3vh; line-height: 8vh; border-bottom: 1px solid #000; position: relative; }
.contact01 .contact_right ul li::after { content: ""; width: 24px; height: 24px; position: absolute; top: 50%; transform: translateY(-50%); right: 0; background: url('/2021/images/04_contact/check.png'); transition: 0.1s; }
.contact01 .contact_right ul li:hover::after { transform: translate(10px, -50%); }
.contact02 { float: left; width: 100%; background-color: #f5f5f5; padding-top: 0; padding-bottom: 0; }
.contact02 .contact_right { position: relative; top: -150px; width: 39.4vw; }
/* //contact */


@media screen and (max-width:750px){
/* contact */
	.title01 { font-size: 8vw; font-weight: 700; margin: 14vh 0 9.3vw; letter-spacing: -1px; }

	.contact_left { float: none; max-width: 100%; }
	.contact_left ul li { letter-spacing: -1px; font-weight: 500; }

	.contact_right { float: none; }

	.contact01 { width: 100%; }
	.contact01 .contact_right ul { width: 100%; height: 42.4vh; position: relative; top: 0; margin-left: 0; margin-top: 5vh; }

	.contact02 { width: 100%; background-color: #f5f5f5; padding-top: 0; padding-bottom: 0; }

	.contact02 .contact_right { position: relative; top: 0; margin: 3vh 0 10vh; width: 100%; }
}

/* 마케팅분야 시작 */
.marketing_banner { float: left; width: 100%; height: 304px; }
.marketing_banner.marketing01 { background: #000; }
.marketing_banner.marketing02 { background: linear-gradient(to top, #daa63a 0%, #df6134 25%, #e03756 50%, #dd3470 75%, #534b9d 100%); }
.marketing_banner.marketing03 { background: linear-gradient(to top, #1fa25f 0%, #61b257 100%); }
.marketing_banner.marketing04 { background: #e61f19; }
.marketing_banner.marketing05 { background: linear-gradient(to top, #5bc8f3 0%, #74c068 100%); }
.marketing_banner.marketing06 { background: #fcb413; }
.marketing_banner h2 { padding-top: 60px; font-size: 40px; font-weight: 700; text-align: center; }
.marketing_banner p { margin: 0; font-size: 22px; text-align: center; }

.marketing_contents { float: left; width: 100%; }
.marketing_contents img { max-width: 100%; }
.marketing_contents .marketing_logo { width: 200px; height: 200px; margin: 0 auto; transform: translateY(-50%); border-radius: 50%; box-shadow: 0 5px 30px rgba(0,0,0,0.2); background: #fff; text-align: center; }
.marketing_contents .marketing_logo { /* line-height: 200px; */ }
.marketing_contents .marketing_logo .google_logo { transform: translateX(7px); }

.marketing_contents .marketing_box { float: left; width: 100%; }
.marketing_contents h1.marketing_subtit { font-size: 40px; font-weight: 500; letter-spacing: -0.025em; }
.marketing_contents p.marketing_txt { margin: 10px 0; font-size: 22px; }
.marketing_contents h2.marketing_subtit2 { font-size: 26px; font-weight: 500; }

.plus_btn { margin: 50px 0; }
.marketing_contents ul.marketing_service2 { margin-top: 60px; }
.marketing_contents ul.marketing_service2 li { position: relative; float: left; width: 24%; height: 240px; margin-bottom: 1.33%; border: 1px solid #ddd; box-sizing: border-box; }
.marketing_contents ul.marketing_service2 li:not(:nth-child(4n + 4)) { margin-right: 1.33%; }
.marketing_contents ul.marketing_service2 li div { position: absolute; top: 50%; left: 50%; width: 100%; transform: translate(-50%, -50%); text-align: center; }
.marketing_contents ul.marketing_service2 li img { margin-bottom: 25px; }
.marketing_contents ul.marketing_service2 li p { font-size: 22px; font-weight: 500; }

.marketing_box03 p.marketing_txt { font-weight: 500; }

.marketing_contents .marketing_hashtag { display: inline-block; margin-top: 20px; }
.marketing_contents .marketing_hashtag li { padding: 0 13px 2px; border-radius: 10px; float: left; font-size: 22px; margin-right: 5px; }
.marketing_contents .marketing_hashtag.marketing01 li { background: #ce3d78; color: #fff; }
.marketing_contents .marketing_hashtag.marketing02 li { background: #3aa75d; color: #fff; }
.marketing_contents .marketing_hashtag.marketing03 li { background: #e61f19; color: #fff; }
.marketing_contents .marketing_hashtag.marketing04 li { background: #5fc8db; color: #fff; }

.marketing_contents .marketing_handimg { width: 485px; /* height: 485px; */ margin: 70px auto; border-radius: 50%; box-shadow: 0 0 40px rgba(0,0,0,0.2); }
.marketing_contents .marketing_handimg.marketing01 { background: url('../images/brand02_cont01.png') no-repeat center center; background-size: cover; }
.marketing_contents .marketing_handimg.marketing02 { background: url('../images/brand03_cont01.png') no-repeat center center; background-size: cover; }
.marketing_contents .marketing_handimg.marketing03 { background: url('../images/brand04_cont01.png') no-repeat center center; background-size: cover; }
.marketing_contents .marketing_handimg.marketing04 { background: url('../images/brand05_cont01.png') no-repeat center center; background-size: cover; }

.marketing_contents ul.marketing_service3 { margin-top: 60px; }
.marketing_contents ul.marketing_service3 li { position: relative; float: left; width: 24%; height: 240px; margin-bottom: 1.33%; border: 1px solid #ddd; box-sizing: border-box; }
.marketing_contents ul.marketing_service3 li:not(:nth-child(4n + 4)) { margin-right: 1.33%; }
.marketing_contents ul.marketing_service3 li div { position: absolute; top: 50%; left: 50%; width: 80%; transform: translate(-50%, -50%); }
.marketing_contents ul.marketing_service3 li h1 { position: relative; margin-bottom: 15px; padding-bottom: 15px; font-size: 22px; font-weight: 500; }
.marketing_contents ul.marketing_service3.marketing01 li h1::after { position: absolute; bottom: 0; left: 50%; width: 25px; height: 3px; background: #ce3d78; content: ""; }
.marketing_contents ul.marketing_service3.marketing02 li h1::after { position: absolute; bottom: 0; left: 50%; width: 25px; height: 3px; background: #3aa75d; content: ""; }
.marketing_contents ul.marketing_service3.marketing03 li h1::after { position: absolute; bottom: 0; left: 50%; width: 25px; height: 3px; background: #e61f19; content: ""; }
.marketing_contents ul.marketing_service3.marketing04 li h1::after { position: absolute; bottom: 0; left: 50%; width: 25px; height: 3px; background: #5fc8db; content: ""; }
.marketing_contents ul.marketing_service3 li p { font-size: 20px; line-height: 1.3; }

@media screen and (max-width:1024px){
	.marketing_banner { height: 350px; }

	.marketing_contents ul.marketing_service2 li { width: 49%; margin-bottom: 2%; }
	.marketing_contents ul.marketing_service2 li:not(:nth-child(4n + 4)) { margin-right: 0; }
	.marketing_contents ul.marketing_service2 li:not(:nth-child(2n + 2)) { margin-right: 2%; }

	.marketing_contents ul.marketing_service3 li { width: 49%; margin-bottom: 2%; }
	.marketing_contents ul.marketing_service3 li:not(:nth-child(4n + 4)) { margin-right: 0; }
	.marketing_contents ul.marketing_service3 li:not(:nth-child(2n + 2)) { margin-right: 2%; }
}

@media screen and (max-width:600px){
	.marketing_banner { /* float: left; */ /* width: 100%; */ height: 70vw; }
	/* .marketing_banner.marketing01 { background: #000; } */
	/* .marketing_banner.marketing02 { background: linear-gradient(to top, #daa63a 0%, #df6134 25%, #e03756 50%, #dd3470 75%, #534b9d 100%); } */
	/* .marketing_banner.marketing03 { background: linear-gradient(to top, #1fa25f 0%, #61b257 100%); } */
	/* .marketing_banner.marketing04 { background: #e61f19; } */
	/* .marketing_banner.marketing05 { background: linear-gradient(to top, #5bc8f3 0%, #74c068 100%); } */
	/* .marketing_banner.marketing06 { background: #fcb413; } */
	.marketing_banner h2 { /* padding-top: 60px; */ font-size: 8vw; /* font-weight: 700; */ /* text-align: center; */ }
	.marketing_banner p { /* margin: 0; */ font-size: 4vw; /* text-align: center; */ }

	/* .marketing_contents { float: left; width: 100%; } */
	.marketing_contents .marketing_logo { width: 40%; /* height: 200px; */ /* margin: 0 auto; */ /* transform: translateY(-50%); */ /* border-radius: 50%; */ /* box-shadow: 0 5px 30px rgba(0,0,0,0.2); */ /* background: #fff; */ /* text-align: center; */ }
	/* .marketing_contents .marketing_logo { line-height: 200px; } */
	.marketing_contents .marketing_logo img { max-width: 50%; }
	.marketing_contents .marketing_logo .google_logo { transform: translateX(7px); }

	/* .marketing_contents .marketing_box { float: left; width: 100%; } */
	.marketing_contents h1.marketing_subtit { font-size: 7vw; /* font-weight: 500; */ /* letter-spacing: -0.025em; */ }
	.marketing_contents p.marketing_txt { /* margin: 10px 0; */ font-size: 4vw; }
	.marketing_contents h2.marketing_subtit2 { font-size: 4.5vw; /* font-weight: 500; */ }

	/* .plus_btn { margin: 50px 0; } */
	.marketing_contents ul.marketing_service2 { margin-top: 60px; }
	.marketing_contents ul.marketing_service2 li { /* position: relative; */ /* float: left; */ width: 100%; height: 200px; margin-bottom: 15px; /* border: 1px solid #ddd; */ /* box-sizing: border-box; */ }
	.marketing_contents ul.marketing_service2 li:not(:nth-child(4n + 4)) { margin-right: 0; }
	/* .marketing_contents ul.marketing_service2 li div { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } */
	/* .marketing_contents ul.marketing_service2 li img { margin-bottom: 25px; } */
	.marketing_contents ul.marketing_service2 li p { font-size: 4.5vw; /* font-weight: 500; */ }

	/* .marketing_box03 p.marketing_txt { font-weight: 500; } */

	/* .marketing_contents .marketing_hashtag { display: inline-block; margin-top: 20px; } */
	.marketing_contents .marketing_hashtag li { padding: 3px 13px; border-radius: 8px; /* float: left; */ font-size: 4vw; /* margin-right: 5px; */ }
	.marketing_contents .marketing_hashtag.marketing01 li { background: #ce3d78; color: #fff; }
	.marketing_contents .marketing_hashtag.marketing02 li { background: #3aa75d; color: #fff; }
	.marketing_contents .marketing_hashtag.marketing03 li { background: #e61f19; color: #fff; }
	.marketing_contents .marketing_hashtag.marketing04 li { background: #5fc8db; color: #fff; }

	.marketing_contents .marketing_handimg { width: 90%; /* height: 485px; */ /* margin: 70px auto; */ /* border-radius: 50%; */ /* box-shadow: 0 0 40px rgba(0,0,0,0.2); */ }
	/* .marketing_contents .marketing_handimg.marketing01 { background: url('../images/brand02_cont01.png') no-repeat center center; background-size: cover; } */
	/* .marketing_contents .marketing_handimg.marketing02 { background: url('../images/brand03_cont01.png') no-repeat center center; background-size: cover; } */
	/* .marketing_contents .marketing_handimg.marketing03 { background: url('../images/brand04_cont01.png') no-repeat center center; background-size: cover; } */
	/* .marketing_contents .marketing_handimg.marketing04 { background: url('../images/brand05_cont01.png') no-repeat center center; background-size: cover; } */

	/* .marketing_contents ul.marketing_service3 { margin-top: 60px; } */
	.marketing_contents ul.marketing_service3 li { position: relative; float: left; width: 100%; height: 200px; margin-bottom: 15px; border: 1px solid #ddd; box-sizing: border-box; }
	.marketing_contents ul.marketing_service3 li:not(:nth-child(4n + 4)) { margin-right: 0; }
	.marketing_contents ul.marketing_service3 li div { position: absolute; top: 50%; left: 50%; width: 80%; transform: translate(-50%, -50%); }
	.marketing_contents ul.marketing_service3 li h1 { position: relative; margin-bottom: 15px; padding-bottom: 15px; font-size: 4.5vw; font-weight: 500; }
	.marketing_contents ul.marketing_service3.marketing01 li h1::after { position: absolute; bottom: 0; left: 50%; width: 25px; height: 3px; background: #ce3d78; content: ""; }
	.marketing_contents ul.marketing_service3.marketing02 li h1::after { position: absolute; bottom: 0; left: 50%; width: 25px; height: 3px; background: #3aa75d; content: ""; }
	.marketing_contents ul.marketing_service3.marketing03 li h1::after { position: absolute; bottom: 0; left: 50%; width: 25px; height: 3px; background: #e61f19; content: ""; }
	.marketing_contents ul.marketing_service3.marketing04 li h1::after { position: absolute; bottom: 0; left: 50%; width: 25px; height: 3px; background: #5fc8db; content: ""; }
	.marketing_contents ul.marketing_service3 li p { font-size: 4vw; line-height: 1.3; }
}
/* 마케팅분야 끝 */

/* 마우스 클릭 효과 시작 */

/* 마우스 클릭 효과 끝 */