@import url("common.css?var=2021080912");

.content .adm_frm{width:100%; padding: 1.25rem 1.25rem;border: 1px solid #e9e9ef;border-radius: .25rem;overflow:hidden; }
legend{position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
.content .set:not(.clear){display:table; width:100%; margin-bottom:1rem;}
.content .set:not(.clear) .s_add1{display:table; width:100%;}
.content .set:not(.clear) .group .s_group1 .set:not(.clear),
.content .set:not(.clear) .group .s_adds .set:not(.clear){display:table; width:100%; margin-bottom:.3rem;}
.content .set:not(.clear) .group{float:left; width:49%; margin-left:2%; }
.content .set:not(.clear) .group:first-child{margin-left:0;}
.content .set:not(.clear) .group.g1{width:69%;}
.content .set:not(.clear) .group.g2{width:29%}
.content .set2:not(.clear) .group{width:32%; margin-bottom:1rem; }
.content .set2:not(.clear) .group:first-child,
.content .set2:not(.clear) .group:nth-child(3n+1),
.content .set2:not(.clear) .g-first{clear:both; margin-left:0;}
.content .set3:not(.clear) .group{width:23.5%; margin-bottom:0rem; }
.content .set3:not(.clear) .group:first-child,
.content .set3:not(.clear) .group:nth-child(5n+1),
.content .set3:not(.clear) .group.g-first{clear:both; margin-left:0;}
.content .set3_1:not(.clear) .group{width:32%;}
.content .set4:not(.clear) .group.g1{width:20%;}
.content .set4:not(.clear) .group.g2{width:56%;}
.content .set4:not(.clear) .group.g3{width:15%;}
.content .set4:not(.clear) .group.g4{width:49%;}
.content .set4:not(.clear) .group.g5{width:30%;}
.content .set4:not(.clear) .group.g6{width:68%;}
.content .set4:not(.clear) .group.g7{width:34%;}
.content .set4:not(.clear) .group .btn-danger{font-size: 14px; height:35px; padding: 0.275rem 0.45rem;}
.content .set4:not(.clear) .group .s_group1 .set4:not(.clear){margin-bottom: .5rem;}
.content .set5:not(.clear) .group{width:15%; margin-bottom:0rem; }
.content .set5:not(.clear) .group:first-child,
.content .set5:not(.clear) .group:nth-child(6n+1){clear:both; margin-left:0;}
.content .set5:not(.clear) .g-txt{margin-top:10px;}
.content .set6:not(.clear) .group{width:18%; margin-bottom:0rem; }
.content .set6:not(.clear) .group:first-child,
.content .set6:not(.clear) .group:nth-child(5n+1){clear:both; margin-left:0;}
.content .set6:not(.clear) .g1{width:15%;}
.content .set6:not(.clear) .g2{width:35%;}
.content .set6:not(.clear) .g3{width:12%;}
.content .set6:not(.clear) .g4{width:20%;}
.content .set6:not(.clear) .g5{width:18%;}
.content .set .group .t-100{height:205px;}
.content .clear .group{margin-bottom:1rem;}
.content .lens-set .group .form-check-input{margin-top:.8rem;}
.content p.help{clear:both; font-size: 13px;color: #74788d}
.content .s_group .set .f-right .btn-danger, 
.content .s_group .set .g-btn{display:none; }
.content .s_add .set .f-right .btn-danger, 
.content .s_add1 .set .g-btn{display:inline-block; }
.f_line{margin:1.5rem 0; border-bottom:1px solid #e9e9ef; }
.f_line2{margin:1.5rem 0 1rem; border-bottom:1px solid #e9e9ef; }
.f_line.tsm{margin:1rem 0 1.5rem;}
.f_line.f_m{display:none}
.f_box{width:100%; margin-bottom:20px; display:table; }
.f_box .f_txt{width:40%; height:120px; border:0; float:left;}
.f_box .f_txt:first-child{margin-right:2%; }
.f_box .f_txt:focus{outline:none; box-shadow:none; }
.group .input-name{font-size: .875rem; margin-bottom: 5px; color:#495057; font-weight:600; }
.group .input-name .f-right{float:right; position:relative; top:-8px; }
.group .input-name.col-2{max-width: 120px; text-align:right; }
.group .input-name .btn{font-size:14px;}
.group .input-name.input-hide{opacity:0; }
.group .input-name .show_m{display:none;}
.group .frm-hide{display: block; text-overflow: ellipsis;white-space: nowrap; overflow: hidden;}
.group .input-group.input-sm{width:200px;}
.group .input-group.inline{width:60%}
.group .input-group.marb{margin-bottom:.5rem;}
.group .input-group{font-size: .875rem;}
.group .input-group input,
.group .input-group select,
.group .input-product input{font-size:.9rem; max-width:100%; padding: 0.375rem 0.45rem; border-radius: .25rem;border: 1px solid #ced4da;}
.group .input-group input:focus,
.group .input-group textarea:focus{outline:none;box-shadow:none;background-color:#e9fff1;}
.group .input-group input.f-full{width:100%;}
.group .input-group input.in-line{margin-bottom:5px; }
.group .input-group select.f-sm{display:inline-flex; width:100px; }
.group .input-group select.f-sm2{display:inline-flex; width:50%; }
.group .input-group .btn_close{display:inline-block; margin-left:4px; font-weight:600; }
.group .input-group .no-radius{border-radius:0;}
.group .input-group input.inputNumber{padding:0 5px;border-radius: 0.25rem;}
.group .input-group input.inputNumber2{margin:0 5px; }
.group .input-inline div{margin-right:.8rem; margin-bottom:.3rem;} 
.group .form-check .form-check-input:checked,
.group .input-name .form-check-input:checked{background-color: #e32b05; border-color: #e32b05;}
.group .in-number{align-items: end;}
.group .in-sm,
.group .in-sm2{/*width:200px;*/display:inline-block;}
.group .in-sm select{/*width:48%;*/margin-left:3px !important;width:70px;display:inline-block;}
.group .in-sm2{margin-top: 10px;}
.red{color:#ff0000; display:inline-block; margin-left:2px; }
.col-number{padding:0;}

.input-block { display: block;}
.group .in-sm .input-block select { width: 58px; }
.input-block .form-control { padding: .375rem .4rem; }
.input-ab-cont { display: inline-block;position: relative;width: 120px; }
.input-ab-cont a { position: absolute;right:5px;top:7px;left:0;bottom:0;text-align: right; }
.clock { margin-left:3px; }

.btns-full{width:100%; max-width:640px; margin:auto; text-align:center; }
.btns .btn-delete,
.btns .btn-ok,
.loading .btn-delete{width:100%; color: #fff;background-color: #e32b05;border-color: #e32b05;  }
.btns .btn-ok:hover{background-color: #b2261f;border-color: #b2261f;}
.btns .btn-sm{width:140px;}
.btns .btn-delete,
.loading .btn-delete{background-color:#333; border-color:#333; box-shadow: none;}
.btns .btn-delete:hover,
.loading .btn-delete:hover{background:#000; border-color:#000}
.btns .btn-02{width:45%;}
#truck_show{display:none}

.group.g-btns{margin-top:29px;}
.btns2 .btn{width:140px; margin-bottom:.5rem}
.group .in-sm.in-inBlock{display:block;max-width: 300px; }

@media (max-width:1320px) {
}
@media (max-width:1120px) {
.group .in-sm{display:block; margin-top:10px; }
}

@media (max-width:950px) {
.content{margin-top:70px;}
.content.cont-sm{margin-top:30px;}
.cont-pop{margin-top:0px; }
.content .set5:not(.clear) .group{width:32%; margin-bottom:1rem; }
.content .set5:not(.clear) .group:first-child,
.content .set5:not(.clear) .group:nth-child(3n+1){clear:both; margin-left:0;}
.content .set6:not(.clear) .group{width:32%;margin-bottom:1rem; }
.content .set6:not(.clear) .group:first-child,
.content .set6:not(.clear) .group:nth-child(3n+1){clear:both; margin-left:0;}
.content .col-number:not(.clear){width:100%; flex: 0 0 100%;max-width: 100%; margin-bottom:1.5rem;}
.group .input-group input.f-sm,
.group .input-group select.f-sm{font-size:14px; padding: 0.375rem 0.25rem;}
}
@media (max-width:830px) {
.content .order_frm .box .col-b.col-6{flex: 0 0 100%;max-width: 100%; padding:0; }
.group .input-name.col-2{flex: 0 0 100%;max-width: 100%; text-align:left; }
.group .input-group.col-10{flex: 0 0 100%;max-width: 100%;}
.group .input-group.m_mar{margin-top:.3rem;}
.group .input-name .btn-dark{width:100%; margin-bottom:1rem;}
.group .input-name .btn-dark2{width:auto; margin-bottom:0}
.group .input-name .btn-dark3{margin-top:.6rem; margin-bottom:0;}
.content .set .group .t-100{height:150px;}
.btns .btn-m{width:100px;}
.f_line.f_m{display:flex; width:100%; }
.content .order_frm .box.active .f_line.f_m,
.content .order_frm .box .col-b.col-start.active,
.content .order_frm .box .col-b.col-end.active{display:none}

.group.g-gn{display: flex; flex-wrap: wrap;}
.group.g-gn .input-name,
.group.g-gn .input-group{display: flex;flex: 0 0 auto; flex-wrap: wrap;}
.group.g-gn .input-name{width: 28%;align-items: center;}
.group.g-gn .input-name label{margin-bottom:0;}
.group.g-gn .input-group{width:70%;}
.group.g-gn .input-group input.f-sm{max-width:none}
}
@media (max-width:750px) {
.content .set .group .input-name .show_m{display:block;}
}
@media (max-width:660px) {
.content{margin-top:70px;}
.cont-pop{margin-top:0px;}
.content .set:not(.clear){margin-bottom:0;}
.content .set:not(.clear) .group{float:none; width:100%; margin-left:0; margin-bottom:1rem; }
.content .set:not(.clear) .group.g2,
.content .set6:not(.clear) .group.g5{float:left; width:50%; }
.content .set6:not(.clear) .group.g5:nth-child(3n+1){clear:none; }
.content .set6:not(.clear) .group.g5:nth-child(2n+1){clear:both; }
.content .set4:not(.clear) .group.g1,
.content .set4:not(.clear) .group.g2,
.content .set4:not(.clear) .group.g3,
.content .set4:not(.clear) .group.g4,
.content .set4:not(.clear) .group.g5,
.content .set4:not(.clear) .group.g6,
.content .set4:not(.clear) .group.g7{width:100%;}
.content .lens-set:not(.clear){margin-bottom:.8rem;}
.content .lens-set .group .input-group{position: relative; left: 5%;}
.content .lens-set .group .form-control{max-width:95%; }
.content .set5:not(.clear) .g-txt{margin-top:0px; padding:.5rem 0; background:#eee; text-align:center;}
.content .set5:not(.clear) .g-txt .input-name{display:inline-block; }
.content .set5:not(.clear) .g-txt .input-name::before{content:'>> ';}
.lens_line{margin: 1rem 0;}
.form-check-inline{margin-right: .45rem;}
.content .set .group .input-name .btn-dark2,
.content .set .group .input-name .btn-dark3,
.content .s_add .set .f-right .btn-danger{padding: 0.375rem 0.35rem;}
.content .set .group .input-group textarea,
.content .set .group .input-group input,
.content .set .group .input-group-text{font-size:14px; }
.content .order_frm .title .btn{font-size:13px; margin-top: -6px;}
.content .set .group .t-100{height:100px;}
.f_box .f_txt{width:49%; font-size:13px; height:120px;}
.btns2 .btn{width:100px; font-size:13px; }
.btns2 .btn i{display:none}
.btns .btn-m{width:60px;}
.input-ab-cont input { height:calc(1.5em + .75rem + 5px); }
.group .in-number:last-child{margin-bottom:0;}

}

.con-full{width:100%;}
.content .order_frm{width:100%; margin:20px auto 80px; }
.content .order_frm .title{font-size: 1.1em; font-weight:600; margin-bottom: 1.5rem; display:table; width:100%; color: #495057;}
.content .order_frm .title.marb0{margin-bottom:1.3rem}
.content .order_frm .title.marb1{margin-bottom:1rem}
.content .order_frm .title .f-right{float:right; }
.content .order_frm .title .f-right .btn{margin-left:8px; padding: .275rem .45rem; font-size: 14px; }
.content .order_frm .box{margin:0; margin-bottom:1rem;}
.content .order_frm .box .col-b{position:relative;}
.content .order_frm .box .col-left{padding-left:0;}
.content .order_frm .box .col-right{padding-right:0;}
.content .order_frm .box .col-b .remove_btn{position:absolute; right:0%; top:0%; color:#495057}
.content .order_frm .box .col-b .remove_btn:hover{color:#ccc;}
.content .order_frm .box .col-b .f_line{margin: 1rem 0;}
.content .order_frm .loading{display:none; }
.content .order_frm .btns,
.content .order_frm .loading{margin-bottom:20px;}

@media (max-width:568px) {
.content .order_frm .title .f-right{font-size: 13px;}
.content .order_frm .title .f-right .btn{padding: .275rem .25rem;}
}

#file_add .box{width:100%; text-align:left; }
#file_add .box .cont{margin-bottom:1rem; }
#file_add .cont1 .fileUp{margin-bottom:.5rem;}
#file_add .btns{text-align:center;}

/* 2021-09-13 부장님 전달본 Update 시작*/
.content .set .group dd{overflow:hidden; }
.content .set .group dd p {display: inline-block;float: left;margin: 2px 0px 6px;margin-left:10px; padding-left: 10px;vertical-align: top;}
.content .set .group dd p:first-child{padding-left:0; margin-left:0;}
.content .set .group dd.input-value p:first-child,
.content .set .group dd.input-value p:nth-child(3n+1){padding-left:0; margin-left:0;}
.content .set .group dd p label {font-size: 14px; font-weight: bold;color: #767878;border: 1px solid #d3d3d5;display: inline-block;height: 32px;vertical-align: top; line-height: 32px;padding: 0 7px 0 6px;}
.content .set .group dd p input { font-size: 14px; border: 1px solid #d3d3d5; height: 32px; border-radius:0; padding-left: 10px;box-sizing: border-box;vertical-align: top;}
.content .set .group dd p input:focus{outline:none;}
.content .set .group dd p input.center{text-align: center; padding: 0;}
.content .set .group dd p .input1{border-right:0;}
.content .set .group dd p .input {display: inline-block;height: 32px;padding: 3px 10px 2px;}
.content .set .group dd p .input-b-t, 
.content .set .group dd p .input-b-b{width:45px; position: absolute;left: 0;height: 50% !important;background-size: 10px;background-position: 50% 50%;border-radius:0;background-repeat: no-repeat;background-color: #f8f8f8 !important;box-shadow: inset 0px 0px 5px #eee;}
.content .set .group dd p .input-b-t {background-image: url(../images/arrow_up.png);top: 0;border-bottom: none !important;}
.content .set .group dd p .input-b-b{background-image: url(../images/arrow_down.png);bottom: 0;}
.content .set .group dd p .span-bt input:hover{border-color:#e32b05}
.content .set .group dd p .span-bt {position: relative;width: 40px;height: 32px;display: inline-block;left: inherit; margin: 0px 1px 0 2px;vertical-align: top;}
.content .set .group .btn_basic, 
.content .set .group .btn_gray, 
.content .set .group .btn_red {display: inline-block;min-width: 25px;padding: 2px 10px 2px;height: 25px;line-height: 1.2; cursor: pointer;}
.content .set .group .btn_red{padding:2px 10px 2px 12px}
.content .set .group .btn_plus{padding: 2px 10px 2px; background-color: #d3d3d5;border: 1px solid #d3d3d5;height: 25px;margin-left: 5px;}

.content .set .group dd p select {width:200px; border: 1px solid #d3d3d5; padding: 7px 0; vertical-align: top;  margin-right: -6px;  height: 32px;}
.content .set .group dd p select:focus{outline:none;}
.content .set .group .phone-minus {width:30px; height:32px; float: right !important; margin-left: -1px; color: #fff;background-color: #da291c; border: 2px solid #da291c !important;}

@media (max-width:1270px) {
.content .set .group dd p{width: 32%;margin-left:2%;padding-left:2%}
.content .set .group dd p:nth-child(3n+1){padding-left:0; margin-left:0;}
.content .set .group dd p label,
.content .set .group dd p input,
.content .set .group dd p .input1{width: 31%;}
.content .set .group dd p .input1{border-right:1px solid #d3d3d5; margin-right: 1%;}
.content .set .group dd p input.inputNumber3{margin-right: 4px;position: relative; left: 4px;}
.content .set .group dd p label{margin-right: 1%;}
.content .set .group dd p .span-bt{width: 30%; margin-left:1%; margin-right:0;}
.content .set .group dd p .input-b-t, .content .set .group dd p .input-b-b{width:100%; }
.content .set .group dd p select{width:50%; }
.content .set .group dd.input-value p input,
.content .set .group dd.input-value p .span-bt{width:20%; }
.content .set .group dd.input-value p .span-bt input{width:100%; }
.content .set .group dd.input-value p .phone-minus{width:10%; padding:0;}
}
@media (max-width:1100px) {
.content .set .group dd p{width: 32%;margin-left:1%;padding-left:1%}
}
@media (max-width:768px) {
.content .set .group dd p{width: 49%;margin-left:1%;padding-left:1%}
.content .set .group dd p:nth-child(3n+1),
.content .set .group dd.input-value p:nth-child(3n+1){padding-left:1%; margin-left:1%;}
.content .set .group dd p:nth-child(2n+1),
.content .set .group dd.input-value p:nth-child(2n+1){padding-left:0; margin-left:0;}
}
@media (max-width:480px) {
.content .set .group dd p{width: 100%;margin-left:0%;padding-left:0%; margin-bottom:2px;}
.content .set .group dd p:nth-child(3n+1),
.content .set .group dd.input-value p:nth-child(3n+1){padding-left:0; margin-left:0;}
.content .set .group dd p:nth-child(2n+1),
.content .set .group dd.input-value p:nth-child(2n+1){padding-left:0; margin-left:0;}
}

/* 2021-09-13 Update 끝*/

/* 2022-01-04 Update 시작*/
.custom-radio, .custom-checkbox{font-size: 15px; padding-left:1.2rem;}
.custom-radio .custom-control-input:checked~.custom-control-label::before,
.custom-checkbox .custom-control-input:checked~.custom-control-label::before{background-color: #e32b05; border-color: #e32b05;}
.custom-radio .custom-control-input,
.custom-checkbox .custom-control-input{left: -1.15rem;}
.custom-radio .custom-control-label::before,
.custom-radio .custom-control-label::after,
.custom-checkbox .custom-control-label::before,
.custom-checkbox .custom-control-label::after{width:13px; height:13px; top: 0.24rem; left: -18px; }
.custom-radio .custom-control-label::after,
.custom-checkbox .custom-control-label::after{background-size:60% 60%}
.custom-control-input:checked~.custom-control-label::before{background-color: #e32b05; border-color: #e32b05;}
.custom-switch .custom-control-label::before{width: 25px; height: 14px; }
.custom-switch .custom-control-label::after{width:9.5px; height:9.5px; left: calc(-2.25rem + 3px);}
.custom-switch .custom-control-input:checked~.custom-control-label::after{width:9px; height:9px; top: 6.5px; left: -2.2rem;;}
.content .order_frm .title .f-right .custom-control-inline {margin-right:0; }
.content .order_frm .title .f-right .custom-checkbox .custom-control-label::before,
.content .order_frm .title .f-right .custom-checkbox .custom-control-label::after{top: 0.4rem;}

/* 2022-01-04 Update 끝*/

.o_groups{width:100%; margin-bottom:10px; display:table; table-layout: fixed;}
.o_group{width:60%; display:table-cell; }
.o_group > div{width:32%; margin-left:1%; float:left; display:table}
.o_group > div:first-child{margin-left:0; }
.o_box{width:130px; padding:7px 5px 2px; height:38px; color:#fff; display:table-cell; }
.o_red{background:#da291c}
.o_gray{background:#54585a}
.o_black{background:#343a40}
.o_green{background:#816d5d}
.o_m{padding:7px 5px 2px; height:38px; text-align:right; display:table-cell; font-weight:600; border:1px solid #c2c2c2; border-left:0; }
.o_help{width:40%; margin-top:5px; display:table-cell; text-align:right; vertical-align:bottom;}

@media (max-width:1240px) {
.o_group, .o_help{width:100%; display:table; }
.o_help{text-align:left; margin-top:10px; }
}
@media (max-width:640px) {
.o_group > div{width:100%; margin-bottom:5px; margin-left:0%; float:none; display:table}
.o_help{margin-top:5px; word-break:keep-all;}
}
@media (max-width:450px) {
.o_help{font-size:14px; }
}