@charset "utf-8";

@font-face {
    font-family:'NotoSans';
    font-weight:100;
    font-style:normal;
    src:url('../font/noto-sans-kr-v13-latin_korean-100.woff2') format('woff2'), url('../font/noto-sans-kr-v13-latin_korean-100.woff') format('woff');
}

@font-face {
    font-family:'NotoSans';
    font-weight:300;
    font-style:normal;
    src:url('../font/noto-sans-kr-v13-latin_korean-300.woff2') format('woff2'), url('../font/noto-sans-kr-v13-latin_korean-300.woff') format('woff');
}
@font-face {
    font-family:'NotoSans';
    font-weight:400;
    font-style:normal;
    src:url('../font/noto-sans-kr-v13-latin_korean-regular.woff2') format('woff2'), url('../font/noto-sans-kr-v13-latin_korean-regular.woff') format('woff');
}
@font-face {
    font-family:'NotoSans';
    font-weight:500;
    font-style:normal;
    src:url('../font/noto-sans-kr-v13-latin_korean-500.woff2') format('woff2'), url('../font/noto-sans-kr-v13-latin_korean-500.woff') format('woff');
}
@font-face {
    font-family:'NotoSans';
    font-weight:700;
    font-style:normal;
    src:url('../font/noto-sans-kr-v13-latin_korean-700.woff2') format('woff2'), url('../font/noto-sans-kr-v13-latin_korean-700.woff') format('woff');
}
@font-face {
    font-family:'NotoSans';
    font-weight:900;
    font-style:normal;
    src:url('../font/noto-sans-kr-v13-latin_korean-900.woff2') format('woff2'), url('../font/noto-sans-kr-v13-latin_korean-900.woff') format('woff');
}

/* reset */
html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
html,body{width:100%;-webkit-overflow-scrolling:touch !important;overflow:auto !important; font-size: 16px;}
html.cms-scroll-locked,
body.cms-scroll-locked {
    overflow: hidden !important;
    overscroll-behavior: none;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,th,td,fieldset,legend,textarea,p,pre,button,input,select{margin:0;padding:0;box-sizing:border-box;word-break:keep-all;-webkit-text-size-adjust:none;}
input,textarea{border-radius:0;background:transparent url('');resize:none; font-size: 16px;}
input:focus,textarea:focus {outline: none;}
select:focus {outline: none;}
div:focus {outline: none;}
body,h1,h2,h3,h4,h5,h6,input,button,select,textarea{font-family:'NotoSans', sans-serif;}
caption,legend{text-align: left; font-size: 20px; font-weight: 600; margin-bottom: 5px;}
img,fieldset,iframe{border:0;vertical-align:top;}
fieldset{font-size:0;}
ul,ol{list-style:none;}
a{color:#000;text-decoration:none;}
pre,i,em,address{font-style:normal;}
table{border-collapse:collapse;border-spacing:0;}
hr{display:none;}
button{background-color: transparent; border: 0; cursor: pointer;}
h1{}
h2{font-size: 30px;}
h3{font-size: 26px;}
h4{font-size: 24px;}
h5{font-size: 20px;}

input::placeholder {color: #000;}
input:read-only, input[readonly=true], textarea:read-only, textarea[readonly=true] {background-color: #f8f8f8;}


/* margin */
.ml0{margin-left:0px !important;}
.ml5{margin-left:5px !important;}
.ml10{margin-left:10px !important;}
.ml20{margin-left:20px !important;}
.ml30{margin-left:30px !important;}
.ml62{margin-left:62px !important}
.ml65{margin-left:65px !important}

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

.mt0{margin-top:0px !important}
.mt5{margin-top:5px !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}
.mt40{margin-top:40px !important}
.mt50{margin-top:50px !important}
.mt60{margin-top:60px !important}
.mt70{margin-top:70px !important}
.mt80{margin-top:80px !important}
.mt90{margin-top:90px !important}
.mt100{margin-top:100px !important}
.mt400{margin-top:400px !important}

.mb0{margin-bottom:0px !important}
.mb5{margin-bottom:5px !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}
.mb70{margin-bottom:70px !important}
.mb100{margin-bottom:100px !important}

/* padding */
.p0{padding: 0 !important;}

.pt20{padding-top:20px !important}
.pt50{padding-top:50px !important}
.pt80{padding-top:80px !important}

.pb10{padding-bottom:10px !important}
.pb15{padding-bottom:15px !important}
.pb20{padding-bottom:20px !important}

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

.weight400 {font-weight: 400;}
.weight600 {font-weight: 600;}

.text-color-primary {color: var(--cms-primary);}
.text-color-red {color: #F52D05;}
.text-color-gray {color: #a7a7a7;}

/* color */
.color-primary {color: var(--cms-on-primary)!important; background: var(--cms-primary)!important; border-color: var(--cms-primary)!important;}
.color-gray {background: #b4b4b4!important; border-color: #a7a7a7!important;}
.color-primary-border-none {color: var(--cms-on-primary)!important; background: var(--cms-primary)!important;}

/* height */
.min-height350 {min-height: 350px}

/*float*/
.float-right {float: right;}