@charset "utf-8";

@import url(./fonts/Pretendard.css);
@import url(./fonts/Paperlogy.css);
@import url(./fonts/GmarketSans.css);
@import url(./fonts/Titillium.css);

@import url(./icons/fa/css/font-awesome.css);
@import url(./icons/sl/simple-line-icons.css);
@import url(./icons/xi/xeicon.css);

/* 변수사용 */
:root{
    --mainColor : #50CCC6;
    --grayColor : #777777;
    --grayColor2 : #bbb;
    --blackColor : #111;
}


/* basic_start */
*				{ box-sizing: border-box; -webkit-box-sizing: border-box; padding:0px; margin:0px; }
html            { font-size: 10px; }
body            { font-family:"Pretendard", sans-serif; font-size:1.4rem; letter-spacing:0px; color:#101010; 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; -webkit-tap-highlight-color: rgba(0,0,0,0); }
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", sans-serif; font-size: 14px;}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

::-webkit-input-placeholder { color: #bbb; }
:-ms-input-placeholder { color: #bbb; }
::placeholder { color: #bbb; }

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

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

a                   { text-decoration:none; color:#111; outline:none; }
a:visited           { color:#111; }
a:active            { color:#111; }
a:hover             { color:#111; text-decoration:none; }
img {display:inline-block;}
article, aside, figcaption, figure,
footer, header, nav, section {display: block;}

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;}
/* - @코드 초기화 - */