@charset "utf-8";







/* 1024px ~ ----------- */

/* 상단 비주얼 */
.top_visual_area{height:445px; margin-bottom:90px; overflow:hidden; position:relative;}

.main_video_area{margin-top:-15%;}
.main_video_area video{width:100%;}

.top_visual_slide{position:absolute; left:0; right:0; top:0; bottom:0; z-index:2;}

.visual_img img{width:100%; height:100%; margin:0 auto; object-fit:cover;}

.visual_text{position:absolute; left:0; right:0; top:0; z-index:2;}

.main_top_visual .visual_text{margin-top:120px; text-align:center; position:static;}

.title_visual_main{max-width:984px; margin:0 auto; font-size:80px; color:#fff; line-height:74px; font-weight:normal; letter-spacing:0.06em;}

.descript_visual{margin-top:20px; font-size:24px; color:#053c89; font-weight:500;}


/* 소프트웨어 */
.software_area{margin-bottom:130px;}

.main_title_area{padding-bottom:15px; margin-bottom:65px; border-bottom:6px solid #144ea0;}

.title_main_area{font-size:60px; color:#2c2c2c; line-height:52px; font-weight:normal; letter-spacing:0.08em; text-transform:uppercase;}
.descript_main_area{margin-top:10px; font-size:20px; color:#2c2c2c; font-weight:500;}

.site_slide{margin:0 -6px;}

.site_area{margin:0 auto; padding:0 5px;}
.site_area:first-child{padding-left:0;}
.site_area a{display:block; width:100%; max-width:318px; margin:0 auto; position:relative;}
.site_area a img{display:block; width:100%;}

.title_site{margin-top:14px; font-size:15px; color:#144ea0; font-weight:700; text-transform:uppercase;}
.text_site{margin-top:5px; font-size:16px; color:#141414;}

.site_address{display:none;}
.site_area a:hover .site_address{display:block; height:249px; background-color:rgba(20,78,160,0.8); 
  font-size:45px; color:#fff; line-height:249px; text-align:center; letter-spacing:0.04em;
  position:absolute; left:0; top:0; right:0;
}


/* 솔루션 */
.product_area{margin-bottom:155px;}

.main_title_area2{padding-bottom:29px; margin-bottom:50px; position:relative;}

.product_link{}
.product_link a{display:block; width:220px; margin:0 33px;}

.product_icon{height:221px; padding-top:59px; margin-bottom:15px; background-color:#efefef; border-radius:5px;
  text-align:center;
}
.product_icon img{margin:0 auto;}

.product_text{font-size:14px; color:#141414; line-height:30px; font-weight:700;}
.product_text strong{display:block; font-size:18px;}

.slick-arrow{width:62px; height:62px; background-color:rgba(255,255,255,0.6); background-position:center center; background-repeat:no-repeat;
  border-radius:100%;
  text-indent:-9999px; position:absolute; top:83px; z-index:3;
}
.slick-prev{left:0;}
.slick-next{right:0;}

.product_slide .slick-prev{background-image:url("../images/main/b_arrow_prev.png");}
.product_slide .slick-next{background-image:url("../images/main/b_arrow_next.png");}

.slick-dots{width:984px; margin-left:-492px; position:absolute; left:50%; top:-59px;}
.slick-dots li{display:inline-block; margin-right:10px;}
.slick-dots li button{width:40px; height:6px; background-color:#e8e8e8; text-indent:-9999px;}

.product_area .slick-dots .slick-active button{background-color:#144ea0;}


/* 우리의 강점 */
.strength_area{margin-bottom:215px; text-align:center;}
.strength_area .main_title_area2:after{content:""; display:inline-block; width:40px; height:6px; margin-left:-20px; background-color:#144ea0;
  position:absolute; left:50%; bottom:0;
}

.strength_text1{font-size:25px; color:#2e2e2e; line-height:40px; font-weight:700; letter-spacing:0.1em;}
.strength_text1 strong{color:#144ea0;}

.strength_text2{margin-top:40px; font-size:16px; color:#2e2e2e; line-height:30px; font-weight:500; letter-spacing:0.06em;}


/* 인테리어 */
.interior_area{margin-bottom:155px;}
.interior_area .main_title_area{border-bottom-color:#c1121a;}

.link_banner{float:left; width:32.31%;}
.link_banner a{display:block;}
.link_banner a img{width:100%;}

.title_link_banner{margin-top:10px; font-size:14px; color:#c1121a; font-weight:700; letter-spacing:0.08em;}
.text_link_banner{margin-top:7px; font-size:16px; color:#2e2e2e;}

.main_news_area{float:right; width:65.04%;}

.title_news{width:140px; height:53px; padding-left:16px; background-color:#c1121a; 
  font-size:25px; color:#fefefe; font-weight:400; line-height:53px; letter-spacing:0.1em;
}

.main_news_list{margin-top:13px;}
.main_news_list li{padding-left:29px; padding-right:138px; border-bottom:1px solid #f6f6f6; position:relative;}
.main_news_list li a{display:block; font-size:16px; color:#bd1f25; font-weight:700; line-height:61px;
  overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
.main_news_list li span{font-size:16px; color:#141414; line-height:61px; text-align:right; position:absolute; right:0; top:0;}

.product_area.interior .main_title_area2{padding-bottom:60px;}
.product_area.interior .main_title_area2:after{background-color:#bd1f25;}

.interior_thumb{margin-bottom:15px;}
.interior_thumb img{border-radius:5px;}

.product_text span{display:block; font-size:16px; font-weight:400;}

.product_area.interior .product_slide .slick-prev{background-image:url("../images/main/r_arrow_prev.png");}
.product_area.interior .product_slide .slick-next{background-image:url("../images/main/r_arrow_next.png");}

.strength_area.interior .main_title_area2:after{background-color:#bd1f25;}
.strength_area.interior .strength_text1 strong{color:#bd1f25;}

.product_area.interior .slick-dots .slick-active button{background-color:#c1121a;}


/* 웰니스타 */
.wellness_area{margin-bottom:140px;}
.wellness_area .main_title_area{border-bottom-color:#70b6bc;}
.wellness_area .title_link_banner{color:#70b6bc;}
.wellness_area .title_news{background-color:#70b6bc;}
.wellness_area .main_news_list li a{color:#70b6bc;}

.product_area.wellness .main_title_area2:after{background-color:#70b6bc;}
.product_area.wellness .title_main_area{font-size:50px; font-weight:900;}
.product_area.wellness .descript_main_area{margin-top:15px; font-weight:400;}

.product_area.wellness .product_slide .slick-prev{background-image:url("../images/main/m_arrow_prev.png");}
.product_area.wellness .product_slide .slick-next{background-image:url("../images/main/m_arrow_next.png");}

.strength_area.wellness .main_title_area2:after{background-color:#70b6bc;}
.strength_area.wellness .strength_text1 strong{color:#70b6bc;}

.strength_text2 .wellness{color:#70b6bc; font-weight:700; text-transform:uppercase;}

.product_area.wellness .slick-dots .slick-active button{background-color:#70b6bc;}


/* 함께 */
.together_list{margin-bottom:220px;}
.together_list li{float:left; width:50%; padding-left:78px;}
.together_list strong{font-size:20px; color:#141414; text-transform:uppercase; letter-spacing:0.25em;}

.title_together{margin-top:15px; font-size:24px; color:#000; font-weight:700;}
.text_together{margin-top:20px; font-size:16px; color:#4e4e4e; line-height:28px;}

.link_together{margin-top:40px;}
.link_together a{display:block; width:260px; height:50px; background-color:#144ea0; border-radius:5px;
  font-size:14px; color:#fff; line-height:50px; font-weight:700; text-align:center; letter-spacing:0.2em; text-transform:uppercase;
}

.link_together_job{margin-top:42px;}


/* 지도 */
.map_layout_area{margin-bottom:24px;}

.map_title_area{padding-bottom:30px; position:relative;}
.map_title_area:after{content:""; display:inline-block; width:40px; height:6px; background-color:#144ea0;
  position:absolute; left:0; bottom:0;
}
.map_title_area .title_main_area{font-size:50px; font-weight:900;}
.map_title_area .descript_main_area{margin-top:15px;}

.map_area{height:564px; margin-top:42px; border:4px solid #aaa;}


.product_area.no_dots{margin-bottom:0;}
.product_area.no_dots .slick-dots{display:none !important;}




/* ~ 1024px ----------- */
@media only screen 
and (max-width : 1024px)
{
	/* 상단 비주얼 */
	.main_video_area{margin-top:0;}
	.main_video_area video{width:auto; height:100%;}
	
	
	/* 우리의 강점 */
	.strength_area{text-align:left;}
	.strength_area .main_title_area2:after{margin-left:0; left:0;}

	.strength_text1 br{display:none;}


	/* 함께 */
	.together_list li{padding-left:5%;}

	
	.product_link a{margin:0 20px;}

	.slick-dots{width:auto; margin-left:0; left:30px;}

	
}



/* ~ 767px ----------- */
@media only screen 
and (max-width : 767px)
{
	
	/* 상단 비주얼 */
	.top_visual_area{margin-bottom:45px;}

	.main_video_area{margin-left:-20%;}
	
	.main_top_visual .visual_text{padding:0 15px; margin-top:150px;}
	.title_visual_main{font-size:40px; line-height:37px;}
	.descript_visual{font-size:16px;}


	/* 소프트웨어 */
	.software_area{margin-bottom:90px;}

	.main_title_area{padding-bottom:10px; margin-bottom:21px; border-bottom-width:3px;}

	.title_main_area{font-size:30px; line-height:25px;}
	.descript_main_area{margin-top:5px; font-size:12px; line-height:15px;}

	.site_area{float:none; width:100%; margin-left:0; padding:0;}

	.title_site{margin-top:20px; font-size:11px; text-align:center;}
	.text_site{margin-top:5px; font-size:13px; line-height:17px; text-align:center;}

	.site_area a:hover .site_address{font-size:21px;}
	
	.slick-prev, .slick-next{background-size:auto 11px;}

	.software_area .slick-prev{background-image:url("../images/main/b_arrow_prev.png"); left:6px;}
	.software_area .slick-next{background-image:url("../images/main/b_arrow_next.png"); right:6px;}

	.slick-dots{left:0; top:-26px;}
	.slick-dots li button{width:20px; height:3px;}


	.site_slide{margin:0;}
	.site_area a{max-width:100%;}


	/* 솔루션 */
	.product_area{margin-bottom:85px;}

	.main_title_area2{padding-bottom:14px; margin-bottom:20px;}
	.main_title_area2:after{width:20px; height:3px;}

	.product_slide{margin-left:15px;}

	.product_link a{width:150px; margin-left:0; margin-right:5px;}

	.product_icon{height:150px; padding-top:40px; margin-bottom:10px;}
	.product_icon img{height:77px;}

	.product_text{font-size:10px; line-height:19px;}
	.product_text strong{font-size:13px;}

	.slick-arrow{width:31px; height:31px; top:113px;}
	.slick-prev{left:0;}
	.slick-next{right:0;}


	/* 우리의 강점 */
	.strength_area{margin-bottom:115px;}
	.strength_area .main_title_area2:after{width:20px; height:3px;}

	.strength_text1{font-size:15px; line-height:25px;}
	.strength_text1 strong{display:block;}

	.strength_text2{margin-top:25px; font-size:13px; line-height:25px;}


	/* 인테리어 */
	.interior_area{margin-bottom:75px;}

	.link_banner{float:none; width:100%;}
	.link_banner a{display:block;}
	.link_banner a img{width:100%;}

	.title_link_banner{margin-top:25px; font-size:11px; text-align:center;}
	.text_link_banner{margin-top:7px; font-size:13px; text-align:center;}

	.main_news_area{float:none; width:100%; margin-top:70px;}

	.title_news{width:70px; height:26.5px; padding-left:11px; font-size:14px; line-height:26.5px;}

	.main_news_list{margin-top:10px;}
	.main_news_list li{padding-left:0; padding-right:107px;}
	.main_news_list li a{font-size:12px; line-height:41.5px;}
	.main_news_list li span{font-size:11px; line-height:41.5px;}

	.product_area.interior .main_title_area2{padding-bottom:33px;}

	.interior_thumb{margin-bottom:10px;}
	.interior_thumb img{width:100%;}

	.product_text span{font-size:11px;}

	.strength_area.interior{margin-bottom:100px;}


	/* 웰니스타 */
	.wellness_area{margin-bottom:72px;}

	.product_area.wellness .title_main_area{font-size:25px;}
	.product_area.wellness .descript_main_area{margin-top:8px;}


	/* 함께 */
	.together_list{margin-bottom:113px;}
	.together_list li{float:none; width:auto; padding-left:0; margin-top:105px; text-align:center;}
	.together_list li:first-child{margin-top:0;}
	.together_list strong{font-size:16px;}

	.title_together{margin-top:12px; font-size:19px; letter-spacing:0.1em;}
	.text_together{margin-top:23px; font-size:13px; line-height:22px;}

	.link_together{margin-top:32px;}
	.link_together a{width:250px; height:40px; margin:0 auto; font-size:13px; line-height:40px;}

	.link_together_job{margin-top:32px;}


	/* 지도 */
	.map_layout_area{margin-bottom:12px;}

	.map_title_area{padding-bottom:12px;a}
	.map_title_area:after{width:20px; height:3px;}
	.map_title_area .title_main_area{font-size:25px;}
	.map_title_area .descript_main_area{margin-top:12px;}

	.map_area{height:380px; margin-top:17px; border-width:2px;}

}