@charset "utf-8"; /* common */ #wrap.project #header, #wrap.project #aside {mix-blend-mode:initial;} #wrap.project #header .h_logo {background-image:url("../images/common/logo_black.svg");} #wrap.project #header .h_nav ul li a .autotext:before, #wrap.project #header .h_nav ul li a .autotext:after, #wrap.project #header .h_contact .autotext:before, #wrap.project #header .h_contact .autotext:after {color:var(--black);} #wrap.project .logoline {background-color:var(--white);} #wrap.project.footer_top .logoline {background-color:var(--black);} #wrap.project #aside ul li .a_btn {background-color:var(--black)} #wrap.project #aside ul li .a_btn i {background-position:left; transition:0s background;} #wrap.project #aside ul li .a_btn:hover {background-color:var(--yellow)} #wrap.project #aside ul li .a_btn:hover i {background-position:right;} #wrap.project #header, #wrap.project #aside {mix-blend-mode:difference;} #wrap.project #header .h_logo {background-image:url("../images/common/logo_white.svg");} #wrap.project #header .h_nav ul li a .autotext:before, #wrap.project #header .h_nav ul li a .autotext:after, #wrap.project #header .h_contact .autotext:before, #wrap.project #header .h_contact .autotext:after {color:var(--white);} #wrap.project .logoline {background-color:var(--yellow);} #wrap.project.footer_top .logoline {background-color:var(--black);} #wrap.project #aside ul li .a_btn {background-color:var(--white)} #wrap.project #aside ul li .a_btn:hover {background-color:var(--blue)} #wrap.project #aside ul li .a_btn i {background-position:right; filter:invert(11%) sepia(100%) saturate(5590%) hue-rotate(240deg) brightness(91%) contrast(128%);} #wrap.project #aside ul li .a_btn:hover i {filter:brightness(2000%);} /*#wrap.project #aside ul li .a_scroll i.icon.up {filter:invert(100%) sepia(0%) saturate(0%) hue-rotate(10deg) brightness(104%) contrast(103%);}*/ #wrap.project #header .h_contact .autotext:before, #wrap.project #header .h_contact .autotext:after {color:#FEE608;} /* fonts */ /* KWANGYA119 fonts start */ @font-face { font-family:"SMTOWNOTF"; src:local("SMTOWNOTF Regular"), local("SMTOWNOTF-Regular"), url("../fonts/SMTOWNOTF-Regular.woff2") format("woff2"), url("../fonts/SMTOWNOTF-Regular.woff") format("woff"), url("../fonts/SMTOWNOTF-Regular.otf") format("opentype"); font-weight:400; font-style:normal; font-display:swap; } @font-face { font-family:"SMTOWNOTF"; src:local("SMTOWNOTF Medium"), local("SMTOWNOTF-Medium"), url("../fonts/SMTOWNOTF-Medium.woff2") format("woff2"), url("../fonts/SMTOWNOTF-Medium.woff") format("woff"), url("../fonts/SMTOWNOTF-Medium.otf") format("opentype"); font-weight:500; font-style:normal; font-display:swap; } @font-face { font-family:"SMTOWNOTF"; src:local("SMTOWNOTF Bold"), local("SMTOWNOTF-Bold"), url("../fonts/SMTOWNOTF-Bold.woff2") format("woff2"), url("../fonts/SMTOWNOTF-Bold.woff") format("woff"), url("../fonts/SMTOWNOTF-Bold.otf") format("opentype"); font-weight:700; font-style:normal; font-display:swap; } /* KWANGYA119 fonts end */ /* eurocave fonts start */ @import url(//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSansNeo.css); /* eurocave fonts end */ /* project */ #contents.project {background-color:#fff;} #contents.project .cp_wrap {position:relative; width:100%; margin:0 auto;} /* cp_hero */ #contents.project .cp_hero {padding:0;} #contents.project .cp_hero .cph_banner {height:100%;} #contents.project .cp_hero .cph_banner .cphb_box {display:flex; align-items:flex-end; box-sizing:border-box; position:relative; width:100%; height:100vh; padding:60px; background-size:cover; background-repeat:no-repeat; background-position:center;} #contents.project .cp_hero .cph_banner .cp_imgwrap {position:absolute;} #contents.project .cp_hero .cph_banner .cp_imgwrap img {width:100%; opacity:0; transform:translateY(40px); transition:opacity 0.6s ease, transform 0.6s ease;} #contents.project .cp_hero .cph_banner.on .cp_imgwrap img {opacity:1; transform:translateY(0);} #contents.project .cp_hero .cph_banner .cphb_box ul {display:flex; justify-content:space-between; position:relative; z-index:1; width:100%;} #contents.project .cp_hero .cph_banner .cphb_box ul li {overflow:hidden; font-size:clamp(12px, 0.8333vw, 16px); font-weight:400; line-height:clamp(21px, 2.0833vw, 40px); letter-spacing:-0.32px; text-align:left;} #contents.project .cp_hero .cph_banner .cphb_box ul li:nth-child(2) {text-align:right;} #contents.project .cp_hero .cph_banner .cphb_box ul li p {display:inline-block; vertical-align:middle; float:left; width:100%;} #contents.project .cp_hero .cph_banner .cphb_box ul li p:nth-child(1) {line-height:clamp(20px, 1.5625vw, 30px);} #contents.project .cp_hero .cph_banner .cphb_box ul li p:nth-child(2) {font-size:clamp(14px, 1.3021vw, 30px); font-weight:700; letter-spacing:-0.6px;} #contents.project .cp_hero .cph_banner .cphb_box ul li img {float:right; height:clamp(21px, 2.0833vw, 40px);} #contents.project .cp_hero .cpb_overview {display:flex; flex-direction:row; justify-content:space-between; align-items:flex-start; box-sizing:border-box; width:100%; max-width:1540px; margin:0 auto; padding:160px 50px;} #contents.project .cp_hero .cpb_overview .cp_imgwrap {display:flex; flex-direction:column; gap:30px;} #contents.project .cp_hero .cpb_overview .cp_imgwrap img:nth-child(2) {width:80px;} #contents.project .cp_hero .cpb_overview .cp_txtwrap {width:100%; max-width:900px;} #contents.project .cp_hero .cpb_overview .cp_txtwrap .cpbo_top {text-align:left;} #contents.project .cp_hero .cpb_overview .cp_txtwrap .cpbo_top strong {display:block; width:100%; font-weight:500; letter-spacing:-1px; text-transform:uppercase;} #contents.project .cp_hero .cpb_overview .cp_txtwrap .cpbo_top p {display:inline-block; vertical-align:middle; width:100%; margin-top:10px; font-weight:500; letter-spacing:-0.8px; word-break:keep-all; text-transform:uppercase;} #contents.project .cp_hero .cpb_overview .cp_txtwrap .cpbo_info {display:flex; justify-content:space-between; gap:30px; width:100%; margin-top:50px; padding-top:50px; border-top:1px solid #D9D9D9;} #contents.project .cp_hero .cpb_overview .cp_txtwrap .cpbo_info li {display:flex; flex-direction:column; width:33.3333%; text-align:left;} #contents.project .cp_hero .cpb_overview .cp_txtwrap .cpbo_info li strong {font-weight:700; line-height:40px; letter-spacing:-0.4px; text-transform:uppercase;} #contents.project .cp_hero .cpb_overview .cp_txtwrap .cpbo_info li i {display:inline-block; vertical-align:middle; width:12px; height:1px; margin:10px 0; background-color:var(--black);} #contents.project .cp_hero .cpb_overview .cp_txtwrap .cpbo_info li p {font-weight:400; line-height:40px; letter-spacing:-0.5px; text-transform:uppercase;} #contents.project .cp_hero .cpb_overview .cp_txtwrap .cpbo_info li p span {display:block;} /* kwangya119 - cp_hero */ #contents.kwangya119 .cp_hero {overflow:hidden; padding:120px 80px 0; background-color:#fff;} #contents.kwangya119 .cp_hero .cph_banner h2 {position:relative; z-index:1; font-size:clamp(30px, 9.8958vw, 190px); font-weight:700; line-height:clamp(30px, 9.8958vw, 190px); letter-spacing:clamp(-4px, -0.2083vw, -2px); word-break:keep-all;} #contents.kwangya119 .cp_hero .cph_banner h2 span {display:block; position:relative; top:40px; opacity:0; transition:0.4s all;} #contents.kwangya119 .cp_hero .cph_banner.on h2 span {top:0; opacity:1;} #contents.kwangya119 .cp_hero .cph_banner.on h2 span:nth-child(2) {transition-delay:0.15s;} #contents.kwangya119 .cp_hero .cph_banner .cphb_box {position:relative; height:auto; margin-top:80px; border-radius:60px; aspect-ratio:176/69;} #contents.kwangya119 .cp_hero .cph_banner .cphb_box .cphb_bg {overflow:hidden; position:absolute; left:-80px; right:-80px; top:var(--cp-top, 0px); z-index:0; height:var(--cp-height, 100vh); border-radius:0; opacity:0; transition:0.5s opacity ease-in-out;} #contents.kwangya119 .cp_hero .cph_banner .cphb_box .cphb_bg:before {content:''; position:absolute; left:0; right:0; top:0; bottom:0; background-image:url('../images/project/kwangya119/bg_hero.jpg'); background-size:cover; background-repeat:no-repeat; background-position:bottom center; transform:scale(1.1); transition:0.8s all ease-in-out;} #contents.kwangya119 .cp_hero .cph_banner.shrink .cphb_box .cphb_bg {transition:0.5s all ease-in-out;} #contents.kwangya119 .cp_hero .cph_banner .cphb_box ul li p:nth-child(1) {line-height:clamp(21px, 2.0833vw, 40px);} #contents.kwangya119 .cp_hero .cph_banner.shrink .cphb_box .cphb_bg {left:0; right:0; top:0 !important; height:100% !important; border-radius:60px;} #contents.kwangya119 .cp_hero .cph_banner.shrink .cphb_box .cphb_bg:before {transform:scale(1); background-position:bottom 30% center;} #contents.kwangya119 .cp_hero .cph_banner .cp_imgwrap {bottom:90px; left:50%; width:100%; max-width:clamp(240px, 56.25vw, 1080px); margin-left:clamp(-540px, -28.125vw, -120px);} #contents.kwangya119 .cp_hero .cph_banner.on .cp_imgwrap {z-index:2; animation:floating01 3s ease-in-out infinite;} #contents.kwangya119 .cp_hero .cph_banner.on .cp_imgwrap img {transition-delay:1.2s;} @keyframes floating01 {0%{transform:translateY(0);} 50%{transform:translateY(-20px);} 100%{transform:translateY(0);}} @keyframes floating02 {0%{transform:translateY(-17px);} 50%{transform:translateY(0);} 100%{transform:translateY(-17px);}} #contents.kwangya119 .cp_hero .cpb_overview {padding:160px 0;} #contents.kwangya119 .cp_hero .cpb_overview .cp_imgwrap img:nth-child(1) {width:360px;} #contents.kwangya119 .cp_hero .cpb_overview .cp_imgwrap img:nth-child(2) {border-radius:50%;} #contents.kwangya119 .cp_hero .cpb_overview .cp_txtwrap .cpbo_top p {font-family:'Pretendard' !important;} #contents.kwangya119 .cp_hero .cpb_overview .cp_txtwrap .cpbo_top p > span {display:block;} #contents.kwangya119 .cp_hero .cpb_overview .cp_txtwrap .cpbo_top p > span span {display:block;} /* drmartens - cp_hero */ #contents.drmartens .cp_hero .cph_banner .cphb_box {overflow:hidden; background-image:url('../images/project/drmartens/bg_hero.jpg');} #contents.drmartens .cp_hero .cph_banner .cp_imgwrap {top:50%; left:50%; z-index:1; width:100%; max-width:clamp(240px, 46.875vw, 900px); transform:translate(-50%, -50%); filter:drop-shadow(0 40px 80px rgba(0, 0, 0, 0.25)); animation:shake-pause 6s infinite; transform-origin:center;} #wrap.project #contents.drmartens .cp_hero .cph_banner .cp_imgwrap img {opacity:1; transform:translateY(0);} #contents.drmartens .cp_hero .cph_banner .cphb_deco {position:absolute; background-size:contain; background-repeat:no-repeat; background-position:center;} #contents.drmartens .cp_hero .cph_banner .cphb_deco.t1 {top:-15.74vh; right:17.4479vw; width:16.5104vw; background-image:url('../images/project/drmartens/deco_hero01.svg'); aspect-ratio:317/308; animation:blinking01 1s steps(1, end) infinite; transform-origin:center;} #contents.drmartens .cp_hero .cph_banner .cphb_deco.t2 {bottom:17.5vh; left:-3.6458vw; width:30.3125vw; background-image:url('../images/project/drmartens/deco_hero02.svg'); aspect-ratio:582/168; animation:blinking02 1s steps(1, end) infinite; transform-origin:center;} #contents.drmartens .cp_hero .cph_banner .cphb_deco.t3 {bottom:15vh; right:1.7708vw; width:45.4688vw; background-image:url('../images/project/drmartens/deco_hero03.svg'); aspect-ratio:873/119; animation:blinking03 1s steps(1, end) infinite; transform-origin:center;} #contents.drmartens .cp_hero .cpb_overview {position:relative;} #contents.drmartens .cp_hero .cpb_overview .cp_imgwrap img:nth-child(1) {height:90px;} #contents.drmartens .cp_hero .cpb_overview .cp_txtwrap .cpbo_top p {font-family:'Pretendard' !important;} #contents.drmartens .cp_hero .cpb_overview .cp_txtwrap .cpbo_top p > span {float:none; display:inline;} #contents.drmartens .cp_hero .cpb_overview .cp_txtwrap .cpbo_top p > span span {display:inline;} @keyframes shake-pause {0%, 50% {transform:translate(-50%, -50%) rotate(0deg);} 51.85% {transform:translate(-50%, -50%) rotate(-5deg);} 53.7% {transform:translate(-50%, -50%) rotate(5deg);} 55.55% {transform:translate(-50%, -50%) rotate(-5deg);} 57.4% {transform:translate(-50%, -50%) rotate(5deg);} 59% {transform:translate(-50%, -50%) rotate(0deg);} 100% {transform:translate(-50%, -50%) rotate(0deg);}} @keyframes blinking01 {0% {transform:skew(3deg, -5deg) scale(0.87);} 25% {transform:skew(7deg, 3deg) scale(0.95);} 50% {transform:skew(6deg, -1deg) scale(0.9);} 75% {transform:skew(5deg, 1deg) scale(0.9);} 100% {transform:none;}} @keyframes blinking02 {0% {transform:skew(5deg, 1deg) scale(0.9);} 50% {transform:skew(8deg, -1deg) scale(0.9);} 25% {transform:skew(13deg, -5deg) scale(0.87);} 75% {transform:skew(17deg, -3deg) scale(0.95);} 100% {transform:none;}} @keyframes blinking03 {0% {transform:skew(26deg, -1deg) scale(0.9);} 25% {transform:skew(17deg, -3deg) scale(0.95);} 50% {transform:skew(5deg, 1deg) scale(0.9);} 75% {transform:skew(23deg, -5deg) scale(0.87);} 100% {transform:none;}} /* eurocave - cp_hero */ #contents.eurocave .cp_hero .cph_banner .cphb_box {overflow:hidden; background-image:url('../images/project/eurocave/bg_hero.jpg');} #contents.eurocave .cp_hero .cph_banner .cphb_bg {position:absolute; left:0; right:0; top:0; bottom:0; z-index:0; transform:translate(0, 0); filter:drop-shadow(0 40px 40px rgba(0, 0, 0, 0.25)); background-image:url('../images/project/eurocave/pic_hero.jpg'); background-size:1920px; background-repeat:no-repeat; background-position:center; transition:0.5s all;} #contents.eurocave .cp_hero .cph_banner .cphb_bg.vertical {top:calc(50% - 340px); bottom:calc(50% - 340px);} #contents.eurocave .cp_hero .cph_banner .cphb_bg.horizontal {left:calc(50% - 190px); right:calc(50% - 190px);} #contents.eurocave .cp_hero .cph_banner .cp_txtwrap {display:block; position:absolute; top:50%; left:50%; z-index:1; width:100%; transform:translate(-50%, -50%);} #contents.eurocave .cp_hero .cph_banner .cp_txtwrap strong {font-size:120px; font-weight:200; color:#fff; line-height:120px; letter-spacing:-2.4px; text-transform:uppercase; text-align:center;} #contents.eurocave .cp_hero .cph_banner .cp_txtwrap strong > span {display:block;} #contents.eurocave .cp_hero .cph_banner .cp_txtwrap strong .autotext {margin:0 !important; font-size:120px; font-weight:500; color:transparent; line-height:120px;} #contents.eurocave .cp_hero .cph_banner .cp_txtwrap strong .autotext:before {font-size:120px; font-weight:200; color:#fff; line-height:120px; letter-spacing:4px; text-transform:uppercase; transition-delay:0.6s !important;} #contents.eurocave .cp_hero .cph_banner .cp_txtwrap strong .autotext:after {top:125px; font-size:120px; font-weight:500; color:#fff; line-height:120px; letter-spacing:-2.4px; text-transform:uppercase; transition-delay:0.6s !important;} #contents.eurocave .cp_hero .cph_banner .cphb_bg.horizontal + .cp_txtwrap strong .autotext:before {top:-125px;} #contents.eurocave .cp_hero .cph_banner .cphb_bg.horizontal + .cp_txtwrap strong .autotext:after {top:-2px;} #contents.eurocave .cp_hero .cpb_overview .cp_imgwrap img:nth-child(1) {width:259px;} #contents.eurocave .cp_hero .cpb_overview .cp_txtwrap .cpbo_top p {font-weight:400; letter-spacing:-0.5px;} #contents.eurocave .cp_hero .cpb_overview .cp_txtwrap .cpbo_top p > span {float:none; display:inline; font-family:'Spoqa Han Sans Neo';} #contents.eurocave .cp_hero .cpb_overview .cp_txtwrap .cpbo_top p > span span {display:inline;} /* withmuu - cp_hero */ #contents.withmuu .cp_hero .cph_banner .cphb_box {overflow:hidden; background-image:url('../images/project/withmuu/bg_hero.jpg');} #contents.withmuu .cp_hero .cph_banner .cphb_box .cp_imgwrap {top:50%; left:50%; width:clamp(220px, 41.6667vw, 800px); height:clamp(220px, 41.6667vw, 800px); transform:translate(-50%, -50%);} #wrap.project #contents.withmuu .cp_hero .cph_banner .cphb_box .cp_imgwrap img {opacity:1;} #contents.withmuu .cp_hero .cph_banner .cphb_box .cp_imgwrap > img:nth-child(1) {position:absolute; top:50%; left:50%; width:clamp(280px, 88.0208vw, 1690px); transform:translate(-50%, -50%);} #contents.withmuu .cp_hero .cph_banner .cphb_box .cp_imgwrap > img:nth-child(2) {position:absolute; top:clamp(-55px, -2.8646vw, 0px); right:clamp(-50px, -2.6042vw, 0px); z-index:2; width:clamp(50px, 40.625vw, 780px); animation:floating01 3s ease-in-out infinite; transition-delay:0.8s;} #contents.withmuu .cp_hero .cph_banner .cphb_box .cp_imgwrap .cp_box {display:inline-block; vertical-align:middle; overflow:hidden; position:relative; z-index:1; width:100%; height:100%; background-color:#74EB8B; border-radius:50%;} #contents.withmuu .cp_hero .cph_banner .cphb_box .cp_imgwrap .cp_box img:nth-child(1) {position:absolute; top:50%; left:50%; width:clamp(280px, 88.0208vw, 1690px); transform:translate(-50%, -50%);} #contents.withmuu .cp_hero .cph_banner .cphb_box .cp_imgwrap .cp_box img:nth-child(2) {position:absolute; top:clamp(-55px, -2.8646vw, 0px); right:clamp(-50px, -2.6042vw, 0px); width:clamp(50px, 40.625vw, 780px); filter:drop-shadow(0 4px 60px rgba(0, 0, 0, 0.25)); animation:floating01 3s ease-in-out infinite; transition-delay:0.8s;} #contents.withmuu .cp_hero .cpb_overview .cp_imgwrap img:nth-child(2) {border-radius:50%;} /* carriermall - cp_hero */ #contents.carriermall .cp_hero .cph_banner .cphb_box {overflow:hidden; background-image:url('../images/project/carriermall/bg_hero.jpg');} #contents.carriermall .cp_hero .cph_banner .cp_imgwrap {overflow:hidden; top:0; bottom:0; left:0; right:0;} #contents.carriermall .cp_hero .cph_banner .cp_imgwrap > img {position:absolute; top:50%; left:50%; width:100%; height:100%; transform:translate(-50%, -50%); object-fit:cover; transition-delay:0.3s;} #contents.carriermall .cp_hero .cph_banner.on .cp_imgwrap > img {opacity:1; transform:translate(-50%, -50%);} #contents.carriermall .cp_hero .cph_banner .cp_imgwrap .cp_box {position:absolute; top:50%; left:50%; overflow:hidden; width:1236px; transform:translate(-50%, -50%);} #contents.carriermall .cp_hero .cph_banner .cp_imgwrap .cp_box img {float:left; width:100%; transition-delay:0.8s;} /* ibk - cp_hero */ #contents.ibk .cp_hero .cp_wrap {background-color:#F0F2F6;} #contents.ibk .cp_hero .cph_banner .cphb_box {background-image:url('../images/project/ibk/bg_hero.jpg');} #contents.ibk .cp_hero .cph_banner .cphb_box ul li p:nth-child(2) {font-weight:600;} #contents.ibk .cp_hero .cph_banner .cp_imgwrap {top:50%; left:50%; box-sizing:border-box; overflow:hidden; width:100%; max-width:1540px; padding:0 50px; transform:translate(-50%, -50%);} #contents.ibk .cp_hero .cph_banner .cp_imgwrap img {float:left; width:550px;} #contents.ibk .cp_hero .cpb_overview .cp_imgwrap > img:nth-child(1) {width:260px;} /* wonderplace - cp_hero */ #contents.wonderplace .cp_hero .cp_wrap {background-color:#F6F6F6;} #contents.wonderplace .cp_hero .cph_banner .cphb_box {background-image:url('../images/project/wonderplace/bg_hero.jpg');} #contents.wonderplace .cp_hero .cph_banner .cp_imgwrap {position:absolute; top:50%; left:50%; overflow:hidden; width:360px; transform:translate(-50%, -50%);} #contents.wonderplace .cp_hero .cph_banner .cp_imgwrap svg {position:absolute; top:0; left:0; width:100%; height:100%;} #contents.wonderplace .cp_hero .cph_banner .cp_imgwrap img {float:left; width:100%;} #contents.wonderplace .cp_hero .cph_banner .cp_imgwrap .cphb_fill {fill:#fff; opacity:0; transition:opacity 1.2s ease-out;} #contents.wonderplace .cp_hero .cph_banner .cp_imgwrap .cphb_stroke {fill:none; stroke:#fff; stroke-width:2; stroke-dasharray:0; stroke-dashoffset:0;} /* full - cp_hero */ #contents.full .cp_hero .cph_banner .cp_imgwrap {position:unset;} #contents.full .cp_hero .cph_banner .cp_imgwrap img {transform:unset !important; opacity:1 !important;} #contents.full .cp_hero .cpb_overview .cp_imgwrap {max-width:calc(100% - 1000px);} #contents.full .cp_hero .cpb_overview .cp_imgwrap img:nth-child(1) {max-width:100%;} /* kwangya119 - common */ #contents.kwangya119 {background-color:#F5F2F3; font-family:'SMTOWNOTF', 'Pretendard', sans-serif;} #contents.kwangya119 .text, #contents.kwangya119 .cp_text, #contents.kwangya119 .cp_title {font-family:'SMTOWNOTF', 'Pretendard', sans-serif !important; word-break:keep-all;} #contents.kwangya119 .cp_title {display:flex; flex-direction:row; justify-content:space-between; width:100%; max-width:1440px; margin:0 auto;} #contents.kwangya119 .cp_title strong {font-size:100px; font-weight:700; line-height:110px; letter-spacing:-4px; text-transform:uppercase; text-align:left;} #contents.kwangya119 .cp_title strong:nth-child(2) {text-align:right;} #contents.kwangya119 .cp_title strong span {display:block;} /* kwangya119 - cp_chapter */ #contents.kwangya119 .cp_chapter {padding:200px 50px 300px; background-image:url('../images/project/kwangya119/bg_chapter.png'); background-size:cover; background-repeat:no-repeat; background-position:center;} #contents.kwangya119 .cp_chapter .cp_wrap {max-width:1440px;} #contents.kwangya119 .cp_chapter .cp_txtwrap {display:block; margin-top:80px;} #contents.kwangya119 .cp_chapter .cp_txtwrap p {display:inline-block; vertical-align:middle; width:100%; font-weight:400; letter-spacing:-1px; text-align:left; text-transform:uppercase;} #contents.kwangya119 .cp_chapter .cp_txtwrap p span {display:block;} #contents.kwangya119 .cp_chapter .cpc_list {display:flex; flex-direction:row; justify-content:space-between; position:relative; margin-top:180px;} #contents.kwangya119 .cp_chapter .cpc_list:before {content:''; position:absolute; top:50%; left:calc(32.8125% - 10px); z-index:1; width:20px; height:20px; margin-top:-10px; border-radius:50%; background-color:#fff;} #contents.kwangya119 .cp_chapter .cpc_list:after {content:''; position:absolute; top:50%; right:calc(32.8125% - 10px); z-index:1; width:20px; height:20px; margin-top:-10px; border-radius:50%; background-color:#fff;} #contents.kwangya119 .cp_chapter .cpc_list li {display:flex; flex-direction:column; overflow:hidden; box-sizing:border-box; width:31.25%; padding:0 30px; border-radius:50%; background-color:#fff; aspect-ratio:1/1;} #contents.kwangya119 .cp_chapter .cpc_list li.t1 {box-shadow:0 0 60px 0 rgba(241, 205, 253, 0.5);} #contents.kwangya119 .cp_chapter .cpc_list li.t2 {box-shadow:0 0 60px 0 rgba(182, 200, 239, 0.5);} #contents.kwangya119 .cp_chapter .cpc_list li.t3 {box-shadow:0 0 60px 0 rgba(192, 238, 211, 0.5);} #contents.kwangya119 .cp_chapter .cpc_list li .icon {display:inline-block; vertical-align:middle; position:absolute; top:60px; left:50%; width:140px; height:140px; margin-left:-70px; background-size:cover; background-repeat:no-repeat; background-position:center;} #contents.kwangya119 .cp_chapter .cpc_list li.t1 .icon {background-image:url('../images/project/kwangya119/icon_chapter01.png'); filter:drop-shadow(0 30px 30px rgba(241, 205, 253, 0.8)) drop-shadow(0 5px 7px rgba(182, 200, 239, 0.5)); transform:rotate(5deg); animation:floating03 4s ease-in-out infinite;} #contents.kwangya119 .cp_chapter .cpc_list li.t2 .icon {background-image:url('../images/project/kwangya119/icon_chapter02.png'); filter:drop-shadow(0 30px 30px #B6C8EF); animation:floating04 8s ease-in-out infinite;} #contents.kwangya119 .cp_chapter .cpc_list li.t3 .icon {background-image:url('../images/project/kwangya119/icon_chapter03.png'); filter:drop-shadow(0 30px 30px rgba(192, 238, 211, 0.8)) drop-shadow(0 5px 7px rgba(241, 205, 253, 0.7)); transform:rotate(5deg); animation:floating03 4s ease-in-out infinite;} @keyframes floating03 {0%{transform:translateY(0) rotate(5deg);} 50%{transform:translateY(-10px) rotate(5deg);} 100%{transform:translateY(0) rotate(5deg);}} @keyframes floating04 {0%{transform:translateY(-12px);} 25%{transform:translateY(-4px);} 50%{transform:translateY(-10px);} 75%{transform:translateY(2px);} 100%{transform:translateY(-12px);}} #contents.kwangya119 .cp_chapter .cpc_list li strong {display:inline-block; vertical-align:middle; padding-top:220px; background-size:100% auto; background-repeat:no-repeat; background-position:0 0; background-clip:text; -webkit-background-clip:text; color:transparent; -webkit-text-fill-color:transparent; font-size:30px; font-weight:700; line-height:40px; letter-spacing:-1.2px; word-break:keep-all; text-align:center; text-transform:uppercase;} #contents.kwangya119 .cp_chapter .cpc_list li.t1 strong {background-image:linear-gradient(90deg, #C0EED3 0%, #B6C8EF 33%, #FCD1CB 66%, #F0B1DE 100%);} #contents.kwangya119 .cp_chapter .cpc_list li.t2 strong {background-image:linear-gradient(90deg, #F0B1DE 0%, #FCD1CB 34%, #B6C8EF 67%, #C0EED3 100%);} #contents.kwangya119 .cp_chapter .cpc_list li.t3 strong {background-image:linear-gradient(91deg, #C0EED3 26.68%, #B6C8EF 42.07%, #FCD1CB 57.46%, #F0B1DE 73.32%);} #contents.kwangya119 .cp_chapter .cpc_list li p {display:block; width:100%; margin-top:20px; font-weight:400; line-height:35px; letter-spacing:-1px; word-break:keep-all; text-align:center; text-transform:uppercase;} #contents.kwangya119 .cp_chapter .cpc_list li p span {display:block;} #contents.kwangya119 .cp_chapter .cpc_list li p span b {font-weight:700;} /* kwangya119 - cp_strategy */ #contents.kwangya119 .cp_strategy {padding:0 80px 100px;} #contents.kwangya119 .cp_strategy .cp_wrap {display:inline-block; vertical-align:middle; overflow:hidden; box-sizing:border-box; width:100%; padding:100px 80px 0; border-radius:clamp(10px, 3.4722vw, 40px); background-color:#fff; box-shadow:0 0 60px 0 rgba(0, 0, 0, 0.06);} #contents.kwangya119 .cp_strategy .cp_txtwrap {display:inline-block; vertical-align:middle; width:100%;} #contents.kwangya119 .cp_strategy .cp_txtwrap strong {font-size:30px; font-weight:700; line-height:50px; letter-spacing:-0.6px; text-align:center; word-break:keep-all; text-transform:uppercase;} #contents.kwangya119 .cp_strategy .cp_txtwrap p {margin-top:10px; font-size:30px; font-weight:400; line-height:40px; letter-spacing:-0.6px; text-align:center; word-break:keep-all; text-transform:uppercase;} #contents.kwangya119 .cp_strategy .cp_txtwrap p span {display:block;} #contents.kwangya119 .cp_strategy .cps_flexable {display:flex; flex-direction:column; align-items:center; width:100%; margin-top:180px;} #contents.kwangya119 .cp_strategy .cps_flexable .cp_title {display:inline-block; vertical-align:middle; background-image:linear-gradient(90deg, #F0B1DE 0%, #FCD1CB 34%, #B6C8EF 67%, #C0EED3 100%); background-size:100% auto; background-repeat:no-repeat; background-position:0 0; background-clip:text; -webkit-background-clip:text; color:transparent; -webkit-text-fill-color:transparent; font-size:100px; font-weight:700; line-height:110px; letter-spacing:-4px; word-break:keep-all; text-align:center; text-transform:uppercase;} #contents.kwangya119 .cp_strategy .cps_flexable .cp_imgwrap {display:inline-block; vertical-align:middle; width:100%; max-width:1485px; margin:0 auto; margin-top:60px;} #contents.kwangya119 .cp_strategy .cps_flexable .cp_imgwrap.t1 {position:relative; overflow:hidden;} #contents.kwangya119 .cp_strategy .cps_flexable .cp_imgwrap.t2 {width:100%; max-width:1300px; margin-top:180px; filter:drop-shadow(12px 50px 30px rgba(0, 0, 0, 0.08));} #contents.kwangya119 .cp_strategy .cps_flexable .cp_imgwrap img {float:left; width:100%;} #contents.kwangya119 .cp_strategy .cps_flexable .cp_imgwrap.t1 .dpsfi_deco {position:absolute; top:0; bottom:0; left:0; right:0; background-repeat:no-repeat; background-size:contain; background-position:center; transition:0 all; transition-delay:unset;} #contents.kwangya119 .cp_strategy .cps_flexable .cp_imgwrap.t1 .dpsfi_deco.t1 {bottom:100%; background-image:url('../images/project/kwangya119/pic_strategy01_border01.png'); background-size:100% auto; background-position:top center;} #contents.kwangya119 .cp_strategy .cps_flexable .cp_imgwrap.t1 .dpsfi_deco.t2 {right:100%; background-image:url('../images/project/kwangya119/pic_strategy01_border02.png'); background-size:auto 100%; background-position:left center;} #contents.kwangya119 .cp_strategy .cps_flexable .cp_imgwrap.t1 .dpsfi_deco.t3 {background-image:url('../images/project/kwangya119/pic_strategy01_area.png'); opacity:0;} #contents.kwangya119 .cp_strategy .cps_flexable .cp_imgwrap.t1 .dpsfi_deco.t4 {background-image:url('../images/project/kwangya119/pic_strategy01_text01.png'); opacity:0;} #contents.kwangya119 .cp_strategy .cps_flexable .cp_imgwrap.t1 .dpsfi_deco.t5 {background-image:url('../images/project/kwangya119/pic_strategy01_text02.png'); opacity:0;} #contents.kwangya119 .cp_strategy .cps_flexable .cp_imgwrap.t1 .dpsfi_deco.t6 {background-image:url('../images/project/kwangya119/pic_strategy01_text03.png'); opacity:0;} #contents.kwangya119 .cp_strategy .cps_flexable .cp_imgwrap.t1 .dpsfi_deco.t7 {background-image:url('../images/project/kwangya119/pic_strategy01_text04.png'); opacity:0;} #contents.kwangya119 .cp_strategy .cps_flexable.aos-animate .cp_imgwrap.t1 .dpsfi_deco {transition:0.8s all; transition-delay:unset;} #contents.kwangya119 .cp_strategy .cps_flexable.aos-animate .cp_imgwrap.t1 .dpsfi_deco.t1 {bottom:0; transition-delay:0.5s;} #contents.kwangya119 .cp_strategy .cps_flexable.aos-animate .cp_imgwrap.t1 .dpsfi_deco.t2 {right:0; transition-delay:0.8s;} #contents.kwangya119 .cp_strategy .cps_flexable.aos-animate .cp_imgwrap.t1 .dpsfi_deco.t3 {opacity:1; transition-delay:1.8s;} #contents.kwangya119 .cp_strategy .cps_flexable.aos-animate .cp_imgwrap.t1 .dpsfi_deco.t4 {opacity:1; transition-delay:2.6s;} #contents.kwangya119 .cp_strategy .cps_flexable.aos-animate .cp_imgwrap.t1 .dpsfi_deco.t5 {opacity:1; transition-delay:2.9s;} #contents.kwangya119 .cp_strategy .cps_flexable.aos-animate .cp_imgwrap.t1 .dpsfi_deco.t6 {opacity:1; transition-delay:3.2s;} #contents.kwangya119 .cp_strategy .cps_flexable.aos-animate .cp_imgwrap.t1 .dpsfi_deco.t7 {opacity:1; transition-delay:3.5s;} #contents.kwangya119 .cp_strategy .cps_flexable .cp_txtwrap {margin-top:280px;} #contents.kwangya119 .cp_strategy .cps_flexable .cp_txtwrap p {font-size:30px; font-weight:400; line-height:45px; letter-spacing:-1.2px; text-align:center; word-break:keep-all; text-transform:uppercase;} #contents.kwangya119 .cp_strategy .cps_flexable .cp_txtwrap p + p {margin-top:45px;} #contents.kwangya119 .cp_strategy .cps_flexable .cp_txtwrap p span {display:block;} #contents.kwangya119 .cp_strategy .cps_flexable .cp_txtwrap p span b {font-weight:700;} #contents.kwangya119 .cp_strategy .cps_personalization {display:flex; flex-direction:column; align-items:center; width:100%; margin-top:300px;} #contents.kwangya119 .cp_strategy .cps_personalization .cp_title {display:inline-block; vertical-align:middle; background-image:linear-gradient(90deg, #F0B1DE 0%, #FCD1CB 34%, #B6C8EF 67%, #C0EED3 100%); background-size:100% auto; background-repeat:no-repeat; background-position:0 0; background-clip:text; -webkit-background-clip:text; color:transparent; -webkit-text-fill-color:transparent; font-size:100px; font-weight:700; line-height:110px; letter-spacing:-4px; word-break:keep-all; text-align:center; text-transform:uppercase;} #contents.kwangya119 .cp_strategy .cps_personalization .cpsp_contents {display:inline-block; vertical-align:middle; position:relative; width:100%; padding:310px 0 530px; text-align:center;} #contents.kwangya119 .cp_strategy .cps_personalization .cpsp_contents .cp_imgwrap {display:inline-block; vertical-align:middle; position:relative; z-index:1; width:100%; max-width:610px; margin:0 auto;} #contents.kwangya119 .cp_strategy .cps_personalization .cpsp_contents .cp_imgwrap:before {content:''; display:inline-block; vertical-align:middle; position:absolute; top:0; left:50%; z-index:0; height:1200px; margin-left:-925px; background-image:url('../images/project/kwangya119/bg_strategy.png'); background-size:contain; background-repeat:no-repeat; background-position:center; aspect-ratio:1850/1200;} #contents.kwangya119 .cp_strategy .cps_personalization .cpsp_contents .cp_imgwrap img {position:relative; z-index:1; width:100%;} #contents.kwangya119 .cp_strategy .cps_personalization .cpsp_contents .cp_imgwrap .cpspc_video {position:absolute; top:9%; left:10%; right:10%;} #contents.kwangya119 .cp_strategy .cps_personalization .cpsp_contents .cp_imgwrap .cpspc_video video {width:100%;} #contents.kwangya119 .cp_strategy .cps_personalization .cpsp_contents .cp_txtwrap {display:inline-block; vertical-align:middle; width:100%; margin-top:50px;} #contents.kwangya119 .cp_strategy .cps_personalization .cpsp_contents .cp_txtwrap p {font-size:30px; font-weight:400; line-height:45px; letter-spacing:-1.2px; text-align:center; word-break:keep-all; text-transform:uppercase;} #contents.kwangya119 .cp_strategy .cps_personalization .cpsp_contents .cp_txtwrap p span {display:block;} #contents.kwangya119 .cp_strategy .cps_personalization .cpsp_contents .cpspc_deco {position:absolute; width:440px; border-radius:clamp(10px, 3.4722vw, 40px); background-size:contain; background-repeat:no-repeat; background-position:center; box-shadow:0 0 60px 0 rgba(0, 0, 0, 0.06);} #contents.kwangya119 .cp_strategy .cps_personalization .cpsp_contents .cpspc_deco.t1 {top:58px; right:-16px; background-image:url('../images/project/kwangya119/pic_profile01.png'); aspect-ratio:440/430;} #contents.kwangya119 .cp_strategy .cps_personalization .cpsp_contents .cpspc_deco.t2 {top:587px; left:-137px; background-image:url('../images/project/kwangya119/pic_profile02.png'); aspect-ratio:440/620;} #contents.kwangya119 .cp_strategy .cps_personalization .cpsp_contents .cpspc_deco.t3 {bottom:-97px; right:-132px; background-image:url('../images/project/kwangya119/pic_profile03.png'); aspect-ratio:440/1050;} /* kwangya119 - cp_design */ #contents.kwangya119 .cp_design {padding:100px 50px 0;} #contents.kwangya119 .cp_design .cp_wrap {max-width:1440px;} #contents.kwangya119 .cp_design .cp_txtwrap {margin-top:80px;} #contents.kwangya119 .cp_design .cp_txtwrap p {display:inline-block; vertical-align:middle; width:100%; font-weight:400; letter-spacing:-1px; text-align:left; word-break:keep-all; text-transform:uppercase;} #contents.kwangya119 .cp_design .cp_txtwrap p span {display:block;} #contents.kwangya119 .cp_design .cpd_contents {display:flex; flex-direction:column; gap:20px; margin-top:80px;} #contents.kwangya119 .cp_design .cpd_contents > ul {display:flex; flex-direction:row; flex-wrap:wrap; width:100%;} #contents.kwangya119 .cp_design .cpd_contents > ul.cpdc_top {gap:20px;} #contents.kwangya119 .cp_design .cpd_contents > ul.cpdc_top > li {width:calc(50% - 10px); border-radius:clamp(10px, 3.4722vw, 40px);} #contents.kwangya119 .cp_design .cpd_contents > ul.cpdc_top > li > strong {display:block; font-size:40px; font-weight:700; line-height:50px; letter-spacing:-1.6px; text-align:left; word-break:keep-all; text-transform:uppercase;} #contents.kwangya119 .cp_design .cpd_contents > ul.cpdc_top > li > p {display:inline-block; vertical-align:middle; width:100%; font-weight:400; line-height:35px; letter-spacing:-1px; text-align:left; word-break:keep-all; text-transform:uppercase;} #contents.kwangya119 .cp_design .cpd_contents > ul.cpdc_top > li:nth-child(1) {display:flex; flex-direction:column; justify-content:space-between; box-sizing:border-box; overflow:hidden; padding:80px; background-color:#fff;} #contents.kwangya119 .cp_design .cpd_contents > ul.cpdc_top > li:nth-child(1):before {content:''; position:absolute; top:0; left:0; z-index:0; width:300%; height:300%; background:linear-gradient(148deg, #C0EED3 -7%, #B6C8EF 4.2%, #FCD1CB 15.4%, #F0B1DE 26.6%, #FCD1CB 37.8%, #B6C8EF 49%, #C0EED3 60.2%, #B6C8EF 71.4%, #FCD1CB 82.6%, #F0B1DE 93.8%, #FCD1CB 105%); background-size:cover; background-repeat:no-repeat; background-position:center; transition:translate 1s ease-out; transition-delay:unset; opacity:0; animation:backani 12s linear 0s infinite; pointer-events:none;} @keyframes backani {100%{transform:translate(-66.7%, -66.7%);}} #contents.kwangya119 .cp_design .cpd_contents > ul.cpdc_top > li:nth-child(1).aos-animate:before {opacity:1; transition:1.2s all; transition-delay:0.2s;} #contents.kwangya119 .cp_design .cpd_contents > ul.cpdc_top > li:nth-child(1) strong, #contents.kwangya119 .cp_design .cpd_contents > ul.cpdc_top > li:nth-child(1) p {position:relative; z-index:1;} #contents.kwangya119 .cp_design .cpd_contents > ul.cpdc_top > li:nth-child(2) > ul {display:flex; flex-direction:row; flex-wrap:wrap; gap:20px; width:100%;} #contents.kwangya119 .cp_design .cpd_contents > ul.cpdc_top > li:nth-child(2) > ul > li {display:flex; flex-direction:column; justify-content:space-between; box-sizing:border-box; width:calc(50% - 10px); min-height:300px; padding:40px; border-radius:clamp(10px, 3.4722vw, 40px); background-color:#fff; transition:0; transition-delay:unset;} #contents.kwangya119 .cp_design .cpd_contents > ul.cpdc_top > li:nth-child(2).aos-animate > ul > li {transition:1.2s all;} #contents.kwangya119 .cp_design .cpd_contents > ul.cpdc_top > li:nth-child(2).aos-animate > ul > li:nth-child(1) {background-color:#C0EED3; transition-delay:0.4s;} #contents.kwangya119 .cp_design .cpd_contents > ul.cpdc_top > li:nth-child(2).aos-animate > ul > li:nth-child(2) {background-color:#B6C8EF; transition-delay:0.6s;} #contents.kwangya119 .cp_design .cpd_contents > ul.cpdc_top > li:nth-child(2).aos-animate > ul > li:nth-child(3) {background-color:#F0B1DE; transition-delay:0.8s;} #contents.kwangya119 .cp_design .cpd_contents > ul.cpdc_top > li:nth-child(2).aos-animate > ul > li:nth-child(4) {background-color:#FCD1CB; transition-delay:1s;} #contents.kwangya119 .cp_design .cpd_contents > ul.cpdc_top > li:nth-child(2) > ul > li strong {display:block; font-weight:700; letter-spacing:-1px; text-align:left; word-break:keep-all; text-transform:uppercase;} #contents.kwangya119 .cp_design .cpd_contents > ul.cpdc_top > li:nth-child(2) > ul > li p {display:inline-block; vertical-align:middle; width:100%; font-weight:400; line-height:35px; letter-spacing:-1px; text-align:left; word-break:keep-all; text-transform:uppercase;} #contents.kwangya119 .cp_design .cpd_contents > ul.cpdc_top > li:nth-child(2) > ul > li p > span {display:block;} #contents.kwangya119 .cp_design .cpd_contents > ul.cpdc_top > li:nth-child(3) {display:flex; flex-direction:column; justify-content:flex-end; gap:20px; box-sizing:border-box; padding:80px;} #contents.kwangya119 .cp_design .cpd_contents > ul.cpdc_top > li:nth-child(3) p span {display:block;} #contents.kwangya119 .cp_design .cpd_contents > ul.cpdc_top > li:nth-child(4) {position:relative; box-sizing:border-box; overflow:hidden; background-color:#fff; box-shadow:0 0 60px 0 rgba(0, 0, 0, 0.06); aspect-ratio:720/430;} #contents.kwangya119 .cp_design .cpd_contents > ul.cpdc_top > li:nth-child(4):before {content:''; position:absolute; top:0; bottom:100%; left:0; right:0; background-image:url('../images/project/kwangya119/pic_design01_border01.png'); background-repeat:no-repeat; background-size:100% auto; background-position:top center; transition:0; transition-delay:unset;} #contents.kwangya119 .cp_design .cpd_contents > ul.cpdc_top > li:nth-child(4):after {content:''; position:absolute; top:0; bottom:0; left:0; right:100%; background-image:url('../images/project/kwangya119/pic_design01_border02.png'); background-repeat:no-repeat; background-size:auto 100%; background-position:left center; transition:0; transition-delay:unset;} #contents.kwangya119 .cp_design .cpd_contents > ul.cpdc_top > li:nth-child(4) .cpdct_bg {position:relative; float:left; width:100%; height:100%; background-image:url('../images/project/kwangya119/pic_design01.png'); background-size:cover; background-repeat:no-repeat; background-position:center; opacity:0; transition:0; transition-delay:unset;} #contents.kwangya119 .cp_design .cpd_contents > ul.cpdc_top > li:nth-child(4).aos-animate:before {bottom:0; transition:0.7s all; transition-delay:0.5s;} #contents.kwangya119 .cp_design .cpd_contents > ul.cpdc_top > li:nth-child(4).aos-animate:after {right:0; transition:0.7s all; transition-delay:1s;} #contents.kwangya119 .cp_design .cpd_contents > ul.cpdc_top > li:nth-child(4).aos-animate .cpdct_bg {opacity:1; transition:0.7s all; transition-delay:1.4s;} #contents.kwangya119 .cp_design .cpd_contents > ul.cpdc_top > li:nth-child(4) .circles_wrapper {position:absolute; top:0; left:0; width:100%; height:100%; pointer-events:none;} #contents.kwangya119 .cp_design .cpd_contents > ul.cpdc_top > li:nth-child(4) .circle_box {display:block; position:absolute; transform-origin:50% 50%;} #contents.kwangya119 .cp_design .cpd_contents > ul.cpdc_top > li:nth-child(4) .circle_box svg {display:block; width:100%; height:100%;} #contents.kwangya119 .cp_design .cpd_contents > ul.cpdc_top > li:nth-child(4) .circle_box circle {fill:none; stroke:#777983; stroke-width:2; transform-origin:50% 50%; transform:rotate(-90deg); opacity:0.5;} #contents.kwangya119 .cp_design .cpd_contents > ul.cpdc_btm {box-sizing:border-box; padding:80px; background-color:#fff; border-radius:clamp(10px, 3.4722vw, 40px);} #contents.kwangya119 .cp_design .cpd_contents > ul.cpdc_btm > li {box-sizing:border-box; width:50%;} #contents.kwangya119 .cp_design .cpd_contents > ul.cpdc_btm > li:nth-child(1) {padding-bottom:80px; padding-right:80px; border-bottom:1px solid #D9D9D9; border-right:1px solid #D9D9D9;} #contents.kwangya119 .cp_design .cpd_contents > ul.cpdc_btm > li:nth-child(2) {padding-bottom:80px; padding-left:80px; border-bottom:1px solid #D9D9D9;} #contents.kwangya119 .cp_design .cpd_contents > ul.cpdc_btm > li:nth-child(2) strong {word-break:keep-all;} #contents.kwangya119 .cp_design .cpd_contents > ul.cpdc_btm > li:nth-child(3) {padding-top:80px; padding-right:80px; border-right:1px solid #D9D9D9;} #contents.kwangya119 .cp_design .cpd_contents > ul.cpdc_btm > li:nth-child(3) strong, #contents.kwangya119 .cp_design .cpd_contents > ul.cpdc_btm > li:nth-child(3) > p, #contents.kwangya119 .cp_design .cpd_contents > ul.cpdc_btm > li:nth-child(3) > p span {font-family:"Noto Sans TC", sans-serif; font-optical-sizing:auto;} #contents.kwangya119 .cp_design .cpd_contents > ul.cpdc_btm > li:nth-child(4) {padding-top:80px; padding-left:80px;} #contents.kwangya119 .cp_design .cpd_contents > ul.cpdc_btm > li:nth-child(4) strong, #contents.kwangya119 .cp_design .cpd_contents > ul.cpdc_btm > li:nth-child(4) > p, #contents.kwangya119 .cp_design .cpd_contents > ul.cpdc_btm > li:nth-child(4) > p span {font-family:"Noto Sans JP", sans-serif; font-optical-sizing:auto;} #contents.kwangya119 .cp_design .cpd_contents > ul.cpdc_btm > li .fonts {display:inline-block; vertical-align:middle; width:100%; text-align:left;} #contents.kwangya119 .cp_design .cpd_contents > ul.cpdc_btm > li .fonts .lang {display:inline-block; vertical-align:middle; width:132px; font-weight:400; line-height:30px; letter-spacing:-0.5px; text-align:left; word-break:keep-all; text-transform:uppercase;} #contents.kwangya119 .cp_design .cpd_contents > ul.cpdc_btm > li .fonts .font {display:inline-block; vertical-align:middle; font-weight:700; line-height:35px; letter-spacing:-0.5px; text-align:left; word-break:keep-all;} #contents.kwangya119 .cp_design .cpd_contents > ul.cpdc_btm > li strong {display:inline-block; vertical-align:middle; width:100%; margin-top:20px; font-size:50px; font-weight:700; line-height:70px; letter-spacing:-1px; text-align:left; text-transform:uppercase;} #contents.kwangya119 .cp_design .cpd_contents > ul.cpdc_btm > li strong span {display:block;} #contents.kwangya119 .cp_design .cpd_contents > ul.cpdc_btm > li > p {display:inline-block; vertical-align:middle; width:100%; margin-top:60px; font-weight:400; letter-spacing:-0.5px; text-align:left; word-break:break-all;} #contents.kwangya119 .cp_design .cpd_contents > ul.cpdc_btm > li > p span#lang_en {height:120px;} /* kwangya119 - cp_service */ #contents.kwangya119 .cp_service {padding:150px 50px 100px; background-image:url('../images/project/kwangya119/bg_service.jpg'); background-size:cover; background-repeat:no-repeat; background-position:center;} #contents.kwangya119 .cp_service .cp_wrap {max-width:1440px;} #contents.kwangya119 .cp_service .cp_title {height:110px;} #contents.kwangya119 .cp_service .cp_title strong:nth-child(1) {opacity:0;} #contents.kwangya119 .cp_service .cps_contents {display:flex; margin-top:80px;} #contents.kwangya119 .cp_service .cps_contents .cp_txtwrap {width:calc(50% - 60px);} #contents.kwangya119 .cp_service .cps_contents .cp_txtwrap p {display:inline-block; vertical-align:middle; position:sticky; top:300px; width:100%; font-weight:400; letter-spacing:-1px; text-align:left; word-break:keep-all; text-transform:uppercase;} #contents.kwangya119 .cp_service .cps_contents .cp_txtwrap p span {display:block;} #contents.kwangya119 .cp_service .cps_contents .cp_txtwrap p:before {content:'SERVICE'; position:absolute; top:-190px; font-size:100px; font-weight:700; line-height:110px; letter-spacing:-4px; text-transform:uppercase; text-align:left;} #contents.kwangya119 .cp_service .cps_contents .cpsc_list {display:flex; flex-wrap:wrap; gap:60px; width:calc(50% + 60px); margin-top:256px;} #contents.kwangya119 .cp_service .cps_contents .cpsc_list .cpscl_item {display:flex; flex-direction:column; align-items:flex-start; position:relative; box-sizing:border-box; width:calc(50% - 30px); padding:40px; border-radius:clamp(10px, 3.4722vw, 40px); border:2px solid #fff; background-color:rgba(255, 255, 255, 0.85); backdrop-filter:blur(10px); aspect-ratio:1/1;} #contents.kwangya119 .cp_service .cps_contents .cpsc_list .cpscl_item.t1 {top:-130px; box-shadow:0 0 60px 0 rgba(241, 205, 253, 0.5);} #contents.kwangya119 .cp_service .cps_contents .cpsc_list .cpscl_item.t2 {box-shadow:0 0 60px 0 rgba(182, 200, 239, 0.5);} #contents.kwangya119 .cp_service .cps_contents .cpsc_list .cpscl_item.t3 {top:-130px; box-shadow:0 0 60px 0 rgba(192, 238, 211, 0.5);} #contents.kwangya119 .cp_service .cps_contents .cpsc_list .cpscl_item.t4 {box-shadow:0 0 60px 0 rgba(252, 209, 203, 0.5);} #contents.kwangya119 .cp_service .cps_contents .cpsc_list .cpscl_item i {position:relative; width:100px; height:100px; background-size:contain; background-repeat:no-repeat; background-position:center;} #contents.kwangya119 .cp_service .cps_contents .cpsc_list .cpscl_item.t1 i {top:-7px; left:-9px; background-image:url('../images/project/kwangya119/icon_service01.png'); transform:rotate(5deg); filter:drop-shadow(0 30px 30px rgba(241, 205, 253, 0.8));} #contents.kwangya119 .cp_service .cps_contents .cpsc_list .cpscl_item.t2 i {top:-12px; right:-3px; background-image:url('../images/project/kwangya119/icon_service02.png'); filter:drop-shadow(0 30px 30px rgba(182, 200, 239, 0.8));} #contents.kwangya119 .cp_service .cps_contents .cpsc_list .cpscl_item.t3 i {bottom:-1px; left:-3px; background-image:url('../images/project/kwangya119/icon_service03.png'); transform:rotate(5deg); filter:drop-shadow(0 30px 30px rgba(192, 238, 211, 0.8));} #contents.kwangya119 .cp_service .cps_contents .cpsc_list .cpscl_item.t4 i {top:-12px; left:-1px; background-image:url('../images/project/kwangya119/icon_service04.png'); filter:drop-shadow(0 30px 30px rgba(252, 209, 203, 0.8));} #contents.kwangya119 .cp_service .cps_contents .cpsc_list .cpscl_item strong {display:block; margin-top:40px; font-size:30px; font-weight:700; line-height:40px; text-align:left; word-break:keep-all; text-transform:uppercase;} #contents.kwangya119 .cp_service .cps_contents .cpsc_list .cpscl_item strong span {display:block;} #contents.kwangya119 .cp_service .cps_contents .cpsc_list .cpscl_item p {display:block; margin-top:5px; font-weight:400; color:#aaa; line-height:30px; letter-spacing:-0.5px; text-align:left; word-break:keep-all; text-transform:uppercase;} #contents.kwangya119 .cp_service .cps_contents .cpsc_list .cpscl_item p span {display:block;} /* kwangya119 - cp_share */ #contents.kwangya119 .cp_share {overflow:hidden; padding:150px 50px 250px; background-color:#fff;} #contents.kwangya119 .cp_share .cp_wrap {max-width:1440px;} #contents.kwangya119 .cp_share .cps_flow {position:relative; margin-top:335px;} #contents.kwangya119 .cp_share .cps_flow .cpsf_list {overflow:hidden; position:relative; padding-bottom:185px;} #contents.kwangya119 .cp_share .cps_flow .cpsf_list .cpsfl_item {display:flex; justify-content:center; align-items:center; position:relative; width:100%; height:80px; margin-top:60px;} #contents.kwangya119 .cp_share .cps_flow .cpsf_list .cpsfl_item:first-child {margin-top:0;} #contents.kwangya119 .cp_share .cps_flow .cpsf_list .cpsfl_item .flow_inner {display:flex; white-space:nowrap; position:absolute; left:0; top:0;} #contents.kwangya119 .cp_share .cps_flow .cpsf_list .cpsfl_item.t1 .flow_inner, #contents.kwangya119 .cp_share .cps_flow .cpsf_list .cpsfl_item.t3 .flow_inner {animation:marquee-left 100s linear infinite;} #contents.kwangya119 .cp_share .cps_flow .cpsf_list .cpsfl_item.t2 .flow_inner, #contents.kwangya119 .cp_share .cps_flow .cpsf_list .cpsfl_item.t4 .flow_inner {animation:marquee-right 100s linear infinite;} #contents.kwangya119 .cp_share .cps_flow .cpsf_list .cpsfl_item .cpsfli_wrap {display:flex;} #contents.kwangya119 .cp_share .cps_flow .cpsf_list .cpsfl_item .cpsfli_wrap > div {display:flex; flex-direction:row; flex-wrap:nowrap; align-items:center; box-sizing:border-box; height:80px; margin-right:20px; padding:15px 20px; border-radius:55px; background-color:#fff; box-shadow:0 10px 20px 0 rgba(30, 31, 36, 0.10);} #contents.kwangya119 .cp_share .cps_flow .cpsf_list .cpsfl_item .cpsfli_wrap > div i {width:40px; height:40px; background-size:cover; background-repeat:no-repeat; background-position:center;} #contents.kwangya119 .cp_share .cps_flow .cpsf_list .cpsfl_item .cpsfli_wrap > div.nctdream i {background-image:url('../images/project/kwangya119/icon_nct.png');} #contents.kwangya119 .cp_share .cps_flow .cpsf_list .cpsfl_item .cpsfli_wrap > div.shinee i {background-image:url('../images/project/kwangya119/icon_shinee.png');} #contents.kwangya119 .cp_share .cps_flow .cpsf_list .cpsfl_item .cpsfli_wrap > div.riize i {background-image:url('../images/project/kwangya119/icon_riize.png');} #contents.kwangya119 .cp_share .cps_flow .cpsf_list .cpsfl_item .cpsfli_wrap > div.superjunior i {background-image:url('../images/project/kwangya119/icon_superjunior.png');} #contents.kwangya119 .cp_share .cps_flow .cpsf_list .cpsfl_item .cpsfli_wrap > div.nct i {background-image:url('../images/project/kwangya119/icon_nct.png');} #contents.kwangya119 .cp_share .cps_flow .cpsf_list .cpsfl_item .cpsfli_wrap > div.redvelvet i {background-image:url('../images/project/kwangya119/icon_redvelvet.png');} #contents.kwangya119 .cp_share .cps_flow .cpsf_list .cpsfl_item .cpsfli_wrap > div.exo i {background-image:url('../images/project/kwangya119/icon_exo.png');} #contents.kwangya119 .cp_share .cps_flow .cpsf_list .cpsfl_item .cpsfli_wrap > div.aespa i {background-image:url('../images/project/kwangya119/icon_aespa.png');} #contents.kwangya119 .cp_share .cps_flow .cpsf_list .cpsfl_item .cpsfli_wrap > div p {margin-left:10px; font-size:18px; font-weight:600; line-height:50px; text-align:left; word-break:keep-all; letter-spacing:-0.72px;} #contents.kwangya119 .cp_share .cps_flow .cpsf_list .cpsfl_item .cpsfli_wrap > div p strong {font-weight:700;} #contents.kwangya119 .cp_share .cps_flow .cpsf_list .cpsfl_item .cpsfli_wrap > div.nctdream p strong {color:#E2E868;} #contents.kwangya119 .cp_share .cps_flow .cpsf_list .cpsfl_item .cpsfli_wrap > div.shinee p strong {color:#6DB4BB;} #contents.kwangya119 .cp_share .cps_flow .cpsf_list .cpsfl_item .cpsfli_wrap > div.riize p strong {color:#FF9D14;} #contents.kwangya119 .cp_share .cps_flow .cpsf_list .cpsfl_item .cpsfli_wrap > div.superjunior p strong {color:#0047BB;} #contents.kwangya119 .cp_share .cps_flow .cpsf_list .cpsfl_item .cpsfli_wrap > div.nct p strong {color:#E2E868;} #contents.kwangya119 .cp_share .cps_flow .cpsf_list .cpsfl_item .cpsfli_wrap > div.redvelvet p strong {color:#FFA38B;} #contents.kwangya119 .cp_share .cps_flow .cpsf_list .cpsfl_item .cpsfli_wrap > div.exo p strong {color:#C8C9C7;} #contents.kwangya119 .cp_share .cps_flow .cpsf_list .cpsfl_item .cpsfli_wrap > div.aespa p strong {color:#C98BDB;} #contents.kwangya119 .cp_share .cps_flow .cpsf_list .cpsfl_item .cpsfli_wrap > div p b {font-weight:700;} #contents.kwangya119 .cp_share .cps_flow .cpsf_list .cpsfl_item .cpsfli_wrap > div > span {margin-left:30px; font-size:14px; font-weight:400; color:#899094; line-height:50px; letter-spacing:-0.56px;} #contents.kwangya119 .cp_share .cps_flow .cp_imgwrap {position:absolute; top:50%; left:50%; width:800px; margin-top:-578px; margin-left:-420px; animation:floating01 3s ease-in-out infinite;} #contents.kwangya119 .cp_share .cps_flow .cp_imgwrap img {width:100%; filter:drop-shadow(0 60px 40px rgba(0, 0, 0, 0.10));} #contents.kwangya119 .cp_share .cps_marquee {position:relative; width:100%; perspective:1400px;} #contents.kwangya119 .cp_share .cps_marquee ul {display:flex; align-items:center; overflow:hidden; position:relative; width:100%; height:190px; margin:0; padding:0; list-style:none;} #contents.kwangya119 .cp_share .cps_marquee ul li {display:flex; white-space:nowrap; animation:marquee-left 25s linear infinite;} @keyframes marquee-left {0%{transform:translateX(0);} 100%{transform:translateX(-50%);}} @keyframes marquee-right {0%{transform:translateX(-50%);} 100%{transform:translateX(0);}} #contents.kwangya119 .cp_share .cps_marquee ul li span {display:inline-block; vertical-align:middle; margin-right:30px; background-image:linear-gradient(126deg, rgba(192, 238, 211, 0.30) 48.49%, rgba(182, 200, 239, 0.30) 60.4%, rgba(252, 209, 203, 0.30) 72.59%, rgba(240, 177, 222, 0.30) 85.02%); background-size:100% auto; background-repeat:no-repeat; background-position:0 0; background-clip:text; -webkit-background-clip:text; color:transparent; -webkit-text-fill-color:transparent; font-size:190px; font-weight:700; line-height:190px; letter-spacing:-3.8px; word-break:keep-all; text-transform:uppercase;} #contents.kwangya119 .cp_share .cps_marquee .cpsm_deco {position:absolute; top:50%; background-size:contain; background-repeat:no-repeat; background-position:center; transform-style:preserve-3d; transform-origin:center;} #contents.kwangya119 .cp_share .cps_marquee .cpsm_deco.t1 {left:50%; width:360px; margin-top:-230px; margin-left:-537px; background-image:url('../images/project/kwangya119/pic_share02.png'); aspect-ratio:400/530; transform:skew(-2deg, -2deg) rotateY(45deg) rotate(15deg); filter:drop-shadow(20px 40px 40px rgba(243, 192, 206, 0.25)); transition:transform 6000ms linear !important;} #contents.kwangya119 .cp_share .cps_marquee .cpsm_deco.t2 {right:50%; width:300px; margin-top:-172px; margin-right:-620px; background-image:url('../images/project/kwangya119/pic_share03.png'); aspect-ratio:300/400; transform:skew(-5deg, 0) rotate(-20deg); filter:drop-shadow(20px 40px 40px rgba(109, 180, 187, 0.25)); transition:transform 6000ms linear !important;} #contents.kwangya119 .cp_share .cp_txtwrap {position:relative; margin-top:120px; padding-top:340px; perspective:700px;} #contents.kwangya119 .cp_share .cp_txtwrap strong {display:block; font-size:30px; font-weight:700; line-height:clamp(30px, 3.4722vw, 50px); letter-spacing:-0.6px; text-align:right; word-break:keep-all; text-transform:uppercase;} #contents.kwangya119 .cp_share .cp_txtwrap p {margin-top:10px; font-size:30px; font-weight:400; line-height:40px; letter-spacing:-0.6px; text-align:right; word-break:keep-all; text-transform:uppercase;} #contents.kwangya119 .cp_share .cp_txtwrap p span {display:block;} #contents.kwangya119 .cp_share .cp_txtwrap .cps_deco {display:inline-block; vertical-align:middle; position:absolute; top:43px; right:50%; width:220px; margin-right:-190px; background-image:url('../images/project/kwangya119/pic_share04.png'); background-size:contain; background-repeat:no-repeat; background-position:center; transform:skew(1deg, 3deg) rotateX(0deg) rotateY(-38deg) rotate(-5deg); filter:drop-shadow(20px 40px 40px rgba(81, 71, 58, 0.25)); aspect-ratio:250/330; transform-style:preserve-3d; transform-origin:center; transition:transform 9000ms linear !important;} /* kwangya119 - cp_protect */ #contents.kwangya119 .cp_protect {padding:0 80px; background-color:#fff;} #contents.kwangya119 .cp_protect .cp_title {box-sizing:border-box; padding:0 60px;} #contents.kwangya119 .cp_protect .cp_wrap {display:inline-block; vertical-align:middle; overflow:hidden; box-sizing:border-box; width:100%; padding:150px 80px 250px; border-radius:clamp(10px, 3.4722vw, 40px); background-image:url('../images/project/kwangya119/bg_protect.jpg'); background-size:cover; background-repeat:no-repeat; background-position:center; box-shadow:0 0 60px 0 rgba(0, 0, 0, 0.06);} #contents.kwangya119 .cp_protect .cp_txtwrap {box-sizing:border-box; width:100%; max-width:1440px; margin:0 auto; margin-top:80px; padding:0 60px;} #contents.kwangya119 .cp_protect .cp_txtwrap p {display:inline-block; vertical-align:middle; width:100%; font-weight:400; letter-spacing:-1px; text-align:left; word-break:keep-all; text-transform:uppercase;} #contents.kwangya119 .cp_protect .cp_txtwrap p span {display:block;} #contents.kwangya119 .cp_protect .cpp_contents > strong {display:inline-block; vertical-align:middle; width:100%; margin-top:130px; font-size:clamp(26px, 9.8958vw, 190px); font-weight:700; color:#fff; line-height:clamp(32px, 9.8958vw, 190px); letter-spacing:clamp(-9px, -0.4688vw, -1px); text-align:center; word-break:keep-all; text-transform:uppercase;} #contents.kwangya119 .cp_protect .cpp_contents .cppc_report {position:relative; box-sizing:border-box; padding:0 80px; padding-top:130px;} #contents.kwangya119 .cp_protect .cpp_contents .cppc_report .cp_imgwrap {width:100%; max-width:1350px; margin:0 auto;} #contents.kwangya119 .cp_protect .cpp_contents .cppc_report .cp_imgwrap img {width:100%;} #contents.kwangya119 .cp_protect .cpp_contents .cppc_report .cppcr_deco {display:flex; align-items:center; gap:10px; position:absolute; width:max-content; transform:scale(0.7); filter:blur(30px); opacity:0; transition:0.5s all;} #contents.kwangya119 .cp_protect .cpp_contents .cppc_report .cppcr_deco.on {transform:scale(1); filter:blur(0); opacity:1;} #contents.kwangya119 .cp_protect .cpp_contents .cppc_report .cppcr_deco i {width:100px; height:100px; background-size:contain; background-repeat:no-repeat; background-position:center;} #contents.kwangya119 .cp_protect .cpp_contents .cppc_report .cppcr_deco p {display:inline-block; vertical-align:middle; overflow:hidden; height:100px; padding:0 50px; border-radius:80px; border:2px solid #FFF; background-color:rgba(255, 255, 255, 0.70); box-shadow:0 10px 40px 0 rgba(0, 0, 0, 0.04); backdrop-filter:blur(10px); text-overflow:ellipsis; font-size:24px; font-weight:300; line-height:100px; word-break:keep-all; letter-spacing:-0.96px;} #contents.kwangya119 .cp_protect .cpp_contents .cppc_report .cppcr_deco p em {display:inline-block; vertical-align:middle; float:left; font-weight:700;} #contents.kwangya119 .cp_protect .cpp_contents .cppc_report .cppcr_deco.t1 {top:-6px; left:50%; margin-left:100px;} #contents.kwangya119 .cp_protect .cpp_contents .cppc_report .cppcr_deco.t1 i {border-radius:100%; background-image:url('../images/project/kwangya119/icon_riize.png'); box-shadow:0 20px 20px 0 rgba(255, 157, 20, 0.30);} #contents.kwangya119 .cp_protect .cpp_contents .cppc_report .cppcr_deco.t1 p em {color:#FF9D14;} #contents.kwangya119 .cp_protect .cpp_contents .cppc_report .cppcr_deco.t2 {top:310px; right:50%; margin-right:255px;} #contents.kwangya119 .cp_protect .cpp_contents .cppc_report .cppcr_deco.t2 i {border-radius:100%; background-image:url('../images/project/kwangya119/icon_superjunior.png'); box-shadow:0 20px 20px 0 rgba(0, 71, 187, 0.30);} #contents.kwangya119 .cp_protect .cpp_contents .cppc_report .cppcr_deco.t2 p em {color:#0047BB;} #contents.kwangya119 .cp_protect .cpp_contents .cppc_report .cppcr_deco.t3 {top:540px; right:50%; margin-right:43px;} #contents.kwangya119 .cp_protect .cpp_contents .cppc_report .cppcr_deco.t3 i {border-radius:100%; background-image:url('../images/project/kwangya119/icon_nct.png'); box-shadow:0 20px 20px 0 rgba(224, 229, 102, 0.30);} #contents.kwangya119 .cp_protect .cpp_contents .cppc_report .cppcr_deco.t3 p em {color:#D6DB57;} #contents.kwangya119 .cp_protect .cpp_contents .cppc_report .cppcr_deco.t4 {top:650px; left:50%; margin-left:345px;} #contents.kwangya119 .cp_protect .cpp_contents .cppc_report .cppcr_deco.t4 i {border-radius:100%; background-image:url('../images/project/kwangya119/icon_aespa.png'); box-shadow:0 20px 20px 0 rgba(201, 139, 219, 0.30);} #contents.kwangya119 .cp_protect .cpp_contents .cppc_report .cppcr_deco.t4 p em {background:linear-gradient(90deg, #C88DDD 7.23%, #9CEAFE 96.99%); background-size:100% auto; background-repeat:no-repeat; background-position:0 0; background-clip:text; -webkit-background-clip:text; color:transparent; -webkit-text-fill-color:transparent;} #contents.kwangya119 .cp_protect .cpp_contents .cppc_protect {position:relative; box-sizing:border-box; padding-top:130px;} #contents.kwangya119 .cp_protect .cpp_contents .cppc_protect > ul {display:flex; justify-content:center; gap:50px;} #contents.kwangya119 .cp_protect .cpp_contents .cppc_protect > ul > li {display:flex;} #contents.kwangya119 .cp_protect .cpp_contents .cppc_protect > ul > li:nth-child(1) {align-items:flex-start;} #contents.kwangya119 .cp_protect .cpp_contents .cppc_protect > ul > li:nth-child(1) img {max-width:350px;} #contents.kwangya119 .cp_protect .cpp_contents .cppc_protect > ul > li:nth-child(2) {flex-direction:column; justify-content:center;} #contents.kwangya119 .cp_protect .cpp_contents .cppc_protect > ul > li:nth-child(3) {align-items:flex-end;} #contents.kwangya119 .cp_protect .cpp_contents .cppc_protect > ul > li:nth-child(3) img {max-width:346px; margin-top:310px;} #contents.kwangya119 .cp_protect .cpp_contents .cppc_protect > ul > li > strong {font-size:50px; font-weight:700; line-height:60px; letter-spacing:-2px; text-align:center; word-break:keep-all; text-transform:uppercase;} #contents.kwangya119 .cp_protect .cpp_contents .cppc_protect > ul > li > strong span {display:block;} #contents.kwangya119 .cp_protect .cpp_contents .cppc_protect > ul > li > p {display:inline-block; vertical-align:middle; width:100%; margin-top:30px; margin-bottom:80px; font-weight:300; letter-spacing:-1px; text-align:center; word-break:keep-all; text-transform:uppercase;} #contents.kwangya119 .cp_protect .cpp_contents .cppc_protect > ul > li > p span {display:block;} #contents.kwangya119 .cp_protect .cpp_contents .cppc_protect > ul > li > p span b {font-weight:700;} #contents.kwangya119 .cp_protect .cpp_contents .cppc_protect .cppcp_deco {display:flex; align-items:center; gap:10px; position:absolute; width:max-content; transform:scale(0.7); filter:blur(30px); opacity:0; transition:0.5s all;} #contents.kwangya119 .cp_protect .cpp_contents .cppc_protect .cppcp_deco.on {transform:scale(1); filter:blur(0); opacity:1;} #contents.kwangya119 .cp_protect .cpp_contents .cppc_protect .cppcp_deco i {width:100px; height:100px; background-size:contain; background-repeat:no-repeat; background-position:center;} #contents.kwangya119 .cp_protect .cpp_contents .cppc_protect .cppcp_deco p {display:inline-block; vertical-align:middle; overflow:hidden; height:100px; padding:0 50px; border-radius:80px; border:2px solid #FFF; background-color:rgba(255, 255, 255, 0.70); box-shadow:0 10px 40px 0 rgba(0, 0, 0, 0.04); backdrop-filter:blur(10px); text-overflow:ellipsis; font-size:24px; font-weight:300; line-height:100px; word-break:keep-all; letter-spacing:-0.96px;} #contents.kwangya119 .cp_protect .cpp_contents .cppc_protect .cppcp_deco p em {display:inline-block; vertical-align:middle; float:left; font-weight:700;} #contents.kwangya119 .cp_protect .cpp_contents .cppc_protect .cppcp_deco.t1 {top:-50px; left:50%; margin-left:-92px;} #contents.kwangya119 .cp_protect .cpp_contents .cppc_protect .cppcp_deco.t1 i {border-radius:100%; background-image:url('../images/project/kwangya119/icon_redvelvet.png'); box-shadow:0 20px 20px 0 rgba(255, 163, 140, 0.30);} #contents.kwangya119 .cp_protect .cpp_contents .cppc_protect .cppcp_deco.t1 p em {color:#FEA38C;} #contents.kwangya119 .cp_protect .cpp_contents .cppc_protect .cppcp_deco.t2 {bottom:92px; left:80px;} #contents.kwangya119 .cp_protect .cpp_contents .cppc_protect .cppcp_deco.t2 i {border-radius:100%; background-image:url('../images/project/kwangya119/icon_shinee.png'); box-shadow:0 20px 20px 0 rgba(166, 208, 211, 0.30);} #contents.kwangya119 .cp_protect .cpp_contents .cppc_protect .cppcp_deco.t2 p em {color:#A6D0D3;} /* kwangya119 - cp_history */ #contents.kwangya119 .cp_history {overflow:hidden; padding:200px 50px;} #contents.kwangya119 .cp_history {background-color:#fff;} #contents.kwangya119 .cp_history .cp_wrap {max-width:1440px;} #contents.kwangya119 .cp_history .cp_title strong {width:100%; font-size:100px; font-weight:700; line-height:110px; letter-spacing:-4px; text-align:center; word-break:keep-all; text-transform:uppercase;} #contents.kwangya119 .cp_history .cp_title strong em {display:inline-block; position:relative;} #contents.kwangya119 .cp_history .cp_title strong em:before {content:'KWANGYA 119'; display:flex; align-items:center; position:absolute; top:0; bottom:0; left:0; right:0; font-size:inherit; font-weight:inherit; line-height:inherit; letter-spacing:inherit; text-align:center; word-break:keep-all; text-transform:uppercase; opacity:1; transition:0; transition-delay:0.6s;} #contents.kwangya119 .cp_history .cp_title strong em span {background:linear-gradient(162deg, #C0EED3 22%, #B6C8EF 42%, #FCD1CB 59%, #F0B1DE 82%); background-size:100% auto; background-repeat:no-repeat; background-position:0 0; background-clip:text; -webkit-background-clip:text; color:transparent; -webkit-text-fill-color:transparent;} #contents.kwangya119 .cp_history .cp_title.aos-animate strong em:before {opacity:0; transition:0.6s all;} #contents.kwangya119 .cp_history .cp_imgwrap {width:100%; max-width:1100px; margin:0 auto; margin-top:clamp(35px, 7.8125vw, 150px);} #contents.kwangya119 .cp_history .cp_imgwrap img {width:100%;} #contents.kwangya119 .cp_history .cph_contents {display:flex; flex-direction:row; justify-content:center; gap:80px; margin-top:clamp(35px, 7.8125vw, 150px); background-image:url('../images/project/kwangya119/bg_history.png'); background-size:contain; background-repeat:no-repeat; background-position:center;} #contents.kwangya119 .cp_history .cph_contents ul {display:flex; flex-direction:column;} #contents.kwangya119 .cp_history .cph_contents ul:nth-child(1) li:nth-child(2), #contents.kwangya119 .cp_history .cph_contents ul:nth-child(2) li:nth-child(3) {margin-top:150px;} #contents.kwangya119 .cp_history .cph_contents ul:nth-child(2) li:nth-child(2) {margin-top:70px;} #contents.kwangya119 .cp_history .cph_contents ul li p {display:inline-block; vertical-align:middle; width:100%; margin-top:30px; font-size:35px; font-weight:400; line-height:55px; letter-spacing:-1.4px; text-align:left; word-break:keep-all; text-transform:uppercase;} #contents.kwangya119 .cp_history .cph_contents ul li p > span {display:block;} #contents.kwangya119 .cp_history .cph_contents ul li > span {display:inline-block; vertical-align:middle; width:100%; margin-top:30px; font-weight:400; color:rgba(30, 31, 36, 0.50); line-height:40px; text-align:left; word-break:keep-all;} #contents.kwangya119 .cp_history .cph_contents ul li img {width:100%; filter:drop-shadow(0 10px 10px rgba(30, 31, 36, 0.10));} /* kwangya119 - cp_responsive */ #contents.kwangya119 .cp_responsive {overflow:hidden; padding:200px 0 250px; background-color:#fff; background-image:url('../images/project/kwangya119/bg_responsive.jpg'); background-size:cover; background-repeat:no-repeat; background-position:center;} #contents.kwangya119 .cp_responsive .cpr_marquee {overflow:hidden;} #contents.kwangya119 .cp_responsive .cpr_marquee.t1 {padding:343px 0 412px;} #contents.kwangya119 .cp_responsive .cpr_marquee.t1 ul {overflow:hidden; display:flex; justify-content:center; align-items:center; position:relative; width:100%; height:200px;} #contents.kwangya119 .cp_responsive .cpr_marquee.t1 ul li {display:flex; white-space:nowrap; animation:marquee-left 15s linear infinite; font-size:200px; font-weight:500; line-height:200px; letter-spacing:-8px; text-transform:uppercase;} #contents.kwangya119 .cp_responsive .cpr_marquee.t1 ul li span {display:inline-block; vertical-align:middle; margin-right:30px;} #contents.kwangya119 .cp_responsive .cpr_marquee.t2 {margin-top:250px;} #contents.kwangya119 .cp_responsive .cpr_marquee.t2 > ul > li {position:relative; width:100%;} #contents.kwangya119 .cp_responsive .cpr_marquee.t2 > ul > li:nth-child(1) {height:750px;} #contents.kwangya119 .cp_responsive .cpr_marquee.t2 > ul > li:nth-child(2) {padding:560px 0 180px;} #contents.kwangya119 .cp_responsive .cpr_marquee.t2 > ul > li:nth-child(3) {height:750px; margin-top:130px;} #contents.kwangya119 .cp_responsive .cpr_marquee.t2 > ul > li > ul {overflow:hidden; display:flex; justify-content:center; align-items:center; position:relative; width:100%; height:200px;} #contents.kwangya119 .cp_responsive .cpr_marquee.t2 > ul > li > ul > li {display:flex; white-space:nowrap; animation:marquee-left 15s linear infinite; text-align:justify; -webkit-text-stroke-width:1.4px; -webkit-text-stroke-color:#111426; /*text-shadow:#111426 1px 0px 0px, #111426 0.944957px 0.327195px 0px, #111426 0.785887px 0.61837px 0px, #111426 0.540303px 0.84147px 0px, #111426 0.235238px 0.971937px 0px, #111426 -0.095724px 0.995407px 0px, #111426 -0.416147px 0.909297px 0px, #111426 -0.690757px 0.723087px 0px, #111426 -0.889327px 0.457273px 0px, #111426 -0.989993px 0.14112px 0px, #111426 -0.981673px -0.190568px 0px, #111426 -0.865287px -0.501277px 0px, #111426 -0.653643px -0.756803px 0px, #111426 -0.370043px -0.929013px 0px, #111426 -0.045706px -0.998953px 0px, #111426 0.283662px -0.958924px 0px, #111426 0.581803px -0.81333px 0px, #111426 0.815897px -0.578197px 0px, #111426 0.96017px -0.279415px 0px, #111426 0.96017px -0.279415px 0px; */ font-size:200px; font-weight:500; color:transparent; line-height:200px; letter-spacing:-8px; text-transform:uppercase; opacity:0.2;} #contents.kwangya119 .cp_responsive .cpr_marquee.t2 > ul > li > ul > li span {display:inline-block; vertical-align:middle; margin-right:30px;} #contents.kwangya119 .cp_responsive .cpr_marquee .cprm_deco {display:inline-block; vertical-align:middle; position:absolute; z-index:1; background-size:cover; background-repeat:no-repeat; background-position:center;} #contents.kwangya119 .cp_responsive .cpr_marquee .cprm_deco.t1 {top:0; left:50%; width:100%; max-width:1432px; margin-left:-716px; aspect-ratio:1432/955;} #contents.kwangya119 .cp_responsive .cpr_marquee .cprm_deco.t1 i {position:absolute; top:0; bottom:0; left:0; right:0; z-index:2; background-image:url('../images/project/kwangya119/pic_responsive01.png'); background-size:cover; background-repeat:no-repeat; background-position:center;} #contents.kwangya119 .cp_responsive .cpr_marquee .cprm_deco.t2 {top:0; right:50%; width:964px; margin-right:-84px; background-image:url('../images/project/kwangya119/pic_responsive02.png'); aspect-ratio:964/750;} #contents.kwangya119 .cp_responsive .cpr_marquee .cprm_deco.t3 {top:-300px; left:50%; width:412px; margin-left:500px; background-image:url('../images/project/kwangya119/pic_responsive03.png'); aspect-ratio:412/800;} #contents.kwangya119 .cp_responsive .cpr_marquee .cprm_deco.t4 {top:140px; left:50%; width:412px; margin-left:48px; background-image:url('../images/project/kwangya119/pic_responsive04.png'); aspect-ratio:412/800;} #contents.kwangya119 .cp_responsive .cpr_marquee .cprm_deco.t5 {top:0; left:50%; width:964px; margin-left:-482px; background-image:url('../images/project/kwangya119/pic_responsive05.png'); aspect-ratio:964/750;} #contents.kwangya119 .cp_responsive .cpr_marquee .cprm_deco .cprmd_video {position:absolute; top:13%; left:13%; right:13%;} #contents.kwangya119 .cp_responsive .cpr_marquee .cprm_deco .cprmd_video video {width:100%;} /* kwangya119 - cp_slogan */ #contents.kwangya119 .cp_slogan {overflow:hidden; padding:120px 80px; background-color:#111427; transition:0.1s; transition-delay:0.3s;} #contents.kwangya119 .cp_slogan.on {background-color:#fff; transition:0.5s all;} #contents.kwangya119 .cp_slogan .cps_contents {box-sizing:border-box; position:relative;} #contents.kwangya119 .cp_slogan .cps_contents strong {font-size:clamp(34px, 10.6vw, 210px); font-weight:300; line-height:clamp(38px, 11.9792vw, 230px); letter-spacing:clamp(-8.4px, -0.4375vw, -0.5px); word-break:keep-all; text-transform:uppercase;} #contents.kwangya119 .cp_slogan .cps_contents strong span {display:block;} #contents.kwangya119 .cp_slogan .cps_contents strong span:nth-child(1) {text-align:left;} #contents.kwangya119 .cp_slogan .cps_contents strong span:nth-child(2) {text-align:right; -webkit-text-stroke-width:1.4px; -webkit-text-stroke-color:#111426; /*text-shadow:#111426 1px 0px 0px, #111426 0.944957px 0.327195px 0px, #111426 0.785887px 0.61837px 0px, #111426 0.540303px 0.84147px 0px, #111426 0.235238px 0.971937px 0px, #111426 -0.095724px 0.995407px 0px, #111426 -0.416147px 0.909297px 0px, #111426 -0.690757px 0.723087px 0px, #111426 -0.889327px 0.457273px 0px, #111426 -0.989993px 0.14112px 0px, #111426 -0.981673px -0.190568px 0px, #111426 -0.865287px -0.501277px 0px, #111426 -0.653643px -0.756803px 0px, #111426 -0.370043px -0.929013px 0px, #111426 -0.045706px -0.998953px 0px, #111426 0.283662px -0.958924px 0px, #111426 0.581803px -0.81333px 0px, #111426 0.815897px -0.578197px 0px, #111426 0.96017px -0.279415px 0px, #111426 0.96017px -0.279415px 0px; */ color:transparent;} #contents.kwangya119 .cp_slogan .cps_contents strong span:nth-child(3) {text-align:right;} #contents.kwangya119 .cp_slogan .cps_contents strong span:nth-child(4) {margin-left:225px; -webkit-text-stroke-width:1.4px; -webkit-text-stroke-color:#111426; /*text-shadow:#111426 1px 0px 0px, #111426 0.944957px 0.327195px 0px, #111426 0.785887px 0.61837px 0px, #111426 0.540303px 0.84147px 0px, #111426 0.235238px 0.971937px 0px, #111426 -0.095724px 0.995407px 0px, #111426 -0.416147px 0.909297px 0px, #111426 -0.690757px 0.723087px 0px, #111426 -0.889327px 0.457273px 0px, #111426 -0.989993px 0.14112px 0px, #111426 -0.981673px -0.190568px 0px, #111426 -0.865287px -0.501277px 0px, #111426 -0.653643px -0.756803px 0px, #111426 -0.370043px -0.929013px 0px, #111426 -0.045706px -0.998953px 0px, #111426 0.283662px -0.958924px 0px, #111426 0.581803px -0.81333px 0px, #111426 0.815897px -0.578197px 0px, #111426 0.96017px -0.279415px 0px, #111426 0.96017px -0.279415px 0px; */ color:transparent; text-align:left;} #contents.kwangya119 .cp_slogan .cps_contents .cpsc_deco {position:absolute; bottom:30px; left:50%; background-size:cover; background-repeat:no-repeat; background-position:center; opacity:0; transition:0; transition-delay:unset;} #contents.kwangya119 .cp_slogan.on .cps_contents .cpsc_deco {bottom:60px; opacity:1; transition:0.8s all; transition-delay:0.5s;} #contents.kwangya119 .cp_slogan .cps_contents .cpsc_deco.t1 {z-index:2; width:554px; margin-left:-459px; background-image:url('../images/project/kwangya119/pic_slogan01.png'); animation:floating01 3s ease-in-out infinite; aspect-ratio:554/820;} #contents.kwangya119 .cp_slogan .cps_contents .cpsc_deco.t2 {z-index:1; width:506px; margin-left:-96px; background-image:url('../images/project/kwangya119/pic_slogan02.png'); animation:floating02 3s ease-in-out infinite; aspect-ratio:506/785;} /* drmartens - common */ #contents.drmartens {background-color:#fff; background-image:url('../images/project/drmartens/bg.png'); background-size:506px 881px; background-repeat:repeat; background-position:left top; font-family:"Oswald", 'Pretendard', sans-serif;} #contents.drmartens .text, #contents.drmartens .cp_text, #contents.drmartens .cp_title {font-family:"Oswald", 'Pretendard', sans-serif !important; word-break:keep-all;} #contents.drmartens .cp_title {font-size:50px; font-weight:700; color:#111426; line-height:70px; letter-spacing:-1px; text-transform:uppercase; word-break:keep-all;} #contents.drmartens .cp_title > span {display:block;} #contents.drmartens .cp_title .emphasis {position:relative; z-index:1; color:#FFE512; white-space:nowrap;} #contents.drmartens .cp_title .emphasis:before {content:''; position:absolute; top:8px; bottom:-7px; left:-7px; right:calc(100% + 7px); z-index:-1; background-image:url('../images/project/drmartens/bg_title.jpg'); background-size:cover; background-repeat:no-repeat; background-position:center left; transition:0.5s all;} #contents.drmartens .aos-animate .cp_title .emphasis:before {right:-6px; transition-delay:0.5s;} #contents.drmartens .cp_text {font-size:25px; font-weight:500; color:#111426; line-height:40px; letter-spacing:-0.5px; word-break:keep-all;} #contents.drmartens .cp_text > span {display:block;} #contents.drmartens .cp_text > span span {display:inline-block;} /* drmartens - cp_brand */ #contents.drmartens .cp_brand {overflow:hidden; position:relative; padding:120px 0 220px;} #contents.drmartens .cp_brand .cp_wrap {max-width:1440px;} #contents.drmartens .cp_brand .cp_txtwrap {display:flex; flex-direction:column; gap:20px; text-align:left;} #contents.drmartens .cp_brand .cp_txtwrap .cp_text > span span {display:block;} #contents.drmartens .cp_brand .cp_imgwrap {display:flex; flex-direction:row; justify-content:space-between; align-items:flex-end; margin-top:665px;} #contents.drmartens .cp_brand .cp_imgwrap img:nth-child(1) {width:100%; max-width:736px;} #contents.drmartens .cp_brand .cp_imgwrap img:nth-child(2) {position:relative; bottom:-67px; width:100%; max-width:278px;} #contents.drmartens .cp_brand .cpb_deco {position:absolute; top:0; bottom:0; left:0; right:0; pointer-events:none;} #contents.drmartens .cp_brand .cpb_deco .icon {position:absolute; background-size:cover; background-repeat:no-repeat; background-position:center;} #contents.drmartens .cp_brand .cpb_deco .icon.t1 {display:inline-block; vertical-align:middle; top:-70px; right:78px; width:238px; height:auto; background-image:url('../images/project/drmartens/deco_brand01.svg'); aspect-ratio:238/292; animation:blinking01 1s steps(1, end) infinite; transform-origin:center;} #contents.drmartens .cp_brand .cpb_deco .icon.t2 {display:inline-block; vertical-align:middle; bottom:985px; left:365px; width:194px; height:auto; background-image:url('../images/project/drmartens/deco_brand02.svg'); aspect-ratio:194/201; animation:blinking02 1s steps(1, end) infinite; transform-origin:center;} #contents.drmartens .cp_brand .cpb_deco .icon.t3 {display:inline-block; vertical-align:middle; bottom:692px; left:30px; width:224px; height:auto; background-image:url('../images/project/drmartens/deco_brand03.svg'); aspect-ratio:224/168; animation:blinking03 1s steps(1, end) infinite; transform-origin:center;} /* drmartens - cp_rule */ #contents.drmartens .cp_rule {position:relative;} #contents.drmartens .cp_rule .cp_wrap {max-width:1440px; text-align:left;} #contents.drmartens .cp_rule .cp_txtwrap {display:flex; flex-direction:column; gap:20px; text-align:left;} #contents.drmartens .cp_rule .cp_txtwrap .cp_text > span span {display:block;} #contents.drmartens .cp_rule .cpr_contents {display:flex; flex-wrap:wrap; row-gap:110px; margin-top:120px;} #contents.drmartens .cp_rule .cpr_contents li {position:relative; width:50%; text-align:left;} #contents.drmartens .cp_rule .cpr_contents li strong {display:block; font-size:80px; font-weight:500; color:#111426; line-height:90px; letter-spacing:-1.6px; word-break:keep-all;} #contents.drmartens .cp_rule .cpr_contents li p {box-sizing:border-box; font-size:25px; font-weight:500; color:#111426; line-height:40px; letter-spacing:-0.5px; word-break:keep-all;} #contents.drmartens .cp_rule .cpr_contents li:nth-child(1) p, #contents.drmartens .cp_rule .cpr_contents li:nth-child(3) p {padding-right:20px;} #contents.drmartens .cp_rule .cpr_contents li p > span {display:block;} #contents.drmartens .cp_rule .cpr_contents li p > span span {display:inline-block;} #contents.drmartens .cp_rule .cpr_contents li em {position:absolute; top:-26px; left:3px; padding:5px 10px; font-size:20px; font-weight:700; color:#FFE512; line-height:20px; letter-spacing:-0.4px; background-image:url('../images/project/drmartens/bg_number.jpg'); background-size:cover; background-repeat:no-repeat; background-position:center;} #contents.drmartens .cp_rule .cp_imgwrap {display:inline-block; vertical-align:middle; position:relative; margin-top:210px;} #contents.drmartens .cp_rule .cp_imgwrap:before {content:''; display:inline-block; vertical-align:middle; position:absolute; top:17px; right:-195px; z-index:1; width:332px; height:auto; background-image:url('../images/project/drmartens/deco_rule01.svg'); background-size:cover; background-repeat:no-repeat; background-position:center; aspect-ratio:332/283; animation:blinking01 1s steps(1, end) infinite; transform-origin:center;} #contents.drmartens .cp_rule .cp_imgwrap:after {content:''; display:inline-block; vertical-align:middle; position:absolute; bottom:-42px; left:-68px; z-index:1; width:285px; height:auto; background-image:url('../images/project/drmartens/deco_rule02.svg'); background-size:cover; background-repeat:no-repeat; background-position:center; aspect-ratio:285/132; animation:blinking02 1s steps(1, end) infinite; transform-origin:center;} #contents.drmartens .cp_rule .cp_imgwrap img {float:left; width:100%; max-width:605px;} #contents.drmartens .cp_rule .cpr_deco {position:absolute; top:-65px; right:-90px; width:582px; aspect-ratio:582/377; opacity:1 !important;} #contents.drmartens .cp_rule .cpr_deco img {width:100%;} #contents.drmartens .cp_rule .cpr_deco .deco_line {position:absolute; top:0; left:0; background-size:cover; background-repeat:no-repeat; mix-blend-mode:multiply;} #contents.drmartens .cp_rule .cpr_deco .deco_line.t1 {right:100%; bottom:0; background-image:url('../images/project/drmartens/line_rule01.png'); background-position:left center;} #contents.drmartens .cp_rule .cpr_deco .deco_line.t2 {right:100%; bottom:0; background-image:url('../images/project/drmartens/line_rule02.png'); background-position:left center;} #contents.drmartens .cp_rule .cpr_deco .deco_line.t3 {right:0; bottom:100%; background-image:url('../images/project/drmartens/line_rule03.png'); background-position:top center;} #contents.drmartens .cp_rule .cpr_deco .deco_line.t4 {right:0; bottom:100%; background-image:url('../images/project/drmartens/line_rule04.png'); background-position:top center;} #contents.drmartens .cp_rule .cpr_deco.aos-animate .deco_line.t1 {right:0; transition:0.5s all; transition-delay:0;} #contents.drmartens .cp_rule .cpr_deco.aos-animate .deco_line.t2 {right:0; transition:0.5s all; transition-delay:0.2s;} #contents.drmartens .cp_rule .cpr_deco.aos-animate .deco_line.t3 {bottom:0; transition:0.5s all; transition-delay:0.6s;} #contents.drmartens .cp_rule .cpr_deco.aos-animate .deco_line.t4 {bottom:0; transition:0.5s all; transition-delay:0.8s;} /* drmartens - cp_online */ #contents.drmartens .cp_online {padding:0;} #contents.drmartens .cp_online .cpo_top {display:flex; align-items:center; padding:160px 0;} #contents.drmartens .cp_online .cpo_top .cp_txtwrap {width:50%;} #contents.drmartens .cp_online .cpo_top .cp_txtwrap p {font-weight:400; text-transform:uppercase;} #contents.drmartens .cp_online .cpo_top .cp_txtwrap p > span span {display:block;} #contents.drmartens .cp_online .cpo_top .cp_imgwrap {width:50%;} #contents.drmartens .cp_online .cpo_top .cp_imgwrap img {width:100%;} #contents.drmartens .cp_online .cpo_bottom {position:relative; padding:320px 0 120px;} #contents.drmartens .cp_online .cpo_bottom .cp_txtwrap {display:flex; flex-direction:row; justify-content:center; align-items:center; overflow:hidden; position:absolute; left:50%; top:56px; box-sizing:border-box; width:798px; margin-left:-384px; background-image:url('../images/project/drmartens/deco_online01.svg'); background-size:cover; background-repeat:no-repeat; background-position:right center; clip-path:rect(0 0 100% 0 round 0); aspect-ratio:798/229; transition:0.6s all;} #contents.drmartens .cp_online .cpo_bottom .cp_txtwrap.aos-animate {clip-path:rect(0 100% 100% 0 round 0);} #contents.drmartens .cp_online .cpo_bottom .cp_txtwrap p {margin-top:-20px; font-weight:400; text-transform:uppercase; white-space:nowrap;} #contents.drmartens .cp_online .cpo_bottom .cp_imgwrap {position:relative; width:100%; max-width:800px; margin:0 auto;} #contents.drmartens .cp_online .cpo_bottom .cp_imgwrap img {position:relative; width:100%;} #contents.drmartens .cp_online .cpo_bottom .cp_imgwrap img:nth-child(2) {position:absolute; width:100%; top:0; left:0;} /* drmartens - cp_design */ #contents.drmartens .cp_design {overflow:hidden; padding:0;} #contents.drmartens .cp_design .cpd_top {display:flex; background-color:#f6f6f6;} #contents.drmartens .cp_design .cpd_top .cp_imgwrap {width:50%;} #contents.drmartens .cp_design .cpd_top .cp_imgwrap img {width:100%;} #contents.drmartens .cp_design .cpd_top .cpdt_thumbnail {position:relative; width:50%; opacity:1 !important;} #contents.drmartens .cp_design .cpd_top .cpdt_thumbnail .cpdtt_img {position:absolute; top:50%; left:50%; width:190px; margin-top:-168px; margin-left:-95px;} #contents.drmartens .cp_design .cpd_top .cpdt_thumbnail .cpdtt_img img {width:100%;} #contents.drmartens .cp_design .cpd_top .cpdt_thumbnail .cpddt_info {display:flex; flex-direction:column; align-items:flex-start; position:absolute; top:0; left:0; width:100%; padding-top:125%;} #contents.drmartens .cp_design .cpd_top .cpdt_thumbnail .cpddt_info p {padding:3px 0; font-size:14px; font-weight:700; color:#000; line-height:20px; text-align:left;} #contents.drmartens .cp_design .cpd_top .cpdt_thumbnail .cpddt_info em {display:inline-block; vertical-align:middle; position:relative; width:100px; height:20px; margin:3px 0;} #contents.drmartens .cp_design .cpd_top .cpdt_thumbnail .cpddt_info em:before {content:''; display:inline-block; vertical-align:middle; position:absolute; top:1px; bottom:1px; left:0; right:100%; z-index:0; background-color:#000;} #contents.drmartens .cp_design .cpd_top .cpdt_thumbnail.aos-animate .cpddt_info em:before {right:10%; transition:1.4s all; transition-delay:1.2s; transition-timing-function:linear;} #contents.drmartens .cp_design .cpd_top .cpdt_thumbnail .cpddt_info em:after {content:''; display:inline-block; vertical-align:middle; position:relative; top:0; left:0; z-index:1; width:100%; height:100%; background-image:url('../images/project/drmartens/deco_design02.png'); background-size:contain; background-repeat:no-repeat; background-position:left center;} #contents.drmartens .cp_design .cpd_top .cpdt_thumbnail .cpddt_info i {display:inline-block; vertical-align:middle; width:15px; height:15px; margin-top:10px; border:1px solid #000; background-color:#fff;} #contents.drmartens .cp_design .cpd_top .cpdt_thumbnail.aos-animate .cpddt_info i {background-color:#B24747; transition:0.5s all; transition-delay:2.8s;} #contents.drmartens .cp_design .cpd_bottom {display:flex; flex-direction:row; flex-wrap:wrap; max-width:1440px; margin:0 auto; padding:120px 0;} #contents.drmartens .cp_design .cpd_bottom > strong {display:block; width:100%; font-family:Oswald; font-size:25px; font-weight:700; color:#111426; line-height:40px; letter-spacing:-0.5px; text-align:left;} #contents.drmartens .cp_design .cpd_bottom .cpdb_en {display:inline-block; vertical-align:middle; width:50%; margin-top:40px;} #contents.drmartens .cp_design .cpd_bottom .cpdb_en strong {display:block; width:100%; font-family:Oswald; font-size:500px; font-weight:400; color:#111426; line-height:500px; letter-spacing:-10px; text-align:left;} #contents.drmartens .cp_design .cpd_bottom .cpdb_en p {display:block; width:100%; margin-top:60px; font-family:Oswald; font-size:25px; font-weight:700; color:#111426; line-height:40px; letter-spacing:-0.5px; text-align:left;} #contents.drmartens .cp_design .cpd_bottom .cpdb_en ul {display:block; width:100%; margin-top:20px; text-align:left;} #contents.drmartens .cp_design .cpd_bottom .cpdb_en li {font-family:Oswald; font-size:25px; color:#111426; line-height:40px; letter-spacing:-0.5px;} #contents.drmartens .cp_design .cpd_bottom .cpdb_en li:nth-child(1) {font-weight:700;} #contents.drmartens .cp_design .cpd_bottom .cpdb_en li:nth-child(2) {font-weight:600;} #contents.drmartens .cp_design .cpd_bottom .cpdb_en li:nth-child(3) {font-weight:500;} #contents.drmartens .cp_design .cpd_bottom .cpdb_en li:nth-child(4) {font-weight:300;} #contents.drmartens .cp_design .cpd_bottom .cpdb_kr {display:inline-block; vertical-align:middle; width:50%; margin-top:40px;} #contents.drmartens .cp_design .cpd_bottom .cpdb_kr strong {display:block; width:100%; font-family:Pretendard; font-size:450px; font-weight:600; color:#111426; line-height:500px; letter-spacing:-9px; text-align:left;} #contents.drmartens .cp_design .cpd_bottom .cpdb_kr strong span {font-size:300px; font-weight:700; line-height:300px; letter-spacing:-6px;} #contents.drmartens .cp_design .cpd_bottom .cpdb_kr p {display:block; width:100%; margin-top:60px; font-family:Pretendard; font-size:25px; font-weight:700; color:#111426; line-height:40px; letter-spacing:-0.5px; text-align:left;} #contents.drmartens .cp_design .cpd_bottom .cpdb_kr ul {display:block; width:100%; margin-top:20px; text-align:left;} #contents.drmartens .cp_design .cpd_bottom .cpdb_kr li {font-family:Pretendard; font-size:25px; font-weight:600; color:#111426; line-height:40px; letter-spacing:-0.5px;} #contents.drmartens .cp_design .cpd_bottom .cpdb_kr li:nth-child(1) {font-weight:700;} #contents.drmartens .cp_design .cpd_bottom .cpdb_kr li:nth-child(2) {font-weight:500;} #contents.drmartens .cp_design .cpd_bottom .cpdb_kr li:nth-child(3) {font-weight:400;} #contents.drmartens .cp_design .cpd_bottom .cpdb_kr li:nth-child(4) {font-weight:300;} #contents.drmartens .cp_design .cpd_bottom .cpdb_icon {display:block; width:100%; margin-top:120px;} #contents.drmartens .cp_design .cpd_bottom .cpdb_icon ul {display:flex; flex-wrap:wrap; row-gap:70px; position:relative; opacity:1 !important;} #contents.drmartens .cp_design .cpd_bottom .cpdb_icon li {width:90px; height:90px; padding-right:calc(25% - 112.5px);} #contents.drmartens .cp_design .cpd_bottom .cpdb_icon li:nth-child(5n) {padding-right:0;} #contents.drmartens .cp_design .cpd_bottom .cpdb_icon li:nth-child(1):before {content:''; position:absolute; top:0; left:-70px; right:calc(100% + 70px); height:1px; background-color:#000; opacity:0.1;} #contents.drmartens .cp_design .cpd_bottom .cpdb_icon li:nth-child(1):after {content:''; position:absolute; top:90px; left:-70px; right:calc(100% + 70px); height:1px; background-color:#000; opacity:0.1;} #contents.drmartens .cp_design .cpd_bottom .cpdb_icon li:nth-child(6):before {content:''; position:absolute; top:160px; left:-70px; right:calc(100% + 70px); height:1px; background-color:#000; opacity:0.1;} #contents.drmartens .cp_design .cpd_bottom .cpdb_icon li:nth-child(6):after {content:''; position:absolute; top:250px; left:-70px; right:calc(100% + 70px); height:1px; background-color:#000; opacity:0.1;} #contents.drmartens .cp_design .cpd_bottom .cpdb_icon li:nth-child(11):before {content:''; position:absolute; top:320px; left:-70px; right:calc(100% + 70px); height:1px; background-color:#000; opacity:0.1;} #contents.drmartens .cp_design .cpd_bottom .cpdb_icon li:nth-child(11):after {content:''; position:absolute; top:410px; left:-70px; right:calc(100% + 70px); height:1px; background-color:#000; opacity:0.1;} #contents.drmartens .cp_design .cpd_bottom .cpdb_icon li:nth-child(1) i:before {content:''; position:absolute; top:-70px; bottom:calc(100% + 70px); left:0; width:1px; background-color:#000; opacity:0.1;} #contents.drmartens .cp_design .cpd_bottom .cpdb_icon li:nth-child(1) i:after {content:''; position:absolute; top:-70px; bottom:calc(100% + 70px); left:90px; width:1px; background-color:#000; opacity:0.1;} #contents.drmartens .cp_design .cpd_bottom .cpdb_icon li:nth-child(2) i:before {content:''; position:absolute; top:-70px; bottom:calc(100% + 70px); left:calc(25% - 22.5px); width:1px; background-color:#000; opacity:0.1;} #contents.drmartens .cp_design .cpd_bottom .cpdb_icon li:nth-child(2) i:after {content:''; position:absolute; top:-70px; bottom:calc(100% + 70px); left:calc(25% + 67.5px); width:1px; background-color:#000; opacity:0.1;} #contents.drmartens .cp_design .cpd_bottom .cpdb_icon li:nth-child(3) i:before {content:''; position:absolute; top:-70px; bottom:calc(100% + 70px); left:calc(50% - 45px); width:1px; background-color:#000; opacity:0.1;} #contents.drmartens .cp_design .cpd_bottom .cpdb_icon li:nth-child(3) i:after {content:''; position:absolute; top:-70px; bottom:calc(100% + 70px); left:calc(50% + 45px); width:1px; background-color:#000; opacity:0.1;} #contents.drmartens .cp_design .cpd_bottom .cpdb_icon li:nth-child(4) i:before {content:''; position:absolute; top:-70px; bottom:calc(100% + 70px); right:calc(25% - 22.5px); width:1px; background-color:#000; opacity:0.1;} #contents.drmartens .cp_design .cpd_bottom .cpdb_icon li:nth-child(4) i:after {content:''; position:absolute; top:-70px; bottom:calc(100% + 70px); right:calc(25% + 67.5px); width:1px; background-color:#000; opacity:0.1;} #contents.drmartens .cp_design .cpd_bottom .cpdb_icon li:nth-child(5) i:before {content:''; position:absolute; top:-70px; bottom:calc(100% + 70px); right:0; width:1px; background-color:#000; opacity:0.1;} #contents.drmartens .cp_design .cpd_bottom .cpdb_icon li:nth-child(5) i:after {content:''; position:absolute; top:-70px; bottom:calc(100% + 70px); right:90px; width:1px; background-color:#000; opacity:0.1;} #contents.drmartens .cp_design .cpd_bottom .cpdb_icon ul.aos-animate li:nth-child(1):before {right:-70px; transition:1.6s all; transition-delay:0;} #contents.drmartens .cp_design .cpd_bottom .cpdb_icon ul.aos-animate li:nth-child(1):after {right:-70px; transition:1.6s all; transition-delay:0.2s;} #contents.drmartens .cp_design .cpd_bottom .cpdb_icon ul.aos-animate li:nth-child(6):before {right:-70px; transition:1.6s all; transition-delay:0.4s;} #contents.drmartens .cp_design .cpd_bottom .cpdb_icon ul.aos-animate li:nth-child(6):after {right:-70px; transition:1.6s all; transition-delay:0.6s;} #contents.drmartens .cp_design .cpd_bottom .cpdb_icon ul.aos-animate li:nth-child(11):before {right:-70px; transition:1.6s all; transition-delay:0.8s;} #contents.drmartens .cp_design .cpd_bottom .cpdb_icon ul.aos-animate li:nth-child(11):after {right:-70px; transition:1.6s all; transition-delay:1s;} #contents.drmartens .cp_design .cpd_bottom .cpdb_icon ul.aos-animate li:nth-child(1) i:before {bottom:-70px; transition:1.6s all; transition-delay:0.2s;} #contents.drmartens .cp_design .cpd_bottom .cpdb_icon ul.aos-animate li:nth-child(1) i:after {bottom:-70px; transition:1.6s all; transition-delay:0.4s;} #contents.drmartens .cp_design .cpd_bottom .cpdb_icon ul.aos-animate li:nth-child(2) i:before {bottom:-70px; transition:1.6s all; transition-delay:0.6s;} #contents.drmartens .cp_design .cpd_bottom .cpdb_icon ul.aos-animate li:nth-child(2) i:after {bottom:-70px; transition:1.6s all; transition-delay:0.8s;} #contents.drmartens .cp_design .cpd_bottom .cpdb_icon ul.aos-animate li:nth-child(3) i:before {bottom:-70px; transition:1.6s all; transition-delay:1s;} #contents.drmartens .cp_design .cpd_bottom .cpdb_icon ul.aos-animate li:nth-child(3) i:after {bottom:-70px; transition:1.6s all; transition-delay:1.2s;} #contents.drmartens .cp_design .cpd_bottom .cpdb_icon ul.aos-animate li:nth-child(4) i:after {bottom:-70px; transition:1.6s all; transition-delay:1.4s;} #contents.drmartens .cp_design .cpd_bottom .cpdb_icon ul.aos-animate li:nth-child(4) i:before {bottom:-70px; transition:1.6s all; transition-delay:1.6s;} #contents.drmartens .cp_design .cpd_bottom .cpdb_icon ul.aos-animate li:nth-child(5) i:after {bottom:-70px; transition:1.6s all; transition-delay:1.8s;} #contents.drmartens .cp_design .cpd_bottom .cpdb_icon ul.aos-animate li:nth-child(5) i:before {bottom:-70px; transition:1.6s all; transition-delay:2s;} #contents.drmartens .cp_design .cpd_bottom .cpdb_icon .icon {width:100%; height:100%; padding:0; border-radius:0; background-color:transparent; background-size:cover; background-repeat:no-repeat; background-position:center;} #contents.drmartens .cp_design .cpd_bottom .cpdb_icon .icon.arrow {background-image:url('../images/project/drmartens/icon_design01.svg');} #contents.drmartens .cp_design .cpd_bottom .cpdb_icon .icon.filter {background-image:url('../images/project/drmartens/icon_design02.svg');} #contents.drmartens .cp_design .cpd_bottom .cpdb_icon .icon.thumbnail {background-image:url('../images/project/drmartens/icon_design03.svg');} #contents.drmartens .cp_design .cpd_bottom .cpdb_icon .icon.list {background-image:url('../images/project/drmartens/icon_design04.svg');} #contents.drmartens .cp_design .cpd_bottom .cpdb_icon .icon.sort {background-image:url('../images/project/drmartens/icon_design05.svg');} #contents.drmartens .cp_design .cpd_bottom .cpdb_icon .icon.calendar {background-image:url('../images/project/drmartens/icon_design06.svg');} #contents.drmartens .cp_design .cpd_bottom .cpdb_icon .icon.gift {background-image:url('../images/project/drmartens/icon_design07.svg');} #contents.drmartens .cp_design .cpd_bottom .cpdb_icon .icon.card {background-image:url('../images/project/drmartens/icon_design08.svg');} #contents.drmartens .cp_design .cpd_bottom .cpdb_icon .icon.exchange {background-image:url('../images/project/drmartens/icon_design09.svg');} #contents.drmartens .cp_design .cpd_bottom .cpdb_icon .icon.delivery {background-image:url('../images/project/drmartens/icon_design10.svg');} #contents.drmartens .cp_design .cpd_bottom .cpdb_icon .icon.setting {background-image:url('../images/project/drmartens/icon_design11.svg');} #contents.drmartens .cp_design .cpd_bottom .cpdb_icon .icon.ticket {background-image:url('../images/project/drmartens/icon_design12.svg');} #contents.drmartens .cp_design .cpd_bottom .cpdb_icon .icon.archive {background-image:url('../images/project/drmartens/icon_design13.svg');} #contents.drmartens .cp_design .cpd_bottom .cpdb_icon .icon.tags {background-image:url('../images/project/drmartens/icon_design14.svg');} #contents.drmartens .cp_design .cpd_bottom .cpdb_icon .icon.eye {background-image:url('../images/project/drmartens/icon_design15.svg');} /* drmartens - cp_experience */ #contents.drmartens .cp_experience {overflow:hidden;} #contents.drmartens .cp_experience .cp_wrap {max-width:1440px;} #contents.drmartens .cp_experience .cp_txtwrap {display:flex; flex-direction:column; gap:20px;} #contents.drmartens .cp_experience .cp_imgwrap {margin-top:120px;} #contents.drmartens .cp_experience .cp_imgwrap ul {display:flex; flex-direction:row; justify-content:space-between; align-items:center;} #contents.drmartens .cp_experience .cp_imgwrap li {display:flex; flex-direction:column; align-items:center; position:relative;} #contents.drmartens .cp_experience .cp_imgwrap li img {width:300px; margin-top:140px; filter:drop-shadow(0 20px 20px rgba(0, 0, 0, 0.10)) drop-shadow(0 40px 20px rgba(0, 0, 0, 0.15));} #contents.drmartens .cp_experience .cp_imgwrap li:nth-child(2) img:nth-child(1) {position:relative; z-index:1; width:443px; margin-top:0;} #contents.drmartens .cp_experience .cp_imgwrap li:nth-child(2) video {position:absolute; top:3.4%; left:4%; z-index:0; width:92.5%; border-radius:0 0 8% 8%;} #contents.drmartens .cp_experience .cp_wrap .cpe_shoes {display:inline-block; vertical-align:middle; position:relative; margin-top:120px; font-size:60px; font-weight:500; color:#111426; line-height:90px; letter-spacing:-1.2px; text-align:center; opacity:1 !important; word-break:keep-all;} #contents.drmartens .cp_experience .cp_wrap .cpe_shoes:after {content:''; position:absolute; top:79px; left:109px; width:375px; height:107px; background-image:url('../images/project/drmartens/deco_experience03.svg'); background-size:cover; background-repeat:no-repeat; background-position:top center; opacity:0; animation:blinking02 1s steps(1, end) infinite; transform-origin:center;} #contents.drmartens .cp_experience .cp_wrap .cpe_shoes:before {content:''; position:absolute; top:68px; right:-3px; width:125px; height:23px; background-image:url('../images/project/drmartens/deco_experience02.svg'); background-size:cover; background-repeat:no-repeat; background-position:top center; opacity:0; animation:blinking03 1s steps(1, end) infinite; transform-origin:center;} #contents.drmartens .cp_experience .cp_wrap .cpe_shoes.aos-animate:before {opacity:1; transition:0.5s all; transition-delay:0.7s;} #contents.drmartens .cp_experience .cp_wrap .cpe_shoes.aos-animate:after {opacity:1; transition:0.5s all; transition-delay:0.7s;} #contents.drmartens .cp_experience .cp_wrap .cpe_shoes span {display:flex; justify-content:center; align-items:center;} #contents.drmartens .cp_experience .cp_wrap .cpe_shoes .cpes_deco {display:inline-block; vertical-align:middle; position:relative; height:90px;} #contents.drmartens .cp_experience .cp_wrap .cpe_shoes .cpes_deco:before {position:absolute; background-size:cover; background-repeat:no-repeat; background-position:top center;} #contents.drmartens .cp_experience .cp_wrap .cpe_shoes .cpes_deco.t1 {width:134px;} #contents.drmartens .cp_experience .cp_wrap .cpe_shoes .cpes_deco.t1:before {content:''; top:-1px; left:30px; width:83px; height:80px; background-image:url('../images/project/drmartens/deco_experience01.png');} #contents.drmartens .cp_experience .cp_wrap .cpe_shoes .cpes_deco.t2 {width:148px;} #contents.drmartens .cp_experience .cp_wrap .cpe_shoes .cpes_deco.t2:before {content:''; top:-30px; left:15px; width:124px; height:120px; background-image:url('../images/project/drmartens/deco_experience04.png');} /* drmartens - cp_look */ #contents.drmartens .cp_look {overflow:hidden; padding:120px 0; background-color:#f6f6f6;} #contents.drmartens .cp_look .cp_wrap {max-width:1440px;} #contents.drmartens .cp_look .cp_txtwrap {display:flex; flex-direction:column; gap:20px; text-align:left;} #contents.drmartens .cp_look .cp_imgwrap {width:100%; max-width:1260px; margin:0 auto; margin-top:120px; animation:floating01 3s ease-in-out infinite;} #contents.drmartens .cp_look .cp_imgwrap img {width:100%; filter:drop-shadow(-10px 15px 20px rgba(0, 0, 0, 0.05)) drop-shadow(0 -40px 40px rgba(0, 0, 0, 0.05));} /* drmartens - cp_story */ #contents.drmartens .cp_story {overflow:hidden; padding:0; background-color:#fff;} #contents.drmartens .cp_story .cp_wrap {display:flex;} #contents.drmartens .cp_story .cp_txtwrap {display:flex; flex-direction:column; justify-content:center; gap:20px; box-sizing:border-box; width:50%; text-align:left;} #contents.drmartens .cp_story .cp_txtwrap .cp_title, #contents.drmartens .cp_story .cp_txtwrap .cp_text {width:560px; margin:0 auto;} #contents.drmartens .cp_story .cp_imgwrap {width:50%;} #contents.drmartens .cp_story .cp_imgwrap img {width:100%;} /* drmartens - cp_uiux */ #contents.drmartens .cp_uiux {padding:180px 0;} #contents.drmartens .cp_uiux .cp_wrap {max-width:1440px;} #contents.drmartens .cp_uiux .cp_imgwrap.t1 {display:flex; justify-content:center; gap:100px;} #contents.drmartens .cp_uiux .cp_imgwrap li {width:300px;} #contents.drmartens .cp_uiux .cp_txtwrap {width:100%; margin-top:160px;} #contents.drmartens .cp_uiux .cpu_sliderwrap {position:relative;} #contents.drmartens .cp_uiux .cpu_slider {overflow:hidden; width:100%; max-width:1200px; margin:0 auto; margin-top:160px;} #contents.drmartens .cp_uiux .cpu_slider .swiper-slide {overflow:hidden; max-width:190px;} #contents.drmartens .cp_uiux .cpu_slider .swiper-slide img {float:left; width:100%;} #contents.drmartens .cp_uiux .cpu_slider .swiper-slide .cpus_info {display:block; float:left; width:100%; padding:10px 0; text-align:left;} #contents.drmartens .cp_uiux .cpu_slider .swiper-slide .cpus_info p {display:block; width:100%; padding:0 3px; font-size:14px; font-weight:700; color:#000; line-height:20px;} #contents.drmartens .cp_uiux .cpu_slider .swiper-slide .cpus_info .cpusi_color {display:flex; flex-direction:row; align-items:center; justify-content:flex-start; gap:5px; margin-top:10px;} #contents.drmartens .cp_uiux .cpu_slider .swiper-slide .cpus_info .cpusi_color i {display:inline-block; vertical-align:middle; width:15px; height:15px; border:1px solid #000;} #contents.drmartens .cp_uiux .cpu_slider .swiper-slide .cpus_info .cpusi_color .brick {background-color:#B24747;} #contents.drmartens .cp_uiux .cpu_slider .swiper-slide .cpus_info .cpusi_color .black {background-color:#000;} #contents.drmartens .cp_uiux .cpu_slider .swiper-slide .cpus_info .cpusi_color .mint {background-color:#A3C9CE;} #contents.drmartens .cp_uiux .cpu_slider .swiper-slide .cpus_info .cpusi_color .white {background-color:#fff;} #contents.drmartens .cp_uiux .cpu_slider .swiper-slide .cpus_info .cpusi_color .brown {background-color:#B26C47;} #contents.drmartens .cp_uiux .cpu_slider .swiper-slide .cpus_info .cpusi_color .red {background-color:#9E0505;} #contents.drmartens .cp_uiux .cpu_slider .swiper-slide .cpus_info .cpusi_color .darkbrown {background-color:#4E3030;} #contents.drmartens .cp_uiux .cpu_sliderwrap .cpu_slider-prev {display:inline-block; vertical-align:middle; box-sizing:border-box; position:absolute; top:95px; left:50px; width:40px; height:40px; border:1px solid rgba(0, 0, 0, 0); background-image:url('../images/project/drmartens/icon_slider_prev.svg'); background-size:cover; background-repeat:no-repeat; background-position:top center; cursor:pointer; transition:0.3s all;} #contents.drmartens .cp_uiux .cpu_sliderwrap .cpu_slider-prev:hover {border:1px solid rgba(0, 0, 0, 0.1);} #contents.drmartens .cp_uiux .cpu_sliderwrap .cpu_slider-next {display:inline-block; vertical-align:middle; box-sizing:border-box; position:absolute; top:95px; right:50px; width:40px; height:40px; border:1px solid rgba(0, 0, 0, 0); background-image:url('../images/project/drmartens/icon_slider_next.svg'); background-size:cover; background-repeat:no-repeat; background-position:top center; cursor:pointer; transition:0.3s all;} #contents.drmartens .cp_uiux .cpu_sliderwrap .cpu_slider-next:hover {border:1px solid rgba(0, 0, 0, 0.1);} #contents.drmartens .cp_uiux .cp_imgwrap {width:100%;} #contents.drmartens .cp_uiux .cp_imgwrap.t2 {margin-top:160px;} #contents.drmartens .cp_uiux .cp_imgwrap.t3 {margin-top:160px;} #contents.drmartens .cp_uiux .cp_imgwrap img {width:100%; filter:drop-shadow(0 20px 20px rgba(0, 0, 0, 0.10)) drop-shadow(0 40px 20px rgba(0, 0, 0, 0.15));} /* drmartens - cp_userbility */ #contents.drmartens .cp_userbility {overflow:hidden; background-color:#f6f6f6;} #contents.drmartens .cp_userbility .cp_imgwrap {position:relative; width:100%; max-width:1440px; margin:0 auto; padding-top:260px;} #contents.drmartens .cp_userbility .cp_imgwrap:before {content:''; position:absolute; top:154px; left:0; right:0; background-image:url('../images/project/drmartens/bg_userbility01.png'); background-size:contain; background-repeat:no-repeat; background-position:top center; aspect-ratio:1280/920;} #contents.drmartens .cp_userbility .cp_imgwrap strong {position:absolute; top:0; left:0; right:0; z-index:0; font-size:300px; font-weight:400; color:#E4E4E4; line-height:376px; letter-spacing:-6px; text-align:center;} #contents.drmartens .cp_userbility .cp_imgwrap img {position:relative; z-index:1; width:100%; max-width:1280px;} #contents.drmartens .cp_userbility .cp_imgwrap video {position:absolute; top:283px; left:50%; z-index:0; width:1086px; margin-left:-543px;} #contents.drmartens .cp_userbility .cp_txtwrap {display:flex; flex-direction:column; gap:20px; margin-top:160px;} #contents.drmartens .cp_userbility .cpu_contents {margin-top:160px;} #contents.drmartens .cp_userbility .cpu_contents ul {display:flex; flex-direction:column; gap:160px;} #contents.drmartens .cp_userbility .cpu_contents li {display:flex; gap:100px;} #contents.drmartens .cp_userbility .cpu_contents li:nth-child(1) {justify-content:flex-start;} #contents.drmartens .cp_userbility .cpu_contents li:nth-child(2) {justify-content:flex-end;} #contents.drmartens .cp_userbility .cpu_contents li img {width:100%; max-width:720px; filter:drop-shadow(0 20px 20px rgba(0, 0, 0, 0.10)) drop-shadow(0 40px 20px rgba(0, 0, 0, 0.15));} #contents.drmartens .cp_userbility .cpu_contents li:nth-child(1) img:nth-child(1) {margin-left:-135px;} #contents.drmartens .cp_userbility .cpu_contents li:nth-child(2) img:nth-child(2) {margin-right:-135px;} /* eurocave - common */ #contents.eurocave {background-image:url('../images/project/eurocave/bg.png'); background-size:600px; background-repeat:repeat; background-position:left top; font-family:'Jost', 'Spoqa Han Sans Neo', 'sans-serif';} #contents.eurocave .text, #contents.eurocave .cp_text, #contents.eurocave .cp_title {font-family:'Jost', 'Spoqa Han Sans Neo', 'sans-serif'; word-break:keep-all;} #contents.eurocave .cp_wrap {box-sizing:border-box;} #contents.eurocave .text, #contents.eurocave .cp_text, #contents.eurocave .cp_title {font-family:'Jost', 'Spoqa Han Sans Neo', 'sans-serif' !important; word-break:keep-all;} #contents.eurocave .cp_txtwrap {display:flex; flex-direction:column; align-items:flex-start; position:relative;} #contents.eurocave .cp_txtwrap .cp_title {font-size:60px; font-weight:300; color:#111426; line-height:80px;} #contents.eurocave .cp_txtwrap .cp_title span {display:block; width:100%; text-align:left;} #contents.eurocave .cp_txtwrap .cp_title em {font-weight:500; color:#856743;} #contents.eurocave .cp_txtwrap .cp_title + .line {width:100px; background-image:url('../images/project/eurocave/deco_title.svg'); background-size:contain; background-repeat:no-repeat; background-position:center; aspect-ratio:100/108;} #contents.eurocave .cp_txtwrap .cp_text {width:700px; font-size:25px; font-weight:300; color:#111426; line-height:40px; letter-spacing:-0.5px; text-transform:uppercase; word-break:keep-all; text-align:left; word-break:keep-all;} #contents.eurocave .cp_txtwrap .cp_text span {font-family:'Spoqa Han Sans Neo';} #contents.eurocave .cp_txtwrap .deco_title {position:absolute; top:0; right:0; width:110px; height:180px;} #contents.eurocave .cp_txtwrap .deco_title .symbol {display:inline-block; vertical-align:middle; float:left; width:100%; height:100%; background-image:url('../images/project/eurocave/symbol_title.png'); background-size:contain; background-repeat:no-repeat; background-position:center;} #contents.eurocave .cp_txtwrap .deco_title p {display:flex; flex-direction:row; justify-content:flex-end; position:relative; top:-10px; left:-40px; float:right; font-size:16px; font-weight:400; color:#93734D; line-height:30px; transform:rotate(-90deg); transform-origin:right bottom; text-align:right; white-space:nowrap;} /* eurocave - cp_story */ #contents.eurocave .cp_story {padding:0; background-color:#fff;} #contents.eurocave .cp_story .cp_wrap {width:100%; max-width:1440px; margin:0 auto; padding:120px 50px;} #contents.eurocave .cp_story .cp_txtwrap .cp_text {width:auto;} #contents.eurocave .cp_story .cp_txtwrap .cp_text > span {display:block;} #contents.eurocave .cp_story .cp_txtwrap .cp_text > span span {display:block;} #contents.eurocave .cp_story .cps_contents {display:flex; gap:40px; margin-top:120px;} #contents.eurocave .cp_story .cps_contents .cpsc_box {display:flex; flex-direction:column; justify-content:space-between; box-sizing:border-box; width:calc(50% - 20px); height:900px; padding:40px; background-repeat:no-repeat; background-position:center; background-size:cover;} #contents.eurocave .cp_story .cps_contents .cpsc_box.t1 {background-image:url("../images/project/eurocave/pic_story01.jpg");} #contents.eurocave .cp_story .cps_contents .cpsc_box.t2 {background-image:url("../images/project/eurocave/pic_story02.jpg");} #contents.eurocave .cp_story .cps_contents .cpsc_box strong {font-family:'Jost'; font-size:50px; font-weight:300; color:#fff; line-height:70px; text-align:left; word-break:keep-all;} #contents.eurocave .cp_story .cps_contents .cpsc_box strong span {display:block;} #contents.eurocave .cp_story .cps_contents .cpsc_box strong span:nth-child(2) {font-weight:500;} #contents.eurocave .cp_story .cps_contents .cpsc_box p {font-size:25px; font-weight:300; color:#fff; line-height:40px; letter-spacing:-0.5px; text-transform:uppercase; text-align:left; word-break:keep-all;} #contents.eurocave .cp_story .cps_contents .cpsc_box p span {display:block; font-family:'Spoqa Han Sans Neo';} #contents.eurocave .cp_story .cps_attachment {position:relative; overflow:hidden; background-image:url("../images/project/eurocave/bg_story.jpg"); background-repeat:no-repeat; background-position:top; background-size:cover; background-attachment:fixed; font-size:0; line-height:0;} #contents.eurocave .cp_story .cps_attachment img {display:none; position:absolute; left:0; right:0; top:0; bottom:0; width:100%; height:100%; object-fit:cover;} #contents.eurocave .cp_story .cps_attachment p {display:block; position:absolute; bottom:60px; width:100%; font-family:'Jost'; font-size:25px; font-weight:300; color:#fff; line-height:40px; text-align:center; word-break:keep-all;} #contents.eurocave .cp_story .cps_attachment p span {display:block;} #contents.eurocave.ios .cp_story .cps_attachment img {display:block;} /* eurocave - cp_values */ #contents.eurocave .cp_values {overflow:hidden; padding:200px 50px; background-color:#fff;} #contents.eurocave .cp_values:before {content:''; display:inline-block; vertical-align:middle; position:absolute; top:782px; left:-520px; width:990px; background-image:url("../images/project/eurocave/deco_values01.png"); background-repeat:no-repeat; background-position:center; background-size:cover; aspect-ratio:990/675; pointer-events:none;} #contents.eurocave .cp_values:after {content:''; display:inline-block; vertical-align:middle; position:absolute; bottom:54px; right:-152px; width:738px; background-image:url("../images/project/eurocave/deco_values02.png"); background-repeat:no-repeat; background-position:center; background-size:cover; aspect-ratio:738/582; pointer-events:none;} #contents.eurocave .cp_values .cp_wrap {width:100%; max-width:1440px; margin:0 auto;} #contents.eurocave .cp_values .cp_imgwrap {position:relative; width:100%; height:1600px; margin-top:120px;} #contents.eurocave .cp_values .cp_imgwrap li {position:absolute; overflow:hidden;} #contents.eurocave .cp_values .cp_imgwrap li:nth-child(1) {top:0; right:0; width:700px;} #contents.eurocave .cp_values .cp_imgwrap li:nth-child(2) {top:583px; left:0; width:450px;} #contents.eurocave .cp_values .cp_imgwrap li:nth-child(3) {bottom:0; right:0; width:600px;} #contents.eurocave .cp_values .cp_imgwrap li img {float:left; width:100%;} #contents.eurocave .cp_values .cp_imgwrap li strong {display:block; float:left; margin-top:30px; font-family:'Jost'; font-size:40px; font-weight:300; color:#111426; line-height:50px; word-break:keep-all; text-align:left;} #contents.eurocave .cp_values .cp_imgwrap li p {display:block; float:left; margin-top:20px; font-family:'Spoqa Han Sans Neo'; font-size:25px; font-weight:300; color:#111426; line-height:40px; letter-spacing:-0.5px; text-transform:uppercase; word-break:keep-all; text-align:left;} #contents.eurocave .cp_values .cp_imgwrap li p span {display:block;} /* eurocave - cp_design */ #contents.eurocave .cp_design {padding:200px 0 0;} #contents.eurocave .cp_design:before {content:''; display:inline-block; vertical-align:middle; position:absolute; top:927px; left:-290px; width:648px; background-image:url("../images/project/eurocave/deco_design01.png"); background-repeat:no-repeat; background-position:center; background-size:cover; aspect-ratio:648/692; pointer-events:none;} #contents.eurocave .cp_design .cp_wrap {width:100%; max-width:1440px; margin:0 auto; padding:0 50px 200px;} #contents.eurocave .cp_design .cpd_typography .cpdt_contents {display:block; margin-top:120px;} #contents.eurocave .cp_design .cpd_typography .cpdt_contents .cpdtc_kr {display:flex; gap:60px; width:100%;} #contents.eurocave .cp_design .cpd_typography .cpdt_contents .cpdtc_kr strong {width:calc(50% - 30px); font-family:'Spoqa Han Sans Neo'; font-size:300px; font-weight:300; color:#111426; line-height:350px; letter-spacing:-12px; word-break:keep-all; text-align:left;} #contents.eurocave .cp_design .cpd_typography .cpdt_contents .cpdtc_kr .info {width:calc(50% - 30px);} #contents.eurocave .cp_design .cpd_typography .cpdt_contents .cpdtc_kr .info .info_top {display:flex; justify-content:space-between;} #contents.eurocave .cp_design .cpd_typography .cpdt_contents .cpdtc_kr .info .info_top em {font-family:'Spoqa Han Sans Neo'; font-size:20px; font-weight:700; color:#111426; line-height:40px; letter-spacing:-0.8px;} #contents.eurocave .cp_design .cpd_typography .cpdt_contents .cpdtc_kr .info .info_top ul {display:flex; gap:20px;} #contents.eurocave .cp_design .cpd_typography .cpdt_contents .cpdtc_kr .info .info_top ul li {font-family:'Spoqa Han Sans Neo'; font-size:20px; color:#111426; line-height:40px; letter-spacing:-0.8px;} #contents.eurocave .cp_design .cpd_typography .cpdt_contents .cpdtc_kr .info .info_top ul li:nth-child(1) {font-weight:300;} #contents.eurocave .cp_design .cpd_typography .cpdt_contents .cpdtc_kr .info .info_top ul li:nth-child(2) {font-weight:500;} #contents.eurocave .cp_design .cpd_typography .cpdt_contents .cpdtc_kr .info .info_top ul li:nth-child(3) {font-weight:700;} #contents.eurocave .cp_design .cpd_typography .cpdt_contents .cpdtc_kr .info .info_bottom {display:block; margin-top:20px; font-family:'Spoqa Han Sans Neo'; font-size:50px; font-weight:300; color:#111426; line-height:80px; letter-spacing:-2.5px; text-transform:uppercase; word-break:keep-all; text-align:left;} #contents.eurocave .cp_design .cpd_typography .cpdt_contents .cpdtc_en {display:flex; gap:60px; width:100%; margin-top:50px;} #contents.eurocave .cp_design .cpd_typography .cpdt_contents .cpdtc_en strong {width:calc(50% - 30px); font-family:'Jost'; font-size:400px; font-weight:300; color:#111426; line-height:350px; letter-spacing:-16px; word-break:keep-all; text-align:left;} #contents.eurocave .cp_design .cpd_typography .cpdt_contents .cpdtc_en .info {width:calc(50% - 30px);} #contents.eurocave .cp_design .cpd_typography .cpdt_contents .cpdtc_en .info .info_top {display:flex; justify-content:space-between;} #contents.eurocave .cp_design .cpd_typography .cpdt_contents .cpdtc_en .info .info_top em {font-family:Jost; font-size:20px; font-weight:700; color:#111426; line-height:40px; letter-spacing:-0.8px; text-transform:uppercase;} #contents.eurocave .cp_design .cpd_typography .cpdt_contents .cpdtc_en .info .info_top ul {display:flex; gap:20px;} #contents.eurocave .cp_design .cpd_typography .cpdt_contents .cpdtc_en .info .info_top ul li {font-family:'Jost'; font-size:20px; color:#111426; line-height:40px; letter-spacing:-0.8px;} #contents.eurocave .cp_design .cpd_typography .cpdt_contents .cpdtc_en .info .info_top ul li:nth-child(1) {font-weight:300;} #contents.eurocave .cp_design .cpd_typography .cpdt_contents .cpdtc_en .info .info_top ul li:nth-child(2) {font-weight:500;} #contents.eurocave .cp_design .cpd_typography .cpdt_contents .cpdtc_en .info .info_top ul li:nth-child(3) {font-weight:700;} #contents.eurocave .cp_design .cpd_typography .cpdt_contents .cpdtc_en .info .info_bottom {display:block; margin-top:20px; font-family:Jost; font-size:50px; font-style:normal; font-weight:300; color:#111426; line-height:80px; letter-spacing:-2px; text-transform:uppercase; word-break:keep-all; text-align:left;} #contents.eurocave .cp_design .cpd_color {display:block; margin-top:300px;} #contents.eurocave .cp_design .cpd_color .cpdc_contents {display:flex; gap:60px; margin-top:120px;} #contents.eurocave .cp_design .cpd_color .cpdc_contents li {width:calc(25% - 45px);} #contents.eurocave .cp_design .cpd_color .cpdc_contents li .palette {display:block; border-radius:5px; aspect-ratio:1/1;} #contents.eurocave .cp_design .cpd_color .cpdc_contents li.blk.t1 .palette {background-color:#141517;} #contents.eurocave .cp_design .cpd_color .cpdc_contents li.brn .palette {background-color:#856743;} #contents.eurocave .cp_design .cpd_color .cpdc_contents li.blk.t2 .palette {background-color:#161B25;} #contents.eurocave .cp_design .cpd_color .cpdc_contents li.gry .palette {background-color:#787B82;} #contents.eurocave .cp_design .cpd_color .cpdc_contents li strong {display:block; margin-top:20px; font-family:'Jost'; font-size:25px; font-weight:300; color:#111426; line-height:35px; letter-spacing:-1px; text-align:left; word-break:keep-all;} #contents.eurocave .cp_design .cpd_color .cpdc_contents li p {display:block; margin-top:10px; font-family:'Jost'; font-size:20px; font-weight:300; color:#111426; line-height:35px; letter-spacing:-0.8px; text-transform:uppercase; text-align:left; word-break:keep-all;} #contents.eurocave .cp_design .cpd_illustration {display:block; margin-top:300px;} #contents.eurocave .cp_design .cpd_illustration .cpdi_contents {display:flex; gap:60px; margin-top:120px;} #contents.eurocave .cp_design .cpd_illustration .cpdi_contents li {position:relative; display:block; width:calc(33.3333% - 40px); perspective:1200px; opacity:0;} #contents.eurocave .cp_design .cpd_illustration .cpdi_contents li.aos-animate {opacity:1;} #contents.eurocave .cp_design .cpd_illustration .cpdi_contents li img {width:100%; border-radius:8px;} #contents.eurocave .cp_design .cpd_illustration .cpdi_contents li .card-base img {width:100%; display:block; opacity:0;} #contents.eurocave .cp_design .cpd_illustration .cpdi_contents li .card {position:absolute; inset:0; transform-style:preserve-3d; transform:translateY(8vw) rotateY(180deg);} #contents.eurocave .cp_design .cpd_illustration .cpdi_contents li.aos-animate .card {transform:translateY(0) rotateY(0deg); transition:transform 1s ease, opacity 0.6s ease;} #contents.eurocave .cp_design .cpd_illustration .cpdi_contents li .card .card-face {position:absolute; inset:0; backface-visibility:hidden;} #contents.eurocave .cp_design .cpd_illustration .cpdi_contents li .card .card-face.front {transform:rotateY(0deg);} #contents.eurocave .cp_design .cpd_illustration .cpdi_contents li .card .card-face.back {transform:rotateY(180deg);} #contents.eurocave .cp_design .cpd_illustration .cpdi_contents li:nth-child(2).aos-animate .card {transition-delay:0.1s;} #contents.eurocave .cp_design .cpd_illustration .cpdi_contents li:nth-child(3).aos-animate .card {transition-delay:0.2s;} #contents.eurocave .cp_design .cpd_attachment {position:relative; overflow:hidden; background-image:url("../images/project/eurocave/bg_design.jpg"); background-repeat:no-repeat; background-position:top; background-size:cover; background-attachment:fixed; font-size:0; line-height:0;} #contents.eurocave .cp_design .cpd_attachment img {display:none; position:absolute; left:0; right:0; top:0; bottom:0; width:100%; height:100%; object-fit:cover;} #contents.eurocave.ios .cp_design .cpd_attachment img {display:block;} #contents.eurocave .cp_design .cp_imgwrap {display:flex;} #contents.eurocave .cp_design .cp_imgwrap li {display:block; width:50%;} #contents.eurocave .cp_design .cp_imgwrap li:nth-child(1) {background-color:#141519;} #contents.eurocave .cp_design .cp_imgwrap li:nth-child(2) {background-color:#e9e9e9;} #contents.eurocave .cp_design .cp_imgwrap li img {width:100%;} /* eurocave - cp_experience */ #contents.eurocave .cp_experience {overflow:hidden; padding:200px 0 0; background-color:#fff;} #contents.eurocave .cp_experience:before {content:''; display:inline-block; vertical-align:middle; position:absolute; top:1586px; right:-450px; width:1050px; background-image:url("../images/project/eurocave/deco_experience01.png"); background-repeat:no-repeat; background-position:center; background-size:cover; aspect-ratio:1050/740; pointer-events:none;} #contents.eurocave .cp_experience .cp_wrap {width:100%; max-width:1440px; margin:0 auto; padding:0 50px 200px;} #contents.eurocave .cp_experience .cp_imgwrap {position:relative; overflow:hidden; margin-top:120px;} #contents.eurocave .cp_experience .cp_imgwrap:before {content:''; position:absolute; top:0; bottom:0; left:0; z-index:3; width:1150px; background-image:url("../images/project/eurocave/pic_experience01_1.png"); background-repeat:no-repeat; background-position:center; background-size:cover; filter:drop-shadow(20px 20px 10px rgba(0, 0, 0, 0.25)) drop-shadow(20px 20px 11px rgba(0, 0, 0, 0.1)); animation:floating02 4s ease-in-out infinite;} #contents.eurocave .cp_experience .cp_imgwrap:after {content:''; position:absolute; top:0; bottom:0; left:0; z-index:2; width:1150px; background-image:url("../images/project/eurocave/pic_experience01_2.png"); background-repeat:no-repeat; background-position:center; background-size:cover; filter:drop-shadow(-10px 20px 10px rgba(0, 0, 0, 0.15)) drop-shadow(0 20px 20px rgba(0, 0, 0, 0.10)); animation:floating05 4s ease-in-out infinite;} @keyframes floating05 {0%{transform:translateY(7px);} 50%{transform:translateY(0);} 100%{transform:translateY(7px);}} #contents.eurocave .cp_experience .cp_imgwrap i {position:absolute; top:167px; left:686px; right:0; z-index:0; height:403px; background-color:#F1EFEC;} #contents.eurocave .cp_experience .cp_imgwrap img {position:relative; z-index:1; float:left; width:1150px; filter:drop-shadow(0 20px 20px rgba(0, 0, 0, 0.25)) drop-shadow(0 40px 20px rgba(0, 0, 0, 0.25));} #contents.eurocave .cp_experience .cpe_contents {display:block; position:relative; margin-top:120px;} #contents.eurocave .cp_experience .cpe_contents ul {display:flex; gap:50px; padding:90px 0 0;} #contents.eurocave .cp_experience .cpe_contents ul li {width:370px;} #contents.eurocave .cp_experience .cpe_contents ul li img {position:relative; z-index:1; width:100%; filter:drop-shadow(0 20px 20px rgba(0, 0, 0, 0.10)) drop-shadow(0 40px 20px rgba(0, 0, 0, 0.15));} #contents.eurocave .cp_experience .cpe_contents ul:first-child li:nth-child(2) {margin-top:88px;} #contents.eurocave .cp_experience .cpe_contents ul li:nth-child(2) img:nth-child(2) {position:relative; z-index:0; width:360px; margin-top:-53px; margin-left:5px; filter:none;} #contents.eurocave .cp_experience .cpe_contents ul li:nth-child(3) {position:absolute; top:1000px; right:0;} #contents.eurocave .cp_experience .cpe_contents ul li:nth-child(3) video {position:absolute; top:0; left:0; width:calc(100% - 10px); margin-top:5px; margin-left:5px; border-radius:30px;} #contents.eurocave .cp_experience .cpe_contents > strong {display:block; margin-top:50px; color:#856743; font-family:'Jost'; font-size:140px; color:#856743; line-height:140px; opacity:0.5; letter-spacing:-5.6px; text-align:left; word-break:keep-all;} #contents.eurocave .cp_experience .cpe_contents > strong span {display:block;} #contents.eurocave .cp_experience .cpe_contents > strong span:nth-child(1) {font-weight:200;} #contents.eurocave .cp_experience .cpe_contents > strong span:nth-child(2) {font-weight:500;} #contents.eurocave .cp_experience .cpe_attachment {position:relative; overflow:hidden; background-image:url("../images/project/eurocave/bg_experience.jpg"); background-repeat:no-repeat; background-position:top; background-size:cover; background-attachment:fixed; font-size:0; line-height:0;} #contents.eurocave .cp_experience .cpe_attachment img {display:none; position:absolute; left:0; right:0; top:0; bottom:0; width:100%; height:100%; object-fit:cover;} #contents.eurocave.ios .cp_experience .cpe_attachment img {display:block;} /* eurocave - cp_brand */ #contents.eurocave .cp_brand {padding:200px 50px; background-color:#FAF9F7;} #contents.eurocave .cp_brand .cp_wrap {width:100%; max-width:1440px; margin:0 auto;} #contents.eurocave .cp_brand .cp_imgwrap {overflow:hidden; width:100%; margin-top:120px; border:5px solid #000; border-radius:20px;} #contents.eurocave .cp_brand .cp_imgwrap video {float:left; width:100%; filter:drop-shadow(0 20px 20px rgba(0, 0, 0, 0.10)) drop-shadow(0 40px 20px rgba(0, 0, 0, 0.15));} /* eurocave - cp_manufacture */ #contents.eurocave .cp_manufacture {overflow:hidden; padding:200px 50px;} #contents.eurocave .cp_manufacture .cp_wrap {width:100%;} #contents.eurocave .cp_manufacture .cp_txtwrap {max-width:1440px; margin:0 auto;} #contents.eurocave .cp_manufacture .cpm_contents {margin-top:120px;} #contents.eurocave .cp_manufacture .cpm_contents ul {display:flex; flex-direction:column; gap:120px;} #contents.eurocave .cp_manufacture .cpm_contents li {display:flex; gap:120px;} #contents.eurocave .cp_manufacture .cpm_contents li:nth-child(1) {justify-content:flex-start;} #contents.eurocave .cp_manufacture .cpm_contents li:nth-child(2) {justify-content:flex-end;} #contents.eurocave .cp_manufacture .cpm_contents li img {width:100%; max-width:970px; filter:drop-shadow(0 20px 20px rgba(0, 0, 0, 0.10)) drop-shadow(0 40px 20px rgba(0, 0, 0, 0.15));} #contents.eurocave .cp_manufacture .cpm_contents li:nth-child(1) img:nth-child(1) {margin-left:-845px;} #contents.eurocave .cp_manufacture .cpm_contents li:nth-child(2) img:nth-child(2) {margin-right:-355px;} /* withmuu - common */ #contents.withmuu, #contents.withmuu .text, #contents.withmuu .cp_text, #contents.withmuu .cp_title {font-family:'Nunito', 'Noto Sans KR', sans-serif; word-break:keep-all;} #contents.withmuu .cp_txtwrap {text-align:left;} #contents.withmuu .cp_title {display:inline-block; position:relative; box-sizing:border-box; padding-left:6px; font-size:50px; font-weight:900; color:#6255F6; line-height:60px; letter-spacing:-1px; text-transform:uppercase;} #contents.withmuu .cp_title:before {content:''; position:absolute; bottom:4px; left:0; right:-8px; z-index:0; width:auto; height:14px; border-radius:20px; background-color:#74E88B;} #contents.withmuu .cp_title:after {content:''; position:absolute; bottom:4px; right:-31px; z-index:0; width:14px; height:14px; border-radius:50%; background-color:#74E88B;} #contents.withmuu .cp_title span {position:relative; z-index:1; font-family:Nunito;} #contents.withmuu .cp_text {display:block; margin-top:30px; font-size:25px; font-weight:400; line-height:40px; color:#111426; letter-spacing:-0.5px; text-transform:uppercase;} #contents.withmuu .cp_text span {display:block; font-family:"Noto Sans KR";} #contents.withmuu .cp_text mark {position:relative; top:-2px; box-sizing:border-box; padding:0 10px; border-radius:20px; font-family:Nunito; font-size:24px; font-weight:800; line-height:35px; letter-spacing:-0.48px; text-transform:uppercase;} #contents.withmuu .cp_text mark.purple {background-color:#6255F6; color:#fff;} #contents.withmuu .cp_text mark.green {background-color:#74E88B; color:#6255F6;} #contents.withmuu .cp_text em {font-weight:700; color:#6255F6;} #contents.withmuu .cp_txtwrap.t2 .cp_title {color:#fff;} #contents.withmuu .cp_txtwrap.t2 .cp_text {color:#fff;} #contents.withmuu .cp_txtwrap.t2 .cp_text em {color:#fff;} /* withmuu - cp_keyword */ #contents.withmuu .cp_keyword {overflow:hidden; background-color:#F5F5FA;} #contents.withmuu .cp_keyword .cp_wrap {width:100%; max-width:1440px; margin:0 auto;} #contents.withmuu .cp_keyword .cpk_flow {position:relative; width:100%; margin-top:160px;} #contents.withmuu .cp_keyword .cpk_flow ul {position:relative;} #contents.withmuu .cp_keyword .cpk_flow li {display:flex; justify-content:center; align-items:center; position:relative; width:100%; height:150px;} #contents.withmuu .cp_keyword .cpk_flow li + li {margin-top:60px;} #contents.withmuu .cp_keyword .cpk_flow li.t1 .flow_inner {animation:marquee-left 34s linear infinite;} #contents.withmuu .cp_keyword .cpk_flow li.t2 .flow_inner {animation:marquee-right 34s linear infinite;} #contents.withmuu .cp_keyword .cpk_flow li.t3 .flow_inner {animation:marquee-left 34s linear infinite;} #contents.withmuu .cp_keyword .cpk_flow li .flow_inner {display:flex; gap:60px; white-space:nowrap; position:absolute; top:0; left:0;} #contents.withmuu .cp_keyword .cpk_flow li .cpkfli_wrap {display:flex; gap:60px;} #contents.withmuu .cp_keyword .cpk_flow li .cpkfli_txt {display:flex; justify-content:center; align-items:center; gap:10px; box-sizing:border-box; height:150px; padding:0 60px; border-radius:100px; font-size:60px; font-weight:400; line-height:100px; letter-spacing:-1.2px;} #contents.withmuu .cp_keyword .cpk_flow li .cpkfli_txt.t1 {background-color:#fff; color:#6255F6; box-shadow:0 20px 60px 0 rgba(20, 20, 21, 0.08);} #contents.withmuu .cp_keyword .cpk_flow li .cpkfli_txt.t2 {background-color:#6255F6; color:#fff; box-shadow:0 20px 60px 0 rgba(98, 85, 246, 0.40);} #contents.withmuu .cp_keyword .cpk_flow li .icon {width:150px; height:150px; border-radius:50%; background-color:#74EB8B; background-image:url("../images/project/withmuu/icon_symbol.svg"); background-repeat:no-repeat; background-position:center; background-size:cover; filter:drop-shadow(0 20px 40px rgba(116, 232, 139, 0.40));} /* withmuu - cp_core */ #contents.withmuu .cp_core {overflow:hidden;} #contents.withmuu .cp_core .cp_wrap {width:100%; max-width:1440px; margin:0 auto;} #contents.withmuu .cp_core .cpc_list {display:flex; flex-direction:row; align-items:center; justify-content:space-between; margin-top:80px;} #contents.withmuu .cp_core .cpc_list li {display:inline-block; vertical-align:middle; width:440px;} #contents.withmuu .cp_core .cpc_list li .cpcl_box {display:inline-block; vertical-align:middle; position:relative; z-index:0; box-sizing:border-box; width:100%; height:440px; margin-bottom:70px; padding-top:77px; border-radius:50%; background-color:#fff; box-shadow:0 15px 60px 0 rgba(20, 20, 21, 0.08); text-align:center;} #contents.withmuu .cp_core .cpc_list li .cpcl_box:before {content:""; position:absolute; left:30px; right:30px; top:30px; bottom:30px; z-index:-1; border-radius:50%; background-color:#6255F6;} #contents.withmuu .cp_core .cpc_list li .cpcl_box:after {content:""; position:absolute; left:50%; bottom:29px; width:2px; height:1px; margin-left:-1px; background-image:linear-gradient(180deg, #6255F6 0%, #01F288 65%, #01F288 100%);} #contents.withmuu .cp_core .cpc_list li.aos-animate .cpcl_box:after {bottom:-70px; height:100px; transition:1s all;} #contents.withmuu .cp_core .cpc_list li i {display:inline-block; vertical-align:middle; width:88px; height:110px; background-repeat:no-repeat; background-position:center 0; background-size:100% auto;} #contents.withmuu .cp_core .cpc_list li i.muse {background-image:url("../images/project/withmuu/icon_core01.svg");} #contents.withmuu .cp_core .cpc_list li i.contact {background-image:url("../images/project/withmuu/icon_core02.svg");} #contents.withmuu .cp_core .cpc_list li i.fandom {background-image:url("../images/project/withmuu/icon_core03.svg");} #contents.withmuu .cp_core .cpc_list li strong {display:inline-block; vertical-align:middle; width:100%; margin:10px 0; font-size:40px; font-weight:900; color:#fff; line-height:50px; letter-spacing:-0.5px;} #contents.withmuu .cp_core .cpc_list li p {display:inline-block; vertical-align:middle; width:100%; word-break:keep-all;} #contents.withmuu .cp_core .cpc_list li p span {display:inline-block; vertical-align:middle; width:100%; font-size:25px; font-weight:400; color:#fff; line-height:40px; letter-spacing:-0.5px;} #contents.withmuu .cp_core .cpc_list li > strong {display:inline-block; vertical-align:middle; width:100%; margin:10px 0 0; font-size:30px; font-weight:800; color:#6255f6; line-height:40px; letter-spacing:-0.5px; opacity:0;} #contents.withmuu .cp_core .cpc_list li.aos-animate > strong {opacity:1; transition:0.5s opacity; transition-delay:0.6s} #contents.withmuu .cp_core .cpc_deco {display:inline-block; vertical-align:middle; position:relative; overflow:hidden; width:100%; height:240px; margin-top:160px; opacity:0.1;} #contents.withmuu .cp_core .cpc_deco .cpcd_pic {display:inline-block; vertical-align:middle; position:absolute; height:100px;} #contents.withmuu .cp_core .cpc_deco .cpcd_pic.t1 {position:absolute; top:0; right:0;} #contents.withmuu .cp_core .cpc_deco .cpcd_pic.t2 {position:absolute; bottom:0; left:0;} #contents.withmuu .cp_core .cpc_deco .cpcd_pic > img {width:auto; height:100%;} #contents.withmuu .cp_core .cpc_dot {display:inline-block; vertical-align:middle; width:100%; margin-top:160px;} #contents.withmuu .cp_core .cpc_dot .cpcd_wrap {display:flex; flex-direction:row; justify-content:center; align-items:center; position:relative; z-index:1; width:100%; height:550px;} #contents.withmuu .cp_core .cpc_dot .cpcd_deco {display:inline-block; vertical-align:middle; position:absolute; top:0; z-index:2; width:30.5%; height:550px; background-repeat:no-repeat; background-position:center 0; background-size:cover; box-shadow:0 0 60px 0 rgba(0, 0, 0, 0.08);} #contents.withmuu .cp_core .cpc_dot .cpcd_deco.t1 {left:0; border-radius:0 300px 300px 0; background-image:url("../images/project/withmuu/pic_core01.jpg");} #contents.withmuu .cp_core .cpc_dot .cpcd_deco.t2 {right:0; border-radius:300px 0 0 300px; background-image:url("../images/project/withmuu/pic_core02.jpg");} #contents.withmuu .cp_core .cpc_dot .cpcd_music {display:inline-block; vertical-align:middle; position:relative; z-index:0; box-sizing:border-box; width:440px; height:440px; padding-top:105px; border-radius:50%; background-color:#74E88B; box-shadow:0 20px 40px 0 rgba(116, 232, 139, 0.40);} #contents.withmuu .cp_core .cpc_dot .cpcd_music b {display:inline-block; vertical-align:middle; width:100%; font-size:30px; font-weight:500; color:#6255f6; line-height:50px; letter-spacing:-0.6px; word-break:keep-all;} #contents.withmuu .cp_core .cpc_dot .cpcd_music b > mark {font-weight:900; color:#6255f6;} #contents.withmuu .cp_core .cpc_dot .cpcd_music i {display:inline-block; vertical-align:middle; position:absolute; left:0; right:0; top:0; bottom:0; border-radius:50%; border:#6255f6 solid 1px; animation-name:cs_music; animation-duration:4s; animation-iteration-count:infinite; animation-timing-function:linear;} @keyframes cs_music {0% {transform:scale(1); opacity:1;} 100% {transform:scale(1.5); opacity:0;}} #contents.withmuu .cp_core .cpc_dot .cpcd_music i.t1 {border-color:#6255f6;} #contents.withmuu .cp_core .cpc_dot .cpcd_music i.t2 {border-color:#74eb8b; animation-delay:1s;} #contents.withmuu .cp_core .cpc_dot .cpcd_music i.t3 {border-color:#6255f6; animation-delay:2s;} #contents.withmuu .cp_core .cpc_dot .cpcd_music i.t4 {border-color:#74eb8b; animation-delay:3s;} #contents.withmuu .cp_core .cpc_dot .cpcd_contents {display:inline-block; vertical-align:middle; width:100%; margin-top:290px;} #contents.withmuu .cp_core .cpc_dot .cpcd_contents .cpcdc_logo {display:inline-block; vertical-align:middle; position:relative; box-sizing:border-box; z-index:0; width:1040px;} #contents.withmuu .cp_core .cpc_dot .cpcd_contents .cpcdc_logo:before {content:""; position:absolute; left:50%; z-index:-1; width:4px; bottom:50%; height:426px; margin-left:-2px; background-image:linear-gradient(180deg, #01F288 0%, #6255f6 100%);} #contents.withmuu .cp_core .cpc_dot .cpcd_contents .cpcdc_logo > img {width:100%;} #contents.withmuu .cp_core .cpc_dot .cpcd_contents .cpcdc_txt {display:inline-block; vertical-align:middle; width:100%; margin-top:60px; text-align:center;} #contents.withmuu .cp_core .cpc_dot .cpcd_contents .cpcdc_txt > span {display:block; width:100%; font-size:30px; font-weight:500; line-height:55px; letter-spacing:-0.6px; word-break:keep-all;} #contents.withmuu .cp_core .cpc_dot .cpcd_contents .cpcdc_txt > span > mark {font-weight:900; color:#6255f6;} /* withmuu - cp_design */ #contents.withmuu .cp_design {overflow:hidden; background-color:#F5F5FA;} #contents.withmuu .cp_design .cp_wrap {width:100%; max-width:1440px; margin:0 auto;} #contents.withmuu .cp_design .cpd_top {display:flex; flex-direction:row; align-items:center; justify-content:space-between;} #contents.withmuu .cp_design .cpd_top > .icon {display:inline-block; vertical-align:middle; width:550px; height:550px; border-radius:600px; background-color:#fff; background-image:url("../images/project/withmuu/icon_design01.png"); background-repeat:no-repeat; background-position:center; background-size:410px; box-shadow:0 30px 60px 0 rgba(20, 20, 21, 0.02);} #contents.withmuu .cp_design .cpd_top .cpdt_box {display:flex; align-items:center; position:relative; box-sizing:border-box; min-height:550px; padding:0; padding-left:170px; border-radius:700px 0 0 700px; background-color:#6255F6; box-shadow:0 0 60px 0 rgba(0, 0, 0, 0.08);} #contents.withmuu .cp_design .cpd_top .cpdt_box:before {content:''; position:absolute; top:0; bottom:0; left:calc(100% - 2px); z-index:0; width:50vw; background-color:#6255F6; box-shadow:60px 0 60px 0 rgba(0, 0, 0, 0.08);} #contents.withmuu .cp_design .cpd_color {margin-top:160px;} #contents.withmuu .cp_design .cpd_color .cpdc_contents {display:flex; gap:40px; margin-top:60px;} #contents.withmuu .cp_design .cpd_color .cpdc_contents li {overflow:hidden; width:calc(50% - 20px); border-radius:40px;} #contents.withmuu .cp_design .cpd_color .cpdc_contents li:nth-child(1) > div {box-sizing:border-box; float:left; width:50%; padding:60px; text-align:left;} #contents.withmuu .cp_design .cpd_color .cpdc_contents .cpdcc_left {background-color:#6255F6;} #contents.withmuu .cp_design .cpd_color .cpdc_contents .cpdcc_right {background-color:#74E88B;} #contents.withmuu .cp_design .cpd_color .cpdc_contents .cpdcc_left strong {font-size:40px; font-weight:800; line-height:50px; color:#6255F6; letter-spacing:-0.8px; text-transform:uppercase; word-break:keep-all;} #contents.withmuu .cp_design .cpd_color .cpdc_contents .cpdcc_left p {margin-top:54px; font-size:20px; font-weight:600; line-height:30px; color:#6255F6; letter-spacing:-0.4px; text-transform:uppercase; word-break:keep-all;} #contents.withmuu .cp_design .cpd_color .cpdc_contents .cpdcc_left p span {display:block;} #contents.withmuu .cp_design .cpd_color .cpdc_contents li.aos-animate .cpdcc_left strong {color:#fff; transition:0.3s color; transition-delay:0.5s;} #contents.withmuu .cp_design .cpd_color .cpdc_contents li.aos-animate .cpdcc_left p {color:#fff; transition:0.3s color; transition-delay:0.5s;} #contents.withmuu .cp_design .cpd_color .cpdc_contents .cpdcc_right strong {font-size:40px; font-weight:800; line-height:50px; color:#74E88B; letter-spacing:-0.8px; text-transform:uppercase; word-break:keep-all;} #contents.withmuu .cp_design .cpd_color .cpdc_contents .cpdcc_right p {margin-top:54px; font-size:20px; font-weight:600; line-height:30px; color:#74E88B; letter-spacing:-0.4px; text-transform:uppercase; word-break:keep-all;} #contents.withmuu .cp_design .cpd_color .cpdc_contents .cpdcc_right p span {display:block;} #contents.withmuu .cp_design .cpd_color .cpdc_contents li.aos-animate .cpdcc_right strong {color:#6255F6; transition:0.3s color; transition-delay:0.5s;} #contents.withmuu .cp_design .cpd_color .cpdc_contents li.aos-animate .cpdcc_right p {color:#6255F6; transition:0.3s color; transition-delay:0.5s;} #contents.withmuu .cp_design .cpd_color .cpdc_contents li:nth-child(2) {display:flex; flex-direction:row; justify-content:center; align-items:center; background:linear-gradient(96deg, #00b9ee 2%, #189fef 7%, #3185f0 12%, #496af0 16%, #555df1 20%, #624ff1 25%, #555df1 30%, #496af0 35%, #3185f0 40%, #189fef 45%, #00b9ee 50%, #1dc5d3 55%, #39d1b9 60%, #55dd9f 65%, #62e291 70%, #70e885 75%, #62e291 80%, #55dd9f 84%, #39d1b9 88%, #1dc5d3 93%, #00b9ee 98%); background-size:200% 100%; animation:gradientFlow 12s linear infinite;} @keyframes gradientFlow {0% {background-position:0% 50%;} 100% {background-position:-200% 50%;}} #contents.withmuu .cp_design .cpd_color .cpdc_contents li:nth-child(2) strong {font-size:50px; font-weight:900; line-height:60px; color:transparent; letter-spacing:-1px; text-transform:uppercase; word-break:keep-all;} #contents.withmuu .cp_design .cpd_color .cpdc_contents li:nth-child(2).aos-animate strong {color:#fff; transition:0.3s color; transition-delay:0.5s;} #contents.withmuu .cp_design .cpd_font {margin-top:160px;} #contents.withmuu .cp_design .cpd_font .cpdf_contents {display:flex; gap:40px; margin-top:60px;} #contents.withmuu .cp_design .cpd_font .cpdf_contents > li {box-sizing:border-box; width:calc(50% - 20px); height:550px; padding:60px; border-radius:40px; background-color:#fff; box-shadow:0 30px 60px 0 rgba(20, 20, 21, 0.02);} #contents.withmuu .cp_design .cpd_font .cpdf_contents > li strong {display:flex; align-items:center; gap:20px;} #contents.withmuu .cp_design .cpd_font .cpdf_contents > li strong em {display:flex; justify-content:center; align-items:center; gap:10px; padding:2px 30px 5px 30px; border-radius:50px; background-color:#6255F6; font-family:"Noto Sans KR"; font-size:25px; font-weight:900; line-height:40px; color:#FFF; letter-spacing:-0.5px; text-transform:uppercase; word-break:keep-all;} #contents.withmuu.ios .cp_design .cpd_font .cpdf_contents > li strong em {padding:5px 30px 2px 30px;} #contents.withmuu .cp_design .cpd_font .cpdf_contents > li strong span {font-family:"Noto Sans KR"; font-size:30px; font-weight:500; line-height:40px; color:#111426; letter-spacing:-0.6px; text-transform:uppercase; word-break:keep-all;} #contents.withmuu .cp_design .cpd_font .cpdf_contents > li ul {display:flex; align-items:center; align-self:stretch; gap:31px; margin-top:14px;} #contents.withmuu .cp_design .cpd_font .cpdf_contents > li ul li {position:relative; font-family:"Noto Sans KR"; font-size:18px; line-height:30px; color:#111426; letter-spacing:-0.36px; word-break:keep-all;} #contents.withmuu .cp_design .cpd_font .cpdf_contents > li ul li:before {content:''; position:absolute; top:10px; bottom:10px; right:-16px; width:1px; background-color:rgba(17, 20, 38, 0.10);} #contents.withmuu .cp_design .cpd_font .cpdf_contents > li ul li:last-child:before {display:none;} #contents.withmuu .cp_design .cpd_font .cpdf_contents > li ul li:nth-child(1) {font-weight:900;} #contents.withmuu .cp_design .cpd_font .cpdf_contents > li ul li:nth-child(2) {font-weight:700;} #contents.withmuu .cp_design .cpd_font .cpdf_contents > li ul li:nth-child(3) {font-weight:500;} #contents.withmuu .cp_design .cpd_font .cpdf_contents > li ul li:nth-child(4) {font-weight:400;} #contents.withmuu .cp_design .cpd_font .cpdf_contents > li ul li:nth-child(5) {font-weight:300;} #contents.withmuu .cp_design .cpd_font .cpdf_contents > li ul li:nth-child(6) {font-weight:200;} #contents.withmuu .cp_design .cpd_font .cpdf_contents > li p {display:block; margin-top:40px; font-size:70px; font-weight:700; line-height:100px; color:#6255F6; letter-spacing:-1.4px; text-align:left; word-break:keep-all;} #contents.withmuu .cp_design .cpd_font .cpdf_contents .cpdfc_en strong span {font-family:Nunito; font-weight:700;} #contents.withmuu .cp_design .cpd_font .cpdf_contents .cpdfc_en ul li {font-family:Nunito;} #contents.withmuu .cp_design .cpd_font .cpdf_contents .cpdfc_en p {font-family:Nunito;} #contents.withmuu .cp_design .cpd_font .cpdf_contents .cpdfc_en ul li:nth-child(3) {font-weight:400;} #contents.withmuu .cp_design .cpd_icon {margin-top:160px;} #contents.withmuu .cp_design .cpd_icon .cpdi_contents {box-sizing:border-box; position:relative; width:100%; margin-top:60px; padding:100px 130px; border-radius:40px; background-color:#fff; box-shadow:0 30px 60px 0 rgba(20, 20, 21, 0.02);} #contents.withmuu .cp_design .cpd_icon .cpdi_contents > .deco {position:absolute; top:100px; bottom:100px; left:130px; right:130px;} #contents.withmuu .cp_design .cpd_icon .cpdi_contents > .deco:before {content:''; display:inline-block; vertical-align:middle; position:absolute; top:20px; left:0; right:100%; height:1px; background-color:rgba(176, 176, 176, 0.25);} #contents.withmuu .cp_design .cpd_icon .cpdi_contents > .deco:after {content:''; display:inline-block; vertical-align:middle; position:absolute; bottom:20px; left:0; right:100%; height:1px; background-color:rgba(176, 176, 176, 0.25);} #contents.withmuu .cp_design .cpd_icon .cpdi_contents ul {display:flex; flex-direction:row; justify-content:space-between; align-items:center; position:relative;} #contents.withmuu .cp_design .cpd_icon .cpdi_contents ul:before {content:''; display:inline-block; vertical-align:middle; position:absolute; top:0; left:-30px; right:calc(100% + 30px); height:1px; background-color:rgba(176, 176, 176, 0.25);} #contents.withmuu .cp_design .cpd_icon .cpdi_contents ul:after {content:''; display:inline-block; vertical-align:middle; position:absolute; bottom:0; left:-30px; right:calc(100% + 30px); height:1px; background-color:rgba(176, 176, 176, 0.25);} #contents.withmuu .cp_design .cpd_icon .cpdi_contents ul li {position:relative;} #contents.withmuu .cp_design .cpd_icon .cpdi_contents ul li:before {content:''; display:inline-block; vertical-align:middle; position:absolute; top:-30px; bottom:calc(100% + 30px); left:0; width:1px; background-color:rgba(176, 176, 176, 0.25);} #contents.withmuu .cp_design .cpd_icon .cpdi_contents ul li:after {content:''; display:inline-block; vertical-align:middle; position:absolute; top:-30px; bottom:calc(100% + 30px); right:0; width:1px; background-color:rgba(176, 176, 176, 0.25);} #contents.withmuu .cp_design .cpd_icon .cpdi_contents ul li .line {position:absolute; top:0; bottom:0; left:20px; right:20px;} #contents.withmuu .cp_design .cpd_icon .cpdi_contents ul li .line:before {content:''; display:inline-block; vertical-align:middle; position:absolute; top:0; bottom:100%; left:0; width:1px; background-color:rgba(176, 176, 176, 0.25);} #contents.withmuu .cp_design .cpd_icon .cpdi_contents ul li .line:after {content:''; display:inline-block; vertical-align:middle; position:absolute; top:0; bottom:100%; right:0; width:1px; background-color:rgba(176, 176, 176, 0.25);} #contents.withmuu .cp_design .cpd_icon .cpdi_contents ul li .cross {position:absolute; top:0; bottom:0; left:0; right:0;} #contents.withmuu .cp_design .cpd_icon .cpdi_contents ul li .cross:before {content:''; display:inline-block; vertical-align:middle; position:absolute; top:0; bottom:100%; left:50%; width:1px; background-color:rgba(176, 176, 176, 0.25);} #contents.withmuu .cp_design .cpd_icon .cpdi_contents ul li .cross:after {content:''; display:inline-block; vertical-align:middle; position:absolute; top:50%; left:0; right:100%; height:1px; background-color:rgba(176, 176, 176, 0.25);} #contents.withmuu .cp_design .cpd_icon .cpdi_contents ul li .diagonal {position:absolute; top:0; bottom:0; left:0; right:0;} #contents.withmuu .cp_design .cpd_icon .cpdi_contents ul li .diagonal::before {content:''; position:absolute; top:50%; left:50%; width:0; height:1px; background-color:rgba(176, 176, 176, 0.25); transform:translate(-50%, -50%) rotate(45deg); transform-origin:center;} #contents.withmuu .cp_design .cpd_icon .cpdi_contents ul li .diagonal::after {content:''; position:absolute; top:50%; left:50%; width:0; height:1px; background-color:rgba(176, 176, 176, 0.25); transform:translate(-50%, -50%) rotate(-45deg); transform-origin:center;} #contents.withmuu .cp_design .cpd_icon .cpdi_contents.aos-animate ul:before {right:-30px;} #contents.withmuu .cp_design .cpd_icon .cpdi_contents.aos-animate > .deco:before {right:0;} #contents.withmuu .cp_design .cpd_icon .cpdi_contents.aos-animate > .deco:after {right:0; ; transition:0.6s all; transition-delay:0.3s;} #contents.withmuu .cp_design .cpd_icon .cpdi_contents.aos-animate ul:after {right:-30px;} #contents.withmuu .cp_design .cpd_icon .cpdi_contents.aos-animate ul li:nth-child(1):before {bottom:-30px;} #contents.withmuu .cp_design .cpd_icon .cpdi_contents.aos-animate ul li:nth-child(1) .line:before {bottom:0;} #contents.withmuu .cp_design .cpd_icon .cpdi_contents.aos-animate ul li:nth-child(1) .line:after {bottom:0;} #contents.withmuu .cp_design .cpd_icon .cpdi_contents.aos-animate ul li:nth-child(1):after {bottom:-30px;} #contents.withmuu .cp_design .cpd_icon .cpdi_contents.aos-animate ul li:nth-child(2):before {bottom:-30px;} #contents.withmuu .cp_design .cpd_icon .cpdi_contents.aos-animate ul li:nth-child(2) .line:before {bottom:0;} #contents.withmuu .cp_design .cpd_icon .cpdi_contents.aos-animate ul li:nth-child(2) .line:after {bottom:0;} #contents.withmuu .cp_design .cpd_icon .cpdi_contents.aos-animate ul li:nth-child(2):after {bottom:-30px;} #contents.withmuu .cp_design .cpd_icon .cpdi_contents.aos-animate ul li:nth-child(3):before {bottom:-30px;} #contents.withmuu .cp_design .cpd_icon .cpdi_contents.aos-animate ul li:nth-child(3) .line:before {bottom:0;} #contents.withmuu .cp_design .cpd_icon .cpdi_contents.aos-animate ul li:nth-child(3) .line:after {bottom:0;} #contents.withmuu .cp_design .cpd_icon .cpdi_contents.aos-animate ul li:nth-child(3):after {bottom:-30px;} #contents.withmuu .cp_design .cpd_icon .cpdi_contents.aos-animate ul li:nth-child(4):before {bottom:-30px;} #contents.withmuu .cp_design .cpd_icon .cpdi_contents.aos-animate ul li:nth-child(4) .line:before {bottom:0;} #contents.withmuu .cp_design .cpd_icon .cpdi_contents.aos-animate ul li:nth-child(4) .line:after {bottom:0;} #contents.withmuu .cp_design .cpd_icon .cpdi_contents.aos-animate ul li:nth-child(4):after {bottom:-30px;} #contents.withmuu .cp_design .cpd_icon .cpdi_contents.aos-animate ul li .cross:before {bottom:0;} #contents.withmuu .cp_design .cpd_icon .cpdi_contents.aos-animate ul li .cross:after {right:0;} #contents.withmuu .cp_design .cpd_icon .cpdi_contents.aos-animate ul li .diagonal::before {width:226px;} #contents.withmuu .cp_design .cpd_icon .cpdi_contents.aos-animate ul li .diagonal::after {width:226px;} #contents.withmuu .cp_design .cpd_icon .cpdi_contents ul li .icon {width:160px; height:160px; background-repeat:no-repeat; background-position:center; background-size:contain;} #contents.withmuu .cp_design .cpd_icon .cpdi_contents ul li.home .icon {background-image:url("../images/project/withmuu/icon_design02.svg");} #contents.withmuu .cp_design .cpd_icon .cpdi_contents ul li.search .icon {background-image:url("../images/project/withmuu/icon_design03.svg");} #contents.withmuu .cp_design .cpd_icon .cpdi_contents ul li.profile .icon {background-image:url("../images/project/withmuu/icon_design04.svg");} #contents.withmuu .cp_design .cpd_icon .cpdi_contents ul li.cart .icon {background-image:url("../images/project/withmuu/icon_design05.svg");} /* withmuu - cp_main */ #contents.withmuu .cp_main {overflow:hidden; padding:160px 0 0;} #contents.withmuu .cp_main .cp_wrap {width:100%; max-width:1440px; margin:0 auto; padding:0 0 160px;} #contents.withmuu .cp_main .cp_txtwrap {padding-bottom:500px;} #contents.withmuu .cp_main .cp_imgwrap {position:absolute;} #contents.withmuu .cp_main .cp_imgwrap.t1 {top:-707px; right:-761px; width:1400px;} #contents.withmuu .cp_main .cp_imgwrap.t1 img {position:relative; z-index:1; width:100%; border-radius:50%;} #contents.withmuu .cp_main .cp_imgwrap.t1 i {display:inline-block; vertical-align:middle; position:absolute; left:0; right:0; top:0; bottom:0; border-radius:50%; border:#6255f6 solid 1px; animation-name:csm_main; animation-duration:4s; animation-iteration-count:infinite; animation-timing-function:linear;} #contents.withmuu .cp_main .cp_imgwrap.t1 i.t1 {border-color:#6255f6;} #contents.withmuu .cp_main .cp_imgwrap.t1 i.t2 {border-color:#74eb8b; animation-delay:1s;} #contents.withmuu .cp_main .cp_imgwrap.t1 i.t3 {border-color:#6255f6; animation-delay:2s;} #contents.withmuu .cp_main .cp_imgwrap.t1 i.t4 {border-color:#74eb8b; animation-delay:3s;} @keyframes csm_main {0% {transform:scale(0.99); opacity:1;} 100% {transform:scale(1.2); opacity:0;}} #contents.withmuu .cp_main .cp_imgwrap.t2 {top:-34px; right:107px; z-index:2; width:893px; filter:drop-shadow(0 40px 40px rgba(0, 0, 0, 0.10)); animation:floating01 3s ease-in-out infinite;} #contents.withmuu .cp_main .cp_imgwrap.t2 img {width:100%;} #contents.withmuu .cp_main .cp_deco {position:absolute; bottom:-67px; left:calc(720px - 50vw - 24px); width:427px; height:397px; background-image:url("../images/project/withmuu/deco_pattern.svg"); background-repeat:no-repeat; background-position:center; background-size:contain;} #contents.withmuu .cp_main > ul {display:flex; position:relative; z-index:1;} #contents.withmuu .cp_main > ul li {display:block; overflow:hidden; width:50%;} #contents.withmuu .cp_main > ul li:nth-child(1) {background-color:#877dee; background-image:url("../images/project/withmuu/pic_main03_bg.jpg"); background-repeat:no-repeat; background-position:center; background-size:contain;} #contents.withmuu .cp_main > ul li:nth-child(2) {background-color:#e4e3e9; background-image:url("../images/project/withmuu/pic_main04_bg.jpg"); background-repeat:no-repeat; background-position:center; background-size:contain;} #contents.withmuu .cp_main > ul li img {float:left; width:100%;} /* withmuu - cp_product */ #contents.withmuu .cp_product {padding:160px 0 0;} #contents.withmuu .cp_product .cp_wrap {width:100%; max-width:1440px; margin:0 auto;} #contents.withmuu .cp_product .cp_imgwrap {display:block; overflow:hidden; width:100%; margin-top:100px; border-radius:40px;} #contents.withmuu .cp_product .cp_imgwrap img {width:100%;} #contents.withmuu .cp_product .cpp_contents {overflow:hidden; position:relative; z-index:1; margin-top:160px; padding:0 0 160px;} #contents.withmuu .cp_product .cpp_contents ul {display:flex; flex-direction:column; gap:100px;} #contents.withmuu .cp_product .cpp_contents li {display:flex; gap:100px;} #contents.withmuu .cp_product .cpp_contents li:nth-child(1) {justify-content:flex-start;} #contents.withmuu .cp_product .cpp_contents li:nth-child(2) {justify-content:flex-end;} #contents.withmuu .cp_product .cpp_contents li img {width:100%; max-width:720px; filter:drop-shadow(0 20px 20px rgba(0, 0, 0, 0.10)) drop-shadow(0 40px 20px rgba(0, 0, 0, 0.15));} #contents.withmuu .cp_product .cpp_contents li:nth-child(1) img:nth-child(1) {margin-left:-40px;} #contents.withmuu .cp_product .cpp_contents li:nth-child(2) img:nth-child(2) {margin-right:-40px;} #contents.withmuu .cp_product .cp_deco {position:absolute; bottom:-210px; left:50%; width:427px; height:397px; background-image:url("../images/project/withmuu/deco_pattern.svg"); background-repeat:no-repeat; background-position:center; background-size:contain;} /* withmuu - cp_global */ #contents.withmuu .cp_global {z-index:1; padding:160px 0 0;} #contents.withmuu .cp_global .cp_wrap {overflow:hidden; width:100%; max-width:1440px; margin:0 auto; padding:0 0 160px;} #contents.withmuu .cp_global .cpg_contents {display:block; margin-top:100px;} #contents.withmuu .cp_global .cpg_contents ul {display:flex; flex-direction:row; justify-content:space-between; align-items:center;} #contents.withmuu .cp_global .cpg_contents li {position:relative; z-index:1; width:270px;} #contents.withmuu .cp_global .cpg_contents li:nth-child(3) {z-index:0; width:430px;} #contents.withmuu .cp_global .cpg_contents li img {position:relative; z-index:2; width:100%;} #contents.withmuu .cp_global .cpg_contents li p {display:inline-block; position:relative; z-index:2; margin-top:20px; padding:2px 24px; border-radius:50px; border:2px solid rgba(98, 85, 246, 0.10); background-color:#fff; font-family:Nunito; font-size:25px; font-weight:700; line-height:30px; color:#6255F6; letter-spacing:-0.5px; text-transform:uppercase;} #contents.withmuu .cp_global .cpg_contents li i {display:inline-block; vertical-align:middle; position:absolute; top:50%; left:50%; width:440px; height:440px; margin-top:-220px; margin-left:-220px; border-radius:50%; background-color:rgba(98, 85, 246, 0.08);} @keyframes cp_wave {0% {transform:scale(0.99); opacity:2;} 100% {transform:scale(1.8); opacity:0;}} #contents.withmuu .cp_global .cpg_contents li i.t1 {z-index:1; background-color:#d9d5fe;} #contents.withmuu .cp_global .cpg_contents li i.t2 {animation-name:cp_wave; animation-duration:4s; animation-iteration-count:infinite; animation-timing-function:linear;} #contents.withmuu .cp_global .cpg_contents li i.t3 {animation-name:cp_wave; animation-duration:4s; animation-iteration-count:infinite; animation-timing-function:linear; animation-delay:1s;} #contents.withmuu .cp_global .cpg_contents li i.t4 {animation-name:cp_wave; animation-duration:4s; animation-iteration-count:infinite; animation-timing-function:linear; animation-delay:2s;} #contents.withmuu .cp_global .cpg_contents li i.t5 {animation-name:cp_wave; animation-duration:4s; animation-iteration-count:infinite; animation-timing-function:linear; animation-delay:3s;} #contents.withmuu .cp_global .cp_imgwrap {position:relative; width:100%; background-color:#6255F6;} #contents.withmuu .cp_global .cp_imgwrap:before {content:''; position:absolute; top:50%; left:50%; z-index:0; width:1422px; height:1422px; margin-top:-711px; margin-left:-711px; border-radius:50%; background-color:rgba(255, 255, 255, 0.30); filter:blur(200px);} #contents.withmuu .cp_global .cp_imgwrap img {position:absolute; top:50%; left:50%; z-index:1; width:100%; transform:translate(-50%, -50%); animation:floating06 3s ease-in-out infinite;} @keyframes floating06 {0%{transform:translate(-50%, -50%);} 50%{transform:translate(-50%, calc(-50% - 20px));} 100%{transform:translate(-50%, -50%);}} /* withmuu - cp_artist */ #contents.withmuu .cp_artist {overflow:hidden; background-color:#F5F5FA;} #contents.withmuu .cp_artist .cp_wrap {width:100%; max-width:1440px; margin:0 auto;} #contents.withmuu .cp_artist .cpa_flow {display:block; position:relative; width:100%; margin-top:100px;} #contents.withmuu .cp_artist .cpa_flow ul {position:relative;} #contents.withmuu .cp_artist .cpa_flow ul li {display:flex; justify-content:center; align-items:center; position:relative; width:100%; height:200px;} #contents.withmuu .cp_artist .cpa_flow ul li + li {margin-top:50px;} #contents.withmuu .cp_artist .cpa_flow ul li .flow_inner {display:flex; gap:50px; white-space:nowrap; position:absolute; top:0; left:0; animation:marquee-left 100s linear infinite;} #contents.withmuu .cp_artist .cpa_flow ul li.t2 .flow_inner {animation:marquee-right 100s linear infinite;} #contents.withmuu .cp_artist .cpa_flow ul li .flow_inner .cpaf_wrap {display:flex; gap:50px;} #contents.withmuu .cp_artist .cpa_flow ul li .flow_inner .cpaf_imgwrap {position:relative;} #contents.withmuu .cp_artist .cpa_flow ul li .flow_inner .cpaf_imgwrap:before {content:''; display:block; position:absolute; top:0; left:0; width:100%; height:100%; border-radius:50%; background-color:rgba(98, 85, 246, 0.9); background-image:url("../images/project/withmuu/icon_pick.svg"); background-repeat:no-repeat; background-position:center; background-size:cover; opacity:0; transition:0.3s opacity; pointer-events:none;} #contents.withmuu .cp_artist .cpa_flow ul li .flow_inner .cpaf_imgwrap:hover:before {opacity:1;} #contents.withmuu .cp_artist .cpa_flow ul li .flow_inner .cpaf_imgwrap img {width:200px; border-radius:50%; box-shadow:0 30px 60px 0 rgba(8, 7, 26, 0.20);} #contents.withmuu .cp_artist .cp_imgwrap {position:relative; margin-top:160px;} #contents.withmuu .cp_artist .cp_imgwrap:before {content:''; position:absolute; top:50%; left:50%; width:1200px; height:1200px; margin-top:-600px; margin-left:-600px; border-radius:50%; background:radial-gradient(48.58% 48.58% at 52.71% 56.32%, rgba(112, 232, 133, 0.15) 41.35%, rgba(0, 185, 238, 0.15) 74.52%, rgba(98, 79, 241, 0.15) 100%); filter:blur(100px);} #contents.withmuu .cp_artist .cp_imgwrap img {position:relative; z-index:1; width:784px; animation:floating01 3s ease-in-out infinite;} /* withmuu - cp_purchase */ #contents.withmuu .cp_purchase {padding:160px 0 0;} #contents.withmuu .cp_purchase .cp_wrap {width:100%; max-width:1440px; margin:0 auto; padding:0 0 160px;} #contents.withmuu .cp_purchase .cp_imgwrap.t1 {display:flex; gap:40px; margin-top:100px;} #contents.withmuu .cp_purchase .cp_imgwrap.t1 .left {display:flex; flex-direction:column; gap:40px; width:calc(49.5% - 20px);} #contents.withmuu .cp_purchase .cp_imgwrap.t1 .left .t1 {overflow:hidden; width:100%; border-radius:40px;} #contents.withmuu .cp_purchase .cp_imgwrap.t1 .left .t2 {overflow:hidden; width:100%; border-radius:40px;} #contents.withmuu .cp_purchase .cp_imgwrap.t1 .left img {float:left; width:100%;} #contents.withmuu .cp_purchase .cp_imgwrap.t1 .right {overflow:hidden; width:calc(50.5% - 20px); border-radius:40px;} #contents.withmuu .cp_purchase .cp_imgwrap.t1 .right img {float:left; width:100%; height:100%;} #contents.withmuu .cp_purchase .cp_imgwrap.t2 {position:relative; overflow:hidden; background-color:#6255F6; background-image:url("../images/project/withmuu/pic_purchase04.png"); background-repeat:no-repeat; background-position:center; background-size:cover; background-attachment:fixed; font-size:0; line-height:0;} #contents.withmuu .cp_purchase .cp_imgwrap.t2 img {display:none; position:absolute; left:0; right:0; top:0; bottom:0; width:100%; height:100%; object-fit:cover;} #contents.withmuu.ios .cp_purchase .cp_imgwrap.t2 img {display:block;} /* carriermall - common */ #contents.carriermall, #contents.carriermall .text, #contents.carriermall .cp_text, #contents.carriermall .cp_title {font-family:'Montserrat', 'Noto Sans KR', 'sans-serif'; word-break:keep-all;} #contents.carriermall .cp_txtwrap {display:inline-block;} #contents.carriermall .cp_txtwrap mark {display:block; font-size:25px; font-weight:600; line-height:35px; color:#111426; letter-spacing:-0.5px; text-transform:uppercase; text-align:left;} #contents.carriermall .cp_txtwrap .cp_title {display:block; color:#172A7E; font-size:60px; font-weight:700; line-height:70px; letter-spacing:-1.2px; text-align:left; text-transform:uppercase; word-break:keep-all;} #contents.carriermall .cp_txtwrap.t2 .cp_title {font-size:40px; line-height:50px;} #contents.carriermall .cp_txtwrap .cp_title span {display:block;} #contents.carriermall .cp_txtwrap .cp_text {margin-top:30px; font-size:25px; font-weight:400; line-height:40px; letter-spacing:-0.5px; text-align:left; text-transform:uppercase; word-break:keep-all;} #contents.carriermall .cp_txtwrap .cp_text span {display:block;} /* carriermall - cp_goal */ #contents.carriermall .cp_goal {max-width:calc(100% - 160px); margin:0 auto; border-radius:30px; background-color:#F8F9FA;} #contents.carriermall .cp_goal .cpg_contents {display:flex; width:100%; max-width:1440px; margin:80px auto 0; opacity:1 !important;} #contents.carriermall .cp_goal .cpg_contents ul {position:relative; width:calc(100% - 475px);} #contents.carriermall .cp_goal .cpg_contents ul li {display:flex; flex-direction:column; justify-content:center; align-items:center; position:absolute; width:335px; border-radius:300px; background:rgba(255, 255, 255, 0.50); box-shadow:0 30px 60px 0 rgba(28, 28, 32, 0.03); aspect-ratio:1/1; opacity:0; transition:0.6s all;} #contents.carriermall .cp_goal .cpg_contents ul li:nth-child(1) {left:0; transform:translateX(-5px);} #contents.carriermall .cp_goal .cpg_contents ul li:nth-child(2) {left:calc(50% - 167px); transform:translateX(-25px);} #contents.carriermall .cp_goal .cpg_contents ul li:nth-child(3) {right:0; transform:translateX(-35px);} #contents.carriermall .cp_goal .cpg_contents ul li strong {color:#172A7E; font-size:30px; font-weight:700; line-height:40px; letter-spacing:-0.6px; text-transform:uppercase;} #contents.carriermall .cp_goal .cpg_contents ul li p {margin-top:30px; text-align:center; font-size:25px; font-weight:400; line-height:40px; letter-spacing:-0.5px; text-transform:uppercase;} #contents.carriermall .cp_goal .cpg_contents ul li p span {display:block;} #contents.carriermall .cp_goal .cpg_contents .icon.arrow {width:140px; height:335px; background-repeat:no-repeat; background-position:center; background-size:100px auto; background-image:url("../images/project/carriermall/icon_goal.svg");} #contents.carriermall .cp_goal .cpg_contents .cpgc_goal {display:flex; flex-direction:column; justify-content:center; align-items:center; width:335px; border-radius:500px; background:#172A7E; box-shadow:0 30px 60px 0 rgba(23, 42, 126, 0.20); aspect-ratio:1/1; transform:translateX(-30px); opacity:0; transition:0.6s all;} #contents.carriermall .cp_goal .cpg_contents .cpgc_goal p {color:#fff; text-align:center; font-size:30px; font-weight:700; line-height:45px; letter-spacing:-0.6px; text-transform:uppercase;} #contents.carriermall .cp_goal .cpg_contents .cpgc_goal p span {display:block;} #contents.carriermall .cp_goal .cpg_contents.aos-animate ul li {opacity:1; transform:translateX(0) !important;} #contents.carriermall .cp_goal .cpg_contents.aos-animate ul li:nth-child(2) {transition-delay:0.3s;} #contents.carriermall .cp_goal .cpg_contents.aos-animate ul li:nth-child(3) {transition-delay:0.6s;} #contents.carriermall .cp_goal .cpg_contents.aos-animate .cpgc_goal {opacity:1; transform:translateX(0); transition-delay:1s;} #contents.carriermall .cp_goal .cp_txtwrap .cp_text {margin-top:80px; color:#172A7E;} #contents.carriermall .cp_goal .cp_txtwrap .cp_text > span {display:block; text-align:center;} #contents.carriermall .cp_goal .cp_txtwrap .cp_text > span span {display:inline-block;} /* carriermall - cp_strategy */ #contents.carriermall .cp_strategy {overflow:hidden; padding:300px 0;} #contents.carriermall .cp_strategy .cp_wrap {max-width:1440px; margin:0 auto;} #contents.carriermall .cp_strategy .cp_txtwrap .cp_title {text-align:center;} #contents.carriermall .cp_strategy .cp_txtwrap .cp_text {text-align:center;} #contents.carriermall .cp_strategy ul {position:relative; z-index:1; display:flex; gap:40px; width:100%; margin-top:80px;} #contents.carriermall .cp_strategy ul li {display:flex; flex-direction:column; justify-content:center; align-items:center; gap:30px; width:calc(33.3333% - 26.6667px); border-radius:20px; background:#fff; box-shadow:0 0 80px 0 rgba(28, 28, 32, 0.06); aspect-ratio:1/1;} #contents.carriermall .cp_strategy ul li i {width:120px; height:80px; background-repeat:no-repeat; background-position:top center; background-size:contain;} #contents.carriermall .cp_strategy ul li:nth-child(1) i {background-image:url("../images/project/carriermall/icon_strategy01.svg");} #contents.carriermall .cp_strategy ul li:nth-child(2) i {background-image:url("../images/project/carriermall/icon_strategy02.svg");} #contents.carriermall .cp_strategy ul li:nth-child(3) i {background-image:url("../images/project/carriermall/icon_strategy03.svg");} #contents.carriermall .cp_strategy ul li strong {color:#172A7E; font-size:30px; font-weight:700; line-height:40px; letter-spacing:-0.6px; text-transform:uppercase; word-break:keep-all;} #contents.carriermall .cp_strategy ul li p {text-align:center; font-size:25px; font-weight:400; line-height:40px; letter-spacing:-0.5px; text-transform:uppercase; word-break:keep-all;} #contents.carriermall .cp_strategy ul li p span {display:block;} #contents.carriermall .cp_strategy .cps_contents {position:relative; z-index:1; box-sizing:border-box; width:100%; margin-top:300px; padding-top:525px; padding-bottom:442px;} #contents.carriermall .cp_strategy .cps_contents .cpsc_video {position:relative; z-index:2; box-sizing:border-box; overflow:hidden; width:470px; height:994px; margin:0 auto; border-radius:30px; border:10px solid #F8F9FA; background-color:#fff; box-shadow:0 0 80px 0 rgba(28, 28, 32, 0.15);} #contents.carriermall .cp_strategy .cps_contents .cpsc_video video {width:100%;} #contents.carriermall .cp_strategy .cps_contents .cp_imgwrap {display:inline-block; position:absolute; font-size:0; line-height:0;} #contents.carriermall .cp_strategy .cps_contents .cp_imgwrap img {border-radius:20px; box-shadow:0 20px 60px 0 rgba(17, 20, 38, 0.06);} #contents.carriermall .cp_strategy .cps_contents .cp_imgwrap p {display:block; box-sizing:border-box; padding:0 8px; color:#172A7E; font-size:17px; font-weight:300; line-height:40px; letter-spacing:-0.34px; text-transform:uppercase; word-break:keep-all; text-align:left;} #contents.carriermall .cp_strategy .cps_contents .cp_imgwrap p b {font-weight:700;} #contents.carriermall .cp_strategy .cps_contents .cp_imgwrap.t1 {top:0; left:97px;} #contents.carriermall .cp_strategy .cps_contents .cp_imgwrap.t1 img {width:578px;} #contents.carriermall .cp_strategy .cps_contents .cp_imgwrap.t1 p {position:absolute; top:0; right:100%; margin-top:-40px; transform:rotate(-90deg); white-space:nowrap; transform-origin:right bottom;} #contents.carriermall .cp_strategy .cps_contents .cp_imgwrap.t2 {top:678px; right:-118px;} #contents.carriermall .cp_strategy .cps_contents .cp_imgwrap.t2 img {width:837px;} #contents.carriermall .cp_strategy .cps_contents .cp_imgwrap.t2 p {text-align:right;} #contents.carriermall .cp_strategy .cps_contents .cp_imgwrap.t3 {bottom:0; left:30px;} #contents.carriermall .cp_strategy .cps_contents .cp_imgwrap.t3 img {width:600px;} #contents.carriermall .cp_strategy .cp_wrap > strong {display:block; position:relative; z-index:1; margin-top:150px; color:#172A7E; font-size:90px; font-weight:250; line-height:110px; letter-spacing:-1.8px; text-transform:uppercase; text-align:right; word-break:keep-all;} #contents.carriermall .cp_strategy .cp_wrap > strong span {display:block;} #contents.carriermall .cp_strategy .cp_wrap > strong b {font-weight:700;} #contents.carriermall .cp_strategy .cp_wrap > strong img {width:428px;} #contents.carriermall .cp_strategy .cp_wrap > strong .cp_deco {position:absolute; top:-480px; right:150px; width:330px; height:330px; background-image:url("../images/project/carriermall/circle_strategy.svg"); background-repeat:no-repeat; background-position:top center; background-size:100% auto; animation:rotate360 15s linear infinite;} #contents.carriermall .cp_strategy > .cp_deco {position:absolute; top:50%; right:0; width:258px; height:2809px; background-image:url("../images/project/carriermall/txt_strategy.png"); background-repeat:no-repeat; background-position:top center; background-size:100% auto; transform:translate(0, -50%);} /* carriermall - cp_design */ #contents.carriermall .cp_design {width:100%; max-width:calc(100% - 160px); margin:0 auto; padding:0;} #contents.carriermall .cp_design .cpd_top {display:flex; flex-direction:column; gap:20px;} #contents.carriermall .cp_design .cpd_top .cpdt_grid {box-sizing:border-box; padding:160px 0; border-radius:30px; background-color:#172A7E;} #contents.carriermall .cp_design .cpd_top .cpdt_grid .cp_txtwrap {width:100%; max-width:1440px; margin:0 auto;} #contents.carriermall .cp_design .cpd_top .cpdt_grid .cpdtg_box {display:flex; gap:95px; width:100%; max-width:1440px; margin:0 auto; margin-top:60px; opacity:1 !important;} #contents.carriermall .cp_design .cpd_top .cpdt_grid .cpdtg_box .pc {width:1060px; border-top:1px solid #fff;} #contents.carriermall .cp_design .cpd_top .cpdt_grid .cpdtg_box .mo {width:285px; border-top:1px solid #fff;} #contents.carriermall .cp_design .cpd_top .cpdt_grid .cpdtg_box strong {display:block; padding-top:25px; font-size:25px; font-style:normal; font-weight:700; line-height:40px; letter-spacing:-0.5px; word-break:keep-all; text-align:left;} #contents.carriermall .cp_design .cpd_top .cpdt_grid .cpdtg_box p {display:block; padding-top:25px; font-size:25px; font-weight:400; line-height:40px; letter-spacing:-0.5px; word-break:keep-all; text-align:left;} #contents.carriermall .cp_design .cpd_top .cpdt_grid .cpdtg_box p span {display:block;} #contents.carriermall .cp_design .cpd_top .cpdt_grid .cp_imgwrap {position:relative; margin-top:60px;} #contents.carriermall .cp_design .cpd_top .cpdt_grid .cp_imgwrap img {width:100%;} #contents.carriermall .cp_design .cpd_top .cpdt_grid .cp_imgwrap i {position:absolute; top:0; left:0; width:100%; height:0; background-repeat:no-repeat; background-position:top center; background-size:100% auto; opacity:0; transition:0.6s all;} #contents.carriermall .cp_design .cpd_top .cpdt_grid .pc .cp_imgwrap i.t1 {background-image:url("../images/project/carriermall/pic_grid02.png");} #contents.carriermall .cp_design .cpd_top .cpdt_grid .pc .cp_imgwrap i.t2 {background-image:url("../images/project/carriermall/pic_grid03.png");} #contents.carriermall .cp_design .cpd_top .cpdt_grid .pc .cp_imgwrap i.t3 {background-image:url("../images/project/carriermall/pic_grid04.png");} #contents.carriermall .cp_design .cpd_top .cpdt_grid .pc .cp_imgwrap i.t4 {background-image:url("../images/project/carriermall/pic_grid05.png");} #contents.carriermall .cp_design .cpd_top .cpdt_grid .pc .cp_imgwrap i.t5 {background-image:url("../images/project/carriermall/pic_grid06.png");} #contents.carriermall .cp_design .cpd_top .cpdt_grid .pc .cp_imgwrap i.t6 {background-image:url("../images/project/carriermall/pic_grid07.png");} #contents.carriermall .cp_design .cpd_top .cpdt_grid .pc .cp_imgwrap i.t7 {background-image:url("../images/project/carriermall/pic_grid08.png");} #contents.carriermall .cp_design .cpd_top .cpdt_grid .pc .cp_imgwrap i.t8 {background-image:url("../images/project/carriermall/pic_grid09.png");} #contents.carriermall .cp_design .cpd_top .cpdt_grid .pc .cp_imgwrap i.t9 {background-image:url("../images/project/carriermall/pic_grid10.png");} #contents.carriermall .cp_design .cpd_top .cpdt_grid .pc .cp_imgwrap i.t10 {background-image:url("../images/project/carriermall/pic_grid11.png");} #contents.carriermall .cp_design .cpd_top .cpdt_grid .pc .cp_imgwrap i.t11 {background-image:url("../images/project/carriermall/pic_grid12.png");} #contents.carriermall .cp_design .cpd_top .cpdt_grid .pc .cp_imgwrap i.t12 {background-image:url("../images/project/carriermall/pic_grid13.png");} #contents.carriermall .cp_design .cpd_top .cpdt_grid .pc .cp_imgwrap i.t13 {height:100% !important; background-image:url("../images/project/carriermall/pic_grid14.png"); transition:0.8s all;} #contents.carriermall .cp_design .cpd_top .cpdt_grid .mo .cp_imgwrap i.t1 {background-image:url("../images/project/carriermall/pic_grid16.png");} #contents.carriermall .cp_design .cpd_top .cpdt_grid .mo .cp_imgwrap i.t2 {background-image:url("../images/project/carriermall/pic_grid17.png");} #contents.carriermall .cp_design .cpd_top .cpdt_grid .mo .cp_imgwrap i.t3 {background-image:url("../images/project/carriermall/pic_grid18.png");} #contents.carriermall .cp_design .cpd_top .cpdt_grid .mo .cp_imgwrap i.t4 {background-image:url("../images/project/carriermall/pic_grid19.png");} #contents.carriermall .cp_design .cpd_top .cpdt_grid .mo .cp_imgwrap i.t5 {height:100% !important; background-image:url("../images/project/carriermall/pic_grid20.png"); transition:0.8s all;} #contents.carriermall .cp_design .cpd_top .cpdt_grid .cpdtg_box.aos-animate .pc .cp_imgwrap i {height:100%; opacity:1;} #contents.carriermall .cp_design .cpd_top .cpdt_grid .cpdtg_box.aos-animate .pc .cp_imgwrap i.t2 {transition-delay:0.05s;} #contents.carriermall .cp_design .cpd_top .cpdt_grid .cpdtg_box.aos-animate .pc .cp_imgwrap i.t3 {transition-delay:0.1s;} #contents.carriermall .cp_design .cpd_top .cpdt_grid .cpdtg_box.aos-animate .pc .cp_imgwrap i.t4 {transition-delay:0.15s;} #contents.carriermall .cp_design .cpd_top .cpdt_grid .cpdtg_box.aos-animate .pc .cp_imgwrap i.t5 {transition-delay:0.2s;} #contents.carriermall .cp_design .cpd_top .cpdt_grid .cpdtg_box.aos-animate .pc .cp_imgwrap i.t6 {transition-delay:0.25s;} #contents.carriermall .cp_design .cpd_top .cpdt_grid .cpdtg_box.aos-animate .pc .cp_imgwrap i.t7 {transition-delay:0.3s;} #contents.carriermall .cp_design .cpd_top .cpdt_grid .cpdtg_box.aos-animate .pc .cp_imgwrap i.t8 {transition-delay:0.35s;} #contents.carriermall .cp_design .cpd_top .cpdt_grid .cpdtg_box.aos-animate .pc .cp_imgwrap i.t9 {transition-delay:0.4s;} #contents.carriermall .cp_design .cpd_top .cpdt_grid .cpdtg_box.aos-animate .pc .cp_imgwrap i.t10 {transition-delay:0.45s;} #contents.carriermall .cp_design .cpd_top .cpdt_grid .cpdtg_box.aos-animate .pc .cp_imgwrap i.t11 {transition-delay:0.5s;} #contents.carriermall .cp_design .cpd_top .cpdt_grid .cpdtg_box.aos-animate .pc .cp_imgwrap i.t12 {transition-delay:0.55s;} #contents.carriermall .cp_design .cpd_top .cpdt_grid .cpdtg_box.aos-animate .pc .cp_imgwrap i.t13 {transition-delay:1s;} #contents.carriermall .cp_design .cpd_top .cpdt_grid .cpdtg_box.aos-animate .mo .cp_imgwrap i {height:100%; opacity:1;} #contents.carriermall .cp_design .cpd_top .cpdt_grid .cpdtg_box.aos-animate .mo .cp_imgwrap i.t1 {transition-delay:0.4s;} #contents.carriermall .cp_design .cpd_top .cpdt_grid .cpdtg_box.aos-animate .mo .cp_imgwrap i.t2 {transition-delay:0.45s;} #contents.carriermall .cp_design .cpd_top .cpdt_grid .cpdtg_box.aos-animate .mo .cp_imgwrap i.t3 {transition-delay:0.5s;} #contents.carriermall .cp_design .cpd_top .cpdt_grid .cpdtg_box.aos-animate .mo .cp_imgwrap i.t4 {transition-delay:0.55s;} #contents.carriermall .cp_design .cpd_top .cpdt_grid .cpdtg_box.aos-animate .mo .cp_imgwrap i.t5 {transition-delay:1s;} #contents.carriermall .cp_design .cpd_top .cpdt_box {display:flex; gap:20px;} #contents.carriermall .cp_design .cpd_top .cpdt_font {display:flex; flex-direction:column; align-items:center; box-sizing:border-box; width:calc(100% - 560px); padding:80px 0; border-radius:30px; background:#FFF; box-shadow:0 0 80px 0 rgba(17, 20, 38, 0.08);} #contents.carriermall .cp_design .cpd_top .cpdt_font > div {display:flex; flex-direction:column; align-items:flex-start; max-width:880px;} #contents.carriermall .cp_design .cpd_top .cpdt_font .kr {width:100%; font-family:'Noto Sans KR', 'sans-serif';} #contents.carriermall .cp_design .cpd_top .cpdt_font .en {width:100%; margin-top:80px; padding-top:80px; border-top:1px solid rgba(23, 42, 126, 0.10);} #contents.carriermall .cp_design .cpd_top .cpdt_font b {color:#172A7E; font-size:25px; font-weight:700; line-height:30px; letter-spacing:-0.5px; text-transform:uppercase;} #contents.carriermall .cp_design .cpd_top .cpdt_font strong {margin-top:10px; font-size:80px; font-weight:700; line-height:100px; letter-spacing:-1.6px; text-transform:uppercase;} #contents.carriermall .cp_design .cpd_top .cpdt_font p {display:flex; gap:30px; margin-top:10px; color:rgba(17, 20, 38, 0.50); font-size:25px; font-weight:400; line-height:30px; letter-spacing:-0.5px; text-transform:uppercase;} #contents.carriermall .cp_design .cpd_top .cpdt_font ul {display:flex; gap:15px; margin-top:30px;} #contents.carriermall .cp_design .cpd_top .cpdt_font ul li {display:flex; box-sizing:border-box; height:38px; padding:0 20px 2px 20px; border-radius:50px; border:2px solid #172A7E; justify-content:center; color:#111426; font-size:25px; font-weight:900; line-height:36px; letter-spacing:-0.5px; transition:0.3s all; cursor:pointer;} #contents.carriermall .cp_design .cpd_top .cpdt_font ul li:nth-child(2) {font-weight:700;} #contents.carriermall .cp_design .cpd_top .cpdt_font ul li:nth-child(3) {font-weight:500;} #contents.carriermall .cp_design .cpd_top .cpdt_font ul li:nth-child(4) {font-weight:400;} #contents.carriermall .cp_design .cpd_top .cpdt_font ul li:nth-child(5) {font-weight:300;} #contents.carriermall .cp_design .cpd_top .cpdt_font ul li:nth-child(6) {font-weight:200;} #contents.carriermall .cp_design .cpd_top .cpdt_font ul li:hover {background-color:#172A7E; color:#fff;} #contents.carriermall .cp_design .cpd_top .cpdt_font .kr ul li {align-items:center;} #contents.carriermall .cp_design .cpd_top .cpdt_color {position:relative; width:540px; opacity:1 !important;} #contents.carriermall .cp_design .cpd_top .cpdt_color li {display:flex; justify-content:space-between; position:absolute; box-sizing:border-box; width:100%; height:270px; padding:40px 70px; border-radius:30px; opacity:0; transition:0.6s all;} #contents.carriermall .cp_design .cpd_top .cpdt_color li:nth-child(1) {top:0; background-color:#172A7E; transform:translateY(547px);} #contents.carriermall .cp_design .cpd_top .cpdt_color li:nth-child(2) {top:22.5%; background-color:#4189BC; transform:translateY(357px);} #contents.carriermall .cp_design .cpd_top .cpdt_color li:nth-child(3) {top:45%; background-color:#6439BC; transform:translateY(195px);} #contents.carriermall .cp_design .cpd_top .cpdt_color li:nth-child(4) {bottom:0; background-color:#1C1C20; transform:translateY(20px);} #contents.carriermall .cp_design .cpd_top .cpdt_color li p {color:#fff; font-size:25px; font-weight:700; line-height:40px; letter-spacing:-0.5px; text-transform:uppercase;} #contents.carriermall .cp_design .cpd_top .cpdt_color.aos-animate li {opacity:1;} #contents.carriermall .cp_design .cpd_top .cpdt_color.aos-animate li:nth-child(1) {transform:translateY(0); transition-delay:1.2s;} #contents.carriermall .cp_design .cpd_top .cpdt_color.aos-animate li:nth-child(2) {transform:translateY(0); transition-delay:0.9s;} #contents.carriermall .cp_design .cpd_top .cpdt_color.aos-animate li:nth-child(3) {transform:translateY(0); transition-delay:0.6s;} #contents.carriermall .cp_design .cpd_top .cpdt_color.aos-animate li:nth-child(4) {transform:translateY(0); transition-delay:0.3s;} #contents.carriermall .cp_design .cpd_bottom {overflow:hidden; box-sizing:border-box; margin-top:300px; padding:300px 0 430px; border-radius:30px; background-color:#F8F9FA;} #contents.carriermall .cp_design .cpd_bottom .cpdb_icon {position:relative;} #contents.carriermall .cp_design .cpd_bottom .cpdb_icon .cpdbi_sliderwrap {position:absolute; top:86px; z-index:1; box-sizing:border-box; width:calc(100% + 160px); margin-left:-80px; padding:20px 0; border-radius:30px; background-color:#fff; box-shadow:0 20px 60px 0 rgba(17, 20, 38, 0.06);} #contents.carriermall .cp_design .cpd_bottom .cpdb_icon .cpdbi_sliderwrap:before {content:''; position:absolute; top:0; bottom:0; left:0; right:calc(50% + 225px); z-index:2; background:linear-gradient(90deg, #F8F9FA 2.43%, rgba(248, 249, 250, 0.00) 100%); pointer-events:none;} #contents.carriermall .cp_design .cpd_bottom .cpdb_icon .cpdbi_sliderwrap:after {content:''; position:absolute; top:0; bottom:0; left:calc(50% + 225px); right:0; z-index:2; background:linear-gradient(90deg, rgba(248, 249, 250, 0.00) 2.43%, #F8F9FA 100%); pointer-events:none;} #contents.carriermall .cp_design .cpd_bottom .cpdb_icon .swiper-slide {box-sizing:border-box; padding:35px 10px; cursor:pointer;} #contents.carriermall .cp_design .cpd_bottom .cpdb_icon .swiper-slide p {margin-top:20px; color:#111426; font-size:30px; font-weight:400; line-height:35px; letter-spacing:-0.6px; text-transform:uppercase;} #contents.carriermall .cp_design .cpd_bottom .cpdb_icon .swiper-slide img {height:80px;} #contents.carriermall .cp_design .cpd_bottom .cpdb_icon .swiper-slide-active img {position:relative; z-index:2; filter:invert(99%) sepia(0%) saturate(2%) hue-rotate(64deg) brightness(1113%) contrast(100%);} #contents.carriermall .cp_design .cpd_bottom .cpdb_icon .swiper-slide-active p {position:relative; z-index:2; color:#fff;} #contents.carriermall .cp_design .cpd_bottom .cpdb_icon .swiper-slide-active:before {content:''; position:absolute; top:0; bottom:0; left:50%; border-radius:20px; background-color:#172A7E; aspect-ratio:1/1; transform:translate(-50%, 0);} #contents.carriermall .cp_design .cpd_bottom .cpdb_icon .cpdbi_box {position:relative; width:100%; max-width:1440px; margin:0 auto;} #contents.carriermall .cp_design .cpd_bottom .cpdb_icon .cp_txtwrap {position:absolute; top:540px; left:0;} #contents.carriermall .cp_design .cpd_bottom .cpdb_icon .cp_imgwrap {width:450px; margin:0 auto; border-radius:30px; box-shadow:60px 80px 80px 0 rgba(17, 20, 38, 0.10);} #contents.carriermall .cp_design .cpd_bottom .cpdb_icon .cp_imgwrap img {width:100%;} #contents.carriermall .cp_design .cpd_bottom .cpdb_filter {position:relative; margin-top:350px;} #contents.carriermall .cp_design .cpd_bottom .cpdb_filter .cp_txtwrap {position:relative; left:100px;} #contents.carriermall .cp_design .cpd_bottom .cpdb_filter .cpdbf_box {display:flex; flex-direction:row-reverse; justify-content:flex-end; width:100%; max-width:1440px; margin:0 auto;} #contents.carriermall .cp_design .cpd_bottom .cpdb_filter .cpdbf_box .cp_imgwrap {width:300px; margin-right:70px;} #contents.carriermall .cp_design .cpd_bottom .cpdb_filter .cpdbf_box .cp_imgwrap img {width:100%; border-radius:20px; box-shadow:60px 80px 80px 0 rgba(17, 20, 38, 0.10);} #contents.carriermall .cp_design .cpd_bottom .cpdb_filter > .cp_imgwrap {position:absolute; top:580px; right:-444px; width:1200px;} #contents.carriermall .cp_design .cpd_bottom .cpdb_filter > .cp_imgwrap img {width:100%; border-radius:20px; box-shadow:60px 80px 80px 0 rgba(17, 20, 38, 0.10);} /* carriermall - cp_history */ #contents.carriermall .cp_history {overflow:hidden; padding:300px 0;} #contents.carriermall .cp_history .cp_wrap {width:100%; max-width:1440px; margin:0 auto; text-align:left;} #contents.carriermall .cp_history .cps_contents.t1 {display:flex; flex-direction:column;} #contents.carriermall .cp_history .cps_contents.t1 .cp_txtwrap {position:relative;} #contents.carriermall .cp_history .cps_contents.t1 .cp_txtwrap:before {content:''; position:absolute; top:210px; right:-500px; width:1264px; height:266px; background-image:url("../images/project/carriermall/logo_horizontal.png"); background-repeat:no-repeat; background-position:center; background-size:contain;} #contents.carriermall .cp_history .cp_imgwrap {position:relative; z-index:1; font-size:0; line-height:0;} #contents.carriermall .cp_history .cp_imgwrap p {box-sizing:border-box; padding:0 8px; color:#172A7E; font-size:17px; font-weight:300; line-height:40px; letter-spacing:-0.34px; text-transform:uppercase;} #contents.carriermall .cp_history .cp_imgwrap p b {font-weight:700;} #contents.carriermall .cp_history .cp_imgwrap.t3 {padding-left:40px;} #contents.carriermall .cp_history .cp_imgwrap.t3 p {margin-left:-40px; transform:rotate(-90deg); transform-origin:top left;} #contents.carriermall .cp_history .cp_imgwrap img {width:100%;} #contents.carriermall .cp_history .cps_contents.t1 .cp_imgwrap.t1 {width:1200px; margin-top:117px; margin-left:-342px;} #contents.carriermall .cp_history .cps_contents.t1 .cp_imgwrap.t1 img {border-radius:20px; box-shadow:0 0 40px 0 rgba(0, 0, 0, 0.04), 60px 80px 80px 0 rgba(17, 20, 38, 0.06);} #contents.carriermall .cp_history .cps_contents.t1 .cp_imgwrap.t2 {width:600px; margin-top:30px; margin-left:calc(100% - 500px);} #contents.carriermall .cp_history .cps_contents.t1 .cp_imgwrap.t3 {width:720px; margin-top:-260px; margin-left:-40px;} #contents.carriermall .cp_history .cp_imgwrap.t1 p {text-align:right;} #contents.carriermall .cp_history .cps_contents.t2 {display:flex; justify-content:space-between; margin-top:180px;} #contents.carriermall .cp_history .cps_contents.t2 .cp_imgwrap {width:400px; margin-top:-360px; margin-right:100px; border-radius:20px; box-shadow:0 0 40px 0 rgba(0, 0, 0, 0.04), 60px 80px 80px 0 rgba(17, 20, 38, 0.06);} #contents.carriermall .cp_history .cps_contents.t2 .cp_imgwrap:before {content:''; position:absolute; top:-106px; right:-100px; z-index:-1; width:200px; height:200px; background-image:url("../images/project/carriermall/circle_history.svg"); background-repeat:no-repeat; background-position:center; background-size:contain; animation:rotate360 12s linear infinite;} /* carriermall - cp_innovative */ #contents.carriermall .cp_innovative {padding:0;} #contents.carriermall .cp_innovative .cp_box {position:relative;} #contents.carriermall .cp_innovative .cpi_sticky {position:sticky; top:0; width:100%; background-color:#162a7e; background-image:url("../images/project/carriermall/bg_innovative.jpg"); background-repeat:no-repeat; background-position:top center; background-size:100% auto; aspect-ratio:1920/1600;} #contents.carriermall .cp_innovative ul {display:flex; flex-direction:row; flex-wrap:wrap; gap:20px; position:absolute; bottom:-365px; left:50%; box-sizing:border-box; width:100%; max-width:1860px; padding:0 50px; transform:translate(-50%, 0);} #contents.carriermall .cp_innovative ul li {display:flex; flex-direction:column; justify-content:space-between; box-sizing:border-box; overflow:hidden; position:relative; width:calc(25% - 15px); padding:40px; border-radius:20px; background:rgba(255, 255, 255, 0.15); backdrop-filter:blur(25px); aspect-ratio:425/567;} #contents.carriermall .cp_innovative ul li:nth-child(2) {top:-140px; padding:0;} #contents.carriermall .cp_innovative ul li:nth-child(3) {top:-20px;} #contents.carriermall .cp_innovative ul li:nth-child(4) {top:-208px;} #contents.carriermall .cp_innovative ul li:nth-child(6) {top:-140px;} #contents.carriermall .cp_innovative ul li:nth-child(7) {top:-20px;} #contents.carriermall .cp_innovative ul li:nth-child(8) {top:-208px; padding:0;} #contents.carriermall .cp_innovative ul li:nth-child(9) {overflow:hidden; position:absolute; bottom:-108px; left:50%; box-sizing:border-box; width:1220px; height:695px; padding:0; border:10px solid #fff; border-radius:40px; background-color:#fff; backdrop-filter:blur(0); transform:translate(-50%, 0); box-shadow:60px 80px 80px 0 rgba(17, 20, 38, 0.10);} #contents.carriermall .cp_innovative ul li .top {display:flex; flex-direction:row; justify-content:space-between; font-size:20px; font-weight:700; line-height:30px; letter-spacing:-0.4px; text-transform:uppercase;} #contents.carriermall .cp_innovative ul li .top strong {font-weight:900;} #contents.carriermall .cp_innovative ul li .bottom {text-align:left;} #contents.carriermall .cp_innovative ul li .bottom .icon {width:100px; height:120px; background-repeat:no-repeat; background-position:top center; background-size:cover;} #contents.carriermall .cp_innovative ul li:nth-child(1) .bottom .icon {background-image:url("../images/project/carriermall/icon_innovative01.svg");} #contents.carriermall .cp_innovative ul li:nth-child(3) .bottom .icon {background-image:url("../images/project/carriermall/icon_innovative02.svg");} #contents.carriermall .cp_innovative ul li:nth-child(4) .bottom .icon {background-image:url("../images/project/carriermall/icon_innovative03.svg");} #contents.carriermall .cp_innovative ul li:nth-child(5) .bottom .icon {background-image:url("../images/project/carriermall/icon_innovative04.svg");} #contents.carriermall .cp_innovative ul li:nth-child(6) .bottom .icon {background-image:url("../images/project/carriermall/icon_innovative05.svg");} #contents.carriermall .cp_innovative ul li:nth-child(7) .bottom .icon {background-image:url("../images/project/carriermall/icon_innovative06.svg");} #contents.carriermall .cp_innovative ul li .bottom strong {display:block; margin-top:15px; font-size:30px; font-weight:900; line-height:40px; letter-spacing:-0.6px; text-transform:uppercase; text-align:left; word-break:keep-all;} #contents.carriermall .cp_innovative ul li .bottom p {display:block; margin-top:15px; font-size:25px; font-weight:500; line-height:40px; letter-spacing:-0.5px; text-transform:uppercase; text-align:left; word-break:keep-all; opacity:0.7;} #contents.carriermall .cp_innovative ul li .bottom p span {display:block;} #contents.carriermall .cp_innovative ul li .bottom p em {display:block;} #contents.carriermall .cp_innovative ul li img {width:100%;} #contents.carriermall .cp_innovative .cpi_contents {position:relative; padding-top:300px;} #contents.carriermall .cp_innovative .cpi_contents strong {display:block; margin-top:182px; font-weight:700; font-size:210px; color:rgba(23, 42, 126, 0.03); line-height:210px; letter-spacing:-4.2px; text-align:center; text-transform:uppercase;} #contents.carriermall .cp_innovative .cpi_contents .cpic_deco {margin-top:550px; margin-bottom:100px;} #contents.carriermall .cp_innovative .cpi_contents .cpic_deco {display:inline-block; vertical-align:middle; position:relative; overflow:hidden; width:100%; height:420px;} #contents.carriermall .cp_innovative .cpi_contents .cpic_deco .cpicd_pic {display:inline-block; vertical-align:middle; position:absolute; box-sizing:border-box; height:140px; padding:30px 0;} #contents.carriermall .cp_innovative .cpi_contents .cpic_deco .cpicd_pic.t1 {position:absolute; top:0; right:0;} #contents.carriermall .cp_innovative .cpi_contents .cpic_deco .cpicd_pic.t2 {position:absolute; top:140px; left:0;} #contents.carriermall .cp_innovative .cpi_contents .cpic_deco .cpicd_pic.t3 {position:absolute; bottom:0; right:0;} #contents.carriermall .cp_innovative .cpi_contents .cpic_deco .cpicd_pic > img {width:auto; height:100%;} #contents.carriermall .cp_innovative .cpi_contents .cp_imgwrap {position:absolute; bottom:0; width:320px; border-radius:20px; box-shadow:0 0 40px 0 rgba(0, 0, 0, 0.06), 60px 80px 80px 0 rgba(17, 20, 38, 0.06);} #contents.carriermall .cp_innovative .cpi_contents .cp_imgwrap.t1 {bottom:32px; left:530px; z-index:1;} #contents.carriermall .cp_innovative .cpi_contents .cp_imgwrap.t1:before {content:''; position:absolute; top:-195px; left:-152px; z-index:-1; width:260px; height:260px; background-image:url("../images/project/carriermall/circle_innovative.svg"); background-repeat:no-repeat; background-position:center; background-size:contain; animation:rotate360 12s linear infinite;} #contents.carriermall .cp_innovative .cpi_contents .cp_imgwrap.t2 {bottom:434px; right:400px;} #contents.carriermall .cp_innovative .cpi_contents .cp_imgwrap img {width:100%;} @keyframes rotate360 {from {transform:rotate(0deg);} to {transform:rotate(360deg);}} /* carriermall - cp_masonry */ #contents.carriermall .cp_masonry {width:100%; max-width:calc(100% - 160px); margin:0 auto; padding:300px 0;} #contents.carriermall .cp_masonry .cp_wrap {display:flex; flex-direction:column; gap:20px; width:100%;} #contents.carriermall .cp_masonry .cpm_top {width:100%;} #contents.carriermall .cp_masonry .cpm_top .cp_imgwrap {overflow:hidden; width:100%; border-radius:30px;} #contents.carriermall .cp_masonry .cpm_top .cp_imgwrap img {width:100%;} #contents.carriermall .cp_masonry .cpm_bottom {display:flex; gap:20px; width:100%;} #contents.carriermall .cp_masonry .cpm_bottom .cpmb_left {width:calc(50% - 10px);} #contents.carriermall .cp_masonry .cpm_bottom .cpmb_left .cp_imgwrap {overflow:hidden; width:100%; border-radius:30px;} #contents.carriermall .cp_masonry .cpm_bottom .cpmb_left .cp_imgwrap img {width:100%;} #contents.carriermall .cp_masonry .cpm_bottom .cpmb_right {display:flex; flex-direction:column; gap:20px; width:calc(50% - 10px);} #contents.carriermall .cp_masonry .cpm_bottom .cpmb_right .cp_box {display:flex; flex-direction:column; justify-content:center; align-items:center; height:400px; border-radius:30px; background-color:#172A7E;} #contents.carriermall .cp_masonry .cpm_bottom .cpmb_right .cp_box img {width:333px;} #contents.carriermall .cp_masonry .cpm_bottom .cpmb_right .cp_box p {margin-top:35px;} #contents.carriermall .cp_masonry .cpm_bottom .cpmb_right .cp_box p span {display:block; color:#fff; text-align:center; font-size:25px; font-weight:300; line-height:40px; letter-spacing:-0.5px;} #contents.carriermall .cp_masonry .cpm_bottom .cpmb_right .cp_imgwrap {overflow:hidden; width:100%; border-radius:30px;} #contents.carriermall .cp_masonry .cpm_bottom .cpmb_right .cp_imgwrap img {width:100%;} /* carriermall - cp_now */ #contents.carriermall .cp_now {overflow:hidden; padding:0;} #contents.carriermall .cp_now .cp_wrap {width:100%; max-width:1440px; margin:0 auto;} #contents.carriermall .cp_now .cp_imgwrap img {overflow:hidden; width:100%; border-radius:20px; box-shadow:0 0 40px 0 rgba(0, 0, 0, 0.06), 60px 80px 80px 0 rgba(17, 20, 38, 0.06);} #contents.carriermall .cp_now .cpn_contents.t1 {position:relative; box-sizing:border-box; padding-top:815px; text-align:left;} #contents.carriermall .cp_now .cpn_contents.t1 .cp_imgwrap.t1 {position:absolute; top:0; left:-254px; width:1244px;} #contents.carriermall .cp_now .cpn_contents.t1 .cp_imgwrap.t2 {position:absolute; top:180px; right:0; width:320px;} #contents.carriermall .cp_now .cpn_contents.t2 {position:relative; z-index:1; display:flex; flex-direction:row-reverse; justify-content:space-between; margin-top:130px;} #contents.carriermall .cp_now .cpn_contents.t2:before {content:''; position:absolute; top:0; left:50%; z-index:-1; width:2058px; height:400px; background-image:url("../images/project/carriermall/logo_now.png"); background-repeat:no-repeat; background-position:center; background-size:contain; transform:translate(-50%, 0);} #contents.carriermall .cp_now .cpn_contents.t2 .cp_txtwrap {margin-top:623px;} #contents.carriermall .cp_now .cpn_contents.t2 .cp_imgwrap.t1 {width:320px; margin-top:-13px; margin-left:-40px;} #contents.carriermall .cp_now .cpn_contents.t2 .cp_imgwrap.t2 {width:320px; margin-top:277px;} #contents.carriermall .cp_now .cp_wrap > .cp_imgwrap {float:right; width:1200px; margin-top:-506px; margin-right:-320px;} /* carriermall - cp_banner */ #contents.carriermall .cp_banner {padding:300px 0 160px;} #contents.carriermall .cp_banner .cp_wrap {width:100%; max-width:calc(100% - 160px); height:820px; margin:0 auto; border-radius:60px; background-image:url("../images/project/carriermall/bg_banner.png"); background-repeat:no-repeat; background-position:center; background-size:cover;} #contents.carriermall .cp_banner .cp_wrap .cp_imgwrap {position:absolute; top:-85px; left:50%; width:550px; transform:translate(-50%, 0);} #contents.carriermall .cp_banner .cp_wrap .cp_imgwrap img {width:100%; animation:floating01 3s ease-in-out infinite; filter:drop-shadow(0 -5px 20px rgba(0, 0, 0, 0.10)) drop-shadow(30px 40px 40px rgba(0, 0, 0, 0.21));} /* ibk - common */ #contents.ibk, #contents.ibk .text, #contents.ibk .cp_text, #contents.ibk .cp_title {font-family:'Open Sans', 'Pretendard', 'sans-serif'; word-break:keep-all;} #contents.ibk .cp_txtwrap .cp_title {display:block; font-size:30px; font-weight:700; color:#0055A2; line-height:40px; letter-spacing:-0.6px; text-transform:uppercase; word-break:keep-all;} #contents.ibk .cp_txtwrap .cp_title span {display:block;} #contents.ibk .cp_txtwrap .cp_subtitle {display:block; margin-top:10px; font-size:50px; font-weight:700; color:#000; line-height:70px; letter-spacing:-1px; text-transform:uppercase; word-break:keep-all;} #contents.ibk .cp_txtwrap .cp_subtitle span {display:block;} #contents.ibk .cp_txtwrap .cp_text {display:block; margin-top:20px; font-size:25px; font-weight:400; color:#111426; line-height:40px; letter-spacing:-0.5px; text-transform:uppercase; word-break:keep-all;} #contents.ibk .cp_txtwrap .cp_text span {display:block;} /* ibk - cp_strategy */ #contents.ibk .cp_strategy {overflow:hidden;} #contents.ibk .cp_strategy .cp_wrap {box-sizing:border-box; width:100%; max-width:1540px; margin:0 auto; padding:0 50px;} #contents.ibk .cp_strategy .cp_txtwrap {text-align:left;} #contents.ibk .cp_strategy .cp_txtwrap .cp_subtitle {margin-top:20px;} #contents.ibk .cp_strategy .cp_wrap > ul {display:flex; flex-direction:column; gap:50px; margin-top:110px;} #contents.ibk .cp_strategy .cp_wrap > ul li {display:flex; justify-content:flex-start; align-items:center; gap:30px; position:relative; box-sizing:border-box; width:100%;} #contents.ibk .cp_strategy .cp_wrap > ul li:nth-child(1) {left:0;} #contents.ibk .cp_strategy .cp_wrap > ul li:nth-child(2) {flex-direction:row-reverse; justify-content:flex-end; gap:50px; left:-140px;} #contents.ibk .cp_strategy .cp_wrap > ul li:nth-child(3) {left:310px;} #contents.ibk .cp_strategy .cp_wrap > ul li .cp_imgwrap {height:300px;} #contents.ibk .cp_strategy .cp_wrap > ul li .cp_imgwrap img {height:100%;} #contents.ibk .cp_strategy .cp_wrap > ul li:nth-child(1) .cp_imgwrap img {animation:floating01 3s ease-in-out infinite;} #contents.ibk .cp_strategy .cp_wrap > ul li:nth-child(2) .cp_imgwrap img {animation:floating02 3s ease-in-out infinite;} #contents.ibk .cp_strategy .cp_wrap > ul li:nth-child(3) .cp_imgwrap img {animation:floating03 3s ease-in-out infinite;} #contents.ibk .cp_strategy .cp_wrap > ul li strong {font-size:270px; font-weight:700; color:rgba(23, 42, 126, 0.05); line-height:260px; letter-spacing:-5.4px;} #contents.ibk .cp_strategy .cp_wrap > ul li p {position:absolute; top:0; left:0; padding:20px 30px; border-radius:15px; background-color:#FFF; box-shadow:10px 20px 40px 0 rgba(13, 14, 15, 0.10); font-size:25px; font-weight:500; line-height:40px; color:#0D0E0F; text-align:center; letter-spacing:-0.5px; word-break:keep-all;} #contents.ibk .cp_strategy .cp_wrap > ul li p:before {content:''; position:absolute; bottom:-16px; left:50%; width:20px; height:20px; background-color:#fff; transform:rotate(45deg) translate(-50%, 0);} #contents.ibk .cp_strategy .cp_wrap > ul li:nth-child(1) p {top:23px; left:507px;} #contents.ibk .cp_strategy .cp_wrap > ul li:nth-child(2) p {top:28px; left:370px;} #contents.ibk .cp_strategy .cp_wrap > ul li:nth-child(3) p {top:42px; left:710px;} #contents.ibk .cp_strategy .cp_wrap > ul li p span {display:block;} #contents.ibk .cp_strategy .cp_wrap > ul li p b {font-weight:700; color:#0055A2;} /* ibk - cp_elements */ #contents.ibk .cp_elements {overflow:hidden; position:relative; padding:120px 0;} #contents.ibk .cp_elements:before {content:''; position:absolute; bottom:7px; left:-200px; width:400px; height:400px; background-image:url("../images/project/ibk/deco_element01.png"); background-repeat:no-repeat; background-position:center; background-size:100% auto; transform:rotate(-10deg); opacity:0.2; pointer-events:none;} #contents.ibk .cp_elements:after {content:''; position:absolute; top:-35px; right:-110px; width:400px; height:400px; background-image:url("../images/project/ibk/deco_element02.png"); background-repeat:no-repeat; background-position:center; background-size:100% auto; transform:rotate(10deg); opacity:0.3; pointer-events:none;} #contents.ibk .cp_elements .cp_wrap {box-sizing:border-box; width:100%; max-width:1540px; padding:0 50px;} #contents.ibk .cp_elements .cp_txtwrap {text-align:left;} #contents.ibk .cp_elements .cp_txtwrap .cp_subtitle {margin-top:20px;} #contents.ibk .cp_elements .cpe_font {display:flex; margin-top:120px;} #contents.ibk .cp_elements .cpe_font .cpef_en {width:50%; text-align:left;} #contents.ibk .cp_elements .cpe_font .cpef_en strong {display:block; color:#111426; font-size:500px; font-weight:500; line-height:400px; letter-spacing:-10px;} #contents.ibk .cp_elements .cpe_font .cpef_en em {display:block; margin-top:60px; color:#111426; font-size:25px; font-weight:700; line-height:40px; letter-spacing:-0.5px;} #contents.ibk .cp_elements .cpe_font .cpef_en ul {display:block; margin-top:20px;} #contents.ibk .cp_elements .cpe_font .cpef_en ul li {color:#111426; font-size:25px; line-height:40px; letter-spacing:-0.5px;} #contents.ibk .cp_elements .cpe_font .cpef_en ul li:nth-child(1) {font-weight:700;} #contents.ibk .cp_elements .cpe_font .cpef_en ul li:nth-child(1) {font-weight:600;} #contents.ibk .cp_elements .cpe_font .cpef_en ul li:nth-child(1) {font-weight:500;} #contents.ibk .cp_elements .cpe_font .cpef_en ul li:nth-child(1) {font-weight:300;} #contents.ibk .cp_elements .cpe_font .cpef_kr {width:50%; text-align:left;} #contents.ibk .cp_elements .cpe_font .cpef_kr strong {display:block; color:#111426; font-size:360px; font-weight:500; line-height:450px; letter-spacing:-7.2px;} #contents.ibk .cp_elements .cpe_font .cpef_kr em {display:block; margin-top:10px; color:#111426; font-size:25px; font-weight:700; line-height:40px; letter-spacing:-0.5px;} #contents.ibk .cp_elements .cpe_font .cpef_kr ul {display:block; margin-top:20px;} #contents.ibk .cp_elements .cpe_font .cpef_kr ul li {color:#111426; font-size:25px; line-height:40px; letter-spacing:-0.5px;} #contents.ibk .cp_elements .cpe_font .cpef_kr ul li:nth-child(1) {font-weight:700;} #contents.ibk .cp_elements .cpe_font .cpef_kr ul li:nth-child(1) {font-weight:600;} #contents.ibk .cp_elements .cpe_font .cpef_kr ul li:nth-child(1) {font-weight:500;} #contents.ibk .cp_elements .cpe_font .cpef_kr ul li:nth-child(1) {font-weight:300;} #contents.ibk .cp_elements .cpe_color {display:flex; gap:30px; margin-top:160px;} #contents.ibk .cp_elements .cpe_color > div {width:calc(33.3333% - 15px);} #contents.ibk .cp_elements .cpe_color strong {display:block; font-size:25px; font-weight:700; line-height:40px; color:#111426; letter-spacing:-0.5px; text-align:left; word-break:keep-all;} #contents.ibk .cp_elements .cpe_color ul {display:flex; flex-direction:column; gap:20px; margin-top:30px;} #contents.ibk .cp_elements .cpe_color li {display:flex; flex-direction:row; align-items:center; justify-content:flex-end; box-sizing:border-box; width:100%; height:90px; padding:0 40px; border-radius:20px;} #contents.ibk .cp_elements .cpe_color li span {font-size:25px; font-weight:400; line-height:40px; color:#fff; letter-spacing:-0.5px;} #contents.ibk .cp_elements .cpe_color .cpec_primary ul li:nth-child(1) {background-color:#0055A2;} #contents.ibk .cp_elements .cpe_color .cpec_primary ul li:nth-child(2) {background-color:#0099DA;} #contents.ibk .cp_elements .cpe_color .cpec_primary ul li:nth-child(3) {background-color:#F15A21;} #contents.ibk .cp_elements .cpe_color .cpec_secondary ul li:nth-child(1) {background-color:#6341CF;} #contents.ibk .cp_elements .cpe_color .cpec_secondary ul li:nth-child(2) {background-color:#00BF93;} #contents.ibk .cp_elements .cpe_color .cpec_secondary ul li:nth-child(3) {background-color:#436793;} #contents.ibk .cp_elements .cpe_color .cpec_secondary ul li:nth-child(4) {background-color:#F6DD7F;} #contents.ibk .cp_elements .cpe_color .cpec_secondary li:nth-child(4) span {color:#000;} #contents.ibk .cp_elements .cpe_color .cpec_light ul li span {color:#000;} #contents.ibk .cp_elements .cpe_color .cpec_light ul li:nth-child(1) {background-color:#D5ECFD;} #contents.ibk .cp_elements .cpe_color .cpec_light ul li:nth-child(2) {background-color:#FEF6CC;} #contents.ibk .cp_elements .cpe_color .cpec_light ul li:nth-child(3) {background-color:#C5F0E1;} /* ibk - cp_graphics */ #contents.ibk .cp_graphics {padding:120px 0;} #contents.ibk .cp_graphics .cp_wrap {box-sizing:border-box; padding:0 50px;} #contents.ibk .cp_graphics .cp_txtwrap {text-align:center;} #contents.ibk .cp_graphics ul {display:flex; flex-direction:row; flex-wrap:wrap; justify-content:space-evenly; box-sizing:border-box; width:100%; max-width:1540px; margin:0 auto; margin-top:150px;} #contents.ibk .cp_graphics li {display:flex; justify-content:center; position:relative; z-index:1; width:33.3333%;} #contents.ibk .cp_graphics li:nth-child(1) {justify-content:flex-start;} #contents.ibk .cp_graphics li:nth-child(3) {justify-content:flex-end;} #contents.ibk .cp_graphics li:nth-child(4), #contents.ibk .cp_graphics li:nth-child(5) {width:50%; margin-top:165px;} #contents.ibk .cp_graphics li:before {position:absolute; top:0; left:0; width:400px; height:400px; background-image:url("../images/project/ibk/bg_graphics.png"); background-repeat:no-repeat; background-position:center; background-size:100% auto;} #contents.ibk .cp_graphics li .icon {position:relative; width:250px; height:241px; background-repeat:no-repeat; background-position:center; background-size:100% auto;} #contents.ibk .cp_graphics li .icon:before {content:''; position:absolute; top:-65px; left:-57px; z-index:-1; width:400px; height:400px; background-image:url("../images/project/ibk/bg_graphics.png"); background-repeat:no-repeat; background-position:center; background-size:100% auto;} #contents.ibk .cp_graphics li .icon:after {content:''; position:absolute; top:0; bottom:0; left:0; right:0; z-index:0; background-repeat:no-repeat; background-position:center; background-size:100% auto;} #contents.ibk .cp_graphics li .icon.money:after {background-image:url("../images/project/ibk/icon_graphics01.png"); animation:floating01 3s ease-in-out infinite;} #contents.ibk .cp_graphics li .icon.card:after {background-image:url("../images/project/ibk/icon_graphics02.png"); animation:floating02 3s ease-in-out infinite;} #contents.ibk .cp_graphics li .icon.wallet:after {background-image:url("../images/project/ibk/icon_graphics03.png"); animation:floating01 3s ease-in-out infinite;} #contents.ibk .cp_graphics li .icon.stock:after {background-image:url("../images/project/ibk/icon_graphics04.png"); animation:floating02 3s ease-in-out infinite;} #contents.ibk .cp_graphics li .icon.saving:after {background-image:url("../images/project/ibk/icon_graphics05.png"); animation:floating01 3s ease-in-out infinite;} /* ibk - cp_glassmorphism */ #contents.ibk .cp_glassmorphism {padding:120px 0;} #contents.ibk .cp_glassmorphism .cp_wrap {box-sizing:border-box; padding:0 50px;} #contents.ibk .cp_glassmorphism .cp_txtwrap {text-align:center;} #contents.ibk .cp_glassmorphism .cpg_ui {display:flex; flex-direction:row; justify-content:space-between; width:100%; max-width:1440px; margin:0 auto; margin-top:60px;} #contents.ibk .cp_glassmorphism .cpg_ui .cpgu_single {width:280px; margin-left:40px;} #contents.ibk .cp_glassmorphism .cpg_ui .cpgu_single .cpgu_round {position:relative; width:100%; max-width:234px; height:234px; margin:0 auto;} #contents.ibk .cp_glassmorphism .cpg_ui .cpgu_single .cpgu_round i {display:block;} #contents.ibk .cp_glassmorphism .cpg_ui .cpgu_single .cpgu_round i:before {display:block; box-sizing:border-box;} #contents.ibk .cp_glassmorphism .cpg_ui .cpgu_single .cpgu_round i:after {display:block; box-sizing:border-box;} #contents.ibk .cp_glassmorphism .cpg_ui .cpgu_single .cpgu_round i.t1 {width:100%; height:100%; margin-top:62px; pointer-events:none;} #contents.ibk .cp_glassmorphism .cpg_ui .cpgu_single .cpgu_round i.t1:before {content:''; position:absolute; bottom:0; left:-62px; width:calc(100% + 124px); height:100%; border-top:1px solid rgba(212, 214, 214, 0.6); border-bottom:1px solid rgba(212, 214, 214, 0.6);} #contents.ibk .cp_glassmorphism .cpg_ui .cpgu_single .cpgu_round i.t1:after {content:''; position:absolute; top:-62px; right:0; width:100%; height:calc(100% + 124px); border-left:1px solid rgba(212, 214, 214, 0.6); border-right:1px solid rgba(212, 214, 214, 0.6);} #contents.ibk .cp_glassmorphism .cpg_ui .cpgu_single .cpgu_round i.t2 {position:absolute; top:12px; bottom:12px; left:12px; right:12px; pointer-events:none;} #contents.ibk .cp_glassmorphism .cpg_ui .cpgu_single .cpgu_round i.t2:before {content:''; width:100%; height:100%; border-radius:50%; border:1px solid rgba(212, 214, 214, 0.6);} #contents.ibk .cp_glassmorphism .cpg_ui .cpgu_single .cpgu_round i.t2:after {content:''; position:absolute; top:12px; bottom:12px; left:12px; right:12px; border-radius:5px; border:1px solid rgba(212, 214, 214, 0.6);} #contents.ibk .cp_glassmorphism .cpg_ui .cpgu_single .cpgu_round i.t3 {position:absolute; top:12px; bottom:12px; left:12px; right:12px; pointer-events:none;} #contents.ibk .cp_glassmorphism .cpg_ui .cpgu_single .cpgu_round i.t3:before {content:''; position:absolute; top:25px; bottom:25px; left:0; right:0; border-radius:5px; border:1px solid rgba(212, 214, 214, 0.2);} #contents.ibk .cp_glassmorphism .cpg_ui .cpgu_single .cpgu_round i.t3:after {content:''; position:absolute; top:0; bottom:0; left:25px; right:25px; border-radius:5px; border:1px solid rgba(212, 214, 214, 0.2);} #contents.ibk .cp_glassmorphism .cpg_ui .cpgu_single .cpgu_round i.t4 {position:absolute; top:-10px; bottom:12px; left:76px; right:76px; border-left:1px solid rgba(212, 214, 214, 0.2); border-right:1px solid rgba(212, 214, 214, 0.2); pointer-events:none;} #contents.ibk .cp_glassmorphism .cpg_ui .cpgu_single .cpgu_round i.t4:before {content:''; position:absolute; top:0; bottom:0; left:50%; width:1px; height:auto; background-color:rgba(212, 214, 214, 0.2);} #contents.ibk .cp_glassmorphism .cpg_ui .cpgu_single .cpgu_round i.t5 {position:absolute; top:50%; left:50%; z-index:1; width:143px; height:143px; background-image:url("../images/project/ibk/icon_glassmorhpism01.png"); background-repeat:no-repeat; background-position:center; background-size:100% auto; transform:translate(-50%, -50%);} #contents.ibk .cp_glassmorphism .cpg_ui .cpgu_single .cpgu_round i.t5:before {content:''; position:absolute; bottom:-22px; left:-22px; width:52px; height:52px; border-radius:50%; border:2px solid #0055A2;} #contents.ibk .cp_glassmorphism .cpg_ui .cpgu_single .cpgu_round span {display:block; margin-top:10px; color:rgba(0, 0, 0, 0.80); font-size:25px; font-weight:500; line-height:35px; text-align:left;} #contents.ibk .cp_glassmorphism .cpg_ui .cpgu_single .cpgu_color {width:100%; max-width:200px; margin:100px 23px 0 auto;} #contents.ibk .cp_glassmorphism .cpg_ui .cpgu_single .cpgu_color ul {display:flex; gap:10px;} #contents.ibk .cp_glassmorphism .cpg_ui .cpgu_single .cpgu_color ul li {overflow:hidden;} #contents.ibk .cp_glassmorphism .cpg_ui .cpgu_single .cpgu_color ul li i {display:inline-block; float:left; width:20px; height:20px; background-repeat:no-repeat; background-position:center; background-size:100% auto;} #contents.ibk .cp_glassmorphism .cpg_ui .cpgu_single .cpgu_color ul li i.t1 {background-image:url("../images/project/ibk/icon_glassmorhpism02.svg");} #contents.ibk .cp_glassmorphism .cpg_ui .cpgu_single .cpgu_color ul li i.t2 {background-image:url("../images/project/ibk/icon_glassmorhpism03.svg");} #contents.ibk .cp_glassmorphism .cpg_ui .cpgu_single .cpgu_color ul li i.t3 {background-image:url("../images/project/ibk/icon_glassmorhpism04.svg");} #contents.ibk .cp_glassmorphism .cpg_ui .cpgu_single .cpgu_color ul li i.t4 {background-image:url("../images/project/ibk/icon_glassmorhpism05.svg");} #contents.ibk .cp_glassmorphism .cpg_ui .cpgu_single .cpgu_color ul li i.t5 {background-image:url("../images/project/ibk/icon_glassmorhpism06.svg");} #contents.ibk .cp_glassmorphism .cpg_ui .cpgu_single .cpgu_color ul li i.t6 {background-image:url("../images/project/ibk/icon_glassmorhpism07.svg");} #contents.ibk .cp_glassmorphism .cpg_ui .cpgu_single .cpgu_color ul li i.t7 {background-image:url("../images/project/ibk/icon_glassmorhpism08.svg");} #contents.ibk .cp_glassmorphism .cpg_ui .cpgu_single .cpgu_color span {display:block; margin-top:10px; color:rgba(0, 0, 0, 0.80); font-size:25px; font-weight:500; line-height:35px; text-align:center; word-break:keep-all;} #contents.ibk .cp_glassmorphism .cpg_ui .cpgu_set {position:relative; width:900px; height:540px;} #contents.ibk .cp_glassmorphism .cpg_ui .cpgu_set ul {position:absolute; top:90px; left:90px; display:flex; flex-wrap:wrap; width:720px; height:360px;} #contents.ibk .cp_glassmorphism .cpg_ui .cpgu_set li {display:flex; flex-direction:row; justify-content:center; align-items:center; width:25%;} #contents.ibk .cp_glassmorphism .cpg_ui .cpgu_set .icon {position:relative;width:100px; height:100px; background-repeat:no-repeat; background-position:center; background-size:100% auto; box-shadow:5px 5px 15px 0 rgba(255, 255, 255, 0.50) inset; filter:drop-shadow(5px 5px 10px rgba(0, 85, 162, 0.05));} #contents.ibk .cp_glassmorphism .cpg_ui .cpgu_set .deco {position:absolute; top:0; bottom:0; left:0; right:0; background-repeat:no-repeat; background-position:center; background-size:100% auto;} #contents.ibk .cp_glassmorphism .cpg_ui .cpgu_set .deco:before {display:none;} #contents.ibk .cp_glassmorphism .cpg_ui .cpgu_set .icon.home {background-image:url("../images/project/ibk/icon_glassmorhpism09.png");} #contents.ibk .cp_glassmorphism .cpg_ui .cpgu_set .icon.home > .deco {background-image:url("../images/project/ibk/icon_glassmorhpism09_motion.png"); animation:nav_ani1 3s ease-in-out infinite;} #contents.ibk .cp_glassmorphism .cpg_ui .cpgu_set .icon.camera {background-image:url("../images/project/ibk/icon_glassmorhpism10.png");} #contents.ibk .cp_glassmorphism .cpg_ui .cpgu_set .icon.camera > .deco {background-image:url("../images/project/ibk/icon_glassmorhpism10_motion.png"); animation:nav_ani2 4s ease-in-out infinite;} #contents.ibk .cp_glassmorphism .cpg_ui .cpgu_set .icon.bill {background-image:url("../images/project/ibk/icon_glassmorhpism11.png");} #contents.ibk .cp_glassmorphism .cpg_ui .cpgu_set .icon.bill > .deco {background-image:url("../images/project/ibk/icon_glassmorhpism11_motion.png"); animation:nav_ani3 5s ease-in-out infinite;} #contents.ibk .cp_glassmorphism .cpg_ui .cpgu_set .icon.property {background-image:url("../images/project/ibk/icon_glassmorhpism12.png");} #contents.ibk .cp_glassmorphism .cpg_ui .cpgu_set .icon.property > .deco {animation:nav_ani4 5s ease-in-out infinite;} #contents.ibk .cp_glassmorphism .cpg_ui .cpgu_set .icon.property > .deco.t1 {background-image:url("../images/project/ibk/icon_glassmorhpism12_motion01.png"); animation-delay:2s;} #contents.ibk .cp_glassmorphism .cpg_ui .cpgu_set .icon.property > .deco.t2 {background-image:url("../images/project/ibk/icon_glassmorhpism12_motion02.png"); animation-delay:2.2s;} #contents.ibk .cp_glassmorphism .cpg_ui .cpgu_set .icon.property > .deco.t3 {background-image:url("../images/project/ibk/icon_glassmorhpism12_motion03.png"); animation-delay:2.4s;} #contents.ibk .cp_glassmorphism .cpg_ui .cpgu_set .icon.property > .deco.t4 {background-image:url("../images/project/ibk/icon_glassmorhpism12_motion04.png"); animation-delay:2.6s;} #contents.ibk .cp_glassmorphism .cpg_ui .cpgu_set .icon.purse {background-image:url("../images/project/ibk/icon_glassmorhpism13.png");} #contents.ibk .cp_glassmorphism .cpg_ui .cpgu_set .icon.purse > .deco {background-image:url("../images/project/ibk/icon_glassmorhpism13_motion.png"); animation:nav_ani5 4s ease-in-out infinite;} #contents.ibk .cp_glassmorphism .cpg_ui .cpgu_set .icon.check {background-image:url("../images/project/ibk/icon_glassmorhpism14.png");} #contents.ibk .cp_glassmorphism .cpg_ui .cpgu_set .icon.check > .deco {background-image:url("../images/project/ibk/icon_glassmorhpism14_motion.png"); animation:nav_ani6 3s ease-in-out infinite;} #contents.ibk .cp_glassmorphism .cpg_ui .cpgu_set .icon.medal {background-image:url("../images/project/ibk/icon_glassmorhpism15.png");} #contents.ibk .cp_glassmorphism .cpg_ui .cpgu_set .icon.medal > .deco {background-image:url("../images/project/ibk/icon_glassmorhpism15_motion.png"); animation:nav_ani7 6s ease-in-out infinite; transform-origin:48px 43px;} #contents.ibk .cp_glassmorphism .cpg_ui .cpgu_set .icon.upload {background-image:url("../images/project/ibk/icon_glassmorhpism16.png");} #contents.ibk .cp_glassmorphism .cpg_ui .cpgu_set .icon.upload > .deco {background-image:url("../images/project/ibk/icon_glassmorhpism16_motion.png"); animation:nav_ani8 4s ease-in-out infinite;} #contents.ibk .cp_glassmorphism .cpg_ui .cpgu_set svg.mo {display:none;} @keyframes nav_ani1 {0% {transform:translateY(0%);} 10% {transform:translateY(-4%);} 20% {transform:translateY(0%);} 30% {transform:translateY(-4%);} 40%,100% {transform:translateY(0%);}} @keyframes nav_ani2 {0% {transform:rotate(0) scale(1);} 3% {transform:rotate(0) scale(1.05);} 22% {transform:rotate(180deg) scale(1.05);} 25% {transform:rotate(180deg) scale(1);} 100% {transform:rotate(180deg) scale(1);}} @keyframes nav_ani3 {0% {transform:translateY(0%);} 8% {transform:translateY(-4%);} 12% {transform:translateY(0%);} 16% {transform:translateY(-4%);} 20%,100% {transform:translateY(0%);}} @keyframes nav_ani4 {0% {opacity:0;} 10% {opacity:0;} 12% {opacity:1;} 90% {opacity:1;} 92% {opacity:0;} 100% {opacity:0;}} @keyframes nav_ani5 {0% {transform:rotate(0);} 10% {transform:rotate(3deg);} 20% {transform:rotate(-3deg);} 30% {transform:rotate(3deg);} 40%,100% {transform:rotate(0);}} @keyframes nav_ani6 {0% {transform:translateY(0%);} 15% {transform:translateY(-4%);} 30% {transform:translateY(0%);} 45% {transform:translateY(-4%);} 60%,100% {transform:translateY(0%);}} @keyframes nav_ani7 {0% {transform:rotate(0);} 30%,100% {transform:rotate(360deg);}} @keyframes nav_ani8 {0% {transform:translate(0, 0);opacity:1;} 15% {transform:translate(0, -6px);opacity:0;} 20% {transform:translate(0, 6px);opacity:0;} 30%, 100% {transform:translate(0, 0);opacity:1;}} /* ibk - cp_grid */ #contents.ibk .cp_grid {overflow:hidden; position:relative; padding:120px 0;} #contents.ibk .cp_grid:before {content:''; position:absolute; bottom:160px; right:-200px; width:375px; height:375px; background-image:url("../images/project/ibk/deco_glassmorhpism.png"); background-repeat:no-repeat; background-position:center; background-size:100% auto; transform:rotate(-10deg); opacity:0.1; pointer-events:none;} #contents.ibk .cp_grid .cp_wrap {display:flex; gap:40px; box-sizing:border-box; padding:0 50px;} #contents.ibk .cp_grid .cpg_left {display:flex; flex-direction:column; gap:40px; width:calc(50% - 20px);} #contents.ibk .cp_grid .cpg_left .cpgl_top {display:flex; flex-direction:row; justify-content:center; align-items:center; width:100%; height:50%; border-radius:40px; background-image:url("../images/project/ibk/bg_grid01.png"); background-repeat:no-repeat; background-position:center; background-size:100% auto;} #contents.ibk .cp_grid .cpg_left .cpgl_top img {width:51.7242%;} #contents.ibk .cp_grid .cpg_left .cpgl_bottom {display:flex; gap:40px; width:100%; height:50%;} #contents.ibk .cp_grid .cpg_left .cpgl_bottom .cpglb_text {display:flex; flex-direction:row; justify-content:center; align-items:center; width:calc(50% - 20px); border-radius:40px;} #contents.ibk .cp_grid .cpg_left .cpgl_bottom .cpglb_text img {height:62.5%;} #contents.ibk .cp_grid .cpg_left .cpgl_bottom .cpglb_icon {display:flex; flex-direction:row; justify-content:center; align-items:center; width:calc(50% - 20px); border-radius:40px; background-color:#F2F6FF;} #contents.ibk .cp_grid .cpg_left .cpgl_bottom .cpglb_icon ul {display:flex; flex-wrap:wrap; gap:10%; row-gap:30px; width:72.3%;} #contents.ibk .cp_grid .cpg_left .cpgl_bottom .cpglb_icon li {display:block; overflow:hidden; width:26.6667%; height:auto; border-radius:25px; background:#fff; box-shadow:0 5px 10px 0 rgba(13, 14, 15, 0.06); aspect-ratio:1/1;} #contents.ibk .cp_grid .cpg_left .cpgl_bottom .cpglb_icon .icon {display:block; width:100%; height:100%; background-repeat:no-repeat; background-position:center; background-size:100% auto;} #contents.ibk .cp_grid .cpg_left .cpgl_bottom .cpglb_icon .icon.t1 {background-image:url("../images/project/ibk/icon_glassmorhpism17.svg");} #contents.ibk .cp_grid .cpg_left .cpgl_bottom .cpglb_icon .icon.t2 {background-image:url("../images/project/ibk/icon_glassmorhpism18.svg");} #contents.ibk .cp_grid .cpg_left .cpgl_bottom .cpglb_icon .icon.t3 {background-image:url("../images/project/ibk/icon_glassmorhpism19.svg");} #contents.ibk .cp_grid .cpg_left .cpgl_bottom .cpglb_icon .icon.t4 {background-image:url("../images/project/ibk/icon_glassmorhpism20.svg");} #contents.ibk .cp_grid .cpg_left .cpgl_bottom .cpglb_icon .icon.t5 {background-image:url("../images/project/ibk/icon_glassmorhpism21.svg");} #contents.ibk .cp_grid .cpg_left .cpgl_bottom .cpglb_icon .icon.t6 {background-image:url("../images/project/ibk/icon_glassmorhpism22.svg");} #contents.ibk .cp_grid .cpg_right {overflow:hidden; width:calc(50% - 20px); border-radius:40px; background-image:url("../images/project/ibk/bg_grid02.png"); background-repeat:no-repeat; background-position:center; background-size:100% auto;} #contents.ibk .cp_grid .cpg_right .cp_imgwrap {width:100%;} #contents.ibk .cp_grid .cpg_right .cp_imgwrap img {width:100%;} /* ibk - cp_principle */ #contents.ibk .cp_bgcolor {background:linear-gradient(0deg, rgba(213, 236, 253, 0.30) 0%, rgba(255, 255, 255, 0.60) 100%);} #contents.ibk .cp_principle {padding:120px 0;} #contents.ibk .cp_principle .cp_wrap {box-sizing:border-box; width:100%; max-width:1540px; padding:0 50px;} #contents.ibk .cp_principle .cp_txtwrap {text-align:left;} #contents.ibk .cp_principle .cp_imgwrap {position:relative; width:100%; margin-top:15px;} #contents.ibk .cp_principle .cp_imgwrap img {width:100%; filter:drop-shadow(-10px 15px 20px rgba(0, 0, 0, 0.05)) drop-shadow(0 -40px 40px rgba(0, 0, 0, 0.05));} #contents.ibk .cp_principle .cp_imgwrap img:nth-child(1) {position:absolute; top:0; left:0; z-index:1; animation:floating01 3s ease-in-out infinite;} #contents.ibk .cp_principle .cp_imgwrap img:nth-child(2) {animation:floating02 3s ease-in-out infinite;} /* ibk - cp_userbility */ #contents.ibk .cp_userbility {overflow:hidden; position:relative; padding:120px 0;} #contents.ibk .cp_userbility:before {content:''; position:absolute; top:-30px; right:-140px; width:400px; height:400px; background-image:url("../images/project/ibk/deco_userbility.png"); background-repeat:no-repeat; background-position:center; background-size:100% auto; transform:rotate(-3.3deg); opacity:0.2; pointer-events:none;} #contents.ibk .cp_userbility .cp_wrap {box-sizing:border-box; width:100%; max-width:1540px; padding:0 50px;} #contents.ibk .cp_userbility .cp_txtwrap {text-align:left;} #contents.ibk .cp_userbility .cp_box {position:relative; margin-top:15px;} #contents.ibk .cp_userbility .cp_box .cpu_bot {position:absolute; top:0; right:0;} #contents.ibk .cp_userbility .cp_box .cpu_bot p {position:relative; box-sizing:border-box; width:672px; height:180px; padding:30px 45px; border-radius:20px; background-color:#F2F6FF; color:#111426; font-size:25px; font-weight:400; line-height:40px; letter-spacing:-0.5px; text-align:left; word-break:keep-all;} #contents.ibk .cp_userbility .cp_box .cpu_bot p:before {content:''; position:absolute; bottom:-23px; left:50%; width:0; height:0; margin-left:-17px; border-style:solid; border-width:0 17px 30px 17px; border-color:transparent transparent #F2F6FF transparent; transform:rotate(180deg); visibility:visible;} #contents.ibk .cp_userbility .cp_box .cpu_bot .cp_imgwrap {position:relative; margin-top:40px;} #contents.ibk .cp_userbility .cp_box .cpu_bot .cp_imgwrap .afa_siri {position:absolute; top:0; left:50%; z-index:1; width:74px; height:74px; margin-left:-37px; filter:drop-shadow(0 20px 20px rgba(0, 0, 0, 0.05)) drop-shadow(0 0 20px rgba(0, 0, 0, 0.05));} #contents.ibk .cp_userbility .cp_box .cpu_bot .cp_imgwrap .afa_siri .afas_bg {position:absolute; overflow:hidden; left:0; right:0; top:0; bottom:0; border-radius:50%; pointer-events:none;} #contents.ibk .cp_userbility .cp_box .cpu_bot .cp_imgwrap .afa_siri .afas_bg .afasb_ballwrap {position:absolute; overflow:hidden; left:0; right:0; top:0; bottom:0; border-radius:50%; background-color:#0055A2;} #contents.ibk .cp_userbility .cp_box .cpu_bot .cp_imgwrap .afa_siri .afas_bg .afasb_ball {position:absolute; left:0; top:0;} #contents.ibk .cp_userbility .cp_box .cpu_bot .cp_imgwrap .afa_siri .afas_bg .afasb_ball i {position:absolute; left:0; top:0; width:1rem; height:1rem; background-image:url("../images/project/ibk/deco_aismallball02.png"); background-repeat:no-repeat; background-size:100% auto; background-position:center; transform:scale(5);} #contents.ibk .cp_userbility .cp_box .cpu_bot .cp_imgwrap .afa_siri .afas_bg .afasb_ball.p i {background-image:url("../images/project/ibk/deco_aismallball01.png");} #contents.ibk .cp_userbility .cp_box .cpu_bot .cp_imgwrap .afa_siri .afas_bg .afasb_ball.t1 i {width:1.5rem; height:1.5rem;} #contents.ibk .cp_userbility .cp_box .cpu_bot .cp_imgwrap .afa_siri .afas_bg .afasb_ball.t2 i {width:2rem; height:2rem;} #contents.ibk .cp_userbility .cp_box .cpu_bot .cp_imgwrap .afa_siri > i {position:absolute; left:0.5rem; right:0.5rem; top:0.5rem; bottom:0.5rem; z-index:2; background-size:100% auto; background-repeat:no-repeat; background-position:center; animation:ai_ani 4s linear infinite;} #contents.ibk .cp_userbility .cp_box .cpu_bot .cp_imgwrap .afa_siri > i:nth-child(2) {background-image:url("../images/project/ibk/icon_aiball01.svg");animation-duration:4.4s;} #contents.ibk .cp_userbility .cp_box .cpu_bot .cp_imgwrap .afa_siri > i:nth-child(3) {background-image:url("../images/project/ibk/icon_aiball02.svg");animation-duration:4.6s;} #contents.ibk .cp_userbility .cp_box .cpu_bot .cp_imgwrap .afa_siri > i:nth-child(4) {background-image:url("../images/project/ibk/icon_aiball03.svg");animation-duration:4.8s;} #contents.ibk .cp_userbility .cp_box .cpu_bot .cp_imgwrap .afa_siri > i:nth-child(5) {background-image:url("../images/project/ibk/icon_aiball04.svg");animation-duration:5s;} #contents.ibk .cp_userbility .cp_box .cpu_bot .cp_imgwrap .afa_siri > i:nth-child(6) {background-image:url("../images/project/ibk/icon_aiball05.svg");animation-duration:5.2s;} #contents.ibk .cp_userbility .cp_box .cpu_bot .cp_imgwrap .afa_siri > i:nth-child(7) {background-image:url("../images/project/ibk/icon_aiball06.svg");animation:ai_ani_re 6s linear infinite;} #contents.ibk .cp_userbility .cp_box .cpu_bot .cp_imgwrap .afa_siri > i:nth-child(8) {background-image:url("../images/project/ibk/icon_aiball07.svg");animation:ai_ani_re 3s linear infinite;} #contents.ibk .cp_userbility .cp_box .cpu_bot .cp_imgwrap .afa_siri > i:nth-child(9) {background-image:url("../images/project/ibk/icon_aiball08.svg");animation:ai_ani_re 5s linear infinite;} #contents.ibk .cp_userbility .cp_box .cpu_bot .cp_imgwrap .afa_siri > i:nth-child(10) {background-image:url("../images/project/ibk/icon_aiball09.svg");animation:ai_ani_re 4s linear infinite;} @keyframes ai_ani {0% {transform:rotate(0deg);} 100% {transform:rotate(360deg);}} @keyframes ai_ani_re {0% {transform:rotate(0deg);} 100% {transform:rotate(-360deg);}} #contents.ibk .cp_userbility .cp_box .cpu_bot .cp_imgwrap img {position:relative; z-index:2; width:74px;} #contents.ibk .cp_userbility .cp_box > .cp_imgwrap {width:100%;} #contents.ibk .cp_userbility .cp_box > .cp_imgwrap img {width:100%;} /* ibk - cp_simple */ #contents.ibk .cp_simple {padding:120px 0;} #contents.ibk .cp_simple .cpss_bg {display:block; position:sticky; top:270px; left:0; z-index:0; width:100%; height:auto; background-image:url("../images/project/ibk/bg_simple.png"); background-repeat:no-repeat; background-position:center; background-size:cover; aspect-ratio:1920/810;} #contents.ibk .cp_simple .cp_wrap {position:relative; box-sizing:border-box; width:100%; max-width:1540px; padding:0 50px;} #contents.ibk .cp_simple .cp_txtwrap {text-align:center;} #contents.ibk .cp_simple .cps_sticky {position:relative; width:100%; aspect-ratio:1440/1800;} #contents.ibk .cp_simple .cps_sticky .cp_imgwrap {display:block; position:sticky; top:20px; overflow:hidden; box-sizing:border-box; width:100%; height:auto; margin-top:60px; border-radius:40px; border:5px solid #FFF; box-shadow:0 20px 40px 0 rgba(0, 0, 0, 0.03), 0 40px 80px 0 rgba(0, 0, 0, 0.03); aspect-ratio:1440/800;} #contents.ibk .cp_simple .cps_sticky .cp_imgwrap:before {content:''; position:absolute; top:-5px; left:-5px; z-index:1; width:calc(100% + 10px); height:calc(100% + 10px); background-image:url("../images/project/ibk/pic_simple01.png"); background-repeat:no-repeat; background-position:center; background-size:100% auto;} #contents.ibk .cp_simple .cps_sticky .cp_imgwrap img {width:100%;} /* ibk - cp_infographic */ #contents.ibk .cp_infographic {padding:120px 0;} #contents.ibk .cp_infographic .cp_txtwrap {box-sizing:border-box; width:100%; max-width:1540px; margin:0 auto; padding:0 50px; text-align:center;} #contents.ibk .cp_infographic .cp_videowrap {overflow:hidden; box-sizing:border-box; width:100%; max-width:1440px; height:auto; margin:0 auto; margin-top:60px; border-radius:40px; border:5px solid #FFF; box-shadow:0 20px 40px 0 rgba(0, 0, 0, 0.03), 0 40px 80px 0 rgba(0, 0, 0, 0.03); aspect-ratio:1440/810;} #contents.ibk .cp_infographic .cp_videowrap video {width:100%;} #contents.ibk .cp_infographic .cpi_deco {display:inline-block; vertical-align:middle; position:relative; overflow:hidden; width:100%; height:600px; margin-top:60px;} #contents.ibk .cp_infographic .cpi_deco .cpid_pic {display:flex; gap:20px; position:absolute; height:calc(50% - 10px);} #contents.ibk .cp_infographic .cpi_deco .cpid_pic.t1 {position:absolute; top:0; right:0;} #contents.ibk .cp_infographic .cpi_deco .cpid_pic.t2 {position:absolute; bottom:0; left:0;} #contents.ibk .cp_infographic .cpi_deco .cpid_pic .cp_imgwrap {overflow:hidden; box-sizing:border-box; height:100%; border:1px solid #e1e3e7; border-radius:40px;} #contents.ibk .cp_infographic .cpi_deco .cpid_pic .cp_imgwrap > img {width:auto; height:100%;} /* ibk - cp_hierarchy */ #contents.ibk .cp_hierarchy {box-sizing:border-box; padding:120px 80px 80px;} #contents.ibk .cp_hierarchy .cp_txtwrap {text-align:center;} #contents.ibk .cp_hierarchy .cph_attachment {position:relative; overflow:hidden; margin-top:60px; border-radius:40px; background-image:url("../images/project/ibk/pic_hierarchy.jpg"); background-repeat:no-repeat; background-position:top; background-size:cover; background-attachment:fixed; font-size:0; line-height:0;} #contents.ibk .cp_hierarchy .cph_attachment img {display:none; position:absolute; left:0; right:0; top:0; bottom:0; width:100%; height:100%; object-fit:cover;} #contents.eurocave.ios .cp_experience .cph_attachment img {display:block;} /* wonderplace - common */ #contents.wonderplace, #contents.wonderplace .text, #contents.wonderplace .cp_text, #contents.wonderplace .cp_title {font-family:'Poppins', 'Pretendard', 'sans-serif'; word-break:keep-all;} #contents.wonderplace .cp_txtwrap .cp_title {display:block; color:#121212; font-size:40px; font-weight:100; line-height:40px; letter-spacing:-0.8px; text-transform:uppercase; word-break:keep-all;} #contents.wonderplace .cp_txtwrap .cp_title span {display:block;} #contents.wonderplace .cp_txtwrap .cp_text {display:block; overflow:hidden; color:#121212; font-size:25px; font-weight:500; line-height:40px; letter-spacing:-0.5px; text-transform:uppercase; word-break:keep-all;} #contents.wonderplace .cp_txtwrap .cp_text span {display:block;} /* wonderplace - cp_principle */ #contents.wonderplace .cp_principle {padding:200px 0;} #contents.wonderplace .cp_principle .cp_wrap {box-sizing:border-box; padding:0 80px;} #contents.wonderplace .cp_principle .cp_wrap > ul {display:flex; align-items:center; justify-content:space-between; margin-top:100px;} #contents.wonderplace .cp_principle .cp_wrap .cp_imgwrap {width:400px;} #contents.wonderplace .cp_principle .cp_wrap .cp_imgwrap img {width:100%;} #contents.wonderplace .cp_principle .cp_wrap > ul > li > ul > li + li {margin-top:120px;} #contents.wonderplace .cp_principle .cp_wrap > ul > li > ul > li strong {color:#121212; font-size:85px; font-weight:400; line-height:80px; letter-spacing:-1.7px; text-transform:uppercase; word-break:keep-all;} #contents.wonderplace .cp_principle .cp_wrap > ul > li > ul > li strong em {vertical-align:top; margin-right:30px;color:rgba(18, 18, 18, 0.20); font-size:25px; font-weight:400; line-height:35px; letter-spacing:-0.5px; text-transform:uppercase;} #contents.wonderplace .cp_principle .cp_wrap > ul > li > ul > li .cp_txtwrap {margin-top:40px;} /* wonderplace - cp_flexible */ #contents.wonderplace .cp_flexible {padding:0;} #contents.wonderplace .cp_flexible .cp_wrap {display:flex;} #contents.wonderplace .cp_flexible .cpf_sliderwrap {overflow:hidden; width:50%; background-color:#F6F6F6; aspect-ratio:1/1; pointer-events:none;} #contents.wonderplace .cp_flexible .cpf_slider {box-sizing:border-box; height:calc(100% + 140px); margin-top:-70px; padding:0 80px;} #contents.wonderplace .cp_flexible .cpf_slider ul {width:100%;} #contents.wonderplace .cp_flexible .cpf_slider li {width:100%;} #contents.wonderplace .cp_flexible .cpf_slider li p {color:rgba(18, 18, 18, 0.07); font-size:110px; font-weight:400; line-height:110px; letter-spacing:-2.2px; text-transform:uppercase; text-align:left; word-break:keep-all;} #contents.wonderplace .cp_flexible .cpf_slider li.swiper-slide-active p {color:#121212;} #contents.wonderplace .cp_flexible .cp_imgwrap {width:50%; aspect-ratio:1/1;} #contents.wonderplace .cp_flexible .cp_imgwrap img {float:left; width:100%;} /* wonderplace - cp_design */ #contents.wonderplace .cp_design {padding:240px 0;} #contents.wonderplace .cp_design .cp_wrap {box-sizing:border-box; padding:0 80px;} #contents.wonderplace .cp_design .cpd_typography {} #contents.wonderplace .cp_design .cpd_typography .cp_txtwrap {box-sizing:border-box; padding-left:calc(100% - 1220px); text-align:left;} #contents.wonderplace .cp_design .cpd_typography .cpdt_kr {display:flex; flex-direction:row; justify-content:space-between; margin-top:60px;} #contents.wonderplace .cp_design .cpd_typography .cpdt_en {display:flex; flex-direction:row; justify-content:space-between; margin-top:100px;} #contents.wonderplace .cp_design .cpd_typography .cpdt_font {width:300px;} #contents.wonderplace .cp_design .cpd_typography .cpdt_font em, #contents.wonderplace .cp_design .cpd_typography .cpdt_font p {display:block; margin-top:10px; color:#121212; font-size:25px; font-weight:400; line-height:35px; letter-spacing:-0.5px; text-align:left;} #contents.wonderplace .cp_design .cpd_typography .cpdt_kr .cpdt_font em, #contents.wonderplace .cp_design .cpd_typography .cpdt_kr .cpdt_font p {font-family:"Pretendard", sans-serif;} #contents.wonderplace .cp_design .cpd_typography .cpdt_text {width:1220px;} #contents.wonderplace .cp_design .cpd_typography .cpdt_text p {display:block; color:#121212; font-size:120px; font-weight:700; line-height:130px; letter-spacing:-2.4px; word-break:keep-all; text-align:left;} #contents.wonderplace .cp_design .cpd_typography .cpdt_text ul {display:flex; gap:37px; box-sizing:border-box; margin-top:40px; padding:0 20px;} #contents.wonderplace .cp_design .cpd_typography .cpdt_text ul li {color:#000; font-size:25px; line-height:35px; letter-spacing:-0.5px;} #contents.wonderplace .cp_design .cpd_typography .cpdt_text ul li:nth-child(1) {font-weight:700;} #contents.wonderplace .cp_design .cpd_typography .cpdt_text ul li:nth-child(2) {font-weight:500;} #contents.wonderplace .cp_design .cpd_typography .cpdt_text ul li:nth-child(3) {font-weight:400;} #contents.wonderplace .cp_design .cpd_typography .cpdt_text ul li:nth-child(4) {font-weight:300;} #contents.wonderplace .cp_design .cpd_typography .cpdt_kr .cpdt_text ul li {font-family:"Pretendard", sans-serif;} #contents.wonderplace .cp_design .cpd_color {box-sizing:border-box; margin-top:160px; padding-left:calc(100% - 1220px);} #contents.wonderplace .cp_design .cpd_color .cp_txtwrap {text-align:left;} #contents.wonderplace .cp_design .cpd_color ul {position:relative; margin-top:60px; width:100%; height:210px;} #contents.wonderplace .cp_design .cpd_color ul li {position:absolute; top:0; bottom:0; display:flex; flex-direction:row; justify-content:center; align-items:center; background-repeat:no-repeat; background-position:center; background-size:100% auto; font-size:20px; font-weight:500; line-height:35px; letter-spacing:-0.4px; text-transform:uppercase; filter:drop-shadow(20px 20px 80px rgba(18, 18, 18, 0.10)); aspect-ratio:1/1;} #contents.wonderplace .cp_design .cpd_color ul li.cpdc_white {left:0; background-image:url("../images/project/wonderplace/pic_color01.svg"); color:#121212;} #contents.wonderplace .cp_design .cpd_color ul li.cpdc_grey {left:180px; background-image:url("../images/project/wonderplace/pic_color02.svg"); color:#121212;} #contents.wonderplace .cp_design .cpd_color ul li.cpdc_orange {left:360px; background-image:url("../images/project/wonderplace/pic_color03.svg"); color:#fff;} #contents.wonderplace .cp_design .cpd_color ul li.cpdc_blue {left:540px; background-image:url("../images/project/wonderplace/pic_color04.svg"); color:#fff;} #contents.wonderplace .cp_design .cpd_color ul li.cpdc_purple {left:730px; background-image:url("../images/project/wonderplace/pic_color05.svg"); color:#fff;} #contents.wonderplace .cp_design .cpd_color ul li.cpdc_black {left:900px; background-image:url("../images/project/wonderplace/pic_color06.svg"); color:#fff;} #contents.wonderplace .cp_design .cpd_color .cp_txtwrap .cp_text {margin-top:100px;} /* wonderplace - cp_impact */ #contents.wonderplace .cp_impact {padding:0 0 200px;} #contents.wonderplace .cp_impact .cp_wrap {box-sizing:border-box; padding:0 80px;} #contents.wonderplace .cp_impact .cp_videowrap {display:block; overflow:hidden; width:100%; margin-top:80px; overflow:hidden; border-radius:40px; border:5px solid #121212; box-shadow:20px 20px 80px 0 rgba(18, 18, 18, 0.03);} #contents.wonderplace .cp_impact .cp_videowrap video {float:left; width:100%;} #contents.wonderplace .cp_impact .cp_txtwrap {text-align:center; margin-top:80px;} #contents.wonderplace .cp_impact .cp_txtwrap .cp_text {width:100%; max-width:1280px; margin:0 auto; text-align:left;} /* wonderplace - cp_curated */ #contents.wonderplace .cp_curated {padding:0 0 200px;} #contents.wonderplace .cp_curated .cp_wrap {overflow:hidden;} #contents.wonderplace .cp_curated .cp_wrap > .cp_imgwrap {float:left; width:100%;} #contents.wonderplace .cp_curated .cp_wrap > .cp_imgwrap img {float:left; width:100%;} #contents.wonderplace .cp_curated .cpc_bottom {display:flex; gap:0.6536%; box-sizing:border-box; float:left; width:100%; max-width:1690px; padding:200px 80px 0;} #contents.wonderplace .cp_curated .cpc_bottom .cp_imgwrap.t1 {position:relative; width:73.2026%;} #contents.wonderplace .cp_curated .cpc_bottom .cp_imgwrap img:nth-child(1) {width:100%;} #contents.wonderplace .cp_curated .cpc_bottom .cp_imgwrap img:nth-child(2) {position:absolute; top:-484px; left:140px; width:360px; filter:drop-shadow(0 0 20px rgba(18, 18, 18, 0.15));} #contents.wonderplace .cp_curated .cpc_bottom .cp_imgwrap img:nth-child(3) {position:absolute; top:90px; right:-480px; width:360px; filter:drop-shadow(0 0 20px rgba(18, 18, 18, 0.15));} #contents.wonderplace .cp_curated .cpc_bottom .cp_imgwrap img:nth-child(4) {position:absolute; top:640px; left:340px; width:360px; filter:drop-shadow(0 0 20px rgba(18, 18, 18, 0.15));} #contents.wonderplace .cp_curated .cpc_bottom .cp_imgwrap img:nth-child(5) {position:absolute; top:984px; left:921px; width:360px; filter:drop-shadow(0 0 20px rgba(18, 18, 18, 0.15));} #contents.wonderplace .cp_curated .cpc_bottom .cp_imgwrap.t2 {width:26.1438%;} /* wonderplace - cp_lookbook */ #contents.wonderplace .cp_lookbook {overflow:hidden; padding:200px 0; background-image:url('../images/project/wonderplace/bg_lookbook.jpg'); background-size:cover; background-repeat:no-repeat; background-position:center;} #contents.wonderplace .cp_lookbook .cp_wrap {box-sizing:border-box; padding:0 80px;} #contents.wonderplace .cp_lookbook .cp_imgwrap {position:relative; width:100%;} #contents.wonderplace .cp_lookbook .cp_imgwrap.t1 {text-align:left;} #contents.wonderplace .cp_lookbook .cp_imgwrap.t2 {margin-top:160px; text-align:right;} #contents.wonderplace .cp_lookbook .cp_imgwrap img:nth-child(1) {box-sizing:border-box; position:relative; z-index:1; width:1280px; border:5px solid #121212; border-radius:40px; box-shadow:20px 20px 80px 0 rgba(18, 18, 18, 0.03);} #contents.wonderplace .cp_lookbook .cp_imgwrap.t1 img:nth-child(1) {margin-left:-264px;} #contents.wonderplace .cp_lookbook .cp_imgwrap.t2 img:nth-child(1) {margin-right:-212px;} #contents.wonderplace .cp_lookbook .cp_imgwrap img:nth-child(2) {position:absolute; top:50%; z-index:0; height:400px; transform:translate(0, -50%);} #contents.wonderplace .cp_lookbook .cp_imgwrap.t1 img:nth-child(2) {right:-100px;} #contents.wonderplace .cp_lookbook .cp_imgwrap.t2 img:nth-child(2) {left:-212px;} /* wonderplace - cp_ux */ #contents.wonderplace .cp_ux {padding:200px 0;} #contents.wonderplace .cp_ux .cp_txtwrap {box-sizing:border-box; padding:0 80px;} #contents.wonderplace .cp_ux .cp_wrap > .cp_imgwrap {width:100%; margin-top:80px;} #contents.wonderplace .cp_ux .cp_wrap > .cp_imgwrap img {width:100%;} #contents.wonderplace .cp_ux .cpu_sticky {position:relative; z-index:1; box-sizing:border-box; width:100%; margin-top:-410px; padding:0 80px; aspect-ratio:1760/2078;} #contents.wonderplace .cp_ux .cpu_sticky .cp_imgwrap {display:inline-block;} #contents.wonderplace .cp_ux .cpu_sticky .cp_imgwrap img {width:100%; box-shadow:20px 20px 80px 0 rgba(18, 18, 18, 0.03);} #contents.wonderplace .cp_ux .cpu_sticky .cp_imgwrap.t1 {position:sticky; top:0; overflow:hidden; box-sizing:border-box; float:left; width:72.7272%; border:5px solid #121212; border-radius:40px; box-shadow:20px 20px 80px 0 rgba(0, 0, 0, 0.03); aspect-ratio:1280/710; will-change:transform;} #contents.wonderplace .cp_ux .cpu_sticky .cp_imgwrap.t1 img {will-change:transform;} #contents.wonderplace .cp_ux .cpu_sticky .cp_imgwrap.t1:before {content:''; position:absolute; top:0; left:0; z-index:1; width:100%; background-image:url('../images/project/wonderplace/pic_ux02_cover.png'); background-size:cover; background-repeat:no-repeat; background-position:top center; aspect-ratio:1280/710;} #contents.wonderplace .cp_ux .cpu_sticky .cp_imgwrap.t2 {position:absolute; bottom:0; right:80px; width:21.0227%;} /* wonderplace - cp_comfort */ #contents.wonderplace .cp_comfort {padding:0 0 200px;} #contents.wonderplace .cp_comfort .cp_wrap {box-sizing:border-box; padding:0 80px;} #contents.wonderplace .cp_comfort .cp_wrap > .cp_txtwrap {text-align:center;} #contents.wonderplace .cp_comfort .cp_wrap > .cp_txtwrap .cp_text {width:100%; max-width:1280px; margin:0 auto; text-align:left;} #contents.wonderplace .cp_comfort .cp_wrap > .cp_imgwrap {overflow:hidden; box-sizing:border-box; width:100%; margin-top:80px; border:5px solid #121212; border-radius:40px;} #contents.wonderplace .cp_comfort .cp_wrap > .cp_imgwrap img {float:left; width:100%;} #contents.wonderplace .cp_comfort .cpc_imgwrap {display:flex; align-items:center; justify-content:space-between; margin-top:120px;} #contents.wonderplace .cp_comfort .cpc_imgwrap .cp_imgwrap.t1 {display:flex; align-items:center; gap:120px;} #contents.wonderplace .cp_comfort .cpc_imgwrap .cp_imgwrap.t1 img {width:360px; border-radius:40px; border:5px solid #121212;} #contents.wonderplace .cp_comfort .cpc_imgwrap .cp_imgwrap.t1 img:nth-child(2) {margin-top:160px;} #contents.wonderplace .cp_comfort .cpc_imgwrap .cp_imgwrap.t2 {width:240px;} #contents.wonderplace .cp_comfort .cpc_imgwrap .cp_imgwrap.t2 img {width:100%;} /* wonderplace - cp_crew */ #contents.wonderplace .cp_crew {padding:200px 0; background-image:url('../images/project/wonderplace/bg_crew.jpg'); background-size:cover; background-repeat:no-repeat; background-position:center;} #contents.wonderplace .cp_crew .cp_marquee {position:relative; width:100%; overflow:hidden;} #contents.wonderplace .cp_crew .cp_marquee_track {display:flex; width:max-content; animation:marquee-left 18s linear infinite;} #contents.wonderplace .cp_crew .cp_marquee strong {display:block; overflow:hidden; white-space:nowrap; flex-shrink:0; padding-right:120px; text-shadow:0 4px 4px rgba(0, 0, 0, 0.25); font-size:300px; font-weight:500; line-height:400px; letter-spacing:-6px; text-align:center; word-break:keep-all;} @keyframes marquee-left {from {transform:translateX(0);} to {transform:translateX(-50%);}} #contents.wonderplace .cp_crew .cp_txtwrap {box-sizing:border-box; margin-top:160px; padding:0 80px;} #contents.wonderplace .cp_crew .cp_txtwrap .cp_text {overflow:hidden; margin-top:30px;} #contents.wonderplace .cp_crew .cpc_bottom {position:relative; box-sizing:border-box; width:360px; margin:0 auto; margin-top:160px;} #contents.wonderplace .cp_crew .cpc_bottom .cp_videowrap {position:relative; overflow:hidden; width:360px; border-radius:66px;} #contents.wonderplace .cp_crew .cpc_bottom .cp_videowrap img {position:relative; z-index:1; float:left; width:100%;} #contents.wonderplace .cp_crew .cpc_bottom .cp_videowrap video {position:absolute; top:63px; left:12px; right:12px; z-index:0; width:calc(100% - 24px);} #contents.wonderplace .cp_crew .cpc_bottom p {position:absolute; top:50%; color:rgba(255, 255, 255, 0.20); font-size:80px; font-weight:500; line-height:100px; letter-spacing:-1.6px; white-space:nowrap; transform-origin:center;} #contents.wonderplace .cp_crew .cpc_bottom p:nth-child(2) {left:50%; margin-left:-197px; transform:translate(-50%, -50%) rotate(-90deg);} #contents.wonderplace .cp_crew .cpc_bottom p:nth-child(3) {right:50%; margin-right:-197px; transform:translate(50%, -50%) rotate(-90deg);} /* wonderplace - cp_brand */ #contents.wonderplace .cp_brand {padding:200px 0 0;} #contents.wonderplace .cp_brand .cpb_text {display:flex; flex-direction:column; flex-wrap:nowrap; align-items:center; position:absolute; top:50%; width:100%; transform:translateY(-50%);} #contents.wonderplace .cp_brand .cpb_text p {color:rgba(18, 18, 18, 0.03); text-align:center; font-size:200px; font-weight:500; line-height:400px; letter-spacing:-4px; white-space:nowrap;} #contents.wonderplace .cp_brand .cp_imgwrap {display:flex; flex-direction:row; justify-content:space-between; align-items:center; position:relative; z-index:1; box-sizing:border-box; width:100%; max-width:1600px; margin:0 auto; padding:0 80px;} #contents.wonderplace .cp_brand .cp_imgwrap img {width:373px;} #contents.wonderplace .cp_brand .cpb_flow {overflow:hidden; margin-top:200px; border-top:1px solid #121212; border-bottom:1px solid #121212;} #contents.wonderplace .cp_brand .cpb_flow .cpbf_pic {display:flex; overflow:hidden; width:max-content; height:80px;} #contents.wonderplace .cp_brand .cpb_flow .cpbf_pic img {display:block; height:100%; flex-shrink:0;} #contents.wonderplace .cp_brand .cpb_flow .cpbf_pic.t1 {animation:cpb-marquee-left 50s linear infinite;} #contents.wonderplace .cp_brand .cpb_flow .cpbf_pic.t2 {animation:cpb-marquee-right 50s linear infinite;} #contents.wonderplace .cp_brand .cpb_flow .cpbf_pic.t3 {animation:cpb-marquee-left 50s linear infinite;} @keyframes cpb-marquee-left {from {transform:translateX(0);} to {transform:translateX(-50%);}} @keyframes cpb-marquee-right {from {transform:translateX(-50%);} to {transform:translateX(0);}} /* wonderplace - cp_page */ #contents.wonderplace .cp_page {padding:240px 0; background-image:url('../images/project/wonderplace/bg_page.jpg'); background-size:cover; background-repeat:no-repeat; background-position:center;} #contents.wonderplace .cp_page .cpp_top {box-sizing:border-box; padding:0 80px;} #contents.wonderplace .cp_page .cpp_top .cp_txtwrap .cp_text {margin-top:30px;} #contents.wonderplace .cp_page .cpp_top .cp_imgwrap {margin-top:160px;} #contents.wonderplace .cp_page .cpp_top .cp_imgwrap img {width:400px;} #contents.wonderplace .cp_page .cpp_bottom {margin-top:200px;} #contents.wonderplace .cp_page .cpp_bottom .cp_txtwrap {display:block; box-sizing:border-box; padding:0 80px;} #contents.wonderplace .cp_page .cpp_bottom .cp_txtwrap .cp_text {overflow:hidden;} #contents.wonderplace .cp_page .cpp_bottom .cp_imgwrap {display:block; position:relative; z-index:1; box-sizing:border-box; margin-top:160px; padding:0 80px;} #contents.wonderplace .cp_page .cpp_bottom .cp_imgwrap img {width:900px; margin:0 auto; animation:floating01 3s ease-in-out infinite;} #contents.wonderplace .cp_page .cpp_bottom .cpb_deco {display:inline-block; vertical-align:middle; position:absolute; bottom:125px; left:0; overflow:hidden; width:100%; height:620px;} #contents.wonderplace .cp_page .cpp_bottom .cpb_deco .cpbd_pic {display:inline-block; vertical-align:middle; position:absolute; height:310px;} #contents.wonderplace .cp_page .cpp_bottom .cpb_deco .cpbd_pic.t1 {position:absolute; top:0; right:0;} #contents.wonderplace .cp_page .cpp_bottom .cpb_deco .cpbd_pic.t2 {position:absolute; bottom:0; left:0;} #contents.wonderplace .cp_page .cpp_bottom .cpb_deco .cpbd_pic > img {width:auto; height:100%;} /* full - cp_view */ #contents.full .cp_view {width:100%; padding:0;} #contents.full .cp_view .cp_imgwrap {width:100%; font-size:0; line-height:0;} #contents.full .cp_view .cp_imgwrap img {width:100%;} /* footer */ #footer.f_project {float:left;} #footer.f_project, #footer.f_project .text, #footer.f_project .text span {font-family:Saira, Pretendard, sans-serif, NanumGothic, NanumGothicBold, verdana, gulim, dotum;} #footer.f_project {display:inline-block; position:relative; width:100%; min-width:320px; padding-top:120px; padding-bottom:60px; background-color:var(--yellow); overflow:hidden;} #footer.f_project:before {content:""; display:none; position:absolute; left:60px; right:60px; top:0; height:1px; background-color:var(--black);} #footer.f_project .f_plastic {position:absolute; left:0; right:0; bottom:0; z-index:1; width:100%; height:1600px; pointer-events:none; background-image:url("../images/pic_plasticfooter.png"); background-repeat:no-repeat; background-size:100% 100%;} #footer.f_project .f_wrap {display:inline-block; position:relative; width:100%; max-width:1440px; margin:0 auto;} #footer.f_project .f_wrap + .f_wrap {margin-top:100px; padding-top:100px; border-top:1px solid rgba(17, 20, 38, 0.5);} #footer.f_project .f_wrap.t2 + .f_wrap, #footer.f_project .f_wrap.t3 + .f_wrap {margin-top:60px; padding-top:0; border-top:0;} #footer.f_project .f_wrap .divarea {gap:50px; padding-left:calc(100% - 800px);} #footer.f_project .titlearea {top:100px;} #footer.f_project .titlearea h2 {line-height:50px;} #footer.f_project .titlearea .decotitle i {background-color:#0119F7;} #footer.f_project .titlearea.logo {height:50px;} #footer.f_project .titlearea.logo img {height:100%;} #footer.f_project .titlearea.logo:before {content:''; position:absolute; bottom:0; left:0; width:25px; height:6px; border-radius:2px; background-color:var(--blue);} #footer.f_project .f_wrap.t2 .titlearea, #footer.f_project .f_wrap.t2 + .f_wrap .titlearea {top:0;} #footer.f_project .f_wrap.t2 .titlearea h2 {font-size:40px; font-weight:700; line-height:50px; letter-spacing:-0.8px;} #footer.f_project .f_wrap.t3 li {width:100%;} #footer.f_project .f_wrap.t3 li strong {font-size:50px; font-weight:700; line-height:60px; letter-spacing:-1px;} #footer.f_project .f_area {display:flex; flex-wrap:wrap; gap:50px; width:100%; padding:0; opacity:1 !important;} #footer.f_project .f_area p.text.giant .autotext {font-weight:600; line-height:30px;} #footer.f_project .f_area p.text.giant .autotext:before {font-weight:200;} #footer.f_project .f_area p.text.giant .autotext:after {top:40px; font-weight:600;} #footer.f_project .f_area ul {display:flex; box-sizing:border-box; overflow:hidden; width:100%; padding:0 60px;} #footer.f_project .f_area ul li {width:50%;} #footer.f_project .f_area ul li strong {font-weight:600; line-height:50px; letter-spacing:-0.5px;} #footer.f_project .f_area ul li p {font-weight:300; line-height:50px; letter-spacing:-0.5px;} #footer.f_project .f_area ul li .autotext {line-height:40px;} #footer.f_project li a span:before {color:var(--black); text-decoration:underline; text-underline-offset:3px; text-decoration-thickness:1px;} #footer.f_project li a span:after {top:50px; color:var(--black); text-decoration:underline; text-underline-offset:3px; text-decoration-thickness:1px;} #footer.f_project li a:hover span:before {top:-50px;} #footer.f_project li a:hover span:after {top:0;} #footer.f_project .f_area.aos-animate p.text.giant .autotext:before {top:-40px;} #footer.f_project .f_area.aos-animate p.text.giant .autotext:after {top:0;} #footer.f_project .f_btn {display:none;} @media all and (max-width:1680px) { /* cp_hero */ #contents.project .cp_hero .cph_banner .cphb_box {padding:3.125vw;} /* kwangya119 - cp_hero */ #contents.kwangya119 .cp_hero {padding:120px 50px 0;} #contents.kwangya119 .cp_hero .cph_banner .cphb_box {margin-top:60px;} #contents.kwangya119 .cp_hero .cph_banner.shrink .cphb_box .cphb_bg {border-radius:52px;} #contents.kwangya119 .cp_hero .cph_banner .cp_imgwrap {bottom:65px;} /* withmuu - cp_hero */ #contents.withmuu .cp_hero .cph_banner .cphb_box .cp_imgwrap .cp_box img:nth-child(2) {filter:drop-shadow(0 0.2083vw 3.1250vw rgba(0, 0, 0, 0.25));} /* ibk - cp_hero */ #contents.ibk .cp_hero .cph_banner .cp_imgwrap img {width:32.7381vw;} #contents.ibk .cp_hero .cpb_overview .cp_txtwrap .cpbo_top p span {display:inline;} /* kwangya119 - common */ #contents.kwangya119 .cp_title strong {font-size:90px; line-height:100px; letter-spacing:-3.6px;} /* kwangya119 - cp_chapter */ #contents.kwangya119 .cp_chapter .cpc_list li strong {font-size:26px; line-height:36px;} #contents.kwangya119 .cp_chapter .cpc_list li p {line-height:32px; letter-spacing:-0.8px;} /* kwangya119 - cp_strategy */ #contents.kwangya119 .cp_strategy {padding:0 50px 100px;} #contents.kwangya119 .cp_strategy .cp_txtwrap strong {font-size:26px; line-height:46px;} #contents.kwangya119 .cp_strategy .cp_txtwrap p {font-size:26px; line-height:36px;} #contents.kwangya119 .cp_strategy .cps_flexable {margin-top:160px;} #contents.kwangya119 .cp_strategy .cps_flexable .cp_title {font-size:90px; line-height:100px; letter-spacing:-3.6px;} #contents.kwangya119 .cp_strategy .cps_flexable .cp_imgwrap {margin-top:50px;} #contents.kwangya119 .cp_strategy .cps_flexable .cp_txtwrap {margin-top:200px;} #contents.kwangya119 .cp_strategy .cps_flexable .cp_txtwrap p {font-size:26px; line-height:42px;} #contents.kwangya119 .cp_strategy .cps_flexable .cp_imgwrap.t2 {margin-top:140px;} #contents.kwangya119 .cp_strategy .cps_personalization {margin-top:240px;} #contents.kwangya119 .cp_strategy .cps_personalization .cp_title {font-size:90px; line-height:100px; letter-spacing:-3.6px;} #contents.kwangya119 .cp_strategy .cps_personalization .cpsp_contents .cp_imgwrap:before {height:100%; margin-left:0; transform:translate(-50%, 0);} #contents.kwangya119 .cp_strategy .cps_personalization .cpsp_contents .cp_txtwrap p {font-size:26px; line-height:42px;} #contents.kwangya119 .cp_strategy .cps_personalization .cpsp_contents .cpspc_deco {width:400px;} /* kwangya119 - cp_design */ #contents.kwangya119 .cp_design .cp_txtwrap {margin-top:60px;} #contents.kwangya119 .cp_design .cpd_contents {margin-top:60px;} #contents.kwangya119 .cp_design .cpd_contents > ul.cpdc_top > li > p {line-height:32px; letter-spacing:-0.8px;} #contents.kwangya119 .cp_design .cpd_contents > ul.cpdc_btm > li > p span#lang_en {height:105px;} #contents.kwangya119 .cp_design .cpd_contents > ul.cpdc_top > li:nth-child(2) > ul > li p {line-height:32px; letter-spacing:-0.8px;} #contents.kwangya119 .cp_design .cpd_contents > ul.cpdc_btm > li .fonts .lang {line-height:28px;} #contents.kwangya119 .cp_design .cpd_contents > ul.cpdc_btm > li .fonts .font {line-height:32px;} /* kwangya119 - cp_service */ #contents.kwangya119 .cp_service .cps_contents .cpsc_list .cpscl_item strong {font-size:26px; line-height:36px;} #contents.kwangya119 .cp_service .cps_contents .cpsc_list .cpscl_item p {line-height:28px;} #contents.kwangya119 .cp_service .cps_contents .cp_txtwrap p:before {font-size:90px; line-height:100px; letter-spacing:-3.6px;} /* kwangya119 - cp_protect */ #contents.kwangya119 .cp_protect {padding:0 50px;} #contents.kwangya119 .cp_protect .cpp_contents > strong {margin-top:6.7857vw;} /* kwangya119 - cp_share */ #contents.kwangya119 .cp_share .cp_txtwrap strong {font-size:26px;} #contents.kwangya119 .cp_share .cp_txtwrap p {font-size:26px; line-height:36px;} /* kwangya119 - cp_history */ #contents.kwangya119 .cp_history .cp_title strong {font-size:90px; line-height:100px; letter-spacing:-3.6px;} #contents.kwangya119 .cp_history .cph_contents ul li p {font-size:32px; line-height:52px;} #contents.kwangya119 .cp_history .cph_contents ul li > span {line-height:38px;} /* kwangya119 - cp_responsive */ #contents.kwangya119 .cp_responsive .cpr_marquee.t1 {padding:19.0556vw 0 22.8889vw;} #contents.kwangya119 .cp_responsive .cpr_marquee.t1 ul {height:11.1111vw;} #contents.kwangya119 .cp_responsive .cpr_marquee.t1 ul li {font-size:11.1111vw; line-height:11.1111vw; letter-spacing:-0.4444vw;} #contents.kwangya119 .cp_responsive .cpr_marquee.t1 ul li span {margin-right:1.6667vw;} #contents.kwangya119 .cp_responsive .cpr_marquee.t2 {margin-top:13.8889vw;} #contents.kwangya119 .cp_responsive .cpr_marquee.t2 > ul > li:nth-child(1) {height:41.6667vw;} #contents.kwangya119 .cp_responsive .cpr_marquee.t2 > ul > li:nth-child(2) {padding:31.1111vw 0 10vw;} #contents.kwangya119 .cp_responsive .cpr_marquee.t2 > ul > li:nth-child(3) {height:41.6667vw; margin-top:7.2222vw;} #contents.kwangya119 .cp_responsive .cpr_marquee.t2 > ul > li > ul {height:11.1111vw;} #contents.kwangya119 .cp_responsive .cpr_marquee.t2 > ul > li > ul > li {-webkit-text-stroke-width:0.0556vw; font-size:11.1111vw; line-height:11.1111vw; letter-spacing:-0.4444vw;} #contents.kwangya119 .cp_responsive .cpr_marquee.t2 > ul > li > ul > li span {margin-right:1.6667vw;} #contents.kwangya119 .cp_responsive .cpr_marquee .cprm_deco.t1 {max-width:80vw; margin-left:-40vw;} #contents.kwangya119 .cp_responsive .cpr_marquee .cprm_deco.t2 {width:53.5556vw; margin-right:-4.6667vw;} #contents.kwangya119 .cp_responsive .cpr_marquee .cprm_deco.t3 {top:-16.6667vw; width:22.8889vw; margin-left:25.5vw;} #contents.kwangya119 .cp_responsive .cpr_marquee .cprm_deco.t4 {top:7.7778vw; width:22.8889vw; margin-left:2.6667vw;} #contents.kwangya119 .cp_responsive .cpr_marquee .cprm_deco.t5 {width:53.5556vw; margin-left:-26.7778vw;} #contents.kwangya119 .cp_responsive .cpr_marquee .cprm_deco .cprmd_video {top:13%; left:13%; right:13%;} /* kwangya119 - cp_slogan */ #contents.kwangya119 .cp_slogan {padding:120px 50px;} #contents.kwangya119 .cp_slogan .cps_contents strong span:nth-child(2) {-webkit-text-stroke-width:0.0833vw;} #contents.kwangya119 .cp_slogan .cps_contents strong span:nth-child(4) {margin-left:13.3929vw; -webkit-text-stroke-width:0.0833vw;} #contents.kwangya119 .cp_slogan .cps_contents .cpsc_deco {bottom:1.7857vw;} #contents.kwangya119 .cp_slogan.on .cps_contents .cpsc_deco {bottom:3.5714vw;} #contents.kwangya119 .cp_slogan .cps_contents .cpsc_deco.t1 {width:32.9762vw; margin-left:-27.3214vw;} #contents.kwangya119 .cp_slogan .cps_contents .cpsc_deco.t2 {width:30.1190vw; margin-left:-5.7143vw;} /* drmartens - common */ #contents.drmartens .cp_title {font-size:48px; line-height:68px;} #contents.drmartens .cp_text {font-size:23px; line-height:35px;} /* drmartens - cp_brand */ #contents.drmartens .cp_brand {padding:120px 50px 220px;} /* drmartens - cp_rule */ #contents.drmartens .cp_rule {padding:160px 50px;} #contents.drmartens .cp_rule .cpr_deco {right:-40px;} #contents.drmartens .cp_rule .cpr_contents li p {font-size:23px; line-height:35px;} /* drmartens - cp_design */ #contents.drmartens .cp_design .cpd_bottom {padding:120px 50px;} #contents.drmartens .cp_design .cpd_bottom .cpdb_icon li:nth-child(1):before {left:-40px; right:calc(100% + 40px);} #contents.drmartens .cp_design .cpd_bottom .cpdb_icon li:nth-child(1):after {left:-40px; right:calc(100% + 40px);} #contents.drmartens .cp_design .cpd_bottom .cpdb_icon li:nth-child(6):before {left:-40px; right:calc(100% + 40px);} #contents.drmartens .cp_design .cpd_bottom .cpdb_icon li:nth-child(6):after {left:-40px; right:calc(100% + 40px);} #contents.drmartens .cp_design .cpd_bottom .cpdb_icon li:nth-child(11):before {left:-40px; right:calc(100% + 40px);} #contents.drmartens .cp_design .cpd_bottom .cpdb_icon li:nth-child(11):after {left:-40px; right:calc(100% + 40px);} #contents.drmartens .cp_design .cpd_bottom .cpdb_icon li:nth-child(1) i:before {top:-40px; bottom:calc(100% + 40px);} #contents.drmartens .cp_design .cpd_bottom .cpdb_icon li:nth-child(1) i:after {top:-40px; bottom:calc(100% + 40px);} #contents.drmartens .cp_design .cpd_bottom .cpdb_icon li:nth-child(2) i:before {top:-40px; bottom:calc(100% + 40px);} #contents.drmartens .cp_design .cpd_bottom .cpdb_icon li:nth-child(2) i:after {top:-40px; bottom:calc(100% + 40px);} #contents.drmartens .cp_design .cpd_bottom .cpdb_icon li:nth-child(3) i:before {top:-40px; bottom:calc(100% + 40px);} #contents.drmartens .cp_design .cpd_bottom .cpdb_icon li:nth-child(3) i:after {top:-40px; bottom:calc(100% + 40px);} #contents.drmartens .cp_design .cpd_bottom .cpdb_icon li:nth-child(4) i:before {top:-40px; bottom:calc(100% + 40px);} #contents.drmartens .cp_design .cpd_bottom .cpdb_icon li:nth-child(4) i:after {top:-40px; bottom:calc(100% + 40px);} #contents.drmartens .cp_design .cpd_bottom .cpdb_icon li:nth-child(5) i:before {top:-40px; bottom:calc(100% + 40px);} #contents.drmartens .cp_design .cpd_bottom .cpdb_icon li:nth-child(5) i:after {top:-40px; bottom:calc(100% + 40px);} #contents.drmartens .cp_design .cpd_bottom .cpdb_icon ul.aos-animate li:nth-child(1):before {right:-40px;} #contents.drmartens .cp_design .cpd_bottom .cpdb_icon ul.aos-animate li:nth-child(1):after {right:-40px;} #contents.drmartens .cp_design .cpd_bottom .cpdb_icon ul.aos-animate li:nth-child(6):before {right:-40px;} #contents.drmartens .cp_design .cpd_bottom .cpdb_icon ul.aos-animate li:nth-child(6):after {right:-40px;} #contents.drmartens .cp_design .cpd_bottom .cpdb_icon ul.aos-animate li:nth-child(11):before {right:-40px;} #contents.drmartens .cp_design .cpd_bottom .cpdb_icon ul.aos-animate li:nth-child(11):after {right:-40px;} #contents.drmartens .cp_design .cpd_bottom .cpdb_icon ul.aos-animate li:nth-child(1) i:before {bottom:-40px;} #contents.drmartens .cp_design .cpd_bottom .cpdb_icon ul.aos-animate li:nth-child(1) i:after {bottom:-40px;} #contents.drmartens .cp_design .cpd_bottom .cpdb_icon ul.aos-animate li:nth-child(2) i:before {bottom:-40px;} #contents.drmartens .cp_design .cpd_bottom .cpdb_icon ul.aos-animate li:nth-child(2) i:after {bottom:-40px;} #contents.drmartens .cp_design .cpd_bottom .cpdb_icon ul.aos-animate li:nth-child(3) i:before {bottom:-40px;} #contents.drmartens .cp_design .cpd_bottom .cpdb_icon ul.aos-animate li:nth-child(3) i:after {bottom:-40px;} #contents.drmartens .cp_design .cpd_bottom .cpdb_icon ul.aos-animate li:nth-child(4) i:after {bottom:-40px;} #contents.drmartens .cp_design .cpd_bottom .cpdb_icon ul.aos-animate li:nth-child(4) i:before {bottom:-40px;} #contents.drmartens .cp_design .cpd_bottom .cpdb_icon ul.aos-animate li:nth-child(5) i:after {bottom:-40px;} #contents.drmartens .cp_design .cpd_bottom .cpdb_icon ul.aos-animate li:nth-child(5) i:before {bottom:-40px;} /* drmartens - cp_experience */ #contents.drmartens .cp_experience {padding:120px 50px;} /* drmartens - cp_look */ #contents.drmartens .cp_look {padding:120px 50px;} /* drmartens - cp_story */ #contents.drmartens .cp_story .cp_txtwrap .cp_title, #contents.drmartens .cp_story .cp_txtwrap .cp_text {width:500px;} /* drmartens - cp_uiux */ #contents.drmartens .cp_uiux {padding:180px 50px;} #contents.drmartens .cp_uiux .cpu_sliderwrap .cpu_slider-prev {left:0;} #contents.drmartens .cp_uiux .cpu_sliderwrap .cpu_slider-next {right:0;} /* drmartens - cp_userbility */ #contents.drmartens .cp_userbility {padding:160px 50px;} #contents.drmartens .cp_userbility .cpu_contents li:nth-child(1) img:nth-child(1) {margin-left:-270px;} #contents.drmartens .cp_userbility .cpu_contents li:nth-child(2) img:nth-child(2) {margin-right:-270px;} /* eurocave - common */ #contents.eurocave .cp_txtwrap .cp_title {font-size:58px; line-height:78px;} #contents.eurocave .cp_txtwrap .cp_title + .line {width:95px;} #contents.eurocave .cp_txtwrap .cp_text {font-size:23px; line-height:35px;} #contents.eurocave .cp_txtwrap .deco_title {width:103px; height:169px;} #contents.eurocave .cp_txtwrap .deco_title p {top:-9px; left:-37px; font-size:15px; line-height:28px;} /* eurocave - cp_story */ #contents.eurocave .cp_story .cps_attachment p {font-size:1.4881vw; line-height:2.3810vw;} /* eurocave - cp_values */ #contents.eurocave .cp_values:before {top:40.7292vw; left:-27.0833vw; width:51.5625vw;} #contents.eurocave .cp_values:after {bottom:2.8125vw; right:-7.9167vw; width:38.4375vw;} /* eurocave - cp_design */ #contents.eurocave .cp_design:before {left:-15.1042vw; width:33.75vw;} /* withmuu - common */ #contents.withmuu .cp_title {font-size:48px; line-height:58px;} #contents.withmuu .cp_text {font-size:23px; line-height:35px;} #contents.withmuu .cp_text mark {top:-1px; font-size:22px; line-height:30px;} /* withmuu - cp_keyword */ #contents.withmuu .cp_keyword {box-sizing:border-box; padding:160px 50px;} #contents.withmuu .cp_keyword .cpk_flow li {height:131px;} #contents.withmuu .cp_keyword .cpk_flow li + li {margin-top:53px;} #contents.withmuu .cp_keyword .cpk_flow li .flow_inner {gap:53px;} #contents.withmuu .cp_keyword .cpk_flow li .cpkfli_wrap {gap:53px;} #contents.withmuu .cp_keyword .cpk_flow li .cpkfli_txt {gap:9px; height:131px; padding:0 53px; border-radius:87px; font-size:53px; line-height:87px; letter-spacing:-1px;} #contents.withmuu .cp_keyword .cpk_flow li .cpkfli_txt.t1 {box-shadow:0 18px 53px 0 rgba(20, 20, 21, 0.08);} #contents.withmuu .cp_keyword .cpk_flow li .cpkfli_txt.t2 {box-shadow:0 18px 53px 0 rgba(98, 85, 246, 0.40);} #contents.withmuu .cp_keyword .cpk_flow li .icon {width:131px; height:131px; filter:drop-shadow(0 18px 35px rgba(116, 232, 139, 0.40));} /* withmuu - cp_core */ #contents.withmuu .cp_core {box-sizing:border-box; padding:160px 50px;} #contents.withmuu .cp_core .cpc_list {margin-top:60px;} #contents.withmuu .cp_core .cpc_list li {width:29.3333vw;} #contents.withmuu .cp_core .cpc_list li .cpcl_box {height:29.3333vw; margin-bottom:4.6667vw; padding-top:5.1333vw; box-shadow:0 1vw 4vw 0 rgba(20, 20, 21, 0.08);} #contents.withmuu .cp_core .cpc_list li .cpcl_box:before {left:2vw; right:2vw; top:2vw; bottom:2vw;} #contents.withmuu .cp_core .cpc_list li .cpcl_box:after {bottom:1.9333vw; width:0.1333vw; height:0.0667vw; margin-left:-0.0667vw;} #contents.withmuu .cp_core .cpc_list li.aos-animate .cpcl_box:after {bottom:-4.6667vw; height:6.6667vw;} #contents.withmuu .cp_core .cpc_list li i {width:5.8667vw; height:7.3333vw;} #contents.withmuu .cp_core .cpc_list li strong {margin:0.6667vw 0; font-size:2.6667vw; line-height:3.3333vw; letter-spacing:-0.0333vw;} #contents.withmuu .cp_core .cpc_list li p span {font-size:1.6667vw; line-height:2.6667vw; letter-spacing:-0.0333vw;} #contents.withmuu .cp_core .cpc_list li > strong {margin:0.6667vw 0 0; font-size:2vw; line-height:2.6667vw; letter-spacing:-0.0333vw;} #contents.withmuu .cp_core .cpc_deco {width:calc(100% + 100px); height:12.5vw; margin-top:8.3333vw; margin-left:-50px;} #contents.withmuu .cp_core .cpc_deco .cpcd_pic {height:5.2083vw;} #contents.withmuu .cp_core .cpc_dot {width:calc(100% + 100px); margin-left:-50px;} #contents.withmuu .cp_core .cpc_dot .cpcd_wrap {height:32.7381vw;} #contents.withmuu .cp_core .cpc_dot .cpcd_deco {height:32.7381vw; box-shadow:0 0 3.5714vw 0 rgba(0, 0, 0, 0.08);} #contents.withmuu .cp_core .cpc_dot .cpcd_music {width:26.1905vw; height:26.1905vw; padding-top:6.25vw; box-shadow:0 1.1905vw 2.3810vw 0 rgba(116, 232, 139, 0.40);} #contents.withmuu .cp_core .cpc_dot .cpcd_music b {font-size:1.7857vw; line-height:2.9762vw; letter-spacing:-0.0357vw;} #contents.withmuu .cp_core .cpc_dot .cpcd_music i {border:#6255f6 solid 0.0595vw;} #contents.withmuu .cp_core .cpc_dot .cpcd_contents {margin-top:17.2619vw;} #contents.withmuu .cp_core .cpc_dot .cpcd_contents .cpcdc_logo {width:61.9048vw;} #contents.withmuu .cp_core .cpc_dot .cpcd_contents .cpcdc_logo:before {width:0.2381vw; bottom:50%; height:25.3571vw; margin-left:-0.1190vw;} #contents.withmuu .cp_core .cpc_dot .cpcd_contents .cpcdc_txt > span {font-size:26px; line-height:50px;} /* withmuu - cp_design */ #contents.withmuu .cp_design {box-sizing:border-box; padding:160px 50px;} #contents.withmuu .cp_design .cpd_color .cpdc_contents li:nth-child(1) > div {padding:50px;} /* withmuu - cp_main */ #contents.withmuu .cp_main {padding:160px 50px 0;} #contents.withmuu .cp_main > ul {width:calc(100% + 100px); margin-left:-50px;} /* withmuu - cp_product */ #contents.withmuu .cp_product {padding:160px 50px 0;} #contents.withmuu .cp_product .cpp_contents {width:calc(100% + 100px); margin-top:9.5238vw; margin-left:-50px; padding:0 0 9.5238vw;} #contents.withmuu .cp_product .cpp_contents ul {gap:5.9524vw;} #contents.withmuu .cp_product .cpp_contents li {gap:5.9524vw;} #contents.withmuu .cp_product .cpp_contents li img {max-width:42.8571vw; filter:drop-shadow(0 1.1905vw 1.1905vw rgba(0, 0, 0, 0.10)) drop-shadow(0 2.3810vw 1.1905vw rgba(0, 0, 0, 0.15));} #contents.withmuu .cp_product .cpp_contents li:nth-child(1) img:nth-child(1) {margin-left:-2.3810vw;} #contents.withmuu .cp_product .cpp_contents li:nth-child(2) img:nth-child(2) {margin-right:-2.3810vw;} #contents.withmuu .cp_product .cp_deco {bottom:-12.5vw; width:25.4167vw; height:23.6310vw;} /* withmuu - cp_global */ #contents.withmuu .cp_global {padding:160px 50px 0;} #contents.withmuu .cp_global .cp_imgwrap {width:calc(100% + 100px); margin-left:-50px;} #contents.withmuu .cp_global .cpg_contents {margin-top:5.9524vw;} #contents.withmuu .cp_global .cpg_contents li {width:16.0714vw;} #contents.withmuu .cp_global .cpg_contents li:nth-child(3) {width:25.5952vw;} #contents.withmuu .cp_global .cpg_contents li p {margin-top:1.1905vw; padding:0.1190vw 1.4286vw; border-radius:2.9762vw; border:0.1190vw solid rgba(98, 85, 246, 0.10); font-size:1.4881vw; line-height:1.7857vw; letter-spacing:-0.0298vw;} #contents.withmuu .cp_global .cpg_contents li i {width:26.1905vw; height:26.1905vw; margin-top:-13.0952vw; margin-left:-13.0952vw; background-color:rgba(98, 85, 246, 0.08);} /* withmuu - cp_artist */ #contents.withmuu .cp_artist {box-sizing:border-box; padding:160px 50px;} /* withmuu - cp_purchase */ #contents.withmuu .cp_purchase {padding:160px 50px 0;} #contents.withmuu .cp_purchase .cp_imgwrap.t1 {gap:2.3810vw; margin-top:5.9524vw;} #contents.withmuu .cp_purchase .cp_imgwrap.t1 .left {gap:2.3810vw; width:calc(49.5% - 1.1905vw);} #contents.withmuu .cp_purchase .cp_imgwrap.t1 .left .t1 {border-radius:2.3810vw;} #contents.withmuu .cp_purchase .cp_imgwrap.t1 .left .t2 {border-radius:2.3810vw;} #contents.withmuu .cp_purchase .cp_imgwrap.t1 .right {width:calc(50.5% - 1.1905vw); border-radius:2.3810vw;} #contents.withmuu .cp_purchase .cp_imgwrap.t2 {width:calc(100% + 100px); margin-left:-50px;} /* carriermall - common */ #contents.carriermall .cp_txtwrap mark {font-size:23px; line-height:32px;} #contents.carriermall .cp_txtwrap .cp_title {font-size:50px; line-height:60px;} #contents.carriermall .cp_txtwrap.t2 .cp_title {font-size:36px; line-height:46px;} #contents.carriermall .cp_txtwrap .cp_text {font-size:23px; line-height:35px;} /* carriermall - cp_goal */ #contents.carriermall .cp_goal {border-radius:1.7857vw;} #contents.carriermall .cp_goal .cpg_contents {max-width:85.7143vw; margin:4.7619vw auto 0;} #contents.carriermall .cp_goal .cpg_contents ul {width:calc(100% - 28.2738vw);} #contents.carriermall .cp_goal .cpg_contents ul li {width:19.9405vw; border-radius:17.8571vw; box-shadow:0 1.7857vw 3.5714vw 0 rgba(28, 28, 32, 0.03);} #contents.carriermall .cp_goal .cpg_contents ul li:nth-child(1) {transform:translateX(-0.2976vw);} #contents.carriermall .cp_goal .cpg_contents ul li:nth-child(2) {left:calc(50% - 9.9405vw); transform:translateX(-1.4881vw);} #contents.carriermall .cp_goal .cpg_contents ul li:nth-child(3) {transform:translateX(-2.0833vw);} #contents.carriermall .cp_goal .cpg_contents ul li strong {font-size:1.7857vw; line-height:2.3810vw; letter-spacing:-0.0357vw;} #contents.carriermall .cp_goal .cpg_contents ul li p {margin-top:1.7857vw; font-size:1.4881vw; line-height:2.3810vw; letter-spacing:-0.0298vw;} #contents.carriermall .cp_goal .cpg_contents .icon.arrow {width:8.3333vw; height:19.9405vw; background-size:5.9524vw auto;} #contents.carriermall .cp_goal .cpg_contents .cpgc_goal {width:19.9405vw; border-radius:29.7619vw; box-shadow:0 1.7857vw 3.5714vw 0 rgba(23, 42, 126, 0.20); transform:translateX(-1.7857vw);} #contents.carriermall .cp_goal .cpg_contents .cpgc_goal p {font-size:1.7857vw; line-height:2.6786vw; letter-spacing:-0.0357vw;} #contents.carriermall .cp_goal .cp_txtwrap .cp_text {margin-top:4.7619vw;} /* carriermall - cp_strategy */ #contents.carriermall .cp_strategy .cp_wrap {box-sizing:border-box; max-width:1540px; padding:0 50px;} #contents.carriermall .cp_strategy .cps_contents {margin-top:17.8571vw; padding-top:31.25vw; padding-bottom:26.3095vw;} #contents.carriermall .cp_strategy .cps_contents .cpsc_video {width:27.9762vw; height:59.1667vw; border-radius:1.7857vw; border:0.5952vw solid #F8F9FA; box-shadow:0 0 4.7619vw 0 rgba(28, 28, 32, 0.15);} #contents.carriermall .cp_strategy .cps_contents .cp_imgwrap img {border-radius:1.1905vw; box-shadow:0 1.1905vw 3.5714vw 0 rgba(17, 20, 38, 0.06);} #contents.carriermall .cp_strategy .cps_contents .cp_imgwrap p {padding:0 0.4762vw; font-size:1.0119vw; line-height:2.3810vw; letter-spacing:-0.0202vw;} #contents.carriermall .cp_strategy .cps_contents .cp_imgwrap.t1 {left:5.7738vw;} #contents.carriermall .cp_strategy .cps_contents .cp_imgwrap.t1 img {width:34.4048vw;} #contents.carriermall .cp_strategy .cps_contents .cp_imgwrap.t1 p {margin-top:-2.3810vw;} #contents.carriermall .cp_strategy .cps_contents .cp_imgwrap.t2 {top:40.3571vw; right:-1vw;} #contents.carriermall .cp_strategy .cps_contents .cp_imgwrap.t2 img {width:49.8214vw;} #contents.carriermall .cp_strategy .cps_contents .cp_imgwrap.t3 {left:1.7857vw;} #contents.carriermall .cp_strategy .cps_contents .cp_imgwrap.t3 img {width:35.7143vw;} #contents.carriermall .cp_strategy .cp_wrap > strong {margin-top:8.9286vw; font-size:5.3571vw; line-height:6.5476vw; letter-spacing:-0.1071vw;} #contents.carriermall .cp_strategy .cp_wrap > strong img {width:25.4762vw;} #contents.carriermall .cp_strategy .cp_wrap > strong .cp_deco {top:-28.5714vw; right:8.9286vw; width:19.6429vw; height:19.6429vw;} #contents.carriermall .cp_strategy > .cp_deco {width:15.3571vw; height:167.2024vw;} /* carriermall - cp_design */ #contents.carriermall .cp_design .cpd_top .cpdt_grid {padding:3vw; border-radius:1.7857vw;} #contents.carriermall .cp_design .cpd_top .cpdt_grid .cp_txtwrap {max-width:100%;} #contents.carriermall .cp_design .cpd_top .cpdt_grid .cpdtg_box {gap:3vw; max-width:100%; margin-top:3.5714vw;} #contents.carriermall .cp_design .cpd_top .cpdt_grid .cpdtg_box .pc {width:66.5vw;} #contents.carriermall .cp_design .cpd_top .cpdt_grid .cpdtg_box .mo {width:17.85vw;} #contents.carriermall .cp_design .cpd_top .cpdt_grid .cpdtg_box strong {padding-top:1.4881vw; font-size:1.4881vw; line-height:2.3810vw; letter-spacing:-0.0298vw;} #contents.carriermall .cp_design .cpd_top .cpdt_grid .cpdtg_box p {padding-top:1.4881vw; font-size:1.4881vw; line-height:2.3810vw; letter-spacing:-0.0298vw;} #contents.carriermall .cp_design .cpd_top .cpdt_grid .cp_imgwrap {margin-top:3.5714vw;} #contents.carriermall .cp_design .cpd_top .cpdt_font {width:calc(100% - 26vw - 20px); padding:4.7619vw 0; border-radius:1.7857vw; box-shadow:0 0 4.7619vw 0 rgba(17, 20, 38, 0.08);} #contents.carriermall .cp_design .cpd_top .cpdt_font > div {max-width:52.3810vw;} #contents.carriermall .cp_design .cpd_top .cpdt_font .en {margin-top:4.7619vw; padding-top:4.7619vw; border-top:0.0595vw solid rgba(23, 42, 126, 0.10);} #contents.carriermall .cp_design .cpd_top .cpdt_font b {font-size:1.4881vw; line-height:1.7857vw; letter-spacing:-0.0298vw;} #contents.carriermall .cp_design .cpd_top .cpdt_font strong {margin-top:0.5952vw; font-size:4.7619vw; line-height:5.9524vw; letter-spacing:-0.0952vw;} #contents.carriermall .cp_design .cpd_top .cpdt_font p {gap:1.7857vw; margin-top:0.5952vw; color:rgba(17, 20, 38, 0.50); font-size:1.4881vw; line-height:1.7857vw; letter-spacing:-0.0298vw;} #contents.carriermall .cp_design .cpd_top .cpdt_font ul {gap:0.8929vw; margin-top:1.7857vw;} #contents.carriermall .cp_design .cpd_top .cpdt_font ul li {height:2.2619vw; padding:0 1.1905vw 0.1190vw 1.1905vw; border-radius:2.9762vw; font-size:1.4881vw; line-height:2.1429vw; letter-spacing:-0.0298vw;} #contents.carriermall .cp_design .cpd_top .cpdt_color {width:26vw;} #contents.carriermall .cp_design .cpd_top .cpdt_color li {height:16.0714vw; padding:2.3810vw 3vw; border-radius:1.7857vw;} #contents.carriermall .cp_design .cpd_top .cpdt_color li:nth-child(1) {transform:translateY(32.5595vw);} #contents.carriermall .cp_design .cpd_top .cpdt_color li:nth-child(2) {transform:translateY(21.25vw);} #contents.carriermall .cp_design .cpd_top .cpdt_color li:nth-child(3) {transform:translateY(11.6071vw);} #contents.carriermall .cp_design .cpd_top .cpdt_color li:nth-child(4) {transform:translateY(1.1905vw);} #contents.carriermall .cp_design .cpd_top .cpdt_color li p {font-size:1.4881vw; line-height:2.3810vw; letter-spacing:-0.0298vw;} #contents.carriermall .cp_design .cpd_bottom {padding-top:50px; border-radius:1.7857vw;} #contents.carriermall .cp_design .cpd_bottom .cpdb_icon .cpdbi_box {box-sizing:border-box; max-width:1540px; padding:0 50px;} #contents.carriermall .cp_design .cpd_bottom .cpdb_icon .cpdbi_sliderwrap {top:calc(280px + 7.6vw); width:calc(100% + 9.5238vw); margin-left:-4.7619vw; padding:1.1905vw 0; border-radius:1.7857vw; box-shadow:0 1.1905vw 3.5714vw 0 rgba(17, 20, 38, 0.06);} #contents.carriermall .cp_design .cpd_bottom .cpdb_icon .cpdbi_sliderwrap:before {right:calc(50% + 13.3929vw); background:linear-gradient(90deg, #F8F9FA 2.43%, rgba(248, 249, 250, 0.00) 100%);} #contents.carriermall .cp_design .cpd_bottom .cpdb_icon .cpdbi_sliderwrap:after {left:calc(50% + 13.3929vw);} #contents.carriermall .cp_design .cpd_bottom .cpdb_icon .swiper-slide {padding:2.0833vw 0.5952vw; cursor:pointer;} #contents.carriermall .cp_design .cpd_bottom .cpdb_icon .swiper-slide p {margin-top:1.1905vw; font-size:1.7857vw; line-height:2.0833vw; letter-spacing:-0.0357vw;} #contents.carriermall .cp_design .cpd_bottom .cpdb_icon .swiper-slide img {height:4.7619vw;} #contents.carriermall .cp_design .cpd_bottom .cpdb_icon .swiper-slide-active img {filter:invert(99%) sepia(0%) saturate(2%) hue-rotate(64deg) brightness(1113%) contrast(100%);} #contents.carriermall .cp_design .cpd_bottom .cpdb_icon .swiper-slide-active:before {border-radius:1.1905vw;} #contents.carriermall .cp_design .cpd_bottom .cpdb_icon .cp_txtwrap {display:block; position:relative; top:auto; left:auto;} #contents.carriermall .cp_design .cpd_bottom .cpdb_icon .cp_imgwrap {width:26.7857vw; margin:0 auto; margin-top:30px; border-radius:1.7857vw; box-shadow:3.5714vw 4.7619vw 4.7619vw 0 rgba(17, 20, 38, 0.10);} #contents.carriermall .cp_design .cpd_bottom .cpdb_filter .cpdbf_box {box-sizing:border-box; max-width:1540px; padding:0 50px;} #contents.carriermall .cp_design .cpd_bottom .cpdb_filter {margin-top:20.8333vw;} #contents.carriermall .cp_design .cpd_bottom .cpdb_filter .cp_txtwrap {left:5.9524vw;} #contents.carriermall .cp_design .cpd_bottom .cpdb_filter .cpdbf_box {box-sizing:border-box; max-width:1540px; padding:0 50px;} #contents.carriermall .cp_design .cpd_bottom .cpdb_filter .cpdbf_box .cp_imgwrap {width:17.8571vw; margin-right:4.1667vw;} #contents.carriermall .cp_design .cpd_bottom .cpdb_filter .cpdbf_box .cp_imgwrap img {width:100%; border-radius:1.1905vw; box-shadow:3.5714vw 4.7619vw 4.7619vw 0 rgba(17, 20, 38, 0.10);} #contents.carriermall .cp_design .cpd_bottom .cpdb_filter > .cp_imgwrap {top:34.5238vw; right:-35vw; width:71.4286vw;} #contents.carriermall .cp_design .cpd_bottom .cpdb_filter > .cp_imgwrap img {width:100%; border-radius:1.1905vw; box-shadow:3.5714vw 4.7619vw 4.7619vw 0 rgba(17, 20, 38, 0.10);} /* carriermall - cp_history */ #contents.carriermall .cp_history .cp_wrap {box-sizing:border-box; max-width:1540px; padding:0 50px;} #contents.carriermall .cp_history .cps_contents.t1 .cp_txtwrap:before {top:12.5vw; right:-29.7619vw; width:75.2381vw; height:15.8333vw;} #contents.carriermall .cp_history .cp_imgwrap p {padding:0 0.4762vw; font-size:1.0119vw; line-height:2.3810vw; letter-spacing:-0.0202vw;} #contents.carriermall .cp_history .cp_imgwrap.t3 {padding-left:2.3810vw;} #contents.carriermall .cp_history .cp_imgwrap.t3 p {margin-left:-2.3810vw;} #contents.carriermall .cp_history .cps_contents.t1 .cp_imgwrap.t1 {width:71.4286vw; margin-top:6.9643vw; margin-left:-20.3571vw;} #contents.carriermall .cp_history .cps_contents.t1 .cp_imgwrap.t1 img {border-radius:1.1905vw; box-shadow:0 0 2.3810vw 0 rgba(0, 0, 0, 0.04), 3.5714vw 4.7619vw 4.7619vw 0 rgba(17, 20, 38, 0.06);} #contents.carriermall .cp_history .cps_contents.t1 .cp_imgwrap.t2 {width:35.7143vw; margin-top:1.7857vw; margin-left:calc(100% - 29.7619vw);} #contents.carriermall .cp_history .cps_contents.t1 .cp_imgwrap.t3 {width:42.8571vw; margin-top:-15.4762vw; margin-left:-2.3810vw;} #contents.carriermall .cp_history .cps_contents.t2 {margin-top:10.7143vw;} #contents.carriermall .cp_history .cps_contents.t2 .cp_imgwrap {width:23.8095vw; margin-top:-21.4286vw; margin-right:5.9524vw; border-radius:1.1905vw; box-shadow:0 0 2.3810vw 0 rgba(0, 0, 0, 0.04), 3.5714vw 4.7619vw 4.7619vw 0 rgba(17, 20, 38, 0.06);} #contents.carriermall .cp_history .cps_contents.t2 .cp_imgwrap:before {top:-6.3095vw; right:-5.9524vw; width:11.9048vw; height:11.9048vw;} /* carriermall - cp_innovative */ #contents.carriermall .cp_innovative ul {gap:1.1905vw; bottom:-21.7262vw;} #contents.carriermall .cp_innovative ul li {width:calc(25% - 0.8929vw); padding:2.3810vw; border-radius:1.1905vw; background:rgba(255, 255, 255, 0.15); backdrop-filter:blur(1.4881vw);} #contents.carriermall .cp_innovative ul li:nth-child(2) {top:-8.3333vw;} #contents.carriermall .cp_innovative ul li:nth-child(3) {top:-1.1905vw;} #contents.carriermall .cp_innovative ul li:nth-child(4) {top:-12.3810vw;} #contents.carriermall .cp_innovative ul li:nth-child(6) {top:-8.3333vw;} #contents.carriermall .cp_innovative ul li:nth-child(7) {top:-1.1905vw;} #contents.carriermall .cp_innovative ul li:nth-child(8) {top:-12.3810vw;} #contents.carriermall .cp_innovative ul li:nth-child(9) {bottom:-6.4286vw; width:72.6190vw; height:41.3690vw; border:0.5952vw solid #fff; border-radius:2.3810vw; box-shadow:3.5714vw 4.7619vw 4.7619vw 0 rgba(17, 20, 38, 0.10);} #contents.carriermall .cp_innovative ul li .top {font-size:1.1905vw; line-height:1.7857vw; letter-spacing:-0.0238vw;} #contents.carriermall .cp_innovative ul li .bottom .icon {width:5.9524vw; height:7.1429vw;} #contents.carriermall .cp_innovative ul li .bottom strong {margin-top:0.8929vw; font-size:1.7857vw; line-height:2.3810vw; letter-spacing:-0.0357vw;} #contents.carriermall .cp_innovative ul li .bottom p {margin-top:0.8929vw; font-size:1.4881vw; line-height:2.3810vw; letter-spacing:-0.0298vw;} #contents.carriermall .cp_innovative ul li .bottom p span {display:inline;} #contents.carriermall .cp_innovative .cpi_contents {padding-top:17.8571vw;} #contents.carriermall .cp_innovative .cpi_contents strong {margin-top:10.8333vw; font-size:12.5vw; color:rgba(23, 42, 126, 0.03); line-height:12.5vw; letter-spacing:-0.25vw;} #contents.carriermall .cp_innovative .cpi_contents .cpic_deco {margin-top:32.7381vw; margin-bottom:5.9524vw;} #contents.carriermall .cp_innovative .cpi_contents .cpic_deco {height:25vw;} #contents.carriermall .cp_innovative .cpi_contents .cpic_deco .cpicd_pic {height:8.3333vw; padding:1.7857vw 0;} #contents.carriermall .cp_innovative .cpi_contents .cpic_deco .cpicd_pic.t2 {top:8.3333vw;} #contents.carriermall .cp_innovative .cpi_contents .cp_imgwrap {width:19.0476vw; border-radius:1.1905vw; box-shadow:0 0 2.3810vw 0 rgba(0, 0, 0, 0.06), 3.5714vw 4.7619vw 4.7619vw 0 rgba(17, 20, 38, 0.06);} #contents.carriermall .cp_innovative .cpi_contents .cp_imgwrap.t1 {bottom:1.9048vw; left:31.5476vw; } #contents.carriermall .cp_innovative .cpi_contents .cp_imgwrap.t1:before {top:-11.6071vw; left:-9.0476vw; width:15.4762vw; height:15.4762vw;} #contents.carriermall .cp_innovative .cpi_contents .cp_imgwrap.t2 {bottom:25.8333vw; right:23.8095vw;} /* carriermall - cp_masonry */ #contents.carriermall .cp_masonry .cp_wrap {gap:1.1905vw;} #contents.carriermall .cp_masonry .cpm_top .cp_imgwrap {border-radius:1.7857vw;} #contents.carriermall .cp_masonry .cpm_bottom {gap:1.1905vw;} #contents.carriermall .cp_masonry .cpm_bottom .cpmb_left {width:calc(50% - 0.5952vw);} #contents.carriermall .cp_masonry .cpm_bottom .cpmb_left .cp_imgwrap {border-radius:1.7857vw;} #contents.carriermall .cp_masonry .cpm_bottom .cpmb_right {gap:1.1905vw; width:calc(50% - 0.5952vw);} #contents.carriermall .cp_masonry .cpm_bottom .cpmb_right .cp_box {height:23.8095vw; border-radius:1.7857vw;} #contents.carriermall .cp_masonry .cpm_bottom .cpmb_right .cp_box img {width:19.8214vw;} #contents.carriermall .cp_masonry .cpm_bottom .cpmb_right .cp_box p {margin-top:2.0833vw;} #contents.carriermall .cp_masonry .cpm_bottom .cpmb_right .cp_box p span {font-size:1.4881vw; line-height:2.3810vw; letter-spacing:-0.0298vw;} #contents.carriermall .cp_masonry .cpm_bottom .cpmb_right .cp_imgwrap {border-radius:1.7857vw;} /* carriermall - cp_now */ #contents.carriermall .cp_now .cp_wrap {box-sizing:border-box; max-width:1540px; padding:0 50px;} #contents.carriermall .cp_now .cp_imgwrap img {border-radius:1.1905vw; box-shadow:0 0 2.3810vw 0 rgba(0, 0, 0, 0.06), 3.5714vw 4.7619vw 4.7619vw 0 rgba(17, 20, 38, 0.06);} #contents.carriermall .cp_now .cpn_contents.t1 {padding-top:48.5119vw;} #contents.carriermall .cp_now .cpn_contents.t1 .cp_imgwrap.t1 {left:-15.1190vw; width:74.0476vw;} #contents.carriermall .cp_now .cpn_contents.t1 .cp_imgwrap.t2 {top:10.7143vw; width:19.0476vw;} #contents.carriermall .cp_now .cpn_contents.t2 {margin-top:7.7381vw;} #contents.carriermall .cp_now .cpn_contents.t2:before {width:122.5vw; height:23.8095vw;} #contents.carriermall .cp_now .cpn_contents.t2 .cp_txtwrap {margin-top:37.0833vw;} #contents.carriermall .cp_now .cpn_contents.t2 .cp_imgwrap.t1 {width:19.0476vw; margin-top:-0.7738vw; margin-left:-2.3810vw;} #contents.carriermall .cp_now .cpn_contents.t2 .cp_imgwrap.t2 {width:19.0476vw; margin-top:16.4881vw;} #contents.carriermall .cp_now .cp_wrap > .cp_imgwrap {width:71.4286vw; margin-top:-30.1190vw; margin-right:-19.0476vw;} /* carriermall - cp_banner */ #contents.carriermall .cp_banner .cp_wrap {max-width:calc(100% - 9.5238vw); height:48.8095vw; border-radius:3.5714vw;} #contents.carriermall .cp_banner .cp_wrap .cp_imgwrap {top:-5.0595vw; width:32.7381vw;} #contents.carriermall .cp_banner .cp_wrap .cp_imgwrap img {filter:drop-shadow(0 -0.2976vw 1.1905vw rgba(0, 0, 0, 0.10)) drop-shadow(1.7857vw 2.3810vw 2.3810vw rgba(0, 0, 0, 0.21));} /* ibk - common */ #contents.ibk .cp_txtwrap .cp_title {font-size:26px; line-height:36px;} #contents.ibk .cp_txtwrap .cp_subtitle {font-size:48px; line-height:68px;} #contents.ibk .cp_txtwrap .cp_text {font-size:23px; line-height:35px;} /* ibk - cp_strategy */ #contents.ibk .cp_strategy .cp_wrap > ul {gap:2.9762vw; margin-top:6.5476vw;} #contents.ibk .cp_strategy .cp_wrap > ul li {gap:1.7857vw;} #contents.ibk .cp_strategy .cp_wrap > ul li:nth-child(2) {gap:2.9762vw; left:-8.3333vw;} #contents.ibk .cp_strategy .cp_wrap > ul li:nth-child(3) {left:18.4524vw;} #contents.ibk .cp_strategy .cp_wrap > ul li .cp_imgwrap {height:17.8571vw;} #contents.ibk .cp_strategy .cp_wrap > ul li strong {font-size:16.0714vw; line-height:15.4762vw; letter-spacing:-0.3214vw;} #contents.ibk .cp_strategy .cp_wrap > ul li p {padding:1.1905vw 1.7857vw; border-radius:0.8929vw; box-shadow:0.5952vw 1.1905vw 2.3810vw 0 rgba(13, 14, 15, 0.10); font-size:1.4881vw; line-height:2.3810vw; letter-spacing:-0.0298vw;} #contents.ibk .cp_strategy .cp_wrap > ul li p:before {bottom:-0.9524vw; left:50%; width:1.1905vw; height:1.1905vw;} #contents.ibk .cp_strategy .cp_wrap > ul li:nth-child(1) p {top:1.3690vw; left:30.1786vw;} #contents.ibk .cp_strategy .cp_wrap > ul li:nth-child(2) p {top:1.6667vw; left:22.0238vw;} #contents.ibk .cp_strategy .cp_wrap > ul li:nth-child(3) p {top:2.5vw; left:42.2619vw;} /* ibk - cp_elements */ #contents.ibk .cp_elements:before {bottom:0.4167vw; left:-11.9048vw; width:23.8095vw; height:23.8095vw;} #contents.ibk .cp_elements:after {top:-2.0833vw; right:-6.5476vw; width:23.8095vw; height:23.8095vw;} #contents.ibk .cp_elements .cpe_font {margin-top:7.1429vw;} #contents.ibk .cp_elements .cpe_font .cpef_en strong {font-size:29.7619vw; line-height:23.8095vw; letter-spacing:-0.5952vw;} #contents.ibk .cp_elements .cpe_font .cpef_en em {margin-top:3.5714vw; font-size:1.4881vw; line-height:2.3810vw; letter-spacing:-0.0298vw;} #contents.ibk .cp_elements .cpe_font .cpef_en ul {margin-top:1.1905vw;} #contents.ibk .cp_elements .cpe_font .cpef_en ul li {font-size:1.4881vw; line-height:2.3810vw; letter-spacing:-0.0298vw;} #contents.ibk .cp_elements .cpe_font .cpef_kr strong {font-size:21.4286vw; line-height:26.7857vw; letter-spacing:-0.4286vw;} #contents.ibk .cp_elements .cpe_font .cpef_kr em {margin-top:0.5952vw; font-size:1.4881vw; line-height:2.3810vw; letter-spacing:-0.0298vw;} #contents.ibk .cp_elements .cpe_font .cpef_kr ul {margin-top:1.1905vw;} #contents.ibk .cp_elements .cpe_font .cpef_kr ul li {font-size:1.4881vw; line-height:2.3810vw; letter-spacing:-0.0298vw;} #contents.ibk .cp_elements .cpe_color {gap:26px; margin-top:140px;} #contents.ibk .cp_elements .cpe_color > div {width:calc(33.3333% - 13px);} #contents.ibk .cp_elements .cpe_color strong {font-size:22px; line-height:35px; letter-spacing:-0px;} #contents.ibk .cp_elements .cpe_color ul {gap:18px; margin-top:26px;} #contents.ibk .cp_elements .cpe_color li {height:79px; padding:0 35px; border-radius:18px;} #contents.ibk .cp_elements .cpe_color li span {font-size:22px; line-height:35px; letter-spacing:-0px;} /* ibk - cp_graphics */ #contents.ibk .cp_graphics ul {max-width:78vw; margin-top:8.9286vw;} #contents.ibk .cp_graphics li {width:33.3333%;} #contents.ibk .cp_graphics li:nth-child(4), #contents.ibk .cp_graphics li:nth-child(5) {margin-top:9.8214vw;} #contents.ibk .cp_graphics li:before {width:23.8095vw; height:23.8095vw;} #contents.ibk .cp_graphics li .icon {width:14.8810vw; height:14.3452vw;} #contents.ibk .cp_graphics li .icon:before {top:-3.8690vw; left:-3.3929vw; width:23.8095vw; height:23.8095vw;} /* ibk - cp_grid */ #contents.ibk .cp_grid:before {bottom:9.5238vw; right:-11.9048vw; width:22.3214vw; height:22.3214vw;} /* ibk - cp_userbility */ #contents.ibk .cp_userbility:before {top:-1.7857vw; right:-8.3333vw; width:23.8095vw; height:23.8095vw;} /* ibk - cp_simple */ #contents.ibk .cp_simple .cps_sticky .cp_imgwrap {border-radius:2.3810vw; box-shadow:0 1.1905vw 2.3810vw 0 rgba(0, 0, 0, 0.03), 0 2.3810vw 4.7619vw 0 rgba(0, 0, 0, 0.03);} /* ibk - cp_videowrap */ #contents.ibk .cp_infographic .cp_videowrap {max-width:85.7143vw; border-radius:2.3810vw; box-shadow:0 1.1905vw 2.3810vw 0 rgba(0, 0, 0, 0.03), 0 2.3810vw 4.7619vw 0 rgba(0, 0, 0, 0.03);} /* ibk - cp_hierarchy */ #contents.ibk .cp_hierarchy .cph_attachment {border-radius:2.3810vw;} /* wonderplace - cp_principle */ #contents.wonderplace .cp_principle .cp_wrap {padding:0 50px;} /* wonderplace - cp_design */ #contents.wonderplace .cp_design .cp_wrap {padding:0 50px;} /* wonderplace - cp_impact */ #contents.wonderplace .cp_impact .cp_wrap {padding:0 50px;} /* wonderplace - cp_lookbook */ #contents.wonderplace .cp_lookbook .cp_wrap {padding:0 50px;} /* wonderplace - cp_ux */ #contents.wonderplace .cp_ux .cp_txtwrap {padding:0 50px;} #contents.wonderplace .cp_ux .cpu_sticky {padding:0 50px;} /* wonderplace - cp_comfort */ #contents.wonderplace .cp_comfort .cp_wrap {padding:0 50px;} /* wonderplace - cp_crew */ #contents.wonderplace .cp_crew .cp_txtwrap {padding:0 50px;} /* wonderplace - cp_page */ #contents.wonderplace .cp_page .cpp_top {padding:0 50px;} #contents.wonderplace .cp_page .cpp_bottom .cp_txtwrap {padding:0 50px;} #contents.wonderplace .cp_page .cpp_bottom .cp_imgwrap {padding:0 50px;} /* footer */ #footer.f_project {padding-top:100px; padding-bottom:50px;} #footer.f_project:before {left:50px; right:50px;} #footer.f_project .f_area {padding-left:60px;} #footer.f_project .f_area p.text.giant .autotext {line-height:25px;} } @media all and (max-width:1440px) { /* cp_hero */ #contents.project .cp_hero .cpb_overview {padding:120px 50px 160px;} #contents.project .cp_hero .cpb_overview .cp_imgwrap img:nth-child(2) {width:70px;} #contents.project .cp_hero .cpb_overview .cp_txtwrap {max-width:800px;} #contents.project .cp_hero .cpb_overview .cp_txtwrap .cpbo_info {margin-top:30px; padding-top:30px;} /* kwangya119 - cp_hero */ #contents.kwangya119 .cp_hero .cph_banner .cphb_box {margin-top:45px;} #contents.kwangya119 .cp_hero .cph_banner .cp_imgwrap {bottom:60px;} #contents.kwangya119 .cp_hero .cpb_overview {padding:120px 0 160px;} #contents.kwangya119 .cp_hero .cpb_overview .cp_imgwrap img:nth-child(1) {width:300px;} /* eurocave - cp_hero */ #contents.eurocave .cp_hero .cph_banner .cphb_bg {transform:translate(0, 0); filter:drop-shadow(0 2.7778vw 2.7778vw rgba(0, 0, 0, 0.25)); background-size:133.3333vw;} #contents.eurocave .cp_hero .cph_banner .cphb_bg.vertical {top:calc(50% - 23.6111vw); bottom:calc(50% - 23.6111vw);} #contents.eurocave .cp_hero .cph_banner .cphb_bg.horizontal {left:calc(50% - 13.1944vw); right:calc(50% - 13.1944vw);} #contents.eurocave .cp_hero .cph_banner .cp_txtwrap strong {font-size:8.3333vw; line-height:8.3333vw; letter-spacing:-0.1667vw;} #contents.eurocave .cp_hero .cph_banner .cp_txtwrap strong .autotext {font-size:8.3333vw; line-height:8.3333vw;} #contents.eurocave .cp_hero .cph_banner .cp_txtwrap strong .autotext:before {font-size:8.3333vw; line-height:8.3333vw; letter-spacing:0.2778vw;} #contents.eurocave .cp_hero .cph_banner .cp_txtwrap strong .autotext:after {top:8.6806vw; font-size:8.3333vw; line-height:8.3333vw; letter-spacing:-0.1667vw;} #contents.eurocave .cp_hero .cph_banner .cphb_bg.horizontal + .cp_txtwrap strong .autotext:before {top:-8.6806vw;} #contents.eurocave .cp_hero .cph_banner .cphb_bg.horizontal + .cp_txtwrap strong .autotext:after {top:-0.1389vw;} /* withmuu - cp_hero */ #contents.withmuu .cp_hero .cpb_overview .cp_imgwrap img:nth-child(1) {width:330px;} /* carriermall - cp_hero */ #contents.carriermall .cp_hero .cph_banner .cp_imgwrap .cp_box {width:100%;} #contents.carriermall .cp_hero .cpb_overview .cp_imgwrap img:nth-child(1) {width:180px;} /* full - cp_hero */ #contents.full .cp_hero .cpb_overview .cp_imgwrap {max-width:calc(100% - 880px);} /* kwangya119 - common */ #contents.kwangya119 .cp_title strong {font-size:82px; line-height:92px; letter-spacing:-3.2px;} /* kwangya119 - cp_chapter */ #contents.kwangya119 .cp_chapter .cpc_list li .icon {top:14%; width:32%; height:32%; margin-left:-16%;} #contents.kwangya119 .cp_chapter .cpc_list li strong {padding-top:60%; font-size:24px; line-height:34px;} #contents.kwangya119 .cp_chapter .cpc_list li p {font-size:21px;} /* kwangya119 - cp_strategy */ #contents.kwangya119 .cp_strategy .cps_flexable .cp_title {font-size:82px; line-height:92px; letter-spacing:-3.2px;} #contents.kwangya119 .cp_strategy .cps_flexable .cp_imgwrap {margin-top:40px;} #contents.kwangya119 .cp_strategy .cps_flexable .cp_txtwrap {margin-top:180px;} #contents.kwangya119 .cp_strategy .cps_flexable .cp_imgwrap.t2 {margin-top:120px;} #contents.kwangya119 .cp_strategy .cps_personalization {margin-top:200px;} #contents.kwangya119 .cp_strategy .cps_personalization .cp_title {font-size:82px; line-height:92px; letter-spacing:-3.2px;} #contents.kwangya119 .cp_strategy .cps_personalization .cpsp_contents .cp_imgwrap {max-width:500px;} #contents.kwangya119 .cp_strategy .cps_personalization .cpsp_contents .cpspc_deco {width:380px;} #contents.kwangya119 .cp_strategy .cps_personalization .cpsp_contents .cpspc_deco.t1 {right:-60px;} #contents.kwangya119 .cp_strategy .cps_personalization .cpsp_contents .cpspc_deco.t2 {left:-11vw;} #contents.kwangya119 .cp_strategy .cps_personalization .cpsp_contents .cpspc_deco.t3 {right:-165px;} /* kwangya119 - cp_design */ #contents.kwangya119 .cp_design .cp_txtwrap {margin-top:45px;} #contents.kwangya119 .cp_design .cpd_contents {margin-top:45px;} #contents.kwangya119 .cp_design .cpd_contents > ul.cpdc_top > li:nth-child(1) {padding:60px;} #contents.kwangya119 .cp_design .cpd_contents > ul.cpdc_top > li:nth-child(2) > ul > li {padding:35px;} #contents.kwangya119 .cp_design .cpd_contents > ul.cpdc_top > li:nth-child(3) {padding:60px;} #contents.kwangya119 .cp_design .cpd_contents > ul.cpdc_btm {padding:60px;} #contents.kwangya119 .cp_design .cpd_contents > ul.cpdc_btm > li:nth-child(1) {padding-bottom:60px; padding-right:60px;} #contents.kwangya119 .cp_design .cpd_contents > ul.cpdc_btm > li:nth-child(2) {padding-bottom:60px; padding-left:60px;} #contents.kwangya119 .cp_design .cpd_contents > ul.cpdc_btm > li:nth-child(3) {padding-top:60px; padding-right:60px;} #contents.kwangya119 .cp_design .cpd_contents > ul.cpdc_btm > li:nth-child(4) {padding-top:60px; padding-left:60px;} /* kwangya119 - cp_service */ #contents.kwangya119 .cp_service .cps_contents .cp_txtwrap p:before {font-size:82px; line-height:92px; letter-spacing:-3.2px;} #contents.kwangya119 .cp_service .cps_contents .cpsc_list {gap:40px; margin-top:230px;} #contents.kwangya119 .cp_service .cps_contents .cpsc_list .cpscl_item {width:calc(50% - 20px);} #contents.kwangya119 .cp_service .cps_contents .cpsc_list .cpscl_item.t1 {top:-110px;} #contents.kwangya119 .cp_service .cps_contents .cpsc_list .cpscl_item.t3 {top:-110px;} #contents.kwangya119 .cp_service .cps_contents .cpsc_list .cpscl_item strong {margin-top:40px; font-size:24px; line-height:34px;} #contents.kwangya119 .cp_service .cps_contents .cpsc_list .cpscl_item p {font-size:20px; line-height:26px;} /* kwangya119 - cp_share */ #contents.kwangya119 .cp_share .cps_flow {margin-top:23.2639vw;} #contents.kwangya119 .cp_share .cps_flow .cpsf_list {padding-bottom:12.8472vw;} #contents.kwangya119 .cp_share .cps_flow .cpsf_list .cpsfl_item {height:5.5556vw; margin-top:4.1667vw;} #contents.kwangya119 .cp_share .cps_flow .cpsf_list .cpsfl_item .cpsfli_wrap > div {height:5.5556vw; margin-right:1.3889vw; padding:1.0417vw 1.3889vw; border-radius:3.8194vw; box-shadow:0 0.6944vw 1.3889vw 0 rgba(30, 31, 36, 0.10);} #contents.kwangya119 .cp_share .cps_flow .cpsf_list .cpsfl_item .cpsfli_wrap > div i {width:2.7778vw; height:2.7778vw;} #contents.kwangya119 .cp_share .cps_flow .cpsf_list .cpsfl_item .cpsfli_wrap > div p {margin-left:0.6944vw; font-size:1.25vw; line-height:3.4722vw; letter-spacing:-0.0694vw;} #contents.kwangya119 .cp_share .cps_flow .cpsf_list .cpsfl_item .cpsfli_wrap > div > span {margin-left:2.0833vw; font-size:0.9722vw; line-height:3.4722vw; letter-spacing:-0.0694vw;} #contents.kwangya119 .cp_share .cps_flow .cp_imgwrap {width:55.5556vw; margin-top:-40.1389vw; margin-left:-29.1667vw;} #contents.kwangya119 .cp_share .cps_flow .cp_imgwrap img {filter:drop-shadow(0 4.1667vw 2.7778vw rgba(0, 0, 0, 0.10));} #contents.kwangya119 .cp_share .cps_marquee {perspective:97.2222vw;} #contents.kwangya119 .cp_share .cps_marquee ul {height:13.1944vw;} #contents.kwangya119 .cp_share .cps_marquee ul li span {margin-right:2.0833vw; font-size:13.1944vw; line-height:13.1944vw; letter-spacing:-0.2639vw;} #contents.kwangya119 .cp_share .cps_marquee .cpsm_deco.t1 {width:25vw; margin-top:-15.9722vw; margin-left:-37.2917vw; filter:drop-shadow(1.3889vw 2.7778vw 2.7778vw rgba(243, 192, 206, 0.25));} #contents.kwangya119 .cp_share .cps_marquee .cpsm_deco.t2 {width:20.8333vw; margin-top:-11.9444vw; margin-right:-43.0556vw; filter:drop-shadow(1.3889vw 2.7778vw 2.7778vw rgba(109, 180, 187, 0.25));} #contents.kwangya119 .cp_share .cp_txtwrap {margin-top:8.3333vw; padding-top:23.6111vw; perspective:48.6111vw;} #contents.kwangya119 .cp_share .cp_txtwrap .cps_deco {top:2.9861vw; width:15.2778vw; margin-right:-13.1944vw; filter:drop-shadow(1.3889vw 2.7778vw 2.7778vw rgba(81, 71, 58, 0.25));} /* kwangya119 - cp_protect */ #contents.kwangya119 .cp_protect .cpp_contents .cppc_report {padding:0 5.5556vw; padding-top:9.0278vw;} #contents.kwangya119 .cp_protect .cpp_contents .cppc_report .cp_imgwrap {max-width:93.75vw;} #contents.kwangya119 .cp_protect .cpp_contents .cppc_report .cppcr_deco {gap:0.6944vw; filter:blur(2.0833vw);} #contents.kwangya119 .cp_protect .cpp_contents .cppc_report .cppcr_deco i {width:6.9444vw; height:6.9444vw;} #contents.kwangya119 .cp_protect .cpp_contents .cppc_report .cppcr_deco p {height:6.9444vw; padding:0 3.4722vw; border-radius:5.5556vw; border:0.1389vw solid #FFF; box-shadow:0 0.6944vw 2.7778vw 0 rgba(0, 0, 0, 0.04); backdrop-filter:blur(0.6944vw); font-size:1.6667vw; line-height:6.9444vw; letter-spacing:-0.0694vw;} #contents.kwangya119 .cp_protect .cpp_contents .cppc_report .cppcr_deco.t1 {top:4.5833vw; margin-left:6.9444vw;} #contents.kwangya119 .cp_protect .cpp_contents .cppc_report .cppcr_deco.t1 i {box-shadow:0 1.3889vw 1.3889vw 0 rgba(255, 157, 20, 0.30);} #contents.kwangya119 .cp_protect .cpp_contents .cppc_report .cppcr_deco.t2 {top:21.5278vw; margin-right:17.7083vw;} #contents.kwangya119 .cp_protect .cpp_contents .cppc_report .cppcr_deco.t2 i {box-shadow:0 1.3889vw 1.3889vw 0 rgba(0, 71, 187, 0.30);} #contents.kwangya119 .cp_protect .cpp_contents .cppc_report .cppcr_deco.t3 {top:37.5vw; margin-right:2.9861vw;} #contents.kwangya119 .cp_protect .cpp_contents .cppc_report .cppcr_deco.t3 i {box-shadow:0 1.3889vw 1.3889vw 0 rgba(224, 229, 102, 0.30);} #contents.kwangya119 .cp_protect .cpp_contents .cppc_report .cppcr_deco.t4 {top:45.1389vw; margin-left:23.9583vw;} #contents.kwangya119 .cp_protect .cpp_contents .cppc_report .cppcr_deco.t4 i {box-shadow:0 1.3889vw 1.3889vw 0 rgba(201, 139, 219, 0.30);} #contents.kwangya119 .cp_protect .cpp_contents .cppc_protect {padding-top:9.0278vw;} #contents.kwangya119 .cp_protect .cpp_contents .cppc_protect > ul {gap:3.4722vw;} #contents.kwangya119 .cp_protect .cpp_contents .cppc_protect > ul > li:nth-child(1) img {max-width:24.3056vw;} #contents.kwangya119 .cp_protect .cpp_contents .cppc_protect > ul > li:nth-child(3) img {max-width:24.0278vw; margin-top:21.5278vw;} #contents.kwangya119 .cp_protect .cpp_contents .cppc_protect > ul > li > strong {font-size:3.4722vw; line-height:4.1667vw; letter-spacing:-0.1389vw;} #contents.kwangya119 .cp_protect .cpp_contents .cppc_protect > ul > li > p {margin-top:2.0833vw; margin-bottom:5.5556vw; letter-spacing:-0.0694vw;} #contents.kwangya119 .cp_protect .cpp_contents .cppc_protect .cppcp_deco {gap:0.6944vw; filter:blur(2.0833vw);} #contents.kwangya119 .cp_protect .cpp_contents .cppc_protect .cppcp_deco i {width:6.9444vw; height:6.9444vw;} #contents.kwangya119 .cp_protect .cpp_contents .cppc_protect .cppcp_deco p {height:6.9444vw; padding:0 3.4722vw; border-radius:5.5556vw; border:0.1389vw solid #FFF; box-shadow:0 0.6944vw 2.7778vw 0 rgba(0, 0, 0, 0.04); backdrop-filter:blur(0.6944vw); font-size:1.6667vw; line-height:6.9444vw; letter-spacing:-0.0694vw;} #contents.kwangya119 .cp_protect .cpp_contents .cppc_protect .cppcp_deco.t1 {top:-3.4722vw; margin-left:-6.3889vw;} #contents.kwangya119 .cp_protect .cpp_contents .cppc_protect .cppcp_deco.t1 i {box-shadow:0 1.3889vw 1.3889vw 0 rgba(255, 163, 140, 0.30);} #contents.kwangya119 .cp_protect .cpp_contents .cppc_protect .cppcp_deco.t2 {bottom:6.3889vw; left:5.5556vw;} #contents.kwangya119 .cp_protect .cpp_contents .cppc_protect .cppcp_deco.t2 i {box-shadow:0 1.3889vw 1.3889vw 0 rgba(166, 208, 211, 0.30);} /* kwangya119 - cp_history */ #contents.kwangya119 .cp_history .cp_title strong {font-size:82px; line-height:92px; letter-spacing:-3.2px;} #contents.kwangya119 .cp_history .cph_contents ul li p {font-size:30px; line-height:50px;} #contents.kwangya119 .cp_history .cph_contents ul li > span {line-height:36px;} #contents.kwangya119 .cp_history .cph_contents ul:nth-child(1) li:nth-child(2), #contents.kwangya119 .cp_history .cph_contents ul:nth-child(2) li:nth-child(3) {margin-top:80px;} #contents.kwangya119 .cp_history .cp_imgwrap {max-width:65.4762vw;} /* drmartens - cp_rule */ #contents.drmartens .cp_rule .cpr_deco {width:534px;} /* drmartens - cp_design */ #contents.drmartens .cp_design .cpd_bottom .cpdb_en {margin-top:2.7759vw;} #contents.drmartens .cp_design .cpd_bottom .cpdb_en strong {font-size:34.6981vw; line-height:34.6981vw; letter-spacing:-0.6940vw;} #contents.drmartens .cp_design .cpd_bottom .cpdb_en p {margin-top:4.1638vw; font-size:1.7349vw; line-height:2.7759vw; letter-spacing:-0.0347vw;} #contents.drmartens .cp_design .cpd_bottom .cpdb_en ul {margin-top:1.3879vw;} #contents.drmartens .cp_design .cpd_bottom .cpdb_en li {font-size:1.7349vw; line-height:2.7759vw; letter-spacing:-0.0347vw;} #contents.drmartens .cp_design .cpd_bottom .cpdb_kr {margin-top:2.7759vw;} #contents.drmartens .cp_design .cpd_bottom .cpdb_kr strong {font-size:31.2283vw; line-height:34.6981vw; letter-spacing:-0.6246vw;} #contents.drmartens .cp_design .cpd_bottom .cpdb_kr strong span {font-size:20.8189vw; line-height:20.8189vw; letter-spacing:-0.4164vw;} #contents.drmartens .cp_design .cpd_bottom .cpdb_kr p {margin-top:4.1638vw; font-size:1.7349vw; line-height:2.7759vw; letter-spacing:-0.0347vw;} #contents.drmartens .cp_design .cpd_bottom .cpdb_kr ul {margin-top:1.3879vw;} #contents.drmartens .cp_design .cpd_bottom .cpdb_kr li {font-size:1.7349vw; line-height:2.7759vw; letter-spacing:-0.0347vw;} /* drmartens - cp_uiux */ #contents.drmartens .cp_uiux .cp_txtwrap {margin-top:12%;} #contents.drmartens .cp_uiux .cpu_slider {width:78.1250vw; max-width:100%; margin-top:12%;} #contents.drmartens .cp_uiux .cpu_sliderwrap .cpu_slider-prev {top:calc(50% - 34px); margin-top:-20px;} #contents.drmartens .cp_uiux .cpu_sliderwrap .cpu_slider-next {top:calc(50% - 34px); margin-top:-20px;} #contents.drmartens .cp_uiux .cp_imgwrap.t2 {margin-top:12%;} #contents.drmartens .cp_uiux .cp_imgwrap.t3 {margin-top:12%;} /* drmartens - cp_experience */ #contents.drmartens .cp_experience .cp_imgwrap {margin-top:8.3333vw;} #contents.drmartens .cp_experience .cp_imgwrap li img {width:20.8333vw; margin-top:9.7222vw; filter:drop-shadow(0 1.3889vw 1.3889vw rgba(0, 0, 0, 0.10)) drop-shadow(0 2.7778vw 1.3889vw rgba(0, 0, 0, 0.15));} #contents.drmartens .cp_experience .cp_imgwrap li:nth-child(2) img:nth-child(1) {width:30.7639vw;} /* drmartens - cp_userbility */ #contents.drmartens .cp_userbility .cp_imgwrap {padding-top:18.0556vw;} #contents.drmartens .cp_userbility .cp_imgwrap:before {top:10.6944vw;} #contents.drmartens .cp_userbility .cp_imgwrap strong {font-size:20.8333vw; line-height:26.1111vw; letter-spacing:-0.4167vw;} #contents.drmartens .cp_userbility .cp_txtwrap {margin-top:12%;} #contents.drmartens .cp_userbility .cpu_contents {margin-top:11.1111vw;} #contents.drmartens .cp_userbility .cpu_contents ul {flex-direction:column; gap:11.1111vw;} #contents.drmartens .cp_userbility .cpu_contents li {gap:6.9444vw;} #contents.drmartens .cp_userbility .cpu_contents li img {width:100%; max-width:50vw; filter:drop-shadow(0 1.3889vw 1.3889vw rgba(0, 0, 0, 0.10)) drop-shadow(0 2.7778vw 1.3889vw rgba(0, 0, 0, 0.15));} #contents.drmartens .cp_userbility .cpu_contents li:nth-child(1) img:nth-child(1) {margin-left:-23vw;} #contents.drmartens .cp_userbility .cpu_contents li:nth-child(2) img:nth-child(2) {margin-right:-23vw;} #contents.drmartens .cp_userbility .cp_imgwrap video {top:19.7vw; width:78vw; margin-left:-39vw;} /* eurocave - common */ #contents.eurocave .cp_txtwrap .deco_title {width:92px; height:150px;} #contents.eurocave .cp_txtwrap .deco_title p {top:-8px; left:-33px; font-size:13px; line-height:25px;} /* drmartens - cp_story */ #contents.eurocave .cp_story .cps_contents {gap:2.7778vw;} #contents.eurocave .cp_story .cps_contents .cpsc_box {width:calc(50% - 1.3889vw); height:62.5vw; padding:2.7778vw;} #contents.eurocave .cp_story .cps_contents .cpsc_box strong {font-size:3.4722vw; line-height:4.8611vw;} #contents.eurocave .cp_story .cps_contents .cpsc_box p {font-size:1.7361vw; line-height:2.7778vw; letter-spacing:-0vw;} /* drmartens - cp_values */ #contents.eurocave .cp_values .cp_imgwrap {height:83.3333vw; margin-top:6.25vw;} #contents.eurocave .cp_values .cp_imgwrap li:nth-child(1) {width:36.4583vw;} #contents.eurocave .cp_values .cp_imgwrap li:nth-child(2) {top:30.3646vw; width:23.4375vw;} #contents.eurocave .cp_values .cp_imgwrap li:nth-child(3) {width:31.25vw;} #contents.eurocave .cp_values .cp_imgwrap li strong {margin-top:1.5625vw; font-size:2.0833vw; line-height:2.6042vw;} #contents.eurocave .cp_values .cp_imgwrap li p {margin-top:1.0417vw; font-size:1.3021vw; line-height:2.0833vw; letter-spacing:-0.0260vw;} /* drmartens - cp_experience */ #contents.eurocave .cp_design .cpd_typography .cpdt_contents .cpdtc_kr {gap:4.1667vw;} #contents.eurocave .cp_design .cpd_typography .cpdt_contents .cpdtc_kr strong {width:calc(50% - 2.0833vw); font-size:20.8333vw; line-height:24.3056vw; letter-spacing:-0.8333vw;} #contents.eurocave .cp_design .cpd_typography .cpdt_contents .cpdtc_kr .info {width:calc(50% - 2.0833vw);} #contents.eurocave .cp_design .cpd_typography .cpdt_contents .cpdtc_kr .info .info_top em {font-size:1.3889vw; line-height:2.7778vw; letter-spacing:-0.0694vw;} #contents.eurocave .cp_design .cpd_typography .cpdt_contents .cpdtc_kr .info .info_top ul {gap:1.3889vw;} #contents.eurocave .cp_design .cpd_typography .cpdt_contents .cpdtc_kr .info .info_top ul li {font-size:1.3889vw; line-height:2.7778vw; letter-spacing:-0.0694vw;} #contents.eurocave .cp_design .cpd_typography .cpdt_contents .cpdtc_kr .info .info_bottom {margin-top:1.3889vw; font-size:3.4722vw; line-height:5.5556vw; letter-spacing:-0.1389vw;} #contents.eurocave .cp_design .cpd_typography .cpdt_contents .cpdtc_en {gap:4.1667vw; margin-top:3.4722vw;} #contents.eurocave .cp_design .cpd_typography .cpdt_contents .cpdtc_en strong {width:calc(50% - 2.0833vw); font-size:27.7778vw; line-height:24.3056vw; letter-spacing:-1.1111vw;} #contents.eurocave .cp_design .cpd_typography .cpdt_contents .cpdtc_en .info {width:calc(50% - 2.0833vw);} #contents.eurocave .cp_design .cpd_typography .cpdt_contents .cpdtc_en .info .info_top em {font-size:1.3889vw; line-height:2.7778vw; letter-spacing:-0.0694vw;} #contents.eurocave .cp_design .cpd_typography .cpdt_contents .cpdtc_en .info .info_top ul {gap:1.3889vw;} #contents.eurocave .cp_design .cpd_typography .cpdt_contents .cpdtc_en .info .info_top ul li {font-size:1.3889vw; line-height:2.7778vw; letter-spacing:-0.0694vw;} #contents.eurocave .cp_design .cpd_typography .cpdt_contents .cpdtc_en .info .info_bottom {margin-top:1.3889vw; font-size:3.4722vw; line-height:5.5556vw; letter-spacing:-0.1389vw;} /* drmartens - cp_experience */ #contents.eurocave .cp_experience:before {top:110.1389vw; right:-31.25vw; width:72.9167vw;} #contents.eurocave .cp_experience .cp_imgwrap {width:calc(100% + 50px); margin-top:6.25vw; margin-right:-50px;} #contents.eurocave .cp_experience .cp_imgwrap:before {width:59.8958vw; filter:drop-shadow(1.0417vw 1.0417vw 0.5208vw rgba(0, 0, 0, 0.25)) drop-shadow(1.0417vw 1.0417vw 0.5729vw rgba(0, 0, 0, 0.1));} #contents.eurocave .cp_experience .cp_imgwrap:after {width:59.8958vw; filter:drop-shadow(-0.5208vw 1.0417vw 0.5208vw rgba(0, 0, 0, 0.15)) drop-shadow(0 1.0417vw 1.0417vw rgba(0, 0, 0, 0.10));} @keyframes floating05 {0%{transform:translateY(0.3646vw);} 50%{transform:translateY(0);} 100%{transform:translateY(0.3646vw);}} #contents.eurocave .cp_experience .cp_imgwrap i {top:8.6979vw; left:35.7292vw; height:20.9896vw;} #contents.eurocave .cp_experience .cp_imgwrap img {width:59.8958vw; filter:drop-shadow(0 1.0417vw 1.0417vw rgba(0, 0, 0, 0.25)) drop-shadow(0 2.0833vw 1.0417vw rgba(0, 0, 0, 0.25));} #contents.eurocave .cp_experience .cpe_contents ul {gap:2.6042vw; padding:4.6875vw 0 0;} #contents.eurocave .cp_experience .cpe_contents ul li {width:19.2708vw;} #contents.eurocave .cp_experience .cpe_contents ul li img {width:100%; filter:drop-shadow(0 1.0417vw 1.0417vw rgba(0, 0, 0, 0.10)) drop-shadow(0 2.0833vw 1.0417vw rgba(0, 0, 0, 0.15));} #contents.eurocave .cp_experience .cpe_contents ul:first-child li:nth-child(2) {margin-top:4.5833vw;} #contents.eurocave .cp_experience .cpe_contents ul li:nth-child(2) img:nth-child(2) {width:18.75vw; margin-top:-2.7604vw; margin-left:0.2604vw; filter:none;} #contents.eurocave .cp_experience .cpe_contents ul li:nth-child(3) {top:52.0833vw;} #contents.eurocave .cp_experience .cpe_contents ul li:nth-child(3) video {width:calc(100% - 5px); margin-top:2px; margin-left:2px; border-radius:15px;} #contents.eurocave .cp_experience .cpe_contents > strong {margin-top:2.6042vw; font-size:7.2917vw; line-height:7.2917vw; letter-spacing:-0.2917vw;} /* drmartens - cp_manufacture */ #contents.eurocave .cp_manufacture .cpm_contents ul {gap:6.9444vw;} #contents.eurocave .cp_manufacture .cpm_contents li {gap:6.9444vw;} #contents.eurocave .cp_manufacture .cpm_contents li img {max-width:67.3611vw; filter:drop-shadow(0 1.3889vw 1.3889vw rgba(0, 0, 0, 0.10)) drop-shadow(0 2.7778vw 1.3889vw rgba(0, 0, 0, 0.15));} #contents.eurocave .cp_manufacture .cpm_contents li:nth-child(1) img:nth-child(1) {margin-left:-58.6806vw;} #contents.eurocave .cp_manufacture .cpm_contents li:nth-child(2) img:nth-child(2) {margin-right:-24.6528vw;} /* withmuu - cp_keyword */ #contents.withmuu .cp_keyword .cpk_flow li {height:113px;} #contents.withmuu .cp_keyword .cpk_flow li + li {margin-top:45px;} #contents.withmuu .cp_keyword .cpk_flow li .flow_inner {gap:45px;} #contents.withmuu .cp_keyword .cpk_flow li .cpkfli_wrap {gap:45px;} #contents.withmuu .cp_keyword .cpk_flow li .cpkfli_txt {gap:7px; height:113px; padding:0 45px; border-radius:75px; font-size:45px; line-height:75px; letter-spacing:-1px;} #contents.withmuu .cp_keyword .cpk_flow li .cpkfli_txt.t1 {box-shadow:0 15px 45px 0 rgba(20, 20, 21, 0.08);} #contents.withmuu .cp_keyword .cpk_flow li .cpkfli_txt.t2 {box-shadow:0 15px 45px 0 rgba(98, 85, 246, 0.40);} #contents.withmuu .cp_keyword .cpk_flow li .icon {width:113px; height:113px; filter:drop-shadow(0 15px 30px rgba(116, 232, 139, 0.40));} /* withmuu - cp_design */ #contents.withmuu .cp_design .cpd_top > .icon {width:38.1944vw; height:38.1944vw; border-radius:41.6667vw; background-size:28.4722vw; box-shadow:0 2.0833vw 4.1667vw 0 rgba(20, 20, 21, 0.02);} #contents.withmuu .cp_design .cpd_top .cpdt_box {min-height:38.1944vw; padding-left:8vw; box-shadow:0 0 4.1667vw 0 rgba(0, 0, 0, 0.08);} #contents.withmuu .cp_design .cpd_top .cpdt_box:before {box-shadow:4.1667vw 0 4.1667vw 0 rgba(0, 0, 0, 0.08);} #contents.withmuu .cp_design .cpd_color .cpdc_contents {gap:2.5vw; margin-top:3.75vw;} #contents.withmuu .cp_design .cpd_color .cpdc_contents li {width:calc(50% - 1.25vw); border-radius:2.5vw;} #contents.withmuu .cp_design .cpd_color .cpdc_contents li:nth-child(1) > div {padding:3.75vw;} #contents.withmuu .cp_design .cpd_color .cpdc_contents .cpdcc_left strong {font-size:2.5vw; line-height:3.1250vw; letter-spacing:-0.05vw;} #contents.withmuu .cp_design .cpd_color .cpdc_contents .cpdcc_left p {margin-top:3.3750vw; font-size:1.25vw; line-height:1.8750vw; letter-spacing:-0.0250vw;} #contents.withmuu .cp_design .cpd_color .cpdc_contents .cpdcc_right strong {font-size:2.5vw; line-height:3.1250vw; letter-spacing:-0.05vw;} #contents.withmuu .cp_design .cpd_color .cpdc_contents .cpdcc_right p {margin-top:3.3750vw; font-size:1.25vw; line-height:1.8750vw; letter-spacing:-0.0250vw;} #contents.withmuu .cp_design .cpd_color .cpdc_contents li:nth-child(2) strong {font-size:3.1250vw; line-height:3.75vw; letter-spacing:-0.0625vw;} #contents.withmuu .cp_design .cpd_font .cpdf_contents {gap:2.7778vw; margin-top:4.1667vw;} #contents.withmuu .cp_design .cpd_font .cpdf_contents > li {width:calc(50% - 1.3889vw); height:38.1944vw; padding:4.1667vw; border-radius:2.7778vw; box-shadow:0 2.0833vw 4.1667vw 0 rgba(20, 20, 21, 0.02);} #contents.withmuu .cp_design .cpd_font .cpdf_contents > li strong {gap:1.3889vw;} #contents.withmuu .cp_design .cpd_font .cpdf_contents > li strong em {gap:0.6944vw; padding:0.1389vw 2.0833vw 0.3472vw 2.0833vw; border-radius:3.4722vw; font-size:1.7361vw; line-height:2.7778vw; letter-spacing:-0.0347vw;} #contents.withmuu.ios .cp_design .cpd_font .cpdf_contents > li strong em {padding:0.3472vw 2.0833vw 0.1389vw 2.0833vw;} #contents.withmuu .cp_design .cpd_font .cpdf_contents > li strong span {font-size:2.0833vw; line-height:2.7778vw; letter-spacing:-0.0417vw;} #contents.withmuu .cp_design .cpd_font .cpdf_contents > li ul {gap:2.1528vw; margin-top:0.9722vw;} #contents.withmuu .cp_design .cpd_font .cpdf_contents > li ul li {font-size:1.25vw; line-height:2.0833vw; letter-spacing:-0.0250vw;} #contents.withmuu .cp_design .cpd_font .cpdf_contents > li ul li:before {top:0.6944vw; bottom:0.6944vw; right:-1.1111vw; width:0.0694vw;} #contents.withmuu .cp_design .cpd_font .cpdf_contents > li p {margin-top:2.7778vw; font-size:4.8611vw; line-height:6.9444vw; letter-spacing:-0.0972vw;} /* withmuu - cp_main */ #contents.withmuu .cp_main .cp_imgwrap.t1 {top:-49.0972vw; right:-52.8472vw; width:97.2222vw;} #contents.withmuu .cp_main .cp_imgwrap.t1 i {border:#6255f6 solid 0.0694vw;} #contents.withmuu .cp_main .cp_imgwrap.t2 {top:-2.3611vw; right:7.4306vw; width:62.0139vw; filter:drop-shadow(0 2.7778vw 2.7778vw rgba(0, 0, 0, 0.10));} #contents.withmuu .cp_main .cp_txtwrap {padding-bottom:34.7222vw;} #contents.withmuu .cp_main .cp_deco {bottom:-4.6528vw; left:calc(50vw - 50vw - 1.6667vw); width:29.6528vw; height:27.5694vw;} /* withmuu - cp_product */ #contents.withmuu .cp_product .cp_imgwrap {margin-top:6.9444vw; border-radius:2.7778vw;} /* withmuu - cp_global */ #contents.withmuu .cp_global {overflow:hidden;} /* withmuu - cp_artist */ #contents.withmuu .cp_artist .cpa_flow {margin-top:6.9444vw;} #contents.withmuu .cp_artist .cpa_flow ul li {height:13.8889vw;} #contents.withmuu .cp_artist .cpa_flow ul li + li {margin-top:3.4722vw;} #contents.withmuu .cp_artist .cpa_flow ul li .flow_inner {gap:3.4722vw;} #contents.withmuu .cp_artist .cpa_flow ul li .flow_inner .cpaf_wrap {gap:3.4722vw;} #contents.withmuu .cp_artist .cpa_flow ul li .flow_inner .cpaf_imgwrap {filter:drop-shadow(0 2.0833vw 2.0833vw rgba(8, 7, 26, 0.20));} #contents.withmuu .cp_artist .cpa_flow ul li .flow_inner .cpaf_imgwrap img {width:13.8889vw;} /* carriermall - cp_goal */ #contents.carriermall .cp_goal {max-width:calc(100% - 100px);} /* carriermall - cp_strategy */ #contents.carriermall .cp_strategy ul {gap:2.7778vw; margin-top:5.5556vw;} #contents.carriermall .cp_strategy ul li {gap:2.0833vw; width:calc(33.3333% - 1.8519vw); border-radius:1.3889vw; box-shadow:0 0 5.5556vw 0 rgba(28, 28, 32, 0.06);} #contents.carriermall .cp_strategy ul li i {width:8.3333vw; height:5.5556vw;} #contents.carriermall .cp_strategy ul li strong {font-size:2.0833vw; line-height:2.7778vw; letter-spacing:-0.0417vw;} #contents.carriermall .cp_strategy ul li p {font-size:1.7361vw; line-height:2.7778vw; letter-spacing:-0.0347vw;} /* carrier - cp_design */ #contents.carriermall .cp_design {max-width:calc(100% - 100px);} /* carrier - cp_innovative */ #contents.carriermall .cp_innovative .cpi_sticky {height:100vh; aspect-ratio:unset;} /* carrier - cp_masonry */ #contents.carriermall .cp_masonry {max-width:calc(100% - 100px);} /* carrier - cp_banner */ #contents.carriermall .cp_banner .cp_wrap {max-width:calc(100% - 100px);} /* ibk - cp_glassmorphism */ #contents.ibk .cp_glassmorphism .cpg_ui {max-width:100vw; margin-top:4.1667vw;} #contents.ibk .cp_glassmorphism .cpg_ui .cpgu_single {width:19.4444vw; margin-left:2.7778vw;} #contents.ibk .cp_glassmorphism .cpg_ui .cpgu_single .cpgu_round {max-width:16.25vw; height:16.25vw;} #contents.ibk .cp_glassmorphism .cpg_ui .cpgu_single .cpgu_round i.t1 {margin-top:4.3056vw;} #contents.ibk .cp_glassmorphism .cpg_ui .cpgu_single .cpgu_round i.t1:before {left:-4.3056vw; width:calc(100% + 8.6111vw); border-top:0.0694vw solid rgba(212, 214, 214, 0.6); border-bottom:0.0694vw solid rgba(212, 214, 214, 0.6);} #contents.ibk .cp_glassmorphism .cpg_ui .cpgu_single .cpgu_round i.t1:after {top:-4.3056vw; height:calc(100% + 8.6111vw); border-left:0.0694vw solid rgba(212, 214, 214, 0.6); border-right:0.0694vw solid rgba(212, 214, 214, 0.6);} #contents.ibk .cp_glassmorphism .cpg_ui .cpgu_single .cpgu_round i.t2 {top:0.8333vw; bottom:0.8333vw; left:0.8333vw; right:0.8333vw;} #contents.ibk .cp_glassmorphism .cpg_ui .cpgu_single .cpgu_round i.t2:before {border:0.0694vw solid rgba(212, 214, 214, 0.6);} #contents.ibk .cp_glassmorphism .cpg_ui .cpgu_single .cpgu_round i.t2:after {top:0.8333vw; bottom:0.8333vw; left:0.8333vw; right:0.8333vw; border-radius:0.3472vw; border:0.0694vw solid rgba(212, 214, 214, 0.6);} #contents.ibk .cp_glassmorphism .cpg_ui .cpgu_single .cpgu_round i.t3 {top:0.8333vw; bottom:0.8333vw; left:0.8333vw; right:0.8333vw;} #contents.ibk .cp_glassmorphism .cpg_ui .cpgu_single .cpgu_round i.t3:before {top:1.7361vw; bottom:1.7361vw; border-radius:0.3472vw; border:0.0694vw solid rgba(212, 214, 214, 0.2);} #contents.ibk .cp_glassmorphism .cpg_ui .cpgu_single .cpgu_round i.t3:after {left:1.7361vw; right:1.7361vw; border-radius:0.3472vw; border:0.0694vw solid rgba(212, 214, 214, 0.2);} #contents.ibk .cp_glassmorphism .cpg_ui .cpgu_single .cpgu_round i.t4 {top:-0.6944vw; bottom:0.8333vw; left:5.2778vw; right:5.2778vw; border-left:0.0694vw solid rgba(212, 214, 214, 0.2); border-right:0.0694vw solid rgba(212, 214, 214, 0.2);} #contents.ibk .cp_glassmorphism .cpg_ui .cpgu_single .cpgu_round i.t4:before {width:0.0694vw; height:auto; background-color:rgba(212, 214, 214, 0.2);} #contents.ibk .cp_glassmorphism .cpg_ui .cpgu_single .cpgu_round i.t5 {width:9.9306vw; height:9.9306vw;} #contents.ibk .cp_glassmorphism .cpg_ui .cpgu_single .cpgu_round i.t5:before {bottom:-1.5278vw; left:-1.5278vw; width:3.6111vw; height:3.6111vw; border:0.1389vw solid #0055A2;} #contents.ibk .cp_glassmorphism .cpg_ui .cpgu_single .cpgu_round span {margin-top:0.6944vw; color:rgba(0, 0, 0, 0.80); font-size:1.7361vw; line-height:2.4306vw;} #contents.ibk .cp_glassmorphism .cpg_ui .cpgu_single .cpgu_color {max-width:13.8889vw; margin:6.9444vw 1.5972vw 0 auto;} #contents.ibk .cp_glassmorphism .cpg_ui .cpgu_single .cpgu_color ul {gap:0.6944vw;} #contents.ibk .cp_glassmorphism .cpg_ui .cpgu_single .cpgu_color ul li i {width:1.3889vw; height:1.3889vw;} #contents.ibk .cp_glassmorphism .cpg_ui .cpgu_single .cpgu_color span {margin-top:0.6944vw; color:rgba(0, 0, 0, 0.80); font-size:1.7361vw; line-height:2.4306vw;} #contents.ibk .cp_glassmorphism .cpg_ui .cpgu_set {width:62.5vw; height:37.5vw;} #contents.ibk .cp_glassmorphism .cpg_ui .cpgu_set ul {top:6.25vw; left:6.25vw; flex-wrap:wrap; width:50vw; height:25vw;} #contents.ibk .cp_glassmorphism .cpg_ui .cpgu_set .icon {width:6.9444vw; height:6.9444vw; box-shadow:0.3472vw 0.3472vw 1.0417vw 0 rgba(255, 255, 255, 0.50) inset; filter:drop-shadow(0.3472vw 0.3472vw 0.6944vw rgba(0, 85, 162, 0.05));} #contents.ibk .cp_glassmorphism .cpg_ui .cpgu_set .icon.medal > .deco {transform-origin:3.3333vw 2.9861vw;} #contents.ibk .cp_glassmorphism .cpg_ui .cpgu_set svg {width:100% !important; height:100% !important;} /* ibk - cp_grid */ #contents.ibk .cp_grid .cp_wrap {gap:30px;} #contents.ibk .cp_grid .cpg_left {gap:30px; width:calc(50% - 15px); height:auto;} #contents.ibk .cp_grid .cpg_left .cpgl_top {border-radius:2.7778vw; aspect-ratio:86/41;} #contents.ibk .cp_grid .cpg_left .cpgl_bottom {gap:30px;} #contents.ibk .cp_grid .cpg_left .cpgl_bottom .cpglb_text {width:calc(50% - 15px); border-radius:2.7778vw; aspect-ratio:1/1;} #contents.ibk .cp_grid .cpg_left .cpgl_bottom .cpglb_icon {width:calc(50% - 15px); border-radius:2.7778vw; aspect-ratio:1/1;} #contents.ibk .cp_grid .cpg_left .cpgl_bottom .cpglb_icon li {border-radius:1.7361vw;} #contents.ibk .cp_grid .cpg_right {width:calc(50% - 15px); border-radius:2.7778vw;} /* ibk - cp_userbility */ #contents.ibk .cp_userbility .cp_box .cpu_bot p {width:46.6667vw; height:12.5000vw; padding:2.0833vw 3.1250vw; border-radius:1.3889vw; font-size:1.7361vw; line-height:2.7778vw; letter-spacing:-0.0347vw;} #contents.ibk .cp_userbility .cp_box .cpu_bot p:before {bottom:-1.5972vw; margin-left:-1.1806vw; border-width:0 1.1806vw 2.0833vw 1.1806vw;} #contents.ibk .cp_userbility .cp_box .cpu_bot .cp_imgwrap {margin-top:2.7778vw;} #contents.ibk .cp_userbility .cp_box .cpu_bot .cp_imgwrap .afa_siri {width:5.1389vw; height:5.1389vw; margin-left:-2.5694vw; filter:drop-shadow(0 1.3889vw 1.3889vw rgba(0, 0, 0, 0.05)) drop-shadow(0 0 1.3889vw rgba(0, 0, 0, 0.05));} #contents.ibk .cp_userbility .cp_box .cpu_bot .cp_imgwrap img {width:5.1389vw;} /* ibk - cp_infographic */ #contents.ibk .cp_infographic .cp_videowrap {max-width:calc(100% - 100px);} /* footer */ #footer.f_project .f_wrap + .f_wrap {margin-top:90px; padding-top:90px;} } @media all and (max-width:1280px) { /* cp_hero */ #contents.project .cp_hero .cpb_overview {padding:100px 40px 140px;} #contents.project .cp_hero .cpb_overview .cp_imgwrap {gap:20px; margin-top:5px;} #contents.project .cp_hero .cpb_overview .cp_imgwrap img:nth-child(2) {width:60px;} #contents.project .cp_hero .cpb_overview .cp_txtwrap {max-width:66.6666%;} /* kwangya119 - cp_hero */ #contents.kwangya119 .cp_hero {padding:120px 40px 0;} #contents.kwangya119 .cp_hero .cph_banner .cphb_box {margin-top:40px;} #contents.kwangya119 .cp_hero .cph_banner .cp_imgwrap {bottom:50px;} #contents.kwangya119 .cp_hero .cpb_overview {padding:100px 0 140px;} #contents.kwangya119 .cp_hero .cpb_overview .cp_imgwrap img:nth-child(1) {width:260px;} /* drmartens - cp_hero */ #contents.drmartens .cp_hero .cpb_overview .cp_txtwrap .cpbo_top p > span {display:inline-block;} /* withmuu - cp_hero */ #contents.withmuu .cp_hero .cpb_overview .cp_imgwrap img:nth-child(1) {width:290px;} #contents.withmuu .cp_hero .cpb_overview .cp_txtwrap .cpbo_top p > span span {display:inline;} /* carriermall - cp_hero */ #contents.carriermall .cp_hero .cpb_overview .cp_imgwrap img:nth-child(1) {width:160px;} #contents.carriermall .cp_hero .cpb_overview .cp_txtwrap .cpbo_top p > span span {display:inline;} /* ibk - cp_hero */ #contents.ibk .cp_hero .cph_banner .cphb_box {max-height:680px;} #contents.ibk .cp_hero .cph_banner .cp_imgwrap {padding:0 40px;} /* full - cp_hero */ #contents.full .cp_hero .cpb_overview .cp_imgwrap {max-width:calc(33.3333% - 20px);} /* kwangya119 - common */ #contents.kwangya119 .cp_title strong {font-size:64px; line-height:74px; letter-spacing:-3px;} /* kwangya119 - cp_chapter */ #contents.kwangya119 .cp_chapter {padding:180px 40px 200px;} #contents.kwangya119 .cp_chapter .cp_txtwrap {margin-top:60px;} #contents.kwangya119 .cp_chapter .cpc_list {margin-top:100px;} #contents.kwangya119 .cp_chapter .cpc_list li strong {padding-top:58%; font-size:18px; line-height:28px;} #contents.kwangya119 .cp_chapter .cpc_list li p {font-size:16px; line-height:24px; letter-spacing:-0.7px;} #contents.kwangya119 .cp_chapter .cpc_list li .icon {top:16%; width:28%; height:28%; margin-left:-14%;} /* kwangya119 - cp_strategy */ #contents.kwangya119 .cp_strategy {padding:0 40px 100px;} #contents.kwangya119 .cp_strategy .cp_wrap {padding:80px 60px 0;} #contents.kwangya119 .cp_strategy .cp_txtwrap strong {font-size:24px; line-height:44px;} #contents.kwangya119 .cp_strategy .cp_txtwrap p {font-size:24px; line-height:34px;} #contents.kwangya119 .cp_strategy .cps_flexable {margin-top:100px;} #contents.kwangya119 .cp_strategy .cps_flexable .cp_title {font-size:64px; line-height:74px; letter-spacing:-3px;} #contents.kwangya119 .cp_strategy .cps_flexable .cp_imgwrap {margin-top:30px;} #contents.kwangya119 .cp_strategy .cps_flexable .cp_txtwrap {margin-top:160px;} #contents.kwangya119 .cp_strategy .cps_flexable .cp_txtwrap p {font-size:24px; line-height:38px;} #contents.kwangya119 .cp_strategy .cps_flexable .cp_txtwrap p + p {margin-top:30px;} #contents.kwangya119 .cp_strategy .cps_flexable .cp_imgwrap.t2 {margin-top:140px;} #contents.kwangya119 .cp_strategy .cps_personalization {margin-top:180px;} #contents.kwangya119 .cp_strategy .cps_personalization .cp_title {font-size:64px; line-height:74px; letter-spacing:-3px;} #contents.kwangya119 .cp_strategy .cps_personalization .cpsp_contents .cp_imgwrap {max-width:420px;} #contents.kwangya119 .cp_strategy .cps_personalization .cpsp_contents .cp_txtwrap {margin-top:30px;} #contents.kwangya119 .cp_strategy .cps_personalization .cpsp_contents .cp_txtwrap p {font-size:24px; line-height:38px;} #contents.kwangya119 .cp_strategy .cps_personalization .cpsp_contents .cpspc_deco {width:320px;} #contents.kwangya119 .cp_strategy .cps_personalization .cpsp_contents .cpspc_deco.t1 {top:40px; right:-40px;} #contents.kwangya119 .cp_strategy .cps_personalization .cpsp_contents .cpspc_deco.t2 {top:500px;} #contents.kwangya119 .cp_strategy .cps_personalization .cpsp_contents .cpspc_deco.t3 {bottom:-250px; right:-80px;} /* kwangya119 - cp_design */ #contents.kwangya119 .cp_design {padding:100px 40px 0;} #contents.kwangya119 .cp_design .cp_txtwrap {margin-top:40px;} #contents.kwangya119 .cp_design .cpd_contents {margin-top:40px;} #contents.kwangya119 .cp_design .cpd_contents > ul.cpdc_top > li > strong {font-size:32px; line-height:42px;} #contents.kwangya119 .cp_design .cpd_contents > ul.cpdc_top > li > p {line-height:30px; letter-spacing:-0.7px;} #contents.kwangya119 .cp_design .cpd_contents > ul.cpdc_top > li:nth-child(1) {padding:50px;} #contents.kwangya119 .cp_design .cpd_contents > ul.cpdc_top > li:nth-child(2) > ul > li {min-height:230px; padding:30px;} #contents.kwangya119 .cp_design .cpd_contents > ul.cpdc_top > li:nth-child(2) > ul > li strong {font-size:16px;} #contents.kwangya119 .cp_design .cpd_contents > ul.cpdc_top > li:nth-child(2) > ul > li p {font-size:18px; line-height:30px; letter-spacing:-0.7px;} #contents.kwangya119 .cp_design .cpd_contents > ul.cpdc_top > li:nth-child(3) {padding:50px;} #contents.kwangya119 .cp_design .cpd_contents > ul.cpdc_btm {padding:50px;} #contents.kwangya119 .cp_design .cpd_contents > ul.cpdc_btm > li:nth-child(1) {padding-bottom:50px; padding-right:42px;} #contents.kwangya119 .cp_design .cpd_contents > ul.cpdc_btm > li:nth-child(2) {padding-bottom:50px; padding-left:50px;} #contents.kwangya119 .cp_design .cpd_contents > ul.cpdc_btm > li:nth-child(3) {padding-top:50px; padding-right:50px;} #contents.kwangya119 .cp_design .cpd_contents > ul.cpdc_btm > li:nth-child(4) {padding-top:50px; padding-left:50px;} #contents.kwangya119 .cp_design .cpd_contents > ul.cpdc_btm > li .fonts .lang {width:120px; line-height:26px;} #contents.kwangya119 .cp_design .cpd_contents > ul.cpdc_btm > li .fonts .font {line-height:30px;} #contents.kwangya119 .cp_design .cpd_contents > ul.cpdc_btm > li > p span#lang_en {height:96px;} #contents.kwangya119 .cp_design .cpd_contents > ul.cpdc_btm > li strong {font-size:36px; line-height:56px;} /* kwangya119 - cp_service */ #contents.kwangya119 .cp_service {padding:120px 40px 100px;} #contents.kwangya119 .cp_service .cps_contents {margin-top:40px;} #contents.kwangya119 .cp_service .cps_contents .cp_txtwrap p {top:260px;} #contents.kwangya119 .cp_service .cps_contents .cp_txtwrap p:before {top:-150px; font-size:64px; line-height:74px; letter-spacing:-3px;} #contents.kwangya119 .cp_service .cps_contents .cpsc_list .cpscl_item {padding:30px;} #contents.kwangya119 .cp_service .cps_contents .cpsc_list .cpscl_item i {width:80px; height:80px;} #contents.kwangya119 .cp_service .cps_contents .cpsc_list .cpscl_item.t2 i {top:-2px;} #contents.kwangya119 .cp_service .cps_contents .cpsc_list .cpscl_item.t4 i {top:-2px;} #contents.kwangya119 .cp_service .cps_contents .cpsc_list .cpscl_item strong {margin-top:30px; font-size:24px; line-height:34px;} #contents.kwangya119 .cp_service .cps_contents .cpsc_list .cpscl_item p {margin-top:2px; font-size:16px; line-height:24px;} /* kwangya119 - cp_share */ #contents.kwangya119 .cp_share {padding:100px 40px 200px;} #contents.kwangya119 .cp_share .cp_txtwrap strong {font-size:24px;} #contents.kwangya119 .cp_share .cp_txtwrap p {font-size:24px; line-height:34px;} /* kwangya119 - cp_protect */ #contents.kwangya119 .cp_protect {padding:0 40px;} #contents.kwangya119 .cp_protect .cp_wrap {padding:100px 60px 220px;} #contents.kwangya119 .cp_protect .cp_title {padding:0 40px;} #contents.kwangya119 .cp_protect .cp_txtwrap {margin-top:60px; padding:0 40px;} /* kwangya119 - cp_history */ #contents.kwangya119 .cp_history {padding:180px 40px;} #contents.kwangya119 .cp_history .cp_title strong {font-size:64px; line-height:74px; letter-spacing:-3px;} #contents.kwangya119 .cp_history .cph_contents {gap:40px;} #contents.kwangya119 .cp_history .cph_contents ul:nth-child(1) li:nth-child(2), #contents.kwangya119 .cp_history .cph_contents ul:nth-child(2) li:nth-child(3) {margin-top:40px;} #contents.kwangya119 .cp_history .cph_contents ul:nth-child(2) li:nth-child(2) {margin-top:40px;} #contents.kwangya119 .cp_history .cph_contents ul li p {font-size:26px; line-height:48px;} #contents.kwangya119 .cp_history .cph_contents ul li > span {line-height:34px;} /* kwangya119 - cp_responsive */ #contents.kwangya119 .cp_responsive {padding:160px 0 200px;} /* kwangya119 - cp_slogan */ #contents.kwangya119 .cp_slogan {padding:120px 40px;} /* drmartens - common */ #contents.drmartens .cp_title {font-size:45px; line-height:60px;} #contents.drmartens .cp_title .emphasis:before {bottom:-2px;} #contents.drmartens .cp_text {font-size:21px; line-height:32px;} /* drmartens - cp_brand */ #contents.drmartens .cp_brand {padding:100px 40px 160px;} #contents.drmartens .cp_brand .cp_imgwrap {margin-top:50%;} #contents.drmartens .cp_brand .cp_imgwrap img:nth-child(1) {max-width:56%;} #contents.drmartens .cp_brand .cp_imgwrap img:nth-child(2) {max-width:24%;} #contents.drmartens .cp_brand .cpb_deco .icon.t1 {width:18vw; top:-6vw; right:5vw;} #contents.drmartens .cp_brand .cpb_deco .icon.t2 {width:15vw; bottom:65vw; left:30vw;} #contents.drmartens .cp_brand .cpb_deco .icon.t3 {width:19vw; bottom:47vw; left:2vw;} /* drmartens - cp_rule */ #contents.drmartens .cp_rule {padding:26% 40px 120px;} #contents.drmartens .cp_rule .cpr_deco {top:-15vw; right:-2vw; width:40vw;} #contents.drmartens .cp_rule .cpr_contents {margin-top:100px;} #contents.drmartens .cp_rule .cpr_contents li p {font-size:21px; line-height:32px;} #contents.drmartens .cp_rule .cpr_contents li strong {font-size:74px; line-height:84px; letter-spacing:-1.4px;} #contents.drmartens .cp_rule .cpr_contents li em {padding:4px 8px; font-size:18px; line-height:18px;} #contents.drmartens .cp_rule .cp_imgwrap {width:64%;} #contents.drmartens .cp_rule .cp_imgwrap:before {top:3vw; right:-19vw; width:32vw;} #contents.drmartens .cp_rule .cp_imgwrap:after {bottom:-4vw; left:-5vw; width:26vw;} #contents.drmartens .cp_rule .cp_imgwrap img {max-width:100%;} /* drmartens - cp_online */ #contents.drmartens .cp_online .cpo_top {padding:120px 0;} #contents.drmartens .cp_online .cpo_bottom {padding:320px 40px 100px;} #contents.drmartens .cp_online .cpo_bottom .cp_txtwrap {width:700px; margin-left:-350px;} /* drmartens - cp_design */ #contents.drmartens .cp_design .cpd_bottom {padding:100px 40px;} #contents.drmartens .cp_design .cpd_bottom .cpdb_icon {margin-top:100px;} #contents.drmartens .cp_design .cpd_bottom .cpdb_icon ul {row-gap:60px;} #contents.drmartens .cp_design .cpd_bottom .cpdb_icon li {width:80px; height:80px; padding-right:calc(25% - 100px);} #contents.drmartens .cp_design .cpd_bottom .cpdb_icon li:nth-child(1):before {top:0; left:-20px; right:calc(100% + 20px);} #contents.drmartens .cp_design .cpd_bottom .cpdb_icon li:nth-child(1):after {top:80px; left:-20px; right:calc(100% + 20px);} #contents.drmartens .cp_design .cpd_bottom .cpdb_icon li:nth-child(6):before {top:140px; left:-20px; right:calc(100% + 20px);} #contents.drmartens .cp_design .cpd_bottom .cpdb_icon li:nth-child(6):after {top:220px; left:-20px; right:calc(100% + 20px);} #contents.drmartens .cp_design .cpd_bottom .cpdb_icon li:nth-child(11):before {top:280px; left:-20px; right:calc(100% + 20px);} #contents.drmartens .cp_design .cpd_bottom .cpdb_icon li:nth-child(11):after {top:360px; left:-20px; right:calc(100% + 20px);} #contents.drmartens .cp_design .cpd_bottom .cpdb_icon li:nth-child(1) i:before {top:-20px; bottom:calc(100% + 20px); left:0;} #contents.drmartens .cp_design .cpd_bottom .cpdb_icon li:nth-child(1) i:after {top:-20px; bottom:calc(100% + 20px); left:80px;} #contents.drmartens .cp_design .cpd_bottom .cpdb_icon li:nth-child(2) i:before {top:-20px; bottom:calc(100% + 20px); left:calc(25% - 20px);} #contents.drmartens .cp_design .cpd_bottom .cpdb_icon li:nth-child(2) i:after {top:-20px; bottom:calc(100% + 20px); left:calc(25% + 60px);} #contents.drmartens .cp_design .cpd_bottom .cpdb_icon li:nth-child(3) i:before {top:-20px; bottom:calc(100% + 20px); left:calc(50% - 40px);} #contents.drmartens .cp_design .cpd_bottom .cpdb_icon li:nth-child(3) i:after {top:-20px; bottom:calc(100% + 20px); left:calc(50% + 40px);} #contents.drmartens .cp_design .cpd_bottom .cpdb_icon li:nth-child(4) i:before {top:-20px; bottom:calc(100% + 20px); right:calc(25% - 20px);} #contents.drmartens .cp_design .cpd_bottom .cpdb_icon li:nth-child(4) i:after {top:-20px; bottom:calc(100% + 20px); right:calc(25% + 60px);} #contents.drmartens .cp_design .cpd_bottom .cpdb_icon li:nth-child(5) i:before {top:-20px; bottom:calc(100% + 20px); right:0;} #contents.drmartens .cp_design .cpd_bottom .cpdb_icon li:nth-child(5) i:after {top:-20px; bottom:calc(100% + 20px); right:80px;} #contents.drmartens .cp_design .cpd_bottom .cpdb_icon ul.aos-animate li:nth-child(1):before {right:-20px;} #contents.drmartens .cp_design .cpd_bottom .cpdb_icon ul.aos-animate li:nth-child(1):after {right:-20px;} #contents.drmartens .cp_design .cpd_bottom .cpdb_icon ul.aos-animate li:nth-child(6):before {right:-20px;} #contents.drmartens .cp_design .cpd_bottom .cpdb_icon ul.aos-animate li:nth-child(6):after {right:-20px;} #contents.drmartens .cp_design .cpd_bottom .cpdb_icon ul.aos-animate li:nth-child(11):before {right:-20px;} #contents.drmartens .cp_design .cpd_bottom .cpdb_icon ul.aos-animate li:nth-child(11):after {right:-20px;} #contents.drmartens .cp_design .cpd_bottom .cpdb_icon ul.aos-animate li:nth-child(1) i:before {bottom:-20px;} #contents.drmartens .cp_design .cpd_bottom .cpdb_icon ul.aos-animate li:nth-child(1) i:after {bottom:-20px;} #contents.drmartens .cp_design .cpd_bottom .cpdb_icon ul.aos-animate li:nth-child(2) i:before {bottom:-20px;} #contents.drmartens .cp_design .cpd_bottom .cpdb_icon ul.aos-animate li:nth-child(2) i:after {bottom:-20px;} #contents.drmartens .cp_design .cpd_bottom .cpdb_icon ul.aos-animate li:nth-child(3) i:before {bottom:-20px;} #contents.drmartens .cp_design .cpd_bottom .cpdb_icon ul.aos-animate li:nth-child(3) i:after {bottom:-20px;} #contents.drmartens .cp_design .cpd_bottom .cpdb_icon ul.aos-animate li:nth-child(4) i:after {bottom:-20px;} #contents.drmartens .cp_design .cpd_bottom .cpdb_icon ul.aos-animate li:nth-child(4) i:before {bottom:-20px;} #contents.drmartens .cp_design .cpd_bottom .cpdb_icon ul.aos-animate li:nth-child(5) i:after {bottom:-20px;} #contents.drmartens .cp_design .cpd_bottom .cpdb_icon ul.aos-animate li:nth-child(5) i:before {bottom:-20px;} /* drmartens - cp_experience */ #contents.drmartens .cp_experience {padding:100px 40px;} /* drmartens - cp_look */ #contents.drmartens .cp_look {padding:100px 40px;} /* drmartens - cp_story */ #contents.drmartens .cp_story .cp_txtwrap .cp_title, #contents.drmartens .cp_story .cp_txtwrap .cp_text {width:450px;} /* drmartens - cp_uiux */ #contents.drmartens .cp_uiux {padding:120px 40px;} #contents.drmartens .cp_uiux .cpu_slider {width:80vw;} #contents.drmartens .cp_uiux .cpu_slider .swiper-slide .cpus_info p {padding:0;} #contents.drmartens .cp_uiux .cpu_slider .swiper-slide .cpus_info .cpusi_color {gap:3px;} #contents.drmartens .cp_uiux .cpu_slider .swiper-slide .cpus_info .cpusi_color i {width:10px; height:10px;} #contents.drmartens .cp_uiux .cpu_sliderwrap .cpu_slider-prev {top:calc(50% - 30px);} #contents.drmartens .cp_uiux .cpu_sliderwrap .cpu_slider-next {top:calc(50% - 30px);} /* drmartens - cp_userbility */ #contents.drmartens .cp_userbility {padding:120px 40px;} #contents.drmartens .cp_userbility .cp_imgwrap video {top:69.6%; width:85%; margin:-42.5%;} /* eurocave - common */ #contents.eurocave .cp_txtwrap .cp_title {font-size:55px; line-height:70px;} #contents.eurocave .cp_txtwrap .cp_title + .line {width:90px;} #contents.eurocave .cp_txtwrap .cp_text {font-size:21px; line-height:32px;} #contents.eurocave .cp_txtwrap .deco_title {width:80px; height:131px;} #contents.eurocave .cp_txtwrap .deco_title p {top:-7px; left:-29px; font-size:12px; line-height:22px;} /* eurocave - cp_story */ #contents.eurocave .cp_story .cp_wrap {padding:120px 40px;} #contents.eurocave .cp_story .cps_contents {margin-top:100px;} /* eurocave - cp_values */ #contents.eurocave .cp_values {padding:200px 40px;} #contents.eurocave .cp_values:before {top:40.7292vw; left:auto; right:-27.0833vw; width:51.5625vw; transform:rotateY(180deg);} #contents.eurocave .cp_values:after {bottom:2.8125vw; left:-7.9167vw; right:auto; width:38.4375vw;} #contents.eurocave .cp_values .cp_imgwrap {height:100vw; margin-top:100px;} #contents.eurocave .cp_values .cp_imgwrap li:nth-child(1) {width:43.75vw;} #contents.eurocave .cp_values .cp_imgwrap li:nth-child(2) {top:36.4375vw; width:28.125vw;} #contents.eurocave .cp_values .cp_imgwrap li:nth-child(3) {width:37.5vw;} #contents.eurocave .cp_values .cp_imgwrap li strong {margin-top:1.875vw; font-size:2.5vw; line-height:3.125vw;} #contents.eurocave .cp_values .cp_imgwrap li p {margin-top:1.25vw; font-size:1.5625vw; line-height:2.5vw; letter-spacing:-0vw;} /* eurocave - cp_design */ #contents.eurocave .cp_design .cp_wrap {padding:0 40px 200px;} #contents.eurocave .cp_design .cpd_typography .cpdt_contents {margin-top:100px;} #contents.eurocave .cp_design .cpd_color {margin-top:240px;} #contents.eurocave .cp_design .cpd_color .cpdc_contents {gap:40px; margin-top:100px;} #contents.eurocave .cp_design .cpd_color .cpdc_contents li {width:calc(25% - 30px);} #contents.eurocave .cp_design .cpd_illustration{margin-top:240px;} #contents.eurocave .cp_design .cpd_illustration .cpdi_contents {margin-top:100px;} /* eurocave - cp_experience */ #contents.eurocave .cp_experience .cp_wrap {padding:0 40px 200px;} #contents.eurocave .cp_experience .cp_imgwrap {width:calc(100% + 40px); margin-top:100px; margin-right:-40px;} #contents.eurocave .cp_experience .cpe_contents {margin-top:100px;} /* eurocave - cp_brand */ #contents.eurocave .cp_brand {padding:200px 40px;} #contents.eurocave .cp_brand .cp_imgwrap {margin-top:100px;} /* eurocave - cp_manufacture */ #contents.eurocave .cp_manufacture {padding:200px 40px;} #contents.eurocave .cp_manufacture .cpm_contents {margin-top:100px;} #contents.eurocave .cp_manufacture .cpm_contents ul {gap:100px;} /* withmuu - common */ #contents.withmuu .cp_title {padding-left:4px; font-size:45px; line-height:50px;} #contents.withmuu .cp_title:before {right:-6px; height:12px;} #contents.withmuu .cp_title:after {right:-26px; width:12px; height:12px;} #contents.withmuu .cp_text {font-size:21px; line-height:32px;} #contents.withmuu .cp_text mark {font-size:20px; line-height:27px;} /* withmuu - cp_keyword */ #contents.withmuu .cp_keyword {padding:120px 40px;} #contents.withmuu .cp_keyword .cpk_flow {margin-top:120px;} #contents.withmuu .cp_keyword .cpk_flow li {height:100px;} #contents.withmuu .cp_keyword .cpk_flow li + li {margin-top:40px;} #contents.withmuu .cp_keyword .cpk_flow li .flow_inner {gap:40px;} #contents.withmuu .cp_keyword .cpk_flow li .cpkfli_wrap {gap:40px;} #contents.withmuu .cp_keyword .cpk_flow li .cpkfli_txt {gap:7px; height:100px; padding:0 40px; border-radius:67px; font-size:40px; line-height:67px; letter-spacing:-1px;} #contents.withmuu .cp_keyword .cpk_flow li .cpkfli_txt.t1 {box-shadow:0 13px 40px 0 rgba(20, 20, 21, 0.08);} #contents.withmuu .cp_keyword .cpk_flow li .cpkfli_txt.t2 {box-shadow:0 13px 40px 0 rgba(98, 85, 246, 0.40);} #contents.withmuu .cp_keyword .cpk_flow li .icon {width:100px; height:100px; filter:drop-shadow(0 13px 27px rgba(116, 232, 139, 0.40));} /* withmuu - cp_core */ #contents.withmuu .cp_core {padding:120px 40px;} #contents.withmuu .cp_core .cpc_deco {width:calc(100% + 80px); margin-top:120px; margin-left:-40px;} #contents.withmuu .cp_core .cpc_dot {width:calc(100% + 80px); margin-top:120px; margin-left:-40px;} #contents.withmuu .cp_core .cpc_dot .cpcd_contents .cpcdc_txt {margin-top:50px;} #contents.withmuu .cp_core .cpc_dot .cpcd_contents .cpcdc_txt > span {font-size:22px; line-height:46px;} /* withmuu - cp_design */ #contents.withmuu .cp_design {padding:120px 40px;} #contents.withmuu .cp_design .cpd_top .cpdt_box {width:calc(61.8056vw - 100px);} #contents.withmuu .cp_design .cpd_top .cpdt_box .cp_text span {display:inline;} #contents.withmuu .cp_design .cpd_color {margin-top:120px;} #contents.withmuu .cp_design .cpd_font {margin-top:120px;} #contents.withmuu .cp_design .cpd_icon {margin-top:120px;} #contents.withmuu .cp_design .cpd_icon .cpdi_contents {margin-top:4.6875vw; padding:5.8594vw 6.25vw; border-radius:3.125vw; box-shadow:0 2.3438vw 4.6875vw 0 rgba(20, 20, 21, 0.02);} #contents.withmuu .cp_design .cpd_icon .cpdi_contents > .deco {top:5.8594vw; bottom:5.8594vw; left:6.25vw; right:6.25vw;} #contents.withmuu .cp_design .cpd_icon .cpdi_contents > .deco:before {top:1.5625vw; height:0.0781vw;} #contents.withmuu .cp_design .cpd_icon .cpdi_contents > .deco:after {bottom:1.5625vw; height:0.0781vw;} #contents.withmuu .cp_design .cpd_icon .cpdi_contents ul:before {left:-2.3438vw; right:calc(100% + 2.3438vw); height:0.0781vw;} #contents.withmuu .cp_design .cpd_icon .cpdi_contents ul:after {left:-2.3438vw; right:calc(100% + 2.3438vw); height:0.0781vw;} #contents.withmuu .cp_design .cpd_icon .cpdi_contents ul li:before {top:-2.3438vw; bottom:calc(100% + 2.3438vw); width:0.0781vw;} #contents.withmuu .cp_design .cpd_icon .cpdi_contents ul li:after {top:-2.3438vw; bottom:calc(100% + 2.3438vw); width:0.0781vw;} #contents.withmuu .cp_design .cpd_icon .cpdi_contents ul li .line {left:1.5625vw; right:1.5625vw;} #contents.withmuu .cp_design .cpd_icon .cpdi_contents ul li .line:before {width:0.0781vw;} #contents.withmuu .cp_design .cpd_icon .cpdi_contents ul li .line:after {width:0.0781vw;} #contents.withmuu .cp_design .cpd_icon .cpdi_contents ul li .cross:before {width:0.0781vw;} #contents.withmuu .cp_design .cpd_icon .cpdi_contents ul li .cross:after {height:0.0781vw;} #contents.withmuu .cp_design .cpd_icon .cpdi_contents ul li .diagonal::before {height:0.0781vw;} #contents.withmuu .cp_design .cpd_icon .cpdi_contents ul li .diagonal::after {height:0.0781vw;} #contents.withmuu .cp_design .cpd_icon .cpdi_contents.aos-animate ul:before {right:-2.3438vw;} #contents.withmuu .cp_design .cpd_icon .cpdi_contents.aos-animate ul:after {right:-2.3438vw;} #contents.withmuu .cp_design .cpd_icon .cpdi_contents.aos-animate ul li:nth-child(1):before {bottom:-2.3438vw;} #contents.withmuu .cp_design .cpd_icon .cpdi_contents.aos-animate ul li:nth-child(1):after {bottom:-2.3438vw;} #contents.withmuu .cp_design .cpd_icon .cpdi_contents.aos-animate ul li:nth-child(2):before {bottom:-2.3438vw;} #contents.withmuu .cp_design .cpd_icon .cpdi_contents.aos-animate ul li:nth-child(2):after {bottom:-2.3438vw;} #contents.withmuu .cp_design .cpd_icon .cpdi_contents.aos-animate ul li:nth-child(3):before {bottom:-2.3438vw;} #contents.withmuu .cp_design .cpd_icon .cpdi_contents.aos-animate ul li:nth-child(3):after {bottom:-2.3438vw;} #contents.withmuu .cp_design .cpd_icon .cpdi_contents.aos-animate ul li:nth-child(4):before {bottom:-2.3438vw;} #contents.withmuu .cp_design .cpd_icon .cpdi_contents.aos-animate ul li:nth-child(4):after {bottom:-2.3438vw;} #contents.withmuu .cp_design .cpd_icon .cpdi_contents.aos-animate ul li .diagonal::before {width:17.6563vw;} #contents.withmuu .cp_design .cpd_icon .cpdi_contents.aos-animate ul li .diagonal::after {width:17.6563vw;} #contents.withmuu .cp_design .cpd_icon .cpdi_contents ul li .icon {width:12.5vw; height:12.5vw;} /* withmuu - cp_main */ #contents.withmuu .cp_main {padding:120px 40px 0;} #contents.withmuu .cp_main .cp_wrap {padding:0 0 120px;} #contents.withmuu .cp_main > ul {width:calc(100% + 80px); margin-left:-40px;} /* withmuu - cp_product */ #contents.withmuu .cp_product {padding:120px 40px 0;} #contents.withmuu .cp_product .cpp_contents {width:calc(100% + 80px); margin-top:120px; margin-left:-40px;} /* withmuu - cp_global */ #contents.withmuu .cp_global {padding:120px 40px 0;} #contents.withmuu .cp_global .cp_wrap {padding:0 0 120px;} #contents.withmuu .cp_global .cp_imgwrap {width:calc(100% + 80px); height:auto !important; margin-left:-40px; aspect-ratio:1920/1080;} #contents.withmuu .cp_global .cp_imgwrap:before {display:none;} /* withmuu - cp_artist */ #contents.withmuu .cp_artist {padding:120px 40px;} #contents.withmuu .cp_artist .cp_imgwrap {margin-top:120px;} #contents.withmuu .cp_artist .cp_imgwrap:before {width:93.75vw; height:93.75vw; margin-top:-46.875vw; margin-left:-46.875vw; filter:blur(7.8125vw);} #contents.withmuu .cp_artist .cp_imgwrap img {width:61.25vw;} /* withmuu - cp_purchase */ #contents.withmuu .cp_purchase {padding:120px 40px 0;} #contents.withmuu .cp_purchase .cp_wrap {padding:0 0 120px;} #contents.withmuu .cp_purchase .cp_txtwrap .cp_text > span span {display:inline;} #contents.withmuu .cp_purchase .cp_imgwrap.t2 {width:calc(100% + 80px); margin-left:-40px;} /* carriermall - common */ #contents.carriermall .cp_txtwrap mark {font-size:21px; line-height:28px;} #contents.carriermall .cp_txtwrap .cp_title {font-size:40px; line-height:50px;} #contents.carriermall .cp_txtwrap.t2 .cp_title {font-size:30px; line-height:40px;} #contents.carriermall .cp_txtwrap .cp_text {font-size:21px; line-height:32px;} /* carriermall - cp_goal */ #contents.carriermall .cp_goal {max-width:calc(100% - 80px);} /* carriermall - cp_strategy */ #contents.carriermall .cp_strategy {padding:200px 0;} #contents.carriermall .cp_strategy .cp_wrap {padding:0 40px;} #contents.carriermall .cp_strategy .cps_contents {margin-top:200px;} #contents.carriermall .cp_strategy .cps_contents .cpsc_video video {margin-top:2px;} /* carrier - cp_design */ #contents.carriermall .cp_design {max-width:calc(100% - 80px);} #contents.carriermall .cp_design .cpd_bottom {margin-top:200px; padding:50px 0 340px;} #contents.carriermall .cp_design .cpd_bottom .cpdb_icon .cpdbi_box {padding:0 40px;} #contents.carriermall .cp_design .cpd_bottom .cpdb_icon .cpdbi_sliderwrap {top:calc(260px + 7.6vw);} #contents.carriermall .cp_design .cpd_bottom .cpdb_filter .cpdbf_box {padding:0 40px;} /* carriermall - cp_history */ #contents.carriermall .cp_history {padding:200px 0;} #contents.carriermall .cp_history .cp_wrap {padding:0 40px;} /* carriermall - cp_innovative */ #contents.carriermall .cp_innovative ul {padding:0 40px;} #contents.carriermall .cp_innovative ul li:nth-child(9) {bottom:-10.5vw; width:85vw; height:auto; aspect-ratio:16/9;} #contents.carriermall .cp_innovative .cpi_contents strong {margin-top:20vw;} /* carrier - cp_masonry */ #contents.carriermall .cp_masonry {max-width:calc(100% - 80px); padding:200px 0;} /* carriermall - cp_now */ #contents.carriermall .cp_now .cp_wrap {padding:0 40px;} /* carrier - cp_banner */ #contents.carriermall .cp_banner {padding:200px 0 120px;} #contents.carriermall .cp_banner .cp_wrap {max-width:calc(100% - 80px);} /* ibk - common */ #contents.ibk .cp_txtwrap .cp_title {font-size:24px; line-height:34px;} #contents.ibk .cp_txtwrap .cp_subtitle {margin-top:5px; font-size:45px; line-height:60px;} #contents.ibk .cp_txtwrap .cp_text {margin-top:15px; font-size:20px; line-height:32px;} /* ibk - cp_strategy */ #contents.ibk .cp_strategy .cp_wrap {padding:0 40px;} #contents.ibk .cp_strategy .cp_txtwrap .cp_subtitle {margin-top:15px;} /* ibk - cp_elements */ #contents.ibk .cp_elements {padding:100px 0;} #contents.ibk .cp_elements .cp_wrap {padding:0 40px;} #contents.ibk .cp_elements .cp_txtwrap .cp_subtitle {margin-top:15px;} #contents.ibk .cp_elements .cpe_color {gap:20px; margin-top:107px;} #contents.ibk .cp_elements .cpe_color > div {width:calc(33.3333% - 10px);} #contents.ibk .cp_elements .cpe_color strong {font-size:17px; line-height:27px; letter-spacing:-0px;} #contents.ibk .cp_elements .cpe_color ul {gap:13px; margin-top:20px;} #contents.ibk .cp_elements .cpe_color li {height:60px; padding:0 27px; border-radius:13px;} #contents.ibk .cp_elements .cpe_color li span {font-size:17px; line-height:27px; letter-spacing:-0px;} /* ibk - cp_graphics */ #contents.ibk .cp_graphics {padding:100px 0;} #contents.ibk .cp_graphics .cp_wrap {padding:0 40px;} /* ibk - cp_glassmorphism */ #contents.ibk .cp_glassmorphism {padding:100px 0;} #contents.ibk .cp_glassmorphism .cp_wrap {padding:0 40px;} /* ibk - cp_grid */ #contents.ibk .cp_grid {padding:100px 0;} #contents.ibk .cp_grid .cp_wrap {padding:0 40px;} /* ibk - cp_principle */ #contents.ibk .cp_principle {padding:100px 0;} #contents.ibk .cp_principle .cp_wrap {padding:0 40px;} /* ibk - cp_userbility */ #contents.ibk .cp_userbility {padding:100px 0;} #contents.ibk .cp_userbility .cp_wrap {padding:0 40px;} /* ibk - cp_simple */ #contents.ibk .cp_simple {padding:100px 0;} #contents.ibk .cp_simple .cp_wrap {margin-top:0 !important; padding:0 40px;} #contents.ibk .cp_simple .cpss_bg {position:absolute; top:auto; bottom:0; margin-top:330px !important;} #contents.ibk .cp_simple .cps_sticky {aspect-ratio:auto;} #contents.ibk .cp_simple .cps_sticky .cp_imgwrap {position:relative; top:auto !important; margin-top:40px;} /* ibk - cp_infographic */ #contents.ibk .cp_infographic {padding:100px 0;} #contents.ibk .cp_infographic .cp_txtwrap {padding:0 40px;} #contents.ibk .cp_infographic .cp_videowrap {max-width:calc(100% - 80px); margin-top:40px;} /* ibk - cp_hierarchy */ #contents.ibk .cp_hierarchy {padding:100px 40px 40px;} #contents.ibk .cp_hierarchy .cph_attachment {margin-top:40px;} /* wonderplace - cp_principle */ #contents.wonderplace .cp_principle {padding:160px 0;} #contents.wonderplace .cp_principle .cp_wrap {padding:0 40px;} /* wonderplace - cp_design */ #contents.wonderplace .cp_design {padding:180px 0;} #contents.wonderplace .cp_design .cp_wrap {padding:0 40px;} /* wonderplace - cp_impact */ #contents.wonderplace .cp_impact {padding:0 0 160px;} #contents.wonderplace .cp_impact .cp_wrap {padding:0 40px;} /* wonderplace - cp_curated */ #contents.wonderplace .cp_curated {padding:0 0 160px;} /* wonderplace - cp_lookbook */ #contents.wonderplace .cp_lookbook {padding:160px 0;} #contents.wonderplace .cp_lookbook .cp_wrap {padding:0 40px;} /* wonderplace - cp_ux */ #contents.wonderplace .cp_ux {padding:160px 0;} #contents.wonderplace .cp_ux .cp_txtwrap {padding:0 40px;} #contents.wonderplace .cp_ux .cpu_sticky {padding:0 40px;} /* wonderplace - cp_comfort */ #contents.wonderplace .cp_comfort {padding:0 0 160px;} #contents.wonderplace .cp_comfort .cp_wrap {padding:0 40px;} /* wonderplace - cp_crew */ #contents.wonderplace .cp_crew {padding:160px 0;} #contents.wonderplace .cp_crew .cp_txtwrap {padding:0 40px;} /* wonderplace - cp_brand */ #contents.wonderplace .cp_brand {padding:160px 0 0;} #contents.wonderplace .cp_brand .cpb_flow {margin-top:160px;} /* wonderplace - cp_page */ #contents.wonderplace .cp_page {padding:180px 0;} #contents.wonderplace .cp_page .cpp_top {padding:0 40px;} #contents.wonderplace .cp_page .cpp_bottom .cp_txtwrap {padding:0 40px;} #contents.wonderplace .cp_page .cpp_bottom .cp_imgwrap {padding:0 40px;} /* footer */ #footer.f_project {padding-top:80px; padding-bottom:40px;} #footer.f_project:before {left:40px; right:40px;} #footer.f_project .f_area {padding-left:40px;} #footer.f_project .f_area ul {padding:0 20px;} #footer.f_project .f_area p.text.giant .autotext {line-height:22px;} #footer.f_project .f_wrap + .f_wrap {margin-top:80px; padding-top:80px;} #footer.f_project .f_wrap .divarea {gap:40px; padding-left:33.3333%;} #footer.f_project .titlearea {top:80px;} #footer.f_project .titlearea.logo {top:90px; height:40px;} #footer.f_project .titlearea.logo:before {width:20px; height:5px;} #footer.f_project .f_wrap.t2 .titlearea h2 {line-height:40px;} #footer.f_project .titlearea h2 {line-height:40px;} #footer.f_project .f_area ul li strong {line-height:40px;} #footer.f_project .f_area ul li p {line-height:40px;} #footer.f_project .f_wrap.t3 li strong {font-size:45px;} } @media all and (max-width:1024px) { /* cp_hero */ #contents.project .cp_hero .cpb_overview {flex-direction:column; padding:80px 30px 100px;} #contents.project .cp_hero .cpb_overview .cp_imgwrap {flex-direction:row; width:100%; margin-top:0;} #contents.project .cp_hero .cpb_overview .cp_txtwrap {max-width:100%; margin-top:30px;} /* kwangya119 - cp_hero */ #contents.kwangya119 .cp_hero {padding:100px 30px 0;} #contents.kwangya119 .cp_hero .cph_banner .cphb_box {margin-top:30px;} #contents.kwangya119 .cp_hero .cph_banner .cphb_box .cphb_bg {bottom:0; height:auto !important;} #contents.kwangya119 .cp_hero .cph_banner.shrink .cphb_box .cphb_bg {height:auto !important; border-radius:32px;} #contents.kwangya119 .cp_hero .cph_banner .cp_imgwrap {bottom:35px;} #contents.kwangya119 .cp_hero .cpb_overview {padding:80px 0 100px;} #contents.kwangya119 .cp_hero .cpb_overview .cp_txtwrap .cpbo_top p > span span {display:inline;} /* drmartens - cp_hero */ #contents.drmartens .cp_hero .cph_banner .cphb_deco.t1 {top:-18vh; right:15vw; width:30vw;} #contents.drmartens .cp_hero .cph_banner .cphb_deco.t2 {bottom:17vh; left:-20vw; width:56vw;} #contents.drmartens .cp_hero .cph_banner .cphb_deco.t3 {bottom:10vh; right:-33vw; width:85vw;} /* eurocave - cp_hero */ #contents.eurocave .cp_hero .cph_banner .cphb_bg {filter:drop-shadow(0 3.9063vw 3.9063vw rgba(0, 0, 0, 0.25)); background-size:187.5vw;} #contents.eurocave .cp_hero .cph_banner .cphb_bg.vertical {top:calc(50% - 33.2031vw); bottom:calc(50% - 33.2031vw);} #contents.eurocave .cp_hero .cph_banner .cphb_bg.horizontal {left:calc(50% - 18.5547vw); right:calc(50% - 18.5547vw);} /* withmuu - cp_hero */ #contents.withmuu .cp_hero .cph_banner .cphb_box .cp_imgwrap {width:62.5vw; height:62.5vw;} #contents.withmuu .cp_hero .cph_banner .cphb_box .cp_imgwrap > img:nth-child(2) {top:-4.2969vw; right:-3.9063vw; width:60.9375vw;} #contents.withmuu .cp_hero .cph_banner .cphb_box .cp_imgwrap .cp_box img:nth-child(2) {top:-4.2969vw; right:-3.9063vw; width:60.9375vw; filter:drop-shadow(0 0.3125vw 4.6875vw rgba(0, 0, 0, 0.25));} /* ibk - cp_hero */ #contents.ibk .cp_hero .cph_banner .cphb_box {max-height:600px;} #contents.ibk .cp_hero .cph_banner .cp_imgwrap {padding:0 30px;} #contents.ibk .cp_hero .cpb_overview .cp_imgwrap > img:nth-child(1) {width:240px;} /* full - cp_hero */ #contents.full .cp_hero .cpb_overview .cp_imgwrap {max-width:100%;} #contents.full .cp_hero .cpb_overview .cp_imgwrap img:nth-child(1) {max-width:300px;} /* kwangya119 - common */ #contents.kwangya119 .cp_title strong {font-size:50px; line-height:60px; letter-spacing:-2px;} /* kwangya119 - cp_chapter */ #contents.kwangya119 .cp_chapter {padding:100px 30px 160px;} #contents.kwangya119 .cp_chapter .cp_txtwrap {margin-top:40px;} #contents.kwangya119 .cp_chapter .cpc_list {margin-top:60px;} #contents.kwangya119 .cp_chapter .cpc_list:before {left:calc(32.8125% - 7px); width:14px; height:14px; margin-top:-7px;} #contents.kwangya119 .cp_chapter .cpc_list:after {right:calc(32.8125% - 7px); width:14px; height:14px; margin-top:-7px;} #contents.kwangya119 .cp_chapter .cpc_list li {padding:0 10px;} #contents.kwangya119 .cp_chapter .cpc_list li strong {padding-top:50%; font-size:16px; line-height:26px;} #contents.kwangya119 .cp_chapter .cpc_list li p {margin-top:10px; font-size:14px; line-height:20px;} /* kwangya119 - cp_strategy */ #contents.kwangya119 .cp_strategy {padding:0 30px 100px;} #contents.kwangya119 .cp_strategy .cp_wrap {padding:60px 40px 0;} #contents.kwangya119 .cp_strategy .cp_txtwrap strong {font-size:22px; line-height:42px;} #contents.kwangya119 .cp_strategy .cp_txtwrap p {font-size:22px; line-height:32px;} #contents.kwangya119 .cp_strategy .cps_flexable {margin-top:80px;} #contents.kwangya119 .cp_strategy .cps_flexable .cp_title {font-size:50px; line-height:60px; letter-spacing:-2px;} #contents.kwangya119 .cp_strategy .cps_flexable .cp_imgwrap {margin-top:20px;} #contents.kwangya119 .cp_strategy .cps_flexable .cp_txtwrap {margin-top:120px;} #contents.kwangya119 .cp_strategy .cps_flexable .cp_txtwrap p {font-size:22px; line-height:36px;} #contents.kwangya119 .cp_strategy .cps_flexable .cp_txtwrap p + p {margin-top:20px;} #contents.kwangya119 .cp_strategy .cps_flexable .cp_txtwrap p span {display:inline;} #contents.kwangya119 .cp_strategy .cps_flexable .cp_imgwrap.t2 {margin-top:80px;} #contents.kwangya119 .cp_strategy .cps_personalization {margin-top:120px;} #contents.kwangya119 .cp_strategy .cps_personalization .cp_title {font-size:50px; line-height:60px; letter-spacing:-2px;} #contents.kwangya119 .cp_strategy .cps_personalization .cpsp_contents {padding:240px 0 430px;} #contents.kwangya119 .cp_strategy .cps_personalization .cpsp_contents .cp_imgwrap {max-width:380px;} #contents.kwangya119 .cp_strategy .cps_personalization .cpsp_contents .cp_txtwrap p {font-size:22px; line-height:36px;} #contents.kwangya119 .cp_strategy .cps_personalization .cpsp_contents .cpspc_deco {width:280px;} #contents.kwangya119 .cp_strategy .cps_personalization .cpsp_contents .cpspc_deco.t1 {top:40px; right:-40px;} #contents.kwangya119 .cp_strategy .cps_personalization .cpsp_contents .cpspc_deco.t2 {top:400px; left:-160px;} #contents.kwangya119 .cp_strategy .cps_personalization .cpsp_contents .cpspc_deco.t3 {bottom:-245px; right:-67px;} /* kwangya119 - cp_design */ #contents.kwangya119 .cp_design {padding:60px 30px 0;} #contents.kwangya119 .cp_design .cp_txtwrap {margin-top:30px;} #contents.kwangya119 .cp_design .cpd_contents {margin-top:30px;} #contents.kwangya119 .cp_design .cpd_contents > ul.cpdc_top > li {width:100%;} #contents.kwangya119 .cp_design .cpd_contents > ul.cpdc_top > li:nth-child(1) {min-height:280px; padding:30px;} #contents.kwangya119 .cp_design .cpd_contents > ul.cpdc_top > li:nth-child(2) > ul > li {min-height:200px; padding:30px;} #contents.kwangya119 .cp_design .cpd_contents > ul.cpdc_top > li:nth-child(3) {width:calc(50% - 10px); padding:30px;} #contents.kwangya119 .cp_design .cpd_contents > ul.cpdc_top > li:nth-child(4) {width:calc(50% - 10px);} #contents.kwangya119 .cp_design .cpd_contents > ul.cpdc_top > li > strong {font-size:28px; line-height:38px;} #contents.kwangya119 .cp_design .cpd_contents > ul.cpdc_top > li > p {font-size:18px;} #contents.kwangya119 .cp_design .cpd_contents > ul.cpdc_btm {padding:30px;} #contents.kwangya119 .cp_design .cpd_contents > ul.cpdc_btm > li {width:100%;} #contents.kwangya119 .cp_design .cpd_contents > ul.cpdc_btm > li:nth-child(1) {padding-bottom:30px; padding-left:33.3333%; padding-right:0; border-right:0;} #contents.kwangya119 .cp_design .cpd_contents > ul.cpdc_btm > li:nth-child(2) {padding-top:30px; padding-bottom:30px; padding-left:33.3333%;} #contents.kwangya119 .cp_design .cpd_contents > ul.cpdc_btm > li:nth-child(3) {padding-top:30px; padding-bottom:30px; padding-left:33.3333%; padding-right:0; border-bottom:1px solid #D9D9D9; border-right:0;} #contents.kwangya119 .cp_design .cpd_contents > ul.cpdc_btm > li:nth-child(4) {padding-top:30px; padding-left:33.3333%; border-top:0;} #contents.kwangya119 .cp_design .cpd_contents > ul.cpdc_btm > li strong {margin-top:0; font-size:30px; line-height:50px;} #contents.kwangya119 .cp_design .cpd_contents > ul.cpdc_btm > li strong span {display:inline;} #contents.kwangya119 .cp_design .cpd_contents > ul.cpdc_btm > li > p {margin-top:50px;} #contents.kwangya119 .cp_design .cpd_contents > ul.cpdc_btm > li .fonts {position:absolute; top:30px; left:0;} #contents.kwangya119 .cp_design .cpd_contents > ul.cpdc_btm > li:nth-child(1) .fonts {top:0;} #contents.kwangya119 .cp_design .cpd_contents > ul.cpdc_btm > li .fonts .lang {width:60px; line-height:50px;} #contents.kwangya119 .cp_design .cpd_contents > ul.cpdc_btm > li:nth-child(1) .fonts .lang {width:90px;} /* kwangya119 - cp_service */ #contents.kwangya119 .cp_service {padding:100px 30px 100px;} #contents.kwangya119 .cp_service .cps_contents .cp_txtwrap p {box-sizing:border-box; padding-right:10px;} #contents.kwangya119 .cp_service .cps_contents .cp_txtwrap p:before {font-size:50px; line-height:60px;} #contents.kwangya119 .cp_service .cps_contents .cp_txtwrap p span {display:inline; float:none; width:auto;} #contents.kwangya119 .cp_service .cps_contents .cpsc_list {gap:30px; margin-top:10px; padding-left:20px;} #contents.kwangya119 .cp_service .cps_contents .cpsc_list .cpscl_item {width:100%; aspect-ratio:unset;} #contents.kwangya119 .cp_service .cps_contents .cpsc_list .cpscl_item.t1 {top:0;} #contents.kwangya119 .cp_service .cps_contents .cpsc_list .cpscl_item.t3 {top:0;} /* kwangya119 - cp_share */ #contents.kwangya119 .cp_share {padding:60px 30px 160px;} #contents.kwangya119 .cp_share .cp_txtwrap strong {font-size:22px;} #contents.kwangya119 .cp_share .cp_txtwrap p {font-size:22px; line-height:32px;} /* kwangya119 - cp_protect */ #contents.kwangya119 .cp_protect {padding:0 30px;} #contents.kwangya119 .cp_protect .cp_wrap {padding:50px 30px 180px;} #contents.kwangya119 .cp_protect .cp_title {padding:0 22px;} #contents.kwangya119 .cp_protect .cp_txtwrap {margin-top:40px; padding:0 22px;} /* kwangya119 - cp_history */ #contents.kwangya119 .cp_history {padding:140px 30px;} #contents.kwangya119 .cp_history .cp_title strong {font-size:50px; line-height:60px; letter-spacing:-2px;} #contents.kwangya119 .cp_history .cph_contents ul:nth-child(1) li:nth-child(1) {margin-top:40px;} #contents.kwangya119 .cp_history .cph_contents ul li p {font-size:24px; line-height:36px;} #contents.kwangya119 .cp_history .cph_contents ul li p > span {display:inline;} #contents.kwangya119 .cp_history .cph_contents ul li > span {margin-top:20px; line-height:30px;} /* kwangya119 - cp_responsive */ #contents.kwangya119 .cp_responsive {padding:140px 0 160px;} /* kwangya119 - cp_slogan */ #contents.kwangya119 .cp_slogan {padding:100px 30px;} /* drmartens - common */ #contents.drmartens .cp_title {font-size:43px; line-height:56px;} #contents.drmartens .cp_text {font-size:20px;} /* drmartens - cp_brand */ #contents.drmartens .cp_brand {padding:80px 30px 180px;} /* drmartens - cp_rule */ #contents.drmartens .cp_rule {padding:28% 30px 80px;} #contents.drmartens .cp_rule .cpr_deco {top:-26vw;} #contents.drmartens .cp_rule .cpr_contents {row-gap:100px;} #contents.drmartens .cp_rule .cpr_contents li strong {font-size:62px; line-height:72px; letter-spacing:-1.2px;} #contents.drmartens .cp_rule .cpr_contents li p {font-size:20px;} #contents.drmartens .cp_rule .cpr_contents li em {font-size:16px;} #contents.drmartens .cp_rule .cp_imgwrap {margin-top:20%;} /* drmartens - cp_online */ #contents.drmartens .cp_online .cpo_top {flex-direction:column-reverse; padding:80px 30px 120px;} #contents.drmartens .cp_online .cpo_top .cp_txtwrap {width:100%; margin-top:50px;} #contents.drmartens .cp_online .cpo_top .cp_txtwrap p > span span {display:inline-block;} #contents.drmartens .cp_online .cpo_top .cp_imgwrap {width:100%;} #contents.drmartens .cp_online .cpo_bottom {padding:270px 30px 100px;} #contents.drmartens .cp_online .cpo_bottom .cp_txtwrap {top:40px; width:600px; margin-left:-300px;} /* drmartens - cp_design */ #contents.drmartens .cp_design .cpd_top {flex-direction:column; padding:0; background-color:transparent;} #contents.drmartens .cp_design .cpd_top .cp_imgwrap {width:100%;} #contents.drmartens .cp_design .cpd_top .cpdt_thumbnail {width:100%; height:560px; background-color:#f6f6f6;} #contents.drmartens .cp_design .cpd_bottom {padding:100px 30px;} #contents.drmartens .cp_design .cpd_bottom .cpdb_icon {margin-top:80px;} #contents.drmartens .cp_design .cpd_bottom .cpdb_icon ul {row-gap:50px;} #contents.drmartens .cp_design .cpd_bottom .cpdb_icon li {width:60px; height:60px; padding-right:calc(25% - 75px);} #contents.drmartens .cp_design .cpd_bottom .cpdb_icon li:nth-child(1):before {top:0;} #contents.drmartens .cp_design .cpd_bottom .cpdb_icon li:nth-child(1):after {top:60px;} #contents.drmartens .cp_design .cpd_bottom .cpdb_icon li:nth-child(6):before {top:110px;} #contents.drmartens .cp_design .cpd_bottom .cpdb_icon li:nth-child(6):after {top:170px;} #contents.drmartens .cp_design .cpd_bottom .cpdb_icon li:nth-child(11):before {top:220px;} #contents.drmartens .cp_design .cpd_bottom .cpdb_icon li:nth-child(11):after {top:280px;} #contents.drmartens .cp_design .cpd_bottom .cpdb_icon li:nth-child(1) i:before {left:0;} #contents.drmartens .cp_design .cpd_bottom .cpdb_icon li:nth-child(1) i:after {left:60px;} #contents.drmartens .cp_design .cpd_bottom .cpdb_icon li:nth-child(2) i:before {left:calc(25% - 15px);} #contents.drmartens .cp_design .cpd_bottom .cpdb_icon li:nth-child(2) i:after {left:calc(25% + 45px);} #contents.drmartens .cp_design .cpd_bottom .cpdb_icon li:nth-child(3) i:before {left:calc(50% - 30px);} #contents.drmartens .cp_design .cpd_bottom .cpdb_icon li:nth-child(3) i:after {left:calc(50% + 30px);} #contents.drmartens .cp_design .cpd_bottom .cpdb_icon li:nth-child(4) i:before {right:calc(25% - 15px);} #contents.drmartens .cp_design .cpd_bottom .cpdb_icon li:nth-child(4) i:after {right:calc(25% + 45px);} #contents.drmartens .cp_design .cpd_bottom .cpdb_icon li:nth-child(5) i:before {right:0;} #contents.drmartens .cp_design .cpd_bottom .cpdb_icon li:nth-child(5) i:after {right:60px;} /* drmartens - cp_experience */ #contents.drmartens .cp_experience {padding:100px 30px;} #contents.drmartens .cp_experience .cp_wrap .cpe_shoes {margin-top:11.7188vw; font-size:5.6vw; line-height:8.7891vw; letter-spacing:-0.1172vw;} #contents.drmartens .cp_experience .cp_wrap .cpe_shoes:after {top:7.7148vw; left:10.6445vw; width:36.6211vw; height:10.4492vw;} #contents.drmartens .cp_experience .cp_wrap .cpe_shoes:before {top:6.6406vw; right:-0.293vw; width:12.207vw; height:2.2461vw;} #contents.drmartens .cp_experience .cp_wrap .cpe_shoes .cpes_deco {height:8.7891vw;} #contents.drmartens .cp_experience .cp_wrap .cpe_shoes .cpes_deco.t1 {width:13.0859vw;} #contents.drmartens .cp_experience .cp_wrap .cpe_shoes .cpes_deco.t1:before {top:-0.0977vw; left:2.9297vw; width:8.1055vw; height:7.8125vw;} #contents.drmartens .cp_experience .cp_wrap .cpe_shoes .cpes_deco.t2 {width:14.4531vw;} #contents.drmartens .cp_experience .cp_wrap .cpe_shoes .cpes_deco.t2:before {top:-2.9297vw; left:1.4648vw; width:12.1094vw; height:11.7188vw;} /* drmartens - cp_look */ #contents.drmartens .cp_look {padding:100px 30px;} /* drmartens - cp_story */ #contents.drmartens .cp_story {padding:100px 30px 30px;} #contents.drmartens .cp_story .cp_wrap {flex-direction:column;} #contents.drmartens .cp_story .cp_txtwrap {width:100%;} #contents.drmartens .cp_story .cp_txtwrap .cp_title, #contents.drmartens .cp_story .cp_txtwrap .cp_text {width:100%;} #contents.drmartens .cp_story .cp_imgwrap {width:100%; margin-top:50px;} /* drmartens - cp_uiux */ #contents.drmartens .cp_uiux {padding:120px 30px;} #contents.drmartens .cp_uiux .cp_imgwrap.t1 {gap:7.8125vw;} #contents.drmartens .cp_uiux .cp_imgwrap li {width:23.4375vw;} #contents.drmartens .cp_uiux .cpu_slider .swiper-slide .cpus_info .cpusi_color i {width:8px; height:8px;} /* drmartens - cp_userbility */ #contents.drmartens .cp_userbility {padding:120px 30px;} /* eurocave - common */ #contents.eurocave .cp_txtwrap .cp_title {font-size:53px; line-height:66px;} #contents.eurocave .cp_txtwrap .cp_title + .line {width:80px;} #contents.eurocave .cp_txtwrap .cp_text {width:calc(100% - 100px); font-size:20px;} #contents.eurocave .cp_txtwrap .deco_title {width:69px; height:113px;} #contents.eurocave .cp_txtwrap .deco_title p {top:-6px; left:-25px; font-size:10px; line-height:19px;} /* eurocave - cp_story */ #contents.eurocave .cp_story .cp_wrap {padding:100px 30px;} #contents.eurocave .cp_story .cp_txtwrap .cp_text {width:calc(100% - 100px);} #contents.eurocave .cp_story .cps_contents {margin-top:80px;} #contents.eurocave .cp_story .cps_attachment p {bottom:50px; font-size:2.2727vw; line-height:3.6364vw;} /* eurocave - cp_values */ #contents.eurocave .cp_values {padding:160px 30px;} #contents.eurocave .cp_values .cp_imgwrap {height:111.1111vw; margin-top:80px;} #contents.eurocave .cp_values .cp_imgwrap li:nth-child(1) {width:48.6111vw;} #contents.eurocave .cp_values .cp_imgwrap li:nth-child(2) {top:40.4861vw; width:31.25vw;} #contents.eurocave .cp_values .cp_imgwrap li:nth-child(3) {width:41.6667vw;} #contents.eurocave .cp_values .cp_imgwrap li strong {margin-top:2.0833vw; font-size:2.7778vw; line-height:3.4722vw;} #contents.eurocave .cp_values .cp_imgwrap li p {margin-top:1.3889vw; font-size:1.7361vw; line-height:2.7778vw;} /* eurocave - cp_design */ #contents.eurocave .cp_design {padding:160px 0 0;} #contents.eurocave .cp_design:before {top:540px;} #contents.eurocave .cp_design .cp_wrap {padding:0 30px 160px;} #contents.eurocave .cp_design .cpd_typography .cpdt_contents {margin-top:80px;} #contents.eurocave .cp_design .cpd_typography .cpdt_contents .cpdtc_kr {gap:2.7778vw;} #contents.eurocave .cp_design .cpd_typography .cpdt_contents .cpdtc_kr strong {width:calc(50% - 1.3889vw); font-size:20.8333vw; line-height:24.3056vw; letter-spacing:-0.8333vw;} #contents.eurocave .cp_design .cpd_typography .cpdt_contents .cpdtc_kr .info {width:calc(50% - 1.3889vw);} #contents.eurocave .cp_design .cpd_typography .cpdt_contents .cpdtc_kr .info .info_top em {font-size:1.8056vw; line-height:3.1944vw; letter-spacing:-0.0694vw;} #contents.eurocave .cp_design .cpd_typography .cpdt_contents .cpdtc_kr .info .info_top ul {gap:1.0417vw;} #contents.eurocave .cp_design .cpd_typography .cpdt_contents .cpdtc_kr .info .info_top ul li {font-size:1.8056vw; line-height:3.1944vw; letter-spacing:-0.0694vw;} #contents.eurocave .cp_design .cpd_typography .cpdt_contents .cpdtc_kr .info .info_bottom {margin-top:1.3889vw; font-size:3.4722vw; line-height:5.5556vw; letter-spacing:-0.1389vw;} #contents.eurocave .cp_design .cpd_typography .cpdt_contents .cpdtc_en {gap:2.7778vw; margin-top:2.7778vw;} #contents.eurocave .cp_design .cpd_typography .cpdt_contents .cpdtc_en strong {width:calc(50% - 1.3889vw); font-size:27.7778vw; line-height:24.3056vw; letter-spacing:-1.1111vw;} #contents.eurocave .cp_design .cpd_typography .cpdt_contents .cpdtc_en .info {width:calc(50% - 1.3889vw);} #contents.eurocave .cp_design .cpd_typography .cpdt_contents .cpdtc_en .info .info_top em {font-size:1.8056vw; line-height:3.1944vw; letter-spacing:-0.0694vw;} #contents.eurocave .cp_design .cpd_typography .cpdt_contents .cpdtc_en .info .info_top ul {gap:1.0417vw;} #contents.eurocave .cp_design .cpd_typography .cpdt_contents .cpdtc_en .info .info_top ul li {font-size:1.8056vw; line-height:3.1944vw; letter-spacing:-0.0694vw;} #contents.eurocave .cp_design .cpd_typography .cpdt_contents .cpdtc_en .info .info_bottom {margin-top:1.3889vw; font-size:3.4722vw; line-height:5.5556vw; letter-spacing:-0.1389vw;} #contents.eurocave .cp_design .cpd_color {margin-top:200px;} #contents.eurocave .cp_design .cpd_color .cpdc_contents {gap:20px; margin-top:80px;} #contents.eurocave .cp_design .cpd_color .cpdc_contents li {width:calc(25% - 15px);} #contents.eurocave .cp_design .cpd_color .cpdc_contents li strong {margin-top:15px; font-size:20px; line-hieght:30px;} #contents.eurocave .cp_design .cpd_color .cpdc_contents li p {margin-top:5px; font-size:16px; line-height:30px;} #contents.eurocave .cp_design .cpd_illustration{margin-top:200px;} #contents.eurocave .cp_design .cpd_illustration .cpdi_contents {gap:40px; margin-top:80px;} #contents.eurocave .cp_design .cpd_illustration .cpdi_contents li {width:calc(33.3333% - 26.6666px);} /* eurocave - cp_experience */ #contents.eurocave .cp_experience {padding:160px 0 0;} #contents.eurocave .cp_experience:before {top:128vw;} #contents.eurocave .cp_experience .cp_wrap {padding:0 30px 160px;} #contents.eurocave .cp_experience .cp_imgwrap {width:calc(100% + 30px); margin-top:80px; margin-right:-30px;} #contents.eurocave .cp_experience .cp_imgwrap:before {width:79.8611vw; filter:drop-shadow(1.3889vw 1.3889vw 0.6944vw rgba(0, 0, 0, 0.25)) drop-shadow(1.3889vw 1.3889vw 0.7639vw rgba(0, 0, 0, 0.1));} #contents.eurocave .cp_experience .cp_imgwrap:after {width:79.8611vw; filter:drop-shadow(-0.6944vw 1.3889vw 0.6944vw rgba(0, 0, 0, 0.15)) drop-shadow(0 1.3889vw 1.3889vw rgba(0, 0, 0, 0.10));} @keyframes floating05 {0%{transform:translateY(0.4861vw);} 50%{transform:translateY(0);} 100%{transform:translateY(0.4861vw);}} #contents.eurocave .cp_experience .cp_imgwrap i {top:11.5972vw; left:47.6389vw; height:27.9861vw;} #contents.eurocave .cp_experience .cp_imgwrap img {width:79.8611vw; filter:drop-shadow(0 1.3889vw 1.3889vw rgba(0, 0, 0, 0.25)) drop-shadow(0 2.7778vw 1.3889vw rgba(0, 0, 0, 0.25));} #contents.eurocave .cp_experience .cpe_contents {margin-top:80px;} #contents.eurocave .cp_experience .cpe_contents ul {gap:3.4722vw; padding:6.25vw 0 0;} #contents.eurocave .cp_experience .cpe_contents ul li {width:25.6944vw;} #contents.eurocave .cp_experience .cpe_contents ul li img {width:100%; filter:drop-shadow(0 1.3889vw 1.3889vw rgba(0, 0, 0, 0.10)) drop-shadow(0 2.7778vw 1.3889vw rgba(0, 0, 0, 0.15));} #contents.eurocave .cp_experience .cpe_contents ul:first-child li:nth-child(2) {margin-top:6.1111vw;} #contents.eurocave .cp_experience .cpe_contents ul li:nth-child(2) img:nth-child(2) {width:25vw; margin-top:-3.6806vw; margin-left:0.3472vw; filter:none;} #contents.eurocave .cp_experience .cpe_contents ul li:nth-child(3) {top:69.4444vw;} #contents.eurocave .cp_experience .cpe_contents > strong {margin-top:3.4722vw; font-size:9.7222vw; line-height:9.7222vw; letter-spacing:-0.4167vw;} /* eurocave - cp_brand */ #contents.eurocave .cp_brand {padding:160px 30px;} #contents.eurocave .cp_brand .cp_imgwrap {margin-top:80px;} /* eurocave - cp_manufacture */ #contents.eurocave .cp_manufacture {padding:160px 30px;} #contents.eurocave .cp_manufacture .cpm_contents {margin-top:80px;} #contents.eurocave .cp_manufacture .cpm_contents ul {gap:80px;} /* withmuu - common */ #contents.withmuu .cp_title {font-size:43px; line-height:46px;} #contents.withmuu .cp_text {margin-top:15px; font-size:20px;} #contents.withmuu .cp_text mark {font-size:19px; line-height:26px;} /* withmuu - cp_keyword */ #contents.withmuu .cp_keyword {padding:120px 30px;} #contents.withmuu .cp_keyword .cp_txtwrap .cp_text > span span {display:inline;} #contents.withmuu .cp_keyword .cpk_flow li {height:80px;} #contents.withmuu .cp_keyword .cpk_flow li + li {margin-top:32px;} #contents.withmuu .cp_keyword .cpk_flow li .flow_inner {gap:32px;} #contents.withmuu .cp_keyword .cpk_flow li .cpkfli_wrap {gap:32px;} #contents.withmuu .cp_keyword .cpk_flow li .cpkfli_txt {gap:5px; height:80px; padding:0 32px; border-radius:53px; font-size:32px; line-height:53px; letter-spacing:-1px;} #contents.withmuu .cp_keyword .cpk_flow li .cpkfli_txt.t1 {box-shadow:0 11px 32px 0 rgba(20, 20, 21, 0.08);} #contents.withmuu .cp_keyword .cpk_flow li .cpkfli_txt.t2 {box-shadow:0 11px 32px 0 rgba(98, 85, 246, 0.40);} #contents.withmuu .cp_keyword .cpk_flow li .icon {width:80px; height:80px; filter:drop-shadow(0 11px 21px rgba(116, 232, 139, 0.40));} /* withmuu - cp_core */ #contents.withmuu .cp_core {padding:120px 30px;} #contents.withmuu .cp_core .cp_txtwrap .cp_text > span span {display:inline;} #contents.withmuu .cp_core .cpc_deco {width:calc(100% + 60px); margin-left:-30px;} #contents.withmuu .cp_core .cpc_dot {width:calc(100% + 60px); margin-left:-30px;} #contents.withmuu .cp_core .cpc_dot .cpcd_contents .cpcdc_txt {margin-top:40px;} #contents.withmuu .cp_core .cpc_dot .cpcd_contents .cpcdc_txt > span {font-size:18px; line-height:42px;} /* withmuu - cp_design */ #contents.withmuu .cp_design {padding:120px 30px;} #contents.withmuu .cp_design .cp_txtwrap .cp_text > span span {display:inline;} #contents.withmuu .cp_design .cpd_top > .icon {width:26vw; height:26vw; background-size:24vw;} #contents.withmuu .cp_design .cpd_top .cpdt_box {width:calc(74vw - 80px); min-height:26vw;} #contents.withmuu .cp_design .cpd_top .cpdt_box:before {box-shadow:4.1667vw 0 4.1667vw 0 rgba(0, 0, 0, 0.08);} #contents.withmuu .cp_design .cpd_top .cpdt_box .cp_title {padding-left:2px; font-size:36px; line-height:40px;} #contents.withmuu .cp_design .cpd_top .cpdt_box .cp_title:before {right:-5px; height:10px;} #contents.withmuu .cp_design .cpd_top .cpdt_box .cp_title:after {width:10px; height:10px;} #contents.withmuu .cp_design .cpd_top .cpdt_box .cp_text {font-size:16px; line-height:24px;} #contents.withmuu .cp_design .cpd_color .cpdc_contents {flex-direction:column; gap:3.5156vw; margin-top:5.2734vw;} #contents.withmuu .cp_design .cpd_color .cpdc_contents li {width:100%; border-radius:3.5156vw;} #contents.withmuu .cp_design .cpd_color .cpdc_contents li:nth-child(1) > div {padding:5.2734vw;} #contents.withmuu .cp_design .cpd_color .cpdc_contents li:nth-child(2) {height:27.63vw;} #contents.withmuu .cp_design .cpd_color .cpdc_contents .cpdcc_left strong {font-size:3.5156vw; line-height:4.3945vw; letter-spacing:-0.0977vw;} #contents.withmuu .cp_design .cpd_color .cpdc_contents .cpdcc_left p {margin-top:4.7852vw; font-size:1.7578vw; line-height:2.6367vw; letter-spacing:-0vw;} #contents.withmuu .cp_design .cpd_color .cpdc_contents .cpdcc_right strong {font-size:3.5156vw; line-height:4.3945vw; letter-spacing:-0.0977vw;} #contents.withmuu .cp_design .cpd_color .cpdc_contents .cpdcc_right p {margin-top:4.7852vw; font-size:1.7578vw; line-height:2.6367vw; letter-spacing:-0vw;} #contents.withmuu .cp_design .cpd_color .cpdc_contents li:nth-child(2) strong {font-size:4.3945vw; line-height:5.2734vw; letter-spacing:-0.0977vw;} /* withmuu - cp_main */ #contents.withmuu .cp_main {padding:120px 30px 0;} #contents.withmuu .cp_main > ul {width:calc(100% + 60px); margin-left:-30px;} #contents.withmuu .cp_main .cp_imgwrap.t1 {top:-60.0972vw;} #contents.withmuu .cp_main .cp_imgwrap.t2 {right:-2.4306vw;} /* withmuu - cp_product */ #contents.withmuu .cp_product {padding:120px 30px 0;} #contents.withmuu .cp_product .cp_txtwrap .cp_text > span span {display:inline;} #contents.withmuu .cp_product .cpp_contents {width:calc(100% + 60px); margin-left:-30px;} /* withmuu - cp_global */ #contents.withmuu .cp_global {padding:120px 30px 0;} #contents.withmuu .cp_global .cp_txtwrap .cp_text > span span {display:inline;} #contents.withmuu .cp_global .cp_imgwrap {width:calc(100% + 200px); margin-left:-100px;} /* withmuu - cp_artist */ #contents.withmuu .cp_artist {padding:120px 30px;} #contents.withmuu .cp_artist .cp_txtwrap .cp_text > span span {display:inline;} /* withmuu - cp_purchase */ #contents.withmuu .cp_purchase {padding:120px 30px 0;} #contents.withmuu .cp_purchase .cp_imgwrap.t2 {width:calc(100% + 60px); margin-left:-30px;} /* carriermall - common */ #contents.carriermall .cp_txtwrap mark {font-size:20px;} #contents.carriermall .cp_txtwrap .cp_title {font-size:36px; line-height:46px;} #contents.carriermall .cp_txtwrap.t2 .cp_title {font-size:28px; line-height:38px;} #contents.carriermall .cp_txtwrap .cp_text {margin-top:15px; font-size:20px;} /* carriermall - cp_goal */ #contents.carriermall .cp_goal {max-width:calc(100% - 60px);} #contents.carriermall .cp_goal .cpg_contents {flex-direction:column; align-items:center; box-sizing:border-box; max-width:100%; margin:7.8125vw auto 0; padding:0 40px;} #contents.carriermall .cp_goal .cpg_contents ul {display:flex; width:100%;} #contents.carriermall .cp_goal .cpg_contents ul li {position:relative; width:32.7148vw; border-radius:29.2969vw; box-shadow:0 2.9297vw 5.8594vw 0 rgba(28, 28, 32, 0.03);} #contents.carriermall .cp_goal .cpg_contents ul li:nth-child(1) {left:1vw; transform:translateX(-0.4883vw);} #contents.carriermall .cp_goal .cpg_contents ul li:nth-child(2) {left:auto; transform:translateX(-2.4414vw);} #contents.carriermall .cp_goal .cpg_contents ul li:nth-child(3) {right:1vw; transform:translateX(-3.418vw);} #contents.carriermall .cp_goal .cpg_contents ul li strong {font-size:2.9297vw; line-height:3.9063vw; letter-spacing:-0.0977vw;} #contents.carriermall .cp_goal .cpg_contents ul li p {margin-top:2.9297vw; font-size:2.2vw; line-height:3.6vw; letter-spacing:-0vw;} #contents.carriermall .cp_goal .cpg_contents .icon.arrow {width:13vw; height:13vw; transform:rotate(90deg);} #contents.carriermall .cp_goal .cpg_contents .cpgc_goal {width:32.7148vw; border-radius:48.8281vw; box-shadow:0 2.9297vw 5.8594vw 0 rgba(23, 42, 126, 0.20); transform:translateX(-2.9297vw);} #contents.carriermall .cp_goal .cpg_contents .cpgc_goal p {font-size:2.9297vw; line-height:4.3945vw; letter-spacing:-0.0977vw;} /* carriermall - cp_strategy */ #contents.carriermall .cp_strategy .cp_wrap {padding:0 30px;} #contents.carriermall .cp_strategy .cps_contents .cp_imgwrap p {font-size:1.3vw;} #contents.carriermall .cp_strategy > .cp_deco {width:120px; height:1330px;} /* carrier - cp_design */ #contents.carriermall .cp_design {max-width:calc(100% - 60px);} #contents.carriermall .cp_design .cpd_bottom {padding:30px 0 120px;} #contents.carriermall .cp_design .cpd_bottom .cpdb_icon .cpdbi_box {padding:0 30px;} #contents.carriermall .cp_design .cpd_bottom .cpdb_icon .cpdbi_sliderwrap {top:calc(240px + 7.6vw);} #contents.carriermall .cp_design .cpd_bottom .cpdb_filter .cpdbf_box {flex-wrap:wrap; padding:0 30px;} #contents.carriermall .cp_design .cpd_bottom .cpdb_filter .cp_txtwrap {left:0; width:100%; margin-bottom:30px;} /* carriermall - cp_innovative */ #contents.carriermall .cp_innovative .cpi_sticky {background-image:url("../images/project/carriermall/bg_innovative_m.jpg");} #contents.carriermall .cp_innovative ul {padding:0 30px;} #contents.carriermall .cp_innovative .cpi_contents .cpic_deco {margin-top:36.7969vw; margin-bottom:6.7188vw;} #contents.carriermall .cp_innovative .cpi_contents .cpic_deco {height:28.125vw;} #contents.carriermall .cp_innovative .cpi_contents .cpic_deco .cpicd_pic {height:9.375vw; padding:2.0313vw 0;} #contents.carriermall .cp_innovative .cpi_contents .cpic_deco .cpicd_pic.t2 {top:9.375vw;} #contents.carriermall .cp_innovative .cpi_contents .cp_imgwrap {width:21.4063vw; border-radius:1.3281vw; box-shadow:0 0 2.6563vw 0 rgba(0, 0, 0, 0.06), 3.9844vw 5.3906vw 5.3906vw 0 rgba(17, 20, 38, 0.06);} #contents.carriermall .cp_innovative .cpi_contents .cp_imgwrap.t1 {bottom:2.1094vw; left:22.4688vw; } #contents.carriermall .cp_innovative .cpi_contents .cp_imgwrap.t1:before {top:-13.0469vw; left:-10.1563vw; width:17.4219vw; height:17.4219vw;} #contents.carriermall .cp_innovative .cpi_contents .cp_imgwrap.t2 {bottom:29.0625vw; right:17.7969vw;} /* carriermall - cp_history */ #contents.carriermall .cp_history .cp_wrap {padding:0 30px;} #contents.carriermall .cp_history .cp_imgwrap p {font-size:1.4vw; line-height:3.2vw;} #contents.carriermall .cp_history .cp_imgwrap.t3 {padding-left:3.2vw;} /* carrier - cp_masonry */ #contents.carriermall .cp_masonry {max-width:calc(100% - 60px);} /* carriermall - cp_now */ #contents.carriermall .cp_now .cp_wrap {padding:0 30px;} /* carrier - cp_banner */ #contents.carriermall .cp_banner .cp_wrap {max-width:calc(100% - 60px);} /* ibk - common */ #contents.ibk .cp_txtwrap .cp_title {font-size:22px; line-height:32px;} #contents.ibk .cp_txtwrap .cp_subtitle {font-size:43px; line-height:56px;} #contents.ibk .cp_txtwrap .cp_text {margin-top:10px;} /* ibk - cp_strategy */ #contents.ibk .cp_strategy .cp_wrap {padding:0 30px;} #contents.ibk .cp_strategy .cp_txtwrap .cp_subtitle {margin-top:10px;} #contents.ibk .cp_strategy .cp_txtwrap .cp_subtitle span {display:inline;} #contents.ibk .cp_strategy .cp_wrap > ul {gap:3.6765vw; margin-top:8.0882vw;} #contents.ibk .cp_strategy .cp_wrap > ul li {gap:2.2059vw;} #contents.ibk .cp_strategy .cp_wrap > ul li:nth-child(2) {gap:3.6765vw; left:-10.2941vw;} #contents.ibk .cp_strategy .cp_wrap > ul li:nth-child(3) {left:10vw;} #contents.ibk .cp_strategy .cp_wrap > ul li .cp_imgwrap {height:22.0588vw;} #contents.ibk .cp_strategy .cp_wrap > ul li strong {font-size:19.8529vw; line-height:19.1176vw; letter-spacing:-0.3676vw;} #contents.ibk .cp_strategy .cp_wrap > ul li p {padding:1.4706vw 2.2059vw; border-radius:1.1029vw; box-shadow:0.7353vw 1.4706vw 2.9412vw 0 rgba(13, 14, 15, 0.10); font-size:1.8382vw; line-height:2.9412vw; letter-spacing:-0.0735vw;} #contents.ibk .cp_strategy .cp_wrap > ul li p:before {bottom:-1.1765vw; left:50%; width:1.4706vw; height:1.4706vw;} #contents.ibk .cp_strategy .cp_wrap > ul li:nth-child(1) p {top:1.6912vw; left:37.2794vw;} #contents.ibk .cp_strategy .cp_wrap > ul li:nth-child(2) p {top:2.0588vw; left:27.2059vw;} #contents.ibk .cp_strategy .cp_wrap > ul li:nth-child(3) p {top:3.0882vw; left:52.2059vw;} /* ibk - cp_elements */ #contents.ibk .cp_elements {padding:80px 0;} #contents.ibk .cp_elements .cp_wrap {padding:0 30px;} #contents.ibk .cp_elements .cp_txtwrap .cp_subtitle {margin-top:10px;} #contents.ibk .cp_elements .cp_txtwrap .cp_subtitle span {display:inline;} #contents.ibk .cp_elements .cpe_font .cpef_en em {font-size:2.4414vw; line-height:3.9063vw; letter-spacing:-0.0977vw;} #contents.ibk .cp_elements .cpe_font .cpef_en ul li {font-size:2.4414vw; line-height:3.9063vw; letter-spacing:-0.0977vw;} #contents.ibk .cp_elements .cpe_font .cpef_kr em {font-size:2.4414vw; line-height:3.9063vw; letter-spacing:-0.0977vw;} #contents.ibk .cp_elements .cpe_font .cpef_kr ul li {font-size:2.4414vw; line-height:3.9063vw; letter-spacing:-0.0977vw;} #contents.ibk .cp_elements .cpe_color {gap:16px; margin-top:85px;} #contents.ibk .cp_elements .cpe_color > div {width:calc(33.3333% - 8px);} #contents.ibk .cp_elements .cpe_color strong {font-size:14px; line-height:21px; letter-spacing:-0px;} #contents.ibk .cp_elements .cpe_color ul {gap:11px; margin-top:16px;} #contents.ibk .cp_elements .cpe_color li {height:48px; padding:0 21px; border-radius:11px;} #contents.ibk .cp_elements .cpe_color li span {font-size:14px; line-height:21px; letter-spacing:-0px;} /* ibk - cp_graphics */ #contents.ibk .cp_graphics {padding:80px 0;} #contents.ibk .cp_graphics .cp_wrap {padding:0 30px;} /* ibk - cp_glassmorphism */ #contents.ibk .cp_glassmorphism {padding:80px 0;} #contents.ibk .cp_glassmorphism .cp_wrap {padding:0 30px;} /* ibk - cp_grid */ #contents.ibk .cp_grid {padding:80px 0;} #contents.ibk .cp_grid .cp_wrap {padding:0 30px;} /* ibk - cp_principle */ #contents.ibk .cp_principle {padding:80px 0;} #contents.ibk .cp_principle .cp_wrap {padding:0 30px;} /* ibk - cp_userbility */ #contents.ibk .cp_userbility {padding:80px 0;} #contents.ibk .cp_userbility .cp_wrap {padding:0 30px;} /* ibk - cp_simple */ #contents.ibk .cp_simple {padding:80px 0;} #contents.ibk .cp_simple .cp_wrap {padding:0 30px;} #contents.ibk .cp_simple .cp_txtwrap .cp_text span {display:inline;} /* ibk - cp_infographic */ #contents.ibk .cp_infographic {padding:80px 0;} #contents.ibk .cp_infographic .cp_txtwrap {padding:0 30px;} #contents.ibk .cp_infographic .cp_videowrap {max-width:calc(100% - 60px);} #contents.ibk .cp_infographic .cpi_deco {height:400px; margin-top:40px;} #contents.ibk .cp_infographic .cpi_deco .cpid_pic {gap:13px; height:calc(50% - 7px);} #contents.ibk .cp_infographic .cpi_deco .cpid_pic .cp_imgwrap {border-radius:27px;} /* ibk - cp_hierarchy */ #contents.ibk .cp_hierarchy {padding:80px 30px 30px;} #contents.ibk .cp_hierarchy .cp_txtwrap .cp_text span {display:inline;} /* wonderplace - cp_principle */ #contents.wonderplace .cp_principle {padding:100px 0;} #contents.wonderplace .cp_principle .cp_wrap {padding:0 30px;} /* wonderplace - cp_design */ #contents.wonderplace .cp_design {padding:120px 0;} #contents.wonderplace .cp_design .cp_wrap {padding:0 30px;} /* wonderplace - cp_impact */ #contents.wonderplace .cp_impact {padding:0 0 100px;} #contents.wonderplace .cp_impact .cp_wrap {padding:0 30px;} /* wonderplace - cp_curated */ #contents.wonderplace .cp_curated {padding:0 0 100px;} /* wonderplace - cp_lookbook */ #contents.wonderplace .cp_lookbook {padding:100px 0;} #contents.wonderplace .cp_lookbook .cp_wrap {padding:0 30px;} /* wonderplace - cp_ux */ #contents.wonderplace .cp_ux {padding:100px 0;} #contents.wonderplace .cp_ux .cp_txtwrap {padding:0 30px;} #contents.wonderplace .cp_ux .cpu_sticky {padding:0 30px;} /* wonderplace - cp_comfort */ #contents.wonderplace .cp_comfort {padding:0 0 100px;} #contents.wonderplace .cp_comfort .cp_wrap {padding:0 30px;} /* wonderplace - cp_crew */ #contents.wonderplace .cp_crew {padding:100px 0;} #contents.wonderplace .cp_crew .cp_txtwrap {padding:0 30px;} /* wonderplace - cp_brand */ #contents.wonderplace .cp_brand {padding:100px 0 0;} #contents.wonderplace .cp_brand .cpb_flow {margin-top:100px;} /* wonderplace - cp_page */ #contents.wonderplace .cp_page {padding:120px 0;} #contents.wonderplace .cp_page .cpp_top {padding:0 30px;} #contents.wonderplace .cp_page .cpp_bottom .cp_txtwrap {padding:0 30px;} #contents.wonderplace .cp_page .cpp_bottom .cp_imgwrap {padding:0 30px;} /* footer */ #footer.f_project {padding-top:60px; padding-bottom:30px;} #footer.f_project:before {left:30px; right:30px;} #footer.f_project .f_area {display:inline-block; width:100%; margin-top:0; padding-left:20px;} #footer.f_project .f_area ul li strong {line-height:32px;} #footer.f_project .f_area ul li p {line-height:32px;} #footer.f_project .f_wrap {padding-bottom:0;} #footer.f_project .f_wrap + .f_wrap {margin-top:60px; padding-top:60px;} #footer.f_project .f_wrap.t2 .titlearea h2 {font-size:32px; line-height:32px;} #footer.f_project .f_wrap.t3 li strong {font-size:32px; line-height:42px;} #footer.f_project .titlearea {top:60px;} #footer.f_project .titlearea h2 {line-height:32px;} #footer.f_project .titlearea.logo {top:65px; height:32px;} #footer.f_project .titlearea.logo:before {width:16px; height:4px;} } @media all and (max-width:768px) { /* common */ #wrap.project #header .h_btn span {color:var(--black);} #wrap.project i.icon.menu_mini {background-position:right; transition:0s background;} #wrap.project #header .h_btn span {color:var(--white);} #wrap.project #header.off {mix-blend-mode:normal;} #wrap.project #header.off .h_logo {background-image:url(../images/common/logo_black.svg);} body.open #wrap.project .logoline {background-color:var(--white);} #wrap.project #header.off .h_btn span {color:var(--black);} #wrap.project i.icon.menu_mini {filter:invert(100%) sepia(16%) saturate(7480%) hue-rotate(292deg) brightness(200%) contrast(105%);} #wrap.project #header.off i.icon.menu_mini {background-position:left; filter:none;} /* cp_hero */ #contents.project .cp_hero .cpb_overview {padding:60px 30px 80px;} #contents.project .cp_hero .cpb_overview .cp_imgwrap img:nth-child(2) {width:50px;} #contents.project .cp_hero .cpb_overview .cp_txtwrap .cpbo_info {flex-direction:column; gap:20px; padding-top:20px;} #contents.project .cp_hero .cpb_overview .cp_txtwrap .cpbo_info li {flex-direction:row; width:100%;} #contents.project .cp_hero .cpb_overview .cp_txtwrap .cpbo_info li strong {width:94px; line-height:30px;} #contents.project .cp_hero .cpb_overview .cp_txtwrap .cpbo_info li i {width:1px; height:12px; margin:9px 15px;} #contents.project .cp_hero .cpb_overview .cp_txtwrap .cpbo_info li p {line-height:30px;} /* kwangya119 - cp_hero */ #contents.kwangya119 .cp_hero {padding:80px 30px 0;} #contents.kwangya119 .cp_hero .cph_banner.shrink .cphb_box .cphb_bg {border-radius:24px;} #contents.kwangya119 .cp_hero .cph_banner .cp_imgwrap {bottom:20px;} #contents.kwangya119 .cp_hero .cpb_overview {padding:60px 0 80px;} #contents.kwangya119 .cp_hero .cpb_overview .cp_imgwrap img:nth-child(1) {width:200px;} /* drmartens - cp_hero */ #contents.drmartens .cp_hero .cph_banner .cp_imgwrap {max-width:clamp(240px, 70vw, 540px);} #contents.drmartens .cp_hero .cph_banner .cphb_deco.t1 {top:-8vh; right:15vw; width:26vw;} #contents.drmartens .cp_hero .cph_banner .cphb_deco.t2 {bottom:18vh; left:-23vw; width:52vw;} #contents.drmartens .cp_hero .cph_banner .cphb_deco.t3 {bottom:12vh; right:-35vw; width:80vw;} #contents.drmartens .cp_hero .cpb_overview .cp_imgwrap img:nth-child(1) {height:70px;} /* eurocave - cp_hero */ #contents.eurocave .cp_hero .cpb_overview .cp_imgwrap img:nth-child(1) {width:210px;} #contents.eurocave .cp_hero .cph_banner .cphb_bg {filter:drop-shadow(0 5.2083vw 5.2083vw rgba(0, 0, 0, 0.25)); background-size:250vw;} #contents.eurocave .cp_hero .cph_banner .cphb_bg.vertical {top:calc(50% - 44.2708vw); bottom:calc(50% - 44.2708vw);} #contents.eurocave .cp_hero .cph_banner .cphb_bg.horizontal {left:calc(50% - 24.7396vw); right:calc(50% - 24.7396vw);} /* carriermall - cp_hero */ #contents.carriermall .cp_hero .cph_banner .cp_imgwrap .cp_box {width:140%;} /* ibk - cp_hero */ #contents.ibk .cp_hero .cph_banner .cphb_box {min-height:122vw; max-height:unset; background-image:url('../images/project/ibk/bg_hero_m.jpg'); background-position:bottom;} #contents.ibk .cp_hero .cph_banner .cp_imgwrap {top:15vw; left:0; text-align:center; transform:unset;} #contents.ibk .cp_hero .cph_banner .cp_imgwrap img {float:none; width:40vw;} #contents.ibk .cp_hero .cpb_overview .cp_imgwrap > img:nth-child(1) {width:220px;} /* kwangya119 - common */ #contents.kwangya119 .cp_title strong {font-size:42px; line-height:52px; letter-spacing:-1.6px;} /* kwangya119 - cp_chapter */ #contents.kwangya119 .cp_chapter {padding:80px 30px 100px;} #contents.kwangya119 .cp_chapter .cp_title strong {font-size:38px;} #contents.kwangya119 .cp_chapter .cp_txtwrap {margin-top:20px;} #contents.kwangya119 .cp_chapter .cpc_list {flex-direction:column; align-items:center; gap:30px;} #contents.kwangya119 .cp_chapter .cpc_list li {width:270px;} #contents.kwangya119 .cp_chapter .cpc_list:before {top:calc(32.8125% - 7px); left:50%; margin-top:0; margin-left:-7px;} #contents.kwangya119 .cp_chapter .cpc_list:after {top:unset; bottom:calc(32.8125% - 7px); left:50%; right:unset; margin-top:0; margin-left:-7px;} #contents.kwangya119 .cp_chapter .cpc_list li strong {padding-top:52%;} /* kwangya119 - cp_strategy */ #contents.kwangya119 .cp_strategy {padding:0 30px 80px;} #contents.kwangya119 .cp_strategy .cp_wrap {padding:40px 20px 0;} #contents.kwangya119 .cp_strategy .cps_flexable {margin-top:60px;} #contents.kwangya119 .cp_strategy .cps_flexable .cp_title {font-size:42px; line-height:52px; letter-spacing:-1.6px;} #contents.kwangya119 .cp_strategy .cps_flexable .cp_txtwrap {margin-top:100px;} #contents.kwangya119 .cp_strategy .cps_flexable .cp_txtwrap p + p {margin-top:15px;} #contents.kwangya119 .cp_strategy .cps_flexable .cp_imgwrap.t2 {margin-top:60px;} #contents.kwangya119 .cp_strategy .cps_personalization {margin-top:80px;} #contents.kwangya119 .cp_strategy .cps_personalization .cp_title {font-size:42px; line-height:52px; letter-spacing:-1.6px;} #contents.kwangya119 .cp_strategy .cps_personalization .cpsp_contents {padding:200px 0 380px;} #contents.kwangya119 .cp_strategy .cps_personalization .cpsp_contents .cp_imgwrap {max-width:360px;} #contents.kwangya119 .cp_strategy .cps_personalization .cpsp_contents .cpspc_deco {width:220px;} #contents.kwangya119 .cp_strategy .cps_personalization .cpsp_contents .cpspc_deco.t1 {top:25px; right:-28px;} #contents.kwangya119 .cp_strategy .cps_personalization .cpsp_contents .cpspc_deco.t2 {left:-145px;} #contents.kwangya119 .cp_strategy .cps_personalization .cpsp_contents .cpspc_deco.t3 {bottom:-160px; right:-30px;} /* kwangya119 - cp_design */ #contents.kwangya119 .cp_design {padding:40px 30px 0;} #contents.kwangya119 .cp_design .cp_txtwrap {margin-top:20px;} #contents.kwangya119 .cp_design .cp_txtwrap p span {display:inline;} #contents.kwangya119 .cp_design .cpd_contents {margin-top:20px;} #contents.kwangya119 .cp_design .cpd_contents > ul.cpdc_top > li:nth-child(1) {min-height:230px; padding:20px;} #contents.kwangya119 .cp_design .cpd_contents > ul.cpdc_top > li:nth-child(2) > ul > li {min-height:180px; padding:20px;} #contents.kwangya119 .cp_design .cpd_contents > ul.cpdc_top > li:nth-child(3) {width:100%; padding:20px;} #contents.kwangya119 .cp_design .cpd_contents > ul.cpdc_top > li:nth-child(4) {width:100%;} #contents.kwangya119 .cp_design .cpd_contents > ul.cpdc_btm {padding:20px;} #contents.kwangya119 .cp_design .cpd_contents > ul.cpdc_btm > li:nth-child(1) {padding-bottom:20px; padding-left:0;} #contents.kwangya119 .cp_design .cpd_contents > ul.cpdc_btm > li:nth-child(2) {padding-top:20px; padding-bottom:20px; padding-left:0;} #contents.kwangya119 .cp_design .cpd_contents > ul.cpdc_btm > li:nth-child(3) {padding-top:20px; padding-bottom:20px; padding-left:0;} #contents.kwangya119 .cp_design .cpd_contents > ul.cpdc_btm > li:nth-child(4) {padding-top:20px; padding-left:0;} #contents.kwangya119 .cp_design .cpd_contents > ul.cpdc_btm > li strong {margin-top:10px; font-size:26px; line-height:46px;} #contents.kwangya119 .cp_design .cpd_contents > ul.cpdc_btm > li > p {margin-top:20px;} #contents.kwangya119 .cp_design .cpd_contents > ul.cpdc_btm > li .fonts {position:relative; top:unset; left:unset;} #contents.kwangya119 .cp_design .cpd_contents > ul.cpdc_btm > li .fonts .lang {width:90px; line-height:30px; letter-spacing:-0.3px;} #contents.kwangya119 .cp_design .cpd_contents > ul.cpdc_btm > li .fonts .font {letter-spacing:-0.3px;} /* kwangya119 - cp_service */ #contents.kwangya119 .cp_service {padding:80px 30px 80px;} #contents.kwangya119 .cp_service .cp_title strong:nth-child(1) {opacity:1;} #contents.kwangya119 .cp_service .cps_contents {flex-direction:column;} #contents.kwangya119 .cp_service .cps_contents .cp_txtwrap {width:100%;} #contents.kwangya119 .cp_service .cps_contents .cp_txtwrap p {position:relative; top:unset; padding-right:0;} #contents.kwangya119 .cp_service .cps_contents .cp_txtwrap p:before {display:none;} #contents.kwangya119 .cp_service .cps_contents .cpsc_list {width:100%; margin-top:150px; padding-left:0;} #contents.kwangya119 .cp_service .cps_contents .cpsc_list .cpscl_item {width:calc(50% - 15px); padding:20px;} #contents.kwangya119 .cp_service .cps_contents .cpsc_list .cpscl_item.t1 {top:-110px;} #contents.kwangya119 .cp_service .cps_contents .cpsc_list .cpscl_item.t3 {top:-110px;} #contents.kwangya119 .cp_service .cps_contents .cpsc_list .cpscl_item i {width:60px; height:60px;} #contents.kwangya119 .cp_service .cps_contents .cpsc_list .cpscl_item.t1 i {top:0; left:-7px;} #contents.kwangya119 .cp_service .cps_contents .cpsc_list .cpscl_item.t3 i {bottom:0; left:-5px;} #contents.kwangya119 .cp_service .cps_contents .cpsc_list .cpscl_item strong {margin-top:25px; font-size:22px; line-height:30px;} #contents.kwangya119 .cp_service .cps_contents .cpsc_list .cpscl_item p {letter-spacing:-0.3px;} /* kwangya119 - cp_share */ #contents.kwangya119 .cp_share {padding:40px 30px 120px;} #contents.kwangya119 .cp_share .cps_flow {margin-top:26.1719vw;} #contents.kwangya119 .cp_share .cps_flow .cpsf_list {padding-bottom:14.4531vw;} #contents.kwangya119 .cp_share .cps_flow .cpsf_list .cpsfl_item {height:6.25vw; margin-top:4.6875vw;} #contents.kwangya119 .cp_share .cps_flow .cpsf_list .cpsfl_item .cpsfli_wrap > div {height:6.25vw; margin-right:1.5625vw; padding:1.1719vw 1.5625vw; border-radius:4.2969vw; box-shadow:0 0.7813vw 1.5625vw 0 rgba(30, 31, 36, 0.10);} #contents.kwangya119 .cp_share .cps_flow .cpsf_list .cpsfl_item .cpsfli_wrap > div i {width:3.125vw; height:3.125vw;} #contents.kwangya119 .cp_share .cps_flow .cpsf_list .cpsfl_item .cpsfli_wrap > div p {margin-left:0.7813vw; font-size:1.4063vw; line-height:3.9063vw; letter-spacing:-0.0781vw;} #contents.kwangya119 .cp_share .cps_flow .cpsf_list .cpsfl_item .cpsfli_wrap > div > span {margin-left:2.3438vw; font-size:1.0938vw; line-height:3.9063vw; letter-spacing:-0.0781vw;} #contents.kwangya119 .cp_share .cps_flow .cp_imgwrap {width:62.5vw; margin-top:-45.1563vw; margin-left:-32.8125vw;} #contents.kwangya119 .cp_share .cps_flow .cp_imgwrap img {filter:drop-shadow(0 4.6875vw 3.125vw rgba(0, 0, 0, 0.10));} /* kwangya119 - cp_protect */ #contents.kwangya119 .cp_protect .cp_wrap {padding:40px 20px 100px;} #contents.kwangya119 .cp_protect .cp_title {padding:0 20px;} #contents.kwangya119 .cp_protect .cp_txtwrap {margin-top:20px; padding:0 20px;} #contents.kwangya119 .cp_protect .cp_txtwrap p span {display:inline; float:none; width:auto;} #contents.kwangya119 .cp_protect .cpp_contents .cppc_protect > ul > li > strong {font-size:28px; line-height:36px; letter-spacing:-1px;} #contents.kwangya119 .cp_protect .cpp_contents .cppc_protect > ul > li > p {font-size:18px; line-height:28px;} /* kwangya119 - cp_history */ #contents.kwangya119 .cp_history {padding:100px 30px;} #contents.kwangya119 .cp_history .cp_title strong {font-size:42px; line-height:52px; letter-spacing:-1.6px;} #contents.kwangya119 .cp_history .cp_title strong em {display:block;} #contents.kwangya119 .cp_history .cp_title strong em:before {justify-content:center;} #contents.kwangya119 .cp_history .cph_contents {flex-direction:column;} #contents.kwangya119 .cp_history .cph_contents ul {width:100%;} #contents.kwangya119 .cp_history .cph_contents ul li p {margin:0;} /* kwangya119 - cp_responsive */ #contents.kwangya119 .cp_responsive {padding:100px 0 120px;} #contents.kwangya119 .cp_responsive .cpr_marquee.t1 {padding:24vw 0;} #contents.kwangya119 .cp_responsive .cpr_marquee.t2 > ul > li:nth-child(2) {padding:65vw 0 10vw;} #contents.kwangya119 .cp_responsive .cpr_marquee.t2 > ul > li:nth-child(3) {height:49vw;} #contents.kwangya119 .cp_responsive .cpr_marquee .cprm_deco.t1 {max-width:94vw; margin-left:-47vw;} #contents.kwangya119 .cp_responsive .cpr_marquee .cprm_deco.t2 {width:68vw; margin-right:-18vw;} #contents.kwangya119 .cp_responsive .cpr_marquee .cprm_deco.t3 {top:10vw; width:28vw; margin-left:21vw;} #contents.kwangya119 .cp_responsive .cpr_marquee .cprm_deco.t4 {top:34vw; width:28vw; margin-left:-7vw;} #contents.kwangya119 .cp_responsive .cpr_marquee .cprm_deco.t5 {width:68vw; margin-left:-34vw;} /* kwangya119 - cp_slogan */ #contents.kwangya119 .cp_slogan {padding:80px 30px;} /* drmartens - common */ #contents.drmartens .cp_title {font-size:38px; line-height:52px;} #contents.drmartens .cp_title .emphasis:before {bottom:0; left:-5px;} /* drmartens - cp_brand */ #contents.drmartens .cp_brand .cp_txtwrap .cp_text > span span {display:inline;} /* drmartens - cp_rule */ #contents.drmartens .cp_rule {padding:26% 30px 60px;} #contents.drmartens .cp_rule .cp_txtwrap .cp_text > span span {display:inline;} #contents.drmartens .cp_rule .cpr_contents {row-gap:80px;} #contents.drmartens .cp_rule .cpr_contents li strong {font-size:48px; line-height:58px; letter-spacing:-1px;} #contents.drmartens .cp_rule .cpr_contents li em {padding:4px 6px; font-size:15px; line-height:15px;} /* drmartens - cp_online */ #contents.drmartens .cp_online .cpo_top {padding:60px 30px 120px;} #contents.drmartens .cp_online .cpo_bottom {padding:230px 30px 100px;} #contents.drmartens .cp_online .cpo_bottom .cp_txtwrap {width:500px; margin-left:-250px;} /* drmartens - cp_design */ #contents.drmartens .cp_design .cpd_bottom .cpdb_en {display:flex; align-items:flex-end; width:100%; margin-top:4vw;} #contents.drmartens .cp_design .cpd_bottom .cpdb_en strong {width:66.6666%; font-size:50vw; line-height:50vw; letter-spacing:-1vw;} #contents.drmartens .cp_design .cpd_bottom .cpdb_en p {position:absolute; bottom:27vw; left:66.6666%; right:0; margin-top:0; font-size:6.25vw; line-height:10vw; letter-spacing:-0.125vw;} #contents.drmartens .cp_design .cpd_bottom .cpdb_en ul {width:33.3333%; margin-top:0;} #contents.drmartens .cp_design .cpd_bottom .cpdb_en li {font-size:4.1667vw; line-height:6.6667vw; letter-spacing:-0.0833vw;} #contents.drmartens .cp_design .cpd_bottom .cpdb_kr {display:flex; align-items:flex-end; width:100%; margin-top:10vw;} #contents.drmartens .cp_design .cpd_bottom .cpdb_kr strong {width:66.6666%; font-size:33.3333vw; line-height:37.037vw; letter-spacing:-0.6667vw;} #contents.drmartens .cp_design .cpd_bottom .cpdb_kr strong span {font-size:22.2222vw; line-height:22.2222vw; letter-spacing:-0.4444vw;} #contents.drmartens .cp_design .cpd_bottom .cpdb_kr p {position:absolute; bottom:27vw; left:66.6666%; right:0; width:auto; margin-top:0; font-size:6.25vw; line-height:10vw; letter-spacing:-0.125vw;} #contents.drmartens .cp_design .cpd_bottom .cpdb_kr ul {width:33.3333%; margin-top:0;} #contents.drmartens .cp_design .cpd_bottom .cpdb_kr li {font-size:4.1667vw; line-height:6.6667vw; letter-spacing:-0.0833vw;} #contents.drmartens .cp_design .cpd_bottom .cpdb_icon {margin-top:60px;} /* drmartens - cp_look */ #contents.drmartens .cp_look .cp_imgwrap {margin-top:80px;} /* drmartens - cp_uiux */ #contents.drmartens .cp_uiux .cpu_slider {width:73vw;} /* drmartens - cp_userbility */ #contents.drmartens .cp_userbility {padding:100px 25px;} /* eurocave - common */ #contents.eurocave .cp_txtwrap .cp_title {font-size:48px; line-height:62px;} #contents.eurocave .cp_txtwrap .cp_title + .line {width:70px;} #contents.eurocave .cp_txtwrap .cp_text {width:calc(100% - 70px);} #contents.eurocave .cp_txtwrap .deco_title {width:57px; height:94px;} #contents.eurocave .cp_txtwrap .deco_title p {top:-5px; left:-21px; line-height:16px;} /* eurocave - cp_story */ #contents.eurocave .cp_story .cp_wrap {padding:80px 30px;} #contents.eurocave .cp_story .cp_txtwrap .cp_text {width:calc(100% - 70px);} #contents.eurocave .cp_story .cps_contents {flex-direction:column; gap:20px; margin-top:60px;} #contents.eurocave .cp_story .cps_contents .cpsc_box {width:100%;} #contents.eurocave .cp_story .cps_contents .cpsc_box {padding:5.2083vw;} #contents.eurocave .cp_story .cps_contents .cpsc_box strong {font-size:5vw; line-height:6.4vw;} #contents.eurocave .cp_story .cps_contents .cpsc_box p {font-size:2.4vw; line-height:3.6vw;} #contents.eurocave .cp_story .cps_attachment {height:auto !important; aspect-ratio:4/3; background-image:none;} #contents.eurocave .cp_story .cps_attachment img {display:block;} #contents.eurocave .cp_story .cps_attachment p {box-sizing:border-box; bottom:40px; padding:0 30px; font-size:16px; line-height:28px;} #contents.eurocave .cp_story .cps_attachment p span {display:inline;} /* eurocave - cp_values */ #contents.eurocave .cp_values {padding:100px 30px;} #contents.eurocave .cp_values .cp_imgwrap {height:140vw; margin-top:60px;} #contents.eurocave .cp_values .cp_imgwrap li:nth-child(1) {width:51.8519vw;} #contents.eurocave .cp_values .cp_imgwrap li:nth-child(2) {top:56vw; width:33.3333vw;} #contents.eurocave .cp_values .cp_imgwrap li:nth-child(3) {width:44.4444vw;} #contents.eurocave .cp_values .cp_imgwrap li strong {margin-top:2.2222vw; font-size:2.963vw; line-height:3.7037vw;} #contents.eurocave .cp_values .cp_imgwrap li p {margin-top:1.4815vw; font-size:2vw; line-height:2.963vw; letter-spacing:-0vw;} /* eurocave - cp_design */ #contents.eurocave .cp_design {padding:100px 0 0;} #contents.eurocave .cp_design .cp_wrap {padding:0 30px 100px;} #contents.eurocave .cp_design .cpd_typography .cpdt_contents {margin-top:60px;} #contents.eurocave .cp_design .cpd_typography .cpdt_contents .cpdtc_kr {gap:1.3889vw;} #contents.eurocave .cp_design .cpd_typography .cpdt_contents .cpdtc_kr strong {width:calc(50% - 0.6944vw); font-size:20.8333vw; line-height:24.3056vw; letter-spacing:-0.8333vw;} #contents.eurocave .cp_design .cpd_typography .cpdt_contents .cpdtc_kr .info {width:calc(50% - 0.6944vw);} #contents.eurocave .cp_design .cpd_typography .cpdt_contents .cpdtc_kr .info .info_top em {font-size:2.0833vw; line-height:3.4722vw; letter-spacing:-0.0694vw;} #contents.eurocave .cp_design .cpd_typography .cpdt_contents .cpdtc_kr .info .info_top ul {gap:1.0417vw;} #contents.eurocave .cp_design .cpd_typography .cpdt_contents .cpdtc_kr .info .info_top ul li {font-size:2.0833vw; line-height:3.4722vw; letter-spacing:-0.0694vw;} #contents.eurocave .cp_design .cpd_typography .cpdt_contents .cpdtc_kr .info .info_bottom {margin-top:1.3889vw; font-size:3.4722vw; line-height:5.5556vw; letter-spacing:-0.1389vw;} #contents.eurocave .cp_design .cpd_typography .cpdt_contents .cpdtc_en {gap:1.3889vw; margin-top:2.7778vw;} #contents.eurocave .cp_design .cpd_typography .cpdt_contents .cpdtc_en strong {width:calc(50% - 0.6944vw); font-size:27.7778vw; line-height:24.3056vw; letter-spacing:-1.1111vw;} #contents.eurocave .cp_design .cpd_typography .cpdt_contents .cpdtc_en .info {width:calc(50% - 0.6944vw);} #contents.eurocave .cp_design .cpd_typography .cpdt_contents .cpdtc_en .info .info_top em {font-size:2.0833vw; line-height:3.4722vw; letter-spacing:-0.0694vw;} #contents.eurocave .cp_design .cpd_typography .cpdt_contents .cpdtc_en .info .info_top ul {gap:1.0417vw;} #contents.eurocave .cp_design .cpd_typography .cpdt_contents .cpdtc_en .info .info_top ul li {font-size:2.0833vw; line-height:3.4722vw; letter-spacing:-0.0694vw;} #contents.eurocave .cp_design .cpd_typography .cpdt_contents .cpdtc_en .info .info_bottom {margin-top:1.3889vw; font-size:3.4722vw; line-height:5.5556vw; letter-spacing:-0.1389vw;} #contents.eurocave .cp_design .cpd_color {margin-top:160px;} #contents.eurocave .cp_design .cpd_color .cpdc_contents {margin-top:60px;} #contents.eurocave .cp_design .cpd_color .cpdc_contents li strong {margin-top:10px; font-size:18px; line-hieght:26px; letter-spacing:-0.5px;} #contents.eurocave .cp_design .cpd_color .cpdc_contents li p {margin-top:0; font-size:12px; line-height:26px; letter-spacing:-0.5px;} #contents.eurocave .cp_design .cpd_illustration{margin-top:160px;} #contents.eurocave .cp_design .cpd_illustration .cpdi_contents {gap:20px; margin-top:60px;} #contents.eurocave .cp_design .cpd_illustration .cpdi_contents li {width:calc(33.3333% - 13.3333px);} #contents.eurocave .cp_design .cpd_attachment {height:auto !important; aspect-ratio:4/3; background-image:none;} #contents.eurocave .cp_design .cpd_attachment img {display:block;} /* eurocave - cp_experience */ #contents.eurocave .cp_experience {padding:100px 0 0;} #contents.eurocave .cp_experience:before {top:148vw;} #contents.eurocave .cp_experience .cp_wrap {padding:0 30px 100px;} #contents.eurocave .cp_experience .cp_imgwrap {margin-top:60px;} #contents.eurocave .cp_experience .cp_imgwrap:before {width:84.5588vw; filter:drop-shadow(1.4706vw 1.4706vw 0.7353vw rgba(0, 0, 0, 0.25)) drop-shadow(1.4706vw 1.4706vw 0.8088vw rgba(0, 0, 0, 0.1));} #contents.eurocave .cp_experience .cp_imgwrap:after {width:84.5588vw; filter:drop-shadow(-0.7353vw 1.4706vw 0.7353vw rgba(0, 0, 0, 0.15)) drop-shadow(0 1.4706vw 1.4706vw rgba(0, 0, 0, 0.10));} @keyframes floating05 {0%{transform:translateY(0.5147vw);} 50%{transform:translateY(0);} 100%{transform:translateY(0.5147vw);}} #contents.eurocave .cp_experience .cp_imgwrap i {top:12.2794vw; left:50.4412vw; height:29.6324vw;} #contents.eurocave .cp_experience .cp_imgwrap img {width:84.5588vw; filter:drop-shadow(0 1.4706vw 1.4706vw rgba(0, 0, 0, 0.25)) drop-shadow(0 2.9412vw 1.4706vw rgba(0, 0, 0, 0.25));} #contents.eurocave .cp_experience .cpe_contents {margin-top:60px;} #contents.eurocave .cp_experience .cpe_contents ul {gap:3.6765vw; padding:6.6176vw 0 0;} #contents.eurocave .cp_experience .cpe_contents ul li {width:27.2059vw;} #contents.eurocave .cp_experience .cpe_contents ul li img {width:100%; filter:drop-shadow(0 1.4706vw 1.4706vw rgba(0, 0, 0, 0.10)) drop-shadow(0 2.9412vw 1.4706vw rgba(0, 0, 0, 0.15));} #contents.eurocave .cp_experience .cpe_contents ul:first-child li:nth-child(2) {margin-top:6.4706vw;} #contents.eurocave .cp_experience .cpe_contents ul li:nth-child(2) img:nth-child(2) {width:26.4706vw; margin-top:-3.8971vw; margin-left:0.3676vw; filter:none;} #contents.eurocave .cp_experience .cpe_contents ul li:nth-child(3) {top:73.5294vw;} #contents.eurocave .cp_experience .cpe_contents > strong {margin-top:3.6765vw; font-size:10.2941vw; line-height:10.2941vw; letter-spacing:-0.4412vw;} #contents.eurocave .cp_experience .cpe_attachment {height:auto !important; aspect-ratio:4/3; background-image:none;} #contents.eurocave .cp_experience .cpe_attachment img {display:block;} /* eurocave - cp_brand */ #contents.eurocave .cp_brand {padding:100px 30px;} #contents.eurocave .cp_brand .cp_imgwrap {margin-top:60px;} /* eurocave - cp_manufacture */ #contents.eurocave .cp_manufacture {padding:100px 30px;} #contents.eurocave .cp_manufacture .cpm_contents {margin-top:60px;} #contents.eurocave .cp_manufacture .cpm_contents ul {gap:60px;} /* withmuu - cp_keyword */ #contents.withmuu .cp_keyword {padding:100px 30px;} #contents.withmuu .cp_keyword .cpk_flow {margin-top:80px;} #contents.withmuu .cp_keyword .cpk_flow li {height:60px;} #contents.withmuu .cp_keyword .cpk_flow li + li {margin-top:24px;} #contents.withmuu .cp_keyword .cpk_flow li .flow_inner {gap:24px;} #contents.withmuu .cp_keyword .cpk_flow li .cpkfli_wrap {gap:24px;} #contents.withmuu .cp_keyword .cpk_flow li .cpkfli_txt {gap:4px; height:60px; padding:0 24px; border-radius:40px; font-size:24px; line-height:40px; letter-spacing:-0px;} #contents.withmuu .cp_keyword .cpk_flow li .cpkfli_txt.t1 {box-shadow:0 8px 24px 0 rgba(20, 20, 21, 0.08);} #contents.withmuu .cp_keyword .cpk_flow li .cpkfli_txt.t2 {box-shadow:0 8px 24px 0 rgba(98, 85, 246, 0.40);} #contents.withmuu .cp_keyword .cpk_flow li .icon {width:60px; height:60px; filter:drop-shadow(0 8px 16px rgba(116, 232, 139, 0.40));} /* withmuu - cp_core */ #contents.withmuu .cp_core {padding:100px 30px;} #contents.withmuu .cp_core .cpc_list {flex-direction:column; gap:20px; margin-top:40px;} #contents.withmuu .cp_core .cpc_list li {display:flex; flex-direction:row; align-items:center; justify-content:space-between; width:100%;} #contents.withmuu .cp_core .cpc_list li .cpcl_box {width:225px; height:225px; margin-bottom:0; padding-top:39px; box-shadow:0 8px 31px 0 rgba(20, 20, 21, 0.08);} #contents.withmuu .cp_core .cpc_list li .cpcl_box:before {left:15px; right:15px; top:15px; bottom:15px;} #contents.withmuu .cp_core .cpc_list li .cpcl_box:after {bottom:50%; left:100%; width:0; height:1px; margin-left:0; background-image:linear-gradient(90deg, #6255F6 0%, #01F288 65%, #01F288 100%);} #contents.withmuu .cp_core .cpc_list li.aos-animate .cpcl_box:after {bottom:50%; height:1px;} #contents.withmuu .cp_core .cpc_list li:nth-child(1).aos-animate .cpcl_box:after {width:calc(100vw - 440px);} #contents.withmuu .cp_core .cpc_list li:nth-child(2).aos-animate .cpcl_box:after {width:calc(100vw - 475px);} #contents.withmuu .cp_core .cpc_list li:nth-child(3).aos-animate .cpcl_box:after {width:calc(100vw - 410px);} #contents.withmuu .cp_core .cpc_list li i {width:45px; height:56px;} #contents.withmuu .cp_core .cpc_list li strong {margin:5px 0; font-size:20px; line-height:26px; letter-spacing:-0px;} #contents.withmuu .cp_core .cpc_list li p span {font-size:13px; line-height:20px; letter-spacing:-0px;} #contents.withmuu .cp_core .cpc_list li > strong {width:auto; margin:5px 0 0; font-size:15px; line-height:20px; letter-spacing:-0px;} #contents.withmuu .cp_core .cpc_deco {margin-top:100px;} #contents.withmuu .cp_core .cpc_dot {margin-top:100px;} #contents.withmuu .cp_core .cpc_dot .cpcd_wrap {height:250px;} #contents.withmuu .cp_core .cpc_dot .cpcd_deco {height:250px; box-shadow:0 0 27px 0 rgba(0, 0, 0, 0.08);} #contents.withmuu .cp_core .cpc_dot .cpcd_deco.t1 {right:calc(50% + 135px); width:auto} #contents.withmuu .cp_core .cpc_dot .cpcd_deco.t2 {left:calc(50% + 135px); width:auto} #contents.withmuu .cp_core .cpc_dot .cpcd_music {width:200px; height:200px; padding-top:48px; box-shadow:0 9px 18px 0 rgba(116, 232, 139, 0.40);} #contents.withmuu .cp_core .cpc_dot .cpcd_music b {font-size:14px; line-height:23px; letter-spacing:-0px;} #contents.withmuu .cp_core .cpc_dot .cpcd_contents {margin-top:133px;} #contents.withmuu .cp_core .cpc_dot .cpcd_contents .cpcdc_logo {width:475px;} #contents.withmuu .cp_core .cpc_dot .cpcd_contents .cpcdc_logo:before {width:2px; bottom:50%; height:195px; margin-left:-1px;} #contents.withmuu .cp_core .cpc_dot .cpcd_contents .cpcdc_txt {margin-top:30px;} #contents.withmuu .cp_core .cpc_dot .cpcd_contents .cpcdc_txt > span {font-size:15px; line-height:34px;} /* withmuu - cp_design */ #contents.withmuu .cp_design {padding:100px 30px;} #contents.withmuu .cp_design .cpd_top > .icon {display:none;} #contents.withmuu .cp_design .cpd_top .cpdt_box {width:100%; min-height:220px; padding:30px; padding-left:60px; padding-right:0; transform:rotate(15deg);} #contents.withmuu .cp_design .cpd_color {margin-top:100px;} #contents.withmuu .cp_design .cpd_font {margin-top:100px;} #contents.withmuu .cp_design .cpd_font .cpdf_contents {flex-direction:column; gap:5.2083vw; margin-top:7.8125vw;} #contents.withmuu .cp_design .cpd_font .cpdf_contents > li {width:100%; height:71.6146vw; padding:7vw; border-radius:5.2083vw; box-shadow:0 3.9063vw 7.8125vw 0 rgba(20, 20, 21, 0.02);} #contents.withmuu .cp_design .cpd_font .cpdf_contents > li strong {gap:2.6042vw;} #contents.withmuu .cp_design .cpd_font .cpdf_contents > li strong em {gap:1.3021vw; padding:0.2604vw 3.9063vw 0.651vw 3.9063vw; border-radius:6.5104vw; font-size:3.2552vw; line-height:5.2083vw;} #contents.withmuu.ios .cp_design .cpd_font .cpdf_contents > li strong em {padding:0.651vw 3.9063vw 0.2604vw 3.9063vw;} #contents.withmuu .cp_design .cpd_font .cpdf_contents > li strong span {font-size:3.9063vw; line-height:5.2083vw; letter-spacing:-0.1302vw;} #contents.withmuu .cp_design .cpd_font .cpdf_contents > li ul {gap:4.0365vw; margin-top:1.8229vw;} #contents.withmuu .cp_design .cpd_font .cpdf_contents > li ul li {font-size:2.3438vw; line-height:3.9063vw; letter-spacing:-0vw;} #contents.withmuu .cp_design .cpd_font .cpdf_contents > li ul li:before {top:1.3021vw; bottom:1.3021vw; right:-2.0833vw; width:0.1302vw;} #contents.withmuu .cp_design .cpd_font .cpdf_contents > li p {margin-top:5.2083vw; font-size:9.1146vw; line-height:13.0208vw; letter-spacing:-0.1302vw;} #contents.withmuu .cp_design .cpd_icon {margin-top:100px;} /* withmuu - cp_main */ #contents.withmuu .cp_main {padding:100px 30px 0;} #contents.withmuu .cp_main .cp_wrap {padding:0 0 100px;} #contents.withmuu .cp_main .cp_txtwrap {padding-top:34.72vw; padding-bottom:0;} #contents.withmuu .cp_main .cp_imgwrap.t2 {top:-11.36vw; right:2.56vw;} #contents.withmuu .cp_main .cp_deco {left:unset; right:calc(50vw - 50vw - 1.6667vw);} /* withmuu - cp_product */ #contents.withmuu .cp_product {padding:100px 30px 0;} #contents.withmuu .cp_product .cpp_contents {margin-top:100px;} /* withmuu - cp_global */ #contents.withmuu .cp_global {padding:100px 30px 0;} #contents.withmuu .cp_global .cp_wrap {padding:0 0 100px;} /* withmuu - cp_artist */ #contents.withmuu .cp_artist {padding:100px 30px;} #contents.withmuu .cp_artist .cp_imgwrap {margin-top:100px;} /* withmuu - cp_purchase */ #contents.withmuu .cp_purchase {padding:100px 30px 0;} #contents.withmuu .cp_purchase .cp_wrap {padding:0 0 100px;} #contents.withmuu .cp_purchase .cp_imgwrap.t2 {height:auto !important; aspect-ratio:4/3; background-image:none;} #contents.withmuu .cp_purchase .cp_imgwrap.t2 img {display:block;} /* carriermall - cp_goal */ #contents.carriermall .cp_goal .cpg_contents ul li p {font-size:1.98vw;} /* carriermall - cp_strategy */ #contents.carriermall .cp_strategy {padding:160px 0;} #contents.carriermall .cp_strategy ul {flex-direction:row; flex-wrap:wrap; justify-content:center; gap:3.9063vw; margin-top:7.8125vw;} #contents.carriermall .cp_strategy ul li {gap:2.9297vw; width:calc(50% - 2.6367vw); border-radius:1.9531vw; box-shadow:0 0 7.8125vw 0 rgba(28, 28, 32, 0.06);} #contents.carriermall .cp_strategy ul li i {width:11.7188vw; height:7.8125vw;} #contents.carriermall .cp_strategy ul li strong {font-size:2.9297vw; line-height:3.9063vw; letter-spacing:-0.0977vw;} #contents.carriermall .cp_strategy ul li p {font-size:2.4414vw; line-height:3.9063vw; letter-spacing:-0vw;} #contents.carriermall .cp_strategy .cps_contents {margin-top:160px; padding-top:35vw; padding-bottom:35vw;} #contents.carriermall .cp_strategy .cps_contents .cpsc_video {width:215px; height:454px; border-radius:14px; border:5px solid #F8F9FA; box-shadow:0 0 37px 0 rgba(28, 28, 32, 0.15);} #contents.carriermall .cp_strategy .cps_contents .cp_imgwrap img {border-radius:1.1719vw; box-shadow:0 1.1719vw 3.5156vw 0 rgba(17, 20, 38, 0.06);} #contents.carriermall .cp_strategy .cps_contents .cp_imgwrap p {padding:0 0.5208vw; font-size:1.5625vw; line-height:3.2vw; letter-spacing:-0vw;} #contents.carriermall .cp_strategy .cps_contents .cp_imgwrap.t1 {left:5.7292vw;} #contents.carriermall .cp_strategy .cps_contents .cp_imgwrap.t1 img {width:43vw;} #contents.carriermall .cp_strategy .cps_contents .cp_imgwrap.t1 p {margin-top:-2.3438vw;} #contents.carriermall .cp_strategy .cps_contents .cp_imgwrap.t2 {top:58vw; right:-1.0417vw;} #contents.carriermall .cp_strategy .cps_contents .cp_imgwrap.t2 img {width:47vw;} #contents.carriermall .cp_strategy .cps_contents .cp_imgwrap.t3 {left:1.8229vw;} #contents.carriermall .cp_strategy .cps_contents .cp_imgwrap.t3 img {width:45vw;} #contents.carriermall .cp_strategy .cp_wrap > strong {margin-top:70px; font-size:40px; line-height:50px; letter-spacing:-1px;} #contents.carriermall .cp_strategy .cp_wrap > strong img {width:196px;} #contents.carriermall .cp_strategy .cp_wrap > strong .cp_deco {top:-220px; right:70px; width:150px; height:150px;} /* carriermall - cp_design */ #contents.carriermall .cp_design .cpd_top .cpdt_grid {padding:4.8828vw; border-radius:2.9297vw;} #contents.carriermall .cp_design .cpd_top .cpdt_grid .cp_txtwrap {max-width:100%;} #contents.carriermall .cp_design .cpd_top .cpdt_grid .cpdtg_box {flex-direction:column; gap:4.8828vw; max-width:100%; margin-top:5.8594vw;} #contents.carriermall .cp_design .cpd_top .cpdt_grid .cpdtg_box .pc {width:100%;} #contents.carriermall .cp_design .cpd_top .cpdt_grid .cpdtg_box .mo {width:100%;} #contents.carriermall .cp_design .cpd_top .cpdt_grid .cpdtg_box .mo .cp_imgwrap {float:right; width:30vw; margin-top:-17vw;} #contents.carriermall .cp_design .cpd_top .cpdt_grid .cpdtg_box strong {padding-top:2.4414vw; font-size:2.4414vw; line-height:3.9063vw; letter-spacing:-0.0977vw;} #contents.carriermall .cp_design .cpd_top .cpdt_grid .cpdtg_box p {padding-top:2.4414vw; font-size:2.4414vw; line-height:3.9063vw; letter-spacing:-0.0977vw;} #contents.carriermall .cp_design .cpd_top .cpdt_grid .cp_imgwrap {margin-top:5.8594vw;} #contents.carriermall .cp_design .cpd_top .cpdt_box {flex-direction:column;} #contents.carriermall .cp_design .cpd_top .cpdt_font {width:100%; padding:7.8125vw 4.8828vw; border-radius:2.9297vw; box-shadow:0 0 7.8125vw 0 rgba(17, 20, 38, 0.08);} #contents.carriermall .cp_design .cpd_top .cpdt_font > div {max-width:100%;} #contents.carriermall .cp_design .cpd_top .cpdt_font .en {margin-top:7.8125vw; padding-top:7.8125vw; border-top:0.0977vw solid rgba(23, 42, 126, 0.10);} #contents.carriermall .cp_design .cpd_top .cpdt_font b {font-size:2.4414vw; line-height:2.9297vw; letter-spacing:-0.0977vw;} #contents.carriermall .cp_design .cpd_top .cpdt_font strong {margin-top:0.9766vw; font-size:7.8125vw; line-height:9.7656vw; letter-spacing:-0.1953vw;} #contents.carriermall .cp_design .cpd_top .cpdt_font p {gap:2.9297vw; margin-top:0.9766vw; color:rgba(17, 20, 38, 0.50); font-size:2.4414vw; line-height:2.9297vw; letter-spacing:-0.0977vw;} #contents.carriermall .cp_design .cpd_top .cpdt_font ul {flex-wrap:wrap; gap:1.4648vw; margin-top:2.9297vw;} #contents.carriermall .cp_design .cpd_top .cpdt_font ul li {height:3.7109vw; padding:0 1.9531vw 0.1953vw 1.9531vw; border-radius:4.8828vw; font-size:2.4414vw; line-height:3.4vw; letter-spacing:-0.0977vw;} #contents.carriermall .cp_design .cpd_top .cpdt_font .en ul li {line-height:3.1vw;} #contents.carriermall .cp_design .cpd_top .cpdt_color {width:100%; height:26.3672vw;} #contents.carriermall .cp_design .cpd_top .cpdt_color li {flex-direction:column; justify-content:space-between; align-items:flex-end; width:auto; height:20vw; padding:3.9063vw 4.8828vw; border-radius:2.9297vw; aspect-ratio:1.5/1;} #contents.carriermall .cp_design .cpd_top .cpdt_color li:nth-child(1) {right:0; top:0; transform:translateY(53.418vw);} #contents.carriermall .cp_design .cpd_top .cpdt_color li:nth-child(2) {left:45%; top:0; transform:translateY(34.8633vw);} #contents.carriermall .cp_design .cpd_top .cpdt_color li:nth-child(3) {left:22.5%; top:0; transform:translateY(19.043vw);} #contents.carriermall .cp_design .cpd_top .cpdt_color li:nth-child(4) {left:0; top:0; bottom:auto; transform:translateY(1.9531vw);} #contents.carriermall .cp_design .cpd_top .cpdt_color li p {font-size:2.4414vw; line-height:3.9063vw; letter-spacing:-0.0977vw;} #contents.carriermall .cp_design .cpd_bottom {margin-top:160px; padding:30px 0 100px;} #contents.carriermall .cp_design .cpd_bottom .cpdb_icon .cpdbi_sliderwrap {top:auto; bottom:54vw; width:calc(100% + 15.625vw); margin-left:-7.8125vw; padding:1.9531vw 0; border-radius:2.9297vw; box-shadow:0 1.9531vw 5.8594vw 0 rgba(17, 20, 38, 0.06);} #contents.carriermall .cp_design .cpd_bottom .cpdb_icon .cpdbi_sliderwrap:before {right:calc(50% + 21.9727vw); background:linear-gradient(90deg, #F8F9FA 2.43%, rgba(248, 249, 250, 0.00) 100%);} #contents.carriermall .cp_design .cpd_bottom .cpdb_icon .cpdbi_sliderwrap:after {left:calc(50% + 21.9727vw);} #contents.carriermall .cp_design .cpd_bottom .cpdb_icon .swiper-slide {padding:3.418vw 0.9766vw;} #contents.carriermall .cp_design .cpd_bottom .cpdb_icon .swiper-slide p {margin-top:1.9531vw; font-size:2.9297vw; line-height:3.418vw; letter-spacing:-0.0977vw;} #contents.carriermall .cp_design .cpd_bottom .cpdb_icon .swiper-slide img {height:7.8125vw;} #contents.carriermall .cp_design .cpd_bottom .cpdb_icon .swiper-slide-active:before {border-radius:1.9531vw;} #contents.carriermall .cp_design .cpd_bottom .cpdb_icon .cp_imgwrap {width:40vw;} #contents.carriermall .cp_design .cpd_bottom .cpdb_filter > .cp_imgwrap {top:42.5vw;} /* carriermall - cp_history */ #contents.carriermall .cp_history {padding:160px 0;} #contents.carriermall .cp_history .cps_contents.t1 .cp_txtwrap:before {top:auto; bottom:-15vw; right:-34.7222vw; width:87.7778vw; height:18.4722vw;} #contents.carriermall .cp_history .cp_imgwrap p {padding:0 0.5556vw; font-size:1.1806vw; line-height:2.7778vw; letter-spacing:-0vw;} #contents.carriermall .cp_history .cp_imgwrap.t3 {padding-left:2.7778vw;} #contents.carriermall .cp_history .cp_imgwrap.t3 p {margin-left:-2.7778vw;} #contents.carriermall .cp_history .cps_contents.t1 .cp_imgwrap.t1 {width:83.3333vw; margin-top:8.125vw; margin-left:-23.75vw;} #contents.carriermall .cp_history .cps_contents.t1 .cp_imgwrap.t1 img {border-radius:1.3889vw; box-shadow:0 0 2.7778vw 0 rgba(0, 0, 0, 0.04), 4.1667vw 5.5556vw 5.5556vw 0 rgba(17, 20, 38, 0.06);} #contents.carriermall .cp_history .cps_contents.t1 .cp_imgwrap.t2 {width:41.6667vw; margin-top:7.0833vw; margin-left:calc(100% - 34.7222vw);} #contents.carriermall .cp_history .cps_contents.t1 .cp_imgwrap.t3 {width:50vw; margin-top:-8.0556vw; margin-left:-2.7778vw;} #contents.carriermall .cp_history .cps_contents.t2 {flex-direction:column; margin-top:12.5vw;} #contents.carriermall .cp_history .cps_contents.t2 .cp_imgwrap {width:100%; margin-top:30px; margin-right:0; border-radius:0; box-shadow:none; text-align:right;} #contents.carriermall .cp_history .cps_contents.t2 .cp_imgwrap:before {top:-7.3611vw; right:-3vw; width:13.8889vw; height:13.8889vw;} #contents.carriermall .cp_history .cps_contents.t2 .cp_imgwrap img {width:38vw; border-radius:1.3889vw; box-shadow:0 0 2.7778vw 0 rgba(0, 0, 0, 0.04), 4.1667vw 5.5556vw 5.5556vw 0 rgba(17, 20, 38, 0.06);} /* carriermall - cp_innovative */ #contents.carriermall .cp_innovative .cp_box {height:auto !important; padding-bottom:20vw;} #contents.carriermall .cp_innovative .cpi_sticky {height:auto; aspect-ratio:1/1.5;} #contents.carriermall .cp_innovative ul li {width:calc(50% - 0.6vw);} #contents.carriermall .cp_innovative ul li:nth-child(3), #contents.carriermall .cp_innovative ul li:nth-child(4), #contents.carriermall .cp_innovative ul li:nth-child(5), #contents.carriermall .cp_innovative ul li:nth-child(7) {display:none;} #contents.carriermall .cp_innovative ul li:nth-child(6) {top:0;} #contents.carriermall .cp_innovative ul li:nth-child(8) {top:-8.381vw;} #contents.carriermall .cp_innovative ul li:nth-child(9) {bottom:-10.5vw; width:85vw; height:auto; aspect-ratio:16/9;} #contents.carriermall .cp_innovative ul li .top {font-size:2.2222vw; line-height:3.3333vw; letter-spacing:-0vw;} #contents.carriermall .cp_innovative ul li .bottom .icon {width:11.1111vw; height:13.3333vw;} #contents.carriermall .cp_innovative ul li .bottom strong {margin-top:1.6667vw; font-size:3.3333vw; line-height:4.4444vw; letter-spacing:-0.1111vw;} #contents.carriermall .cp_innovative ul li .bottom p {margin-top:1.6667vw; font-size:2.7778vw; line-height:4.4444vw; letter-spacing:-0.1111vw;} #contents.carriermall .cp_innovative .cpi_contents .cpic_deco {margin-top:61.3281vw; margin-bottom:11.1979vw;} #contents.carriermall .cp_innovative .cpi_contents .cpic_deco {height:46.875vw;} #contents.carriermall .cp_innovative .cpi_contents .cpic_deco .cpicd_pic {height:15.625vw; padding:3.3854vw 0;} #contents.carriermall .cp_innovative .cpi_contents .cpic_deco .cpicd_pic.t2 {top:15.625vw;} #contents.carriermall .cp_innovative .cpi_contents .cp_imgwrap {width:35.6771vw; border-radius:2.2135vw; box-shadow:0 0 4.4271vw 0 rgba(0, 0, 0, 0.06), 6.6406vw 8.9844vw 8.9844vw 0 rgba(17, 20, 38, 0.06);} #contents.carriermall .cp_innovative .cpi_contents .cp_imgwrap.t1 {bottom:3.5156vw; left:14.1146vw; } #contents.carriermall .cp_innovative .cpi_contents .cp_imgwrap.t1:before {top:-9.5vw; left:-9vw; width:20vw; height:20vw;} #contents.carriermall .cp_innovative .cpi_contents .cp_imgwrap.t2 {bottom:48.4375vw; right:7.6615vw;} /* carriermall - cp_masonry */ #contents.carriermall .cp_masonry {padding:160px 0;} #contents.carriermall .cp_masonry .cp_wrap {gap:15px;} #contents.carriermall .cp_masonry .cpm_bottom {display:block;} #contents.carriermall .cp_masonry .cpm_bottom .cpmb_left {display:block; width:100%;} #contents.carriermall .cp_masonry .cpm_bottom .cpmb_right {display:block; width:100%;} #contents.carriermall .cp_masonry .cpm_bottom .cpmb_right .cp_box {height:35vw; margin-top:15px;} #contents.carriermall .cp_masonry .cpm_bottom .cpmb_right .cp_box img {width:26vw;} #contents.carriermall .cp_masonry .cpm_bottom .cpmb_right .cp_box p span {font-size:2.4vw; line-height:3.4vw;} #contents.carriermall .cp_masonry .cpm_bottom .cpmb_right .cp_imgwrap {margin-top:15px;} /* carriermall - cp_now */ #contents.carriermall .cp_now .cp_imgwrap img {border-radius:1.3889vw; box-shadow:0 0 2.7778vw 0 rgba(0, 0, 0, 0.06), 4.1667vw 5.5556vw 5.5556vw 0 rgba(17, 20, 38, 0.06);} #contents.carriermall .cp_now .cpn_contents.t1 {padding-top:56.5972vw;} #contents.carriermall .cp_now .cpn_contents.t1 .cp_imgwrap.t1 {left:-22.6389vw; width:86.3889vw;} #contents.carriermall .cp_now .cpn_contents.t1 .cp_imgwrap.t2 {top:35vw; right:-1.5vw; width:22.2222vw;} #contents.carriermall .cp_now .cpn_contents.t2 {margin-top:9.0278vw;} #contents.carriermall .cp_now .cpn_contents.t2:before {width:142.9167vw; height:27.7778vw;} #contents.carriermall .cp_now .cpn_contents.t2 .cp_txtwrap {margin-top:50vw;} #contents.carriermall .cp_now .cpn_contents.t2 .cp_imgwrap.t1 {width:22.2222vw; margin-top:-0.9028vw; margin-left:0;} #contents.carriermall .cp_now .cpn_contents.t2 .cp_imgwrap.t2 {width:22.2222vw; margin-top:19.2361vw;} #contents.carriermall .cp_now .cpn_contents.t2 .cp_txtwrap {width:40vw; margin-top:28vw;} #contents.carriermall .cp_now .cpn_contents.t2 .cp_txtwrap .cp_text span {display:inline;} #contents.carriermall .cp_now .cp_wrap > .cp_imgwrap {width:83.3333vw; margin-top:-35.1389vw; margin-right:-22.2222vw;} /* carriermall - cp_banner */ #contents.carriermall .cp_banner {padding:160px 0 100px;} /* ibk - common */ #contents.ibk .cp_txtwrap .cp_subtitle {margin-top:0; font-size:38px; line-height:52px;} #contents.ibk .cp_txtwrap .cp_text {margin-top:5px;} /* ibk - cp_strategy */ #contents.ibk .cp_strategy .cp_txtwrap .cp_subtitle {margin-top:5px;} #contents.ibk .cp_strategy .cp_wrap > ul li p {padding:1.9531vw 2.9297vw; border-radius:1.4648vw; box-shadow:0.9766vw 1.9531vw 3.9063vw 0 rgba(13, 14, 15, 0.10); font-size:2.4414vw; line-height:3.9063vw; letter-spacing:-0.0977vw;} #contents.ibk .cp_strategy .cp_wrap > ul li p:before {bottom:-1.5625vw; left:50%; width:1.9531vw; height:1.9531vw;} #contents.ibk .cp_strategy .cp_wrap > ul li:nth-child(1) p {top:-2.3088vw; left:49.5117vw;} #contents.ibk .cp_strategy .cp_wrap > ul li:nth-child(2) p {top:-1.2656vw; left:23.1328vw;} #contents.ibk .cp_strategy .cp_wrap > ul li:nth-child(3) p {top:-1.8984vw; left:41.3359vw;} /* ibk - cp_elements */ #contents.ibk .cp_elements {padding:60px 0;} #contents.ibk .cp_elements .cp_txtwrap .cp_subtitle {margin-top:5px;} /* ibk - cp_graphics */ #contents.ibk .cp_graphics {padding:60px 0;} #contents.ibk .cp_graphics ul {max-width:100%; margin-top:14.6484vw; padding:0 10vw;} #contents.ibk .cp_graphics li {width:50%;} #contents.ibk .cp_graphics li:nth-child(1) {justify-content:flex-start;} #contents.ibk .cp_graphics li:nth-child(2) {justify-content:flex-end;} #contents.ibk .cp_graphics li:nth-child(3) {justify-content:flex-start; margin-top:22vw;} #contents.ibk .cp_graphics li:nth-child(4) {justify-content:flex-end; margin-top:22vw;} #contents.ibk .cp_graphics li:nth-child(5) {justify-content:center; margin-top:22vw;} #contents.ibk .cp_graphics li:before {width:39.0625vw; height:39.0625vw;} #contents.ibk .cp_graphics li .icon {width:24.4141vw; height:23.5352vw;} #contents.ibk .cp_graphics li .icon:before {top:-6.3477vw; left:-5.5664vw; width:39.0625vw; height:39.0625vw;} /* ibk - cp_glassmorphism */ #contents.ibk .cp_glassmorphism {padding:60px 0;} #contents.ibk .cp_glassmorphism .cpg_ui {flex-direction:column; max-width:100%; margin-top:6.1198vw;} #contents.ibk .cp_glassmorphism .cpg_ui .cpgu_single {width:28.3854vw; margin:0 auto 10vw;} #contents.ibk .cp_glassmorphism .cpg_ui .cpgu_single .cpgu_round {max-width:23.6979vw; height:23.6979vw;} #contents.ibk .cp_glassmorphism .cpg_ui .cpgu_single .cpgu_round i.t1 {margin-top:6.2500vw;} #contents.ibk .cp_glassmorphism .cpg_ui .cpgu_single .cpgu_round i.t1:before {left:-6.2500vw; width:calc(100% + 12.5000vw); border-top:0.1302vw solid rgba(212, 214, 214, 0.6); border-bottom:0.1302vw solid rgba(212, 214, 214, 0.6);} #contents.ibk .cp_glassmorphism .cpg_ui .cpgu_single .cpgu_round i.t1:after {top:-6.2500vw; height:calc(100% + 12.5000vw); border-left:0.1302vw solid rgba(212, 214, 214, 0.6); border-right:0.1302vw solid rgba(212, 214, 214, 0.6);} #contents.ibk .cp_glassmorphism .cpg_ui .cpgu_single .cpgu_round i.t2 {top:1.1719vw; bottom:1.1719vw; left:1.1719vw; right:1.1719vw;} #contents.ibk .cp_glassmorphism .cpg_ui .cpgu_single .cpgu_round i.t2:before {border:0.1302vw solid rgba(212, 214, 214, 0.6);} #contents.ibk .cp_glassmorphism .cpg_ui .cpgu_single .cpgu_round i.t2:after {top:1.1719vw; bottom:1.1719vw; left:1.1719vw; right:1.1719vw; border-radius:0.5208vw; border:0.1302vw solid rgba(212, 214, 214, 0.6);} #contents.ibk .cp_glassmorphism .cpg_ui .cpgu_single .cpgu_round i.t3 {top:1.1719vw; bottom:1.1719vw; left:1.1719vw; right:1.1719vw;} #contents.ibk .cp_glassmorphism .cpg_ui .cpgu_single .cpgu_round i.t3:before {top:2.4740vw; bottom:2.4740vw; border-radius:0.5208vw; border:0.1302vw solid rgba(212, 214, 214, 0.2);} #contents.ibk .cp_glassmorphism .cpg_ui .cpgu_single .cpgu_round i.t3:after {left:2.4740vw; right:2.4740vw; border-radius:0.5208vw; border:0.1302vw solid rgba(212, 214, 214, 0.2);} #contents.ibk .cp_glassmorphism .cpg_ui .cpgu_single .cpgu_round i.t4 {top:-1.0417vw; bottom:1.1719vw; left:7.6823vw; right:7.6823vw; border-left:0.1302vw solid rgba(212, 214, 214, 0.2); border-right:0.1302vw solid rgba(212, 214, 214, 0.2);} #contents.ibk .cp_glassmorphism .cpg_ui .cpgu_single .cpgu_round i.t4:before {width:0.1302vw; height:auto; background-color:rgba(212, 214, 214, 0.2);} #contents.ibk .cp_glassmorphism .cpg_ui .cpgu_single .cpgu_round i.t5 {width:14.4531vw; height:14.4531vw;} #contents.ibk .cp_glassmorphism .cpg_ui .cpgu_single .cpgu_round i.t5:before {bottom:-2.2135vw; left:-2.2135vw; width:5.2083vw; height:5.2083vw; border:0.2604vw solid #0055A2;} #contents.ibk .cp_glassmorphism .cpg_ui .cpgu_single .cpgu_round span {margin-top:1.0417vw; color:rgba(0, 0, 0, 0.80); font-size:2.4740vw; line-height:3.5156vw;} #contents.ibk .cp_glassmorphism .cpg_ui .cpgu_single .cpgu_color {max-width:20.3125vw; margin:10.1563vw 2.3438vw 0 auto;} #contents.ibk .cp_glassmorphism .cpg_ui .cpgu_single .cpgu_color ul {gap:1.0417vw;} #contents.ibk .cp_glassmorphism .cpg_ui .cpgu_single .cpgu_color ul li {width:2.0833vw; height:2.0833vw;} #contents.ibk .cp_glassmorphism .cpg_ui .cpgu_single .cpgu_color ul li i {width:100%; height:auto; aspect-ratio:1/1;} #contents.ibk .cp_glassmorphism .cpg_ui .cpgu_single .cpgu_color span {margin-top:1.0417vw; color:rgba(0, 0, 0, 0.80); font-size:2.4740vw; line-height:3.5156vw;} #contents.ibk .cp_glassmorphism .cpg_ui .cpgu_set {width:91.1458vw; height:54.6875vw;} #contents.ibk .cp_glassmorphism .cpg_ui .cpgu_set ul {top:9.1146vw; left:9.1146vw; flex-wrap:wrap; width:72.9167vw; height:36.4583vw;} #contents.ibk .cp_glassmorphism .cpg_ui .cpgu_set .icon {width:10.1563vw; height:10.1563vw; box-shadow:0.5208vw 0.5208vw 1.5625vw 0 rgba(255, 255, 255, 0.50) inset; filter:drop-shadow(0.5208vw 0.5208vw 1.0417vw rgba(0, 85, 162, 0.05));} #contents.ibk .cp_glassmorphism .cpg_ui .cpgu_set .icon.medal > .deco {transform-origin:4.8177vw 4.2969vw;} /* ibk - cp_grid */ #contents.ibk .cp_grid {padding:60px 0;} #contents.ibk .cp_grid .cp_wrap {flex-direction:column; gap:20px;} #contents.ibk .cp_grid .cpg_left {gap:20px; width:100%;} #contents.ibk .cp_grid .cpg_left .cpgl_top {border-radius:5.2083vw;} #contents.ibk .cp_grid .cpg_left .cpgl_bottom {gap:20px;} #contents.ibk .cp_grid .cpg_left .cpgl_bottom .cpglb_text {width:calc(50% - 10px); border-radius:5.2083vw;} #contents.ibk .cp_grid .cpg_left .cpgl_bottom .cpglb_icon {width:calc(50% - 10px); border-radius:5.2083vw;} #contents.ibk .cp_grid .cpg_left .cpgl_bottom .cpglb_icon ul {row-gap:3.2552vw;} #contents.ibk .cp_grid .cpg_left .cpgl_bottom .cpglb_icon li {border-radius:3.2552vw;} #contents.ibk .cp_grid .cpg_right {gap:20px; width:100%; border-radius:5.2083vw;} #contents.ibk .cp_grid:before {right:-4.9048vw;} /* ibk - cp_principle */ #contents.ibk .cp_principle {padding:60px 0;} /* ibk - cp_userbility */ #contents.ibk .cp_userbility {padding:60px 0;} #contents.ibk .cp_userbility .cp_box .cpu_bot p {width:65.6250vw; height:17.5781vw; padding:2.9297vw 4.3945vw; border-radius:1.9531vw; font-size:2.3vw; line-height:3.9063vw; letter-spacing:-0.0000vw;} #contents.ibk .cp_userbility .cp_box .cpu_bot p:before {bottom:-2.2461vw; margin-left:-1.6602vw; border-width:0 1.6602vw 2.9297vw 1.6602vw;} #contents.ibk .cp_userbility .cp_box .cpu_bot .cp_imgwrap {margin-top:3.9063vw;} #contents.ibk .cp_userbility .cp_box .cpu_bot .cp_imgwrap .afa_siri {width:7.2266vw; height:7.2266vw; margin-left:-3.6133vw; filter:drop-shadow(0 1.9531vw 1.9531vw rgba(0, 0, 0, 0.05)) drop-shadow(0 0 1.9531vw rgba(0, 0, 0, 0.05));} #contents.ibk .cp_userbility .cp_box .cpu_bot .cp_imgwrap img {width:7.2266vw;} #contents.ibk .cp_userbility .cp_box > .cp_imgwrap {padding-top:13.7vw;} /* ibk - cp_simple */ #contents.ibk .cp_simple {padding:60px 0;} /* ibk - cp_infographic */ #contents.ibk .cp_infographic {padding:60px 0;} #contents.ibk .cp_infographic .cp_txtwrap .cp_text span {display:inline;} #contents.ibk .cp_infographic .cpi_deco {height:320px; margin-top:32px;} #contents.ibk .cp_infographic .cpi_deco .cpid_pic {gap:11px; height:calc(50% - 5px);} #contents.ibk .cp_infographic .cpi_deco .cpid_pic .cp_imgwrap {border-radius:21px;} /* ibk - cp_hierarchy */ #contents.ibk .cp_hierarchy {padding:60px 30px 30px;} #contents.ibk .cp_hierarchy .cph_attachment {height:auto !important; aspect-ratio:4/3; background-image:none;} #contents.ibk .cp_hierarchy .cph_attachment img {display:block;} /* wonderplace - cp_principle */ #contents.wonderplace .cp_principle {padding:80px 0;} /* wonderplace - cp_design */ #contents.wonderplace .cp_design {padding:100px 0;} /* wonderplace - cp_impact */ #contents.wonderplace .cp_impact {padding:0 0 80px;} /* wonderplace - cp_curated */ #contents.wonderplace .cp_curated {padding:0 0 80px;} /* wonderplace - cp_lookbook */ #contents.wonderplace .cp_lookbook {padding:80px 0;} /* wonderplace - cp_ux */ #contents.wonderplace .cp_ux {padding:80px 0;} /* wonderplace - cp_comfort */ #contents.wonderplace .cp_comfort {padding:0 0 80px;} /* wonderplace - cp_crew */ #contents.wonderplace .cp_crew {padding:80px 0;} /* wonderplace - cp_brand */ #contents.wonderplace .cp_brand {padding:80px 0 0;} #contents.wonderplace .cp_brand .cpb_flow {margin-top:80px;} /* wonderplace - cp_page */ #contents.wonderplace .cp_page {padding:100px 0;} /* footer */ #footer.f_project .f_plastic {height:max(208vw, 100vh); background-image:url("../images/pic_plasticfooter_mo.png");} #footer.f_project .f_wrap .divarea {gap:20px; padding-left:0;} #footer.f_project .f_wrap.t2 .divarea li {width:100%;} #footer.f_project .f_wrap.t2 .titlearea {margin-bottom:5px;} #footer.f_project .f_wrap.t2 + .f_wrap, #footer.f_project .f_wrap.t3 + .f_wrap {margin-top:30px;} #footer.f_project .f_area {padding-left:0;} #footer.f_project .f_area p {left:-100%;} #footer.f_project .f_area ul {padding:0;} #footer.f_project .titlearea {top:unset; margin-bottom:30px;} #footer.f_project .titlearea.logo {top:unset; z-index:1; height:20px; margin-bottom:30px;} #footer.f_project .titlearea.logo:before {width:10px; height:3px;} } @media all and (max-width:600px) { /* cp_hero */ #contents.project .cp_hero .cpb_overview .cp_txtwrap {margin-top:20px;} #contents.project .cp_hero .cpb_overview .cp_txtwrap .cpbo_info {margin-top:20px; padding-top:10px;} #contents.project .cp_hero .cpb_overview .cp_txtwrap .cpbo_info li strong {width:84px;} /* kwangya119 - cp_hero */ #contents.kwangya119 .cp_hero .cph_banner .cphb_box {aspect-ratio:2.15/1;} #contents.kwangya119 .cp_hero .cph_banner.shrink .cphb_box .cphb_bg {border-radius:18px;} #contents.kwangya119 .cp_hero .cph_banner .cp_imgwrap {bottom:55px;} @keyframes floating {0%{transform:translateY(0);} 50%{transform:translateY(-10px);} 100%{transform:translateY(0);}} @keyframes floating02 {0%{transform:translateY(-8px);} 50%{transform:translateY(0);} 100%{transform:translateY(-8px);}} /* drmartens - cp_hero */ #contents.drmartens .cp_hero .cpb_overview .cp_txtwrap .cpbo_top p > span span {display:block;} /* withmuu - cp_hero */ #contents.withmuu .cp_hero .cph_banner .cphb_box .cp_imgwrap {width:72.7273vw; height:72.7273vw;} #contents.withmuu .cp_hero .cph_banner .cphb_box .cp_imgwrap > img:nth-child(2) {top:-5vw; right:-4.5455vw; width:70.9091vw;} #contents.withmuu .cp_hero .cph_banner .cphb_box .cp_imgwrap .cp_box img:nth-child(2) {top:-5vw; right:-4.5455vw; width:70.9091vw; filter:drop-shadow(0 0.3636vw 5.4545vw rgba(0, 0, 0, 0.25));} /* ibk - cp_hero */ #contents.ibk .cp_hero .cph_banner .cphb_box {min-height:150vw; max-height:170vw;} #contents.ibk .cp_hero .cph_banner .cp_imgwrap {top:25vw;} #contents.ibk .cp_hero .cph_banner .cp_imgwrap img {width:60vw;} /* full - cp_hero */ #contents.full .cp_hero .cpb_overview .cp_imgwrap img:nth-child(1) {max-width:250px;} /* kwangya119 - common */ #contents.kwangya119 .cp_title {flex-direction:column;} #contents.kwangya119 .cp_title strong {font-size:34px; line-height:44px; letter-spacing:-1.2px;} /* kwangya119 - cp_chapter */ #contents.kwangya119 .cp_chapter .cp_title strong {font-size:34px;} /* kwangya119 - cp_strategy */ #contents.kwangya119 .cp_strategy .cp_txtwrap strong {font-size:20px; line-height:40px;} #contents.kwangya119 .cp_strategy .cp_txtwrap p {font-size:20px; line-height:30px;} #contents.kwangya119 .cp_strategy .cp_txtwrap p span {display:inline;} #contents.kwangya119 .cp_strategy .cps_flexable .cp_title {font-size:34px; line-height:44px; letter-spacing:-1.2px;} #contents.kwangya119 .cp_strategy .cps_flexable .cp_txtwrap p {font-size:20px; line-height:34px;} #contents.kwangya119 .cp_strategy .cps_personalization .cp_title {font-size:34px; line-height:44px; letter-spacing:-1.2px;} #contents.kwangya119 .cp_strategy .cps_personalization .cpsp_contents .cp_imgwrap {max-width:270px;} #contents.kwangya119 .cp_strategy .cps_personalization .cpsp_contents .cp_txtwrap p {font-size:20px; line-height:34px;} #contents.kwangya119 .cp_strategy .cps_personalization .cpsp_contents .cpspc_deco {width:200px;} #contents.kwangya119 .cp_strategy .cps_personalization .cpsp_contents .cpspc_deco.t1 {right:-75px;} #contents.kwangya119 .cp_strategy .cps_personalization .cpsp_contents .cpspc_deco.t2 {top:300px; left:-165px;} #contents.kwangya119 .cp_strategy .cps_personalization .cpsp_contents .cpspc_deco.t3 {bottom:-140px;} /* kwangya119 - cp_design */ #contents.kwangya119 .cp_design .cpd_contents {gap:10px;} #contents.kwangya119 .cp_design .cpd_contents > ul.cpdc_top {gap:10px;} #contents.kwangya119 .cp_design .cpd_contents > ul.cpdc_top > li > strong {font-size:24px;} #contents.kwangya119 .cp_design .cpd_contents > ul.cpdc_top > li > p {font-size:17px; line-height:25px;} #contents.kwangya119 .cp_design .cpd_contents > ul.cpdc_top > li:nth-child(2) > ul {gap:10px;} #contents.kwangya119 .cp_design .cpd_contents > ul.cpdc_top > li:nth-child(2) > ul > li {width:calc(50% - 5px);} #contents.kwangya119 .cp_design .cpd_contents > ul.cpdc_top > li:nth-child(2) > ul > li strong {font-size:13px;} #contents.kwangya119 .cp_design .cpd_contents > ul.cpdc_top > li:nth-child(2) > ul > li p {font-size:16px; line-height:25px;} #contents.kwangya119 .cp_design .cpd_contents > ul.cpdc_btm > li strong {font-size:22px; line-height:32px;} #contents.kwangya119 .cp_design .cpd_contents > ul.cpdc_btm > li > p {font-size:15px;} #contents.kwangya119 .cp_design .cpd_contents > ul.cpdc_btm > li > p span#lang_en {height:75px;} #contents.kwangya119 .cp_design .cpd_contents > ul.cpdc_btm > li .fonts .lang {width:80px;} /* kwangya119 - cp_service */ #contents.kwangya119 .cp_service .cps_contents .cpsc_list {gap:20px; margin-top:30px;} #contents.kwangya119 .cp_service .cps_contents .cpsc_list .cpscl_item {width:100%;} #contents.kwangya119 .cp_service .cps_contents .cpsc_list .cpscl_item.t1 {top:0;} #contents.kwangya119 .cp_service .cps_contents .cpsc_list .cpscl_item.t3 {top:0;} #contents.kwangya119 .cp_service .cps_contents .cpsc_list .cpscl_item strong {font-size:20px; line-height:28px;} /* kwangya119 - cp_share */ #contents.kwangya119 .cp_share .cp_txtwrap strong {font-size:20px;} #contents.kwangya119 .cp_share .cp_txtwrap p {font-size:20px; line-height:30px;} #contents.kwangya119 .cp_share .cps_flow {margin-top:24vw;} #contents.kwangya119 .cp_share .cps_flow .cpsf_list {padding-bottom:24.0885vw;} #contents.kwangya119 .cp_share .cps_flow .cpsf_list .cpsfl_item {height:10.4167vw; margin-top:7.8125vw;} #contents.kwangya119 .cp_share .cps_flow .cpsf_list .cpsfl_item .cpsfli_wrap > div {height:10.4167vw; margin-right:2.6042vw; padding:1.9531vw 2.6042vw; border-radius:7.1615vw; box-shadow:0 1.3021vw 2.6042vw 0 rgba(30, 31, 36, 0.10);} #contents.kwangya119 .cp_share .cps_flow .cpsf_list .cpsfl_item .cpsfli_wrap > div i {width:5.2083vw; height:5.2083vw;} #contents.kwangya119 .cp_share .cps_flow .cpsf_list .cpsfl_item .cpsfli_wrap > div p {margin-left:1.3021vw; font-size:2.3438vw; line-height:6.5104vw; letter-spacing:-0.1302vw;} #contents.kwangya119 .cp_share .cps_flow .cpsf_list .cpsfl_item .cpsfli_wrap > div > span {margin-left:3.9063vw; font-size:1.8229vw; line-height:6.5104vw; letter-spacing:-0.1302vw;} #contents.kwangya119 .cp_share .cps_flow .cp_imgwrap {width:78.125vw; margin-top:-56.4453vw; margin-left:-41.0156vw;} #contents.kwangya119 .cp_share .cps_flow .cp_imgwrap img {filter:drop-shadow(0 7.8125vw 5.2083vw rgba(0, 0, 0, 0.10));} /* kwangya119 - cp_protect */ #contents.kwangya119 .cp_protect .cpp_contents > strong {margin-top:13vw; font-size:8.3vw; letter-spacing:-0.5px;} #contents.kwangya119 .cp_protect .cpp_contents .cppc_report {padding:0; padding-top:14vw;} #contents.kwangya119 .cp_protect .cpp_contents .cppc_report .cp_imgwrap {max-width:100%;} #contents.kwangya119 .cp_protect .cpp_contents .cppc_report .cppcr_deco {gap:0.9766vw; filter:blur(2.9297vw);} #contents.kwangya119 .cp_protect .cpp_contents .cppc_report .cppcr_deco i {width:9.7656vw; height:9.7656vw;} #contents.kwangya119 .cp_protect .cpp_contents .cppc_report .cppcr_deco p {height:9.7656vw; padding:0 4.8828vw; border-radius:7.8125vw; border:0.1953vw solid #FFF; box-shadow:0 0.9766vw 3.9063vw 0 rgba(0, 0, 0, 0.04); backdrop-filter:blur(0.9766vw); font-size:2.3438vw; line-height:9.7656vw; letter-spacing:-0.0977vw;} #contents.kwangya119 .cp_protect .cpp_contents .cppc_report .cppcr_deco.t1 {top:6.4453vw; margin-left:0;} #contents.kwangya119 .cp_protect .cpp_contents .cppc_report .cppcr_deco.t1 i {box-shadow:0 1.9531vw 1.9531vw 0 rgba(255, 157, 20, 0.30);} #contents.kwangya119 .cp_protect .cpp_contents .cppc_report .cppcr_deco.t2 {top:30.2734vw; margin-right:0;} #contents.kwangya119 .cp_protect .cpp_contents .cppc_report .cppcr_deco.t2 i {box-shadow:0 1.9531vw 1.9531vw 0 rgba(0, 71, 187, 0.30);} #contents.kwangya119 .cp_protect .cpp_contents .cppc_report .cppcr_deco.t3 {top:46.7344vw; margin-right:-20vw;} #contents.kwangya119 .cp_protect .cpp_contents .cppc_report .cppcr_deco.t3 i {box-shadow:0 1.9531vw 1.9531vw 0 rgba(224, 229, 102, 0.30);} #contents.kwangya119 .cp_protect .cpp_contents .cppc_report .cppcr_deco.t4 {top:62.4766vw; margin-left:-4vw;} #contents.kwangya119 .cp_protect .cpp_contents .cppc_report .cppcr_deco.t4 i {box-shadow:0 1.9531vw 1.9531vw 0 rgba(201, 139, 219, 0.30);} #contents.kwangya119 .cp_protect .cpp_contents .cppc_protect {padding-top:13vw;} #contents.kwangya119 .cp_protect .cpp_contents .cppc_protect > ul {flex-direction:column; gap:20px;} #contents.kwangya119 .cp_protect .cpp_contents .cppc_protect > ul > li:nth-child(1) img {max-width:50%;} #contents.kwangya119 .cp_protect .cpp_contents .cppc_protect > ul > li:nth-child(3) {justify-content:flex-end;} #contents.kwangya119 .cp_protect .cpp_contents .cppc_protect > ul > li:nth-child(3) img {max-width:50%; margin-top:0;} #contents.kwangya119 .cp_protect .cpp_contents .cppc_protect > ul > li > strong {font-size:24px; line-height:32px; letter-spacing:-1px;} #contents.kwangya119 .cp_protect .cpp_contents .cppc_protect > ul > li > p {margin-top:10px; margin-bottom:0; letter-spacing:-0.0694vw; font-size:16px; line-height:24px;} #contents.kwangya119 .cp_protect .cpp_contents .cppc_protect .cppcp_deco {gap:0.9766vw; filter:blur(2.9297vw);} #contents.kwangya119 .cp_protect .cpp_contents .cppc_protect .cppcp_deco i {width:9.7656vw; height:9.7656vw;} #contents.kwangya119 .cp_protect .cpp_contents .cppc_protect .cppcp_deco p {height:9.7656vw; padding:0 4.8828vw; border-radius:7.8125vw; border:0.1953vw solid #FFF; box-shadow:0 0.9766vw 3.9063vw 0 rgba(0, 0, 0, 0.04); backdrop-filter:blur(0.9766vw); font-size:2.3438vw; line-height:9.7656vw; letter-spacing:-0.0977vw;} #contents.kwangya119 .cp_protect .cpp_contents .cppc_protect .cppcp_deco.t1 {top:23.8828vw; margin-left:2.9844vw;} #contents.kwangya119 .cp_protect .cpp_contents .cppc_protect .cppcp_deco.t1 i {box-shadow:0 1.9531vw 1.9531vw 0 rgba(255, 163, 140, 0.30);} #contents.kwangya119 .cp_protect .cpp_contents .cppc_protect .cppcp_deco.t2 {bottom:-16.9844vw; left:-10.8125vw;} #contents.kwangya119 .cp_protect .cpp_contents .cppc_protect .cppcp_deco.t2 i {box-shadow:0 1.9531vw 1.9531vw 0 rgba(166, 208, 211, 0.30);} /* kwangya119 - cp_history */ #contents.kwangya119 .cp_history .cp_title strong {font-size:34px; line-height:44px; letter-spacing:-1.2px;} #contents.kwangya119 .cp_history .cph_contents {background-image:none;} #contents.kwangya119 .cp_history .cph_contents ul li p {font-size:22px; line-height:34px;} #contents.kwangya119 .cp_history .cph_contents ul li > span {margin-top:10px; line-height:28px;} #contents.kwangya119 .cp_history .cp_imgwrap {max-width:78vw;} /* kwangya119 - cp_responsive */ #contents.kwangya119 .cp_responsive .cpr_marquee.t1 {padding:24vw 0;} #contents.kwangya119 .cp_responsive .cpr_marquee.t1 ul {height:13.6364vw;} #contents.kwangya119 .cp_responsive .cpr_marquee.t1 ul li {font-size:13.6364vw; line-height:13.6364vw; letter-spacing:-0.5455vw;} #contents.kwangya119 .cp_responsive .cpr_marquee.t1 ul li span {margin-right:2.0909vw;} #contents.kwangya119 .cp_responsive .cpr_marquee.t2 > ul > li:nth-child(1) {height:50vw;} #contents.kwangya119 .cp_responsive .cpr_marquee.t2 > ul > li:nth-child(2) {padding:77vw 0 12vw;} #contents.kwangya119 .cp_responsive .cpr_marquee.t2 > ul > li:nth-child(3) {height:50vw;} #contents.kwangya119 .cp_responsive .cpr_marquee.t2 > ul > li > ul {height:13.6364vw;} #contents.kwangya119 .cp_responsive .cpr_marquee.t2 > ul > li > ul > li {-webkit-text-stroke-width:0.0909vw; font-size:13.6364vw; line-height:13.6364vw; letter-spacing:-0.5455vw;} #contents.kwangya119 .cp_responsive .cpr_marquee.t2 > ul > li > ul > li span {margin-right:2.0909vw;} #contents.kwangya119 .cp_responsive .cpr_marquee .cprm_deco.t1 {max-width:94vw; margin-left:-47vw;} #contents.kwangya119 .cp_responsive .cpr_marquee .cprm_deco.t2 {width:70vw; margin-right:-35vw;} #contents.kwangya119 .cp_responsive .cpr_marquee .cprm_deco.t3 {top:10vw; width:32vw; margin-left:0;} #contents.kwangya119 .cp_responsive .cpr_marquee .cprm_deco.t4 {top:40vw; left:unset; right:50%; width:32vw; margin-left:0;} #contents.kwangya119 .cp_responsive .cpr_marquee .cprm_deco.t5 {width:70vw; margin-left:-35vw;} /* drmartens - common */ #contents.drmartens .cp_title {font-size:30px; line-height:46px;} #contents.drmartens .cp_title > span span {display:block;} #contents.drmartens .cp_title .emphasis:before {left:-4px;} #contents.drmartens .cp_text {font-size:17px; line-height:28px;} /* drmartens - cp_brand */ #contents.drmartens .cp_brand {padding:80px 30px 120px;} #contents.drmartens .cp_brand .cpb_deco .icon.t1 {top:-16vw; right:-1vw;} /* drmartens - cp_rule */ #contents.drmartens .cp_rule .cpr_contents {row-gap:60px;} #contents.drmartens .cp_rule .cpr_contents li {width:100%;} #contents.drmartens .cp_rule .cpr_contents li strong {font-size:42px; line-height:52px;} #contents.drmartens .cp_rule .cpr_contents li p {font-size:17px; line-height:28px;} #contents.drmartens .cp_rule .cpr_contents li:nth-child(1) p, #contents.drmartens .cp_rule .cpr_contents li:nth-child(3) p {padding:0;} #contents.drmartens .cp_rule .cp_imgwrap {width:100%;} #contents.drmartens .cp_rule .cp_imgwrap:before {top:-8vw; right:-6vw;} /* drmartens - cp_online */ #contents.drmartens .cp_online .cpo_bottom {padding:160px 30px 100px;} #contents.drmartens .cp_online .cpo_bottom .cp_txtwrap {top:20px; width:400px; margin-left:-200px;} #contents.drmartens .cp_online .cpo_bottom .cp_txtwrap p {margin-top:-10px;} /* drmartens - cp_design */ #contents.drmartens .cp_design .cpd_top .cpdt_thumbnail {height:420px;} #contents.drmartens .cp_design .cpd_top .cpdt_thumbnail .cpdtt_img {width:160px; margin-top:-141px; margin-left:-80px;} #contents.drmartens .cp_design .cpd_bottom .cpdb_icon li {padding-right:calc(50% - 90px);} #contents.drmartens .cp_design .cpd_bottom .cpdb_icon li:nth-child(5n) {padding-right:calc(50% - 90px);} #contents.drmartens .cp_design .cpd_bottom .cpdb_icon li:nth-child(3n) {padding-right:0;} #contents.drmartens .cp_design .cpd_bottom .cpdb_icon li:nth-child(1):before {top:0;} #contents.drmartens .cp_design .cpd_bottom .cpdb_icon li:nth-child(1):after {top:60px;} #contents.drmartens .cp_design .cpd_bottom .cpdb_icon li:nth-child(6):before {display:none;} #contents.drmartens .cp_design .cpd_bottom .cpdb_icon li:nth-child(6):after {display:none;} #contents.drmartens .cp_design .cpd_bottom .cpdb_icon li:nth-child(11):before {display:none;} #contents.drmartens .cp_design .cpd_bottom .cpdb_icon li:nth-child(11):after {display:none;} #contents.drmartens .cp_design .cpd_bottom .cpdb_icon li:nth-child(4):before {content:''; position:absolute; top:110px; left:-20px; right:calc(100% + 20px); height:1px; background-color:#000; opacity:0.1;} #contents.drmartens .cp_design .cpd_bottom .cpdb_icon li:nth-child(4):after {content:''; position:absolute; top:170px; left:-20px; right:calc(100% + 20px); height:1px; background-color:#000; opacity:0.1;} #contents.drmartens .cp_design .cpd_bottom .cpdb_icon li:nth-child(7):before {content:''; position:absolute; top:220px; left:-20px; right:calc(100% + 20px); height:1px; background-color:#000; opacity:0.1;} #contents.drmartens .cp_design .cpd_bottom .cpdb_icon li:nth-child(7):after {content:''; position:absolute; top:280px; left:-20px; right:calc(100% + 20px); height:1px; background-color:#000; opacity:0.1;} #contents.drmartens .cp_design .cpd_bottom .cpdb_icon li:nth-child(10):before {content:''; position:absolute; top:330px; left:-20px; right:calc(100% + 20px); height:1px; background-color:#000; opacity:0.1;} #contents.drmartens .cp_design .cpd_bottom .cpdb_icon li:nth-child(10):after {content:''; position:absolute; top:390px; left:-20px; right:calc(100% + 20px); height:1px; background-color:#000; opacity:0.1;} #contents.drmartens .cp_design .cpd_bottom .cpdb_icon li:nth-child(13):before {content:''; position:absolute; top:440px; left:-20px; right:calc(100% + 20px); height:1px; background-color:#000; opacity:0.1;} #contents.drmartens .cp_design .cpd_bottom .cpdb_icon li:nth-child(13):after {content:''; position:absolute; top:500px; left:-20px; right:calc(100% + 20px); height:1px; background-color:#000; opacity:0.1;} #contents.drmartens .cp_design .cpd_bottom .cpdb_icon li:nth-child(1) i:before {left:0;} #contents.drmartens .cp_design .cpd_bottom .cpdb_icon li:nth-child(1) i:after {left:60px;} #contents.drmartens .cp_design .cpd_bottom .cpdb_icon li:nth-child(2) i:before {left:calc(50% - 30px);} #contents.drmartens .cp_design .cpd_bottom .cpdb_icon li:nth-child(2) i:after {left:calc(50% + 30px);} #contents.drmartens .cp_design .cpd_bottom .cpdb_icon li:nth-child(3) i:before {left:unset; right:0;} #contents.drmartens .cp_design .cpd_bottom .cpdb_icon li:nth-child(3) i:after {left:unset; right:60px;} #contents.drmartens .cp_design .cpd_bottom .cpdb_icon li:nth-child(4) i:before {display:none;} #contents.drmartens .cp_design .cpd_bottom .cpdb_icon li:nth-child(4) i:after {display:none;} #contents.drmartens .cp_design .cpd_bottom .cpdb_icon li:nth-child(5) i:before {display:none;} #contents.drmartens .cp_design .cpd_bottom .cpdb_icon li:nth-child(5) i:after {display:none;} #contents.drmartens .cp_design .cpd_bottom .cpdb_icon ul.aos-animate li:nth-child(4):before {right:-20px; transition:1.6s all; transition-delay:0.8s;} #contents.drmartens .cp_design .cpd_bottom .cpdb_icon ul.aos-animate li:nth-child(4):after {right:-20px; transition:1.6s all; transition-delay:1s;} #contents.drmartens .cp_design .cpd_bottom .cpdb_icon ul.aos-animate li:nth-child(7):before {right:-20px; transition:1.6s all; transition-delay:1.2s;} #contents.drmartens .cp_design .cpd_bottom .cpdb_icon ul.aos-animate li:nth-child(7):after {right:-20px; transition:1.6s all; transition-delay:1.4s;} #contents.drmartens .cp_design .cpd_bottom .cpdb_icon ul.aos-animate li:nth-child(10):before {right:-20px; transition:1.6s all; transition-delay:1.6s;} #contents.drmartens .cp_design .cpd_bottom .cpdb_icon ul.aos-animate li:nth-child(10):after {right:-20px; transition:1.6s all; transition-delay:1.8s;} #contents.drmartens .cp_design .cpd_bottom .cpdb_icon ul.aos-animate li:nth-child(13):before {right:-20px; transition:1.6s all; transition-delay:2s;} #contents.drmartens .cp_design .cpd_bottom .cpdb_icon ul.aos-animate li:nth-child(13):after {right:-20px; transition:1.6s all; transition-delay:2.2s;} /* drmartens - cp_look */ #contents.drmartens .cp_look .cp_txtwrap .cp_text span {display:inline;} #contents.drmartens .cp_look .cp_imgwrap {margin-top:60px;} /* drmartens - cp_uiux */ #contents.drmartens .cp_uiux .cpu_slider {width:100%;} #contents.drmartens .cp_uiux .cpu_slider .swiper-slide .cpus_info {padding:5px 0;} #contents.drmartens .cp_uiux .cpu_slider .swiper-slide .cpus_info p {font-size:12px;} #contents.drmartens .cp_uiux .cpu_slider .swiper-slide .cpus_info .cpusi_color {margin-top:6px;} #contents.drmartens .cp_uiux .cpu_slider .swiper-slide .cpus_info .cpusi_color i {width:6px; height:6px;} #contents.drmartens .cp_uiux .cpu_sliderwrap .cpu_slider-prev, #contents.drmartens .cp_uiux .cpu_sliderwrap .cpu_slider-next {display:none;} /* eurocave - common */ #contents.eurocave .cp_txtwrap .cp_title {font-size:40px; line-height:56px;} #contents.eurocave .cp_txtwrap .cp_title + .line {width:60px;} #contents.eurocave .cp_txtwrap .cp_text {width:100%; font-size:17px; line-height:28px;} #contents.eurocave .cp_txtwrap .deco_title {display:none; width:46px; height:75px;} #contents.eurocave .cp_txtwrap .deco_title p {top:-4px; left:-17px; line-height:13px;} /* eurocave - cp_story */ #contents.eurocave .cp_story .cp_txtwrap .cp_text {width:100%;} #contents.eurocave .cp_story .cps_contents {gap:15px; margin-top:50px;} #contents.eurocave .cp_story .cps_contents .cpsc_box {width:100%;} #contents.eurocave .cp_story .cps_contents .cpsc_box {padding:5.2083vw;} #contents.eurocave .cp_story .cps_contents .cpsc_box strong {font-size:6.5vw; line-height:7.8vw;} #contents.eurocave .cp_story .cps_contents .cpsc_box p {font-size:3vw; line-height:4.2vw;} #contents.eurocave .cp_story .cps_contents .cpsc_box p span {display:inline;} #contents.eurocave .cp_story .cps_attachment p {bottom:30px; font-size:14px; line-height:24px;} /* eurocave - cp_values */ #contents.eurocave .cp_values:before {top:13vw;} #contents.eurocave .cp_values .cp_imgwrap {height:238vw; margin-top:50px;} #contents.eurocave .cp_values .cp_imgwrap li:nth-child(1) {width:77.7778vw;} #contents.eurocave .cp_values .cp_imgwrap li:nth-child(2) {top:80vw; width:50vw;} #contents.eurocave .cp_values .cp_imgwrap li:nth-child(3) {width:66.6667vw;} #contents.eurocave .cp_values .cp_imgwrap li strong {margin-top:3.3333vw; font-size:4.4444vw; line-height:5.5556vw;} #contents.eurocave .cp_values .cp_imgwrap li p {margin-top:2.2222vw; font-size:2.7778vw; line-height:4.4444vw; letter-spacing:-0vw;} /* eurocave - cp_design */ #contents.eurocave .cp_design .cpd_typography .cpdt_contents {margin-top:50px;} #contents.eurocave .cp_design .cpd_typography .cpdt_contents .cpdtc_kr {flex-direction:column; gap:2vw;} #contents.eurocave .cp_design .cpd_typography .cpdt_contents .cpdtc_kr strong {width:100%; font-size:47vw; line-height:58.7vw; letter-spacing:-3vw;} #contents.eurocave .cp_design .cpd_typography .cpdt_contents .cpdtc_kr .info {width:100%;} #contents.eurocave .cp_design .cpd_typography .cpdt_contents .cpdtc_kr .info .info_top em {font-size:4.2857vw; line-height:7.1429vw; letter-spacing:-0.1429vw;} #contents.eurocave .cp_design .cpd_typography .cpdt_contents .cpdtc_kr .info .info_top ul {gap:15px;} #contents.eurocave .cp_design .cpd_typography .cpdt_contents .cpdtc_kr .info .info_top ul li {font-size:4.2857vw; line-height:7.1429vw; letter-spacing:-0.1429vw;} #contents.eurocave .cp_design .cpd_typography .cpdt_contents .cpdtc_kr .info .info_bottom {min-height:34.2858vw; margin-top:2.8571vw; font-size:7.1429vw; line-height:11.4286vw; letter-spacing:-0.2857vw;} #contents.eurocave .cp_design .cpd_typography .cpdt_contents .cpdtc_en {flex-direction:column; gap:2vw; margin-top:30px;} #contents.eurocave .cp_design .cpd_typography .cpdt_contents .cpdtc_en strong {width:100%; font-size:70vw; line-height:58.7vw; letter-spacing:-2.8vw; text-indent:-15vw;} #contents.eurocave .cp_design .cpd_typography .cpdt_contents .cpdtc_en .info {width:100%;} #contents.eurocave .cp_design .cpd_typography .cpdt_contents .cpdtc_en .info .info_top em {font-size:4.2857vw; line-height:7.1429vw; letter-spacing:-0.1429vw;} #contents.eurocave .cp_design .cpd_typography .cpdt_contents .cpdtc_en .info .info_top ul {gap:15px;} #contents.eurocave .cp_design .cpd_typography .cpdt_contents .cpdtc_en .info .info_top ul li {font-size:4.2857vw; line-height:7.1429vw; letter-spacing:-0.1429vw;} #contents.eurocave .cp_design .cpd_typography .cpdt_contents .cpdtc_en .info .info_bottom {min-height:34.2858vw; margin-top:2.8571vw; font-size:7.1429vw; line-height:11.4286vw; letter-spacing:-0.2857vw;} #contents.eurocave .cp_design .cpd_color {margin-top:120px;} #contents.eurocave .cp_design .cpd_color .cpdc_contents {flex-wrap:wrap; margin-top:50px;} #contents.eurocave .cp_design .cpd_color .cpdc_contents li {width:calc(50% - 10px);} #contents.eurocave .cp_design .cpd_color .cpdc_contents li strong {margin-top:15px; font-size:20px; line-hieght:30px;} #contents.eurocave .cp_design .cpd_color .cpdc_contents li p {margin-top:5px; font-size:16px; line-height:30px;} #contents.eurocave .cp_design .cpd_illustration{margin-top:120px;} #contents.eurocave .cp_design .cpd_illustration .cpdi_contents {gap:10px; margin-top:50px;} #contents.eurocave .cp_design .cpd_illustration .cpdi_contents li {width:calc(33.3333% - 6.6666px);} /* eurocave - cp_experience */ #contents.eurocave .cp_experience:before {top:165vw;} #contents.eurocave .cp_experience .cp_imgwrap {margin-top:50px;} #contents.eurocave .cp_experience .cp_imgwrap:before {width:79.8611vw; filter:drop-shadow(1.3889vw 1.3889vw 0.6944vw rgba(0, 0, 0, 0.25)) drop-shadow(1.3889vw 1.3889vw 0.7639vw rgba(0, 0, 0, 0.1));} #contents.eurocave .cp_experience .cp_imgwrap:after {width:79.8611vw; filter:drop-shadow(-0.6944vw 1.3889vw 0.6944vw rgba(0, 0, 0, 0.15)) drop-shadow(0 1.3889vw 1.3889vw rgba(0, 0, 0, 0.10));} @keyframes floating05 {0%{transform:translateY(0.4861vw);} 50%{transform:translateY(0);} 100%{transform:translateY(0.4861vw);}} #contents.eurocave .cp_experience .cp_imgwrap i {top:11.5972vw; left:47.6389vw; height:27.9861vw;} #contents.eurocave .cp_experience .cp_imgwrap img {width:79.8611vw; filter:drop-shadow(0 1.3889vw 1.3889vw rgba(0, 0, 0, 0.25)) drop-shadow(0 2.7778vw 1.3889vw rgba(0, 0, 0, 0.25));} #contents.eurocave .cp_experience .cpe_contents {margin-top:50px;} #contents.eurocave .cp_experience .cpe_contents ul {gap:3.4722vw; padding:6.25vw 0 0;} #contents.eurocave .cp_experience .cpe_contents ul li {width:25.6944vw;} #contents.eurocave .cp_experience .cpe_contents ul li img {width:100%; filter:drop-shadow(0 1.3889vw 1.3889vw rgba(0, 0, 0, 0.10)) drop-shadow(0 2.7778vw 1.3889vw rgba(0, 0, 0, 0.15));} #contents.eurocave .cp_experience .cpe_contents ul:first-child li:nth-child(2) {margin-top:6.1111vw;} #contents.eurocave .cp_experience .cpe_contents ul li:nth-child(2) img:nth-child(2) {width:25vw; margin-top:-3.6806vw; margin-left:0.3472vw; filter:none;} #contents.eurocave .cp_experience .cpe_contents ul li:nth-child(3) {top:69.4444vw;} #contents.eurocave .cp_experience .cpe_contents ul li:nth-child(3) video {width:calc(100% - 3px); margin-top:1.5px; margin-left:1.5px; border-radius:10px;} #contents.eurocave .cp_experience .cpe_contents > strong {margin-top:6vw; font-size:9.2vw; line-height:9.2vw; letter-spacing:-0.38vw;} /* eurocave - cp_brand */ #contents.eurocave .cp_brand .cp_imgwrap {margin-top:50px;} /* eurocave - cp_manufacture */ #contents.eurocave .cp_manufacture .cpm_contents {margin-top:50px;} #contents.eurocave .cp_manufacture .cpm_contents ul {gap:50px;} /* withmuu - common */ #contents.withmuu .cp_title {padding-left:3px; font-size:30px; line-height:36px;} #contents.withmuu .cp_title:before {right:-5px; height:8px;} #contents.withmuu .cp_title:after {right:-18px; width:8px; height:8px;} #contents.withmuu .cp_text {margin-top:12px; font-size:17px; line-height:28px;} #contents.withmuu .cp_text mark {padding:0 8px; margin-right:1px; font-size:16px; line-height:22px;} /* withmuu - cp_core */ #contents.withmuu .cp_core .cpc_list li {flex-direction:column; gap:40px;} #contents.withmuu .cp_core .cpc_list li .cpcl_box:after {top:100%; left:50%; width:1px; height:0; margin-left:-1px; background-image:linear-gradient(180deg, #6255F6 0%, #01F288 65%, #01F288 100%);} #contents.withmuu .cp_core .cpc_list li.aos-animate .cpcl_box:after {height:40px;} #contents.withmuu .cp_core .cpc_list li:nth-child(1).aos-animate .cpcl_box:after, #contents.withmuu .cp_core .cpc_list li:nth-child(2).aos-animate .cpcl_box:after, #contents.withmuu .cp_core .cpc_list li:nth-child(3).aos-animate .cpcl_box:after {width:1px;} #contents.withmuu .cp_core .cpc_deco {height:87px;} #contents.withmuu .cp_core .cpc_deco .cpcd_pic {height:36px;} #contents.withmuu .cp_core .cpc_dot .cpcd_deco.t1 {display:none; left:auto; width:250px;} #contents.withmuu .cp_core .cpc_dot .cpcd_deco.t2 {display:none; right:auto; width:250px;} #contents.withmuu .cp_core .cpc_dot .cpcd_contents .cpcdc_logo {width:100%;} #contents.withmuu .cp_core .cpc_dot .cpcd_contents .cpcdc_txt {margin-top:25px;} #contents.withmuu .cp_core .cpc_dot .cpcd_contents .cpcdc_txt > span {display:inline; font-size:14px; line-height:30px;} /* withmuu - cp_design */ #contents.withmuu .cp_design .cpd_top .cpdt_box {padding-left:80px;} #contents.withmuu .cp_design .cpd_top .cpdt_box .cp_title {font-size:30px; line-height:40px;} #contents.withmuu .cp_design .cpd_top .cpdt_box .cp_text {font-size:16px; line-height:28px;} #contents.withmuu .cp_design .cpd_color .cpdc_contents {gap:4.6875vw; margin-top:7.0313vw;} #contents.withmuu .cp_design .cpd_color .cpdc_contents li {width:100%; border-radius:4.6875vw;} #contents.withmuu .cp_design .cpd_color .cpdc_contents li:nth-child(1) > div {padding:7.0313vw;} #contents.withmuu .cp_design .cpd_color .cpdc_contents li:nth-child(2) {height:36.849vw;} #contents.withmuu .cp_design .cpd_color .cpdc_contents .cpdcc_left strong {font-size:4.6875vw; line-height:5.8594vw; letter-spacing:-0.1302vw;} #contents.withmuu .cp_design .cpd_color .cpdc_contents .cpdcc_left p {margin-top:6.3802vw; font-size:2.3438vw; line-height:3.5156vw; letter-spacing:-0vw;} #contents.withmuu .cp_design .cpd_color .cpdc_contents .cpdcc_right strong {font-size:4.6875vw; line-height:5.8594vw; letter-spacing:-0.1302vw;} #contents.withmuu .cp_design .cpd_color .cpdc_contents .cpdcc_right p {margin-top:6.3802vw; font-size:2.3438vw; line-height:3.5156vw; letter-spacing:-0vw;} #contents.withmuu .cp_design .cpd_color .cpdc_contents li:nth-child(2) strong {font-size:5.8594vw; line-height:7.0313vw; letter-spacing:-0.1302vw;} #contents.withmuu .cp_design .cpd_icon .cpdi_contents {position:relative; margin-top:6vw; padding:7.5vw 8vw; border-radius:4vw; box-shadow:0 3vw 6vw 0 rgba(20, 20, 21, 0.02);} #contents.withmuu .cp_design .cpd_icon .cpdi_contents:before {content:''; position:absolute; top:41.3333vw; left:5vw; right:5vw; height:0.1667vw; background-color:rgba(176, 176, 176, 0.25);} #contents.withmuu .cp_design .cpd_icon .cpdi_contents:after {content:''; position:absolute; bottom:41.3333vw; left:5vw; right:5vw; height:0.1667vw; background-color:rgba(176, 176, 176, 0.25);} #contents.withmuu .cp_design .cpd_icon .cpdi_contents > .deco {top:11.6667vw; bottom:11.8333vw; left:8vw; right:8vw; border-top:0.1667vw solid rgba(176, 176, 176, 0.25); border-bottom:0.1667vw solid rgba(176, 176, 176, 0.25);} #contents.withmuu .cp_design .cpd_icon .cpdi_contents > .deco:before {top:25.1667vw; height:0.1667vw;} #contents.withmuu .cp_design .cpd_icon .cpdi_contents > .deco:after {bottom:25.3333vw; height:0.1667vw;} #contents.withmuu .cp_design .cpd_icon .cpdi_contents ul {flex-wrap:wrap; row-gap:calc(8.3333vw - 25px);} #contents.withmuu .cp_design .cpd_icon .cpdi_contents ul:before {left:-3vw; right:calc(100% + 3vw); height:0.1667vw;} #contents.withmuu .cp_design .cpd_icon .cpdi_contents ul:after {left:-3vw; right:calc(100% + 3vw); height:0.1667vw;} #contents.withmuu .cp_design .cpd_icon .cpdi_contents ul li:before {top:-3vw; bottom:calc(100% + 3vw); width:0.1667vw;} #contents.withmuu .cp_design .cpd_icon .cpdi_contents ul li:after {top:-3vw; bottom:calc(100% + 3vw); width:0.1667vw;} #contents.withmuu .cp_design .cpd_icon .cpdi_contents ul li .line {left:4vw; right:4vw;} #contents.withmuu .cp_design .cpd_icon .cpdi_contents ul li .line:before {width:0.1667vw;} #contents.withmuu .cp_design .cpd_icon .cpdi_contents ul li .line:after {width:0.1667vw;} #contents.withmuu .cp_design .cpd_icon .cpdi_contents ul li .cross:before {width:0.1667vw;} #contents.withmuu .cp_design .cpd_icon .cpdi_contents ul li .cross:after {height:0.1667vw;} #contents.withmuu .cp_design .cpd_icon .cpdi_contents ul li .diagonal::before {height:0.1667vw;} #contents.withmuu .cp_design .cpd_icon .cpdi_contents ul li .diagonal::after {height:0.1667vw;} #contents.withmuu .cp_design .cpd_icon .cpdi_contents.aos-animate ul:before {right:-3vw;} #contents.withmuu .cp_design .cpd_icon .cpdi_contents.aos-animate ul:after {right:-3vw;} #contents.withmuu .cp_design .cpd_icon .cpdi_contents.aos-animate ul li:nth-child(1):before {bottom:-3.6667vw;} #contents.withmuu .cp_design .cpd_icon .cpdi_contents.aos-animate ul li:nth-child(1):after {bottom:-3.6667vw;} #contents.withmuu .cp_design .cpd_icon .cpdi_contents.aos-animate ul li:nth-child(2):before {bottom:-3.6667vw;} #contents.withmuu .cp_design .cpd_icon .cpdi_contents.aos-animate ul li:nth-child(2):after {bottom:-3.6667vw;} #contents.withmuu .cp_design .cpd_icon .cpdi_contents.aos-animate ul li:nth-child(3):before {bottom:-3.6667vw;} #contents.withmuu .cp_design .cpd_icon .cpdi_contents.aos-animate ul li:nth-child(3):after {bottom:-3.6667vw;} #contents.withmuu .cp_design .cpd_icon .cpdi_contents.aos-animate ul li:nth-child(4):before {bottom:-3.6667vw;} #contents.withmuu .cp_design .cpd_icon .cpdi_contents.aos-animate ul li:nth-child(4):after {bottom:-3.6667vw;} #contents.withmuu .cp_design .cpd_icon .cpdi_contents.aos-animate ul li .diagonal::before {width:47.5vw;} #contents.withmuu .cp_design .cpd_icon .cpdi_contents.aos-animate ul li .diagonal::after {width:47.5vw;} #contents.withmuu .cp_design .cpd_icon .cpdi_contents ul li .icon {width:33.6667vw; height:33.6667vw;} /* withmuu - cp_main */ #contents.withmuu .cp_main > ul {flex-direction:column;} #contents.withmuu .cp_main > ul li {width:100%;} /* withmuu - cp_main */ #contents.withmuu .cp_global .cpg_contents {margin-top:16.6667vw;} #contents.withmuu .cp_global .cpg_contents ul {flex-wrap:wrap; row-gap:20px;} #contents.withmuu .cp_global .cpg_contents li {width:calc(50% - 10px);} #contents.withmuu .cp_global .cpg_contents li img {width:90%;} #contents.withmuu .cp_global .cpg_contents li:nth-child(3) {width:calc(50% - 10px);} #contents.withmuu .cp_global .cpg_contents li:nth-child(3) img {width:calc(100% + 8vw); margin-left:-4vw;} #contents.withmuu .cp_global .cpg_contents li p {margin-top:3.3333vw; padding:0.3333vw 4vw; border-radius:8.3333vw; border:0.3333vw solid rgba(98, 85, 246, 0.10); font-size:4.1667vw; line-height:5vw; letter-spacing:-0.0833vw;} #contents.withmuu .cp_global .cpg_contents li i {width:27.5vw; height:27.5vw; margin-top:-13.75vw; margin-left:-13.75vw;} /* carriermall - common */ #contents.carriermall .cp_txtwrap mark {font-size:17px; line-height:22px;} #contents.carriermall .cp_txtwrap .cp_title {font-size:30px; line-height:40px;} #contents.carriermall .cp_txtwrap.t2 .cp_title {font-size:24px; line-height:34px;} #contents.carriermall .cp_txtwrap .cp_text {margin-top:12px; font-size:17px; line-height:28px;} /* carriermall - cp_goal */ #contents.carriermall .cp_goal .cpg_contents {padding:0 30px;} #contents.carriermall .cp_goal .cpg_contents ul {flex-direction:column; align-items:center; gap:0;} #contents.carriermall .cp_goal .cpg_contents ul li {width:260px; border-radius:300px; box-shadow:0 23px 47px 0 rgba(28, 28, 32, 0.03);} #contents.carriermall .cp_goal .cpg_contents ul li:nth-child(1) {left:auto; transform:translateX(0) translateY(-4px);} #contents.carriermall .cp_goal .cpg_contents ul li:nth-child(2) {left:auto; margin-top:-2vw; transform:translateX(0) translateY(-4px);} #contents.carriermall .cp_goal .cpg_contents ul li:nth-child(3) {right:auto; margin-top:-2vw; transform:translateX(0) translateY(-4px);} #contents.carriermall .cp_goal .cpg_contents.aos-animate ul li {transform:translateX(0) translateY(0) !important;} #contents.carriermall .cp_goal .cpg_contents ul li strong {font-size:23px; line-height:31px; letter-spacing:-1px;} #contents.carriermall .cp_goal .cpg_contents ul li p {margin-top:23px; font-size:18px; line-height:29px; letter-spacing:-0px;} #contents.carriermall .cp_goal .cpg_contents .icon.arrow {width:100px; height:100px; transform:rotate(90deg); background-size:50px auto;} #contents.carriermall .cp_goal .cpg_contents .cpgc_goal {width:262px; border-radius:391px; box-shadow:0 23px 47px 0 rgba(23, 42, 126, 0.20); transform:translateX(0) translateY(-23px);} #contents.carriermall .cp_goal .cpg_contents .cpgc_goal p {font-size:23px; line-height:35px; letter-spacing:-1px;} #contents.carriermall .cp_goal .cpg_contents.aos-animate .cpgc_goal {transform:translateX(0) !important;} #contents.carriermall .cp_goal .cp_txtwrap {box-sizing:border-box; padding:0 30px;} /* carriermall - cp_strategy */ #contents.carriermall .cp_strategy ul {flex-direction:column; align-items:center; gap:20px; margin-top:50px;} #contents.carriermall .cp_strategy ul li {gap:21px; width:260px; border-radius:14px; box-shadow:0 0 55px 0 rgba(28, 28, 32, 0.06);} #contents.carriermall .cp_strategy ul li i {width:82px; height:55px;} #contents.carriermall .cp_strategy ul li strong {font-size:21px; line-height:27px; letter-spacing:-1px;} #contents.carriermall .cp_strategy ul li p {font-size:17px; line-height:27px; letter-spacing:-0px;} #contents.carriermall .cp_strategy .cp_wrap > strong {margin-top:60px; font-size:32px; line-height:42px;} #contents.carriermall .cp_strategy .cp_wrap > strong img {width:154px;} #contents.carriermall .cp_strategy .cp_wrap > strong .cp_deco {top:-165px; right:15px; width:120px; height:120px;} /* carriermall - cp_design */ #contents.carriermall .cp_design .cpd_bottom {margin-top:100px; padding:30px 0 160px;} #contents.carriermall .cp_design .cpd_bottom .cpdb_filter .cpdbf_box .cp_imgwrap {width:23vw;} #contents.carriermall .cp_design .cpd_bottom .cpdb_filter > .cp_imgwrap {top:96.5vw;} /* carriermall - cp_history */ #contents.carriermall .cp_history .cps_contents.t1 .cp_txtwrap .cp_text > span {display:inline;} #contents.carriermall .cp_history .cp_imgwrap p {font-size:1.56vw; line-height:3.2vw;} #contents.carriermall .cp_history .cps_contents.t1 .cp_imgwrap.t3 {padding-left:3.2vw;} #contents.carriermall .cp_history .cps_contents.t2 .cp_imgwrap img {width:45vw;} /* carriermall - cp_masonry */ #contents.carriermall .cp_masonry .cp_wrap {gap:10px;} #contents.carriermall .cp_masonry .cpm_bottom .cpmb_right .cp_box {height:40vw; margin-top:10px;} #contents.carriermall .cp_masonry .cpm_bottom .cpmb_right .cp_box img {width:34vw;} #contents.carriermall .cp_masonry .cpm_bottom .cpmb_right .cp_box p {box-sizing:border-box; margin-top:4.2vw; padding:0 20px;} #contents.carriermall .cp_masonry .cpm_bottom .cpmb_right .cp_box p span {display:inline; font-size:4vw; line-height:5.6vw;} #contents.carriermall .cp_masonry .cpm_bottom .cpmb_right .cp_imgwrap {margin-top:10px;} /* carriermall - cp_now */ #contents.carriermall .cp_now {padding-bottom:12vw;} #contents.carriermall .cp_now .cpn_contents.t1 {padding-top:0; padding-bottom:65vw;} #contents.carriermall .cp_now .cpn_contents.t1 .cp_imgwrap.t1 {top:auto; bottom:0; left:-26.6389vw;} #contents.carriermall .cp_now .cpn_contents.t1 .cp_imgwrap.t2 {top:auto; bottom:14vw;} #contents.carriermall .cp_now .cpn_contents.t2 {flex-wrap:wrap; justify-content:flex-end; gap:5vw;} #contents.carriermall .cp_now .cpn_contents.t2 .cp_txtwrap {width:100%; margin-top:0;} #contents.carriermall .cp_now .cpn_contents.t2 .cp_imgwrap.t1 {width:34vw; margin-top:30px;} #contents.carriermall .cp_now .cpn_contents.t2 .cp_imgwrap.t1 img {border-radius:1.8vw;} #contents.carriermall .cp_now .cpn_contents.t2 .cp_imgwrap.t2 {width:34vw;} #contents.carriermall .cp_now .cpn_contents.t2 .cp_imgwrap.t2 img {border-radius:1.8vw;} #contents.carriermall .cp_now .cp_wrap > .cp_imgwrap {width:100vw; margin-top:-50vw; margin-right:-55vw;} #contents.carriermall .cp_now .cp_imgwrap img {border-radius:3.4vw;} /* carriermall - cp_banner */ #contents.carriermall .cp_banner .cp_wrap .cp_imgwrap {top:-10vw; width:38vw;} /* ibk - common */ #contents.ibk .cp_txtwrap .cp_title {font-size:20px; line-height:30px;} #contents.ibk .cp_txtwrap .cp_subtitle {font-size:30px; line-height:46px;} #contents.ibk .cp_txtwrap .cp_text {font-size:17px; line-height:28px;} /* ibk - cp_strategy */ #contents.ibk .cp_strategy .cp_wrap > ul {gap:4.9479vw; margin-top:10.8073vw;} #contents.ibk .cp_strategy .cp_wrap > ul li {gap:2.9948vw;} #contents.ibk .cp_strategy .cp_wrap > ul li:nth-child(2) {gap:4.9479vw; left:-29.6719vw;} #contents.ibk .cp_strategy .cp_wrap > ul li:nth-child(3) {left:13.2813vw;} #contents.ibk .cp_strategy .cp_wrap > ul li .cp_imgwrap {height:29.4271vw;} #contents.ibk .cp_strategy .cp_wrap > ul li strong {font-size:26.4323vw; line-height:25.5208vw; letter-spacing:-0.5208vw;} #contents.ibk .cp_strategy .cp_wrap > ul li p {padding:2.6042vw 3.9063vw; border-radius:1.9531vw; box-shadow:1.3021vw 2.6042vw 5.2083vw 0 rgba(13, 14, 15, 0.10); font-size:3.2552vw; line-height:5.2083vw; letter-spacing:-0.1302vw;} #contents.ibk .cp_strategy .cp_wrap > ul li p:before {bottom:-2.0833vw; left:50%; width:2.6042vw; height:2.6042vw;} #contents.ibk .cp_strategy .cp_wrap > ul li:nth-child(1) p {top:-3.125vw; left:40vw;} #contents.ibk .cp_strategy .cp_wrap > ul li:nth-child(2) p {top:-1.6927vw; left:30.8594vw;} #contents.ibk .cp_strategy .cp_wrap > ul li:nth-child(3) p {top:-2.474vw; left:42vw;} /* ibk - cp_elements */ #contents.ibk .cp_elements .cpe_font {flex-direction:column;} #contents.ibk .cp_elements .cpe_font .cpef_en {width:100%;} #contents.ibk .cp_elements .cpe_font .cpef_en strong {float:left; width:50%; margin-right:6vw; font-size:34.7222vw; line-height:27.7778vw; letter-spacing:-0.6944vw;} #contents.ibk .cp_elements .cpe_font .cpef_en em {float:left; width:calc(50% - 6vw); margin-top:0; font-size:3.9063vw; line-height:6.25vw; letter-spacing:-0.1563vw;} #contents.ibk .cp_elements .cpe_font .cpef_en ul {float:left; width:calc(50% - 6vw);} #contents.ibk .cp_elements .cpe_font .cpef_en ul li {font-size:3.9063vw; line-height:6.25vw; letter-spacing:-0.1563vw;} #contents.ibk .cp_elements .cpe_font .cpef_kr {width:100%; margin-top:4.2vw;} #contents.ibk .cp_elements .cpe_font .cpef_kr strong {float:left; width:50%; margin-right:6vw; font-size:25vw; line-height:31.25vw; letter-spacing:-0.4861vw;} #contents.ibk .cp_elements .cpe_font .cpef_kr em {float:left; width:calc(50% - 6vw); margin-top:0; font-size:3.9063vw; line-height:6.25vw; letter-spacing:-0.1563vw;} #contents.ibk .cp_elements .cpe_font .cpef_kr ul {float:left; width:calc(50% - 6vw);} #contents.ibk .cp_elements .cpe_font .cpef_kr ul li {font-size:3.9063vw; line-height:6.25vw; letter-spacing:-0.1563vw;} #contents.ibk .cp_elements .cpe_color {flex-direction:column; gap:20px; margin-top:60px;} #contents.ibk .cp_elements .cpe_color > div {width:100%;} /* ibk - cp_glassmorphism */ #contents.ibk .cp_glassmorphism .cpg_ui {flex-direction:column; max-width:100%; margin-top:47px;} #contents.ibk .cp_glassmorphism .cpg_ui .cpgu_single {width:218px; margin:0 auto 77px;} #contents.ibk .cp_glassmorphism .cpg_ui .cpgu_single .cpgu_round {max-width:182px; height:182px;} #contents.ibk .cp_glassmorphism .cpg_ui .cpgu_single .cpgu_round i.t1 {margin-top:48px;} #contents.ibk .cp_glassmorphism .cpg_ui .cpgu_single .cpgu_round i.t1:before {left:-48px; width:calc(100% + 96px); border-top:1px solid rgba(212, 214, 214, 0.6); border-bottom:1px solid rgba(212, 214, 214, 0.6);} #contents.ibk .cp_glassmorphism .cpg_ui .cpgu_single .cpgu_round i.t1:after {top:-48px; height:calc(100% + 96px); border-left:1px solid rgba(212, 214, 214, 0.6); border-right:1px solid rgba(212, 214, 214, 0.6);} #contents.ibk .cp_glassmorphism .cpg_ui .cpgu_single .cpgu_round i.t2 {top:9px; bottom:9px; left:9px; right:9px;} #contents.ibk .cp_glassmorphism .cpg_ui .cpgu_single .cpgu_round i.t2:before {border:1px solid rgba(212, 214, 214, 0.6);} #contents.ibk .cp_glassmorphism .cpg_ui .cpgu_single .cpgu_round i.t2:after {top:9px; bottom:9px; left:9px; right:9px; border-radius:4px; border:1px solid rgba(212, 214, 214, 0.6);} #contents.ibk .cp_glassmorphism .cpg_ui .cpgu_single .cpgu_round i.t3 {top:9px; bottom:9px; left:9px; right:9px;} #contents.ibk .cp_glassmorphism .cpg_ui .cpgu_single .cpgu_round i.t3:before {top:19px; bottom:19px; border-radius:4px; border:1px solid rgba(212, 214, 214, 0.2);} #contents.ibk .cp_glassmorphism .cpg_ui .cpgu_single .cpgu_round i.t3:after {left:19px; right:19px; border-radius:4px; border:1px solid rgba(212, 214, 214, 0.2);} #contents.ibk .cp_glassmorphism .cpg_ui .cpgu_single .cpgu_round i.t4 {top:-8px; bottom:9px; left:59px; right:59px; border-left:1px solid rgba(212, 214, 214, 0.2); border-right:1px solid rgba(212, 214, 214, 0.2);} #contents.ibk .cp_glassmorphism .cpg_ui .cpgu_single .cpgu_round i.t4:before {width:1px; height:auto; background-color:rgba(212, 214, 214, 0.2);} #contents.ibk .cp_glassmorphism .cpg_ui .cpgu_single .cpgu_round i.t5 {width:111px; height:111px;} #contents.ibk .cp_glassmorphism .cpg_ui .cpgu_single .cpgu_round i.t5:before {bottom:-17px; left:-17px; width:40px; height:40px; border:2px solid #0055A2;} #contents.ibk .cp_glassmorphism .cpg_ui .cpgu_single .cpgu_round span {margin-top:8px; color:rgba(0, 0, 0, 0.80); font-size:19px; line-height:27px;} #contents.ibk .cp_glassmorphism .cpg_ui .cpgu_single .cpgu_color {max-width:156px; margin:78px 18px 0 auto;} #contents.ibk .cp_glassmorphism .cpg_ui .cpgu_single .cpgu_color ul {gap:8px;} #contents.ibk .cp_glassmorphism .cpg_ui .cpgu_single .cpgu_color ul li {width:16px; height:16px;} #contents.ibk .cp_glassmorphism .cpg_ui .cpgu_single .cpgu_color ul li i {width:100%; height:auto; aspect-ratio:1/1;} #contents.ibk .cp_glassmorphism .cpg_ui .cpgu_single .cpgu_color span {margin-top:8px; color:rgba(0, 0, 0, 0.80); font-size:19px; line-height:27px;} #contents.ibk .cp_glassmorphism .cpg_ui .cpgu_set {width:100%; height:auto; aspect-ratio:540/900;} #contents.ibk .cp_glassmorphism .cpg_ui .cpgu_set ul {top:10%; left:16.6666%; width:66.6667%; height:80%;} #contents.ibk .cp_glassmorphism .cpg_ui .cpgu_set li {width:50%;} #contents.ibk .cp_glassmorphism .cpg_ui .cpgu_set .icon {width:55.5556%; height:auto; box-shadow:4px 4px 12px 0 rgba(255, 255, 255, 0.50) inset; filter:drop-shadow(4px 4px 8px rgba(0, 85, 162, 0.05)); aspect-ratio:1/1;} #contents.ibk .cp_glassmorphism .cpg_ui .cpgu_set .icon.medal > .deco {transform-origin:7.9570vw 7.0968vw;} #contents.ibk .cp_glassmorphism .cpg_ui .cpgu_set svg.pc {display:none;} #contents.ibk .cp_glassmorphism .cpg_ui .cpgu_set svg.mo {display:block;} /* ibk - cp_userbility */ #contents.ibk .cp_userbility .cp_txtwrap .cp_text span {display:inline;} #contents.ibk .cp_userbility .cp_box .cpu_bot p {width:75vw; height:28.4375vw; padding:3.9063vw 5.8594vw; border-radius:2.6042vw; font-size:3.2552vw; line-height:5.2083vw; letter-spacing:-0.0000vw;} #contents.ibk .cp_userbility .cp_box .cpu_bot p:before {bottom:-2.9948vw; margin-left:-2.2135vw; border-width:0 2.2135vw 3.9063vw 2.2135vw;} #contents.ibk .cp_userbility .cp_box .cpu_bot .cp_imgwrap {margin-top:5.2083vw;} #contents.ibk .cp_userbility .cp_box .cpu_bot .cp_imgwrap .afa_siri {width:9.6354vw; height:9.6354vw; margin-left:-4.8177vw; filter:drop-shadow(0 2.6042vw 2.6042vw rgba(0, 0, 0, 0.05)) drop-shadow(0 0 2.6042vw rgba(0, 0, 0, 0.05));} #contents.ibk .cp_userbility .cp_box .cpu_bot .cp_imgwrap img {width:9.6354vw;} #contents.ibk .cp_userbility .cp_box > .cp_imgwrap {padding-top:32.7vw;} /* ibk - cp_simple */ #contents.ibk .cp_simple .cps_sticky .cp_imgwrap {margin-top:20px;} /* ibk - cp_infographic */ #contents.ibk .cp_infographic .cp_videowrap {margin-top:20px;} /* ibk - cp_hierarchy */ #contents.ibk .cp_hierarchy .cph_attachment {margin-top:20px;} /* footer */ #footer.f_project .f_area p {display:inline-block; float:left; font-size:15px;} #footer.f_project .f_area p.text.giant .autotext {line-height:16px;} #footer.f_project .f_wrap.t2 .titlearea {margin-bottom:0;} #footer.f_project .f_wrap.t2 .titlearea h2 {font-size:28px; line-height:28px;} #footer.f_project .f_wrap.t3 li strong {font-size:28px; line-height:38px;} } @media all and (max-width:425px) { /* cp_hero */ #contents.project .cp_hero .cph_banner .cphb_box ul li:nth-child(1) {width:58%;} #contents.project .cp_hero .cph_banner .cphb_box ul li:nth-child(2) {width:42%;} #contents.project .cp_hero .cpb_overview {padding:60px 25px 80px;} #contents.project .cp_hero .cpb_overview .cp_txtwrap .cpbo_info {gap:10px;} #contents.project .cp_hero .cpb_overview .cp_txtwrap .cpbo_info li i {margin-bottom:5px;} #contents.project .cp_hero .cpb_overview .cp_txtwrap .cpbo_info li p {line-height:30px;} #contents.project .cp_hero .cpb_overview .cp_imgwrap img:nth-child(2) {width:40px;} /* kwangya119 - cp_hero */ #contents.kwangya119 .cp_hero {padding:80px 25px 0;} #contents.kwangya119 .cp_hero .cph_banner .cphb_box {height:205px; margin-top:20px; aspect-ratio:unset;} #contents.kwangya119 .cp_hero .cph_banner.shrink .cphb_box .cphb_bg {border-radius:12px;} /* kwangya119 - cp_hero */ #contents.kwangya119 .cp_hero .cpb_overview .cp_imgwrap img:nth-child(1) {width:170px;} /* drmartens - cp_hero */ #contents.drmartens .cp_hero .cph_banner .cphb_deco.t1 {top:-5vh; right:25vw; width:32vw;} #contents.drmartens .cp_hero .cph_banner .cphb_deco.t2 {bottom:27vh; width:70vw;} #contents.drmartens .cp_hero .cph_banner .cphb_deco.t3 {bottom:16vh; right:-40vw; width:90vw;} #contents.drmartens .cp_hero .cpb_overview .cp_imgwrap img:nth-child(1) {height:58px;} /* eurocave - cp_hero */ #contents.eurocave .cp_hero .cpb_overview .cp_imgwrap img:nth-child(1) {width:180px;} #contents.eurocave .cp_hero .cph_banner .cphb_bg {filter:drop-shadow(0 8vw 8vw rgba(0, 0, 0, 0.25)); background-size:384vw;} #contents.eurocave .cp_hero .cph_banner .cphb_bg.vertical {top:calc(50% - 68vw); bottom:calc(50% - 68vw);} #contents.eurocave .cp_hero .cph_banner .cphb_bg.horizontal {left:calc(50% - 38vw); right:calc(50% - 38vw);} /* withmuu - cp_hero */ #contents.withmuu .cp_hero .cpb_overview .cp_imgwrap img:nth-child(1) {width:200px;} /* carriermall - cp_hero */ #contents.carriermall .cp_hero .cpb_overview .cp_imgwrap img:nth-child(1) {width:110px;} /* ibk - cp_hero */ #contents.ibk .cp_hero .cph_banner .cp_imgwrap {padding:0 25px;} #contents.ibk .cp_hero .cpb_overview .cp_imgwrap > img:nth-child(1) {width:200px;} /* full - cp_hero */ #contents.full .cp_hero .cpb_overview .cp_imgwrap img:nth-child(1) {max-width:200px;} /* kwangya119 - common */ #contents.kwangya119 .cp_title strong {font-size:28px; line-height:34px; letter-spacing:-1px;} /* kwangya119 - cp_chapter */ #contents.kwangya119 .cp_chapter {padding:80px 25px 80px;} #contents.kwangya119 .cp_chapter .cp_title strong {font-size:28px;} /* kwangya119 - cp_strategy */ #contents.kwangya119 .cp_strategy {padding:0 25px 80px;} #contents.kwangya119 .cp_strategy .cp_txtwrap strong {font-size:18px; line-height:38px;} #contents.kwangya119 .cp_strategy .cp_txtwrap p {font-size:18px; line-height:28px;} #contents.kwangya119 .cp_strategy .cps_flexable .cp_title {font-size:24px; line-height:40px; letter-spacing:-1px;} #contents.kwangya119 .cp_strategy .cps_flexable .cp_txtwrap p {font-size:18px; line-height:32px;} #contents.kwangya119 .cp_strategy .cps_personalization .cp_title {font-size:24px; line-height:40px; letter-spacing:-1px;} #contents.kwangya119 .cp_strategy .cps_personalization .cpsp_contents .cp_txtwrap p {font-size:18px; line-height:32px;} #contents.kwangya119 .cp_strategy .cps_personalization .cpsp_contents .cp_txtwrap p span {display:inline;} #contents.kwangya119 .cp_strategy .cps_personalization .cpsp_contents .cpspc_deco.t1 {right:-95px;} #contents.kwangya119 .cp_strategy .cps_personalization .cpsp_contents .cpspc_deco.t2 {left:-205px;} #contents.kwangya119 .cp_strategy .cps_personalization .cpsp_contents .cpspc_deco.t3 {right:-30px;} /* kwangya119 - cp_design */ #contents.kwangya119 .cp_design {padding:20px 25px 0;} #contents.kwangya119 .cp_design .cpd_contents > ul.cpdc_top > li > strong {font-size:20px;} #contents.kwangya119 .cp_design .cpd_contents > ul.cpdc_top > li:nth-child(1) {min-height:180px;} #contents.kwangya119 .cp_design .cpd_contents > ul.cpdc_top > li:nth-child(3) {padding:10px;} #contents.kwangya119 .cp_design .cpd_contents > ul.cpdc_top > li:nth-child(2) > ul > li {width:100%; min-height:140px;} /* kwangya119 - cp_service */ #contents.kwangya119 .cp_service {padding:80px 25px 80px;} #contents.kwangya119 .cp_service .cps_contents .cpsc_list .cpscl_item strong {margin-top:20px; font-size:18px; line-height:26px;} /* kwangya119 - cp_share */ #contents.kwangya119 .cp_share {padding:20px 25px 80px;} #contents.kwangya119 .cp_share .cp_txtwrap strong {font-size:18px;} #contents.kwangya119 .cp_share .cp_txtwrap p {font-size:18px; line-height:28px;} /* kwangya119 - cp_protect */ #contents.kwangya119 .cp_protect {padding:0 25px;} #contents.kwangya119 .cp_protect .cp_wrap {padding:23px 20px 120px;} #contents.kwangya119 .cp_protect .cp_title {padding:0 3px;} #contents.kwangya119 .cp_protect .cp_txtwrap {padding:0 3px;} /* kwangya119 - cp_history */ #contents.kwangya119 .cp_history {padding:80px 25px;} #contents.kwangya119 .cp_history .cp_title strong {font-size:24px; line-height:34px; letter-spacing:-1px;} #contents.kwangya119 .cp_history .cph_contents {gap:20px;} #contents.kwangya119 .cp_history .cph_contents ul:nth-child(1) li:nth-child(1) {margin-top:30px;} #contents.kwangya119 .cp_history .cph_contents ul:nth-child(1) li:nth-child(2), #contents.kwangya119 .cp_history .cph_contents ul:nth-child(2) li:nth-child(2), #contents.kwangya119 .cp_history .cph_contents ul:nth-child(2) li:nth-child(3) {margin-top:20px;} #contents.kwangya119 .cp_history .cph_contents ul li p {font-size:20px; line-height:30px;} #contents.kwangya119 .cp_history .cph_contents ul li > span {line-height:26px;} /* kwangya119 - cp_responsive */ #contents.kwangya119 .cp_responsive {padding:80px 0;} /* kwangya119 - cp_slogan */ #contents.kwangya119 .cp_slogan {padding:80px 25px;} /* drmartens - cp_brand */ #contents.drmartens .cp_brand {padding:80px 25px 120px;} /* drmartens - cp_rule */ #contents.drmartens .cp_rule {padding:26% 25px 40px;} #contents.drmartens .cp_rule .cpr_contents {margin-top:80px;} /* drmartens - cp_online */ #contents.drmartens .cp_online .cpo_top {padding:40px 25px 80px;} #contents.drmartens .cp_online .cpo_top .cp_txtwrap {margin-top:30px;} #contents.drmartens .cp_online .cpo_top .cp_txtwrap p > span span {display:inline;} #contents.drmartens .cp_online .cpo_bottom {padding:120px 25px 80px;} #contents.drmartens .cp_online .cpo_bottom .cp_txtwrap {top:0; width:310px; margin-left:-155px;} #contents.drmartens .cp_online .cpo_bottom .cp_txtwrap .cp_text {font-size:14px; line-height:21px;} /* drmartens - cp_design */ #contents.drmartens .cp_design .cpd_top {padding:0;} #contents.drmartens .cp_design .cpd_bottom {padding:80px 25px;} /* drmartens - cp_experience */ #contents.drmartens .cp_experience {padding:80px 25px;} /* drmartens - cp_look */ #contents.drmartens .cp_look {padding:80px 25px;} /* drmartens - cp_story */ #contents.drmartens .cp_story {padding:80px 25px 25px;} #contents.drmartens .cp_story .cp_imgwrap {margin-top:30px;} #contents.drmartens .cp_story .cp_txtwrap .cp_text span {display:inline;} /* drmartens - cp_uiux */ #contents.drmartens .cp_uiux {padding:100px 25px;} #contents.drmartens .cp_uiux .cpu_slider .swiper-slide .cpus_info .cpusi_color {gap:2px;} #contents.drmartens .cp_uiux .cpu_slider .swiper-slide .cpus_info .cpusi_color i {width:8px; height:8px;} /* drmartens - cp_userbility */ #contents.drmartens .cp_userbility {padding:80px 25px;} /* drmartens - common */ #contents.drmartens .cp_title {font-size:26px; line-height:38px;} #contents.drmartens .cp_title .emphasis:before {top:4px; left:-4px;} #contents.drmartens .aos-animate .cp_title .emphasis:before {right:-4px;} /* drmartens - cp_design */ #contents.drmartens .cp_design .cpd_top .cpdt_thumbnail {height:340px;} #contents.drmartens .cp_design .cpd_top .cpdt_thumbnail .cpdtt_img {width:120px; margin-top:-106px; margin-left:-60px;} /* eurocave - common */ #contents.eurocave .cp_txtwrap .cp_title {font-size:36px; line-height:48px;} #contents.eurocave .cp_txtwrap .cp_title + .line {width:55px;} #contents.eurocave .cp_txtwrap .deco_title {width:34px; height:56px;} #contents.eurocave .cp_txtwrap .deco_title p {top:-3px; left:-12px; line-height:9px;} /* eurocave - cp_story */ #contents.eurocave .cp_story .cp_wrap {padding:80px 25px;} #contents.eurocave .cp_story .cps_attachment p {bottom:25px; padding:0 25px;} /* eurocave - cp_values */ #contents.eurocave .cp_values {padding:80px 25px;} #contents.eurocave .cp_values .cp_imgwrap {height:auto;} #contents.eurocave .cp_values .cp_imgwrap li:nth-child(1) {position:relative; top:auto; bottom:auto; left:auto; right:auto; width:100%;} #contents.eurocave .cp_values .cp_imgwrap li:nth-child(2) {position:relative; top:auto; bottom:auto; left:auto; right:auto; width:100%; margin-top:30px;} #contents.eurocave .cp_values .cp_imgwrap li:nth-child(3) {position:relative; top:auto; bottom:auto; left:auto; right:auto; width:100%; margin-top:30px;} #contents.eurocave .cp_values .cp_imgwrap li strong {margin-top:15px; font-size:24px; line-height:30px;} #contents.eurocave .cp_values .cp_imgwrap li p {margin-top:5px; font-size:14px; line-height:24px;} /* eurocave - cp_design */ #contents.eurocave .cp_design {padding:80px 0 0;} #contents.eurocave .cp_design:before {top:500px;} #contents.eurocave .cp_design .cp_wrap {padding:0 25px 80px;} #contents.eurocave .cp_design .cpd_color {margin-top:80px;} #contents.eurocave .cp_design .cpd_color .cpdc_contents li strong {margin-top:10px; font-size:18px; line-hieght:26px;} #contents.eurocave .cp_design .cpd_color .cpdc_contents li p {margin-top:0; font-size:13px; line-height:26px;} #contents.eurocave .cp_design .cpd_illustration{margin-top:80px;} #contents.eurocave .cp_design .cpd_illustration .cpdi_contents {flex-direction:column; gap:20px;} #contents.eurocave .cp_design .cpd_illustration .cpdi_contents li {width:100%;} #contents.eurocave .cp_design .cp_imgwrap {flex-direction:column;} #contents.eurocave .cp_design .cp_imgwrap li {width:100%;} /* eurocave - cp_experience */ #contents.eurocave .cp_experience {padding:80px 0 0;} #contents.eurocave .cp_experience:before {top:30%;} #contents.eurocave .cp_experience .cp_imgwrap {width:calc(100% + 25px); margin-right:-25px;} #contents.eurocave .cp_experience .cp_wrap {padding:0 25px 80px;} #contents.eurocave .cp_experience .cpe_contents ul li:nth-child(3) video {width:calc(100% - 2px); margin-top:1px; margin-left:1px; border-radius:5px;} /* eurocave - cp_brand */ #contents.eurocave .cp_brand {padding:80px 25px;} /* eurocave - cp_manufacture */ #contents.eurocave .cp_manufacture {padding:80px 25px;} /* withmuu - cp_keyword */ #contents.withmuu .cp_keyword {padding:80px 25px;} #contents.withmuu .cp_keyword .cpk_flow {margin-top:40px;} #contents.withmuu .cp_keyword .cpk_flow li {height:33px;} #contents.withmuu .cp_keyword .cpk_flow li + li {margin-top:13px;} #contents.withmuu .cp_keyword .cpk_flow li .flow_inner {gap:13px;} #contents.withmuu .cp_keyword .cpk_flow li .cpkfli_wrap {gap:13px;} #contents.withmuu .cp_keyword .cpk_flow li .cpkfli_txt {gap:2px; height:33px; padding:0 13px; border-radius:22px; font-size:13px; line-height:22px; letter-spacing:-0px;} #contents.withmuu .cp_keyword .cpk_flow li .cpkfli_txt.t1 {box-shadow:0 4px 13px 0 rgba(20, 20, 21, 0.08);} #contents.withmuu .cp_keyword .cpk_flow li .cpkfli_txt.t2 {box-shadow:0 4px 13px 0 rgba(98, 85, 246, 0.40);} #contents.withmuu .cp_keyword .cpk_flow li .icon {width:33px; height:33px; filter:drop-shadow(0 4px 9px rgba(116, 232, 139, 0.40));} /* withmuu - cp_core */ #contents.withmuu .cp_core {padding:80px 25px;} #contents.withmuu .cp_core .cpc_deco {width:calc(100% + 50px); margin-top:80px; margin-left:-25px;} #contents.withmuu .cp_core .cpc_dot {width:calc(100% + 50px); margin-top:80px; margin-left:-25px;} /* withmuu - cp_design */ #contents.withmuu .cp_design {padding:80px 25px;} #contents.withmuu .cp_design .cpd_color {margin-top:80px;} #contents.withmuu .cp_design .cpd_color .cpdc_contents {gap:6vw; margin-top:9vw;} #contents.withmuu .cp_design .cpd_color .cpdc_contents li {width:100%; border-radius:6vw;} #contents.withmuu .cp_design .cpd_color .cpdc_contents li:nth-child(1) > div {width:100%; padding:9vw;} #contents.withmuu .cp_design .cpd_color .cpdc_contents li:nth-child(2) {height:47.1667vw;} #contents.withmuu .cp_design .cpd_color .cpdc_contents .cpdcc_left strong {font-size:6vw; line-height:7.5vw; letter-spacing:-0.1667vw;} #contents.withmuu .cp_design .cpd_color .cpdc_contents .cpdcc_left p {margin-top:8.1667vw; font-size:3.76vw; line-height:5vw; letter-spacing:-0vw;} #contents.withmuu .cp_design .cpd_color .cpdc_contents .cpdcc_right strong {font-size:6vw; line-height:7.5vw; letter-spacing:-0.1667vw;} #contents.withmuu .cp_design .cpd_color .cpdc_contents .cpdcc_right p {margin-top:8.1667vw; font-size:3.76vw; line-height:5vw; letter-spacing:-0vw;} #contents.withmuu .cp_design .cpd_color .cpdc_contents li:nth-child(2) strong {font-size:7vw; line-height:9vw; letter-spacing:-0.1667vw;} #contents.withmuu .cp_design .cpd_font {margin-top:80px;} #contents.withmuu .cp_design .cpd_font .cpdf_contents {flex-direction:column; gap:6.6667vw; margin-top:10vw;} #contents.withmuu .cp_design .cpd_font .cpdf_contents > li {width:100%; height:73.6667vw; padding:9vw; border-radius:6.6667vw; box-shadow:0 5vw 10vw 0 rgba(20, 20, 21, 0.02);} #contents.withmuu .cp_design .cpd_font .cpdf_contents > li strong {gap:3.3333vw;} #contents.withmuu .cp_design .cpd_font .cpdf_contents > li strong em {gap:1.6667vw; padding:0.3333vw 5vw 0.8333vw 5vw; border-radius:8.3333vw; font-size:4.1667vw; line-height:6.6667vw;} #contents.withmuu .cp_design .cpd_font .cpdf_contents > li strong span {font-size:5vw; line-height:6.6667vw; letter-spacing:-0.1667vw;} #contents.withmuu .cp_design .cpd_font .cpdf_contents > li ul {flex-wrap:wrap; gap:5.1667vw; row-gap:5px; margin-top:2.3333vw;} #contents.withmuu .cp_design .cpd_font .cpdf_contents > li ul li {font-size:3vw; line-height:5vw; letter-spacing:-0vw;} #contents.withmuu .cp_design .cpd_font .cpdf_contents > li ul li:before {top:1.6667vw; bottom:1.6667vw; right:-2.6667vw; width:0.1667vw;} #contents.withmuu .cp_design .cpd_font .cpdf_contents > li p {font-size:8.6vw; line-height:12.8vw;} #contents.withmuu .cp_design .cpd_icon {margin-top:80px;} /* withmuu - cp_main */ #contents.withmuu .cp_main {padding:80px 25px 0;} #contents.withmuu .cp_main .cp_wrap {padding:0 0 80px;} #contents.withmuu .cp_main .cp_imgwrap.t2 {top:-15vw;} /* withmuu - cp_product */ #contents.withmuu .cp_product {padding:80px 25px 0;} #contents.withmuu .cp_product .cpp_contents {width:calc(100% + 50px); margin-top:80px; margin-left:-25px;} /* withmuu - cp_global */ #contents.withmuu .cp_global {padding:80px 25px 0;} #contents.withmuu .cp_global .cp_wrap {padding:0 0 80px;} #contents.withmuu .cp_global .cp_imgwrap {width:calc(100% + 160px); margin-left:-80px;} /* withmuu - cp_artist */ #contents.withmuu .cp_artist {padding:80px 25px;} #contents.withmuu .cp_artist .cp_imgwrap {margin-top:80px;} /* withmuu - cp_purchase */ #contents.withmuu .cp_purchase {padding:80px 25px 0;} #contents.withmuu .cp_purchase .cp_wrap {padding:0 0 80px;} #contents.withmuu .cp_purchase .cp_imgwrap.t1 {flex-direction:column;} #contents.withmuu .cp_purchase .cp_imgwrap.t1 .left {width:100%;} #contents.withmuu .cp_purchase .cp_imgwrap.t1 .left .t1 {width:100%;} #contents.withmuu .cp_purchase .cp_imgwrap.t1 .left .t2 {width:100%;} #contents.withmuu .cp_purchase .cp_imgwrap.t1 .right {width:100%;} #contents.withmuu .cp_purchase .cp_imgwrap.t2 {width:calc(100% + 50px); margin-left:-25px;} /* carriermall - cp_goal */ #contents.carriermall .cp_goal {max-width:calc(100% - 50px);} #contents.carriermall .cp_goal .cpg_contents {padding:0 25px;} #contents.carriermall .cp_goal .cpg_contents ul li {width:230px; box-shadow:0 20px 40px 0 rgba(28, 28, 32, 0.03);} #contents.carriermall .cp_goal .cpg_contents ul li strong {font-size:20px; line-height:27px; letter-spacing:-1px;} #contents.carriermall .cp_goal .cpg_contents ul li p {margin-top:20px; font-size:16px; line-height:25px;} #contents.carriermall .cp_goal .cpg_contents .icon.arrow {width:90px; height:90px; transform:rotate(90deg);} #contents.carriermall .cp_goal .cpg_contents .cpgc_goal {width:230px; border-radius:344px; box-shadow:0 20px 40px 0 rgba(23, 42, 126, 0.20);} #contents.carriermall .cp_goal .cpg_contents .cpgc_goal p {font-size:20px; line-height:30px; letter-spacing:-1px;} #contents.carriermall .cp_goal .cp_txtwrap {box-sizing:border-box; padding:0 25px;} /* carriermall - cp_strategy */ #contents.carriermall .cp_strategy {padding:100px 0;} #contents.carriermall .cp_strategy .cp_wrap {padding:0 25px;} #contents.carriermall .cp_strategy ul {gap:23px; margin-top:47px;} #contents.carriermall .cp_strategy ul li {gap:18px; width:230px; border-radius:12px; box-shadow:0 0 47px 0 rgba(28, 28, 32, 0.06);} #contents.carriermall .cp_strategy ul li i {width:70px; height:47px;} #contents.carriermall .cp_strategy ul li strong {font-size:18px; line-height:24px; letter-spacing:-1px;} #contents.carriermall .cp_strategy ul li p {font-size:14px; line-height:24px; letter-spacing:-0px;} #contents.carriermall .cp_strategy .cps_contents {margin-top:100px; padding-top:46vw;} #contents.carriermall .cp_strategy .cps_contents .cp_imgwrap.t2 {top:70vw; text-align:right;} #contents.carriermall .cp_strategy .cps_contents .cp_imgwrap p {font-size:2.6vw; line-height:4.2vw;} #contents.carriermall .cp_strategy .cp_wrap > strong {margin-top:50px; font-size:24px; line-height:34px;} #contents.carriermall .cp_strategy .cp_wrap > strong img {width:128px;} #contents.carriermall .cp_strategy .cp_wrap > strong .cp_deco {top:-120px; right:0; width:100px; height:100px;} /* carriermall - cp_design */ #contents.carriermall .cp_design {max-width:calc(100% - 50px);} #contents.carriermall .cp_design .cpd_top .cpdt_grid .cpdtg_box {gap:8.3333vw; max-width:100%;} #contents.carriermall .cp_design .cpd_top .cpdt_grid .cpdtg_box .mo .cp_imgwrap {float:left; margin-top:5.8594vw;} #contents.carriermall .cp_design .cpd_top .cpdt_grid .cpdtg_box strong {padding-top:4.1667vw; font-size:4.1667vw; line-height:6.6667vw; letter-spacing:-0.1667vw;} #contents.carriermall .cp_design .cpd_top .cpdt_grid .cpdtg_box p {padding-top:4.1667vw; font-size:4.1667vw; line-height:6.6667vw; letter-spacing:-0.1667vw;} #contents.carriermall .cp_design .cpd_top .cpdt_font {padding:10vw 6.25vw; border-radius:3.75vw; box-shadow:0 0 10vw 0 rgba(17, 20, 38, 0.08);} #contents.carriermall .cp_design .cpd_top .cpdt_font .en {margin-top:10vw; padding-top:10vw; border-top:0.125vw solid rgba(23, 42, 126, 0.10);} #contents.carriermall .cp_design .cpd_top .cpdt_font b {font-size:3.125vw; line-height:3.75vw; letter-spacing:-0.125vw;} #contents.carriermall .cp_design .cpd_top .cpdt_font strong {margin-top:1.25vw; font-size:10vw; line-height:12.5vw; letter-spacing:-0.25vw;} #contents.carriermall .cp_design .cpd_top .cpdt_font p {gap:3.75vw; margin-top:1.25vw; color:rgba(17, 20, 38, 0.50); font-size:3.125vw; line-height:3.75vw; letter-spacing:-0.125vw;} #contents.carriermall .cp_design .cpd_top .cpdt_font ul {flex-wrap:wrap; gap:1.875vw; margin-top:3.75vw;} #contents.carriermall .cp_design .cpd_top .cpdt_font ul li {height:4.75vw; padding:0 2.5vw 0.25vw 2.5vw; border-radius:6.25vw; font-size:3.125vw; line-height:4.375vw; letter-spacing:-0.125vw;} #contents.carriermall .cp_design .cpd_top .cpdt_font .en ul li {line-height:4vw;} #contents.carriermall .cp_design .cpd_top .cpdt_color {height:auto; aspect-ratio:540/840;} #contents.carriermall .cp_design .cpd_top .cpdt_color li {flex-direction:row; align-items:flex-start; width:100%; height:auto; padding:6vw; aspect-ratio:540/270;} #contents.carriermall .cp_design .cpd_top .cpdt_color li:nth-child(1) {top:0;left:0;} #contents.carriermall .cp_design .cpd_top .cpdt_color li:nth-child(2) {top:22.5%; left:0;} #contents.carriermall .cp_design .cpd_top .cpdt_color li:nth-child(3) {top:45%; left:0;} #contents.carriermall .cp_design .cpd_top .cpdt_color li:nth-child(4) {top:auto; bottom:0; right:auto;} #contents.carriermall .cp_design .cpd_top .cpdt_color li p {font-size:4vw;} #contents.carriermall .cp_design .cpd_bottom {margin-top:80px; padding:25px 0 80px;} #contents.carriermall .cp_design .cpd_bottom .cpdb_icon .cpdbi_box {padding:0 25px;} #contents.carriermall .cp_design .cpd_bottom .cpdb_icon .cpdbi_sliderwrap {bottom:46vw; width:calc(100% + 20.8333vw); margin-left:-10.4167vw; padding:2.6042vw 0; border-radius:3.9063vw; box-shadow:0 2.6042vw 7.8125vw 0 rgba(17, 20, 38, 0.06);} #contents.carriermall .cp_design .cpd_bottom .cpdb_icon .cpdbi_sliderwrap:before {right:calc(50% + 29.2969vw); background:linear-gradient(90deg, #F8F9FA 2.43%, rgba(248, 249, 250, 0.00) 100%); pointer-events:none;} #contents.carriermall .cp_design .cpd_bottom .cpdb_icon .cpdbi_sliderwrap:after {left:calc(50% + 29.2969vw); right:0; background:linear-gradient(90deg, rgba(248, 249, 250, 0.00) 2.43%, #F8F9FA 100%); pointer-events:none;} #contents.carriermall .cp_design .cpd_bottom .cpdb_icon .swiper-slide {padding:4.5573vw 1.3021vw; cursor:pointer;} #contents.carriermall .cp_design .cpd_bottom .cpdb_icon .swiper-slide p {margin-top:2.6042vw; font-size:3.9063vw; line-height:4.5573vw; letter-spacing:-0.1302vw; text-transform:uppercase;} #contents.carriermall .cp_design .cpd_bottom .cpdb_icon .swiper-slide img {height:10.4167vw;} #contents.carriermall .cp_design .cpd_bottom .cpdb_icon .swiper-slide-active img {filter:invert(99%) sepia(0%) saturate(2%) hue-rotate(64deg) brightness(1113%) contrast(100%);} #contents.carriermall .cp_design .cpd_bottom .cpdb_icon .swiper-slide-active:before {border-radius:2.6042vw;} #contents.carriermall .cp_design .cpd_bottom .cpdb_icon .cp_txtwrap .cp_text > span {display:inline;} #contents.carriermall .cp_design .cpd_bottom .cpdb_filter .cpdbf_box {padding:0 25px;} #contents.carriermall .cp_design .cpd_bottom .cpdb_filter .cpdbf_box .cp_imgwrap {width:30vw;} #contents.carriermall .cp_design .cpd_bottom .cpdb_filter .cp_txtwrap .cp_text > span {display:inline;} #contents.carriermall .cp_design .cpd_bottom .cpdb_filter > .cp_imgwrap {top:auto; bottom:3vw;} /* carriermall - cp_innovative */ #contents.carriermall .cp_innovative ul {padding:0 25px;} /* carriermall - cp_history */ #contents.carriermall .cp_history {padding:100px 0;} #contents.carriermall .cp_history .cp_wrap {padding:0 25px;} #contents.carriermall .cp_history .cp_imgwrap p {font-size:2.6vw; line-height:4.2vw;} #contents.carriermall .cp_history .cps_contents.t1 .cp_imgwrap.t3 {padding-left:4.2vw;} #contents.carriermall .cp_history .cp_imgwrap.t3 p {margin-left:-4vw;} #contents.carriermall .cp_history .cps_contents.t2 .cp_imgwrap:before {width:19vw; height:19vw;} /* carriermall - cp_masonry */ #contents.carriermall .cp_masonry {max-width:calc(100% - 50px); padding:100px 0;} /* carriermall - cp_now */ #contents.carriermall .cp_now .cp_wrap {padding:0 25px;} /* carriermall - cp_banner */ #contents.carriermall .cp_banner {padding:100px 0 100px;} #contents.carriermall .cp_banner .cp_wrap {max-width:calc(100% - 50px);} /* ibk - common */ #contents.ibk .cp_txtwrap .cp_title {font-size:18px; line-height:28px;} #contents.ibk .cp_txtwrap .cp_subtitle {font-size:26px; line-height:38px;} #contents.ibk .cp_txtwrap .cp_text {font-size:16px;} /* ibk - cp_strategy */ #contents.ibk .cp_strategy .cp_wrap {padding:0 25px;} #contents.ibk .cp_strategy .cp_wrap > ul {gap:5.4286vw; margin-top:11.8571vw;} #contents.ibk .cp_strategy .cp_wrap > ul li {gap:3.2857vw;} #contents.ibk .cp_strategy .cp_wrap > ul li:nth-child(2) {gap:5.4286vw; left:-47vw;} #contents.ibk .cp_strategy .cp_wrap > ul li:nth-child(3) {left:3.5vw;} #contents.ibk .cp_strategy .cp_wrap > ul li .cp_imgwrap {height:32.2857vw;} #contents.ibk .cp_strategy .cp_wrap > ul li strong {font-size:29vw; line-height:28vw; letter-spacing:-0.5714vw;} #contents.ibk .cp_strategy .cp_wrap > ul li p {padding:2.8571vw 4.2857vw; border-radius:2.1429vw; box-shadow:1.4286vw 2.8571vw 5.7143vw 0 rgba(13, 14, 15, 0.10); font-size:3.5714vw; line-height:5.7143vw; letter-spacing:-0.1429vw;} #contents.ibk .cp_strategy .cp_wrap > ul li p:before {bottom:-2.2857vw; left:50%; width:2.8571vw; height:2.8571vw;} #contents.ibk .cp_strategy .cp_wrap > ul li:nth-child(1) p {top:-3.4286vw; left:34.8vw;} #contents.ibk .cp_strategy .cp_wrap > ul li:nth-child(2) p {top:-1.8571vw; left:43.85vw; min-width:39vw;} #contents.ibk .cp_strategy .cp_wrap > ul li:nth-child(3) p {top:-2.7143vw; left:39.14vw;} /* ibk - cp_elements */ #contents.ibk .cp_elements {padding:40px 0;} #contents.ibk .cp_elements .cp_wrap {padding:0 25px;} /* ibk - cp_graphics */ #contents.ibk .cp_graphics {padding:40px 0;} #contents.ibk .cp_graphics .cp_wrap {padding:0 25px;} #contents.ibk .cp_graphics li .icon:before {top:-5.4444vw; left:-3.7778vw; width:33.3333vw; height:33.3333vw;} /* ibk - cp_glassmorphism */ #contents.ibk .cp_glassmorphism {padding:40px 0;} #contents.ibk .cp_glassmorphism .cp_wrap {padding:0 25px;} #contents.ibk .cp_glassmorphism .cpg_ui .cpgu_set .icon.medal > .deco {transform-origin:7.7083vw 6.8750vw;} /* ibk - cp_grid */ #contents.ibk .cp_grid {padding:40px 0;} #contents.ibk .cp_grid .cp_wrap {padding:0 25px;} #contents.ibk .cp_grid .cpg_left .cpgl_top {border-radius:9.4118vw;} #contents.ibk .cp_grid .cpg_left .cpgl_bottom {flex-direction:column;} #contents.ibk .cp_grid .cpg_left .cpgl_bottom .cpglb_text {display:none !important; width:100%; height:200px; border-radius:9.4118vw;} #contents.ibk .cp_grid .cpg_left .cpgl_bottom .cpglb_icon {width:100%; border-radius:9.4118vw; aspect-ratio:3/2;} #contents.ibk .cp_grid .cpg_left .cpgl_bottom .cpglb_icon li {border-radius:5.8824vw;} #contents.ibk .cp_grid .cpg_right {border-radius:9.4118vw;} /* ibk - cp_principle */ #contents.ibk .cp_principle {padding:40px 0;} #contents.ibk .cp_principle .cp_wrap {padding:0 25px;} /* ibk - cp_userbility */ #contents.ibk .cp_userbility {padding:40px 0;} #contents.ibk .cp_userbility .cp_wrap {padding:0 25px;} #contents.ibk .cp_userbility .cp_box .cpu_bot p {width:270px; height:145px; padding:17px 25px; border-radius:11px; font-size:14px; line-height:22px; letter-spacing:-0px;} #contents.ibk .cp_userbility .cp_box .cpu_bot p:before {bottom:-13px; margin-left:-9px; border-width:0 9px 17px 9px;} #contents.ibk .cp_userbility .cp_box .cpu_bot .cp_imgwrap {margin-top:22px;} #contents.ibk .cp_userbility .cp_box .cpu_bot .cp_imgwrap .afa_siri {width:41px; height:41px; margin-left:-20px; filter:drop-shadow(0 11px 11px rgba(0, 0, 0, 0.05)) drop-shadow(0 0 11px rgba(0, 0, 0, 0.05));} #contents.ibk .cp_userbility .cp_box .cpu_bot .cp_imgwrap img {width:41px;} #contents.ibk .cp_userbility .cp_box > .cp_imgwrap {padding-top:210px;} /* ibk - cp_simple */ #contents.ibk .cp_simple {padding:40px 0;} #contents.ibk .cp_simple .cp_wrap {padding:0 25px;} /* ibk - cp_infographic */ #contents.ibk .cp_infographic {padding:40px 0;} #contents.ibk .cp_infographic .cp_txtwrap {padding:0 25px;} #contents.ibk .cp_infographic .cp_videowrap {max-width:calc(100% - 50px);} #contents.ibk .cp_infographic .cpi_deco {height:240px; margin-top:24px;} #contents.ibk .cp_infographic .cpi_deco .cpid_pic {gap:8px; height:calc(50% - 4px);} #contents.ibk .cp_infographic .cpi_deco .cpid_pic .cp_imgwrap {border-radius:16px;} /* ibk - cp_hierarchy */ #contents.ibk .cp_hierarchy {padding:40px 25px 25px;} /* wonderplace - cp_principle */ #contents.wonderplace .cp_principle {padding:60px 0;} #contents.wonderplace .cp_principle .cp_wrap {padding:0 25px;} /* wonderplace - cp_design */ #contents.wonderplace .cp_design {padding:80px 0;} #contents.wonderplace .cp_design .cp_wrap {padding:0 25px;} /* wonderplace - cp_impact */ #contents.wonderplace .cp_impact {padding:0 0 60px;} #contents.wonderplace .cp_impact .cp_wrap {padding:0 25px;} /* wonderplace - cp_curated */ #contents.wonderplace .cp_curated {padding:0 0 60px;} /* wonderplace - cp_lookbook */ #contents.wonderplace .cp_lookbook {padding:60px 0;} #contents.wonderplace .cp_lookbook .cp_wrap {padding:0 25px;} /* wonderplace - cp_ux */ #contents.wonderplace .cp_ux {padding:60px 0;} #contents.wonderplace .cp_ux .cp_txtwrap {padding:0 25px;} #contents.wonderplace .cp_ux .cpu_sticky {padding:0 25px;} /* wonderplace - cp_comfort */ #contents.wonderplace .cp_comfort {padding:0 0 60px;} #contents.wonderplace .cp_comfort .cp_wrap {padding:0 25px;} /* wonderplace - cp_crew */ #contents.wonderplace .cp_crew {padding:60px 0;} #contents.wonderplace .cp_crew .cp_txtwrap {padding:0 25px;} /* wonderplace - cp_brand */ #contents.wonderplace .cp_brand {padding:60px 0 0;} #contents.wonderplace .cp_brand .cpb_flow {margin-top:60px;} /* wonderplace - cp_page */ #contents.wonderplace .cp_page {padding:80px 0;} #contents.wonderplace .cp_page .cpp_top {padding:0 25px;} #contents.wonderplace .cp_page .cpp_bottom .cp_txtwrap {padding:0 25px;} #contents.wonderplace .cp_page .cpp_bottom .cp_imgwrap {padding:0 25px;} /* footer */ #footer.f_project {padding:40px 0; padding-top:40px; padding-bottom:20px;} #footer.f_project .f_wrap + .f_wrap {margin-top:40px; padding-top:40px;} #footer.f_project .f_wrap.t2 + .f_wrap, #footer.f_project .f_wrap.t3 + .f_wrap {margin-top:20px;} #footer.f_project .f_wrap.t3 li strong {font-size:21px; line-height:30px;} #footer.f_project .f_area ul li strong {font-size:16px;} #footer.f_project .f_area p.text.giant .autotext {line-height:15px;} #footer.f_project .titlearea {margin-bottom:20px;} } @media all and (max-width:360px) { /* kwangya119 - common */ #contents.kwangya119 .cp_title strong {line-height:30px; letter-spacing:-0.4px;} /* kwangya119 - cp_design */ #contents.kwangya119 .cp_design .cpd_contents > ul.cpdc_top > li > p {font-size:16px;} #contents.kwangya119 .cp_design .cpd_contents > ul.cpdc_btm > li > p span#lang_en {height:90px;} /* kwangya119 - cp_history */ #contents.kwangya119 .cp_history .cp_title strong {font-size:24px; line-height:30px; letter-spacing:-0.4px;} /* drmartens - common */ #contents.drmartens .cp_title {font-size:22px; line-height:32px;} #contents.drmartens .cp_title .emphasis:before {left:-2px;} #contents.drmartens .cp_text {font-size:16px;} /* drmartens - cp_rule */ #contents.drmartens .cp_rule .cpr_contents li p {font-size:16px;} /* eurocave - common */ #contents.eurocave .cp_txtwrap .cp_title {font-size:32px; line-height:42px;} #contents.eurocave .cp_txtwrap .cp_title + .line {width:50px;} #contents.eurocave .cp_txtwrap .cp_text {font-size:16px;} #contents.eurocave .cp_txtwrap .deco_title {width:29px; height:47px;} #contents.eurocave .cp_txtwrap .deco_title p {top:-3px; left:-10px; line-height:8px;} /* eurocave - cp_story */ #contents.eurocave .cp_story .cps_contents {margin-top:40px;} #contents.eurocave .cp_story .cps_contents .cpsc_box p {font-size:3.6vw; line-height:4.8vw;} /* eurocave - cp_values */ #contents.eurocave .cp_values .cp_imgwrap {margin-top:40px;} /* eurocave - cp_design */ #contents.eurocave .cp_design .cpd_typography .cpdt_contents {margin-top:40px;} #contents.eurocave .cp_design .cpd_color .cpdc_contents {margin-top:40px;} #contents.eurocave .cp_design .cpd_illustration .cpdi_contents {margin-top:40px;} /* eurocave - cp_experience */ #contents.eurocave .cp_experience .cp_imgwrap {margin-top:40px;} #contents.eurocave .cp_experience .cpe_contents {margin-top:40px;} /* eurocave - cp_brand */ #contents.eurocave .cp_brand .cp_imgwrap {margin-top:40px;} /* eurocave - cp_manufacture */ #contents.eurocave .cp_manufacture .cpm_contents {margin-top:40px;} #contents.eurocave .cp_manufacture .cpm_contents ul {gap:40px;} /* withmuu - common */ #contents.withmuu .cp_title {font-size:22px; line-height:22px;} #contents.withmuu .cp_title:before {bottom:0;} #contents.withmuu .cp_title:after {bottom:0;} #contents.withmuu .cp_text {font-size:16px;} #contents.withmuu .cp_text mark {font-size:15px; line-height:20px;} /* withmuu - cp_design */ #contents.withmuu .cp_design .cpd_top .cpdt_box .cp_title {font-size:22px; line-height:22px;} #contents.withmuu .cp_design .cpd_top .cpdt_box .cp_title:before {right:-5px; height:8px;} #contents.withmuu .cp_design .cpd_top .cpdt_box .cp_title:after {right:-18px; width:8px; height:8px;} #contents.withmuu .cp_design .cpd_top .cpdt_box .cp_text {line-height:24px;} /* carriermall - common */ #contents.carriermall .cp_txtwrap mark {font-size:16px;} #contents.carriermall .cp_txtwrap .cp_title {font-size:28px; line-height:40px;} #contents.carriermall .cp_txtwrap .cp_text {font-size:16px;} /* ibk - common */ #contents.ibk .cp_txtwrap .cp_subtitle {font-size:22px; line-height:32px;} /* ibk - cp_glassmorphism */ #contents.ibk .cp_glassmorphism .cpg_ui .cpgu_set .icon.medal > .deco {transform-origin:7.5510vw 6.7347vw;} /* ibk - cp_principle */ #contents.ibk .cp_principle .cp_txtwrap .cp_text span {display:inline;} /* footer */ #footer.f_project .f_area ul li strong {font-size:14px;} #footer.f_project .f_wrap.t2 .titlearea h2 {font-size:26px; line-height:26px;} }