@charset "utf-8";

/***************************************************************************/
/*				                  가상계좌페이지			                             /
/***************************************************************************/

.order-wrap {background-color:#eee;width:100%;margin:0 auto;}
.order-result-wrap {margin:0 auto;padding:30px;width:60%;}
.order-result-tit {text-align:center;font-size:22px;font-weight:700;margin-bottom:30px;line-height:1.6;}
/*.order-result-tit span {color:#06aa47;}*/
.order-result-tit span {color:#e60012;}
.order-result-desc {background:#fff;border-radius:10px;padding:30px;margin-bottom:30px;box-shadow:0 2px 6px rgba(0,0,0,0.1);}
.order-result-desc .account {text-align:center;border-bottom:1px solid #eee;padding-bottom:20px;margin-bottom:20px;}
.order-result-desc .account p {margin:0 0 10px;font-size:16px;font-weight:500;}
.order-result-desc .account strong {display:block;font-size:22px;color:#000;margin-top:12px;font-weight:800;}
.order-result-desc .account-desc td {font-size:15px;line-height:1.6;font-weight:500;vertical-align:top;}
.order-result-desc .account-desc td:nth-of-type(1) {width:2%;}
.order-result-desc .account-desc tr:nth-of-type(1) {opacity:0.7;margin-bottom:8px;}
.order-result-product {background:#fff;border-radius:10px;padding:30px;box-shadow:0 2px 6px rgba(0,0,0,0.1);margin-bottom:30px;}
.order-result-product p {margin:0 0 20px;font-weight:500;}
.order-result-product > p {margin:0 0 20px;font-weight:500;border-bottom:1px solid #eee;padding-bottom:20px;}
.product-number {margin-left:10px;font-weight:500;text-decoration:underline;opacity:.6;}
.order-result-product-desc {display:flex;align-items:center;gap:16px;}
.order-result-product-desc .product-img {width:100px;height:100px;border:1px solid #eee;border-radius:6px;}
.order-result-product-desc .product-img img {width:100%;}
.order-result-product-desc p {margin:0;font-size:16px;}
.order-result-button {display:flex;justify-content:space-between;gap:3%;margin-top:30px;}
.order-result-button a {display:inline-block;width:48%;padding:14px 22px;border-radius:6px;text-align:center;text-decoration:none;font-size:16px;font-weight:500;transition:0.2s;}
.order-result-button a:first-child {background:#fff;border:1px solid #ccc;color:#333;}
.order-result-button a:first-child:hover {background:#f2f2f2;}
/*.order-result-button a:last-child {background:#06aa47;color:#fff;border:none;}
.order-result-button a:last-child:hover {background:#04963c;}*/
.order-result-button a:last-child {background:#e30303;color:#fff;border:none;}
.order-result-button a:last-child:hover {background:#e30303;}
.order-result-button i {color:#fff;}
footer {background-color:#fff;}

/***************************************************************************/
/* 모바일 (최대 479px) */
/***************************************************************************/
@media (max-width:479px){
    .order-result-wrap {width:90%;padding:20px;margin:30px auto;}
    .order-result-tit {font-size:18px;margin-bottom:20px;}
    .order-result-desc {padding:20px;margin-bottom:25px;}
    .order-result-desc .account {padding-bottom:15px;margin-bottom:15px;}
    .order-result-desc .account p {font-size:14px;margin-bottom:8px;}
    .order-result-desc .account strong {font-size:18px;margin-top:10px;}
    .order-result-desc .account-desc td:nth-of-type(1) {width:4%;}
    .order-result-product {padding:20px;margin-bottom:25px;}
    .order-result-product-desc .product-img {width:45px;height:45px;}
    .order-result-product-desc p {font-size:14px;}
    .order-result-button {flex-direction:column;gap:12px;margin-top:20px;}
    .order-result-button a {width:100%;padding:12px;}
}

/***************************************************************************/
/* 일반 모바일 (480px ~ 767px) */
/***************************************************************************/
@media (min-width:480px) and (max-width:767px){
    .order-result-wrap {width:90%;padding:22px;}
    .order-result-tit {font-size:20px;margin-bottom:25px;}
    .order-result-desc {padding:24px;margin-bottom:28px;}
    .order-result-desc .account p {font-size:15px;}
    .order-result-desc .account strong {font-size:20px;}
    .order-result-product {padding:24px;margin-bottom:28px;}
    .order-result-product-desc .product-img {width:50px;height:50px;}
    .order-result-button a {padding:13px 20px;font-size:15px;}
}

/***************************************************************************/
/* 태블릿 (768px ~ 1023px) */
/***************************************************************************/
@media (min-width:768px) and (max-width:1023px){
    .order-result-wrap {width:80%;padding:28px;}
    .order-result-tit {font-size:21px;margin-bottom:28px;}
    .order-result-desc {padding:28px;margin-bottom:30px;}
    .order-result-desc .account strong {font-size:21px;}
    .order-result-product {padding:28px;margin-bottom:30px;}
    .order-result-product-desc .product-img {width:80px;height:80px;}
    .order-result-button a {padding:14px 22px;font-size:16px;}
}

/***************************************************************************/
/* 노트북 (1024px ~ 1199px) */
/***************************************************************************/
@media (min-width:1024px) and (max-width:1199px){
    .order-result-wrap {width:600px;padding:30px;}
    .order-result-tit {font-size:22px;margin-bottom:30px;}
    .order-result-desc .account strong {font-size:22px;}
    .order-result-product {margin-bottom:30px;}
    .order-result-product-desc .product-img {width:55px;height:55px;}
    .order-result-product-desc p {font-size:15px;}
}