@charset "UTF-8";

@import url('./reset.css');


/* **************************** root **************************** */
:root {
    /* color */
    --color-black1: #212121;
    --color-black2: #0f0f0f;

    --color-white: #fff;

    --color-ivory1: #fcfbfa;
    --color-ivory2: #f7f6f2;
    
    --color-brown1: #d7d0c3;
    --color-brown2: #afa695;
    --color-brown3: #857a69;
    
    --color-red1: #af0000;
    --color-red2: #830000;
    --color-red3: #5f0000;
    
    --color-gray1: #f2f2f2;
    --color-gray2: #e2e2e2;
    --color-gray3: #c5c5c5;
    --color-gray4: #acacac;
    --color-gray5: #898989;
    --color-gray6: #6d6d6d;
    --color-gray7: #353535;

    --bg-dark-area1: rgba(0, 0, 0, .2);
    --bg-dark-area2: rgba(0, 0, 0, .5);

    --box-shadow1: 1px 0px 5px rgba(133, 122, 105, 0.03);
    --box-shadow2: 0px 0px 4px rgba(0, 0, 0, 0.1);

    --dark-gradient: linear-gradient(to top, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%);


    /* font-size */
    --fs-8: 8px;
    --fs-9: 9px;
    --fs-10: 10px;
    --fs-11: 11px;
    --fs-12: 12px;
    --fs-13: 13px;
    --fs-14: 14px;
    --fs-15: 15px;
    --fs-16: 16px;
    --fs-17: 17px;
    --fs-18: 18px;
    --fs-19: 19px;
    --fs-20: 20px;
    --fs-22: 22px;
    --fs-24: 24px;
    --fs-26: 26px;
    --fs-28: 28px;
    --fs-32: 32px;
    --fs-36: 36px;
    
    /* line-height */
    --lh-120: 1.2;
    --lh-130: 1.3;
    --lh-135: 1.35;
    --lh-140: 1.4;
    --lh-145: 1.45;
    --lh-150: 1.5;
    --lh-160: 1.6;
    --lh-175: 1.75;
    --lh-185: 1.85;

    --lh-42: 42px;
    --lh-41: 41px;
    --lh-40: 40px;
    --lh-38: 38px;
    --lh-32: 32px;
    --lh-30: 30px;
    --lh-28: 28px;
    --lh-27: 27px;
    --lh-26: 26px;
    --lh-25: 25px;
    --lh-24: 24px;
    --lh-23: 23px;
    --lh-22: 22px;
    --lh-21: 21px;
    --lh-20: 20px;
    --lh-19: 19px;
    --lh-18: 18px;
    --lh-17: 17px;
    --lh-16: 16px;
    --lh-15: 15px;
    --lh-14: 14px;
    --lh-13: 13px;
    --lh-12: 12px;
    --lh-11: 11px;
}

::selection{background-color: var(--color-red1);color: var(--color-white);}

/* .reveal_cnt{opacity: 0;transform: translate3d(0, 50px, 0);transition-property: opacity, transform;transition-duration: 1.2s;}
.reveal_cnt.is_reveal{opacity: 1;transform: translateZ(0);} */

.reveal_cnt {opacity: 0;transition-property: opacity, transform;transition-duration: 1.2s;}
.reveal_cnt[data-reveal="fade-left"] {transform: translate3d(-30px, 0, 0);}
.reveal_cnt[data-reveal="fade-right"] {transform: translate3d(30px, 0, 0);}
.reveal_cnt[data-reveal="fade-up"] {transform: translate3d(0, 30px, 0);}
.reveal_cnt[data-reveal="fade-down"] {transform: translate3d(0, -30px, 0);}
.reveal_cnt[data-reveal^=fade].is_reveal{opacity: 1;transform: translate3d(0, 0, 0);}


.lazyload, .lazyloading {opacity: 0;transform: scale(1.2);}
.lazyloaded {opacity: 1;transform: scale(1);transition: opacity .45s, transform .75s;}

.class_opt_line{background-color: #f7f6f3;position:relative;z-index:9999}

.lectures-notice-pop{position:fixed;left:40px;bottom:0;right:0;z-index:5}

.branch-notice{width:90%;position:absolute;left:50%;top:100px;transform:translateX(-50%);z-index:9998;background-color:#000;color:#fff;font-size:12px;padding:8px 20px;opacity:0;transition:all .6s ease}
.branch-notice.show{top:-44px;opacity:1}
.branch-notice.show.active{top:-88px;opacity:1}
.branch-notice .branch-notice-content{display:flex;align-items:center;justify-content:center;gap:8px}
.branch-notice .icon{font-size:16px}