/* font */
h1,.fz1, h2,.fz2, h3,.fs3, .fz3, h4,.fz4, .fz-55{font-family: 'SUITE', sans-serif; color: #444;}
h5,.fz5, h6,.fz6, .fz7{font-family: 'pretendard', sans-serif;}

.f-su{font-family: 'SUITE', sans-serif;}
.pre{font-family: 'pretendard', sans-serif;}
button {cursor: pointer;}

/* font size */
h1, .fz1{font-size: 3.611rem;} /*65*/
h2, .fz2{font-size: 2.5rem;} /*45*/
h3, .fz3{font-size: 1.944rem;} /*35*/
h4, .fz4{font-size: 1.667rem;} /*30*/
.fz-55 {font-size: 1.556rem;}/*28*/
h5, .fz5{font-size: 1.389rem;} /*25*/
h6, .fz6{font-size: 1.111rem;} /*20*/
.fz7{font-size: 0.889rem;} /*16*/

@media screen and (max-width: 768px){
    h2{font-size: 1.944rem;}
    h3{font-size: 1.667rem;}
    h4{font-size: 1.389rem;}
    h5{font-size: 1.111rem;}


}
@media screen and (max-width: 480px){
    h2{font-size: 1.667rem;} 
    h3{font-size: 1.389rem;} 
    h4{font-size: 1.111rem;} 
    h5{font-size: 1rem;}

}

.fw-th {font-weight: 100;} /* thin */
.fw-el {font-weight: 200;} /* extralight */
.fw-l {font-weight: 300;} /* light */
.fw-r {font-weight: 400;} /* regular */
.fw-md {font-weight: 500;} /* medium */
.fw-sb {font-weight: 600;} /* semibold */
.fw-bd {font-weight: 700; } /* bold */
.fw-eb {font-weight: 800;} /* extrabold */
.fw-hv {font-weight: 900;} /* heavy */
 
.ta-c{text-align: center;}

.W320 {width: 320px !important;}
.H180 {height: 180px !important;}

.pen { box-shadow: inset 0 -10px 0 rgba(62, 101, 211, 0.8);}
/* text color */
.c-w{color: #fff;}
.c-pp{color: #2c1a4a;}
.c-pr{color: #815aff;}
.c-bl{color: #0e46a4;}
.c-or{color: #ff7200;}
.c-ye{color: #fbd212;}


.mt-xxxl{margin-top: 10rem;} /*180 */
.mt-xxl{margin-top: 4.444rem;} /*80 */
.mt-xl{margin-top: 4.167rem;} /*75 */
.mt-l{margin-top: 3.889rem;} /*70 */
.mt-m{margin-top: 3.333rem;} /*60 */
.mt-ls{margin-top: 2.778rem;} /*50 */
.mt-s{margin-top: 2.222rem;} /*40 */
.mt-xs{margin-top: 1.667rem;} /*30 */
.mt-xxs{margin-top: 1.111rem;} /*20*/
.mt-xxxs{margin-top: 0.556rem;} /*10*/

.mb-xxxl{margin-bottom: 10rem;}
.mb-xxl{margin-bottom:  4.444rem;}
.mb-xl{margin-bottom: 4.167rem;}
.mb-l{margin-bottom: 3.889rem;}
.mb-m{margin-bottom: 3.333rem;}
.mb-ls{margin-bottom:  2.778rem;}
.mb-s{margin-bottom: 2.222rem;}
.mb-xs{margin-bottom:  1.875rem;}
.mb-xxs{margin-bottom: 1.111rem;}
.mb-xxxs{margin-bottom:  0.556rem;}

.ml-l{margin-left: 3.889rem;}
.ml-m{margin-left: 3.333rem;}
.ml-ls{margin-left:  2.778rem;}
.ml-s{margin-left: 2.222rem;}
.ml-xs{margin-left:  1.875rem;}
.ml-xxs{margin-left: 1.111rem;}
.ml-xxxs{margin-left:  0.556rem;}

.mr-l{margin-right: 3.889rem;}
.mr-m{margin-right: 3.333rem;}
.mr-ls{margin-right:  2.778rem;}
.mr-s{margin-right: 2.222rem;}
.mr-xs{margin-right:  1.875rem;}
.mr-xxs{margin-right: 1.111rem;}
.mr-xxxs{margin-right:  0.556rem;}

.pt-xxxl{padding-top: 10rem;}
.pt-xxl{padding-top:  4.444rem;}
.pt-xl{padding-top: 4.167rem;}
.pt-l{padding-top: 3.889rem;}
.pt-m{padding-top: 3.333rem;}
.pt-ls{padding-top: 2.778rem;}
.pt-s{padding-top: 2.222rem;}
.pt-xs{padding-top:  1.875rem;}
.pt-xxs{padding-top: 1.111rem;}
.pt-xxxs{padding-top: 0.556rem;}

.pb-xxxl{padding-bottom: 10rem;}
.pb-xxl{padding-bottom: 4.444rem;}
.pb-xl{padding-bottom: 4.167rem;}
.pb-l{padding-bottom: 3.889rem;}
.pb-m{padding-bottom: 3.333rem;}
.pb-ls{padding-bottom: 2.778rem;}
.pb-s{padding-bottom: 2.222rem;}
.pb-xs{padding-bottom:  1.875rem;}
.pb-xxs{padding-bottom: 1.111rem;}
.pb-xxxs{padding-bottom: 0.556rem;}

.pl-l{padding-left: 3.889rem;}
.pl-m{padding-left: 3.333rem;}
.pl-ls{padding-left:  2.778rem;}
.pl-s{padding-left: 2.222rem;}
.pl-xs{padding-left:  1.875rem;}
.pl-xxs{padding-left: 1.111rem;}
.pl-xxxs{padding-left:  0.556rem;}

.pr-l{padding-right: 3.889rem;}
.pr-m{padding-right: 3.333rem;}
.pr-ls{padding-right:  2.778rem;}
.pr-s{padding-right: 2.222rem;}
.pr-xs{padding-right:  1.875rem;}
.pr-xxs{padding-right: 1.111rem;}
.pr-xxxs{padding-right:  0.556rem;}

@media screen and (max-width: 768px){    
.mt-xxxl{margin-top: 6.111rem;} /*180.110*/
.mt-xxl{margin-top: 2.778rem;} /*80.50*/
.mt-xl{margin-top: 2.5rem;} /*75.45*/
.mt-l{margin-top: 2.222rem;} /*70.40*/
.mt-m{margin-top: 1.667rem;} /*60.30*/
.mt-ls{margin-top: 1.389rem;} /*50.25*/
.mt-s{margin-top: 1.111rem;} /*40.20*/
.mt-xs{margin-top: 0.556rem;} /*30.10*/

.mb-xxxl{margin-bottom: 6.111rem;}
.mb-xxl{margin-bottom: 2.778rem;}
.mb-xl{margin-bottom: 2.5rem;}
.mb-l{margin-bottom: 2.222rem;}
.mb-m{margin-bottom: 1.667rem;}
.mb-ls{margin-bottom: 1.389rem;}
.mb-s{margin-bottom: 1.111rem;}
.mb-xs{margin-bottom: 0.556rem;}

.pt-xxxl{padding-top: 6.111rem;}
.pt-xxl{padding-top: 2.778rem;}
.pt-xl{padding-top: 2.5rem;}
.pt-l{padding-top: 2.222rem;}
.pt-m{padding-top: 1.667rem;}
.pt-ls{padding-top: 1.389rem;}
.pt-s{padding-top: 1.111rem;}
.pt-xs{padding-top: 0.556rem;}

.pb-xxxl{padding-bottom: 6.111rem;}
.pb-xxl{padding-bottom: 2.778rem;}
.pb-xl{padding-bottom: 2.5rem;}
.pb-l{padding-bottom: 2.222rem;}
.pb-m{padding-bottom: 1.667rem;}
.pb-ls{padding-bottom: 1.389rem;}
.pb-s{padding-bottom: 1.111rem;}
.pb-xs{padding-bottom: 0.556rem;}
}


/* 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;}