@charset "utf-8";

@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 400;
   src: url(../fonts/NotoSansKR-Regular.woff2) format('woff2'),
        url(../fonts/NotoSansKR-Regular.woff) format('woff');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 500;
   src: url(../fonts/NotoSansKR-Medium.woff2) format('woff2'),
        url(../fonts/NotoSansKR-Medium.woff) format('woff');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 700;
   src: url(../fonts/NotoSansKR-Bold.woff2) format('woff2'),
        url(../fonts/NotoSansKR-Bold.woff) format('woff');
 }

@font-face {
    font-family: 'ONE-Mobile-Title';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2105_2@1.0/ONE-Mobile-Title.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/*  한국어 */
:lang(ko) {font-family:'Noto Sans KR', 'Malgun Gothic', sans-serif;}
:lang(ko) * {word-break:keep-all; word-wrap: break-word;}

/*  영어 */
:lang(en) {font-family:'Apple SD Gothic Neo', 'Helvetica', 'Noto Sans KR', 'Malgun Gothic', sans-serif;}
:lang(en) * {word-break:keep-all; word-wrap: break-word;}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre, 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, fieldset,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: none;
}
*, *:before, *:after {box-sizing:inherit;}
input[type="text"], input[type="email"], input[type="search"], input[type="password"] {-webkit-appearance:none; -moz-appearance:none;}
html {height:100%; font-size: 10px; box-sizing: border-box;}
body {font-size: 1.6rem; font-weight:400; letter-spacing: -.05em; color:#333; line-height: 1.25; word-break: keep-all; }
h1, h2, h3, h4, h5, h6, th {font-weight:500;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {display:block;}
audio, canvas, progress, video {display:inline-block; vertical-align:baseline;}
audio:not([controls]) {display:none; height:0;}
[hidden], template {display:none;}
a {text-decoration:none; color:#333; background:transparent;}
a:active, a:hover {outline:0; color:#000; text-shadow: 0px 0px 0px rgba(0, 0, 0, .3);}
abbr[title] {border-bottom:1px dotted;}
b, strong {font-weight:500;}
dfn {font-style:italic;}
mark {background:#ff0; color:#000;}
small {font-size:90%;}
sub, sup {font-size:75%; line-height:0; position:relative; vertical-align:baseline;}
sup {top:-0.5em;}
sub {bottom:-0.25em;}
ol, ul {list-style: none;}
button{border:none; padding:0}
img {vertical-align:middle; border:0;}
svg:not(:root) {overflow:hidden;}
figure {margin:1em 40px;}
hr {height:0;}
pre {overflow:auto;}
code, kbd, pre, samp {font-family:monospace, monospace; font-size:1em;}
caption, legend {width:0; height:0; font-size:0; line-height:0; overflow:hidden; display:none;}

button, input, optgroup, select, textarea {color:inherit; margin:0; font-size:0.882em;}
button {font-family: inherit; background: none; border: none; cursor: pointer; outline: none; overflow:visible;}
button, select {text-transform:none;}
button, html input[type="button"], input[type="reset"], input[type="submit"] {-webkit-appearance:button; cursor:pointer;}
button[disabled], html input[disabled] {cursor:default;}
button::-moz-focus-inner, input::-moz-focus-inner {border:0; padding:0;}
input {line-height:normal;}
input[type="checkbox"], input[type="radio"] {width: 16px; height: 16px; vertical-align: middle; box-sizing:border-box; padding:0;}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {height:auto;}
input[type="search"] {-webkit-appearance:textfield;}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {-webkit-appearance:none;}
/*fieldset {border:1px solid #c0c0c0; margin:0 2px; padding:0.35em 0.625em 0.75em;}*/
legend {border:0; padding:0;}
textarea {padding: 0.78571429em 1em; font-size: 0.882em; border: 1px solid rgba(34, 36, 38, 0.15); border-radius: 2px; overflow:auto;}
optgroup {font-weight:bold;}

table {border-collapse:collapse; border-spacing:0;}
td, th {padding:0;}

.blind {display:none !important}
.clearFix {clear:both;}
.show {display: block !important;}
.hide {position:absolute; width: 0; line-height:0; height: 0; font-size: 0; top:0; left:-10000px; overflow:hidden;}
.cpn {pointer-events: none !important;}
.num {width: 30px !important;}
.chk {width: 70px !important;}

/*-------------------
       Colors
--------------------*/
.fcRed    {color:#db2828!important;}
.fcOrange {color:#f2711c!important;}
.fcYellow {color:#fbbd08!important;}
.fcOlive  {color:#b5cc18!important;}
.fcGreen  {color:#21ba45!important;}
.fcTeal   {color:#00b5ad!important;}
.fcBlue   {color:#2185d0!important;}
.fcPurple {color:#a333c8!important;}
.fcViolet {color:#6435c9!important;}
.fcPink   {color:#e82f68!important;}
.fcBrown  {color:#a5673f!important;}
.fcGrey   {color:#767676!important;}
.fcBlack  {color:#000!important;}

.bcWhite    {background:#fff!important;}

/* font weight */
.fweb {font-weight:700 !important;}
.fwb {font-weight:500 !important;}
.fwn {font-weight:400 !important;}

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

/* vertical align */
.vb {vertical-align: baseline !important; vertical-align: -webkit-baseline-middle !important;}
.vs {vertical-align: sub !important;}

/* letter-spacing */
.ls0 {letter-spacing:0 !important;}
.ls1 {letter-spacing:-1px !important;}
.ls2 {letter-spacing:-2px !important;}

/* width size */
.w10  {width:10px !important;}
.w20  {width:20px !important;}
.w30  {width:30px !important;}
.w40  {width:40px !important;}
.w50  {width:50px !important;}
.w60  {width:60px !important;}
.w70  {width:70px !important;}
.w80  {width:80px !important;}
.w100 {width:100px !important;}
.w150 {width:150px !important;}
.w200 {width:200px !important;}
.w250 {width:250px !important;}
.w300 {width:300px !important;}
.w320 {width:320px !important;}
.w350 {width:350px !important;}
.w400 {width:400px !important;}
.w450 {width:450px !important;}
.w500 {width:500px !important;}
.w600 {width:600px !important;}
.w700 {width:700px !important;}
.w800 {width:800px !important;}
.wmax {width:100% !important;}

/* float style */
.fl   {float:left !important;}
.fr   {float:right !important;}

/* padding, margin style */
.p0   {padding:0 !important;}
.p5   {padding:5px !important;}
.p10  {padding:10px !important;}
.p20  {padding:20px !important;}

.pt0  {padding-top:0 !important;}
.pt5  {padding-top:5px !important;}
.pt10 {padding-top:10px !important;}
.pt15 {padding-top:15px !important;}
.pt20 {padding-top:20px !important;}
.pt25 {padding-top:25px !important;}
.pt30 {padding-top:30px !important;}
.pt35 {padding-top:35px !important;}
.pt40 {padding-top:40px !important;}
.pt45 {padding-top:45px !important;}
.pt50 {padding-top:50px !important;}

.pb0  {padding-bottom:0 !important;}
.pb5  {padding-bottom:5px !important;}
.pb10 {padding-bottom:10px !important;}
.pb15 {padding-bottom:15px !important;}
.pb20 {padding-bottom:20px !important;}
.pb25 {padding-bottom:25px !important;}
.pb30 {padding-bottom:30px !important;}
.pb35 {padding-bottom:35px !important;}
.pb40 {padding-bottom:40px !important;}
.pb45 {padding-bottom:45px !important;}
.pb50 {padding-bottom:50px !important;}

.pl0  {padding-left:0px !important;}
.pl5  {padding-left:5px !important;}
.pl10 {padding-left:10px !important;}
.pl15 {padding-left:15px !important;}
.pl20 {padding-left:20px !important;}
.pl25 {padding-left:25px !important;}
.pl30 {padding-left:30px !important;}
.pl35 {padding-left:35px !important;}
.pl40 {padding-left:40px !important;}
.pl45 {padding-left:45px !important;}
.pl50 {padding-left:50px !important;}

.pr0  {padding-right:0px !important;}
.pr5  {padding-right:5px !important;}
.pr10 {padding-right:10px !important;}
.pr15 {padding-right:15px !important;}
.pr20 {padding-right:20px !important;}
.pr20 {padding-right:25px !important;}
.pr30 {padding-right:30px !important;}
.pr35 {padding-right:35px !important;}
.pr40 {padding-right:40px !important;}
.pr45 {padding-right:45px !important;}
.pr50 {padding-right:50px !important;}

.m0   {margin:0 !important;}
.m5   {margin:5px !important;}
.m10  {margin:10px !important;}

.mt-5 {margin-top:-5px !important;}
.mt-4 {margin-top:-4px !important;}
.mt-3 {margin-top:-3px !important;}
.mt-2 {margin-top:-2px !important;}
.mt-1 {margin-top:-1px !important;}
.mt0  {margin-top:0px !important;}
.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;}
.mt7  {margin-top:7px !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;}
.mt45 {margin-top:45px !important;}
.mt50 {margin-top:50px !important;}
.mt70 {margin-top:70px !important;}

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

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

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

/* TOP SCROLL 요소 */
#toTop {display:none; position:fixed; right:10px; bottom:20px; width:50px; height:50px; font-size:0; text-indent:-1000px; text-align:center; color:#fff; background:url('../img/toTop.png') center center no-repeat #888; opacity:0.8; border-radius:25px; z-index:1001;}
#toTop:hover, #toTop:focus, #toTop.hover {background-color:#666;}

.swal2-popup {
  font-size: 1em !important;
}