@charset "utf-8";

/* font */
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable.min.css");
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@font-face {
    font-family: 'GongGothicMedium';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_20-10@1.0/GongGothicMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
 
.fa{font: normal normal normal 14px / 1 FontAwesome !important;}
a,a:hover,a:focus {text-decoration: none;}
ul{list-style: none;}
button{background-color: transparent; cursor: pointer;border: none;outline: none;}
img{max-width: 100%;border:0; display:block;}
h1, h2, h3, h4, h5, h6{padding:0;margin:0;font-family: var(--font-Pretendard);font-size: inherit;}
p{padding:0;margin:0;word-break: keep-all;}
input{border: none;box-shadow: none;}
input:focus{outline: none;}
#theme-controller .fixed-top{z-index: 999999;}
.modal{z-index: 999999;}
.nt-container{max-width: unset !important;width: 100%;}
#nt_sidebar_move{display: none;}
.blind {width: 1px;height: 1px;overflow: hidden;position: absolute;top: 50%;left: 50%;display: block;text-indent: -9999em;font-size: 0px;line-height: 0;z-index: -1;}
.line-br {display: block;}
.btn:focus {outline: none;box-shadow: none !important;}

:root {
    --font-Pretendard: "Pretendard Variable", sans-serif;
    --font-Outfit : "Outfit", sans-serif;
    --font-Poppins : "Poppins", sans-serif;
    --font-esamanruM: "GongGothicMedium";
    --font-esamanruL: "GongGothicLight";
    --color-main: #A67B2D;
    --color-acc: #846224;
}


html, body {font-size: 20px;font-family: var(--font-Pretendard);letter-spacing: -0.038rem;line-height: 1.5;word-break: keep-all;word-wrap: break-word;color:#000;touch-action: auto;overscroll-behavior: auto;text-size-adjust:100%;overflow-x: hidden;} 
@media all and (max-width: 1024px) { 
    html, body { font-size: 18px; } 
}
@media all and (max-width: 768px) { 
    html, body { font-size: 16px; } 
}


/* scroll Bar */
body::-webkit-scrollbar { width: 10px; }
body::-webkit-scrollbar-thumb { background-color: var(--color-main); }
body::-webkit-scrollbar-track { background-color: #f9f9f9; }


/* 공통 css 시작*/
.cinner {max-width: 1400px;margin: 0 auto;position: relative;}

@media all and (max-width: 1499px){
    .cinner {margin: 0 50px;}
}
@media all and (max-width: 1199px){
    .cinner {margin: 0 30px;}
}
@media all and (max-width: 640px){
    .cinner {margin: 0 20px;}
}
/* 공통 css 끝 */


/* header 시작 */
#header {width: 100%;height: 172px;border-bottom: 1px solid rgba(255,255,255,.3);box-sizing: border-box;background: #fff;position: absolute;top: 0;left: 0;z-index: 999;transition: .35s;}
#header.hide {display: none;}
.header__nav {height: 100%;}
.header__nav .nav {display: block;height: 100%;}
.header__nav .cinner {display: flex;align-items: center;gap: 90px;height: 100%;}
.header__nav .header__logo {flex: 0 0 auto;}
.header__nav .header__logo a {display: flex;max-width: 240px;}
.header__nav .header__logo a img {max-width: 100%;}
.header__cont {display: flex;justify-content: space-between;align-items: center;width: 100%;height: 100%;}
#main-nav {height: 100%;}
.main-nav__depth1 {height: 100%;}
.main-nav__depth1 .mn-ul1 {display: flex;gap: 0 60px;height: 100%;}
.main-nav__depth1 .mn-li1 {position: relative;}
.main-nav__depth1 .mn-a1 {display: flex;justify-content: center;align-items: center;width: 100%;height: 100%;color: #000;font-weight: 600;text-align: center;transition: .35s;}
.main-nav__depth1 .mn-s1 {position: relative;}
.main-nav__depth1 .mn-s1 b {color: var(--color-main);font-weight: 500;}
.main-nav__depth1 .mn-li1:first-child .mn-s1::after {content: '';display: block;width: 90px;height: 15px;background: url(../img/hd-na.png) center center / cover no-repeat;position: absolute;top: 100%;left: 0;right: 0;margin: auto;}
.main-nav__depth2 {display: none;width: 196px;padding-top: 20px;/* border: 1px solid #eee; *//* border-top: 0; */box-sizing: border-box;position: absolute;top: 100%;left: 50%;transform: translateX(-50%);z-index: 100;text-align: center;}
.main-nav__depth2 .mn-ul2 {width: 100%;border: 1px solid #eee;box-sizing: border-box;}
.main-nav__depth2 .mn-li2 {position: relative;}
.main-nav__depth2 .mn-li2:not(:last-child) {border-bottom: 1px solid #eee;box-sizing: border-box;}
.main-nav__depth2 .mn-a2 {display: block;width: 100%;padding: 15px 16px;box-sizing: border-box;background: #fff;color: #000;font-size: .90em;font-weight: 500;line-height: 1.3;transition: .35s;position: relative;}
.main-nav__depth2 .mn-a2:hover {background: var(--color-main);color: #fff;}
.main-nav__depth2 .mn-a2.sub-icon::after {content: "\f105";display: block;width: 9px;height: 26px;border-left: 1px solid #fff;border-bottom: 1px solid #fff;font-family: "FontAwesome";position: absolute;top: 0;bottom: 0;right: 10px;margin: auto;}
.main-nav__depth3 {display: none;background: #fff;position: absolute;top: 0;left: 100%;z-index: 101;box-shadow: 0 6px 12px rgba(0, 0, 0, .175);-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);}
.main-nav__depth3 .mn-li3:not(:last-child) {border-bottom: 1px solid #eee;box-sizing: border-box;}
.main-nav__depth3 .mn-a3 {display: block;width: 160px;padding: 15px 16px;color: #000;font-size: .90em;text-align: center;line-height: 1.3;}
.main-nav__depth3 .mn-a3:hover {color: var(--color-main);}
.header__nav .ctact__btn > a {display: flex;align-items: center;gap: 8px;padding: 4px 16px;border-radius: 20px;box-sizing: border-box;background: var(--color-main);color: #fff;font-weight: 500;transition: .35s;}
.header__nav .ctact__btn > a:hover {background: var(--color-acc);}
.header__nav .ctact__btn > a > span {position: relative;}
.header__nav .ctact__btn > a > span::before {content: '';display: block;}
.header__nav .ctact__btn > a > .tit {display: flex;align-items: center;gap: 2px;}
.header__nav .ctact__btn > a > .tit::before {width: 20px;aspect-ratio: 1 / 1;background: url(../img/ico-hd_tel.png) center center / cover no-repeat;}
.header__nav .ctact__btn > a > .num {padding-left: 8px;}
.header__nav .ctact__btn > a > .num::before {width: 1px;height: 16px;background: #fff;position: absolute;top: 0;bottom: 0;left: 0;margin: auto;}
.header__nav .nav__btn {display: none;}
.header__nav .nav__btn a {display: flex;align-items: center;width: 30px;height: 22px;position: relative;}
.header__nav .nav__btn a::before,
.header__nav .nav__btn a::after {content: '';display: block;width: 100%;height: 3px;background: #000;position: absolute;left: 0;right: 0;margin: auto;}
.header__nav .nav__btn a::before {top: 0;}
.header__nav .nav__btn a::after {bottom: 0;}
.header__nav .nav__btn a span{display: block;width: 100%;height: 3px;background: #000;}

@media all and (max-width: 1399px){
    #header {height: 120px;}
    .header__nav .cinner {gap: 50px;}
}
@media all and (max-width: 1199px){
    #header {height: 100px;}
    .header__nav .cinner {gap: 50px;}
    #main-nav {display: none;}
    .header__cont {justify-content: flex-end;gap: 30px;}
    .header__nav .nav__btn {display: block;}
}
@media all and (max-width: 1024px){
    .header__nav .header__logo a {max-width: 200px;}
}
@media all and (max-width: 768px){
    #header {height: 80px;}
    .header__nav .header__logo a {max-width: 180px;}
    .header__cont {gap: 20px;}
    .header__nav .ctact__btn > a > .tit::before {width: 16px;}
}
@media all and (max-width: 640px){
    .header__nav .cinner {gap: 30px;}
    .header__cont {gap: 10px;}
    .header__nav .ctact__btn > a {gap: 1px;}
    .header__nav .ctact__btn > a > .tit::before {display: none;}
    .header__nav .ctact__btn > a > .num {margin-left: 3px;padding-left: 5px;font-size: 14px;}
    .header__nav .ctact__btn > a > .num::before {height: 12px;}
}
@media all and (max-width: 480px){
    .header__nav .cinner {gap: 10px;}
    .header__nav .header__logo a {max-width: 130px;}
    .header__nav .ctact__btn > a {padding: 4px 12px;}
    .header__nav .ctact__btn > a > .tit {font-size: 13px;}
}
/* header 끝 */



/* tail 시작 */
#footer {padding: 45px 0;background: #F0F0F0;color: #707070;font-size: 13px;}
#footer .cinner {display: flex;align-items: center;gap: 50px;}
.footer__logo {flex: 0 0 auto;max-width: 210px;}
.footer__cont {width: 100%;}
.footer__cont .ft-sitemap {display: flex;align-items: center;gap: 35px;margin-bottom: 10px;color: #2B2B2B;}
.footer__cont .ft-sitemap > .tit {font-size: 15px;font-weight: 600;}
.footer__cont .ft-sitemap > ul {display: flex;gap: 16px;}
.footer__cont .ft-sitemap > ul > li > a {color: #2B2B2B;font-weight: 500;}
.footer__cont .ft-sitemap > ul > li > a:hover {text-decoration: underline;text-underline-offset: 3px;}
.footer__cont .footer__info {display: flex;flex-direction: column;gap: 10px;}
.footer__cont .footer__info > .info-wrap > .info {display: flex;align-items: center;gap: 30px;}
.footer__cont .footer__info > .info-wrap > .info > li address {margin-bottom: 0;font-style: normal;}
.footer__cont .footer__info > .info-wrap > .info > li span {margin-right: 5px;padding-right: 10px;position: relative;}
.footer__cont .footer__info > .info-wrap > .info > li span::after {content: '';display: block;width: 1px;height: 11px;background: #707070;position: absolute;top: 2px;right: 0;}
.footer__cont .footer__item {display: flex;justify-content: space-between;align-items: center;margin-top: 20px;}
.footer__cont .footer__copy > p {color: #7D7D7D;font-size: 12px;}
.footer__cont .footer__links .links {display: flex;gap: 10px;}
.footer__cont .footer__links .links li:not(:last-child) {padding-right: 10px;position: relative;}
.footer__cont .footer__links .links li:not(:last-child)::after {content: '';display: block;width: 1px;height: 10px;background: #2B2B2B;position: absolute;top: 5px;right: 0;}
.footer__cont .footer__links .links li a {color: #2B2B2B;font-size: 10px;font-weight: 500;transition: .35s;}
.footer__cont .footer__links .links li > a:hover {text-decoration: underline;text-underline-offset: 2px;}

@media (max-width: 1024px){
    #footer .cinner {align-items: flex-start;gap: 30px;}
    .footer__logo {max-width: 150px;}
    .footer__cont .footer__info {gap: 5px;}
    .footer__cont .footer__info > .info-wrap > .info {gap: 15px;}
    .footer__cont .footer__item {margin-top: 10px;}
}
@media all and (max-width: 768px){
    #footer {padding: 35px 0;}
    #footer .cinner {flex-direction: column;gap: 20px;}
    .footer__cont .ft-sitemap {gap: 20px;}
}
@media all and (max-width: 640px){
    #footer .cinner {flex-direction: column;gap: 20px;}
    .footer__logo {max-width: 120px;}
    .footer__cont .footer__info > .info-wrap > .info {flex-wrap: wrap;gap: 5px 10px;}
}
@media all and (max-width: 480px){
    .footer__cont .ft-sitemap {flex-direction: column;align-items: flex-start;gap: 0;margin-bottom: 5px;}
    .footer__cont .footer__item {flex-direction: column;align-items: flex-start;}
}

#top_btn {display: none;position:fixed;bottom:20px;right:20px;width:50px;height:50px;line-height:46px;border:2px solid #333;color:#333;text-align:center;font-size:15px;z-index:90;background: rgba(255,255,255,0.8);}
#top_btn:hover {border-color:var(--color-main);background:var(--color-main);color:#fff}
/* tail 끝 */



/* 메인 공통css 시작 */
#main .msec-title {text-align: center;}
#main .msec-title > .tit {font-size: 2.25em;font-weight: 600;line-height: 1.3;}
#main .msec-title > .txt {margin-top: 10px;font-size: 1.10em;line-height: 1.3;}
#main .msec-title.type02 {color: #fff;text-align: center;}
#main .msec-title.type02 > .stit,
#main .msec-title.type02 > .tit b {color: #fff;}

@media all and (max-width: 1699px){
    #main .minner {margin: 0 50px;}
}
@media all and (max-width: 1399px){
}
@media all and (max-width: 1199px){
    #main .minner {margin: 0 30px;}
    #main .msec-title {margin-bottom: 40px;}
    #main .msec-title > .tit {font-size: 2.0em;}
}
@media (max-width: 1024px){
    #main .msec {padding: 100px 0;}
    #main .msec-title > .txt {margin-top: 10px;}
}
@media all and (max-width: 768px){
    #main .msec {padding: 80px 0;}
    #main .msec-title > .tit > .line-br {display: inline;}
    #main .msec-title > .txt {font-size: 18px;}
}
@media all and (max-width: 640px){
    #main .minner {margin: 0 20px;}
    #main .msec {padding: 50px 0;}
    #main .msec-title > .tit {font-size: 1.88em;}
    #main .msec-title > .txt > .line-br {display: inline;}
}
/* 메인 공통css 끝 */



/* 메인 비주얼 메인 시작 */
#main .mvis {width: 100%;height: calc(100vh - 172px);background: url(../img/main/mvis-img_bg.jpg) center 100% / cover no-repeat;position: relative;}
#main .mvis .cinner {display: flex;justify-content: center;align-items: center;gap: 100px;height: 100%;position: absolute;left: 0;right: 0;bottom: 0;}
#main .mvis .txt-cont {/* max-width: 700px; */width: 50%;}
#main .mvis .txt-cont > .title-cont {margin-bottom: 30px;}
#main .mvis .txt-cont > .title-cont > .logo {max-width: 350px;width: 100%;margin-bottom: 50px;}
#main .mvis .txt-cont > .title-cont > .tit {font-size: 2.30em;font-weight: 600;}
#main .mvis .txt-cont > .title-cont > .tit b {color: var(--color-main);font-weight: 700;}
#main .mvis .txt-cont > .txt {font-size: 1.30em;}
#main .mvis .img-cont {flex: 0 0 auto;max-width: 450px;width: 32%;/* animation: floatUpDown 2.0s ease-in-out infinite; */}
#main .mvis .img-cont > .mo-view {display: none;}

/* 애니메이션 정의 */
@keyframes floatUpDown {
    0%   { transform: translateY(0); }
    50%  { transform: translateY(-15px); }
    100% { transform: translateY(0); }
}

@media all and (max-width: 1399px){
    #main .mvis {/* height: calc(100vh - 120px); */height: 750px;}
    #main .mvis .cinner {gap: 70px;}
    #main .mvis .txt-cont > .title-cont {margin-bottom: 30px;}
    #main .mvis .txt-cont > .title-cont > .logo {max-width: 320px;margin-bottom: 50px;}
    #main .mvis .txt-cont > .title-cont > .tit {font-size: 2.20em;}
    #main .mvis .txt-cont > .txt > .line-br {display: inline;}
}
@media all and (max-width: 1199px){
    #main .mvis {/* height: calc(100vh - 100px); */height: 700px;}
    #main .mvis .txt-cont {width: 55%;}
    #main .mvis .txt-cont > .title-cont {margin-bottom: 30px;}
    #main .mvis .txt-cont > .title-cont > .logo {max-width: 280px;margin-bottom: 30px;}
    /* #main .mvis .txt-cont > .txt > .line-br {display: inline;} */
}
@media all and (max-width: 1024px){
    #main .mvis {height: 700px;}
    #main .mvis .cinner {flex-direction: column;justify-content: center;align-items: center;gap: 50px;}
    #main .mvis .txt-cont {max-width: 708px;width: 100%;text-align: center;}
    #main .mvis .txt-cont > .title-cont {margin-bottom: 15px;}
    #main .mvis .txt-cont > .title-cont > .logo {width: 200px;margin: 0 auto 20px;}
    #main .mvis .txt-cont > .txt {font-size: 18px;}
    #main .mvis .img-cont {max-width: 708px;width: 100%;animation: none;}
    #main .mvis .img-cont > .pc-view {display: none;}
    #main .mvis .img-cont > .mo-view {display: block;}
}
@media all and (max-width: 768px){
    #main .mvis {height: 650px;}
    #main .mvis .cinner {gap: 30px;}
}
@media all and (max-width: 640px){
    #main .mvis .cinner {gap: 20px;}
    #main .mvis .txt-cont > .title-cont > .logo {width: 180px;}
}
@media all and (max-width: 480px){
    #main .mvis .txt-cont > .title-cont {margin-bottom: 10px;}
    #main .mvis .txt-cont > .title-cont > .logo {width: 150px;margin: 0 auto 10px;}
    #main .mvis .txt-cont > .title-cont > .tit {font-size: 24px;}
    #main .mvis .txt-cont > .txt {font-size: 17px;}
    #main .mvis .img-cont > .pc-view {display: block;}
    #main .mvis .img-cont > .mo-view {display: none;}
}
/* 메인 비주얼 메인 끝 */



/* 메인 msec01 - 이치류의 특제소스 시작 */
#main .msec01 {padding: 55px 0;background: #242424;position: relative;overflow: hidden;}
#main .msec01::before,
#main .msec01::after {content: '';display: block;width: 234px;height: 103px;background: url(../img/main/msec01-img_dec.png) center center / cover no-repeat;position: absolute;z-index: 0;}
#main .msec01::before {left: -4%;bottom: 18%;}
#main .msec01::after {top: 23%;right: -2%;}
#main .mfeature {display: flex;justify-content: space-between;align-items: center;padding: 0 50px;box-sizing: border-box;position: relative;z-index: 10;}
#main .mfeature > .img-cont {max-width: 420px;width: 33%;}
#main .mfeature > .txt-cont {width: 55%;}
#main .mfeature > .txt-cont > .title {margin-bottom: 20px;color: var(--color-main);font-size: 1.60em;font-weight: 700;}
#main .mfeature > .txt-cont > .txt {color: #fff;font-size: 1.15em;}
#main .mfeature > .txt-cont > .txt:not(:last-child) {margin-bottom: 15px;}

@media (max-width: 1399px){
    #main .mfeature {padding: 0 0px;}
    #main .mfeature > .txt-cont {width: 60%;}
}
@media all and (max-width: 1199px){
    #main .msec01 {padding: 45px 0;}
    #main .mfeature > .img-cont {width: 35%;}
    #main .mfeature > .txt-cont > .txt {font-size: 1.0em;}
    #main .mfeature > .txt-cont > .txt > .line-br {display: inline;}
}
@media all and (max-width: 1024px){
    #main .mfeature {flex-direction: column;gap: 20px;}
    #main .mfeature > .img-cont {max-width: 330px;width: 100%;}
    #main .mfeature > .txt-cont {max-width: 100%;width: 100%;text-align: center;}
    #main .mfeature > .txt-cont > .txt > .line-br {display: block;}
}
@media all and (max-width: 768px){
    #main .msec01::before,
    #main .msec01::after {opacity: .5;}
    #main .mfeature > .img-cont {max-width: 300px;}
    #main .mfeature > .txt-cont > .txt {font-size: 18px;}
}
@media all and (max-width: 640px){
     #main .msec01::before,
    #main .msec01::after {width: 200px;height: 88px;}
    #main .mfeature > .img-cont {max-width: 280px;}
    #main .mfeature > .txt-cont {max-width: 440px;}
    #main .mfeature > .txt-cont > .txt > .line-br {display: inline;}
}
@media all and (max-width: 480px){
    #main .mfeature > .img-cont {max-width: 260px;}
}
/* 메인 msec01 - 이치류의 특제소스 끝 */



/* 메인 msec02 - 이치류 메뉴 시작 */
#main .msec02 {padding: 180px 0;position: relative;overflow: hidden;}
#main .msec02::before {content: '';display: block;width: 36%;padding-top: 76.23%;background: url(../img/main/msec02-img_bg.png) center center / cover no-repeat;position: absolute;top: 0;right: 0;z-index: 0;}
#main .mmenu {position: relative;z-index: 10;}
#main .mmenu > .msec-title {margin-bottom: 100px;}
#main .mmenu > .cont-box {display: flex;align-items: center;gap: 64px;}
#main .mmenu > .cont-box .menu-img-swiper {flex: 0 0 auto;max-width: 670px;width: 48%;border-radius: 20px;overflow: hidden;}
#main .mmenu > .cont-box .menu-info-swiper {width: 100%;}
#main .mmenu > .cont-box .menu-info-swiper .swiper-slide > .txt-cont > .title {margin-bottom: 20px;font-size: 1.80em;font-weight: 600;}
#main .mmenu > .cont-box .menu-info-swiper .swiper-slide > .txt-cont > .title > span {color: #888;font-size: .69em;font-weight: 400;line-height: 1.3;}
#main .mmenu > .cont-box .menu-info-swiper .swiper-slide > .txt-cont > .txt {font-size: 1.25em;}
#main .mmenu > .cont-box .menu-info-swiper .swiper-slide > .txt-cont > .title,
#main .mmenu > .cont-box .menu-info-swiper .swiper-slide > .txt-cont > .txt {opacity: 0;transform: translateY(20px);transition: opacity .35s ease, transform .35s ease;}
#main .mmenu > .cont-box .menu-info-swiper .swiper-slide > .txt-cont.active > .title {opacity: 1;transform: translateY(0);}
#main .mmenu > .cont-box .menu-info-swiper .swiper-slide > .txt-cont.active > .txt {opacity: 1;transform: translateY(0);transition-delay: 0.1s;}
#main .mmenu > .cont-box .menu-info-swiper .menu-info-pagination {margin-bottom: 10px;position: relative;top: auto;bottom: auto;left: auto;right: auto;text-align: left;}
#main .mmenu > .cont-box .menu-info-swiper .menu-info-pagination > .swiper-pagination-bullet {width: 8px;aspect-ratio: 1 / 1;border-radius: 50%;background: #D9D9D9;opacity: 1;}
#main .mmenu > .cont-box .menu-info-swiper .menu-info-pagination > .swiper-pagination-bullet-active {background: #BC9F6A;}
#main .mmenu > .cont-box .menu-info-swiper .menu-info-swiper-ctrls {display: flex;margin-top: 110px;}
#main .mmenu > .cont-box .menu-info-swiper .menu-info-swiper-ctrls > button {display: block;width: 60px;margin: 0;padding: 0;aspect-ratio: 1 / 1;border: 1px solid #E8E8E8;box-sizing: border-box;background: #fff;position: relative;}
#main .mmenu > .cont-box .menu-info-swiper .menu-info-swiper-ctrls > .btn-next {border-left: 0;}
#main .mmenu > .cont-box .menu-info-swiper .menu-info-swiper-ctrls > button::before {content: '';display: block;width: 30%;aspect-ratio: 1 / 1;border-style: solid;border-color: #000;opacity: 1;position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;}
#main .mmenu > .cont-box .menu-info-swiper .menu-info-swiper-ctrls > .btn-prev::before {border-width: 0 0 3px 3px;border-radius: 0 0 0 3px;transform: rotate(45deg) translate(2px, -2px);}
#main .mmenu > .cont-box .menu-info-swiper .menu-info-swiper-ctrls > .btn-next::before {border-width: 3px 3px 0 0;border-radius: 0 3px 0 0;transform: rotate(45deg) translate(-2px, 2px);}
#main .mmenu > .cont-box .menu-info-swiper .menu-info-swiper-ctrls > button.swiper-button-disabled::before {opacity: .3;}

@media all and (max-width: 1399px){
    #main .mmenu > .cont-box .menu-info-swiper .menu-info-swiper-ctrls {margin-top: 40px;}
}
@media all and (max-width: 1199px){
    #main .msec02 {padding: 120px 0;}
    #main .mmenu > .msec-title {margin-bottom: 60px;}
    #main .mmenu > .cont-box {gap: 30px;}
    #main .mmenu > .cont-box .menu-info-swiper .swiper-slide > .txt-cont > .title {/* margin-bottom: 10px; */font-size: 1.60em;line-height: 1.3;}
    #main .mmenu > .cont-box .menu-info-swiper .swiper-slide > .txt-cont > .title > span {display: block;font-size: 18px;}
    #main .mmenu > .cont-box .menu-info-swiper .swiper-slide > .txt-cont > .txt {font-size: 1.10em;}
    #main .mmenu > .cont-box .menu-info-swiper .menu-info-swiper-ctrls {margin-top: 40px;}
    #main .mmenu > .cont-box .menu-info-swiper .menu-info-swiper-ctrls > button {width: 50px;}
}
@media all and (max-width: 1024px){
    #main .msec02 {padding: 100px 0;}
    #main .mmenu > .cont-box {flex-direction: column;gap: 20px;max-width: 708px;margin: 0 auto;}
    #main .mmenu > .cont-box .menu-img-swiper {max-width: none;width: 100%;}
    #main .mmenu > .cont-box .menu-info-swiper {max-width: none;width: 100%;}
    #main .mmenu > .cont-box .menu-info-swiper .swiper-slide > .txt-cont {text-align: center;}
    #main .mmenu > .cont-box .menu-info-swiper .menu-info-pagination {margin-bottom: 20px;text-align: center;}
    #main .mmenu > .cont-box .menu-info-swiper .menu-info-swiper-ctrls {justify-content: center;width: 100%;}
}
@media all and (max-width: 768px){
    #main .msec02 {padding: 80px 0;}
    #main .mmenu > .msec-title {margin-bottom: 40px;}
    #main .mmenu > .cont-box .menu-info-swiper .menu-info-swiper-ctrls {margin-top: 30px;}
    #main .mmenu > .cont-box .menu-info-swiper .menu-info-swiper-ctrls > button {width: 40px;}
}
@media all and (max-width: 640px){
    #main .mmenu > .msec-title {margin-bottom: 30px;}
    #main .mmenu > .cont-box .menu-img-swiper {border-radius: 10px;}
    #main .mmenu > .cont-box .menu-info-swiper .swiper-slide > .txt-cont > .title {font-size: 1.50em;}
}
@media all and (max-width: 480px){
    #main .mmenu > .cont-box .menu-info-swiper .swiper-slide > .txt-cont > .txt > .line-br {display: inline;}
}
/* 메인 msec02 - 이치류 메뉴 끝 */



/* 메인 msec03 - 연혁 시작 */
#main .msec03 {padding: 120px 0 0;background: url(../img/main/msec03-img_bg.jpg) center center / cover no-repeat;}
#main .mhistory > .msec-title {margin-bottom: 70px;}
#main .mhistory .cont-box {max-width: 664px;max-height: 44vh;margin: 0 auto;padding-bottom: 50px;overflow-y: auto;scroll-behavior: auto; /* 기존 높이 제한 해제 */ /* 내부 스크롤 제거 */}
#main .mhistory .cont-box::-webkit-scrollbar {width: 6px;}
#main .mhistory .cont-box::-webkit-scrollbar-track {background: #fff;border-radius: 30px;}
#main .mhistory .cont-box::-webkit-scrollbar-thumb {background: var(--color-main);border-radius: 30px;}
#main .mhistory .cont-box::-webkit-scrollbar-thumb:hover {cursor: pointer}
#main .mhistory .cont-box > ul {margin-right: 6px;}
#main .mhistory .cont-box > ul > li {display: flex;gap: 36px;padding: 14px 50px;box-sizing: border-box;border-radius: 15px;background: #fff;}
#main .mhistory .cont-box > ul > li:not(:last-child) {margin-bottom: 15px;}
#main .mhistory .cont-box > ul > li .date {flex: 0 0 auto;color: var(--color-main);font-size: 1.50em;font-weight: 600;}
#main .mhistory .cont-box > ul > li .date > .year {display: inline-block;width: 70px;}
#main .mhistory .cont-box > ul > li .date > .month {display: inline-block;width: 52px;}
#main .mhistory .cont-box > ul > li .txt {width: 100%;color: #2B2B2B;font-size: 1.20em;position: relative;top: 4px;}
#main .mhistory .cont-box > ul > li > ul > li {display: flex;gap: 36px;}

@media all and (max-width: 1399px){
    #main .mhistory > .msec-title {margin-bottom: 50px;}
    #main .mhistory .cont-box {height: 40vh;}
}
@media all and (max-width: 1024px){
    #main .msec03 {padding: 100px 0 0;}
    #main .mhistory > .msec-title {margin-bottom: 40px;}
    #main .mhistory .cont-box > ul > li,
    #main .mhistory .cont-box > ul > li > ul > li {gap: 20px;}
    #main .mhistory .cont-box > ul > li .date > .year {width: 65px;}
    #main .mhistory .cont-box > ul > li .date > .month {width: 48px;}
}
@media all and (max-width: 768px){
    #main .msec03 {padding: 80px 0 0;}
    #main .mhistory > .msec-title {margin-bottom: 40px;}
    #main .mhistory > .msec-title > .tit >.line-br {display: block;}
    #main .mhistory .cont-box > ul > li .date > .year {width: 58px;}
    #main .mhistory .cont-box > ul > li .date > .month {width: 44px;}
}
@media all and (max-width: 640px){
    #main .mhistory .cont-box > ul > li {padding: 14px 30px;}
    #main .mhistory .cont-box > ul > li .date {font-size: 20px;}
    #main .mhistory .cont-box > ul > li .date > .year {width: 48px;}
    #main .mhistory .cont-box > ul > li .date > .month {width: 36px;}
    #main .mhistory .cont-box > ul > li .txt {font-size: 18px;}
    #main .mhistory .cont-box > ul > li .txt {top: 1px;}
}
@media all and (max-width: 480px){
    #main .mhistory > .msec-title > .tit >.line-br {display: inline;}
    #main .mhistory .cont-box > ul > li,
    #main .mhistory .cont-box > ul > li > ul > li {gap: 10px;}
    #main .mhistory .cont-box > ul > li .date {font-size: 18px;}
    #main .mhistory .cont-box > ul > li .date > .year {width: 42px;}
    #main .mhistory .cont-box > ul > li .date > .month {width: 32px;}
    #main .mhistory .cont-box > ul > li .txt {font-size: 16px;}
}
/* 메인 msec03 - 연혁 끝 */



/* 메인 msec04 - 이치류 둘러보기 시작 */
#main .msec04 {padding: 160px 0;}
#main .msec04 .cinner {position: relative;width: 100%;min-width: 100%;margin: 0;overflow: hidden;}
#main .mgallery {display: flex;justify-content: space-between;column-gap: 80px;margin-left: 13.4%;padding-left: 6%;}
#main .mgallery > .msec-title {flex: 0 0 auto;width: 330px;text-align: left;position: relative;z-index: 10;}
#main .mgallery .mgallery-swiper {display: flex;flex-direction: column;align-items: flex-end;width: 100%;margin-left: -26%;overflow: visible;}
#main .mgallery .mgallery-swiper .swiper-slide .img-cont {border-radius: 20px;overflow: hidden;position: relative;opacity: .2;transform: scale(0.65);transform-origin: bottom;transition: .35s;}
#main .mgallery .mgallery-swiper .swiper-slide .img-cont:before {content: '';display: block;padding-top: 85.03%;}
#main .mgallery .mgallery-swiper .swiper-slide .img-cont > img {width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
#main .mgallery .mgallery-swiper .swiper-slide-active .img-cont {opacity: 1;transform: scale(1.0);}

#main .mgallery .mgallery-swiper-ctrls {display: flex;margin-top: 20px;}
#main .mgallery .mgallery-swiper-ctrls > button {display: block;width: 60px;margin: 0;padding: 0;aspect-ratio: 1 / 1;border: 1px solid #E8E8E8;box-sizing: border-box;background: #fff;position: relative;}
#main .mgallery .mgallery-swiper-ctrls > .btn-next {border-left: 0;}
#main .mgallery .mgallery-swiper-ctrls > button::before {content: '';display: block;width: 30%;aspect-ratio: 1 / 1;border-style: solid;border-color: #000;opacity: 1;position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;}
#main .mgallery .mgallery-swiper-ctrls > .btn-prev::before {border-width: 0 0 3px 3px;border-radius: 0 0 0 3px;transform: rotate(45deg) translate(2px, -2px);}
#main .mgallery .mgallery-swiper-ctrls > .btn-next::before {border-width: 3px 3px 0 0;border-radius: 0 3px 0 0;transform: rotate(45deg) translate(-2px, 2px);}
#main .mgallery .mgallery-swiper-ctrls > button.swiper-button-disabled::before {opacity: .3;}

@media all and (max-width: 1799px){
    #main .mgallery {margin-left: 10.4%;padding-left: 4%;}
}
@media all and (max-width: 1599px){
    #main .mgallery {margin-left: 5%;}
}
@media all and (max-width: 1399px){
    #main .msec04 {padding: 140px 0;}
    #main .mgallery {gap: 40px;margin-left: 0;padding-left: 50px;}
    #main .mgallery .mgallery-swiper-ctrls > button {width: 50px;}
    #main .mgallery .mgallery-swiper {margin-left: -30%;}
}
@media all and (max-width: 1199px){
    #main .msec04 {padding: 120px 0;}
    #main .msec04 .cinner {min-width: auto;margin: 0 30px;}
    #main .mgallery {flex-direction: column;padding-left: 0;}
    #main .mgallery > .msec-title {width: 100%;margin-bottom: 0;}
    #main .mgallery .mgallery-swiper {width: 120%;margin-left: 0;overflow: hidden;}
    #main .mgallery .mgallery-swiper .swiper-slide .img-cont {transform: scale(0.8);}
    #main .mgallery .mgallery-swiper .swiper-slide-active {margin-right: 4%;}
    #main .mgallery .mgallery-swiper .swiper-slide-active .img-cont {transform: scale(1);}
}
@media all and (max-width: 1024px){
    #main .msec04 {padding: 100px 0;}
}
@media all and (max-width: 768px){
    #main .msec04 {padding: 80px 0;}
    #main .mgallery .mgallery-swiper-ctrls > button {width: 40px;}
    #main .mgallery .mgallery-swiper .swiper-slide .img-cont {transform: scale(0.9);}
    #main .mgallery .mgallery-swiper .swiper-slide-active .img-cont {transform: scale(1);}
}
@media all and (max-width: 640px){
    #main .msec04 .cinner {width: auto;margin: 0 20px;}
    #main .mgallery .mgallery-swiper {width: 100%;}
    #main .mgallery .mgallery-swiper .swiper-slide .img-cont {border-radius: 10px;}
}
/* 메인 msec04 - 이치류 둘러보기 끝 */




/* 서브 페이지 공통 css 시작 */
#container {margin-top: 172px;}
.sub-page {padding: 180px 0 150px;background: #FAFAFA;}

@media all and (max-width: 1399px){
    #container {margin-top: 120px;}
}
@media all and (max-width: 1199px){
    #container {margin-top: 100px;}
    .sub-page {padding: 120px 0;}
}
@media all and (max-width: 768px){
    #container {margin-top: 80px;}
}
/* 서브 페이지 공통 css 끝 */



/* 서브 페이지 > 이치류 소개 시작 */
#intro {padding: 0;background: #fff;position: relative;}
#intro .title-cont {margin-bottom: 30px;line-height: 1.3;}
#intro .title-cont > .stit {font-size: 1.50em;font-weight: 600;}
#intro .title-cont > .tit {font-size: 2.25em;font-weight: 600;}
#intro .title-cont > .stxt {margin-bottom: 25px;color: var(--color-main);font-weight: 600;}
#intro .title-cont > .txt {font-size: 1.25em;font-weight: 400;}
#intro .cont-box1 {/* max-height: 780px; */height: 728px;padding: 100px 0 60px;box-sizing: border-box;background: #fff url(../img/sub/intro-img_bg1.jpg) 90% bottom / cover no-repeat;}

#intro .cont-box1 .txt-cont {max-width: 810px;width: 100%;}
#intro .cont-box1 .txt-cont > .tab-menu {margin-bottom: 15px;}
#intro .cont-box1 .txt-cont > .tab-menu > ul {display: flex;flex-wrap: wrap;gap: 10px;}
#intro .cont-box1 .txt-cont > .tab-menu > ul > li > a {display: block;width: 100%;height: 100%;border-width: 2px;border-style: solid;border-color: transparent;box-sizing: border-box;}
#intro .cont-box1 .txt-cont > .tab-menu > ul > li.active > a {border-color: var(--color-main);}
#intro .cont-box1 .txt-cont .tab-content {display: none;}
#intro .cont-box1 .txt-cont .tab-content.active {display: block;}
#intro .cont-box1 .txt-cont .tab-content > .txt {font-size: 18px;line-height: 1.6;}
#intro .cont-box1 .txt-cont .tab-content > .txt > b {font-size: 22px;font-weight: 400}
#intro .cont-box1 .txt-cont .tab-content > .ceo {font-size: 18px;font-weight: 500}
#intro .cont-box1 .txt-cont #txt02.tab-content > .txt {font-size: 17px;}
#intro .cont-box1 .txt-cont #txt03.tab-content > .txt,
#intro .cont-box1 .txt-cont #txt04.tab-content > .txt {font-size: 16px;}
#intro .cont-box1 .txt-cont .tab-content > .txt:not(:last-child) {margin-bottom: 12px;}


#intro .cont-box2 {padding: 120px 0;background: url(../img/sub/intro-img_bg2.jpg) center center / cover no-repeat;}
#intro .cont-box2 .title-cont {margin-bottom: 90px;text-align: center;}
#intro .cont-box2 .txt-cont {text-align: center;}
#intro .cont-box2 .txt-cont > .img {margin-bottom: 70px;}
#intro .cont-box2 .txt-cont > .img > img {margin: 0 auto;}
#intro .cont-box2 .txt-cont > .txt {font-size: 1.25em;}
#intro .cont-box2 .txt-cont > .txt:nth-child(2) {margin-bottom: 20px;}
#intro .cont-box2 .txt-cont > .stxt {margin-top: 50px;}
#intro .cont-box3 {padding: 150px 0;}
#intro .cont-box3 .title-cont {text-align: center;}
#intro .cont-box3 .title-cont > .tit {margin-bottom: 30px;}
#intro .cont-box3 ul {display: flex;flex-wrap: wrap;background: url(../img/sub/intro-img_bg3.jpg) center center / cover no-repeat;}
#intro .cont-box3 ul > li {display: flex;flex-direction: column;justify-content: center;align-items: center;gap: 25px;width: 33.333%;height: 400px;padding: 20px;border-right: 1px solid #fff;border-bottom: 1px solid #fff;box-sizing: border-box;background: rgba(37,37,37,.55);transition: .35s;}
#intro .cont-box3 ul > li:hover {background: rgba(166,123,45,.7);}
#intro .cont-box3 ul > li:nth-child(3n) {border-right-width: 0;}
#intro .cont-box3 ul > li:nth-last-child(-n+3) {border-bottom-width: 0;}
#intro .cont-box3 ul > li > .txt-cont {color: #fff;text-align: center;}
#intro .cont-box3 ul > li > .txt-cont > .tit {margin-bottom: 10px;font-size: 1.50em;font-weight: 700;}

@media all and (max-width: 1399px){
    #intro .cont-box1 {height: 694px;padding: 90px 0 70px;}
}
@media all and (max-width: 1199px){
    #intro [class*=cont-box]{padding: 120px 0;}
    #intro .title-cont > .txt {font-size: 1.10em;}
    #intro .title-cont {margin-bottom: 30px;}
    #intro .title-cont > .stit {font-size: 1.50em;}
    #intro .title-cont > .tit {font-size: 2.25em;}
    #intro .cont-box1  {height: 674px;padding: 80px 0 60px !important;background-position: 85% bottom;}
    #intro .cont-box2 .title-cont {margin-bottom: 60px;}
    #intro .cont-box2 .txt-cont > .img > img {width: 560px;}
    #intro .cont-box2 .txt-cont > .txt {font-size: 1.10em;}
    #intro .cont-box3 .title-cont > .tit {margin-bottom: 15px;}
    #intro .cont-box3 ul > li > .txt-cont > .tit {font-size: 1.40em;}
}
@media all and (max-width: 1024px){
    #intro [class*=cont-box]{padding: 100px 0;}
    #intro .title-cont > .tit {font-size: 2.0em;}
    #intro .title-cont > .stit {font-size: 1.33em;}
    #intro .title-cont > .stxt {margin-bottom: 10px;}
    #intro .cont-box1  {height: 704px;position: relative;}
    #intro .cont-box1::before {content: '';display: block;width: 100%;height: 100%;background: rgba(255,255,255,.4);position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;}
    #intro .cont-box2 .txt-cont > .img {margin-bottom: 40px;}
    #intro .cont-box2 .txt-cont > .img > img {width: 480px;}
    #intro .cont-box2 .txt-cont > .txt:nth-child(2) {margin-bottom: 10px;}
    #intro .cont-box2 .txt-cont > .txt > .line-br {display: inline;}
    #intro .cont-box3 ul > li {gap: 15px;height: 340px;}
    #intro .cont-box3 ul > li > .ico > img {width: 80px;}
    #intro .cont-box3 ul > li > .txt-cont > .tit {font-size: 1.33em;}
}
@media all and (max-width: 768px){
    #intro [class*=cont-box]{padding: 80px 0;}
    #intro .title-cont {margin-bottom: 20px;}
    #intro .cont-box1  {height: 736px;}
    #intro .cont-box2 .title-cont {margin-bottom: 40px;}
    #intro .cont-box2 .txt-cont > .img > img {width: 400px;}
    #intro .cont-box2 .txt-cont > .txt {font-size: 18px;}
    #intro .cont-box3 ul > li {height: 300px;padding: 20px 10px;}
    #intro .cont-box3 ul > li > .ico > img {width: 70px;}
}
@media all and (max-width: 640px){
    #intro .title-cont > .tit {font-size: 30px;}
    #intro .title-cont > .txt > .line-br {display: inline;}
    #intro .cont-box1 {height: 810px;/* background-position: 70% bottom; */}
    #intro .cont-box1::before {background: rgba(255,255,255,.7);}
    #intro .cont-box1 .cinner {position: relative;z-index: 10;}
    #intro .cont-box1 .txt-cont #txt02.tab-content > .txt {font-size: 16px;}
    #intro .cont-box2 .txt-cont > .img > img {width: 350px;}
    #intro .cont-box3 ul > li {width: 50%;height: 260px;padding: 20px;}
    #intro .cont-box3 ul > li:nth-child(3n) {border-right-width: 1px;}
    #intro .cont-box3 ul > li:nth-last-child(-n+3) {border-bottom-width: 1px;}
    #intro .cont-box3 ul > li:nth-child(2n) {border-right-width: 0;}
    #intro .cont-box3 ul > li:nth-last-child(-n+2) {border-bottom-width: 0;}
    #intro .cont-box3 ul > li > .ico > img {width: 65px;}
}
@media all and (max-width: 480px){
    #intro .title-cont > .tit > .line-br {display: inline;}
    #intro .cont-box1 {height: auto;}
    #intro .cont-box1 .txt-cont .tab-content > .txt {font-size: 16px;}
    #intro .cont-box1 .txt-cont #txt03.tab-content > .txt,
    #intro .cont-box1 .txt-cont #txt04.tab-content > .txt {font-size: 15px;}
    #intro .cont-box2 .txt-cont > .img > img {width: 300px;}
    #intro .cont-box3 ul > li {flex-direction: row;gap: 25px;width: 100%;height: 150px;}
    #intro .cont-box3 ul > li:nth-last-child(-n+2) {border-bottom-width: 1px;}
    #intro .cont-box3 ul > li:nth-last-child(-n+1) {border-bottom-width: 0;}
    #intro .cont-box3 ul > li > .ico {flex: 0 0 auto;}
    #intro .cont-box3 ul > li > .txt-cont {text-align: left;}
    #intro .cont-box3 ul > li > .txt-cont > .tit {margin-bottom: 5px;font-size: 20px}
    #intro .cont-box3 ul > li > .txt-cont > .txt {font-size: 17px;}
}
/* 서브 페이지 > 이치류 소개 끝 */


/* 서브 페이지 > 메뉴 시작 */
#menu {padding-top: 0;}
#menu .title-cont {margin-bottom: 150px;padding: 100px 0;background: #EAE3D5;}
#menu .title-cont .cinner {display: flex;justify-content: space-between;align-items: flex-start;}
#menu .title-cont .left > .stit {margin-bottom: 20px;color: var(--color-main);font-weight: 600;}
#menu .title-cont .left > .tit {color: #2B2B2B;font-size: 2.0em;font-weight: 600;line-height: 1.3}
#menu .title-cont .right {position: relative;top: 6px;}
#menu .title-cont .right > .txt {color: #2B2B2B;font-size: 1.10em;}
#menu .title-cont .right > .txt:not(:last-child) {margin-bottom: 15px;}
#menu .cont-box ul {display: flex;gap: 50px 30px;flex-wrap: wrap;align-items: stretch;}
#menu .cont-box ul > li {display: flex;flex-direction: column;width: calc(33.333% - 20px);border-radius: 15px;overflow: hidden;}
#menu .cont-box ul > li > .txt-cont {flex: 1;display: flex;flex-direction: column;justify-content: center;padding: 35px 0;box-sizing: border-box;background: #2B2B2B;color: #fff;text-align: center;}
#menu .cont-box ul > li > .txt-cont > .tit {margin-bottom: 16px;font-size: 1.50em;font-weight: 600;line-height: 1.2;}
#menu .cont-box ul > li > .txt-cont > .tit > span {display: block;font-size: .73em;font-weight: 400;}
#menu .cont-box ul > li > .txt-cont > .txt {line-height: 1.3;}

@media all and (max-width: 1399px){
    #menu .cont-box ul > li > .txt-cont {padding: 35px 20px;}
    #menu .cont-box ul > li > .txt-cont > .txt > .line-br {display: inline;}
}
@media (max-width: 1199px){
    #menu .title-cont {margin-bottom: 120px;padding: 80px 0;}
    #menu .title-cont .cinner {gap: 50px;}
    #menu .title-cont .left {flex: 0 0 auto;width: 40%;}
    #menu .title-cont .right {width: 55%;}
    #menu .title-cont .right > .txt {font-size: 1.0em;}
    
    #menu .cont-box ul > li > .txt-cont > .tit {font-size: 1.30em;}
    #menu .cont-box ul > li > .txt-cont > .txt {font-size: 18px;}
}
@media all and (max-width: 1024px){
    #menu .title-cont {margin-bottom: 70px;padding: 60px 0;text-align: center;}
    #menu .title-cont .cinner {flex-direction: column;gap: 20px;}
    #menu .title-cont .left {width: 100%;}
    #menu .title-cont .right {width: 100%;top: 0;}
    #menu .cont-box ul {gap: 30px 15px;}
    #menu .cont-box ul > li {width: calc(33.333% - 10px);}
}
@media all and (max-width: 768px){
    #menu .title-cont .right > .txt {font-size: 18px;}
    #menu .cont-box ul {gap: 30px 20px;}
    #menu .cont-box ul > li {width: calc(50% - 10px);}
}
@media all and (max-width: 640px){
    #menu .title-cont {padding: 40px 0;}
    #menu .title-cont .right > .txt {font-size: 17px;}
    #menu .title-cont .right > .txt:not(:last-child) {margin-bottom: 10px;}
    #menu .title-cont .right > .txt > .line-br {display: inline;}
    #menu .cont-box ul {gap: 20px 10px;}
    #menu .cont-box ul > li {width: calc(50% - 5px);}
    #menu .cont-box ul > li > .txt-cont {padding: 30px 15px;}
    #menu .cont-box ul > li > .txt-cont > .tit > span {font-size: 14px;}
    #menu .cont-box ul > li > .txt-cont > .txt {font-size: 16px;}
}
@media all and (max-width: 480px){
    #menu .cont-box ul > li {width: 100%;}
}
/* 서브 페이지 > 메뉴 끝 */





/* 개인정보처리방침 시작 */
[class*=privacy_con] {display: none;position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%);width: calc(100% - 40px);max-width: 1200px;height: calc(100% - 40px);max-height: 600px;z-index: 999999;background: #fff;border: 1px solid var(--color-main);box-sizing: border-box;}
[class*=privacy_con] .top{height: 70px;width: 100%;background: var(--color-main);text-align: center;position: relative;top: 0;left: 0;}
[class*=privacy_con] .top p{line-height: 70px;color: #fff;font-family: var(--font-Pretendard);font-size:20px;font-weight: bold;}
[class*=privacy_con] .top span{position: absolute;top: 0;right: 0;height: 100%;width: auto;aspect-ratio: auto 1 / 1;cursor: pointer;}
[class*=privacy_con] .top span::after{width: 2px;height:50%;content:"";display: block;background: #fff;transform: translate(-50%, -50%) rotate(45deg);top: 50%;left: 50%;position: absolute;}
[class*=privacy_con] .top span::before{width: 2px;height:50%;content:"";display: block;background: #fff;transform: translate(-50%, -50%) rotate(-45deg);top: 50%;left: 50%;position: absolute;}
[class*=privacy_con] #privacy{border: 1px solid #eeeeee; width: calc(100% - 140px); height: calc(100% - 210px); overflow-y: auto; margin: 70px auto 0; padding: 20px;}
[class*=privacy_con] #privacy>b{display: block; margin-bottom: 20px; word-break: keep-all; font-size:17px; color: #000000;}
[class*=privacy_con] #privacy>.list{}
[class*=privacy_con] #privacy>.list li{display: flex; align-items: flex-start; line-height: 22px;margin-bottom: 10px;}
[class*=privacy_con] #privacy>.list li span{display: block;word-break: keep-all;margin-right: 10px; color: #666666;font-size:17px;}
[class*=privacy_con] #privacy>.list li p{display: block;word-break: keep-all; color: #666666;font-size:17px;}
[class*=privacy_con] #privacy>.list_con{margin-top: 30px;}
[class*=privacy_con] #privacy>.list_con li{margin-bottom: 30px;}
[class*=privacy_con] #privacy>.list_con li:last-child{margin-bottom:0px;}
[class*=privacy_con] #privacy>.list_con li>b{word-break: keep-all;display: flex;align-items: flex-start;line-height: 22px;margin-bottom: 10px;font-family: var(--font-pretendard);font-size:20px;}
[class*=privacy_con] #privacy>.list_con li>b span{display: block;word-break: keep-all;margin-right: 10px;}
[class*=privacy_con] #privacy>.list_con li p{display: block;word-break: keep-all;color: #000;font-family: var(--font-pretendard);font-weight: 500;font-size:17px;margin-bottom: 10px;line-height: 20px;}
[class*=privacy_con] #privacy>.list_con li>span{display: block;word-break: keep-all; color: #666666; font-size:15px;margin-bottom: 10px;}
[class*=privacy_con] #privacy .date_wrap{margin-top: 100px;}
[class*=privacy_con] #privacy .date_wrap p{display: block;word-break: keep-all;font-size: 15px;font-weight: 500;color: #000;}

@media all and (max-width : 1199px){
    [class*=privacy_con] #privacy{ width: calc(100% - 70px); height: calc(100% - 140px); margin: 35px auto 0;}
}
@media all and (max-width : 1024px){
    [class*=privacy_con] .top{height: 50px;}
    [class*=privacy_con] .top p{line-height: 50px;}
}
@media all and (max-width : 640px){
    [class*=privacy_con] #privacy{width: 100%; height: calc(100% - 40px); margin: 0 auto; border: unset;}
}
/* 개인정보처리방침 끝 */