.mainForm { position: relative; }
.mainForm .top .text1 { font-family: 'SCDream', serif; font-weight: 600; font-size: 36px; color: #fff; line-height: 1.35; }
.mainForm .top .text2 { margin-top: 5px; font-size: 20px; color: #fff; line-height: 1.35; }
.mainForm .top .text2 br { display: none; }
.mainForm .top .text3 { margin-top: 10px; text-align: right; font-size: 18px; color: #fff; line-height: 1.35; }
.mainForm .top .text3 span { color: #00b4ff; }

.mainForm form { position: relative; width: 100%; padding-top: 10px; }
.mainForm form .customWrap { position: relative; font-size: 18px; color: #fff; line-height: 1.2; }
.mainForm form .customWrap * { font-size: inherit; color: inherit; line-height: inherit; }
.mainForm form .inputwrap { display: flex; flex-wrap: nowrap; align-items: center; margin-top: 10px; }
.mainForm form .inputwrap .inputinfo { width: 90px; min-width: 90px; padding-right: 5px; }
.mainForm form .inputwrap label { display: inline-block; font-weight: 500; }
.mainForm form .inputwrap label.required { padding-right: 15px; }
.mainForm form .inputwrap .inputText { display: block; width: 100%; padding: 5px; border-radius: 5px; background-color: #fff; color: #333; box-shadow: none !important; outline: none !important; border: none !important; }
.mainForm form .inputwrap .inputwrap2 { display: flex; flex-wrap: nowrap; align-items: center; width: 100%; }
.mainForm form .inputwrap .inputwrap2 .inputText { width: 100%; }
.mainForm form .inputwrap .inputwrap2 .input_desc1 { display: inline-block; margin-left: 10px; min-width: max-content; }

.mainForm form .customAgree { margin-top: 13px; display: flex; flex-wrap: nowrap; justify-content: space-between; }
.mainForm form .customAgree label { position: relative; display: inline-flex; flex-wrap: nowrap; align-items: center; font-size: 16px; color: #fff; line-height: 1; cursor: pointer; }
.mainForm form .customAgree label * { font-size: inherit; color: inherit; line-height: inherit; }
.mainForm form .customAgree label input { z-index: -1; position: absolute; opacity: 0; }
.mainForm form .customAgree label span { position: relative; display: inline-block; width: 15px; height: 15px; background-color: #fff; border-radius: 3px; }
.mainForm form .customAgree label span::after { display: none; content: '\2713'; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); color: #333; }
.mainForm form .customAgree label input:checked + span::after { display: block; }
.mainForm form .customAgree label p { display: inline-block; margin-left: 5px; }
.mainForm form .customAgree label a { display: inline-block; margin-left: 5px; }
.mainForm form .customAgree button { display: inline-block; padding: 9px 27px; text-align: center; font-size: 20px; color: #fff; border-radius: 8px; background-color: #0084ff; box-shadow: none !important; outline: none !important; border: none !important; }

@media (max-width: 1535px) {
    .mainForm .top .text2 br { display: inline-block; }

    .mainForm form .customAgree label span { width: 13px; height: 13px; }
    .mainForm form .customAgree button { border-radius: 7px; }
}
@media (max-width: 1279px) {
    .mainForm form .customAgree label span { width: 11px; height: 11px; border-radius: 1px; }
    .mainForm form .customAgree button { border-radius: 6px; }
}
@media (max-width: 1023px) {
    .mainForm form .customAgree label span { width: 10px; height: 10px; border-radius: 0; }
}
@media (max-width: 767px) {
    .mainForm form .inputwrap .inputinfo { width: 80px; min-width: 80px; }
    .mainForm form .customAgree button { border-radius: 5px; }
}
@media (max-width: 360px) {
    .mainForm form .customAgree { display: block; }
    .mainForm form .customAgree button { margin-top: 10px; }    
}

/* adminbtn */
.mainForm .adminbtn { margin-top: 10px; text-align: right; }
.mainForm .adminbtn a { display: inline-block; color: #fff; font-size: 15px; }


/* #quickform */
#quickform { z-index: 994; position: sticky; bottom: 0; left: 0; width: 100%; background-color: rgba(81, 81, 81, 0.8); padding: 20px 0; }
@media (max-width: 1023px) {
    #quickform { display: none !important; }
}

#quickform .top { display: flex; flex-wrap: nowrap; justify-content: space-between; }
#quickform .top dl { display: flex; flex-wrap: nowrap; align-items: center; }
#quickform .top dl dt { position: relative; min-width: max-content; margin-right: 15px; padding-right: 15px; font-weight: 700; font-size: 26px; color: #fff; line-height: 1.4; display: flex; flex-wrap: nowrap; align-items: center; }
#quickform .top dl dt * { font-weight: inherit; font-size: inherit; color: inherit; line-height: inherit; }
#quickform .top dl dt::after { display: block; content: ''; position: absolute; top: 50%; transform: translateY(-50%); right: 0; width: 1px; height: 90%; background-color: #747474; }
#quickform .top dl dt img { display: inline-block; width: 50px; margin-right: 15px; }
#quickform .top dl dt span { display: inline-block; }
#quickform .top dl dd { font-size: 16px; color: #ffe400; line-height: 1.4; }
#quickform .top dl dd * { font-size: inherit; color: inherit; line-height: inherit; }
@media (max-width: 1535px) {
    #quickform { padding: 25px 0; }
    #quickform .top dl dt { margin-right: 13px; padding-right: 13px; }
    #quickform .top dl dt img { width: calc(30px + 1.1vw); margin-right: 13px; }
}
@media (max-width: 1320px) {
    #quickform .top { display: block; }
}
@media (max-width: 1279px) {
    #quickform { padding: 20px 0; }
    #quickform .top dl dt { margin-right: 10px; padding-right: 10px; }
    #quickform .top dl dt img { margin-right: 10px; }
}
@media (max-width: 1023px) {
    #quickform .top dl { display: block; }
    #quickform .top dl dt { min-width: initial; margin-right: initial; padding-right: initial; padding-bottom: 10px; margin-bottom: 10px;}
    #quickform .top dl dt::after { display: block; content: ''; top: initial; transform: translateY(0); left: 0; right: initial; bottom: 0; width: 100%; height: 1px; }
    #quickform .top dl dt img { margin-right: 10px; width: 30px; }
}

#quickform .bottom { margin-top: 20px; }
#quickform .bottom form { width: 100%; }
#quickform .bottom .customWrap { display: flex; width: 100%; flex-wrap: nowrap; align-items: end; font-size: 16px; color: #fff; line-height: 1; }
#quickform .bottom .customWrap * { font-size: inherit; color: inherit; line-height: inherit; }
#quickform .bottom .customWrap .inputwrap { padding: 5px; width: 100%; }
#quickform .bottom .customWrap .inputwrap:last-of-type { width: auto; min-width: max-content; padding-right: initial; }
#quickform .bottom .customWrap .inputwrap .inputinfo { margin-bottom: 5px; }
#quickform .bottom .customWrap .inputwrap .inputwrap2 { display: flex; flex-wrap: nowrap; align-items: center; width: 100%; padding: 5px; background-color: #fff; border-radius: 5px; height: 40px; }
#quickform .bottom .customWrap .inputwrap .inputwrap2 .inputText { display: block; width: 100%; color: #333; background-color: transparent; outline: none !important; border: none !important; box-shadow: none !important; }
#quickform .bottom .customWrap .inputwrap button { display: inline-block; padding: 5px 45px; height: 40px; text-align: center; font-weight: 500; color: #fff; background-color: #5891c6; border-radius: 5px; outline: none !important; border: none !important; box-shadow: none !important; }
#quickform .bottom .customWrap .inputwrap .input_desc1 { color: #333; }
@media (max-width: 1535px) {
    #quickform .bottom .customWrap .inputwrap .inputwrap2 { height: 35px; }
    #quickform .bottom .customWrap .inputwrap button { padding: 5px 40px; height: 35px; }
}
@media (max-width: 1279px) {
    #quickform .bottom { margin-top: 10px; }
    #quickform .bottom .customWrap .inputwrap .inputwrap2 { height: 31px; }
    #quickform .bottom .customWrap .inputwrap button { padding: 5px 35px; height: 31px; }
}

#quickform .agreewrap { position: relative; text-align: right; margin-top: 10px; }
#quickform .agreewrap label { position: relative; display: inline-flex; flex-wrap: nowrap; align-items: center; text-align: left; font-size: 15px; color: #fff; line-height: 1; cursor: pointer; }
#quickform .agreewrap label * { font-size: inherit; color: inherit; line-height: inherit; }
#quickform .agreewrap input { z-index: -1; position: absolute; top: 0; left: 0; opacity: 0; }
#quickform .agreewrap span { position: relative; display: inline-block; margin-right: 5px; width: 15px; height: 15px; border: 1px solid #ddd; border-radius: 50%; background-color: #fff; }
#quickform .agreewrap span::after { display: none; content: '\2713'; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); color: #333; }
#quickform .agreewrap input:checked + span::after { display: block; }
#quickform .agreewrap p { display: inline-block; margin-left: 2px; }
#quickform .agreewrap a { display: inline-block; margin-left: 2px; text-decoration: underline; }