@media (min-width: 320px){
    .wrap{width: 310px;}
    .header-top{padding: 5px 0;}
    .logo{width: 50px;}
    .name, .name p:nth-child(1), .main-left, .main-right-2, .footer-list{display: none;}
    .button{top: 15px;}
    .search{bottom: -45px;}
    .main-wrap-2{padding: 15px;}
    .main-detail iframe{width: 310px; height: 175px;}
    .footer-right p{margin-bottom: 10px;}
    .top{bottom: 10px;}
    .footer-bottom{padding: 7px 0 47px;}
}
@media (min-width: 360px){
    .wrap{width: 350px;}
    .main-detail iframe{width: 350px; height: 197px;}
}
@media (min-width:410px){
    .wrap{width: 400px;}
    .main-detail iframe{width: 400px; height: 225px;}
}
@media (min-width: 480px){
    .wrap{width: 480px;}
    .main-detail iframe{width: 470px; height: 265px;}
}
@media (min-width: 580px){
    .wrap{width: 580px;}
    .name{display: block; width: calc(100% - 235px); margin-top: 5px;}
    .name p:nth-child(2){font-size: 20px;}
    .name p:nth-child(3){font-size: 16px;}
    .main-detail iframe{width: 570px; height: 321px;}
}
@media (min-width: 768px){
    .wrap, .ws-title-wrapper{width: 758px;}
    .main-detail iframe{width: 758px; height: 427px;}
    .footer-info{float: left; width: 455px;}
    .footer-right{float: right; width: 375px;}
    .footer-right p{margin-bottom: 30px;}
    .top{bottom: 50px;}
    .footer-bottom{padding: 7px 0;}
}
@media (min-width: 970px){
    .wrap, .ws-title-wrapper{width:970px;}
    .header-top{padding: 10px 0;}
    .logo{width: 100px; margin-left: 30px;}
    .name{width: calc(100% - 380px); margin-top: 15px;}
    .name p:nth-child(1){display: block; font-size: 18px;}
    .name p:nth-child(2){font-size: 28px; letter-spacing: 1px;}
    .name p:nth-child(3){font-size: 20px;}
    .button{top: 10px;}
    .search{bottom: 25px;}
    .main-wrap-2{padding: 30px;}
    .main-left{float: left; display: block; width: 300px;}
    .main-right{float: right; width: calc(100% - 330px);}
    .main-left-2{float: left; width: calc(100% - 330px);}
    .main-right-2{float: right; display: block; width: 300px;}
    .footer-info{width: 400px;}
    .footer-list{display: block;}
}
@media (min-width: 1170px){
    .wrap, .ws-title-wrapper{width: 1170px;}
    .name{margin-top: 10px;}
    .name p:nth-child(1){font-size: 20px;}
    .name p:nth-child(2){font-size: 32px; letter-spacing: 2px;}
    .name p:nth-child(3){font-size: 22px;}
    .footer-info{width: 475px;}
}