@charset "utf-8";

* {position: relative;}

:root {
    --mainColor : #F0770D;
    --subColor : #052647;
    --subColor2 : #FFDC9F;
    --ONEMobile : ONEMobile;
    --NanumSquare : NanumSquare;
    --TimesNewRoman : TimesNewRoman;
    --TimesNewRoman-italic: TimesNewRoman-italic;
    --Kopub : Kopub;
    --KopubD : KopubD;
    --Spo : SpoqaHanSansNeo;
}

/* font */
.om {font-family: var(--ONEMobile);}
.ns {font-family: var(--NanumSquare);}
.tn {font-family: var(--TimesNewRoman);}
.tni {font-family: var(--TimesNewRoman-italic);}
.kop {font-family: var(--Kopub);}
.kopD {font-family: var(--KopubD);}
.spo {font-family: var(--Spo);}

/* color */
.gray {color: #C9CDD2 !important;}

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

/* cont-title */
.cont-title {font-family: var(--ONEMobile); color: #000; font-size: 58px; line-height: 1.5; word-break: keep-all;}
.cont-title.sm {font-size: 48px;}
.cont-title2 {font-family: var(--NanumSquare); font-weight: 400; color: #33383C; font-size: 32px;}
.cont-title span {color: var(--mainColor);}

/* secTitle */
.secTitle {margin-bottom: 64px;}
.secTitle .stit {font-size: 18px; font-weight: 700; color: #C9CDD2; margin-bottom: 50px; letter-spacing: 0.2em;}
.secTitle .cont-title {margin-bottom: 40px;}
.secTitle .txt {font-size: 20px; color: #33383C;}

/* secImg */
.secImg {margin-bottom: 355px;}
.secImg img {width: 100%; object-fit: cover;}

/* font-size */
.f60 {font-size: 60px;}
.f64 {font-size: 64px;}

/* text-align */
.tc {text-align: center !important;}
.tl {text-align: left !important;}
.tr {text-align: right !important;}

/* line-height */
.lh13 {line-height: 1.3;}

@media screen and (max-width: 1400px) {
    /* font-size */
    .f64 {font-size: 58px;}
}

@media screen and (max-width: 1280px) {
    /* font-size */
    .f64 {font-size: 50px;}
}

@media screen and (max-width: 1025px) {
    .pc {display: none !important;}
    .mob {display: block !important;}

    /* cont-title */
    .cont-title {font-size: 48px;}
    .cont-title.sm {font-size: 40px;}
    .cont-title2 {font-size: 26px;}

    /* font-size */
    .f60 {font-size: 50px;}
    .f64 {font-size: 48px;}

    /* secImg */
    .secImg {margin-bottom: 180px;}
}

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

    /* cont-title */
    .cont-title {font-size: 32px;}
    .cont-title2 {font-size: 20px;}
    .cont-title.sm {font-size: 36px;}

    /* font-size */
    .f60 {font-size: 40px;}

    /* secTitle */
    .secTitle {margin-bottom: 50px;}
    .secTitle .stit {font-size: 12px; margin-bottom: 30px;}
    .secTitle .txt {font-size: 18px;}
}

@media screen and (max-width: 430px) {
    /* font-size */
    .f64 {font-size: 35px;}
}