@charset "UTF-8";

a.btn_qr, .btn_qr {
    padding: 10px;
    border-radius: 0.2rem;
}

a.btn_qr, .btn_qr {
    display: inline-block;
    background: #ff4081;
    color: #fff;
    text-decoration: none;
    vertical-align: middle;
}

}
.btn_qr:hover, .btn_qr:hover {
    background: #ff4081;
}

.qrcode_container  {display:flex; justify-content: center; margin:50px 0px 0px; padding:3px 0px 0px;}

.mqrcode {position:relative; max-width:1100px; height:550px; background-color:#fff; margin:0px auto; padding:30px 20px 10px;}
.mqrcode div.r_close {font-size:1.0rem;}
.mqrcode .qrcode_box .logo {display: flex; align-items: flex-end; justify-content: space-between; border-bottom: 1px solid #ddd; padding-bottom: 20px;}
.mqrcode .qrcode_box .logo img {width: 160px;}
.mqrcode .qrcode_box span {display: block; font-size: 24px; letter-spacing: -1px; color: #1a1a1a; padding: 20px 0;}
.mqrcode .m_qrcode_cont {display: flex; justify-content: center;}

@media screen and (max-width: 768px){
	.mqrcode .qrcode_box span{font-size: 21px;}
}
@media screen and (max-width: 480px){
    .mqrcode .qrcode_box .logo {padding-bottom: 15px;}
    .mqrcode .qrcode_box .logo img {width: 110px;}
    .mqrcode .qrcode_box span {font-size: 18px; padding: 15px 0;}
}

.mqrcode .m_qrcode_cont .qr-code-container .qr-download-group {padding:10px 0px 0px; font-size:0.875rem; display:flex; justify-content: center;}
.mqrcode .m_qrcode_cont .qr-code-container .qr-download-group button {padding:6px 5px 6px; background-color:#4C4F6F; color:#fff; border-radius:0.2rem; margin-left:10px;}