/** * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/) * http://cssreset.com */

@charset "utf-8";

/*font*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');

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-size: 100%;
    vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */


/* Add for this website */


a {
    color: #000;
}

a:active, a:hover {
    outline: 0 none;
}

a:hover {
    color: #000;
}

a {
    outline: medium none;
    text-decoration: none;
}

a img {
    border: medium none;
}

a, a:link, a:visited, a:active {
    text-decoration: none;
}

ul, li {
    list-style: none;
}

ol, ul {
    margin-top: 0;
    margin-bottom: 0px;
}

html, body {
    padding: 0;
    margin: 0;
    text-rendering: optimizelegibility;
}

body {
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #191919;
    letter-spacing: -0.5px;
}

table {
    border-collapse: collapse
}

form, input {
    color: black !important;
}

/*reset  boostrap*/

/* MARGIN & PADDING==================== */
/* margin */
.mg0 {
    margin: 0 0 0 0
}

.mt1 {
    margin-top: 1px !important;
}

.mt2 {
    margin-top: 2px !important;
}

.mt3 {
    margin-top: 3px !important;
}

.mt4 {
    margin-top: 4px !important;
}

.mt5 {
    margin-top: 5px !important;
}

.mt6 {
    margin-top: 6px !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;
}

.mt35 {
    margin-top: 35px !important;
}

.mt40 {
    margin-top: 40px !important;
}

.mt50 {
    margin-top: 50px !important;
}

.mt60 {
    margin-top: 60px !important;
}

.mtn1 {
    margin-top: -1px !important;
}

.mtn2 {
    margin-top: -2px !important;
}

.mtn3 {
    margin-top: -3px !important;
}

.mtn5 {
    margin-top: -5px !important;
}

.mtn10 {
    margin-top: -10px !important;
}

.mtn14 {
    margin-top: -14px !important;
}

.mtn15 {
    margin-top: -15px !important;
}

.mtn25 {
    margin-top: -25px !important;
}

.mr0 {
    margin-right: 0px !important;
}

.mr1 {
    margin-right: 1px !important;
}

.mr2 {
    margin-right: 2px !important;
}

.mr3 {
    margin-right: 3px !important;
}

.mr4 {
    margin-right: 4px !important;
}

.mr5 {
    margin-right: 5px !important;
}

.mr6 {
    margin-right: 6px !important;
}

.mr7 {
    margin-right: 7px !important;
}

.mr8 {
    margin-right: 8px !important;
}

.mr9 {
    margin-right: 9px !important;
}

.mr5 {
    margin-right: 5px !important;
}

.mr6 {
    margin-right: 6px !important;
}

.mr10 {
    margin-right: 10px !important;
}

.mr11 {
    margin-right: 11px !important;
}

.mr15 {
    margin-right: 15px !important;
}

.mr16 {
    margin-right: 16px !important;
}

.mr20 {
    margin-right: 20px !important;
}

.mr22 {
    margin-right: 22px !important;
}

.mr25 {
    margin-right: 25px !important;
}

.mr30 {
    margin-right: 30px !important;
}

.mr40 {
    margin-right: 40px !important;
}

.mr50 {
    margin-right: 50px !important;
}

.mb0 {
    margin-bottom: 3px !important;
}

.mb3 {
    margin-bottom: 3px !important;
}

.mb5 {
    margin-bottom: 5px !important;
}

.mb6 {
    margin-bottom: 6px !important;
}

.mb7 {
    margin-bottom: 7px !important;
}

.mb8 {
    margin-bottom: 8px !important;
}

.mb9 {
    margin-bottom: 9px !important;
}

.mb10 {
    margin-bottom: 10px !important;
}

.mb25 {
    margin-bottom: 25px !important;
}

.mb5m {
    margin-bottom: -5px !important;
}

.mb1 {
    margin-bottom: 1px !important;
}

.mb2 {
    margin-bottom: 2px !important;
}

.mb3 {
    margin-bottom: 3px !important;
}

.mb4 {
    margin-bottom: 4px !important;
}

.mb5 {
    margin-bottom: 5px !important;
}

.mb8 {
    margin-bottom: 8px !important;
}

.mb10 {
    margin-bottom: 10px !important;
}

.mb15 {
    margin-bottom: 15px !important;
}

.mb20 {
    margin-bottom: 20px !important;
}

.mb30 {
    margin-bottom: 30px !important;
}

.mb40 {
    margin-bottom: 40px !important;
}

.mb50 {
    margin-bottom: 50px !important;
}

.mb60 {
    margin-bottom: 60px !important;
}

.mb0 {
    margin-bottom: 0 !important;
}

.mb100 {
    margin-bottom: 100px !important;
}

.ml10m {
    margin-left: -10px !important;
}

.ml20m {
    margin-left: -20px !important;
}

.ml1m {
    margin-left: -1px !important;
}

.ml2m {
    margin-left: -2px !important;
}

.ml3m {
    margin-left: -3px !important;
}

.ml10m {
    margin-left: -10px !important;
}

.ml0 {
    margin-left: 0px !important;
}

.ml1 {
    margin-left: 1px !important;
}

.ml2 {
    margin-left: 2px !important;
}

.ml3 {
    margin-left: 3px !important;
}

.ml4 {
    margin-left: 4px !important;
}

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

.ml6 {
    margin-left: 6px !important;
}

.ml7 {
    margin-left: 7px !important;
}

.ml8 {
    margin-left: 8px !important;
}

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

.ml13 {
    margin-left: 13px !important;
}

.ml15 {
    margin-left: 15px !important;
}

.ml16 {
    margin-left: 16px !important;
}

.ml17 {
    margin-left: 17px !important;
}

.ml18 {
    margin-left: 18px !important;
}

.ml20 {
    margin-left: 20px !important;
}

.ml22 {
    margin-left: 22px !important;
}

.ml24 {
    margin-left: 24px !important;
}

.ml25 {
    margin-left: 25px !important;
}

.ml28 {
    margin-left: 28px !important;
}

.ml30 {
    margin-left: 30px !important;
}

.ml40 {
    margin-left: 40px !important;
}

.ml50 {
    margin-left: 50px !important;
}

.ml60 {
    margin-left: 60px !important;
}

.ml70 {
    margin-left: 70px !important;
}

.ml75 {
    margin-left: 75px !important;
}

.ml140 {
    margin-left: 140px !important;
}

.ml250 {
    margin-left: 250px !important;
}

.ml300 {
    margin-left: 300px !important;
}

.mg5 {
    margin: 5px !important;
}

.mg15 {
    margin: 15px !important;
}

.mg30 {
    margin: 30px !important;
}

/* padding */
.pd {
    padding: 0 0 0 0
}

.pt3 {
    padding-top: 3px !important;
}

.pt5 {
    padding-top: 5px !important;
}

.pt10 {
    padding-top: 10px !important;
}

.pt13 {
    padding-top: 10px !important;
}

.pt15 {
    padding-top: 15px !important;
}

.pt20 {
    padding-top: 20px !important;
}

.pt25 {
    padding-top: 25px !important;
}

.pt30 {
    padding-top: 30px !important;
}

.pt50 {
    padding-top: 50px !important;
}

.pr5 {
    padding-right: 5px;
}

.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;
}

.pl5 {
    padding-left: 5px !important;
}

.pl10 {
    padding-left: 10px !important;
}

.pl15 {
    padding-left: 15px !important;
}

.pl20 {
    padding-left: 0px !important;
}

.pl25 {
    padding-left: 25px !important;
}

.pl30 {
    padding-left: 30px !important;
}

.pt0 {
    padding-top: 0 !important;
}

.pb0 {
    padding-bottom: 0 !important;
}

.pb3 {
    padding-bottom: 3px !important;
}

.pb5 {
    padding-bottom: 5px !important;
}

.pb10 {
    padding-bottom: 10px !important;
}

.pb20 {
    padding-bottom: 20px !important;
}

.pb30 {
    padding-bottom: 20px !important;
}

.pb50 {
    padding-bottom: 50px !important;
}

.pd10 {
    padding: 0 10px 0 10px;
}

.pd102 {
    padding: 10px !important;
}

.pdt10 {
    padding: 10px 0;
}

.pdall {
    padding: 10px !important;
}

.pd8m {
    padding: 0 -8px
}


/* Height */
.hgAuto {
    height: auto;
}

.hg12 {
    height: 12px !important;
}

.hg30 {
    height: 30px !important;
}

.hg25 {
    height: 24px !important;
}

.hg20 {
    height: 20px !important;
}

.hg50 {
    height: 50px !important;
}

.hg100 {
    height: 100px !important;
}

.hg130 {
    height: 130px !important;
}

.hg140 {
    height: 140px !important;
}

.hg150 {
    height: 150px !important;
}

.hg155 {
    height: 155px !important;
}

.hg160 {
    height: 160px !important;
}

.hg180 {
    height: 180px !important;
}

.hg230 {
    height: 230px !important;
}

.hg300 {
    height: 300px !important;
}

/* border */
.bdBlue {
    border: 1px solid #6789ca !important
}

.bdGray {
    border: 1px solid #999 !important
}

.dottedBd {
    border-top: 1px dotted #adadad !important;
}

.bdL {
    border-left: 1px solid #f5f5f5
}

.bdR {
    border-right: 1px solid #f5f5f5
}

.bdT {
    border-top: 1px solid #f5f5f5
}

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

.bdB2 {
    border-bottom: 2px solid #dfdfdf
}

.bdB3 {
    border-bottom: 1px solid #dfdfdf
}

.bdT2 {
    border-top: 2px solid #b7b7b7
}

.bgn {
    background: none !important
}

.bdn {
    border: none !important;
}

.bdnL {
    border-left: none !important
}

.bdnR {
    border-right: none !important
}

.bdnT {
    border-top: none !important
}

.bdnB {
    border-bottom: none !important
}


.ft_n {
    font-weight: normal;
}

.th_b {
    border: 1px solid #d6d6d6;
}

.comm_bb1 {
    border: 1px solid #ffffff;
}

.comm_bt1 {
    border-top: 2px solid #c3c3c3;
}

.bdr1px {
    border: 1px solid #333;
}

.dpNone {
    display: none;
}

.dpShow {
    display: "";
}

.em {
    font-weight: bold;
}

.text-white {
    color: white;
}

.text-green {
    color: #1ABC9C
}

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

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

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

.text-justify {
    text-align: justify;
}

.clearBoth {
    clear: both;
}

.width-100 {
}

.bdr1px {
    border: 1px solid #333;
}

.text-red {
    color: #ff0000;
}

.disp {
    display: inline-block;
}

/* Button Common*/


/* Text Size */


/*------------- Common Layout : S ------------------------------*/
html, body {
    width: 100%;
    height: 100%;
    word-break: keep-all;
}

html {
    font-size: 20px;
    box-sizing: border-box;
}

*, *:before, *:after {
    box-sizing: inherit;
}

div {
    width: 100%;
}

button {
    border: none;
    background-color: transparent;
    cursor: pointer;
    overflow: visible;
}