@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');




/* font-family: 'Bruno Ace', cursive;*/

body,html{
    box-sizing: border-box;
    overflow-x: hidden;
    font-family: 'Pretendard-Regular';
    transition: 0.5s;
    scroll-behavior: smooth;
    font-family: 'Pretendard Variable';

    
}


body{
    font-weight: normal;
    text-decoration: none;
    
}





.wrap:after, ul:after {
    content: "";
    clear: both;
    display: block;
}
.wrap{
    max-width: 1400px;
    width: 100%;
    margin: 0 auto;
    position: relative;
    
}
h2{
    position: absolute;
    left: -2222222222px;
}


*{
    margin: 0;
    padding: 0;
    border: 0;
    word-break: keep-all;
    vertical-align: baseline;
    font-family: 'Pretendard Variable';
    line-height: 100%;
    outline: none;
    letter-spacing: -0.7px;
    font-weight: 400;
}


ol, ul, dl {
    list-style: none;
    outline: none;
}
li{
    list-style: none;
}
table{
    border-spacing: 0;
    border-collapse: collapse;
    outline: none;
}
input, select, textarea, button{
    box-sizing: border-box;
}
input[type=button]{
    border: none;
    background: none;
    font-size: inherit;
    font-weight: inherit;
    color: inherit;
    outline: none;
}
::placeholder{
    font-weight: inherit;
    color: #DDD;
    font-size: inherit;
}
button, a{
    border: none;
    background: none;
    cursor: pointer;
    outline: none;
    font-size: inherit;
    font-weight: inherit;
    color: inherit;
}
select{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-size: 16px;
    /* background: url(/img/select_arrow.png) no-repeat 98.5% 50%; */
    background: url(/html/img/select_arrow2.png) no-repeat 98.5% 50%;
    padding-left:15px;
}
select::-ms-expand {display:none}
.hidden{
    position: fixed;
    left: -100000px;
}
.clearfix::after{
    content: "";
    clear: both;
    display: block;
}
blockquote, q {
    quotes: none;
    outline: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
    outline: none;
}
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
    display: block;
    outline: none;
}
a{
    text-decoration: none;
    outline: none;
    cursor: pointer;
}
input {
    /*-webkit-appearance: none;*/
    -webkit-border-radius: 0;
    font-size: inherit;
}
input:focus{
    outline: none;
}
textarea{
    resize: none;
    outline: none;
}
input[type=submit], input[type=button]{
    -webkit-appearance: none;
    -webkit-border-radius: 0;
}
button[type=submit], button[type=button]{
    -webkit-appearance: none;
    -webkit-border-radius: 0;
}
ul:after,section:after,.wrap:after{
	content: "";
    clear: both;
    display: block;
}
img{vertical-align: top;}


.bold{
    font-weight: 500;
}

i{
    font-style: normal;
}


section{
    margin-top: 100px !important;
    margin: 0 auto;
}

.mob{display:none;}
@media (max-width:1440px) {
	.pc {
		display:none !important;
	}
    .mob{display:block;}
	html,body{
		width:100%;
	}
	section{
		width:100%;
        margin-top: 50px !important;
	}

    .wrap{
        width: 95%;


    }

}