﻿#sectionWish_List .container { max-width: 700px; }
#sectionWish_List .container .box-title { display: flex; justify-content: space-between; }
#sectionWish_List .container .box-body .list .block { position: relative; display: flex; padding: 1rem; border: 1px solid var(--color-gray-light); border-bottom-width: 0; }
#sectionWish_List .container .box-body .list .block:last-of-type { margin-bottom: 1rem; border: 1px solid var(--color-gray-light); border-bottom-width: 1px; }
#sectionWish_List .container .box-body .list .block .left { margin-bottom: 0.5rem; }
#sectionWish_List .container .box-body .list .block .left .thumb { max-width: 60px; background: no-repeat center / cover; cursor: pointer; transition: all 0.4s; }
#sectionWish_List .container .box-body .list .block .left .thumb:hover { opacity: 0.8; }
#sectionWish_List .container .box-body .list .block .right { flex: auto; padding-left: 1rem; }
#sectionWish_List .container .box-body .list .block .right .text { margin-bottom: 1rem; }
#sectionWish_List .container .box-body .list .block .right .text .title { padding-right: 5rem; font-size: 1.25rem; font-weight: 500; word-wrap: break-word; word-break: break-all; cursor: pointer; transition: all 0.4s; }
#sectionWish_List .container .box-body .list .block .right .text .title:hover { color: var(--color-text-light); }
#sectionWish_List .container .box-body .list .block .right .text .description { margin-bottom: 0.5rem; padding-right: 5rem; font-size: 0.8rem; color: var(--color-text-light); }
#sectionWish_List .container .box-body .list .block .right .text .icon .badge { margin-bottom: 0.25rem; color: var(--color-main-dark); background-color: #fff; border: 1px solid var(--color-main-dark); }
#sectionWish_List .container .box-body .list .block .right .price .price-sell { margin-right: 0.5rem; font-size: 1.25rem; font-weight: 700; }
#sectionWish_List .container .box-body .list .block .right .price .price-origin { margin-right: 0.25rem; font-size: 0.8rem; color: var(--color-gray); text-decoration: line-through; }
#sectionWish_List .container .box-body .list .block .right .price .price-per { font-size: 1rem; font-weight: 500; color: var(--color-main-light); }
#sectionWish_List .container .box-body .list .block .right .price { margin-bottom: 0; }
#sectionWish_List .container .box-body .list .block .deleteone { position: absolute; top: 1rem; right: 1rem; }
/*sm*/ @media (max-width: 575px) {
    #sectionWish_List .container .box-body .list .block { flex-direction: column; }
    #sectionWish_List .container .box-body .list .block .right { padding-left: 0; }
    #sectionWish_List .container .box-body .list .block .right .text .title { padding-right: 0; }
    #sectionWish_List .container .box-body .list .block .right .text .description { padding-right: 0; }
}

#sectionCart_List .container { max-width: 700px; }
#sectionCart_List .container .box-title { display: flex; justify-content: space-between; }
#sectionCart_List .container .box-body .list .block { position: relative; display: flex; padding: 1rem; border: 1px solid var(--color-gray-light); border-bottom-width: 0; }
#sectionCart_List .container .box-body .list .block:last-of-type { margin-bottom: 1rem; border: 1px solid var(--color-gray-light); border-bottom-width: 1px; }
#sectionCart_List .container .box-body .list .block .left { margin-bottom: 0.5rem; }
#sectionCart_List .container .box-body .list .block .left .thumb { max-width: 60px; background: no-repeat center / cover; cursor: pointer; transition: all 0.4s; }
#sectionCart_List .container .box-body .list .block .left .thumb:hover { opacity: 0.8; }
#sectionCart_List .container .box-body .list .block .right { flex: auto; padding-left: 1rem; }
#sectionCart_List .container .box-body .list .block .right .text .title { padding-right: 4rem; font-size: 1.25rem; font-weight: 500; cursor: pointer; transition: all 0.4s; }
#sectionCart_List .container .box-body .list .block .right .text .title:hover { color: var(--color-text-light); }
#sectionCart_List .container .box-body .list .block .right .text .option { margin-bottom: 1rem; color: var(--color-text-light); }
#sectionCart_List .container .box-body .list .block .right .text .option p { margin-bottom: 0; }
#sectionCart_List .container .box-body .list .block .right .price { margin-bottom: 0; }
#sectionCart_List .container .box-body .list .block .deleteone { position: absolute; top: 1rem; right: 1rem; }
#sectionCart_List .container .box-body .totalprice {  text-align: center; }
#sectionCart_List .container .box-body .totalprice .text { font-size: 1.1rem; font-weight: 500; }
#sectionCart_List .container .box-body .totalprice .num { margin-left: 0.5rem; color: var(--color-main); font-size: 1.5rem; font-weight: 700; }
/*sm*/ @media (max-width: 575px) {
    #sectionCart_List .container .box-body .list .block { flex-direction: column; }
    #sectionCart_List .container .box-body .list .block .right { padding-left: 0; }
    #sectionCart_List .container .box-body .list .block .right .text .title { padding-right: 0; }
}

#sectionCart_LoginButtons .container { max-width: 700px; }
#sectionCart_LoginButtons .container .button-list { display: flex; gap: 0.5rem; }
#sectionCart_LoginButtons .container .button-list .btn { flex: 1; padding: 1rem 0; }

#sectionCart_Input .container { max-width: 700px; }
#sectionCart_Input .container textarea { height: 200px; }

#sectionCart_Agree .container { max-width: 700px; }
#sectionCart_Agree .container .tab-content { margin-bottom: 1rem; }
#sectionCart_Agree .container .tab-content .tab-pane { height: 150px; padding: 0.5rem; white-space: pre-wrap; overflow: auto; border: 1px solid #dee2e6; border-top: 0;  }
#sectionCart_Agree .container .form-check { text-align: right; cursor: pointer; }
#sectionCart_Agree .container .form-check > * { cursor: pointer; }
#sectionCart_Agree .container .form-check .form-check-input { float: none; margin-left: 0; margin-right: 0.25rem; }
/*sm*/ @media (max-width: 575px) {
    #sectionCart_Agree .container .nav-tabs .nav-item .nav-link { padding: 0.5rem; }
}

#sectionCart_Button .container { max-width: 700px; }
#sectionCart_Button .container button { width: 100%; padding: 1rem 1.5rem; }






#sectionDirect_List .container { max-width: 700px; }
#sectionDirect_List .container .box-title { display: flex; justify-content: space-between; }
#sectionDirect_List .container .box-body .list .block { position: relative; display: flex; padding: 1rem; border: 1px solid var(--color-gray-light); border-bottom-width: 0; }
#sectionDirect_List .container .box-body .list .block:last-of-type { margin-bottom: 1rem; border: 1px solid var(--color-gray-light); border-bottom-width: 1px; }
#sectionDirect_List .container .box-body .list .block .left { margin-bottom: 0.5rem; }
#sectionDirect_List .container .box-body .list .block .left .thumb { width: 60px; background: no-repeat center / cover; cursor: pointer; transition: all 0.4s; }
#sectionDirect_List .container .box-body .list .block .left .thumb:hover { opacity: 0.8; transform: translateY(-5px); }
#sectionDirect_List .container .box-body .list .block .right { flex: auto; padding-left: 1rem; }
#sectionDirect_List .container .box-body .list .block .right .text .title { font-size: 1.25rem; font-weight: 500; cursor: pointer; transition: all 0.4s; }
#sectionDirect_List .container .box-body .list .block .right .text .title:hover { color: var(--color-text-light); }
#sectionDirect_List .container .box-body .list .block .right .text .option { margin-bottom: 1rem; color: var(--color-text-light); }
#sectionDirect_List .container .box-body .list .block .right .text .option p { margin-bottom: 0; }
#sectionDirect_List .container .box-body .list .block .right .price { margin-bottom: 0; }
#sectionDirect_List .container .box-body .totalprice {  text-align: center; }
#sectionDirect_List .container .box-body .totalprice .text { font-size: 1.1rem; font-weight: 500; }
#sectionDirect_List .container .box-body .totalprice .num { margin-left: 0.5rem; color: var(--color-main); font-size: 1.5rem; font-weight: 700; }
/*sm*/ @media (max-width: 575px) {
    #sectionDirect_List .container .box-body .list .block { flex-direction: column; }
    #sectionDirect_List .container .box-body .list .block .right { padding-left: 0; }
}

#sectionDirect_LoginButtons .container { max-width: 700px; }
#sectionDirect_LoginButtons .container .button-list { display: flex; gap: 0.5rem; }
#sectionDirect_LoginButtons .container .button-list .btn { flex: 1; padding: 1rem 0; }

#sectionDirect_Input .container { max-width: 700px; }
#sectionDirect_Input .container textarea { height: 200px; }

#sectionDirect_Agree .container { max-width: 700px; }
#sectionDirect_Agree .container .tab-content { margin-bottom: 1rem; }
#sectionDirect_Agree .container .tab-content .tab-pane { height: 150px; padding: 0.5rem; white-space: pre-wrap; overflow: auto; border: 1px solid #dee2e6; border-top: 0;  }
#sectionDirect_Agree .container .form-check { text-align: right; cursor: pointer; }
#sectionDirect_Agree .container .form-check > * { cursor: pointer; }
#sectionDirect_Agree .container .form-check .form-check-input { float: none; margin-left: 0; margin-right: 0.25rem; }
/*sm*/ @media (max-width: 575px) {
    #sectionDirect_Agree .container .nav-tabs .nav-item .nav-link { padding: 0.5rem; }
}

#sectionDirect_Button .container { max-width: 700px; }
#sectionDirect_Button .container button { width: 100%; padding: 1rem 1.5rem; }







#sectionComplete_Result { font-size: 1.25rem; }
#sectionComplete_Result .container { max-width: 500px; }
#sectionComplete_Result .container .box .box-body { padding-top: 2rem; padding-bottom: 2rem; text-align: center; font-weight: 500; }
#sectionComplete_Result .container .box .box-body p:last-child { margin-bottom: 0; }
#sectionComplete_Result .container .box .box-body .num { color: var(--color-main); font-size: 1.25rem; }

#sectionComplete_Payment { }
#sectionComplete_Payment .container { max-width: 500px; }
#sectionComplete_Payment .container .box .box-body { text-align: center; }
#sectionComplete_Payment .container .box .box-body .content { padding-top: 2rem; padding-bottom: 2rem; }
#sectionComplete_Payment .container .box .box-body .content .title { font-size: 1.25rem; font-weight: 500; }
#sectionComplete_Payment .container .box .box-body .content .description {  }
#sectionComplete_Payment .container .box .box-body button { width: 100%; }





#sectionAnonymousOrderView_View .container { max-width: 700px; }
#sectionAnonymousOrderView_View .listinfo { margin-bottom: 1rem; }
#sectionAnonymousOrderView_View .listinfo .line { display: flex; margin-bottom: 0.25rem; }
#sectionAnonymousOrderView_View .listinfo .line .header { width: 80px; font-weight: 500; }
#sectionAnonymousOrderView_View .listinfo .line .header .badge { font-size: 0.9rem; font-weight: 500; }
#sectionAnonymousOrderView_View .listinfo .line .value { flex: 1; white-space: pre-wrap; }
#sectionAnonymousOrderView_View .list .block { display: flex; padding: 1rem; border: 1px solid var(--color-gray-light); border-bottom-width: 0; }
#sectionAnonymousOrderView_View .list .block:last-of-type { margin-bottom: 1rem; border: 1px solid var(--color-gray-light); border-bottom-width: 1px; }
#sectionAnonymousOrderView_View .list .block .left { margin-bottom: 0.5rem; }
#sectionAnonymousOrderView_View .list .block .left .thumb { max-width: 60px; background: no-repeat center / cover; cursor: pointer; transition: all 0.4s; }
#sectionAnonymousOrderView_View .list .block .left .thumb:hover { opacity: 0.8; }
#sectionAnonymousOrderView_View .list .block .right { padding-left: 1rem; }
#sectionAnonymousOrderView_View .list .block .right .text .title { font-size: 1.25rem; font-weight: 500; cursor: pointer; transition: all 0.4s; }
#sectionAnonymousOrderView_View .list .block .right .text .title:hover { color: var(--color-text-light); }
#sectionAnonymousOrderView_View .list .block .right .text .option { margin-bottom: 1rem; color: var(--color-text-light); }
#sectionAnonymousOrderView_View .list .block .right .text .option p { margin-bottom: 0; }
#sectionAnonymousOrderView_View .list .block .right .price { margin-bottom: 0; }
#sectionAnonymousOrderView_View table th { white-space: nowrap; }
#sectionAnonymousOrderView_View table td p { margin-bottom: 0; }
#sectionAnonymousOrderView_View table td .price { display: flex; align-items: center; }
#sectionAnonymousOrderView_View table td .price.operation-out * { color: var(--color-red); }
#sectionAnonymousOrderView_View table td .price ~ .price { margin-top: 0.5rem; }
#sectionAnonymousOrderView_View table td .price > span { flex: 1; text-align: right; }
#sectionAnonymousOrderView_View table td .price > span.total { font-weight: 500; color: var(--color-main); }
#sectionAnonymousOrderView_View table td .price > span.date { display: flex; flex-direction: column; line-height: 1.1; font-size: 0.8rem; color: var(--color-text-light); }
#sectionAnonymousOrderView_View table td .price > span#spnRemainder { color: var(--color-red); font-weight: 500; }
#sectionAnonymousOrderView_View .buttons { text-align: right; }
#sectionAnonymousOrderView_NoData .container { max-width: 700px; }
/*sm*/ @media (max-width: 575px) {
    #sectionAnonymousOrderView_View .list .block { flex-direction: column; }
    #sectionAnonymousOrderView_View .list .block .right { padding-left: 0; }
}

#sectionAnonymousOrderView_Guide { }
#sectionAnonymousOrderView_Guide .container { max-width: 700px; }

#sectionAnonymousOrderView_Account { }
#sectionAnonymousOrderView_Account .container { max-width: 700px; }
#sectionAnonymousOrderView_Account .container .box-body { display: flex; flex-wrap: wrap; align-items: center; gap: 0.5rem; }
#sectionAnonymousOrderView_Account .container .box-body .bankname { font-size: 1.5rem; font-weight: 500; }
#sectionAnonymousOrderView_Account .container .box-body .accountnumber { font-size: 1.5rem; font-weight: 500; }

#sectionAnonymousOrderView_Pg { }
#sectionAnonymousOrderView_Pg .container { max-width: 700px; }
#sectionAnonymousOrderView_Pg .container .method-list { display: flex; justify-content: space-between; gap: 0.25rem; margin-bottom: 1rem; }
#sectionAnonymousOrderView_Pg .container .method-list .method-item { flex-grow: 1; padding: 0.5rem 0; white-space: nowrap; text-align: center; font-size: 0.9rem; border: 1px solid var(--color-gray-light); border-radius: 0.25rem; cursor: pointer; transition: 0.4s; }
#sectionAnonymousOrderView_Pg .container .method-list .method-item:hover { color: var(--color-main); border-color: var(--color-main); }
#sectionAnonymousOrderView_Pg .container .method-list .method-item.active { font-weight: 500; color: #fff; background-color: var(--color-main); border-color: var(--color-main); }
#sectionAnonymousOrderView_Pg .container .method-list .method-item i { margin-right: 0.25rem; }
#sectionAnonymousOrderView_Pg .container .pay { display: flex; justify-content: flex-end; align-items: stretch; gap: 1rem; }
#sectionAnonymousOrderView_Pg .container .pay .priceblock { display: flex; align-items: flex-end; gap: 0.25rem; }
#sectionAnonymousOrderView_Pg .container .pay .priceblock #iptPrice { font-size: 2rem; font-weight: 700; border: 0; border-bottom: 2px solid var(--color-text); border-radius: 0; }
#sectionAnonymousOrderView_Pg .container .pay .priceblock .won { font-size: 1.5rem; font-weight: 500; }
#sectionAnonymousOrderView_Pg .container .pay .buttonblock .btn { height: 100%; padding: 0 1.5rem; white-space: nowrap; }
/*sm*/ @media (max-width: 575px) {
    #sectionAnonymousOrderView_Pg .container .method-list { flex-wrap: wrap; }
    #sectionAnonymousOrderView_Pg .container .method-list .method-item { padding: 0.4rem 0; }
    #sectionAnonymousOrderView_Pg .container .pay .priceblock #iptPrice { font-size: 1.75rem; }
    #sectionAnonymousOrderView_Pg .container .pay .buttonblock .btn { padding: 0 0.5rem; }
}

#sectionAnonymousOrderView_Notice { }
#sectionAnonymousOrderView_Notice .container { max-width: 700px; }
#sectionAnonymousOrderView_Notice .container .area { margin-top: 1rem; }
#sectionAnonymousOrderView_Notice .container .area .title { font-weight: 500; }
#sectionAnonymousOrderView_Notice .container .area .title i { margin-right: 0.5rem; }
#sectionAnonymousOrderView_Notice .filelist { display: flex; flex-wrap: wrap; gap: 0.5rem; }
#sectionAnonymousOrderView_Notice .filelist .file { border-radius: 10rem; cursor: pointer; transition: 0.4s; }
#sectionAnonymousOrderView_Notice .filelist .file:hover { opacity: 0.8; }
#sectionAnonymousOrderView_Notice .filelist .file a { display: flex; align-items: center; color: #fff; }
#sectionAnonymousOrderView_Notice .filelist .file a:hover { color: #fff; }
#sectionAnonymousOrderView_Notice .filelist .file a > span { padding: 0.5rem 1rem; }
#sectionAnonymousOrderView_Notice .filelist .file a .file-name { font-weight: 500; border-right: 1px dashed rgba(255, 255, 255, 0.5); }
#sectionAnonymousOrderView_Notice .filelist .file a .file-button { white-space: nowrap; font-size: 0.75rem; }
#sectionAnonymousOrderView_Notice #divNotice_Pdf .file { background-color: var(--color-main); }
#sectionAnonymousOrderView_Notice #divNotice_File .file { background-color: var(--color-main-dark); }

#divModalCancel textarea { height: 150px; }