@charset "UTF-8";

@import "/assets/sites/pc/default/css/font.css";
/*공통 reset.css*/
*{margin:0;padding:0;box-sizing:border-box; font:inherit;color:inherit;flex-shrink:0; font-family:"notosans-kr",sans-serif;}
html,body {height:100%}
a {text-decoration:none}
table {border-collapse:collapse;border-spacing:0}
ol, ul {list-style:none}
button {background:none;border:0;cursor:pointer;}
img, picture, video, canvas, svg {display: block;max-width:100%;}

.flex {display: flex;}
.flex.center {align-items: center;}
.flex.column {flex-direction: column;}
.flex.flex_wrap {flex-wrap:wrap;}
.jsb {justify-content: space-between;}
.m-auto {margin: 0 auto;}
.t-center {text-align: center;}
.t-left {text-align:left;}
.t-right {text-align:right;}
.relative {position: relative;}
.absolute {position: absolute;}
.float-r {float: right;}
.float-l {float: left;}

.fff {color:#fff;}
.ccc {color:#ccc;}
.d8 {color:#0D82A7;}
.d9 {color:#9D9D9D;}
.d1 {color:#1d1d1d}
.f1 {color:#111;}
.f2 {color:#222;}
.f3 {color:#333;}
.f4 {color:#444;}
.f5 {color:#555;}
.f6 {color:#666;}
.f7 {color:#777;}
.f8 {color:#888;}
.f9 {color:#999;}

h1 {font-weight: 700;font-size: 84px;line-height: 96px;letter-spacing: -0.02em;}
h2 {font-weight: 500;font-size: 28px;line-height: 41px;letter-spacing: -0.02em;}
h3 {font-weight: 700;font-size: 48px;line-height: 70px;letter-spacing: -0.02em;}
h4 {letter-spacing: -0.02em;font-weight: 350;font-size: 20px;line-height: 32px;}
h5 {font-weight: 700;font-size: 36px;}