.sub-page {width:100%; font-family:'Noto Sans KR', sans-serif; color:#5D5D5D; font-size:17px; line-height:32px; letter-spacing:-0.4px; word-break:keep-all;}
.sub-content {padding-bottom:80px;}

/* °øÅë */
.sub-page h3 {color:#333;  font-family:'Montserrat','Noto Sans KR', sans-serif;}
.sub-page h4 {color:#000; font-size:27px; line-height:34px; font-weight:500; padding-bottom:15px; text-align:center;}
.sub-page h5 {color:#1E1E1E; font-size:20px; line-height:28px; font-weight:500; font-family:'Montserrat','Noto Sans KR', sans-serif;}
.sub-page h6 {color:#00529b; font-size:20px; line-height:30px; font-weight:500; padding-bottom:15px;}
.sub-page p {font-size:16px; line-height:26px; word-break:keep-all;}

/* ¼­ºê¸Þ´º */
.submenu {width:100%; background:#374da2; text-align:center;}
.submenu ul {display:inline-block; vertical-align:top;}
.submenu li {float:left; border-left:1px solid #334c80;}
.submenu li:last-child {border-right:1px solid #334c80;}
.submenu li a {display:block; padding:12px 40px; color:#b3bccf; }
.submenu li a:hover {color:#1E1E1E; font-weight:500; background:#FFF;}
.submenu li a.active {color:#1E1E1E; font-weight:500; background:#FFF;}

/* ¿©¹é */
.sm-bottom {margin-bottom:30px;}
.md-bottom {margin-bottom:50px;}
.lg-bottom {margin-bottom:120px;}
.mb10 {margin-bottom:10px;}
.mb20 {margin-bottom:20px;}
.mb30 {margin-bottom:30px;}
.mb40 {margin-bottom:40px;}
.mb50 {margin-bottom:50px;}
.mb60 {margin-bottom:60px;}
.mb70 {margin-bottom:70px;}

/* Á¤·Ä */
.txt-center {text-align:center;}

/* ÆùÆ® Ä÷¯ */
.fc-brown {color:#876340; font-weight:400;}
.fc-blue {color:#00529B; font-weight:500;}

/* »ó´ÜÀ̹ÌÁö */
.sub-top-01 {background:url('../../img/_designcoco/images/sub_top_01.jpg') center no-repeat; text-align:center; width:100%; background-size:cover;}
.sub-top-02 {background:url('../../img/_designcoco/images/sub_top_02.jpg') center no-repeat; text-align:center; width:100%; background-size:cover;}
.sub-top-03 {background:url('../../img/_designcoco/images/sub_top_03.jpg') center no-repeat; text-align:center; width:100%; background-size:cover;}
.sub-top-04 {background:url('../../img/_designcoco/images/sub_top_04.jpg') center no-repeat; text-align:center; width:100%; background-size:cover;}
.sub-top-05 {background:url('../../img/_designcoco/images/sub_top_05.jpg') center no-repeat; text-align:center; width:100%; background-size:cover;}
.sub-top-06 {background:url('../../img/_designcoco/images/sub_top_06.jpg') center no-repeat; text-align:center; width:100%; background-size:cover;}
.sub-top-07 {background:url('../../img/_designcoco/images/sub_top_07.jpg') center no-repeat; text-align:center; width:100%; background-size:cover;}
.sub-top-10 {background:url('../../img/_designcoco/images/1.gif') center no-repeat; text-align:center; width:100%; background-size:cover;}
.sub-top-cn {background:url('../../img/_designcoco/images/sub_top_cn.jpg') center no-repeat; text-align:center; width:100%; background-size:cover;}

/* »ó´ÜÀ̹ÌÁö ½½·Î°Ç */
.slogan-box {padding:100px 0;}
.slogan-box h2 {font-size:36px; font-weight:800; color:#FFFFFF; font-family:'Montserrat','Noto Sans KR', sans-serif; padding-bottom:10px;}
.slogan-box p {color:#EEE; font-size:15px; line-height:22px;}

/* ¼­ºêÆäÀÌÁö ŸÀÌƲ */
.title-box {border-bottom:1px solid #DDD; padding:60px 0; margin-bottom:70px; text-align:center;}
.title-box h3 {color:#000; font-size:34px; line-height:42px; font-weight:500; padding-bottom:10px; width:100%; letter-spacing:-1px; font-family:'Noto Sans KR', sans-serif; display:block;}
.title-box p {font-size:13px;}
.title-box .navi {width:100%; display:block; color:#888;}
.arrow-pd {padding:0 4px;}

/* ȸ»ç¼Ò°³ */
.company .img {padding-bottom:40px; line-height:0;}
.company .img img {width:100%;}
.company .tit {font-size:30px; line-height:40px; color:#1E1E1E; font-weight:500;}
.company .txt {width:70%; text-align:center; margin:0 auto;}

/* CEO Àλ縻 */
.ceo .tit-sm {font-size:16px; line-height:28px; color:#00a1e4; letter-spacing:5px; font-weight:600; padding-bottom:10px;}
.ceo .tit {font-size:30px; line-height:40px; color:#1E1E1E; padding-bottom:20px;}
.ceo-txt {float:left; width:50%; vertical-align:top; letter-spacing:-1.05px;}
.ceo_sign {display:block; padding-top:30px; font-size:92%; color:#888;}
.ceo_sign img {padding-left:10px;}
.ceo_sign .txt {vertical-align:top;}
.ceo_sign .name {vertical-align:top;}
.img-left {float:left; width:50%; vertical-align:top; padding-right:50px;}
.img-left img {width:100%;}
.img-right {float:left; width:50%; vertical-align:top; padding-left:50px;}
.img-right img {width:100%;}

.img-left2 {float:left; width:50%; vertical-align:top; padding-right:10px;}
.img-left2 img {width:100%;}
.img-right2 {float:left; width:50%; vertical-align:top; padding-left:10px;}
.img-right2 img {width:100%;}

/* ÁÖ¿äÇöȲ */
.company-info {text-align:center; background:url('../../img/_designcoco/images/company_bg.jpg') center top no-repeat; padding:80px 40px; background-size:cover;}
.company-info h4 {color:#FFF; padding-bottom:10px;}
.company-info p {color:#FFF; }

/* ÁÖ¿äÇöȲ ¹Ú½ºµðÀÚÀÎ */
.list-box5 ul {width:100%;}
.list-box5 li {color:#333; width:19.6%; margin-right:0.5%; padding:40px 0; background:rgba(255,255,255,0.85); float:left;}
.list-box5 li:last-child {margin-right:0;}
.list-box5 li .img {line-height:0; padding-bottom:20px;}
.list-box5 li .txt h5 {color:#000; padding-bottom:10px;}
.list-box5 li .txt p {color:#666; padding-bottom:0;}

/* Å×ÀÌºí ½ºÅ¸ÀÏ */
.table table {width:100%; text-align:center; border-top:2px solid #1e459c !important;}
.table td {padding:10px 5px; border:1px solid #DDD;}
.bc-gray {color:#000; background:#F5F5F5;}
.box_overflow {width:100%; overflow-x:auto;}
.table_guide {display:none;}

/* »ç¾÷ºÐ¾ß2 */
ul.list-img-2 {width:100%; font-size:0;}
.list-img-2 li {width:49%; margin-right:2%; margin-bottom:50px; display:inline-block; vertical-align:top;}
.list-img-2 li:nth-child(2n+2) {margin-right:0%;}
.list-img-2 li .img {line-height:0; padding-bottom:15px;}
.list-img-2 li .img img {width:100%;}
.list-img-2 li .txt h5 {color:#00529b; padding-bottom:15px; margin-bottom:15px; border-bottom:1px solid #DDD;}

/* ¿¡ÀÌÀü½Ã */
ul.a-img-2 {width:100%; font-size:0;}
.a-img-2 li {width:49%; margin-right:2%; display:inline-block; vertical-align:top;}
.a-img-2 li:nth-child(2n+2) {margin-right:0%;}
.a-img-2 li .img {line-height:0; padding-bottom:15px;}
.a-img-2 li .img img {width:100%;}
.a-img-2 li .txt h5 {color:#00529b; padding-bottom:15px; margin-bottom:15px; border-bottom:1px solid #DDD;}




/* »ç¾÷ºÐ¾ß3 */
ul.list-img {width:100%; font-size:0;}
.list-img li {width:32%; margin-right:2%; margin-bottom:50px; display:inline-block; vertical-align:top;}
.list-img li:nth-child(3n+3) {margin-right:0%;}
.list-img li .img {line-height:0; padding-bottom:15px;}
.list-img li .img img {width:100%;}
.list-img li .txt h5 {color:#00529b; padding-bottom:15px; margin-bottom:15px; border-bottom:1px solid #DDD;}



/* ¾÷¹«¿µ¿ª */
.work dl {width:50%; float:left;}
.work dt {color:#000; font-weight:500; font-size:110%;}
.work dd {padding-bottom:30px;}
.work dd:last-child {padding-bottom:0;}


/* ¿¬Çõ */
.history-wrap {padding-bottom:30px;}
.year-box {text-align:center;}
.year-box .tit-year {display:inline-block; background:#374da2; margin:0 auto; padding:10px 30px; font-size:19px; color:#FFF; border-radius:3px;}
.history-box {display:table; width:100%; position:relative; background:url('../../img/_designcoco/images/history_line.gif') center repeat-y; padding-bottom:80px;}
.history-box .his-list {width:100%; display:block; padding-top:50px;}
.history-box .his-list:after {content:""; display:block; clear:both;}
.his-left {width:100%; float:left; text-align:right; padding-right:49.2%;}
.his-left dt {float:right !important;}
.his-right {width:100%; float:right; padding-left:49.2%;}
.his-round {display:inline-block; border:5px solid #374da2; width:20px; height:20px; border-radius:50px;}
.his-arrow {display:inline-block; width:6%; vertical-align:top;}
.his-txt .his-year {display:block; color:#161e36; font-size:22px; font-weight:500; padding-bottom:15px;}
.his-txt {display:inline-block; width:93%; vertical-align:top;}
.his-txt dl {width:100%; position:relative;}
.his-txt dt {width:9%; color:#000; display:inline-block; vertical-align:top;}
.his-txt dd {width:90%; display:inline-block; vertical-align:top; padding-bottom:10px;}

/* ¿À½Ã´Â ±æ */
.map .map_img {}
ul.address {border-top:1px solid #DDD; padding-bottom:0 !important;}
.address li {width:100%; display:table; position:relative; border-bottom:1px solid #DDD;}
.address li .tit {color:#000; background:#F5F5F5; width:20%; display:table-cell; vertical-align:middle; padding:20px 30px; }
.address li .tit i {color:#001f60; font-size:135%; font-weight:500; margin-right:15px; vertical-align:middle;}
.address li .txt {width:80%; display:table-cell; vertical-align:middle; padding:20px;}

/* ÀÎÁõ¼­ */
.certificate ul {width:100%; font-size:0; text-align:center;}
.certificate li {width:18.5%; margin-right:1%; padding-bottom:40px; display:inline-block; vertical-align:top;}
.certificate li:nth-child(5n+5) {margin-right:0;}
.certificate li .pic {line-height:0; }
.certificate li .pic img {width:100%; border:1px solid #DDD;}
.certificate li p {color:#333; font-size:15px; line-height:20px; padding:10px 0;}

/* ÆÄÆ®³Ê */
.partner ul {width:100%; font-size:0; text-align:center;}
.partner li {width:23.5%; margin-right:2%; padding-bottom:30px; display:inline-block; vertical-align:top;}
.partner li:nth-child(4n+4) {margin-right:0;}
.partner li p {color:#333; font-size:15px; line-height:20px; padding:10px 0;}
.partner li .pic {line-height:0;}
.partner li .pic img {width:100%; border:1px solid #E0E0E0;}


/* ±âŸ */
.no_page {width: 100%;border: 1px solid #DDD;background:#F5F5F5;text-align: center;padding: 200px 0;font-size: 24px;}
.guide_txt {padding: 20px; }
.guide_txt li {padding: 5px;list-style-type: disc;}
.sub02_txt {margin: 0 auto; text-align: center;}
.sub02_txt .tit_img {width: 28%;display: inline-block;text-align: center;}
.sub02_txt .tit_txt {width: 52%;display: inline-block;vertical-align: top;padding-top: 60px;}
.sub02_txt .tit_txt > h3 {font-size: 40px;color: #1e1e1e;font-weight: 300;line-height: 45px;padding-bottom: 20px;text-align: left;}
.sub02_txt .tit_txt > p {font-size: 18px;color: #666;font-weight: 400;line-height: 26px;text-align: left;}
.icon_box {width: 100%;text-align: center;font-size: 0;padding: 20px;background: url("../../../img/_design/images/sub02/arrow.jpg") no-repeat;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: 100%;}
.icon_box .box {width:20%;display: inline-block;vertical-align: top;}
.icon_box .box p {font-size: 20px;color: #1e1e1e;font-weight: 400;}
.icon_box .arrow {padding-top: 55px;display: inline-block;}
.green{color: #00ad87;font-weight: 600;}
.privacy_title {font-size: 18px;padding: 20px 0;color: #333;}
.privacy_txt {padding: 20px;border: 3px solid #e5e5e5;font-size: 14px;}







@media all and (max-width: 1280px) {
.sub-content {width:100%; padding:0 20px 50px 20px;}
}

@media all and (max-width: 1200px) {
.img-1 img {width:100%;}
}

@media all and (max-width: 1100px) {
.sub-page {font-size:14px; line-height:22px;}

/* °øÅë */
.sub-page h4 {font-size:20px; line-height:30px;}
.sub-page h5 {font-size:17px; line-height:24px;}
.sub-page p {font-size:14px; line-height:22px;}

/* ¼­ºêÆäÀÌÁö ŸÀÌƲ */
.title-box {padding:40px 0; margin-bottom:50px;}
.title-box h3 {font-size:28px; line-height:36px;}

/* ¼­ºê¸Þ´º */
.submenu li a {padding:8px 30px; font-size:14px;}

/* »ó´ÜÀ̹ÌÁö ½½·Î°Ç */
.slogan-box {padding:50px 20px;}
.slogan-box h2 {font-size:28px; line-height:34px; padding-bottom:10px;}
.slogan-box p {font-size:12px; line-height:16px;}

/* CEO Àλ縻 */
.ceo .tit-sm {font-size:16px; line-height:24px;}
.ceo .tit {font-size:24px; line-height:32px;}
.ceo-txt {font-size:15px; line-height:24px;}

/* ȸ»ç¼Ò°³ */
.company .tit {font-size:24px; line-height:32px;}

/* ¿¬Çõ */
.his-left {padding-right:49%;}
.his-right {padding-left:49%;}
}






@media all and (max-width: 768px) {

/* ¿©¹é */
.lg-bottom {margin-bottom:80px;}

/* °øÅë */
.sub-page h4 {font-size:18px; line-height:26px;}
.sub-page h5 {font-size:16px; line-height:24px;}

/* ¼­ºê¸Þ´º */
.submenu ul {padding:10px;}
.submenu li {border-left:0; position:relative; display:inline-block; float:none;}
.submenu li a {padding:2px 10px; font-size:13px;}
.submenu li:after {transform:rotate(25deg); content:''; display:inline-block; width:1px; height:10px; background:#b3bccf; position:absolute; top:8px; right:-1px;}
.submenu li:last-child {border-right:0 !important;}
.submenu li:last-child:after {display:none;}
.submenu li a.active {background:none; color:#FFF;}
.submenu li a:hover {background:none; color:#FFF;}

/* »ó´ÜÀ̹ÌÁö ½½·Î°Ç */
.slogan-box {padding:40px 20px;}
.slogan-box h2 {font-size:24px; line-height:28px; padding-bottom:10px;}

/* ¼­ºêÆäÀÌÁö ŸÀÌƲ */
.title-box {padding:30px 0; margin-bottom:30px;}
.title-box h3 {font-size:24px; line-height:32px;}

/* ȸ»ç¼Ò°³ */
.company .txt {width:100%;}

/* CEO Àλ縻 */
.ceo .tit-sm {font-size:13px; line-height:20px;}
.ceo .tit {font-size:20px; line-height:28px;}

/* ¿¬Çõ */
.year-box {text-align:left;}
.year-box .tit-year {padding:8px 24px; font-size:16px;}
.history-box {background:none; padding-bottom:50px;}
.history-box:last-child {padding-bottom:0;}
.history-box .his-list {width:100%; display:block; padding:20px 0; border-bottom:1px solid #DDD;}
.his-left {text-align:left; padding-right:0%;}
.his-left dt {float:left !important;}
.his-right {padding-left:0%;}
.his-arrow {display:none;}
.his-txt .his-year {font-size:17px;}
.his-txt {width:100%;}
.his-txt dt {width:15%;}
.his-txt dd {width:85%;}

/* ¿À½Ã´Â ±æ */
.map .map_img {}
.address li .tit {width:25%; padding:15px; }
.address li .txt {width:72%; padding:15px;}

/* »ç¾÷ºÐ¾ß */
.business .box-wrap li {width:48%; margin:1% !important; padding-bottom:30px;}
.business .box-wrap > .box dt {font-size:16px; line-height:20px; color:#876340; padding:5px 0;}

/* »ç¾÷ºÐ¾ß2 */
.list-img-2 li .txt h5 {padding:10px 0; margin-bottom:10px;}


/* ¿¡ÀÌÀü½Ã */
.a-img-2 li .txt h5 {padding:10px 0; margin-bottom:10px;}

/* »ç¾÷ºÐ¾ß3 */
.list-img li .txt h5 {padding:10px 0; margin-bottom:10px;}

/* ÀÎÁõ¼­ */
.certificate li {width:45%; margin:1% !important;}
.certificate li p {font-size:14px; line-height:18px;}

/* ÆÄÆ®³Ê */
.partner li {width:48%; margin:1% !important;}
.partner li p {font-size:14px; line-height:18px;}

/* ÁÖ¿äÇöȲ */
.company-info {padding:60px 40px;}

/* ÁÖ¿äÇöȲ ¹Ú½ºµðÀÚÀÎ */
.list-box5 li {color:#333; width:33%; margin-bottom:0.5%; padding:30px 0;}
.list-box5 li:nth-child(3n+3) {margin-right:0;}
}



@media all and (max-width: 480px) { 
/* ¼­ºêÆäÀÌÁö ŸÀÌƲ */
.title-box {padding:40px 0 30px 0; margin-bottom:30px;}
.title-box h3 {font-size:24px; line-height:32px;}

/* ȸ»ç¼Ò°³ */
.company .tit {font-size:18px; line-height:26px;}
.company .img {padding-bottom:25px;}

/* CEO Àλ縻 */
.ceo .tit-sm {padding:10px 0;}
.img-left {width:100%; padding-right:0px;}
.img-right {width:100%; padding-top:10px; padding-left:0px;}
.ceo-txt {float:left; width:100%;}
.ceo_sign {display:block; padding-top:30px; font-size:92%; color:#888;}
.ceo_sign img {padding-left:10px;}

/* ¿À½Ã´Â ±æ */
.map .map_img {}
.address li {padding:15px;}
.address li .tit {width:100%; display:inline-block; background:#FFF; padding:0; padding-bottom:5px;}
.address li .tit i {margin-right:7px;}
.address li .txt {width:100%; display:inline-block; padding:0;}

/* »ç¾÷ºÐ¾ß */
.business .box-wrap li {width:100%; margin:0% !important; padding-bottom:30px;}

/* »ç¾÷ºÐ¾ß À̹ÌÁö3Ä­ */
.list-img li {width:100%; margin-right:0%; margin-bottom:30px;}
.list-img li:last-child {margin-bottom:0%;}

/* »ç¾÷ºÐ¾ß2 */
.list-img-2 li {width:100%; margin-right:0%;}
.list-img-2 li:last-child {margin-bottom:0%;}


/* ¿¡ÀÌÀü½Ã */
.a-img-2 li {width:100%; margin-right:0%;}
.a-img-2 li:last-child {margin-bottom:0%;}




/* ¾÷¹«¿µ¿ª */
.work dl {width:100%; padding-top:20px;}
.work dt {color:#000; font-weight:500; font-size:110%;}
.work dd {padding-bottom:30px;}
.work dd:last-child {padding-bottom:0;}

/* ÀÎÁõ¼­ */
.certificate li {width:100%; margin:0% !important; padding-bottom:30px;}

/* ÁÖ¿äÇöȲ */
.company-info {padding:50px 20px;}

/* ÁÖ¿äÇöȲ ¹Ú½ºµðÀÚÀÎ */
.list-box5 li {width:100%; margin-bottom:5px;}
.list-box5 li:nth-child(3n+3) {margin-right:0;}
}

/*CN »óÇ° Æ˾÷*/
/*popup style*/
.Pstyle {opacity:0;display: none;position: relative; border: 5px solid #fff; padding: 20px;background-color: #fff; width: 1200px; height: 850px; overflow:auto; text-align: center;}
.b-close {position: fixed;right: 15%;top: 30px;padding: 5px;display: inline-block;cursor: pointer;font-size: 30px;  }
.content img {width: 100%; top:0; display:block; }



/* ============================= */
/* HERO */
/* ============================= */


.btgin-scroll-hero {
  position: relative;
  height: 100vh;
  overflow: hidden;
}


.btgin-bg {
  position: absolute;
  inset: 0;
  background: url('https://btgin3.cafe24.com/bizdemo93075/img/_designcoco/images/banner01.jpg')
              center / cover no-repeat;
  z-index: 1;
}


/* È÷¾î·Î ¿À¹ö·¹ÀÌ */
.btgin-rise-overlay {
  position: absolute;
  left: 0;
  bottom: -100%;
  width: 100%;
  height: 100%;
  z-index: 2;
  background: linear-gradient(
    to top,
    rgba(0,0,0,0.75) 0%,
    rgba(0,0,0,0.55) 35%,
    rgba(0,0,0,0.3) 60%,
    rgba(0,0,0,0.12) 80%,
    rgba(0,0,0,0.0) 100%
  );
}


.btgin-text {
  position: absolute;
  left: 50%;
  bottom: 14%;
  transform: translate(-50%, 70px);
  text-align: center;
  color: #fff;
  z-index: 3;
  min-height: 260px;
}


.btgin-title,
.btgin-sub {
  opacity: 0;
  transform: translateY(18px);
}


.btgin-title {
  font-size: 60px;
  font-weight: 700;
  line-height: 1.25;
}


.btgin-sub {
  margin-top: 20px;
  font-size: 20px;
  line-height: 1.7;
  font-weight: 300;
}


/* ============================= */
/* BRAND STORY */
/* ============================= */


.btgin-brand-story {
  padding: 80px 20px 120px;
  text-align: center;
}


.btgin-brand-story p {
  font-size: 20px;
  line-height: 1.8;
  color: #000;          /* 🔥 Ç×»ó º¸ÀÌ°Ô */
  font-weight: 300;
  letter-spacing: -0.4px;
}


/* ¿µ¹® Çʱâü */
.btgin-brand-story .btgin-en {
  font-family: 'Playfair Display', serif;
  font-style: italic;
  font-size: 26px;
  margin-bottom: 24px;
}


/* ============================= */
/* CTA */
/* ============================= */


.btgin-mall-link {
  padding: 120px 20px 140px;
  text-align: center;


  background: linear-gradient(
    to bottom,
    rgba(0,0,0,0.45) 0%,
    rgba(0,0,0,0.25) 30%,
    rgba(255,255,255,0.95) 70%,
    rgba(255,255,255,1) 100%
  );


  opacity: 0;
  transform: translateY(40px);
}


.btgin-mall-text {
  font-size: 18px;
  color: #1e1e1e;
  font-weight: 300;
  margin-bottom: 30px;
}


.btgin-mall-btn {
  display: inline-block;
  padding: 18px 56px;
  border: 1px solid #1e1e1e;
  color: #1e1e1e;
  font-size: 16px;
  font-weight: 500;
  text-decoration: none;
  transition: all .35s ease;
}


.btgin-mall-btn:hover {
  background: #1e1e1e;
  color: #fff;
}









/* =====================================================
   HELFU HERO – FIXED (SCROLL FREE)
   ===================================================== */


.sub-page .helfu-scroll-hero {
  position: relative;
  width: 100vw;
  height: 520px;                /* PC ±âÁØ ³ôÀÌ */
  left: 50%;
  transform: translateX(-50%);
  overflow: hidden;
  background: #f7f7f7;
}


/* ¹è°æ */
.helfu-bg {
  position: absolute;
  inset: 0;


  background-image: url('https://btgin3.cafe24.com/bizdemo93075/img/_designcoco/images/helfu_pc_x.png');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: right center;
}


/* ÅؽºÆ® – Ç×»ó º¸ÀÌ°Ô */
.helfu-text {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 10;


  text-align: center;
  color: #1e1e1e;
  opacity: 1;                  /* 🔥 ¹«Á¶°Ç Ç¥½Ã */
}


/* ŸÀÌƲ */
.helfu-title {
  font-size: 48px;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 16px;
}


/* ¼­ºê */
.helfu-sub {
  font-size: 20px;
  font-weight: 300;
  line-height: 1.6;
  letter-spacing: -0.3px;
}


@media (max-width: 1024px) {


  .sub-page .helfu-scroll-hero {
    height: 640px;              /* ¸ð¹ÙÀÏ °íÁ¤ ³ôÀÌ */
  }


  .helfu-bg {
    background-image: url('https://btgin3.cafe24.com/bizdemo93075/img/_designcoco/images/helfu_mo_x.png');
    background-size: contain;
    background-position: center center;
  }


  .helfu-text {
    width: 90%;
    top: 55%;
  }


  .helfu-title {
    font-size: 28px;
  }


  .helfu-sub {
    font-size: 15px;
  }
}


@media (max-width: 480px) {
  .helfu-title { font-size: 24px; }
  .helfu-sub   { font-size: 14px; }
}




/* =====================================================
   HELFU IMAGE MAP SECTION
   ===================================================== */


.helfu-map-section {
  width: 100%;
  padding: 120px 0;
}


.helfu-map-inner {
  max-width: 1024px;      /* ¿øº» À̹ÌÁö ±âÁØ */
  margin: 0 auto;
  text-align: center;
}


.helfu-map-img {
  width: 100%;
  height: auto;
  display: block;         /* inline Á¦°Å */
  margin: 0 auto;         /* Áß¾Ó Á¤·Ä */
}



/* =====================================================
   HELFU SECTION LAYOUT (CORE)
   ===================================================== */


.about__section {
  width: 100%;
  padding: 140px 0;
}


.about__inner {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;


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


.about__column {
  flex: 1;
  display: flex;
  align-items: center;
}


.about__column--banner {
  justify-content: center;
}


.about__column--banner img {
  width: 100%;
  max-width: 520px;
  height: auto;
  display: block;
}


.about__column--content {
  justify-content: flex-start;
}




/* =====================================================
   SECTION TEXT STYLE
   ===================================================== */


.helfu-txt {
  max-width: 520px;
}


.helfu-txt h3 {
  font-size: 32px;
  font-weight: 600;
  line-height: 1.3;
  color: #1e1e1e;
  margin-bottom: 24px;
}


.helfu-txt p {
  font-size: 17px;
  line-height: 1.7;
  color: #555;
}


.hefu-app-strong {
  display: block;
  margin-top: 32px;
  font-size: 18px;
  font-weight: 500;
  color: #1e1e1e;
}




/* =====================================================
   CTA BUTTON
   ===================================================== */


.hefu-btn-app {
  display: inline-block;
  margin-top: 28px;
  padding: 16px 44px;


  background: #6b5cff;
  color: #fff;


  font-size: 15px;
  font-weight: 500;
  text-decoration: none;
  border-radius: 6px;


  transition: background 0.3s ease;
}


.hefu-btn-app:hover {
  background: #5848e5;
}




/* =====================================================
   SECTION REVERSE
   ===================================================== */


.about__section.reverse .about__inner {
  flex-direction: row-reverse;
}




/* =====================================================
   SECTION MOBILE
   ===================================================== */


@media (max-width: 1024px) {


  .about__section {
    padding: 80px 0;
  }


  .about__inner {
    flex-direction: column;
    gap: 40px;
    text-align: center;
  }


  .about__column--content {
    justify-content: center;
  }


  .helfu-txt {
    max-width: 100%;
  }


  .helfu-txt h3 {
    font-size: 24px;
  }


  .helfu-txt p {
    font-size: 15px;
  }
}