@charset "utf-8";

html.overflow_on,body.overflow_on { overflow: hidden;}

.header { 
	height: 80px; position: fixed; left:0; top:0; z-index:9999;
	width:100%; transition:all 0.2s;
}
.header > div {
	margin: 0 auto; 
	display: flex; justify-content: space-between; align-items: center; 
	position: relative; z-index:10;
	padding:20px 0 0 15px;
}
.logo { width:182px; height:42px; transition:all 0.2s;}
.logo a { 
	display:block; text-indent:-99999px; overflow:hidden; width:100%; height:100%; 
	background:url(../images/logo-w-w.svg) no-repeat center / 100%;
}
.mNav { position:absolute; right:0; top:0; width:70px; height:80px; display:flex; justify-content:center; align-items:center; flex-direction:column; transition:all 0.2s;}
.mNav i { width:26px; height:2px; background:#fff; display:block; margin:0 auto; }
.mNav i:nth-child(2) { margin-top:8px; margin-bottom:8px; }

.header.on { background:#fff;  height:63px;}
.header.on > div { padding-top:14px;}
.header.on .logo { width:160px; height:36px; }
.header.on .logo a {
	background:url(../images/m/logo-mobile-w.svg) no-repeat center / 100%;
}
.header.on .mNav { height:63px;}
.header.on .mNav i {
	background:#242b75;
}


.nav { display:none; }
.nav > ul { display: flex; }
.nav > ul > li { cursor: pointer; flex:0 0 auto;}
.nav > ul > li > a { display: block; font-size:15px; font-weight:bold; color:#fff; padding:13px 20px 13px; }
.nav > ul > li > a:hover { color:#fff; }
.submenu { 
	position:absolute; top:20px; width:auto; overflow: hidden; height:0; transition: all 0.5s ease-in; opacity: 0; padding:25px 0 0;
	width:150px;
}
.submenu.on { height:auto; opacity: 1; padding:25px 0; }
.submenu li:nth-child(1) { padding-top:25px; } 
.submenu li {width:100%; padding-left:40px; margin-bottom:4px;}
.submenu li a { display:inline-block; padding-top:5px; padding-bottom:4px; font-weight:400; white-space: nowrap; position: relative; color:#fff; }
.submenu li a:hover { color:#fff; }
.submenu li a::before { content:""; position: absolute;left: 0; bottom: 0; width:0; height:1px; background:#fff;  transition: all 0.3s;}
.submenu li a:hover::before { width:100%; }



.menuBg { position:absolute; left:0; top:134px; height:0; background: #fff;; width:100%; z-index:1; overflow: hidden;transition: all 0.2s ease;}
.menuBg.on { height:150px;}



#main { position:relative; height:600px; width:100%; }
#main #mainVisual { height:100%; position: relative; width:100%;  }

.mvBg1 { 
	width:100%; 
	position: relative;
	left:0; top:0;
	z-index:103;
	display: flex;
	align-items: center;
	justify-content: center;
	background:rgba(0,0,0,0.5);
	height: 100%;
	flex-direction: column;
	z-index:102;
}

.item { 
	width:100%; height:100%; 
	top:40%;
	left:50%;
	transform: translate(-50%,-50%);
	position: absolute;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}
.txtBox > span:nth-child(1) { font-size:22px; font-weight:400; color:#fff; display: block; text-align:center; position: relative;}
.txtBox > span:nth-child(2) { font-size:22px; font-weight:400; color:#fff;  margin:10px 0; display: block; text-align:center; position: relative;}
.txtBox > span strong { font-weight:800; color:#fff; font-size:22px; position: relative;}

.txtBox p { text-align:center; position: relative;}
.txtBox p span { margin-right:3px; font-size:22px; font-weight:normal; color:#fff; position: relative;}
.txtBox p span:nth-child(1) { background:#f99100; display: inline-flex; overflow: hidden; position: relative;}
.txtBox p span em { font-size:22px; font-weight:800; color:#fff; display: inline-flex; padding: 5px 0; position: relative; overflow: hidden;}
.txtBox p span em:nth-child(1) { padding-left:5px;}
.txtBox p span em:nth-child(4) { padding-right:5px;}

.item1 .txtBox > span:nth-child(2) { line-height:1.4;}
.item2 .txtBox > span:nth-child(1) { line-height:1.4;}
.item2 .txtBox > span:nth-child(2) { line-height:1.4;}
.item2 .txtBox > span:nth-child(3) { line-height:1.4;}
.item3 .txtBox > span:nth-child(1) { line-height:1.4;}
.item3 .txtBox > span:nth-child(2) { line-height:1.4;}
.item3 .txtBox p { line-height:1.4;}


.item3 .txtBox p span em:nth-child(4) { padding-right:0;}
.item3 .txtBox p span em:nth-child(5) { padding-right:5px;}


.item1 .txtBox > span:nth-child(1) { position: relative; top:30px;  opacity: 0;}
.item1 .txtBox > span:nth-child(2) { position: relative; top:30px;  opacity: 0;}
.item1 .txtBox p { position: relative; top:30px; opacity: 0; }
.item1 .txtBox p span em:nth-child(1) { opacity: 0;}
.item1 .txtBox p span em:nth-child(2) { opacity: 0;}
.item1 .txtBox p span em:nth-child(3) { opacity: 0;}
.item1 .txtBox p span em:nth-child(4) { opacity: 0;}
/* .item1 .txtBox p span:nth-child(2) { opacity: 0;} */

.item2 .txtBox > span:nth-child(1) { position: relative; top:30px;  opacity: 0;}
.item2 .txtBox > span:nth-child(2) { position: relative; top:30px;  opacity: 0;}
.item2 .txtBox p { position: relative; top:30px; opacity: 0; }
.item2 .txtBox p span em:nth-child(1) { opacity: 0;}
.item2 .txtBox p span em:nth-child(2) { opacity: 0;}
.item2 .txtBox p span em:nth-child(3) { opacity: 0;}
.item2 .txtBox p span em:nth-child(4) { opacity: 0;}

.item3 .txtBox > span:nth-child(1) { position: relative; top:30px;  opacity: 0;}
.item3 .txtBox > span:nth-child(2) { position: relative; top:30px;  opacity: 0;}
.item3 .txtBox p { position: relative; top:30px; opacity: 0; }
.item3 .txtBox p span em:nth-child(1) { opacity: 0;}
.item3 .txtBox p span em:nth-child(2) { opacity: 0;}
.item3 .txtBox p span em:nth-child(3) { opacity: 0;}
.item3 .txtBox p span em:nth-child(4) { opacity: 0;}
.item3 .txtBox p span em:nth-child(5) { opacity: 0;}


.item3 .txtBox p span:nth-child(1) { background:transparent; }
.item3 .txtBox p span:nth-child(2) { background:#f99100; display: inline-flex; }


.scroll { position: absolute; left:50%; bottom: 20px; margin-left:-22px; z-index:103; }
.scroll em { display: block; color:#fff; font-size:14px; text-align: center; font-weight:bold; margin-bottom:8px;}
.scroll span { display: block; overflow: hidden; height: 45px; width:8px; margin:0 auto;}
.scroll span i { 
	display: block; width: 8px; height: 45px; 
	background:url(../images/i_scroll_a.svg) no-repeat center; 
	margin:0 auto; 
	position: relative;
	top:-45px;
	animation-name: scrollRepeat;
    animation-duration: 3s;
    animation-iteration-count: infinite;
	opacity: 0;
}

@keyframes scrollRepeat {
	0% {
		top:-45px;
	}
	60% {
		top:0;
		opacity: 1;
	}
	100% {
		top:20px;
		opacity: 0;
	}
}


.custTel { position: absolute; left:50%; bottom: 40px; margin-left:350px;  z-index:10; display: none;}

.mv { height:100%; overflow: hidden; position: absolute; left:0; top:0; width:100%;}
video#videobcg {
	position: absolute; left: 50%; top: 50%;
	transform:translate(-50%,-50%);
	min-width: 100%; min-height: 100%;
	width: auto; height: auto; z-index: -1;
	/*  background: url(../images/main/mVisual.jpg) no-repeat; */
	background-size: cover;
	overflow:hidden;
	object-fit: cover;
    display: flex; 
    justify-content: center; 
    align-items: center;
}

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

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

video#videobcg[poster]{ 
	/* 포스터 이미지의 크기를 비디오 영상에 꽉차도록 */
    height:100%;
    width:100%;
}
video#videobcg::-webkit-media-controls-panel {
  display: none!important;
 -webkit-appearance: none;
}

/* Old shadow dom for play button */

video#videobcg::--webkit-media-controls-play-button {
  display: none!important;
  -webkit-appearance: none;
}

/* New shadow dom for play button */

/* This one works */

video#videobcg::-webkit-media-controls-start-playback-button {
  display: none!important;
  -webkit-appearance: none;
}
 video#videobcg::-webkit-media-controls-overlay-play-button {
      display: none;
    }

.section1 { padding:109px 0; background:#242b75; }
.truthDiv h2 { text-align: center;  margin-bottom:15px;}
.truthDiv h2 span { font-size:30px; font-weight:800; color:#fff; display: block; margin-bottom:15px; }
.truthDiv h2 strong { font-size:30px; font-weight:800; color:#f99100; display: block;}

.truthList { padding:61px 0 0; display: block;}
.truthList article { text-align: center; margin-bottom:60px;}
.truthList article span { font-size:16px; color:#fff; text-align: center; font-weight:400; display: block;}

.truthList article span { margin:15px 0 20px;}

.truthList article p { text-align: center;}
.truthList article p strong { font-size:70px; font-weight:900; color:#fff; }
.truthList article p em { font-size:36px; color:#fff;}

.truthList article i { display: block; margin: 0 auto 20px;}
.truthList article:nth-child(1) i {
	width:61px;height:55px;
	background:url(../images/i_truth1.svg) no-repeat center / 100%;
}
.truthList article:nth-child(2) i {
	width:54px;height:55px;
	background:url(../images/i_truth2.svg) no-repeat center / 100% 60px;
}
.truthList article:nth-child(3) i {
	width:54px;height:62px;
	background:url(../images/i_truth3.svg) no-repeat center / 100% 59px;
}


.section2 { background: #fff; padding:93px 0;}
.s2_box { text-align: center;}
.s2_box i {
	display: block;
	width: 66px; height: 66px;
	background: url(../images/logo-simbol.svg) no-repeat center / 100%;
	margin: 0 auto;
}
.s2_box h2 {
	font-size:20px;
	color:#010101;
	padding:24px 0 16px;
	font-weight: 300;
}
.s2_box div { display:flex; justify-content: center;}
.s2_box div em { font-size:36px; font-weight:800; color:#242b75;}
.s2_box div strong { margin-left:6px; font-size:36px; font-weight:900; color:#f99100;}

.s2_box ul { margin:50px 0; display: flex; justify-content: center; align-items: flex-end; transform: scale(0.8);}
.s2_box ul li { margin:0 10px; display: flex; justify-content: center; align-items: center;}
.s2_box ul li:nth-child(1) { width: 53px; height: 41px;}
.s2_box ul li:nth-child(2) { width: 60px; height: 56px;}
.s2_box ul li:nth-child(3) { width: 48px; height: 49px;}
.s2_box ul li:nth-child(4) { width: 66px; height: 55px;}
.s2_box ul li:nth-child(5) { width: 41px; height: 39px;}
.s2_box ul li:nth-child(6) { width: 65px; height: 47px;}
.s2_box ul li:nth-child(7) { width: 58px; height: 25px;}

.s2_box ul li img { width:1px; height:1px; }


/* .s2_box ul li img { width: 100%;} */
.s2_box p { text-align: center;}
.s2_box p span { display: block; font-size:17px; padding:10px 0; }
.s2_box p span strong { font-weight:800;}


.section3 { height: 100vh; position: relative; background: #fbab3b; overflow: hidden;}
.s3_box { position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.s3_con { height:calc(100vh - 224px);  }

.s3_conbox { 
	width:100%; position :relative; 
	height:calc(100vh - 224px); 
	padding:12vh 30px 224px;

}
.s3_conbox h3 { position: relative; }
.s3_conbox h3 span { display: block; font-size:36px; font-weight:900; color:#fff;  }
.s3_conbox h3 span { margin-bottom:10px; }
.s3_conbox h3 span strong { color:#242b75; font-weight:900;}

.s3_conbox .con_tBox { position: relative; width: 100%; }
.s3_conbox article { position: absolute; left: 0; top: 85px; width:100%;}
.s3_conbox article em { color:#010101; font-size:18px; display: block; font-weight:800;}
.s3_conbox article div { margin:10px 0 20px;}
.s3_conbox article div strong { font-size:18px; font-weight: 800; color:#fff; display: inline-block; padding:6px 10px; background:#242b75; line-height:1.4;}
.s3_conbox article p span { display: block; margin-bottom:7px; font-size:16px; color:#010101; font-weight:700; line-height:1.6;}
.s3_conbox article p span strong {  font-size:16px; color:#010101; font-weight:800; line-height:1.6;}  

@media(max-width:360px){
	.s3_conbox article p span {display: inline;}
}


.s3_img { height:225px; position:relative; overflow: hidden; width:100%;}
.s3_img > div {  position: absolute; left:0; top:0; width:100%; height:225px;}


.s3_img .img301 { background: url(../images/m/brand_imgN1_o.jpg) no-repeat center / cover; }
.s3_img .img301 { background-image: image-set(url(../images/m/brand_imgN1_o.webp) type("image/webp"), url(../images/m/brand_imgN1_o.jpg) type("image/jpeg")); } /* WebP 우선(폴백 위 규칙) */
.s3_img .img302 { background: url(../images/brand_img2.jpg) no-repeat center / cover; }
.s3_img .img303 { background: url(../images/brand_img3.jpg) no-repeat center top -70px / cover; }


.s3_box .h3_t1 { opacity: 1; }
.s3_box .con_t1 { opacity: 0; top: 85px; }
.s3_box .s3_img img { width:100%; display:none;}
.s3_box .s3_img .img301 { opacity: 1; transform: scale(1);}

.s3_box .con_t2 { opacity: 0; top: 85px; }
.s3_box .s3_img .img302 { opacity: 0; transform: scale(1.2);}

.s3_box .con_t3 { opacity: 0; top: 85px; }
.s3_box .s3_img .img303 { opacity: 0; transform: scale(1.2);}


.s3_box2 { top:100%;}
.s3_box3 { top:100%;}


.section4 { background: url(../images/m/t_bg.jpg) no-repeat center / cover; position: relative; height: 750px;}
.section4 > div { height: 100%; }
.serCon { position: relative; display: flex; flex-direction: column; justify-content: space-between; align-items: center; height:100%; padding:90px 0;}
.serCon h3 span { font-size:36px; color:#fff; font-weight:900; display: block; line-height: 1.4; text-align: center;}
.serCon h3 strong { font-size:36px; color:#f99100; font-weight:900; display: block; line-height: 1.4; text-align: center;}
.serCon p { padding:25px 0 0;}
.serCon p span { 
	font-size:17px; color:#fff; font-weight:500; display: block; 
	text-shadow: 0 5px 10px rgba(0,0,0,0.15); 
	line-height: 2.2; text-align: center;
}


.section5 { background:#242b75; padding:110px 0  50px;}
.graphTitle h3 { text-align: center;}
.graphTitle h3 span { line-height:1.6; display:block; text-align:center; font-size:36px; font-weight:900; color:#fff; }
.graphTitle h3 span strong { color:#f99100; font-weight:900;}
.graphTitle p { font-size:18px; color:#fff; margin-top:15px; text-align: center; line-height:2}

.graphCon { margin:20px 0 0; height:auto; padding:0 20px; position: relative; }
.gcWrap { 
	position: absolute; left:0; top:0; 
	width:100%;
	opacity: 1; 
	padding-top:80px;
	z-index:100;
}

.gcWrap1 { opacity: 0; top:0}
.gcWrap2 { opacity: 0; top:-100%;}
.gcWrap3 { opacity: 0; top:-100%;}

.gcWrap1.on { opacity: 1; top:0}
.gcWrap2.on { opacity: 1; top:0;}
.gcWrap3.on { opacity: 1; top:0;}


.gcBox { 
	border-radius:20px; background: #fff; box-shadow: 0 8px 15px rgba(0,0,0,0.15); 
	height:660px; width:100%; margin:0 auto; position: relative;
	padding-bottom:15px; z-index:-1;
}
.gcBox > article { position: relative; }

.gcTitle {
	border-radius:42px;
	height:60px;
	width:280px;
	background:#242b75;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	border:1px solid #fff;
	margin:0 auto;
	top:-30px;
	position: relative;
}
.gcTitle strong { display: block; font-size:15px; font-weight:800; color:#fff; margin-bottom:10px; }
.gcTitle span { display: block; font-size:13px; font-weight:500; color:#fff;}

.gtp { text-align: center; padding:0 0 20px; margin-top:-10px; font-weight:500 !important; font-size:12px;}


.gpLine { position: relative; display: flex; align-items: flex-end; justify-content: center; }
.gpLine li { flex:0 0 20px;  margin-left:5px; margin-right:5px; position: relative; height:450px; display: flex; flex-direction: column; justify-content: flex-end; }

.gpLine li strong { display: block; text-align: center; color: #2b2b2b; padding-bottom:10px; font-size:10px; font-weight:900; line-height:1.2;}
.gpLine li em { display: block; text-align: center; color: #2b2b2b; padding-top:10px; font-size:10px; font-weight:700; line-height:1.2;}

.gradBlue { display: block; position: relative; left:0; bottom:0; background-image: linear-gradient(to top, #356ed3, #253579 ); width:100%; }
/* .gb1 { height:21px;}
.gb2 { height:60px;}
.gb3 { height:185px;}
.gb4 { height:245px;}
.gb5 { height:330px;} */

/* .gradBlue.gb5  { 
	display: block; 
	width:30px;
	background:url(../images/arrow_top5.png) no-repeat center / 100%;
	margin-left:-20px;
} */
.gradBlue.gb5::after {
	content:"";display:block;
	width:40px; height:18px;
}

.gpLine li:nth-child(5) strong { padding-bottom:10px; font-size:12px; font-weight:800; margin-left:-5px; line-height:1.2;}

.pgBox {
	position: absolute; left: 50%; top:110px; 
	margin-left:-60px;
	width:120px; height:118px;
	background:url(../images/talk_s2.png) no-repeat center / 100%;
	display: flex; justify-content: center; align-items: center; flex-direction: column;
	padding-right:9px;
	opacity: 0;
	transform: scale(1.3);
}
.pgBox span { font-size:10px; font-weight:700; color:#242b75; display: block; text-align: center;}
.pgBox strong { font-size:18px; font-weight:900; color:#242b75; display: block; line-height: 1; padding:8px 0 4px;} 
.pgBox em { font-size:16px; font-weight:900; color:#242b75; }

.tipText { position: absolute; left:0;  bottom:-100px; font-size:12px; line-height:1.5; font-weight:500; width:100%; text-align: center; }
.tipText::before { content: "*"; font-size:12px; font-weight:500;  }

.gcBtnArea { 
	display: flex; justify-content: space-between; align-items:center;  width:100%; margin:0 auto; 
	position:absolute; 
	left:0; top:0;
	z-index:99999;
	height:60px;

}
.gcBtnArea a {
	display: flex; align-items: center;
}
.gcBtnArea a em { font-size:16px; color:#fff; font-weight:700; display:none;}

a.gcPrev i {
	display: block;
	width:23px;height:35px;
	background: url(../images/s_prev.svg) no-repeat center / 100%;
	margin-right:15px;
}
a.gcNext i {
	display: block;
	width:23px;height:35px;
	background: url(../images/s_next.svg) no-repeat center / 100%;
	margin-left:15px;
}


.section6 { padding:109px 0 0; position:relative;}
.s6_box { position: relative; }
.advLeft { padding:0 30px; position: relative;}
.advLeft h2 { padding-bottom:20px;}
.advLeft h2 span { font-size:36px; font-weight:900; margin:10px 0; color:#010101; display: block;}
.advLeft h2 span strong { font-size:44px; font-weight:900; color:#f99100 }

.advLeft p { padding:4px 0 10px;}
.advLeft p span { display: block; font-size:17px; font-weight:500; color:#2b2b2b; margin:12px 0;}
.advLeft p span strong { font-size:17px; font-weight:800; color:#2b2b2b;}


a.more_v1 { display: block; margin-top:40px; display: none;}
a.more_v1 span { display: inline-flex; border-radius:22px; height:42px; background:#f99100; align-items: center; padding:0 20px;}
a.more_v1 span strong {
	font-size:15px; font-weight:900; margin-right:15px;
	color:#fff;
}
a.more_v1 span i {
	display: block;
	width:45px; height:7px;
	background:url(../images/i_arrow_dark.svg) no-repeat center / 100%;
	position: relative;
	transition: all 0.5s;	
	left:0;
}
a.more_v1:hover span i { left:40px; }

a.more_b1 { display: block; margin-top:130px; }
a.more_b1 span { display: inline-flex; align-items: center; padding-bottom:10px; border-bottom:3px solid #010101;}
a.more_b1 span strong {
	font-size:15px; font-weight:900; margin-right:15px;
	color:#010101;
}
a.more_b1 span i {
	display: block;
	width:45px; height:7px;
	background:url(../images/i_arrow_dark.svg) no-repeat center / 100%;
	position: relative;
	transition: all 0.5s;
	left:0;
}
a.more_b1:hover span i { left:20px; }

.advRight {
	width:100%; height:400px;
	display: block;
	position: relative;
}
.movieBox {
	width:100%; height:100%;
	display: block;
	position: relative;
	/* background: url(../images/mak_img.jpg) no-repeat center / cover; */
	z-index:100;
}
.movieBox div {
	position: absolute;
	left:0; top:0; 
	display: inline-flex;
	align-items: center;
	background:#242b75;
	padding:0 20px;
	height: 35px;
	z-index:1002;
}
.movieBox article { 
	display:block;
	position:absolute;
	left:0; bottom:0;
	z-index:101;
	width:100%;
	height:50%;
	background-image: linear-gradient(to top, rgba(37,53,121,1), rgba(37,53,121,0) );
}
.movieBox div strong {
	font-size:14px; font-weight:900; color:#fff;
}
.movieBox div span {
	font-size:14px; font-weight:400; color:#fff; margin-left:5px;
}
.movieBox p {
	position: absolute;
	left:0; bottom:0;
	width:100%;
	padding:10px 10px 20px;
	z-index:1002;
}
.movieBox p span {
	display: block;
	font-size:24px;
	color:#fff;
	font-weight: 900;
	font-family: 's-core-dream';
	padding:0 0;
	text-align:center;
	line-height:1.3;
	text-shadow: 5px 8px 12px rgba(0,0,0,0.5);
}
.movieBox p span strong {
	font-size:24px;
	color:#ec9d3b;
	font-family: 's-core-dream';	
	font-weight: 900;
	line-height:1.3;
	text-align:center;
	text-shadow: 5px 8px 12px rgba(0,0,0,0.5);
}

.mvPlay {
	display: block;
	width:76px; height: 76px;
	background: url(../images/play.svg) no-repeat center / 100%;
	position: absolute;
	left:50%; top:50%;
	transform: translate(-50%,-50%);
	z-index:99999;
	transition:all 0.5s;
}
.mvPlay.pause {
	background: url(../images/i_pause.png) no-repeat center / 100%;
		opacity:0.3;
}
.adMovieLayer { 
	position: fixed; left:0; top:0; width: 100%; height: 100%; z-index:999999; 
	display: none;
	
}
.adMovieWrap {
	position: relative;
	width: 100%; height: 100%;
	display: flex; justify-content: center; align-items: center;
	z-index:1;
}
.adMovieWrap .close_ad { 
	position: absolute; left: 0; top: 0; z-index:1; 
	width: 100%; height: 100%;
	background:rgba(0,0,0,0.5);
	z-index:2;
}

.adMovieWrap .close_adm {
	position: absolute;
	right:50px; top:50px;
	width: 48px;
	height: 48px;
	background:url(../images/x.svg) no-repeat center;
	z-index:111;

}

.adMovieWrap .mv { 
	width: 1100px; height: 550px; position: relative; 
	z-index:100;
}

.kakaoSection article { width:100%; margin: 0 auto; padding:110px 0;}
.kakaoSection h2 { padding-bottom:10px; text-align: center;}
.kakaoSection h2 span { font-size:36px; font-weight:900; margin:15px 0; color:#010101; display: block; }
.kakaoSection h2 span strong { font-size:36px; font-weight:900; color:#f99100 }

.kakaoSection p { padding:4px 0 50px;  text-align: center}
.kakaoSection p span { display: block; font-size:17px; font-weight:500; color:#2b2b2b; margin:12px 0;}
.kakaoSection p span strong { font-size:17px; font-weight:800; color:#2b2b2b;}




.swiper-button-prev.sw_prev { 
   position:absolute; left:0px !important; top:50% !important; 
   width:32px; height:32px;  transition:all 0.3s ease-out; 
   z-index:1000; margin-top:-44px;
}
.swiper-button-prev.sw_prev em { 
   display:block; width:100%; height:100%; 
   background: url(../images/sw_prev.svg) no-repeat center / 100%;
}
.swiper-button-next.sw_next { 
   position:absolute; left:auto !important; right:0; top:50% !important; 
   width:32px; height:32px;  transition:all 0.3s ease-out;
   z-index:1000; margin-top:-44px;
}
.swiper-button-next.sw_next em { 
   display:block; width:100%; height:100%; 
   background: url(../images/sw_next.svg) no-repeat center / 100%; 
}

.swiper-button-prev.sw_prev::before,
.swiper-button-prev.sw_prev::after,
.swiper-button-next.sw_next::before,
.swiper-button-next.sw_next::after { display:none; }

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


.sliderSwiper .swiper-pagination .swiper-pagination-bullet { width:10px; height:10px; border:1px solid #242b75; margin:0 4.5px; background:#fff; opacity:1;}
.sliderSwiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background:#242b75; }




.section7 { height:auto; background: url(../images/m/m_bg.jpg) no-repeat center / cover; padding:109px 0 108px;}
.s7_box h2 { text-align: center; overflow: hidden;}
.s7_box h2 span { display: block; font-size:36px; font-weight:900; color:#fff; padding:12px 0; text-align: center;}
.s7_box h2 span strong{ font-size:36px; font-weight:900; color:#f99100;}
.s7_box p { padding:20px 0 80px; text-align: center; overflow: hidden;}
.s7_box p span { display: block; font-size:17px; font-weight:300; color:#fff; padding:6px 0; text-align: center;}

.s7_list {
	display: flex; 
	justify-content: space-between;
	align-items: center; 
	width:100%;
	overflow: hidden;
	flex-wrap:wrap;
	padding:0 20px;
}
.s7_list li { flex:0 0 49%; text-align: center; position: relative; padding:25px 0; background:#0c1257; margin-bottom:2%;}
.s7_list li::before { display: none; }
.s7_list li:nth-child(1)::before { display: none; }
.s7_list li i { display: block;	margin: 0 auto 15px; height:58px; }
.s7_list li:nth-child(1) i { background: url(../images/icon-a.svg) no-repeat center / 49px 50px; }
.s7_list li:nth-child(2) i { background: url(../images/icon-b.svg) no-repeat center / 54px 50px; }
.s7_list li:nth-child(3) i { background: url(../images/icon-c.svg) no-repeat center / 50px 52px; }
.s7_list li:nth-child(4) i { background: url(../images/icon-d.svg) no-repeat center / 50px 58px; }

.s7_list li strong { font-size:17px; font-weight:700; color:#fff; display: block; line-height:1.6; }

@media (max-width:400px){
	.s7_list li { flex:0 0 100%; }
}


.section8 { padding:100px 0 75px; position: relative;}
.s8_box { }
.s8_box h2 { text-align: right; padding-right:35px; position: relative; z-index: 2; padding-top:10px; padding-bottom:150px;}
.s8_box h2 span { display:block; font-size:36px; font-weight:400; color:#010101; }
.s8_box h2 strong { display: block; font-size:36px; font-weight:900; color:#f99100; margin:20px 0; }
.s8_box article { flex: 1; position: relative; z-index: 2;}

.thumWrap1 {}
.thumSlider1 .swiper-slide div { height:78px; display: flex; justify-content: center; align-items: center; }
.thumSlider1 .swiper-slide div i { display: block; }

.thumWrap2 { margin-top:50px;}
.thumSlider2 .swiper-slide div { height:78px; display: flex; justify-content: center; align-items: center; }
.thumSlider2 .swiper-slide div i { display: block; }

.thumSlider1 .swiper-slide strong,
.thumSlider2 .swiper-slide strong { text-align: center; display: block; font-size:14px; color:#010101; font-weight:400; margin-top:10px; line-height: 1.3;}	

.s8_list {display: flex; justify-content: center; flex-wrap: wrap; overflow: hidden;}
.s8_list li { text-align: center; flex:0 0 16.666667%; margin-bottom:40px;}
.s8_list li div { height:78px; display: flex; justify-content: center; align-items: center;}
.s8_list li div i { display: block; }
.vp_thum1 {
	width:104px; height:74px;
	background:url(../images/cm1.svg) no-repeat center / 100%;
}
.vp_thum2 {
	width:63px; height:63px;
	background:url(../images/cm2.svg) no-repeat center / 100%;
}
.vp_thum3 {
	width:63px; height:63px;
	background:url(../images/cm3.svg) no-repeat center / 100%;
}
.vp_thum4 {
	width:63px; height:63px;
	background:url(../images/cm4.svg) no-repeat center / 100%;
}
.vp_thum5 {
	width:63px; height:63px;
	background:url(../images/cm5.svg) no-repeat center / 100%;
}
.vp_thum6 {
	width:102px; height:39px;
	background:url(../images/cm6.svg) no-repeat center / 100%;
}
.vp_thum7 {
	width:63px; height:63px;
	background:url(../images/cm7.png) no-repeat center / 100%;
}
.vp_thum8 {
	width:100px; height:42px;
	background:url(../images/cm8.svg) no-repeat center / 100%;
}
.vp_thum9 {
	width:82px; height:68px;
	background:url(../images/cm_video.jpg) no-repeat center / 100%;
}
.vp_thum10 {
	width:62px; height:63px;
	background:url(../images/cm10.svg) no-repeat center / 100%;
}
.vp_thum11 {
	width:115px; height:49px;
	background:url(../images/cm11.png) no-repeat center / 100%;
}
.vp_thum12 {
	width:86px; height:67px;
	background:url(../images/cm12.png) no-repeat center / 100%;
}
.s8_list li strong { text-align: center; display: block; font-size:14px; color:#010101; font-weight:400; margin-top:10px; line-height: 1.3;}	

.vp_img {
	display: block;
	width:250px; height: 250px;
	background:url(../images/bg-logo.svg) no-repeat center / 100% auto;
	position: absolute;
	left:0; 
	top:100px; 
}

.section9 { background: url(../images/m/f_bg.jpg) no-repeat left 30% center / cover; padding:80px 0; position: relative; height:850px; }
.s9_box { position: relative; height: 100%; flex-direction: column; justify-content: flex-start; align-items: center;}
.s9_box h2 { padding:0 30px; }
.s9_box h2 span { display: block; font-size:36px; font-weight:900; color:#fff; margin:15px 0;}
.s9_box h2 span em { display: inline-flex; background:#242b75; padding:5px;  font-size:36px; font-weight:900; color:#fff;}

.s9_con { position: absolute; left:0; bottom:10px; width:100%; display: flex; justify-content: center; padding-bottom:5vh;}
.s9_con article { display: block; text-align: center; position: relative;}
.s9_con article i.ddaum_first { 
	display: block;
	width:24px; height: 25px;
	background: url(../images/ddaum_left.png) no-repeat center / 100%; 
	margin-top:-15px;
	position: absolute; left: 0; top: 0;
}
.s9_con article p { display: inline-flex; justify-content: center; align-items: center; margin:0 15px; flex-direction: column;}
.s9_con article p span { font-size:20px; color:#fff; font-weight:300; display: block; margin:8px 0;}
.s9_con article p span em { font-size:20px; color:#f99100; font-weight:800; }
.s9_con article i.ddaum_last { 
	display: block;
	width:24px; height: 25px;
	background: url(../images/ddaum_right.png) no-repeat center / 100%; 
	margin-top:-15px;
	position: absolute; right: 0; top: 0;
}



.section10 { padding:150px 0 80px;}
.s10_box h2 { padding:130px 0 40px;}
.s10_box h2 span { display: block; font-size:36px; font-weight:500; color:#010101; text-align: center;}
.s10_box h2 strong { display: block; font-size:36px; font-weight:900; color:#010101; margin-top:10px; text-align: center;}


.qnaWrap { 
	position:relative;
}
.qnaCon {
	width:100%;
	position: relative;
	padding:0 0;
}
.qnaCon h3 {
	 background:#e6e6e6; padding:14px 15px; font-size:16px; color:#010101; line-height:1.5; text-align: center; width:auto; 
	 margin:6.5px 10px; cursor: pointer;
}
.qnaCon h3.on {
	border:1px solid #242b75; background: #fff; font-size:16px; color:#242b75; font-weight:800; 
	background:#242b75; color:#fff
}

.qnaCon > article {
	position: relative; 
	width:100%;
	height: 660px;
	overflow: hidden;
	
}
.qnaCon > article::after {
	content:"";
	position: absolute; 
	left:-17px; top:0;
	width:100%;
	height: 660px;
	background: url(../images/phone.png) no-repeat center top / 380px auto;
	overflow: hidden;
	margin:0 auto;
	z-index:-1;
}

.qnaCon > article:nth-child(1) {
	opacity: 1;
}

.qnaCase .qnaQuestion { display: flex; justify-content: center; opacity: 1; top: 0; position: relative; padding-top:130px;}
.qnaCase .qnaQuestion .que_h1 {
	width:240px;
	height: 90px;
	background:url(../images/talk_orange_sq2.png) no-repeat center / 100% auto;
	font-size:14px; font-weight:700; color:#fff;
	line-height:1.5;
	padding:22px 0 0 18px;
}

.qnaCase .qnaQuestion .que_h3 {
	width:255px;
	height: 65px;
	background:url(../images/talk_orange_sq1.svg) no-repeat center / 100% auto;
	font-size:14px; font-weight:700; color:#fff;
	line-height:1.5;
	padding:18px 0 0 14px;
}

.qnaCase .qnaQuestion .que_h4 {
	width:240px;
	height: 110px;
	background:url(../images/talk_orange_sq4.svg) no-repeat center / 100% auto;
	font-size:14px; font-weight:700; color:#fff;
	line-height:1.5;
	padding:22px 0 0 25px;
}


.qnaCase .qnaAnswer { 
	margin:5px 0 0;
	display: flex; 
	justify-content: center; position: relative;
	opacity: 1; top: 0; 
	width:100%;
}
.qnaCase .qnaAnswer .i_answer { 
	display: block;
	width:30px; height:30px;
	background: url(../images/logo-simbol.svg) no-repeat center top / 100% auto;
	position: absolute;
	left: 50%; top: 30px;
	margin-left:-150px;
}
.qnaCase .qnaAnswer p {
	font-size:13px; font-weight:700; color:#fff;
	line-height:1.65;
	padding:20px 0 0 55px;
	letter-spacing: -0.5px;
}
.qnaCase .qnaAnswer .ans_h1 {
	width:260px;
	height: 305px;
	background:url(../images/talk_blue_sq2.png) no-repeat center top / 100% auto;
	padding-top:30px;
	padding-left:40px;
}
.qnaCase .qnaAnswer .ans_h1.ans_h1_1 {
	padding-top:20px;
	padding-left:55px;
}
.qnaCase .qnaAnswer .ans_h1.ans_h1_2 {
	padding-top:25px;
	padding-left:50px;
	height: 260px;
	background:url(../images/talk_blue_sq1.png) no-repeat center top / 100%;
}
.qnaCase .qnaAnswer .ans_h3 {
	width:270px;
	height: 350px;
	background:url(../images/talk_blue_sq1.png) no-repeat center top / 100%;
	padding-top:19px;	
	padding-left:46px;
}
.qnaCase .qnaAnswer .ans_h4 {
	width:260px;
	height: 260px;
	background:url(../images/talk_blue_sq3.png) no-repeat center top / 100%;
	padding-top:28px;	
	padding-left:48px;
}


.qnaList { display:flex; flex-direction: column; justify-content: center; padding-bottom:40px;}
.qnaList li { background:#e6e6e6; padding:14px 0; font-size:16px; color:#010101; line-height:1.5; text-align: center; width:347px; margin:6.5px auto; cursor: pointer;}
.qnaList li.on { border:1px solid #242b75; background: #fff; font-size:16px; color:#242b75; font-weight:800; width:369px;}


.section11 {  background:#242b75; padding:110px 0 45px; position: relative;}
.s11_box { padding:0 30px;}
.s11_header { border-bottom:3px solid #fff; padding-bottom:25px; align-items: flex-end;}
.s11_header h2 span { font-size:36px; font-weight:400; color:#fff;  display: block; margin: 0 0; line-height:1.2;}
.s11_header h2 span strong { font-size:36px; font-weight:900; color:#f99100; }

.s11_header p { font-size:32px; font-weight:900; color:#fff; font-family: 's-core-dream'; padding-top:40px;}

.formBoxFooter { 
	border-bottom:2px solid #fff; 
	padding:5px 0 35px; 

}
.formBoxFooter article { padding:30px 0 0; }
.formBoxFooter article label { 
	display: block; font-size:16px; color:#fff; line-height:1.5;
	padding-bottom:20px;
	padding-left:20px; position: relative; font-weight: 400;
}

.formBoxFooter article label::before {
	display: inline-block; font-size:16px; color:#fff;
	position: absolute; left: 0; top:1px; font-weight: 400;
}
.formBoxFooter article:nth-child(1) label::before { content:"1."; }
.formBoxFooter article:nth-child(2) label::before { content:"2."; }
.formBoxFooter article:nth-child(3) label::before { content:"3."; }
.formBoxFooter article:nth-child(4) label::before { content:"4."; }
.formBoxFooter article:nth-child(5) label::before { content:"5."; }
.formBoxFooter article .inpx {
	border-radius:30px;
	width:100%; 
	background:#1b2267;
	height:57px;
	display: flex;
	align-items: center;
	padding:20px;
	font-size:18px; color:#fff;
	font-weight:500;
}
.formBoxFooter article .selBox {
	border-radius:30px;
	width:100%; 
	background:#1b2267;
	height:57px;
	display: flex;
	align-items: center;
	padding:20px;

}
.formBoxFooter article .selBox select { 
	background: none;
	border: none;
	font-size:18px; color:#fff;
	font-weight:700;		
	width:100%;
}
.formBoxFooter article:nth-child(5) label { height: auto; }
.formBoxFooter article:nth-child(5) { flex:0 0 100%; }
.formBoxFooter article .texta {
	border-radius:50px;
	width:100%; 
	background:#1b2267;
	height:160px;
	display: flex;
	padding:20px;
	font-size:18px; color:#fff;
	font-weight:500;
}
.formBoxFooter article .texta:focus { outline:none;  }


.todayPrice { display:flex; align-items:center; flex-wrap:wrap }
.todayPrice > div { flex:0 0 100%; display:flex; align-items:center; margin-top:15px; }
.todayPrice > div strong { flex:0 0 70px; font-size:16px; font-weight:500; color:#fff; padding-left:20px;}
.todayPrice > div input[type='text'] { flex:1; border-radius:30px; background:#1b2267; padding:10px 10px;  text-align:center; }
.todayPrice > div span { flex:0 0 40px; font-size:16px; font-weight:400; margin-left:10px; color:#fff;}
.todayPrice > i { flex:0 0 1px; margin:0 2%; height:30px; width:1px; background:#fff; display:block; opacity:0.3; display:none;}
.todayPrice > div:nth-child(1) { margin-top:0; }

.policyArea { display: flex; justify-content: space-between; padding:20px 0 0; margin-top:10px;}
.btnAgree { display: flex; align-items: center;}
.btnAgree strong { font-size:14px; font-weight:300; color:#fff; }
.btnAgree i { display: block; width:17px; height: 17px; background: url(../images/i_select.png) no-repeat center / 100%; margin-left:7px;}
.btnApp { 
	border:none; background:#f99100; color:#242b75; font-size:18px; font-weight:800; width:134px; height:44px; 
	font-family: 's-core-dream';
	font-weight: 600; display: block;
	border-radius:24px; 
	margin:40px 0 30px;
}
.agreeBoxWrap { 
	margin-top:20px; width:100%; background:#1b2267; 
	padding:20px; color:rgba(255,255,255,0.8); line-height:1.5; height:150px; overflow: hidden; overflow-y: auto; 
	font-size:14px; display:none;
}
.agreeBoxWrap.on { display:block; }
.btnAgree.on i { transform:rotate(180deg); }


.footer { padding:100px 30px 60px;}
.footer ul li { margin-bottom:5px;}
.footer ul li span { margin-right:30px; font-size:12px; color:#a7a7a7; display: block; margin-bottom:5px; line-height:1.4;}
.footer p { font-size:12px; color:#a7a7a7; margin-top:50px;}




.visualWrap {  }
.gallerWrap { position:relative;  }

.gaThumDiv { display:flex; height:740px; }
.gaThumDiv .gaThum { 
	width:100%; height:100%; position:relative; z-index:10;
}
.gaThumDiv section { 
	position: absolute; left: 0; top: 0; 
	z-index:1; width: 100%; height: 100%; transition: all 2s; transform: scale(1); opacity: 0;
}

.gaThumDiv1 section { background: url(../images/mv1.jpg) no-repeat center / cover; }
.gaThumDiv2 section { background: url(../images/mv1.jpg) no-repeat center / cover; }

.gaThumDiv .gaThum1 article { 
	position:absolute; left:5%; top:0; z-index:10; 
	width:90%; height:100%; 
	display:flex; 
	justify-content:flex-start; 
	align-items:center;  
	padding:0 0;
}

.gaThumDiv .gaThum1 h2 { 
	font-size:60px; font-weight:700; color:#fff; display:inline-block; position: relative; letter-spacing: -1px; 
	transition: all 1s ease 1s; position: relative; opacity: 0;
	line-height:76px;
	top:30px;
	margin-bottom:10px;
}

.gallerySlider { height:750px; }
.gallerySlider .gaThumDiv.swiper-slide-active section { opacity:1; transform: scale(1);}
.gallerySlider .gaThumDiv.swiper-slide-active .gaThum em { opacity:1;}
.gallerySlider .gaThumDiv.swiper-slide-active .gaThum h2 { opacity:1;}
.gallerySlider .gaThumDiv.swiper-slide-active .gaThum span { opacity:1;}

.swiper-button-prev.gaPrev::before,
.swiper-button-prev.gaPrev::after,
.swiper-button-next.gaNext::before,
.swiper-button-next.gaNext::after { display:none; }

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

.swiper-pagination.gaPaging { position:absolute; left:0; top:80%; width:100%; height:26px; }
.swiper-pagination.gaPaging .swiper-pagination-bullet { display:inline-block; height:5px; width:26px; background:rgba(255,255,255,0.3);  border-radius:0; transition:all 0.5s; opacity:1; margin:0 5px;}
.swiper-pagination.gaPaging .swiper-pagination-bullet.swiper-pagination-bullet-active { background:#fff; transform:rotate(-45deg); }

.swiper-button-prev.gaPrev { 
	position:absolute; left:10px !important; right: auto !important; top:20px !important; 
	width:25px; height:43px; 
	background: url(../images/s_prev.svg) no-repeat center; 
	z-index:99999;

/*	display: none;	*/
}
.swiper-button-prev.gaPrev em { 
	display:block; width:36px; height:36px; 

}
.swiper-button-next.gaNext { 
	position:absolute; left:auto !important; right:10px; top:20px !important; 
	width:25px; height:43px; 
	background: url(../images/s_next.svg) no-repeat center; 
	z-index:9999;
	
/*	display: none;	*/
}
.swiper-button-next.gaNext em { 
	display:block; width:36px; height:36px; 

}

.innerWidth { max-width:1200px; margin:0 auto; }
.baseWidth { max-width:1200px; margin:0 auto;}










.caseList { overflow: hidden; margin-top:-75px; position: relative; z-index: 10;}
.maWrap2 { position: relative; }
.maSlider2 { padding:0 0 0; padding:70px 0 0;}

.maThum2 {  width:285px; }
.maThum2 a { display: flex; width: 100%; height: 100%; padding: 0; flex-direction: column; justify-content: flex-end; transition: all 0.4s ease-out;}
.maThum2 a h3 { 
	padding-top:24px;
	font-size:20px; 
	line-height: 24px; color:#fff; font-weight: bold; margin-bottom:16px; transition: all 0.4s ease-out;
}
.maThum2 a p strong { font-size:18px; line-height: 24px; color:#a0a0a0; font-weight: 400;  transition: all 0.4s ease-out; display: block;}
.maThum2 a p span { font-size:18px; line-height: 24px; color:#a0a0a0; font-weight: 400;  transition: all 0.4s ease-out; display: block;}



.swiper-button-prev.maPrev2 { 
	position:absolute; left:50% !important; top:22px !important; 
	width:32px; height:32px;  transition:all 0.3s ease-out; 
	margin-left:480px;
}
.swiper-button-prev.maPrev2 em { 
	display:block; width:32px; height:32px; 
	background: url(../images/id_prev.png) no-repeat center / 100%; 
}
.swiper-button-next.maNext2 { 
	position:absolute; left:50% !important; top:22px !important; 
	width:32px; height:32px;  transition:all 0.3s ease-out;
	margin-left:518px;
}
.swiper-button-next.maNext2 em { 
	display:block; width:32px; height:32px; 
	background: url(../images/id_next.png) no-repeat center  / 100%; 
}

.swiper-button-prev.maPrev2:hover { }
.swiper-button-next.maNext2:hover { }

.swiper-button-next.maNext2.swiper-button-disabled, .swiper-button-prev.maPrev2.swiper-button-disabled { 
	opacity: .35;
	/* opacity:1; */
    cursor: auto;
    pointer-events: none;
}
/* .swiper-button-next.maNext2.swiper-button-disabled { 
	background: url(../images/id_next_off.png) no-repeat center / 100%; 
}

.swiper-button-prev.maPrev2.swiper-button-disabled { 
	background: url(../images/id_prev_off.png) no-repeat center / 100%; 
} */

.swiper-button-prev.maPrev2::before,
.swiper-button-prev.maPrev2::after,
.swiper-button-next.maNext2::before,
.swiper-button-next.maNext2::after { display:none; }

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

.swiper-pagination.maPaging2 { display: none;}




a.btnNewsMore { display: none;}
.s4_wrap h2 { font-size:28px; font-weight: bold; color:#000; line-height: 36px; padding:0 34px 40px;}
.s4_list { padding:0 34px; display: flex; justify-content: space-between; }
.s4_list article { flex:0 0 533px; width: 533px;}
.s4_list article a { display: block; width: 100%; position: relative; height: 100%; }
.s4_list article a .newsImg { position: absolute; left: 0; top: 0; width: 100%; height: 303px;}
.s4_list article a .newsImg img { width: 100%; }
.s4_list article a .newsCon { 
	position: relative; z-index: 2; padding:28px; display: flex; flex-direction: column; justify-content: flex-end;
	height: 303px;
}
.s4_list article a .newsCon em {
	position: absolute; left: 28px; top: 28px; font-size:14px; font-weight: bold; color:#fff; 
}
.s4_list article a .newsCon .newsRealTxt > span { font-size:16px; font-weight:bold; color:#fff; line-height:40px; display: block; margin-bottom:0;}
.s4_list article a .newsCon .newsRealTxt > strong { font-size:32px; font-weight:bold; color:#fff; line-height:40px; display: block; }
.s4_list article a .newsCon .newsRealTxt ul { margin-top:10px; display: flex; }
.s4_list article a .newsCon .newsRealTxt ul li { display: flex; margin-right:20px}
.s4_list article a .newsCon .newsRealTxt ul li span { font-size:14px; color:#fff; line-height: 24px; margin-right: 10px; font-weight:400;}
.s4_list article a .newsCon .newsRealTxt ul li strong { font-size:14px; color:#fff; line-height: 24px; font-weight:400; }

.s4_list article a .newsTitle { padding:28px; border:1px solid #d2dfea; border-top:none; background: #fff; display: block;}
.s4_list article a .newsTitle h3 { font-size:18px; line-height:24px; color:#222; font-weight: bold; margin-bottom:10px;}
.s4_list article a .newsTitle span { font-size:11px; color:#45516a; font-family: Montserrat; font-weight: 400;}


.newsList { padding:17px 0 0;}
.spaceWrap { position: relative; width:100% !important; padding-left:20px;}
.sliderSwiper { padding-bottom:80px; justify-content: center; margin:0 auto; text-align: center; }
.sliderSwiper .swiper-slide { width:300px !important;}
.advSlider {position: relative; }
.spaceSlider { 
	display:flex; align-items: center; justify-content:center; position: relative; 
}

.spaceThum {  width:70%; }
.spaceThum a { display: block;}
.spaceThum a img { width: 100%;}

.spaceThum.swiper-slide-active { z-index: 100;	}
 
.swiper-button-prev.baPrev { 
	position:absolute; left:-5px !important; right: auto !important; top:80px !important; 
	width:36px; height:36px;  transition:all 0.3s ease-out; 
}
.swiper-button-prev.baPrev em { 
	display:block; width:36px; height:36px; 
	background: url(../images/in_prev.svg) no-repeat center; 
}
.swiper-button-next.baNext { 
	position:absolute; left:auto !important; right:-5px; top:80px !important; 
	width:36px; height:36px;  transition:all 0.3s ease-out;
}
.swiper-button-next.baNext em { 
	display:block; width:36px; height:36px; 
	background: url(../images/in_next.svg) no-repeat center; 
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { 
	opacity: .35;
	opacity: 1;
    cursor: auto;
    pointer-events: none;
}


.swiper-button-prev.baPrev:hover { }
.swiper-button-next.baNext:hover { }

.swiper-button-prev.baPrev::before,
.swiper-button-prev.baPrev::after,
.swiper-button-next.baNext::before,
.swiper-button-next.baNext::after { display:none; }

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

.slider-num{
	position:absolute; left:0; top:15px; 
	font-size: 14px;
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
	padding-right: 5px;
  }
  .slider-num span { color:#b6b6b6;}
  .slider-num .js-current-slide { font-weight:700; color:#2f71ac;}

  .swiper-pagination.baPaging { 
	top:625px; width:235px; left:50%; margin-left:-160px; height:3px; background:#fff;
	display: none;
}



.advSlider2 { 
	position: relative;

	padding:28px 0 0 0;
}
.spaceSlider2 { position: relative; height:231px; overflow: hidden;}


.spaceThum2 {  width:289px; height:231px;}
.spaceThum2 a { display: block;}
.spaceThum2 a img { width: 100%;}

.spaceThum2.swiper-slide-active { z-index: 100;	}
 
.swiper-button-prev.baPrev2 { 
	position:absolute; left:-5px !important; right: auto !important; top:80px !important; 
	width:36px; height:36px;  transition:all 0.3s ease-out; 
}
.swiper-button-prev.baPrev2 em { 
	display:block; width:36px; height:36px; 
	background: url(../images/in_prev.svg) no-repeat center; 
}
.swiper-button-next.baNext2 { 
	position:absolute; left:auto !important; right:-5px; top:80px !important; 
	width:36px; height:36px;  transition:all 0.3s ease-out;
}
.swiper-button-next.baNext2 em { 
	display:block; width:36px; height:36px; 
	background: url(../images/in_next.svg) no-repeat center; 
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { 
	opacity: .35;
	opacity: 1;
    cursor: auto;
    pointer-events: none;
}


.swiper-button-prev.baPrev2:hover { }
.swiper-button-next.baNext2:hover { }

.swiper-button-prev.baPrev2::before,
.swiper-button-prev.baPrev2::after,
.swiper-button-next.baNext2::before,
.swiper-button-next.baNext2::after { display:none; }

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

.baPaging2 { display: none;}



.goTop { position:fixed; right:50px; bottom:50px; z-index:10001; cursor:pointer;}
.goTop a { 
	width:70px; height:70px; display:flex; justify-content:center; align-items:center;
	border-radius:35px; border:1px solid #fff; 
	box-shadow:5px 5px 20px rgba(0,0,0,0.2); transition:all 1s;
}
.goTop a i { 
	width:40px; height:28px; background:url(../images/i-arrow-up2.png) no-repeat center / 100% ; display:block; 
	opacity: 0.5;
}
.goTop a:hover { background:#eec960; border:1px solid #eec960; }

.goTop a span { display: block; width:0; height:0; text-indent: -99999px; position: absolute; left: -100%; top:0; z-index: -1;}




.btn__close {
	position: absolute;
	right:50px; top:50px;
	width: 48px;
	height: 48px;
	background:url(../images/x.svg) no-repeat center
}
/* .btn__close::before, .btn__close::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	height: 2px;
	background-color: #fff;
}
.btn__close::before {
	transform: translateY(-50%) rotate(45deg);
}
.btn__close::after {
	transform: translateY(-50%) rotate(135deg);
} */

.kakaoPopup {
	position: fixed;
	left: -100%; 
	top: 0;
	display: block;
	width: 100vw;
	height: 100vh;
	z-index: 200;	
	/* display: none; */
	transition: all 0.5s;
}

.kakaoPopup.on {
	left:0;
}


.popup-wrap {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	/* position: fixed; */
	position: relative;
	overflow: hidden;
	top: 0;
	left: 0;
	z-index: 200;
	background: rgba(0, 0, 0, 0.7);
	-webkit-backdrop-filter: blur(4px);
			backdrop-filter: blur(4px);
	
	/* left:-100%; */
}
.popup-wrap.on {
	left:0;
}
.popup-wrap .inner {
	padding: 0 150px 40px;
	overflow: hidden;
}
.popup-wrap .inner .top {
	width: 100%;
}
.popup-wrap .inner .top h3 {
	margin-bottom: 20px;
	font-size: 45px;
	text-align: center;
	font-weight:900;
	color: #fff;
}
.popup-wrap .inner .top p {
	margin-bottom: 45px;
	font-size: 16px;
	text-align: center;
	font-weight:400;
	color: #fff;
}

/* 스와이퍼 커스텀 */
.popup-wrap .swiper-slide {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	border: 1px solid #e4e4e4;
	box-sizing: border-box;
	overflow: hidden;
}
.popup-wrap .swiper-slide img {
	width: 100%;
}
.popup-wrap .swiper-button-prev.sp_prev {
	width: 25px;
	height: 43px;
	background: none;
	top:50% !important;
}
.popup-wrap .swiper-button-prev.sp_prev em {
	width: 25px;
	height: 43px;
	background: url(../images/sp_prev.svg) no-repeat center / 100% !important;  
	display: block !important;
}

.popup-wrap .swiper-button-next.sp_next {
	width: 25px;
	height: 43px;
	background: none;
	top:50% !important;
}
.popup-wrap .swiper-button-next.sp_next em {
	width: 25px;
	height: 43px;
	background: url(../images/sp_next.svg) no-repeat center / 100% !important;  
	display: block !important;
}

.swiper-button-next.sp_next::before, .swiper-button-next.sp_next::after, 
.swiper-button-prev.sp_prev::before, .swiper-button-prev.sp_prev::after {
	content: "";
	display: block;
	width: 34px;
	height: 2px;
	background-color: #fff;
	display: none;
}
.swiper-button-next::before, .swiper-button-prev::before {
	/* transform: translateY(12px) rotate(45deg); */
}
.swiper-button-next::after, .swiper-button-prev::after {
	/* transform: translateY(34px) rotate(-45deg); */
}
.swiper-button-next {
	/* right: -70px; */
}
.swiper-button-prev {
	/* left: -70px;
	transform: rotate(180deg); */
}

/* 메인 슬라이더 & 썸네일 */
.slider-wrap {
	height: 450px;
	margin: 0 auto;
	width:100% !important;
}
.slider-wrap .swiper-container {
	width: 100%;
	/* max-width: 400px; */
}
.slider-wrap .swiper-container.slider {
	/* 메인 슬라이더 */
	height: 149px;
}
.slider-wrap .swiper-container.slider .swiper-slide {
	width:255px;
}
.slider-wrap .swiper-container.slider .swiper-slide img {
	cursor: pointer;
}
.slider-wrap .swiper-container.slider .swiper-button-next, .slider-wrap .swiper-container.slider .swiper-button-prev {
	width: 25px; height:43px;
}
.slider-wrap .swiper-container.slider .swiper-button-next::before, 
.slider-wrap .swiper-container.slider .swiper-button-next::after, 
.slider-wrap .swiper-container.slider .swiper-button-prev::before, 
.slider-wrap .swiper-container.slider .swiper-button-prev::after {
	width: 25px; height:43px;
}
.slider-wrap .swiper-container.slider .swiper-button-next::before, .slider-wrap .swiper-container.slider .swiper-button-prev::before {
	/* transform: translateY(14px) rotate(45deg); */
}
.slider-wrap .swiper-container.slider .swiper-button-next::after, .slider-wrap .swiper-container.slider .swiper-button-prev::after {
	/* transform: translateY(30px) rotate(-45deg); */
}
.slider-wrap .swiper-container.slider .swiper-button-next {
	/* right: 0; */
}
.slider-wrap .swiper-container.slider .swiper-button-prev {
	/* left: 0; */
}
.slider-wrap .swiper-container.slider-thumbnail {
	/* 썸네일 슬라이더  */
	height: 149px;
	/* margin-top: 4px; */
}
.slider-wrap .swiper-container.slider-thumbnail .swiper-slide {
	opacity: 0.5;
	overflow: hidden;
}
.slider-wrap .swiper-container.slider-thumbnail .swiper-slide-thumb-active {
	opacity: 1;
}

/* 팝업 슬라이더 */
.popup-wrap {
	visibility: hidden;
}
.popup-wrap .slider-popup {
	overflow: visible;
	/* width: 90%; */
}
.popup-wrap .slider-popup .swiper-slide {
	border: 0;
}
.popup-wrap .slider-popup .swiper-slide img {
	/* border: 5px solid #fff; */
	box-sizing: border-box;
}
.popup-wrap .slider-popup .swiper-pagination {
	bottom: -36px;
}
.popup-wrap .slider-popup .swiper-pagination-bullet {
	opacity: 1;
	background: #7f7f7f;
}
.popup-wrap .slider-popup .swiper-pagination-bullet-active {
	background: #fff;
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
	opacity: 0;
}

.swiper-button-prev.sp_prev { 
	position:absolute; left:-5px !important; right: auto !important; top:80px !important; 
	width:25px; height:43px;  transition:all 0.3s ease-out; 
	background: url(../images/s_prev.svg) no-repeat center; 
}
.swiper-button-prev.sp_prev em { 
	display:block; width:36px; height:36px; 

}
.swiper-button-next.sp_next { 
	position:absolute; left:auto !important; right:-5px; top:80px !important; 
	width:25px; height:43px;  transition:all 0.3s ease-out;
	background: url(../images/s_next.svg) no-repeat center; 
}
.swiper-button-next.sp_next em { 
	display:block; width:36px; height:36px; 

}

.swiper-button-next.ss_next,
.swiper-button-prev.ss_prev { 
	
}



.pointLine1 { 
	width:100%; height:322px; 
	position: absolute; 
	left:50%; top:190px;
	opacity: 0;
	transform: translateX(-50%);
}
.pointLine1 i.poBase { 
	width: 10px; height: 10px; 
	border:3px solid #f99100; 
	background:#fff; border-radius:7px;
	position: absolute;
}
.pointLine1 em.lineBase {
	display: block; height: 1px;
	background:#f99100; 
	position: absolute;
}

.line101 { left:50%; margin-left:-112px; bottom:30px; width: 64px; transform: rotate(-30deg);}
.line102 { left:50%; margin-left:-93px; bottom:107px; width: 132px; transform: rotate(-68deg);}
.line103 { left:50%; margin-left:-10px; bottom:188px; width: 70px; transform: rotate(-38deg);}
.line104 { left:50%; margin-left:24px; bottom:255px; width: 110px; transform: rotate(-60deg);}

.poim101 { left:50%; bottom:11px; margin-left:-110px; }
.poim102 { left:50%; bottom:41px; margin-left:-57px; }
.poim103 { left:50%; bottom:162px; margin-left:-8px; }
.poim104 { left:50%;  bottom: 203px; margin-left:45px; }
.poim105 { left:50%; bottom: 296px; margin-left:100px; }

.gcBox2 .line101 { margin-left:-143px; bottom:110px; width: 120px; transform: rotate(-65deg); }
.gcBox2 .line102 { margin-left:-65px; bottom:183px; width: 72px; transform: rotate(-31deg); }
.gcBox2 .line103 { margin-left:-17px; bottom:220px; width: 75px; transform: rotate(-44deg); }
.gcBox2 .line104 { margin-left:41px; bottom:276px; width: 75px; transform: rotate(-44deg); }

.gcBox2 .poim101 { margin-left:-113px; bottom: 52px; }
.gcBox2 .poim102 { margin-left:-61px; bottom: 163px;}
.gcBox2 .poim103 { margin-left:-6px; bottom: 196px; }
.gcBox2 .poim104 { margin-left:46px; bottom: 246px; }

.gcBox3 .line101 { margin-left:-133px; bottom:67px; width: 108px; transform: rotate(-60deg);}
.gcBox3 .line102 { margin-left:-72px; bottom:153px; width: 95px; transform: rotate(-56deg);}
.gcBox3 .line103 { margin-left:-17px; bottom:214px; width: 80px; transform: rotate(-46deg);}
.gcBox3 .line104 { margin-left:37px; bottom:270px; width: 80px; transform: rotate(-47deg);}

.gcBox3 .poim101 { margin-left:-110px; bottom: 17px; }
.gcBox3 .poim102 { margin-left:-59px; bottom: 106px;}
.gcBox3 .poim103 { margin-left:-6px; bottom: 185px; }
.gcBox3 .poim104 { margin-left:46px; bottom: 237px; }


.gallerySlider .gaThumDiv .gcWrap { opacity:0; top:0; }
.gallerySlider .gaThumDiv .gcWrap1 { opacity:0; top:0; }
.gallerySlider .gaThumDiv .gcWrap2 { opacity:0; top:0; }
.gallerySlider .gaThumDiv .gcWrap3 { opacity:0; top:0; }
.gallerySlider .gaThumDiv .gb1 { height:0; transition:all 1s ease;}
.gallerySlider .gaThumDiv .gb2 { height:0; transition:all 1s ease;}
.gallerySlider .gaThumDiv .gb3 { height:0; transition:all 1s ease;}
.gallerySlider .gaThumDiv .gb4 { height:0; transition:all 1s ease;}
.gallerySlider .gaThumDiv .gb5 { height:0; transition:all 1s ease;}  
.gallerySlider .gaThumDiv .pgBox { opacity:0; transition:all 1s ease;}
.gallerySlider .gaThumDiv .pgBox1 { opacity:0; top:0; }
.gallerySlider .gaThumDiv .pgBox2 { opacity:0;top:0; }
.gallerySlider .gaThumDiv .pgBox3 { opacity:0;top:0; }
.gallerySlider .gaThumDiv .pointLine1 { opacity:0; transition:all 1s ease;}


.gallerySlider .gaThumDiv.swiper-slide-active .gcWrap { opacity:1; top:0; }
.gallerySlider .gaThumDiv.swiper-slide-active .gcWrap1 { opacity:1; top:0; }
.gallerySlider .gaThumDiv.swiper-slide-active .gcWrap2 { opacity:1; top:0; }
.gallerySlider .gaThumDiv.swiper-slide-active .gcWrap3 { opacity:1; top:0; }
.gallerySlider .gaThumDiv.swiper-slide-active .gcBox1 .gb1 { height:15px;}
.gallerySlider .gaThumDiv.swiper-slide-active .gcBox1 .gb2 { height:45px;}
.gallerySlider .gaThumDiv.swiper-slide-active .gcBox1 .gb3 { height:165px;}
.gallerySlider .gaThumDiv.swiper-slide-active .gcBox1 .gb4 { height:205px;}
.gallerySlider .gaThumDiv.swiper-slide-active .gcBox1 .gb5 { height:300px;} 

.gallerySlider .gaThumDiv.swiper-slide-active .gcBox2 .gb1 { height:55px;}
.gallerySlider .gaThumDiv.swiper-slide-active .gcBox2 .gb2 { height:168px;}
.gallerySlider .gaThumDiv.swiper-slide-active .gcBox2 .gb3 { height:200px;}
.gallerySlider .gaThumDiv.swiper-slide-active .gcBox2 .gb4 { height:250px;}
.gallerySlider .gaThumDiv.swiper-slide-active .gcBox2 .gb5 { height:300px;} 

.gallerySlider .gaThumDiv.swiper-slide-active .gcBox3 .gb1 { height:20px;}
.gallerySlider .gaThumDiv.swiper-slide-active .gcBox3 .gb2 { height:110px;}
.gallerySlider .gaThumDiv.swiper-slide-active .gcBox3 .gb3 { height:190px;}
.gallerySlider .gaThumDiv.swiper-slide-active .gcBox3 .gb4 { height:240px;}
.gallerySlider .gaThumDiv.swiper-slide-active .gcBox3 .gb5 { height:300px;} 

.gallerySlider .gaThumDiv.swiper-slide-active .pgBox { opacity:1; }
.gallerySlider .gaThumDiv.swiper-slide-active .pgBox1 { opacity:1; top:100px; }
.gallerySlider .gaThumDiv.swiper-slide-active .pointLine1 { opacity:1; }

.swiper-pagination.gaPaging { display:none; }



/* 전체 메뉴 */
.allMenu { display:none; position: fixed; left: 0; top: 0; z-index: 99999; width:100%; height:100vh; background:#fff; }
.allMenu.on { display: block;}

.amHeader {
	height:70px;
	margin: 0 auto; 
	display: flex; justify-content: space-between; align-items: center; 
	position: relative; z-index:10;
	padding:0 0 0 15px;
	width:100%;
	position: relative;
	z-index:1111;
}
.amHeader .logo { width:165px; height:42px; transition:all 0.2s;}
.amHeader .logo a { 
	display:block; text-indent:-99999px; overflow:hidden; width:100%; height:100%; 
	background:url(../images/m/logo-d.svg) no-repeat center / 100%;
}
.amHeader .btnClose { 
	width:60px; height:70px; position:absolute; right:0; top:0; 
	display:flex; justify-content:center; align-items:center; flex-direction:column; transition:all 0.2s;
}
.amHeader .btnClose i { 
	width:28px; height:28px; 
	display: block;
	/* background: url(../images/m/x.svg) no-repeat center / 100%; */
}
.amHeader .btnClose i svg g { stroke:#242b75 }
.amHeader .btnClose i svg g path { stroke:#242b75 }

.amNav { padding:25px 0; }
/* .amNav .sNav > li { margin-top:30px; } */
.amNav .sNav > li:nth-child(1) { margin-top:0;}
.amNav .sNav a { display: block; text-align: center; font-size:16px; font-weight:700; color:#000; line-height: 1; padding:15px 0;}
.amNav .sNav strong { display: inline-block; }
/* .amNav .sNav > li ul li { margin-top:30px; } */

.amNav .i_cross {
	display: block;
	margin: 0 auto;
	width:22px; height: 21px;
	position: relative;
	margin-top:36px;
}
.amNav .i_cross i { width:100%; height:1px; background:#000; transform: rotate(-45deg); display: block;}
.amNav a.mobTel { color:#242b75; font-weight:900; font-size: 34px; text-align: center; display: block; margin-top:10px; 	font-family: 's-core-dream';	}

.amNav p { font-size:12px; text-align: center; margin-top: 11px; color:#010101;}