@charset "utf-8";
@import "./default.css";/*공통으로 사용될 css를 보관함*/


/* -START- sub_10_menu10_CSS*/
#menu10-chapter01{
    text-align: center;
}
#menu10-chapter01 .ch01-title{
    display: inline-block;
    font-family: 'paybooc-Medium';
    font-size: 35px;
    line-height: 48px;
    margin-bottom: 29px;
}
#menu10-chapter01 .ch01-text{
    font-family:'Noto Sans KR';
    font-size: 18px;
    font-weight: 300;
    line-height: 30px;
	width: 75%;
	display: block;
	margin: 0 auto;
    
}
.ch01-text p{   
    line-height: 30px;    
}
.menu10_ch01_bg02{
    height: 402px;
    background-image: url(./img/menu10_bg02.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    margin-bottom: 126px;
	margin-top: 47px;
}
#menu10-chapter02{
    display: inline-block;
    font-family: 'Noto Sans KR';
    width: 100%;
    padding-bottom: 167px;
}
#menu10-chapter02 h2{
    /*font-family:'paybooc-ExtraBold';*/
    font-size: 35px;
    line-height: 70px;
    text-align: center;
    margin-bottom: 50px;
}

.ch02-sect-wrap{}
.product_box{display: inline-block; width: calc(20% - 21px); margin-left: 23px; height: 200px; padding:  0 50px; vertical-align: top;}
.product_box p{color: #fff; text-align: center; font-size: 18px; line-height: 28px; letter-spacing: -0.5px; position: relative; top: 50%; transform:translateY(-50%);}
.product_box:first-child{margin-left: 0;}
.pro01{background-image: url(./img/sub10_10_img01.png);}
.pro02{background-image: url(./img/sub10_10_img02.png);}
.pro03{background-image: url(./img/sub10_10_img03.png);}
.pro04{background-image: url(./img/sub10_10_img04.png);}
.pro05{background-image: url(./img/sub10_10_img05.png);}
.business_area{margin-top: 130px;}
.business_box{display: inline-block; width: calc(16.666666% - 22px); margin-left: 23px; height: 200px; padding:  0 20px; vertical-align: top;}
.business_box p{color: #fff; text-align: center; font-size: 18px; line-height: 28px; letter-spacing: -0.5px; position: relative; top: 50%; transform:translateY(-50%);}
.business_box:first-child{margin-left: 0;}
.busi01{background-image: url(./img/sub10_10_img06.png);}
.busi02{background-image: url(./img/sub10_10_img07.png);}
.busi03{background-image: url(./img/sub10_10_img08.png);}
.busi04{background-image: url(./img/sub10_10_img09.png);}
.busi05{background-image: url(./img/sub10_10_img10.png);}
.busi06{background-image: url(./img/sub10_10_img11.png);}
 
@media (max-width: 1500px){
	#menu10-chapter01{padding: 0 20px;}
	#menu10-chapter02{padding: 0 20px 60px 20px;}
} 
 
@media (max-width: 1140px){
	.product_box{width: calc(20% - 13px); margin-left: 13px; padding:  0 15px;}
	.business_box{width: calc(16.666666% - 14px); margin-left: 13px; padding:  0 15px; }
}

@media (max-width: 1024px) {   
    
    .menu10_ch01_bg02{
        background-image: url(./img/menu10_bg02.png);
    } 
	#menu10-chapter01 .ch01-text{        
        width: 100%;
    }
    #menu10-chapter01 .ch01-text p{        
        line-height: 1.8em;
    }


    #menu10-chapter02 {
        padding-bottom: 100px;
    }
	.product_box{width: calc(33.333333% - 11px); margin-bottom: 13px;}
	.product_box:nth-child(4){margin-left: 0;}
	.business_box{width: calc(33.333333% - 11px); margin-bottom: 13px;}
	.business_box:nth-child(4){margin-left: 0;}
	.product_box p{font-size: 16px; line-height: 26px;}
	.business_box p{font-size: 16px; line-height: 26px;}
   
}

@media (max-width: 768px) {
    #menu10-chapter01 .ch01-title{
        font-size: 20px;
        margin-bottom: 10px;
        padding: 0px 20p;
    }
   
    #menu10-chapter01 .ch01-text{        
        font-size: 16px;        
        margin-bottom: 39px;
        padding: 0px 20p;
	
    }
    
    #menu10-chapter01 .ch01-text p{        
        line-height: 1.6em;
    }

    .menu10_ch01_bg02{
        height: 217px;
        margin-bottom: 67px;
    }
   
    .menu10_ch01_bg02{
        background-image: url(./img/menu10_bg02.png);
    }
    #menu10-chapter02 {
        padding-bottom: 88px;
    }
    #menu10-chapter02 h2{        
        font-size: 20px;
        line-height: 24px;        
        margin-bottom: 46px;
    }

}

@media (max-width: 500px){
	
	.product_box{width: calc(50% - 8px); }
	.product_box:nth-child(3){margin-left: 0;}
	.product_box:nth-child(4){margin-left: 13px;}
	.product_box:nth-child(5){margin-left: 0;}
	.business_area{margin-top: 60px;}
	.business_box{width: calc(50% - 8px); }
	.business_box:nth-child(3){margin-left: 0;}
	.business_box:nth-child(4){margin-left: 13px;}
	.business_box:nth-child(5){margin-left: 0;}
	.product_box p{font-size: 15px; line-height: 25px;}
	.business_box p{font-size: 15px; line-height: 25px;}
}
/*// -END- sub_10_menu10_CSS*/