
/************** style7 ******************/
.about_section .container{max-width: 100%;width: 100%; padding: 0;}
.about_section .container h2{font-family: 'Pretendard-ExtraLight';font-size:60px;}
.about_section .container h2 span, .business_section .container h2{font-family: 'Pretendard-Bold';font-size: 70px;}
.about_section .container p.lead, .business_section .container p.lead {font-family: 'Pretendard-Regular'; margin-top: 40px;}
.business_section .container p.lead b{    font-size: 23px; font-weight: bold;}

.about_img_area1 img{width: 100%;}
.about_section .container .sub-title-height, .business_section .container .sub-title-height{width: 1280px;margin: 100px auto;}
.about_history, .about_org, .about_ci, .map_area > div{width: 1280px; margin: 0 auto;}
.about_history img, .about_org img, .about_ci img{    margin-bottom: 60px;}
.about_history h2{font-family: 'Pretendard-SemiBold';font-size: 50px;margin: 90px 0;} 

.about_org h2{font-family: 'Pretendard-SemiBold';font-size: 50px;margin: 90px 0;} 

.about_ci h2{font-family: 'Pretendard-SemiBold';font-size: 50px;margin: 90px 0;} 

 .map_area h2{font-family: 'Pretendard-SemiBold';font-size: 50px;margin: 90px 0 40px 0;} 

.about_section .container .about_history h2, .about_section .container .about_org h2, .about_section .container .about_ci h2, .about_section .container .map_area h2{font-family: 'Pretendard-Bold';}
.about_section .container .about_ci h2 span{line-height: 34px;display: block;font-size: 22px;font-family: 'Pretendard-ExtraLight';}

.line_mid{    width: 100%;
    height: 1px;
    background: #c9c9c9;
    margin: 40px 0;}

.map_area{background: #efefef;min-height: 500px;    padding-top: 1px;}
.map_area .map_frame{    height: 660px;overflow: hidden;}
.map_area .map_info{margin-top: 40px;border-bottom: 1px solid #8f8f8f;padding-bottom: 40px;}
.map_area .map_info h3{font-size: 29px; color: #3d3d3d;}
.map_area .map_info span{font-size: 20px; color: #3d3d3d;}
.map_area .map_metro{padding: 40px 0 100px 0;}







.container span.main_title_style{    font-size: 27px;
    color: #171717;
    font-family: 'Pretendard-Medium';}

.solution_txt_h3{font-family: 'Pretendard-Bold';
    font-size: 28px;    margin: 15px 0 5px;}
.solution_txt_span{    font-family: 'Pretendard-Medium';
    opacity: 0.7; display: block;margin-bottom: 20px;}
.solution_txt_a{font-size: 12px;
    color: #a1a1a1;
    border: 1px solid #cfcfcf;
    padding: 3px 14px;
    width: auto !important;
    display: inline-block !important;}


.dark .menu-link.menu_color {background: #e4007f;font-size: 14px;text-align: right;}
.now_title{margin-bottom: 60px;text-align: center;font-size: 40px;}

.main_bottom_div{    padding-top: 100px;}
.main_bottom_img .counter-area{left: 50%;    top: 20px;}
.main_bottom_img{background: url('../images/main/main_7.jpg')  no-repeat;background-size: cover;min-height: 1081px;}
 .main_bottom_img .main_bottom {-ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    min-width: 0;
    max-width: 100%;
    padding: 0 0.75rem;
	    color: #fff;
		}
 .main_bottom_img .main_bottom h3{font-size: 40px;
    font-weight: 600;
    margin-bottom: 0;
    color: #fff;
	margin-bottom: 40px;
	} 
 .main_bottom_img .main_bottom span{font-size: 20px;color: #fff; font-family: 'Pretendard-ExtraLight';}
.main_bottom_2 > div{color: #fff;font-family: 'Pretendard-ExtraLight';    font-size: 32px;}
.main_bottom_2 p, .main_bottom_2 span{font-size: 70px;
    font-weight: 600;
    margin-bottom: 0;
    color: #fff;
	    margin-top: 0;
    margin-bottom: 30px;
	text-align: left !important;
	}

#content .main_bottom_2 p{font-size: 70px;text-align: center; }#content p .p_bold{font-family: 'Pretendard-Bold';}
.shopping_img >  div{    float: left;
    margin: 0 auto;
    text-align: left;
	padding: 10px;
	    margin-bottom: 36px;
	}
.shopping_img >  div span{    display: block;}



/************** main ******************/
.style_solution_area {    margin-bottom: 140px;margin-top: 70px;}
.style7_area {margin-bottom: 160px;padding-top: 50px;}
.new_brand_btn{position: fixed;left: calc(50% + 646px);top:-56px; width: 110px;}



/************** business ******************/
.business-img-section{    padding-top: 20px;padding-bottom: 144px;}
.business-img-section .fbox-content{float:left;}
.business-img-section .img_box{background: #ddd;
    width: 780px;
    height: 430px;
    display: inline-block;
    float: right;}
.business-img-section .business-even .img_box{float:left;}
.business-img-section .business-even .fbox-content{float: left; padding-left: 50px;}
.business-img-section .business-even, .business-img-section .business-odd{overflow: hidden;margin-top: 120px;} 
 .business-title{    
 	word-break: keep-all;
 	font-family: 'Pretendard-Bold';
    font-size: 60px;
    text-align: center;
    margin: 90px auto 20px;
    }
 .business-title span{
	display: block;
    font-size: 22px;
    font-family: 'Pretendard-ExtraLight';
	margin: 25px 0 45px 0;
	white-space: pre-line;
	}
.business-title span.span_big{font-family: 'Pretendard-ExtraLight';font-size: 60px;display: inline-block;}
.business_why{text-align: center;}
.business_why > div{    display: inline-block;
    margin: 0 15px;} 
.business_img_area1{
	width: 100%;
    height: 370px;
    background: url(../images/business/business_1.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    }
	.about_img_area1{	
	width: 100%;
    height: 370px;
    background: url(../images/about/company_1.png) no-repeat;
    background-size: cover;
    background-position: center;
	}
	.partner-box{width: 100%;}
	
	
 
 /************** portfolio ******************/
 .portfolio_con .portfolio-title h2{font-family: 'Pretendard-Bold';margin: 60px auto 40px auto;    text-align: center;}
#load_img, #load_img_2, #load_img_3{margin: 90px 0 30px;display: inline-block;}
#load_img:hover,  #load_img_2:hover, #load_img_3:hover{opacity: 0.7;}
.top_title{font-family: 'Pretendard-Bold';
    font-size: 60px;}

.shopping_img > div img{    
	width: 100%;
	object-fit: cover;
    height: 550px;}
 
  
#footer > .clearfix{border-bottom: 1px solid #ddd; border-top: 1px solid #ddd;max-width: 100%;height: 100px;}
.footer-widgets-wrap .bottom_new_brand{position: absolute;
    left: calc(50% + 646px); 
    top: 0;
	    width: 186px;
	    
	}
#footer .footer_insta{float: right;}



@media (max-width: 1540px) {
	.new_brand_btn, .footer-widgets-wrap .bottom_new_brand{left:calc(50% + 540px);}
	

	}
	


@media (max-width: 1440px) {
	#footer .footer-widgets-wrap, .header-row{width: 100%;padding: 0 30px;}
	#footer .footer_insta{    float: none;text-align: center;}
	.new_brand_btn, .footer-widgets-wrap .bottom_new_brand{left: calc(50% + 490px);}
	
}

	
@media (max-width: 1280px) {
	.main_bottom_img .main_bottom{    padding-left: 30px;}
	.business-box img{   width: 100%; }
	.business-title{width: 80%;}
	.business_img_area1, .about_img_area1{height: 280px;}
	
	.footer-widgets-wrap .bottom_new_brand{left: auto; right: 10px;}
	.new_brand_btn{left: auto; right: 115px;}
	
	.about_section .container .sub-title-height, .about_history, .about_org, .about_ci, .map_area > div{padding: 0 60px; width: 100%;}
	.business_section .container{padding: 0 60px; width: 100%;    max-width: 100%;}
	.business_section .container .sub-title-height{width: 100%;}
	
	.about_history img, .about_org img, .about_ci img{width: 100%;}
	#footer > .clearfix{    padding: 0 30px;}
	#footer .footer_insta{    text-align: right;}
	
	.transparent-header.full-header .primary-menu .menu-container{    justify-content: center;}
	
	.partner-box img{width: 100%;}
	
}
	

@media (max-width: 768px) {
	.business-box{   width: 49%; }
	.business-box img, .business_why img{   width: 100%; }
	.business_img_area1, .about_img_area1{height: 200px;}
	
	.main_bottom_img .main_bottom{padding-left: 20px;}
	.main_bottom_div{padding-left: 30px;padding-right: 30px;}
	
	.about_section .container h2{font-size: 48px;}
	.about_section .container h2 span, .business_section .container h2{ line-height: 60px;font-size: 56px;}
	.map_area .map_frame{    height: auto;}
	.map_area .map_info h3{font-size: 20px;}
	.map_area .map_info span{    font-size: 16px;}
	
	.business-title, .business-title span.span_big{font-size: 48px;}
	.business-title{margin: 90px auto 50px;}
	.business-title span{white-space: normal;word-break: keep-all;margin: 25px 0 2px 0;}
	
}
@media (max-width: 640px) {
	#footer .footer_insta > a{    text-align: right; padding: 0;}
	
	.main_bottom_img .main_bottom h3{    font-size: 31px;}
	.main_bottom_img .counter-area{left: 0;}
	
	.about_history img{margin-bottom: 35px;}
	
	.about_section .container .sub-title-height, .about_history, .about_org, .about_ci, .map_area > div{padding: 0 40px;}
	.business_img_area1, .about_img_area1{height: 150px;}
	.business-title span{margin: 0 0 25px;}
	.business_section .container{    padding: 0 40px;}
	
	.map_info .map_call{display: block;}
	
	.no-640{display: none;}

	.top_title{font-size: 40px;}
}

@media (max-width: 480px) {
	#footer > .clearfix{height: 80px;}
	#footer .footer-widgets-wrap{padding: 0;}
	
	.feature-box.r_txt_area{    display: block;width: 100%;}
	.fbox-content{width: 100%;white-space: normal;}

	.no-480{display: none;}
	
	 .main_bottom_div .feature-box.fbox-lg{padding-left: 30px;}
	 .main_bottom_img .main_bottom{padding: 0;}
	.main_bottom_2 p, .main_bottom_2 span, #content .main_bottom_2 p{font-size: 50px;}

	.business_section .container, .about_section .container .sub-title-height{    padding: 0 20px;}
	.business_img_area1, .about_img_area1{height: 100px;}
	.business-title, .business-title span.span_big{font-size: 38px;}
	.business_why .feature-box.fbox-lg, .business-box .feature-box.fbox-lg{left: 0;padding: 0;}
	.business_why > div{    margin: 0 3px;}
	
	
}
		
		
		
		
		
		
		
		
		
		
		