@charset "euc-kr";
@import url('https://fonts.googleapis.com/css?family=Noto+Sans');

@font-face {
	font-family:'ng'; font-weight:normal; font-style:normal;
	/*src: url('../font/NanumGothic.eot');*/
 	src:/*  url('../font/NanumGothic.otf?#iefix') format('embedded-opentype'), */
	url('../font/NanumGothic.woff') format('woff'),
	url('../font/NanumGothic.woff2') format('woff2')
}

@font-face {
	font-family:'ng_b'; font-weight:normal; font-style:normal;
	/*src: url('../font/NanumGothicBold.eot');*/
	src: /* url('../font/NanumGothicBold.otf?#iefix') format('embedded-opentype'), */
	url('../font/NanumGothicBold.woff') format('woff'),
	url('../font/NanumGothicBold.woff2') format('woff2')
}

@font-face {
	font-family:'ng_eb'; font-weight:normal; font-style:normal;
	/*src: url('../font/NanumGothicExtra-Bold.eot');*/
	src:/*  url('../font/NanumGothicExtraBold.otf?#iefix') format('embedded-opentype'),  */
	url('../font/NanumGothicExtraBold.woff') format('woff'),
	url('../font/NanumGothicExtraBold.woff2') format('woff2')
}


/* reset */
* {margin:0; padding:0;box-sizing:border-box;font-size:62.5%}
html {margin:0; padding:0; width:100%;height: 100%;font-family: 'ng', 'Noto Sans',sans-serif;}
body {position:relative;margin:0; padding:0; width:100%;height:100%;;background-color:#fff; color:#535353; line-height:1.2;font-family: 'ng', 'Noto Sans',sans-serif;}
label {vertical-align:middle}
address,em {font-style:normal}
strong,b,th {font-weight:bold}
fieldset,img {border:0; vertical-align:middle}
caption,legend {width:1px; text-align:left; font-size:0; line-height:0; text-indent:-999em}
ul,ol,dl,dt,dd,li {list-style:none;}
h1,h2,h3,h4,h5,h6 {font-weight:bold; font-size:100%}
input,textarea,select {border:0; color:#666; vertical-align:middle;font-family: 'ng','Noto Sans',sans-serif;}
article,aside,canvas,details,figcaption,figure,footer,header,menu,nav,section,summary {display:block}
div,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,p,form,iframe,fieldset,input,table,tr,th,td,button,textarea,select, thead, tbody, tfoot, pre, option {margin:0; padding:0; color:#535353;font-family:'ng','Noto Sans', sans-serif;}
a {font-family: 'ng', 'Noto Sans',sans-serif; font-weight:normal; text-decoration:none}
select {outline:none;}
table {width:100%; border-spacing:0;border-collapse: collapse}
table th {font-weight:normal; letter-spacing:-1px; border-collapse:collapse}
table td {border-collapse:collapse}
button {border:none; background:none; cursor:pointer}
figcaption {position:absolute; overflow:hidden; width:0; height:0; font-size:0; line-height:0}
a {color:#343434; text-decoration:none}
a:hover {text-decoration:none}
button {margin:0; padding:0; border:0 none; background-color:transparent;font-family: 'ng', 'Noto Sans',sans-serif;}
img{-webkit-touch-callout:none}
html,body{-webkit-overflow-scrolling: touch;}

/* form */
legend {visibility:hidden; overflow:hidden; width:0; height:0; font-size:0; line-height:0}
input,select,textarea {font-family: 'ng', 'Noto Sans',sans-serif; color:#444; vertical-align:middle}
textarea{direction: ltr;letter-spacing:0;word-spacing:2px;}
input,textarea,select{-webkit-appearance: none;-webkit-border-radius: 0;-moz-border-radius:0;-o-border-radius:0;-ms-border-radius:0;border-radius:0;}
input[type="text"],input[type="password"],select {height:23px; line-height:21px; border:1px solid #cdcdcd;outline:none}
input[type='text']::-ms-clear {display: none;}
input[type="text"],input[type="password"],textarea {}
textarea {border:1px solid #cdcdcd;}
input::placeholder{color:#999;}
input.check {display:none;}/*기본input제거*/
input.check + label.check {display: inline-block;position: relative;padding-left: 30px;vertical-align:middle;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;font-weight:500;color:inherit;}
input.check + label.check:before { content: '';position: absolute;left: 0;top: 50%;width: 20px;height: 20px;text-align: center;border: 1px solid #798193;border-radius: 100%;transform:translateY(-50%);}
input.check:checked + label.check:after{ content: '';position: absolute;top:50%;left: 5px;width: 12px;height: 12px;background: #798193; border-radius: 100%;transform:translateY(-50%);} /*체크 후*/
select:focus, input:focus, textarea:focus{outline:0;}

::-webkit-input-placeholder { /* WebKit, Blink, Edge */color:#535353;}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */color:#535353;opacity:  1;}
::-moz-placeholder { /* Mozilla Firefox 19+ */color:#535353;opacity:  1;}
:-ms-input-placeholder { /* Internet Explorer 10-11 */color:#535353;}
input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button {-webkit-appearance: none;    margin: 0;}

input::-webkit-input-placeholder {color: #757575 !important;}
input::-webkit-input-placeholder {color: #757575 !important;}
input:-moz-placeholder {/* Firefox 18- */color: #757575 !important;}
input::-moz-placeholder {/* Firefox 19+ */color: #757575 !important;}
input:-ms-input-placeholder {color: #757575 !important;}


.clearfix{width:100%;display:inline-block;}
.clearfix:after{content:'';display:inline-block;clear:both;}
.no_scroll{overflow:hidden;}
.blind {width:0; height:0; font-size:0; line-height:0; text-align:left; text-indent:-999em}

/* Drag color */
:-moz-selection {background:rgba(47,252,216,0.7);color:#222;opacity:50%;}
::selection {background:rgba(47,252,216,0.7);color:#222;opacity:50%;}


/* scroll bar */
/* Firefox */  
* {scrollbar-width: auto;scrollbar-color: #4f4f4f #f8f8f8;}
/* Chrome, Edge, and Safari */
*::-webkit-scrollbar {width: 14px;}
*::-webkit-scrollbar-track {background: #f8f8f8;}
*::-webkit-scrollbar-thumb {background-color: #aaa;border-radius: 100px;border: 2px solid #f8f8f8;  }


/* align */
.tal {text-align:left !important;}
.tar {text-align:right !important;}
.tac {text-align:center !important;}

/*마진, 패딩*/
.mt0 { margin-top:0px !important; }
.mt5 { margin-top:5px !important; }
.mt10 { margin-top:10px !important; }
.mt15 { margin-top:15px !important; }
.mt20 { margin-top:20px !important; }
.mt30 { margin-top:30px !important; }
.mt40 { margin-top:40px !important; }
.mt50 { margin-top:50px !important; }
.mt55 { margin-top:55px !important; }
.mt60 { margin-top:60px !important; }
.mt70 { margin-top:70px !important; }

.mb0 { margin-bottom:0px !important; }
.mb5 { margin-bottom:5px !important; }
.mb10 { margin-bottom:10px !important; }
.mb15 { margin-bottom:15px !important; }
.mb20 { margin-bottom:20px !important; }
.mb30 { margin-bottom:30px !important; }
.mb40 { margin-bottom:40px !important; }
.mb50 { margin-bottom:50px !important; }
.mb55 { margin-bottom:55px !important; }
.mb60 { margin-bottom:60px !important; }
.mb70 { margin-bottom:70px !important; }

.ml0 { margin-left:0px !important; }
.ml5 { margin-left:5px !important; }
.ml10 { margin-left:10px !important; }
.ml15 { margin-left:15px !important; }
.ml20 { margin-left:20px !important; }
.ml28 { margin-left:28px !important; }
.ml30 { margin-left:30px !important; }
.ml40 { margin-left:40px !important; }
.ml50 { margin-left:50px !important; }
.ml60 { margin-left:60px !important; }
.ml70 { margin-left:70px !important; }
.ml80 { margin-left:80px !important; }
.ml90 { margin-left:90px !important; }
.ml100 { margin-left:100px !important; }
.ml110 { margin-left:110px !important; }

.pt10 { padding-top:10px !important; }
.pt15 { padding-top:15px !important; }
.pt20 { padding-top:20px !important; }
.pt25 { padding-top:25px !important; }
.pt30 { padding-top:30px !important; }
.pt40 { padding-top:40px !important; }
.pt50 { padding-top:50px !important; }
.pt55 { padding-top:55px !important; }
.pt60 { padding-top:60px !important; }
.pt100 { padding-top:100px !important; }