/* reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,legend,textarea,p,th,td,input,select,button{margin:0;padding:0;letter-spacing:-1px;line-height:1.5}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%;}
html{overflow-y:scroll;}
html,body{height:100%}
body{font-family:'Pretendard','맑은 고딕', 'Malgun Gothic', 돋움, Dotum, 'Apple SD Gothic Neo', sans-serif;font-size:14px;color:#202020;}
fieldset,img{border:0 none;vertical-align:top}
dl,ul,ol,menu,li{list-style:none}
button{overflow:visible;border:0 none;background-color:transparent;cursor:pointer;outline: none;}
button::-moz-focus-inner{padding:0;border:0}
address,caption,em{font-style:normal}
a{color:#202020;text-decoration:none}
a:focus,a:active,a:hover{color:#202020;text-decoration:underline}
table{border-collapse:collapse;table-layout:fixed;border-spacing:0}
hr,caption{display:none}
input,button,select,textarea{font-family:inherit;font-size:inherit;font-weight:inherit;vertical-align:middle;outline: none;}
select {appearance : none; -webkit-appearance : none; -moz-appearance : none;outline: none;}
select::-ms-expand {display: none;}


/* common */
.blind,legend{overflow:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0;white-space:nowrap}
#skip{height:0}
#skip a{display:block;position:absolute;left:0;top:-100px;width:auto;height:1px;text-align:center}
#skip a:focus,#skip a:active{position:absolute;top:0;z-index:100;padding:10px;width:100%;height:auto;background-color:#e55039;font-size:14px;color:#fff;text-decoration:none}
.clear {zoom: 1}
.clear:after {content: ''; display: block; clear: both;}
.layout {position: relative; width: 1280px; margin: 0 auto;}

.mobile {display: none;}



@media screen and (max-width: 1030px) {
    .layout {padding: 0 15px; width: 100%; box-sizing: border-box;}
    .pc {display: none;}
    .mobile {display: block;}
}