.sct_sub_txt { font-size:16px; color:#555; font-weight:300; padding:5px 0 10px 0}

@import url('https://webfontworld.github.io/NanumSquareNeo/NanumSquareNeo.css');
@font-face { font-family: 'GmarketSansLight'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'GmarketSansMedium'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'GmarketSansBold'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');font-weight: normal; font-style: normal;}

@font-face {
    font-family: 'NanumSquareNeoLight';
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-aLt.eot);
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-aLt.eot?#iefix) format("embedded-opentype"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-aLt.woff) format("woff"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-aLt.ttf) format("truetype");
}

@font-face {
    font-family: 'NanumSquareNeo';
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-bRg.eot);
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-bRg.eot?#iefix) format("embedded-opentype"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-bRg.woff) format("woff"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-bRg.ttf) format("truetype");
}

@font-face {
    font-family: 'NanumSquareNeoBold';
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-cBd.eot);
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-cBd.eot?#iefix) format("embedded-opentype"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-cBd.woff) format("woff"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-cBd.ttf) format("truetype");
}

@font-face {
    font-family: 'NanumSquareNeoExtraBold';
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-dEb.eot);
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-dEb.eot?#iefix) format("embedded-opentype"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-dEb.woff) format("woff"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-dEb.ttf) format("truetype");
}

@font-face {
    font-family: 'NanumSquareNeoHeavy';
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-eHv.eot);
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-eHv.eot?#iefix) format("embedded-opentype"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-eHv.woff) format("woff"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-eHv.ttf) format("truetype");
}

@font-face {
    font-family: 'NanumSquareNeoVariable';
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeo-Variable.eot);
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeo-Variable.eot?#iefix) format("embedded-opentype"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeo-Variable.woff) format("woff"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeo-Variable.ttf) format("truetype");
}






/*메인배너*/
.main-carousel{padding:0; display:block;}
.main-carousel .li{height:750px; background-position:center; position:relative; background-size:cover}
.main-carousel .jarallax {height: 750px;}
.main-carousel .img01 { background-image: linear-gradient( rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1) ),url(../images/bg_main1.jpg)}
.main-carousel .img02 { background-image: linear-gradient( rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1) ),url(../images/bg_main2.jpg)}
.main-carousel .img03 { background-image: linear-gradient( rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1) ),url(../img/main_banner_img03.jpg)}
.main-carousel .li .copy_area_wrap {max-width:1240px; margin:auto; padding:0 20px; }
.main-carousel .li .copy_area{  position:absolute;
    top:30%;
    left:50%;
    transform:translate(-50%, -50%);
    color:#fff;
    z-index:2;
    text-align:center;
    width:100%; text-align:center; }
.main-carousel .li .copy_area2 {  position:absolute;
    top:40%;
    left:68%;
    transform:translate(-50%, -50%);
    color:#fff;
    z-index:2;
    text-align:left;
    width:100%; }	
.main-carousel .li .copy_area p.t1 {font-family: 'GmarketSansMedium';  font-size:24px; margin-bottom:5px;}
.main-carousel .li .copy_area p.t2 {font-family: 'GmarketSansBold';  font-size:55px; margin-bottom:30px;}
.main-carousel .li .copy_area p.t3 {font-size:18px; line-height:28px; white-space:pre-line; opacity:0.7;}

.main-carousel .li .copy_area2 p.t1_2 {font-family: 'GmarketSansMedium';  font-size:24px; margin-bottom:5px; white-space:pre-line; line-height:30px;}
.main-carousel .li .copy_area2 p.t2_2 {font-family: 'GmarketSansBold';  font-size:55px; margin-bottom:30px; }
.main-carousel .li .copy_area2 p.t3_2 {font-size:18px; line-height:28px; white-space:pre-line; opacity:0.7;}



.main-carousel .owl-dots{position:absolute;width:100%; text-align:center; margin:0 auto; bottom:50px;}
.main-carousel .owl-dots .owl-dot{background:rgba(255, 255, 255, 0.5);width:50px;height:6px;display:inline-block;margin-left:10px; border:0}
.main-carousel .owl-dots .owl-dot.active{background:#6c6e70}
.main-carousel .owl-nav{position:absolute;width:100%;bottom:60%}
.main-carousel .owl-nav .owl-prev{width:40px;height:30px;position:absolute;left:50px; font-size:14px; color:#fff; border-top: 1px solid #fff; border-left:0; border-right:0; border-bottom:0; padding-top:5px; text-align:center; background-color:transparent; cursor:pointer}
.main-carousel .owl-nav .owl-next{width:40px;height:30px;position:absolute;right:50px; font-size:14px; color:#fff; border-top: 1px solid #fff; border-left:0; border-right:0; border-bottom:0; padding-top:5px; text-align:center; background-color:transparent;  cursor:pointer}



@media screen and (max-width:1100px) {
.main-carousel .li .copy_area p.t1 { font-size:22px; margin-bottom:5px;}
.main-carousel .li .copy_area p.t2 {font-size:45px; margin-bottom:30px;}
.main-carousel .li .copy_area p.t3 {font-size:16px; white-space:pre-line; opacity:0.7;}

.main-carousel .li .copy_area2 p.t1_2 { font-size:22px; margin-bottom:5px;}
.main-carousel .li .copy_area2 p.t2_2 {font-size:45px; margin-bottom:30px;}
.main-carousel .li .copy_area2 p.t3_2 {font-size:16px; white-space:pre-line; opacity:0.7;}
}


@media screen and (max-width:768px) {
	.main-carousel .li{height:80vh}
	.main-carousel .jarallax { height: 80vh;}
	.main-carousel .owl-nav { display:none}
	.main-carousel .li .copy_area { top:30%}
	.main-carousel .li .copy_area2 {left:50%; top:30%}
.main-carousel .li .copy_area p.t1 { font-size:13px; margin-bottom:2px; letter-spacing:-1.2px;}
.main-carousel .li .copy_area p.t2 {font-size:35px; margin-bottom:15px;}
.main-carousel .li .copy_area p.t3 {font-size:13px; line-height:20px; letter-spacing:-1px;}

.main-carousel .li .copy_area2 p.t1_2 { font-size:13px; margin-bottom:2px; line-height:18px; letter-spacing:-1.2px; text-align:center;}
.main-carousel .li .copy_area2 p.t2_2 {font-size:35px; margin-bottom:15px; text-align:center;}
.main-carousel .li .copy_area2 p.t3_2 {font-size:13px; line-height:20px; letter-spacing:-1px; text-align:center;}
	
	.main-carousel .img01 {background-image: linear-gradient( rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3) ),url(../images/bg_main1_m.jpg)}
	.main-carousel .img02 {background-image: linear-gradient( rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3) ),url(../images/bg_main2_m.jpg)} 
	.main-carousel .img03 {background-image: linear-gradient( rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3) ),url(../img/m_main_banner_img03.jpg)} 
	.main-carousel .li .copy_area h4 { border:1px solid #f2f2f2}
	.main-carousel .li .copy_area h4 a { color:#fff}
	.main-carousel .owl-dots .owl-dot.active{background:#fff}
}
/*메인배너*/





.tl_top_wrap { width:100%; padding:150px 0; position:relative}
.tl_top_wrap .inner { max-width:1300px}
.tl_top_wrap ul {width: 100%;  display: flex; justify-content: space-between; flex-wrap: wrap}
.tl_top_wrap ul .left {  width:50.31%;}
.tl_top_wrap ul .left .photo01 {background:url(../img/top_left_img.jpg) center no-repeat; height:752px; width:100%; position:relative;  background-size:cover; border-radius:10px;  clear:both}
.tl_top_wrap ul .left .photo01 .txt_center { padding-top:430px; display:block; font-size:180px; color:#fff; text-align:center; letter-spacing:-2px; font-family:"Times New Roman", Times, serif}
.tl_top_wrap ul .left .photo01 .txt_center span { font-size:48px}
.tl_top_wrap ul .left .photo01 .clearfix { padding:260px 20px 20px 50px; max-width:355px}
.tl_top_wrap ul .left .photo01 .clearfix h2 { font-size:40px; color:#73504a; font-weight:500}
.tl_top_wrap ul .left .photo01 .clearfix p { font-size:16px; color:#73504a; padding-top:20px; font-weight:300}

.tl_top_wrap ul .left .text_box { padding:64px 20px 20px 20px;  position:relative;}
.tl_top_wrap ul .left .text_box .txt_left { position:absolute; left:3%; bottom:820px; transform: rotate(90deg); font-size:22px}	
.tl_top_wrap ul .left .text_box .txt_left span { font-size:17px}
.tl_top_wrap ul .left .txt_center .price { font-size:23px; text-align:center; letter-spacing:0}

.tl_top_wrap ul .left .text_box h2 { font-size:17px; font-weight:300; padding-bottom:20px; letter-spacing:-0.02em; color:#333; font-weight:400}
.tl_top_wrap ul .left .text_box h1 { font-size:36px; font-weight:700; padding-bottom:20px}
.tl_top_wrap ul .left .text_box p { font-size:16px; max-width:400px; color:#555; line-height:1.4; letter-spacing: -0.02em;font-weight: 300;  word-break:keep-all}


.tl_top_wrap ul .right { width:40.6%;}
.tl_top_wrap ul .right  .photo02 {background:url(../img/top_right_img.jpg) center no-repeat; height:639px; width:100%; position:relative; border-radius:10px;  background-size:cover}
.tl_top_wrap ul .right  .photo02 .small { color:#fff; font-size:45px; font-weight:100; position:absolute; left: 50%; top:80px}
.tl_top_wrap ul .right  .photo02 p {  color:#fff; font-size:16px; font-weight:100; position:absolute; left: 50.5%; top:190px; letter-spacing:-0.02em; padding-right:55px}
.tl_top_wrap ul .right  .text_box { padding:100px 20px 64px 20px; display:block; clear:both}
.tl_top_wrap ul .right  .text_box h2 { font-size:17px; font-weight:400; color:#333; padding-bottom:20px;}
.tl_top_wrap ul .right  .text_box h1 { font-size:36px; font-weight:700; padding-bottom:20px}
.tl_top_wrap ul .right  .text_box p { font-size:16px; color:#555; line-height:1.4; letter-spacing: -0.02em;font-weight: 300; word-break:keep-all; max-width:500px  }

@media screen and (max-width:1080px) {
	.tl_top_wrap ul .left{ width:100%; display:block; margin:auto; float:none; background-size:auto; clear:both}
	.tl_top_wrap ul .left .text_box { padding: 50px 20px 64px 20px}
	.tl_top_wrap ul .left .text_box .txt_left { left:-10%}
	.tl_top_wrap ul .right{ width:100%; display:block; margin:auto; float:none; background-size:auto; clear:both}
	.tl_top_wrap ul .right .text_box  { padding: 150px 20px 64px 20px;}

}


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

.tl_top_wrap ul .left .text_box {padding:50px 20px 64px 20px;}
.tl_top_wrap ul .right .text_box  { padding:0; position:absolute; bottom:-80px; margin-top:20px; left:20px}

}


.tl_center_banner_wrap { margin:150px 0 ; background:url(../img/center_banner.png) center no-repeat;  height:647px;}

.tl_bottom_banner_wrap { width:100%; padding:150px 0; background-color:#f5f5f5; margin:150px 0; }
.tl_bottom_banner_wrap .left { padding:480px 20px 20px 50px}
.tl_bottom_banner_wrap .left h2 { color:#fff; font-size:30px}
.tl_bottom_banner_wrap .left { width:51.5%; height:688px; background:url(../img/bottom_left01.jpg) center; float:left; position:relative; background-size:cover}
.tl_bottom_banner_wrap .left a { width:100%; height:200px; display:block}
.tl_bottom_banner_wrap .left .more a  {display:block; width:190px; font-size:14px; color:#f5f5f5;  margin:0; line-height:40px; padding:5px 0px; transition: all 0.2s; background-image:url(../img/arrow_latest.png); background-repeat:no-repeat; background-position: 80px center;}
.tl_bottom_banner_wrap .left .more a:hover {padding:5px 10px; transition: all 0.3s;}

.tl_bottom_banner_wrap .right { width:48.5%; float:left}
.tl_bottom_banner_wrap .right .top {background:url(../img/bottom_right01.jpg) left top no-repeat; background-size:cover; height:325px; clear:both}
.tl_bottom_banner_wrap .right .top a { width:100%; height:325px; padding:166px 0 0 67px; display:block}
.tl_bottom_banner_wrap .right .top h2 { font-size:30px; color:#374039; font-weight:600}
.tl_bottom_banner_wrap .right .top p { font-size:16px; line-height:1.4; letter-spacing:-0.02em; font-weight:300; color:#555; padding-top:20px; max-width:283px}
.tl_bottom_banner_wrap .right .top .more a {display:block; width:190px; font-size:14px; color:#333;  margin:0; line-height:40px; padding:5px 0px; transition: all 0.2s; background-image:url(../img/arrow_latest2.png); background-repeat:no-repeat; background-position: 80px center;}
.tl_bottom_banner_wrap .right .top .more a:hover {padding:5px 10px; transition: all 0.3s;}

.tl_bottom_banner_wrap .right .bottom { clear:both}
.tl_bottom_banner_wrap .right .bottom .box01 {background:url(../img/bottom_right02.jpg) center no-repeat; background-size:cover; height:363px; float:left; width:50%; padding:38px 20px 20px 37px}
.tl_bottom_banner_wrap .right .bottom .box01 a { width:100%; height:363px; display:block}
.tl_bottom_banner_wrap .right .bottom .box01 h2 { font-size:18px; color:#fff}
.tl_bottom_banner_wrap .right .bottom .box01 p { font-size:16px; padding-top:5px; color:#efddc8}
.tl_bottom_banner_wrap .right .bottom .box02 {background:url(../img/bottom_right03.jpg) center no-repeat; background-size:cover; height:363px; float:left; width:50%; padding:254px 20px 20px 37px}
.tl_bottom_banner_wrap .right .bottom .box02 h2 { color:#573a20; font-size:18px; letter-spacing:4px; font-weight:500}


@media screen and (max-width:750px) {
.tl_center_banner_wrap { margin:0}	
.tl_bottom_banner_wrap { padding:0; margin:0}
.tl_bottom_banner_wrap .left{ width:100%; clear:both}
.tl_bottom_banner_wrap .right { width:100%; clear:both}
.tl_bottom_banner_wrap .right .bottom .box01 { width:100%}
.tl_bottom_banner_wrap .right .bottom .box02 { width:100%}
}



/*하단 컨텐츠*/
.left_box { position: absolute; right: 110px; padding-right: 50px;}
.btn-more2 { position: absolute;  right: -85px; transform: rotate(90deg);  margin-top: -208px;}
.more_arrow {  padding-left: 10px;}
.middle_text01 { padding-bottom: 20px;}

.tl_about_box_wrap  {width:100%; padding:150px 0 150px 0; display:flex}
.tl_about_box_wrap .photo { width:55.3%; height:557px; background-image:url(../img/beauty.png); background-repeat:no-repeat; background-position:top center; background-size:cover; float:left; padding:100px }
.tl_about_box_wrap .txt { width:40%; height: 436px; padding: 80px 20px 20px 70px; margin-top: 121px; background-color:#f7f7f7}
.tl_about_box_wrap .txt h3 { font-size:18px; padding-bottom:20px; font-weight:400}
.tl_about_box_wrap .txt h2 { font-size:36px; display:block; max-width:502px; font-weight:300; letter-spacing:-1px; clear:both}
.tl_about_box_wrap .txt p { display:block; padding:20px 0 20px 0; color:#555; font-size:17px; line-height:1.4; letter-spacing:-0.02em; font-weight:300; max-width:575px; word-break:keep-all}
.tl_about_box_wrap .more { font-size: 14px; font-weight: 600; text-align: left; width: 160px; border: 1px solid #ddd;}
.tl_about_box_wrap .more a { color: #000;padding: 15px 40px;  display: block;  text-align: center;}
.tl_about_box_wrap .more:hover { background-color:#cd0000; border:1px solid #cd0000; color:#fff; -webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
.tl_about_box_wrap .more:hover a{color:#fff;padding:15px 40px;display:block; text-align:center}



@media screen and (max-width:1200px) {
.tl_about_box_wrap { display:block}
.tl_about_box_wrap .photo  { width: 100%}	
.tl_about_box_wrap .txt { width:100%; padding: 100px 20px 20px 20px; }
.tl_about_box_wrap .txt h2 { max-width:402px}
.tl_about_box_wrap .txt p { max-width:400px}

	
}



@media screen and (max-width:1080px) {
.tl_about_box_wrap  { padding:0 0 150px 0}	
	
}


@media screen and (max-width:956px) {
	.tl_about_box_wrap .photo { width:100%;  clear:both; float:none; padding:20px; background-size: inherit;} 
	.tl_about_box_wrap .txt { width:100%;  padding: 100px 20px 20px 20px; margin-top:0}
	.tl_about_box_wrap .txt h2 { padding:0; font-weight:300; word-break:keep-all}
	.tl_about_box_wrap .txt p { max-width:380px; font-size:15px; font-weight:300; line-height:1.6; margin-top:10px; padding:0 0 20px 0 }
	.tl_about_box_wrap .txt h3 { font-size:17px; font-weight:400; padding:100px 0 20px 0px}
}


@media screen and (max-width: 640px) {
	.tl_about_box_wrap { padding:0; margin-top:100px}
    .tl_about_box_wrap .txt  { padding:0px 20px 20px 40px; width:100%}
	.tl_about_box_wrap .txt h2 { font-size:36px;}
}


.sct_img{ overflow: hidden;}
.sct_img img { transition: all 0.2s linear;}
/* .sct_img:hover img {
  transform: scale(1.3);
} */

.btn_wish{color:#c1c4c6;}
.button_on .fa-heart-o,.style_class .fa-heart-o{color:red;}




/*메인추가수정*/

/*8개퀵아이콘*/
.main-category {
  width: 100%;
  padding: 45px 20px 80px;
  background: #fff;
}

.main-category-inner {
  max-width: 1400px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
}

.cate-item {
  flex: 1;
  text-align: center;
  text-decoration: none;
  color: #111;
}

.cate-icon {
  display: block;
  width: 105px;
  margin: 0 auto 24px;
}

.cate-icon img {
  width: 100%;
  height: auto;
  display: block;
}


.cate-item p {
  margin: 0;
  font-size: 20px;
  font-weight: 500;
  letter-spacing: -0.04em;
  line-height: 1.3;
}

.cate-item:hover .cate-icon img {
  transform: translateY(-5px);
  transition: 0.3s ease;
}

/* 태블릿 */
@media (max-width: 1100px) {
  .main-category {
    padding: 35px 15px 40px;
  }

  .main-category-inner {
    gap: 12px;
  }

  .cate-icon{
    width:82px;
    margin-bottom:16px;
  }

  .cate-item p {
    font-size: 16px;
  }
}

/* 모바일 */
@media (max-width: 768px) {
  .main-category {
    padding: 30px 12px 35px;
  }

  .main-category-inner {
    flex-wrap: wrap;
    gap: 26px 0;
  }

  .cate-item {
    flex: 0 0 25%;
  }

 .cate-icon{
    width:62px;
    margin-bottom:10px;
  }


  .cate-item p {
    font-size: 13px;
    letter-spacing: -0.05em;
  }
}




/*비앤비속옷*/

.main-bnb {
  width: 100%;
  padding: 85px 20px 90px;
  background: url('../images/bg_mc1.jpg') no-repeat center top;
 background-size: cover;
 height:1099px;
}



.main-bnb-inner {
  max-width: 1400px;
  margin: 0 auto;
  text-align: center;
}

.bnb-title {
  margin-bottom: 55px;
}

.bnb-logo {
  width: 300px;
  max-width: 70%;
  display: block;
  margin: 0 auto 20px;
}

.bnb-title h2 {
font-family: 'GmarketSansBold';
  margin: 0 0 5px;
  font-size: 40px;
  font-weight: 800;
  color: #111;
  letter-spacing: -0.05em;
  line-height: 1;
}

.bnb-title p {
font-family: 'GmarketSansMedium';
  margin: 0;
  font-size: 32px;
  font-weight: 500;
  color: #111;
  letter-spacing: -0.04em;
}

.bnb-product-list {
  display: flex;
  justify-content: center;
  gap: 56px;
}

.bnb-product {
  width: calc((100% - 112px) / 3);
  max-width: 420px;
  text-align: center;
  text-decoration: none;
  color: #111;
}

.bnb-img {
  width: 100%;
  aspect-ratio: 1 / 1;
  overflow: hidden;
  margin-bottom: 24px;
  background: #f8e0b8;
}

.bnb-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.bnb-product h3 {
  margin: 0 0 10px;
  font-size: 24px;
  font-weight: 500;
  letter-spacing: -0.04em;
}

.bnb-product strong {
  display: block;
  margin-bottom: 10px;
  font-size: 19px;
  font-weight: 700;
  color: #e60000;
}

.bnb-product p {
  margin: 0;
  font-size: 15px;
  color: #222;
  letter-spacing: -0.04em;
  line-height: 1.4;
}

.bnb-product:hover .bnb-img img {
  transform: scale(1.05);
  transition: 0.4s ease;
}

/* 태블릿*/ 
@media (max-width: 1100px) {
  .main-bnb {
    padding: 65px 20px 70px;
  }

  .bnb-title {
    margin-bottom: 40px;
  }

  .bnb-logo {
    width: 240px;
    margin-bottom: 16px;
  }

  .bnb-title h2 {
    font-size: 30px;
  }

  .bnb-title p {
    font-size: 24px;
  }

  .bnb-product-list {
    gap: 28px;
  }

  .bnb-product {
    width: calc((100% - 56px) / 3);
  }

  .bnb-img {
    margin-bottom: 18px;
  }

  .bnb-product h3 {
    font-size: 20px;
  }

  .bnb-product strong {
    font-size: 17px;
  }

  .bnb-product p {
    font-size: 13px;
  }
}

/* 모바일 */ 
@media (max-width: 768px) {
  .main-bnb {
    padding: 45px 16px 55px;
    background-position: center top;
  }

  .bnb-title {
    margin-bottom: 30px;
  }

  .bnb-logo {
    width: 210px;
    margin-bottom: 14px;
  }

  .bnb-title h2 {
    font-size: 24px;
  }

  .bnb-title p {
    font-size: 19px;
  }

  .bnb-product-list {
    display: block;
  }

  .bnb-product {
    display: block;
    width: 100%;
    max-width: 420px;
    margin: 0 auto 35px;
  }

  .bnb-product:last-child {
    margin-bottom: 0;
  }

  .bnb-img {
    margin-bottom: 16px;
  }

  .bnb-product h3 {
    font-size: 20px;
  }

  .bnb-product strong {
    font-size: 17px;
  }

  .bnb-product p {
    font-size: 13px;
  }
}



/*특별이벤트*/ 


.main-telox {
  width: 100%;
  padding: 95px 20px 85px;
  background: url('../images/bg_mc2.jpg') no-repeat center center;
 background-size: cover;
  height:600px;
}



.main-telox-inner {
  max-width: 1400px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  gap: 70px;
}

.telox-info {
  width: 36%;
  text-align: center;
  color: #fff;
}

.telox-logo {
  width: 360px;
  max-width: 100%;
  display: block;
  margin: 0 auto 35px;
}

.telox-info h2 {
font-family: 'GmarketSansMedium';
  margin: 0 0 18px;
  font-size: 42px;
  font-weight: 300;
  letter-spacing: -0.05em;
  line-height: 1.25;
}

.telox-info p {
  margin: 0;
  font-size: 21px;
  font-weight: 400;
  letter-spacing: -0.04em;
  line-height: 1.5;
}

.telox-product-list {
  flex: 1;
  display: flex;
  justify-content: flex-end;
  gap: 55px;
  margin-top:20px;
}

.telox-product {
  width: calc((100% - 55px) / 2);
  max-width: 430px;
  text-align: center;
  text-decoration: none;
  color: #fff;
}

.telox-img {
  width: 100%;
  overflow: hidden;
  margin-bottom: 22px;
  background: #fff;
}

.telox-img img {
  width: 100%;
  display: block;
}

.telox-product h3 {
  margin: 0;
  font-size: 24px;
  font-weight: 300;
  letter-spacing: -0.04em;
  color: #fff;
}

.telox-product:hover .telox-img img {
  transform: scale(1.04);
  transition: 0.4s ease;
}

/* 태블릿*/
@media (max-width: 1100px) {
  .main-telox {
    padding: 70px 20px 65px;
  }

  .main-telox-inner {
    gap: 35px;
  }

  .telox-info {
    width: 34%;
  }

  .telox-logo {
    width: 270px;
    margin-bottom: 25px;
  }

  .telox-info h2 {
    font-size: 30px;
    margin-bottom: 12px;
  }

  .telox-info p {
    font-size: 16px;
  }

  .telox-product-list {
    gap: 28px;
  }

  .telox-product {
    width: calc((100% - 28px) / 2);
  }

  .telox-product h3 {
    font-size: 21px;
  }
}

/* 모바일 */
@media (max-width: 768px) {
  .main-telox {
    padding: 50px 16px 55px;
    background-position: center center;
  }

  .main-telox-inner {
    display: block;
  }

  .telox-info {
    width: 100%;
    margin-bottom: 35px;
  }

  .telox-logo {
    width: 230px;
    margin-bottom: 22px;
  }

  .telox-info h2 {
    font-size: 26px;
  }

  .telox-info p {
    font-size: 15px;
  }

  .telox-product-list {
    display: flex;
    gap: 14px;
  }

  .telox-product {
    width: calc((100% - 14px) / 2);
  }

  .telox-img {
    margin-bottom: 12px;
  }

  .telox-product h3 {
    font-size: 16px;
  }
}



/*회락당 상품3개*/


.main-health {
  width: 100%;
  padding: 140px 0  100px 0;
  background: url('../images/bg_mc3.jpg') no-repeat center center;
  background-size: cover;
  height:850px;
}


.main-health-inner {
  max-width: 1400px;
  margin: 0 auto;
}

.health-product-list {
  display: flex;
  justify-content: center;
  gap: 56px;
}

.health-product {
  width: calc((100% - 112px) / 3);
  max-width: 420px;
  text-align: center;
  text-decoration: none;
  color: #111;
}

.health-img {
  width: 100%;
  aspect-ratio: 1 / 1;
  overflow: hidden;
  margin-bottom: 25px;
  background: #fff;
}

.health-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.health-product h3 {
  margin: 0 0 12px;
  font-size: 24px;
  font-weight: 500;
  letter-spacing: -0.04em;
}

.health-product strong {
  display: block;
  margin-bottom: 12px;
  font-size: 20px;
  font-weight: 700;
  color: #e60000;
}

.health-product p {
  margin: 0;
  font-size: 16px;
  color: #222;
  letter-spacing: -0.04em;
  line-height: 1.4;
}

.health-product:hover .health-img img {
  transform: scale(1.05);
  transition: 0.4s ease;
}

/* 태블릿*/ 
@media (max-width: 1100px) {
  .main-health {
    padding: 80px 20px 75px;
  }

  .health-product-list {
    gap: 28px;
  }

  .health-product {
    width: calc((100% - 56px) / 3);
  }

  .health-img {
    margin-bottom: 18px;
  }

  .health-product h3 {
    font-size: 21px;
  }

  .health-product strong {
    font-size: 17px;
  }

  .health-product p {
    font-size: 13px;
  }
}

/* 모바일 */
@media (max-width: 768px) {
  .main-health {
    padding: 50px 16px 55px;
    background-position: center center;
  }

  .health-product-list {
    display: block;
  }

  .health-product {
    display: block;
    width: 100%;
    max-width: 420px;
    margin: 0 auto 35px;
  }

  .health-product:last-child {
    margin-bottom: 0;
  }

  .health-img {
    margin-bottom: 16px;
  }

  .health-product h3 {
    font-size: 20px;
  }

  .health-product strong {
    font-size: 17px;
  }

  .health-product p {
    font-size: 13px;
  }
}







/*메가플랫폼소개*/
.main-platform {
  width: 100%;
  min-height: 700px;
  padding: 90px 0;
  background: url('../images/bg_mc4.jpg') no-repeat center center;
  background-size: cover;
}

.main-platform-inner {
  max-width: 1400px;
  height: 100%;
  min-height: 360px;
  margin: 0 auto;
  display: flex;
  align-items: center;
}

.platform-text {
  color: #fff;
  padding-left: 30px;
}

.platform-text h2 {
 font-family: 'GmarketSansBold';
  margin: 0 0 14px;
  font-size: 52px;
  letter-spacing: -0.04em;
  line-height: 1.15;
}

.platform-text h3 {
 font-family: 'GmarketSansMedium';
  margin: 0 0 34px;
  font-size: 30px;
  font-weight:300;
  letter-spacing: -0.05em;
  line-height: 1.35;
}

.platform-text p {
  margin: 0 0 48px;
  font-size: 19px;
  font-weight: 300;
  color: rgba(255,255,255,0.82);
  letter-spacing: -0.04em;
  line-height: 1.6;
}

.platform-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 150px;
  height: 46px;
  border: 1px solid #d99b00;
  color: #ffbf24;
  font-size: 17px;
  font-weight: 500;
  text-decoration: none;
  letter-spacing: -0.04em;
}

.platform-btn:hover {
  background: #d99b00;
  color: #111;
}

/* 태블릿 */
@media (max-width: 1100px) {
  .main-platform {
    min-height: 430px;
    padding: 65px 20px;
  }

  .main-platform-inner {
    min-height: 300px;
  }

  .platform-text {
    padding-left: 10px;
  }

  .platform-text h2 {
    font-size: 40px;
  }

  .platform-text h3 {
    font-size: 24px;
    margin-bottom: 24px;
  }

  .platform-text p {
    max-width: 560px;
    font-size: 16px;
    margin-bottom: 35px;
  }

  .platform-btn {
    min-width: 130px;
    height: 42px;
    font-size: 15px;
  }
}

/* 모바일 */
@media (max-width: 768px) {
  .main-platform {
    min-height: 360px;
    padding: 50px 16px;
    background-position: 65% center;
  }

  .main-platform-inner {
    min-height: 260px;
  }

  .platform-text {
    width: 100%;
    padding-left: 0;
  }

  .platform-text h2 {
    font-size: 26px;
  }

  .platform-text h3 {
    font-size: 17px;
    margin-bottom: 20px;
  }

  .platform-text p {
    max-width: 330px;
    font-size: 13px;
    margin-bottom: 28px;
  }

  .platform-btn {
    min-width: 115px;
    height: 38px;
    font-size: 13px;
  }
}



.main-recommend {
  width: 100%;
  padding: 80px 20px 95px;
  background: url('../images/bg_mc5.jpg') no-repeat center center;
   background-size: cover;
  height:1360px;
}

/*추천상품*/


.main-recommend-inner {
  max-width: 1400px;
  margin: 0 auto;
  padding-top:70px;
}

.recommend-title {
  text-align: center;
  margin-bottom: 48px;
}

.recommend-title p {
 font-family: 'GmarketSansMedium';
  margin: 0 0 4px;
  font-size: 30px;
  font-weight: 400;
  color: #111;
  letter-spacing: -0.03em;
}

.recommend-title h2 {
	 font-family: 'GmarketSansBold';
  margin: 0;
  font-size: 50px;
  font-weight: 800;
  color: #111;
  letter-spacing: -0.05em;
}

.recommend-list {
  display: flex;
  flex-wrap: wrap;
  gap: 40px 20px;
  justify-content: center;
}

.recommend-item {
  width: calc((100% - 60px) / 4);
  max-width: 320px;
  text-align: center;
  text-decoration: none;
  color: #111;
}

.recommend-img {
  width: 100%;
  aspect-ratio: 1 / 1;
  overflow: hidden;
  margin-bottom: 18px;
  background: #f5f5f5;
}

.recommend-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.recommend-item h3 {
  margin: 0 0 7px;
  font-size: 20px;
  font-weight: 600;
  letter-spacing: -0.04em;
  line-height: 1.3;
}

.recommend-item p {
  margin: 0;
  font-size: 18px;
  color: #111;
  letter-spacing: -0.03em;
  line-height: 1.3;
}

.recommend-item:hover .recommend-img img {
  transform: scale(1.05);
  transition: 0.4s ease;
}

/* 태블릿 */
@media (max-width: 1100px) {
  .main-recommend {
    padding: 65px 20px 75px;
  }

  .recommend-title {
    margin-bottom: 38px;
  }

  .recommend-title p {
    font-size: 22px;
  }

  .recommend-title h2 {
    font-size: 34px;
  }

  .recommend-list {
    gap: 32px 16px;
  }

  .recommend-item {
    width: calc((100% - 48px) / 4);
  }

  .recommend-img {
    margin-bottom: 14px;
  }

  .recommend-item h3 {
    font-size: 16px;
  }

  .recommend-item p {
    font-size: 15px;
  }
}

/* 모바일 */
@media (max-width: 768px) {
.main-recommend-inner {padding-top:30px;}
  .main-recommend {
    padding: 48px 14px 58px;
  }

  .recommend-title {
    margin-bottom: 30px;
  }

  .recommend-title p {
    font-size: 18px;
  }

  .recommend-title h2 {
    font-size: 28px;
  }

  .recommend-list {
    gap: 28px 12px;
  }

  .recommend-item {
    width: calc((100% - 12px) / 2);
  }

  .recommend-img {
    margin-bottom: 12px;
  }

  .recommend-item h3 {
    font-size: 15px;
  }

  .recommend-item p {
    font-size: 14px;
  }
}





/*푸터*/
.mega-footer {
  width: 100%;
  padding: 90px 20px 50px;
  background: #101722;
  color: rgba(255,255,255,0.75);
  position: relative;
  overflow: hidden;
}

.mega-footer::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 85px;
  width: 100%;
  height: 120px;
  background: radial-gradient(ellipse at center, rgba(190,150,80,0.25), transparent 65%);
  opacity: 0.6;
  pointer-events: none;
}

.mega-footer-inner {
  max-width: 1400px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  gap: 70px;
  position: relative;
  z-index: 1;
}

.footer-col {
  flex: 1;
}

.footer-info {
  padding-right: 55px;
  border-right: 1px solid rgba(255,255,255,0.15);
}

.footer-info h2 {
font-family: 'GmarketSansBold';
  margin: 0 0 35px;
  font-size: 30px;
  font-weight: 800;
  color: #c8a66a;
  letter-spacing: -0.03em;
}

.footer-info p,
.footer-cs p {
  margin: 0 0 20px;
  font-size: 16px;
  line-height: 1.2;
  letter-spacing: -0.04em;
}

.footer-cs {
  padding: 0 55px;
  border-right: 1px solid rgba(255,255,255,0.15);
}

.footer-cs h3 {
  margin: 0 0 35px;
  font-size: 24px;
  font-weight: 700;
  color: #c8a66a;
  letter-spacing: -0.04em;
}

.footer-cs h3 i {
  margin-right: 14px;
  font-size: 20px;
}

.footer-cs strong {
  display: block;
  margin-top: 28px;
  font-size: 30px;
  font-weight: 800;
  color: #c8a66a;
  letter-spacing: -0.03em;
}

.footer-menu {
  max-width: 330px;
}

.footer-menu a {
  display: flex;
  align-items: center;
  gap: 20px;
  height: 66px;
  border-bottom: 1px solid rgba(255,255,255,0.14);
  color: rgba(255,255,255,0.72);
  font-size: 18px;
  text-decoration: none;
  letter-spacing: -0.04em;
}

.footer-menu a:first-child {
  border-top: 0;
}

.footer-menu i {
  width: 28px;
  color: #c8a66a;
  font-size: 23px;
  text-align: center;
}

.footer-menu a:hover {
  color: #c8a66a;
}

.footer-copy {
  max-width: 1400px;
  margin: 100px auto 0;
  text-align: center;
  position: relative;
  z-index: 1;
  color: rgba(255,255,255,0.45);
  font-size: 14px;
  letter-spacing: 0.02em;
}

@media (max-width: 1100px) {
  .mega-footer {
    padding: 70px 20px 40px;
  }

  .mega-footer-inner {
    gap: 35px;
  }

  .footer-info {
    padding-right: 30px;
  }

  .footer-cs {
    padding: 0 30px;
  }

  .footer-info h2 {
    font-size: 28px;
    margin-bottom: 28px;
  }

  .footer-info p,
  .footer-cs p {
    font-size: 15px;
    margin-bottom: 15px;
  }

  .footer-cs h3 {
    font-size: 23px;
    margin-bottom: 28px;
  }

  .footer-cs strong {
    font-size: 30px;
  }

  .footer-menu a {
    height: 56px;
    font-size: 17px;
    gap: 14px;
  }

  .footer-menu i {
    font-size: 19px;
  }

  .footer-copy {
    margin-top: 70px;
    font-size: 14px;
  }
}

@media (max-width: 768px) {
  .mega-footer {
    padding: 45px 18px 35px;
  }

  .mega-footer-inner {
    display: block;
  }

  .footer-info,
  .footer-cs {
    border-right: 0;
    padding: 0;
    margin-bottom: 38px;
  }

  .footer-info h2 {
    font-size: 26px;
    margin-bottom: 24px;
  }

  .footer-info p,
  .footer-cs p {
    font-size: 14px;
    margin-bottom: 11px;
  }

  .footer-cs h3 {
    font-size: 21px;
    margin-bottom: 22px;
  }

  .footer-cs strong {
    font-size: 28px;
    margin-top: 20px;
  }

  .footer-menu {
    max-width: 100%;
  }

  .footer-menu a {
    height: 50px;
    font-size: 15px;
  }

  .footer-menu i {
    width: 24px;
    font-size: 17px;
  }

  .footer-copy {
    margin-top: 45px;
    font-size: 12px;
  }
}



/*헤드변경*/


#mega_hd {
  width: 100%;
  height: 120px;
  background: #fff;
  border-bottom: 1px solid #e5e5e5;
  position: relative;
  z-index: 999;
}

#mega_hd .mega_hd_inner {
  max-width: 1400px;
  height: 100%;
  margin: 0 auto;
  padding: 0 20px;

  display: flex;
  align-items: center;
  justify-content: space-between;
}

#mega_hd .mega_logo {
  margin: 0;
}

#mega_hd .mega_logo img {
  width: 240px;
  display: block;
}

#mega_hd .mega_gnb ul {
  display: flex;
  align-items: center;
  gap: 85px;
  margin: 0;
  padding: 0;
  list-style: none;
}

#mega_hd .mega_gnb a {
  font-size: 20px;
  font-weight: 600;
  color: #111;
  text-decoration: none;
  letter-spacing: -0.04em;
}

#mega_hd .mega_gnb a:hover {
  color: #182b86;
}

#mega_hd .mega_right {
  display: flex;
  align-items: center;
  gap: 28px;
}

#mega_hd .mega_icon {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 5px;
  color: #333;
  text-decoration: none;
}

#mega_hd .mega_icon i {
  font-size: 34px;
}

#mega_hd .mega_icon span {
  font-size: 14px;
  letter-spacing: -0.04em;
}

#mega_hd .mega_hamb {
  display: none;
  border: 0;
  background: none;
  padding: 0;
  cursor: pointer;
  color: #111;
  font-size: 30px;
}

#mega_hd .mega_mobile_menu {
  display: none;
}


#mega_hd .mega_hd_inner {
  max-width: 1400px;
  height: 100%;
  margin: 0 auto;
  padding: 0 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

#mega_hd .mega_logo {
  flex: 0 0 240px;
  margin: 0;
}

#mega_hd .mega_logo img {
  position: static !important;
  transform: none !important;
  width: 240px;
  display: block;
}

#mega_hd .mega_gnb {
  flex: 1;
  display: flex;
  justify-content: center;
}

#mega_hd .mega_gnb ul {
  display: flex;
  gap: 70px;
}

#mega_hd .mega_right {
  flex: 0 0 150px;
  display: flex;
  justify-content: flex-end;
}



@media (max-width: 1100px) {
  #mega_hd {
    height: 88px;
  }

  #mega_hd .mega_logo img {
    width: 190px;
  }

  #mega_hd .mega_gnb {
    display: none;
  }

  #mega_hd .mega_right {
    gap: 20px;
  }

  #mega_hd .mega_icon i {
    font-size: 27px;
  }

  #mega_hd .mega_icon span {
    font-size: 12px;
  }

  #mega_hd .mega_hamb {
    display: block;
    font-size: 30px;
  }

  #mega_hd .mega_mobile_menu {
    display: none;
    position: absolute;
    left: 0;
    top: 88px;
    width: 100%;
    background: #fff;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #ddd;
  }

  #mega_hd .mega_mobile_menu ul {
    margin: 0;
    padding: 15px 20px;
    list-style: none;
  }

  #mega_hd .mega_mobile_menu li a {
    display: block;
    padding: 14px 0;
    font-size: 17px;
    font-weight: 600;
    color: #111;
    text-decoration: none;
    border-bottom: 1px solid #eee;
  }

  #mega_hd .mega_mobile_menu li:last-child a {
    border-bottom: 0;
  }

  #mega_hd.open .mega_mobile_menu {
    display: block;
  }
}

@media (max-width: 768px) {
  #mega_hd {
    height: 70px;
  }

  #mega_hd .mega_hd_inner {
    padding: 0 14px;
  }

  #mega_hd .mega_logo img {
    width: 145px;
  }

  #mega_hd .mega_right {
    gap: 13px;
  }

  #mega_hd .mega_icon i {
    font-size: 23px;
  }

  #mega_hd .mega_icon span {
    display: none;
  }

  #mega_hd .mega_hamb {
    font-size: 26px;
  }

  #mega_hd .mega_mobile_menu {
    top: 70px;
  }

  #mega_hd .mega_mobile_menu li a {
    font-size: 15px;
    padding: 13px 0;
  }
}


/* 태블릿/모바일 헤더 겹침 수정 */
@media (max-width: 1100px) {

  #mega_hd {
    height: 82px;
  }

  #mega_hd .mega_hd_inner {
    height: 100%;
    padding: 0 18px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: nowrap;
  }

  #mega_hd .mega_logo {
    flex: 0 0 auto;
    width: auto;
    margin: 0;
  }

  #mega_hd .mega_logo img {
    position: static !important;
    transform: none !important;
    width: 175px;
    max-width: 100%;
    display: block;
  }

  #mega_hd .mega_gnb {
    display: none !important;
  }

  #mega_hd .mega_right {
    flex: 0 0 auto;
    display: flex !important;
    align-items: center;
    justify-content: flex-end;
    gap: 18px;
    margin-left: auto;
  }

  #mega_hd .mega_icon {
    display: flex !important;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    color: #333;
    text-decoration: none;
  }

  #mega_hd .mega_icon i {
    font-size: 24px;
  }

  #mega_hd .mega_icon span {
    display: block;
    font-size: 11px;
    line-height: 1;
  }

  #mega_hd .mega_hamb {
    display: block !important;
    border: 0;
    background: none;
    padding: 0;
    font-size: 28px;
    color: #111;
  }
}



/*메인영역추가*/
/* PC는 시안 높이 유지 */
.main-bnb,
.main-telox,
.main-health,
.main-platform,
.main-recommend {
  box-sizing: border-box;
}

/* 태블릿부터 고정 height 해제 */
@media (max-width:1100px) {
  .main-bnb,
  .main-telox,
  .main-health,
  .main-recommend {
    height: auto !important;
    min-height: 0 !important;
    padding-top: 60px;
    padding-bottom: 65px;
  }

  .main-platform {
    height: auto !important;
    min-height: 420px;
    padding-top: 70px;
    padding-bottom: 70px;
  }
}

/* 모바일 */
@media (max-width:768px) {
  .main-bnb,
  .main-telox,
  .main-health,
  .main-recommend {
    height: auto !important;
    min-height: 0 !important;
    padding-top: 45px;
    padding-bottom: 50px;
  }

  .main-platform {
    height: auto !important;
    min-height: 360px;
    padding-top: 55px;
    padding-bottom: 55px;
  }
}

.main-bnb,
.main-telox,
.main-health,
.main-recommend {
  background-size: cover;
  background-position: center center;
}