@charset "utf-8";

/* Noto Sans CJK KR */


@font-face {
  font-family: 'NotoSansCJKkr';
  font-style: normal;
  font-weight: 300;
  src: url(../font/NotoSansCJKkr-Light.woff2) format('woff2'),
       url(../font/NotoSansCJKkr-Light.woff) format('woff'),
       url(../font/NotoSansCJKkr-Light.otf) format('opentype');
}
@font-face {
   font-family: 'NotoSansCJKkr';
   font-style: normal;
   font-weight: 400;
   src: url(../font/NotoSansCJKkr-Regular.woff2) format('woff2'),
        url(../font/NotoSansCJKkr-Regular.woff) format('woff'),
        url(../font/NotoSansCJKkr-Regular.otf) format('opentype');
 }
@font-face {
   font-family: 'NotoSansCJKkr';
   font-style: normal;
   font-weight: 500;
   src: url(../font/NotoSansCJKkr-Medium.woff2) format('woff2'),
        url(../font/NotoSansCJKkr-Medium.woff) format('woff'),
        url(../font/NotoSansCJKkr-Medium.otf) format('opentype');
 }


/* Common */
html, body {overflow-x:hidden;padding:0;margin:0;width:100%;height:100%;}
body{}
body, td, select, textarea, input {font-family:'NotoSansCJKkr';font-size:13px;color:#333;font-weight:300;line-height:100%;word-break:break-all;letter-spacing:-0.01em;border-color:#e6e6e6 !important;}
html, div, applet, object, iframe, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, input{
	margin: 0;
	outline: 0;
	border: 0;
	padding: 0;
	vertical-align: top;
	list-style:none;
	font-family:'NotoSansCJKkr';
	font-size:13px;
	color:#333;
	line-height:1.5em;
	font-weight:300;
	word-break:break-all;
	letter-spacing:-0.01em;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
}



/* html5 */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {display: block;}

/* List */
ul {list-style:none;}

/* Table */
table {border-collapse:collapse;border-spacing:0;table-layout:fixed;}

/* Form */
select, input, label {vertical-align:middle;}
input[type=submit]{vertical-align:top;}
button{outline:none;cursor:pointer;border:0;font-family: 'NotoSansCJKkr';vertical-align:middle;}
textarea {outline:none;resize:none;border:1px solid #ddd;}
input.radio {vertical-align:middle;}
input[type=text], input[type=password],input[type=tel], input[type=email], input[type=time]{border:1px solid #ddd;background:#fff;height:33px;line-height:33px;padding:0 10px;box-sizing:border-box;}
input[type=file]{border:1px solid #ccc;background:#fff !important;padding:10px; box-sizing:border-box;}
select{height:33px;line-height:33px;padding:0 5px;border:1px solid #ccc;background-color:#fff}
input[type=text]:focus, input[type=password]:focus, input[type=tel]:focus, input[type=email]:focus, input[type=time]:focus{border:1px solid #091c5a !important;background:#fff;box-shadow:none}
textarea:focus{border:1px solid #091c5a !important;background:#fff;box-shadow:none}
input::-ms-input-placeholder{color:#ccc;}
input::-webkit-input-placeholder{color:#ccc;}
input::-moz-placeholder{color:#ccc;}
label{}


/* Link */
a{text-decoration:none;font-family:'NotoSansCJKkr';font-size:13px;color:#333;font-weight:300;line-height:100%;word-break:break-all;letter-spacing:-0.01em;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}

/* Hidden */
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;}
.hide,hr,.blind{position:absolute;top:0;width:0;height:0;font-size:0;line-height:0;overflow:hidden;visibility:hidden;}

/* Class */
.cf:after{clear:both;display:block;content:'';}
strong{font-weight:500;}

.txt_orange{color:#f78810;}
.txt_black{color:#333;}
.txt_ellipsis{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;height:17px;}

input:-ms-input-placeholder { color: #aaa; }
input::-webkit-input-placeholder { color: #aaa; }
input::-moz-placeholder { color: #aaa; }
input::-moz-placeholder { color: #aaa; }

/*ios*/
input{-webkit-appearance:none;border-radius:0-webkit-border-radius:0;}
input:checked[type="checkbox"]{-webkit-appearance:checkbox}
button,input[type="button"],input[type="submit"],input[type="reset"]{-webkit-appearance:button;}
textarea{-webkit-appearance:none}
input[type='checkbox']{-webkit-appearance:checkbox;border:1px solid #ccc;  }
input[type='radio']{-webkit-appearance:radio;border:1px solid #ccc; }


/* Mobile */
@media (max-width:767px){

}

/* Tablet */
@media (min-width:768px) and (max-width:1023px){

}

/* PC */
@media (min-width:1024px){}

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