@charset "utf-8";
/*@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-dynamic-subset.min.css");*/

/* https://apps.qoo-app.com/ko/app/11241 */
*{margin:0px;padding:0px;box-sizing: border-box;}
*{font-family: 'Poppins','Noto Sans KR',-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif;}
html, form, fieldset, img {margin:0;padding:0;border:0px;}
h1, h2, h3, h4, h5, h6{margin:0;padding:0;border:0;}
a,a:hover,a:visited{text-decoration: none;direction: inherit;box-sizing: border-box;/*display:inline-block;*/ cursor: pointer;}
ul,li{list-style: none;padding:0;margin:0px;}
i{padding-right:5px;vertical-align:center;}

header{display:none;}
hr{border:none;display: block;height:1px;background-color: #eaeaea;}
input::placeholder{ font-size: 0.8em;color:#aaa;}

textarea::-webkit-scrollbar {width: 5px;}
textarea::-webkit-scrollbar-thumb {background-color: #999 ;border-radius: 5px;}
textarea::-webkit-scrollbar-track {background-color: #f5f5f5 ;border-radius: 5px;box-shadow: inset 0px 0px 2px #ccc;}
textarea::-webkit-scrollbar {width: 5px;}
textarea::-webkit-scrollbar-thumb {background-color: #999 ;border-radius: 5px;}
textarea::-webkit-scrollbar-track {background-color: #f5f5f5 ;border-radius: 5px;box-shadow: inset 0px 0px 2px #ccc;}

/* ******** */
/* 전체 */
div#wrapper{width: 100%;z-index:1;}
.copyright{font-size:0.7rem;color:#949494;}

.flex{display:flex;}
.flexV{display:flex;flex-direction:column;}
.conBox{display:flex;}
.conBoxV{display:flex;flex-direction:column;flex-grow: 1;}
.conCard{flex-direction:row;flex-grow: 1;}
.conCardV{flex-direction: column;flex-grow: 1;}
.hide{display:none !important;}

.box{box-shadow:0px 1px 4px rgba(0,0,0,0.2)}

body{overflow-x:hidden; overflow-y: scroll;}
body::-webkit-scrollbar {width: 5px;}
body::-webkit-scrollbar-thumb {background-color: #999 ;border-radius: 5px;}
body::-webkit-scrollbar-track {background-color: #f5f5f5 ;border-radius: 5px;box-shadow: inset 0px 0px 2px #ccc;}

.thinScroll::-webkit-scrollbar {width: 5px;height:5px;}
.thinScroll::-webkit-scrollbar-thumb {background-color: #999 ;border-radius: 5px;}
.thinScroll::-webkit-scrollbar-track {background-color: #f5f5f5 ;border-radius: 5px;box-shadow: inset 0px 0px 2px #ccc;}

.noScrollX{overflow-x:hidden;overflow-y:scroll;}
.noScrollY{overflow-x:scroll;overflow-y:hidden;}

.noWrap{white-space : nowrap;}
/* option */
.noDrag {-ms-user-select: none; -moz-user-select: -moz-none; -webkit-user-select: none; -khtml-user-select: none; user-select:none;}
.noBorder{border:0px solid #fff !important;}
.noCursor{cursor:default !important;}

.hidden{display:none;}

/* popup */
div#printLayout{position:fixed;width:80%;margin:2% 10%;height:92vh;background:#fff;border:3px solid #888;z-index:9999;}
div.popDiv{position:absolute;height:auto;z-index:900;padding:0px;}
div.popDiv .popBg{position:fixed;width:100%;height:100vh;background:rgba(0, 0, 0, 0.7);top:0;left:0;z-index:901;}
div.popDiv .popCon{position:relative;background:white;z-index:910;border:1px solid #888;border-radius:10px;padding:10px;}
.printShow{display:none;}

/* input */

.jungInputSet{text-align:left;}
.jungInputSet label, .label{display:block;font-size:0.8rem;line-height:0.8rem;margin-bottom:5px;color:#999;font-weight:400;}
.labelB{display:block;font-size:0.8rem;line-height:0.8rem;margin-bottom:5px;color:#444;font-weight:500;}
.jungInputSet label span, .label span, .labelB span{font-size:0.8rem;margin-left:10px;color:#ff494b;font-weight:300;}

.jungInputSet label b, .label b, .labelB b{color:#ff3061;margin-left:5px;font-weight:500;}
.jungInputSet input, .jungInput{display:block;width:100%;border:1px solid #ddd;padding:10px 12px;font-size:1.0rem;border-radius:3px;}
.jungInputSet input::placeholder, .jungInput::placeholder{color:#ddd;font-weight:300;} 
.jungInput:read-only{background-color:#ccc;cursor: inherit;outline:none;}
.jungTextarea{display:block;width:100%;border:1px solid #ddd;padding:10px 12px;font-size:1.0rem;border-radius:3px;resize: none;}
.jungSelectBox {border: 1px solid #bbb;background: #f5f5f5; font-size: 1rem; font-weight: 400; }
.jungSelectBox::-webkit-scrollbar { width: 0px; /* 스크롤 바 너비 */ }
.jungSelect {border: 1px solid #bbb;background: #f5f5f5; font-size: 1rem; font-weight: 400;padding:9px 15px;}

img.tooltip{width:14px;height:14px; cursor: pointer;padding:0px;vertical-align:bottom;}

.c-line{text-align:center;position: relative;}
.c-line:before{content: "";position: absolute;top: 50%;left: 0;right: 0;height: 1px;background: #eee;box-sizing: border-box;-webkit-box-sizing: border-box;}
.c-line p{position: relative;background:#fff;font-size:0.7rem;color:#949494;display:inline-block;vertical-align:top;padding:3px 10px;}

/* etc */
.m1{margin:1px !important;}.m2{margin:2px !important;}.m3{margin:3px !important;}.m4{margin:4px !important;}.m5{margin:5px !important;}.m10{margin:10px !important;}.m15{margin:15px !important;}.m20{margin:20px !important;}.m25{margin:25px;}.m30{margin:30px !important;}.m40{margin:40px !important;}.m50{margin:50px !important;}
.ml0{margin-left:0px !important;}.ml1{margin-left:1px !important;}.ml2{margin-left:2px !important;}.ml3{margin-left:3px !important;}.ml4{margin-left:4px !important;}.ml5{margin-left:5px;}.ml10{margin-left:10px !important;}.ml15{margin-left:15px !important;}.ml20{margin-left:20px !important;}.ml30{margin-left:30px !important;}.ml40{margin-left:40px !important;}.ml50{margin-left:50px !important;}
.mr0{margin-right:0px !important;}.mr1{margin-right:1px !important;}.mr2{margin-right:2px !important;}.mr3{margin-right:3px !important;}.mr4{margin-right:4px !important;}.mr5{margin-right:5px;}.mr10{margin-right:10px !important;}.mr15{margin-right:15px !important;}.mr20{margin-right:20px !important;}.mr30{margin-right:30px !important;}.mr40{margin-right:40px !important;}.mr50{margin-right:50px !important;}
.mt0{margin-top:0px !important;}.mt1{margin-top:1px !important;}.mt2{margin-top:2px !important;}.mt3{margin-top:3px !important;}.mt4{margin-top:4px !important;}.mt5{margin-top:5px;}.mt10{margin-top:10px;}.mt15{margin-top:15px !important;}.mt20{margin-top:20px !important;}.mt30{margin-top:30px !important;}.mt40{margin-top:40px !important;}.mt50{margin-top:50px !important;}
.mb0{margin-bottom:0px !important;}.mb1{margin-bottom:1px !important;}.mb2{margin-bottom:2px !important;}.mb3{margin-bottom:3px !important;}.mb4{margin-bottom:4px !important;}.mb5{margin-bottom:5px !important;}.mb10{margin-bottom:10px !important;}.mb15{margin-bottom:15px !important;}.mb20{margin-bottom:20px !important;}.mb30{margin-bottom:30px !important;}.mb40{margin-bottom:40px !important;}.mb50{margin-bottom:50px !important;}
.p1{padding:1px !important;}.p2{padding:2px !important;}.p3{padding:3px !important;}.p4{padding:4px !important;}.p5{padding:5px !important;}.p10{padding:10px !important;}.p15{padding:15px !important;}.p20{padding:20px !important;}.p30{padding:30px !important;}.p40{padding:40px !important;}.p15{padding:15px !important;}.p20{padding:20px !important;}.p30{padding:30px !important;}.p40{padding:40px !important;}.p50{padding:50px !important;}
.pl1{padding-left:1px !important;}.pl2{padding-left:2px !important;}.pl3{padding-left:3px !important;}.pl4{padding-left:4px !important;}.pl5{padding-left:5px !important;}
.pl10{padding-left:10px !important;}.pl20{padding-left:20px !important;}.pl30{padding-left:30px !important;}.pl40{padding-left:40px !important;}.pl50{padding-left:50px !important;}
.pr1{padding-right:1px !important;}.pr2{padding-right:2px !important;}.pr3{padding-right:3px !important;}.pr4{padding-right:4px !important;}.pr5{padding-right:5px !important;}
.pr10{padding-right:10px !important;}.pr20{padding-right:20px !important;}.pr30{padding-right:30px !important;}.pr40{padding-right:40px !important;}.pr50{padding-right:50px !important;}
.pt1{padding-top:1px !important;}.pt2{padding-top:2px !important;}.pt3{padding-top:3px !important;}.pt4{padding-top:4px !important;}.pt5{padding-top:5px !important;}
.pt10{padding-top:10px !important;}.pt20{padding-top:20px !important;}.pt30{padding-top:30px !important;}.pt40{padding-top:40px !important;}.pt50{padding-top:50px !important;}
.pb1{padding-bottom:1px !important;}.pb2{padding-bottom:2px !important;}.pb3{padding-bottom:3px !important;}.pb4{padding-bottom:4px !important;}.pb5{padding-bottom:5px !important;}
.pb10{padding-bottom:10px !important;}.pb20{padding-bottom:20px !important;}.pb30{padding-bottom:30px !important;}.pb40{padding-bottom:40px !important;}.pb50{padding-bottom:50px !important;}

.noP{padding:0px !important;}
.noM{margin:0px !important;}

.h100{height:100%;}
.vh100{height:100vh !important;}
.vh90{height:90vh !important;}
.vh80{height:80vh !important;}
.vh70{height:70vh !important;}
.vh60{height:60vh !important;}
.vh50{height:50vh !important;}
.vh40{height:40vh !important;}
.vh30{height:30vh !important;}
.vh20{height:20vh !important;}
.vh10{height:10vh !important;}


.mW50{min-width:50px !important;}
.mW100{min-width:100px !important;}
.mW200{min-width:200px !important;}
.mW300{min-width:300px !important;}
.mW400{min-width:400px !important;}
.mW500{min-width:500px !important;}

.mH50{min-height:50px !important;}
.mH100{min-height:100px !important;}
.mH200{min-height:200px !important;}
.mH300{min-height:300px !important;}
.mH400{min-height:400px !important;}
.mH500{min-height:500px !important;}

.c-line{text-align:center;position: relative;}
.c-line:before{content: "";position: absolute;top: 50%;left: 0;right: 0;height: 1px;background: #eee;box-sizing: border-box;-webkit-box-sizing: border-box;}
.c-line p{position: relative;background:#fff;font-size:0.7rem;color:#949494;display:inline-block;vertical-align:top;padding:13px 10px;}


/* 24.3.14 : font style */
.fs07{font-size:0.7rem !important;}.fs08{font-size:0.8rem !important;}.fs09{font-size:0.9rem !important;}.fs10{font-size:1.0rem !important;}
.fs11{font-size:1.1rem !important;}.fs12{font-size:1.2rem !important;}.fs13{font-size:1.3rem !important;}.fs14{font-size:1.4rem !important;}
.fs15{font-size:1.5rem !important;}.fs16{font-size:1.6rem !important;}.fs17{font-size:1.7rem !important;}.fs18{font-size:1.8rem !important;}
.fs19{font-size:1.9rem !important;}.fs20{font-size:2.0rem !important;}.fs30{font-size:3.0rem !important;}.fs40{font-size:4.0rem !important;}

.fw1{font-weight:100 !important;}.fw2{font-weight:200 !important;}.fw3{font-weight:300 !important;}.fw4{font-weight:400 !important;}
.fw5{font-weight:500 !important;}.fw6{font-weight:600 !important;}.fw7{font-weight:700 !important;}.fw8{font-weight:800 !important;}

.lh07{line-height:0.7rem !important;}.lh08{line-height:0.8rem !important;}.lh09{line-height:0.9rem !important;}.lh10{line-height:1.0rem !important;}
.lh11{line-height:1.1rem !important;}.lh12{line-height:1.2rem !important;}.lh13{line-height:1.3rem !important;}.lh14{line-height:1.4rem !important;}
.lh15{line-height:1.5rem !important;}.lh16{line-height:1.6rem !important;}.lh17{line-height:1.7rem !important;}.lh18{line-height:1.8rem !important;}
.lh19{line-height:1.9rem !important;}.lh20{line-height:2.0rem !important;}



/* align-items: center;justify-content: center; */
.hAlign{text-align:center !important;align-items: center;justify-content: center;}
.vAlign{vertical-align:middle !important;align-items: center;justify-content: center;}
.vAlignC{vertical-align:middle !important; align-items: center;} .vAlignT{vertical-align:top !important;align-items: start;} .vAlignB{vertical-align:bottom !important;align-items: flex-end;}
.hAlignL{text-align:left !important;} .hAlignR{text-align:right !important;} .hAlignC{text-align:center !important;justify-content: center !important;}

.wh100{width: 100vw;height:100vh;}
.w100{width:100%;display:block;}.w90{width:90%;display:block;}.w80{width:80%;display:block;}.w70{width:70%;display:block;}.w60{width:60%;display:block;}
.w50{width:50%;display:block;}.w40{width:40%;display:block;}.w30{width:30%;display:block;}.w20{width:20%;display:block;}.w10{width:10%;display:block;}.w5{width:5%;display:block;}


.radius0{border-radius:0px !important;}.radius5{border-radius:5px;}.radius10{border-radius:10px;}.radius15{border-radius:15px;}.radius20{border-radius:20px;}


/* color */
.blackSkin{background:#000;color:#ffffff;}
.whiteSkin{background:#f2f2f2;}
.graGray{background: radial-gradient(circle, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0) 75%);}


.bgPrimary{background:#2ab2da !important;;color:#fff;}
.bgWhite{background:#fff !important;color:#000;border:1px solid #ddd !important;}
.bgBlack{background:#000 !important;;color:#fff;}
.bgRed{background:red !important;;color:#fff;}
.bgYellow{background:#e9db45 !important;;color:#fff;}
.bgOrange{background:#e99645 !important;;color:#fff;}
.bgGreen{background:#28a745 !important;;color:#fff;}
.bgBlue{background:#2ab2da !important;;color:#fff;}
.bgGray{background:#f0f0f0 !important;;color:#aaa;}
.bgSilver{background:#868e96 !important;;color:#aaa;}
.bgIndigo{background:#2C3E50 !important;;color:#fff;}


.red{color:red !important;;}
.white{color:#fff !important;}
.gray{color:#aaa !important;}
.blue{color:#2ab2da !important;}
.orange{color:#e99645 !important;}
.darkGray{color:#dadada !important;;}
.black{color:#000000 !important;}
.tAactive{color:#828282 !important;}
.alpha30{color:rgba(0, 0, 0, 0.3)}


.click{cursor: pointer;}
.btn{cursor: pointer;border-radius:3px;border:0px;}
.btn:hover{ filter:saturate(80%) hue-rotate(10deg); /* 채도를 50% 감소 *//*filter: saturate(50%);*//*filter:hue-rotate(180deg);*/
 transition: all 0.3s ease; /* 모든 변화의 부드러운 전환 */box-shadow: inset 4px 4px 12px rgba(0, 0, 0, 0.2),inset -4px -4px 8px rgba(255, 255, 255, 0.1); /* 들어간 효과 */}

.btnS{}
.btnM{}
.btnL{}

.blueBtn{cursor: pointer;border: none;outline:none;padding: 10px 12px;background-color:#2ab2da;color:#fff;}
.regBtn{cursor: pointer;border: none;outline:none;padding: 10px 12px;background-color:#2ab2da;color:#fff;}
.blackBtn{cursor: pointer;border: none;outline:none;padding: 10px 12px;background-color:#444;color:#fff;}
.transBtn{cursor: pointer;border: none;outline:none;padding: 10px 12px;background-color:transparent;color:#fff;}


.checkbox-x2 {
    -ms-transform: scale(2);
    -moz-transform: scale(2);
    -webkit-transform: scale(2);
    -o-transform: scale(2);
    text-align: center;
    margin: 10px 0px 0px 8px;
}
.checkbox-x15 {
    -ms-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -webkit-transform: scale(1.5);
    -o-transform: scale(1.5);
    text-align: center;
    margin: 5px 0px 0px 4px;
}

/* */

/* data picker */
#ui-datepicker-div{display:none;}
.ui-datepicker{background:#f46602;text-align:center;position:relative;}
.ui-datepicker-header{background:#f46602;padding:5px 10px;}
.ui-datepicker-prev{position:absolute;left:10px;border:1px solid #fff;border-radius:5px;color:#fff;font-size:0.8rem;padding:5px 10px;cursor: pointer;}
.ui-datepicker-next{position:absolute;right:10px;border:1px solid #fff;border-radius:5px;color:#fff;font-size:0.8rem;padding:5px 10px;cursor: pointer;}
.ui-datepicker-month, .ui-datepicker-year{border:1px solid #e9e9e9;padding:3px 4px;margin:0px 2px;border-radius:5px; cursor: pointer;}

.ui-datepicker-calendar{padding:5px 10px;background:#fff;margin:0px 2px 2px 2px;}
.ui-datepicker-calendar th{font-size:0.9rem;}
.ui-datepicker-calendar td{width:35px;height:25px;border:1px solid #ddd;border-radius:5px;}
.ui-datepicker-calendar td.ui-state-disabled span.ui-state-default{color:#aaa;font-weight:300;}
.ui-datepicker-calendar td a.ui-state-default{color:#444;font-weight:400;}
.ui-state-highlight{color:#f46602 !important;font-size:1rem;font-weight:600 !important;}
.ui-state-active{width:100%;background:#f46602;color:#fff !important;border-radius:5px;}

/* user table  */
.underLine{border-bottom:1px solid rgba(0, 0, 0, 0.1);}
.underLineDash{border-bottom:1px dashed rgba(0, 0, 0, 0.2);}
.boxLine{border: 1px solid;}


/* text */
.conTitle{font-size: 1.4rem; font-weight: bold}
.conSubTitle{font-size: 1.1rem; font-weight: 500}
.conTitle span, .consubTitle span{font-size: 0.8rem; font-weight: normal; display: inline-block; color: #888; margin-left: 5px;}

.tooltip-box { position: absolute; padding: 5px; background: rgba(0, 0, 0, 0.7); color: #fff; border-radius: 4px; font-size: 12px; z-index: 1000; display: none;max-width:300px; }