/*mobile*/   
@media screen and (max-width:767px){
    
    /*제목*/
    .swid .lovetest_1{width:100%;}
    
    .swid .warn1{font-size: 15px;line-height: 33px;} 
    .swid .warn1 .impact{font-size: 25px;} 
    .swid .warn2{font-size: 15px;line-height: 30px;}
    
    .swid #gradient{padding: 20px 0}
    .swid .logo img{height: 30px;}
    .swid .title{font-size: 30px;margin: 10px 0}
    .swid .title_b{font-size: 30px;}
    
    .swid .warn2 .underline1 {margin-top: 30px;} 
    .swid .warn2 .underline2 {margin-top: 30px;} 
    .swid .warn2 .underline3 {margin-top: 30px;}
    
    
    /*테스트 내용*/
    .sel_box .intitle{font-size: 30px;}
    .sel_box .line{margin:30px auto;width: 70%;}

    .sel_box .btn_1 li{font-size: 20px;width: 40%;}
    .sel_box .btn_2 li{font-size: 20px;width: 35%;}
    .sel_box .job{font-size: 20px;}
    
    .sel_box #warn4_box{padding: 15px 0 30px 0}
    
    
    /*div8*/
    .result1 {width: 80%;}
    .result {width: 37%;}
    .ticket p{font-size: 29px;margin-top: 30px;}
    
    
    
    /*div9*/
    .result {margin: 50px auto;width: 50%;}
    
    .info{padding: 0 10px;}
    .r1 {font-size:20px;}
    .tr1{width:100%;}
    .div9_agree li {font-size: 10px;width: 220px;float: left;margin-right: 11%}
    
    
    
    /*result1*/
    .end .tada .numb{width: 30%;}
}
 
    
/*tablet*/
@media screen and (min-width:768px) and (max-width:1023px){
    
    /*제목*/
    .swid .lovetest_1{width:100%;}
    
    .swid .warn1{font-size: 17px;line-height: 30px;} 
    .swid .warn1 .impact{font-size: 25px;} 
    .swid .warn2{font-size: 17px;line-height: 30px;} 
    .swid #gradient{padding: 35px 0}
    .swid .logo img{height: 50px;}
    .swid .title{font-size: 30px;margin: 20px 0}
    .swid .title_b{font-size: 30px;}
    
    .swid .warn2 .underline1 {margin-top: 30px;} 
    .swid .warn2 .underline2 {margin-top: 30px;} 
    .swid .warn2 .underline3 {margin-top: 30px;}
    
    
    /*테스트 내용*/
    .sel_box .intitle{font-size: 37px;padding-bottom: 30px;}
    .sel_box .line{margin:30px auto;width: 50%;}

    .sel_box .btn_1 li{font-size: 20px;width: 40%;}
    .sel_box .btn_2 li{font-size: 20px;width: 35%;}
    
    .sel_box .job{font-size: 20px;}
    
    .sel_box #warn4_box{padding: 15px 0 30px 0}
    
    /*div8*/
    .result1 {width: 55%;}
    .result {width: 35%;}
    .ticket p{font-size: 29px;margin-top: 30px;}
    
    
    
    /*div9*/
    .info{padding: 50px 30px;}
    .r1 {font-size:10px;}
    .tr1{width:100%;}
    .div9_agree li {font-size: 10px;width: 220px; float: left;margin-right: 20%}
    
    
    /*result1*/
    .end .tada .numb{width: 20%;}
}
    
/*pc*/  
@media screen and (min-width: 1024px){
    
    /*제목*/
    .swid .lovetest_1{width:100%;}
    
    .swid .warn1{font-size: 18px;line-height: 30px;} 
    .swid .warn1 .impact{font-size: 30px;} 
    .swid .warn2{font-size: 18px;line-height: 40px;} 
    .swid #gradient{padding: 50px 0}
    .swid .logo img{height: 50px;}
    .swid .title{font-size: 45px;margin: 20px 0}
    .swid .title_b{font-size: 45px;}
    
    .swid .warn2 .underline1 {margin-top: 40px;} 
    .swid .warn2 .underline2 {margin-top: 40px;} 
    .swid .warn2 .underline3 {margin-top: 40px;}
    
    /*테스트 내용*/
    .sel_box .intitle{font-size: 37px; padding-bottom: 40px; letter-spacing: -1px; line-height: 60px;}
    .sel_box .line{margin:30px auto;width: 37%;}

    .sel_box .btn_1 li{font-size: 25px;width: 25%;}
    .sel_box .btn_2 li{width: 25%;}
    
    .sel_box .job{font-size: 25px;}
    
    .sel_box #warn4_box{padding: 17px 0 40px 0}
    
    /*div8*/
   .result1 {width: 37%;}
    .result {width: 30%;}
    .ticket p{font-size: 30px;margin-top: 37px}
    
    /*div9*/
    .info{padding: 90px 70px;}
    .r1 {padding:3px 20px;font-size:20px;}
    .tr1{width:100%;}
    .div9_agree li {font-size: 13px; width: 270px; float: left;margin-right: 10%}
    #chk1 {width: 20px;height: 20px;margin-top: -2px}
    #chk2 {width: 20px;height: 20px;margin-top: -2px}
    
    
    /*result1*/
    .end .tada .numb{width: 20%;}
}