/*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:30px auto;width: 70%;}
    
    .sel_box .btn_1 li{font-size: 20px;width: 40%;}
    .sel_box .btn_2 li{width: 40%; font-size: 20px;}
    .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: 12px;width:100%;float: left;}
    
    /*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: 22px;line-height: 30px; padding-bottom: 35px;} 
    .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: 40px;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:30px auto;width: 50%;}
    
    .sel_box .btn_1 li{font-size: 25px;width: 40%;}
    .sel_box .btn_2 li{width: 40%; font-size: 25px;}
    .sel_box .btn_3 li{width: 80%;}
    
    .sel_box .intitle{font-size: 37px; letter-spacing:1px;}
    
    .sel_box #warn4_box{padding: 15px 0 30px 0}
    
    /*div8*/
    .result1 {width:90%;}
    .result {width: 90%;}
    .ticket p{font-size: 29px;margin-top: 30px;}
    
    /*div9*/
    .info{padding: 0 30px;}
    .r1 {font-size:20px;}
    .tr1{width:100%;}
    .div9_agree li {font-size: 15px;width: 100%; float: left; padding-bottom: 20px; }
    .div9_name li:last-child{width:100%}
    .div9_year li:last-child{width:100%}
    
    /*result1*/
    .end .tada .numb{width: 20%;}


}
    
/*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: 25px;line-height: 1.4; padding-bottom: 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: 10px 0 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:2% auto;width: 37%;}
    
    .sel_box .btn_1 li{font-size: 25px;width: 25%; }
    .sel_box .btn_2 li{width: 25%;}
    .sel_box .btn_3 li{width: 30%;}
    
    .sel_box .intitle{font-size: 37px; color:#000; font-weight: 700;}
    
    .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:3% 15%;}
    .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: 10px;height: 10px;margin-top: -2px}
    #chk2 {width: 10px;height: 10px;margin-top: -2px}
    
    /*result1*/
    .end .tada .numb{width: 20%;}



}