@charset "utf-8";

@font-face { 
	font-family: 'S-CoreDream'; 
	src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-1Thin.woff') format('woff'); 
	font-weight: 100; 
	font-style: normal; 
}
@font-face { 
	font-family: 'S-CoreDream'; 
	src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-2ExtraLight.woff') format('woff'); 
	font-weight: 200; 
	font-style: normal; 
}
@font-face { 
	font-family: 'S-CoreDream'; 
	src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff') format('woff'); 
	font-weight: 300; 
	font-style: normal; 
}
@font-face { 
	font-family: 'S-CoreDream'; 
	src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-4Regular.woff') format('woff'); 
	font-weight: 400; 
	font-style: normal; 
}
@font-face { 
	font-family: 'S-CoreDream'; 
	src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-5Medium.woff') format('woff'); 
	font-weight: 500; 
	font-style: normal; 
}
@font-face { 
	font-family: 'S-CoreDream'; 
	src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-6Bold.woff') format('woff'); 
	font-weight: 600; 
	font-style: normal; 
}

/*--------------------------------------------------------------
                                공통
--------------------------------------------------------------*/

html {
    font-family: 'S-CoreDream', 'Dotum', Arial, sans-serif;
}

html,
body {
    height: 100%;
    min-height: 100%;
    margin: 0;
    padding:0;
}

body,
button,
input,
select,
textarea,
pre{
    font-family: 'S-CoreDream', 'Dotum', Arial, sans-serif;
    font-size: 14px;
	letter-spacing: -0.5px;
}
button{
    cursor:pointer;
	outline:none;
	border:none;
}
h1,
h2,
h3 {
    text-align: center;
    margin: 0;
    padding: 0;
}
dl,
ol,
p,
ul,li {
    margin: 0;
    padding: 0;
    list-style: none;
}
a {
    text-decoration: none;
    color: #222;
}
em {
    font-style: normal;
}
fieldset {
    border: none;
    padding: 0;
}

label {
    color: #000;
}

div{
	margin:0;
	padding:0;
}

table{
    border-collapse: collapse;
}

.center{
	text-align:center !important;
}
.right{
	text-align:right !important;
}
.left{
	text-align:left !important;
}


.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt50{margin-top:50px;}
.mt80{margin-top:80px;}

.mt0{margin-top:0 !important;}
.mb0{margin-bottom:0 !important;}
.pt0{padding-top:0 !important;}
.pb0{padding-bottom:0 !important;}


.w10 {width:10% }
.w20 {width:20% }
.w30 {width:30% }
.w35 {width:35% }
.w40 {width:40% }
.w45 {width:45% }
.w50 {width:50% }
.w60 {width:60% }
.w65 {width:65% }
.w70 {width:70% }
.w75 {width:75% }
.w80 {width:80% }
.w90 {width:90% }
.w100 {width:100% }

.float_l{float:left;}
.float_r{float:right;}


.sm_span{
	font-size:13px;
	color:#555;
}

.hr{
	border: 0.5px solid #ddd;
    margin: 15px 0px;
}

/* input box color */ 
input:-webkit-autofill { 
	-webkit-box-shadow: 0 0 0 30px #fff inset ; 
	-webkit-text-fill-color: #000; 

} 
input:-webkit-autofill, 
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active { 
	transition: background-color 5000s ease-in-out 0s; 
}


textarea{
	width: 100%;
    border: 1px solid #ddd;
    box-sizing: border-box;
    padding: 10px;
    font-size: 14px;
    color: #000000;
    font-weight: 400;
    outline: none;
}


input[type=text], 
input[type=password], 
input[type=number]
{
	width: 100%;
    border: 1px solid #ddd;
    height: 45px;
	line-height: 45px;
    box-sizing: border-box;
    padding: 0 10px;
    font-size: 14px;
    color: #000000;
    font-weight: 400;
    outline: none;
	border-radius:none;
	-webkit-appearance: none;
	-webkit-border-radius: 0;
    -moz-appearance: none;
    appearance: none;
}

.flex_area{
    display: flex;
    justify-content: space-around;
}

.input_flex span{
	height: 45px;
	line-height: 45px;
	margin:0 5px;
}

select {
	border: 1px solid #ddd;
    background-color: transparent;
    border-radius: 0;
    outline: none;
    min-height: 45px;
    padding: 0 25px 0 10px;
    box-shadow: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    transition: all .3s;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
	position:relative;
	background: url(../../images/select_ico.png)#fff no-repeat;
	background-position: center right;
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}


select::-ms-expand {display:none}




input[type=radio] { display:none; }
input[type=radio] + label { 
	height:18px;
	display: inline-block; 
	cursor: pointer; 
	line-height: 18px; 
	padding-left: 22px; 
	background: url('../../images/radio_off.png') left/18px no-repeat; 

}

input[type=radio]:checked + label { background-image: url('../../images/radio_on.png?ver=1'); }


input[type=checkbox] { display:none; }
input[type=checkbox] + label { 
	height:18px;
	display: inline-block; 
	cursor: pointer; 
	line-height: 18px; 
	padding-left: 22px; 
	background: url('../../images/check_off.png') left/18px no-repeat; 

}

input[type=checkbox]:checked + label { background-image: url('../../images/check_on.png'); }



.blinking{
	-webkit-animation:blink 0.8s ease-in-out infinite alternate;
    -moz-animation:blink   0.8s ease-in-out infinite alternate;
    animation:blink  0.8s ease-in-out infinite alternate;
}
@-webkit-keyframes blink{
    0% {opacity:0.7;}
    100% {opacity:1;}
}
@-moz-keyframes blink{
    0% {opacity:0.7;}
    100% {opacity:1;}
}
@keyframes blink{
    0% {opacity:0.7;}
    100% {opacity:1;}
}



 ::-webkit-scrollbar {
    width:8px;
	background-color:transparent;
  }
 ::-webkit-scrollbar-thumb {
    background-color:  #1e58c9;
    border-radius: 10px;
    background-clip: padding-box;
    border: 2px solid transparent;
	z-index:99999;
  }
  ::-webkit-scrollbar-track {
    background-color: #fff;

  }