@charset "utf-8"; @font-face { font-family: 'SebangGothic'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2104@1.0/SEBANG_Gothic_Regular.woff') format('woff'); font-weight: normal; font-display: swap; } 

@font-face { font-family: 'SebangGothic'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2104@1.0/SEBANG_Gothic_Bold.woff') format('woff'); font-weight: 700; font-display: swap; } 

.bg_y { background:#fffbf3; } 
.sebang_txt { font-family: "SebangGothic"; } 
.outfit_txt { font-family: "outfit"; } 

/* ******************* *
* 핵심가치
* ******************* */

#about01,
#about01 * { scrollbar-width: none; } 
#about01::-webkit-scrollbar,
#about01 *::-webkit-scrollbar { display: none; } 
.fp-is-overflow .fp-overflow.fp-auto-height, .fp-is-overflow .fp-overflow.fp-auto-height-responsive, .fp-is-overflow>.fp-overflow { overflow-y: hidden!important; overflow-x: hidden; } 

#about01 { } 
#about01 .inner { padding-top:130px; position:relative; width:92%; margin:0 auto; box-sizing: border-box; } 
#about01 .section { height:100vh; width:100% } 
#about01 .sec01 { } 
#about01 .sec01 .inner > div { display: flex; flex-direction: column; align-items: center } 
#about01 .sec01 .img_wrap { margin-bottom: 40px; } 
#about01 .sec01 p { font-size: 2.5em; font-weight: 500; margin-bottom: 20px; } 
#about01 .sec01 h2 { font-size: 3em; text-align: center; color: var(--color-main); } 
#about01 .sec01 .img_wrap { animation: sec01Pulse 3s ease-in-out infinite; transform-origin: center center; } 

@keyframes sec01Pulse { 0%, 100% { transform: scale(1); } 
 50% { transform: scale(1.1); } 
 }
#about01 .sec02 { background:url(../img/sub/about01_sec2_bg.png)no-repeat center center /cover } 
#about01 .sec02 .inner { display: flex; align-items: center; gap: 100px; } 
#about01 .sec02 .img_wrap { width: 50%; display: flex; align-items: center; justify-content: center; } 
#about01 .sec02 .txt_wrap { color: #fff; width: 50%; } 
#about01 .sec02 .txt_wrap h2 { font-size:3em; margin-bottom:40px; position:relative } 
#about01 .sec02 .txt_wrap h2:before { position: absolute; content: '“'; left: 0; top: -50px; font-size: 1.5em; } 
#about01 .sec02 .txt_wrap p { font-size:1em; line-height:1.7 } 
#about01 .sec03 { } 
#about01 .sec03 .inner { height:100vh; } 
#about01 .sec03 .inner > div { display: flex; flex-direction: column; align-items: center; height:100%; justify-content: center; } 
#about01 .sec03 .img_wrap { margin-bottom: 40px; display: flex; align-items: center; justify-content: center; position: relative; } 
#about01 .sec03 .img_wrap img:last-child { position: absolute; right: -69px; top: 1px; transform: rotateZ(14deg); transition: all 1s ease; } 

#about01 .sec03.is-active .img_wrap img:last-child { right: -78px; top: -76px; transform: rotateZ(0deg); } 
#about01 .sec03 p { font-size: 2.5em; font-weight: 500; margin-bottom: 20px; } 
#about01 .sec03 h2 { font-size: 3em; text-align: center; color: var(--color-main) } 
#about01 .sec04 { background:url(../img/sub/about01_sec4.png)no-repeat center center /cover; } 
#about01 .sec04 .inner { height:100vh; } 

#about01 .sec04 .sec04_1 { background:#fffbf3; display:flex; align-items:center; justify-content:center; text-align:center; } 
#about01 .sec04 .sec04_1 .inner { display: flex; align-items: center; justify-content: center; } 
#about01 .sec04 .sec04_1 p { font-size: 3.5em; color:var(--color-main); font-weight:bold; } 
#about01 .content_txt .inner > div { display: flex; color: #fff; flex-direction: column; align-items: center; justify-content: center; height: 100%; } 
#about01 .content_txt .inner > div span { color: #FF8A37; font-weight: 600; font-size: 1.5em; margin-bottom: 10px; } 
#about01 .content_txt .inner > div h3 { margin-bottom: 40px; font-size: 2.5em; text-align:center } 
#about01 .content_txt .inner > div p { font-size: 1em; line-height: 1.7; text-align: center; } 

#about01 .sec05 { background:url(../img/sub/about01_sec5.png)no-repeat center center /cover } 
#about01 .sec06 { background:url(../img/sub/about01_sec6.png)no-repeat center center /cover } 
#about01 .sec07 { } 
#about01 .sec07 .inner { } 
#about01 .sec07 .inner > div { display: flex; align-items: center; justify-content: center; flex-direction: column; } 
#about01 .sec07 .inner > div p { font-size: 2.5em; font-weight: 500; } 
#about01 .sec07 .inner > div h2 { font-size: 3em; text-align: center; color: var(--color-main); line-height: 1.4; margin-top: 20px; } 
#about01 .sec08 { } 
#about01 .sec08 .inner { display: flex; align-items: center; } 
#about01 .sec08 .inner >div { width: 50%; } 
#about01 .sec08 .inner >div p { font-size: 2em; text-align: center; color: var(--color-main); font-weight: bold; line-height: 1.5; } 
#about01 .sec08 .inner >div.img_wrap { max-width: 800px; } 
#about01 .sec08 .inner >div.img_wrap img { } 
#about01 .sec09 { position:relative } 
#about01 .sec09 .inner { display: flex; align-items: center; justify-content: center; } 
#about01 .sec09 .inner h2 { font-size: 4em; display: flex; align-items: center; gap: 30px; z-index: 20; } 
#about01 .sec09 .inner .sec09_bg_txt { } 
#about01 .sec09 .sec09_bg_txt span:nth-child(1) { position:absolute; right:30%; top:30%; } 
#about01 .sec09 .sec09_bg_txt span:nth-child(2) { position:absolute; left:17%; top:50%; } 
#about01 .sec09 .sec09_bg_txt span:nth-child(3) { position:absolute; right:47%; top:70%; } 
#about01 .sec10 { } 
#about01 .sec10 .inner { display: flex; flex-direction: column; align-items: center; } 
#about01 .sec10 .inner .img_wrap { width: 92%; max-width: 1400px; margin-top: 120px; } 
#about01 .sec10 .inner h3 { font-size: 2em; color: var(--color-main); line-height: 1.4; margin-top: 35px; } 
#about01 .sec10 .inner ul { margin-top: 85px; display: flex; gap: 20px; padding-bottom: 150px; } 
#about01 .sec10 .inner ul li { display: flex; align-items: center; justify-content: center; padding: 10px 30px; background: #fff; border-radius: 30px; gap: 5px; } 
#about01 .sec10 .inner ul li img { } 
#about01 .sec10 .inner ul li span { } 
#about01 .fp-warning,
#about01 .fp-watermark { display:none!important } 
#about01 .sec04.fp-is-overflow>.fp-overflow,
#about01 .sec09.fp-is-overflow>.fp-overflow,
#about01 .sec10.fp-is-overflow>.fp-overflow { overflow-y: auto!important; } 

@media(max-width:1399px){
 #about01 .sec04 .sec04_1 p { font-size: 3.2em; } 
 #about01 .sec09 .sec09_bg_txt span:nth-child(2) { top:39% } 
 #about01 .sec10 .inner ul li { gap:15px; } 
 #about01 .sec10 .inner ul li span { word-break: keep-all; } 
 }
@media(max-width:1024px){
 #about01 .sec09 .inner h2 { flex-wrap:wrap } 
 }
@media(max-width:767px){
 #about01 .section { height:auto; padding:150px 0 } 
 #about01 .sec04 .inner { height:auto; padding:150px; } 
 #about01 .inner { padding-top:0 } 
 #about01 .sec01 .inner { padding-top:100px } 
 #about01 .sec01 p,
 #about01 .sec03 p,
 #about01 .sec07 .inner > div p,
 #about01 .sec10 .inner h3 { font-size:1.5em } 
 #about01 .sec01 h2, 
 #about01 .sec02 .txt_wrap h2,
 #about01 .sec03 h2,
 #about01 .sec04 .sec04_1 p,
 #about01 .content_txt .inner > div h3,
 #about01 .sec07 .inner > div h2 { font-size:2em } 
 #about01 .sec09 .inner h2 { font-size:3em } 
 #about01 .sec02 .txt_wrap h2,
 #about01 .content_txt .inner > div h3 { margin-bottom:20px } 
 #about01 .sec02 .inner { flex-direction: column; } 
 #about01 .sec02 .img_wrap,
 #about01 .sec02 .txt_wrap { width:100% } 
 #about01 .sec03 .inner { height:auto } 
 #about01 .sec04 { padding:0 } 
 #about01 .sec04 .sec04_1 .inner { height:auto; padding:80px 0 } 
 #about01 .sec08 .inner >div { width:100% } 
 #about01 .sec08 .inner { flex-direction: column; gap:50px; } 
 #about01 .sec09 .inner h2 { flex-direction: column; } 
 #about01 .sec09 .sec09_bg_txt span:nth-child(1) { top:0 } 
 #about01 .sec09 .sec09_bg_txt span:nth-child(2) { left:10%; top:45% } 
 #about01 .sec09 .sec09_bg_txt span:nth-child(3) { top:unset; bottom:0 } 
 #about01 .sec11 { display:none } 
 #about01 .sec10 .inner h3 { text-align: center; } 
 #about01 .sec10 .inner ul { flex-direction: column; gap:10px; width:100%; margin-top:50px; padding-bottom:0 } 
 #about01 .sec10 .inner ul li { width:100% } 
@media(max-width:767px){
 #about01 .sec03 .img_wrap img:last-child { animation: floatBadge 3.5s ease-in-out infinite; right: -60px; top: 0; transform-origin: center; } 
 }

 @keyframes floatBadge { 
 0% { transform: translate(0, 0) rotate(10deg); } 
 50% { transform: translate(-10px, -50px) rotate(0deg); } 
 100% { transform: translate(0, 0) rotate(10deg); } 
 } 
 }

@media(max-width:640px){
 #about01 .section { padding:80px 0 } 
 #about01 .sec04 { padding:0 } 
 #about01 .sec04 .inner { padding:80px 0; } 
 #about01 .sec03 .img_wrap,
 #about01 .sec01 .img_wrap { width:30% } 
 #about01 .sec09 .inner h2 { font-size: 2.5em; } 
 #about01 .sec09 .sec09_bg_txt span img { width: 60% } 
 #about01 .sec09 .inner h2 img { width:12% } 
 }


/* ******************* *
* 브랜드 이야기 
* ******************* */
#brand { } 
#brand .cinner { padding: 150px 0; } 
#brand .cinner h2 { font-size: 3em; font-weight: bold; color: var(--color-main); text-align: center; margin-bottom: 55px; } 
#brand .cinner .cont_box { display: flex; align-items: center; gap: 100px; margin-bottom: 100px; } 
#brand .cinner .cont_box .img_wrap { width: 50%; max-width: 800px; } 
#brand .cinner .cont_box .img_wrap img { width:100% } 
#brand .cinner .cont_box .content_wrap { width:50% } 
#brand .cinner .cont_box .content_wrap h3 { font-size: 2em; font-weight: 500; color: var(--color-main); margin-bottom: 20px; } 
#brand .cinner .cont_box .content_wrap p { margin-bottom: 70px; font-size: 1em; line-height: 1.7; color: #555; word-break: keep-all; } 
#brand .cinner .cont_box .content_wrap .down_btn_wrap { display: flex; gap: 10px; } 
#brand .cinner .cont_box .content_wrap .down_btn_wrap a { padding: 20px 30px; gap: 40px; background: var(--color-main); color: #fff; display: flex; align-items: center; border-radius: 5px; } 
@media(max-width:1199px){
 #brand .cinner .cont_box { gap:60px; } 
 }
@media(max-width:1024px){
 #brand .cinner .cont_box { flex-direction: column; } 
 #brand .cinner .cont_box .img_wrap,
 #brand .cinner .cont_box .content_wrap { width:100% } 
 }
@media(max-width:768px){
 #brand .cinner { padding:80px 0 } 
 #brand .cinner h2 { font-size:2.3em } 
 }
@media(max-width:420px){
 #brand .cinner .cont_box .content_wrap .down_btn_wrap { flex-direction: column; } 
 #brand .cinner .cont_box .content_wrap .down_btn_wrap a { justify-content: center; } 
 }

/* ******************* *
* 여성창작자이야기
* ******************* */

#about02 { font-family: "SebangGothic"; } 
#about02 .cinner h2 { font-size: 3em; font-weight: bold; color: var(--color-main); text-align: center; margin-top:150px; margin-bottom: 55px; } 
.profile_section { } 
.profile_section .profile_list_wrap { gap: 100px 0; display: flex; flex-wrap: wrap; padding-bottom:150px; } 
.profile_section .profile_list_wrap .profile_list { display: flex; flex-direction: column; align-items: center; gap: 20px; width: calc(100% / 4); box-sizing: border-box; padding:0 20px;; } 
.profile_section .profile_list_wrap .profile_list .img_wrap { } 
.profile_section .profile_list_wrap .profile_list .img_wrap img { } 
.profile_section .profile_list_wrap .profile_list .txt_wrap { display: flex; flex-direction: column; align-items: center; } 
.profile_section .profile_list_wrap .profile_list .txt_wrap p { font-size:1.25em; } 
.profile_section .profile_list_wrap .profile_list .txt_wrap span { color:#555; display:block; margin-bottom:10px } 
.profile_section .profile_list_wrap .profile_list .txt_wrap a { } 

@media(max-width:1024px){
 .profile_section .profile_list_wrap .profile_list { width: calc(100% / 3); } 
 }

@media(max-width:768px){
 .profile_section .profile_list_wrap .profile_list { width: calc(100% / 2); } 
 }
@media(max-width:420px){
 .profile_section .profile_list_wrap .profile_list { width: 100%; } 
 .profile_section .profile_list_wrap { gap:50px; } 
 }


/* ******************* *
* 쇼핑몰리스트 페이지 
* ******************* */

 .shop_inner { width: 88vw; margin: 230px auto 6vw; } 
 .shop_inner .sct_10.lists-row { display: grid; grid-template-columns: repeat(3, 28vw); row-gap: 10vh; justify-content: space-between;padding-top:50px } 
 .shop_inner .sct_10 .sct_li { width:100%; margin:0 ;    text-align: center;} 
 .shop_inner .sct_10 .sct_txt { border:none } 
 .shop_inner .sct_10 .sct_basic,
 .shop_inner .sct_10 .sct_op_btn { display:none; } 
 .shop_inner .sct_10 .sct_ct_wrap { text-align: center; } 
 .shop_inner .sct_10 .sct_cost { font-size:1em } 
.shop_inner #sct_sort ul { display:none } 
.shop_inner .sct_10 .sct_img:hover .sct_cart {display:none}
.shop_inner .sct_10 .sct_img > a:hover > img {opacity:1}

 
@media(max-width:768px){
    .shop_inner { width: 90vw; } 
    .shop_inner .sct_10.lists-row { display: grid; grid-template-columns: 1fr 1fr; justify-items: center; align-content: flex-start; row-gap: 7vh; } 
    .shop_inner .sct_10 .sct_txt { padding-bottom:0 } 
 }





/* ******************* *
* 상품 상세보기
* ******************* */
#itemView {padding: 70px 0 150px;position: relative;}
#itemView .sit_admin {display: flex;justify-content: flex-end;gap: 10px;}
#itemView .sit_admin a {display: block;min-width: 90px;height: auto;padding: 8px;background: #E04545;color: #fff;font-size: 14px;text-align: center;line-height: 1.0;}
#itemView .sit_admin a:hover {color: #fff;background: #a32424;}