/*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 {padding:20px 15px;} 
    .sel_box .intitle{font-size: 30px;margin-bottom: 20px}
    .sel_box .result_title{font-size: 30px;margin-bottom: 30px}
    .sel_box .line{width: 70%;}

    .sel_box .btn_1 li{font-size: 20px;width: 30%;}
    .sel_box .btn_1 {margin-top: 30px}
    .sel_box .job{font-size: 20px;}
    
    .sel_box #warn4_box{padding: 15px 0 30px 0} 
    
    /*div8*/
    .result1 {width: 80%;}
    .ticket p{font-size: 25px;margin-top: 30px;}
    
    
    
    /*div9*/
    .result {margin: 0 auto;width: 50%;margin-top: 50px}
    
    .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 .about{margin-top: 40px;}
    .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 {padding:35px; background-position: bottom;} 
    .sel_box .intitle{font-size: 40px;margin-bottom: 20px}
    .sel_box .result_title{font-size: 40px;margin-bottom: 30px}
    .sel_box .line{width: 50%;}
    
    .sel_box .btn_1 li{font-size: 20px;width: 30%;}
    .sel_box .btn_1 {margin-top: 35px}
    .sel_box .job{font-size: 20px;}
    
    .sel_box #warn4_box{padding: 15px 0 30px 0}
    
    
    
    /*div8*/
    .result1 {width: 55%;}
    .ticket p{font-size: 25px;margin-top: 30px;}
    
    
    
    /*div9*/
    .result {margin: 0 auto;width: 50%;margin-top: 70px}
    
    .info{padding: 0 30px;}
    .r1 {font-size:10px;}
    .tr1{width:100%;}
    .div9_agree li {font-size: 10px;width: 220px; float: left;margin-right: 20%}
    
    
    /*result1*/
    .end .about{margin-top: 40px;}
    .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 {padding:50px 0} 
    
    .sel_box .intitle{font-size: 40px;margin-bottom: 20px}
    .sel_box .result_title{font-size: 40px;margin-bottom: 40px}
    .sel_box .line{width: 37%;}

    .sel_box .btn_1 li{font-size: 25px;width: 25%;}
    .sel_box .btn_1 {margin-top: 40px}
    
    .sel_box .job{font-size: 25px;}
    
    .sel_box #warn4_box{padding: 17px 0 40px 0}
    
    
    
    /*div8*/
    .result1 {width: 37%;}
    .ticket p{font-size: 25px;margin-top: 37px}
    
    
    
    /*div9*/
    .result {margin: 0 auto;width: 30%;margin-top: 100px}
    
    .info{padding: 0 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 .about{margin-top: 50px;}
    .end .tada .numb{width: 20%;}
}