@charset 'utf-8';
@import url(common.css);

html {font-size: 16px}
#wrap {max-width: 1920px;margin: 0 auto;position: relative;min-height: 100vh}

/* header */
header {position: fixed;left: 0;right: 0;top: 0;height: 170px;font-family: 'omt'; z-index: 9;-webkit-transition: all 0.3s;transition: all 0.3s}
header.fixed {background: rgba(216, 55, 18, 0.7);-webkit-transition: all 0.3s;transition: all 0.3s}
header.fixed h1 {margin-top: -.5rem}
header.fixed #gnb {margin-top: 1rem;}
header .container-fluid {height: 100%; display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
header h1 {max-width:180px; margin-top: -2rem;font-size: 0}
header #gnb {margin: 0 auto;color: #fff;font-size: 18px;}
header #gnb li {display: inline-block;}
header #gnb li a {display: block;padding: 0 25px}
header #toggle-mgnb {display: none}
header .call {margin-left: auto;background: #fff url(/images/ic_call.png?1) no-repeat 1rem 50%;border-radius: 3rem;padding: .5rem 1rem;padding-left: 70px;}
header .call b {color: #e60019;font-size: 1.5rem;display: block;line-height: 1}
#mgnb {display: none}

/* footer */
footer .counsel {background: rgba(216, 55, 18, 1);padding: 1rem 0;font-size: 1.25rem;position: relative;z-index: 2;}
footer .counsel.fixed {position: fixed;left: 0;right: 0;bottom: 0}
footer .counsel .form-control {border-color: #000;font-weight: bold;color: #000;font-size: 1.25rem;max-width: 15%;margin-right: 1rem;}
footer .counsel .btn {font-family: 'tm';font-size: 1.875rem;line-height: 1;padding: .5em 1em;margin-left: auto;}
footer .counsel .checkbox {padding-left: 2.187rem;position: relative}
footer .counsel .checkbox a {opacity: .5}
footer .counsel .checkbox label {line-height: 1.875rem;padding-left: 0;position: static;color:rgba(255, 255, 255, 1);}
footer .counsel .checkbox label:before {width: 1.875rem;height: 1.875rem;font-size: 1.25rem;border-color: #000}
footer .counsel dl {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
footer .counsel dt {font-weight: normal;margin-right: 1rem;letter-spacing: -.05em;-ms-flex-negative: 0;flex-shrink: 0}
footer .counsel dt:first-child {-webkit-box-flex: 0;-ms-flex-positive: 0;flex-grow: 0;}
footer .counsel dt strong {font-size: 2.125rem;font-family: 'tm';display: block; color: rgba(255, 255, 255, 1);}
footer .counsel dt strong span {background: rgba(255, 206, 5, 1); color: rgba(0, 0, 0, 1);}
footer .counsel dd {-webkit-box-flex: 1;-ms-flex-positive: 1;flex-grow: 1;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;padding-left: 1rem;}
footer .footer-info {background: #000;padding: 4rem 0;color: #fff;}
footer .footer-info .container-fluid {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center}
footer .footer-info address {font-size: .875rem;}
footer .footer-info address small {opacity: .5;font-size: .812rem;display: block}
footer .footer-info ul {margin-left: auto}
footer .footer-info li {display: inline-block;margin-left: 1rem;}
.kakao {position: fixed;right:1rem;bottom:160px;z-index: 3;}

/* index */
.main-visual {position: relative;font-size: 0}
.main-visual .copy {position: absolute;left: 0;right: 0;height: 100%;padding-top: 50px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;max-width: 50%;margin-left: auto;margin-right: auto}
.sc1 {padding: 120px 0;color: #fff;text-align: center}
.sc1 p {margin-top: 1em;font-size: 1.5rem;text-shadow: 0 0 5px rgba(0,0,0,0.5)}
.sc2 {padding: 420px 0;color: #fff;text-align: center}
.sc2 p {margin-top: 1em;font-size: 1.875rem;text-shadow: 0 0 5px rgba(0,0,0,0.5)}
.sc3 {padding: 120px 0 100px;color: #fff;text-align: center}
.sc3 p {margin-top: .5em;margin-bottom: 1em;font-size: 1.875rem;text-shadow: 0 0 5px rgba(0,0,0,0.5)}
.sc4 {padding: 120px 0 100px;color: #fff;text-align: center}
.sc4 p {margin-top: .5em;margin-bottom: 3em;font-size: 1.875rem;text-shadow: 0 0 5px rgba(0,0,0,0.5)}

/* sub */
.sub-top {height: 500px;background-size: cover;color: #fff;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center}
.sub-top h1 {font-size: 60px;text-align: center}
.sub-top .go-back {display: none}
.sub-top .go-back i:before {font-weight: bold !important}
.sub-content {padding: 80px 0;}
.sub-content h2 {font-size: 30px;font-weight: bold;margin-top: 2em;margin-bottom: .5em;}
.sub-content h2:first-child {margin-top: 0;}
.sub-content h3 {font-size: 20px;font-weight: bold;margin: .5em 0}
.slick-slide img {width: 100%;}
.sub-category {text-align: center;position: relative;border-bottom: 1px solid #e5e5e5;background: #fff}
.sub-category ul {font-size: 1.25rem;}
.sub-category li {display: inline-block;vertical-align: top;}
.sub-category li a {display: block;padding: 1em}
.sub-category li.active {border-bottom: 4px solid #e60019; color: #e60019;font-weight: bold}

/* 브랜드소개 */
.intro {margin: -80px 0}
.intro h2 {margin-bottom: 1em;}
.intro .box {padding: 150px 0}
.intro .box1 {background: url(/images/bg_intro_231108.jpg) no-repeat 50% / cover;text-align: center;color: #fff}
.intro .box1 p {margin-left: -15px;margin-right: -15px;background: rgba(230, 0, 25, 0.8);padding: 70px 0}
.intro .box2 dt {margin-bottom: 70px;margin-top: 30px;}
.intro .box2 dd {font-size: 24px}
.intro .box2 dd .spot {color: #e60019}
.intro .box2 p {text-align: center;margin-top: 80px;}
.intro .box3 {background: #fff7e4;}
.intro .box3 .tit {margin-bottom: 80px;text-align:center;}
.intro .box3 .tit p {font-size: 36px;}
.intro .box3 .row {font-size: 24px}
.intro .box4 .color {margin-top: 110px;}
.intro .box5 {background: url(/images/bg_about_231108.jpg) no-repeat 50% / cover;text-align: center;color: #fff}
.intro .box5 p {font-size: 40px;margin-top: 1em;margin-bottom: 4em;}
.intro .box5 .logo {margin-bottom: 2rem;}
.intro .box5 .call {font-size: 55px;}
.intro .box5 .call small {font-size: 36px;display: block;}

/* 창업 */
.interior-slider {position: relative}
.gallery-img {margin-bottom: 1.5rem;position: relative}
.gallery-img .swiper-button-prev, .gallery-img .swiper-button-next  {border: 0;background: none;color: #000;font-weight: bold;}
.gallery-img .swiper-button-prev {left: -50px}
.gallery-img .swiper-button-next {right: -50px}
.gallery-img .swiper-container {border-radius: 30px;overflow: hidden;font-size: 0}
.gallery-img .swiper-slide span {background: rgba(0, 0, 0, 0.61);position: absolute;left: 0;right: 0;bottom: 0;padding: 1em 2em;font-size:1.375rem; color: #fff}
.gallery-thumb .swiper-wrapper {-webkit-transform: none !important;transform: none !important;font-size: 0}
.gallery-thumb .swiper-slide {background: #000;border-radius: 20px;overflow: hidden;border: 3px solid #fff;max-width:20%}
.gallery-thumb .swiper-slide-thumb-active {border-color: #e60019}
.gallery-thumb .swiper-slide-thumb-active img {opacity: 1}
.gallery-thumb .swiper-slide img {opacity: .5}
.founded-form h2 span {color: #e60019;font-size: 80%;font-weight: normal}
.founded-form .terms-box {margin-bottom: 1rem;height: 200px;border: 1px solid #ddd;background: #f4f4f4;padding: 1rem;font-size: .875rem;color: #666}
.founded-form .table {border-bottom: 1px solid #ddd}
.founded-form .table .form-control {font-size: 18px;}
.founded-form .table th {background: #f4f4f4;font-size: 22px;font-weight: normal;padding-left: 1.5em;vertical-align: middle;}
.investment {margin: -80px 0}
.investment .box {background-size: cover;background-position: 50%}
.investment .box1 {padding: 80px 0;text-align: center;background: #fff7e4;}
.investment .box1 .tit {margin-bottom: 5%;}
.investment .box1 .img {margin: 5% 0}
.investment .box2 {padding: 100px 0;background: url(/images/bg_main4.png) no-repeat 50% 50% / cover;text-align: center}
.investment .box2 p {margin-top: 1em;margin-bottom: 3em;font-size: 30px;}
.investment .box2 p b {color: #e60019}
.investment .data {padding: 80px 0;background: #fff7e4;}
.investment .help-block .spot {color: #e60019}
.brand {margin: -80px 0}
.brand .box {background-size: cover;background-position: 50%;background-repeat: no-repeat;padding: 180px 0;text-align: center}
.brand .box2 {background: #fff7e4;padding: 0;text-align: center;}
.brand .box2 .container-fluid {padding: 0;max-width: inherit}
.brand .box2 .img {z-index: 2;}
.brand .box3 {padding: 0 0 80px;}
.step-by-step {margin-top: -80px;margin-bottom: -80px;}
.step-by-step .box {padding: 80px 0;text-align: center}
.step-by-step .box1 {background: #fff7e4;}
.step-by-step .box1 p {margin-top: 1em;margin-bottom: 3em;font-size: 30px;color: #fff;text-shadow: 1px 2px 0 #000}
.step-by-step .box2 .tit {margin-bottom: 5%;}

/* 게시판 */
.search-form {background: #f4f4f4;padding: 1rem;border: 1px solid #e5e5e5;margin-bottom: 40px}
.search-form .form-row {-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.search-form .form-control {font-size: 1.375rem;}
.search-form .btn {font-size: 1.375rem;}
.board-list.gallery>ul {overflow: hidden;margin-bottom: -40px;margin-left: -20px;margin-right: -20px;}
.board-list.gallery li {float: left;width: 33.3333%;padding: 0 20px;margin-bottom: 40px;}
.board-list.gallery li .thumb {padding-top: 66.8449%;position: relative;overflow: hidden;font-size: 0;border: 1px solid #e5e5e5;}
.board-list.gallery li .thumb img {width: 100%;-o-object-fit: cover;object-fit: cover;position: absolute;left: 0;top: 0;}
.board-list.gallery li .info {border: 1px solid #e5e5e5;margin-top: -1px;padding: 1.5rem;font-size: 18px;}
.board-list.gallery li .info strong {display: block;font-size: 22px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin-bottom: .5rem;}
.board-list.gallery li .info .date {opacity: .5}
.board-list.gallery li .thumb:first-child:last-child {padding-top: 100%;}
.menu .board-list.gallery li {width: 25%}
.menu .board-list.gallery li:nth-child(4n+1) {clear:left}
.menu .board-list.gallery .thumb {border: 0;padding-top: 96.9309%;}
.menu .board-list.gallery .info {background: #fff5dd;border: 0;text-align: center;padding: 1rem .5rem}
.menu .board-list.gallery .info strong {font-size: 30px;}
.menu .board-list.gallery .info p {color: #666;min-height: 3em;}
.board-view dl {border-top: 2px solid #333;border-bottom: 1px solid #ddd;}
.board-view dt {background: #f4f4f4;padding: 1rem 2rem;font-size: 1.375rem;font-weight: normal;position: relative}
.board-view dt .date {opacity: .5;font-size: 1rem;position: absolute;right: 2rem;top: 1.25em}
.board-view dd {padding: 2rem}
.board-list .table {border-bottom: 1px solid #ddd}
.board-list .table thead th {background: #f4f4f4;font-size: 22px;font-weight: normal;padding-left: 1.5em;vertical-align: middle;text-align: center;padding: .75em}
.board-list .table tbody td {text-align: center;font-size: 18px;padding: 1em; color: #666}
.board-list .table tbody td.left {text-align: left}
.map-area {margin-bottom: 1rem;}

/* faq */
.sub-content .faq {background: #ffebc6;padding: 30px 0;margin: -80px 0}
.faq .faq-tit {text-align: center;font-size: 22px;margin-bottom: 5%;}
.faq .faq-tit p {margin-top: 2rem;}
.faq .faq-list {max-width: 1200px;margin: 0 auto}
.faq .faq-list dl+dl {margin-top: 1rem;}
.faq .faq-list dt {background: #fff;cursor: pointer;;border-radius: 63px;padding: 1rem;line-height: 63px; padding-left: 90px;font-size: 26px;font-weight: normal;position: relative;}
.faq .faq-list dt:before {content: ""; display: block;position: absolute;left: 1rem;top: 1rem; background: url(/images/qna_r.png?ver2) no-repeat 0 50%;width: 63px;height: 63px;}
.faq .faq-list dl:nth-child(even) dt:before { background-image: url(/images/qna_y.png?ver2)}
.faq .faq-list dt:after {content: "\F282"; font-family: bootstrap-icons !important;position: absolute;right: 3rem;top: 50%;line-height: 2rem;margin-top: -1rem;}
.faq .faq-list dd {padding: 2rem 90px;font-size: 22px;display: none}
.faq .faq-list dl.active dt:after {content: "\F286"}
.faq .faq-list dl.active dd {display: block}

.terms {height: 500px;border: 1px solid #e5e5e5;padding: 1.5rem;word-break: break-word;}

.store-big-img img {width: 100%;}
.store-img-list {margin-top: 1px;display: flex;}
.store-img-list span {border: 1px solid #ccc;width:16.6666%;display: flex;align-items: center;justify-content: center;overflow: hidden;overflow: hidden;opacity: .5;}
.store-img-list span.active {opacity: 1}
.modal#store .table {border-bottom: 1px solid #ddd;}
.modal#store .table th {background: #f7f7f7;}
.modal#store .modal-title {margin: 0;margin-right: auto;}
.modal#store .close {text-shadow:none;color:#fff}

@media (max-width: 1410px) {
    .brand .box2:after {height: 22.79%}
}

@media (max-width: 1682px) {
    footer .counsel {font-size: 1rem}
    footer .counsel .btn {font-size: 1.25rem;-ms-flex-negative: 0;flex-shrink: 0}
    footer .counsel .form-control {font-size: 1rem}
    footer .counsel dt img {max-height: 3.125rem}
    footer .counsel dt strong {font-size: 1.562rem}
}
@media (max-width: 1199px) {
    html {font-size: 13px}
    body {min-width: inherit}
    header h1 {margin-top: -.5rem;}
    header #gnb {display: none}
    #mgnb {}
    footer .counsel dl {display: block;text-align: center}
    footer .counsel dt {display: inline-block;margin-right: .5rem;text-align: left}
    footer .counsel dd {padding-left: 0;margin-top: 1rem;-ms-flex-wrap: wrap;flex-wrap: wrap;margin-left: -1%;margin-right: -1%;}
    footer .counsel .form-control {max-width: inherit;max-width: 31.3333%;margin: 0 1%;}
    footer .counsel .checkbox {width: 52%;margin-top: 10px;margin-left: 1%;text-align: left}
    footer .counsel .btn {margin-right: 1%;margin-top: 10px;width: 45%;padding-left: 1rem;padding-right: 1rem;}

    .main-visual .copy {padding-top: 30px;}
    .menu .board-list.gallery li {width: 50%}
    .menu .board-list.gallery .info {font-size: 1rem;}
    .menu .board-list.gallery .info strong {font-size: 1.125rem;}
    .menu .board-list.gallery .info p {min-height:4.5em}
    .menu .board-list.gallery .info p br {display: none}
}
@media (max-width: 575px) {
    header.fixed {height: 80px}
    header.fixed h1 {margin-top: -.5rem;}
    header h1 img {max-height: 80px}
    header .call {background-size: 30px;padding: 5px 12px;padding-left: 50px;font-size: .875rem}
    header .call b {font-size: 1rem}
    header #toggle-mgnb {display: block;-webkit-box-ordinal-group: 0;-ms-flex-order: -1;order: -1;color: #fff;font-size: 0;line-height: 1;margin-top: .5rem;margin-right: 10px;}
    header #toggle-mgnb .bi {font-size: 27px;vertical-align: top;}
    #mgnb {display: block;position: fixed;left: -100vw;width: 100vw;-webkit-transition: all 0.5s ease;transition: all 0.5s ease; height: 100%;z-index: 9;}
    #mgnb.active {left: 0;-webkit-transition: all 0.5s ease;transition: all 0.5s ease;}
    #mgnb.active #overlay {position: fixed;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.7)}
    #mgnb.active .btn {opacity: 1;overflow: visible;visibility: visible;-webkit-transition:all 0.3s;transition:all 0.3s}
    #mgnb .btn {position: absolute;left: 80%;width: 50px;height: 50px;z-index: 1;opacity: 0;color: #fff;font-size: 20px;overflow: hidden;visibility: hidden;-webkit-transition: all 0.3s;transition: all 0.3s}
    #mgnb nav {position: relative;font-size: 14px;padding-top: 50px;background: #000;color: #fff; width: 80%; height: 100%;overflow-y: auto;z-index: 2}
    #mgnb nav>ul {border-top: 1px solid rgba(255, 255, 255, 0.06);}
    #mgnb nav>ul>li {}
    #mgnb nav>ul>li>a {padding: 1rem;display: block;font-weight: 500;position: relative;border-bottom: 1px solid rgba(255, 255, 255, 0.06);}
    #mgnb nav ul ul {font-size: 13px;padding: 1em 1.5em;border-bottom: 1px solid rgba(255, 255, 255, 0.06);display: none}
    #mgnb nav ul ul a {line-height: 1.6;color: rgba(255, 255, 255, 0.69)}
    #mgnb nav .active ul {display: block}
    #mgnb nav .has-sub>a:after {content: "\F282";font-family: bootstrap-icons !important;font-weight: bold;position: absolute;right: 1rem; top: 50%;-webkit-transform: translate(0, -50%);transform: translate(0, -50%);opacity: .7;}
    footer .footer-info {text-align: center}
    footer .footer-info .container-fluid {display: block}
    footer .footer-info address {margin: 1em auto}
    footer .counsel dt {text-align: center;}
    footer .counsel dt:first-child {display: none}
    footer .counsel dt strong {display: block;margin-right: 5px;}
    .kakao {width:50px}
    .sub-content .container {margin: 0;}
    .sc1 {padding: 40px 0}
    .sc1 p {font-size: 1.25rem}
    .sc1 p br {display: none}
    .sc2 {padding: 40px 0}
    .sc2 p {font-size: 1.25rem}
    .sc2 p br {display: none}
    .sc3 {padding: 40px 0}
    .sc3 h1  {max-width: 60%;margin: 0 auto;}
    .sc3 p {font-size: 1.25rem}
    .sc4 {padding: 40px 0}
    .sc4 h1 {max-width: 60%;margin: 0 auto}
    .sc4 p {font-size: 1.25rem;margin-bottom: 1em;}
    .sub-top {height: 120px;}
    .sub-top h1 {font-size: 1.375rem;margin-top: 50px;}
    .sub-category ul {font-size: .937rem;letter-spacing: -.07em}
    .sub-category li a {padding: 1em .25em}
    .sub-category li.active {border-bottom-width: 2px}
    .sub-content {padding: 15px 0}
    .sub-content h2 {font-size: 1.25rem;}

    /* 브랜드소개 */
    .intro {margin: -15px 0}
    .intro .box {padding: 40px 0}
    .intro .box1 .tit {font-size: 20px;}
    .intro .box1 .tit img {max-width: 50%;}
    .intro .box1 p {padding: 30px 15px;}
    .intro .box1 p img {max-width: 70%;margin: 0 auto}
    .intro .box2 dt {margin-bottom: 20px;}
    .intro .box2 dt img {max-width: 70%;}
    .intro .box2 dd {font-size: 1.062rem}
    .intro .box2 p {margin-top: 30px;}
    .intro .box3 .tit {margin-bottom: 20px;text-align:center;}
    .intro .box3 .tit img {max-width: 90%}
    .intro .box3 .tit p {font-size: 18px}
    .intro .box3 .row {font-size: 1rem}
    .intro .box3 .row img {margin-top: 30px;}
    .intro .box4 .color {margin-top: 30px;}
    .intro .box5 .tit {max-width: 70%;margin: 0 auto}
    .intro .box5 p {font-size: 1.125rem;}
    .intro .box5 .logo {max-width: 60%;margin-left: auto;margin-right: auto;}
    .intro .box5 .call {font-size: 29px;}
    .intro .box5 .call small {font-size: 22px;}

    /* 창업 */
    .gallery-img {margin-bottom: 10px;}
    .gallery-img .swiper-container {border-radius: 15px;}
    .gallery-img .swiper-slide span {font-size: 1rem}
    .gallery-img .swiper-button-prev {left: 10px;}
    .gallery-img .swiper-button-next {right: 10px;}
    .gallery-img .swiper-button-prev:after, .gallery-img .swiper-button-next:after {font-size: 2rem}
    .gallery-thumb .swiper-wrapper {-ms-flex-wrap: wrap;flex-wrap: wrap}
    .gallery-thumb .swiper-slide {border-radius: 10px;border-width: 2px}
    .founded-form .terms-box {height: 100px}
    .founded-form .table .form-control {font-size: 1rem}
    .founded-form .table th {font-size: 1rem;}
    .investment {margin: -15px 0}
    .investment .box1 {padding: 40px 0}
    .investment .box1 .tit  {max-width: 90%;margin: 0 auto;}
    .investment .box1 p {font-size: 1.25rem}
    .investment .box2 {padding: 40px 0}
    .investment .box2 .tit {max-width: 90%;margin: 0 auto}
    .investment .box2 p {font-size: 1.25rem;margin-bottom: 1em;}
    .investment .box2 .row {font-size: 0;margin-left: -5px;margin-right: -5px;}
    .investment .box2 .row>li {padding: 5px}
    .investment .data {padding: 40px 0}
    .brand {margin: -15px 0}
    .brand .box1 {padding: 40px 0}
    .brand .box1 .tit {max-width: 70%;margin: 0 auto;}
    .brand .box1 p {font-size: 1.125rem}
    .brand .box2 {}
    .brand .box2:after {height: 23.5%}
    .brand .box3 {padding-bottom: 40px;}
    .step-by-step {margin-top: -15px;margin-bottom: -15px;}
    .step-by-step .box {padding: 40px 0;text-align: center}
    .step-by-step .box1 .tit {max-width: 90%;margin: 0 auto;}
    .step-by-step .box1 p {font-size: 1.25rem}
    .step-by-step .box1 p br {display: none}
    .step-by-step .box2 .tit {max-width: 50%;margin-left: auto;margin-right: auto;}

    /* 게시판 */
    .search-form {margin-bottom: 20px;}
    .search-form .form-control {font-size: 1rem;}
    .search-form .btn {font-size: 1rem;}
    .search-form .btn img {max-width: 24px;}
    .board-list.gallery>ul {margin-bottom: 10px;margin-left: -5px;margin-right: -5px;}
    .board-list.gallery li {width: 50%;padding: 0 5px;margin-bottom: 10px;}
    .board-list.gallery li .info {padding: 1rem;font-size: 1rem}
    .board-list.gallery li .info strong {font-size: 1.125rem}
    .board-view dt {padding: 1rem;font-size: 1.25rem;padding-right: 80px;}
    .board-view dt .date {right: 1rem;}
    .board-view dd {padding: 1rem}
    .board-list .table thead th {font-size: 1rem}
    .board-list .table tbody td {font-size: 1rem}

    /* faq */
    .sub-content .faq {padding: 30px 15px;margin: -15px 0}
    .faq .faq-tit {font-size: 1.125rem;}
    .faq .faq-tit img {max-width: 70%}
    .faq .faq-tit p {margin-top: 1rem;}
    .faq .faq-list dt {border-radius: 30px;line-height: 30px; padding-left: 50px;font-size: 1.062rem;padding-right: 40px;}
    .faq .faq-list dt:before {width: 30px;height: 30px;background-size: 30px;}
    .faq .faq-list dt:after {right: 1rem;}
    .faq .faq-list dd {padding: 1rem;font-size: 1rem;}
    .terms {height: 300px}

}

@media (min-width: 576px) {
}