@charset "utf-8";


.zest_btn1 {font-size:1.125em; color:#012755; font-weight:700;}
.zest_btn1:after {content:'\e09f'; display:inline-block; font-size:1.11em; font-weight:400; font-family:'Font Awesome 6 Pro'; margin-left:10px; transition:transform 0.5s;}
.zest_btn1:hover:after {transform:translate(30%, -30%)}

@media screen and (max-width:1024px){
    .zest_btn1 {font-size:1em;}
}

/* header */
#zest_header {width:100%; height:115px; padding:0 50px; position:fixed; left:0; top:0; z-index:300; overflow:hidden; transition:height 0.4s, background 0.4s;}
#zest_header:before {content:''; display:block; width:100%; height:1px; background:#eee; position:absolute; left:0; top:116px; transition:top 0.4s;}

#zest_logo {float:left; width:231px; height:35px; background:url(/images/logo_w.svg) no-repeat center center; background-size:231px 35px; margin-top:40px; position:relative; z-index:10; transition:margin 0.5s}
#zest_logo a {display:block; width:100%; height:100%;}

#zest_gnb {display:flex; justify-content:center; width:100%; position:absolute; left:0; top:0; z-index:2;}
#zest_gnb > ul {height:435px;}
#zest_gnb > ul > li {float:left; width:160px; position:relative; text-align:center; transition:width 0.4s}
#zest_gnb > ul > li > a {display:block; width:100%; font-size:1.125em; color:#fff; font-weight:700; line-height:115px; transition:all 0.4s; transition-property:color, line-height;}
#zest_gnb > ul > li:hover > a {color:#cea882 !important;}
#zest_gnb > ul > li > ul {width:calc(100% + 1px); /*height:280px;*/ height:165px; border-left:1px solid #eee; border-right:1px solid #eee; margin-top:20px; padding:0 15px; position:absolute; left:-1px; top:100%;}
#zest_gnb > ul > li > ul > li {padding:8px 0;}
#zest_gnb > ul > li > ul > li > a {display:block; font-size:1em; color:#666; line-height:1.5em; transition:color 0.4s;}
#zest_gnb > ul > li > ul > li > a:hover {color:#cea882;}

#all_gnb {display:flex; align-items:center; width:100%; height:100vh; background:#012755; padding:0 50px; position:fixed; left:0; top:0; z-index:5; opacity:0; visibility:hidden; transition:all 0.4s; transition-property:opacity, visibility;}
#all_gnb .info {width:45%; padding-right:30px;}
#all_gnb .txt_box .txt {font-size:1.25em; color:#fff; margin-bottom:15px;}
#all_gnb .txt_box .tit {font-size:2.5em; color:#fff; font-weight:600;}
#all_gnb .info_box {display:flex; margin-top:100px; overflow:hidden;}
#all_gnb .info_box dl {margin-right:50px;}
#all_gnb .info_box dl:last-child {margin-right:0;}
#all_gnb .info_box dl dt {font-size:1em; color:#fff; font-weight:500; margin-bottom:15px;}
#all_gnb .info_box dl dd {font-size:0.875em; color:#fff; line-height:1.8em;}
#all_gnb .gnb {width:55%;}
#all_gnb .gnb > ul {width:100%; overflow:hidden;}
#all_gnb .gnb > ul > li {float:left; width:33.33%;}
#all_gnb .gnb > ul > li > a {display:block; font-size:1.875em; color:#fff; font-weight:700; margin-bottom:20px;}
#all_gnb .gnb > ul > li > ul > li > a {display:block; font-size:1.125em; color:#fff; line-height:1.5em; font-weight:500; padding:10px 0; transition:color 0.4s;}
#all_gnb .gnb > ul > li > ul > li > a:hover {color:#6b93c4}
#all_gnb .gnb > ul > li:nth-child(3) ~ li {margin-top:50px;}
#all_gnb .gnb > ul > li:nth-child(3n) + li {clear:both;}

#menuToggle {float:right; width:26px; height:26px; margin-top:45px; position:relative; z-index:10; transition:margin 0.5s}
#menuToggle:before, #menuToggle:after {content:''; display:block; width:100%; height:2px; background:#fff; position:absolute; left:0; transition:all 0.4s}
#menuToggle:before {top:50%; margin-top:-4px;}
#menuToggle:after {bottom:50%; margin-bottom:-4px;}


#zest_header.scroll_on {background:#fff; box-shadow:0 0 15px rgba(25,25,25,0.1)}
#zest_header.scroll_on #zest_logo {background-image:url(../images/logo.svg)}
#zest_header.scroll_on #zest_gnb > ul > li > a {color:#191919;}
#zest_header.scroll_on #menuToggle:before, #zest_header.scroll_on #menuToggle:after {background:#191919;}


#zest_header.black #zest_logo {background-image:url(../images/logo.svg)}

#zest_header.black #zest_gnb > ul > li > a {color:#191919}

#zest_header.black #menuToggle:before, #zest_header.black #menuToggle:after {background:#191919;}


#zest_header.active {/*height:435px;*/ height:320px; background:#fff;}

#zest_header.active #zest_logo {background-image:url(../images/logo.svg)}

#zest_header.active #zest_gnb > ul > li {width:160px;}
#zest_header.active #zest_gnb > ul > li > a {color:#191919}

#zest_header.active #menuToggle:before, #zest_header.active #menuToggle:after {background:#191919;}


#zest_header.on #zest_logo {background-image:url(../images/logo_w.svg)}

#zest_header.on #all_gnb {opacity:1; visibility:visible;}

#zest_header.on #menuToggle:before, #zest_header.on #menuToggle:after {background:#fff;}
#zest_header.on #menuToggle:before {transform:translateY(3px) rotate(45deg)}
#zest_header.on #menuToggle:after {transform:translateY(-3px) rotate(-45deg)}

@media screen and (min-width:1025px){
    #all_gnb .gnb > ul > li > ul {display:block !important}

	#zest_header.scroll_on {height:90px;}
	#zest_header.scroll_on:before {top:91px;}
	#zest_header.scroll_on #zest_logo {margin-top:27px;}
	#zest_header.scroll_on #zest_gnb > ul > li > a {line-height:90px;}
	#zest_header.scroll_on #menuToggle {margin-top:32px;}

	#zest_header.scroll_on.active {height:290px;}
}

@media screen and (max-width:1499px){
    #zest_gnb {padding:0 30px 0 235px;}
    #zest_gnb > ul > li {width:120px;}
    #zest_gnb > ul > li > a {font-size:1em;}

    #zest_header.active #zest_gnb > ul > li {width:120px;}
}

@media screen and (max-width:1220px){
    #zest_header {padding:0 6%;}

    #zest_gnb > ul {height:415px;}
	#zest_gnb > ul > li {width:100px;}
    #zest_gnb > ul > li > ul {height:260px; padding:0 5px;}
    #zest_gnb > ul > li > ul > li > a {font-size:0.875em;}

    #all_gnb {padding:0 6%;}

    #zest_header.active {height:415px;}
    #zest_header.active #zest_gnb > ul > li {width:100px;}
}

@media screen and (max-width:1024px){
    #zest_header {height:55px;}

    #zest_logo {width:180px; height:27px; background-size:180px 27px; margin-top:14px;}

    #zest_gnb {display:none;}

    #all_gnb {display:block; background:rgba(0,0,0,0.9); padding-top:80px;}
    #all_gnb .info {display:none;}
    #all_gnb .gnb {width:100%;}
    #all_gnb .gnb > ul > li {float:none; width:100%; margin-top:0 !important;}
    #all_gnb .gnb > ul > li > a {font-size:1.125em; font-weight:500; margin-bottom:0; padding:15px 0; border-bottom:1px dotted rgba(255,255,255,0.3)}
    #all_gnb .gnb > ul > li > ul {display:none;}
    #all_gnb .gnb > ul > li > ul > li > a {font-size:1em; padding:13px 0; border-bottom:1px dotted rgba(255,255,255,0.1)}

    #menuToggle {margin-top:14px;}
}



/* footer */
#zest_footer {width:100%; background:#191919; padding:50px 0 100px; position:relative;}
#zest_footer > div {overflow:hidden;}
#zest_footer .f_logo {float:left; width:132px; height:78px; background:url(/images/f_logo.svg) no-repeat center center; background-size:contain; opacity:0.5;}
#zest_footer .info_box {float:left; width:calc(100% - 132px); padding-left:50px;}
#zest_footer .info_box ul {overflow:hidden;}
#zest_footer .info_box ul li {font-size:0.875em; color:#d1d1d1; line-height:1.5em; margin:0 20px 5px 0;}
#zest_footer .info_box ul li:nth-child(4) {clear:both;}
#zest_footer .info_box ul li strong {font-weight:700; margin-right:10px;}
#zest_footer .info_box ul li span {margin-right:5px;}
#zest_footer .info_box ul li a {color:#d1d1d1;}
#zest_footer .info_box .copy {font-size:0.875em; color:#a4a4a4; font-weight:700; margin-top:10px;}
#zest_footer .go_top {width:50px; height:50px; background:#3e3e3e; font-size:1em; color:#fff; position:absolute; right:30px; bottom:30px;}
#zest_footer .f_member {display:inline-block; font-size:0.875em; color:#b7b7b7; line-height:23px; padding:0 10px; border:1px solid rgba(255,255,255,0.4); margin:8px 2px 0 0;}

@media screen and (max-width:1024px){
    #zest_footer {padding:5% 0 8%;}
    #zest_footer .f_logo {width:90px; height:53px;}
    #zest_footer .info_box {width:calc(100% - 90px); padding-left:30px;}
    #zest_footer .info_box ul li:nth-child(4) {clear:none;}
    #zest_footer .go_top {width:40px; height:40px;}
}

@media screen and (max-width:767px){
    #zest_footer .f_logo {float:none; width:80px; height:47px; margin:0 auto;}
    #zest_footer .info_box {float:none; width:100%; padding-left:0; margin-top:3%; text-align:center;}
    #zest_footer .info_box ul li {float:none; display:inline-block; margin:0 5px 5px 0;}
	#zest_footer .info_box ul li strong {margin-right:5px;}
    #zest_footer .go_top {width:32px; height:32px; font-size:0.875em; right:15px; bottom:15px;}
}




/* main */
.main_quick {position:fixed; right:30px; top:50%; transform:translateY(-50%); z-index:100;}
.main_quick p {width:10px; height:10px; border:1px solid #fff; border-radius:6px; font-size:0; margin-bottom:5px; opacity:0.8; cursor:pointer; transition:all 0.5s; transition-property:background, height;}
.main_quick p:last-child {margin-bottom:0;}
.main_quick p.active {height:25px; background:#fff;}
.main_quick.black p {border-color:#191919;}
.main_quick.black p.active {background:#191919;}

@media screen and (max-width:1024px){
	.main_quick {right:6%; display:none;}
	.main_quick p {width:8px; height:8px;}
}

@media screen and (max-width:767px){
	.main_quick {display:none;}
}

.main_content > div {min-height:100vh;}

#mVisu {display:flex; justify-content:center; align-items:center; width:100%; height:100%; position:relative;}
#mVisu .txt_box {overflow:hidden; position:relative; z-index:10; margin-top:-230px; transition:all 0.3s; transition-property:opacity, visibility;}
#mVisu .txt_box p, #mVisu .txt_box div {overflow:hidden;}
#mVisu .txt_box span ,#mVisu .txt_box strong {display:block;}
#mVisu .txt_box .tit {float:left; width:50%; font-size:3.75em; line-height:1.2em; font-weight:200;}
#mVisu .txt_box .tit strong {font-weight:700;}
#mVisu .txt_box .txt {float:left; width:50%; font-size:1.25em; color:#666; line-height:1.6em; font-weight:500;}
#mVisu .txt_box2 {position:relative; z-index:10; opacity:0; visibility:hidden; transition:all 0.5s 1s; transition-property:opacity, visibility;}
#mVisu .txt_box2 p, #mVisu .txt_box2 div {overflow:hidden;}
#mVisu .txt_box2 span ,#mVisu .txt_box2 strong, #mVisu .txt_box2 .txt p {display:block; transform:translateY(100%); transition:transform 0.9s;}
#mVisu .txt_box2 .tit {font-size:4.68em; color:#fff; line-height:1.2em; font-weight:200;}
#mVisu .txt_box2 .tit span {transition-delay:1.1s}
#mVisu .txt_box2 .tit strong {font-weight:700; transition-delay:1.2s;}
#mVisu .txt_box2 .txt {font-size:1.25em; color:#fff; line-height:1.6em; font-weight:500; margin-top:30px;}
#mVisu .txt_box2 .txt p {transition-delay:1.3s;}
#mVisu .img_box {display:flex; justify-content:center; align-items:center; width:calc(100% - 200px); height:440px; position:absolute; left:100px; bottom:100px; overflow:hidden; transition:all 0.8s linear;}
#mVisu .scroll_box {display:flex; justify-content:center; align-items:center; width:auto; text-align:center; position:absolute; bottom:100px; left:50%; margin-left:-600px; z-index:30;}
#mVisu .scroll_box > div {display:flex; justify-content:center; align-items:center;}
#mVisu .scroll_box .icon {width:10px; height:10px; margin-right:15px; position:relative;}
#mVisu .scroll_box .icon span {display:block; width:100%; height:100%; background:#fff; border-radius:50%; position:absolute; left:0; bottom:0; animation:mVisuIcon 2s ease-in-out infinite; animation-delay:0.6s;}
#mVisu .scroll_box .icon span:nth-child(1) {transform:translateY(-150%); background:rgba(255,255,255,0.4); animation-delay:0s;}
#mVisu .scroll_box .icon span:nth-child(2) {transform:translateY(-100%); background:rgba(255,255,255,0.6); animation-delay:0.2s;}
#mVisu .scroll_box .icon span:nth-child(3) {transform:translateY(-50%); background:rgba(255,255,255,0.8); animation-delay:0.4s;}
#mVisu .scroll_box p {font-size:0.75em; color:#fff; font-weight:600; text-transform:uppercase;}

.mVisu_slide {width:100vw; height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%);}
.mVisu_slide .swiper-slide {background-repeat:no-repeat; background-position:center center; background-size:cover;}
.mVisu_slide .swiper-slide:before {content:''; display:block; width:100%; height:100%; background:rgba(25,25,25,0.3)}
.mVisu_slide .swiper-button-next, .mVisu_slide .swiper-button-prev {width:80px; height:80px; border:2px solid #fff; border-radius:50%; top:auto; bottom:100px; margin-top:0; opacity:0; visibility:hidden; transition:opacity 0.3s, visibility 0.3s 1s;}
.mVisu_slide .swiper-button-next {right:100px;}
.mVisu_slide .swiper-button-prev {left:auto; right:170px;}
.mVisu_slide .swiper-button-next:hover, .mVisu_slide .swiper-button-prev:hover {opacity:1 !important;}
.mVisu_slide .swiper-button-next:after, .mVisu_slide .swiper-button-prev:after {font-size:1em; color:#fff; font-weight:400; font-family:'Font Awesome 6 Pro'}
.mVisu_slide .swiper-button-next:after {content:'\f178'}
.mVisu_slide .swiper-button-prev:after {content:'\f177'}


#mVisu.active .txt_box {opacity:0; visibility:hidden;}
#mVisu.active .txt_box2 {opacity:1; visibility:visible;}
#mVisu.active .txt_box2 span, #mVisu.active .txt_box2 strong, #mVisu.active .txt_box2 .txt p {transform:translateY(0)}
#mVisu.active .img_box {width:100%; height:100%; left:0; bottom:0;}
#mVisu.active .scroll_box {left:100px; margin-left:0;}
#mVisu.active .mVisu_slide .swiper-button-next, #mVisu.active .mVisu_slide .swiper-button-prev {opacity:0.5; visibility:visible;}

@keyframes mVisuIcon {
    0% {opacity:0;}
    50% {opacity:1;}
    100% {opacity:0;}
}

@media screen and (max-width:1499px){
    #mVisu .txt_box {margin-top:-140px;}
    #mVisu .img_box {width:calc(100% - 100px); left:50px; bottom:50px;}
}

@media screen and (max-width:1299px){
    #mVisu .inner {width:88%;}
    #mVisu .txt_box .tit {font-size:3.5em;}
    #mVisu .img_box {width:95%; left:2.5%; bottom:2.5vw;}
    #mVisu .scroll_box {left:3vw; margin-left:0;}

    .mVisu_slide .swiper-button-next {right:6vw;}
    .mVisu_slide .swiper-button-prev {right:6vw; margin-right:70px;}

    #mVisu.active .scroll_box {left:6vw;}
}

@media screen and (max-width:1024px){
    #mVisu {display:block;}
    #mVisu .txt_box {display:flex; justify-content:center; flex-direction:column; height:calc(70vh - 6vw); margin-top:0;}
    #mVisu .txt_box .tit {float:left; width:100%; font-size:2.3em;}
    #mVisu .txt_box .txt {float:left; width:100%; font-size:1em; margin-top:10px;}
    #mVisu .txt_box2 .tit {font-size:3.7em;}
    #mVisu .txt_box2 .txt {font-size:1.125em; margin-top:15px;}
    #mVisu .img_box {width:88%; height:30vh; left:6%; bottom:6vw;}
    #mVisu .scroll_box {bottom:3vh;}

    .mVisu_slide .swiper-button-next, .mVisu_slide .swiper-button-prev {width:60px; height:60px; bottom:3vh;}
    .mVisu_slide .swiper-button-prev {margin-right:50px;}
}

@media screen and (max-width:767px){
    #mVisu .txt_box {height:calc(80vh - 6vw)}
    #mVisu .txt_box .tit {font-size:2em;}
    #mVisu .txt_box2 .tit {font-size:2.3em;}
    #mVisu .img_box {height:20vh;}
    #mVisu .scroll_box .icon {width:8px; height:8px; margin-right:10px;}

    .mVisu_slide .swiper-button-next, .mVisu_slide .swiper-button-prev {width:40px; height:40px; font-size:0.875em;}
    .mVisu_slide .swiper-button-prev {margin-right:35px;}
}


#mInfo {width:100%; height:100%; position:relative; overflow:hidden;}
#mInfo .box {width:100%; height:100%; position:relative;}
#mInfo .box > div {width:100%; position:absolute; left:0%; top:50%; transform:translate(0, -50%); text-align:center;}
#mInfo .box > div:nth-child(1) {z-index:10;}
#mInfo .box > div:nth-child(2) {left:50%;}
#mInfo .box > div:nth-child(3) {left:100%;}
#mInfo .box > div > div {position:relative;}
#mInfo .box > div p {white-space:nowrap;}
#mInfo .box > div .tit_box {position:relative;}
#mInfo .box > div .tit_box:before {content:''; display:block; width:521px; height:500px; background:url(/images/simbol.svg) no-repeat center center; background-size:contain; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); opacity:0;}
#mInfo .box > div .tit_box p {font-size:3.75em; color:#dcdcdc; line-height:1.2em; font-weight:700; position:relative; z-index:10;}
#mInfo .box > div .txt_box p {font-size:1.25em; color:#dcdcdc; line-height:1.45em; font-weight:700;}
#mInfo .box > div .txt_box a {display:none; position:absolute; left:50%; top:100%; transform:translate(-50%, 70px);}
#mInfo .paging_box {display:none; width:100%; position:absolute; left:0; bottom:15px;}


#mInfo .box > div.active .tit_box:before {opacity:0.03;}
#mInfo .box > div.active .tit_box p {font-size:8.125em; color:#191919; transform:scale(1)}
#mInfo .box > div.active .txt_box p {font-size:2.81em; color:#191919;}
#mInfo .box > div.active .txt_box a {display:block;}

@media screen and (max-width:1699px){
    #mInfo .box > div .tit_box p {font-size:3.5vw;}
    #mInfo .box > div .tit_box:before {width:40vw;}
    #mInfo .box > div .txt_box p {font-size:1.6vw;}

    #mInfo .box > div.active .tit_box p {font-size:7vw;}
    #mInfo .box > div.active .txt_box p {font-size:3vw;}
}

@media screen and (max-width:1024px){
    #mInfo .box > div .txt_box a {transform:translate(-50%, 30px)}
	#mInfo .paging_box {display:flex; justify-content:center; align-items:center;}
	#mInfo .paging_box span {display:block; width:6px; height:6px; background:#191919; border-radius:50%; margin:0 3px; opacity:0.5; transition:opacity 0.5s;}
	#mInfo .paging_box span.active {opacity:1;}
}

@media screen and (max-width:767px){
    #mInfo .box > div .tit_box p, #mInfo .box > div .txt_box p {font-size:0;}
    #mInfo .box > div .txt_box a {transform:translate(-50%, 15px)}

    #mInfo .box > div.active .txt_box p {font-size:4vw;}
}

.mouse_box {width:55px; height:55px; border:2px solid #cea882; border-radius:50%; position:fixed; left:0; top:0; z-index:200; opacity:0; visibility:hidden; transform:translate(-50%, -50%); pointer-events:none; /*transition:all 0.5s ease-out; transition-property:left, top;*/}
.mouse_box:before, .mouse_box:after {font-size:0.875em; color:#cea882; font-weight:400; font-family:'Font Awesome 6 Pro'; position:absolute; top:50%; transform:translateY(-50%)}
.mouse_box:before {content:'\f104'; right:100%; margin-right:10px;}
.mouse_box:after {content:'\f105'; left:100%; margin-left:10px;}
.mouse_box.on {opacity:1; visibility:visible}

@media screen and (max-width:1024px){
    .mouse_box {display:none;}
}

#mBusiness {display:flex; align-items:center; width:100%; height:100%; background:#012755 url(../images/mBusinessBG.png) no-repeat center center; background-size:cover; position:relative;}
.mBusiness_slide {width:100%; height:100%; position:relative; z-index:10;}
.mBusiness_slide .swiper-slide {display:flex; align-items:center;}
.mBusiness_slide .img_box {width:100%; height:100%; background-repeat:no-repeat; background-position:center center; background-size:cover; /*transition:all 0.6s; transition-property:width, height;*/}
.mBusiness_slide .txt_box {width:0; height:600px; transform:translateX(30px); opacity:0; visibility:hidden; transition:all 0.5s; transition-property:opacity, visibility, transform;}
.mBusiness_slide .txt_box > div {width:570px; padding-left:100px;}
.mBusiness_slide .txt_box .en {display:block; font-size:1.25em; color:rgba(255,255,255,0.3); margin-bottom:15px;}
.mBusiness_slide .txt_box dl dt {font-size:3.125em; color:#fff; font-weight:700;}
.mBusiness_slide .txt_box dl dd {font-size:1.125em; color:#fff; line-height:1.6em; font-weight:500; margin-top:20px;}
.mBusiness_slide .swiper-slide-active .txt_box {transform:translateX(0); opacity:1; visibility:visible; transition-delay:0.4s;}
.mBusiness_slide.swiper-container-horizontal>.swiper-scrollbar {width:1200px; height:1px; background:rgba(255,255,255,0.5); left:50%; top:50%; margin:400px 0 0 -600px; opacity:0; visibility:hidden; transition:opacity 0.2s 0.8s;}
.mBusiness_slide .swiper-scrollbar-drag {height:3px; background:#fff; margin-top:-1px;}
.mBusiness_slide .swiper-pagination {opacity:0; visibility:hidden;}
.mBusiness_slide_thumb {width:300px; height:300px; position:absolute; left:calc(50% - 270px); top:50%; transform:scale(0); transition:transform 0.6s}
.mBusiness_slide_thumb .img_box {width:100%; height:100%; background-repeat:no-repeat; background-position:center center; background-size:cover;}

#mBusiness.active .mBusiness_slide .img_box {width:calc(50% + 30px); height:600px;}
#mBusiness.active .mBusiness_slide.swiper-container-horizontal>.swiper-scrollbar {opacity:1; visibility:visible;}
#mBusiness.active .mBusiness_slide_thumb {transform:scale(1)}

@media screen and (max-width:1220px){
    .mBusiness_slide .txt_box > div {width:50vw; padding:0 6vw 0 30px;}
    .mBusiness_slide .txt_box dl dt {font-size:2.8em;}
    .mBusiness_slide .txt_box dl dd {font-size:1em; margin-top:10px;}
    .mBusiness_slide.swiper-container-horizontal>.swiper-scrollbar {width:88%; left:6%; margin-left:0;}
}

@media screen and (max-width:1024px){
    .mBusiness_slide .swiper-slide {justify-content:center; flex-direction:column;}
    .mBusiness_slide .txt_box {width:100%; height:0;}
    .mBusiness_slide .txt_box > div {width:88%; padding:20px 0 0 0; margin:0 auto;}
    .mBusiness_slide .txt_box .en {font-size:1.125em; margin-bottom:5px;}
    .mBusiness_slide .txt_box dl dt {font-size:2.2em;}
    .mBusiness_slide.swiper-container-horizontal>.swiper-scrollbar {display:none;}
	.mBusiness_slide .swiper-pagination {opacity:1; visibility:visible; z-index:30;}
	.mBusiness_slide.swiper-container-horizontal>.swiper-pagination-bullets {bottom:15px;}
	.mBusiness_slide .swiper-pagination-bullet {width:6px; height:6px; background:#fff; opacity:0.5; transition:opacity 0.5s;}
	.mBusiness_slide .swiper-pagination-bullet-active {opacity:1;}
    .mBusiness_slide_thumb {opacity:0; visibility:hidden;}

    #mBusiness.active .mBusiness_slide .img_box {width:88%; height:53vw; margin:-140px auto 0;}
}


#mService {display:flex; justify-content:center; align-items:center; width:100%; height:100%; position:relative;}
#mService .img_box {width:100%; height:calc(50vh - 60px); position:absolute; left:0; bottom:0; z-index:0; overflow:hidden;}
#mService .img_box:before {content:''; display:block; width:100%; height:100%; background:#fff url(../images/mServiceBG.png) no-repeat center center; background-size:cover;}
#mService .inner {position:relative; z-index:10; margin-top:-100px;}
#mService .tit_box {overflow:hidden;}
#mService .tit_box > div {float:right;}
#mService .tit_box .tit {float:left; font-size:2.81em; line-height:1.33em; font-weight:700;}
#mService .tit_box .txt {font-size:1.125em; color:#666; line-height:1.66em;}
#mService .tit_box .zest_btn1 {display:inline-block; margin-top:30px;}
#mService ul {width:100%; margin-top:100px;}
#mService ul:after {content:''; display:block; width:100%; clear:both;}
#mService ul li {float:right; width:calc(50% - 5px); height:220px; background:#cea882; margin-right:0; margin-left:10px; transition:transform 0.5s;}
#mService ul li:last-child {margin-right:0;}
#mService ul li:hover {transform:translateY(-20px)}
#mService ul li a {display:block; width:100%; height:100%; padding:50px;}
#mService ul li dl {color:#fff;}
#mService ul li dl dt {font-size:1.25em; font-weight:700;}
#mService ul li dl dd {font-size:1em; line-height:1.75em; font-weight:500; margin-top:10px;}

.mService_wrap.active .img_box:before {transform:scale(1.05); transition:transform 8000ms}

@media screen and (max-width:1220px){
    #mService .tit_box > div {width:50%; padding-left:20px;}
    #mService .tit_box .tit {width:50%;}
    #mService ul li a {padding:40px;}
}

@media screen and (max-width:1024px){
    #mService .inner {margin-top:-50px;}
    #mService .tit_box > div {float:none; width:100%; margin-top:2%; padding-left:0;}
    #mService .tit_box .tit {float:none; width:100%; font-size:2.2em;}
    #mService .tit_box .txt {font-size:1em;}
    #mService .tit_box .zest_btn1 {margin-top:3%;}
    #mService ul {margin-top:7%;}
    #mService ul li {height:160px;}
    #mService ul li a {padding:30px;}
    #mService ul li dl dt {font-size:1.125em;}
    #mService ul li dl dd {margin-top:5px;}
    #mService ul li dl dd br {display:none;}
}

@media screen and (max-width:767px){
	#mService {padding-top:55px;}
	#mService .inner {margin-top:0;}
    #mService .tit_box .tit {font-size:1.8em;}
    #mService ul li {float:none; width:100%; height:auto; margin:0 0 5px 0;}
    #mService ul li:last-child {margin-bottom:0;}
    #mService ul li a {padding:15px;}
    #mService ul li:hover {transform:translateY(0)}
}


#mPartner {display:flex; justify-content:center; align-items:center; width:100%; height:100%; background:#f8f9fc; position:relative; text-align:center;}
#mPartner .tit_box .tit {font-size:2.81em; line-height:1.33em; font-weight:700;}
#mPartner .tit_box .txt {font-size:1.125em; color:#666; line-height:1.66em; margin-top:15px;}
.mPartner_slide_wrap {width:100%; position:relative; margin:150px 0;}
.mPartner_slide_wrap:before {content:''; display:block; width:100%; height:100%; position:absolute; left:0; top:0;}
.mPartner_slide .swiper-wrapper {transition-timing-function:linear;}
.mPartner_slide .swiper-slide {width:auto;}

@media screen and (max-width:1024px){
    #mPartner .tit_box .tit {font-size:2.2em;}
    #mPartner .tit_box .txt {font-size:1em; margin-top:10px;}
    .mPartner_slide_wrap {margin:10% 0;}
    .mPartner_slide img {height:60px;}
}

@media screen and (max-width:767px){
    #mPartner .tit_box .tit {font-size:1.8em;}
    .mPartner_slide img {height:40px;}
}


#mCommunity {display:flex; justify-content:center; align-items:center; width:100%; height:100%;}
#mCommunity .tit_box {overflow:hidden;}
#mCommunity .tit_box > div {float:right;}
#mCommunity .tit_box .tit {float:left; font-size:2.81em; line-height:1.33em; font-weight:700;}
#mCommunity .tit_box .txt {font-size:1.125em; color:#666; line-height:1.66em;}
#mCommunity .tit_box .zest_btn1 {display:inline-block; margin-top:30px;}
#mCommunity .tab_box {width:100%; margin:100px 0 50px; overflow:hidden;}
#mCommunity .tab_box li {float:left; margin-right:5px;}
#mCommunity .tab_box li button {display:block; width:120px; height:40px; border:1px solid #dcdcdc; font-size:1em; color:#a4a4a4; font-weight:500; font-family:'Pretendard'}
#mCommunity .tab_box li.on button {background:#012755; border-color:#012755; color:#fff; font-weight:600;}
#mCommunity .content_box {margin-top:100px;}
#mCommunity .content_box > div {display:none;}
#mCommunity .content_box > div.on {display:block;}
.community_list {width:100%;}
.community_list:after {content:''; display:block; width:100%; clear:both;}
.community_list li {float:left; width:calc(33.33% - 6.66px); height:350px; margin-right:10px;}
.community_list li:last-child {margin-right:0;}
.community_list li a {display:flex; justify-content:center; flex-direction:column; width:100%; height:100%; background:#fff; border:1px solid #ccc; padding:0 50px; transition:box-shadow 0.5s;}
.community_list li:hover a {box-shadow:10px 10px 25px rgba(25,25,25,0.1)}
.community_list li .date {font-size:1.125em; color:#012755; line-height:1.5em; font-weight:700; margin-bottom:15px;}
.community_list li dl dt {font-size:1.5em; line-height:1.45em; font-weight:600; max-height:2.9em; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.community_list li dl dd {font-size:1em; color:#666; line-height:1.75em; margin-top:20px; max-height:3.5em; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}

@media screen and (max-width:1220px){
    #mCommunity .tit_box > div {width:40%; padding-left:20px;}
    #mCommunity .tit_box .tit {width:60%;}
}

@media screen and (max-width:1024px){
    #mCommunity .tit_box > div {float:none; width:100%; margin-top:2%; padding-left:0;}
    #mCommunity .tit_box .tit {float:none; width:100%; font-size:2.2em;}
    #mCommunity .tit_box .txt {font-size:1em;}
    #mCommunity .tit_box .zest_btn1 {margin-top:3%;}
    #mCommunity .tab_box {margin:6% 0 4%;}
    #mCommunity .tab_box li button {width:100px; height:35px;}
	#mCommunity .content_box {margin-top:10%;}
    .community_list li {height:270px;}
    .community_list li a {padding:0 15px;}
    .community_list li .date {font-size:1em; margin-bottom:10px;}
    .community_list li dl dt {font-size:1.3em;}
    .community_list li dl dd {margin-top:10px;}
}

@media screen and (max-width:767px){
    #mCommunity .tit_box .tit {font-size:1.8em;}
    #mCommunity .tab_box li button {width:80px; height:30px;}
    .community_list li {float:none; width:100%; height:auto; margin:0 0 5px 0;}
    .community_list li:nth-child(1) ~ li {display:none;}
    .community_list li a {padding:15px;}
    .community_list li .date {margin-bottom:5px;}
    .community_list li dl dt {max-height:1.45em; -webkit-line-clamp:1;}
}

@media screen and (max-width:767px){
	#mCommunity {padding-top:55px;}
    #mCommunity .tit_box .tit {font-size:1.5em;}
}


#mContact {display:flex; justify-content:center; align-items:center; width:100%; height:100%; padding-top:200px; position:relative;}
#mContact:before {content:''; display:block; width:100%; height:200px; background:url(/images/mContactBG.jpg) no-repeat center center; background-size:cover; position:absolute; left:0; top:0;}
#mContact > div {overflow:hidden;}
#mContact .contact {float:left; width:700px; overflow:hidden;}
#mContact .tit {font-size:2.81em; line-height:1.2em; font-weight:700; margin-bottom:30px;}
#mContact .form_box {display:flex; justify-content:space-between; flex-wrap:wrap; width:100%; margin-bottom:10px;}
#mContact .form_box li {display:flex; align-items:center; width:calc(50% - 5px); height:62px; border:1px solid #ccc; margin-bottom:10px; padding:0 25px;}
#mContact .form_box li label {display:block; width:105px; position:relative;}
#mContact .form_box li label:after {content:''; display:block; width:1px; height:30px; background:#dcdcdc; position:absolute; right:0; top:50%; transform:translateY(-50%)}
#mContact .form_box li > div {width:calc(100% - 105px)}
#mContact .form_box li input {display:block; width:100%; height:30px; padding-left:20px; border:0; font-size:1em; font-family:'Pretendard'}
#mContact .form_box li textarea {width:100%; height:150px; padding-top:10px; border:0; font-size:1em; font-family:'Pretendard'; resize:none;}
#mContact .form_box li input:focus, #mContact .form_box li textarea:focus {outline:none; box-shadow:none !important; border:0 !important;}
#mContact .form_box li.w_100 {display:block; width:100%; height:auto; padding:20px 25px;}
#mContact .form_box li.w_100 label {width:100%;}
#mContact .form_box li.w_100 label:after {width:100%; height:1px; position:relative; top:0; transform:translateY(0); margin-top:15px;}
#mContact .form_box li.w_100 > div {width:100%;}
#mContact .check_box {float:left; display:block;}
#mContact .check_box input {display:none;}
#mContact .check_box p {font-size:1em; color:#666; line-height:26px; padding-left:40px; position:relative;}
#mContact .check_box p a {color:#666; text-decoration:underline;}
#mContact .check_box p:before {content:''; display:block; width:26px; height:26px; line-height:24px; border:1px solid #ccc; position:absolute; left:0; top:0;}
#mContact .check_box input:checked + p:before {content:'\f00c'; background:#012755; border-color:#012755; font-size:0.875em; color:#fff; font-weight:400; font-family:'Font Awesome 6 Pro'; text-align:center;}
#mContact .submit_btn {float:right; width:250px; height:70px; background:#012755; font-size:1.125em; color:#fff; font-weight:700; font-family:'Pretendard'}

#mContact .location {float:right; width:450px;}
#mContact .add {font-size:1.125em; color:#666; line-height:1.4em;}
#mContact .subway {font-size:1em; color:#666; line-height:1.5em; margin-top:10px;}
#mContact .subway span {display:inline-block; width:26px; line-height:20px; border:3px solid #ff7d21; border-radius:50%; font-size:0.75em; color:#ff7d21; font-weight:700; text-align:center; margin-right:10px;}
#mContact .map_box {width:100%; height:250px; background:#f8f9fc; margin:30px 0 20px;}
#mContact .map_box .root_daum_roughmap .wrap_map {height:100% !important;}
#mContact .kakao_btn {display:block; width:100%; line-height:70px; background:#fae200; font-size:1.125em; color:#3d1d1c; font-weight:700; text-align:center;}
#mContact .kakao_btn:before {content:''; display:inline-block; width:33px; height:30px; background:url(/images/icon_kakao.png) no-repeat center center; background-size:contain; margin-right:10px; vertical-align:middle;}

@media screen and (max-width:1220px){
    #mContact .contact {width:calc(100% - 400px)}
    #mContact .form_box li label {width:70px;}
    #mContact .form_box li > div {width:calc(100% - 70px)}

    #mContact .location {width:380px;}
}

@media screen and (max-width:1024px){
    #mContact {padding-top:100px;}
    #mContact:before {height:100px;}
    #mContact .contact {width:calc(100% - 340px)}
    #mContact .tit {font-size:2.2em; margin-bottom:15px;}
    #mContact .form_box li {width:calc(50% - 2.5px); height:50px; margin-bottom:5px; padding:0 15px;}
    #mContact .form_box li label {width:50px;}
    #mContact .form_box li label:after {height:20px;}
    #mContact .form_box li > div {width:calc(100% - 50px)}
    #mContact .form_box li input {padding-left:10px;}
    #mContact .form_box li.w_100 {padding:15px;}
    #mContact .form_box li.w_100 label:after {margin-top:5px;}
    #mContact .check_box {float:none;}
    #mContact .check_box p {line-height:20px; padding-left:27px;}
    #mContact .check_box p:before {width:20px; height:20px; line-height:18px;}
    #mContact .submit_btn {float:none; display:block; width:190px; height:50px; font-size:1em; margin:20px auto 0;}

    #mContact .location {width:330px;}
    #mContact .add {font-size:1em;}
    #mContact .subway {font-size:0.875em; margin-top:5px;}
    #mContact .subway span {width:20px; line-height:16px; border-width:2px;}
    #mContact .map_box {height:180px; margin:15px 0 10px;}
    #mContact .kakao_btn {line-height:50px; font-size:1em;}
    #mContact .kakao_btn:before {width:27px; height:24px;}
}

@media screen and (max-width:767px){
    #mContact {padding-top:55px;}
    #mContact:before {height:55px;}
    #mContact .tit {font-size:1.8em;}
    #mContact .contact {float:none; width:100%;}
	#mContact .form_box {margin-bottom:0;}
    #mContact .form_box li {width:100%; height:35px; padding:0 10px;}
    #mContact .form_box li label:after {height:15px;}
    #mContact .form_box li textarea {height:50px;}
    #mContact .form_box li.w_100 {padding:10px;}
    #mContact .check_box p {line-height:16px; padding-left:20px;}
    #mContact .check_box p:before {width:16px; height:16px; line-height:14px;}
    #mContact .submit_btn {width:160px; height:35px; margin-top:15px;}

    #mContact .location {float:none; display:none; width:100%; margin-top:4%;}
}


/*.mLocation_wrap {display:none;}*/

#mLocation {display:flex; justify-content:center; align-items:center; width:100%; height:100vh; padding-top:200px; position:relative;}
#mLocation:before {content:''; display:block; width:100%; height:200px; background:url(/images/mContactBG.jpg) no-repeat center center; background-size:cover; position:absolute; left:0; top:0;}
#mLocation .tit {font-size:2.81em; line-height:1.2em; font-weight:700; margin-bottom:30px;}
#mLocation .txt_box {position:relative; padding-right:260px;}
#mLocation .add {font-size:1.125em; color:#666; line-height:1.4em;}
#mLocation .subway {font-size:1em; color:#666; line-height:1.5em; margin-top:10px;}
#mLocation .subway span {display:inline-block; width:26px; line-height:20px; border:3px solid #ff7d21; border-radius:50%; font-size:0.75em; color:#ff7d21; font-weight:700; text-align:center; margin-right:10px;}
#mLocation .map_box {width:100%; height:400px; background:#f8f9fc; margin:30px 0 20px;}
#mLocation .map_box .root_daum_roughmap .wrap_map {height:100% !important;}
#mLocation .kakao_btn {display:block; width:250px; line-height:70px; background:#fae200; font-size:1.125em; color:#3d1d1c; font-weight:700; text-align:center; position:absolute; right:0; bottom:0;}
#mLocation .kakao_btn:before {content:''; display:inline-block; width:33px; height:30px; background:url(/images/icon_kakao.png) no-repeat center center; background-size:contain; margin-right:10px; vertical-align:middle;}
/*#mLocation .location {width:88%;}
#mLocation .tit {font-size:1.8em; line-height:1.2em; font-weight:700; margin-bottom:15px;}
#mLocation .add {font-size:1.125em; color:#666; line-height:1.4em;}
#mLocation .subway {font-size:1em; color:#666; line-height:1.5em; margin-top:10px;}
#mLocation .subway span {display:inline-block; width:20px; line-height:16px; border:2px solid #ff7d21; border-radius:50%; font-size:0.75em; color:#ff7d21; font-weight:700; text-align:center; margin-right:5px;}
#mLocation .map_box {width:100%; height:200px; background:#f8f9fc; margin:30px 0 20px;}
#mLocation .map_box .root_daum_roughmap .wrap_map {height:100% !important;}
#mLocation .kakao_btn {display:block; width:100%; line-height:50px; background:#fae200; font-size:1em; color:#3d1d1c; font-weight:700; text-align:center;}
#mLocation .kakao_btn:before {content:''; display:inline-block; width:26px; height:15px; background:url(/images/icon_kakao.png) no-repeat center center; background-size:contain; margin-right:10px; vertical-align:middle;}*/

@media screen and (max-width:1024px){
    #mLocation {padding-top:100px;}
    #mLocation:before {height:100px;}
	#mLocation .tit {font-size:2.2em; margin-bottom:15px;}
	#mLocation .txt_box {padding-right:190px;}
	#mLocation .add {font-size:1em;}
    #mLocation .subway {font-size:0.875em; margin-top:5px;}
    #mLocation .subway span {width:20px; line-height:16px; border-width:2px;}
    #mLocation .map_box {height:50vh; margin:15px 0 10px;}
    #mLocation .kakao_btn {width:190px; line-height:50px; font-size:1em;}
    #mLocation .kakao_btn:before {width:27px; height:24px; margin-right:5px;}
}

@media screen and (max-width:767px){
    #mLocation {padding-top:55px;}
    #mLocation:before {height:55px;}
    #mLocation .tit {font-size:1.8em;}
	#mLocation .txt_box {padding-right:0;}
	#mLocation .kakao_btn {width:160px; line-height:35px; position:relative; margin-top:4%;}
    #mLocation .kakao_btn:before {width:21px; height:18px;}
	/*.mLocation_wrap {display:block;}*/
}




/* sub */
#sVisu {width:100%; height:600px; background-repeat:no-repeat; background-position:center center; background-size:cover; position:relative; padding-top:290px;}
#sVisu:before {content:''; display:block; width:100%; height:100%; background:rgba(25,25,25,0.3); position:absolute; left:0; top:0;}
#sVisu > div {positioN:relative; z-index:10;}
#sVisu h2 {font-size:3.75em; color:#fff; line-height:1.4em; font-weight:700; text-align:center;}

.sVisu1 {background-image:url(../images/sVisu_img1.jpg)}
.sVisu2 {background-image:url(../images/sVisu_img2.jpg)}
.sVisu3 {background-image:url(../images/sVisu_img1.jpg)}
.sVisu4 {background-image:url(../images/sVisu_img4.jpg)}
.sVisu5 {background-image:url(../images/sVisu_img5.jpg)}
.sVisu6 {background-image:url(../images/sVisu_img6.jpg)}

@media screen and (max-width:1024px){
    #sVisu {height:360px; padding-top:140px;}
    #sVisu h2 {font-size:3em;}
}

@media screen and (max-width:767px){
    #sVisu {height:240px; padding-top:100px;}
    #sVisu h2 {font-size:2.4em;}
}



.sub_menu_wrap {width:100%; height:60px; background:rgba(1,39,85,0.8); margin-top:-60px; position:relative; z-index:10;}
.sub_menu_wrap .current {display:none;}
.sub_menu_wrap ul {display:flex; justify-content:center;}
.sub_menu_wrap ul li {width:50%;}
.sub_menu_wrap ul li a {display:block; font-size:1.25em; color:#fff; font-weight:600; line-height:60px; text-align:center; position:relative;}
.sub_menu_wrap ul li a:before {content:''; display:block; width:0; height:3px; background:#fff; position:absolute; left:50%; top:0; transform:translateX(-50%); transition:width 0.6s;}
.sub_menu_wrap ul li.active a:before, .sub_menu_wrap ul li a:hover:before {width:100%;}

.sub_menu_wrap.col1 ul li {width:50%;}
.sub_menu_wrap.col2 ul li {width:50%;}
.sub_menu_wrap.col3 ul li {width:33.33%;}
.sub_menu_wrap.col4 ul li {width:25%;}
.sub_menu_wrap.col5 ul li {width:20%;}
.sub_menu_wrap.col6 ul li {width:16.66%;}
.sub_menu_wrap.col7 ul li {width:14.28%;}

@media screen and (min-width:768px){
    .sub_menu_wrap > div {display:block !important;}
}

@media screen and (max-width:1024px){
    .sub_menu_wrap {height:50px; margin-top:-50px;}
    .sub_menu_wrap ul li a {font-size:1em; line-height:50px;}
}

@media screen and (max-width:767px){
    .sub_menu_wrap {height:40px; margin-top:-40px;}
    .sub_menu_wrap .current {display:block; width:100%; height:40px; font-size:1em; color:#fff; font-weight:500; font-family:'Pretendard';}
    .sub_menu_wrap > div {display:none; width:100%; background:#ffefdf; position:absolute; left:0; top:100%;}
    .sub_menu_wrap ul {display:block; width:100%;}
    .sub_menu_wrap ul li {float:none; width:100% !important;}
    .sub_menu_wrap ul li a {color:#191919; line-height:35px;}
    .sub_menu_wrap ul li a:before {display:none;}
    .sub_menu_wrap ul li.active a {color:#cea882}
}



#sub_content {margin:100px 0 150px;}
#sub_content h3:not(#bo_v_title) {font-size:2.81em; line-height:1.4em; font-weight:700; margin-bottom:70px;}
#sub_content h3:not(#bo_v_title):before {content:'Zest IP Law Firm'; display:block; font-size:0.44em; color:#cea882; line-height:1.4em; margin-bottom:10px;}

.s_tit1 {font-size:1.875em; line-height:1.4em; font-weight:500;}

.s_txt1 {font-size:1.125em; color:#666; line-height:1.6em;}

@media screen and (max-width:1024px){
    #sub_content {margin:12% 0;}
    #sub_content h3:not(#bo_v_title) {font-size:2.3em; margin-bottom:7%;}
    #sub_content h3:not(#bo_v_title):before {margin-bottom:0;}

    .s_tit1 {font-size:1.5em;}

    .s_txt1 {font-size:1em;}
}

@media screen and (max-width:767px){
    #sub_content h3:not(#bo_v_title) {font-size:2em;}

    .s_tit1 {font-size:1.3em;}
}

.sub_tab_box {display:flex; justify-content:space-between; width:100%; margin-bottom:70px;}
.sub_tab_box li {width:calc(50% - 5px);}
.sub_tab_box li a {display:flex; justify-content:center; align-items:center; width:100%; height:60px; background:#fff; border:1px solid #ccc; font-size:1.125em; color:#666; font-family:'Pretendard'; transition:all 0.5s; transition-property:background, border, color;}
.sub_tab_box li:hover a {border-color:#012755; color:#012755;}
.sub_tab_box li.active a {background:#012755; border-color:#012755; color:#fff; font-weight:700}

@media screen and (max-width:1024px){
    .sub_tab_box {margin-bottom:5%;}
    .sub_tab_box li a {height:50px; font-size:1em;}
}

@media screen and (max-width:767px){
    .sub_tab_box li {width:calc(50% - 2.5px)}
    .sub_tab_box li a {height:40px;}
}

.sub_img_box1 {width:100%; height:500px; background-repeat:no-repeat; background-position:center center; background-size:cover;}

@media screen and (max-width:1220px){
    .sub_img_box1 {height:40vw;}
}


.sub_list_box1 > li {font-size:1.25em; line-height:1.5em; font-weight:600; padding-left:20px; position:relative; margin-bottom:20px;}
.sub_list_box1 > li:last-child {margin-bottom:0;}
.sub_list_box1 > li:before {content:''; display:block; width:4px; height:20px; background:#cea882; position:absolute; left:0; top:5px;}

@media screen and (max-width:1024px){
    .sub_list_box1 > li {font-size:1.125em; padding-left:15px; margin-bottom:2%;}
    .sub_list_box1 > li:before {width:3px; height:14px; top:3px;}
}

@media screen and (max-width:767px){
    .sub_list_box1 > li {padding-left:10px;}
    .sub_list_box1 > li:before {width:2px; top:2px;}
}


.sHistory_case2 {width:100%;}
.sHistory_case2:after {content:''; display:block; width:100%; clear:both;}
.sHistory_case2 > div {float:left; width:100%; margin-right:10px;}
.sHistory_case2 > div:last-child {margin-right:0;}
.sHistory_case2 .tit_box {display:flex; justify-content:center; align-items:center; width:100%; height:60px; border:1px solid #ccc; font-size:1.125em; color:#666; text-align:center; margin-bottom:50px;}
.sHistory_case2 .tit_box img {display:block; height:35px;}
.sHistory_case2 .box {width:100%; position:relative; border-left:1px solid #dcdcdc; padding:50px 0;}
.sHistory_case2 .box > div {display:flex; justify-content:center; flex-wrap:wrap; width:100%; padding-left:50px; margin-bottom:45px; position:relative;}
.sHistory_case2 .box > div:last-child {margin-bottom:0;}
.sHistory_case2 .box > div:before {content:''; display:block; width:6px; height:6px; background:#191919; border-radius:50%; position:absolute; left:-1px; top:15px; transform:translateX(-50%)}
.sHistory_case2 .box > div .date {width:170px; font-size:1.5em; line-height:1.4em; font-weight:500;}
.sHistory_case2 .box > div .content {width:calc(100% - 170px);}
.sHistory_case2 .box > div .content .subject {font-size:1.125em; color:#666; line-height:1.6em;}
.sHistory_case2 .box > div .content .txt {font-size:1em; color:#a4a4a4; line-height:1.5em;}

@media screen and (max-width:1024px){
	.sHistory_case2 .tit_box {height:50px; margin-bottom:3%;}
	.sHistory_case2 .tit_box img {height:27px;}
    .sHistory_case2 .box {padding:5% 0;}
    .sHistory_case2 .box > div {padding-left:20px; margin-bottom:3%;}
	.sHistory_case2 .box > div:before {top:10px;}
    .sHistory_case2 .box > div .date {width:120px; font-size:1.3em;}
    .sHistory_case2 .box > div .content {width:calc(100% - 120px);}
	.sHistory_case2 .box > div .content .subject { font-size:1em;}
    .sHistory_case2 .box > div .content .txt {width:100px; font-size:0.875em;}
}

@media screen and (max-width:767px){
	.sHistory_case2 > div {float:none; width:100%; margin:0 0 10% 0;}
	.sHistory_case2 > div:last-child {margin-bottom:0;}
	.sHistory_case2 .tit_box {height:40px;}
	.sHistory_case2 .tit_box img {height:20px;}
    .sHistory_case2 .box > div {padding-left:15px; margin-bottom:5%;}
    .sHistory_case2 .box > div:before {width:5px; height:5px; top:8px;}
    .sHistory_case2 .box > div .date {width:100%; font-size:1.2em;}
    .sHistory_case2 .box > div .content {width:100%; margin:3px 0 0;}
}

.sLocation_case1 .map_box {width:100%; height:500px; background:#f8f9fc; margin-bottom:70px;}
.sLocation_case1 .map_box .root_daum_roughmap .wrap_map {height:100% !important;}
.sLocation_case1 .info_box {width:100%; background:url(/images/sLocation_img1.png) no-repeat left top; background-size:234px auto; padding-left:520px;}
.sLocation_case1 .info_box dl {display:flex; justify-content:space-between; margin-bottom:30px;}
.sLocation_case1 .info_box dl:last-child {margin-bottom:0;}
.sLocation_case1 .info_box dl dt {width:150px; font-size:1.125em; line-height:1.5em; font-weight:600; padding-bottom:15px; border-bottom:1px solid #191919;}
.sLocation_case1 .info_box dl dd {width:calc(100% - 180px); font-size:1.125em; color:#666; line-height:1.5em; padding-bottom:15px; border-bottom:1px solid #dcdcdc;}
.sLocation_case1 .info_box dl dd a {color:#666;}

@media screen and (max-width:1220px){
    .sLocation_case1 .info_box {padding-left:300px;}
}

@media screen and (max-width:1024px){
    .sLocation_case1 .map_box {height:350px; margin-bottom:7%;}
    .sLocation_case1 .info_box {background-size:170px auto; padding-left:200px;}
    .sLocation_case1 .info_box dl {margin-bottom:20px;}
    .sLocation_case1 .info_box dl dt {width:130px; font-size:1em; padding-bottom:10px;}
    .sLocation_case1 .info_box dl dd {width:calc(100% - 150px); font-size:1em; padding-bottom:10px;}
}

@media screen and (max-width:767px){
    .sLocation_case1 .map_box {height:200px;}
    .sLocation_case1 .info_box {background:none; padding-left:0;}
    .sLocation_case1 .info_box dl {margin-bottom:10px;}
    .sLocation_case1 .info_box dl dt {width:100px; padding-bottom:5px;}
    .sLocation_case1 .info_box dl dd {width:calc(100% - 110px); padding-bottom:5px;}
}



.sDelegate_case1 {display:flex; justify-content:space-between; flex-wrap:wrap; width:100%; overflow:hidden;}
.sDelegate_case1 > div {display:flex; justify-content:space-between; flex-wrap:wrap; width:100%;}
.sDelegate_case1 > div .img_box {width:calc(50% - 30px); text-align:center;}
.sDelegate_case1 > div .img_box img {max-width:100%;}
.sDelegate_case1 > div .txt_box {width:calc(50% - 30px);}
.sDelegate_case1 > div .txt_box .name {font-size:1.875em; line-height:1.4em; font-weight:500;}
.sDelegate_case1 > div .txt_box .name strong {font-size:1.33em; font-weight:700; margin-right:10px;}
.sDelegate_case1 > div .txt_box .email {display:inline-block; font-size:1em; color:#666; margin:20px 0;}
.sDelegate_case1 > div .txt_box .email:before {content:'\f0e0'; display:inline-block; font-size:1em; margin-right:5px; font-weight:300; font-family:'Font Awesome 6 Pro';}
.sDelegate_case1 > div .txt_box .tit {font-size:1.25em; line-height:1.4em; font-weight:600; border-bottom:1px solid #dcdcdc; margin:50px 0 15px; padding:0 0 10px 18px; position:relative;}
.sDelegate_case1 > div .txt_box .tit:before {content:''; display:block; width:4px; height:20px; background:#cea882; position:absolute; left:0; top:5px;}
.sDelegate_case1 > div .txt_box ul li {font-size:1.125em; color:#666; line-height:1.66em;}
.sDelegate_case1 > div .txt_box ul li strong {display:block; color:#191919; font-weight:600; margin-top:15px;}
.sDelegate_case1 > div .txt_box ul li:first-child strong {margin-top:0;}

@media screen and (max-width:1024px){
    .sDelegate_case1 > div .img_box {width:calc(50% - 15px)}
    .sDelegate_case1 > div .txt_box {width:calc(50% - 15px)}
    .sDelegate_case1 > div .txt_box .name {font-size:1.5em;}
	.sDelegate_case1 > div .txt_box .email {margin:2% 0;}
    .sDelegate_case1 > div .txt_box .tit {font-size:1.125em; margin:4vw 0 1vw; padding-left:10px;}
    .sDelegate_case1 > div .txt_box .tit:before {width:3px; height:15px; top:3px;}
    .sDelegate_case1 > div .txt_box ul li {font-size:1em;}
    .sDelegate_case1 > div .txt_box ul li strong {margin-top:1.5vw;}
}

@media screen and (max-width:767px){
	.sDelegate_case1 > div {width:100%; margin-bottom:10%;}
	.sDelegate_case1 > div:last-child {margin-bottom:0;}
    .sDelegate_case1 > div .img_box {width:100%; margin-bottom:4%;}
    .sDelegate_case1 > div .txt_box {width:100%; padding-left:0;}
    .sDelegate_case1 > div .txt_box .name {font-size:1.3em;}
    .sDelegate_case1 > div .txt_box .name strong {margin-right:5px;}
    .sDelegate_case1 > div .txt_box .tit {padding-bottom:5px;}
    .sDelegate_case1 > div .txt_box .tit:before {height:13px;}
}


.sZest_wrap .tab_box {display:flex; justify-content:space-between; width:100%; margin-bottom:70px;}
.sZest_wrap .tab_box li {width:calc(50% - 5px);}
.sZest_wrap .tab_box li button {display:block; width:100%; height:60px; background:#fff; border:1px solid #ccc; font-size:1.125em; color:#666; font-family:'Pretendard'; transition:all 0.5s; transition-property:background, border, color;}
.sZest_wrap .tab_box li:hover button {border-color:#012755; color:#012755;}
.sZest_wrap .tab_box li.active button {background:#012755; border-color:#012755; color:#fff; font-weight:700}
.sZest_wrap .content_box > div:not(.active) {display:none;}
.sZest_case1 > div {padding:50px 0; border-bottom:1px solid #dcdcdc; overflow:hidden;}
.sZest_case1 > div:first-child {padding-top:0;}
.sZest_case1 > div:last-child {padding-bottom:0; border-bottom:0;}
.sZest_case1 > div .img_box {float:left; width:300px; position:relative;}
.sZest_case1 > div .img_box img {width:100%;}
.sZest_case1 > div .img_box .more_btn {width:40px; height:40px; background:#cea882; font-size:1em; position:absolute; right:10px; bottom:10px;}
.sZest_case1 > div .img_box .more_btn:before {content:'\2b'; font-size:1em; color:#fff; font-weight:400; font-family:'Font Awesome 6 Pro'}
.sZest_case1 > div .txt_box {float:left; width:calc(100% - 300px); padding-left:70px;}
.sZest_case1 > div .txt_box .name {display:inline-block; font-size:1.5em; line-height:1.4em; font-weight:500; vertical-align:middle;}
.sZest_case1 > div .txt_box .name strong {font-size:1.25em; font-weight:700; margin-right:10px;}
.sZest_case1 > div .txt_box .cate {display:inline-block; overflow:hidden; vertical-align:middle; margin-left:10px;}
.sZest_case1 > div .txt_box .cate li {float:left; background:#f8f9fc; border-radius:15px; font-size:0.875em; color:#666; line-height:29px; font-weight:500; padding:0 15px; margin-right:5px;}
.sZest_case1 > div .txt_box .tit {width:100%; background:#cea882; font-size:1.125em; color:#fff; line-height:35px; font-weight:600; padding:0 20px; margin:30px 0;}
.sZest_case1 > div .txt_box .list {width:100%; overflow:hidden; margin-top:20px;}
.sZest_case1 > div .txt_box .list li {float:left; width:50%; font-size:1.125em; color:#666; line-height:1.8em; padding:0 10px 0 20px; position:relative;}
.sZest_case1 > div .txt_box .list li:before {content:''; display:block; width:4px; height:4px; background:#cea882; position:absolute; left:0; top:13px;}
.sZest_case1 > div .txt_box .list li strong {display:block; color:#191919; font-weight:600;}

.member_popup {display:flex; justify-content:center; align-items:center; width:100%; height:100vh; position:fixed; left:0; top:0; z-index:400; opacity:0; visibility:hidden;}
.member_popup.on {opacity:1; visibility:visible;}
.member_popup .popup_inner {width:88%; max-width:1000px; background:#fff; padding:50px 20px 50px 50px; position:relative; z-index:10;}
.member_popup .popup_inner:after {content:''; display:block; width:100%; clear:both;}
.member_popup .popup_inner .img_box {float:left; width:300px;}
.member_popup .popup_inner .img_box img {width:100%;}
.member_popup .popup_inner .txt_box {float:left; width:calc(100% - 300px); max-height:80vh; padding:0 80px 0 50px; overflow-y:scroll;}
.member_popup .popup_inner .txt_box .name {font-size:1.5em; line-height:1.4em; font-weight:500; margin-bottom:30px;}
.member_popup .popup_inner .txt_box .name strong {font-size:1.25em; font-weight:700; margin-right:10px;}
.member_popup .popup_inner .txt_box .tit {font-size:1.25em; line-height:1.4em; font-weight:600; border-bottom:1px solid #dcdcdc; margin-bottom:15px; padding:0 0 10px 18px; position:relative;}
.member_popup .popup_inner .txt_box .tit:before {content:''; display:block; width:4px; height:20px; background:#cea882; position:absolute; left:0; top:5px;}
.member_popup .popup_inner .txt_box ul {margin-bottom:50px;}
.member_popup .popup_inner .txt_box ul:last-of-type {margin-bottom:0;}
.member_popup .popup_inner .txt_box ul li {font-size:1.125em; color:#666; line-height:1.66em;}
.member_popup .popup_inner .txt_box ul li strong {display:block; color:#191919; font-weight:600; margin-top:15px;}
.member_popup .popup_inner .txt_box ul li:first-child strong {margin-top:0;}
.member_popup .popup_close {width:50px; height:50px; background:rgba(25,25,25,0.5); font-size:1em; position:absolute; left:100%; top:0;}
.member_popup .popup_close:before {content:'\f00d'; font-size:1.25em; color:#fff; font-weight:300; font-family:'Font Awesome 6 Pro'}
.member_popup .popupDim {width:100%; height:100%; background:rgba(25,25,25,0.6); position:absolute; left:0; top:0; z-index:0;}

.member_popup .popup_inner .txt_box::-webkit-scrollbar {width:7px;}
.member_popup .popup_inner .txt_box::-webkit-scrollbar-thumb {background:#dcdcdc; border-radius:4px;}
.member_popup .popup_inner .txt_box::-webkit-scrollbar-track {background:#fff;}

@media screen and (max-width:1220px){
    .sZest_case1 > div .txt_box {padding-left:40px;}
}

@media screen and (max-width:1024px){
    .sZest_wrap .tab_box {margin-bottom:5%;}
    .sZest_wrap .tab_box li button {height:50px; font-size:1em;}
    .sZest_case1 > div {padding:5% 0;}
    .sZest_case1 > div .img_box {width:200px;}
    .sZest_case1 > div .img_box .more_btn {width:35px; height:35px; right:5px; bottom:5px;}
    .sZest_case1 > div .txt_box {width:calc(100% - 200px); padding-left:20px;}
    .sZest_case1 > div .txt_box .name {font-size:1.3em;}
    .sZest_case1 > div .txt_box .cate li {line-height:25px;}
    .sZest_case1 > div .txt_box .tit {font-size:1em; margin:2vw 0; padding:0 10px;}
	.sZest_case1 > div .txt_box .list {margin-top:2%;}
    .sZest_case1 > div .txt_box .list li {float:none; width:100%; font-size:1em; padding-left:15px;}
    .sZest_case1 > div .txt_box .list li:before {top:10px;}

    .member_popup .popup_inner {padding:25px;}
    .member_popup .popup_inner .img_box {width:250px;}
    .member_popup .popup_inner .txt_box {width:calc(100% - 250px); padding:0 30px 0 20px;}
    .member_popup .popup_inner .txt_box .name {font-size:1em; margin-bottom:2vw;}
    .member_popup .popup_inner .txt_box .tit {font-size:1.125em; margin-bottom:1vw; padding-left:10px;}
    .member_popup .popup_inner .txt_box .tit:before {width:3px; height:15px; top:3px;}
    .member_popup .popup_inner .txt_box ul {margin-bottom:4vw;}
    .member_popup .popup_inner .txt_box ul li {font-size:1em;}
    .member_popup .popup_inner .txt_box ul li strong {margin-top:1.5vw;}
    .member_popup .popup_close {width:35px; height:35px;}
}

@media screen and (max-width:767px){
    .sZest_wrap .tab_box li {width:calc(50% - 2.5px)}
    .sZest_wrap .tab_box li button {height:40px;}
    .sZest_case1 > div .img_box {float:none; width:100%; margin-bottom:5%;}
    .sZest_case1 > div .img_box .more_btn {width:30px; height:30px;}
    .sZest_case1 > div .txt_box {float:none; width:100%; padding-left:0;}
    .sZest_case1 > div .txt_box .name {font-size:1.25em;}
    .sZest_case1 > div .txt_box .name strong {margin-right:5px;}
    .sZest_case1 > div .txt_box .cate {display:block; margin:5px 0 0 0;}
    .sZest_case1 > div .txt_box .tit {line-height:30px;}
    .sZest_case1 > div .txt_box .list li {padding-left:10px;}
    .sZest_case1 > div .txt_box .list li:before {width:3px; height:3px;}

    .member_popup .popup_inner {padding:20px;}
    .member_popup .popup_inner .img_box {float:none; width:100%; text-align:center;}
    .member_popup .popup_inner .img_box img {width:auto; height:280px;}
    .member_popup .popup_inner .txt_box {float:none; width:100%; padding:0 10px 0 0; max-height:calc(80vh - 280px); margin-top:4%;}
    .member_popup .popup_inner .txt_box .name {font-size:1.25em;}
    .member_popup .popup_inner .txt_box .tit {padding-bottom:5px;}
    .member_popup .popup_inner .txt_box .tit:before {height:13px;}
    .member_popup .popup_close {left:auto; right:0;}
    
    .member_popup .popup_inner .txt_box::-webkit-scrollbar {width:5px;}
}



.sPartner_case1 .tab_box {display:flex; justify-content:space-between; width:100%; margin-bottom:70px;}
.sPartner_case1 .tab_box li {width:calc(50% - 5px);}
.sPartner_case1 .tab_box li button {display:block; width:100%; height:60px; background:#fff; border:1px solid #ccc; font-size:1.125em; color:#666; font-family:'Pretendard'; transition:all 0.5s; transition-property:background, border, color;}
.sPartner_case1 .tab_box li:hover button {border-color:#012755; color:#012755;}
.sPartner_case1 .tab_box li.active button {background:#012755; border-color:#012755; color:#fff; font-weight:700}
.sPartner_case1 .content_box > div:not(.active) {display:none;}
.sPartner_case1 .list {display:flex; flex-wrap:wrap; width:100%;}
.sPartner_case1 .list li {display:flex; justify-content:center; align-items:center; width:calc(25% - 7.5px); height:90px; border:1px solid #ccc; margin:0 10px 10px 0;}
.sPartner_case1 .list li:nth-child(4n) {margin-right:0;}
.sPartner_case1 .list li img {max-width:100%;}

@media screen and (max-width:1024px){
    .sPartner_case1 .tab_box {margin-bottom:5%;}
    .sPartner_case1 .tab_box li button {height:50px; font-size:1em;}
    .sPartner_case1 .list li {width:calc(33.33% - 6.66px); height:80px;}
    .sPartner_case1 .list li:nth-child(4n) {margin-right:10px;}
    .sPartner_case1 .list li:nth-child(3n) {margin-right:0;}
}

@media screen and (max-width:767px){
    .sPartner_case1 .tab_box li {width:calc(50% - 2.5px)}
    .sPartner_case1 .tab_box li button {height:40px;}
    .sPartner_case1 .list li {width:calc(50% - 2.5px); height:auto; margin:0 5px 5px 0;}
    .sPartner_case1 .list li:nth-child(4n) {margin-right:5px;}
    .sPartner_case1 .list li:nth-child(3n) {margin-right:5px;}
    .sPartner_case1 .list li:nth-child(2n) {margin-right:0;}
}


.sPrivacy_case1 .tit1 {font-size:1.5em; font-weight:500; margin:50px 0 20px;}
.sPrivacy_case1 .txt {font-size:1.125em; color:#666; line-height:1.6em;}
.sPrivacy_case1 .list1 {padding-left:20px;}
.sPrivacy_case1 .list1 li {font-size:1.125em; color:#666; line-height:1.6em; padding-left:23px; position:relative;}
.sPrivacy_case1 .list1 li:before {content:'-'; position:absolute; left:0; top:0;}
.sPrivacy_case1 .list2 li {font-size:1em; color:#a4a4a4; line-height:1.68em; padding-left:13px; position:relative;}
.sPrivacy_case1 .list2 li:before {content:'※'; position:absolute; left:0; top:0;}
.sPrivacy_case1 table {width:100%; border-top:2px solid #191919;}
.sPrivacy_case1 table thead th {background:#f8f9fc; font-size:1.125em; font-weight:600; text-align:center; padding:25px 0; border-right:1px solid #dcdcdc;}
.sPrivacy_case1 table thead th:last-child {border-right:0;}
.sPrivacy_case1 table tbody td {font-size:1.125em; color:#666; line-height:1.6em; text-align:center; border-right:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc; padding:20px 0;}
.sPrivacy_case1 table tbody td:last-child {border-right:0;}

@media screen and (max-width:1024px){
    .sPrivacy_case1 .tit1 {font-size:1.2em; margin:5% 0 2%;}
    .sPrivacy_case1 .txt {font-size:1em;}
    .sPrivacy_case1 .list1 {padding-left:10px;}
    .sPrivacy_case1 .list1 li {font-size:1em; padding-left:15px;}
    .sPrivacy_case1 .list2 li {font-size:0.875em;}
    .sPrivacy_case1 table thead th {font-size:1em; padding:15px 0;}
    .sPrivacy_case1 table tbody td {font-size:1em; padding:10px 0;}
}

.sArea_tab {width:100%; overflow:hidden; margin-bottom:100px;}
.sArea_tab li {float:left; width:calc(33.33% - 6.66px); margin-right:10px;}
.sArea_tab li:nth-child(3n) {margin-right:0;}
.sArea_tab li:nth-child(3) ~ li {margin-top:10px;}
.sArea_tab li a {display:flex; justify-content:center; align-items:center; width:100%; height:60px; border:1px solid #ccc; font-size:1.125em; color:#666; text-align:center; transition:all 0.5s; transition-property:border, color;}
.sArea_tab li:hover a {border-color:#012755; color:#012755;}
.sArea_tab li.active a {background:#012755; border-color:#012755; color:#fff; font-weight:700;}

.sArea_case1 > div {width:100%; overflow:hidden; margin-bottom:150px;}
.sArea_case1 > div:last-child {margin-right:0;}
.sArea_case1 > div .img_box {width:900px; height:500px; background-repeat:no-repeat; background-position:center center; background-size:cover; margin-bottom:-150px;}
.sArea_case1 > div .txt_box {float:right; width:600px; background:#fff; padding:70px 0 0 70px; position:relative; z-index:10;}
.sArea_case1 > div .txt_box dl dt {font-size:1.5em; line-height:1.5em; font-weight:700; margin-bottom:30px;}
.sArea_case1 > div .txt_box dl dd {font-size:1.125em; color:#666; line-height:1.6em; margin-bottom:20px;}
.sArea_case1 > div .txt_box dl dd:last-of-type {margin-bottom:0;}

.sArea_case1 > div:nth-child(even) .img_box {float:right;}
.sArea_case1 > div:nth-child(even) .txt_box {float:none; padding:70px 70px 0 0; clear:both;}

@media screen and (max-width:1024px){
    .sArea_tab {margin-bottom:10%;}
    .sArea_tab li a {height:50px; font-size:1em;}

    .sArea_case1 > div {margin-bottom:15%;}
    .sArea_case1 > div .img_box {width:100%; height:50vw; margin-bottom:-100px;}
    .sArea_case1 > div .txt_box {width:65%; padding:5% 0 0 5%;}
    .sArea_case1 > div .txt_box dl dt {font-size:1.3em; margin-bottom:10px;}
    .sArea_case1 > div .txt_box dl dd {font-size:1em; margin-bottom:5px;}

    .sArea_case1 > div:nth-child(even) .txt_box {padding:5% 5% 0 0;}
}

@media screen and (max-width:767px){
    .sArea_tab li {width:calc(50% - 2.5px); margin-right:5px;}
    .sArea_tab li:nth-child(3n) {margin-right:5px;}
    .sArea_tab li:nth-child(2n) {margin-right:0;}
    .sArea_tab li:nth-child(2) ~ li {margin-top:5px;}
    .sArea_tab li a {height:40px;}

    .sArea_case1 > div .img_box {margin-bottom:-30px;}
    .sArea_case1 > div .txt_box {float:none; width:90%; margin:0 auto; padding:5% 5% 0;}
    .sArea_case1 > div:nth-child(even) .txt_box {padding:5% 5% 0;}
}