@charset "utf-8";
.mainbody {}

.main_visual {position:relative; width:100%; height:100vh; min-height:900px; overflow: hidden;}

.main_visual .mv {position:absolute; bottom:160px; left:50%; width:100%; max-width:700px; height:90px; border:0px solid #f00; z-index:560; transform:translate(-50%, 0);}

.mvtit {position:absolute; bottom:260px; left:50%; width:240px; height:auto; z-index:560; margin-left:-120px; font-size:0; animation:transY-ani 1s .2s both; animation-delay:1s;}
.mvtit img{width:100%; height:auto;}

.mv .mvt_ar {}
.mv .mvt_ar p {text-align:center;}

.mv .mvt_ar p.mv_txt {display:block; width:100%; max-width:700px; font-size:19px; color:#f16840; font-weight:500; padding-bottom:10px;}
.mv .mvt_ar p.mv_txt span {padding:0px 10px; animation: letter-glow 0.7s 0s ease both;}

.mv .mvt_ar p.mv_txt span:nth-child(1)  {animation-delay: 1.05s;}
.mv .mvt_ar p.mv_txt span:nth-child(2)  {animation-delay: 1.10s;}
.mv .mvt_ar p.mv_txt span:nth-child(3)  {animation-delay: 1.15s;}
.mv .mvt_ar p.mv_txt span:nth-child(4)  {animation-delay: 1.20s;}
.mv .mvt_ar p.mv_txt span:nth-child(5)  {animation-delay: 1.25s;}
.mv .mvt_ar p.mv_txt span:nth-child(6)  {animation-delay: 1.30s;}
.mv .mvt_ar p.mv_txt span:nth-child(7)  {animation-delay: 1.35s;}
.mv .mvt_ar p.mv_txt span:nth-child(8)  {animation-delay: 1.40s;}
.mv .mvt_ar p.mv_txt span:nth-child(9)  {animation-delay: 1.45s;}
.mv .mvt_ar p.mv_txt span:nth-child(10) {animation-delay: 1.50s;}
.mv .mvt_ar p.mv_txt span:nth-child(11) {animation-delay: 1.55s;}
.mv .mvt_ar p.mv_txt span:nth-child(12) {animation-delay: 1.60s;}
.mv .mvt_ar p.mv_txt span:nth-child(13) {animation-delay: 1.65s;}
.mv .mvt_ar p.mv_txt span:nth-child(14) {animation-delay: 1.70s;}
.mv .mvt_ar p.mv_txt span:nth-child(15) {animation-delay: 1.75s;}
.mv .mvt_ar p.mv_txt span:nth-child(16) {animation-delay: 1.80s;}
.mv .mvt_ar p.mv_txt span:nth-child(17) {animation-delay: 1.85s;}
.mv .mvt_ar p.mv_txt span:nth-child(18) {animation-delay: 1.90s;}
.mv .mvt_ar p.mv_txt span:nth-child(19) {animation-delay: 1.95s;}
.mv .mvt_ar p.mv_txt span:nth-child(20) {animation-delay: 2.00s;}
.mv .mvt_ar p.mv_txt span:nth-child(21) {animation-delay: 2.05s;}
.mv .mvt_ar p.mv_txt span:nth-child(22) {animation-delay: 2.10s;}

@keyframes letter-glow{
	0%   { opacity: 0; text-shadow: 0px 0px 1px rgba(255,255,255,0.1)}
	66%  { opacity: 1; text-shadow: 0px 0px 20px rgba(255,255,255,0.9) }
	77%   { opacity: 1;  }
	100% { opacity:0.7; text-shadow: 0px 0px 20px rgba(255,255,255,0.0)}
}

.mv .mvbtn{position:relative; width:100%; height:45px; text-align:center;}/**bottom:210px;**/
.mv .mvbtn a {display:inline-block; max-width:198px; width:40%; line-height:44px; height:45px; margin:0 5px; text-align:center; font-size:15px;  color:#fff; font-weight:100; border:1px solid rgba(255,255,255,0.5); background:rgba(19,24,31,0.7); letter-spacing:0; font-weight:400; transition:all 0.3s; text-transform:uppercase}
.mv .mvbtn a:hover {border:1px solid  #f16840; background:#f16840;}

.vs_scroll{display:none; position:absolute; bottom:30px; left:50%; width:100px; height:50px; text-align:center; transform:translateX(-50%); }
.vs_scroll img{width:15px; opacity:0.6; animation:3s vs_scroll infinite;}
.vs_scroll p{margin-top:15px; font-size:10px; line-height:1.2; color:rgba(255,255,255,0.6); text-transform:uppercase; }
@keyframes vs_scroll {
	0% ,100%{ transform:translateY(5px)}
	50%{ transform:translateY(18px)}
}

/**/

.visual_wrap{position:absolute; top:50%; left:50%; width:2000px; height:100vh; min-height:900px; background:#252934 url("../img/main/mv_bg.png") no-repeat 50% 0; transform:translate(-50%, -50%)} /**top:50%; **/

.map_ar {position:absolute; top:55%; left:50%; width:1420px; height:auto; background:url("../img/main/mv_map.svg") no-repeat 50% 0; opacity:1; transform:translate(-50%, -50%)}




/** NY LA 1st **/
.visual_wrap .mv_cir_left{
	opacity:0.2;
	fill:#ff8b3d;
	animation:mv_cir 2s linear backwards infinite;
	-webkit-animation:mv_cir 2s linear backwards infinite;
	-moz-animation:mv_cir 2s linear backwards infinite;
	-o-animation:mv_cir 2s linear backwards infinite;
	animation-delay:-1s;
}
.visual_wrap .mv_cir_border_left{
	fill:none;
	stroke:#ff8b3d;
	stroke-miterlimit:10;
	stroke-dashoffset:134;
	stroke-dasharray:0;
	animation:mv_cir_border 2s linear backwards infinite;
	-webkit-animation:mv_cir_border 2s linear backwards infinite;
	-moz-animation:mv_cir_border 2s linear backwards infinite;
	-o-animation:mv_cir_border 2s linear backwards infinite;
	animation-delay:0.5s;}
.visual_wrap .mv_cir_right{
	opacity:0.2;
	fill:#ff8b3d;
	animation:mv_cir 2s linear backwards infinite;
	-webkit-animation:mv_cir 2s linear backwards infinite;
	-moz-animation:mv_cir 2s linear backwards infinite;
	-o-animation:mv_cir 2s linear backwards infinite;
	animation-delay:-0.5s;
}
.visual_wrap .mv_cir_border_right{
	fill:none;
	stroke:#ff8b3d;
	stroke-miterlimit:10;
	stroke-dashoffset:134;
	stroke-dasharray:0;
	animation:mv_cir_border 2s linear backwards infinite;
	-webkit-animation:mv_cir_border 2s linear backwards infinite;
	-moz-animation:mv_cir_border 2s linear backwards infinite;
	-o-animation:mv_cir_border 2s linear backwards infinite;
	animation-delay:0s;
}

.mv_cir_go {opacity:0.8; fill:#ff8b3d;}
.mv_cir_ar {opacity:0.6; fill:#fff;}

.visual_wrap .mv_cir_arr {
	opacity:0.2;
	fill:#fff;
	animation:mv_once 2s linear backwards infinite;
	-webkit-animation:mv_once 2s linear backwards infinite;
	-moz-animation:mv_once 2s linear backwards infinite;
	-o-animation:mv_once 2s linear backwards infinite;
	animation-delay:0s;
}
.visual_wrap .mv_car_a01 {
	opacity:0.2;
	fill:#fff;
	animation:mv_cir 2s ease-out backwards infinite;
	-webkit-animation:mv_cir 2s ease-out backwards infinite;
	-moz-animation:mv_cir 2s ease-out backwards infinite;
	-o-animation:mv_cir 2s ease-out backwards infinite;
	animation-delay:-0.5s;
}
.visual_wrap .mv_cir_border_all{
	opacity:0.4;
	fill:none;
	stroke:#fff;
	stroke-miterlimit:10;
	stroke-dashoffset:134;
	stroke-dasharray:0;
	animation:mv_cir_border_all 2s linear backwards infinite;
	-webkit-animation:mv_cir_border_all 2s linear backwards infinite;
	-moz-animation:mv_cir_border_all 2s linear backwards infinite;
	-o-animation:mv_cir_border_all 2s linear backwards infinite;
	animation-delay:0s;
}

.visual_wrap polyline {
	opacity:0.2;
	fill:none;
	stroke:#33fff8;
	stroke-miterlimit:10;
	stroke-width:1;
}
.visual_wrap polyline.pl_line02 {
	opacity:0.3;
	fill:none;
	stroke:#33fff8;
	stroke-miterlimit:10;
	stroke-width:2;
} /** 2nd line style **/
.visual_wrap .mv_line01 {
	opacity:0.4;
	stroke-dashoffset:1703.7;
	stroke-dasharray:1703.7;
	animation:mv_line01 4.5s linear backwards;
	-webkit-animation:mv_line01 4.5s linear backwards;
	-moz-animation:mv_line01 4.5s linear backwards;
	-o-animation:mv_line01 4.5s linear backwards;
	animation-delay:-1.2s;
	animation-iteration-count:infinite;/**221011**/
}
.visual_wrap .mv_line02 {
	opacity:0.4;
	stroke-dashoffset:1703.7;
	stroke-dasharray:1703.7;
	animation:mv_line01 4.5s linear backwards;
	-webkit-animation:mv_line01 4.5s linear backwards;
	-moz-animation:mv_line01 4.5s linear backwards;
	-o-animation:mv_line01 4.5s linear backwards;
	animation-delay:-0.9s;
	animation-iteration-count:infinite;/**221011**/
}

/** 2nd animation **/
.visual_wrap .mv_line11 {
	opacity:0.9;
	stroke-dashoffset:1703.7;
	stroke-dasharray:1703.7;
	animation:mv_line222 2.0s linear backwards;
	-webkit-animation:mv_line222 2.0s linear backwards;
	-moz-animation:mv_line222 2.0s linear backwards;
	-o-animation:mv_line222 2.0s linear backwards;
	animation-delay:4s;}

.visual_wrap .mv_line12 {
	opacity:0.9;
	stroke-dashoffset:1703.7;
	stroke-dasharray:1703.7;
	animation:mv_line222 2.0s linear backwards;
	-webkit-animation:mv_line222 2.0s linear backwards;
	-moz-animation:mv_line222 2.0s linear backwards;
	-o-animation:mv_line222 2.0s linear backwards;
	animation-delay:5s;
}

.visual_wrap .mv_line13 {
	opacity:0.9;
	stroke-dashoffset:1703.7;
	stroke-dasharray:1703.7;
	animation:mv_line222 2.0s linear backwards;
	-webkit-animation:mv_line222 2.0s linear backwards;
	-moz-animation:mv_line222 2.0s linear backwards;
	-o-animation:mv_line222 2.0s linear backwards;
	animation-delay:6s;
}

.visual_wrap .mv_line14 {
	opacity:0.9;
	stroke-dashoffset:1703.7;
	stroke-dasharray:1703.7;
	animation:mv_line222 2.0s linear backwards;
	-webkit-animation:mv_line222 2.0s linear backwards;
	-moz-animation:mv_line222 2.0s linear backwards;
	-o-animation:mv_line222 2.0s linear backwards;
	animation-delay:7s;
}

.visual_wrap .mv_line15 {
	opacity:0.9;
	stroke-dashoffset:1703.7;
	stroke-dasharray:1703.7;
	animation:mv_line222 2.0s linear backwards;
	-webkit-animation:mv_line222 2.0s linear backwards;
	-moz-animation:mv_line222 2.0s linear backwards;
	-o-animation:mv_line222 2.0s linear backwards;
	animation-delay:8s;
}

.visual_wrap .mv_line16 {
	opacity:0.9;
	stroke-dashoffset:1703.7;
	stroke-dasharray:1703.7;
	animation:mv_line222 2.0s linear backwards;
	-webkit-animation:mv_line222 2.0s linear backwards;
	-moz-animation:mv_line222 2.0s linear backwards;
	-o-animation:mv_line222 2.0s linear backwards;
	animation-delay:9s;}

.visual_wrap .mv_line17 {
	opacity:0.9;
	stroke-dashoffset:1703.7;
	stroke-dasharray:1703.7;
	animation:mv_line222 2.0s linear backwards;
	-webkit-animation:mv_line222 2.0s linear backwards;
	-moz-animation:mv_line222 2.0s linear backwards;
	-o-animation:mv_line222 2.0s linear backwards;
	animation-delay:10s;
}

.visual_wrap .mv_line18 {
	opacity:0.9;
	stroke-dashoffset:1703.7;
	stroke-dasharray:1703.7;
	animation:mv_line222 2.0s linear backwards;
	-webkit-animation:mv_line222 2.0s linear backwards;
	-moz-animation:mv_line222 2.0s linear backwards;
	-o-animation:mv_line222 2.0s linear backwards;
	animation-delay:11s;
}

.visual_wrap .mv_line19 {
	opacity:0.9;
	stroke-dashoffset:1703.7;
	stroke-dasharray:1703.7;
	animation:mv_line222 2.0s linear backwards;
	-webkit-animation:mv_line222 2.0s linear backwards;
	-moz-animation:mv_line222 2.0s linear backwards;
	-o-animation:mv_line222 2.0s linear backwards;
	animation-delay:12s;
}

.visual_wrap .mv_line20 {
	opacity:0.9;
	stroke-dashoffset:1703.7;
	stroke-dasharray:1703.7;
	animation:mv_line222 2.0s linear backwards;
	-webkit-animation:mv_line222 2.0s linear backwards;
	-moz-animation:mv_line222 2.0s linear backwards;
	-o-animation:mv_line222 2.0s linear backwards;
	animation-delay:13s;
}

.visual_wrap .mv_line21 {
	opacity:0.9;
	stroke-dashoffset:1703.7;
	stroke-dasharray:1703.7;
	animation:mv_line222 2.0s linear backwards;
	-webkit-animation:mv_line222 2.0s linear backwards;
	-moz-animation:mv_line222 2.0s linear backwards;
	-o-animation:mv_line222 2.0s linear backwards;
	animation-delay:14s;
}

.visual_wrap .mv_line22 {
	opacity:0.9;
	stroke-dashoffset:1703.7;
	stroke-dasharray:1703.7;
	animation:mv_line222 2.0s linear backwards;
	-webkit-animation:mv_line222 2.0s linear backwards;
	-moz-animation:mv_line222 2.0s linear backwards;
	-o-animation:mv_line222 2.0s linear backwards;
	animation-delay:15s;
}

.visual_wrap .mv_line23 {
	opacity:0.9;
	stroke-dashoffset:1703.7;
	stroke-dasharray:1703.7;
	animation:mv_line222 2.0s linear backwards;
	-webkit-animation:mv_line222 2.0s linear backwards;
	-moz-animation:mv_line222 2.0s linear backwards;
	-o-animation:mv_line222 2.0s linear backwards;
	animation-delay:16s;}

.visual_wrap .mv_line24 {
	opacity:0.9;
	stroke-dashoffset:1703.7;
	stroke-dasharray:1703.7;
	animation:mv_line222 2.0s linear backwards;
	-webkit-animation:mv_line222 2.0s linear backwards;
	-moz-animation:mv_line222 2.0s linear backwards;
	-o-animation:mv_line222 2.0s linear backwards;
	animation-delay:17s;
}

.visual_wrap .mv_line25 {
	opacity:0.9;
	stroke-dashoffset:1703.7;
	stroke-dasharray:1703.7;
	animation:mv_line222 2.0s linear backwards;
	-webkit-animation:mv_line222 2.0s linear backwards;
	-moz-animation:mv_line222 2.0s linear backwards;
	-o-animation:mv_line222 2.0s linear backwards;
	animation-delay:18s;
}

/*---*/
.visual_wrap .mv_line26 {
	opacity:0.9;
	stroke-dashoffset:1703.7;
	stroke-dasharray:1703.7;
	animation:mv_line222 1.5s linear backwards;
	-webkit-animation:mv_line222 1.5s linear backwards;
	-moz-animation:mv_line222 1.5s linear backwards;
	-o-animation:mv_line222 1.5s linear backwards;
	animation-delay:19s;
}

.visual_wrap .mv_line27 {
	opacity:0.9;
	stroke-dashoffset:1703.7;
	stroke-dasharray:1703.7;
	animation:mv_line222 2.0s linear backwards;
	-webkit-animation:mv_line222 2.0s linear backwards;
	-moz-animation:mv_line222 2.0s linear backwards;
	-o-animation:mv_line222 2.0s linear backwards;
	animation-delay:20s;
}

.visual_wrap .mv_line28 {
	opacity:0.9;
	stroke-dashoffset:1703.7;
	stroke-dasharray:1703.7;
	animation:mv_line222 2.0s linear backwards;
	-webkit-animation:mv_line222 2.0s linear backwards;
	-moz-animation:mv_line222 2.0s linear backwards;
	-o-animation:mv_line222 2.0s linear backwards;
	animation-delay:21s;
}

.visual_wrap .mv_line29 {
	opacity:0.9;
	stroke-dashoffset:1703.7;
	stroke-dasharray:1703.7;
	animation:mv_line222 2.0s linear backwards;
	-webkit-animation:mv_line222 2.0s linear backwards;
	-moz-animation:mv_line222 2.0s linear backwards;
	-o-animation:mv_line222 2.0s linear backwards;
	animation-delay:22s;
}

.visual_wrap .mv_line30 {
	opacity:0.9;
	stroke-dashoffset:1703.7;
	stroke-dasharray:1703.7;
	animation:mv_line222 2.0s linear backwards;
	-webkit-animation:mv_line222 2.0s linear backwards;
	-moz-animation:mv_line222 2.0s linear backwards;
	-o-animation:mv_line222 2.0s linear backwards;
	animation-delay:23s;
}

.visual_wrap .mv_line31 {
	opacity:0.9;
	stroke-dashoffset:1703.7;
	stroke-dasharray:1703.7;
	animation:mv_line222 2.0s linear backwards;
	-webkit-animation:mv_line222 2.0s linear backwards;
	-moz-animation:mv_line222 2.0s linear backwards;
	-o-animation:mv_line222 2.0s linear backwards;
	animation-delay:24s;
}

.visual_wrap .mv_line32 {
	opacity:0.9;
	stroke-dashoffset:1703.7;
	stroke-dasharray:1703.7;
	animation:mv_line222 2.0s linear backwards;
	-webkit-animation:mv_line222 2.0s linear backwards;
	-moz-animation:mv_line222 2.0s linear backwards;
	-o-animation:mv_line222 2.0s linear backwards;
	animation-delay:25s;
}

.visual_wrap .mv_line33 {
	opacity:0.9;
	stroke-dashoffset:1703.7;
	stroke-dasharray:1703.7;
	animation:mv_line222 2.0s linear backwards;
	-webkit-animation:mv_line222 2.0s linear backwards;
	-moz-animation:mv_line222 2.0s linear backwards;
	-o-animation:mv_line222 2.0s linear backwards;
	animation-delay:26s;}

.visual_wrap .mv_line34 {
	opacity:0.9;
	stroke-dashoffset:1703.7;
	stroke-dasharray:1703.7;
	animation:mv_line222 2.0s linear backwards;
	-webkit-animation:mv_line222 2.0s linear backwards;
	-moz-animation:mv_line222 2.0s linear backwards;
	-o-animation:mv_line222 2.0s linear backwards;
	animation-delay:27s;
}

.visual_wrap .mv_line35 {
	opacity:0.9;
	stroke-dashoffset:1703.7;
	stroke-dasharray:1703.7;
	animation:mv_line222 2.0s linear backwards;
	-webkit-animation:mv_line222 2.0s linear backwards;
	-moz-animation:mv_line222 2.0s linear backwards;
	-o-animation:mv_line222 2.0s linear backwards;
	animation-delay:28s;
}

.visual_wrap .mv_line36 {
	opacity:0.9;
	stroke-dashoffset:1703.7;
	stroke-dasharray:1703.7;
	animation:mv_line222 2.0s linear backwards;
	-webkit-animation:mv_line222 2.0s linear backwards;
	-moz-animation:mv_line222 2.0s linear backwards;
	-o-animation:mv_line222 2.0s linear backwards;
	animation-delay:29s;
}

.visual_wrap .mv_line37 {
	opacity:0.9;
	stroke-dashoffset:1703.7;
	stroke-dasharray:1703.7;
	animation:mv_line222 2.0s linear backwards;
	-webkit-animation:mv_line222 2.0s linear backwards;
	-moz-animation:mv_line222 2.0s linear backwards;
	-o-animation:mv_line222 2.0s linear backwards;
	animation-delay:30s;
}

.visual_wrap .mv_line38 {
	opacity:0.9;
	stroke-dashoffset:1703.7;
	stroke-dasharray:1703.7;
	animation:mv_line222 2.0s linear backwards;
	-webkit-animation:mv_line222 2.0s linear backwards;
	-moz-animation:mv_line222 2.0s linear backwards;
	-o-animation:mv_line222 2.0s linear backwards;
	animation-delay:31s;
}

.visual_wrap .mv_line39 {
	opacity:0.9;
	stroke-dashoffset:1703.7;
	stroke-dasharray:1703.7;
	animation:mv_line222 2.0s linear backwards;
	-webkit-animation:mv_line222 2.0s linear backwards;
	-moz-animation:mv_line222 2.0s linear backwards;
	-o-animation:mv_line222 2.0s linear backwards;
	animation-delay:32s;
}

.visual_wrap .mv_line40 {
	opacity:0.9;
	stroke-dashoffset:1703.7;
	stroke-dasharray:1703.7;
	animation:mv_line222 2.0s linear backwards;
	-webkit-animation:mv_line222 2.0s linear backwards;
	-moz-animation:mv_line222 2.0s linear backwards;
	-o-animation:mv_line222 2.0s linear backwards;
	animation-delay:33s;
}

.visual_wrap .mv_line41 {
	opacity:0.9;
	stroke-dashoffset:1703.7;
	stroke-dasharray:1703.7;
	animation:mv_line222 2.0s linear backwards;
	-webkit-animation:mv_line222 2.0s linear backwards;
	-moz-animation:mv_line222 2.0s linear backwards;
	-o-animation:mv_line222 2.0s linear backwards;
	animation-delay:34s;
}

.visual_wrap .mv_line42 {
	opacity:0.9;
	stroke-dashoffset:1703.7;
	stroke-dasharray:1703.7;
	animation:mv_line222 2.0s linear backwards;
	-webkit-animation:mv_line222 2.0s linear backwards;
	-moz-animation:mv_line222 2.0s linear backwards;
	-o-animation:mv_line222 2.0s linear backwards;
	animation-delay:35s;
}

.visual_wrap .mv_line43 {
	opacity:0.9;
	stroke-dashoffset:1703.7;
	stroke-dasharray:1703.7;
	animation:mv_line222 2.0s linear backwards;
	-webkit-animation:mv_line222 2.0s linear backwards;
	-moz-animation:mv_line222 2.0s linear backwards;
	-o-animation:mv_line222 2.0s linear backwards;
	animation-delay:36s;
}

.visual_wrap .mv_line44 {
	opacity:0.9;
	stroke-dashoffset:1703.7;
	stroke-dasharray:1703.7;
	animation:mv_line222 2.0s linear backwards;
	-webkit-animation:mv_line222 2.0s linear backwards;
	-moz-animation:mv_line222 2.0s linear backwards;
	-o-animation:mv_line222 2.0s linear backwards;
	animation-delay:37s;
}


/** keyframes **/
@keyframes transY-ani {
	0% { opacity: 0; transform: translatey(-100%)}
	100% { opacity: 1; transform: translatey(0)}
}

@keyframes mv_once {
	0% {opacity:0.0; r:0;}
	50% {opacity:0.5; r:6;}
	51% {opacity:0.2; r:0;}
}

@keyframes mv_cir {
	0% {opacity:0.5; r:0;}
	50% {opacity:0.1; r:30;}
	51% {opacity:0; r:0;}
}
@keyframes mv_cir02 {
	0% {opacity:0.0; r:0;}
	50% {opacity:0.5; r:6;}
	51% {opacity:0.5; r:6;}
}
@keyframes mv_cir22 {
	0% {opacity:0.5; r:0;}
	50% {opacity:0.1; r:30;}
	51% {opacity:0; r:0;}
}
@keyframes mv_cir_border {
	0% {opacity:0.7; r:0;}
	50% {opacity:0.2; r:40;}
	51% {opacity:0; r:0;}
}

@keyframes mv_cir_border_all {
	0% {opacity:0.5; r:0;}
	50% {opacity:0.2; r:20;}
	51% {opacity:0; r:0;}
}

@keyframes mv_line01 {
	0% {opacity:0.2;stroke-dashoffset:-1703.7}
	25% {opacity:0.5}
	50% {opacity:0.2;stroke-dashoffset:-1703.7}
	100% {}
}
@keyframes mv_line222 {
	0% {opacity:0.5;stroke-dashoffset:-1703.7}
	25% {opacity:0.6}
	50% {opacity:0.5;stroke-dashoffset:-1703.7}
	100% {}
}

/** -webkit-keyframes **/
@-webkit-keyframes mv_once {
	0% {opacity:0.0; r:0;}
	50% {opacity:0.5; r:6;}
	71% {opacity:0.2; r:3;}
	91% {opacity:0.1; r:1;}
	100% {opacity:0.0; r:0;}
}

@-webkit-keyframes mv_cir {
	0% {opacity:0.5; r:0;}
	50% {opacity:0.1; r:30;}
	51% {opacity:0; r:0;}
}
@-webkit-keyframes mv_cir02 {
	0% {opacity:0.0; r:0;}
	50% {opacity:0.5; r:6;}
	51% {opacity:0.5; r:6;}
}
@-webkit-keyframes mv_cir22 {
	0% {opacity:0.5; r:0;}
	50% {opacity:0.1; r:30;}
	51% {opacity:0; r:0;}
}
@-webkit-keyframes mv_cir_border {
	0% {opacity:0.7; r:0;}
	50% {opacity:0.2; r:40;}
	51% {opacity:0; r:0;}
}

@-webkit-keyframes mv_cir_border_all {
	0% {opacity:0.5; r:0;}
	50% {opacity:0.2; r:20;}
	51% {opacity:0; r:0;}
}

@-webkit-keyframes mv_line01 {
	0% {opacity:0.2;stroke-dashoffset:-1703.7}
	25% {opacity:0.5}
	50% {opacity:0.2;stroke-dashoffset:-1703.7}
	100% {}
}
@-webkit-keyframes mv_line222 {
	0% {opacity:0.5;stroke-dashoffset:-1703.7}
	25% {opacity:0.6}
	50% {opacity:0.5;stroke-dashoffset:-1703.7}
	100% {}
}


/** -moz-keyframes **/
@-moz-keyframes mv_once {
	0% {opacity:0.0; r:0;}
	50% {opacity:0.5; r:6;}
	71% {opacity:0.2; r:3;}
	91% {opacity:0.1; r:1;}
	100% {opacity:0.0; r:0;}
}

@-moz-keyframes mv_cir {
	0% {opacity:0.5; r:0;}
	50% {opacity:0.1; r:30;}
	51% {opacity:0; r:0;}
}
@-moz-keyframes mv_cir02 {
	0% {opacity:0.0; r:0;}
	50% {opacity:0.5; r:6;}
	51% {opacity:0.5; r:6;}
}
@-moz-keyframes mv_cir22 {
	0% {opacity:0.5; r:0;}
	50% {opacity:0.1; r:30;}
	51% {opacity:0; r:0;}
}
@-moz-keyframes mv_cir_border {
	0% {opacity:0.7; r:0;}
	50% {opacity:0.2; r:40;}
	51% {opacity:0; r:0;}
}

@-moz-keyframes mv_cir_border_all {
	0% {opacity:0.5; r:0;}
	50% {opacity:0.2; r:20;}
	51% {opacity:0; r:0;}
}

@-moz-keyframes mv_line01 {
	0% {opacity:0.2;stroke-dashoffset:-1703.7}
	25% {opacity:0.5}
	50% {opacity:0.2;stroke-dashoffset:-1703.7}
	100% {}
}
@-moz-keyframes mv_line222 {
	0% {opacity:0.5;stroke-dashoffset:-1703.7}
	25% {opacity:0.6}
	50% {opacity:0.5;stroke-dashoffset:-1703.7}
	100% {}
}

/** -o-keyframes **/
@-o-keyframes mv_once {
	0% {opacity:0.0; r:0;}
	50% {opacity:0.5; r:6;}
	71% {opacity:0.2; r:3;}
	91% {opacity:0.1; r:1;}
	100% {opacity:0.0; r:0;}
}

@-o-keyframes mv_cir {
	0% {opacity:0.5; r:0;}
	50% {opacity:0.1; r:30;}
	51% {opacity:0; r:0;}
}
@-o-keyframes mv_cir02 {
	0% {opacity:0.0; r:0;}
	50% {opacity:0.5; r:6;}
	51% {opacity:0.5; r:6;}
}
@-o-keyframes mv_cir22 {
	0% {opacity:0.5; r:0;}
	50% {opacity:0.1; r:30;}
	51% {opacity:0; r:0;}
}
@-o-keyframes mv_cir_border {
	0% {opacity:0.7; r:0;}
	50% {opacity:0.2; r:40;}
	51% {opacity:0; r:0;}
}

@-o-keyframes mv_cir_border_all {
	0% {opacity:0.5; r:0;}
	50% {opacity:0.2; r:20;}
	51% {opacity:0; r:0;}
}

@-o-keyframes mv_line01 {
	0% {opacity:0.2;stroke-dashoffset:-1703.7}
	25% {opacity:0.5}
	50% {opacity:0.2;stroke-dashoffset:-1703.7}
	100% {}
}
@-o-keyframes mv_line222 {
	0% {opacity:0.5;stroke-dashoffset:-1703.7}
	25% {opacity:0.6}
	50% {opacity:0.5;stroke-dashoffset:-1703.7}
	100% {}
}
/**--**/

@keyframes shine {
	0% {background-position:0;}
	50% {background-position:350px;}
	100% {background-position:700px;}
}



/** mv_map **/
@media (max-width:1191px) {
	.main_visual{height:850px; min-height:auto;}
	.visual_wrap {top:45%; height:850px; min-height:auto;}
	.map_ar {width:1100px;}

}

@media (max-width:990px) {
	.main_visual{height:850px;}
	.visual_wrap {top:45%; height:850px;}
	.map_ar {width:960px;}
}

@media (max-width:900px) {
	.main_visual {height:770px;}
	.visual_wrap {height:770px;}
	.map_ar {width:860px;}

	.mvtit {bottom:260px; width:200px; margin-left:-100px;}
	.mv .mvt_ar p.mv_txt span {padding:0px 8px;}
}

@media (max-width:800px) {
	.main_visual {height:720px;}
	.visual_wrap {height:720px;}
	.map_ar {width:760px;}
}

@media (max-width:700px) {
	.main_visual{height:660px;}
	.visual_wrap{height:660px;}
	.map_ar {top:49%; width:660px;}

	.main_visual .mv {bottom:150px;}
	.mvtit {bottom:250px; width:160px; margin-left:-80px;}
	.mv .mvt_ar p.mv_txt {font-size:18px;}
	.mv .mvt_ar p.mv_txt span {padding:0px 8px;}
}

@media (max-width:600px) {
	.main_visual {height:620px;}
	.visual_wrap {height:620px;}
	.map_ar {top:47%;width:550px;}

	.mv .mvt_ar p.mv_txt {font-size:17px;}
	.mv .mvt_ar p.mv_txt span {padding:0px 6px;}

	.visual_wrap polyline{opacity:0.5; fill:none; stroke:#33fff8; stroke-miterlimit:10; stroke-width:1;}
	.visual_wrap polyline.pl_line02 {opacity:0.6; fill:none; stroke:#33fff8; stroke-miterlimit:10; stroke-width:3;} /** 2nd line style **/

	@keyframes mv_cir {
		0% {opacity:0.8; r:0;}
		70% {opacity:0.1; r:30;}
		71% {opacity:0; r:0;}
	}
	@-webkit-keyframes mv_cir {
		0% {opacity:0.8; r:0;}
		70% {opacity:0.1; r:30;}
		71% {opacity:0; r:0;}
	}
	@-moz-keyframes mv_cir {
		0% {opacity:0.8; r:0;}
		70% {opacity:0.1; r:30;}
		71% {opacity:0; r:0;}
	}
	@-o-keyframes mv_cir {
		0% {opacity:0.8; r:0;}
		70% {opacity:0.1; r:30;}
		71% {opacity:0; r:0;}
	}
}

@media (max-width:500px) {
	.main_visual {height:580px;}
	.visual_wrap {height:580px;}
	.map_ar {top:45%;width:450px;}

	.main_visual .mv {bottom:140px;}
	.mvtit {bottom:240px; width:140px; margin-left:-70px;}
	.mv .mvt_ar p.mv_txt {font-size:17px;}
	.mv .mvt_ar p.mv_txt span {padding:0px 4px;}

	.mv .mvbtn{height:40px;}
	.mv .mvbtn a {line-height:39px; height:40px;}

	.visual_wrap .mv_car_a01 {
		opacity:0.4;
		fill:#fff;
		animation:mv_cir 2s ease-out backwards infinite;
		-webkit-animation:mv_cir 2s ease-out backwards infinite;
		-moz-animation:mv_cir 2s ease-out backwards infinite;
		-o-animation:mv_cir 2s ease-out backwards infinite;
		animation-delay:-0.5s;
	}
}

@media (max-width:400px) {
	.main_visual {height:500px;}
	.visual_wrap {height:500px;}
	.map_ar {top:42%;width:350px;}

	.main_visual .mv {bottom:120px;}
	.mvtit {bottom:220px; width:120px; margin-left:-60px;}
	.mv .mvt_ar p.mv_txt {font-size:16px;}
	.mv .mvt_ar p.mv_txt span {padding:0px 2px;}

	@keyframes mv_cir {
		0% {opacity:0.8; r:0;}
		70% {opacity:0.1; r:38;}
		71% {opacity:0; r:0;}
	}
	@-webkit-keyframes mv_cir {
		0% {opacity:0.8; r:0;}
		70% {opacity:0.1; r:38;}
		71% {opacity:0; r:0;}
	}
	@-moz-keyframes mv_cir {
		0% {opacity:0.8; r:0;}
		70% {opacity:0.1; r:38;}
		71% {opacity:0; r:0;}
	}
	@-o-keyframes mv_cir {
		0% {opacity:0.8; r:0;}
		70% {opacity:0.1; r:38;}
		71% {opacity:0; r:0;}
	}
}

@media (max-width:300px) {
	.main_visual {height:450px;}
	.visual_wrap {height:450px;}
	.map_ar {top:43%;width:280px;}

	.main_visual .mv {bottom:110px;}
	.mvtit {bottom:210px; width:100px; margin-left:-50px;}
	.mv .mvt_ar p.mv_txt {font-size:15px;}
	.mv .mvt_ar p.mv_txt span {padding:0px 1px;}
}



/** end_____mv_map **/

/**map tooltip**/
#tooltip {background:rgba(0,0,0,0.6); border: 1px solid #703a2c; border-radius: 8px; padding:10px; width:auto; height:auto; line-height:1; color:#fff; font-size:15px; text-align:center; z-index:590;}
/** 221021 #tooltip {background:rgba(0,0,0,0.6); border: 1px solid #515456; border-radius: 5px; padding:0px 8px; width:auto; height:28px; line-height:28px; color:#fff; font-size:14px; text-align:center; z-index:590;}**/

/**end __ map tooltip**/


@media (min-width:2000px) {
	.main_visual { background-size:100% }
}


/* counting */
.mc_ar {position:absolute; width:100%; bottom:0; height:140px; background:url("../img/main/SGM_count_bg02.png") no-repeat 50% 0; background-size:100% 100%;  overflow: hidden; z-index:550;}
.mc_box {width:auto; margin:0px auto; max-width:900px; padding:23px 50px 0px 50px;}
.mc_box ul {width:100%;} /**  display:flex; justify-content:space-between; 삭제됨 221011**/
.mc_box ul li {width:100%; text-align:center;} /**추가됨 221011 **/
.mc_box ul:after {display:none;}
.mc_step dt {font-size:16px; font-weight:600; color:#f1683f; padding-bottom:5px; line-height:1;}
.mc_step dd p {display: block; font-size:15px; color:#888888; font-weight:400;}
.mc_step dd p span {font-size:55px; font-weight:900; color:#212121; line-height:1; padding-bottom:5px;}
.mc_step dd p span.ctadd {font-size:35px; font-weight:400; color:#212121; line-height:1; padding-bottom:5px;}
@media (max-width:1100px) {
	.mc_box {width:70%; padding:20px 20px 0px 20px; overflow:hidden;}
}
@media (max-width:900px) {
	.mc_ar {height:130px;}
	.mc_box {width:75%;}

	.mc_step dt {font-size:16px;}
	.mc_step dd p {font-size:15px;}
	.mc_step dd p span {font-size:48px;}
	.mc_step dd p span.ctadd {font-size:30px;}
}

@media (max-width:700px) {
	.mc_ar {height:125px;}
	.mc_box {width:85%;}

	.mc_step dt {font-size:15px;}
	.mc_step dd p {font-size:14px;}
	.mc_step dd p span {font-size:42px;}
	.mc_step dd p span.ctadd {font-size:25px;}
}

@media (max-width:600px) {
	.mc_box {width:100%;}
	.mc_step dt {font-size:15px;}
	.mc_step dd p {font-size:14px;}
	.mc_step dd p span {font-size:35px;}
	.mc_step dd p span.ctadd {font-size:20px;}
}

@media (max-width:420px) {
	.mc_ar {height:110px;}
	.mc_box {width:100%;}
	.mc_step dt {font-size:13px;}
	.mc_step dd p {font-size:13px;}
	.mc_step dd p span {font-size:30px;}
	.mc_step dd p span.ctadd {font-size:20px;}
}

@media (max-width:360px) {
	.mc_ar {height:110px;}
	.mc_box {width:100%;}
	.mc_step dt {font-size:13px;}
	.mc_step dd p {font-size:13px;}
	.mc_step dd p span {font-size:25px;}
	.mc_step dd p span.ctadd {font-size:20px;}
}

@media (max-width:320px) {
	.mc_ar {height:100px;}
	.mc_box {width:100%;}
	.mc_step dt {font-size:12px;}
	.mc_step dd p {font-size:12px;}
	.mc_step dd p span {font-size:20px;}
	.mc_step dd p span.ctadd {font-size:18px;}
}
/* //counting */



/* mwrap */
.mwrap {width:92%; max-width:980px; margin:0 auto; padding:140px 0 0 0;   }
.mwrap h3{width:100%; font-size:90px;  color:#071b21; text-align:left; padding:0 0 80px;}
.mwrap h3 span {position:relative; width:100%; display:block;  font-weight:100; padding:25px 0 0 0; }
.mwrap h3 span:before {position:absolute; left:0; top:0;content:''; display:inline-block; width:74px; height:3px; background:#071b21;}
.mwrap h3 span.stit { font-size:70px;  }
.mwrap h3 strong { width:100%; display:block;  font-weight:900;}
.mwrap .mbox  {width:100%;  }
.mwrap .mbox p {width:100%; color:#0a0a0a;  font-size:18px; line-height:1.6;}
.micon { width:138px; height:138px; border:1px solid #f16840;}

.mwrap_01{padding:140px 0 0 0;}
.mwrap_01 h3 { background:url(../img/main/mbox_01.svg) no-repeat right 0;background-size:600px;  padding:0 0 200px 0;  }
.mwrap_01 .mbox p { padding:30px 0 0 0; }
.mwrap_01 .mbox p.tit { font-size:20px;font-weight:600; padding:0; }

.mwrap_02 .mimg {width:100%; padding:0 0 75px 0; text-align:center; }
.mwrap_02 .mimg img {width:100%; }
.mwrap_02 .mimg img.pc {display:inline-block;   }
.mwrap_02 .mimg img.mo {display:none;   }
.mwrap_03 {padding:140px 0;   }

.mwrap_sasta .mbox {padding: 0 0 50px 55%;background:url(../img/main/main_sasta.svg) no-repeat 0 0; background-size:474px;}
.mwrap_sasta .mbox p {padding:30px 0 0 0;}
.mwrap_sasta .mbox p:first-child {padding:10px 0 0 0;}

@media (max-width:1100px) {
	.mwrap_01{padding:20% 0 0 0;}
	.mwrap h3{ padding:0 0 8% 0;}
	.mwrap_01 h3 { background-size:55%;  padding:0 0 15% 0; }
	.mwrap_02 .mimg {  padding:0 0 7% 0; }

	.mwrap_sasta .mbox {  background-size:47%;}
}

@media (max-width:1000px) {
	.mwrap { padding:12% 0 0 0; }
	.mwrap_01{padding:12% 0 0 0;}
	.mwrap_03 {padding:12% 0; }
	.mwrap h3{ font-size:80px;  }
	.mwrap h3 span.stit { font-size:60px;  }
	.mwrap .mbox p { font-size:16px; }
	.mwrap_01 .mbox p br {display:none; }
	.mwrap_02 .mbox p br {display:none; }
	.mwrap_sasta .mbox {padding: 0 0 0 40%;  background-size:35%;}
}

@media (max-width:900px) {
	.mwrap h3{  font-size:70px;  }
	.mwrap h3 span.stit { font-size:50px;  }
}
@media (max-width:801px) {
	.mwrap h3{ padding:0 0 40px 0; font-size:60px; }
	.mwrap_01 h3 { padding:0 0 15% 0; }
}

@media (max-width:700px) {
	.mwrap h3{  font-size:56px;  }
	.mwrap h3 span.stit { font-size:46px;  }
}

@media (max-width:600px) {
	.mwrap { width:100%; padding:70px 20px 0 20px;   }
	.mwrap_03 {padding: 70px 20px; }
	.mwrap h3{  font-size:52px;  }
	.mwrap h3 span.stit { font-size:42px;  }
	.mwrap .mbox p {  font-size:15px; }
	.mwrap_01 h3 {background:url(../img/main/mbox_01.svg) no-repeat right bottom; background-size:53%;  padding:0 0 13% 0; margin:0 0 35px;}
	.mwrap_01 .mbox p.tit {  font-size:16px;}
	.mwrap_sasta .mbox {padding: 150px 0 0 0;  background-size:140px;}
}

@media (max-width:500px) {
	.mwrap h3{  font-size:48px;  }
	.mwrap h3 span.stit { font-size:40px;  }
	.mwrap_02 .mimg img.pc {display:none;   }
	.mwrap_02 .mimg img.mo {display:inline-block; width:80%; max-width:360px;  }
}
@media (max-width:400px) {
	.mwrap h3{  font-size:44px;  }
	.mwrap h3 span.stit { font-size:38px;  }
}
@media (max-width:360px) {
	.mwrap h3{  font-size:40px;  }
	.mwrap h3 span.stit { font-size:36px;  }
}
@media (max-width:319px) {
	.mwrap { padding:60px 15px 0 15px;   }
	.mwrap_03 {padding:60px 15px; }
}





.mboxlist {width:100%; font-size:0; }
.mboxlist ul {width:100%; display:flex; justify-content: space-between; align-items: stretch; }
.mboxlist ul li {width:50%; float:left;  }
.mboxlist ul li:nth-child(2n+1) { padding:80px 20px 0 0 ; }
.mboxlist ul li:nth-child(2n)  { padding:80px 0 0 20px;}
.mboxlist ul li.mlist_01, .mboxlist ul li.mlist_02{ padding-top:0;}
.mboxlist ul li {width:100%;display:inline-block;}
.mboxlist ul li .img {width:134px; height:134px; border-radius:50%; border:1px solid #f16840 }
.mboxlist ul li h4 {padding:35px 0 12px 0;  font-size:28px; font-weight:600;}
.mboxlist ul li .txt {width:100%;}
.mboxlist ul li .txt p {width:100%; font-size:16px; }
.mboxlist ul li.mlist_01 .img { background:url(../img/main/micon_01_pc.png) no-repeat center 50%;background-size:68px;}
.mboxlist ul li.mlist_02 .img { background:url(../img/main/micon_02_pc.png) no-repeat center 50%;background-size:67px;}
.mboxlist ul li.mlist_03 .img { background:url(../img/main/micon_03.svg) no-repeat center 50%;background-size:79px;}
.mboxlist ul li.mlist_04 .img { background:url(../img/main/micon_04.svg) no-repeat center 50%;background-size:54px;}
.mboxlist ul li.mlist_05 .img { background:url(../img/main/micon_05.svg) no-repeat center 50%;background-size:73px;}
.mboxlist ul li.mlist_06 .img { background:url(../img/main/micon_06.svg) no-repeat center 50%;background-size:86px;}
.mboxlist ul li .mlistbtn  {padding:20px 0 0 0 ;}
.mboxlist ul li .mlistbtn a {width:85%; padding:0 20px;  background:#efefef; border:1px solid #ededed; height:50px; border-radius:50px; display:flex; justify-content: center; align-items:center; text-align:center;}
.mboxlist ul li .mlistbtn a span {padding:0 40px 0 0; display:inline-block; text-align:center; line-height:1.2; color:#1e1e1e; font-weight:500;background:url(../img/contents/icon_my_copy.svg) no-repeat right 50%; background-size:18px;}
.mboxlist ul li .mlistbtn a:hover  { border:1px solid #f16840; background:#f16840; color:#fff;}
.mboxlist ul li .mlistbtn a:hover span { color:#fff;background:url(../img/contents/icon_my_copy_on_w.svg) no-repeat right 50%; background-size:18px;}

@media (max-width:1100px) {
	.mboxlist ul li:nth-child(2n+1) { padding:7% 20px 0 0 ; }
	.mboxlist ul li:nth-child(2n)  { padding:7% 0 0 20px;}
	.mboxlist ul li.mlist_01, .mboxlist ul li.mlist_02{ padding-top:0;}
}
@media (max-width:1050px) {
	.mboxlist ul li .txt p br {display:none;}
}

@media (max-width:900px) {
	.mboxlist ul li .img {width:120px; min-width:120px; height:120px;}
	.mboxlist ul li h4 {padding:25px 0 12px 0; }
	.mboxlist ul li.mlist_01 .img { background:url(../img/main/micon_01.png) no-repeat center 50%;background-size:51.7%;}
	.mboxlist ul li.mlist_02 .img { background:url(../img/main/micon_02.png) no-repeat center 50%;background-size:50%;}
	.mboxlist ul li.mlist_03 .img { background:url(../img/main/micon_03.svg) no-repeat center 50%;background-size:58.9px;}
	.mboxlist ul li.mlist_04 .img { background:url(../img/main/micon_04.svg) no-repeat center 50%;background-size:40.2%;}
	.mboxlist ul li.mlist_05 .img { background:url(../img/main/micon_05.svg) no-repeat center 50%;background-size:54.5%;}
	.mboxlist ul li.mlist_06 .img { background:url(../img/main/micon_06.svg) no-repeat center 50%;background-size:64.2%;}
}

@media (max-width:801px) {
	.mboxlist ul li:nth-child(2n+1) { padding:40px 20px 0 0; }
	.mboxlist ul li:nth-child(2n)  { padding:40px 0 0 20px;}
	.mboxlist ul li.mlist_01, .mboxlist ul li.mlist_02{ padding-top:0;}
	.mboxlist ul li h4 {  font-size:26px; }
	.mboxlist ul li .img {width:100px; min-width:100px; height:100px;}
}

@media (max-width:700px) {
	.mboxlist ul { display:block; }
	.mboxlist ul li {width:100%; float:none; display:flex; justify-content: space-between; align-items: start;   }
	.mboxlist ul li:nth-child(2n+1),
	.mboxlist ul li:nth-child(2n), .mboxlist ul li.mlist_02 {padding:40px 0 0 0;  }
	.mboxlist ul li.mlist_01 { padding-top:0;}
	.mboxlist ul li .txt  {  padding:0 0 0 20px;}
	.mboxlist ul li .txt p { font-size:15px; }
	.mboxlist ul li h4 {padding:0 0 12px 0;font-size:24px; }
}

@media (max-width:600px) {
	.mboxlist ul { display:block; }
	.mboxlist ul li {width:100%; float:none; }
}

@media (max-width:500px) {
	.mboxlist ul li {display:block;}
	.mboxlist ul li.mlist_01 { padding-top:0;}
	.mboxlist ul li h4 {padding:23px 0 12px 0;font-size:22px; }
	.mboxlist ul li .txt  {padding:0;}
	.mboxlist ul li .mlistbtn a {width:100%;}
}

@media (max-width:319px) {
	.mboxlist ul li .mlistbtn a span{ font-size:14px;}
}



/************************************** main visual end */



/* mwrap */
.mwrap {width:92%; max-width:980px; margin:0 auto; padding:140px 0 0 0;   }
.mwrap h3{width:100%; font-size:90px;  color:#071b21; text-align:left; padding:0 0 80px;}
.mwrap h3 span {position:relative; width:100%; display:block;  font-weight:100; padding:25px 0 0 0; }
.mwrap h3 span:before {position:absolute; left:0; top:0;content:''; display:inline-block; width:74px; height:3px; background:#071b21;}
.mwrap h3 span.stit { font-size:70px;  }
.mwrap h3 strong { width:100%; display:block;  font-weight:900;}
.mwrap .mbox  {width:100%;  }
.mwrap .mbox p {width:100%; color:#0a0a0a;  font-size:18px; line-height:1.6;}
.micon { width:138px; height:138px; border:1px solid #f16840;}

.mwrap_01{padding:140px 0 0 0;}
.mwrap_01 h3 { background:url(../img/main/mbox_01.svg) no-repeat right 0;background-size:600px;  padding:0 0 200px 0;  }
.mwrap_01 .mbox p { padding:30px 0 0 0; }
.mwrap_01 .mbox p.tit { font-size:20px;font-weight:600; padding:0; }

.mwrap_02 .mimg {width:100%; padding:0 0 75px 0; text-align:center; }
.mwrap_02 .mimg img {width:100%; }
.mwrap_02 .mimg img.pc {display:inline-block;   }
.mwrap_02 .mimg img.mo {display:none;   }
.mwrap_03 {padding:140px 0;   }

.mwrap_sasta .mbox {padding: 0 0 50px 55%;background:url(../img/main/main_sasta.svg) no-repeat 0 0; background-size:474px;}
.mwrap_sasta .mbox p {padding:30px 0 0 0;}
.mwrap_sasta .mbox p:first-child {padding:10px 0 0 0;}

@media (max-width:1100px) {
	.mwrap_01{padding:20% 0 0 0;}
	.mwrap h3{ padding:0 0 8% 0;}
	.mwrap_01 h3 { background-size:55%;  padding:0 0 15% 0; }
	.mwrap_02 .mimg {  padding:0 0 7% 0; }

	.mwrap_sasta .mbox {  background-size:47%;}
}

@media (max-width:1000px) {
	.mwrap { padding:12% 0 0 0; }
	.mwrap_01{padding:12% 0 0 0;}
	.mwrap_03 {padding:12% 0; }
	.mwrap h3{ font-size:80px;  }
	.mwrap h3 span.stit { font-size:60px;  }
	.mwrap .mbox p { font-size:16px; }
	.mwrap_01 .mbox p br {display:none; }
	.mwrap_02 .mbox p br {display:none; }
	.mwrap_sasta .mbox {padding: 0 0 0 40%;  background-size:35%;}
}

@media (max-width:900px) {
	.mwrap h3{  font-size:70px;  }
	.mwrap h3 span.stit { font-size:50px;  }
}
@media (max-width:801px) {
	.mwrap h3{ padding:0 0 40px 0; font-size:60px; }
	.mwrap_01 h3 { padding:0 0 15% 0; }
}

@media (max-width:700px) {
	.mwrap h3{  font-size:56px;  }
	.mwrap h3 span.stit { font-size:46px;  }
}

@media (max-width:600px) {
	.mwrap { width:100%; padding:70px 20px 0 20px;   }
	.mwrap_03 {padding: 70px 20px; }
	.mwrap h3{  font-size:52px;  }
	.mwrap h3 span.stit { font-size:42px;  }
	.mwrap .mbox p {  font-size:15px; }
	.mwrap_01 h3 {background:url(../img/main/mbox_01.svg) no-repeat right bottom; background-size:53%;  padding:0 0 13% 0; margin:0 0 35px;}
	.mwrap_01 .mbox p.tit {  font-size:16px;}
	.mwrap_sasta .mbox {padding: 150px 0 0 0;  background-size:140px;}
}

@media (max-width:500px) {
	.mwrap h3{  font-size:48px;  }
	.mwrap h3 span.stit { font-size:40px;  }
	.mwrap_02 .mimg img.pc {display:none;   }
	.mwrap_02 .mimg img.mo {display:inline-block; width:80%; max-width:360px;  }
}
@media (max-width:400px) {
	.mwrap h3{  font-size:44px;  }
	.mwrap h3 span.stit { font-size:38px;  }
}
@media (max-width:360px) {
	.mwrap h3{  font-size:40px;  }
	.mwrap h3 span.stit { font-size:36px;  }
}
@media (max-width:319px) {
	.mwrap { padding:60px 15px 0 15px;   }
	.mwrap_03 {padding:60px 15px; }
}





.mboxlist {width:100%; font-size:0; }
.mboxlist ul {width:100%; display:flex; justify-content: space-between; align-items: stretch; }
.mboxlist ul li {width:50%; float:left;  }
.mboxlist ul li:nth-child(2n+1) { padding:80px 20px 0 0 ; }
.mboxlist ul li:nth-child(2n)  { padding:80px 0 0 20px;}
.mboxlist ul li.mlist_01, .mboxlist ul li.mlist_02{ padding-top:0;}
.mboxlist ul li {width:100%;display:inline-block;}
.mboxlist ul li .img {width:134px; height:134px; border-radius:50%; border:1px solid #f16840 }
.mboxlist ul li h4 {padding:35px 0 12px 0;  font-size:28px; font-weight:600;}
.mboxlist ul li .txt {width:100%;}
.mboxlist ul li .txt p {width:100%; font-size:16px; }
.mboxlist ul li.mlist_01 .img { background:url(../img/main/micon_01_pc.png) no-repeat center 50%;background-size:68px;}
.mboxlist ul li.mlist_02 .img { background:url(../img/main/micon_02_pc.png) no-repeat center 50%;background-size:67px;}
.mboxlist ul li.mlist_03 .img { background:url(../img/main/micon_03.svg) no-repeat center 50%;background-size:79px;}
.mboxlist ul li.mlist_04 .img { background:url(../img/main/micon_04.svg) no-repeat center 50%;background-size:54px;}
.mboxlist ul li.mlist_05 .img { background:url(../img/main/micon_05.svg) no-repeat center 50%;background-size:73px;}
.mboxlist ul li.mlist_06 .img { background:url(../img/main/micon_06.svg) no-repeat center 50%;background-size:86px;}
.mboxlist ul li .mlistbtn  {padding:20px 0 0 0 ;}
.mboxlist ul li .mlistbtn a {width:85%; padding:0 20px;  background:#efefef; border:1px solid #ededed; height:50px; border-radius:50px; display:flex; justify-content: center; align-items:center; text-align:center;}
.mboxlist ul li .mlistbtn a span {padding:0 40px 0 0; display:inline-block; text-align:center; line-height:1.2; color:#1e1e1e; font-weight:500;background:url(../img/contents/icon_my_copy.svg) no-repeat right 50%; background-size:18px;}
.mboxlist ul li .mlistbtn a:hover  { border:1px solid #f16840; background:#f16840; color:#fff;}
.mboxlist ul li .mlistbtn a:hover span { color:#fff;background:url(../img/contents/icon_my_copy_on_w.svg) no-repeat right 50%; background-size:18px;}

@media (max-width:1100px) {
	.mboxlist ul li:nth-child(2n+1) { padding:7% 20px 0 0 ; }
	.mboxlist ul li:nth-child(2n)  { padding:7% 0 0 20px;}
	.mboxlist ul li.mlist_01, .mboxlist ul li.mlist_02{ padding-top:0;}
}
@media (max-width:1050px) {
	.mboxlist ul li .txt p br {display:none;}
}

@media (max-width:900px) {
	.mboxlist ul li .img {width:120px; min-width:120px; height:120px;}
	.mboxlist ul li h4 {padding:25px 0 12px 0; }
	.mboxlist ul li.mlist_01 .img { background:url(../img/main/micon_01.png) no-repeat center 50%;background-size:51.7%;}
	.mboxlist ul li.mlist_02 .img { background:url(../img/main/micon_02.png) no-repeat center 50%;background-size:50%;}
	.mboxlist ul li.mlist_03 .img { background:url(../img/main/micon_03.svg) no-repeat center 50%;background-size:58.9px;}
	.mboxlist ul li.mlist_04 .img { background:url(../img/main/micon_04.svg) no-repeat center 50%;background-size:40.2%;}
	.mboxlist ul li.mlist_05 .img { background:url(../img/main/micon_05.svg) no-repeat center 50%;background-size:54.5%;}
	.mboxlist ul li.mlist_06 .img { background:url(../img/main/micon_06.svg) no-repeat center 50%;background-size:64.2%;}
}

@media (max-width:801px) {
	.mboxlist ul li:nth-child(2n+1) { padding:40px 20px 0 0; }
	.mboxlist ul li:nth-child(2n)  { padding:40px 0 0 20px;}
	.mboxlist ul li.mlist_01, .mboxlist ul li.mlist_02{ padding-top:0;}
	.mboxlist ul li h4 {  font-size:26px; }
	.mboxlist ul li .img {width:100px; min-width:100px; height:100px;}
}

@media (max-width:700px) {
	.mboxlist ul { display:block; }
	.mboxlist ul li {width:100%; float:none; display:flex; justify-content: space-between; align-items: start;   }
	.mboxlist ul li:nth-child(2n+1),
	.mboxlist ul li:nth-child(2n), .mboxlist ul li.mlist_02 {padding:40px 0 0 0;  }
	.mboxlist ul li.mlist_01 { padding-top:0;}
	.mboxlist ul li .txt  {  padding:0 0 0 20px;}
	.mboxlist ul li .txt p { font-size:15px; }
	.mboxlist ul li h4 {padding:0 0 12px 0;font-size:24px; }
}

@media (max-width:600px) {
	.mboxlist ul { display:block; }
	.mboxlist ul li {width:100%; float:none; }
}

@media (max-width:500px) {
	.mboxlist ul li {display:block;}
	.mboxlist ul li.mlist_01 { padding-top:0;}
	.mboxlist ul li h4 {padding:23px 0 12px 0;font-size:22px; }
	.mboxlist ul li .txt  {padding:0;}
	.mboxlist ul li .mlistbtn a {width:100%;}
}

@media (max-width:319px) {
	.mboxlist ul li .mlistbtn a span{ font-size:14px;}
}

/* mwrap */
.mwrap {width:92%; max-width:980px; margin:0 auto; padding:140px 0 0 0;   }
.mwrap h3{width:100%; font-size:90px;  color:#071b21; text-align:left; padding:0 0 80px;}
.mwrap h3 span {position:relative; width:100%; display:block;  font-weight:100; padding:25px 0 0 0; }
.mwrap h3 span:before {position:absolute; left:0; top:0;content:''; display:inline-block; width:74px; height:3px; background:#071b21;}
.mwrap h3 span.stit { font-size:70px;  }
.mwrap h3 strong { width:100%; display:block;  font-weight:900;}
.mwrap .mbox  {width:100%;  }
.mwrap .mbox p {width:100%; color:#0a0a0a;  font-size:18px; line-height:1.6;}
.micon { width:138px; height:138px; border:1px solid #f16840;}

.mwrap_01 h3 { background:url(/assets/img/main/mbox_01.svg) no-repeat right 0;background-size:600px;  padding:0 0 200px 0;  }
.mwrap_01 .mbox p { padding:30px 0 0 0; }
.mwrap_01 .mbox p.tit { font-size:20px;font-weight:600; padding:0; }

.mwrap_02 .mimg {width:100%; padding:0 0 75px 0; text-align:center; }
.mwrap_02 .mimg img {width:100%; }
.mwrap_02 .mimg img.pc {display:inline-block;   }
.mwrap_02 .mimg img.mo {display:none;   }
.mwrap_03 {padding:140px 0;   }

.mwrap_sasta .mbox {padding: 0 0 50px 55%;background:url(/assets/img/main/main_sasta.svg) no-repeat 0 0; min-height: 474px; background-size:474px;}
.mwrap_sasta .mbox p {padding:30px 0 0 0;}
.mwrap_sasta .mbox p:first-child {padding:10px 0 0 0;}

@media (max-width:1100px) {
	.mwrap_01{padding:20% 0 0 0;}
	.mwrap h3{ padding:0 0 8% 0;}
	.mwrap_01 h3 { background-size:55%;  padding:0 0 15% 0; }
	.mwrap_02 .mimg {  padding:0 0 7% 0; }

	.mwrap_sasta .mbox {  background-size:47%;}
}

@media (max-width:1000px) {
	.mwrap { padding:12% 0 0 0; }
	.mwrap_03 {padding:12% 0; }
	.mwrap h3{ font-size:80px;  }
	.mwrap h3 span.stit { font-size:60px;  }
	.mwrap .mbox p { font-size:16px; }
	.mwrap_01 .mbox p br {display:none; }
	.mwrap_02 .mbox p br {display:none; }
	.mwrap_sasta .mbox {padding: 0 0 0 40%;  background-size:35%; min-height: auto;}
}

@media (max-width:900px) {
	.mwrap h3{  font-size:70px;  }
	.mwrap h3 span.stit { font-size:50px;  }
}
@media (max-width:801px) {
	.mwrap h3{ padding:0 0 40px 0; font-size:60px; }
	.mwrap_01 h3 { padding:0 0 15% 0; }
}

@media (max-width:700px) {
	.mwrap h3{  font-size:56px;  }
	.mwrap h3 span.stit { font-size:46px;  }
}

@media (max-width:600px) {
	.mwrap { width:100%; padding:70px 20px 0 20px;   }
	.mwrap_03 {padding: 70px 20px; }
	.mwrap h3{  font-size:52px;  }
	.mwrap h3 span.stit { font-size:42px;  }
	.mwrap .mbox p {  font-size:15px; }
	.mwrap_01 h3 {background:url(/assets/img/main/mbox_01.svg) no-repeat right bottom; background-size:53%;  padding:0 0 13% 0; margin:0 0 35px;}
	.mwrap_01 .mbox p.tit {  font-size:16px;}
	.mwrap_sasta .mbox {padding: 150px 0 0 0;  background-size:140px;}
}

@media (max-width:500px) {
	.mwrap h3{  font-size:48px;  }
	.mwrap h3 span.stit { font-size:40px;  }
	.mwrap_02 .mimg img.pc {display:none;   }
	.mwrap_02 .mimg img.mo {display:inline-block; width:80%; max-width:360px;  }
}
@media (max-width:400px) {
	.mwrap h3{  font-size:44px;  }
	.mwrap h3 span.stit { font-size:38px;  }
}
@media (max-width:360px) {
	.mwrap h3{  font-size:40px;  }
	.mwrap h3 span.stit { font-size:36px;  }
}
@media (max-width:319px) {
	.mwrap { padding:60px 15px 0 15px;   }
	.mwrap_03 {padding:60px 15px; }
}





.mboxlist {width:100%; font-size:0; }
.mboxlist ul {width:100%; display:flex; justify-content: space-between; align-items: stretch; }
.mboxlist ul li {width:50%; float:left; }
.mboxlist ul li:nth-child(2n+1) { padding:80px 20px 0 0 ; }
.mboxlist ul li:nth-child(2n)  { padding:80px 0 0 20px;}
.mboxlist ul li.mlist_01, .mboxlist ul li.mlist_02{ padding-top:0;}
.mboxlist ul li {display:inline-block;}
.mboxlist ul li .img {width:134px; height:134px; border-radius:50%; border:1px solid #f16840 }
.mboxlist ul li h4 {padding:35px 0 12px 0;  font-size:28px; font-weight:600;}
.mboxlist ul li .txt {width:100%;}
.mboxlist ul li .txt p {width:100%; font-size:16px; }
.mboxlist ul li.mlist_01 .img { background:url(/assets/img/main/micon_01_pc.png) no-repeat center 50%;background-size:68px;}
.mboxlist ul li.mlist_02 .img { background:url(/assets/img/main/micon_02_pc.png) no-repeat center 50%;background-size:67px;}
.mboxlist ul li.mlist_03 .img { background:url(/assets/img/main/micon_03.svg) no-repeat center 50%;background-size:79px;}
.mboxlist ul li.mlist_04 .img { background:url(/assets/img/main/micon_04.svg) no-repeat center 50%;background-size:54px;}
.mboxlist ul li.mlist_05 .img { background:url(/assets/img/main/micon_05.svg) no-repeat center 50%;background-size:73px;}
.mboxlist ul li.mlist_06 .img { background:url(/assets/img/main/micon_06.svg) no-repeat center 50%;background-size:86px;}
.mboxlist ul li .mlistbtn  {padding:20px 0 0 0 ;}
.mboxlist ul li .mlistbtn a {width:85%; padding:0 20px;  background:#efefef; border:1px solid #ededed; height:50px; border-radius:50px; display:flex; justify-content: center; align-items:center; text-align:center; transition:all 0.3s}
.mboxlist ul li .mlistbtn a span {padding:0 40px 0 0; display:inline-block; text-align:center; line-height:1.2; color:#1e1e1e; font-weight:500;background:url(/assets/img/contents/icon_my_copy.svg) no-repeat right 50%; background-size:18px;}
.mboxlist ul li .mlistbtn a:hover  { border:1px solid #f16840; background:#f16840; color:#fff;}
.mboxlist ul li .mlistbtn a:hover span { color:#fff;background:url(/assets/img/contents/icon_my_copy_on_w.svg) no-repeat right 50%; background-size:18px;}

@media (max-width:1100px) {
	.mboxlist ul li:nth-child(2n+1) { padding:7% 20px 0 0 ; }
	.mboxlist ul li:nth-child(2n)  { padding:7% 0 0 20px;}
	.mboxlist ul li.mlist_01, .mboxlist ul li.mlist_02{ padding-top:0;}
}
@media (max-width:1050px) {
	.mboxlist ul li .txt p br {display:none;}
}

@media (max-width:900px) {
	.mboxlist ul li .img {width:120px; min-width:120px; height:120px;}
	.mboxlist ul li h4 {padding:25px 0 12px 0; }
	.mboxlist ul li.mlist_01 .img { background:url(/assets/img/main/micon_01.png) no-repeat center 50%;background-size:51.7%;}
	.mboxlist ul li.mlist_02 .img { background:url(/assets/img/main/micon_02.png) no-repeat center 50%;background-size:50%;}
	.mboxlist ul li.mlist_03 .img { background:url(/assets/img/main/micon_03.svg) no-repeat center 50%;background-size:58.9px;}
	.mboxlist ul li.mlist_04 .img { background:url(/assets/img/main/micon_04.svg) no-repeat center 50%;background-size:40.2%;}
	.mboxlist ul li.mlist_05 .img { background:url(/assets/img/main/micon_05.svg) no-repeat center 50%;background-size:54.5%;}
	.mboxlist ul li.mlist_06 .img { background:url(/assets/img/main/micon_06.svg) no-repeat center 50%;background-size:64.2%;}
}

@media (max-width:801px) {
	.mboxlist ul li:nth-child(2n+1) { padding:40px 20px 0 0; }
	.mboxlist ul li:nth-child(2n)  { padding:40px 0 0 20px;}
	.mboxlist ul li.mlist_01, .mboxlist ul li.mlist_02{ padding-top:0;}
	.mboxlist ul li h4 {  font-size:26px; }
	.mboxlist ul li .img {width:100px; min-width:100px; height:100px;}
}

@media (max-width:700px) {
	.mboxlist ul { display:block; }
	.mboxlist ul li {width:100%; float:none; display:flex; justify-content: space-between; align-items: start;   }
	.mboxlist ul li:nth-child(2n+1),
	.mboxlist ul li:nth-child(2n), .mboxlist ul li.mlist_02 {padding:40px 0 0 0;  }
	.mboxlist ul li.mlist_01 { padding-top:0;}
	.mboxlist ul li .txt  {  padding:0 0 0 20px;}
	.mboxlist ul li .txt p { font-size:15px; }
	.mboxlist ul li h4 {padding:0 0 12px 0;font-size:24px; }
}

@media (max-width:600px) {
	.mboxlist ul { display:block; }
	.mboxlist ul li {width:100%; float:none; }
}

@media (max-width:500px) {
	.mboxlist ul li {display:block;}
	.mboxlist ul li.mlist_01 { padding-top:0;}
	.mboxlist ul li h4 {padding:23px 0 12px 0;font-size:22px; }
	.mboxlist ul li .txt  {padding:0;}
	.mboxlist ul li .mlistbtn a {width:100%;}
}

@media (max-width:319px) {
	.mboxlist ul li .mlistbtn a span{ font-size:14px;}
}



/************ popup : main ***************/
/**.layerPopup:before {display:block; content:""; position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.0); z-index:9000}**/
.layerPopup:before {display:none;}
.layerPopup .layerBox {position:fixed; width:90%; max-width:500px; right:30px; top:50%; transform:translate(0, -50%); padding:0px; background:#fff; z-index:10000;}
.layerPopup .layerBox .cont {position:relative; width:100%; height:auto; font-size:0px; overflow:hidden;}
.layerPopup .layerBox .layerpop_bot {position:relative; width:100%; height:auto; padding:20px; background:#fff; overflow:hidden;}
.layerPopup .layerBox .cont img {width:100%;}
.layerPopup .layerBox .title {margin-bottom:10px; padding-bottom:10px; font-weight:600; border-bottom:1px solid #d9d9d9;}
.layerPopup .layerBox .btnTodayHide {
	font-size:14px; font-weight:600; color:black;
	float: left;text-decoration:none;width: 150px;
	height : 30px;line-height:30px;border:black solid 1px; text-align : center;text-decoration:none;
}
.layerPopup #check,#close{
	display : inline;
}
.layerPopup #check input[type=checkbox] {content:'';  width:24px; height:24px; text-align:center; background:url(../img/main/pop_check.svg) no-repeat 0px 0px; margin-right:5px; box-sizing:border-box;}
.layerPopup #check input[type=checkbox]:checked {background:url(../img/main/pop_check_on.svg) no-repeat 0px 0px;}
.layerPopup form{
	margin-top : 5px;
	font-size:16px; font-weight:400;
	weight: 100%;
	height : 30px;
	line-height:30px;

}
.layerPopup #close {
	font-size:16px; font-weight:600; width: 40px; height : 30px;color:black; float: right; line-height:30px; text-align : center;text-decoration:underline;
}

@media (max-width:600px) {
	.layerPopup .layerBox {right:0; left:50%; top:50%; transform:translate(-50%, -50%);}
	.layerPopup .layerBox .layerpop_bot{padding:10px 20px}
	.layerPopup #close img{width:15px}
}
@media (max-height:800px) {
	.layerPopup .layerBox {
		width: 90%;
		max-width: 480px;
	}
}


/**221118**/
.ex_bg_pop {width:auto; background:url(/assets/css/images/pop_ex_bg02.png) top center no-repeat; background-size: 100% auto; font-size:18px; line-height:2; padding:80px 50px; text-align:left; color:#fff; font-weight:500;} /**word-break: break-all;**/
@media (max-width:600px) {
	.ex_bg_pop {background:url(/assets/css/images/pop_ex_bg02.png) 50% 50% repeat-y; padding:40px 20px; font-size:15px; line-height:1.6; font-weight:500; word-break: break-all;}
}


/**20221129 백서**/
.md_whitepaper li {position:relative; width:100%; height:50px; margin-bottom:8px;}
.md_whitepaper li a {display:block; line-height:50px; text-align:center; border:1px solid #ccc; background-color:#f5f5f5; color:#515456;}
.md_whitepaper li a:Hover {background-color:#333; border:1px solid #333; color:#fff;}