@charset "utf-8";

@import url(./fonts/pretendard.css);
@import url(./fonts/inter.css);
@import url(./icons/xi/xeicon.min.css);

/* 변수사용 */
:root{
    --mainColor : #8181E0;    
    --subColor : #DB9AED;
    --grayColor : #888;
    --fontColor : #222;
}


/* 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", "Inter", "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: var(--textGr3); font-weight:500;}
:-ms-input-placeholder { color: var(--textGr3); font-weight:500;}
::placeholder { color: var(--textGr3); font-weight:500;}

a                   { text-decoration:none; color: var(--fontColor); outline: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; line-clamp:2; -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;}