@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.min.css);

@font-face {
  font-family: 'SangjuDajungdagam';
  font-weight: normal;
  font-style: normal;
  src: url('https://cdn.jsdelivr.net/gh/webfontworld/sangju/SangjuDajungdagam.eot');
  src: url('https://cdn.jsdelivr.net/gh/webfontworld/sangju/SangjuDajungdagam.eot?#iefix') format('embedded-opentype'),
       url('https://cdn.jsdelivr.net/gh/webfontworld/sangju/SangjuDajungdagam.woff2') format('woff2'),
       url('https://cdn.jsdelivr.net/gh/webfontworld/sangju/SangjuDajungdagam.woff') format('woff'),
       url('https://cdn.jsdelivr.net/gh/webfontworld/sangju/SangjuDajungdagam.ttf') format("truetype");
  font-display: swap;
} 

/* 변수사용 */
:root{
    --mainColor : #0EB0C6;
    --subColor : #012046;
    --sub2Color : #697e9e;
    --textColor : #444;
}

/* basic_start */
*					      { box-sizing: border-box; -webkit-box-sizing: border-box; padding:0px; margin:0px; }
html            { font-size: 10px;}
body            { 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             { color:#0EB0C6; 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;}
.ellipsis_3{text-overflow: ellipsis; overflow: hidden; width: 100%; display: -webkit-box; word-wrap: break-word; -webkit-line-clamp: 3;-webkit-box-orient: vertical;}


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


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