@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; */

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import url('https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css'); /* NanumSquare */

*,
*: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:'Poppins', 'Noto Sans KR', 'Nanum Gothic', 'Malgun Gothic', 'Dotum', sans-serif;color:#333;line-height:auto;font-weight:normal; padding:0px;margin:0px;letter-spacing:-0.025em; word-break:keep-all;}
html, body {width:100%;/*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:#333}

.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;}
.s-inner100 {width:100%; margin-left:auto; margin-right:auto;}

@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; }
}


::selection {background:rgba(228,80,79,0.8); color:#fff;}
::-moz-selection {background:rgba(228,80,79,0.8); color:#fff;}
::-webkit-selection {background:rgba(228,80,79,0.8); color:#fff;}


.kdod_btn {display:block; width:240px; line-height:70px; text-align:center; border-radius:35px; background:#e4504f; font-size:1em; color:#fff; font-weight:500; font-family:'Poppins'; text-transform:uppercase;}
.kdod_btn.case2 {background:#507c89;}
.kdod_btn.auto {margin-left:auto; margin-right:auto;}

@media screen and (max-width:1024px){
	.kdod_btn {width:190px; line-height:55px;}
}

@media screen and (max-width:767px){
	.kdod_btn {width:150px; line-height:45px;}
}



/* header */
#header {width:100%; height:100px; padding:0 50px; position:fixed; left:0; top:0; z-index:300; transition:background 0.5s}
#header .h_util {float:right; position:relative; z-index:10;}
#header .h_member {float:left;}
#header .h_member li {float:left; margin-right:30px;}
#header .h_member li:last-child {margin-right:0;}
#header .h_member li a {display:block; font-size:0.875em; color:#fff; font-weight:500; line-height:100px; text-transform:uppercase; transition:color 0.5s;}
#header .h_member li a:before {font-size:1.14em; font-weight:300; font-family:'Font Awesome 6 Pro'; margin-right:10px; vertical-align:middle;}
#header .h_member li.mypage a:before {content:'\f2bd'}
#header .h_member li.login a:before {content:'\f090'}
#header .h_lang {float:right; width:120px; margin:33px 0 0 50px; position:relative;}
#header .h_lang > button {display:block; width:100%; height:36px; border:2px solid #fff; border-radius:18px; font-size:0.75em; color:#fff; position:relative; z-index:5; transition:color 0.5s, border 0.5s;}
#header .h_lang > button:after {content:'\f107'; font-size:1em; font-weight:400; font-family:'Font Awesome 6 Pro'; margin-left:10px;}
#header .h_lang ul {display:none; width:100%; background:rgba(25,25,25,0.5); border-radius:18px; position:absolute; left:0; top:100%;}
#header .h_lang ul > li:first-child {padding-top:10px;}
#header .h_lang ul > li:last-child {padding-bottom:10px;}
#header .h_lang ul > li > a {display:block; font-size:0.75em; color:#fff; line-height:1.5em; padding:5px 15px; text-align:center;}
#header .h_lang.active > button:after {content:'\f106'}

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

#gnb {width:100%; position:absolute; left:0; top:0;}
#gnb > ul {display:flex; justify-content:center;}
#gnb > ul > li {position:relative;}
#gnb > ul > li > a {display:block; font-size:1.125em; color:#fff; font-weight:600; line-height:100px; padding:0 45px; transition:background 0.3s, color 0.5s; text-transform:uppercase}
#gnb > ul > li > ul {width:100%; background:#e4504f; position:absolute; left:0; top:100%; padding:20px 0; text-align:center; opacity:0; visibility:hidden; transform:translateY(20px); transition:all 0.3s; transition-property:opacity, visibility, transform;}
#gnb > ul > li > ul > li > a {display:block; font-size:1em; color:rgba(255,255,255,0.6); line-height:1.6em; padding:8px 10px; transition:color 0.5s}

#menuToggle {float:right; display:none; width:22px; height:18px; margin-top:20px; position:relative; z-index:10;}
#menuToggle span {display:block; width:100%; height:2px; background:#fff; position:absolute; left:0; transition:all 0.5s}
#menuToggle span:nth-child(1) {top:0;}
#menuToggle span:nth-child(2) {top:50%; margin-top:-1px;}
#menuToggle span:nth-child(3) {bottom:0;}

#header.sub_header {background:#fff; box-shadow:0 0 20px rgba(51,51,51,0.05);}
#header.sub_header #logo {background-image:url(../images/logo.svg)}
#header.sub_header #gnb > ul > li > a {color:#333;}
#header.sub_header #menuToggle span {background:#333;}

#header.scroll_on {background:#fff;}
#header.scroll_on #logo {background-image:url(../images/logo.svg)}
#header.scroll_on #gnb > ul > li > a {color:#333;}
#header.scroll_on #menuToggle span {background:#333;}

#header.active #menuToggle span {background:#333;}
#header.active #menuToggle span:nth-child(1) {transform:translateY(8px) rotate(45deg)}
#header.active #menuToggle span:nth-child(2) {width:0;}
#header.active #menuToggle span:nth-child(3) {transform:translateY(-8px) rotate(-45deg)}

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

	#gnb > ul > li:hover > ul {opacity:1; visibility:visible; transform:translateY(0)}
	#gnb > ul > li:hover > a {background:#e4504f; color:#fff !important;}
	#gnb > ul > li > ul > li > a:hover {color:#fff;}
	
	#header.sub_header .h_member li a {color:#777;}
	#header.sub_header .h_lang > button {border-color:#cecece; color:#333;}
	
	#header.scroll_on .h_member li a {color:#777;}
	#header.scroll_on .h_lang > button {border-color:#cecece; color:#333;}
}

@media screen and (max-width:1220px){
	#header {padding:0 6%;}
	#header .h_member li {margin-right:15px;}
	#header .h_lang {margin-left:20px;}

	#gnb {left:-6%;}
	#gnb > ul > li > a {font-size:1em; padding:0 35px;}
}

@media screen and (max-width:1024px){
	#header {height:55px;}
	#header .h_util {position:unset}
	#header .h_member {float:none; width:100%; background:#e4504f; position:absolute; left:0; bottom:0;}
	#header .h_member li {width:50%; text-align:center; margin-right:0;}
	#header .h_member li:last-child {border-left:1px solid rgba(255,255,255,0.2)}
	#header .h_member li a {line-height:45px;}
	#header .h_lang {width:100px; margin:15px 0 0;}
	#header .h_lang > button {height:30px; border-color:#cecece; color:#333;}
	#header .h_lang ul {border-radius:15px;}
	#header .h_lang ul > li:first-child {padding-top:5px;}
	#header .h_lang ul > li:last-child {padding-bottom:5px;}
	#header .h_lang ul > li > a {padding:3px 0;}

	#logo {width:130px; height:32px; background-size:130px 32px; margin-top:12px;}

	#gnb {position:relative; left:0;}
	#gnb > ul {display:block;}
	#gnb > ul > li > a {font-size:1.25em; color:#333; line-height:1.6em; padding:15px 0;}
	#gnb > ul > li > ul {display:none; background:#f8f9fb; opacity:1; visibility:visible; position:relative; top:0; transform:translateY(0); text-align:left; padding:0;}
	#gnb > ul > li > ul > li:first-child {padding-top:5px;}
	#gnb > ul > li > ul > li:last-child {padding-bottom:5px;}
	#gnb > ul > li > ul > li > a {color:#333; padding:5px 15px}

	#all_gnb {width:100%; height:calc(100vh - 55px); background:#fff; padding:3% 6% 50px; position:fixed; left:100%; top:55px; transition:left 0.5s}

	#menuToggle {display:block;}

	#header.active {background:#fff;}
	#header.active #logo {background-image:url(../images/logo.svg);}
	#header.active #all_gnb {left:0;}
}


/* footer */
#footer {width:100%; background:#333; padding:50px 0 90px;}
#footer .s-inner:after {content:''; display:block; width:100%; clear:both;}
#footer .box1 {float:left; width:calc(100% - 250px);}
#footer .box2 {float:right; width:250px;}
#footer .f_util {display:flex; align-items:center;}
#footer h1 {width:175px; height:43px; margin-right:50px;}
#footer h1 img {width:100%; height:100%;}
#footer .f_util ul li {float:left;}
#footer .f_util ul li:not(:first-child):before {content:''; display:inline-block; width:1px; height:13px; background:#777; margin:0 13px; vertical-align:middle;}
#footer .f_util ul li a {display:inline-block; font-size:1em; color:#fff; font-weight:500;}
#footer .f_info {margin-top:30px;}
#footer .f_info li {display:inline-block; font-size:0.875em; color:#cecece; line-height:1.6em; font-weight:700; font-family:'NanumSquare'; margin-right:25px;}
#footer .f_info li strong {font-weight:800; margin-right:10px;}
#footer .copy {font-size:0.875em; color:#cecece; font-weight:800; font-family:'NanumSquare'; margin-top:20px;}
#footer .f_sns {text-align:right;}
#footer .f_sns li {display:inline-block; width:40px; height:40px; border:1px solid #777; text-align:center; border-radius:50%; position:relative; margin-left:5px;}
#footer .f_sns li img {width:100%; position:absolute; left:0; top:0;}
#footer .f_site {width:100%; margin-top:15px; position:relative;}
#footer .f_site button {width:100%; height:55px; border:0; border:1px solid #333; border-bottom:3px solid #777; border-top:0; text-align:left; font-size:1em; color:#cecece; font-weight:500; font-family:'Poppins'; padding:0 10px; position:relative;}
#footer .f_site button:after {content:'\f107'; font-size:0.875em; font-weight:300; font-family:'Font Awesome 6 Pro'; position:absolute; right:10px; top:50%; transform:translateY(-50%);}
#footer .f_site ul {display:none; width:100%; background:#333; border:1px solid #777; border-bottom:0; position:absolute; left:0; bottom:100%;}
#footer .f_site ul li a {display:block; width:100%; font-size:1em; color:#fff; padding:13px 10px; border-bottom:1px solid #777; transition:background 0.4s}
#footer .f_site ul li a:hover {background:#3e3e3e;}
#footer .f_site.active button {border-color:#777;}
#footer .f_site.active button:after {content:'\f106'}
#footer .f_site.active ul {display:block;}
#footer .go_top {display:flex; justify-content:center; align-items:center; flex-direction:column; width:70px; height:70px; background:#e4504f; border-radius:50%; text-align:center; font-size:1em; color:#fff; position:fixed; right:30px; bottom:30px; z-index:200;}
#footer .go_top:before {content:'\f106'; font-size:0.875em; font-weight:400; font-family:'Font Awesome 6 Pro'}
#footer .go_top span {font-size:0.75em; font-weight:500; font-family:'Poppins'}

@media screen and (max-width:1024px){
	#footer {padding:5% 0 7%;}
	#footer .box1 {width:calc(100% - 200px)}
	#footer .box2 {width:200px}
	#footer h1 {width:130px; height:32px; margin-right:20px;}
	#footer .f_info {margin-top:15px;}
	#footer .copy {margin-top:10px;}
	#footer .go_top {width:60px; height:60px; right:6%; bottom:20px;}
}

@media screen and (max-width:767px){
	#footer .box1 {float:none; width:100%;}
	#footer .box2 {float:none; width:100%; margin-top:3%;}
	#footer h1 {width:110px; height:27px;}
	#footer .f_sns li {width:30px; height:30px;}
	#footer .f_site {margin-top:5px;}
	#footer .f_site button {height:40px;}
	#footer .go_top {width:40px; height:40px;}
	#footer .go_top:before {font-size:1em}
	#footer .go_top span {display:none;}
}


#mVisu {display:flex; justify-content:center; align-items:center; width:100%; height:900px; overflow:hidden; position:relative;}
#mVisu .txt_box {position:relative; z-index:10; padding-right:80px;}
#mVisu .txt_box span {display:block; font-size:2.18em; color:rgba(255,255,255,0.4); font-weight:500; }
#mVisu .txt_box .tit {font-size:4.68em; color:#fff; line-height:1.1em; font-weight:600; margin:10px 0 20px;}
#mVisu .txt_box .txt {font-size:1.25em; color:#fff; line-height:1.5em; font-weight:700; font-family:'NanumSquare';}
#mVisu .txt_box div {position:absolute; right:0; top:50%; transform:translateY(-50%)}
#mVisu .txt_box a {display:block; width:70px; line-height:70px; background:#e4504f; border-radius:50%; font-size:0.875em; color:#fff; text-align:center; }
.mVisu_slide {width:100%; height:100%; position:absolute; left:0; top:0;}
.mVisu_slide .img_box {width:100%; height:100%; background-repeat:no-repeat; background-position:center center; background-size:cover; position:relative; transform:scale(1.1);}
.mVisu_slide .img_box:before {content:''; display:block; width:100%; height:100%; background:#333; opacity:0.4; position:absolute; left:0; top:0;}
.mVisu_slide.swiper-container-horizontal>.swiper-pagination-bullets {bottom:70px;}
.mVisu_slide.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {width:8px; height:8px; background:#fff; opacity:0.4; margin:0 10px; vertical-align:middle;}
.mVisu_slide.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active {width:24px; height:24px; background:none; border:5px solid #e4504f; opacity:1;}

.mVisu_slide .swiper-slide-active .img_box {transform:scale(1); transition:transform 6000ms linear;}

@media screen and (max-width:1024px){
	#mVisu {height:650px;}
	#mVisu .txt_box {padding-right:60px;}
	#mVisu .txt_box span {font-size:1.8em;}
	#mVisu .txt_box .tit {font-size:3.8em;}
	#mVisu .txt_box .txt {font-size:1.125em;}
	#mVisu .txt_box a {width:55px; line-height:55px;}
	.mVisu_slide.swiper-container-horizontal>.swiper-pagination-bullets {bottom:20px;}
	.mVisu_slide.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {width:6px; height:6px; margin:0 5px;}
	.mVisu_slide.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active {width:15px; height:15px; border-width:3px;}
}

@media screen and (max-width:767px){
	#mVisu {height:550px;}
	#mVisu .txt_box {padding-right:0; overflow:hidden;}
	#mVisu .txt_box span {font-size:1.5em;}
	#mVisu .txt_box .tit {font-size:3.3em; margin:5px 0 20px;}
	#mVisu .txt_box div {top:auto; bottom:0; transform:translateY(0)}
	#mVisu .txt_box a {width:40px; line-height:40px;}
	.mVisu_slide.swiper-container-horizontal>.swiper-pagination-bullets {bottom:10px;}
}


.main_title h2 {font-size:1.5em; font-weight:500; padding-left:45px; position:relative; margin-bottom:30px;}
.main_title h2 i {font-size:1.25em; position:absolute; left:0; top:4px;}
.main_title h3 {font-size:3.75em; line-height:1.08em; font-weight:600;}
.main_title p {font-size:1.125em; color:#777; line-height:1.5em; font-family:'NanumSquare'; margin-top:15px;}
.main_title .btn_box {margin-top:50px;}

@media screen and (max-width:1024px){
	.main_title h2 {font-size:1.25em; padding-left:35px; margin-bottom:15px;}
	.main_title h3 {font-size:3.2em;}
	.main_title p {font-size:1em; margin-top:10px;}
	.main_title .btn_box {margin-top:30px;}
}

@media screen and (max-width:767px){
	.main_title h2 {padding-left:30px; margin-bottom:10px;}
	.main_title h3 {font-size:2.9em;}
	.main_title p {margin-top:5px;}
}


#mSurvey {margin:150px 0 100px; position:relative;}
#mSurvey .main_title {width:600px; background:#fff; position:absolute; left:50%; top:0; margin-left:-600px; z-index:10;}
.mSurvey_slide_wrap {width:100%; position:relative;}
.mSurvey_slide_wrap:before {content:''; display:block; width:calc(50% + 30px); height:calc(100% + 250px); background:#fff; position:absolute; left:0; top:-150px; z-index:5;}
.mSurvey_slide {width:930px; margin-left:calc(50% + 30px)}
.mSurvey_slide .swiper-slide {width:100%; border-radius:20px; background:#fff; box-shadow:10px 10px 30px rgba(51,51,51,0.07); overflow:hidden;}
.mSurvey_slide .img_box {width:100%; height:250px; background-repeat:no-repeat; background-position:center center; background-size:cover; position:relative;}
.mSurvey_slide .img_box p {width:150px; line-height:40px; background:rgba(228,80,79,0.8); text-align:center; font-size:0.875em; color:#fff; font-weight:600; position:absolute; left:0; bottom:0;}
.mSurvey_slide .txt_box {padding:30px 40px 45px;}
.mSurvey_slide .txt_box strong {display:block; font-size:1.375em; line-height:1.5em; font-weight:500;}
.mSurvey_slide .txt_box ul {width:100%; overflow:hidden; margin-top:5px;}
.mSurvey_slide .txt_box ul li {float:left; font-size:1em; color:#777; line-height:1.5em; font-weight:700; font-family:'NanumSquare'}
.mSurvey_slide .txt_box ul li:not(:last-child):after {content:'│'; margin:0 5px;}
.mSurvey_slide .txt_box .date {display:block; margin-top:15px; padding-top:15px; border-top:1px solid #dcdcdc; font-size:0.875em; color:#777; font-weight:700; font-family:'NanumSquare'; text-align:right;}
.mSurvey_slide .txt_box a {display:flex; justify-content:center; align-items:center; width:100%; height:65px; border:2px solid #e4504f; border-radius:5px; text-align:center; font-size:0.875em; color:#e4504f; font-weight:600; text-transform:uppercase; margin-top:30px;}
.mSurvey_slide .case2 .img_box p {background:rgba(51,51,51,0.8)}
.mSurvey_slide .case2 .txt_box a {border-color:#cecece; color:#cecece;}
.mSurvey_slide .swiper-button-next, .mSurvey_slide .swiper-button-prev {width:auto; height:auto; top:auto; right:auto; left:50%; bottom:0; margin-top:0;}
.mSurvey_slide .swiper-button-next {margin-left:-545px;}
.mSurvey_slide .swiper-button-prev {margin-left:-600px;}
.mSurvey_slide .swiper-button-next:after, .mSurvey_slide .swiper-button-prev:after {font-size:1.875em; color:#333; line-height:30px; font-weight:300; font-family:'Font Awesome 6 Pro'}
.mSurvey_slide .swiper-button-next:after {content:'\f105'}
.mSurvey_slide .swiper-button-prev:after {content:'\f104'}
.mSurvey_slide.swiper-container-horizontal>.swiper-pagination-progressbar {width:300px; height:1px; background:#cecece; top:auto; bottom:14px; left:50%; margin-left:-490px;}
.mSurvey_slide .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {height:3px; background:#333; margin-top:-1px;}

@media screen and (max-width:1220px){
	#mSurvey .main_title {width:44%; left:6%; margin-left:0;}
	.mSurvey_slide .swiper-button-next, .mSurvey_slide .swiper-button-prev {left:6%;}
	.mSurvey_slide .swiper-button-next {margin-left:40px;}
	.mSurvey_slide .swiper-button-prev {margin-left:0}
	.mSurvey_slide.swiper-container-horizontal>.swiper-pagination-progressbar {width:200px; left:6%; margin-left:80px;}
}

@media screen and (max-width:1024px){
	#mSurvey {margin:13vw 0 10vw;}
	.mSurvey_slide_wrap:before {height:calc(100% + 23vw); top:-13vw;}
	.mSurvey_slide {width:90%;}
	.mSurvey_slide .img_box {height:24vw;}
	.mSurvey_slide .txt_box {padding:15px 20px;}
	.mSurvey_slide .txt_box strong {font-size:1.25em;}
	.mSurvey_slide .txt_box a {height:55px;}
}

@media screen and (max-width:767px){
	#mSurvey .main_title {width:88%; position:relative; left:0; margin:0 auto;}
	.mSurvey_slide_wrap:before {display:none;}
	.mSurvey_slide {width:100%; margin:5% 0 0; padding:0 6% 30px;}
	.mSurvey_slide .swiper-slide {border-radius:10px;}
	.mSurvey_slide .img_box p {width:130px; line-height:35px;}
	.mSurvey_slide .txt_box {padding:10px 15px;}
	.mSurvey_slide .txt_box strong {font-size:1.125em;}
	.mSurvey_slide .txt_box ul li:not(:last-child):after {margin:0 3px;}
	.mSurvey_slide .txt_box a {height:45px;}
	.mSurvey_slide .swiper-button-next, .mSurvey_slide .swiper-button-prev {display:none;}
	.mSurvey_slide.swiper-container-horizontal>.swiper-pagination-progressbar {width:88%; bottom:0; left:6%; margin-left:0;}
}

@media screen and (max-width:500px){
	.mSurvey_slide .img_box {height:45vw;}
}


#mPanel {display:flex; justify-content:left; align-items:center; margin-bottom:150px;}
#mPanel > div {width:50%;}
#mPanel .img_box {height:600px;}
#mPanel .img_box > div {width:100%; height:100%;}
#mPanel .main_title {padding-left:30px;}
#mPanel .main_title h3 {letter-spacing:-0.035em;}

@media screen and (max-width:1024px){
	#mPanel {margin-bottom:13%;}
	#mPanel .img_box {height:50vw;}
}

@media screen and (max-width:1024px){
	#mPanel {display:block;}
	#mPanel > div {width:100%;}
	#mPanel .img_box {height:60vw;}
	#mPanel .main_title {padding-left:0; margin-top:5%;}
}


#mRead {width:100%; background:#f8f9fc; padding:100px 0;}
#mRead h2 {font-size:2.5em; line-height:1.5em; font-weight:600;}
#mRead .more_btn {display:block; width:50px; line-height:46px; border:2px solid #333; border-radius:50%; font-size:0.75em; text-align:center; position:absolute; right:0; top:5px;}
#mRead .box1 {display:flex; justify-content:space-between; width:100%; margin:50px 0 40px;}
#mRead .box1 > div {width:calc(50% - 15px); background:#fff; border-radius:20px; box-shadow:10px 10px 30px rgba(51,51,51,0.05); padding:55px 65px;}
#mRead .box1 .tit {font-size:1.375em; line-height:1.45em; margin-bottom:30px;}
#mRead .box1 ul li {font-size:1em; color:#777; line-height:1.56em; font-family:'NanumSquare'; margin-bottom:15px; position:relative; padding-left:26px;}
#mRead .box1 ul li:last-child {margin-bottom:0}
#mRead .box1 ul li:before {content:''; display:block; width:6px; height:6px; background:#333; border-radius:50%; position:absolute; left:0; top:9px;}
#mRead .warning {font-size:0.875em; color:#777; line-height:1.64em; position:relative; padding-left:44px;}
#mRead .warning:before {content:'\f06a'; font-size:1.71em; color:#e4504f; font-weight:900; font-family:'Font Awesome 6 Pro'; position:absolute; left:0; top:50%; transform:translateY(-50%)}

@media screen and (max-width:1220px){
	#mRead .box1 > div {padding:40px 40px;}
}

@media screen and (max-width:1024px){
	#mRead {padding:10% 0;}
	#mRead h2 {font-size:2em; padding-right:50px;}
	#mRead .more_btn {width:40px; line-height:36px;}
	#mRead .box1 {margin:5% 0 4%;}
	#mRead .box1 > div {width:calc(50% - 7.5px); padding:20px 25px;}
	#mRead .box1 .tit {font-size:1.25em; margin-bottom:15px;}
	#mRead .box1 ul li {padding-left:15px; margin-bottom:10px;}
	#mRead .box1 ul li:before {width:4px; height:4px; top:11px;}
}

@media screen and (max-width:767px){
	#mRead .more_btn {width:35px; line-height:31px;}
	#mRead .box1 {display:block;}
	#mRead .box1 > div {width:100%; margin-bottom:10px; border-radius:10px;}
	#mRead .box1 > div:last-child {margin-bottom:0;}
	#mRead .warning {padding-left:30px;}
}


#mHow {padding-top:150px;}
#mHow .video_box {width:100%; height:675px; margin-top:30px;}
#mHow .video_box iframe {width:100%; height:100%;}

@media screen and (max-width:1220px){
	#mHow .video_box {height:44vw;}
}

@media screen and (max-width:1024px){
	#mHow {padding-top:13%;}
	#mHow .video_box {margin-top:3%;}
}


#mCompleted {padding:200px 0 150px;}
#mCompleted .main_title {position:relative; padding-right:250px;}
#mCompleted .main_title .btn_box {position:absolute; bottom:0; right:0;}
#mCompleted ul {display:flex; flex-wrap:wrap; width:100%; margin-top:80px;}
#mCompleted ul li {width:calc(33.33% - 20px); margin-right:30px; background:#fff; border-radius:20px; box-shadow:10px 10px 30px rgba(51,51,51,0.07); overflow:hidden;}
#mCompleted ul li .img_box {width:100%; height:250px; background-repeat:no-repeat; background-position:center center; background-size:cover;}
#mCompleted ul li .txt_box {padding:30px 40px 45px;}
#mCompleted ul li .txt_box strong {display:block; font-size:1.375em; font-weight:500; line-height:1.5em;}
#mCompleted ul li .txt_box p {font-size:1em; color:#777; font-weight:700; font-family:'NanumSquare'; margin-top:5px;}
#mCompleted ul li .txt_box .date {display:block; margin-top:15px; padding-top:15px; border-top:1px solid #dcdcdc; text-align:right; font-size:0.875em; color:#777; font-weight:700; font-family:'NanumSquare'}
#mCompleted ul li .txt_box a {display:block; width:100%; line-height:65px; background:#cecece; border-radius:5px; text-align:center; font-size:0.875em; color:#fff; font-weight:600; margin-top:30px; text-transform:uppercase; transition:background 0.5s}
#mCompleted ul li .txt_box a:hover {background:#e4504f;}

@media screen and (min-width:768px){
	#mCompleted ul li:nth-child(3n) {margin-right:0;}
	#mCompleted ul li:nth-child(3) ~ li {margin-top:50px;}
}

@media screen and (max-width:1220px){
	#mCompleted ul li .img_box {height:18vw;}
	#mCompleted ul li .txt_box {padding:20px 30px}
}

@media screen and (max-width:1024px){
	#mCompleted {padding:13% 0;}
	#mCompleted .main_title {padding-right:200px;}
	#mCompleted ul {margin-top:6%;}
	#mCompleted ul li {width:calc(33.33% - 10px); margin-right:15px;}
	#mCompleted ul li:nth-child(3) ~ li {margin-top:30px;}
	#mCompleted ul li .txt_box {padding:15px 20px;}
	#mCompleted ul li .txt_box strong {font-size:1.25em;}
	#mCompleted ul li .txt_box a {line-height:55px;}
}

@media screen and (max-width:767px){
	#mCompleted .main_title {padding-right:0;}
	#mCompleted .main_title .btn_box {position:relative;}
	#mCompleted ul li {width:calc(50% - 5px); margin-right:10px; border-radius:10px;}
	#mCompleted ul li:nth-child(2n) {margin-right:0;}
	#mCompleted ul li:nth-child(2) ~ li {margin-top:20px;}
	#mCompleted ul li .img_box {height:24vw;}
	#mCompleted ul li .txt_box {padding:10px 15px;}
	#mCompleted ul li .txt_box a {line-height:44px; margin-top:15px;}
}

@media screen and (max-width:500px){
	#mCompleted ul li {width:100%; margin-right:0;}
	#mCompleted ul li:nth-child(1) ~ li {margin-top:20px;}
	#mCompleted ul li .img_box {height:48vw;}
}



/* sub */
#sVisu {width:100%; height:350px; background-repeat:no-repeat; background-position:center center; background-size:cover; position:relative; margin-top:100px;}
#sVisu:before {content:''; display:block; width:100%; height:100%; background:#333; opacity:0.4; position:absolute; left:0; top:0; z-index:0;}
#sVisu:after {content:''; display:block; width:100%; height:70px; background:#000; opacity:0.6; position:absolute; left:0; bottom:0; z-index:1;}
#sVisu > div {position:relative; z-index:10;}
#sVisu h2 {display:flex; align-items:center; width:100%; height:280px; font-size:3.75em; color:#fff; font-weight:600; line-height:1.08em; padding-top:15px;}
#sVisu .sub_menu {overflow:hidden;}
#sVisu .sub_menu .home {float:left;}
#sVisu .sub_menu .home:before {content:'\f015'; font-size:1em; color:#fff; font-weight:800; line-height:70px; font-family:'Font Awesome 6 Pro';}
#sVisu .sub_menu ul li {float:left; font-size:1.125em; color:#fff; font-weight:500; line-height:70px;}
#sVisu .sub_menu ul li:before {content:''; display:inline-block; width:1px; height:16px; background:rgba(255,255,255,0.6); margin:0 30px; vertical-align:middle;}

.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)}

@media screen and (max-width:1024px){
	#sVisu {height:280px; margin-top:55px;}
	#sVisu:after {height:50px;}
	#sVisu h2 {height:230px; font-size:3.2em;}
	#sVisu .sub_menu .home:before {font-size:0.875em; line-height:50px;}
	#sVisu .sub_menu ul li {font-size:1em; line-height:50px;}
	#sVisu .sub_menu ul li:before {margin:0 20px;}
}

@media screen and (max-width:767px){
	#sVisu {height:240px;}
	#sVisu:after {height:45px;}
	#sVisu h2 {height:195px; font-size:2.9em;}
	#sVisu .sub_menu .home:before {line-height:45px;}
	#sVisu .sub_menu ul li {line-height:45px;}
	#sVisu .sub_menu ul li:before {height:10px; margin:0 13px;}
}



#sub_content {width:100%; min-height:60vh; margin:100px 0 150px;}
#sub_content h3 {font-size:2.5em; color:#E4504F;letter-spacing: -0.03em;margin-bottom:15px;}
#sub_content h4 {font-size:1.875em; line-height:1.4em; font-weight:600;}
#sub_content h5 {}
#sub_content h6 {}
#sub_content h3 + p {font-size:1.125em; color:#777; font-family:'NanumSquare'; font-weight:600; line-height:1.5em;}
#sub_content h4 + p {font-size:1em; color:#777; line-height:1.56em; font-family:'NanumSquare'; margin-top:10px;}
#sub_content .bg {background:#F8F9FC;}

@media screen and (max-width:1024px){
	#sub_content {margin:10% 0 15%;}
	#sub_content h3 {font-size:2.2em; margin-bottom:1.5%;}
	#sub_content h4 {font-size:1.5em;}
	#sub_content h4 + p {margin-top:5px;}
}


.sub_list_box1 > li {font-size:1em; color:#777; line-height:1.4em; padding-left:26px; position:relative;}
.sub_list_box1 > li:not(:last-child) {margin-bottom:10px;}
.sub_list_box1 > li:before {content:''; display:block; width:6px; height:6px; background:#333; border-radius:50%; position:absolute; left:0; top:8px;}
.sub_list_box1.case2 > li:before {background:#e4504f}

.sub_list_box2 > li {font-size:1em; color:#666; line-height:1.56em; letter-spacing:0; font-family:'NanumSquare'; padding-left:17px; position:relative;}
.sub_list_box2 > li:before {content:'-'; position:absolute; left:0; top:0;}

@media screen and (max-width:767px){
	.sub_list_box1 > li {padding-left:15px;}
	.sub_list_box1 > li:not(:last-child) {margin-bottom:7px;}
	.sub_list_box1 > li:before {width:4px; height:4px; top:7px;}

	.sub_list_box2 > li {padding-left:10px;}
}

.sub_number_box1 {counter-reset:counter;}
.sub_number_box1 > li {font-size:1.125em; font-weight:500; line-height:1.5em; margin-bottom:10px;}
.sub_number_box1 > li:before {content:counter(counter)". "; counter-increment:counter;}
.sub_number_box1 > li:last-child {margin-bottom:0;}


.aboutus_area ul {display:flex; justify-content:center; width:100%;}
.aboutus_area ul li {display:flex; justify-content:center; align-items:center; width:260px; height:260px; border-radius:50%; font-size:1.125em; font-weight:500; line-height:1.5em; text-align:center; margin-right:-25px; mix-blend-mode:multiply;}
.aboutus_area ul li:last-child {margin-right:0;}
.aboutus_area ul li:nth-child(1) {background:rgba(228,80,79,0.8); color:#fff;}
.aboutus_area ul li:nth-child(2) {background:rgba(228,80,79,0.2); color:#e4504f;}
.aboutus_area ul li:nth-child(3) {background:#f8f9fc;}
.aboutus_area ul li:nth-child(4) {background:rgba(80,124,137,0.2); color:#507c89;}
.aboutus_area ul li:nth-child(5) {background:rgba(80,124,137,0.8); color:#fff;}

.aboutus_global img {max-width:100%;}
.aboutus_global_slide {width:100%; position:relative; padding-bottom:80px;}
.aboutus_global_slide .swiper-slide {display:flex; justify-content:center; flex-direction:column; width:380px; min-height:200px; padding:0 30px 0 40px; position:relative;}
.aboutus_global_slide .swiper-slide:before {content:''; display:block; width:100%; height:100%; border:1px solid #dcdcdc; border-radius:20px; position:absolute; left:0; top:0;}
.aboutus_global_slide .tit {font-size:1.125em; line-height:1.5em; font-weight:500; margin-bottom:15px; position:relative; z-index:10;}
.aboutus_global_slide .sub_list_box1 {position:relative; z-index:10;}
.aboutus_global_slide .sub_list_box1 > li {margin-bottom:3px;}
.aboutus_global_slide .swiper-button-next, .aboutus_global_slide .swiper-button-prev {width:auto; height:auto; top:auto; bottom:0; margin-top:0;}
.aboutus_global_slide .swiper-button-next {right:auto; left:55px;}
.aboutus_global_slide .swiper-button-next:after, .aboutus_global_slide .swiper-button-prev:after {font-size:1.875em; color:#333; font-weight:300; line-height:30px; font-family:'Font Awesome 6 Pro'}
.aboutus_global_slide .swiper-button-next:after {content:'\f105'}
.aboutus_global_slide .swiper-button-prev:after {content:'\f104'}
.aboutus_global_slide.swiper-container-horizontal>.swiper-pagination-progressbar {width:calc(100% - 120px); height:1px; background:#ececec; top:auto; bottom:15px; left:auto; right:0;}
.aboutus_global_slide .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {height:3px; background:#333; margin-top:-1px;}
.aboutus_global_slide .active:before {border:3px solid #e4504f; box-shadow:10px 10px 20px rgba(51,51,51,0.1)}

.aboutus_brand ul {display:flex; justify-content:space-between; flex-wrap:wrap; width:100%;}
.aboutus_brand ul li {width:calc(50% - 15px); padding:60px 40px 50px; background:#fff; border-radius:20px; box-shadow:10px 10px 30px rgba(51,51,51,0.05); text-align:center;}
.aboutus_brand ul li:nth-child(2) ~ li {margin-top:30px;}
.aboutus_brand ul li dl {margin-top:45px; padding-top:30px; border-top:1px solid #dcdcdc; text-align:left;}
.aboutus_brand ul li dl dt {font-size:1.125em; color:#333; line-height:1.5em; font-weight:500; margin-bottom:15px;}
.aboutus_brand ul li dl dd {font-size:1em; color:#777; line-height:1.56em; letter-spacing:0; font-family:'NanumSquare'}

.aboutus_esg .box {width:100%; border-top:2px solid #333;}
.aboutus_esg .box > div {padding:50px 0; border-bottom:1px solid #dcdcdc; overflow:hidden;}
.aboutus_esg .box .tit_box {float:left; width:430px;}
.aboutus_esg .box .txt_box {float:left; width:calc(100% - 430px);}
.aboutus_esg .box .txt_box .sub_list_box2 {margin:10px 0 20px;}
.aboutus_esg .box .txt_box .sub_list_box2 > li {font-size:0.89em; font-weight:400;}
.aboutus_esg .box .txt_box p {font-size:0.89em; color:#777; letter-spacing:0; font-weight:400; font-family:'NanumSquare'; margin:10px 0 20px;}
.aboutus_esg .box .img_box {width:100%; overflow:hidden;}
.aboutus_esg .box .img_box li {float:left; width:calc(50% - 5px); margin-right:10px; background:#f8f9fc;}
.aboutus_esg .box .img_box li:last-child {margin-right:0;}
.aboutus_esg .box .img_box li img {max-width:100%;}

@media screen and (max-width:1220px){
	.aboutus_area ul li {width:19vw; height:19vw; margin-right:-2.1vw;}

	.aboutus_esg .box .tit_box {width:370px;}
	.aboutus_esg .box .txt_box {width:calc(100% - 370px)}
}

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

	.aboutus_global_slide {padding-bottom:50px;}
	.aboutus_global_slide .swiper-slide {width:340px; min-height:180px; padding:15px 25px;}
	.aboutus_global_slide .tit {margin-bottom:10px;}

	.aboutus_brand ul li {width:calc(50% - 7.5px); padding:30px;}
	.aboutus_brand ul li:nth-child(2) ~ li {margin-top:15px;}
	.aboutus_brand ul li img {height:60px;}
	.aboutus_brand ul li dl {margin-top:20px; padding-top:20px;;}
	.aboutus_brand ul li dl dt {margin-bottom:5px;}
	.aboutus_brand ul li dl dd br {display:none;}
	
	.aboutus_esg .box > div {padding:5% 0;}
	.aboutus_esg .box .tit_box {width:290px;}
	.aboutus_esg .box .txt_box {width:calc(100% - 290px)}
	.aboutus_esg .box .txt_box .sub_list_box2 {margin:5px 0 10px;}
	.aboutus_esg .box .txt_box p  {margin:5px 0 10px;}
}

@media screen and (max-width:767px){
	.aboutus_area ul {flex-wrap:wrap;}
	.aboutus_area ul li {width:29vw; height:29vw; margin-right:-2.5vw;}
	.aboutus_area ul li:nth-child(3) {margin-right:0;}
	.aboutus_area ul li:nth-child(3) ~ li {margin-top:-5vw;}

	.aboutus_global_slide .swiper-slide {width:300px; min-height:150px; padding:15px 20px;}
	.aboutus_global_slide .swiper-slide:before {border-radius:10px;}

	.aboutus_brand ul li {width:100%; padding:20px; border-radius:10px;}
	.aboutus_brand ul li:nth-child(1) ~ li {margin-top:10px;}
	.aboutus_brand ul li img {height:45px;}
	.aboutus_brand ul li dl {margin-top:15px;}
	
	.aboutus_esg .box .tit_box {float:none; width:100%;}
	.aboutus_esg .box .txt_box {float:none; width:100%; margin-top:3%;}
}



.survey_about table {width:100%;}
.survey_about table th, .survey_about table td {padding:20px 0;color:#777;border-bottom:1px solid #DCDCDC;border-right:1px solid #DCDCDC;text-align:center;}
.survey_about table th:last-child, .survey_about table td:last-child {border-right:0;}
.survey_about table thead th {color:#fff;font-weight:500;}
.survey_about table tbody th {color:#333;font-weight:600;}
.survey_about table tbody td strong {color:#E4504F;font-weight:600;}
.survey_about table.table_red thead {background:#E4504F;}
.survey_about table.table_blue thead {background:#507C89;}
.survey_about .txt {font-size:0.875em; color:#777; line-height:1.5em; letter-spacing:0; font-family:'NanumSquare'; text-align:right;}

.survey_about2 .box {display:flex; justify-content:space-between; flex-wrap:wrap; width:100%;}
.survey_about2 .box > div {width:calc(50% - 15px); background:#fff; border-radius:20px; box-shadow:10px 10px 30px rgba(51,51,51,0.05); padding:55px 65px;}
.survey_about2 .box .tit {font-size:1.375em; line-height:1.5em; font-weight:500; margin-bottom:20px;}

.survey_about3 ul {display:flex; justify-content:center; flex-wrap:wrap; width:100%; counter-reset:counter;}
.survey_about3 ul li {width:230px; margin-right:30px; position:relative;}
.survey_about3 ul li:last-child {margin-right:0;}
.survey_about3 ul li:before {content:counter(counter, decimal-leading-zero); counter-increment:counter; display:block; width:50px; line-height:50px; background:#e4504f; border-radius:50%; position:absolute; left:10px; top:10px; font-size:1.125em; color:#fff; font-weight:600; text-align:center;}
.survey_about3 ul li .icon {width:100%; height:230px; border:2px solid #dcdcdc; border-radius:50%; background-repeat:no-repeat; background-position:center center;}
.survey_about3 ul li p {font-size:1em; font-weight:800; font-family:'NanumSquare'; letter-spacing:0; text-align:center; margin-top:20px;}

.survey_about3 ul li .icon1 {background-image:url(../images/sServeyabout_icon1.png)}
.survey_about3 ul li .icon2 {background-image:url(../images/sServeyabout_icon2.png)}
.survey_about3 ul li .icon3 {background-image:url(../images/sServeyabout_icon3.png)}
.survey_about3 ul li .icon4 {background-image:url(../images/sServeyabout_icon4.png)}

@media screen and (max-width:1220px){
	.survey_about3 ul li {width:19vw;}
	.survey_about3 ul li .icon {height:19vw;}
}

@media screen and (max-width:1024px){
	.survey_about table th, .survey_about table td {padding:12px 5px;}

	.survey_about2 .box > div {width:100%; padding:25px 30px;}
	.survey_about2 .box > div:last-child {margin-top:15px;}
	.survey_about2 .box .tit {margin-bottom:10px;}
	.survey_about2 .box .mo_br {display:none;}

	.survey_about3 ul li {margin-right:15px;}
	.survey_about3 ul li:before {width:40px; line-height:40px; font-size:1em; top:5px; left:5px;}
	.survey_about3 ul li .icon {background-size:40% auto;}
	.survey_about3 ul li p {margin-top:10px;}
}

@media screen and (max-width:767px){
	.survey_about > div {width:100%; overflow-x:scroll;}
	.survey_about table {width:860px;}

	.survey_about2 .box > div {padding:15px 20px; border-radius:10px;}

	.survey_about3 ul li {width:50%; margin-right:0;}
	.survey_about3 ul li:nth-child(2) ~ li {margin-top:7%;}
	.survey_about3 ul li:before {left:50%; transform:translateX(-17vw)}
	.survey_about3 ul li .icon {width:35vw; height:35vw; max-width:230px; max-height:230px; margin:0 auto;}
}


.survey_report ul {display:flex; flex-wrap:wrap; width:100%; margin-top:40px;}
.survey_report ul li {width:calc(33.33% - 20px); background:#fff; border-radius:20px; box-shadow:10px 10px 30px rgba(51,51,51,0.07); margin:0 30px 50px 0; overflow:hidden;}
.survey_report ul li:nth-child(3n) {margin-right:0;}
.survey_report ul li .img_box {width:100%; height:250px; background-repeat:no-repeat; background-position:center center; background-size:cover;}
.survey_report ul li .txt_box {padding:30px 40px 40px;}
.survey_report ul li .txt_box p {width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.survey_report ul li .txt_box .tit {font-size:1.375em; font-weight:500; line-height:1.4em;}
.survey_report ul li .txt_box .txt {font-size:1em; color:#777; line-height:1.5em; font-weight:600; letter-spacing:0; font-family:'NanumSquare'; margin-top:5px;}
.survey_report ul li .txt_box a {display:block; width:100%; line-height:61px; border:2px solid #e4504f; border-radius:5px; text-align:center; font-size:0.875em; color:#e4504f; font-weight:600; margin-top:30px}
.survey_report span {display:block;}
.survey_report span a {display:block; width:100%; border-bottom:1px solid #dcdcdc; padding-bottom:20px; text-align:center; font-size:0.875em; color:#777; font-weight:500; text-transform:uppercase;}
.survey_report span a:after {content:'\f107'; font-size:1.14em; font-weight:300; font-family:'Font Awesome 6 Pro'; margin-left:15px;}

@media screen and (min-width:768px){
	.survey_report ul li:nth-child(3n) {margin-right:0;}
}

@media screen and (max-width:1220px){
	.survey_report ul li .img_box {height:18vw;}
	.survey_report ul li .txt_box {padding:20px 30px;}
}

@media screen and (max-width:1024px){
	.survey_report ul {margin-top:4%;}
	.survey_report ul li {width:calc(33.33% - 10px); margin:0 10px 40px 0;}
	.survey_report ul li .txt_box .tit {font-size:1.25em;}
	.survey_report ul li .txt_box a {line-height:51px; margin-top:20px;}
	.survey_report span a {padding-bottom:13px;}
}

@media screen and (max-width:767px){
	.survey_report ul li {width:calc(50% - 5px); margin:0 10px 20px 0; border-radius:10px;}
	.survey_report ul li:nth-child(2n) {margin-right:0;}
	.survey_report ul li .img_box {height:24vw;}
	.survey_report ul li .txt_box {padding:10px 15px;}
	.survey_report ul li .txt_box a {line-height:40px;}
}



.support_faq .tab_box {width:100%; overflow:hidden; margin-bottom:70px;}
.support_faq .tab_box li {float:left; width:calc(25% - 7.5px); margin-right:10px;}
.support_faq .tab_box li:nth-child(4n) {margin-right:0;}
.support_faq .tab_box li a {display:flex; justify-content:center; align-items:center; width:100%; height:65px; border:1px solid #dcdcdc; border-radius:5px; font-size:1em; color:#777; font-weight:500; text-align:center;}
.support_faq .tab_box li.active a {background:#e4504f; border-color:#e4504f; color:#fff; font-weight:600;}
.support_faq .list_box > div {width:100%; background:#f8f9fc; border-radius:20px; padding:30px; margin-bottom:15px;}
.support_faq .list_box > div:last-child {margin-bottom:0;}
.support_faq .list_box button {display:block; width:100%; font-size:1.125em; color:#333; font-weight:500; line-height:1.6em; font-family:'Poppins'; padding:0 44px; position:relative; text-align:left;}
.support_faq .list_box button:before {content:'Q.'; font-size:1.33em; position:absolute; left:0; top:0;}
.support_faq .list_box button:after {content:'\f107'; font-size:1em; font-weight:300; font-family:'Font Awesome 6 Pro'; position:absolute; right:0; top:0;}
.support_faq .list_box .answer {display:none; width:calc(100% - 44px); margin:15px 0 0 44px; padding-top:20px; border-top:1px solid #dcdcdc;}
.support_faq .list_box .answer p {font-size:1em; color:#777; line-height:1.56em; letter-spacing:0; font-family:'NanumSquare'; position:relative; padding-left:42px;}
.support_faq .list_box .answer p:before {content:'A.'; font-size:1.5em; color:#e4504f; font-weight:500; font-family:'Poppins'; position:absolute; left:0; top:0;}
.support_faq .list_box .active button:after {content:'\f106'}
.support_faq .list_box .active .answer {display:block;}

@media screen and (max-width:1024px){
	.support_faq .tab_box {margin-bottom:5%;}
	.support_faq .tab_box li a {height:55px;}
	.support_faq .list_box > div {padding:20px;}
}

@media screen and (max-width:767px){
	.support_faq .tab_box li {width:calc(50% - 2.5px); margin-right:5px;}
	.support_faq .tab_box li:nth-child(even) {margin-right:0;}
	.support_faq .tab_box li:nth-child(2) ~ li {margin-top:5px;}
	.support_faq .tab_box li a {height:40px;}
	.support_faq .list_box > div {border-radius:10px; padding:15px;}
	.support_faq .list_box button {padding:0 30px;}
	.support_faq .list_box .answer {width:calc(100% - 30px); margin-left:30px; padding-top:15px;}
	.support_faq .list_box .answer p {padding-left:30px;}
}


.support_inquiry .tab_box {width:100%; overflow:hidden; margin-bottom:70px;}
.support_inquiry .tab_box li {float:left; width:calc(50% - 5px); margin-right:10px;}
.support_inquiry .tab_box li:last-child {margin-right:0;}
.support_inquiry .tab_box li button {width:100%; height:65px; border-radius:5px; border:1px solid #dcdcdc; text-align:center; font-size:1em; color:#777; font-weight:500; font-family:'Poppins'}
.support_inquiry .tab_box li.active button {background:#e4504f; border-color:#e4504f; color:#fff;}
.support_inquiry .form_box {display:flex; justify-content:space-between; flex-wrap:wrap; width:100%;}
.support_inquiry .form_box > li {width:calc(50% - 5px); margin-bottom:30px;}
.support_inquiry .form_box > li.w_100 {width:100%;}
.support_inquiry .form_box > li label {display:block; width:100%; font-size:1.125em; line-height:1.5em; font-weight:500; margin-bottom:10px;}
.support_inquiry .form_box > li > div {width:100%;}
.support_inquiry .form_box > li input {width:100%; height:65px; border:1px solid #dcdcdc; border-radius:5px; padding:0 30px; font-size:1em; font-weight:600; letter-spacing:0; font-family:'NanumSquare'; color:#333;}
.support_inquiry .form_box > li .select_box {position:relative;}
.support_inquiry .form_box > li .select_box:after {content:'\f107'; font-size:1em; font-weight:300; font-family:'Font Awesome 6 Pro'; position:absolute; right:30px; top:50%; transform:translateY(-50%)}
.support_inquiry .form_box > li .select_box select {width:100%; height:65px; border:1px solid #dcdcdc; border-radius:5px; padding:0 30px; font-size:1em; font-weight:600; letter-spacing:0; font-family:'NanumSquare'; color:#cecece; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.support_inquiry .form_box > li .select_box select::-ms-expand {display:none;}
.support_inquiry .form_box > li .select_box select:focus {outline:none;}
.support_inquiry .form_box > li .select_box.change select, .support_inquiry .form_box > li .select_box select option {color:#333;}
.support_inquiry .form_box > li textarea {width:100%; height:250px; border:1px solid #dcdcdc; border-radius:5px; padding:20px 30px; font-size:1em; font-weight:600; letter-spacing:0; font-family:'NanumSquare'; color:#333; resize:none;}
.support_inquiry .form_box > li input:focus, .support_inquiry .form_box > li textarea:focus {border:2px solid #e4504f; box-shadow:3px 3px 15px rgba(51,51,51,0.07); outline:none;}
.support_inquiry .form_box > li input::placeholder, .support_inquiry .form_box > li textarea::placeholder {color:#cecece;}
.support_inquiry .form_box > li input::-webkit-input-placeholder, .support_inquiry .form_box > li textarea::-webkit-input-placeholder {color:#cecece;}
.support_inquiry .form_box > li input:-ms-input-placeholder, .support_inquiry .form_box > li textarea:-ms-input-placeholder {color:#cecece;}
.support_inquiry .chk_box {float:right; margin-bottom:60px;}
.support_inquiry .kdod_btn {clear:both;}

.chk_box input {display:none;}
.chk_box p {font-size:1em; letter-spacing:0; line-height:25px; font-family:'NanumSquare'; padding-left:39px; position:relative;}
.chk_box p:before {content:''; display:block; width:25px; height:25px; line-height:22px; border-radius:5px; border:2px solid #cecece; text-align:center; font-size:0.875em; color:#fff; font-weight:400; font-family:'Font Awesome 6 Pro'; position:absolute; left:0; top:0;}
.chk_box input:checked + p:before {content:'\f00c'; background:#e4504f; border-color:#e4504f;}
.chk_box p a {font-weight:800; text-decoration:underline;}

.radio_box input {display:none;}
.radio_box p {font-size:1em; color:#777; font-weight:600; line-height:25px; letter-spacing:0; font-family:'NanumSquare'; padding-left:40px; position:relative;}
.radio_box p:before {content:''; display:block; width:25px; height:25px; border:2px solid #cecece; border-radius:50%; position:absolute; left:0; top:0;}
.radio_box input:checked + p:before {border-color:#e4504f;}
.radio_box input:checked + p:after {content:''; display:block; width:13px; height:13px; background:#e4504f; border-radius:50%; position:absolute; left:6px; top:6px;}

@media screen and (max-width:1024px){
	.support_inquiry .tab_box {margin-bottom:7%;}
	.support_inquiry .tab_box li button {height:55px;}
	.support_inquiry .form_box > li {margin-bottom:15px;}
	.support_inquiry .form_box > li label {font-size:1em; margin-bottom:5px;}
	.support_inquiry .form_box > li input {height:50px; padding:0 13px;}
	.support_inquiry .form_box > li .select_box:after {right:13px;}
	.support_inquiry .form_box > li .select_box select {height:50px; padding:0 13px;}
	.support_inquiry .form_box > li textarea {height:170px; padding:10px 13px;}
	.support_inquiry .chk_box {margin-bottom:7%}
}

@media screen and (max-width:767px){
	.support_inquiry .tab_box li {width:calc(50% - 2.5px); margin-right:5px;}
	.support_inquiry .tab_box li button {height:40px;}
	.support_inquiry .form_box > li {width:100%;}
	.support_inquiry .form_box > li label {font-size:1em;}
	.support_inquiry .form_box > li .select_box:after {right:13px;}
	.support_inquiry .form_box > li .select_box select {height:40px;}
	.support_inquiry .form_box > li textarea {height:120px;}

	.chk_box p {line-height:20px; padding-left:30px;}
	.chk_box p:before {width:20px; height:20px; line-height:18px;}

	.radio_box p {line-height:20px; padding-left:30px;}
	.radio_box p:before {width:20px; height:20px;}
	.radio_box input:checked + p:after {width:10px; height:10px; left:5px; top:5px;}
}


.privach_terms {width:100%; border-top:2px solid #333;}
.privach_terms > div {padding:50px 0; border-bottom:1px solid #dcdcdc;}
.privach_terms > div > strong {display:block; font-size:1.125em; line-height:1.5em; letter-spacing:0; font-weight:800; font-family:'NanumSquare'; margin-bottom:25px;}
.privach_terms > div p {font-size:1em; color:#777; line-height:1.5em; margin-bottom:10px;}
.privach_terms > div p:last-child {margin-bottom:0;}
.privach_terms > div .list_box1 {padding-left:50px;}
.privach_terms > div .list_box1 > li {font-size:1em; line-height:1.5em; letter-spacing:0; font-weight:600; font-family:'NanumSquare'; margin-top:25px;}
.privach_terms > div .list_box1 .sub_list_box1 {margin-top:10px;}
.privach_terms.case2 {border-top:0;}
.privach_terms.case2 > div:first-child {padding-top:0;}
.privach_terms.case2 > div:last-child {border-bottom:0;}

.terms_box1 {width:100%; overflow:hidden;}
.terms_box1 ul {float:right; width:300px;}
.terms_box1 ul li {width:100%; line-height:50px; background:#f8f9fc; border-radius:25px; padding:0 10px 0 30px; font-size:0.875em; color:#777; letter-spacing:0; font-weight:600; font-family:'NanumSquare'; margin-bottom:10px;}

@media screen and (max-width:1024px){
	.privach_terms > div {padding:5% 0;}
	.privach_terms > div > strong {margin-bottom:15px;}
	.privach_terms > div p {margin-bottom:6px;}
	.privach_terms > div .list_box1 {padding-left:20px;}
	.privach_terms > div .list_box1 > li {margin-top:20px;}

	.terms_box1 ul {width:260px;}
	.terms_box1 ul li {line-height:40px; border-radius:20px; padding:0 10px 0 15px;}
}

@media screen and (max-width:767px){
	.terms_box1 ul {width:230px;}
	.terms_box1 ul li {margin-bottom:5px;}
}


.sub_notice_box {width:100%; border-top:2px solid #333;}
.sub_notice_box a {display:flex; align-items:center; flex-wrap:wrap; width:100%; padding:30px 0; border-bottom:1px solid #dcdcdc; position:relative; transition:background 0.5s}
.sub_notice_box a:before {content:''; display:block; width:4px; height:100%; background:#e4504f; position:absolute; left:0; top:0; opacity:0; visibility:hidden; transition:all 0.5s;}
.sub_notice_box .num {display:block; width:90px; font-size:1em; font-weight:500; text-align:center; transition:color 0.5s}
.sub_notice_box .subject {width:calc(100% - 300px); font-size:1.125em; color:#777; font-weight:600; font-family:'NanumSquare'; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; transition:color 0.5s}
.sub_notice_box .date {display:block; width:210px; font-size:0.875em; color:#777; letter-spacing:0; font-weight:600; font-family:'NanumSquare'; text-align:center;}
.sub_notice_box a:hover {background:#f8f9fc;}
.sub_notice_box a:hover:before {opacity:1; visibility:visible;}
.sub_notice_box a:hover .num {color:#e4504f;}
.sub_notice_box a:hover .subject {color:#e4504f; font-weight:800;}

@media screen and (max-width:1024px){
	.sub_notice_box a {padding:20px 0;}
	.sub_notice_box .num {width:70px;}
	.sub_notice_box .subject {width:calc(100% - 260px); font-size:1em;}
	.sub_notice_box .date {width:190px;}
}

@media screen and (max-width:767px){
	.sub_notice_box a {padding:15px 0;}
	.sub_notice_box .num {width:50px;}
	.sub_notice_box .subject {width:calc(100% - 50px);}
	.sub_notice_box .date {width:100%; text-align:left; margin-top:10px; padding-left:20px;}
}


.sub_event_box {width:100%; overflow:hidden;}
.sub_event_box li {float:left; width:calc(50% - 15px); margin-right:30px;}
.sub_event_box li:nth-child(even) {margin-right:0;}
.sub_event_box li:nth-child(2) ~ li {margin-top:50px;}
.sub_event_box li .img_box {width:100%; height:300px; border-radius:20px; overflow:hidden; background-repeat:no-repeat; background-position:center center; background-size:cover; position:relative; margin-bottom:30px;}
.sub_event_box li .img_box .end {display:flex; justify-content:center; align-items:center; width:100%; height:100%; background:rgba(220,220,220,0.7); font-size:1em; color:#fff; font-weight:600; position:absolute; left:0; top:0; text-align:center; text-transform:uppercase;}
.sub_event_box li .subject {font-size:1.5em; font-weight:600; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.sub_event_box li .date {display:block; font-size:0.875em; color:#777; letter-spacing:0; font-weight:600; font-family:'NanumSquare'; margin-top:15px;}

@media screen and (max-width:1220px){
	.sub_event_box li .img_box {height:26vw;}
}

@media screen and (max-width:1024px){
	.sub_event_box li {width:calc(50% - 7.5px); margin-right:15px;}
	.sub_event_box li:nth-child(2) ~ li {margin-top:30px;}
	.sub_event_box li .img_box {margin-bottom:15px;}
	.sub_event_box li .subject {font-size:1.3em;}
	.sub_event_box li .date {margin-top:7px;}
}

@media screen and (max-width:767px){
	.sub_event_box li {width:calc(50% - 5px); margin-right:10px;}
	.sub_event_box li .img_box {border-radius:10px; margin-bottom:10px;}
}

@media screen and (max-width:500px){
	.sub_event_box li {float:none; width:100%; margin-right:0;}
	.sub_event_box li:nth-child(1) ~ li {margin-top:7%;}
	.sub_event_box li .img_box {height:42vw;}
}


.sub_paging_box {display:flex; justify-content:center; align-items:center;}
.sub_paging_box > a {display:block; width:50px; line-height:48px; border:1px solid #dcdcdc; border-radius:50%; margin:0 2.5px; text-align:center;}
.sub_paging_box > a:before {font-size:1em; color:#666; font-weight:300; font-family:'Font Awesome 6 Pro'}
.sub_paging_box > a.first_btn:before {content:'\f100'}
.sub_paging_box > a.prev_btn:before {content:'\f104'}
.sub_paging_box > a.next_btn:before {content:'\f105'}
.sub_paging_box > a.end_btn:before {content:'\f101'}
.sub_paging_box ul {display:flex; justify-content:center; align-items:center; margin:0 35px;}
.sub_paging_box ul li a {display:block; line-height:50px; font-size:1em; color:#777; padding:0 15px;}
.sub_paging_box ul li.on a {color:#e4504f; font-weight:700;}


@media screen and (max-width:1024px){
	.sub_paging_box > a {width:40px; line-height:38px;}
	.sub_paging_box ul {margin:0 15px;}
	.sub_paging_box ul li a {line-height:40px; padding:0 10px;}
}

@media screen and (max-width:767px){
	.sub_paging_box > a {width:32px; line-height:30px; margin:0 1.5px;}
	.sub_paging_box > a:before {font-size:0.875em;}
	.sub_paging_box ul {margin:0 15px;}
	.sub_paging_box ul li a {line-height:32px; padding:0 7px;}
}





/* popup */
.popup_wrap {display:flex; justify-content:center; align-items:center; width:100%; height:100vh; background:rgba(51,51,51,03.5); position:fixed; left:0; top:0; z-index:400; opacity:0; visibility:hidden;}
.popup_wrap.active {opacity:1; visibility:visible;}
.popup_container {max-width:88%; max-height:80%; background:#fff; border-radius:20px; box-shadow:10px 10px 30px rgba(51,51,51,0.07); position:relative;}
.popup_container.w_420 {width:420px;}
.popup_container.w_650 {width:650px;}
.popup_container .popup_close {font-size:1em; position:absolute; top:20px; right:30px;}
.popup_container .popup_close:before {content:'\f00d'; font-size:1.875em; font-weight:400; font-family:'Font Awesome 6 Pro'}
.popup_title {width:calc(100% - 100px); padding:50px 0 20px; margin:0 auto; border-bottom:1px solid #dcdcdc;}
.popup_title strong {display:block; font-size:1.5em; line-height:1.5em; font-weight:500;}
.popup_title p {font-size:1em; color:#777; letter-spacing:0; line-height:1.5em; font-weight:600; font-family:'NanumSquare'; margin-top:5px}
.popup_inner {padding:40px 50px 60px;}

.popup_wrap .popup_btn {width:100%; padding:30px 25px;}
.popup_wrap .popup_btn li a {display:block; width:100%; line-height:61px; border-radius:5px; border:2px solid #e4504f; text-align:center; font-size:0.875em; color:#e4504f; font-weight:600; text-transform:uppercase;}
.popup_wrap .popup_btn li.case2 a {line-height:1.5em; color:#a4a4a4; border:0; border-radius:0; margin-top:15px;}
.popup_wrap .popup_btn li a.case2 {border-color:#333; color:#333;}
.popup_wrap .popup_btn li a.case3 {border-color:#fff; color:#fff;}

@media screen and (max-width:1024px){
	.popup_container .popup_close {top:15px; right:20px;}
	.popup_container .popup_close:before {font-size:1.5em;}
	.popup_title {width:calc(100% - 40px); padding:30px 0 15px;}
	.popup_title strong {font-size:1.3em;}
	.popup_title p {font-size:0.93em;}
	.popup_inner {padding:20px;}

}

@media screen and (max-width:767px){

	.popup_wrap .popup_btn {padding:15px 20px;}
	.popup_wrap .popup_btn li a {line-height:41px;}
}


.popup_inquiry .list_box > li {padding-left:28px; margin-bottom:30px; position:relative;}
.popup_inquiry .list_box > li:last-child {margin-bottom:0;}
.popup_inquiry .list_box > li:before {content:'\f058'; font-size:1.125em; color:#e4504f; font-weight:900; font-family:'Font Awesome 6 Pro'; position:absolute; left:0; top:0;}
.popup_inquiry .list_box > li p {font-size:1.125em; letter-spacing:0; font-weight:800; font-family:'NanumSquare'; margin-bottom:5px;}
.popup_inquiry .list_box > li .sub_list_box2 > li {color:#777; font-weight:600;}
.popup_inquiry .list_box > li span {display:block; font-size:1em; color:#777; letter-spacing:0; line-height:1.5em; font-weight:600; font-family:'NanumSquare'}

.popup_event .event_box {width:100%; background:#eb6863; padding:50px 25px 45px; text-align:center; border-radius:20px 20px 0 0;}
.popup_event .event_box .icon {display:block; width:100%; height:135px; background-repeat:no-repeat; background-position:center center; background-size:auto 100%; margin:-120px 0 20px;}
.popup_event .event_box .icon1 {background-image:url(../images/popup_event_icon1.png)}
.popup_event .event_box .icon2 {background-image:url(../images/popup_event_icon2.png)}
.popup_event .event_box .top_box {padding-bottom:20px; margin-bottom:0; border-bottom:1px solid rgba(255,255,255,0.6)}
.popup_event .event_box .top_box h2 {font-size:1.375em; color:rgba(255,255,255,0.6); line-height:1.4em; font-weight:400; margin-bottom:10px}
.popup_event .event_box .top_box .subject {font-size:1.875em; color:#fff; line-height:1.33em; font-weight:600;}
.popup_event .event_box .top_box .date {font-size:1.125em; color:#fff; line-height:1.5em; letter-spacing:0; font-weight:800; font-family:'NanumSquare'; margin-top:15px;}
.popup_event .event_box .txt_box {margin-top:20px;}
.popup_event .event_box .txt_box p {font-size:1em; color:#fff; line-height:1.5em; letter-spacing:0; font-weight:600; font-family:'NanumSquare'}
.popup_event.case2 .event_box {background:#f1f1f1; padding-bottom:0;}
.popup_event.case2 .event_box .top_box {padding-bottom:0; border-bottom:0;}
.popup_event.case2 .event_box .subject {color:#333;}
.popup_event.case2 .event_box .txt_box {margin-top:10px}
.popup_event.case2 .event_box .txt_box p {color:#666;}
.popup_event.case2 .event_box .txt_box img {max-width:100%; margin-top:30px;}

.popup_survey {background:#eb6863; padding:50px 30px 45px; text-align:center; color:#fff;}
.popup_survey.bg2 {background:#777}
.popup_survey.bg3 {background:#507c89}
.popup_survey i {font-size:3.125em; margin-bottom:30px;}
.popup_survey .tit {font-size:1.5em; line-height:1.45em; font-weight:600;}
.popup_survey .txt {font-size:1em; line-height:1.5em; font-weight:600; letter-spacing:0; font-family:'NanumSquare'; margin-top:15px;}
.popup_survey .popup_btn {padding:0; margin-top:50px;}

@media screen and (max-width:1024px){
}

@media screen and (max-width:767px){
	.popup_inquiry .list_box > li {padding-left:23px; margin-bottom:20px;}

	.popup_event .event_box {padding:25px 20px;}
	.popup_event .event_box .icon {height:80px; margin:-70px 0 10px;}
	.popup_event .event_box .top_box {padding-bottom:15px;}
	.popup_event .event_box .top_box h2 {font-size:1.25em; margin-bottom:5px;}
	.popup_event .event_box .top_box .subject {font-size:1.5em;}
	.popup_event .event_box .top_box .date {font-size:1em; margin-top:10px;}
	.popup_event .event_box .txt_box {margin-top:15px;}

	.popup_survey {padding:30px 20px;}
	.popup_survey i {margin-bottom:15px;}
	.popup_survey .tit {font-size:1.25em;}
	.popup_survey .popup_btn {margin-top:25px;}
}




/* surveyform */
#serveyform {width:100%; background:#f8f9fc; padding:100px 0 130px;}
#serveyform h1 {width:88%; max-width:850px; margin:0 auto 20px;}
#serveyform h1 img {width:175px; height:43px;}

.serveyform_index {width:88%; max-width:850px; border-top:7px solid #e4504f; background:#fff; margin:0 auto; padding:50px 75px 70px;}
.serveyform_index .tit_box {width:100%; border-bottom:1px solid #dcdcdc; padding:0 130px 20px 0; margin-bottom:30px; position:relative;}
.serveyform_index .tit_box h2 {font-size:1.5em; color:#777; line-height:1.4em; font-weight:500;}
.serveyform_index .tit_box h3 {font-size:2.81em; color:#e4504f; line-height:1.4em; font-weight:600; margin-top:5px;}
.serveyform_index .tit_box .lang {width:120px; position:absolute; right:0; top:0;}
.serveyform_index .tit_box .lang > button {display:block; width:100%; height:36px; border:2px solid #cecece; border-radius:18px; font-size:0.75em; position:relative; z-index:5; transition:color 0.5s, border 0.5s;}
.serveyform_index .tit_box .lang > button:after {content:'\f107'; font-size:1em; font-weight:400; font-family:'Font Awesome 6 Pro'; margin-left:10px;}
.serveyform_index .tit_box .lang ul {display:none; width:100%; background:rgba(25,25,25,0.5); border-radius:18px; position:absolute; left:0; top:100%;}
.serveyform_index .tit_box .lang ul > li:first-child {padding-top:10px;}
.serveyform_index .tit_box .lang ul > li:last-child {padding-bottom:10px;}
.serveyform_index .tit_box .lang ul > li > a {display:block; font-size:0.75em; color:#fff; line-height:1.5em; padding:5px 15px; text-align:center;}
.serveyform_index .tit_box .lang.active > button:after {content:'\f106'}
.serveyform_index .txt_box p {font-size:1.125em; color:#777; line-height:1.66em; font-weight:600; letter-spacing:0; font-family:'NanumSquare'}
.serveyform_index .txt_box dl {width:100%; margin:50px 0; background:#f8f9fc; border-radius:20px; padding:30px 50px; overflow:hidden;}
.serveyform_index .txt_box dl dt {float:left; width:200px; font-size:1em; line-height:1.5em; font-weight:800; font-family:'NanumSquare'; clear:both; margin-bottom:10px;}
.serveyform_index .txt_box dl dd {float:left; width:calc(100% - 200px); font-size:1em; color:#777; line-height:1.5em; font-family:'NanumSquare'; margin-bottom:10px;}
.serveyform_index .txt_box dl dt:last-of-type, .serveyform_index .txt_box dl dd:last-of-type {margin-bottom:0;}
.serveyform_index .txt_box a {display:block; width:280px; line-height:75px; border-radius:5px; background:#e4504f; margin:0 auto; text-align:center; font-size:1.125em; color:#fff; font-weight:600; text-transform:uppercase;}
.serveyform_index .serveyform_warning {margin-top:120px;}
.serveyform_index .serveyform_warning > strong {display:block; width:100%; font-size:1.25em; font-weight:800; font-family:'NanumSquare'; padding-left:35px; position:relative; padding-bottom:20px; border-bottom:2px solid #333; margin-bottom:20px;}
.serveyform_index .serveyform_warning > strong:before {content:'\f06a'; font-size:1.11em; font-weight:900; font-family:'Font Awesome 6 Pro'; position:absolute; left:0; top:0;}
.serveyform_index .serveyform_warning > div {padding:30px 0; border-bottom:1px solid #dcdcdc;}
.serveyform_index .serveyform_warning > div:last-of-type {padding-bottom:0; border-bottom:0;}
.serveyform_index .serveyform_warning > div > p {font-size:1.125em; letter-spacing:0; font-weight:600; font-family:'NanumSquare'; margin-bottom:20px;}
.serveyform_index .serveyform_warning > div .gray_box {width:100%; padding:20px 25px; background:#f8f9fc; border-radius:10px; margin-top:30px}
.serveyform_index .serveyform_warning > div .gray_box p {font-size:0.875em; color:#777; line-height:1.64em;}

.serveyform_process {width:88%; max-width:850px; border-top:3px solid #e4504f; padding-top:50px; margin:0 auto;}
.serveyform_process > div {width:100%; background:#fff; border:1px solid #dcdcdc; border-radius:20px; margin-bottom:10px; padding:40px 50px;}
.serveyform_process > div:last-child {margin-bottom:0;}
.serveyform_process > div .questions {font-size:1.125em; line-height:1.6em; font-weight:800; letter-spacing:0; font-family:'NanumSquare'; margin-bottom:25px; padding-left:45px; position:relative;}
.serveyform_process > div .questions .num {position:absolute; left:0; top:0;}
.serveyform_process > div .questions .small {font-size:0.89em; font-weight:400;}
.serveyform_process .form_txt {width:100%; border:0; border-bottom:1px solid #cdcdcd; border-radius:0; font-size:1em; font-weight:600; letter-spacing:0; font-family:'NanumSquare'; padding-bottom:15px;}
.serveyform_process .form_txt.w_300 {max-width:300px}
.serveyform_process .form_txt.w_200 {max-width:200px}
.serveyform_process .form_textarea {width:100%; height:200px; border-radius:5px; border:1px solid #dcdcdc; padding:20px; font-size:1em; font-weight:600; letter-spacing:0; font-family:'NanumSquare'; resize:none;}
.serveyform_process .form_txt:focus, .serveyform_process .form_textarea:focus {outline:none;}
.serveyform_process .form_txt::placeholder, .serveyform_process .form_textarea::placeholder {color:#cecece;}
.serveyform_process .form_txt::-webkit-input-placeholder, .serveyform_process .form_textarea::-webkit-input-placeholder {color:#cecece;}
.serveyform_process .form_txt:-ms-input-placeholder, .serveyform_process .form_textarea:-ms-input-placeholder {color:#cecece;}
.serveyform_process .list_box > li:not(:last-child) {margin-bottom:15px;}
.serveyform_process .list_box > li.text {display:flex; justify-content:left; align-items:flex-start;}
.serveyform_process .list_box > li.text .form_txt {margin-left:20px;}
.serveyform_process .list_box.w_50 {overflow:hidden;}
.serveyform_process .list_box.w_50 > li {float:left; width:50%;}
.serveyform_process .list_box.w_50 > li:nth-child(2n) + li {clear:both;}
.serveyform_process .chk_box p {color:#777; font-weight:600;}
.serveyform_process .check_list {display:flex; flex-wrap:wrap; width:100%;}
.serveyform_process .check_list > li {margin:0 5px 15px 0;}
.serveyform_process .check_list input {display:none;}
.serveyform_process .check_list p {display:inline-block; line-height:43px; border-radius:23px; border:1px solid #dcdcdc; padding:0 18px; font-size:1em; color:#777; letter-spacing:0; font-weight:600; font-family:'NanumSquare'}
.serveyform_process .check_list input:checked + p {background:#e4504f; border-color:#e4504f; color:#fff;}
.serveyform_process .radio_list {display:flex; justify-content:center; align-items:center; width:100%; margin-bottom:30px;}
.serveyform_process .radio_list > li:not(:last-child) {margin-right:30px;}
.serveyform_process .radio_list > li label {position:relative;}
.serveyform_process .radio_list > li label input {display:none;}
.serveyform_process .radio_list > li label span {content:''; display:block; width:55px; height:55px; border:2px solid #507c89; border-radius:50%; position:relative;}
.serveyform_process .radio_list > li input:checked + span:before {content:''; display:block; width:calc(100% - 12px); height:calc(100% - 12px); border-radius:50%; background:#507C89; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%)}
.serveyform_process .radio_list > li label p {font-size:0.875em; color:#507c89; letter-spacing:0; font-weight:800; font-family:'NanumSquare'; position:absolute; left:50%; top:100%; transform:translateX(-50%); margin-top:10px; white-space:nowrap;}

.serveyform_process .radio_list > li:nth-child(2) label span, .serveyform_process .radio_list > li:nth-child(6) label span {width:45px; height:45px;}
.serveyform_process .radio_list > li:nth-child(3) label span, .serveyform_process .radio_list > li:nth-child(5) label span {width:35px; height:35px;}
.serveyform_process .radio_list > li:nth-child(4) label span {width:25px; height:25px; border-color:#cecece}
.serveyform_process .radio_list > li:nth-child(4) label input:checked + span:before {background:#cecece}
.serveyform_process .radio_list > li:nth-child(4) ~ li label span {border-color:#e4504f;}
.serveyform_process .radio_list > li:nth-child(4) ~ li label input:checked + span:before {background:#e4504f;}
.serveyform_process .radio_list > li:nth-child(4) ~ li label p {color:#e4504f;}


.serveyform_process .img_list {width:100%; overflow:hidden;}
.serveyform_process .img_list > li {float:left; width:calc(50% - 10px); margin-right:20px;}
.serveyform_process .img_list > li:nth-child(even) {margin-right:0;}
.serveyform_process .img_list > li:nth-child(2) ~ li {margin-top:20px;}
.serveyform_process .img_list > li img {max-width:100%;}
.serveyform_process .img_list > li label {display:block; position:relative;}
.serveyform_process .img_list > li label input {display:none;}
.serveyform_process .img_list > li label img {background:#f8f9fc;}
.serveyform_process .img_list > li label span {display:block; width:25px; height:25px; background:#fff; border:2px solid #cecece; border-radius:50%; position:absolute; left:10px; top:10px;}
.serveyform_process .img_list > li label input:checked + span {border-color:#e4504f}
.serveyform_process .img_list > li label input:checked + span:before {content:''; display:block; width:13px; height:13px; background:#e4504f; border-radius:50%; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%)}
.serveyform_process .img_list > li label p {font-size:1em; color:#777; letter-spacing:0; font-weight:600; font-family:'NanumSquare'; margin-top:15px;}
.serveyform_process .img1 {margin-bottom:30px;}
.serveyform_process .img1 img {max-width:100%;}
.serveyform_process .media_box {width:100%; margin-bottom:30px;}
.serveyform_process .media_box img {max-width:100%;}
.serveyform_process .table_box {width:100%;}
.serveyform_process .table_box thead th {background:#e4504f; font-size:0.875em; color:#fff; letter-spacing:0; line-height:1.5em; font-weight:800; font-family:'NanumSquare'; padding:10px 0;}
.serveyform_process .table_box thead th:first-child {font-size:1em; text-align:left; padding:0 20px;}
.serveyform_process .table_box tbody td {text-align:center; padding:30px 0; border-bottom:1px solid #cecece;}
.serveyform_process .table_box tbody td .radio_box {display:block; width:25px; height:25px; margin:0 auto;}
.serveyform_process .table_box tbody td:first-child {font-size:1em; color:#777; line-height:1.5em; font-weight:600; font-family:'NanumSquare'; padding-left:20px; text-align:left;}
.serveyform_process .table_box tbody tr:last-child td {border-bottom:0;}

#serveyform .btn_box {display:flex; justify-content:center; width:100%; margin-top:50px;}
#serveyform .surveyform_btn {display:block; width:230px; height:65px; border-radius:5px; font-size:0.875em; color:#fff; font-weight:600; font-family:'Poppins'; text-transform:uppercase; margin:0 2.5px;}
#serveyform .surveyform_btn.prev {background:#777;}
#serveyform .surveyform_btn.next {background:#e4504f;}

@media screen and (max-width:1024px){
	.serveyform_index {padding:30px 40px;}
	
	.serveyform_index .tit_box {padding-right:0;}
	.serveyform_index .tit_box h2 {padding-right:110px;}
	.serveyform_index .tit_box .lang {width:100px; top:-3px;}
	.serveyform_index .tit_box .lang > button {height:30px; border-color:#cecece; color:#333;}
	.serveyform_index .tit_box .lang ul {border-radius:15px;}
	.serveyform_index .tit_box .lang ul > li:first-child {padding-top:5px;}
	.serveyform_index .tit_box .lang ul > li:last-child {padding-bottom:5px;}
	.serveyform_index .tit_box .lang ul > li > a {padding:3px 0;}
	.serveyform_index .txt_box a {width:200px; line-height:65px;}
	#serveyform .surveyform_btn {width:180px; height:55px;}

	.serveyform_process .img_list > li {width:calc(50% - 5px); margin-right:10px;}
	.serveyform_process .img_list > li:nth-child(2) ~ li {margin-top:10px;}
	.serveyform_process .table_box_scroll {width:100%; overflow-x:scroll}
	.serveyform_process .table_box {width:770px;}
	.serveyform_process .table_box thead th:first-child {padding:0 10px;}
	.serveyform_process .table_box tbody td {padding:15px 0;}
	.serveyform_process .table_box tbody td:first-child {padding-left:10px;}
}

@media screen and (max-width:767px){
	#serveyform {padding:10% 0;}
	#serveyform h1 {margin-bottom:2%;}
	#serveyform h1 img {width:150px; height:37px;}

	.serveyform_index {border-top-width:5px; padding:20px 25px}
	.serveyform_index .tit_box {padding-bottom:2%; margin-bottom:3%;}
	.serveyform_index .tit_box h2 {font-size:1.25em;}
	.serveyform_index .tit_box h3 {font-size:2.2em;}
	.serveyform_index .txt_box p {font-size:1em;}
	.serveyform_index .txt_box dl {margin:5% 0; border-radius:10px; padding:15px 20px;}
	.serveyform_index .txt_box dl dt {float:none; width:100%; margin-bottom:0;}
	.serveyform_index .txt_box dl dd {float:none; width:100%; margin-top:3px;}
	.serveyform_index .txt_box a {width:150px; line-height:51px; font-size:1em;}
	.serveyform_index .serveyform_warning {margin-top:12%;}
	.serveyform_index .serveyform_warning > strong {font-size:1.125em; padding-left:25px; padding-bottom:2%; margin-bottom:2%;}
	.serveyform_index .serveyform_warning > div {padding:4% 0;}
	.serveyform_index .serveyform_warning > div > p {margin-bottom:2%;}
	.serveyform_index .serveyform_warning > div .gray_box {padding:15px; margin-top:3%;}

	.serveyform_process {padding-top:5%;}
	.serveyform_process > div {padding:20px 25px;}
	.serveyform_process > div .questions {margin-bottom:10px; padding-left:40px;}
	.serveyform_process .form_txt {padding-bottom:10px;}
	.serveyform_process .form_textarea {height:120px; padding:10px;}
	.serveyform_process .list_box > li:not(:last-child) {margin-bottom:7px;}
	.serveyform_process .list_box.w_50 > li {float:none; width:100%;}
	.serveyform_process .check_list > li {margin-bottom:5px;}
	.serveyform_process .check_list p {line-height:33px; padding:0 14px;}
	.serveyform_process .radio_list {margin:10px 0;}
	.serveyform_process .radio_list > li:not(:last-child) {margin-right:15px;}
	.serveyform_process .radio_list > li label span {width:30px; height:30px;}
	.serveyform_process .radio_list > li input:checked + span:before {width:calc(100% - 6px); height:calc(100% - 6px)}
	.serveyform_process .radio_list > li label p {margin-top:5px;}
	.serveyform_process .radio_list > li:nth-child(2) label span, .serveyform_process .radio_list > li:nth-child(6) label span {width:25px; height:25px;}
	.serveyform_process .radio_list > li:nth-child(3) label span, .serveyform_process .radio_list > li:nth-child(5) label span {width:20px; height:20px;}
	.serveyform_process .radio_list > li:nth-child(4) label span {width:15px; height:15px;}
	.serveyform_process .img_list > li {width:calc(50% - 2.5px); margin-right:5px;}
	.serveyform_process .img_list > li:nth-child(2) ~ li {margin-top:5px;}
	.serveyform_process .img_list > li label span {left:5px; top:5px; width:20px; height:20px;}
	.serveyform_process .img_list > li label input:checked + span:before {width:10px; height:10px;}
	.serveyform_process .img_list > li label p {margin-top:7px;}
	.serveyform_process .img1 {margin-bottom:3%;}
	.serveyform_process .media_box {margin-bottom:3%;}
	.serveyform_process .table_box {width:680px;}
	#serveyform .btn_box {margin-top:6%;}
	#serveyform .surveyform_btn {width:130px; height:40px; margin:0 1.5px;}
}


/* 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}