@charset "utf-8";
/* s:main */
.blind {position: absolute; width: 0; height: 0; border: none; clip: rect(1px,1px,1px,1px); overflow: hidden; z-index: -1;}
.contents.main {padding-top: 80px;}
.contents.main .inner {width: 90%; max-width: 1360px; margin: auto;}

/* 메인 헤더 */
header::before {opacity: 1;  }
header .header-wrap .logo { background-image: url(/img/com/logo_color.svg); }
header .header-wrap .gnb-wrap .gnb-box li.gnb > a {color: #222;}
header .header-wrap .header-menu button.btn-search {background-image: url(/img/com/icon_search_b.svg);}
header .header-wrap .header-menu button.btn-sitemap span {background-color: #222;}
header .header-wrap .header-menu button.btn-sitemap:before, 
header .header-wrap .header-menu button.btn-sitemap:after {background-color: #222; }


/* 공통 */ 
@keyframes loadingAni {
  0% {width: 0;}
  100% {width: 100%;}
}
.main .slide-util {display: flex; align-items: center;}
.main .slide-util .paging {display: flex; align-items: center; font-size: 14px; color: #222; gap: 14px;}
.main .slide-util .loading {height: 2px; background-color: rgba(34,34,34,0.2); position: relative; font-size: 0;}
.main .slide-util .loading span {width: 0%; height: 100%; position: absolute; left: 0; bottom: 0; background-color: #222;}
.main .slide-util .loading.on span {animation: loadingAni 5s linear backwards;}
.main .slide-util .total-slide span.mo {display: none;}
.main .slide-util .banner-arr { display: flex; gap: 40px; }
.main .slide-util .banner-arr button {width: 24px; height: 24px; background-size: cover; background-repeat: no-repeat; background-position: center; font-size: 1px; color:transparent;}
.main .slide-util .banner-arr button.slick-prev {background-image: url(/img/com/arr_b_lft_24.svg);}
.main .slide-util .banner-arr button.slick-next {background-image: url(/img/com/arr_b_rit_24.svg);}

.main .slide-util .banner-arr button.slick-disabled {opacity: 0.6; pointer-events: none;}

.main .slick-dots {display: flex; justify-content: center;  gap: 8px; margin-top: 16px;}
.main .slick-dots li {width: 10px; height: 10px; border-radius: 5px; background-color: #C0BDB9; opacity: 0.8; }
.main .slick-dots li button { font-size: 1px; color: transparent;}
.main .slick-dots li.slick-active  {width: 36px; background-color: #222; opacity: 1;}

.main section {margin-bottom: 200px;}
.main section .sec-head .tag {font-size: 16px; color: #9E9D9B; margin-bottom: 8px;}
.main section .sec-head h2 {font-size: 36px; line-height: 1.45;}
.main section .sec-head h2 span {display: block;  color: #222;}
.main section .sec-head .sub-tit {font-weight: lighter; }
.main section .sec-head .main-tit {font-weight: bold;}

@media screen and (max-width:1260px){
  .main section {margin-bottom: 120px;}
  .main section .sec-head h2 {font-size: 30px;}

}
@media screen and (max-width:767px){
  .main section {margin-bottom: 80px;}
  .main section .sec-head h2 {font-size: 24px;}
  .main section .sec-head .tag {font-size: 14px;}

  .main .slide-util .total-slide span.mo {display: inline-block;} 
}
@media screen and (max-width:480px){
  .contents.main {padding-top: 70px;}
  
  .main section .sec-head h2 {font-size: 16px; line-height: 1.5;}
  .main section .sec-head .tag {font-size: 11px; margin-bottom: 4px;}

  .main .slick-dots {gap: 6px;}
  .main .slick-dots li {width: 6px; height: 6px; }
  .main .slick-dots li.slick-active {width: 20px;}
}
/* ---- */

/* sec01 */
.main-banner {position: relative; width: 100%; max-width: 1920px; margin: auto; background-color: #fff; }
.main-banner .main-banner {width: 100%;}
.main-banner .banner-slide {width: 100%;}
.main-banner .banner-slide .item-wrap {display: flex; align-items: center;}
.main-banner .banner-slide .item-wrap .text-area {width: 790px; padding-left: 163px; margin-top: -98px;}
.main-banner .banner-slide .title {font-size: 48px; font-weight: bold; color: #383838; }
.main-banner .banner-slide .btn-box {margin-top: 32px;}
/* s : 240903 수정 */
/*.main-banner .banner-slide .btn-box a {display: inline-block; background-color: #FF5624; border-radius: 100px; color: #fff; padding: 10px 26px 8px; line-height: 1.7; font-size: 20px; font-weight: bold;}*/
.main-banner .banner-slide .btn-box a {display:flex; align-items:center; justify-content:center; width:max-content; height:50px; background-color: #FF5624; border-radius: 100px; color: #fff; font-size:20px; font-weight:bold; padding:0 25px;}
/* e : 240903 수정 */
.main-banner .banner-slide .item-wrap .img-area {width: calc(100% - 790px); }
.main-banner .banner-slide .item-wrap .img-area span {display: block; width: 100%; height: 920px;}
.main-banner .banner-slide .item-wrap .img-area span img {width: 100%; max-width: 1130px; height: 100%; object-fit: cover;}

.main-banner .banner-slide .item-wrap .img-area span.mo {display: none;}

.main-banner .thumb-area { width: 532px; padding: 8px 0; background-color: #fff; font-size: 0; }
.main-banner .thumb-area.ty2 {width: 133px; margin-left: 264px;}
.main-banner .thumb-slide { }
.main-banner .thumb-slide .thumb-box {width: 125px; }
.main-banner .thumb-slide .thumb-box span {display: block; width: 100%; padding-top: 72%; position: relative; overflow: hidden;}
.main-banner .thumb-slide .thumb-box span img {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); max-width: 100%; max-height: 100%;}
.main-banner .thumb-slide .slick-slide {margin-right: 8px;}


.main-banner .slide-util {position: absolute; left: 0; bottom: -8px; padding-left: 163px;  gap: 24px;}
.main-banner .slide-util .loading {width: 146px; }

.main-banner .slide-util .banner-arr { margin-right: 14px;}

@media screen and (max-width:1600px) {
  .main-banner .banner-slide .title {font-size: 38px;}
  .main-banner .banner-slide .item-wrap .text-area {padding-left: 5%; width: calc(5% + 492px);}
  .main-banner .banner-slide .item-wrap .img-area {width: calc(95% - 492px);}
  .main-banner .banner-slide .item-wrap .img-area span {height: 720px;}
  .main-banner .slide-util {padding-left: 5%;}
  .main-banner .thumb-area.ty2 {margin-left: 130px;}
  .main-banner .banner-slide .btn-box a {font-size: 18px;}
}
@media screen and (max-width:1260px){
  .main-banner .banner-slide .title {font-size: 30px;}
  .main-banner .banner-slide .btn-box a {font-size: 16px;} /* 240903 수정 */
  .main-banner .banner-slide .item-wrap .text-area {width: calc(5% + 360px);}
  .main-banner .banner-slide .item-wrap .img-area {width: calc(95% - 360px);}
  .main-banner .banner-slide .item-wrap .img-area span {height: 540px;}
  .main-banner .thumb-area {width: 393px; padding: 6px 0; margin-left: -1px;}
  .main-banner .thumb-slide .slick-slide {margin-right: 6px;}

  .main-banner .slide-util {bottom: -6px;}
  .main-banner .thumb-area.ty2 {margin-left: -2px; width: 131px;}
}
@media screen and (max-width:1024px){
  .main-banner {width: 90%; margin: auto; padding-bottom: 40px;}
  .main-banner .banner-slide .item-wrap {flex-direction: column; gap: 24px;}
  .main-banner .banner-slide .item-wrap .text-area {margin-top: 0; width: 100%; padding-left: 0; padding-top: 40px;}
  .main-banner .banner-slide .item-wrap .img-area {width: 100%;}
  .main-banner .slide-util {padding-left: 0; width: 100%; justify-content: end; bottom: 0;}
  .main-banner .thumb-area {position: absolute; left: 0; bottom: 0px; width: 131px;}
}
@media screen and (max-width:767px){
  .main-banner {padding-bottom: 0;}
  /* .main-banner .thumb-area {width: 96px;} */
  .main-banner .thumb-area {display: none;}
  .main-banner .banner-slide .title {font-size: 20px;}
  .main-banner .banner-slide .btn-box {margin-top: 8px;}
  .main-banner .banner-slide .btn-box a {font-size: 14px; height:46px;} /* 240903 수정 */
  .main-banner .banner-slide .item-wrap .img-area span {height: unset;}
  .main-banner .banner-slide .item-wrap .img-area span.pc {display: none;}
  .main-banner .banner-slide .item-wrap .img-area span.mo {display: block; width: 100%; position: relative; padding-top: 81.5%; overflow: hidden;}
  .main-banner .banner-slide .item-wrap .img-area span.mo img {width: 100%; height: 100%; object-fit: cover; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
  .main-banner .slide-util {gap: 8px;}
  .main-banner .slide-util .paging {gap: 4px; font-size: 11px; position: absolute; width: 64px; border-radius: 12px; background: rgba(0,0,0,0.5); height: 24px; right: 9px; bottom: -1px; justify-content: center; align-items: center;color: #fff; }
  .main-banner .slide-util .paging .total-slide {}
  .main-banner .slide-util .banner-arr {margin-right: 0; gap: 8px;}
  .main-banner .slide-util .banner-arr button {width: 20px; height: 20px;}
  .main-banner .slide-util .loading {display: none;}
  
}
@media screen and (max-width:480px){
  .main-banner .banner-slide .title {font-size: 18px;}
  .main-banner .banner-slide .btn-box a {font-size: 12px; height:42px; padding:0 20px;} /* 240903 수정 */
  .main-banner .thumb-area {width: 96px;}
  .main-banner .thumb-slide .thumb-box {width: 90px;}
}


/* section2 */
.story360 {padding-bottom: 100px;}
.story360 .sec-head {margin-bottom: 48px;}
.story360 .story-wrap {display: flex; flex-wrap: wrap; gap: 40px 32px; }
.story360 .story-wrap .item {width: calc(50% - 16px); position: relative; overflow: hidden; transition: 0.3s; }
.story360 .story-wrap .item a {display: block; width: 100%;}
.story360 .story-wrap .item .img-box {width: 100%;}
.story360 .story-wrap .item .img-box span {display: block; width: 100%; padding-top: 56.32%; position: relative; overflow: hidden;}
.story360 .story-wrap .item .img-box span img {width: 100%; height: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); object-fit: cover; }
.story360 .story-wrap .item .text {position: absolute; left: 0; bottom: 0; padding: 32px 44px; color: #fff; z-index: 1; font-size: 32px; line-height: 1.44;}
.story360 .story-wrap .item .text::after {content:""; width: 44px; height: 44px; background: url(/img/com/arr_wh_urit_44.png) center no-repeat; background-size: cover; display: inline-block; vertical-align: bottom; opacity: 0; transition: 0.5s; margin-left: 4px;}

.story360 .story-wrap .item:nth-child(2n) {transform: translateY(100px);}

.story360 .story-wrap .item:hover {border-radius: 0 0 0 80px;}
.story360 .story-wrap .item:hover .text::after {opacity: 1;}

.story360 .story-wrap .slick-slide {font-size: 0;}
.story360 .story-wrap .slick-dots {}

@media screen and (max-width:1260px) {
  .story360 .story-wrap {gap: 32px 24px;}
  .story360 .story-wrap .item {width: calc(50% - 12px);}
  .story360 .story-wrap .item .text {padding: 24px 30px; font-size: 24px;}
  .story360 .story-wrap .item .text::after {width: 34px; height: 34px;}
  .story360 .story-wrap .item:nth-child(2n) {transform: translateY(80px);}

  .story360 .story-wrap .item:hover {border-radius: 0 0 0 48px;}
}
@media screen and (max-width:767px){
  .story360 {padding-bottom: 0;}
  .story360 .sec-head {margin-bottom: 24px;}
  .story360 .story-wrap {display:block; gap: 0;}
  .story360 .story-wrap .item {width: 100%;}
  .story360 .story-wrap .item:nth-child(2n) {transform: translateY(00px);}
  .story360 .story-wrap .item .text::after {display: none;}
}
@media screen and (max-width:480px){
  .story360 .sec-head {margin-bottom: 16px;}
  .story360 .story-wrap .item .text {font-size: 16px; padding: 16px 20px; line-height: 1.8;}
}


/* sec03 */
.solution .sec-head {margin-left: 23%;}
.solution .item {position: relative; z-index: 1; margin: 8px 0; width: fit-content;}
.solution .item::before {content:""; z-index: -1; width: calc(100vw - 512px); height: calc(100% - 41px);  position: absolute; bottom: 0;}
.solution .item .inwrap {width: fit-content; display: flex; width: fit-content; align-items: flex-end; transition: 0.4s;}
.solution .item .icon {width: 28px; height: 14px; background: url(/img/main/icon_solution.svg) center no-repeat; margin-bottom: 24px; background-size: cover; }
.solution .item h3 {font-size: 20px; color: #FF5624; font-weight: bold;}
.solution .item .text {padding-bottom: 38px;}
.solution .item  p {font-size: 24px; color: #424241; margin-top: 4px; }
.solution .item .tag {display: flex; flex-wrap:wrap; gap: 8px; margin-top: 24px;}
.solution .item .tag span {background-color: #9e9d9b; line-height: 34px; color: #fff; padding: 0 16px; font-size: 14px; border-radius: 100px;}
.solution .item .img {font-size: 0;}
.solution .item .img img {max-width: 100%;}

.solution .item.right {padding: 0 32px 0 104px; margin-left: auto; }
.solution .item.right .inwrap {gap: 186px;}
.solution .item.right::before {background: linear-gradient(to right, rgba(192,189,185,0.2),transparent); left: 0;}
.solution .item.left {padding: 0 216px 0 32px; }
.solution .item.left .inwrap {gap: 92px;}
.solution .item.left::before {background: linear-gradient(to left, rgba(192,189,185,0.2),transparent); right: 0;}


@media screen and (max-width:1480px) {
  .solution .item h3 {font-size: 18px;}
  .solution .item p {font-size: 20px;}
  .solution .item::before {height: calc(100% - 34px); width: 95vw;}
  .solution .item .img {width: 300px;}
  .solution .item .text {padding: 34px 0;}
}
@media screen and (max-width:1260px){
  .solution .item::before {height: 100%;}
  .solution .item.right .inwrap,
  .solution .item.left .inwrap {gap: 50px; justify-content: space-between;}
  .solution .item.right {padding: 0 24px 0 60px;}
  .solution .item.left {padding: 0 60px 0 24px;}
  .solution .item .img {width: 240px;}
  .solution .item p {font-size: 18px;}
}
@media screen and (min-width:768px){
  @media (hover: hover){
    .solution .item:hover .inwrap {transform: translateX(30px);}
  }
}
@media screen and (max-width:767px){
  .solution .sec-head {margin-left: 0;}
  .solution .solution-wrap {margin-top: 16px;}
  .solution .item {margin: 16px 0; width: 100%; background: rgba(192,189,185,0.2);}
  .solution .item.right,
  .solution .item.left {padding: 0px 20px; margin: 0;}
  .solution .item.right .inwrap, .solution .item.left .inwrap {width: 100%; position: relative;}
  .solution .item.right::before,
  .solution .item.left::before {display: none;}
  .solution .item .icon {margin-bottom: 20px;}
  .solution .item .text {padding: 24px 0;}
  .solution .item h3 {font-size: 14px;}
  .solution .item p {font-size: 16px; letter-spacing: -0.5px; line-height: 1.7; margin-top: 6px;}
  .solution .item .img {display: none;}
  .solution .item .tag { gap: 4px; margin-top: 16px; width: 100%;}
  .solution .item .tag span {width: fit-content; font-size: 12px; line-height: 30px; padding: 0 10px;}
}
@media screen and (max-width:480px){
  .solution .item .icon {margin-bottom: 12px; width: 20px; height: 10px;}
  .solution .item h3 {font-size: 13px;}
  .solution .item p {font-size: 14px;}
  .solution .item .tag span {font-size: 11px; line-height: 28px;}
}


/* sec04 vod */
.video .sec-head {margin-bottom: 40px;}
.video .sec-cont {position: relative;}
.video .vod-wrap {width: fit-content; position: relative;}

/* s : 240819 수정 */
.video .main-vod {width: 992px; font-size: 0; position:relative; z-index:20;}

.video .main-vod .slick-slide {position: relative;}
.video .main-vod .slick-slide.slick-active .vod-thum::before {content:""; width: 96px; height: 96px;  border-radius: 50%;  box-sizing: border-box; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); background: url(/img/main/icon_play.svg) no-repeat; background-position: center; background-size: cover; z-index: 2;}
.video .main-vod .slick-slide img {max-width: 100%;}

.video .main-vod .vod-slide > div {width: 100%;}
.video .main-vod .vod-slide > div.vod-thum {position: absolute; left: 0; top: 0; z-index: 1;}

.video .thum-vod {position: absolute; bottom: 0; left: 580px; z-index:1;  overflow: visible; opacity: 0.5;}
.video .thum-vod .slick-slide.slick-active {opacity: 0; transition: 0.3s;}
.video .slide-util {position: absolute; top: 50%; right: 0; transform: translateX(100%); padding-left: 40px; gap: 49px;}
.video .slide-util .loading {width: 321px;}
.video .thum-vod .slick-slide {margin-right: 32px; font-size: 0; cursor:pointer;}
.video .thum-vod .vod-thum {width: 420px;}
.video .thum-vod img {width: 100%;}

.video .main-vod .vod-slide.play > div.vod-thum {display: none;}

.video .main-vod .vod-slide .video-wrap .main-video-layout .video-box {width:100%; position:relative; z-index:10;}
.video .main-vod .vod-slide .video-wrap .main-video-layout .video-box span {display:block; width:100%; height:0; padding-bottom:calc(315 / 560 * 100%); position:relative; background:#000;}
.video .main-vod .vod-slide .video-wrap .main-video-layout .video-box span iframe {width:100%; height:100%; position:absolute; left:0; top:0; z-index:20;}
.video .main-vod .vod-slide .video-wrap .main-video-layout .video-box span a {display:block; width:100%; height:100%; position:absolute; left:0; top:0; z-index:22;}
.video .main-vod .vod-slide .video-wrap .main-video-layout .video-box span a.hide {display:none;}
.video .main-vod .vod-slide .video-wrap .main-video-layout .video-box .thumbnail {width:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.video .main-vod .vod-slide .video-wrap .main-video-layout .video-box .thumbnail img {display:block; max-width:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.video .main-vod .vod-slide .video-wrap .main-video-layout .video-box .btn-video-play {width:96px; height:96px; border-radius:50%; background:url(/img/conts/icon_play_w.svg) center no-repeat; background-size:cover; position:absolute; left:50%; top:50%; z-index:10; transform:translate(-50%,-50%); cursor:pointer; font-size:0;}
.video .main-vod .slick-slide.slick-active .video-wrap .main-video-layout .video-box .thumbnail {display:none;}

/* e : 240819 수정 */

@media screen and (max-width: 1024px) {
	.video .main-vod .vod-slide .video-wrap .main-video-layout .video-box .btn-video-play {width:75px; height:75px;}
}

@media screen and (max-width: 768px) {
	.video .main-vod .vod-slide .video-wrap .main-video-layout .video-box .btn-video-play {width:58px; height:58px;}
}

@media screen and (max-width: 480px) {
	.video .main-vod .vod-slide .video-wrap .main-video-layout .video-box .btn-video-play {width:36px; height:36px;}
}



@media screen and (max-width:1920px){
  .video .vod-wrap {display: flex; width: 100%; align-items: center;}
  .video .main-vod {width: calc(100% - 370px);}
  .video .slide-util {position: static; gap: 24px; width: fit-content; transform: translateX(0);}
  .video .slide-util .loading {width: 180px;}
  .video .slide-util .banner-arr {gap: 12px;}
}
@media screen and (max-width:1524px){
  .video .main-vod {width: 750px;}
  .video .thum-vod { left: 425px; }
  .video .thum-vod .vod-thum {width: 330px;}
}
@media screen and (max-width:1260px){
  .video .main-vod {width: 550px;}
  .video .slide-util {padding-left: 24px;}
  .video .slide-util .loading {width: 150px;}
  .video .thum-vod .slick-slide {margin-right: 20px;}
  .video .thum-vod {left: 334px;}
  .video .thum-vod .vod-thum {width: 220px;}
}
@media screen and (max-width:1024px){
  .video .vod-wrap {flex-direction: column; gap: 18px;}
  .video .main-vod {width: 100%;}
  .video .slick-dots {justify-content: start; margin-top: 24px;}
  .video .slide-util {width: 100%; justify-content: end; position: absolute; top: unset; bottom: 0; right: 0;}
  .video .thum-vod {display: none;}
  .video .main-vod .slick-slide.slick-active .vod-thum::before {width: 66px; height: 66px;}
}
@media screen and (max-width:767px){
  .video .sec-head {margin-bottom: 16px;}
  .video .slide-util {display: none;}
  .video .slick-dots {justify-content: center; margin-top: 16px;}
  .video .main-vod .slick-slide.slick-active::before {width: 62px; height: 62px;}
}
@media screen and (max-width:480px){
  .video .main-vod .slick-slide.slick-active .vod-thum::before {width: 48px; height: 48px;}
}

/* sec05 비지니스 */
.business .sec-head {margin-bottom: 40px; }
.business .busi-wrap {position: relative; padding: 40px 0; z-index: 1; display: flex;}
.business .busi-wrap::before {content:""; width: 100vw; height: 100%; background-color: #C0BDB9; opacity: 0.2; position: absolute; left: 50%; transform: translateX(-50%); top: 0;}
.business .busi-wrap .item {width: 50%; position: relative; padding: 36px 16px;}
.business .busi-wrap .item h3 {font-weight: bold; color: #FF5624; font-size: 24px;}
.business .busi-wrap .item p {color: #777776; font-size: 16px;}
.business .busi-wrap .item p.bold {color: #222; font-size: 26px; font-weight: bold; margin-bottom: 16px; margin-top: 32px;}
.business .busi-wrap .btn-area {margin-top: 48px;}
.business .busi-wrap .btn-area a {background-color: #FF5624; border-radius: 100px; height: 40px; color: #fff; font-size: 16px; padding: 0 20px; display: inline-flex; align-items: center; gap: 4px;}
.business .busi-wrap .btn-area a::after {content:""; width: 24px; height: 24px; background: url(/img/com/arr02_wh_rit_24.svg) center no-repeat;}

.business .busi-wrap .item:nth-child(2) {padding-left: 96px;}
.business .busi-wrap .item:nth-child(2)::before {content:""; width: 2px; background: #C0BDB9; opacity: 0.4; position: absolute; left: 0; top: 0; height: 100%;}

@media screen and (max-width:1260px){
  .business .busi-wrap .item:nth-child(2) {padding-left: 46px;}
  .business .busi-wrap .item h3 {font-size: 20px;}
  .business .busi-wrap .item p.bold {font-size: 22px;}
}
@media screen and (max-width:1024px){
  .business .busi-wrap {padding: 0; flex-direction: column;}
  .business .busi-wrap .item:nth-child(2) {padding-left: unset;}
  .business .busi-wrap .item:nth-child(2)::before {height: 2px; width: 100%; }
  .business .busi-wrap .item {padding: 40px 0; width: 100%;}
  .business .busi-wrap .btn-area {margin-top: 36px;}
}
@media screen and (max-width:767px){
  .business .sec-head {margin-bottom: 16px;}
  .business .busi-wrap {display: block;}
  .business .busi-wrap::before {height: calc(100% - 26px);}
  .business .busi-wrap .btn-area {margin-top: 24px;}
  .business .busi-wrap .item {padding: 24px 16px; position: relative;}
  .business .busi-wrap .item h3 {font-size: 16px;}
  .business .busi-wrap .item p {font-size: 14px;}
  .business .busi-wrap .item p.bold {font-size: 18px; margin-top: 20px; margin-bottom: 12px;}
}
@media screen and (max-width:480px){
  .business .busi-wrap::before {height: calc(100% - 24px);} 
  .business .busi-wrap .btn-area {margin-top: 12px;}
  .business .busi-wrap .btn-area a { font-size: 12px; height: 34px; }
  .business .busi-wrap .item h3 {font-size: 13px;}
  .business .busi-wrap .item p {font-size: 11px;}
  .business .busi-wrap .item p.bold {font-size: 14px; margin-top: 12px; margin-bottom: 6px;}
}

/* sec06 트랜드 */
.trend .inner2 {width: 90%; max-width: 1360px; margin: auto;}
.trend .sec-head {margin-bottom: 40px; }
.trend .trend-wrap {position: relative;}
.trend .trend-wrap ul {display: flex; flex-wrap:wrap; gap: 16px; }
.trend .trend-wrap img {vertical-align: top; max-width:100%;}
.trend .trend-wrap ul li {width: calc((100% - 48px)/4); font-size: 0; }
.trend .trend-wrap ul li:nth-child(-n+3) {order: 1;}
.trend .trend-wrap ul li:nth-child(n+4) {order: 3;}
.trend .trend-wrap ul li.empty {order: 2;}

.trend .trend-wrap .insta {width: calc((100% - 48px)/4); position: absolute; right: 0; top: 0;}
.trend .trend-wrap .insta span {display: block; padding-top: 100%; width: 100%;}
.trend .trend-wrap .insta a {width: 50%; display: flex; padding: 16px; background: linear-gradient(to right, #FF3C00, #FF5624); height: 100%; align-items: end; position: relative; position: absolute; left: 0; bottom: 0;}
.trend .trend-wrap .insta a::after {content:""; width: 40px; height: 40px; background-image: url(/img/com/arr_wh_urit_44.png); background-size: cover; position: absolute; right: 16px; top: 16px;}
.trend .trend-wrap .insta a .text {color: #fff; font-weight: bold; font-size: 18px; line-height: 1.6;}

@media screen and (max-width:1260px){
  .trend .trend-wrap ul li.insta a .text {font-size: 16px;}
}
@media screen and (max-width:1024px){
  .trend .trend-wrap ul {gap: 8px;}
  .trend .trend-wrap ul li {order: unset !important; width: calc((100% - 16px)/3);}
  .trend .trend-wrap ul li.empty {display: none;}

  .trend .trend-wrap .insta {width: 100%; margin-top: 36px; position: static; height:50px;}
  .trend .trend-wrap .insta span {padding-top: 0;}
  .trend .trend-wrap .insta a {width: fit-content; padding: 10px 18px 8px; display: flex; align-items: center; justify-content: center; gap: 4px; margin: auto; position: static;}
  .trend .trend-wrap .insta a br {display: none;}
  .trend .trend-wrap .insta a::after {position: static; width: 16px; height: 16px; background-image: url(/img/com/arr_wh_urit_16.svg);}
  .trend .trend-wrap .insta a .text {font-weight: normal; line-height: 1.5;}
}
@media screen and (max-width:767px) {
  .trend .inner2 {width: 100%;}
  .trend .sec-head {margin-bottom: 16px;}
  .trend .trend-wrap ul {flex-wrap:nowrap; overflow-x: auto; padding: 0 20px 10px; gap: 10px;}
  .trend .trend-wrap ul::-webkit-scrollbar {height:5px; border-radius:10px; background:rgba(0,0,0,0.1);}
  .trend .trend-wrap ul::-webkit-scrollbar-thumb {background:var(--sub-color);}
  .trend .trend-wrap ul li {flex-shrink: 0; width: 180px;}
}
@media screen and (max-width:480px){
  .trend .trend-wrap .insta {margin-top: 6px;}
  .trend .trend-wrap .insta a .text {font-size: 14px;}
}



/* e:main */