
/* quotation_section */
.quotation_section{}
.quotation_section .sitewidth .boxCont{margin:100px 0;}
.quotation_section .sitewidth .boxCont .tableBox .contentsBox{display:-webkit-box;display:-ms-flexbox;display:flex;}
.quotation_section .sitewidth .boxCont .tableBox .contentsBox .txtBox{width:330px;}
.quotation_section .sitewidth .boxCont .tableBox .contentsBox .itemBox{-webkit-flex:1;flex:1;}
.quotation_section .sitewidth .boxCont .tableBox .contentsBox .itemBox .item{padding:25px 0;border-top:solid 1px #e0e0e0;}
.quotation_section .sitewidth .boxCont .tableBox .contentsBox .itemBox .item > label{display:-webkit-box;display:-ms-flexbox;display:flex;}
.quotation_section .sitewidth .boxCont .tableBox .contentsBox .itemBox .item > label .name{width:220px;font-size:20px;font-weight:400;}
.quotation_section .sitewidth .boxCont .tableBox .contentsBox .itemBox .item > label .name span.star{color:#d20000;}
.quotation_section .sitewidth .boxCont .tableBox .contentsBox .itemBox .item > label .inputBox{-webkit-flex:1;flex:1;}
.quotation_section .sitewidth .boxCont .tableBox .contentsBox .itemBox .item > label .inputBox a{display:block;cursor:pointer;text-decoration:underline;}
.quotation_section .sitewidth .boxCont .tableBox .contentsBox .itemBox .item > label .inputBox input,
.quotation_section .sitewidth .boxCont .tableBox .contentsBox .itemBox .item > label .inputBox [custom-select-item]{width:300px;}
.quotation_section .sitewidth .boxCont .tableBox .contentsBox .itemBox .item > label .inputBox input.full {width: 100%;}
.quotation_section .sitewidth .boxCont .tableBox .contentsBox .itemBox .item > label .inputBox input,
.quotation_section .sitewidth .boxCont .tableBox .contentsBox .itemBox .item > label .inputBox input::placeholder,
.quotation_section .sitewidth .boxCont .tableBox .contentsBox .itemBox .item > label .inputBox textarea{box-sizing:border-box;line-height:1.5em;height:2.5em;padding:10px;font-size:18px;font-weight:500;color:#616161;}
.quotation_section .sitewidth .boxCont .tableBox .contentsBox .itemBox .item > label .downloadBox input{width:50%;}
.quotation_section .sitewidth .boxCont .tableBox .contentsBox .itemBox .item > label .downloadBox .desc{display:block;margin-top:15px;font-size:14px;letter-spacing:-0.01em;color:#616161;}
.quotation_section .sitewidth .boxCont .tableBox .contentsBox .itemBox .item > label .inputBox textarea{width:100%;height:10em;resize:none;}
.quotation_section .sitewidth .boxCont .tableBox .contentsBox .txtBox .title,
.quotation_section .sitewidth .boxCont .tableBox .contentsBox .itemBox .item > label .inputBox .name{line-height:1.6;font-size:24px;font-weight:900;color:#000;}
.quotation_section .sitewidth .boxCont .tableBox .agreeBox .itemBox{text-align:center;}
.quotation_section .sitewidth .boxCont .tableBox .agreeBox .itemBox .item{padding:15px 0;text-align:left;border-top:solid 1px #000;border-bottom:solid 1px #000;}
.quotation_section .sitewidth .boxCont .tableBox .agreeBox .itemBox .item .desc{line-height:1.8;font-size:18px;letter-spacing:-0.01em;color:#616161;}
.quotation_section .sitewidth .boxCont .tableBox .agreeBox .itemBox .item a.desc{display:inline-block;margin-left:15px;cursor:pointer;text-decoration:underline;color:#1b66a3;}
.quotation_section .sitewidth .boxCont .tableBox .agreeBox .itemBox .item label{margin-left:10px;font-size:18px;}
.quotation_section .sitewidth .boxCont .tableBox .agreeBox .itemBox .item input[type="checkbox"]{display: none;}
.quotation_section .sitewidth .boxCont .tableBox .agreeBox .itemBox .item input[type="checkbox"] + label{display:inline;padding-left:35px;position:relative;}
.quotation_section .sitewidth .boxCont .tableBox .agreeBox .itemBox .item input[type="checkbox"] + label::after{content:'';position:absolute;left:0;top:0;display:block;width:1.3em;height:1.3em;font-size:15px;color:#f26538;text-align: center;border:1px solid #707070;}
.quotation_section .sitewidth .boxCont .tableBox .agreeBox .itemBox .item input[type="checkbox"]:checked + label::after{content:'✔';}
.quotation_section .sitewidth .boxCont .tableBox .agreeBox .btnBox{margin-top:35px;}
.quotation_section .sitewidth .boxCont .tableBox .agreeBox .btnBox button{display:block;width:200px;line-height:2.5;border:0;margin:0 auto;padding:0;-webkit-appearance:none;border-radius:0;font-size:24px;letter-spacing:-0.05em;font-weight:600;color:#fff;text-align:center;text-decoration:none;background-color:#f26538;cursor:pointer;}
.quotation_section .sitewidth .boxCont .tableBox .agreeBox .agreeCheckBox{display:block;padding:15px 0;text-align:center;}
input[type='text'],input[type='password'],input[type='email'],input[type='number'],input[type='tel'],textarea {border: 1px solid #cdcdcd;padding: 0 2px;}

@media all and (max-width:1600px){
	.quotation_section .sitewidth .boxCont{margin:93px 0;}
    .quotation_section .sitewidth .boxCont .tableBox .contentsBox .txtBox{width:310px;}
    .quotation_section .sitewidth .boxCont .tableBox .contentsBox .itemBox .item{padding:23px 0;}
    .quotation_section .sitewidth .boxCont .tableBox .contentsBox .itemBox .item > label .name{width:210px;font-size:19px;}
    .quotation_section .sitewidth .boxCont .tableBox .contentsBox .itemBox .item > label .inputBox input,
    .quotation_section .sitewidth .boxCont .tableBox .contentsBox .itemBox .item > label .inputBox [custom-select-item]{width:280px;}
    .quotation_section .sitewidth .boxCont .tableBox .contentsBox .itemBox .item > label .inputBox input,
    .quotation_section .sitewidth .boxCont .tableBox .contentsBox .itemBox .item > label .inputBox input::placeholder,
    .quotation_section .sitewidth .boxCont .tableBox .contentsBox .itemBox .item > label .inputBox textarea{font-size:17px;}
    .quotation_section .sitewidth .boxCont .tableBox .contentsBox .itemBox .item > label .downloadBox .desc{font-size:13px;}
    .quotation_section .sitewidth .boxCont .tableBox .contentsBox .txtBox .title,
    .quotation_section .sitewidth .boxCont .tableBox .contentsBox .itemBox .item > label .inputBox .name{font-size:22px;}
    .quotation_section .sitewidth .boxCont .tableBox .agreeBox .itemBox .item .desc,
	.quotation_section .sitewidth .boxCont .tableBox .agreeBox .itemBox .item label{font-size:17px;}
    .quotation_section .sitewidth .boxCont .tableBox .agreeBox .btnBox{margin-top:33px;}
    .quotation_section .sitewidth .boxCont .tableBox .agreeBox .btnBox button{width:190px;font-size:22px;}
}
@media all and (max-width:1400px){
	.quotation_section .sitewidth .boxCont{margin:89px 0;}
    .quotation_section .sitewidth .boxCont .tableBox .contentsBox .txtBox{width:290px;}
    .quotation_section .sitewidth .boxCont .tableBox .contentsBox .itemBox .item{padding:22px 0;}
    .quotation_section .sitewidth .boxCont .tableBox .contentsBox .itemBox .item > label .name{width:200px;font-size:18px;}
    .quotation_section .sitewidth .boxCont .tableBox .contentsBox .itemBox .item > label .inputBox input,
    .quotation_section .sitewidth .boxCont .tableBox .contentsBox .itemBox .item > label .inputBox [custom-select-item]{width:270px;}
    .quotation_section .sitewidth .boxCont .tableBox .contentsBox .itemBox .item > label .inputBox input,
    .quotation_section .sitewidth .boxCont .tableBox .contentsBox .itemBox .item > label .inputBox input::placeholder,
    .quotation_section .sitewidth .boxCont .tableBox .contentsBox .itemBox .item > label .inputBox textarea{font-size:16px;}
    .quotation_section .sitewidth .boxCont .tableBox .contentsBox .txtBox .title,
    .quotation_section .sitewidth .boxCont .tableBox .contentsBox .itemBox .item > label .inputBox .name{font-size:21px;}
    .quotation_section .sitewidth .boxCont .tableBox .agreeBox .itemBox .item .desc,
	.quotation_section .sitewidth .boxCont .tableBox .agreeBox .itemBox .item label{font-size:16px;}
    .quotation_section .sitewidth .boxCont .tableBox .agreeBox .btnBox{margin-top:31px;}
    .quotation_section .sitewidth .boxCont .tableBox .agreeBox .btnBox button{width:180px;font-size:21px;}
}
@media all and (max-width:1200px){
	.quotation_section .sitewidth .boxCont{margin:84px 0;}
    .quotation_section .sitewidth .boxCont .tableBox .contentsBox .txtBox{width:240px;}
    .quotation_section .sitewidth .boxCont .tableBox .contentsBox .itemBox .item{padding:21px 0;}
    .quotation_section .sitewidth .boxCont .tableBox .contentsBox .itemBox .item > label .name{width:190px;font-size:17px;}
    .quotation_section .sitewidth .boxCont .tableBox .contentsBox .itemBox .item > label .inputBox input,
    .quotation_section .sitewidth .boxCont .tableBox .contentsBox .itemBox .item > label .inputBox [custom-select-item]{width:250px;}
    .quotation_section .sitewidth .boxCont .tableBox .contentsBox .itemBox .item > label .inputBox input,
    .quotation_section .sitewidth .boxCont .tableBox .contentsBox .itemBox .item > label .inputBox input::placeholder,
    .quotation_section .sitewidth .boxCont .tableBox .contentsBox .itemBox .item > label .inputBox textarea{font-size:15px;}
    .quotation_section .sitewidth .boxCont .tableBox .contentsBox .txtBox .title,
    .quotation_section .sitewidth .boxCont .tableBox .contentsBox .itemBox .item > label .inputBox .name{font-size:20px;}
    .quotation_section .sitewidth .boxCont .tableBox .agreeBox .itemBox .item .desc,
	.quotation_section .sitewidth .boxCont .tableBox .agreeBox .itemBox .item label{font-size:15px;}
    .quotation_section .sitewidth .boxCont .tableBox .agreeBox .btnBox{margin-top:29px;}
    .quotation_section .sitewidth .boxCont .tableBox .agreeBox .btnBox button{width:170px;font-size:20px;}
}
@media all and (max-width:1000px){
	.quotation_section .sitewidth .boxCont{margin:80px 0;}
    .quotation_section .sitewidth .boxCont .tableBox .contentsBox .txtBox{width:200px;}
    .quotation_section .sitewidth .boxCont .tableBox .contentsBox .itemBox .item{padding:20px 0;}
    .quotation_section .sitewidth .boxCont .tableBox .contentsBox .itemBox .item > label .name{width:180px;font-size:16px;}
    .quotation_section .sitewidth .boxCont .tableBox .contentsBox .itemBox .item > label .inputBox input,
    .quotation_section .sitewidth .boxCont .tableBox .contentsBox .itemBox .item > label .inputBox [custom-select-item]{width:240px;}
    .quotation_section .sitewidth .boxCont .tableBox .contentsBox .itemBox .item > label .inputBox input,
    .quotation_section .sitewidth .boxCont .tableBox .contentsBox .itemBox .item > label .inputBox input::placeholder,
    .quotation_section .sitewidth .boxCont .tableBox .contentsBox .itemBox .item > label .inputBox textarea{font-size:14px;}
    .quotation_section .sitewidth .boxCont .tableBox .contentsBox .itemBox .item > label .downloadBox .desc{font-size:12px;}
    .quotation_section .sitewidth .boxCont .tableBox .contentsBox .txtBox .title,
    .quotation_section .sitewidth .boxCont .tableBox .contentsBox .itemBox .item > label .inputBox .name{font-size:19px;}
    .quotation_section .sitewidth .boxCont .tableBox .agreeBox .itemBox .item .desc,
	.quotation_section .sitewidth .boxCont .tableBox .agreeBox .itemBox .item label{font-size:14px;}
	.quotation_section .sitewidth .boxCont .tableBox .agreeBox .itemBox .item input[type="checkbox"] + label{padding-left:2em;}
	.quotation_section .sitewidth .boxCont .tableBox .agreeBox .itemBox .item input[type="checkbox"] + label::after{width:1em;height:1em;}
    .quotation_section .sitewidth .boxCont .tableBox .agreeBox .btnBox{margin-top:28px;}
    .quotation_section .sitewidth .boxCont .tableBox .agreeBox .btnBox button{width:160px;font-size:19px;}
}
@media all and (max-width:800px){
	.quotation_section .sitewidth .boxCont{margin:75px 0;}
    .quotation_section .sitewidth .boxCont .tableBox .contentsBox{-webkit-box-lines:multiple;-ms-flex-wrap:wrap;flex-wrap:wrap;}
    .quotation_section .sitewidth .boxCont .tableBox .contentsBox .txtBox,
    .quotation_section .sitewidth .boxCont .tableBox .contentsBox .itemBox{width:100%;}
    .quotation_section .sitewidth .boxCont .tableBox .contentsBox .itemBox{margin-top:10px;}
    .quotation_section .sitewidth .boxCont .tableBox .contentsBox .itemBox .item{padding:18px 0;}
    .quotation_section .sitewidth .boxCont .tableBox .contentsBox .itemBox .item > label .name{width:140px;font-size:15px;}
    .quotation_section .sitewidth .boxCont .tableBox .contentsBox .itemBox .item > label .inputBox input,
    .quotation_section .sitewidth .boxCont .tableBox .contentsBox .itemBox .item > label .inputBox [custom-select-item]{width:230px;}
    .quotation_section .sitewidth .boxCont .tableBox .contentsBox .itemBox .item > label .downloadBox .desc{margin-top:10px;font-size:11px;}
    .quotation_section .sitewidth .boxCont .tableBox .contentsBox .txtBox .title,
    .quotation_section .sitewidth .boxCont .tableBox .contentsBox .itemBox .item > label .inputBox .name{font-size:18px;}
    .quotation_section .sitewidth .boxCont .tableBox .contentsBox .txtBox .title br{display:none;}
    .quotation_section .sitewidth .boxCont .tableBox .agreeBox{margin-top:26px;}
    .quotation_section .sitewidth .boxCont .tableBox .agreeBox .itemBox .item{padding:10px 0;}
    .quotation_section .sitewidth .boxCont .tableBox .agreeBox .btnBox{margin-top:26px;}
    .quotation_section .sitewidth .boxCont .tableBox .agreeBox .btnBox button{width:150px;font-size:18px;}
    .quotation_section .sitewidth .boxCont .tableBox .agreeBox .agreeCheckBox{padding:10px 0;}
}
@media all and (max-width:600px){
	.quotation_section .sitewidth .boxCont{margin:71px 0;}
    .quotation_section .sitewidth .boxCont .tableBox .contentsBox .itemBox .item{padding:17px 0;}
    .quotation_section .sitewidth .boxCont .tableBox .contentsBox .itemBox .item > label .name{width:100px;font-size:14px;}
    .quotation_section .sitewidth .boxCont .tableBox .contentsBox .itemBox .item > label .inputBox input,
    .quotation_section .sitewidth .boxCont .tableBox .contentsBox .itemBox .item > label .inputBox [custom-select-item]{width:210px;}
    .quotation_section .sitewidth .boxCont .tableBox .contentsBox .itemBox .item > label .inputBox input,
    .quotation_section .sitewidth .boxCont .tableBox .contentsBox .itemBox .item > label .inputBox input::placeholder,
    .quotation_section .sitewidth .boxCont .tableBox .contentsBox .itemBox .item > label .inputBox textarea{font-size:13px;}
    .quotation_section .sitewidth .boxCont .tableBox .contentsBox .txtBox .title,
    .quotation_section .sitewidth .boxCont .tableBox .contentsBox .itemBox .item > label .inputBox .name{font-size:17px;}
    .quotation_section .sitewidth .boxCont .tableBox .agreeBox{margin-top:25px;}
    .quotation_section .sitewidth .boxCont .tableBox .agreeBox .itemBox .item .desc,
	.quotation_section .sitewidth .boxCont .tableBox .agreeBox .itemBox .item label{font-size:13px;}
    .quotation_section .sitewidth .boxCont .tableBox .agreeBox .btnBox{margin-top:25px;}
    .quotation_section .sitewidth .boxCont .tableBox .agreeBox .btnBox button{width:140px;font-size:17px;}
}
@media all and (max-width:400px){
	.quotation_section .sitewidth .boxCont{margin:66px 0;}
    .quotation_section .sitewidth .boxCont .tableBox .contentsBox .itemBox .item{padding:16px 0;}
    .quotation_section .sitewidth .boxCont .tableBox .contentsBox .itemBox .item > label .name{width:80px;font-size:13px;}
    .quotation_section .sitewidth .boxCont .tableBox .contentsBox .itemBox .item > label .inputBox input,
    .quotation_section .sitewidth .boxCont .tableBox .contentsBox .itemBox .item > label .inputBox [custom-select-item]{width:200px;}
    .quotation_section .sitewidth .boxCont .tableBox .contentsBox .itemBox .item > label .inputBox input,
    .quotation_section .sitewidth .boxCont .tableBox .contentsBox .itemBox .item > label .inputBox input::placeholder,
    .quotation_section .sitewidth .boxCont .tableBox .contentsBox .itemBox .item > label .inputBox textarea{padding:5px;font-size:12px;}
    .quotation_section .sitewidth .boxCont .tableBox .contentsBox .itemBox .item > label .downloadBox .desc{font-size:10px;}
    .quotation_section .sitewidth .boxCont .tableBox .contentsBox .txtBox .title,
    .quotation_section .sitewidth .boxCont .tableBox .contentsBox .itemBox .item > label .inputBox .name{font-size:16px;}
    .quotation_section .sitewidth .boxCont .tableBox .agreeBox{margin-top:23px;}
    .quotation_section .sitewidth .boxCont .tableBox .agreeBox .itemBox .item{padding:5px 0;}
    .quotation_section .sitewidth .boxCont .tableBox .agreeBox .itemBox .item .desc,
	.quotation_section .sitewidth .boxCont .tableBox .agreeBox .itemBox .item label{font-size:12px;}
    .quotation_section .sitewidth .boxCont .tableBox .agreeBox .btnBox{margin-top:23px;}
    .quotation_section .sitewidth .boxCont .tableBox .agreeBox .btnBox button{width:130px;font-size:16px;}
    .quotation_section .sitewidth .boxCont .tableBox .agreeBox .agreeCheckBox{padding:5px 0;}
}
@media all and (max-width:320px){
	.quotation_section .sitewidth .boxCont{margin:53px 0;}
    .quotation_section .sitewidth .boxCont .tableBox .contentsBox .itemBox .item{padding:13px 0;}
	.quotation_section .sitewidth .boxCont .tableBox .contentsBox .itemBox .item > label .name{font-size:11px;}
    .quotation_section .sitewidth .boxCont .tableBox .contentsBox .itemBox .item > label .inputBox input,
    .quotation_section .sitewidth .boxCont .tableBox .contentsBox .itemBox .item > label .inputBox [custom-select-item]{width:160px;}
    .quotation_section .sitewidth .boxCont .tableBox .contentsBox .itemBox .item > label .inputBox input,
    .quotation_section .sitewidth .boxCont .tableBox .contentsBox .itemBox .item > label .inputBox input::placeholder,
    .quotation_section .sitewidth .boxCont .tableBox .contentsBox .itemBox .item > label .inputBox textarea{font-size:10px;}
    .quotation_section .sitewidth .boxCont .tableBox .contentsBox .itemBox .item > label .downloadBox .desc{font-size:8px;}
    .quotation_section .sitewidth .boxCont .tableBox .contentsBox .txtBox .title,
    .quotation_section .sitewidth .boxCont .tableBox .contentsBox .itemBox .item > label .inputBox .name{font-size:13px;}
    .quotation_section .sitewidth .boxCont .tableBox .agreeBox{margin-top:18px;}
    .quotation_section .sitewidth .boxCont .tableBox .agreeBox .itemBox .item .desc,
	.quotation_section .sitewidth .boxCont .tableBox .agreeBox .itemBox .item label{font-size:10px;}
    .quotation_section .sitewidth .boxCont .tableBox .agreeBox .btnBox{margin-top:18px;}
    .quotation_section .sitewidth .boxCont .tableBox .agreeBox .btnBox button{width:110px;font-size:13px;}
}

/*CUSTOM SELECT*/
[custom-select-item]{position:relative;font-size:16px;line-height:calc(3em - 2px);}
[custom-select-item] [custom-select-label]{position:relative;z-index:1;display:block;cursor:pointer;height:3em;padding-right:16px;border:1px solid #cccccc;box-sizing:border-box;text-align:center;font-weight:500;color:#aaaaaa;}
[custom-select-item] [custom-select-label][active="1"]{color:#000000;}
[custom-select-item] [custom-select-label]:after{content:"";display:block;position:absolute;right:0;top:50%;transform:translateY(-50%);width:3em;height:3em;background-image:url("../img/custom_select_arrow.png");background-size:20px;background-repeat:no-repeat;background-position:center center;}
[custom-select-item] [custom-select-list]{position:absolute;z-index:0;display:none;top:0;left:0;width:100%;padding-top:3em;border:1px solid #cccccc;box-sizing:border-box;background-color:#ffffff;}
[custom-select-item] [custom-select-list] ul{margin:0;padding:0;list-style:none;text-align:center;max-height:15em;overflow-y:scroll;}
[custom-select-item] [custom-select-list] ul li{height:3em;font-weight:500;color:#000000;box-sizing:border-box;cursor:pointer;}
[custom-select-item] [custom-select-list] ul li:nth-child(n+2){border-top:1px solid #cccccc;}
[custom-select-item] [custom-select-list] ul li:hover{background-color:#126cb6;color:#ffffff;}
[custom-select-item] [custom-select-list] ul li[active="1"]{background-color:#126cb6;color:#ffffff;}
[custom-select-item] select{display:none;}
[custom-select-item][active="1"] [custom-select-list]{display:block;}

.xefu-dropzone{color:#5b5b5b;background-color:#fff;}
.xefu-btn{height:auto !important;background:#1b66a3;border:none;}
.xefu-btn>a, .xefu-btn>button, .xefu-btn>input, .xefu-btn>span{line-height:3;height:3em;color:#fff;}
.xefu-btn:hover, .xefu-btn:active, .xefu-btn[disabled]{background:#f9f9f9;}
.xefu-btn:hover>*, .xefu-btn:active>*, .xefu-btn[disabled]>*{font-weight:700;color:#5b5b5b;}
p.xefu-dropzone-message,
.upload_info{line-height:2;font-size:18px;}
@media all and (max-width:1600px){
	[custom-select-item]{font-size:15px;}
    [custom-select-item] [custom-select-label]{padding-right:15px;}
    [custom-select-item] [custom-select-label]:after{background-size:19px;}

    p.xefu-dropzone-message,.upload_info{font-size:17px;}
}
@media all and (max-width:1400px){
	[custom-select-item]{font-size:14px;}
    [custom-select-item] [custom-select-label]{padding-right:14px;}
    [custom-select-item] [custom-select-label]:after{background-size:18px;}

    p.xefu-dropzone-message,.upload_info{font-size:16px;}
}
@media all and (max-width:1200px){
	[custom-select-item]{font-size:13px;}
    [custom-select-item] [custom-select-label]{padding-right:13px;}
    [custom-select-item] [custom-select-label]:after{background-size:17px;}

    p.xefu-dropzone-message,.upload_info{font-size:15px;}
}
@media all and (max-width:1000px){
	[custom-select-item]{font-size:12px;}
    [custom-select-item] [custom-select-label]{padding-right:12px;}
    [custom-select-item] [custom-select-label]:after{background-size:16px;}

    p.xefu-dropzone-message,.upload_info{font-size:14px;}
}
@media all and (max-width:800px){
    [custom-select-item] [custom-select-label]:after{background-size:15px;}
}
@media all and (max-width:600px){
	[custom-select-item]{font-size:11px;}
    [custom-select-item] [custom-select-label]{padding-right:11px;}
    [custom-select-item] [custom-select-label]:after{background-size:14px;}

    p.xefu-dropzone-message,.upload_info{font-size:13px;}
}
@media all and (max-width:400px){
	[custom-select-item]{font-size:10px;}
    [custom-select-item] [custom-select-label]{padding-right:10px;}
    [custom-select-item] [custom-select-label]:after{background-size:13px;}

    p.xefu-dropzone-message,.upload_info{font-size:12px;}
}
@media all and (max-width:320px){
	[custom-select-item]{font-size:8px;}
    [custom-select-item] [custom-select-label]{padding-right:8px;}
    [custom-select-item] [custom-select-label]:after{background-size:10px;}
/*  */
    p.xefu-dropzone-message,.upload_info{font-size:10px;}
}

.quotation_section .sitewidth .boxCont .tableBox .contentsBox .itemBox .item > label .inputBox [autocomplete-item] {position: relative; width: 300px; font-size: 16px; line-height: calc(3em - 2px);}
.quotation_section .sitewidth .boxCont .tableBox .contentsBox .itemBox .item > label .inputBox [autocomplete-item] [autocomplete-input] {position: relative; box-sizing: border-box; display: block; height: 3em; padding: 0; padding-right: 16px; line-height: inherit; font-size: inherit; text-align: center; font-weight: 500; color: #000000; border: 1px solid #cccccc; cursor: pointer;}
.quotation_section .sitewidth .boxCont .tableBox .contentsBox .itemBox .item > label .inputBox [autocomplete-item] [autocomplete-button] {position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 3em; height: 3em; background-image: url(../img/custom_select_arrow.png); background-size: 20px; background-repeat: no-repeat; background-position: center center;}
.ui-menu {max-height:15em; overflow-x:hidden; overflow-y:scroll;}
.ui-menu .ui-menu-item:nth-child(n+2) {border-top: 1px solid #cccccc;}
.ui-menu .ui-menu-item-wrapper {box-sizing: border-box; height: 3em; line-height: calc(3em - 2px); font-size: 16px; font-weight: 500; color: #000000; text-align: center; cursor: pointer;}
.ui-menu .ui-menu-item-wrapper:hover {background-color:#126cb6;color:#ffffff;}

#popupInquiryComplete{position:fixed;top:0;left:0;z-index:9999;width:100%;height:100vh;background:rgba(0,0,0,.8);}
#popupInquiryComplete .boxCont{position:absolute;top:50%;left:50%;margin: 0;padding:50px;background:#126cb6;border-radius:20px;transform:translate(-50%,-50%);}
#popupInquiryComplete .boxCont .title{margin-top:40px;line-height: 1.4;font-size:35px;letter-spacing:-0.03em;font-weight:700;color:#fff;text-align: center;}
#popupInquiryComplete .boxCont .btnBox{margin-top:75px;}
#popupInquiryComplete .boxCont .btnBox li{width:230px;margin-left:10px;text-align:center;background:#fff;border-radius:10px;}
#popupInquiryComplete .boxCont .btnBox li:first-of-type{margin-left:0;}
#popupInquiryComplete .boxCont .btnBox li a{display:block;line-height:2;font-weight:700;color:#126cb6;}
#popupInquiryComplete .boxCont .btnBox li:hover{background:#fff;}
#popupInquiryComplete .boxCont .btnBox li:hover a{color:#0454cc;}
#popupInquiryComplete .boxCont .descBox{margin:30px 0;text-align:center;}
#popupInquiryComplete .boxCont .descBox .desc{line-height:1.4;margin-top:15px;letter-spacing:-0.03em;color:rgba(255,255,255,.7);}
@media all and (max-width:1600px){
	#popupInquiryComplete .boxCont{padding:47px;border-radius:19px;}
	#popupInquiryComplete .boxCont .title{font-size:33px;}
    #popupInquiryComplete .boxCont .btnBox{margin-top:70px;}
}
@media all and (max-width:1400px){
	#popupInquiryComplete .boxCont{padding:44px;border-radius:18px;}
	#popupInquiryComplete .boxCont .title{font-size:31px;}
    #popupInquiryComplete .boxCont .btnBox{margin-top:67px;}
}
@media all and (max-width:1200px){
	#popupInquiryComplete .boxCont{padding:42px;border-radius:17px;}
	#popupInquiryComplete .boxCont .title{font-size:29px;}
    #popupInquiryComplete .boxCont .btnBox{margin-top:63px;}
}
@media all and (max-width:1000px){
	#popupInquiryComplete .boxCont{padding:40px;border-radius:16px;}
	#popupInquiryComplete .boxCont .title{font-size:27px;}
    #popupInquiryComplete .boxCont .btnBox{margin-top:60px;}
}
@media all and (max-width:800px){
    #popupInquiryComplete{width:100vw;}
	#popupInquiryComplete .boxCont{padding:38px;border-radius:15px;}
	#popupInquiryComplete .boxCont .desc{margin-top:10px;}
	#popupInquiryComplete .boxCont .title{font-size:26px;}
    #popupInquiryComplete .boxCont .btnBox{margin-top:57px;}
}
@media all and (max-width:600px){
	#popupInquiryComplete .boxCont{padding:35px;border-radius:14px;}
	#popupInquiryComplete .boxCont .title{font-size:24px;}
    #popupInquiryComplete .boxCont .btnBox{margin-top:53px;}
}
@media all and (max-width:400px){
	#popupInquiryComplete .boxCont{padding:33px;border-radius:13px;}
	#popupInquiryComplete .boxCont .title{font-size:23px;}
    #popupInquiryComplete .boxCont .btnBox{margin-top:50px;}
    #popupInquiryComplete .boxCont .btnBox li{border-radius:5px;}
    #popupInquiryComplete .boxCont .desc{margin-top:5px;}
}
@media all and (max-width:320px){
	#popupInquiryComplete .boxCont{padding:26px;border-radius:10px;}
	#popupInquiryComplete .boxCont .title{font-size:20px;}
    #popupInquiryComplete .boxCont .btnBox{margin-top:40px;}
}
