@charset "utf-8";

@import url('https://fonts.googleapis.com/css?family=Nanum+Gothic:400,700,800&display=swap');
@import url(https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css); /* font-family: 'NanumSquare', sans-serif;  Regular(400), Bold(700), Extra Bold(800), Light(300) */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap'); /* font-family: 'Montserrat', sans-serif; */

*,
*:after,
*:before {	margin: 0;	padding: 0; -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;	box-sizing: border-box;}

html, body,div,dl,dt,dd,ul,ol,li,pre,code,form,fieldset,legend,textarea,p,blockquote,p,iframe,span,strong,em { margin:0; padding:0; font-size:inherit; word-break:keep-all; -webkit-text-size-adjust:none; }
body{font-family:'Noto Sans KR', 'Nanum Gothic', 'Malgun Gothic', 'Dotum', sans-serif;color:#191919;line-height:auto;font-weight:normal; padding:0px;margin:0px;letter-spacing:-0.035em; word-break:keep-all;}
html, body {width:100%; overflow-x:hidden;/*height:100%;*/;}
header, hgroup, footer, section, article, aside, nav, canvas, figure, figcaption { display:block; }
table { font-size:inherit; border-collapse:separate /*collapse*/; border-spacing:0; table-layout:fixed; }
th, td { word-wrap:break-word; word-break:break-all;font-weight:normal }
fieldset, iframe { border:0; vertical-align:top; }
small { font-size:12px; color:#666; }
img { border:0; font-size:0; vertical-align:top; }
address,cite,code,dfn,em,var { font-style:normal; font-weight:normal; }
li, dd { list-style:none; word-break:keep-all; }
hr { display:none; }
caption { overflow:hidden;width:100%;height:1px;font-size:1px;line-height:0;text-indent:-9999px; margin-top:-1px; }
legend {  overflow:hidden; left:-9999px; text-indent:9999px; width:0; height:0; overflow:hidden; line-height:0; white-space:nowrap; color:#000; }
button { padding:0; border:0; cursor:pointer; background:none; vertical-align:middle; font-size:12px; appearance: none; moz-appearance: none; border:0; *overflow:visible; outline:none;}
a {text-decoration:none; color:#191919}

.transition {
	-webkit-transition: all 0.6s;
	   -moz-transition: all 0.6s;
	     -o-transition: all 0.6s;
	        transition: all 0.6s;
}


/* layout */
#wrap {overflow:hidden;}
.inner {width:1200px; position:relative; margin-left:auto; margin-right:auto;}
.s-inner {width:1200px; position:relative; margin-left:auto; margin-right:auto;}
.s-inner2 {width:88%; max-width:1000px; margin-left:auto; margin-right:auto;}

.text_hidden {display:none;}

html.no_scroll {position:fixed; left:0; top:0; right:0; bottom:0;}

.tc {text-align:center;}

@media all and (max-width:1220px) {
.inner {width:100%;}
.s-inner {width:88%;}
}

@media all and (max-width:1024px) {
	body { font-size: 15px; }
}

@media all and (max-width:767px) {
	body { font-size: 13px; }

	br.mo_br {display:none;}
}


::selection {background:rgba(0,119,215,0.8); color:#fff;}
::-moz-selection {background:rgba(0,119,215,0.8); color:#fff;}
::-webkit-selection {background:rgba(0,119,215,0.8); color:#fff;}



/* header */
#chaeume_header {width:100%; height:100px; position:fixed; left:0; top:0; z-index:300; padding:0 50px; transition:background 0.6s}

#chaeume_logo {float:left; width:78px; height:70px; background:url(/images/logo_w.svg) no-repeat center center; background-size:contact; margin-top:15px; position:relative; z-index:30;}
#chaeume_logo a {display:block; width:100%; height:100%;}

#chaeume_gnb {width:100%; position:absolute; left:0; top:0;}
#chaeume_gnb > ul {display:flex; justify-content:center;}
#chaeume_gnb > ul > li {position:relative; text-align:center;}
#chaeume_gnb > ul > li > a {display:block; font-size:1.125em; color:#fff; letter-spacing:0.05em; line-height:100px; font-weight:500; font-family:'URWDIN'; padding:0 40px;}
#chaeume_gnb > ul > li > ul {width:180px; background:rgba(25,25,25,0.7); position:absolute; top:80%; left:50%; opacity:0; visibility:hidden; transform:translate(-50%, 20px); transition:all 0.6s; transition-property:opacity, visibility, transform;}
#chaeume_gnb > ul > li > ul > li > a {display:block; padding:10px 0; font-size:1em; color:#fff; line-height:1.5em; font-weight:500; font-family:'URWDIN', 'Noto Sans KR'; transition:background 0.5s}
#chaeume_gnb > ul > li:hover > ul {opacity:1; visibility:visible; transform:translate(-50%, 0);}
#chaeume_gnb > ul > li > ul > li > a:hover {background:#6c1418;}

#all_gnb {display:flex; justify-content:center; align-items:center; width:100%; height:100vh; background:#fff; position:fixed; left:0; top:0; z-index:100; opacity:0; visibility:hidden; transition:all 0.4s; transition-property:opacity, visibility;}
#all_gnb:before {content:''; display:block; width:50%; height:100%; position:absolute; left:0; top:0; background:url(/images/all_gnbBG.jpg) no-repeat center center; background-size:cover;}
#all_gnb > div {width:1200px; position:relative; z-index:10;}
#all_gnb > div > ul {width:100%; padding-left:50%;}
#all_gnb > div > ul > li {padding-left:150px; margin-bottom:35px; opacity:0; transform:translateY(40px); transition:all 0.8s; transition-property:opacity, transform;}
#all_gnb > div > ul > li:last-child {margin-bottom:0;}
#all_gnb > div > ul > li > a {display:block; font-size:2.5em; letter-spacing:0.05em; line-height:1.5em; font-weight:500; font-family:'URWDIN'; margin-bottom:10px;}
#all_gnb > div > ul > li > ul {width:100%; overflow:hidden;}
#all_gnb > div > ul > li > ul > li {float:left;}
#all_gnb > div > ul > li > ul > li:not(:first-child):before {content:''; display:inline-block; width:1px; height:12px; background:#999; margin:0 15px;}
#all_gnb > div > ul > li > ul > li > a {display:inline-block; font-size:1em; line-height:1.5em; font-weight:300; font-family:'URWDIN', 'Noto Sans KR'; transition:color 0.5s;}
#all_gnb > div > ul > li > ul > li > a:hover {color:#6c1418;}

#menuOpen {float:right; height:21px; font-size:0.875em; color:#fff; font-family:'URWDIN'; letter-spacing:0.05em; text-transform:uppercase; padding-right:50px; margin-top:41px; position:relative; z-index:10;}
#menuOpen span {display:block; width:25px; height:2px; background:#fff; position:absolute; right:5px;}
#menuOpen span:nth-of-type(1) {top:0;}
#menuOpen span:nth-of-type(2) {top:50%;; right:0; margin-top:-1px;}
#menuOpen span:nth-of-type(3) {bottom:0;}

#menuClose {height:21px; font-size:0.875em; color:#191919; letter-spacing:0.05em; font-family:'URWDIN'; text-transform:uppercase; position:absolute; right:50px; top:40px; padding-right:40px;}
#menuClose:before, #menuClose:after {content:''; display:block; width:22px; height:2px; background:#191919; position:absolute; right:0; top:49%;}
#menuClose:before {transform:rotate(45deg)}
#menuClose:after {transform:rotate(-45deg)}

#chaeume_header.active #all_gnb {opacity:1; visibility:visible;}
#chaeume_header.active #all_gnb > div > ul > li {opacity:1; transform:translateY(0);}
#chaeume_header.active #all_gnb > div > ul > li:nth-child(1) {transition-delay:0.5s}
#chaeume_header.active #all_gnb > div > ul > li:nth-child(2) {transition-delay:0.6s}
#chaeume_header.active #all_gnb > div > ul > li:nth-child(3) {transition-delay:0.7s}
#chaeume_header.active #all_gnb > div > ul > li:nth-child(4) {transition-delay:0.8s}
#chaeume_header.active #all_gnb > div > ul > li:nth-child(5) {transition-delay:0.9s}

#chaeume_header.scroll_on {background:rgba(25,25,25,0.8)}

@media screen and (max-width:1220px){
	#chaeume_header {padding:0 6%;}

	#chaeume_gnb > ul > li > a {padding:0 20px;}

	#all_gnb > div {width:88%;}
	#all_gnb > div > ul > li {padding-left:50px;}

	#menuClose {right:6%;}
}

@media screen and (max-width:1024px){
	#chaeume_header {height:60px;}

	#chaeume_logo {width:45px; height:40px; margin-top:10px;}
	
	#chaeume_gnb {display:none;}

	#all_gnb:before {display:none;}
	#all_gnb > div > ul {padding-left:0;}
	#all_gnb > div > ul > li {padding-left:0; margin-bottom:25px;}
	#all_gnb > div > ul > li > a {font-size:2em; margin-bottom:5px;}
	#all_gnb > div > ul > li > ul > li:not(:first-child):before {height:10px; margin:0 12px;}

	#menuOpen {height:16px; margin-top:23px; padding-right:36px;}
	#menuOpen span {width:18px;}

	#menuClose {top:22px; padding-right:30px;}
	#menuClose:before, #menuClose:after {width:18px;}
}



/* footer */
#chaeume_footer {width:100%; background:#191919; padding:40px 0 50px; position:relative;}
#chaeume_footer .s-inner {position:relative; padding-right:180px;}
#chaeume_footer .f_sns {width:170px; position:absolute; right:0; top:0; overflow:hidden;}
#chaeume_footer .f_sns li {float:left; width:calc(33.33% - 6.66px); height:50px; line-height:50px; background:#363636; border-radius:50%; margin-right:10px; text-align:center;}
#chaeume_footer .f_sns li:last-child {margin-right:0;}
#chaeume_footer .f_sns li:nth-child(1) i {font-size:1.18em;}
#chaeume_footer .f_sns li:nth-child(2) i {font-size:0.93em;}
#chaeume_footer .f_sns li i {color:#a4a4a4;}
#chaeume_footer .f_sns li img {vertical-align:middle; position:relative; top:-2px;}
#chaeume_footer .f_info {width:100%; overflow:hidden;}
#chaeume_footer .f_info li {float:left; font-size:0.875em; color:#fff; font-family:'URWDIN', 'Noto Sans KR'; margin-right:20px; margin-bottom:10px;}
#chaeume_footer .f_info li:nth-child(4) {clear:both;}
#chaeume_footer .f_info li strong {color:#a4a4a4; font-weight:600; margin-right:10px;}
#chaeume_footer .copy {display:inline-block; font-size:0.875em; color:#a4a4a4; font-weight:500; font-family:'URWDIN'; margin-top:15px; margin-right:10px;}
#chaeume_footer .f_member {display:inline-block; line-height:28px; border:1px solid #707070; text-align:center; font-size:0.75em; color:#a4a4a4; font-weight:500; padding:0 10px;}
#chaeume_footer .go_top {font-size:0.875em; color:#fff; font-weight:300; font-family:'URWDIN'; position:absolute; top:40px; right:50px;}
#chaeume_footer .go_top:before {content:'\f176'; font-size:1.35em; font-weight:400; font-family:'Font Awesome 6 Pro';}
#chaeume_footer .go_top span {display:block; margin-top:5px;}

#quick {position:fixed; right:50px; top:50%; transform:translateY(-50%); z-index:200;}
#quick .woman_logo {width:110px; margin-bottom:10px;}
#quick .woman_logo img {width:100%;}
#quick > a {display:flex; justify-content:center; align-items:center; flex-direction:column; width:110px; height:110px; border-radius:50%; background:#6c1418; font-size:0.875em; color:#fff; font-weight:700}
#quick > a i {font-size:1.42em; margin-bottom:10px;}
#quick ul {width:70px; margin:20px auto 0;}
#quick ul li {width:100%; margin-top:5px;}
#quick ul li a {display:flex; justify-content:center; align-items:center; width:100%; height:70px; background:rgba(25,25,25,0.6); border-radius:50%; color:#fff;}
#quick ul li:nth-child(1) a i {font-size:1.25em;}
#quick ul li:nth-child(2) a i {font-size:1em;}

@media screen and (max-width:1220px){
	#chaeume_footer .go_top {right:6%; top:auto; bottom:20px;}

	#quick {right:1%;}
	#quick .woman_logo {width:90px;}
	#quick > a {width:90px; height:90px;}
	#quick ul {width:60px; margin-top:10px;}
	#quick ul li a {height:60px;}
}

@media screen and (max-width:1024px){
	#chaeume_footer {padding:5% 0;}
	#chaeume_footer .s-inner {padding-right:140px;}
	#chaeume_footer .f_sns {width:130px;}
	#chaeume_footer .f_sns li {width:calc(33.33% - 3.33px); height:40px; line-height:40px; margin-right:5px;}
	#chaeume_footer .f_sns li img {width:50%;}
	#chaeume_footer .f_info li {margin:0 10px 5px 0;}
	#chaeume_footer .f_info li strong {margin-right:5px;}
	#chaeume_footer .go_top:before {font-size:1.125em;}

	#quick {top:auto; bottom:20px; transform:translateY(0)}
	#quick .woman_logo {width:70px; margin-bottom:5px;}
	#quick > a {width:70px; height:70px;}
	#quick > a i {font-size:1.25em; margin-bottom:5px;}
	#quick ul {width:40px; margin-top:5px;}
	#quick ul li {margin-top:3px;}
	#quick ul li a {height:40px;}
	#quick ul li:nth-child(1) a i {font-size:1em;}
	#quick ul li:nth-child(2) a i {font-size:0.875em;}
	#quick ul li img {width:50%;}
}

@media screen and (max-width:767px){
	#chaeume_footer .s-inner {padding-right:40px;}
	#chaeume_footer .f_sns {width:115px; top:auto; bottom:-10px;}
	#chaeume_footer .f_sns li {height:35px; line-height:35px;}
	#chaeume_footer .f_info li {float:none; display:inline-block; margin-bottom:0px;}
	#chaeume_footer .f_info li:nth-child(4) {clear:unset;}
	#chaeume_footer .copy {display:block; margin-right:0; margin-bottom:10px;}
	#chaeume_footer .f_member {line-height:25px; padding:0 7px;}
	#chaeume_footer .go_top {bottom:auto; top:6vw;}
	#chaeume_footer .go_top span {margin-top:0;}

	#quick .woman_logo {width:40px;}
	#quick > a {width:40px; height:40px;}
	#quick > a i {margin-bottom:0;}
	#quick > a span {display:none;}
}



/* main */
#mVisu {display:flex; justify-content:center; align-items:center; width:100%; height:100vh; position:relative;}
#mVisu .txt_box {padding-bottom:150px; position:relative; z-index:10;}
#mVisu .txt_box .tit {font-size:5.625em; color:#fff; line-height:1.11em; font-weight:300; font-family:'URWDIN'; letter-spacing:0.05em; text-transform:uppercase;}
#mVisu .txt_box .tit strong {font-size:600;}
#mVisu .txt_box .txt {font-size:1.25em; color:#fff; line-height:1.75em; font-weight:500; margin-top:25px;}
.mVisu_slide {width:100%; height:100%; position:absolute; left:0; top:0; overflow:hidden;}
.mVisu_slide .img_box {width:100%; height:100%; background-repeat:no-repeat; background-position:center center; background-size:cover; transform:scale(1.1); transition:transform 6000ms linear;}
.mVisu_slide .img_box:before {content:''; display:block; width:100%; height:100%; background:#191919; opacity:0.4;}
.mVisu_slide .swiper-button-next, .mVisu_slide .swiper-button-prev {width:26px; height:52px; left:auto; right:50%; top:50%; margin-top:170px; opacity:0.4; transition:opacity 0.5s; z-index:15;}
.mVisu_slide .swiper-button-next {margin-right:-600px;}
.mVisu_slide .swiper-button-prev {margin-right:-526px}
.mVisu_slide .swiper-button-next:after, .mVisu_slide .swiper-button-prev:after {content:''; width:100%; height:100%; background:url(/images/icon_arrow_w.svg) no-repeat center center; background-size:26px 52px;}
.mVisu_slide .swiper-button-prev:after {transform:rotate(180deg);}
.mVisu_slide .swiper-button-next:hover, .mVisu_slide .swiper-button-prev:hover {opacity:1;}
.mVisu_slide.swiper-container-horizontal>.swiper-pagination-bullets {width:1200px; left:50%; bottom:auto; top:50%; transform:translateX(-50%); margin-top:185px; text-align:left;}
.mVisu_slide.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {width:0; height:0; background:none; border-radius:0; border-top:10px solid #fff; border-left:6px solid transparent; border-right:6px solid transparent; opacity:0.4; vertical-align:middle; margin:0 30px 0 0;}
.mVisu_slide.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active {border-top:0; border-bottom:16px solid #fff; border-left-width:9px; border-right-width:9px; opacity:1;}

.mVisu_slide .swiper-slide-active .img_box {transform:scale(1)}

@media screen and (max-width:1220px){
	.mVisu_slide.swiper-container-horizontal>.swiper-pagination-bullets {width:88%;}
	.mVisu_slide .swiper-button-next, .mVisu_slide .swiper-button-prev {right:6%;}
	.mVisu_slide .swiper-button-next {margin-right:0;}
	.mVisu_slide .swiper-button-prev {margin-right:74px}
}

@media screen and (max-width:1024px){
	#mVisu .txt_box {padding-bottom:100px;}
	#mVisu .txt_box .tit {font-size:4.2em;}
	#mVisu .txt_box .txt {font-size:1.125em; margin-top:15px;}
	.mVisu_slide .swiper-button-next, .mVisu_slide .swiper-button-prev {width:20px; height:40px; margin-top:115px;}
	.mVisu_slide .swiper-button-prev {margin-right:50px;}
	.mVisu_slide .swiper-button-next:after, .mVisu_slide .swiper-button-prev:after {background-size:20px 40px;}
	.mVisu_slide.swiper-container-horizontal>.swiper-pagination-bullets {margin-top:125px;}
}

@media screen and (max-width:767px){
	#mVisu .txt_box {padding-bottom:130px;}
	#mVisu .txt_box .tit {font-size:3.2em;}
	#mVisu .txt_box .txt {font-size:1em;}
	.mVisu_slide .swiper-button-next, .mVisu_slide .swiper-button-prev {width:12px; height:24px;}
	.mVisu_slide .swiper-button-prev {margin-right:30px;}
	.mVisu_slide .swiper-button-next:after, .mVisu_slide .swiper-button-prev:after {background-size:12px 24px;}
	.mVisu_slide.swiper-container-horizontal>.swiper-pagination-bullets {margin-top:115px;}
	.mVisu_slide.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {border-top-width:7px; border-left-width:4px; border-right-width:4px; margin:0 15px 0 0;}
	.mVisu_slide.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active {border-bottom-width:11px; border-left-width:6px; border-right-width:6px;}
}


.main_title h2 {font-size:1.125em; font-weight:400; letter-spacing:0.05em; font-family:'URWDIN'; margin-bottom:30px;}
.main_title h3 {font-size:4.375em; color:#6c1418; line-height:1.11em; letter-spacing:0.05em; font-weight:500; font-family:'URWDIN'}
.main_title span {display:block; font-size:1.875em; color:#dcdcdc; line-height:1.1em; letter-spacing:0.4em; font-family:'URWDIN'; text-transform:uppercase;}

@media screen and (max-width:1024px){
	.main_title h2 {margin-bottom:15px;}
	.main_title h3 {font-size:3.8em;}
	.main_title span {font-size:1.6em;}
}

@media screen and (max-width:767px){
	.main_title h2 {margin-bottom:10px;}
	.main_title h3 {font-size:3.3em;}
	.main_title span {font-size:1.4em;}
}


#mAbout {padding-top:150px; overflow:hidden; position:relative;}
/*#mAbout:before {content:''; display:block; width:0; height:0; border-bottom:48px solid #fff; border-left:26px solid transparent; border-right:26px solid transparent; position:absolute; left:50%; bottom:22px; transform:translateX(-50%)}
#mAbout:after {content:''; display:block; width:0; height:0; border-bottom:120px solid #ecf5e6; border-left:70px solid transparent; border-right:70px solid transparent; margin:0 auto; clear:both;}*/
#mAbout > div {float:left; width:50%; /*margin-bottom:100px;*/}
#mAbout .txt_box .tit {font-size:2.18em; line-height:1.42em; font-weight:700;}
#mAbout .txt_box .txt {font-size:1.125em; color:#666; line-height:1.9em; margin-top:20px;}
#mAbout .txt_box .txt.name {color:#191919; font-weight:700; text-align:right;}

@media screen and (max-width:1024px){
	#mAbout {padding-top:12%;}
	#mAbout:before {border-bottom-width:40px; border-left-width:20px; border-right-width:20px; bottom:19px;}
	#mAbout:after {border-bottom-width:100px; border-left-width:60px; border-right-width:60px;}
	#mAbout > div {margin-bottom:10%;}
	#mAbout .txt_box .tit {font-size:1.8em;}
	#mAbout .txt_box .txt {margin-top:10px;}
}

@media screen and (max-width:767px){
	#mAbout:before {border-bottom-width:35px; border-left-width:18px; border-right-width:18px; bottom:10px;}
	#mAbout:after {border-bottom-width:70px; border-left-width:40px; border-right-width:40px;}
	#mAbout > div {float:none; width:100%;}
	#mAbout > div:first-child {margin-bottom:5%;}
	#mAbout .txt_box .tit {font-size:1.5em;}
}


#mPortfolio {padding:100px 0 200px;}
.mPortfolio_slide {width:100%; position:relative; padding-top:70px;}
.mPortfolio_slide .swiper-slide {position:relative;}
.mPortfolio_slide .img_box {width:100%; height:670px; background-repeat:no-repeat; background-position:center center; background-size:cover;}
.mPortfolio_slide .txt_box {width:600px; background:#fff; padding:40px 20px 20px 70px; position:absolute; right:0; bottom:0; opacity:0; visibility:hidden; transition:all 0.5s; transition-property:opacity, visibility;}
.mPortfolio_slide .txt_box .cate {font-size:1.125em; color:#6c1418; line-height:1.1em; letter-spacing:0.05em; font-weight:600; font-family:'URWDIN'; text-transform:uppercase; margin-bottom:15px;}
.mPortfolio_slide .txt_box strong {display:block; font-size:2.18em; line-height:1.4em; font-weight:700;}
.mPortfolio_slide .txt_box ul {width:100%; overflow:hidden; margin-top:5px;}
.mPortfolio_slide .txt_box ul li {float:left; font-size:1.125em; color:#666; line-height:1.5em;}
.mPortfolio_slide .txt_box ul li:not(:first-child):before {content:'│'; margin:0 13px;}
.mPortfolio_slide .txt_box a {display:block; width:80px; line-height:80px; background:#6c1418; font-size:1.25em; color:#fff; text-align:center; position:absolute; left:-80px; top:0;}
.mPortfolio_slide .txt_box a:before {content:'\e09f'; font-weight:300; font-family:'Font Awesome 6 Pro'}
.mPortfolio_slide .swiper-button-next, .mPortfolio_slide .swiper-button-prev {width:26px; height:52px; left:auto; right:50%; top:-70px; margin-top:0; opacity:0.4; transition:opacity 0.5s; z-index:15;}
.mPortfolio_slide .swiper-button-next {margin-right:-600px;}
.mPortfolio_slide .swiper-button-prev {margin-right:-526px}
.mPortfolio_slide .swiper-button-next:after, .mPortfolio_slide .swiper-button-prev:after {content:''; width:100%; height:100%; background:url(/images/icon_arrow.svg) no-repeat center center; background-size:26px 52px;}
.mPortfolio_slide .swiper-button-prev:after {transform:rotate(180deg);}
.mPortfolio_slide .swiper-button-next:hover, .mPortfolio_slide .swiper-button-prev:hover {opacity:1;}

.mPortfolio_slide .swiper-slide-active .txt_box {opacity:1; visibility:visible;}

@media screen and (max-width:1220px){
	.mPortfolio_slide .img_box {height:55vw;}
	.mPortfolio_slide .swiper-button-next, .mPortfolio_slide .swiper-button-prev {right:0;}
	.mPortfolio_slide .swiper-button-next {margin-right:0;}
	.mPortfolio_slide .swiper-button-prev {margin-right:74px}
}

@media screen and (max-width:1024px){
	#mPortfolio {padding:10% 0 15%;}
	.mPortfolio_slide {padding-top:40px;}
	.mPortfolio_slide .txt_box {width:60%; padding:25px 35px;}
	.mPortfolio_slide .txt_box .cate {font-size:1em; margin-bottom:10px;}
	.mPortfolio_slide .txt_box strong {font-size:1.8em;}
	.mPortfolio_slide .txt_box ul li {font-size:1em;}
	.mPortfolio_slide .txt_box ul li:not(:first-child):before {margin:0 10px;}
	.mPortfolio_slide .txt_box a {width:65px; line-height:65px; font-size:1.125em; left:-65px;}
	.mPortfolio_slide .swiper-button-next, .mPortfolio_slide .swiper-button-prev {width:20px; height:40px; top:-45px;}
	.mPortfolio_slide .swiper-button-prev {margin-right:50px;}
	.mPortfolio_slide .swiper-button-next:after, .mPortfolio_slide .swiper-button-prev:after {background-size:20px 40px;}
}

@media screen and (max-width:767px){
	.mPortfolio_slide {padding-top:5%;}
	.mPortfolio_slide .txt_box {width:95%; position:relative; margin:-25px auto 0; box-shadow:0 0 15px rgba(25,25,25,0.1); padding:20px 25px;}
	.mPortfolio_slide .txt_box strong {font-size:1.5em;}
	.mPortfolio_slide .txt_box a {width:40px; line-height:40px; left:auto; right:0;}
	.mPortfolio_slide .swiper-button-next, .mPortfolio_slide .swiper-button-prev {display:none;}
}


#mMedia .tit_box {width:100%; position:relative; margin-bottom:50px;}
#mMedia .tit_box:before {content:''; display:block; width:calc(100% - 400px); height:3px; background:#6c1418; position:absolute; left:200px; top:25px;}
#mMedia .tit_box h2 {font-size:3.125em; color:#6c1418; line-height:1.11em; letter-spacing:0.05em; font-weight:500; font-family:'URWDIN'; text-transform:uppercase;}
#mMedia .tit_box p {font-size:1.125em; color:#666; line-height:1.4em; margin-top:10px;}
#mMedia .tit_box a {display:block; font-size:0.875em; color:#6c1418; line-height:50px; letter-spacing:0.05em; font-weight:500; font-family:'URWDIN'; position:absolute; right:0; top:0;}
#mMedia .tit_box a:after {content:''; display:inline-block; width:50px; height:50px; background:#6c1418; border-radius:50%; margin-left:20px; vertical-align:middle;}
#mMedia .tit_box a:before {content:''; display:block; width:0; height:0; border-left:8px solid #fff; border-top:5px solid transparent; border-bottom:5px solid transparent; position:absolute; right:20px; top:50%; transform:translateY(-50%)}
#mMedia .box {width:100%; overflow:hidden;}
#mMedia .box a {display:block; width:100%;}
#mMedia .box dl dt {width:100%; font-size:1.25em; font-weight:700; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
#mMedia .box dl dd {font-size:1em; color:#666; line-height:1.68em; margin-top:10px; max-height:3.36em; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
#mMedia .box .img_box {background-repeat:no-repeat; background-position:center center; background-size:cover;}
#mMedia .box .box1 {float:left; width:450px;}
#mMedia .box .box1 .img_box {width:100%; height:280px; margin-bottom:30px;}
#mMedia .box .box2 {float:right; width:680px;}
#mMedia .box .box2 a {display:flex; align-items:center; padding:30px 0; border-bottom:1px solid #dcdcdc;}
#mMedia .box .box2 a:first-child {padding-top:0;}
#mMedia .box .box2 .img_box {width:200px; height:133px;}
#mMedia .box .box2 dl {width:calc(100% - 200px); padding-left:30px;}
#mMedia .box .box2 dl dd {font-size:0.875em;}

@media screen and (max-width:1220px){
	#mMedia .box .box1 {width:40%;}
	#mMedia .box .box2 {width:55%;}
}

@media screen and (max-width:1024px){
	#mMedia .tit_box {margin-bottom:5%;}
	#mMedia .tit_box:before {width:calc(100% - 350px); left:180px;}
	#mMedia .tit_box h2 {font-size:2.7em;}
	#mMedia .tit_box p {font-size:1em; margin-top:5px;}
	#mMedia .tit_box a {line-height:40px; top:5px;}
	#mMedia .tit_box a:after {width:40px; height:40px; margin-left:10px;}
	#mMedia .tit_box a:before {right:16px;}
	#mMedia .box dl dt {font-size:1.125em;}
	#mMedia .box dl dd {margin-top:5px;}
	#mMedia .box .box1 .img_box {height:22vw; margin-bottom:15px;}
	#mMedia .box .box2 a {padding:20px 0;}
	#mMedia .box .box2 .img_box {width:18vw; height:11vw;}
	#mMedia .box .box2 dl {width:calc(100% - 18vw); padding-left:15px;}
}

@media screen and (max-width:767px){
	#mMedia .tit_box:before {width:calc(100% - 265px); height:2px; left:140px; top:15px;}
	#mMedia .tit_box h2 {font-size:2.4em;}
	#mMedia .tit_box a {line-height:30px; top:0px;}
	#mMedia .tit_box a:after {width:30px; height:30px; margin-left:5px;}
	#mMedia .tit_box a:before {border-left-width:5px; border-top-width:3px; border-bottom-width:3px; right:13px;}
	#mMedia .box .box1 {float:none; width:100%; margin-bottom:8%;}
	#mMedia .box .box1 .img_box {height:47vw;}
	#mMedia .box .box2 {float:none; width:100%;}
	#mMedia .box .box2 a {padding:15px 0;}
	#mMedia .box .box2 .img_box {width:35%; height:20vw;}
	#mMedia .box .box2 dl {width:65%;}
}


#mBusiness {margin:190px auto 150px; padding-top:25px; position:relative;}
#mBusiness h2 {font-size:8.75em; color:#f2eff2; line-height:1.11em; letter-spacing:0.05em; font-weight:400; font-family:'URWDIN'; position:absolute; left:-100px; top:0;}
#mBusiness a {float:right; display:block; font-size:0.875em; color:#6c1418; line-height:50px; letter-spacing:0.05em; font-weight:500; font-family:'URWDIN'; position:relative; z-index:10; margin-bottom:50px;}
#mBusiness a:after {content:''; display:inline-block; width:50px; height:50px; background:#6c1418; border-radius:50%; margin-left:20px; vertical-align:middle;}
#mBusiness a:before {content:''; display:block; width:0; height:0; border-left:8px solid #fff; border-top:5px solid transparent; border-bottom:5px solid transparent; position:absolute; right:20px; top:50%; transform:translateY(-50%)}
#mBusiness ul {width:100%; clear:both; position:relative; z-index:10; padding-left:200px; overflow:hidden;}
#mBusiness ul li {float:left; width:calc(33.33% - 33.33px);}
#mBusiness ul li:nth-child(2) {margin:50px 50px 0;}
#mBusiness ul li .img_box {width:100%; height:420px; background-repeat:no-repeat; background-position:center center; background-size:cover;}
#mBusiness ul li p {font-size:1.125em; line-height:1.5em; letter-spacing:0.05em; font-family:'URWDIN'; margin-top:20px; text-align:center;}

@media screen and (max-width:1220px){
	#mBusiness h2 {left:-4%;}
	#mBusiness ul {padding-left:10%;}
	#mBusiness ul li .img_box {height:32vw;}
}

@media screen and (max-width:1024px){
	#mBusiness {margin:13% auto; padding-top:15px;}
	#mBusiness h2 {font-size:6.5em;}
	#mBusiness a {line-height:40px; top:5px; margin-bottom:30px;}
	#mBusiness a:after {width:40px; height:40px; margin-left:10px;}
	#mBusiness a:before {right:16px;}
	#mBusiness ul li {width:calc(33.33% - 10px);}
	#mBusiness ul li:nth-child(2) {margin:30px 15px 0;}
	#mBusiness ul li p {margin-top:10px;}
}

@media screen and (max-width:767px){
	#mBusiness {padding-top:0; margin-top:16%;}
	#mBusiness h2 {font-size:3.2em; white-space:nowrap; top:-30px; left:0;}
	#mBusiness a {line-height:30px; top:0px; margin-bottom:20px; position:absolute; right:calc(50% + 10px); top:calc(50vw - 30px); z-index:40;}
	#mBusiness a:after {width:30px; height:30px; margin-left:5px;}
	#mBusiness a:before {border-left-width:5px; border-top-width:3px; border-bottom-width:3px; right:13px;}
	#mBusiness ul {padding-left:0;}
	#mBusiness ul li {width:calc(50% - 5px);}
	#mBusiness ul li:nth-child(1) {float:right; margin-bottom:20px;}
	#mBusiness ul li:nth-child(2) {clear:both; margin:0 10px 0 0;}
	#mBusiness ul li .img_box {height:50vw;}
}


#mContact {width:100%; height:520px; background:url(/images/mContactBG.jpg) no-repeat center center; background-size:cover; position:relative;}
#mContact:before {content:''; display:block; width:100%; height:100%; background:#191919; opacity:0.4; position:absolute; left:0; top:0;}
#mContact .s-inner {display:flex; justify-content:space-between; align-items:center; height:100%; position:relative; z-index:10;}
#mContact .tit_box h2 {font-size:2.31em; color:#fff; line-height:1.4em; font-weight:700;}
#mContact .tit_box span {display:block; font-size:1.5em; color:rgba(255,255,255,0.4); line-height:1.2em; letter-spacing:0.33em; font-family:'URWDIN'; text-transform:uppercase; margin-top:10px;}
#mContact .txt_box > span {display:block; font-size:1.125em; color:rgba(255,255,255,0.4); letter-spacing:0.05em; font-family:'URWDIN'; margin-bottom:10px;}
#mContact .txt_box .number {font-size:3.75em; color:#fff; line-height:1.3em; font-weight:500; letter-spacing:0.05em; font-family:'URWDIN'; margin-bottom:30px;}
#mContact .txt_box ul li {font-size:1.125em; color:#fff; font-weight:500; line-height:1.3em; letter-spacing:0.05em; font-family:'URWDIN', 'Noto Sans KR'; position:relative; margin:5px 0; padding-left:85px;}
#mContact .txt_box ul li span {font-weight:400; position:absolute; left:0; top:0;}
#mContact .txt_box a {display:block; width:250px; line-height:71px; border-radius:5px; border:2px solid #fff; text-align:center; font-size:1em; color:#fff; font-weight:500; letter-spacing:0.05em; font-family:'URWDIN'; margin-top:50px; transition:all 0.5s; transition-property:background, color;}
#mContact .txt_box a:hover {background:#fff; color:#191919;}

@media screen and (max-width:1024px){
	#mContact {height:430px;}
	#mContact .tit_box h2 {font-size:2em;}
	#mContact .tit_box span {font-size:1.25em;}
	#mContact .txt_box > span {font-size:1em; margin-bottom:5px;}
	#mContact .txt_box .number {font-size:3em; margin-bottom:15px;}
	#mContact .txt_box ul li {font-size:1em; padding-left:75px;}
	#mContact .txt_box a {width:190px; line-height:61px; margin-top:30px;}
}

@media screen and (max-width:767px){
	#mContact {height:auto; padding:13% 0;}
	#mContact .s-inner {display:block;}
	#mContact .tit_box span {margin-top:0;}
	#mContact .txt_box {margin-top:5%;}
	#mContact .txt_box a {width:155px; line-height:46px;}
}



/* sub */
#sVisu {width:100%; height:700px; position:relative; background-repeat:no-repeat; background-position:center center; background-size:cover;}
#sVisu:before {content:''; display:block; width:100%; height:100%; background:#191919; opacity:0.4; position:absolute; left:0; top:0;}
#sVisu .s-inner {position:relative; z-index:10; padding-top:300px; text-align:center;}
#sVisu h2 {font-size:4.375em; color:#fff; line-height:1.2em; letter-spacing:0.05em; font-weight:500; font-family:'URWDIN'; text-transform:uppercase; margin-top:10px;}
#sVisu span {font-size: 1.5em;color: rgba(255,255,255,0.5);letter-spacing: 0.3em;font-weight: 400;font-family: 'URWDIN';text-transform: uppercase;}

.sVisu1 {background-image:url(../images/sVisu_img1.jpg)}
.sVisu2 {background-image:url(../images/sVisu_img2.jpg)}
.sVisu3 {background-image:url(../images/sVisu_img3.jpg)}
.sVisu4 {background-image:url(../images/sVisu_img4.jpg)}
.sVisu5 {background-image:url(../images/sVisu_img5.jpg)}

@media screen and (max-width:1024px){
	#sVisu {height:500px;}
	#sVisu .s-inner {padding-top:210px;}
	#sVisu span {font-size:1.3em;}
	#sVisu h2 {font-size:3.8em; margin-top:5px;}
}

@media screen and (max-width:767px){
	#sVisu {height:370px;}
	#sVisu .s-inner {padding-top:150px;}
}


.sub_menu_wrap {width:100%; border-top:1px solid rgba(255,255,255,0.4); margin-top:-100px; position:relative; z-index:30;}
.sub_menu_tit .btn{position:absolute; width:20px; height:20px; right:10px; top:10px;}
.sub_menu_tit .btn span{display:block; width:100%; height:100%; position:absolute; left:0; top:0;}
.sub_menu_tit .btn span:before{content:""; position:absolute; display:block; width:20px; height:1px; background:#FFF;top:50%; margin-top:-0.5px; transition-duration: 300ms;   transition-property: all;   transition-timing-function: ease;} 
.sub_menu_tit .btn span:after{content:""; position:absolute; display:block; width:1px; height:20px; background:#FFF;left:50%; margin-left:-0.5px; }
.sub_menu_tit.on .btn span:before{transform: rotate(45deg); transition-duration: 300ms;   transition-property: all;   transition-timing-function: ease;} 
.sub_menu_tit.on .btn span:after{transform: rotate(45deg); transition-duration: 300ms;   transition-property: all;   transition-timing-function: ease;}
.sub_menu_tit {display:none;}
.sub_menu_box {display:flex; justify-content:center;}
.sub_menu_box li a {display:block; font-size:1.125em; color:#fff; line-height:99px; font-weight:700; margin:0 50px; position:relative;}
.sub_menu_box li.active a:before {content:''; display:block; width:100%; height:3px; background:#fff; position:absolute; left:0; top:-2px;}

.page01.sub_menu_wrap .sub_menu_box li.m1 a:before,
.page02.sub_menu_wrap .sub_menu_box li.m2 a:before,
.page03.sub_menu_wrap .sub_menu_box li.m3 a:before,
.page04.sub_menu_wrap .sub_menu_box li.m4 a:before,
.page05.sub_menu_wrap .sub_menu_box li.m5 a:before,
.page06.sub_menu_wrap .sub_menu_box li.m6 a:before,
.page07.sub_menu_wrap .sub_menu_box li.m7 a:before {content:''; display:block; width:100%; height:3px; background:#fff; position:absolute; left:0; top:-2px;}

@media screen and (min-width:1025px){
	.sub_menu_box {display:flex !important;}
}

@media screen and (max-width:1024px){
	.sub_menu_wrap{width:88%; margin:-55px auto 0px; z-index:7; position:relative; padding-bottom:12px;}

	.sub_menu_tit{cursor:pointer; display:block; border:1px solid #fff; line-height:40px; box-sizing:border-box; padding:0 12px;}
	.sub_menu_tit h3 {color:#FFF;}
	.sub_menu_box {display:none; width:100%; overflow:hidden; position:absolute;  border-top:0; background:#FFF; z-index:9; border:1px solid #ddd; border-top:0; text-align:left;}
	.sub_menu_box li {width:100%; display:block; margin:0; padding:0 15px; font-size:0.95em;}
	.sub_menu_box li a {display:block; border-top:1px solid #ddd;  padding:0; line-height:40px; color:#191919; margin:0;}
	.sub_menu_box li a:before {display:none !important;}
	.sub_menu_box li:hover a:after {display:none;}
	.sub_menu_box li:first-child a{border-top:0}
}


.sub_section {padding:120px 0;}
.sub_section.bg1 {background:#f8f9fc;}
.sub_section h3 {}
.sub_section h3:before {}

.sub_title {font-size:2.5em; line-height:1.4em; font-weight:600;}
.sub_title:before {content:'Chaeume'; display:block; width:100%; font-size:0.6em; color:#6c1418; letter-spacing:0.3em; font-weight:500; font-family:'URWDIN'; text-transform:uppercase; margin-bottom:10px;}

@media screen and (max-width:1024px){
	.sub_section {padding:12% 0;}

	.sub_title {margin-bottom:5%;}
	.sub_title:before {margin-bottom:0;}
}

@media screen and (max-width:767px){
	.sub_title {font-size:2.2em;}
}

.sub_business1 {display:flex; justify-content:center; width:100%;}
.sub_business1 li {width:150px; margin-right:140px; font-size:1.125em; font-weight:500; letter-spacing:0.05em; line-height:1.4em; font-family:'URWDIN'; text-align:center;}
.sub_business1 li:last-child {margin-right:0;}
.sub_business1 li:before {content:''; display:block; width:110px; height:110px; background-repeat:no-repeat; background-position:center center; background-size:cover; margin:0 auto 30px;}

.sub_business1 li:nth-child(1):before {background-image:url(../images/sub_business2_icon1.png)}
.sub_business1 li:nth-child(2):before {background-image:url(../images/sub_business2_icon2.png)}
.sub_business1 li:nth-child(3):before {background-image:url(../images/sub_business2_icon3.png)}

.sub_business2 {overflow:hidden;margin-top: 50px;}
.sub_business2 li {float:left;width:calc(33.3% - 20px); margin-right:30px; margin-bottom:30px;height: 100%; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box;}
.sub_business2 li:nth-child(3), .sub_business2 li:nth-child(6) {margin-right:0;}
.sub_business2 .swiper-slide {background:#fff; box-shadow:5px 5px 20px rgba(25,25,25,0.03); position:relative;}
.sub_business2 .swiper-slide:before {content:'\f105'; font-size:1.5em; font-weight:400; font-family:'Font Awesome 6 Pro'; position:absolute; right:-36px; top:50%; transform:translateY(-50%)}
.sub_business2 .swiper-slide:last-child:before {display:none;}
.sub_business2 .num {display:block; width:60px; line-height:60px; background:#6c1418; font-size:1.125em; color:#fff; text-align:center; font-weight:500; font-family:'URWDIN'; position:absolute; left:0; top:0;}
.sub_business2 .txt_box {text-align:center;}
.sub_business2 .txt_box:before {content:''; display:block; width:100%; height:230px; background-repeat:no-repeat; background-position:center center; background-size:cover;}
.sub_business2 .txt_box strong {display:block; font-size:1.25em; line-height:1.5em; font-weight:600; margin:30px 0 10px;}
.sub_business2 .txt_box p {font-size:1em; color:#666; line-height:1.68em; margin-bottom:30px;}

.sub_business2 .txt_box.case1:before {background-image:url(../images/sub_business2_img1.png)}
.sub_business2 .txt_box.case2:before {background-image:url(../images/sub_business2_img2.png)}
.sub_business2 .txt_box.case3:before {background-image:url(../images/sub_business2_img3.png)}
.sub_business2 .txt_box.case4:before {background-image:url(../images/sub_business2_img4.png)}
.sub_business2 .txt_box.case5:before {background-image:url(../images/sub_business2_img5.png)}
.sub_business2 .txt_box.case6:before {background-image:url(../images/sub_business2_img6.png)}

@media screen and (max-width:1199px){
	.sub_business2 .txt_box p {font-size: 0.85em;}	
}

@media screen and (max-width:1024px){
	.sub_business1 li {width:120px; margin-right:50px; font-size:1em;}
	.sub_business1 li:before {width:90px; height:90px; margin-bottom:15px;}
	
	.sub_business2 li {width:calc(50% - 20px); margin-right:20px; }
	.sub_business2 li:nth-child(3), .sub_business2 li:nth-child(6) {margin-right:20px;}
	.sub_business2 li:nth-child(2n) {margin-right:0;}
	.sub_business2 .swiper-slide:before {font-size:1.25em; right:-18px;}
	.sub_business2 .num {width:50px; line-height:50px;}
	.sub_business2 .txt_box:before {height:190px;}
	.sub_business2 .txt_box strong {font-size:1.125em; margin:15px 0 5px;}
	.sub_business2 .txt_box p {margin-bottom:15px;}
}

@media screen and (max-width:767px){
	.sub_business1 li {width:33.33%; margin-right:0;}
	.sub_business1 li:before {width:60px; height:60px; margin-bottom:7px;}

	.sub_business2 li {width:100%; margin-right:0px; }
}

/* DAM */
#greeting {padding-top:120px; overflow:hidden; position:relative;}
#greeting strong {font-size:40px; font-weight:600; letter-spacing:-2px; font-family:'Noto Sans KR'; color:#191919;}
#greeting strong::before{content:'CHAEUME';font-size:24px; font-family:'URWDIN', 'Noto Sans KR'; color:#6c1418; letter-spacing:0.300em; font-weight:500; margin: -40px 0; position: absolute;}

#greeting .txt_box {display:flex; flex-wrap:wrap; width:100%; margin-bottom:100px;}
#greeting .txt_box > div:first-child {width:586px;}
#greeting .txt_box > div:last-child {width:calc(100% - 586px); padding-left:100px;}
#greeting img{display:block; max-width:100%; margin: 0 auto 100px;}
#greeting p {font-size: 1.125em; color: #666; line-height: 1.66em;}
#greeting .tit1 {font-size:1.25em; color:#191919; font-weight:700; margin-bottom:10px;}
#greeting .s-img {display:flex; align-items:center; flex-wrap:wrap; width: 100%; border-top: 1px solid #DCDCDC; padding-top:100px;}
#greeting .s-img .s-tit {display:block; width:100%; margin-bottom:50px;}
#greeting .s-logo {display:flex; justify-content:center; align-items:center; width:586px; height:250px; border:1px solid #dcdcdc;}
#greeting .s-logo img {width:181px; height:auto; margin-bottom:0;}
#greeting .s-txt {width:calc(100% - 586px); padding-left:100px;}
#greeting dt {font-size: 1.25em; color: #191919; margin-bottom: 10px; font-weight: 600;} 
#greeting dd {font-size:1.125em; color:#666; line-height:1.66em;} 

#greeting .brand_box {width:100%; margin-top:100px; overflow:hidden;}
#greeting .brand_box > div {float:left;}
#greeting .brand_box > div:first-child {width:330px;}
#greeting .brand_box > div:last-child {width:calc(100% - 330px); padding-left:100px;}
#greeting .brand_box .tit {font-size:1.5em; color:#191919; line-height:1.1em; font-weight:600; letter-spacing:0.05em; font-family:'URWDIN', 'Noto Sans KR'; margin-bottom:30px;}
#greeting .brand_box img {max-width:100%;}
#greeting .brand_box ul {display:flex; justify-content:space-between; flex-wrap:wrap; width:100%;}
#greeting .brand_box ul li {width:calc(33.33% - 6.66px);}
#greeting .brand_box ul li i {display:block; width:100%; height:100px;}
#greeting .brand_box ul li dl {margin-top:20px;}
#greeting .brand_box ul li dl dt {font-size:1.125em; font-weight:500; letter-spacing:0.05em; font-family:'URWDIN', 'Noto Sans KR'; text-transform:uppercase; margin-bottom:10px;}
#greeting .brand_box ul li dl dd {font-size:1em; color:#666; font-weight:300; letter-spacing:0.05em; font-family:'URWDIN', 'Noto Sans KR';}
#greeting .brand_box ul li dl dd span {color:#191919; font-weight:500; margin-right:15px;}

#greeting .brand_box ul li.color1 i {background:#580b12}
#greeting .brand_box ul li.color1 dl dt {color:#580b12}
#greeting .brand_box ul li.color2 i {background:#e6dfd1}
#greeting .brand_box ul li.color2 dl dt {color:#bfb194}
#greeting .brand_box ul li.color3 i {background:#b65920}
#greeting .brand_box ul li.color3 dl dt {color:#b65920}

#organization{position: relative; margin: 0 auto; padding: 150px 0; background-color: #F8F9FC; }
#organization .s-img{width: 100%; margin: auto; padding: -40px 0;}
#organization strong {font-size:40px; font-weight:600; letter-spacing:-2px; font-family:'Noto Sans KR'; color:#191919;}
#organization strong::before{content:'CHAEUME';font-size:24px; font-family:'URWDIN', 'Noto Sans KR'; color:#6c1418; letter-spacing:0.300em; font-weight:500; margin: -40px 0; position: absolute;}
#organization .org-1 {width: 100%; text-align: center; margin-top: 70px;}
#organization .org-2{display: none;}

#location {position: relative;}
#location strong {font-size:40px; font-weight:600; letter-spacing:-2px; font-family:'Noto Sans KR' 'Noto Sans KR'; color:#191919; margin: 0 50px 0 0;}
#location strong::before{content:'CHAEUME';font-size:24px; font-family:'URWDIN', 'Noto Sans KR'; color:#6c1418; letter-spacing:0.300em; font-weight:500; margin: -40px 0; position: absolute;}
#location .s-txt{ display: flex; padding: 100px 0 0; margin: auto; justify-content:space-between; align-items:flex-start; height:100%; position:relative; flex-wrap: wrap;}
#location .map {width:100%; height:500px;}
#location .map iframe {width:100%; height:100%;}
#location a{display:block; width:250px; line-height:75px; text-align:center; background-color: #6c1418; color: #fff; border-radius: 5px; font-family:'URWDIN', 'Noto Sans KR'; font-weight: 500;}
#location ul{border-left: 2px solid #6c1418; padding: 5px 50px;}
#location li{padding-bottom: 10px; font-family:'URWDIN', 'Noto Sans KR'; letter-spacing:0.005em; color: #666666;}
#location li:first-child {font-family:'Noto Sans KR';}
#location li:last-child {padding-top: 30px; padding-bottom: 0; }
#location li > span { font-weight: bold; color:#6c1418; margin: 0 10px 0 0;}
#location .s-txt div:first-child{margin: 40px 0 0;}

@media screen and (max-width:1220px){
	#greeting .txt_box {margin-bottom:30px;}
	#greeting .txt_box > div:first-child {width:100%; margin-bottom:30px;}
	#greeting .txt_box > div:last-child {width:100%; padding-left:0;}
	#greeting .s-logo {width:50%;}
	#greeting .s-txt {width:50%; padding-left:50px;}

	#greeting .brand_box > div:last-child {padding-left:50px;}
}

@media screen and (max-width:1024px){
	#greeting strong{font-size: 2.5em;}
	#greeting img {margin-bottom:20%;}
	#greeting .tit1 {margin-bottom:1.5%;}
	#greeting .s-img .s-tit {margin-bottom:5%;}
	#greeting .s-logo {height:200px;}
	#greeting .s-logo img {width:120px;}
	#greeting .s-txt {padding-left:30px;}
	#greeting .s-txt dl dt {margin-bottom:1.5%;}

	#greeting .brand_box {margin-top:10%;}
	#greeting .brand_box > div:first-child {width:35%;}
	#greeting .brand_box > div:last-child {width:65%; padding-left:30px;}
	#greeting .brand_box .tit {margin-bottom:20px;}
	#greeting .brand_box ul li i {height:80px}
	#greeting .brand_box ul li dl {margin-top:15px;}
	#greeting .brand_box ul li dl dt {margin-bottom:5px;}

	#organization {padding:15% 0;}
	#organizationg strong{font-size: 2.5em;}

	#location strong{font-size: 2.5em;}
	#location .map {height:330px;}
	#location .s-txt a{margin: 40px 0 0;}
	#location a {width:180px; line-height:65px;}
}

@media screen and (max-width:767px){
	#greeting strong{font-size: 2.2em;}
	#greeting strong::before{font-size: 0.6em; margin: -30px 0;}
	#greeting .s-img{flex-wrap: wrap; }
	#greeting dl {margin-top: 20px;}
	#greeting .s-logo {width:100%; height:150px;}
	#greeting .s-logo img {width:90px;}
	#greeting .s-txt {width:100%; padding-left:0;}

	#greeting .brand_box > div:first-child {width:100%; margin-bottom:10%}
	#greeting .brand_box > div:last-child {width:100%; padding-left:0;}
	#greeting .brand_box .tit {margin-bottom:3%;}
	#greeting .brand_box img {margin-bottom:0;}
	#greeting .brand_box ul li {display:flex; width:100%; margin-bottom:5%;}
	#greeting .brand_box ul li:last-child {margin-bottom:0;}
	#greeting .brand_box ul li i {width:45px;}
	#greeting .brand_box ul li dl {width:calc(100% - 45px); padding-left:15px; margin-top:0;}
	#greeting .brand_box ul li dl dt {margin-bottom:0;}
	#greeting .brand_box ul li dl dd span {margin-right:10px;}

	#organization strong{font-size: 2.2em;}
	#organization strong::before{font-size: 0.6em; margin: -30px 0;}
	#organization .org-1{display: none;}
	#organization .org-2{display: block; width: 100%; padding: 50px 20px 0;}

	#location .map {height:230px;}
	#location .s-txt {display:block; padding:0; margin-top:70px;}
	#location strong{font-size: 2.2em;}
	#location strong::before{font-size: 0.6em; margin: -30px 0;}
	#location .map{width: 100%; display: block;}
	#location .s-txt div:nth-child(2) {margin: 15px 0 0;}
	#location a {width:140px; line-height:50px;}
	#location ul {padding-left:20px;}
	#location li:last-child {padding-top:10px;}
}


.sContact_case1 .tit {font-size:1.5em; color:#6c1418; line-height:1.3em; font-weight:600; letter-spacing:0.05em; font-family:'URWDIN'; text-transform:uppercase;}
.sContact_case1 .form_box {width:100%; overflow:hidden;}
.sContact_case1 .form_box > li {float:left; width:calc(50% - 25px); margin-right:50px;}
.sContact_case1 .form_box > li.w_100 {width:100%; margin-right:0;}
.sContact_case1 .form_box > li:nth-child(even) {margin-right:0;}
.sContact_case1 .form_box > li:nth-child(2) ~ li {margin-top:15px;}
.sContact_case1 .form_box > li label {display:block; width:100%; font-size:1.125em; line-height:1.5em; font-weight:500; margin-bottom:2px;}
.sContact_case1 .form_box > li .form_txt {width:100%; height:40px; border:0; background:#f8f9fc; font-size:1em; color:#666; font-family:'Noto Sans KR'; text-align:left; padding:0 10px;}
.sContact_case1 .form_box > li .form_textarea {width:100%; height:120px; padding:10px 0; border:0; background:#f8f9fc; font-size:1em; color:#666; font-family:'Noto Sans KR'; resize:none; padding:10px;}
.sContact_case1 .form_box > li .form_txt:focus, .sContact_case1 .form_box > li .form_textarea:focus {outline:none; border:0 !important; border-bottom:0 !important; box-shadow:none !important;}
.sContact_case1 .form_box > li .form_select {width:100%; background:#f8f9fc; position:relative;}
.sContact_case1 .form_box > li .form_select:after {content:'\f107'; font-size:1em; color:#666; font-weight:400; font-family:'Font Awesome 6 Pro'; position:absolute; right:20px; top:50%; transform:translateY(-50%)}
.sContact_case1 .form_box > li .form_select select {width:100%; height:45px; background:#f8f9fc; border:0; font-size:1em; color:#666; font-family:'Noto Sans KR'; -webkit-appearance: none; -moz-appearance: none; appearance: none; padding:0 10px;}
.sContact_case1 .form_box > li .form_select select:focus {outline:none; border:0 !important; border-bottom:0 !important; box-shadow:none !important;}
.sContact_case1 .form_box > li .form_file {display:flex; justify-content:left; align-items:center; width:100%; height:40px; background:#f8f9fc; padding:0 50px 0 10px; border-radius:5px; position:relative;}
.sContact_case1 .form_box > li .form_file:after {content:'\e09a'; font-size:1em; color:#666; font-weight:400; font-family:'Font Awesome 6 Pro'; position:absolute; right:30px; top:50%; transform:translateY(-50%);}
.sContact_case1 .form_box > li .form_file input {width:100%; height:100%; position:absolute; left:0; top:0; opacity:0;}
.sContact_case1 .privacy_box {width:100%; height: 300px; overflow: auto; margin-top:30px; border:1px solid #dcdcdc; border-radius:5px; padding:35px 50px;}
.sContact_case1 .privacy_box strong {display:block; font-size:1.125em; line-height:1.5em; font-weight:500; margin-bottom:15px;margin-top:50px;}
.sContact_case1 .privacy_box p {font-size:1em; color:#666; line-height:1.8em;}
.sContact_case1 .check_box {float:right; display:block; margin:20px 0 50px;}
.sContact_case1 .check_box input {display:none;}
.sContact_case1 .check_box p {font-size:1em; line-height:25px; font-family:'URWDIN'; padding-left:40px; position:relative;}
.sContact_case1 .check_box p:before {content:''; display:block; width:25px; height:25px; line-height:23px; border:1px solid #dcdcdc; border-radius:50%; font-size:0.75em; color:#fff; font-weight:400; font-family:'Font Awesome 6 Pro'; position:absolute; left:0; top:0; text-align:center;}
.sContact_case1 .check_box input:checked + p:before {content:'\f00c'; background:#6c1418; border-color:#6c1418}
.sContact_case1 #btn_submit {display:block; width:250px; height:75px; border-radius:5px; background:#6c1418; font-size:1em; color:#fff; letter-spacing:0.05em; font-family:'URWDIN'; clear:both; margin:0 auto;}

@media screen and (max-width:1024px){
	.sContact_case1 .form_box > li {width:calc(50% - 7.5px); margin-right:15px;}
	.sContact_case1 .form_box > li:nth-child(2) ~ li {margin-top:20px;}
	.sContact_case1 .form_box > li label {margin-bottom:8px;}
	.sContact_case1 .form_box > li .form_txt {height:35px;}
	.sContact_case1 .form_box > li .form_textarea {height:90px;}
	.sContact_case1 .form_box > li .form_select select {height:35px;}
	.sContact_case1 .form_box > li .form_file {height:40px;}
	.sContact_case1 .form_box > li .form_file:after {right:15px;}
	.sContact_case1 .privacy_box {margin-top:20px; padding:20px 30px;}
	.sContact_case1 #btn_submit {width:190px; height:60px;}
}

@media screen and (max-width:767px){
	.sContact_case1 .form_box > li {float:none; width:100%;}
	.sContact_case1 .form_box > li:nth-child(1) ~ li {margin-top:20px;}
	.sContact_case1 .form_box > li .form_select:after {right:15px;}
	.sContact_case1 .privacy_box {padding:15px 20px;}
	.sContact_case1 .check_box {margin:10px 0 40px;}
	.sContact_case1 .check_box p {line-height:20px; padding-left:30px;}
	.sContact_case1 .check_box p:before {width:20px; height:20px; line-height:18px;}
	.sContact_case1 #btn_submit {width:140px; height:50px;}
}

.sPortfolio_popup {display:flex; justify-content:center; align-items:center; width:100%; height:100vh; background:rgba(25,25,25,0.8); position:fixed; left:0; top:0; z-index:500;}
.sPortfolio_popup > div {overflow:hidden;}
.sPortfolio_popup .tit_box {width:100%; position:relative; padding-right:70px;}
.sPortfolio_popup .tit_box strong {display:block; width:100%; font-size:1.5em; color:#fff; line-height:1.5em; font-weight:700;}
.sPortfolio_popup .tit_box ul {width:100%; overflow:hidden; margin-top:10px;}
.sPortfolio_popup .tit_box ul li {float:left; font-size:1.125em; color:rgba(255,255,255,0.5);}
.sPortfolio_popup .tit_box ul li:not(:first-child):before {content:'|'; margin:0 10px;}
.sPortfolio_popup .tit_box .close_btn {display:block; width:65px; height:65px; background:#6c1418; border-radius:50%; position:absolute; right:0; top:0; font-size:1.5em; transition:transform 0.8s;}
.sPortfolio_popup .tit_box .close_btn:before {content:'\f00d'; color:#fff; font-weight:300; font-family:'Font Awesome 6 Pro'}
.sPortfolio_popup .tit_box .close_btn:hover {transform:rotate(360deg)}
.sPortfolio_slide {width:100%; height:790px; max-height:calc(100vh - 300px); position:relative; margin:30px 0;}
.sPortfolio_slide .swiper-slide {display:flex; justify-content:center; align-items:center; background:#191919;}
.sPortfolio_slide .swiper-slide img {max-width:100%; max-height:100%;}
.sPortfolio_slide .img_box {width:100%; height:100%; background-repeat:no-repeat; background-position:center center; background-size:cover;}
.sPortfolio_slide .swiper-button-next, .sPortfolio_slide .swiper-button-prev {font-size:1em;}
.sPortfolio_slide .swiper-button-next {right:30px;}
.sPortfolio_slide .swiper-button-prev {left:30px;}
.sPortfolio_slide .swiper-button-next:after, .sPortfolio_slide .swiper-button-prev:after {font-size:4.735em; color:#fff; font-weight:100; font-family:'Font Awesome 6 Pro'; text-shadow:0 0 10px rgba(25,25,25,0.15)}
.sPortfolio_slide .swiper-button-next:after {content:'\f105'}
.sPortfolio_slide .swiper-button-prev:after {content:'\f104'}
.sPortfolio_slide .swiper-pagination-fraction {bottom:30px; font-size:1.125em; color:rgba(255,255,255,0.5); font-family:'URWDIN'}
.sPortfolio_slide .swiper-pagination span {margin:0 8px;}
.sPortfolio_slide .swiper-pagination-current {color:#fff;}
.sPortfolio_slide_thumb_wrap {width:100%;}
.sPortfolio_slide_thumb {width:170px; height:95px; position:relative; margin:0 auto;}
/*.sPortfolio_slide_thumb .swiper-slide {width:170px;}*/
.sPortfolio_slide_thumb .swiper-slide:before {content:''; display:block; width:100%; height:100%; border:4px solid #fff; position:absolute; left:0; top:0; opacity:0; visibility:hidden; transition:all 0.8s; transition-property:opacity, visibility;}
.sPortfolio_slide_thumb .swiper-slide-thumb-active:before {opacity:1; visibility:visible;}
.sPortfolio_slide_thumb .img_box {width:100%; height:100%; background-repeat:no-repeat; background-position:center center; background-size:cover;}

@media screen and (max-width:1220px){
	.sPortfolio_slide {height:55vw;}
}

@media screen and (max-width:1024px){
	.sPortfolio_popup .tit_box {padding-right:60px;}
	.sPortfolio_popup .tit_box strong {font-size:1.3em;}
	.sPortfolio_popup .tit_box ul li {font-size:1em;}
	.sPortfolio_popup .tit_box ul li:not(:first-child):before {margin:0 7px;}
	.sPortfolio_popup .tit_box .close_btn {width:55px; height:55px; font-size:1.3em; top:5px;}
	.sPortfolio_slide {margin:20px 0;}
	.sPortfolio_slide .swiper-button-next {right:10px;}
	.sPortfolio_slide .swiper-button-prev {left:10px;}
	.sPortfolio_slide .swiper-button-next:after, .sPortfolio_slide .swiper-button-prev:after {font-size:3em;}
	.sPortfolio_slide .swiper-pagination-fraction {bottom:15px; font-size:1em;}
	.sPortfolio_slide_thumb {width:140px; height:80px;}
}

@media screen and (max-width:767px){
	.sPortfolio_popup .tit_box {padding-right:50px;}
	.sPortfolio_popup .tit_box .close_btn {width:45px; height:45px; font-size:1.125em;}
	.sPortfolio_slide_thumb {width:110px; height:70px;}
	.sPortfolio_slide_thumb .swiper-slide-thumb-active:before {border-width:2px;}
}


/* //DAM */

/* swiper */
/**
 * Swiper 5.3.0
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://swiperjs.com
 *
 * Copyright 2014-2020 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: January 11, 2020
 */

@font-face{font-family:swiper-icons;src:url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-container-multirow>.swiper-wrapper{flex-wrap:wrap}.swiper-container-multirow-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-container-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-container-3d{perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-container-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(-1 * var(--swiper-navigation-size)/ 2);z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{content:'next'}.swiper-button-next.swiper-button-white,.swiper-button-prev.swiper-button-white{--swiper-navigation-color:#ffffff}.swiper-button-next.swiper-button-black,.swiper-button-prev.swiper-button-black{--swiper-navigation-color:#000000}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white{--swiper-pagination-color:#ffffff}.swiper-pagination-black{--swiper-pagination-color:#000000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;animation:swiper-preloader-spin 1s infinite linear;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}
