@charset "utf-8";

/*#container{min-height:500px;position:static}*/

/*비쥬얼*/
.Visual{ height:750px }
.Visual #recentMB1{ height:100%; }

.banner{ width:100%; height:100%;}
.banner .bx-wrapper{ height:100%; }
.banner .bx-wrapper .bx-viewport{ height:100% !important; }
.banner .bx-wrapper .bx-viewport ul{ height:100%; }
.banner .bx-wrapper .bx-viewport ul li{ position:relative; }
.banner .bx-wrapper .bx-viewport ul li .bannerCopy{ position:absolute; top:45%; left:50%; transform:translate(-50%, -50%); width:100%; max-width:1902px; padding:0 200px; }
.banner .bx-wrapper .bx-viewport ul .active-slide .bannerCopy div{ animation-name:fadeInUp; }
.banner .bx-wrapper .bx-viewport ul li .bannerCopy span{display:block;}
.banner .bx-wrapper .bx-viewport ul li .bannerCopy .bannerSubjet{ display:none; }
.banner .bx-wrapper .bx-viewport ul li .bannerCopy .bannerCopy1{ line-height:1; font-size:60px; font-weight:800; color:#fff; animation-delay:1s; -webkit-animation-delay:1s;/* font-family: 'Paperlogy-8ExtraBold';font-weight:100*/margin-bottom:40px;}
.banner .bx-wrapper .bx-viewport ul li .bannerCopy .bannerCopy2{ font-size:20px; color:#fff; animation-delay:1.5s; -webkit-animation-delay:1.5s; margin:40px 0 30px 0; word-break:keep-all;}
.banner .bx-wrapper .bx-viewport ul li .bannerCopy .bannerCopy2 span{ display:block; }
.banner .bx-wrapper .bx-viewport ul li .bannerCopy .bannerCopy3 {animation-delay:2s; -webkit-animation-delay:2s; margin-top:40px;}

.banner .bx-wrapper .bx-viewport ul li .bannerCopy .bannerCopy3 img {height:60px;margin-right:40px;}
/*.banner .bx-wrapper .bx-viewport ul li .bannerCopy .bannerCopy3 ul li {margin-right:30px;color:#fff;text-align:center}*/
/*.banner .bx-wrapper .bx-viewport ul li .bannerCopy .bannerCopy3 ul li:last-child {margin-right:0;}*/
/*.banner .bx-wrapper .bx-viewport ul li .bannerCopy .bannerCopy3 ul li img {padding-bottom:10px;}*/
/*.banner .bx-wrapper .bx-viewport ul #banner-list2 .bannerCopy .bannerCopy3 ul li{ display:flex;flex-direction:column;margin-right:30px; color:#fff;align-items:center;}*/
/*.banner .bx-wrapper .bx-viewport ul #banner-list2 .bannerCopy .bannerCopy3 img {width:140px;padding-bottom:15px;}*/

/* .banner .bx-wrapper .bx-controls{ position:absolute;bottom:0;left:50%; transform:translate(-50%);bottom:150px} */
/*.banner .bx-wrapper .bx-controls .bx-pager{ display:flex; }*/
.banner .bx-wrapper .bx-controls .bx-pager{ position:absolute; top:0; right:0; width:23%; height:100%; }
.banner .bx-wrapper .bx-controls .bx-pager .bx-pager-item{ width:100%; height:calc(100% / 5); border-bottom:1px solid #868790; }
.banner .bx-wrapper .bx-controls .bx-pager .bx-pager-item:last-child{ border-bottom:none; }
.banner .bx-wrapper .bx-controls .bx-pager .bx-pager-item a{ position:relative; width:100%; height:100%; font-size:0; background-color:#484b5a; display:block; }
.banner .bx-wrapper .bx-controls .bx-pager .bx-pager-item a::before{ content:""; position:absolute; top:50%; left:40px; transform:translateY(-50%); font-size:22px; color:#fff; opacity:.8; }
.banner .bx-wrapper .bx-controls .bx-pager .bx-pager-item:nth-child(1) a::before{ content:"Cloud First, Cloud Must"; }
.banner .bx-wrapper .bx-controls .bx-pager .bx-pager-item:nth-child(2) a::before{ content:"공공클라우드 서비스 전문기업"; }
.banner .bx-wrapper .bx-controls .bx-pager .bx-pager-item:nth-child(3) a::before{ content:"클라우드 교육서비스"; }
.banner .bx-wrapper .bx-controls .bx-pager .bx-pager-item:nth-child(4) a::before{ content:"AI, Dater Center 구축 컨설팅"; }
.banner .bx-wrapper .bx-controls .bx-pager .bx-pager-item:nth-child(5) a::before{ content:"24x365 인프라 관제 서비스"; }
.banner .bx-wrapper .bx-controls .bx-pager .bx-pager-item a.active{ background:linear-gradient(170deg, #212F5C 0%, #1B233B 100%); }
.banner .bx-wrapper .bx-controls .bx-pager .bx-pager-item a.active::before{ font-weight:700; opacity:1; }
.banner .bx-wrapper .bx-controls .bx-pager .bx-pager-item a::after{ content:"\f054"; position:absolute; top:50%; right:-12px; transform:translateY(-50%); font-family:FontAwesomeS; font-size:20px; color:#fff; transition:.4s; }
.banner .bx-wrapper .bx-controls .bx-pager .bx-pager-item:hover a::after{ right:30px; }
.banner .bx-wrapper .bx-controls .bx-pager .bx-pager-item a.active::after{ right:30px; }
/* .banner .bx-wrapper .bx-controls .bx-pager .bx-pager-item{ display:inline-block;margin-right:8px}
.banner .bx-wrapper .bx-controls .bx-pager .bx-pager-item:last-child{ margin-right:0; }
.banner .bx-wrapper .bx-controls .bx-pager .bx-pager-item .bx-pager-link{ width:10px; height:10px; font-size:0; background-color:#fff !important; border-radius:50px; opacity:.6; display:block; }
.banner .bx-wrapper .bx-controls .bx-pager .bx-pager-item .bx-pager-link.active{ width:30px; opacity:1; } */

/*section*/
section {padding:150px 0; margin: 0 auto; }

/*main01*/
.main01 .tit{text-align:center;}
.main01 .tit h4{font-size:1.8em;font-weight:800;}
.main01 .tit p{margin-top:10px;font-size:20px}
.main01 .box {display:flex;margin-top:3%;}
.main01 .box>div {width:calc((100% - 20px) / 3);margin-right:20px;height:300px ;overflow:hidden;border-radius:20px;position:relative;word-break:keep-all}
.main01 .box>div:last-child {margin-right:0;}
.main01 .box .box01 {background:url(../image/main/main01_01.jpg);background-repeat:no-repeat;background-size:cover;background-position:center; }
.main01 .box .box02 {background:url(../image/main/main01_02.jpg) ;background-repeat:no-repeat;background-size:cover;background-position:center; }
.main01 .box .box03 {background:url(../image/main/main01_03.jpg) ;background-repeat:no-repeat;background-size:cover;background-position:center; }
.main01 .box a {position:absolute;padding:50px; width:100%;height:100%;}
.main01 .box h5 {color:#fff;font-size:28px ;color:#fff;font-weight:700;margin-top:150px;line-height:1.2;margin-top:170px;}
.main01 .box p {font-size:18px;color:#fff;line-height:1.2}
.main01 .box .btn-view-more {display:none;}
/*.main01 .box>div:hover {background-color:black;}*/
.main01 .box>div:hover::before {content:"";opacity:0.45;position:absolute;top:0;left:0;right:0;bottom:0 ;background-color:#000;animation-name:slideInUp;animation-duration:0.5s;}
.main01 .box>div:hover a {animation-name:slideInUp;animation-duration:0.5s;}
.main01 .box>div:hover h5{margin-top:0px;}
.main01 .box>div:hover .btn-view-more {display:block;margin-top:20px;}
.main01 .box>div:hover .btn-view-more .more {position:absolute;bottom:50px;}

/*main02*/
.main02 {background:#f5f5f5;}
.main02 .tit {display:flex;justify-content:space-between;align-items:flex-end;}
.main02 .tit .txt h3{font-family:'Paperlogy-8ExtraBold';font-size:40px;}
.main02 .tit .txt p{font-size:20px; margin-top:20px;}
.main02 .tit a{font-size:16px; color:rgba(0,0,0,0.7);}
.main02 .tit a:hover {color:#000;}
.main02 .cont {margin-top:3%}
.main02 .cont ul {display:flex;/*padding:3% 10px;*/}
.main02 .cont ul li {position:relative; width:calc((100% - 40px) / 4);margin-right:40px;background:#fff;border-radius:20px;text-align:left; }
.main02 .cont ul li:last-child{margin-right:0}
.main02 .cont ul li .thumb{border:none !important;}
.main02 .cont ul li .thumb img {transform:scale(1.0);transition:transform 0.5s;}
.main02 .cont ul li .thumb img:hover {transform:scale(1.1);transition:transform 0.5s;}
.main02 .cont ul li .thumbNail {}
.main02 .cont ul li .title {text-align:left; margin:20px 0 ;padding:0 30px}
.main02 .cont ul li .content {color:#a3a3a3;padding:0 30px ;word-break:break-all;min-height:50px;max-height:50px; overflow:hidden;}
.main02 .cont ul li .date {color:#a3a3a3;margin:10px 0 20px 0;padding:0 30px}
/*.main02 .cont ul li:hover {box-shadow:3px 3px 5px rgba(0,0,0,.1);transform:translateY(-5px);transition:.2s}*/

/*main03*/
.main03 {padding:100px 100px}
.main03 .swiper {width:100%;height:600px;border-radius:30px}
.main03 .swiper-slide {background-position:center;background-size:cover;}
.main03 .swiper-slide>img {display:block;height:100%;width:100%;}
.main03 .swiper-slide .box {position:absolute;display:flex;justify-content:space-between;align-items:center;top:45%; transform:translate(-50%, -50%);left:50%;width:calc(100% - 300px);/*max-width:1300px;*/top:50%}
.main03 .swiper-slide .box .txt {width:50%;}
.main03 .swiper-slide .box .txt span{font-size:18px;font-weight:400;}
.main03 .swiper-slide .box .txt h5{font-size:3.5em;font-weight:900;margin-top:4%;line-height:58px;word-break:keep-all;}
.main03 .swiper-slide .box .txt p {word-break:keep-all;margin-top:30px;line-height:1.5 ;font-weight:400;font-size:20px;}
.main03 .swiper-slide .box .txt p span{display:block}
.main03 .swiper-slide .box .txt .link {margin-top:50px;}
.main03 .swiper-slide .box .txt .link a {background:#fff;width:130px; height:50px; font-size:16px; border-radius:50px; display:flex;align-items:center;justify-content:center;padding:0 30px;}
.main03 .swiper-slide .box .txt .link a:hover{box-shadow:0px 0px 5px rgb(255 255 255 / 70%);font-weight:600}
/*.main03 .swiper-slide .box .img {width:60%;}*/
.main03 .swiper-slide .box .img img {width:380px;}
.main03 .swiper .swiper-button-next, .main03 .swiper .swiper-button-prev {width:30px; height:30px; transition:.2s;border-radius:50px; border:1px solid #333;top:var(--swiper-pagination-top, auto);bottom:var(--swiper-pagination-bottom, 8px);}
.main03 .swiper .swiper-button-next:after, .main03 .swiper .swiper-button-prev:after{font-family:"FontAwesomes";font-size:16px; color:#333;}
/*.main03 .swiper .swiper-button-next {right:100px !important;bottom:50px;right:0 !important;left:550px }*/
/*.main03 .swiper .swiper-button-prev {left:100px !important;bottom:50px;left:500px !important;}*/
.main03 .swiper .swiper-button-next:after {content:"\f105";}
.main03 .swiper .swiper-button-prev:after {content:"\f104";}
.main03 .swiper .swiper-button-next:hover, .main03 .swiper .swiper-button-prev:hover {background:#000; color:#fff;}
.main03 .swiper .swiper-button-next:hover:after, .main03 .swiper .swiper-button-prev:hover:after {color:#fff;}
/*.main03 .swiper .swiper-pagination {bottom:50px;max-width:max-content;padding-left:300px;}*/
.main03 .swiper .swiper-pagination span{width:30px;margin:0;border-radius:0;height:3px;}
.main03 .swiper .swiper-pagination .swiper-pagination-bullet-active{background:#000;}
.main03 .swiper .swiper-button-next {top:50%; right:80px}
.main03 .swiper .swiper-button-prev {top:50%;left:80px}
.main03 .swiper .swiper-pagination {bottom:50px;}

/*main04*/
.main04 {background:#000;position:relative}
.main04:before {content:'';position:absolute;background:linear-gradient(90deg, rgba(9,9,9,0) 5%, #181818 97%);height:100%;width:30%;top:0;right:0;z-index:1}
.main04:after {content:'';position:absolute;background:linear-gradient(270deg, rgba(9,9,9,0) 5%, #181818 97%);height:100%;width:30%;top:0}
.main04 .tit h3 {font-family:'Paperlogy-8ExtraBold';font-size:52px;color:#fff;text-align:center;}
.main04 .cont {margin-top:3%;}
.main04 .cont #recentMC21{ margin-bottom:20px; }
.main04 .cont #recentMC21 .banner, .main04 .cont #recentMC22 .banner {height:auto;}
.main04 .cont #recentMC21 .banner {}
.main04 .cont #recentMC21 .banner .bx-wrapper{}
.main04 .cont #recentMC21 .banner .bx-wrapper ul, .main04 .cont #recentMC22 .banner .bx-wrapper ul{ display:flex; transition-duration:2s !important; }
.main04 .cont #recentMC21 .banner .bx-wrapper ul li,
.main04 .cont #recentMC22 .banner .bx-wrapper ul li{width:270px !important;margin:0 10px  ;background:#fff;border-radius:20px;}
.main04 .cont #recentMC21 .banner .bx-wrapper ul li img,
.main04 .cont #recentMC22 .banner .bx-wrapper ul li img{overflow:hidden;border-radius:20px;}
.main04 .cont #recentMC22 {margin-bottom:3%;}
.main04 .cont .more {color:rgba(255,255,255,0.7);font-size:16px;width:240px; height:60px; border-radius:50px; border:1px solid rgba(255,255,255,0.7);display:flex;align-items:center;justify-content:space-between;padding:0 30px;margin:0 auto;}
.main04 .cont .more:hover {color:#fff;border:1px solid #fff;}

/*main05*/
.main05 .container {display:flex;}
.main05 .container>div{width:calc((100% - 20px) /3);margin-right:20px; height:270px;overflow:hidden;border-radius:20px;position:relative;text-align:left}
.main05 .container>div:last-child{margin-right:0}
.main05 .container .box01 {background-image:url(../image/main/main05_01.jpg);background-repeat:no-repeat;background-size:cover;background-position:center;transition:background-size .3s ease;-moz-transition: background-size .3s ease; -web-kit-transition: background-size .3s ease;}
.main05 .container .box02 {background-image:url(../image/main/main05_02.jpg);background-repeat:no-repeat;background-size:cover;background-position:center;transition:background-size .3s ease;-moz-transition: background-size .3s ease; -web-kit-transition: background-size .3s ease;}
.main05 .container .box03 {background-image:url(../image/main/main05_03.jpg);background-repeat:no-repeat;background-size:cover;background-position:center;transition:background-size .3s ease;-moz-transition: background-size .3s ease; -web-kit-transition: background-size .3s ease;}
.main05 .box a {position:absolute;padding:50px; width:100%;height:100%;}
.main05 .box h5 {color:#fff;font-size:26px ;color:#fff;font-weight:700;margin-top:150px;}
.main05 .box p {font-size:18px;color:#fff;word-break:keep-all}
.main05 .box .btn-view-more {display:none;}
.main05 .box>div:hover::before {position:absolute;top:0;left:0;right:0;bottom:0 ;animation-name:slideInUp;animation-duration:0.5s;}
.main05 .box>div:hover a {animation-name:slideInUp;animation-duration:0.5s;}
.main05 .box>div:hover h5{margin-top:0px;}
.main05 .box>div:hover .btn-view-more {display:block;margin-top:20px;}
.main05 .box>div:hover .btn-view-more .more {position:absolute;bottom:50px;}

/*.main05 div h5{font-size:28px; color:#fff;font-weight:700;}
.main05 div .btn-view-more {display:none;color:#fff;padding:0 50px;word-break:keep-all;}
.main05 .container>div:hover {background-size:110%;}
/*.main05 .container>div:hover h5 {margin-bottom:20px;}*/
/*.main05 .container>div:hover .btn-view-more {display:block;transition:all 0.2s;margin-top:20px;}
.main05 .container>div:hover .btn-view-more .more {margin-top:30px;}*/

/*main06*/
.main06 {margin:0 auto; display:flex;}
.main06 .main_L {width:44%;background:#333;color:#fff; padding:150px 3% 150px 200px;}
.main06 .main_L .tit {display:flex;align-items:flex-end;justify-content:space-between;border-bottom:2px solid #fff;margin-bottom:5px; padding-bottom:15px;}
.main06 .main_L .tit h3 {font-size:25px;font-weight:600;}
.main06 .main_L .tit a {font-size:16px; color:rgba(255,255,255,0.7);}
.main06 .main_L .tit a:hover {color:#fff;}
.main06 .main_L #recentMC31 ul li { padding:10px; border-bottom:1px solid rgba(255,255,255,0.7);}
.main06 .main_L #recentMC31 ul li:before {display:none;}
.main06 .main_L #recentMC31 ul li .date {bottom:unset; color:rgba(255,255,255,0.7);font-family:'Pretandard' !important;right:5px;}

.main06 .main_R {width:56%;display:flex; text-align:center;}
.main06 .main_R .phone {width:33.333%;padding:150px 0;color:#fff;}
.main06 .main_R .phone01 {background:url(../image/main/main06_01.jpg) no-repeat center;background-size:cover;}
.main06 .main_R .phone02 {background:url(../image/main/main06_02.jpg) no-repeat center;background-size:cover;}
.main06 .main_R .phone03 {background:url(../image/main/main06_03.jpg) no-repeat center;background-size:cover;}
.main06 .main_R .phone img {padding:20px;}
.main06 .main_R .phone h5{font-size:25px; font-weight:700;padding-bottom:10px;}
.main06 .main_R .phone p{font-size:20px; font-weight:600}
.main06 .main_R .phone .email{font-size:16px; font-weight:500;padding-top:7px;}

/*main07*/
.main07 {padding:0;}
.main07 .txt {background:url(../image/main/main07_bg.jpg) no-repeat center;text-align:center;color:#fff;padding:100px 0;margin:0 auto;background-size:cover}
.main07 h3 {font-size:40px; font-weight:800;color:#fff;}
.main07 p {padding:15px 0 35px 0;word-break:keep-all}
.main07 a {color:#fff;font-size:16px;width:180px; height:50px; border-radius:50px; border:1px solid #fff;display:flex;align-items:center;justify-content:center;padding:0 30px;margin:0 auto;font-weight:600}
.main07 a:hover {background:#fff;color:#000}


@media only screen and (max-width:1700px){
/*main03*/
/*.main03 .swiper .swiper-button-prev {left:22% !important;}*/
/*.main03 .swiper .swiper-button-next {left:25%;}*/
/*.main03 .swiper .swiper-pagination {padding-left:11%;}*/

/*main06*/
.main06 .main_L {padding-left:8%;}

}


@media only screen and (max-width:1500px){
/*visual*/
.banner .bx-wrapper .bx-viewport ul li .bannerCopy {padding:0 50px;}
/*.banner .bx-wrapper .bx-controls {padding:0 50px;}*/

/*main01*/
.main01 .container{width:100%;}

/*main03*/
/*.main03 .swiper .swiper-pagination {padding-left:100px;}*/

/*main05*/
.main05 .container {width:100%;}

/*main06*/
.main06 .main_L {padding-left:3%;}

}


@media only screen and (max-width:1400px){
/*visual*/
.banner .bx-wrapper .bx-viewport ul li .bannerCopy .bannerCopy3 img { height:55px;margin-right:35px}
.banner .bx-wrapper .bx-controls .bx-pager {width:27%;}

/*section*/
section {padding:120px 0;}

/*main01*/
.main01 .box a {padding:40px;}
.main01 .box {margin-top:5%;}
.main01 .box>div:hover .btn-view-more .more {bottom:40px;}

/*main02*/
.main02 .cont {margin-top:5%}
.main02 .cont ul li {width:calc((100% - 20px) /4);margin-right:20px;}

/*main03*/
.main03 {padding:100px 50px;}
.main03 .swiper .swiper-button-next {top:inherit;bottom:50px;display:none;}
.main03 .swiper .swiper-button-prev{top:inherit;bottom:50px;display:none;}
.main03 .swiper-slide .box {width:calc(100% - 200px);justify-content:space-between;}
/*.main03 .swiper-slide .box .img img {width:400px;}*/
/*.main03 .swiper .swiper-button-prev {left:250px !important;}*/
/*.main03 .swiper .swiper-button-next {left:300px;}*/
/*.main03 .swiper .swiper-pagination {padding-left:50px;}*/

/*main04*/
.main04 .tit h3 {font-size:48px;}
.main04 .cont {margin-top:6%}
.main04 .cont #recentMC21{margin-bottom:3%;}
.main04 .cont #recentMC22{margin-bottom:6%;}

/*main05*/
.main05 .box a {padding:40px;}
.main05 .box>div:hover .btn-view-more .more {bottom:40px;}

/*main06*/
.main06 .main_L {padding-top:100px;padding-bottom:100px;}
.main06 .main_R .phone {padding:100px 0;}
.main06 .main_R .phone img {width:100px;}

}


@media only screen and (max-width:1200px){
/*visual*/
.banner .bx-wrapper .bx-viewport ul li .bannerCopy .bannerCopy1{ font-size:55px }
.banner .bx-wrapper .bx-viewport ul li .bannerCopy .bannerCopy3 img {height:50px;margin-right:30px}
.banner .bx-wrapper .bx-controls .bx-pager {width:30%;}

/*main01*/

/*main02*/
.main02 .cont ul li .title {padding:0 20px;text-overflow:ellipsis}
.main02 .cont ul li .content {padding:0 20px;}
.main02 .cont ul li .date {padding:0 20px;}

/*main03*/
.main03 {}
.main03 .swiper {height:500px;}
.main03 .swiper-slide .box {width:calc(100% - 100px);top:50%}
.main03 .swiper-slide .box .txt h5 {font-size:3em; margin-top:20px;line-height:1;word-break:keep-all}
.main03 .swiper-slide .box .txt p {font-size:18px ; margin-top:20px;}
.main03 .swiper-slide .box .txt .link {margin-top:40px;}
.main03 .swiper-slide .box .img img {width:360px;}
.main03 .swiper .swiper-button-prev {left:50px;bottom:40px;}
.main03 .swiper .swiper-button-next {right:50px;bottom:40px;}
.main03 .swiper .swiper-pagination {bottom:40px;}
/*.main03 .swiper .swiper-button-prev {left:200px !important}*/
/*.main03 .swiper .swiper-button-next {left:250px;}*/
/*.main03 .swiper .swiper-pagination {padding-left:30px;}*/

}


@media only screen and (max-width:1050px){
/*visual*/
.Visual {height:680px;}
.banner .bx-wrapper .bx-viewport ul li .bannerCopy{ text-align:center; }
.banner .bx-wrapper .bx-viewport ul li .bannerCopy .bannerCopy3 ul {display:flex;justify-content:space-between;}
.banner .bx-wrapper .bx-viewport ul li .bannerCopy .bannerCopy3 ul li{margin:0}
/*.banner .bx-wrapper .bx-controls .bx-pager{ justify-content:center; }*/
.banner .bx-wrapper .bx-controls {position:absolute;bottom:80px; left:50%; transform:translateX(-50%); max-width:1902px; padding:0 50px; }
.banner .bx-wrapper .bx-controls .bx-pager{ display:flex; position:unset;justify-content:center;width:unset;height:unset}
.banner .bx-wrapper .bx-controls .bx-pager .bx-pager-item{ margin-right:8px;border-bottom:0 }
.banner .bx-wrapper .bx-controls .bx-pager .bx-pager-item:last-child{ margin-right:8px; }
.banner .bx-wrapper .bx-controls .bx-pager .bx-pager-item a.active {background:#fff;}
.banner .bx-wrapper .bx-controls .bx-pager .bx-pager-item a::before, .banner .bx-wrapper .bx-controls .bx-pager .bx-pager-item a::after{display:none;}
.banner .bx-wrapper .bx-controls .bx-pager .bx-pager-item .bx-pager-link{ width:10px; height:10px; font-size:0; background-color:#fff !important; border-radius:50px; opacity:.6; display:block; }
.banner .bx-wrapper .bx-controls .bx-pager .bx-pager-item .bx-pager-link.active{ width:30px; opacity:1; }

/*section*/
section {padding:100px 0;}

/*main01*/
.main01 .tit h4 {word-break:keep-all;}
.main01 .tit p {word-break:keep-all;font-size:18px}
/*.main01 .box a {padding:30px;}*/
.main01 .box h5 {margin-top:70%}
.main01 .box>div:hover .btn-view-more .more {bottom:30px;}

/*main02*/
.main02 .container {padding:0;width:calc(100% - 50px);}

/*main03*/
.main03 {padding: 0;}
.main03 .swiper {border-radius:0;}
.main03 .swiepr-slide .box .txt h3 {font-size:2.7em;}
.main03 .swiper-slide .box .txt p {font-size:16px;}
.main03 .swiper-slide .box .img img {width:320px;}

/*main05*/
.main05 .box a {padding:30px;}
.main05 .box>div:hover .btn-view-more .more {bottom:30px;}

/*main06*/
.main06 {flex-wrap:wrap;padding:0}
.main06 .main_L {width:100%;padding:80px 20px;}
.main06 .main_R {width:100%;flex-wrap:wrap;}
.main06 .main_R .phone {width:100%; padding:50px  20px;}
.main06 .main_R .phone img {display:none;}

/*main07*/
.main07 {width:100%; padding:0;}
.main07 h3 {font-size:35px;word-break:keep-all;}
.main07 .txt {border-radius:0;}

}


@media only screen and (max-width:800px){
/*visual*/
.Visual {height:500px;}
.banner .bx-wrapper .bx-viewport ul li .bannerCopy .bannerCopy1{ line-height:1;  margin-bottom:30px;font-size:50px ;word-break:keep-all}
.banner .bx-wrapper .bx-viewport ul li .bannerCopy .bannerCopy3 {display:none;}
.banner .bx-wrapper .bx-controls {bottom:60px;}

/*main01*/
.main01 .box {flex-wrap:wrap;margin-top:30px;}
.main01 .box>div {width:100%;margin:0 0 20px 0;height:270px;}
.main01 .box>div:last-child {margin-bottom:0;}
.main01 .box h5 {margin-top:170px;}
/*.main01 .box a{padding:40px;}*/
.main01 .box>div:hover .btn-view-more .more {bottom:40px;}

/*main02*/
.main02 .cont {margin-top:30px}
.main02 .cont ul {flex-wrap:wrap;justify-content:space-between;}
.main02 .cont ul li {width:calc((100% - 20px) / 2);margin-right:20px;margin-bottom:20px !important;}
.main02 .cont ul li:nth-child(2) {margin-right:0;}
.main02 .cont ul li:nth-child(2n+1){margin-bottom:0;}
.main02 .cont ul li:last-child {margin:0;}
.main02 .cont ul li .title {padding:0 30px;}
.main02 .cont ul li .content {padding:0 30px;}
.main02 .cont ul li .date {padding:0 30px;}

/*main03*/
.main03 .swiper {height:700px;}
.main03 .swiper-slide>img {width:auto;}
.main03 .swiper-slide .box {flex-wrap:wrap;justify-content:center;top:50%;}
.main03 .swiper-slide .box .txt {width:100%;text-align:center;}
.main03 .swiper-slide .box .txt h5 {font-size:2.3em;}
.main03 .swiper-slide .box .txt .link {margin-top:35px;}
.main03 .swiper-slide .box .txt .link  a{margin: 0 auto;}
.main03 .swiper-slide .box .img img  {width:270px;}
/*.main03 .swiper .swiper-button-next {left:unset;right:28% !important;}*/
/*.main03 .swiper .swiper-button-prev {left:unset !important;right:35% !important;}*/
/*.main03 .swiper .swiper-pagination {padding:unset;left:40%;transform:translateX(-50%);}*/

/*main04*/
.main04 .tit h3 {font-size:45px;}
.main04 .cont {margin-top:30px}
.main04:before, .main04:after {display:none;}
/*.main04 .cont #recentMC21, .main04 .cont #recentMC22{margin-bottom:20px;}*/

/*main05*/
.main05 .box {flex-wrap:wrap;}
.main05 .box>div {width:100%; margin:0 0 20px 0;height:260px;}
.main05 .box>div:last-child {margin-bottom:0;}
/*.main05 .box a{padding:40px;}*/
.main05 .box p {word-break:break-all;}
.main05 .box>div:hover .btn-view-more .more {bottom:40px;}

}


@media only screen and (max-width:600px){
/*visual*/
.banner .bx-wrapper .bx-viewport ul li .bannerCopy{ padding:0 25px; top:50%;}
.banner .bx-wrapper .bx-viewport ul li .bannerCopy .bannerCopy1{font-size:45px }
.banner .bx-wrapper .bx-viewport ul li .bannerCopy .bannerCopy2, .banner .bx-wrapper .bx-viewport ul li .bannerCopy .bannerCopy3{ word-break:keep-all; }
.banner .bx-wrapper .bx-viewport ul li .bannerCopy .bannerCopy2 span{ display:inline; }

/*main02*/
.main02 .cont ul li .title {padding:0 20px; margin:15px 0 10px 0;text-overflow:ellipsis}
.main02 .cont ul li .content {padding:0 20px; }
.main02 .cont ul li .date {padding:0 20px; }

/*main03*/
/*.main03 .swiper .swiper-button-next {right:23% !important;}*/
/*.main03 .swiper .swiper-button-prev {right:33% !important;}*/
/*.main03 .swiper .swiper-pagination {left:35%;}*/

/*main04*/
.main04 .cont .more {width:210px;}

/*main07*/
.main07 h3 {font-size:32px;}
.main07 a {width:160px;}

}


@media only screen and (max-width:500px){
/*visual*/
.banner .bx-wrapper .bx-viewport ul li .bannerCopy .bannerCopy2, .banner .bx-wrapper .bx-viewport ul li .bannerCopy .bannerCopy3{ font-size:18px; }

}


@media only screen and (max-width:400px){
/*visual*/

}