/* font */
.eng{font-family: 'Poppins', sans-serif;}
.f-gm{font-family: 'GmarketSans';}

/* font size */
h1, .fz1{font-size: 2.222rem;} /*40*/
h2, .fz2{font-size: 1.667rem;} /*30*/
h3, .fz3{font-size: 1.556rem;} /*28*/
h4, .fz4{font-size: 1.444rem;} /*26*/
h5, .fz5{font-size: 1.111rem;} /*20*/
h6, .fz6{font-size: 1.111rem;} /*20*/
.fz7{font-size: 0.889rem;} /*16*/

@media screen and (max-width: 768px){
    h4{font-size: 1.125rem;}18px
    h3{font-size: 1.5rem;}24px
    h2{font-size: 2rem;}  32px
}
@media screen and (max-width: 480px){
    h4{font-size: 1rem;}
    h3{font-size: 1.125rem;}
    h2{font-size: 1.5rem;}  
}

.fw-l{font-weight: 300;}
.fw-m{font-weight: 500;}
.fw-sb{font-weight: 700;}
.fw-b{font-weight: 900;}

.ta-c{text-align: center;}

/* text color */
.c-w{color: #fff;}
.c-br{color: #2c1618;}
.c-bl{color: #0e46a4;}
.c-or{color: #ff7200;}
.c-ye{color: #fbd212;}

.mt-xxxl{margin-top: 13.75rem;} /*220.*/
.mt-xxl{margin-top: 12.5rem;} /*200*/
.mt-xl{margin-top: 10.625rem;} /*170*/
.mt-l{margin-top: 6.111rem;} /*110.*/
.mt-m{margin-top: 4.444rem;} /*80.*/
.mt-ls{margin-top: 3.333rem;} /*60.*/
.mt-s{margin-top: 2.5rem;} /*40.*/
.mt-xs{margin-top: 1.875rem;} /*30.*/
.mt-xxs{margin-top: 1.25rem;} /*20*/
.mt-xxxs{margin-top: 0.625rem;} /*10*/

.mb-xxxl{margin-bottom: 13.75rem;}
.mb-xxl{margin-bottom: 12.5rem;}
.mb-xl{margin-bottom: 10.625rem;}
.mb-l{margin-bottom: 6.111rem;}
.mb-m{margin-bottom: 4.444rem;}
.mb-ls{margin-bottom: 3.333rem;}
.mb-s{margin-bottom: 2.5rem;}
.mb-xs{margin-bottom:  1.875rem;}
.mb-xxs{margin-bottom: 1.25rem;}
.mb-xxxs{margin-bottom: 0.625rem;}

.pt-xxxl{padding-top: 13.75rem;}
.pt-xxl{padding-top: 12.5rem;}
.pt-xl{padding-top: 10.625rem;}
.pt-l{padding-top: 6.111rem;}
.pt-m{padding-top: 4.444rem;}
.pt-ls{padding-top: 3.333rem;}
.pt-s{padding-top: 2.5rem;}
.pt-xs{padding-top:  1.875rem;}
.pt-xxs{padding-top: 1.25rem;}
.pt-xxxs{padding-top: 0.625rem;}

.pb-xxxl{padding-bottom: 13.75rem;}
.pb-xxl{padding-bottom: 12.5rem;}
.pb-xl{padding-bottom: 10.625rem;}
.pb-l{padding-bottom: 6.111rem;}
.pb-m{padding-bottom: 4.444rem;}
.pb-ls{padding-bottom: 3.333rem;}
.pb-s{padding-bottom: 2.5rem;}
.pb-xs{padding-bottom:  1.875rem;}
.pb-xxs{padding-bottom: 1.25rem;}
.pb-xxxs{padding-bottom: 0.625rem;}

@media screen and (max-width: 768px){    
.mt-xxxl{margin-top: 2.5rem;} /*220.*/200
.mt-xxl{margin-top: 12.5rem;} /*200*/
.mt-xl{margin-top: 10.625rem;} /*170*/
.mt-l{margin-top: 5.625rem;} /*110.*/90
.mt-m{margin-top: 3.333rem;} /*80.*/60
.mt-ls{margin-top: 2.5rem;} /*60.*/40
.mt-s{margin-top: 1.25rem;} /*40.*/ 20
.mt-xs{margin-top: 0.625rem;} /*30.*/ 10

.mb-xxxl{margin-bottom: 2.5rem;}
.mb-xxl{margin-bottom: 12.5rem;}
.mb-xl{margin-bottom: 10.625rem;}
.mb-l{margin-bottom: 5.625rem;}
.mb-m{margin-bottom: 3.333rem;}
.mb-ls{margin-bottom: 2.5rem;}
.mb-s{margin-bottom: 1.25rem;}
.mb-xs{margin-bottom:  0.625rem;}

.pt-xxxl{padding-top: 2.5rem;}
.pt-xxl{padding-top: 12.5rem;}
.pt-xl{padding-top: 10.625rem;}
.pt-l{padding-top: 5.625rem;}
.pt-m{padding-top: 3.333rem;}
.pt-ls{padding-top: 2.5rem;}
.pt-s{padding-top: 1.25rem;}
.pt-xs{padding-top:  0.625rem;}

.pb-xxxl{padding-bottom: 2.5rem;}
.pb-xxl{padding-bottom: 12.5rem;}
.pb-xl{padding-bottom: 10.625rem;}
.pb-l{padding-bottom: 5.625rem;}
.pb-m{padding-bottom: 3.333rem;}
.pb-ls{padding-bottom: 2.5rem;}
.pb-s{padding-bottom: 1.25rem;}
.pb-xs{padding-bottom:  0.625rem;}
}




/* etc */
.sub-title {text-align: center; padding-bottom: 45px;}
.fl-r{float: right;}
.fl-l{float: left;}
.pd0{padding: 0 !important;}
.mg0{margin: 0 !important;}
.bt0{border-top: 0 !important;}
.bd0{border: 0 !important;}
.dp-b{display: block;}
.dp-i{display: inline-block}

.mob {display: none;}
.pc {display: block;}