@charset "utf-8";

@import url('wbfont.css');

/* 
 * base CSS Document
 */

/* reset */
html{ min-width: 320px; font-family: 'Pretendard', '맑은 고딕', '돋움', 'Dotum', '굴림', 'Gulim', Sans-serif; font-size: 1rem;line-height:1.5; word-break: keep-all; color:var(--black); letter-spacing: -.025em; }
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;}
h1,h2,h3,h4,h5,h6{font-size:1rem;}
input,textarea,button,select{font-size:0.9375rem;}
img, fieldset, button{border:0;}
textarea{overflow:auto;}
input[type=submit],
input[type=button],
button{cursor:pointer;}
img{vertical-align:top;}
address, em{font-style:normal;}
table{border-spacing:0; border-collapse:collapse;}
/* table,th,td{border:none;} */
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;}


/* 루트 설정 */
:root{
    --primary: #0047a2;
    --white: #fff;
    --black: #000;
    --brightgray: #e5e5e5;
    --gray: #aaa;
    --dimgray: #666;
    --logo_margin_left: clamp(4vw, 5.72916667vw, 110px );
}
@media(min-width:1280px){
    :root{
        --font_size100: 6.25rem;
        --font_size90: 5.625rem;
        --font_size70: 4.375rem;
        --font_size68: 4.25rem;
        --font_size65: 4.0625rem;
        --font_size60: 3.75rem;
        --font_size57: 3.5625rem;
        --font_size55: 3.4375rem;
        --font_size52: 3.25rem;
        --font_size50: 3.125rem;
        --font_size48: 3rem;
        --font_size47: 2.9375rem;
        --font_size46: 2.875rem;
        --font_size45: 2.8125rem;
        --font_size42: 2.625rem;
        --font_size40: 2.5rem;
        --font_size39: 2.4375rem;
        --font_size38: 2.375rem;
        --font_size36: 2.25rem;
        --font_size35: 2.1875rem;
        --font_size32: 2rem;
        --font_size30: 1.875rem;
        --font_size28: 1.75rem;
        --font_size27: 1.6875rem;
        --font_size26: 1.625rem;
        --font_size25: 1.5625rem;
        --font_size24: 1.5rem;
        --font_size22: 1.375rem;
        --font_size21: 1.3125rem;
        --font_size20: 1.25rem;
        --font_size19: 1.1875rem;
        --font_size18: 1.125rem;
        --font_size17: 1.0625rem;
        --font_size16: 1rem;
        --font_size15: 0.9375rem;
        --font_size14: 0.875rem;
        --font_size13: 0.8125rem;
    }
}
@media ( max-width: 1279px ) and (min-width:768px){
    :root{
        --font_size100: 3.125rem;
        --font_size90: 3.125rem;
        --font_size70: 2.375rem;
        --font_size68: 2.375rem;
        --font_size65: 2.375rem;
        --font_size60: 2.375rem;
        --font_size57: 2.375rem;
        --font_size55: 2.375rem;
        --font_size52: 2.375rem;
        --font_size50: 2.375rem;
        --font_size48: 2.25rem;
        --font_size47: 2.25rem;
        --font_size46: 2.25rem;
        --font_size45: 2.25rem;
        --font_size40: 1.5rem;
        --font_size42: 1.5rem;
        --font_size40: 1.5rem;
        --font_size39: 1.5rem;
        --font_size38: 1.5rem;
        --font_size36: 1.5rem;
        --font_size35: 1.5rem;
        --font_size32: 1.5rem;
        --font_size30: 1.5rem;
        --font_size28: 1.5rem;
        --font_size27: 1.5rem;
        --font_size26: 1.5rem;
        --font_size25: 1.5rem;
        --font_size24: 1.25rem;
        --font_size22: 1.125rem;
        --font_size21: 1.125rem;
        --font_size20: 1.125rem;
        --font_size19: 1.14285714rem;
        --font_size18: 1.14285714rem;
        --font_size17: 1.0625rem;
        --font_size16: 1rem;
        --font_size15: 0.9375rem;
        --font_size14: 0.875rem;
        --font_size13: 0.8125rem;
    }
}
@media ( max-width: 1279px ){
    #wrap .hide_tab{ display: none; }
    #wrap .show_tab{ display: block; }
}
@media ( max-width: 767px ){
    html{ font-size: 0.875rem; }
    #wrap .hide_mo{ display: none; }
    #wrap .show_mo{ display: block; }
    :root{
        --font_size100: 2.28571429rem;
        --font_size90: 2.28571429rem;
        --font_size70: 1.71428571rem;
        --font_size68: 1.71428571rem;
        --font_size65: 1.71428571rem;
        --font_size60: 1.71428571rem;
        --font_size57: 1.71428571rem;
        --font_size55: 1.71428571rem;
        --font_size52: 1.71428571rem;
        --font_size50: 1.71428571rem;
        --font_size48: 1.71428571rem;
        --font_size47: 1.71428571rem;
        --font_size45: 1.71428571rem;
        --font_size46: 1.71428571rem;
        --font_size42: 1.71428571rem;
        --font_size40: 1.71428571rem;
        --font_size39: 1.71428571rem;
        --font_size38: 1.71428571rem;
        --font_size36: 1.42857143rem;
        --font_size35: 1.42857143rem;
        --font_size32: 1.42857143rem;
        --font_size30: 1.42857143rem;
        --font_size28: 1.42857143rem;
        --font_size27: 1.28571429rem;
        --font_size26: 1.28571429rem;
        --font_size25: 1.28571429rem;
        --font_size24: 1.28571429rem;
        --font_size22: 1.14285714rem;
        --font_size21: 1.14285714rem;
        --font_size20: 1.14285714rem;
        --font_size19: 1.14285714rem;
        --font_size18: 1.14285714rem;
        --font_size17: 1.07142857rem;
        --font_size16: 1rem;
        --font_size15: 1rem;
        --font_size14: 0.85714286rem;
        --font_size13: 0.85714286rem;
    }
}