.about { padding-top: 130px; }

.about .header.gn-hd-active .gn-logo-path path { fill: #fff; }

.about .header.gn-hd-active .hbg-line { background-color: #fff; }

.about .header.gn-hd-active .gn-instagram-path { fill: #fff; }

.about .header .gn-logo-path path { fill: #CDBC96; }

.about .header .hbg-line { background-color: #CDBC96; }

.about .header .gn-instagram-path { fill: #CDBC96; }

.about .section { margin-bottom: 80px; }

.about .section p:not(:last-child) { margin-bottom: 20px; }

.about .section p + .hdg-lv3 { margin-top: 80px; }

.about .com-btn-01 { margin-top: 80px; }

.about .com-btn-01 a::after { right: auto; left: 30px; -webkit-transform: translateY(-50%) rotate(-135deg); transform: translateY(-50%) rotate(-135deg); }

.hdg-lv2 { margin-bottom: 40px; font-weight: 500; color: #CDBC96; position: relative; padding-bottom: 40px; line-height: 1; }

.hdg-lv2::after { content: ""; position: absolute; left: 0; bottom: 0; width: 45px; height: 2px; background-color: #CDBC96; }

.hdg-lv3 { margin-bottom: 40px; font-weight: 500; }

@media only screen and (min-width: 1680px) { :root { --bs-conSize: 1340px; } }

@media only screen and (min-width: 1200px) and (max-width: 1680px) { :root { --bs-conSize: 1140px; } }

@media only screen and (min-width: 992px) and (max-width: 1199.98px) { :root { --bs-conSize: 960px; } }

@media only screen and (min-width: 768px) and (max-width: 991.98px) { :root { --bs-conSize: 720px; } .about { padding-top: 150px; } }

@media only screen and (min-width: 576px) and (max-width: 767.98px) { :root { --bs-conSize: 540px; } }

@media only screen and (max-width: 575.99px) { :root { --bs-conSize: 100%; } }

@media screen and (min-width: 768px) { .about { padding-top: 200px; } .about .section { padding-left: 120px; } }