/*순서 라운드버튼*/
.stepwizard:before { top: 2rem; bottom: 0; position: absolute; content: " "; width: 100%; height: 1px; background-color:#dee2e6;}
@media (max-width: 767px) { .stepwizard {width:100% !important} }
.stepwizard .btn {width:4rem; height:4rem; padding:0; line-height:4rem;box-shadow: 0 0.25rem 0.25rem rgba(0, 0, 0, 0.25); }
.stepwizard .btn-primary {font-size:1.25rem}
.stepwizard .btn-primary, .stepwizard-step .btn-primary + p {font-weight:700}
.stepwizard p {  margin-top: .5rem; line-height: 1rem; color:#666; font-size:.8rem;text-align:center }

/**/
#search_mb_form, #login_form {margin:auto; width: 100%;  max-width: 650px;  padding: 15px 0}

/*note wrap*/
.get-in-touch { position: relative; margin: 30px auto; padding: 60px 40px 40px; border-radius: 2px; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAGCAYAAACFIR03AAAAV0lEQVR42tXOMRWAQAwE0RWFDRTg5d47Jeg4Q9gI06RbqlwKil/P6LpXbDCf85AxEBtMGjKG/jyPUHUerfP4nEeoOo/Wedj5pOo8Wudh55Oq82idh51PLxpvled7kLAXAAAAAElFTkSuQmCC') repeat-x; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2) }
@media screen and (max-width:767px){.get-in-touch { padding: 50px 20px 20px } }

/*tab*/
#mbTab li.active a{font-size:20px; transition: font-size .25s;}

.my-img {-webkit-column-gap: .25rem;-moz-column-gap: .25rem;column-gap: .25rem;}
.my-img .card { margin-bottom: .25rem;}
@media (max-width: 767px) { .my-img {   column-count: 2; }}
@media (min-width: 992px) { .my-img {  column-count: 4;   } }
@media (min-width: 1200px) { .my-img { column-count: 5;  } }

.chip { position:relative; display: inline-block; padding: 0 20px 0 57px; font-size: 15px; font-weight: 500; color: rgba(0,0,0,0.6); background-color: #eceff1; height: 47px; line-height: 47px; border-radius: 23px;border:1px solid transparent;transition: all .3s linear; }
.chip:hover {border:1px solid rgba(0,0,0,0.2); color: rgba(0,0,0,0.6); }
.chip .avatar {position:absolute; left:0; top:0}