@charset "utf-8"; @import url('/css/global/normalize.css'); @import url('/css/global/reset.css'); @import url('/css/global/fullpage.css'); @import url('/css/global/common.css'); @import url('/css/global/fontawesome.css'); @import url('/css/home/popup.css'); /* span,div,p,a,h1, h2, h3, h4, h5, h6{transform: skew(-0.001deg);} 나눔 폰트 깨짐 현상 해결책 */ /*-------------------------------------------------------------------- ||공통설정 --------------------------------------------------------------------*/ #msg {position:fixed;z-index:10000;} body{width:100%;margin:0;padding:0;background-color:#fff;} #wrap .fp-tableCell {vertical-align:top;} /*-------------------------------------------------------------------- ||MO --------------------------------------------------------------------*/ @media screen and (max-width: 768px){ html {} body {min-height:100vh;} #section1 {background-image:url('/resource/image/home/m_bg0.jpg'); background-repeat:no-repeat;background-size:cover;background-position:center center;} /* #section1 {background-image:url('/resource/image/home/bg1.jpg'); background-repeat:no-repeat;background-size:cover;background-position:center center;} */ #section2 {background-image:url('/resource/image/home/bg2.jpg'); background-repeat:no-repeat;background-size:cover;background-position:center center;} #section3 {background-image:url('/resource/image/home/bg3.jpg'); background-repeat:no-repeat;background-size:cover;background-position:center center;} #section4 {background-image:url('/resource/image/home/bg4.jpg'); background-repeat:no-repeat;background-size:cover;background-position:center center;} #section5 {background-image:url('/resource/image/home/bg5.jpg'); background-repeat:no-repeat;background-size:cover;background-position:center center;} #section6 {background-image:url('/resource/image/home/bg6.jpg'); background-repeat:no-repeat;background-size:cover;background-position:center center;} #section7 {background-image:url('/resource/image/home/bg7.jpg'); background-repeat:no-repeat;background-size:cover;background-position:center center;} #section8 {background-image:url('/resource/image/home/bg8.jpg'); background-repeat:no-repeat;background-size:cover;background-position:center center;} #section9 {background-image:url('/resource/image/home/bg9.jpg'); background-repeat:no-repeat;background-size:cover;background-position:center center;} #section10 {background-image:url('/resource/image/home/bg10.jpg'); background-repeat:no-repeat;background-size:cover;background-position:center center;} #section11 {background-image:url('/resource/image/home/bg11.jpg'); background-repeat:no-repeat;background-size:cover;background-position:center center;} #section12 {background-image:url('/resource/image/home/bg12.jpg'); background-repeat:no-repeat;background-size:cover;background-position:center center;} #wrap {} #wrap .width_area {width:100%;margin:0 auto;} #wrap .width_area:after {display:block;clear:both;content:"";} #header {display:;} #gnb {position:fixed;z-index:100;width:100%;background:rgba(255, 255, 255, 1);box-shadow:0 0 0 rgba(0,0,0,0);} #gnb .gnb_group {} #gnb .logo_area {display:inline-block;width:45vw;height:17vw;background:transparent;text-align:center;} #gnb .logo_area:before {display:inline-block;height:100%;vertical-align:middle;content:"";} #gnb .logo_area img {width:80%;vertical-align:middle;transform:translate(0,1vw);} #gnb .menu_area {display:block;width:100vw;height:12vw;background:#b6d3e2;text-align:center;} #gnb .menu_area:before {display:inline-block;height:100%;vertical-align:middle;content:"";} #gnb .menu_area ul {display:inline-block;padding:0;vertical-align:middle;margin:0 0 0 -1vw;} #gnb .menu_area ul > li {display:inline-block;text-align:center;background:transparent;} #gnb .menu_area a {font-size:3.8vw;font-weight:700;color:#ffffff;padding:0 1.5vw 0 1.5vw;} #gnb .menu_area .linkOn a {font-size:3.8vw;font-weight:700;color:#000000;transition:all .8s;} #gnb .menu_area .linkOff {font-size:3.8vw;font-weight:700;color:#000000;} #gnb .contact_area {position:absolute;margin:-23vw 0 0 45vw;display:block;background:transparent;text-align:left;font-size:0;} #gnb .contact_area .title {display:none;} #gnb .contact_area .phone {display:inline-block;margin:0 0 0 0;} #gnb .contact_area .phone a {font-size:6vw;font-weight:800;color:#56add6;} #container {} #container .section.default {} #section1 {height:100vh;display:;} #section1 .section_group {} #section1 .visual {position:absolute;top:0;left:0;background:red;} #section1 .visual .visual1 {position:absolute;z-index:20;display:;} #section1 .visual .visual1 img {width:60vw;margin:47vw 0 0 30vw;} #section1 .visual .visual2 {position:absolute;z-index:10;} #section1 .visual .visual2 img {width:100vw;margin:57.1vw 0 0 0;opacity:0.5;} #section1 .element {position:absolute;z-index:30;margin:0 0 0 0;} #section1 .element .introduce {} #section1 .element .introduce:before {display:block;height:93vw;content:"";} #section1 .element .introduce dl {} #section1 .element .introduce dl > dt {} #section1 .element .introduce .line1 {display:inline-block;font-weight:300;font-size:7vw;color:#000000;margin:4vw 0 0 5vw;padding:1vw 3vw 1vw 3vw;background:rgba(255,255,255,0.8);} #section1 .element .introduce .line2 {display:inline-block;font-weight:700;font-size:9vw;color:#000000;margin:2vw 0 0 5vw;padding:1vw 3vw 1vw 3vw;background:rgba(255,255,255,0.8);} #section1 .element .introduce .line2 b{font-weight:700;font-size:9vw;color:#3990b9;margin:4vw 0 0 0;} #section1 .element .introduce dl > dd {} #section1 .element .introduce dl > dd:before {display:block;content:"";height:0;} #section1 .element .introduce .box {height:24vw;margin:6vw 0 0 0;padding:5vw 0 3vw 5vw;border-top:1vw solid #56add6;background:rgba(256,256,256,0.8);} #section1 .element .introduce .box .description1{padding:0;color:#585858;font-weight:400;font-size:3.5vw;line-height:5vw;letter-spacing:-0.2vw;transform:translate(0,-5px);} #section1 .element .introduce .box .description2{padding:0;color:#000000;font-weight:400;font-size:3.5vw;line-height:5vw;letter-spacing:-0.2vw;} /* #section1 {display:;} #section1 .section_group {} #section1 .element {width:100%;text-align:center;} #section1 .element .introduce {padding:5vw 0 2vw 0;} #section1 .element .introduce dl {width:90%;background:rgba(256,256,256,0.8);margin:0 auto 0 auto;box-shadow:0 0.1vw 2vw rgba(0,0,0,.2);} #section1 .element .introduce dl > dt {} #section1 .element .introduce dl > dt .line1 {padding:7vw 0 0 0;font-weight:700;font-size:4vw;color:#c1c1c1;line-height:4vw;letter-spacing:1vw;} #section1 .element .introduce dl > dt .line2 {padding:3vw 0 0 0;font-weight:700;font-size:8vw;color:#3990b9;line-height:8vw;} #section1 .element .introduce dl > dt .line3 {padding:3vw 0 0 0;font-weight:700;font-size:3.5vw;color:#323232;line-height:6vw;letter-spacing:-0.2vw;} #section1 .element .introduce dl > dd {} #section1 .element .introduce dl > dd .director {width:100%;text-align:center;} #section1 .element .introduce dl > dd .director .image {margin:5vw 0 0 0;} #section1 .element .introduce dl > dd .director .image img {width:70%;} #section1 .element .introduce dl > dd .director .box {position:absolute;margin:-26vw 0 0 32vw;} #section1 .element .introduce dl > dd .director .box .position {display:block;font-weight:400;font-size:5vw;color:#000000;text-align:left;padding:1vw;margin:0 0 0 0;background:rgba(256,256,256,0.8);} #section1 .element .introduce dl > dd .director .box .name {display:block;font-weight:700;font-size:7vw;color:#000000;text-align:left;padding:1vw;margin:1vw 0 0 0;background:rgba(256,256,256,0.8);} #section1 .element .introduce dl > dd .detail {width:100%;text-align:left;} #section1 .element .introduce dl > dd .detail .history {margin:4vw 0 0 10vw;} #section1 .element .introduce dl > dd .detail .history li:before {display:inline-block;width:2.5vw;height:2.5vw;background:#acd0e2;content:"";font-size:0;transform-origin:center center;transform:translate(-1.8vw, 0) rotate(45deg);} #section1 .element .introduce dl > dd .detail .history li {text-align:left;font-size:3.5vw;line-height:5vw;padding:0 0 0 0;letter-spacing:-0.2vw;} #section1 .element .introduce dl > dd .detail .history li strong {font-size: inherit;} #section1 .element .introduce dl > dd .detail .schedule {margin:5vw 7vw 2.5vw 7vw;padding:0 0 5vw 0;} #section1 .element .introduce dl > dd .detail .schedule .target {font-weight:700;font-size:5vw;color:#868686;margin:3vw 0 3vw 0;} #section1 .element .introduce dl > dd .detail .schedule .target span {font-weight:700;font-size:5vw;color:#3990b9;} #section1 .element .introduce dl > dd .detail .schedule .image {} #section1 .element .introduce dl > dd .detail .schedule .image img{width:100%;} */ #section2 {display:;} #section2 .section_group {} #section2 .element {width:100%;text-align:center;} #section2 .element .introduce {padding:5vw 0 2vw 0;} #section2 .element .introduce dl {width:90%;background:rgba(256,256,256,0.8);margin:0 auto 0 auto;box-shadow:0 0.1vw 2vw rgba(0,0,0,.2);} #section2 .element .introduce dl > dt {} #section2 .element .introduce dl > dt .line1 {padding:7vw 0 0 0;font-weight:700;font-size:4vw;color:#c1c1c1;line-height:4vw;letter-spacing:1vw;} #section2 .element .introduce dl > dt .line2 {padding:3vw 0 0 0;font-weight:700;font-size:8vw;color:#3990b9;line-height:8vw;} #section2 .element .introduce dl > dt .line3 {padding:3vw 0 0 0;font-weight:700;font-size:3.5vw;color:#323232;line-height:6vw;letter-spacing:-0.2vw;} #section2 .element .introduce dl > dd {} #section2 .element .introduce dl > dd .detail {width:100%;text-align:left;} #section2 .element .introduce dl > dd .detail .history {margin:75vw 0 0 10vw;} #section2 .element .introduce dl > dd .detail .history li:before {display:inline-block;width:2.5vw;height:2.5vw;background:#acd0e2;content:"";font-size:0;transform-origin:center center;transform:translate(-1.8vw, 0) rotate(45deg);} #section2 .element .introduce dl > dd .detail .history li {text-align:left;font-size:3.5vw;line-height:5vw;padding:0 0 0 0;letter-spacing:-0.2vw;} #section2 .element .introduce dl > dd .detail .schedule {margin:5vw 7vw 2.5vw 7vw;padding:0 0 5vw 0;} #section2 .element .introduce dl > dd .detail .schedule .target {font-weight:700;font-size:5vw;color:#868686;margin:3vw 0 3vw 0;} #section2 .element .introduce dl > dd .detail .schedule .target span {font-weight:700;font-size:5vw;color:#3990b9;} #section2 .element .introduce dl > dd .detail .schedule .image {} #section2 .element .introduce dl > dd .detail .schedule .image img{width:100%;} #section2 .element .introduce dl > dd .director {position:absolute;width:90%;text-align:center;margin:-173vw 0 0 0;} #section2 .element .introduce dl > dd .director .image {margin:5vw 0 0 0;} #section2 .element .introduce dl > dd .director .image img {width:70%;} #section2 .element .introduce dl > dd .director .box {position:absolute;margin:-26vw 0 0 32vw;} #section2 .element .introduce dl > dd .director .box .position {display:block;font-weight:400;font-size:5vw;color:#000000;text-align:left;padding:1vw;margin:0 0 0 0;background:rgba(256,256,256,0.8);} #section2 .element .introduce dl > dd .director .box .name {display:block;font-weight:700;font-size:7vw;color:#000000;text-align:left;padding:1vw;margin:1vw 0 0 0;background:rgba(256,256,256,0.8);} #section3 {display:;} #section3 .section_group {} #section3 .element {width:100%;text-align:center;} #section3 .element .introduce {padding:5vw 0 2vw 0;} #section3 .element .introduce dl {width:90%;background:rgba(256,256,256,0.8);margin:0 auto 0 auto;box-shadow:0 0.1vw 2vw rgba(0,0,0,.2);} #section3 .element .introduce dl > dt {} #section3 .element .introduce dl > dt .line1 {padding:7vw 0 0 0;font-weight:700;font-size:4vw;color:#c1c1c1;line-height:4vw;letter-spacing:1vw;} #section3 .element .introduce dl > dt .line2 {padding:3vw 0 0 0;font-weight:700;font-size:8vw;color:#3990b9;line-height:8vw;} #section3 .element .introduce dl > dt .line3 {padding:3vw 0 0 0;font-weight:700;font-size:3.5vw;color:#323232;line-height:6vw;letter-spacing:-0.2vw;} #section3 .element .introduce dl > dd {} #section3 .element .introduce dl > dd .director {width:100%;text-align:center;} #section3 .element .introduce dl > dd .director .image {margin:5vw 0 0 0;} #section3 .element .introduce dl > dd .director .image img {width:70%;} #section3 .element .introduce dl > dd .director .box {position:absolute;margin:-26vw 0 0 32vw;} #section3 .element .introduce dl > dd .director .box .position {display:block;font-weight:400;font-size:5vw;color:#000000;text-align:left;padding:1vw;margin:0 0 0 0;background:rgba(256,256,256,0.8);} #section3 .element .introduce dl > dd .director .box .name {display:block;font-weight:700;font-size:7vw;color:#000000;text-align:left;padding:1vw;margin:1vw 0 0 0;background:rgba(256,256,256,0.8);} #section3 .element .introduce dl > dd .detail {width:100%;text-align:left;} #section3 .element .introduce dl > dd .detail .history {margin:4vw 0 0 10vw;} #section3 .element .introduce dl > dd .detail .history li:before {display:inline-block;width:2.5vw;height:2.5vw;background:#acd0e2;content:"";font-size:0;transform-origin:center center;transform:translate(-1.8vw, 0) rotate(45deg);} #section3 .element .introduce dl > dd .detail .history li {text-align:left;font-size:3.5vw;line-height:5vw;padding:0 0 0 0;letter-spacing:-0.2vw;} #section3 .element .introduce dl > dd .detail .schedule {margin:5vw 7vw 2.5vw 7vw;padding:0 0 5vw 0;} #section3 .element .introduce dl > dd .detail .schedule .target {font-weight:700;font-size:5vw;color:#868686;margin:3vw 0 3vw 0;} #section3 .element .introduce dl > dd .detail .schedule .target span {font-weight:700;font-size:5vw;color:#3990b9;} #section3 .element .introduce dl > dd .detail .schedule .image {} #section3 .element .introduce dl > dd .detail .schedule .image img{width:100%;} #section4 {display:;} #section4 .section_group {} #section4 .element {width:100%;text-align:center;} #section4 .element .introduce {padding:5vw 0 2vw 0;} #section4 .element .introduce dl {width:90%;background:rgba(256,256,256,0.8);margin:0 auto 0 auto;box-shadow:0 0.1vw 2vw rgba(0,0,0,.2);} #section4 .element .introduce dl > dt {} #section4 .element .introduce dl > dt .line1 {padding:7vw 0 0 0;font-weight:700;font-size:4vw;color:#c1c1c1;line-height:4vw;letter-spacing:1vw;} #section4 .element .introduce dl > dt .line2 {padding:3vw 0 0 0;font-weight:700;font-size:8vw;color:#3990b9;line-height:8vw;} #section4 .element .introduce dl > dt .line3 {padding:3vw 0 0 0;font-weight:700;font-size:3.5vw;color:#323232;line-height:6vw;letter-spacing:-0.2vw;} #section4 .element .introduce dl > dd {} #section4 .element .introduce dl > dd .detail {width:100%;text-align:left;} #section4 .element .introduce dl > dd .detail .history {margin:75vw 0 0 10vw;} #section4 .element .introduce dl > dd .detail .history li:before {display:inline-block;width:2.5vw;height:2.5vw;background:#acd0e2;content:"";font-size:0;transform-origin:center center;transform:translate(-1.8vw, 0) rotate(45deg);} #section4 .element .introduce dl > dd .detail .history li {text-align:left;font-size:3.5vw;line-height:5vw;padding:0 0 0 0;letter-spacing:-0.2vw;} #section4 .element .introduce dl > dd .detail .schedule {margin:5vw 7vw 2.5vw 7vw;padding:0 0 5vw 0;} #section4 .element .introduce dl > dd .detail .schedule .target {font-weight:700;font-size:5vw;color:#868686;margin:3vw 0 3vw 0;} #section4 .element .introduce dl > dd .detail .schedule .target span {font-weight:700;font-size:5vw;color:#3990b9;} #section4 .element .introduce dl > dd .detail .schedule .image {} #section4 .element .introduce dl > dd .detail .schedule .image img{width:100%;} #section4 .element .introduce dl > dd .director {position:absolute;width:90%;text-align:center;margin:-161vw 0 0 0;} #section4 .element .introduce dl > dd .director .image {margin:5vw 0 0 0;} #section4 .element .introduce dl > dd .director .image img {width:70%;} #section4 .element .introduce dl > dd .director .box {position:absolute;margin:-26vw 0 0 32vw;} #section4 .element .introduce dl > dd .director .box .position {display:block;font-weight:400;font-size:5vw;color:#000000;text-align:left;padding:1vw;margin:0 0 0 0;background:rgba(256,256,256,0.8);} #section4 .element .introduce dl > dd .director .box .name {display:block;font-weight:700;font-size:7vw;color:#000000;text-align:left;padding:1vw;margin:1vw 0 0 0;background:rgba(256,256,256,0.8);} #section5 {display:;} #section5 .section_group {} #section5 .visual {position:absolute;top:0;left:0;display:none;} #section5 .visual .visual1 {position:absolute;z-index:20;} #section5 .visual .visual1 img {width:60vw;margin:40vw 0 0 22vw;} #section5 .element {width:100%;text-align:center;} #section5 .element .introduce {height:214vw;} #section5 .element .introduce dl {width:95%;margin:0 auto 0 auto;} #section5 .element .introduce dl > dt {} #section5 .element .introduce dl > dt .line1 {padding:7vw 0 0 0;font-weight:700;font-size:4vw;color:#c1c1c1;line-height:4vw;letter-spacing:1vw;} #section5 .element .introduce dl > dt .line1 span {padding:7vw 0 0 0;font-weight:700;font-size:4vw;color:#66a7c6;line-height:4vw;} #section5 .element .introduce dl > dt .line2 {padding:3vw 0 0 0;font-weight:700;font-size:8vw;color:#000000;line-height:8vw;} #section5 .element .introduce dl > dt .line3 {padding:3vw 0 0 0;font-weight:700;font-size:3.5vw;color:#323232;line-height:6vw;letter-spacing:-0.2vw;} #section5 .element .introduce dl > dd {width:95%;position:absolute;z-index:30;} #section5 .element .introduce dl > dd .item {text-align:center;background:white;padding:0 0 5vw 0;} #section5 .element .introduce dl > dd .item ul {margin:55vw auto 0 auto;padding:0;font-size:0;} #section5 .element .introduce dl > dd .item ul > li{display:inline-block;margin:1vw 0 0 1vw;width:48%;height:38vw;background:#cccccc;vertical-align:middle;} #section5 .element .introduce dl > dd .item ul > li:nth-child(2n) {margin-right:0vw;} #section5 .element .introduce dl > dd .item ul > li:nth-child(1) {background:#c6696d;} #section5 .element .introduce dl > dd .item ul > li:nth-child(2) {background:#87c97f;} #section5 .element .introduce dl > dd .item ul > li:nth-child(3) {background:#ff815a;} #section5 .element .introduce dl > dd .item ul > li:nth-child(4) {background:#66b8c3;} #section5 .element .introduce dl > dd .item ul > li:nth-child(5) {background:#96619e;} #section5 .element .introduce dl > dd .item ul > li:nth-child(6) {background:#689fd2;} #section5 .element .introduce dl > dd .item .icon {width:100%;text-align:center;} #section5 .element .introduce dl > dd .item .icon img {width:30%;padding:2vw 0 0 0;} #section5 .element .introduce dl > dd .item .contents {width:100%;text-align:center;} #section5 .element .introduce dl > dd .item .contents .title {display:block;font-weight:700;font-size:4vw;margin:0 0 0 0;color:#000000;} #section5 .element .introduce dl > dd .item .contents .summary {display:block;font-weight:400;font-size:2.5vw;line-height:4vw;margin:2vw 0 0 0;letter-spacing:-0.1vw;color:#000000;} #section5 .bar {display:none;} #section6 {display:;} #section6 .section_group {} #section6 .element {width:100%;} #section6 .element .introduce {} #section6 .element .introduce .top {} #section6 .element .introduce .top dl {width:95%;margin:0 auto 0 auto;padding:0 0 0 0;} #section6 .element .introduce .top dt {text-align:center;} #section6 .element .introduce .top dt .line1 {padding:7vw 0 0 0;font-weight:700;font-size:4vw;color:#c1c1c1;line-height:4vw;letter-spacing:1vw;} #section6 .element .introduce .top dt .line2 {padding:3vw 0 0 0;font-weight:700;font-size:8vw;color:#000000;line-height:8vw;letter-spacing:1vw;} #section6 .element .introduce .top dt .line3 {display:inline-block;width:89%;padding:3vw 0 0 0;font-weight:700;font-size:3.5vw;color:#323232;line-height:6vw;letter-spacing:-0.2vw;word-break:keep-all;} #section6 .element .introduce .top dt .line3 span {padding:3vw 0 0 0;font-weight:700;font-size:3.5vw;color:#3990b9;letter-spacing:-0.2vw;} #section6 .element .introduce .top dt .line3 br {display:none;} #section6 .element .introduce .top dd {text-align:center;} #section6 .element .introduce .top dd ul {margin:7vw 0 0 0;padding:0;font-size:0;} #section6 .element .introduce .top dd li{display:inline-block;width:31%;height:50vw;margin-right:3vw;} #section6 .element .introduce .top dd li:last-child {margin-right:0;} #section6 .element .introduce .top dd .item1 {background:#c6696d;} #section6 .element .introduce .top dd .item2 {background:#66b8c3;} #section6 .element .introduce .top dd .item3 {background:#66a7c6;} #section6 .element .introduce .top dd .contents {padding:4vw 0 0 0;} #section6 .element .introduce .top dd .contents .title {display:block;font-weight:700;font-size:4vw;color:#ffffff;text-align:left;padding:0 0 0 3vw;} #section6 .element .introduce .top dd .contents .title b {display:block;font-weight:700;font-size:8vw;color:#ffffff;padding:0 0 2vw 0;} #section6 .element .introduce .top dd .contents .summary {display:block;font-weight:700;font-size:3vw;color:#ffffff;line-height:6vw;padding:4vw 0 0 0;letter-spacing:-0.2vw;} #section6 .element .introduce .top dd .contents .summary b {display:block;} #section6 .element .introduce .top dd .icon {display:block;} #section6 .element .introduce .top dd .icon img {margin:3vw 0 0 0;width:100%;} #section6 .element .introduce .mid {} #section6 .element .introduce .mid .title {width:100%;padding:15vw 0 4vw 0;font-weight:700;font-size:6vw;color:#000000;text-align:center;} #section6 .element .introduce .bot {} #section6 .element .introduce .bot ul {width:90%;margin:0 auto 5vw auto;background:#ffffff;} #section6 .element .introduce .bot li {display:block;text-align:center;} #section6 .element .introduce .bot li:nth-child(n+2) {display:none;} #section6 .element .introduce .bot .period {display:inline-block;font-weight:700;font-size:5vw;color:#ffffff;padding:2vw;margin:5vw 0 0 0;} #section6 .element .introduce .bot .title {height:10vw;font-weight:700;width:80%;font-size:5vw;line-height:6vw;margin:3vw auto 0 auto;letter-spacing:-0.2vw;word-break:keep-all;} #section6 .element .introduce .bot .summary {width:80%;margin:4vw auto 0 auto;padding:0 0 5vw 0;font-weight:700;font-size:3vw;line-height:5vw;color:#000000;letter-spacing:-0.2vw;word-break:keep-all;} #section6 .element .introduce .bot .summary br {display:none;} #section6 .element .introduce .bot .item1 .period {background:#66b8c3;} #section6 .element .introduce .bot .item1 .title {color:#66b8c3;} #section6 .element .introduce .bot .item2 .period {background:#ab575a;} #section6 .element .introduce .bot .item2 .title {color:#ab575a;} #section6 .element .introduce .bot .item3 .period {background:#3990b9;} #section6 .element .introduce .bot .item4 .title {color:#3990b9;} #section6 .element .introduce .bot .function {position:absolute;margin:-38vw 0 0 0;} #section6 .element .introduce .bot .function .btn:before {display:inline-block;height:100%;vertical-align:middle;content:"";} #section6 .element .introduce .bot .function .btn {display:inline-block;width:8vw;height:8vw;vertical-align:middle;border:0.1vw solid #cccccc;color:#777777;cursor:pointer;background:white;text-align:center;} #section6 .element .introduce .bot .function .btn:hover {color:#66b8c3;transition:all .5s;} #section6 .element .introduce .bot .function .btn i {display:inline-block;vertical-align:middle;font-size:5vw;} #section6 .element .introduce .bot .function .btn.left {margin:0 0 0 1vw;} #section6 .element .introduce .bot .function .btn.right {margin:0 0 0 80vw;} #section7 {display:;} #section7 .section_group {} #section7 .element {width:100%;text-align:center;background:transparent;} #section7 .element .introduce {} #section7 .element .introduce dl {width:90%;margin:5vw auto 5vw auto;background:rgba(256,256,256,.6);box-shadow:0 0.1vw 2vw rgba(0,0,0,.2);} #section7 .element .introduce dl > dt {} #section7 .element .introduce dl > dt .line1 {padding:7vw 0 0 0;font-weight:700;font-size:4vw;color:#c1c1c1;line-height:3vw;letter-spacing:1vw;} #section7 .element .introduce dl > dt .line2 {padding:3vw 0 0 0;font-weight:700;font-size:8vw;color:#000000;line-height:7vw;letter-spacing:1vw;} #section7 .element .introduce dl > dt .line3 {padding:3vw 0 0 0;font-weight:700;font-size:3.5vw;color:#323232;line-height:5vw;letter-spacing:-0.2vw;word-break:keep-all;width:80%;margin:0 auto 0 auto;} #section7 .element .introduce dl > dt .line3 span {padding:3vw 0 0 0;font-weight:700;font-size:3.5vw;color:#66a7c6;line-height:5vw;letter-spacing:-0.2vw;} #section7 .element .introduce dl > dt .line3 br {display:none;} #section7 .element .introduce dl > dd {padding:5vw 0 0 0;} #section7 .element .introduce dl > dd .item {width:100%;text-align:center;} #section7 .element .introduce dl > dd .item .subject {} #section7 .element .introduce dl > dd .item .subject .step {display:inline-block;font-weight:700;font-size:5vw;color:#ffffff;padding:2vw 5vw 2vw 5vw;border-radius:10vw;background:#3990b9;} #section7 .element .introduce dl > dd .item ul {margin:7vw auto 0 auto;font-size:0;} #section7 .element .introduce dl > dd .item ul > li{margin:0 0 0 1vw;padding:0;font-size:0;display:inline-block;width:42vw;height:63.5vw;text-align:left;vertical-align:top;background:transparent;} #section7 .element .introduce dl > dd .item ul > li:nth-child(n+3){margin-bottom:0;} #section7 .element .introduce dl > dd .item .image {display:inline-block;vertical-align:top;} #section7 .element .introduce dl > dd .item .image img {width:100%;} #section7 .element .introduce dl > dd .item .contents {display:inline-block;width:100%;margin:-1vw 0 0 0;padding:0 0 0 0;background:rgba(256,256,256,.6);} #section7 .element .introduce dl > dd .item .contents .title {display:block;font-weight:700;font-size:5vw;color:#000000;margin:3vw 0 0 2vw;} #section7 .element .introduce dl > dd .item .contents .title b {display:inline-block;font-weight:700;font-size:3vw;color:#000000;padding:1.5vw;border:0.1vw solid #000000;transform:translate(0,-3px);} #section7 .element .introduce dl > dd .item .contents .summary {display:block;font-weight:400;font-size:2vw;line-height:4vw;margin:2vw 0 0 0;height:20vw;margin:0 0 0 1vw;} #section8 {display:;} #section8 .section_group {} #section8 .visual {position:absolute;top:0;left:0;} #section8 .visual .visual1 {position:absolute;z-index:10;margin:46.4vw 0 0 0vw;} #section8 .visual .visual1 img {width:50vw;margin:0 0 0 0;} #section8 .visual .visual2 {position:absolute;z-index:10;margin:50vw 0 0 43vw;} #section8 .visual .visual2 img {width:50vw;margin:0 0 0 0;} #section8 .element {width:100%;text-align:center;background:transparent;} #section8 .element .introduce {} #section8 .element .introduce dl {width:90%;margin:5vw auto 5vw auto;padding:0 0 0.1vw 0;background:rgba(256,256,256,.6);box-shadow:0 0.1vw 2vw rgba(0,0,0,.2);} #section8 .element .introduce dl > dt {} #section8 .element .introduce dl > dt .line1 {padding:7vw 0 0 0;font-weight:700;font-size:4vw;color:#c1c1c1;line-height:3vw;letter-spacing:1vw;} #section8 .element .introduce dl > dt .line2 {padding:3vw 0 0 0;font-weight:700;font-size:8vw;color:#000000;line-height:7vw;letter-spacing:1vw;} #section8 .element .introduce dl > dt .line3 {padding:3vw 0 0 0;font-weight:700;font-size:3.5vw;color:#323232;line-height:5vw;letter-spacing:-0.2vw;word-break:keep-all;width:80%;margin:0 auto 0 auto;} #section8 .element .introduce dl > dt .line3 span {padding:3vw 0 0 0;font-weight:700;font-size:3.5vw;color:#66a7c6;line-height:5vw;letter-spacing:-0.2vw;} #section8 .element .introduce dl > dt .line3 br {display:none;} #section8 .element .introduce dl > dd {padding:5vw 0 0 0;} #section8 .element .introduce dl > dd .item {width:100%;text-align:center;} #section8 .element .introduce dl > dd .item ul {width:100%;margin:50vw auto 0 auto;font-size:0;} #section8 .element .introduce dl > dd .item ul > li{margin:0 0 5vw 0;padding:0;font-size:0;display:block;width:100%;text-align:center;vertical-align:top;background:transparent;} #section8 .element .introduce dl > dd .item .image {display:inline-block;width:30%;position:absolute;margin:1.5vw 0 0 54vw;} #section8 .element .introduce dl > dd .item .image img {width:100%;} #section8 .element .introduce dl > dd .item .contents {display:inline-block;width:95%;margin:0 auto 0 auto;padding:0 0 0 0;background:rgba(0,0,0,.1);} #section8 .element .introduce dl > dd .item .contents .title {display:block;font-weight:700;font-size:5vw;color:#000000;margin:9vw 0 0 1vw;text-align:left;} #section8 .element .introduce dl > dd .item .contents .title b {display:inline-block;font-weight:700;font-size:3vw;color:#000000;padding:1.5vw;border:0.1vw solid #000000;transform:translate(0,-3px);} #section8 .element .introduce dl > dd .item .contents .summary {display:block;font-weight:400;font-size:3.5vw;line-height:5vw;color:#101010;padding:8vw 0 3vw 0;margin:0 0 0 1vw;text-align:left;word-break:keep-all;} #section8 .element .introduce dl > dd .item .contents .summary b {font-weight:400;font-size:3.5vw;line-height:5vw;color:#101010;} #section8 .element .introduce dl > dd .item .contents .summary i {display:none;} #section8 .element .introduce dl > dd .item .contents .summary br {display:none;} #section9 {display:;} #section9 .section_group {} #section9 .element {width:100%;text-align:center;} #section9 .element .introduce {} #section9 .element .introduce dl {width:90%;margin:5vw auto 5vw auto;padding:0 0 0.1vw 0;background:rgba(256,256,256,.6);box-shadow:0 0.1vw 2vw rgba(0,0,0,.2);} #section9 .element .introduce dl > dt {} #section9 .element .introduce dl > dt .line1 {padding:7vw 0 0 0;font-weight:700;font-size:4vw;color:#c1c1c1;line-height:3vw;letter-spacing:1vw;} #section9 .element .introduce dl > dt .line2 {padding:3vw 0 0 0;font-weight:700;font-size:8vw;color:#000000;line-height:7vw;letter-spacing:1vw;} #section9 .element .introduce dl > dt .line3 {padding:3vw 0 0 0;font-weight:700;font-size:3.5vw;color:#323232;line-height:5vw;letter-spacing:-0.2vw;word-break:keep-all;width:80%;margin:0 auto 0 auto;} #section9 .element .introduce dl > dt .line3 span {padding:3vw 0 0 0;font-weight:700;font-size:3.5vw;color:#66a7c6;line-height:5vw;letter-spacing:-0.2vw;} #section9 .element .introduce dl > dt .line3 br {display:none;} #section9 .element .introduce dl > dd {padding:5vw 0 0 0;} #section9 .element .introduce dl > dd .item {width:100%;text-align:center;} #section9 .element .introduce dl > dd .item ul {width:100%;margin:0 auto 0 auto;font-size:0;} #section9 .element .introduce dl > dd .item ul > li{margin:0 0 5vw 0;padding:0;font-size:0;display:block;width:100%;text-align:center;} #section9 .element .introduce dl > dd .item .image {display:block;width:92%;margin:0 auto 0 auto;} #section9 .element .introduce dl > dd .item .image img {width:100%;} #section9 .element .introduce dl > dd .item .contents {display:block;width:95%;margin:0 auto 0 auto;padding:0 0 0 0;} #section9 .element .introduce dl > dd .item .contents .title {display:block;font-weight:700;font-size:5.5vw;color:#000000;margin:4vw 0 0 1vw;padding:2vw 0 2vw 2vw;border-left:0.8vw solid #cccccc;text-align:left;} #section9 .element .introduce dl > dd .item .contents .summary {display:block;font-weight:400;font-size:3.5vw;line-height:5vw;letter-spacing:-0.2vw;color:#101010;padding:3vw 0 3vw 0;margin:0 0 0 1vw;text-align:left;word-break:keep-all;} #section9 .element .introduce dl > dd .item .contents .summary br {} #section9 .element .introduce dl > dd .item1 .contents .summary span {display:block;} #section9 .element .introduce dl > dd .item1 .contents .summary .text1 {font-size:3.8vw;line-height:6vw;margin:0 0 0 0;} #section9 .element .introduce dl > dd .item1 .contents .summary .text2 {font-size:3.8vw;line-height:6vw;margin:2vw 0 0 0;} #section9 .element .introduce dl > dd .item2 .contents .summary {font-weight:700;font-size:3.5vw;line-height:6vw;} #section9 .element .introduce dl > dd .item2 .contents .summary i {display:inline-block;width:1vw;height:2vw;margin:0 1vw 0 0;background:#397f7c;font-size:0;vertical-align:middle;} #section10 {display:;background:#cccccc;} #section10 .section_group {} #section10 .element {width:100%;text-align:center;} #section10 .element .introduce {} #section10 .element .introduce dl {width:90%;margin:5vw auto 5vw auto;padding:0 0 5vw 0;background:rgba(256,256,256,.6);box-shadow:0 0.1vw 2vw rgba(0,0,0,.2);} #section10 .element .introduce dl > dt {} #section10 .element .introduce dl > dt .line1 span {padding:7vw 0 0 0;font-weight:700;font-size:4vw;color:#66a7c6;line-height:3vw;letter-spacing:1vw;} #section10 .element .introduce dl > dt .line1 {padding:7vw 0 0 0;font-weight:700;font-size:4vw;color:#c1c1c1;line-height:3vw;letter-spacing:1vw;} #section10 .element .introduce dl > dt .line2 {padding:3vw 0 0 0;font-weight:700;font-size:8vw;color:#000000;line-height:7vw;letter-spacing:1vw;} #section10 .element .introduce dl > dd {padding:5vw 0 0 0;} #section10 .element .introduce dl > dd .director {width:100%;} #section10 .element .introduce dl > dd .director ul {width:50%;margin:0 auto 0 auto;padding:0;font-size:0;} #section10 .element .introduce dl > dd .director ul > li{margin:0 0 5vw 0;padding:0;display:block;width:100%;} #section10 .element .introduce dl > dd .director ul > li .image {display:inline-block;width:100%;margin:0 0 0 0;text-align:center;} #section10 .element .introduce dl > dd .director ul > li .image img {width:100%;} #section10 .element .introduce dl > dd .schedule {margin:5vw 0 0 0;width:100%;} #section10 .element .introduce dl > dd .schedule img {width:91.8%;} #section10 .bar {display:none;} #section11 {display:;} #section11 .section_group {} #section11 .element {width:100%;text-align:center;} #section11 .element .introduce {} #section11 .element .introduce dl {width:90%;margin:5vw auto 5vw auto;padding:0 0 5vw 0;background:rgba(256,256,256,.6);box-shadow:0 0.1vw 2vw rgba(0,0,0,.2);} #section11 .element .introduce dl > dt {} #section11 .element .introduce dl > dt .line1 span {padding:7vw 0 0 0;font-weight:700;font-size:4vw;color:#66a7c6;line-height:3vw;letter-spacing:1vw;} #section11 .element .introduce dl > dt .line1 {padding:7vw 0 0 0;font-weight:700;font-size:4vw;color:#c1c1c1;line-height:3vw;letter-spacing:1vw;} #section11 .element .introduce dl > dt .line2 {padding:3vw 0 0 0;font-weight:700;font-size:8vw;color:#000000;line-height:7vw;letter-spacing:1vw;} #section11 .element .introduce dl > dd {padding:5vw 0 0 0;} #section11 .element .introduce dl > dd .big {display:block;width:88%;margin:0 auto;} #section11 .element .introduce dl > dd .big img {width:100%;border:0.2vw solid #cccccc;} #section11 .element .introduce dl > dd .big .function {position:absolute;margin:-30vw 0 0 0;} #section11 .element .introduce dl > dd .big .function .btn:before {display:inline-block;height:100%;vertical-align:middle;content:"";} #section11 .element .introduce dl > dd .big .function .btn {display:inline-block;width:7vw;height:7vw;vertical-align:middle;border:-0.2vw solid #cccccc;color:#777777;cursor:pointer;background:white;} #section11 .element .introduce dl > dd .big .function .btn:hover {color:#66b8c3;transition:all .5s;} #section11 .element .introduce dl > dd .big .function .btn i {display:inline-block;vertical-align:middle;font-size:5vw;} #section11 .element .introduce dl > dd .big .function .btn.left {margin:0 0 0 0;} #section11 .element .introduce dl > dd .big .function .btn.right {margin:0 0 0 65vw;} #section11 .element .introduce dl > dd .small {display:block;width:90%;margin:0 auto 0 auto;background:transparent;} #section11 .element .introduce dl > dd .small ul {font-size:0;padding:0;margin:0 0 0 0; display: flex; flex-wrap: wrap;} #section11 .element .introduce dl > dd .small ul > li {display:inline-block;width:32%;overflow:hidden;margin:2vw 1vw 0 0;} #section11 .element .introduce dl > dd .small ul > li:nth-child(3n) {margin-right:0;} #section11 .element .introduce dl > dd .small ul > li > img {width:98%;height:auto;cursor:pointer;border:1px solid #888888;} #section11 .bar {display:none;} #section12 {display:;} #section12 .section_group {} #section12 .element {width:100%;text-align:center;background:transparent;} #section12 .element .introduce {} #section12 .element .introduce dl {width:90%;padding:0 0 5vw 0;margin:0 auto 0 auto;background:transparent;} #section12 .element .introduce dl > dt {} #section12 .element .introduce dl > dt .line1 span {padding:7vw 0 0 0;font-weight:700;font-size:4vw;color:#66a7c6;line-height:3vw;letter-spacing:1vw;} #section12 .element .introduce dl > dt .line1 {padding:7vw 0 0 0;font-weight:700;font-size:4vw;color:#c1c1c1;line-height:3vw;letter-spacing:1vw;} #section12 .element .introduce dl > dt .line2 {padding:3vw 0 0 0;font-weight:700;font-size:8vw;color:#000000;line-height:7vw;letter-spacing:1vw;} #section12 .element .introduce dl > dd {width:100%;background:transparent;} #section12 .element .introduce dl > dd .address {display:block;width:100%;margin:5vw 0 0 0;} #section12 .element .introduce dl > dd .address .map {width:100%;height:60vw;border:1px solid #777777;} #section12 .element .introduce dl > dd .address .detail {} #section12 .element .introduce dl > dd .address .detail .type1 {margin:6vw 0 0 0;display:block;font-weight:400;font-size:4vw;color:#000000;} #section12 .element .introduce dl > dd .address .detail .type1 b{display:inline-block;font-weight:700;font-size:4vw;color:#000000;} #section12 .element .introduce dl > dd .address .detail .type2 {margin:10px 0 0 0;display:block;font-weight:400;font-size:4vw;color:#000000;} #section12 .element .introduce dl > dd .address .detail .type2 u {display:inline-block;font-weight:400;font-size:3vw;color:#000000;padding:2vw;margin:0 2vw 0 0;border:0.2vw solid black;text-decoration:none;} #section12 .element .introduce dl > dd .guide {display:block;width:100%;text-align:right;background:transparent;margin:5vw 0 0 0;} #section12 .element .introduce dl > dd .guide img {width:100%;cursor:pointer;opacity:1;box-shadow:0 1px 20px rgba(0,0,0,.2);} #section13 {display:;} #section13 .section_group {} #section13 .logo {display:none;} #section13 .information {width:95%;margin:2vw auto 2vw auto;text-align:left;} #section13 .information span {display:block;font-weight:400;font-size:3vw;line-height:6vw;letter-spacing:0.02vw;} } /*-------------------------------------------------------------------- ||PC --------------------------------------------------------------------*/ @media screen and (min-width: 768px){ #section1 {background-image:url('/resource/image/home/bg0.jpg'); background-repeat:no-repeat;background-size:cover;background-position:left top;} /* #section1 {background-image:url('/resource/image/home/bg1.jpg'); background-repeat:no-repeat;background-size:cover;background-position:left top;} */ #section2 {background-image:url('/resource/image/home/bg2.jpg'); background-repeat:no-repeat;background-size:cover;background-position:left top;} #section3 {background-image:url('/resource/image/home/bg3.jpg'); background-repeat:no-repeat;background-size:cover;background-position:left top;} #section4 {background-image:url('/resource/image/home/bg4.jpg'); background-repeat:no-repeat;background-size:cover;background-position:left top;} #section5 {background-image:url('/resource/image/home/bg5.jpg'); background-repeat:no-repeat;background-size:cover;background-position:left top;} #section6 {background-image:url('/resource/image/home/bg6.jpg'); background-repeat:no-repeat;background-size:cover;background-position:left top;} #section7 {background-image:url('/resource/image/home/bg7.jpg'); background-repeat:no-repeat;background-size:cover;background-position:left top;} #section8 {background-image:url('/resource/image/home/bg8.jpg'); background-repeat:no-repeat;background-size:cover;background-position:left top;} #section9 {background-image:url('/resource/image/home/bg9.jpg'); background-repeat:no-repeat;background-size:cover;background-position:left top;} #section10 {background-image:url('/resource/image/home/bg10.jpg'); background-repeat:no-repeat;background-size:cover;background-position:left top;} #section11 {background-image:url('/resource/image/home/bg11.jpg'); background-repeat:no-repeat;background-size:cover;background-position:left top;} #section12 {background-image:url('/resource/image/home/bg12.jpg'); background-repeat:no-repeat;background-size:cover;background-position:left top;} body {} #wrap {} #wrap .width_area {width:1270px;margin:0 auto;background:transparent;} #wrap .width_area:after {display:block;clear:both;content:"";} #header {} #gnb {position:fixed;z-index:100;width:100%;background:rgba(255, 255, 255, 0.76);box-shadow:0 1px 20px rgba(0,0,0,.2);} #gnb .gnb_group {} #gnb .logo_area {display:inline-block;width:285px;height:4.79vw;background:transparent;} #gnb .logo_area:before {display:inline-block;height:100%;vertical-align:middle;content:"";} #gnb .logo_area img {width:224px;vertical-align:middle;} #gnb .menu_area {display:inline-block;width:600px;height:92px;background:transparent;} #gnb .menu_area {display:inline-block;height:100%;vertical-align:middle;content:"";text-align:left;} #gnb .menu_area ul,li {font-size:0;margin:0;padding:0;} #gnb .menu_area li {display:inline-block;background:transparent;} #gnb .menu_area li:after {display:inline-block;width:56px;content:"|";font-size:25px;color:#eeeeee;transform:translate(0,2px);text-align:center;} #gnb .menu_area li:last-child:after {display:none;} #gnb .menu_area a {font-size:17px;font-weight:700;color:#000000;} #gnb .menu_area .linkOn a {font-size:17px;font-weight:700;color:#3990b9;transition:all .8s;} #gnb .menu_area .linkOff a {font-size:17px;font-weight:700;color:#000000;} #gnb .contact_area {display:inline-block;width:360px;height:92px;background:transparent;text-align:right;transform:translate(20px,5px);font-size:0;} #gnb .contact_area:before {display:inline-block;height:100%;vertical-align:middle;content:"";} #gnb .contact_area .title {display:inline-block;background:#e5e5e5;font-size:17px;font-weight:700;color:#585858;padding:7px;border-radius:50px;} #gnb .contact_area .phone {display:inline-block;margin:0 0 0 10px;} #gnb .contact_area .phone a {font-size:28px;font-weight:800;color:#56add6;transform:translate(0,2px);} #container {} #container .section.default {height:100vh;} #section1 {display:;} #section1 .section_group {} #section1 .visual {position:absolute;top:0;left:0;} #section1 .visual .visual1 {position:absolute;z-index:20;margin-left:100vw;} #section1 .visual .visual1 img {width:619px;width:57.31vh;max-width:619px;margin:25.18vh 0 0 -46.35vw;} #section1 .visual .visual2 {position:absolute;z-index:10;margin-left:100vw;} #section1 .visual .visual2 img {width:1350px;width:125vh;max-width:1350px;margin:15vh 0 0 -56.04vw;} #section1 .element {position:absolute;z-index:30;} #section1 .element .introduce {} #section1 .element .introduce:before {display:block;height:24.53vh;max-height:265px;content:"";} #section1 .element .introduce dl {} #section1 .element .introduce dl > dt {} #section1 .element .introduce dl > dt .line1 {font-weight:300;font-size:50px;color:#000000;} #section1 .element .introduce dl > dt .line2 {font-weight:700;font-size:91px;color:#000000;margin:22px 0 0 0;} #section1 .element .introduce dl > dt .line2 b{font-weight:700;font-size:91px;color:#3990b9;margin:22px 0 0 0;} #section1 .element .introduce dl > dd {} #section1 .element .introduce dl > dd:before {display:block;content:"";height:70px;} #section1 .element .introduce dl > dd .box {height:145px;padding:0 0 0 15px;border-left:5px solid #56add6;} #section1 .element .introduce dl > dd .box .description1{padding:0;color:#585858;font-weight:400;font-size:19px;line-height:30px;transform:translate(0,-5px);} #section1 .element .introduce dl > dd .box .description2{padding:0;color:#000000;font-weight:400;font-size:19px;line-height:30px;} /* #section1 {display:;} #section1 .section_group {} #section1 .element {display:table;width:100%;height:100vh;background:transparent;text-align:center;} #section1 .element .introduce {display:table-cell;vertical-align:middle;} #section1 .element .introduce dl {width:1170px;max-height:745px;background:#ffffff;padding:0 0 30px 0;margin:100px auto 0 auto;box-shadow:0 1px 10px rgba(0,0,0,.2);} #section1 .element .introduce dl > dt {} #section1 .element .introduce dl > dt .line1 {padding:34px 0 0 0;font-weight:700;font-size:26px;color:#c1c1c1;line-height:26px;letter-spacing:10px;} #section1 .element .introduce dl > dt .line2 {padding:34px 0 0 0;font-weight:700;font-size:45px;color:#3990b9;line-height:45px;} #section1 .element .introduce dl > dt .line3 {padding:31px 0 0 0;font-weight:700;font-size:22px;color:#323232;line-height:33px;} #section1 .element .introduce dl > dd {} #section1 .element .introduce dl > dd:before {display:block;content:"";height:49px;max-height:4.53vh;} #section1 .element .introduce dl > dd .director {display:inline-block;width:49%;vertical-align:top;text-align:center;background:transparent;} #section1 .element .introduce dl > dd .director .image {width:44.81vh;max-width:454px;height:auto;margin:-15px auto 0 auto;} #section1 .element .introduce dl > dd .director .image img {width:100%;} #section1 .element .introduce dl > dd .director .box {position:absolute;margin:-83px 0 0 350px;border-left:3px solid #cccccc;padding:0 0 0 10px;} #section1 .element .introduce dl > dd .director .box .position {display:block;font-size:20px;color:#000000;text-align:left;transform:translate(0,10px);} #section1 .element .introduce dl > dd .director .box .name {display:block;font-size:44px;color:#000000;text-align:left;margin:20px 0 0 0;} #section1 .element .introduce dl > dd .detail {display:inline-block;width:49%;vertical-align:top;text-align:left;background:transparent;} #section1 .element .introduce dl > dd .detail .history {margin:0 0 0 50px;} #section1 .element .introduce dl > dd .detail .history li:before {display:inline-block;width:10px;height:10px;background:#acd0e2;content:"";font-size:0;transform-origin:center center;transform:translate(-15px, 0) rotate(45deg);} #section1 .element .introduce dl > dd .detail .history li {text-align:left;font-size:17px;line-height:26px;padding:0 0 0 15px;} #section1 .element .introduce dl > dd .detail .history li strong {font-size: inherit;} #section1 .element .introduce dl > dd .detail .schedule {margin:50px 0 0 50px;} #section1 .element .introduce dl > dd .detail .schedule .target {font-weight:700;font-size:27px;color:#868686 ;} #section1 .element .introduce dl > dd .detail .schedule .target span {font-weight:700;font-size:27px;color:#3990b9;} #section1 .element .introduce dl > dd .detail .schedule .image {margin:20px 0 0 0;} */ #section2 {display:;} #section2 .section_group {} #section2 .element {display:table;width:100%;height:100vh;background:transparent;text-align:center;} #section2 .element .introduce {display:table-cell;vertical-align:middle;} #section2 .element .introduce dl {width:1170px;max-height:745px;background:#ffffff;padding:0 0 30px 0;margin:100px auto 0 auto;box-shadow:0 1px 10px rgba(0,0,0,.2);} #section2 .element .introduce dl > dt {} #section2 .element .introduce dl > dt .line1 {padding:34px 0 0 0;font-weight:700;font-size:26px;color:#c1c1c1;line-height:26px;letter-spacing:10px;} #section2 .element .introduce dl > dt .line2 {padding:34px 0 0 0;font-weight:700;font-size:45px;color:#3990b9;line-height:45px;} #section2 .element .introduce dl > dt .line3 {padding:31px 0 0 0;font-weight:700;font-size:22px;color:#323232;line-height:33px;} #section2 .element .introduce dl > dd {} #section2 .element .introduce dl > dd:before {display:block;content:"";height:49px;max-height:4.53vh;} #section2 .element .introduce dl > dd .director {display:inline-block;width:49%;vertical-align:top;text-align:center;background:transparent;} #section2 .element .introduce dl > dd .director .image {width:44.81vh;max-width:454px;height:auto;margin:-10px auto 0 auto;} #section2 .element .introduce dl > dd .director .image img {width:100%;} #section2 .element .introduce dl > dd .director .box {position:absolute;margin:-83px 0 0 60px;border-right:3px solid #cccccc;padding:0 10px 0 0;} #section2 .element .introduce dl > dd .director .box .position {display:block;font-size:20px;color:#000000;text-align:right;transform:translate(0,10px);} #section2 .element .introduce dl > dd .director .box .name {display:block;font-size:44px;color:#000000;text-align:right;margin:20px 0 0 0;} #section2 .element .introduce dl > dd .detail {display:inline-block;width:49%;vertical-align:top;text-align:left;background:transparent;margin:-35px 0 0 0;} #section2 .element .introduce dl > dd .detail .history {margin:0 0 0 80px;} #section2 .element .introduce dl > dd .detail .history li:before {display:inline-block;width:10px;height:10px;background:#acd0e2;content:"";font-size:0;transform-origin:center center;transform:translate(-15px, 0) rotate(45deg);} #section2 .element .introduce dl > dd .detail .history li:first-child {font-weight:bold;} #section2 .element .introduce dl > dd .detail .history li {text-align:left;font-size:17px;line-height:25px;padding:0 0 0 15px;} #section2 .element .introduce dl > dd .detail .schedule {margin:15px 0 0 80px;} #section2 .element .introduce dl > dd .detail .schedule .target {font-weight:700;font-size:27px;color:#868686 ;} #section2 .element .introduce dl > dd .detail .schedule .target span {font-weight:700;font-size:27px;color:#3990b9;} #section2 .element .introduce dl > dd .detail .schedule .image {margin:20px 0 0 0;} #section3 {display:;} #section3 .section_group {} #section3 .element {display:table;width:100%;height:100vh;background:transparent;text-align:center;} #section3 .element .introduce {display:table-cell;vertical-align:middle;} #section3 .element .introduce dl {width:1170px;max-height:745px;background:#ffffff;padding:0 0 30px 0;margin:100px auto 0 auto;box-shadow:0 1px 10px rgba(0,0,0,.2);} #section3 .element .introduce dl > dt {} #section3 .element .introduce dl > dt .line1 {padding:34px 0 0 0;font-weight:700;font-size:26px;color:#c1c1c1;line-height:26px;letter-spacing:10px;} #section3 .element .introduce dl > dt .line2 {padding:34px 0 0 0;font-weight:700;font-size:45px;color:#3990b9;line-height:45px;} #section3 .element .introduce dl > dt .line3 {padding:31px 0 0 0;font-weight:700;font-size:22px;color:#323232;line-height:33px;} #section3 .element .introduce dl > dd {} #section3 .element .introduce dl > dd:before {display:block;content:"";height:49px;max-height:4.53vh;} #section3 .element .introduce dl > dd .director {display:inline-block;width:49%;vertical-align:top;text-align:center;background:transparent;} #section3 .element .introduce dl > dd .director .image {width:44.81vh;max-width:454px;height:auto;margin:-20px auto 0 auto;} #section3 .element .introduce dl > dd .director .image img {width:100%;} #section3 .element .introduce dl > dd .director .box {position:absolute;margin:-80px 0 0 350px;border-left:3px solid #cccccc;padding:0 0 0 10px;} #section3 .element .introduce dl > dd .director .box .position {display:block;font-size:20px;color:#000000;text-align:left;transform:translate(0,10px);} #section3 .element .introduce dl > dd .director .box .name {display:block;font-size:44px;color:#000000;text-align:left;margin:20px 0 0 0;} #section3 .element .introduce dl > dd .detail {display:inline-block;width:49%;vertical-align:top;text-align:left;background:transparent;margin:-15px 0 0 0;} #section3 .element .introduce dl > dd .detail .history {margin:0 0 0 50px;} #section3 .element .introduce dl > dd .detail .history li:before {display:inline-block;width:10px;height:10px;background:#acd0e2;content:"";font-size:0;transform-origin:center center;transform:translate(-15px, 0) rotate(45deg);} #section3 .element .introduce dl > dd .detail .history li:first-child {font-weight:bold;} #section3 .element .introduce dl > dd .detail .history li {text-align:left;font-size:17px;line-height:26px;padding:0 0 0 15px;} #section3 .element .introduce dl > dd .detail .schedule {margin:30px 0 0 50px;} #section3 .element .introduce dl > dd .detail .schedule .target {font-weight:700;font-size:27px;color:#868686 ;} #section3 .element .introduce dl > dd .detail .schedule .target span {font-weight:700;font-size:27px;color:#3990b9;} #section3 .element .introduce dl > dd .detail .schedule .image {margin:20px 0 0 0;} #section4 {display:;} #section4 .section_group {} #section4 .element {display:table;width:100%;height:100vh;background:transparent;text-align:center;} #section4 .element .introduce {display:table-cell;vertical-align:middle;} #section4 .element .introduce dl {width:1170px;max-height:745px;background:#ffffff;padding:0 0 30px 0;margin:100px auto 0 auto;box-shadow:0 1px 10px rgba(0,0,0,.2);} #section4 .element .introduce dl > dt {} #section4 .element .introduce dl > dt .line1 {padding:34px 0 0 0;font-weight:700;font-size:26px;color:#c1c1c1;line-height:26px;letter-spacing:10px;} #section4 .element .introduce dl > dt .line2 {padding:34px 0 0 0;font-weight:700;font-size:45px;color:#3990b9;line-height:45px;} #section4 .element .introduce dl > dt .line3 {padding:31px 0 0 0;font-weight:700;font-size:22px;color:#323232;line-height:33px;} #section4 .element .introduce dl > dd {} #section4 .element .introduce dl > dd:before {display:block;content:"";height:49px;max-height:4.53vh;} #section4 .element .introduce dl > dd .director {display:inline-block;width:49%;vertical-align:top;text-align:center;background:transparent;} #section4 .element .introduce dl > dd .director .image {width:44.81vh;max-width:454px;height:auto;margin:-10px auto 0 auto;} #section4 .element .introduce dl > dd .director .image img {width:100%;} #section4 .element .introduce dl > dd .director .box {position:absolute;margin:-83px 0 0 60px;border-right:3px solid #cccccc;padding:0 10px 0 0;} #section4 .element .introduce dl > dd .director .box .position {display:block;font-size:20px;color:#000000;text-align:right;transform:translate(0,10px);} #section4 .element .introduce dl > dd .director .box .name {display:block;font-size:44px;color:#000000;text-align:right;margin:20px 0 0 0;} #section4 .element .introduce dl > dd .detail {display:inline-block;width:49%;vertical-align:top;text-align:left;background:transparent;margin:-35px 0 0 0;} #section4 .element .introduce dl > dd .detail .history {margin:0 0 0 80px;/* 60px 0 0 80px; */} #section4 .element .introduce dl > dd .detail .history li:before {display:inline-block;width:10px;height:10px;background:#acd0e2;content:"";font-size:0;transform-origin:center center;transform:translate(-15px, 0) rotate(45deg);} #section4 .element .introduce dl > dd .detail .history li:first-child {font-weight:bold;} #section4 .element .introduce dl > dd .detail .history li {text-align:left;font-size:17px;line-height:25px;padding:0 0 0 15px;} #section4 .element .introduce dl > dd .detail .history li strong {font-size: 17px;} #section4 .element .introduce dl > dd .detail .schedule {margin:30px 0 0 80px; /*100px 0 0 80px;*/} #section4 .element .introduce dl > dd .detail .schedule .target {font-weight:700;font-size:27px;color:#868686 ;} #section4 .element .introduce dl > dd .detail .schedule .target span {font-weight:700;font-size:27px;color:#3990b9;} #section4 .element .introduce dl > dd .detail .schedule .image {margin:20px 0 0 0;} #section5 {display:;} #section5 .section_group {} #section5 .visual {position:absolute;top:0;left:0;display:none;} #section5 .visual .visual1 {position:absolute;z-index:20;margin-top:100vh;} #section5 .visual .visual1 img {width:64.44vh;max-width:696px;margin:-64.72vh 0 0 5.72vw;} /*margin:380px 0 0 110px;*/ #section5 .element {display:table;width:100%;height:100vh;text-align:center;background:transparent;} #section5 .element .introduce {display:table-cell;vertical-align:middle;} #section5 .element .introduce dl {width:100%;max-height:745px;padding:0 0 30px 0;margin:40px auto 0 auto;background:transparent;} #section5 .element .introduce dl > dt {} #section5 .element .introduce dl > dt .line1 {padding:34px 0 0 0;font-weight:700;font-size:29px;color:#c1c1c1;line-height:29px;letter-spacing:10px;} #section5 .element .introduce dl > dt .line1 span {padding:34px 0 0 0;font-weight:700;font-size:29px;color:#66a7c6;line-height:29px;letter-spacing:10px;} #section5 .element .introduce dl > dt .line2 {padding:24px 0 0 0;font-weight:700;font-size:49px;color:#000000;line-height:49px;letter-spacing:10px;} #section5 .element .introduce dl > dt .line3 {padding:40px 0 0 0;font-weight:700;font-size:22px;color:#323232;line-height:33px;} #section5 .element .introduce dl > dd {text-align:left;} #section5 .element .introduce dl > dd:before {display:block;content:"";height:70px;max-height:12.03vh;} /*height:130px*/ #section5 .element .introduce dl > dd .item {display:inline-block;width:790px;margin:0 0 0 535px;background:transparent;} /*margin:0 0 0 535px;*/ #section5 .element .introduce dl > dd .item ul {} #section5 .element .introduce dl > dd .item ul > li{margin:0;padding:0;font-size:0;display:inline-block;width:393px;height:140px;vertical-align:top;} #section5 .element .introduce dl > dd .item .icon {display:inline-block;width:85px;vertical-align:top;} #section5 .element .introduce dl > dd .item .icon img {width:71px;} #section5 .element .introduce dl > dd .item .contents {display:inline-block;width:308px;vertical-align:top;} #section5 .element .introduce dl > dd .item .contents .title {display:block;font-weight:700;font-size:25px;color:#000000;margin:22px 0 0 0;} #section5 .element .introduce dl > dd .item .contents .summary {display:block;font-weight:400;font-size:14px;line-height:17px;margin:14px 0 0 0;} #section5 .bar {display:block;height:10.55vh;max-height:114px;margin:-10.55vh 0 0 0;background:#e1e1e1;} #section6 {display:;} #section6 .section_group {} #section6 .element {display:table;width:100%;height:100vh;text-align:center;background:transparent;} #section6 .element .introduce {display:table-cell;vertical-align:middle;} #section6 .element .introduce .top {} #section6 .element .introduce .top dl {width:100%;margin:100px auto 0 auto;padding:0 0 50px 0;background:rgba(256,256,256,0.8);} #section6 .element .introduce .top dt {text-align:center;} #section6 .element .introduce .top dt .line1 {padding:4.35vh 0 0 0;font-weight:700;font-size:29px;color:#c1c1c1;line-height:29px;letter-spacing:10px;} /*padding:47px 0 0 0;*/ #section6 .element .introduce .top dt .line2 {padding:1.66vh 0 0 0;font-weight:700;font-size:49px;color:#000000;line-height:49px;letter-spacing:10px;} /*padding:18px 0 0 0;*/ #section6 .element .introduce .top dt .line3 {padding:3.24vh 0 0 0;font-weight:700;font-size:19px;color:#323232;line-height:30px;} /*padding:35px 0 0 0;*/ #section6 .element .introduce .top dt .line3 span {padding:3.24vh 0 0 0;font-weight:700;font-size:19px;color:#3990b9;line-height:30px;} #section6 .element .introduce .top dd {text-align:center;} #section6 .element .introduce .top dd:before {display:block;content:"";height:35px;max-height:3.24vh;} #section6 .element .introduce .top dd ul {margin:0;padding:0;font-size:0;} #section6 .element .introduce .top dd li{display:inline-block;width:168px;height:189px;vertical-align:top;margin-right:47px;} #section6 .element .introduce .top dd li:last-child {margin-right:0;} #section6 .element .introduce .top dd .item1 {background:#c6696d;} #section6 .element .introduce .top dd .item2 {background:#66b8c3;} #section6 .element .introduce .top dd .item3 {background:#66a7c6;} #section6 .element .introduce .top dd .contents {padding:17px 0 0 0;} #section6 .element .introduce .top dd .contents .title {display:block;font-weight:700;font-size:14px;color:#ffffff;text-align:left;transform: skew(-0.001deg);} #section6 .element .introduce .top dd .contents .title b {display:inline-block;font-weight:700;font-size:33px;color:#ffffff;padding:0 0 0 15px;} #section6 .element .introduce .top dd .contents .summary {display:block;font-weight:700;font-size:14px;color:#ffffff;line-height:18px;padding:15px 0 0 0;transform: skew(-0.001deg);} #section6 .element .introduce .top dd .icon {display:block;} #section6 .element .introduce .top dd .icon img {margin:17px 0 0 0;} #section6 .element .introduce .mid {} #section6 .element .introduce .mid .title {width:100%;margin:0 auto 0 auto;padding:2.5vh 0 2.5vh 0;font-weight:700;font-size:31px;color:#000000;background:transparent;} /*padding:47px 0 30px 0; padding:4.35vh 0 2.77vh 0;*/ #section6 .element .introduce .bot {} #section6 .element .introduce .bot ul {width:750px;margin:0 auto;background:#ffffff;} #section6 .element .introduce .bot li {display:block;text-align:center;} #section6 .element .introduce .bot li:nth-child(n+2) {display:none;} #section6 .element .introduce .bot .period {display:inline-block;font-weight:700;font-size:22px;color:#ffffff;padding:10px;margin:20px 0 0 0;} #section6 .element .introduce .bot .title {font-weight:700;font-size:26px;margin:19px 0 0 0;} #section6 .element .introduce .bot .summary {font-weight:700;font-size:14px;margin:19px 0 0 0;color:#000000;line-height:21px;padding:0 0 20px 0;transform: skew(-0.001deg);} #section6 .element .introduce .bot .item1 .period {background:#66b8c3;} #section6 .element .introduce .bot .item1 .title {color:#66b8c3;} #section6 .element .introduce .bot .item2 .period {background:#ab575a;} #section6 .element .introduce .bot .item2 .title {color:#ab575a;} #section6 .element .introduce .bot .item3 .period {background:#3990b9;} #section6 .element .introduce .bot .item4 .title {color:#3990b9;} #section6 .element .introduce .bot .function {position:absolute;margin:-120px 0 0 0;} #section6 .element .introduce .bot .function .btn:before {display:inline-block;height:100%;vertical-align:middle;content:"";} #section6 .element .introduce .bot .function .btn {display:inline-block;width:40px;height:40px;vertical-align:middle;border:1px solid #cccccc;color:#777777;cursor:pointer;background:white;} #section6 .element .introduce .bot .function .btn:hover {color:#66b8c3;transition:all .5s;} #section6 .element .introduce .bot .function .btn i {display:inline-block;vertical-align:middle;font-size:18px;} #section6 .element .introduce .bot .function .btn.left {margin:0 0 0 240px;} #section6 .element .introduce .bot .function .btn.right {margin:0 0 0 705px;} #section7 {display:;} #section7 .section_group {} #section7 .element {display:table;width:100%;height:100vh;text-align:center;background:transparent;} #section7 .element .introduce {display:table-cell;vertical-align:middle;} #section7 .element .introduce dl {width:1170px;padding:0 0 30px 0;margin:100px auto 0 auto;background:#ffffff;box-shadow:0 1px 10px rgba(0,0,0,.2);} #section7 .element .introduce dl > dt {} #section7 .element .introduce dl > dt .line1 {padding:34px 0 0 0;font-weight:700;font-size:26px;color:#c1c1c1;line-height:26px;letter-spacing:10px;} #section7 .element .introduce dl > dt .line2 {padding:26px 0 0 0;font-weight:700;font-size:45px;color:#000000;line-height:45px;letter-spacing:10px;} #section7 .element .introduce dl > dt .line3 {padding:26px 0 0 0;font-weight:700;font-size:20px;color:#323232;line-height:31px;} #section7 .element .introduce dl > dt .line3 span {padding:26px 0 0 0;font-weight:700;font-size:20px;color:#66a7c6;line-height:31px;} #section7 .element .introduce dl > dd {text-align:left;} #section7 .element .introduce dl > dd:before {display:block;content:"";height:30px;max-height:2.77vh;} #section7 .element .introduce dl > dd .item {display:block;width:100%;text-align:center;background:transparent;} #section7 .element .introduce dl > dd .item .subject {text-align:center;background:transparent;} #section7 .element .introduce dl > dd .item .subject .step {display:inline-block;font-weight:700;font-size:23px;color:#ffffff;padding:7px 60px 5px 60px;border-radius:50px;background:#3990b9;} #section7 .element .introduce dl > dd .item .subject:after {display:block;content:"";height:30px;max-height:2.77vh;} #section7 .element .introduce dl > dd .item ul {display:block;margin:0 auto;} #section7 .element .introduce dl > dd .item ul > li{margin:0 0 50px 17px;padding:0;font-size:0;display:inline-block;width:530px;height:170px;text-align:left;vertical-align:top;background:transparent;} /*margin:0 0 78px 17px;*/ #section7 .element .introduce dl > dd .item ul > li:nth-child(n+3){margin-bottom:0;} #section7 .element .introduce dl > dd .item .image {display:inline-block;vertical-align:top;} #section7 .element .introduce dl > dd .item .image img {width:227px;} #section7 .element .introduce dl > dd .item .contents {display:inline-block;width:280px;padding:0 0 0 20px;vertical-align:top;} #section7 .element .introduce dl > dd .item .contents .title {display:block;font-weight:700;font-size:22px;color:#000000;margin:15px 0 0 0;} #section7 .element .introduce dl > dd .item .contents .title b {display:inline-block;font-weight:700;font-size:14px;color:#000000;margin:0 0 0 0;padding:7px;border:1px solid #000000;transform:translate(0,-3px);} #section7 .element .introduce dl > dd .item .contents .summary {display:block;font-weight:400;font-size:14px;line-height:22px;margin:20px 0 0 0;} #section8 {display:;} #section8 .section_group {} #section8 .visual {position:absolute;top:0;left:0;display:none;} #section8 .visual .visual1 {position:absolute;z-index:10;margin:100vh 0 0 0;} #section8 .visual .visual1 img {width:551px;width:51.01vh;margin:-52.5vh 0 0 -4vw;} /*551 * 567*/ #section8 .visual .visual2 {position:absolute;z-index:10;margin:100vh 0 0 100vw;} #section8 .visual .visual2 img {width:549px;width:50.83vh;margin:-48.70vh 0 0 -48.70vh;} /*559 * 526*/ #section8 .element {display:table;width:100%;height:100vh;text-align:center;background:transparent;} #section8 .element .introduce {display:table-cell;vertical-align:middle;} #section8 .element .introduce dl {width:1170px;padding:0 0 40px 0;margin:100px auto 0 auto;background:#ffffff;box-shadow:0 1px 10px rgba(0,0,0,.2);} #section8 .element .introduce dl > dt {} #section8 .element .introduce dl > dt .line1 {padding:34px 0 0 0;font-weight:700;font-size:26px;color:#c1c1c1;line-height:26px;letter-spacing:10px;} #section8 .element .introduce dl > dt .line2 {padding:26px 0 0 0;font-weight:700;font-size:45px;color:#000000;line-height:45px;letter-spacing:10px;} #section8 .element .introduce dl > dt .line3 {padding:26px 0 0 0;font-weight:700;font-size:20px;color:#323232;line-height:31px;} #section8 .element .introduce dl > dt .line3 span {padding:26px 0 0 0;font-weight:700;font-size:20px;color:#66a7c6;line-height:31px;} #section8 .element .introduce dl > dd {text-align:left;} #section8 .element .introduce dl > dd:before {display:block;content:"";height:41px;max-height:3.79vh;} #section8 .element .introduce dl > dd .item {display:block;width:100%;text-align:center;background:transparent;} #section8 .element .introduce dl > dd .item ul {display:block;margin:0 auto;} #section8 .element .introduce dl > dd .item ul > li{margin:0 0 10px 0;padding:0;font-size:0;display:inline-block;width:980px;height:145px;text-align:left;vertical-align:middle;background:transparent;} #section8 .element .introduce dl > dd .item ul > li:nth-child(n+3){margin-bottom:0;} #section8 .element .introduce dl > dd .item .image {display:inline-block;vertical-align:middle;} #section8 .element .introduce dl > dd .item .image img {width:227px;} #section8 .element .introduce dl > dd .item .contents {display:inline-block;width:730px;padding:0 0 0 20px;vertical-align:middle;background:transparent;} #section8 .element .introduce dl > dd .item .contents .title {display:block;font-weight:700;font-size:30px;color:#4a9591;margin:0 0 0 0;} #section8 .element .introduce dl > dd .item .contents .title b {display:inline-block;font-weight:700;font-size:14px;color:#4a9591;margin:0 0 0 0;padding:7px;border:1px solid #4a9591;transform:translate(0,-5px) skew(-0.001deg);} #section8 .element .introduce dl > dd .item .contents .title u {display:inline-block;font-weight:700;font-size:20px;color:#777777;margin:0 0 0 0;text-decoration:none;transform: skew(-0.001deg);} #section8 .element .introduce dl > dd .item .contents .summary {display:block;font-weight:400;font-size:14px;line-height:20px;margin:5px 0 0 0;transform: skew(-0.001deg);} #section8 .element .introduce dl > dd .item .contents .summary b {color:#3990b9;font-size:14px;line-height:20px;transform: skew(-0.001deg);} #section8 .element .introduce dl > dd .item .contents .summary i {display:inline-block;width:10px;height:10px;margin:0 10px 0 0;background:#93bdbb;font-size:0;vertical-align:middle;transform:translate(0,-1px);} #section9 {display:;} #section9 .section_group {} #section9 .element {display:table;width:100%;height:100vh;text-align:center;background:transparent;} #section9 .element .introduce {display:table-cell;vertical-align:middle;} #section9 .element .introduce dl {width:1170px;padding:0 0 30px 0;margin:100px auto 0 auto;background:#ffffff;box-shadow:0 1px 10px rgba(0,0,0,.2);} #section9 .element .introduce dl > dt {} #section9 .element .introduce dl > dt .line1 {padding:31px 0 0 0;font-weight:700;font-size:26px;color:#c1c1c1;line-height:26px;letter-spacing:10px;} #section9 .element .introduce dl > dt .line2 {padding:26px 0 0 0;font-weight:700;font-size:45px;color:#000000;line-height:45px;letter-spacing:10px;} #section9 .element .introduce dl > dt .line3 {padding:29px 0 0 0;font-weight:700;font-size:20px;color:#323232;line-height:31px;} #section9 .element .introduce dl > dt .line3 span {padding:26px 0 0 0;font-weight:700;font-size:20px;color:#3990b9;line-height:31px;} #section9 .element .introduce dl > dd {} #section9 .element .introduce dl > dd:before {display:block;content:"";height:50px;max-height:4.62vh;} #section9 .element .introduce dl > dd .item {display:block;width:100%;text-align:center;background:transparent;} #section9 .element .introduce dl > dd .item ul {display:block;margin:0 auto;} #section9 .element .introduce dl > dd .item ul > li{margin:0 0 10px 0;padding:0;font-size:0;display:inline-block;width:452px;height:445px;vertical-align:top;background:transparent;} #section9 .element .introduce dl > dd .item .image {display:inline-block;vertical-align:top;} #section9 .element .introduce dl > dd .item .image img {width:410px;} #section9 .element .introduce dl > dd .item .contents {display:inline-block;width:410px;padding:0 0 0 0;vertical-align:top;background:transparent;} #section9 .element .introduce dl > dd .item .contents .title {display:block;font-weight:700;font-size:26px;color:#000000;padding:10px 0 10px 10px;border-left:3px solid #cccccc;} #section9 .element .introduce dl > dd .item1 {text-align:left;border-right:1px solid #cccccc;} #section9 .element .introduce dl > dd .item1 .contents{text-align:left;} #section9 .element .introduce dl > dd .item1 .contents .title {margin:31px 0 0 0;} #section9 .element .introduce dl > dd .item1 .contents .summary span {display:block;font-weight:400;font-size:16px;line-height:20px;transform: skew(-0.001deg);} #section9 .element .introduce dl > dd .item1 .contents .summary .text1 {margin:20px 0 0 0;} #section9 .element .introduce dl > dd .item1 .contents .summary .text2 {margin:20px 0 0 0;} #section9 .element .introduce dl > dd .item2 {text-align:right;} #section9 .element .introduce dl > dd .item2 .contents{text-align:left;} #section9 .element .introduce dl > dd .item2 .contents .title {margin:0 0 38px 0;} #section9 .element .introduce dl > dd .item2 .contents .summary {display:block;font-weight:400;font-size:16px;line-height:23px;margin:5px 0 64px 0;transform: skew(-0.001deg);} #section9 .element .introduce dl > dd .item2 .contents .summary i {display:inline-block;width:10px;height:10px;margin:0 10px 0 0;background:#397f7c;font-size:0;vertical-align:middle;transform:translate(0,-1px);} #section10 {display:;} #section10 .section_group {} #section10 .element {display:table;width:100%;height:100vh;text-align:center;background:transparent;} #section10 .element .introduce {display:table-cell;vertical-align:middle;} #section10 .element .introduce dl {width:1270px;padding:0 0 30px 0;margin:0px auto 0 auto;background:transparent;} #section10 .element .introduce dl > dt {} #section10 .element .introduce dl > dt .line1 span {padding:31px 0 0 0;font-weight:700;font-size:29px;color:#66a7c6;line-height:29px;letter-spacing:10px;} #section10 .element .introduce dl > dt .line1 {padding:31px 0 0 0;font-weight:700;font-size:29px;color:#c1c1c1;line-height:29px;letter-spacing:10px;} #section10 .element .introduce dl > dt .line2 {padding:20px 0 0 0;font-weight:700;font-size:49px;color:#000000;line-height:49px;letter-spacing:10px;} #section10 .element .introduce dl > dd {} #section10 .element .introduce dl > dd:before {display:block;content:"";height:50px;max-height:4.62vh;} /*height:85px;*/ #section10 .element .introduce dl > dd .director {display:block;width:100%;text-align:center;background:transparent;} #section10 .element .introduce dl > dd .director ul {display:block;margin:0 auto;} #section10 .element .introduce dl > dd .director ul > li{margin:0 0 0 33px;padding:0;font-size:0;display:inline-block;width:278px;height:267px;vertical-align:top;background:transparent;} #section10 .element .introduce dl > dd .director ul > li:first-child {margin-left:0;} #section10 .element .introduce dl > dd .director .image {display:inline-block;vertical-align:top;} #section10 .element .introduce dl > dd .director .image img {width:277px;} #section10 .element .introduce dl > dd .schedule {margin:40px 0 0 0;} /*margin:77px 0 0 0;*/ #section10 .element .introduce dl > dd .schedule img {width:751px;} #section10 .bar {display:block;height:10.55vh;max-height:114px;margin:-10.55vh 0 0 0;background:#e1e1e1;} #section11 {display:;} #section11 .section_group {} #section11 .element {display:table;width:100%;height:100vh;text-align:center;background:transparent;} #section11 .element .introduce {display:table-cell;vertical-align:middle;} #section11 .element .introduce dl {width:1170px;padding:0 0 30px 0;margin:10px auto 0 auto;background:#ffffff;} #section11 .element .introduce dl > dt {} #section11 .element .introduce dl > dt .line1 span {padding:31px 0 0 0;font-weight:700;font-size:29px;color:#66a7c6;line-height:29px;letter-spacing:10px;} #section11 .element .introduce dl > dt .line1 {padding:31px 0 0 0;font-weight:700;font-size:29px;color:#c1c1c1;line-height:29px;letter-spacing:10px;} #section11 .element .introduce dl > dt .line2 {padding:20px 0 0 0;font-weight:700;font-size:49px;color:#000000;line-height:49px;letter-spacing:10px;} #section11 .element .introduce dl > dd {width:1160px;background:transparent;} #section11 .element .introduce dl > dd:before {display:block;content:"";height:50px;max-height:9.25vh;} /*height:100px;*/ #section11 .element .introduce dl > dd:after {clear:both;display:block;content:"";} #section11 .element .introduce dl > dd .big {float:left;display:block;width:686px;} #section11 .element .introduce dl > dd .big img {width:686px;border:1px solid #777777;} #section11 .element .introduce dl > dd .big .function {position:absolute;margin:-280px 0 0 0;} #section11 .element .introduce dl > dd .big .function .btn:before {display:inline-block;height:100%;vertical-align:middle;content:"";} #section11 .element .introduce dl > dd .big .function .btn {display:inline-block;width:40px;height:40px;vertical-align:middle;border:1px solid #cccccc;color:#777777;cursor:pointer;background:white;} #section11 .element .introduce dl > dd .big .function .btn:hover {color:#66b8c3;transition:all .5s;} #section11 .element .introduce dl > dd .big .function .btn i {display:inline-block;vertical-align:middle;font-size:18px;} #section11 .element .introduce dl > dd .big .function .btn.left {margin:0 0 0 0;} #section11 .element .introduce dl > dd .big .function .btn.right {margin:0 0 0 600px;} #section11 .element .introduce dl > dd .small {float:right;display:block;width:440px;text-align:right;background:transparent;} #section11 .element .introduce dl > dd .small ul {font-size:0;padding:0;margin:0 0 0 0; display: flex; flex-wrap: wrap;} #section11 .element .introduce dl > dd .small ul > li {display:inline-block;width:137px;height:119px;overflow:hidden;margin:0 10px 11px 0;} #section11 .element .introduce dl > dd .small ul > li:nth-child(3n) {margin-right:0;} #section11 .element .introduce dl > dd .small ul > li > img {width:135px;cursor:pointer;border:1px solid #888888;opacity:0.8;} #section11 .element .introduce dl > dd .small ul > li:nth-child(1) img {border:1px solid black;} #section11 .element .introduce dl > dd .small ul > li > img:hover {border:1px solid black;opacity:1;transform:scale(1);transition:all 1s;} #section11 .bar {display:block;height:10.55vh;max-height:114px;margin:-10.55vh 0 0 0;background:#e1e1e1;} #section12 {display:;} #section12 .section_group {} #section12 .element {display:table;width:100%;height:100vh;text-align:center;background:transparent;} #section12 .element .introduce {display:table-cell;vertical-align:middle;} #section12 .element .introduce dl {width:1245px;padding:0 0 30px 0;margin:110px auto 0 auto;background:transparent;} #section12 .element .introduce dl > dt {} #section12 .element .introduce dl > dt .line1 span {padding:31px 0 0 0;font-weight:700;font-size:29px;color:#66a7c6;line-height:29px;letter-spacing:10px;} #section12 .element .introduce dl > dt .line1 {padding:31px 0 0 0;font-weight:700;font-size:29px;color:#c1c1c1;line-height:29px;letter-spacing:10px;} #section12 .element .introduce dl > dt .line2 {padding:20px 0 0 0;font-weight:700;font-size:49px;color:#000000;line-height:49px;letter-spacing:10px;} #section12 .element .introduce dl > dd {width:1245px;background:transparent;} #section12 .element .introduce dl > dd:before {display:block;content:"";height:50px;max-height:9.25vh;} /*height:100px;*/ #section12 .element .introduce dl > dd:after {clear:both;display:block;content:"";} #section12 .element .introduce dl > dd .address {float:left;display:block;width:686px;} #section12 .element .introduce dl > dd .address .map {width:686px;height:438px;border:1px solid #777777;} #section12 .element .introduce dl > dd .address .detail {} #section12 .element .introduce dl > dd .address .detail .type1 {margin:28px 0 0 0;display:block;font-weight:400;font-size:29px;color:#000000;} #section12 .element .introduce dl > dd .address .detail .type1 b{display:inline-block;font-weight:700;font-size:29px;color:#000000;} #section12 .element .introduce dl > dd .address .detail .type2 {margin:10px 0 0 0;display:block;font-weight:400;font-size:21px;color:#000000;} #section12 .element .introduce dl > dd .address .detail .type2 u {display:inline-block;font-weight:400;font-size:19px;color:#000000;padding:5px;margin:0 10px 0 0;border:1px solid black;text-decoration:none;} #section12 .element .introduce dl > dd .guide {float:right;display:block;width:512px;text-align:right;background:transparent;} #section12 .element .introduce dl > dd .guide img {width:;cursor:pointer;opacity:1;box-shadow:0 1px 20px rgba(0,0,0,.2);} #section13 {display:;} #section13 .section_group {} #section13 .section_group:before {clear:both;display:block;content:"";padding-top:20px;} #section13 .section_group:after {clear:both;display:block;content:"";padding-bottom:20px;} #section13 .logo {float:left;width:25%;text-align:center;} #section13 .logo img {width:200px;margin:20px 0 0 0;} #section13 .information {float:left;width:75%;text-align:left;} #section13 .information span {display:block;font-weight:400;font-size:16px;line-height:24px;transform: skew(-0.001deg);} } /*-------------------------------------------------------------------- ||높이가 1080 높으면 --------------------------------------------------------------------*/ @media screen and (min-height: 1080px){ }