@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
/* @import url('https://webfontworld.github.io/NanumSquareNeo/NanumSquareNeo.css'); */
@import url('./NanumSquareNeo.css');

.logo_mobile a{ position: absolute; left:20px; top:35px; display:block; width:78px; height:82px;}
.logo_mobile a i { 
	display: block; width:100%; height:100%;
	background: url(../images/main/logo-old-d.svg) no-repeat center / 100%;
}

.allMenuWrap { 
	position: fixed; left:0; top:0; width:100%; height:100vh;
	background:#fff;
	/* display: none; */
	z-index:999990;
	opacity: 0;
	z-index:-10;
	transition: all 0.3s ease-out;
}
/* .allMenuWrap.on { display: block;} */
.allMenuWrap section {
	display: block; 
}

.stNav { width:100%; padding-top:150px;}
.stNav article { position: relative;}
.stNav article h2 { position: relative; text-align: center;}
.stNav article h2 a { font-size:18px; font-weight:800; color:#000; line-height: 1; position: relative; z-index:2; display: block; padding:20px 0; text-align: center;}
.stNav article h2 a.on { color:#182987;}
.stNav article h2 a::after { content:""; display: block; width:10px; height:1px; background:#182987; position: absolute; bottom:0; left:50%; transform: translateX(-50%);}
.stNav article h2 a.on::after { display: none; }
.stNav article ul { background:#182987; padding:10px 0; display: none;}
.stNav article ul li a { font-size:15px; font-weight:300; color:rgba(255,255,255,1); line-height: 1; display: block; padding:15px 0; text-align: center;}



.header-util-box { transition: all 1s ease-out; }
.header-util-box.on { z-index:11111; position: absolute; right:20px; top:60px;  }
.header-util-box.on .header-lang03 { margin-top:-3px; margin:0; margin-left:70px !important; width:58px; }


.header-util-box .sitemap-line-btn{width:58px !important; height:32px; display:flex; flex-direction:column; justify-content: center; align-items: flex-end; box-sizing:border-box;}
.header-util-box .sitemap-line-btn .line{display:block; width:58px !important; height:4px; background-color:#fff; margin: 4px 0; transition:var(--transition-custom);}
.header-util-box .sitemap-line-btn .line.line2{width:30px !important;}

.header-util-box.on .sitemap-line-btn .line,
.header-util-box.on .sitemap-line-btn .line.line2{background-color:#182987; width:50px !important; }

.header-util-box.on .header-lang03 .lang-open-btn svg path{ stroke:#182987;}
.header-util-box.on .header-lang03 .lang-open-btn:hover svg path { stroke:#fff; }



.mv { height:100%; overflow: hidden; position: absolute; left:0; top:0; width:100%; }
video#videobcg {
	position: absolute; right: 0; bottom: 0;
	min-width: 100%; min-height: 100%;
	width: auto; height: auto; z-index: 3;
	/*  background: url(../images/main/mVisual.jpg) no-repeat; */
	background-size: cover;
	overflow:hidden;
}


.shadow {
	position: absolute;
	left:0; top:0;
	width:100%; height:100%;
	background:rgba(14,13,41,.72);
	z-index:4;
}

.logo { width:78px; height:82px; margin-top:35px;}

.mainVisual { position: relative; width:100%; height:100vh; }
.mv1 {
	background:url(../images/main/mv1.jpg) no-repeat center / cover;
	width:100%; height:100vh; 
	display: flex;
	justify-content: center;
	align-items: center;
}

.mvBox { position: relative; z-index: 10; margin-bottom: 0;}
.mvBox div { 
	position: relative; 
	/* opacity: 0;  */
	font-size:60px; font-weight:900; 
	-webkit-text-stroke: 1px rgba(255,255,255,0.8); 
	color:#fff;
	color:transparent ;
	letter-spacing: -1px;
	opacity: 0;
	perspective: 200px;
	text-align: center;
	line-height:1.1;
}

  .mvBox div span {
	transform: rotateY(-90deg);
	opacity: 0;
  }



.mvBox p { 
	display: flex; justify-content: center; margin-top:20px; position: relative; 
}
.mvBox p em { 
	font-size:22px; font-weight:200; color:#fff; margin-right:5px;
	opacity: 0;
	perspective: 200px;
	display:block; text-align: center;
	line-height:1.6;
}
.mvBox p strong { 
	font-size:22px; font-weight:700; color:#fff;
		opacity: 0;
	perspective: 200px;
	position: relative;
	left:-20px;
}

.mvBox p em span {
	transform: rotateY(-90deg);
	opacity: 0;
}


.headerInnerWrap { top:0 !important; margin-top:-10px !important}

.line1 { position: relative; transition: all 0.5s ease-out; top:0;}
.line2 { position: relative; transition: all 0.5s ease-out; top:0;}

/*
.sitemap-line-btn:hover .line2 { width:100% !important;}
.cm-sitemap-open-btn.active {}
.cm-sitemap-open-btn.active .line1 { left:20px;}
.cm-sitemap-open-btn.active .line2 { right:20px;}
*/

.section1_inner { position: relative;}
.partnership {
	position: absolute; bottom: 8%; left: 50%; margin-left: 36rem; width: 14rem; 
	z-index: 100;
}
.partnership a { 
	display: block; 
	border-radius: 10px;
	border:3px solid #182987;
	background: rgba(255,255,255,0.13);
	padding:22px 20px;
	width:240px;
	height:147px;
	box-sizing: border-box;
	position: relative;
	transition: all 0.3s ease-out;
}
.partnership a h2 {
	font-size:14px; font-weight:800; color:#fff; margin-bottom:8px;
}
.partnership a p { font-size:13px; line-height: 1.2; color:#fff; font-weight:300; }
.partnership a i { 
	display: block;
	width:28px; height:30px;
	background: url(../images/main/arrow-w.svg) no-repeat center / 100%;
	position: absolute; right: 10px; bottom:10px;
}
.partnership span { display: block; letter-spacing: 0.3px;}

.partnership a:hover { background:#182987; border:3px solid #182987;}


.mySwiper2 {
	height: 100%;
	width: 100%;
	margin:0 auto;
	position: relative;
	z-index:10;
}

.mySwiper2 .swiper-slide {
	height:100%;
} 

.mySwiper {
	height: 35px;
	position: absolute;
	left:50%; bottom:50px;
	z-index: 11;
	text-align: center;
	width:100%;
	box-sizing: border-box;
	margin-left:-100px;
	width:200px
}

.mySwiper .swiper-slide {
	opacity: 1;
	height:35px;
	width:35px !important;
	box-sizing: border-box;
	position: relative;
	border-radius:30px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	margin:0 15px !important;
	background:var(--white-color);	
	color:var(--main-color);
	font-size:16px;
	padding:0 !important; 
	cursor: pointer;
	font-weight:800;
}
.mySwiper .swiper-slide.swiper-slide-thumb-active {
	color:var(--white-color);
	background:var(--main-color);
}

.mySwiper2 .mvtPrev  { 
	position:absolute; left: 50%; top:auto; bottom: 32px; margin-left:-810px;
	width:31px; height:59px;
	background:url(../images/icon/i_sub_prev.png) no-repeat 
}
.mySwiper2 .mvtNext  {
	position:absolute; left: 50%; top:auto; bottom: 32px; margin-left:775px;
	width:31px; height:59px;
	background:url(../images/icon/i_sub_next.png) no-repeat 
}

.mySwiper2 .swiper-button-prev.mvtPrev::before,
.mySwiper2 .swiper-button-prev.mvtPrev::after,
.mySwiper2 .swiper-button-next.mvtNext::before,
.mySwiper2 .swiper-button-next.mvtNext::after { display:none; }






.gallerWrap { overflow: hidden; }
.gaThumDiv { width:100%; height:730px; align-items: center; transition: all 1s ease-out;}
.gaThumDiv1 { background:#dfe1fa url(../images/main/section1_bg_m1.png) no-repeat center top / contain; }
.gaThumDiv2 { background:#cde9d8 url(../images/main/section1_bg_m2.png) no-repeat center top / contain; }
.gaThumDiv3 { background:#f2dedf url(../images/main/section1_bg_m3.png) no-repeat center top / contain; }
.gaThumDiv section { 
	position: relative; width: 100%; margin:0 auto; 
	display: flex; flex-direction: column;
	justify-content: center;
	padding-top:280px;
}

.brandBox { padding-bottom:30px; }
.brandBox h2 { 
	font-size:50px; font-weight:900; 
	text-align: center;
	color:var(--main-color); 
	font-family: var(--font-family2);
	text-transform: uppercase;
	transition: all 0.2s ease-out;
	opacity: 0;
	position: relative;
	top:25px;
	padding:0 35px;
}
.brandBox div { display: flex; margin:30px 0 12px; align-items: center; width:100%; position: relative; flex-direction: column; }
.brandBox div em { 
	font-size:19px; font-weight:800; color:var(--main-color); 
	line-height:1.6;
	transition: all 0.2s ease-out;
	opacity: 0;
	position: relative;
	top:25px;
}
.brandBox div strong { 
	font-size:19px;  font-weight:800;  color:var(--red-color); 
	line-height:1.6;
	transition: all 0.2s ease-out;
	opacity: 0;
	position: relative;
	top:25px;
}
.brandBox div i { 
	height:1px; flex:1; margin-left:2rem; background:var(--main-color); display: block; width:100%; 
	transition: all 0.5s ease-out;
	opacity: 0;
	position: relative;
	flex:0;

}
.brandBox p { margin-top:5px; text-align: center; padding:0 35px;}
.brandBox p span { 
	font-size:15px; color:var(--black-color); display: inline; line-height:1.8; font-weight:500; 
	transition: all 0.2s ease-out;
	opacity: 0;
	position: relative;
	top:25px;
}
.brandBox p span strong { font-weight:500; }
.brandBox p span em { font-weight:800;}




/* main product */
.section2 { 
	background:var(--main-color);
	background:#eee;
	/* background:#182987; */
	width:100%; 
	position: relative;
	overflow: hidden;
	opacity: 0;
	opacity: 1;
	transition: all 0.5s ease-out;
}

.section2.on {
	opacity: 1;
}

.proTitle {
	position: relative;
	z-index:101;
	opacity:0;
	padding:10vh 35px 0;
	height:40vh;
	box-sizing: border-box;
}
.proTitle h2 {
	font-size:12px; 
	font-weight:500;
	color:#cfcfcf;
	width:100%;
	
}
.proTitle p { padding:30px 0 0;}
.proTitle p span { 
	display: block; 
	font-size:32px; font-weight:800;
	color:#fff;
	line-height:1.5
}






.proBtnList { 
	position: absolute; right:30px; top:55vh; 
	z-index:101;
}
.proBtnList li { position: relative; margin:40px 0; opacity:0;}
.proBtnList li div { text-align: right; padding-right:16px; display: flex; flex-direction: column; justify-content: center; align-items: flex-end;}
.proBtnList li div em { display: flex; align-items: center; font-size:13px; font-weight:700; color:var(--white-color); line-height: 1; text-shadow: -2px 4px 7px rgba(0,0,0,0.4);}
.proBtnList li div strong {  font-size:23px; font-weight:700; color:var(--white-color);  line-height: 1;}
.proBtnList li div::after { content:""; position: absolute; top:50%; transform: translateY(-50%); right:0; height:25px; width:3px; background: #979797;}

.proBtnList li.proComLink div + a { opacity: 0; position: absolute; right:0; top:-20px; transition: all 0.4s ease-out; border-radius:40px; 	box-shadow: 5px 10px 30px rgba(0,0,0,0.2); }
.proBtnList li.proComLink:hover div { opacity: 0; position: relative; z-index: 1;}
.proBtnList li.proComLink:hover div + a { 
	opacity: 1; width:200px; height:46px; border:1px solid #182987; 
	display: flex; align-items: space-between; z-index:10; background:#fff; padding:0 23px 0 22px; 
	align-items: center; box-sizing: border-box;
}
.proBtnList li:nth-child(1):hover div + a { width:200px !important; }
.proBtnList li:nth-child(2):hover div + a { width:200px !important; }
.proBtnList li:nth-child(3):hover div + a { width:200px !important; }


.proBtnList li.proComLink:hover div + a strong { font-size:14px; font-weight:800; margin-right:10px; color:#182987; }
.proBtnList li.proComLink:hover div + a em { font-size:16px; font-weight:800; margin-right:40px; color:#cd0431;}
.proBtnList li.proComLink:hover div + a i { 
	display: block;
	width:21px; height:14px;
	background:url(../images/main/i_ov_right.svg) no-repeat center / 100%;
	position: absolute;
	right:20px;
	top:50%;
	margin-top:-7px;
}


.proBtnList li:nth-child(1) { left:-30px; }
.proBtnList li:nth-child(2) { left:-70px; }
.proBtnList li:nth-child(3) { left:-110px; }
.proBtnList li:nth-child(4) { left:-150px; }



.paWrapBox { position: relative; height:375px; overflow: hidden;}

.circleP {
	width:245px;
	height:245px;
	border-radius:330px;
	background:rgba(255,255,255,0.05);
	position: absolute;
	left:50%; top:50%;
	transform: translate(-50%,-50%);	
}
.paMainBox {
	display: flex;
	justify-content: center;
	align-items: center;
	opacity: 1;
}


.logo_pro {
	display: block;
	width:115px; height:40px;
	background: url(../images/main/logo-old-e.svg) no-repeat center / 100%;
	transform: scale(1.8);
	position: relative;
	z-index:10;
}

.one {
	position: absolute;
	left:0;
	top:0;
	display: flex;
	justify-content: center;
	align-items: center;
	width:245px;
	height:245px;
	border-radius:330px;
	z-index:3;
	transition: all 0.5s ease-out;
	background-color:rgba(255,255,255,1);
}
.one.on {
	transform: scale(5);
}

.two {
	position: absolute;
	background-color: #fff;
	left:0;
	top:0;
	display: flex;
	justify-content: center;
	align-items: center;
	width:245px;
	height:245px;
	border-radius:330px;
	opacity: 1;
	z-index:1;
	transform: scale(0);
}




.proAnimation { opacity:0; position: absolute; left:50%; top:50%; transform: translate(-50%,-50%); width:100%; height:100%;}
.paLeft {
	position: absolute;
	left:0;
	top:50%;
	transform: translate(-75%,-50%);

}
.paRight {
	position: absolute;
	left:auto;
	right:0;
	top:50%;
	transform: translate(75%,-50%);
}
.paTop {
	position: absolute;
	left:50%;
	top:0;
	transform: translate(-50%,-75%);
}
.paBottom {
	position: absolute;
	left:50%;
	top:auto;
	bottom:0;
	transform: translate(-50%,75%);
}


.proLeftImg {
	display: block;
	width:248px;
	height:248px;
	border-radius: 333px;
	overflow: hidden;
	background: url(../images/main/section4_img_left.jpg) no-repeat center / 100%;

	position: absolute;
	left:50%;
	top:50%;
	transform: translate(-50%,-50%);
	z-index:10;
	opacity: 0;
}
.proRightImg {
	display: block;
	width:248px;
	height:248px;
	border-radius: 333px;
	overflow: hidden;
	background: url(../images/main/section4_img_right.jpg) no-repeat center / 100%;

	position: absolute;
	left:50%;
	top:50%;
	transform: translate(-50%,-50%);
	z-index:10;
	opacity: 0;
}

.proTopImg {
	display: block;
	width:248px;
	height:248px;
	border-radius: 333px;
	overflow: hidden;
	background: url(../images/main/section4_img_top.jpg) no-repeat center / 100%;
	position: absolute;
	left:50%;
	top:50%;
	transform: translate(-50%,-50%);
	z-index:10;
	opacity: 0;
}

.proBottomImg {
	display: block;
	width:248px;
	height:248px;
	border-radius: 333px;
	overflow: hidden;
	background: url(../images/main/section4_img1.jpg) no-repeat center / 100%;

	position: absolute;
	left:50%;
	top:50%;
	transform: translate(-50%,-50%);
	z-index:10;
	opacity: 0;
}



.section3 { position: relative; height: 740px; overflow: hidden; padding:12vh 35px 0;} 
.tNumBox { position: relative;  z-index:100; display: flex; justify-content: space-between;}
.tNumBox li { padding:14px 0; width:77px; position: relative; text-align: center;}
.tNumBox li strong { font-size:30px; font-weight:900; color:#cfcfcf; }

.tNumBox li.tNum1 i { 
	position: absolute; left:0; top:0; height:5px; width:100%; 
	background-color: var(--red-color);
	display: block;
	z-index:2;
 }
 .tNumBox li.tNum1 strong { font-weight:900; color:var(--main-color)}

 .tNumBox li.tNum2 i { 
	position: absolute; left:0; top:0; height:5px; width:0; 
	background-color: var(--red-color);
	display: block;
	z-index:2;
 }

 .tNumBox li.tNum3 i { 
	position: absolute; left:0; top:0; height:5px; width:0; 
	background-color: var(--red-color);
	display: block;
	z-index:2;
 }

 .tNumBox li span {
	position: absolute; left:0; top:1px; height:1px; width:0; 
	background-color: #cfcfcf;
	display: block;
	z-index:1;
 }

 .tNumBox li.tNum1 span {
	width:100%;
 }

 .tNumBox li.tNum2 span {
	width:100%;
 }

 .tNumBox li.tNum3 span {
	width:100%;
 }






.scBox3 {
	position: absolute; left:0; top:0; height:100%;	
	width:100%; 
}

.sr2_thum { position: absolute; left:50%; transform: translateX(-50%); width:100%; height:100%; z-index:100; }

.sr2_thum1 {  top:24vh; }
.sr2_thum2 { top:34vh; opacity: 0;}
.sr2_thum3 {  top:34vh; opacity:0;}

.sr2_thum_img1 {
	position: absolute; right: 0;
	bottom: 0;
	background:url(../images/main/section2_bg_m1.png) no-repeat center bottom / cover;
	z-index:1;
	width:100%; height:100%;
}

.sr2_thum_img2 {
	position: absolute; right: 0;
	bottom: 0;
	background:url(../images/main/section2_bg_m2.png) no-repeat center bottom / cover;
	z-index:1;
	width:100%; height:100%;
	opacity: 0;
}
.sr2_thum_img3 {
	position: absolute; right: 0;
	bottom: 0;
	background:url(../images/main/section2_bg_m3.png) no-repeat center bottom / cover;
	z-index:1;
	width:100%; height:100%;
	opacity: 0;
}



.sr2_thum > em { font-size:16px; color:var(--main-color); font-weight:400; display: block; padding:0 35px;}
.sr2_thum > p { padding:13px 35px 50px; }
.sr2_thum > p span { display: block; font-size:30px; font-weight:800; color:var(--main-color); line-height:1.4;}
.sr2_thum > p span strong { font-size:30px; font-weight:800; color:var(--red-color); line-height:1.4;}

.sr2_thum article { position: relative; padding-left:97px;}
.sr2_thum article div { display: block;}
.sr2_thum article div span { 
	display: flex; font-size:16px; color:var(--main-color); margin-top:14px;
	border-radius:30px; height:37px;
	align-items: center;
	justify-content: center;
	border:1px solid var(--main-color);
}
.sr2_thum article div span em {  font-size:16px; color:var(--main-color); font-weight:700; display: block; }

.sr2_thum article p { padding:20px 35px 0 0; flex:1; }
.sr2_thum article p span { font-size:14px; color:var(--black-color); font-weight:600; display: inline; line-height:1.8;}
.sr2_thum article p span strong { font-size:14px; color:var(--black-color); font-weight:900; display: inline;}



.sr2_thum1 article div span { width:116px;}
.sr2_thum2 article div span { width:116px;}
.sr2_thum3 article div span { width:170px;}


.sr2_icon1 {
	position: absolute;
	left:35px; top:0;
	display: inline-block;
	width:47px; height:41px;
	background: url(../images/main/section2_icon1.svg) no-repeat center / 100%;
}
.sr2_icon2 {
	position: absolute;
	left:35px; top:0;
	display: inline-block;
	width:41px; height:41px;
	background: url(../images/main/section2_icon2.svg) no-repeat center / 100%;
}
.sr2_icon3 {
	position: absolute;
	left:35px; top:0;
	display: inline-block;
	width:34px; height:38px;
	background: url(../images/main/section2_icon3.svg) no-repeat center / 100%;
}



.section4 { display: flex; justify-content: space-between; background-color: #e44141; padding:70px 0}
.section4 article { flex:0 0 calc(33.333333%);  position: relative; transition: all .0.7s ease-out; }
.section4 article::before { 
	content:""; position: absolute; left:0; top:0; width:1px; height:90%; background:rgba(255,255,255,0.5); 
	display: block;
}
.section4 article a { display: block;}
.section4 article a .s4_img { 
	display: flex; justify-content: center; align-items: center;  opacity: 0; position: relative; top:50px;
	height:82px;
}

.section4 article:nth-child(1) a .s4_img img {
	width:72px; height:72px;
}
.section4 article:nth-child(2) a .s4_img img {
	width:59px; height:82px;
}
.section4 article:nth-child(3) a .s4_img img {
	width:75px; height:75px;
}

.section4 article a .s4_img img { transition: all 0.5s ease-out; transform: scale(1); }

.section4 article a .s4_con h2 {  
	font-size:15px; 
	font-weight:800;
	color:var(--white-color);
	text-align:center;
	
}
.section4 article a .s4_con { opacity: 0; position: relative; left:0; margin-top:20px;}


 .baseWidth { width:100%; margin:0 auto; position: relative; box-sizing: border-box;}
 .partners { background:#fff; padding:70px 0 40px; border-top:1px solid #8f8fa0; margin:0 25px;}
 .partnersBox { display: flex; justify-content: center; flex-direction: column; align-items: center; }
 .partnersBox div img { width:93px; height:81px; margin:0 auto;}
 .partnersBox article { padding:35px 0 0; }
 .partnersBox article h2 { font-size:17px; color:var(--black-color); font-weight:900; text-align: center; }
 .partnersBox article p { font-size:17px; padding:25px 0 50px; line-height:1.3; color:var(--black-color);  font-weight:400; text-align: center;}
 .partnersBox article p span { display: block; text-align: center; font-size:17px; line-height: 1.3;}
 .partnersBox article p strong { font-weight:800; display: block; line-height: 1.3; margin-top:5px;}
 .partnersBox article ul { display: flex; align-items: center; flex-wrap:wrap; justify-content: center;}
 .partnersBox article ul li { margin:0 20px 30px; }
 

.linkWrap { position: relative;}
.linkWrap a { height:116px; display: flex; justify-content: space-between;  align-items: center; padding:0 40px;}
.linkWrap a h2 { font-size:16px; color:var(--white-color); font-weight:500; }
.linkWrap a i {
	display: inline-flex; 
	justify-content: center; align-items: center;
	width:24px; height:24px; border:1px solid rgba(255,255,255,0.3); 
	color:var(--white-color); font-weight:900;
	background: url(../images/main/plus_out.svg) no-repeat center top 1px;
	transition: all 0.3s ease-out;
}
.linkWrap a:nth-child(1) { background:#1e1d40;}
.linkWrap a:nth-child(2) { background:#354fa3;}

.linkWrap a:hover i {
	border:1px solid rgba(255,255,255,0.3); 
	background:#fff url(../images/main/plus_ov.svg) no-repeat center top 1px;
}
.linkWrap a:nth-child(2):hover i {
	border:1px solid rgba(255,255,255,0.3); 
	background:#fff url(../images/main/plus_ov2.svg) no-repeat center top 1px;
}


.section5 {
	position: relative;
	background: url(../images/main/section4_bg1.jpg) no-repeat center / cover;
	overflow: hidden;
	height:740px;
}

.knowHow { 
	position: relative;
	z-index:10;
	opacity: 1;
	transition: all 0.5s ease-out;
	padding:10vh 35px;
}
.knowHow em {
	font-size:17px; font-weight:400; color:#fff;
	display: block;
}
.knowHow p { margin:20px 0 100px; }
.knowHow p strong {
	display: block;
	font-size:32px; font-weight:800;
	color:#fff;
	line-height: 1;
	padding-bottom:10px;
}
.knowHow p span {
	display: block;
	font-size:32px; font-weight:800;
	color:#fff;
	line-height: 1;
}
.knowHow a {
	display: inline-flex;
	border-radius:30px;
	background:transparent;
	width:101px; height:37px;
	justify-content: center;
	align-items: center;
	border: 1px solid rgba(255,255,255,0.5);
	transition: all 0.5s ease-out;
	padding-bottom:4px;
	box-sizing: border-box;
	display: none;
}
.knowHow a:hover { background:#fff; }
.knowHow a:hover path {
	stroke:#1E1D40;
}


.khConWrap { 
	position:absolute; 
	left:50%;
	top:30vh;	
	transform: translateX(-50%);
	z-index:10;
	opacity: 1;
	/* height:240vh; */

}
.khCon { position: absolute; left:50%; 	transform: translateX(-50%);}
.khCon1 { left:50%; }
.khCon2 { left:100vh;}
.khCon3 { left:200vh; }


.khImg { width:300px; height:300px; border-radius:250px; overflow: hidden; }
.khImg img { width:100%;}

.videoKnow { height:300px; overflow: hidden; position: absolute; left:0; top:0; width:300px;border-radius:250px;  }
.videoKnow video {
	position: absolute; left: 50%; top: 50%;
	transform: translate(-50%,-50%);
	min-width: 100%; min-height: 100%;
	width: auto; height: auto; z-index: 3;
	/*  background: url(../images/main/mVisual.jpg) no-repeat; */
	background-size: cover;
	overflow:hidden;
	height:800px !important;
	width:1000px !important;
}

.vRound { width:300px; height:300px; border-radius:250px; overflow: hidden;  display: none; }


.khText { position: absolute; left:-10px; top:240px; z-index:100;}
.khText h3 { font-size:34px; font-weight: 800; color:#fff; line-height:1.3;}
.khText p { margin:34px 0 0; position: relative; padding-left:20px; }
.khText p span { font-size:12px; display: block; color: #fff; font-weight:300; margin-bottom:10px; line-height:1;}
.khText p::before { width:5px; height:100%; content:"";display:block; background-color: #fff; position: absolute; left: 0; top: 0;}

.khCon1 .khText { opacity:0; left:-10px; top:280px;}
.khCon2 .khText { opacity:0; left:-10px; top:280px;}
.khCon3 .khText { opacity:0; left:-10px; top:280px;}

@media(max-width:370px){
	.khText h3 { font-size:32px; }
	.khText p span { display: inline; line-height:1.7; }
}


.section6 {
	position: relative;
	background: url(../images/main/section5_bg.jpg) no-repeat center / cover;
	overflow: hidden;
	padding:92px 35px;
}
.network { 
	z-index:10;
	opacity: 1;
	transition: all 0.5s ease-out;
}
.network em {
	font-size:12px; font-weight:400; color:#cfcfcf;
	display: block; position: relative;
	opacity: 1; left:0;
}
.network h2 { margin:47px 0 24px -2px; position: relative; opacity: 1; left:0;}
.network h2 span {
	display: block;
	font-size:32px; 
	font-weight:300;
	color:#fff;
	line-height: 1.3;
}
.network h2 span strong {
	font-size:32px; font-weight:800;
	color:#fff;
	line-height: 1.3;
}
.network p { position: relative; opacity: 1;  left:0;}
.network p span {
	display: inline;
	font-size:15px; font-weight:500;
	color:#fff;
	line-height: 1.6;
}

.networkMap { 
	position: relative;
	width:90%; 
	/* background: url(../images/main/section5_korea_map.svg) no-repeat center / cover; */
	opacity: 1;
	margin:0 auto;
}

.iNetworkMap { position: relative; z-index:1;}
.iNetworkMap img { width:100%; }

.imap {
	display:inline-flex; align-items: center;
	cursor: pointer;
	position: absolute;
	z-index:10;
}
.imap i {
	display: inline-block;
	width:16px; height:34px;
	background: url(../images/main/section5_map_target.svg) no-repeat center / 100% auto;
	margin-right:5px;
	cursor: pointer; 
	transition: all 0.3s ease-out;
}
.imap strong { font-size:14px; color:#fff; font-weight:300; white-space: nowrap;}

.networkMap .imap:hover i { 
	transform: scale(1.3);
}

.mSeoul {
	position: absolute;
	left:32%; top:16.5%; 
}
.mJinchun {
	position: absolute;
	left:42%; top:34%; 
}
.mDaegu {
	position: absolute;
	left:65%; top:58%; 
}
.mBusan {
	position: absolute;
	left:40%; top:76%; 
}
.mBusanOffice1 {
	position: absolute;
	left:78%; top:70%; 
}
.mBusanOffice2 {
	position: absolute;
	left:74%; top:73.5% 
}

.mBusanReverse i { margin-left:5px;}


.imBox { 
	display: flex;
	justify-content: flex-end;
	width:519px; height:215px;
	padding:21px;
	border-radius:115px;
	background:#ccc;
	box-sizing: border-box;
	overflow: hidden;
	transition: all 0.4s ease-out;
	opacity: 0;
}
.imSeoul {
	background:url(../images/main/section5_seoul.png) no-repeat center / cover;
	position: absolute;
	left:50%; top:50%; 
	margin-top:150px;
	margin-left:-420px;
}

.imJinchun {
	background:url(../images/main/section5_seoul.png) no-repeat center / cover;
	position: absolute;
	left:50%; top:50%; 
	margin-top:150px;
	margin-left:-420px;
}
.imDaegu {
	background:url(../images/main/section5_seoul.png) no-repeat center / cover;
	position: absolute;
	left:50%; top:50%; 
	margin-top:150px;
	margin-left:-420px;
}
.imBusan{
	background:url(../images/main/section5_seoul.png) no-repeat center / cover;
	position: absolute;
	left:50%; top:50%; 
	margin-top:150px;
	margin-left:-420px;

}


.imBusanOffice1 {
	background:url(../images/main/section5_busan1.png) no-repeat center / cover;
	position: absolute;
	left:50%; top:50%; 
	margin-top:150px;
	margin-left:-420px;
}
.imBusanOffice2{
	background:url(../images/main/section5_seoul.png) no-repeat center / cover;
	position: absolute;
	left:50%; top:50%; 
	margin-top:150px;
	margin-left:-420px;
}

.connectLine span {
	position: absolute;
	left:50%; top:50%;
	width:200px;
	height:1px; 
	background:rgba(255,255,255,0.5);
	display: block;
	transition: all 0.4s ease-out;
	opacity: 0;
}
.connectLine .cline1 {
	width:520px;	
	transform: rotate(-75deg);
	margin-left:-112px;
	margin-top:28px;
}
.connectLine .cline2 {
	width:400px;	
	transform: rotate(-60deg);
	margin-left:-18px;
	margin-top:80px;
}
.connectLine .cline3 {
	width:410px;
	transform: rotate(-24deg);
	margin-left:40px;
	margin-top:200px;
}
.connectLine .cline4 {
	width:250px;
	transform: rotate(-10deg);
	margin-left:65px;
	margin-top:234px;
}
.connectLine .cline5 {
	width:500px;
	transform: rotate(-5deg);
	margin-left:22px;
	margin-top:238px;
}
.connectLine .cline6 {
	width:460px;
	transform: rotate(0deg);
	margin-left:8px;
	margin-top:260px;
}

.connectLine span.on { opacity: 1; }
.imBox.on { opacity: 1; }


.imBox article {
	width:172px; height:172px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	background:#1e1d40;
	border-radius:100px;
	padding:11px;
	box-sizing: border-box;
}
.imBox article h2 { text-align: center;}
.imBox article h2 span { display: block; font-size:13px; color:#fff; font-weight:300; letter-spacing: -0.5px;}
.imBox article h2 strong { display: block; font-size:15px; color:#fff; font-weight:600; padding-top:5px; letter-spacing: -0.5px;}

.imBox article p { border-top:1px solid #8e8d9f; margin-top:15px; padding-top:12px; text-align: center;}
.imBox article p span { display: block; font-size:12px; color:#fff; font-weight:400; letter-spacing: -0.5px; line-height:1.5;}

.section7 { 
	position: relative; 
	overflow: hidden;
}

.buttonRubber {
	border:1px solid #7a7a8e;
	width:94px; height:94px;
	position: absolute;
	left:50%; top:50%; 
	margin-top:-47px;
	margin-left:-300px;
	border-radius:50px;
	background:#fff;
	z-index:1000;
	box-shadow: 0 10px 20px rgba(0,0,0,0.15);
	display: none;
}

.section7 .proPrev {
	position:absolute; 
	left:0; top:20px;
	height:94px; width:47px;
	opacity: 0.3;
	transition: all 0.5s ease-out;
}
.section7 .proPrev em  {  
	display: block;
	width:50px; height: 50px;
	background:url(../images/main/a_right.svg) no-repeat center;
	transform: rotate(180deg);
}
.section7 .proNext {
	position:absolute; 
	right:0; top:20px;
	height:94px; width:47px;
	opacity: 0.3;
	transition: all 0.5s ease-out;
}
.section7 .proNext em  {  
	display: block;
	width:50px; height: 50px;
	background:url(../images/main/a_right.svg) no-repeat center;
}

.section7 .proPrev:hover { opacity: 1;}
.section7 .proNext:hover { opacity: 1;}

.section7 .swiper-button-prev.proPrev::before,
.section7 .swiper-button-prev.proPrev::after,
.section7 .swiper-button-next.proNext::before,
.section7 .swiper-button-next.proNext::after { display:none; }


.section7 .swiper-button-prev, .swiper-container-rtl .swiper-button-next { background:none;}
.section7 .swiper-button-next, .swiper-container-rtl .swiper-button-prev { background:none;}

.swiperProduct { 
	position: relative;
	transition: all 0.5s ease-out;
	text-align: center;	
	margin-bottom:40px;
}


.section7 .pagingProduct .swiper-pagination-bullet { background:#fff; border:1px solid #182987; width:10px; height:10px; border-radius:10px;}
.section7 .pagingProduct .swiper-pagination-bullet.swiper-pagination-bullet-active { background:#182987; border:1px solid #182987; border-radius:10px;}

.posRelative { position: relative;}
.swiperProduct .swiper-slide { width:100%; }
.rubberThum { height:auto;  }

.rubberThum { position: relative; }
.rubberThum .rubberImg { width:100%; }
.rubberThum .rubberImg img { width:100%; }

.rubberThum .rubberTitle { 
	text-align: center; 
	padding:30px 0 30px;
}
.rubberThum .rubberTitle em { display: block; font-size:20px; font-weight:800; color:#1e1d40;  }
.rubberThum .rubberTitle h3 { 
	font-size:20px; 
	font-weight:800; 
	color:#1e1d40; 
	margin-top:21px;
}
.rubberThum .rubberTitle p { 
	line-height:1.6; 
	font-size:14px;
	color:#1e1d40; 
	font-weight:400;
	margin-top:14px;
	word-break: keep-all;
	text-align: center;
}
.rubberThum .rubberTitle p span { display: block; padding-left:0; margin-left:0; font-weight:600;}

.rubberThum a.btn_more { 
	margin:0 auto 50px;
	border:1px solid #1e1d40; 
	width:82px; height:32px; 
	display: flex; justify-content: center; align-items: center; font-size:12px; font-weight:800;
	transition: all 0.4s ease-out;
	color:#1e1d40;
}
.rubberThum a.btn_more i { 
	display: flex; justify-content: center; align-items: center; font-size:12px; font-weight:800;
	transition: all 0.4s ease-out;
	color:#1e1d40;
	margin-left:10px;
	font-style: normal;
}
.rubberThum a.btn_more:hover {
	background:#1e1d40;
	color:#fff;
}
.rubberThum a.btn_more:hover i {
	color:#fff;
}

.centerTitle {
	width:100%;
	display: flex;
	justify-content: center;
	padding:70px 0;
}
.centerTitle article {
	text-align: center;
	margin:34px 0;
}
.centerTitle article div { 
	margin:0 auto; 
}
.centerTitle article div em { font-size:15px; color:#1e1d40; font-weight:600; display: block; text-align: center; }
.centerTitle article p { margin-top:40px; }
.centerTitle article p span { 
	display: block; font-size:38px; font-weight:300; color:#1e1d40; 
	line-height:1.2;
	text-align: center;
}
.centerTitle article p span strong { font-weight:800; color:#182987;}

.newRolling {
	position: absolute;
	left:0; 
	bottom: -10px;
	overflow: hidden;
	width:100%;
}

.txtNew { font-size:120px; color:#f4f5f9; font-weight:900; display: block; margin-right:50px; width:100%;}

.flow-text {
	display: flex;
	flex: 0 0 auto;
	white-space: nowrap;
	overflow: hidden;
	transition: 0.6s;
	font-size: 70px;
	font-weight:bold;
	color: #f4f5f9;
	font-weight:900;
}
/* .flow-text:hover {
  color: #000;
}
.flow-text:hover .flow-wrap {
  animation-play-state: paused;
  cursor: pointer;
} */
.flow-wrap {
  animation: textLoop 15s linear infinite;
  padding-right: 1.4881vw;
}

@keyframes textLoop {
  0% {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
  }
  100% {
	-webkit-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0);
  }
}



.btnSlideUp { display: flex; justify-content: center; width:150px; }
.btnSlideUp i { 
	display: block;
	width:9px; height:69px;
	background: url(../images/main/go_up.svg) no-repeat center / 100%;
}

.btnSlideDown{ display: flex; justify-content: center; width:150px;}
.btnSlideDown i { 
	display: block;
	width:9px; height:69px;
	background: url(../images/main/go_down.svg) no-repeat center / 100%;
}


.footer { padding:40px 23px 40px; background:#272731;}
.footerBox p { font-size:10px; color:rgba(255,255,255,1); font-weight:300; margin-top:38px; text-transform: uppercase; line-height: 1.5;}
.footerEtc { display:flex; justify-content:space-between; margin-bottom:44px; display: none;}
.footerEtc li a { font-size:13px; color:#cfcfcf; font-weight:300; line-height:1.2;}

.footerAddr li:nth-child(1) { margin-bottom:16px; }
.footerAddr li:nth-child(1) strong { color:#fff; font-size:16px; font-weight:700;}
.footerAddr li { margin-bottom:5px; }
.footerAddr li span { display:block; line-height:1.3; color:#fff; font-size:11px; }

.kcList { display:flex; margin-top:10px; }
.kcList li { margin-right:14px; }
.kcList li:nth-child(1) img { width:35px; height:35px; }
.kcList li:nth-child(2) img { width:35px; height:34px;}
.kcList li:nth-child(3) img { width:35px; height:34px;}
.kcList li:nth-child(4) img { width:45px; height:35px;}




/* -------- 메인비주얼 :: 스크롤 아이콘 -------- */
.scroll-down-wrap2{position: fixed; bottom: 8%; left: 50%; margin-left: -60rem; width: 14rem; display: flex; align-items: center; justify-content: flex-end; z-index: 1000;}
.scroll-down-wrap2.index-t-ver{position: absolute;}
.scroll-down-wrap .txt{font-size:10px !important; letter-spacing:0 !important; color:#fff; margin-right:1.5rem; transition:var(--transition-custom);}
.scroll-down-wrap2 .scroll-icon{position: relative; width:6px; height:47px; background:rgba(255,255,255,0.1); transition:var(--transition-custom); overflow:hidden;margin-right:17px;}
.scroll-down-wrap2 .scroll-icon span{
	position: absolute; display: block; width:6px; height:6px; background:#fff; top:0.3rem; left:50%; 
	border-radius:3px;
	transform:translateX(-50%); animation: scroll-icon-ani 2s ease-in-out infinite; transition:var(--transition-custom);
}

.scroll-down-wrap2 .scroll-txt{display:inline-block; color:#fff; font-weight:700;font-size:10px;letter-spacing: 0.35px;}
.scroll-down-wrap2 .scroll-txt em{font-size:10px !important; display:inline-block; animation: scroll-down-ani 2s ease-in-out 0s infinite; font-weight:500;}
.scroll-down-wrap2 .scroll-txt em:nth-child(1){animation-delay:1s;}
.scroll-down-wrap2 .scroll-txt em:nth-child(2){animation-delay:1.04s;}
.scroll-down-wrap2 .scroll-txt em:nth-child(3){animation-delay:1.08s;}
.scroll-down-wrap2 .scroll-txt em:nth-child(4){animation-delay:1.12s;}
.scroll-down-wrap2 .scroll-txt em:nth-child(5){animation-delay:1.16s;}
.scroll-down-wrap2 .scroll-txt em:nth-child(6){animation-delay:1.2s;}
.scroll-down-wrap2 .scroll-txt em:nth-child(7){animation-delay:1.24s;}
.scroll-down-wrap2 .scroll-txt em:nth-child(8){animation-delay:1.28s;}
.scroll-down-wrap2 .scroll-txt em:nth-child(9){animation-delay:1.32s;}
.scroll-down-wrap2 .scroll-txt em:nth-child(10){animation-delay:1.36s;}
.scroll-down-wrap2 .scroll-txt em:nth-child(11){animation-delay:1.4s;}

@keyframes scroll-icon-ani {
	0% {
		top:-1rem;
		opacity:0;
	}
	10% {
		top:-1rem;
		opacity:1;
	}
	32% {
		top:-1rem;
		opacity:1;
	}
	80% {
		top:4.3rem;
		opacity:1;
	}
	100% {
		top:4.3rem;
		opacity:0;
	}
}

@keyframes scroll-down-ani {
    0% {
        opacity: 0;
        transform: translateY(-50%) rotateX(90deg)
    }
    20%,80% {
        opacity: 1;
        transform: translateY(0) rotateX(0)
    }
    100% {
        opacity: 0;
        transform: translateY(50%) rotateX(-90deg)
    }
}

@media all and (max-width:1600px){
	/* -------- 메인비주얼 :: 스크롤 아이콘 -------- */
	.scroll-down-wrap{right: var(--area-padding); left: auto; margin-left: 0;}
}
@media all and ( max-width: 800px ){
	/* -------- 메인비주얼 :: 스크롤 아이콘 -------- */
	.scroll-down-wrap{position: absolute; bottom:8.88%; right:0; width: 100%; display: flex; align-items: center; justify-content: center;}
	.scroll-down-wrap .txt{font-size:1.2rem; margin-right:1.5rem;;}
	.scroll-down-wrap .scroll-icon{width:0.4rem; height:4rem;}
	.scroll-down-wrap .scroll-icon span{width:0.4rem; height:0.4rem; top:0.3rem;}
}

#headerInner { padding-left:20px; padding-right:20px; }

#header.sHeader { transition: all 0.3s ease-out; width:100%; }
#header.sHeader.fixed { position: fixed; background:#fff; height:120px; margin-top:-20px;  }
#header.sHeader .logo a i { 
	background: url(../images/main/logo-old-d.svg) no-repeat center / 100%;
}
#header.sHeader .header-lang03 .lang-open-btn svg g{ stroke:#182987; fill:none; }
#header.sHeader .header-lang03 .lang-open-btn:hover svg g { stroke:#fff; fill:none; }
#header.sHeader .header-lang03 .lang-open-btn.on svg g { stroke:#fff; fill:none; }

#header.sHeader #gnb > ul > li > a{ color:#1e1d40; font-weight:600;}
#header.sHeader.gnb-open #gnb > ul > li > a { font-weight:600; }
#header.sHeader .sitemap-line-btn .line{background-color:#182987; }

.subContainer { 
	background:#fff; 
	position: relative; 
	padding:160px 0 0;
}




.subHeader { position: relative; padding:0 20px 58px; }
.subHeader p { font-size:20px; font-weight: 900; color:#000; opacity: 1; top:0; position: relative; }
.subHeader p span { display: block; line-height: 1.7; }
.sinceBorder { 
	font-size: 40px; font-weight:900; position: absolute; right:20px; bottom:10px; letter-spacing: -0.5px;
	-webkit-text-stroke: 1px rgba(0,0,0,0.2); 
	color:#fff; opacity: 1;
	display: none;
}
.subNavArea { 
	border-top:1px solid #e8e8e8; 
	height:48px; position: relative; 
	background:#fff;
}
.subNavAreaBoard { border-bottom:1px solid #e8e8e8;  }

.subNavArea.fixed { position: fixed; top:99px; width:100%; z-index:9999; border-bottom:1px solid #e8e8e8; }

.sNavWrap { display: flex; align-items: center; height:100%; position: relative;} 
.sNavWrap h2 { height: 100%; 
	display: flex; align-items: center;  
	flex:0 0 34%; font-size:15px; 
	text-align: center;
	font-weight:800; 
	justify-content: center;
	color:#1e1d40; 
	border-right:1px solid #e8e8e8; 
}
.sNavWrap .sNavTitle {
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size:15px;
	font-weight:400;
	color:#797979;
	flex:1;
	position: relative;
	height:100%;
	cursor: pointer;
}
.sNavWrap .sNavTitle::after { 
	content:""; 
	display: block; 
	background:url(../images/main/snb_down.svg) no-repeat center;
	position: absolute;
	right:5px; top:0;
	width:48px;
	height:48px;
}

.smNav {
	position: absolute; 
	right: 0;
	top:0;
	z-index:90;
	width:66%;
	background:#182987;
	height:270px;
	display: none;
}

.smNavProduct { 
	height:auto;
}

.sm_i_close {
	display: block; 
	background:url(../images/main/snb_up.svg) no-repeat center;
	position: absolute;
	right:5px; top:0;
	width:48px;
	height:48px;
	cursor: pointer;
}
.smNav ul { height: 100%; padding:6px 0; }
.smNav ul li a { font-size:15px; color:#fff; display: block; text-align: center; padding:13px 0; font-weight:300;}


.svWrap { height:223px; display: flex; justify-content: center; align-items: center; flex-direction: column; position: relative; transition:all 0.5s ease-out}
.sv1 {background: url(../images/sub/sv101.png) no-repeat center / cover; }
.sv2 {background: url(../images/sub/sv201.png) no-repeat center / cover; }
.sv3 {background: url(../images/sub/sv101.png) no-repeat center / cover; }
.sv4 {background: url(../images/sub/sv101.png) no-repeat center / cover; }
.sv5 {background: url(../images/sub/sv501.png) no-repeat center / cover; }


.svWrap h2 { padding-top:5px; position: relative; }
.svWrap h2 em { 
	display: block; 
	-webkit-text-stroke: 1px rgba(255,255,255,0.7); 
	color:transparent;
	font-size:40px;
	font-weight:900;
	margin-bottom:20px;
	text-align: center;
	position: relative;
	top:0;
	opacity: 1;
}
.svWrap h2 span { 
	display: block;
	color:#fff;
	font-size:30px;
	font-weight:200;
	text-align: center;
	position: relative;
	top:0;
	opacity: 1;
}

.svLeft { position:absolute; left:0; top:0; height:100%; width:18vw; background:#fff; z-index: 10; transition: all 0.5s ease-out; display: none;}
.svRight { position:absolute; right:0; top:0; height:100%; width:18vw; background:#fff; z-index: 10; transition: all 0.5s ease-out; display: none;}


.scTitleArea { padding:91px 0 75px; position: relative;}
.scTitleArea2 { padding:70px 0 40px; position: relative;}
.scTitleH3 { display: flex; align-items: center; position: relative; justify-content: center;}
.scTitleH3 div em { display: inline-flex; position: relative; font-size:24px; color:#182987; font-weight:700; padding-bottom:22px; }
.scTitleH3 div em::after { content:""; position: absolute; left:0; bottom:0; height:8px; background:#182987; width:100%; }


.subSection101 .scTitleH3,
.subSection102 .scTitleH3,
.subSection103 .scTitleH3 { opacity: 1;}


.caseTitle101 { margin-left:0;}
.caseTitle102 { margin-left:0;}
.caseTitle103_1 { margin-left:0;}
.caseTitle103_2 { margin-left:0;}
.caseTitle105_1 { margin-left:0;}
.caseTitle105_2 { margin-left:0;}
.caseTitle105_3 { margin-left:0;}
.caseTitle106_1 { margin-left:0;}
.caseTitle106_2 { margin-left:0;}
.caseTitle106_3 { margin-left:0;}

.caseTitle501 { margin-left:0;}
.caseTitle502 { margin-left:0;}


.fxRow { display: flex; flex-wrap:wrap; padding:0 20px;}
.justifyContentSpaceBetween { justify-content: space-between;}

.leftTitle { flex:0 0 100%; text-align: center;}
.leftTitle p span { font-size:22px; display: block; line-height: 1.9; margin-bottom:0; font-weight:500; color:#1e1d40;}
.leftTitle p span em { font-weight:800;}
.rightParaCon p { margin-top:35px; text-align: center; padding:0 25px;}
.rightParaCon p span { font-size:15px; color:#1e1d40; font-weight:500; display: inline; line-height:2.4; word-break: keep-all;}

.leftFullTitle { flex:0 0 100%; margin:100px 0;  text-align: center}
.leftFullTitle p span { font-size:22px; display: block; line-height: 1.9; margin-bottom:0; font-weight:500; color:#1e1d40;}
.leftFullTitle p span em { font-weight:800;}

.leftTitle1 p span { display: inline; }

.leftTitle2 { flex:0 0 100%;}


.sbg101 {
	position: relative;
	height:250px;
	width:100%;
	background: url(../images/sub/intro1_img1.png) no-repeat center / cover;
	margin:60px auto 0;
}
.sbgTitle {
	position: absolute;
	right:30px;
	bottom:-5px;
	color:rgba(255,255,255,0.5);
	font-size:60px;
	font-weight:900;
	line-height:1;
	margin-left:-70px;
}

.fullTitle { padding:0 20px 40px;}
.fullTitle p span { font-size:24px; color:#000; line-height:1.5; margin-bottom:10px; display: inline;}
.fullTitle p span em { font-weight:800;}
.fullParaCon { padding:0 20px 40px; text-align: center;}	
.fullParaCon p { font-size:16px; color:#000; font-weight:500; display: inline;  }
.fullParaCon p span { line-height:2.4;}

.fxLeftCon{ padding-right:0; }
.fxLeftCon p {
	font-size:16px; color:#000; font-weight:500; display: block; line-height:2; 
}
.fxRighImg img { max-width:100%; margin-top:50px;}
.ceoSign { position: relative; margin-top:70px; text-align:center;}
.ceoSign span { display: block; margin-bottom:30px; font-size:15px; color:#000; }
.ceoSign span em { font-weight:900; letter-spacing: 20px; margin-left:20px;}
.ceoSign span:nth-child(1) { margin-left:0;}
.ceoSign span:nth-child(2) { margin-left:20px;}
.ceoSign .sign { 
	position: absolute;
    left: 50%;
    top: 40px;
    margin-left: 70px;
}
.ceoSign .sign img { width:120px;}

.sponWrap { 
	height:auto; 
	position: relative;
	background:url(../images/sub/intro1_partner.png) no-repeat center / cover;
	margin:100px auto 0;
}
.sponDiv { padding:80px 0; }
.sponDiv h3 { text-align: center; position: relative; top:50px; opacity: 0; top:0; opacity: 1;}
.sponDiv h3 em { 
	font-size:24px; font-weight:600; color:#fff;
	display: inline-flex;
	padding-bottom:20px;
	position: relative;
}
.sponDiv h3 em::after { content:""; position: absolute; left:0; bottom:0; height:9px; border-radius:5px; background:#fff; width:100%; }

.sponDiv ul { display: flex; justify-content: center; padding:40px 0 0; flex-wrap: wrap;}
.sponDiv ul li { position: relative; flex:0 0 50%;}
.sponDiv ul li:nth-child(3) { flex:0 0 100%;}
.sponDiv ul li div {
	width:150px;
	height:150px;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	margin:0 auto;
}
.sponDiv ul li div i { 
	display: block;
	font-size:22px; font-weight:700; color:#fff;
	font-style: normal;
}

.sponDiv ul li div article {
	width:150px;
	height:150px;
	border-radius:170px;
	border:1px solid rgba(255,255,255,1);
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
    transform: rotate(0deg);
    transition: transform 0.7s linear;
    animation: rotate 7s infinite linear;	
	position: absolute;
	left:0; top:0;
}

.sponDiv ul li div article span {
	position: absolute;
	width:6px; height:6px;
	background:#CD0431;
	display: block;
	border-radius:6px;
	left:19px; top:19px;
	z-index: 10;
}

.sponDiv ul li:nth-child(2) div article span {
	left:19px; top:19px;
}
.sponDiv ul li:nth-child(3) div article span {
	left:19px; top:19px;
}
.sponDiv ul li h4 {
	color:#fff; 
	font-size:22px; font-weight:800;
	line-height:1.6;
	text-align: center;
	position: relative;
	margin-top:20px;
	z-index:10;
	display:none;
}

@keyframes rotate {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(359deg);
  }
}


.scTitleHistory { position: relative; text-align: center; height:auto; margin:100px auto 0; padding:0 20px; }
.scTitleCenter { display: flex; position: absolute; left:50%; bottom:0; transform: translateX(-50%);  z-index:10; }
.scTitleCenter span { font-size:16px; font-weight:600; color:#182987; position: relative; padding-bottom:25px; }
.scTitleCenter span::after { content:"";display:block; width:16px; height:16px; border-radius:24px; background:#182987; position: absolute; left:50%; bottom:0; margin-left:-8px;}
.scTitleHistory strong { position: absolute; left:0; bottom:0; width:50%; font-size:22px; font-weight:900; text-align: right; color:#f2f2f2; margin-left:-20px; display: block;  z-index:1; line-height:1; }
.scTitleHistory em {  position: absolute; left:50%; bottom:0; width:50%; font-size:45px; font-weight:900; color:#f2f2f2; display: block; margin-bottom:-5px; z-index:1; line-height:1; text-align: left; padding-left:15px;}

.scHistoryTop { display: flex; width:100%; margin:0 auto; padding:30px 20px 0; position: relative; flex-wrap:wrap; box-sizing: border-box;}
/* .scHistoryTop::after { content:""; width:1px; height:100%; background:#182987; display: block; position: absolute; left:50%; top:0; }	 */
.hisAnimationWrap::after { content:""; width:1px; height:100px; background:#182987; display: block; position: absolute; left:50%; top:0; }	
.hisLeft { 
	flex:0 0 100%; 
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}
.hisLeft article {
	flex:0 0 100%;
	padding-top:25px;
}
.hisLeft span { font-size:22px; display: block; line-height: 1.7; font-weight:600; color:#1e1d40; text-align: center;}
.hisLeft span em { font-weight:800;}
.hisRight { flex:0 0 100%; padding-left:0; box-sizing: border-box; margin-top:20px; box-sizing: border-box;  text-align: center;}
.hisRight p span { font-size:16px; color:#000; font-weight:500; display: inline; line-height:2;}

.hisAnimationWrap { display: flex; position: relative; padding-top:100px; flex-wrap:wrap;}
.hisListLeft { flex:0 0 100%; position: relative; display: flex; justify-content: flex-end; display: none;}
.hisListLeft .hisListThum {height:auto; width:100%; position: absolute; left:0; top:0;}
.hisListLeft .hisListThum ul li { height:auto; }
.hisListLeft .hisListThum ul li.hisA1 {  background: url(../images/sub/intro2_img1.png) no-repeat center / cover; }
.hisListLeft .hisListThum ul li.hisA2 {  background: url(../images/sub/intro2_img2.png) no-repeat center / cover; }
.hisListLeft .hisListThum ul li.hisA3 {  background: url(../images/sub/intro2_img3.png) no-repeat center / cover; }


.hisListLeft .hisListThum article { 
	position: absolute;
	left:0; top:0; 
	width:100%; 
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	height:958px; 
	z-index:99;
}
.hisListLeft .hisListThum article em {  
	font-size:70px; font-weight:800;
	-webkit-text-stroke: 1px rgba(255,255,255,0.7); 
	color:transparent;
	display: block;
	margin:15px 0;
}

.hisListLeft .hisListThum article em.hisA1_year { color:#fff;}



/* .hisListLeft .hisListThum article em {
	color:#fff;
} */
.hisListDiv { flex:0 0 100%; position: relative; margin-left:30px; box-sizing: border-box;}
.hisListData { padding:50px 0 0; position: relative; }
.hisListData h4 {font-size:36px; font-weight:800; color:#000; margin-bottom:30px;}
.hisListData ul { margin-bottom:50px;}
.hisListData ul li { display: flex; margin-bottom:30px; padding-right:20px; box-sizing: border-box; width:100%;}
.hisListData ul li strong { font-size:16px; line-height:1.8; color:#182987; font-weight:800; flex:0 0 70px;}
.hisListData ul li p { font-size:16px; line-height:1.8; color:#000; font-weight:400; padding-right:20px;}
.hisListData ul li p span { display: block;}



.hisImg1::after {
	content:"";
	display: block;
	width:180px; height:150px;
	background:url(../images/sub/s102_his1.svg) no-repeat center / 100% auto;
	position: absolute;
	right:0; top:0;
}
.hisImg2::after {
	content:"";
	display: block;
	width:180px; height:190px;
	background:url(../images/sub/s102_his2.svg) no-repeat center / 100% auto;
	position: absolute;
	right:0; top:-40px;
}
.hisImg3::after {
	content:"";
	display: block;
	width:180px; height:190px;
	background:url(../images/sub/s102_his3.svg) no-repeat center / 100% auto;
	position: absolute;
	right:0; top:0;
}


.sbg103 { display: flex; justify-content: center; margin:100px 40px 0; flex-wrap:wrap;}
.sbg103 article { position: relative; width:100%; height:220px; }
.sbg103 article i { position: absolute; right:5px; bottom:0; opacity: 0.5;}
.sbg103 article i img { width:120px; }

.sbg103 article:nth-child(1) { background:url(../images/sub/s103_img1.png) no-repeat center / cover; }
.sbg103 article:nth-child(2) { background:url(../images/sub/s103_img2.png) no-repeat center / cover; }
.sbg103 article:nth-child(3) { background:url(../images/sub/s103_img3.png) no-repeat center / cover; }



.valueWrap { 
	height:auto; 
	position: relative;
	background:url(../images/sub/intro1_img1.png) no-repeat center / cover;
	display: flex; justify-content: center;
	align-items: center;
	margin:100px auto 0;
	padding: 80px 0 60px;
}
.valueDiv { padding:0 0 0; }
.valueDiv ul { display: flex; justify-content: space-between; align-items: center; flex-wrap:wrap;}
.valueDiv ul li { position: relative; flex:0 0 50%; margin-bottom:20px;}
.valueDiv ul li div {
	width:140px;
	height:140px;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	flex-direction: column;
	padding-top:5px;
	margin:0 auto;
}
.valueDiv ul li div i { 
	display: block;
	text-align: center;
}
.valueDiv ul li div i img { max-width:50%; margin:0 auto;}

.valueDiv ul li div h4 {
	color:#fff; 
	font-size:18px; font-weight:800;
	line-height:1.6;
	text-align: center;
	position: relative;
	margin-top:20px;
	z-index:10;
}


.valueDiv ul li div article {
	width:140px;
	height:140px;
	border-radius:170px;
	border:1px solid rgba(255,255,255,0.5);
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
    transform: rotate(0deg);
    transition: transform 0.7s linear;
    animation: rotate 7s infinite linear;	
	position: absolute;
	left:0; top:0;
}

.valueDiv ul li div article span {
	position: absolute;
	width:8px; height:8px;
	background:#CD0431;
	display: block;
	border-radius:6px;
	left:17px; top:17px;
	z-index: 10;
}

.valueDiv ul li:nth-child(2) div article span {
	left:54px; top:-2px;
}
.valueDiv ul li:nth-child(3) div article span {
	left:116px; top:17px;
}
.valueDiv ul li:nth-child(4) div article span {
	left:116px; top:116px;
}


.mtbCase1 { margin:80px 0 80px;}
.mtbCase2 { margin:50px 0 0;}
.mtbCase3 { margin:0 0 50px;}

.fxRow.type1 { flex-wrap:wrap;}
.fxRow.type2 { flex-wrap:wrap;}
.fxRow.type3 { flex-wrap:wrap;}
.fxRow.type4 { flex-wrap:wrap;}

.fxRow.type1 > div { flex:0 0 100%; text-align: center;}
.fxRow.type1 > div strong { font-size:17px; display: block; text-align: center; margin-top:30px;}
.fxRow.type2 > div{ flex:0 0 100%; display: flex; flex-direction: column; justify-content: flex-start; align-items: center;}
.fxRow.type2 > div strong { font-size:17px; display: block; text-align: center; margin-top:30px;}
.fxRow.type3 > div{ flex:0 0 100%; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; padding-right:0; flex-wrap:wrap; margin-bottom:50px; text-align: center;}
.fxRow.type4 > div{ display: block; text-align: center;}
.fxRow.type4 > div:nth-child(1) { flex:0 0 100%;}

.fxThumBox3 > div { height: auto;  text-align: center;}


.first_img { margin-bottom:50px;}

.fxRowCase1 h4 {font-size:19px; font-weight:700; color:#000; margin-bottom:40px; padding:0 0; text-align: center !important;}
.simbolType1 h4 {font-size:19px; font-weight:700; color:#000; margin-bottom:40px; padding:0 20px; text-align: center;}

.fxRowCase1 span { font-size:14px; font-weight:300; display: block; text-align: center;}

.fxRowCase1>div:nth-child(1) { margin-bottom:80px;}

.fxFullBox1 { margin-bottom:70px; padding:0 20px;}
.bg_blue1 {
	height:200px; background:#04358E;
}
.bg_blue2 {
	height:200px; background:#026A57;
}
.bg_green1 {
	height:200px; background:#3A7236;
}
.fxHalfBox1 { display: flex; justify-content: space-between; padding:0 20px; flex-wrap:wrap;}
.fxHalfBox1 > div { flex:0 0 100%; box-sizing: border-box; }
.fxHalfBox1 > div:nth-child(1) { margin-bottom:70px;}

.fxFullBox1 h4,
.fxHalfBox1 h4 { line-height:1.5; margin-bottom:20px !important; text-align: center;}


.w30per { width:30% !important; }
.w50per { width:50% !important; }
.w70per { width:70% !important; }
.w100per { width:100% !important; }


.mapLoaction { align-items: center; margin:40px 0 0; position: relative; flex-wrap:wrap;}
.locationList { flex:0 0 100%; display: flex; justify-content: space-between;}
.locationList a { padding:5px 0; transition: all 0.3s ease-out; flex:0 0 32%; }
.locationList a em { 
	width:100%; height:45px; border-radius:30px; 
	background:#ccc; 
	display: flex; align-items: center; justify-content: center; 
	font-size:20px; 
	font-weight:400; color:#fff; 
	margin-right:0; transition: all 0.3s ease-out;
}
.locationList a.on em { background:#182987; width:100%;}


.locationList a:hover em { background:#182987;}
.locationList a:hover i { display: block; opacity: 1;}

.koreaMap { flex:0 0 100%;}

.kmapBox {
	margin:0 auto;
	width:70%; height:400px;
	display: block;
	background:url(../images/sub/korea_map.svg) no-repeat center / contain;
	position: relative;
}
.mapTitleTxt { display: flex; align-items: center; margin:20px 0 30px; justify-content: center; width: 100%;}
.mapTitleTxt i { margin-right:10px;}
.mapTitleTxt p { font-size:13px; color:#000; font-weight:400; opacity: 0.4;}

.fxHalfMap { display: flex; flex-wrap:wrap; padding:0 20px; }

.fxWrap { flex-wrap:wrap;}
.f_map { 
	border:1px solid #e7e7e7; border-radius:10px;
	padding:40px 30px 40px;
	width:100%;
	position: relative;
	margin-bottom:20px;
	box-sizing: border-box;
}
.f_map h4 {
	font-size:22px; 
	font-weight:400; 
	color:#000;
}
.f_map h4 strong { font-weight:700; }
.f_map p { font-size:15px; color:#000; margin:20px 0 30px; line-height:1.8; word-break: keep-all;}
.f_map ul li { margin-top:15px; font-size:15px; color:#000; }
.f_map ul li:nth-child(1) { margin-top:0;}
.f_map a.btnMap_t {
	position: absolute;
	right:20px;
	bottom:20px;
	width:50px; height:50px;
	background:#182987;
	border-radius:35px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.f_map a.btnMap_t i {
	display: block;
	width:17px; height:30px;
	background:url(../images/sub/i_location_white.svg) no-repeat center / 100%;
}

.kma {
	display: flex;
	align-items: center;
	position: absolute;
	transition: all 0.4s ease-out;
	z-index:1;
}
.kma i {
	display: block;
	width:15px; height:34px;
	background:url(../images/sub/i_location_gray.svg) no-repeat center / 100%;
	margin-right:0;
	transition: all 0.4s ease-out;
}
.kma strong {transition: all 0.4s ease-out; white-space: nowrap; display: block; margin-top:28px; font-size:13px;}

.kma.on { z-index:10;}
.kma.on i {
	background:url(../images/sub/i_location_navy.svg) no-repeat center / 100%;
}
.kma.on strong { font-size:14px; font-weight:800; color:#182987; display: block; opacity: 1;}

.km1 { left:28%; top: 17%; }
.km2 { left:42%; top: 32%;  }
.km3 { left:60%; top: 52%;  }
.km4 { left:72%; top: 72%;  }
.km5 { left:80%; top: 69%;  }
.km6 { left:85%; top: 65%; }

.km4 strong { margin-top:28px;}
.km5 strong { margin-top:22px;}
.km6 strong { margin-top:18px;}

.cerWrap { 
	height:700px;
	background:url(../images/sub/s104_bg2.png) no-repeat center / cover;
	position: relative;
}
.cerSlider { width:100%; margin:0 auto; padding:150px 0 0; position: relative; box-sizing: border-box;}
.spaceSlider .swiper-slide.spaceThum { width:auto; text-align: center;}
.spaceSlider .swiper-slide.spaceThum strong { display: block; text-align: center; color:#fff; padding:30px 0 0; font-size:18px;}

.spaceThum.swiper-slide-active { z-index: 100;	}
 
.cerSlider .swiper-button-prev.ss_prev { 
	position:absolute; left:-100px !important; right:auto !important; top:60% !important; 
	width:38px; height:77px;  transition:all 0.3s ease-out; 
	z-index:9999;
}
.cerSlider .swiper-button-prev.ss_prev em { 
	display:block; width:38px; height:77px; 
	background: url(../images/sub/is_prev.svg) no-repeat center; 
}
.cerSlider .swiper-button-next.ss_next { 
	position:absolute; left:auto !important; right:-140px !important; top:60% !important; 
	width:38px; height:77px;  transition:all 0.3s ease-out;
	z-index:9999;
}
.cerSlider .swiper-button-next.ss_next em { 
	display:block; width:38px; height:77px; 
	background: url(../images/sub/is_next.svg) no-repeat center; 
}


.swiper-button-prev.ss_prev::before,
.swiper-button-prev.ss_prev::after,
.swiper-button-next.ss_next::before,
.swiper-button-next.ss_next::after { display:none; }

.swiper-button-prev.ss_prev, .swiper-container-rtl .swiper-button-next.ss_next,
.swiper-button-next.ss_next, .swiper-container-rtl .swiper-button-prev.ss_prev { 
	background: none;
 }


 .swiper-pagination.ss_paging { margin:50px auto 0; text-align: center; width:100%;}
 .swiper-pagination.ss_paging .swiper-pagination-bullet { border-radius:0; width:30px; height:5px; height:1px; background:rgba(255,255,255,1); transition: all 0.5s ease-out;}
 .swiper-pagination.ss_paging .swiper-pagination-bullet.swiper-pagination-bullet-active { background:rgba(255,255,255,1); height:5px; top:3px;}

 .partnersLogo { display: flex; flex-wrap: wrap; margin:0 10px 40px; }
 .partnersLogo article { 
	 flex:0 0 29%; 
	 margin:0 2% 20px;
 }
 .partnersLogo article a { display: block;  padding:40px 0 20px; text-align: center; }
 .partnersLogo article a div { height:auto; min-height:70px;}
 .partnersLogo article a img { width:70%;}
 .partnersLogo article a span { display: block; text-align: center; margin-top:10px; border-top:1px solid #000; padding-top:15px; font-size:13px; font-weight:400; color:#000; line-height:1.6}
 .partnersLogo article a span strong { font-size:13px; font-weight:800; color:#000; line-height: 1.6;}

/*
.partnersLogo article:nth-child(1) a img { width:70%;}
.partnersLogo article:nth-child(2) a img { width:74%;}
.partnersLogo article:nth-child(3) a img { width:80%; margin-left:-20px;} GS리테일
.partnersLogo article:nth-child(4) a img { width:80%;} 홈플러스
.partnersLogo article:nth-child(5) a img { width:70%;} 탑마트
.partnersLogo article:nth-child(6) a img { width:70%;} 하나로마트
.partnersLogo article:nth-child(7) a img { } 쿠팡
*/

.partnersLogo article:nth-child(1) a img { width:70%;}
.partnersLogo article:nth-child(2) a img { width:74%;}
.partnersLogo article:nth-child(3) a img { width:76%; }
.partnersLogo article:nth-child(4) a img { width:100%;}
.partnersLogo article:nth-child(5) a img { width:80%;}
.partnersLogo article:nth-child(6) a img { width:80%; margin-left:-20px;}
.partnersLogo article:nth-child(7) a img { width:70%;} 
.partnersLogo article:nth-child(8) a img { width:70%;} 

 .faqBox { padding:60px 20px 50px;}
 .board-list {border-top: 1px solid #222;}
.board-list .board-item { 
	position:relative; 
	padding:20px 20px;
	border-bottom: 1px solid #182987; 
	display: flex;
}

.board-list .board-item .num {
	display:flex;

	flex:0 0 20px;
	padding-top:2px;
	font-size:14px; 
	color:#182987;
	font-weight:700;
	position: relative;

}
.board-list .board-item .title {
	position:relative; transition:all 0.3s ease-in-out;
	flex:1;	padding-left:10px;
	align-items: flex-start;
	padding-right:40px;
}
.board-list .board-item.question .num::after {
	content:"";
	display: block;
	width:1px;
	height:10px;
	background:#182987;
	position: absolute;
	right:0; top:6px; 
}

.board-list .board-item.answer .num::after {
	content:"";
	display: block;
	width:1px;
	height:10px;
	background:#333;
	position: absolute;
	right:0; top:11px; 
}

.board-list .board-item.answer .num { padding-top:9px; color:#CD0431;}

.board-list .board-item .title {
	position:relative; 
	font-weight:800; 
	font-size:14px; line-height:1.5; 
	color:#182987;
}


.board-list .board-item.answer .title {
	position:relative; 
	font-weight:400; 
	font-size:14px; line-height:2.2; 
	color:#000;
}
.board-list .board-item.answer .title span {
	display: block;
}

.board-list.qna .board-item.question.on { background:#182987; }
.board-list.qna .board-item.question.on .num { color:#fff;}
.board-list.qna .board-item.question.on .num::after {
	background:#fff;
}
.board-list.qna .board-item.question.on .title { color:#fff;}

.board-list.qna .board-item.question { position: relative;}
.board-list.qna .board-item.question i {
	display: block;
	width:16px; height: 16px;
	background:url(../images/sub/i_plus_s.svg) no-repeat center / 100%;
	position: absolute;
	right:20px; top:50%;
	transform: translateY(-50%);
}
.board-list.qna .board-item.question.on i {
	background:url(../images/sub/i_minus_s.svg) no-repeat center / 100%;
}

.sbg201 { position: relative; padding:70px 0;}
.sbg201 h4 {
	font-size:70px;
	color:#e6e6e6; 
	font-weight:900; 
	position: relative;
	text-align: center;
}
.worldMap {
	position: relative;
	z-index:10;
	background: url(../images/sub/world_map2.svg) no-repeat center top / contain;
}
.gngList {
	display: flex;
	justify-content: center;
	flex-wrap:wrap;
	margin:0 auto;
	padding:100px 0 0;
}
.gngList li {
	flex:0 0 150px;
	margin:0 15px 40px;
	position: relative;
}
.gngList li div { position: relative; z-index:1; width:150px; height:150px; border-radius:170px;}
.gngList li div img { width:100%;}

.wonAni { 
	position: absolute; left:-15px; bottom:-15px; 
	width:90px;
	height:90px;
	display: flex;
	justify-content: center;
	align-items: center;		

}

.wonAni strong {
	display: flex;
	justify-content: center;
	align-items: center;			
	width:70px;
	height:70px;
	border-radius:64px;
	background:#CD0431;
	font-size:16px;
	color:#fff;
	line-height:1.4;
	font-weight:700;
	overflow: hidden;
	z-index:2;
}
.wonAni em {
	width:90px;
	height:90px;
	border:1px solid #CD0431;
	position: absolute;
	left:0; top:0;
	z-index:1;
	border-radius:80px;
	transform: rotate(0deg);
    transition: transform 0.7s linear;
    animation: rotate 7s infinite linear;	
}
.wonAni em i {
	width:8px; height:8px;
	background:#CD0431;
	display: block;
	border-radius:6px;
	position: absolute;
	left:9px; bottom:9px;
}

.gngList li:nth-child(2) .wonAni em i { left:30px; bottom:-3px;  }
.gngList li:nth-child(3) .wonAni em i { left:78px; bottom:15px;  }
.gngList li:nth-child(4) .wonAni em i { left:78px; bottom:67px;  }
.gngList li:nth-child(5) .wonAni em i { left:-5px; bottom:44px;  }


.containerProduct { 
	background:#fff; 
	position: relative; 
	padding:160px 0 0;
}

.product_title { display:flex; justify-content:center; align-items:center; padding:70px 0 40px;}
.product_title span { font-size:24px; font-weight:500; color:#182987;}
.product_title strong { font-size:24px; font-weight:800; margin-left:5px; color:#182987;}

.containerCustomer {
	background:#fff; 
	position: relative; 
	padding:160px 0 0;
}
.containerInquiry {
	background:#fff; 
	position: relative; 
	padding:160px 0 100px;
}


#bo_list,
#bo_gall,
#bo_v,
#bo_w { width:100% !important; padding:0 20px !important; box-sizing: border-box; }
#bo_list_total {
	float:left;
	line-height: 14px !important;
	font-size: 14px !important;
	color: #000;
	font-weight: 400;
	margin:10px 0 !important;
}
#bo_list_total strong { font-weight:800; }
.tbl_wrap { margin:0 0 10px !important;}

a.btn_b011 span, .btn_b011 span { display: none;}
.bo_tit .bo_cate_link { 
	display: inline-flex !important; padding:4px 10px !important; margin:10px 0 7px !important; font-size:12px !important; height:22px !important;
	border: 1px solid #182987 !important;
	color:#182987 !important;
}
#bo_gall .gall_text_href { padding:0 !important;}
#bo_gall .gall_text_href a { padding:10px 0 !important; }
#bo_list .td_name { text-align: center;}

#bo_list li.bo_notice { background:#f7f7f7; }
#bo_list_bottom { padding:0 20px 50px !important;}
.bo_tit a { font-size:14px !important;}

#bo_gall .bo_tit { font-size:17px !important; }

.select_bo_cate.mview { z-index:10 !important;}

.inqResultBtn { padding-right:10px !important; }
.online_box ul li { border-bottom:none !important; }

.online_bt .btn_ok { background:#182987 !important; }

#bo_gall #gall_ul {
	padding-top:10px !important;
}
#bo_gall .gall_img {
	border-bottom:none !important;
	border:none !important;
}
#bo_gall .gall_img img, #bo_gall .gall_img video {
	width:100% !important;
}

#bo_cate_ul { display:block !important; }
.select_bo_cate.mview { display: none !important;}


@media screen and (max-width: 480px) {
    #bo_cate li {
        min-width: 25% !important;
    }
}

@media (max-width:390px){
	.subHeader p span { display: inline; }

}

@media (max-width:350px){
	/* .hisListData ul li strong { font-size:16px; line-height:1.8; color:#182987; font-weight:800; flex:0 0 100%; margin-bottom:10px;}
	.hisListData ul li p { font-size:16px; line-height:1.8; color:#000; font-weight:400; flex:0 0 100%;} */

	.partnersLogo article { 
		flex:0 0 46%; 
		margin:0 2% 20px;
	}

}


#top_btn {
	    line-height: 1 !important;
		border: 1px solid #d2d2d2 !important;
}