@charset "utf-8";

@import url('wbfont.css');

/* 
 * base CSS Document
 */

/* 루트 설정 */
:root{
    --inner: 1400;
    --inner_width: .92;
    --primary: #00455c;
    --light:#f7f6f1;
    --inr_margin: clamp(4vw, 5.72916667vw, 110px );
}

/* reset */
body *{box-sizing:border-box; word-break:keep-all;}

html{ accent-color: var(--primary); min-width: 320px; font-family: 'Poppins', 'Pretendard', '맑은 고딕', '돋움', 'Dotum', '굴림', 'Gulim', Sans-serif; letter-spacing: -.01em; line-height:1.5; word-break: keep-all; color:var(--black); }
@media(min-width:1280px){
    html{ font-size: clamp(0px, calc( ( 100 / ( var(--inner) / var(--inner_width) ) ) * 1vw ), 1px ); }
}
@media(min-width:1921px){
    html{ font-size: clamp(0px, calc( ( 100 / 1920 ) * 1vw ), 500px ); }
}
@media(max-width:1279px) and (min-width:768px){
    html{ font-size: clamp(0px, calc( ( 100 / 768 ) * .75vw ), 5px ); }
}
@media(max-width:767px){
    html{ font-size: clamp(0px, calc( ( 100 / 412 ) * .875vw ), 5px ); }
}
body{ font-size: 16rem; }
body,p,div,span,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0; padding:0;}
input,textarea,button,select{font-size:15rem;}
img, fieldset, button{border:0;}
textarea{overflow:auto; font-family: inherit; }
input[type=submit],
input[type=button],
button{cursor:pointer;}
img{vertical-align:middle;}
address, em{font-style:normal;}
table{border-spacing:0; border-collapse:collapse;}
caption{overflow:hidden; line-height:0; text-indent:-2000em;}
legend, .hidden{padding:0; margin:0; overflow:hidden !important; text-indent:100%; white-space:nowrap; font-size:0;}
i{font-style:normal;}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}
figure{padding:0px; margin:0px;}

/* 링크 기본값 */
a{text-decoration:none; color:inherit;}

/* 리스트 스타일 제거 */
ul,ol,li{list-style:none;}

/* mobile */
body{-webkit-text-size-adjust:none; -moz-text-size-adjust:none; -ms-text-size-adjust:none;}

@media(min-width:1280px){
    :root{
        --font_size105: 105rem;
        --font_size100: 100rem;
        --font_size90: 90rem;
        --font_size70: 70rem;
        --font_size68: 68rem;
        --font_size65: 65rem;
        --font_size60: 60rem;
        --font_size57: 57rem;
        --font_size55: 55rem;
        --font_size54: 54rem;
        --font_size50: 50rem;
        --font_size48: 48rem;
        --font_size47: 47rem;
        --font_size46: 46rem;
        --font_size45: 45rem;
        --font_size42: 42rem;
        --font_size40: 40rem;
        --font_size39: 39rem;
        --font_size38: 38rem;
        --font_size37: 37rem;
        --font_size36: 36rem;
        --font_size35: 35rem;
        --font_size33: 33rem;
        --font_size33: 33rem;
        --font_size32: 32rem;
        --font_size30: 30rem;
        --font_size28: 28rem;
        --font_size27: 27rem;
        --font_size26: 26rem;
        --font_size25: 25rem;
        --font_size24: 24rem;
        --font_size23: 23rem;
        --font_size22: 22rem;
        --font_size21: 21rem;
        --font_size20: 20rem;
        --font_size19: 19rem;
        --font_size18: 18rem;
        --font_size17: 17rem;
        --font_size16: 16rem;
        --font_size15: 15rem;
        --font_size14: 14rem;
        --font_size13: 13rem;
    }
}
@media(max-width: 1279px){
    :root{
        --font_size105: 36rem;
        --font_size100: 36rem;
        --font_size90: 36rem;
        --font_size70: 32rem;
        --font_size68: 32rem;
        --font_size65: 32rem;
        --font_size60: 28rem;
        --font_size57: 28rem;
        --font_size55: 28rem;
        --font_size54: 28rem;
        --font_size50: 28rem;
        --font_size48: 28rem;
        --font_size47: 28rem;
        --font_size46: 28rem;
        --font_size45: 28rem;
        --font_size40: 24rem;
        --font_size42: 24rem;
        --font_size40: 24rem;
        --font_size39: 24rem;
        --font_size38: 24rem;
        --font_size37: 24rem;
        --font_size36: 24rem;
        --font_size35: 24rem;
        --font_size34: 24rem;
        --font_size33: 24rem;
        --font_size32: 24rem;
        --font_size30: 24rem;
        --font_size28: 24rem;
        --font_size27: 24rem;
        --font_size26: 24rem;
        --font_size25: 24rem;
        --font_size24: 20rem;
        --font_size23: 20rem;
        --font_size22: 18rem;
        --font_size21: 18rem;
        --font_size20: 18rem;
        --font_size19: 18rem;
        --font_size18: 17rem;
        --font_size17: 17rem;
        --font_size16: 16rem;
        --font_size15: 15rem;
        --font_size14: 14rem;
        --font_size13: 13rem;
    }
}