/* .wrapper{margin-top: 165px;} */
.flex{display: flex;}
.sb{justify-content: space-between;}
.fc{justify-content: center;}
.fe{justify-content: flex-end !important;}
.ac{align-items: center;}
.ae{align-items: flex-end;}
.as{align-items: flex-start;}
.flexwrap{flex-wrap: wrap;}

.dib{display: inline-block;}

.w100{width: 100% !important;}
.w50{width: 50% !important;}

.block{display: block;}

.mb10{margin-bottom: 10px }
.mb0{margin-bottom: 0;}
.mt34{margin-top: 34px;}
.mt24{margin-top: 24px;}
.mt20{margin-top: 20px;}
.mb20{margin-bottom: 20px;}
.ml10{margin-left: 10px;}
.mt10{margin-top: 10px;}


.w70{width: 70%;}

.f0{font-size: 0;}

.pore{position: relative;}

[onclick] {cursor:pointer;}

.cus_select{ height: 44px; padding: 0 16px; border-radius: 3px;}

/* --------------------------------------------------
------------------------text color/style------------------- */
.gray{color: #686868;}
.lgray{color: #81818B;}
.orange{color: #F5821E;}
.blue{color: #2295FF;}
.green{color: #6CD033;}
.pink{color: #F88086;}

.b{font-weight: 700}
 .f14{font-size: 14px;}

/* --------------------------------------------------
------------------------button-------------------- */
/* btn type1 */
.btn_01 button{padding: 10px 20px; color: #fff; border-radius: 5px; font-size: 16px; line-height:1; font-weight: 700;}
.btn_01.red button{background-color: #FF4747;}
.btn_01.green button{background-color: #71BF44;}
.btn_01.orange button{background-color: #F5821E;} 
.btn_01.blue button{background-color: #2295FF;}
.btn_01.gray button{background-color: #EFF0F2; color: #333;}

button.redbtn{background-color: #FF4747 !important;}
button.greenbtn{background-color: #71BF44;}
button.orangebtn{background-color: #F5821E;} 
button.bluebtn{background-color: #2295FF;}
button.graybtn{background-color: #EFF0F2; color: #333;}


/* btn_move */
.btn_move button{ border-radius: 5px;height: 39px; width: 66px; margin: 0 3px; background-color: #f4f4f4; font-size: 16px; font-weight: 700; color: #333;}
.btn_up{background: url(https://bigsdata.s3.ap-southeast-3.amazonaws.com/BIGSWARE/images/168071500223717.png) no-repeat center center #f4f4f4;}
.btn_down{background: url(https://bigsdata.s3.ap-southeast-3.amazonaws.com/BIGSWARE/images/16807149986099.png) no-repeat center center #f4f4f4;}
.btn_move.btn_move2 button{padding: 0 20px; width: auto;}
.btn_move.btn_move2 .btn_listup, .btn_move.btn_move2 .btn_listdown{ padding-left: 40px; padding-right: 30px;}
.btn_listup{background: url(https://bigsdata.s3.ap-southeast-3.amazonaws.com/BIGSWARE/images/168071500223717.png) no-repeat left 20px center #f4f4f4;}
.btn_listdown{background: url(https://bigsdata.s3.ap-southeast-3.amazonaws.com/BIGSWARE/images/16807149986099.png) no-repeat left 20px center #f4f4f4;}
.btn_viewlist


/* save btn */
.btn_save{display: flex; justify-content: space-between; align-items: center;}
.btn_save button{font-size: 14px; border-radius: 3px; padding: 13px 0; width: 120px; color: #fff;}
.btn_dc{display: flex; justify-content: flex-start;}
.btn_dc button.done_btn{background-color: #5FB7FF; margin-right: 8px;}
.btn_dc button.down_btn{background-color: #dfdfdf; color: #333;}
.btn_dc button.edit_btn{background-color: #5FB7FF; margin-right: 8px;}
.btn_dc button.list_btn{background-color: #dfdfdf; color: #333;}

.btn_dc button.cancel_btn{background-color: #f5f5f5; border: 1px solid #ddd; color: #333;}
.btn_save .save_delete_btn button{background-color: #FB4646; border: 1px solid #F51414;}
.btn_save .save_btn button{background-color: #00771A; border-radius: 3px;}


/* upload btn */
.btn_upload{display: flex; justify-content: flex-start;}
.btn_upload button{font-size: 14px; display: flex; justify-content: center; align-items: center; color: #fff; border-radius: 5px; height: 49px; width: 125px;font-weight: 700;}
.btn_upload button.delete_btn{margin-right: 10px; background-color: #6F6F6F; }
.btn_upload button.upload_btn{background-color: #F5821E;}

/* manage btn */
.btn_manage{display: flex; justify-content: flex-end; margin: 14px 0;}
.btn_manage button{position: relative; margin-right: 10px; padding: 11px 33px; border-radius: 5px; color: #fff; background-color: #000; font-size: 13px; padding-left: 60px;}
.btn_manage button:last-child{margin-right: 0;}
.btn_manage button::before{content: url(https://bigsdata.s3.ap-southeast-3.amazonaws.com/BIGSWARE/images/168064377523483.png); position: absolute; display: block; top: 50%; left: 19px; transform: translateY(-50%); width: 20px; height:20px;}

.btn_manage.btnmng_sm button{width: 53px; height: 30px; padding: 0; margin-right: 0;}
.btn_manage.btnmng_sm button::before{top: 50%; left: 50%; transform: translate(-50%, -50%); width: 20px; height:20px;}

.btn_manage.btnmng_round button{height: 30px; width: 30px; border-radius: 50%;  padding: 0; margin-right: 0;}
.btn_manage.btnmng_round button::before{content: ''; background: url(https://bigsdata.s3.ap-southeast-3.amazonaws.com/BIGSWARE/images/168064377523483.png) no-repeat center center; top: 50%; left: 50%; transform: translate(-50%, -50%); padding: 0; background-size: 18px;}


/* copy btn */
.copybtn button{display: flex; justify-content: center; align-items: center; background-color: #efefef; width: 53px; height: 26px; border-radius: 5px; font-size: 13px; border: 1px solid #ddd;}

/* download btn */
.download_btn button{display: flex; align-items: center; justify-content: center; background-color: #C8C8C8; border: 1px solid #fff; width: 40px; height: 40px; border-radius: 16px;}
.download_btn button:hover, .download_btn button:active{background-color: #FFCD4A;}

/* print download btn */
.btn_ptdr button{color: #333; border: 1px solid #ddd; font-size: 13px; font-weight: 500; padding: 15px 25px; padding-left: 48px; }
.btn_ptdr .print_btn{background: url(https://bigsdata.s3.ap-southeast-3.amazonaws.com/BIGSWARE/images/168072993053494.png) no-repeat left 20px center; margin-right: 6px;}
.btn_ptdr .down_btn{background: url(https://bigsdata.s3.ap-southeast-3.amazonaws.com/BIGSWARE/images/168072994631995.png) no-repeat left 20px center;}
.btn_ptdr .search_btn{background-color: #000; color: white; padding: 15px 25px;}

/* file_del btn*/
.file_del{font-size: 13px; text-align: center; background-color: #F40C0C; height: 26px; width: 26px; border-radius: 50%; color: #fff; padding: 0; line-height: 0; position: absolute; right: 0;}

/* view btn */
.view_btn button{font-size: 13px; color: #fff; font-weight: 700; padding: 6px 13px; border-radius: 5px; background-color: #BD44BF;}

/* minview */
.viewlink{text-decoration: underline;}

/* addbtn */
.addbtn{text-align: center;}
.addbtn button{background-color: #71BF44; border-radius: 5px; padding: 16px 40px; font-size: 14px; font-weight: 700; color: #fff; margin-top: 40px;}

.righrbtn button{float: right;}


/* --------------------------------------------------
------------------------title style-------------------- */
.subtit{margin-bottom: 75px;}
.subtit h3, .subtit h3 span{font-size: 30px; font-weight: 700; margin-bottom: 12px; text-align: center;}
.subtit h3 span::before{content: '(';}
.subtit h3 span::after{content: ')';}
.subtit .breadcrumbs{display: flex; align-items: center; justify-content: center;}
.subtit .breadcrumbs a{font-size: 13px; color: #686868; padding: 2px 12px; border-right: 1px solid #ddd;}
.subtit .breadcrumbs a:last-child{border: none;}

.mintit_box{display: flex; justify-content: space-between; align-items: center;}
.mintit{font-size: 20px; font-weight: 700;}

.underline{ padding-bottom: 10px; margin-bottom: 14px; border-bottom: 1px solid #ddd;}

/* --------------------------------------------------
------------------------list style-------------------- */
/* info_list */
.plan_top{display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #ddd; margin-bottom: 20px;}
.plan_btn button{border-radius: 3px; border: 1px solid #ddd; padding: 11px 16px; padding-left: 48px; background: url(https://bigsdata.s3.ap-southeast-3.amazonaws.com/BIGSWARE/images/168071533945670.png) no-repeat left 10px center ;}
.info_list {display: flex; align-items: center;}
.info_list h6{ margin-right: 7px;}
.info_list ul{display: flex; align-items: center;}
.info_list ul li{margin: 0 7px; padding: 2px 20px; border-radius: 50px; color:#fff; font-size: 10px; font-weight: 400;}
.info_list ul li:last-child{padding: 0;}
.info_list ul li span{font-size: 16px; font-weight: 600; }
.info_list ul li.info_year{background-color: #2295FF;}
.info_list ul li.info_age{background-color: #6CD033;}
.info_list ul li.info_month{background-color: #F88086;}
.info_list ul li.info_week{background-color: #FFA20F;}

.nopost{border-bottom: 1px solid #ddd; text-align: center; padding: 60px 0; font-size: 16px;color: #686868;}
.nopost > div{opacity: .6; }
.nopost > div i img{margin-bottom: 10px; opacity: .8; width: 60px;}



/* --------------------------------------------------
------------------------toggle------------------ */
.onoff_button{display: flex;;align-items: center; justify-content: flex-start;}
.onoff_button>div{ display: flex; align-items: center; justify-content: center; }
.onoff_button>div p{font-weight: 600;}
.onoff_button>div span{}
.onoff_button .toggleSwitch {width: 60px;height: 26px;display: block;position: relative;border-radius: 30px;background-color: #FB4646; cursor: pointer;}
.onoff_button .toggleSwitch:after{ content: 'N'; color: #fff; display: inline-block; position: relative; font-size: 13px; right: -38px; top: 2px; transition: all .2s;}
.onoff_button .toggleSwitch .toggleButton {width: 18px; height: 18px;position: absolute;top: 50%;left: 4px;transform: translateY(-50%);border-radius: 50%;background: #fff;z-index: 5;}
.onoff_button input:checked ~ .toggleSwitch {background: #71BF44;}
.onoff_button input:checked ~ .toggleSwitch .toggleButton {left: calc(100% - 22px);background: #fff;}
/* .onoff_button input[id*=toggle]:checked ~ .toggleSwitch:after{right: -38px; opacity: 0;} */
.onoff_button input:checked ~ .toggleSwitch:after{content: 'Y'; color: #fff; display: inline-block; position: relative; font-size: 13px; left: 14px; top: 3px;}
.onoff_button .toggleSwitch, .toggleButton {transition: all 0.2s ease-in;}

.onoff_button .toggleSwitch {width: 60px;height: 26px;display: block;position: relative;border-radius: 30px;background-color: #FB4646; cursor: pointer;}

.onoff_button input:disabled ~ .toggleSwitch{background-color: #a3a3a3;}



/* leftbtn */
.leftbtn > div{text-align: right;}

/* --------------------------------------------------
------------------------pagenation-------------------- */
.paging{margin-top: 38px;}
.paging ul{ display: table; /* border-collapse: collapse;  */margin: 0 auto; border-spacing: 0;border:1px solid #ddd;border-radius: 5px; overflow: hidden;}
.paging ul li div{width: 100%;}
.paging ul li{cursor: pointer; display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; font-size: 14px;/*  border: 1px solid #ddd; */ display: table-cell; vertical-align: middle; text-align: center; /* background-color: #fff; */position: relative;}
.paging ul li + li{border-left:1px solid #ddd;}
/* .paging ul li.paging_prev,.paging ul li.paging_next{border: none;} */
.paging ul li.paging_prev div,.paging ul li.paging_next div{width: 39px; height: 39px; /* outline: 1px solid #ddd; */}
/* .paging ul li.paging_prev div{border-radius: 5px 0 0 5px;} */
/* .paging ul li.paging_next div{border-radius: 0 5px 5px 0;} */
.paging ul li.paging_prev div:after, .paging ul li.paging_next div:after{display: flex; justify-content: center; align-items: center; height: 100%; }
.paging ul li.paging_next div:after{content: url(https://bigsdata.s3.ap-southeast-3.amazonaws.com/BIGSWARE/images/168062094330906.png);padding-top: 2px;}
.paging ul li.paging_prev div:after{content: url(https://bigsdata.s3.ap-southeast-3.amazonaws.com/BIGSWARE/images/168063951754668.png); padding-top: 2px;}
.paging ul li.paging_prev:first-child div:before, 
.paging ul li.paging_next:last-child div:before{display: flex; justify-content: center; align-items: center; height: 100%;position: absolute;left:50%;top:50%;transform: translate(-50%,-50%); }
.paging ul li.paging_next:last-child div:before{content: url(https://bigsdata.s3.ap-southeast-3.amazonaws.com/BIGSWARE/images/168062094330906.png);padding-top: 2px;left: 45%;}
.paging ul li.paging_prev:first-child div:before{content: url(https://bigsdata.s3.ap-southeast-3.amazonaws.com/BIGSWARE/images/168063951754668.png); padding-top: 2px;left: 45%;}


.paging ul li.paging_prev:first-child div:after{position: absolute;left:58%;top:50%;transform: translate(-50%,-50%);}
.paging ul li.paging_next:last-child div:after{position: absolute;left:58%;top:50%;transform: translate(-50%,-50%);}


.paging ul li.paging_prev:hover div::before, .paging ul li.paging_next:hover div::before,
.paging ul li.paging_prev:hover div:after, .paging ul li.paging_next:hover div:after{filter: brightness(100);}
.paging ul li.page_active, .paging ul li:hover{color: #fff; background-color:#F5821E; /* border-color: #F5821E; */}
.paging ul li.paging_prev:hover, .paging ul li.paging_next:hover{background-color: #fff;}
.paging ul li.paging_prev:hover div,.paging ul li.paging_next:hover div{background-color:#F5821E; outline: 1px solid #F5821E;}




/* --------------------------------------------------
------------------------form input-------------------- */
/* form title */
h5.formtit, h5.formtit span{font-size: 16px; font-weight: 700; margin-bottom: 10px; line-height: 1;}

h5.formtit.ncsry::after{display: inline-block; position: relative; color: #F5821E; content: '*'; font-weight: 700; top: -2px; margin-left: 4px;}
.min_txt{font-size: 14px; line-height: 1.4; word-break: keep-all;}
.min_txt + .min_txt{padding-top: 5px;}
.min_txt.gray{ color: #686868; font-size: 14px;}
.min_txt.black{color: #20102B;}
.min_txt.mtlast{margin-bottom: 10px;}
.min_txt.mtlast6{margin-bottom: 6px;}
.min_txt.mtfirst{margin-top: 6px;}
.mtfirst + .mtfirst{margin-top: 0;}


/* h5.formtit.formtit2{margin-bottom: 0;} */
.min_txt.red{color: #F40C0C; font-size: 13px;}

.min_li{font-size: 13px; line-height: 1.5; color: #81818B; }
.min_li:before{content: '•';}
.min_li + input, .min_li + textarea{margin-top: 11px;}

.normal_input{border-radius: 3px;}
.normal_input.h49{height: 49px; padding: 0 19px;}
.normal_input.h44{height: 44px; padding: 0 16px;}
.normal_input.h39{height: 39px; padding: 0 14px;}
.normal_input.h35{height: 35px; padding: 0 14px;}
.h49{height: 49px; padding: 0 19px;}
.h44{height: 44px; padding: 0 16px;}
.h39{height: 39px; padding: 0 14px;}
.h30{height: 35px; padding: 0 12px;}


/* half input */
.half, .trisection, .quartering{display: flex; justify-content: space-between ;}
.half > div{width: calc((100% - 80px) / 2);}

/* trisection input */
.trisection > div{width: calc((100% - 120px) / 3);}
.trisection2 > div{width: calc((100% - 3px) / 3);}
.tri_sm{max-width: 658px; margin: 0 auto;}
.tri_sm > div{width: calc((100% - 40px) / 3);}

/* quartering input > half 안의 div를 또 2등분*/
.quartering > div {width: calc((100% - 37px) / 2);}

/* input text*/
input{font-family: 'Inter';}
input:disabled, input[type=text]:disabled{background-color: #ECECEC !important; border-color: #E2E2E2; color: #9B959F; font-size: 14px;}
input:disabled, input[type=password]:disabled{background-color: #ECECEC !important; border-color: #E2E2E2; color: #9B959F;}

input[type=text]{font-family:'Inter'; font-size: 14px; background-color: #fff;border: 1px solid #ddd; width: 100%;}
input[type=text][type=password]{font-family:'Inter'; font-size: 14px; background-color: #fff;border: 1px solid #ddd; width: 100%;}
input[type=text], input[type=password]{font-family:'Inter'; font-size: 14px; background-color: #fff;border: 1px solid #ddd; width: 100%;}
input[type=text], input[type=id]{font-family:'Inter'; font-size: 14px; background-color: #fff;border: 1px solid #ddd; width: 100%;}
input[type=text], input[type=url]{font-family:'Inter'; font-size: 14px; background-color: #fff;border: 1px solid #ddd; width: 100%;}
input[type=text], input[type=number]{font-family:'Inter'; font-size: 14px; background-color: #fff;border: 1px solid #ddd; width: 100%;}

/* input[type=text]::placeholder{color:#81818B;} */
input::placeholder, input[type=email]::placeholder{color:#9B959F;}
.inputlist > li + li{margin-top: 20px;}

/* required */
.required input[type=text],.required input[type=id], .required input[type=password], .required input[type=email], .required select{border-color: #FB4646;}
.required input{ background:url(https://bigsdata.s3.ap-southeast-3.amazonaws.com/BIGSWARE/images/168071045232184.png) no-repeat right 14px center; border-color: #FB4646;}

/* input file (type1) */
.fileupload_input input[type=file]{position: absolute; width: 1px; height: 1px; padding:0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0;}
.fileupload_input .fileupload_flex{display: flex; justify-content: space-between;}
.fileupload_flex input{border-radius: 3px; padding: 0 20px; display: inline-block; width: 100%; height: 49px; font-size: 14px;appearance: none; padding: 0 19px; border: 1px solid #ddd; border-radius: 3px; padding-right: 20px; margin-right: 20px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.fileupload_input label, .fileupload_input button{display: inline-block; font-family:'Inter'; font-size: 14px; background-color: #fff; border-radius: 5px; padding: 0 19px; height: 49px; padding: 19px 0; font-size: 16px; color: #fff;width: calc(100% - 80%); cursor: pointer; display: flex; justify-content: center; align-items: center; width: 125px; font-size: 14px; font-weight: 700;}
.fileupload_input label.h44, .fileupload_input button.h44{height: 44px;}
.fileupload_input label{background-color: #F5821E;}
.fileupload_input button{background-color: #6f6f6f; }
.fileupload_btn{display: flex;}
.fileupload_input input:disabled{font-family: 'Inter'; font-size: 14px; color: #686868;  background-color: #fff; border-color: #ddd;}
.fileupload_input button + label{margin-left: 10px;}

.file_name{display: inline-block; width: 100%; height: 49px; font-size: 14px;appearance: none; padding: 0 19px; border: 1px solid #ddd; border-radius: 3px; padding-right: 20px; margin-right: 20px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.file_name.h44{height: 44px;}

.required .fileupload_input input:disabled{border-color: #FB4646; background:url(https://bigsdata.s3.ap-southeast-3.amazonaws.com/BIGSWARE/images/168071045232184.png) no-repeat right 14px center;}

.fileupload_input label.h44, .fileupload_input button.h44{height: 44px;}

/* input file (type2) */
.filelist{margin-top: 10px; padding: 20px 20px ; border-radius: 5px; background-color: #ececec; }
.filelist li{padding-left: 35px; background: url(https://bigsdata.s3.ap-southeast-3.amazonaws.com/BIGSWARE/images/168192459965525.png) no-repeat left 10px top 40%; display: flex; align-items: center; margin-bottom: 10px; position: relative; }
.filelist li p{font-weight: 300; font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; padding-right: 36px;}
.filelist li:last-child{margin-bottom: 0;}
.filelist li .file_del{font-size: 13px; text-align: center; background-color: #F40C0C; height: 26px; width: 26px; border-radius: 50%; color: #fff; padding: 0; line-height: 0; position: absolute; right: 0;}
.filelist .filecap:before{content: '(';}
.filelist .filecap:after{content: ')';}

.fileupload_input.fi_type2 label{margin: 0;}



.pwreset{position: relative;}
.pwreset .password_reset{font-size: 11px; position: absolute; background-color: #FB4646; border-radius: 3px; color: #fff; width: 108px; height: 28px; bottom: 11px; right: 16px;} 
.franchiesee_create .pwreset .password_reset{bottom: 9px;}



/* select box */
select::-ms-expand {display: none;}
.select {-o-appearance: none;-webkit-appearance: none;-moz-appearance: none;appearance: none;}
select{cursor: pointer; width: 100%;  background-color: #fff; border-color: #ddd; background: url(https://bigsdata.s3.ap-southeast-3.amazonaws.com/BIGSWARE/images/168097361292689.png) no-repeat right 16px center; color: #818181;}
select option:disabled{color: #81818B;}
select option:invalid{color: #81818B;}

/* email */
input[type=email], input[type=date],input[type=datetime-local] {border-color: #ddd; border-style: solid; border-width: 1px; width: 100%;}

/* location */
.location{position: relative;}
.location .normal_input{padding-left: 55px;}
/* .location button{position: absolute; left: 7px; top: 28px; padding: 10px;} */
.location button{position: absolute; left: 7px; top: 68%; padding: 8px 10px 6px; transform: translateY(-50%);}


/* date */
.coment_date{display: flex;font-size: 13px} 
.coment_date .delet{color: #f73d3d; padding-left: 10px;margin-left: 7px;position: relative;}
.coment_date .delet::before{content: '';display: block;width: 1px;height: 10px;position: absolute;left:0;top:50%;transform: translateY(-50%) ;background: #ddd;}
.date {position: relative;}
.date input{background: url(https://bigsdata.s3.ap-southeast-3.amazonaws.com/BIGSWARE/images/168073086311115.png) no-repeat right 16px center; text-align: right; padding-right: 50px !important; position: relative;}
input[type=date]::-webkit-calendar-picker-indicator, input[type=datetime-local]::-webkit-calendar-picker-indicator{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: transparent; color: transparent; cursor: pointer;}

/* input[type=date]::-webkit-datetime-edit-text{
    -webkit-appearance: none;
    display: none;
}
input[type=date]::-webkit-datetime-edit-month-field{
    -webkit-appearance: none;
    display: none;
}
input[type=date]::-webkit-datetime-edit-day-field {
    -webkit-appearance: none;
    display: none;
}
input[type=date]::-webkit-datetime-edit-year-field{ 
    -webkit-appearance: none;
    display: none;
} */

input[type=date]:valid, input[type=datetime-local]:valid{color:#333;}
input[type=date], input[type=datetime-local]{color: #81818B;} 

/* .date{display: flex; align-items: center;} */
/* input[type=date]::-webkit-calendar-picker-indicator{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: transparent; color: transparent; } */

/* input[type=date]::before{content: attr(data-placeholder) !important; position: relative; display: inline-block; transform: translateY(45%); color: #81818B;}
input[type=date]:focus::before, input[type=date]:valid::before{ display: none;} */

/* input[type=date]:focus::before, input[type=date]:valid::before {display: none;} */


/* search */ 
.search_top{display: flex; align-items: center; justify-content: space-between; margin: 25px 0 20px;}
.searchbox{display: flex; align-items: center;}
.searchbox .search{margin-right: 10px; background-color: #f4f4f4; padding: 5px 10px; border-radius: 50px; max-width: 300px;}
.searchbox .search .search_btn{width: 30px; height: 30px; background: url(https://bigsdata.s3.ap-southeast-3.amazonaws.com/BIGSWARE/images/168062874244340.png) no-repeat center center; background-size: 20px 20px;}
input[type=search]{font-family: "Inter"; background-color: transparent; padding:  0 14px; outline: none; border: none; width: calc(100% - 40px);}
input[type=search]::placeholder{color: #aeaeae; font-weight: 300;}
input[type=search]:focus{outline: none; border: none;}
.searchbox p, .searchbox p span{line-height: 1; color: #686868; font-size: 13px; }
.searchbox p span{font-weight: 600;}

.searchbox.sb_c .search_long{margin: 10px auto 30px; max-width: 663px;}

.con_total, .con_total span{line-height: 1; color: #686868; font-size: 15px;}
.con_total span{font-weight: 600;}


/* radio */
.radiobtn ul{display: flex; flex-wrap: wrap;}
.radiobtn ul li{margin-right: 30px; margin-top: 8px; cursor: pointer;}
.radiobtn.clipradio ul li{margin-right: 20px;}
.radiobtn.clipradio label{margin-left: 0px;}


.radiobtn label{cursor: pointer; color: #686868; font-size: 16px; margin-left: 3px;}
input[type='radio'] {-webkit-appearance: none; -moz-appearance: none; appearance: none; width: 16px; height: 16px; border: 3px solid #fff; border-radius: 50%; outline: none; cursor: pointer; background-color: #C0C0C5; box-shadow: 0 0 0 1px #C0C0C5; margin: 0; margin-bottom: 4px;}
input[type='radio']:checked{background-color: #F5821E; box-shadow: 0 0 0 1px #F5821E;}
input[type='radio']:checked + label{text-shadow: 0 0 .5px #F5821E; color: #F5821E;}

.radiobtn > div{display: flex; flex-wrap: wrap;}
.radiobtn div > div{margin-right: 25px; cursor: pointer;}



/* check */
.check input[type=checkbox]{display: none;}
.check input[type=checkbox] + label{cursor: pointer; display: flex; align-items: center; font-size: 14px; line-height: 1;}
.check input[type=checkbox] + label:before{content: ''; display: inline-block; width: 16px; height: 16px; border-radius: 3px;  border: 1px solid #F5821E; vertical-align: top; margin-right: 7px; background-color: #fff;}
.check input[type=checkbox]:checked + label:before{width: 16px; height:16px; margin-right: 7px; border-radius: 3px;background:url() no-repeat center center ; border: 1px solid #F5821E; background: url(https://bigsdata.s3.ap-southeast-3.amazonaws.com/BIGSWARE/images/168252286187922.png) #F5821E no-repeat 60% 50%; background-size: 9px 6px;}
.check input[type=checkbox] + label > p {margin-top: 2px;}

/* textarea */
.commentbox textarea::placeholder{color: #686868; opacity: .5;}
textarea::placeholder{font-family: "Inter"; color: #81818B;}
.commentbox{position: relative; display: flex; align-items: center;}
.commentbox p{width: 13.83%; text-align: center; font-size: 16px; font-weight: 700;}

.commentbox p .count{display: flex; justify-content: center; align-items: center;}
.commentbox p .count span{font-size: 14px; color: #81818B;}
.commentbox p .count:before{content: '('; display: inline; position: relative; color: #81818B;}
.commentbox p .count:after{content: ')'; display: inline; position: relative; color: #81818B;}
.commentbox p .cha::after{content: '/'; display: inline-block; position: relative; color: #81818B; padding: 0 3px;}



.commentbox textarea{width: 86.17%; margin: 43px 0;}
.commentbox button{position: absolute; display: block; color: #fff; font-size: 14px; font-weight: 700; background-color: #009F47; border-radius: 5px; width: 88px; height: 35px; bottom: 60px; right: 20px;}

textarea{border-radius: 5px; border: 1px solid #ddd; height: 169px; box-sizing: border-box; padding: 20px; }
.textarea_sm{height: 92px;}
.textarea_md{height: 150px;}
.textarea_md2{height: 144px; margin-top: 10px; padding: 14px;}



/* --------------------------------------------------
------------------------tab-------------------- */

/* tab style */
.tablist{display: flex; justify-content: center;}
.tab1 .tablist li a{display: block; padding: 13px 29px 12px; border: 1px solid #ddd; border-radius: 5px; margin: 0 4.5px; background-color: #fff; color: #686868; cursor: pointer; font-weight: 500; font-size: 14px;} 
.tab1 .tablist li.tab_on a{border-color: #F5821E; color: #F5821E;}
.tabcon{padding-top: 60px;}

.tabli_wid li a{width: 160px; text-align: center;}

/* round text */
.roundtxt{display: inline-block; padding: 3px 15px; background-color: #FFE0E0; color: #FB4646; border-radius: 30px; font-size: 13px; font-weight: 700; cursor: pointer;}
.roundtxt.responce{background-color: #2295FF; color: #fff; margin-right: 6px; font-weight: 400; padding: 2px 10px;}


/* --------------------------------------------------
------------------------tag selection-------------------- */
.selection {width: 300px; margin:30px 0;}
.selection > div:first-child{align-items: center;} 
.selection > div:first-child h5{margin-bottom: 0;} 

.selection .btn_move button{margin: 0;}
.selection .btn_move button:last-child{margin-left: 5px;}

/* 비활성화 유 */
/* .selection.on .listbox{background-color: #EFF3F4; color: 333333;}
.selection.on .listbox li.on{color: #F5821E; font-weight: 700}
.selection .listbox{ background-color: #ECECEC;overflow-y: scroll; height: 378px; margin: 10px 0; padding: 20px; color: #81818B;} */

/* 비화성화 무 */
.selection .listbox{ background-color: #EFF3F4 ;overflow-y: scroll; height: 378px; margin: 10px 0; padding: 20px;}
.selection .listbox ul li{margin-bottom: 9px; font-size: 14px; line-height: 16px; cursor: pointer; padding: 5px 0; margin-top: 0px !important;}
.selection .listbox ul li.on{color: #F5821E; font-weight: 700}
.selection .selectbtn{padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #ddd;}
.selection .selectbtn button{width: calc((100% - 10px) / 2); padding: 10px 0; height: 39px;}
.selection .selectbtn button:first-child{background-color: #71BF44;}
.selection .selectbtn button:last-child{background-color: #FF4747;}
.selection .tagadd button{margin-left: 10px; background-color: #BD44BF; height: 39px;}
.selection + .selection{margin-left: 40px;}
/* .selection .formtit{line-height: 1.2;} */


/* --------------------------------------------------
------------------------list style-------------------- */
table.list_table{width: 100%; border-collapse: collapse; font-size: 14px; table-layout: fixed; }
table.list_table th{height: 64px;}
table.list_table td{height: 64px;}
table.list_table td.pr{padding-right: 16px;}
table.list_table td.pl{padding-left: 16px;}

table.list_table th:first-child, table.list_table th:last-child, table.list_table td:first-child, table.list_table td:last-child{padding: 0;}

table.list_table th, table.list_table td{text-align: left; vertical-align: middle; padding: 0 6px;}
table.list_table td{ padding: 12px 6px; }
table.list_table td img{vertical-align: middle;}

table.list_table th:first-child, table.list_table td:first-child{padding-left: 14px;}
table.list_table th:last-child, table.list_table td:last-child{padding-right: 14px;}

table.list_table td{overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
table.list_table thead{border-top: 4px solid #F5821E; }
table.list_table thead th{font-weight: 700; color: #F5821E;}
/* table.list_table.notice_table tbody tr{cursor: pointer;} */
table.list_table tr{border-bottom: 1px solid #ddd; width: 100%; }
/* table.list_table tbody tr{cursor: pointer;} */

table.list_table .title{display: flex; align-items: center;}
table.list_table .title.famtit{display: table-cell !important;}
table.list_table .title > div{display: flex; align-items: stretch; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
table.list_table .title > div > div{max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
table.list_table .title p{overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position: relative; display: inline-block; max-width: 100%;}
table.list_table .title.counttit p{padding-right: 30px;}
table.list_table .title.counttit .count{font-size: 10px; color: #fff; display: flex; justify-content: center; align-items: center; line-height: 1; width: 22px; height: 22px; background-color: #FB4646; border-radius: 50%; font-weight: 700; width: 22px; flex-basis: 22px; position: absolute; right: 0; top: 50%; transform: translateY(-50%); }
table.list_table .view, table.list_table .date{color: #686868;}
table.list_table .fix{background-color: #FEF3E9;}

table.list_table .title.res{padding-left: 24px; background: url(https://bigsdata.s3.ap-southeast-3.amazonaws.com/BIGSWARE/images/168253188837916.png) left 45% no-repeat; background-size: 15px 17px;}

table.tp13 {font-size: 13px;}


.list_table.list_table_move.ltmove2 td{overflow: inherit; text-overflow:inherit; word-break: keep-all; white-space: wrap;}

/* .list_table_move tbody tr{cursor: pointer;} */
.list_table_move.ltmove_cd tbody tr{cursor: default;}


table.list_table th div{display: flex; align-items: center; justify-content: flex-start;}
table.list_table th div i{font-weight: 700; line-height: 1.2; display: inline;}
table.list_table th div button{width: 34px;}


/* --------------------------------------------------
------------------------view page-------------------- */

.viewcon_txt{padding:  40px 20px 70px; border-bottom: 1px solid #ddd; font-size: 18px;}
.p3620{padding: 36px 20px; border-bottom: 1px solid #ddd;}
.comtxt{padding: 14px 0; font-size: 14px;}
.viewcon_file li{ padding-left: 24px; background: url(https://bigsdata.s3.ap-southeast-3.amazonaws.com/BIGSWARE/images/168192459965525.png)no-repeat left 20% ; cursor: pointer;}
.viewcon_file li + li{margin-top: 4px;}
.viewcon_file li p{display: inline-block;}
.viewcon_file li p:hover{color: #F5821E;}
.viewcon_comment li{padding:20px 0px;}
.viewcon_comment li + li{border-top:1px solid #ddd;}

.viewcon_comment{position: relative;}
.com_prof{display: flex; align-items: center;}
.username{font-weight: 700;}
.thumb.sm{width: 22px; padding-bottom: 22px; margin-right: 8px;}
.thumb.big{width: 70px; padding-bottom: 70px;}
.thumb{position: relative; border-radius: 50%; background-color: #ccc; outline: 1px solid #ddd; overflow: hidden; }
.thumb img{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: cover;}
.com_txt .date{font-size: 13px;}
.com_btn button{padding: 0 10px; margin-right: -10px;}
.com_btn button span{display: block; width: 4px; height: 4px; border-radius: 50%; background-color: #333; }
.com_btn button span +span{margin-top: 4px;}

.com_btn{position: relative;}
.com_click{position: absolute; z-index: 99; top: 70px; right: 20px; padding: 15px 25px; border-radius: 20px; background-color: #fff; border: 1px solid #ddd; box-shadow: 0 8px 25px 0 rgba(0,0,0,.15); width: 193px; display: none;}
.com_click ul li{font-size: 14px; padding: 7px 0; cursor: pointer;}
.view_bottom_btn button{margin-right: 8px;}


/* --------------------------------------------------
------------------------thumbnailebox-------------------- */

.thumb_4{width: calc((100% - 20px) / 4);}
.thumb_5{width: 19%;}


.mg-20 {margin-top: 20px;}