/* ---------------------------- export ----------------------------*/
 #intro .intro-wrap { margin:0 auto; max-width:1600px; width:100%; text-align:center; position:relative; padding:11rem 0 0; background: url('/theme/annecy/img/business/export-bg.png') center no-repeat; background-position:top center !important; } 
#intro .intro-wrap h2 { font-size:var(--main-title-font); margin-bottom:30px; font-weight:700; } 
#intro .intro-wrap .subtitle { font-size:var(--medium-font); } 
.sAbout_case2 { width:100%; min-height:400vh; } 
.sAbout_case2>div { width:100%; height:100vh; position:sticky; left:0; top:0; overflow:hidden; } 
.sAbout_case2 .img_box { display:flex; justify-content:center; flex-direction:column; width:4000px; position:absolute; left:50%; top:70%; transform-origin:center center; transform:translateY(-50%) rotate(-90deg); } 
.sAbout_case2 .img_box>div { width:1100px; height:490px; border-radius:245px; position:relative; opacity:0; overflow:hidden; } 
.sAbout_case2 .img_box>div.img1 { transform:rotate(30deg); margin-left:420px; } 
.sAbout_case2 .img_box>div.img2 { transform:rotate(0deg); z-index:3; margin-top:180px; margin-left:35px; margin-bottom:130px; } 
.sAbout_case2 .img_box>div.img3 { transform:rotate(-30deg); z-index:5; margin:150px 0; margin-left:50px; } 
.sAbout_case2 .img_box>div.img4 { transform:rotate(-60deg); z-index:5; margin-left:435px; } 
.sAbout_case2 .img_box>div>img { min-width:100%; min-height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); } 
.sAbout_case2 .txt_wrap { color:#222222; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); margin-top:0; opacity:0; z-index:30; width:90%; max-width:1600px; } 
.sAbout_case2 .txt_wrap .tit { font-size:68px; line-height:65px; font-weight:600; margin-bottom:30px; display:block; } 
.sAbout_case2 .txt_wrap .txt1 { font-size:var(--normal-font); } 
.sAbout_case2 .txt_box { width:550px; margin-top:30px; position:relative; z-index:30; } 
.sAbout_case2 .txt_box>div { width:100%; } 
.sAbout_case2 .txt_box>div:first-child~div { position:absolute; left:0; top:0; opacity:0; margin-top:40px; z-index:10; } 
#export-country ul, #sales-brands ul { margin:0; padding:0; } 
#sales-brands { width:90%; max-width:1600px; margin:0 auto; } 
#sales-brands .sales-brands-wrap { display:flex; } 
#sales-brands .sticky-wrap { width:25%; padding-top: 1.2rem; } 
#sales-brands .sticky-wrap h3,.sAbout_case2 .txt_wrap h3,#export-country>h3 { font-size:var(--xlarge-font); font-weight:600; } 
#sales-brands .brands-contain { width:75%; } 
#sales-brands .brands-contain ul { display:grid; grid-template-columns:repeat(7,1fr); gap: 3rem; } 
#sales-brands .brands-contain li { height:80px; display:flex; justify-content:center; align-items:center; max-height : 80px; } 
#sales-brands .brands-contain li img { width:100%; height : 100%; object-fit : contain; } 
.b2c-button { margin-top: 20px; text-align: left; } 
.b2c-btn { margin-right: 10px; padding: 10px 20px; background-color: #000; color: #fff; border-radius: 5px; font-size: 13px; } 
.wholesale-btn { background-color: #fff; color: #333; border: 1px solid #333; padding: 10px 20px; border-radius: 5px; font-size: 13px; } 
#export-country { width:90%; max-width:1600px; margin:200px auto 70px; overflow : hidden; } 
#export-country .video-container { max-width: 1200px; margin: 0 auto; height: auto; position: relative; } 
#export-country .video-container video { width: 100%; height: 100%; object-fit: cover; display: block; } 
#export-country .video-wrapper { position: relative; } 
#export-country .country-list { position: absolute; top: 15%; left: 0; right: 0; display: grid; grid-template-columns: repeat(7, 1fr); gap: 2rem; font-weight: 500; padding: 10px 20px; list-style: none; font-size: var(--small-font); z-index: 2; pointer-events: none; justify-items: center; } 
#export-country .country-list li { white-space: nowrap; padding: 4px 8px; border-radius: 5px; text-align: center; } 
#export-country .swiper-pagination { display: none; } 
.pc-country-list { position: absolute; top: 2%; left: 0; right: 0; display: grid; grid-template-columns: repeat(7, 1fr); gap: 2rem; padding: 10px 20px; list-style: none; font-size: var(--small-font); z-index: 2; pointer-events: none; justify-items: center; } 
.mo-country-group { display: none; } 


@media(max-width:1200px) { 
 #sales-brands .brands-contain ul { grid-template-columns: repeat(5, 1fr); } 
 } 

@media(max-width:1024px) { 
 #intro .intro-wrap { width: 100%; padding: 8rem 1rem 0; } 
 .sAbout_case2 .txt_wrap { top: 35%; } 
 .sAbout_case2 .txt_wrap h3,
 .sAbout_case2 .txt_wrap .tit { font-size: var(--main-section-title-font); line-height: 50px; } 
 .sAbout_case2 .img_box { top: 76%; } 
 #sales-brands .brands-contain li { height: 8vh; } 
 .sAbout_case2 .txt_box { width: 100%; max-width: 430px; } 
 #export-country { /* overflow: visible; */ margin: 150px auto; } 
 #export-country .country-list { top: 0; grid-template-columns: repeat(4, 1fr); gap: 1.5rem; padding: 30px 20px 10px; font-size: var(--micro-font); } 
 #export-country .video-container video { padding-top: 6rem; } 
 } 

@media(max-width:768px) { 
 #sales-brands .brands-contain { width: 100%; } 
 #sales-brands .sticky-wrap { width: 100%; margin-bottom: 20px; padding-top: 0; } 
 #intro .intro-wrap h2 { font-size: var(--xlarge-font); } 
 #intro .intro-wrap .subtitle { font-size: var(--normal-font); } 
 #sales-brands .sales-brands-wrap { flex-direction: column; } 
 .sAbout_case2 .img_box { left: -24vw; top: -165px; transform: translateY(0%); } 
 .sAbout_case2 .img_box > div { width: 1100px; height: 245px; border-radius: 245px; position: relative; opacity: 0; overflow: hidden; } 
 .sAbout_case2 .img_box > div.img1 { transform: rotate(30deg); margin-left: 420px; opacity: 0.5;} 
 .sAbout_case2 .img_box > div.img2 { transform: rotate(0deg); z-index: 3; margin-top: 390px; margin-left: 35px; margin-bottom: 130px; } 
 .sAbout_case2 .img_box > div.img3 { transform: rotate(-30deg); z-index: 5; margin: 380px 0; margin-left: 50px; } 
 .sAbout_case2 .img_box > div.img4 { transform: rotate(-60deg); z-index: 5; margin-left: 425px; } 
 .sAbout_case2 .txt_wrap .tit { margin-bottom: 13px; } 
 .sAbout_case2 .img_box { top: -35vh; } 
 .pc-country-list { display: none; } 
 .mo-country-group { display: block; position: relative; } 
 #export-country .country-container { position: absolute; top: 2%; left: 0; right: 0; z-index: 2; pointer-events: auto; } 
 #export-country .mo-country-group .country-list { position: relative; top: 15%; grid-template-columns: repeat(2, 1fr); gap: 1rem; padding: 10px; font-size: var(--small-font); pointer-events: auto; } 
 #export-country .video-container { padding-bottom: 0; } 
 #export-country .video-container video { padding-top: 1rem; } 
 #export-country .swiper-pagination { display: flex; justify-content: center; gap: 6px; margin-top: 1rem; position: relative; z-index: 3; } 
 #export-country .swiper-pagination-bullet { width: 8px; height: 8px; background: #aaa; opacity: 0.5; border-radius: 50%; transition: all 0.3s; } 
 #export-country .swiper-pagination-bullet-active { background: #000; opacity: 1; transform: scale(1.3); } 
 } 

@media(max-width:480px) { 
 #intro .intro-wrap h2,
 #intro .intro-wrap .subtitle { width: 95%; margin: 0 auto; } 
 #sales-brands .brands-contain ul { grid-template-columns: repeat(4, 1fr); gap: 1rem 1.5rem; } 
 #export-country .mo-country-group .country-list { top: 2%; } 
 #export-country .video-container video { padding-top: 2rem; } 
 #export-country .swiper-pagination { margin-top: 4rem; } 

 .b2c-button > a { display : block; margin : 0 0 5px; } 
 } 

 

 /* ---------------------------- brand ----------------------------*/
 
 #intro,
 #brand-history,
 #brand-store { max-width: 1600px; width: 90%; margin: 0 auto; padding: 0px; } 
 #intro p,
 #brand-history p,
 #brand-store p #intro ul,
 #brand-history ul,
 #brand-store ul { margin: 0px; padding: 0px } 

 /* 인트로 타이틀 영역 */
 #intro { margin-bottom: 0px; } 
 #intro .brand-title { margin: 0 auto 7rem; text-align: center; } 
 #intro .brand-title .brand-logo { width: 100%; padding-bottom: 50px; } 
 #intro .brand-title .brand-logo img { max-width: 530px; width: 100%; } 
 #intro .brand-title h2 { font-size: var(--semi-large-font); font-weight: 700; margin-bottom: 30px; } 
 #intro .brand-title .brand-subtitle { font-size: var(--normal-font); } 

 /* 이미지 영역 */
 #intro .art-image .img-grid { display: grid; grid-template-columns: repeat(5, 1fr); column-gap: 5px; row-gap: 5px; } 
 #intro .art-image .img-grid>li { aspect-ratio: 1/1; border-radius: 10px; overflow: hidden; } 
 #intro .art-image .img-grid>.sub-img-grid { display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(2, 1fr); column-gap: 5px; row-gap: 5px; } 
 #intro .art-image .img-grid>.sub-img-grid>div { border-radius: 5px; overflow: hidden; } 
 #intro .art-image .img-grid img { width: 100%; height: 100%; object-fit: cover; } 
 .mb_img { display: none; } 

 /* izeze 브랜드 히스토리 */
 #brand-history { margin-bottom: 200px; } 
 #brand-history .hisotry-wrap { /*isplay :flex; justify-content : left; */ } 
 #brand-history .hisotry-wrap .brand-name { margin-bottom: 100px; } 
 #brand-history .hisotry-wrap .history-list { margin: 0; padding: 0; } 
 #brand-history .hisotry-wrap .history-list li { margin-bottom: 80px; display: flex; border-bottom: 1px solid var(--normal-black); padding-bottom: 80px; } 
 #brand-history .hisotry-wrap .history-list .history-title { display: flex; gap: 45px; min-width: 36%; padding-left: 30px; } 
 #brand-history .hisotry-wrap .history-list .history-title>.no { font-size: var(--medium-font); font-weight: 600; margin-top: -3px; } 
 #brand-history .hisotry-wrap .history-list .history-title>h4 { font-size: var(--sub-title-font); margin-bottom: 25px; font-weight: 700; } 
 #brand-history .hisotry-wrap .history-list .story-title { display: flex; gap: 40px; } 
 #brand-history .hisotry-wrap .history-list .brand-story { width: 60% } 
 #brand-history .hisotry-wrap .history-list .brand-story>p { font-size: var(--normal-font); } 

 /* izeze 공홈 및 링크 */
 #brand-store .store-title { margin-bottom: 100px; } 
 #brand-store .store-title h3,
 #brand-history .hisotry-wrap .brand-name h3 { font-size: var(--xlarge-font); font-weight: 700; } 
 #brand-store .store-links { padding: 0px; margin: 0px; } 
 #brand-store .store-links li { padding: 0 30px 50px 30px; margin-bottom: 50px; border-bottom: 1px solid var(--normal-black) } 
 #brand-store .store-links li>a { display: flex; justify-content: space-between; color: var(--normal-black); align-items: center; } 
 #brand-store .store-links .url { position: relative; font-size: var(--medium-font); margin-right: 30px; } 
 #brand-store .link-name { flex: 1; font-size: var(--semi-large-font); font-weight: 700; } 
 #brand-store .bi-arrow-right-short { display: inline-block; font-size: 35px; transform: translateY(0) rotate(-45deg); top: 50%; color: var(--normal-black); } 
 .brand-bottom-wrap::before { content: ""; position: absolute; display: block; top: 0px; left: 0px; width: 100%; height: 120px; background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%); } 
.brand-bottom-wrap::after { content: ""; position: absolute; inset: 0; background-color: rgba(255, 255, 255, 0.2); z-index: 0; pointer-events: none; } 
.brand-bottom-wrap { position: relative; background: url(/theme/annecy/img/business/ownbrand_bottom.png) no-repeat center / cover; margin-bottom: -150px; padding-block: 5rem 3rem; z-index: 0; } 
.brand-bottom-wrap > * { position: relative; z-index: 1; } 


 /* .brand-bottom-wrap::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../theme/annecy/img/business/ownbrand_bottom.png) no-repeat center / cover; filter: blur(2px); z-index: 0; } 

.brand-bottom-wrap::after { content : ""; position :absolute; display : block; top : -4px; left : 0px; width : 100%; height : 120px; background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); } 

.brand-bottom-wrap > * { position: relative; z-index: 2; } */

 @media (max-width:1024px) { 
 #intro .brand-title .brand-logo { padding-bottom: 2rem; } 
 #intro .brand-title { margin: 0 auto 100px; } 
 #intro .art-image .img-grid { grid-template-columns: repeat(3, 1fr); } 
 #intro, #brand-history { margin-bottom: 5rem; } 
 #brand-history .hisotry-wrap .brand-name,
 #brand-store .store-title { margin-bottom: 30px; } 
 #brand-history .hisotry-wrap .history-list li { flex-direction: column; margin-bottom: 3rem; padding-bottom: 3rem; } 
 #brand-history .hisotry-wrap .history-list .brand-story { width: 100%; } 
 #brand-history .hisotry-wrap .history-list .history-title { gap: 15px; padding-left: 0; } 
 #brand-store .store-links li { padding: 0 0 30px 0; margin-bottom: 30px; } 
 #brand-store .link-name, #brand-store .store-links .url { font-size: var(--normal-font); margin-right: 8px; } 
 .art-image .Responsivehide { display: none !important; } 
 .mb_img { display: block; } 
 .brand-bottom-wrap { background: unset; padding-block: 2rem 3rem; } 
 .brand-bottom-wrap::before { content: none; } 
 } 

 @media (max-width: 768px) { 
 #intro .brand-title { margin: 0 auto 50px; } 
 #intro .brand-title { width: 100%; max-width: 570px; } 
 #intro .brand-title .brand-logo img { max-width: 330px; } 
 #brand-history .hisotry-wrap .history-list .history-title>h4 { margin-bottom: 14px; } 
 #brand-store .store-links .url { font-size: var(--normal-font); } 
 } 

 @media (max-width: 480px) { footer { margin-top: 7.5rem !important; } 
 #intro .responsive-br { display: block; } 
 #intro .responsive-subtitle { display: none; } 
 #intro .art-image .img-grid { grid-template-columns: repeat(2, 1fr); } 
 #brand-history .hisotry-wrap .history-list .history-title>.no { font-size: var(--normal-font); } 
 #brand-history .hisotry-wrap .history-list li { margin-bottom: 30px; padding-bottom: 30px; } 
 #brand-history .hisotry-wrap .history-list .history-title { gap: 10px; } 
 #brand-store .store-links .url { display: none; } 
 #brand-store .store-links li { padding: 0 0 10px 0; margin-bottom: 10px; } 
 #brand-store .bi-arrow-right-short { font-size: 30px; } 
 .brand-bottom-wrap { padding-block: 0rem 5rem; } 
 #brand-store .store-title h3,
 #brand-history .hisotry-wrap .brand-name h3 { font-size: var(--semi-large-font); } 
 }