@keyframes rotate { 0% {transform: rotate(0deg);} 100% {transform: rotate(360deg);} } @keyframes rotate2 { 0% {transform: rotate(0deg);} 100% {transform: rotate(-360deg);} } @keyframes bling { 0% {opacity:1;} 25% {opacity:1;} 50% {opacity:0;} 75% {opacity:1;} 100% {opacity:1;} } @keyframes marquee { from { transform: translateX(0); } to { transform: translateX(-50%); } } @keyframes marqueeup { from { transform: translateY(0); } to { transform: translateY(-50%); } } @keyframes marqueedown { from { transform: translateY(0); } to { transform: translateY(50%); } } html {min-width:400px;} * {border-width:0; margin:0; word-break:keep-all; box-sizing:border-box;} * {image-rendering: -moz-crisp-edges; image-rendering: -o-crisp-edges; image-rendering: -webkit-optimize-contrast; image-rendering: crisp-edges; -ms-interpolation-mode: nearest-neighbor;} p {margin:0; padding:0;} body {overflow-x:hidden; background-color:#fff;} body::-webkit-scrollbar-track{ /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);*/ /*border-radius:100px;*/ background:#eee; } body::-webkit-scrollbar{ width: 7px; background-color: transparent; } body::-webkit-scrollbar-thumb{ /*border-radius: 100px;*/ /* -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);*/ background: #000; } strong {font-weight:normal;} ul {padding:0; margin:0;} li {list-style:none;} .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%;} .wrap {top:0px; width:100%; min-width:1260px; max-width:2000px; margin:0 auto; overflow:hidden;} .centerdiv {width:100%; max-width:1360px; margin:0 auto; padding:0 50px;} .relative {position:relative; left:0; top:0;} .bookmark {position:absolute; top:0; left:0;} .analisys .bookmark {top:-200px;} @media (max-width:750px){ .wrap {min-width:100%; overflow:hidden;} .centerdiv {width:100%; padding:0 10px;} .bookmark {top:-100px;} } .body_open {overflow:hidden;} .body_youtube {overflow:hidden;} .body_open .online_inquiry_contents {bottom:0; opacity:1;} /*헤더*/ .header {position:fixed; top:0; left:0; width:100%; min-width:1260px; padding:35px 50px; z-index:99; transition:all .3s ease; -webkit-transition:all .3s ease;} .header * {transition:all .3s ease; -webkit-transition:all .3s ease;} .header:after {position:absolute; top:0; left:0; width:100%; height:2px; content:''; background:#e60012; opacity:1;} .header_fix {background:rgba(230,0,18,.9); padding:20px 50px; box-shadow:0 0 3px rgba(0,0,0,.3);} .header_fix:after {height:0;} .header .logo {position:absolute; top:0; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); z-index:1;} .header .logo:before {position:absolute; top:111px; right:50%; margin-right:80px; content:''; width:1000px; height:1px; background:#fff; opacity:.1;} .header .logo:after {position:absolute; top:111px; left:50%; margin-left:80px; content:''; width:1000px; height:1px; background:#fff; opacity:.1;} .header_fix .logo:before {opacity:0;} .header_fix .logo:after {opacity:0;} .header .logo img {position:absolute; top:10px; left:50%; width:100px; transform:translateX(-50%); -webkit-transform:translateX(-50%); z-index:2;} .header .logo img:nth-child(2) {opacity:0;} .header_fix .logo img {top:15px; width:230px;} .header_fix .logo img:nth-child(1) {opacity:0; width:50px;} .header_fix .logo img:nth-child(2) {opacity:1;} .header .navi {display:table; width:100%;} .header .navi li {float:left; width:10%;} .header .navi li:nth-child(4) {margin-right:20%;} .header .navi li a {position:relative; display:block; font-family:'GmarketSans'; font-weight:300; text-align:center; font-size:18px; line-height:40px; color:#fff; cursor:pointer; text-decoration:none;} .header .navi .on a {font-weight:500; color:#fad59c;} @media (max-width:750px){ .header {min-width:100%;} .header:after {display:none;} .header_fix {padding:15px 10px;} .header .logo {top:0;} .header .logo:before {display:none;} .header .logo:after {display:none;} .header .logo img {position:absolute; top:10px; left:50%; width:100px;} .header .logo img:nth-child(1) {display:none;} .header .logo img:nth-child(2) {width:200px;} .header_fix .logo img {top:15px;} .header_fix .logo img:nth-child(1) {width:10px;} .header .navi {margin-top:-200px; opacity:0;} .header .navi li {width:25%;} .header .navi li:nth-child(4) {margin-right:0;} .header .navi li a {font-weight:500; font-size:12px; line-height:20px;} .header_fix .navi {margin-top:50px; opacity:1;} } /*푸터*/ .bottom {display:table; width:100%; min-width:1260px; text-align:center; background:#f5f5f5; padding:80px 50px;} .bottom .ci {clear:both; width:100%; text-align:center;} .bottom .companyinfo {clear:both; width:100%; font-size:0; margin:50px 0;} .bottom .companyinfo li {display:inline-block; vertical-align:top; margin:0 15px; font-family:'GmarketSans'; font-weight:300; font-size:17px; line-height:30px; color:#000;} .bottom .companyinfo a {font-family:'GmarketSans'; font-weight:300; font-size:17px; text-decoration:none; color:#000;} .bottom .familybrand {position:relative; display:none; min-width:500px; margin:0 auto; padding:50px 100px; border:1px solid rgba(0,0,0,.1);} .bottom .familybrand .familybrand_title {position:absolute; top:-15px; left:50%; font-family:'GmarketSans'; font-weight:500; font-size:20px; line-height:30px; color:#000; padding:0 10px; background:#f5f5f5; transform:translateX(-50%); -webkit-transform:translateX(-50%);} .bottom .familybrand li {display:inline-block; vertical-align:top; margin:0 10px; cursor:pointer;} .bottom .familybrand li img {height:55px;} @media (max-width:750px){ .bottom {min-width:100%; padding:30px 10px 105px;} .bottom .ci img {width:100px;} .bottom .companyinfo {margin:20px 0 30px;} .bottom .companyinfo li {margin:0 5px; font-size:10px; line-height:15px;} .bottom .companyinfo a {font-size:10px;} .bottom .familybrand {min-width:250px; padding:15px 10px; border-width:.5px;} .bottom .familybrand .familybrand_title {top:-7px; font-size:11px; line-height:15px; padding:0 5px;} .bottom .familybrand li {margin:0 5px;} .bottom .familybrand li img {height:23px;} } /*온라인상담*/ .footer_customer_btn {position:fixed; bottom:0; left:0; width:100%; z-index:99;} .footer_customer_btn .footer_customer_btn_contents {position:absolute; display:table; bottom:50px; box-shadow:0 0 5px rgba(0,0,0,.3); border:2px solid rgba(230,0,18,1); background:rgba(230,0,18,.8); transition:all .3s ease; -webkit-transition:all .3s ease;} .wrap_fix .footer_customer_btn .footer_customer_btn_contents {bottom:20px;} .footer_customer_btn .footer_customer_btn_contents:hover {background:#e60012;} .footer_customer_btn .customer {left:50px;} .footer_customer_btn .inquiry {right:50px;} .footer_customer_btn .footer_customer_btn_contents span {position:relative; padding-left:25px;} .footer_customer_btn a {display:block; font-family:'GmarketSans'; text-align:center; font-weight:500; font-size:20px; line-height:25px; color:#fff; padding:20px; text-decoration:none; transition:all .3s ease; -webkit-transition:all .3s ease;} .footer_customer_btn .footer_customer_btn_contents:hover a {color:#fff;} .footer_customer_btn .footer_customer_btn_contents i {position:absolute; top:-2px; left:0; font-size:23px;} @media (max-width:750px){ .footer_customer_btn {padding:5px;} .footer_customer_btn .footer_customer_btn_contents {position:relative; bottom:0; width:49.5%; border-width:.5px;} .wrap_fix .footer_customer_btn .footer_customer_btn_contents {bottom:0;} .footer_customer_btn .customer {float:left; left:0;} .footer_customer_btn .inquiry {float:right; right:0;} .footer_customer_btn .footer_customer_btn_contents span {padding-left:20px;} .footer_customer_btn a {font-size:11px; line-height:15px; padding:10px 0;} .footer_customer_btn .footer_customer_btn_contents i {top:-3px; font-size:18px;} } /*메인 컨텐츠*/ .contents-section {clear:both; position:relative; width:100%; min-width:1260px; padding:200px 0;} @media (max-width:750px){ .contents-section {min-width:100%; padding:100px 0;} } .intro {padding:0; overflow:hidden; z-index:2;} .intro .intro_contents {position:absolute; top:50%; left:0; width:100%; text-align:center; z-index:4; transform:translateY(-50%); -webkit-transform:translateY(-50%);} .intro .intro_contents .intro_text {width:100%;} .intro .intro_contents .intro_text li {display:table; font-family:'GmarketSans'; font-weight:300; font-size:30px; line-height:35px; color:#fff; margin:0 auto; text-shadow:0 0 3px #000;} .intro .intro_contents .intro_text li:nth-child(1) {margin:0 auto 30px;} .intro .intro_contents .intro_text li:nth-child(2) {font-weight:700;} .intro .intro_contents .intro_text li:nth-child(4) {margin:30px auto 0;} .intro .movie {position:relative; display:table; width:100%; height:100vh; background:#000; overflow:hidden;} .intro .movie:after {position:absolute; top:0; left:0; width:100%; height:100%; content:''; z-index:2;} .intro .movie iframe {position:absolute; top:0; left:50%; width:2500px; height:1100px; z-index:1; margin-left:-1250px; opacity:.8;} @media (max-width:750px){ .intro {} .intro .intro_contents .intro_text li {font-size:12px; line-height:15px;} .intro .intro_contents .intro_text li:nth-child(1) {margin:0 auto 15px;} .intro .intro_contents .intro_text li:nth-child(1) img {width:200px;} .intro .intro_contents .intro_text li:nth-child(3) {font-size:10.5px;} .intro .intro_contents .intro_text li:nth-child(4) {margin:15px auto 0;} .intro .intro_contents .intro_text li:nth-child(4) img {width:250px;} .intro .movie {height:500px;} .intro .movie iframe {height:100%;} } /*매출공개*/ .sales {padding:0; background:#e60012 url('../images/checkbg.png') top left;} .sales .burgerry_slide_text {position:relative; display:table; font-size:0; width:100%; height:150px;} .sales .burgerry_slide_text ul {position:absolute; top:50%; left:0; white-space:nowrap; will-change:transform; animation:marquee 120s linear infinite; z-index:3; margin-top:-25px;} .sales .burgerry_slide_text li {display:inline-block; margin:0 3px; font-family:'GmarketSans'; text-align:center; font-weight:300; font-size:35px; line-height:50px; color:#fff;} .sales .burgerry_slide_text li strong {font-weight:700; color:#f4e16d;} .sales .sales_contents {position:relative; width:100%; padding:0 50px;} .sales .sales_contents .sales_floating {position:absolute; top:50%; left:0; width:100%; text-align:center; z-index:4; transform:translateY(-50%); -webkit-transform:translateY(-50%);} .sales .sales_contents .sales_floating .sales_title {display:table; margin:0 auto;} .sales .sales_contents .sales_floating .sales_title li {display:table; font-family:'GmarketSans'; font-weight:300; font-size:35px; line-height:50px; color:#fff; margin:0 auto;} .sales .sales_contents .sales_floating .sales_title li:nth-child(1) {font-size:80px; line-height:110px;} .sales .sales_contents .sales_floating .sales_title li:nth-child(1) strong {font-weight:700;} .sales .sales_contents .sales_floating .sales_title li:nth-child(2) {font-weight:500; font-size:23px; line-height:35px;} .sales .sales_contents .sales_floating .sales_title li:nth-child(2) span {position:relative;} .sales .sales_contents .sales_floating .sales_title li:nth-child(2) span:after {position:absolute; bottom:0; left:0; width:100%; height:5px; content:''; background:url('../images/line_under.png') no-repeat; background-size:100% 100%; z-index:-1;} .sales .sales_contents .sales_floating .sales_title li:nth-child(2) strong {position:relative;} .sales .sales_contents .sales_floating .sales_title li:nth-child(2) strong:after {position:absolute; top:-80%; left:-20%; width:140%; height:300%; content:''; background:url('../images/line_circle.png') no-repeat; background-size:100% 100%; z-index:-1;} .sales .sales_contents .sales_floating .sales_money {display:table; width:100%; max-width:1560px; font-size:0; margin:100px auto 0; padding:0 100px;} .sales .sales_contents .sales_floating .sales_money ul {position:relative; display:inline-block; vertical-align:top; width:50%;} .sales .sales_contents .sales_floating .sales_money ul:nth-child(1):after {position:absolute; top:0; left:100%; width:1px; height:100%; content:''; background:linear-gradient(to bottom, rgba(255,255,255,.0), rgba(255,255,255,1), rgba(255,255,255,.0));} .sales .sales_contents .sales_floating .sales_money li {display:table; font-family:'GmarketSans'; text-align:center; font-weight:300; color:#fff; margin:0 auto;} .sales .sales_contents .sales_floating .sales_money li:nth-child(1) {font-size:80px; margin:0 auto 30px;} .sales .sales_contents .sales_floating .sales_money li:nth-child(2) {font-weight:500; font-size:50px;} .sales .sales_contents .sales_floating .sales_money li:nth-child(3) {font-weight:700; font-size:110px; line-height:120px; background:linear-gradient(to bottom, #f5e36e, #d99a2b); -webkit-text-fill-color:transparent; -webkit-background-clip:text;} .sales .sales_contents .sales_floating .sales_money li:nth-child(4) {font-size:20px;} .sales .sales_contents .movie {position:relative; width:100%; height:1100px; background:#000; overflow:hidden;} .sales .sales_contents .movie:after {position:absolute; top:0; left:0; width:100%; height:100%; content:''; background:url('../images/dotbg.png') top left; z-index:2;} .sales .sales_contents .movie iframe {position:absolute; top:0; left:50%; width:2500px; height:1100px; z-index:1; margin-left:-1250px; opacity:.8;} .sales .analisys {position:relative; width:100%; max-width:1460px; padding:0 50px 200px; margin:0 auto;} .sales .analisys .analisys_storeimg {position:absolute; top:-230px; left:50%; margin-left:-500px; z-index:10;} .sales .analisys .analisys_drinkimg {position:absolute; top:-190px; left:50%; margin-left:450px; z-index:11;} .sales .analisys .analisys_burgerimg {position:absolute; top:-40px; left:50%; margin-left:180px; z-index:12;} .sales .analisys .analisys_bill {position:absolute; top:250px; right:50%; margin-right:40px; width:25%; padding:2px; border-radius:5px; background:linear-gradient(to bottom, #fff, #ccc); z-index:13;} .sales .analisys .analisys_bill .analisys_bill_bg {position:relative; width:100%; height:10px; background:#000; border-radius:3px;} .sales .analisys .analisys_bill .analisys_bill_contents {position:absolute; top:2px; left:1%; width:98%; background:#fff; box-shadow:0 0 3px rgba(0,0,0,.3); padding:10px;} .sales .analisys .analisys_bill .analisys_bill_contents:after {position:absolute; top:0; left:0; width:100%; height:100px; content:''; background:linear-gradient(to bottom, rgba(0,0,0,.1), rgba(0,0,0,.0));} .sales .analisys .analisys_bill .analisys_bill_contents .analisys_bill_title {width:100%; padding:30px 0;} .sales .analisys .analisys_bill .analisys_bill_contents .analisys_bill_title li {width:100%; font-family:'GmarketSans'; text-align:center; font-weight:300; color:#000;} .sales .analisys .analisys_bill .analisys_bill_contents .analisys_bill_title li:nth-child(1) {font-weight:500; font-size:32px; line-height:40px;} .sales .analisys .analisys_bill .analisys_bill_contents .analisys_bill_title li:nth-child(2) {font-size:16px; line-height:20px; color:#666;} .sales .analisys .analisys_bill .analisys_bill_contents .analisys_bill_comment {width:100%; margin:10px 0;} .sales .analisys .analisys_bill .analisys_bill_contents .analisys_bill_comment li {font-family:'GmarketSans'; font-weight:300; font-size:15px; line-height:20px; margin:5px 0; color:#000;} .sales .analisys .analisys_bill .analisys_bill_contents .analisys_bill_comment2 li {position:relative; padding-left:20px;} .sales .analisys .analisys_bill .analisys_bill_contents .analisys_bill_comment2 li:after {position:absolute; top:0; left:0; content:'※';} .sales .analisys .analisys_bill .analisys_bill_contents .analisys_bill_table {width:100%;} .sales .analisys .analisys_bill .analisys_bill_contents .analisys_bill_table ul {display:table; width:100%; padding:2px; border-top:1px solid rgba(0,0,0,.1);} .sales .analisys .analisys_bill .analisys_bill_contents .analisys_bill_table ul:nth-child(1) {border-color:#000;} .sales .analisys .analisys_bill .analisys_bill_contents .analisys_bill_table ul:nth-child(2) {background:#000; border-radius:5px;} .sales .analisys .analisys_bill .analisys_bill_contents .analisys_bill_table ul:nth-child(3) {border:none;} .sales .analisys .analisys_bill .analisys_bill_contents .analisys_bill_table ul:last-child {background:#e60012; border-radius:5px; animation:bling 1s linear infinite;} .sales .analisys .analisys_bill .analisys_bill_contents .analisys_bill_table li {float:left; width:32.8%; font-family:'GmarketSans'; text-align:center; font-weight:300; font-size:17px; line-height:30px; color:#000; margin:0 .25%; padding:5px; border-radius:3px;} .sales .analisys .analisys_bill .analisys_bill_contents .analisys_bill_table ul:first-child li {text-align:center !important;} .sales .analisys .analisys_bill .analisys_bill_contents .analisys_bill_table li:nth-child(2), .sales .analisys .analisys_bill .analisys_bill_contents .analisys_bill_table li:nth-child(3) {text-align:right;} .sales .analisys .analisys_bill .analisys_bill_contents .analisys_bill_table ul:nth-child(2) li {color:#fff;} .sales .analisys .analisys_bill .analisys_bill_contents .analisys_bill_table ul:nth-child(2) li:nth-child(2), .sales .analisys .analisys_bill .analisys_bill_contents .analisys_bill_table ul:nth-child(2) li:nth-child(3) {color:#000; background:#fff;} .sales .analisys .analisys_bill .analisys_bill_contents .analisys_bill_table ul:last-child li {color:#fff; font-weight:700;} .sales .analisys .analisys_bill .analisys_bill_contents .analisys_bill_table ul:last-child li:nth-child(2), .sales .analisys .analisys_bill .analisys_bill_contents .analisys_bill_table ul:last-child li:nth-child(3) {color:#e60012; background:#fff;} .sales .analisys .analisys_bill .analisys_bill_contents .analisys_bill_barcode {width:100%; text-align:center; margin:30px 0;} .sales .analisys .analisys_bill .analisys_bill_contents .analisys_bill_barcode img {width:40%;} .sales .analisys .analisys_graph {position:absolute; top:200px; left:50%; width:500px; margin-left:-50px; z-index:20; border-radius:100%; box-shadow:0 0 3px rgba(0,0,0,.3); background:conic-gradient(#2a0100 0% 34%, #ffbb73 34% 37%, #ffd291 37% 54%, #feff86 54% 57%, #ffefa3 57% 58%, #efd4a7 58% 68%, #e9c079 68% 71%, #e60012 71% 100%); animation:rotate 120s linear infinite;} .sales .analisys .analisys_graph:after {display:block; padding-bottom:100%; content:'';} .sales .analisys .analisys_graph .analisys_graph_title {position:absolute; top:30%; left:30%; width:40%; background:rgba(0,0,0,.3); border-radius:100%; animation:rotate2 120s linear infinite;} .sales .analisys .analisys_graph .analisys_graph_title:after {display:block; padding-bottom:100%; content:'';} .sales .analisys .analisys_graph .analisys_graph_title div {position:absolute; top:5%; left:5%; width:90%; height:90%; font-family:'GmarketSans'; text-align:center; font-weight:300; font-size:20px; line-height:40px; background:#000; color:#fff; padding-top:30px; border-radius:100%;} .sales .analisys .analisys_graph .analisys_graph_title div span {line-height:30px; animation:bling 1.5s linear infinite;} .sales .analisys .analisys_graph .analisys_graph_title div strong {font-size:30px; font-weight:700;} .sales .analisys .analisys_graph .analisys_graph_name {position:absolute; font-family:'GmarketSans'; font-weight:300; text-align:center; font-size:17px; line-height:20px; color:#000; animation:rotate2 120s linear infinite;} .sales .analisys .analisys_graph .analisys_graph_name:nth-child(2) {top:30%; left:74%; color:#fff;} .sales .analisys .analisys_graph .analisys_graph_name:nth-child(3) {top:72%; left:69%; text-align:right;} .sales .analisys .analisys_graph .analisys_graph_name:nth-child(4) {top:85%; left:59%;} .sales .analisys .analisys_graph .analisys_graph_name:nth-child(5) {top:88%; left:30%;} .sales .analisys .analisys_graph .analisys_graph_name:nth-child(6) {top:75%; left:27%;} .sales .analisys .analisys_graph .analisys_graph_name:nth-child(7) {top:75%; left:10%;} .sales .analisys .analisys_graph .analisys_graph_name:nth-child(8) {top:60%; left:7%;} .sales .analisys .analisys_graph .analisys_graph_name:nth-child(9) {top:25%; left:13%; font-weight:700; color:#fff;} .sales .analisys .analisys_title {position:relative; top:0; left:0; width:100%; text-align:center; margin-left:0; padding-top:350px;} .sales .analisys .analisys_title .analisys_title_impact {position:absolute; top:-70px; left:280px; background:#000; font-family:'GmarketSans'; font-weight:700; font-size:34px; color:#fff; padding:5px 5px 0; z-index:15; transform:rotate(-10deg); -webkit-transform:rotate(-10deg); white-space:nowrap; animation:bling 1.5s linear infinite;} .sales .analisys .analisys_title .analisys_title_impact strong {font-weight:700; color:#ffed54;} .sales .analisys .analisys_title ul {width:100%;} .sales .analisys .analisys_title li {display:table; font-family:'GmarketSans'; font-weight:300; color:#fff; margin:0 auto;} .sales .analisys .analisys_title li:nth-child(1) {font-size:55px; line-height:60px;} .sales .analisys .analisys_title li:nth-child(1) strong {font-weight:700;} .sales .analisys .analisys_title li:nth-child(2) {font-weight:500; font-size:26px; line-height:43px; background:#000; padding:3px 5px 0; margin:30px auto 0;} .sales .analisys .analisys_title li:nth-child(3) {font-weight:500; font-size:39px;} @media (max-width:750px){ .sales {background-size:50px;} .sales .burgerry_slide_text {height:40px;} .sales .burgerry_slide_text ul {margin-top:-20px;} .sales .burgerry_slide_text li {font-size:13px; line-height:40px;} .sales .sales_contents {padding:0 10px;} .sales .sales_contents .sales_floating .sales_title li {font-size:15px; line-height:20px;} .sales .sales_contents .sales_floating .sales_title li:nth-child(1) {font-size:20px; line-height:20px;} .sales .sales_contents .sales_floating .sales_title li:nth-child(2) {font-size:13px; line-height:35px;} .sales .sales_contents .sales_floating .sales_money {margin:50px auto 0; padding:0 20px;} .sales .sales_contents .sales_floating .sales_money ul:nth-child(1):after {width:.5px;} .sales .sales_contents .sales_floating .sales_money li:nth-child(1) {font-size:20px; margin:0 auto 15px;} .sales .sales_contents .sales_floating .sales_money li:nth-child(2) {font-size:15px;} .sales .sales_contents .sales_floating .sales_money li:nth-child(3) {font-size:20px; line-height:30px;} .sales .sales_contents .sales_floating .sales_money li:nth-child(4) {font-size:8px;} .sales .sales_contents .movie {height:500px;} .sales .sales_contents .movie:after {background-size:2px;} .sales .sales_contents .movie iframe {height:100%;} .sales .analisys {padding:0 10px 100px;} .sales .analisys .analisys_storeimg {top:-120px; margin-left:-190px;} .sales .analisys .analisys_storeimg img {width:380px;} .sales .analisys .analisys_drinkimg {top:-40px; margin-left:100px;} .sales .analisys .analisys_drinkimg img {width:100px;} .sales .analisys .analisys_burgerimg {top:10px; margin-left:80px;} .sales .analisys .analisys_burgerimg img {width:350px;} .sales .analisys .analisys_bill {top:320px; right:auto; left:1%; margin-right:0; width:49%; padding:1px;} .sales .analisys .analisys_bill .analisys_bill_bg {height:5px;} .sales .analisys .analisys_bill .analisys_bill_contents {top:1px; padding:5px;} .sales .analisys .analisys_bill .analisys_bill_contents .analisys_bill_title {padding:15px 0;} .sales .analisys .analisys_bill .analisys_bill_contents .analisys_bill_title li:nth-child(1) {font-size:15px; line-height:20px;} .sales .analisys .analisys_bill .analisys_bill_contents .analisys_bill_title li:nth-child(2) {font-size:10px; line-height:12px;} .sales .analisys .analisys_bill .analisys_bill_contents .analisys_bill_comment {margin:5px 0;} .sales .analisys .analisys_bill .analisys_bill_contents .analisys_bill_comment li {font-size:8px; line-height:10px; margin:3px 0;} .sales .analisys .analisys_bill .analisys_bill_contents .analisys_bill_comment2 li {padding-left:10px;} .sales .analisys .analisys_bill .analisys_bill_contents .analisys_bill_table ul {padding:1px; border-width:.5px;} .sales .analisys .analisys_bill .analisys_bill_contents .analisys_bill_table li {font-size:9px; line-height:12px; padding:3px; letter-spacing:-1px;} .sales .analisys .analisys_bill .analisys_bill_contents .analisys_bill_barcode {width:100%; text-align:center; margin:30px 0;} .sales .analisys .analisys_bill .analisys_bill_contents .analisys_bill_barcode img {width:40%;} .sales .analisys .analisys_graph {top:50px; width:280px; margin-left:-140px;} .sales .analisys .analisys_graph .analisys_graph_title div {font-size:11px; line-height:20px; padding-top:20px;} .sales .analisys .analisys_graph .analisys_graph_title div span {line-height:15px;} .sales .analisys .analisys_graph .analisys_graph_title div strong {font-size:15px;} .sales .analisys .analisys_graph .analisys_graph_name {font-size:9px; line-height:10px;} .sales .analisys .analisys_title {top:0; left:0; margin-left:0; padding-top:100px;} .sales .analisys .analisys_title .analisys_title_impact {top:-25px; left:-5px; font-size:13px; padding:2px 2px 0;} .sales .analisys .analisys_title li:nth-child(1) {font-size:15px; line-height:20px;} .sales .analisys .analisys_title li:nth-child(2) {font-size:11px; line-height:13px; padding:2px 2px 0; margin:15px auto 0;} .sales .analisys .analisys_title li:nth-child(3) {font-size:13px;} } /*성공포인트*/ .success {background:#f1ece4; padding-bottom:0;} .success .success_foodimg1 {position:absolute; top:300px; left:50%; margin-left:-1000px; z-index:1;} .success .success_foodimg2 {position:absolute; top:800px; left:50%; margin-left:-930px; z-index:2;} .success .success_foodimg3 {position:absolute; top:50px; left:50%; margin-left:450px; z-index:10;} .success .success_search {position:relative; display:table; padding:0 50px; margin:0 auto;} .success .success_search .search_title {position:relative; width:100%;} .success .success_search .search_title li {clear:both; font-family:'GmarketSans'; font-weight:300; color:#000;} .success .success_search .search_title li:nth-child(1) img {width:223px;} .success .success_search .search_title li:nth-child(2) {font-size:80px; line-height:85px;} .success .success_search .search_title li:nth-child(2) span {font-weight:700; color:#e60012;} .success .success_search .search_title li:nth-child(2) strong {font-weight:700; font-size:100px; color:#e60012;} .success .success_search .search_slide {position:absolute; top:15px; left:560px; width:100%; font-size:0; width:1000px; height:50px; overflow:hidden;} .success .success_search .search_slide:before {position:absolute; bottom:0; left:0; width:100%; height:3px; content:''; background:#e60012;} .success .success_search .search_slide:after {position:absolute; top:0; left:0; width:50px; height:47px; content:''; background:linear-gradient(to right, rgba(241,236,228,1), rgba(241,236,228,1), rgba(241,236,228,.0)); z-index:5;} .success .success_search .search_slide ul {position:absolute; top:50%; left:0; white-space:nowrap; will-change:transform; animation:marquee 60s linear infinite; z-index:3; margin-top:-25px;} .success .success_search .search_slide li {display:inline-block; margin:0 3px; font-family:'GmarketSans'; text-align:center; font-weight:300; font-size:23px; line-height:50px; color:#e60012;} .success .success_search .search_slide li strong {font-weight:700;} .success .success_search .search_contents {position:relative; width:100%;} .success .success_search .search_contents .search_contents_circle {width:100%; font-size:0;} .success .success_search .search_contents .search_contents_circle .search_contents_circle_text {position:relative; display:inline-block; vertical-align:top; width:400px; margin:150px 0;} .success .success_search .search_contents .search_contents_circle .search_contents_circle_text .circleline {position:absolute; top:50%; left:50%; width:135%; border:1px solid #e60012; opacity:1; border-radius:100%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);} .success .success_search .search_contents .search_contents_circle .search_contents_circle_text .circleline:after {display:block; padding-bottom:100%; content:'';} .success .success_search .search_contents .search_contents_circle .search_contents_circle_text li {font-family:'GmarketSans'; text-align:center; font-weight:300; color:#000;} .success .success_search .search_contents .search_contents_circle .search_contents_circle_text li:nth-child(1) {font-weight:700; font-size:30px; line-height:30px;} .success .success_search .search_contents .search_contents_circle .search_contents_circle_text li:nth-child(2) {font-size:50px; margin:20px 0;} .success .success_search .search_contents .search_contents_circle .search_contents_circle_text li:nth-child(3) {font-size:17px; line-height:25px;} .success .success_search .search_contents .search_contents_circle .search_contents_circle_text li:nth-child(3) strong {background:#000; color:#fff; padding:2px 3px 0; font-weight:500; border-radius:5px;} .success .success_search .search_contents .search_contents_circle .search_contents_circle_centertext {position:absolute; top:210px; left:0; width:100%; font-family:'GmarketSans'; text-align:center; font-weight:700; font-size:25px; line-height:25px; color:#e60012; animation:bling 1.5s linear infinite;} .success .success_search .search_contents .search_contents_circle .search_contents_circle_centertext img {width:80px; margin-top:10px;} .success .success_search .search_contents .search_contents_circle .search_contents_circle_center {position:relative; display:table; margin:50px auto 0; animation:bling 1.5s linear infinite;} .success .success_search .search_contents .search_contents_circle .search_contents_circle_center .centerdline {position:absolute; top:-250px; left:50%; width:1px; height:190px; content:''; border-left:1px dashed #e60012;} .success .success_search .search_contents .search_contents_circle .search_contents_circle_center .centerdline:after {position:absolute; top:100%; left:50%; content:'▼'; font-family:'GmarketSans'; text-align:center; font-weight:700; font-size:12px; color:#e60012; margin-left:-6px;} .success .success_search .search_contents .search_contents_circle .search_contents_circle_center ul {position:relative; display:table;} .success .success_search .search_contents .search_contents_circle .search_contents_circle_center ul:before {position:absolute; top:-20%; left:-10%; width:120%; height:5px; border:1px solid #e60012; border-bottom:none; content:'';} .success .success_search .search_contents .search_contents_circle .search_contents_circle_center ul:after {position:absolute; bottom:-10%; left:-10%; width:120%; height:5px; border:1px solid #e60012; border-top:none; content:'';} .success .success_search .search_contents .search_contents_circle .search_contents_circle_center li {display:table; font-family:'GmarketSans'; text-align:center; font-weight:300; color:#000; margin:0 auto;} .success .success_search .search_contents .search_contents_circle .search_contents_circle_center li:nth-child(1) {font-size:38px; line-height:50px;} .success .success_search .search_contents .search_contents_circle .search_contents_circle_center li:nth-child(1) span {position:relative;} .success .success_search .search_contents .search_contents_circle .search_contents_circle_center li:nth-child(1) span:after {position:absolute; bottom:0; left:0; width:100%; height:5px; content:''; background:url('../images/line_under.png') no-repeat; background-size:100% 100%; z-index:1;} .success .success_search .search_contents .search_contents_circle .search_contents_circle_center li:nth-child(1) b {font-weight:300; position:relative;} .success .success_search .search_contents .search_contents_circle .search_contents_circle_center li:nth-child(1) b:after {position:absolute; top:-50%; left:-20%; width:140%; height:200%; content:''; background:url('../images/line_circle.png') no-repeat; background-size:100% 100%; z-index:1;} .success .success_search .search_contents .search_contents_circle .search_contents_circle_center li:nth-child(1) strong {font-weight:700;} .success .success_search .search_contents .search_contents_circle .search_contents_circle_center li:nth-child(2) {margin:20px 0;} .success .success_search .search_contents .search_contents_circle .search_contents_circle_center li img {width:390px;} .success .multi_store_title {width:100%; margin-top:100px;} .successd .multi_store_title ul {width:100%;} .success .multi_store_title li {width:100%; font-family:'GmarketSans'; text-align:center; font-weight:500; color:#e60012} .success .multi_store_title li:nth-child(1) {font-weight:700; font-size:50px;} .success .multi_store_title li:nth-child(2) {font-size:20px; line-height:30px; margin-top:20px;} .success .head_title {display:table; width:100%; font-family:'GmarketSans'; text-align:center; font-weight:500; font-size:60px; line-height:70px; color:#000; margin-top:100px;} .success .head_title span {color:#e60012; /*background:#e60012; font-weight:700; color:#fff; padding:8px 10px 0;*/} .success .head_title strong, .success .head_title b {font-weight:700;} .success .head_title2 {display:table; width:100%; font-family:'GmarketSans'; text-align:center; font-weight:500; font-size:25px; line-height:35px; color:#000; margin-top:20px;} .success .head_title2 .moline {display:none;} .success .multi_store {position:relative; display:table; width:100%; height:558px; margin:50px 0;} .success .multi_store ul {position:absolute; top:0; left:0; font-size:0; height:100%; white-space:nowrap; will-change:transform; animation:marquee 40s linear infinite; z-index:3;} .success .multi_store li {display:inline-block; vertical-align:top; height:100%; margin:0 10px;} .success .multi_store img {height:100%;} .success .why {width:100%; max-width:1460px; padding:0 50px; margin:150px auto 0;} .success .why .why_title {width:100%;} .success .why .why_title ul {position:relative; display:table; width:100%; font-size:0; text-align:center;} .success .why .why_title ul:first-child li {display:inline-block; vertical-align:top; font-family:'GmarketSans'; text-align:center; font-weight:700; font-size:80px; line-height:80px; color:#e60012;} .success .why .why_title ul:first-child li:nth-child(1) {margin-top:13px; margin-right:30px;} .success .why .why_title ul:first-child li:nth-child(2) img {height:92px;} .success .why .why_title ul:last-child li {font-family:'GmarketSans'; text-align:center; font-weight:300;} .success .why .why_title ul:last-child li:nth-child(1) {font-weight:700; color:transparent; font-size:160px; -webkit-text-stroke: 1px #e60012; opacity:.1;} .success .why .why_title ul:last-child li:nth-child(2) {position:absolute; top:30px; left:0; width:100%; font-size:30px; line-height:40px;} .success .why .why_title ul:last-child li:nth-child(2) strong {font-weight:700;} .success .why .why_title ul:last-child li:nth-child(2) span {color:#e60012;} .success .why .why_contents {position:relative; width:100%; font-size:0; margin:50px 0 100px;} .success .why .why_contents:after {position:absolute; bottom:100%; left:50%; margin-left:-25%; content:''; width:50%; height:20px; border:1px solid #000; border-bottom:0;} .success .why .why_contents:before {position:absolute; bottom:100%; left:50%; content:''; width:1px; height:50px; margin-bottom:20px; background:#000;} .success .why .why_contents ul {display:inline-block; vertical-align:top; width:50%; padding:30px 10px;} .success .why .why_contents li {font-family:'GmarketSans'; text-align:center; font-weight:300; color:#000;} .success .why .why_contents li:nth-child(1) {font-size:50px;} .success .why .why_contents li:nth-child(2) {font-weight:500; font-size:30px; margin:20px 0;} .success .why .why_contents li:nth-child(3) {font-size:17px; line-height:30px;} .success .why .why_contents li:nth-child(3) strong {font-weight:500;} .success .why .why_contents li:nth-child(3) span {font-weight:500; color:#e60012;} .success .brand_whitebg {display:table; width:100%; background:#fff; padding:0;} .success .gallery {display:table; width:100%; padding:50px; font-size:0; background:linear-gradient(to bottom, transparent 0% 50%, #fff 50% 100%);} .success .gallery ul {float:left; width:25%;} .success .gallery li {position:relative; float:left; width:50%; padding:1px; } .success .gallery li:after {position:absolute; top:0; left:0; width:100%; height:100%; content:''; z-index:3;} .success .gallery ul:nth-child(odd) li:first-child {width:100%;} .success .gallery ul:nth-child(even) li:last-child {width:100%;} .success .gallery div {position:relative; width:100%; overflow:hidden;} .success .gallery iframe {position:absolute; top:0; left:50%; width:1500px; margin-left:-750px; height:100%; z-index:2; transition:all .2s ease; -webkit-transition:all .2s ease;} .success .gallery img {width:100%; transition:all .2s ease; -webkit-transition:all .2s ease;} .success .gallery li:hover iframe {-webkit-transform:scale(1.05); -ms-transform:scale(1.05); transform:scale(1.05);} .success .gallery li:hover img {-webkit-transform:scale(1.05); -ms-transform:scale(1.05); transform:scale(1.05);} .success .gallery .s_point {position:absolute; top:50%; left:0; width:100%; transform:translateY(-50%); -webkit-transform:translateY(-50%); z-index:6;} .success .gallery .s_point * {transition:all .1s ease; -webkit-transition:all .1s ease;} .success .gallery .s_point ul {width:100%;} .success .gallery .s_point li {width:100%; font-family:'GmarketSans'; text-align:center; font-weight:300; color:#fff; text-shadow:0 0 3px #000;} .success .gallery .s_point li:nth-child(1) {font-weight:700; font-size:40px;} .success .gallery .s_point li:nth-child(2) {font-weight:500; font-size:20px;} .success .gallery .s_point li:nth-child(3) {font-size:17px; line-height:25px; height:0;} .success .gallery li:hover .s_point li:nth-child(1) {font-size:50px;} .success .gallery li:hover .s_point li:nth-child(2) {font-size:30px;} .success .gallery li:hover .s_point li:nth-child(3) {display:table; height:auto; margin-top:30px;} .success .burgerry_point {display:none; width:100%; max-width:1460px; font-size:0; padding:50px; margin:0 auto;} .success .burgerry_point ul {display:inline-block; vertical-align:top; width:25%; padding:10px; transition:all .2s ease; -webkit-transition:all .2s ease;} .success .burgerry_point ul:hover {padding:0;} .success .burgerry_point li {width:100%; font-family:'GmarketSans'; text-align:center; font-weight:300; color:#000;} .success .burgerry_point li:nth-child(1) {position:relative; border-radius:100%; overflow:hidden;} .success .burgerry_point li:nth-child(1):after {display:block; padding-bottom:100%; content:'';} .success .burgerry_point li:nth-child(1) img {position:absolute; top:0; left:0; width:100%;} .success .burgerry_point li:nth-child(2) {font-size:30px; margin:30px 0;} .success .burgerry_point li:nth-child(3) {font-size:24px; line-height:30px;} .success .burgerry_point li:nth-child(3) strong {font-weight:500; color:#e60012;} .success .burgerry_map {position:relative; display:table; width:100%; max-width:1460px; font-size:0; padding:50px; padding-top:250px; margin:100px auto;} .success .burgerry_map .burgerry_map_title {position:absolute; top:0; left:0; width:100%; padding:30px; background:linear-gradient(to bottom, rgba(255,255,255,1), rgba(255,255,255,1), rgba(255,255,255,.8)); z-index:2;} .success .burgerry_map .burgerry_map_title li {width:100%; font-family:'GmarketSans'; text-align:center; font-weight:300; color:#000;} .success .burgerry_map .burgerry_map_title li:nth-child(1) {font-size:50px;} .success .burgerry_map .burgerry_map_title li:nth-child(1) strong {position:relative; font-weight:700;} .success .burgerry_map .burgerry_map_title li:nth-child(1) strong:after {position:absolute; top:-40px; left:16px; content:'····'; letter-spacing:32px;} .success .burgerry_map .burgerry_map_title li:nth-child(2) {font-size:80px; line-height:90px; margin-top:10px;} .success .burgerry_map .burgerry_map_title li:nth-child(2) strong {font-weight:700;} .success .burgerry_map .burgerry_map_title li:nth-child(3) {font-size:80px; line-height:90px;} .success .burgerry_map .burgerry_map_title li:nth-child(3) strong {font-weight:700; color:#e60012; animation:bling 2s linear infinite;} .success .burgerry_map .burgerry_map_title li:nth-child(4) {font-weight:500; font-size:31px; line-height:40px; margin-top:10px;} .success .burgerry_map .burgerry_map_title li:nth-child(5) {font-size:20px; line-height:30px; margin:30px 0 0;} .success .burgerry_map .burgerry_map_title li:nth-child(5) strong {font-weight:700;} .success .burgerry_map .burgerry_map_title li:nth-child(5) span {font-weight:500; color:#fff; background:#e60012; padding:3px 5px 0;} .success .burgerry_map .burgerry_map_contents {position:relative; width:70%; max-width:915px; margin:50px auto 0;} .success .burgerry_map .burgerry_map_contents .mappoint1 {position:absolute; top:63%; left:42%; margin-left:50px; margin-top:-100px; z-index:1;} .success .burgerry_map .burgerry_map_contents .mappoint1 img {width:100px;} .success .burgerry_map .burgerry_map_contents .mappoint {position:absolute; z-index:1; width:120px; height:120px; font-family:'GmarketSans'; text-align:center; font-weight:500; font-size:23px; line-height:25px; color:#fff; background:rgba(0,0,0,.8); border-radius:100%; padding-top:36px; margin-top:-60px; margin-left:-60px;} .success .burgerry_map .burgerry_map_contents .mappoint2 {top:45%; left:20%;} .success .burgerry_map .burgerry_map_contents .mappoint3 {top:35%; left:80%;} .success .burgerry_map .burgerry_map_contents .mappoint4 {top:78%; left:55%;} .success .burgerry_map .burgerry_map_contents .map_area {position:absolute; bottom:-2%; left:2%; z-index:1; width:120px; height:120px; font-family:'GmarketSans'; text-align:center; font-weight:500; font-size:20px; line-height:25px; color:#fff; background:#e60012; border-radius:100%; padding-top:36px;} .success .burgerry_map .burgerry_map_contents .map_area:after {position:absolute; right:5px; top:-20px; content:''; width:31px; height:35px; background:url('../images/success_arrow.png'); background-size:100% 100%;} .success .burgerry_map .burgerry_map_contents .burgerry_map_img {position:relative; width:100%; border-radius:100%; background:url('../images/success_map.jpg'); background-size:cover; border:2px solid #e60012; overflow:hidden;} .success .burgerry_map .burgerry_map_contents .burgerry_map_img:before {display:block; padding-bottom:100%; content:'';} .success .burgerry_map .burgerry_map_contents .burgerry_map_img:after {position:absolute; top:0; left:0; content:''; width:100%; height:100%; border:7px solid #fff; border-radius:100%; box-sizing:border-box;} .success .burgerry_map .burgerry_map_contents .burgerry_map_img img {position:absolute; top:0; left:0; width:100%;} .success .burgerry_map .burgerry_map_select {position:relative; width:100%; text-align:center; margin:50px auto 0;} .success .burgerry_map .burgerry_map_select ul {display:inline-block; vertical-align:top;} .success .burgerry_map .burgerry_map_select ul:last-child {width:100%;} .success .burgerry_map .burgerry_map_select ul:nth-child(1), .success .burgerry_map .burgerry_map_select ul:nth-child(3) {width:400px; padding:30px;} .success .burgerry_map .burgerry_map_select li {width:100%; font-family:'GmarketSans'; text-align:center; font-weight:300; color:#000;} .success .burgerry_map .burgerry_map_select ul:nth-child(1) li:nth-child(1), .success .burgerry_map .burgerry_map_select ul:nth-child(3) li:nth-child(1) {font-weight:500; font-size:50px;} .success .burgerry_map .burgerry_map_select ul:nth-child(3) li:nth-child(1) {font-weight:700; color:#e60012;} .success .burgerry_map .burgerry_map_select ul:nth-child(1) li:nth-child(2), .success .burgerry_map .burgerry_map_select ul:nth-child(3) li:nth-child(2) {font-weight:500; font-size:20px; line-height:30px; margin-top:15px; letter-spacing:-1px;} .success .burgerry_map .burgerry_map_select ul:nth-child(1) li:nth-child(2) span, .success .burgerry_map .burgerry_map_select ul:nth-child(3) li:nth-child(2) span {color:#fff; background:#000; border-radius:100px; padding:5px 15px 2px;} .success .burgerry_map .burgerry_map_select ul:nth-child(3) li:nth-child(2) span {background:#e60012;} .success .burgerry_map .burgerry_map_select ul:nth-child(3) li:nth-child(2) strong {font-weight:700; color:#e60012;} .success .burgerry_map .burgerry_map_select ul:nth-child(3) li:nth-child(2) b {font-weight:700;} .success .burgerry_map .burgerry_map_select ul:nth-child(2) li {font-weight:700; font-size:172px; margin-top:5px; color:transparent; -webkit-text-stroke: 1px #000;} .success .burgerry_map .burgerry_map_select ul:last-child li {font-weight:500; font-size:70px; line-height:80px;} .success .burgerry_map .burgerry_map_select ul:last-child li span {position:relative; font-weight:700; color:#e60012;} .success .burgerry_map .burgerry_map_select ul:last-child li span:after {position:absolute; bottom:0; left:0; width:100%; height:10px; content:''; background:url('../images/line_under.png') no-repeat; background-size:100% 100%; z-index:1;} .success .burgerry_map .burgerry_map_select ul:last-child li strong {position:relative; font-weight:700; color:#e60012;} .success .burgerry_map .burgerry_map_select ul:last-child li strong:after {position:absolute; top:-50%; left:-20%; width:140%; height:200%; content:''; background:url('../images/line_circle.png') no-repeat; background-size:100% 100%; z-index:1;} @media (max-width:750px){ .success {} .success .success_foodimg1 {top:-170px; margin-left:-250px;} .success .success_foodimg1 img {width:130px;} .success .success_foodimg2 {top:-10px; margin-left:-260px;} .success .success_foodimg2 img {width:230px;} .success .success_foodimg3 {top:50px; margin-left:110px;} .success .success_foodimg3 img {width:350px;} .success .success_search {padding:0;} .success .success_search .search_title li:nth-child(1) img {width:85px;} .success .success_search .search_title li:nth-child(2) {font-size:30px; line-height:25px;} .success .success_search .search_title li:nth-child(2) strong {font-size:35px;} .success .success_search .search_slide {top:14px; left:180px; width:1000px; height:20px;} .success .success_search .search_slide:before {height:1.5px;} .success .success_search .search_slide:after {width:15px; height:18.5px;} .success .success_search .search_slide ul {position:absolute; top:50%; left:0; white-space:nowrap; will-change:transform; animation:marquee 60s linear infinite; z-index:3; margin-top:-10px;} .success .success_search .search_slide li {font-size:13px; line-height:20px;} .success .success_search .search_contents .search_contents_circle .search_contents_circle_text {width:170px; margin:80px 0;} .success .success_search .search_contents .search_contents_circle .search_contents_circle_text .circleline {width:130%; border-width:1px;} .success .success_search .search_contents .search_contents_circle .search_contents_circle_text li:nth-child(1) {font-size:13px; line-height:15px; letter-spacing:-1.5px;} .success .success_search .search_contents .search_contents_circle .search_contents_circle_text li:nth-child(2) {font-size:20px; margin:2px 0;} .success .success_search .search_contents .search_contents_circle .search_contents_circle_text li:nth-child(3) {font-size:10px; line-height:14.5px; padding:0 0; letter-spacing:-1px; padding:0 1px 1px; border-radius:2px; margin-top:10px;} .success .success_search .search_contents .search_contents_circle .search_contents_circle_centertext {top:117px; font-size:12px; line-height:13px; letter-spacing:-1px;} .success .success_search .search_contents .search_contents_circle .search_contents_circle_centertext img {width:30px; margin-top:5px;} .success .success_search .search_contents .search_contents_circle .search_contents_circle_center {margin:0 auto 0;} .success .success_search .search_contents .search_contents_circle .search_contents_circle_center .centerdline {top:-110px; width:1px; height:85px; border-width:1px;} .success .success_search .search_contents .search_contents_circle .search_contents_circle_center .centerdline:after {font-size:6px; margin-left:-3.5px;} .success .success_search .search_contents .search_contents_circle .search_contents_circle_center ul:before {height:3px; border-width:.5px; border-bottom:none;} .success .success_search .search_contents .search_contents_circle .search_contents_circle_center ul:after {height:3px; border-width:.5px; border-top:none;} .success .success_search .search_contents .search_contents_circle .search_contents_circle_center li:nth-child(1) {font-size:15px; line-height:18px;} .success .success_search .search_contents .search_contents_circle .search_contents_circle_center li:nth-child(1) span:after {height:3px;} .success .success_search .search_contents .search_contents_circle .search_contents_circle_center li:nth-child(2) {margin:10px 0;} .success .success_search .search_contents .search_contents_circle .search_contents_circle_center li img {width:160px;} .success .multi_store_title {margin-top:50px;} .success .multi_store_title li:nth-child(1) {font-size:20px;} .success .multi_store_title li:nth-child(2) {font-size:12px; line-height:15px; margin-top:10px;} .success .head_title {font-size:20px; line-height:25px; margin-top:50px;} .success .head_title span {padding:3px 5px 0;} .success .head_title2 {font-size:12px; line-height:15px; margin-top:10px;} .success .head_title2 .moline {display:table;} .success .multi_store {height:150px; margin:30px 0 0;} .success .multi_store li {margin:0 5px;} .success .why {padding:0 10px; margin-top:50px;} .success .why .why_title ul:first-child li {font-size:20px; line-height:15px;} .success .why .why_title ul:first-child li:nth-child(1) {margin-top:6px; margin-right:5px;} .success .why .why_title ul:first-child li:nth-child(2) img {height:23px;} .success .why .why_title ul:last-child li:nth-child(1) {font-size:40px; margin-top:10px; -webkit-text-stroke: .5px #e60012; } .success .why .why_title ul:last-child li:nth-child(2) {top:12px; font-size:12px; line-height:15px;} .success .why .why_contents {margin:50px 0 50px;} .success .why .why_contents:after {height:5px; border-width:.5px; border-bottom:0;} .success .why .why_contents:before {width:.5px; height:25px; margin-bottom:5px;} .success .why .why_contents ul {padding:15px 5px;} .success .why .why_contents li:nth-child(1) {font-size:20px;} .success .why .why_contents li:nth-child(2) {font-size:15px; margin:10px 0;} .success .why .why_contents li:nth-child(3) {font-size:10px; line-height:12px;} .success .why .why_contents li:nth-child(3) strong {font-weight:500;} .success .gallery {padding:10px;} .success .gallery ul {width:50%;} .success .gallery li {padding:.5px;} .success .gallery .s_point li:nth-child(1) {font-size:15px;} .success .gallery .s_point li:nth-child(2) {font-size:12px;} .success .gallery .s_point li:nth-child(3) {font-size:9px; line-height:10px; height:0; opacity:0;} .success .gallery li:hover .s_point li:nth-child(1) {font-size:18px;} .success .gallery li:hover .s_point li:nth-child(2) {font-size:14px;} .success .gallery li:hover .s_point li:nth-child(3) {display:table; height:auto; margin-top:15px; opacity:1;} .success .burgerry_point {padding:20px 50px;} .success .burgerry_point ul {width:50%; padding:10px;} .success .burgerry_point li:nth-child(2) {font-size:20px; margin:15px 0;} .success .burgerry_point li:nth-child(3) {font-size:13px; line-height:15px;} .success .burgerry_point li:nth-child(3) strong {font-weight:500; color:#e60012;} .success .burgerry_map {padding:10px;margin:50px auto;} .success .burgerry_map .burgerry_map_title {padding:10px;} .success .burgerry_map .burgerry_map_title li:nth-child(1) {font-size:17px;} .success .burgerry_map .burgerry_map_title li:nth-child(1) strong:after {top:-13px; left:5px; content:'····'; letter-spacing:11px;} .success .burgerry_map .burgerry_map_title li:nth-child(2) {font-size:33px; line-height:35px; margin-top:5px;} .success .burgerry_map .burgerry_map_title li:nth-child(3) {font-size:33px; line-height:35px;} .success .burgerry_map .burgerry_map_title li:nth-child(4) {font-size:13px; line-height:20px; margin-top:5px;} .success .burgerry_map .burgerry_map_title li:nth-child(5) {font-size:13px; line-height:17px; margin:15px 0 0;} .success .burgerry_map .burgerry_map_title li:nth-child(5) span {padding:1px 1px 0;} .success .burgerry_map .burgerry_map_contents {width:100%; max-width:500px; margin:100px auto 0;} .success .burgerry_map .burgerry_map_contents .mappoint1 {top:65%; left:50%; margin-left:-25px; margin-top:-50px;} .success .burgerry_map .burgerry_map_contents .mappoint1 img {width:50px;} .success .burgerry_map .burgerry_map_contents .mappoint {width:60px; height:60px; font-size:12px; line-height:13px; padding-top:17px; margin-top:-30px; margin-left:-30px;} .success .burgerry_map .burgerry_map_contents .map_area {width:60px; height:60px; font-size:12px; line-height:13px; padding-top:17px;} .success .burgerry_map .burgerry_map_contents .map_area:after {right:5px; top:-15px; width:15px; height:20px;} .success .burgerry_map .burgerry_map_contents .burgerry_map_img {border-width:1px;} .success .burgerry_map .burgerry_map_contents .burgerry_map_img:after {border-width:3px;} .success .burgerry_map .burgerry_map_select {margin:30px auto 0;} .success .burgerry_map .burgerry_map_select ul:nth-child(1), .success .burgerry_map .burgerry_map_select ul:nth-child(2), .success .burgerry_map .burgerry_map_select ul:nth-child(3) {width:auto; padding:5px;} .success .burgerry_map .burgerry_map_select ul:nth-child(1) li:nth-child(1), .success .burgerry_map .burgerry_map_select ul:nth-child(3) li:nth-child(1) {font-size:20px;} .success .burgerry_map .burgerry_map_select ul:nth-child(1) li:nth-child(2), .success .burgerry_map .burgerry_map_select ul:nth-child(3) li:nth-child(2) {font-size:10px; line-height:15px; margin-top:5px; letter-spacing:-.5px;} .success .burgerry_map .burgerry_map_select ul:nth-child(1) li:nth-child(2) span, .success .burgerry_map .burgerry_map_select ul:nth-child(3) li:nth-child(2) span {padding:3px 3px 2px;} .success .burgerry_map .burgerry_map_select ul:nth-child(2) li {font-size:30px; margin-top:15px; -webkit-text-stroke: .5px #000;} .success .burgerry_map .burgerry_map_select ul:last-child li {font-size:20px; line-height:25px; margin-top:30px;} .success .burgerry_map .burgerry_map_select ul:last-child li span:after {height:5px;} } @media (max-width:350px){ .success .burgerry_map .burgerry_map_select ul:nth-child(3) li:nth-child(2) {font-size:8px; line-height:12px; margin-top:5px; letter-spacing:-1px;} .success .burgerry_map .burgerry_map_select ul:nth-child(2) li {font-size:20px; margin-top:17px; -webkit-text-stroke: .5px #000;} } @media (max-width:340px){ .success .success_search .search_contents .search_contents_circle .search_contents_circle_text {width:160px; margin:80px 0;} .success .success_search .search_contents .search_contents_circle .search_contents_circle_text .circleline {width:128%; border-width:1px;} .success .success_search .search_contents .search_contents_circle .search_contents_circle_centertext {top:125px; font-size:11px; line-height:12px;} .success .success_search .search_contents .search_contents_circle .search_contents_circle_centertext img {width:20px; margin-top:5px;} .success .success_search .search_contents .search_contents_circle .search_contents_circle_center {margin:0 auto 0;} .success .success_search .search_contents .search_contents_circle .search_contents_circle_center .centerdline {top:-115px; height:85px;} .success .success_search .search_contents .search_contents_circle .search_contents_circle_center ul:before {height:3px; border-width:.5px; border-bottom:none;} .success .success_search .search_contents .search_contents_circle .search_contents_circle_center ul:after {height:3px; border-width:.5px; border-top:none;} .success .success_search .search_contents .search_contents_circle .search_contents_circle_center li:nth-child(1) {font-size:15px; line-height:18px;} .success .success_search .search_contents .search_contents_circle .search_contents_circle_center li:nth-child(1) span:after {height:3px;} .success .success_search .search_contents .search_contents_circle .search_contents_circle_center li:nth-child(2) {margin:10px 0;} .success .success_search .search_contents .search_contents_circle .search_contents_circle_center li img {width:160px;} } @media (max-width:320px){ .success .success_search .search_contents .search_contents_circle .search_contents_circle_text {width:140px; margin:80px 0;} .success .success_search .search_contents .search_contents_circle .search_contents_circle_text .circleline {width:133%; border-width:1px;} .success .success_search .search_contents .search_contents_circle .search_contents_circle_text li:nth-child(2) {display:none;} .success .success_search .search_contents .search_contents_circle .search_contents_circle_text li:nth-child(3) {font-size:8px; line-height:12px;} .success .success_search .search_contents .search_contents_circle .search_contents_circle_text li:nth-child(3) strong {border-radius:1px;} .success .success_search .search_contents .search_contents_circle .search_contents_circle_centertext {top:105px; font-size:10px; line-height:12px;} .success .success_search .search_contents .search_contents_circle .search_contents_circle_centertext img {width:20px; margin-top:5px;} .success .success_search .search_contents .search_contents_circle .search_contents_circle_center {margin:0 auto 0;} .success .success_search .search_contents .search_contents_circle .search_contents_circle_center .centerdline {top:-95px; height:70px;} .success .success_search .search_contents .search_contents_circle .search_contents_circle_center ul:before {height:3px; border-width:.5px; border-bottom:none;} .success .success_search .search_contents .search_contents_circle .search_contents_circle_center ul:after {height:3px; border-width:.5px; border-top:none;} .success .success_search .search_contents .search_contents_circle .search_contents_circle_center li:nth-child(1) {font-size:15px; line-height:18px;} .success .success_search .search_contents .search_contents_circle .search_contents_circle_center li:nth-child(1) span:after {height:3px;} .success .success_search .search_contents .search_contents_circle .search_contents_circle_center li:nth-child(2) {margin:10px 0;} .success .success_search .search_contents .search_contents_circle .search_contents_circle_center li img {width:160px;} } /*회사소개*/ .brand {padding:0;} .brand .stylish {position:relative; display:table; width:100%; margin:0 auto; padding-bottom:250px; background:#e60012 url('../images/checkbg.png') top left;} .brand .stylish .stylish_contents {position:relative; width:100%; padding:50px; background:linear-gradient(to bottom, #fff 0 50%, transparent 50% 100%);} .brand .stylish .stylish_contents .stylish_text {position:absolute; top:200px; left:0; width:100%; padding:0 100px; z-index:3;} .brand .stylish .stylish_contents .stylish_text .stylish_text_impact {position:absolute; top:-30px; left:50%; margin-left:-400px; border-radius:100%; width:170px; background:linear-gradient(to bottom, #f5e880, #d6a03c); box-shadow:0 0 3px rgba(0,0,0,.3); z-index:5; transform:rotate(-20deg); -webkit-transform:rotate(-20deg); border:3px solid #d6a03c; animation:bling 2s linear infinite;} .brand .stylish .stylish_contents .stylish_text .stylish_text_impact:after {display:block; padding-bottom:100%; content:'';} .brand .stylish .stylish_contents .stylish_text .stylish_text_impact:before {position:absolute; top:2%; left:2%; width:96%; height:96%; content:''; border:1px solid #d6a03c; border-radius:100%; box-sizing:border-box; -webkit-box-shadow:inset 0 0 5px rgba(0,0,0,.5);} .brand .stylish .stylish_contents .stylish_text .stylish_text_impact div {position:absolute; top:0; left:0; width:100%; font-family:'GmarketSans'; text-align:center; font-weight:700; font-size:18px; line-height:20px; color:#514023; padding-top:30px;} .brand .stylish .stylish_contents .stylish_text .stylish_text_impact div strong {font-weight:700; color:#b8812a; font-size:23px; line-height:25px;} .brand .stylish .stylish_contents .stylish_text .stylish_text_impact div span {font-size:15px;} .brand .stylish .stylish_contents .stylish_text li {width:100%; font-family:'GmarketSans'; text-align:center; font-weight:300; color:#fff; margin:10px 0;} .brand .stylish .stylish_contents .stylish_text li:nth-child(1) {font-weight:700; font-size:81px; line-height:81px;} .brand .stylish .stylish_contents .stylish_text li:nth-child(2) {font-weight:700; font-size:118px; line-height:118px;} .brand .stylish .stylish_contents .stylish_text li:nth-child(3) {font-weight:700; font-size:118px; line-height:118px;} .brand .stylish .stylish_contents .stylish_text li:nth-child(4) {font-size:22px; line-height:35px; margin-top:50px;} .brand .stylish .stylish_contents .stylish_text li:nth-child(4) strong {font-weight:700;} .brand .stylish .stylish_contents .stylish_text li:nth-child(4) span {background:#e60012; font-weight:700; padding:8px 10px 5px;} .brand .stylish .stylish_contents .movie {position:relative; width:100%; height:1000px; background:#000; overflow:hidden;} .brand .stylish .stylish_contents .movie:after {position:absolute; top:0; left:0; width:100%; height:100%; content:''; z-index:2;} .brand .stylish .stylish_contents .movie iframe {position:absolute; top:0; left:50%; width:2500px; height:1100px; z-index:1; margin-left:-1250px; opacity:.5;} .brand .stylish .stylish_logo {position:absolute; bottom:-45px; left:50%; width:2000px; font-family:'GmarketSans'; text-align:center; font-weight:700; font-size:230px; line-height:230px; color:#fff; margin-left:-1000px; z-index:1; display:none;} .brand .stylish .stylish_burger {position:absolute; bottom:-200px; left:0; width:100%; z-index:2;} .brand .stylish .stylish_burger li {font-family:'GmarketSans'; text-align:center; font-weight:300; color:#000;} .brand .stylish .stylish_burger li:nth-child(1) img {width:1200px;} .brand .stylish .stylish_burger li:nth-child(2) {font-weight:500; font-size:30px; line-height:35px;} .brand .stylish .stylish_burger li:nth-child(2) strong {font-weight:700;} .brand .since {width:100%; max-width:1460px; padding:0 50px; margin:300px auto 0;} .brand .since li {display:table; font-family:'GmarketSans'; text-align:center; font-weight:300; color:#000; margin:0 auto;} .brand .since li:nth-child(1) {font-weight:700; font-size:100px; line-height:110px; background:url('../images/success_textbg.jpg') no-repeat center; background-size:cover; -webkit-text-fill-color:transparent; -webkit-background-clip:text;} .brand .since li:nth-child(2) {font-size:20px; line-height:35px; margin:30px auto 0;} .brand .since li:nth-child(2) span {font-weight:700; font-size:25px; color:#e60012;} .brand .since li:nth-child(2) strong {font-weight:500;} @media (max-width:750px){ .brand .stylish {padding-bottom:100px; background-size:50px;} .brand .stylish .stylish_contents {padding:10px;} .brand .stylish .stylish_contents .stylish_text {top:100px; padding:0 20px;} .brand .stylish .stylish_contents .stylish_text .stylish_text_impact {top:-50px; margin-left:-160px; width:100px; border-width:2px;} .brand .stylish .stylish_contents .stylish_text .stylish_text_impact:before {border-width:.5px; -webkit-box-shadow:inset 0 0 3px rgba(0,0,0,.5);} .brand .stylish .stylish_contents .stylish_text .stylish_text_impact div {font-size:11px; line-height:13px; padding-top:14px;} .brand .stylish .stylish_contents .stylish_text .stylish_text_impact div strong {font-size:13px; line-height:15px;} .brand .stylish .stylish_contents .stylish_text .stylish_text_impact div span {font-size:7px;} .brand .stylish .stylish_contents .stylish_text li {margin:5px 0;} .brand .stylish .stylish_contents .stylish_text li:nth-child(1) {font-size:21px; line-height:23px;} .brand .stylish .stylish_contents .stylish_text li:nth-child(2) {font-size:30px; line-height:30px;} .brand .stylish .stylish_contents .stylish_text li:nth-child(3) {font-size:30px; line-height:30px;} .brand .stylish .stylish_contents .stylish_text li:nth-child(4) {font-size:11px; line-height:13px; margin-top:20px;} .brand .stylish .stylish_contents .stylish_text li:nth-child(4) span {padding:3px 5px 2px;} .brand .stylish .stylish_contents .movie {height:500px;} .brand .stylish .stylish_contents .movie iframe {height:100%;} .brand .stylish .stylish_logo {bottom:-13px; font-size:60px; line-height:60px;} .brand .stylish .stylish_burger {bottom:-60px;} .brand .stylish .stylish_burger li:nth-child(1) {padding:0 10px;} .brand .stylish .stylish_burger li:nth-child(1) img {width:100%; max-width:400px;} .brand .stylish .stylish_burger li:nth-child(2) {font-size:13px; line-height:15px;} .brand .since {padding:0 10px; margin:120px auto 0;} .brand .since li:nth-child(1) {font-size:35px; line-height:40px;} .brand .since li:nth-child(2) {font-size:12px; line-height:15px; margin:15px auto 0;} .brand .since li:nth-child(2) span {font-size:13px;} } /*본사*/ .headcontents {padding-top:100px;} .headcontents .head {position:relative; display:table; width:100%; background:#fff; padding:0 50px 0; margin:0 auto;} .headcontents .head .head_img {display:table; width:100%; max-width:1460px; margin:0 auto;} .headcontents .head .head_img ul {float:left; width:33.33%; padding:5px;} .headcontents .head .head_img li {width:100%; line-height:0; padding:0; margin:0;} .headcontents .head .head_img li img {width:100%;} .headcontents .head .head_img li:nth-child(2) {background:#e60012; font-family:'GmarketSans'; text-align:center; font-weight:500; font-size:20px; line-height:30px; color:#fff; padding:2px 0 0;} .headcontents .head .head_text {display:table; width:100%; max-width:1460px; margin:0 auto; display:none;} .headcontents .head .head_text li {width:100%; font-family:'GmarketSans'; text-align:center; font-weight:300; color:#000;} /* .headcontents .head .head_text li:nth-child(1) img {width:368px;}*/ .headcontents .head .head_text li:nth-child(1) {font-size:20px; line-height:35px; margin:50px 0;} .headcontents .head .head_text li:nth-child(1) strong {font-size:25px; font-weight:500;} .headcontents .head .head_partner {position:relative; display:table; max-width:1460px; font-size:0; text-align:center;border:1px solid rgba(0,0,0,.1); padding:50px; margin:50px auto 0; display:none;} .headcontents .head .head_partner .head_partner_title {position:absolute; top:-37px; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); font-family:'GmarketSans'; font-weight:300; font-size:20px; line-height:35px; color:#000; background:#fff; padding:20px;} .headcontents .head .head_partner li {display:inline-block; vertical-align:top; margin:10px;} .headcontents .head .head_partner li img {height:48px;} @media (max-width:750px){ .headcontents {padding-top:50px;} .headcontents .head {padding:0 10px;} .headcontents .head .head_img ul {width:50%; padding:2px;} .headcontents .head .head_img li:nth-child(2) {font-size:12px; line-height:15px; padding:2px 0 0;} .headcontents .head .head_text {margin:30px auto 0;} /* .headcontents .head .head_text li:nth-child(1) img {width:200px;}*/ .headcontents .head .head_text li:nth-child(1) {font-size:12px; line-height:15px; margin:15px 0;} .headcontents .head .head_text li:nth-child(1) strong {font-size:14px;} .headcontents .head .head_partner {border-width:.5px; padding:10px; margin:20px auto 0;} .headcontents .head .head_partner .head_partner_title {top:-11px; font-size:13px; line-height:15px; padding:5px;} .headcontents .head .head_partner li {margin:5px;} .headcontents .head .head_partner li img {height:25px;} } /*핫브랜드*/ .hot {padding:0;} .hot .youtube {display:table; width:100%; max-width:1460px; text-align:center; font-size:0; padding:0 50px; margin:0 auto 100px;} .hot .youtube .youtube_title {width:100%; font-family:'GmarketSans'; text-align:center; font-weight:300; font-size:40px; line-height:60px; color:#000; margin:0 0 50px;} .hot .youtube .youtube_title li {display:inline-block; vertical-align:top; margin:0 5px;} .hot .youtube .youtube_title li img {height:50px;} .hot .youtube .youtube_content {display:inline-block; vertical-align:top; width:25%; padding:5px;} /* .hot .youtube .youtube_contents9, .hot .youtube .youtube_contents11, .hot .youtube .youtube_contents14 {width:33.33%;}*/ .hot .youtube .youtube_content .youtube_s_title {width:100%; font-family:'GmarketSans'; text-align:center; font-weight:300; font-size:20px; line-height:25px; color:#000; margin:10px 0 20px;} .hot .instagram_contents {position:relative; width:100%;} .hot .hot_title {position:relative; display:table; width:100%; max-width:1460px; font-family:'GmarketSans'; font-weight:300; font-size:75px; line-height:75px; color:#000; padding:200px 50px 80px; margin:0 auto;} .hot .hot_title strong {font-weight:700; 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;} .hot .hot_title .hot_title_e {position:absolute; top:0; left:50px; width:100%; font-family:'GmarketSans'; font-weight:700; font-size:180px; line-height:180px; color:#000; opacity:.1; white-space:nowrap; z-index:1;} .hot .hot_title img {position:absolute; top:0; left:50%; margin-left:300px; z-index:5;} .hot .sns_box {width:50%;} .hot .baemin {float:left;} .hot .instagram {float:right; margin-top:220px;} .hot .sns_box iframe {width:100%; height:490px;} .hot .sns_phone_slide {position:absolute; top:350px; left:50%; width:400px; margin-left:-200px; border:2px solid #000; border-radius:20px; overflow:hidden; z-index:5;} .hot .hot_text {position:relative; display:table; width:100%; max-width:1460px; margin:0 auto;} .hot .hot_text div {position:absolute; top:-170px; left:0; width:35%; padding:0 50px; font-family:'GmarketSans'; font-weight:300; font-size:25px; line-height:40px; color:#000;} .hot .hot_text div strong {font-weight:700;} .hot .hot_slidetext {position:relative; display:table; font-size:0; width:100%; height:250px;} .hot .hot_slidetext ul {position:absolute; top:50px; left:0; white-space:nowrap; will-change:transform; animation:marquee 120s linear infinite; z-index:3;} .hot .hot_slidetext li {display:inline-block; margin:0 10px; font-family:'GmarketSans'; text-align:center; font-weight:300; font-size:30px; line-height:100px; color:#000; opacity:.5;} .hot .instalive {display:table; width:100%; padding:0 50px;} .hot .instalive .instalive_title {width:100%; font-family:'GmarketSans'; text-align:center; font-weight:700; font-size:50px; line-height:50px; color:#000;} .hot .instalive .instalive_title strong {font-weight:700; color:#e60012;} .hot .instalive .instalive_title span {font-weight:300; font-size:20px; line-height:35px;} .hot .instalive .instalive_contents {width:100%; margin:50px 0 0;} @media (max-width:750px){ .hot .youtube {padding:0 10px; margin:0 auto 50px;} .hot .youtube .youtube_title {font-size:20px; line-height:22px; margin:0 0 30px;} .hot .youtube .youtube_title li {margin:0 3px;} .hot .youtube .youtube_title li img {height:18px;} .hot .youtube .youtube_content {padding:2px; width:33.33%;} .hot .youtube .youtube_content .youtube_s_title {font-size:12px; line-height:15px; margin:5px 0 10px;} .hot .hot_title {font-size:20px; line-height:20px; padding:50px 10px 50px;} .hot .hot_title .hot_title_e {left:10px; font-size:50px; line-height:50px;} .hot .hot_title img {width:200px; margin-left:100px;} .hot .instagram {margin-top:0;} .hot .sns_box iframe {height:280px;} .hot .sns_phone_slide {top:100px; width:160px; margin-left:-80px; border-width:1px; border-radius:10px; background:#fff;} .hot .hot_text div {top:40px; width:100%; padding:0 10px; font-size:13px; text-align:center; line-height:18px;} .hot .hot_slidetext {height:50px;} .hot .hot_slidetext ul {top:-20px;} .hot .hot_slidetext li {margin:0 5px; font-size:12px; line-height:50px;} .hot .instalive {padding:0 10px; margin-top:100px;} .hot .instalive .instalive_title {font-size:20px; line-height:25px;} .hot .instalive .instalive_title span {font-size:10px; line-height:15px;} .hot .instalive .instalive_contents {margin:30px 0 0;} } .burgerry_event {width:100%; margin-top:100px; padding:0 50px;} .burgerry_event2 {margin:0; padding:50px;} .burgerry_event ul {display:table; width:100%;} .burgerry_event ul:nth-child(2) {display:none;} .burgerry_event li {width:100%; font-size:0;} .burgerry_event li img {width:100%;} @media (max-width:750px){ .burgerry_event {margin-top:50px; padding:0 10px;} .burgerry_event2 {margin:0; padding:10px;} .burgerry_event ul:nth-child(1) {display:none;} .burgerry_event ul:nth-child(2) {display:table;} } /*우수가맹점*/ .beststore {padding:0 50px; margin-top:100px;} .beststore .beststore_box {background:#e60012; width:100%; padding:50px 0; overflow:hidden;} .beststore .beststore_title {width:100%;} .beststore .beststore_title ul {position:relative; display:table; width:100%; text-align:center;} .beststore .beststore_title li {width:100%; font-family:'GmarketSans'; font-weight:300; color:#fff;} .beststore .beststore_title li:nth-child(1) {font-weight:700; font-size:70px; line-height:80px;} .beststore .beststore_title li:nth-child(2) {font-size:23px; line-height:35px;} .beststore .beststore_contents {position:relative; width:100%; height:465px; margin:40px 0 0;} /* .beststore .beststore_contents:before {position:absolute; top:0; left:0; width:400px; height:100%; content:''; background:linear-gradient(to right, rgba(230,0,18,1) 50%, rgba(230,0,18,.0)); z-index:5;} .beststore .beststore_contents:after {position:absolute; top:0; right:0; width:400px; height:100%; content:''; background:linear-gradient(to left, rgba(230,0,18,1) 50%, rgba(230,0,18,.0)); z-index:5;}*/ .beststore .beststore_contents .beststore_slide {position:absolute; top:0; left:0; font-size:0; white-space:nowrap; will-change:transform; animation:marquee 60s linear infinite; z-index:3;} .beststore .beststore_contents .beststore_slide div {display:inline-block; vertical-align:top; width:350px; background:#fff; border-radius:15px; margin:0 20px; padding:5px;} .beststore .beststore_contents .beststore_slide div ul {position:relative; display:table; width:100%; border-radius:10px; border:1px solid #e60012; padding:20px;} .beststore .beststore_contents .beststore_slide div li {position:relative; width:100%; font-family:'GmarketSans'; text-align:center; font-weight:300; color:#e60012;} .beststore .beststore_contents .beststore_slide div li:nth-child(1) {font-weight:700; font-size:25px;} .beststore .beststore_contents .beststore_slide div li:nth-child(2) {font-weight:500; font-size:17px;} .beststore .beststore_contents .beststore_slide div li:nth-child(3) {border:2px solid #e60012; margin:20px 0;} .beststore .beststore_contents .beststore_slide div li:nth-child(3) img {width:100%;} .beststore .beststore_contents .beststore_slide div li:nth-child(4) {display:table; width:auto; font-weight:500; font-size:15px; margin:0 auto;} .beststore .beststore_contents .beststore_slide div li:nth-child(4):before {position:absolute; top:4px; right:103%; content:'★★★'; font-size:10px;} .beststore .beststore_contents .beststore_slide div li:nth-child(4):after {position:absolute; top:4px; left:103%; content:'★★★'; font-size:10px;} .beststore .beststore_contents .beststore_slide div li:nth-child(5) {position:absolute; top:-35px; left:-35px; width:auto; z-index:1; display:none;} .beststore .beststore_contents .beststore_slide div li:nth-child(5) img {width:100px;} @media (max-width:750px){ .beststore {margin-top:50px; padding:0 10px;} .beststore .beststore_box {padding:20px 0;} .beststore .beststore_title li:nth-child(1) {font-size:20px; line-height:25px;} .beststore .beststore_title li:nth-child(2) {font-size:10px; line-height:15px;} .beststore .beststore_contents {height:270px; margin:15px 0 0;} .beststore .beststore_contents:before {display:none;} .beststore .beststore_contents:after {display:none;} .beststore .beststore_contents .beststore_slide {animation:marquee 60s linear infinite;} .beststore .beststore_contents .beststore_slide div {width:200px; border-radius:10px; margin:0 5px; padding:5px;} .beststore .beststore_contents .beststore_slide div ul {border-radius:5px; border-width:.5px; padding:10px;} .beststore .beststore_contents .beststore_slide div li:nth-child(1) {font-size:15px;} .beststore .beststore_contents .beststore_slide div li:nth-child(2) {font-size:13px;} .beststore .beststore_contents .beststore_slide div li:nth-child(3) {border-width:1px; margin:10px 0;} .beststore .beststore_contents .beststore_slide div li:nth-child(4) {font-size:9px;} .beststore .beststore_contents .beststore_slide div li:nth-child(4):before {top:2px; font-size:5px;} .beststore .beststore_contents .beststore_slide div li:nth-child(4):after {top:2px; font-size:5px;} .beststore .beststore_contents .beststore_slide div li:nth-child(5) { top:-15px; left:-15px;} .beststore .beststore_contents .beststore_slide div li:nth-child(5) img {width:50px;} } /*메뉴*/ .menu {padding:0; background:#f1ece4;} .menu .menu_contents {position:relative; width:100%; padding:50px 50px 0; background:linear-gradient(to bottom, #fff 0% 50%, transparent 50% 100%);} .menu .menu_contents .menu_title_box {position:absolute; top:250px; left:0; width:100%; text-align:center; font-size:0; padding:0 50px; z-index:3;} .menu .menu_contents .menu_title_box .menu_title {width:100%;} .menu .menu_contents .menu_title_box .menu_title li {font-family:'GmarketSans'; text-align:center; font-weight:300; color:#fff;} .menu .menu_contents .menu_title_box .menu_title li:nth-child(1) {font-size:70px; line-height:80px;} .menu .menu_contents .menu_title_box .menu_title li:nth-child(1) strong {font-weight:700;} .menu .menu_contents .menu_title_box .menu_title li:nth-child(2) {font-size:23px; line-height:35px;} .menu .menu_contents .menu_title_box .menu_title li:nth-child(2) strong {font-weight:500;} .menu .menu_contents .menu_title_box .menu_tab {width:100%; max-width:1600px; display:inline-block; vertical-align:top; font-size:0; text-align:center; margin:100px auto 0;} .menu .menu_contents .menu_title_box .menu_tab li {position:relative; display:inline-block; vertical-align:top; width:20%; min-width:280px; margin:0 5px; font-family:'GmarketSans'; text-align:center; font-weight:500; font-size:22px; line-height:35px; letter-spacing:-1px; color:#fff; border:1px solid #fff; padding:20px 0; cursor:pointer;} .menu .menu_contents .menu_title_box .menu_tab div {position:relative; display:inline-block; vertical-align:top; width:20%; min-width:280px; margin:0 5px; font-family:'GmarketSans'; text-align:center; font-weight:500; font-size:22px; line-height:25px; letter-spacing:-1px; color:#fff; border:1px solid #fff; padding:14px 0 11px; cursor:pointer;} .menu .menu_contents .menu_title_box .menu_tab div span {font-weight:300; font-size:15px; letter-spacing:-1px;} .menu .menu_contents .menu_title_box .menu_tab .active {background:#e60012; border:none; font-weight:700;} .menu .menu_contents .menu_title_box .menu_tab .active:after {position:absolute; top:100%; left:0; width:100%; height:23px; clip-path: polygon(50% 100%, 0 0, 100% 0); background:#e60012; content:''; margin-top:-.2px;} .menu .menu_contents .movie {position:relative; width:100%; height:800px; background:#000; overflow:hidden;} .menu .menu_contents .movie:after {position:absolute; top:0; left:0; width:100%; height:100%; content:''; z-index:2;} .menu .menu_contents .movie iframe {position:absolute; top:-150px; left:50%; width:2500px; height:1100px; z-index:1; margin-left:-1250px; opacity:.5;} .menu .menu_group {position:relative; width:100%;} .menu .menu_group .menu_congroup {position:relative; width:100%; font-size:0; text-align:center;} .menu .menu_group .menu_congroup .menu_list {width:100%; padding:0 50px;} .menu .menu_group .menu_congroup .burgerry_menu {display:inline-block; vertical-align:top; width:25%; padding:20px; margin:0;} .menu .menu_group .menu_congroup1 .burgerry_menu {width:33.33%;} .menu .menu_group .menu_congroup .burgerry_menu li {font-family:'GmarketSans'; text-align:center; font-weight:300; color:#000;} .menu .menu_group .menu_congroup .burgerry_menu li:nth-child(1) {} .menu .menu_group .menu_congroup .burgerry_menu li:nth-child(1) img {width:100%; transition:all .2s ease; -webkit-transition:all .2s ease;} .menu .menu_group .menu_congroup .burgerry_menu li:nth-child(2) {font-weight:700; font-size:23px; line-height:25px; color:#e60012; margin:-20px 0 10px;} .menu .menu_group .menu_congroup1 .burgerry_menu li:nth-child(2) {margin-top:0;} .menu .menu_group .menu_congroup .burgerry_menu li:nth-child(3) {font-size:17px; line-height:25px;} .menu .menu_group .menu_congroup .burgerry_menu:hover li:nth-child(1) img {-webkit-transform:scale(1.05); -ms-transform:scale(1.05); transform:scale(1.05);} .menuinformation {position:fixed; top:100%; left:0; width:100%; height:100vh; text-align:center; padding:100px; background:rgba(0,0,0,.8); backdrop-filter:blur(3px); -webkit-backdrop-filter:blur(3px); z-index:100; opacity:0; transition:all .3s ease; -webkit-transition:all .3s ease;} .body_open .menuinformation {top:0; opacity:1;} .menuinformation_contents {position:relative; width:100%; height:100%; max-width:1500px; background:#fff; border:1px solid rgba(0,0,0,.1); padding:50px; margin:0 auto; overflow-y: auto; overflow-x: hidden;} .menuinformation_self .menuinformation_contents {max-width:100%; border:none; text-align:center;} .menuinfo_close {position:fixed; bottom:20px; left:50%; cursor:pointer; background:#fff; border-radius:100%; padding:15px; box-shadow:0 0 3px rgba(0,0,0,.3); transform:translateX(-50%); -webkit-transform:translateX(-50%);} .menuinfo_close i {font-size:30px; color:#000;} .menuinformation_contents .menuinformation_section {display:table; width:100%; margin:0 0 100px;} .menuinformation_contents .menuinformation_section:last-of-type {margin-bottom:0;} .menuinformation_contents .menuinformation_section .menuinformation_title {width:100%; font-family:'GmarketSans'; text-align:left; font-weight:700; font-size:35px; line-height:40px; color:#e60012;} .menuinformation_contents .menuinformation_section .menuinformation_title2 {width:100%; font-family:'GmarketSans'; text-align:left; font-weight:300; font-size:18px; line-height:25px; color:#000; margin:10px 0 0;} .menuinformation_contents .menuinformation_section .menuinformation_table {width:100%; margin-top:20px;} .menuinformation_contents .menuinformation_section .menuinformation_table table {width:100%; border:1px solid #e60012; overflow:hidden;} .menuinformation_contents .menuinformation_section .menuinformation_table table td {font-family:'GmarketSans'; font-weight:300; font-size:17px; line-height:25px; padding:10px 5px; border-bottom:1px solid rgba(0,0,0,.2); border-right:1px solid rgba(0,0,0,.2);} .menuinformation_contents .menuinformation_section .menuinformation_table table tr:first-child td, .menuinformation_contents .menuinformation_section .menuinformation_table2 table tr:nth-child(2) td {font-weight:500; color:#fff; background:#e60012; border-color:rgba(255,255,255,.5); border-top:none;} .menuinformation_contents .menuinformation_section .menuinformation_table table tr:last-child td {border-bottom:none;} .menuinformation_contents .menuinformation_section .menuinformation_table table td:last-child {border-right:none;} .menuinformation_contents .menuinformation_section .menuinformation_table2 table td[rowspan], .menuinformation_contents .menuinformation_section .menuinformation_table3 table td[rowspan] {position:relative; font-weight:500; color:#fff; background:#e60012;} .menuinformation_contents .menuinformation_section .menuinformation_table2 table td[rowspan]:before, .menuinformation_contents .menuinformation_section .menuinformation_table3 table td[rowspan]:before {position:absolute; bottom:100%; left:0; width:2000px; height:1px; content:''; background:#e60012; z-index:1;} .menuinformation_contents .menuinformation_section .menuinformation_table2 table td[rowspan]:after, .menuinformation_contents .menuinformation_section .menuinformation_table3 table td[rowspan]:after {position:absolute; bottom:100%; left:0; width:100%; height:1px; content:''; background:rgba(255,255,255,.5); z-index:2;} .menuinformation_contents .menuinformation_section .menuinformation_table table td span {font-weight:300; font-size:17px;} @media (max-width:750px){ .menu .menu_contents {padding:10px;} .menu .menu_contents .menu_title_box {top:100px; padding:0 20px;} .menu .menu_contents .menu_title_box .menu_title li:nth-child(1) {font-size:20px; line-height:25px;} .menu .menu_contents .menu_title_box .menu_title li:nth-child(2) {font-size:10px; line-height:15px; margin:10px 0 0;} .menu .menu_contents .menu_title_box .menu_tab {margin:50px 0 0;} .menu .menu_contents .menu_title_box .menu_tab li {width:45%; min-width:45%; margin:5px 5px; font-size:14px; line-height:24px; letter-spacing:-.5px; border-width:.5px; padding:10px 0;} .menu .menu_contents .menu_title_box .menu_tab div {width:45%; min-width:45%; margin:5px 5px; font-size:14px; line-height:14px; letter-spacing:-.5px; border-width:.5px; padding:8px 0;} .menu .menu_contents .menu_title_box .menu_tab div span {font-size:10px;} .menu .menu_contents .menu_title_box .menu_tab .active:after {height:7px;} .menu .menu_contents .movie {height:400px;} .menu .menu_contents .movie iframe {top:auto; bottom:0; height:500px;} .menu .menu_group .menu_congroup .menu_list {padding:0 10px;} .menu .menu_group .menu_congroup .burgerry_menu {width:50%; padding:1px; margin:0 0 20px;} .menu .menu_group .menu_congroup .burgerry_menu li:nth-child(2) {font-size:13px; line-height:15px; margin:0 0 5px;} .menu .menu_group .menu_congroup .burgerry_menu li:nth-child(3) {font-size:9px; line-height:11px;} .menuinformation {padding:50px 10px 100px;} .menuinformation_contents {height:100%; border-width:.5px; padding:20px 10px;} .menuinfo_close {bottom:auto; top:10px; padding:5px;} .menuinfo_close i {font-size:20px;} .menuinformation_contents .menuinformation_section {margin:0 0 30px;} .menuinformation_contents .menuinformation_section .menuinformation_title {font-size:22px; line-height:25px;} .menuinformation_contents .menuinformation_section .menuinformation_title2 {font-size:13px; line-height:15px; margin:3px 0 0;} .menuinformation_contents .menuinformation_section .menuinformation_table {margin-top:10px;} .menuinformation_contents .menuinformation_section .menuinformation_table table {border-width:.5px;} .menuinformation_contents .menuinformation_section .menuinformation_table table td {font-family: 'Gulim', 'Apple SD Gothic Neo', 'NanumGothic', 'Arial', sans-serif; font-size:8px; line-height:10px; letter-spacing:-.5px; padding:5px 1px; border-width:.5px;} .menuinformation_contents .menuinformation_section .menuinformation_table2 table td[rowspan]:before, .menuinformation_contents .menuinformation_section .menuinformation_table3 table td[rowspan]:before {height:.5px;} .menuinformation_contents .menuinformation_section .menuinformation_table2 table td[rowspan]:after, .menuinformation_contents .menuinformation_section .menuinformation_table3 table td[rowspan]:after {height:.5px;} .menuinformation_contents .menuinformation_section .menuinformation_table table td span {font-size:8px;} } /*인테리어*/ .interior {padding-bottom:0; background:#f1ece4;} .interior .interior_title {position:relative; width:100%; z-index:1;} .interior .interior_title .interior_title_e {position:absolute; top:0; left:50%; width:2000px; margin-left:-1000px; font-family:'GmarketSans'; text-align:center; font-weight:700; font-size:230px; color:transparent; -webkit-text-stroke: 1px #e60012; opacity:.1; z-index:-1;} .interior .interior_title ul {position:relative; display:table; width:100%; padding-top:130px;} .interior .interior_title li {display:table; font-family:'GmarketSans'; text-align:center; font-weight:300; color:#000; margin:0 auto;} .interior .interior_title li:nth-child(1) {font-size:25px; line-height:35px;} .interior .interior_title li:nth-child(2) {font-weight:700; font-size:140px; line-height:140px; background:url('../images/interior_textbg.jpg') center; background-size:cover; margin:10px auto 20px; -webkit-text-fill-color:transparent; -webkit-background-clip:text;} .interior .interior_title li:nth-child(3) {font-size:23px; line-height:35px;} .interior .interior_title li:nth-child(3) strong {font-weight:500; color:#e60012;} .interior .interior_contents {display:table; width:100%; padding:50px; font-size:0;} .interior .interior_contents ul {float:left; width:25%;} .interior .interior_contents li {float:left; width:50%; padding:1px;} .interior .interior_contents ul:nth-child(odd) li:first-child {width:100%;} .interior .interior_contents ul:nth-child(even) li:last-child {width:100%;} .interior .interior_contents .interiorbox {position:relative; width:100%; overflow:hidden;} .interior .interior_contents img {width:100%; transition:all .2s ease; -webkit-transition:all .2s ease;} .interior .interior_contents li:hover img {-webkit-transform:scale(1.05); -ms-transform:scale(1.05); transform:scale(1.05);} @media (max-width:750px){ .interior .interior_title .interior_title_e {font-size:50px; -webkit-text-stroke: .5px #e60012;} .interior .interior_title ul {padding-top:50px;} .interior .interior_title li:nth-child(1) {font-size:15px; line-height:20px;} .interior .interior_title li:nth-child(2) {font-size:40px; line-height:45px; margin:5px auto 10px;} .interior .interior_title li:nth-child(3) {font-size:11px; line-height:13px; padding:0 10px;} .interior .interior_contents {padding:10px;} .interior .interior_contents ul {width:50%;} } /*창업*/ .franchise {background:#f1ece4; padding:200px 50px;} .franchise .franchise_contents {position:relative; display:table; width:100%; max-width:1360px; padding:100px 20px 50px; border:1px solid rgba(0,0,0,.1); margin:0 auto;} .franchise .franchise_contents .franchise_tab {position:absolute; top:-36px; left:0; width:100%; text-align:center; font-size:0; z-index:1;} .franchise .franchise_contents .franchise_tab li {position:relative; display:inline-block; vertical-align:top; width:300px; margin:0 20px; font-family:'GmarketSans'; text-align:center; font-weight:500; font-size:23px; line-height:35px; color:#000; background:#f1ece4; border:1px solid #ccc; padding:20px 0; cursor:pointer;} .franchise .franchise_contents .franchise_tab .active {background:#e60012; border:none; font-weight:700; color:#fff;} .franchise .franchise_contents .franchise_tab .active:after {position:absolute; top:100%; left:0; border-top:20px solid #e60012; border-left:150px solid transparent; border-right:150px solid transparent; content:'';} .franchise .franchise_contents .franchise_congroup {width:100%;} .franchise .franchise_contents .franchise_congroup .price {float:left; width:50%; padding:10px;} .franchise .franchise_contents .franchise_congroup .price ul {display:table; width:100%; padding:20px; border-bottom:1px solid rgba(0,0,0,.1);} .franchise .franchise_contents .franchise_congroup .price ul:hover {background:rgba(255,255,255,.2);} .franchise .franchise_contents .franchise_congroup .price ul:first-child {border-color:#000;} .franchise .franchise_contents .franchise_congroup .price li {font-family:'GmarketSans'; font-weight:300; color:#000;} .franchise .franchise_contents .franchise_congroup .price ul:first-child li {font-size:30px; color:#6a4201;} .franchise .franchise_contents .franchise_congroup .price2 ul:last-child li {font-weight:700; color:#e60012;} .franchise .franchise_contents .franchise_congroup .price li:nth-child(1) {float:left; font-weight:500; font-size:25px; line-height:30px;} .franchise .franchise_contents .franchise_congroup .price li:nth-child(1) span {font-weight:300; font-size:17px;} .franchise .franchise_contents .franchise_congroup .price li:nth-child(2) {float:right; font-weight:500; font-size:25px; line-height:30px;} .franchise .franchise_contents .franchise_congroup .price li:nth-child(3) {clear:both; float:left; font-size:17px; line-height:20px; margin-top:10px;} .franchise .franchise_contents .franchise_congroup .price_comment {clear:both; float:left; width:100%; padding:10px;} .franchise .franchise_contents .franchise_congroup .price_comment li {position:relative; font-family:'GmarketSans'; font-weight:300; font-size:17px; line-height:25px; color:#000; padding-left:20px; margin:5px 0;} .franchise .franchise_contents .franchise_congroup .price_comment li:after {position:absolute; top:0; left:0; content:'※';} .franchise .franchise_contents .franchise_congroup .process {width:100%; display:inline-flex; flex-wrap:wrap; justify-content:center; padding:10px;} .franchise .franchise_contents .franchise_congroup .process ul {float:left; width:24%; margin:.5%; border:1px solid rgba(0,0,0,.2); padding:30px 20px;} .franchise .franchise_contents .franchise_congroup .process ul:hover {border-color:#e60012; background:#e60012;} .franchise .franchise_contents .franchise_congroup .process li {width:100%; font-family:'GmarketSans'; font-weight:300; text-align:center; color:#000;} .franchise .franchise_contents .franchise_congroup .process li:nth-child(1) {font-size:17px;} .franchise .franchise_contents .franchise_congroup .process li:nth-child(2) {font-size:40px; margin:20px 0;} .franchise .franchise_contents .franchise_congroup .process li:nth-child(3) {font-weight:500; font-size:23px; margin:0 0 10px;} .franchise .franchise_contents .franchise_congroup .process li:nth-child(4) {font-size:17px; line-height:20px;} .franchise .franchise_contents .franchise_congroup .process ul:hover li {color:#fff;} @media (max-width:750px){ .franchise {padding:100px 10px;} .franchise .franchise_contents {padding:50px 10px 20px; border-width:.5px;} .franchise .franchise_contents .franchise_tab {top:-18px;} .franchise .franchise_contents .franchise_tab li {width:120px; margin:0 2px; font-size:11px; line-height:15px; border-width:.5px; padding:10px 0;} .franchise .franchise_contents .franchise_tab .active:after {border-top:10px solid #e60012; border-left:60px solid transparent; border-right:60px solid transparent;} .franchise .franchise_contents .franchise_congroup .price {width:100%; padding:5px;} .franchise .franchise_contents .franchise_congroup .price ul {padding:5px; border-width:.5px;} .franchise .franchise_contents .franchise_congroup .price ul:first-child li {font-size:10px;} .franchise .franchise_contents .franchise_congroup .price li:nth-child(1) {font-size:12px; line-height:15px;} .franchise .franchise_contents .franchise_congroup .price li:nth-child(1) span {font-size:8px;} .franchise .franchise_contents .franchise_congroup .price li:nth-child(2) {font-size:12px; line-height:15px;} .franchise .franchise_contents .franchise_congroup .price li:nth-child(3) {font-size:8px; line-height:10px; margin-top:5px;} .franchise .franchise_contents .franchise_congroup .price_comment {padding:5px;} .franchise .franchise_contents .franchise_congroup .price_comment li {font-size:8px; line-height:10px; padding-left:10px; margin:3px 0;} .franchise .franchise_contents .franchise_congroup .process {padding:5px;} .franchise .franchise_contents .franchise_congroup .process ul {width:32.33%; border-width:.5px; padding:10px 5px;} .franchise .franchise_contents .franchise_congroup .process li:nth-child(1) {font-size:8px;} .franchise .franchise_contents .franchise_congroup .process li:nth-child(2) {font-size:20px; margin:10px 0;} .franchise .franchise_contents .franchise_congroup .process li:nth-child(3) {font-size:13px; margin:0 0 5px;} .franchise .franchise_contents .franchise_congroup .process li:nth-child(4) {font-size:10px; line-height:12px;} } /*매장*/ .store {padding:0;} .store iframe {width:100%; height:1500px;} @media (max-width:750px){ .store iframe {height:1150px;} } /*유튜브레이어*/ .youtube_pop_bg {position:fixed; top:-100%; left:0; width:100%; height:0; padding:100px 200px; background:rgba(0,0,0,.9); backdrop-filter:blur(3px); -webkit-backdrop-filter:blur(3px); z-index:125; opacity:0; transition:all .2s ease; -webkit-transition:all .2s ease; overflow:hidden;} .youtube_pop_bg .youtube_closebtn {position:absolute; bottom:20px; left:50%; font-family:'GmarketSans'; text-align:center; font-weight:300; font-size:17px; line-height:30px; color:#fff; border:1px solid rgba(255,255,255,.3); border-radius:100px; padding:5px 10px; padding-left:40px; background:rgba(0,0,0,.9); transform: translateX(-50%); cursor:pointer; z-index:2;} .youtube_pop_bg .youtube_closebtn i {position:absolute; top:7px; left:10px; font-size:25px;} .youtube_pop_bg .youtube_pop_contents {position:absolute; top:50%; left:50%; width:70%; transform: translate(-50%,-50%); z-index:1;} .youtube_pop_bg .youtube_pop_contents:before {position:absolute; top:50%; left:0; width:100%; content:'\ec37'; font-family:'xeicon'; text-align:center; color:#fff; font-size:40px; transform: translate(-50%,0); z-index:-1; animation:rotate 2s linear infinite;} .youtube_popup_open {top:0 !important; height:100%; opacity:1 !important;} .youtube_contents .youtube_thumnail {position:relative; cursor:pointer; background:#000;} .youtube_contents .youtube_thumnail * {transition:all .2s ease; -webkit-transition:all .2s ease;} .youtube_contents .youtube_thumnail img {width:100%;} .youtube_contents .youtube_thumnail:after {position:absolute; top:50%; left:50%; content:'\ea3f'; font-family:'xeicon'; font-size:80px; color:#fff; text-shadow:0 0 5px #000; z-index:1; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); opacity:.5;} .youtube_contents:hover .youtube_thumnail:after {opacity:1;} .youtube_contents:hover .youtube_thumnail img {opacity:.6;} @media (max-width:750px){ .youtube_pop_bg {padding:0;} .youtube_pop_bg .youtube_pop_contents {width:100%;} .youtube_contents .youtube_thumnail:after {font-size:40px; opacity:1;} } .tab_content_wr > div {clear:both; display:none;} .tab_content_wr > div.active {display:block;}