@charset "UTF-8";

/*@import url("../font/SUIT-woff2/SUIT.css");*/
@import url("../font/NanumSquareNeo/NanumSquareNeo.css");

body, button, input, select, textarea, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	font-family: 'NanumSquareNeo', sans-serif;
	text-rendering: optimizelegibility;
}

body {
	font-size: 14px;
}

#content-wrapper{
	background-color: #ecf0f5;
}

.min_w10 {min-width:10px !important;}
.min_w20 {min-width:20px !important;}
.min_w30 {min-width:30px !important;}
.min_w35 {min-width:35px !important;}
.min_w36 {min-width:36px !important;}
.min_w40 {min-width:40px !important;}
.min_w50 {min-width:50px !important;}
.min_w60 {min-width:60px !important;}
.min_w65 {min-width:65px !important;}
.min_w70 {min-width:70px !important;}
.min_w75 {min-width:75px !important;}
.min_w80 {min-width:80px !important;}
.min_w85 {min-width:85px !important;}
.min_w90 {min-width:90px !important;}
.min_w95 {min-width:95px !important;}
.min_w100 {min-width:100px !important;}
.min_w126 {min-width:126px !important;}
.min_w127 {min-width:127px !important;}
.min_w130 {min-width:130px !important;}

.max_w10p {min-width:10% !important;}
.max_w20p {min-width:20% !important;}
.max_w30p {min-width:30% !important;}
.max_w35p {min-width:35% !important;}
.max_w36p {min-width:36% !important;}
.max_w40p {min-width:40% !important;}
.max_w50p {min-width:50% !important;}
.max_w60p {min-width:60% !important;}
.max_w65p {min-width:65% !important;}
.max_w70p {min-width:70% !important;}
.max_w75p {min-width:75% !important;}
.max_w80p {min-width:80% !important;}
.max_w85p {min-width:85% !important;}
.max_w90p {min-width:90% !important;}
.max_w95p {min-width:95% !important;}
.max_w100p {min-width:100% !important;}

.w10 {width:10px !important;}
.w20 {width:20px !important;}
.w30 {width:30px !important;}
.w35 {width:35px !important;}
.w40 {width:40px !important;}
.w46 {width:46px !important;}
.w50 {width:50px !important;}
.w60 {width:60px !important;}
.w65 {width:65px !important;}
.w70 {width:70px !important;}
.w80 {width:80px !important;}
.w85 {width:85px !important;}
.w90 {width:90px !important;}
.w95 {width:95px !important;}
.w100 {width:100px !important;}
/* 20250515 add */
.w180 {width:180px !important;}
.w190 {width:190px !important;}
.w200 {width:200px !important;}

.w350 {width:350px !important;}
.w450 {width:450px !important;}
.w650 {width:650px !important;}
.w950 {width:950px !important;}

.w10p {width:10% !important;}
.w20p {width:20% !important;}
.w25p {width:25% !important;}
.w30p {width:30% !important;}
.w31p {width:31% !important;}
.w32p {width:32% !important;}
.w33p {width:33% !important;}
.w34p {width:34% !important;}
.w35p {width:35% !important;}
.w40p {width:40% !important;}
.w49p {width:49% !important;}
.w50p {width:50% !important;}
.w60p {width:60% !important;;}
.w69p {width:69% !important;;}
.w70p {width:70% !important;}
.w80p {width:80% !important;}
.w90p {width:90% !important;}
.w100p {width:100% !important;}

.w10p_10{width:calc(10% - 10px) !important;}
.w15p_10{width:calc(15% - 10px) !important;}
.w20p_10{width:calc(20% - 10px) !important;}
.w28p_10{width:calc(28% - 10px) !important;}
.w30p_10{width:calc(30% - 10px) !important;}
.w35p_10{width:calc(35% - 10px) !important;}
.w40p_10{width:calc(40% - 10px) !important;}
.w45p_15{width:calc(45% - 15px) !important;}
.w50p_2{width:calc(50% - 2px) !important;}
.w50p_5{width:calc(50% - 5px) !important;}
.w50p_10{width:calc(50% - 10px) !important;}
.w60p_10{width:calc(60% - 10px) !important;}
.w70p_10{width:calc(70% - 10px) !important;}
.w76p_10{width:calc(76% - 10px) !important;}
.w80p_10{width:calc(80% - 10px) !important;}
.w90p_10{width:calc(90% - 10px) !important;}
.w100p_10{width:calc(100% - 10px) !important;}
.w100p_m01{width:calc(100% - -1px) !important;}

.h0{height:0px !important;}
.h10{height:10px !important;}
.h15{height:15px !important;}
.h20{height:20px !important;}
.h25{height:25px !important;}
.h27{height:27px !important;}
.h30{height:30px !important;}
.h32{height:32px !important;}
.h35{height:35px !important;}
.h40{height:40px !important;}
.h43{height:43px !important;}
.h50{height:50px !important;}
/* 20250515 add */
.h55{height:55px !important;}
.h60{height:60px !important;;}
.h65{height:65px !important;}
.h70{height:70px !important;}
.h80{height:80px !important;}
.h85{height:85px !important;}
.h90{height:90px !important;}
.h95{height:95px !important;}
.h100{height:100px !important;}
.h115{height:115px !important;}
.h154{height:154px !important;}
.h200{height:200px !important;}
.h233{height:233px !important;}
.h250{height:250px !important;}
.h252{height:252px !important;}
.h280{height:280px !important;}
.h291{height:291px !important;}
.h300{height:300px !important;}
.h320{height:320px !important;}
.h400{height:400px !important;}
.h500{height:500px !important;}
.h600{height:600px !important;}
.h840{height:840px !important;}

.h10p {height:10% !important;}
.h20p {height:20% !important;}
.h30p {height:30% !important;}
.h35p {height:35% !important;}
.h40p {height:40% !important;}
.h49p {height:49% !important;}
.h50p {height:50% !important;}
.h60p {height:60% !important;;}
.h70p {height:70% !important;}
.h80p {height:80% !important;}
.h90p {height:90% !important;}
.h100p {height:100% !important;}

.mh281{min-height:281px !important;}

.h100p_50{height:calc(100% - 50px) !important;}
.h100p_60{height:calc(100% - 60px) !important;}

.mr05{margin-right:5px !important;}
.mr10{margin-right:10px !important;}
.mr20{margin-right:20px !important;}
.mr30{margin-right:30px !important;}
.mr40{margin-right:40px !important;}
.mr50{margin-right:40px !important;}

.ml05{margin-left:5px !important;}
.ml10{margin-left:10px !important;}
.ml20{margin-left:20px !important;}
.ml30{margin-left:30px !important;}
.ml40{margin-left:40px !important;}
.ml50{margin-left:40px !important;}
.mlM05{margin-left:-5px !important;}

.mt00{margin-top:0px !important;}
.mt01{margin-top:1px !important;}
.mt02{margin-top:2px !important;}
.mt03{margin-top:3px !important;}
.mt04{margin-top:4px !important;}
.mt05{margin-top:5px !important;}
.mt06{margin-top:6px !important;}
.mt07{margin-top:7px !important;}
.mt08{margin-top:8px !important;}
.mt09{margin-top:9px !important;}
.mt10{margin-top:10px !important;}
.mt12{margin-top:12px !important;}
.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;}
.mt80{margin-top:80px !important;}
.mt100{margin-top:100px !important;}
.mtM01{margin-top:-1px !important;}
.mtM05{margin-top:-5px !important;}
.mtM10{margin-top:-10px !important;}
/* 20250515 add */
.mtM20{margin-top:-20px !important;}
.mtM30{margin-top:-30px !important;}

.mb00{margin-bottom:0px !important;}
.mb05{margin-bottom:5px !important;}
.mb07{margin-bottom:7px !important;}
.mb10{margin-bottom:10px !important;}
.mb20{margin-bottom:20px !important;}
.mb30{margin-bottom:30px !important;}
.mb40{margin-bottom:40px !important;}
.mb50{margin-bottom:50px !important;}
.mb100{margin-bottom:100px !important;}
.mbM01{margin-bottom:-2px !important;}
.mbM10{margin-bottom:-10px !important;}

.mg0{margin:0px !important;}
.pd0{padding:0px !important; }
.pd1{padding:1px !important; }
.pd2{padding:2px !important; }
.pd3{padding:3px !important; }
.pd4{padding:4px !important; }
.pd5{padding:5px !important; }
.pd10{padding:10px !important; }
.pd20{padding:20px !important; }
.bd0{border:0px !important; }
.bdl0{border-left:0px !important; }
.bdr0{border-right:0px !important; }
.bdt0{border-top:0px !important; }

.pdl5{padding-left:5px !important; }
.pdr5{padding-right:5px !important; }

.pdl15{padding-left:15px !important; }
.pdr15{padding-right:15px !important; }
.pdb5{padding-bottom:5px !important; }
.pdt0{padding-top:0px !important; }
.pdt5{padding-top:5px !important; }

.topM1 {top:-1px;}
.topM7 {top:-7px;}
.topM13 {top:-13px;}
.top05 {top:5px;}
.top10 {top:10px;}
.top15 {top:15px;}
.top20 {top:20px;}
.top25 {top:25px;}
.top30 {top:30px;}
.top35 {top:35px;}
.top40 {top:40px;}
.top45 {top:45px;}
.top50 {top:50px;}

.bt0 {bottom:0px;}

.positionA{ position: absolute; }
.positionR{ position: relative;}
.positionF{ position: fixed;}

.left0{ left:0px; }
.left5{ left:5px; }
.right0{ right:0px; }
.right5{ right:5px; }

.left{text-align: left !important;}
.right{text-align: right !important;}
.center{text-align: center !important;}
.floatRight{float:right !important;}
.floatLeft{float:left !important;}
.btn-group .fa {padding-right:5px;}
.inline{display:inline;}
.overflowYAuto{ overflow-y:auto;}
.textRed{ color:#dd4b39 !important;}
.bgWhite{ background-color:#fff !important;}
.bgBlue{ background-color:#005da9 !important;}
.bgDefault{background-color:#f0f0f0 !important;}
.bgSelect{
	background-color:#f39c12  !important;
	color:#fff !important;
}
.clear{clear:both}
.pointer{cursor:pointer !important;}
.pointer:hover{text-decoration:underline; color:#212529 }
.fff{color:#fff;}
.green{color: #00cc00 !important;}
.blue{color:#3c8dbc !important;}
.red{color:#dd4b39 !important;}
.yellow{color:#f39c12 !important;}
.layoutFixed{table-layout:fixed;white-space:nowrap}
.bold{
	/*font-family: var(--bold), sans-serif;*/
	font-weight: bold;
}
.hide{
	display:none !important;
}
.hidden{
	display:none;
}
.bri{
	border-radius:initial !important;
}

@media (max-width: 991px) {
	.error-page>.headline{
		float: left !important;
		text-align: left !important;
	}
	.error-page>.error-content>h3{
		text-align: left !important;
	}
}

textarea{
	resize: none;
	line-height: 18px !important;
	font-size: 14px !important;;
	padding: 5px !important;;
}

.valid.fa{
	font-family:inherit;
}

.valid.fa:before{
	color: #ff351c;
    padding-left: 5px;
    float: right;
    font-size: 12px;
    margin-top: 1px;
    font-family: var(--fa-style-family,"Font Awesome 6 Free");
    font-weight: var(--fa-style,900);
}

.fSize16{ font-size:16px !important; }

.flexEnd{
	justify-content:flex-end !important;
}
