@charset "UTF-8";

/***** FONTS *****/
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.8/dist/web/static/pretendard.css");

/***** RESET *****/
*,*::before,*::after {margin:0; padding:0; box-sizing:border-box;}
article,aside,details,figcaption,figure,footer,header,main,mark,nav,section,summary {display:block;}
a {color:inherit; text-decoration:none;}
table {border-collapse:collapse; border-spacing:0;}
body {font-family:sans-serif; line-height:1.2; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;}
ul, ol {list-style:none;}
input,button,select,textarea {background:transparent; border:none; outline:none; font-family:inherit; font-size:inherit; color:inherit; line-height:inherit;}
em {font-style:normal;}
img,picture,video {max-width:100%; height:auto; display:block;}

/* COMMON */
/*
	PC 작업은 1920 기준인 rem으로 작성
	PC만 75% 비율로 전체 수정 (font-size 10px->7.5px)
*/
html,body {font-size:7.5px; color:#121212; font-family:"Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;}
html:has(.modal-box.modal-open[backdrop]) {overflow:hidden;}
html:has(.modal-box.modal-open[backdrop]) body {height:auto !important;}
.hidden, .blind {position:absolute !important; top:auto !important; left:auto !important; width:1px !important; height:1px !important; padding:0 !important; margin:-1px !important; overflow:hidden !important; clip:rect(0, 0, 0, 0) !important; white-space:nowrap !important; border:0 !important; text-indent:0rem !important;}
.m-hide {display:block !important;}
.m-show {display:none !important;}
.img-box {position:relative; display:block; width:100%;}
img {width:100%; pointer-events:none;}
.point-blue {color:#01acef;}
.swiper {user-select:none;}
.swiper-button.swiper-button-disabled {opacity:1; pointer-events:auto !important;}
.swiper-button::after {display:none;}

section {position:relative;}
section .inner-1440,
nav .inner-1440 {position:relative; margin:0 auto; width:100%; max-width:144rem;}
section .title-box .title {display:flex; flex-direction:column; align-items:center; gap:.9rem; font-size:9rem; font-weight:900;}
section .title-box .title > span {font-size:3.8rem; font-weight:700;}
section .title-box .sub-txt {padding-top:5.4rem; font-size:3rem; font-weight:400; text-align:center;}

/* QUICK MENU */
.quick-menu {z-index:101; position:fixed; right:6rem; bottom:-29rem; width:38rem; height:29rem; transition:bottom 0.3s ease;}
.quick-menu.on {bottom:0;}
.quick-menu .donate-txt {z-index:5; position:absolute; bottom:2.5rem; left:6rem; font-size:3rem; color:#fff; font-weight:700; line-height:1.3; text-indent:1rem; text-align:center;}
.quick-menu .donate-txt:after {content:''; display:inline-block; width:4.6rem; height:2rem; margin-left:1.5rem; background:url('https://cdn.unicef.or.kr/images-9/unicef-team4-6/images/ico_quick_arrow_white.png') no-repeat center center / 100% auto;}
/* .quick-menu .color-black {position:absolute; z-index:1; left:0; top:0; opacity:0; transition:opacity 0.3s ease;}
.quick-menu.bg-black .color-black {opacity:1;} */

/* KV */
.sec-kv {width:100%; height:96.6rem; margin:0 auto; background-color:#e8e4e3; overflow:hidden;}
.sec-kv .kv-swiper-box {position:relative; left:50%; transform:translateX(-50%); width:240rem; height:96.6rem;}
.sec-kv .logo-box {z-index:100; position:absolute; top:2rem; left:calc(50% - 93rem); width:100%; max-width:240rem;}
.sec-kv .logo-box .btn-logo {display:block; width:13.3rem; height:7.1rem; background:url('https://cdn.unicef.or.kr/images-10/unicef-team4-6/images/logo_black_pc.png') no-repeat center / 100%;}
.sec-kv .content-box {z-index:100; position:absolute; top:8.7rem; left:calc(50% - 59.4rem); width:47.5rem;}
.sec-kv .kv-title-box picture {width:47.5rem;}
.sec-kv .kv-title-box .kv-title {display:inline-block; margin:2.8rem 0 0 6.4rem; padding:0 .8rem; color:#fff; font-size:3rem; font-weight:700; line-height:4.5rem; background-color:#1a1a1a;}
.sec-kv .color-box {display:flex; flex-direction:column; align-items:center; gap:2.2rem; width:47.5rem; padding:9.2rem 0 0 0;}
.sec-kv .color-box .color-desc {font-size:2.4rem; font-weight:700;}
.sec-kv .color-box .color-chips {display:flex; gap:3.4rem;}
.sec-kv .color-box .color-chips label {display:flex; cursor:pointer;}
.sec-kv .color-box .color-chips input[type="radio"] {display:none;}
.sec-kv .color-box .color-chips .chip {position:relative; display:inline-block; width:4.5rem; height:4.5rem; border:1px solid #000;}
.sec-kv .color-box .color-chips .chip:before {content:''; z-index:-1; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:3.6rem; height:3.6rem; background-color:#000;}
.sec-kv .color-box .color-chips .chip.black {border-color:#000;}
.sec-kv .color-box .color-chips .chip.black:before {background-color:#000;}
.sec-kv .color-box .color-chips .chip.blue {border-color:#01acef;}
.sec-kv .color-box .color-chips .chip.blue:before {background-color:#01acef;}
.sec-kv .color-box .color-chips input[type="radio"]:checked + .chip {background:url('https://cdn.unicef.or.kr/images-9/unicef-team4-6/images/ico_check.png') no-repeat center / 1.8rem 1.3rem;}
.sec-kv .donate-box {z-index:100; position:absolute; bottom:13.6rem; left:calc(50% - 58.7rem); width:46.2rem;}
.sec-kv .donate-box .btn-donate {display:flex; justify-content:center; align-items:center; width:46.2rem; height:12.2rem; background-color:#1a1a1a;}
.sec-kv .donate-box .btn-donate span {color:#fff; font-size:3.4rem; font-weight:800;}
.sec-kv .donate-box .btn-donate span:after {content:''; display:inline-block; width:4.8rem; height:2.1rem; margin-left:2.8rem; background:url('https://cdn.unicef.or.kr/images-9/unicef-team4-6/images/ico_arrow_white_pc.png') no-repeat center / 100%;}
/* KV color 선택 시 */
.sec-kv[data-color="type-black"] .color-box .color-desc {color:#000;}
.sec-kv[data-color="type-blue"] .color-box .color-desc {color:#01acef;}

/* NAV */
.sec-nav {z-index:100; position:sticky; top:0; left:0; width:100%; border-top:1px solid #efefef; background-color:#fff;}
.sec-nav ul {display:flex; justify-content:space-around;}
.sec-nav ul > li {width:33.3333333%;}
.sec-nav .nav-item {position:relative; display:flex; justify-content:center; align-items:center; width:100%; height:8rem; color:#000; font-size:3rem; font-weight:600;}
.sec-nav .nav-item:after {content:''; position:absolute; bottom:0; left:0; width:100%; height:.2rem; background-color:#ccc;}
.sec-nav.active .nav-item {color:#b8b8b8;}
.sec-nav.active .nav-item.on {color:#000;}
.sec-nav.active .nav-item.on:after {background-color:#000;}

/* GOODS */
.sec-goods .title-box {padding:10.8rem 0 7rem;}
.sec-goods .detail-box {position:relative; width:100%; height:81rem;}
.sec-goods .detail-box:after {content:''; z-index:100; position:absolute; top:0; left:0; right:0; bottom:0; border:2px solid #fff; pointer-events:none;}
.sec-goods .detail-box .video-container {position:relative; width:100%; height:81rem; object-fit:cover;}
.sec-goods .detail-box iframe,
.sec-goods .detail-box video {width:100%; height:100%;}
.sec-goods .thumb-box .goods-thumb-swiper {padding:4.7rem 0 1.7rem;}
.sec-goods .thumb-box .goods-thumb-swiper .swiper-slide {width:27.8rem; height:15.7rem; margin-right:1.3rem; cursor:pointer;}
.sec-goods .thumb-box .goods-thumb-swiper .swiper-slide:last-child {margin-right:0;}
.sec-goods .thumb-box .goods-thumb-swiper .swiper-slide > a {display:block; height:100%;}
.sec-goods .thumb-box .goods-thumb-swiper .swiper-slide.swiper-slide-thumb-active {position:relative;}
.sec-goods .thumb-box .goods-thumb-swiper .swiper-slide.swiper-slide-thumb-active::after {content:''; position:absolute; bottom:-1.7rem; left:0; width:100%; height:.7rem; background-color:#01acef;}

/* GOODS COLOR */
.sec-goods-color .title {padding:11.2rem 0 8.5rem; font-size:7rem; font-weight:900;}
.sec-goods-color .color-type {display:flex; justify-content:space-between;}
.sec-goods-color .color-type.type-blue {padding-bottom:11.8rem;}
.sec-goods-color .color-type.type-black {flex-direction:row-reverse; padding-bottom:9.8rem;}
.sec-goods-color .goods-box {position:relative; width:85.4rem; padding-bottom:8.2rem;}
.sec-goods-color .goods-box .swiper:before,
.sec-goods-color .goods-box .swiper:after {content:''; z-index:10; position:absolute; top:0; background-color:#c0c0c0;}
.sec-goods-color .goods-box .swiper:before {left:0; width:1px; height:100%;}
.sec-goods-color .goods-box .swiper:after {right:0; width:1px; height:100%;}
.sec-goods-color .goods-box .swiper-slide {border-top:1px solid #c0c0c0; border-bottom:1px solid #c0c0c0;}
.sec-goods-color .goods-box .swiper-controls {position:absolute; bottom:0; width:100%; display:flex; justify-content:space-between; align-items:center; padding:0 27.2rem; text-align:center;}
.sec-goods-color .goods-box .swiper-pagination {position:static; display:inline-block; color:#000; font-size:3rem; font-weight:500;}
.sec-goods-color .goods-box .swiper-button {position:static; width:5.4rem; height:2.3rem; margin:0; background:url('https://cdn.unicef.or.kr/images-9/unicef-team4-6/images/ico_slide_arrow01_pc.png') no-repeat center center / 100% auto;}
.sec-goods-color .goods-box .swiper-button.swiper-button-next {transform:rotate(180deg);}
.sec-goods-color .desc-box {flex-shrink:0; width:46.5rem; margin-right:4.5rem; padding-top:6.3rem;}
.sec-goods-color .desc-box .type-txt {display:flex; flex-direction:column; padding-bottom:1.2rem; font-size:3.8rem; font-weight:800; border-bottom:1px solid #000;}
.sec-goods-color .desc-box .type-txt > span {font-size:6rem;}
.sec-goods-color .desc-box .desc-txt {padding-top:6rem; font-size:3.3rem;}

/* LIFESTYLE */
.sec-lifestyle {overflow:hidden; background-color:#f4f4f4;}
.sec-lifestyle .title-box {padding:9.6rem 0 8rem;}
.sec-lifestyle .tab-wrap .tab-list {display:flex; justify-content:center; align-items:center;}
.sec-lifestyle .tab-wrap .tab-item {cursor:pointer; position:relative; display:flex; justify-content:center; align-items:flex-end; width:33.33%; height:7.7rem; background:url('https://cdn.unicef.or.kr/images-9/unicef-team4-6/images/lifestyle_tab_off_pc.png') no-repeat bottom center / 100% 7.1rem; color:rgba(0, 0, 0, 0.4); font-size:3.3rem;}
.sec-lifestyle .tab-wrap .tab-item.on {background-image:url('https://cdn.unicef.or.kr/images-9/unicef-team4-6/images/lifestyle_tab_on_pc.png'); background-size:100% 7.7rem; color:#000; font-weight:600;}
.sec-lifestyle .tab-wrap .tab-item > a {padding-bottom:1.8rem;}
.sec-lifestyle .content-box {padding:7.8rem 0 9.8rem; background-color:#fff;}
.sec-lifestyle .lifestyle-swiper {width:77.2rem; overflow:visible; display:flex; flex-direction:column; align-items:flex-start;}
.sec-lifestyle .lifestyle-swiper .swiper-wrapper {display:flex; align-items:center; justify-content:flex-start; width:auto; height:95.6rem; transition-timing-function:linear;}
.sec-lifestyle .lifestyle-swiper .swiper-slide {position:relative; display:flex; width:35rem !important; height:44.2rem; padding:0 .8rem;}
.sec-lifestyle .lifestyle-swiper .swiper-slide picture {background-color:#000;}
.sec-lifestyle .lifestyle-swiper .swiper-slide picture img {opacity:.5; height:100%;}
.sec-lifestyle .lifestyle-swiper .swiper-slide.swiper-slide-active {width:77.2rem !important; height:95.6rem; opacity:1;}
.sec-lifestyle .lifestyle-swiper .swiper-slide.swiper-slide-active picture {background-color:#fff; transition:all 0.35s ease;}
.sec-lifestyle .lifestyle-swiper .swiper-slide.swiper-slide-active picture img {width:77.2rem; height:95.6rem; opacity:1;}
.sec-lifestyle .lifestyle-box {position:relative;}
.sec-lifestyle .lifestyle-box .swiper-button {top:50%; width:5.8rem; height:5.8rem; margin:0; background:url('https://cdn.unicef.or.kr/images-9/unicef-team4-6/images/ico_slide_arrow02.png') no-repeat center center / 100% auto;}
.sec-lifestyle .lifestyle-box .swiper-button.swiper-button-prev {left:calc(50% - 48rem); transform:translate(-50%, -50%);}
.sec-lifestyle .lifestyle-box .swiper-button.swiper-button-next {right:calc(50% - 48rem); transform:rotate(180deg) translate(-50%, -50%); transform-origin:top;}

/* CHARM */
.sec-charm {overflow:hidden; background-color:#f4f4f4;}
.sec-charm .title-box {padding:7.8rem 0 7.4rem;}
.sec-charm .charm-swiper {overflow:visible; display:flex; align-items:flex-start;}
.sec-charm .charm-swiper .swiper-slide {position:relative; width:46.4rem; margin-right:2.4rem;}
.sec-charm .charm-swiper .swiper-slide:last-child {margin-right:0;}
.sec-charm .charm-swiper .swiper-slide .charm-desc {z-index:1; position:absolute; top:0; left:0; width:100%; padding:46rem 0 0 2.5rem;}
.sec-charm .charm-swiper .swiper-slide .charm-desc .desc-title {position:relative; padding-bottom:2rem; font-size:4.4rem; font-weight:900;}
.sec-charm .charm-swiper .swiper-slide .charm-desc .desc-title:after {content:''; position:absolute; bottom:0; left:0; width:29rem; height:1px; background-color:#000;}
.sec-charm .charm-swiper .swiper-slide .charm-desc .desc-txt {padding-top:3.2rem; font-size:3rem; font-weight:300;}
.sec-charm .charm-box .swiper-controls {display:none;}
.sec-charm .notify-list {padding-top:7.8rem;}
.sec-charm .notify-list > li {color:rgba(0, 0, 0, 0.7); font-size:2.3rem; text-align:center;}
.sec-charm .change-tip {padding:7.2rem 0 10rem;}

/* REVIEW */
.sec-review .inner-1440 {padding:0 9.8rem;}
.sec-review .title-box {padding:8.5rem 0 7.5rem;}
.sec-review .title-box .title {font-size:9rem; font-weight:900;}
.sec-review .title-box .sub-txt {padding-top:4.6rem;}
.sec-review .page-thumb-box {position:relative; margin:0 0 10rem;}
.sec-review .page-thumb-box .page-thumb-swiper {position:relative;}
.sec-review .page-thumb-box .page-thumb-swiper .swiper-slide {aspect-ratio:1 / 1; width:22rem; margin-right:2.1rem;}
.sec-review .page-thumb-box .page-thumb-swiper .swiper-slide:last-child {margin-right:0;}
.sec-review .page-thumb-box .page-thumb-swiper .swiper-slide .review-link {display:block; height:100%; background-size:cover, 3rem 3rem; background-position:center, center; background-repeat:no-repeat no-repeat;}
.sec-review .page-thumb-box .swiper-button {top:50%; width:5.8rem; height:5.8rem; margin:0; background:url('https://cdn.unicef.or.kr/images-9/unicef-team4-6/images/ico_slide_arrow03.png') no-repeat center center / 100% auto;}
.sec-review .page-thumb-box .swiper-button.swiper-button-prev {left:-10rem; transform:translate(0, -50%);}
.sec-review .page-thumb-box .swiper-button.swiper-button-next {right:-10rem; transform:rotate(180deg) translate(0, -50%); transform-origin:top;}
.sec-review .review-box {padding-bottom:19.78rem;}
.sec-review .review-box .box-inner {height:52rem; overflow-y:scroll;}
.sec-review .review-box .box-inner > ul {position:relative; display:flex; flex-direction:column; border-bottom:1px solid #7f7f7f;}
.sec-review .review-box .review-link {display:flex; justify-content:space-between; align-items:center; gap:5rem; width:100%; padding:1.8rem 2.4rem; border-top:1px solid #c8c8c8;}
.sec-review .review-box .review-info {overflow:hidden; cursor:pointer;}
.sec-review .review-box .review-info .review-txt {font-size:2.4rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.sec-review .review-box .review-img {flex-shrink:0; aspect-ratio:1 / 1; width:11.1rem; background-size:cover, 3rem 3rem; background-position:center, center; background-repeat:no-repeat no-repeat; cursor:pointer;}

/* TEAMBANNER */
.sec-team-banner .btn-donate {position:absolute; z-index:1; bottom:10.7rem; left:50%; transform:translateX(-50%); padding:0 4rem; background-color:#fff;}
.sec-team-banner .btn-donate span {font-size:3.3rem; font-weight:700; line-height:11.3rem;}
.sec-team-banner .btn-donate span:after {content:''; display:inline-block; width:4.6rem; height:2.1rem; margin-left:1.8rem; background:url('https://cdn.unicef.or.kr/images-9/unicef-team4-6/images/ico_arrow_black_pc.png') no-repeat center / 100%; animation:bannerArrAni 1s ease-in-out infinite;}
@keyframes bannerArrAni {
	0% {transform: translateX(0);}
	50% {transform: translateX(10px);}
}

/* BANNER */
.sec-banner {background-color:#01acef;}
.sec-banner .inner-1440 {display:flex; justify-content:space-between; align-items:center; padding:6rem 12.2rem;}
.sec-banner .banner-title {color:#fff; font-size:3.8rem; font-weight:800;}
.sec-banner .btn-donate {display:flex; justify-content:center; align-items:center; height:8.3rem; padding:0 3.2rem; background-color:#fff;}
.sec-banner .btn-donate > span {color:#01acef; font-size:3rem; font-weight:700;}

/* FAQ */
.sec-faq {padding:12.8rem 0 12rem;}
.sec-faq .inner-1440 {padding:0 12.2rem;}
.sec-faq .title {padding-bottom:.4rem; border-bottom:.2rem solid #121212; font-size:5.8rem; font-weight:700;}
.sec-faq .tab-nav {display:flex; justify-content:flex-end; margin:8rem auto 4rem; border-left:1px solid #595959; border-right:1px solid #595959;}
.sec-faq .tab-nav .tab-item {flex:1; border:1px solid #595959; border-left:0;}
.sec-faq .tab-nav .tab-item:last-child {border-right:none;}
.sec-faq .tab-nav .tab-item .tab-link {cursor:pointer; width:100%; background-color:#fff; font-size:2.6rem; font-weight:700; line-height:8rem;}
.sec-faq .tab-nav .tab-item.active .tab-link{background-color:#121212; color:#fff;}
.sec-faq .tab-content {display:flex; flex-direction:column;}
.sec-faq .tab-content .tab-panel {display:none;}
.sec-faq .tab-content .tab-panel.active {display:block;}
.sec-faq .accordion-item {margin-bottom:0; border:1px solid #e6e6e6; border-bottom:0;}
.sec-faq .accordion-item:last-child {border-bottom:1px solid #e6e6e6;}
.sec-faq .accordion-title {cursor:pointer; position:relative; width:100%; padding:3.4rem 0 3.4rem 8rem; background-color:#fff; text-align:left;}
.sec-faq .accordion-title h3 {position:relative; color:#000; font-size:2.4rem; font-weight:700; line-height:3.4rem;}
.sec-faq .accordion-title h3:before {content:'Q'; position:absolute; left:-3.1rem; top:50%; transform:translate(0, -50%); color:#00a7ee;}
.sec-faq .accordion-title .wrap-line {position:absolute; top:50%; right:5rem; transform:translate(0, -50%); width:2.8rem; height:2.8rem;}
.sec-faq .accordion-title .wrap-line .line {position:absolute;}
.sec-faq .accordion-title .wrap-line .line01 {width:100%; height:.2rem; background-color:#40c1f3; top:50%; left:50%; transform:translate(-50%, -50%);}
.sec-faq .accordion-title .wrap-line .line02 {width:.2rem; height:100%; background-color:#40c1f3; top:50%; left:50%; transform:translate(-50%, -50%); transition:transform .3s;}
.sec-faq .accordion-content {overflow:hidden; max-height:0; transition:max-height 0.3s ease; padding:0 4.9rem;}
.sec-faq .accordion-content > picture {margin-bottom:4.5rem;}
.sec-faq .accordion-content p {text-align:left; padding:0rem 0 3rem; color:#797979; font-size:2.4rem; line-height:3.8rem; font-weight:300;}
.sec-faq .accordion-content .bold {font-weight:700;}
.sec-faq .accordion-content .line {text-decoration:underline; text-underline-offset:.3rem; text-decoration-thickness:1px;}
.sec-faq .accordion-content p + .sub-title {padding-top:.5rem;}
.sec-faq .accordion-content .sub-title {display:inline-block; padding-bottom:1rem; color:#797979; font-size:2.4rem; font-weight:700;}
.sec-faq .accordion-item.active {position:relative;}
.sec-faq .accordion-item.active:before {content:''; z-index:1; position:absolute; top:0; left:0; width:.4rem; height:100%; background-color:#00a7ee;}
.sec-faq .accordion-item.active .accordion-title,
.sec-faq .accordion-item.active .accordion-content {background-color:#f8f8f8;}
.sec-faq .accordion-item.active .accordion-title h3 {color:#00a7ee}
.sec-faq .accordion-item.active .accordion-title .wrap-line .line02 {transform:translate(-50%, -50%) rotate(90deg);}

/* FOOTER */
.sec-footer {display:flex; flex-direction:column; align-items:center; padding:12rem 0; background-color:#1d1d1d; text-align:center;}
.sec-footer .footer-logo {width:30.3rem; height:4.8rem;}
.sec-footer .footer-info {margin-top:2.2rem; color:#a1a1a1; font-size:1.7rem; line-height:2.7rem;}
.sec-footer .footer-copyright {margin-top:2.7rem; color:#555555; font-size:1.6rem; line-height:2.4rem;}
.sec-footer .line-pc {display:inline-block;}
.sec-footer .line-mo {display:none;}

/* Modal Popup */
.modal-box {display:none; z-index:101; position:fixed; top:0; left:0; flex-wrap:wrap; justify-content:center; align-items:center; width:100%; height:100%; background-color:rgba(0,0,0,0.15);}
.modal-box.modal-open {display:flex;}
.modal-box .modal-content {position:fixed; z-index:120; top:50%; left:50%; transform:translate(-50%, -50%); width:100%; background-color:#fff; border-radius:0; box-shadow:1.2rem 1.2rem 3.4rem rgba(0, 0, 0, 0.2);}
.modal-box .modal-head {position:relative; width:100%;}
.modal-box .modal-close {z-index:110; position:absolute; top:1.5rem; right:1.5rem; width:3.5rem; height:3.5rem; background:url('https://cdn.unicef.or.kr/images-9/unicef-team4-6/images/ico_close.png') no-repeat center center / 100% auto; cursor:pointer;}

/* modal01 */
.modal-box.modal01 .modal-content {max-width:60rem;}
.modal-box.modal01 .modal-body {padding:6rem;}
.modal-box.modal01 .modal-body .modal-close.btn-cancel {position:static; height:auto; background:none;}
.modal-box.modal01 .modal-body picture {aspect-ratio:480 / 285; width:48rem; border-radius:2.5rem; overflow:hidden;}
.modal-box.modal01 .modal-body .modal-tit {margin:3.8rem 0 3.2rem; text-align:center;}
.modal-box.modal01 .modal-body .modal-tit span {display:block; font-size:2.2rem; font-weight:700; letter-spacing:-0.95px; line-height:1;}
.modal-box.modal01 .modal-body .modal-tit span:nth-child(2) {margin-top:1.1rem; font-size:2.8rem;}
.modal-box.modal01 .modal-body .btn-box {display:flex; justify-content:center; align-items:center; gap:1.6rem;}
.modal-box.modal01 .modal-body .btn-box > a {width:23.3rem; border:1px solid #01acef; font-size:2.2rem; font-weight:700; line-height:6.2rem; letter-spacing:-0.95px; text-align:center;}
.modal-box.modal01 .modal-body .btn-box > a.btn-cancel {background-color:#fff; color:#01acef;}
.modal-box.modal01 .modal-body .btn-box > a.btn-continue {background-color:#01acef; color:#fff;}

/* modal02 */
.modal-box.modal02 .modal-content {max-width:63.4rem; height:85.2rem;}
.modal-box.modal02 .modal-head {height:4.2rem;}
.modal-box.modal02 .modal-body {padding:0 5rem 4rem;}
.modal-box.modal02 .modal-body .warn {position:relative; margin:1rem 0; padding-left:1.2rem; color:#e96060; font-size:2rem; line-height:2.8rem; text-align:left;}
.modal-box.modal02 .modal-body .warn:before {content:'*'; position:absolute; top:.2rem; left:0; font-size:1.4rem;}
.modal-box.modal02 .modal-body .img {display:flex; justify-content:center; align-items:center;}
.modal-box.modal02 .modal-body .img img {width:100%;}
.modal-box.modal02 .modal-body .modal-tit {line-height:4.6rem; font-size:3.2rem; font-weight:400;}
.modal-box.modal02 .modal-body .modal-tit .point-blue.underline {position:relative; font-weight:700;}
.modal-box.modal02 .modal-body .modal-tit .point-blue.underline:before {content:''; position:absolute; bottom:-.4rem; left:0; width:100%; height:1px; border-bottom:.2rem solid #00a7ee;}
.modal-box.modal02 .modal-body .desc {display:flex; justify-content:center; align-items:center; margin-top:0;}
.modal-box.modal02 .modal-body .desc span:first-child {display:block; margin-right:1.2rem; padding:.8rem; border:1px solid #c0c0c0; color:#a6a6a6; font-size:2.6rem;}
.modal-box.modal02 .modal-body .desc span:last-child {color:#a6a6a6; font-size:2rem; line-height:2.8rem;}
.modal-box.modal02 .modal-body .btn-gift span:before {content:''; position:absolute; top:50%; right:0; width:3.1rem; height:2.7rem; transform:translate(0, -50%); background:url('https://cdn.unicef.or.kr/images-9/unicef-team4-6/images/ico_main_btn_arrow_s.png') no-repeat center center / 100% auto;}
.modal-box.modal02 .modal-body .btn-gift {display:flex; justify-content:center; align-items:center; height:11rem; margin-top:3.8rem; background-color:#01acef;}
.modal-box.modal02 .modal-body .btn-gift span {position:relative; padding-right:5.5rem; color:#fff; font-size:3.2rem; font-weight:700; line-height:4.2rem;}

/* modal-review */
.modal-box.modal-review .modal-content {width:144rem; max-width:100%; height:114.4rem; max-height:100%; overflow-y:auto;}
.modal-box.modal-review .modal-head {height:13.3rem;}
.modal-box.modal-review .modal-close {top:3.5rem; right:2.7rem; width:4.2rem; height:4.2rem; background-image:url('https://cdn.unicef.or.kr/images-9/unicef-team4-6/images/ico_close02.png');}
.modal-box.modal-review .modal-body {padding:0 12rem 6rem;}
.modal-box.modal-review .detail-box {position:relative; margin-bottom:8.3rem;}
.modal-box.modal-review .detail-box .detail-swiper .swiper-slide {display:flex; justify-content:space-between; background-color:#fff;}
.modal-box.modal-review .detail-box .detail-swiper .review-img {flex-shrink:0; aspect-ratio:1 / 1; width:63.4rem; background-size:cover, 3rem 3rem; background-position:center, center; background-repeat:no-repeat no-repeat;}
.modal-box.modal-review .detail-box .detail-swiper .review-info {flex-shrink:0; width:48.6rem; padding:1rem 0;}
.modal-box.modal-review .detail-box .detail-swiper .review-info .review-user {display:inline-block; width:100%; padding-bottom:2.4rem; font-size:2.4rem; font-weight:600;}
.modal-box.modal-review .detail-box .detail-swiper .review-info .review-txt {padding:3.8rem 5.5rem 3.8rem 0; border-top:1px solid #919191; font-size:2.4rem;}
.modal-box.modal-review .detail-box .swiper-button {top:50%; width:5.8rem; height:5.8rem; margin:0; background:url('https://cdn.unicef.or.kr/images-9/unicef-team4-6/images/ico_slide_arrow03.png') no-repeat center / 100% 100%;}
.modal-box.modal-review .detail-box .swiper-button.swiper-button-prev {left:-7.6rem; transform:translate(0, -50%);}
.modal-box.modal-review .detail-box .swiper-button.swiper-button-next {right:-7.6rem; transform:rotate(180deg) translate(0, -50%); transform-origin:top;}
.modal-box.modal-review .thumb-box {position:relative; padding:5rem 0; border-top:1px solid #919191;}
.modal-box.modal-review .thumb-box .modal-thumb-swiper .swiper-slide {aspect-ratio:1 / 1; width:12.6rem; margin-right:1.3rem;}
.modal-box.modal-review .thumb-box .modal-thumb-swiper .swiper-slide > a {display:block; height:100%; background-size:cover, 3rem 3rem; background-position:center, center; background-repeat:no-repeat no-repeat;}
.modal-box.modal-review .thumb-box .modal-thumb-swiper .swiper-slide.swiper-slide-thumb-active {position:relative;}
.modal-box.modal-review .thumb-box .modal-thumb-swiper .swiper-slide.swiper-slide-thumb-active::after {content:''; position:absolute; bottom:0; left:0; width:100%; height:100%; border:.4rem solid #01acef;}
.modal-box.modal-review .thumb-box .swiper-button {top:50%; width:4rem; height:4rem; margin:0; background:url('https://cdn.unicef.or.kr/images-9/unicef-team4-6/images/ico_slide_arrow04.png') no-repeat center center / 100% auto;}
.modal-box.modal-review .thumb-box .swiper-button.swiper-button-prev {left:-7.6rem; transform:translate(0, -50%);}
.modal-box.modal-review .thumb-box .swiper-button.swiper-button-next {right:-7.6rem; transform:rotate(180deg) translate(0, -50%); transform-origin:top;}

/* SIZE 1920 기준 */
@media all and (max-width:1920px) {
	html, body {font-size:calc(100vw * 7.5/1920);}
	.sec-kv .logo-box {left:3rem; width:100vw;}
}

/* SIZE 1600 기준 */
@media all and (max-width:1600px) {
	html, body {font-size:calc(100vw * 7.5/1600);}
}

/* SIZE 750 기준 */
@media all and (max-width:768px) {
	html, body {font-size:calc(100vw * 10/750);}
	.m-hide {display:none !important;}
	.m-show {display:block !important;}
	section .inner-1440,
	nav .inner-1440 {max-width:100%;}
	section .title-box .title {gap:0; font-size:5rem; font-weight:700;}
	section .title-box .title > span {font-size:5rem; font-weight:700;}
	section .title-box .sub-txt {padding-top:3rem; font-size:3rem; font-weight:300;}
	
	/* QUICK MENU */
	.quick-menu {bottom:-18rem; left:50%; transform:translateX(-50%); width:100vw; height:18rem;}
	.quick-menu .donate-txt {bottom:4rem; left:5rem; font-size:3.5rem; font-weight:800; line-height:4.5rem; text-indent:0; text-align:left;}
	.quick-menu .donate-txt:after {bottom:5.8rem; left:18rem; width:6.3rem; height:2.8rem;}

	/* KV */
	.sec-kv {height:auto;}
	.sec-kv .kv-swiper-box {left:0; transform:none; width:100%; height:auto;}
	.sec-kv .kv-swiper-box .kv-swiper {width:100%;}
	.sec-kv .kv-swiper-box .kv-swiper .swiper-slide {width:100% !important;}
	.sec-kv .logo-box {top:2.7rem; left:2.5rem; width:100vw;}
	.sec-kv .logo-box .btn-logo {width:12.9rem; height:7rem; background-image:url('https://cdn.unicef.or.kr/images-9/unicef-team4-6/images/logo_black_mo.png');}
	.sec-kv .content-box {top:20.8rem; left:50%; transform:translateX(-50%); display:flex; flex-direction:column; align-items:center; justify-content:center; width:40rem;}
	.sec-kv .kv-title-box {padding-left:0; text-align:center;}
	.sec-kv .kv-title-box picture {width:31.7rem; margin:0 auto;}
	.sec-kv .kv-title-box .kv-title {margin:2.7rem 0 0 0; padding:0 1rem; color:#000; font-size:3rem; font-weight:600; line-height:3.9rem; background-color:#fff;}
	.sec-kv .color-box {position:absolute; top:78rem; width:100%; padding:0; font-size:2.6rem;}
	.sec-kv .color-box .color-chips {gap:3.1rem;}
	.sec-kv .color-box .color-chips .chip {width:4.5rem; height:4.5rem;}
	.sec-kv .color-box .color-chips .chip:before {width:3.5rem; height:3.5rem;}
	.sec-kv .donate-box {position:static; transform:translate(0); width:100%; padding:3.2rem 2.4rem 3.4rem; border-bottom:1px solid #c9c9c9; background-color:#fff;}
	.sec-kv .donate-box .btn-donate {width:100%; height:11.4rem; border-radius:.5rem;}
	.sec-kv .donate-box .btn-donate span {font-size:3.3rem; font-weight:600;}
	.sec-kv .donate-box .btn-donate span:after {width:3.7rem; height:1.6rem; margin-left:3.6rem; background-image:url('https://cdn.unicef.or.kr/images-9/unicef-team4-6/images/ico_arrow_white_mo.png');}
	/* KV color 선택 시 */
	.sec-kv[data-color="type-black"] .color-box .color-desc {color:#fff;}

	/* NAV */
	.sec-nav .nav-item {height:8.6rem; padding-top:.4rem; font-weight:500;}

	/* GOODS */
	.sec-goods .title-box {padding:7.5rem 0 7rem;}
	.sec-goods .title-box .title {gap:1.8rem; font-size:7rem; font-weight:700;}
	.sec-goods .title-box .title > span {font-size:3.5rem; font-weight:600;}
	.sec-goods .detail-box {height:42.2rem;}
	.sec-goods .detail-box .video-container {height:42.2rem;}
	.sec-goods .thumb-box .goods-thumb-swiper {padding:2.2rem 2.4rem .9rem;}
	.sec-goods .thumb-box .goods-thumb-swiper .swiper-slide {width:12.8rem; height:auto; margin-right:1.5rem;}
	.sec-goods .thumb-box .goods-thumb-swiper .swiper-slide.swiper-slide-thumb-active::after {bottom:-.9rem; height:.4rem;}

	/* GOODS COLOR */
	.sec-goods-color {padding:0 2.4rem;}
	.sec-goods-color .title {padding:11.5rem 0 6.3rem; font-weight:700;}
	.sec-goods-color .color-type.type-blue,
	.sec-goods-color .color-type.type-black {flex-direction:column-reverse; padding-bottom:11.8rem;}
	.sec-goods-color .goods-box {width:100%; padding-bottom:6.8rem;}
	.sec-goods-color .goods-box .swiper-controls {padding:0 22.4rem;}
	.sec-goods-color .goods-box .swiper-pagination {font-size:2.4rem;}
	.sec-goods-color .goods-box .swiper-button {width:4.9rem; height:2.1rem; background-image:url('https://cdn.unicef.or.kr/images-9/unicef-team4-6/images/ico_slide_arrow01_mo.png');}
	.sec-goods-color .desc-box {width:100%; margin-right:0; padding-top:0; padding-bottom:7.4rem;}
	.sec-goods-color .desc-box .type-txt {display:block; padding-bottom:2rem; font-size:3rem;}
	.sec-goods-color .desc-box .type-txt > span {font-size:3rem;}
	.sec-goods-color .desc-box .desc-txt {padding-top:4.4rem; font-size:2.8rem;}

	/* LIFESTYLE */
	.sec-lifestyle {background-color:#fff;}
	.sec-lifestyle .title-box {padding:7.5rem 0 7rem;}
	.sec-lifestyle .tab-wrap .tab-item {height:7.5rem; background-image:url('https://cdn.unicef.or.kr/images-9/unicef-team4-6/images/lifestyle_tab_off_mo.png'); background-size:100% 6.9rem; font-size:3.3rem;}
	.sec-lifestyle .tab-wrap .tab-item.on {background-image:url('https://cdn.unicef.or.kr/images-9/unicef-team4-6/images/lifestyle_tab_on_mo.png'); background-size:100% 7.5rem;}
	.sec-lifestyle .tab-wrap .tab-item > a {padding-bottom:1.7rem;}
	.sec-lifestyle .content-box {width:100vw; padding:2rem 3.2% 0;}
	.sec-lifestyle .lifestyle-swiper {overflow:hidden; width:70.2rem;}
	.sec-lifestyle .lifestyle-swiper .swiper-wrapper {height:auto;}
	.sec-lifestyle .lifestyle-swiper .swiper-slide,
	.sec-lifestyle .lifestyle-swiper .swiper-slide.swiper-slide-active {width:70.2rem !important; height:auto; padding:0;}
	.sec-lifestyle .lifestyle-swiper .swiper-slide picture {background-color:transparent;}
	.sec-lifestyle .lifestyle-swiper .swiper-slide picture img,
	.sec-lifestyle .lifestyle-swiper .swiper-slide.swiper-slide-active picture img {opacity:1; height:auto;}
	.sec-lifestyle .lifestyle-box .swiper-button.swiper-button-prev {left:3.4rem; transform:translate(0, -50%);}
	.sec-lifestyle .lifestyle-box .swiper-button.swiper-button-next {right:3.4rem; transform:rotate(180deg) translate(0, -50%);}
	.sec-lifestyle .thumb-box .lifestyle-thumb-swiper {width:70.2rem; height:20%; margin:2.4rem auto 12rem;}
	.sec-lifestyle .thumb-box .lifestyle-thumb-swiper .swiper-slide {width:17.9rem; margin-right:1.9rem;}
	.sec-lifestyle .thumb-box .lifestyle-thumb-swiper .swiper-slide:last-child {margin-right:0;}
	.sec-lifestyle .thumb-box .lifestyle-thumb-swiper .swiper-slide.swiper-slide-thumb-active {position:relative;}
	.sec-lifestyle .thumb-box .lifestyle-thumb-swiper .swiper-slide.swiper-slide-thumb-active::after {content:''; position:absolute; bottom:0; left:0; width:100%; height:.5rem; background-color:#01acef;}
	.sec-lifestyle .thumb-box .lifestyle-thumb-swiper .swiper-slide picture {margin-bottom:1.7rem;}

	/* CHARM */
	.sec-charm {background-color:#fff;}
	.sec-charm .title-box {padding:9.6rem 0 7.4rem;}
	.sec-charm .charm-box {position:relative; padding:0 0 7.2rem;}
	.sec-charm .charm-swiper {justify-content:flex-start;}
	.sec-charm .charm-swiper .swiper-wrapper  {display:flex; align-items:center; justify-content:flex-start; width:auto;}
	.sec-charm .charm-swiper .swiper-slide {width:84.53% !important; height:106.8%; margin-right:2%;}
	.sec-charm .charm-swiper .swiper-slide:last-child {margin-right:2%;}
	.sec-charm .charm-swiper .swiper-slide .charm-desc {padding:51.8rem 0 0 3rem;}
	.sec-charm .charm-swiper .swiper-slide .charm-desc .desc-title {padding-bottom:1.2rem; font-size:4.8rem;}
	.sec-charm .charm-swiper .swiper-slide .charm-desc .desc-title:after {width:41rem;}
	.sec-charm .charm-swiper .swiper-slide .charm-desc .desc-txt {padding-top:1.8rem; font-size:2.8rem;}
	.sec-charm .charm-box .swiper-controls {position:absolute; bottom:0; left:0; width:100%; display:flex; justify-content:space-between; align-items:center; padding:0 22.4rem; text-align:center;}
	.sec-charm .charm-box .swiper-pagination {position:static; display:inline-block; color:#000; font-size:2.4rem; font-weight:500;}
	.sec-charm .charm-box .swiper-button {position:static; width:4.9rem; height:2.1rem; margin:0; background:url('https://cdn.unicef.or.kr/images-9/unicef-team4-6/images/ico_slide_arrow01_mo.png') no-repeat center center / 100% auto;}
	.sec-charm .charm-box .swiper-button.swiper-button-next {transform:rotate(180deg);}
	.sec-charm .notify-list {padding:7.8rem 5.8rem 0;}
	.sec-charm .notify-list > li {padding-left:2rem; color:#434343; font-size:2.2rem; text-align:left; text-indent:-2rem; line-height:3.2rem;}
	.sec-charm .change-tip {padding:4.8rem 0 0;}

	/* REVIEW */
	.sec-review .inner-1440 {padding:0 2.4rem;}
	.sec-review .title-box {padding:9.3rem 0 4.5rem;}
	.sec-review .title-box .title {font-size:5rem; font-weight:700;}
	.sec-review .page-thumb-box {height:45.6rem; margin:0 0 5rem; overflow:hidden;}
	.sec-review .page-thumb-box .page-thumb-swiper .swiper-wrapper {display:grid; grid-template-columns:repeat(3, 1fr); gap:1.6rem 2rem;}
	.sec-review .page-thumb-box .page-thumb-swiper .swiper-slide,
	.sec-review .page-thumb-box .page-thumb-swiper .swiper-slide:last-child {width:100%; margin-right:0;}
	.sec-review .page-thumb-box .page-thumb-swiper .swiper-slide:nth-child(6) > a:after {content:'더보기'; z-index:1; position:absolute; top:0; left:0; width:100%; height:100%; display:flex; justify-content:center; align-items:center; background:rgba(0, 0, 0, 0.53); color:#fff; font-size:2.8rem;}
	.sec-review .page-thumb-box .swiper-button {display:none;}
	.sec-review .review-box .box-inner {height:52rem;}
	.sec-review .review-box .review-link {gap:7.5rem; padding:1.8rem 0;}
	.sec-review .review-box .review-info .review-txt {display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; white-space:normal; word-break:break-all; line-height:1.35;}

	/* TEAMBANNER */
	.sec-team-banner .btn-donate {bottom:9.3rem; padding:0 3.4rem; text-align:center; white-space:nowrap;}
	.sec-team-banner .btn-donate span {font-size:3rem; line-height:9.5rem;}
	.sec-team-banner .btn-donate span:after {width:4.1rem; height:1.8rem; margin-left:1rem; background-image:url('https://cdn.unicef.or.kr/images-11/unicef-team4-6/images/ico_arrow_black_mo.png')}

	/* BANNER */
	.sec-banner .inner-1440 {flex-direction:column; gap:2.3rem; padding:7.6rem 0 8rem;}
	.sec-banner .banner-title {font-size:3.4rem;}
	.sec-banner .btn-donate {height:8.7rem; padding:0 3.2rem;}
	.sec-banner .btn-donate > span {font-size:2.8rem;}

	/* FAQ */
	.sec-faq {padding:11.4rem 0 12rem;}
	.sec-faq .inner-1440 {padding:0 5.8rem;}
	.sec-faq .title {padding-bottom:1rem; font-size:2.8rem;}
	.sec-faq .tab-nav {margin:6rem auto 3rem;}
	.sec-faq .accordion-item:last-child {border-bottom:1px solid #e6e6e6;}
	.sec-faq .accordion-title {padding:3.2rem 8rem 3.2rem 7rem;}
	.sec-faq .accordion-title h3 {font-size:2.6rem; line-height:3.6rem;}
	.sec-faq .accordion-title h3:before {left:-3.4rem;}
	.sec-faq .accordion-title .wrap-line {right:4rem;}
	.sec-faq .accordion-content {padding:0 3.9rem 0 3.5rem;}
	.sec-faq .accordion-content p {font-size:2.6rem;}

	/* Footer */
	.sec-footer {padding:9.6rem 0 24rem;}
	.sec-footer .footer-logo {width:39.1rem; height:6.2rem;}
	.sec-footer .footer-info {width:64rem; margin-top:2.2rem; color:#ccc; font-size:2.3rem; font-weight:500; line-height:3.6rem;}
	.sec-footer .footer-copyright {width:63.4rem; margin-top:2.7rem; color:#777; font-size:2.2rem; font-weight:500; line-height:3rem;}
	.sec-footer .line-pc {display:none;}
	.sec-footer .line-mo {display:inline-block;}

	/* Modal Popup */
	.modal-box {background-color:rgba(0,0,0,0.79);}

	/* modal01 */
	.modal-box.modal01 .modal-content {max-height:calc(100% - 8rem); overflow-y:auto;}
	.modal-box.modal01 .modal-body picture {aspect-ratio:480 / 391; width:100%;}
	.modal-box.modal01 .modal-body .modal-tit {margin:3.5rem 0;}
	.modal-box.modal01 .modal-body .modal-tit span {font-size:2.8rem; letter-spacing:-1px; line-height:4.4rem;}
	.modal-box.modal01 .modal-body .modal-tit span:nth-child(2) {margin-top:0; font-size:3.8rem;}
	.modal-box.modal01 .modal-body .btn-box {display:block;}
	.modal-box.modal01 .modal-body .btn-box > a {display:block; width:100%; line-height:7.7rem; letter-spacing:-1px;}
	.modal-box.modal01 .modal-body .btn-box > a.btn-continue {margin-top:1.6rem;}

	/* modal-review */
	.modal-box.modal-review .modal-content {width:63.4rem; height:107.6rem;}
	.modal-box.modal-review .modal-head {height:0;}
	.modal-box.modal-review .modal-close {top:2.6rem; right:1.4rem; width:5rem; height:5rem; background-image:url('https://cdn.unicef.or.kr/images-9/unicef-team4-6/images/ico_close_mo.png');}
	.modal-box.modal-review .modal-body {padding:0;}
	.modal-box.modal-review .detail-box {margin-bottom:0;}
	.modal-box.modal-review .detail-box .detail-swiper .swiper-slide {display:flex; flex-direction:column; align-items:flex-start;}
	.modal-box.modal-review .detail-box .detail-swiper .review-img {width:100%;}
	.modal-box.modal-review .detail-box .detail-swiper .review-info {width:100%; padding:2.5rem;}
	.modal-box.modal-review .detail-box .detail-swiper .review-info .review-user {padding-bottom:3.4rem; font-size:2.4rem;}
	.modal-box.modal-review .detail-box .detail-swiper .review-info .review-txt {padding:0; border-top:0; font-size:2.4rem;}
	.modal-box.modal-review .detail-box .swiper-button {top:28.8rem; background-image:url('https://cdn.unicef.or.kr/images-9/unicef-team4-6/images/ico_slide_arrow02.png');}
	.modal-box.modal-review .detail-box .swiper-button.swiper-button-prev {left:1.5rem; transform:translateY(0);}
	.modal-box.modal-review .detail-box .swiper-button.swiper-button-next {right:1.5rem; transform:rotate(180deg); transform-origin:center;}
	.modal-box.modal-review .thumb-box {padding:5rem 7.3rem;}
	.modal-box.modal-review .thumb-box .modal-thumb-swiper .swiper-slide {width:11.1rem; margin-right:1.5rem;}
	.modal-box.modal-review .thumb-box .swiper-button.swiper-button-prev {left:1.5rem;}
	.modal-box.modal-review .thumb-box .swiper-button.swiper-button-next {right:1.5rem;}

	/* modal-more */
	.modal-box.modal-more .modal-content {width:100%; max-width:100%; height:100%;}
	.modal-box.modal-more .modal-head {height:10.4rem;}
	.modal-box.modal-more .modal-close {top:2rem; right:2.4rem; width:5rem; height:5rem; background-image:url('https://cdn.unicef.or.kr/images-9/unicef-team4-6/images/ico_close02_mo.png');}
	.modal-box.modal-more .modal-body {height:100%; overflow-y:auto; padding:0 0 12.8rem;}
	.modal-box.modal-more .more-box {padding:0 2.4rem; overflow-y:scroll;}
	.modal-box.modal-more .more-box > ul {display:grid; gap:1rem 1.1rem; grid-template-columns:repeat(3, 1fr);}
	.modal-box.modal-more .more-box .review-img {aspect-ratio:1 / 1; background-size:cover, 3rem 3rem; background-position:center, center; background-repeat:no-repeat no-repeat; cursor:pointer;}
}