@charset "utf-8";

@import url(./font/nexonLv2.css);
@import url(./font/inter.css);
@import url(./font/Notosanskr.css);
@import url(./font/pretendard.css);
@import url(./icons/xi/xeicon.css);

/* 변수사용 */
/* :root{
    --mainColor : #fc5841;
    --subColor : #fed130;
    --sub2Color : #9e7f69;
    --textColor : #444;
} */

/* basic_start */
*					      { box-sizing: border-box; -webkit-box-sizing: border-box; padding:0px; margin:0px; }
html            { font-size: 10px;}
body            { font-synthesis: none;font-family:"Pretendard", "Noto Sans KR", "nexonLv2", "Inter", "Malgun Gothic", "맑은 고딕" ,helvetica, 'Dotum', "Apple SD Gothic Neo", sans-serif; font-size:1.4rem; font-weight:500; letter-spacing: -0.015em; color:#111; word-wrap: break-word; word-break: keep-all;}
body.noscroll		{overflow: hidden;}


/* - 코드 초기화 - */
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-tap-highlight-color : rgba(0,0,0,0); -webkit-appearance:none; -moz-appearance:none; appearance:none; outline: none; background: transparent; resize: none; font-family:"Pretendard", "Noto Sans KR", "nexonLv2", "Inter", "Malgun Gothic", "맑은 고딕" ,helvetica, 'Dotum', "Apple SD Gothic Neo", sans-serif;}
label{-webkit-tap-highlight-color : rgba(0,0,0,0);}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
::-webkit-input-placeholder { color: #777777; }
:-ms-input-placeholder { color: #777777; }
::placeholder { color: #777777; }

a                   { text-decoration:none; color:#111; outline:none; cursor:pointer;}
a:visited           { color:#111; }
a:active            { color:#111; }
a:hover             {text-decoration:none; }
img {max-width: 100%; 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;}
.ellipsis_3{text-overflow: ellipsis; overflow: hidden; width: 100%; display: -webkit-box; word-wrap: break-word; -webkit-line-clamp: 3;-webkit-box-orient: vertical;}


/* datapicker */
.ui-widget.ui-widget-content{z-index:10 !important;}