@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;700&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;700&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;700&display=swap');





/* .blind{

    position: absolute;

    clip: rect(0 0 0 0);

    width: 1px;

    height: 1px;

    margin: -1px;

    overflow: hidden;

} */

.blind {

    border: 0;

    clip: rect(0 0 0 0);

    clip-path: inset(50%);

    width: 1px;

    height: 1px;

    margin: -1px;

    overflow: hidden;

    padding: 0;

    position: absolute;

    white-space: nowrap;

  }



*{

    box-sizing: border-box;

    background-repeat: no-repeat;

    background-position: center;

}

html{

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

    word-break: keep-all;

}

:lang(zh-CN){

    word-break: break-all;

    font-family: 'Noto Sans SC';

}

:lang(en){

    font-family: 'Montserrat', sans-serif;

}

a{

    display:block;

    text-decoration:none;

    color: #777;

}

img{

    vertical-align:top;

}

button{

    border:0px none;

    padding: 0px;

    background-color:transparent;

}



.d_none {

    display:none;

}

.pc_none{

    display:none;

}

.pc_view{

    display:block;

}

.laptop_view{

    display: none;

}

.mobile_view{

    display:none;

}

.tablet_view{

    display:none;

}

.mt_d_view{

    display:none;

}



.modal{

    display:none;

    z-index:10;

    position:fixed;

    top:0px;

    left:0px;

    text-indent:-9999px;

    width:100%;

    height:100%;

    background:rgba(0,0,0,0.5);

}



.p_center {

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

}



.container{

    width:1140px;

    padding-top: 120px;

    padding-bottom: 120px;

    margin:0px auto;

}



:root{

    /* color S */



    --blue_ip:#0047BB;

    --blue_dark:#002F7C;

    --darkness:#010440;

    --white:#FFF;

    --black: #000;

    --dark:#1E1E1E;

    --gray:#88929E;

    --gray_dark:#4B4B57;

    --gray_medium:#BDC5CA;

    --gray_light:#DCDEE7;

    --gray_shine:#FAFAFC;



    /* color E */



    /* font S */

    --ms_font_family:'Montserrat', sans-serif;



    /* pc S */

    --font_size_pc_h2:36px;

    --font_size_pc_h3:28px;

    --font_size_pc_h4:28px;

    --font_size_pc_h5:24px;

    --font_size_pc_h6:16px;

    --font_size_pc_body1:16px;

    --font_size_pc_body2:14px;



    --line_height_pc_h2:54px;

    --line_height_pc_h3:42px;

    --line_height_pc_h4:42px;

    --line_height_pc_h5:36px;

    --line_height_pc_h6:24px;

    --line_height_pc_body1:24px;

    --line_height_pc_body2:23px;



    --letter_spacing_pc_h2:0.5px;

    --letter_spacing_pc_h3:0.2px;

    --letter_spacing_pc_h4:0.5px;

    --letter_spacing_pc_h5:0.5px;

    --letter_spacing_pc_h6:0.5px;

    --letter_spacing_pc_body1:0.2px;

    --letter_spacing_pc_body2:0.2px;

    /* pc E */



    /* mobile, tablet S */

    --font_size_mt_h2:24px;

    --font_size_mt_h3:18px;

    --font_size_mt_h4:18px;

    --font_size_mt_h5:16px;

    --font_size_mt_h6:14px;

    --font_size_mt_body1:14px;

    --font_size_mt_body2:12px;



    --line_height_mt_h2:36px;

    --line_height_mt_h3:28px;

    --line_height_mt_h4:28px;

    --line_height_mt_h5:24px;

    --line_height_mt_h6:23px;

    --line_height_mt_body1:23px;

    --line_height_mt_body2:19px;



    --letter_spacing_mt_h2:0.5px;

    --letter_spacing_mt_h3:0.2px;

    --letter_spacing_mt_h4:0.5px;

    --letter_spacing_mt_h5:0.5px;

    --letter_spacing_mt_h6:0.5px;

    --letter_spacing_mt_body1:0.2px;

    --letter_spacing_mt_body2:0.2px;

    /* mobile, tablet E */



    /* font E */



    /* white_space S */

    --white_space_pc1:24px;

    --white_space_pc2:48px;



    

    --white_space_mt1:20px;

    --white_space_mt2:40px;

    /* white_space E */



}



h2{

    line-height: var(--line_height_pc_h2);

    font-size: var(--font_size_pc_h2);

    font-weight: bold;

    letter-spacing: var(--letter_spacing_pc_h2);

}

h3{

    line-height: var(--line_height_pc_h3);

    font-size: var(--font_size_pc_h3);

    font-weight: 500;

    letter-spacing: var(--letter_spacing_pc_h3);

}

h4{

    line-height: var(--line_height_pc_h4);

    font-size: var(--font_size_pc_h4);

    font-weight: bold;

    letter-spacing: var(--letter_spacing_pc_h4);

}

h5{

    line-height: var(--line_height_pc_h5);

    font-size: var(--font_size_pc_h5);

    font-weight: bold;

    letter-spacing: var(--letter_spacing_pc_h5);

}

h6{

    line-height: var(--line_height_pc_h6);

    font-size: var(--font_size_pc_h6);

    font-weight: bold;

    letter-spacing: var(--letter_spacing_pc_h6);

}



/* animation S */



.fadein_up, .scale_ani{

    opacity:0;

}

.fadein_up.on{

    animation:fadein_up_ani 0.8s 0s forwards ease;

}



@keyframes fadein_up_ani{

    0%{

        display:none;

        opacity:0;

        /* transform:translate(inherit, 35px); */

        transform:translateY(35px);

    }

    100%{

        display:inline-block;

        opacity:1;

        transform:translate(inherit, 0px);

        transform:translateY(0px);

    }

}



.scale_ani.on{

    animation:scale_ani 0.8s 0s forwards ease;

}



@keyframes scale_ani{

    0%{

        display:none;

        opacity:0;

        transform:scale(50%)

    }

    100%{

        display:block;

        opacity:1;

        transform:scale(100%)

    }

}



@keyframes rotate_ani{

    0%{

        transform: rotate(0deg);

    }

    100%{

        transform: rotate(180deg);

    }

}

@keyframes rotate_ani_off{

    0%{

        transform: rotate(180deg);

    }

    100%{

        transform: rotate(0deg);

    }

}



/* animation E */