﻿.search-result {padding-bottom: 30px;}
.search-result .result-title {font-size: 16px;margin-bottom: 12px;font-weight: 700;}
.search-result .result-content .content-list table {border-top-width: 1px;}
.search-result .result-content .content-list table th {background: #fcfcfc;border-bottom-width: 1px;}
.search-result .result-content .content-list table th.title {width: 50%;}
.search-result .result-content .content-empty {text-align: center;padding: 21px 0;}

.HpSearchH{height:100vh;}
.HpSearchH .HpSearchT{width: 100%;height:63vh;display: inline-flex;align-items: center;justify-content: center;background-color: #F6F9F9;position:relative;flex-direction: column;}
.HpSearchH .HpSearchT > a{position: absolute;top: 3%;right: 3%;transform: translate(0%, 0%);padding: 15px;}
.HpSearchH .HpSearchT .logo{padding-bottom:2vh;}
.HpSearchH .HpSearchT .title{padding-bottom:9vh;}
.HpSearchH .HpSearchT .name{margin-bottom:16vh;position: relative;}
.HpSearchH .HpSearchT .name img{position: absolute;right: -5%;top: 50%;transform: translate(0, -50%);opacity:0;-webkit-transition: all 0.5s linear;transition: all 0.5s linear;}
.HpSearchH .HpSearchT .name input:focus ~ img {opacity:1;-webkit-transition: all 0.5s linear;transition: all 0.5s linear;}
.HpSearchH .HpSearchT .name input{background-color: transparent;border: none;border-bottom: 1px solid #000;color: #000;
box-sizing: border-box;font-size: 18px;padding: 10px 0px;position: relative;width: 43vh;height: 5vh;text-align: left;box-shadow:none;font-weight:bold;}
.HpSearchH .HpSearchT .name input:focus {outline: none;border-color:transparent;}
.HpSearchH .HpSearchT .name input::-webkit-input-placeholder {color: #000;}
.HpSearchH .HpSearchT .name input:focus::-webkit-input-placeholder {color: #0096AB;}
.HpSearchH .HpSearchT .name input:focus+.underline {transform: scale(1);}
.underline {background-color: #0096AB;display: inline-block;height: 2px;margin-top: -4px;-webkit-transform: scale(0, 1);
transform: scale(0, 1);-webkit-transition: all 0.5s linear;transition: all 0.5s linear;width: 43vh;position: absolute;}
.HpSearchH .HpSearchT .HpSearchBTN{padding: 3%;position: absolute;background-color: #fff;transform: translate(0, 0%);bottom: 0;border-radius: 50% 50% 0% 0%;}
.HpSearchH .HpSearchT .HpSearchB{position: absolute;bottom: 0;}
.HpSearchH .HpSearchM{display: inline-flex;justify-content: center;flex-direction: column;align-items: center;width: 100%;padding-top:4.5vh;padding-bottom:150px;}
.HpSearchH .HpSearchM .HpSearchMT{width:90%;}
.HpSearchH .HpSearchM .HpSearchMT h1{margin: 0;line-height: 2.5;font-size: 24px;border-bottom: 1px solid #000;}
.HpSearchH .HpSearchM table{width:90%;border:none;}
.HpSearchH .HpSearchM table .HpSearchList .step{border-bottom: 1px solid rgba(0, 0, 0, .2);}
.HpSearchH .HpSearchM table .HpSearchList .step td:nth-child(1){width:10%;padding: 10px;text-align: center;}
.HpSearchH .HpSearchM table .HpSearchList .step td:nth-child(2){}
.HpSearchH .HpSearchM table .HpSearchList .step td:nth-child(3){width:30%;font-size: 20px;text-align:left;}
.HpSearchH .HpSearchM table .HpSearchList .step td:nth-child(4){width:50%;font-size: 20px;text-align:center;}
.HpSearchH .HpSearchM table .HpSearchList .step td:nth-child(5){}
.HpSearchH .HpSearchM table .HpSearchList .step td:nth-child(6){width:10%;text-align: right;padding: 10px;}
.HpSearchH .HpSearchM table .HpSearchList .NoResults{font-size: 20px;text-align: center;padding: 10px;}
.HpSearchH .HpSearchF{position: fixed;bottom:0;width:100%;}
.HpSearchH .HpSearchF .HpSearchFT {display: grid;grid-template-columns: 1fr 1fr 1fr;background-color:#fff;}
.HpSearchH .HpSearchF .HpSearchFT .HpSearchFR{grid-column: 1;}
.HpSearchH .HpSearchF .HpSearchFT .HpSearchFR h1{margin: 0;font-size: 17px;text-align: center;line-height: 3;
color: #000;font-weight: bold;letter-spacing: 1px;}
.HpSearchH .HpSearchF .HpSearchFT .HpSearchFL{grid-column: 3;}
.HpSearchH .HpSearchF .HpSearchFT .HpSearchFL h1{margin: 0;font-size: 17px;text-align: center;line-height: 3;
color: #000;font-weight: bold;letter-spacing: 1px;}
.HpSearchH .HpSearchF .HpSearchFB{padding: 20px;width: 100%;background: #f2f2f2;}
#nameMORE h1{margin: 0;text-align: center;line-height: 5;font-size: 17px;cursor: pointer;}
.HpSearchR{width: 100%;height: 100vh;display: inline-flex;justify-content: center;align-items: center;}
.HpSearchR h1{margin: 0;line-height: 1.5;font-size: 2.5rem;text-align: center;font-weight: bold;word-break: keep-all;padding: 3vh;}
#Privacy .modal-dialog{width:50%;}
#Privacy .modal-content .modal-header {background-color: #0096AB;text-align: center;}
#Privacy .modal-content .modal-header h1{margin: 0;font-size: 20px;color: #fff;font-weight: bold;}
#Privacy .modal-content .modal-body{margin:0;}
#Privacy .modal-content .modal-body h5{margin:0;font-size:15px; line-height:1.5;word-break:keep-all;}
.privacyM{}
.privacyM h1{margin:0;font-size: 24px;color: #fff;font-weight: bold;background-color: #0096AB;padding:20px;text-align:center;}
.privacyM h5{margin:0;font-size: 20px;color: #000; line-height:1.5;word-break:keep-all;padding:50px 150px;}

@media (max-width:1499px) {
}
@media (max-width:1199px) {
}
@media (max-width:992px) {
    .HpSearchH .HpSearchT .logo{width: 10vh;}
    .HpSearchH .HpSearchT .title {width: 40vh;}
}
@media (max-width:767px) {
    .HpSearchH .HpSearchT > a{top: 1%;right: 1%;padding: 5px;width: 5vh;}
    .HpSearchH .HpSearchT .logo{width: 5vh;}
    .HpSearchH .HpSearchT .title {width: 30vh;}
    .HpSearchH .HpSearchT .HpSearchB #nameBTCK img{max-width:35vh;}
    .HpSearchH .HpSearchT .name input{width:35vh;}
    .HpSearchH .HpSearchT .name input:focus+.underline{width:35vh;}
    .HpSearchH .HpSearchF .HpSearchFT{grid-template-columns: 1fr 1fr;}
    .HpSearchH .HpSearchF .HpSearchFT .HpSearchFR h1{font-size: 13px;}
    .HpSearchH .HpSearchF .HpSearchFT .HpSearchFL{grid-column: 2;}
    .HpSearchH .HpSearchF .HpSearchFT .HpSearchFL h1{font-size: 13px;}
    .HpSearchH .HpSearchM{padding-bottom:100px;}
    .HpSearchH .HpSearchM table .HpSearchList .step td:nth-child(1){width:20%;}
    .HpSearchH .HpSearchM table .HpSearchList .step td:nth-child(3){width:40%;font-size: 15px;}
    .HpSearchH .HpSearchM table .HpSearchList .step td:nth-child(4){width:25%;font-size: 15px;}
    .HpSearchH .HpSearchM table .HpSearchList .step td:nth-child(6){width: 15%;}
    .privacyM h1{font-size: 24px;}
    .privacyM h5{font-size: 17px;padding:50px;}
    #Privacy .modal-dialog{width: 75%;margin: 15px auto 0;}
}
@media (max-width:320px) {
    .privacyM h1{font-size: 20px;}
    .privacyM h5{font-size: 15px;padding:20px;}
}
