@charset "utf-8";
:root{
    --main: #222222;
    --point: #00c08b ; /* Change red to main primary color */
    --main-black-7c: #515353;
    --sub-black: #000;
    --sub-coolgray-7c: #878a8f;
    --sub-coolgray-4c: #a2a9ad;
    --bg-light-gray: #fafafa;
    --bg-light-blue: #eef1f5;
}

/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ

 * Common *
    
ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.wrap img {width: 100%; max-width: fit-content;}
.wrap{word-break: keep-all; overflow: hidden;}
.wrap h1,
.wrap h2,
.wrap h3,
.wrap h4,
.wrap h5,
.wrap h6{padding: 0; margin: 0;}
p{margin: 0 !important;}
/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ

 * Section *
    
ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.section {padding: 100px 0; box-sizing: border-box;}
/* .section.pb-0 {padding-bottom: 0;} */
.section.pt-0 {padding-top: 0;}
.section.last {padding-bottom: 0;}

@media all and (max-width:767px) {
    .section {padding: 60px 0;}
}

.section [class^=row] + [class^=row] {margin-top: 0;}

/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ

 * Title *
    
ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
h3.main_tit {font-size: var(--fz-48); letter-spacing: -0.025em; font-weight: 400; color: var(--sub-black);}
h3.main_tit.center{text-align: center;}
h3.main_tit.white{ color: #fff;}
h3.main_tit b{color: var(--point);}