@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Rosario:wght@300;400;700&display=swap');

@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.6/dist/web/static/pretendard.css");
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100;300;400;500;600;700;800&display=swap');

/* 초기화 */
html { overflow-y:scroll; }
body {margin:0;padding:0;font-size:0.75em;font-family:'Noto Sans KR', sans-serif;background:#f6ead9;}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em;font-family:'Noto Sans KR', sans-serif}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}

ol,ul, dl,dt,dd {margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle;font-size:1em}
input, button {margin:0;padding:0;font-family:'Noto Sans KR', sans-serif;font-size:1em}
input[type="submit"] {cursor:pointer}
button {cursor:pointer}

textarea, select {font-family:'Noto Sans KR', sans-serif;font-size:1em}
select {margin:0}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a {color:#101010;text-decoration:none}

*, :after, :before {
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}

.placeholdersjs {color:#aaa !important}


/* 팝업레이어 */
#hd_pop {z-index:1000;position:relative;margin:0 auto;height:0}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#f6ead9}
.hd_pops img {max-width:100%}
.hd_pops_con {}
.hd_pops_footer {padding:0;background:#000;color:#f6ead9;text-align:left;position:relative}
.hd_pops_footer:after {display:block;visibility:hidden;clear:both;content:""}
.hd_pops_footer button {padding:10px;border:0;color:#f6ead9}
.hd_pops_footer .hd_pops_reject {background:#000;text-align:left}
.hd_pops_footer .hd_pops_close {background:#393939;position:absolute;top:0;right:0}


/*! Animate */

@keyframes introci-in{
    0% { transform: scaleX(1.2) translate(-50%, -50%); transform-origin: 0%; opacity: 0; }
    100% { transform: scaleX(1) translate(-50%, -50%); transform-origin: 0%; opacity: 1; }
}
@keyframes introci-out{
    0% { transform: translate(-50%, -50%); opacity: 1; }
    100% { transform: translate(-50%, -65%); opacity: 0; }
}
@keyframes introbg{
    0% { opacity: 1; }
    100% { opacity: 0; }
}
@keyframes moveUp{
    0% { transform: translateY(50px); opacity: 0; }
    100% { transform: translateY(0px); opacity: 1; }
}
@keyframes bgScale{ 
    0% { transform: scale(1.08) translateZ(0); }
    100% { transform: scale(1) translateZ(0); }
}
@keyframes moveRotate{
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
@keyframes moveRotateR{
    0% { transform: rotate(360deg); }
    100% { transform: rotate(0deg); }
}
@keyframes icoupdown{
    0% { transform: translateY(0); }
    50% { transform: translateY(-10px); }
    100% { transform: rotate(0); }
}
@keyframes maquee {
    0% { transform: translate3d(0, 0, 0); }
  100% { transform: translate3d(-56%, 0, 0); }
}
@keyframes m-left {
    0% { transform: translate(70px,0); opacity: 0; }
  100% { transform: translate(0,0); opacity: 1; }
}
@keyframes m-right {
    0% { transform: translate(-70px,0); opacity: 0; }
  100% { transform: translate(0,0); opacity: 1; }
}
@keyframes m-up {
    0% { transform: translate(0,70px); opacity: 0; }
  100% { transform: translate(0,0); opacity: 1; }
}
@keyframes m-down {
    0% { transform: translate(0,-70px); opacity: 0; }
  100% { transform: translate(0,0); opacity: 1; }
}
@keyframes txtopa {
    0% { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes txtopa0 {
    0% { opacity: 1; }
  100% { opacity: 0; }
}
@keyframes maqueeup {
     0% { transform: translateY(100%); opacity: 1; }
   100% { transform: translateY(3%); opacity: 1; }
}

.moveUp{ opacity: 0; animation: moveUp 1s ease-in-out 1 forwards; }
.m-up{ opacity: 0; transform: translate(0,40px); transition: all 0.3s ease-out; transition-delay: 0.5s; }
.m-down{ opacity: 0; transform: translate(0,-40px); transition: all 0.3s ease-out; transition-delay: 0.5s; }
.m-left{ opacity: 0; transform: translate(40px,0); transition: all 0.3s ease-out; transition-delay: 0.5s; }
.m-right{ opacity: 0; transform: translate(-40px,0); transition: all 0.3s ease-out; transition-delay: 0.5s; }
.move.moveload{ opacity: 1; transform: translate(0,0); }

.del01{ transition-delay: 0.1s; }
.del02{ transition-delay: 0.2s; }
.del03{ transition-delay: 0.3s; }
.del04{ transition-delay: 0.4s; }
.del05{ transition-delay: 0.5s; }
.del06{ transition-delay: 0.6s; }
.del07{ transition-delay: 0.7s; }
.del08{ transition-delay: 0.8s; }
.del09{ transition-delay: 0.9s; }




/*! Color & Fonts */
::selection { background-color: #b4904f; }
.clmain { color: #b4904f; }
.clgold { color: #e3c287 }
.clwhite { color: #fff; }
.ft_rosa { font-family: 'Rosario', sans-serif; }
.ft_out { font-family: 'Outfit', sans-serif; }
.ft_pre { font-family: 'pretendard', sans-serif; }

#wrapper{ position: relative; overflow: hidden; }
.black-back { background-color: #0a0a0a; }

/*! Header */
#hd{ position: fixed; left: 0; top: 0; width: 100%; z-index: 990; }
#hd .gnb { position: fixed; left: 0; top: 0; width: 100%; display: flex; align-items: center; justify-content: space-between; padding: 1% 3% 0; transition: all 0.4s ease-out; }
#hd .gnb #logo a{ display: inline-block; width: 106px; height: 65px; background: url(/img/logo_gnb.svg) no-repeat center center; background-size: contain; text-indent: -9999px; overflow: hidden; }
#hd nav ul{ display: flex; justify-content: flex-end; }
#hd nav ul > li{ position: relative; margin-right: 75px; }
#hd nav ul > li:last-of-type{ margin-right: 0; }
#hd nav ul > li > a{ position: relative; font-size: 18px; font-weight: 400; letter-spacing: 0.5px; color: #fff; line-height: 85px; display: block; }
#hd nav ul > li > a > span{ position: absolute; left: 0; bottom: 30px; width: 0; height: 3px; display: block; background-color: #b4904f; transition: all .3s ease-out; }
#hd nav ul > li > ol{ display: none; position: absolute; left: 50%; top: 85px; transform: translateX(-50%); width: max-content; min-width: 170px; padding: 30px; background: #fff;  }
#hd nav ul > li > ol li{ text-align: center; margin-bottom: 18px; }
#hd nav ul > li > ol li:last-of-type{ margin-bottom: 0; }
#hd nav ul > li > ol li a{ position: relative; display: inline-block; font-size: 16px; font-weight: 700; color: #aaa; line-height: 20px; transition: all 0.2s ease-in-out; }
#hd nav ul > li > ol li a:hover{ color: #111; }
#hd nav ul > li > ol li .ft_rosa { letter-spacing: 0.5px; }

/*? active */
#hd.active .gnb{ background: rgba(10, 10, 10, .3); padding: 0 3.5%; -webkit-box-shadow: 0 2px 20px 0 rgba(0,0,0,0.05); box-shadow: 0 2px 20px 0 rgba(0,0,0,0.05); }

/*? on */
#hd.on .gnb{ background: rgba(10, 10, 10, .3); padding: 0 3.5%; -webkit-box-shadow: 0 2px 20px 0 rgba(0,0,0,0.05); box-shadow: 0 2px 20px 0 rgba(0,0,0,0.05); }


/*? hover */
#hd nav ul > li:hover > a > span{ width: 100%; }


/* Mobile GNB */

.mhd_wrap{ display: none; position: relative; width: 100%; padding: 0; margin: 0 auto; align-items: center; justify-content: space-between; transition: all 0.3s ease-in-out; }





/*! Index */

.mainpage{ overflow: hidden; background-color: #0a0a0a; }

/** Visual **/
.mvisual { position: relative; width: 100%; height: 100vh; }
.mvisual .visualcopy { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 22; }
.mvisual .visualcopy h2{ font-size: 60px; color: #f6ead9; font-weight: 700; width: max-content; }

.mvisual .swiper-container { position: relative; width: 100%; height: 100%; z-index: 20; }
.mvisual .swiper-container ul{ width: 100%; height: 100%; }
.mvisual .swiper-container ul li{ position: relative; width: 100%; height: 100%; }
.mvisual .swiper-container .swiper-slide .video{ position: relative; width: 100%; height: 100%; transition: all 8s ease-out; }
.mvisual .swiper-container ul li .video > span{ position: absolute; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .5); z-index: 21; display: block; }
.mvisual .swiper-container ul li .video video{ width: 100%; height: 100%; object-fit: cover; }

/*? active */
.swiper-slide-active .visualcopy h2{ opacity: 0; animation: moveUp 1.2s ease-in-out 1 forwards 1s; }


/** networks */
.networks { position: relative; width: 100%; height: 100vh; overflow: hidden; background-color: #0a0a0a; }
.networks > div{ overflow: hidden; }
.networks > div > ul{ padding-top: 100px; }
.networks > div > ul > li{ display: flex; justify-content: flex-start; align-items: center; width: 12320px; }
.networks > div > ul > li > a{ position: relative; width: 700px; height: 600px; display: block; margin-left: 70px; }
.networks > div > ul > li > a:first-of-type{ margin-left: 0; }
.networks > div > ul > li > a > h4{ position: absolute; bottom: 15%; left: 40px; font-size: 34px; color: #f6ead9; font-weight: 700; }
.networks > div > ul > li > a > p{ position: absolute; bottom: 9%; left: 40px; font-size: 18px; color: #f6ead9; }
.networks .agu { background: url(/img/img_m2_1.png) no-repeat; }
.networks .the { background: url(/img/img_m2_2.png) no-repeat; }
.networks .ch { background: url(/img/img_m2_3.png) no-repeat; }
.networks .ils { background: url(/img/img_m2_4.png) no-repeat; }
.networks .pan { background: url(/img/img_m2_5.png) no-repeat; }
.networks .uls { background: url(/img/img_m2_6.png) no-repeat; }
.networks .lon { background: url(/img/img_m2_7.png) no-repeat; }
.networks .mac { background: url(/img/img_m2_8.png) no-repeat; }
.networks .jamsillottehotel { background: url(/img/img_m2_9.png) no-repeat; }
.networks .cheongdam { background: url(/img/img_m2_10.png) no-repeat; }
.networks .songdo { background: url(/img/img_m_songdo.png) no-repeat; }

/*? maquee */
.networks ul > li { width: 12320px; animation: maquee 80s linear infinite; }
.networks ul > li:hover{ animation-play-state: paused; }

/*? active */
.networks.active > div > ul{ opacity: 0; animation: txtopa .8s ease-out 1 0.7s forwards; }

/** signature */
.signature_main { position: relative; width: 100%; height: 100vh; background-color: #0a0a0a; padding: 0; }
.signature_main > div > ul{ width: 100%; height: 100%; display: flex; justify-content: space-between; align-items: baseline; flex-wrap: wrap; }
.signature_main > div > ul > li{ position: relative; width: 33%; height: 49.5%; transition: all .3s ease-out; }
.signature_main > div > ul > li:nth-of-type(n+4){ margin-top: 0.5%; }
.signature_main > div > ul > li > a > span{ width: 100%; height: 100%; display: block; background-color: rgba(0, 0, 0, .4); transition: all .3s ease-out; }
.signature_main .dftxt{ position: absolute; bottom: 40px; width: 100%; text-align: center; font-size: 34px; color: #fff; font-weight: 700; display: block; transition: all .5s ease-out; }
.signature_main .ovtxt{ position: absolute; bottom: 40px; width: 100%; text-align: center; display: block; padding: 0 30px; opacity: 0; transition: all .5s ease-out; }
.signature_main .ovtxt > p{ font-size: 16px; color: #fff; line-height: 24px; letter-spacing: -1px; word-break: keep-all; }
.signature_main .newnormal { background: url(/img/img_m3_1.png) no-repeat center center; background-size: cover; }
.signature_main .balance { background: url(/img/img_m3_2.png) no-repeat center center; background-size: cover; }
.signature_main .oneday { background: url(/img/img_m3_3.png) no-repeat center center; background-size: cover; }
.signature_main .custom { background: url(/img/img_m3_5.png) no-repeat center center; background-size: cover; }
.signature_main .facial { background: url(/img/img_m3_4.png) no-repeat center center; background-size: cover; }
.signature_main .medical { background: url(/img/img_m3_6.png) no-repeat center center; background-size: cover; }

.signature_main > div > ul > li:hover .dftxt{ transform: translateY(-68px); }
.signature_main > div > ul > li:hover .ovtxt{ opacity: 1; transform: translateY(-10px); transition-delay: .2s; }
.signature_main > div > ul > li:hover > a > span{ opacity: 0; }

/*? active */
.signature_main.active > div > ul{ opacity: 0; animation: txtopa .8s ease-out 1 0.5s forwards; }


/** emblem */
.emblem { background-color: #0a0a0a; }
.emblem .inner { width: 100%; height: 100vh; }
.emblem .video{ position: relative; width: 100%; height: 100%; transition: all 8s ease-out; }
.emblem .video > span{ position: absolute; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .5); z-index: 21; display: block; }
.emblem .video video{ width: 100%; height: 100%; object-fit: cover; }
.emblem .txtwrap > p{ opacity: 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 22; font-size: 42px; color: #fff; font-weight: 700; letter-spacing: -3px; width: max-content; text-align: center; word-break: keep-all; }

/*? active */
.emblem.active .txtwrap .txt1 { opacity: 0; animation: txtopa 0.8s ease-out 1 0.7s forwards, txtopa0 0.8s ease-out 1 3.7s forwards; }
.emblem.active .txtwrap .txt2 { opacity: 0; animation: txtopa 0.8s ease-out 1 4.4s forwards, txtopa0 0.8s ease-out 1 7.4s forwards; }
.emblem.active .txtwrap .txt3 { opacity: 0; animation: txtopa 0.8s ease-out 1 8.1s forwards, txtopa0 0.8s ease-out 1 11.1s forwards; }
.emblem.active .txtwrap .txt4 { opacity: 0; animation: txtopa 0.8s ease-out 1 11.8s forwards, txtopa0 0.8s ease-out 1 14.8s forwards; }
.emblem.active .txtwrap .txt5 { opacity: 0; animation: txtopa 0.8s ease-out 1 15.5s forwards; }


/** members */
.members { position: relative; width: 100%; height: 100vh; background-color: #0a0a0a; overflow: hidden; }
.members > div{ overflow: hidden; height: 100vh !important; }
.members .txtwrap { opacity: 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 22; font-size: 45px; color: #fff; font-weight: 700; letter-spacing: -3px; width: max-content; text-align: center; word-break: keep-all; }
.members .inner { position: absolute; width: 100%; height: 100vh; overflow: hidden; background-color: #0a0a0a; }
.members .photos { opacity: 0; position: absolute; bottom: 700px; width: 100%; transition: all .5s ease-out; }
.members .photos > ul{ width: 100%; height: 570px; display: flex; justify-content: space-between; align-items: flex-start; padding: 0 10%; margin-top: 150px; }
.members .photos > ul:first-of-type{ margin-top: 0; }
.members .photos > ul > li{ width: 350px; height: 420px; background-size: contain; }
.members .photos > ul > li:first-of-type{ margin-top: 150px; }
.members .photos > ul > li:last-of-type{ margin-top: 150px; }
.members .m51 { background: url(/img/img_m5_1.png) no-repeat; }
.members .m52 { background: url(/img/img_m5_2.png) no-repeat; }
.members .m53 { background: url(/img/img_m5_3.png) no-repeat; }
.members .m54 { background: url(/img/img_m5_4.png) no-repeat; }
.members .m55 { background: url(/img/img_m5_5.png) no-repeat; }
.members .m56 { background: url(/img/img_m5_6.png) no-repeat; }
.members .m57 { background: url(/img/img_m5_7.png) no-repeat; }
.members .m58 { background: url(/img/img_m5_8.png) no-repeat; }
.members .m59 { background: url(/img/img_m5_9.png) no-repeat; }
.members .m510 { background: url(/img/img_m5_10.png) no-repeat; }
.members .m511 { background: url(/img/img_m5_11.png) no-repeat; }
.members .m512 { background: url(/img/img_m5_12.png) no-repeat; }
.members .m513 { background: url(/img/img_m5_13.png) no-repeat; }
.members .m514 { background: url(/img/img_m5_14.png) no-repeat; }
.members .m515 { background: url(/img/img_m5_15.png) no-repeat; }
.members .m516 { background: url(/img/img_m5_16.png) no-repeat; }
.members .m517 { background: url(/img/img_m5_17.png) no-repeat; }
.members .m518 { background: url(/img/img_m5_18.png) no-repeat; }
.members .m519 { background: url(/img/img_m5_19.png) no-repeat; }
.members .m520 { background: url(/img/img_m5_20.png) no-repeat; }
.members .m521 { background: url(/img/img_m5_21.png) no-repeat; }
.members .m522 { background: url(/img/img_m5_22.png) no-repeat; }
.members .m523 { background: url(/img/img_m5_23.png) no-repeat; }
.members .m524 { background: url(/img/img_m5_24.png) no-repeat; }
.members .set9 { width: 100%; height: 100%; padding: 0 !important; }
.members .set9 .m525 { width: 100%; height: 100vh; background: url(/img/img_m5_25.png) no-repeat; background-size: cover; }

/*? active */
.members.active .txtwrap { opacity: 0; animation: txtopa 0.8s ease-out 1 0.7s forwards; }
.members.active .photos { opacity: 0; animation: maqueeup 40s linear 1 0.7s forwards; }

/*! Maylin */

/** Maylin */
.maylin-h2 { font-size: 65px; color: #f6ead9; font-weight: 700; }
.maylin { background-color: #0a0a0a; }

.brand { position: relative; width: 100%; height: 100vh; overflow: hidden; background: url(/img/img_maylin1.png) no-repeat center center; background-size: cover; }
.brand { animation: bgScale 1.5s ease-out 1 forwards; }
.brand .inner { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }

.may-lin { position: relative; width: 100%; overflow: hidden; }
.may-lin .inner { width: 100%; height: 100vh; display: flex; justify-content: space-between; align-items: center; }
.may-lin .may { position: relative; width: 50%; height: 100%; overflow: hidden; text-align: center; cursor: pointer; }
.may-lin .txtwrap { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 2; }
.may-lin .txtwrap > h2{ display: inline-block; width: fit-content; transition: all .5s ease-out; }
.may-lin .txtwrap > p{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: max-content; font-size: 40px; color: #f6ead9; opacity: 0; transition: all .3s ease-out; }
.may-lin .may .shade { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .5); z-index: 1; display: block; transition: all .7s ease-out; }
.may-lin .may .bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(/img/img_maylin2.png) no-repeat; display: block; transition: all 1s ease-out; }
.may-lin .lin { position: relative; width: 50%; height: 100%; overflow: hidden; text-align: center; cursor: pointer; }
.may-lin .lin .shade { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .5); z-index: 1; display: block; transition: all .7s ease-out; }
.may-lin .lin .bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(/img/img_maylin3.png) no-repeat; display: block; transition: all 1s ease-out; }

/*? hover */
.may-lin .may:hover > span{ opacity: .1; }
.may-lin .lin:hover > span{ opacity: .1; }
.may-lin .may:hover .bg { transform: scale(1.05); }
.may-lin .lin:hover .bg { transform: scale(1.05); }
.may-lin .may:hover .txtwrap > p{ opacity: 1; transition-delay: .5s; }
.may-lin .may:hover .txtwrap > h2{ transform: translateY(-70px); }
.may-lin .lin:hover .txtwrap > p{ opacity: 1; transition-delay: .5s; }
.may-lin .lin:hover .txtwrap > h2{ transform: translateY(-70px); }


.symbol { position: relative; width: 100%; height: 100vh; overflow: hidden; background: url(/img/bg_maylin4.png) repeat; }
.symbol .inner { position: relative; width: 1640px; height: 100%; margin: 0 auto; }
.symbol .inner > div{ position: absolute; top: 50%; left: 5%; transform: translateY(-50%); }
.symbol .inner .logo-gnb{ width: 324px; height: 200px; background: url(/img/logo_gnb.svg) no-repeat; background-size: contain; }
.symbol .inner .syl-img{ width: 324px; height: 47px; background: url(/img/img_maylin4.png) no-repeat; background-size: contain; margin-top: 55px; }
.symbol .inner div > p{ font-size: 24px; color: #f6ead9; line-height: 40px; margin-top: 50px; }

/*? active */
.symbol.active .inner .logo-gnb { opacity: 0; animation: m-up .8s ease-out 1 0.6s forwards; }
.symbol.active .inner .syl-img { opacity: 0; animation: m-up .8s ease-out 1 0.7s forwards; }
.symbol.active .inner > div > p{ opacity: 0; animation: m-up .8s ease-out 1 0.8s forwards; }


.trigger1 { position: relative; overflow: hidden; }
.trigger1 .inner { position: relative; width: 100%; height: 100vh; }
.trigger1 .bgtxt1 { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); font-size: 55px; color: #f6ead9; font-weight: 800; line-height: 70px; letter-spacing: -3px; width: max-content; z-index: 2; }
.trigger1 .bg1 { width: 100%; height: 100%; background: url(/img/img_maylin5.png) no-repeat center center; background-size: cover; }
.trigger2 { position: relative; overflow: hidden; }
.trigger2 .inner { position: relative; width: 100%; height: 100vh; }
.trigger2 .bgtxt2 { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); font-size: 55px; color: #f6ead9; font-weight: 800; line-height: 70px; letter-spacing: -3px; width: max-content; z-index: 2; }
.trigger2 .bg2 { width: 100%; height: 100%; background: url(/img/img_maylin6.png) no-repeat center center; background-size: cover; }
.trigger3 { position: relative; overflow: hidden; }
.trigger3 .inner { position: relative; width: 100%; height: 100vh; }
.trigger3 .bgtxt3 { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); font-size: 55px; color: #f6ead9; font-weight: 800; line-height: 70px; letter-spacing: -3px; width: max-content; z-index: 2; text-align: center; }
.trigger3 .bg3 { width: 100%; height: 100%; background: url(/img/img_maylin7.png) no-repeat center center; background-size: cover; }

/*? active */
.trigger1.active .bgtxt1 { opacity: 0; animation: txtopa 1.5s ease-out 1 0.8s forwards; }
.trigger1.active .bg1 { opacity: 0; animation: txtopa 2s ease-out 1 0.7s forwards; }
.trigger2.active .bgtxt2 { opacity: 0; animation: txtopa 1.5s ease-out 1 0.8s forwards; }
.trigger2.active .bg2 { opacity: 0; animation: txtopa 2s ease-out 1 0.7s forwards; }
.trigger3.active .bgtxt3 { opacity: 0; animation: txtopa 1.5s ease-out 1 0.8s forwards; }
.trigger3.active .bg3 { opacity: 0; animation: txtopa 2s ease-out 1 0.7s forwards; }




.highend { position: relative; overflow: hidden; }
.highend .inner { width: 100%; height: 100vh; text-align: center; }
.highend .emblem { width: 150px; height: 155px; background: url(/img/img_maylin8.png) no-repeat; margin: 15% auto 30px; background-size: contain; }
.highend .inner > p { font-size: 55px; color: #f6ead9; font-weight: 800; line-height: 70px; letter-spacing: -0.5px; width: max-content; margin: 0 auto; }

/*? active */
.highend.active .emblem { opacity: 0; animation: m-down 1s ease-out 1 0.7s forwards; }
.highend.active .inner > p{ opacity: 0; animation: m-up 1s ease-out 1 0.7s forwards; }



/** Doctor */
.doctor { background-color: #0a0a0a; }

.doctor .visual { position: relative; width: 100%; height: 100vh; overflow: hidden; background: url(/img/img_doctor1.png) no-repeat center center; background-size: cover; }
.doctor .visual { animation: bgScale 1.5s ease-out 1 forwards; }
.doctor .visual > div{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }
.doctor .visual > div > h2{ font-size: 65px; color: #f6ead9; font-weight: 700; }
.doccon1 { position: relative; width: 100%; height: 100vh; overflow: hidden; background: url(/img/img_doctor2-1.png) no-repeat top center; background-size: cover; background-attachment: fixed;  }
.doccon2 { position: relative; width: 100%; height: 100vh; overflow: hidden; background: url(/img/img_doctor3-1.png) no-repeat center center; background-size: cover; background-attachment: fixed;  }
.doccon3 { position: relative; width: 100%; height: 100vh; overflow: hidden; background: url(/img/img_doctor4-1.png) no-repeat top center; background-size: cover; background-attachment: fixed;  }
.doccon1-txt { position: relative; width: 100%; height: 410px; background-color: #0a0a0a; }
.doccon2-txt { position: relative; width: 100%; height: 410px; background-color: #0a0a0a; }
.doccon3-txt { position: relative; width: 100%; height: 310px; background-color: #0a0a0a; }
.doccon3-txt .inner { position: absolute; left: 50%; bottom: 145px !important; transform: translateX(-50%); width: 1640px; padding-left: 130px; }
.doctor .inner { position: absolute; left: 50%; bottom: 180px; transform: translateX(-50%); width: 1640px; padding-left: 130px; }
.inner > h3{ font-size: 50px; color: #f6ead9; font-weight: 800; }
.inner > p{ font-size: 20px; color: #f6ead9; line-height: 34px; margin-top: 30px;  }


/*! Network */
#section0 {position: relative;}
.articles_go {position: absolute; width: 100%; bottom: 100px; text-align: center; }
.articles_go a {display: inline-block; padding: 10px 40px; border: 1px solid #fff; border-radius: 50px; font-size: 16px; color: #fff; transform: scale(1.0); transition: 0.5s;}
.articles_go a:hover {background-color: #fff; color: #000; transform: scale(1.05); transition: 0.5s;}

.network { background-color: #0a0a0a; }
.network .visual { animation: bgScale 1.5s ease-out 1 forwards; }
.network .visual .vtxt { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }
.network .visual .vtxt > h2{ font-size: 65px; color: #f6ead9; font-weight: 700; }
.network .visual .vtxt > p{ font-size: 16px; color: #f6ead9; font-weight: 500; text-align: center; }

.mobile {display: none}

/** 지점별 이미지 - 압구정 */
.apgujeong .visual { position: relative; width: 100%; height: 100vh; overflow: hidden; background: url(/img/img_apgujeong1.png) no-repeat center center; background-size: cover; }

/** 지점별 이미지 - 더현대 */
.hyundai .visual { position: relative; width: 100%; height: 100vh; overflow: hidden; background: url(/img/the_1.png) no-repeat center center; background-size: cover; }

/** 지점별 이미지 - 천호 */
.cheonho .visual { position: relative; width: 100%; height: 100vh; overflow: hidden; background: url(/img/ch_1.png) no-repeat center center; background-size: cover; }

/** 지점별 이미지 - 일산 */
.ilsan .visual { position: relative; width: 100%; height: 100vh; overflow: hidden; background: url(/img/ils_1.png) no-repeat center center; background-size: cover; }

/** 지점별 이미지 - 판교 */
.pangyo .visual { position: relative; width: 100%; height: 100vh; overflow: hidden; background: url(/img/pan_1.png) no-repeat center center; background-size: cover; }

/** 지점별 이미지 - 울산 */
.ulsan .visual { position: relative; width: 100%; height: 100vh; overflow: hidden; background: url(/img/uls_1.png) no-repeat center center; background-size: cover; }

/** 지점별 이미지 - 런던 */
.london .visual { position: relative; width: 100%; height: 100vh; overflow: hidden; background: url(/img/lon_1.png) no-repeat center center; background-size: cover; }

/** 지점별 이미지 - 마카오 */
.macau .visual { position: relative; width: 100%; height: 100vh; overflow: hidden; background: url(/img/mac_1.png) no-repeat center center; background-size: cover; }

/** 지점별 이미지 - 잠실 롯데호텔점 */
.jamsillosdehotel .visual { position: relative; width: 100%; height: 100vh; overflow: hidden; background: url(/img/img_jamsillosdehotel1.png) no-repeat center center; background-size: cover; }

/** 지점별 이미지 - 청담점 */
.cheongdam .visual { position: relative; width: 100%; height: 100vh; overflow: hidden; background: url(/img/img_cheongdam.png) no-repeat center center; background-size: cover; }

/** 지점별 이미지 - 반포점 */
.banpo .visual { position: relative; width: 100%; height: 100vh; overflow: hidden; background: url(/img/img_banpo1.png) no-repeat center center; background-size: cover; }

/** 지점별 이미지 - 송도 */
.songdo .visual { position: relative; width: 100%; height: 100vh; overflow: hidden; background: url(/img/img_songdo1n.png) no-repeat center center; background-size: cover; }

/** 지점별 이미지 - 성수점 */
.seongsu .visual { position: relative; width: 100%; height: 100vh; overflow: hidden; background: url(/img/img_seongsu1.png) no-repeat center center; background-size: cover; }

/** 지점별 이미지 - 대구 */
.daegu .visual { position: relative; width: 100%; height: 100vh; overflow: hidden; background: url(/img/img_daegu1.png) no-repeat center center; background-size: cover; }

.network .space { position: relative; width: 100%; height: 200vh; overflow: hidden; background-color: #0a0a0a; }

/*! Fullpage - 230504 */
.network .space1 .inner { position: relative; height: 100vh; overflow: hidden; background-color: #0a0a0a; }
.network .space2 .inner { position: relative; height: 100vh; overflow: hidden; background-color: #0a0a0a; }

.network .space1 .inner .txt1 { position: absolute; opacity: 0; z-index: 2; width: max-content; top: 50%; left: 50%; transform: translate(-50%,-50%); font-size: 42px; color: #f6ead9; font-weight: 700; text-align: center; letter-spacing: -3px; transition: all 0.5s ease-out; transition-delay: 0.5s; }
.network .space1 .inner .txt1 p {padding: 20px 0 0}
.network .space2 .inner .txt2 { position: absolute; opacity: 0; z-index: 2; width: max-content; top: 50%; left: 50%; transform: translate(-50%,-50%); font-size: 42px; color: #f6ead9; font-weight: 700; text-align: center; letter-spacing: -3px; transition: all 0.5s ease-out; transition-delay: 0.5s; }
.network .space2 .inner .txt2 p {padding: 20px 0 0}

.network.cheongdam .space1 .inner .txt1 {font-size: 36px; letter-spacing: -2px;}
.network.cheongdam .space2 .inner .txt2 {font-size: 36px; letter-spacing: -2px;}

/*? active */
.space1.active .inner .txt1 { opacity: 1; }
.space2.active .inner .txt2 { opacity: 1; }
.space1.active .inner .img1{ opacity: 0; animation: m-down .8s ease-out 1 0.7s forwards; }
.space1.active .inner .img2{ opacity: 0; animation: m-left .8s ease-out 1 0.7s forwards; }
.space2.active .inner .img3{ opacity: 0; animation: m-right .8s ease-out 1 0.7s forwards; }
.space2.active .inner .img4{ opacity: 0; animation: m-up .8s ease-out 1 0.7s forwards; }


/** 지점별 이미지 - 압구정 */
.apgujeong .space1 .inner .img1 { position: absolute; top: 100px; left: 50px; width: 600px; height: 772px; display: block; background: url(/img/img_apgujeong2.png) no-repeat; background-size: contain; }
.apgujeong .space1 .inner .img2 { position: absolute; top: 160px; right: 50px; width: 600px; height: 772px; display: block; background: url(/img/img_apgujeong3.png) no-repeat; background-size: contain; }
.apgujeong .space2 .inner .img3 { position: absolute; top: 100px; left: 50px; width: 600px; height: 772px; display: block; background: url(/img/img_apgujeong4.png) no-repeat; background-size: contain; }
.apgujeong .space2 .inner .img4 { position: absolute; top: 160px; right: 50px; width: 600px; height: 772px; display: block; background: url(/img/img_apgujeong5.png) no-repeat; background-size: contain; }

/** 지점별 이미지 - 더현대 */
.hyundai .space1 .inner .img1 { position: absolute; top: 100px; left: 50px; width: 600px; height: 772px; display: block; background: url(/img/the_2_1.png) no-repeat; background-size: contain; }
.hyundai .space1 .inner .img2 { position: absolute; top: 160px; right: 50px; width: 600px; height: 772px; display: block; background: url(/img/the_2_2.png) no-repeat; background-size: contain; }
.hyundai .space2 .inner .img3 { position: absolute; top: 100px; left: 50px; width: 600px; height: 772px; display: block; background: url(/img/the_2_3.png) no-repeat; background-size: contain; }
.hyundai .space2 .inner .img4 { position: absolute; top: 160px; right: 50px; width: 600px; height: 772px; display: block; background: url(/img/the_2_4.png) no-repeat; background-size: contain; }

/** 지점별 이미지 - 천호 */
.cheonho .space1 .inner .img1 { position: absolute; top: 100px; left: 50px; width: 600px; height: 772px; display: block; background: url(/img/ch_2_1.png) no-repeat; background-size: contain; }
.cheonho .space1 .inner .img2 { position: absolute; top: 160px; right: 50px; width: 600px; height: 772px; display: block; background: url(/img/ch_2_2.png) no-repeat; background-size: contain; }
.cheonho .space2 .inner .img3 { position: absolute; top: 100px; left: 50px; width: 600px; height: 772px; display: block; background: url(/img/ch_2_3.png) no-repeat; background-size: contain; }
.cheonho .space2 .inner .img4 { position: absolute; top: 160px; right: 50px; width: 600px; height: 772px; display: block; background: url(/img/ch_2_4.png) no-repeat; background-size: contain; }

/** 지점별 이미지 - 일산 */
.ilsan .space1 .inner .img1 { position: absolute; top: 100px; left: 50px; width: 600px; height: 772px; display: block; background: url(/img/ils_2_1.png) no-repeat; background-size: contain; }
.ilsan .space1 .inner .img2 { position: absolute; top: 160px; right: 50px; width: 600px; height: 772px; display: block; background: url(/img/ils_2_2.png) no-repeat; background-size: contain; }
.ilsan .space2 .inner .img3 { position: absolute; top: 100px; left: 50px; width: 600px; height: 772px; display: block; background: url(/img/ils_2_3.png) no-repeat; background-size: contain; }
.ilsan .space2 .inner .img4 { position: absolute; top: 160px; right: 50px; width: 600px; height: 772px; display: block; background: url(/img/ils_2_4.png) no-repeat; background-size: contain; }

/** 지점별 이미지 - 판교 */
.pangyo .space1 .inner .img1 { position: absolute; top: 100px; left: 50px; width: 600px; height: 772px; display: block; background: url(/img/pan_2_1.png) no-repeat; background-size: contain; }
.pangyo .space1 .inner .img2 { position: absolute; top: 160px; right: 50px; width: 600px; height: 772px; display: block; background: url(/img/pan_2_2.png) no-repeat; background-size: contain; }
.pangyo .space2 .inner .img3 { position: absolute; top: 100px; left: 50px; width: 600px; height: 772px; display: block; background: url(/img/pan_2_3.png) no-repeat; background-size: contain; }
.pangyo .space2 .inner .img4 { position: absolute; top: 160px; right: 50px; width: 600px; height: 772px; display: block; background: url(/img/pan_2_4.png) no-repeat; background-size: contain; }

/** 지점별 이미지 - 울산 */
.ulsan .space1 .inner .img1 { position: absolute; top: 100px; left: 50px; width: 600px; height: 772px; display: block; background: url(/img/uls_2_1.png) no-repeat; background-size: contain; }
.ulsan .space1 .inner .img2 { position: absolute; top: 160px; right: 50px; width: 600px; height: 772px; display: block; background: url(/img/uls_2_2.png) no-repeat; background-size: contain; }
.ulsan .space2 .inner .img3 { position: absolute; top: 100px; left: 50px; width: 600px; height: 772px; display: block; background: url(/img/uls_2_3.png) no-repeat; background-size: contain; }
.ulsan .space2 .inner .img4 { position: absolute; top: 160px; right: 50px; width: 600px; height: 772px; display: block; background: url(/img/uls_2_4.png) no-repeat; background-size: contain; }

/** 지점별 이미지 - 런던 */
.london .space1 .inner .img1 { position: absolute; top: 130px; left: 100px; width: 600px; height: 335px; display: block; background: url(/img/lon_2_1.png) no-repeat; background-size: contain; }
.london .space1 .inner .img2 { position: absolute; top: 130px; right: 100px; width: 600px; height: 799px; display: block; background: url(/img/lon_2_2.png) no-repeat; background-size: contain; }
.london .space2 .inner .img3 { position: absolute; top: 130px; left: 100px; width: 600px; height: 333px; display: block; background: url(/img/lon_2_3.png) no-repeat; background-size: contain; }
.london .space2 .inner .img4 { position: absolute; top: 450px; right: 100px; width: 600px; height: 367px; display: block; background: url(/img/lon_2_4.png) no-repeat; background-size: contain; }


/** 지점별 이미지 - 마카오 */
.macau .space1 .inner .img1 { position: absolute; top: 100px; left: 50px; width: 600px; height: 772px; display: block; background: url(/img/mac_2_1.png) no-repeat; background-size: contain; }
.macau .space1 .inner .img2 { position: absolute; top: 160px; right: 50px; width: 600px; height: 772px; display: block; background: url(/img/mac_2_2.png) no-repeat; background-size: contain; }
.macau .space2 .inner .img3 { position: absolute; top: 100px; left: 50px; width: 600px; height: 772px; display: block; background: url(/img/mac_2_3.png) no-repeat; background-size: contain; }
.macau .space2 .inner .img4 { position: absolute; top: 160px; right: 50px; width: 600px; height: 772px; display: block; background: url(/img/mac_2_4.png) no-repeat; background-size: contain; }


/** 지점별 이미지 - 잠실점 */
.jamsillosdehotel .space1 .inner .img1 { position: absolute; top: 100px; left: 50px; width: 600px; height: 772px; display: block; background: url(/img/img_jamsillosdehotel2.png) no-repeat; background-size: contain; }
.jamsillosdehotel .space1 .inner .img2 { position: absolute; top: 160px; right: 50px; width: 600px; height: 772px; display: block; background: url(/img/img_jamsillosdehotel3.png) no-repeat; background-size: contain; }
.jamsillosdehotel .space2 .inner .img3 { position: absolute; top: 100px; left: 50px; width: 600px; height: 772px; display: block; background: url(/img/img_jamsillosdehotel4.png) no-repeat; background-size: contain; }
.jamsillosdehotel .space2 .inner .img4 { position: absolute; top: 160px; right: 50px; width: 600px; height: 772px; display: block; background: url(/img/img_jamsillosdehotel5.png) no-repeat; background-size: contain; }

/** 지점별 이미지 - 청담점 */
.cheongdam .space1 .inner .img1 { position: absolute; top: 0px; left: 0px; width: 50%; height: 100%; display: block; background: url(/img/img_cheongdam2.png) no-repeat; background-size: 100% auto; }
.cheongdam .space1 .inner .img2 { position: absolute; top: 0px; right: 0px; width: 50%; height: 100%; display: block; background: url(/img/img_cheongdam3.png) no-repeat; background-size: 100% auto; }
.cheongdam .space2 .inner .img3 { position: absolute; top: 0px; left: 0px; width: 50%; height: 100%; display: block; background: url(/img/img_cheongdam4.png) no-repeat; background-size: 100% auto; }
.cheongdam .space2 .inner .img4 { position: absolute; top: 0px; right: 0px; width: 50%; height: 100%; display: block; background: url(/img/img_cheongdam5.png) no-repeat; background-size: 100% auto; }

/** 지점별 이미지 - 반포점 */
.banpo .space1 .inner .img1 { position: absolute; top: 0px; left: 0px; width: 50%; height: 100%; display: block; background: url(/img/img_banpo2_1.png) no-repeat; background-size: 100% auto; }
.banpo .space1 .inner .img2 { position: absolute; top: 0px; right: 0px; width: 50%; height: 100%; display: block; background: url(/img/img_banpo3_1.png) no-repeat; background-size: 100% auto; }
.banpo .space2 .inner .img3 { position: absolute; top: 0px; left: 0px; width: 50%; height: 100%; display: block; background: url(/img/img_banpo4_1.png) no-repeat; background-size: 100% auto; }
.banpo .space2 .inner .img4 { position: absolute; top: 0px; right: 0px; width: 50%; height: 100%; display: block; background: url(/img/img_banpo5_1.png) no-repeat; background-size: 100% auto; }

/** 지점별 이미지 - 성수점 */
.seongsu .space1 .inner .img1 { position: absolute; top: 0px; left: 0px; width: 50%; height: 100%; display: block; background: url(/img/img_seongsu2.png) no-repeat; background-size: 100% auto; }
.seongsu .space1 .inner .img2 { position: absolute; top: 0px; right: 0px; width: 50%; height: 100%; display: block; background: url(/img/img_seongsu3.png) no-repeat; background-size: 100% auto; }
.seongsu .space2 .inner .img3 { position: absolute; top: 0px; left: 0px; width: 50%; height: 100%; display: block; background: url(/img/img_seongsu4.png) no-repeat; background-size: 100% auto; }
.seongsu .space2 .inner .img4 { position: absolute; top: 0px; right: 0px; width: 50%; height: 100%; display: block; background: url(/img/img_seongsu5.png) no-repeat; background-size: 100% auto; }

/** 지점별 이미지 - 대구점 */
.daegu .space1 .inner .img1 { position: absolute; top: 100px; left: 50px; width: 600px; height: 772px; display: block; background: url(/img/daegu_2_1.png) no-repeat; background-size: contain; }
.daegu .space1 .inner .img2 { position: absolute; top: 160px; right: 50px; width: 600px; height: 772px; display: block; background: url(/img/daegu_2_2.png) no-repeat; background-size: contain; }
.daegu .space2 .inner .img3 { position: absolute; top: 100px; left: 50px; width: 600px; height: 772px; display: block; background: url(/img/daegu_2_3.png) no-repeat; background-size: contain; }
.daegu .space2 .inner .img4 { position: absolute; top: 160px; right: 50px; width: 600px; height: 772px; display: block; background: url(/img/daegu_2_4.png) no-repeat; background-size: contain; }

/** 지점별 이미지 - 송도점 */
.songdo .space1 .inner .img1 { position: absolute; top: 100px; left: 50px; width: 600px; height: 772px; display: block;  background: url(/img/img_songdo4_1.png) no-repeat; background-size: contain; }
.songdo .space1 .inner .img2 { position: absolute; top: 160px; right: 50px; width: 600px; height: 772px; display: block;  background: url(/img/img_songdo5_1.png) no-repeat; background-size: contain; }
.songdo .space2 .inner .img3 { position: absolute; top: 100px; left: 50px; width: 600px; height: 772px; display: block;   background: url(/img/img_songdo2_1.png) no-repeat; background-size: contain; }
.songdo .space2 .inner .img4 { position: absolute; top: 160px; right: 50px; width: 600px; height: 772px; display: block;  background: url(/img/img_songdo3_1.png) no-repeat; background-size: contain; }
.songdo .space1 .inner .img5 { position: absolute; top: 100px; left: 50px; width: 600px; height: 772px; display: block; background: url(/img/img_songdo6_1.png) no-repeat; background-size: contain; }
.songdo .space1 .inner .img6 { position: absolute; top: 160px; right: 50px; width: 600px; height: 772px;; display: block; background: url(/img/img_songdo7_1.png) no-repeat; background-size: contain; }
.songdo .space2 .inner .img7 { position: absolute; top: 100px; left: 50px; width: 600px; height: 772px; display: block; background: url(/img/img_songdo8_1.png) no-repeat; background-size: contain; }
.songdo .space2 .inner .img8 { position: absolute; top: 160px; right: 50px; width: 600px; height: 772px; display: block; background: url(/img/img_songdo9_1.png) no-repeat; background-size: contain; }
.songdo .space1 .inner .img9 { position: absolute; top: 100px; left: 50px; width: 600px; height: 772px; display: block; background: url(/img/img_songdo10_1.png) no-repeat; background-size: contain; }
.songdo .space1 .inner .img10 { position: absolute; top: 160px; right: 50px; width: 600px; height: 772px; display: block; background: url(/img/img_songdo11_1.png) no-repeat; background-size: contain; }

.special { position: relative; width: 100%; overflow: hidden; background-color: #0a0a0a; }
.london { margin-top: 0 !important; }
.special .inner { position: relative; width: 1640px; height: 100vh; margin: 0 auto; overflow: hidden; text-align: center; padding-top: 250px; }
.special .inner > h2{ font-size: 65px; color: #f6ead9; font-weight: 700; }
.special .inner > ul{ margin-top: 80px; display: flex; justify-content: center; align-items: center; }
.special .inner > ul > li{ width: 340px; height: 340px; font-size: 30px; color: #0a0a0a; font-weight: 700; line-height: 38px; border-radius: 50%; background-color: #f6ead9; padding-top: 120px; margin-right: -25px; }
.special .inner .line3 { padding-top: 110px; }
.special .inner > ul > li:last-child{ margin-right: 0; }
.special .inner > ul > .center{ position: relative; color: #f6ead9; background-color: #0a0a0a; mix-blend-mode: difference; z-index: 2; }
.special .inner > ul > .center::after{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; border-radius: 50%; background: transparent; border: 4px dotted #f6ead9; content: ''; }
.special .inner > ul > .center::after{ animation: moveRotate 30s linear infinite; }
.special .back-roll { position: absolute; top: 10%; left: 27%; transform: translate(-50%,-50%); display: block; width: 900px; height: 900px; background: url(/img/img_apgujeong6.svg) no-repeat; background-size: contain; }
.special .back-roll { animation: moveRotateR 30s linear infinite; }

/*? active */
.special.active .inner > ul > li:first-of-type{ opacity: 0; animation: m-right .8s ease-out 1 0.7s forwards; }
.special.active .inner > ul > .center{ opacity: 0; animation: m-up .8s ease-out 1 0.7s forwards; }
.special.active .inner > ul > li:last-of-type{ opacity: 0; animation: m-left .8s ease-out 1 0.7s forwards; }



.spe1 { position: relative; width: 100%; height: 100vh; overflow: hidden; background-color: #0a0a0a; }
.spe1 .inner { width: 1640px; margin: 0 auto; }
.spe1 .inner > h4{ font-size: 30px; color: #f6ead9; font-weight: 700; }
.spe1 .inner > h2{ font-size: 70px; color: #f6ead9; font-weight: 700; margin-top: 20px; }
.spe1 .inner > p{ font-size: 18px; color: #f6ead9; line-height: 32px; margin-top: 40px; }

/*? active */
.spe1.active .inner > h4{ opacity: 0; animation: m-right .8s ease-out 1 0.6s forwards; }
.spe1.active .inner > h2{ opacity: 0; animation: m-right .8s ease-out 1 0.7s forwards; }
.spe1.active .inner > p{ opacity: 0; animation: m-right .8s ease-out 1 0.8s forwards; }


/** 지점별 이미지 - 압구정 */
.apgujeong .spe1 > div > span{ position: absolute; bottom: 0; right: 0; width: 800px; height: 720px; background: url(/img/img_apgujeong7.png) no-repeat; background-size: contain; display: block; }

/** 지점별 이미지 - 더현대 */
.hyundai .spe1 > div > span{ position: absolute; bottom: 0; right: 0; width: 800px; height: 720px; background: url(/img/the_3_1.png) no-repeat; background-size: contain; display: block; }

/** 지점별 이미지 - 천호 */
.cheonho .spe1 > div > span{ position: absolute; bottom: 0; right: 0; width: 800px; height: 720px; background: url(/img/ch_3_1.png) no-repeat; background-size: contain; display: block; }

/** 지점별 이미지 - 일산 */
.ilsan .spe1 > div > span{ position: absolute; bottom: 0; right: 0; width: 800px; height: 720px; background: url(/img/ils_3_1.png) no-repeat; background-size: contain; display: block; }

/** 지점별 이미지 - 판교 */
.pangyo .spe1 > div > span{ position: absolute; bottom: 0; right: 0; width: 800px; height: 720px; background: url(/img/pan_3_1.png) no-repeat; background-size: contain; display: block; }

/** 지점별 이미지 - 울산 */
.ulsan .spe1 > div > span{ position: absolute; bottom: 0; right: 0; width: 800px; height: 720px; background: url(/img/uls_3_1.png) no-repeat; background-size: contain; display: block; }

/** 지점별 이미지 - 런던 */
.london .spe1 > div > span{ position: absolute; bottom: 0; right: 0; width: 800px; height: 720px; background: url(/img/lon_3_1.png) no-repeat; background-size: contain; display: block; }

/** 지점별 이미지 - 마카오 */
.macau .spe1 > div > span{ position: absolute; bottom: 0; right: 0; width: 800px; height: 720px; background: url(/img/mac_3_1.png) no-repeat; background-size: contain; display: block; }

/** 지점별 이미지 - 잠실점 */
.jamsillosdehotel .spe1 > div > span{ position: absolute; bottom: 0; right: 0; width: 800px; height: 720px; background: url(/img/jamsillosdehotel_3_1.png) no-repeat; background-size: contain; display: block; }

/** 지점별 이미지 - 청담점 */
.cheongdam .spe1 > div > span{ position: absolute; bottom: 0; right: 0; width: 800px; height: 720px; background: url(/img/cheongdam_3_1.png) no-repeat; background-size: contain; display: block; }

/** 지점별 이미지 - 반포점 */
.banpo .spe1 > div > span{ position: absolute; bottom: 0; right: 0; width: 800px; height: 720px; background: url(/img/banpo_3_1.png) no-repeat; background-size: contain; display: block; }

/** 지점별 이미지 - 성수점 */
.seongsu .spe1 > div > span{ position: absolute; bottom: 0; right: 0; width: 800px; height: 720px; background: url(/img/img_seongsu7.png) no-repeat; background-size: contain; display: block; }

/** 지점별 이미지 - 대구점 */
.daegu .spe1 > div > span{ position: absolute; bottom: 0; right: 0; width: 800px; height: 720px; background: url(/img/daegu_3_1.png) no-repeat; background-size: contain; display: block; }

/** 지점별 이미지 - 반포점 */
.songdo .spe1 > div > span{ position: absolute; bottom: 0; right: 0; width: 800px; height: 720px; background: url(/img/songdo_3_1.png) no-repeat; background-size: contain; display: block; }

.spe2 { position: relative; width: 100%; height: 100vh; overflow: hidden; background-color: #0a0a0a; }
.spe2 .inner { width: 1640px; margin: 0 auto; text-align: center; }
.spe2 .inner > h4{ font-size: 30px; color: #f6ead9; font-weight: 700; }
.spe2 .inner > h2{ font-size: 70px; color: #f6ead9; font-weight: 700; margin-top: 20px; }
.spe2 .inner > p{ font-size: 18px; color: #f6ead9; line-height: 32px; margin-top: 40px; }

/*? active */
.spe2.active .inner > h4{ opacity: 0; animation: m-up .6s ease-out 1 0.6s forwards; }
.spe2.active .inner > h2{ opacity: 0; animation: m-up .7s ease-out 1 0.6s forwards; }
.spe2.active .inner > p{ opacity: 0; animation: m-up .8s ease-out 1 0.6s forwards; }
.spe2.active .agu-svg1{ opacity: 0; animation: m-left 1.5s ease-out 1 0.8s forwards; }
.spe2.active .the-svg1{ opacity: 0; animation: m-up 1.5s ease-out 1 1s forwards; }
.spe2.active .ch-svg1{ opacity: 0; animation: m-up 1.5s ease-out 1 1s forwards; }
.spe2.active .ils-svg1{ opacity: 0; animation: m-up 1.5s ease-out 1 1s forwards; }
.spe2.active .pan-svg1{ opacity: 0; animation: m-up 1.5s ease-out 1 1s forwards; }
.spe2.active .uls-svg1{ opacity: 0; animation: m-up 1.5s ease-out 1 1s forwards; }
.spe2.active .mac-svg1{ opacity: 0; animation: m-up 1.5s ease-out 1 1s forwards; }
.spe2.active .jamsillosdehotel-svg1{ opacity: 0; animation: m-up 1.5s ease-out 1 1s forwards; }


/** 지점별 이미지 - 압구정 */
.spe2 .agu-svg1{ position: absolute; bottom: 100px; left: 0; width: 100%; height: 300px; background: url(/img/agu_obj_1.svg) no-repeat; background-size: contain; display: block; }

/** 지점별 이미지 - 더현대 */
.spe2 .the-svg1{ position: absolute; bottom: -50px; left: 0; width: 100%; height: 580px; background: url(/img/the_obj_1.svg) no-repeat; background-size: contain; display: block; }

/** 지점별 이미지 - 천호 */
.spe2 .ch-svg1{ position: absolute; bottom: -50px; left: 0; width: 100%; height: 420px; background: url(/img/ch_obj_1.svg) no-repeat; background-size: contain; display: block; }

/** 지점별 이미지 - 일산 */
.spe2 .ils-svg1{ position: absolute; bottom: -200px; left: 0; width: 100%; height: 500px; background: url(/img/ils_obj_1.svg) no-repeat; background-size: contain; display: block; }

/** 지점별 이미지 - 판교 */
.spe2 .pan-svg1{ position: absolute; bottom: -50px; left: 0; width: 100%; height: 700px; background: url(/img/pan_obj_1.svg) no-repeat; background-size: contain; display: block; }

/** 지점별 이미지 - 울산 */
.spe2 .uls-svg1{ position: absolute; bottom: -200px; left: 0; width: 100%; height: 620px; background: url(/img/uls_obj_1.svg) no-repeat; background-size: contain; display: block; }

/** 지점별 이미지 - 마카오 */
.spe2 .mac-svg1{ position: absolute; bottom: -50px; left: 0; width: 100%; height: 480px; background: url(/img/mac_obj_1.svg) no-repeat; background-size: contain; display: block; }

/** 지점별 이미지 - 잠실점 */
.spe2 .jamsillosdehotel-svg1{ position: absolute; bottom: -50px; left: 0; width: 100%; height: 579px; background: url(/img/jamsillosdehotel_obj_1.png) no-repeat; background-size: contain; display: block; }

/** 지점별 이미지 - 청담점 */
.spe2 .cheongdam-svg1{ position: absolute; bottom: -50px; left: 0; width: 100%; height: 579px; background: url(/img/cheongdam_obj_1.png) no-repeat; background-size: contain; display: block; background-position: bottom center}

/** 지점별 이미지 - 반포 */
.spe2 .banpo-svg1{ position: absolute; bottom: -50px; left: 0; width: 100%; height: 579px; background: url(/img/banpo_obj_1.png) no-repeat; background-size: contain; display: block; background-position: bottom center}

/** 지점별 이미지 - 성수 */
.spe2 .seongsu-svg1{ position: absolute; bottom: 0px; left: 0; width: 100%; height: 579px; background: url(/img/seongsu_obj_1.png) no-repeat; background-size: 100% auto; background-position: bottom center; display: block; }

/** 지점별 이미지 - 반포 */
.spe2 .songdo-svg1{ position: absolute; bottom: -50px; left: 0; width: 100%; height: 579px; background: url(/img/songdo_obj_1.png) no-repeat; background-size: contain; display: block; background-position: bottom center}


.spe3 { position: relative; width: 100%; height: 100vh; overflow: hidden; background-color: #0a0a0a; }
.spe3 .inner { width: 1640px; margin: 0 auto; z-index: 10; }
.spe3 .inner > h4{ font-size: 30px; color: #f6ead9; font-weight: 700; }
.spe3 .inner > h2{ font-size: 70px; color: #f6ead9; font-weight: 700; margin-top: 20px; }
.spe3 .inner > p{ font-size: 18px; color: #f6ead9; line-height: 32px; margin-top: 40px; }

/*? active */
.spe3.active .inner > h4{ opacity: 0; animation: m-right .6s ease-out 1 0.6s forwards; }
.spe3.active .inner > h2{ opacity: 0; animation: m-right .7s ease-out 1 0.6s forwards; }
.spe3.active .inner > p{ opacity: 0; animation: m-right .8s ease-out 1 0.6s forwards; }
.spe3.active .agu-svg2{ opacity: 0; animation: m-up 1.5s ease-out 1 0.8s forwards; }
.spe3.active .the-svg2{ opacity: 0; animation: m-up 1.5s ease-out 1 0.8s forwards; }
.spe3.active .ch-svg2{ opacity: 0; animation: m-up 1.5s ease-out 1 0.8s forwards; }
.spe3.active .ils-svg2{ opacity: 0; animation: m-up 1.5s ease-out 1 0.8s forwards; }
.spe3.active .pan-svg2{ opacity: 0; animation: m-up 1.5s ease-out 1 0.8s forwards; }
.spe3.active .uls-svg2{ opacity: 0; animation: m-up 1.5s ease-out 1 0.8s forwards; }
.spe3.active .lon-svg2{ opacity: 0; animation: m-up 1.5s ease-out 1 0.8s forwards; }
.spe3.active .mac-svg2{ opacity: 0; animation: m-up 1.5s ease-out 1 0.8s forwards; }
.spe3.active .jamsillosdehotel-svg2{ opacity: 0; animation: m-up 1.5s ease-out 1 0.8s forwards; }

/** 지점별 이미지 - 압구정 */
.spe3 .agu-spe3 { position: absolute; bottom: 0; right: 0; width: 800px; height: 720px; background: url(/img/img_apgujeong9.png) no-repeat; background-size: contain; display: block; }
.spe3 .agu-svg2 { position: absolute; bottom: -50px; left: 0; width: 100%; height: 500px; background: url(/img/agu_obj_2.svg) no-repeat; background-size: contain; display: block; z-index: 2; }

/** 지점별 이미지 - 더현대 */
.spe3 .the-spe3 { position: absolute; bottom: 0; right: 0; width: 800px; height: 720px; background: url(/img/the_3_2.png) no-repeat; background-size: contain; display: block; }
.spe3 .the-svg2 { position: absolute; bottom: -50px; left: 0; width: 100%; height: 480px; background: url(/img/the_obj_2.svg) no-repeat; background-size: contain; display: block; z-index: 2; }

/** 지점별 이미지 - 천호 */
.spe3 .ch-spe3 { position: absolute; bottom: 0; right: 0; width: 800px; height: 720px; background: url(/img/ch_3_2.png) no-repeat; background-size: contain; display: block; }
.spe3 .ch-svg2 { position: absolute; bottom: -50px; left: 0; width: 100%; height: 300px; background: url(/img/ch_obj_2.svg) no-repeat; background-size: contain; display: block; z-index: 2; }

/** 지점별 이미지 - 일산 */
.spe3 .ils-spe3 { position: absolute; bottom: 0; right: 0; width: 800px; height: 720px; background: url(/img/ils_3_2.png) no-repeat; background-size: contain; display: block; }
.spe3 .ils-svg2 { position: absolute; bottom: -50px; left: 0; width: 100%; height: 400px; background: url(/img/ils_obj_2.svg) no-repeat; background-size: contain; display: block; z-index: 2; }

/** 지점별 이미지 - 판교 */
.spe3 .pan-spe3 { position: absolute; bottom: 0; right: 0; width: 800px; height: 720px; background: url(/img/pan_3_2.png) no-repeat; background-size: contain; display: block; }
.spe3 .pan-svg2 { position: absolute; bottom: -50px; left: 0; width: 100%; height: 350px; background: url(/img/pan_obj_2.svg) no-repeat; background-size: contain; display: block; z-index: 2; }

/** 지점별 이미지 - 울산 */
.spe3 .uls-spe3 { position: absolute; bottom: 0; right: 0; width: 800px; height: 720px; background: url(/img/uls_3_2.png) no-repeat; background-size: contain; display: block; }
.spe3 .uls-svg2 { position: absolute; bottom: -50px; left: 0; width: 100%; height: 400px; background: url(/img/uls_obj_2.svg) no-repeat; background-size: contain; display: block; z-index: 2; }

/** 지점별 이미지 - 런던 */
.spe3 .lon-spe3 { position: absolute; bottom: 0; right: 0; width: 800px; height: 720px; background: url(/img/lon_3_2.png) no-repeat; background-size: contain; display: block; }
.spe3 .lon-svg2 { position: absolute; bottom: -50px; left: 0; width: 100%; height: 380px; background: url(/img/lon_obj_1.svg) no-repeat; background-size: contain; display: block; z-index: 2; }

/** 지점별 이미지 - 마카오 */
.spe3 .mac-spe3 { position: absolute; bottom: 0; right: 0; width: 800px; height: 720px; background: url(/img/mac_3_2.png) no-repeat; background-size: contain; display: block; }
.spe3 .mac-svg2 { position: absolute; bottom: -50px; left: 0; width: 100%; height: 210px; background: url(/img/mac_obj_1.svg) no-repeat; background-size: contain; display: block; z-index: 2; }

/** 지점별 이미지 - 잠실점 */
.spe3 .jamsillosdehotel-spe3 { position: absolute; bottom: 0; right: 0; width: 800px; height: 720px; background: url(/img/jamsillosdehotel_3_2.png) no-repeat; background-size: contain; display: block; }
.spe3 .jamsillosdehotel-svg2 { position: absolute; bottom: -100px; left: 0; width: 100%; height: 579px; background: url(/img/jamsillosdehotel_obj_2.png) no-repeat; background-size: contain; display: block; z-index: 2; }

/** 지점별 이미지 - 청담점 */
.spe3 .cheongdam-spe3 { position: absolute; bottom: 0; right: 0; width: 800px; height: 720px; background: url(/img/cheongdam_3_2.png) no-repeat; background-size: contain; display: block; }
.spe3 .cheongdam-svg2 { position: absolute; bottom: -100px; left: 0; width: 100%; height: 579px; background: url(/img/cheongdam_obj_2.png) no-repeat; background-size: contain; display: block; z-index: 2; background-position: bottom center }

/** 지점별 이미지 - 반포 */
.spe3 .banpo-spe3 { position: absolute; bottom: 0; right: 0; width: 800px; height: 720px; background: url(/img/img_banpo9.png) no-repeat; background-size: contain; display: block; }
.spe3 .banpo-svg2 { position: absolute; bottom: -50px; left: 0; width: 100%; height: 500px; background: url(/img/banpo_obj_2.png) no-repeat; background-size: contain; display: block; z-index: 2; }

/** 지점별 이미지 - 성수점 */
.spe3 .seongsu-spe3 { position: absolute; bottom: 0; right: 0; width: 800px; height: 720px; background: url(/img/img_seongsu9.png) no-repeat; background-size: contain; display: block; }
.spe3 .seongsu-svg2 { position: absolute; bottom: -70px; left: 0; width: 100%; height: 600px; background: url(/img/seongsu_obj_2.png) no-repeat; background-size: contain; display: block; z-index: 2; }

/** 지점별 이미지 - 더현대 */
.spe3 .daegu-spe3 { position: absolute; bottom: 0; right: 0; width: 800px; height: 720px; background: url(/img/daegu_3_2.png) no-repeat; background-size: contain; display: block; }

/** 지점별 이미지 - 송도 */
.spe3 .songdo-spe3 { position: absolute; bottom: 0; right: 0; width: 800px; height: 720px; background: url(/img/img_songdo9.png) no-repeat; background-size: contain; display: block; }
.spe3 .songdo-svg2 { position: absolute; bottom: -50px; left: 0; width: 100%; height: 500px; background: url(/img/songdo_obj_2.png) no-repeat; background-size: contain; display: block; z-index: 2; }


.profile { position: relative; width: 100%; overflow: hidden; background-color: #f6ead9; }
.profile .inner { width: 100%; height: 100vh; padding-top: 150px; }
.profile .tit-inner { width: 1640px; margin: 0 auto; font-size: 45px; color: #0a0a0a; font-weight: 700; line-height: 60px; letter-spacing: -1px; }
.profile .sliderBox { width: 1640px; margin: 50px auto 0; }
.profile .m4-slider { width: 3120px; overflow: hidden; }
.profile .swiper-slide { width: 1440px; display: flex; justify-content: flex-start; align-items: flex-start; }
.profile .swiper-slide .docimg { position: relative; width: 392px; height: 580px; }
.profile .swiper-slide .docimg .name { position: absolute; bottom: 0; width: 100%; padding: 25px 0; text-align: center; background-color: rgba(0, 0, 0, .7); transition: all .3s ease-out; }
.profile .swiper-slide .docimg .name > em{ font-style: normal; font-size: 16px; color: #f6ead9; font-weight: 700; opacity: .5; }
.profile .swiper-slide .docimg .name > h4{ font-style: normal; font-size: 30px; color: #f6ead9; font-weight: 800; letter-spacing: -1px; }
.profile .swiper-slide > ol{ width: 430px; margin-left: 80px; }
.profile .swiper-slide > ol:last-child{ margin-left: 50px; }
.profile .swiper-slide > ol > li{ position: relative; font-size: 16px; color: #0a0a0a; line-height: 22px; padding-left: 15px; margin-bottom: 12px; word-break: keep-all; }
.profile .swiper-slide > ol > li:last-child{ margin-bottom: 0; }
.profile .swiper-slide > ol > li > span{ position: absolute; top: 12px; left: 0; width: 5px; height: 5px; background: url(/img/blit_net_prlist.png) no-repeat; }
.profile .swiper-slide > ol > li > strong{ font-size: 22px; font-weight: 700; }

/*청담점*/
.cheongdam .profile .swiper-slide > ol:nth-of-type(1) {width: 420px}
.cheongdam .profile .swiper-slide > ol:nth-of-type(2) {width: 760px; margin-left: 30px;}

.m4-control{ position: absolute; left: 60px; top: 50%; transform: translateY(-50%); width: 1500px; height: 30px; display: flex; align-items: center; justify-content: space-between; z-index: 10; }
.m4-control > div{ width: 29px; height: 29px; cursor: pointer; opacity: 0.5; transition: all 0.2s ease-in-out; }
.m4-control > div:hover{ opacity: 1; }
.m4-control .m4-prev{ background: url(/img/btn_m4_prev.png) no-repeat center center; background-size: contain; }
.m4-control .m4-next{ background: url(/img/btn_m4_next.png) no-repeat center center; background-size: contain; }


/** 지점별 이미지 - 압구정 */
.profile .swiper-slide .apgu1 { background: url(/img/agu_4_1.png) no-repeat; background-size: contain; }
.profile .swiper-slide .apgu2 { background: url(/img/agu_4_2.png) no-repeat; background-size: contain; }
.profile .swiper-slide .apgu3 { background: url(/img/agu_4_3.png) no-repeat; background-size: contain; }
.profile .swiper-slide .apgu4 { background: url(/img/agu_4_4.png) no-repeat; background-size: contain; }
.profile .swiper-slide .apgu5 { background: url(/img/agu_4_5.png) no-repeat; background-size: contain; }

/** 지점별 이미지 - 더현대 */
.profile .swiper-slide .the1 { background: url(/img/the_4_1.png) no-repeat; background-size: contain; }
.profile .swiper-slide .the2 { background: url(/img/the_4_2.png) no-repeat; background-size: contain; }
.profile .swiper-slide .the3 { background: url(/img/the_4_3.png) no-repeat; background-size: contain; }


/** 지점별 이미지 - 천호 */
.profile .swiper-slide .ch1 { background: url(/img/ch_4_1.png) no-repeat; background-size: contain; }
.profile .swiper-slide .ch2 { background: url(/img/ch_4_2.png) no-repeat; background-size: contain; }
.profile .swiper-slide .ch3 { background: url(/img/ch_4_3.png) no-repeat; background-size: contain; }

/** 지점별 이미지 - 일산 */
.profile .swiper-slide .ils1 { background: url(/img/ils_4_1.png) no-repeat; background-size: contain; }
.profile .swiper-slide .ils2 { background: url(/img/ils_4_2.png) no-repeat; background-size: contain; }

/** 지점별 이미지 - 판교 */
.profile .swiper-slide .pan1 { background: url(/img/pan_4_1.png) no-repeat; background-size: contain; }

/** 지점별 이미지 - 울산 */
.profile .swiper-slide .uls1 { background: url(/img/uls_4_1.png) no-repeat; background-size: contain; }

/** 지점별 이미지 - 런던 */
.profile .swiper-slide .lon1 { background: url(/img/lon_4_1.png) no-repeat; background-size: contain; }

/** 지점별 이미지 - 마카오 */
.profile .swiper-slide .mac1 { background: url(/img/mac_4_1.png) no-repeat; background-size: contain; }

/** 지점별 이미지 - 잠실점 */
.profile .swiper-slide .jamsillosdehotel1 { background: url(/img/jamsillosdehotel_4_1.png) no-repeat; background-size: contain; }

/** 지점별 이미지 - 청담점 */
.profile .swiper-slide .cheongdam1 { background: url(/img/cheongdam_4_1.png) no-repeat; background-size: auto 100%; background-position: center center }

/** 지점별 이미지 - 반포점 */
.profile .swiper-slide .banpo1 { background: url(/img/banpo_4_1.png) no-repeat; background-size: auto 100%; background-position: center center }

/** 지점별 이미지 - 성수점 */
.profile .swiper-slide .seongsu1 { background: url(/img/seongsu_4_1.png) no-repeat; background-size: auto 100%; background-position: center center }

/** 지점별 이미지 - 대구점 */
.profile .swiper-slide .daegu1 { background: url(/img/daegu_4_1.png) no-repeat; background-size: contain; }
.profile .swiper-slide .daegu2 { background: url(/img/daegu_4_2.png) no-repeat; background-size: contain; }
.profile .swiper-slide .daegu3 { background: url(/img/daegu_4_3.png) no-repeat; background-size: contain; }
.profile .swiper-slide .daegu4 { background: url(/img/daegu_4_4.png) no-repeat; background-size: contain; }
.profile .swiper-slide .daegu5 { background: url(/img/daegu_4_5.png) no-repeat; background-size: contain; }

/** 지점별 이미지 - 반포점 */
.profile .swiper-slide .songdo1 { background: url(/img/songdo_4_1.png) no-repeat; background-size: auto 100%; background-position: center center }

/** 지점별 이미지 - 송도점 */
.profile .swiper-slide .songdo1 { background: url(/img/songdo_doc.png) no-repeat; background-size: auto 100%; background-position: center center }

/*? active */
.swiper-slide-next .docimg .name { width: 100%; height: 100%; }


.banpo .location .inner {padding-top: 100px;}
.songdo .location .inner {padding-top: 100px;}

.location { position: relative; width: 100%; overflow: hidden; background-color: #0a0a0a; }
.location .inner { width: 1640px; margin: 0 auto; height: 100vh; padding-top: 150px; }
.location .inner > ul{ display: flex; justify-content: space-between; align-items: stretch; }
.location .inner .mapbox .bgBoxWide { width: 600px; height: 800px; }
.location .inner .mapbox .root_daum_roughmap { width: 100%; }
.location .inner .mapbox .wrap_controllers { display: none; }
.location .inner .mapbox .wrap_map { border: 0px; }

/*! 230619 런던, 마카오 지도 */
.location .inner .mapbox .london { width: 600px; height: 750px; background: url(/img/img_maplondon.png) no-repeat; background-size: contain; }
.location .inner .mapbox .macau { width: 600px; height: 750px; background: url(/img/img_mapmacau.png) no-repeat; background-size: contain; }


.location .inner .info { width: 940px; margin-left: 100px; }
.location .inner .info > div{ position: relative; border-bottom: 1px solid #333; padding: 40px 0; }
.location .inner .info > div:first-child{ padding-top: 0; }
.location .inner .info > div:last-child{ border-bottom: 0; }
.location .inner .info > div > h2{ font-size: 30px; color: #f6ead9; font-weight: 700; margin-bottom: 20px; }
.location .inner .info > div > p{ font-size: 16px; color: #f6ead9; line-height: 24px; margin-bottom: 10px; }
.location .inner .info > div > p:last-child{ margin-bottom: 0; }
.location .inner .info > div > h4{ font-size: 20px; color: #f6ead9; font-weight: 700; margin-bottom: 20px; }
.location .inner .info .lable > li{ display: flex; justify-content: flex-start; align-items: flex-start; font-size: 16px; color: #f6ead9; line-height: 24px; margin-bottom: 6px; }
.location .inner .info .lable > li > span{ display: block; width: 120px; }
.location .inner .info > div > .insta{ position: absolute; right: 0; top: 50%; transform: translateY(-50%); display: block; width: 72px; background: url(/img/ico_insta.svg) no-repeat top center; background-size: contain; padding-top: 80px; font-size: 13px; color: #f6ead9; text-align: center; }


/*판교*/
.price_section .section8 .info {width: 600px}
.price_section .section8 .price {width: 320px; padding: 0 0 0 20px}

.price .price_ex {color: #ececec; padding: 0 0 20px; font-size: 12px}

/*반포*/
.banpo .location .inner .info > div {padding: 20px 0}
.banpo .location .inner .info .lable > li {font-size: 16px}
.banpo .location .inner .info > div > p {font-size: 16px;}
.banpo .location .inner .info .lable > li {padding-bottom: 5px;}
.banpo .location .inner .info > div:first-child {padding-top: 0;}

/*대구*/
.daegu .location .inner .info > div {padding: 20px 0}
.daegu .location .inner .info .lable > li {font-size: 16px}
.daegu .location .inner .info > div > p {font-size: 16px;}
.daegu .location .inner .info .lable > li {padding-bottom: 5px;}
.daegu .location .inner .info > div:first-child {padding-top: 0;}

/*반포*/
.songdo .location .inner .info > div {padding: 20px 0}
.songdo .location .inner .info .lable > li {font-size: 16px}
.songdo .location .inner .info > div > p {font-size: 16px;}
.songdo .location .inner .info .lable > li {padding-bottom: 5px;}
.songdo .location .inner .info > div:first-child {padding-top: 0;}

/*! 230619 지점 퀵메뉴 */
#store-aside { position: fixed; top: 30%; right: 0; z-index: 990; }
#store-aside > a{ display: block; padding: 20px 15px; text-align: center; background-color: #000; border-bottom: 1px solid #21272e; font-size: 12px; color: #fff; }
#store-aside > a:last-of-type{ border-bottom: 0; }
#store-aside .none-cur { cursor: default; }
#store-aside .ico-Counseling{ display: block; width: 34px; height: 34px; margin: 0 auto 5px; background: url(/img/ico_aside_Counseling.svg) no-repeat; background-size: contain; }
#store-aside .ico-kakao{ display: block; width: 34px; height: 34px; margin: 0 auto 5px; background: url(/img/ico_aside_kakao.svg) no-repeat; background-size: contain; }
#store-aside .ico-call{ display: block; width: 34px; height: 34px; margin: 0 auto 5px; background: url(/img/ico_aside_call.svg) no-repeat; background-size: contain; }
#store-aside .ico-event{ display: block; width: 34px; height: 34px; margin: 0 auto 5px; background: url(/img/ico_aside_event.svg) no-repeat; background-size: contain; }
#store-aside .ico-location{ display: block; width: 27px; height: 34px; margin: 0 auto 5px; background: url(/img/ico_aside_location.svg) no-repeat; background-size: contain; }
#store-aside .ico-insta{ display: block; width: 34px; height: 34px; margin: 0 auto 5px; background: url(/img/ico_aside_insta.svg) no-repeat; background-size: contain; }
#store-aside .ico-wechat{ display: block; width: 34px; height: 34px; margin: 0 auto 5px; background: url(/img/ico_aside_wechat.svg) no-repeat; background-size: contain; }
#store-aside .ico-wapp{ display: block; width: 34px; height: 34px; margin: 0 auto 5px; background: url(/img/ico_aside_wapp.svg) no-repeat; background-size: contain; }
#store-aside .ico-blog{ display: block; width: 34px; height: 32px; margin: 0 auto 5px; background: url(/img/ico_aside_blog.svg) no-repeat; background-size: contain; }
#store-aside .ico-website{ display: block; width: 32px; height: 32px; margin: 0 auto 5px; background: url(/img/ico_aside_website.svg) no-repeat; background-size: contain; }
#store-aside .ico-facebook{ display: block; width: 32px; height: 32px; margin: 0 auto 5px; background: url(/img/ico_aside_facebook.svg) no-repeat; background-size: contain; }
#store-aside .ico-arrow-up{ display: block; width: 32px; height: 32px; margin: 0 auto 5px; background: url(/img/ico_aside_arrow_up.png) no-repeat; background-size: contain; }


/*! Signature */

.signature { position: relative; width: 100%; overflow: hidden; background-color: #0a0a0a; }
.jewal { position: relative; width: 100%; }
.jewal .inner { height: 100vh; }
.jewal .txtwrap { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); text-align: center; width: max-content; z-index: 3; }
.jewal .txtwrap > h2{ font-size: 70px; color: #f6ead9; font-weight: 700; }
.jewal .txtwrap > p{ font-size: 24px; color: #f6ead9; line-height: 38px; margin-top: 25px; }
.jewal .video { position: relative; width: 100%; height: 100%; transition: all 8s ease-out; }
.jewal .video > span{ position: absolute; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .5); z-index: 2; display: block; }
.jewal .video > video{ width: 100%; height: 100%; object-fit: cover; }


.titles { position: relative; width: 100%; overflow: hidden; }
.titles .txtwrap { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: max-content; text-align: center; z-index: 2; }
.titles .txtwrap > h4{ font-size: 35px; color: #f6ead9; font-weight: 700; }
.titles .txtwrap > h2{ font-size: 70px; color: #f6ead9; font-weight: 700; margin-top: 15px; }
.titles .txtwrap > p{ font-size: 20px; color: #f6ead9; line-height: 34px; margin-top: 25px; }

/** visual */
.titles .signature1 { width: 100%; height: 100%; background: url(/img/s1_1.png) no-repeat; }
.titles .signature2 { width: 100%; height: 100%; background: url(/img/s2_1.png) no-repeat; }
.titles .signature3 { width: 100%; height: 100%; background: url(/img/s3_1.png) no-repeat; }
.titles .signature4 { width: 100%; height: 100%; background: url(/img/s5_1.png) no-repeat; }
.titles .signature5 { width: 100%; height: 100%; background: url(/img/s4_1.png) no-repeat; }
.titles .signature6 { width: 100%; height: 100%; background: url(/img/s6_1.png) no-repeat; }


.acordian { position: relative; width: 100%; overflow: hidden; padding-top: 120px; }
.acordian .inner { height: 100vh; }
.acordian div > ul{ width: 1640px; margin: 0 auto; }

.acordian ul li{ border-bottom: 1px solid #4c4c4c; }
.acordian ul li:first-of-type{ border-top: 1px solid #4c4c4c; }
.acordian ul li .tit{ display: flex; align-items: center; justify-content: space-between; padding: 50px 35px 50px 40px; cursor: pointer; }
.acordian ul li .tit .left h3{ display: inline-block; font-size: 40px; font-weight: 700; color: #333; letter-spacing: -0.5px; vertical-align: 3px; transition: all 0.3s ease-in-out; }
.acordian ul li .tit .right{ position: relative; width: 20px; height: 20px; }
.acordian ul li .tit .right .line{ position: absolute; left: 0; top: 0; display: block; width: 20px; height: 20px; background: url(/img/qa_arrow_off.png) no-repeat center center; background-size: contain; transition: all 0.3s ease-in-out; }
.acordian ul li .tit .right .line:last-of-type{ transform: rotate(90deg); }
.acordian ul li .cont{ display: none; width: 80%; padding: 0px 0px 65px 380px; margin-top: -68px; }
.acordian ul li .cont span{ display: block; margin-bottom: 30px; animation: icoupdown 3s ease-in-out infinite; }
.acordian ul li .cont p{ font-size: 20px; font-weight: 400; color: #f6ead9; letter-spacing: -0.5px; line-height: 36px; margin-bottom: 50px; word-break: keep-all; }
.acordian ul li .cont p:first-of-type{ margin-bottom: 0; }

.acordian ul li:first-of-type > .cont{ display: block; }

/** newnormal */
.acordian ul li .cont .signature1-1 { width: 137px; height: 122px; background: url(/img/s1_icon_1.svg) no-repeat; }
.acordian ul li .cont .signature1-2 { width: 107px; height: 122px; background: url(/img/s1_icon_2.svg) no-repeat; }
.acordian ul li .cont .signature1-3 { width: 113px; height: 113px; background: url(/img/s1_icon_3.svg) no-repeat; }

/** balance */
.acordian ul li .cont .signature2-1 { width: 131px; height: 94px; background: url(/img/s2_icon_1.svg) no-repeat; }
.acordian ul li .cont .signature2-2 { width: 132px; height: 99px; background: url(/img/s2_icon_2.svg) no-repeat; }
.acordian ul li .cont .signature2-3 { width: 113px; height: 113px; background: url(/img/s2_icon_3.svg) no-repeat; }

/** oneday */
.acordian ul li .cont .signature3-1 { width: 116px; height: 122px; background: url(/img/s3_icon_1.svg) no-repeat; }
.acordian ul li .cont .signature3-2 { width: 132px; height: 99px; background: url(/img/s3_icon_2.svg) no-repeat; }
.acordian ul li .cont .signature3-3 { width: 107px; height: 122px; background: url(/img/s3_icon_3.svg) no-repeat; }

/** custom */
.acordian ul li .cont .signature4-1 { width: 142px; height: 121px; background: url(/img/s4_icon_1.svg) no-repeat; }
.acordian ul li .cont .signature4-2 { width: 122px; height: 122px; background: url(/img/s4_icon_2.svg) no-repeat; }
.acordian ul li .cont .signature4-3 { width: 113px; height: 113px; background: url(/img/s4_icon_3.svg) no-repeat; }

/** facial */
.acordian ul li .cont .signature5-1 { width: 107px; height: 122px; background: url(/img/s5_icon_1.svg) no-repeat; }
.acordian ul li .cont .signature5-2 { width: 123px; height: 123px; background: url(/img/s5_icon_2.svg) no-repeat; }
.acordian ul li .cont .signature5-3 { width: 107px; height: 122px; background: url(/img/s5_icon_3.svg) no-repeat; }

/** medical */
.acordian ul li .cont .signature6-1 { width: 104px; height: 117px; background: url(/img/s6_icon_1.svg) no-repeat; }
.acordian ul li .cont .signature6-2 { width: 132px; height: 79px; background: url(/img/s6_icon_2.svg) no-repeat; }
.acordian ul li .cont .signature6-3 { width: 113px; height: 113px; background: url(/img/s6_icon_3.svg) no-repeat; }


/* ? hover */
.acordian ul li:hover .tit .left h3{ color: #f6ead9; }

/* ? on */
.acordian ul li.on{ border-top: 1px solid #f6ead9; border-bottom: 1px solid #f6ead9; }
.acordian ul li.on .tit .left h3{ color: #f6ead9; }
.acordian ul li.on .tit .left span{ color: #f6ead9; }
.acordian ul li.on .tit .right .line{ background: url(/img/qa_arrow_on.png) no-repeat center center; background-size: contain; }
.acordian ul li.on .tit .right .line:last-of-type{ transform: rotate(180deg); }


.core { position: relative; width: 100%; }
.core .inner { height: 100vh; padding-top: 250px; }
.core .core-list { width: 1405px; margin: 0 auto; display: flex; justify-content: space-between; align-items: center; }
.core .core-list > li{ width: 25%; text-align: center; border-left: 1px solid #f6ead9; padding: 90px 0; }
.core .core-list > li:last-of-type{ border-right: 1px solid #f6ead9; }
.core .core-list > li > div{ transition: all .3s ease-out; }
.core .core-list > li > p{ font-size: 20px; font-weight: 400; color: #f6ead9; letter-spacing: -0.5px; line-height: 32px; margin-top: 30px; }
.core .core-list > li > div > span{ display: block; margin: 0 auto; transition: all .3s ease-out; }

/** newnormal */
.core .core-list > li .signature1-4 { width: 123px; height: 82px; background: url(/img/s1_icon_4.svg) no-repeat; }
.core .core-list > li .signature1-5 { width: 74px; height: 81px; background: url(/img/s1_icon_5.svg) no-repeat; }
.core .core-list > li .signature1-6 { width: 109px; height: 81px; background: url(/img/s1_icon_6.svg) no-repeat; }
.core .core-list > li .signature1-7 { width: 98px; height: 82px; background: url(/img/s1_icon_7.svg) no-repeat; }

/** balance */
.core .core-list > li .signature2-4 { width: 77px; height: 82px; background: url(/img/s2_icon_4.svg) no-repeat; }
.core .core-list > li .signature2-5 { width: 74px; height: 81px; background: url(/img/s2_icon_5.svg) no-repeat; }
.core .core-list > li .signature2-6 { width: 109px; height: 81px; background: url(/img/s2_icon_6.svg) no-repeat; }
.core .core-list > li .signature2-7 { width: 102px; height: 81px; background: url(/img/s2_icon_7.svg) no-repeat; }

/** oneday */
.core .core-list > li .signature3-4 { width: 108px; height: 82px; background: url(/img/s3_icon_4.svg) no-repeat; }
.core .core-list > li .signature3-5 { width: 74px; height: 81px; background: url(/img/s3_icon_5.svg) no-repeat; }
.core .core-list > li .signature3-6 { width: 101px; height: 82px; background: url(/img/s3_icon_6.svg) no-repeat; }
.core .core-list > li .signature3-7 { width: 102px; height: 81px; background: url(/img/s3_icon_7.svg) no-repeat; }

/** custom */
.core .core-list > li .signature4-4 { width: 123px; height: 82px; background: url(/img/s4_icon_4.svg) no-repeat; }
.core .core-list > li .signature4-5 { width: 74px; height: 81px; background: url(/img/s4_icon_5.svg) no-repeat; }
.core .core-list > li .signature4-6 { width: 107px; height: 83px; background: url(/img/s4_icon_6.svg) no-repeat; }
.core .core-list > li .signature4-7 { width: 102px; height: 81px; background: url(/img/s4_icon_7.svg) no-repeat; }

/** facial */
.core .core-list > li .signature5-4 { width: 123px; height: 82px; background: url(/img/s5_icon_4.svg) no-repeat; }
.core .core-list > li .signature5-5 { width: 83px; height: 83px; background: url(/img/s5_icon_5.svg) no-repeat; }
.core .core-list > li .signature5-6 { width: 89px; height: 81px; background: url(/img/s5_icon_6.svg) no-repeat; }
.core .core-list > li .signature5-7 { width: 102px; height: 81px; background: url(/img/s5_icon_7.svg) no-repeat; }

/** medical */
.core .core-list > li .signature6-4 { width: 82px; height: 82px; background: url(/img/s6_icon_4.svg) no-repeat; }
.core .core-list > li .signature6-5 { width: 74px; height: 81px; background: url(/img/s6_icon_5.svg) no-repeat; }
.core .core-list > li .signature6-6 { width: 107px; height: 83px; background: url(/img/s6_icon_6.svg) no-repeat; }
.core .core-list > li .signature6-7 { width: 102px; height: 81px; background: url(/img/s6_icon_7.svg) no-repeat; }


/* ? hover */
.core .inner > ul > li:hover > div{ transform: translateY(-20px); }



/*! Catalog */
.catalog-visual { position: relative; overflow: hidden; }
.catal .inner { width: 100%; height: 500px; padding-top: 190px; background: url(/img/bg_visual_catal.png) no-repeat; background-size: cover; }
.catalog-visual .inner { animation: bgScale 1.5s ease-out 1 forwards; }
.catalog-visual .inner > h2{ font-size: 70px; color: #fff; font-weight: 700; width: max-content; margin: 0 auto; }
.catalog-visual .inner > p{ font-size: 20px; color: #fff; line-height: 30px; letter-spacing: -1px; width: max-content; margin: 20px auto 0; text-align: center; }

.catal-contents { position: relative; padding: 100px 0; }
.catal-contents .inner { width: 1200px; margin: 0 auto; text-align: center; min-height: 400px; }
.catal-contents .inner > h2{ font-size: 45px; font-weight: 700; margin-bottom: 70px; }
.catal-contents .inner > ul{ display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; }
.catal-contents .inner > ul > li{ width: 340px; text-align: center; margin-right: 90px; }
.catal-contents .inner > ul > li:nth-child(3n){ margin-right: 0;  }
.catal-contents .inner > ul > li:nth-child(n+4){ margin-top: 60px; }
.catal-contents .inner > ul > li > p{ font-size: 16px; font-weight: 700px; margin-top: 15px; letter-spacing: -1px; }
.catal-contents .inner .thumb-img { position: relative; overflow: hidden; }
.catal-contents .inner .thumb-img > img{ width: 340px; height: auto; }
.catal-contents .inner .thumb-img > span{ position: absolute; display: block; top: 0; width: 100%; height: 0; background: rgba(0, 0, 0, .6); transition: all .5s ease-out; }
.catal-contents .inner .thumb-img > a{ position: absolute; display: inline-block; top: 50%; left: 50%; transform: translate(-50%,-50%); border: 1px solid #fff; font-size: 16px; color: #fff; font-weight: 500; padding: 10px 35px; text-align: center; transition: all .3s ease-out; opacity: 0; z-index: 10; }

/*? hover */
.catal-contents .inner .thumb-img:hover > span{ height: 100%; }
.catal-contents .inner .thumb-img:hover > a{ opacity: 1; }
.catal-contents .inner .thumb-img > a:hover{ background-color: rgba(255, 255, 255, .4); }


/*! Footer */
#ft { width: 100%; background-color: #0a0a0a; border-top: 1px solid #3e3e3e; padding: 60px 0 65px; overflow: hidden; }
#ft .inner { position: relative; width: 1640px; margin: 0 auto; display: flex; justify-content: flex-start; align-items: center; }
#ft .inner > div{ padding-right: 40px; }
#ft .inner .logo_ft { width: 147px; height: 90px; background: url(/img/logo_basic.svg) no-repeat center center; }
#ft .inner .logo_call { width: 100%; text-align: center; font-size: 12px; color: #aaa; line-height: 20px; margin-top: 10px; }
#ft .inner > ul{ border-left: 1px solid #3e3e3e; padding-left: 40px; }
#ft .inner > ul > li{ display: flex; justify-content: flex-start; align-items: center; margin-bottom: 5px; }
#ft .inner > ul > li:last-child{ margin-bottom: 0; margin-top: 25px; }
#ft .inner > ul > li > p{ font-size: 12px; color: #aaa; line-height: 20px; margin-right: 20px; }
#ft .inner > ul > li > p:last-child{ margin-right: 0; }
#ft .inner .insta { position: absolute; right: 0; top: 0; width: 70px; height: 110px; display: block; background: url(/img/ico_ft_insta.svg) no-repeat bottom center; background-size: contain; padding-top: 0; font-size: 12px; color: #f6ead9; text-align: center;  }
#ft .inner .ytube { position: absolute; right: 90px; top: 0; width: 70px; height: 110px; display: block; background: url(/img/ico_ft_youtube.svg) no-repeat bottom center; background-size: contain; padding-top: 0; font-size: 12px; color: #f6ead9; text-align: center;  }


/*? 230613 변경사항 */
#ft .inner .store-name { color: #fff; text-align: left; width: 75px; }
#ft .inner .store-info { width: 300px; }



/*! PC 1640 */
@media screen and (max-width: 1640px){


  /*! INDEX */

  /** signature */
  .signature_main > ul > li{ position: relative; width: 33%; height: 49.5%; transition: all .3s ease-out; }
  .signature_main > ul > li:nth-of-type(n+4){ margin-top: 0.5%; }
  .signature_main .dftxt{ position: absolute; bottom: 40px; width: 100%; text-align: center; font-size: 34px; color: #fff; font-weight: 700; display: block; transition: all .5s ease-out; }
  .signature_main .ovtxt{ position: absolute; bottom: 40px; width: 100%; text-align: center; display: block; padding: 0 80px; opacity: 0; transition: all .5s ease-out; }
  .signature_main .ovtxt > p{ font-size: 16px; color: #fff; line-height: 24px; letter-spacing: -1px; word-break: keep-all; }
  .signature_main .ovtxt > p > br{ display: none; }

  .signature_main > ul > li:hover .dftxt{ transform: translateY(-98px); }
  .signature_main > ul > li:hover .ovtxt{ opacity: 1; transform: translateY(-10px); transition-delay: .2s; }
  .signature_main > ul > li:hover > a > span{ opacity: 0; }


  /** emblem */
  .emblem .txtwrap > p{ font-size: 50px; }



  /*! Network */

  .special { position: relative; width: 100%; height: 100vh; overflow: hidden; background-color: #0a0a0a; }
  .london { margin-top: 0 !important; }
  .special .inner { position: relative; width: 90%; height: 100%; margin: 0 auto; overflow: hidden; text-align: center; padding-top: 150px; }
  .special .inner > h2{ font-size: 65px; color: #f6ead9; font-weight: 700; }
  .special .inner > ul{ margin-top: 80px; display: flex; justify-content: center; align-items: center; }
  .special .inner > ul > li{ width: 340px; height: 340px; font-size: 30px; color: #0a0a0a; font-weight: 700; line-height: 38px; border-radius: 50%; background-color: #f6ead9; padding-top: 120px; margin-right: -25px; }
  .special .inner .line3 { padding-top: 110px; }
  .special .inner > ul > li:last-child{ margin-right: 0; }
  .special .inner > ul > .center{ position: relative; color: #f6ead9; background-color: #0a0a0a; mix-blend-mode: difference; z-index: 2; }
  .special .inner > ul > .center::after{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; border-radius: 50%; background: transparent; border: 4px dotted #f6ead9; content: ''; }
  .special .inner > ul > .center::after{ animation: moveRotate 30s linear infinite; }
  .special .back-roll { position: absolute; top: 65px; left: 25%; transform: translateX(-50%); display: block; width: 750px; height: 750px; background: url(/img/img_apgujeong6.svg) no-repeat; background-size: contain; }
  .special .back-roll { animation: moveRotateR 30s linear infinite; }

  .spe1 .inner { width: 90%; margin: 0 auto; padding-top: 100px; }
  .spe1 .inner > h4{ font-size: 30px; color: #f6ead9; font-weight: 700; }
  .spe1 .inner > h2{ font-size: 70px; color: #f6ead9; font-weight: 700; margin-top: 20px; }
  .spe1 .inner > p{ font-size: 18px; color: #f6ead9; line-height: 32px; margin-top: 40px; }

  .spe2 { position: relative; width: 100%; height: 100vh; overflow: hidden; background-color: #0a0a0a; }
  .spe2 .inner { width: 100%; margin: 0 auto; text-align: center; }
  .spe2 .inner > h4{ font-size: 30px; color: #f6ead9; font-weight: 700; }
  .spe2 .inner > h2{ font-size: 70px; color: #f6ead9; font-weight: 700; margin-top: 20px; }
  .spe2 .inner > p{ font-size: 18px; color: #f6ead9; line-height: 32px; margin-top: 40px; }


  .spe3 .inner { width: 90%; margin: 0 auto; padding-top: 100px; }
  .spe3 .inner > h4{ font-size: 30px; color: #f6ead9; font-weight: 700; }
  .spe3 .inner > h2{ font-size: 70px; color: #f6ead9; font-weight: 700; margin-top: 20px; }
  .spe3 .inner > p{ font-size: 18px; color: #f6ead9; line-height: 32px; margin-top: 40px; }

  .profile .tit-inner { width: 90%; margin: 0 auto; font-size: 45px; color: #0a0a0a; font-weight: 700; line-height: 60px; letter-spacing: -1px; }
  .profile .sliderBox { width: 90%; margin: 50px auto 0; }
  .profile .m4-slider { width: 3120px; overflow: hidden; }
  .profile .swiper-slide { width: 1200px; display: flex; justify-content: flex-start; align-items: flex-start; }
  .profile .swiper-slide .docimg { position: relative; width: 392px; height: 580px; }
  .profile .swiper-slide .docimg .name { position: absolute; bottom: 0; width: 100%; padding: 25px 0; text-align: center; background-color: rgba(0, 0, 0, .7); transition: all .3s ease-out; }
  .profile .swiper-slide .docimg .name > em{ font-style: normal; font-size: 16px; color: #f6ead9; font-weight: 700; opacity: .5; }
  .profile .swiper-slide .docimg .name > h4{ font-style: normal; font-size: 30px; color: #f6ead9; font-weight: 800; letter-spacing: -1px; }
  .profile .swiper-slide > ol{ width: 350px; margin-left: 40px; }
  .profile .swiper-slide > ol:last-child{ margin-left: 30px; }
  .profile .swiper-slide > ol > li{ font-size: 14px; line-height: 20px; padding-left: 12px; margin-bottom: 12px; }
  .profile .swiper-slide > ol > li:last-child{ margin-bottom: 0; }
  .profile .swiper-slide > ol > li > span{ position: absolute; top: 12px; left: 0; width: 5px; height: 5px; background: url(/img/blit_net_prlist.png) no-repeat; }
  .profile .swiper-slide > ol > li > strong{ font-size: 22px; font-weight: 700; }

  .m4-control{ position: absolute; left: 30px; top: 50%; transform: translateY(-50%); width: 1240px; height: 30px; display: flex; align-items: center; justify-content: space-between; z-index: 10; }
  .m4-control > div{ width: 29px; height: 29px; cursor: pointer; opacity: 0.5; transition: all 0.2s ease-in-out; }

  .location { position: relative; width: 100%; overflow: hidden; background-color: #0a0a0a; padding: 115px 0; }
  .location .inner { width: 90%; margin: 0 auto; }
  .location .inner > ul{ display: flex; justify-content: space-between; align-items: stretch; }
  .location .inner .mapbox .bgBoxWide { width: 600px; height: 800px; }
  .location .inner .mapbox .root_daum_roughmap { width: 100%; }
  .location .inner .mapbox .wrap_controllers { display: none; }
  .location .inner .mapbox .wrap_map { border: 0px; }

  .location .inner .info { width: 940px; margin-left: 100px; }
  .location .inner .info > div{ position: relative; border-bottom: 1px solid #333; padding: 50px 0; }
  .location .inner .info > div:first-child{ padding-top: 0; }
  .location .inner .info > div:last-child{ border-bottom: 0; }
  .location .inner .info > div > h2{ font-size: 35px; color: #f6ead9; font-weight: 700; margin-bottom: 25px; }
  .location .inner .info > div > p{ font-size: 18px; color: #f6ead9; line-height: 26px; margin-bottom: 12px; }
  .location .inner .info > div > p:last-child{ margin-bottom: 0; }
  .location .inner .info > div > h4{ font-size: 25px; color: #f6ead9; font-weight: 700; margin-bottom: 25px; }
  .location .inner .info .lable > li{ display: flex; justify-content: flex-start; align-items: flex-start; font-size: 18px; color: #f6ead9; line-height: 26px; margin-bottom: 8px; }
  .location .inner .info .lable > li > span{ display: block; width: 100px; }
  .location .inner .info > div > .insta{ position: absolute; right: 0; top: 50%; transform: translateY(-50%); display: block; width: 72px; background: url(/img/ico_insta.svg) no-repeat top center; background-size: contain; padding-top: 80px; font-size: 13px; color: #f6ead9; text-align: center; }



  /*! Fullpage - 230517 */

  .network .space1 .inner { position: relative; height: 100vh; overflow: hidden; background-color: #0a0a0a; }
  .network .space2 .inner { position: relative; height: 100vh; overflow: hidden; background-color: #0a0a0a; }

  .network .space1 .inner .txt1 { position: absolute; opacity: 0; z-index: 2; width: max-content; top: 50%; left: 50%; transform: translate(-50%,-50%); font-size: 42px; color: #f6ead9; font-weight: 700; text-align: center; letter-spacing: -3px; transition: all 0.5s ease-out; transition-delay: 0.5s; }
  .network .space2 .inner .txt2 { position: absolute; opacity: 0; z-index: 2; width: max-content; top: 50%; left: 50%; transform: translate(-50%,-50%); font-size: 42px; color: #f6ead9; font-weight: 700; text-align: center; letter-spacing: -3px; transition: all 0.5s ease-out; transition-delay: 0.5s; }

  /*? active */
  .space1.active .inner .txt1 { opacity: 1; }
  .space2.active .inner .txt2 { opacity: 1; }
  .space1.active .inner .img1{ opacity: 0; animation: m-down .8s ease-out 1 0.7s forwards; }
  .space1.active .inner .img2{ opacity: 0; animation: m-left .8s ease-out 1 0.7s forwards; }
  .space2.active .inner .img3{ opacity: 0; animation: m-right .8s ease-out 1 0.7s forwards; }
  .space2.active .inner .img4{ opacity: 0; animation: m-up .8s ease-out 1 0.7s forwards; }


  /** 지점별 이미지 - 압구정 */
  .apgujeong .space1 .inner .img1 { position: absolute; top: 100px; left: 50px; width: 466px; height: 600px; display: block; background: url(/img/img_apgujeong2.png) no-repeat; background-size: contain; }
  .apgujeong .space1 .inner .img2 { position: absolute; top: 160px; right: 50px; width: 466px; height: 600px; display: block; background: url(/img/img_apgujeong3.png) no-repeat; background-size: contain; }
  .apgujeong .space2 .inner .img3 { position: absolute; top: 100px; left: 50px; width: 466px; height: 600px; display: block; background: url(/img/img_apgujeong4.png) no-repeat; background-size: contain; }
  .apgujeong .space2 .inner .img4 { position: absolute; top: 160px; right: 50px; width: 466px; height: 600px; display: block; background: url(/img/img_apgujeong5.png) no-repeat; background-size: contain; }

    /** 지점별 이미지 - 송도 */
  .songdo .space1 .inner .img1 { position: absolute; top: 100px; left: 50px; width: 466px; height: 600px; display: block; background: url(/img/img_songdo4.png) no-repeat; background-size: contain; }
  .songdo .space1 .inner .img2 { position: absolute; top: 160px; right: 50px; width: 466px; height: 600px; display: block; background: url(/img/img_songdo5.png) no-repeat; background-size: contain; }
  .songdo .space2 .inner .img3 { position: absolute; top: 100px; left: 50px; width: 466px; height: 600px; display: block; background: url(/img/img_songdo2.png) no-repeat; background-size: contain; }
  .songdo .space2 .inner .img4 { position: absolute; top: 160px; right: 50px; width: 466px; height: 600px; display: block; background: url(/img/img_songdo3.png) no-repeat; background-size: contain; }
  .songdo .space1 .inner .img5 { position: absolute; top: 100px; left: 50px; width: 466px; height: 600px;  display: block; background: url(/img/img_songdo6.png) no-repeat; background-size: contain; }
  .songdo .space1 .inner .img6 { position: absolute; top: 160px; right: 50px; width: 466px; height: 600px; display: block; background: url(/img/img_songdo7.png) no-repeat; background-size: contain; }
  .songdo .space2 .inner .img7 { position: absolute; top: 100px; left: 50px; width: 466px; height: 600px; display: block; background: url(/img/img_songdo8.png) no-repeat; background-size: contain; }
  .songdo .space2 .inner .img8 { position: absolute; top: 160px; right: 50px; width: 466px; height: 600px; display: block; background: url(/img/img_songdo9.png) no-repeat; background-size: contain; }
  .songdo .space1 .inner .img9 { position: absolute; top: 100px; left: 50px; width: 466px; height: 600px; display: block; background: url(/img/img_songdo10.png) no-repeat; background-size: contain; }
  .songdo .space1 .inner .img10 { position: absolute; top: 160px; right: 50px; width: 466px; height: 600px; display: block; background: url(/img/img_songdo11.png) no-repeat; background-size: contain; }

  /** 지점별 이미지 - 더현대 */
  .hyundai .space1 .inner .img1 { position: absolute; top: 100px; left: 50px; width: 466px; height: 600px; display: block; background: url(/img/the_2_1.png) no-repeat; background-size: contain; }
  .hyundai .space1 .inner .img2 { position: absolute; top: 160px; right: 50px; width: 466px; height: 600px; display: block; background: url(/img/the_2_2.png) no-repeat; background-size: contain; }
  .hyundai .space2 .inner .img3 { position: absolute; top: 100px; left: 50px; width: 466px; height: 600px; display: block; background: url(/img/the_2_3.png) no-repeat; background-size: contain; }
  .hyundai .space2 .inner .img4 { position: absolute; top: 160px; right: 50px; width: 466px; height: 600px; display: block; background: url(/img/the_2_4.png) no-repeat; background-size: contain; }

  /** 지점별 이미지 - 천호 */
  .cheonho .space1 .inner .img1 { position: absolute; top: 100px; left: 50px; width: 466px; height: 600px; display: block; background: url(/img/ch_2_1.png) no-repeat; background-size: contain; }
  .cheonho .space1 .inner .img2 { position: absolute; top: 160px; right: 50px; width: 466px; height: 600px; display: block; background: url(/img/ch_2_2.png) no-repeat; background-size: contain; }
  .cheonho .space2 .inner .img3 { position: absolute; top: 100px; left: 50px; width: 466px; height: 600px; display: block; background: url(/img/ch_2_3.png) no-repeat; background-size: contain; }
  .cheonho .space2 .inner .img4 { position: absolute; top: 160px; right: 50px; width: 466px; height: 600px; display: block; background: url(/img/ch_2_4.png) no-repeat; background-size: contain; }

  /** 지점별 이미지 - 일산 */
  .ilsan .space1 .inner .img1 { position: absolute; top: 100px; left: 50px; width: 466px; height: 600px; display: block; background: url(/img/ils_2_1.png) no-repeat; background-size: contain; }
  .ilsan .space1 .inner .img2 { position: absolute; top: 160px; right: 50px; width: 466px; height: 600px; display: block; background: url(/img/ils_2_2.png) no-repeat; background-size: contain; }
  .ilsan .space2 .inner .img3 { position: absolute; top: 100px; left: 50px; width: 466px; height: 600px; display: block; background: url(/img/ils_2_3.png) no-repeat; background-size: contain; }
  .ilsan .space2 .inner .img4 { position: absolute; top: 160px; right: 50px; width: 466px; height: 600px; display: block; background: url(/img/ils_2_4.png) no-repeat; background-size: contain; }

  /** 지점별 이미지 - 판교 */
  .pangyo .space1 .inner .img1 { position: absolute; top: 100px; left: 50px; width: 466px; height: 600px; display: block; background: url(/img/pan_2_1.png) no-repeat; background-size: contain; }
  .pangyo .space1 .inner .img2 { position: absolute; top: 160px; right: 50px; width: 466px; height: 600px; display: block; background: url(/img/pan_2_2.png) no-repeat; background-size: contain; }
  .pangyo .space2 .inner .img3 { position: absolute; top: 100px; left: 50px; width: 466px; height: 600px; display: block; background: url(/img/pan_2_3.png) no-repeat; background-size: contain; }
  .pangyo .space2 .inner .img4 { position: absolute; top: 160px; right: 50px; width: 466px; height: 600px; display: block; background: url(/img/pan_2_4.png) no-repeat; background-size: contain; }

  /** 지점별 이미지 - 울산 */
  .ulsan .space1 .inner .img1 { position: absolute; top: 100px; left: 50px; width: 466px; height: 600px; display: block; background: url(/img/uls_2_1.png) no-repeat; background-size: contain; }
  .ulsan .space1 .inner .img2 { position: absolute; top: 160px; right: 50px; width: 466px; height: 600px; display: block; background: url(/img/uls_2_2.png) no-repeat; background-size: contain; }
  .ulsan .space2 .inner .img3 { position: absolute; top: 100px; left: 50px; width: 466px; height: 600px; display: block; background: url(/img/uls_2_3.png) no-repeat; background-size: contain; }
  .ulsan .space2 .inner .img4 { position: absolute; top: 160px; right: 50px; width: 466px; height: 600px; display: block; background: url(/img/uls_2_4.png) no-repeat; background-size: contain; }

  /** 지점별 이미지 - 런던 */
  .london .space1 .inner .img1 { position: absolute; top: 130px; left: 100px; width: 466px; height: 260px; display: block; background: url(/img/lon_2_1.png) no-repeat; background-size: contain; }
  .london .space1 .inner .img2 { position: absolute; top: 130px; right: 100px; width: 466px; height: 621px; display: block; background: url(/img/lon_2_2.png) no-repeat; background-size: contain; }
  .london .space2 .inner .img3 { position: absolute; top: 130px; left: 100px; width: 466px; height: 259px; display: block; background: url(/img/lon_2_3.png) no-repeat; background-size: contain; }
  .london .space2 .inner .img4 { position: absolute; top: 450px; right: 100px; width: 466px; height: 285px; display: block; background: url(/img/lon_2_4.png) no-repeat; background-size: contain; }


  /** 지점별 이미지 - 마카오 */
  .macau .space1 .inner .img1 { position: absolute; top: 100px; left: 50px; width: 600px; height: 772px; display: block; background: url(/img/mac_2_1.png) no-repeat; background-size: contain; }
  .macau .space1 .inner .img2 { position: absolute; top: 160px; right: 50px; width: 600px; height: 772px; display: block; background: url(/img/mac_2_2.png) no-repeat; background-size: contain; }
  .macau .space2 .inner .img3 { position: absolute; top: 100px; left: 50px; width: 600px; height: 772px; display: block; background: url(/img/mac_2_3.png) no-repeat; background-size: contain; }
  .macau .space2 .inner .img4 { position: absolute; top: 160px; right: 50px; width: 600px; height: 772px; display: block; background: url(/img/mac_2_4.png) no-repeat; background-size: contain; }


  /*! Signature */

  .acordian { position: relative; width: 100%; height: 100vh; padding-top: 145px; }
  .acordian .inner > ul{ width: 90%; margin: 0 auto; }

  .acordian ul li .tit{ display: flex; align-items: center; justify-content: space-between; padding: 40px 35px 40px 40px; cursor: pointer; }
  .acordian ul li .tit .left h3{ display: inline-block; font-size: 34px; font-weight: 700; color: #333; letter-spacing: -0.5px; vertical-align: 3px; transition: all 0.3s ease-in-out; }
  .acordian ul li .tit .right{ position: relative; width: 20px; height: 20px; }
  .acordian ul li .tit .right .line{ position: absolute; left: 0; top: 0; display: block; width: 20px; height: 20px; background: url(/img/qa_arrow_off.png) no-repeat center center; background-size: contain; transition: all 0.3s ease-in-out; }
  .acordian ul li .tit .right .line:last-of-type{ transform: rotate(90deg); }
  .acordian ul li .cont{ display: none; width: 81%; padding: 0px 0px 45px 380px; margin-top: -68px; }
  .acordian ul li .cont span{ display: block; margin-bottom: 30px; animation: icoupdown 3s ease-in-out infinite; }
  .acordian ul li .cont p{ font-size: 16px; font-weight: 400; color: #f6ead9; letter-spacing: -0.5px; line-height: 28px; margin-bottom: 35px; word-break: keep-all; }



  /*! Footer */
  #ft { width: 100%; background-color: #0a0a0a; border-top: 1px solid #3e3e3e; padding: 60px 0 65px; overflow: hidden; }
  #ft .inner { width: 90%; margin: 0 auto; display: flex; justify-content: flex-start; align-items: center; }
  #ft .inner .logo_ft { width: 147px; height: 90px; background: url(/img/logo_basic.svg) no-repeat center center; }
  #ft .inner > ul{ border-left: 1px solid #3e3e3e; padding-left: 40px; }
  #ft .inner > ul > li{ display: flex; justify-content: flex-start; align-items: center; margin-bottom: 5px; }
  #ft .inner > ul > li:last-child{ margin-bottom: 0; margin-top: 25px; }
  #ft .inner > ul > li > p{ font-size: 12px; color: #aaa; line-height: 20px; margin-right: 20px; }
  #ft .inner > ul > li > p:last-child{ margin-right: 0; }

}



/*! PC 1440 */
@media screen and (max-width: 1440px){

  /*! Header */
  #hd { width: 100%; }
  #hd .gnb { position: fixed; left: 0; top: 0; width: 100%; padding: 1% 3% 0; transition: all 0.4s ease-out; }
  #hd nav ul{ display: flex; justify-content: flex-end; }
  #hd nav ul > li{ position: relative; margin-right: 75px; }
  #hd nav ul > li > a{ position: relative; font-size: 16px; font-weight: 400; letter-spacing: 0.5px; color: #fff; line-height: 85px; display: block; }
  #hd nav ul > li > a > span{ position: absolute; left: 0; bottom: 30px; width: 0; height: 3px; display: block; background-color: #b4904f; transition: all .3s ease-out; }
  #hd nav ul > li > ol{ display: none; position: absolute; left: 50%; top: 85px; transform: translateX(-50%); width: max-content; min-width: 170px; padding: 30px; background: #fff;  }
  #hd nav ul > li > ol li{ text-align: center; margin-bottom: 18px; }
  #hd nav ul > li > ol li:last-of-type{ margin-bottom: 0; }
  #hd nav ul > li > ol li a{ position: relative; display: inline-block; font-size: 16px; font-weight: 700; color: #aaa; line-height: 20px; transition: all 0.2s ease-in-out; }
  #hd nav ul > li > ol li a:hover{ color: #111; }
  #hd nav ul > li > ol li .ft_rosa { letter-spacing: 0.5px; }



  /*! Index */

  /** Visual **/
  .mvisual .visualcopy h2{ font-size: 60px; width: max-content; }

  .mvisual > .swiper-container { position: relative; height: 100%; z-index: 20; }
  .mvisual > .swiper-container { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #000; }
  .mvisual > .swiper-container ul{ width: 100%; height: 100%; }
  .mvisual > .swiper-container ul li{ position: relative; width: 100%; height: 100%; }
  .mvisual > .swiper-container ul li .video{ position: relative; width: 100%; height: 100%; transition: all 8s ease-out; }
  .mvisual > .swiper-container ul li .video > span{ position: absolute; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .5); z-index: 21; display: block; }
  .mvisual > .swiper-container ul li .video video{ width: 100%; height: 100%; object-fit: cover; }

  /*? active */
  .swiper-slide-active .visualcopy h2{ opacity: 0; animation: moveUp 1.2s ease-in-out 1 forwards 1s; }


  /** networks */


  /** signature */
  .signature_main .dftxt{ position: absolute; bottom: 40px; font-size: 24px; }
  .signature_main .ovtxt{ position: absolute; bottom: 40px; padding: 0 50px; }
  .signature_main .ovtxt > p{ font-size: 14px; line-height: 20px; }

  .signature_main > ul > li:hover .dftxt{ transform: translateY(-88px); }
  .signature_main > ul > li:hover .ovtxt{ opacity: 1; transform: translateY(-10px); transition-delay: .2s; }



  /** emblem */
  .emblem .txtwrap > p{ width: 80%; font-size: 40px; width: max-content; text-align: center; word-break: keep-all; }


  /** members */
  .members .txtwrap { font-size: 50px; }
  .members .inner { width: 100%; height: 100%; background-color: #0a0a0a; }
  .members .inner > ul{ width: 100%; height: 900px; display: flex; justify-content: space-between; align-items: flex-start; background-color: #0a0a0a; margin-top: 100px; }
  .members .inner > ul:first-of-type{ margin-top: 0; }
  .members .inner > ul > li{ width: 350px; height: 420px; }
  .members .inner > ul > li:first-of-type{ margin-top: 200px; }
  .members .inner > ul > li:last-of-type{ margin-top: 200px; }



  /*! Maylin */

  /** Maylin */
  .maylin-h2 { font-size: 50px; }

  .brand { position: relative; width: 100%; height: 100vh; overflow: hidden; background: url(/img/img_maylin1.png) no-repeat center center; background-size: cover; }
  .brand { animation: bgScale 1.5s ease-out 1 forwards; }
  .brand > div{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }

  .may-lin { position: relative; width: 100%; height: 100vh; overflow: hidden; display: flex; justify-content: space-between; align-items: center; }
  .may-lin .may { position: relative; width: 50%; height: 100%; overflow: hidden; text-align: center; cursor: pointer; }
  .may-lin .txtwrap { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 2; }
  .may-lin h2{ display: inline-block; width: fit-content; transition: all .1s ease-out; }
  .may-lin p{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: max-content; font-size: 40px; color: #f6ead9; opacity: 0; transition: all .7s ease-out; }
  .may-lin .may .shade { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .5); z-index: 1; display: block; transition: all .7s ease-out; }
  .may-lin .may .bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(/img/img_maylin2.png) no-repeat; display: block; transition: all 1s ease-out; }
  .may-lin .lin { position: relative; width: 50%; height: 100%; overflow: hidden; text-align: center; cursor: pointer; }
  .may-lin .lin .shade { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .5); z-index: 1; display: block; transition: all .7s ease-out; }
  .may-lin .lin .bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(/img/img_maylin3.png) no-repeat; display: block; transition: all 1s ease-out; }

  /*? hover */
  .may-lin > div:hover > span{ opacity: .1; }
  .may-lin > div:hover .bg { transform: scale(1.05); }
  .may-lin > div:hover .txtwrap > p{ opacity: 1; transition-delay: .5s; }
  .may-lin > div:hover .txtwrap > h2{ transform: translateY(-70px); }

  .symbol { position: relative; width: 100%; height: 100vh; overflow: hidden; background: url(/img/bg_maylin4.png) repeat; }
  .symbol .inner { position: relative; width: 90%; height: 100%; margin: 0 auto; }
  .symbol .inner > div{ position: absolute; top: 50%; left: 5%; transform: translateY(-50%); }
  .symbol .inner .logo-gnb{ width: 324px; height: 200px; background: url(/img/logo_gnb.svg) no-repeat; background-size: contain; }
  .symbol .inner .syl-img{ width: 324px; height: 47px; background: url(/img/img_maylin4.png) no-repeat; background-size: contain; margin-top: 55px; }
  .symbol .inner div > p{ font-size: 18px; line-height: 26px; margin-top: 50px; }

  .trigger .bgtxt1 { font-size: 42px; line-height: 54px; }
  .trigger .bgtxt2 { font-size: 42px; line-height: 54px; }
  .trigger .bgtxt3 { font-size: 42px; line-height: 54px; }

  .highend { position: relative; width: 100%; height: 100vh; overflow: hidden; text-align: center; }
  .highend .emblem { width: 150px; height: 155px; background: url(/img/img_maylin8.png) no-repeat; margin: 15% auto 30px; background-size: contain; }
  .highend > p { font-size: 42px; line-height: 54px; }


  /** Doctor */
  .doctor { background-color: #0a0a0a; }

  .doctor .visual > div > h2{ font-size: 50px; }
  .doccon1 { position: relative; width: 100%; height: 100vh; overflow: hidden; background: url(/img/img_doctor2-1.png) no-repeat center center; background-size: cover; background-attachment: fixed;  }
  .doccon2 { position: relative; width: 100%; height: 100vh; overflow: hidden; background: url(/img/img_doctor3-1.png) no-repeat center center; background-size: cover; background-attachment: fixed;  }
  .doccon3 { position: relative; width: 100%; height: 100vh; overflow: hidden; background: url(/img/img_doctor4-1.png) no-repeat center center; background-size: cover; background-attachment: fixed;  }
  .doccon1-txt { position: relative; width: 100%; height: 310px; background-color: #0a0a0a; }
  .doccon2-txt { position: relative; width: 100%; height: 310px; background-color: #0a0a0a; }
  .doccon3-txt { position: relative; width: 100%; height: 250px; background-color: #0a0a0a; }
  .doccon3-txt .inner { position: absolute; left: 50%; bottom: 145px !important; transform: translateX(-50%); width: 100%; padding-left: 10%; }
  .doctor .inner { position: absolute; left: 50%; bottom: 80px; transform: translateX(-50%); width: 100%; padding-left: 10%; }
  .inner > h3{ font-size: 40px; }
  .inner > p{ font-size: 16px; line-height: 24px; margin-top: 30px;  }


  /*! Network */

  .network .visual > div > h2{ font-size: 50px; }


  /** 지점별 이미지 - 압구정 */
  .apgujeong .space .img1 { position: absolute; top: 320px; left: 0; width: 500px; height: 643px; display: block; background: url(/img/img_apgujeong2.png) no-repeat; background-size: contain; }
  .apgujeong .space .img2 { position: absolute; top: 720px; right: 0; width: 500px; height: 643px; display: block; background: url(/img/img_apgujeong3.png) no-repeat; background-size: contain; }
  .apgujeong .space .img3 { position: absolute; top: 320px; left: 0; width: 500px; height: 643px; display: block; background: url(/img/img_apgujeong4.png) no-repeat; background-size: contain; }
  .apgujeong .space .img4 { position: absolute; top: 720px; right: 0; width: 500px; height: 643px; display: block; background: url(/img/img_apgujeong5.png) no-repeat; background-size: contain; }

  /** 지점별 이미지 - 더현대 */
  .hyundai .space .img1 { position: absolute; top: 320px; left: 0; width: 500px; height: 643px; display: block; background: url(/img/the_2_1.png) no-repeat; background-size: contain; }
  .hyundai .space .img2 { position: absolute; top: 720px; right: 0; width: 500px; height: 643px; display: block; background: url(/img/the_2_2.png) no-repeat; background-size: contain; }
  .hyundai .space .img3 { position: absolute; top: 320px; left: 0; width: 500px; height: 643px; display: block; background: url(/img/the_2_3.png) no-repeat; background-size: contain; }
  .hyundai .space .img4 { position: absolute; top: 720px; right: 0; width: 500px; height: 643px; display: block; background: url(/img/the_2_4.png) no-repeat; background-size: contain; }

  /** 지점별 이미지 - 천호 */
  .cheonho .space .img1 { position: absolute; top: 320px; left: 0; width: 500px; height: 643px; display: block; background: url(/img/ch_2_1.png) no-repeat; background-size: contain; }
  .cheonho .space .img2 { position: absolute; top: 720px; right: 0; width: 500px; height: 643px; display: block; background: url(/img/ch_2_2.png) no-repeat; background-size: contain; }
  .cheonho .space .img3 { position: absolute; top: 320px; left: 0; width: 500px; height: 643px; display: block; background: url(/img/ch_2_3.png) no-repeat; background-size: contain; }
  .cheonho .space .img4 { position: absolute; top: 720px; right: 0; width: 500px; height: 643px; display: block; background: url(/img/ch_2_4.png) no-repeat; background-size: contain; }

  /** 지점별 이미지 - 일산 */
  .ilsan .space .img1 { position: absolute; top: 320px; left: 0; width: 500px; height: 643px; display: block; background: url(/img/ils_2_1.png) no-repeat; background-size: contain; }
  .ilsan .space .img2 { position: absolute; top: 720px; right: 0; width: 500px; height: 643px; display: block; background: url(/img/ils_2_2.png) no-repeat; background-size: contain; }
  .ilsan .space .img3 { position: absolute; top: 320px; left: 0; width: 500px; height: 643px; display: block; background: url(/img/ils_2_3.png) no-repeat; background-size: contain; }
  .ilsan .space .img4 { position: absolute; top: 720px; right: 0; width: 500px; height: 643px; display: block; background: url(/img/ils_2_4.png) no-repeat; background-size: contain; }

  /** 지점별 이미지 - 판교 */
  .pangyo .space .img1 { position: absolute; top: 320px; left: 0; width: 500px; height: 643px; display: block; background: url(/img/pan_2_1.png) no-repeat; background-size: contain; }
  .pangyo .space .img2 { position: absolute; top: 720px; right: 0; width: 500px; height: 643px; display: block; background: url(/img/pan_2_2.png) no-repeat; background-size: contain; }
  .pangyo .space .img3 { position: absolute; top: 320px; left: 0; width: 500px; height: 643px; display: block; background: url(/img/pan_2_3.png) no-repeat; background-size: contain; }
  .pangyo .space .img4 { position: absolute; top: 720px; right: 0; width: 500px; height: 643px; display: block; background: url(/img/pan_2_4.png) no-repeat; background-size: contain; }

  /** 지점별 이미지 - 울산 */
  .ulsan .space .img1 { position: absolute; top: 320px; left: 0; width: 500px; height: 643px; display: block; background: url(/img/uls_2_1.png) no-repeat; background-size: contain; }
  .ulsan .space .img2 { position: absolute; top: 720px; right: 0; width: 500px; height: 643px; display: block; background: url(/img/uls_2_2.png) no-repeat; background-size: contain; }
  .ulsan .space .img3 { position: absolute; top: 320px; left: 0; width: 500px; height: 643px; display: block; background: url(/img/uls_2_3.png) no-repeat; background-size: contain; }
  .ulsan .space .img4 { position: absolute; top: 720px; right: 0; width: 500px; height: 643px; display: block; background: url(/img/uls_2_4.png) no-repeat; background-size: contain; }

  /** 지점별 이미지 - 마카오 */
  .macau .space .img1 { position: absolute; top: 320px; left: 0; width: 500px; height: 643px; display: block; background: url(/img/mac_2_1.png) no-repeat; background-size: contain; }
  .macau .space .img2 { position: absolute; top: 720px; right: 0; width: 500px; height: 643px; display: block; background: url(/img/mac_2_2.png) no-repeat; background-size: contain; }
  .macau .space .img3 { position: absolute; top: 320px; left: 0; width: 500px; height: 643px; display: block; background: url(/img/mac_2_3.png) no-repeat; background-size: contain; }
  .macau .space .img4 { position: absolute; top: 720px; right: 0; width: 500px; height: 643px; display: block; background: url(/img/mac_2_4.png) no-repeat; background-size: contain; }



  .network .space .txt1 { font-size: 42px; line-height: 54px; }
  .network .space .txt2 { font-size: 42px; line-height: 54px; }


  .london { margin-top: 0 !important; }
  .special .inner { position: relative; width: 90%; padding-top: 200px; }
  .special .inner > h2{ font-size: 50px; }
  .special .inner > ul{ margin-top: 80px; display: flex; justify-content: center; align-items: center; }
  .special .inner > ul > li{ width: 300px; height: 300px; font-size: 20px; line-height: 30px; padding-top: 120px; margin-right: -25px; }
  .special .inner .line3 { padding-top: 110px; }
  .special .back-roll { position: absolute; top: 0; left: 13.5%; transform: translateX(-50%); display: block; width: 1000px; height: 1000px; background: url(/img/img_apgujeong6.svg) no-repeat; background-size: contain; }
  .special .back-roll { animation: moveRotateR 30s linear infinite; }

  .spe1 .inner { width: 90%; margin: 0 auto; padding-top: 100px; }
  .spe1 .inner > h4{ font-size: 20px; }
  .spe1 .inner > h2{ font-size: 50px; margin-top: 20px; }
  .spe1 .inner > p{ font-size: 16px; line-height: 28px; margin-top: 40px; }

  /** 지점별 이미지 - 압구정 */
  .apgujeong .spe1 > div > span{ position: absolute; bottom: 0; right: 0; width: 600px; height: 540px; background: url(/img/img_apgujeong7.png) no-repeat; background-size: contain; display: block; }

  /** 지점별 이미지 - 더현대 */
  .hyundai .spe1 > div > span{ position: absolute; bottom: 0; right: 0; width: 600px; height: 540px; background: url(/img/the_3_1.png) no-repeat; background-size: contain; display: block; }

  /** 지점별 이미지 - 천호 */
  .cheonho .spe1 > div > span{ position: absolute; bottom: 0; right: 0; width: 600px; height: 540px; background: url(/img/ch_3_1.png) no-repeat; background-size: contain; display: block; }

  /** 지점별 이미지 - 일산 */
  .ilsan .spe1 > div > span{ position: absolute; bottom: 0; right: 0; width: 600px; height: 540px; background: url(/img/ils_3_1.png) no-repeat; background-size: contain; display: block; }

  /** 지점별 이미지 - 판교 */
  .pangyo .spe1 > div > span{ position: absolute; bottom: 0; right: 0; width: 600px; height: 540px; background: url(/img/pan_3_1.png) no-repeat; background-size: contain; display: block; }

  /** 지점별 이미지 - 울산 */
  .ulsan .spe1 > div > span{ position: absolute; bottom: 0; right: 0; width: 600px; height: 540px; background: url(/img/uls_3_1.png) no-repeat; background-size: contain; display: block; }

  /** 지점별 이미지 - 런던 */
  .london .spe1 > div > span{ position: absolute; bottom: 0; right: 0; width: 600px; height: 540px; background: url(/img/lon_3_1.png) no-repeat; background-size: contain; display: block; }

  /** 지점별 이미지 - 마카오 */
  .macau .spe1 > div > span{ position: absolute; bottom: 0; right: 0; width: 600px; height: 540px; background: url(/img/mac_3_1.png) no-repeat; background-size: contain; display: block; }


  .spe2 .inner { width: 90%; margin: 0 auto; padding-top: 0; text-align: center; }
  .spe2 .inner > h4{ font-size: 20px; }
  .spe2 .inner > h2{ font-size: 50px; margin-top: 20px; }
  .spe2 .inner > p{ font-size: 16px; line-height: 28px; margin-top: 40px; }

  /** 지점별 이미지 - 압구정 */
  .spe2 .agu-svg1{ position: absolute; bottom: 0; left: 0; width: 100%; height: 300px; background: url(/img/agu_obj_1.svg) no-repeat; background-size: contain; display: block; }

  /** 지점별 이미지 - 더현대 */
  .spe2 .the-svg1{ position: absolute; bottom: -200px; left: 0; width: 100%; height: 580px; background: url(/img/the_obj_1.svg) no-repeat; background-size: contain; display: block; }

  /** 지점별 이미지 - 천호 */
  .spe2 .ch-svg1{ position: absolute; bottom: -150px; left: 0; width: 100%; height: 420px; background: url(/img/ch_obj_1.svg) no-repeat; background-size: contain; display: block; }

  /** 지점별 이미지 - 일산 */
  .spe2 .ils-svg1{ position: absolute; bottom: -180px; left: 0; width: 100%; height: 500px; background: url(/img/ils_obj_1.svg) no-repeat; background-size: contain; display: block; }

  /** 지점별 이미지 - 판교 */
  .spe2 .pan-svg1{ position: absolute; bottom: -200px; left: 0; width: 100%; height: 700px; background: url(/img/pan_obj_1.svg) no-repeat; background-size: contain; display: block; }

  /** 지점별 이미지 - 울산 */
  .spe2 .uls-svg1{ position: absolute; bottom: -190px; left: 0; width: 100%; height: 620px; background: url(/img/uls_obj_1.svg) no-repeat; background-size: contain; display: block; }

  /** 지점별 이미지 - 마카오 */
  .spe2 .mac-svg1{ position: absolute; bottom: -180px; left: 0; width: 100%; height: 480px; background: url(/img/mac_obj_1.svg) no-repeat; background-size: contain; display: block; }



  .spe3 .inner { width: 90%; margin: 0 auto; padding-top: 0; }
  .spe3 .inner > h4{ font-size: 20px; }
  .spe3 .inner > h2{ font-size: 50px; margin-top: 20px; }
  .spe3 .inner > p{ font-size: 16px; line-height: 28px; margin-top: 40px; }

  /** 지점별 이미지 - 압구정 */
  .spe3 .agu-spe3 { position: absolute; bottom: 0; right: 0; width: 600px; height: 540px; background: url(/img/img_apgujeong9.png) no-repeat; background-size: contain; display: block; }
  .spe3 .agu-svg2 { position: absolute; bottom: -180px; left: 0; width: 100%; height: 500px; background: url(/img/agu_obj_2.svg) no-repeat; background-size: contain; display: block; z-index: 2; }

  /** 지점별 이미지 - 더현대 */
  .spe3 .the-spe3 { position: absolute; bottom: 0; right: 0; width: 600px; height: 540px; background: url(/img/the_3_2.png) no-repeat; background-size: contain; display: block; }
  .spe3 .the-svg2 { position: absolute; bottom: -180px; left: 0; width: 100%; height: 480px; background: url(/img/the_obj_2.svg) no-repeat; background-size: contain; display: block; z-index: 2; }

  /** 지점별 이미지 - 천호 */
  .spe3 .ch-spe3 { position: absolute; bottom: 0; right: 0; width: 600px; height: 540px; background: url(/img/ch_3_2.png) no-repeat; background-size: contain; display: block; }
  .spe3 .ch-svg2 { position: absolute; bottom: -100px; left: 0; width: 100%; height: 300px; background: url(/img/ch_obj_2.svg) no-repeat; background-size: contain; display: block; z-index: 2; }

  /** 지점별 이미지 - 일산 */
  .spe3 .ils-spe3 { position: absolute; bottom: 0; right: 0; width: 600px; height: 540px; background: url(/img/ils_3_2.png) no-repeat; background-size: contain; display: block; }
  .spe3 .ils-svg2 { position: absolute; bottom: -100px; left: 0; width: 100%; height: 400px; background: url(/img/ils_obj_2.svg) no-repeat; background-size: contain; display: block; z-index: 2; }

  /** 지점별 이미지 - 판교 */
  .spe3 .pan-spe3 { position: absolute; bottom: 0; right: 0; width: 600px; height: 540px; background: url(/img/pan_3_2.png) no-repeat; background-size: contain; display: block; }
  .spe3 .pan-svg2 { position: absolute; bottom: -100px; left: 0; width: 100%; height: 350px; background: url(/img/pan_obj_2.svg) no-repeat; background-size: contain; display: block; z-index: 2; }

  /** 지점별 이미지 - 울산 */
  .spe3 .uls-spe3 { position: absolute; bottom: 0; right: 0; width: 600px; height: 540px; background: url(/img/uls_3_2.png) no-repeat; background-size: contain; display: block; }
  .spe3 .uls-svg2 { position: absolute; bottom: -100px; left: 0; width: 100%; height: 400px; background: url(/img/uls_obj_2.svg) no-repeat; background-size: contain; display: block; z-index: 2; }

  /** 지점별 이미지 - 런던 */
  .spe3 .lon-spe3 { position: absolute; bottom: 0; right: 0; width: 600px; height: 540px; background: url(/img/lon_3_2.png) no-repeat; background-size: contain; display: block; }
  .spe3 .lon-svg2 { position: absolute; bottom: -100px; left: 0; width: 100%; height: 380px; background: url(/img/lon_obj_1.svg) no-repeat; background-size: contain; display: block; z-index: 2; }

  /** 지점별 이미지 - 마카오 */
  .spe3 .mac-spe3 { position: absolute; bottom: 0; right: 0; width: 600px; height: 540px; background: url(/img/mac_3_2.png) no-repeat; background-size: contain; display: block; }
  .spe3 .mac-svg2 { position: absolute; bottom: -100px; left: 0; width: 100%; height: 210px; background: url(/img/mac_obj_1.svg) no-repeat; background-size: contain; display: block; z-index: 2; }


  .profile .inner { padding-top: 110px; }
  .profile .tit-inner { width: 90%; margin: 0 auto; font-size: 42px; line-height: 54px; }
  .profile .sliderBox { width: 90%; margin: 50px auto 0; }
  .profile .m4-slider { width: 3120px; overflow: hidden; }
  .profile .swiper-slide { width: 1200px; display: flex; justify-content: flex-start; align-items: flex-start; }
  .profile .swiper-slide .docimg { position: relative; width: 324px; height: 480px; }
  .profile .swiper-slide .docimg .name { position: absolute; bottom: 0; width: 100%; padding: 25px 0; text-align: center; background-color: rgba(0, 0, 0, .7); transition: all .3s ease-out; }
  .profile .swiper-slide .docimg .name > em{ font-style: normal; font-size: 16px; color: #f6ead9; font-weight: 700; opacity: .5; }
  .profile .swiper-slide .docimg .name > h4{ font-style: normal; font-size: 30px; color: #f6ead9; font-weight: 800; letter-spacing: -1px; }
  .profile .swiper-slide > ol{ width: 350px; margin-left: 40px; }
  .profile .swiper-slide > ol:last-child{ margin-left: 30px; }
  .profile .swiper-slide > ol > li{ font-size: 14px; line-height: 20px; padding-left: 12px; margin-bottom: 12px; }
  .profile .swiper-slide > ol > li:last-child{ margin-bottom: 0; }
  .profile .swiper-slide > ol > li > span{ position: absolute; top: 12px; left: 0; width: 5px; height: 5px; background: url(/img/blit_net_prlist.png) no-repeat; }
  .profile .swiper-slide > ol > li > strong{ font-size: 22px; font-weight: 700; }

  .m4-control{ position: absolute; left: 30px; top: 50%; transform: translateY(-50%); width: 1190px; height: 30px; display: flex; align-items: center; justify-content: space-between; z-index: 10; }
  .m4-control > div{ width: 29px; height: 29px; cursor: pointer; opacity: 0.5; transition: all 0.2s ease-in-out; }

  .location { position: relative; width: 100%; overflow: hidden; background-color: #0a0a0a; padding: 115px 0; }
  .location .inner { width: 90%; margin: 0 auto; padding-top: 0; }
  .location .inner > ul{ display: flex; justify-content: space-between; align-items: stretch; }
  .location .inner .mapbox .bgBoxWide { width: 100%; height: 600px; overflow: hidden; }
  .location .inner .mapbox .root_daum_roughmap { width: 100%; }
  .location .inner .mapbox .wrap_controllers { display: none; }
  .location .inner .mapbox .wrap_map { border: 0px; }

  .location .inner .info { width: 50%; margin-left: 5%; }
  .location .inner .info > div{ position: relative; border-bottom: 1px solid #333; padding: 20px 0; }
  .location .inner .info > div:first-child{ padding-top: 0; }
  .location .inner .info > div:last-child{ border-bottom: 0; }
  .location .inner .info > div > h2{ font-size: 30px; color: #f6ead9; font-weight: 700; margin-bottom: 10px; }
  .location .inner .info > div > p{ width: 60%; font-size: 16px; line-height: 26px; margin-bottom: 8px; word-break: keep-all; }
  .location .inner .info > div > p:last-child{ margin-bottom: 0; }
  .location .inner .info > div > h4{ font-size: 20px; margin-bottom: 10px; }
  .location .inner .info .lable > li{ font-size: 16px;line-height: 26px; margin-bottom: 6px; }
  .location .inner .info > div > .insta{ position: absolute; right: 0; top: 50%; transform: translateY(-50%); display: block; width: 72px; background: url(/img/ico_insta.svg) no-repeat top center; background-size: contain; padding-top: 80px; font-size: 13px; color: #f6ead9; text-align: center; }



  /*! Signature */

  .jewal .txtwrap > h2{ font-size: 50px; }
  .jewal .txtwrap > p{ font-size: 18px; line-height: 28px; margin-top: 25px; }

  .titles .txtwrap > h4{ font-size: 20px; }
  .titles .txtwrap > h2{ font-size: 50px; margin-top: 15px; }
  .titles .txtwrap > p{ font-size: 16px; line-height: 28px; margin-top: 25px; }


  .acordian { position: relative; width: 100%; height: 100vh; padding-top: 145px; }
  .acordian > ul{ width: 90%; margin: 0 auto; }

  .acordian ul li .tit{ display: flex; align-items: center; justify-content: space-between; padding: 40px 35px 40px 40px; cursor: pointer; }
  .acordian ul li .tit .left h3{ display: inline-block; font-size: 34px; font-weight: 700; color: #333; letter-spacing: -0.5px; vertical-align: 3px; transition: all 0.3s ease-in-out; }
  .acordian ul li .tit .right{ position: relative; width: 20px; height: 20px; }
  .acordian ul li .tit .right .line{ position: absolute; left: 0; top: 0; display: block; width: 20px; height: 20px; background: url(/img/qa_arrow_off.png) no-repeat center center; background-size: contain; transition: all 0.3s ease-in-out; }
  .acordian ul li .tit .right .line:last-of-type{ transform: rotate(90deg); }
  .acordian ul li .cont{ display: none; width: 80%; padding: 0px 0px 45px 380px; margin-top: -68px; }
  .acordian ul li .cont span{ display: block; margin-bottom: 30px; animation: icoupdown 3s ease-in-out infinite; }
  .acordian ul li .cont p{ font-size: 16px; font-weight: 400; color: #f6ead9; letter-spacing: -0.5px; line-height: 28px; margin-bottom: 35px; word-break: keep-all; }



  /** newnormal */
  .acordian ul li .cont .signature1-1 { width: 137px; height: 122px; background: url(/img/s1_icon_1.svg) no-repeat; }
  .acordian ul li .cont .signature1-2 { width: 107px; height: 122px; background: url(/img/s1_icon_2.svg) no-repeat; }
  .acordian ul li .cont .signature1-3 { width: 113px; height: 113px; background: url(/img/s1_icon_3.svg) no-repeat; }

  /** balance */
  .acordian ul li .cont .signature2-1 { width: 131px; height: 94px; background: url(/img/s2_icon_1.svg) no-repeat; }
  .acordian ul li .cont .signature2-2 { width: 132px; height: 99px; background: url(/img/s2_icon_2.svg) no-repeat; }
  .acordian ul li .cont .signature2-3 { width: 113px; height: 113px; background: url(/img/s2_icon_3.svg) no-repeat; }

  /** oneday */
  .acordian ul li .cont .signature3-1 { width: 116px; height: 122px; background: url(/img/s3_icon_1.svg) no-repeat; }
  .acordian ul li .cont .signature3-2 { width: 132px; height: 99px; background: url(/img/s3_icon_2.svg) no-repeat; }
  .acordian ul li .cont .signature3-3 { width: 107px; height: 122px; background: url(/img/s3_icon_3.svg) no-repeat; }

  /** custom */
  .acordian ul li .cont .signature4-1 { width: 142px; height: 121px; background: url(/img/s4_icon_1.svg) no-repeat; }
  .acordian ul li .cont .signature4-2 { width: 122px; height: 122px; background: url(/img/s4_icon_2.svg) no-repeat; }
  .acordian ul li .cont .signature4-3 { width: 113px; height: 113px; background: url(/img/s4_icon_3.svg) no-repeat; }

  /** facial */
  .acordian ul li .cont .signature5-1 { width: 107px; height: 122px; background: url(/img/s5_icon_1.svg) no-repeat; }
  .acordian ul li .cont .signature5-2 { width: 123px; height: 123px; background: url(/img/s5_icon_2.svg) no-repeat; }
  .acordian ul li .cont .signature5-3 { width: 107px; height: 122px; background: url(/img/s5_icon_3.svg) no-repeat; }

  /** medical */
  .acordian ul li .cont .signature6-1 { width: 104px; height: 117px; background: url(/img/s6_icon_1.svg) no-repeat; }
  .acordian ul li .cont .signature6-2 { width: 132px; height: 79px; background: url(/img/s6_icon_2.svg) no-repeat; }
  .acordian ul li .cont .signature6-3 { width: 113px; height: 113px; background: url(/img/s6_icon_3.svg) no-repeat; }


  /* ? hover */
  .acordian ul li:hover .tit .left h3{ color: #f6ead9; }

  /* ? on */
  .acordian ul li.on{ border-top: 1px solid #f6ead9; border-bottom: 1px solid #f6ead9; }
  .acordian ul li.on .tit .left h3{ color: #f6ead9; }
  .acordian ul li.on .tit .left span{ color: #f6ead9; }
  .acordian ul li.on .tit .right .line{ background: url(/img/qa_arrow_on.png) no-repeat center center; background-size: contain; }
  .acordian ul li.on .tit .right .line:last-of-type{ transform: rotate(180deg); }


  .core { position: relative; width: 100%; height: 100vh; }
  .core .inner > ul{ width: 90%; margin: 0 auto; display: flex; justify-content: space-between; align-items: center; }
  .core .inner > ul > li{ width: 25%; text-align: center; border-left: 1px solid #f6ead9; padding: 90px 0; }
  .core .inner > ul > li:last-of-type{ border-right: 1px solid #f6ead9; }
  .core .inner > ul > li > div{ transition: all .3s ease-out; }
  .core .inner > ul > li > p{ font-size: 18px; line-height: 28px; margin-top: 30px; }


  /** newnormal */
  .core .inner > ul > li .signature1-4 { width: 123px; height: 82px; background: url(/img/s1_icon_4.svg) no-repeat; }
  .core .inner > ul > li .signature1-5 { width: 74px; height: 81px; background: url(/img/s1_icon_5.svg) no-repeat; }
  .core .inner > ul > li .signature1-6 { width: 109px; height: 81px; background: url(/img/s1_icon_6.svg) no-repeat; }
  .core .inner > ul > li .signature1-7 { width: 98px; height: 82px; background: url(/img/s1_icon_7.svg) no-repeat; }

  /** balance */
  .core .inner > ul > li .signature2-4 { width: 77px; height: 82px; background: url(/img/s2_icon_4.svg) no-repeat; }
  .core .inner > ul > li .signature2-5 { width: 74px; height: 81px; background: url(/img/s2_icon_5.svg) no-repeat; }
  .core .inner > ul > li .signature2-6 { width: 109px; height: 81px; background: url(/img/s2_icon_6.svg) no-repeat; }
  .core .inner > ul > li .signature2-7 { width: 102px; height: 81px; background: url(/img/s2_icon_7.svg) no-repeat; }

  /** oneday */
  .core .inner > ul > li .signature3-4 { width: 108px; height: 82px; background: url(/img/s3_icon_4.svg) no-repeat; }
  .core .inner > ul > li .signature3-5 { width: 74px; height: 81px; background: url(/img/s3_icon_5.svg) no-repeat; }
  .core .inner > ul > li .signature3-6 { width: 101px; height: 82px; background: url(/img/s3_icon_6.svg) no-repeat; }
  .core .inner > ul > li .signature3-7 { width: 102px; height: 81px; background: url(/img/s3_icon_7.svg) no-repeat; }

  /** custom */
  .core .inner > ul > li .signature4-4 { width: 123px; height: 82px; background: url(/img/s4_icon_4.svg) no-repeat; }
  .core .inner > ul > li .signature4-5 { width: 74px; height: 81px; background: url(/img/s4_icon_5.svg) no-repeat; }
  .core .inner > ul > li .signature4-6 { width: 107px; height: 83px; background: url(/img/s4_icon_6.svg) no-repeat; }
  .core .inner > ul > li .signature4-7 { width: 102px; height: 81px; background: url(/img/s4_icon_7.svg) no-repeat; }

  /** facial */
  .core .inner > ul > li .signature5-4 { width: 123px; height: 82px; background: url(/img/s5_icon_4.svg) no-repeat; }
  .core .inner > ul > li .signature5-5 { width: 83px; height: 83px; background: url(/img/s5_icon_5.svg) no-repeat; }
  .core .inner > ul > li .signature5-6 { width: 89px; height: 81px; background: url(/img/s5_icon_6.svg) no-repeat; }
  .core .inner > ul > li .signature5-7 { width: 102px; height: 81px; background: url(/img/s5_icon_7.svg) no-repeat; }

  /** medical */
  .core .inner > ul > li .signature6-4 { width: 82px; height: 82px; background: url(/img/s6_icon_4.svg) no-repeat; }
  .core .inner > ul > li .signature6-5 { width: 74px; height: 81px; background: url(/img/s6_icon_5.svg) no-repeat; }
  .core .inner > ul > li .signature6-6 { width: 107px; height: 83px; background: url(/img/s6_icon_6.svg) no-repeat; }
  .core .inner > ul > li .signature6-7 { width: 102px; height: 81px; background: url(/img/s6_icon_7.svg) no-repeat; }


  /* ? hover */
  .core .inner > ul > li:hover > div{ transform: translateY(-20px); }




}




/*! Tablet 1279 */
@media screen and (max-width: 1279px){


  /*! Header */

  /** Mobile GNB */
  #hd .gnb { display: none; }
  #hd.active .gnb { display: none; }
  #hd .mhd_wrap { display: block; }

  .mhd_wrap{ display: none; position: relative; width: 100%; padding: 0; margin: 0 auto; align-items: center; justify-content: space-between; transition: all 0.3s ease-in-out; }
  .mhd_bar { width: 100%; height: 65px; display: flex; justify-content: space-between; align-items: center; background: #0a0806; padding: 0 3%; }
  .mhd_wrap #logo a{ display: inline-block; width: 73px; height: 45px; background: url(/img/logo_gnb.svg) no-repeat center center; background-size: contain; text-indent: -9999px; }
  .mhd_wrap .hamberg{ display: block; }
  .mhd_wrap .hamberg input[type="checkbox"]{ display: none; }
  .mhd_wrap .hamberg input[type="checkbox"] + label{ position: relative; display: block; width: 23px; height: 17px; cursor: pointer; z-index: 999;}
  .mhd_wrap .hamberg input[type="checkbox"] + label span{ display: block; position: absolute; right: 0; width: 100%; height: 3px; border-radius: 2px; background: #f6ead9; transition: all 0.4s; }
  .mhd_wrap .hamberg input[type="checkbox"] + label span:nth-of-type(1){ top: 0; }
  .mhd_wrap .hamberg input[type="checkbox"] + label span:nth-of-type(2){ top: 7px; width: 70%; }
  .mhd_wrap .hamberg input[type="checkbox"] + label span:nth-of-type(3){ bottom: 0; }
  .mhd_wrap .hamberg input[type="checkbox"]:checked + label span:nth-of-type(1){ top: 7px; transform: rotate(45deg); }
  .mhd_wrap .hamberg input[type="checkbox"]:checked + label span:nth-of-type(2){ transform: scaleX(0); }
  .mhd_wrap .hamberg input[type="checkbox"]:checked + label span:nth-of-type(3){ bottom: 7px; transform: rotate(-45deg); }
  .mhd_wrap #mgnb{ position: fixed; right: -100%; top: 64px; width: 100%; height: calc(100vh - 64px); min-height: 500px; display: flex; background: #0a0806; transition: all 0.3s ease-out; }
  .mhd_wrap #mgnb.active{ right: 0; }
  .mhd_wrap #mgnb .mhd_nav{ width: 100%; }
  .mhd_wrap #mgnb .mhd_nav ul{ padding: 0 4%; }
  .mhd_wrap #mgnb .mhd_nav ul > li{ border-bottom: 1px solid #242424; }
  .mhd_wrap #mgnb .mhd_nav ul > li .mgtit{ position: relative; display: block; width: 100%; font-size: 28px; font-weight: 700; color: #555555; letter-spacing: -1px; line-height: 70px; padding: 15px 30px; cursor: pointer; transition: all 0.2s ease-in-out; }
  .mhd_wrap #mgnb .mhd_nav ul > li .mgtit:hover,
  .mhd_wrap #mgnb .mhd_nav ul > li .mgtit.on{ color: #f6ead9; }
  .mhd_wrap #mgnb .mhd_nav ul > li ol{ display: none; padding: 0 30px 20px; }
  .mhd_wrap #mgnb .mhd_nav ul > li ol li{ flex-wrap: wrap; }
  .mhd_wrap #mgnb .mhd_nav ul > li ol li a{ font-size: 15px; font-weight: 400; color: #f6ead9; letter-spacing: -0.5px; line-height: 34px; margin-right: 25px; word-break: keep-all; transition: all 0.2s ease-in-out; }
  .mhd_wrap #mgnb .mhd_nav ul > li ol li a:last-child{ margin-right: 0; }
  .mhd_wrap #mgnb .mhd_nav ul > li ol li a:hover{ color: #f6ead9; text-decoration: underline; }


  /*! Index */

  /** Visual **/
  .mvisual .visualcopy h2{ font-size: 36px; width: max-content; }

  .mvisual > .swiper-container { position: relative; height: 100%; z-index: 20; }
  .mvisual > .swiper-container { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #000; }
  .mvisual > .swiper-container ul{ width: 100%; height: 100%; }
  .mvisual > .swiper-container ul li{ position: relative; width: 100%; height: 100%; }
  .mvisual > .swiper-container ul li .video{ position: relative; width: 100%; height: 100%; transition: all 8s ease-out; }
  .mvisual > .swiper-container ul li .video > span{ position: absolute; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .5); z-index: 21; display: block; }
  .mvisual > .swiper-container ul li .video video{ width: 100%; height: 100%; object-fit: cover; }

  /*? active */
  .swiper-slide-active .visualcopy h2{ opacity: 0; animation: moveUp 1.2s ease-in-out 1 forwards 1s; }


  /** networks */

  .networks { position: relative; width: 100%; height: 100vh; overflow: hidden; background-color: #0a0a0a; }
  .networks ul > li{ display: flex; justify-content: flex-start; align-items: center; width: 12320px; }
  .networks ul > li > a{ position: relative; width: 700px; height: 600px; display: block; margin-left: 70px; }
  .networks ul > li > a:first-of-type{ margin-left: 0; }
  .networks ul > li > a > h4{ position: absolute; bottom: 15%; left: 40px; font-size: 34px; color: #f6ead9; font-weight: 800; }
  .networks ul > li > a > p{ position: absolute; bottom: 9%; left: 40px; font-size: 18px; color: #f6ead9; }
  .networks .agu { background: url(/img/img_m2_1.png) no-repeat; }
  .networks .the { background: url(/img/img_m2_2.png) no-repeat; }
  .networks .ch { background: url(/img/img_m2_3.png) no-repeat; }
  .networks .ils { background: url(/img/img_m2_4.png) no-repeat; }
  .networks .pan { background: url(/img/img_m2_5.png) no-repeat; }
  .networks .uls { background: url(/img/img_m2_6.png) no-repeat; }
  .networks .lon { background: url(/img/img_m2_7.png) no-repeat; }
  .networks .mac { background: url(/img/img_m2_8.png) no-repeat; }
  .networks .jamsillottehotel { background: url(/img/img_m2_9.png) no-repeat; }
  .networks .cheongdam { background: url(/img/img_m2_10.png) no-repeat; }

  /*? maquee */
  .networks ul > li { width: 12320px; animation: maquee 80s linear infinite; }
  .networks ul > li:hover{ animation-play-state: paused; }


  /** signature */

  .signature_main { position: relative; width: 100%; height: 100vh; background-color: #0a0a0a; padding: 0; }
  .signature_main > ul{ width: 100%; height: 100%; display: flex; justify-content: space-between; align-items: baseline; flex-wrap: wrap; }
  .signature_main > ul > li{ position: relative; width: 49.5%; height: 32.5%; transition: all .3s ease-out; }
  .signature_main > ul > li:nth-of-type(n+3){ margin-top: 0.5%; }
  .signature_main > ul > li > a > span{ width: 100%; height: 100%; display: block; background-color: rgba(0, 0, 0, .4); transition: all .3s ease-out; }
  .signature_main .dftxt{ position: absolute; bottom: 40px; font-size: 24px; }
  .signature_main .ovtxt{ position: absolute; bottom: 40px; padding: 0 50px; }
  .signature_main .ovtxt > p{ font-size: 14px; line-height: 20px; }
  .signature_main .newnormal { background: url(/img/img_m3_1.png) no-repeat center center; background-size: cover; }
  .signature_main .balance { background: url(/img/img_m3_2.png) no-repeat center center; background-size: cover; }
  .signature_main .oneday { background: url(/img/img_m3_3.png) no-repeat center center; background-size: cover; }
  .signature_main .custom { background: url(/img/img_m3_5.png) no-repeat center center; background-size: cover; }
  .signature_main .facial { background: url(/img/img_m3_4.png) no-repeat center center; background-size: cover; }
  .signature_main .medical { background: url(/img/img_m3_6.png) no-repeat center center; background-size: cover; }


  .signature_main > div > ul > li:hover .dftxt{ transform: translateY(0); }
  .signature_main > div > ul > li:hover .ovtxt{ opacity: 0; transform: translateY(-10px); transition-delay: .2s; }
  .signature_main > div > ul > li:hover > a > span{ opacity: 0; }




  /** emblem */
  .emblem .txtwrap > p{ width: 80% !important; font-size: 30px; width: max-content; text-align: center; word-break: keep-all; }


  /** members */
  .members .txtwrap { font-size: 36px; }
  .members .inner { width: 100%; height: 100%; background-color: #0a0a0a; }
  .members .set9 .m525 { width: 100%; height: 100%; background: url(/img/img_m5_25.png) no-repeat; background-size: contain; }

  .members .photos > ul{ width: 100%; height: 570px; display: flex; justify-content: space-between; align-items: flex-start; padding: 0 2%; margin-top: 150px; }
  .members .photos > ul:first-of-type{ margin-top: 0; }
  .members .photos > ul > li{ width: 250px; height: 300px; background-size: contain; }
  .members .photos > ul > li:first-of-type{ margin-top: 150px; }
  .members .photos > ul > li:last-of-type{ margin-top: 150px; }



  /*! Maylin */

  /** Maylin */
  .maylin-h2 { font-size: 36px; }

  .brand { position: relative; width: 100%; height: 100vh; overflow: hidden; background: url(/img/img_maylin1.png) no-repeat center center; background-size: cover; }
  .brand { animation: bgScale 1.5s ease-out 1 forwards; }
  .brand > div{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }

  .may-lin { position: relative; width: 100%; height: 100vh; overflow: hidden; display: flex; justify-content: space-between; align-items: center; }
  .may-lin .may { position: relative; width: 50%; height: 100%; overflow: hidden; text-align: center; cursor: pointer; }
  .may-lin .txtwrap { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 2; }
  .may-lin h2{ display: inline-block; width: fit-content; transition: all .1s ease-out; }
  .may-lin p{ font-size: 20px; opacity: 0; transition: all .7s ease-out; }
  .may-lin .may .shade { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .5); z-index: 1; display: block; transition: all .7s ease-out; }
  .may-lin .may .bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(/img/img_maylin2.png) no-repeat center center; display: block; transition: all 1s ease-out; }
  .may-lin .lin { position: relative; width: 50%; height: 100%; overflow: hidden; text-align: center; cursor: pointer; }
  .may-lin .lin .shade { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .5); z-index: 1; display: block; transition: all .7s ease-out; }
  .may-lin .lin .bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(/img/img_maylin3.png) no-repeat center center; display: block; transition: all 1s ease-out; }

  /*? hover */
  .may-lin > div:hover > span{ opacity: .1; }
  .may-lin > div:hover .bg { transform: scale(1.05); }
  .may-lin > div:hover .txtwrap > p{ opacity: 1; transition-delay: .5s; }
  .may-lin > div:hover .txtwrap > h2{ transform: translateY(-40px); }

  .symbol { position: relative; width: 100%; height: 100vh; overflow: hidden; background: url(/img/bg_maylin4.png) repeat; }
  .symbol .inner { position: relative; width: 90%; height: 100%; margin: 0 auto; }
  .symbol .inner > div{ position: absolute; top: 50%; left: 5%; transform: translateY(-50%); }
  .symbol .inner .logo-gnb{ width: 324px; height: 200px; background: url(/img/logo_gnb.svg) no-repeat; background-size: contain; }
  .symbol .inner .syl-img{ width: 324px; height: 47px; background: url(/img/img_maylin4.png) no-repeat; background-size: contain; margin-top: 55px; }
  .symbol .inner div > p{ font-size: 18px; line-height: 26px; margin-top: 50px; }

  .trigger1 .bgtxt1 { font-size: 36px; line-height: 48px; }
  .trigger2 .bgtxt2 { font-size: 36px; line-height: 48px; }
  .trigger3 .bgtxt3 { font-size: 36px; line-height: 48px; }

  .highend { position: relative; width: 100%; height: 100vh; overflow: hidden; text-align: center; }
  .highend .emblem { width: 150px; height: 155px; background: url(/img/img_maylin8.png) no-repeat; margin: 25% auto 30px; background-size: contain; }
  .highend .inner > p { font-size: 36px; line-height: 48px; }


  /** Doctor */
  .doctor { background-color: #0a0a0a; }

  .doctor .visual > div > h2{ font-size: 36px; }
  .doccon1 { position: relative; width: 100%; height: 100vh; overflow: hidden; background: url(/img/img_doctor2-1.png) no-repeat center center; background-size: cover; background-attachment: fixed;  }
  .doccon2 { position: relative; width: 100%; height: 100vh; overflow: hidden; background: url(/img/img_doctor3-1.png) no-repeat center center; background-size: cover; background-attachment: fixed;  }
  .doccon3 { position: relative; width: 100%; height: 100vh; overflow: hidden; background: url(/img/img_doctor4-1.png) no-repeat center center; background-size: cover; background-attachment: fixed;  }
  .doccon1-txt { position: relative; width: 100%; height: 310px; background-color: #0a0a0a; }
  .doccon2-txt { position: relative; width: 100%; height: 310px; background-color: #0a0a0a; }
  .doccon3-txt { position: relative; width: 100%; height: 250px; background-color: #0a0a0a; }
  .doccon3-txt .inner { position: absolute; left: 50%; bottom: 145px !important; transform: translateX(-50%); width: 100%; padding-left: 10%; }
  .doctor .inner { position: absolute; left: 50%; bottom: 80px; transform: translateX(-50%); width: 100%; padding-left: 5%; }
  .inner > h3{ font-size: 36px; }
  .inner > p{ font-size: 16px; line-height: 24px; margin-top: 30px;  }

  /*! Network */

  .network .visual .vtxt > h2{ font-size: 36px; }
  .network .space { width: 100%; margin: 0 auto; }

  /** 지점별 이미지 - 압구정 */
  .apgujeong .space1 .inner .img1 { position: absolute; top: 120px; left: 30px; width: 350px; height: 450px; display: block; background: url(/img/img_apgujeong2.png) no-repeat; background-size: contain; }
  .apgujeong .space1 .inner .img2 { position: absolute; top: 300px; right: 30px; width: 350px; height: 450px; display: block; background: url(/img/img_apgujeong3.png) no-repeat; background-size: contain; }
  .apgujeong .space2 .inner .img3 { position: absolute; top: 120px; left: 30px; width: 350px; height: 450px; display: block; background: url(/img/img_apgujeong4.png) no-repeat; background-size: contain; }
  .apgujeong .space2 .inner .img4 { position: absolute; top: 300px; right: 30px; width: 350px; height: 450px; display: block; background: url(/img/img_apgujeong5.png) no-repeat; background-size: contain; }

  /** 지점별 이미지 - 송도점 */
  .songdo .space1 .inner .img1 { position: absolute; top: 120px; left: 30px; width: 350px; height: 450px; display: block; background: url(/img/img_songdo4.png) no-repeat; background-size: contain; }
  .songdo .space1 .inner .img2 { position: absolute; top: 300px; right: 30px; width: 350px; height: 450px; display: block; background: url(/img/img_songdo5.png) no-repeat; background-size: contain; }
  .songdo .space2 .inner .img3 { position: absolute; top: 120px; left: 30px; width: 350px; height: 450px; display: block; background: url(/img/img_songdo2.png) no-repeat; background-size: contain; }
  .songdo .space2 .inner .img4 { position: absolute; top: 300px; right: 30px; width: 350px; height: 450px; display: block; background: url(/img/img_songdo3.png) no-repeat; background-size: contain; }
  .songdo .space1 .inner .img5 { position: absolute; top: 120px; left: 30px; width: 350px; height: 450px; display: block; background: url(/img/img_songdo6.png) no-repeat; background-size: contain; }
  .songdo .space1 .inner .img6 { position: absolute; top: 300px; right: 30px; width: 350px; height: 450px; display: block; background: url(/img/img_songdo7.png) no-repeat; background-size: contain; }
  .songdo .space2 .inner .img7 { position: absolute; top: 120px; left: 30px; width: 350px; height: 450px; display: block; background: url(/img/img_songdo8.png) no-repeat; background-size: contain; }
  .songdo .space2 .inner .img8 { position: absolute; top: 300px; right: 30px; width: 350px; height: 450px; display: block; background: url(/img/img_songdo9.png) no-repeat; background-size: contain; }
  .songdo .space1 .inner .img9 { position: absolute; top: 120px; left: 30px; width: 350px; height: 450px; display: block; background: url(/img/img_songdo10.png) no-repeat; background-size: contain; }
  .songdo .space1 .inner .img10 { position: absolute; top: 300px; right: 30px; width: 350px; height: 450px; display: block; background: url(/img/img_songdo11.png) no-repeat; background-size: contain; }
  
  /** 지점별 이미지 - 더현대 */
  .hyundai .space1 .inner .img1 { position: absolute; top: 120px; left: 30px; width: 350px; height: 450px; display: block; background: url(/img/the_2_1.png) no-repeat; background-size: contain; }
  .hyundai .space1 .inner .img2 { position: absolute; top: 300px; right: 30px; width: 350px; height: 450px; display: block; background: url(/img/the_2_2.png) no-repeat; background-size: contain; }
  .hyundai .space2 .inner .img3 { position: absolute; top: 120px; left: 30px; width: 350px; height: 450px; display: block; background: url(/img/the_2_3.png) no-repeat; background-size: contain; }
  .hyundai .space2 .inner .img4 { position: absolute; top: 300px; right: 30px; width: 350px; height: 450px; display: block; background: url(/img/the_2_4.png) no-repeat; background-size: contain; }

  /** 지점별 이미지 - 천호 */
  .cheonho .space1 .inner .img1 { position: absolute; top: 120px; left: 30px; width: 350px; height: 450px; display: block; background: url(/img/ch_2_1.png) no-repeat; background-size: contain; }
  .cheonho .space1 .inner .img2 { position: absolute; top: 300px; right: 30px; width: 350px; height: 450px; display: block; background: url(/img/ch_2_2.png) no-repeat; background-size: contain; }
  .cheonho .space2 .inner .img3 { position: absolute; top: 120px; left: 30px; width: 350px; height: 450px; display: block; background: url(/img/ch_2_3.png) no-repeat; background-size: contain; }
  .cheonho .space2 .inner .img4 { position: absolute; top: 300px; right: 30px; width: 350px; height: 450px; display: block; background: url(/img/ch_2_4.png) no-repeat; background-size: contain; }

  /** 지점별 이미지 - 일산 */
  .ilsan .space1 .inner .img1 { position: absolute; top: 120px; left: 30px; width: 350px; height: 450px; display: block; background: url(/img/ils_2_1.png) no-repeat; background-size: contain; }
  .ilsan .space1 .inner .img2 { position: absolute; top: 300px; right: 30px; width: 350px; height: 450px; display: block; background: url(/img/ils_2_2.png) no-repeat; background-size: contain; }
  .ilsan .space2 .inner .img3 { position: absolute; top: 120px; left: 30px; width: 350px; height: 450px; display: block; background: url(/img/ils_2_3.png) no-repeat; background-size: contain; }
  .ilsan .space2 .inner .img4 { position: absolute; top: 300px; right: 30px; width: 350px; height: 450px; display: block; background: url(/img/ils_2_4.png) no-repeat; background-size: contain; }

  /** 지점별 이미지 - 판교 */
  .pangyo .space1 .inner .img1 { position: absolute; top: 120px; left: 30px; width: 350px; height: 450px; display: block; background: url(/img/pan_2_1.png) no-repeat; background-size: contain; }
  .pangyo .space1 .inner .img2 { position: absolute; top: 300px; right: 30px; width: 350px; height: 450px; display: block; background: url(/img/pan_2_2.png) no-repeat; background-size: contain; }
  .pangyo .space2 .inner .img3 { position: absolute; top: 120px; left: 30px; width: 350px; height: 450px; display: block; background: url(/img/pan_2_3.png) no-repeat; background-size: contain; }
  .pangyo .space2 .inner .img4 { position: absolute; top: 300px; right: 30px; width: 350px; height: 450px; display: block; background: url(/img/pan_2_4.png) no-repeat; background-size: contain; }

  /** 지점별 이미지 - 울산 */
  .ulsan .space1 .inner .img1 { position: absolute; top: 120px; left: 30px; width: 350px; height: 450px; display: block; background: url(/img/uls_2_1.png) no-repeat; background-size: contain; }
  .ulsan .space1 .inner .img2 { position: absolute; top: 300px; right: 30px; width: 350px; height: 450px; display: block; background: url(/img/uls_2_2.png) no-repeat; background-size: contain; }
  .ulsan .space2 .inner .img3 { position: absolute; top: 120px; left: 30px; width: 350px; height: 450px; display: block; background: url(/img/uls_2_3.png) no-repeat; background-size: contain; }
  .ulsan .space2 .inner .img4 { position: absolute; top: 300px; right: 30px; width: 350px; height: 450px; display: block; background: url(/img/uls_2_4.png) no-repeat; background-size: contain; }

  /** 지점별 이미지 - 마카오 */
  .macau .space1 .inner .img1 { position: absolute; top: 120px; left: 30px; width: 350px; height: 450px; display: block; background: url(/img/mac_2_1.png) no-repeat; background-size: contain; }
  .macau .space1 .inner .img2 { position: absolute; top: 300px; right: 30px; width: 350px; height: 450px; display: block; background: url(/img/mac_2_2.png) no-repeat; background-size: contain; }
  .macau .space2 .inner .img3 { position: absolute; top: 120px; left: 30px; width: 350px; height: 450px; display: block; background: url(/img/mac_2_3.png) no-repeat; background-size: contain; }
  .macau .space2 .inner .img4 { position: absolute; top: 300px; right: 30px; width: 350px; height: 450px; display: block; background: url(/img/mac_2_4.png) no-repeat; background-size: contain; }

  /** 지점별 이미지 - 런던 */
  .london .space1 .inner .img1 { position: absolute; top: 120px; left: 30px; width: 350px; height: 195px; display: block; background: url(/img/lon_2_1.png) no-repeat; background-size: contain; }
  .london .space1 .inner .img2 { position: absolute; top: 200px; right: 30px; width: 350px; height: 466px; display: block; background: url(/img/lon_2_2.png) no-repeat; background-size: contain; }
  .london .space2 .inner .img3 { position: absolute; top: 120px; left: 30px; width: 350px; height: 195px; display: block; background: url(/img/lon_2_3.png) no-repeat; background-size: contain; }
  .london .space2 .inner .img4 { position: absolute; top: 300px; right: 30px; width: 350px; height: 214px; display: block; background: url(/img/lon_2_4.png) no-repeat; background-size: contain; }


  /** 지점별 이미지 - 잠실점 */
  .jamsillosdehotel .space1 .inner .img1 { position: absolute; top: 120px; left: 30px; width: 350px; height: 450px; display: block; background: url(/img/img_jamsillosdehotel2.png) no-repeat; background-size: contain; }
  .jamsillosdehotel .space1 .inner .img2 { position: absolute; top: 300px; right: 30px; width: 350px; height: 450px; display: block; background: url(/img/img_jamsillosdehotel3.png) no-repeat; background-size: contain; }
  .jamsillosdehotel .space2 .inner .img3 { position: absolute; top: 120px; left: 30px; width: 350px; height: 450px; display: block; background: url(/img/img_jamsillosdehotel4.png) no-repeat; background-size: contain; }
  .jamsillosdehotel .space2 .inner .img4 { position: absolute; top: 300px; right: 30px; width: 350px; height: 450px; display: block; background: url(/img/img_jamsillosdehotel5.png) no-repeat; background-size: contain; }


  /** 지점별 이미지 - 청담점
  .cheongdam .space1 .inner .img1 { position: absolute; top: 120px; left: 30px; width: 350px; height: 450px; display: block; background: url(/img/img_cheongdam2.png) no-repeat; background-size: contain; }
  .cheongdam .space1 .inner .img2 { position: absolute; top: 300px; right: 30px; width: 350px; height: 450px; display: block; background: url(/img/img_cheongdam3.png) no-repeat; background-size: contain; }
  .cheongdam .space2 .inner .img3 { position: absolute; top: 120px; left: 30px; width: 350px; height: 450px; display: block; background: url(/img/img_cheongdam4.png) no-repeat; background-size: contain; }
  .cheongdam .space2 .inner .img4 { position: absolute; top: 300px; right: 30px; width: 350px; height: 450px; display: block; background: url(/img/img_cheongdam5.png) no-repeat; background-size: contain; }
  */

  .cheongdam .space1 .inner .img1 {background-size: auto 100%; }
  .cheongdam .space1 .inner .img2 { background-size: auto 100%; }
  .cheongdam .space2 .inner .img3 { background-size: auto 100%; }
  .cheongdam .space2 .inner .img4 { background-size: auto 100%; }

  .banpo .space1 .inner .img1 {background-size: auto 100%; }
  .banpo .space1 .inner .img2 { background-size: auto 100%; }
  .banpo .space2 .inner .img3 { background-size: auto 100%; }
  .banpo .space2 .inner .img4 { background-size: auto 100%; }

  .seongsu .space1 .inner .img1 {background-size: auto 100%; }
  .seongsu .space1 .inner .img2 { background-size: auto 100%; }
  .seongsu .space2 .inner .img3 { background-size: auto 100%; }
  .seongsu .space2 .inner .img4 { background-size: auto 100%; }

  .network .space1 .inner .txt1 { font-size: 30px; line-height: 42px; }
  .network .space2 .inner .txt2 { font-size: 30px; line-height: 42px; }

  .songdo .space1 .inner .img1 {background-size: auto 100%; }
  .songdo .space1 .inner .img2 { background-size: auto 100%; }
  .songdo .space2 .inner .img3 { background-size: auto 100%; }
  .songdo .space3 .inner .img4 { background-size: auto 100%; }
  .songdo .space4 .inner .img4 { background-size: auto 100%; }
  .songdo .space5 .inner .img4 { background-size: auto 100%; }
  .songdo .space6 .inner .img4 { background-size: auto 100%; }
  .songdo .space7 .inner .img4 { background-size: auto 100%; }
  .songdo .space8 .inner .img4 { background-size: auto 100%; }
  .songdo .space9 .inner .img4 { background-size: auto 100%; }
  .songdo .space10 .inner .img4 { background-size: auto 100%; }
  .songdo .space11 .inner .img4 { background-size: auto 100%; }



  .london { margin-top: 0 !important; }
  .special .inner { position: relative; width: 90%; height: 1000px; padding-top: 200px; }
  .special .inner > h2{ font-size: 36px; }
  .special .inner > ul{ margin-top: 80px; display: flex; justify-content: center; align-items: center; }
  .special .inner > ul > li{ width: 250px; height: 250px; font-size: 18px; line-height: 28px; padding-top: 90px; margin-right: -25px; }
  .special .inner .line3 { padding-top: 80px; }
  .special .back-roll { display: none; }


  .spe1 .inner { width: 90%; margin: 0 auto; padding-top: 0; }
  .spe1 .inner > h4{ font-size: 18px; }
  .spe1 .inner > h2{ font-size: 36px; margin-top: 10px; }
  .spe1 .inner > p{ font-size: 14px; line-height: 22px; margin-top: 30px; }

  /** 지점별 이미지 - 압구정 */
  .apgujeong .spe1 > div > span{ position: absolute; top: 31%; right: 0; width: 400px; height: 360px; background: url(/img/img_apgujeong7.png) no-repeat; background-size: contain; display: block; }

  /** 지점별 이미지 - 더현대 */
  .hyundai .spe1 > div > span{ position: absolute; top: 31%; right: 0; width: 400px; height: 360px; background: url(/img/the_3_1.png) no-repeat; background-size: contain; display: block; }

  /** 지점별 이미지 - 천호 */
  .cheonho .spe1 > div > span{ position: absolute; top: 31%; right: 0; width: 400px; height: 360px; background: url(/img/ch_3_1.png) no-repeat; background-size: contain; display: block; }

  /** 지점별 이미지 - 일산 */
  .ilsan .spe1 > div > span{ position: absolute; top: 31%; right: 0; width: 400px; height: 360px; background: url(/img/ils_3_1.png) no-repeat; background-size: contain; display: block; }

  /** 지점별 이미지 - 판교 */
  .pangyo .spe1 > div > span{ position: absolute; top: 31%; right: 0; width: 400px; height: 360px; background: url(/img/pan_3_1.png) no-repeat; background-size: contain; display: block; }

  /** 지점별 이미지 - 울산 */
  .ulsan .spe1 > div > span{ position: absolute; top: 31%; right: 0; width: 400px; height: 360px; background: url(/img/uls_3_1.png) no-repeat; background-size: contain; display: block; }

  /** 지점별 이미지 - 런던 */
  .london .spe1 > div > span{ position: absolute; top: 31%; right: 0; width: 400px; height: 360px; background: url(/img/lon_3_1.png) no-repeat; background-size: contain; display: block; }

  /** 지점별 이미지 - 마카오 */
  .macau .spe1 > div > span{ position: absolute; top: 31%; right: 0; width: 400px; height: 360px; background: url(/img/mac_3_1.png) no-repeat; background-size: contain; display: block; }

  /** 지점별 이미지 - 잠실점 */
  .jamsillosdehotel .spe1 > div > span{ position: absolute; top: 31%; right: 0; width: 400px; height: 360px; background: url(/img/jamsillosdehotel_3_1.png) no-repeat; background-size: contain; display: block; }

  /** 지점별 이미지 - 청담점 */
  .cheongdam .spe1 > div > span{ position: absolute; top: 31%; right: 0; width: 400px; height: 360px; background: url(/img/cheongdam_3_1.png) no-repeat; background-size: contain; display: block; }

  .spe2 .inner { width: 90%; margin: 0 auto; padding-top: 0; text-align: center; }
  .spe2 .inner > h4{ font-size: 18px; }
  .spe2 .inner > h2{ font-size: 36px; margin-top: 10px; }
  .spe2 .inner > p{ font-size: 14px; line-height: 22px; margin-top: 30px; }

  /** 지점별 이미지 - 압구정 */
  .spe2 .agu-svg1{ position: absolute; bottom: 0; left: 0; width: 100%; height: 300px; background: url(/img/agu_obj_1.svg) no-repeat; background-size: contain; display: block; }

  /** 지점별 이미지 - 더현대 */
  .spe2 .the-svg1{ position: absolute; bottom: -320px; left: 0; width: 100%; height: 580px; background: url(/img/the_obj_1.svg) no-repeat; background-size: contain; display: block; }

  /** 지점별 이미지 - 천호 */
  .spe2 .ch-svg1{ position: absolute; bottom: -280px; left: 0; width: 100%; height: 420px; background: url(/img/ch_obj_1.svg) no-repeat; background-size: contain; display: block; }

  /** 지점별 이미지 - 일산 */
  .spe2 .ils-svg1{ position: absolute; bottom: -250px; left: 0; width: 100%; height: 500px; background: url(/img/ils_obj_1.svg) no-repeat; background-size: contain; display: block; }

  /** 지점별 이미지 - 판교 */
  .spe2 .pan-svg1{ position: absolute; bottom: -400px; left: 0; width: 100%; height: 700px; background: url(/img/pan_obj_1.svg) no-repeat; background-size: contain; display: block; }

  /** 지점별 이미지 - 울산 */
  .spe2 .uls-svg1{ position: absolute; bottom: -250px; left: 0; width: 100%; height: 620px; background: url(/img/uls_obj_1.svg) no-repeat; background-size: contain; display: block; }

  /** 지점별 이미지 - 마카오 */
  .spe2 .mac-svg1{ position: absolute; bottom: -280px; left: 0; width: 100%; height: 480px; background: url(/img/mac_obj_1.svg) no-repeat; background-size: contain; display: block; }

  /** 지점별 이미지 - 잠실점 */
  .spe2 .jamsillosdehotel-svg1{ position: absolute; bottom: -280px; left: 0; width: 100%; height: 480px; background: url(/img/jamsillosdehotel_obj_1.png) no-repeat; background-size: contain; display: block; }

  /** 지점별 이미지 - 청담점 */
  .spe2 .cheongdam-svg1{ position: absolute; bottom: -280px; left: 0; width: 100%; height: 480px; background: url(/img/cheongdam_obj_1.png) no-repeat; background-size: contain; display: block; }

  .spe3 .inner { width: 90%; margin: 0 auto; padding-top: 0; }
  .spe3 .inner > h4{ font-size: 18px; }
  .spe3 .inner > h2{ font-size: 36px; margin-top: 10px; }
  .spe3 .inner > p{ font-size: 14px; line-height: 22px; margin-top: 30px; }

  /** 지점별 이미지 - 압구정 */
  .spe3 .agu-spe3 { position: absolute; top: 31%; right: 0; width: 400px; height: 360px; background: url(/img/img_apgujeong9.png) no-repeat; background-size: contain; display: block; }
  .spe3 .agu-svg2 { position: absolute; bottom: -280px; left: 0; width: 100%; height: 500px; background: url(/img/agu_obj_2.svg) no-repeat; background-size: contain; display: block; z-index: 2; }

  /** 지점별 이미지 - 더현대 */
  .spe3 .the-spe3 { position: absolute; top: 31%; right: 0; width: 400px; height: 360px; background: url(/img/the_3_2.png) no-repeat; background-size: contain; display: block; }
  .spe3 .the-svg2 { position: absolute; bottom: -280px; left: 0; width: 100%; height: 480px; background: url(/img/the_obj_2.svg) no-repeat; background-size: contain; display: block; z-index: 2; }

  /** 지점별 이미지 - 천호 */
  .spe3 .ch-spe3 { position: absolute; top: 31%; right: 0; width: 400px; height: 360px; background: url(/img/ch_3_2.png) no-repeat; background-size: contain; display: block; }
  .spe3 .ch-svg2 { position: absolute; bottom: -100px; left: 0; width: 100%; height: 300px; background: url(/img/ch_obj_2.svg) no-repeat; background-size: contain; display: block; z-index: 2; }

  /** 지점별 이미지 - 일산 */
  .spe3 .ils-spe3 { position: absolute; top: 31%; right: 0; width: 400px; height: 360px; background: url(/img/ils_3_2.png) no-repeat; background-size: contain; display: block; }
  .spe3 .ils-svg2 { position: absolute; bottom: -220px; left: 0; width: 100%; height: 400px; background: url(/img/ils_obj_2.svg) no-repeat; background-size: contain; display: block; z-index: 2; }

  /** 지점별 이미지 - 판교 */
  .spe3 .pan-spe3 { position: absolute; top: 31%; right: 0; width: 400px; height: 360px; background: url(/img/pan_3_2.png) no-repeat; background-size: contain; display: block; }
  .spe3 .pan-svg2 { position: absolute; bottom: -200px; left: 0; width: 100%; height: 350px; background: url(/img/pan_obj_2.svg) no-repeat; background-size: contain; display: block; z-index: 2; }

  /** 지점별 이미지 - 울산 */
  .spe3 .uls-spe3 { position: absolute; top: 31%; right: 0; width: 400px; height: 360px; background: url(/img/uls_3_2.png) no-repeat; background-size: contain; display: block; }
  .spe3 .uls-svg2 { position: absolute; bottom: -200px; left: 0; width: 100%; height: 400px; background: url(/img/uls_obj_2.svg) no-repeat; background-size: contain; display: block; z-index: 2; }

  /** 지점별 이미지 - 런던 */
  .spe3 .lon-spe3 { position: absolute; top: 31%; right: 0; width: 400px; height: 360px; background: url(/img/lon_3_2.png) no-repeat; background-size: contain; display: block; }
  .spe3 .lon-svg2 { position: absolute; bottom: -220px; left: 0; width: 100%; height: 380px; background: url(/img/lon_obj_1.svg) no-repeat; background-size: contain; display: block; z-index: 2; }

  /** 지점별 이미지 - 마카오 */
  .spe3 .mac-spe3 { position: absolute; top: 31%; right: 0; width: 400px; height: 360px; background: url(/img/mac_3_2.png) no-repeat; background-size: contain; display: block; }
  .spe3 .mac-svg2 { position: absolute; bottom: -100px; left: 0; width: 100%; height: 210px; background: url(/img/mac_obj_1.svg) no-repeat; background-size: contain; display: block; z-index: 2; }

  /** 지점별 이미지 - 잠실점 */
  .spe3 .jamsillosdehotel-spe3 { position: absolute; top: 31%; right: 0; width: 400px; height: 360px; background: url(/img/jamsillosdehotel_3_2.png) no-repeat; background-size: contain; display: block; }
  .spe3 .jamsillosdehotel-svg2 { position: absolute; bottom: -0px; left: 0; width: 100%; height: 300px; background: url(/img/jamsillosdehotel_obj_2.png) no-repeat; background-size: contain; display: block; z-index: 2; }

  /** 지점별 이미지 - 청담점 */
  .spe3 .cheongdam-spe3 { position: absolute; top: 31%; right: 0; width: 400px; height: 360px; background: url(/img/cheongdam_3_2.png) no-repeat; background-size: contain; display: block; }
  .spe3 .cheongdam-svg2 { position: absolute; bottom: -0px; left: 0; width: 100%; height: 300px; background: url(/img/cheongdam_obj_2.png) no-repeat; background-size: contain; display: block; z-index: 2; }

  .profile .inner { padding-top: 90px; }
  .profile .tit-inner { width: 90%; margin: 0 auto; font-size: 30px; line-height: 42px; }
  .profile .sliderBox { width: 90%; margin: 30px auto 0; }
  .profile .m4-slider { width: 3120px; overflow: hidden; }
  .profile .swiper-slide { width: 1200px; display: flex; justify-content: flex-start; align-items: flex-start; }
  .profile .swiper-slide .docimg { position: relative; width: 200px; height: 296px; }
  .profile .swiper-slide .docimg .name { position: absolute; bottom: 0; width: 100%; padding: 20px 0; text-align: center; background-color: rgba(0, 0, 0, .7); transition: all .3s ease-out; }
  .profile .swiper-slide .docimg .name > em{ font-style: normal; font-size: 12px; color: #f6ead9; font-weight: 700; opacity: .5; }
  .profile .swiper-slide .docimg .name > h4{ font-style: normal; font-size: 18px; color: #f6ead9; font-weight: 800; letter-spacing: -1px; }
  .profile .swiper-slide > ol{ width: 220px; margin-left: 30px; }
  .profile .swiper-slide > ol:last-child{ margin-left: 20px; }
  .profile .swiper-slide > ol > li{ font-size: 12px; line-height: 18px; padding-left: 10px; margin-bottom: 10px; }
  .profile .swiper-slide > ol > li:last-child{ margin-bottom: 0; }
  .profile .swiper-slide > ol > li > span{ position: absolute; top: 12px; left: 0; width: 5px; height: 5px; background: url(/img/blit_net_prlist.png) no-repeat; }
  .profile .swiper-slide > ol > li > strong{ font-size: 14px; font-weight: 700; }

  .m4-control{ position: absolute; left: 85%; top: 20%; transform: translateY(-50%); width: 80px; height: 30px; display: flex; align-items: center; justify-content: space-between; z-index: 10; }
  .m4-control > div{ width: 29px; height: 29px; cursor: pointer; opacity: 0.5; transition: all 0.2s ease-in-out; }

  .location { position: relative; width: 100%; overflow: hidden; background-color: #0a0a0a; padding: 120px 0 100px; }
  .location .inner { width: 90%; margin: 0 auto; }
  .location .inner > ul{ display: flex; justify-content: space-between; align-items: stretch; flex-wrap: wrap; }
  .location .inner .mapbox .bgBoxWide { width: 100%; height: 870px; }
  .location .inner .mapbox .root_daum_roughmap { width: 100%; }
  .location .inner .mapbox .wrap_controllers { display: none; }
  .location .inner .mapbox .wrap_map { border: 0px; }

  .location .inner .mapbox { display: none; }

  .location .inner .info { width: 100%; margin-left: 0; }
  .location .inner .info > div{ position: relative; border-bottom: 1px solid #333; padding: 20px 0; }
  .location .inner .info > div:first-child{ padding-top: 0; }
  .location .inner .info > div:last-child{ border-bottom: 0; }
  .location .inner .info > div > h2{ font-size: 28px; color: #f6ead9; font-weight: 700; margin-bottom: 10px; }
  .location .inner .info > div > p{ width: 70%; font-size: 14px; line-height: 22px; margin-bottom: 8px; word-break: keep-all; }
  .location .inner .info > div > p:last-child{ margin-bottom: 0; }
  .location .inner .info > div > h4{ font-size: 18px; margin-bottom: 10px; }
  .location .inner .info .lable > li{ font-size: 14px;line-height: 22px; margin-bottom: 6px; }
  .location .inner .info > div > .insta{ position: absolute; right: 0; top: 50%; transform: translateY(-50%); display: block; width: 72px; background: url(/img/ico_insta.svg) no-repeat top center; background-size: contain; padding-top: 80px; font-size: 13px; color: #f6ead9; text-align: center; }

  .location .inner .price { width: 100%; margin-left: 0; padding: 20px 0 0 }

  /*! Signature */

  .jewal .txtwrap > h2{ font-size: 36px; }
  .jewal .txtwrap > p{ font-size: 16px; line-height: 26px; margin-top: 20px; }

  .titles .txtwrap > h4{ font-size: 18px; }
  .titles .txtwrap > h2{ font-size: 36px; margin-top: 10px; }
  .titles .txtwrap > p{ font-size: 14px; line-height: 22px; margin-top: 20px; }


  .acordian { position: relative; width: 100%; height: 100vh; padding-top: 150px; }
  .acordian .inner > ul{ width: 90%; margin: 0 auto; }

  .acordian ul li .tit{ display: flex; align-items: center; justify-content: space-between; padding: 25px 20px 25px 20px; cursor: pointer; }
  .acordian ul li .tit .left h3{ display: inline-block; font-size: 24px; font-weight: 700; color: #333; letter-spacing: -0.5px; vertical-align: 3px; transition: all 0.3s ease-in-out; }
  .acordian ul li .tit .right{ position: relative; width: 20px; height: 20px; }
  .acordian ul li .tit .right .line{ position: absolute; left: 0; top: 0; display: block; width: 20px; height: 20px; background: url(/img/qa_arrow_off.png) no-repeat center center; background-size: contain; transition: all 0.3s ease-in-out; }
  .acordian ul li .tit .right .line:last-of-type{ transform: rotate(90deg); }
  .acordian ul li .cont{ display: none; width: 93%; padding: 0px 0px 45px 200px; margin-top: -38px; }
  .acordian ul li .cont span{ display: block; margin-bottom: 30px; animation: icoupdown 3s ease-in-out infinite; }
  .acordian ul li .cont p{ font-size: 14px; font-weight: 400; color: #f6ead9; letter-spacing: -0.5px; line-height: 22px; margin-bottom: 35px; word-break: keep-all; }



  /** newnormal */
  .acordian ul li .cont .signature1-1 { width: 137px; height: 122px; background: url(/img/s1_icon_1.svg) no-repeat; }
  .acordian ul li .cont .signature1-2 { width: 107px; height: 122px; background: url(/img/s1_icon_2.svg) no-repeat; }
  .acordian ul li .cont .signature1-3 { width: 113px; height: 113px; background: url(/img/s1_icon_3.svg) no-repeat; }

  /** balance */
  .acordian ul li .cont .signature2-1 { width: 131px; height: 94px; background: url(/img/s2_icon_1.svg) no-repeat; }
  .acordian ul li .cont .signature2-2 { width: 132px; height: 99px; background: url(/img/s2_icon_2.svg) no-repeat; }
  .acordian ul li .cont .signature2-3 { width: 113px; height: 113px; background: url(/img/s2_icon_3.svg) no-repeat; }

  /** oneday */
  .acordian ul li .cont .signature3-1 { width: 116px; height: 122px; background: url(/img/s3_icon_1.svg) no-repeat; }
  .acordian ul li .cont .signature3-2 { width: 132px; height: 99px; background: url(/img/s3_icon_2.svg) no-repeat; }
  .acordian ul li .cont .signature3-3 { width: 107px; height: 122px; background: url(/img/s3_icon_3.svg) no-repeat; }

  /** custom */
  .acordian ul li .cont .signature4-1 { width: 142px; height: 121px; background: url(/img/s4_icon_1.svg) no-repeat; }
  .acordian ul li .cont .signature4-2 { width: 122px; height: 122px; background: url(/img/s4_icon_2.svg) no-repeat; }
  .acordian ul li .cont .signature4-3 { width: 113px; height: 113px; background: url(/img/s4_icon_3.svg) no-repeat; }

  /** facial */
  .acordian ul li .cont .signature5-1 { width: 107px; height: 122px; background: url(/img/s5_icon_1.svg) no-repeat; }
  .acordian ul li .cont .signature5-2 { width: 123px; height: 123px; background: url(/img/s5_icon_2.svg) no-repeat; }
  .acordian ul li .cont .signature5-3 { width: 107px; height: 122px; background: url(/img/s5_icon_3.svg) no-repeat; }

  /** medical */
  .acordian ul li .cont .signature6-1 { width: 104px; height: 117px; background: url(/img/s6_icon_1.svg) no-repeat; }
  .acordian ul li .cont .signature6-2 { width: 132px; height: 79px; background: url(/img/s6_icon_2.svg) no-repeat; }
  .acordian ul li .cont .signature6-3 { width: 113px; height: 113px; background: url(/img/s6_icon_3.svg) no-repeat; }


  /* ? hover */
  .acordian ul li:hover .tit .left h3{ color: #f6ead9; }

  /* ? on */
  .acordian ul li.on{ border-top: 1px solid #f6ead9; border-bottom: 1px solid #f6ead9; }
  .acordian ul li.on .tit .left h3{ color: #f6ead9; }
  .acordian ul li.on .tit .left span{ color: #f6ead9; }
  .acordian ul li.on .tit .right .line{ background: url(/img/qa_arrow_on.png) no-repeat center center; background-size: contain; }
  .acordian ul li.on .tit .right .line:last-of-type{ transform: rotate(180deg); }


  .core { position: relative; width: 100%; height: 100vh; }
  .core .inner > ul{ width: 90%; margin: 0 auto; display: flex; justify-content: space-between; align-items: center; }
  .core .inner > ul > li{ width: 25%; text-align: center; border-left: 1px solid #f6ead9; padding: 90px 0; }
  .core .inner > ul > li:last-of-type{ border-right: 1px solid #f6ead9; }
  .core .inner > ul > li > div{ transition: all .3s ease-out; }
  .core .inner > ul > li > p{ font-size: 16px; line-height: 24px; margin-top: 30px; }


  /** newnormal */
  .core .inner > ul > li .signature1-4 { width: 123px; height: 82px; background: url(/img/s1_icon_4.svg) no-repeat; }
  .core .inner > ul > li .signature1-5 { width: 74px; height: 81px; background: url(/img/s1_icon_5.svg) no-repeat; }
  .core .inner > ul > li .signature1-6 { width: 109px; height: 81px; background: url(/img/s1_icon_6.svg) no-repeat; }
  .core .inner > ul > li .signature1-7 { width: 98px; height: 82px; background: url(/img/s1_icon_7.svg) no-repeat; }

  /** balance */
  .core .inner > ul > li .signature2-4 { width: 77px; height: 82px; background: url(/img/s2_icon_4.svg) no-repeat; }
  .core .inner > ul > li .signature2-5 { width: 74px; height: 81px; background: url(/img/s2_icon_5.svg) no-repeat; }
  .core .inner > ul > li .signature2-6 { width: 109px; height: 81px; background: url(/img/s2_icon_6.svg) no-repeat; }
  .core .inner > ul > li .signature2-7 { width: 102px; height: 81px; background: url(/img/s2_icon_7.svg) no-repeat; }

  /** oneday */
  .core .inner > ul > li .signature3-4 { width: 108px; height: 82px; background: url(/img/s3_icon_4.svg) no-repeat; }
  .core .inner > ul > li .signature3-5 { width: 74px; height: 81px; background: url(/img/s3_icon_5.svg) no-repeat; }
  .core .inner > ul > li .signature3-6 { width: 101px; height: 82px; background: url(/img/s3_icon_6.svg) no-repeat; }
  .core .inner > ul > li .signature3-7 { width: 102px; height: 81px; background: url(/img/s3_icon_7.svg) no-repeat; }

  /** custom */
  .core .inner > ul > li .signature4-4 { width: 123px; height: 82px; background: url(/img/s4_icon_4.svg) no-repeat; }
  .core .inner > ul > li .signature4-5 { width: 74px; height: 81px; background: url(/img/s4_icon_5.svg) no-repeat; }
  .core .inner > ul > li .signature4-6 { width: 107px; height: 83px; background: url(/img/s4_icon_6.svg) no-repeat; }
  .core .inner > ul > li .signature4-7 { width: 102px; height: 81px; background: url(/img/s4_icon_7.svg) no-repeat; }

  /** facial */
  .core .inner > ul > li .signature5-4 { width: 123px; height: 82px; background: url(/img/s5_icon_4.svg) no-repeat; }
  .core .inner > ul > li .signature5-5 { width: 83px; height: 83px; background: url(/img/s5_icon_5.svg) no-repeat; }
  .core .inner > ul > li .signature5-6 { width: 89px; height: 81px; background: url(/img/s5_icon_6.svg) no-repeat; }
  .core .inner > ul > li .signature5-7 { width: 102px; height: 81px; background: url(/img/s5_icon_7.svg) no-repeat; }

  /** medical */
  .core .inner > ul > li .signature6-4 { width: 82px; height: 82px; background: url(/img/s6_icon_4.svg) no-repeat; }
  .core .inner > ul > li .signature6-5 { width: 74px; height: 81px; background: url(/img/s6_icon_5.svg) no-repeat; }
  .core .inner > ul > li .signature6-6 { width: 107px; height: 83px; background: url(/img/s6_icon_6.svg) no-repeat; }
  .core .inner > ul > li .signature6-7 { width: 102px; height: 81px; background: url(/img/s6_icon_7.svg) no-repeat; }


  /* ? hover */
  .core .inner > ul > li:hover > div{ transform: translateY(-20px); }


  /*! Catalog */
  .catalog-visual { position: relative; overflow: hidden; }
  .catal .inner { width: 100%; height: 300px; padding-top: 130px; background: url(/img/bg_visual_catal.png) no-repeat; background-size: cover; }
  .catalog-visual .inner { animation: bgScale 1.5s ease-out 1 forwards; }
  .catalog-visual .inner > h2{ font-size: 36px; color: #fff; font-weight: 700; width: max-content; margin: 0 auto; }
  .catalog-visual .inner > p{ font-size: 14px; color: #fff; line-height: 22px; letter-spacing: -1px; width: max-content; margin: 10px auto 0; text-align: center; }

  .catal-contents { position: relative; padding: 100px 0; }
  .catal-contents .inner { width: 90%; margin: 0 auto; text-align: center; min-height: 400px; }
  .catal-contents .inner > h2{ font-size: 45px; font-weight: 700; margin-bottom: 70px; }
  .catal-contents .inner > ul{ display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; }
  .catal-contents .inner > ul > li{ width: 32%; text-align: center; margin-right: 2%; }
  .catal-contents .inner > ul > li:nth-child(3n){ margin-right: 0;  }
  .catal-contents .inner > ul > li:nth-child(n+4){ margin-top: 60px; }
  .catal-contents .inner > ul > li > p{ font-size: 14px; font-weight: 700px; margin-top: 15px; letter-spacing: -1px; }
  .catal-contents .inner .thumb-img { position: relative; overflow: hidden; }
  .catal-contents .inner .thumb-img > img{ width: 100%; height: auto; }
  .catal-contents .inner .thumb-img > span{ position: absolute; display: block; top: 0; width: 100%; height: 0; background: rgba(0, 0, 0, .6); transition: all .5s ease-out; }
  .catal-contents .inner .thumb-img > a{ position: absolute; display: inline-block; top: 50%; left: 50%; transform: translate(-50%,-50%); border: 1px solid #fff; font-size: 13px; width: max-content; color: #fff; font-weight: 500; padding: 10px 10px; text-align: center; transition: all .3s ease-out; opacity: 0; z-index: 10; }

  /*? hover */
  .catal-contents .inner .thumb-img:hover > span{ height: 100%; }
  .catal-contents .inner .thumb-img:hover > a{ opacity: 1; }
  .catal-contents .inner .thumb-img > a:hover{ background-color: rgba(255, 255, 255, .4); }



  /*! Footer */
  #ft { width: 100%; background-color: #0a0a0a; border-top: 1px solid #3e3e3e; padding: 40px 0 45px; overflow: hidden; }
  #ft .inner { width: 90%; margin: 0 auto; display: flex; justify-content: flex-start; align-items: center; }
  #ft .inner .logo_ft { display: none; }
  #ft .inner .logo_call { display: none; }
  #ft .inner > ul{ border-left: 0; padding-left: 0; padding-right: 80px; }
  #ft .inner > ul > li{ display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; margin-bottom: 5px; }
  #ft .inner > ul > li:last-child{ margin-bottom: 0; margin-top: 25px; }
  #ft .inner > ul > li > p{ font-size: 12px; color: #aaa; line-height: 20px; margin-right: 20px; word-break: keep-all; }
  #ft .inner > ul > li > p:last-child{ margin-right: 0; }

  #ft .inner > div{ padding-right: 0; }
  #ft .inner .store-name { text-align: left; }

}


.pc {}

/*! Mobile 767 */
@media screen and (max-width: 767px){

.pc {display: none}
.mobile {display: inline-block}

/*! Header */

/** Mobile GNB */
.mhd_bar { width: 100%; height: 65px; display: flex; justify-content: space-between; align-items: center; background: #0a0806; padding: 0 3%; }
.mhd_wrap #logo a{ display: inline-block; width: 73px; height: 45px; background: url(/img/logo_gnb.svg) no-repeat center center; background-size: contain; text-indent: -9999px; }
.mhd_wrap #mgnb{ position: fixed; right: -100%; top: 64px; width: 100%; height: calc(100vh - 64px); min-height: 500px; display: flex; background: #0a0806; transition: all 0.3s ease-out; }
.mhd_wrap #mgnb.active{ right: 0; }
.mhd_wrap #mgnb .mhd_nav{ width: 100%; }
.mhd_wrap #mgnb .mhd_nav ul{ padding: 0 4%; }
.mhd_wrap #mgnb .mhd_nav ul > li{ border-bottom: 1px solid #242424; }
.mhd_wrap #mgnb .mhd_nav ul > li .mgtit{ font-size: 18px; line-height: 50px; padding: 15px 30px; }
.mhd_wrap #mgnb .mhd_nav ul > li .mgtit:hover,
.mhd_wrap #mgnb .mhd_nav ul > li .mgtit.on{ color: #f6ead9; }
.mhd_wrap #mgnb .mhd_nav ul > li ol{ display: none; padding: 0 30px 20px; }
.mhd_wrap #mgnb .mhd_nav ul > li ol li{ flex-wrap: wrap; }
.mhd_wrap #mgnb .mhd_nav ul > li ol li a{ font-size: 13px; line-height: 27px; margin-right: 25px; word-break: keep-all; transition: all 0.2s ease-in-out; }
.mhd_wrap #mgnb .mhd_nav ul > li ol li a:last-child{ margin-right: 0; }


/*! Index */

/** Visual **/
.mvisual .visualcopy { left: 50%; top: 50%; transform: translate(-50%,-50%); }
.mvisual .visualcopy h2{ font-size: 24px; line-height: 40px; text-align: center; width: 350px; word-break: keep-all; }

.mvisual > .swiper-container { position: relative; height: 100%; z-index: 20; }
.mvisual > .swiper-container { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #000; }
.mvisual > .swiper-container ul{ width: 100%; height: 100%; }
.mvisual > .swiper-container ul li{ position: relative; width: 100%; height: 100%; }
.mvisual > .swiper-container ul li .video{ position: relative; width: 100%; height: 100%; transition: all 8s ease-out; }
.mvisual > .swiper-container ul li .video > span{ position: absolute; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .5); z-index: 21; display: block; }
.mvisual > .swiper-container ul li .video video{ width: 100%; height: 100%; object-fit: cover; }

/*? active */
.swiper-slide-active .visualcopy h2{ opacity: 0; animation: moveUp 1.2s ease-in-out 1 forwards 1s; }


/** networks */

.networks { position: relative; width: 100%; height: 100vh; overflow: hidden; background-color: #0a0a0a; }
.networks > div > ul{ padding-top: 0; }
.networks > div > ul > li{ display: flex; justify-content: flex-start; align-items: center; width: 4960px; }
.networks > div > ul > li > a{ position: relative; width: 300px; height: 240px; display: block; margin-left: 10px; }
.networks > div > ul > li > a:first-of-type{ margin-left: 0; }
.networks > div > ul > li > a > h4{ position: absolute; bottom: 19%; left: 40px; font-size: 20px; color: #f6ead9; font-weight: 700; letter-spacing: -1px; }
.networks > div > ul > li > a > p{ position: absolute; bottom: 9%; left: 40px; font-size: 12px; color: #f6ead9; letter-spacing: -1px; }
.networks .agu { background: url(/img/img_m2_1.png) no-repeat center center; background-size: contain; }
.networks .the { background: url(/img/img_m2_2.png) no-repeat center center; background-size: contain; }
.networks .ch { background: url(/img/img_m2_3.png) no-repeat center center; background-size: contain; }
.networks .ils { background: url(/img/img_m2_4.png) no-repeat center center; background-size: contain; }
.networks .pan { background: url(/img/img_m2_5.png) no-repeat center center; background-size: contain; }
.networks .uls { background: url(/img/img_m2_6.png) no-repeat center center; background-size: contain; }
.networks .lon { background: url(/img/img_m2_7.png) no-repeat center center; background-size: contain; }
.networks .mac { background: url(/img/img_m2_8.png) no-repeat center center; background-size: contain; }
.networks .jamsillottehotel { background: url(/img/img_m2_9.png) no-repeat center center; background-size: contain;  }
.networks .cheongdam { background: url(/img/img_m2_10.png) no-repeat center center; background-size: contain;  }


/*? maquee */
.networks > div > ul > li { width: 4960px; animation: maquee 60s linear infinite; }
.networks > div > ul > li:hover{ animation-play-state: paused; }


/** signature */

.signature_main { position: relative; width: 100%; height: 100vh; background-color: #0a0a0a; padding: 0; }
.signature_main > div > ul{ width: 100%; height: 100%; display: flex; justify-content: space-between; align-items: baseline; flex-wrap: wrap; padding-top: 65px; }
.signature_main > div > ul > li{ position: relative; width: 49.5%; height: 33%; transition: all .3s ease-out; }
.signature_main > ul > li:nth-of-type(n+3){ margin-top: 0.5%; }
.signature_main > ul > li > a > span{ width: 100%; height: 100%; display: block; background-color: rgba(0, 0, 0, .4); transition: all .3s ease-out; }
.signature_main .dftxt{ position: absolute; bottom: 20px; font-size: 18px; word-break: keep-all; padding: 0 5px; }
.signature_main .ovtxt{ position: absolute; bottom: 40px; padding: 0 50px; }
.signature_main .ovtxt > p{ font-size: 14px; line-height: 20px; }
.signature_main .newnormal { background: url(/img/img_m3_1.png) no-repeat center center; background-size: auto 100%; }
.signature_main .balance { background: url(/img/img_m3_2.png) no-repeat center center; background-size: auto 100%; }
.signature_main .oneday { background: url(/img/img_m3_3.png) no-repeat top center; background-size: auto 100%; }
.signature_main .custom { background: url(/img/img_m3_5.png) no-repeat bottom center; background-size: auto 100%; }
.signature_main .facial { background: url(/img/img_m3_4.png) no-repeat center center; background-size: auto 100%; }
.signature_main .medical { background: url(/img/img_m3_6.png) no-repeat center center; background-size: auto 100%; }

.signature_main > ul > li:hover .dftxt{ transform: translateY(0px); }
.signature_main > ul > li:hover .ovtxt{ opacity: 0; transform: translateY(-10px); transition-delay: .2s; }
.signature_main > ul > li:hover > a > span{ opacity: 0; }



/** emblem */
.emblem .txtwrap > p{ width: 80% !important; font-size: 24px; line-height: 40px; width: max-content; text-align: center; word-break: keep-all; }
.emblem .video video{ width: 100%; height: 100%; object-fit: none; }

/** members */
.members .txtwrap { font-size: 30px; }
.members .inner { width: 100%; height: 100%; background-color: #0a0a0a; }
.members .set9 .m525 { width: 100%; height: 100%; background: url(/img/img_m5_25.png) no-repeat; background-size: contain; }

.members .photos { opacity: 0; position: absolute; bottom: 500px; width: 100%; transition: all .5s ease-out; }
.members .photos > ul{ width: 100%; height: 250px; display: flex; justify-content: space-between; align-items: flex-start; padding: 0 2%; margin-top: 50px; }
.members .photos > ul:first-of-type{ margin-top: 0; }
.members .photos > ul > li{ width: 110px; height: 132px; background-size: contain; }
.members .photos > ul > li:first-of-type{ margin-top: 90px; }
.members .photos > ul > li:last-of-type{ margin-top: 90px; }



/*! Maylin */

/** Maylin */
.maylin-h2 { font-size: 27px; }

.brand { position: relative; width: 100%; height: 100vh; overflow: hidden; background: url(/img/img_maylin1.png) no-repeat center center; background-size: cover; }
.brand { animation: bgScale 1.5s ease-out 1 forwards; }
.brand > div{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }

.may-lin { position: relative; width: 100%; height: 100vh; overflow: hidden; display: flex; justify-content: space-between; align-items: center; }
.may-lin .may { position: relative; width: 100%; height: 50%; overflow: hidden; text-align: center; cursor: pointer; }
.may-lin .txtwrap { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 2; }
.may-lin h2{ display: inline-block; width: fit-content; transition: all .1s ease-out; transform: translateY(-40px); }
.may-lin p{ font-size: 20px; opacity: 1; transition: all .7s ease-out; }
.may-lin .may .shade { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .5); z-index: 1; display: block; transition: all .7s ease-out; }
.may-lin .may .bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(/img/img_maylin2.png) no-repeat center center; background-size: 100% 150%; display: block; transition: all 1s ease-out; }
.may-lin .lin { position: relative; width: 100%; height: 50%; overflow: hidden; text-align: center; cursor: pointer; }
.may-lin .lin .shade { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .5); z-index: 1; display: block; transition: all .7s ease-out; }
.may-lin .lin .bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(/img/img_maylin3.png) no-repeat center center; background-size: 100% 150%; display: block; transition: all 1s ease-out; }

.may-lin .inner { flex-wrap: wrap; padding-top: 65px; }
.may-lin .txtwrap > p{ opacity: 1; font-size: 20px; }

/*? hover */
.may-lin > div:hover{ pointer-events: none; }
.may-lin > div:hover > span{ opacity: .1; }
.may-lin > div:hover .bg { transform: scale(1); }
.may-lin > div:hover .txtwrap > p{ opacity: 1; transition-delay: .5s; }
.may-lin > div:hover .txtwrap > h2{ transform: translateY(-40px); }

.symbol { position: relative; width: 100%; height: 100vh; overflow: hidden; background: url(/img/bg_maylin4.png) repeat; }
.symbol .inner { position: relative; width: 90%; height: 100%; margin: 0 auto; }
.symbol .inner > div{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }
.symbol .inner .logo-gnb{ width: 250px; height: 154px; background: url(/img/logo_gnb.svg) no-repeat; background-size: contain; }
.symbol .inner .syl-img{ width: 250px; height: 36px; background: url(/img/img_maylin4.png) no-repeat; background-size: contain; margin-top: 55px; }
.symbol .inner > div > p{ font-size: 14px; line-height: 22px; margin-top: 50px; text-align: center; word-break: keep-all; }
.symbol .inner > div > p > br{ display: none; }

.trigger1 .bgtxt1 { width: 90%; top: 70%; text-align: center; font-size: 24px; line-height: 40px; word-break: keep-all; }
.trigger2 .bgtxt2 { width: 90%; top: 70%; text-align: center; font-size: 24px; line-height: 40px; word-break: keep-all; }
.trigger3 .bgtxt3 { width: 90%; top: 70%; text-align: center; font-size: 24px; line-height: 40px; word-break: keep-all; }
.trigger4 .bgtxt3 > br{ display: none; }

.trigger1 .bg1 { width: 100%; height: 60%; background: url(/img/img_maylin5.png) no-repeat center center; background-size: contain; }
.trigger2 .bg2 { width: 100%; height: 60%; background: url(/img/img_maylin6.png) no-repeat center center; background-size: contain; }
.trigger3 .bg3 { width: 100%; height: 60%; background: url(/img/img_maylin7.png) no-repeat center center; background-size: contain; }


.highend { position: relative; width: 100%; height: 100vh; overflow: hidden; text-align: center; }
.highend .emblem { width: 150px; height: 155px; background: url(/img/img_maylin8.png) no-repeat; margin: 50% auto 30px; background-size: contain; }
.highend .inner > p { width: 90%; margin: 0 auto; font-size: 30px; line-height: 42px; word-break: keep-all; }
.highend .inner > p > br{ display: none; }


/** Doctor */
.doctor { background-color: #0a0a0a; }

.doctor .visual > div > h2{ font-size: 30px; }
.doccon1 { position: relative; width: 100%; height: 40vh; overflow: hidden; background: url(/img/img_doctor2-1.png) no-repeat center center; background-size: contain;  }
.doccon2 { position: relative; width: 100%; height: 40vh; overflow: hidden; background: url(/img/img_doctor3-1.png) no-repeat center center; background-size: contain;  }
.doccon3 { position: relative; width: 100%; height: 40vh; overflow: hidden; background: url(/img/img_doctor4-1.png) no-repeat center center; background-size: contain;  }
.doccon1-txt { position: relative; width: 100%; height: 210px; background-color: #0a0a0a; }
.doccon2-txt { position: relative; width: 100%; height: 210px; background-color: #0a0a0a; }
.doccon3-txt { position: relative; width: 100%; height: 250px; background-color: #0a0a0a; }
.doccon3-txt .inner { position: relative; width: 100%; padding: 0 10%; }
.doctor .inner { position: relative; width: 100%; padding-left: 0 10%; }
.inner > h3{ font-size: 28px; }
.inner > p{ font-size: 14px; line-height: 22px; margin-top: 30px; word-break: keep-all;  }



/*! Network */

.network .visual > div > h2{ font-size: 30px; }
.network .space { width: 100%; margin: 0 auto; }

/** 지점별 이미지 - 압구정 */
.apgujeong .space1 .inner .img1 { position: absolute; top: 80px; left: 0; width: 180px; height: 231px; display: block; background: url(/img/img_apgujeong2.png) no-repeat; background-size: contain; }
.apgujeong .space1 .inner .img2 { position: absolute; top: 380px; right: 0; width: 180px; height: 231px; display: block; background: url(/img/img_apgujeong3.png) no-repeat; background-size: contain; }
.apgujeong .space2 .inner .img3 { position: absolute; top: 80px; left: 0; width: 180px; height: 231px; display: block; background: url(/img/img_apgujeong4.png) no-repeat; background-size: contain; }
.apgujeong .space2 .inner .img4 { position: absolute; top: 380px; right: 0; width: 180px; height: 231px; display: block; background: url(/img/img_apgujeong5.png) no-repeat; background-size: contain; }

/** 지점별 이미지 - 송도 */
.songdo .space1 .inner .img1 { position: absolute; top: 80px; left: 0; width: 180px; height: 231px; display: block; background: url(/img/img_songdo4.png) no-repeat; background-size: contain; }
.songdo .space1 .inner .img2 { position: absolute; top: 380px; right: 0; width: 180px; height: 231px; display: block; background: url(/img/img_songdo5.png) no-repeat; background-size: contain; }
.songdo .space2 .inner .img3 { position: absolute; top: 80px; left: 0; width: 180px; height: 231px; display: block; background: url(/img/img_songdo2.png) no-repeat; background-size: contain; }
.songdo .space2 .inner .img4 { position: absolute; top: 380px; right: 0; width: 180px; height: 231px; display: block; background: url(/img/img_songdo3.png) no-repeat; background-size: contain; }
.songdo .space1 .inner .img5 { position: absolute; top: 80px; left: 0; width: 180px; height: 231px; display: block; background: url(/img/img_songdo6.png) no-repeat; background-size: contain; }
.songdo .space1 .inner .img6 { position: absolute; top: 380px; right: 0; width: 180px; height: 231px; display: block; background: url(/img/img_songdo7.png) no-repeat; background-size: contain; }
.songdo .space2 .inner .img7 { position: absolute; top: 80px; left: 0; width: 180px; height: 231px; display: block; background: url(/img/img_songdo8.png) no-repeat; background-size: contain; }
.songdo .space2 .inner .img8 { position: absolute; top: 380px; right: 0; width: 180px; height: 231px; display: block; background: url(/img/img_songdo9.png) no-repeat; background-size: contain; }
.songdo .space1 .inner .img9 { position: absolute; top: 80px; left: 0; width: 180px; height: 231px; display: block; background: url(/img/img_songdo10.png) no-repeat; background-size: contain; }
.songdo .space1 .inner .img10 { position: absolute; top: 380px; right: 0; width: 180px; height: 231px; display: block; background: url(/img/img_songdo11.png) no-repeat; background-size: contain; }

/** 지점별 이미지 - 더현대 */
.hyundai .space1 .inner .img1 { position: absolute; top: 80px; left: 0; width: 180px; height: 231px; display: block; background: url(/img/the_2_1.png) no-repeat; background-size: contain; }
.hyundai .space1 .inner .img2 { position: absolute; top: 380px; right: 0; width: 180px; height: 231px; display: block; background: url(/img/the_2_2.png) no-repeat; background-size: contain; }
.hyundai .space2 .inner .img3 { position: absolute; top: 80px; left: 0; width: 180px; height: 231px; display: block; background: url(/img/the_2_3.png) no-repeat; background-size: contain; }
.hyundai .space2 .inner .img4 { position: absolute; top: 380px; right: 0; width: 180px; height: 231px; display: block; background: url(/img/the_2_4.png) no-repeat; background-size: contain; }

/** 지점별 이미지 - 천호 */
.cheonho .space1 .inner .img1 { position: absolute; top: 80px; left: 0; width: 180px; height: 231px; display: block; background: url(/img/ch_2_1.png) no-repeat; background-size: contain; }
.cheonho .space1 .inner .img2 { position: absolute; top: 380px; right: 0; width: 180px; height: 231px; display: block; background: url(/img/ch_2_2.png) no-repeat; background-size: contain; }
.cheonho .space2 .inner .img3 { position: absolute; top: 80px; left: 0; width: 180px; height: 231px; display: block; background: url(/img/ch_2_3.png) no-repeat; background-size: contain; }
.cheonho .space2 .inner .img4 { position: absolute; top: 380px; right: 0; width: 180px; height: 231px; display: block; background: url(/img/ch_2_4.png) no-repeat; background-size: contain; }

/** 지점별 이미지 - 일산 */
.ilsan .space1 .inner .img1 { position: absolute; top: 80px; left: 0; width: 180px; height: 231px; display: block; background: url(/img/ils_2_1.png) no-repeat; background-size: contain; }
.ilsan .space1 .inner .img2 { position: absolute; top: 380px; right: 0; width: 180px; height: 231px; display: block; background: url(/img/ils_2_2.png) no-repeat; background-size: contain; }
.ilsan .space2 .inner .img3 { position: absolute; top: 80px; left: 0; width: 180px; height: 231px; display: block; background: url(/img/ils_2_3.png) no-repeat; background-size: contain; }
.ilsan .space2 .inner .img4 { position: absolute; top: 380px; right: 0; width: 180px; height: 231px; display: block; background: url(/img/ils_2_4.png) no-repeat; background-size: contain; }

/** 지점별 이미지 - 판교 */
.pangyo .space1 .inner .img1 { position: absolute; top: 80px; left: 0; width: 180px; height: 231px; display: block; background: url(/img/pan_2_1.png) no-repeat; background-size: contain; }
.pangyo .space1 .inner .img2 { position: absolute; top: 380px; right: 0; width: 180px; height: 231px; display: block; background: url(/img/pan_2_2.png) no-repeat; background-size: contain; }
.pangyo .space2 .inner .img3 { position: absolute; top: 80px; left: 0; width: 180px; height: 231px; display: block; background: url(/img/pan_2_3.png) no-repeat; background-size: contain; }
.pangyo .space2 .inner .img4 { position: absolute; top: 380px; right: 0; width: 180px; height: 231px; display: block; background: url(/img/pan_2_4.png) no-repeat; background-size: contain; }

/** 지점별 이미지 - 울산 */
.ulsan .space1 .inner .img1 { position: absolute; top: 80px; left: 0; width: 180px; height: 231px; display: block; background: url(/img/uls_2_1.png) no-repeat; background-size: contain; }
.ulsan .space1 .inner .img2 { position: absolute; top: 380px; right: 0; width: 180px; height: 231px; display: block; background: url(/img/uls_2_2.png) no-repeat; background-size: contain; }
.ulsan .space2 .inner .img3 { position: absolute; top: 80px; left: 0; width: 180px; height: 231px; display: block; background: url(/img/uls_2_3.png) no-repeat; background-size: contain; }
.ulsan .space2 .inner .img4 { position: absolute; top: 380px; right: 0; width: 180px; height: 231px; display: block; background: url(/img/uls_2_4.png) no-repeat; background-size: contain; }

/** 지점별 이미지 - 마카오 */
.macau .space1 .inner .img1 { position: absolute; top: 80px; left: 0; width: 180px; height: 231px; display: block; background: url(/img/mac_2_1.png) no-repeat; background-size: contain; }
.macau .space1 .inner .img2 { position: absolute; top: 380px; right: 0; width: 180px; height: 231px; display: block; background: url(/img/mac_2_2.png) no-repeat; background-size: contain; }
.macau .space2 .inner .img3 { position: absolute; top: 80px; left: 0; width: 180px; height: 231px; display: block; background: url(/img/mac_2_3.png) no-repeat; background-size: contain; }
.macau .space2 .inner .img4 { position: absolute; top: 380px; right: 0; width: 180px; height: 231px; display: block; background: url(/img/mac_2_4.png) no-repeat; background-size: contain; }

/** 지점별 이미지 - 런던 */
.london .space1 .inner .img1 { position: absolute; top: 80px; left: 0; width: 350px; height: 195px; display: block; background: url(/img/lon_2_1.png) no-repeat; background-size: contain; }
.london .space1 .inner .img2 { position: absolute; top: 380px; right: 0; width: 140px; height: 186px; display: block; background: url(/img/lon_2_2.png) no-repeat; background-size: contain; }
.london .space2 .inner .img3 { position: absolute; top: 80px; left: 0; width: 350px; height: 195px; display: block; background: url(/img/lon_2_3.png) no-repeat; background-size: contain; }
.london .space2 .inner .img4 { position: absolute; top: 380px; right: 0; width: 350px; height: 214px; display: block; background: url(/img/lon_2_4.png) no-repeat; background-size: contain; }

/** 지점별 이미지 - 잠실 */
.jamsillosdehotel .space1 .inner .img1 { position: absolute; top: 80px; left: 0; width: 180px; height: 231px; display: block; background: url(/img/img_jamsillosdehotel2.png) no-repeat; background-size: contain; }
.jamsillosdehotel .space1 .inner .img2 { position: absolute; top: 380px; right: 0; width: 180px; height: 231px; display: block; background: url(/img/img_jamsillosdehotel3.png) no-repeat; background-size: contain; }
.jamsillosdehotel .space2 .inner .img3 { position: absolute; top: 80px; left: 0; width: 180px; height: 231px; display: block; background: url(/img/img_jamsillosdehotel4.png) no-repeat; background-size: contain; }
.jamsillosdehotel .space2 .inner .img4 { position: absolute; top: 380px; right: 0; width: 180px; height: 231px; display: block; background: url(/img/img_jamsillosdehotel5.png) no-repeat; background-size: contain; }

/** 지점별 이미지 - 대구 */
.daegu .space1 .inner .img1 { position: absolute; top: 80px; left: 0; width: 280px; height: 320px; display: block; background-size: contain; }
.daegu .space1 .inner .img2 { position: absolute; top: 420px; right: 0; width: 280px; height: 320px; display: block; background-size: contain; }
.daegu .space2 .inner .img3 { position: absolute; top: 80px; left: 0; width: 280px; height: 320px; display: block;  background-size: contain; }
.daegu .space2 .inner .img4 { position: absolute; top: 420px; right: 0; width: 280px; height: 320px; display: block; background-size: contain; }

/** 지점별 이미지 - 청담점 
.cheongdam .space1 .inner .img1 { position: absolute; top: 80px; left: 0; width: 180px; height: 231px; display: block; background: url(/img/img_cheongdam2.png) no-repeat; background-size: contain; }
.cheongdam .space1 .inner .img2 { position: absolute; top: 380px; right: 0; width: 180px; height: 231px; display: block; background: url(/img/img_cheongdam3.png) no-repeat; background-size: contain; }
.cheongdam .space2 .inner .img3 { position: absolute; top: 80px; left: 0; width: 180px; height: 231px; display: block; background: url(/img/img_cheongdam4.png) no-repeat; background-size: contain; }
.cheongdam .space2 .inner .img4 { position: absolute; top: 380px; right: 0; width: 180px; height: 231px; display: block; background: url(/img/img_cheongdam5.png) no-repeat; background-size: contain; }
*/

/** 지점별 이미지 - 반포 */

.network.cheongdam .space1 .inner .txt1 {font-size: 22px; letter-spacing: -2px;}
.network.cheongdam .space2 .inner .txt2 {font-size: 22px; letter-spacing: -2px;}

.cheongdam .space1 .inner .img1 { width: 100%; height: 50%; background-size: 100% auto; background-position: center center}
.cheongdam .space1 .inner .img2 { top: 50%; width: 100%; height: 50%; background-size: 100% auto; background-position: center center }
.cheongdam .space2 .inner .img3 { width: 100%; height: 50%; background-size: 100% auto; background-position: center center }
.cheongdam .space2 .inner .img4 { top: 50%; width: 100%; height: 50%; background-size: 100% auto; background-position: center center }

.network.banpo .space1 .inner .txt1 {font-size: 20px; letter-spacing: -2px;}
.network.banpo .space2 .inner .txt2 {font-size: 20px; letter-spacing: -1px;}

.network.songdo .space1 .inner .txt1 {font-size: 20px; letter-spacing: -2px;}
.network.songdo .space2 .inner .txt2 {font-size: 20px; letter-spacing: -1px;}

.banpo .space1 .inner .img1 { width: 100%; height: 50%; background-size: 100% auto; background-position: center center}
.banpo .space1 .inner .img2 { top: 50%; width: 100%; height: 50%; background-size: 100% auto; background-position: center center }
.banpo .space2 .inner .img3 { width: 100%; height: 50%; background-size: 100% auto; background-position: center center }
.banpo .space2 .inner .img4 { top: 50%; width: 100%; height: 50%; background-size: 100% auto; background-position: center center }

.network.seongsu .space1 .inner .txt1 {font-size: 22px; letter-spacing: -2px; padding: 0 30px}
.network.seongsu .space2 .inner .txt2 {font-size: 22px; letter-spacing: -2px; padding: 0 30px}

.seongsu .space1 .inner .img1 { width: 100%; height: 50%; background-size: 100% auto; background-position: center center}
.seongsu .space1 .inner .img2 { top: 50%; width: 100%; height: 50%; background-size: 100% auto; background-position: center center }
.seongsu .space2 .inner .img3 { width: 100%; height: 50%; background-size: 100% auto; background-position: center center }
.seongsu .space2 .inner .img4 { top: 50%; width: 100%; height: 50%; background-size: 100% auto; background-position: center center }

.network .space1 .inner .txt1 { width: 90%; font-size: 20px; line-height: 32px; word-break: keep-all; letter-spacing: -1.5px; }
.network .space2 .inner .txt2 { width: 90%; font-size: 20px; line-height: 32px; word-break: keep-all; letter-spacing: -1.5px; }





.london { margin-top: 0 !important; }
.special .inner { position: relative; width: 90%; height: 100vh; padding-top: 70px; }
.special .inner > h2{ font-size: 20px; }
.special .inner > ul{ margin-top: 20px; flex-direction: column; justify-content: center; align-items: center; }
.special .inner > ul > li{ width: 200px; height: 200px; font-size: 15px; line-height: 21px; padding-top: 80px; margin-right: 0; margin-top: -50px;  }
.special .inner > ul > li:first-of-type{ margin-top: 0; }
.special .inner .line3 { padding-top: 70px; }
.special .back-roll { display: none; }


.spe1 .inner { width: 90%; margin: 0 auto; padding-top: 180px; }
.spe1 .inner > h4{ font-size: 14px; }
.spe1 .inner > h2{ font-size: 22px; margin-top: 10px; }
.spe1 .inner > p{ font-size: 12px; line-height: 20px; margin-top: 20px; word-break: keep-all; }
.spe1 .inner > p > br{ display: none; }

.banpo .spe1 .inner > p > br{ display: inline-block; }

.songdo .spe1 .inner > p > br{ display: inline-block; }


/** 지점별 이미지 - 압구정 */
.apgujeong .spe1 > div > span{ position: absolute; top: 65px; right: 0; width: 100%; height: 240px; background: url(/img/img_apgujeong7.png) no-repeat center center; background-size: cover; display: block; }

/** 지점별 이미지 - 더현대 */
.hyundai .spe1 > div > span{ position: absolute; top: 65px; right: 0; width: 100%; height: 240px; background: url(/img/the_3_1.png) no-repeat center center; background-size: cover; display: block; }

/** 지점별 이미지 - 천호 */
.cheonho .spe1 > div > span{ position: absolute; top: 65px; right: 0; width: 100%; height: 240px; background: url(/img/ch_3_1.png) no-repeat center center; background-size: cover; display: block; }

/** 지점별 이미지 - 일산 */
.ilsan .spe1 > div > span{ position: absolute; top: 65px; right: 0; width: 100%; height: 240px; background: url(/img/ils_3_1.png) no-repeat center center; background-size: cover; display: block; }

/** 지점별 이미지 - 판교 */
.pangyo .spe1 > div > span{ position: absolute; top: 65px; right: 0; width: 100%; height: 240px; background: url(/img/pan_3_1.png) no-repeat center center; background-size: cover; display: block; }

/** 지점별 이미지 - 울산 */
.ulsan .spe1 > div > span{ position: absolute; top: 65px; right: 0; width: 100%; height: 240px; background: url(/img/uls_3_1.png) no-repeat center center; background-size: cover; display: block; }

/** 지점별 이미지 - 런던 */
.london .spe1 > div > span{ position: absolute; top: 65px; right: 0; width: 100%; height: 240px; background: url(/img/lon_3_1.png) no-repeat center center; background-size: cover; display: block; }

/** 지점별 이미지 - 마카오 */
.macau .spe1 > div > span{ position: absolute; top: 65px; right: 0; width: 100%; height: 240px; background: url(/img/mac_3_1.png) no-repeat center center; background-size: cover; display: block; }

/** 지점별 이미지 - 잠실점 */
.jamsillosdehotel .spe1 > div > span{ position: absolute; top: 65px; right: 0; width: 100%; height: 240px; background: url(/img/jamsillosdehotel_3_1.png) no-repeat center center; background-size: cover; display: block; }

/** 지점별 이미지 - 청담점 */
.cheongdam .spe1 > div > span{ position: absolute; top: 65px; right: 0; width: 100%; height: 240px; background: url(/img/cheongdam_3_1.png) no-repeat center center; background-size: cover; display: block; }

/** 지점별 이미지 - 반포 */
.banpo .visual { position: relative; width: 100%; height: 100vh; overflow: hidden; background: url(/img/img_banpo1_m.jpg) no-repeat center center; background-size: cover; }

.banpo .spe1 > div > span{ position: absolute; top: 65px; right: 0; width: 100%; height: 240px;  background-size: cover; display: block; }

/** 지점별 이미지 - 성수 */
.seongsu .spe1 > div > span{ position: absolute; top: 65px; right: 0; width: 100%; height: 240px; background-size: cover; display: block; }

/** 지점별 이미지 - 대구 */
.daegu .spe1 > div > span{ position: absolute; top: 65px; right: 0; width: 100%; height: 240px; background-size: cover; display: block; }

/** 지점별 이미지 - 대구 */
.songdo .spe1 > div > span{ position: absolute; top: 65px; right: 0; width: 100%; height: 240px; background-size: cover; display: block; }

/** 지점별 이미지 - 반포 */
.songdo .visual { position: relative; width: 100%; height: 100vh; overflow: hidden; background: url(/img/img_songdo1_m.jpg) no-repeat center center; background-size: cover; }

.spe2 .inner { width: 90%; margin: 0 auto; padding-top: 0; text-align: center; }
.spe2 .inner > h4{ font-size: 14px; }
.spe2 .inner > h2{ font-size: 22px; margin-top: 10px; }
.spe2 .inner > p{ font-size: 12px; line-height: 20px; margin-top: 20px; word-break: keep-all; }
.spe2 .inner > p > br{ display: none; }

.banpo .spe2 .inner > p > br{ display: inline-block; }


/** 지점별 이미지 - 압구정 */
.spe2 .agu-svg1{ position: absolute; bottom: -100px; left: 0; width: 100%; height: 300px; background: url(/img/agu_obj_1.svg) no-repeat; background-size: contain; display: block; }

/** 지점별 이미지 - 더현대 */
.spe2 .the-svg1{ position: absolute; bottom: -480px; left: 0; width: 100%; height: 580px; background: url(/img/the_obj_1.svg) no-repeat; background-size: contain; display: block; }

/** 지점별 이미지 - 천호 */
.spe2 .ch-svg1{ position: absolute; bottom: -350px; left: 0; width: 100%; height: 420px; background: url(/img/ch_obj_1.svg) no-repeat; background-size: contain; display: block; }

/** 지점별 이미지 - 일산 */
.spe2 .ils-svg1{ position: absolute; bottom: -400px; left: 0; width: 100%; height: 500px; background: url(/img/ils_obj_1.svg) no-repeat; background-size: contain; display: block; }

/** 지점별 이미지 - 판교 */
.spe2 .pan-svg1{ position: absolute; bottom: -570px; left: 0; width: 100%; height: 700px; background: url(/img/pan_obj_1.svg) no-repeat; background-size: contain; display: block; }

/** 지점별 이미지 - 울산 */
.spe2 .uls-svg1{ position: absolute; bottom: -550px; left: 0; width: 100%; height: 620px; background: url(/img/uls_obj_1.svg) no-repeat; background-size: contain; display: block; }

/** 지점별 이미지 - 마카오 */
.spe2 .mac-svg1{ position: absolute; bottom: -380px; left: 0; width: 100%; height: 480px; background: url(/img/mac_obj_1.svg) no-repeat; background-size: contain; display: block; }

/** 지점별 이미지 - 잠실점 */
.spe2 .jamsillosdehotel-svg1{ position: absolute; bottom: -350px; left: 0; width: 100%; height: 480px; background: url(/img/jamsillosdehotel_obj_1.png) no-repeat; background-size: contain; display: block; }

/** 지점별 이미지 - 청담점 */
.spe2 .cheongdam-svg1{ position: absolute; bottom: -350px; left: 0; width: 100%; height: 480px; background: url(/img/cheongdam_obj_1.png) no-repeat; background-size: contain; display: block; }

/** 지점별 이미지 - 반포 */
.spe2 .banpo-svg1{ position: absolute; bottom: 0px; left: 0; width: 100%; height: 300px; background-size: contain; display: block; }

/** 지점별 이미지 - 성수 */
.spe2 .seongsu-svg1{ position: absolute; bottom: 0px; left: 0; width: 100%; height: 300px; background-size: 100% auto; background-position: bottom center; display: block; }

/** 지점별 이미지 - 송도 */
.spe2 .songdo-svg1{ position: absolute; bottom: 0px; left: 0; width: 100%; height: 300px; background-size: contain; display: block; }

.spe3 .inner { width: 90%; margin: 0 auto; padding-top: 180px; }
.spe3 .inner > h4{ font-size: 14px; }
.spe3 .inner > h2{ font-size: 22px; margin-top: 10px; }
.spe3 .inner > p{ font-size: 12px; line-height: 20px; margin-top: 20px; word-break: keep-all; }
.spe3 .inner > p > br{ display: none; }

.banpo .spe3 .inner > p > br{ display: inline-block; }


/** 지점별 이미지 - 압구정 */
.spe3 .agu-spe3 { position: absolute; top: 65px; right: 0; width: 100%; height: 240px; background: url(/img/img_apgujeong9.png) no-repeat center center; background-size: cover; display: block; }
.spe3 .agu-svg2 { position: absolute; bottom: -430px; left: 0; width: 100%; height: 500px; background: url(/img/agu_obj_2.svg) no-repeat; background-size: contain; display: block; z-index: 2; }

/** 지점별 이미지 - 더현대 */
.spe3 .the-spe3 { position: absolute; top: 65px; right: 0; width: 100%; height: 240px; background: url(/img/the_3_2.png) no-repeat center center; background-size: cover; display: block; }
.spe3 .the-svg2 { position: absolute; bottom: -380px; left: 0; width: 100%; height: 480px; background: url(/img/the_obj_2.svg) no-repeat; background-size: contain; display: block; z-index: 2; }

/** 지점별 이미지 - 천호 */
.spe3 .ch-spe3 { position: absolute; top: 65px; right: 0; width: 100%; height: 240px; background: url(/img/ch_3_2.png) no-repeat center center; background-size: cover; display: block; }
.spe3 .ch-svg2 { position: absolute; bottom: -250px; left: 0; width: 100%; height: 300px; background: url(/img/ch_obj_2.svg) no-repeat; background-size: contain; display: block; z-index: 2; }

/** 지점별 이미지 - 일산 */
.spe3 .ils-spe3 { position: absolute; top: 65px; right: 0; width: 100%; height: 240px; background: url(/img/ils_3_2.png) no-repeat center center; background-size: cover; display: block; }
.spe3 .ils-svg2 { position: absolute; bottom: -320px; left: 0; width: 100%; height: 400px; background: url(/img/ils_obj_2.svg) no-repeat; background-size: contain; display: block; z-index: 2; }

/** 지점별 이미지 - 판교 */
.spe3 .pan-spe3 { position: absolute; top: 65px; right: 0; width: 100%; height: 240px; background: url(/img/pan_3_2.png) no-repeat center center; background-size: cover; display: block; }
.spe3 .pan-svg2 { position: absolute; bottom: -300px; left: 0; width: 100%; height: 350px; background: url(/img/pan_obj_2.svg) no-repeat; background-size: contain; display: block; z-index: 2; }

/** 지점별 이미지 - 울산 */
.spe3 .uls-spe3 { position: absolute; top: 65px; right: 0; width: 100%; height: 240px; background: url(/img/uls_3_2.png) no-repeat center center; background-size: cover; display: block; }
.spe3 .uls-svg2 { position: absolute; bottom: -300px; left: 0; width: 100%; height: 400px; background: url(/img/uls_obj_2.svg) no-repeat; background-size: contain; display: block; z-index: 2; }

/** 지점별 이미지 - 런던 */
.spe3 .lon-spe3 { position: absolute; top: 65px; right: 0; width: 100%; height: 240px; background: url(/img/lon_3_2.png) no-repeat center center; background-size: cover; display: block; }
.spe3 .lon-svg2 { position: absolute; bottom: -320px; left: 0; width: 100%; height: 380px; background: url(/img/lon_obj_1.svg) no-repeat; background-size: contain; display: block; z-index: 2; }

/** 지점별 이미지 - 마카오 */
.spe3 .mac-spe3 { position: absolute; top: 65px; right: 0; width: 100%; height: 240px; background: url(/img/mac_3_2.png) no-repeat center center; background-size: cover; display: block; }
.spe3 .mac-svg2 { position: absolute; bottom: -130px; left: 0; width: 100%; height: 210px; background: url(/img/mac_obj_1.svg) no-repeat; background-size: contain; display: block; z-index: 2; }

/** 지점별 이미지 - 잠실점 */
.spe3 .jamsillosdehotel-spe3 { position: absolute; top: 65px; right: 0; width: 100%; height: 240px; background: url(/img/jamsillosdehotel_3_2.png) no-repeat center center; background-size: cover; display: block; }
.spe3 .jamsillosdehotel-svg2 { position: absolute; bottom: -90px; left: 0; width: 100%; height: 210px; background: url(/img/jamsillosdehotel_obj_2.png) no-repeat; background-size: contain; display: block; z-index: 2; }

/** 지점별 이미지 - 청담점 */
.spe3 .cheongdam-spe3 { position: absolute; top: 65px; right: 0; width: 100%; height: 240px; background: url(/img/cheongdam_3_2.png) no-repeat center center; background-size: cover; display: block; }
.spe3 .cheongdam-svg2 { position: absolute; bottom: -90px; left: 0; width: 100%; height: 210px; background: url(/img/cheongdam_obj_2.png) no-repeat; background-size: contain; display: block; z-index: 2; }

/** 지점별 이미지 - 반포 */
.spe3 .banpo-spe3 { position: absolute; top: 65px; right: 0; width: 100%; height: 240px; background-size: cover; display: block; }
.spe3 .banpo-svg2 { position: absolute; bottom: 0px; left: 0; width: 100%; height: 500px; background-size: contain; display: block; z-index: 2; }

/** 지점별 이미지 - 반포 */
.spe3 .songdo-spe3 { position: absolute; top: 65px; right: 0; width: 100%; height: 240px; background-size: cover; display: block; }
.spe3 .songdo-svg2 { position: absolute; bottom: 0px; left: 0; width: 100%; height: 500px; background-size: contain; display: block; z-index: 2; }

.spe3 .seongsu-spe3 { position: absolute; top: 65px; right: 0; width: 100%; height: 240px; background-size: cover; display: block; }
.spe3 .seongsu-svg2 { position: absolute; bottom: 0px; left: 0; width: 100%; height: 300px; background-size: 100% auto; background-position: bottom center; display: block; z-index: 2; }

.spe3 .daegu-spe3 { position: absolute; top: 65px; right: 0; width: 100%; height: 240px; background-size: cover; display: block; }

.profile .tit-inner { width: 100%; margin: 0 auto 0 10px; font-size: 20px; line-height: 30px; }
.profile .sliderBox { width: 100%; margin: 20px auto 0 10px; }
.profile .m4-slider { width: 3120px; overflow: hidden; }
.profile .swiper-slide { width: 1200px; display: flex; justify-content: flex-start; align-items: flex-start;}
.profile .swiper-slide .docimg { position: relative; width: 140px; height: 207px; }
.profile .swiper-slide .docimg .name { position: absolute; bottom: 0; width: 100%; padding: 10px 0; text-align: center; background-color: rgba(0, 0, 0, .7); transition: all .3s ease-out; }
.profile .swiper-slide .docimg .name > em{ font-style: normal; font-size: 11px; color: #f6ead9; font-weight: 700; opacity: .5; }
.profile .swiper-slide .docimg .name > h4{ font-style: normal; font-size: 15px; color: #f6ead9; font-weight: 800; letter-spacing: -1px; }
.profile .swiper-slide > ol{ width: 190px; margin-left: 20px; }

/*
.profile .swiper-slide > ol:last-child{ display: none; margin-left: 10px; }
*/
.profile .swiper-slide > ol > li{ font-size: 10px; line-height: 16px; padding-left: 10px; margin-bottom: 6px; }
.profile .swiper-slide > ol > li:last-child{ margin-bottom: 0; }
.profile .swiper-slide > ol > li > span{ position: absolute; top: 6px; left: 0; width: 5px; height: 5px; background: url(/img/blit_net_prlist.png) no-repeat; }
.profile .swiper-slide > ol > li > strong{ font-size: 14px; font-weight: 700; }

.cheongdam .profile .swiper-slide {  justify-content: flex-end; flex-wrap: wrap;}
.cheongdam .profile .swiper-slide > ol:nth-of-type(1) {width : calc(100% - 160px);}
.cheongdam .profile .swiper-slide > ol:nth-of-type(2) {width : calc(100% - 160px);}
.cheongdam .profile .swiper-slide > ol > li {margin-bottom: 0px; line-height: 15px}

.banpo .profile .swiper-slide {  justify-content: flex-end; flex-wrap: wrap;}
.banpo .profile .swiper-slide > ol:nth-of-type(1) {width : calc(100% - 160px);}
.banpo .profile .swiper-slide > ol:nth-of-type(2) {width : calc(100% - 160px);}
.banpo .profile .swiper-slide > ol > li {margin-bottom: 0px; line-height: 18px}

.songdo .profile .swiper-slide {  justify-content: flex-end; flex-wrap: wrap;}
.songdo .profile .swiper-slide > ol:nth-of-type(1) {width : calc(100% - 160px);}
.songdo .profile .swiper-slide > ol:nth-of-type(2) {width : calc(100% - 160px);}
.songdo .profile .swiper-slide > ol > li {margin-bottom: 0px; line-height: 18px}

.m4-control{ position: absolute; left: 5%; top: 180px; transform: translateY(-50%); width: 80px; height: 30px; display: flex; align-items: center; justify-content: space-between; z-index: 10; }
.m4-control > div{ width: 29px; height: 29px; cursor: pointer; opacity: 0.5; transition: all 0.2s ease-in-out; }

.location { position: relative; width: 100%; overflow: hidden; background-color: #0a0a0a; padding: 80px 0 100px; }
.location .inner { width: 90%; margin: 0 auto; }
.location .inner > ul{ display: flex; justify-content: space-between; align-items: stretch; flex-wrap: wrap; }
.location .inner .mapbox { display: none; }
.location .inner .mapbox .bgBoxWide { width: 100%; height: 870px; }
.location .inner .mapbox .root_daum_roughmap { width: 100%; }
.location .inner .mapbox .wrap_controllers { display: none; }
.location .inner .mapbox .wrap_map { border: 0px; }

.location .inner .info { width: 100%; margin-left: 0; }
.location .inner .info > div{ position: relative; border-bottom: 1px solid #333; padding: 20px 0; }
.location .inner .info > div:first-child{ padding-top: 0; }
.location .inner .info > div:last-child{ border-bottom: 0; }
.location .inner .info > div > h2{ font-size: 20px; color: #f6ead9; font-weight: 700; margin-bottom: 20px; }
.location .inner .info > div > p{ width: 76%; font-size: 12px; line-height: 20px; margin-bottom: 10px; word-break: keep-all; }
.location .inner .info > div > p:last-child{ margin-bottom: 0; }
.location .inner .info > div > h4{ font-size: 16px; margin-bottom: 10px; }
.location .inner .info .lable > li{ font-size: 12px;line-height: 20px; margin-bottom: 6px; }
.location .inner .info > div > .insta{ position: absolute; right: 0; top: 50%; transform: translateY(-50%); display: block; width: 72px; background: url(/img/ico_insta.svg) no-repeat top center; background-size: contain; padding-top: 80px; font-size: 13px; color: #f6ead9; text-align: center; }
.location .inner .info .lable > li > span{ width: 20%; }

.location .inner .price { width: 100%; margin-left: 0; padding: 0px 0 0}

.banpo .location .inner .info > div > h2 {font-size: 16px; margin-bottom: 10px }
.banpo .location .inner .info > div > p {font-size: 12px}
.banpo .location .inner .info .lable > li {font-size: 13px !important; margin-bottom: 0px !important}
.banpo .location .inner .info .lable > li p {font-size: 12px}
.banpo .location .inner .info > div {padding: 5px 0}
.banpo .tbl_head03 tbody th {padding: 2px 0px}
.banpo .tbl_head03 td {padding: 2px 0}

.songdo .location .inner .info > div > h2 {font-size: 16px; margin-bottom: 10px }
.songdo .location .inner .info > div > p {font-size: 12px}
.songdo .location .inner .info .lable > li {font-size: 13px !important; margin-bottom: 0px !important}
.songdo .location .inner .info .lable > li p {font-size: 12px}
.songdo .location .inner .info > div {padding: 5px 0}
.songdo .tbl_head03 tbody th {padding: 2px 0px}
.songdo .tbl_head03 td {padding: 2px 0}


.daegu .location .inner .info > div > h2 {font-size: 16px; margin-bottom: 10px }
.daegu .location .inner .info > div > p {font-size: 12px}
.daegu .location .inner .info .lable > li {font-size: 13px !important; margin-bottom: 0px !important}
.daegu .location .inner .info .lable > li p {font-size: 12px}
.daegu .location .inner .info > div {padding: 5px 0}
.daegu .tbl_head03 tbody th {padding: 2px 0px}
.daegu .tbl_head03 td {padding: 2px 0}

/*비용안내 추가시 패딩/마진변경
.price_section .inner .info > div > h2 {margin-bottom: 5px}
.price_section .inner .info > div {padding: 5px 0}
.price_section .inner .info > div > p {margin-bottom: 0px}
.price_section .section8 .price .price_ex {padding: 0 0 5px; font-size: 11px}
.price_section .tbl_head03 thead th {padding: 2px 0; font-size: 0.9em}
.price_section .tbl_head03 tbody th {padding: 2px 0; font-size: 0.9em}
.price_section .tbl_head03 td {padding: 2px 0; line-height: 1.2em} 
*/

.price_section .section8 {height: 1020px !important}
.price_section .fp-tableCell {vertical-align: top}

/*! 230619 지점 퀵메뉴 */
#store-aside { position: fixed; top: 10%; right: 0; z-index: 900; }
#store-aside > a{ display: block; padding: 10px 3px; text-align: center; background-color: #000; border-bottom: 1px solid #21272e; font-size: 9px; color: #fff; }
#store-aside > a:last-of-type{ border-bottom: 0; }
#store-aside .none-cur { cursor: default; }
#store-aside .ico-kakao{ display: block; width: 15px; height: 15px; margin: 0 auto 5px; background: url(/img/ico_aside_kakao.svg) no-repeat; background-size: contain; }
#store-aside .ico-call{ display: block; width: 15px; height: 15px; margin: 0 auto 5px; background: url(/img/ico_aside_call.svg) no-repeat; background-size: contain; }
#store-aside .ico-event{ display: block; width: 15px; height: 15px; margin: 0 auto 5px; background: url(/img/ico_aside_event.svg) no-repeat; background-size: contain; }
#store-aside .ico-location{ display: block; width: 15px; height: 15px; margin: 0 auto 5px; background: url(/img/ico_aside_location.svg) no-repeat; background-size: contain; }
#store-aside .ico-insta{ display: block; width: 15px; height: 15px; margin: 0 auto 5px; background: url(/img/ico_aside_insta.svg) no-repeat; background-size: contain; }
#store-aside .ico-wechat{ display: block; width: 15px; height: 15px; margin: 0 auto 5px; background: url(/img/ico_aside_wechat.svg) no-repeat; background-size: contain; }
#store-aside .ico-wapp{ display: block; width: 15px; height: 15px; margin: 0 auto 5px; background: url(/img/ico_aside_wapp.svg) no-repeat; background-size: contain; }
#store-aside .ico-blog{ display: block; width: 15px; height: 15px; margin: 0 auto 5px; background: url(/img/ico_aside_blog.svg) no-repeat; background-size: contain; }
#store-aside .ico-website{ display: block; width: 16px; height: 16px; margin: 0 auto 5px; background: url(/img/ico_aside_website.svg) no-repeat; background-size: contain; }
#store-aside .ico-facebook{ display: block; width: 16px; height: 16px; margin: 0 auto 5px; background: url(/img/ico_aside_facebook.svg) no-repeat; background-size: contain; }
#store-aside .ico-arrow-up{ display: block; width: 16px; height: 16px; margin: 0 auto 5px; background: url(/img/ico_aside_arrow_up.png) no-repeat; background-size: contain; }

/*! Signature */

.jewal .txtwrap { width: 80%; }
.jewal .txtwrap > h2{ font-size: 30px; }
.jewal .txtwrap > p{ font-size: 14px; line-height: 20px; margin-top: 20px; word-break: keep-all; }
.jewal .txtwrap > p > br{ display: none; }

.titles .txtwrap { width: 300px; }
.titles .txtwrap > h4{ font-size: 18px; }
.titles .txtwrap > h2{ font-size: 30px; margin-top: 10px; }
.titles .txtwrap > p{ font-size: 14px; line-height: 20px; margin-top: 20px; word-break: keep-all; }
.titles .txtwrap > p > br { display: none; }

.titles .bgimg { background-position: center center; }


.acordian { position: relative; width: 100%; height: 100vh; padding-top: 70px; }
.acordian .inner > ul{ width: 90%; margin: 0 auto; }

.acordian ul li .tit{ display: flex; align-items: center; justify-content: space-between; padding: 15px 20px 15px 20px; cursor: pointer; }
.acordian ul li .tit .left h3{ display: inline-block; font-size: 20px; font-weight: 700; color: #333; letter-spacing: -0.5px; vertical-align: 3px; transition: all 0.3s ease-in-out; }
.acordian ul li .tit .right{ position: relative; width: 20px; height: 20px; }
.acordian ul li .tit .right .line{ position: absolute; left: 0; top: 0; display: block; width: 20px; height: 20px; background: url(/img/qa_arrow_off.png) no-repeat center center; background-size: contain; transition: all 0.3s ease-in-out; }
.acordian ul li .tit .right .line:last-of-type{ transform: rotate(90deg); }
.acordian ul li .cont{ display: none; width: 100%; padding: 0px 15px 45px 15px; margin-top: 20px; }
.acordian ul li .cont span{ display: block; margin-bottom: 30px; animation: icoupdown 3s ease-in-out infinite; }
.acordian ul li .cont p{ font-size: 12px; font-weight: 400; color: #f6ead9; letter-spacing: -0.5px; line-height: 20px; margin-bottom: 15px; word-break: keep-all; }



/** newnormal */
.acordian ul li .cont .signature1-1 { width: 137px; height: 122px; background: url(/img/s1_icon_1.svg) no-repeat; }
.acordian ul li .cont .signature1-2 { width: 107px; height: 122px; background: url(/img/s1_icon_2.svg) no-repeat; }
.acordian ul li .cont .signature1-3 { width: 113px; height: 113px; background: url(/img/s1_icon_3.svg) no-repeat; }

/** balance */
.acordian ul li .cont .signature2-1 { width: 131px; height: 94px; background: url(/img/s2_icon_1.svg) no-repeat; }
.acordian ul li .cont .signature2-2 { width: 132px; height: 99px; background: url(/img/s2_icon_2.svg) no-repeat; }
.acordian ul li .cont .signature2-3 { width: 113px; height: 113px; background: url(/img/s2_icon_3.svg) no-repeat; }

/** oneday */
.acordian ul li .cont .signature3-1 { width: 116px; height: 122px; background: url(/img/s3_icon_1.svg) no-repeat; }
.acordian ul li .cont .signature3-2 { width: 132px; height: 99px; background: url(/img/s3_icon_2.svg) no-repeat; }
.acordian ul li .cont .signature3-3 { width: 107px; height: 122px; background: url(/img/s3_icon_3.svg) no-repeat; }

/** custom */
.acordian ul li .cont .signature4-1 { width: 142px; height: 121px; background: url(/img/s4_icon_1.svg) no-repeat; }
.acordian ul li .cont .signature4-2 { width: 122px; height: 122px; background: url(/img/s4_icon_2.svg) no-repeat; }
.acordian ul li .cont .signature4-3 { width: 113px; height: 113px; background: url(/img/s4_icon_3.svg) no-repeat; }

/** facial */
.acordian ul li .cont .signature5-1 { width: 107px; height: 122px; background: url(/img/s5_icon_1.svg) no-repeat; }
.acordian ul li .cont .signature5-2 { width: 123px; height: 123px; background: url(/img/s5_icon_2.svg) no-repeat; }
.acordian ul li .cont .signature5-3 { width: 107px; height: 122px; background: url(/img/s5_icon_3.svg) no-repeat; }

/** medical */
.acordian ul li .cont .signature6-1 { width: 104px; height: 117px; background: url(/img/s6_icon_1.svg) no-repeat; }
.acordian ul li .cont .signature6-2 { width: 132px; height: 79px; background: url(/img/s6_icon_2.svg) no-repeat; }
.acordian ul li .cont .signature6-3 { width: 113px; height: 113px; background: url(/img/s6_icon_3.svg) no-repeat; }


/* ? hover */
.acordian ul li:hover .tit .left h3{ color: #f6ead9; }

/* ? on */
.acordian ul li.on{ border-top: 1px solid #f6ead9; border-bottom: 1px solid #f6ead9; }
.acordian ul li.on .tit .left h3{ color: #f6ead9; }
.acordian ul li.on .tit .left span{ color: #f6ead9; }
.acordian ul li.on .tit .right .line{ background: url(/img/qa_arrow_on.png) no-repeat center center; background-size: contain; }
.acordian ul li.on .tit .right .line:last-of-type{ transform: rotate(180deg); }


.core { position: relative; width: 100%; height: 100vh; padding-top: 90px; }
.core .inner { padding-top: 20px; }
.core .inner > ul{ width: 90%; margin: 0 auto; justify-content: space-between; align-items: center; flex-wrap: wrap; }
.core .inner > ul > li{ width: 50%; height: 220px; text-align: center; border-right: 1px solid #f6ead9; border-left: 0; padding: 50px 0; }
.core .inner > ul > li:nth-of-type(2n){ border-right: 0; }
.core .inner > ul > li:nth-of-type(n+3){ border-top: 1px solid #f6ead9; }
.core .inner > ul > li > div{ transition: all .3s ease-out; }
.core .inner > ul > li > p{ font-size: 14px; line-height: 20px; margin-top: 20px; }


/** newnormal */
.core > ul > li .signature1-4 { width: 123px; height: 82px; background: url(/img/s1_icon_4.svg) no-repeat; }
.core > ul > li .signature1-5 { width: 74px; height: 81px; background: url(/img/s1_icon_5.svg) no-repeat; }
.core > ul > li .signature1-6 { width: 109px; height: 81px; background: url(/img/s1_icon_6.svg) no-repeat; }
.core > ul > li .signature1-7 { width: 98px; height: 82px; background: url(/img/s1_icon_7.svg) no-repeat; }

/** balance */
.core > ul > li .signature2-4 { width: 77px; height: 82px; background: url(/img/s2_icon_4.svg) no-repeat; }
.core > ul > li .signature2-5 { width: 74px; height: 81px; background: url(/img/s2_icon_5.svg) no-repeat; }
.core > ul > li .signature2-6 { width: 109px; height: 81px; background: url(/img/s2_icon_6.svg) no-repeat; }
.core > ul > li .signature2-7 { width: 102px; height: 81px; background: url(/img/s2_icon_7.svg) no-repeat; }

/** oneday */
.core > ul > li .signature3-4 { width: 108px; height: 82px; background: url(/img/s3_icon_4.svg) no-repeat; }
.core > ul > li .signature3-5 { width: 74px; height: 81px; background: url(/img/s3_icon_5.svg) no-repeat; }
.core > ul > li .signature3-6 { width: 101px; height: 82px; background: url(/img/s3_icon_6.svg) no-repeat; }
.core > ul > li .signature3-7 { width: 102px; height: 81px; background: url(/img/s3_icon_7.svg) no-repeat; }

/** custom */
.core > ul > li .signature4-4 { width: 123px; height: 82px; background: url(/img/s4_icon_4.svg) no-repeat; }
.core > ul > li .signature4-5 { width: 74px; height: 81px; background: url(/img/s4_icon_5.svg) no-repeat; }
.core > ul > li .signature4-6 { width: 107px; height: 83px; background: url(/img/s4_icon_6.svg) no-repeat; }
.core > ul > li .signature4-7 { width: 102px; height: 81px; background: url(/img/s4_icon_7.svg) no-repeat; }

/** facial */
.core > ul > li .signature5-4 { width: 123px; height: 82px; background: url(/img/s5_icon_4.svg) no-repeat; }
.core > ul > li .signature5-5 { width: 83px; height: 83px; background: url(/img/s5_icon_5.svg) no-repeat; }
.core > ul > li .signature5-6 { width: 89px; height: 81px; background: url(/img/s5_icon_6.svg) no-repeat; }
.core > ul > li .signature5-7 { width: 102px; height: 81px; background: url(/img/s5_icon_7.svg) no-repeat; }

/** medical */
.core > ul > li .signature6-4 { width: 82px; height: 82px; background: url(/img/s6_icon_4.svg) no-repeat; }
.core > ul > li .signature6-5 { width: 74px; height: 81px; background: url(/img/s6_icon_5.svg) no-repeat; }
.core > ul > li .signature6-6 { width: 107px; height: 83px; background: url(/img/s6_icon_6.svg) no-repeat; }
.core > ul > li .signature6-7 { width: 102px; height: 81px; background: url(/img/s6_icon_7.svg) no-repeat; }


/* ? hover */
.core > ul > li:hover > div{ transform: translateY(0); }



/*! Catalog */
.catalog-visual { position: relative; overflow: hidden; }
.catal .inner { width: 100%; height: 250px; padding-top: 130px; background: url(/img/bg_visual_catal.png) no-repeat center center; background-size: 100% 100%; }
.catalog-visual .inner { animation: bgScale 1.5s ease-out 1 forwards; }
.catalog-visual .inner > h2{ font-size: 30px; color: #fff; font-weight: 700; width: max-content; margin: 0 auto; }
.catalog-visual .inner > p{ display: none; }

.catal-contents { position: relative; padding: 60px 0; }
.catal-contents .inner { width: 90%; margin: 0 auto; text-align: center; min-height: 400px; }
.catal-contents .inner > h2{ font-size: 45px; font-weight: 700; margin-bottom: 70px; }
.catal-contents .inner > ul{ display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; }
.catal-contents .inner > ul > li{ width: 32%; text-align: center; margin-right: 2%; }
.catal-contents .inner > ul > li:nth-child(3n){ margin-right: 0;  }
.catal-contents .inner > ul > li:nth-child(n+4){ margin-top: 60px; }
.catal-contents .inner > ul > li > p{ font-size: 12px; font-weight: 700px; margin-top: 10px; letter-spacing: -1px; word-break: keep-all; }
.catal-contents .inner .thumb-img { position: relative; overflow: hidden; }
.catal-contents .inner .thumb-img > img{ width: 100%; height: auto; }
.catal-contents .inner .thumb-img > span{ position: absolute; display: block; top: 0; width: 100%; height: 0; background: rgba(0, 0, 0, .6); transition: all .5s ease-out; }
.catal-contents .inner .thumb-img > a{ position: absolute; display: inline-block; top: 50%; left: 50%; transform: translate(-50%,-50%); border: 1px solid #fff; font-size: 11px; width: max-content; color: #fff; font-weight: 500; padding: 10px 10px; text-align: center; transition: all .3s ease-out; opacity: 0; z-index: 10; }

/*? hover */
.catal-contents .inner .thumb-img:hover > span{ height: 100%; }
.catal-contents .inner .thumb-img:hover > a{ opacity: 1; }
.catal-contents .inner .thumb-img > a:hover{ background-color: rgba(255, 255, 255, .4); }



/*! Footer */
#ft { width: 100%; background-color: #0a0a0a; border-top: 1px solid #3e3e3e; padding: 40px 0 45px; overflow: hidden; }
#ft .inner { width: 90%; margin: 0 auto; display: flex; justify-content: flex-start; align-items: center; }
#ft .inner .logo_ft { display: none; }
#ft .inner > ul{ border-left: 0; padding-left: 0; padding-right: 70px; }
#ft .inner > ul > li{ display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; margin-bottom: 5px; }
#ft .inner > ul > li:last-child{ margin-bottom: 0; margin-top: 25px; }
#ft .inner > ul > li > p{ font-size: 11px; color: #aaa; line-height: 17px; margin-right: 20px; word-break: keep-all; }
#ft .inner > ul > li > p:last-child{ margin-right: 0; }

#ft .inner .insta { position: absolute; right: 0; top: 0; width: 50px; height: 80px; display: block; background: url(/img/ico_ft_insta.svg) no-repeat bottom center; background-size: contain; padding-top: 0; font-size: 9px; color: #f6ead9; text-align: center;  }
#ft .inner .ytube { position: absolute; right: 0; top: 90px; width: 50px; height: 80px; display: block; background: url(/img/ico_ft_youtube.svg) no-repeat bottom center; background-size: contain; padding-top: 0; font-size: 9px; color: #f6ead9; text-align: center;  }



#ft .inner > div{ padding-right: 0; }
#ft .inner .store-name { text-align: left; }


}


/**/
.car_info {display: flex;}
.car_find_map {background: #f6ead9; color: #2b2722; font-size: 14px; padding: 5px 0px; border-radius: 3px; margin-left: 20px; width: 190px; display: flex; justify-content: center; align-items: center; letter-spacing: -1px }
.car_find_map img {transform: rotate(90deg); width: 12px; filter: invert(100%) sepia(32%) saturate(321%) hue-rotate(354deg) brightness(93%) contrast(86%); margin-left: 5px}


/* 게시물 선택복사 선택이동 */
#copymove {}
#copymove .win_desc {text-align:center;display:block}
#copymove .tbl_wrap {margin:20px}
#copymove .win_btn {padding:0 20px 20px}
.copymove_current {float:right;background:#ff3061;padding:5px;color:#f6ead9;border-radius:3px}
.copymove_currentbg {background:#f4f4f4}

/* 화면낭독기 사용자용 */
#hd_login_msg {position:absolute;top:0;left:0;font-size:0;line-height:0;overflow:hidden}
.msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;width:0;height:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}

/* 본문 바로가기 */
#skip_to_container a {z-index:100000;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
#skip_to_container a:focus, #skip_to_container a:active {width:100%;height:75px;background:#21272e;color:#f6ead9;font-size:2em;font-weight:bold;text-align:center;text-decoration:none;line-height:3.3em}

/* ie6 이미지 너비 지정 */
.img_fix {width:100%;height:auto}

/* 캡챠 자동등록(입력)방지 기본 -pc */
#captcha {display:inline-block;position:relative}
#captcha legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
#captcha #captcha_img {height:40px;border:1px solid #898989;vertical-align:top;padding:0;margin:0}
#captcha #captcha_mp3 {margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../../img/captcha2.png') no-repeat;text-indent:-999px;border-radius:3px}
#captcha #captcha_reload {margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../../img/captcha2.png') no-repeat 0 -40px;text-indent:-999px;border-radius:3px}
#captcha #captcha_key {margin:0 0 0 3px;padding:0 5px;width:90px;height:40px;border:1px solid #ccc;background:#f6ead9;font-size:1.333em;font-weight:bold;text-align:center;border-radius:3px;vertical-align:top}
#captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em}

/* 캡챠 자동등록(입력)방지 기본 - mobile */
#captcha.m_captcha audio {display:block;margin:0 0 5px;width:187px}
#captcha.m_captcha #captcha_img {width:160px;height:60px;border:1px solid #e9e9e9;margin-bottom:3px;margin-top:5px;display:block}
#captcha.m_captcha #captcha_reload {position:static;margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../../img/captcha2.png') no-repeat 0 -40px;text-indent:-999px}
#captcha.m_captcha #captcha_reload span {display:none}
#captcha.m_captcha #captcha_key {margin:0;padding:0 5px;width:115px;height:29px;border:1px solid #b8c9c2;background:#f7f7f7;font-size:1.333em;font-weight:bold;text-align:center;line-height:29px;margin-left:3px}
#captcha.m_captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em}
#captcha.m_captcha #captcha_mp3 {width:31px;height:31px;background:url('../../../img/captcha2.png') no-repeat 0 0 ; vertical-align:top;overflow:hidden;cursor:pointer;text-indent:-9999px;border:none}

/* ckeditor 단축키 */
.cke_sc {margin:0 0 5px;text-align:right}
.btn_cke_sc {display:inline-block;padding:0 10px;height:23px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;line-height:1.9em;vertical-align:middle;cursor:pointer}
.cke_sc_def {margin:0 0 5px;padding:10px;border:1px solid #ccc;background:#f7f7f7;text-align:center}
.cke_sc_def dl {margin:0 0 5px;text-align:left;zoom:1}
.cke_sc_def dl:after {display:block;visibility:hidden;clear:both;content:""}
.cke_sc_def dt, .cke_sc_def dd {float:left;margin:0;padding:5px 0;border-bottom:1px solid #e9e9e9}
.cke_sc_def dt {width:20%;font-weight:bold}
.cke_sc_def dd {width:30%}

/* ckeditor 태그 기본값 */
#bo_v_con ul {display:block;list-style-type:disc;margin-top:1em;margin-bottom:1em;margin-left:0;margin-right:0;padding-left:40px}
#bo_v_con ol {display:block;list-style-type:decimal;margin-top:1em;margin-bottom:1em;margin-left:0;margin-right:0;padding-left:40px}
#bo_v_con li {display:list-item}

/* 버튼 */
a.btn,.btn {line-height:35px;height:35px;padding:0 10px;text-align:center;font-weight:bold;border:0;font-size:1.4em;
-webkit-transition:background-color 0.3s ease-out;
-moz-transition:background-color 0.3s ease-out;
-o-transition:background-color 0.3s ease-out;
transition:background-color 0.3s ease-out}

a.btn01 {display:inline-block;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;vertical-align:middle}
a.btn01:focus, a.btn01:hover {text-decoration:none}
button.btn01 {display:inline-block;margin:0;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none}
a.btn02 {display:inline-block;padding:7px;border:1px solid #3b3c3f;background:#4b545e;color:#f6ead9;text-decoration:none;vertical-align:middle}
a.btn02:focus, .btn02:hover {text-decoration:none}
button.btn02 {display:inline-block;margin:0;padding:7px;border:1px solid #3b3c3f;background:#4b545e;color:#f6ead9;text-decoration:none}

.btn_confirm {text-align:right} /* 서식단계 진행 */

.btn_submit {border:0;background:#3a8afd;color:#f6ead9;cursor:pointer;border-radius:3px}
.btn_submit:hover {background:#2375eb}
.btn_close {border:1px solid #dcdcdc;cursor:pointer;border-radius:3px;background:#f6ead9}
a.btn_close {text-align:center;line-height:50px}

a.btn_cancel {display:inline-block;background:#969696;color:#f6ead9;text-decoration:none;vertical-align:middle}
button.btn_cancel {display:inline-block;background:#969696;color:#f6ead9;text-decoration:none;vertical-align:middle}
.btn_cancel:hover {background:#aaa}
a.btn_frmline, button.btn_frmline {display:inline-block;width:128px;padding:0 5px;height:40px;border:0;background:#434a54;border-radius:3px;color:#f6ead9;text-decoration:none;vertical-align:top} /* 우편번호검색버튼 등 */
a.btn_frmline {}
button.btn_frmline {font-size:1em}

/* 게시판용 버튼 */
a.btn_b01,.btn_b01 {display:inline-block;color:#bababa;text-decoration:none;vertical-align:middle;border:0;background:transparent}
.btn_b01:hover, .btn_b01:hover {color:#000}
a.btn_b02,.btn_b02 {display:inline-block;background:#253dbe;padding:0 10px;color:#f6ead9;text-decoration:none;border:0;vertical-align:middle}
a.btn_b02:hover, .btn_b02:hover {background:#0025eb}
a.btn_b03, .btn_b03 {display:inline-block;background:#f6ead9;border:1px solid #b9bdd3;color:#646982;text-decoration:none;vertical-align:middle}
a.btn_b03:hover, .btn_b03:hover {background:#ebedf6}
a.btn_b04, .btn_b04 {display:inline-block;background:#f6ead9;border:1px solid #ccc;color:#707070;text-decoration:none;vertical-align:middle}
a.btn_b04:hover, .btn_b04:hover {color:#333;background:#f9f9f9}
a.btn_admin,.btn_admin {display:inline-block;color:#d13f4a;text-decoration:none;vertical-align:middle} /* 관리자 전용 버튼 */
.btn_admin:hover, a.btn_admin:hover {color:#ff3746}


/* 기본테이블 */
.tbl_wrap table {width:100%;border-collapse:collapse;border-spacing:0 5px;background:#f6ead9;border-top:1px solid #ececec;border-bottom:1px solid #ececec} 
.tbl_wrap caption {padding:10px 0;font-weight:bold;text-align:left}
.tbl_head01 {margin:0 0 10px}
.tbl_head01 caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_head01 thead th {padding:20px 0;font-weight:normal;text-align:center;border-bottom:1px solid #ececec;height:40px}
.tbl_head01 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head01 tfoot th, .tbl_head01 tfoot td {padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center}
.tbl_head01 tbody th {padding:8px 0;border-bottom:1px solid #e8e8e8}
.tbl_head01 td {color:#666;padding:10px 5px;border-top:1px solid #ecf0f1;border-bottom:1px solid #ecf0f1;line-height:1.4em;height:60px;word-break:break-all}
.tbl_head01 tbody tr:hover td {background:#fafafa}
.tbl_head01 a:hover {text-decoration:underline}

.tbl_head02 {margin:0 0 10px}
.tbl_head02 caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_head02 thead th {padding:5px 0;border-top:1px solid #d1dee2;border-bottom:1px solid #d1dee2;background:#e5ecef;color:#383838;font-size:0.95em;text-align:center;letter-spacing:-0.1em}
.tbl_head02 thead a {color:#383838}
.tbl_head02 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head02 tfoot th, .tbl_head02 tfoot td {padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center}
.tbl_head02 tbody th {padding:5px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:#f6ead9}
.tbl_head02 td {padding:5px 3px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:#f6ead9;line-height:1.4em;word-break:break-all}
.tbl_head02 a {}

.tbl_wrap2 table {width:100%;border-collapse:collapse;border-spacing:0 5px;border-top:1px solid #ececec;border-bottom:1px solid #ececec} 
.tbl_wrap2 caption {padding:10px 0;font-weight:bold;text-align:left}

.tbl_head03 {margin:0 0 10px; color:#f6ead9}
.tbl_head03 caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_head03 thead th {padding:5px 0;border-top:1px solid #333;border-bottom:1px solid #333;color:#f6ead9; background: #2b2722;font-size:0.95em;text-align:center;letter-spacing:-0.1em}
.tbl_head03 tbody th {width: 170px; padding:5px 0;border-top:1px solid #333;border-bottom:1px solid #333;text-align:center}
.tbl_head03 td {padding:5px 3px;border-top:1px solid #333;border-bottom:1px solid #333;line-height:1.4em;text-align:center}

/* 폼 테이블 */
.tbl_frm01 {margin:0 0 20px}
.tbl_frm01 table {width:100%;border-collapse:collapse;border-spacing:0}
.tbl_frm01 th {width:70px;padding:7px 13px;border:1px solid #e9e9e9;border-left:0;background:#f5f8f9;text-align:left}
.tbl_frm01 td {padding:7px 10px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:transparent}
.wr_content textarea,.tbl_frm01 textarea,.form_01 textarea, .frm_input {border:1px solid #d0d3db;background:#f6ead9;color:#000;vertical-align:middle;border-radius:3px;padding:5px;
-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
}
.tbl_frm01 textarea {padding:2px 2px 3px}
.frm_input {height:40px}

.full_input {width:100%}
.half_input {width:49.5%}
.twopart_input {width:385px;margin-right:10px}
.tbl_frm01 textarea, .write_div textarea {width:100%;height:100px}
.tbl_frm01 a {text-decoration:none}
.tbl_frm01 .frm_file {display:block;margin-bottom:5px}
.tbl_frm01 .frm_info {display:block;padding:0 0 5px;line-height:1.4em}

/*기본 리스트*/
.list_01 ul {border-top:1px solid #ececec}
.list_01 li {border-bottom:1px solid #ececec;background:#f6ead9;padding:10px 15px;list-style:none;position:relative}
.list_01 li:nth-child(odd) {background:#f6f6f6}
.list_01 li:after {display:block;visibility:hidden;clear:both;content:""}
.list_01 li:hover {background:#f9f9f9}
.list_01 li.empty_li {text-align:center;padding:20px 0;color:#666}

/*폼 리스트*/
.form_01 h2 {font-size:1.167em}
.form_01 li {margin-bottom:10px}
.form_01 ul:after,
.form_01 li:after {display:block;visibility:hidden;clear:both;content:""}
.form_01 .left_input {float:left}
.form_01 .margin_input {margin-right:1%}
.form_01 textarea {height:100px;width:100%}
.form_01 .frm_label {display:inline-block;width:130px}

/* 자료 없는 목록 */
.empty_table {padding:50px 0 !important;text-align:center}
.empty_list {padding:20px 0 !important;color:#666;text-align:center}

/* 필수입력 */
.required, textarea.required {background-image:url('../img/require.png') !important;background-repeat:no-repeat !important;background-position:right top !important}

/* 테이블 항목별 정의 */
.td_board {width:80px;text-align:center}
.td_category {width:80px;text-align:center}
.td_chk {width:30px;text-align:center}
.td_date {width:60px;text-align:center}
.td_datetime {width:110px;text-align:center}
.td_group {width:80px;text-align:center}
.td_mb_id {width:100px;text-align:center}
.td_mng {width:80px;text-align:center}
.td_name {width:100px;text-align:left}
.td_nick {width:100px;text-align:center}
.td_num {width:50px;text-align:center}
.td_numbig {width:80px;text-align:center}
.td_stat {width:60px;text-align:center}

.txt_active {color:#5d910b}
.txt_done {color:#e8180c}
.txt_expired {color:#ccc}
.txt_rdy {color:#8abc2a}

/* 새창 기본 스타일 */
.new_win {position:relative}
.new_win .tbl_wrap {margin:0 20px}
.new_win #win_title {font-size:1.3em;height:50px;line-height:30px;padding:10px 20px;background:#f6ead9;color:#000;-webkit-box-shadow:0 1px 10px rgba(0,0,0,.1);
-moz-box-shadow:0 1px 10px rgba(0,0,0,.1);
box-shadow:0 1px 10px rgba(0,0,0,.1)}
.new_win #win_title .sv {font-size:0.75em;line-height:1.2em}
.new_win .win_ul {margin-bottom:15px;padding:0 20px}
.new_win .win_ul:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .win_ul li {float:left;background:#f6ead9;text-align:center;padding:0 10px;border:1px solid #d6e9ff;border-radius:30px;margin-left:5px}
.new_win .win_ul li:first-child {margin-left:0}
.new_win .win_ul li a {display:block;padding:8px 0;color:#6794d3}
.new_win .win_ul .selected {background:#3a8afd;border-color:#3a8afd;position:relative;z-index:5}
.new_win .win_ul .selected a {color:#f6ead9;font-weight:bold}
.new_win .win_desc {position:relative;margin:10px;border-radius:5px;font-size:1em;background:#f2838f;color:#f6ead9;line-height:50px;text-align:left;padding:0 20px}
.new_win .win_desc i {font-size:1.2em;vertical-align:baseline}
.new_win .win_desc:after {content:"";position:absolute;left:0;top:0;width:4px;height:50px;background:#da4453;border-radius:3px 0 0 3px}
.new_win .frm_info {font-size:0.92em;color:#919191}
.new_win .win_total {float:right;display:inline-block;line-height:30px;font-weight:normal;font-size:0.75em;color:#3a8afd;background:#f6f6f6;padding:0 10px;border-radius:5px}
.new_win .new_win_con {margin:20px 0;padding:20px}
.new_win .new_win_con:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .new_win_con2 {margin:20px 0}
.new_win .btn_confirm:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .win_btn {text-align:center}
.new_win .cert_btn {margin-bottom:30px;text-align:center}
.new_win .btn_close {padding:0 20px;height:45px;overflow:hidden;cursor:pointer}
.new_win .btn_submit {padding:0 20px;height:45px;font-weight:bold;font-size:1.083em}

/* 검색결과 색상 */
.sch_word {color:#f6ead9;background:#ff005a;padding:2px 5px 3px;line-height:18px;margin:0 2px}

/* 자바스크립트 alert 대안 */
#validation_check {margin:100px auto;width:500px}
#validation_check h1 {margin-bottom:20px;font-size:1.3em}
#validation_check p {margin-bottom:20px;padding:30px 20px;border:1px solid #e9e9e9;background:#f6ead9}

/* 사이드뷰 */
.sv_wrap {position:relative;font-weight:normal}
.sv_wrap .sv {z-index:1000;display:none;margin:5px 0 0;font-size:0.92em;background:#333;
-webkit-box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2);
-moz-box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2);
box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2)}
.sv_wrap .sv:before {content:"";position:absolute;top:-6px;left:15px;width:0;height:0;border-style:solid;border-width:0 6px 6px 6px;border-color:transparent transparent #333 transparent}
.sv_wrap .sv a {display:inline-block;margin:0;padding:0 10px;line-height:30px;width:100px;font-weight:normal;color:#bbb}
.sv_wrap .sv a:hover {background:#000;color:#f6ead9}
.sv_member {color:#333}
.sv_on {display:block !important;position:absolute;top:23px;left:0px;width:auto;height:auto}
.sv_nojs .sv {display:block}



/*! Pager */
.pg_wrap { display: flex; justify-content: flex-start; align-items: center; margin-top: 70px; }
.pg_wrap:after {display:block;visibility:hidden;clear:both;content:""} 
.pg { display: flex; justify-content: flex-start; align-items: center; }
.pg_page, .pg_current { display: inline-block; vertical-align: middle; margin-right: 5px; }
.pg a:focus, .pg a:hover {text-decoration:none}
.pg_page { color:#aaa; font-size: 24px; height:30px; font-weight: 700; line-height: 30px; min-width: 30px; text-align: center; text-decoration:none; transition: all .2s ease-out; }
.pg_page:hover { color:#111; }
.pg_start {text-indent:-999px;overflow:hidden;background:url('/img/btn_first.png') no-repeat center center; margin-right: 20px; }
.pg_prev {text-indent:-999px;overflow:hidden;background:url('../img/btn_prev.gif') no-repeat 50% 50% #eee;padding:0;border:1px solid #eee}
.pg_end {text-indent:-999px;overflow:hidden;background:url('/img/btn_end.png') no-repeat center center; margin-left: 10px; }
.pg_next {text-indent:-999px;overflow:hidden;background:url('../img/btn_next.gif') no-repeat 50% 50% #eee;padding:0;border:1px solid #eee}


.pg_current { display:inline-block; font-size: 24px; color:#111; font-weight: 700; height:30px; line-height:30px; min-width:30px; text-align: center; }

/* cheditor 이슈 */
.cheditor-popup-window *, .cheditor-popup-window :after, .cheditor-popup-window :before {
-webkit-box-sizing:content-box;
-moz-box-sizing:content-box;
box-sizing:content-box;
}

/* Mobile화면으로 */
#device_change {display:block;margin:0.3em;padding:0.5em 0;border:1px solid #eee;border-radius:2em;background:#f6ead9;color:#000;font-size:2em;text-decoration:none;text-align:center}