@charset 'utf-8';

 #main{position:relative; overflow:hidden; z-index:1;}
 #main::after{content: ""; position:absolute; top :0; left: 0; width:100%; height:100%; background-image: url('../images/web_bg.png'); z-index:-1; }
 /*기존 : kv-web.png -> web_bg.png*/
 	
 #grd_box{padding: 40px 30px 40px 30px;}

 #translate{transform:translateX(15%);}
 
 .bottom_start{ position:relative; margin-top:250px; margin-bottom:80px; margin-left: 50px; text-align:right;}
 
 .bottom_start_2{ position:relative; margin-top:100px; margin-left: 50px; text-align:right;}
 
 .bottom_start_3{ position:relative; margin-top:200px; margin-left: 50px; text-align:right;}
 
 .bottom_start_4{ position:relative; margin-top:50px; margin-left: 50px; text-align:right;}
 
 .bottom_start_5{ position:relative; margin-top:150px; margin-left: 50px; text-align:right;}
 	
 .hp_span{padding:5px; background-color:#ffffff; border-radius:10px; margin-bottom:10px; }
 	
 .button_hp{color:#0167bc; font-weight:600;  text-align:center;}
 	
 .footer{height:100px; background:#88888a;}
 	
 .homeimg{width:100%; height:auto;}
 .callimg{width:70%; height:auto;}

@media only screen and (max-width:790px)
{
	#translate{transform:translateX(0%);}
	
	
   .bottom_start{ position:relative; margin-top:0px; margin-left: 50px; text-align:right;}
   .bottom_start_2{ position:relative; margin-top:0px; margin-left: 50px; text-align:right;}
   .bottom_start_3{ position:relative; margin-top:0px; margin-left: 50px; text-align:right;} 
   .bottom_start_4{ position:relative; margin-top:0px; margin-left: 50px; text-align:right;}
   .bottom_start_5{ position:relative; margin-top:0px; margin-left: 50px; text-align:right;}
   .combxg_area{height:100% !important;}

}

@media only screen and (max-width:425px)
{
    #main{position:relative; overflow:hidden; z-index:1;}
    #main::after{content: ""; position:absolute; top :0; left: 0; width:100%; height:100%; background-image: url('../images/mobile_bg.png'); z-index:-1; }
    /*기존 : kv-mobile.png > mobile_bg.png*/
    .bottom_start{ position:relative; margin-top:0px; margin-left: 50px; text-align:right;}
    .bottom_start_2{ position:relative; margin-top:0px; margin-left: 50px; text-align:right;}
    .bottom_start_3{ position:relative; margin-top:0px; margin-left: 50px; text-align:right;}
    .bottom_start_4{ position:relative; margin-top:0px; margin-left: 50px; text-align:right;}
    .bottom_start_5{ position:relative; margin-top:0px; margin-left: 50px; text-align:right;}
}