@font-face {
    font-family: 'SBAggroB';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/SBAggroB.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'SBAggroL';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/SBAggroL.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* 반응형 기준 사이즈 */
@media (max-width:320px){html{font-size:10px;}}
@media (min-width:321px) and (max-width:359px){html{font-size:11px;}}
@media (min-width:360px) and (max-width:399px){html{font-size:12px;}}
@media (min-width:400px) and (max-width:439px){html{font-size:13px;}}
@media (min-width:440px) and (max-width:479px){html{font-size:14px;}}
@media (min-width:480px) and (max-width:519px){html{font-size:15px;}}
@media (min-width:520px) and (max-width:559px){html{font-size:16px;}}
@media (min-width:560px) and (max-width:599px){html{font-size:17px;}}
@media (min-width:600px) and (max-width:639px){html{font-size:18px;}}
@media (min-width:640px) and (max-width:679px){html{font-size:19px;}}
@media (min-width:680px) and (max-width:719px){html{font-size:20px;}}
@media (min-width:680px) and (max-width:719px){html{font-size:21px;}}
@media (min-width:720px) and (max-width:759px){html{font-size:22px;}}
@media (min-width:760px){html{font-size:23px;}}

/* 사이트 전체 공통 레이아웃 */
html{min-height: 100%;margin:0;padding:0;}
ul{margin:0; padding:0;}
body{width:100%;min-height:100%;background:#fff;margin:0;padding:0;}
*{font-weight: 400;color:#000;letter-spacing: -0.01em;font-family:-apple-system,Apple SD Gothic Neo,'Spoqa Han Sans',Roboto,Noto Sans KR,Helvetica Neue,Arial,sans-serif; margin:0;}
b *, strong *{font-weight:bold;}
a{text-decoration: none;color:#383838;}
a:active, a:focus, a:hover{text-decoration:none;color:none;}
a:visited{text-decoration: none;color:none;}
strong{font-weight:700;}
button{outline: 0;}
input[type=text],input[type=password]{-webkit-appearance: none;}
li{list-style: none;}


/* 사이트 기본 */
#site_wrap{width:100%;overflow-x:hidden;margin:0;padding:0;position: relative; overflow-y: hidden;}
#site_wrap::after{content:"";clear:both;display:block;}
.title_font{font-family: 'SBAggroB', Noto Sans KR, sans-serif;}
.title_light_font{font-family: 'SBAggroL', Noto Sans KR, sans-serif;}


/* 글로벌 inner */
.global_inner{max-width:1100px;margin:0 auto;padding:0 20px;}

.desktop_only{display:block;}
.mobile_only{display:none;}

/* flex 기본 */
.flex_row{display: flex;flex-direction: row;}
.flex_row_sb{display: flex;flex-direction: row;justify-content: space-between;}
.flex_row_sa{display: flex;flex-direction: row;justify-content: space-around;}

.flex_column{display: flex;flex-direction: column;}


/* col 데스크 */
.col_desk_12{width: 100%;}
.col_desk_6{width: 50%;}

/* col 모바일*/
@media (max-width:1063px){
    .col_mobile_12{width: 100% !important;}
}