*, html, body {font-family: 'Noto Sans KR', sans-serif;}


/* Header */
.top__header {position: absolute; width: 100%; height: auto; left: 0; top: 30px; z-index: 999;}
.top__header > .wrapper {max-width: 1172px; width: 100%; height: auto; margin: 0 auto; display: flex; justify-content: center; flex-wrap: wrap;}
.top__header > .wrapper > a.logo {align-self: center; display: inline-block; width: 100%; text-align: center;}
.top__header > .wrapper > a.m__nav__toggle {display: none;}
.top__header > .wrapper > .top__header__nav {margin-top: 30px; position: relative; width: 100%; border-top: 0.5px solid #fff; border-bottom: 0.5px solid #fff; box-sizing: border-box; padding: 27px 0px}
.top__header > .wrapper > .top__header__nav.active {position: fixed; top: 0; left: 0; z-index: 993; background-color: #7f4e30; margin-top: 0; border: 0;}
.top__header > .wrapper > .top__header__nav.active > ul > li > a {color: #fff;}
.top__header > .wrapper > .top__header__nav > .times {display: none;}
.top__header > .wrapper > .top__header__nav > ul {display: flex; max-width: 678px; width: 100%; height: 100%; justify-content: space-between; margin: 0 auto;}
.top__header > .wrapper > .top__header__nav > ul > li > a {color: #fff; font-size: 19px; letter-spacing: -0.95px;}


/* .mo__quick_img{display: none;} */

.top__header.sub__active {position: relative; top: 0;}
.top__header.sub__active > .wrapper > a.m__nav__toggle {color: #000; top: 50%; margin-top: -15.5px;}
.top__header.sub__active > .wrapper {max-width: 100%; margin-top: 0; padding-top: 30px}
.top__header.sub__active > .wrapper > .top__header__nav {border:0; border-top: 1px solid #ddd;}
.top__header.sub__active > .wrapper > .top__header__nav > ul > li > a {color: #000;}
.top__header.sub__active > .wrapper > .top__header__nav.active > ul > li > a {color: #fff;}


/* Main Visual */
.main__visual {position: relative; width: 100%; height: 1128px;}
.main__visual .main__visual__child {position: relative; width: 100%; height: 100%; background-size: cover; background-position: center; background-repeat: no-repeat; display: flex;}
.main__visual .main__visual__child > .main__visual__txt {position: relative; top: 100px; width: 100%; align-self: center; color: #fff; text-align: center;}
.main__visual .main__visual__child > .main__visual__txt > h1 {font-size: 80px; letter-spacing: -4px; font-weight: 300;}
.main__visual .main__visual__child > .main__visual__txt > h1 > span {font-weight: 500;}
.main__visual .main__visual__child > .main__visual__txt > p {font-size: 25px; letter-spacing: -1.25px; color: rgba(255, 255, 255, 0.85); font-weight: 300; margin-top: 25px;}
.main__visual .main__visual__child > .main__visual__txt > a {display: inline-block; width: 196px; height: 47px; line-height: 47px; border-radius: 23.5px; text-align: center; border: 1px solid #fff; box-sizing: border-box; color: #fff; font-size: 15.5px; letter-spacing: -0.78px; margin-top: 66px; font-weight: 500}
.main__visual .main__visual__child > .main__visual__txt > p > span {font-weight: 500;}

.main__visual .main__visual__bg1 {background-image: url('../img/visual/visual_01.png')}
.main__visual .main__visual__bg2 {background-image: url('../img/visual/visual_02.png')}
.main__visual .main__visual__bg3 {background-image: url('../img/visual/visual_03.png')}
.main__visual .main__visual__bg4 {background-image: url('../img/visual/visual_04.png')}
.main__visual .main__visual__bg5 {background-image: url('../img/visual/visual_05.png')}


/* .main__visual .main__visual__bg2 {background-image: url('../img/visual/visual__02.png')}
.main__visual__block{display: flex; justify-content: center; margin-top: 196px;}
.main__visual__block>div:last-child{margin-right: 0;}
.main__visual_bg2--con{width: 580px; height: 320px; position: relative; margin-right: 30px;}
.bg-box{position: absolute; width: 100%; height: 100%;}
.bg2--con--text{height: 100%; display: flex; justify-content: center; align-items: center;}
.bg2--con--text>img{margin-right: 15px;}
.bg2--con--text>img:last-child{margin-right: 0;}
.bg2--con--text p{ font-size: 46.6px; font-weight: 300; font-stretch: normal; font-style: normal; line-height: 1; letter-spacing: -0.58px; text-align: center; color: #fff;}
.bg2--con--text .con--text--bold{font-weight: bold;} */

.main__visual__prev {width: 24px; height: 44px; display: inline-block; position: absolute; left: 100px; top: 50%; margin-top: -22px; background-image: url('../img/visual/visual__prev.png'); background-repeat: no-repeat; z-index: 900;}
.main__visual__next {width: 24px; height: 44px; display: inline-block; position: absolute; right: 100px; top: 50%; margin-top: -22px; background-image: url('../img/visual/visual__next.png'); background-repeat: no-repeat; z-index: 900;}

/* Main Info */
.main__info {position: relative; width: 100%; height: 560px; background-image: url('../img/main/main_01.jpg'); background-size: cover; background-position: center; background-repeat: no-repeat;}
.main__info > .main__wrapper {display: flex; justify-content: space-between;}
.main__info > .main__wrapper > div {width: 35%; align-self: center;}
.main__info > .main__wrapper > .main__info__center {width: 300px; height: 301px; align-self: center; background-image: url('../img/main/info_logo.png'); background-repeat: no-repeat; background-position: center; background-size: cover;}
.main__info > .main__wrapper .main__info__ul {display: flex; flex-direction: column;}
.main__info > .main__wrapper .main__info__ul > li {display: flex; justify-content: space-between; padding-bottom: 30px; margin-bottom: 30px; border-bottom: 0.5px solid #fff}
.main__info > .main__wrapper .main__info__ul > li:last-of-type {border-bottom: 0;}
.main__info > .main__wrapper .main__info__ul > li > .main__info__ico {display: flex; width: 98px; height: 98px; border-radius: 50%; background-color: rgba(255, 255, 255, 0.6); justify-content: center; align-self: center;}
.main__info > .main__wrapper .main__info__ul > li > .main__info__ico > img {align-self: center;}
.main__info > .main__wrapper .main__info__ul > li > .main__info__txt {width: 70%;}
.main__info > .main__wrapper .main__info__ul > li > .main__info__txt > h1 {font-size: 25px; line-height: 67.5px; letter-spacing: -1.35px; color: rgba(255, 255, 255, 0.9); font-weight: 500;}
.main__info > .main__wrapper .main__info__ul > li > .main__info__txt > p {font-size: 17px; line-height: 24px; letter-spacing: -1.85px; color: rgba(255, 255, 255, 0.8);}
.main__info > .main__wrapper > .main__info__left {margin-right: 1%;}
.main__info > .main__wrapper > .main__info__center {margin-right: 1%;}

/* Main Menu */
.main__menu > .main__wrapper {padding: 130px 0px; box-sizing: border-box;}
.main__menu > .main__wrapper > h1 {margin-bottom: 54px; text-align: center; font-size: 50.5px; letter-spacing: -2.52px; font-weight: normal;}
.main__menu > .main__wrapper > .main__menu {width:100%; position: relative;}
.main__menu > .main__wrapper > .main__menu > h1 {margin-bottom: 54px; text-align: center; font-size: 50.5px; letter-spacing: -2.52px; font-weight: normal;}
.main__menu > .main__wrapper > .main__menu > .quick__img{max-width: 250px; width: 95%; position: absolute; right: 0; top: -92px;}
.main__menu > .main__wrapper > .main__menu > .quick__img img{width: 100%;}

.main__menu > .main__wrapper > ul {display: flex; flex-wrap: wrap; justify-content: center;}
.main__menu > .main__wrapper > ul > li {position: relative; width: 378px; height: 213px; margin: 0px 18px 18px 0px}
.main__menu > .main__wrapper > ul > li:hover > .menu__detail {opacity: 1;}
.main__menu > .main__wrapper > ul > li:nth-of-type(3n) {margin: 0;}
.main__menu > .main__wrapper > ul > li > .menu__detail {opacity: 0; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.9); transition: opacity ease-in 0.3s; display: flex; justify-content: center;}
.main__menu > .main__wrapper > ul > li > .menu__detail > p {text-align: center; align-self: center; font-size: 17px; font-weight: normal; letter-spacing: -1.3px;}

/* Main Banner */
.main__banner {width: 100%; height: 360px; background-image: url('../img/main/main_02.jpg'); background-repeat: no-repeat; background-size: cover; background-position: center; }

/* Main Inquiry */
.main__inquiry {width: 100%; background-color: #f1f1f1;}
.main__inquiry > .main__wrapper {display: flex; justify-content: space-between; padding: 130px 0px;}
.main__inquiry > .main__wrapper > .main__inquiry__img {width: 584px;}
.main__inquiry > .main__wrapper > .main__inquiry__txt {align-self: center;}
.main__inquiry > .main__wrapper > .main__inquiry__txt > h1 {font-size: 50.5px; color: #7f4e30; letter-spacing: -2.52px; font-weight: normal;}
.main__inquiry > .main__wrapper > .main__inquiry__txt > h1 > span {font-weight: 500;}
.main__inquiry > .main__wrapper > .main__inquiry__txt > p {font-size: 20px; letter-spacing: -1px; color: #383838; font-weight: 300;}
.main__inquiry > .main__wrapper > .main__inquiry__txt > a {display: inline-block; width: 196px; height: 48px; line-height: 48px; border-radius: 23.5px; color: #373737; border: 1px solid #373737; box-sizing: border-box; font-size: 15.5px; text-align: center; letter-spacing: -0.78px; font-weight: 500; margin: 27px 0px 30px}
.main__inquiry > .main__wrapper > .main__inquiry__txt > .hr {width: 100%; height: 2px; background-color: #4c4c4c; margin-bottom: 24px;}
.main__inquiry > .main__wrapper > .main__inquiry__txt > .main__inquiry__step {display: flex;}
.main__inquiry > .main__wrapper > .main__inquiry__txt > .main__inquiry__step > .main__inquiry__step__ico {width: 37px; height: 37px; background-image: url('../img/icon/step_check.png'); background-repeat: no-repeat; background-size: cover; margin-right: 10px;}
.main__inquiry > .main__wrapper > .main__inquiry__txt > .main__inquiry__step > .main__inquiry__step__txt > h1 {font-size: 25px; letter-spacing: -1.25px; font-weight: 500; color: #7f4e30}
.main__inquiry > .main__wrapper > .main__inquiry__txt > .main__inquiry__step > .main__inquiry__step__txt > p {font-size: 19.5px; letter-spacing: -0.98px; color: #383838; font-weight: lighter;}

/* Main Different */
.main__different > .main__wrapper {padding: 130px 0px; box-sizing: border-box;}
.main__different > .main__wrapper > h1 {margin-bottom: 54px; text-align: center; font-size: 50.5px; letter-spacing: -2.52px; font-weight: normal;}
.main__different > .main__wrapper > ul {display: flex; justify-content: space-between;}
.main__different > .main__wrapper > ul > li {background-color: #f1f1f1; text-align: center; padding-bottom: 30px;}
.main__different > .main__wrapper > ul > li > h1 {font-weight: 500; font-size: 35px; color: #383838; letter-spacing: -1.75px; margin-top: 35px;}
.main__different > .main__wrapper > ul > li > p {font-size: 21.5px; line-height: 27.5px; font-weight: lighter; letter-spacing: -1.08px; color: #383838;}
.main__different > .main__wrapper > ul > li > .v__hr {width: 2px; height: 35px; background-color: #383838; margin: 10px auto;}
.main__different > .main__wrapper > ul > li > p.desc {font-weight: normal}

/* Main Common */
.main__wrapper {width: 100%; height: 100%; max-width: 1170px; margin: 0 auto;}

/* Sub Header */
.sub__header {width: 100%; height: 636px; background-size: cover; background-position: center; background-repeat: no-repeat; display: flex; justify-content: center; flex-direction: column;}
.sub__header > h1 {font-size: 50.5px; line-height: 88px; color: #fff; letter-spacing: -2.52px; font-weight: normal; align-self: center;}
.sub__header > p {font-size: 20px; color: #fff; letter-spacing: -1.0px; align-self: center;}
.sub__header > img {align-self: center;}
.sub__header.sub__01 {background-image: url('../img/sub_header/sub01_01.jpg');}
.sub__header.sub__02 {background-image: url('../img/sub_header/sub01_02.jpg');}
.sub__header.sub__03 {background-image: url('../img/sub_header/sub01_03.jpg');}
.sub__header.sub__04 {background-image: url('../img/sub_header/sub01_04.jpg');}
.sub__header.sub__05 {background-image: url('../img/sub_header/sub01_05.jpg');}

/* Sub Common */
.sub__section {position: relative; width: 100%; height: auto;}

/* Sub 01 */
.sub01__01__content {width: 100%; height: 100%; max-width: 1170px; margin: 0 auto; display: flex; justify-content: space-between; padding: 130px 0px;}
.sub01__01__content > .sub01__01__content__left {width: 49%; align-self: center;}
.sub01__01__content > .sub01__01__content__left > h1 {font-size: 50.5px; letter-spacing: -2.52px; color: #7f4e30; font-weight: normal;}
.sub01__01__content > .sub01__01__content__left > p {font-size: 20px; font-weight: lighter; line-height: 32.5px; letter-spacing: -1.0px; color: #383838; margin-top: 35px;}
.sub01__01__content > .sub01__01__content__right {width: 49%; align-self: center;}
.sub01__01__content > .sub01__01__content__right > img {width: 100%;}
.sub01__01__content > .sub01__01__content__right > ul {width: 100%; display: flex; justify-content: space-between; margin-top: 18px;}
.sub01__01__content > .sub01__01__content__right > ul > li {position: relative; width: 23%; cursor: pointer;}
.sub01__01__content > .sub01__01__content__right > ul > li > img {width: 100%;}

.sub01__01__01 {position: relative; width: 100%; padding: 130px 0px; background: #f1f1f1;}
.sub01__01__01 > .sub01__01__01__content > h1 {font-size: 50.5px; font-weight: normal; letter-spacing: -2.52px; color: #383838; text-align: center;}
.sub01__01__01 > .sub01__01__01__content > ul.sub01__01__01__ul {width: 100%; max-width: 1170px; display: flex; justify-content: space-between; margin: 53px auto 0px;}
.sub01__01__01 > .sub01__01__01__content > ul.sub01__01__01__ul > li {position: relative; width: 23%;}
.sub01__01__01 > .sub01__01__01__content > ul.sub01__01__01__ul > li > img {width: 100%;}
.sub01__01__01 > .sub01__01__01__content > ul.sub01__01__01__ul > li > h1 {font-size: 28.5px; color: #383838; letter-spacing: -1.78px; font-weight: normal; text-align: center; line-height: 88px;}
.sub01__01__01 > .sub01__01__01__content > ul.sub01__01__01__ul > li > p {font-size: 21.5px; color: #383838; letter-spacing: -1.08px; font-weight: normal; text-align: center; line-height: 27.5px; font-weight: lighter;}
.sub01__01__01 > .sub01__01__01__content > ul.sub01__01__01__ul > li > p.bold {font-weight: normal; margin-top: 30px;}

/* Sub 02 */
.sub01__02__content {width: 100%; height: 100%; max-width: 1170px; margin: 0 auto; padding: 130px 0px;}
.sub01__02__content > ul {width: 100%; display: flex; flex-wrap: wrap;}
.sub01__02__content > ul > li {width: 23%; margin-right: 2%; display: flex; flex-direction: column; margin-bottom: 89px;}
.sub01__02__content > ul > li:nth-of-type(4n) {margin-right: 0;}
.sub01__02__content > ul > li > .sub01__02__li__top {width: 100%; display: flex;}
.sub01__02__content > ul > li > .sub01__02__li__top > h1 {font-weight: 900; font-size: 67.5px; color: #ececec; letter-spacing: -3.38px; line-height: 61px; align-self: flex-end; margin-right: 18px;}
.sub01__02__content > ul > li > .sub01__02__li__bottom {padding-top: 28px;}
.sub01__02__content > ul > li > .sub01__02__li__bottom > h1 {font-size: 31px; letter-spacing: -2.32px; color: #7f4e30; font-weight: normal}
.sub01__02__content > ul > li > .sub01__02__li__bottom > p {font-size: 20.5px; line-height: 26px; color: #383838; letter-spacing: -1.02px; font-weight: lighter;}

.sub01__02__banner {width: 100%; height: 370px; background-image: url('../img/content/sub01_02_banner.jpg'); background-repeat: no-repeat; background-size: cover; background-position: center;}

.sub01__02__content__02 {width: 100%; height: 100%; max-width: 1170px; margin: 0 auto; padding: 130px 0px;}
.sub01__02__content__02 > ul {display: flex; justify-content: space-between;}
.sub01__02__content__02 > ul > li {width: 31.3333%; margin-right: 2%; background-color: #f8f8f8;}
.sub01__02__content__02 > ul > li > img {width: 100%;}
.sub01__02__content__02 > ul > li > div {padding: 55px 0px; text-align: center;}
.sub01__02__content__02 > ul > li > div > h1 {font-size: 35.5px; line-height: 88px; letter-spacing: -1.78px; color: #383838; font-weight: normal;}
.sub01__02__content__02 > ul > li > div > p {font-size: 21.5px; line-height: 27.5px; letter-spacing: -1.08px; color: #383838; font-weight: lighter;}
.sub01__02__content__02 > ul > li > div > p.desc {font-weight: normal; margin-top: 30px;}
.sub01__02__content__02 > ul > li:last-of-type {margin-right: 0;}

.sub01__03__content {width: 100%; height: 100%; max-width: 1170px; margin: 0 auto; padding: 130px 0px;}
.sub01__03__content > .table__responsive > table {width: 100%; border-collapse: collapse;}
.sub01__03__content > .table__responsive > table > thead > tr {background-color: #f7f7f7; border: 1px solid #e2e2e2; height: 56px;}
.sub01__03__content > .table__responsive > table > thead > tr > th {font-weight: normal; font-size: 21px; line-height: 32.5px; letter-spacing: -1.05px; color: #000;}
.sub01__03__content > .table__responsive > table > tbody > tr > td {border: 1px solid #e2e2e2; font-size: 20px; line-height: 32.5px; font-weight: lighter; letter-spacing: -1.0px; color: #000; text-align: center; padding: 15px;}
.sub01__03__content > .table__responsive > table > tbody > tr > td.price {background-color: #fefbf5; font-size: 20px; font-weight: normal; color: #7f4e30;}
.sub01__03__content > .table__responsive > table > tbody > tr > td.td__left {text-align: left;}
.sub01__03__content > .table__responsive > table > tbody > tr.total > td {background-color: #7f4e30; color: #fff; font-weight: normal; font-size: 20px; letter-spacing: -1.0px;}
.sub01__03__content > .table__responsive > table > tbody > tr.total > td > span {font-size: 16.5px; letter-spacing: -0.82px; font-weight: lighter;}
.sub01__03__content > p {font-size: 19.5px; font-weight: lighter; letter-spacing: -0.98px; color: #000; margin-top: 29px; line-height: 32.5px;}

.sub__store__content {width: 100%; height: 100%; max-width: 1170px; margin: 0 auto; padding: 130px 0px;}
.sub__store__content > .sub__title {text-align: center; font-size: 50.5px; color: #7f4e30; font-weight: normal; letter-spacing: -2.52px; line-height: 88px;}
.sub__store__content > .sub__desc {text-align: center; font-size: 22.5px; letter-spacing: -1.12px; color: #000; font-weight: lighter}
.sub__store__content > .store__info > .info > h1 {font-size: 25.5px; line-height: 34px; color: #7f4e30; font-weight: 500; letter-spacing: -1.02px;}
.sub__store__content > .store__info > .info > ul {padding-top: 20px;}
.sub__store__content > .store__info > .info > ul > li {position: relative; padding-left: 40px;}
.sub__store__content > .store__info > .info > ul > li:nth-of-type(1)::before {content: ""; width: 26px; height: 31px; background-image: url('../img/icon/store_locate.png'); background-repeat: no-repeat; position: absolute; left: 0; top: 0;}
.sub__store__content > .store__info > .info > ul > li:nth-of-type(2)::before {content: ""; width: 26px; height: 26px; background-image: url('../img/icon/store_time.png'); background-repeat: no-repeat; position: absolute; left: 0; top: 0;}
.sub__store__content > .store__info > .info > ul > li:nth-of-type(3)::before {content: ""; width: 26px; height: 24px; background-image: url('../img/icon/store_tel.png'); background-repeat: no-repeat; position: absolute; left: 0; top: 0;}

/* Sub Menu List */
.sub__menu__content {width: 100%; height: 100%; max-width: 1170px; margin: 0 auto; padding: 130px 0px;}
.sub__menu__content > ul {display: flex; flex-wrap: wrap;}
.sub__menu__content > ul > li {position: relative; margin-right: 17px; margin-bottom: 17px;}
.sub__menu__content > ul > li:nth-of-type(3n) {margin-right: 0;}
.sub__menu__content > ul > li:hover .menu__detail {opacity: 1;}
.sub__menu__content > ul > li .menu__detail {opacity: 0; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.9); transition: opacity ease-in 0.3s; display: flex; justify-content: center;}
.sub__menu__content > ul > li .menu__detail > p {text-align: center; align-self: center; font-size: 17px; font-weight: normal; letter-spacing: -1.3px;}

/* Sub Board */
.sub__board__content {width: 100%; height: 100%; max-width: 1170px; margin: 0 auto; padding: 130px 0px;}

/* Footer */
footer {width: 100%; height: 375px; background-color: #383838;}
footer > .footer__wrapper {display: flex; width: 100%; height: 100%; max-width: 1170px; margin: 0 auto;}
footer > .footer__wrapper > a {align-self: center;}
footer > .footer__wrapper > .footer__info {margin-left: 105px; align-self: center; color: #fff; font-size: 17.5px; letter-spacing: -0.88px; width: 100%; font-weight: lighter}
footer > .footer__wrapper > .footer__info a{color: #fff;}
footer > .footer__wrapper > .footer__info > ul {display: flex;}
footer > .footer__wrapper > .footer__info > ul > li {position: relative; margin-right: 50px;}
footer > .footer__wrapper > .footer__info > ul > li::before {content: ""; width: 1px; height: 20px; background-color: #fff; position: absolute; right: -25px; top: 50%; margin-top: -7.5px;}
footer > .footer__wrapper > .footer__info > ul > li:last-of-type::before {display: none;}
footer > .footer__wrapper > .footer__info > ul > li > a {color: #fff;}
footer > .footer__wrapper > .footer__info > .footer__info__txt {width: 100%; margin-top: 20px; display: flex; justify-content: space-between;}


/* Slick */
.slick-slider, .slick-list, .slick-track {height: 100%;}

/* Header Common */
.header__overlay {display: none;}

/* Mobile */
@media (max-width: 1023px) {
    .header__overlay {position: fixed; z-index: 998; width: 100%; height: 100vh; background-color: rgba(0, 0, 0, 0.7);}
    .top__header {top: 0;}
    .top__header > .wrapper > .top__header__nav {position: fixed; width: 70%; height: 100vh; top: 0; left: 0; z-index: 999; background: #7f4e30; margin-top: 0; margin-left: -100%;}
    .top__header > .wrapper > .top__header__nav > .times {display: block; position: absolute; right: 20px; top: 10px; font-size: 24px; color: #fff;}
    .top__header > .wrapper > .top__header__nav > ul {flex-direction: column; flex-wrap: wrap; justify-content: unset;}
    .top__header > .wrapper > .top__header__nav > ul > li {height: 50px; border-bottom: 1px solid #ddd;}
    .top__header > .wrapper > .top__header__nav > ul > li > a {color: #fff; display: block; width: 100%; line-height: 50px; text-align: center;}
    .top__header > .wrapper > a.m__nav__toggle {display: block; position: absolute; left: 30px; top: 50%; color: #fff; z-index: 999; font-size: 25px; margin-top: -18px;}
    .top__header.sub__active > .wrapper {padding-bottom: 30px}
    .top__header.sub__active > .wrapper > .top__header__nav > ul > li > a {color: #fff;}

    /* .quick__img{display: none;}
    .mo__quick_img{display: block; border-bottom: 0 !important; display: flex; justify-content: center; padding-top: 15px;}
    .mo__quick_img-a{max-width: 250px; width:90% !important; height: auto !important;}
    .mo__quick_img-a>img{width: 100%;} */

    .main__visual {height: 100vh;}
    .main__visual .main__visual__child > .main__visual__txt {top:0; padding: 0px 50px;}
    .main__visual .main__visual__child > .main__visual__txt > h1 {font-size: 30px;}
    .main__visual .main__visual__child > .main__visual__txt > p {font-size: 16px;}
    .main__visual .main__visual__child > .main__visual__txt > p br{display: none;}

    .main__visual__block{flex-direction: column; align-items: center; margin-top: 0;}
    .main__visual_bg2--con{max-width:580px; width:100%; height: auto; padding: 50px 0; margin-right: 0; margin-top: 15px; display: flex; justify-content: center; align-items: center;}
    .main__visual__block>div:first-child{margin-top: 0;}
    .bg2--con--text p{font-size: 18px; line-height: 1.3;}
    .bg2--con--text>img{margin-right: 8px;}
    .icon-logo01{max-width: 100px; width: 40%;}
    .icon-multiple{max-width: 25px; width: 10%;}
    .icon-logo02{max-width: 149px; width: 50%;}

    .main__visual__prev {left: 20px; width: 12px; background-size: contain;}
    .main__visual__next {right: 20px; width: 12px; background-size: contain;}

    .main__info {height: auto;}
    .main__info > .main__wrapper {flex-direction: column;}
    .main__info > .main__wrapper > div {width: 85%;}
    .main__info > .main__wrapper > .main__info__left {margin-right: 0; padding-top: 40px;}
    .main__info > .main__wrapper > .main__info__center {margin: 40px 0px;}
    .main__info > .main__wrapper > .main__info__right {margin-right: 0;}
    .main__info > .main__wrapper .main__info__ul > li > .main__info__ico {width: 68px; height: 68px;}
    .main__info > .main__wrapper .main__info__ul > li > .main__info__txt > h1 {font-size: 24px; line-height: 1.5; letter-spacing: -2.35px;}
    .main__info > .main__wrapper .main__info__ul > li > .main__info__txt > p {font-size: 16px; margin-top: 20px;}
    .main__info > .main__wrapper .main__info__ul > li > .main__info__txt > p br {display: none;}

    .main__menu > .main__wrapper {padding: 50px 0px;}
    .main__menu > .main__wrapper > h1 {font-size: 34px; margin-bottom: 30px;}
    .main__menu > .main__wrapper > ul {padding: 0px 20px;}
    .main__menu > .main__wrapper > ul > li {width: 100%; margin-right: 0; margin-bottom: 5px;}
    .main__menu > .main__wrapper > ul > li > img {width: 100%;}

    .main__menu > .main__wrapper > .main__menu{display: flex; justify-content: center; flex-direction: column; align-items: center; margin-bottom: 50px;}
    .main__menu > .main__wrapper > .main__menu > h1{margin-bottom: 20px;}
    .main__menu > .main__wrapper > .main__menu > .quick__img {position: static;}
    

    .main__inquiry > .main__wrapper {flex-direction: column; padding: 50px 0px;}
    .main__inquiry > .main__wrapper > .main__inquiry__img {width: 100%;}
    .main__inquiry > .main__wrapper > .main__inquiry__img > img {width: 100%;}
    .main__inquiry > .main__wrapper > .main__inquiry__txt {padding: 30px 20px;}
    .main__inquiry > .main__wrapper > .main__inquiry__txt > h1 {font-size: 34px;}
    .main__inquiry > .main__wrapper > .main__inquiry__txt > p {font-size: 18px;}
    .main__inquiry > .main__wrapper > .main__inquiry__txt > a {width: 100%;}
    .main__inquiry > .main__wrapper > .main__inquiry__txt > .main__inquiry__step > .main__inquiry__step__txt > h1 {font-size: 18px;}
    .main__inquiry > .main__wrapper > .main__inquiry__txt > .main__inquiry__step > .main__inquiry__step__txt > p {font-size: 15.5px;}
    
    .main__different > .main__wrapper {padding: 50px 0px;}
    .main__different > .main__wrapper > ul {flex-direction: column; padding: 0px 20px;}
    .main__different > .main__wrapper > ul > li > img {width: 100%;}
    .main__different > .main__wrapper > h1 {font-size: 34px;}
    .main__different > .main__wrapper > ul > li > h1 {font-size: 24px;}
    .main__different > .main__wrapper > ul > li > p {font-size: 17.5px}

    .sub__header {height: 300px;}
    .sub01__01__content {padding: 50px 0px; justify-content: unset; flex-wrap: wrap;}
    .sub01__01__content > .sub01__01__content__left {width: 100%;}
    .sub01__01__content > .sub01__01__content__left > h1 {text-align: center; font-size: 24px;}
    .sub01__01__content > .sub01__01__content__left > p {font-size: 17.5px; margin-top: 20px; padding: 0px 20px;}
    .sub01__01__content > .sub01__01__content__left > p br {display: none;}
    .sub01__01__content > .sub01__01__content__right {width: 100%; padding: 0px 20px; margin-top: 20px;}

    .sub01__01__01 {padding: 50px 0px;}
    .sub01__01__01 > .sub01__01__01__content > h1 {font-size: 24px;}
    .sub01__01__01 > .sub01__01__01__content > ul.sub01__01__01__ul {margin-top: 20px; flex-wrap: wrap; padding: 0px 20px;}
    .sub01__01__01 > .sub01__01__01__content > ul.sub01__01__01__ul > li {width: 100%; margin-bottom: 20px;}
    .sub01__01__01 > .sub01__01__01__content > ul.sub01__01__01__ul > li > h1 {font-size: 24px; line-height: 40px; margin-top: 20px;}
    .sub01__01__01 > .sub01__01__01__content > ul.sub01__01__01__ul > li > p {font-size: 17.5px;}
    .sub01__01__01 > .sub01__01__01__content > ul.sub01__01__01__ul > li > p.bold {margin-top: 10px;}

    .sub01__02__content {padding: 50px 0px;}
    .sub01__02__content > ul > li {width: 100%; margin-right: 0; margin-bottom: 40px; text-align: center;}
    .sub01__02__content > ul > li > .sub01__02__li__top {justify-content: center;}
    .sub01__02__content > ul > li > .sub01__02__li__top > h1 {font-size: 47.5px;}
    .sub01__02__content > ul > li > .sub01__02__li__top > img {height: 80%;}
    .sub01__02__content > ul > li > .sub01__02__li__bottom {padding-top: 10px;}
    .sub01__02__content > ul > li > .sub01__02__li__bottom > h1 {font-size: 24px;}
    .sub01__02__content > ul > li > .sub01__02__li__bottom > p {font-size: 17.5px;}

    .sub01__02__banner {height: 300px;}

    .sub01__02__content__02 {padding: 50px 0px;}
    .sub01__02__content__02 > ul {flex-direction: column;}
    .sub01__02__content__02 > ul > li {width: 100%; margin-bottom: 20px;}
    .sub01__02__content__02 > ul > li > div {padding: 25px 0px;}
    .sub01__02__content__02 > ul > li > div > h1 {font-size: 25.5px; line-height: 58px;}
    .sub01__02__content__02 > ul > li > div > p {font-size: 17.5px; line-height: 17.5px;}

    .sub01__03__content {padding: 50px 20px;}
    .sub01__03__content > .table__responsive {overflow: auto;}
    .sub01__03__content > .table__responsive > table {width: 1140px;}
    .sub01__03__content > .table__responsive > table > thead > tr > th {font-size: 16px;}
    .sub01__03__content > .table__responsive > table > tbody > tr > td {font-size: 15px; }
    .sub01__03__content > .table__responsive > table > tbody > tr > td.price {font-size: 15px;}
    .sub01__03__content > .table__responsive > table > tbody > tr > td.td__left {font-size: 15px;}
    .sub01__03__content > .table__responsive > table > tbody > tr.total > td {font-size: 15px;}
    .sub01__03__content > p {font-size: 15.5px;}

    .sub__menu__content {padding: 50px 0px;}
    .sub__menu__content > ul {padding: 0px 20px;}
    .sub__menu__content > ul > li {width: 100%; margin-right: 0;}
    .sub__menu__content > ul > li a img {width: 100%;}

    .sub__store__content {padding: 50px 0px;}
    .sub__store__content > img {width: 100%; margin: 30px 0px;}
    .sub__store__content > .sub__title {font-size: 34px; line-height: 50px;}
    .sub__store__content > .sub__desc {font-size: 17.5px;}
    .sub__store__content > .store__info {flex-wrap: wrap; flex-direction: column; margin-bottom: 0;}
    .sub__store__content > .store__info > #map {width: 100%; height: 300px; margin-bottom: 30px;}
    .sub__store__content > .store__info > .info {width: 100%; padding: 0px 20px;}
    .sub__store__content > .store__info > .info > h1 {font-size: 22px;}
    .sub__store__content > .store__info > .info > ul > li > h1 {font-size: 17.5px;}
    .sub__store__content > .store__info > .info > ul > li > p {font-size: 14.5px;}

    .sub__store__content > .search_form {padding: 0px 20px; height: auto;}
    .sub__store__content > .search_form > form {flex-wrap: wrap; justify-content: unset;}
    .sub__store__content > .search_form > form > label {font-size: 17.5px; margin-top: 10px;}
    .sub__store__content > .search_form > form > .sch_bar {width: 100%; margin: 20px 0px;}
    .sub__store__content > .search_form > form > .sch_bar > input[type="text"] {width: 100%; height: 40px;}
    .sub__store__content > .ul__category {padding: 0px 20px;}
    .sub__store__content > .ul__category > li > a {font-size: 17.5px;}

    .sub__board__content {padding: 50px 0px;}

    .sub__header > h1 {font-size: 34px;}
    .sub__header > p {font-size: 17.5px; padding: 0px 20px;}

    footer > .footer__wrapper {flex-direction: column;}
    footer > .footer__wrapper > a {margin-top: 50px;}
    footer > .footer__wrapper > .footer__info {margin-left: 0; padding-top: 30px; padding-bottom: 50px; font-size: 15.5px; background-color: #383838;}
    footer > .footer__wrapper > .footer__info > ul {justify-content: center; margin-bottom: 20px;}
    footer > .footer__wrapper > .footer__info > ul > li {text-align: center;}
    footer > .footer__wrapper > .footer__info > ul > li:last-of-type {margin-right: 0;}
    footer > .footer__wrapper > .footer__info > .footer__info__txt {flex-wrap: wrap; justify-content: center;}
    footer > .footer__wrapper > .footer__info > .footer__info__txt > .footer__info__txt__left {width: 100%; text-align: center;}
    footer > .footer__wrapper > .footer__info > .footer__info__txt > .footer__info__txt__right {width: 100%; text-align: center;}
    
}