@charset "utf-8";

@import url(./font/Pretendard.css);
@import url(./font/Notosanskr.css);
@import url(./icons/xi/xeicon.min.css);

/* 변수사용 */
:root{
    --mainColor : #50CCC6;
    --subColor : #00090d;
    --fontColor : #010101;
}


/* basic_start */
*					      { box-sizing: border-box; -webkit-box-sizing: border-box; padding:0px; margin:0px; -webkit-tap-highlight-color : transparent;}
html            { font-size: 10px; }
body            { font-family:"Pretendard", "Noto Sans KR", "Malgun Gothic", "맑은 고딕" ,helvetica, 'Dotum', "Apple SD Gothic Neo", sans-serif; font-size:1.4rem; letter-spacing:0px; color:var(--fontColor); word-wrap: break-word; word-break: keep-all;}
/*body.noscroll		{ position: fixed; top:0px; left:0px; right:0px; bottom:0px; }*/

/* - 코드 초기화 - */
div,p, span, h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,form,fieldset,input,button,select, textarea, th, td, img {border:0px; outline: none; }
ul,ol,li,dl,dt,dd   { list-style:none;}
table {border-collapse:collapse; border-spacing:0; table-layout: fixed;}
input:not(input[type=range]), textarea, button, select {-webkit-appearance:none; -moz-appearance:none; appearance:none; outline: none;-webkit-border-radius:0; -moz-border-radius:0; -o-border-radius:0; border-radius:0;background: transparent; resize: none; font-family:"Pretendard", "Noto Sans KR", "Malgun Gothic", "맑은 고딕" ,helvetica, 'Dotum', "Apple SD Gothic Neo", sans-serif; font-size: 14px;}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

::-webkit-input-placeholder { color: #777; font-weight:500;}
:-ms-input-placeholder { color:#777; font-weight:500;}
::placeholder { color:#777; font-weight:500;}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
	-webkit-text-fill-color: #000;
    -webkit-box-shadow: 0 0 0px 1000px trasparent inset;
    box-shadow: 0 0 0px 1000px trasparent inset;
    transition: background-color 5000s ease-in-out 0s;
}

input:autofill,
input:autofill:hover,
input:autofill:focus,
input:autofill:active {
	-webkit-text-fill-color: #000;
    -webkit-box-shadow: 0 0 0px 1000px trasparent inset;
    box-shadow: 0 0 0px 1000px trasparent inset;
    transition: background-color 5000s ease-in-out 0s;
}


a                   { text-decoration:none; color: var(--fontColor); outline:none; }
a:visited           { color: var(--fontColor); }
a:active            { color: var(--fontColor); }
a:hover             { color: var(--fontColor); text-decoration:none; }
img {display:inline-block;}
article, aside, figcaption, figure,
footer, header, nav, section {display: block;}
button{cursor:pointer;}

caption{width:0;height:0;font-size:0;line-height:0;overflow:hidden;visibility:hidden;}
legend{width:0;height:0;font-size:0;line-height:0;overflow:hidden;visibility:hidden;}
/* - @코드 초기화 - */

/* 말줄입표 */
.ellipsis{white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: inline-block; width: 100%;}
.ellipsis_2{text-overflow: ellipsis; overflow: hidden; width: 100%; display: -webkit-box; word-wrap: break-word; -webkit-line-clamp: 2;-webkit-box-orient: vertical;}

/* 스윗알럿 리뉴얼 */
.swal2-html-container{font-size:1.5em !important; margin:0.3em 1.6em 0.3em  !important;}
.swal2-styled.swal2-confirm{font-size:1.3em !important; background:var(--mainColor) !important;}
.swal2-styled.swal2-cancel{font-size:1.3em !important;}