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

@font-face{font-family:"Font Awesome 5 Pro";font-style:normal;font-weight:300;font-display:block;src:url(../font/fa-light-300.eot);src:url(../font/fa-light-300.eot?#iefix) format("embedded-opentype"),url(../font/fa-light-300.woff2) format("woff2"),url(../font/fa-light-300.woff) format("woff"),url(../font/fa-light-300.ttf) format("truetype"),url(../font/fa-light-300.svg#fontawesome) format("svg")}.fal{font-family:"Font Awesome 5 Pro";font-weight:300}
@font-face{font-family:"Font Awesome 5 Pro";font-style:normal;font-weight:400;font-display:block;src:url(../font/fa-regular-400.eot);src:url(../font/fa-regular-400.eot?#iefix) format("embedded-opentype"),url(../font/fa-regular-400.woff2) format("woff2"),url(../font/fa-regular-400.woff) format("woff"),url(../font/fa-regular-400.ttf) format("truetype"),url(../font/fa-regular-400.svg#fontawesome) format("svg")}.far{font-family:"Font Awesome 5 Pro";font-weight:400}
@font-face{font-family:"Font Awesome 5 Pro";font-style:normal;font-weight:900;font-display:block;src:url(../font/fa-solid-900.eot);src:url(../font/fa-solid-900.eot?#iefix) format("embedded-opentype"),url(../font/fa-solid-900.woff2) format("woff2"),url(../font/fa-solid-900.woff) format("woff"),url(../font/fa-solid-900.ttf) format("truetype"),url(../font/fa-solid-900.svg#fontawesome) format("svg")}.fa,.fas{font-family:"Font Awesome 5 Pro";font-weight:900}

@font-face {font-family: 'twaysky'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_tway@1.0/twaysky.woff') format('woff'); font-weight: normal; font-style: normal;}
  
*,
*: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:#1d1d1b;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:#1d1d1b}
select {border-radius:0;}

.transition {
	-webkit-transition: all 0.6s;
	   -moz-transition: all 0.6s;
	     -o-transition: all 0.6s;
	        transition: all 0.6s;
}


/* layout */
#wrap {overflow:hidden; padding-top:100px; padding-bottom:120px;}
.inner {width:1200px; position:relative; margin-left:auto; margin-right:auto;}
.s-inner {width:1088px; 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:1199px) {
	.inner {width:100%;}
}

@media all and (max-width:1120px) {
	.s-inner {width:88%;}
}

@media all and (max-width:1024px) {
	body { font-size: 15px; }
	#wrap {padding-top:60px;}
}

@media all and (max-width:767px) {
	body { font-size: 13px; }
	#wrap {padding-bottom:70px;}

	br.mo_br {display:none;}
}


::selection {background:rgba(229,56,59,0.8); color:#fff;}
::-moz-selection {background:rgba(229,56,59,0.8); color:#fff;}
::-webkit-selection {background:rgba(229,56,59,0.8); color:#fff;}

.jokbal_btn {display:block; width:230px; line-height:65px; text-align:center; border-radius:5px; background:#e5383b; font-size:1em; color:#fff; font-weight:500; font-family:'Noto Sans KR';}
.jokbal_btn.case2 {background:#fff; color:#e5383b;}
.jokbal_btn.auto {margin:0 auto;}

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

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


/* header */
#jokbal_header {width:100%; height:100px; background:#1d1d1b; position:absolute; left:0; top:0; z-index:300;}

#jokbal_logo {float:left; width:170px; height:78px; background:url(/images/logo.svg) no-repeat center center; background-size:contain; margin-top:11px; position:relative; z-index:5;}
#jokbal_logo a {display:block; width:100%; height:100%;}

#jokbal_gnb {float:right;}
#jokbal_gnb > ul > li {float:left; position:relative;}
#jokbal_gnb > ul > li > a {display:block; font-size:1.125em; color:#fff; line-height:100px; font-weight:500; margin:0 30px; position:relative;}
#jokbal_gnb > ul > li > a:after {content:''; display:block; width:0; height:2px; background:#e5383b; position:absolute; left:50%; bottom:0; transform:translateX(-50%); transition:width 0.4s}
#jokbal_gnb > ul > li:last-child > a {margin-right:0;}
#jokbal_gnb > ul > li > ul {display:flex; justify-content:center; position:absolute; left:50%; top:100%; transform:translateX(-50%); opacity:0; visibility:hidden; transition:all 0.2s; transition-property:opacity, visibility;}
#jokbal_gnb > ul > li > ul > li > a {display:block; font-size:0.93em; line-height:90px; padding:0 20px; white-space:nowrap;}
#jokbal_gnb > ul > li:hover > a:after {width:100%;}
#jokbal_gnb > ul > li:hover > ul {opacity:1; visibility:visible;}
#jokbal_gnb > ul > li > ul > li > a:hover {color:#e5383b; font-weight:700;}

#menuToggle {float:right; display:none; font-size:0; width:22px; height:9px; margin-top:25px; position:relative;}
#menuToggle:before, #menuToggle:after {content:''; display:block; width:100%; height:2px; background:#fff; position:absolute; left:0; transition:all 0.4s}
#menuToggle:before {top:0;}
#menuToggle:after {bottom:0;}

#jokbal_header.on #menuToggle:before {top:calc(50% - 1px); transform:rotate(45deg)}
#jokbal_header.on #menuToggle:after {bottom:calc(50% - 1px); transform:rotate(-45deg)}

@media screen and (min-width:1025px){
	#jokbal_header:before {content:''; display:block; width:100%; height:0; background:#fff; position:absolute; left:0; top:100px; transition:height 0.3s}
	#jokbal_header.hover:before {height:90px;}

	#jokbal_gnb > ul > li > ul {display:flex !important;}
}

@media screen and (max-width:1299px){
	#jokbal_gnb > ul > li:last-child > ul {left:auto; right:0; transform:translateX(0)}
}

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

	#jokbal_logo {width:109px; height:50px; margin-top:5px;}

	#jokbal_gnb {float:none; width:100%; height:0; position:fixed; left:0; top:0; background:#1d1d1b; text-align:center; overflow:hidden; transition:height 0.7s}
	#jokbal_gnb > ul {padding:100px 6% 0;}
	#jokbal_gnb > ul > li {float:none;}
	#jokbal_gnb > ul > li > a {line-height:1.5em; padding:15px 0; margin:0;}
	#jokbal_gnb > ul > li > a:after {display:none;}
	#jokbal_gnb > ul > li > ul {display:none; position:relative; left:0; top:0; transform:translateX(0); opacity:1; visibility:visible;}
	#jokbal_gnb > ul > li > ul > li > a {color:rgba(255,255,255,0.6); line-height:1.5em; padding:12px 0;}

	#jokbal_header.on #jokbal_gnb {height:100vh;}

	#menuToggle {display:block;}
}


/* footer */
#jokbal_footer {width:100%; background:#1d1d1b; padding:40px 0 60px;}
#jokbal_footer .s-inner {position:relative; padding-right:180px;}
#jokbal_footer .f_util {overflow:hidden;}
#jokbal_footer .f_util li {float:left;}
#jokbal_footer .f_util li:after {content:''; display:inline-block; width:1px; height:15px; background:#666; vertical-align:middle; margin:0 20px;}
#jokbal_footer .f_util li:last-child:after {display:none;}
#jokbal_footer .f_util li a {display:inline-block; font-size:1em; color:#fff; line-height:1.5em;}
#jokbal_footer .f_info {margin:30px 0 20px;}
#jokbal_footer .f_info li {display:inline-block; font-size:1em; color:#929292; line-height:1.8em; margin-right:13px;}
#jokbal_footer .f_info li strong {font-weight:700;}
#jokbal_footer .copyright {font-size:1em; color:#929292;}
#jokbal_footer .f_sns {position:absolute; top:0; right:70px; overflow:hidden;}
#jokbal_footer .f_sns li {float:left; margin-right:10px;}
#jokbal_footer .f_sns li:last-child {margin-right:0;}
#jokbal_footer .f_sns li a {display:block; width:50px; line-height:50px; border-radius:50%; background:#484848; text-align:center;}
#jokbal_footer .f_sns li a img {vertical-align:middle;}
#jokbal_footer .f_sns li a i {font-size:1.18em; color:#acacac;}
#jokbal_footer .go_top {width:50px; line-height:46px; text-align:center; border:2px solid #929292; border-radius:50%; position:absolute; right:0; top:0; font-size:1.125em; color:#929292;}
#jokbal_footer .f_member {display:inline-block; font-size:0.875em; color:#b7b7b7; line-height:23px; font-family:'Montserrat', 'Noto Sans KR'; padding:0 10px; border:1px solid rgba(255,255,255,0.4); margin-right:2px; margin-top:5px;}

@media screen and (max-width:1024px){
	#jokbal_footer {padding:5% 0;}
	#jokbal_footer .s-inner {padding-right:95px;}
	#jokbal_footer .f_util li:after {height:12px; margin:0 10px;}
	#jokbal_footer .f_info {margin:3% 0 2%;}
	#jokbal_footer .f_sns {right:0;}
	#jokbal_footer .f_sns li {margin-right:5px;}
	#jokbal_footer .f_sns li a {width:45px; line-height:45px;}
	#jokbal_footer .go_top {width:45px; line-height:41px; top:auto; bottom:0;}
}

@media screen and (max-width:767px){
	#jokbal_footer .s-inner {padding-right:0;}
	#jokbal_footer .f_info br {display:none;}
	#jokbal_footer .f_sns {position:relative; margin-top:3%;}
	#jokbal_footer .f_sns li a {width:40px; line-height:40px;}
	#jokbal_footer .f_sns li a img {width:50%;}
	#jokbal_footer .go_top {width:40px; line-height:36px;}
}

#floating_banner {width:100%; background:#e5383b; color:#fff; position:fixed; left:0; bottom:0; z-index:280;}
#floating_banner .s-inner {display:flex; justify-content:space-between; align-items:center; height:120px; padding-left:135px; background:url(/images/simbol_logo_w.png) no-repeat left center;}
#floating_banner .tit_box strong {display:block; font-size:1.875em; line-height:1.2em; letter-spacing:-0.035em; font-weight:400; font-family:'twaysky'}
#floating_banner .tit_box p {font-size:1em; margin-top:5px;}
#floating_banner .number {font-size:2.5em; color:#fff; line-height:1.2em; letter-spacing:-0.035em; font-family:'twaysky';}
#floating_banner .number:before {content:'\f879'; font-size:0.75em; font-weight:900; font-family:'Font Awesome 5 Pro'; margin-right:15px;}
#floating_banner .close {position:absolute; right:20px; top:50%; transform:translateY(-50%)}
#floating_banner .close:before {content:'\f00d'; font-size:1.5em; color:#fff; font-weight:300; font-family:'Font Awesome 5 Pro'}

@media screen and (max-width:1120px){
	#floating_banner .s-inner {padding-left:100px; background-size:70px auto;}
	#floating_banner .tit_box strong {font-size:1.5em;}
	#floating_banner .number {font-size:2em;}
}

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

@media screen and (max-width:767px){
	#floating_banner .s-inner {justify-content:center; flex-direction:column; height:70px; background-size:50px auto; padding-left:50px;}
	#floating_banner .tit_box strong {font-size:1.25em;}
	#floating_banner .tit_box p {display:none;}
	#floating_banner .number {font-size:1.5em; margin-top:3px;}
	#floating_banner .number:before {margin-right:8px;}
}

.popup_wrap {display:none; justify-content:center; align-items:center; width:100%; height:100vh; position:fixed; left:0; top:0; z-index:350;}
.popup_wrap.on {display:flex;}
.popup_wrap .popup_inner {width:90%; max-width:600px; max-height:80vh; background:#fff; position:relative; z-index:10; border-radius:10px; overflow-y:scroll; -ms-overflow-style: none; scrollbar-width: none;}
.popup_wrap .popup_inner::-webkit-scrollbar {display: none;}
.popup_wrap .tit_box {padding:20px; position:relative;}
.popup_wrap .tit_box h2 {font-size:1.8em; line-height:1.4em; font-weight:400; font-family:'twaysky'}
.popup_wrap .tit_box .close_popup {font-size:1.3em; position:absolute; right:20px; top:27px;}
.popup_wrap .content_box {padding:0 20px 20px;}
.popup_wrap .dim {width:100%; height:100%; background:rgb(25,25,25,0.6); position:absolute; left:0; top:0; z-index:0}

.privacy_box .t1 {font-size:1.125em; line-height:1.5em; font-weight:500; margin-bottom:5px;}
.privacy_box .t2 {font-size:0.875em; color:#666; line-height:1.8em; margin-bottom:25px;}
.privacy_box .t2:last-of-type {margin-bottom:0;}


/* mVisu */
#mVisu {width:100%; height:800px; position:relative;}
.mVisu_slide {width:100%; height:100%;}
.mVisu_slide .swiper-slide {position:relative; background-repeat:no-repeat; background-position:center center; background-size:cover;}
.mVisu_slide .swiper-slide:before {content:''; display:block; width:100%; height:100%; background:#1d1d1b; opacity:0.6; position:absolute; left:0; top:0;}
.mVisu_slide .swiper-button-next, .mVisu_slide .swiper-button-prev {width:70px; height:70px; line-height:70px; background:rgba(29,29,27,0.5); border-radius:50%;}
.mVisu_slide .swiper-button-next {right:50%; margin-right:-769px}
.mVisu_slide .swiper-button-prev {left:50%; margin-left:-769px}
.mVisu_slide .swiper-button-next:after, .mVisu_slide .swiper-button-prev:after {font-size:1.125em; color:#fff; font-weight:300; font-family:'Font Awesome 5 Pro'}
.mVisu_slide .swiper-button-next:after {content:'\f054'}
.mVisu_slide .swiper-button-prev:after {content:'\f053'}
#mVisu .swiper-pagination {bottom:50px;}
#mVisu .swiper-pagination-bullet {width:8px; height:8px; border-radius:4px; background:#fff; opacity:1;}
#mVisu .swiper-pagination-bullet-active {width:25px; background:#e5383b;}
#mVisu .txt_box {position:relative; z-index:10; padding-top:220px;}
#mVisu .txt_box h2 {font-size:4.68em; color:#fff; line-height:1.28em; letter-spacing:-0.035em; font-weight:400; font-family:'twaysky';}
#mVisu .txt_box h2:after {content:''; display:inline-block; width:83px; height:84px; background:url(/images/simbol_logo.png) no-repeat center center; background-size:cover; vertical-align:middle; margin-left:20px;}
#mVisu .txt_box p {font-size:1.25em; color:#fff; line-height:1.5em; margin-top:20px;}
#mVisu .txt_box div {margin-top:50px;}

#mVisu .txt_box h2, #mVisu .txt_box p, #mVisu .txt_box div {opacity:0; transform:translateY(60px);}
#mVisu .swiper-slide-active .txt_box h2, #mVisu .swiper-slide-active .txt_box p, #mVisu .swiper-slide-active .txt_box div {opacity:1; transform:translateY(0); transition:all 0.9s; transition-property:opacity, transform;}
#mVisu .swiper-slide-active .txt_box p {transition-delay:0.2s;}
#mVisu .swiper-slide-active .txt_box div {transition-delay:0.4s;}

@media screen and (max-width:1024px){
	#mVisu {height:650px;}
	#mVisu .swiper-pagination {bottom:20px;}
	#mVisu .txt_box {padding-top:180px;}
	#mVisu .txt_box h2 {font-size:3.7em;}
	#mVisu .txt_box h2:after {width:73px; height:74px;}
	#mVisu .txt_box p {font-size:1.125em; margin-top:10px;}
	#mVisu .txt_box div {margin-top:30px;}
}

@media screen and (max-width:767px){
	#mVisu {height:520px;}
	#mVisu .swiper-pagination {bottom:10px;}
	#mVisu .txt_box {display:flex; flex-direction:column; justify-content:center; height:100%; padding-top:0;}
	#mVisu .txt_box h2 {font-size:3em;}
	#mVisu .txt_box h2:after {display:none; width:45px; height:46px; margin-left:10px;}
}

.main_title {text-align:center;}
.main_title h2 {font-size:2.5em; line-height:1.4em; letter-spacing:-0.035em; font-family:'twaysky';}
.main_title h2 span {display:inline-block; width:auto; padding:0 61px 0 77px; position:relative;}
.main_title h2 span:before, .main_title h2 span:after {content:''; display:inline-block; height:86px; background-repeat:no-repeat; background-position:center center; background-size:auto 100%; vertical-align:middle; position:absolute; top:50%; margin-top:-43px;}
.main_title h2 span:before {width:67px; background-image:url(/images/icon_title1.svg); left:0;}
.main_title h2 span:after {width:41px; background-image:url(/images/icon_title2.svg); right:0;}
.main_title p {font-size:1.125em; color:#666; line-height:1.6em; margin-top:30px;}
.main_title.white h2, .main_title.white p {color:#fff;}
.main_title.white h2 span:before {background-image:url(/images/icon_title1_w.svg)}
.main_title.white h2 span:after {background-image:url(/images/icon_title2_w.svg)}

@media screen and (max-width:1024px){
	.main_title h2 {font-size:2.2em;}
	.main_title h2 span {padding:0 41px 0 61px;}
	.main_title h2 span:before, .main_title h2 span:after {height:65px; margin-top:-32.5px;}
	.main_title h2 span:before {width:51px;}
	.main_title h2 span:after {width:31px;}
	.main_title p {font-size:1em; margin-top:3%;}
}

@media screen and (max-width:767px){
	.main_title h2 span {padding:0 34px 0 49px;}
	.main_title h2 span:before,.main_title h2 span:after {height:50px; margin-top:-25px;}
	.main_title h2 span:before {width:39px;}
	.main_title h2 span:after {width:24px;}
}


#mMenu {padding:100px 0 150px;}
#mMenu .tab_box {display:flex; justify-content:center; margin:50px 0 100px;}
#mMenu .tab_box li {width:calc(25% - 12px); margin-right:16px; text-align:center; border:1px solid #a4a4a4; border-radius:5px; line-height:58px; font-size:1em; transition:all 0.4s; transition-property:color, background, border; cursor:pointer;}
#mMenu .tab_box li:last-child {margin-right:0;}
#mMenu .tab_box li:hover {color:#e5383b; border-color:#e5383b;}
#mMenu .tab_box li.on {background:#e5383b; border-color:#e5383b; color:#fff; font-weight:700;}
#mMenu .content_box > div {position:fixed; left:-9999px; top:-9999px;}
#mMenu .content_box > div.on {position:relative; left:0; top:0;}
.mMenu_slide a {display:block; width:100%; height:100%;}
.mMenu_slide .img_box {width:100%; height:400px; background-repeat:no-repeat; background-position:center center; background-size:cover; position:relative;}
.mMenu_slide .img_box p {display:flex; justify-content:center; align-items:center; flex-direction:column; width:100%; height:100%; background:rgba(29,29,27,0.3); font-size:1.125em; color:#fff; font-weight:500; line-height:1.3em; position:absolute; left:0; top:0; opacity:0; visibility:hidden; transition:all 0.4s; transition-property:opacity, visibility;}
.mMenu_slide .img_box p:before {content:'\f002'; display:block; font-size:2.7em; font-weight:300; font-family:'Font Awesome 5 Pro'; line-height:1.2em; margin-bottom:10px;}
.mMenu_slide a:hover .img_box p {opacity:1; visibility:visible;}
.mMenu_slide dl {margin-top:30px;}
.mMenu_slide dl dt {font-size:1.5em; line-height:1.5em; letter-spacing:-0.035em; font-family:'twaysky'; text-align:center;}
.mMenu_slide dl dt span {font-size:0.7em; font-weight:500; font-family:'Noto Sans KR';}
.mMenu_slide dl dd {font-size:1em; color:#666; line-height:1.75em; margin-top:10px;}

@media screen and (max-width:1024px){
	#mMenu {padding:10% 0 15%;}
	#mMenu .tab_box {margin:5vw 0 7vw;}
	#mMenu .tab_box li {width:calc(25% - 7.5px); margin-right:10px; line-height:48px;}
	.mMenu_slide .img_box {height:40vw;}
	.mMenu_slide .img_box p {font-size:1em;}
	.mMenu_slide .img_box p:before {font-size:2em; margin-bottom:5px;}
	.mMenu_slide dl {margin-top:2.5vw;}
	.mMenu_slide dl dt {font-size:1.3em;}
	.mMenu_slide dl dd {margin-top:1vw;}
	.mMenu_slide dl dd br {display:none;}
}

@media screen and (max-width:767px){
	#mMenu .tab_box {width:80%; display:block; overflow:hidden; margin-left:auto; margin-right:auto;}
	#mMenu .tab_box li {float:left; width:calc(50% - 2.5px); margin-right:5px; line-height:38px;}
	#mMenu .tab_box li:nth-child(even) {margin-right:0;}
	#mMenu .tab_box li:nth-child(2) ~ li {margin-top:5px;}
	.mMenu_slide .img_box {height:65vw;}
}


#mDifferent {width:100%; padding:120px 0 140px; background:url(/images/mDifferent_img1.jpg) no-repeat center center; background-size:cover; position:relative;}
#mDifferent:before {content:''; display:block; width:100%; height:100%; background:#1d1d1b; opacity:0.6; position:absolute; left:0; top:0;}
#mDifferent .s-inner {position:relative; z-index:10;}
#mDifferent ul {display:flex; justify-content:center; margin-top:50px;}
#mDifferent ul li {display:flex; align-items:center; flex-direction:column; justify-content:center; width:300px; height:300px; border-radius:50%; background:#e5383b; margin-right:30px; text-align:center;}
#mDifferent ul li:last-child {margin-right:0;}
#mDifferent ul li p {font-size:1.125em; color:rgba(255,255,255,0.7); font-weight:500;}
#mDifferent ul li p:before {content:''; display:inline-block; width:37px; height:52px; background-repeat:no-repeat; background-position:center center; background-size:auto 100%; vertical-align:middle; margin-right:10px;}
#mDifferent ul li strong {display:block; font-size:1.625em; color:#fff; line-height:1.5em; letter-spacing:-0.035em; font-weight:400; font-family:'twaysky'; margin-top:20px;}

#mDifferent ul li:nth-child(1) p:before {background-image:url(/images/mDifferent_icon1.png);}
#mDifferent ul li:nth-child(2) p:before {background-image:url(/images/mDifferent_icon2.png);}
#mDifferent ul li:nth-child(3) p:before {background-image:url(/images/mDifferent_icon3.png);}

@media screen and (max-width:1099px){
	#mDifferent ul li {width:28vw; height:28vw; margin-right:1vw;}
}

@media screen and (max-width:1024px){
	#mDifferent {padding:12% 0;}
	#mDifferent ul {margin-top:5vw;}
	#mDifferent ul li p {font-size:1em;}
	#mDifferent ul li p:before {width:28px; height:40px;}
	#mDifferent ul li strong {font-size:1.4em; margin-top:10px;}
}

@media screen and (max-width:767px){
	#mDifferent .box {width:100%; overflow-x:scroll; -ms-overflow-style: none; scrollbar-width: none;}
	#mDifferent .box::-webkit-scrollbar {display:none;}
	#mDifferent ul {display:block; width:calc(126vw + 10px); max-width:610px; margin-left:auto; margin-right:auto;}
	#mDifferent ul li {float:left; width:42vw; height:42vw; max-width:200px; max-height:200px; margin-right:5px;}
	#mDifferent ul li p:before {width:21px; height:30px; margin-right:5px;}
	#mDifferent ul li strong {font-size:1.125em;}
}


#mCompetitiveness {padding:100px 0;}
.mCompetitiveness_slide {width:100%; position:relative; margin-top:70px;}
.mCompetitiveness_slide .swiper-slide {overflow:hidden; background:#fff;}
.mCompetitiveness_slide .img_box {float:left; width:630px; height:400px; background-repeat:no-repeat; background-position:center center; background-size:cover;}
.mCompetitiveness_slide dl {float:left; width:calc(100% - 630px); padding:70px 0 0 60px;}
.mCompetitiveness_slide dl dt {font-size:1.625em; line-height:1.5em; letter-spacing:-0.035em; font-family:'twaysky';}
.mCompetitiveness_slide dl dd {font-size:1em; color:#666; line-height:1.75em; margin-top:20px;}
.mCompetitiveness_slide .swiper-button-next, .mCompetitiveness_slide .swiper-button-prev {width:70px; height:70px; line-height:64px; border:3px solid #e5383b; border-radius:50%; background:#fff; text-align:center; transition:background 0.3s;}
.mCompetitiveness_slide .swiper-button-next {right:-138px;}
.mCompetitiveness_slide .swiper-button-prev {left:-138px;}
.mCompetitiveness_slide .swiper-button-next:after, .mCompetitiveness_slide .swiper-button-prev:after {font-size:1.125em; color:#e5383b; font-weight:300; font-family:'Font Awesome 5 Pro'; transition:color 0.3s;}
.mCompetitiveness_slide .swiper-button-next:after {content:'\f054'}
.mCompetitiveness_slide .swiper-button-prev:after {content:'\f053'}
.mCompetitiveness_slide .swiper-button-next:hover, .mCompetitiveness_slide .swiper-button-prev:hover {background:#e5383b}
.mCompetitiveness_slide .swiper-button-next:hover:after, .mCompetitiveness_slide .swiper-button-prev:hover:after {color:#fff}
#mCompetitiveness .swiper-pagination {width:calc(100% - 690px); text-align:left; left:auto; right:0; bottom:30px;}
#mCompetitiveness .swiper-pagination-bullet {width:8px; height:8px; background:#666; opacity:0.3; border-radius:4px; margin:0 10px 0 0;}
#mCompetitiveness .swiper-pagination-bullet-active {width:25px; background:#e5383b; opacity:1;}

.mCompetitiveness_slide .img_box {opacity:0; transform:translate(-60px, 0)}
.mCompetitiveness_slide dl dt, .mCompetitiveness_slide dl dd {opacity:0; transform:translate(0, 60px)}
.mCompetitiveness_slide .swiper-slide-active .img_box, .mCompetitiveness_slide .swiper-slide-active dl dt, .mCompetitiveness_slide .swiper-slide-active dl dd {opacity:1; transform:translate(0, 0); transition:all 0.8s; transition-property:opacity, transform;}
.mCompetitiveness_slide .swiper-slide-active dl dt {transition-delay:0.2s;}
.mCompetitiveness_slide .swiper-slide-active dl dd {transition-delay:0.4s;}

@media screen and (max-width:1120px){
	.mCompetitiveness_slide .img_box {width:55%;}
	.mCompetitiveness_slide dl {width:45%;}
	#mCompetitiveness .swiper-pagination {width:calc(45% - 60px)}
}

@media screen and (max-width:1024px){
	#mCompetitiveness {padding:10% 0;}
	.mCompetitiveness_slide {margin-top:7vw;}
	.mCompetitiveness_slide .img_box {height:38vw; min-height:340px;}
	.mCompetitiveness_slide dl {padding:20px 0 0 30px;}
	.mCompetitiveness_slide dl dt {font-size:1.4em;}
	.mCompetitiveness_slide dl dd {margin-top:1vw;}
	#mCompetitiveness .swiper-pagination {width:calc(45% - 30px)}
}

@media screen and (max-width:767px){
	.mCompetitiveness_slide {padding-bottom:40px;}
	.mCompetitiveness_slide .img_box {float:none; width:100%; height:53vw; min-height:0;}
	.mCompetitiveness_slide dl {float:none; width:100%; padding:0; margin-top:5vw; text-align:center;}
	#mCompetitiveness .swiper-pagination {width:100%; text-align:center; bottom:0;}
	#mCompetitiveness .swiper-pagination-bullet {margin:0 3px;}
}


#mInterior {padding:100px 0 120px; background:url(/images/mInteriorBG.jpg) no-repeat center center; background-size:cover; position:relative;}
#mInterior:before {content:''; display:block; width:100%; height:100%; background:#1d1d1b; opacity:0.9; position:absolute; left:0; top:0; z-index:0;}
#mInterior .s-inner {position:relative; z-index:10;}
#mInterior .tab_box {display:flex; justify-content:center; margin:50px 0;}
#mInterior .tab_box li {width:calc(25% - 12px); margin-right:16px; text-align:center; border:1px solid #a4a4a4; border-radius:5px; line-height:58px; font-size:1em; color:#fff; transition:all 0.4s; transition-property:color, background, border; cursor:pointer;}
#mInterior .tab_box li:last-child {margin-right:0;}
#mInterior .tab_box li:hover {color:#e5383b; border-color:#e5383b;}
#mInterior .tab_box li.on {background:#e5383b; border-color:#e5383b; color:#fff; font-weight:700;}
#mInterior .content_box {position:relative;}
#mInterior .content_box > div {visibility:hidden; overflow:hidden; position:absolute; left:0; top:0; z-index:0;}
#mInterior .content_box > div.on {visibility:visible; position:relative; z-index:10;}
#mInterior .content_box img {width:100%;}
.mInterior_slide {float:right; width:812px; overflow:hidden; position:relative;}
.mInterior_slide .swiper-button-next, .mInterior_slide .swiper-button-prev {width:50px; height:50px; line-height:50px; background:#1d1d1b; text-align:center; opacity:0; transition:opacity 0.5s}
.mInterior_slide .swiper-button-next {right:0;}
.mInterior_slide .swiper-button-prev {left:0;}
.mInterior_slide:hover .swiper-button-next, .mInterior_slide:hover .swiper-button-prev {opacity:1;}
.mInterior_slide .swiper-button-next:after, .mInterior_slide .swiper-button-prev:after {font-size:1em; color:#fff; font-weight:300; font-family:'Font Awesome 5 Pro'}
.mInterior_slide .swiper-button-next:after {content:'\f054'}
.mInterior_slide .swiper-button-prev:after {content:'\f053'}
.mInterior_slide_thumb_wrap {width:260px; height:100%; position:absolute; left:0; top:0;}
.mInterior_slide_thumb {width:100%; height:33.33%;}
.mInterior_slide_thumb .swiper-slide:before {content:''; display:none; width:100%; height:100%; border:5px solid #e5383b; position:absolute; left:0; top:0;}
.mInterior_slide_thumb .swiper-slide-thumb-active:before {display:block;}

@media screen and (max-width:1120px){
	.mInterior_slide {width:75%;}
	.mInterior_slide_thumb_wrap {width:calc(25% - 20px)}
}


@media screen and (max-width:1024px){
	#mInterior {padding:12% 0;}
	#mInterior .tab_box {margin:5vw 0;}
	#mInterior .tab_box li {width:calc(25% - 7.5px); margin-right:10px; line-height:48px;}
	.mInterior_slide .swiper-button-next, .mInterior_slide .swiper-button-prev {width:40px; height:40px; line-height:40px;}
	.mInterior_slide_thumb_wrap {width:calc(25% - 10px)}
}
	
@media screen and (max-width:767px){
	#mInterior .tab_box {width:80%; display:block; overflow:hidden; margin-left:auto; margin-right:auto;}
	#mInterior .tab_box li {float:left; width:calc(50% - 2.5px); margin-right:5px; line-height:38px;}
	#mInterior .tab_box li:nth-child(even) {margin-right:0;}
	#mInterior .tab_box li:nth-child(2) ~ li {margin-top:5px;}
	.mInterior_slide {float:none; width:100%;}
	.mInterior_slide .swiper-button-next, .mInterior_slide .swiper-button-prev {width:35px; height:35px; line-height:35px;}
	.mInterior_slide_thumb_wrap {float:none; width:100%; position:relative; margin-top:10px;}
	.mInterior_slide_thumb .swiper-slide:before {border-width:3px;}
}


#mStore {padding:100px 0;}
#mStore .btn_box a {margin:0 auto;}
.mStore_slide {margin:70px 0;}
.mStore_slide .swiper-slide {width:398px;}
.mStore_slide .img_box {width:100%; height:230px; margin-bottom:30px; overflow:hidden;}
.mStore_slide .img_box div {width:100%; height:100%;  background-repeat:no-repeat; background-position:center center; background-size:cover; transition:transform 0.5s}
.mStore_slide .swiper-slide:hover .img_box div {transform:scale(1.1, 1.1)}
.mStore_slide dl dt {font-size:1.5em; line-height:1.5em; letter-spacing:-0.035em; font-family:'twaysky'; margin-bottom:20px;}
.mStore_slide dl dd {font-size:1em; color:#666; line-height:1.75em; margin-bottom:10px; position:relative; padding-left:90px;}
.mStore_slide dl dd span {display:block; width:90px; position:absolute; left:0; top:0; color:#1d1d1b; font-weight:500;}
.mStore_slide dl dd span.add {letter-spacing:1.8em}
.mStore_slide dl dd:last-child {margin-bottom:0;}

@media screen and (max-width:1024px){
	#mStore {padding:12% 0;}
	.mStore_slide {margin:7vw 0;}
	.mStore_slide .img_box {margin-bottom:3vw;}
	.mStore_slide dl dt {margin-bottom:2vw;}
	.mStore_slide dl dd {margin-bottom:0.5vw;}
}

@media screen and (max-width:767px){
	.mStore_slide .swiper-slide {width:100%; max-width:380px;}
	.mStore_slide .img_box {height:55vw; max-height:220px;}
}


#mFoundation {width:100%; background:#f7f7f8; padding:100px 0;}
/*#mFoundation .list {width:100%; overflow:hidden; margin:50px 0 70px; counter-reset:counter; position:relative;}
#mFoundation .list:before {content:''; display:block; width:90%; height:1px; background:#d4d4d4; position:absolute; left:5%; top:50%;}
#mFoundation .list li {float:left; width:calc(14.28% - 13.71px); height:142px; border:1px solid #d4d4d4; background:#fff; border-radius:50%; margin-right:16px; text-align:center; font-size:1.125em; line-height:1.4em; font-weight:500; padding-top:40px; position:relative; z-index:10;}
#mFoundation .list li:last-child {margin-right:0;}
#mFoundation .list li:before {content:counter(counter, decimal-leading-zero); counter-increment:counter; display:block; color:#666; opacity:0.5; font-family:'twaysky';}*/
#mFoundation .box {position:relative; overflow:hidden;}
#mFoundation .img_box {width:calc(50% - 8px); height:100%; background-repeat:no-repeat; background-position:center center; background-size:cover; position:absolute; left:0; top:0}
#mFoundation .txt_box {float:right; width:50%; padding-left:8px;}
#mFoundation .txt_box table {width:100%;}
#mFoundation .txt_box table thead th {background:#1d1d1b; padding:17px 0; font-size:1.125em; color:#fff; font-weight:500;}
#mFoundation .txt_box table thead th:first-child {border-right:3px solid #f7f7f8}
#mFoundation .txt_box table tbody th, #mFoundation .txt_box table tbody td {font-size:1em; line-height:1.7em; font-weight:500; text-align:center; border-top:3px solid #f7f7f8; padding:13px 0; background:rgba(102,102,102,0.05)}
#mFoundation .txt_box table tbody th {color:#666; font-weight:400; border-right:3px solid #f7f7f8}
#mFoundation .txt_box table tbody .txt {background:none; padding:30px 18px; text-align:left; border-bottom:1px solid #d4d4d4;}
#mFoundation .txt_box table tbody .txt p {font-size:0.875em; color:#666; line-height:1.7em; font-weight:400;}
#mFoundation .txt_box table tbody .txt p.t1 {padding-left:55px; position:relative;}
#mFoundation .txt_box table tbody .txt p.t1 span {position:absolute; left:0; top:0;}
#mFoundation .txt_box table tfoot td {background:#e5383b; font-size:1.125em; color:#fff; font-weight:500; padding:12px 0; text-align:center; border-top:20px solid #f7f7f8}
#mFoundation .txt_box .list {margin-top:30px;}
#mFoundation .txt_box .list li {font-size:0.875em; color:#a4a4a4; line-height:1.5em; margin-bottom:3px; padding-left:16px; position:relative;}
#mFoundation .txt_box .list li:last-child {margin-bottom:0;}
#mFoundation .txt_box .list li:before {content:'※'; position:absolute; left:0; top:0;}
#mFoundation .btn_box {margin-top:70px;}
#mFoundation .btn_box .jokbal_btn {margin:0 auto;}

.mFoundation_slide {margin:50px 0 70px;}
.mFoundation_slide .swiper-slide {display:flex; justify-content:center; align-items:center; flex-direction:column; width:200px; height:200px; background:#fff; border:1px solid #d4d4d4; border-radius:50%; position:relative; text-align:center;}
.mFoundation_slide .swiper-slide:before {content:''; display:block; width:20px; height:1px; background:#d4d4d4; position:absolute; right:-21px; top:50%;}
.mFoundation_slide .swiper-slide:last-child:before {display:none;}
.mFoundation_slide .swiper-slide span {font-size:1.5em; color:#e5383b; line-height:1.2em; font-family:'twaysky';}
.mFoundation_slide .swiper-slide p {font-size:1.125em; line-height:1.5em; font-weight:500; margin-top:10px;}

@media screen and (max-width:1120px){
	/*#mFoundation .list li {height:11vw; padding-top:3vw;}*/

	.mFoundation_slide .swiper-slide {width:190px; height:190px;}
}

@media screen and (max-width:1024px){
	#mFoundation {padding:12% 0;}
	/*#mFoundation .list {margin:5vw 0 6vw;}
	#mFoundation .list li {width:calc(14.28% - 6.85px); height:11.5vw; margin-right:8px; font-size:1em;}*/
	#mFoundation .img_box {width:calc(50% - 5px)}
	#mFoundation .txt_box {padding-left:5px;}
	#mFoundation .txt_box table thead th {font-size:1em; padding:13px 0;}
	#mFoundation .txt_box table tbody th, #mFoundation .txt_box table tbody td {font-size:0.93em; padding:10px 0;}
	#mFoundation .txt_box table tbody .txt {padding:15px 7px;}
	#mFoundation .txt_box table tbody .txt p.t1 {padding-left:45px;}
	#mFoundation .txt_box table tfoot td {padding:10px 0; border-top-width:10px;}
	#mFoundation .txt_box .list {margin-top:3%;}
	#mFoundation .btn_box {margin-top:7vw;}

	.mFoundation_slide .swiper-slide {width:24vw; height:24vw;}
}

@media screen and (max-width:767px){
	/*#mFoundation .list {text-align:center;}
	#mFoundation .list:before {top:9vw}
	#mFoundation .list:after {content:''; display:block; width:50%; height:1px; background:#d4d4d4; position:absolute; left:25%; bottom:9vw;}
	#mFoundation .list li {float:none; display:inline-block; width:19.5vw; height:19.5vw; margin:0.25vw; padding-top:5vw;}*/
	#mFoundation .img_box {width:100%; height:55vw; position:relative;}
	#mFoundation .txt_box {float:none; width:100%; padding-left:0; margin-top:1%;}

	.mFoundation_slide .swiper-slide {width:35vw; height:35vw;}
}

@media screen and (max-width:360px){
	/*#mFoundation .list li {padding-top:4vw; font-size:0.93em;}*/
}


#mConsult {padding:100px 0 140px;}
#mConsult .form_box {margin-top:70px;}
#mConsult .form_box ul {width:100%; overflow:hidden;}
#mConsult .form_box ul li {float:left; width:calc(50% - 8px); margin-right:16px; margin-bottom:20px;}
#mConsult .form_box ul li.w_100 {width:100%;}
#mConsult .form_box ul li:nth-child(even), #mConsult .form_box ul li:last-child {margin-right:0;}
#mConsult .form_box ul li label {display:block; font-size:1em; line-height:1.6em; font-weight:500; margin-bottom:10px;}
#mConsult .form_box ul li input.form_txt, #mConsult .form_box ul li textarea {width:100%; border:1px solid #d4d4d4; border-radius:5px; font-size:1em; font-family:'Noto Sans KR'}
#mConsult .form_box ul li input.form_txt:focus, #mConsult .form_box ul li textarea:focus {border:3px solid #e5383b; outline:none;}
#mConsult .form_box ul li input.form_txt::placeholder, #mConsult .form_box ul li textarea::placeholder {color:#a4a4a4;}
#mConsult .form_box ul li input.form_txt::-webkit-input-placeholder, #mConsult .form_box ul li textarea::-webkit-input-placeholder {color:#a4a4a4;}
#mConsult .form_box ul li input.form_txt:-ms-input-placeholder, #mConsult .form_box ul li textarea:-ms-input-placeholder {color:#a4a4a4;}
#mConsult .form_box ul li input.form_txt {height:60px; padding:0 30px;}
#mConsult .form_box ul li textarea {height:200px; padding:20px 30px; resize:none;}
#mConsult .form_box ul li div label {display:inline-block; line-height:50px; margin-right:30px;}
#mConsult .form_box ul li .price {overflow:hidden;}
#mConsult .form_box ul li .price input.form_txt {float:left; width:300px;}
#mConsult .form_box ul li .price p {float:left; width:calc(100% - 300px); padding-left:15px; font-size:1em; line-height:60px; font-weight:500;}
#mConsult .btn_box {margin-top:50px;}
#mConsult .btn_box .jokbal_btn {margin:0 auto;}

@media screen and (max-width:1120px){
	#mConsult .form_box ul li .price input.form_txt {width:calc(100% - 150px)}
	#mConsult .form_box ul li .price p {width:150px}
}

@media screen and (max-width:1024px){
	#mConsult {padding:12% 0 13%;}
	#mConsult .form_box {margin-top:7%}
	#mConsult .form_box ul li {width:calc(50% - 5px); margin-right:10px; margin-bottom:15px;}
	#mConsult .form_box ul li input.form_txt {height:50px; padding:0 20px;}
	#mConsult .form_box ul li textarea {height:150px; padding:20px;}
	#mConsult .form_box ul li div label {margin-right:20px;}
	#mConsult .form_box ul li .price p {line-height:50px;}
}

@media screen and (max-width:767px){
	#mConsult .form_box ul li {width:calc(50% - 2.5px); margin-right:5px;}
	#mConsult .form_box ul li label {margin-bottom:5px;}
	#mConsult .form_box ul li input.form_txt {height:40px; padding:0 10px;}
	#mConsult .form_box ul li textarea {height:100px; padding:10px;}
	#mConsult .form_box ul li input.form_txt:focus, #mConsult .form_box ul li textarea:focus {border-width:2px;}
	#mConsult .form_box ul li div label {margin-right:15px;}
	#mConsult .form_box ul li .price input.form_txt {width:calc(100% - 100px)}
	#mConsult .form_box ul li .price p {width:100px; padding-left:5px; line-height:40px;}
}

.check_box input {display:none;}
.check_box span {font-size:1em; line-height:24px; padding-left:35px; position:relative;}
.check_box span:before {content:'\f00c'; display:block; width:24px; height:24px; line-height:22px; border:1px solid #d4d4d4; border-radius:50%; text-align:center; font-size:1em; color:#fff; font-weight:400; font-family:'Font Awesome 5 Pro'; position:absolute; left:0; top:0;}
.check_box span a {text-decoration:underline;}
.check_box input:checked + span:before {border-color:#e5383b; background:#e5383b;}

@media screen and (max-width:1024px){
	.check_box span {line-height:20px; padding-left:28px;}
	.check_box span:before {width:20px; height:20px; line-height:18px; font-size:0.75em;}
}



/* sub */
#sVisu {display:table; width:100%; height:250px; background-repeat:no-repeat; background-position:center center; background-size:cover; position:relative;}
#sVisu:before {content:''; display:block; width:100%; height:100%; background:#191919; opacity:0.5; position:absolute; left:0; top:0; z-index:0;}
#sVisu h2 {display:table-cell; vertical-align:middle; text-align:center; font-size:2.5em; color:#fff; letter-spacing:-0.035em; font-weight:400; font-family:'twaysky'; position:relative; z-index:10;}


.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:220px;}
	#sVisu h2 {font-size:2.3em;}
}


.sub_menu_tit{display:none; position:relative;}
.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:relative;}
.sub_menu_tit .btn span:before{content:""; position:absolute; display:block; width:20px; height:1px; background:#FFF;top:50%; right:-10px; 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_wrap .sub_menu_box{width:100%; overflow:hidden; border-bottom:1px solid #dcdcdc; text-align:center; box-sizing:border-box; text-align:center;}
.sub_menu_wrap .sub_menu_box li {display:inline-block; margin:0 50px; position:relative;}
.sub_menu_wrap .sub_menu_box li a {display:block; font-size:1em; color:#666; line-height:65px; transition:color 0.3s}
.sub_menu_wrap .sub_menu_box li:hover a{color:#191919; }
.sub_menu_wrap .sub_menu_box li a:after{display:block; content:''; width:0; height:3px; position:absolute; left:0; bottom:0; background:#e5383b;}

.page1.sub_menu_wrap .sub_menu_box li.m1 a,
.page2.sub_menu_wrap .sub_menu_box li.m2 a,
.page3.sub_menu_wrap .sub_menu_box li.m3 a,
.page4.sub_menu_wrap .sub_menu_box li.m4 a,
.page5.sub_menu_wrap .sub_menu_box li.m5 a,
.page6.sub_menu_wrap .sub_menu_box li.m6 a,
.page7.sub_menu_wrap .sub_menu_box li.m7 a {color:#191919; font-weight:500;}


@media screen and (min-width:1025px){
	.sub_menu_wrap .sub_menu_box {display:block !important; height:auto !important;}

	.page1.sub_menu_wrap .sub_menu_box li.m1 a:after,
	.page2.sub_menu_wrap .sub_menu_box li.m2 a:after,
	.page3.sub_menu_wrap .sub_menu_box li.m3 a:after,
	.page4.sub_menu_wrap .sub_menu_box li.m4 a:after,
	.page5.sub_menu_wrap .sub_menu_box li.m5 a:after,
	.page6.sub_menu_wrap .sub_menu_box li.m6 a:after,
	.page7.sub_menu_wrap .sub_menu_box li.m7 a:after {width:100%;}
}

@media screen and (max-width:1024px){
	.sub_menu_wrap{width:95%; margin:-55px auto 0px; z-index:15; position:relative; padding-bottom:15px;}

	.sub_menu_tit{cursor:pointer; display:block; border:1px solid #fff; line-height:40px; box-sizing:border-box; padding:0 15px;}
	.sub_menu_tit h3 {font-size:14px; color:#FFF;}
	.sub_menu_wrap .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_wrap .sub_menu_box li{width:100%; display:block; margin:0; padding:0 15px; font-size:0.95em;}
	.sub_menu_wrap .sub_menu_box li a{display:block; border-top:1px solid #ddd;  padding:0; line-height:40px; font-size:13px; color:#333;}
	.sub_menu_wrap .sub_menu_box li:hover a:after {display:none;}
	.sub_menu_wrap .sub_menu_box li:first-child a{border-top:0}
}

#sub_content {min-height:60vh;}
#sub_title {font-size:2.7em; line-height:1.4em; font-weight:400; font-family:'twaysky'; text-align:center; margin-bottom:50px;}

.sub_section {padding:100px 0;}
.sub_section.line {border-bottom:1px solid #dcdcdc;}
.sub_section.bg1 {background:#f7f7f8;}

.sub_title {text-align:center;}
.sub_title h2 {font-size:1.875em; line-height:1.3em; letter-spacing:-0.035em; font-weight:400; font-family:'twaysky'}
.sub_title p {font-size:1em; color:#666; line-height:1.7em; margin-top:20px;}

.s_txt1 {font-size:1em; color:#666; line-height:1.75em;}

@media screen and (max-width:1024px){
	#sub_title {font-size:2.3em; margin-bottom:5vw;}

	.sub_section {padding:10% 0;}

	.sub_title p {margin-top:2%;}
}


.sub_img_box1 {display:flex; justify-content:center; align-items:center; flex-wrap:wrap; width:100%;}
.sub_img_box1 > li {width:calc(50% - 8px); margin-right:16px; text-align:center;}
.sub_img_box1 > li:nth-child(even), .sub_img_box1 > li:last-child {margin-right:0;}
.sub_img_box1 > li:nth-child(2) ~ li {margin-top:50px;}
.sub_img_box1 > li .img_box {display:flex; justify-content:center; align-items:center; width:100%; height:300px; background:#191919; margin-bottom:20px;}
.sub_img_box1 > li dl dt {font-size:1.125em; line-height:1.5em; font-weight:500;}
.sub_img_box1 > li dl dd {font-size:1em; color:#666; line-height:1.7em; margin-top:5px}

.sub_img_box2 > li {display:flex; justify-content:center; align-items:center; width:100%; margin-bottom:50px;}
.sub_img_box2 > li:nth-child(odd) {flex-direction:row-reverse;}
.sub_img_box2 > li:last-child {margin-bottom:0;}
.sub_img_box2 > li .img_box {width:650px; height:400px; background-repeat:no-repeat; background-position:center center; background-size:cover;}
.sub_img_box2 > li dl {width:calc(100% - 650px); padding-left:70px;}
.sub_img_box2 > li:nth-child(odd) dl {padding-left:0; padding-right:70px;}
.sub_img_box2 > li dl dt {font-size:1.5em; line-height:1.66em; font-family:'twaysky';}
.sub_img_box2 > li dl dt span {color:#e5383b;}
.sub_img_box2 > li dl dd {font-size:1em; color:#666; line-height:1.7em; margin-top:20px;}

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

.sub_img_box4 img {max-width:100%}

@media screen and (max-width:1120px){
	.sub_img_box2 > li .img_box {width:55%;}
	.sub_img_box2 > li dl {width:45%;}

	.sub_img_box3.h_500 {height:50vw;}
}

@media screen and (max-width:1024px){
	.sub_img_box1 > li {width:calc(50% - 5px); margin-right:10px;}
	.sub_img_box1 > li:nth-child(2) ~ li {margin-top:5vw;}
	.sub_img_box1 > li .img_box {height:28vw; margin-bottom:2vw;}
	.sub_img_box1 > li .img_box img {max-width:70%;}
	.sub_img_box1 > li dl dd {margin-top:0;}

	.sub_img_box2 > li {margin-bottom:5vw;}
	.sub_img_box2 > li .img_box {height:350px;}
	.sub_img_box2 > li dl {padding-left:30px;}
	.sub_img_box2 > li:nth-child(odd) dl {padding-right:30px;}
	.sub_img_box2 > li dl dt {font-size:1.25em;}
	.sub_img_box2 > li dl dd {margin-top:1vw;}
}

@media screen and (max-width:1024px){
	.sub_img_box1 > li {width:calc(50% - 2.5px); margin-right:5px;}

	.sub_img_box2 > li {display:block;}
	.sub_img_box2 > li .img_box {width:100%; height:45vw;}
	.sub_img_box2 > li dl {width:100%; padding:0 !important; margin-top:2vw;}
}

@media screen and (max-width:767px){
	.sub_img_box1 > li {float:none; width:60%; margin-right:0;}
	.sub_img_box1 > li:nth-child(1) ~ li {margin-top:5vw;}
}


.sub_list_box1 {display:flex; justify-content:center; align-items:center; flex-wrap:wrap;}
.sub_list_box1 > li {display:flex; justify-content:center; align-items:center; flex-direction:column; width:calc(25% - 12px); height:260px; border:5px solid #e5383b; border-radius:50%; background:#fff; margin-right:16px; text-align:center; position:relative;}
.sub_list_box1 > li:nth-child(4n), .sub_list_box1 > li:last-child {margin-right:0;}
.sub_list_box1 > li:nth-child(4) ~ li {margin-top:30px;}
.sub_list_box1 > li:before {content:''; display:block; width:16px; height:1px; background:#e5383b; position:absolute; right:-21px; top:50%;}
.sub_list_box1 > li:nth-child(4n):before, .sub_list_box1 > li:last-child:before {display:none;}
.sub_list_box1 > li i {font-size:2.18em; color:#666; line-height:1.2em;}
.sub_list_box1 > li dl dt {font-size:1.125em; color:#191919; line-height:1.3em; font-family:'twaysky'; margin-top:20px;}
.sub_list_box1 > li dl dd {font-size:0.875em; color:#666; line-height:1.57em; margin-top:10px; padding:0 15px;}

.sub_list_box2 > li {font-size:0.875em; color:#666; line-height:1.6em; margin-bottom:5px; padding-left:17px; position:relative;}
.sub_list_box2 > li:last-child {margin-bottom:0;}
.sub_list_box2 > li:before {content:'※'; position:absolute; left:0; top:0;}

@media screen and (max-width:1120px){
	.sub_list_box1 > li {height:20.5vw;}
}

@media screen and (max-width:1024px){
	.sub_list_box1 > li {width:calc(25% - 7.5px); margin-right:10px;}
	.sub_list_box1 > li:nth-child(4) ~ li {margin-top:15px;}
	.sub_list_box1 > li i {font-size:1.6em;}
	.sub_list_box1 > li dl dt {margin-top:1vw;}
	.sub_list_box1 > li dl dd {margin-top:0.5vw; padding:0 15px;}
}

@media screen and (max-width:767px){
	.sub_list_box1 > li {width:calc(50% - 5px); height:41.5vw; border-width:3px;}
	.sub_list_box1 > li:nth-child(2) ~ li {margin-top:15px;}
	.sub_list_box1 > li:nth-child(even) {margin-right:0;}
	.sub_list_box1 > li:before {width:10px; right:-13px}
	.sub_list_box1 > li:nth-child(even):before {display:none;}

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

@media screen and (max-width:500px){
	.sub_list_box1 > li {width:60vw; height:60vw; margin-right:0;}
	.sub_list_box1 > li:nth-child(1) ~ li {margin-top:15px;}
	.sub_list_box1 > li:before {width:1px; height:15px; right:50%; top:auto; bottom:-18px;}
	.sub_list_box1 > li:nth-child(even):before, .sub_list_box1 > li:nth-child(4n):before {display:block;}
}


.sub_table_box1 {width:100%;}
.sub_table_box1 thead th {background:#1d1d1b; font-size:1.125em; color:#fff; font-family:'twaysky'; padding:20px 0; border-right:3px solid #fff;}
.sub_table_box1 thead th:last-child {background:#e5383b; border-right:0;}
.sub_table_box1 tbody td {font-size:1em; color:#666; line-height:1.4em; padding:13px 0; background:rgba(102,102,102,0.05); text-align:center; border-right:3px solid #fff; border-top:3px solid #fff;}
.sub_table_box1 tbody tr td:last-child {border-right:0;}
.sub_table_box1 tbody td.fc_02 {font-weight:500;}

@media screen and (max-width:1024px){
	.sub_table_box1 thead th {font-size:1em; padding:10px 0; border-right-width:2px;}
	.sub_table_box1 tbody td {padding:10px 0; border-right-width:2px; border-top-width:2px;}
}




.sStory_case1 {overflow:hidden; position:relative;}
.sStory_case1 strong {display:inline-block; font-size:2.5em; line-height:1.375em; letter-spacing:-0.035em; font-weight:400; font-family:'twaysky'; position:absolute; left:50%; top:80px; margin-left:110px;}
.sStory_case1 strong:before {content:''; display:block; width:125px; height:126px; background:Url(../images/simbol_logo.png) no-repeat center center; background-size:cover; position:absolute; right:-150px; top:-40px;}
.sStory_case1 strong span {color:#e5383b}
.sStory_case1 p {width:calc(50% - 80px); position:absolute; left:0; top:800px;}
.sStory_case1 .img_box {float:left; width:calc(50% - 8px); height:700px; background-repeat:no-repeat; background-position:center center; background-size:cover; margin-right:16px;}
.sStory_case1 .img_box:last-of-type {margin-right:0;}
.sStory_case1 .img_box2 {margin-top:350px;}

.sStory_case2 {display:flex; justify-content:center;}
.sStory_case2 li {display:flex; justify-content:center; align-items:center; flex-direction:column; width:250px; height:250px; border:5px solid #e5383b; border-radius:50%; margin-right:20px;}
.sStory_case2 li:last-child {margin-right:0;}
.sStory_case2 li strong {display:block; font-size:1.875em; color:#e5383b; line-height:1.3em; font-weight:400; letter-spacing:-0.035em; font-family:'twaysky'}
.sStory_case2 li p {font-size:1.125em; color:#191919; line-height:1.4em; font-weight:500; margin-top:5px;}

.sStory_slide {width:536px; margin:0 auto;}
.sStory_slide .swiper-slide {opacity:0.3; transition:opacity 0.4s;}
.sStory_slide .swiper-slide-active {opacity:1;}
.sStory_slide .swiper-slide img {max-width:100%;}


.sBi_case1 {width:100%; overflow:hidden;}
.sBi_case1 > li {float:left; width:calc(25% - 12px); margin-right:16px; text-align:center; font-size:1em; color:#666; line-height:1.6em;}
.sBi_case1 > li:last-child {margin-right:0;}
.sBi_case1 > li:before {content:''; display:block; width:100%; height:50px; margin-bottom:10px;}
.sBi_case1 > li:nth-child(1):before {background:#1d1e1e;}
.sBi_case1 > li:nth-child(2):before {background:#333;}
.sBi_case1 > li:nth-child(3):before {background:#e20613;}
.sBi_case1 > li:nth-child(4):before {background:#ffec00;}


.sInterior_slide {width:100%; position:relative;}
.sInterior_slide .swiper-slide .img_box {width:100%; height:700px; background-repeat:no-repeat; background-position:center center; background-size:cover;}
.sInterior_slide .swiper-button-next, .sInterior_slide .swiper-button-prev {width:50px; height:50px; line-height:50px; background:rgba(25,25,25,0.6); text-align:center; opacity:0; transition:opacity 0.5s}
.sInterior_slide .swiper-button-next {right:0;}
.sInterior_slide .swiper-button-prev {left:0;}
.sInterior_slide .swiper-button-next:after, .sInterior_slide .swiper-button-prev:after {font-size:1em; color:#fff; font-weight:300; font-family:'Font Awesome 5 Pro'}
.sInterior_slide .swiper-button-next:after {content:'\f054'}
.sInterior_slide .swiper-button-prev:after {content:'\f053'}
.sInterior_slide:hover .swiper-button-next, .sInterior_slide:hover .swiper-button-prev {opacity:1;}
.sInterior_slide_thumb_wrap {width:100%; margin-top:30px; overflow:hidden;}
.sInterior_slide_thumb {width:25%;}
.sInterior_slide_thumb .swiper-slide {position:relative; opacity:0.3; transition:opacity 0.5s}
.sInterior_slide_thumb .swiper-slide .img_box {width:100%; height:153px; background-repeat:no-repeat; background-position:center center; background-size:cover;}
.sInterior_slide_thumb .swiper-slide-thumb-active {opacity:1;}
.sInterior_slide_thumb .swiper-slide-thumb-active:before {content:''; display:block; width:100%; height:100%; border:5px solid #e5383b; position:absolute; left:0; top:0;}


.sLocation_case1 > .map {width:100%; height:500px; background:#f7f7f7;}
.sLocation_case1 > .map .root_daum_roughmap .wrap_map {height:100% !important;}
.sLocation_case1 .txt_box {width:100%; overflow:hidden; margin-top:40px;}
.sLocation_case1 .txt_box h3 {float:left; width:calc(100% - 511px); font-size:1.875em; line-height:1.33em; font-weight:400; font-family:'twaysky';}
.sLocation_case1 .txt_box h3 span {color:#e5383b;}
.sLocation_case1 .txt_box ul {float:left; width:511px; border-left:2px solid #191919; padding-left:30px;}
.sLocation_case1 .txt_box ul li {font-size:1em; color:#666; line-height:1.7em; margin-bottom:10px; padding-left:100px; position:relative;}
.sLocation_case1 .txt_box ul li:last-child {margin-bottom:0;}
.sLocation_case1 .txt_box ul li strong {display:block; width:100px; color:#191919; font-weight:500; position:absolute; left:0; top:0;}
.sLocation_case1 .txt_box ul li a {color:#666;}

@media screen and (max-width:1024px){
	.sStory_case1 strong {font-size:2.2em; margin-left:50px; top:50px;}
	.sStory_case1 strong:before {width:100px; height:101px; right:-120px; top:-20px;}
	.sStory_case1 p {width:calc(50% - 30px); top:60vw; margin-top:20px;}
	.sStory_case1 .img_box {width:calc(50% - 5px); height:60vw; margin-right:10px;}
	.sStory_case1 .img_box2 {margin-top:250px;}

	.sStory_case2 li {width:25vw; height:25vw; margin-right:1%;}
	.sStory_case2 li strong {font-size:1.5em;}
	.sStory_case2 li p {font-size:1em; margin-top:0;}

	.sStory_slide {width:80%; max-width:536px;}


	.sBi_case1 > li {width:calc(25% - 7.5px); margin-right:10px;}
	.sBi_case1 > li:before {margin-bottom:5px;}

	.sInterior_slide .swiper-slide .img_box {height:53vw;}
	.sInterior_slide .swiper-button-next, .sInterior_slide .swiper-button-prev {width:40px; height:40px; line-height:40px;}
	.sInterior_slide .swiper-button-next:after, .sInterior_slide .swiper-button-prev:after {font-size:0.93em;}
	.sInterior_slide_thumb_wrap {margin-top:3%;}
	.sInterior_slide_thumb .swiper-slide .img_box {height:13vw;}


	.sLocation_case1 > .map {height:370px;}
	.sLocation_case1 .txt_box {margin-top:5%;}
	.sLocation_case1 .txt_box h3 {width:270px; font-size:1.5em;}
	.sLocation_case1 .txt_box ul {width:calc(100% - 270px); padding-left:20px;}
	.sLocation_case1 .txt_box ul li {padding-left:70px;}
	.sLocation_case1 .txt_box ul li strong {width:70px;}
}

@media screen and (max-width:767px){
	.sStory_case1 strong {position:relative; left:0; top:0; margin-left:0; margin-bottom:2%; padding-top:15px;}
	.sStory_case1 strong:before {display:none; width:80px; height:81px; top:0; right:-100px;}
	.sStory_case1 p {width:100%; position:relative; top:0; margin:3vw 0;}
	.sStory_case1 .img_box {float:none; width:100%; height:100vw;}
	.sStory_case1 .img_box2 {margin-top:0;}

	.sStory_case2_wrap {width:100%; overflow-x:scroll; -ms-overflow-style: none; scrollbar-width: none;}
	.sStory_case2_wrap::-webkit-scrollbar {display:none;}
	.sStory_case2 {flex-wrap:wrap; width:calc(120vw + 20px); max-width:620px;}
	.sStory_case2 li {width:40vw; height:40vw; max-width:200px; max-height:200px; border-width:3px; margin-right:10px;}

	.sBi_case1 > li {width:calc(50% - 2.5px); margin-right:5px;}
	.sBi_case1 > li:nth-child(even) {margin-right:0;}
	.sBi_case1 > li:nth-child(2) ~ li {margin-top:5vw;}


	.sLocation_case1 .map {height:230px;}
	.sLocation_case1 .txt_box h3 {float:none; width:100%;}
	.sLocation_case1 .txt_box ul {float:none; width:100%; border-left:0; padding-left:0; margin-top:2%;}
	.sLocation_case1 .txt_box ul li {margin-bottom:5px;}
}


.sMenu_slide {width:100%; position:relative; padding-bottom:78px;}
.sMenu_slide .swiper-slide {opacity:0.3; transition:opacity 0.4s}
.sMenu_slide .swiper-slide dl {visibility:hidden;}
.sMenu_slide .swiper-slide-active {opacity:1;}
.sMenu_slide .swiper-slide-active dl {visibility:visible;}
.sMenu_slide .swiper-slide img {width:100%;}
.sMenu_slide .swiper-slide dl {display:flex; justify-content:center; align-items:flex-start; margin-top:50px;}
.sMenu_slide .swiper-slide dl dt {font-size:2em; line-height:1.3em; font-family:'twaysky'; margin:0 30px 0 0; text-align:center;}
.sMenu_slide .swiper-slide dl dt span {font-size:0.67em; font-weight:500; font-family:'Noto Sans KR'}
.sMenu_slide .swiper-slide dl dd {font-size:1em; color:#666; line-height:1.7em;}
.sMenu_slide .swiper-button-next, .sMenu_slide .swiper-button-prev {width:70px; height:70px; line-height:64px; border:3px solid #e5383b; border-radius:50%; background:#fff; text-align:center; top:350px; transition:background 0.4s;}
.sMenu_slide .swiper-button-next {right:-35px;}
.sMenu_slide .swiper-button-prev {left:-35px;}
.sMenu_slide .swiper-button-next:after, .sMenu_slide .swiper-button-prev:after {font-size:1.125em; color:#e5383b; font-weight:300; font-family:'Font Awesome 5 Pro'; transition:color 0.4s;}
.sMenu_slide .swiper-button-next:after {content:'\f054'}
.sMenu_slide .swiper-button-prev:after {content:'\f053'}
.sMenu_slide .swiper-button-next:hover, .sMenu_slide .swiper-button-prev:hover {background:#e5383b;}
.sMenu_slide .swiper-button-next:hover:after, .sMenu_slide .swiper-button-prev:hover:after {color:#fff;}
.sMenu_slide .swiper-pagination {bottom:0 !important;}
.sMenu_slide .swiper-pagination-bullet {width:8px; height:8px; background:#666; opacity:0.3; border-radius:4px;}
.sMenu_slide .swiper-pagination-bullet-active {width:25px; background:#e5383b; opacity:1;}

@media screen and (max-width:1120px){
	.sMenu_slide .swiper-button-next, .sMenu_slide .swiper-button-prev {top:37%;}
}

@media screen and (max-width:1024px){
	.sMenu_slide .swiper-button-next, .sMenu_slide .swiper-button-prev {width:60px; height:60px; line-height:54px;}
	.sMenu_slide .swiper-button-next {right:-30px;}
	.sMenu_slide .swiper-button-prev {left:-30px;}
	.sMenu_slide .swiper-slide dl {margin-top:30px;}
}

@media screen and (max-width:767px){
	.sMenu_slide {padding-bottom:40px}
	.sMenu_slide .swiper-slide dl {display:block; text-align:center;}
	.sMenu_slide .swiper-slide dl dt {font-size:1.6em; margin-right:0;}
	.sMenu_slide .swiper-button-next, .sMenu_slide .swiper-button-prev {display:none;}
	.sMenu_slide .swiper-pagination-bullet {width:6px; height:6px; border-radius:3px; margin:0 2px;}
	.sMenu_slide .swiper-pagination-bullet-active {width:15px;}
}

.competitiveness_slide {width:100%; position:relative; padding-bottom:78px;}
.competitiveness_slide .swiper-slide {width:100%; background:#333; padding:40px 44px 90px;}
.competitiveness_slide .swiper-slide .img_box {position:relative;}
.competitiveness_slide .swiper-slide .img_box img {max-width:100%;}
.competitiveness_slide .swiper-slide .img_box .number {display:flex; justify-content:center; align-items:center; flex-direction:column; width:180px; height:180px; background:#e5383b; border-radius:50%; font-size:1.125em; color:#fff; font-weight:500; position:absolute; left:30px; bottom:-90px;  text-align:center;}
.competitiveness_slide .swiper-slide .img_box .number span {display:block; font-size:2.77em; font-weight:400; line-height:1.2em; font-family:'twaysky'; margin-top:10px;}
.competitiveness_slide .swiper-slide .txt_box {padding:80px 0 0 240px}
.competitiveness_slide .swiper-slide .txt_box dl dt {font-size:3.125em; color:#fff; line-height:1.4em; font-family:'twaysky';}
.competitiveness_slide .swiper-slide .txt_box dl dd {font-size:1.5em ;color:#fff; line-height:1.66em; font-weight:300; margin-top:20px;}
.competitiveness_slide .swiper-button-next, .competitiveness_slide .swiper-button-prev {width:70px; height:70px; line-height:64px; border:3px solid #e5383b; border-radius:50%; transition:background 0.4s}
.competitiveness_slide .swiper-button-next {right:-140px;}
.competitiveness_slide .swiper-button-prev {left:-140px;}
.competitiveness_slide .swiper-button-next:after, .competitiveness_slide .swiper-button-prev:after {font-size:1.125em; color:#e5383b; font-weight:300; font-family:'Font Awesome 5 Pro'; transition:color 0.4s}
.competitiveness_slide .swiper-button-next:after {content:'\f054';}
.competitiveness_slide .swiper-button-prev:after {content:'\f053';}
.competitiveness_slide .swiper-button-next:hover, .competitiveness_slide .swiper-button-prev:hover {background:#e5383b;}
.competitiveness_slide .swiper-button-next:hover:after, .competitiveness_slide .swiper-button-prev:hover:after {color:#fff;}
.competitiveness_slide .swiper-pagination {bottom:0 !important;}
.competitiveness_slide .swiper-pagination-bullet {width:8px; height:8px; background:#666; opacity:0.3; border-radius:4px;}
.competitiveness_slide .swiper-pagination-bullet-active {width:25px; background:#e5383b; opacity:1;}

@media screen and (max-width:1024px){
	.competitiveness_slide .swiper-slide {padding:30px 30px 50px;}
	.competitiveness_slide .swiper-slide .img_box .number {width:150px; height:150px; bottom:-75px;}
	.competitiveness_slide .swiper-slide .img_box .number span {font-size:2em;}
	.competitiveness_slide .swiper-slide .txt_box {padding:70px 0 0 170px;}
	.competitiveness_slide .swiper-slide .txt_box dl dt {font-size:2.6em;}
	.competitiveness_slide .swiper-slide .txt_box dl dd {font-size:1.25em; margin-top:10px}
}

@media screen and (max-width:767px){
	.competitiveness_slide {padding-bottom:30px;}
	.competitiveness_slide .swiper-slide {padding:20px 20px 30px;}
	.competitiveness_slide .swiper-slide .img_box .number {width:70px; height:70px; left:auto; bottom:auto; top:10px; right:10px; font-size:1em;}
	.competitiveness_slide .swiper-slide .img_box .number span {font-size:1.3em; margin-top:5px;}
	.competitiveness_slide .swiper-slide .txt_box {padding:25px 0 0 0;}
	.competitiveness_slide .swiper-slide .txt_box dl dt {font-size:1.7em;}
	.competitiveness_slide .swiper-slide .txt_box dl dd {font-size:1em; margin-top:5px;}
	.competitiveness_slide .swiper-pagination-bullet {width:6px; height:6px; border-radius:3px;}
	.competitiveness_slide .swiper-pagination-bullet-active {width:20px;}
}


.sAdvice_case1 .form_box {margin-top:70px;}
.sAdvice_case1 .form_box ul {width:100%; overflow:hidden;}
.sAdvice_case1 .form_box ul li {float:left; width:calc(50% - 8px); margin-right:16px; margin-bottom:20px;}
.sAdvice_case1 .form_box ul li.w_100 {width:100%;}
.sAdvice_case1 .form_box ul li:nth-child(even), .sAdvice_case1 .form_box ul li:last-child {margin-right:0;}
.sAdvice_case1 .form_box ul li label {display:block; font-size:1em; line-height:1.6em; font-weight:500; margin-bottom:10px;}
.sAdvice_case1 .form_box ul li input.form_txt, .sAdvice_case1 .form_box ul li textarea {width:100%; border:1px solid #d4d4d4; border-radius:5px; font-size:1em; font-family:'Noto Sans KR'}
.sAdvice_case1 .form_box ul li input.form_txt:focus, .sAdvice_case1 .form_box ul li textarea:focus {border:3px solid #e5383b; outline:none;}
.sAdvice_case1 .form_box ul li input.form_txt::placeholder, .sAdvice_case1 .form_box ul li textarea::placeholder {color:#a4a4a4;}
.sAdvice_case1 .form_box ul li input.form_txt::-webkit-input-placeholder, .sAdvice_case1 .form_box ul li textarea::-webkit-input-placeholder {color:#a4a4a4;}
.sAdvice_case1 .form_box ul li input.form_txt:-ms-input-placeholder, .sAdvice_case1 .form_box ul li textarea:-ms-input-placeholder {color:#a4a4a4;}
.sAdvice_case1 .form_box ul li input.form_txt {height:60px; padding:0 30px;}
.sAdvice_case1 .form_box ul li textarea {height:200px; padding:20px 30px; resize:none;}
.sAdvice_case1 .form_box ul li div label {display:inline-block; line-height:50px; margin-right:30px;}
.sAdvice_case1 .form_box ul li .price {overflow:hidden;}
.sAdvice_case1 .form_box ul li .price input.form_txt {float:left; width:300px;}
.sAdvice_case1 .form_box ul li .price p {float:left; width:calc(100% - 300px); padding-left:15px; font-size:1em; line-height:60px; font-weight:500;}
.sAdvice_case1 .btn_box {margin-top:50px;}
.sAdvice_case1 .btn_box .jokbal_btn {margin:0 auto;}

@media screen and (max-width:1120px){
	.sAdvice_case1 .form_box ul li .price input.form_txt {width:calc(100% - 150px)}
	.sAdvice_case1 .form_box ul li .price p {width:150px}
}

@media screen and (max-width:1024px){
	.sAdvice_case1 .form_box {margin-top:7%}
	.sAdvice_case1 .form_box ul li {width:calc(50% - 5px); margin-right:10px; margin-bottom:15px;}
	.sAdvice_case1 .form_box ul li input.form_txt {height:50px; padding:0 20px;}
	.sAdvice_case1 .form_box ul li textarea {height:150px; padding:20px;}
	.sAdvice_case1 .form_box ul li div label {margin-right:20px;}
	.sAdvice_case1 .form_box ul li .price p {line-height:50px;}
}

@media screen and (max-width:767px){
	.sAdvice_case1 .form_box ul li {width:calc(50% - 2.5px); margin-right:5px;}
	.sAdvice_case1 .form_box ul li label {margin-bottom:5px;}
	.sAdvice_case1 .form_box ul li input.form_txt {height:40px; padding:0 10px;}
	.sAdvice_case1 .form_box ul li textarea {height:100px; padding:10px;}
	.sAdvice_case1 .form_box ul li input.form_txt:focus, .sAdvice_case1 .form_box ul li textarea:focus {border-width:2px;}
	.sAdvice_case1 .form_box ul li div label {margin-right:15px;}
	.sAdvice_case1 .form_box ul li .price input.form_txt {width:calc(100% - 100px)}
	.sAdvice_case1 .form_box ul li .price p {width:100px; padding-left:5px; line-height:40px;}
}


.sCost_case1 {position:relative; overflow:hidden;}
.sCost_case1 .img_box {width:calc(50% - 8px); height:100%; background-repeat:no-repeat; background-position:center center; background-size:cover; position:absolute; left:0; top:0}
.sCost_case1 .txt_box {float:right; width:50%; padding-left:8px;}
.sCost_case1 .txt_box table {width:100%;}
.sCost_case1 .txt_box table thead th {background:#1d1d1b; padding:17px 0; font-size:1.125em; color:#fff; font-weight:500;}
.sCost_case1 .txt_box table thead th:first-child {border-right:3px solid #fff}
.sCost_case1 .txt_box table tbody th, .sCost_case1 .txt_box table tbody td {font-size:1em; line-height:1.7em; font-weight:500; text-align:center; border-top:3px solid #fff; padding:13px 0; background:rgba(102,102,102,0.05)}
.sCost_case1 .txt_box table tbody th {color:#666; font-weight:400; border-right:3px solid #fff}
.sCost_case1 .txt_box table tbody .txt {background:none; padding:30px 18px; text-align:left; border-bottom:1px solid #d4d4d4;}
.sCost_case1 .txt_box table tbody .txt p {font-size:0.875em; color:#666; line-height:1.7em; font-weight:400;}
.sCost_case1 .txt_box table tbody .txt p.t1 {padding-left:55px; position:relative;}
.sCost_case1 .txt_box table tbody .txt p.t1 span {position:absolute; left:0; top:0;}
.sCost_case1 .txt_box table tfoot td {background:#e5383b; font-size:1.125em; color:#fff; font-weight:500; padding:12px 0; text-align:center; border-top:20px solid #fff}
.sCost_case1 .txt_box .list {margin-top:30px;}
.sCost_case1 .txt_box .list li {font-size:0.875em; color:#a4a4a4; line-height:1.5em; margin-bottom:3px; padding-left:16px; position:relative;}
.sCost_case1 .txt_box .list li:last-child {margin-bottom:0;}
.sCost_case1 .txt_box .list li:before {content:'※'; position:absolute; left:0; top:0;}

@media screen and (max-width:1024px){
	.sCost_case1 .img_box {width:calc(50% - 5px)}
	.sCost_case1 .txt_box {padding-left:5px;}
	.sCost_case1 .txt_box table thead th {font-size:1em; padding:13px 0;}
	.sCost_case1 .txt_box table tbody th, .sCost_case1 .txt_box table tbody td {font-size:0.93em; padding:10px 0;}
	.sCost_case1 .txt_box table tbody .txt {padding:15px 7px;}
	.sCost_case1 .txt_box table tbody .txt p.t1 {padding-left:45px;}
	.sCost_case1 .txt_box table tfoot td {padding:10px 0; border-top-width:10px;}
	.sCost_case1 .txt_box .list {margin-top:3%;}
}

@media screen and (max-width:767px){
	.sCost_case1 .img_box {width:100%; height:65vw; position:relative;}
	.sCost_case1 .txt_box {float:none; width:100%; padding-left:0; margin-top:1%;}
}

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