@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Nanum+Gothic:400,700,800|Noto+Sans+KR:100,300,400,500,700,900&display=swap&subset=korean');
@import url('https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css');
@import url('https://fonts.googleapis.com/css?family=Nanum+Gothic:400,700,800&display=swap&subset=korean');

/* CSS Document */
*{
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

html,body{width:100%;height:100%; padding:0;margin:0;}
html{overflow-y:scroll;}
body{
	letter-spacing:-0.04em; 
	color:#252525; 
	font-size:inherit;
	font-family: 'Noto Sans KR', sans-serif, 'NanumSquare';
	background-color:#fff;
	line-height: 1;
    
    word-break: keep-all;
}
body,b,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,tr,td,thead,tbody,form,fieldset,legend,input,textarea,select,button{margin:0;padding:0;
font-family: 'Noto Sans KR','Nanum Gothic','sans-serif'; font-size: inherit;}
ul,ol,li,dl,dt,dd {list-style:none;}
i,em,address{font-style:normal;}
label,button{cursor:pointer;-webkit-appearance: none;}
button{border:none;background: none;-webkit-appearance: none;  -webkit-border-radius: 0; }
select { -webkit-appearance: none;  -webkit-border-radius: 0; /* 네이티브 외형 감추기 */ -moz-appearance: none; appearance: none; -webkit-appearance: none; padding: 0 30px 0 10px; font-family: 'Noto Sans KR';
background:url("../img/ico/nav_arrow.png")no-repeat right 10px center;  vertical-align:middle; border: 1px solid #bbb; outline:none;}
select::-ms-expand { display: none; }
hr,legend {display:none;}
img,fieldset,iframe{border:none;}
img{vertical-align:top; max-width: 100%;}
textarea{font-family: 'Noto Sans KR','Nanum Gothic','sans-serif';padding:8px; border:solid 1px #c6c6c6;
	-webkit-appearance: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

}
caption {display:none;}
input,select,button{vertical-align:middle; border-radius: 0;}
table{border:none; border-collapse:collapse; padding:0; border-spacing:0; }
fieldset{min-width:100%;}
a:link,a:visited,a:active,a:focus{text-decoration:none;}
a:hover{text-decoration:none;}
a {color: inherit}

input[type=text]::-ms-clear{display:none;}

input[type="text"],
input[type="password"],
input[type="email"],
input[type="number"],
input[type="button"],
input[type="tel"]{border: 1px solid #dcdcdc;-webkit-appearance: none; -moz-appearance:none; -webkit-border-radius: 0; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; padding: 0 10px;}
input[type="text"]:hover,input[type="text"]:focus,
input[type="password"]:hover,input[type="password"]:focus,
input[type="email"]:hover,input[type="email"]:focus,
input[type="number"]:hover,input[type="number"]:focus,
input[type="tel"]:hover,input[type="tel"]:focus{border-color: #ccc; outline: none;}

select option[value=""][disabled] {
	display: none;
}

/* float */

.clearfix{*zoom: 1;}
.clearfix:after{content:'';display:block;clear:both;}
ul:after{content:'';display:block;clear:both;}
/* Common */

.blind,legend{display:block;overflow:hidden;position:absolute;top:-1000em;left:0}
.skip a{display:block;position:absolute;left:0;top:-9999em;width:100%;background-color:#272727;color:#aaa;font: bold 12px/3.4 arial,sans-serif;text-align:center;z-index: 99999;}
.skip a:hover,.skip a:active,.skip a:focus{top:0}

/*loader*/
#loader{background: #f5f5f5; position: fixed; width: 100%; height: 100%; top: 0; z-index: 999999;}
@-webkit-keyframes rotate {from {-webkit-transform: rotate(0deg);} to {-webkit-transform: rotate(360deg);}}
img.loading {-webkit-animation-name: rotate; -webkit-animation-duration: 1s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; position: absolute; top: 50%; left: 50%; width: 140px; height: 140px; margin-left: -70px; margin-top: -70px;}



* {
    -webkit-text-size-adjust: none
}