@charset "utf-8";

@import url('https://fonts.googleapis.com/earlyaccess/notosanskr.css');
@import url('https://fonts.googleapis.com/earlyaccess/nanumgothic.css');


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, 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,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-style:normal;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,q:before, q:after {content: ''; content: none;}
table {border-collapse:collapse; border-spacing:0;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
strong, b {font-weight:normal;}
/*--*/
html, body {height:100%;  -webkit-text-size-adjust:none;}
body {font-family:'Noto Sans KR', 'Nanum Gothic', '맑은 고딕','돋움',dotum,'굴림',gulim, serif; color:#000; font-size:17px; font-weight:400; line-height:1; -webkit-text-size-adjust:none}
img {max-width:100%; vertical-align:top;}
div {word-break:break-all;}
a:link, a:hover, a:visited, a:active {color:#000; text-decoration:none;}

/*input[type="radio"] {vertical-align: text-bottom; }
input[type="checkbox"] {border:solid 1px #999; vertical-align: bottom; }*/

label, input[type="button"], input[type="submit"], input[type="image"], button {cursor: pointer;}
input[type="text"], input[type="password"] {-webkit-appearance:none; border:none;  height:32px; border-radius: 0; font-size:16px;}

button, input, select, textarea {margin:0;}
button {width:auto; overflow:visible;}
button, button[type="submit"], button[type="reset"] { background:none; border:none; padding:0; margin:0; }

select{-webkit-border-radius:0; -moz-border-radius:0; border-radius:0; /*-webkit-appearance:none;*/ background:#fff;}
textarea{-webkit-appearance:none; resize:none; border:solid 1px #ced3d7;}

input:invalid, textarea:invalid { border-radius: 1px; -moz-box-shadow: 0px 0px 5px red; -webkit-box-shadow: 0px 0px 5px red; box-shadow: 0px 0px 5px red; }
.no-boxshadow input:invalid, .no-boxshadow textarea:invalid { background-color: #f0dddd; }

::-moz-selection{ background: #55695e; color:#fff; text-shadow: none; }
::-webkit-selection{ background: #55695e; color:#fff; text-shadow: none; }
::selection { background:#55695e; color:#fff; text-shadow: none; }

.clear {*zoom:1;}
.clear:after{content:'';display:block;clear:both}
.ellipsis {overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -moz-binding:url('ellipsis.xml#ellipsis');}
.blind {display:none;}

/* text-align */
.tl {text-align:left !important;}
.tr {text-align:right !important;}
.tc {text-align:center !important;}

/* margin */
.m0{margin:0px !important}
.m10{margin:10px !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}
.mt25{margin-top:25px !important}
.mt30{margin-top:30px !important}
.mt40{margin-top:40px !important}
.mt50{margin-top:50px !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}
.mb25{margin-bottom:25px !important}
.mb30{margin-bottom:30px !important}
.mb35{margin-bottom:35px !important}
.mb50{margin-bottom:50px !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}
.mr0{margin-right:0px !important}
.mr5{margin-right:5px !important}
.mr10{margin-right:10px !important}
.mr15{margin-right:15px !important}
.mr20{margin-right:20px !important}
.mlr5{margin-left:5px !important; margin-right:5px !important}
/* 패딩값 */
.p0{padding:0px !important}
.p5{padding:5px !important}
.p10{padding:10px !important}
.p15{padding:15px !important}
.p20{padding:20px !important}
.p25{padding:25px !important}
.p30{padding:30px !important}
.pt0{padding-top:0px !important}
.pt3{padding-top:3px !important}
.pt5{padding-top:5px !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}
.pb0{padding-bottom:0px !important}
.pb10{padding-bottom:10px !important}
.pb15{padding-bottom:15px !important}
.pb20{padding-bottom:20px !important}
.pb25{padding-bottom:25px !important}
.pb30{padding-bottom:30px !important}
.pb40{padding-bottom:40px !important}
.pb50{padding-bottom:50px !important}
.pl0{padding-left:0px !important}
.pl5{padding-left:5px !important}
.pl10{padding-left:10px !important}
.pl15{padding-left:15px !important}
.pl20{padding-left:20px !important}
.pl25{padding-left:25px !important}
.pl30{padding-left:30px !important}
.pl40{padding-left:40px !important}
.pl50{padding-left:50px !important}
.pl60{padding-left:60px !important}
.pr0{padding-right:0px !important}
.pr5{padding-right:5px !important}
.pr10{padding-right:10px !important}
.pr15{padding-right:15px !important}
.pr20{padding-right:20px !important}
.pr25{padding-right:25px !important}
.pr30{padding-right:30px !important}
.pr40{padding-right:40px !important}
.pr50{padding-right:50px !important}
.pr60{padding-right:60px !important}