@font-face {font-family: 'SUIT';src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-Regular.woff2') format('woff2');font-weight: normal;font-style: normal;}
@import url('https://fonts.cdnfonts.com/css/faktum-test');
/* common */
*,*:before,*:after { box-sizing: border-box; } 
body {position: relative; max-width: 1920px; width: 100%; margin: 0 auto!important; } 
.container { width: 1570px; margin-left: auto; margin-right: auto; padding:0 15px } 
.img-responsive { display: block; max-width: 100% } 
.center-block { margin-left: auto; margin-right: auto } 
.f0 { font-size: 0; } 
.text-center { text-align: center!important } 
.text-right{text-align: right;}
.hidden { display: none } 
input[type="checkbox"] { margin:0 } 
input, select { -webkit-border-radius: 0; }
select {-webkit-appearance:none; /* for chrome */-moz-appearance:none; /*for firefox*/appearance:none;}
.embed-responsive { position: relative; display: block; width: 100%; padding: 0; overflow: hidden; } 
.embed-responsive::before { content:""; display: block; padding-top: 56.25%; } 
.embed-responsive iframe { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; } 
.text-right { text-align: right; } 
.visible-xs{display: none}
.flex{display: flex;flex-wrap: wrap;}
.flex-center{align-items: center;}
.faktum{font-family: 'Faktum Test', sans-serif;}
.main-f{color:#f4bb1b}
.svg-wrap svg{display:block;max-width: 100%;margin-left: auto;margin-right: auto;}

/* header.php */
header{position: relative;z-index: 2;}
header .container > ul{border-bottom:1px solid rgba(0,0,0,.6)}
header h1{font-size: 0;}
header h1 svg{display: block;}
header .container > .flex > li > ul > li{font-size: 0;}
header .container > .flex > li:first-child > ul > li:last-child{padding-left: 100px;}
header ul li div{display: inline-block;position: relative;margin-right: 50px;vertical-align: top}
header ul li div:last-child{margin-right: 0;}
header h3{display:inline-block;padding-top: 25px;padding-bottom: 25px;font-size: 18px;cursor: pointer;}
header .menu{display:none;position: absolute;top:100%;width: 230px;padding:25px 20px;background-color: #f4bb1b}
header ul li div:hover .menu{display: block;}
header .menu li{margin-bottom: 10px;font-size: 0;}
header .menu li:last-child{margin-bottom: 0;}
header .menu li a{font-size: 16px;color:#fff;line-height: 1}
header .m-btn{display:none;position: absolute;top:50%;right:15px;width: 27px;height: 27px;margin-top: -13.5px;background: url(../images/header/menu.png) no-repeat center center;cursor: pointer;}
header .m-btn.on{background: url(../images/header/menu02.png) no-repeat center center;cursor: pointer;}
.m-menu{display:none;position: absolute;top:48px;left:0;z-index: 2;width:100%;height: 100%;padding:30px 0;background-color: #fff}
.m-menu ul li h3{margin:20px 0;padding-left: 15px;padding-right: 15px;font-size: 22px;font-weight: 600;color:#00325b;cursor: pointer;}
.m-menu > ul > li:first-child h3{margin-top: 0;}
.m-menu ul li ul{display:none;padding-top: 20px;padding-bottom: 20px;background-color: rgba(0,0,0,.6);}
.m-menu ul li ul li{padding-left: 15px;padding-right: 15px;padding-bottom: 15px;}
.m-menu ul li ul li:last-child{padding-bottom: 0;}
.m-menu ul li ul li a{font-size: 16px;font-weight: 500;color:#f4bb1b}

/* footer.php */
footer{padding:70px 0;background-color: #011229}
footer .svg-wrap{padding-bottom: 60px;border-bottom: 1px solid rgba(255,255,255,.3)}
.footer-top strong{font-size: 100px;font-weight: 900;color:#fff}
.footer-bottom{margin-top: 40px;justify-content: space-between;}
.footer-bottom .wrap:first-child{padding-right: 50px;border-right:1px solid rgba(255,255,255,.3)}
.footer-bottom .wrap:first-child + .wrap{padding-left: 50px;}
.footer-bottom .wrap{display: inline-block;vertical-align: top}
.footer-bottom .wrap > div{margin-bottom: 20px;}
.footer-bottom .wrap > div:last-child{margin-bottom: 0;}
.footer-bottom .wrap > div *{vertical-align: middle}
.footer-bottom strong{padding-left: 5px;font-size: 16px;font-weight: 500;color:#fff}
.footer-bottom p{font-size: 16px;font-weight: 300;color:rgba(255,255,255,.6)}
.footer-bottom a{margin-right: 50px;font-size: 18px;color:#fff}
.footer-bottom a:last-child{margin-right: 0;}
.copy-right{justify-content: space-between;align-items: baseline;}
.copy-right p{font-size: 16px;font-weight: 500;color:#fff}
.copy-right a{margin-right: 20px;}
.copy-right a:last-child{margin-right: 0;}

/* banner.php */
.broad{margin-top: 200px;}
.broad ul li{margin-right: 30px;font-size: 0;font-size: 16px;color: #00325b;}
.broad ul li:last-child{margin-right: 0;}
.broad ul li svg{display: block}
.broad h3{margin-bottom: 140px;font-size: 120px;font-weight: 800;line-height: 1.25;letter-spacing: -6px;color: #00325b;}
.broad .wrap{position: relative;}
.broad .wrap:before{content:"";display: block;position: absolute;top:50%;left:0;z-index: -1;width:100%;height:1px;margin-top: -0.5px;background-color: #b2b2b2;}
.broad h4{display:inline-block;padding-right: 140px;padding-left: 20px;font-size: 18px;font-weight: 600;line-height: 1;background-color: #fff}
.broad h4:after{content:"";display:block;position: absolute;top:50%;left:0;width: 12px;height: 12px;margin-top: -6px;background-color: #f4bb1b;border-radius: 50%}
.main-content01 .swiper-slide{height: 950px;background-repeat: no-repeat;background-position: center center;background-size: cover}
.main-content01 .slide01{background-image: url(../images/main/bg01.png)}
.main-content01 .slide02{background-image: url(../images/main/bg04.png)}
.main-content01 .flex{height: 100%;}
.main-content01 div{width:100%;text-align: center;}
.main-content01 h3{font-size: 72px;font-weight: 700;color:#fff;line-height: 1}
.main-content01 h3 span{font-weight: inherit;color:#f4bb1b}
.main-content01 p{margin-top: 15px;font-size: 29px;color:#fff}
.main-content01 a{display: inline-block;width: 300px;height: 70px;margin-top: 60px;padding-left: 55px;border-radius: 8px;border: solid 1px #fff;line-height: 68px;font-size: 20px;font-weight: 500;color:#fff;text-align: left;background: url(../images/main/icon01.png) no-repeat center right+55px;}

/* 페이지네이션 원 스타일 */
.swiper-pagination {position: absolute;bottom: 20px;  width: 100%;height: 20px;display: flex;justify-content: center;align-items: center;}
.swiper-pagination .swiper-pagination-bullet{width: 7px;height: 7px;margin: 0 5px;border-radius: 50%;position: relative;background: #fff;display: inline-block;cursor: pointer;overflow: hidden;opacity: 1;}
.swiper-pagination .swiper-pagination-bullet svg {display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;transform: rotate(-90deg); /* 원이 왼쪽에서 오른쪽으로 차오르게 설정 */}
.swiper-pagination .swiper-pagination-bullet circle {transition: stroke-dashoffset 5s linear; /* 3초 동안 원이 채워지는 애니메이션 */fill: transparent;stroke: #fff;stroke-width: 2;stroke-dasharray: 125; /* 원의 둘레 (40px 반지름 기준) */  stroke-dashoffset: 125;  }
.swiper-pagination .swiper-pagination-bullet-active{width: 20px;height: 20px;background: transparent;}
.swiper-pagination .swiper-pagination-bullet-active circle {stroke-width: 8; stroke-dashoffset: 0;}
.main-content02{padding-top: 200px;;background-color: #011229}
.main-content02 .wrap{padding-left: 100px;padding-right: 100px;}
.main-content02 .wrap > h4{position: relative;z-index: 1;padding-left: 20px;font-size: 18px;color:#fff;background-color:#011229}
.main-content02 .wrap > h4:before{content:"";display: block;position: absolute;top:50%;left:0;width: 12px;height: 12px;margin-top: -6px;border-radius: 50%;background-color: #fff67f}
.main-content02 .wrap > h4:after{content: "";display: block;position: absolute;top:50%;right:0;width: calc(100% - 200px);height: 1px;background-color: #fff}
.main-content02 ul{margin-top: 60px;}
.main-content02 ul li{width: 50%}
.main-content02 ul li h3{font-size: 50px;font-weight: 700;color:#fff;line-height: 1.2}
.main-content02 ul li h3 span{font-weight: inherit;color:#f4bb1b}
.main-content02 ul li p{font-size: 20px;color:#fff}
.main-content02 .swiper{margin-top: 100px;}
.main-content02 .swiper-slide{padding:70px;border-radius: 10px;background-image: linear-gradient(111deg, #1a325b, #06142d 100%);} 
.main-content02 .swiper-slide .slide-wrap{background-repeat: no-repeat;background-position: center right}
.main-content02 .swiper-slide.slide01 .slide-wrap{background-image: url(../images/main/icon02.png)}
.main-content02 .swiper-slide.slide02 .slide-wrap{background-image: url(../images/main/icon03.png)}
.main-content02 .swiper-slide.slide03 .slide-wrap{background-image: url(../images/main/icon04.png)}
.main-content02 .swiper-slide.slide04 .slide-wrap{background-image: url(../images/main/icon05.png)}
.main-content02 .swiper-slide h4{font-size: 20px;font-weight: 700;color:#fff67f}
.main-content02 .swiper-slide h3{margin-top: 20px;font-size: 47px;font-weight: 700;color:#fff;line-height: 1}
.main-content02 .swiper-slide h5{margin-top: 45px;font-size: 18px;font-weight: 500;color:#fff}
.main-content03{padding-top: 200px;;background-color: #011229}
.main-content03 h3{position: relative;padding-bottom: 20px;font-size: 50px;font-weight: 700;color:#fff;line-height: 1.2;text-align: center;}
.main-content03 h3:after{content:"";display: block;position: absolute;bottom:0;left:50%;width: 52px;height: 3px;margin-left: -26px;background-color: #f4bb1b;}
.main-content03 h3 strong{font-size: inherit;font-weight: inherit;color:#f4bb1b}
.main-content03 p{margin-top: 40px;font-size: 20px;color:#fff}
.main-content03 .img-wrap{margin-top: 70px;}
.main-content03 .img-wrap img{margin-right: 150px;}
.main-content03 .img-wrap img:last-child{margin-right: 0;}
.main-content04{padding-top: 200px;;background-color: #011229}
.main-content04 .wrap{padding-left: 100px;padding-right: 100px;}
.main-content04 h3{position: relative;padding-bottom: 20px;font-size: 50px;font-weight: 700;color:#fff;line-height: 1.2;text-align: center;}
.main-content04 h3:after{content:"";display: block;position: absolute;bottom:0;left:50%;width: 52px;height: 3px;margin-left: -26px;background-color: #f4bb1b;}
.main-content04 h3 strong{font-size: inherit;font-weight: inherit;color:#f4bb1b}
.main-content04 p{margin-top: 40px;font-size: 20px;color:#fff}
.main-content04 ul{margin-top: 70px;}
.main-content04 ul li{width: calc((100% - 60px) / 3);margin-right: 30px;padding:50px 50px 80px 50px;border-radius: 10px;background-image: linear-gradient(135deg, #1a325b, #06142d);}
.main-content04 ul li:hover{background-color: #f7b86d;background-image: none}
.main-content04 ul li:nth-child(3n){margin-right: 0;}
.main-content04 ul li:nth-child(n+4){margin-top: 30px;}
.main-content04 ul li .img-wrap{width: 80px;height: 80px;background-repeat: no-repeat;background-position: center center;background-size: 80px}
.main-content04 ul li:first-child .img-wrap{background-image: url(../images/main/icon09.png)}
.main-content04 ul li:first-child:hover .img-wrap{background-image: url(../images/main/icon09_hover.png)}
.main-content04 ul li:first-child + li .img-wrap{background-image: url(../images/main/icon10.png)}
.main-content04 ul li:first-child + li:hover .img-wrap{background-image: url(../images/main/icon10_hover.png)}
.main-content04 ul li:first-child + li + li .img-wrap{background-image: url(../images/main/icon11.png)}
.main-content04 ul li:first-child + li + li:hover .img-wrap{background-image: url(../images/main/icon11_hover.png)}
.main-content04 ul li:first-child + li + li + li .img-wrap{background-image: url(../images/main/icon12.png)}
.main-content04 ul li:first-child + li + li + li:hover .img-wrap{background-image: url(../images/main/icon12_hover.png)}
.main-content04 ul li:first-child + li + li + li + li .img-wrap{background-image: url(../images/main/icon13.png)}
.main-content04 ul li:first-child + li + li + li + li:hover .img-wrap{background-image: url(../images/main/icon13_hover.png)}
.main-content04 ul li:first-child + li + li + li + li + li .img-wrap{background-image: url(../images/main/icon14.png)}
.main-content04 ul li:first-child + li + li + li + li + li:hover .img-wrap{background-image: url(../images/main/icon14_hover.png)}
.main-content04 ul li:first-child + li + li + li + li + li + li  .img-wrap{background-image: url(../images/main/icon15.png)}
.main-content04 ul li:first-child + li + li + li + li + li + li:hover .img-wrap{background-image: url(../images/main/icon15_hover.png)}
.main-content04 ul li:first-child + li + li + li + li + li + li + li .img-wrap{background-image: url(../images/main/icon16.png)}
.main-content04 ul li:first-child + li + li + li + li + li + li + li:hover .img-wrap{background-image: url(../images/main/icon16_hover.png)}
.main-content04 ul li:first-child + li + li + li + li + li + li + li + li .img-wrap{background-image: url(../images/main/icon17.png)}
.main-content04 ul li:first-child + li + li + li + li + li + li + li + li:hover .img-wrap{background-image: url(../images/main/icon17_hover.png)}
.main-content04 ul li dl{margin-top: 90px;}
.main-content04 ul li dt{margin-bottom: 15px;font-size: 24px;font-weight: 700;color:#fff;font-family: 'Faktum Test', sans-serif;}
.main-content04 ul li:hover dt{color:#000}
.main-content04 ul li dd{position: relative;font-size: 18px;font-weight: 300;color:#fff;letter-spacing: -.3px}
.main-content04 ul li:hover dd{color:#000}
.main-content04 ul li dd:before{content:"•";margin-right: 5px;font-size: 18px;font-weight: 300;color:#fff}
.main-content04 ul li:hover dd:before{color:#000}
.main-content05{padding:220px 0;background: url(../images/main/bg02.png) no-repeat center center/cover}
.title h3{position: relative;padding-bottom: 20px;font-size: 50px;font-weight: 700;color:#fff;line-height: 1.2;}
.title h3:after{content:"";display: block;position: absolute;bottom:0;width: 52px;height: 3px;background-color: #f4bb1b;}
.title h3 + p,.title + p{margin-top: 10px;}
.title.center h3{text-align: center;}
.title.center h3:after{left:50%;margin-left: -26px;}
.title h3 strong{font-size: inherit;font-weight: inherit;color:#f4bb1b}
.main-content05 p{width:50%;margin-top: 40px;font-size: 18px;color:#fff}
.main-content05 a{display:block;width: 235px;height: 60px;margin-top: 80px;padding-left: 40px;border-radius: 8px;border: solid 1px #fff;font-size: 18px;font-weight: 600;color:#fff;line-height: 58px;background: url(../images/main/icon01.png) no-repeat center right+40px;}
.main-content06{display:none;padding:200px 0;background-color: #f2f6f9}
.main-content06 .title h3{color:#000}
.main-content06 .swiper{margin-top: 50px;padding:15px 0}
.main-content06 .swiper-slide .wrap{padding:35px 25px;border-radius: 10px;box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);background-color: #fff;}
.main-content06 .bg-wrap{height: 180px;background-repeat: no-repeat;background-position: center center;background-size: cover}
.main-content06 h4{margin-top: 30px;font-size: 13px;font-weight: 700;color: #2d78bd;}
.main-content06 p{margin-top: 10px;font-size: 18px;font-weight: 500;color:#545454}
.main-content06 a{display: inline-block;margin-top: 50px;padding-right: 30px;font-size: 12px;font-weight: 600;color: #2d78bd;background: url(../images/main/icon19.png) no-repeat center right}
.main-content07{padding:180px 0;background: url(../images/main/bg03.png) no-repeat center center/cover}
.main-content07 p{margin-top: 40px;font-size: 30px;font-weight: 500;color:#fff;line-height: 1.17}
.main-content07 a{display:block;width: 265px;height: 60px;margin-top: 80px;padding-left: 40px;border-radius: 8px;border: solid 1px #f4bb1b;font-size: 18px;font-weight: 600;color:#f4bb1b;line-height: 58px;background: url(../images/main/icon18.png) no-repeat center right+40px;}

/* company01.php */
.company01-content01{padding-bottom: 200px;}
.company01-content01 ul{margin-top: 50px;}
.company01-content01 ul li:first-child{width: 40%}
.company01-content01 ul li:first-child + li{width: 60%}
.company01-content01 ul li h4{font-size: 30px;font-weight: 700;}
.company01-content01 ul li p{font-size: 20px;}
.company01-content01 ul li h3{font-size: 50px;font-weight: 700;line-height: 1.1}
.company01-content01 ul li h5{margin-top: 20px;font-size: 20px;font-weight: 600;}
.company01-content01 ul li strong{font-size: inherit;font-weight: inherit;color:#f4bb1b;line-height: inherit;}
.company01-content02{background-color: #fff67f;}
.company01-content02 p{padding-top: 60px;padding-bottom: 60px;padding-left: 40%;font-size: 20px;}

/* company02.php */
.company02-content01{padding-bottom: 140px;}
.company02-content01 ul{margin-top: 60px;}
.company02-content01 ul li:first-child{width: 640px}
.company02-content01 ul li:first-child + li{width: calc(100% - 640px);padding-left: 150px;}
.company02-content01 ul li h3{font-size: 27px;font-weight: 700;}
.company02-content01 ul li h4{margin-top: 100px;font-size: 23px;font-weight: 700;}
.company02-content01 ul li p{margin-top: 40px;font-size: 20px;font-weight: 500;}

/* company03.php */
.company03-content01{padding-bottom: 140px;}
.title.title02 h3{margin-top: 40px;padding-bottom: 0;color:#000}
.title.title02 h3:after{height: 0;}
.company03-content01 ul.flex{margin-top: 100px;}
.company03-content01 ul.flex > li{width: 375px}
.company03-content01 ul.flex > li:last-child{width: calc(100% - 375px);padding-left: 260px;}
.company03-content01 ul.flex > li ul li{margin-bottom: 60px;}
.company03-content01 ul.flex > li ul li:last-child{margin-bottom: 0;}
.company03-content01 ul.flex > li ul li h4{margin-bottom: 30px;padding-bottom: 20px;font-size: 40px;font-weight: 700;border-bottom:1px solid #b2b2b2}
.company03-content01 ul.flex > li ul li p{position: relative;margin-bottom: 20px;padding-left: 20px;font-size: 18px;line-height: 1.2}
.company03-content01 ul.flex > li ul li p:after{content:"";display: block;position: absolute;top:8px;left:0;width: 5px;height: 5px;border-radius: 50%;background-color: #000}
.company03-content01 ul.flex > li ul li p:last-child{margin-bottom: 0;}

/* company04.php */
.company04-content01{margin-top: 40px;padding-bottom: 140px;}

/* company05.php */
.company05-content01{padding-bottom: 140px;}
.company05-content01 p{margin-top: 20px;font-size: 20px;}
.company05-content01 ul{margin-top: 100px;}
.company05-content01 ul li{width: 200px}
.company05-content01 ul li:last-child{width: calc(100% - 200px);padding-left: 400px;font-size: 0;}
.company05-content01 ul li .item{display:inline-block;width: calc((100% - 40px) / 3);margin-left: -1px;margin-right: 20px;vertical-align: top}
.company05-content01 ul li .item:nth-child(3n){margin-right: 0;}
.company05-content01 ul li .item:nth-child(n+4){margin-top: 60px;}
.company05-content01 ul li .item .img-wrap{padding:90px 70px;background-color: #f4f4f4;}
.company05-content01 ul li .item h4{margin-top: 30px;font-size: 20px;font-weight: 600;text-align: center;}
.company05-content01 ul li .item h5{font-size: 22px;font-weight: 500;color:#707070;text-align: center;}

/* company06.php */
.title03{display:inline-block;font-size: 30px;font-weight: 700;color:#333;letter-spacing: -.6px;line-height: 1}
.title03 strong{display:inherit;position: relative;font-size: inherit;font-weight: inherit;line-height: 1}
.title03 strong:after{content:"";position: absolute;bottom:0;left:0;z-index: -1;width: 100%;height: 6px;background-color: #eeb56b}
.company06-content01{padding-bottom: 140px;}
.company06-content01 .flex{margin-top: 50px;}
.company06-content01 .flex > li{width: 400px}
.company06-content01 .flex > li:last-child{width: calc(100% - 400px);padding-left: 200px;}
.company06-content01 .wrap{background-color: #f5f5f5;padding:50px 150px}
.company06-content01 .wrap h4{font-size: 34px;font-weight: 700;}
.company06-content01 .wrap h4 strong{font-size: inherit;font-weight: inherit;}
.company06-content01 .wrap p{margin-bottom: 20px;font-size: 20px;font-weight: 600;}
.company06-content01 .wrap p:last-child{margin-bottom: 0;}
.company06-content01 .wrap + p{margin-top: 30px;font-size: 20px;}
.company06-content01 .flex02 ul{margin-bottom: 40px;}
.company06-content01 .flex02 ul li{position: relative;margin-bottom: 10px;padding-left: 15px;font-size: 18px;}
.company06-content01 .flex02 ul li:last-child{margin-bottom: 0;}
.company06-content01 .flex02 ul li:after{content:"";display: block;position: absolute;top:10px;left:0;width: 5px;height: 5px;border-radius: 50%;background-color: #000}
.company06-content01 .flex03 .svg-wrap{margin-top: 40px;}
.company06-content01 .flex03 h4{margin-top: 50px;margin-bottom: 10px;font-size: 24px;font-weight: 700;}
.company06-content01 .flex03 ul{margin-top: 30px;}
.company06-content01 .flex03 ul li{position: relative;margin-bottom: 10px;padding-left: 15px;font-size: 18px;}
.company06-content01 .flex03 ul li:last-child{margin-bottom: 0;}
.company06-content01 .flex03 ul li:after{content:"";display: block;position: absolute;top:10px;left:0;width: 5px;height: 5px;border-radius: 50%;background-color: #000}
.company06-content01 .flex04 .svg-wrap{margin-top: 40px;margin-bottom: 40px;}
.company06-content01 .flex04 ul li{position: relative;margin-bottom: 10px;padding-left: 15px;font-size: 18px;}
.company06-content01 .flex04 ul li:last-child{margin-bottom: 0;}
.company06-content01 .flex04 ul li:after{content:"";display: block;position: absolute;top:10px;left:0;width: 5px;height: 5px;border-radius: 50%;background-color: #000}
.company06-content01 .flex05 p{font-size: 20px;}
.company06-content01 .flex05 h4{margin-top: 60px;font-size: 30px;font-weight: 600;}
.company06-content01 .flex05 .svg-wrap{margin-top: 30px;font-size: 0;}
.company06-content01 .flex05 .svg-wrap > div{display: inline-block;width:calc((100% - 30px) / 3);margin-right: 15px;vertical-align: top}
.company06-content01 .flex05 .svg-wrap > div:last-child{margin-right: 0;}
.company06-content01 .flex05 ul{margin-top: 30px;}
.company06-content01 .flex05 ul li{margin-bottom: 20px;padding-bottom: 20px;border-bottom:1px solid #e5e5e5;font-size: 0;}
.company06-content01 .flex05 ul li:last-child{margin-bottom: 0;}
.company06-content01 .flex05 ul li *{vertical-align: top;line-height: 1.3}
.company06-content01 .flex05 ul li strong{display:inline-block;width: calc(100% - 36px);padding-left: 40px;}

/* company07.php */
.company07-content01 p{font-size: 20px;font-weight: 500;}
.company07-content01 ul.f0{margin-top: 60px;}
.company07-content01 ul.f0 > li{display:inline-block;width:640px;vertical-align: top}
.company07-content01 ul.f0 > li:last-child{width: calc(100% - 640px);padding-left: 150px;}
.company07-content01 ul.f0 > li ul{margin-top: 60px;}
.company07-content01 ul.f0 > li ul li{margin-bottom: 20px;font-size: 0;}
.company07-content01 ul.f0 > li ul li:last-child{margin-bottom: 0;}
.company07-content01 ul.f0 > li ul li *{display: inline-block;vertical-align: top}
.company07-content01 ul.f0 > li ul li strong{width: 250px;font-size: 18px;font-weight: 700;}
.company07-content01 ul.f0 > li ul li span{width: calc(100% - 250px);font-size: 18px;font-weight: 500;color:#333}
.company07-content02{margin-top: 100px;padding-bottom: 150px;}
.company07-content02 h3{font-size: 40px;font-weight: 700;}
.company07-content02 .swiper{margin-left: 165px;padding-top: 40px;}
.company07-content02 .wrap{display: flex;flex-wrap: wrap;align-items: center;background-color: #f2f2f2;border-radius: 20px}
.company07-content02 .wrap img{border-radius: 20px}
.company07-content02 .wrap .text-wrap{width:calc(100% - 482px);padding:30px 50px}
.company07-content02 .wrap .text-wrap h4{font-size: 30px;font-weight: 700;color:#333}
.company07-content02 .wrap .text-wrap p{margin-top: 20px;font-size: 20px;font-weight: 500;}


/* iot01.php */
.iot01-content01{padding-bottom: 200px;}
.iot01-content01 h3 + p{font-size: 20px;}
.iot01-content01 ul{margin-top: 120px;}
.iot01-content01 ul li{width: calc((100% - 90px) / 4);margin-right: 30px;padding:30px;background-color: #f5f8fa;}
.iot01-content01 ul li:last-child{margin-right: 0;}
.iot01-content01 ul li p{margin-top: 30px;}
.iot01-content02{padding-bottom: 140px;}
.iot01-content02 ul li{width: 640px;}
.iot01-content02 ul li:first-child{padding-top: 200px;}
.iot01-content02 ul li:last-child{width: calc(100% - 640px);padding-left: 155px;}

/* iot02.php */
.iot02-content01{padding-bottom: 140px;}
.iot02-content01 h4{font-size: 50px;font-weight: 700;line-height: 1.2}
.iot02-content01 .flex{margin-top: 160px;}
.iot02-content01 .flex > li{width: 900px}
.iot02-content01 .flex > li:first-child{width: calc(100% - 900px);padding-right: 200px;}
.iot02-content01 ul li ul{margin-top: 20px;}
.iot02-content01 ul li ul li{position: relative;padding-left: 15px;margin-bottom: 10px;font-size: 20px;}
.iot02-content01 ul li ul li:after{content:"";display: block;position: absolute;top:11px;left:0;width: 5px;height: 5px;border-radius: 50%;background-color: #000}
.iot02-content01 ul li ul li:last-child{margin-bottom: 0;}
.iot02-content02{padding-bottom: 140px;}
.iot02-content02 ul{margin-top: 60px;}
.iot02-content02 ul li{width:calc((100% - 48px) / 4);margin-right: 16px;padding:40px 40px;border-radius: 20px;border: solid 1px #55c6e9;}
.iot02-content02 ul li:nth-child(4n){margin-right: 0;}
.iot02-content02 ul li:nth-child(n+5){margin-top: 16px;}
.iot02-content02 ul li svg{width:70px}
.iot02-content02 ul li .text-wrap{width: calc(100% - 70px);padding-left: 35px;}
.iot02-content02 ul li h4{font-size: 20px;font-weight: 700;color:#515151}
.iot02-content02 ul li p{font-size: 16px;font-weight: 500;color:#999}
.iot02-content02 ul + svg{margin-top: 160px;}
.iot02-content02 ul + svg + svg{margin-top: 60px;margin-left: auto;margin-right: auto;}

/* iot03.php */
.iot03-content01 .svg-wrap{margin-top: 100px;}
.iot03-content01 h4{margin-top: 100px;font-size: 40px;font-weight: 700;}
.iot03-content01 ul{margin-top: 70px;}
.iot03-content01 ul li{display:inline-block;width:calc(100% / 3);padding-left: 100px;padding-right: 50px;vertical-align: top;background-repeat: no-repeat;background-position: center left;}
.iot03-content01 ul li:first-child{background-image: url(../images/iot/icon01.png)}
.iot03-content01 ul li:first-child + li{background-image: url(../images/iot/icon02.png)}
.iot03-content01 ul li:first-child + li + li{background-image: url(../images/iot/icon03.png)}
.iot03-content01 ul li:first-child + li + li + li{background-image: url(../images/iot/icon04.png)}
.iot03-content01 ul li:first-child + li + li + li + li{background-image: url(../images/iot/icon05.png)}
.iot03-content01 ul li:first-child + li + li + li + li + li{background-image: url(../images/iot/icon06.png)}
.iot03-content01 ul li:nth-child(n+4){margin-top: 60px;}
.iot03-content01 ul li h5{font-size: 27px;font-weight: 500;}
.iot03-content01 ul li h6{margin-top: 10px;font-size: 20px;font-weight: 700;color:#26aad4}
.iot03-content02{margin-top: 200px;padding-bottom: 140px;}
.iot03-content02 .wrap{font-size: 0;}
.iot03-content02 .wrap:last-child{margin-top: 140px;}
.iot03-content02 .left,.iot03-content02 .right{display: inline-block;vertical-align: top}
.iot03-content02 .left{width: 400px}
.iot03-content02 .right{width: calc(100% - 400px);padding-left: 250px;}
.iot03-content02 ul li{margin-bottom: 20px;padding-bottom: 20px;border-bottom:1px solid #e5e5e5;font-size: 0;}
.iot03-content02 ul li:last-child{margin-bottom: 0;}
.iot03-content02 ul li *{vertical-align: top;line-height: 1.3}
.iot03-content02 ul li strong{display:inline-block;width: calc(100% - 36px);padding-left: 40px;}

/* iot04.php */
.iot04-content01 img{margin-top: 100px;}
.iot04-content01 .bg-color{padding:110px 0;background-color: #fff67f;}
.iot04-content01 .bg-color h4{font-size: 50px;font-weight: 700;}
.iot04-content01 .bg-color ul{margin-top: 50px;font-size: 0;}
.iot04-content01 .bg-color ul li{display: inline-block;position: relative;margin-top: 10px;margin-right: 15px;padding:15px 10px 15px 40px;vertical-align: top;border-radius: 24px;border: solid 1px #0c3b5c;font-size: 18px;font-weight: 500;color:#0c3b5c;line-height: 1;}
.iot04-content01 .bg-color ul li:after{content:"";display: block;position: absolute;top:15px;left:15px;width: 16px;height: 16px;border-radius: 50%;background-color: #f7b86d}
.iot04-content02{margin-top: 100px;padding-bottom: 140px;}
.iot04-content02 ul.f0 > li{display: inline-block;width:400px;vertical-align: top}
.iot04-content02 ul.f0 > li:nth-child(even){width: calc(100% - 400px);padding-left: 300px;}
.iot04-content02 ul.f0 > li h3{font-size: 40px;font-weight: 700;}
.iot04-content02 ul.f0 > li .flex div{position: relative;width: calc((100% - 25px) / 2);height:370px;margin-right: 25px;padding:45px;border-radius: 10px;background-color: #f5f8fa;}
.iot04-content02 ul.f0 > li .flex div:nth-child(even){margin-right: 0;}
.iot04-content02 ul.f0 > li .flex div:nth-child(n+3){margin-top: 25px;}
.iot04-content02 ul.f0 > li .flex div h4{position: absolute;bottom:40px;right:45px;font-size: 50px;font-weight: 500;color:#e6e6e6}
.iot04-content02 ul.f0 > li .flex div p{font-size: 20px;font-weight: 500;}
.iot04-content02 ul.f0:last-child{margin-top: 140px;}
.iot04-content02 ul li ul li{margin-bottom: 20px;padding-bottom: 20px;border-bottom:1px solid #e5e5e5;font-size: 0;}
.iot04-content02 ul li ul li:last-child{margin-bottom: 0;}
.iot04-content02 ul li ul li *{vertical-align: top;line-height: 1.3}
.iot04-content02 ul li ul li strong{display:inline-block;width: calc(100% - 36px);padding-left: 40px;}
.iot04-content02 .svg-wrap{margin-top: 60px;}
.iot04-content02 .text-wrap{margin-top: 60px;padding:50px; border-radius: 10px;background-color: #f5f8fa;font-size: 24px;font-weight: 700;}

/* ami01.php */
.ami01-content01{padding-bottom: 140px;}
.ami01-content01 ul{margin-top: 140px;}
.ami01-content01 ul li{width:calc((100% - 30px) / 2);margin-right: 30px;padding:60px;border-radius: 20px;background-color: #f5f8fa;}
.ami01-content01 ul li:nth-child(even){margin-right: 0;}
.ami01-content01 ul li:nth-child(n+3){margin-top: 30px;}
.ami01-content01 ul li:hover{background-color: #00325b;}
.ami01-content01 ul li svg rect{fill:#00325b}
.ami01-content01 ul li:hover svg rect{fill:#fff67f}
.ami01-content01 ul li svg path{fill:#fff}
.ami01-content01 ul li:hover svg path{fill:#00325b}
.ami01-content01 ul li h4{margin-top: 60px;font-size: 24px;font-weight: 600;}
.ami01-content01 ul li:hover h4{color:#fff}
.ami01-content01 ul li dl{margin-top: 30px;}
.ami01-content01 ul li dd{position: relative;padding-left: 10px;}
.ami01-content01 ul li dd:before{content:"•";display: block;position: absolute;top:0;left:0;font-size: 16px;color:#000}
.ami01-content01 ul li:hover dd,.ami01-content01 ul li:hover dd:before{color:#fff}
.ami01-content01 ul + img{margin-top: 120px;}

/* ami02.php */
.ami02-content01{padding-bottom: 140px;}
.ami02-content01 img{margin-top: 90px;}

/* ami03.php */
.ami03-content01{padding-bottom: 140px;}
.ami03-content01 img{margin-top: 100px;}
.ami03-content01 .flex{margin-top: 160px;}
.ami03-content01 .flex > li{width: 950px}
.ami03-content01 .flex > li:first-child{width: calc(100% - 950px)}
.ami03-content01 ul li h4{display:inline-block;position: relative;font-size: 30px;font-weight: 800;color:#333;line-height: 1}
.ami03-content01 ul li h4:after{content:"";display:block;position: absolute;bottom:2px;left:0;z-index: -1;width:100%;height: 6px;background-color: #eeb56b;}
.ami03-content01 ul li ul li{margin-bottom: 20px;padding-bottom: 20px;border-bottom:1px solid #e5e5e5;font-size: 0;}
.ami03-content01 ul li ul li:last-child{margin-bottom: 0;}
.ami03-content01 ul li ul li *{vertical-align: top;line-height: 1.3}
.ami03-content01 ul li ul li strong{display:inline-block;width: calc(100% - 36px);padding-left: 40px;}

/* ami04.php */
.ami04-content01 .img-wrap{margin-top: 80px;padding:150px 120px;background-color: #00325b;}
.ami04-content01 .img-wrap .flex{justify-content: space-between;}
.ami04-content01 .img-wrap .flex > div{width: calc((100% - 450px) / 2);}
.ami04-content01 .img-wrap .flex > div:first-child + div{width: 350px}
.ami04-content01 .img-wrap .flex .text-wrap{display:flex;align-items: center;min-height:125px;margin-bottom: 25px;padding:20px 30px 20px 80px;border-radius: 20px; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);background-color: #fff;justify-content: center;}
.ami04-content01 .img-wrap .flex .text-wrap:last-child{margin-bottom: 0;}
.ami04-content01 .img-wrap .flex .text-wrap h5{text-align: center;font-size: 20px;color: #3e3e3e}
.ami04-content01 .flex li{width:calc((100% - 30px) / 2);margin-right: 30px;padding:50px 60px;margin-bottom: 20px;border-radius: 20px;background-color: #f5f8fa;font-size: 0;}
.ami04-content01 .flex li:nth-child(even){margin-right: 0;}
.ami04-content01 .flex li:last-child{margin-bottom: 0;}
.ami04-content01 ul{margin-top: 30px;}
.ami04-content01 ul li h4,.ami04-content01 ul li div{display: inline-block;vertical-align: middle}
.ami04-content01 ul li h4{width:50px;font-size: 80px;font-weight: 700;color:#fff;letter-spacing: -1.6px;line-height: 1}
.ami04-content01 ul li div{width: calc(100% - 50px);padding-left: 40px;}
.ami04-content01 ul li h5{font-size: 24px;font-weight: 600;}
.ami04-content01 ul li dl{margin-top: 20px;}
.ami04-content01 ul li dd{position: relative;padding-left: 10px;}
.ami04-content01 ul li dd:before{content:"•";display: block;position: absolute;top:-1px;left:0;font-size: 16px;color:#000}
.ami04-content03{padding-top: 140px;padding-bottom: 140px;}
.ami04-content03 h3{display:inline-block;position: relative;font-size: 30px;font-weight: 800;color:#333;line-height: 1}
.ami04-content03 h3:after{content:"";display:block;position: absolute;bottom:2px;left:0;z-index: -1;width:100%;height: 6px;background-color: #eeb56b;}
.ami04-content03 .flex > li{width: 400px}
.ami04-content03 .flex > li:last-child{width: calc(100% - 400px);padding-left: 230px;}
.ami04-content03 .flex .flex{justify-content: space-between;}
.ami04-content03 p{margin-top: 40px;font-size: 20px;}
.ami04-content03 h4{position: relative;margin-top: 100px;padding-left: 25px;font-size: 30px;font-weight: 600;}
.ami04-content03 h4:after{content:"";display: block;position: absolute;top:16px;left:0;width: 10px;height: 10px;border-radius: 50%;background-color: #000}
.ami04-content03 ul.list{margin-top: 30px;}
.ami04-content03 ul.list li{margin-bottom: 20px;padding-bottom: 20px;border-bottom:1px solid #e5e5e5;font-size: 0;}
.ami04-content03 ul.list li:last-child{margin-bottom: 0;}
.ami04-content03 ul.list li *{vertical-align: top;line-height: 1.3}
.ami04-content03 ul.list li strong{display:inline-block;width: calc(100% - 36px);padding-left: 40px;}

/* ami05.php */
.ami05-content01{padding-bottom: 140px;}
.ami05-content01 ul.f0{margin-top: 140px;font-size: 0;}
.ami05-content01 ul.f0 > li{display:inline-block;width: calc(50% - 40px);vertical-align: top}
.ami05-content01 ul.f0 > li:first-child{padding:100px 150px;background-color: #f5f8fa;}
.ami05-content01 ul.f0 > li:last-child{margin-left: 80px;}
.ami05-content01 ul.f0 > li h4{font-size: 40px;font-weight: 700;}
.ami05-content01 ul.f0 > li h4 strong{font-size: inherit;font-weight: inherit;}
.ami05-content01 ul.list{margin-top: 50px;}
.ami05-content01 ul.list li{margin-bottom: 20px;padding-bottom: 20px;border-bottom:1px solid #e5e5e5;font-size: 0;}
.ami05-content01 ul.list li:last-child{margin-bottom: 0;}
.ami05-content01 ul.list li *{vertical-align: top;line-height: 1.3}
.ami05-content01 ul.list li strong{display:inline-block;width: calc(100% - 36px);padding-left: 20px;}

/* ami06.php */
.ami06-content01{padding-bottom: 140px;}
.ami06-content01 .img-wrap{margin-top: 80px;padding:100px 15px;border-radius: 10px;background-color: #f5f8fa;}

/* ami07.php */
.ami07-content01 img{margin-top: 80px;}

/* ami08.php */
.ami08-content01{padding-bottom: 140px;}
.ami08-content01 img{margin-top: 80px;}
.ami08-content01 ul{margin-top: 50px;font-size: 0;}
.ami08-content01 ul li{width: calc((100% - 30px) / 2);margin-right: 30px;padding:65px 60px;border-radius: 20px;background-color: #f5f8fa;}
.ami08-content01 ul li:last-child{margin-right: 0;}
.ami08-content01 ul li:hover{background-color: #00325b}
.ami08-content01 ul li .img-wrap{width: 90px;height:90px;background-repeat: no-repeat;background-position: center center}
.ami08-content01 ul li:first-child .img-wrap{background-image: url(../images/ami/icon01.png)}
.ami08-content01 ul li:first-child:hover .img-wrap{background-image: url(../images/ami/icon01_h.png)}
.ami08-content01 ul li:first-child + li .img-wrap{background-image: url(../images/ami/icon02.png)}
.ami08-content01 ul li:first-child + li:hover .img-wrap{background-image: url(../images/ami/icon02_h.png)}
.ami08-content01 dl{margin-top: 60px;}
.ami08-content01 dl dt{margin-bottom: 30px;font-size: 24px;font-weight: 600;}
.ami08-content01 dl dd{position: relative;padding-left: 15px;}
.ami08-content01 dl dd:after{content:"";display: block;position: absolute;top:9px;left:0;width: 5px;height: 5px;border-radius: 50%;background-color: #000}
.ami08-content01 ul li:hover dt,.ami08-content01 ul li:hover dd{color:#fff}
.ami08-content01 ul li:hover dd:after{background-color: #fff}

/* product.php  */
.prd-wrap{margin-top: 100px;padding:100px 0;background-color: #00325b;}
.prd-wrap h3{margin-bottom: 50px;font-size: 32px;font-weight: 700;color:#fff}
.prd-wrap .flex li{width: 50%}
.prd-wrap .flex li:first-child{position: relative;padding:120px;background-color: #fff;border-radius: 10px}
.prd-wrap .flex li:last-child{padding-left: 150px;}
.prd-wrap .flex li.flex{flex-direction: column;justify-content: space-between;}
.prd-wrap .flex li .img-wrap{position: absolute;top:50%;left:50%;width:500px;transform: translate(-50%,-50%);}
.prd-wrap .flex li .tab{display:inline-block;padding:15px 20px;border-radius: 25px;background-color: #f5f8fa;font-size: 18px;font-weight: 600;color:#00325b}
.prd-wrap .flex li h4{margin-top: 40px;font-size: 38px;font-weight: 600;color:#fff}
.prd-wrap .flex li p{margin-top: 10px;font-size: 20px;color:#fff}
.prd-wrap .flex li dl{margin-top: 50px;}
.prd-wrap .flex li dt{margin-bottom: 30px;font-size: 24px;font-weight: 700;color:#fff}
.prd-wrap .flex li dd{margin-bottom: 10px;padding-bottom: 10px;border-bottom:1px solid #fff;font-size: 18px;color:#fff}
.prd-wrap .flex li dd:last-child{margin-bottom: 0;}
.product01-content02{margin-top: 150px;padding-bottom: 140px;}
.product01-content02 .contents h3{margin-bottom: 20px;font-size: 32px;font-weight: 700;text-align: center;}
.product01-content02 .contents p{font-size: 20px;text-align: center;}
.product01-content02 .contents table{width: 100%;margin-top: 80px;}
.product01-content02 .contents table thead th{padding:20px;background-color: #f6f6f6;font-size: 16px;font-weight: 600;color:#444;text-align: center;border-right:1px solid #e5e5e5;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5}
.product01-content02 .contents table thead th:first-child{border-left:1px solid #e5e5e5}
.product01-content02 .contents table tbody th,.product01-content02 .contents table tbody td{padding:20px;font-size: 16px;color:#444;border-bottom:1px solid #e5e5e5;border-right:1px solid #e5e5e5}
.product01-content02 .contents table tbody th{border-left:1px solid #e5e5e5;background-color: #f6f6f6;}

/* contact.php */
h5.contact{margin-top: -50px;margin-bottom: 40px;font-size: 50px;font-weight: 700;line-height: 1.2}
.contact-content01 ul{margin-top: 50px;}
.contact-content01 ul li{display: inline-block;width: 640px;vertical-align: top}
.contact-content01 ul li:last-child{width: calc(100% - 640px);padding-left: 100px;}
.contact-content01 ul li .input-wrap{position: relative;margin-bottom: 20px;padding:30px 20px;border-radius: 5px;background-color: #f5f8fa;line-height: 1;font-size: 0;}
.contact-content01 ul li .input-wrap *{display: inline-block;vertical-align: top}
.contact-content01 ul li .input-wrap span{width:180px;font-size: 19px;}
.contact-content01 ul li .input-wrap span:after{content:"*";font-size: 19px;color:#f4bb1b}
.contact-content01 ul li .input-wrap input[type="text"]{width: calc(100% - 180px);border:none;background-color: transparent;font-size: 19px;color:#000;outline: none}
.contact-content01 ul li .input-wrap input::placeholder{color:rgba(0,0,0,.7)}
.contact-content01 ul li .input-wrap textarea{width: calc(100% - 180px);height: 130px;border:none;background-color: transparent;resize: none;font-size: 19px;color:#000;outline: none}
.contact-content01 ul li .input-wrap textarea::placeholder{color:rgba(0,0,0,.7)}
.contact-content01 ul li .check-wrap *{display: inline-block;vertical-align: top}
.contact-content01 ul li .check-wrap input[type="checkbox"]{width: 20px;height:20px}
.contact-content01 ul li .check-wrap label{width:calc(100% - 180px);padding-left: 20px;padding-right: 80px;font-size: 20px;line-height: 1.2}
.contact-content01 ul li .check-wrap a{width: 160px;height: 50px;background-color: #00325b;font-size: 18px;color: #fff;text-align: center;cursor: pointer;line-height: 50px;border-radius: 5px}
.contact-content02{margin-top: 140px;padding-bottom: 140px;}
.contact-content02 .broad{margin-top: 0;margin-bottom: 60px;}
.contact-content02 .map-wrap{display:flex;flex-wrap: wrap;margin-bottom: 40px;font-size: 0;}
.contact-content02 .map-wrap:last-child{margin-bottom: 0;}
.contact-content02 .map-wrap .left,.contact-content02 .map-wrap .right{display: inline-block;vertical-align: top}
.contact-content02 .map-wrap .left{width: 640px}
.contact-content02 .map-wrap .right{width: calc(100% - 640px);padding:90px 115px;background-color: #00325b;}
.contact-content02 .map-wrap .right h3{font-size: 30px;font-weight: 600;color:#fff;line-height: 1}
.contact-content02 .map-wrap .right p{margin-top: 20px;margin-bottom: 40px;padding-left: 30px;font-size: 20px;font-weight: 300;color:#fff;line-height: 1;background: url(../images/contact/content02.png) no-repeat left top;line-height: 1.2}
.contact-content02 .map-wrap .right a{line-height: 1}

/* news.php */
.news01-content01{padding-bottom: 140px;}
.news01-content01 .news-list{margin-top: 100px;padding-bottom: 40px;border-bottom: solid 2px #b2b2b2;}
.news01-content01 .news-list li{margin-bottom: 40px;padding-top: 40px;border-top:1px solid rgba(0,0,0,.6);font-size: 0;}
.news01-content01 .news-list li:last-child{margin-bottom: 0;}
.news01-content01 .news-list li .left,.news01-content01 .news-list li .right{display: inline-block;vertical-align: top}
.news01-content01 .news-list li .left{width: 600px}
.news01-content01 .news-list li .right{width: calc(100% - 600px);padding-left: 100px;}
.news01-content01 .news-list li .right h4{position: relative;padding-left: 20px;font-size: 18px;font-weight: 600;;line-height: 1}
.news01-content01 .news-list li .right h4:after{content:"";display: block;position: absolute;top:2px;left:0;width: 12px;height: 12px;background-color: #f4bb1b;border-radius: 50%}
.news01-content01 .news-list li .right h3{margin-top: 30px;font-size: 36px;font-weight: 600;line-height: 1}
.news01-content01 .news-list li .right p{margin-top: 20px;font-size: 20px;line-height: 1}
.news01-content01 .news-list li .right a{display:inline-block;width: 160px;height: 50px;margin-top: 90px;padding-left: 20px;border-radius: 26px;border: solid 1px #000;line-height: 48px;font-size: 16px;color:#000;background-repeat: no-repeat;background-position: center right+20px;background-image: url(../images/contact/icon01.png)}
.news01-content01 .news-list li .right a:hover{background-color: #00325b;color:#fff;background-image: url(../images/contact/icon01_h.png)}
.paging{margin-top: 100px;}
.paging li{display:inline-block;margin-right: 40px;vertical-align: middle;}
.paging li:last-child{margin-right: 0;}
.paging li a{display:block;width:35px;height: 35px;font-size: 20px;border-radius: 50%;line-height: 35px}
.paging li.on a{background-color: #002340;color:#fff}

/* news_view.php */
.news-view{margin-top: 80px;padding-bottom: 140px;}
.board-top{padding:25px;border-top:1px solid rgba(0,0,0,.6);border-bottom: solid 1px #b2b2b2;}
.board-top h3{margin-bottom: 20px;font-size: 36px;font-weight: 600;}
.board-top strong{padding-right: 15px;font-size: 18px;font-weight: 600;}
.board-top span{padding-right: 25px;font-size: 18px;}
.board-content{margin-top: 40px;padding-bottom: 50px;border-bottom:1px solid rgba(0,0,0,.6);}
.news-view .util-box{margin-top: 50px;border-top:2px solid rgba(0,0,0,.6)}
.news-view .util-box > div{padding:25px;border-bottom:1px solid rgba(0,0,0,.6);font-size: 0;}
.news-view .util-box > div *{display: inline-block;vertical-align: middle}
.news-view .util-box h3{width: 100px;background-repeat: no-repeat;background-position: center right}
.news-view .util-box .prev h3{background-image: url(../images/contact/icon02.png)}
.news-view .util-box .next h3{background-image: url(../images/contact/icon03.png)}
.news-view .util-box a{width: calc(100% - 100px);padding-left: 40px;}
.news-view .list-btn{margin-top: 50px;text-align: center;}
.news-view .list-btn a{display:inline-block;width: 160px;height: 55px;  border-radius: 10px;background-color: #fff67f;font-size: 18px;font-weight: 700;color:#000;text-align: center;line-height: 55px}

.canvas-wrap{position: relative;width: 100%;height: 100%;margin: 0 auto;cursor: grab}
.canvas-wrap:after {
    content: '';
    display: block;
    width: 80px;
    height: 80px;
    background-image: url(../images/vr_icon.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 5;
    transform: translate(-50%, -50%);
    animation: opa 1.5s cubic-bezier(0.45, 0.05, 0.55, 0.95) alternate infinite;
    border-radius: 50%;}
.canvas-wrap:hover:after{background-image: none}
.canvas-wrap canvas{width: 100%!important;height: auto!important}