@charset "utf-8";
/* default */
*{margin:0px;padding:0px;box-sizing: border-box;letter-spacing: -0.02rem;}
*{user-select: none;-webkit-user-select: none;-moz-user-select: none;}
*{font-family: 'Poppins', 'Pretendard', 'Apple SD Gothic Neo', 'Segoe UI', 'sans-serif'; font-display: swap;}
body, html{margin: 0;	padding: 0;	overflow-x: hidden;}
form, fieldset{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;}
img { pointer-events: none; user-drag: none; -webkit-user-drag: none; margin:0;padding:0;border:0px;}
.hide{display:none !important;}
.noDrag {-ms-user-select: none; -moz-user-select: -moz-none; -webkit-user-select: none; -khtml-user-select: none; user-select:none;}


body { opacity: 0 ;	transition: opacity 0.4s ease-in-out; overflow-y: scroll; }
body.visible { opacity: 1; }

.thinScroll::-webkit-scrollbar {width: 8px;height:8px;}
.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;}

.relative{position: relative !important;}
.absolute{position: absolute !important;}
/* main */
.mainBg { position: relative; width: 100%; height: 100vh; }
.mainBg img.bgImg { position: fixed; z-index:0; top: 50%; left: 50%; width: 120%; height: 120%; object-fit: cover;
	filter: blur(0px) brightness(80%); transform: translate(-50%, -50%); transition: transform 1.1s ease-out; }
.subBg { position: relative; width: 100%; height: 100vh;}
.subBg img.subBgImg { position: absolute; z-index:0; top: 0%; left: 50%; width: 150%; height: 500px; object-fit: cover;
	filter: blur(0px); transform: translate(-50%, -50%); transition: transform 1.1s ease-out; }
.mainBgCover{ position:absolute; z-index:1;	width: 100%; height: 100vh;opacity: 1;
	background-image: url('/img/main/diagonal_bg.png');	background-repeat: repeat; }
.subBgCover{ position:absolute; z-index:1;	width: 100%; height: 300px;opacity: 1;
	background-image: url('/img/main/sub_bg_trnas.png');	background-repeat: repeat; }
.mainContainer{ position: absolute; z-index:10;width:100%; }
.subContainer{ position: absolute; z-index:10;width:100%; }

	ul.nav li{flex:1;letter-spacing:-0.5px;text-align:center;white-space : nowrap;text-overflow: ellipsis;
		font-weight:400;}

	.main_info{width:100%;max-width:400px;background-color: rgba(34, 52, 72, 0.8);color:#fff;padding:20px;}

.subTitle{padding:5px 20px; font-size:1.5rem; line-height:173%;color:#fff; font-weight:500; background-color: rgba(31, 42, 52, 0.4);}

.underLine { border-bottom: 1px solid rgba(255, 255, 255, var(--alpha, 1)); }
.underLineB { border-bottom: 1px solid rgba(0, 0, 0, var(--alpha, 1)); }
.boxLine { border:1px solid rgba(0, 0, 0, var(--alpha, 1));}
.block{display:block;}

/* INPUT  */
.label{display:block;font-size:0.8rem;line-height:0.8rem;margin-bottom:5px;color:#999;font-weight:400;}
.label b{color:#fd4943;margin-left:5px;font-weight:400;font-size:0.7rem;}
.label b::before{content:"*";margin-right:2px;}
.jungInput{display: block; width: 100%; border: 1px solid #ddd; padding: 8px 12px; font-size: 1.0rem; border-radius: 3px;}
.jungInput:read-only{cursor: inherit;outline:none;}
.b_search::placeholder, .jungInput::placeholder{font-size:0.8rem;color:rgb(0, 0, 0, 0.3)}
.togglePassword{position:absolute;right: 5px; top: 60%; transform: translateY(-50%); cursor: pointer;}
.icon_input { width: 30px; height: 30px; }
.switch { position: relative; display: inline-block; width: 43px; height: 21px; }
.switch input { opacity: 0; width: 0; height: 0; }
input:checked + .slider { background-color: #2ab2da; }
.slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc;
	transition: 0.3s; border-radius: 34px; }
input:checked + .slider::before { transform: translateX(22px); }
.slider::before { position: absolute; content: ""; height: 15px; width: 15px; left: 3px; top: 3px;
		background-color: white; transition: 0.3s;	border-radius: 50%;	}

.jungTextarea{display:block;border:1px solid #ddd;padding:5px 7px;font-size:0.9rem;border-radius:3px;resize: none;}
.checkbox-x1 {transform: scale(1.3); text-align: center; margin: 0px 8px 0px 5px;}
.checkbox-x2 {transform: scale(2); text-align: center; margin: 8px 8px 0px 8px; outline: 0px; }
.checkbox-x3 {transform: scale(3); text-align: center; margin: 12px 12px 0px 12px; outline: 0px; }
/* 버튼 */
.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:disabled:hover,.jungBtn:disabled {pointer-events: none; /* hover 방지 */ }
.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); }

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

/* ------------------------
   컨테이너 기본
------------------------ */
.container { width: 100%; max-width: 1200px; margin: 0 auto; padding: 20px 20px; transition: all 0.5s ease; }
.menu-toggle { display: none; font-size: 24px; background: none; border: none; cursor: pointer;	color:#fff; }

.dottedLine_r {border-right:1px dashed #ddd;border-bottom:0px; }

/* ------------------------
   모바일 / 태블릿 (1024px 이하)
------------------------ */
@media (max-width: 1024px) {
	/* 컨테이너 */
	.container { max-width: 1024px;	}
	.menu-toggle { display: block; }
	/* flex */
	.row { display: flex; flex-wrap: wrap; }
	.col-2, .col-3,.col-4, .col-6, .col-9, .col-12 { width: 100%;   /* 작은 화면에서는 전부 한 줄 꽉 차기 */ }
	/* ALIGN */
	.hAlignRmL{text-align:left; justify-content:flex-start;}
	.dottedLine_r{border-right:0px;border-bottom:1px dashed #ddd;}

}

/* ------------------------
   PC (1025px 이상)
------------------------ */
@media (min-width: 1025px) {
	/* 컨테이너 */
	.container { max-width: 1300px;	}
	/* flex */
	.row { display: flex; flex-wrap: wrap; }
	.col-2 { width: 20%; /* 2/12 */}
	.col-3 { width: 25%; /* 3/12 */}
	.col-4 { width:33%; }
	.col-6 { width: 50%; /* 6/12 */ }
	.col-9 { width: 75%; /* 9/12 */ }
	.col-12 { width: 100%;   /* 12/12 */ }
	/* ALIGN */
	.hAlignRmL{text-align:right; justify-content:flex-end;}
}


/* ********************* */
/* common css 2025.09.26 renewal */
/* ********************* */

/* common */
.copySplit::after{ content: "|";margin:5px 10px; }
.lineB_white{ border-top:solid 1px rgba(255, 255, 255, 0.1); }
.lineB_black{ border-top:solid 1px rgba(0, 0, 0, 0.1); }
.click{ cursor: pointer; }
.borderBox{ border:1px solid #e9e9e9; }
.noBoarder{ border:0px; }
.inline{display:inline-block}

/* flex */
.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;}
.conBox, .flex{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;}

/* color */
.white { color: rgba(255, 255, 255, 1); } /* White */
.black { color: rgba(0, 0, 0, 1); } /* Black */

.blue { color: rgba(13, 110, 253, 1); } /* Primary Blue */
.gray { color: rgba(108, 117, 125, 1); } /* Secondary Gray */
.green { color: rgba(25, 135, 84, 1); } /* Success Green */
.red { color: rgba(220, 53, 69, 1); } /* Danger Red */
.yellow { color: rgba(255, 193, 7, 1); } /* Warning Yellow */
.sky { color: rgba(13, 202, 240, 1); } /* Info Cyan */
.light { color: rgba(248, 249, 250, 1); } /* Light Gray */
.dark { color: rgba(33, 37, 41, 1); } /* Dark Gray */
.navy{ color:rgba(31, 42, 52, 1);}
.pink{ color:rgba(250, 123, 125, 1);}

.bgNavy{background-color: rgba(31, 42, 52, var(--alpha, 1)); color:#fff;}
.bgBlack{background-color: rgba(0, 0, 0, var(--alpha, 1)); color:#fff;}
.bgBlue{background-color: rgba(13, 110, 253, var(--alpha, 1)); color:#fff;}
.bgWhite{background-color: rgba(255, 255, 255, var(--alpha, 1)); color:#000;}
.bgSky{background-color: rgba(42, 178, 218, var(--alpha, 1));color:#fff;}
.bgRed{background-color: rgba(220, 53, 69, var(--alpha, 1));color:#fff;}
.bgPink{background-color: rgba(250, 123, 125, var(--alpha, 1));color:#fff;}
.bgOrange{background-color: rgba(237, 189, 141, var(--alpha, 1)1);color:#fff;}
.bgGreen{background-color: rgba(18, 197, 114,var(--alpha, 1));color:#fff;}
.bgLightGray{background: rgba(244 247 250,var(--alpha, 1));}

/* opacity */
.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;}

.alpha1{ --alpha : 0.1 !important;}.alpha2{ --alpha : 0.2 !important;}.alpha3{ --alpha : 0.3 !important;}.alpha4{ --alpha : 0.4 !important;}
.alpha5{ --alpha : 0.5 !important;}.alpha6{ --alpha : 0.6 !important;}.alpha7{ --alpha : 0.7 !important;}.alpha8{ --alpha : 0.8 !important;}
.alpha9{ --alpha : 0.9 !important;}.alpha10{ --alpha : 1 !important;}

/* font */
.noWrap{white-space : nowrap;text-overflow: ellipsis;overflow: hidden;}
.lineHeight{line-height:200%;}
.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;}

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

/* margin padding */
.noM{margin:0px !important;} .noP{padding:0px !important;}
.mt-1{margin-top:-1px !important;}.mt-2{margin-top:-2px !important;}.mt-3{margin-top:-3px !important;}.mt-4{margin-top:-4px !important;}.mt-5{margin-top:-5px !important;}

.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;}
.mv1{margin-top:1px;margin-bottom:1px;}.mv1{margin-top:2px;bottom:2px;}.mv3{margin-top:3px;margin-bottom:3px;}.mv4{margin-top:4px;margin-bottom:4px;}.mv5{margin-top:5px;margin-bottom:5px;}
.mv6{margin-top:6px;margin-bottom:6px;}.mv7{margin-top:7px;margin-bottom:7px;}.mv8{margin-top:8px;margin-bottom:8px;}.mv9{margin-top:9px;margin-bottom:9px;}.mv10{margin-top:10px;margin-bottom:10px;}
.mh1{margin-left:1px;margin-right:1px;}.mh1{margin-left:2px;margin-right:2px;}.mh3{margin-left:3px;margin-right:3px;}.mh4{margin-left:4px;margin-right:4px;}.mh5{margin-left:5px;margin-right:5px;}
.mh6{margin-left:6px;margin-right:6px;}.mh7{margin-left:7px;margin-right:7px;}.mh8{margin-left:8px;margin-right:8px;}.mh9{margin-left:9px;margin-right:9px;}.mh10{margin-left:10px;margin-right:10px;}
.mh15{margin-left:15px;margin-right:15px;}.mh20{margin-left:20px;margin-right:20px;}

.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;}
.pv1{padding-top:1px;padding-bottom:1px;}.pv1{padding-top:2px;padding-bottom:2px;}.pv3{padding-top:3px;padding-bottom:3px;}.pv4{padding-top:4px;padding-bottom:4px;}.pv5{padding-top:5px;padding-bottom:5px;}
.pv6{padding-top:6px;padding-bottom:6px;}.pv7{padding-top:7px;padding-bottom:7px;}.pv8{padding-top:8px;padding-bottom:8px;}.pv9{padding-top:9px;padding-bottom:9px;}.pv10{padding-top:10px;padding-bottom:10px;}
.ph1{padding-left:1px;padding-right:1px;}.ph1{padding-left:2px;padding-right:2px;}.ph3{padding-left:3px;padding-right:3px;}.ph4{padding-left:4px;padding-right:4px;}.ph5{padding-left:5px;padding-right:5px;}
.ph6{padding-left:6px;padding-right:6px;}.ph7{padding-left:7px;padding-right:7px;}.ph8{padding-left:8px;padding-right:8px;}.ph9{padding-left:9px;padding-right:9px;}.ph10{padding-left:10px;padding-right:10px;}
.ph15{padding-left:15px;padding-right:15px;}.ph20{padding-left:20px;padding-right:20px;}

/* width height */
.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;}.mW150{min-width:150px !important;}
.mW200{min-width:200px !important;}.mW250{min-width:250px !important;}
.mW300{min-width:300px !important;}.mW350{min-width:350px !important;}
.mW400{min-width:400px !important;}.mW450{min-width:450px !important;}.mW500{min-width:500px !important;}

.mM50{max-width:50px !important;}.mM100{max-width:100px !important;}.mW150{max-width:150px !important;}
.mM200{max-width:200px !important;}.mM250{max-width:250px !important;}
.mM300{max-width:300px !important;}.mM350{max-width:350px !important;}
.mM400{max-width:400px !important;}.mM450{max-width:450px !important;}.mW500{min-width:500px !important;}

.mH50{min-height:50px !important;}.mH100{min-height:100px !important;}.mH150{min-height:150px !important;}
.mH200{min-height:200px !important;}.mH250{min-height:250px !important;}
.mH300{min-height:300px !important;}.mH350{min-height:350px !important;}
.mH400{min-height:400px !important;}.mH450{min-height:450px !important;}.mH500{min-height:500px !important;}

.w10{width:10%;}.w20{width:20%;}.w30{width:30%;}.w40{width:40%;}.w50{width:50%;}
.w60{width:60%;}.w70{width:70%;}.w80{width:80%;}.w90{width:90%;}.w100{width:100%;}
.w50px{width:50px;}.w100px{width:100px;}.w110px{width:110px;}.w120px{width:120px;}.w130px{width:130px;}.w140px{width:140px;}.w150px{width:150px;}
.w200px{width:200px;}.w250px{width:250px;}.w300px{width:300px;}
.w350px{width:350px;}.w400px{width:400px;}.w450px{width:450px;}.w500px{width:500px;}

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


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

/* modal */
.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; } /* 초록 */

/* btn */
.btn{ cursor: pointer;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); /* 들어간 효과 */}

 /* table */
.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.8rem;font-weight:500 !important;background:rgba(200, 200, 200, 0.1);padding:5px 0px;}
.jungTable tr td{font-size:0.9rem;padding:5px 5px 5px 5px;}

/* size */
.size20{width:20px;height:20px;display:inline-block;min-width:20px;}
.size25{width:25px;height:25px;display:inline-block;min-width:25px;}
.size30{width:30px;height:30px;display:inline-block;min-width:30px;}
.size35{width:35px;height:35px;display:inline-block;min-width:35px;}
.size40{width:40px;height:40px;display:inline-block;min-width:40px;}
.size45{width:45px;height:45px;display:inline-block;min-width:45px;}
.size50{width:50px;height:50px;display:inline-block;min-width:50px;}
.size60{width:60px;height:60px;display:inline-block;min-width:60px;}
.size70{width:70px;height:70px;display:inline-block;min-width:70px;}
.size80{width:80px;height:80px;display:inline-block;min-width:80px;}
.size90{width:90px;height:90px;display:inline-block;min-width:90px;}
.size100{width:100px;height:100px;display:inline-block;min-width:100px;}


/*icon */
.icon { background-color: currentColor; mask-repeat: no-repeat; mask-position: center;
	mask-size: 60% 60%;	-webkit-mask-repeat: no-repeat;	-webkit-mask-position: center;-webkit-mask-size: 60% 60%; }
.icon_f { background-color: currentColor; mask-repeat: no-repeat; mask-position: center;
		mask-size: 100% 100%;	-webkit-mask-repeat: no-repeat;	-webkit-mask-position: center;-webkit-mask-size: 100% 100%; }
.icon_check { mask-image: url('/img/svg/icon_check.svg'); -webkit-mask-image: url('/img/svg/icon_check.svg'); }
.icon_question { mask-image: url('/img/svg/icon_question.svg');	-webkit-mask-image: url('/img/svg/icon_question.svg'); }
.icon_triangle { mask-image: url('/img/svg/icon_triangle.svg');	-webkit-mask-image: url('/img/svg/icon_triangle.svg'); }
.icon_notice { mask-image: url('/img/svg/icon_alarm.svg');	-webkit-mask-image: url('/img/svg/icon_alarm.svg'); }
.icon_trash { mask-image: url('/img/svg/icon_trash.svg');	-webkit-mask-image: url('/img/svg/icon_trash.svg'); }
.icon_eye { mask-image: url('/img/svg/icon_eyes_on.svg');	-webkit-mask-image: url('/img/svg/icon_eyes_on.svg'); }
.icon_lock { mask-image: url('/img/svg/icon_lock.svg');	-webkit-mask-image: url('/img/svg/icon_lock.svg'); }

/* stroke color */
.stroke_white {filter: brightness(0) invert(1); /* 흰색 */}
.stroke_black {filter: brightness(0); /* 검정색 */}