@charset "utf-8";

/* reset */
:lang(ko) {font-family: 'Noto Sans KR', '맑은 고딕', '돋움', sans-serif; font-size: 16px; color:#2a2a2a}
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: inherit;vertical-align: baseline;font-weight: 300;}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, main {display: block; transition: all 0.3s 0s ease-in-out;}
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;}
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {-webkit-appearance: none; -moz-appearance: none;}
input[type=search] {-webkit-appearance: none;-moz-appearance: none;-webkit-box-sizing: content-box;-moz-box-sizing: content-box; box-sizing: content-box;}
textarea {overflow: auto;vertical-align: top;resize: vertical;}
textarea:focus, textarea:hover{border-color: #2f89d6 !important;}
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}
#wrap{width:100%;}
a{text-decoration:none; color:#222; display:block;}
a:active, a:hover { outline: 0;}
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; width:100%;}
figure { margin: 0;}
form {margin: 0;}
legend { border: 0; padding: 0; white-space: normal; *margin-left: -7px; }
button, input, select, textarea {font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle;}
button, input { line-height: normal;border: 0; background: none;}
button, select {text-transform: none;}
select::-ms-expand{display:none}
select{color:#333}
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; *overflow: visible;}
input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder { /* WebKit browsers */ color:transparent !important; }
input:focus:-moz-placeholder, textarea:focus:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color:transparent !important; } 
input:focus::-moz-placeholder, textarea:focus::-moz-placeholder { /* Mozilla Firefox 19+ */ color:transparent !important; } 
input:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder { /* Internet Explorer 10+ */ color:transparent !important; }
input[type="checkbox"], input[type="radio"] {box-sizing: border-box;padding: 0;height: 15px;width: 15px;vertical-align: middle;cursor: pointer;}
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box;-webkit-box-sizing: content-box; box-sizing: content-box;}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
input::placeholder {color: #a5a5a5;}
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0;}
textarea { overflow: auto; vertical-align: top;resize: vertical;}
table { border-collapse: collapse; border-spacing: 0;}
caption, legend{display:none;}
fieldset { border: 0; margin: 0; padding: 0;}
input[type="text"]:focus, input[type="text"]:hover, input[type="url"]:focus, input[type="url"]:hover, input[type="email"]:focus, input[type="email"]:hover, input[type="number"]:focus, input[type="number"]:hover, input[type="password"]:focus, input[type="password"]:hover, select:hover, select:focus{border:1px solid #2f89d6 !important;}
input[disabled]:hover, input[disabled]:focus { border: 1px solid #ebebeb !important;}
button[disabled], html input[disabled], input[disabled]:hover{ cursor: default; color: #909090; background:#ebebeb; border:1px solid #ebebeb !important}
label{cursor:pointer;}
*, *::before, *::after { box-sizing: border-box;}



/* 공통 css */
.bold{font-weight:bold !important;} /* Bold */
.mdu{font-weight:500 !important;} /* Medium */
.lgt{font-weight:300 !important;} /* Light */
.thn{font-weight:100 !important;} /* Thin */
.rgl{font-weight:400 !important;} /* Regular */
.clear {clear:both !important;}
.blue{color: #2172ba !important;}
.pr0{padding-right:0 !important;}
.ml0{margin-left:0 !important;}
.ml10{margin-left:10px !important;}
.ml25{margin-left:25px !important;}
.mt0{margin-top:0 !important}
.mt10{margin-top:10px !important}
.mt30{margin-top:30px !important;}
.mt60{margin-top:60px !important;}
.mr10{margin-right:10px !important}
.mr25{margin-right:25px !important}
.mb0{margin-bottom:0 !important}
.txt_uline{text-decoration:underline}
.red{color:#dd0000 !important;}
.fl{float:left !important;}
.fr{float:right !important;}
.hidden{position:absolute; width:0px; height:0px; overflow:hidden;}
.brd_top1{border-top: 1px solid #c0c0c0;}
.brd_bttm1{border-bottom: 1px solid #c0c0c0;}
.nobrd{border:none !important;}
.txt-l{text-align:left !important;}


/* 효과 */
@-webkit-keyframes fadeEffect {from {opacity: 0;} to {opacity: 1;}}
@keyframes fadeEffect {from {opacity: 0;} to {opacity: 1;}} 
@keyframes gnbslide {from {height:0;} to {height:cals(100%);}}
@keyframes mgnbslide {from {width:0;} to {width:cals(100%);}}
@keyframes subslide {from {opacity: 0; margin-top:-50px; } to {opacity: 1; margin:0;}}