@import url(//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSansNeo.css);

* { font-family: 'Spoqa Han Sans Neo', 'sans-serif' !important; }

/* about us */
.aboutUs .logo {width: 70%; margin-bottom: 20px;} /* sos 55% */
.aboutUs .logo#sos {width: 55%;} /* sos 55% */
.aboutUs h1 {font-size: 39px; margin-bottom: 30px; font-weight: 400;}
.aboutUs p {font-size: 18px; line-height: 1.5;}

/* sub logo */
.logo-sub {height: 40px;}


/* gallery */
.gallery-img-cover {transition: opacity 0.2s; position: relative; margin: 0; margin-bottom: 25px; overflow: hidden;}
.gallery-img-cover img {width: 100%}
.gallery-img-cover .caption {position: absolute; top: 50%; transform: translateY(-50%); display: flex; flex-direction: column; justify-content: center; width: 100%; height: 100%; padding: 0 30px; opacity: 0; color: #000; text-align: center; transition: all .3s ease;}
.gallery-img-cover .caption .title {margin-bottom: 10px; font-size: 22px; font-weight: 500;}
.gallery-img-cover .caption p{margin-bottom: 0; font-size: 16px; font-weight: 300;}
.gallery-img-cover .gallery-img {font-size: 0; overflow: hidden}
/* .gallery-img-cover:hover .gallery-img {background-color: rgba(255,255,255,.6)} */
.gallery-img-cover:hover .caption {opacity: 1; background-color: rgba(255,255,255,.8); transition: all .3s ease; }


/* margin */
.mx-0 {margin-left: 0; margin-right: 0;}
.mx-1 {margin-left: .25rem; margin-right: .25rem;}
.mx-2 {margin-left: .5rem; margin-right: .5rem;}
.mx-3 {margin-left: 1rem; margin-right: 1rem;}
.mx-4 {margin-left: 1.5rem; margin-right: 1.5rem;}
.mx-5 {margin-left: 3rem; margin-right: 3rem;}
.mx-auto {margin-left: auto; margin-right: auto;}

.my-0 {margin-top: 0; margin-bottom: 0;}
.my-1 {margin-top: .25rem; margin-bottom: .25rem;}
.my-2 {margin-top: .5rem; margin-bottom: .5rem;}
.my-3 {margin-top: 1rem; margin-bottom: 1rem;}
.my-4 {margin-top: 1.5rem; margin-bottom: 1.5rem;}
.my-5 {margin-top: 3rem; margin-bottom: 3rem;}
.my-auto {margin-top: auto; margin-bottom: auto;}

.mt-0 {margin-top: 0;}
.mt-1 {margin-top: .25rem;}
.mt-2 {margin-top: .5rem;}
.mt-3 {margin-top: 1rem;}
.mt-4 {margin-top: 1.5rem;}
.mt-5 {margin-top: 3rem;}
.mt-auto {margin-top: auto;}

.mb-0 {margin-bottom: 0;}
.mb-1 {margin-bottom: .25rem;}
.mb-2 {margin-bottom: .5rem;}
.mb-3 {margin-bottom: 1rem;}
.mb-4 {margin-bottom: 1.5rem;}
.mb-5 {margin-bottom: 3rem;}
.mb-auto {margin-bottom: auto;}

.ms-0 {margin-left: 0;}
.ms-1 {margin-left: .25rem;}
.ms-2 {margin-left: .5rem;}
.ms-3 {margin-left: 1rem;}
.ms-4 {margin-left: 1.5rem;}
.ms-5 {margin-left: 3rem;}
.ms-auto {margin-left: auto;}

.me-0 {margin-right: 0;}
.me-1 {margin-right: .25rem;}
.me-2 {margin-right: .5rem;}
.me-3 {margin-right: 1rem;}
.me-4 {margin-right: 1.5rem;}
.me-5 {margin-right: 3rem;}
.me-auto {margin-right: auto;}

/* padding */
.px-0 {padding-left: 0; padding-right: 0;}
.px-1 {padding-left: .25rem; padding-right: .25rem;}
.px-2 {padding-left: .5rem; padding-right: .5rem;}
.px-3 {padding-left: 1rem; padding-right: 1rem;}
.px-4 {padding-left: 1.5rem; padding-right: 1.5rem;}
.px-5 {padding-left: 3rem; padding-right: 3rem;}
.px-auto {padding-left: auto; padding-right: auto;}

.py-0 {padding-top: 0; padding-bottom: 0;}
.py-1 {padding-top: .25rem; padding-bottom: .25rem;}
.py-2 {padding-top: .5rem; padding-bottom: .5rem;}
.py-3 {padding-top: 1rem; padding-bottom: 1rem;}
.py-4 {padding-top: 1.5rem; padding-bottom: 1.5rem;}
.py-5 {padding-top: 3rem; padding-bottom: 3rem;}
.py-auto {padding-top: auto; padding-bottom: auto;}

.pt-0 {padding-top: 0;}
.pt-1 {padding-top: .25rem;}
.pt-2 {padding-top: .5rem;}
.pt-3 {padding-top: 1rem;}
.pt-4 {padding-top: 1.5rem;}
.pt-5 {padding-top: 3rem;}
.pt-auto {padding-top: auto;}

.pb-0 {padding-bottom: 0;}
.pb-1 {padding-bottom: .25rem;}
.pb-2 {padding-bottom: .5rem;}
.pb-3 {padding-bottom: 1rem;}
.pb-4 {padding-bottom: 1.5rem;}
.pb-5 {padding-bottom: 3rem;}
.pb-auto {padding-bottom: auto;}

.ps-0 {padding-left: 0;}
.ps-1 {padding-left: .25rem;}
.ps-2 {padding-left: .5rem;}
.ps-3 {padding-left: 1rem;}
.ps-4 {padding-left: 1.5rem;}
.ps-5 {padding-left: 3rem;}
.ps-auto {padding-left: auto;}

.pe-0 {padding-right: 0;}
.pe-1 {padding-right: .25rem;}
.pe-2 {padding-right: .5rem;}
.pe-3 {padding-right: 1rem;}
.pe-4 {padding-right: 1.5rem;}
.pe-5 {padding-right: 3rem;}
.pe-auto {padding-right: auto;}

/* #=============================# */
.for-pc, .for-pc-flex {display: none};
.for-mob {display: block;}

/* #=============================# */

@media (min-width: 768px) {
    .for-pc {display: block;}
    .for-pc-flex {display: flex;}
    .for-mob {display: none;}

    .aboutUs .logo {width: 50%; margin-bottom: 40px;} /* sos 32% */
    .aboutUs .logo#sos {width: 32%;}
    .aboutUs h1 {font-size: 42px; margin-bottom: 40px;}
    .aboutUs p {font-size: 22px; line-height: 1.6363636364;}
}

ul.tiny {font-size: 16px; line-height: 1.625; font-weight: 400; padding-left: 15px;}
ul.tiny li {list-style-type: "- ";}