@charset "utf-8";

/* global setting */
.clearfix:after {content:"";display:block;clear:both}
.hidden{display:block;overflow:hidden;position:relative;z-index:-10;width:100%;height:100%;} /* 중요한 이미지 대체텍스트로 이미지off시에도 대체 텍스트를 보여주고자 할때 */
.blind{overflow:hidden;position:absolute;width:0;height:0;line-height:0;text-indent:-9999rem !important;} /* 대체텍스트가 아닌 접근성을 위한 숨김텍스트를 제공할때 */

.dp_none{display:none !important;}

/* loading */
.s_loader,.s_loader:after,.s_loader:before{width:.63em;height:3em;background:#999;-webkit-animation:load1 1s infinite ease-in-out;animation:load1 1s infinite ease-in-out}
.s_loader:after,.s_loader:before{position:absolute;top:0;content:""}
.s_loader:before{left:-1em;-webkit-animation-delay:-.32s;animation-delay:-.32s}
.s_loader{position:absolute;top:40%;left:50%;z-index:155;font-size:11px;text-indent:-9999em;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0);-webkit-animation-delay:-.14s;animation-delay:-.14s}
.s_loader:after{left:1em}

@-webkit-keyframes load1{
	0%,100%,80% {height:2em;box-shadow:0 0 #999}
	40% {height:3em;box-shadow:0 -2em #999}
}
@keyframes load1{
	0%,
	100%,
	80% {height:2em;box-shadow:0 0 #999}
	40% {height:3em;box-shadow:0 -2em #999}
}

/* Form setting */
input[type="text"],
input[type="tel"],
input[type="number"],
input[type="password"] {
	font-size: 1.6rem;
	border:none;
}

input[type="submit"],
input[type="button"] {border:0;padding:0;margin:0;cursor:pointer;}

input[type="checkbox"],
input[type="radio"] {vertical-align:middle;margin:-2px -2px 0 -1px;padding:1px;}

@-moz-document url-prefix() {
	input[type="checkbox"],
	input[type="radio"] {margin:0 -2px 0 0;}
}

@media screen and (-webkit-min-device-pixel-ratio:0){
	input[type="checkbox"],
	input[type="radio"] {margin:0 -2px 0 0;}
	select {margin:-2px -2px 0 0;}
}
textarea {width:99%;border: 1px solid #dfdfdf;color:#333;resize:none;}
select{border:1px solid #d6d6d6;color:#333;}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
	box-shadow : 0 0 0 30px #fff inset !important;
}

.bx_valid.two_error_m .group .bar{position:relative;display: block}
.bx_valid.two_error_m .group input:focus{border-bottom:1px solid #fff; outline:0;}

.bx_valid.two_error_m .group.error_ex .bar:after,
.bx_valid.two_error_m .group.error_ex .bar:before {width:100%; height:2px; background-color:#e11b22;}

.bx_valid.two_error_m .group .bar:after,
.bx_valid.two_error_m .group .bar:before{position:absolute; bottom:0; width:0; height:2px; background:#005baf; content:""; transition:.2s ease all;}

.bx_valid.two_error_m .group input:focus+.bar:after,
.bx_valid.two_error_m .group input:focus+.bar:before,
.bx_valid.two_error_m .group input:focus~.bar:after,
.bx_valid.two_error_m .group input:focus~.bar:before{width:100%;}


/* Text setting */
.fl{float:left !important;}
.fr{float:right !important;}
.clear {clear:both !important;}
.al{text-align:left !important;}
.ac{text-align:center !important;}
.ar{text-align:right !important;}
.at{vertical-align:top !important;}
.am{vertical-align:middle !important;}
.ab{vertical-align:bottom !important;}

/* ETC setting */
.bd{border: 1px solid #ff0000;}
.bdNone{border:none !important;}
.bgNone{background:none !important;}
.cursor{cursor:pointer!important;display:inline-block; }

/* Margin,Padding */
.m0{margin:0 !important;}
.p0{padding:0 !important;}

.mt0{margin-top:0px !important;}
.mt10{margin-top:10px !important;}
.mt20{margin-top:20px !important;}
.mt30{margin-top:30px !important;}
.mt40{margin-top:40px !important;}
.mt50{margin-top:50px !important;}
.mt60{margin-top:60px !important;}
.mt70{margin-top:70px !important;}
.mt80{margin-top:80px !important;}
.mt90{margin-top:90px !important;}
.mt100{margin-top:100px !important;}

.mb0{margin-bottom:0px !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;}
.mb60{margin-bottom:60px !important;}
.mb70{margin-bottom:70px !important;}
.mb80{margin-bottom:80px !important;}
.mb90{margin-bottom:90px !important;}
.mb100{margin-bottom:100px !important;}

.ml0{margin-left:0px !important;}
.ml10{margin-left:10px !important;}
.ml20{margin-left:20px !important;}
.ml30{margin-left:30px !important;}
.ml40{margin-left:40px !important;}
.ml50{margin-left:50px !important;}
.ml60{margin-left:60px !important;}
.ml70{margin-left:70px !important;}
.ml80{margin-left:80px !important;}
.ml90{margin-left:90px !important;}
.ml100{margin-left:100px !important;}

.mr0{margin-right:0px !important;}
.mr10{margin-right:10px !important;}
.mr20{margin-right:20px !important;}
.mr30{margin-right:30px !important;}
.mr40{margin-right:40px !important;}
.mr50{margin-right:50px !important;}
.mr60{margin-right:60px !important;}
.mr70{margin-right:70px !important;}
.mr80{margin-right:80px !important;}
.mr90{margin-right:90px !important;}
.mr100{margin-right:100px !important;}

.pt0{padding:0px !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;}
.pt60{padding-top:60px !important;}
.pt70{padding-top:70px !important;}
.pt80{padding-top:80px !important;}
.pt90{padding-top:90px !important;}
.pt100{padding-top:100px !important;}

.pb0{padding-bottom:0px !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;}
.pb60{padding-bottom:60px !important;}
.pb70{padding-bottom:70px !important;}
.pb80{padding-bottom:80px !important;}
.pb90{padding-bottom:90px !important;}
.pb100{padding-bottom:100px !important;}

.pl0{padding-left:0px !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;}
.pl60{padding-left:60px !important;}
.pl70{padding-left:70px !important;}
.pl80{padding-left:80px !important;}
.pl90{padding-left:90px !important;}
.pl100{padding-left:100px !important;}

.pr0{padding-right:0px !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;}
.pr60{padding-right:60px !important;}
.pr70{padding-right:70px !important;}
.pr80{padding-right:80px !important;}
.pr90{padding-right:90px !important;}
.pr100{padding-right:100px !important;}

.txt_red{color: #e11b22;}


/* 20220727 : kms : placehoder 가이드 문구 추가  */
.add_placeholder {position:relative;}
.add_placeholder:after {content: '- 없이 입력하세요.';display: block; position: absolute; left: 16%; top: 50%; font-size:16px; font-weight:400; letter-spacing:-1px; z-index: 1;transform: translateY(-50%);color: #757575;}