@keyframes rotate { 0% {transform: rotate(0deg); -webkit-transform:rotate(0deg);} 100% {transform: rotate(360deg); -webkit-transform:rotate(360deg);} } @keyframes rotate2 { 0% {transform: rotate(0deg); -webkit-transform:rotate(0deg);} 100% {transform: rotate(-360deg); -webkit-transform:rotate(-360deg);} } @keyframes bling { 0% {opacity:1;} 25% {opacity:1;} 50% {opacity:0;} 75% {opacity:1;} 100% {opacity:1;} } @keyframes tong { 0% {margin-top:0;} 50% {margin-top:-5px;} 100% {margin-top:0;} } @keyframes tok { 0% {margin-left:-450px;} 50% {margin-left:-440px;} 100% {margin-left:-450px;} } @keyframes tokm { 0% {margin-left:-250px;} 50% {margin-left:-255px;} 100% {margin-left:-250px;} } @keyframes marquee { from { transform: translateX(0); -webkit-transform:translateX(0);} to { transform: translateX(-50%); -webkit-transform:translateX(-50%);} } @keyframes marquee2 { from { transform: translateX(0); -webkit-transform:translateX(0);} to { transform: translateX(50%); -webkit-transform:translateX(-50%);} } @keyframes marqueeup { from { transform: translateY(0); -webkit-transform:translateY(0);} to { transform: translateY(-50%); -webkit-transform:translateY(-50%);} } @keyframes marqueedown { from { transform: translateY(0); -webkit-transform:translateY(0);} to { transform: translateY(50%); -webkit-transform:translateY(-50%);} } @keyframes circle_zoom { 0% {-webkit-transform:scale(1.00); -ms-transform:scale(1.00); transform:scale(1.00); opacity:.8;} 30% {-webkit-transform:scale(1.20); -ms-transform:scale(1.20); transform:scale(1.20); opacity:.4;} 60% {-webkit-transform:scale(1.40); -ms-transform:scale(1.40); transform:scale(1.40); opacity:.0;} 100% {opacity:.0;} } * {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 !important; margin:0 !important;} 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;} @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;} a { text-decoration: none !important; } /*���*/ .header {position:fixed; top:-100px; left:0; width:100%; min-width:1260px; background:rgba(35,24,21,.8); backdrop-filter:blur(5px); -webkit-backdrop-filter:blur(5px); padding:35px 20px; z-index:99; transition:all .4s ease; -webkit-transition:all .4s ease;} .header * {transition:all .2s ease; -webkit-transition:all .2s ease;} .header_fix {top:0;} .header:before {position:absolute; top:0; left:0; width:100%; height:100%; content:''; background:linear-gradient(to bottom, rgba(35,24,21,1), rgba(35,24,21,.0)); z-index:-1;} .header_line {position:fixed; top:0; left:50%; width:0; height:2px; background:#dab866; z-index:100; transform:translateX(-50%); -webkit-transform:translateX(-50%); transition:all .5s ease; -webkit-transition:all .5s ease;} .header_line_fix {width:100%;} .header .logo {position:absolute; top:140px; left:50%; width:500px; z-index:2; transform:translateX(-50%); -webkit-transform:translateX(-50%); transition:all .4s ease; -webkit-transition:all .4s ease;} .header .logo a {display:block; text-decoration:none;} .header .logo img {width:100%; image-rendering:auto;} .header_fix .logo {top:17px; width:180px;} .header .navi {position:relative; width:100%; font-size:0; text-align:center;} .header .navi li {display:inline-block; width:10%;} .header .navi li:nth-child(4) {margin-right:20%;} .header .navi li a {position:relative; display:block; font-family:'Shilla_CultureB-Bold'; text-align:center; font-size:25px; line-height:30px; color:#fff; cursor:pointer; text-decoration:none;} .header .navi .on a {color:#dab866;} @media (max-width:750px){ .header {top:-130px; min-width:100%; padding:35px 10px 10px;} .header_fix {top:0;} .header_line {height:1px;} .header .logo {top:140px; width:250px;} .header_fix .logo {top:15px; width:130px;} .header .navi {margin-top:40px;} .header .navi li {width:25%;} .header .navi li:nth-child(4) {margin-right:0;} .header .navi li a {font-size:13px; line-height:20px;} } /*�¶��λ��*/ .inquiry {position:fixed; bottom:-80px; left:0; width:100%; min-width:1260px; text-align:center; padding:10px 0; z-index:98; background:#231815; box-shadow:0 0 3px rgba(0,0,0,.3); transition:all .4s ease; -webkit-transition:all .4s ease;} .inquiry form {width:100%; height:42px;} .inquiry_fix {bottom:0;} .formgroup_title {position:absolute; top:10px; left:10px; font-family:'GmarketSans'; font-weight:300; font-size:25px; line-height:43px; color:#fff; z-index:10;} .formgroup_title ul {padding:0; margin:0;} .formgroup_title li {float:left; list-style:none; padding:0; margin:0;} .formgroup_title li:nth-child(1) {margin:0 5px 0 0;} .formgroup_title li:nth-child(2) {font-weight:700; color:#dab866;} @media (max-width:750px){ .inquiry {bottom:-140px; min-width:100%; padding:5px 0;} .inquiry form {height:60px; margin-top:29px;} .inquiry_fix {bottom:0;} .formgroup_title {width:100%; top:5px; left:0; text-align:center; margin:0;} .formgroup_title ul {width:100%; display:table; font-size:0;} .formgroup_title li {float:none; font-size:15px; line-height:25px; display:inline-block;} } /*Ǫ��*/ .bottom {display:table; width:100%; min-width:1260px; text-align:center; background:#fff; padding:80px 0 150px;} .bottom .footer_logo {clear:both; display:table; text-align:center; margin:0 auto 30px;} .bottom .footer_logo li {position:relative; clear:both; display:table; margin:0 auto;} .bottom .footer_logo li:nth-child(1) {width:100px;} .bottom .footer_logo img {width:100%; image-rendering: auto;} .bottom .companyinfo {clear:both; width:100%; font-size:0;} .bottom .companyinfo li {display:inline-block; vertical-align:top; margin:0 15px; font-family:'GmarketSans'; font-weight:500; font-size:17px; line-height:30px; color:#000;} .bottom .companyinfo a {font-family:'GmarketSans'; font-weight:500; font-size:17px; text-decoration:none; color:#000;} @media (max-width:750px){ .bottom {min-width:100%; padding:30px 10px 130px;} .bottom .footer_logo {margin:0 auto 10px;} .bottom .footer_logo li:nth-child(1) {width:80px;} .bottom .companyinfo li {margin:0 5px; font-size:10px; line-height:15px;} .bottom .companyinfo a {font-size:10px;} } /*���� ������*/ .contents-section {clear:both; position:relative; width:100%; min-width:1260px; padding:150px 0;} @media (max-width:750px){ .contents-section {min-width:100%; padding:100px 0;} } /*��Ʈ��*/ .intro {padding:0; height:100vh;} .intro:after {position:absolute; top:0; left:0; width:100%; height:100%; background:#000; content:''; z-index:2; opacity:.4;} .intro .intro_contents {position:absolute; top:50%; left:50%; width:100%; max-width:1360px; text-align:center; text-shadow:0 0 5px #000; z-index:3; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); margin-top:2%;} .intro .intro_contents .intro_title {position:absolute; top:0; left:50%; width:25%; transform:translateX(-50%); -webkit-transform:translateX(-50%); background:#231815; border-radius:100%; z-index:5;} .intro .intro_contents .intro_title:before {position:absolute; top:0; left:0; width:100%; height:100%; content:''; border-radius:100%; background:#231815; opacity:.5; z-index:-1; animation:circle_zoom .5s linear infinite;} .intro .intro_contents .intro_title:after {display:block; padding-bottom:100%; content:'';} .intro .intro_contents .intro_title ul {position:absolute; top:50%; left:0; width:100%; transform:translateY(-50%); -webkit-transform:translateY(-50%); } .intro .intro_contents .intro_title li {width:100%; font-family:'GmarketSans'; text-align:center; font-weight:500; color:#dab866;} .intro .intro_contents .intro_title li:nth-child(1) {font-weight:500; font-size:30px;} .intro .intro_contents .intro_title li:nth-child(2) {font-weight:700; font-size:95px;} .intro .intro_contents .intro_title li:nth-child(3) {font-weight:500; font-size:30px;} .intro .intro_contents .intro_title li:nth-child(4) {font-size:18px;} .intro .intro_contents .intro_text {position:relative; width:100%; margin-top:10%;} .intro .intro_contents .intro_text:after {position:absolute; top:50%; left:0; width:100%; height:1px; content:''; margin-top:-6px; background:linear-gradient(to right, rgba(255,255,255,.0), rgba(255,255,255,1), rgba(255,255,255,.0)); z-index:-1;} .intro .intro_contents .intro_text ul {text-align:center; font-size:0;} .intro .intro_contents .intro_text li {display:inline-block; width:25%; font-family:'GmarketSans'; text-align:center; font-weight:500; font-size:35px; line-height:55px; color:#fff; } .intro .intro_contents .intro_text li:nth-child(1) {margin-right:25%;} .intro .intro_contents .intro_text li strong {font-size:50px;} .intro .intro_contents .intro_comment {width:100%; font-family:'Shilla_CultureB-Bold'; text-align:center; font-size:80px; line-height:70px; color:#fff; margin-top:8%;} .intro .movie {position:relative; display:table; width:100%; height:100vh; background:url('../images/introbg.jpg?') no-repeat center; background-size:100% ; overflow:hidden;} @supports (-webkit-touch-callout:none){ height:-webkit-fill-available; } .intro .movie iframe {position:absolute; top:50%; left:50%; width:2500px; height:1100px; z-index:1; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);} .intro .intro_scroll {position:absolute; bottom:30px; left:50%; width:100%; font-family:'GmarketSans'; text-align:center; font-weight:500; font-size:17px; line-height:40px; color:#fff; transform:translateX(-50%); -webkit-transform:translateX(-50%); z-index:2; transition:all .3s ease; -webkit-transition:all .3s ease;} .intro .intro_scroll i {font-size:40px; animation:bling 2s linear infinite;} .wrap_fix .intro .intro_scroll {opacity:0; animation:none;} @media (max-width:750px){ .intro {height:70vh;} .intro .intro_contents {margin-top:5%; padding:0 10px;} .intro .intro_contents .intro_title {width:33.33%;} .intro .intro_contents .intro_title li:nth-child(1) {font-size:12px;} .intro .intro_contents .intro_title li:nth-child(2) {font-size:23px;} .intro .intro_contents .intro_title li:nth-child(3) {font-size:12px;} .intro .intro_contents .intro_title li:nth-child(4) {font-size:10px;} .intro .intro_contents .intro_text {margin-top:10%;} .intro .intro_contents .intro_text:after {height:.5px; margin-top:-2px;} .intro .intro_contents .intro_text li {width:33.33%; font-size:13px; line-height:25px;} .intro .intro_contents .intro_text li:nth-child(1) {margin-right:33.33%;} .intro .intro_contents .intro_text li strong {font-size:16px;} .intro .intro_contents .intro_comment {font-size:20px; line-height:20px; margin-top:20%;} .intro .movie {height:70vh; background-size:auto 100%;} .intro .movie iframe {height:70vh;} .intro .intro_scroll {bottom:30px; font-size:13px; line-height:20px;} .intro .intro_scroll i {font-size:30px;} } /*�귣��*/ .brand {background:#f8f1e0;} .brand .brand_foodimg1 {position:absolute; top:-150px; left:50%; margin-left:-1100px; z-index:2;} .brand .brand_foodimg2 {position:absolute; top:-150px; left:50%; margin-left:400px; z-index:2;} .brand .brand_title {width:100%;} .brand .brand_title li {width:100%; text-align:center; color:#000;} .brand .brand_title li:first-child {font-family:'Shilla_CultureB-Bold'; font-size:60px; line-height:70px; margin-bottom:30px;} .brand .brand_point {width:100%; max-width:1360px; text-align:center; font-size:0; margin:100px auto;} .brand .brand_point div {position:relative; display:inline-block; width:30%; margin:0 1%; border:1px dashed rgba(0,0,0,.3); border-radius:100%;} .brand .brand_point div:after {display:block; padding-bottom:100%; content:'';} .brand .brand_point ul {position:absolute; top:50%; left:0; width:100%; transform:translateY(-50%); -webkit-transform:translateY(-50%); } .brand .brand_point li {width:100%; font-family:'GmarketSans'; text-align:center; font-weight:500; font-size:30px; line-height:35px; color:#000;} .brand .brand_point li:nth-child(1) {font-size:50px;} .brand .brand_point li:nth-child(2) {font-family:'Shilla_CultureB-Bold'; font-size:60px; line-height:70px; margin:30px 0;} .brand .brand_point li:nth-child(3) strong {font-weight:500; color:#e60013;} .brand .brand_intro {width:100%; padding:50px 0 0;} .brand .brand_intro .brand_intro_contents {position:relative; width:100%; max-width:1360px; font-size:0; margin:0 auto;} .brand .brand_intro .brand_intro_contents .brand_intro_contents_img1 {position:absolute; top:500px; left:50%; width:748px; margin-left:-755px; z-index:3;} .brand .brand_intro .brand_intro_contents .brand_intro_contents_img1 img {width:100%;} .brand .brand_intro .brand_intro_contents .brand_intro_contents_img2 {position:absolute; top:500px; left:50%; width:670px; margin-left:0; z-index:6;} .brand .brand_intro .brand_intro_contents .brand_intro_contents_img2 img {width:100%;} .brand .brand_intro .brand_intro_contents .brand_intro_contents_img3 {position:absolute; top:500px; left:50%; margin-left:-50px; z-index:5;} .brand .brand_intro .brand_intro_contents ul {display:inline-block; vertical-align:top; width:50%; padding:0 30px !important;} .brand .brand_intro .brand_intro_contents ul:first-child {text-align:right;} .brand .brand_intro .brand_intro_contents ul:nth-child(2) {max-width:640px;} .brand .brand_intro .brand_intro_contents ul:first-child li {position:relative; display:inline-block; vertical-align:top; font-family:'GmarketSans'; font-weight:300; color:#000;} .brand .brand_intro .brand_intro_contents ul:first-child li:nth-child(1) img {width:300px} .brand .brand_intro .brand_intro_contents ul:first-child li:nth-child(1):after {position:absolute; left:125px; bottom:100%; content:'서울 3대 돈까스'; font-weight:500; font-size:17px; color:#fff;background:#231815; border-radius:5px; padding:2px 5px 0;} .brand .brand_intro .brand_intro_contents ul:first-child li:nth-child(2) {font-weight:500; font-size:22px; margin-top:60px;} .brand .brand_intro .brand_intro_contents ul:first-child li:nth-child(3) {width:100%; font-size:50px; font-weight:500; line-height:60px; margin:30px 0 0;} .brand .brand_intro .brand_intro_contents ul:first-child li:nth-child(3) strong {font-weight:500;} .brand .brand_intro .brand_intro_contents ul:first-child li:nth-child(3) .brand_intro_balloon {position:absolute; top:-220px; right:380px; width:180px; background:#dab866; border-radius:100%; z-index:2; animation:tong .7s ease-in-out infinite;} .brand .brand_intro .brand_intro_contents ul:first-child li:nth-child(3) .brand_intro_balloon:before {display:block; padding-bottom:100%; content:'';} .brand .brand_intro .brand_intro_contents ul:first-child li:nth-child(3) .brand_intro_balloon:after {position:absolute; top:90%; left:60%; content:''; border-top:50px solid #dab866; border-left:10px solid transparent; border-right:10px solid transparent; z-index:1; transform:rotate(-15deg); -webkit-transform:rotate(-15deg);} .brand .brand_intro .brand_intro_contents ul:first-child li:nth-child(3) .brand_intro_balloon div {position:absolute; top:24%; left:0; width:100%; font-weight:500; text-align:center; font-size:25px; line-height:25px; color:#654c12; white-space:nowrap; transform:rotate(-10deg); -webkit-transform:rotate(-10deg);} .brand .brand_intro .brand_intro_contents ul:first-child li:nth-child(3) .brand_intro_balloon div strong {font-weight:700;} .brand .brand_intro .brand_intro_contents ul:first-child li:nth-child(4) {width:100%; font-weight:700; font-size:65px; line-height:75px; color:#e60013;} .brand .brand_intro .brand_intro_contents ul:nth-child(2) li {font-family:'GmarketSans'; font-weight:500; font-size:23px; color:#000;} .brand .brand_intro .brand_intro_contents ul:nth-child(2) li strong {font-weight:700; background:#eee600; padding-top:2px;} .brand .brand_intro .brand_intro_slide {clear:both; position:relative; width:100%; height:200px; font-size:0; margin-top:250px;} .brand .brand_intro .brand_intro_slide ul {position:absolute; white-space:nowrap; will-change:transform; z-index:1;} .brand .brand_intro .brand_intro_slide ul:nth-child(1) {top:0; left:0; /*animation:marquee 120s linear infinite;*/} .brand .brand_intro .brand_intro_slide ul:nth-child(2) {top:50px; right:0; /*animation:marquee2 120s linear infinite;*/} .brand .brand_intro .brand_intro_slide ul:nth-child(3) {top:100px; left:0; /*animation:marquee 120s linear infinite;*/} .brand .brand_intro .brand_intro_slide ul:nth-child(4) {top:150px; right:0; /*animation:marquee2 120s linear infinite;*/} .brand .brand_intro .brand_intro_slide li {display:inline-block; font-family:'GmarketSans'; text-align:center; font-weight:300; font-size:30px; line-height:50px; color:#000; opacity:.3; margin:0 30px;} .brand .brand_certificate {position:relative; width:100%; max-width:1360px; margin:150px auto;} .brand .brand_certificate ul {width:50%;} .brand .brand_certificate li {width:100%; font-family:'GmarketSans'; text-align:left; font-weight:500; font-size:23px; line-height:30px; color:#000;} .brand .brand_certificate li:nth-child(1) {font-weight:700; font-size:60px; line-height:70px;} .brand .brand_certificate li:nth-child(1) span {color:#e60013;} .brand .brand_certificate li:nth-child(2) {margin-top:30px;} .brand .brand_certificate li:nth-child(2) strong {font-weight:500; color:#e60013;} .brand .brand_certificate li:nth-child(2) b {position:relative; font-weight:700; font-size:26px;} .brand .brand_certificate li:nth-child(2) b:after {position:absolute; bottom:2px; left:0; width:100%; height:2px; content:''; background:#e60013;} .brand .brand_certificate .brand_certificate_bg {position:absolute; top:-100px; right:0; z-index:1;} .brand .brand_certificate .brand_certificate_img1 {position:absolute; top:-50px; right:470px; z-index:1;} .brand .brand_certificate .brand_certificate_img2 {position:absolute; top:-50px; right:250px; z-index:2;} .brand .brand_certificate .brand_certificate_img3 {position:absolute; top:130px; right:560px; z-index:3;} .brand .brand_certificate .brand_certificate_img4 {position:absolute; top:130px; right:380px; z-index:6; border-radius:10px; overflow:hidden;} .brand .brand_certificate .brand_certificate_img5 {position:absolute; top:110px; right:180px; z-index:5;} .brand .brand_certificate .brand_certificate_img4 img {width:200px;} @media (max-width:750px){ .brand .brand_foodimg1 {top:-40px; margin-left:-250px;} .brand .brand_foodimg1 img {width:180px;} .brand .brand_foodimg2 {top:-30px; margin-left:80px;} .brand .brand_foodimg2 img {width:190px;} .brand .brand_title li:first-child {font-size:19px; line-height:20px; margin-bottom:10px;} .brand .brand_title li img {width:200px;} .brand .brand_point {margin:30px auto;} .brand .brand_point div {border-width:.5px} .brand .brand_point li {font-size:9px; line-height:11px;} .brand .brand_point li:nth-child(1) {font-size:13px;} .brand .brand_point li:nth-child(2) {font-size:13px; line-height:15px; margin:2px 0;} .brand .brand_intro {padding:100px 0 0;} .brand .brand_intro .brand_intro_contents .brand_intro_contents_img1 {top:90px; margin-left:-170px; width:160px;} .brand .brand_intro .brand_intro_contents .brand_intro_contents_img2 {top:175px; margin-left:-170px; width:160px;} .brand .brand_intro .brand_intro_contents .brand_intro_contents_img3 {top:240px; margin-left:-230px;} .brand .brand_intro .brand_intro_contents .brand_intro_contents_img3 img {width:200px;} .brand .brand_intro .brand_intro_contents ul {padding:0 10px !important;} .brand .brand_intro .brand_intro_contents ul:first-child li:nth-child(1) img {width:100px} .brand .brand_intro .brand_intro_contents ul:first-child li:nth-child(1):after {left:0; bottom:103%; font-size:12px; white-space:nowrap; border-radius:3px; padding:2px 5px 0;} .brand .brand_intro .brand_intro_contents ul:first-child li:nth-child(2) {font-size:10px; margin-top:20px;} .brand .brand_intro .brand_intro_contents ul:first-child li:nth-child(3) {font-size:13px; line-height:20px; margin:10px 0 0;} .brand .brand_intro .brand_intro_contents ul:first-child li:nth-child(3) .brand_intro_balloon {top:-150px; right:40px; width:80px;} .brand .brand_intro .brand_intro_contents ul:first-child li:nth-child(3) .brand_intro_balloon:after {top:90%; left:60%; border-top:20px solid #dab866; border-left:5px solid transparent; border-right:5px solid transparent;} .brand .brand_intro .brand_intro_contents ul:first-child li:nth-child(3) .brand_intro_balloon div {top:20%; font-size:12px; line-height:13px;} .brand .brand_intro .brand_intro_contents ul:first-child li:nth-child(4) {font-size:17px; line-height:15px;} .brand .brand_intro .brand_intro_contents ul:nth-child(2) li {font-size:11px;} .brand .brand_intro .brand_intro_slide {width:100%; height:80px; margin-top:10px;} .brand .brand_intro .brand_intro_slide ul:nth-child(1) {top:0;} .brand .brand_intro .brand_intro_slide ul:nth-child(2) {top:15px;} .brand .brand_intro .brand_intro_slide ul:nth-child(3) {top:30px;} .brand .brand_intro .brand_intro_slide ul:nth-child(4) {top:45px;} .brand .brand_intro .brand_intro_slide li {font-size:10px; line-height:15px; margin:0 5px;} .brand .brand_certificate {display:table; text-align:center; margin:50px auto 0; padding:0 0 20px;} .brand .brand_certificate ul {display:table; width:100%; padding:0 10px 30px;} .brand .brand_certificate li {font-size:10px; line-height:13px;} .brand .brand_certificate li:nth-child(1) {font-size:20px; line-height:20px;} .brand .brand_certificate li:nth-child(2) {margin-top:10px;} .brand .brand_certificate li:nth-child(2) b {font-size:11px;} .brand .brand_certificate li:nth-child(2) b:after {height:1px; bottom:0;} .brand .brand_certificate .brand_certificate_bg {top:-10%; width:35%; right:-5%;} .brand .brand_certificate .brand_certificate_bg img {width:100%;} .brand .brand_certificate .brand_certificate_img1 {display:inline-block; vertical-align:top; position:relative; top:auto; width:33.33%; right:auto; padding:5px;} .brand .brand_certificate .brand_certificate_img1 img {width:100%;} .brand .brand_certificate .brand_certificate_img2 {display:inline-block; vertical-align:top; position:relative; top:auto; width:33.33%; right:auto; padding:5px;} .brand .brand_certificate .brand_certificate_img2 img {width:100%;} .brand .brand_certificate .brand_certificate_img3 {display:inline-block; vertical-align:top; position:relative; top:auto; width:33.33%; right:auto; padding:5px;} .brand .brand_certificate .brand_certificate_img3 img {width:100%;} .brand .brand_certificate .brand_certificate_img4 {display:inline-block; vertical-align:top; position:relative; top:auto; width:33.33%; right:auto; padding:5px;} .brand .brand_certificate .brand_certificate_img4 img {width:100%;} .brand .brand_certificate .brand_certificate_img5 {display:inline-block; vertical-align:top; position:relative; top:auto; width:33.33%; right:auto; padding:5px; border-radius:20px;} .brand .brand_certificate .brand_certificate_img5 img {width:100%;} } /*��������Ʈ*/ .success {background:#f8f1e0; padding:50px;} .success .success_title {position:absolute; top:150px; left:50%; font-family:'Shilla_CultureB-Bold'; text-align:center; white-space:nowrap; font-size:90px; line-height:150px; color:#fff; z-index:3; transform:translateX(-50%); -webkit-transform:translateX(-50%);} .success .success_title strong {font-size:120px; color:#dab866;} .success .success_title img {position:absolute; bottom:0; right:100%; } .success .success_contents {position:absolute; top:350px; left:50%; width:100%; max-width:1500px; padding:50px; z-index:3; transform:translateX(-50%); -webkit-transform:translateX(-50%); display:inline-flex; flex-wrap:wrap; justify-content:center;} .success .success_contents * {transition:all .3s ease; -webkit-transition:all .3s ease;} .success .success_contents .success_item {position:relative; display:inline-block; width:33.33%; padding:50px 30px;} .success .success_contents .success_item:after {position:absolute; top:0; left:0; width:100%; height:100%; content:''; border:2px solid #dab866; opacity:0; box-sizing:border-box; transition:all .3s ease; -webkit-transition:all .3s ease;} .success .success_contents .success_item li {width:100%; font-family:'GmarketSans'; text-align:center; font-weight:500; font-size:18px; line-height:27px; color:#fff;} .success .success_contents .success_item li:nth-child(1) {font-size:40px;} .success .success_contents .success_item li:nth-child(2) {font-weight:500; font-size:25px; line-height:30px; margin:30px 0;} .success .success_contents .success_item li:nth-child(2) strong {font-weight:500; color:#dab866;} .success .success_contents .success_item li:nth-child(3) span {font-weight:500; border-radius:5px; padding:2px 3px 0; color:#dab866;} .success .success_contents .success_item:hover li:nth-child(3) span {background:#dab866; color:#000; } .success .success_contents .success_item:hover {background:rgba(0,0,0,.5);} .success .success_contents .success_item:hover:after {opacity:1;} .success .movie {position:relative; width:100%; height:1300px; background:#000; overflow:hidden;} .success .movie:after {position:absolute; top:0; left:0; width:100%; height:100%; content:''; z-index:2;} .success .movie iframe {position:absolute; top:50%; left:50%; width:2500px; height:1300px; z-index:1; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); opacity:.4;} @media (max-width:750px){ .success {padding:10px;} .success .success_title {top:30px; font-size:17px; line-height:30px;} .success .success_title strong {font-size:25px;} .success .success_title img {width:100px;} .success .success_contents {top:70px; padding:20px;} .success .success_contents .success_item {width:50%; padding:10px;} .success .success_contents .success_item:after {border-width:1px;} .success .success_contents .success_item li {font-size:10px; line-height:12px;} .success .success_contents .success_item li:nth-child(1) {font-size:20px;} .success .success_contents .success_item li:nth-child(2) {font-size:13px; line-height:15px; margin:15px 0;} .success .success_contents .success_item li:nth-child(3) span {border-radius:3px; padding:1px 2px 0;} .success .success_contents .success_item:hover:after {opacity:1;} .success .movie {height:600px;} .success .movie iframe {height:100%;} } @media (max-width:400px){ .success .movie {height:650px;} } @media (max-width:350px){ .success .movie {height:700px;} } @media (max-width:330px){ .success .movie {height:750px;} } @media (max-width:300px){ .success .movie {height:800px;} } /*����������*/ .branssuccess {background:#f8f1e0;} .branssuccess .branssuccess_title {width:100%; font-family:'GmarketSans'; text-align:center; font-weight:500; font-size:50px; line-height:60px; color:#000;} .branssuccess .branssuccess_title strong {font-weight:700;} .branssuccess .branssuccess_title span {font-weight:700; color:#e60013;} .branssuccess .branssuccess_contents {position:relative; width:100%; max-width:1300px; margin:100px auto;} .branssuccess .branssuccess_contents img {width:100%;} .branssuccess .branssuccess_contents .branssuccess_graph_title {position:absolute; top:-%; left:7%; width:30%; padding:30px 10px; background:#f8f1e0; border:1px solid #e6e6e6; z-index:5;} .branssuccess .branssuccess_contents .branssuccess_graph_title li {position:relative; width:100%; font-family:'GmarketSans'; font-weight:500; font-size:18px; line-height:25px; color:#000; padding-left:55px;} .branssuccess .branssuccess_contents .branssuccess_graph_title li:nth-child(1) {font-weight:500; font-size:25px; line-height:30px; margin:0 0 10px;} .branssuccess .branssuccess_contents .branssuccess_graph_title li:nth-child(2) strong {font-weight:500; color:#e60013;} .branssuccess .branssuccess_contents .branssuccess_graph_title li i {position:absolute; top:-13px; left:0; font-size:50px;} .branssuccess .branssuccess_contents .covid_comment {position:absolute; bottom:5%; left:36%;width:33%; height:80%; font-family:'GmarketSans'; text-align:center; font-weight:700; font-size:25px; line-height:30px; color:#ffcc00; padding:10px 20px; border:5px solid #e60013; animation:bling 2s linear infinite; z-index:3;} .branssuccess .branssuccess_contents .covid_comment div {position:absolute; top:-15%; left:50%; background:rgba(0,0,0,.9); white-space:nowrap; border:5px solid #e60013; border-radius:5px; padding:15px; transform:translateX(-50%)rotate(-15deg); -webkit-transform:translateX(-50%)rotate(-15deg);} .branssuccess .branssuccess_contents .potal_news_contents {display:table; width:100%; margin:50px auto 0;} .branssuccess .branssuccess_contents .potal_news_contents img {width:100%; max-width:879px;} .branssuccess .branssuccess_contents .potal_news_contents ul {margin:100px auto !important;} .branssuccess .branssuccess_contents .potal_news_contents li {display:table; font-family:'GmarketSans'; text-align:center; font-weight:500; font-size:30px; line-height:40px; color:#000; margin:10px auto;} .branssuccess .branssuccess_contents .potal_news_contents li:nth-child(2) {margin-top:50px;} .branssuccess .branssuccess_contents .potal_news_contents ul:nth-child(1) li:nth-child(2) {margin-top:100px;} .branssuccess .branssuccess_contents .potal_news_contents li:nth-child(2) strong {font-weight:700; background:#eee600; padding-top:5px;} .branssuccess .branssuccess_contents .potal_news_contents li:nth-child(2) span {position:relative;} .branssuccess .branssuccess_contents .potal_news_contents li:nth-child(2) span:after {position:absolute; bottom:120%; left:-50%; width:200%; height:55px; content:''; background-size:auto 100% !important;} .branssuccess .branssuccess_contents .potal_news_contents li:nth-child(2) span:nth-child(4):after {background:url('../images/logo_b.png') no-repeat center;} .branssuccess .branssuccess_contents .potal_news_contents li:nth-child(2) span:nth-child(1):after {background:url('../images/brand_pb.png') no-repeat center;} .branssuccess .branssuccess_contents .potal_news_contents li:nth-child(2) span:nth-child(2):after {background:url('../images/brand_mega.png') no-repeat center;} .branssuccess .branssuccess_contents .potal_news_contents li:nth-child(2) span:nth-child(3):after {background:url('../images/brand_baik.png') no-repeat center;} .branssuccess .branssuccess_contents .potal_news_contents li:nth-child(3) {margin:30px auto 0;} .branssuccess .branssuccess_contents .potal_news_contents li:nth-child(3) a {display:block; font-family:'GmarketSans'; text-align:center; font-weight:500; font-size:18px; line-height:28px; color:#000; border:1px solid rgba(0,0,0,.2); padding:10px; text-decoration:none; cursor:pointer; transition:all .3s ease; -webkit-transition:all .3s ease;} .branssuccess .branssuccess_contents .potal_news_contents li:nth-child(3) a:hover {background:#000; color:#fff;} @media (max-width:750px){ .branssuccess .branssuccess_title {font-size:20px; line-height:25px;} .branssuccess .branssuccess_contents {margin:30px auto; padding:0 10px;} .branssuccess .branssuccess_contents img {width:100%;} .branssuccess .branssuccess_contents .branssuccess_graph_title {position:relative; top:0; left:0; width:100%; padding:10px; border-width:.5px; margin-bottom:35px;} .branssuccess .branssuccess_contents .branssuccess_graph_title li {font-size:11px; line-height:12px; padding-left:18px;} .branssuccess .branssuccess_contents .branssuccess_graph_title li:nth-child(1) {font-size:15px; line-height:20px; margin:0 0 5px;} .branssuccess .branssuccess_contents .branssuccess_graph_title li i {top:0; font-size:15px;} .branssuccess .branssuccess_contents .covid_comment {height:90%; font-size:10px; line-height:11px; padding:5px; border-width:2px;} .branssuccess .branssuccess_contents .covid_comment div {top:-25px; border-width:2px; border-radius:3px; padding:2px;} .branssuccess .branssuccess_contents .potal_news_contents {margin:30px auto 0;} .branssuccess .branssuccess_contents .potal_news_contents ul:nth-child(2) {margin-top:50px;} .branssuccess .branssuccess_contents .potal_news_contents li {font-size:12px; line-height:17px; margin:5px auto;} .branssuccess .branssuccess_contents .potal_news_contents li:nth-child(2) {margin-top:20px;} .branssuccess .branssuccess_contents .potal_news_contents ul:nth-child(1) li:nth-child(2) {margin-top:50px;} .branssuccess .branssuccess_contents .potal_news_contents li:nth-child(2) strong {padding-top:1px;} .branssuccess .branssuccess_contents .potal_news_contents li:nth-child(2) span {position:relative;} .branssuccess .branssuccess_contents .potal_news_contents li:nth-child(2) span:after {height:25px;} .branssuccess .branssuccess_contents .potal_news_contents li:nth-child(3) {margin:20px auto 0;} .branssuccess .branssuccess_contents .potal_news_contents li:nth-child(3) a {font-size:12px; line-height:15px; border-width:.5px; padding:10px 15px;} } /*���ͺм�*/ .analisys {background:#231815 url('../images/analisys_bg.jpg') no-repeat top center;} .analisys .analisys_foodimg {position:absolute; top:-100px; left:50%; margin-left:-20px; z-index:1;} .analisys .analisys_title {width:50%; padding:0 30px 0 0;} .analisys .analisys_title li {width:100%; font-family:'GmarketSans'; font-weight:500; color:#fff;} .analisys .analisys_title li:nth-child(1) {font-family:'Shilla_CultureB-Bold'; font-size:90px; line-height:115px;} .analisys .analisys_title li:nth-child(1) strong {font-size:111px; color:#dab866;} .analisys .analisys_title li:nth-child(2) {font-weight:700; font-size:50.5px; line-height:60px; margin:40px 0 0;} .analisys .analisys_title li:nth-child(3) {font-size:40px; line-height:50px;} .analisys .analisys_title li:nth-child(3) strong {font-weight:700;} .analisys .analisys_title li:nth-child(3) span {position:relative;} .analisys .analisys_title li:nth-child(3) span:after {position:absolute; top:-50%; left:-20%; width:140%; height:210%; content:''; background:url('../images/line_circle.png') no-repeat center; background-size:100% 100%; z-index:1;} .analisys .analisys_title li:nth-child(4) {font-weight:500; font-size:50px; line-height:60px; margin:40px 0 0;} .analisys .analisys_title li:nth-child(5) {font-weight:700; font-size:65px; line-height:75px; color:#dab866;} .analisys .analisys_title li:nth-child(5) span {position:relative;} .analisys .analisys_title li:nth-child(5) span:after {position:absolute; top:100%; left:0; width:100%; height:5px; content:''; background:url('../images/line_under.png') no-repeat center; background-size:100% 100%; margin-top:-10px; z-index:1;} @media (max-width:750px){ .analisys {background-size:750px;} .analisys .analisys_foodimg {top:-50px; left:170px; margin-left:-10px;} .analisys .analisys_foodimg img {width:350px;} .analisys .analisys_title {width:80%; padding:0 10px 0 0;} .analisys .analisys_title li:nth-child(1) {font-size:20px; line-height:30px;} .analisys .analisys_title li:nth-child(1) strong {font-size:30px;} .analisys .analisys_title li:nth-child(2) {font-size:15px; line-height:20px; margin:15px 0 0;} .analisys .analisys_title li:nth-child(3) {font-size:13px; line-height:15px;} .analisys .analisys_title li:nth-child(4) {font-size:15px; line-height:20px; margin:15px 0 0;} .analisys .analisys_title li:nth-child(5) {font-size:15px; line-height:20px;} .analisys .analisys_title li:nth-child(5) span:after {height:3px; margin-top:0;} } .analisys .analisys_contents {position:relative; width:100%; height:900px; margin-top:50px; z-index:10;} /*���ӱ׷���*/ .analisys .analisys_contents .analisys_graph {position:absolute; top:0; right:45%; width:45%; border-radius:100%; background:conic-gradient(#000 0% 44.4%, #684a00 44.4% 56.5%, #211907 56.5% 60.0%, #44372c 60.0% 62.0%, #4f2e23 62.0% 63.7%, #6d2915 63.7% 66.5%, #e60013 66.5% 100%); z-index:5; animation:rotate 120s linear infinite;} .analisys .analisys_contents .analisys_graph:after {display:block; padding-bottom:100%; content:'';} .analisys .analisys_contents .analisys_graph .analisys_graph_title {position:absolute; top:30%; left:30%; width:40%; background:url('../images/analisys_storeimgbg.jpg')no-repeat center; background-size:cover; border-radius:100%; animation:rotate2 120s linear infinite;} .analisys .analisys_contents .analisys_graph .analisys_graph_title:after {display:block; padding-bottom:100%; content:'';} .analisys .analisys_contents .analisys_graph .analisys_graph_title div {position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.5); padding-top:47px; border-radius:100%;} .analisys .analisys_contents .analisys_graph .analisys_graph_title div li {width:100%; font-family:'GmarketSans'; font-weight:500; text-align:center; color:#fff; animation:bling 1.5s linear infinite;} .analisys .analisys_contents .analisys_graph .analisys_graph_title div li:nth-child(1) {font-size:23px;} .analisys .analisys_contents .analisys_graph .analisys_graph_title div li:nth-child(2) {font-size:23px; margin-top:10px;} .analisys .analisys_contents .analisys_graph .analisys_graph_title div li:nth-child(3) {font-weight:700; font-size:35px;} .analisys .analisys_contents .analisys_graph .analisys_graph_title div li:nth-child(3) strong {font-size:25px; line-height:30px;} .analisys .analisys_contents .analisys_graph .analisys_graph_name {position:absolute; font-family:'GmarketSans'; font-weight:500; text-align:center; font-size:20px; line-height:23px; color:#fff; animation:rotate2 120s linear infinite;} .analisys .analisys_contents .analisys_graph .analisys_graph_name:nth-child(2) {top:38%; left:74%;} .analisys .analisys_contents .analisys_graph .analisys_graph_name:nth-child(3) {top:82%; left:45%;} .analisys .analisys_contents .analisys_graph .analisys_graph_name:nth-child(4) {top:80%; left:27%;} .analisys .analisys_contents .analisys_graph .analisys_graph_name:nth-child(5) {top:85%; left:15%;} .analisys .analisys_contents .analisys_graph .analisys_graph_name:nth-child(6) {top:70%; left:18%;} .analisys .analisys_contents .analisys_graph .analisys_graph_name:nth-child(7) {top:73%; left:9%;} .analisys .analisys_contents .analisys_graph .analisys_graph_name:nth-child(8) {top:30%; left:13%; font-weight:700;} @media (max-width:750px){ .analisys .analisys_contents {height:450px; margin-top:30px;} /*���ӱ׷���*/ .analisys .analisys_contents .analisys_graph {right:50%; width:55%; z-index:20;} .analisys .analisys_contents .analisys_graph .analisys_graph_title div {padding-top:23%;} .analisys .analisys_contents .analisys_graph .analisys_graph_title div li {width:100%; white-space:nowrap; text-align:center;} .analisys .analisys_contents .analisys_graph .analisys_graph_title div li:nth-child(1) {font-size:8px;} .analisys .analisys_contents .analisys_graph .analisys_graph_title div li:nth-child(2) {font-size:8px; margin-top:0;} .analisys .analisys_contents .analisys_graph .analisys_graph_title div li:nth-child(3) {font-size:11px;} .analisys .analisys_contents .analisys_graph .analisys_graph_title div li:nth-child(3) strong {font-size:13px; line-height:13px;} .analisys .analisys_contents .analisys_graph .analisys_graph_name {font-size:8px; line-height:9px;} .analisys .analisys_contents .analisys_graph .analisys_graph_name:nth-child(2) {top:38%; left:74%;} .analisys .analisys_contents .analisys_graph .analisys_graph_name:nth-child(3) {top:82%; left:45%;} .analisys .analisys_contents .analisys_graph .analisys_graph_name:nth-child(4) {top:80%; left:27%;} .analisys .analisys_contents .analisys_graph .analisys_graph_name:nth-child(5) {top:85%; left:15%;} .analisys .analisys_contents .analisys_graph .analisys_graph_name:nth-child(6) {top:70%; left:18%;} .analisys .analisys_contents .analisys_graph .analisys_graph_name:nth-child(7) {top:73%; left:9%;} .analisys .analisys_contents .analisys_graph .analisys_graph_name:nth-child(8) {top:30%; left:13%;} } /*������*/ .analisys .analisys_contents .analisys_bill {position:absolute; top:-200px; left:60%; width:35%; padding:3px; background:linear-gradient(to bottom, #ccc, #333); border-radius:5px;z-index:10;} .analisys .analisys_contents .analisys_bill .analisys_bill_bg {position:relative; width:100%; height:10px; border-radius:2px; background:#000;} .analisys .analisys_contents .analisys_bill .analisys_bill_contents {position:absolute; top:2px; left:.5%; width:99%; padding:0; background:#fff;} .analisys .analisys_contents .analisys_bill .analisys_bill_contents .analisys_bill_title {position:relative; width:100%; background:url('../images/analisys_storeimgbg.jpg')no-repeat center; background-size:cover;} .analisys .analisys_contents .analisys_bill .analisys_bill_contents .analisys_bill_title>ul {width:100%; background:rgba(0,0,0,.3); padding:180px 20px 30px !important;} .analisys .analisys_contents .analisys_bill .analisys_bill_contents .analisys_bill_title li {position:relative; width:100%; text-align:center; font-family:'GmarketSans'; font-weight:500; color:#fff;} .analisys .analisys_contents .analisys_bill .analisys_bill_contents .analisys_bill_title li:nth-child(1) {font-weight:500; font-size:30px; line-height:35px;} .analisys .analisys_contents .analisys_bill .analisys_bill_contents .analisys_bill_title li:nth-child(2) {font-size:20px; line-height:25px;} .analisys .analisys_contents .analisys_bill .analisys_bill_contents .analisys_bill_title .bill_store_name:after {position:absolute; top:-80px; left:50%; content:'월 순이익 3,481만원'; white-space:nowrap; font-weight:700; font-size:30px; color:#e60013; padding:6px 10px 3px; border-radius:5px; border:2px solid #e60013; background:rgba(0,0,0,.8); transform:translateX(-50%)rotate(10deg); -webkit-transform:translateX(-50%)rotate(10deg); z-index:1; animation:bling 2s linear infinite;} .analisys .analisys_contents .analisys_bill .analisys_bill_contents .analisys_bill_title .analisys_bill_impact {position:absolute; top:-150px; left:-70px; width:250px; transform:translateX(-50%); -webkit-transform:translateX(-50%); background:#dab866; border-radius:100%; z-index:5;} .analisys .analisys_contents .analisys_bill .analisys_bill_contents .analisys_bill_title .analisys_bill_impact:before {position:absolute; top:0; left:0; width:100%; height:100%; content:''; border-radius:100%; background:#dab866; opacity:.5; z-index:-1; animation:circle_zoom .5s linear infinite;} .analisys .analisys_contents .analisys_bill .analisys_bill_contents .analisys_bill_title .analisys_bill_impact:after {display:block; padding-bottom:100%; content:'';} .analisys .analisys_contents .analisys_bill .analisys_bill_contents .analisys_bill_title .analisys_bill_impact>ul {position:absolute; top:50%; left:0; width:100%; transform:translateY(-50%); -webkit-transform:translateY(-50%); background:none; padding:0;} .analisys .analisys_contents .analisys_bill .analisys_bill_contents .analisys_bill_title .analisys_bill_impact li {width:100%; font-family:'GmarketSans'; text-align:center; font-weight:500; color:#000;} .analisys .analisys_contents .analisys_bill .analisys_bill_contents .analisys_bill_title .analisys_bill_impact li:nth-child(1) {font-weight:500; font-size:30px; line-height:40px;} .analisys .analisys_contents .analisys_bill .analisys_bill_contents .analisys_bill_title .analisys_bill_impact li:nth-child(2) {font-weight:700; font-size:70px; line-height:80px;} .analisys .analisys_contents .analisys_bill .analisys_bill_contents .analisys_bill_title .analisys_bill_impact li:nth-child(3) {font-weight:500; font-size:30px; line-height:40px;} .analisys .analisys_contents .analisys_bill .analisys_bill_contents .analisys_bill_title .analisys_bill_impact li:nth-child(4) {font-size:18px; line-height:25px;} .analisys .analisys_contents .analisys_bill .analisys_bill_contents .analisys_bill_comment {width:100%; padding:0 10px;} .analisys .analisys_contents .analisys_bill .analisys_bill_contents .analisys_bill_comment li {position:relative; font-family:'GmarketSans'; font-weight:500; font-size:15px; line-height:20px; color:#000; margin:5px 0;} .analisys .analisys_contents .analisys_bill .analisys_bill_contents .analisys_bill_comment1 {margin-top:30px;} .analisys .analisys_contents .analisys_bill .analisys_bill_contents .analisys_bill_comment2 li {padding-left:20px;} .analisys .analisys_contents .analisys_bill .analisys_bill_contents .analisys_bill_comment2 li:after {position:absolute; top:0; left:0; content:'※';} .analisys .analisys_contents .analisys_bill .analisys_bill_contents .analisys_bill_table {width:100%; margin:10px 0; padding:0 10px;} .analisys .analisys_contents .analisys_bill .analisys_bill_contents .analisys_bill_table ul {display:table; width:100%; border-top:1px solid rgba(0,0,0,.1); padding:2px !important;} .analisys .analisys_contents .analisys_bill .analisys_bill_contents .analisys_bill_table ul:nth-child(2) {background:#3f3a39; border:none; border-radius:5px;} .analisys .analisys_contents .analisys_bill .analisys_bill_contents .analisys_bill_table ul:nth-child(3) {border:none;} .analisys .analisys_contents .analisys_bill .analisys_bill_contents .analisys_bill_table ul:last-child {background:#b62831; border:none; border-radius:5px;} .analisys .analisys_contents .analisys_bill .analisys_bill_contents .analisys_bill_table li {float:left; width:37.5%; font-family:'GmarketSans'; font-weight:500; text-align:center; font-size:17px; line-height:20px; color:#000; border-radius:3px; padding:15px 5px;} .analisys .analisys_contents .analisys_bill .analisys_bill_contents .analisys_bill_table li:first-child {color:#000 !important; background:transparent !important;} .analisys .analisys_contents .analisys_bill .analisys_bill_contents .analisys_bill_table li:nth-child(2) {text-align:right;} .analisys .analisys_contents .analisys_bill .analisys_bill_contents .analisys_bill_table li:nth-child(3) {text-align:right; width:24.2%; margin-left:.8%;} .analisys .analisys_contents .analisys_bill .analisys_bill_contents .analisys_bill_table ul:nth-child(2) li {color:#000; background:#fff;} .analisys .analisys_contents .analisys_bill .analisys_bill_contents .analisys_bill_table ul:nth-child(2) li:first-child {color:#fff !important;} .analisys .analisys_contents .analisys_bill .analisys_bill_contents .analisys_bill_table ul:last-child li {font-weight:500; color:#e60013; background:#fff;} .analisys .analisys_contents .analisys_bill .analisys_bill_contents .analisys_bill_table ul:last-child li:first-child {color:#fff !important;} .analisys .analisys_contents .analisys_bill .analisys_bill_contents .analisys_bill_barcode {width:100%; text-align:center; opacity:.2; margin:30px 0;} .analisys .analisys_contents .analisys_bill .analisys_bill_contents .analisys_bill_barcode img {width:30%;} @media (max-width:750px){ /*������*/ .analisys .analisys_contents .analisys_bill {top:0; left:45%; width:55%; padding:2px;} .analisys .analisys_contents .analisys_bill .analisys_bill_bg {height:5px; border-radius:1px;} .analisys .analisys_contents .analisys_bill .analisys_bill_contents {top:1px;} .analisys .analisys_contents .analisys_bill .analisys_bill_contents .analisys_bill_title ul {padding:50px 10px 20px !important;} .analisys .analisys_contents .analisys_bill .analisys_bill_contents .analisys_bill_title li:nth-child(1) {font-size:15px; line-height:15px;} .analisys .analisys_contents .analisys_bill .analisys_bill_contents .analisys_bill_title li:nth-child(2) {font-size:12px; line-height:13px;} .analisys .analisys_contents .analisys_bill .analisys_bill_contents .analisys_bill_title .bill_store_name:after {top:-30px; left:50%; font-size:13px; padding:2px 5px 0; border-radius:3px; border-width:1px;} .analisys .analisys_contents .analisys_bill .analisys_bill_contents .analisys_bill_title .analisys_bill_impact {top:-70px; left:50%; width:80px;} .analisys .analisys_contents .analisys_bill .analisys_bill_contents .analisys_bill_title .analisys_bill_impact li:nth-child(1) {font-size:10px; line-height:13px;} .analisys .analisys_contents .analisys_bill .analisys_bill_contents .analisys_bill_title .analisys_bill_impact li:nth-child(2) {font-size:13px; line-height:15px;} .analisys .analisys_contents .analisys_bill .analisys_bill_contents .analisys_bill_title .analisys_bill_impact li:nth-child(3) {font-size:10px; line-height:13px;} .analisys .analisys_contents .analisys_bill .analisys_bill_contents .analisys_bill_title .analisys_bill_impact li:nth-child(4) {font-size:8px; line-height:10px;} .analisys .analisys_contents .analisys_bill .analisys_bill_contents .analisys_bill_comment {padding:0 5px;} .analisys .analisys_contents .analisys_bill .analisys_bill_contents .analisys_bill_comment li {font-size:9px; line-height:10px; margin:3px 0;} .analisys .analisys_contents .analisys_bill .analisys_bill_contents .analisys_bill_comment1 {margin-top:10px; text-align:right;} .analisys .analisys_contents .analisys_bill .analisys_bill_contents .analisys_bill_comment2 li {padding-left:10px;} .analisys .analisys_contents .analisys_bill .analisys_bill_contents .analisys_bill_table {width:100%; margin:10px 0; padding:0 10px;} .analisys .analisys_contents .analisys_bill .analisys_bill_contents .analisys_bill_table ul {border-width:.5px; padding:1px !important;} .analisys .analisys_contents .analisys_bill .analisys_bill_contents .analisys_bill_table ul:nth-child(2) {border-radius:3px;} .analisys .analisys_contents .analisys_bill .analisys_bill_contents .analisys_bill_table ul:last-child {border-radius:3px;} .analisys .analisys_contents .analisys_bill .analisys_bill_contents .analisys_bill_table li {font-size:9px; line-height:11px; letter-spacing:-.5px; border-radius:2px; padding:5px 2px;} .analisys .analisys_contents .analisys_bill .analisys_bill_contents .analisys_bill_barcode {margin:10px 0;} .analisys .analisys_contents .analisys_bill .analisys_bill_contents .analisys_bill_barcode img {width:50px;} } .analisys .sales {position:relative; width:100%;} .analisys .sales .sales_title_bg {position:absolute; top:-250px; width:25%; height:700px; z-index:1; overflow:hidden;} .analisys .sales .sales_title_bg1 {left:0; clip-path: polygon(0 0, 0% 100%, 100% 50%);} .analisys .sales .sales_title_bg2 {right:0; clip-path: polygon(0 50%, 100% 100%, 100% 0);} .analisys .sales .sales_title_bg:after {position:absolute; top:0; left:0; width:100%; height:100%; content:''; z-index:2;} .analisys .sales .sales_title_bg iframe {position:absolute; top:50%; left:50%; width:1500px; height:100%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); z-index:1;} .analisys .sales .sales_title_bg1 iframe {margin-left:100px;} .analisys .sales .sales_title_bg2 iframe {margin-left:-400px;} .analisys .sales .sales_title {display:table; margin:0 auto;} .analisys .sales .sales_title li {position:relative; font-family:'GmarketSans'; font-weight:500; text-align:center; color:#fff;} .analisys .sales .sales_title li:nth-child(1) {font-size:40px; line-height:50px;} .analisys .sales .sales_title li:nth-child(1) strong {font-weight:700; color:#dab866;} .analisys .sales .sales_title li:nth-child(2) {font-weight:700; font-size:93px; line-height:100px;} .analisys .sales .sales_title li:nth-child(3) {font-weight:700; font-size:40px; line-height:50px; margin-top:30px;} .analisys .sales .sales_title li:nth-child(4) {font-weight:700; font-size:50px; line-height:60px; color:#e60013;} .analisys .sales .sales_title li:nth-child(1) .sales_title_balloon {position:absolute; top:-200px; left:-110px; width:170px; background:#dab866; border-radius:100%; z-index:2; animation:tong .7s ease-in-out infinite;} .analisys .sales .sales_title li:nth-child(1) .sales_title_balloon:before {display:block; padding-bottom:100%; content:'';} .analisys .sales .sales_title li:nth-child(1) .sales_title_balloon:after {position:absolute; top:90%; left:60%; content:''; border-top:50px solid #dab866; border-left:10px solid transparent; border-right:10px solid transparent; z-index:1; transform:rotate(-15deg); -webkit-transform:rotate(-15deg);} .analisys .sales .sales_title li:nth-child(1) .sales_title_balloon div {position:absolute; top:26%; left:0; width:100%; font-weight:700; text-align:center; font-size:25px; line-height:25px; color:#000; white-space:nowrap; transform:rotate(-10deg); -webkit-transform:rotate(-10deg);} .analisys .sales .sales_contents {display:table; width:100%; max-width:1360px; margin:50px auto 0;} .analisys .sales .sales_contents .sales_item {position:relative; float:left; width:32.33%; padding:30px 10px; background:#fff; margin:1% .5%;} .analisys .sales .sales_contents .sales_item:before {position:absolute; bottom:99%; left:0; width:100%; height:9px; content:''; background:url('../images/billbg_top.png') repeat-x left; background-size:auto 100%; z-index:1;} .analisys .sales .sales_contents .sales_item:after {position:absolute; top:99%; left:0; width:100%; height:9px; content:''; background:url('../images/billbg_bottom.png') repeat-x left; background-size:auto 100%; z-index:1;} .analisys .sales .sales_contents .sales_item li {position:relative; display:table; position:relative; width:100%; font-family:'GmarketSans'; font-weight:300; text-align:center; color:#000;} .analisys .sales .sales_contents .sales_item li:nth-child(1) {display:table; width:auto; font-weight:500; font-size:25px; line-height:30px; margin:0 auto;} .analisys .sales .sales_contents .sales_item li:nth-child(1) span {font-weight:700; font-size:25px;} .analisys .sales .sales_contents .sales_item li:nth-child(1) b {color:#e60013;} .analisys .sales .sales_contents .sales_item li:nth-child(1) img {position:absolute; bottom:95%; right:95%; width:80px; z-index:2;} .analisys .sales .sales_contents .sales_item li:nth-child(2) {font-weight:700; font-size:40px; line-height:45px; color:#e60013; border-top:1px dashed rgba(0,0,0,.3); margin:20px 0 0; padding:30px 0 0 0;} .analisys .sales .sales_contents .sales_item li:nth-child(3), .analisys .sales .sales_contents .sales_item li:nth-child(4) {width:100%; font-weight:500; font-size:23px; line-height:28px; padding:20px 0; animation:bling 2s linear infinite;} .analisys .sales .sales_contents .sales_item li:nth-child(3) strong, .analisys .sales .sales_contents .sales_item li:nth-child(4) strong {font-weight:700;} .analisys .sales .sales_contents .sales_item li:nth-child(4) {border-bottom:1px dashed rgba(0,0,0,.3);} .analisys .sales .sales_contents .sales_item li:nth-child(3):after {position:absolute; bottom:-10px; left:50%; content:'+'; transform:translateX(-50%); -webkit-transform:translateX(-50%);} .analisys .sales .sales_contents .sales_item li:last-child img {width:25%; margin:30px 0 0;} @media (max-width:750px){ .analisys .sales {margin-top:100px;} .analisys .sales .sales_title_bg {top:-130px; width:50%; height:150px;} .analisys .sales .sales_title_bg1 iframe {margin-left:0;} .analisys .sales .sales_title_bg2 iframe {margin-left:0;} .analisys .sales .sales_title li:nth-child(1) {font-size:12px; line-height:15px;} .analisys .sales .sales_title li:nth-child(2) {font-size:19px; line-height:20px;} .analisys .sales .sales_title li:nth-child(3) {font-size:13px; line-height:15px; margin-top:15px;} .analisys .sales .sales_title li:nth-child(4) {font-size:13px; line-height:15px;} .analisys .sales .sales_title li:nth-child(1) .sales_title_balloon {top:-50px; left:-50px; width:80px;} .analisys .sales .sales_title li:nth-child(1) .sales_title_balloon:after {border-top:20px solid #dab866; border-left:5px solid transparent; border-right:5px solid transparent;} .analisys .sales .sales_title li:nth-child(1) .sales_title_balloon div {top:26%; font-size:13px; line-height:13px;} .analisys .sales .sales_contents {margin:30px auto 0; padding:0 10px;} .analisys .sales .sales_contents .sales_item {padding:10px 5px;} .analisys .sales .sales_contents .sales_item:before {height:4px;} .analisys .sales .sales_contents .sales_item:after {height:4px;} .analisys .sales .sales_contents .sales_item li:nth-child(1) {font-size:13px; line-height:13px;} .analisys .sales .sales_contents .sales_item li:nth-child(1) span {font-size:13px;} .analisys .sales .sales_contents .sales_item li:nth-child(1) img {bottom:95%; right:75%; width:30px;} .analisys .sales .sales_contents .sales_item li:nth-child(2) {font-size:15px; line-height:15px; border-width:.5px; margin:10px 0; padding:10px 0 0 0;} .analisys .sales .sales_contents .sales_item li:nth-child(3), .analisys .sales .sales_contents .sales_item li:nth-child(4) {width:100%; font-size:11px; line-height:12px; border:none; padding:0 0 5px;} .analisys .sales .sales_contents .sales_item li:nth-child(3) {margin-bottom:10px;} .analisys .sales .sales_contents .sales_item li:nth-child(3):after {bottom:-8px;} .analisys .sales .sales_contents .sales_item li:last-child {display:table; border-top:.5px dashed rgba(0,0,0,.3); margin:10px 0 0;} .analisys .sales .sales_contents .sales_item li:last-child img {width:40%; margin:10px 0 0;} } /*�̵��*/ .media {padding:0;} .media .interview {padding:150px 0; background:url('../images/interview_bg.jpg') no-repeat top left;} .media .interview .interview_title {width:100%; font-size:0; text-align:center;} .media .interview .interview_title li {display:inline-block; vertical-align:top;} .media .interview .interview_title li:nth-child(1) img {170px;} .media .interview .interview_title li:nth-child(2) {font-family:'Shilla_CultureB-Bold'; font-size:80px; line-height:90px; color:#000;} .media .interview .interview_title li:nth-child(3) {width:100%; font-family:'GmarketSans'; font-weight:500; font-size:40px; line-height:50px; color:#000; margin:30px 0 50px;} .media .interview .interview_title li:nth-child(3) span {font-weight:700; background:#dab866; borde-radius:5px; padding:3px 3px 0;} .media .interview .media_moviecontents {width:100%; max-width:1360px; font-size:0; margin:0 auto;} .media .youtube .media_moviecontents {width:100%; max-width:1360px; font-size:0; margin:0 auto;} .media .youtube .youtube_tab {clear:both; width:100%; max-width:1360px; font-size:0; text-align:center; margin:0 auto;} .media .youtube .youtube_tab li {display:inline-block; font-family:'GmarketSans'; text-align:center; font-weight:500; font-size:14px; line-height:20px; color:#000; border-radius:5px; padding:5px 7px 3px; margin:2px; cursor:pointer;} .media .youtube .youtube_tab .active {background:#000; color:#fff;} .media .youtube_content {display:inline-block; vertical-align:top; width:33.33%; padding:0 10px; cursor:pointer; margin:0 0 50px;} .media .youtube_content .youtube_thumnail {position:relative; width:100%;} .media .youtube_content .youtube_thumnail img {width:100%;} .media .youtube_title {position:relative; width:100%; font-family:'GmarketSans'; text-align:center; font-weight:500; font-size:20px; line-height:30px; color:#000; margin:20px 0 0;} .media .youtube .media_moviecontents .youtube_content {width:25%;} .media .sns {position:relative; width:100%; z-index:2;} .media .sns iframe {width:100%; height:490px;} .media .sns .sns_title {position:absolute; display:table; top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); padding:30px 4px; background:url('../images/sns_title_bg.png') no-repeat center; background-size:100%100%; z-index:5;} .media .sns .sns_title li {display:table; text-align:center; margin:0 auto;} .media .sns .sns_title li:nth-child(1) {position:relative; font-family:'Shilla_CultureB-Bold'; font-size:50px; line-height:55px; color:#000;} .media .sns .sns_title li:nth-child(1):after {position:absolute; top:-20px; left:-40px; content:'마케팅 없이!'; font-family:'GmarketSans'; text-align:center; font-weight:700; font-size:20px; line-height:30px; color:#dab866; border-radius:5px; background:#000; padding:3px 5px 0; transform:rotate(-10deg); -webkit-transform:rotate(-10deg); animation:bling 2s linear infinite;} .media .sns .sns_title li:nth-child(1) img {width:180px;} .media .sns .sns_title li:nth-child(2) {width:400px; height:400px; margin:30px 0;} .media .sns .sns_title li:nth-child(2):after {position:absolute; top:0; left:0; width:100%; height:100%; content:''; z-index:1;} .media .sns .sns_title li:nth-child(2) iframe {width:400px; height:400px;} .media .sns .sns_title li:nth-child(3) {font-family:'GmarketSans'; font-weight:700; font-size:50px; line-height:55px; color:#e60013;} .media .sns .sns_title li:nth-child(4) {font-family:'GmarketSans'; font-weight:500; font-size:20px; line-height:25px; color:#000; margin:20px auto 0;} .media .blog {width:100%; max-width:1460px; font-size:0; margin:0 auto; padding:50px; z-index:1;} .media .blog .blog_line {width:100%; border:1px solid rgba(0,0,0,.1); padding:130px 50px 50px;} .media .blog .blog_line iframe {width:100%; height:660px;} @media (max-width:750px){ .media .interview {padding:100px 0 50px; background-size:200px;} .media .interview .interview_title li:nth-child(1) img {width:100px;} .media .interview .interview_title li:nth-child(2) {font-size:20px; line-height:30px;} .media .interview .interview_title li:nth-child(3) {font-size:13px; line-height:15px; margin:15px 0 25px;} .media .interview .interview_title li:nth-child(3) span {borde-radius:3px; padding:1px 3px 0;} .media .interview .media_moviecontents {padding:0 10px;} .media .youtube {margin-bottom:30px;} .media .youtube .media_moviecontents {padding:0 10px;} .media .youtube .youtube_tab li {font-size:10px; line-height:15px; border-radius:3px; padding:2px 3px 1px; margin:1px;} .media .youtube_content {width:50%; padding:0 2px; margin:0 0 20px;} .media .youtube_title {font-size:10px; line-height:12px; margin:5px 0 0;} .media .youtube .media_moviecontents .youtube_content {width:50%;} .media .sns {position:relative; width:100%;} .media .sns iframe {height:270px;} .media .sns .sns_title {padding:10px 2px;} .media .sns .sns_title li:nth-child(1) {font-size:13px; line-height:15px;} .media .sns .sns_title li:nth-child(1):after {top:-20px; left:-40px; font-size:12px; line-height:20px; border-radius:3px; padding:1px 3px 0; white-space:nowrap;} .media .sns .sns_title li:nth-child(1) img {width:80px;} .media .sns .sns_title li:nth-child(2) {width:150px; height:150px; margin:15px 0;} .media .sns .sns_title li:nth-child(2) iframe {width:150px; height:150px;} .media .sns .sns_title li:nth-child(3) {font-size:20px; line-height:25px;} .media .sns .sns_title li:nth-child(4) {font-size:10px; line-height:13px; margin:10px auto 0;} .media .blog {padding:10px;} .media .blog .blog_line {border-width:.5px; padding:30px 10px 10px;} .media .blog .blog_line iframe {width:100%; height:400px;} } /*�޴�*/ .menu {padding:50px;} .menu .menu_title_area {position:relative; width:100%;} .menu .menu_title_area .menu_title_contents {position:absolute; top:50%; width:100%; transform:translateY(-50%); -webkit-transform:translateY(-50%); z-index:3;} .menu .menu_title_area .menu_title_contents .menu_title {display:table; margin:0 auto;} .menu .menu_title_area .menu_title_contents .menu_title li {display:table; margin:0 auto; text-align:center;} .menu .menu_title_area .menu_title_contents .menu_title li:nth-child(1) img {width:300px;} .menu .menu_title_area .menu_title_contents .menu_title li:nth-child(2) {font-family:'Shilla_CultureB-Bold'; font-size:100px; line-height:100px; color:#dab866;} .menu .menu_title_area .menu_title_contents .menu_title li:nth-child(3) {font-family:'GmarketSans'; font-size:30px; line-height:40px; color:#fff; margin:30px auto 70px;} .menu .menu_title_area .menu_title_contents .menu_title li:nth-child(3) strong {font-weight:700; color:#dab866;} .menu .menu_title_area .menu_title_contents .menu_point {display:table; width:100%; max-width:1000px; text-align:center; margin:0 auto;} .menu .menu_title_area .menu_title_contents .menu_point ul {display:inline-block; width:20%; margin:0 1% !important;} .menu .menu_title_area .menu_title_contents .menu_point li {width:100%; font-family:'GmarketSans'; text-align:center; font-weight:500; font-size:20px; line-height:25px; color:#fff;} .menu .menu_title_area .menu_title_contents .menu_point li:nth-child(1) {font-size:40px; margin:0 0 30px;} .menu .menu_title_area .menu_title_contents .menu_point li strong {font-weight:700; color:#dab866;} .menu .menu_title_area .movie {position:relative; width:100%; height:800px; background:#000; overflow:hidden;} .menu .menu_title_area .movie:after {position:absolute; top:0; left:0; width:100%; height:100%; content:''; z-index:2;} .menu .menu_title_area .movie iframe {position:absolute; top:50%; left:50%; width:2500px; height:1300px; z-index:1; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); opacity:.4;} .menu .menu_contents {position:relative; font-size:0; width:100%;} .menu .menu_contents .menu_item {position:relative; display:inline-block; width:25%; padding:2px;} .menu .menu_contents .menu_item .menu_item_name {position:absolute; top:0; left:0; width:100%; font-family:'GmarketSans'; text-align:left; font-weight:500; font-size:25px; line-height:30px; color:#fff; z-index:3; padding:30px;} .menu .menu_contents .menu_item .menu_item_img {position:relative; width:100%; overflow:hidden;} .menu .menu_contents .menu_item .menu_item_img:before {position:absolute; top:1%; left:1%; width:98%; height:98%; content:''; border:1px solid #fff; z-index:2; box-sizing:border-box; opacity:.3;} .menu .menu_contents .menu_item .menu_item_img:after {position:absolute; top:0; left:0; width:100%; height:30%; content:''; background:linear-gradient(to bottom, rgba(0,0,0,1), rgba(0,0,0,.0)); z-index:1;} .menu .menu_contents .menu_item .menu_item_img img {width:100%; transition:all .3s ease; -webkit-transition:all .3s ease;} .menu .menu_contents .menu_item:hover .menu_item_img img {-webkit-transform:scale(1.05); -ms-transform:scale(1.05); transform:scale(1.05);} .menu .menu_contents .menu_best {position:absolute; bottom:30px; right:-10px; width:90px; transform:translateX(-50%); -webkit-transform:translateX(-50%); background:#dab866; border-radius:100%; z-index:5;} .menu .menu_contents .menu_best:before {position:absolute; top:0; left:0; width:100%; height:100%; content:''; border-radius:100%; background:#dab866; opacity:.5; z-index:-1; animation:circle_zoom 1s linear infinite;} .menu .menu_contents .menu_best:after {display:block; padding-bottom:100%; content:'';} .menu .menu_contents .menu_best ul {position:absolute; top:50%; left:0; width:100%; transform:translateY(-50%); -webkit-transform:translateY(-50%);} .menu .menu_contents .menu_best li {width:100%; font-family:'GmarketSans'; text-align:center; font-weight:500; font-size:17px; line-height:18px; color:#000;} .menu .menu_contents .menu_best li strong {font-weight:700; line-height:25px;} @media (max-width:750px){ .menu {padding:10px;} .menu .menu_title_area .menu_title_contents .menu_title li:nth-child(1) img {width:150px;} .menu .menu_title_area .menu_title_contents .menu_title li:nth-child(2) {font-size:30px; line-height:50px;} .menu .menu_title_area .menu_title_contents .menu_title li:nth-child(3) {font-size:13px; line-height:15px; margin:15px auto 30px;} .menu .menu_title_area .menu_title_contents .menu_point ul {width:23%; margin:0 1% !important; vertical-align:top;} .menu .menu_title_area .menu_title_contents .menu_point li {font-size:12px; line-height:13px;} .menu .menu_title_area .menu_title_contents .menu_point li:nth-child(1) {font-size:20px; margin:0 0 20px;} .menu .menu_title_area .movie {height:400px;} .menu .menu_title_area .movie iframe {height:420px;} .menu .menu_contents .menu_item {width:33.33%; padding:1px;} .menu .menu_contents .menu_item .menu_item_name {font-size:12px; line-height:14px; padding:10px;} .menu .menu_contents .menu_item .menu_item_img:before {border-width:.5px;} .menu .menu_contents .menu_best {bottom:5px; right:-13px; width:35px;} .menu .menu_contents .menu_best li {font-size:8px; line-height:8px;} .menu .menu_contents .menu_best li strong {line-height:9px;} } /*���׸���*/ .interior {padding:0;} .interior .interior_contents {position:absolute; top:150px; left:50%; width:100%; max-width:1460px; z-index:3; transform:translateX(-50%); -webkit-transform:translateX(-50%); padding:0 50px;} .interior .interior_contents .interior_title {width:100%;} .interior .interior_contents .interior_title li {font-family:'GmarketSans'; text-align:center; font-weight:500; font-size:30px; line-height:40px; color:#fff;} .interior .interior_contents .interior_title li:nth-child(1) {font-weight:500;} .interior .interior_contents .interior_title li:nth-child(2) {font-size:60px; line-height:70px; margin:20px 0;} .interior .interior_contents .interior_title li:nth-child(2) strong {font-weight:700; color:#dab866;} .interior .interior_contents .interior_title li:nth-child(3) strong {font-weight:700; color:#dab866;} .interior .interior_contents .interior_img {width:100%; margin:100px 0 0;} .interior .movie {position:relative; width:100%; height:900px; background:#000; overflow:hidden;} .interior .movie:after {position:absolute; top:0; left:0; width:100%; height:100%; content:''; z-index:2;} .interior .movie iframe {position:absolute; top:50%; left:50%; width:2500px; height:1300px; z-index:1; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); opacity:.4;} .interior .bottombg {width:100%; max-width:1460px; margin:0 auto; padding:0 50px;} .interior .bottombg img {width:100%; opacity:0; margin-top:-300px;} @media (max-width:750px){ .interior .interior_contents {top:50px; padding:0 10px;} .interior .interior_contents .interior_title li {font-size:12px; line-height:15px;} .interior .interior_contents .interior_title li:nth-child(2) {font-size:20px; line-height:25px; margin:10px 0;} .interior .interior_contents .interior_img {margin:30px 0 0;} .interior .movie {height:420px;} .interior .movie iframe {height:420px;} .interior .bottombg {padding:0 10px;} .interior .bottombg img {margin-top:-150px;} } /*â��*/ @keyframes process1 {0.00% {border-color:rgba(0,0,0,.1); background:transparent;} 0.10% {border-color:#dab866; background:#dab866;} 16.66% {border-color:#dab866; background:#dab866;} 16.76% {border-color:rgba(0,0,0,.1); background:transparent;}} @keyframes process2 {16.66% {border-color:rgba(0,0,0,.1); background:transparent;} 16.76% {border-color:#dab866; background:#dab866;} 33.33% {border-color:#dab866; background:#dab866;} 33.43% {border-color:rgba(0,0,0,.1); background:transparent;}} @keyframes process3 {33.32% {border-color:rgba(0,0,0,.1); background:transparent;} 33.42% {border-color:#dab866; background:#dab866;} 49.98% {border-color:#dab866; background:#dab866;} 50.08% {border-color:rgba(0,0,0,.1); background:transparent;}} @keyframes process4 {49.98% {border-color:rgba(0,0,0,.1); background:transparent;} 50.08% {border-color:#ffba00; background:#dab866;} 66.64% {border-color:#dab866; background:#dab866;} 66.74% {border-color:rgba(0,0,0,.1); background:transparent;}} @keyframes process5 {66.64% {border-color:rgba(0,0,0,.1); background:transparent;} 66.74% {border-color:#ffba00; background:#dab866;} 83.30% {border-color:#dab866; background:#dab866;} 83.40% {border-color:rgba(0,0,0,.1); background:transparent;}} @keyframes process6 {83.30% {border-color:rgba(0,0,0,.1); background:transparent;} 83.40% {border-color:#ffba00; background:#dab866;} 99.99% {border-color:#dab866; background:#dab866;} 100.00% {border-color:rgba(0,0,0,.1); background:transparent;}} @keyframes eduprocess1 {0.0% {border-color:rgba(0,0,0,.1); background:transparent;} 0.1% {border-color:#dab866; background:#dab866;} 12.5% {border-color:#dab866; background:#dab866;} 12.6% {border-color:rgba(0,0,0,.1); background:transparent;}} @keyframes eduprocess2 {12.5% {border-color:rgba(0,0,0,.1); background:transparent;} 12.6% {border-color:#dab866; background:#dab866;} 25.0% {border-color:#dab866; background:#dab866;} 25.1% {border-color:rgba(0,0,0,.1); background:transparent;}} @keyframes eduprocess3 {25.0% {border-color:rgba(0,0,0,.1); background:transparent;} 25.1% {border-color:#dab866; background:#dab866;} 37.5% {border-color:#dab866; background:#dab866;} 37.6% {border-color:rgba(0,0,0,.1); background:transparent;}} @keyframes eduprocess4 {37.5% {border-color:rgba(0,0,0,.1); background:transparent;} 37.6% {border-color:#ffba00; background:#dab866;} 50.0% {border-color:#dab866; background:#dab866;} 50.1% {border-color:rgba(0,0,0,.1); background:transparent;}} @keyframes eduprocess5 {50.0% {border-color:rgba(0,0,0,.1); background:transparent;} 50.1% {border-color:#ffba00; background:#dab866;} 62.5% {border-color:#dab866; background:#dab866;} 62.6% {border-color:rgba(0,0,0,.1); background:transparent;}} @keyframes eduprocess6 {62.5% {border-color:rgba(0,0,0,.1); background:transparent;} 62.6% {border-color:#ffba00; background:#dab866;} 75.0% {border-color:#dab866; background:#dab866;} 75.1% {border-color:rgba(0,0,0,.1); background:transparent;}} @keyframes eduprocess7 {75.0% {border-color:rgba(0,0,0,.1); background:transparent;} 75.1% {border-color:#ffba00; background:#dab866;} 85.5% {border-color:#dab866; background:#dab866;} 85.6% {border-color:rgba(0,0,0,.1); background:transparent;}} @keyframes eduprocess8 {85.5% {border-color:rgba(0,0,0,.1); background:transparent;} 85.6% {border-color:#ffba00; background:#dab866;} 99.0% {border-color:#dab866; background:#dab866;} 99.1% {border-color:rgba(0,0,0,.1); background:transparent;}} .franchise {padding:150px 50px;} .franchise .franchise_storeimg {position:absolute; top:-230px; left:50%; margin-left:400px; z-index:2;} .franchise .franchise_contents {position:relative; width:100%; max-width:1360px; margin:0 auto; border:1px solid rgba(0,0,0,0.1); padding:30px;} .franchise .franchise_contents .franchise_title {position:absolute; top:-140px; left:50%; font-family:'GmarketSans'; text-align:center; white-space:nowrap; font-weight:500; font-size:50px; line-height:90px; color:#000; background:#fff; padding:0 30px; transform:translateX(-50%); -webkit-transform:translateX(-50%); } .franchise .franchise_contents .franchise_title strong {font-family:'Shilla_CultureB-Bold'; font-size:100px;} .franchise .franchise_contents .franchise_comment {width:100%; font-family:'GmarketSans'; text-align:center; font-weight:500; font-size:30px; line-height:40px; color:#000; margin:80px 0 30px;} .franchise .franchise_contents .franchise_comment strong {font-weight:700; color:#e60013;} .franchise .franchise_contents .franchise_tab {width:100%; text-align:center; font-size:0;} .franchise .franchise_contents .franchise_tab li {display:inline-block; font-family:'GmarketSans'; text-align:center; font-weight:500; font-size:20px; line-height:50px; color:#000; padding:2px 15px 0; border:1px solid rgba(0,0,0,.1); margin:0 5px; cursor:pointer;} .franchise .franchise_contents .franchise_tab .active {background:#dab866; font-weight:500; color:#000; border-color:#dab866;} .franchise .franchise_contents .franchise_box {width:100%;} .franchise .franchise_contents .franchise_box1 .price_title {position:relative; width:100%; font-family:'GmarketSans'; text-align:center; font-weight:700; font-size:100px; line-height:50px; color:rgba(0,0,0,.0); margin:50px 0;} .franchise .franchise_contents .franchise_box1 .price_title div {position:absolute; width:100%; font-weight:500; font-size:30px; line-height:43px; color:#000; animation:bling 2s linear infinite;} .franchise .franchise_contents .franchise_box1 .price_title div strong {font-size:40px; font-weight:700;} .franchise .franchise_contents .franchise_box1 .price_title div .fontred {color:#e60013;} .franchise .franchise_contents .franchise_box1 .price_comment {width:100%; position:relative; font-family:'GmarketSans'; font-weight:500; font-size:17px; line-height:23px; color:#000; padding:10px 0;} .franchise .franchise_contents .franchise_box1 .price_comment1 {text-align:right;} .franchise .franchise_contents .franchise_box1 .price_table {width:100%;} .franchise .franchise_contents .franchise_box1 .price_table table {width:100%;} .franchise .franchise_contents .franchise_box1 .price_table table td {position:relative; font-family:'GmarketSans'; text-align:center; font-weight:500; font-size:18px; line-height:23px; color:#000; padding:15px 10px; border-bottom:1px solid rgba(0,0,0,.1);} .franchise .franchise_contents .franchise_box1 .price_table table tr:first-child td {color:#fff; background:#000;} .franchise .franchise_contents .franchise_box1 .price_table table tr:last-child td {font-weight:700; font-size:20px; background:#dab866;} /* .franchise .franchise_contents .franchise_box1 .price_table table tr:nth-child(3) td:nth-child(3):after,*/ .franchise .franchise_contents .franchise_box1 .price_table table tr:nth-child(4) td:nth-child(3):after {position:absolute; top:50%; left:50%; content:'일시적 면제'; white-space:nowrap; font-weight:700; font-size:21px; color:#e60013; padding:3px 5px 0; border:2px solid #e60013; border-radius:5px; background:rgba(0,0,0,.9); transform:translate(-50%,-50%)rotate(-10deg); -webkit-transform:translate(-50%,-50%)rotate(-10deg); animation:bling 2s linear infinite;} @media (max-width:750px){ .franchise {padding:80px 10px 50px;} .franchise .franchise_storeimg {top:-50px; left:50%; margin-left:80px;} .franchise .franchise_storeimg img {width:200px;} .franchise .franchise_contents {border-width:.5px; padding:10px;} .franchise .franchise_contents .franchise_title {top:-30px; left:50%; font-size:20px; line-height:30px; padding:0 10px;} .franchise .franchise_contents .franchise_title strong {font-size:30px;} .franchise .franchise_contents .franchise_comment {font-size:13px; line-height:15px; margin:50px 0 15px;} .franchise .franchise_contents .franchise_tab li {font-size:12px; line-height:20px; padding:1px 5px 0; border-width:.5px; margin:0 2px;} .franchise .franchise_contents .franchise_box {width:100%;} .franchise .franchise_contents .franchise_box1 .price_title {font-size:30px; line-height:30px; margin:20px 0;} .franchise .franchise_contents .franchise_box1 .price_title div {font-size:12px; line-height:17px;} .franchise .franchise_contents .franchise_box1 .price_title div strong {font-size:16px;} .franchise .franchise_contents .franchise_box1 .price_comment {font-size:10px; line-height:11px; padding:5px 0;} .franchise .franchise_contents .franchise_box1 .price_table table td {font-size:10px; line-height:13px; padding:10px 5px; border-width:.5px;} .franchise .franchise_contents .franchise_box1 .price_table table tr:last-child td {font-size:10px;} .franchise .franchise_contents .franchise_box1 .price_table table tr:nth-child(3) td:nth-child(3):after, .franchise .franchise_contents .franchise_box1 .price_table table tr:nth-child(4) td:nth-child(3):after {font-size:11px; padding:3px 5px 2px; border-width:1px; border-radius:3px;} } .franchise .franchise_contents .inline-flex {width:100%; display:inline-flex; flex-wrap:wrap; justify-content:center;} .franchise .franchise_contents .franchise_box2 {margin-top:50px;} .franchise .franchise_contents .franchise_box2 .process_item {display:inline-block; width:32.33%; margin:.5%; border:1px solid rgba(0,0,0,.1); padding:30px;} .franchise .franchise_contents .franchise_box2 .process_item li {width:100%; font-family:'GmarketSans'; text-align:center; font-weight:500; font-size:17px; line-height:23px; color:#000;} .franchise .franchise_contents .franchise_box2 .process_item li:nth-child(1) {} .franchise .franchise_contents .franchise_box2 .process_item li:nth-child(2) {font-size:30px; margin-top:20px;} .franchise .franchise_contents .franchise_box2 .process_item li:nth-child(3) {font-weight:700; font-size:25px; line-height:30px; margin:20px 0;} .franchise .franchise_contents .franchise_box2 .process_item li:nth-child(4) {} .franchise .franchise_contents .franchise_box2 .process_item:nth-child(1) {animation:process1 6s linear infinite;} .franchise .franchise_contents .franchise_box2 .process_item:nth-child(2) {animation:process2 6s linear infinite;} .franchise .franchise_contents .franchise_box2 .process_item:nth-child(3) {animation:process3 6s linear infinite;} .franchise .franchise_contents .franchise_box2 .process_item:nth-child(4) {animation:process4 6s linear infinite;} .franchise .franchise_contents .franchise_box2 .process_item:nth-child(5) {animation:process5 6s linear infinite;} .franchise .franchise_contents .franchise_box2 .process_item:nth-child(6) {animation:process6 6s linear infinite;} .franchise .franchise_contents .franchise_box3 {margin-top:50px;} .franchise .franchise_contents .franchise_box3 .ecu_process_title {width:100%; font-family:'GmarketSans'; text-align:center; font-weight:500; font-size:30px; line-height:40px; color:#000; margin:0 0 30px;} .franchise .franchise_contents .franchise_box3 .ecu_process_title strong {font-weight:500; color:#e60013;} .franchise .franchise_contents .franchise_box3 .ecu_process {display:inline-flex; flex-wrap:wrap; justify-content:center; width:100%;} .franchise .franchise_contents .franchise_box3 .ecu_process_item {display:inline-block; width:24%; margin:.5%; border:1px solid rgba(0,0,0,.1); padding:30px;} .franchise .franchise_contents .franchise_box3 .ecu_process_item li {width:100%; font-family:'GmarketSans'; text-align:center; font-weight:500; font-size:17px; line-height:23px; color:#000;} .franchise .franchise_contents .franchise_box3 .ecu_process_item li:nth-child(1) {font-size:30px;} .franchise .franchise_contents .franchise_box3 .ecu_process_item li:nth-child(2) {font-weight:700; font-size:25px; line-height:30px; margin:20px 0;} .franchise .franchise_contents .franchise_box3 .ecu_process_item:nth-child(1) {animation:eduprocess1 8s linear infinite;} .franchise .franchise_contents .franchise_box3 .ecu_process_item:nth-child(2) {animation:eduprocess2 8s linear infinite;} .franchise .franchise_contents .franchise_box3 .ecu_process_item:nth-child(3) {animation:eduprocess3 8s linear infinite;} .franchise .franchise_contents .franchise_box3 .ecu_process_item:nth-child(4) {animation:eduprocess4 8s linear infinite;} .franchise .franchise_contents .franchise_box3 .ecu_process_item:nth-child(5) {animation:eduprocess5 8s linear infinite;} .franchise .franchise_contents .franchise_box3 .ecu_process_item:nth-child(6) {animation:eduprocess6 8s linear infinite;} .franchise .franchise_contents .franchise_box3 .ecu_process_item:nth-child(7) {animation:eduprocess7 8s linear infinite;} .franchise .franchise_contents .franchise_box3 .ecu_process_item:nth-child(8) {animation:eduprocess8 8s linear infinite;} @media (max-width:750px){ .franchise .franchise_contents .franchise_box2 {margin-top:20px;} .franchise .franchise_contents .franchise_box2 .process_item {margin:.5%; border-width:.5px; padding:10px;} .franchise .franchise_contents .franchise_box2 .process_item li {font-size:10px; line-height:12px;} .franchise .franchise_contents .franchise_box2 .process_item li:nth-child(2) {font-size:15px; margin-top:10px;} .franchise .franchise_contents .franchise_box2 .process_item li:nth-child(3) {font-size:13px; line-height:15px; margin:10px 0;} .franchise .franchise_contents .franchise_box3 {margin-top:20px;} .franchise .franchise_contents .franchise_box3 .ecu_process_title {font-size:12px; line-height:15px; margin:0 0 15px;} .franchise .franchise_contents .franchise_box3 .ecu_process_item {width:32.33%; margin:.5%; border-width:.5px; padding:10px;} .franchise .franchise_contents .franchise_box3 .ecu_process_item li {font-size:10px; line-height:12px;} .franchise .franchise_contents .franchise_box3 .ecu_process_item li:nth-child(1) {font-size:15px;} .franchise .franchise_contents .franchise_box3 .ecu_process_item li:nth-child(2) {font-size:13px; line-height:15px; margin:10px 0;} } /*����*/ .store {padding:0;} .store .store_img_slide {position:relative; width:100%; height:250px; font-size:0;} .store .store_img_slide ul {position:absolute; top:0; left:0; white-space:nowrap; will-change:transform; animation:marquee 120s linear infinite; z-index:1;} .store .store_img_slide li {display:inline-block; margin:0 2px;} .store .store_img_slide li img {height:250px;} .store>.store_title {position:absolute; top:50px; left:50%; width:450px; transform:translateX(-50%); -webkit-transform:translateX(-50%); border-radius:100%; background:#fff; z-index:2;} .store>.store_title:after {display:block; padding-bottom:100%; content:'';} .store>.store_title ul {position:absolute; top:50%; left:0; width:100%;transform:translateY(-50%); -webkit-transform:translateY(-50%); margin-top:-40px !important;} .store>.store_title li {width:100%; font-family:'Shilla_CultureB-Bold'; text-align:center; font-size:100px; line-height:100px; color:#000;} .store>.store_comment {position:absolute; top:400px; left:0; width:100%; font-family:'GmarketSans'; text-align:center; font-weight:500; font-size:30px; line-height:40px; color:#000; z-index:3;} .store .store_contents {width:100%; margin-top:250px;} .store .store_contents iframe {width:100%; height:1220px;} @media (max-width:750px){ .store .store_img_slide {height:150px;} .store .store_img_slide ul {animation:marquee 120s linear infinite;} .store .store_img_slide li img {height:150px;} .store>.store_title {width:200px;} .store>.store_title ul {margin-top:-30px !important;} .store>.store_title li {font-size:30px; line-height:30px;} .store>.store_title li img {width:150px;} .store>.store_comment {top:220px; font-size:12px; line-height:13px;} .store .store_contents {margin-top:100px;} .store .store_contents iframe {height:850px;} } /*��ȸ����*/ .spon {background:url('../images/dokdo_bg.jpg?') no-repeat center bottom; padding-bottom:400px;} .spon .spon_title {width:100%;} .spon .spon_title2 {margin-top:100px;} .spon .spon_title li {width:100%; font-family:'GmarketSans'; text-align:center; font-weight:500; font-size:20px; line-height:30px; color:#000;} .spon .spon_title li:nth-child(1) {font-family:'Shilla_CultureB-Bold'; font-size:100px; line-height:100px;} .spon .spon_title li:nth-child(2) {font-size:30px; line-height:40px; margin:50px 0;} .spon .spon_title li strong {font-weight:700; color:#dab866;} .spon .spon_slide {position:relative; width:100%; height:300px; font-size:0; margin:50px 0;} .spon .spon_slide ul {position:absolute; top:0; left:0; white-space:nowrap; will-change:transform; animation:marquee 60s linear infinite; z-index:1;} .spon .spon_slide li {display:inline-block; margin:0 2px;} .spon .spon_slide li img {height:300px;} .spon .movie {position:relative; width:100%; max-width:800px; margin:0 auto; z-index:2;} .spon .movie:after {position:absolute; top:0; left:0; width:100%; height:100%; content:''; z-index:3;} .spon .dokdoimg {position:relative; width:100%; max-width:800px; margin:30px auto;} .spon .dokdoimg img {width:100%; margin:30px auto 0;} @media (max-width:750px){ .spon {background-size:750px; padding-bottom:200px;} .spon .spon_title {padding:0 10px;} .spon .spon_title2 {margin-top:50px;} .spon .spon_title li {font-size:11px; line-height:13px;} .spon .spon_title li:nth-child(1) {font-size:25px; line-height:25px;} .spon .spon_title li:nth-child(2) {font-size:13px; line-height:15px; margin:20px 0;} .spon .spon_slide {height:150px; margin:20px 0 10px;} .spon .spon_slide li img {height:150px;} .spon .movie {padding:0 10px; margin:10px auto;} .spon .dokdoimg {padding:0 10px;} } /*��Ʃ�극�̾�*/ .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%); -webkit-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%); -webkit-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); -webkit-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:after {position:absolute; top:50%; left:50%; content: ""; background-image: url("../images/play.svg"); width:70px; height: 70px;; background-size: 70px !important; background-position: center center !important; 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 {width:40px; height: 40px; background-size: 40px !important; opacity:1;} } .tab_content_wr > div {clear:both; display:none;} .tab_content_wr > div.active {display:block;} #point-ranking-container { position: relative; width:100%; height:600px; overflow:hidden; } @media(max-width: 750px) { #point-ranking-container { height:auto; } } .point-swiper-container { width: 100%; } .point-swiper-container .swiper-wrapper { transition-timing-function: linear; } .point-swiper-container .swiper-slide { width: auto; } .sns_contents {position:relative; float:left; width:310px; height:480px; background:#f9f9f9; padding:10px; margin:3px 15px; cursor:pointer; box-shadow:0 0 3px rgba(0,0,0,.3); transition:all .2s ease; -webkit-transition:all .2s ease;} .sns_contents:hover {background:#fff;} .sns_contents .sns_images {position:absolute; top:-3px; left:-10px; width:330px; height:330px; overflow:hidden; background:#eee;} .sns_contents .sns_images img {position:absolute; width:100%; top:50%; left:0; border:none; transition:all .2s ease; -webkit-transition:all .2s ease; transform:translateY(-50%);} .sns_contents:hover .sns_images img {-webkit-transform:scale(1.05)translateY(-50%); -ms-transform:scale(1.05)translateY(-50%); transform:scale(1.05)translateY(-50%);} .sns_contents .sns_review_title {position:relative; width:100%; margin-top:330px;} .sns_contents .sns_review_title .sns_review_title_l {float:left;} .sns_contents .sns_review_title .sns_review_title_r {float:right; font-size:25px; line-height:45px; color:#ff3b39; display:none;} .sns_contents .sns_icon {position:relative; width:100%; font-family:'GmarketSans'; font-weight:500; text-align:left; font-size:17px; line-height:45px; color:#000; padding-left:40px;} .sns_contents .sns_icon i {position:absolute; top:-2px; left:0; font-size:33px; line-height:47px;} .sns_contents .sns_instagram i {background:radial-gradient(circle farthest-corner at 35% 90%, #fec564, transparent 50%), radial-gradient(circle farthest-corner at 0 140%, #fec564, transparent 50%), radial-gradient(ellipse farthest-corner at 0 -25%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 20% -50%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 0, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 60% -20%, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 100%, #d9317a, transparent), linear-gradient(#6559ca, #bc318f 30%, #e33f5f 50%, #f77638 70%, #fec66d 100%); -webkit-text-fill-color:transparent; -webkit-background-clip:text;} .sns_contents .sns_facebook i {color:#305196;} .sns_contents .sns_blog i {color:#04cf5c;} .sns_contents .sns_review {width:100%; font-family:'GmarketSans'; font-weight:500; text-align:left; font-size:15px; line-height:25px; color:#000; overflow:hidden; margin-top:380px; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3;} @media (max-width:750px){ .sns_contents {width:170px; height:260px; padding:3px; margin:3px 7px;} .sns_contents .sns_images {top:5px; left:-5px; width:180px; height:180px;} .sns_contents .sns_images img {min-height:180px; } .sns_contents .sns_review_title {margin-top:185px;} .sns_contents .sns_review_title .sns_review_title_r {font-size:15px; line-height:30px;} .sns_contents .sns_icon {font-size:10px; line-height:15px; padding-left:17px; margin:7px 0 5px;} .sns_contents .sns_icon i { top:-1px; font-size:15px; line-height:17px;} .sns_contents .sns_review {font-size:9px; line-height:12px; margin-top:0;} } .numfont{font-size:9pt; font-family:'GmarketSans';} .category-border-box {width:100%; margin:0 0 30px;} .category-border-box ul {padding:0; margin:0; text-align:center; line-height:0; font-size:0;} .category-border-box li {display:inline-block; *display:inline;} .category-border-box .back {position:relative; font-family:'GmarketSans'; font-weight:500; font-size:18px; line-height:50px; color:#666; padding:0 20px 3px; border:1px solid rgba(0,0,0,.1); margin:0 2px;cursor:pointer;} .category-border-box .select {font-weight:500; color:#000; border-color:#dab866; background:#dab866;} .category-border-box .select:after {position:absolute; bottom:-30px; left:50%; margin-left:-5px; color:#dab866; font-size:13px; content:'▼';} @media (max-width:750px){ .category-border-box .back {font-size:12px; line-height:20px; padding:0 10px 1px; border-width:.5px; margin:0 1px;} .category-border-box .select:after {bottom:-15px;} } A.subjectColor:link {font-size:16px !important; font-family:"GmarketSans"; font-weight:400; text-decoration:none; color:#000000;} /*������: ���� ���� �� */ A.subjectColor:visited {text-decoration:none; color:#000000;} /*������: ���� �� */ A.subjectColor:hover {text-decoration:none; color:#bb0000;} /*������: ���콺OVER */ #mainIndexTable td{font-size:16px; font-family:"GmarketSans"; color:#000; box-sizing:border-box;} /*�۸�� ��ü */ .head_td {height:50px; /*color:#888888; font:normal 11px ����;*/ color:#000; font-size:18px !important; font-family:"GmarketSans"; border-width:0; border-top:1px solid #ccc; border-bottom:1px solid #ccc; padding:1px 0 0 0; box-sizing:border-box;} .head_td img {border-width:0;} .head_td a:link,a:visited{color:#333333;} .list_default {padding-left:2px;} .list_check {text-align:center; width:20px;} .list_no {text-align:center;} .list_subject {width:; word-break:break-all; padding-left:2px;} .font_repcnt {color:#278BE9; font-size:7pt; font-family:Tahoma,����;} .list_name {text-align:center;} .list_date {text-align:center; width:70px; padding:0 10px;} .list_hit {text-align:center; color:#555555; width:30;} .list_category {text-align:center; letter-spacing:-1; padding:0 2 0 1;} .list_other {text-align:center;} .list_wr_add {text-align:center;} /*�Է¶� �߰� ������ */ .list_hr_tr {display:;} .list_hr_line {height:1px; background-color:; padding:0; } .list_photo {background-color:#ffffff; border:0px solid #f0f0f0; cursor:pointer; ;} .list_thumbnail {background-color:#ffffff; border:0px solid #f0f0f0; ;} .cell13 {width:100%; padding:35px 0 0 0; overflow:hidden;} .font8pt {font-size:11px; font-family:����; color:#666666;} .page_number {color:#666; font-size:11px; font-family:SebangGothic; border:1px solid transparent; background-color:transparent; padding:5px 7px 5px; margin:2px; border-radius:5px;} /*�۸�� ������ ��ȣ*/ .page_number2 {color:#fff;background:#191919; border:1px solid #171c61; } .page_number font {color:#000; font-size:14px; line-height:20px; font-family:'GmarketSans'; font-weight:500; } .page_number2 font {color:#fff;} .pagination { justify-content: center; margin-top: 30px; } .page-link, .page-btn { font-family: 'GmarketSans' !important; text-align: center; font-weight: 500; font-size: 14px !important; line-height: 20px; color:#666; font-size:11px; font-family:SebangGothic; border:1px solid transparent !important; background-color:transparent; padding:5px 7px 5px !important; margin:2px; border-radius:5px; } .page-link:hover, .page-btn:hover { color: #333; text-decoration: none; } .current-page { color:#fff !important;background:#191919 !important; border:1px solid #171c61 !important; } #mainbutton_td img{margin-left:0px;} /* �ϴ� ���ι�ư*/ .boardlist_count {float:left; text-align:left; font-family:'GmarketSans'; font-weight:300; font-size:17px; line-height:20px; color:#000; padding:0 0 20px;} .boardlist_count span {color:#ff0000;} .report_list {position:relative; display:inline-block; vertical-align:top; width:49.5%; margin:.25%; padding:5px; box-sizing:border-box; cursor:pointer;} .news_album {position:relative; float:left; width:23%; height:100px; overflow:hidden; background:rgba(0,0,0,.1);} .news_album img {position:absolute; top:50%; left:0; width:100%; transform:translateY(-50%);} .news_board_text {position:relative; float:right; width:75%; margin-top:13px;} .news_board_title {display:-webkit-box; width:100%; font-family:'GmarketSans'; font-weight:500; font-size:20px; line-height:25px; color:#222; overflow:hidden; text-overflow:ellipsis; -webkit-box-orient:vertical; -webkit-line-clamp:1;} .news_board_data {display:-webkit-box; width:100%; font-family:'GmarketSans'; font-weight:500; font-size:17px; line-height:20px; color:#666; overflow:hidden; text-overflow:ellipsis; -webkit-box-orient:vertical; -webkit-line-clamp:1; margin:10px 0 0;} .news_board_data2 {display:-webkit-box; width:100%; font-family:'GmarketSans'; font-weight:500; font-size:17px; line-height:20px; color:#666; overflow:hidden; text-overflow:ellipsis; -webkit-box-orient:vertical; -webkit-line-clamp:1; margin:3px 0 0;} .numberling {position:absolute; top:10px; left:10px; width:30px; height:20px; background:#191919; font-family:'GmarketSans'; text-align:center; font-weight:300; font-size:11px; line-height:22px; color:#fff; border-radius:5px; z-index:10; display:none;} @media (max-width:750px){ A.subjectColor:link {font-size:10px !important;} .report_list {padding:5px;} .news_album {width:28%; height:60px; background:#000;} .news_album img {} .news_board_text {width:70%; margin-top:10px;} .news_board_title {font-size:11px; line-height:13px; -webkit-line-clamp:1;} .news_board_data {font-size:9px; line-height:12px; -webkit-line-clamp:1; margin:0;} .news_board_data2 {font-size:9px; line-height:12px; -webkit-line-clamp:1; margin:0;} .page_number {padding:2px 3px 1px; margin:1px; border-radius:3px;} .page_number2 {border-width:.5px;} .page_number font {font-size:10px; line-height:15px;} } .store_contents {width:100%; margin:0 auto; padding:0 ;} .store_contents .centerdiv {width:100%; max-width:1360px; margin:0 auto; padding:0 50px;} .store_contents .store_title_contents {position:relative; display:table; width:100%; text-align:center; margin:0 auto;} @media(max-width: 750px) { .store_contents .store_title_contents { width: 90%; } .store_contents .store_title_contents .store_search { width: 100% !important; } .store_contents .centerdiv { padding: 0 10px; position: relative; z-index: 10; } } .store_contents .store_title_contents .store_search {clear:both; display:table; width:40%; margin:0 auto;} .store_contents .store_title_contents .store_search .store_search_box {position:relative; float:left; width:79.5%; margin-right:.5%;} .store_contents .store_title_contents .store_search .store_search_box .store-search {width:100%; font-family:'GmarketSans'; font-weight:500; font-size:17px; line-height:30px; color:#000; background:transparent; border:none; padding:10px; margin:0;} input::placeholder {color:#000;} .store_contents .store_title_contents .store_search .store_search_box:after {position:absolute; bottom:0; left:0; width:100%; height:3px; border:1px solid #000; border-top:0; content:'';} .store_contents .store_title_contents .store_search .store_search_btn {position:relative; float:left; width:20%; height:50px;} .store_contents .store_title_contents .store_search .store_search_btn:after {position:absolute; bottom:0; left:0; width:100%; height:3px; border:1px solid #dab866; border-top:0; content:'';} .store_contents .store_title_contents .store_search .store_search_btn input {position:absolute; top:0; left:0; width:100%; height:100%; opacity:0; z-index:2;} .store_contents .store_title_contents .store_search .store_search_btn .store_search_btn_text {position:absolute; top:0; left:0; width:100%; font-family:'GmarketSans'; font-weight:500; text-align:center; font-size:17px; line-height:30px; color:#dab866; padding:10px; z-index:1;} .store_contents .store_title_contents .search_comment {clear:both; display:table; font-family:'GmarketSans'; text-align:left; font-weight:500; font-size:17px; line-height:30px; color:#000; margin:30px auto 50px;} .store_list {display:table; width:100%; margin-top:50px;} @media (max-width:750px){ .store_contents .store_title_contents .store_search .store_search_box {width:71.5%;} .store_contents .store_title_contents .store_search .store_search_btn {width:20%; } .store_contents .store_title_contents .store_search .store_search_btn_x {float:left; width:7.5%; height:30px; font-size:10px; line-height:30px; padding:0 0; margin-left:.5%; cursor:pointer;} } .storebox {position:relative; display:inline-block; width:32.33%; margin-bottom:50px; vertical-align:top; cursor:pointer; margin:.5%; border:1px solid rgba(0,0,0,.1);} .storebox * {box-sizing:border-box; transition:all .3s ease; -webkit-transition:all .3s ease;} .imagegroup {position:relative; float:left; width:100%; height:460px; overflow:hidden;} .storeimg {position:absolute; top:50%; left:0; width:100%; transform:translateY(-50%);} .storeimg img {width:100%; min-height:460px;} .editbtn {position:absolute; top:0; left:0; background:rgba(0,0,0,.9); padding:0 3px; z-index:3;} .editbtn a {font-family:'gulim'; font-size:11px; letter-spacing:-1px; line-height:20px; color:#fff; text-decoration:none;} .store_info {position:absolute; bottom:0; left:0; width:100%; background:rgba(255,255,255,.8); z-index:2; padding:10px 20px;} .storebox .store_title {float:left; display:table; width:100%; padding:0 0 10px; font-family:'GmarketSans'; text-align:center; font-size:23px; line-height:30px; color:#000; overflow:hidden;} .storebox .store_title img {width:130px; opacity:.3; margin-bottom:10px;} .storebox:hover .store_title img {opacity:1;} .storebox .store_information {clear:both; float:left; width:100%; opacity:.7;} .storebox .store_information ul {padding:0; margin:0;} .storebox .store_information li {position:relative; clear:both; float:left; list-style:none; width:100%; font-family:'GmarketSans'; text-align:center; font-weight:500; font-size:17px; line-height:20px; color:#000; overflow: hidden; text-overflow: ellipsis; white-space:nowrap; overflow:hidden; margin:0 0 5px 0;} .storebox .store_information li:last-child {margin-top:10px;} @media (max-width:750px){ .page_number {font-size:9px; line-height:10px; padding:0 3px 1px; margin:1px; border-radius:3px;} /*�۸�� ������ ��ȣ*/ .page_number font {font-size:9px; line-height:10px;} .page_number2 {border-width:.5px} .page_number img {margin-top:-1px; width:5px;} .storebox {width:49%; margin:.5%; border-width:.5px;} .imagegroup {height:220px;} .storeimg img {min-height:220px;opacity:1;} .editbtn {padding:0 1px;} .editbtn a {font-size:8px; line-height:10px;} .storebox .store_info {padding:5px 10px;} .storebox .store_title {padding:0 0 5px; font-size:12px; line-height:15px; letter-spacing:-1px;} .storebox .store_title img {width:60px; margin-bottom:5px;} .storebox .store_information {clear:both; float:left; width:100%; opacity:.7;} .storebox .store_information li {font-size:10px; line-height:12px; margin:0 0 2px 0;} .storebox .store_information li:last-child {margin-top:5px;} } /* 팝업 */ .pc { display: block; } .mobile { display: none !important; } .layer-popup { /* position: absolute; */ z-index: 1000; background-color: #fff; box-shadow: 2px 3px 10px #555; border-radius: 10px; height: auto !important; } .layer-popup:nth-child(1) { left: 0; } .layer-popup img { width: 100%; height: auto !important; border-top-left-radius: 10px; border-top-right-radius: 10px; object-fit: cover; } .layer-popup .show-chk-wrap { display: flex; padding: 6px 10px; box-sizing: border-box; justify-content: space-between; align-items: center; } .layer-popup .show-chk-wrap a { font-size: 16px; color: #505050; cursor: pointer; } .layer-popup .show-chk-wrap a:hover { color: #222; font-weight: 600; transition: 0.3s; } .close-popup { box-sizing: border-box; padding: 4px 12px; border: 1px solid #999; border-radius: 4px; } .close-popup:hover { border: 1px solid #505050; background-color:#505050; color: #fff !important; transition: 0.3s; } .popup-space { position: absolute; display: flex; flex-wrap: wrap; top: 5%; left: 5%; gap: 10px; /* align-items: center; */ z-index: 100; align-items: start; } /* .wrap {width:100%; height:700px; padding:5px 10px; overflow:auto; position: relative;} */ .privacy_title {width:100%; font-family:'GmarketSans'; font-weight:700; font-size:25px; line-height:50px; color:#000; border-bottom:2px solid #000;} .privacy_comment {display:table; width:100%; box-sizing:border-box; font-family:'GmarketSans'; font-weight:400; font-size:14px; line-height:20px; color:#333; word-break:keep-all; padding:10px 0;} .privacy_comment ul {padding:0; margin:0;} .privacy_comment li {position:relative; clear:both; list-style:none; width:100%; padding:5px 0 5px 15px; font-family:'GmarketSans'; font-weight:400; font-size:14px; line-height:20px; color:#333;} .privacy_comment li:before {position:absolute; top:5px; left:0; content:'•'; font-size:10px;} @media(max-width: 900px) { .pc { display: none !important; } .mobile { display: block !important; } .layer-popup .show-chk-wrap { margin-top: 0; } .layer-popup .show-chk-wrap a { font-size: 14px; line-height: 20px; /* 142.857% */ letter-spacing: -0.35px; } .layer-popup .show-chk-wrap .x-btn { padding: 0 15px; } } @media(max-width: 768px) { .popup-space { position: fixed; top: 65px; left: 10px; } .layer-popup { position: absolute; top: 5%; left: 0; } } #store-popup { display: none; /* 처음에는 보이지 않게 설정 */ position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); justify-content: center; align-items: center; z-index: 10000; } .popup-content { background: white; box-sizing: border-box; padding: 20px; border-radius: 10px; position: absolute; left: 50%; top: 50%; width: 90%; max-width: 1000px; height: 90vh; text-align: center; transform: translate(-50%, -50%); overflow: scroll; display: flex; gap: 40px; } .close-store { position: absolute; top: 10px; right: 18px; cursor: pointer; font-size: 36px; line-height: 80%; cursor: pointer; } #map { width: 50%; } .popup-inner { width: 50%; display: flex; flex-direction: column; gap: 24px; } .map-title { float: left; width: 100%; font-family: 'GmarketSans'; font-weight: 500; font-size: 30px; text-align: left; line-height: 50px; color: #000; padding: 10px 10px 10px 20px; border-bottom: 1px solid #ccc; box-sizing: border-box; margin: 0; } .map-content { clear: both; float: left; font-family: 'GmarketSans'; font-weight: 300; text-align: left; font-size: 17px; line-height: 25px; color: #666; letter-spacing: -1px; margin: 0; } .map-content>span { font-family: 'GmarketSans'; font-weight: 500; font-size: 20px; color: #000; font-weight: normal; display: flex; gap: 12px; } #popup-image { width: 80%; object-fit: cover; } @media(max-width: 600px) { .popup-content { flex-direction: column; height: auto; max-height: 90vh; gap: 20px; padding: 60px 20px 20px; } .popup-inner, #map { width: 100%; } #map { height: 300px; flex-shrink: 0; } } .mo-br { display: none; } @media(max-width: 750px) { .mo-br { display: block; } } .form-wrap { display: flex; justify-content: center; align-items: center; } .formgroup_title .plus-txt { display: none; } .plus-txt { font-size: 12px; color: #ffd400; white-space: nowrap; display: inline; text-align: left; margin-right: 40px; margin-left: 12px; margin-bottom: 0; font-family: "GmarketSans"; font-weight: 300; } @media(max-width: 1300px) { .formgroup_title { font-size: 22px; } .plus-txt { margin-right: 10px; font-size: 11px; margin-left: 8px; } .privacy, .sendbtn { font-size: 15px !important; } .inquiry { min-width: unset; } .formgroup .write_input_text { font-size: 15px !important; } } @media(max-width: 1200px) { .formgroup_title { font-size: 20px; } .plus-txt { font-size: 10px; } .privacy, .sendbtn { font-size: 14px !important; } .formgroup .write_input_text { font-size: 14px !important; } .privacy i { font-size: 18px !important; } .privacy span { padding-left: 17px; } } @media(max-width: 1100px) { .formgroup_title { width: 100%; top: 5px; left: 0; text-align: center; margin: 0; font-size: 18px; display: flex; justify-content: center; line-height: 25px; display: flex; justify-content: center; align-items: center; position: static; } .formgroup_title ul { width: fit-content !important; } .formgroup_title .plus-txt { display: block; line-height: 15px; margin-left: 20px; } .inquiry { padding: 5px 0; } .inquiry form { height: 60px; margin-top: 0 !important; } .form-wrap .plus-txt { display: none; } .formgroup { float: right; display: table; width: 100%; padding: 0; margin: 4px 0 !important; margin-top: ; } .formgroup li { width: calc(33.3% - 1.3px) !important; font-size: 5px !important; line-height: 10px !important; padding: 0 5px 0 !important; margin: 0 2px 0 0 !important; } .formgroup li:last-child { margin: 0 !important; } .formgroup .write_input_text { width: 100% !important; height: 27px !important; } .btngroup { clear: right; float: right; display: table; width: 100%; text-align: center; } .privacy { width: calc(40% - 1.5px) !important; float: left; padding: 0; cursor: pointer; margin: 0 !important; margin-right: 3px !important; } .sendbtn { width: calc(60% - 1.5px) !important; float: left; padding: 0 !important; margin: 0 !important; } } @media(max-width: 750px) { .formgroup_title .plus-txt { display: block; font-size: 8px; line-height: 10px; margin-left: 12px; } }