@charset "utf-8";

/*.svis-slogan {top:58%;}
.svis-stxt2 {font-size:3.46em;}
.svis-stxt2 .s {font-size:0.67em;font-weight:400;margin-top:25px}

@media (max-width: 800px) {
	.svis-stxt2, .svis-stxt3 p {font-size: 1.846em;}
}
*/
.slogan {display:flex;flex-direction:column;padding:70px 260px;align-items:center;gap:40px;background: #fff;}
.slogan .tit {font-weight:700;}
.slogan .tit .s-tit {color:#2A6CAA;font-family:"Proxima Nova";font-size:1.31em;text-transform:uppercase;margin-bottom:20px;}
.slogan .tit .b-tit {color:#000;font-family:Industry;font-size:3.46em;text-transform:uppercase;line-height:100%;}
.slogan .txt .b-txt {color:#000;font-size:2.31em;font-weight:700;margin-bottom:20px;line-height:150%;}
.slogan .txt .s-txt {color:#555;font-size:1.31em;}


@media all and (max-width:1189px) {
	.slogan {padding:70px 50px;}
}

@media all and (max-width:999px) {
	.slogan {gap:20px;}
	.slogan .tit .b-tit {font-size:3em;}
	.slogan .txt .b-txt {font-size:1.8em;}
}

@media all and (max-width:799px) {
	.slogan {padding:40px 50px;}
}

@media all and (max-width:699px) {
	.slogan {padding:50px 20px;}
	.slogan .tit .b-tit {font-size:2.2em;;}
	.slogan .txt .b-txt {font-size:1.5em;}
}


.report {display:flex;padding:100px 260px;flex-direction:column;gap:50px;background:url(/kor/_Img/Marketing/bg1.jpg) no-repeat;}
.report ul {display:flex;align-items:center;gap:20px;align-self:stretch;justify-content:center}
.report ul li {display:flex;height:230px;flex-direction:column;justify-content:center;align-items:center;gap:15px;background:rgba(255, 255, 255, 0.10);color:#fff;flex:1 0 0;font-size:1.69em;font-weight:700;line-height:150%;position:relative;}
.report ul li .ico:before {width:60px;height:60px;content:"";display:block;background:url(/kor/_Img/Marketing/ico01.png) no-repeat;} 
.report ul li .ico.ico02:before {background:url(/kor/_Img/Marketing/ico02.png)}
.report ul li .ico.ico03:before {background:url(/kor/_Img/Marketing/ico03.png)}
.report ul li .ico.ico04:before {background:url(/kor/_Img/Marketing/ico04.png)}
.report ul li .ico.ico05:before {background:url(/kor/_Img/Marketing/ico05.png)}
.report ul li:nth-child(2),.report ul li:nth-child(4) {background:#D62C1A;}
.report p {font-size:2.31em;color:#fff;font-weight:700;position:relative;}
.report p:before,.report p:after {width:40%;height:41px;content:"";display:block;position:absolute;top:-20px;border-bottom:1px solid rgba(255, 255, 255, 0.30);}
.report p:before {border-left:1px solid rgba(255, 255, 255, 0.30);}
.report p:after {border-right:1px solid rgba(255, 255, 255, 0.30);right:0;}


@media all and (max-width:1475px) {
	.report {padding:100px 50px;}
}

@media all and (max-width:1199px) {
	.report ul li {height:200px;font-size:1.5em;}
	.report p {font-size:2em;}
	.report p:before,.report p:after {width:35%}
}

@media all and (max-width:999px) {
	.report {padding:100px 30px;}
	.report ul li {height:180px;}
	.report ul li .ico:before {width:45px;height:45px;background-size:45px 45px;}
	.report ul li .ico:before, .report ul li .ico.ico02:before, .report ul li .ico.ico03:before, .report ul li .ico.ico04:before, .report ul li .ico.ico05:before {background-size:45px 45px;}
}

@media all and (max-width:899px) {
	.report ul {gap:5px}
	.report ul li {font-size:1.2em;}
	.report p {font-size:1.8em;}{}
}

@media all and (max-width:799px) {
	.report {padding:30px 20px;gap:20px;}
	.report ul {flex-direction:column;}
	.report ul li {width:100%;flex-direction:row;padding:10px 20px;justify-content:flex-start;box-sizing:border-box;}
	.report p {font-size:1.5em}
	.report p:before,.report p:after {height:20px;top:0}
}

@media all and (max-width:499px) {
	.report p {font-size:1.3em;}
	.report p:before, .report p:after {width:30%;}
}

.report2 {display:flex;flex-direction:column;align-items:center;gap:30px;background:#fff;}
.report2 ul {display:flex;justify-content:space-between;align-items:flex-start;align-self:stretch;}
.report2 ul li {align-self:stretch;display:flex;padding:50px 0px;justify-content:center;align-items:center;gap:15px;flex:1 0 0;color:#fff;box-sizing:border-box;font-size:1.69em;font-weight:700;}
.report2 ul li:first-child {background:#3E4B5C;}
.report2 ul li:last-child {background:#1E2937;}
.report2 ul li .ico:before {width:35px;height:35px;content:"";display:block;background:url(/kor/_Img/Marketing/ico06.png) no-repeat;} 
.report2 ul li .ico.ico02:before {background:url(/kor/_Img/Marketing/ico07.png)}


@media all and (max-width:999px) {
	.report2 ul li {font-size: 1.3em;}
	.report2 ul li .ico:before {width:25px;height:25px;}
	.report2 ul li .ico:before, .report2 ul li .ico.ico02:before {background-size:25px 25px;}
}

@media all and (max-width:699px) {
	.report2 ul li {flex-direction:column;padding:30px 0px;font-size:1.2em;}
}

@media all and (max-width:599px) {
	.report2 ul li {padding:30px 20px;justify-content:flex-start;}
}


.report2 ol {display:flex;align-items:flex-start;gap:10px;align-self:stretch;padding:190px 260px 0 260px;position:relative;}
.report2 ol:before {position:absolute;width:518px;height:160px;content:"";display:block;background:url(/kor/_Img/Marketing/arr.png) no-repeat;top:0;left:50%;transform:translate(-50%, 0);}
.report2 ol li {display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;background:#F1F1F1;align-self:stretch;flex:1 0 0;padding-bottom:25px;box-sizing:border-box;font-size:1.54em;font-weight:700;color:#222;line-height:150%;}
.report2 ol li span {color:#fff;padding:5px 20px;background:#D62C1A;font-family:"Proxima Nova";text-align:center;font-size:0.8em;font-weight:400;text-transform:uppercase;}

@media all and (max-width:1399px) {
	.report2 ol {padding:190px 50px 0 50px;}
}

@media all and (max-width:999px) {
	.report2 ol {padding:150px 30px 0 30px;}
	.report2 ol li  {font-size: 1.3em;}
	.report2 ol:before {width:418px;height:130px;background-size:418px 130px;}
}

@media all and (max-width:799px) {
	.report2 {gap:20px;}
	.report2 ol {flex-direction:column;padding:100px 20px 0 20px;}
	.report2 ol li {padding-bottom:10px;}
	.report2 ol:before {width:250px;height:80px;background-size:250px 80px;}
}


.sns-wr {display:flex;padding-top:80px;flex-direction:column;align-items:center;gap:40px;background:#fff;}
.sns-wr .btit {color:#000;font-weight:700;line-height:100%;font-size:3.46em}
.sns-wr .btit span {font-family:Industry;text-transform:uppercase;}
.sns-wr ul {display:flex;align-self:stretch;background:#F2F2F2;padding:70px 260px;}
.sns-wr ul li {display:flex;flex-direction:column;align-items:center;flex:1 0 0;align-self:stretch;font-size:1.31em;line-height:150%;}
.sns-wr ul li .tit {display:block;font-size:1.18em;text-transform:uppercase;font-weight:700;color:#222;margin-bottom:10px;}
.sns-wr ul li .ico:before {width:50px;height:50px;content:"";display:block;background:url(/kor/_Img/Marketing/sns1.png) no-repeat;margin-bottom:20px;}
.sns-wr ul li .ico.ico02:before {background:url(/kor/_Img/Marketing/sns2.png)}
.sns-wr ul li .ico.ico03:before {background:url(/kor/_Img/Marketing/sns3.png)}
.sns-wr ul li .ico.ico04:before {background:url(/kor/_Img/Marketing/sns4.png)}
.sns-wr ul li .ico.ico05:before {background:url(/kor/_Img/Marketing/sns5.png)}
.sns-wr ul li .ico.ico06:before {background:url(/kor/_Img/Marketing/sns6.png)}

@media all and (max-width:999px) {
	.sns-wr .btit {font-size:3em;}
}

@media all and (max-width:1599px) {
	.sns-wr ul {padding:70px 80px;}
}

@media all and (max-width:1299px) {
	.sns-wr ul {padding:70px 50px;flex-wrap:wrap;}
	.sns-wr ul li {width:33.3%;flex:auto;}
	.sns-wr ul li:first-child, .sns-wr ul li:nth-child(2), .sns-wr ul li:nth-child(3) {margin-bottom:30px;}
}

@media all and (max-width:799px) {
	.sns-wr {padding-top:50px;gap:30px;}
	.sns-wr ul {padding:50px 20px;}
	.sns-wr ul li .ico:before {width:40px;height:40px;background-size:40px;margin-bottom:10px;}
	.sns-wr ul li .ico.ico02:before,.sns-wr ul li .ico.ico03:before,.sns-wr ul li .ico.ico04:before,.sns-wr ul li .ico.ico05:before,.sns-wr ul li .ico.ico06:before {background-size:40px;}
}

@media all and (max-width:699px) {
	.sns-wr .btit {font-size:2.2em;}
}

@media all and (max-width:599px) {
	.sns-wr ul {padding:30px 20px;}
	.sns-wr ul li {width:50%;font-size:1.1em;}
	.sns-wr ul li:nth-child(4) {margin-bottom:30px;}
	.sns-wr ul li .tit {font-size:1.2em;}
	
}


.todo {display:flex;padding:98px 260px;align-items:center;gap:50px;background:url(/kor/_Img/Marketing/bg2.jpg) no-repeat;}
.todo .box {display:flex;padding:70px;flex-direction:column;gap:50px;border-radius:10px;background:rgba(255, 255, 255, 0.20);backdrop-filter: blur(15px);flex:1 0 0;}
.todo .box ul {display:flex;flex-direction:column;align-items:center;gap:40px;}
.todo .box ul li {font-size:1.46em;color:#fff;}
.todo .box ul li span {color:#FFD600;}

@media all and (max-width:1399px) {
	.todo {padding:98px 50px;}
}

@media all and (max-width:999px) {
	.todo {padding:50px;}
	.todo .box {padding:30px;}
	.todo .box ul {gap:20px;}
	.todo .box ul li {font-size:1.31em;}
}

@media all and (max-width:799px) {
	.todo {gap:20px;padding:20px;}
}

@media all and (max-width:699px) {
	.todo {flex-direction:column;}
	.todo .box {align-self: stretch;}
}


.todo2 {display:flex;padding:100px 260px;flex-direction:column;justify-content:center;align-items:center;gap:50px;background:url(/kor/_Img/Marketing/bg3.jpg) no-repeat;}
.todo2 ul {display:flex;align-items:flex-start;gap:20px;align-self:stretch;}
.todo2 ul li {display:flex;padding:40px 30px;flex-direction:column;justify-content:flex-start;align-items:center;gap:15px;flex:1 0 0;background:rgba(255, 255, 255, 0.10);color:#fff;font-size:1.69em;text-transform:uppercase;font-weight:700;align-self:stretch;}
.todo2 ul li .txt {font-size:0.77em;font-weight:400;line-height:150%;}
.todo2 ul li .ico:before {width:60px;height:60px;content:"";display:block;background:url(/kor/_Img/Marketing/ico08.png) no-repeat;}
.todo2 ul li .ico.ico02:before {background:url(/kor/_Img/Marketing/ico09.png);}
.todo2 ul li .ico.ico03:before {background:url(/kor/_Img/Marketing/ico10.png);}
.todo2 ul li .ico.ico04:before {background:url(/kor/_Img/Marketing/ico11.png);}
.todo2 ul li:first-child, .todo2 ul li:nth-child(3) {background:#D62C1A;}

@media all and (max-width:1799px) {
	.todo2 {padding:98px 50px;}
}

@media all and (max-width:1399px) {
	.todo2 ul li {font-size:1.5em;}
	.todo2 ul li .txt br {display:none;}
}

@media all and (max-width:1139px) {
	.todo2 {padding:50px;}
	.todo2 ul {flex-wrap:wrap;}
	.todo2 ul li {width:40%;flex:auto;padding:20px;}
}

@media all and (max-width:999px) {
	.todo2 ul li .ico:before {width:45px;height:45px;background-size:45px 45px;}
	.todo2 ul li .ico.ico02:before,.todo2 ul li .ico.ico03:before,.todo2 ul li .ico.ico04:before {background-size:45px 45px;}
}

@media all and (max-width:799px) {
	.todo2 {padding:20px;}
	.todo2 ul li {font-size:1.3em;gap:10px;}
}

@media all and (max-width:599px) {
	.todo2 ul {gap:10px;}
	.todo2 ul li {width:30%;}
}

.slogan.slogan2 .txt .b-txt{margin-bottom:0;}

.sale {display:flex;padding:70px 260px;flex-direction:column;align-items:flex-start;gap:50px;align-self:stretch;background:url(/kor/_Img/Marketing/bg4.jpg) no-repeat;text-align:left;}
.sale .txt-wr {display:flex;align-items:flex-start;gap:201px;align-self:stretch;color:#fff;}
.sale .txt-wr .ptit {display:flex;flex-direction:column;align-items:flex-start;gap:20px;}
.sale .txt-wr .ptit .stxt {color:#FFA235;font-family:"Proxima Nova";font-size:1.31em;font-style:normal;font-weight:700;line-height:normal;text-transform:uppercase;margin-bottom:20px;}
.sale .txt-wr .ptit .btxt {font-size:3.46em;font-style:normal;font-weight:700;color:#fff;line-height:130%;}
.sale .txt-wr .ptxt {font-size:1.31em;display:flex;padding-top:40px;flex-direction:column;align-items:flex-start;flex:1 0 0;line-height:150%;}
.sale .txt-wr .ptxt .btxt {margin-bottom:30px;}
.sale .img-wr {color:#fff;font-size:1.69em;font-weight:700;display:flex;justify-content:center;align-items:center;align-self:stretch;}
.sale .img-wr .set1, .sale .img-wr .set2, .sale .img-wr .set3 {display:flex;flex-direction:column;justify-content:center;align-items:center;width:350px;height:350px;border-radius:500px;backdrop-filter:blur(7.5px);}
.sale .img-wr .set1 {background:rgba(232, 22, 0, 0.50);}
.sale .img-wr .set2 {background:rgba(126, 12, 0, 0.80);margin-left:-40px;}
.sale .img-wr .set3 {background: rgba(69, 7, 0, 0.50);margin-left:-40px;}

@media all and (max-width:1880px) {
	.sale {padding:50px 260px;}
}

@media all and (max-width:1799px) {
	.sale .txt-wr {flex-direction:column;gap:30px;}
	.sale .txt-wr .ptxt {padding-top:0;}
	.sale .txt-wr .ptxt .btxt {margin-bottom:0;}
	.sale .txt-wr .ptit .btxt br {display:none;}
}

@media all and (max-width:1599px) {
	.sale {padding:50px}
	.sale .img-wr .set1, .sale .img-wr .set2, .sale .img-wr .set3 {width:300px;height:300px;}
}

@media all and (max-width:999px) {
	.sale .txt-wr .ptit .btxt {font-size:3em;}
	.sale .txt-wr .ptxt .btxt {display:contents;}
	.sale .img-wr .set1, .sale .img-wr .set2, .sale .img-wr .set3 {width:200px;height:200px;font-size:0.68em;}
}

@media all and (max-width:699px) {
	.sale {padding:20px}
	.sale .txt-wr .ptxt {font-size:1em;}
	.sale .txt-wr .ptit .btxt {font-size:2.2em;}
}

@media all and (max-width:599px) {
	.sale {gap:20px;}
	.sale .img-wr .set1, .sale .img-wr .set2, .sale .img-wr .set3 {width:150px;height:150px;}
	.sale .img-wr .set2, .sale .img-wr .set3 {margin-left:-20px;}
}


.sha {background:url(/kor/_Img/Marketing/bg5.jpg) no-repeat;display:flex;padding:70px 260px;flex-direction:column;align-items:center;gap:70px;align-self:stretch;color:#fff;}
.sha .slogan3 .tit .s-tit {font-family:"Proxima Nova";font-size:1.31em;text-transform:uppercase;margin-bottom:20px;}
.sha .slogan3 .tit .b-tit {font-size:3.46em;font-weight:700;line-height:100%;}
.sha ul {display:flex;align-items:flex-start;gap:10px;align-self:stretch;}
.sha ul li {display:flex;padding:40px;flex-direction:column;align-items:center;gap:15px;flex:1 0 0;align-self:stretch;border-radius:10px;background:rgba(255, 255, 255, 0.20);backdrop-filter:blur(10px);font-size:1.31em;line-height:130%;word-break:keep-all;}
.sha ul li .num {display:block;color:#FF3C27;font-family:"Proxima Nova";font-size:1.41em;font-weight:800;margin-bottom:10px;}
.sha ul li .tit {font-size:1.29em;font-weight:700;line-height:130%;}

@media all and (max-width:1799px) {
	.sha {padding:70px 50px;}
}

@media all and (max-width:1399px) {
	.sha {padding:50px;}
}

@media all and (max-width:1299px) {
	.sha {gap:40px;}
	.sha ul {flex-wrap:wrap;}
	.sha ul li {width:40%;flex:auto;padding:20px;}
	.sha ul li .tit {font-size:1.2em;}
}

@media all and (max-width:999px) {
	.sha .slogan3 .tit .b-tit {font-size:3em;}
	.sha ul li {font-size:1em;}
}

@media all and (max-width:799px) {
	.sha {padding:20px;gap:20px;}
	.sha .slogan3 .tit .b-tit {font-size:2.2em;}
}

@media all and (max-width:499px) {
	.sha ul li {width:100%;padding:10px;}
	.sha ul li .tit-wr {display:flex;align-items:center}
	.sha ul li .num {margin-bottom:0; margin-right:10px;}
}


.make {display:flex;flex-direction:column;align-items:center;align-self:stretch;background:url(/kor/_Img/Marketing/bg6.jpg) no-repeat;}
.make .slogan4 {display:flex;padding:70px 260px 50px 260px;flex-direction:column;align-items:center;gap:45px;align-self:stretch;}
.make .slogan4 .tit {display:flex;flex-direction:column;align-items:center;gap:20px;align-self:stretch;}
.make .slogan4 .tit .s-tit {font-size:2.31em;color:#000;line-height:150%;}
.make .slogan4 .tit .s-tit span {font-weight:700;}
.make .slogan4 .tit .b-tit {font-size:3.85em;color:#000;font-weight:700;line-height:100%;}
.make .slogan4 .tit .b-tit span {color:#D62C1A;}
.make .slogan4 .txt {font-size:1.31em;line-height:150%;word-break:keep-all;}


@media all and (max-width:1570px) {
	.make .slogan4 .txt br {display:none;}
}


@media all and (max-width:1299px) {
	.make .slogan4 {padding:50px;}
	.make .slogan4 .tit .b-tit {font-size:3.46em}
}

@media all and (max-width:999px) {
	.make .slogan4 {gap:30px;}
	.make .slogan4 .tit {gap:15px;}
	.make .slogan4 .tit .s-tit {font-size:2em;}
	.make .slogan4 .tit .b-tit {font-size:3em;}
	.make .list-wr {padding:50px;}
	.make .list-wr ul li {padding:20px;gap:10px;}
}

@media all and (max-width:799px) {
	.make .slogan4 {padding:20px;gap:20px;}
	.make .slogan4 .tit .s-tit {font-size:1.8em;}
	.make .slogan4 .tit .b-tit {font-size:2.2em;}
	.make .slogan4 .txt {font-size:1.31em;}
}


@media all and (max-width:499px) {
	.make .slogan4 .tit .s-tit {font-size:1.5em;}
	.make .slogan4 .tit .b-tit {font-size:2em;}
	.make .slogan4 .txt {font-size:1.2em;}
}


.make .list-wr {display:flex;padding:70px 260px;flex-direction:column;align-items:flex-start;align-self:stretch;background:#D62C1A;}
.make .list-wr ul {display:flex;align-items:flex-start;gap:10px;align-self:stretch;}
.make .list-wr ul li {display:flex;padding:40px;flex-direction:column;align-items:center;gap:20px;flex:1 0 0;background-color:#fff;color:#000;font-size:1.54em;font-weight:700;word-break:keep-all;line-height:130%;}
.make .list-wr ul li span {font-family:"Proxima Nova";font-size:1.20em;font-weight:800;color:#D62C1A;line-height:130%;}

@media all and (max-width:1699px) {
	.make .list-wr {padding:70px 50px;}
}

@media all and (max-width:1439px) {
	.make .list-wr ul li {align-self:stretch}
}

@media all and (max-width:999px) {
	.make .list-wr {padding:50px;}
	.make .list-wr ul li {padding:20px;gap:10px;font-size:1.2em;}
}

@media all and (max-width:799px) {
	.make .list-wr {padding:20px;}
}

@media all and (max-width:599px) {
	.make .list-wr ul {flex-direction:column;}
	.make .list-wr ul li {width:100%;box-sizing:border-box;}
}


.make .txt-wr {display:flex;padding:225px 260px 80px 260px;flex-direction:column;align-items:center;gap:45px;align-self:stretch;color:#000;position:relative;}
.make .txt-wr:before {position:absolute;content:"";width:3px;height:130px;background-color:#D62C1A;top:50px;}
.make .txt-wr .b-txt {font-size:3.08em;text-transform:uppercase;font-family:"Proxima Nova";font-weight:700;}
.make .txt-wr .s-txt {font-size:1.54em;font-weight:700;line-height:150%;}

@media all and (max-width:1199px) {
	.make .txt-wr {padding:225px 50px 80px 50px;}
}

@media all and (max-width:799px) {
	.make .txt-wr {padding:160px 20px 80px 20px;gap:30px;}
	.make .txt-wr:before {height:100px;top:30px;}
	.make .txt-wr .b-txt {font-size:2.2em;}
	.make .txt-wr .s-txt {font-size:1.2em;}
}

@media all and (max-width:599px) {
	.make .txt-wr {padding:120px 20px 50px 20px;gap:20px;}
	.make .txt-wr:before {height:80px;top:20px;}
	.make .txt-wr .b-txt {line-height:130%;}
	.make .txt-wr .s-txt {word-break:keep-all;}
	.make .txt-wr .s-txt br {display:none;}
}
