@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', 'Pretendard', 'Apple SD Gothic Neo', 'Segoe UI', 'sans-serif'; font-display: swap;}
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 { transition: border 0.4s ease; }
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;flex-grow: 1;}
.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)}
.box-light{--tw-shadow: 0 0 2rem 0 rgba(136, 152, 170, .15);
    --tw-shadow-colored: 0 0 2rem 0 var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);}

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;text-overflow: ellipsis;overflow: hidden;}
/* 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 !important;}
.inline{display:inline-block !important;}

/* 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:#bbb;font-weight:300;} 
.jungInput:read-only{background-color:#ccc;cursor: inherit;outline:none;}
.jungInput:focus { border: 1px solid #2ab2da; 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:10px 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{display:flex;text-align:center !important;justify-content: center;}
.vAlign{display:flex;vertical-align:middle !important;align-items: 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;justify-content:flex-start;} .hAlignR{text-align:right !important;justify-content:flex-end;} .hAlignC{text-align:center !important;justify-content: center !important;}

.wh100{width: 100vw;height:100vh;}
.wAuto{width:auto;}
.w100{width:100%;display:block;}.w90{width:90%;display:inline-block;}.w80{width:80%;display:inline-block;}
.w70{width:70%;display:inline-block;}.w60{width:60%;display:inline-block;}.w50{width:50%;display:inline-block;}
.w45{width:45%;display:inline-block;}.w40{width:40%;display:inline-block;}.w30{width:30%;display:inline-block;}
.w20{width:20%;display:inline-block;}.w10{width:10%;display:inline-block;}.w5{width:5%;display:inline-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;}
.bgLightGray{background:rgb(244 247 250);}


.red{color:red !important;;}
.white{color:#fff !important;}
.green{color:#28a745 !important;}
.gray{--tw-text-opacity: 1; color: rgb(232 237 247 / var(--tw-text-opacity)); }
.lightGray{--tw-text-opacity: 1; color:rgb(169 183 208 / var(--tw-text-opacity)); }
.blue{--tw-text-opacity: 1; color:rgb(42 178 218 / var(--tw-text-opacity)); }
.orange{color:#e99645 !important;}
.darkGray{--tw-text-opacity: 1; color: rgb(136 136 136 / var(--tw-text-opacity)); }
.black{color:#000000 !important;}
.tAactive{color:#828282 !important;}
.alpha30{color:rgba(0, 0, 0, 0.3)}

.textColor{--tw-text-opacity: 1; color:rgb(52 71 103 / var(--tw-text-opacity)); }


.borderGray{border:1px solid rgb(52 71 103 /0.2);}

.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); /* 들어간 효과 */}

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



/* 2.0.0 추가 : 25.07.09 부트스트랩 겸용 */
	.row{display: flex;flex-wrap:wrap}
	.col{flex:1; box-sizeing:border-box;}
	.flex100_m{ flex: 0 0 100%}

	.container { max-width: 720px; margin: 0 auto; } 
	.col-3 {flex: 0 0 100%; width: 100% ; }
	.col-6 {flex: 0 0 100%; width: 100% ; }
	.con_m_100 { flex: 0 0 100%; width: 100% !important ; }
	.con_m_150 { flex: 0 0 100%; width: 100% !important ; }
	.con_m_200 { flex: 0 0 100%; width: 100% !important ; }
	.con_m_300 { flex: 0 0 100%; width: 100% !important ; }
	.conBox_m { display:flex; }
	.conCard_m { flex-direction:row;flex-grow: 1; }

	
	.icon-list{display:none;flex-direction: colum;position:absolute;right:70px;top:20px;border:1px solid #ccc;padding:0.5rem,z-index:999;border-radius:5px;background-color:#fff;}
	.icon-list.active{display:flex;}
	.mobile-menu-btn{display:inline-block;}


@media (min-width: 768px) and (max-width: 1023px) {
	.container { max-width: 1024px;  /* 960px */} 
	.col-3 { flex: 0 0 25%;  max-width: 25%; }
	.col-6 { flex: 0 0 50%; max-width: 50%; } /* 너비 비율 지정 */
	.col-12 { flex: 0 0 100%; max-width: 100%; }
	.con_m_100 { flex: 0 0 100px; width: 100px !important ; }
	.con_m_150 { flex: 0 0 150px; width: 150px !important ; }
	.con_m_200 { flex: 0 0 200px; width: 200px !important ; }
	.con_m_300 { flex: 0 0 300px; width: 300px !important ; }
	.conBox_m { display:inline-block; }
	.conCard_m { flex-direction:initial;flex-grow: 0; }
	.flex100_m{ flex:1; }

	.icon-list{display:flex;gap:0.5rem;border:0px;position:static;background-color:rgba(255,255,255,0);}
	.mobile-menu-btn{display:none !important;}
} /* 데스크탑 이상  1280px */
@media (min-width: 1024px) {
	.container { max-width:1300px;margin-left:250px;  }
	.sidebar { transform: translateX(0) !important; /* ✅ 기본 보이게 */ }
	.sidebar-overlay{ display: none !important; }
	#sidebarToggleMain { opacity: 0.1 !important; visibility: hidden ; pointer-events: none;}
	.col-3 { flex: 0 0 25%;  max-width: 25%; }
	.col-6 { flex: 0 0 50%; max-width: 50%; } /* 너비 비율 지정 */
	.col-12 { flex: 0 0 100%; max-width: 100%; }
	.con_m_100 { flex: 0 0 100px; width: 100px !important ; }
	.con_m_150 { flex: 0 0 150px; width: 150px !important ; }
	.con_m_200 { flex: 0 0 200px; width: 200px !important ; }
	.con_m_300 { flex: 0 0 300px; width: 300px !important ; }
	.conBox_m { display:inline-block; }
	.conCard_m { flex-direction:initial;flex-grow: 0; }
	.flex100_m{ flex:1; }

	.icon-list{display:flex;gap:0.5rem;border:0px;position:static;background-color:rgba(255,255,255,0);}
	.mobile-menu-btn{display:none !important;}
} /* 대형 디스플레이 */



ul.nav{ display: flex; gap: 1rem; /* 간격 조절 */ padding: 0; margin: 0; list-style: none; justify-content: flex-end; }

.t-opacity1 { --tw-text-opacity: 0.1 !important; } .t-opacity2 { --tw-text-opacity: 0.2 !important; } .t-opacity3 { --tw-text-opacity: 0.3 !important; }
.t-opacity4 { --tw-text-opacity: 0.4 !important; } .t-opacity5 { --tw-text-opacity: 0.5 !important; } .t-opacity6 { --tw-text-opacity: 0.6 !important; }
.t-opacity7 { --tw-text-opacity: 0.7 !important; } .t-opacity8 { --tw-text-opacity: 0.8 !important; } .t-opacity9 { --tw-text-opacity: 0.9 !important; }
.t-opacity10 { --tw-text-opacity: 1 !important; }

.opacity1{ opacity : 0.1 !important;}.opacity2{ opacity : 0.2 !important;}.opacity3{ opacity : 0.3 !important;}.opacity4{ opacity : 0.4 !important;}
.opacity5{ opacity : 0.5 !important;}.opacity6{ opacity : 0.6 !important;}.opacity7{ opacity : 0.7 !important;}.opacity8{ opacity : 0.8 !important;}
.opacity9{ opacity : 0.9 !important;}.opacity10{ opacity : 1 !important;}

.ls01{letter-spacing:0.1px !important;}.ls02{letter-spacing:0.2px !important;}.ls03{letter-spacing:0.3px !important;}
.ls04{letter-spacing:0.4px !important;}.ls05{letter-spacing:0.5px !important;}.ls0{letter-spacing:0px !important;}
.ls-01{letter-spacing:-0.1px !important;}.ls-02{letter-spacing:-0.2px !important;}.ls-03{letter-spacing:-0.3px !important;}
.ls-04{letter-spacing:-0.4px !important;}.ls-05{letter-spacing:-0.5px !important;}


.switch { position: relative; display: inline-block; width: 43px; height: 21px; }
.switch input { opacity: 0; width: 0; height: 0; }
.slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc;
  transition: 0.3s; border-radius: 34px; }
.slider::before { position: absolute; content: ""; height: 15px; width: 15px; left: 3px; top: 3px;
  background-color: white; transition: 0.3s; border-radius: 50%; }
/* 체크된 상태 */
input:checked + .slider { background-color: #2ab2da; /* 원하는 색으로 변경 가능 */ }
input:checked + .slider::before { transform: translateX(22px); }

.jungBtn{ transition: transform 0.2s ease, box-shadow 0.2s ease; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); 
	cursor: pointer;display:block;border:0px; }
.jungBtnP{padding:10px 10px;}
.jungBtn:hover{ transform: translateY(-3px); /* 위로 3px 들림 */ box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2); /* 더 진한 그림자 */ }
.jungBtn:active { transform: translateY(0); /* 다시 내려옴 */ box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); }


.relative{ position:relative; }
.absolute{ position:absolute; }

.z-1{z-index:1;}.z-2{z-index:2;}.z-3{z-index:3;}.z-4{z-index:4;}.z-5{z-index:5;}
.z-6{z-index:6;}.z-7{z-index:7;}.z-8{z-index:8;}.z-9{z-index:9;}.z-10{z-index:10;}

.togglePassword{position:absolute;right: 5px; top: 60%; transform: translateY(-50%); cursor: pointer;}

.backP_t{background-position:top center}.backP_b{background-position:bottom center}
.backS_cover{background-size:cover;}.backS_contain{background-size:contain;}
.backR_no{background-repeat:no-repeat;}

/* side nav */
/* 사이드 메뉴 */
.sidebar { position: fixed; top: 0; left: 0; width: 240px; height: 100vh; padding-top: 1rem;
	overflow-y: auto; transition: transform 0.3s ease-in-out; transform: translateX(-100%); z-index: 105; 
	--tw-bg-opacity: 1; background-color: rgb(63 77 103 / var(--tw-bg-opacity)); --tw-shadow: 1px 0 20px 0 #3f4d67;
    --tw-shadow-colored: 1px 0 20px 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    transition-property: all; transition-duration: 200ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }
#sidebarToggleMain { opacity: 1; visibility: visible; transition: opacity 0.5s ease, visibility 0.5s ease; }

.sidebar a { padding: 6px 20px; color: #fff; text-decoration: none; }
.sidebar a.conBox:not(.active):hover { background-color: rgba(0, 0, 0, 0.08) }
.sidebar.show { transform: translateX(0); }
.sidebar-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); z-index: 50; display: none; }
.sidebar-overlay.show { display: block; }

.conBox.active { background-color: rgba(0, 0, 0, 0.3); border-left: 3px solid #00aaff; color: #fff; }

.click_z{ cursor: pointer; transition: transform 0.2s ease-in-out; /* 부드러운 전환 */}
.click_z:hover { transform: scale(1.10); /* 약간 커짐 (5% 확대) */ }

.jungModal { position: fixed; bottom: 40px; left: 50%; transform: translateX(-50%) translateY(20px); background: #333;
  color: #fff; padding: 12px 24px 8px 24px; border-radius: 10px; font-size: 0.9rem; opacity: 0; z-index: 9999; transition: opacity 0.3s ease, transform 0.3s ease; }
.jungModal.show { opacity: 1; transform: translateX(-50%) translateY(0); }
.modalContent { display: inline-flex; align-items: center; gap: 4px; }
.jungModal.err { background-color: #e74c3c; }   /* 빨강 */
.jungModal.war { background-color: #f39c12; }    /* 노랑 */
.jungModal.suc { background-color: #2ecc71; } /* 초록 */

.flex1 {flex: 1;} .flex2 {flex: 2;} .flex3 {flex: 3;} .flex4 {flex: 4;} .flex5 {flex: 5;} .flex6 {flex: 6;} .flex7 {flex: 7;} .flex8 {flex: 8;} .flex9 {flex: 9;}


.sizeLimit{  flex: 1 1 0;              /* 크기 비율 유지하면서 넘치지 않도록 */
  box-sizing: border-box;
  word-break: break-all;    /* 긴 단어 줄바꿈 */
  white-space: pre-wrap;    /* 줄바꿈 유지 (pre 태그 등) */}

.jung-confirm-overlay { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background: rgba(0, 0, 0, 0.5);
    display: flex; justify-content: center; align-items: center; z-index: 9999; }
.jung-confirm-box { background: white; border-radius: 8px; padding: 20px 30px 20px 30px; box-shadow: 0 2px 8px rgba(0,0,0,0.2);
    max-width: 320px; text-align: center; }
.jung-confirm-msg { margin-bottom: 15px; font-size: 0.9rem;  }
.jung-confirm-btns button { margin: 0 10px; padding: 6px 14px; font-size: 13px; cursor: pointer; border:0px; }


.jungTable{border-collapse:collapse;caption-side: bottom;border:1px solid rgba(0, 0, 0, 0.1);;box-sizing: border-box;width:100%;}
.jungTable tr{padding: 5rem 5rem;    }
.jungTable th, .jungTable td{border-color: inherit; border-style: solid;display: table-cell;
border-top:0px; border-left:0px;border-right:0px;
border-bottom:1px solid rgba(0, 0, 0, 0.1);}
.jungTable tr th{font-size:0.9rem;font-weight:400 !important;background:rgba(200, 200, 200, 0.1);padding:5px 0px;}
.jungTable tr td{font-size:0.9rem;padding:5px 5px 5px 5px;}

.size20{width:20px;height:20px;display:inline-block;}
.size25{width:25px;height:25px;display:inline-block;}
.size30{width:30px;height:30px;display:inline-block;}
.size35{width:35px;height:35px;display:inline-block;}
.size40{width:40px;height:40px;display:inline-block;}
.size45{width:45px;height:45px;display:inline-block;}
.size50{width:50px;height:50px;display:inline-block;}

.icon-white{filter: brightness(0) invert(1);}

.boxLayout{padding: 24px; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    --tw-shadow: 0 1px 20px 0 rgba(69, 90, 100, 0.08); --tw-shadow-colored: 0 1px 20px 0 var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}