@charset "utf-8";

/********************** layout **********************/
/* skip navigation */
.skipNavi{position:absolute;top:0;left:0;width:100%;z-index:10001;}
.skipNavi a{display:block;position:absolute;top:-9999px;width:100%;padding:10px 0;background:#444;color:#fff;font-size:16px;text-align:center;}
.skipNavi a:hover, .skipNavi a:active, .skipNavi a:focus{top:0;}

#wrap{position:relative;}

#wrap.blockScroll{position:fixed;left:0;top:0;width:100%;}
/*body.closeWrap{overflow:hidden;}*/
#container{position:relative;z-index:3;background:#ffffff;display:flex;display:-ms-flexbox;flex-direction:column;-ms-flex-direction:column;flex:1 0 auto;-ms-flex:1 0 auto}
#container #content{margin:0 auto;padding:60px 0 100px 0;width:978px;position:relative;}
#container #content .fullHeight{flex:1;-ms-flex:1;;max-height:none;}


/* gnb */


#wrap{overflow:hidden;}
#contents{padding-top:100px;}
#contents.main{padding-top:0;}
.newGnbWrap{position:absolute;left:0;top:0;width:100%;height:100px;background:#ffffff;z-index:30;box-sizing:border-box;transition:height 0.2s;padding-bottom:1px;}
.newGnbWrap.fixed{position:fixed !important;left:0;top:0;background:#ffffff !important;box-shadow:0 0 40px 10px rgba(0,0,0,0.05);z-index:100}
/*body:after{content:"";position:fixed;left:0;top:-99999px;width:100%;height:100%;z-index:10;background:rgba(0,0,0,0.4);transition:opacity 0.5s;opacity:0}*/
/*body.gnbOn:after{top:0;opacity:1}*/
body.gnbOn .newGnbWrap{overflow:hidden;background:#ffffff url("/new/en/asset/images/common/gnb_bg.png") no-repeat center bottom !important;box-shadow:0 0 40px 10px rgba(0,0,0,0.05);}
body.gnbOn .newGnbWrap:before{content:"";position:absolute;left:0;top:99px;background:#eeeeee;width:100%;height:1px;z-index:2}
.newGnbWrap .inner{margin:0 auto;min-width:1280px;max-width:1760px;display:flex;display:-ms-flexbox;height:100px;justify-content:center;-ms-flex-pack:center;position:relative;background:#ffffff;}
.newGnbWrap .inner .logo{display:flex;display:-ms-flexbox;align-items:center;-ms-flex-align:center;position:absolute;left:10px;top:0;height:100px;overflow:hidden;text-indent:-9999px;background:url("/new/en/asset/images/common/logo.png") no-repeat center center;width:135px;}
.newGnbWrap .inner .logo a{display:block;width:100%;height:100%;}
.newGnbWrap .inner nav{position:relative;height:100px;overflow:hidden;}
.newGnbWrap .inner .gnbArea{display:flex;display:-ms-flexbox;}
.newGnbWrap .inner .gnbArea .depth1{font-size: 20px;font-weight:400;text-align:center;position:relative;}
.newGnbWrap .inner .gnbArea .depth1 ~ .depth1{margin-left:15px;}
.newGnbWrap .inner .gnbArea .depth1 .depth1Link{color:#222; display:flex;display:-ms-flexbox;justify-content:center;-ms-flex-pack:center;line-height:100px;position:relative;}
.newGnbWrap .inner .gnbArea .depth1 .depth1Link span{position:relative;display:block}
.newGnbWrap .inner .gnbArea .depth1 .depth1Link:hover,
.newGnbWrap .inner .gnbArea .depth1 .depth1Link:focus,
.newGnbWrap .inner .gnbArea .depth1.on .depth1Link{color:#008ed0;}
.newGnbWrap .inner .gnbArea .depth1.on .depth1Link span:after{content:"";display:block;;background:#008ed0;position:absolute;left:0;bottom:0;height:3px;width:100%;z-index:2}
.newGnbWrap .inner .gnbArea .depth2Area{margin:30px 0 60px 0;}
.newGnbWrap .inner .gnbArea .depth2Area > li{text-align:center;line-height:1;}
.newGnbWrap .inner .gnbArea .depth2Area > li ~ li{margin-top:20px;}
.newGnbWrap .inner .gnbArea .depth2Area .depth2Link{color:#444;line-height:1;font-size:16px;}
.newGnbWrap .inner .gnbArea .depth2Area .depth2Link:focus,
.newGnbWrap .inner .gnbArea .depth2Area .depth2Link:hover,
.newGnbWrap .inner .gnbArea .depth2Area .depth2Link.on{color:#008ed0;}
.newGnbWrap .inner .uitlMenu{position:absolute;right: 48px;top:0;display:flex;display:-ms-flexbox;align-items:center;-ms-flex-align:center;height:90px;}
.newGnbWrap .inner .uitlMenu a{font-size:16px;font-weight:bold;}
.newGnbWrap .inner .uitlMenu > li{margin-left:30px;}
.newGnbWrap + .visual{margin-top:90px;}

.newGnbWrap.bgType{background:transparent;position:absolute;}
.newGnbWrap.bgType .inner{background:transparent;}
/*.newGnbWrap.bgType .inner .logo{background:url("/new/en/asset/images/common/logo_w.png") no-repeat center center;}*/
/*.newGnbWrap.bgType .inner .gnbArea .depth1 .depth1Link{color:#ffffff;}*/
/*.newGnbWrap.bgType .rightSelectArea .snsItem a{color:#ffffff;}*/
/*.newGnbWrap.bgType .rightSelectArea .snsItem ~ .snsItem:after{background:#ffffff;}*/
/*.newGnbWrap.bgType .rightSelect > a{color:#ffffff;}*/
/*.newGnbWrap.bgType .rightSelect > a:after{*/
/*	background-image:url("/new/en/asset/images/common/icon_arrow_w.png");*/
/*}*/

/*.newGnbWrap.bgType.black{background:transparent;position:absolute;}*/
/*.newGnbWrap.bgType.black .inner{background:transparent;}*/
/*.newGnbWrap.bgType.black .inner .logo{background:url("/new/en/asset/images/common/logo.png") no-repeat center center;}*/
/*.newGnbWrap.bgType.black .inner .gnbArea .depth1 .depth1Link{color:#222222;}*/
/*.newGnbWrap.bgType.black .rightSelect > a{color:#222222;}*/
/*.newGnbWrap.bgType.black .rightSelect > a:after{*/
/*	background-image:url("/new/en/asset/images/common/icon_arrow.png");*/
/*}*/

.rightSelectArea{position:absolute;right:10px;top: 43px;z-index:30;display:flex;font-size:16px;}
.rightSelectArea .snsItem{font-size:16px;color:#555555;position:relative;}
.rightSelectArea .snsItem ~ .snsItem{padding-left:21px;}
.rightSelectArea .snsItem ~ .snsItem:after{content:"";display:block;;background:#b5b5b5;width:1px;height:10px;position:absolute;left:10px;top:5px;}
.rightSelectArea .snsItem a{font-size:16px;color:#555555;}
.rightSelect{position:relative;margin-left:25px;}
.rightSelect ~ .rightSelect{margin-left:30px;}
.rightSelect > a{padding:10px 18px 10px 0;position:relative;z-index:2;font-size:16px;font-weight:400;}
.rightSelect > a:after{
	content:"";
	background:url("/new/en/asset/images/common/icon_arrow.png") no-repeat;
	width:8px;
	height:4px;
	background-size:100% auto;
	position:absolute;
	right:0;
	top:50%;
	margin-top:-2px;
}
.rightSelect.on > a:after{
	transform:rotate(180deg);
	margin-top:-2px;
}
.rightSelect ul{
	border: 1px solid #DDDDDD;
	box-sizing: border-box;
	box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.1);
	border-radius: 8px;
	position:absolute;
	left: 50%;
	top: 25px;
	transform:translate(-63%,0);
	z-index:1;
	background:#ffffff;
	/* padding-top: 40px; */
	padding: 14px 17px 14px 17px;
	display:none;
}
.rightSelect ul.sns{
	transform:translate(-40%,0);
}
.rightSelect.on ul{display:block;}
.rightSelect ul li a{color:#555555;font-size:16px;white-space:nowrap}
.rightSelect ul li a:hover,
.rightSelect ul li a:focus{color:#222222}
.rightSelect ul li ~ li{margin-top:14px;}

body.gnbOn .newGnbWrap .inner .logo{background:url("/new/en/asset/images/common/logo.png") no-repeat center center;}
body.gnbOn .newGnbWrap.bgType .inner .gnbArea .depth1 .depth1Link{color:#222222;}
body.gnbOn .newGnbWrap.bgType .inner .gnbArea .depth1.on .depth1Link{color:#008ed0;}
body.gnbOn .newGnbWrap.bgType  .rightSelectArea .snsItem a{font-size:16px;color:#555555;}
body.gnbOn .newGnbWrap.bgType .rightSelect > a{color:#222222;}
body.gnbOn .newGnbWrap.bgType .rightSelect > a:after{
	background-image:url("/new/en/asset/images/common/icon_arrow.png");
}


.mainType .newGnbWrap{background:transparent !important;box-shadow:none !important;opacity:0}
.mainType .newGnbWrap.show{opacity:1}
/*.mainType .newGnbWrap:after{display:none;}*/



.newFooter{position:relative;background:#222222;z-index:20}
.newFooter .inner{margin:0 auto;position:relative;min-width:1280px;max-width:1760px;padding:70px 10px}
.newFooter .footerMenu{font-size:18px;position:absolute;right:20px;top:50px;z-index:1}
.newFooter .footerMenu li ~ li{margin-left:45px;}
.newFooter .footerMenu li a{color:#DDDDDD;border:1px solid #555;background:transparent !important;padding:0 20px;}
.newFooter .footerMenu li a img{width:8px;margin-top:4px;margin-left:12px;}
.newFooter .footerMenu li a:hover,
.newFooter .footerMenu li a:focus{color:#dddddd;}
.newFooter .footerMenu li a strong{color:#dddddd;}
.newFooter .footer_box{}
.newFooter .footer_box li{font-size:16px;position:relative;line-height:1.8;color:#808080;}
.newFooter .footer_box li ~ li{margin-top:13px;}
.newFooter .family_site{position:absolute;right:10px;top:50px;}
.newFooter .family_site .btnFamily{border:1px solid #333333;border-radius:10px;height:60px;display:flex;display:-ms-flexbox;width:230px;align-items:center;-ms-flex-pack:center;padding:0 19px;}
.newFooter .family_site .btnFamily span{color:#dddddd;font-size:16px;display:block;background:url("/new/en/asset/images/common/icon_plus_w.png") no-repeat right center;width:100%;text-align:left;}
.newFooter .family_site.on .btnFamily{border:2px solid #008ed0;padding:0 18px;}
.newFooter .family_site.on .btnFamily span{background:url("/new/en/asset/images/common/icon_minus_w.png") no-repeat right center;}
.newFooter .family_site .site_list{display:none;border:1px solid #dddddd;border-radius:5px;background:#ffffff;padding: 15px 19px;position:absolute;left:0;bottom:70px;z-index:10;width:230px;}
.newFooter .family_site.on .site_list{display:block;}
.newFooter .family_site .site_list li{line-height: 2;letter-spacing: -0.04em;}
.newFooter .family_site .site_list li a{font-size:18px;color:#757575;display:block;white-space: nowrap;}
.newFooter .family_site .site_list li a:hover,
.newFooter .family_site .site_list li a:focus{color:#008ed0;}
.newFooter .btnTop{position:fixed;right:80px;bottom:50px;background:url("/new/en/asset/images/common/btn_top.png") no-repeat;width:70px;height:70px;}
.newFooter .btnTop svg{transform:rotate(-90deg)}
.newFooter .btnTop .path1{stroke-dasharray: 214;	stroke-dashoffset: 214;}
.newFooter .btnTop.ab{position:absolute;right:80px;top:-120px;bottom:auto}



.mainType.newFooter{position:relative;background:#f9f9f9;z-index:20}
.mainType.newFooter .footerMenu li a{color:#555555;}
.mainType.newFooter .footerMenu li a:hover,
.mainType.newFooter .footerMenu li a:focus{color:#222222;}
.mainType.newFooter .footerMenu li a strong{color:#222222;}
.mainType.newFooter .footer_box li{font-size:16px;position:relative;line-height:1;color:#555555;}
.mainType.newFooter .family_site .btnFamily span{color:#222222;font-size:16px;display:block;background:url("/new/en/asset/images/common/icon_plus.png") no-repeat right center;width:100%;text-align:left;}
.mainType.newFooter .family_site.on .btnFamily span{background:url("/new/en/asset/images/common/icon_minus.png") no-repeat right center;}



#contents.newMain{padding-top:100px !important;padding-bottom:160px;}
#contents.subContentArea{padding-top:0}
.subContentArea .inner{position:relative;width:1280px;margin:0 auto;padding:0 0 160px 0;}
.subContentArea .inner.pt120{padding-top:120px;}
.subContentArea .bottomBgArea{background:#f9f9f9;padding:120px 0 0 0}
.subContentArea .bottomBgArea.bgWhite{background:#ffffff}
.subContentArea .bottomBgArea.renewal{background:#f1fcff url("/new/en/asset/images/content/renewable_bg.png") no-repeat center center;padding:0;background-size:cover;}
.subContentArea .bottomBgArea.renewal .inner{padding:88px 0px;}
.subContentArea .bottomBgArea .inner{padding-bottom:120px;}
.subContentArea .inner + .bottomBgArea{margin-top:-40px;}

.topTitleArea{position:relative;min-width:1280px;padding:150px 0 90px 0;}
.topTitleArea.bgType{margin-bottom:100px;}
.topTitleArea.compnay{background:url("/new/en/asset/images/content/company_top_bg.png") no-repeat center bottom;}
.topTitleArea.media{background:url("/new/en/asset/images/content/media_top_bg.png") no-repeat center bottom;}
.topTitleArea.recruit{background:url("/new/en/asset/images/content/recruit_top_bg.png") no-repeat center bottom;}
.topTitleArea.sustainability{background:url("/new/en/asset/images/content/sustainability_top_bg.png") no-repeat center bottom;margin-bottom:100px;}
.topTitleArea.business{background:url("/new/en/asset/images/content/business_top_bg.png") no-repeat center bottom;margin-bottom:100px;}
.topTitleArea.noImg{position:relative;min-width:1280px;padding-bottom:0;}
.topTitleArea .title{text-align:center;font-size:58px;font-weight:700;width:100%;line-height:1;}
.topTitleArea .txt{text-align:center;font-size:26px;font-weight:500;width:100%;line-height:1.6;margin:100px 0 -10px 0;}
/*.topTitleArea.bgType .title,*/
/*.topTitleArea.bgType .txt{color:#ffffff;}*/
/*.topTitleArea.bgType .breadcrumb,*/
/*.topTitleArea.bgType .breadcrumb a{color:#ffffff;}*/
/*.topTitleArea.bgType .breadcrumb li ~ li{background:url("/new/en/asset/images/common/breadcrumb_arr_w.png") no-repeat 14px center;}*/
/*.breadcrumb li:last-child{font-weight:500;}*/

.breadcrumb{line-height:1;display:flex;display:-ms-flexbox;align-items:center;-ms-flex-align:center;justify-content:center;-ms-flex-pack:center;margin-top:30px;}
.breadcrumb li{font-size:13px;}
.breadcrumb li img{margin-top:1px;}
.breadcrumb li ~ li{background:url("/new/en/asset/images/common/breadcrumb_arr.png") no-repeat 14px center;padding-left:34px;}
/*.breadcrumb li:last-child{font-weight:500;}*/



.subContentTitleArea{margin-bottom:24px;position:relative;}
.subContentTitleArea .title{font-size:42px;font-weight:700;width:100%;line-height:1;letter-spacing:-0.05em}
.subContentTitleArea .title em{font-size:20px;font-weight:normal;color:#555555;}
.subContentTitleArea .title.icon{display:flex;display:-ms-flexbox;align-items:center;-ms-flex-align:center;letter-spacing:-2px;}
.subContentTitleArea .title.icon.arr:after{content:"";display:inline-block;margin-left:20px;background:url("/new/en/asset/images/content/title_arr.png") no-repeat;width:17px;height:27px;margin-top: 8px;}
.subContentTitleArea .title.icon.youtube{padding-left:57px;background:url("/new/en/asset/images/content/youtube_icon.png") no-repeat;}
.subContentTitleArea .title.icon.naver{padding-left:57px;background:url("/new/en/asset/images/content/naver_icon.png") no-repeat;}
.subContentTitleArea .text{font-size:18px;margin-top:15px;line-height:1.6;color:#555555;}
.subContentTitleArea.line1{border-bottom:1px solid #222222;margin-bottom:0;}
.subContentTitleArea.line1 .title{margin-bottom:24px;font-size:32px;}
.subContentTitleArea.line2{border-bottom:2px solid #222222;margin-bottom:0;padding-bottom:30px;}
.subContentTitleArea.fz26 .title{font-size:26px;}
.subContentTitleArea.fz32 .title{font-size:32px;}
.subContentTitleArea.fz32 .title em{font-size:26px;font-weight:normal;}
.subContentTitleArea .rightBtn{position:absolute;right:0;top:5px;}
.subContentTitleArea .btnControl{position:absolute;right:0;top:-5px;}
.subContentTitleArea .rightText{position:absolute;right:0;top:10px;font-size:16px;line-height:1;}
.subContentTitleArea .requiredText{position:absolute;right:0;bottom:26px;color:#008ed0;font-size:16px;line-height:1;padding-left:10px;}
.subContentTitleArea .requiredText:after{content:"";display:block;position:absolute;left:0;top:50%;margin-top:-3px;width:6px;height:6px;border-radius:6px;background:#37b5f7;}
.subContentText{font-size:26px;font-weight:500;line-height:1.8;text-align:center;padding:0 0 90px 0;margin-top:-10px;}
.subContentItem{font-size:18px;line-height:1.6;color:#555555;}


/*------------------------------------------------------------------------------*/
.newMain .section .inner{width:1260px;margin:0 auto;padding:100px 0;position:relative;}
.newMain .titleSet{text-align:center;margin-bottom:60px;}
.newMain .titleSet .title{
	font-family: MaplestoryOTFBold;
	font-style: normal;
	font-weight: 500;
	font-size: 64px;
	line-height: 90px;
	text-align: center;
	color: #222222;
}
.newMain .titleSet .txt{
	font-size: 20px;
	line-height: 1.6;
	margin-top:10px;
}
.newMain .titleSet.white .title{color:#FFFFFF;}
.newMain .titleSet.white .txt{color:#FFFFFF;}
.newMain .btnText{font-size:16px;display:inline-block;font-weight:bold;color:#222222;}
.newMain .btnText.rightArr{padding-right:20px;background:url("/new/en/asset/images/sk/newLayout/btn_rightArr.png") no-repeat right center;}


.newMain .sec01{background:url("/new/en/asset/images/sk/newLayout/main_bg.png") no-repeat center top;height:1143px;}
.newMain .sec01 .inner{padding:0;}
.newMain .sec01 .gridWrap{margin:0 auto;height:100%;position:relative;width:1260px;}
.newMain .sec01 .gridWrap .txt{text-align:center;padding-top:110px;}
.newMain .sec01 .gridWrap .txt span {
	font-size:85px;
	font-family:MaplestoryOTFBold;
	line-height:95px;
}
.newMain .sec01 .gridWrap .txt span.green {color:#3d7c42;}
.newMain .sec01 .gridWrap .txt span.blue {color:#286fb7;}
.newMain .sec01 .gridWrap .txt span.red {color:#cd242b;}
/*20210713 수정 : s*/
.newMain .sec01 .gridWrap .txt2{position:absolute;left:0;top:320px;width:100%;text-align:center;font-size:20px;line-height:1.6;}
.newMain .sec01 .gridWrap .obj{position:absolute;left:50%;top: 515px;}
.newMain .sec01 .gridWrap .obj.balloon{
	position: absolute;
	left: 50%;
	top: 175px;
	margin-left: -800px !important;
	animation:balloon 3s infinite;
}
/*20210713 수정 : e*/
@keyframes balloon{
	0%{
		transform:translate(0,-15px);
	}
	50%{
		transform:translate(0,0px);
	}
	100%{
		transform:translate(0,-15px);
	}
}
.newMain .sec01 .gridWrap .obj.car{left:50%;top: 515px;margin:0 0 0 0}
.newMain .sec01 .gridWrap .obj.car img{width:186px;}
.newMain .sec01 .gridWrap .obj.video{display:none;}
.newMain .sec01 .gridWrap .obj.people1{display:none;}
.newMain .sec01 .gridWrap .obj.people2{display:none;}
/*2021-06-30 수정 : s*/
.newMain .sec01 .gridWrap .obj.wind1{left:50%;top: 515px;margin: 193px 0 0 585px;transform: rotate(45deg);overflow: hidden;height: 178px;}
.newMain .sec01 .gridWrap .obj.wind1 img{width:121px;}
.newMain .sec01 .gridWrap .obj.wind2{left:50%;top: 515px;margin: 297px 0 0 638px;transform: rotate(55deg);overflow: hidden;height: 131px;}
.newMain .sec01 .gridWrap .obj.wind2 img{width:101px;}
/*2021-06-30 수정 : e*/
.newMain .sec01 .gridWrap .obj.wood1{left:50%;top: 490px;margin: 92px 0 0 307px;transform: rotate(26deg);}
.newMain .sec01 .gridWrap .obj.wood1 img{width:130px;}
.newMain .sec01 .gridWrap .obj.wood2{left:50%;top: 515px;margin: 52px 0 0 -420px;transform: rotate(-19deg);}
.newMain .sec01 .gridWrap .obj.wood2 img{width:175px;}
.newMain .sec01 .gridWrap .mv{}

.newMain .sec01.videoType{background:url("/new/en/asset/images/sk/newLayout/main_video_bg.png") no-repeat center -60px;height:1143px;}
.newMain .sec01.videoType .gridWrap .obj.balloon{
	top: 155px;
	margin-left: -630px;
}
.newMain .sec01.videoType .gridWrap .obj.video{left:50%;top: 515px;margin: -70px 0 0 -201px;z-index: 1;display:block;}
.newMain .sec01.videoType .gridWrap .obj.video img{width:402px;}
.newMain .sec01.videoType .gridWrap .obj.car{left:50%;top: 515px;margin: 236px 0 0 140px;}
.newMain .sec01.videoType .gridWrap .obj.car img{width: 179px;}
.newMain .sec01.videoType .gridWrap .obj.people1{left:50%;top: 515px;margin: -216px 0 0 60px;transform: scaleX(-1);display:block;}
.newMain .sec01.videoType .gridWrap .obj.people1 img{width:260px;}
.newMain .sec01.videoType .gridWrap .obj.people2{left:50%;top: 515px;margin: -87px 0 0 -349px;transform: scaleX(-1) rotate(12deg);height: 210px;overflow: hidden;display:block;}
.newMain .sec01.videoType .gridWrap .obj.people2 img{width:260px;}
.newMain .sec01.videoType .gridWrap .obj.wind1{left:50%;top: 515px;margin: 187px 0 0 557px;transform: rotate(45deg);overflow: hidden;height: 148px;}
.newMain .sec01.videoType .gridWrap .obj.wind1 img{width: 101px;}
.newMain .sec01.videoType .gridWrap .obj.wind2{left:50%;top: 515px;margin: 259px 0 0 607px;transform: rotate(59deg);overflow: hidden;height: 131px;}
.newMain .sec01.videoType .gridWrap .obj.wind2 img{width: 94px;}

.newMain .sec02{background:url("/new/en/asset/images/sk/newLayout/sec02_bg.png") no-repeat center top;height:790px;}
.newMain .sec02 .inner{}
.newMain .sec02 .inner .titleSet{margin-bottom:42px;}

.newMain .sec02 .itemList{
	display:flex;
	display:-ms-flexbox;
	justify-content:space-between;
}
.newMain .sec02 .itemList li{
	width:293px;
}
.newMain .sec02 .item{
	display:block;
	background: #FFFFFF;
	border: 1px solid #EEEEEE;
	box-sizing: border-box;
	border-radius: 8px;
	padding:40px 20px 40px 40px;
	height:400px;
	position:relative;
}
.newMain .sec02 .item .title{}
.newMain .sec02 .item .title .icon{display:block;height:72px;}
.newMain .sec02 .item .title .tit{display:block;font-size: 28px;font-weight:bold;color:#222222;}
.newMain .sec02 .item .text{font-size:16px;line-height:26px;margin-top:18px;display:block;}
.newMain .sec02 .item .btnText{position:absolute;left:40px;bottom:30px;}
.swiper-button-prev{background:url("/new/en/asset/images/content/btn_prev.png") no-repeat;width:54px;height:54px;overflow:hidden;text-indent:-9999px;display:block;position: relative;left: auto;top: auto;margin: 0;}
.swiper-button-next{background:url("/new/en/asset/images/content/btn_next.png") no-repeat;width:54px;height:54px;overflow:hidden;text-indent:-9999px;display:block;position: relative;right: auto;top: auto;margin: 0;}





.newMain .sec03{background:url("/new/en/asset/images/sk/newLayout/bg_sustainability.png") no-repeat center top;height:280px;}
.newMain .sec03 .inner{padding:0;display:flex;display:-ms-flexbox;align-items:center;-ms-flex-align:center;height:100%;}
.newMain .sec03 .inner .titleSet{margin-bottom:0;width:100%;}


.newMain .sec05{}
.newMain .sec05 .swiper-container-area{position:relative;}
.newMain .sec05 .swiper-button-prev{position:absolute;left:-80px;top:200px;opacity:0.8}
.newMain .sec05 .swiper-button-next{position:absolute;right:-80px;top:200px;opacity:0.8}
.newMain .sec05 .swiper-container-horizontal>.swiper-pagination-bullets{
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	text-align:center;
}
.newMain .sec05 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
	background: #EEEEEE;
	border-radius: 7px;
	width:7px;
	height:7px;
	display:inline-block;
	margin:0 7px;
}
.newMain .sec05 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{
	background: #21BF74;
}
.newMain .sec05 .mySwiper2{
	width:1262px;
	margin:-20px auto;
	padding:20px 0 60px 0;
}
.newMain .sec05 .mySwiper2 .item{
	display:block;
	background: #FFFFFF;
	border: 1px solid #dddddd;
	box-sizing: border-box;
	border-radius: 8px;
	width:293px;
	height:435px;
	overflow:hidden;
	transition:all 0.2s;
}
.newMain .sec05 .mySwiper2 .item:hover{
	box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.05);
	margin-top:-10px;
}
.newMain .sec05 .mySwiper2 .item .thumb{position:relative;display:block;overflow:hidden;height:164px;transition:all 0.3s;}
.newMain .sec05 .mySwiper2 .item .thumb.videoType:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background: linear-gradient(0deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);z-index:1;}
.newMain .sec05 .mySwiper2 .item .thumb.videoType:after{content:"";position:absolute;left:50%;top:75px;background:url("/new/en/asset/images/sk/newLayout/btn_play_w.png") no-repeat;width:50px;height:50px;margin:0 0 0 -25px;z-index:2;background-size:50px auto;}
.newMain .sec05 .mySwiper2 .item .textArea{padding:30px 20px 30px 30px}
.newMain .sec05 .mySwiper2 .item .textArea:first-child{padding-top:40px;}
.newMain .sec05 .mySwiper2 .item .textArea .flagArea{margin-bottom:14px;}
.newMain .sec05 .mySwiper2 .item .textArea .flagArea .flag{
	display:inline-block;
	background: linear-gradient(89.88deg, #A7E143 -22.53%, #00B09B 87.16%);
	border-radius: 27px;
	padding:1px;
}
.newMain .sec05 .mySwiper2 .item .textArea .flagArea .flag span{
	background:#FFFFFF;
	color:#21BF74;
	border-radius: 25px;
	line-height:25px;
	display:inline-block;
	padding:0 9px;
	font-size:14px;
	font-weight:bold;
}
.newMain .sec05 .mySwiper2 .item .title{font-size:22px;line-height:1.6;color:#222222;font-weight:bold;}
.newMain .sec05 .mySwiper2 .item .text{font-size:16px;line-height:26px;margin-top:18px;display:block;}
.newMain .sec05 .mySwiper2 .item .btnText{position:absolute;left:30px;bottom:40px;}


.newMain .sec06{background:url("/new/en/asset/images/sk/newLayout/bg_make_origin.png") no-repeat center top;height:360px;}
.newMain .sec06 .inner{padding:0;display:flex;display:-ms-flexbox;align-items:center;-ms-flex-align:center;height:100%;}
.newMain .sec06 .inner .titleSet{text-align:left;margin-bottom:0;width: 700px;margin-left: 140px;}
.newMain .sec06 .inner .titleSet .title{text-align:left;}
.newMain .sec06 .inner .rightIcon{display:flex;display:-ms-flexbox;align-items:center;-ms-flex-align:center;flex:1}
.newMain .sec06 .inner .rightIcon li{text-align:center;}
.newMain .sec06 .inner .rightIcon li ~ li{margin-left:80px;}
.newMain .sec06 .inner .rightIcon li .icon{display:block;text-align:center;margin-bottom:16px;}
.newMain .sec06 .inner .rightIcon li .text{display:inline-block;padding-right:10px;font-size:18px;color:#444444;font-weight:bold;line-height:20px;position:relative;font-weight:bold;}
.newMain .sec06 .inner .rightIcon li .text:after{content:"";position:absolute;right:0;top:50%;margin-top:-5px;background:url("/new/en/asset/images/sk/newLayout/icon_right_arr.png") no-repeat;width:5px;height:10px;}



.layerPopWrap{position:fixed;left:0;top:-999999px;width:100%;height:100%;display:flex;display:-ms-flexbox;align-items:center;-ms-flex-align:center;justify-content:center;-ms-flex-pack:center;background:rgba(0,0,0,0.4);transition:opacity 0.5s;opacity:0;z-index:100}
.layerPopWrap.on{display:flex;opacity:1;top:0;}
.layerPopWrap .layerPop{background: #FFFFFF;border-radius: 16px;width:900px;overflow:hidden;position:relative;display:none;}
.layerPopWrap .layerPop.on{display:block;}
.layerPopWrap .layerPop .titleArea{padding:40px 50px;}
.layerPopWrap .layerPop .titleArea .type{font-size:14px;font-weight:bold;margin-bottom:10px;}
.layerPopWrap .layerPop .titleArea .type.video{color:#21BF74;}
.layerPopWrap .layerPop .titleArea .title{font-size:28px;font-weight:bold;color:#222222;}
.layerPopWrap .layerPop .contentArea video{width:100%;}
.layerPopWrap .layerPop .bottom{display:flex;display:-ms-flexbox;align-items:center;-ms-flex-align:center;justify-content:flex-end;-ms-flex-pack:end;flex-wrap:wrap;-ms-flex-wrap:wrap;padding:30px;}
.layerPopWrap .layerPop .bottom .btnCC{font-size:14px;padding-left:25px;line-height:20px;background:url("/new/en/asset/images/sk/newLayout/icon_cc.png") no-repeat;font-weight:bold;}
.layerPopWrap .layerPop .bottom .ccContentArea{background:#F8F8F8;padding:24px 14px 24px 30px;width:100%;display:none;margin-top:30px;border-radius:10px}
.layerPopWrap .layerPop .bottom .ccContentArea.on{display:block;}
.layerPopWrap .layerPop .bottom .ccContentArea .scrollArea{max-height:130px;font-size:16px;line-height:1.4;color:#444444;overflow-y:auto;}
.layerPopWrap .layerPop .btnClose{width:30px;height:30px;position:absolute;right:30px;top:30px;background:url("/new/en/asset/images/sk/newLayout/btn_close.png") no-repeat;font-weight:bold;z-index:1;overflow:hidden;text-indent:-9999px;}


.overflowYScroll::-webkit-scrollbar {
	width: 6px;
}
.overflowYScroll::-webkit-scrollbar-thumb {
	background-color: #808080;
	border-radius: 6px;
	height:50px;
}
.overflowYScroll::-webkit-scrollbar-track {
	background-color: transparent;
}


/* 레이어 팝업 */
.layerPop{display:none;position:fixed;left:0;top:0;width:100%;min-height:100%;background:rgba(0,0,0,0.2);z-index:1000;opacity:1;padding:50px;align-items:center;-ms-flex-align:center;justify-content:center;-ms-flex-pack:center;}
.layerPop .btnClose{overflow:hidden;display:block;position:absolute;top:20px;right:20px;width:30px;height:30px;background:url('/new/en/asset/images/common/btn_popup_close.png') no-repeat;-webkit-background-size:30px auto;background-size:30px auto;text-indent:-99999px;}
.layerPop.alert{}
.layerPop.alert .layerPopWrap{display:flex;width:100%;height:100%;align-items:center;-ms-flex-align:center;justify-content:center;-ms-flex-pack:center;}
.layerPop.alert .layerPopArea{overflow:hidden;position:absolute;border-radius:5px;left:50%;top:50%;transform:translate(-50%,-60%);width:500px;}
.layerPop.alert .popContent .popTit{font-weight:700;font-size:26px;text-align:center;padding:60px 0 30px 0;line-height:1;}
.layerPop.alert .popContent .popInner{padding:0 60px 60px 60px;text-align:center;color:#555555;font-size:18px;line-height:1.6;}
.layerPop.alert .popContent .btnBottomArea{margin-top:40px;}
.layerPop.alert .popContent .btnBottomArea:first-child{margin-top:10px;}
.layerPop.middle{}
.layerPop.middle .layerPopArea{overflow:hidden;margin:auto;border-radius:5px;width:1000px;}
.layerPop.middle .layerPopArea .popContent{height:100%;padding:0 55px 55px 55px;}
.layerPop.middle .layerPopArea .popContent.videoType{height:100%;padding:60px;}
.layerPop.middle .layerPopArea .popClose{right:20px;top:20px;}
.layerPop.middle .popTit{font-weight:500;font-size:32px;text-align:center;border-bottom:2px solid #222222;padding:60px 0 40px 0;line-height:1;margin-bottom:24px;}
.layerPop.middle .popTit.noLine{border-bottom:0;margin-bottom:0;}
.layerPop.middle .popInner{padding:0;overflow:visible;}
.layerPop .popupInnerScroll{overflow:auto;height:450px;font-size:18px;color:#222222;line-height:1.6;padding:0 10px 0 0}
.layerPop .popupInnerScroll .tit{font-size:18px;font-weight:500;margin-bottom:20px;}
.layerPop .popupInnerScroll .con{margin-bottom:50px;}

.layerPopArea{position:relative;}
.layerPop.full > .layerPopArea{position:relative;min-height:calc(100% - 100px);height:calc(100% - 100px);}
.layerPop.full > .layerPopArea > .popContent{height:100%;}
.layerPop.full > .layerPopArea > .popContent > .popTit{padding:0 15px;border-bottom:1px solid #d7d7d7;font-weight:700;font-size:18px;text-align:center;letter-spacing:-1px;line-height:50px;}
.layerPop.full > .layerPopArea > .popContent > .popInner{line-height:1.4;padding:30px 20px;}
.layerPop.full .btnArea {display:flex;}
.layerPop.full .btnArea .button{display:block;line-height:45px;font-size:14px;color:#ffffff;flex:1;-ms-flex:1;;text-align:center;font-weight:500;}
.layerPop.full .btnArea .button.btnOk{background:#7d52ce;}

.layerPop.floating .popContent{display:block;padding:51px 0 58px 0;}
.layerPop.floating > .layerPopArea > .popContent > .popTit{position:fixed;left:0;top:0;width:100%;}
.layerPop.floating .popInner{overflow-y:auto;display:block;height:100%;}
.layerPop.floating .popContent > .btnArea{position:fixed;left:0;bottom:0;z-index:10;width:100%;margin:0;}


.layerPop.todayType .layerPopArea .popContent{border-radius:15px; overflow:hidden;}
.layerPop.todayType .layerPopArea .popContent .popInner{padding:0;}
.layerPop.todayType .layerPopArea .popClose{position:relative;right:auto;top:auto;}
.layerPop.todayType .todayBottom{display:flex;display:-ms-flexbox;justify-content:space-between;-ms-flex-pack:justify;padding:20px;}


.layerPop .popContent{position:relative;display:flex;flex-direction:column;background:#fff;}
.layerPop .popInner{flex:1 0 auto;-ms-flex:1 0 auto;overflow-y:auto;min-height:0;padding:40px 30px 30px 30px;letter-spacing:-0.06em;-webkit-overflow-scrolling:touch;font-size:18px;}
.layerPop .popInner .btnArea{margin-top:30px;}
.layerPop .popInner .btnArea.middle{margin-left:60px;margin-right:60px;}
.layerPop .popInner .btnArea .txtLink{color:#757575;font-weight:500;}

.layerPop .btnArea.line{display:block;margin:0;padding:0 30px;border-top:1px solid #eee;background:#fff;}
.layerPop .btnArea.line a,
.layerPop .btnArea.line button{margin-left:0;color:#757575;font-weight:500;font-size:15px;line-height:50px;}
.layerPop .btnArea.line .emph01{color:#007d7c;}
.layerPop .btnArea.line a:first-child,
.layerPop .btnArea.line button:first-child{float:left;}
.layerPop .btnArea.line a:last-child,
.layerPop .btnArea.line button:last-child{float:right;}
.layerPop .btnArea.line a:only-child,
.layerPop .btnArea.line button:only-child{display:block;float:none;width:100%;text-align:center;}
.layerPop .popTxt{color:#222;font-size:13px;text-align:center;}
.layerPop .popTxt + .popTxt{margin-top:8px;}
.layerPop .popTxt .income{display:block;font-size:15px;font-weight:500;}
.layerPop .popTxt .income em{font-weight:700;font-size:18px;vertical-align:middle;}
.layerPop .popTxts{margin-top:15px;color:#757575;}

.layerPopArea.alert{overflow:hidden;position:absolute;left:50px;right:50px;top:calc(50% - 50px);transform:translate(0, -50%);border-radius:3px;}
.layerPopArea.alert .popContent{padding:25px 0 20px 0;}
.layerPopArea.alert .popTit{padding:0 0 16px 0;font-weight:700;font-size:18px;text-align:center;}
.layerPopArea.alert .popInner{overflow-y:visible;height:auto;padding:0 10px;text-align:center;font-size:13px;word-break:keep-all;}
.layerPopArea.alert .btnArea.line{overflow:hidden;padding:0 20px;}
.layerPopArea.alert .btnArea.line a{line-height:44px;}

.layerPopArea.bottom{position:absolute;left:0;bottom:100px;width:100%;border-radius:3px 3px 0 0;transition:all 0.3s;transform:translate(0,100%);}
.layerPop.on > .layerPopArea.bottom{transform:translate(0,0);}
.layerPopArea.bottom .popContent{margin-top:60px;padding:30px 0 0 0;}
.layerPopArea.bottom .popTit{padding:0 30px 20px 30px;font-weight:500;font-size:15px;letter-spacing:-1px;}
.layerPopArea.bottom .popInner{overflow-y:auto;max-height:290px;padding:0 30px 30px 30px;}
.layerPopArea.bottom .btnClose{top:0;right:0;left:0;z-index:100;width:40px;height:40px;margin:0 auto;background:url('/new/en/asset/images/common/btn_popup_bottom_close.png') no-repeat;-webkit-background-size:40px auto;background-size:40px auto;line-height:40px;}
.layerPopArea.bottom .btnClose span{width:40px !important;height:40px !important;text-indent:-20px;}

.layerPopArea.terms .popInner{padding:0;}/* 약관설명서 */


/************* Main *************/
.wrap.main #content{padding-bottom:0;}
.wrap.main #footer{border-color:#fff;}

.mainTopArea .slideWrap{width:100%;height:96.574vw;}
.mainTopArea .slideWrap .slide{overflow:hidden;height:100%;}
.mainTopArea .slideWrap .slide > ul{height:100%;}
.mainTopArea .slideWrap .slide .swiper-slide{width:100%;height:100%;transition:all ease 0.1s;}
.mainTopArea .slideWrap .slide .bx{height:96.574vw;background-position:center top;background-size:100% auto;}
.mainTopArea .slideWrap .pagination .swiper-pagination-bullet{border-color:#fff;}
.mainTopArea .slideWrap .pagination .swiper-pagination-bullet-active{background:#fff;}

.mainTopArea .txtInfo{padding:60px 30px 0;}

.mainBnrTxt{display:block;padding:32px 40px;line-height:1;}
.mainBnrTxt.agree{background-color:#64e7df;}
.mainBnrTxt.app{position:relative;background-color:#f7f7f7;}
.mainBnrTxt span{display:block;}
.mainBnrTxt span.link{display:inline-block;position:relative;margin-top:15px;padding-right:20px;font-weight:500;}
.mainBnrTxt span.link:after{content:'';display:block;position:absolute;top:50%;right:0;width:12px;height:10px;margin-top:-6px;background:url("/new/en/asset/images/common/icon_next_arr.png") no-repeat;background-size:100%;}
.mainBnrTxt.app:after{content:'';overflow:hidden;display:inline-block;position:absolute;top:50%;right:40px;width:48px;height:48px;margin-top:-24px;background:url("/new/en/asset/images/common/icon_app.png") no-repeat;background-size:100%;}

.mainCont{padding:60px 30px;}
.wrap.main .txtInfo h3{display:block;font-size:24px;line-height:32px;font-weight:700;}
.wrap.main .txtInfo p{margin-top:10px;}
.mainCont .btnArea{display:block;margin-top:10px;}
.mainCont .btnArea a{flex:none;-ms-flex:none;;}
.mainCont .btnArea a ~ a{margin:10px 0 0 0;}
.mainCont .btnArea.textMotion{opacity:0;transform:translate(0, 20px)}
.mainCont .btnArea.textMotion.play{transition:all 0.5s;opacity:1;transform:translate(0, 0);}

.mainLoan{padding:60px 30px;background:#f7f7f7;}
.mainLoan .videoArea{margin:30px -30px 0;}
.mainLoan .btnArea{margin-top:10px;}

.mainRecomm{padding:60px 0 45px;background:url("/new/en/asset/images/content/main/bg_mainrecomm.png") no-repeat 0 75px;background-size:128% auto;}
.mainRecomm .txtInfo{padding:0 30px;}
.mainRecomm .txtInfo h3{padding-bottom:10px;}
.mainRecomm h4{position:relative;margin:25px 0 17px;padding:0 0 0 30px;font-size:18px;line-height:20px;font-weight:700;}
.mainRecomm h4:before{content:'';display:inline-block;position:absolute;top:0;left:0;width:20px;height:20px;background-image:url("/new/en/asset/images/content/main/blt_mainloan.png");background-repeat:no-repeat;background-size:20px auto;}

.mainRecomm .deposit h4:before{background-position:top left;}
.mainRecomm .deposit .slide a span b{color:#0c3353;}
.mainRecomm .loan h4:before{background-position:bottom left;}
.mainRecomm .loan .slide a span b{color:#007d7c;}

.mainRecomm .slideWrap{padding:0 30px 15px;}
.mainRecomm .slideWrap .slide{margin:0 -12px 0 0;}
.mainRecomm .slideWrap .slide .swiper-slide{padding-right:12px;}
.mainRecomm .slideWrap .slide a{position:relative;height:230px;padding:40px 30px;background-color:#fff;box-shadow:0 1px 20px 4px rgba(34,34,34,0.05),0 0 10px 2px rgba(34,34,34,0.05);border-radius:3px;white-space:initial;line-height:1;}
.mainRecomm .slideWrap .slide a em{display:block;position:relative;z-index:1;margin-bottom:5px;line-height:22px;}
.mainRecomm .slideWrap .slide a em:before{content:'';display:inline-block;position:absolute;z-index:-1;top:-5px;left:-7px;width:16px;height:16px;background-color:#64e7df;border-radius:50%;}
.mainRecomm .slideWrap .slide a strong{display:block;font-size:24px;line-height:32px;word-break:keep-all;}
.mainRecomm .slideWrap .slide a span{display:block;position:absolute;bottom:40px;right:30px;font-size:13px;color:#757575;text-align:right;}
.mainRecomm .slideWrap .slide a span b{display:block;margin-top:15px;font-size:20px;}

.mainRecomm .slideWrap .pagination{bottom:auto;top:36px;left:auto;right:27px;text-align:right;}


/* 팝업 : 메인 공지 */
.layerPop.middle.popMainNotice{height:100%;}
.layerPop.middle.popMainNotice .layerPopArea{top:50%;transform:translateY(-50%);min-height:auto;height:auto;}
.layerPop.middle.popMainNotice .layerPopArea .popContent{height:auto;}
.popMainNotice .popInner{flex:none;-ms-flex:none;;position:relative;padding:0;height:calc(100% - 50px);}
.popMainNotice .slideWrap{height:100%;background-color:#222;}
.popMainNotice .slideWrap .slide{height:100%;}
.popMainNotice .slideWrap .slide a{height:100%;}
.popMainNotice .slideWrap .swiper-slide{overflow-y:auto;height:100%;text-align:center;}
.popMainNotice .slideWrap .pagination .swiper-pagination-bullet{border-color:#fff;}
.popMainNotice .slideWrap .pagination .swiper-pagination-bullet-active{background:#fff;}

.popMainNotice .popContent{display:block;flex-direction:initial;}
.popMainNotice .popContent .btnArea{overflow:hidden;height:50px;}


/* 메인 : 모션(앱과 동일하게 선언) */
.motion03{height:88.889vw;position:relative;}
.motion03 .sun{width:12.5vw;height:12.5vw;position:absolute;left:50%;top:12%;margin-left:-6.204vw;transform:scale(1);z-index:1;transition:all 0.2s;transition-delay:1s;}
.motion03.play .sun{transform:scale(0)}
.motion03 .sunLine{width:12.5vw;height:12.5vw;position:absolute;left:0;top:0;transition:all 6s linear}
.motion03.play .sunLine{transform:rotate(360deg)}
.motion03 .moon{width:12.5vw;height:12.5vw;position:absolute;left:50%;top:12%;margin-left:-6.204vw;transform:scale(0);z-index:1;transition:all 0.2s cubic-bezier(.37,.56,.49,1.94);transition-delay:1.3s;}
.motion03.play .moon{transform:scale(1)}
.motion03 .arc1{width:36.111vw;height:36.111vw;position:absolute;right:50%;top:50%;transform:translate(2.315vw, -50%);background:#1d9bea;border-radius:100%;overflow:hidden;box-shadow:0 2.13vw 4.722vw 1.389vw rgba(34,34,34,0.1);z-index:3;display:flex;align-items:center;-ms-flex-align:center;justify-content:center;-ms-flex-pack:center;color:#ffffff;flex-direction:column}
.motion03 .arc1 .bg{width:36.111vw;height:36.111vw;position:absolute;left:0;top:0;transform:translate(-100%, -100%);background:#0c3353;border-radius:100%;transition:all 1s;transition-delay:0.8s}
.motion03 .arc2{width:36.111vw;height:36.111vw;position:absolute;left:50%;top:50%;transform:translate(-2.315vw, -50%);background:#ffffff;border-radius:100%;overflow:hidden;box-shadow:0 2.13vw 4.722vw 1.389vw rgba(34,34,34,0.1);z-index:2;display:flex;align-items:center;-ms-flex-align:center;justify-content:center;-ms-flex-pack:center;color:#222222;flex-direction:column}
.motion03 .arc2 .ico{width:100%;height:100%;background:url("/new/en/asset/images/content/main/ico_motion03.png") no-repeat top left;background-size:100% auto;}
.motion03 .arc .number{font-size:10vw;line-height:1;font-weight:bold;position:relative;z-index:2}
.motion03 .arc .text{font-size:4.167vw;line-height:1;position:relative;z-index:2}
.motion03 .wave1{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);border:0.185vw solid #f3f3f3;border-radius:100%;width:18.519vw;height:18.519vw;opacity:0}
.motion03 .wave2{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);border:0.185vw solid #f3f3f3;border-radius:100%;width:18.519vw;height:18.519vw;opacity:0}
.motion03.play .arc1 .bg{transform:translate(0,0)}
.motion03.play .wave1{animation:wave 2.2s;animation-timing-function:linear}
.motion03.play .wave2{animation:wave 2.2s;animation-delay:1s;animation-timing-function:linear}
@keyframes wave {
	0% { opacity:0.5 }
	40% { opacity:1}
	80% { opacity:1}
	100% {width:65.556vw;height:65.556vw;opacity:0}
}

.motion07{position:relative;height:88.889vw;padding:6.389vw 0 0 23.148vw;}
.motion07 .item {transition:all 0.6s;transform:rotateX(-90deg);opacity:1;margin-bottom:5.556vw;z-index:2;position:relative;}
.motion07 .item01 {transition-delay:0s}
.motion07 .item01 img{width:49.259vw;}
.motion07 .item02 {transition-delay:0.7s}
.motion07 .item02 img{width:47.593vw;}
.motion07 .item03 {transition-delay:1.4s}
.motion07 .item03 img{width:44.074vw;}
.motion07 .line{width: 0.556vw;background: #64e7df;position: absolute;left: 31.574vw;top: 23.796vw;height: 0;transition:all 1.2s linear;transition-delay:0.4s}
.motion07 .check{position:absolute;left:0;top:0;width:100%;opacity:0.5}
.motion07.play .item {opacity:1;transform:rotateX(0deg)}
.motion07.play .line {height:30.556vw;}

.textMotion .motionItem {opacity:0;transform:translate(0, 50px)}
.textMotion .btnArea {opacity:0;transform:translate(0, 20px)}
.textMotion.play .motionItem {transition:all 0.5s;opacity:1;transform:translate(0, 0);transition-delay:0s;}
.textMotion.play .btnArea{transition:all 0.5s;opacity:1;transform:translate(0, 0);transition-delay:0.3s;}


/* 가이드용(추후삭제필요) */
.popBtnBox{padding:50px;}
.popBtnBox a + a{margin-top:50px;}

.renewalBody{background:#f0f9fa url("/new/en/asset/images/content/renewal_bg2.png") no-repeat center bottom;}
.renewalBg{background:url("/new/en/asset/images/content/renewal_bg.png") no-repeat center top;min-height:900px;min-width:1200px;height:100%;}