@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
/* font-family: 'Noto Sans KR', sans-serif; */
/* @import url(//api.mobilis.co.kr/webfonts/css/?fontface=NanumGothicWeb);  */
div,section,header,footer,ul,li,p,a,input,select,button,label,img,h1,h2,h3,h4,h5,html,body{margin: 0;padding: 0;font-size: 3.333vw;font-weight: normal;}
ul,li{list-style: none;}
a{text-decoration: none;}
img{display: block;width: 100%;height: 100%;}

* {font-family: 'Noto Sans KR', sans-serif;}

input::placeholder{color: #D3D3D3;}

/* figure{margin: 0;} */

button{background: none;border: none;}

.grid{width: 86%;margin: 0px auto;;}

.trick{width: 100%;height: 34vw;}
.trick2{width: 100%;height: 26vw;}
.trick5{width: 100%;height: 21.667vw;}
.trick3{width: 0;height: 20.5vw;}
.trick4{width: 0;height: 25vw;}
.trick1{width: 0;height: 10vw;}
.trick6{width: 0;height: 18.611vw;}
.trick7{width: 0;height: 44vw;}
.trick8{width: 0;height: 16.667vw;}


input, textarea, button { appearance: none; -moz-appearance: none; -webkit-appearance: none; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; }
select {
    -webkit-appearance:none; /* 크롬 화살표 없애기 */
    -moz-appearance:none; /* 파이어폭스 화살표 없애기 */
    appearance:none /* 화살표 없애기 */
}