@CHARSET "UTF-8";

@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.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, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, img {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-family: inherit;
	vertical-align: baseline;
	font-family:  'Noto Sans KR', sans-serif;
	box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; 
}

img {border:0;font-size:0}   
html {font-size:14px; width:100%; height:100%;}
html, body {position: relative}
ul {margin: 0; padding: 0;}
ul li {list-style: none;}

table { border-collapse:collapse; word-break:break-all;}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}


.btn {margin-left:3px;}
.pointer {cursor:pointer;}
.clear {clear:both;}
.col-12 {width:100%}

.textL {text-align:left !important;}
.textR {text-align:right !important;}
.textC {text-align:center !important;}

label {display: block;word-break: keep-all;}

pre {
white-space: pre-wrap; /* CSS3*/
white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
word-wrap: break-all; /* Internet Explorer 5.5+ */ 
background-color:#fff !important;
border:0 !important;	
	
}
/* 로딩박스 */
.loading_box{width:100%; height:100%; position: fixed; top:0; left:0; z-index: 20000 ; display: none; }
.loading_box .bg{width:100%; position: absolute; top:0; left: 0; height: 100%; background-color: #000; opacity : 0.5; }
.loading_box img{position: absolute; top:50%; margin-top: -150px; left: 50%; margin-left: -150px; }




/* margin Style */
.mt100 {margin-top:100px !important}
.mt75 {margin-top:75px !important}
.mt65 {margin-top:65px !important}
.mt50 {margin-top:50px !important}
.mt45 {margin-top:45px !important}
.mt40 {margin-top:40px !important}
.mt35 {margin-top:35px !important}
.mt30 {margin-top:30px !important}
.mt25 {margin-top:25px !important}
.mt20 {margin-top:20px !important}
.mt15 {margin-top:15px !important}
.mt10 {margin-top:10px !important}
.mt5 {margin-top:5px !important}
.mt0 {margin-top:0px !important}

.mb100 { margin-bottom:100px !important;}
.mb75 {margin-bottom:75px !important}
.mb60 {margin-bottom:60px !important}
.mb50 {margin-bottom:50px !important}
.mb45 {margin-bottom:45px !important}
.mb40 {margin-bottom:40px !important}
.mb35 {margin-bottom:35px !important}
.mb30 {margin-bottom:30px !important}
.mb25 {margin-bottom:25px !important}
.mb20 {margin-bottom:20px !important}
.mb15 {margin-bottom:15px !important}
.mb10 {margin-bottom:10px !important}
.mb5 {margin-bottom:5px !important}
.mb0 {margin-bottom:0px !important}

.ml100 { margin-left:100px !important;}
.ml75 {margin-left:75px !important}
.ml60 {margin-left:60px !important}
.ml50 {margin-left:50px !important}
.ml45 {margin-left:45px !important}
.ml40 {margin-left:40px !important}
.ml35 {margin-left:35px !important}
.ml30 {margin-left:30px !important}
.ml25 {margin-left:25px !important}
.ml20 {margin-left:20px !important}
.ml15 {margin-left:15px !important}
.ml10 {margin-left:10px !important}
.ml5 {margin-left:5px !important}
.ml0 {margin-left:0px !important}

.mr100 { margin-right:100px !important;}
.mr75 {margin-right:75px !important}
.mr60 {margin-right:60px !important}
.mr50 {margin-right:50px !important}
.mr45 {margin-right:45px !important}
.mr40 {margin-right:40px !important}
.mr35 {margin-right:35px !important}
.mr30 {margin-right:30px !important}
.mr25 {margin-right:25px !important}
.mr20 {margin-right:20px !important}
.mr15 {margin-right:15px !important}
.mr10 {margin-right:10px !important}
.mr5 {margin-right:5px !important}
.mr0 {margin-right:0px !important}

.margin_none{ margin:0 !important}

.mt_none{ margin-top:0 !important}
.mr_none{ margin-right:0 !important}
.mb_none{ margin-bottom:0 !important}
.ml_none{ margin-left:0 !important}

.pt_none{ padding-top:0 !important}
.pr_none{ padding-right:0 !important}
.pb_none{ padding-bottom:0 !important}
.pl_none{ padding-left:0 !important}

.border_none{ border:0 !important}

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

.w150 {width:150px !important;}
.w210 {width:210px !important;}
.w230 {width:230px !important;}
.w335 {width:335px !important;}
.w400 {width:400px !important;}
.w450 {width:450px !important;}

.d-none {
  display: none !important;
}