@charset "utf-8";
@import url(font.css);

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    -webkit-touch-callout: none;
}

/*reset*/
html {
    font-size: 20px;
}

html,
body {
    font-family: 'Noto Sans KR', sans-serif;
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: top;
    background: transparent;
    word-break: break-all;
}

body {
    font-size: 0.8rem;
    font-weight: 300;
    /* letter-spacing: -1.0px; */
}

a {
    text-decoration: inherit;
    color: inherit;
   /* word-break: break-all;*/
}

li{ 
    list-style: none; 
}

caption,
.hidden,
.skip {
    overflow: hidden;
    width: 0;
    height: 0;
    font-size: 0;
    line-height: 0;
    text-indent: -10000px;
}

.sr-only {
    width: 0;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    border: 0;
    clip: rect(0, 0, 0, 0)
}

hr {
    width: 100%;
    height: 1px;
    background-color: #cdcdcd;
    margin: 20px 0px;
    border: 0px;
}

hr.no {
    background-color: transparent;
    padding: 0px;
    margin: 0px;
}

#skipnavi {
    position: absolute;
    top: -1px;
    left: 0;
    background-color: #333;
    z-index: 999999
}

#skipnavi a {
    position: absolute;
    top: 0;
    left: 0;
    padding: 10px 25px;
    margin-top: -100px;
    text-align: center;
    line-height: 1;
    white-space: nowrap;
    background: #000
}

#skipnavi a:link {
    color: #333;
}

#skipnavi a:focus {
    margin-top: 0;
    text-decoration: underline;
    color: #fff
}

.ellipsis {
    white-space: nowrap;
    overflow: hidden;
}

.ellipsis.multiline {
    white-space: normal;
}


.clearfix {
    width: 100%
}

.clearfix:after,
.clearfix:before {
    content: "";
    display: block;
    visibility: hidden;
    clear: both
}
.mt0{margin-top:0px !important;}
.mt5{margin-top:5px !important;}
.mt10{margin-top:10px !important;}
.mt12{margin-top:12px !important;}
.mt15{margin-top:15px !important;}
.mt20{margin-top:20px !important;}
.mt23{margin-top:23px !important;}
.mt30{margin-top:30px !important;}
.mt40{margin-top:40px !important;}
.mt50{margin-top:50px !important;}
.mt60{margin-top:60px !important;}
.mt80{margin-top:80px !important;}

.pl0{padding-left:0px !important;}
.pl10{padding-left:10px !important;}
.pl17{padding-left:17px !important;}
.pl20{padding-left:20px !important;}
.pl57{padding-left:57px !important;}
.pl70{padding-left:70px !important;}
.pb10{padding-bottom:10px !important;}
.pb20{padding-bottom:20px !important;}
.pb30{padding-bottom:30px !important;}
.pb40{padding-bottom:40px !important;}
.pb50{padding-bottom:50px !important;}
.pb60{padding-bottom:60px !important;}
.pb80{padding-bottom:80px !important;}
.pb120{padding-bottom:120px !important;}

.mb-none{margin-bottom:0px !important;}
.mb0{margin-bottom:0px !important;}
.mb5{margin-bottom:5px !important;}
.mb10{margin-bottom:10px !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;}
.mb80{margin-bottom:80px !important;}
.mb120{margin-bottom:120px !important;}
.ml15{margin-left:15px !important;}
.ml-20{margin-left:-20px !important;}
.mr0{margin-right:0px !important;}
.mr5{margin-right:5px !important;}
.mr10{margin-right:10px !important;}
.mr15{margin-right:15px !important;}
.pr0{padding-right: 0 !important;}
.pt15{padding-top: 15px !important;}
.pt20{padding-top: 20px !important;}
.pt25{padding-top: 25px !important;}
.pt32{padding-top: 32px !important;}
.pt50{padding-top: 50px !important;}

.align-center{text-align:center !important;}
.align-right{text-align:right !important;}
.align-left{text-align:left !important;}
.align-jus{text-align:justify !important;}
.f-italic{font-style:italic; color:#707c7f}
.txt-und{text-decoration:underline !important;}

.float-l{float:left;}
.float-r{float:right;}
.float-c{display:block; margin:0 auto;}
.float-ic{float: initial;margin: 0 auto;}
.clearboth{clear: both !important;}

.strong{font-weight:bold; margin:0;}
.txt-red{color:#f44d4d !important;}
.txt-blue{color:#1d31a4 !important;}
.txt-green{color:#06855d !important;}
.txt-yell{color:#ffef00 !important;}
.txt-th{color: #5086c2 !important;}
.txt-imp{color: #d4009b !important;}
.txt-org{color:#ff7c00 !important;}
.txt-fff{color:#ffffff !important;}
.txt-333{color:#333333 !important;}
.fs14{font-size:14px !important;}
.fwb{font-weight:bold !important;}

del{color: #ACABAB;}
p{text-align: justify;}

