.visual {position:relative; overflow: hidden; height:510px}
.visual .visual_inner {position:absolute; width:1920px; height:510px; left:50%; top:0; margin:0 0 0 -960px}

.visual div[class^=swiper-button] {width:43px; height:81px; background: url(../img/mvisual_arrset.png) no-repeat 0 0}
.visual div.swiper-button-prev {left:95px}
.visual div.swiper-button-next {background-position: -43px 0; right:95px}
.visual .swiper-container-horizontal>.swiper-pagination-bullets {bottom:40px}


.visual .visual_inner .txtinfo {position:absolute; top:70px; bottom:0; left:0; right:0; text-align: center;}
.visual .visual_inner .txtinfo .txtinner {display:table; height: 100%; width:100%}
.visual .visual_inner .txtinfo .txtinner .col {display:table-cell; vertical-align: middle}
.visual .visual_inner .txtinfo .stxt {color:#fff; display: block}
.visual .visual_inner .txtinfo .stxt.copy1 {font-size:3em}
.visual .visual_inner .txtinfo .stxt.copy2 {font-size:2.5em}
.visual .visual_inner .txtinfo .stxt.copy3 {font-size:1.7em}
.visual .visual_inner .txtinfo .stxt.copy4 {font-size:1.2em}
.visual .visual_inner .txtinfo h2 {font-weight:600}
.visual .visual_inner .txtinfo h2 + .stxt {margin-top:20px}
.visual .swiper-pagination-bullet {width:15px; height: 15px; background: #fff; box-shadow: 0 7px 12px rgba(0,0,0,0.24), 0 1px 2px rgba(0,0,0,0.27);
opacity: 1; margin-right:5px}
.visual .swiper-pagination-bullet-active {width:90px; background: #5d56a3; border-radius: 10px}

.visual .swiper_pagingbox {text-align: center; position: absolute; bottom: 140px; width: 100%; z-index: 10}
.visual .swiper_pagingbox .swiper-pagination {display: inline-block; position: relative}
.visual .swiper-stop {display: inline-block; background: transparent; 
text-shadow:3px 3px 3px #000}
.visual .swiper-stop > span {display:inline-block; width: 3px; height: 15px; background: #fff; box-shadow: 0 7px 12px rgba(0,0,0,0.24), 0 1px 2px rgba(0,0,0,0.27)}
.visual .swiper-play { position:relative; display: inline-block; background: transparent; }
.visual .swiper-play .arr {display:block; width:15px; height: 15px}
.visual .swiper-play .arr:before {content: ""; display:block; position: absolute; width: 0; height: 0; margin-top:16px; box-sizing: border-box; border: 6px solid black;
    border-color: transparent transparent #fff #fff; transform-origin: 0 0; transform: rotate(-135deg); box-shadow: -4px 1px 3px 0 rgba(0,0,0,0.24)}
.visual .swiper-play.on .arr:before {border-color: transparent transparent #4c84ff #4c84ff; }
.visual .swiper-stop.on > span {background: #4c84ff}
.visual .swiper-pagination + .swiper-stop {margin-left:20px }
.visual .swiper-stop + .swiper-play {margin-left:10px}

.visual .visual_inner .swipervisual {display:block; width:100%; height:510px; 
background-size:cover;}

.visual .visual_inner .swipervisual.ty1 {background:url('../img/visual01.jpg?ver=123456') no-repeat center top }
.visual .visual_inner .swipervisual.ty2 {background:url('../img/visual02.jpg') no-repeat center top }
.visual .visual_inner .swipervisual.ty3 {background:url('../img/visual03.jpg') no-repeat center top }
.visual .visual_inner .swipervisual.ty4 {background:url('../img/visual04.jpg') no-repeat center top }
.visual .visual_inner .swipervisual.ty5 {background:url('../img/visual05.jpg') no-repeat center top }

.cusinfo {width:883px; height: 173px; margin:-86px auto 0; background:#fff; position: relative; z-index: 10;
border-radius: 10px; box-shadow: 0 7px 12px rgba(0,0,0,0.24), 0 1px 2px rgba(0,0,0,0.27); overflow: hidden}
.cusinfo .box {position:relative; float:left; width:50%; height:100%; display:table}
.cusinfo .box:first-child {width:45%}
.cusinfo .box:last-child {width:55%}
.cusinfo .box + .box:before {content:""; display:block; width:1px; height:135px; background:#c5c5c5; 
position:absolute; top:0; bottom:0; margin:auto}
.cusinfo .box .infotxt {padding:0 0 0 0; display:table-cell; vertical-align: middle; text-align:center}
.cusinfo .box .titset {display:inline-block; vertical-align: middle; text-align: center; margin-top:10px}
.cusinfo .box .titset:before {content:""; display:block; width: 50px; height: 41px; background:url('../img/main_callicon.png') no-repeat 0 0;
background-size:100%; margin:0 auto 10px auto
}
.cusinfo .box .innercont {display:inline-block; vertical-align: middle; margin-left:10px}


.cusinfo .box .infotxt .hd3 {font-size:22px; font-weight:normal}
.cusinfo .box .infotxt .callnum {font-size:19px; font-family: 'noto-Bold';}
.cusinfo .box .infotxt .ic { }
.cusinfo .box .infotxt .ic > li {font-size:15px; text-align:left}
.cusinfo .box .iconinfo {display:table-cell; text-align:center; vertical-align: middle}
.cusinfo .box .iconinfo:first-child {padding-left:20px}
.cusinfo .box .iconinfo:last-child {padding-right:20px}
.cusinfo .box .iconinfo .ico {display:block; width:68px; height:68px; background:url('../img/kakaoiconset.png') no-repeat 0 0; margin:0 auto} 
.cusinfo .box .iconinfo .ico.kakaotalk {background-position:0 0} 
.cusinfo .box .iconinfo .ico.kakaoplus {background-position:-68px 0} 
.cusinfo .box .iconinfo .ico.persnal {background-position:-136px 0}
.cusinfo .box .iconinfo .ico.faq {background-position:-204px 0}
.cusinfo .box .iconinfo .ico + .stxt {margin-top:20px}
.cusinfo .box .iconinfo .stxt {display:block}
.cusinfo .box .banner {width:100%; height:100%; position: relative}
.cusinfo .box .banner .simg {display:block; width:440px; height: 130px; overflow: hidden; position:absolute; top:0; left: 0; right:0; bottom:0; margin:auto}

.cusinfo + .m1 {margin-top:50px}

.m1 {width:1280px; margin:0 auto; overflow: hidden}
.m1 .m1section {float:left; width:616px; height:290px}
.m1 .m1section + .m1section {margin-left:48px}
.m1 .m1section .m1_videobox {border:1px solid #d2d2d2; height:100%}
.m1 .m1section .m1_videobox .titset {height:65px; background:#5d56a3}
.m1 .m1section .m1_videobox .titset .hd3 {color:#fff; font-size:1em; line-height: 65px; padding-left:20px}
.m1 .m1section .m1_videobox .video_infobox {display:table; width: 100%; height: calc(100% - 65px); text-align: center; }
.m1 .m1section .m1_videobox .video_infobox .inner {display:table-cell; vertical-align: middle; }
.m1 .m1section .m1_videobox .video_infobox .inner .videoview { }
.m1 .m1section .m1_videobox .video_infobox .inner .videoview + .videoview {margin-left:10px}
.m1 .m1section .m1_videobox .video_infobox .inner .videoview .videoico {width:180px; height: 122px; background:url('../img/main_videoiconset2.png') no-repeat 0 0; background-size:auto 122px; display:block; margin:0 auto}
.m1 .m1section .m1_videobox .video_infobox .inner .videoview .videoico.ty1 {background-position:-180px 0}
.m1 .m1section .m1_videobox .video_infobox .inner .videoview .videoico.ty2 {background-position:-360px 0}
.m1 .m1section .m1_videobox .video_infobox .inner .videoview .stxt {display:block; margin-top:10px }



.m1 .m1section .m1_ratetable { }
.m1 .m1section .m1_ratetable > table { }
.m1 .m1section .m1_ratetable > table th,
.m1 .m1section .m1_ratetable > table td {padding:16px 0; text-align:center}
.m1 .m1section .m1_ratetable > table th {background:#5d56a3; color:#fff; padding:21px 0 20px; font-weight: 300;}
.m1 .m1section .m1_ratetable > table td {border-bottom:1px solid #cccccc}
.m1 .m1section .m1_ratetable > table tr:nth-child(2n) td {background:#f2f2f2}


.m1 + .m2 {margin-top:60px}
.m2 {background:#f2f2f2; overflow: hidden}
.m2 .m2_inner {width:1280px; height:474px; margin:0 auto; padding-top:43px; overflow: hidden; text-align:center}
.m2 .m2_inner .usebox {display:inline-block; width:392px; height:382px; background:#fff}
.m2 .m2_inner .usebox .simg {display:block; width:392px; height: 203px; background:url('../img/usevis01.jpg') no-repeat 0 0;
background-size:cover}
.m2 .m2_inner .usebox.ty1 .simg {background:url('../img/usevis02.jpg') no-repeat 0 0; background-size:cover}
.m2 .m2_inner .usebox.ty2 .simg {background:url('../img/usevis03.jpg') no-repeat 0 0; background-size:cover}


.m2 .m2_inner .usebox + .usebox {margin-left:48px}
.m2 .m2_inner .usebox .simg + .txtset {margin-top:25px}
.m2 .m2_inner .usebox .txtset .hd4 + .stxt {margin-top:15px}
.m2 .m2_inner .usebox .txtset {padding:0 0 60px 0}
.m2 .m2_inner .usebox .txtset .hd4 {font-size:1.5em}
.m2 .m2_inner .usebox .txtset .stxt {font-size:.875em; padding:0 30px}

.m3 {width:1280px; margin:0 auto; padding:25px 0}
.m3 .m3list {text-align:center}
.m3 .m3list > li {display:inline-block }
.m3 .m3list > li + li {margin-left:110px}
.m3 .m3list > li .stxt {font-size:.9375em; color:#565656}
.m3 .m3list > li .stxt .sm {font-size:.87em}
.m3 .round {position:relative; display:block; width:70px; height:70px; background:#134b73; border-radius: 50%; margin:0 auto}
.m3 .round + .stxt {margin-top:17px}
.m3 .ico {display:block; width:50px; height:50px; background:url('../img/mainuseinfoiconset.png') no-repeat 0 0;
background-size:auto 50px; position:absolute; top:0; left:0; bottom:0; right:0; margin:auto}
.m3 .ico.ty1 {background-position:0 0}
.m3 .ico.ty2 {background-position:-50px 0}
.m3 .ico.ty3 {background-position:-100px 0}
.m3 .ico.ty4 {background-position:-150px 0}
.m3 .ico.ty5 {background-position:-200px 0}

.m4_wrap {background-color: #E7F2F8;}
.m4 {width:1280px; margin:0 auto; overflow: hidden;  margin-top:50px;}
.m4 .m4section {float:left; width:616px; height:290px}
.m4 .m4section + .m4section {margin-left:48px}

.m4 .m4title {margin:auto;background-color: #0168B7; color:white;  position:relative; padding:3px 20px; margin-top:30px;}
.m4 .m4content {position:absolute; top: 30px; left:0px; text-align:left;  color:black; margin-top:30px;}
.m4 .m4img{width:100%; padding:5%; }