/* header */
header {position:fixed; left:0; top:0; width:100%; z-index:1000; background:#111;}
header .header-main {padding:16px 0;}
header .header-main .container {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
header .header-main .main-left {display:flex; flex-wrap:wrap; align-items:center; gap:32px; flex:1; min-width:0;}
header .header-main .main-left h1 a img {width:160px;}
header .header-main .main-left .menu {display:none;}
header .header-main .main-right {display:flex; flex-wrap:wrap; align-items:center; gap:32px;}
header .header-main .main-right .right-button a {height:32px; padding:0 16px; font-size:14px; font-weight:700; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border-radius:50px; color:#fff; background:var(--color-active);}
header .header-main .main-right .right-button a:hover {background:var(--color-active3);}
header .header-main .main-right .right-license a {font-size:14px; font-weight:700; color:var(--color-active);}
header .header-main .main-right .right-license a:hover {text-decoration:underline;}
header .header-main .main-right .right-link ul {display:flex; flex-wrap:wrap; align-items:center;}
header .header-main .main-right .right-link ul li {display:flex; flex-wrap:wrap; align-items:center;}
header .header-main .main-right .right-link ul li:after {display:inline-block; content:""; width:1px; height:15px; margin:0 24px; background:#4f4f4f;}
header .header-main .main-right .right-link ul li:last-of-type:after {display:none;}
header .header-main .main-right .right-link ul li a {font-size:14px; font-weight:700; color:#fff;}
header .header-main .main-right .right-link ul li a:hover {text-decoration:underline;}
header .header-main .main-right .right-member {display:flex; flex-wrap:wrap; align-items:center; gap:32px;}
header .header-main .main-right .right-member > a {position:relative; display:block; font-size:0; width:32px; height:32px; background-size:24px; background-position:center; background-repeat:no-repeat;}
header .header-main .main-right .right-member > a.like {background-image:url('../images/icon_like.svg');}
header .header-main .main-right .right-member > a.cart {background-image:url('../images/icon_cart.svg');}
header .header-main .main-right .right-member > a span {line-height:12px; position:absolute; right:2px; top:2px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; min-width:13px; height:12px; padding:0 4px; font-size:10px; font-weight:700; color:#fff; text-indent:-1px; background:var(--color-active); border-radius:100px;}
header .header-main .main-right .right-member .dropdown-box {position:relative;}
header .header-main .main-right .right-member .dropdown-box .dropdown-btn {width:32px; height:32px; background:#70BAFF; color:#fff; font-size:16px; font-weight:700; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border-radius:50%;}
header .header-main .main-right .right-member .dropdown-box .dropdown-inner {width:260px; padding:16px 24px; position:absolute; right:0; top:calc(100% + 8px); background:#2B2B30; border-radius:4px; white-space:nowrap;}
header .header-mobile {display:none;}
header.transparent {background:transparent;}
header.scroll {background:#111 !important;}
@media (max-width:1300px){
header .header-main .main-left .search-box {display:none;}
}
@media (max-width:991px){
header {background:#111;}
header .header-main {padding:0; height:64px; display:flex; flex-wrap:wrap; align-items:center; position:relative;}
header .header-main .container {justify-content:center;}
header .header-main .main-left {flex:none;}
header .header-main .main-left h1 a img {width:120px;}
header .header-main .main-left .menu {position:absolute; left:24px; top:50%; transform:translateY(-50%); display:block; width:24px; height:24px; font-size:0; background:url('../images/icon_menu.svg') no-repeat center / cover;}
header .header-main .main-right {position:absolute; right:24px; top:50%; transform:translateY(-50%);}
header .header-main .main-right .right-button {display:none;}
header .header-main .main-right .right-link {display:none;}
header .header-main .main-right .right-member > a {display:none;}
header .header-mobile {display:block; pointer-events:none; opacity:0; position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.2); z-index:9999; transition:all ease 0.5s;}
header .header-mobile .box {pointer-events:none; opacity:0; transition:all ease 0.5s; position:absolute; left:-20px; top:0; width:240px; height:100%; background:#111; box-shadow:0 4px 16px rgba(0,0,0,0.4);}
header .header-mobile .mobile-head {padding:20px 24px; margin:0 0 8px;}
header .header-mobile .mobile-head .close {display:block; font-size:0; width:24px; height:24px; background:url('../images/icon_close.svg') no-repeat center / cover;}
header .header-mobile .mobile-body .body-cate {padding:0 24px;}
header .header-mobile .mobile-body .body-cate ul li {display:flex; flex-wrap:wrap; align-items:center; margin:0 0 16px;}
header .header-mobile .mobile-body .body-cate ul li:last-of-type {margin:0;}
header .header-mobile .mobile-body .body-cate ul li a {display:flex; flex-wrap:wrap; align-items:center; font-size:14px; font-weight:700; color:#fff;}
header .header-mobile .mobile-body .body-cate ul li a.license {color:var(--color-active);}
header .header-mobile .mobile-body .body-cate ul li a.cs:after {display:inline-block; content:""; width:16px; height:16px; margin:0 0 0 6px; background:url('../images/icon_link.svg') no-repeat center / cover;}
header .header-mobile .mobile-body .body-cate ul li a:hover {text-decoration:underline;}
header .header-mobile .mobile-body .body-button {border-top:1px solid #4f4f4f; margin:32px 0 0; padding:32px 20px;}
header .header-mobile .mobile-body .body-button a {height:40px; border-radius:4px; background:#fff; color:#000; font-size:14px; font-weight:700; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; margin:0 0 8px;}
header .header-mobile .mobile-body .body-button a:last-of-type {margin:0;}
header .header-mobile .mobile-body .body-button a:hover {background:#EBEBF2 !important;}
header .header-mobile .mobile-body .body-button a.active {background:linear-gradient(to right, #FF5026, #E20000) !important; color:#fff;}
header .header-mobile .mobile-body .body-button a.active:hover {background:linear-gradient(to right, #FF0000, #BA0000) !important;}
header.fixed .header-mobile {pointer-events:inherit; opacity:1;}
header.fixed .header-mobile .box {pointer-events:inherit; opacity:1; left:0;}
}
@media (max-width:600px){
header .header-main .main-right .right-member .dropdown-box .dropdown-inner {width:100vw; top:calc(100% + 16px); position:fixed; left:auto; right:-24px;}
}
@media (max-width:320px){
header .header-main .main-right {display:none;}
}
/* 검색 결과·마이페이지·공유 프로젝트 : 1300px 이하에서 GNB 검색창이 숨는 대신 본문 맨 위에 검색창을 둔다.
   고정 헤더 밖이라 스크롤하면 같이 올라간다 (라이선스·큐레이션 배너의 search-sub-box 와 같은 동작) */
@media (max-width:1300px){
.search-sub-box.top {margin:64px 0 0; padding:16px 0;}   /* 검색창 없는 헤더는 PC·모바일 모두 64px */
.search-sub-box.top .search-box {max-width:none;}
.search-sub-box.top + .sub-category-box, .search-sub-box.top + .sub-mypage-box, .search-sub-box.top + .sub-top-box {margin-top:0;}
}

/* footer */
footer {border-top:1px solid #2B2B30; padding:80px 0; background:#111;}
footer .container {display:flex; flex-wrap:wrap; justify-content:space-between;}
footer .footer-left h2 img {width:160px;}
footer .footer-left ul {margin:56px 0 0;}
footer .footer-left ul li {display:flex; flex-wrap:wrap; align-items:center; margin:0 0 5px;}
footer .footer-left ul li:last-of-type {margin:0;}
footer .footer-left ul li p {display:flex; flex-wrap:wrap; align-items:center; font-size:11px; font-weight:500; color:#cfcfcf;}
footer .footer-left ul li p:after {display:inline-block; content:""; width:1px; height:16px; background:#898989; margin:0 16px;}
footer .footer-left ul li p:last-of-type:after {display:none;}
footer .footer-right .info {display:flex; flex-wrap:wrap; justify-content:space-between; gap:80px;}
footer .footer-right .info dl dt {font-size:18px; font-weight:700; color:#fff; margin:0 0 32px;}
footer .footer-right .info dl dd {margin:0 0 10px;}
footer .footer-right .info dl dd:last-of-type {margin:0;}
footer .footer-right .info dl dd a {font-size:14px; font-weight:500; color:#cfcfcf;}
footer .footer-right .info dl dd a:hover {color:#fff; text-decoration:underline;}
footer .footer-right .info dl:last-of-type {position:relative; left:-10px;}
footer .footer-right .dropdown-box {width:280px; margin:40px 0 0; position:relative; margin-left:auto;}
footer .footer-right .dropdown-box .dropdown-btn {padding:0 16px; font-size:14px; font-weight:700; color:#fff; width:100%; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; height:40px; border-radius:4px; background:#4D4D53;}
footer .footer-right .dropdown-box .dropdown-btn:after {display:inline-block; content:""; width:16px; height:16px; background:url('../images/icon_dropdown.svg') no-repeat center / cover;}
footer .footer-right .dropdown-box .dropdown-inner {position:absolute; left:0; bottom:calc(100% + 8px); width:100%; background:#2B2B30; border-radius:4px; padding:8px 16px;}
footer .footer-right .dropdown-box .dropdown-inner ul li {border-bottom:1px solid #3C3C42;}
footer .footer-right .dropdown-box .dropdown-inner ul li:last-of-type {border:0;}
footer .footer-right .dropdown-box .dropdown-inner ul li a {height:40px; font-size:14px; color:#828187; font-weight:700; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
footer .footer-right .dropdown-box .dropdown-inner ul li a:hover {color:#fff;}
footer .footer-right .dropdown-box .dropdown-inner ul li a:hover:after {display:inline-block; content:""; width:16px; height:16px; background:url('../images/icon_drop_check.svg') no-repeat center / cover;}
footer .footer-fixed {position:fixed; right:80px; bottom:20px; z-index:1000;}
footer .footer-fixed a {width:48px; height:48px; display:block; font-size:0; background:url('../images/icon_footer_fixed.svg') no-repeat center / cover;}
/* 채널톡이 떠 있으면 채널톡 버튼 바로 위, 같은 세로축에 쌓는다.
   채널톡 기본 런처 — 56px · 여백 24px, 화면 폭이 줄어도 크기·위치가 그대로다 (대시보드 버튼 위치 설정을 바꾸면 아래 값도 맞춘다)
   right = 여백 + (런처 - 버튼) / 2, bottom = 여백 + 런처 + 간격 */
html.has-channeltalk footer .footer-fixed {right:calc(24px + (56px - 48px) / 2); bottom:calc(24px + 56px + 12px);}
@media (max-width:991px){
footer {padding:40px 0 104px; position:relative;}
footer .footer-left {width:100%; order:2; margin:30px 0 0;}
footer .footer-left h2 img {display:block; margin:0 auto;}
footer .footer-left ul {margin:30px 0 0;}
footer .footer-left ul li {gap:5px 0;}
footer .footer-left ul li p:after {height:12px; margin:0 8px;}
footer .footer-right {gap:0 10px; width:100%; order:1;}
footer .footer-right .info {gap:10px;}
footer .footer-right .info dl {margin:0 0 15px;}
footer .footer-right .info dl dt {font-size:14px;}
footer .footer-right .info dl dd {margin:0 0 5px;}
footer .footer-right .info dl dd a {font-size:12px;}
footer .footer-right .dropdown-box {position:absolute; left:50%; transform:translateX(-50%); bottom:40px; width:calc(100% - 48px);}
footer .footer-fixed {right:15px; bottom:15px;}
footer .footer-fixed a {width:35px; height:35px;}
html.has-channeltalk footer .footer-fixed {right:calc(24px + (56px - 35px) / 2); bottom:calc(24px + 56px + 12px);}
}

/* main-title */
.main-box .main-title {margin:0 0 40px; position:relative;}
.main-box .main-title h2 {font-size:48px; font-weight:800; color:#fff; line-height:1.3; word-break:keep-all;}
.main-box .main-title strong {display:block; margin:0 0 12px; font-size:24px; font-weight:700; line-height:1.2; word-break:keep-all; color:#FF5026;}
.main-box .main-title a {display:inline-flex; flex-wrap:wrap; align-items:center; margin:9px 0 0; font-size:16px; font-weight:700; color:#FF5026;}
.main-box .main-title a:after {position:relative; top:3px; display:inline-block; content:""; width:24px; height:24px; margin:0 0 0 8px; background:url('../images/icon_main_more.svg') no-repeat center / cover;}
.main-box .main-title .more {position:absolute; right:0; bottom:0; display:flex; flex-wrap:wrap; align-items:center; font-size:18px; font-weight:700; color:#fff;}
.main-box .main-title .more:after {background-image:url('../images/icon_more_plus.svg'); top:0;}
@media (max-width:991px){
.main-box .main-title {margin:0 0 32px;}
.main-box .main-title h2 {font-size:28px;}
.main-box .main-title h2.lg {font-size:48px;}
.main-box .main-title strong {font-size:16px;}
.main-box .main-title a {font-size:16px;}
.main-box .main-title .more {position:static;}
}

/* main-faq */
.main-box .main-faq {background:#2B2B30; padding:120px 0;}
.main-box .main-faq .container {display:flex; flex-wrap:wrap; gap:40px;}
/* 제목 줄 — 제목 왼쪽, 고객센터 바로가기 링크 오른쪽 (한 줄) */
.main-box .main-faq .faq-left {width:100%;}
.main-box .main-faq .faq-left .main-title {margin:0; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:16px;}
.main-box .main-faq .faq-left .main-title a {margin:0;}
/* 목록 — 전체폭, 보더 구분선 (박스 아님). 모든 폭에서 같은 모양 */
.main-box .main-faq .faq-right {flex:none; width:100%; min-width:0;}
.main-box .main-faq .faq-right ul {border-top:1px solid #4D4D53;}
.main-box .main-faq .faq-right ul li {margin:0; background:none; border-bottom:1px solid #4D4D53;}
.main-box .main-faq .faq-right ul li .toggle {display:flex; flex-wrap:wrap; align-items:center; gap:10px; width:100%; padding:28px 0;}
.main-box .main-faq .faq-right ul li .toggle span {flex:1; min-width:0; font-size:18px; font-weight:700; color:#fff; word-break:keep-all; line-height:1.4; text-align:left;}
.main-box .main-faq .faq-right ul li .toggle:after {display:block; content:""; width:32px; height:32px; background:url('../images/icon_main_faq_toggle.svg') no-repeat center / cover;}
.main-box .main-faq .faq-right ul li .inner {display:none; padding:0 0 28px; margin:-12px 0 0;}
.main-box .main-faq .faq-right ul li .inner p {font-size:15px; font-weight:500; color:#EBEBF2; word-break:keep-all; line-height:1.4;}
.main-box .main-faq .faq-right ul li.active .toggle:after {transform:rotate(180deg);}
.main-box .main-faq .faq-right ul li.active .inner {display:block;}
@media (max-width:991px){
.main-box .main-faq {padding:80px 0;}
/* 991 이하에서는 제목 줄을 원래대로 (링크가 제목 아래) */
.main-box .main-faq .faq-left .main-title {display:block;}
.main-box .main-faq .faq-left .main-title a {margin:9px 0 0;}
}

/* main-gallery */
.main-box .main-gallery {padding:120px 0;}
.main-box .main-gallery .gallery-inner {margin:0 0 5px; display:flex; flex-wrap:wrap; gap:5px;}
.main-box .main-gallery .gallery-inner:last-of-type {margin:0;}
.main-box .main-gallery .gallery-inner a {position:relative; display:block; overflow:hidden;}
.main-box .main-gallery .gallery-inner a:before {position:absolute; left:0; top:0; z-index:2; content:""; width:100%; height:100%; background:rgba(0,0,0,0.4); transition:all ease 0.5s; opacity:0; pointer-events:none;}
.main-box .main-gallery .gallery-inner a:after {display:block; content:""; padding-bottom:100%;}
.main-box .main-gallery .gallery-inner a img {position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; transition:all ease 0.5s;}
.main-box .main-gallery .gallery-inner a p {transition:all ease 0.5s; opacity:0; position:absolute; right:0; bottom:0; width:100%; z-index:3; padding:0 48px 40px; text-align:right; font-size:40px; font-weight:700; color:#fff; word-break:keep-all; line-height:1.2;}
.main-box .main-gallery .gallery-inner a:hover:before {opacity:1;}
.main-box .main-gallery .gallery-inner a:hover img {transform:scale(1.2);}
.main-box .main-gallery .gallery-inner a:hover p {opacity:1;}
.main-box .main-gallery .gallery-inner .list-left {width:39.8%;}
.main-box .main-gallery .gallery-inner .list-right {flex:1; min-width:0; display:flex; flex-direction:column; gap:5px;}
.main-box .main-gallery .gallery-inner .list-right ul {width:100%; height:100%; display:flex; flex-wrap:wrap; gap:5px;}
.main-box .main-gallery .gallery-inner .list-right ul li {flex:1; min-width:0; height:100%;}
.main-box .main-gallery .gallery-inner .list-right ul li a {height:100%;}
.main-box .main-gallery .gallery-inner .list-right ul li a:after {display:none;}
.main-box .main-gallery .gallery-inner:last-of-type {flex-direction:row-reverse;}
@media (max-width:1500px){
.main-box .main-gallery .gallery-inner a p {padding:0 20px 20px; font-size:30px;}
}
@media (max-width:991px){
.main-box .main-gallery {padding:56px 0;}
.main-box .main-gallery .gallery-inner a p {padding:0 24px 16px; font-size:32px;}
.main-box .main-gallery .gallery-inner .list-left {width:100%;}
.main-box .main-gallery .gallery-inner .list-right {flex:none; width:100%;}
.main-box .main-gallery .gallery-inner .list-right ul li {flex:none; width:100%; height:auto;}
.main-box .main-gallery .gallery-inner .list-right ul li a:after {display:block;}
.main-box .main-gallery .gallery-inner .list-right ul:last-of-type li a:after {padding-bottom:60%;}
}

/* main-category */
.main-box .main-category {padding:120px 0 0;}
.main-box .main-category ul {display:flex; flex-wrap:wrap; gap:16px;}
.main-box .main-category ul li {flex:1; min-width:0;}
.main-box .main-category ul li a {display:block; position:relative; overflow:hidden;}
.main-box .main-category ul li a:after {display:block; content:""; padding-bottom:120%;}
.main-box .main-category ul li a .list-image {position:absolute; left:0; top:0; transition:all ease 0.5s; width:100%; height:100%;}
.main-box .main-category ul li a .list-image img {width:100%; height:100%; object-fit:cover;}
.main-box .main-category ul li a .list-content {position:absolute; left:0; bottom:0; width:100%;display:flex; flex-wrap:wrap; align-items:center; padding:20px 24px; backdrop-filter:blur(5px);}
.main-box .main-category ul li a .list-content p {font-size:18px; font-weight:700; line-height:1.2; color:#fff; text-transform:uppercase;}
.main-box .main-category ul li a:hover .list-image {transform:scale(1.2);}
.main-box .main-category ul li:nth-of-type(1) a .list-content {background:rgba(149, 235, 180, 0.6);}
.main-box .main-category ul li:nth-of-type(2) a .list-content {background:rgba(250, 232, 178, 0.6);}
.main-box .main-category ul li:nth-of-type(3) a .list-content {background:rgba(249, 194, 189, 0.6);}
.main-box .main-category ul li:nth-of-type(4) a .list-content {background:rgba(240, 175, 128, 0.6);}
.main-box .main-category ul li:nth-of-type(5) a .list-content {background:rgba(204, 185, 236, 0.6);}
.main-box .main-category ul li:nth-of-type(6) a .list-content {background:rgba(136, 210, 240, 0.6);}
@media (max-width:1200px){
.main-box .main-category ul {margin:0 -4px -8px; gap:0;}
.main-box .main-category ul li {flex:none; width:calc(33.33% - 8px); margin:0 4px 8px;}
.main-box .main-category ul li a .list-content {padding:12px 24px;}
}
@media (max-width:991px){
.main-box .main-category {padding:56px 0 0;}
.main-box .main-category ul li {width:calc(50% - 8px);}
.main-box .main-category ul li a .list-content {padding:8px 16px;}
.main-box .main-category ul li a .list-content p {font-size:16px;}
}

/* main-choice */
.main-box .main-choice .swiper {overflow:hidden;}
.main-box .main-choice .swiper .swiper-slide a {position:relative; overflow:hidden; display:block;}
.main-box .main-choice .swiper .swiper-slide a:after {display:block; content:""; padding-bottom:60%;}
.main-box .main-choice .swiper .swiper-slide a .list-image {position:absolute; left:0; top:0; width:100%; height:100%; transition:all ease 0.5s;}
.main-box .main-choice .swiper .swiper-slide a .list-image img {width:100%; height:100%; object-fit:cover;}
.main-box .main-choice .swiper .swiper-slide a .list-content {position:absolute; left:0; bottom:0; width:100%; padding:25px 40px; gap:10px; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; background:linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.5) 35%, rgba(0,0,0,1));}
.main-box .main-choice .swiper .swiper-slide a .list-content:after {display:block; content:""; width:32px; height:32px; background:url('../images/icon_main_choice.svg') no-repeat center / cover;}
.main-box .main-choice .swiper .swiper-slide a .list-content p {flex:1; min-width:0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:24px; font-weight:700; color:#fff;}
.main-box .main-choice .swiper .swiper-slide a:hover .list-image {transform:scale(1.2);}
.main-box .main-choice .control {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:16px; margin:24px 0 0;}
.main-box .main-choice .control > div {position:static; margin:0; width:auto;}
.main-box .main-choice .control > div.swiper-button-prev {width:32px; height:32px; background:url('../images/icon_arrow.svg') no-repeat center / cover; transform:rotate(180deg);}
.main-box .main-choice .control > div.swiper-button-prev:after {display:none;}
.main-box .main-choice .control > div.swiper-button-next {width:32px; height:32px; background:url('../images/icon_arrow.svg') no-repeat center / cover;}
.main-box .main-choice .control > div.swiper-button-next:after {display:none;}
.main-box .main-choice .control > div.swiper-pagination {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:8px;}
.main-box .main-choice .control > div.swiper-pagination span {width:8px; height:8px; opacity:1; background:none; border:1px solid #fff; margin:0;}
.main-box .main-choice .control > div.swiper-pagination span.swiper-pagination-bullet-active {background:#fff;}
@media (max-width:991px){
.main-box .main-choice .container {padding:0;}
.main-box .main-choice .main-title {padding:0 24px;}
.main-box .main-choice .swiper .swiper-slide {width:85%;}
.main-box .main-choice .swiper .swiper-slide:first-of-type {margin-left:24px;}
.main-box .main-choice .swiper .swiper-slide:last-of-type {margin-right:24px;}
.main-box .main-choice .swiper .swiper-slide a .list-content {padding:20px;}
.main-box .main-choice .swiper .swiper-slide a .list-content:after {width:24px; height:24px;}
.main-box .main-choice .swiper .swiper-slide a .list-content p {font-size:16px;}
}

/* main-banner */
.main-banner {position:relative; padding:240px 0; margin:0 0 120px; background:url('../images/bg_main_banner.jpg') no-repeat center / cover;}
.main-banner:before {position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.4); content:"";}
.main-banner .container {position:relative;}
.main-banner h2 {font-size:64px; font-weight:700; line-height:1.2; text-align:center; word-break:keep-all; color:#fff;}
.main-banner p {margin:16px 0 48px; font-size:32px; font-weight:700; line-height:1.4; color:#fff; text-align:center; word-break:keep-all;}
.main-banner .search-box {margin:0 auto;}
.main-banner .search-box.active {z-index:100;}
@media (max-width:991px){
.main-banner {margin:0 0 56px;}
.main-banner h2 {font-size:35px;}
.main-banner p {font-size:28px;}
}
@media (orientation: portrait){
.main-banner {padding:20px 0; min-height:100vh; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
}