@charset "utf-8";
:root {
    --fontBl : 'Pretendard_Bl'; /* 900 */
    --fontEB : 'Pretendard_EB'; /* 800 */
    --fontEB2 : 'Montserrat_EB'; /* 800 */
    --fontB: 'Pretendard_B'; /* 700 */
    --fontB2: 'Montserrat_B'; /* 700 */
    --fontSB: 'Pretendard_SB'; /* 600 */
    --fontM: 'Pretendard_M'; /* 500 */
    --fontR: 'Pretendard_R'; /* 400 */
    --fontL: 'Pretendard_L'; /* 300 */
    --fontEL: 'Pretendard_EL'; /* 200 */
    --fontT: 'Pretendard_T'; /* 100 */

    --white: #fff;
    --mainC: #065896;
    --subC: #212121;

    --time: all 0.3s;
}

/* font-family */
.fontBl {font-family: var(--fontBl);}
.fontEB {font-family: var(--fontEB);}
.fontB {font-family: var(--fontB);}
.fontSB {font-family: var(--Pretendard_SB);}
.fontM {font-family: var(--Pretendard_M);}
.fontR {font-family: var(--Pretendard_R);}
.fontL {font-family: var(--Pretendard_L);}
.fontEL {font-family: var(--Pretendard_EL);}
.fontT {font-family: var(--Pretendard_T);}

/* color */
.white {color: var(--white);}
.mainC {color: var(--mainC);}
.subC {color: var(--subC);}

/* transition */
.time {transition: var(--time);}

/* display */
.pc {display: block !important;}
.mob {display: none !important;}

@media screen and (max-width: 768px) {
    .pc {display: none !important;}
    .mob {display: block !important;}
}

.trigger_top_off {bottom: -5rem; opacity: 0; transition: 1.4s}
.trigger_top_on {bottom: 0; opacity: 1; transition: 1.4s}

.trigger_left_off {right: -5rem; opacity: 0; transition: 1.4s;}
.trigger_left_on {right: 0; opacity: 1; transition: 1.4s;}

.trigger_right_off {left: -5rem; opacity: 0; transition: 1.4s;}
.trigger_right_on {left: 0; opacity: 1; transition: 1.4s;}

.trigger_bot_off {top: -5rem; opacity: 0; transition: 1.4s}
.trigger_bot_on {top: 0; opacity: 1; transition: 1.4s}

.trigger_opa_off {opacity: 0; transition: 1.4s}
.trigger_opa_on {opacity: 1; transition: 1.4s}

.trigger_fil_off {filter: blur(20px); opacity: 0; transition: 1.4s}
.trigger_fil_on {filter: blur(0); opacity: 1; transition: 1.4s}

.fillter_blur {filter: blur(20px); opacity: 0; transition: 1.4s}
.fillter_blur.fillter_off {filter: blur(0); opacity: 1; transition: 1.4s}

.fillter_left {right: -5rem; opacity: 0; transition: 1.4s;}
.fillter_left.fillter_off {right: 0; opacity: 1; transition: 1.4s;}

.fillter_top {bottom: -5rem; opacity: 0; transition: 1.4s;}
.fillter_top.fillter_off {bottom: 0; opacity: 1; transition: 1.4s;}