@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 100;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 300;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 400;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');
 }
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 500;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');
 }
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 700;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');
 }
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 900;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');
 }
@font-face {
    font-family: 'Shilla_Gothic-Bold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2206-02@1.0/Shilla_Gothic-Bold.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}
@font-face {
     font-family: 'S-Core';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-1Thin.woff') format('woff');
     font-weight: 100;
     font-style: normal;
}
@font-face {
     font-family: 'S-Core';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-2ExtraLight.woff') format('woff');
     font-weight: 200;
     font-style: normal;
}
@font-face {
     font-family: 'S-Core';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff') format('woff');
     font-weight: 300;
     font-style: normal;
}
@font-face {
     font-family: 'S-Core';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-4Regular.woff') format('woff');
     font-weight: 400;
     font-style: normal;
}
@font-face {
     font-family: 'S-Core';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-5Medium.woff') format('woff');
     font-weight: 500;
     font-style: normal;
}
@font-face {
     font-family: 'S-Core';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-6Bold.woff') format('woff');
     font-weight: 600;
     font-style: normal;
}
@font-face {
     font-family: 'S-Core';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-7ExtraBold.woff') format('woff');
     font-weight: 700;
     font-style: normal;
}
@font-face {
     font-family: 'S-Core';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-8Heavy.woff') format('woff');
     font-weight: 800;
     font-style: normal;
}
@font-face {
     font-family: 'S-Core';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-9Black.woff') format('woff');
     font-weight: 900;
     font-style: normal;
}

.shilla{font-family: 'Shilla_Gothic-Bold';}
/* Reset */
body {margin:0;padding:0;font-size:0.75em;height:100%;font-family: 'Noto Sans KR', sans-serif;font-weight:400;word-break: keep-all;}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img, dl, dt, dd, p {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
header ul, nav ul, footer ul {margin:0;padding:0;list-style:none}
legend {position:absolute;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle}
input, button {margin:0;padding:0;font-size:1em}
button,input[type=button],input[type=submit]{cursor:pointer;}
input[type=text], input[type=password], input[type=submit], input[type=image], button {border-radius:0;-webkit-appearance:none}
textarea, select {font-size:1em;}
textarea {border-radius:0;-webkit-appearance:none}
p {margin:0;padding:0;word-break:break-all}
pre {overflow-x:scroll;font-size:1.1em}
a:link, a:visited {color:inherit;text-decoration:none}
ul,ol,li{list-style:none;padding:0;margin:0;}
input, button, textarea, select {font-family: 'Noto Sans KR', sans-serif; outline: none}
hr {content: '';display:block;padding:0;border:0;margin: 0;}

/*사파리 버튼 초기화*/
input[type="text"], input[type="password"], input[type="button"], input[type="submit"], textarea { -webkit-appearance: none; -webkit-border-radius: 0; }

/*드래그*/
::selection { background: #3962d6; color: #fff; }
::-moz-selection { background: #3962d6; color: #fff; }

/*--------------------------------------------------------------------------------------------------------------------------*/


/*공통 CSS*/
.m { display: none; }


/*layout style*/
.wrap { width: 1130px; max-width: 100%; margin: 0 auto; }


/*thumbnail style*/
.thumb { width: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover; }


/*header style*/
.header { position: absolute; top: 9.375rem; left: 0; right: 0; z-index: 100; width: 100%; margin: 0 auto; }
.hd { height: 70px; background: #3962d6; }
.hd .inner { display: flex; justify-content: space-between; align-items: center; position: relative; width: 1130px; max-width: 100%; height: 100%; margin: 0 auto; }

.hd-logo img { height: 26px; }
.hd-gnb { display: flex; justify-content: space-between; align-items: center; }
.hd-gnb > li { position: relative; width: 108px; margin: 0 3.5px; }
.hd-gnb > li:last-child { width: auto; margin-right: 0; }
.hd-gnb .tit { display: flex; justify-content: center; align-content: center; font-size: 18px; font-weight: 300; color: #fff; text-align: center; letter-spacing: -0.025em; }
.hd-gnb .tit:hover + .box-depth { display: block; }
.hd-gnb .box-depth { display: none; position: absolute; width: 100%; padding-top: 28px; }
.hd-gnb .box-depth:hover { display: block; }
.hd-gnb .box-depth:before { content: ''; position: absolute; top: 8px; left: 0; right: 0; width: 5px; height: 5px; margin: 0 auto; border-radius: 50%; box-sizing: border-box; background: #fff; }
.hd-gnb .depth { width: 100%; padding: 20px 0; border-radius: 10px; box-shadow: 0 0 8px rgba(57, 57, 57, 0.20); box-sizing: border-box; background: #fff; }
.hd-gnb .depth li { margin-bottom: 10px; }
.hd-gnb .depth li:last-child { margin-bottom: 0; }
.hd-gnb .depth a { display: flex; justify-content: center; align-content: center; font-size: 14px; font-weight: 300; color: #6b6b6b; text-align: center; letter-spacing: -0.05em; }
.hd-gnb .depth a:hover { font-weight: 500; color: #000; }
.hd-ico { width: 24px; height: 24px; border: none; background: center center no-repeat; background-size: 21px; }
.hd-ico-search { background-image: url('../img/ico_search1.png'); }
.hd .btn-language { position: absolute; right: -90px; font-size: 16px; font-weight: 300; color: #fff; }

.hd-bg { display: none; position: fixed; z-index: 99; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .7); }
.hd-bg.active { display: block; }

.hd-v1 { display: none; background: #fff; }
.hd-v1 .btn-close { position: absolute; left: 0; right: 0; bottom: -60px; margin: 0 auto; width: 46px; height: 46px; border: none; border-radius: 50%; box-sizing: border-box; background: url('../img/ico_close2.png') center center no-repeat; background-size: contain; }
.hd-search { display: flex; align-items: center; width: 580px; height: 55px; margin: 0 auto; border: 1px solid #a4a4a4; border-radius: 28px; box-sizing: border-box; }
.hd-search .inp-search { width: 85%; height: 100%; padding: 0 20px; border: none; box-sizing: border-box; background: none; font-size: 16px; font-weight: 300; color: #000; }
.hd-search .btn-search { width: 15%; height: 100%; border: none; background: url('../img/ico_search2.png') center center no-repeat; background-size: 26px; }

.hd-blank { height: 70px; }


/*m-header style*/
.m-header,
.m-gnb { display: none; }


/*메인*/
/*섹션 1*/


.main .sec1 { height: 536px; background: url('../img/bnr_main1.png') center center no-repeat; background-size: contain; }
.main .sec1 .wrap { position: relative; height: 100%; }
.main .sec1 .txt-group { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(1); -webkit-transform: translate(-50%, -50%) scale(1); -moz-transform: translate(-50%, -50%) scale(1); -ms-transform: translate(-50%, -50%) scale(1); -o-transform: translate(-50%, -50%) scale(1); width: 100%; text-align: right; }
.main .sec1 .txt { font-size: 90px; font-weight: 600; color: #363636; letter-spacing: -0.01em; }
.main .sec1 .txt2 { font-size: 36px; font-weight: 400; color: #242424; letter-spacing: -0.03em; }
.main .sec1 .txt3 { font-size: 33px; font-weight: 500; color: #313131; letter-spacing: -0.04em; }
.main .sec1 .btn { display: flex; justify-content: center; align-items: center; width: 272px; height: 64px; margin: 35px 0 0 auto; border-radius: 32px; box-sizing: border-box; background: #009ade; font-size: 22px; font-weight: 400; color: #fff; letter-spacing: -0.025px; transition: .3s all ease-out; }
.main .sec1 .btn:hover { background: #fff; color: #009ade; }

.main .sec12 { height: 536px; background: url('/images/main/new/mainBG_01.jpg') #b6bdc5 center center no-repeat; background-size: contain; }
.main .sec12 .wrap { position: relative; height: 100%; }
.main .sec12 .txt-group { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(1); -webkit-transform: translate(-50%, -50%) scale(1); -moz-transform: translate(-50%, -50%) scale(1); -ms-transform: translate(-50%, -50%) scale(1); -o-transform: translate(-50%, -50%) scale(1); width: 100%; text-align: right; }
.main .sec12 .txt { font-size: 90px; font-weight: 600; color: #363636; letter-spacing: -0.01em; }
.main .sec12 .txt2 { font-size: 36px; font-weight: 400; color: #242424; letter-spacing: -0.03em; }
.main .sec12 .txt3 { font-size: 33px; font-weight: 500; color: #313131; letter-spacing: -0.04em; }
.main .sec12 .btn { display: flex; justify-content: center; align-items: center; width: 272px; height: 64px; margin: 35px 0 0 auto; border-radius: 32px; box-sizing: border-box; background: #009ade; font-size: 22px; font-weight: 400; color: #fff; letter-spacing: -0.025px; transition: .3s all ease-out; }
.main .sec12 .btn:hover { background: #fff; color: #009ade; }

.main .sec13 { height: 536px; background: url('/images/main/new/mainBG_02.jpg') #8f8c83 center center no-repeat; background-size: contain; }
.main .sec13 .wrap { position: relative; height: 100%; }
.main .sec13 .txt-group { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(1); -webkit-transform: translate(-50%, -50%) scale(1); -moz-transform: translate(-50%, -50%) scale(1); -ms-transform: translate(-50%, -50%) scale(1); -o-transform: translate(-50%, -50%) scale(1); width: 100%; text-align: right; }
.main .sec13 .txt { font-size: 90px; font-weight: 600; color: #e1e1e1; letter-spacing: -0.01em; }
.main .sec13 .txt2 { font-size: 36px; font-weight: 400; color: #242424; letter-spacing: -0.03em; }
.main .sec13 .txt3 { font-size: 33px; font-weight: 500; color: #313131; letter-spacing: -0.04em; }
.main .sec13 .btn { display: flex; justify-content: center; align-items: center; width: 272px; height: 64px; margin: 260px 0 0 auto; border-radius: 32px; box-sizing: border-box; background: #009ade; font-size: 22px; font-weight: 400; color: #fff; letter-spacing: -0.025px; transition: .3s all ease-out; }
.main .sec13 .btn:hover { background: #fff; color: #009ade; }

.main .sec14 { height: 536px; overflow:hidden; position:relative; }
.main .sec14 .wrap { position: relative; height: 100%; z-index:99; }
.main .sec14 .txt-group { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(1); -webkit-transform: translate(-50%, -50%) scale(1); -moz-transform: translate(-50%, -50%) scale(1); -ms-transform: translate(-50%, -50%) scale(1); -o-transform: translate(-50%, -50%) scale(1); width: 100%; text-align: right; }
.main .sec14 .txt { font-size: 90px; font-weight: 600; color: #e1e1e1; letter-spacing: -0.01em; }
.main .sec14 .txt2 { font-size: 36px; font-weight: 400; color: #FFF; letter-spacing: -0.03em; }
.main .sec14 .txt3 { font-size: 33px; font-weight: 500; color: #FFF; letter-spacing: -0.04em; }
.main .sec14 .btn { display: flex; justify-content: center; align-items: center; width: 272px; height: 64px; margin: 60px 0 0 auto; border-radius: 32px; box-sizing: border-box; background: #009ade; font-size: 22px; font-weight: 400; color: #fff; letter-spacing: -0.025px; transition: .3s all ease-out; }
.main .sec14 .btn:hover { background: #fff; color: #009ade; }

.main_visual{}
.main_visual .swiper-slide{background-size:cover; background-repeat:no-repeat;background-position:center center; display:table; height:540px; }
.main_visual .wrap{padding:0 20px;box-sizing:border-box; max-width:1170px;width:auto}
.main_visual .tbc{display:table-cell; width:100%; height:100%; vertical-align:middle}
.main_visual .img img{max-width:100%;display:inline-block}
.main_visual .swiper-slide.slide1{background-image:url('../img/bnr_main1.png') }
.main_visual .swiper-slide.slide2{background-image:url('/images/main/new/mainBG_01.jpg') }
.main_visual .swiper-slide.slide3{background-image:url('/images/main/new/mainBG_02.jpg');overflow:hidden}
.main_visual .swiper-slide.slide3 .txt3:before{width:500%; left:-250%; height:100%; background:#313131; opacity:0.3;content:''; position:absolute;top:0}
.main_visual .swiper-slide.slide3 .txt3 > div{position:relative; z-index:1}
.main_visual .swiper-slide.slide4{background-image:url('/images/main/visual4_bg.jpg')}
.main_visual .swiper-slide.slide4 .wrap{max-width:1600px;}
.main_visual .swiper-slide.slide4 .txt-group{text-align:center;font-size:0}
.main_visual .swiper-slide.slide4 .txt-group p{display:inline-block;vertical-align:middle; font-size:34px; color:#222; letter-spacing: -0.03em;font-family:'S-Core',"noto_R" ;font-weight:600;line-height:1}
.main_visual .swiper-slide.slide4 .txt-group span{display:inline-block;vertical-align:middle;margin-left:20px;font-family:'S-Core',"noto_R"}
.main_visual .swiper-slide.slide4 .img{margin-top:40px}
.main_visual .swiper-slide.slide4 .img .mo{display:none}
.main_visual .swiper-slide.slide5{background-image:url('/images/main/visual5_bg2.jpg')}
.main_visual .swiper-slide.slide5 .tbc{vertical-align:top;padding-top:36px;}
.main_visual .swiper-slide.slide5 .txt-group{text-align:center;}
.main_visual .swiper-slide.slide5 .txt-group p{display:inline-block;vertical-align:middle; font-size:34px; color:#3b55a6; letter-spacing: -0.03em;font-family:'S-Core',"noto_R" ;font-weight:600;line-height:1}
.main_visual .swiper-slide.slide5 .txt-group span{display:inline-block;vertical-align:middle;margin-left:20px;}
.main_visual .swiper-slide.slide5 .abs{position:absolute;right: 0;bottom: 10%;width: 200px;}
.main_visual .swiper-slide.slide5 .wrap{height:100%;position:relative;max-width:1080px}
.main_visual .swiper-slide.slideopt{ background-image:url('/images/main/visual5_bg.jpg')}
.main_visual .swiper-slide.slideopt .img{position:absolute; width:100%; top:-36px;left:0}
.main_visual .swiper-slide.slideopt .img img.mo{display:none}
.main_visual .swiper-slide.slide6{background-image:url('/images/main/main_visual6_bg.jpg');text-align:Center;display:none}
.main_visual .swiper-slide.slide6 .txt_df{color:#fff; margin-top:20px}
.main_visual .swiper-slide.slide6 .txt_df p b{font-weight:700;text-shadow: 2px 0px 5px rgba(0,0,0,0.6);font-family: 'S-Core',"noto_R";}
.main_visual .swiper-slide.slide6 .txt_df p b.nm{font-weight:500}
.main_visual .swiper-slide.slide6 .txt_df p{font-family:'S-Core',"noto_R";font-size:28px;font-weight:500;color:#fff; line-height:40px;letter-spacing:-0.03em}
.main_visual .swiper-slide.slide6 .txt_df p em{text-shadow: 2px 0px 5px rgba(0,0,0,0.6);font-style:normal;font-weight: 500;font-family: 'S-Core',"noto_R";}
.main_visual .swiper-slide.slide6 .sl6_img{padding-left:15px;box-sizing:border-box}
.main_visual .swiper-slide.slide6 .tbm_df{border-radius:4px; padding:0 30px;box-sizing:border-box; font-size:0;background:rgba(255,255,255,.6) ;max-width:730px;margin:20px auto 0}
.main_visual .swiper-slide.slide6 .tbm_df .img{display:inline-block;vertical-align:middle;max-width:174px}
.main_visual .swiper-slide.slide6 .tbm_df p{font-family:'S-Core',"noto_R" ;font-weight:600;color:#222;display:inline-block;vertical-align:middle;margin-left:25px;font-size:20px;line-height:50px}
.main_visual .tbc.btms{padding-bottom:115px;vertical-align:bottom}
.main_visual .txt-group{text-align:right;}
.main_visual .txt1 { font-size: 86px; font-weight: 600; color: #363636; letter-spacing: -0.01em; }
.main_visual .txt2 { font-size: 50px; font-weight: 600; color: #313131; letter-spacing: -0.03em; line-height:1.2; margin-bottom:10px}
.main_visual .txt3 { font-size: 34px; font-weight: 400; color: #242424; letter-spacing: -0.03em; position:relative}
.main_visual .txt4 { font-size: 30px; font-weight: 500; color: #313131; letter-spacing: -0.04em; }
.main_visual .txt5 { font-size: 26px; font-weight: 500; color: #313131; letter-spacing: -0.04em; }
.main_visual .txt6 {font-family:'S-Core',"noto_R";font-size:0; font-weight:600; }
.main_visual .slide3  p{font-size:26px;color:#fff;display:inline-block;vertical-align:middle}
.main_visual .slide3  span{font-size:36px;color:#009ade;font-size:36px; vertical-align:middle;display:inline-block;font-weight:600;text-shadow:2px 2px 2px rgba(0,0,0,.3)}
.main_visual .swiper-slide.slide4 .btn,.main_visual .swiper-slide.slide5 .btn{display:none}
.main_visual .btn{color: #103fb8;background:#fff;max-width: 200px;width:100%;display:inline-block;text-align:center; margin-top:35px; line-height: 60px;  border-radius: 32px; box-sizing: border-box; font-size: 18px; font-weight: 400;  letter-spacing: -0.025px; transition: .3s all ease-out; }
.main_visual .btn:hover{ color:#fff;background: #103fb8; }
.main_visual .nbtn{;margin-top:20px}
.main_visual .nbtn:hover{color:#fff; background:#103fb8}
.main_visual .swiper-button-next,.main_visual .swiper-button-prev{opacity:0.5;transition:all .3s;-webkit-transition:all .3s;}
.main_visual .swiper-button-next:hover,.main_visual .swiper-button-prev:hover{opacity:1;}
.main_visual .swiper-button-prev{left:45px}
.main_visual .swiper-button-next{right:45px}
.main_visual .swiper-pagination{bottom:15px}
.main_visual .swiper-pagination .swiper-pagination-bullet{width:10px;height:10px;background-color:#fff;opacity:0.8}
.main_visual .swiper-pagination .swiper-pagination-bullet-active{background-color:#003471;opacity:1}
.main_visual .swiper-slide.vid .txt-group{text-align:center}
.main_visual .swiper-slide.vid .txt-group .img{max-width:300px; padding:0 20px; box-sizing:border-box; display:inline-block}
.main_visual .swiper-slide.vid .txt-group .img img{display:inline-block;max-width:100%}
.main_visual .swiper-slide.vid .tbc{vertical-align:top; padding-top:50px;position:relative; z-index:10;}
.main_visual .swiper-slide.vid #video_bg {    position: absolute;    right: 0;    bottom: 0;    top: 0;    right: 0;    width: 100%;    height: 100%;    background-size: 100% 100%;    background-color: #000;    background-position: center center;    background-size: contain;    object-fit: cover;    z-index: 3;}
.cl_wh{color:#fff !important}
/* animated */
.animate [class*='ani-']{opacity:1; filter:alpha(opacity=100); -ms-filter:alpha(opacity=100); transform:translate3d(0,0,0); -webkit-transform:translate3d(0,0,0); -o-transform:translate3d(0,0,0); -ms-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0);}
.fromLeft:not(.done) {opacity:0; filter:alpha(opacity=0); -ms-filter:alpha(opacity=0); transform:translate3d(-50px, 0, 0); -webkit-transform:translate3d(-50px, 0, 0); -o-transform:translate3d(-50px, 0, 0); -ms-transform:translate3d(-50px, 0, 0);  -moz-transform:translate3d(-50px,0,0);}
.fromRight:not(.done) {opacity:0; filter:alpha(opacity=0); -ms-filter:alpha(opacity=0); transform:translate3d(50px, 0, 0); -webkit-transform:translate3d(50px, 0, 0); -o-transform:translate3d(50px, 0, 0); -ms-transform:translate3d(50px, 0, 0); -moz-transform:translate3d(50px, 0, 0); }
.fromBottom:not(.done) {opacity:0; filter:alpha(opacity=0); -ms-filter:alpha(opacity=0); transform:translate3d(0, 100px, 0); -webkit-transform:translate3d(0, 100px, 0); -o-transform:translate3d(0, 100px, 0); -ms-transform:translate3d(0, 100px, 0); -moz-transform:translate3d(0, 100px, 0);}
.fromTop:not(.done) {opacity:0; filter:alpha(opacity=0); -ms-filter:alpha(opacity=0); transform:translate3d(0, -100px, 0); -webkit-transform:translate3d(0, -100px, 0); -o-transform:translate3d(0, -100px, 0); -ms-transform:translate3d(0, -100px, 0); -moz-transform:translate3d(0, -100px, 0); }
.fromCenter:not(.done) {opacity:0; filter:alpha(opacity=0); -ms-filter:alpha(opacity=0); transform:scale(0.8) translate3d(0,0,0) ; -webkit-transform:scale(0.8) translate3d(0,0,0); -o-transform:scale(0.8) translate3d(0,0,0); -ms-transform:scale(0.8) translate3d(0,0,0); -moz-transform:scale(0.8) translate3d(0,0,0); }

.animate [class*='ani-'] {transition-property:transform, opacity; -webkit-transition-property:transform, opacity; transition-duration:0.8s; -webkit-transition-duration:0.8s; -o-transition-duration:.8s; -moz-transition-duration:.8s;   }
.animate.fast [class*='ani-'] {transition-duration:0.6s; -webkit-transition-duration:0.6s; -o-transition-duration:.6s; -moz-transition-duration:.6s;}
.animate.slow [class*='ani-'] {transition-duration:1s; -webkit-transition-duration:1s; -o-transition-duration:1s; -moz-transition-duration:1s;  }

.animate .ani-1 {transition-delay:10ms; -webkit-transition-delay:10ms; -o-transition-delay:10ms; -moz-transition-delay:10ms;}
.animate .ani-2 {transition-delay:160ms; -webkit-transition-delay:160ms; -o-transition-delay:160ms; -moz-transition-delay:160ms;}
.animate .ani-3 {transition-delay:320ms; -webkit-transition-delay:320ms; -o-transition-delay:320ms; -moz-transition-delay:320ms;}
.animate .ani-4 {transition-delay:480ms; -webkit-transition-delay:480ms; -o-transition-delay:480ms; -moz-transition-delay:480ms;}
.animate .ani-5 {transition-delay:640ms; -webkit-transition-delay:640ms; -o-transition-delay:640ms; -moz-transition-delay:640ms;}
.animate .ani-6 {transition-delay:800ms; -webkit-transition-delay:800ms; -o-transition-delay:800ms; -moz-transition-delay:800ms;}
.animate .ani-7 {transition-delay:960ms; -webkit-transition-delay:960ms; -o-transition-delay:960ms; -moz-transition-delay:960ms;}

.t_cnter{text-align:center !important}
#videobcg {width:100%;}

/*섹션 2*/
.main .sec2 { text-align: center; }
.main .sec2 .wrap { padding: 60px 0; box-sizing: border-box; }
.main .sec2 .txt-group { margin-bottom: 30px; line-height: 50px; }
.main .sec2 .txt { font-size: 26px; font-weight: 300; color: #4d4d4d; letter-spacing: -0.05em; }
.main .sec2 .txt span { font-size: 33px; }
.main .sec2 .txt2 { font-size: 26px; font-weight: 300; color: #272626; letter-spacing: -0.05em; }
.main .sec2 .txt2 strong { font-size: 48px; font-weight: 500; letter-spacing: -0.05em; }
.main .sec2 .txt2 strong span { color: #3962d6; }

.btn-more { display: flex; justify-content: center; align-items: center; width: 218px; height: 56px; margin: 0 auto 50px; border: 1px solid #2b2b2b; border-radius: 28px; box-sizing: border-box; font-size: 14px; font-weight: 600; color: #2b2b2b; letter-spacing: -0.025em; transition: .3s all ease-out; }
.btn-more .ico-arrow { width: 22px; height: 17px; margin-left: 10px; background: url('../img/ico_arrow_right1.png') center center no-repeat; background-size: contain; transition: .3s all ease-out; }

.btn-more:hover { background: #2b2b2b; font-weight: 500; color: #fff; letter-spacing: 1px; }
.btn-more:hover .ico-arrow { background-image: url('../img/ico_arrow_right2.png'); }

.btn-more-v1 { border-color: #fff; font-weight: 500; color: #fff !important; }
.btn-more-v1 .ico-arrow { background-image: url('../img/ico_arrow_right2.png'); }

.btn-more-v1:hover { background: #fff; font-weight: 600; color: #2b2b2b !important; }
.btn-more-v1:hover .ico-arrow { background-image: url('../img/ico_arrow_right1.png'); }

.list-item { display: flex; justify-content: center; }
.list-item li { margin: 0 18px; }
.list-item img { width: 100%; }


/*섹션 3*/
.main .sec3 { background: #6187fe; text-align: center; }
.main .sec3 .wrap { padding: 60px 0; box-sizing: border-box; }
.main .sec3 .txt-group { margin-bottom: 30px; line-height: 50px; }
.main .sec3 .txt { font-size: 26px; font-weight: 300; color: #fff; letter-spacing: -0.05em; }
.main .sec3 .txt span { font-size: 33px; }
.main .sec3 .txt2 { font-size: 26px; font-weight: 300; color: #fff; letter-spacing: -0.05em; }
.main .sec3 .txt2 strong { font-size: 48px; font-weight: 500; letter-spacing: -0.05em; }
.main .sec3 .txt2 strong span { color: #a5e3ff; }


/*섹션 4*/
.main .sec4 { position: relative; background: #ecf4ff; }
.main .sec4 .wrap { display: flex; justify-content: flex-end; align-items: center; position: relative; z-index: 1; padding: 60px 0 50px; box-sizing: border-box; }
.main .sec4 .img-product { position: absolute; left: calc(50% - 950px); bottom: 0; }
.main .sec4 .txt { margin-bottom: 10px; padding-bottom: 5px; border-bottom: 1px solid #c7c7c7; box-sizing: border-box; font-size: 24px; font-weight: 300; color: #313131; letter-spacing: -0.05em; }
.main .sec4 .txt span { font-size: 30px; }
.main .sec4 .txt strong { font-size: 48px; font-weight: 500; color: #272626; }
.main .sec4 .txt2 { display: flex; align-items: center; font-size: 24px; font-weight: 300; color: #3962d6; letter-spacing: -0.025em; }
.main .sec4 .txt2 img { margin-right: 10px; }
.main .sec4 .txt2 strong { font-weight: 500; }
.main .sec4 .txt2 span { font-size: 18px; }
.main .sec4 .btn-more { margin: 30px 0 0 100px; }
.main .sec4 .img-info { max-width: 100%; margin-top: 50px; }


/*섹션 5*/
.main .sec5 { background: #4166d1; }
.main .sec5 .wrap { display: flex; justify-content: space-between; padding-top: 85px; box-sizing: border-box; }
.main .sec5 .txt-group { margin-top: 60px; }
.main .sec5 .txt { font-size: 30px; font-weight: 300; color: #fff; letter-spacing: -0.03em; }
.main .sec5 .txt2 { margin-bottom: 10px; font-size: 48px; font-weight: 500; color: #fff; letter-spacing: -0.025em; }
.main .sec5 .txt2 span { color: #a5e3ff; }
.main .sec5 .txt3 { font-size: 24px; font-weight: 300; color: #fff; letter-spacing: -0.05em; }
.main .sec5 .txt3 span { font-size: 18px; }
.main .sec5 .btn { display: flex; justify-content: center; align-items: center; width: 236px; height: 56px; margin-top: 35px; border: 1px solid #fff; border-radius: 28px; box-sizing: border-box; background: #fff; font-size: 19px; font-weight: 500; color: #5374d9; letter-spacing: -0.025em; transition: .3s all ease-out; }
.main .sec5 .btn:hover { border-color: #fff; background: #4166d1; color: #fff; }
.main .sec5 .img-site { max-width: 100%; }


/*섹션 6*/
.main .sec6 .wrap { padding: 80px 0 60px; box-sizing: border-box; }
.main .sec6 .box { margin-bottom: 70px; }
.main .sec6 .box:last-child { margin-bottom: 0; }
.main .sec6 .tit-group { margin-bottom: 35px; text-align: center; }
.main .sec6 .tit-group .tit { margin-bottom: 15px; font-size: 36px; font-weight: 400; color: #272626; line-height: 44px; letter-spacing: -0.025em; }
.main .sec6 .tit-group .tit span { color: #009ade; }
.main .sec6 .tit-group .tit2 { font-size: 24px; font-weight: 300; color: #414141; letter-spacing: -0.01em; }

.main .sec6 .tit-group2 { margin-bottom: 35px; text-align: center; }
.main .sec6 .tit-group2 .tit { margin-bottom: 5px; font-size: 24px; font-weight: 300; color: #414141; letter-spacing: -0.01em; }
.main .sec6 .tit-group2 .tit2 { font-size: 36px; font-weight: 400; color: #272626; line-height: 44px; letter-spacing: -0.025em; }
.main .sec6 .tit-group2 .tit2 span { color: #009ade; }

.slide-brand { position: relative; }
.slide-brand .swiper-slide { width: 515px; height: 242px; background: center center no-repeat; background-size: cover;}
.slide-brand .btn-group { display: flex; justify-content: center; align-items: center; position: absolute; right: 13px; bottom: 10px; }
.slide-brand .swiper-button-prev,
.slide-brand .swiper-button-next { position: static; width: 28px; height: 28px; margin: 0 2px; border-radius: 50%; box-sizing: border-box; background: center center no-repeat; background-size: contain; }
.slide-brand .swiper-button-prev { background-image: url('../img/ico_arrow_prev1.png'); }
.slide-brand .swiper-button-next { background-image: url('../img/ico_arrow_next1.png'); }
.slide-brand .swiper-button-next:after,
.slide-brand .swiper-button-prev:after { display: none; }

.list-client { display: flex; flex-wrap: wrap; justify-content: space-between; }
.list-client li { position: relative; width: 32%; height: 223px; margin: 12px 0; border-radius: 10px; box-sizing: border-box; cursor: pointer; }
.list-client .thumb { height: 100%; border-radius: 10px; box-sizing: border-box; }
.list-client .txt-group { display: flex; justify-content: space-between; align-items: center; position: absolute; width: 100%; bottom: 0; height: 40px; padding: 0 15px; border-radius: 0 0 10px 10px; box-sizing: border-box; background: #3962d6; }
.list-client .txt-group .txt { font-size: 14px; font-weight: 300; color: #a4e9ff; letter-spacing: -0.025em; }
.list-client .txt-group .txt2 { display: flex; justify-content: flex-end; align-items: center; font-size: 14px; font-weight: 400; color: #fff; letter-spacing: -0.025em; }
.list-client .txt-group .txt2 img { margin-left: 10px; }


/*섹션 7*/
.main .sec7 { background: #ededed; }
.main .sec7 .wrap { display: flex; justify-content: space-between; padding-top: 135px; box-sizing: border-box; }
.main .sec7 .txt-group { margin-bottom: 35px; }
.main .sec7 .txt { margin-bottom: 10px; font-size: 36px; font-weight: 300; color: #272626; line-height: 50px; letter-spacing: -0.025em; }
.main .sec7 .txt span { display: block; font-size: 48px; font-weight: 500; }
.main .sec7 .txt2 { font-size: 22px; font-weight: 300; color: #272626; letter-spacing: -0.01em; }
.main .sec7 .btn-group .btn { display: flex; justify-content: center; align-items: center; width: 250px; height: 56px; margin-bottom: 11px; border: none; border-radius: 28px; box-sizing: border-box; background: #353535; }
.main .sec7 .btn-group .btn:last-child { margin-bottom: 0; }
.main .sec7 .img-app { max-width: 100%; }
.swiper-wrapper { display: -webkit-box; }
@media only screen and (max-width: 1910px) {
	.main .sec1 { background-size: cover; }
	.main .sec12 { background-size: cover; }
	.main .sec13 { background-size: cover; }
}

@media only screen and (max-width: 1280px) {
	/*header style*/

	.header { display: none; }
	.hd-bg { display: none !important; }
	/*.top_header { display: none; }*/
	#download_img { display: none; }

	.m-header { display: block; top: 0; left: 0; right: 0; z-index: 10; width: 100%; }
	/*.m-header { display: block; position: fixed; top: 0; left: 0; right: 0; z-index: 10; width: 100%; }*/
    .m-hd { display: flex; justify-content: space-between; align-items: center; height: 70px; padding: 0 15px; border-bottom: 1px solid #e5e5e5; border-top: 1px solid #e5e5e5; box-sizing: border-box; background: #fff; }
	/*.m-hd { display: flex; justify-content: space-between; align-items: center; height: 70px; padding: 0 15px; border-bottom: 1px solid #e5e5e5; box-sizing: border-box; background: #fff; }*/
	.m-hd >  a img{max-width:100%; display:inline-block}

	.m-hd .m-hd-logo { height: 26px; }
	.m-hd .m-hd-util { display: flex; justify-content: flex-end; align-items: center; }
	.m-hd .m-hd-util .btn-language { margin-right: 15px; font-size: 13px; font-weight: 400; color: #414141; }
    .m-hd .m-hd-util .m-hd-hamburger { width: 24px; height: 24px; border: none; background: url('../img/ico_hamburger1.png') center center no-repeat; background-size: 24px; }

    .m-gnb { position: fixed; z-index: 20; top: 0; right: -100%; width: 80%; height: 100%; background: #fff; }
    .m-gnb-bg { display: none; position: fixed; z-index: 19; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .7); }

    .m-gnb .top-area { display: flex; justify-content: space-between; align-items: center; height: 70px; background: #fff; }
    .m-gnb .m-hd-logo { height: 26px; margin-left: 20px; }
    .m-gnb .btn-close { width: 70px; height: 70px; background: url('../img/ico_close1.png') calc(100% - 20px) center no-repeat; background-size: auto 15px; border: none; }

	.m-gnb .m-search { display: flex; align-items: center; width: calc(100% - 40px); height: 40px; margin: 10px auto; border: 1px solid #e5e5e5; border-radius: 20px; box-sizing: border-box; }
	.m-gnb .m-search .inp-search { width: 80%; height: 100%; padding: 0 20px; border: none; box-sizing: border-box; background: none; font-size: 14px; font-weight: 400; color: #000; }
	.m-gnb .m-search .btn-search { width: 20%; height: 100%; border: none; background: url('../img/ico_search2.png') center center no-repeat; background-size: 20px; }

	.m-gnb .m-hd-gnb { height: calc(100% - 120px); overflow-y: auto; }
	.m-gnb .m-hd-gnb > li { padding: 5px 0 15px; border-bottom: 1px solid #eee; box-sizing: border-box; }
    .m-gnb .m-hd-gnb .tit { display: block; width: 100%; padding: 10px 30px; box-sizing: border-box; background: url('../img/ico_arrow_right4.png') calc(100% - 20px) center no-repeat; background-size: 8px; font-size: 18px; font-weight: 400; color: #000; }
	.m-gnb .m-hd-gnb .depth a { display: block; padding: 5px 50px; box-sizing: border-box; font-size: 14px; font-weight: 300; color: #414141; }
}


@media only screen and (max-width: 1024px) {
	/*메인*/
	.main .sec4 .wrap { justify-content: center; }
	.main .sec4 .img-product { display: none; }
}


@media only screen and (max-width: 860px) {
.main_visual .swiper-slide.slide6 .txt_df p{font-size:24px;line-height:1.4}
}


@media only screen and (max-width: 768px) {
	/*공통 CSS*/
	/*layout style*/
	.wrap { padding: 20px; box-sizing: border-box; }


	/*메인*/
	.main .sec .wrap { padding: 20px; box-sizing: border-box; }
	.main .sec1 { height: 111.111vw; max-height: 600px; background-image: url('../img/bnr_main1_m.png'); }
	.main .sec1 .txt-group { top: 4%; left: 0; right: 0; transform: none; margin: 0 auto; text-align: center; }
	.main .sec1 .txt { font-size: 12.222vw; }
	.main .sec1 .txt2 { font-size: 5.185vw; }
	.main .sec1 .txt3 { font-size: 4.259vw; }
	.main .sec1 .btn { width: 44.444vw; max-width: 272px; height: 12.778vw; max-height: 64px; margin: 4.167vw auto 0; border-radius: 6.389vw; box-sizing: border-box; font-size: min(3.889vw, 22px); }

	.main .sec12 { height: 111.111vw; max-height: 600px; background-image: url('../img/bnr_main2_m.jpg'); }
	.main .sec12 .txt-group { top: 4%; left: 0; right: 0; transform: none; margin: 0 auto; text-align: center; }
	.main .sec12 .txt { font-size: 12.222vw; }
	.main .sec12 .txt2 { font-size: 5.185vw; }
	.main .sec12 .txt3 { font-size: 4.259vw; }
	.main .sec12 .btn { width: 44.444vw; max-width: 272px; height: 12.778vw; max-height: 64px; margin: 4.167vw auto 0; border-radius: 6.389vw; box-sizing: border-box; font-size: min(3.889vw, 22px); }

	.main .sec13 { height: 111.111vw; max-height: 600px; background-image: url('../img/bnr_main3_m.jpg'); }
	.main .sec13 .txt-group { top: 4%; left: 0; right: 0; transform: none; margin: 0 auto; text-align: center; }
	.main .sec13 .txt { font-size: 12.222vw; }
	.main .sec13 .txt2 { font-size: 5.185vw; }
	.main .sec13 .txt3 { font-size: 4.259vw; }
	.main .sec13 .btn { width: 44.444vw; max-width: 272px; height: 12.778vw; max-height: 64px; margin: 85vw auto 0; border-radius: 6.389vw; box-sizing: border-box; font-size: min(3.889vw, 22px); }

	.main .sec14 { height: 111.111vw; max-height: 600px; }
	.main .sec14 .txt-group { top: 4%; left: 0; right: 0; transform: none; margin: 0 auto; text-align: center; }
	.main .sec14 .txt { font-size: 12.222vw; }
	.main .sec14 .txt2 { font-size: 5.185vw; }
	.main .sec14 .txt3 { font-size: 4.259vw; }
	.main .sec14 .btn { width: 44.444vw; max-width: 272px; height: 12.778vw; max-height: 64px; margin: 25vw auto 0; border-radius: 6.389vw; box-sizing: border-box; font-size: min(3.889vw, 22px); }

	.main_visual .swiper-slide{ height: 116vw; max-height: 600px; }
	.main_visual .txt-group{text-align:center; }
	.main_visual .tbc{vertical-align:top; padding-top:10vw}
	.main_visual .txt1 { font-size: 12.222vw; }
	.main_visual .txt2{ font-size: 7.2vw; }
	.main_visual .txt3 { font-size: 5.185vw; }
	.main_visual .txt4 { font-size: 4.259vw; }
	.main_visual .txt5{font-size:3.4vw}
	.main_visual .btn { width: 36vw; max-width: 272px; line-height: 10vw; margin: 25px auto 0; border-radius: 6.389vw; box-sizing: border-box; font-size: min(3.889vw, 22px); }
	.main_visual .slide3 .txt3{padding:5px}
	.main_visual .slide3 p{font-size:5vw}
	.main_visual .slide3 span{font-size:7.5vw}
	.main_visual .swiper-button-next,.main_visual .swiper-button-prev{display:none}
	.main_visual .swiper-slide.slide1{background-image:url('../img/bnr_main1_m.png') }
	.main_visual .swiper-slide.slide2{background-image:url('../img/bnr_main2_m.jpg'); }
	.main_visual .swiper-slide.slide3{background-image:url('../img/bnr_main3_m.jpg');}
	.main_visual .swiper-slide.slide4 .tbc{vertical-align:middle;padding-top:0}
	.main_visual .swiper-slide.slide4 .img img{display:none;}
	.main_visual .swiper-slide.slide4 .img .mo{display:inline-block;margin-top:30px}
	/*.main_visual .swiper-slide.slide4 .img .btn{display:block}*/
	.main_visual .swiper-slide.slide4 .btn,.main_visual .swiper-slide.slide5 .btn{}
	.main_visual .swiper-slide.slide5{background-image:url('/images/main/visual5_bg_mo.jpg');background-size:contain; background-color:#e4e4e4}
	.main_visual .swiper-slide.slideopt{ background-image:url('/images/main/visual5_bg_mo_v2.jpg');background-size:cover}
	.main_visual .swiper-slide.slideopt .tbc{padding-top:}
	.main_visual .swiper-slide.slideopt .img{top:auto; bottom:0}
	.main_visual .swiper-slide.slideopt .img img{display:none}
.main_visual .swiper-slide.slideopt .img img.mo{display:inline-block;}
	.main_visual .swiper-slide.slide6{}
	.main_visual .swiper-slide.slide6 .sl6_img{margin-top:-30px}
	.main_visual .swiper-slide.slide6 .tbm_df{padding:15px 10px;}
	.main_visual .swiper-slide.slide6 .tbm_df .img{max-width:260px}
.main_visual .swiper-slide.slide6 .tbm_df p{display:block;line-height:1.2;margin-top:13px;margin-left:0}
	#videobcg {width:200%;}

	.main .sec2 .wrap { padding: 50px 20px; box-sizing: border-box; }
	.main .sec2 .txt-group { margin-bottom: 20px; line-height: normal; }
	.main .sec2 .txt { font-size: 18px; }
	.main .sec2 .txt span { font-size: 20px; }
	.main .sec2 .txt2 { font-size: 18px; }
	.main .sec2 .txt2 strong { display: block; font-size: 28px; }

	.btn-more { width: 160px; height: 46px; margin: 0 auto 40px; border-radius: 23px; box-sizing: border-box; }

	.list-item { flex-wrap: wrap; }
	.list-item li { width: 35%; max-width: 247px; margin: 3%; }

	.main .sec3 .wrap { padding: 50px 20px; box-sizing: border-box; }
	.main .sec3 .txt-group { margin-bottom: 20px; line-height: normal; }
	.main .sec3 .txt { font-size: 18px; }
	.main .sec3 .txt2 { font-size: 18px; }
	.main .sec3 .txt2 strong { display: block; font-size: 28px; }

	.main .sec4 .wrap { display: block; padding: 40px 20px 0; box-sizing: border-box; text-align: center; }
	.main .sec4 .wrap > img { display: none; }
	.main .sec4 .txt { margin-bottom: 5px; border-bottom: none; font-size: 18px; color: #3962d6; }
	.main .sec4 .txt span { font-size: 18px; }
	.main .sec4 .txt strong { display: block; font-size: 34px; }
	.main .sec4 .txt2 { display: block; font-size: 16px; line-height: 20px; }
	.main .sec4 .txt2 img { margin: 0 auto 10px; }
	.main .sec4 .txt2 strong { font-size: 18px; }
	.main .sec4 .txt2 span { font-size: 14px; }
	.main .sec4 .btn-more { margin: 20px auto 0; }
	.main .sec4 .img-info { display: none; }
	.main .sec4 .img-product { position: static; width: 100%; max-width: 500px; margin: 20px auto 0; }
	.main .sec4 .img-product.m { display: block; }

	.main .sec5 .wrap { display: block; padding: 50px 20px 0; box-sizing: border-box; text-align: center; }
	.main .sec5 .txt-group { margin-top: 0; }
	.main .sec5 .txt { font-size: 18px; }
	.main .sec5 .txt2 { margin-bottom: 5px; font-size: 32px; }
	.main .sec5 .txt3 { font-size: 16px; }
	.main .sec5 .txt3 span { font-size: 14px; }
	.main .sec5 .btn { width: 160px; height: 46px; margin: 20px auto 0; border-radius: 23px; box-sizing: border-box; font-size: 14px; }
	.main .sec5 .img-site { margin-top: 45px; }

	.main .sec6 .wrap { padding: 50px 20px; box-sizing: border-box; }
	.main .sec6 .box { margin-bottom: 50px; }
	.main .sec6 .tit-group { margin-bottom: 25px; }
	.main .sec6 .tit-group .tit { margin-bottom: 10px; font-size: 24px; line-height: 30px; }
	.main .sec6 .tit-group .tit2 { font-size: 16px; line-height: 22px; }

	.main .sec6 .tit-group2 { margin-bottom: 25px; }
	.main .sec6 .tit-group2 .tit { font-size: 16px; line-height: 22px; }
	.main .sec6 .tit-group2 .tit2 { font-size: 24px; line-height: 30px; }
	.main .sec6 .tit-group2 .tit2 span { display: block; }

	.slide-brand .swiper-slide { width: 100%; height: 42.271vw; }

	.list-client li { width: 46%; height: 33.816vw; margin: 2%; }
	.list-client .txt-group { flex-direction: column; justify-content: center; align-items: flex-start; height: 54px; padding: 0 10px; box-sizing: border-box; }
	.list-client .txt-group .txt { font-size: 13px; }
	.list-client .txt-group .txt2 { justify-content: space-between; width: 100%; font-size: 13px; }

	.main .sec7 .wrap { display: block; padding: 50px 20px 0; box-sizing: border-box; text-align: center; }
	.main .sec7 .txt-group { margin-bottom: 30px; }
	.main .sec7 .txt { font-size: 20px; line-height: 32px; }
	.main .sec7 .txt span { font-size: 32px; }
	.main .sec7 .txt2 { font-size: 16px; }
	.main .sec7 .btn-group .btn { width: 200px; height: 46px; margin: 0 auto 8px; border-radius: 23px; box-sizing: border-box; }
	.main .sec7 .btn-group .btn img { transform: scale(0.8); }
	.main .sec7 .img-app { margin-top: 45px; }
}




@media only screen and (max-width: 700px) {
.main_visual .swiper-slide.slide6 .sl6_img{max-width:85%; display:inline-block;margin-top:0}
.main_visual .swiper-slide.slide6 .txt_df p{font-size:20px}
.main_visual .swiper-slide.slide6 .txt_df p b{text-shadow: 2px 0px 3px rgba(0,0,0,0.3);}
.main_visual .swiper-slide.slide6 .txt_df p em{text-shadow: 2px 0px 3px rgba(0,0,0,0.3);}
.main_visual .swiper-slide.slide6 .tbm_df .img{max-width:200px}
.main_visual .swiper-slide.slide6 .tbm_df p{font-size:22px;}
}
@media only screen and (max-width: 600px) {
.main_visual .swiper-slide.slide6 .txt_df p .mbr{display:block}
.main_visual .swiper-slide.slide6 .txt_df p .mbr2{display:block;margin-top:5px}
.main_visual .swiper-slide.slide6 .tbm_df p{font-size:20px}
}
@media only screen and (max-width: 540px) {
.main_visual .swiper-slide.slide6 .tbm_df p .mbr{display:block}
}
@media only screen and (max-width: 500px) {
.main_visual .swiper-slide.slide4 .txt-group span{display:block; margin-left:0;margin-top:10px;text-align:center}
.main_visual .swiper-slide.slide4 .txt-group span img{display:inline-block}
.main_visual .swiper-slide.slide5 .txt-group span{display:block; margin-left:0;margin-top:10px;text-align:center}
.main_visual .swiper-slide.slide5 .txt-group span img{display:inline-block}
.main_visual .swiper-slide.slideopt .tbc{padding-top:8%}
.main_visual .swiper-slide.slideopt .img{bottom:8%}
.main_visual .swiper-slide.slide6 .tbm_df{padding:10px 5px; margin-top:10px}
.main_visual .swiper-slide.slide6 .txt_df{margin-top:10px;}
.main_visual .swiper-slide.slide6 .txt_df p{font-size:17px}
.main_visual .swiper-slide.slide4 .txt-group p{font-size:30px}
.main_visual .swiper-slide.slide5 .txt-group p{font-size:30px}
}
@media only screen and (max-width: 386px) {
.main_visual .swiper-slide.slide6 .txt_df p{font-size:15px}
.main_visual .swiper-slide.slide6 .tbm_df .img{max-width:140px}
.main_visual .swiper-slide.slide6 .tbm_df p{font-size:16px}
.list-client li{width:96%;height:160px}

}

@media only screen and (max-width: 330px) {
.main_visual .swiper-slide.slide6 .sl6_img{max-width:70%}
.main_visual .swiper-slide.slide6 .txt_df p{font-size:13px}
.main_visual .swiper-slide.slide6 .txt_df .mbr3{display:block}
.main_visual .swiper-slide.slide6 .tbm_df .img{max-width:120px}
.main_visual .swiper-slide.slide6 .tbm_df p{font-size:14px;margin-top:8px}
.main_visual .swiper-slide.slide6 .sl6_img{padding:8px 4px}
.main_visual .swiper-slide.slide4 .txt-group p{font-size:27px}
.main_visual .swiper-slide.slide5 .txt-group p{font-size:27px}
}