/*mobile*/   
@media screen and (max-width:767px){
    
    /*제목*/
    .swid .lovetest_1{width:100%;}
    .swid .border{width:100%;}
    .swid .border ul{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 .line{margin:50px auto;width: 70%;}
    
    .sel_box .btn_1 li{font-size: 20px;width: 37%;}
    .sel_box .btn_2 li{width: 30%;}
    .sel_box .btn_3 li{width: 50%;}
    
    .sel_box .intitle{font-size: 35px;}
    
    .sel_box #warn4_box{padding: 15px 0 30px 0}
    
    /*div8*/
    .result1 {width: 70%;}
    .result {width: 37%;}
    .ticket p{font-size: 29px;margin-top: 30px;}
    
    /*div9*/
    .info{padding: 0 10px;}
    .r1 {font-size:20px;}
    .tr1{width:100%;}
    .div9_agree li {font-size: 14px;width: 300px;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 .border{width:100%;}
    .swid .border ul{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 .line{margin:50px auto;width: 50%;}
    
    .sel_box .btn_1 li{font-size: 25px;width: 44%;}
    .sel_box .btn_2 li{width: 30%;}
    .sel_box .btn_3 li{width: 44%;}
    
    .sel_box .intitle{font-size: 37px;}
    
    .sel_box #warn4_box{padding: 15px 0 30px 0}
    
    /*div8*/
    .result1 {width: 50%;}
    .result {width: 50%;}
    .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: 14px;width: 300px; float: left;margin-right:5%}
    
    /*result1*/
    .end .tada .numb{width: 20%;}

    .div9_name li:last-child{width: 100%;}
    .info ul {margin-bottom: 20px;}
}
    
/*pc*/  
@media screen and (min-width: 1024px){
    
    /*제목*/
    .swid .lovetest_1{width:100%;}
    .swid .border{width:100%;}
    .swid .border ul{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 .line{margin:50px auto;width: 37%;}
    
    .sel_box .btn_1 li{font-size: 25px;width: 30%;}
    .sel_box .btn_2 li{width: 20%;}
    .sel_box .btn_3 li{width: 30%;}
    
    .sel_box .intitle{font-size: 37px;}
    .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: 6%;}
    .r1 {padding:3px 20px;font-size:20px;}
    .tr1{width:100%;}
    .div9_agree li {font-size: 14px; width: 300px; 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%;}
}