@charset "utf-8";

/* 메인 슬라이드 시작 */
#mainVisual_area { position: relative; /* background: #ddd; */ text-align: center; }

#mainVisual_area #main_slide { height: 970px; }

#mainVisual_area #main_slide div { position: relative; height: 100%; }
#mainVisual_area #main_slide div.slide_1 { background: url('../images/main_slide_bg01.png') no-repeat center center; background-size: cover; }
#mainVisual_area #main_slide div.slide_2 { background: url('../images/main_slide_bg02.png') no-repeat center center; background-size: cover; }
#mainVisual_area #main_slide div .slide_txt { position: absolute; top: 50%; width: 100%; height: auto; transform: translateY(-50%); text-align: center; }
#mainVisual_area #main_slide div .slide_txt img { margin: 0 auto; }
#mainVisual_area #main_slide div .slide_txt h2.main_slide_stitle { margin-top: 60px; font-size: 40px; font-weight: 500; color: #fcb413; }
#mainVisual_area #main_slide div .slide_txt h1.main_slide_title { margin-top: 10px; font-size: 80px; font-weight: 500; color: #fff; }
#mainVisual_area #main_slide div .slide_txt p.main_slide_txt { margin-top: 30px; font-size: 20px; font-weight: 200; color: rgba(255,255,255,0.8); }

@media screen and (max-width:1024px) {
	#mainVisual_area #main_slide div .slide_txt h2.main_slide_stitle { font-size: 4vw; }
	#mainVisual_area #main_slide div .slide_txt h1.main_slide_title { font-size: 8vw; }
	#mainVisual_area #main_slide div .slide_txt p.main_slide_txt { font-size: 2vw; }
}

@media screen and (max-width:600px) {
	#mainVisual_area #main_slide { height: 190vw; }

	#mainVisual_area #main_slide div.slide_1 { background: url('../images/m_main_slide_bg01.png') no-repeat center center; background-size: cover; }
	#mainVisual_area #main_slide div.slide_2 { background: url('../images/m_main_slide_bg02.png') no-repeat center center; background-size: cover; }
	#mainVisual_area #main_slide div .slide_txt h2.main_slide_stitle { font-size: 7vw; }
	#mainVisual_area #main_slide div .slide_txt h1.main_slide_title { font-size: 14vw; }
	#mainVisual_area #main_slide div .slide_txt p.main_slide_txt { font-size: 3.8vw; line-height: 1.4; }
}
/* 메인 슬라이드 끝 */

/* 메인 컨텐츠 공통 시작 */
.main_title { padding: 90px 0 70px; font-size: 36px; text-align: center; letter-spacing: -0.025em; }

@media screen and (max-width:1024px) {
	.main_title { padding: 75px 0 45px; font-size: 4vw; }
}

@media screen and (max-width:600px) {
	.main_title { font-size: 6vw; }
}
/* 메인 컨텐츠 공통 끝 */

/* 메인 소개 컨텐츠 시작 */
#mainInfo_area { height: 890px; background: #f6f6f6; }
#mainInfo_area .main_info_box {}
#mainInfo_area .main_info_box td { width: 50%; height: 250px; padding: 35px 45px; box-sizing: border-box; vertical-align: top; }
#mainInfo_area .main_info_box td .main_info_title { font-size: 30px; letter-spacing: -0.025em; }
#mainInfo_area .main_info_box td .main_info_txt { margin: 20px 0; font-size: 18px; }
#mainInfo_area .main_info_box td input[type="image"] { margin-top: 35px; border-radius: 0; }

@media screen and (max-width:1024px) {
	#mainInfo_area { height: 190vw; }
	#mainInfo_area .main_info_box, #mainInfo_area .main_info_box tbody, 
	#mainInfo_area .main_info_box tr, #mainInfo_area .main_info_box td { display: block; width: 100%; }
	#mainInfo_area .main_info_box tr:first-child td:first-child { height: 65vw;  }
	#mainInfo_area .main_info_box td { height: 40vw; padding: 10vw 5%; }
	#mainInfo_area .main_info_box td .main_info_title { font-size: 4vw; }
	#mainInfo_area .main_info_box td .main_info_txt { font-size: 2.4vw; }
}

@media screen and (max-width:600px) {
	#mainInfo_area { height: 220vw; }
	#mainInfo_area .main_info_box tr:first-child td:first-child { height: 75vw;  }
	#mainInfo_area .main_info_box td .main_info_title { font-size: 6vw; }
	#mainInfo_area .main_info_box td .main_info_txt { margin: 5vw 0; font-size: 3.6vw; }
	#mainInfo_area .main_info_box td input[type="image"] { max-width: 50%; margin-top: 3vw; }
}
/* 메인 소개 컨텐츠 끝 */

/* 메인 서비스분야 시작 */
#mainService_area { height: 700px; background: url('../images/main_bg03.png') no-repeat center center; background-size: cover; }
#mainService_area .main_service_box { height: 300px; }
#mainService_area .main_service_box li { position: relative; float: left; width: 18.8%; height: inherit; margin-right: 1.5%; padding: 40px 20px; box-sizing: border-box; background: rgba(0,0,0,0.4); /* cursor: pointer; */ }
#mainService_area .main_service_box li:last-child { margin-right: 0; letter-spacing: -0.025em; }
#mainService_area .main_service_box li img { position: absolute; top: 35px; right: 20px; }
#mainService_area .main_service_box li .num_txt { font-size: 14px; font-weight: 500; }
#mainService_area .main_service_box li .main_service_title { margin: 30px 0 15px; font-size: 30px; font-weight: bold; }
#mainService_area .main_service_box li .main_service_txt { font-size: 18px; line-height: 1.4; color: rgba(255,255,255,0.8); }

@media screen and (max-width:1280px) {
	#mainService_area { height: 1000px; }
	#mainService_area .main_service_box { height: 610px; }
	#mainService_area .main_service_box li { height: 300px; }
	#mainService_area .main_service_box li:nth-child(1), #mainService_area .main_service_box li:nth-child(2),
	#mainService_area .main_service_box li:nth-child(3) { width: 32.25%; margin-bottom: 1.5%; }
	#mainService_area .main_service_box li:nth-child(4), #mainService_area .main_service_box li:nth-child(5) { width: 49.25%; margin-bottom: 10px; }
	#mainService_area .main_service_box li:nth-child(3) { margin-right: 0; }
}

@media screen and (max-width:1024px) {
	#mainService_area { height: 120vw; }
	#mainService_area .main_service_box li { height: 40vw; }
	#mainService_area .main_service_box li .main_service_title { font-size: 4vw; }
	#mainService_area .main_service_box li .main_service_txt { font-size: 2.4vw; }
}

@media screen and (max-width:600px) {
	#mainService_area { height: 340vw; background: url('../images/m_main_bg03.png') no-repeat center center; background-size: cover; }
	#mainService_area .main_service_box { height: auto; }
	#mainService_area .main_service_box li { clear: both; width: 100% !important; height: 50vw; margin-right: 0; margin-bottom: 10px; padding: 7vw 5%; }
	#mainService_area .main_service_box li img { top: 7vw; right: 5%; max-width: 10%; }
	#mainService_area .main_service_box li .num_txt { font-size: 3vw; }
	#mainService_area .main_service_box li .main_service_title { margin: 7vw 0 3vw; font-size: 6vw; }
	#mainService_area .main_service_box li .main_service_txt { font-size: 3.6vw; }
}
/* 메인 서비스분야 끝 */

/* 메인 포트폴리오 시작 */
#mainPortfolio_area { height: 700px; }
#mainPortfolio_area .main_portfolio_box { position: relative; }
#mainPortfolio_area .main_portfolio_box #main_portfolio { width: 90%; max-width: 1260px; margin: 0 auto; }
#mainPortfolio_area .main_portfolio_box #main_portfolio .slide { padding: 0 10px; }
#mainPortfolio_area .main_portfolio_box #main_portfolio .slide img {}
#mainPortfolio_area .main_portfolio_box #main_portfolio .slide .num_txt { display: inline-block; margin: 10px 0 5px; font-size: 14px; }
#mainPortfolio_area .main_portfolio_box #main_portfolio .slide .main_portfolio_title { font-size: 30px; font-weight: bold; line-height: 1; }
#mainPortfolio_area .main_portfolio_box .slick-arrow { position: absolute; top: 119px; background: #fff; }
#mainPortfolio_area .main_portfolio_box .slick-arrow.prev_btn { left: 0; }
#mainPortfolio_area .main_portfolio_box .slick-arrow.next_btn { right: 0; }

@media screen and (max-width:1570px) {
	#mainPortfolio_area { height: 600px; }
	#mainPortfolio_area .main_portfolio_box #main_portfolio { width: 87%; }
	#mainPortfolio_area .main_portfolio_box #main_portfolio .slide .main_portfolio_title { font-size: 24px; }
	#mainPortfolio_area .main_portfolio_box .slick-arrow { top: 6vw; }
}

@media screen and (max-width:1024px) {
	#mainPortfolio_area .main_portfolio_box #main_portfolio { width: 80%; }
	#mainPortfolio_area .main_portfolio_box .slick-arrow { top: 12vw; }
}

@media screen and (max-width:600px) {
	#mainPortfolio_area { height: 140vw; }
	#mainPortfolio_area .main_portfolio_box #main_portfolio { width: 68%; }
	#mainPortfolio_area .main_portfolio_box #main_portfolio .slide { padding: 0; }
	#mainPortfolio_area .main_portfolio_box #main_portfolio .slide .num_txt { margin: 2vw 0 1vw; font-size: 3vw; }
	#mainPortfolio_area .main_portfolio_box #main_portfolio .slide .main_portfolio_title { font-size: 6vw; }
	#mainPortfolio_area .main_portfolio_box .slick-arrow { top: 23vw; max-width: 50px; }
	#mainPortfolio_area .main_portfolio_box .slick-arrow img { max-width: 100%; }
}
/* 메인 포트폴리오 끝 */

/* 메인 커뮤니티 시작 */
#mainCommunity_area { height: 890px; background: url('../images/main_bg04.png') no-repeat center center; background-size: cover; }
#mainCommunity_area .main_community_box { width: 100%; }
#mainCommunity_area .main_community_box td { position: relative; width: 33.33%; height: 250px; padding: 30px; box-sizing: border-box; vertical-align: top; background: rgba(0,0,0,0.5); border: 1px solid rgba(255,255,255,0.5); letter-spacing: -0.025em; transition: .3s; }
#mainCommunity_area .main_community_box td.cs-pointer:hover { background: rgba(255,255,255,0.1); }
#mainCommunity_area .main_community_box td .main_map_box { width: 100%; height: calc(100% - 65px); margin-top: 20px; }
#mainCommunity_area .main_community_box td .main_map_box .root_daum_roughmap { width:100% !important; }
#mainCommunity_area .main_community_box td .main_map_box .root_daum_roughmap .wrap_map { height:342px !important; }
#mainCommunity_area .main_community_box td .main_community_title { position: relative; font-size: 30px; font-weight: bold; }
#mainCommunity_area .main_community_box td .main_community_title input[type="image"] { position: absolute; top: 50%; right: 0; transform: translateY(-50%); transition: .2s; }
#mainCommunity_area .main_community_box td .main_community_title input[type="image"]:hover { right: -5px; }
#mainCommunity_area .main_community_box td .main_community_txt { font-size: 18px; color: rgba(255,255,255,0.8); margin-top: 20px; }
#mainCommunity_area .main_community_box td .community_icon { position: absolute; bottom: 30px; right: 30px; }
#mainCommunity_area .main_community_box td .tel_number { position: absolute; bottom: 30px; font-size: 30px; font-weight: bold; }

@media screen and (max-width:1470px) {
	#mainCommunity_area .main_community_box td .tel_number { font-size: 26px; }
}

@media screen and (max-width:1360px) {
	#mainCommunity_area .main_community_box td .tel_number { font-size: 22px; }
}

@media screen and (max-width:1280px) {
	#mainCommunity_area { height: 120vw; }
	#mainCommunity_area .main_community_box, #mainCommunity_area .main_community_box tbody, 
	#mainCommunity_area .main_community_box tr, #mainCommunity_area .main_community_box td { display: block; width: 100%; }
	#mainCommunity_area .main_community_box td { float: left; width: 50%; }
	#mainCommunity_area .main_community_box tr:first-child td:first-child { width: 100%; height: 45vw; }
	#mainCommunity_area .main_community_box td .main_map_box .root_daum_roughmap .wrap_map { height:30vw !important; }
}

@media screen and (max-width:1024px) {
	#mainCommunity_area { height: 150vw; background: url('../images/m_main_bg04.png') no-repeat center center; background-size: cover; }
	#mainCommunity_area .main_community_box tr:first-child td:first-child { height: 52vw; }
	#mainCommunity_area .main_community_box td .community_icon { max-width: 11%; }
}

@media screen and (max-width:600px) {
	#mainCommunity_area { height: 350vw; }
	#mainCommunity_area .main_community_box, #mainCommunity_area .main_community_box tbody, 
	#mainCommunity_area .main_community_box tr, #mainCommunity_area .main_community_box td { display: block; width: 100%; }
	#mainCommunity_area .main_community_box tr:first-child td:first-child { height: 110vw; border-top: 1px solid rgba(255,255,255,0.5); }
	#mainCommunity_area .main_community_box td { height: 47vw; padding: 7vw 5%; border-top: 0; }
	#mainCommunity_area .main_community_box td .main_map_box .root_daum_roughmap .wrap_map { height:70vw !important; }
	#mainCommunity_area .main_community_box td .main_community_title { font-size: 6vw; }
	#mainCommunity_area .main_community_box td .main_community_txt { font-size: 3.6vw; margin-top: 3vw; }
	#mainCommunity_area .main_community_box td .community_icon { bottom: 7vw; right: 5%; }
	#mainCommunity_area .main_community_box td .tel_number { bottom: 7vw; font-size: 6vw; }
}
/* 메인 커뮤니티 끝 */


/* 퀵메뉴 시작 */
#quick_area { position: fixed; top: 50%; right: 0; transform: translateY(-50%); z-index: 999999; }
#quick_area .quick_box { width: 90px; height: 645px; padding: 15px 5px; box-sizing: border-box; background: #1e1c1a; border-radius: 90px; transition: .2s; }
#quick_area .quick_box li { border-bottom: 1px solid rgba(255,255,255,0.5); text-align: center; line-height: 90px; }
#quick_area .quick_box li:last-child { border-bottom: none; line-height: 80px; }
#quick_area .quick_box li .top_btn { width: 50px; height: 50px; background: #fcb413; border-radius: 50%; font-size: 14px; font-weight: bold; }

#quick_area .show_btn { display: none; position: absolute; top: 50%; left: -30px; width: 50px; height: 50px; transform: translateY(-50%); border-radius: 10px 0 0 10px; background: #1e1c1a; /* text-align: center; */ line-height: 50px; }
#quick_area .show_btn img { width: 15px; margin-left: 7px; }

@media screen and (max-width:1280px) {
	#quick_area .quick_box { width: 70px; height: 525px; border-radius: 70px; }
	#quick_area .quick_box li { line-height: 70px; }
	#quick_area .quick_box li input[type="image"] { max-width: 100%; }
}
/* 퀵메뉴 끝 */


/* 2023-03-03 추가 */
.cov_emblem { position: absolute; top: 25px; right: 0; font-size: 18px; font-weight: 500; }

@media screen and (max-width:1480px) {
	.cov_emblem { font-size: 16px; }
}

@media screen and (max-width:1280px) {
	.cov_emblem { display: none; }
}