@import url("/css/common.css");

.content .inner{width:96%; margin:auto; }
.content .tit{font-size:18px; font-weight:600; margin:20px 0; width:100%; display:table; color:#495057; }
.content .tit .loca{font-size: .875rem; float:right; display:inline-block; }
.content .tit .loca a{color:#495057}
.content .tit .loca span.bar{font-size: .775rem; color:#74788d; display:inline-block; padding:0 .5rem;}
.content .tit .loca span.pgNm{color:#495057}
.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:5px;}
.content .set:not(.clear) .group{float:left; width:49%; margin-left:2%; }
.content .set:not(.clear) .group:first-child{margin-left:0;}
.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){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){clear:both; margin-left:0;}
.content .set3:not(.clear) .group.g-lg{width:33.5%}
.content .set3:not(.clear) .group.g-lg2{width:49%}
.content .set3:not(.clear) .group.g-sm{width:10%}
.content .set3:not(.clear) .group.g-btn-sm{width:18%; max-width:140px; position: relative;top: 28px}
.content .set3:not(.clear) .group.g-btn-sm2{width:28%; max-width:140px; position: relative;top: 28px;}	
.content .order_frm .box .col-b .set3:not(.clear) .g-btn-sm{width:15%; max-width:80px; margin-top:0; top:0;}

.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 .set5:not(.clear) .group{width:15%; margin-left: 2%; margin-bottom:0rem; }
.content .set5:not(.clear) .g-lg{width:20%;}
.content .set5:not(.clear) .g-sm{width:12%;}

.content .col-b .set5:not(.clear) .g-lg{width: 10%;}
.content .col-b .set5:not(.clear) .btns{position: relative;top: -7px;}
.content .col-b .set5:not(.clear) .g-sm{width:10%; max-width:80px;}

/* 수정 및 추가 1 시작*/
.content .set5.s-pop:not(.clear){margin-bottom: .5rem;}
.content .set5.s-pop:not(.clear) .group{width:13%; margin-left: 1%; margin-bottom:0rem; }
.content .set5.s-pop:not(.clear) .group.g-lg{width:30%;}
/* 수정 및 추가 1 끝 */

.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;}

/* 수정 및 추가 2 시작 */
.content .set5:not(.clear) .lg-g{width:27%;}
.content .set5:not(.clear) .sm-g{width:8%;}
.content .set5:not(.clear) .txt-g{margin-top:10px;}
/* 수정 및 추가 2 끝*/

.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 .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}
.f_line{margin:5px; border-bottom:1px solid #e9e9ef; }

.content #consum_add .col-b .set3:not(.clear) .group.g-btn-sm2{top:0; }
.content #consum_add .col-b .set3:not(.clear) .group .input-group{height: 38px; align-items: center;}

.f_box{width:100%; margin-bottom:20px; display:table; }
.f_box div{position:relative; margin-top:10px;}
.f_box i{position:absolute; right:10px; top:10px; cursor:pointer;}
.f_box div:first-child{margin-top:0;}
.f_box .f_txt{width:100%; height:120px; border:0;}
.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; color:#495057; font-weight:600; }
.group .input-name.col-2{text-align:right; }
.group .input-name .red{color:#ff0000; display:inline-block; margin-left:2px; }
.group .input-name .btn{font-size:14px;}
.group .frm-hide{display: block; text-overflow: ellipsis;white-space: nowrap; overflow: hidden;}
.group .input-group.inline{width:60%}
.group .input-group{font-size: .875rem;}
.group .input-group input,
.group .input-group select{max-width:100%; border-radius: .25rem;border: 1px solid #ced4da;}
.group .input-group input:focus,
.group .input-group textarea:focus{outline:none;box-shadow:none;}
.group .input-group input.f-sm{max-width:568px;}
.group .input-group input.f-full{width:100%;}
.group .input-group .btn_close{display:inline-block; margin-left:4px; font-weight:600; }
.group .input-inline div{margin-right:.8rem; margin-bottom:.3rem;} 

/* 추가 3 시작 */
.group .dio_sel_box{width:100%; position:relative; z-index:4;}
.group .dio_sel_box .selected{height: calc(1.5em + .75rem + 2px);padding: .375rem .75rem;font-size: 1rem;font-weight: 400;line-height: 1.5;color: #495057;border-radius: .25rem;border: 1px solid #ced4da; overflow:hidden;}
.group .dio_sel_box .selected .s_input{width:100%; border-radius:0px; border:0; display:inline-block; overflow:hidden;  }
.group .dio_sel_box .selected div {position: absolute;top: 5px;right: 5px;width: 22px;height: 20px; padding-top:5px; background: url(/images/multiple-select.png) #fff left top no-repeat;}
.group .dio_sel_box .dios{display:none; width:100%; height:300px; padding:3px; position:absolute; top:34px; background:#fff; border: 1px solid #ced4da;}
.group .dio_sel_box.actvie .selected div{top:10px; right:10px; transform: rotate(180deg);}
.group .dio_sel_box .dios .d-frm{position:relative; }
.group .dio_sel_box .dios .d-frm input{font-size:1em; height:24px; padding:3px 20px 3px 5px; }
.group .dio_sel_box .dios .d-frm .d_search{width:20px; height:24px; border:0; position:absolute; top:0px; right:2px; text-indent:-9999em; background: url(/images/multiple-select.png) no-repeat 100% -22px;}
.group .dio_sel_box .dios .d-frm .d_search:focus{outline:none;}
.group .dio_sel_box .dios .d-contents{height:270px; padding-top:.5rem; overflow:auto; }
.group .dio_sel_box .dios .d-contents label{font-size: 12px; margin-bottom:.3rem; display:block; font-family:AppleSDGothicNeo-Regular,'Malgun Gothic','맑은 고딕',dotum,'돋움',sans-serif;;}
/* 추가 3 끝 */

.btns-full{width:100%; max-width:640px; margin:auto; text-align:center; }
.btns .btn-delete,
.btns .btn-ok{width:100%; color: #fff;background-color: #5156be;border-color: #5156be; box-shadow: 0 2px 6px 0 rgb(81 86 190 / 50%); }
.btns .btn-ok:hover{background-color: #4549a2;border-color: #414598;}
.btns .btn-sm{width:140px;}
.btns .btn-delete{background-color:#333; border-color:#333; box-shadow: none;}
.btns .btn-delete:hover{background:#000; border-color:#000}
.btns .btn-02{width:45%;}
.group.g-btns{margin-top:29px;}
.btns2 .btn{width:140px; margin-bottom:.5rem}

@media (max-width:1020px) {
.content{margin:70px 0;}
.cont-pop{margin-top:0px; }

.content .set3:not(.clear) .group.g-btn-sm{width:48%; margin-left:2%}
.content .set3:not(.clear) .group.g-btn-sm2{width:40%; }
	
	
.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-b .set5:not(.clear) .group:nth-child(5){width: 10%;max-width: 80px; }

/* 수정 및 추가 4 시작*/
.content #lens_add .set5:not(.clear) .group{width:17%;margin-bottom:1rem;}
.content #lens_add .set5:not(.clear) .sm-g{width:10%;}
.content #lens_add .set5:not(.clear) .group:nth-child(3n+1){clear:none; margin-left:0%;}
.content #consum_add .set5:not(.clear) .group{width:20%;margin-bottom:1rem;}
.content #consum_add .set5:not(.clear) .sm-g{width:10%;}
.content #consum_add .set5:not(.clear) .group:nth-child(3n+1){clear:none; margin-left:1%;}
.content #consum_add .set5:not(.clear) .btns{top:-25px}	
	
/* 수정 및 추가 4 끝*/
	
/* 수정 및 추가 5시작*/
.content .set5.s-pop1:not(.clear) .g-txt{margin-top:0px; padding:.5rem 0; background:#eee; text-align:center;}
.content .set5.s-pop1:not(.clear) .g-txt .input-name{display:inline-block; }
.content .set5.s-pop1:not(.clear) .g-txt .input-name::before{content:'>> ';}
.content .set5.s-pop1:not(.clear) .group{float:left;width:49%;}
.content .set5.s-pop1:not(.clear) .group:nth-child(2){width:66%}
.content .set5.s-pop1:not(.clear) .group:nth-child(3){width:32%; margin-left:1%}
.content .set5.s-pop1:not(.clear) .group:nth-child(3n+1){margin-left:1%}
.content .set5.s-pop1:not(.clear) .group:last-child{width:100%}
.content .set5.s-pop1:not(.clear) .group.g-lg{float:none; width:100%; }
.content .set5.consum-set:not(.clear) .group.g-txt{float:none; clear:both; width:100%; border-bottom: 1px solid #e9e9ef; margin:0; padding-bottom:.5rem; margin-bottom:.5rem; text-align:center;}
/* 수정 및 추가 5 끝*/
	
}
@media (max-width:768px) {
.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;}
.btns .btn-m{width:100px;}
}
@media (max-width:700px) {
.content{margin:70px 0 30px;}
.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.g-box{display:flex;align-items: center;}
.content .set:not(.clear) .group.g-box .in-w1{display:flex; width:80px;}
.content .set:not(.clear) .group.g-box .in-w2{display:flex; width:calc(100% - 80px)}
.content .set:not(.clear) .group .hide-label{margin-top:20px;}
.content .set:not(.clear) .group .hide-label label{display:none}
.content .set3:not(.clear) .group.g-lg{float:none; width:100%}
.content .set3:not(.clear) .group.g-sm{float:left; width:35%}
.content .set3:not(.clear) .group.g-btn-sm,
.content .set3:not(.clear) .group.g-btn-sm2{float:left; top:0px;}
.content .set3:not(.clear) .group.g-btn-sm2{margin-left:2%;}
.content .set3:not(.clear) .group.g-lg2{width:100%;}
.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{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:'>> ';}


.content #lens_add .col-b .set5:not(.clear){display: flex;align-items: baseline;}
.content #lens_add .col-b .set5:not(.clear) .group{width:19%; margin-left:2%; }
.content #lens_add .col-b .set5:not(.clear) .group:first-child{width: 26%; margin-left:0; word-break: keep-all;display:block; }
.content #lens_add .col-b .set5:not(.clear) .group:first-child .in-w2,
.content #lens_add .col-b .set5:not(.clear) .group:nth-child(5) .in-w2{display:block; text-overflow:ellipsis; overflow:hidden; white-space: nowrap; }
.content #lens_add .col-b .set5:not(.clear) .group:nth-child(5){width:14%; }
.content #lens_add .col-b .set5:not(.clear) .group.g-box .in-w1{display:none}
.content #lens_add .col-b .set5:not(.clear) .group .input-group{}
.content #lens_add .col-b .set5:not(.clear) .g-lg{width:13%; }
.content #lens_add .col-b .set5:not(.clear) .g-lg .in-w2{display: block; text-align: center;}
.content #lens_add .col-b .set5:not(.clear) .g-sm{width:15%;}
.content #lens_add .col-b .set5:not(.clear) .group:nth-child(3n+1){clear:none; }
.content #lens_add .col-b .set5:not(.clear) .group .input-group input{height: 28px;}
.content #lens_add .col-b .set5:not(.clear) .group.g-box .in-w2{display:block; text-align:center; width:100%; }
.content #lens_add .set5:not(.clear) .btns{top:0px}
.content #lens_add .set5:not(.clear) .btns2{top:5px}
.content #lens_add .col-b .set5:not(.clear) .group .btns .btn-delete{width:100%; height: 28px;padding: 0;font-size: 12px;}
	
	
.content #consum_add .col-b .set3:not(.clear){display:flex; align-items: center;}
.content #consum_add .col-b .set3:not(.clear) .group.g-lg{display:flex; width: calc(100% - 140px); height: 37px; margin-bottom:0; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap:break-word;  }
.content #consum_add .col-b .set3:not(.clear) .group.g-lg .in-w1{display:none}
.content #consum_add .col-b .set3:not(.clear) .group.g-lg .in-w2{width:100%; }
.content #consum_add .col-b .set3:not(.clear) .group.g-sm{display: block; width: 60px; margin: 0 2%;}	
.content #consum_add .col-b .set3:not(.clear) .group.g-btn-sm2{width:70px; margin-bottom:0; }

.content #consum_add .col-b .set3:not(.clear) .group.g-sm .in-w1{display:none;}
.content #consum_add .col-b .set3:not(.clear) .group.g-sm .in-w2{width:100%; }
.content #consum_add .col-b .set3:not(.clear) .group.g-btn-sm2 .btns .btn-delete{font-size:14px; height:35px}
	
.content .col-b .set5:not(.clear) .group{float: left; width: 32%; }
.content .col-b .set5:not(.clear) .g-sm{width:35%; margin-bottom:0; margin-right:2%;}
.content .col-b .set5:not(.clear) .group .hide-label{margin-top:0;}
	
/* 수정 및 추가 5시작*/
.content .set5.s-pop:not(.clear) .group{float:left;width:49%;}
.content .set5.s-pop:not(.clear) .group.g-lg{float:none; width:100%; }
.content .set5.s-pop:not(.clear) .group:nth-child(3n+1){clear:both;}
.content .set5.s-pop:not(.clear) .g-txt{width:100%;}	
	
/* 수정 및 추가 5 끝*/

.lens_line{margin: 1rem 0;}
.content .set .group .input-group textarea,.content .set .group .input-group input,
.content .set .group .input-group select{font-size:14px; padding: 0.375rem 0.45rem;}
.content .set .group .dio_sel_box .selected{padding:0;}
.content .order_frm .title .btn{font-size:13px; margin-top: -6px;}
.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;}

/* 수정 및 추가 6시작*/
.form-check-input{margin-left: -1rem;}
/* 수정 및 추가 6끝*/
}

/* 수정 및 추가 7시작*/
@media (max-width:568px) {
.content .set3:not(.clear) .group.g-sm{float:none; width:100%}	
.content .set3:not(.clear) .group.g-btn-sm2{margin-left:0%;}
}
@media (max-width:450px) {
.content .set5.consum-set:not(.clear) .group.g-txt{float:none; clear:both; width:100%; border-bottom: 1px solid #e9e9ef; margin:0; padding-bottom:.5rem; margin-bottom:.5rem; text-align:center;}
}
/* 수정 및 추가 마지막!!*/


.con-full{width:100%;}
.content .order_frm{margin-bottom:30px; width:95%; margin:0 auto;}
.content .order_frm .title{font-size: 15.4px; font-weight:600; margin-bottom: 1.5rem; display:table; width:100%; color: #495057;}
.content .order_frm .p-tit{margin-bottom: 1rem;}
.content .order_frm .title .btn{float:right; font-size:14px; margin-top: -10px;}
.content .order_frm .box .col-b{position:relative; }
.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;}


#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;}