@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Archivo+Black&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@200;300;400;500;600;700;800;900&display=swap');

/****************************************************************************************************************************************
 reset 시작
*****************************************************************************************************************************************/
*{margin:0; padding:0; font-size:14px; font-weight:400; font-family:'Inter', 'Noto Sans KR', sans-serif;}

html,body {width:100%; height:100%; -webkit-overflow-scrolling : touch;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5 {word-break: keep-all;}
li,p,span,strong,a,i,em, address {font-size:inherit;color:inherit;font-family:inherit; word-break: keep-all;}
b, strong {font-weight:700;color: inherit;font-size: inherit;}

input,select,button,img {vertical-align:middle; outline: none;}
img,fieldset,iframe{border:0 none}

label,button {cursor:pointer}
input,select,button {margin:0;padding:0; border:0; transition: all 0.2s ease-in-out;}
button:focus {outline: none;}

ol, ul, li {margin:0; padding:0; list-style: none;}


article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
    display: block;
}

div {display: block;}
p {word-break: keep-all;}

table{border-collapse:collapse;border-spacing:0;width:100%; word-break: keep-all;}
th {font-weight: normal;}

a {text-decoration:none; color:#fff; outline:none; word-break: keep-all; transition:all 0.2s ease-in-out;}
a:hover{text-decoration:none; color:#fff; outline:none;}
a:active {text-decoration:none; color:#fff;outline:none;}
a:visited {text-decoration:none; color:#fff;outline:none;}
a:focus {text-decoration:none; color:#fff; outline: none; box-shadow:none;}


*, *:before, *:after {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}



/****************************************************************************************************************************************
 txt 스타일 시작
*****************************************************************************************************************************************/
.txt_blue {color:#84bcef !important;}
.txt_red {color:#e95d5d !important;}
.txt_green {color: #8cfaaa !important;}
.txt_yellow {color:#f1f50a !important;}
.txt_orange {color: #f5a50a !important;}
.txt_gray {color:#828282 !important}
.txt_white {color:#fff !important}

/****************************************************************************************************************************************
 버튼스타일 시작
*****************************************************************************************************************************************/
.Btn_center {margin:20px auto 40px auto; padding:0; width:100%; text-align: center;}
.Btn_right {margin:20px auto 40px auto; padding:0; width:100%; text-align: right}

.btn {padding: 10px 20px; font-size: 14px; color: #fff; border-radius: 5px; border:none; cursor: pointer;}
.btn:hover {text-decoration: underline;}

.btn_darkGray {background:#6a6775;}
.btn_orange {background:#fe7701;}
.btn_blue {background:#245be8;}

.btn_del {padding: 4px; font-size: 12px; color: #fff; border-radius: 5px; border:none; background:#fe7701;}


/****************************************************************************************************************************************
 float스타일 시작
*****************************************************************************************************************************************/
.float-left {float:left;}
.float-right {float:right;}


/****************************************************************************************************************************************
 margin스타일 시작
*****************************************************************************************************************************************/
.mt-2 {margin-top:2px;}
.mt-4 {margin-top:4px;}
.mt-10 {margin-top:10px;}