/********** reset **********/
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@200;300;400;600;700&display=swap');

@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 100;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');} 
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 300;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');}
 @font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 400;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');} 
 @font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 500;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');} 
 @font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 700;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');} 
 @font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 900;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');} 

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


body,div,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,form,fieldset,legend,input,textarea,button,select			{margin:0; padding:0; word-break:break-all;}
html,body{ margin:0; padding:0; width:100%; height:100%; font-size: 14px;}
body	{font-family:'Noto Sans KR','맑은 고딕','Malgun Gothic',NanumGothic,Helvetica,sans-serif,dotum; letter-spacing:-0.03em;}
img		{margin:0; border:0}
ul,li	{list-style:none}
a		{color:#000; text-decoration:none}
b       {font-weight: 500;}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6    {font-weight: 700;}
.fw-300  {font-weight: 300;}
.fw-400  {font-weight: 400;}
.fw-500  {font-weight: 500;}
.fw-700  {font-weight: 700;}
.font-notoserif{font-family: "Noto Serif KR"}
.text-881f25  {color: #881f25;}
.bg-f4  {background: #f4f4f4;}

.key-visual         {background: url(../img/top_bg.jpg)repeat center; background-size:cover; position: relative; overflow: hidden;}
.key-visual::before {content: ""; background: url(../img/top_bg_t.png)no-repeat top; background-size:contain; position: absolute; top: 0; width: 100%; height: 100%;}
.key-visual::after {content: ""; background: url(../img/top_bg_b.png)no-repeat bottom; background-size:contain; position: absolute; bottom: -250px; width: 100%; height: 100%;}
.key-visual .container  {z-index: 99999;}



@media (max-width: 800px) {
  
    .fs-2  {font-size: 22px!important;}
    .fs-4  {font-size: 18px!important;}
    .fs-5  {font-size: 16px!important;}
    .judge {width: 85px; height: 85px;}
    .winner .profile  {position: relative!important;}
    .key-visual::after  {bottom: -50px;}
  }

 @media (max-width: 500px) {
    .key-visual::after  {bottom: 0;}
  }


@media (min-width: 800px) {
    .h1, h1 {font-size: 2.8rem;}
    .txt  {font-size: 18px;}
    .judge {width: 150px; height: 150px;}
  }