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

@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 100; 
					src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype'); }
@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 300; src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype'); } 
@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 400; src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype'); } 
@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 500; src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype'); } 
@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 700; src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype'); } 
@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 900; src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype'); }

html{width:100%; height:100%; padding:0; overflow: auto;}
body{padding:0px; min-height:100%; position:relative; -webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none; font-size:15px; font-family: 'Noto Sans KR', sans-serif; font-weight: 300;}

/*컬러*/
.blue {color:#007bff;}
.indigo {color:#6610f2;}
.purple {color:#6f42c1;}
.pink {color:#e83e8c;}
.red {color:#dc3545;}
.orange {color:#fd7e14;}
.yellow {color:#ffc107;}
.green {color:#28a745;}
.teal {color:#20c997;}
.cyan{color:#17a2b8;}
.white {color:#fff;}
.gray {color:#6c757d;}
.gray-dark {color:#343a40;}
.primary {color:#007bff;}
.secondary {color:#6c757d;}
.success {color:#28a745;}
.info {color:#17a2b8;}
.warning {color:#ffc107;}
.danger {color:#dc3545;}
.light {color:#f8f9fa;}
.dark {color:#343a40;}
.black{color:#000 !important;}

.clear{clear:both;}
.clear-after::after{content:""; display:block; clear:both; height:0;}

.left{text-align: left;}
.center{text-align: center;}
.right{text-align: right;}

.mAuto{margin:0 auto !important;}
.mb10{margin-bottom:10px !important;}
.mb20{margin-bottom:20px !important;}
.mb30{margin-bottom:30px !important;}
.mb50{margin-bottom:50px !important;}
.mb60{margin-bottom:60px !important;}
.mb70{margin-bottom:70px !important;}
.mb80{margin-bottom:80px !important;}

.mt10{margin-top:10px !important;}
.mt20{margin-top:20px !important;}
.mt30{margin-top:30px !important;}
.mt40{margin-top:40px !important;}
.mt50{margin-top:50px !important;}
.mt60{margin-top:60px !important;}
.mt70{margin-top:70px !important;}
.mt75{margin-top:75px !important;}
.mt80{margin-top:80px !important;}
.mt150{margin-top:150px !important;}

.mr5{margin-right:5px !important;}
.mr10{margin-right:10px !important;}
.mr20{margin-right:20px !important;}

.ml5{margin-left:5px !important;}
.ml10{margin-left:10px !important;}

.pdL20{padding-left:20px !important;}
.pdL25{padding-left:25px !important;}

.pdR30{padding-right:30px !important;}

.pdT10{padding-top:10px !important;}
.pdT20{padding-top:20px !important;}
.pdT30{padding-top:30px !important;}
.pdT35{padding-top:35px !important;}
.pdT40{padding-top:40px !important;}
.pdT50{padding-top:50px !important;}
.pdT60{padding-top:60px !important;}
.pdT70{padding-top:70px !important;}
.pdT80{padding-top:80px !important;}

.pdB30{padding-bottom:30px !important;}
.pdB100{padding-bottom:100px !important;}

.pd5{padding:5px !important;}

.fl{float: left;}
.fr{float: right;}

a.none{color:#354168;}
a.none:hover{color:#354168; text-decoration:none;}

.pointer{cursor:pointer;}

input, select, textarea{vertical-align:middle; background:#fff; border:1px solid #dee2e6; border-radius:3px; font-size:13px; letter-spacing:-0.5px; padding:.375rem .75rem;}

.pop-con{width:100%; margin:0 auto; padding:20px;}

.border{border:1px solid #eee;}

.normal{font-weight:300;}

.b_bar{border-bottom:1px solid #ddd;}

.cancle-line{text-decoration: line-through;}

.border_none{border:none !important;}

.bold700{font-weight:700;}

.w100{width:100%;}
.w90{width:90%;}
.w80{width:80%;}
.w70{width:70%;}
.w60{width:60%;}
.w50{width:50%;}
.w40{width:40%;}
.w30{width:30%;}
.w20{width:20%;}
.w10{width:10%;}