/* 기본설정 */ @keyframes marqueeLeft {from {transform:translateX(0);} to {transform:translateX(calc(var(--sns-distance) * -1));}} @keyframes marqueeRight {from {transform:translateX(calc(var(--blog-distance) * -1));} to {transform:translateX(0);}} @keyframes selectedBounce {0% {transform:translateY(0) scale(1);} 50% {transform:translateY(-14px) scale(1);} 100% {transform:translateY(0) scale(1);}} @keyframes rotate { 0% {transform: rotate(0deg);} 100% {transform: rotate(360deg);} } @keyframes rotate2 { 0% {transform: rotate(0deg);} 100% {transform: rotate(-360deg);} } html {min-width:400px; scroll-behavior:smooth;} * {border-width:0; margin:0; padding:0; box-sizing:border-box; word-break:keep-all;} body {overflow-x:hidden; background:#fff; color:#222;} ul {padding:0; margin:0;} li {list-style:none;} a {color:inherit; text-decoration:none;} img {image-rendering:auto;} button,input,textarea {font-family:'Paperlogy';} .wrap {position:relative; width:100%; min-width:1400px; overflow:hidden;} .centerdiv {width:100%; max-width:1400px; padding:0 50px; margin:0 auto;} .contentsboxsection {position:relative; width:100%; padding:200px 0;} .dot-title {} .dot-char {position: relative; display: inline-block;} .dot-char::before {content: ""; position: absolute; top: -25px; left: 50%; transform: translateX(-50%); width: 15px; height: 15px; border-radius: 50%; background: #ed2390; z-index:10;} .video-container {position:relative; padding-bottom:56.25%; height:0; overflow:hidden;} .video-container iframe,.video-container object,.video-container embed {position:absolute; top:0; left:0; width:100%; height:100%;} .video-container2 {position:relative; padding-bottom:178%; height:0; overflow:hidden;} .video-container2 iframe,.video-container2 object,.video-container2 embed {position:absolute; top:0; left:0; width:100%; height:100%;} .video-container3 {position:relative; padding-bottom:56.25%; height:0; overflow:hidden;} .video-container3 iframe,.video-container3 object,.video-container3 embed {position:absolute; top:50%; left:50%; width:120%; height:120%; transform:translate(-50%,-50%);} @media (max-width:750px){ /* 모바일 기본설정 */ input[type='text'],input[type='tel'],input[type='number'],input[type='email'],input[type='date'],input[type='search'],select,textarea {font-size:16px !important;} html {min-width:100%;} .wrap {min-width:100%;} .centerdiv {padding:0 15px;} .dot-char::before { top: -15px; width: 10px; height: 10px;} .video-container3 iframe,.video-container3 object,.video-container3 embed {width:150%; height:150%; } } /* 헤더 */ .header {position:fixed; top:-120px; left:0; display:flex; justify-content:space-between; align-items:center; width:100%; min-width:1400px; background:rgba(255,255,255,.96); box-shadow:0 0 5px rgba(0,0,0,.15); padding:12px 50px; opacity:0; transition:all .3s ease; z-index:99; display:none;} .header_fix {top:0; opacity:1;} .header .logo a {display:flex; align-items:center; gap:12px;} .header .logo img {width:200px;} .header .navi ul {display:flex; align-items:center; gap:50px;} .header .navi li a {display:block; font-family:'Paperlogy'; font-weight:300; font-size:22px; line-height:30px; color:#000;} .header .navi li a:hover {color:#ed2390;} .header .navi li.on a {font-weight:500; color:#ed2390;} @media (max-width:750px){ .header {min-width:100%; padding:8px 15px;} .header .logo img:nth-child(1) {width:25px;} .header .logo img:nth-child(2) {width:85px;} .header .navi ul {gap:12px;} .header .navi li a {font-size:15px; line-height:25px;} } /* 하단 사업자정보 */ .bottom {position:relative; width:100%; text-align:center; background:#f6f3eb; padding:100px 30px 260px;} .bottom .companyinfo ul {width:100%; font-size:0; margin-bottom:8px;} .bottom .companyinfo li {display:inline-block; vertical-align:top; font-family:'Paperlogy'; font-weight:300; font-size:17px; line-height:25px; color:#777; margin:0 12px;} .bottom .companyinfo .copyright_admin {font:inherit; color:inherit; text-decoration:none; cursor:default; outline:none;} .bottom .companyinfo .copyright_admin:hover, .bottom .companyinfo .copyright_admin:focus, .bottom .companyinfo .copyright_admin:active, .bottom .companyinfo .copyright_admin:visited {color:inherit; text-decoration:none;} @media (max-width:750px){ .bottom {padding:0 10px 200px;} .bottom .companyinfo li {font-size:15px; line-height:20px; margin:0 5px;} } /* 하단 고정 상담문의 */ .footer_inquiry_section {position:fixed; bottom:-130px; left:0; display:flex; justify-content:center; align-items:center; gap:50px; width:100%; min-width:1400px; background:#201c18; padding:15px 50px 10px; opacity:0; transition:all .3s ease; z-index:100;} .footer_inquiry_section_fix {bottom:0; opacity:1;} .footer_inquiry_top {position:absolute; top:-50px; left:50%; transform:translateX(-50%);} .footer_inquiry_title ul {justify-content:center; display:flex; align-items:center; gap:5px;} .footer_inquiry_title li {font-family:'Paperlogy'; color:#fff;} .footer_inquiry_title li:nth-child(1) img {width:180px;} .footer_inquiry_title li:nth-child(2) {font-weight:500; font-size:30px;} .footer_inquiry_title li:nth-child(3) {font-weight:900; font-size:40px;} .footer_inquiry_form {} .quick_inquiry_form {display:flex; align-items:center; gap:8px;} .quick_inquiry_form .quick_fields {display:flex; align-items:center; flex-wrap:wrap; gap:5px; max-width:760px;} .quick_inquiry_form .quick_field {display:flex; align-items:center; gap:5px;} .quick_inquiry_form .quick_field_label {display:none; font-family:'Paperlogy'; font-size:17px; color:#000; white-space:nowrap;} .quick_inquiry_form .quick_field_radio .quick_field_label,.quick_inquiry_form .quick_field_checkbox .quick_field_label {display:block;} .quick_inquiry_form .write_input_text,.quick_inquiry_form .write_input_select {width:100px; height:46px; font-family:'Paperlogy'; font-size:17px; line-height:46px; color:#000; background:#fff; padding:0 10px; outline:none;} .quick_inquiry_form .write_input_select {appearance:auto;} .quick_inquiry_form .write_input_select option {color:#000;} .quick_inquiry_form .rzo_email_field {display:flex; align-items:center; gap:3px;} .quick_inquiry_form .rzo_email_local {width:90px;} .quick_inquiry_form .rzo_email_at {font-family:'Paperlogy'; font-size:17px; color:#000;} .quick_inquiry_form .rzo_email_domain {width:90px;} .quick_inquiry_form .rzo_email_direct {width:110px;} .quick_inquiry_form .write_input_text2 {width:200px; height:46px; font-family:'Paperlogy'; font-size:17px; line-height:46px; color:#fff; background:rgba(0,0,0,.16); padding:8px 10px; resize:none; outline:none;} .quick_inquiry_form input::placeholder,.quick_inquiry_form textarea::placeholder {color:rgba(0,0,0,.5);} .quick_inquiry_form .quick_field span {display:inline-flex; align-items:center; gap:3px; font-family:'Paperlogy'; font-size:17px; color:#fff; white-space:nowrap;} .quick_inquiry_form .rzo_other_input {width:150px;} .quick_inquiry_form .quick_submit {display:flex; align-items:center; gap:8px;} .quick_inquiry_form .quick_privacy {display:flex; align-items:center; gap:5px; font-family:'Paperlogy'; font-size:17px; color:#fff; white-space:nowrap;} .quick_inquiry_form .quick_privacy label {font-family:'Paperlogy'; font-weight:300; font-size:15px; color:#fff; white-space:nowrap;} .quick_inquiry_form .quick_privacy a {font-family:'Paperlogy'; font-weight:300; font-size:15px; color:#fff; text-decoration:none; border-bottom:1px solid rgba(255,255,255,.65); cursor:pointer;} .quick_inquiry_form button {font-weight:700; font-size:22px; line-height:46px; color:#fff; background:#ed2390; padding:0 10px; cursor:pointer;} @media (max-width:750px){ .footer_inquiry_section {display:block; min-width:100%; height:auto; bottom:-250px; padding:20px 10px 10px;} .footer_inquiry_section_fix {bottom:0;} .footer_inquiry_top {top:-30px;} .footer_inquiry_top img {height:40px;} .footer_inquiry_title {margin-bottom:10px;} .footer_inquiry_title ul {gap:5px;} .footer_inquiry_title li:nth-child(1) img {width:120px;} .footer_inquiry_title li:nth-child(2) {font-size:18px;} .footer_inquiry_title li:nth-child(3) {font-size:25px;} .footer_inquiry_form {min-width:0; width:100%;} .quick_inquiry_form {display:block;} .quick_inquiry_form .quick_fields {display:grid; grid-template-columns:repeat(3,1fr); gap:3px; max-width:none;} .quick_inquiry_form .quick_field {display:block; min-width:0;} .quick_inquiry_form .quick_field_radio,.quick_inquiry_form .quick_field_checkbox,.quick_inquiry_form .quick_field_textarea {grid-column:1 / span 3;} .quick_inquiry_form .quick_field_label {display:none;} .quick_inquiry_form .quick_field_radio .quick_field_label,.quick_inquiry_form .quick_field_checkbox .quick_field_label {display:inline-block; margin-right:5px;} .quick_inquiry_form .write_input_text,.quick_inquiry_form .write_input_select,.quick_inquiry_form .write_input_text2 {width:100%; height:32px; font-size:16px; line-height:32px; padding:0 5px;} .quick_inquiry_form .write_input_text2 {height:45px; line-height:16px; padding:6px;} .quick_inquiry_form .rzo_other_input {width:100%; margin-top:3px;} .quick_inquiry_form .rzo_email_field {display:grid; grid-template-columns:1fr auto 1fr; gap:3px; width:100%;} .quick_inquiry_form .rzo_email_local,.quick_inquiry_form .rzo_email_domain,.quick_inquiry_form .rzo_email_direct {width:100%;} .quick_inquiry_form .rzo_email_direct {grid-column:1 / span 3;} .quick_inquiry_form .quick_submit {display:grid; grid-template-columns:2fr 1fr; gap:3px; margin-top:3px;} .quick_inquiry_form .quick_privacy {gap:3px; min-width:0; overflow:hidden; font-size:15px; line-height:30px;} .quick_inquiry_form .quick_privacy label {font-size:15px; line-height:30px;} .quick_inquiry_form .quick_privacy a {font-size:15px; line-height:20px;} .quick_inquiry_form button {font-size:15px; line-height:40px; padding:0 5px;} } /* 팝업 */ .rzo_popup_group {position:absolute; top:0; left:0; width:100%; height:0; z-index:120; pointer-events:none;} .rzo_popup {position:fixed; max-width:calc(100vw - 20px); background:#fff; border:var(--popup-border-width,5px) solid var(--popup-border-color,#fff); box-shadow:0 5px 25px rgba(0,0,0,.25); box-sizing:border-box; overflow:hidden; cursor:move; pointer-events:auto;} .rzo_popup.rzo_popup_absolute {position:absolute;} .rzo_popup_contents {width:100%; height:calc(100% - 42px); overflow:auto; cursor:auto; user-select:auto; -webkit-user-select:auto;} .rzo_popup_contents img {max-width:100%; height:auto; -webkit-user-drag:none;} .rzo_popup.dragging {cursor:grabbing;} .rzo_popup.rzo_popup_image {height:auto !important;} .rzo_popup.rzo_popup_image .rzo_popup_contents {height:auto; overflow:hidden; cursor:default; user-select:none; -webkit-user-select:none; font-size:0; line-height:0;} .rzo_popup.rzo_popup_image .rzo_popup_contents .rzo_popup_image_file {display:block; width:100%; max-width:none; height:auto; cursor:default; user-select:none; -webkit-user-select:none;} .rzo_popup.rzo_popup_image .rzo_popup_contents .rzo_popup_image_link {display:block; width:100%; cursor:pointer;} .rzo_popup.rzo_popup_image .rzo_popup_contents .rzo_popup_image_link .rzo_popup_image_file {cursor:pointer;} .rzo_popup.rzo_popup_content .rzo_popup_contents {cursor:auto; user-select:auto; -webkit-user-select:auto;} .rzo_popup.rzo_popup_youtube {height:auto !important;} .rzo_popup.rzo_popup_youtube .rzo_popup_contents {height:auto; overflow:hidden; cursor:default; user-select:auto; -webkit-user-select:auto; font-size:0; line-height:0;} .rzo_popup_video_box {position:relative; width:100%; height:0; padding-bottom:56.25%; background:#000; overflow:hidden;} .rzo_popup_video_box.rzo_popup_video_shorts {padding-bottom:177.7778%;} .rzo_popup_video_box iframe {position:absolute; top:0; left:0; width:100%; height:100%;} .rzo_popup_btn {display:flex; background:#111;} .rzo_popup_btn button {flex:1; height:42px; font-family:'Paperlogy'; font-size:17px; color:#fff; background:#111; border-left:1px solid rgba(255,255,255,.15); cursor:pointer;} .rzo_popup_close_all {position:fixed; left:50%; bottom:25px; transform:translateX(-50%); z-index:999999; height:44px; padding:0 28px; font-family:'Paperlogy'; font-size:17px; font-weight:500; color:#fff; background:rgba(0,0,0,.88); border:1px solid rgba(255,255,255,.25); border-radius:24px; box-shadow:0 4px 18px rgba(0,0,0,.25); cursor:pointer; white-space:nowrap; pointer-events:auto;} .rzo_popup_close_all:hover {background:#000;} @media (max-width:750px){ .rzo_popup {left:10px !important; top:10px !important; width:calc(100% - 20px) !important; border-width:var(--popup-border-width-mobile,3px);} .rzo_popup.rzo_popup_absolute {position:absolute;} .rzo_popup_contents {cursor:default; user-select:auto; -webkit-user-select:auto;} .rzo_popup_close_all {bottom:15px; height:42px; padding:0 22px; font-size:15px;} } /* 완료 · 개인정보 */ .complete_body {min-height:100vh; background:#fff;} .complete_box {position:absolute; top:45%; left:50%; width:90%; text-align:center; transform:translate(-50%,-50%);} .complete_box img {width:60px;} .complete_box strong {display:block; font-family:'Paperlogy'; font-weight:700; font-size:25px; color:#c74639; margin:10px 0;} .complete_box p {font-family:'Paperlogy'; font-weight:300; font-size:17px; color:#333;} .complete_box button {font-family:'Paperlogy'; font-size:17px; color:#fff; background:#111; padding:10px 25px; margin-top:30px; cursor:pointer;} .privacy_body {background:#fff;} .privacy_wrap {width:100%; padding:20px; box-sizing:border-box;} .privacy_title {font-family:'Paperlogy'; font-weight:600; font-size:25px; line-height:1.35; color:#000; padding:8px 0 10px; border-bottom:2px solid #000; white-space:normal; word-break:keep-all; overflow-wrap:break-word;} .privacy_comment {font-family:'Paperlogy'; font-weight:300; font-size:17px; line-height:25px; color:#444;} .privacy_comment li {position:relative; padding:8px 0 8px 15px;} .privacy_comment li::before {position:absolute; top:8px; left:0; content:'•';} .privacy_close {width:100%; text-align:center; margin-top:15px;} .privacy_close button {font-family:'Paperlogy'; font-weight:400; font-size:17px; line-height:22px; color:#fff; background:#111; padding:8px 25px; cursor:pointer;} @media (max-width:750px){ } /* 인트로 */ .intro {background:#f6f3eb; padding:300px 0 200px;} .intro .intro_flower {position:absolute; top:-100px; left:-150px; z-index:2;} .intro .intro_food1 {position:absolute; top:-50px; right:-100px; z-index:2;} .intro .intro_food2 {position:absolute; bottom:-300px; left:50%; margin-left:-1100px; z-index:2;} .intro .intro_food2 img {width:650px;} .intro .intro_exterior {position:absolute; bottom:-250px; left:50%; margin-left:400px; z-index:2;} .intro .intro_title {position:relative; width:100%; text-align:center; z-index:5;} .intro .intro_title ul {} .intro .intro_title li {font-family:'SolmoeKimDaegeon'; font-weight:300; color:#000;} .intro .intro_title li:nth-child(1) {font-size:52px; line-height:55px;} .intro .intro_title li:nth-child(2) {font-family:'SolmoeKimDaegeon500'; font-weight:bold; font-size:52px; line-height:55px; margin:50px 0;} .intro .intro_title li:nth-child(3) img {width:650px;} .intro .intro_title li:nth-child(4) {font-family:'Paperlogy'; font-weight:200; font-size:25px; line-height:30px; margin:50px 0 0;} .intro .movie {position:absolute; top:0; left:0; width:100%; height:800px; overflow:hidden; z-index:1; pointer-events:none; mask-image:linear-gradient(to bottom, #000 50%, transparent 100%); opacity:.3;} .intro .movie iframe {position:absolute; top:50%; left:50%; width:100%; max-width:2500px; min-width:2100px; height:2000px; transform:translate(-50%,-50%); z-index:1;} .intro2 {background:#f6f3eb; padding:200px 100px 100px;} .intro2 .intro2_title {width:100%; text-align:center;} .intro2 .intro2_title ul {} .intro2 .intro2_title li {color:#000;} .intro2 .intro2_title li:nth-child(1) {font-family:'SolmoeKimDaegeon'; font-weight:300; font-size:90px; line-height:110px;} .intro2 .intro2_title li:nth-child(1) strong {font-family:'SolmoeKimDaegeon500'; font-weight:bold; color:#ed2390;} .intro2 .intro2_title li:nth-child(2) {font-family:'Paperlogy'; font-weight:300; font-size:30px; line-height:45px; margin:30px 0 0;} .intro2 .intro2_contents {position:relative; width:100%; background:url('../images/intro2_bg.jpg') no-repeat center; background-size:cover; border:3px solid #ed2390; margin-top:50px; overflow:hidden; padding:100px 50px;} .intro2 .intro2_contents::after {position:absolute; top:0; left:0; width:100%; height:100%; content:''; background:#000; opacity:.5; z-index:1;} .intro2 .intro2_contents .intro2_data {position:relative; display:flex; align-items:center; width:100%; text-align:center; z-index:2;} .intro2 .intro2_contents .intro2_data ul {position:relative; flex:1;} .intro2 .intro2_contents .intro2_data ul:not(:last-child)::after {position:absolute; top:0; right:0; width:1px; height:100%; content:''; background:#fff; opacity:.3; z-index:1;} .intro2 .intro2_contents .intro2_data li {font-family:'Paperlogy'; font-weight:300; color:#fff;} .intro2 .intro2_contents .intro2_data li:nth-child(2) {font-size:30px; line-height:40px; margin:30px 0 0;} .intro2 .intro2_contents .intro2_data li:nth-child(3) {font-size:30px; line-height:90px;} .intro2 .intro2_contents .intro2_data li:nth-child(3) strong {font-weight:900; font-size:70px;} .intro2 .intro2_contents .intro2_tag {position:relative; display:table; z-index:2; margin:100px auto 0;} .intro2 .intro2_contents .intro2_tag ul {display:flex; align-items:center; text-align:center; gap:30px;} .intro2 .intro2_contents .intro2_tag li {font-family:'Paperlogy'; font-weight:200; font-size:30px; line-height:40px; color:#fff; background:rgba(0,0,0,.5); border-radius:100px; padding:10px 30px; border:1px solid rgba(255,255,255,.4);} @media (max-width:750px){ .intro {padding:100px 0 200px;} .intro .intro_flower {top:-30px; left:-50px;} .intro .intro_flower img {width:170px;} .intro .intro_food1 {top:-50px; right:-100px;} .intro .intro_food1 img {width:230px;} .intro .intro_food2 {bottom:-50px; margin-left:-250px;} .intro .intro_food2 img {width:200px;} .intro .intro_exterior {bottom:-40px; margin-left:50px;} .intro .intro_exterior img {width:250px;} .intro .intro_title li:nth-child(1) {font-size:20px; line-height:25px;} .intro .intro_title li:nth-child(2) {font-size:30px; line-height:35px; margin:30px 0;} .intro .intro_title li:nth-child(3) img {width:300px;} .intro .intro_title li:nth-child(4) {font-size:15px; line-height:20px; margin:20px 0 0;} .intro .movie {height:500px;} .intro .movie iframe {width:2500px; height:600px;} .intro2 {padding:100px 10px 50px;} .intro2 .intro2_title li:nth-child(1) {font-size:30px; line-height:35px;} .intro2 .intro2_title li:nth-child(2) {font-size:20px; line-height:30px; margin:10px 0 0;} .intro2 .intro2_contents {border-width:1px; margin-top:30px; padding:50px 10px;} .intro2 .intro2_contents .intro2_data {flex-wrap:wrap; gap:30px 10px;} .intro2 .intro2_contents .intro2_data ul {flex:0 0 calc((100% - 10px) / 2);} .intro2 .intro2_contents .intro2_data ul:not(:last-child)::after {display:none;} .intro2 .intro2_contents .intro2_data li:nth-child(1) img {width:50px;} .intro2 .intro2_contents .intro2_data li:nth-child(2) {font-size:20px; line-height:20px; margin:10px 0 0;} .intro2 .intro2_contents .intro2_data li:nth-child(3) {font-size:20px; line-height:30px;} .intro2 .intro2_contents .intro2_data li:nth-child(3) strong {font-size:25px;} .intro2 .intro2_contents .intro2_tag {margin:50px auto 0;} .intro2 .intro2_contents .intro2_tag ul {flex-direction:column; gap:5px;} .intro2 .intro2_contents .intro2_tag li {font-size:15px; line-height:20px; padding:5px 20px;} } /* 하루세번 */ .time3 {background:#000;} .time3 .time3_bg {position:absolute; top:0; left:0; width:100%; height:100%; opacity:.3; overflow:hidden; z-index:1;} .time3 .time3_bg .time3_bg_layer {position:absolute; top:0; left:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover; opacity:0; transition:opacity 1s ease;} .time3 .time3_bg .time3_bg_layer.active {opacity:1;} .time3 .time3_title {position:relative; width:100%; text-align:center; z-index:2;} .time3 .time3_title ul {} .time3 .time3_title li {color:#fff;} .time3 .time3_title li:nth-child(1) {font-family:'SolmoeKimDaegeon'; font-weight:300; font-size:100px; line-height:110px;} .time3 .time3_title li:nth-child(1) strong {font-family:'SolmoeKimDaegeon500'; font-weight:bold; color:#ed2390;} .time3 .time3_title li:nth-child(2) {font-family:'Paperlogy'; font-weight:300; font-size:30px; line-height:45px; margin:30px 0 0;} .time3 .time3_title li:nth-child(2) strong {background:#ed2390; padding:2px 4px;} .time3 .time3_contents {position:relative; display:flex; justify-content:center; align-items:top; gap:50px; width:100%; max-width:1500px; text-align:center; z-index:2; margin:100px auto 100px;} .time3 .time3_contents .time3_item {position:relative; flex:1; padding-bottom:50px;} .time3 .time3_contents .time3_item::after {position:absolute; top:100%; left:50%; width:1px; height:30px; content:''; background:#fff;} .time3 .time3_contents .time3_item2::after {height:60px;} .time3 .time3_contents .time3_item1::before {position:absolute; top:100%; margin-top:29px; left:50%; width:calc(200% + 100px); height:1px; content:''; background:#fff;} .time3 .time3_contents .time3_item li {position:relative; font-family:'Paperlogy'; font-weight:300; color:#fff;} .time3 .time3_contents .time3_item ul.time3_item_text {margin:0 0 50px;} .time3 .time3_contents .time3_item ul.time3_item_text li:nth-child(1) .material-symbols-outlined {font-size:80px !important; line-height:90px; font-variation-settings: 'wght' 200, 'FILL' 0, 'opsz' 48;} .time3 .time3_contents .time3_item ul.time3_item_text li:nth-child(2) {font-weight:100; font-size:50px;} .time3 .time3_contents .time3_item.active ul.time3_item_text li:nth-child(2) {font-weight:900; color:#ed2390;} .time3 .time3_contents .time3_item ul.time3_item_text li:nth-child(2)::after {position:absolute; top:100%; margin-top:10px; left:50%; width:1px; height:25px; content:''; background:#fff;} .time3 .time3_contents .time3_item ul.time3_item_text li:nth-child(3) {font-size:30px; line-height:45px; margin-top:50px;} .time3 .time3_contents .time3_item ul.time3_item_text li:nth-child(4) {font-size:25px; line-height:30px;} .time3 .time3_contents .time3_item ul.time3_item_graph {display:flex; justify-content:center; align-items:center; gap:10px; margin:0 auto 20px;} .time3 .time3_contents .time3_item ul.time3_item_graph li {flex:1;} .time3 .time3_contents .time3_item ul.time3_item_graph li:nth-child(1), .time3 .time3_contents .time3_item ul.time3_item_graph li:nth-child(3) {font-size:20px; line-height:45px;} .time3 .time3_contents .time3_item ul.time3_item_graph li:nth-child(1) {text-align:right;} .time3 .time3_contents .time3_item ul.time3_item_graph li:nth-child(3) {text-align:left;} .time3 .time3_contents .time3_item ul.time3_item_graph li:nth-child(2) {height:14px; background:rgba(255,255,255,.3); border-radius:100px; overflow:hidden;} .time3 .time3_contents .time3_item ul.time3_item_graph li:nth-child(2) div {height:100%; border-radius:100px; background:#fff;} .time3 .time3_contents .time3_item.active ul.time3_item_graph li:nth-child(2) div {background:#ed2390;} .time3 .time3_contents .time3_item1 ul.time3_item_graph:nth-child(1 of .time3_item_graph) li:nth-child(2) div {width:29.07%;} .time3 .time3_contents .time3_item1 ul.time3_item_graph:nth-child(2 of .time3_item_graph) li:nth-child(2) div {width:27.81%;} .time3 .time3_contents .time3_item2 ul.time3_item_graph:nth-child(1 of .time3_item_graph) li:nth-child(2) div {width:53.73%;} .time3 .time3_contents .time3_item3 ul.time3_item_graph:nth-child(1 of .time3_item_graph) li:nth-child(2) div {width:100%;} .time3 .time3_comment {position:relative; width:100%; text-align:center; z-index:2;} .time3 .time3_comment ul {} .time3 .time3_comment li {font-family:'Paperlogy'; font-weight:300; color:#fff;} .time3 .time3_comment li:nth-child(1) {font-size:60px; line-height:70px;} .time3 .time3_comment li:nth-child(1) strong {font-weight:900; color:#ed2390;} .time3 .time3_comment li:nth-child(2) {font-size:30px; line-height:45px; margin:30px 0 0;} .time3 .time3_comment li:nth-child(3) {font-size:20px; line-height:30px;} @media (max-width:750px){ .time3 .time3_title li:nth-child(1) {font-size:30px; line-height:40px;} .time3 .time3_title li:nth-child(2) {font-size:17px; line-height:25px; margin:10px 0 0;} .time3 .time3_contents {flex-direction:column; gap:10px; margin:50px auto; padding:0 10px;} .time3 .time3_contents .time3_item {padding:30px 0; border-bottom:1px solid rgba(255,255,255,.3);} .time3 .time3_contents .time3_item::after {display:none;} .time3 .time3_contents .time3_item::before {display:none;} .time3 .time3_contents .time3_item2::after {display:none;} .time3 .time3_contents .time3_item1::before {margin-top:19px; width:calc(200% + 20px);} .time3 .time3_contents .time3_item ul.time3_item_text {display:table; width:100%; margin:0 0 30px; padding:0 20px;} .time3 .time3_contents .time3_item ul.time3_item_text li:nth-child(1) {float:left;} .time3 .time3_contents .time3_item ul.time3_item_text li:nth-child(2) {float:left; margin-left:10px;} .time3 .time3_contents .time3_item ul.time3_item_text li:nth-child(3) {float:right;} .time3 .time3_contents .time3_item ul.time3_item_text li:nth-child(4) {float:right; clear:right;} .time3 .time3_contents .time3_item ul.time3_item_text li:nth-child(1) .material-symbols-outlined {font-size:40px !important; line-height:40px; font-variation-settings: 'wght' 200, 'FILL' 0, 'opsz' 48;} .time3 .time3_contents .time3_item ul.time3_item_text li:nth-child(2) {font-size:30px;} .time3 .time3_contents .time3_item ul.time3_item_text li:nth-child(2)::after {display:none;} .time3 .time3_contents .time3_item ul.time3_item_text li:nth-child(3) {font-size:20px; line-height:20px; margin-top:0;} .time3 .time3_contents .time3_item ul.time3_item_text li:nth-child(4) {font-size:17px; line-height:20px;} .time3 .time3_contents .time3_item ul.time3_item_graph {gap:5px; margin:0 auto 10px;} .time3 .time3_contents .time3_item ul.time3_item_graph li:nth-child(1), .time3 .time3_contents .time3_item ul.time3_item_graph li:nth-child(3) {font-size:14px; line-height:20px;} .time3 .time3_contents .time3_item ul.time3_item_graph li:nth-child(2) {height:12px;} .time3 .time3_comment li:nth-child(1) {font-size:30px; line-height:40px;} .time3 .time3_comment li:nth-child(2) {font-size:15px; line-height:20px; margin:10px 0 0;} .time3 .time3_comment li:nth-child(3) {font-size:14px; line-height:20px;} } /* 매출구조 */ .salegraph {background:url('../images/sale_graph_bg.jpg') center top; padding:100px; z-index:2;} .salegraph .salegraph_box {position:relative; border:1px solid rgba(0,0,0,.2); padding:200px 50px;} .salegraph .salegraph_bird {position:absolute; top:-150px; left:-180px;} .salegraph .salegraph_title {width:100%; text-align:center;} .salegraph .salegraph_title ul {position:relative;} .salegraph .salegraph_title ul:nth-child(2) {position:relative; display:table; margin:100px auto;} .salegraph .salegraph_title li {font-family:'Paperlogy'; font-weight:300; color:#000;} .salegraph .salegraph_title ul:nth-child(1) li:nth-child(1) {position:absolute; bottom:100%; margin-bottom:30px; left:50%; background:#000; border-radius:100px; padding:20px 40px; text-align:left; font-size:22px; line-height:30px; color:#fff;} .salegraph .salegraph_title ul:nth-child(1) li:nth-child(1)::after {position:absolute; top:100%; left:20%; content:''; border-top:30px solid #000; border-left:15px solid transparent;} .salegraph .salegraph_title ul:nth-child(1) li:nth-child(2) {font-family:'SolmoeKimDaegeon'; font-weight:300; font-size:100px; line-height:110px; padding:0 100px;} .salegraph .salegraph_title ul:nth-child(1) li:nth-child(2) strong {font-family:'SolmoeKimDaegeon500'; font-weight:bold; color:#ed2390;} .salegraph .salegraph_title ul:nth-child(1) li:nth-child(3) {font-size:30px; line-height:40px; margin-top:30px;} .salegraph .salegraph_title ul:nth-child(2) li:nth-child(1) {text-align:left; font-size:30px; line-height:40px;} .salegraph .salegraph_title ul:nth-child(2) li:nth-child(2) {font-size:50px;} .salegraph .salegraph_title ul:nth-child(2) li:nth-child(2) strong {font-weight:900; font-size:130px; line-height:140px;color:#ed2390;} .salegraph .salegraph_title ul:nth-child(2) li:nth-child(3) {text-align:right; font-size:20px; line-height:30px;} .salegraph .salegraph_icon {position:absolute; top:500px; left:0; display:flex; width:100%; text-align:center;} .salegraph .salegraph_icon ul {flex:1;} .salegraph .salegraph_icon ul:nth-child(2) {margin-right:700px;} .salegraph .salegraph_icon ul:nth-child(even) {margin-top:-50px;} .salegraph .salegraph_icon li {display:table; font-family:'Paperlogy'; font-weight:300; color:#000; margin:0 auto;} .salegraph .salegraph_icon li:nth-child(1) {background:#faeadf; border-radius:100%; padding:20px;} .salegraph .salegraph_icon li:nth-child(2) {font-weight:500; font-size:20px; line-height:25px; margin:10px auto 0;} .salegraph .salegraph_icon li:nth-child(3) {font-size:17px; line-height:25px;} .salegraph .salegraph_contents {position:relative; width:100%; max-width:1600px; margin:50px auto 0;} .salegraph .salegraph_contents .rzo_salegraph {position:relative; width:100%;} .salegraph .salegraph_contents .rzo_salegraph_canvas {position:relative; width:100%;} .salegraph .salegraph_contents .rzo_salegraph_svg {display:block; width:100%; height:360px; overflow:visible;} .salegraph .salegraph_contents .rzo_salegraph_grid_v, .salegraph .salegraph_contents .rzo_salegraph_grid_h {fill:none; stroke:rgba(0,0,0,.12); stroke-width:1; vector-effect:non-scaling-stroke; shape-rendering:crispEdges;} .salegraph .salegraph_contents .rzo_salegraph_average {fill:none; stroke:#ed2390; stroke-width:1; stroke-dasharray:3 3; vector-effect:non-scaling-stroke; shape-rendering:crispEdges;} .salegraph .salegraph_contents .rzo_salegraph_line {fill:none; stroke:#ed2390; stroke-width:1; stroke-linejoin:round; stroke-linecap:round; vector-effect:non-scaling-stroke;} .salegraph .salegraph_contents .rzo_salegraph_point {fill:#ed2390; stroke:none;} .salegraph .salegraph_contents .rzo_salegraph_bottom_line {fill:none; stroke:#000; stroke-width:1; vector-effect:non-scaling-stroke; shape-rendering:crispEdges;} .salegraph .salegraph_contents .rzo_salegraph_dates {position:absolute; left:30px; right:30px; bottom:0; height:40px; pointer-events:none;} .salegraph .salegraph_contents .rzo_salegraph_date {position:absolute; top:0; font-family:'Paperlogy'; font-weight:300; font-size:17px; line-height:25px; color:#222; transform:translateX(-50%); white-space:nowrap;} .salegraph .salegraph_contents .rzo_salegraph_labels {position:absolute; top:0; left:30px; right:30px; height:100%; pointer-events:none;} .salegraph .salegraph_contents .rzo_salegraph_label {position:absolute; font-family:'Paperlogy'; font-weight:300; font-size:20px; line-height:28px; color:#111; transform:translate(-50%,calc(-100% - 15px)); white-space:nowrap;} .salegraph .salegraph_contents .rzo_salegraph_label strong {font-weight:500; color:#ed2390;} .salegraph .salegraph_contents .rzo_salegraph_average_label {position:absolute; left:0; font-family:'Paperlogy'; font-weight:300; font-size:20px; line-height:28px; color:#111; transform:translateY(calc(-100% - 5px)); white-space:nowrap;} .salegraph .salegraph_contents .rzo_salegraph_average_label strong {font-weight:500; color:#ed2390;} @media (max-width:750px){ .salegraph {padding:10px;} .salegraph .salegraph_box {padding:100px 10px;} .salegraph .salegraph_bird {top:-170px; left:-50px;} .salegraph .salegraph_bird img {width:200px;} .salegraph .salegraph_title ul:nth-child(2) {margin:200px auto 30px;} .salegraph .salegraph_title ul:nth-child(1) li:nth-child(1) {margin-left:-195px; margin-bottom:20px; padding:10px 20px; font-size:14px; line-height:17px; white-space:nowrap;} .salegraph .salegraph_title ul:nth-child(1) li:nth-child(1)::after {border-top:20px solid #000; border-left:10px solid transparent;} .salegraph .salegraph_title ul:nth-child(1) li:nth-child(2) {font-size:30px; line-height:40px; padding:0 0;} .salegraph .salegraph_title ul:nth-child(1) li:nth-child(3) {font-size:18px; line-height:20px; margin-top:10px;} .salegraph .salegraph_title ul:nth-child(2) li:nth-child(1) {font-size:20px; line-height:40px;} .salegraph .salegraph_title ul:nth-child(2) li:nth-child(2) {font-size:20px;} .salegraph .salegraph_title ul:nth-child(2) li:nth-child(2) strong {font-size:50px; line-height:50px;} .salegraph .salegraph_title ul:nth-child(2) li:nth-child(3) {font-size:14px; line-height:20px;} .salegraph .salegraph_icon {top:250px;} .salegraph .salegraph_icon ul:nth-child(2) {margin-right:0;} .salegraph .salegraph_icon ul:nth-child(even) {margin-top:-30px;} .salegraph .salegraph_icon li:nth-child(1) {padding:10px;} .salegraph .salegraph_icon li:nth-child(1) img {width:25px;} .salegraph .salegraph_icon li:nth-child(2) {font-size:15px; line-height:20px; margin:5px auto 0;} .salegraph .salegraph_icon li:nth-child(3) {font-size:14px; line-height:20px;} .salegraph .salegraph_contents {margin-top:30px;} .salegraph .salegraph_contents .rzo_salegraph_svg {height:260px;} .salegraph .salegraph_contents .rzo_salegraph_dates {left:15px; right:15px; height:35px;} .salegraph .salegraph_contents .rzo_salegraph_date {font-size:13px; line-height:20px;} .salegraph .salegraph_contents .rzo_salegraph_labels {left:15px; right:15px;} .salegraph .salegraph_contents .rzo_salegraph_label {font-size:13px; line-height:18px; transform:translate(-50%,calc(-100% - 10px));} .salegraph .salegraph_contents .rzo_salegraph_average_label {left:auto; right:0; font-size:13px; line-height:18px; transform:translateY(calc(-100% - 4px));} } /* 매출균형 */ .balance {padding:200px 100px;} .balance .balance_title {width:100%;} .balance .balance_title ul {position:relative; display:flex; justify-content:space-between; align-items:flex-end; width:100%;} .balance .balance_title li:nth-child(1) {position:absolute; bottom:40px; right:0;} .balance .balance_title li:nth-child(2) {font-family:'SolmoeKimDaegeon'; font-weight:300; font-size:80px; line-height:90px;} .balance .balance_title li:nth-child(2) strong {font-family:'SolmoeKimDaegeon500'; font-weight:bold; color:#ed2390;} .balance .balance_title li:nth-child(3) {font-family:'Paperlogy'; font-weight:300; font-size:30px; line-height:40px; color:#000;} .balance .balance_title li:nth-child(3) strong {font-weight:700;} .balance .balance_contents {display:flex; justify-content:center; align-items:stretch; gap:10px; width:100%; height:800px; margin-top:100px;} .balance .balance_contents .balance_item {position:relative; flex:1; overflow:hidden; padding:30px;} .balance .balance_contents .balance_item:nth-child(1) {background:#fdf3f5; border:1px solid #ed2390;} .balance .balance_contents .balance_item:nth-child(2) {background:#fef8f2; border:1px solid #eb4a02;} .balance .balance_contents .balance_item:nth-child(3) {background:#fefbf2; border:1px solid #c27e02;} .balance .balance_contents .balance_item .balance_item_text {position:relative; display:flex; flex-direction:column; gap:30px; width:100%; height:100%; text-align:left; z-index:3;} .balance .balance_contents .balance_item .balance_item_text ul {} .balance .balance_contents .balance_item .balance_item_text ul:nth-child(1) {display:flex; align-items:center;} .balance .balance_contents .balance_item .balance_item_text li {font-family:'Paperlogy'; font-weight:300; color:#000;} .balance .balance_contents .balance_item .balance_item_text ul:nth-child(1) li:nth-child(2) {font-weight:900; font-size:35px; line-height:40px;} .balance .balance_contents .balance_item .balance_item_text ul:nth-child(2) li:nth-child(1) {font-size:24px; line-height:30px;} .balance .balance_contents .balance_item .balance_item_text ul:nth-child(2) li:nth-child(2) {font-size:24px; line-height:80px; margin-top:30px;} .balance .balance_contents .balance_item:nth-child(1) .balance_item_text ul:nth-child(2) li:nth-child(2) {color:#ed2390;} .balance .balance_contents .balance_item:nth-child(2) .balance_item_text ul:nth-child(2) li:nth-child(2) {color:#eb4a02;} .balance .balance_contents .balance_item:nth-child(3) .balance_item_text ul:nth-child(2) li:nth-child(2) {color:#c27e02;} .balance .balance_contents .balance_item .balance_item_text ul:nth-child(2) li:nth-child(2) strong {font-weight:900; font-size:80px;} .balance .balance_contents .balance_item .balance_item_text ul:nth-child(2) li:nth-child(3) {position:absolute; bottom:0; right:0; font-family:'SolmoeKimDaegeon'; font-weight:300; font-size:35px; line-height:40px; color:#fff;} .balance .balance_contents .balance_item .balance_item_graph {position:absolute; top:30px; right:30px; width:60px; height:500px; z-index:2;} .balance .balance_contents .balance_item:nth-child(1) .balance_item_graph {background:rgba(252,216,233,.5); border:1px solid #ed2390;} .balance .balance_contents .balance_item:nth-child(2) .balance_item_graph {background:rgba(254,226,211,.5); border:1px solid #eb4a02;} .balance .balance_contents .balance_item:nth-child(3) .balance_item_graph {background:rgba(253,243,211,.5); border:1px solid #c27e02;} .balance .balance_contents .balance_item .balance_item_graph .balance_item_graph_number {position:absolute; top:-25px; right:100%; margin-right:10px; font-family:'Paperlogy';text-align:right; font-weight:300; font-size:15px; line-height:50px; color:#bbbbbb;} .balance .balance_contents .balance_item .balance_item_graph .balance_item_graph_inner {position:absolute; bottom:0; left:0; width:100%; overflow:hidden;} .balance .balance_contents .balance_item:nth-child(1) .balance_item_graph .balance_item_graph_inner {height:34.44%; background:#ed2390;} .balance .balance_contents .balance_item:nth-child(2) .balance_item_graph .balance_item_graph_inner {height:44.07%; background:#eb4a02;} .balance .balance_contents .balance_item:nth-child(3) .balance_item_graph .balance_item_graph_inner {height:20.8%; background:#c27e02;} .balance .balance_contents .balance_item .balance_item_graph .balance_item_graph_inner::after {position:absolute; top:0; left:0; width:100%; height:100%; content:''; background-size:cover;} .balance .balance_contents .balance_item:nth-child(1) .balance_item_graph .balance_item_graph_inner::after {background:url('../images/balance_img1.jpg') no-repeat center; opacity:.4;} .balance .balance_contents .balance_item:nth-child(2) .balance_item_graph .balance_item_graph_inner::after {background:url('../images/balance_img2.jpg') no-repeat center; opacity:.4;} .balance .balance_contents .balance_item:nth-child(3) .balance_item_graph .balance_item_graph_inner::after {background:url('../images/balance_img3.jpg') no-repeat center; opacity:.4;} .balance .balance_contents .balance_item .movie {position:absolute; bottom:0; left:0; width:100%; height:60%; overflow:hidden; z-index:1; pointer-events:none; mask-image:linear-gradient(to top, #000 50%, transparent 100%);} .balance .balance_contents .balance_item .movie iframe {position:absolute; top:50%; left:50%; width:2500px; height:800px; transform:translate(-50%,-50%); z-index:1;} @media (max-width:750px){ .balance {padding:100px 10px;} .balance .balance_title ul {flex-direction:column; justify-content:center; align-items:center;} .balance .balance_title li:nth-child(1) {bottom:30px; right:auto; left:260px;} .balance .balance_title li:nth-child(1) img {width:150px;} .balance .balance_title li:nth-child(2) {width:100%; font-size:30px; line-height:40px;} .balance .balance_title li:nth-child(3) {width:100%; font-size:18px; line-height:20px; margin-top:10px;} .balance .balance_contents {flex-direction:column; gap:5px; height:auto; margin-top:50px;} .balance .balance_contents .balance_item {flex:none; width:100%; height:400px; padding:10px;} .balance .balance_contents .balance_item .balance_item_text {gap:10px;} .balance .balance_contents .balance_item .balance_item_text ul:nth-child(1) li:nth-child(1) img {width:60px;} .balance .balance_contents .balance_item .balance_item_text ul:nth-child(1) li:nth-child(2) {font-size:30px; line-height:30px;} .balance .balance_contents .balance_item .balance_item_text ul:nth-child(2) li:nth-child(1) {font-size:17px; line-height:20px;} .balance .balance_contents .balance_item .balance_item_text ul:nth-child(2) li:nth-child(2) {font-size:15px; line-height:40px; margin-top:10px;} .balance .balance_contents .balance_item .balance_item_text ul:nth-child(2) li:nth-child(2) strong {font-size:40px;} .balance .balance_contents .balance_item .balance_item_text ul:nth-child(2) li:nth-child(3) {font-size:25px; line-height:30px;} .balance .balance_contents .balance_item .balance_item_graph {top:10px; right:10px; width:30px; height:300px;} .balance .balance_contents .balance_item .balance_item_graph .balance_item_graph_number {top:-10px; font-size:12px; line-height:20px;} .balance .balance_contents .balance_item .movie {height:100%; pointer-events:none; mask-image:linear-gradient(to top, #000 50%, transparent 90%);} .balance .balance_contents .balance_item .movie iframe {height:700px;} } /* 마진율 */ .margin {background:url('../images/margin_bg.jpg') no-repeat center; background-size:cover; overflow:hidden;} .margin .margin_food {position:absolute; top:0; right:50%; margin-right:100px; z-index:1;} .margin .margin_title {position:relative; width:100%; text-align:center; z-index:2;} .margin .margin_title ul {display:table; font-size:0; margin:0 auto;} .margin .margin_title li {color:#fff;} .margin .margin_title li:nth-child(1), .margin .margin_title li:nth-child(2) {display:inline-block; vertical-align:top; font-family:'SolmoeKimDaegeon'; font-weight:300;} .margin .margin_title li:nth-child(1) {font-size:80px; line-height:90px; text-align:right;} .margin .margin_title li:nth-child(1) strong {font-family:'SolmoeKimDaegeon500'; font-weight:bold; color:#ed2390;} .margin .margin_title li:nth-child(2) {font-family:'SolmoeKimDaegeon500'; font-weight:bold; font-size:158px; line-height:180px; color:#ed2390;} .margin .margin_title li:nth-child(3) {font-family:'Paperlogy'; text-align:center; font-weight:500; font-size:40px; line-height:50px;} .margin .margin_contents {position:relative; display:flex; justify-content:center; align-items:stretch; gap:50px; width:100%; max-width:1200px; text-align:center; z-index:2; margin:100px auto;} .margin .margin_contents .margin_item {position:relative; flex:1; display:flex; flex-direction:column; justify-content:center; background:rgba(0,0,0,.5); border:2px solid #443b33; padding:50px;} .margin .margin_contents .margin_item_l {border-color:#ed2390;} .margin .margin_contents .margin_item > img {position:absolute; bottom:100%; right:100%; margin:0 -100px -150px 0;} .margin .margin_contents .margin_item li {font-family:'Paperlogy'; text-align:center; font-weight:300; color:#fff;} .margin .margin_contents .margin_item ul.margin_item1 li:nth-child(1) {font-size:30px; line-height:40px;} .margin .margin_contents .margin_item ul.margin_item1 li:nth-child(1) img {width:250px;} .margin .margin_contents .margin_item ul.margin_item1 li:nth-child(1) strong {font-weight:300; font-size:50px;} .margin .margin_contents .margin_item ul.margin_item1 li:nth-child(2) {font-size:30px; line-height:100px; margin:30px 0 0;} .margin .margin_contents .margin_item.margin_item_l ul.margin_item1 li:nth-child(2) {color:#ed2390;} .margin .margin_contents .margin_item ul.margin_item1 li:nth-child(2) strong {font-weight:900; font-size:100px;} .margin .margin_contents .margin_item ul.margin_item1 li:nth-child(3) {font-size:20px; line-height:40px;} .margin .margin_contents .margin_item ul.margin_item2 {text-align:left; width:350px; margin:30px auto 0;} .margin .margin_contents .margin_item ul.margin_item2 li {display:inline-block; vertical-align:top; text-align:left;} .margin .margin_contents .margin_item ul.margin_item2 li:nth-child(1) {filter:brightness(100000%); margin-right:10px;} .margin .margin_contents .margin_item ul.margin_item2 li:nth-child(2) {font-size:25px; line-height:40px;} .margin .margin_contents .margin_item ul.margin_item2 li:nth-child(2) strong {font-weight:900; font-size:40px;} .margin .margin_contents .margin_vs {flex:.5; display:flex; flex-direction:column; justify-content:center;} .margin .margin_contents .margin_vs ul {font-size:0;} .margin .margin_contents .margin_vs li {display:inline-block; vertical-align:top; font-family:'Paperlogy'; text-align:center; font-weight:900; font-size:115px; line-height:120px; color:#ed2390;} .margin .margin_contents .margin_vs li:nth-child(2) {margin:35px 0 0 -20px;} .margin .margin_comment {position:relative; width:100%; font-family:'Paperlogy'; text-align:center; font-weight:300; font-size:30px; line-height:40px; color:#fff; z-index:2;} .margin .margin_comment strong {font-weight:500; background:#ed2390;} @media (max-width:750px){ .margin .margin_food {right:auto; margin-right:0; left:-200px; opacity:.3;} .margin .margin_food img {width:650px;} .margin .margin_title li:nth-child(1) {font-size:25px; line-height:30px;} .margin .margin_title li:nth-child(2) {font-size:50px; line-height:60px;} .margin .margin_title li:nth-child(3) {font-size:18px; line-height:20px; margin-top:10px;} .margin .margin_contents {gap:5px; max-width:500px; margin:50px auto; padding:0 20px;} .margin .margin_contents .margin_item {padding:10px;} .margin .margin_contents .margin_item > img {width:100px; margin:0 -40px -50px 0;} .margin .margin_contents .margin_item ul.margin_item1 li:nth-child(1) {font-size:15px; line-height:20px;} .margin .margin_contents .margin_item ul.margin_item1 li:nth-child(1) img {width:120px;} .margin .margin_contents .margin_item ul.margin_item1 li:nth-child(1) strong {font-size:20px;} .margin .margin_contents .margin_item ul.margin_item1 li:nth-child(2) {font-size:15px; line-height:30px; margin:10px 0 0;} .margin .margin_contents .margin_item ul.margin_item1 li:nth-child(2) strong {font-size:30px;} .margin .margin_contents .margin_item ul.margin_item1 li:nth-child(3) {font-size:13px; line-height:20px;} .margin .margin_contents .margin_item ul.margin_item2 {width:100%; margin:10px auto 0;} .margin .margin_contents .margin_item ul.margin_item2 li:nth-child(1) {margin-right:0; margin-top:5px;} .margin .margin_contents .margin_item ul.margin_item2 li:nth-child(1) img {width:30px;} .margin .margin_contents .margin_item ul.margin_item2 li:nth-child(2) {font-size:13px; line-height:15px; letter-spacing:-1px;} .margin .margin_contents .margin_item ul.margin_item2 li:nth-child(2) strong {font-size:15px;} .margin .margin_contents .margin_vs {flex:.3;} .margin .margin_contents .margin_vs li {font-size:30px; line-height:30px;} .margin .margin_contents .margin_vs li:nth-child(2) {margin:10px 0 0 -5px;} .margin .margin_comment {font-size:18px; line-height:25px;} } /* 브랜드 */ .brand {background:#f6f3eb url('../images/brand_bg.jpg') no-repeat center top; padding:200px 100px; overflow:hidden;} .brand .brand_title {} .brand .brand_title ul:nth-child(1) {display:flex; flex-direction:center; justify-content:center; gap:100px;} .brand .brand_title ul:nth-child(2) {margin:100px 0;} .brand .brand_title ul:nth-child(3) {display:flex; flex-direction:center; justify-content:center; gap:200px;} .brand .brand_title li {font-family:'Paperlogy'; text-align:center; font-weight:300; color:#000;} .brand .brand_title ul:nth-child(1) li {font-size:40px; line-height:50px;} .brand .brand_title ul:nth-child(2) li {font-weight:500; font-size:50px; line-height:60px;} .brand .brand_title ul:nth-child(2) li strong {font-weight:900; color:#ed2390;} .brand .brand_title ul:nth-child(3) li {font-size:25px; line-height:30px;} .brand .brand_contents {position:relative; width:100%; background:url('../images/brand_fixbg.jpg') no-repeat fixed center; overflow:hidden; padding:200px 0; margin:100px 0 0; z-index:1;} .brand .brand_contents::after {position:absolute; top:0; left:0; width:100%; height:80%; content:''; background:linear-gradient(to bottom, rgba(0,0,0,1), rgba(0,0,0,.0)); z-index:1;} @supports (-webkit-touch-callout: none) { .brand .brand_contents {background-attachment:scroll;} } .brand .brand_contents .brand_contents_text {position:relative; font-family:'Paperlogy'; text-align:center; font-weight:300; font-size:30px; line-height:45px; color:#fff; z-index:2; margin-bottom:200px;} .brand .brand_contents .brand_contents_text strong {font-weight:500; background:#fff; padding:1px 2px; color:#000;} .brand .brand_movie {position:relative; width:100%; z-index:2;} .brand .brand_movie .movie {position:relative; width:100%; max-width:1000px; margin:-200px auto 0; z-index:1; pointer-events:none;} .brand .brand_movie .brand_movie_text {position:absolute; font-family:'Paperlogy'; text-align:left; font-weight:900; font-size:40px; line-height:50px; color:#000; opacity:.1; z-index:2;} .brand .brand_movie .brand_movie_text.brand_movie_text1 {bottom:150px; left:0;} .brand .brand_movie .brand_movie_text.brand_movie_text2 {bottom:0; right:0; text-align:right;} @media (max-width:750px){ .brand {background-size:100%; padding:100px 10px;} .brand .brand_title ul:nth-child(1) {gap:20px;} .brand .brand_title ul:nth-child(2) {margin:50px 0;} .brand .brand_title ul:nth-child(3) {gap:20px;} .brand .brand_title ul:nth-child(1) li {font-size:17px; line-height:30px;} .brand .brand_title ul:nth-child(1) li img {height:70px;} .brand .brand_title ul:nth-child(2) li {font-size:20px; line-height:30px;} .brand .brand_title ul:nth-child(3) li {font-size:15px; line-height:17px;} .brand .brand_title ul:nth-child(3) li img {width:50px;} .brand .brand_contents {padding:100px 0; margin:50px 0 0;} .brand .brand_contents .brand_contents_text {font-size:15px; line-height:25px; margin-bottom:100px; padding:0 20px;} .brand .brand_contents .brand_contents_text br {display:none;} .brand .brand_movie .movie {margin:-20% auto 0; padding:0 20px;} .brand .brand_movie .brand_movie_text {display:none;} } /* SNS - 인스타그램 · 블로그 */ .sns {background:#f6f3eb;} .sns .sns_title {width:100%; text-align:center; padding-top:100px;} .sns .sns_title ul {position:relative; width:100%;} .sns .sns_title li {font-family:'Paperlogy'; font-weight:300; color:#000;} .sns .sns_title li:nth-child(1) {position:absolute; bottom:100%; margin-bottom:250px; left:50%; width:2000px; margin-left:-1000px; font-weight:900; font-size:100px; line-height:110px; color:transparent; -webkit-text-stroke:2px #000; z-index:2; opacity:.1;} .sns .sns_title li:nth-child(2) {position:absolute; bottom:100%; left:50%; width:2000px; margin-left:-1000px; z-index:2;} .sns .sns_title li:nth-child(3) {font-family:'SolmoeKimDaegeon'; font-weight:300; font-size:80px; line-height:90px; margin:0 0 50px; padding-top:50px;} .sns .sns_title li:nth-child(3) strong {font-weight:500; color:#ed2390;} .sns .sns_title li:nth-child(4) {font-size:30px; line-height:40px;} .sns .sns_insta {width:100%; margin-top:100px;} .sns .sns_blog {width:100%; margin-top:20px;} .sns_marquee,.blog_marquee {position:relative; width:100%; overflow:hidden;} .sns_marquee_track,.blog_marquee_track {display:flex; width:max-content; will-change:transform;} .sns_marquee_group,.blog_marquee_group {display:flex; flex-shrink:0;} .sns_marquee[data-direction="left"] .sns_marquee_track {animation:marqueeLeft var(--marquee-speed) linear infinite;} .blog_marquee[data-direction="right"] .blog_marquee_track {animation:marqueeRight var(--marquee-speed) linear infinite;} /*.sns_marquee:hover .sns_marquee_track,.blog_marquee:hover .blog_marquee_track {animation-play-state:paused;}*/ .sns_card {position:relative; flex:0 0 270px; width:270px; margin-right:20px;} .sns_card a {display:block; position:relative; width:100%; height:100%; color:#fff;} .sns_card_img {width:100%; background:rgba(255,255,255,.1); overflow:hidden; z-index:1;} .sns_card_img img {display:block; width:100%; height:100%; object-fit:cover; transition:transform .4s ease;} .sns_card_img.no_img {background:rgba(0,0,0,.15) url('../images/logo.png') no-repeat center; background-size:70px;} .sns_card_contents {display:flex; flex-direction:column; justify-content:space-between; width:100%; margin-bottom:20px; z-index:3;} .sns_card_type {display:flex; align-items:center; gap:7px; font-family:'Paperlogy'; font-weight:300; font-size:20px; line-height:25px; color:#000;} .sns_card_type i {font-size:25px; color:#000; background:radial-gradient(circle farthest-corner at 35% 90%, #fec564, transparent 50%), radial-gradient(circle farthest-corner at 0 140%, #fec564, transparent 50%), radial-gradient(ellipse farthest-corner at 0 -25%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 20% -50%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 0, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 60% -20%, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 100%, #d9317a, transparent), linear-gradient(#6559ca, #bc318f 30%, #e33f5f 50%, #f77638 70%, #fec66d 100%); -webkit-text-fill-color:transparent; -webkit-background-clip:text;} .sns_card_text strong {display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; height:50px; overflow:hidden; font-family:'Paperlogy'; font-weight:300; font-size:17px; line-height:25px; color:#000; margin:10px 0;} .sns_card_text span {display:block; font-family:'Paperlogy'; font-weight:300; font-size:17px; line-height:22px; color:rgba(0,0,0,.75);} .sns_card:hover .sns_card_img img {transform:scale(1.06);} .blog_card {position:relative; flex:0 0 270px; width:270px; margin-right:20px;} .blog_card a {display:block; width:100%; height:100%; color:#333;} .blog_card_img {position:relative; width:100%; background:#eee; overflow:hidden;} .blog_card_img img {display:block; width:100%; height:100%; object-fit:cover; transition:transform .4s ease;} .blog_card_img.no_img {background:#f5f5f5 url('../images/logo_icon.png') no-repeat center; background-size:55px;} .blog_card_type { display:flex; align-items:center; gap:5px; font-family:'Paperlogy'; font-size:17px; color:#000; margin:10px 0;} .blog_card_type i {display:inline-flex; justify-content:center; align-items:center; font-size:25px; color:#03c75a;} .blog_card_text {} .blog_card_text strong {display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden; font-family:'Paperlogy'; font-weight:300; font-size:17px; line-height:23px; color:#000; margin-bottom:10px;} .blog_card_text span {display:block; font-family:'Paperlogy'; font-weight:300; font-size:17px; line-height:22px; color:rgba(0,0,0,.75);} .blog_card:hover .blog_card_img img {transform:scale(1.06);} .sns_empty {display:flex; justify-content:center; align-items:center; width:600px; height:300px; font-family:'Paperlogy'; font-size:18px; color:rgba(255,255,255,.75); border:1px dashed rgba(255,255,255,.4); margin-left:50px;} .blog_empty {height:180px;} /* SNS - 언론보도 · 유튜브 */ .sns .sns_press,.sns .sns_youtube {width:100%;} .rzo_media_block {width:100%;} .rzo_media_block [hidden] {display:none!important;} .rzo_media_head {margin-bottom:28px;} .rzo_media_head ul {display:flex; align-items:flex-end; gap:12px;} .rzo_media_head li {font-family:'Paperlogy'; color:#fff;} .rzo_media_head li:nth-child(1) {font-weight:300; font-size:16px; line-height:22px; letter-spacing:2px; opacity:.65;} .rzo_media_head li:nth-child(2) {font-weight:700; font-size:34px; line-height:42px;} .rzo_media_inner {width:100%;} .rzo_media_grid { --cols:2; display:flex; flex-wrap:wrap; justify-content:center; gap:24px; margin-top:100px;} .rzo_media_pc_cols_1 .rzo_media_grid {--cols:1;} .rzo_media_pc_cols_2 .rzo_media_grid {--cols:2;} .rzo_media_pc_cols_3 .rzo_media_grid {--cols:3;} .rzo_media_pc_cols_4 .rzo_media_grid {--cols:4;} .rzo_media_pc_cols_5 .rzo_media_grid {--cols:5;} .rzo_media_pc_cols_6 .rzo_media_grid {--cols:6;} .rzo_media_grid > .rzo_press_card, .rzo_media_grid > .rzo_video_card { flex:0 0 calc((100% - (var(--cols) - 1) * 24px) / var(--cols)); min-width:0; } .rzo_press_card,.rzo_video_card {min-width:0;} .rzo_press_card a {display:flex; width:100%; height:100%; min-height:145px;} .rzo_press_img {flex:0 0 36%; width:36%; min-width:95px; background:#f3f3f3; overflow:hidden;} .rzo_press_img img {display:block; width:100%; height:100%; object-fit:cover; transition:transform .35s ease;} .rzo_press_img.no_img {background:#f5f5f5 url('../images/logo_icon.png') no-repeat center; background-size:45px;} .rzo_press_text {flex:1; min-width:0; padding:18px;} .rzo_press_text strong {display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; font-family:'Paperlogy'; font-weight:600; font-size:18px; line-height:25px; color:#222;} .rzo_press_text p {display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; font-family:'Paperlogy'; font-weight:300; font-size:15px; line-height:21px; color:#777; margin-top:8px; white-space:normal;} .rzo_press_text span {display:block; overflow:hidden; font-family:'Paperlogy'; font-weight:300; font-size:14px; line-height:20px; color:#aaa; margin-top:9px; white-space:nowrap; text-overflow:ellipsis;} .rzo_press_card:hover .rzo_press_img img {transform:scale(1.05);} .rzo_video_frame {position:relative; width:100%; aspect-ratio:16/9; background:#111; overflow:hidden;} .rzo_video_frame.shorts {aspect-ratio:9/16; max-height:620px;} .rzo_video_frame iframe {position:absolute; top:0; left:0; width:100%; height:100%;} .rzo_video_text {min-height:86px; padding:15px 0;} .rzo_video_text strong {display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; font-family:'Paperlogy'; font-weight:500; font-size:17px; line-height:23px; color:#222;} .rzo_video_text span {display:block; overflow:hidden; font-family:'Paperlogy'; font-weight:300; font-size:14px; line-height:20px; color:#999; margin-top:7px; white-space:nowrap; text-overflow:ellipsis;} .rzo_media_controls {width:100%; text-align:center; margin-top:28px;} .rzo_media_pagination {display:flex; justify-content:center; align-items:center; gap:6px;} .rzo_media_pagination button {min-width:34px; height:34px; font-family:'Paperlogy'; font-size:15px; color:#fff; background:transparent; border:1px solid rgba(255,255,255,.45); border-radius:4px; cursor:pointer;} .rzo_media_pagination button.on {font-weight:700; color:#c74639; background:#fff; border-color:#fff;} .rzo_media_more {display:none; min-width:150px; height:46px; font-family:'Paperlogy'; font-weight:500; font-size:16px; color:#222; background:#fff; border-radius:23px; cursor:pointer;} .rzo_media_empty {display:flex; justify-content:center; align-items:center; width:100%; min-height:160px; font-family:'Paperlogy'; font-size:17px; color:rgba(255,255,255,.75); border:1px dashed rgba(255,255,255,.4); display:none;} @media (max-width:750px){ /* SNS */ .sns {padding:100px 0;} .sns .sns_title {padding:50px 10px 0;} .sns .sns_title li:nth-child(1) {margin-bottom:120px; font-size:50px; line-height:50px;} .sns .sns_title li:nth-child(2) img {width:750px;} .sns .sns_title li:nth-child(3) {font-size:30px; line-height:40px; margin:0 0 10px; padding-top:0;} .sns .sns_title li:nth-child(4) {font-size:18px; line-height:20px;} .sns .sns_insta {margin-top:50px;} .sns .sns_blog {margin-top:10px;} .sns_card {flex:0 0 150px; width:150px; margin-right:10px;} .sns_card_contents {margin-bottom:10px;} .sns_card_type {gap:0; font-size:15px; line-height:20px;} .sns_card_type i {font-size:20px;} .sns_card_text strong {height:30px; font-size:14px; line-height:15px; margin:5px 0;} .sns_card_text span {font-size:13px; line-height:15px;} .blog_card {flex:0 0 150px; width:150px; margin-right:10px;} .blog_card_type {gap:0; font-size:14px; margin:5px 0;} .blog_card_type i { font-size:20px;} .blog_card_text strong {font-size:14px; line-height:15px; margin-bottom:5px;} .blog_card_text span {font-size:13px; line-height:15px;} .sns .sns_press,.sns .sns_youtube {margin-top:55px;} .rzo_media_head {padding:0 15px; margin-bottom:18px;} .rzo_media_head li:nth-child(1) {font-size:13px; line-height:18px;} .rzo_media_head li:nth-child(2) {font-size:26px; line-height:34px;} .rzo_media_inner {padding:0 15px;} .rzo_media_grid {--cols:1; display:flex; flex-wrap:wrap; justify-content:center; gap:12px;} .rzo_media_mobile_cols_1 .rzo_media_grid {--cols:1;} .rzo_media_mobile_cols_2 .rzo_media_grid {--cols:2;} .rzo_media_grid > .rzo_press_card, .rzo_media_grid > .rzo_video_card {flex:0 0 calc((100% - (var(--cols) - 1) * 12px) / var(--cols)); min-width:0;} .rzo_press_card a {display:block; min-height:0;} .rzo_press_img {width:100%; height:120px; min-width:0;} .rzo_press_text {padding:10px 0;} .rzo_press_text strong {font-size:15px; line-height:20px;} .rzo_press_text p {font-size:13px; line-height:18px; margin-top:6px;} .rzo_press_text span {font-size:12px; line-height:18px; margin-top:7px;} .rzo_video_text {min-height:72px; padding:10px 0 12px;} .rzo_video_text strong {font-size:14px; line-height:19px;} .rzo_video_text span {font-size:12px; line-height:17px; margin-top:5px;} .rzo_media_controls {margin-top:20px;} .rzo_media_pagination {gap:4px;} .rzo_media_pagination button {min-width:30px; height:30px; font-size:13px;} .rzo_media_more {min-width:130px; height:40px; font-size:14px;} .rzo_media_empty {min-height:120px; font-size:14px;} } /* 인테리어 */ .interior {background:#f6f3eb; padding:100px;} .interior .interior_box {position:relative; background:#201c18 url('../images/interior_bg.jpg') no-repeat center top; padding:200px 100px;} .interior .interior_box .interior_flower {position:absolute; top:-80px; right:-50px; z-index:1;} .interior .interior_box .interior_title {width:100%; text-align:center;} .interior .interior_box .interior_title ul {width:100%;} .interior .interior_box .interior_title li {color:#fff;} .interior .interior_box .interior_title li:nth-child(1) {font-family:'SolmoeKimDaegeon'; font-weight:300; font-size:80px; line-height:90px;} .interior .interior_box .interior_title li:nth-child(1) b {font-family:'SolmoeKimDaegeon500'; font-weight:bold;} .interior .interior_box .interior_title li:nth-child(1) strong {color:#ed2390;} .interior .interior_box .interior_title li:nth-child(2) {font-family:'Paperlogy'; font-weight:300; font-size:30px; line-height:40px; margin-top:30px;} .interior .interior_box .interior_comment {width:100%; font-family:'Paperlogy'; text-align:center; font-weight:300; font-size:30px; line-height:40px; color:#fff;} .interior .interior_box .interior_contents {width:100%; max-width:1300px; margin:100px auto 50px;} .interior .interior_box .interior_icon {display:table; margin:50px auto 0;} .interior .interior_box .interior_icon ul {display:flex; justify-content:center; align-items:center;} .interior .interior_box .interior_icon li {position:relative; flex:1; font-family:'Paperlogy'; text-align:center; font-weight:300; font-size:25px; line-height:40px; color:#fff; padding:0 100px;} .interior .interior_box .interior_icon li strong {font-weight:500; color:#fcecd5;} @media (max-width:750px){ .interior {padding:10px;} .interior .interior_box {padding:100px 10px;} .interior .interior_box .interior_flower {top:-20px; right:-10px;} .interior .interior_box .interior_flower img {width:150px;} .interior .interior_box .interior_title li:nth-child(1) {font-size:30px; line-height:40px;} .interior .interior_box .interior_title li:nth-child(2) {font-size:15px; line-height:20px; margin-top:10px;} .interior .interior_box .interior_comment {font-size:15px; line-height:20px;} .interior .interior_box .interior_contents {margin:50px auto 50px;} .interior .interior_box .interior_icon {margin:30px auto 0;} .interior .interior_box .interior_icon li {font-size:15px; line-height:20px; padding:0 10px;} .interior .interior_box .interior_icon li img {width:50px;} } /* 모두가 즐기는 */ .together {background:#000; padding:400px 0;} .together .together_title {position:relative; width:100%; text-align:center; z-index:2;} .together .together_title ul {} .together .together_title li {color:#fff;} .together .together_title li:nth-child(1) {font-family:'SolmoeKimDaegeon500'; font-weight:bold; font-size:100px; line-height:110px;} .together .together_title li:nth-child(2) {font-family:'Paperlogy'; font-weight:300; font-size:40px; line-height:50px; margin-top:50px;} .together .together_movie {position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden; pointer-events:none; z-index:1; opacity:.3;} .together .together_movie ul {display:flex; justify-content:center; align-items:center; width:100%; height:100%; overflow:hidden;} .together .together_movie li {position:relative; flex:1; height:100%; overflow:hidden;} .together .together_movie li iframe {position:absolute; top:50%; left:50%; width:2500px; height:100%; transform:translate(-50%,-50%); z-index:1;} @media (max-width:750px){ .together {padding:100px 10px;} .together .together_title li:nth-child(1) {font-size:30px; line-height:40px;} .together .together_title li:nth-child(2) {font-size:15px; line-height:20px; margin-top:10px;} } /* 쉬운조리 */ .easy {background:url('../images/sale_graph_bg.jpg') center top; padding:0;} .easy .easy_box {position:relative; width:100%; padding:100px 100px 0; z-index:2;} .easy .easy_box2 {position:relative; width:100%; background:#000 url('../images/easy_bg.jpg') no-repeat left center; padding:100px 100px 200px;} .easy .easy_title {position:relative; width:100%; text-align:right; z-index:2;} .easy .easy_title ul {} .easy .easy_title li {color:#fff; text-shadow:0 0 7px #000;} .easy .easy_title li:nth-child(1) {font-family:'SolmoeKimDaegeon'; font-weight:300; font-size:100px; line-height:110px;} .easy .easy_title li:nth-child(1) strong {font-family:'SolmoeKimDaegeon'; font-weight:500; color:#ed2390;} .easy .easy_title li:nth-child(2) {font-family:'Paperlogy'; font-weight:300; font-size:30px; line-height:40px; margin-top:30px;} .easy .easy_title li:nth-child(2) strong {font-weight:700;} .easy_contents {position:relative; display:flex; justify-content:flex-end; align-items:center; gap:70px; width:100%; padding:100px 0 0 0; box-sizing:border-box; z-index:2;} .easy_contents_title {flex:0 0 300px; font-family:'Paperlogy'; font-weight:500; font-size:35px; line-height:40px; color:#fff;} .easy_contents_item {position:relative; flex:0 0 500px;} .easy_contents_item ul {position:relative; display:flex; flex-direction:column; justify-content:center; min-height:155px; padding:0 145px 0 0; margin:0; list-style:none; text-align:right; box-sizing:border-box;} .easy_contents_item ul li:nth-child(1) {position:absolute; top:50%; right:0; width:115px; transform:translateY(-50%);} .easy_contents_item ul li:nth-child(1) img {display:block; width:100%; height:auto;} .easy_contents_item ul li:nth-child(2) {position:absolute; bottom:100%; margin-bottom:-70px; right:200px; font-family:'Paperlogy'; font-weight:700; font-size:70px; line-height:80px; color:rgba(255,255,255,.1);} .easy_contents_item ul li:nth-child(3) {position:relative; z-index:1; font-family:'Paperlogy'; font-weight:600; font-size:30px; line-height:40px; color:#fff;} .easy_contents_item ul li:nth-child(4) {position:relative; z-index:1; font-family:'Paperlogy'; font-weight:300; font-size:20px; line-height:25px; color:#ddd; margin-top:7px;} /* 좌측 연결 라인 */ .easy_contents_item::before {position:absolute; top:76px; bottom:76px; left:-16px; width:36px; border-top:1px solid rgba(255,255,255,.3); border-bottom:1px solid rgba(255,255,255,.3); border-left:1px solid rgba(255,255,255,.3); content:'';} .easy_contents_item::after {position:absolute; top:50%; left:-60px; width:80px; height:1px; background:rgba(255,255,255,.3); content:'';} @media (max-width:750px){ .easy {background-size:100%; padding:0;} .easy .easy_box {padding:10px 10px 0;} .easy .easy_box2 {background-position:left top; background-size:80%; padding:50px 10px 50px;} .easy .easy_box2::after {position:absolute; top:0; left:0; width:100%; height:100%; content:''; background:#000; opacity:.5; z-index:1;} .easy .easy_title li:nth-child(1) {font-size:30px; line-height:40px;} .easy .easy_title li:nth-child(2) {font-size:15px; line-height:20px; margin-top:10px;} .easy_contents {display:block; padding:50px 15px;} .easy_contents_title {text-align:right; font-size:20px; line-height:25px; margin-bottom:30px;} .easy_contents_item ul {min-height:130px; padding-right:80px;} .easy_contents_item ul li:nth-child(1) {width:70px;} .easy_contents_item ul li:nth-child(2) {margin-bottom:-50px; right:130px; font-size:30px; line-height:30px;} .easy_contents_item ul li:nth-child(3) {font-size:17px; line-height:20px;} .easy_contents_item ul li:nth-child(4) {font-size:14px; line-height:20px; margin-top:5px;} .easy_contents_item ul li:nth-child(4) br {display:none;} .easy_contents_item::before,.easy_contents_item::after {display:none;} } /* 메뉴소개 */ .menu {z-index:1;} .menu .menu_food1 {position:absolute; bottom:50px; left:50%; margin-left:-1200px; z-index:3;} .menu_food2 {position:absolute; top:100%; margin-top:-300px; right:0; z-index:3;} .menu .menu_food3 {position:absolute; top:200px; left:50%; margin-left:650px; z-index:3;} .menu .menu_food4 {position:absolute; bottom:-100px; left:50%; margin-left:400px; z-index:3;} .menu .movie {position:absolute; bottom:0; left:0; width:100%; height:1000px; overflow:hidden; z-index:1; pointer-events:none; mask-image:linear-gradient(to top, #000 90%, transparent 100%); opacity:.2;} .menu .movie iframe {position:absolute; top:50%; left:50%; width:2500px; height:2000px; transform:translate(-50%,-50%); z-index:1;} .menu .menu_title {position:relative; width:100%; text-align:center; z-index:4;} .menu .menu_title ul {font-size:0;} .menu .menu_title li {color:#000;} .menu .menu_title li:nth-child(-n+3) {display:inline-block; vertical-align:top; font-family:'SolmoeKimDaegeon'; font-weight:300;} .menu .menu_title li:nth-child(1) {font-family:'SolmoeKimDaegeon500'; font-weight:bold; font-size:140px; line-height:150px; color:#ed2390;} .menu .menu_title li:nth-child(2) {font-size:70px; line-height:80px;} .menu .menu_title li:nth-child(3) {font-size:120px; line-height:130px; margin:60px 0 0 -60px;} .menu .menu_title li:nth-child(4) {font-family:'Paperlogy'; font-weight:300; font-size:30px; line-height:40px; margin-top:30px;} .menu .menu_tab {position:relative; display:table; margin:100px auto 0; z-index:4;} .menu .menu_tab ul {display:flex; justify-content:center; align-items:center; gap:10px;} .menu .menu_tab li {flex:1; font-family:'Paperlogy'; font-weight:300; font-size:25px; line-height:40px; color:#000; border-bottom:1px solid rgba(0,0,0,.2); padding:10px 50px; cursor:pointer;} .menu .menu_tab li.active {font-weight:500; color:#fff; background:#ed2390; border:none;} .menu_group {width:100%; max-width:1800px; text-align:center; padding:100px; margin:0 auto;} .menu_group .menu_congroup {display:none; flex-wrap:wrap; justify-content:center; gap:30px 10px;} .menu_group .menu_congroup.active {display:flex;} .menu_group .menu_congroup .menu_item {flex:0 0 calc((100% - 40px) / 5); min-width:0;} .menu_group .menu_congroup .menu_item ul {width:100%;} .menu_group .menu_congroup .menu_item li {width:100%; font-family:'Paperlogy'; text-align:left; font-weight:300; color:#000;} .menu_group .menu_congroup .menu_item li:nth-child(1) {overflow:hidden; font-size:0;} .menu_group .menu_congroup .menu_item li:nth-child(1) img {width:100%; transition:all .3s ease;} .menu_group .menu_congroup .menu_item:hover li:nth-child(1) img {transform:scale(1.06);} .menu_group .menu_congroup .menu_item li:nth-child(2) {font-weight:400; font-size:25px; line-height:30px; margin:10px 0;} .menu_group .menu_congroup .menu_item li:nth-child(3) {font-size:18px; line-height:25px;} @media (max-width:750px){ .menu {padding:100px 0;} .menu .menu_food1 {bottom:-30px; left:50%; margin-left:-300px;} .menu .menu_food1 img {width:200px;} .menu_food2 {margin-top:-100px; right:-30px;} .menu_food2 img {width:150px;} .menu .menu_food3 {top:70px; margin-left:140px;} .menu .menu_food3 img {width:150px;} .menu .menu_food4 {bottom:-30px; margin-left:80px;} .menu .menu_food4 img {width:100px;} .menu .movie {height:600px;} .menu .movie iframe {height:700px;} .menu .menu_title li:nth-child(1) {font-size:40px; line-height:40px;} .menu .menu_title li:nth-child(2) {font-size:20px; line-height:20px;} .menu .menu_title li:nth-child(3) {font-size:40px; line-height:50px; margin:10px 0 0 -10px;} .menu .menu_title li:nth-child(4) {font-size:15px; line-height:20px; margin-top:10px;} .menu .menu_tab {margin:30px auto 0;} .menu .menu_tab ul {gap:5px;} .menu .menu_tab li {font-size:15px; line-height:20px; padding:5px 10px;} .menu_group {padding:50px 10px;} .menu_group .menu_congroup {gap:20px 10px;} .menu_group .menu_congroup .menu_item {flex:0 0 calc((100% - 20px) / 3);} .menu_group .menu_congroup .menu_item li:nth-child(2) {font-size:15px; line-height:20px; margin:5px 0;} .menu_group .menu_congroup .menu_item li:nth-child(3) {font-size:13px; line-height:15px;} } /* 수익분석 */ .analisys {position:relative; z-index:1; padding:100px;} .analisys .analisys_box {position:relative; width:100%; max-width:2000px; padding:100px 0; text-align:center; margin:0 auto; border:1px solid rgba(0,0,0,.08); box-sizing:border-box;} /* 우측 상단 음식 이미지 */ .analisys .analisys_food {position:absolute; top:40px; left:50%; margin-left:430px; z-index:3; pointer-events:none;} /* 상단 포인트 */ .analisys .analisys_point {width:100%; max-width:800px; margin:0 auto 100px; z-index:2;} .analisys .analisys_point ul {display:flex; justify-content:space-between; align-items:flex-start; width:100%; margin:0; padding:0; list-style:none;} .analisys .analisys_point li {font-family:'Paperlogy'; text-align:center; font-weight:300; font-size:20px; line-height:25px; color:#000;} /* 손익표 */ .analisys .analisys_bill {display:inline-block; vertical-align:top; width:500px; text-align:left;} .analisys .analisys_bill .analisys_contents {width:100%;} .analisys .analisys_bill .analisys_contents .analisys_bill_table {width:100%; border-top:1px solid rgba(0,0,0,.1); margin:5px 0;} .analisys .analisys_bill .analisys_contents .analisys_bill_table ul {display:flex; justify-content:center; align-items:center; gap:2px; width:100%; border-bottom:1px solid rgba(0,0,0,.1); padding:2px;} .analisys .analisys_bill .analisys_contents .analisys_bill_table ul:nth-child(1) {border:none;} .analisys .analisys_bill .analisys_contents .analisys_bill_table ul:nth-child(2) {background:#000; border:none; border-radius:10px;} .analisys .analisys_bill .analisys_contents .analisys_bill_table ul:nth-last-child(2) {border:none;} .analisys .analisys_bill .analisys_contents .analisys_bill_table ul:last-child {background:#ed2390; border:none; border-radius:10px;} .analisys .analisys_bill .analisys_contents .analisys_bill_table li {flex:1; text-align:right; font-family:'Paperlogy'; font-weight:300; font-size:17px; line-height:20px; color:#000; padding:10px 10px;} .analisys .analisys_bill .analisys_contents .analisys_bill_table li:first-child {text-align:center;} .analisys .analisys_bill .analisys_contents .analisys_bill_table ul:nth-child(2) li:nth-child(1) {color:#000;} .analisys .analisys_bill .analisys_contents .analisys_bill_table ul:nth-child(2) li:nth-child(2), .analisys .analisys_bill .analisys_contents .analisys_bill_table ul:nth-child(2) li:nth-child(3) {background:#fff; color:#000; border-radius:8px;} .analisys .analisys_bill .analisys_contents .analisys_bill_table ul:last-child li:nth-child(2), .analisys .analisys_bill .analisys_contents .analisys_bill_table ul:last-child li:nth-child(3) {background:#fff; color:#ed2390; border-radius:8px;} .analisys .analisys_bill .analisys_contents .analisys_bill_table ul:last-child li {color:#ed2390;} .analisys .analisys_bill .analisys_contents .analisys_bill_table ul:nth-child(2) li:first-child {color:#fff;} .analisys .analisys_bill .analisys_contents .analisys_bill_table ul:last-child li:first-child {color:#fff;} .analisys .analisys_bill .analisys_contents .analisys_bill_table ul:last-child li {font-weight:900;} .analisys .analisys_bill .analisys_contents .analisys_bill_comment {width:100%; margin:15px 0 0;} .analisys .analisys_bill .analisys_contents .analisys_bill_comment ul {width:100%;} .analisys .analisys_bill .analisys_contents .analisys_bill_comment li {position:relative; width:100%; font-family:'Paperlogy'; font-weight:300; font-size:17px; line-height:25px; margin:10px 0; color:#000;} .analisys .analisys_bill .analisys_contents .analisys_bill_comment li {padding-left:20px;} .analisys .analisys_bill .analisys_contents .analisys_bill_comment li::after {position:absolute; top:0; left:0; content:'※';} /* 그래프 */ .analisys .analisys_graph_contents {position:relative; display:inline-block; vertical-align:top; width:500px; margin:100px 0 0 150px;} .analisys .analisys_graph_contents::after {display:block; padding-bottom:100%; content:'';} .analisys .analisys_graph_contents .analisys_graph_title {position:absolute; top:50%; left:50%; z-index:3; transform:translate(-50%,-50%); animation:bling 1.5s linear infinite; font-family:'Paperlogy'; text-align:center; font-weight:400; font-size:35px; line-height:35px; color:#000; white-space:nowrap;} .analisys .analisys_graph_contents .analisys_graph_title img {width:250px; margin-bottom:10px;} .analisys .analisys_graph_contents .analisys_graph_title strong {font-weight:900; font-size:52px; line-height:60px; color:#ed2390;} .analisys .analisys_graph_contents .analisys_graph_title b {font-weight:900;} .analisys .analisys_graph_contents .analisys_graph1 {position:absolute; top:0; left:0; width:100%; height:100%; border-radius:100%; box-shadow:0 0 3px rgba(0,0,0,.3); z-index:2; animation:rotate 70s linear infinite; mask-image: radial-gradient(circle at 50% 50%, transparent 54%, black 54.2%); background:conic-gradient(#fff8fc 0% 33%, #ffe0f1 33% 50.9%, #fff8fc 50.9% 58.6%, #ffe0f1 58.6% 66.1%, #ed2390 66.1% 100%);} .analisys .analisys_graph_contents .analisys_graph2 {position:absolute; top:-5%; left:-5%; width:110%; height:110%; border-radius:100%; animation:rotate 70s linear infinite; mask-image: radial-gradient(circle at 50% 50%, transparent 54%, black 54.2%); background:conic-gradient(transparent 0% 66.1%, #ed2390 66.1% 100%);} .analisys .analisys_graph_contents .analisys_graph_name_con {position:absolute; top:0; left:0; width:100%; height:100%; z-index:3; animation:rotate 70s linear infinite;} .analisys .analisys_graph_contents .analisys_graph_name_con .analisys_graph_name {position:absolute; font-family:'Paperlogy'; font-weight:500; text-align:center; font-size:20px; line-height:20px; color:#000; animation:rotate2 70s linear infinite; text-shadow:0 0 3px rgba(0,0,0,.8); white-space:nowrap; text-shadow:-1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;} .analisys .analisys_graph_contents .analisys_graph_name_con .analisys_graph_name:nth-child(1) {top:25%; left:85%;} .analisys .analisys_graph_contents .analisys_graph_name_con .analisys_graph_name:nth-child(2) {top:89%; left:70%;} .analisys .analisys_graph_contents .analisys_graph_name_con .analisys_graph_name:nth-child(3) {top:94%; left:30%;} .analisys .analisys_graph_contents .analisys_graph_name_con .analisys_graph_name:nth-child(4) {top:84%; left:8%;} .analisys .analisys_graph_contents .analisys_graph_name_con .analisys_graph_name:nth-child(5) {top:15%; left:-8%; font-weight:500; font-size:35px; line-height:45px; color:#fff; text-shadow:0 0 3px rgba(0,0,0,1); } .analisys .analisys_graph_contents .analisys_graph_name_con .analisys_graph_name:nth-child(5) strong {font-weight:900; font-size:50px;} @media (max-width:750px){ .analisys {padding:50px 10px;} .analisys .analisys_box {padding:50px 10px;} /* 우측 상단 음식 이미지 */ .analisys .analisys_food {top:-100px; left:auto; right:-50px; margin-left:0;} .analisys .analisys_food img {width:180px;} /* 상단 포인트 */ .analisys .analisys_point {max-width:100%; margin:0 auto 50px;} .analisys .analisys_point ul {gap:5px;} .analisys .analisys_point li {flex:1; font-size:15px; line-height:20px;} .analisys .analisys_point li img {width:50px;} /* 손익표 */ .analisys .analisys_bill {display:block; width:100%; max-width:350px; margin:0 auto;} .analisys .analisys_bill .analisys_contents .analisys_bill_table li {font-size:15px; line-height:20px; padding:8px 5px;} .analisys .analisys_bill .analisys_contents .analisys_bill_table ul:nth-child(2) {border-radius:5px;} .analisys .analisys_bill .analisys_contents .analisys_bill_table ul:last-child {border-radius:5px;} .analisys .analisys_bill .analisys_contents .analisys_bill_table ul:nth-child(2) li:nth-child(2), .analisys .analisys_bill .analisys_contents .analisys_bill_table ul:nth-child(2) li:nth-child(3) {border-radius:4px;} .analisys .analisys_bill .analisys_contents .analisys_bill_table ul:last-child li:nth-child(2), .analisys .analisys_bill .analisys_contents .analisys_bill_table ul:last-child li:nth-child(3) {border-radius:4px;} .analisys .analisys_bill .analisys_contents .analisys_bill_comment li {font-size:15px; line-height:20px; margin:7px 0; padding-left:17px;} /* 그래프 */ .analisys .analisys_graph_contents {display:block; width:calc(100% - 60px); max-width:350px; margin:70px auto 30px;} .analisys .analisys_graph_contents .analisys_graph_title {font-size:20px; line-height:25px;} .analisys .analisys_graph_contents .analisys_graph_title img {width:160px; margin-bottom:5px;} .analisys .analisys_graph_contents .analisys_graph_title strong {font-size:35px; line-height:40px;} .analisys .analisys_graph_contents .analisys_graph_name_con .analisys_graph_name {font-size:14px; line-height:15px;} .analisys .analisys_graph_contents .analisys_graph_name_con .analisys_graph_name:nth-child(5) {font-size:20px; line-height:25px;} .analisys .analisys_graph_contents .analisys_graph_name_con .analisys_graph_name:nth-child(5) strong {font-size:30px;} } /* 창업문의 */ .inquiry {background:url('../images/inquiry_bg.jpg') no-repeat center fixed; background-size:cover; padding:200px 50px;} @supports (-webkit-touch-callout: none) { .inquiry {background-attachment:scroll;} } .inquiry .inquiry_title {width:100%; max-width:1600px; margin:0 auto;} .inquiry .inquiry_title ul {width:100%; text-align:center; font-size:0;} .inquiry .inquiry_title ul:nth-child(2) {margin-top:100px;} .inquiry .inquiry_title li {font-family:'Paperlogy'; font-weight:300; color:#fff;} .inquiry .inquiry_title ul:nth-child(1) li:nth-child(1), .inquiry .inquiry_title ul:nth-child(1) li:nth-child(2) {display:inline-block; vertical-align:middle;} .inquiry .inquiry_title ul:nth-child(1) li:nth-child(1) img {width:330px;} .inquiry .inquiry_title ul:nth-child(1) li:nth-child(2) {font-weight:500; font-size:70px; line-height:100px; margin-left:20px;} .inquiry .inquiry_title ul:nth-child(1) li:nth-child(3) {font-size:30px; line-height:40px;} .inquiry .inquiry_title ul:nth-child(2) li:nth-child(1) {font-size:30px; line-height:40px;} .inquiry .inquiry_title ul:nth-child(2) li:nth-child(2) {font-weight:900; font-size:100px; line-height:110px; color:#ed2390; margin:20px 0;} .inquiry .inquiry_title ul:nth-child(2) li:nth-child(3) {font-size:30px; line-height:40px;} .inquiry .inquiry_form {width:100%; max-width:1000px; margin:100px auto 0;} .hp_field {position:absolute !important; left:-9999px !important; width:1px !important; height:1px !important; opacity:0 !important;} .detail_inquiry_form {width:100%;} .detail_inquiry_form .formgroup {width:100%; border-top:1px solid rgba(255,255,255,1);} .detail_inquiry_form .formgroup ul {display:flex; width:100%; border-bottom:1px solid rgba(255,255,255,.18);} .detail_inquiry_form .formgroup li {position:relative; font-family:'Paperlogy'; font-weight:300; font-size:17px; line-height:50px; color:#fff;} .detail_inquiry_form .formgroup li:first-child {flex:0 0 180px; padding-left:15px;} .detail_inquiry_form .formgroup li:first-child strong {font-weight:500; color:#ed2390; margin-left:3px;} .detail_inquiry_form .formgroup li:last-child {flex:1; display:flex; align-items:center; flex-wrap:wrap; gap:10px 20px; padding:4px 0;} .detail_inquiry_form .write_input_text,.detail_inquiry_form .write_input_select {width:100%; height:42px; font-family:'Paperlogy'; font-weight:300; font-size:17px; line-height:42px; color:#fff; background:rgba(0,0,0,.10); border:1px solid rgba(255,255,255,.05); padding:0 12px; outline:none;} .detail_inquiry_form .write_input_select {appearance:auto; color:#fff;} .detail_inquiry_form .write_input_select option {color:#000;} .detail_inquiry_form .rzo_email_field {display:flex; align-items:center; gap:8px; width:100%;} .detail_inquiry_form .rzo_email_local {width:35%;} .detail_inquiry_form .rzo_email_at {font-family:'Paperlogy'; font-size:17px; color:#fff;} .detail_inquiry_form .rzo_email_domain {width:30%;} .detail_inquiry_form .rzo_email_direct {width:35%;} .detail_inquiry_form .write_input_text2 {width:100%; height:110px; font-family:'Paperlogy'; font-weight:300; font-size:17px; line-height:22px; color:#fff; background:rgba(0,0,0,.10); border:1px solid rgba(255,255,255,.05); padding:12px; resize:vertical; outline:none;} .detail_inquiry_form input::placeholder,.detail_inquiry_form textarea::placeholder {color:rgba(255,255,255,.4);} .detail_inquiry_form .formgroup span {position:relative; display:inline-flex; align-items:center; gap:6px; font-size:17px; line-height:22px; white-space:nowrap;} .detail_inquiry_form .formgroup span input {accent-color:#c74639;} .detail_inquiry_form .rzo_other_input {max-width:300px;} .detail_inquiry_form .formgroup .privacy_row {border-bottom:0; margin-top:12px;} .detail_inquiry_form .formgroup .privacy_row li {flex:1; display:flex; align-items:center; gap:8px; padding-left:0; font-size:17px; line-height:22px; color:rgba(255,255,255,.7);} .detail_inquiry_form .formgroup .privacy_row a {margin-left:0; color:#fff; background:transparent; padding:0; text-decoration:underline; text-underline-offset:3px;} .detail_inquiry_form .smsbtngroup {width:100%; text-align:center; margin-top:35px;} .detail_inquiry_form .sendbtn {display:table; margin:0 auto;} .detail_inquiry_form .sendbtn button {font-weight:900; font-size:25px; line-height:25px; color:#fff; background:#ed2390; padding:12px 35px; cursor:pointer;} .detail_inquiry_form .sendbtn button:disabled {opacity:.5; cursor:wait;} @media (max-width:750px){ .inquiry {padding:100px 10px;} .inquiry .inquiry_title ul:nth-child(2) {margin-top:50px;} .inquiry .inquiry_title li {font-family:'Paperlogy'; font-weight:300; color:#fff;} .inquiry .inquiry_title ul:nth-child(1) li:nth-child(1), .inquiry .inquiry_title ul:nth-child(1) li:nth-child(2) {width:100%; display:table; margin:0 auto; text-align:center;} .inquiry .inquiry_title ul:nth-child(1) li:nth-child(1) img {width:200px;} .inquiry .inquiry_title ul:nth-child(1) li:nth-child(2) {font-size:30px; line-height:40px; margin-left:0;} .inquiry .inquiry_title ul:nth-child(1) li:nth-child(3) {font-size:20px; line-height:30px; margin:20px 0 0;} .inquiry .inquiry_title ul:nth-child(2) li:nth-child(1) {font-size:20px; line-height:30px;} .inquiry .inquiry_title ul:nth-child(2) li:nth-child(2) {font-size:50px; line-height:50px; margin:20px 0;} .inquiry .inquiry_title ul:nth-child(2) li:nth-child(3) {font-size:20px; line-height:30px;} .inquiry .inquiry_form {margin:50px auto 0;} .detail_inquiry_form {padding:0 10px;} .detail_inquiry_form .formgroup ul {display:block; padding:7px 0;} .detail_inquiry_form .formgroup li {width:100%; line-height:25px;} .detail_inquiry_form .formgroup li:first-child {padding-left:2px; margin-bottom:5px;} .detail_inquiry_form .formgroup li:last-child {display:flex; flex-wrap:wrap; gap:10px 15px;} .detail_inquiry_form .write_input_text,.detail_inquiry_form .write_input_select {height:38px; font-size:16px;} .detail_inquiry_form .write_input_text2 {height:90px; font-size:16px;} .detail_inquiry_form .rzo_email_field {display:grid; grid-template-columns:1fr auto 1fr; gap:5px; width:100%;} .detail_inquiry_form .rzo_email_local,.detail_inquiry_form .rzo_email_domain,.detail_inquiry_form .rzo_email_direct {width:100%;} .detail_inquiry_form .rzo_email_direct {grid-column:1 / span 3;} .detail_inquiry_form .formgroup .privacy_row li {display:flex; flex-wrap:nowrap; padding:5px 0;} .detail_inquiry_form .formgroup .privacy_row a {flex:none; width:auto; text-align:left; margin:0;} .detail_inquiry_form .sendbtn button {font-size:20px;} } /* 매장찾기 */ .store {background:#f6f3eb; padding:200px 100px 100px;} .store .store_title {display:table; margin:0 auto;} .store .store_title ul {position:relative; display:flex; justify-content:center; align-items:center; gap:30px;} .store .store_title li:nth-child(1) {position:absolute; bottom:100%; left:0; font-family:'SolmoeKimDaegeon500'; font-weight:bold; font-size:33px;} .store .store_title li:nth-child(2) img {width:470px;} .store .store_title li:nth-child(3) {font-family:'Paperlogy'; font-weight:500; font-size:100px; color:#000;} .store .store_contents {width:100%; padding:30px; background:#fff; margin:50px auto 0;} .store_map_wrap {position:relative; width:100%; height:700px; overflow:hidden; padding-left:400px; box-sizing:border-box;} #map {position:relative; width:100%; height:100%; background:#eef4f7; z-index:1;} .map_no_key {display:flex; justify-content:center; align-items:center;} .map_no_key_msg {font-family:'Paperlogy'; font-weight:300; text-align:center; font-size:18px; line-height:30px; color:#777;} .store_panel {position:absolute; top:0; left:0; width:400px; height:calc(100% - 0px); background:#fff; z-index:10; overflow:hidden;} .store_search {padding:10px; border-bottom:1px solid #eee;} .store_search_input {position:relative;} .store_search input {width:100%; height:50px; padding:0 45px 0 15px; border:1px solid #ddd; font-family:'Paperlogy'; font-weight:300; font-size:17px; color:#222; outline:none;} .store_search_clear {display:none; justify-content:center; align-items:center; position:absolute; top:50%; right:10px; width:28px; height:28px; margin-top:-14px; padding:0; font-family:Arial,sans-serif; font-size:22px; line-height:28px; color:#999; background:transparent; border:0; cursor:pointer;} .store_search_clear.on {display:flex;} .store_search_clear:hover {color:#222;} .store_list {height:calc(100% - 70px); overflow-y:auto;} .store_item {display:flex; gap:10px; align-items:flex-start; padding:10px; border-bottom:1px solid #eee; cursor:pointer;} .store_item:hover {background:#fff6f6;} .store_thumb {flex:0 0 100px; width:100px; height:87px; background:#000; overflow:hidden;} .store_thumb img {width:100%; height:100%; object-fit:cover;} .store_thumb.no_img {background:rgba(0,0,0,.025) url('../images/logo.png') no-repeat center; background-size:50px auto;} .store_item_info {flex:1; min-width:0; overflow:hidden;} .store_item_info strong {display:block; margin-bottom:7px; font-family:'Paperlogy'; font-weight:500; font-size:20px; color:#000;} .store_item_info p {display:block; width:100%; margin:0; font-family:'Paperlogy'; font-weight:300; font-size:17px; line-height:20px; color:#666; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;} .store_item_info span {display:block; font-family:'Paperlogy'; font-weight:300; font-size:17px; color:#d60000;} .store_item_info .tel {font-size:17px;} .store_empty {font-family:'Paperlogy'; text-align:center; font-size:17px; color:#999; padding:50px 10px;} .store_layer {display:none; position:absolute; right:10px; bottom:10px; width:380px; padding:10px; background:#fff; box-shadow:0 0 20px rgba(0,0,0,.2); z-index:90;} .store_detail_img {width:100%; height:210px; margin-bottom:10px; background:#f1f1f1; overflow:hidden;} .store_detail_img img {width:100%; height:100%; object-fit:cover;} .store_detail_img.no_img {background:rgba(0,0,0,.025) url('../images/logo.png') no-repeat center; background-size:60%;} .store_layer h3 {margin:0 0 5px; font-family:'Paperlogy'; font-weight:500; font-size:25px; line-height:30px; color:#000;} .store_layer p {font-family:'Paperlogy'; font-weight:300; font-size:17px; line-height:20px; color:#666; margin:5px 0; padding:0;} .store_layer .dist {color:#d60000;} .store_close {position:absolute; top:0; right:0; width:50px; height:50px; border:0; background:#111; font-size:50px; line-height:40px; color:#fff; cursor:pointer; z-index:2;} .user_marker {width:10px; height:10px; background:#1687ff; border:2px solid #fff; border-radius:50%; box-shadow:0 0 0 5px rgba(22,135,255,.18),0 3px 10px rgba(0,0,0,.3);} .store_marker {width:100px; height:100px; cursor:pointer; transform-origin:center bottom;} .store_marker img {display:block; width:100%; height:100%; object-fit:contain; pointer-events:none;} .store_marker.active {animation:selectedBounce .8s ease-in-out infinite; position:relative; z-index:9999;} .my_location_btn {position:absolute; right:10px; top:230px; width:30px; height:30px; background:#fff; border:1px solid #000; box-shadow:0 0 3px rgba(0,0,0,.2); cursor:pointer; z-index:15; padding:0;} .my_location_btn i {font-size:20px; color:#1687ff;} @media (max-width:750px){ .store {padding:100px 10px 50px;} .store .store_title ul {gap:10px;} .store .store_title li:nth-child(1) {font-size:17px;} .store .store_title li:nth-child(2) img {width:200px;} .store .store_title li:nth-child(3) {font-size:45px;} .store .store_contents {padding:10px; margin:30px auto 0;} .store_map_wrap {height:auto; display:flex; flex-direction:column; padding:0;} #map {height:400px; order:1;} .store_panel {position:relative; top:auto; left:auto; width:100%; height:auto; max-height:none; border-radius:0; box-shadow:none; order:2;} .store_search {padding:5px; border-width:.5px;} .store_search input {height:40px; padding:0 38px 0 10px; border-width:.5px; font-size:16px;} .store_search_clear {right:7px; width:26px; height:26px; margin-top:-13px; font-size:20px; line-height:26px;} .store_list {height:auto; max-height:400px;} .store_item {padding:10px 5px;} .store_thumb {flex-basis:100px; width:100px; height:80px;} .store_item_info strong {margin-bottom:7px; font-size:17px;} .store_item_info p {font-size:15px; line-height:20px;} .store_item_info span {font-size:15px;} .store_item_info .tel {font-size:15px;} .store_layer {position:fixed; left:10px; right:10px; bottom:10px; width:auto; padding:10px; box-shadow:0 0 10px rgba(0,0,0,.2); z-index:80;} .store_detail_img {height:180px;} .store_layer h3 {font-size:17px; line-height:20px;} .store_layer p {font-size:15px; line-height:17px; margin:5px 0;} .my_location_btn {right:10px; top:230px;} }