@charset "utf-8"; 


body { width: 100%; overflow: initial; word-break:keep-all;} 
body, html { text-align: initial; } 
html { } 
#wrap { width: 100%; word-break: break-word; min-width: 1400px; } 
#toTop { display: none; text-decoration: none; position: fixed; bottom: 120px; right: 13px; overflow: hidden; width: 45px; height: 45px; border: none; text-indent: -999999px; background: url(../images/common/totop.png); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter: alpha(opacity=60); opacity: 0.6; z-index: 99999; background-color: #9b1515; background-repeat: no-repeat; background-position: center center; border-radius: 100px; } 
#toTop:hover { 
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; 
filter: alpha(opacity=100); 
opacity: 1; 
 } 

 
a { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; text-decoration: none; } 
img { max-width: 100%; } 

:root { 
 --point-color: #a51f24; /* 포인트 빨간색 */
 } 


/*헤더*/

.header_all_wrap { position: relative; width: 100%; padding: 0 5%; background: #fff; height: 100px; } 
.header_mid { } 
.logo_wrap { position: absolute; top: 36px; left: 5%; width: 200px; } 
.header_sns_wrap { position: absolute; top:50%; right: 5%; transform:translateY(-50%); width: 200px;display:flex;gap:60px;justify-content:flex-end;} 
.top_nav{display:flex;gap:100px;height:100px;justify-content:flex-start;align-items:center;padding-left:380px;}
.top_nav .menu a { font-family:'PlayfairDisplay', 'Pretendard', serif; font-size:18px; } 
.link_btn_wrap { display:flex; flex-wrap:wrap; align-items:center; gap:50px; align-items:center; justify-content:flex-end; } 
.link_btn_wrap .btn_cs_center { font-family:'PlayfairDisplay', 'Pretendard', serif; font-size:18px; background-color:var(--point-color); border-radius:100px; } 
.link_btn_wrap .btn_cs_center a { color:#fff; display:block; padding:7px 20px 7px 40px; position:relative; } 
.link_btn_wrap .btn_cs_center a::before { position:absolute; top:50%; left:20px; width:14px; height:15px; margin-top:-6px; content:''; background:url('../images/common/hd_ico_cs.png') center no-repeat; }




/*메인비주얼*/
#myVideo { width:100%; display:block; } 

/*제품라인*/
.product_line { background:var(--point-color) url('../images/main/main_se02_bg.png') center bottom/cover no-repeat; display:flex; align-items:center; } 
.content_wrapper { max-width:1600px; width:100%; margin:0 auto; } 
.content_wrapper_inner { display:flex; justify-content:space-between; align-items:center; } 
.text_area { flex:0 0 auto; color:#fff; } 
.product_label em { font-family:'Instrument', serif; } 
.product_label { font-family:'Pretendard','돋움',Dotum,'굴림',Gulim,Helvetica,sans-serif; font-size:24px; font-weight:500; margin-bottom:60px; } 
.title { font-size:40px; font-weight:400; margin-bottom:15px; } 
.brand_name { font-size:65px; font-weight:600; margin-bottom:40px; letter-spacing:2px; } 
.description { font-size:20px; font-weight:300; } 
.product_area { flex:1; display:flex; justify-content:flex-end; } 
.product_group { display:flex; align-items:flex-end; gap:20px; } 
.main_box img { width:100%; height:auto; filter:drop-shadow(0 10px 30px rgba(0,0,0,0.15)); } 

/*제품 슬라이드*/
.product_slide { padding:130px 0; background:#fff; overflow:hidden; } 
.product_swiper { max-width:1600px; width:100%; margin:0 auto; padding:0 50px; overflow:visible; } 
.swiper-wrapper { align-items:center; } 
.product_slide .swiper-wrapper { min-height:733px; } 
.swiper-slide { height:auto; transition:all 0.3s ease; } 
.product_item { text-align:center; } 
.product_img { background:#f5f5f5; border-radius:20px; overflow:hidden; margin-bottom:30px; aspect-ratio:1/1; display:flex; align-items:center; justify-content:center; transition:all 0.3s ease; } 
.product_img img { max-width:100%; max-height:100%; width:100%; object-fit:cover; } 
.product_info { text-align:left; padding:0 30px; min-height:120px; } 
.product_name { color:var(--point-color); font-weight:600; font-size:24px; margin-bottom:10px; letter-spacing:-0.025rem; } 
.product_desc { font-size:18px; color:#222; margin-bottom:10px; line-height:1.5; } 
.product_price { font-size:20px; color:#222; font-weight:700; } 
.swiper-slide-next .product_img { aspect-ratio:1/1.15; } 
.swiper_control { display:flex; align-items:center; justify-content:center; margin-top:40px; gap:30px; } 
.swiper_progress { width:calc((100% - 380px) / 3); height:3px; background:#ddd; position:relative; } 
.swiper_progress_bar { position:absolute; left:0; top:0; height:100%; background:var(--point-color); transition:width 0.3s ease; } 
.swiper_nav { display:flex; align-items:center; gap:20px; } 
.swiper_nav button { width:auto; height:auto; margin:0; color:#999; font-size:14px; background:none; border:none; cursor:pointer; padding:0; } 
.swiper_nav button:hover { color:#222; } 
.swiper_fraction { font-size:14px; color:#666; } 
.swiper_fraction .current { color:#222; font-weight:700; } 
a.product_item { display:block; text-decoration:none; color:inherit; } 

/*스킨글레이저*/
.skin_glazer { background:url('../images/main/main_se04_bg.png') center center/cover no-repeat; padding:270px 0; } 
.skin_glazer_inner { max-width:1600px; width:100%; margin:0 auto; padding:0 50px; } 
.skin_glazer_title { font-family:'PlayfairDisplay', 'Pretendard', serif; font-size:83px; color:#222; line-height:1.2; margin-bottom:30px; } 
.skin_glazer_title em { font-family:'Instrument', serif; font-style:italic; font-weight:400; } 
.skin_glazer_desc { font-size:24px; color:#222; line-height:1.6; } 


/*브랜드스토리*/
.brand_story { padding:200px 0; background:#fff; } 
.brand_story_inner { max-width:1600px; width:100%; margin:0 auto; } 
.brand_story_head { display:flex; flex-wrap:wrap; align-items:flex-start; justify-content:space-between; margin-bottom:60px; } 
.brand_story_title { font-family:'PlayfairDisplay', 'Pretendard', serif; font-size:80px; font-weight:400; color:#222; line-height:1.3; } 
.brand_story_line { width:80px; height:1px; background:#999; } 
.brand_story_subtitle { position:relative; font-family:'PlayfairDisplay', 'Pretendard', serif; font-size:80px; font-weight:400; color:#222; line-height:1.3; text-align:right; padding-top:110px; } 
.brand_story_subtitle::after { position:absolute; top:170px; left:-160px; width:300px; height:1px; background-color:#222; content:''; } 
.brand_story_content { display:flex; gap:50px; } 
.brand_story_img_left { flex:0 0 auto; width:45%; } 
.brand_story_img_left img { width:100%; border-radius:20px; } 
.brand_story_right { flex:1; display:flex; flex-direction:column; gap:180px; } 
.brand_story_img_right { width:100%; } 
.brand_story_img_right img { width:100%; border-radius:20px; } 
.brand_story_text { padding-left:70px; } 
.brand_story_label { font-size:24px; color:#222; margin-bottom:50px; font-weight:500; } 
.brand_story_label em { font-family:'Instrument', serif; font-weight:400; } 
.brand_story_desc { font-size:50px; font-weight:400; color:#222; line-height:1.4; margin-bottom:50px; } 
.brand_story_desc span { font-weight:600; display:block; word-break:keep-all;} 
.brand_story_info { font-size:20px; color:#222; line-height:1.4; } 


.main_component { padding:200px 0; background:#fcf8ed; } 
.main_component_inner { max-width:1600px; width:100%; margin:0 auto; display:flex; justify-content:space-between; align-items:flex-start; gap:350px; } 
.main_component_left { flex:0 0 auto; max-width:550px; } 
.main_component_label { font-size:24px; font-weight:500; color:#222; margin-bottom:50px; } 
.main_component_label em { font-family:'Instrument', serif; font-weight:400; } 
.main_component_title { font-size:50px; color:#222; line-height:1.3; margin-bottom:50px; } 
.main_component_title span { font-weight:600; display:block; } 
.main_component_desc { font-size:20px; color:#222; line-height:1.4; margin-bottom:50px; } 
.main_component_circle { display:flex; align-items:center; gap:20px; margin-bottom:50px; } 
.circle_item { width:180px; height:180px; border:1px solid var(--point-color); border-radius:50%; display:flex; align-items:center; justify-content:center; text-align:center; } 
.circle_item p { font-family:'TenorSans', serif; font-weight:400; font-size:18px; color:var(--point-color); line-height:1.4; } 
.circle_plus { font-size:32px; color:var(--point-color); } 
.main_component_sub_title { font-size:20px; font-weight:700; color:var(--point-color); margin-bottom:20px; } 
.main_component_info { font-size:18px; word-break:keep-all; color:#888; line-height:1.8; } 
.main_component_right { flex:1; position:relative; min-height:500px; } 
.main_component_img { width:100%; } 
.main_component_img img { width:100%; } 
.component_label { position:absolute; } 
.component_label .label_title { font-family:'TenorSans', serif; font-size:28px; color:#222; margin-bottom:5px; } 
.component_label .label_title.point_label { font-size:40px; color:var(--point-color); } 
.component_label .label_desc { font-size:20px; color:#888; padding-left:25px; } 
.component_label .label_sub { font-size:20px; color:var(--point-color); margin-bottom:3px; } 
.component_label .label_point { font-size:20px; color:var(--point-color); font-weight:600; } 
.component_label .label_line { position:relative; display:inline-block; width:70px; height:1px; background:var(--point-color); vertical-align:middle; margin-left:10px; } 
.component_label .label_line::after { position:absolute; right:0; top:-3px; width:6px; height:6px; border-radius:100px; background-color:var(--point-color); content:''; } 
.label_vitamins { top:30px; right:300px; text-align:right; } 
.label_vitamins .label_title { position:relative; } 
.label_vitamins .label_title::before { position:absolute; right:-30px;; content:'•'; margin-right:8px; } 
.label_pcl { top:200px; left:35px; } 
.label_minerals { bottom:30px; left:50px; } 
.label_minerals .label_title::before { content:'•'; margin-right:8px; } 
.label_bioactive { bottom:-100px; right:-30px; } 
.label_bioactive .label_title::before { content:'•'; margin-right:8px; } 

.formula_section { padding:200px 0; background:#fff; position:relative; overflow:hidden; } 
.formula_inner { max-width:1600px; width:100%; margin:0 auto; padding:0 50px; position:relative; min-height:600px; display:flex; align-items:center; justify-content:center; } 
.formula_bubble { position:absolute; } 
.formula_bubble img { width:100%; } 
.bubble_05 { width:100%; top:50%; left:50%; transform:translate(-50%, -50%); position:absolute; z-index:1; } 
.formula_center { position:relative; max-width:1600px; width:100%; margin:0 auto; text-align:center; } 
.formula_img { margin-bottom:-50px; } 
.formula_img img { width:100%; max-width:400px; } 
.formula_text { position:relative; z-index:2; } 
.formula_text p { font-size:40px; line-height:1.8; font-weight:500; } 
.formula_text .char { color:#d8c2a1; transition:color 0.3s ease; } 
.formula_text .char.active { color:#222; } 

.brand_section { padding:200px 0; background:#fff; } 
.brand_section_inner { max-width:1600px; width:100%; margin:0 auto; padding:0 50px; } 
.brand_block { display:flex; gap:120px; margin-bottom:150px; } 
.block_01 { align-items:flex-start; } 
.block_01 .brand_block_img { flex:0 0 auto; width:680px; } 
.block_01 .brand_block_img img { width:100%; border-radius:20px; } 
.block_01 .brand_block_content { flex:1; } 
.brand_label { font-size:24px; color:#222; margin-bottom:50px; font-weight:500; } 
.brand_label em { font-family:'Instrument', serif; font-weight:400; } 
.brand_title { font-size:50px; font-weight:400; color:#222; line-height:1.4; margin-bottom:30px; } 
.brand_title strong { font-weight:700; } 
.brand_desc { font-size:20px; color:#222; line-height:1.8; margin-bottom:60px; } 
.brand_block_imgs { display:flex; gap:30px; } 
.brand_small_img.first_img { padding-top:100px; } 
.brand_small_img img { width:100%; border-radius:20px; } 
.block_02 { flex-direction:column; } 
.block_02 .brand_block_content { max-width:700px; } 
.block_02_imgs { display:flex; justify-content:space-between; align-items:flex-start; } 
.block_02_imgs .brand_big_img:first-child { width:40%; } 
.block_02_imgs .brand_big_img:last-child { margin-top:-250px; } 
.brand_big_img img { width:100%; border-radius:20px; } 
.brand_bottom { text-align:center; margin-top:200px; } 
.brand_bottom_title { font-family:'PlayfairDisplay', 'Pretendard', serif; font-size:75px; font-weight:400; color:#222; line-height:1.4; } 
.brand_bottom_title em { font-family:'Instrument', serif; font-style:italic; } 
.brand_bottom_line { display:inline-block; width:100px; height:1px; background:#222; vertical-align:middle; margin-right:20px; } 


/*브랜드 히스토리*/
.brand_history { padding:150px 0; background:url('../images/main/main_se09_bg.png') center center/cover no-repeat; } 
.brand_history_inner { max-width:1600px; width:100%; margin:0 auto; padding:0 50px; } 
.brand_history_title { font-family:'PlayfairDisplay', 'Pretendard', serif; font-size:70px; font-weight:400; color:#d8c2a1; margin-bottom:80px; } 
.history_swiper { overflow:visible; } 
.history_item { padding-right:50px; } 
.history_year { font-family:'PlayfairDisplay', 'Pretendard', serif; font-size:90px; font-weight:400; color:#fff; margin-bottom:20px; } 
.history_line { position:relative; display:block; width:100%; height:1px; background:rgba(255,255,255,0.2); margin-bottom:30px; } 
.history_line::after { position:absolute; width:40px; height:2px; background:#fff; content:''; } 
.history_desc p { font-size:18px; color:rgba(255,255,255,0.8); line-height:1.4; margin-bottom:10px; } 
.history_desc p:last-child { margin-bottom:0; } 
.history_control { display:flex; align-items:center; justify-content:space-between; margin-top:80px; } 
.history_progress { flex:1; max-width:calc(100% - 150px); height:1px; background:rgba(255,255,255,0.3); position:relative; } 
.history_progress_bar { position:absolute; left:0; top:0; height:100%; background:#d8c2a1; transition:width 0.3s ease; } 
.history_nav { display:flex; align-items:center; gap:20px; } 
.history_nav button { width:40px; height:40px; border:1px solid rgba(255,255,255,0.5); border-radius:50%; background:transparent; color:#fff; font-size:14px; cursor:pointer; transition:all 0.3s ease; } 
.history_nav button:hover { background:rgba(255,255,255,0.1); border-color:#fff; } 
.history_swiper .swiper-slide { width:auto; } 
.history_swiper .swiper-slide:nth-child(2n) { margin-bottom:120px; } 
.history_swiper .swiper-slide:last-child { padding-right:50px; } 


/*매거진 슬라이드*/
.magazine_swiper { visibility:hidden; } 
.magazine_swiper.swiper-initialized { visibility:visible; } 
.magazine_swiper .swiper-slide { width:calc((100% - 60px) / 3); } 
.magazine_section { padding:150px 0; background:#fff; } 
.magazine_inner { max-width:1600px; width:100%; margin:0 auto; position:relative; } 
.magazine_swiper { overflow:hidden; } 
.magazine_item { display:block; text-decoration:none; position:relative; } 
.magazine_thumb {position:relative; background:#eee url('../images/noimage.png') center no-repeat; border-radius:20px; aspect-ratio:14/10; display:flex; align-items:center; justify-content:center; margin-bottom:20px; overflow:hidden; } 
.magazine_thumb img { width:100%; height:100%; object-fit:cover; } 
.magazine_info { text-align:left; width:100%; position:absolute; bottom:0; left:0; padding:40px; z-index: 3;} 
.magazine_cate { display:inline-block; background:var(--point-color); color:#fff; font-family:'PlayfairDisplay', 'Pretendard', serif; font-size:14px; padding:5px 15px; border-radius:20px; margin-bottom:15px; } 
.magazine_title { font-size:24px; color:#fff; font-weight:500; } 
.magazine_prev,.magazine_next { position:absolute; top:50%; transform:translateY(-100%); width:50px; height:50px; background:transparent; border:none; cursor:pointer; z-index:10; } 
.magazine_prev { left:-150px; } 
.magazine_next { right:-150px; } 
.magazine_prev img,.magazine_next img { width:100%; } 
.magazine_thumb::before{position:absolute;top:0;left:0;width:100%;height:100%;content:'';background-color:rgba(0,0,0,0.5);z-index:1;}
.magazine_section.is-empty {padding: 0;}

/*푸터*/
.footer_all_wrap { background:#1a1a1a; padding:80px 0; } 
.footer_inner { max-width:1600px; width:100%; margin:0 auto; padding:0 50px; } 
.footer_top { display:flex; justify-content:space-between; align-items:flex-start; margin-bottom:60px; } 
.footer_logo p { font-family:'PlayfairDisplay', 'Pretendard', serif; font-size:28px; font-weight:500; color:#fff; letter-spacing:1px; } 
.footer_logo sup { font-size:12px; } 
.footer_slogan p { font-size:50px; font-weight:500; color:#fff; text-align:right; line-height:1.3; } 
.footer_slogan p span { color:var(--point-color); } 
.footer_middle { display:flex; gap:40px; margin-bottom:150px; } 
.footer_info_col { position:relative; padding-right:40px;; } 
.footer_info_col::after { position:absolute; right:0; top:0; height:100%; width:1px; background:rgba(255,255,255,0.2); content:''; } 
.footer_info_col:last-child::after { display:none; } 
.footer_info_col p { font-size:18px; color:#ccc; line-height:2; } 
.footer_info_col p span { color:#fff; margin-right:15px; } 
.footer_bottom { display:flex; justify-content:space-between; align-items:center; } 
.footer_copy { font-family:'PlayfairDisplay', 'Pretendard', serif; font-size:16px; color:#ccc; } 
.footer_sns { display:flex; gap:15px; } 
.sns_link { display:flex; align-items:center; justify-content:center; width:50px; height:50px; border:1px solid #444; border-radius:10px; transition:border-color 0.3s ease; } 
.sns_link:hover { border-color:#888; } 
.sns_tel { background:url('../images/common/ft_ico_sns01.png') center center no-repeat; background-size:20px auto; } 
.sns_insta { background:url('../images/common/ft_ico_sns02.png') center center no-repeat; background-size:20px auto; } 
.sns_mail { background:url('../images/common/ft_ico_sns03.png') center center no-repeat; background-size:20px auto; } 
.blind { position:absolute; width:1px; height:1px; margin:-1px; padding:0; overflow:hidden; clip:rect(0,0,0,0); border:0; } 

.main .footer_all_wrap { display: none; } 
.main .main_sec_12_all_wrap .footer_all_wrap { display: block; } 

.main .animate{opacity:0;visibility:hidden;}
.main .animate.animated{opacity:1;visibility:visible;}



/******서브페이지******/

/*product*/
/* #container .shop-content { margin-top:150px; } 
.shop-content #wrapper_title { display:none; } 
.po-title.h-list-tit { font-size: 60px; margin-bottom:160px; position: relative; color: #222; } 
.h-list-tit:after { content: ''; position: absolute; width: 67%; height: 1px; background-color: #222; bottom: 26px; right: 0; } 
.sct_btn.list-10-btn { display:none; } 
.sct_10.lists-row { display:grid; grid-template-columns: repeat(2, 1fr); gap:70px 30px; margin:0; width:50%; position:relative; } 
.sct_10.lists-row::before { position:absolute; bottom:60px; right:calc(-50% - 40px); width:auto; height:auto; content:'Beyond Beauty'; font-family:'PlayfairDisplay', 'Pretendard', serif; color:#fff; font-size:50px; z-index:1; } 
.sct_10.lists-row::after { position:absolute; top:0; right:-100%; width:calc(100% - 30px); height:100%; background:url('../images/sub/product_06.jpg') center/cover no-repeat; content:''; visibility:visible; border-radius:20px; } 
.sct_10 { margin:0; } 
.sct_10 .sct_li { padding:0; margin-bottom:0; } 
.lists-row .col-row-2 { width:100%; } 
.lists-row .sct_img img { width:100%; object-fit:cover; } 
.sct_img { overflow:hidden; border-radius:20px; } 
.gnu5_wrap #container { max-width:1600px; width:100%; } 
.sct_10 .sct_txt { margin-top:30px; margin-bottom:10px; padding:0; border-bottom:none; text-align:center; } 
.sct_10 .sct_txt a { font-size:20px; color:var(--point-color); font-weight:500; } 
.sct_basic { display:none; } 
.sct_10 .sct_cost { margin:0; font-weight:400; color:#222; text-align:center; } 
.sct_10 .sct_img a { position:relative; } 
.sct_10 .sct_img a::before { position:absolute; top:20px; right:20px; border-radius:100px; background:#fff url('../images/sub/ico_viewmore.png') center no-repeat; width:50px; height:50px; box-shadow:0 0 10px rgba(0,0,0,0.1); content:''; z-index:1; } 
.sct_10 .sct_img a:hover::before { transition:all 0.4s ease; background:var(--point-color) url('../images/sub/ico_viewmore_on.png') center no-repeat; } 
#sit_sel_option { display:none; } 
#sit_tot_price { display:none; } 
#sit_ov_btn { display:none; } 


/*제품상세*/
/* #sit_info { display:none; } 
#sit_siblings { display:none; } 
#sit_rel { display:none; } 
#sit_pvi_thumb { display:none; } 
#sct_location.view_location { display:none; } 
#sit_ov_wrap { max-width:1600px; width:100%; } 
#sit_pvi { width:50%; } 
#sit_pvi_big { width:100%; border-radius:20px; overflow:hidden; } 
#sit_pvi_big img { width:100%; }  */


/*프로덕트 섹션*/
.product_section{padding:100px 0;background:#fff;}
.product_section_inner{max-width:1600px;width:100%;margin:0 auto;padding:0 50px;}
.product_section_head{display:flex;align-items:flex-end;gap:40px;margin-bottom:120px;}
.product_section_title{font-size:60px;font-weight:300;color:#222;line-height:1.3;}
.product_section_title strong{font-weight:600;}
.product_section_line{flex:1;height:1px;background:#ddd;margin-bottom:15px;}
.product_section_content{}
.product_grid{display:flex;gap:30px;}
.product_grid_left{display:grid;grid-template-columns:repeat(2,1fr);gap:50px 30px;flex:0 0 auto;width:46%;}
.product_grid_right{flex:1;}
.product_card{display:block;text-decoration:none;position:relative;}
.product_card_thumb{position:relative;background:#f5f5f5;border-radius:20px;aspect-ratio:1/1;overflow:hidden;}
.product_card_thumb img{width:100%;height:100%;object-fit:cover;}
.product_card::before { position:absolute; top:20px; right:20px; border-radius:100px; background:#fff url('../images/sub/ico_viewmore.png') center no-repeat; width:50px; height:50px; box-shadow:0 0 10px rgba(0,0,0,0.1); content:''; z-index:1; } 
.product_card:hover::before { transition:all 0.4s ease; background:var(--point-color) url('../images/sub/ico_viewmore_on.png') center no-repeat; } 
.product_card_info{padding:20px 10px 0;text-align:center;}
.product_card_name{font-size:20px;font-weight:600;color:var(--point-color);margin-bottom:8px;word-break: keep-all;}
.product_card_price{font-size:18px;color:#222;}
.product_hero{display:block;border-radius:20px;overflow:hidden;height:100%;position:relative;;}
.product_hero img{width:100%;height:100%;object-fit:cover;}
.product_hero::before{position:absolute; bottom:60px;left:60px; width:auto; height:auto; content:'Beyond Beauty'; font-family:'PlayfairDisplay', 'Pretendard', serif; color:#fff; font-size:50px; z-index:1; } 

/*프로덕트 상세*/
.product_detail{padding:100px 0;background:#fff;}
.product_detail_inner{max-width:1600px;width:100%;margin:0 auto;padding:0 50px;}
.product_detail_head{display:flex;align-items:flex-end;gap:40px;margin-bottom:120px;}
.product_detail_title{font-size:60px;font-weight:300;color:#222;line-height:1.3;}
.product_detail_title strong{font-weight:600;}
.product_detail_line{flex:1;height:1px;background:#ddd;margin-bottom:15px;}
.product_detail_content{display:flex;gap:120px;align-items:flex-start;}
.product_detail_img{flex:0 0 auto;width:45%;background:#f5f5f5;border-radius:20px;overflow:hidden;}
.product_detail_img img{width:100%;display:block;}
.product_detail_info{flex:1;}
.detail_name{font-size:36px;font-weight:600;color:#222;margin-bottom:40px;}
.detail_price{font-size:24px;font-weight:700;color:#222;margin-bottom:50px;}
.detail_table{margin-bottom:50px;}
.detail_row{display:flex;padding:25px 0;border-bottom:1px solid #eee;}
.detail_row dt{flex:0 0 150px;font-size:20px;font-weight:600;color:#222;}
.detail_row dd{flex:1;font-size:18px;font-weight:400;color:#222;line-height:1.4;word-break:keep-all;}
.btn_back{display:block;width:100%;padding:20px;text-align:center;border:1px solid var(--point-color);border-radius:30px;color:var(--point-color);font-size:18px;font-weight:600;text-decoration:none;transition:all 0.3s ease;}
.btn_back:hover{background:var(--point-color);color:#fff;}
.product_detail_view{margin:200px auto 0;text-align:center;}


/* 1600px 이하 - 컨텐츠 패딩 5% 적용 */
@media screen and (max-width: 1920px) {
    .magazine_prev{left:0;}
    .magazine_next{right:0;}
    .magazine_swiper.swiper-initialized{width:90%;}
}


/* 1600px 이하 - 컨텐츠 패딩 5% 적용 */
@media screen and (max-width: 1600px) {
    .content_wrapper,
    .product_slide,
    .skin_glazer_inner,
    .brand_story_inner,
    .main_component_inner,
    .formula_inner,
    .brand_section_inner,
    .brand_history,
    .magazine_inner,
    .footer_inner,
    .product_section_inner,
    .product_detail_inner { 
        width: 100%; 
        padding: 0 5%; 
    }

    .product_slide{padding: 10% 5%; }
    .brand_story_text{padding-left:0;}

    .main_component_inner{gap:100px;flex-wrap:wrap;align-items:center;}
    .main_component_left{width:calc(100% - 800px);}
    .main_component_right{width:700px;}
    .label_pcl{left:5%;}
    


    .brand_story_title{width:40%;font-size:60px;}
    .brand_story_subtitle{width:60%;font-size:60px;padding-top:80px;}
    .brand_story_subtitle::after{top:128px;left:-15%;width:40%}

    .formula_section{padding:60px 5%;}

    .brand_history{padding:200px 5%;}
    .brand_history_inner{padding:0;}
    .footer_inner{padding:0}

    .product_section{padding:100px 5%;}
    .product_detail{padding:100px 5%;}
    .product_section_inner{max-width:100%;width:100%;padding:0;}
    .product_detail_inner{padding:0;}

    .magazine_prev{left:40px;}
    .magazine_next{right:40px;}
    .magazine_prev img, .magazine_next img{width:30px;}

    .footer_all_wrap{padding:80px 5%}
}


/* 태블릿 (1400px 이하) */
@media screen and (max-width: 1400px) {
    #wrap { min-width: 100%; }
    
    /* 헤더 */
    .header_all_wrap { height: 80px; }
    .logo_wrap { top: 28px; width: 160px; }
    .header_sns_wrap { top: 50%; gap: 40px; transform:translateY(-50%);}
    .top_nav { padding-left: 280px; gap: 60px; height:80px;}
    .top_nav .menu a { font-size: 16px; }
    .link_btn_wrap { gap: 30px; }
    .link_btn_wrap .btn_cs_center { font-size: 16px; }
    
    /* 제품라인 */
    .product_label { font-size: 20px; margin-bottom: 40px; }
    .title { font-size: 32px; }
    .brand_name { font-size: 50px; margin-bottom: 30px; }
    .description { font-size: 18px; }
    
    /* 제품 슬라이드 */
    .product_slide { padding: 100px 5%; }
    .product_slide .swiper-wrapper { min-height:690px; }
    .product_name { font-size: 20px; }
    .product_desc { font-size: 16px; }
    .product_price { font-size: 18px; }
    
    /* 스킨글레이저 */
    .skin_glazer { padding: 180px 5%; }
    .skin_glazer_title { font-size: 60px; }
    .skin_glazer_desc { font-size: 20px; }
    
    /* 브랜드스토리 */
    .brand_story { padding: 150px 5%; }
    .brand_story_title { font-size: 60px; }
    .brand_story_subtitle { font-size: 60px; padding-top: 80px; }
    .brand_story_subtitle::after { top: 130px; left: -25%; width:30%; }
    .brand_story_right { gap: 120px; }
    .brand_story_desc { font-size: 40px; }
    .brand_story_info { font-size: 18px; }
    
    /* 메인 컴포넌트 */
    .main_component { padding: 150px 0; }
    .main_component_inner { gap: 100px; }
    .main_component_title { font-size: 40px; }
    .main_component_desc { font-size: 18px; }
    .circle_item { width: 150px; height: 150px; }
    .circle_item p { font-size: 16px; }
    .component_label .label_title { font-size: 24px; }
    .component_label .label_title.point_label { font-size: 32px; }
    .component_label .label_desc { font-size: 16px; }
    .main_component_inner{gap:10%;}
    .main_component_left{max-width:unset;width:calc(90% - 600px);}
    .main_component_right{width:600px;}
    
    /* 포뮬러 섹션 */
    .formula_section { padding: 40px 5%; }
    .formula_text p { font-size: 32px; }
    
    /* 브랜드 섹션 */
    .brand_section { padding: 150px 5%; }
    .brand_block { gap: 80px; margin-bottom: 100px; }
    .block_01 .brand_block_img { width: 50%; }
    .brand_title { font-size: 40px; }
    .brand_desc { font-size: 18px; margin-bottom: 40px; }
    .brand_bottom_title { font-size: 55px; }
    .block_02 .brand_block_content{position:relative;z-index:2;}
    
    /* 브랜드 히스토리 */
    .brand_history { padding: 100px 5%; }
    .brand_history_title { font-size: 55px; margin-bottom: 60px; }
    .history_year { font-size: 70px; }
    .history_desc p { font-size: 16px; }
    
    /* 매거진 */
    .magazine_section { padding: 100px 5%; }
    .magazine_prev { left: -80px; }
    .magazine_next { right: -80px; }
    .magazine_title { font-size: 20px; }
    
    /* 푸터 */
    .footer_all_wrap { padding: 60px 5%; }
    .footer_slogan p { font-size: 40px; }
    .footer_middle { margin-bottom: 100px; }
    .footer_info_col p { font-size: 16px; }
    
    /* 프로덕트 섹션 */
    .product_section_title { font-size: 48px; }
    .product_grid_left { width: 50%; }
    .product_hero::before { font-size: 40px; left: 40px; bottom: 40px; }
    
    /* 프로덕트 상세 */
    .product_detail_title { font-size: 48px; }
    .product_detail_content { gap: 80px; }
    .detail_name { font-size: 30px; }

}

@media screen and (max-width:1200px) {

    .product_info{padding:0;}
    .product_desc{word-break: keep-all;}
    .product_slide .swiper-wrapper{min-height:500px;}

    .main_component_inner{justify-content:center;gap:100px;}
    .main_component_left{width:100%;text-align:center;}
    .main_component_right{flex:unset;}
    .main_component_circle{justify-content:center;}
    .label_pcl{top:162px}
    .label_vitamins{right:200px;}

    .brand_story_desc{font-size:36px;}
    .brand_title{font-size:36px;}
    .brand_desc{line-height:1.4;}

    .footer_middle{flex-wrap:wrap;gap:10px;}
    .footer_info_col{width:100%;padding-right:0;padding-bottom:10px;}
    .footer_info_col::after{display:none;}


}


/* 태블릿 세로 및 작은 태블릿 (1024px 이하) */
@media screen and (max-width: 1024px) {
    /* 헤더 */
    .header_all_wrap { height: 70px; padding: 0 20px; }
    .logo_wrap { left: 20px; width: 140px; }
    .header_sns_wrap { right: 90px; gap: 20px; }
    .top_nav { display: none; }
    .link_btn_wrap .btn_cs_center a { padding: 6px 15px 6px 35px; font-size: 16px; }
    .link_btn_wrap .btn_cs_center a::before { left: 15px; }
    
    /* 제품라인 */
    .product_line { padding: 80px 5%; }
    .content_wrapper_inner { flex-direction: column; text-align: center; }
    .text_area { text-align: center; }
    .product_label { font-size: 18px; margin-bottom: 30px; }
    .title { font-size: 28px; margin-bottom: 10px; }
    .brand_name { font-size: 40px; margin-bottom: 20px; }
    .description { font-size: 16px; }
    .product_area { justify-content: center; }
    
    /* 제품 슬라이드 */
    .product_slide { padding: 80px 5%; }
    .product_info { padding: 0 20px; min-height: auto; }
    .product_name { font-size: 18px; }
    .product_desc { font-size: 16px;}
    .product_price { font-size: 16px; }
    .swiper_progress { width: 200px; }
    .product_slide .swiper-wrapper{min-height:600px;}

    
    /* 스킨글레이저 */
    .skin_glazer { padding: 120px 5%; }
    .skin_glazer_title { font-size: 45px; }
    .skin_glazer_desc { font-size: 18px; }
    
    /* 브랜드스토리 */
    .brand_story { padding: 100px 5%; }
    .brand_story_head { flex-direction: column; align-items: flex-start; gap: 0; margin-bottom: 50px; }
    .brand_story_title { font-size: 45px;width:100%;}
    .brand_story_title br{display:none;}
    .brand_story_subtitle { font-size: 45px; padding-top: 0; text-align: left; width:100%;}
    .brand_story_subtitle br{display:none;}
    .brand_story_subtitle::after { display: none; }
    .brand_story_line { display: none; }
    .brand_story_content { flex-direction: column; gap: 40px; }
    .brand_story_img_left { width: 100%; }
    .brand_story_right { gap: 60px; }
    .brand_story_text { padding-left: 0; }
    .brand_story_label { font-size: 20px; margin-bottom: 30px; }
    .brand_story_desc { font-size: 32px; margin-bottom: 30px; }
    .brand_story_info { font-size: 16px; }
    
    
    
    /* 메인 컴포넌트 */
    .main_component { padding: 100px 5% 150px; }
    .main_component_inner { flex-direction: column; gap: 60px; }
    .main_component_left { max-width: 100%; }
    .main_component_label { font-size: 20px; margin-bottom: 30px; }
    .main_component_title { font-size: 32px; margin-bottom: 30px; }
    .main_component_title span{display: inline-block;padding-left:10px;}
    .main_component_desc {width:80%;margin:0 auto; font-size: 16px; margin-bottom: 30px; word-break:keep-all;}
    .main_component_circle { margin-bottom: 30px; }
    .circle_item{width:150px;height:150px;}
    .circle_item p{font-size:16px;}
    .main_component_sub_title { font-size: 18px; }
    .main_component_info { font-size: 16px; }
    .main_component_right { min-height: auto; }
    .component_label .label_title { font-size: 20px; }
    .component_label .label_title.point_label { font-size: 28px; }
    .component_label .label_desc { font-size: 16px; padding-left: 15px; }
    .label_pcl {left: 40px; }
    .label_bioactive { bottom: -60px; right: 0; }
    
    
    /* 포뮬러 섹션 */
    .formula_section { padding: 100px 5% 0; }
    .formula_inner { min-height: 400px; }
    .formula_text p { font-size: 24px; }
    .formula_img img { max-width: 300px; }
    
    /* 브랜드 섹션 */
    .brand_section { padding: 100px 5%; }
    .brand_block { flex-direction: column; gap: 40px; margin-bottom: 80px; }
    .block_01 .brand_block_img { width: 100%; }
    .brand_label { font-size: 20px; margin-bottom: 30px; }
    .brand_title { font-size: 32px; margin-bottom: 20px; }
    .brand_desc { font-size: 16px; margin-bottom: 30px; }
    .brand_block_imgs { gap: 50px; }
    .brand_small_img.first_img { padding-top: 80px; }
    .block_02_imgs { flex-direction: column; }
    .block_02_imgs .brand_big_img:first-child { width: 100%; }
    .block_02_imgs .brand_big_img:last-child { margin-top: 0; }
    .brand_bottom { margin-top: 100px; }
    .brand_bottom_title { font-size: 40px; }
    .brand_bottom_line { width: 60px; margin-right: 10px; }
    
    
    /* 브랜드 히스토리 */
    .brand_history { padding: 80px 5%; }
    .brand_history_title { font-size: 45px; margin-bottom: 40px; }
    .history_item { padding-right: 30px; }
    .history_year { font-size: 55px; }
    .history_desc p { font-size: 16px; }
    .history_control { margin-top: 50px; }
    
    /* 매거진 */
    .magazine_section { padding: 80px 5%; }
    .magazine_prev, .magazine_next { display: none; }
    .magazine_info { padding: 30px; }
    .magazine_title { font-size: 18px; }
    
    /* 푸터 */
    .footer_all_wrap { padding: 50px 5%; }
    .footer_top { flex-direction: column; gap: 30px; }
    .footer_slogan p { font-size: 32px; text-align: left; }
    .footer_middle { flex-direction: column; gap: 20px; margin-bottom: 60px; }
    .footer_info_col { padding-right: 0; }
    .footer_info_col::after { display: none; }
    .footer_info_col p { font-size: 16px; }
    .footer_bottom { flex-direction: column; gap: 20px; align-items: flex-start; }
    
    /* 프로덕트 섹션 */
    .product_section { padding: 80px 5%; }
    .product_section_head { flex-direction: column; align-items: flex-start; gap: 20px; margin-bottom: 60px; }
    .product_section_title { font-size: 36px; }
    .product_section_line { display: none; }
    .product_grid { flex-direction: column; gap: 40px; }
    .product_grid_left { width: 100%; gap: 30px 20px; }
    .product_card_name { font-size: 18px; }
    .product_card_price { font-size: 16px; }
    .product_hero::before { font-size: 32px; left: 30px; bottom: 30px; }
    
    /* 프로덕트 상세 */
    .product_detail { padding: 80px 5%; }
    .product_detail_head { flex-direction: column; align-items: flex-start; gap: 20px; margin-bottom: 60px; }
    .product_detail_title { font-size: 36px; }
    .product_detail_line { display: none; }
    .product_detail_content { flex-direction: column; gap: 50px; }
    .product_detail_img { width: 100%; }
    .detail_name { font-size: 26px; margin-bottom: 30px; }
    .detail_price { font-size: 22px; margin-bottom: 40px; }
    .detail_row dt { flex: 0 0 120px; font-size: 18px; }
    .detail_row dd { font-size: 16px; }



    
}


/* 모바일 (768px 이하) */
@media screen and (max-width: 768px) {
    /* 헤더 */
    .header_all_wrap { height: 60px; }
    .logo_wrap { top: 50%; transform:translateY(-50%); width: 120px; }
    .header_sns_wrap {
        gap: 15px;
        right: 60px;
    }
    .link_btn_wrap { gap: 15px; }
    .link_btn_wrap .btn_cs_center { font-size: 12px; }
    .link_btn_wrap .btn_cs_center a { padding: 5px 12px 5px 28px; }
    .link_btn_wrap .btn_cs_center a::before { left: 10px; width: 12px; height: 12px; margin-top: -5px; }
    .m_menu_btn:before {
    content: "";
    position: absolute;
    top: -1px;
    left: 0px;
    right: 0px;
    height: 3px;
    background-color: #fff;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
  .m_menu_btn:after {
    content: "";
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    height: 3px;
    background-color: #fff;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}  
    .m_menu_btn_wrap {
        width: 25px;
        height: 35px;
        top: 37px;
    }
    /* 제품라인 */
    .product_line { padding: 60px 5%; }
    .product_label { font-size: 16px; margin-bottom: 20px; }
    .title { font-size: 22px; }
    .brand_name { font-size: 32px; margin-bottom: 15px; letter-spacing: 1px; }
    .description { font-size: 16px; }
    
    /* 제품 슬라이드 */
    .product_slide { padding: 60px 5%; }
    .product_swiper { padding: 0 20px; }
    .product_img { border-radius: 15px; margin-bottom: 20px; }
    .product_info { padding: 0 10px; }
    .product_name { font-size: 16px; margin-bottom: 8px; }
    .product_desc { font-size: 16px; margin-bottom: 8px; }
    .product_price { font-size: 16px;}
    .swiper_control { flex-direction: column; gap: 20px; margin-top: 30px; }
    .swiper_progress { width: 100%; }
    .swiper-slide-next .product_img { aspect-ratio: 1/1; }
    
    /* 스킨글레이저 */
    .skin_glazer { padding: 80px 5%; }
    .skin_glazer_title { font-size: 32px; margin-bottom: 20px; }
    .skin_glazer_desc { font-size: 16px; word-break: keep-all;}
    
    /* 브랜드스토리 */
    .brand_story { padding: 80px 5%; }
    .brand_story_head { margin-bottom: 40px; }
    .brand_story_title { font-size: 32px; }
    .brand_story_subtitle { font-size: 32px; }
    .brand_story_img_left img,
    .brand_story_img_right img { border-radius: 15px; }
    .brand_story_right { gap: 40px; }
    .brand_story_label { font-size: 18px; margin-bottom: 25px; }
    .brand_story_desc { font-size: 26px; margin-bottom: 25px; }
    .brand_story_info { font-size: 16px;}
    
    /* 메인 컴포넌트 */
    .main_component { padding: 80px 5%; }
    .main_component_inner { gap: 50px; }
    .main_component_label { font-size: 18px; margin-bottom: 25px; }
    .main_component_title { font-size: 26px; margin-bottom: 25px; }
    .main_component_desc { font-size: 16px;margin-bottom: 25px; }
    .main_component_circle { flex-wrap: wrap; justify-content: center; }
    .circle_item p { font-size: 16px;}
    .circle_plus { font-size: 24px; }
    .main_component_sub_title { font-size: 16px; margin-bottom: 15px; }
    .main_component_info { font-size: 16px; }
    .main_component_right{width:auto;margin-bottom: 60px;}
    .label_pcl{left:auto;right:65%;top:27%;scale:80%;}
    .label_minerals{scale:90%;left:5%;bottom:2%}
    .label_vitamins{scale:90%;right:30%;top:5%;}
    .label_bioactive{scale:90%;bottom:-13%;}
    
    /* 포뮬러 섹션 */
    .formula_section { padding: 60px 5%; }
    .formula_inner { min-height: 300px;  }
    .formula_text p { font-size: 18px; line-height: 1.6; }
    .formula_text p br{display:none;}
    .formula_text p span:nth-child(29), .formula_text p span:nth-child(44){display:inline-block; padding-left:5px;}
    .formula_img { margin-bottom: -30px; }
    .formula_img img { max-width: 200px; }
    
    /* 브랜드 섹션 */
    .brand_section { padding: 0 5% 80px; }
    .brand_block { gap: 30px; margin-bottom: 60px; }
    .brand_label { font-size: 18px; margin-bottom: 25px; }
    .brand_title { font-size: 26px; margin-bottom: 15px; }
    .brand_desc { font-size: 16px;margin-bottom: 25px; }
    .brand_block_imgs {gap:20px}
    .brand_small_img.first_img {padding-top:50px}
    .brand_small_img img,
    .brand_big_img img { border-radius: 15px; }
    .brand_bottom { margin-top: 60px; }
    .brand_bottom_title { font-size: 28px; }
    .brand_bottom_line { width: 40px; }
    
    /* 브랜드 히스토리 */
    .brand_history { padding: 60px 5%; }
    .brand_history_title { font-size: 36px; margin-bottom: 30px; }
    .history_item { padding-right: 20px; }
    .history_year { font-size: 45px; margin-bottom: 15px; }
    .history_line { margin-bottom: 20px; }
    .history_desc p { font-size: 16px;margin-bottom: 8px; }
    .history_control { margin-top: 40px; }
    .history_nav button { width: 35px; height: 35px; font-size: 12px; }
    .history_swiper .swiper-slide:nth-child(2n) { margin-bottom: 60px; }
    
    /* 매거진 */
    .magazine_section { padding: 60px 5%; }
    .magazine_thumb { border-radius: 15px; }
    .magazine_info { padding: 25px; }
    .magazine_cate { font-size: 12px; padding: 4px 12px; }
    .magazine_title { font-size: 16px; }
    
    /* 푸터 */
    .footer_all_wrap { padding: 40px 5%; }
    .footer_logo p { font-size: 22px; }
    .footer_top { margin-bottom: 40px; }
    .footer_slogan p { font-size: 26px; }
    .footer_middle { margin-bottom: 40px; }
    .footer_info_col p { font-size: 16px;line-height: 1.8; }
    .footer_copy { font-size: 16px;}
    .sns_link { width: 40px; height: 40px; }
    
    /* 프로덕트 섹션 */
    .product_section{padding:60px 5%;}
    .product_section_title{font-size:32px;}
    .product_section_head{margin-bottom:40px;}
    .product_grid_left{gap:30px 15px;}
    .product_grid_right{height:300px;}
    .product_card_thumb{border-radius:15px;}
    .product_card::before{width:36px;height:36px;top:12px;right:12px;background-size:16px auto;}
    .product_card_info{padding:15px 5px 0;}
    .product_card_name{font-size:16px;margin-bottom:5px;}
    .product_card_price{font-size:14px;}
    .product_hero{border-radius:15px;}
    .product_hero::before{font-size:28px;bottom:30px;left:30px;}
    
    /* 프로덕트 상세 */
    .product_detail { padding: 60px 5%; }
    .product_detail_head { margin-bottom: 40px; }
    .product_detail_title { font-size: 28px; }
    .product_detail_content { gap: 40px; }
    .product_detail_img { border-radius: 15px; }
    .detail_name { font-size: 22px; margin-bottom: 25px; }
    .detail_price { font-size: 20px; margin-bottom: 30px; }
    .detail_table { margin-bottom: 30px; }
    .detail_row { padding: 20px 0; flex-direction: column; gap: 8px; }
    .detail_row dt { flex: none; font-size: 16px; }
    .detail_row dd { font-size: 16px;}
    .btn_back { padding: 16px; font-size: 16px; }
    .product_detail_view { margin-top: 100px; }



    .footer_bottom{align-items:center;}


}


/* 소형 모바일 (680px 이하) */
@media screen and (max-width: 680px) {
    .main_sec_01_all_wrap{height:auto !important;}

    .main_component_desc{width:100%;}
    .label_pcl{left:0; right:auto;}
    .product_slide .swiper-wrapper{min-height:auto;}

    .main_component_circle{flex-direction:column;gap:5px}
    .circle_item{width:100%;height:auto;border-radius:100px;padding:10px;}
    .circle_item p br{display:none;} 
    .main_component_info{line-height:1.4;}

}

@media screen and (max-width: 580px) {
    .header_all_wrap{top:0;}
}


/* 소형 모바일 (480px 이하) */
@media screen and (max-width: 480px) {
    /* 헤더 */
    .header_all_wrap { height: 55px; padding: 0 15px; }
    .logo_wrap {left: 15px; width: 100px; }
    .header_sns_wrap {right: 60px; gap: 10px; }
    
    
    /* 공통 */
    .content_wrapper,
    .product_swiper,
    .skin_glazer_inner,
    .brand_story_inner,
    .main_component_inner,
    .formula_inner,
    .brand_section_inner,
    .brand_history_inner,
    .magazine_inner,
    .footer_inner,
    .product_section_inner,
    .product_detail_inner { 
        padding: 0; 
    }
    
    /* 제품라인 */
    .product_line { padding: 50px 5%; }
    .product_label { font-size: 16px; margin-bottom: 15px; }
    .title { font-size: 18px; margin-bottom: 8px; }
    .brand_name { font-size: 26px; margin-bottom: 12px; }
    .description { font-size: 16px;}
    
    /* 제품 슬라이드 */
    .product_slide { padding: 50px 5%; }
    .product_swiper { padding: 0 15px; }
    .product_img { border-radius: 12px; margin-bottom: 15px; }
    .product_name { font-size: 16px;}
    .product_desc { font-size: 16px;}
    .product_price { font-size: 16px; }
    
    /* 스킨글레이저 */
    .skin_glazer { padding: 60px 5%; }
    .skin_glazer_title { font-size: 26px; margin-bottom: 15px; }
    .skin_glazer_desc { font-size: 16px; }
    
    /* 브랜드스토리 */
    .brand_story { padding: 60px 5%; }
    .brand_story_title { font-size: 26px; }
    .brand_story_subtitle { font-size: 26px; }
    .brand_story_img_left img,
    .brand_story_img_right img { border-radius: 12px; }
    .brand_story_label { font-size: 16px; margin-bottom: 20px; }
    .brand_story_desc { font-size: 22px; margin-bottom: 20px; }
    .brand_story_info { font-size: 16px; }
    
    /* 메인 컴포넌트 */
    .main_component { padding: 60px 5%; }
    .main_component_label { font-size: 16px; margin-bottom: 20px; }
    .main_component_title { font-size: 22px; margin-bottom: 20px; }
    .main_component_desc { font-size: 16px; }
    .main_component_sub_title { font-size: 16px; }
    .main_component_info { font-size: 16px;}
    .component_label .label_title { font-size: 16px; }
    .component_label .label_title.point_label { font-size: 20px; }
    .component_label .label_desc { font-size: 12px; }
    .label_vitamins{top:0;}
    .label_pcl{top:24%;}
    .label_minerals{bottom:0;}
    .label_bioactive{bottom:-15%;}

    
    /* 포뮬러 섹션 */
    .formula_section { padding: 30px 5%; }
    .formula_inner { min-height: 250px; }
    .formula_text p { font-size: 17px;}
    .formula_img img { max-width: 150px; }

  
  
    .formula_text p span:nth-child(44){display:inline-block;}
    /* .formula_text p .dp_block{display:block;} */
    
    /* 브랜드 섹션 */
    .brand_section { padding: 0 5% 60px; }
    .brand_block { margin-bottom: 50px; }
    .brand_label { font-size: 16px; margin-bottom: 20px; }
    .brand_title { font-size: 22px; }
    .brand_desc { font-size: 16px; margin-bottom: 20px; word-break: keep-all;}
    .brand_small_img img,
    .brand_big_img img { border-radius: 12px; }
    .brand_bottom { margin-top: 50px; }
    .brand_bottom_title { font-size: 22px; }
    .brand_bottom_line { width: 30px; margin-right: 8px; }
    
    /* 브랜드 히스토리 */
    .brand_history { padding: 50px 5%; }
    .brand_history_title { font-size: 28px; margin-bottom: 25px; }
    .history_year { font-size: 36px; }
    .history_desc p { font-size: 16px; word-break: keep-all;}
    .history_nav button { width: 30px; height: 30px; }
    .history_swiper .swiper-slide:nth-child(2n) { margin-bottom: 40px; }
    .history_progress{max-width:calc(100% - 110px);}
    
    /* 매거진 */
    .magazine_section { padding: 50px 5%; }
    .magazine_thumb { border-radius: 12px; }
    .magazine_info { padding: 20px; }
    .magazine_cate { font-size: 16px; padding: 3px 10px; margin-bottom: 10px; }
    .magazine_title { font-size: 16px; }
    
    /* 푸터 */
    .footer_all_wrap { padding: 50px 5%; }
    .footer_logo p { font-size: 18px; }
    .footer_slogan p { font-size: 20px; }
    .footer_middle { margin-bottom: 30px; }
    .footer_info_col p { font-size: 16px; }
    .footer_copy { font-size: 16px; }
    .sns_link { width: 35px; height: 35px; border-radius: 8px; }
    
    
    /* 프로덕트 섹션 */
    .product_section { padding: 50px 5%; }
    .product_section_head { margin-bottom: 30px; }
    .product_section_title { font-size: 24px; }
    .product_grid_left { gap: 15px 10px; }
    .product_card_thumb { border-radius: 12px; }
    .product_card::before { width: 35px; height: 35px; top: 12px; right: 12px; }
    .product_card_info { padding: 12px 3px 0; }
    .product_card_name { font-size: 16px; }
    .product_card_price { font-size: 16px; }
    .product_hero { border-radius: 12px; min-height: 250px; }
    .product_hero::before { font-size: 20px; left: 20px; bottom: 20px; }
    
    /* 프로덕트 상세 */
    .product_detail { padding: 50px 5%; }
    .product_detail_head { margin-bottom: 30px; }
    .product_detail_title { font-size: 24px; }
    .product_detail_img { border-radius: 12px; }
    .detail_name { font-size: 20px; margin-bottom: 20px; }
    .detail_price { font-size: 18px; margin-bottom: 25px; }
    .detail_row { padding: 15px 0; }
    .detail_row dt { font-size: 16px;}
    .,5
    .detail_row dd { font-size: 16px; }
    .btn_back { padding: 14px; font-size: 16px;border-radius: 25px; }
    .product_detail_view { margin-top: 80px; }    
    /* toTop 버튼 */
    #toTop {bottom: 70px; }


    /*서브페이지*/
    .product_section_inner{padding:0 5%}
    .product_section{padding:50px 0;}
    .product_section_title{font-size:28px;}
    .product_grid_left{grid-template-columns:repeat(1,1fr);gap:50px 10px;}
    .product_grid_right{height:250px;}
    .product_card::before{width:30px;height:30px;top:10px;right:10px;background-size:14px auto;}
    .product_card_thumb{border-radius:12px;}
    .product_card_info{padding:12px 0 0;}
    .product_card_name{font-size:18px;margin-bottom:4px;}
    .product_card::before{display:none;}
    .product_card_price{font-size:16px;}
    .product_hero{border-radius:12px;}
    .product_hero::before{font-size:22px;bottom:20px;left:20px;}

}


/* 가로 모드 대응 */
@media screen and (max-height: 500px) and (orientation: landscape) {
    .skin_glazer { padding: 60px 5%; }
    .skin_glazer_title { font-size: 28px; }
    .formula_section { padding: 60px 0; }
    .formula_inner { min-height: 250px; }
}
