@charset "utf-8";
:root {
    --mainColor : #601986;
    --subColor : #ed028c;
    --subColor2 : #fef6fe;
    --gray : #f7f7f7;
    --fontColor : #121212;
    --fontColor2 : #333333;
    --fontColor3 : #666666;
    --white : #ffffff;
    --black : #000000;

    --NotoSans : 'Noto Sans KR';
    --GmarketB : 'GmarketB';
    --GmarketM: 'GmarketM';
    --GmarketL: 'GmarketL';

    --time : all 0.3s;
}

/* color */
.mainC {color: var(--mainColor);}
.subC {color: var(--subColor);}
.subC2 {color: var(--subColor2);}
.gray {color: var(--gray);}
.fontC {color: var(--fontColor);}
.fontC2 {color: var(--fontColor2);}
.fontC3 {color: var(--fontColor3);}
.white {color: var(--white);}
.black {color: var(--black);}

/* font-family */
.Noto {font-family: var(--NotoSans);}
.GmkB {font-family: var(--GmarketB);}
.GmkM {font-family: var(--GmarketM);}
.GmkL {font-family: var(--GmarketL);}

/* font-size */
.fs16 {font-size: 1.6rem;}

/* margin */
.mt25 {margin-top: 25px;}
.mb10 {margin-bottom: 10px;}
.mb15 {margin-bottom: 15px;}

/* padding */
.pt0 {padding-top: 0 !important;}

/* display */
.pc {display: block !important;}
.pc2 {display: block !important;}
.pc3 {display: block !important;}
.tab {display: none !important;}
.mob {display: none !important;}
.mob2 {display: none !important;}

/* width */
.w100p {width: 100% !important;}

/* add style */
.tf10 {transform: translateY(10px);}
.opc0 {opacity: 0;}
.fw500 {font-weight: 500 !important;}

/* 반응형 */
@media screen and (max-width: 1025px) {
    /* display */
    .pc {display: none !important;}
    .tab {display: block !important;}
    .mob {display: none !important;}
}

@media screen and (max-width: 768px) {
    /* display */
    .pc2 {display: none !important;}
    .mob2 {display: block !important;}
}

@media screen and (max-width: 480px) {
    /* display */
    .pc3 {display: none !important;}
    .tab {display: none !important;}
    .mob {display: block !important;}
}