@charset "utf-8";
/* CSS Document */

/* --------------------  sec 1 start -------------------------*/

#section1bg{ padding: 100px 0 100px; background-image: url(../img/sub2_sec1_bg.jpg); background-size: 180%; background-position:center bottom; 
        background-repeat: no-repeat; min-height: auto; height: 500px; overflow: hidden }
#section1bg h2 { font-size:28px; text-align: center; color:#d5a88e; font-weight: 600; margin-bottom:10px;}
#section2 > article > h2 > div > img { width: 90%}

@media screen and (min-width:375px) {




}

@media screen and (min-width:412px) {
    


}

@media screen and (min-width:1200px) {
    
    .section1 { width: 100%; }
    #section1bg{ padding: 320px 0 100px; background-color:#d5a88e; background-image: url(../img/sub2_sec1_bg.jpg); background-size: auto; background-position:center top; 
        background-repeat: no-repeat; min-height: 100vh; overflow: hidden }
    
    #section1bg h2 { font-family: 'Cafe24Dangdanghae'; font-size:50px; line-height: 1.4; position: relative; color:#d5a88e; text-align: left; font-weight: 600; padding-left:50px;}
    
    
}

/* --------------------  sec 1 end -------------------------*/

/* --------------------  sec 2 start -------------------------*/


.section2 { width: 100%; }
#section2bg{ padding: 100px 0 50px; background-color:#5a4e42; background-image: url(../img/sub2_sec2_bg.jpg); background-size: contain; background-position:center top; 
        background-repeat: no-repeat; overflow: hidden }
#section2bg h2 { font-size:40px; position: relative; color:#faecdb; text-align: center; font-weight: 400; margin-bottom:50px; line-height: 1.2}
ul.premium_process { text-align: center; margin-top: 40px; overflow: hidden;}
ul.premium_process li { float:left; width:100%; text-align: center; margin-bottom:30px; border: 1px dashed #f2d3b0; font-size: 20px; color:#fff; position: relative; padding:15px 0 25px; height:auto; font-weight: 600; border-radius: 20px; }
ul.premium_process li img { max-width: 100%; display: block; margin: 10px auto 0 }
ul.premium_process li strong { width: 40px; height:40px; line-height: 40px;  border-radius: 100px; font-size: 20px; font-weight: 900; color: #fff; background:#cf8635; display: block; position: absolute; top:20px; left:20px;}




@media screen and (min-width:375px) {




}

@media screen and (min-width:412px) {




}

@media screen and (min-width:1200px) {
    
    .section2 { width: 100%; }
    #section2bg{ padding: 340px 0 100px; background-color:#fff; background-image: url(../img/sub2_sec2_bg.jpg); background-size: auto; background-position:center top; 
        background-repeat: no-repeat; height: 1097px; overflow: hidden }
    
    #section2bg h2 { font-size:50px; position: relative; color:#faecdb; text-align: center; font-weight: 400; margin-bottom:50px;}
    ul.premium_process { text-align: center; margin-top: 100px; overflow: hidden;}
    ul.premium_process li { float:left; width:20%; text-align: center; margin-bottom:30px; border-right: 1px dashed #f2d3b0; font-size: 20px; color:#fff; position: relative; padding:30px 20px 20px 20px; height:300px; font-weight: 600 }
    ul.premium_process li img { max-width: 100%; display: block; margin: 10px auto }
    ul.premium_process li strong { width: 40px; height:40px; line-height: 40px;  border-radius: 100px; font-size: 20px; font-weight: 900; color: #fff; background:#1D1106; display: block; position: absolute; top:0px; left:20px;}
    

}







/* --------------------  sec 2 end -------------------------*/

/* --------------------  sec 3 start -------------------------*/




@media screen and (min-width:375px) {




}

@media screen and (min-width:412px) {




}    
    


@media screen and (min-width:1200px) {
    

    
    
}








/* --------------------  sec 3 end -------------------------*/

/* --------------------  sec 4 start -------------------------*/




@media screen and (min-width:375px) {




}

@media screen and (min-width:412px) {




}    
    


@media screen and (min-width:1200px) {
    

    
}






/* --------------------  sec 4 end -------------------------*/