@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 {} .pbr {display: none;} .mbr {display: block;} #section0 {background-image:url('/resource/image/home/m-bg0.jpg'); background-repeat:no-repeat;background-size:cover;background-position:center center;}/*filter: blur(6px);-webkit-filter: blur(6px);-moz-filter: blur(6px);-o-filter: blur(6px);*/ #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/bg4.jpg'); background-repeat:no-repeat;background-size:cover;background-position:center center;} #section6 {background-image:url('/resource/image/home/bg4.jpg'); background-repeat:no-repeat;background-size:cover;background-position:center center;} #section7 {background-image:url('/resource/image/home/bg4.jpg'); background-repeat:no-repeat;background-size:cover;background-position:center center;} #section8 {background-image:url('/resource/image/home/bg6.jpg'); background-repeat:no-repeat;background-size:cover;background-position:center center;} #section9 {background-image:url('/resource/image/home/bg7.jpg'); background-repeat:no-repeat;background-size:cover;background-position:center center;} #section10 {background-image:url('/resource/image/home/bg8.jpg'); background-repeat:no-repeat;background-size:cover;background-position:center center;} #section11 {background-image:url('/resource/image/home/bg9.jpg'); background-repeat:no-repeat;background-size:cover;background-position:center center;} #section12 {background-image:url('/resource/image/home/bg10.jpg'); background-repeat:no-repeat;background-size:cover;background-position:center center;} #section13 {background-image:url('/resource/image/home/bg11.jpg'); background-repeat:no-repeat;background-size:cover;background-position:center center;} #section14 {background-image:url('/resource/image/home/bg12.jpg'); background-repeat:no-repeat;background-size:cover;background-position:center center;} #section15 {background-image:url('/resource/image/home/bg13.jpg'); background-repeat:no-repeat;background-size:cover;background-position:center center;} #section16 {background-image:url('/resource/image/home/bg14.jpg'); background-repeat:no-repeat;background-size:cover;background-position:center center;} #section17 {background-image:url('/resource/image/home/bg15.jpg'); background-repeat:no-repeat;background-size:cover;background-position:center center;} #section18 {background-image:url('/resource/image/home/bg16.jpg'); background-repeat:no-repeat;background-size:cover;background-position:center center;} #section19 {background-image:url('/resource/image/home/bg17.jpg'); background-repeat:no-repeat;background-size:cover;background-position:center center;} #section20 {background-image:url('/resource/image/home/bg18.jpg'); background-repeat:no-repeat;background-size:cover;background-position:center center;} #section21 {background-image:url('/resource/image/home/bg19.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:100%;vertical-align:middle;transform:translate(2vw,1vw);} #gnb .menu_area {display:block;width:170vw;height:12vw;background:#b6d3e2;text-align:left;overflow-x:scroll;overflow-y:hidden;white-space:nowrap;} #gnb .menu_area ul {width:125%;display:block;padding:0;margin:4vw 0 0 2vw;background:transparent;} #gnb .menu_area ul > li {display:inline-block;text-align:center;background:transparent;} #gnb .menu_area a {font-size:4vw;font-weight:700;color:#ffffff;padding:0 1.5vw 0 1vw;} #gnb .menu_area .linkOn a {font-size:4vw;font-weight:700;color:#000000;transition:all .8s;} #gnb .menu_area .linkOff {font-size:4vw;font-weight:700;color:#000000;} #gnb .contact_area {position:absolute;margin:-22.4vw 0 0 51vw;display:block;background:transparent;text-align:left;font-size:0;letter-spacing:-0.3vw;} #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;} #aside {} #quick {display:none;} #sns {position:fixed;top:117vw;left:85vw;z-index:200;} #sns ul {} #sns ul > li {display:inline-block;width:13vw;height:13vw;padding:0 0 0 0;margin:0 0 1vw 0;border-radius:20vw;} #sns ul > li a {display:block;padding:2vw 0 0 1.8vw;font-size:0;} #sns ul > li a img {font-size:0;width:80%;vertical-align:middle;} #sns ul > li:nth-child(1) {background:#244c77;} #sns ul > li:nth-child(2) {background:#1dc800;} #sns ul > li:nth-child(3) {background:#fdc735;} #container {} #container .section.default {} #section0 .visual {display:;} #section0 .visual .visual1 {position:absolute;z-index:10;top:0;left:0;} #section0 .visual .visual1 img {width:100%;margin:20vw 0 0 0;} #section0 {display:;} #section0 .section_group {} #section0 .element {padding:0 0 0 0;} #section0 .element .introduce {position:relative;z-index:20;width:90vw;margin:120vw auto 10vw auto;padding:5vw 3vw 5vw 3vw;background:rgba(149,194,218,0.7);} /*background:rgba(255,255,255,0.8);*/ #section0 .element .introduce dl {} #section0 .element .introduce dl > dt {} #section0 .element .introduce dl > dt .line1 {display:inline-block;color:#234872;font-weight:400;font-size:4vw;background:rgba(255,255,255,0);padding:1.5vw;} #section0 .element .introduce dl > dt .line2 {display:inline-block;color:#5c95c9;font-weight:700;font-size:8vw;line-height:10vw;margin:3vw 0 0 0;background:rgba(255,255,255,0);padding:1.5vw;} #section0 .element .introduce dl > dd {} #section0 .element .introduce dl > dd:before {display:block;content:"";height:2vw;} #section0 .element .introduce dl > dd .description1{color:#585858;font-weight:600;font-size:3.6vw;line-height:6vw;letter-spacing:-0.3vw;padding:0;margin:0 0 0 0;background:rgba(255,255,255,0);padding:1.5vw;} #section0 .element .introduce dl > dd .description2{color:#585858;font-weight:400;font-size:3vw;line-height:5vw;letter-spacing:-0.2vw;padding:0;margin:3vw 0 0 0;background:rgba(255,255,255,0);padding:1.5vw;} #section0 .element .introduce dl > dd .description3{color:#ffffff;font-weight:400;font-size:3vw;letter-spacing:-0.2vw;padding:1.5vw 2vw 1.5vw 2vw;margin:4vw 0 0 0;} #section0 .element .description3.gradation{ background-color: #5093c3; background-image: -webkit-gradient(linear, left, right, from(#5093c3), to(#396792)); background-image: -webkit-linear-gradient(left, #5093c3, #396792); background-image: -moz-linear-gradient(left, #5093c3, #396792); background-image: -ms-linear-gradient(left, #5093c3, #396792); background-image: -o-linear-gradient(left, #5093c3, #396792); background-image: linear-gradient(left, #5093c3, #396792); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#5093c3', EndColorStr='#396792'); } #section0 {} #section1 {display:;} #section1 .section_group {} #section1 .visual {} #section1 .visual .visual1 {position:absolute;z-index:20;top:0;left:0;} #section1 .visual .visual1 img {width:10%;margin:40vw 0 0 55vw;} #section1 .visual .visual2 {position:absolute;z-index:20;top:0;left:0;} #section1 .visual .visual2 img {width:80%;margin:42vw 0 0 12vw;} #section1 .element {width:100%;text-align:center;} #section1 .element .introduce {margin:0 0 0 0;} #section1 .element .introduce:before {display:block;height:10vw;content:"";} #section1 .element .introduce dl {} #section1 .element .introduce dl > dt {} #section1 .element .introduce dl > dt .line1 {color:#70afd0;font-weight:600;font-size:5vw;} #section1 .element .introduce dl > dt .line2 {color:#000000;font-weight:400;font-size:6vw;line-height:8vw;margin:3vw 0 0 0;} #section1 .element .introduce dl > dt .line2 b {color:#000000;font-weight:900;font-size:6vw;} #section1 .element .introduce dl > dd {} #section1 .element .introduce dl > dd:before {display:block;content:"";height:75vw;} #section1 .element .introduce dl > dd .line {display:none;} #section1 .element .introduce dl > dd .description {background:rgba(256,256,256,0.3);color:#585858;width:90%;font-weight:600;font-size:3.5vw;line-height:6vw;letter-spacing:-0.3vw;padding:3vw 0 3vw 0;margin:0 auto 0 auto;border-top:1vw solid #70afd0;} #section1 .element .introduce dl > dd .description b {color:#528fc1;font-weight:600;font-size:3.5vw;} #section1 .element .feature {text-align:center;margin:5vw 0 0 0;} #section1 .element .feature ul {display:inline-block;margin:0 0 0 0;} #section1 .element .feature ul > li {display:inline-block;text-align:center;vertical-align:middle;margin:4vw 0 8vw 0;} #section1 .element .feature ul > li:last-child {margin-right:0;} #section1 .element .feature .item div {display:table;width:26vw;height:26vw;color:#ffffff;} #section1 .element .feature .item div span {display:table-cell;font-weight:400;font-size:3vw;line-height:5vw;vertical-align:middle;} #section1 .element .feature .item div span b {font-weight:900;font-size:3vw;} #section1 .element .feature .item hr {position:absolute;display:inline-block;width:7vw;border:0.2vw solid white;margin:0 0 0 -2vw;transform:rotate(130deg);padding:0 0 0 0;display:;}/*transform:rotate(130deg);*/ #section1 .element .feature .item.item1 {background:#70afd0;border:2vw solid #60a1c6;border-radius:50%;} #section1 .element .feature .item.item2 {background:#528fc1;border:2vw solid #4a81ad;border-radius:50%;} #section1 .element .feature .item.item3 {background:#244c77;border:2vw solid #22476f;border-radius:50%;} #section1 .element .feature .item.div {display:none;} #section1 .element .feature .item.div img {} #section2 {display:;} #section2 .section_group {} #section2 .visual {} #section2 .visual .visual1 {position:absolute;z-index:20;left:0;top:0;} #section2 .visual .visual1 img {width:40%;margin:110vw 0 0 58vw;} #section2 .visual .visual2 {position:absolute;z-index:21;top:0;left:0;} #section2 .visual .visual2 img {width:50%;margin:175vw 0 0 50vw;} #section2 .element {} #section2 .element .introduce {width:90%;margin:0 auto;} #section2 .element .introduce:before {display:block;height:10vw;content:"";} #section2 .element .introduce dl {} #section2 .element .introduce dl > dt {} #section2 .element .introduce dl > dt .line1 {color:#a9cfe3;font-weight:600;font-size:5vw;} #section2 .element .introduce dl > dt .line2 {color:#ffffff;font-weight:600;font-size:6vw;margin:3vw 0 0 0;} #section2 .element .introduce dl > dd {} #section2 .element .introduce dl > dd:before {display:block;content:"";height:5vw;} #section2 .element .introduce dl > dd .greeting {display:block;background:rgba(255,255,255,0);letter-spacing:-0.2vw;} #section2 .element .introduce dl > dd .greeting .stress {display:block;color:#000000;font-weight:800;font-size:4vw;line-height:6vw;} #section2 .element .introduce dl > dd .greeting .default {display:block;color:#000000;font-weight:400;font-size:3.3vw;line-height:4vw;margin:3vw 0 0 0;letter-spacing:-0.2vw;} #section2 .element .introduce dl > dd .network {display:block;background:transparent;} #section2 .element .introduce dl > dd .network .title {display:inline-block;border-left:1vw solid #ffffff;color:white;font-weight:600;font-size:6vw;padding:0 0 0 3vw;margin:5vw 0 0 0;} #section2 .element .introduce dl > dd .network .box {margin:4vw 0 0 0;padding:3vw 0 3vw 3vw;width:45vw;background:#195270;border:0.2vw solid #ffffff;} #section2 .element .introduce dl > dd .network .box ul:before {display:block;position:absolute;height:76vw;border-left:0.2vw solid #ffffff;margin:0 0 0 0.8vw;content:"";} #section2 .element .introduce dl > dd .network .box ul {} #section2 .element .introduce dl > dd .network .box ul > li:before {display:inline-block;content:"";font-size:0;width:1vw;height:1vw;border:0.2vw solid #ffffff;transform:rotate(45deg) translate(-1.5vw,1vw);} #section2 .element .introduce dl > dd .network .box ul > li {color:#ffffff;font-weight:400;font-size:3vw;line-height:7vw;margin:0 0 0 2vw;letter-spacing:-0.2vw;} #section2 .element .introduce dl > dd .network .box ul > li:first-child {color:#fffc00;font-weight:900;} #section2 .element .sign {margin:3vw 0 5vw 5vw;} #section2 .element .sign .position {display:inline-block;padding:0 5vw 0 0;color:#ffffff;font-weight:900;font-size:5vw;} #section2 .element .sign .name {display:inline-block;font-size:5vw;} #section2 .element .sign .name img {width:40%;transform:translate(0,2vw);} #section2 .element .sign .name:after {display:inline-block;padding:0 0 0 5vw;content:"올림";color:#ffffff;font-weight:700;font-size:4vw;} #section3 {display:;} #section3 .section_group {} #section3 .visual {} #section3 .visual .visual1 {position:absolute;z-index:20;top:0;left:0;} #section3 .visual .visual1 img {width:30%;margin:40vw 0 0 68vw;} #section3 .visual .visual2 {position:absolute;z-index:20;top:0;left:0;} #section3 .visual .visual2 img {width:100%;margin:30vw 0 0 0;} #section3 .element {width:100%;} #section3 .element:after {clear:both;display:block;content:"";} #section3 .element .introduce {width:90%;margin:0 0 0 5vw;} #section3 .element .introduce:before {display:block;height:10vw;content:"";} #section3 .element .introduce dl {z-index:30;} #section3 .element .introduce dl > dt {text-align:center;} #section3 .element .introduce dl > dt .line1 {color:#999999;font-weight:600;font-size:5vw;} #section3 .element .introduce dl > dt .line2 {color:#3678ad;font-weight:900;font-size:6vw;margin:4vw 0 0 0;} #section3 .element .introduce dl > dd {} #section3 .element .introduce dl > dd:before {display:block;content:"";height:80vw;} #section3 .element .introduce dl > dd:after {display:block;content:"";height:10vw;} #section3 .element .introduce dl > dd .title {display:inline-block;background:#e9e9e9;font-weight:800;font-size:4vw;padding:2vw 2vw 2vw 2vw;} #section3 .element .introduce dl > dd .title span {color:#3678ad;font-size:4vw;} #section3 .element .introduce dl > dd .detail {margin:4vw 0 0 0;} #section3 .element .introduce dl > dd .detail ul {} #section3 .element .introduce dl > dd .detail ul > li {display:block;color:#000000;font-weight:600;font-size:4vw;line-height:9vw;letter-spacing:-0.1vw;text-align:left;border-bottom:0.2vw solid #cccccc;} #section3 .element .introduce dl > dd .detail ul > li:last-child {border-bottom:0;} #section3 .element .introduce dl > dd .detail ul > li b {display:inline-block;color:#3678ad;font-weight:600;font-size:5vw;margin:0 2vw 0 0;padding:0 0 0 2vw;} #section4 {display:;} #section4 .section_group {} #section4 .visual {} #section4 .visual .visual1 {position:absolute;z-index:20;top:0;left:0;} #section4 .visual .visual1 img {width:50%;margin:25vw 0 0 25vw;} #section4 .shape {display:none;} #section4 .shape .box1 {display:none;} #section4 .shape .box2 {display:none;} #section4 .element {width:100%;text-align:center;background:center;} #section4 .element .introduce {padding:0 0 4vw 0;} #section4 .element .introduce:before {display:block;height:10vw;content:"";} #section4 .element .introduce dl {} #section4 .element .introduce dl > dt {} #section4 .element .introduce dl > dt .line1 {color:#70afd0;font-weight:600;font-size:4vw;} #section4 .element .introduce dl > dt .line2 {color:#000000;font-weight:900;font-size:5vw;margin:4vw 0 0 0;} #section4 .element .introduce dl > dd {width:100%;position:relative;z-index:30;} #section4 .element .introduce dl > dd:before {display:block;content:"";height:75vw;} #section4 .element .introduce dl > dd .history {width:80%;margin:0 auto;background:#ffffff;padding:3vw;text-align:left;box-shadow:0 0.2vw 2vw rgba(0,0,0,.2);} #section4 .element .introduce dl > dd .history .title {} #section4 .element .introduce dl > dd .history .title .name {display:block;color:#000000;font-weight:900;font-size:5vw;margin:0 0 3vw 0;} #section4 .element .introduce dl > dd .history .title .icon {display:inline-block;vertical-align:middle;} #section4 .element .introduce dl > dd .history .title .icon img {width:5vw;} #section4 .element .introduce dl > dd .history .title .position {display:inline-block;vertical-align:middle;color:#528fc1;font-weight:800;font-size:3.5vw;padding:0 0 0 0;} #section4 .element .introudce dl > dd .history .title .position > span {display: block; font-size: 3.5vw; padding-top:2vw;} #section4 .element .introduce dl > dd .history .box {} #section4 .element .introduce dl > dd .history .box ul {margin:4vw 0 0 0;} #section4 .element .introduce dl > dd .history .box ul > li {color:#000000;font-weight:400;font-size:3.5vw;line-height:5vw;letter-spacing:-0.3vw;} #section4 .element .introduce dl > dd .history .box ul > li i {font-family:"돋움" !important;font-style:normal;font-size:3.5vw;} #section4 .element .introduce dl > dd .naming {width:80%;margin:8vw auto 8vw auto;text-align:left;} #section4 .element .introduce dl > dd .naming .slogan {margin:4vw 0 0 0;} #section4 .element .introduce dl > dd .naming .slogan .explanation {display:inline-block;width:20vw;color:#000000;font-weight:300;font-size:6vw;} #section4 .element .introduce dl > dd .naming .slogan .character {display:inline-block;color:#c1dceb;font-weight:600;font-size:10vw;} #section4 .element .introduce dl > dd .naming .slogan .character i {font-family:"돋움" !important;font-style:normal;font-size:10vw;} #section4 .element .introduce dl > dd .naming .detail {margin:6vw 0 0 0;} #section4 .element .introduce dl > dd .naming .name {color:#2987b9;font-weight:800;font-size:6vw;} #section4 .element .introduce dl > dd .naming .description {color:#2987b9;font-weight:600;font-size:3.8vw;line-height:6vw;margin:2vw 0 0 0;letter-spacing:-0.2vw;} #section4 .element .introduce dl > dd .naming .image {margin:4vw 0 0 0;box-shadow:0 0.2vw 2vw rgba(0,0,0,.2);display:none;} #section4 .element .introduce dl > dd .naming .image img {width:100%;} #section5 {display:;} #section5 .section_group {} #section5 .visual {} #section5 .visual .visual1 {position:absolute;z-index:20;top:0;left:0;} #section5 .visual .visual1 img {width:75%;margin:25vw 0 0 5vw;} #section5 .shape {display:none;} #section5 .shape .box1 {display:none;} #section5 .shape .box2 {display:none;} #section5 .element {width:100%;text-align:center;background:center;} #section5 .element .introduce {padding:0 0 4vw 0;} #section5 .element .introduce:before {display:block;height:10vw;content:"";} #section5 .element .introduce dl {} #section5 .element .introduce dl > dt {} #section5 .element .introduce dl > dt .line1 {color:#70afd0;font-weight:600;font-size:4vw;} #section5 .element .introduce dl > dt .line2 {color:#000000;font-weight:900;font-size:5vw;margin:4vw 0 0 0;} #section5 .element .introduce dl > dd {width:100%;position:relative;z-index:30;} #section5 .element .introduce dl > dd:before {display:block;content:"";height:75vw;} #section5 .element .introduce dl > dd .history {width:80%;margin:0 auto;background:#ffffff;padding:3vw;text-align:left;box-shadow:0 0.2vw 2vw rgba(0,0,0,.2);} #section5 .element .introduce dl > dd .history .title {} #section5 .element .introduce dl > dd .history .title .name {display:block;color:#000000;font-weight:900;font-size:5vw;margin:0 0 3vw 0;} #section5 .element .introduce dl > dd .history .title .icon {display:inline-block;vertical-align:middle;} #section5 .element .introduce dl > dd .history .title .icon img {width:5vw;} #section5 .element .introduce dl > dd .history .title .position {display:inline-block;vertical-align:middle;color:#528fc1;font-weight:800;font-size:3.5vw;padding:0 0 0 0;} #section5 .element .introduce dl > dd .history .box {} #section5 .element .introduce dl > dd .history .box ul {margin:4vw 0 0 0;} #section5 .element .introduce dl > dd .history .box ul > li {color:#000000;font-weight:400;font-size:3.5vw;line-height:5vw;letter-spacing:-0.3vw;} #section5 .element .introduce dl > dd .history .box ul > li i {font-family:"돋움" !important;font-style:normal;font-size:3.5vw;} #section5 .element .introduce dl > dd .naming {width:80%;margin:8vw auto 8vw auto;text-align:left;} #section5 .element .introduce dl > dd .naming .slogan {margin:4vw 0 0 0;} #section5 .element .introduce dl > dd .naming .slogan .explanation {display:inline-block;width:20vw;color:#000000;font-weight:300;font-size:6vw;} #section5 .element .introduce dl > dd .naming .slogan .character {display:inline-block;color:#c1dceb;font-weight:600;font-size:10vw;} #section5 .element .introduce dl > dd .naming .slogan .character i {font-family:"돋움" !important;font-style:normal;font-size:10vw;} #section5 .element .introduce dl > dd .naming .detail {margin:6vw 0 0 0;} #section5 .element .introduce dl > dd .naming .name {color:#2987b9;font-weight:800;font-size:6vw;} #section5 .element .introduce dl > dd .naming .description {color:#2987b9;font-weight:600;font-size:3.8vw;line-height:6vw;margin:2vw 0 0 0;letter-spacing:-0.2vw;} #section5 .element .introduce dl > dd .naming .image {margin:4vw 0 0 0;box-shadow:0 0.2vw 2vw rgba(0,0,0,.2);display:none;} #section5 .element .introduce dl > dd .naming .image img {width:100%;} #section6 {display:;} #section6 .section_group {} #section6 .visual {} #section6 .visual .visual1 {position:absolute;z-index:20;top:0;left:0;} #section6 .visual .visual1 img {width:50%;margin:25vw 0 0 25vw;} #section6 .shape {display:none;} #section6 .shape .box1 {display:none;} #section6 .shape .box2 {display:none;} #section6 .element {width:100%;text-align:center;background:center;} #section6 .element .introduce {padding:0 0 4vw 0;} #section6 .element .introduce:before {display:block;height:10vw;content:"";} #section6 .element .introduce dl {} #section6 .element .introduce dl > dt {} #section6 .element .introduce dl > dt .line1 {color:#70afd0;font-weight:600;font-size:4vw;} #section6 .element .introduce dl > dt .line2 {color:#000000;font-weight:900;font-size:5vw;margin:4vw 0 0 0;} #section6 .element .introduce dl > dd {width:100%;position:relative;z-index:30;} #section6 .element .introduce dl > dd:before {display:block;content:"";height:75vw;} #section6 .element .introduce dl > dd .history {width:80%;margin:0 auto;background:#ffffff;padding:3vw;text-align:left;box-shadow:0 0.2vw 2vw rgba(0,0,0,.2);} #section6 .element .introduce dl > dd .history .title {} #section6 .element .introduce dl > dd .history .title .name {display:block;color:#000000;font-weight:900;font-size:5vw;margin:0 0 3vw 0;} #section6 .element .introduce dl > dd .history .title .icon {display:inline-block;vertical-align:middle;} #section6 .element .introduce dl > dd .history .title .icon img {width:5vw;} #section6 .element .introduce dl > dd .history .title .position {display:inline-block;vertical-align:middle;color:#528fc1;font-weight:800;font-size:3.5vw;padding:0 0 0 0;} #section6 .element .introduce dl > dd .history .box {} #section6 .element .introduce dl > dd .history .box ul {margin:4vw 0 0 0;} #section6 .element .introduce dl > dd .history .box ul > li {color:#000000;font-weight:400;font-size:3.5vw;line-height:5vw;letter-spacing:-0.3vw;} #section6 .element .introduce dl > dd .history .box ul > li i {font-family:"돋움" !important;font-style:normal;font-size:3.5vw;} #section6 .element .introduce dl > dd .naming {width:80%;margin:8vw auto 8vw auto;text-align:left;} #section6 .element .introduce dl > dd .naming .slogan {margin:4vw 0 0 0;} #section6 .element .introduce dl > dd .naming .slogan .explanation {display:inline-block;width:20vw;color:#000000;font-weight:300;font-size:6vw;} #section6 .element .introduce dl > dd .naming .slogan .character {display:inline-block;color:#c1dceb;font-weight:600;font-size:10vw;} #section6 .element .introduce dl > dd .naming .slogan .character i {font-family:"돋움" !important;font-style:normal;font-size:10vw;} #section6 .element .introduce dl > dd .naming .detail {margin:6vw 0 0 0;} #section6 .element .introduce dl > dd .naming .name {color:#2987b9;font-weight:800;font-size:6vw;} #section6 .element .introduce dl > dd .naming .description {color:#2987b9;font-weight:600;font-size:3.8vw;line-height:6vw;margin:2vw 0 0 0;letter-spacing:-0.2vw;} #section6 .element .introduce dl > dd .naming .image {margin:4vw 0 0 0;box-shadow:0 0.2vw 2vw rgba(0,0,0,.2);display:none;} #section6 .element .introduce dl > dd .naming .image img {width:100%;} /* 260713 하태헌원장 추가*/ #section22 {display:;} #section22 .section_group {} #section22 .visual {} #section22 .visual .visual1 {position:absolute;z-index:20;top:0;left:0;} #section22 .visual .visual1 img {width:50%;margin:25vw 0 0 25vw;} #section22 .shape {display:none;} #section22 .shape .box1 {display:none;} #section22 .shape .box2 {display:none;} #section22 .element {width:100%;text-align:center;background:center;} #section22 .element .introduce {padding:0 0 4vw 0;} #section22 .element .introduce:before {display:block;height:10vw;content:"";} #section22 .element .introduce dl {} #section22 .element .introduce dl > dt {} #section22 .element .introduce dl > dt .line1 {color:#70afd0;font-weight:600;font-size:4vw;} #section22 .element .introduce dl > dt .line2 {color:#000000;font-weight:900;font-size:5vw;margin:4vw 0 0 0;} #section22 .element .introduce dl > dd {width:100%;position:relative;z-index:30;} #section22 .element .introduce dl > dd:before {display:block;content:"";height:75vw;} #section22 .element .introduce dl > dd .history {width:80%;margin:0 auto;background:#ffffff;padding:3vw;text-align:left;box-shadow:0 0.2vw 2vw rgba(0,0,0,.2);} #section22 .element .introduce dl > dd .history .title {} #section22 .element .introduce dl > dd .history .title .name {display:block;color:#000000;font-weight:900;font-size:5vw;margin:0 0 3vw 0;} #section22 .element .introduce dl > dd .history .title .icon {display:inline-block;vertical-align:middle;} #section22 .element .introduce dl > dd .history .title .icon img {width:5vw;} #section22 .element .introduce dl > dd .history .title .position {display:inline-block;vertical-align:middle;color:#528fc1;font-weight:800;font-size:3.5vw;padding:0 0 0 0;} #section22 .element .introduce dl > dd .history .box {} #section22 .element .introduce dl > dd .history .box ul {margin:4vw 0 0 0;} #section22 .element .introduce dl > dd .history .box ul > li {color:#000000;font-weight:400;font-size:3.5vw;line-height:5vw;letter-spacing:-0.3vw;} #section22 .element .introduce dl > dd .history .box ul > li i {font-family:"돋움" !important;font-style:normal;font-size:3.5vw;} #section22 .element .introduce dl > dd .naming {width:80%;margin:8vw auto 8vw auto;text-align:left;} #section22 .element .introduce dl > dd .naming .slogan {margin:4vw 0 0 0;} #section22 .element .introduce dl > dd .naming .slogan .explanation {display:inline-block;width:20vw;color:#000000;font-weight:300;font-size:6vw;} #section22 .element .introduce dl > dd .naming .slogan .character {display:inline-block;color:#c1dceb;font-weight:600;font-size:10vw;} #section22 .element .introduce dl > dd .naming .slogan .character i {font-family:"돋움" !important;font-style:normal;font-size:10vw;} #section22 .element .introduce dl > dd .naming .detail {margin:6vw 0 0 0;} #section22 .element .introduce dl > dd .naming .name {color:#2987b9;font-weight:800;font-size:6vw;} #section22 .element .introduce dl > dd .naming .description {color:#2987b9;font-weight:600;font-size:3.8vw;line-height:6vw;margin:2vw 0 0 0;letter-spacing:-0.2vw;} #section22 .element .introduce dl > dd .naming .image {margin:4vw 0 0 0;box-shadow:0 0.2vw 2vw rgba(0,0,0,.2);display:none;} #section22 .element .introduce dl > dd .naming .image img {width:100%;} #section7 {display:;} #section7 .section_group {} #section7 .visual {} #section7 .visual .visual1 {position:absolute;z-index:20;top:0;left:0;} #section7 .visual .visual1 img {width:50%;margin:25vw 0 0 25vw;} #section7 .shape {display:none;} #section7 .shape .box1 {display:none;} #section7 .shape .box2 {display:none;} #section7 .element {width:100%;text-align:center;background:center;} #section7 .element .introduce {padding:0 0 4vw 0;} #section7 .element .introduce:before {display:block;height:10vw;content:"";} #section7 .element .introduce dl {} #section7 .element .introduce dl > dt {} #section7 .element .introduce dl > dt .line1 {color:#70afd0;font-weight:600;font-size:4vw;} #section7 .element .introduce dl > dt .line2 {color:#000000;font-weight:900;font-size:5vw;margin:4vw 0 0 0;} #section7 .element .introduce dl > dd {width:100%;position:relative;z-index:30;} #section7 .element .introduce dl > dd:before {display:block;content:"";height:75vw;} #section7 .element .introduce dl > dd .history {width:80%;margin:0 auto;background:#ffffff;padding:3vw;text-align:left;box-shadow:0 0.2vw 2vw rgba(0,0,0,.2);} #section7 .element .introduce dl > dd .history .title {} #section7 .element .introduce dl > dd .history .title .name {display:block;color:#000000;font-weight:900;font-size:5vw;margin:0 0 3vw 0;} #section7 .element .introduce dl > dd .history .title .icon {display:inline-block;vertical-align:middle;} #section7 .element .introduce dl > dd .history .title .icon img {width:5vw;} #section7 .element .introduce dl > dd .history .title .position {display:inline-block;vertical-align:middle;color:#528fc1;font-weight:800;font-size:3.5vw;padding:0 0 0 0;} #section7 .element .introduce dl > dd .history .box {} #section7 .element .introduce dl > dd .history .box ul {margin:4vw 0 0 0;} #section7 .element .introduce dl > dd .history .box ul > li {color:#000000;font-weight:400;font-size:3.5vw;line-height:5vw;letter-spacing:-0.3vw;} #section7 .element .introduce dl > dd .history .box ul > li i {font-family:"돋움" !important;font-style:normal;font-size:3.5vw;} #section7 .element .introduce dl > dd .naming {width:80%;margin:8vw auto 8vw auto;text-align:left;} #section7 .element .introduce dl > dd .naming .slogan {margin:4vw 0 0 0;} #section7 .element .introduce dl > dd .naming .slogan .explanation {display:inline-block;width:20vw;color:#000000;font-weight:300;font-size:6vw;} #section7 .element .introduce dl > dd .naming .slogan .character {display:inline-block;color:#c1dceb;font-weight:600;font-size:10vw;} #section7 .element .introduce dl > dd .naming .slogan .character i {font-family:"돋움" !important;font-style:normal;font-size:10vw;} #section7 .element .introduce dl > dd .naming .detail {margin:6vw 0 0 0;} #section7 .element .introduce dl > dd .naming .name {color:#2987b9;font-weight:800;font-size:6vw;} #section7 .element .introduce dl > dd .naming .description {color:#2987b9;font-weight:600;font-size:3.8vw;line-height:6vw;margin:2vw 0 0 0;letter-spacing:-0.2vw;} #section7 .element .introduce dl > dd .naming .image {margin:4vw 0 0 0;box-shadow:0 0.2vw 2vw rgba(0,0,0,.2);display:none;} #section7 .element .introduce dl > dd .naming .image img {width:100%;} #section8 {display:;} #section8 .section_group {} #section8 .visual {} #section8 .visual .visual1 {position:absolute;z-index:20;top:0;left:0;width:100%;text-align:center;} #section8 .visual .visual1 img {width:88%;margin:40vw 0 0 0;} #section8 .visual .visual2 {position:absolute;z-index:20;top:0;left:0;} #section8 .visual .visual2 img {width:40%;margin:2vw 0 0 60vw;} #section8 .element {} #section8 .element .introduce {width:100%;margin:0 0 10vw 0;text-align:center;} #section8 .element .introduce:before {display:block;height:10vw;content:"";} #section8 .element .introduce dl {} #section8 .element .introduce dl > dt {text-align:left;padding:0 0 0 7vw;} #section8 .element .introduce dl > dt .line1 {display:block;color:#70afd0;font-weight:600;font-size:4vw;} #section8 .element .introduce dl > dt .line2 {display:block;color:#000000;font-weight:400;font-size:5vw;margin:4vw 0 0 0;} #section8 .element .introduce dl > dt .line3 {display:block;color:#000000;font-weight:900;font-size:5vw;margin:7vw 0 0 0;} #section8 .element .introduce dl > dd {} #section8 .element .introduce dl > dd:before {display:block;content:"";height:10vw;} #section8 .element .introduce dl > dd .feature {width:80%;margin:86vw auto 0 auto;padding:3vw;background:rgba(255,255,255,0.8);text-align:left;} #section8 .element .introduce dl > dd .feature .title {display:block;color:#000000;font-weight:800;font-size:6vw;margin:5vw 0 0 0;} #section8 .element .introduce dl > dd .feature .description1 {display:block;color:#000000;font-weight:400;font-size:4.3vw;line-height:6vw;margin:4vw 0 0 0;letter-spacing:-0.3vw;} #section8 .element .introduce dl > dd .feature .description1 b {font-weight:600;font-size:4.5vw;} #section8 .element .introduce dl > dd .feature .description2 {display:block;color:#000000;font-weight:400;font-size:4vw;line-height:5vw;margin:3vw 0 0 0;} #section9 {display:;} #section9 .section_group {} #section9 .visual {} #section9 .visual .image {position:absolute;z-index:20;top:0;left:0;} #section9 .visual .image img {width:60%;margin:105vw 0 0 20vw;} #section9 .visual .button {display:none;} #section9 .visual .button .after{background:white;padding:4vw;border:0.2vw solid #cccccc;text-align:center;cursor:pointer;color:#555555;} #section9 .visual .button .after:hover {color:#66b8c3;transition:all .5s;} #section9 .visual .button .after i{vertical-align:middle;transform:scale(1.4);} #section9 .element {} #section9 .element .introduce {width:100%;} #section9 .element .introduce:before {display:block;height:10vw;content:"";} #section9 .element .introduce dl {} #section9 .element .introduce dl > dt {text-align:center;} #section9 .element .introduce dl > dt .line1 {display:block;color:#70afd0;font-weight:600;font-size:4vw;} #section9 .element .introduce dl > dt .line2 {display:block;color:#000000;font-weight:900;font-size:6vw;margin:4vw 0 0 0;} #section9 .element .introduce dl > dt .line3 {display:block;color:#000000;font-weight:400;font-size:3vw;margin:4vw 0 0 0;line-height:5vw;} #section9 .element .introduce dl > dt .line3 b {font-weight:600;font-size:3.5vw;} #section9 .element .introduce dl > dd {} #section9 .element .introduce dl > dd:before {display:block;content:"";height:5vw;} #section9 .element .introduce dl > dd .feature:before {height:4vw;} #section9 .element .introduce dl > dd .feature {} #section9 .element .introduce dl > dd .feature .images {display:block;color:#ffffff;font-weight:0;margin:2vw 0 0 0;text-align:center;} #section9 .element .introduce dl > dd .feature .images span{display:inline-block;width:45%;margin:0 0 2vw 0;} #section9 .element .introduce dl > dd .feature .images span img{width:80%;} #section9 .element .introduce dl > dd .feature .description1 {display:block;width:90%;margin:5vw auto 0 auto;color:#000000;font-weight:600;font-size:4vw;line-height:6vw;word-break:keep-all;} #section9 .element .introduce dl > dd .feature .description1 br {display:none;} #section9 .element .introduce dl > dd .feature .description1 span {color:#437f9e;font-size:4vw;} #section9 .element .introduce dl > dd .feature .description2 {display:block;width:90%;margin:70vw auto 10vw auto;color:#000000;font-weight:400;font-size:4vw;line-height:6vw;word-break:keep-all;} #section9 .element .introduce dl > dd .feature .description2 br {display:none;} #section10 {display:;} #section10 .section_group {} #section10 .element {} #section10 .element .introduce {width:100%;text-align:center;} #section10 .element .introduce:before {display:block;height:10vw;content:"";} #section10 .element .introduce dl {} #section10 .element .introduce dl > dt {} #section10 .element .introduce dl > dt .line1 {display:block;color:#000000;font-weight:900;font-size:6vw;} #section10 .element .introduce dl > dt .line2 {display:block;color:#000000;font-weight:500;font-size:3vw;line-height:5vw;margin:4vw 0 0 0;letter-spacing:-0.3vw;} #section10 .element .introduce dl > dd {} #section10 .element .introduce dl > dd:before {display:block;content:"";height:7vw;} #section10 .element .introduce dl > dd .feature {} #section10 .element .introduce dl > dd .feature .images {} #section10 .element .introduce dl > dd .feature .images ul {font-size:0;} #section10 .element .introduce dl > dd .feature .images ul > li {display:inline-block;width:28%;vertical-align:middle;margin-right:3%;} #section10 .element .introduce dl > dd .feature .images ul > li:last-child {margin-right:0;} #section10 .element .introduce dl > dd .feature .images .item {width:28%;text-align:center;} #section10 .element .introduce dl > dd .feature .images .item img {width:100%;} #section10 .element .introduce dl > dd .feature .images .div {display:none;} #section10 .element .introduce dl > dd .feature .images .div img {display:none;} #section10 .element .introduce dl > dd .feature .title:before {display:block;content:"";height:5vw;background:transparent;} #section10 .element .introduce dl > dd .feature .title {} #section10 .element .introduce dl > dd .feature .title span {display:inline-block;background:#528fc1;width:60vw;color:#ffffff;font-weight:700;font-size:5vw;padding:2vw 0 2vw 0;border-radius:10vw;margin:0 auto;text-align:center;} #section10 .element .introduce dl > dd .feature .description:before {display:block;content:"";height:5vw;background:transparent;} #section10 .element .introduce dl > dd .feature .description {width:80%;margin:5vw auto 0 auto;padding:3vw;background:rgba(256,256,256,0.8);color:#000000;font-weight:400;font-size:4vw;line-height:6.5vw;word-break:keep-all;box-shadow:0 0.2vw 2vw rgba(0,0,0,.2);border-radius:3vw;text-align:left;} #section10 .element .introduce dl > dd .feature .description br {display:inline-block;} #section10 .element .introduce dl > dd .feature .description u {color:#528fc1;font-weight:400;font-size:4vw;} #section11 {display:;} #section11 .section_group {} #section11 .element {} #section11 .element .introduce {width:100%;text-align:center;} #section11 .element .introduce:before {display:block;height:10vw;content:"";} #section11 .element .introduce dl {} #section11 .element .introduce dl > dt {} #section11 .element .introduce dl > dt .line1 {display:block;color:#000000;font-weight:900;font-size:6vw;} #section11 .element .introduce dl > dt .line2 {display:block;color:#000000;font-weight:500;font-size:4vw;line-height:5.5vw;width:90%;padding:3vw;margin:0 auto 0 auto;word-break:keep-all;} #section11 .element .introduce dl > dt .line2 br {display:none;} #section11 .element .introduce dl > dt .line2 b {color:#000000;font-weight:600;font-size:4vw;} #section11 .element .introduce dl > dd {} #section11 .element .introduce dl > dd:before {display:block;content:"";height:7vw;} #section11 .element .introduce dl > dd .feature {} #section11 .element .introduce dl > dd .feature .images {} #section11 .element .introduce dl > dd .feature .images ul {font-size:0;} #section11 .element .introduce dl > dd .feature .images ul > li {display:inline-block;width:45%;vertical-align:middle;margin:0 0 3vw 0;} #section11 .element .introduce dl > dd .feature .images ul > li:last-child {margin-right:0;} #section11 .element .introduce dl > dd .feature .images ul > li img {width:90%;} #section11 .element .introduce dl > dd .feature .title:before {display:block;content:"";height:5vw;background:transparent;} #section11 .element .introduce dl > dd .feature .title {} #section11 .element .introduce dl > dd .feature .title span {display:inline-block;width:90%;color:#ffffff;font-weight:700;font-size:6vw;padding:0 0 2vw 0;text-align:center;border-bottom:0 solid #ffffff;} #section11 .element .introduce dl > dd .feature .description:before {display:block;content:"";height:4vw;background:transparent;} #section11 .element .introduce dl > dd .feature .description {margin:0 0 10vw 0;} #section11 .element .introduce dl > dd .feature .description ul {font-size:0;margin:0 0 0 0;background:transparent;} #section11 .element .introduce dl > dd .feature .description ul > li {display:inline-block;width:70%;color:#ffffff;font-weight:400;font-size:4.5vw;line-height:6vw;padding:2vw 0 2vw 15vw;margin:0 0 3vw 0;text-align:left;background:#165e99;border-radius:15vw;} #section11 .element .introduce dl > dd .feature .description ul > li i {position:absolute;margin:3vw 0 0 -10vw;} #section11 .element .introduce dl > dd .feature .description ul > li i img {width:70%;} #section12 {display:;} #section12 .section_group {} #section12 .element {} #section12 .element .introduce {width:100%;text-align:center;} #section12 .element .introduce:before {display:block;height:10vw;content:"";} #section12 .element .introduce dl {} #section12 .element .introduce dl > dt {} #section12 .element .introduce dl > dt .line1 {display:block;color:#000000;font-weight:900;font-size:6vw;} #section12 .element .introduce dl > dt .line2:before {display:block;content:"";height:4vw;} #section12 .element .introduce dl > dt .line2 {display:block;color:#000000;font-weight:500;font-size:4vw;line-height:5vw;width:90%;padding:3vw;margin:0 auto 0 auto;word-break:keep-all;} #section12 .element .introduce dl > dt .line2 br {display:none;} #section12 .element .introduce dl > dd {} #section12 .element .introduce dl > dd:before {display:block;content:"";height:7vw;} #section12 .element .introduce dl > dd .feature {} #section12 .element .introduce dl > dd .feature .feature1 {width:90%;margin:0 auto;padding:0 0 2vw 0;background:#ffffff;box-shadow:0 0.2vw 2vw rgba(0,0,0,.2);text-align:left;} #section12 .element .introduce dl > dd .feature .feature1 .box {margin:0 0 0 4vw} #section12 .element .introduce dl > dd .feature .feature1 .box .title:before {display:block;content:"";height:5vw;background:transparent;} #section12 .element .introduce dl > dd .feature .feature1 .box .title {} #section12 .element .introduce dl > dd .feature .feature1 .box .title span:before {position:absolute;display:inline-block;width:1vw;height:12vw;border-left:1vw solid #000000;content:"";margin:1vw 0 0 -2vw;} #section12 .element .introduce dl > dd .feature .feature1 .box .title span {display:inline-block;padding:0 0 0 2vw;color:#000000;font-weight:500;font-size:6vw;line-height:7vw;} #section12 .element .introduce dl > dd .feature .feature1 .box .title span b {font-weight:800;font-size:6vw;} #section12 .element .introduce dl > dd .feature .feature1 .box ul {margin:5vw 0 0 0;} #section12 .element .introduce dl > dd .feature .feature1 .box ul > li {color:#000000;font-weight:400;font-size:3.8vw;margin:0 0 4vw 0;letter-spacing:-0.4vw;} #section12 .element .introduce dl > dd .feature .feature1 .box ul > li i {display:inline-block;font-style:normal;color:#000000;font-weight:400;font-size:4vw;margin:0 2vw 0 0;padding:2vw;border:0.2vw solid #000000;text-align:center;} #section12 .element .introduce dl > dd .feature .feature2 {width:95%;margin:5vw auto 0 auto;padding:0 0 2vw 0;background:transparent;box-shadow:0 0.2vw 2vw rgba(0,0,0,0);text-align:center;} #section12 .element .introduce dl > dd .feature .feature2 .box {margin:0 0 0 0} #section12 .element .introduce dl > dd .feature .feature2 .box .title:before {display:block;content:"";height:7vw;background:transparent;} #section12 .element .introduce dl > dd .feature .feature2 .box .title {} #section12 .element .introduce dl > dd .feature .feature2 .box .title span {background:#0d2641;color:#ffffff;font-weight:400;font-size:6vw;padding:2vw 8vw 2vw 8vw;} #section12 .element .introduce dl > dd .feature .feature2 .box .title span b{font-weight:600;font-size:6vw;} #section12 .element .introduce dl > dd .feature .feature2 .box ul {font-size:0;margin:5vw 0 0 0;} #section12 .element .introduce dl > dd .feature .feature2 .box ul > li {font-size:0;display:inline-block;width:45%;height:45vw;vertical-align:top;} #section12 .element .introduce dl > dd .feature .feature2 .box ul > li:nth-child(1) {border-right:0.2vw solid #cccccc;border-bottom:0.2vw solid #cccccc;} #section12 .element .introduce dl > dd .feature .feature2 .box ul > li:nth-child(2) {border-right:0 solid #ffffff;border-bottom:0.2vw solid #cccccc;} #section12 .element .introduce dl > dd .feature .feature2 .box ul > li:nth-child(3) {border-right:0.2vw solid #cccccc;border-bottom:0 solid #ffffff;} #section12 .element .introduce dl > dd .feature .feature2 .box ul > li:nth-child(4) {border-right:0 solid #ffffff;border-bottom:0 solid #ffffff;} #section12 .element .introduce dl > dd .feature .feature2 .box ul > li span {display:block;} #section12 .element .introduce dl > dd .feature .feature2 .image {} #section12 .element .introduce dl > dd .feature .feature2 .image img {width:60%;margin:0 0 0 0;} #section12 .element .introduce dl > dd .feature .feature2 .name {background:#70afd0;color:#ffffff;font-weight:800;font-size:4vw;width:90%;padding:2vw 0 2vw 0;margin:0 auto 0 auto;border-radius:20vw;} #section13 {display:;} #section13 .section_group {} #section13 .visual {} #section13 .visual .visual1 {position:absolute;z-index:20;top:0;left:0;} #section13 .visual .visual1 img {width:70%;margin:81.8vw 0 0 18vw;} #section13 .visual .visual2 {position:absolute;z-index:20;top:0;left:0;} #section13 .visual .visual2 img {width:35%;margin:33vw 0 0 5vw;} #section13 .element {} #section13 .element .introduce {width:100%;text-align:center;} #section13 .element .introduce:before {display:block;height:10vw;content:"";} #section13 .element .introduce dl {} #section13 .element .introduce dl > dt {} #section13 .element .introduce dl > dt .line1 {display:block;color:#b3d5e6;font-weight:800;font-size:4vw;} #section13 .element .introduce dl > dt .line2:before {display:block;content:"";height:4vw;} #section13 .element .introduce dl > dt .line2 {display:block;color:#ffffff;font-weight:900;font-size:6vw;} #section13 .element .introduce dl > dd {} #section13 .element .introduce dl > dd:before {display:block;content:"";height:10vw;} #section13 .element .introduce dl > dd .feature {margin:0 0 0 5vw;} #section13 .element .introduce dl > dd .feature:after {clear:block;display:block;content:"";} #section13 .element .introduce dl > dd .feature .feature1 {text-align:left;} #section13 .element .introduce dl > dd .feature .feature1 .box {} #section13 .element .introduce dl > dd .feature .feature1 .box .title1 {margin:0 0 0 25vw;} #section13 .element .introduce dl > dd .feature .feature1 .box .title1 span {color:#132c47;font-weight:400;font-size:5vw;} #section13 .element .introduce dl > dd .feature .feature1 .box .title1 span big {color:#ffffff;font-weight:600;font-size:8vw;} #section13 .element .introduce dl > dd .feature .feature1 .box .title1 span b {color:#ffffff;font-size:6vw;} #section13 .element .introduce dl > dd .feature .feature1 .box .title2 {margin:3vw 0 0 25vw;} #section13 .element .introduce dl > dd .feature .feature1 .box .title2 span {color:#ffffff;font-weight:400;font-size:7vw;letter-spacing:-0.3vw;} #section13 .element .introduce dl > dd .feature .feature1 .box .title2 span b {color:#ffffff;font-size:7vw;} #section13 .element .introduce dl > dd .feature .feature1 .box ul {margin:10vw 0 0 0;} #section13 .element .introduce dl > dd .feature .feature1 .box ul > li {color:#091829;font-weight:600;font-size:5vw;margin:0 0 4vw 0;} #section13 .element .introduce dl > dd .feature .feature1 .box ul > li i {display:inline-block;width:20vw;font-style:normal;background:#244c77;color:#ffffff;font-weight:600;font-size:3.5vw;margin:0 2vw 0 0;padding:1vw 0 1vw 0;text-align:center;transform:translate(0,-0.5vw);letter-spacing:-0.3vw;} #section13 .element .introduce dl > dd .feature .feature1 .box ul > li u {font-size:4vw;text-decoration:none;transform:skew(-0.001deg);} #section13 .element .introduce dl > dd .feature .feature2 {margin:70vw 0 0 0;} #section13 .element .introduce dl > dd .feature .feature2 .box {color:#091829;width:95%;font-weight:600;font-size:3vw;line-height:5vw;text-align:left;letter-spacing:-0.3vw;padding:1.5vw 0 0 0;margin:0 0 10vw 0;border-top:1vw solid #244c77;} #section13 .element .introduce dl > dd .feature .feature2 .box b {font-weight:800;font-size:3vw;} #section14 {display:;} #section14 .section_group {} #section14 .element {} #section14 .element .introduce {width:100%;text-align:center;} #section14 .element .introduce:before {display:block;height:10vw;content:"";} #section14 .element .introduce dl {} #section14 .element .introduce dl > dt {} #section14 .element .introduce dl > dt .line1 {display:block;color:#b3d5e6;font-weight:800;font-size:4vw;} #section14 .element .introduce dl > dt .line2:before {display:block;content:"";height:4vw;} #section14 .element .introduce dl > dt .line2 {display:block;color:#ffffff;font-weight:900;font-size:5vw;} #section14 .element .introduce dl > dd {} #section14 .element .introduce dl > dd:before {display:block;content:"";height:4vw;} #section14 .element .introduce dl > dd .feature {} #section14 .element .introduce dl > dd .feature:after {clear:block;display:block;content:"";} #section14 .element .introduce dl > dd .feature .feature1 {} #section14 .element .introduce dl > dd .feature .feature1 .box {color:#ffffff;font-weight:600;font-size:3vw;line-height:4vw;letter-spacing:-0.3vw;text-align:center;} #section14 .element .introduce dl > dd .feature .feature1 .box b {font-weight:800;font-size:4vw;} #section14 .element .introduce dl > dd .feature .feature2 {margin:5vw 0 0 0;} #section14 .element .introduce dl > dd .feature .feature2 .box {width:80%;margin:0 auto;} #section14 .element .introduce dl > dd .feature .feature2 .box:after {clear:both;display:block;content:"";} #section14 .element .introduce dl > dd .feature .feature2 .box .image1 {} #section14 .element .introduce dl > dd .feature .feature2 .box .image1 img {width:90%;} #section14 .element .introduce dl > dd .feature .feature2 .box .image2 {margin:4vw 0 10vw 0;} #section14 .element .introduce dl > dd .feature .feature2 .box .image2 img {width:90%;} #section15 {display:;} #section15 .section_group {} #section15 .element {} #section15 .element .introduce {width:100%;text-align:center;} #section15 .element .introduce:before {display:block;height:10vw;content:"";} #section15 .element .introduce dl {} #section15 .element .introduce dl > dt {} #section15 .element .introduce dl > dt .line1 {display:block;color:#878787;font-weight:800;font-size:4vw;} #section15 .element .introduce dl > dt .line2 {display:block;color:#000000;font-weight:900;font-size:6vw;margin-top:3vw;} #section15 .element .introduce dl > dt .line3 {display:block;color:#000000;font-weight:400;font-size:3.5vw;margin-top:3vw;letter-spacing:-0.2vw;width:80%;line-height:4vw;margin:3vw auto 0 auto;word-break:keep-all;} #section15 .element .introduce dl > dd {} #section15 .element .introduce dl > dd:before {display:block;content:"";height:7vw;} #section15 .element .introduce dl > dd .example:after {clear:block;display:block;content:"";} #section15 .element .introduce dl > dd .example {width:90%;margin:0 auto;background:#ffffff;box-shadow:0 0.2vw 2vw rgba(0,0,0,0);} #section15 .element .introduce dl > dd .example .function {} #section15 .element .introduce dl > dd .example .function .btn {color:#cccccc;} #section15 .element .introduce dl > dd .example .function .btn span {position:absolute;display:inline-block;width:4vw;height:4vw;background:transparent;border:0 solid #cccccc;cursor:pointer;} #section15 .element .introduce dl > dd .example .function .btn span:hover {color:#66b8c3;transition:all .5s;} #section15 .element .introduce dl > dd .example .function .btn span i {display:inline-block;margin:0 0 0 0;transform:scale(1.5);} #section15 .element .introduce dl > dd .example .function .btn.left span {margin:70vw 0 0 -43vw;} #section15 .element .introduce dl > dd .example .function .btn.right span {margin:70vw 0 0 38vw;} #section15 .element .introduce dl > dd .example .box {width:100%;margin:0 auto 10vw auto;} #section15 .element .introduce dl > dd .example .box .title {margin:2vw auto;width:80%;} #section15 .element .introduce dl > dd .example .box .title span {margin:0 0 5vw 0;display:inline-block;width:100%;padding:2vw 0 2vw 0;border-top:0.3vw solid #528fc1;border-bottom:0.3vw solid #528fc1;color:#528fc1;font-weight:700;font-size:6vw;} #section15 .element .introduce dl > dd .example .box .before {width:70%;margin:5vw auto 0 auto;} #section15 .element .introduce dl > dd .example .box .before .subject {width:100%;background:#7d7d7d;color:#ffffff;font-weight:400;font-size:4vw;padding:2vw 0 2vw 0;} #section15 .element .introduce dl > dd .example .box .before .subject b{color:#ffffff;font-weight:800;font-size:4vw;} #section15 .element .introduce dl > dd .example .box .before .image {} #section15 .element .introduce dl > dd .example .box .before .image img{width:100%;} #section15 .element .introduce dl > dd .example .box .after {width:70%;margin:9vw auto 0 auto;} #section15 .element .introduce dl > dd .example .box .after .subject {width:100%;background:#528fc1;color:#ffffff;font-weight:400;font-size:4vw;padding:2vw 0 2vw 0;} #section15 .element .introduce dl > dd .example .box .after .subject b{color:#ffffff;font-weight:800;font-size:4vw;} #section15 .element .introduce dl > dd .example .box .after .image {} #section15 .element .introduce dl > dd .example .box .after .image img{width:100%;} #section16 {display:;} #section16 .section_group {} #section16 .element {} #section16 .element .introduce {width:100%;text-align:center;} #section16 .element .introduce:before {display:block;height:10vw;content:"";} #section16 .element .introduce dl {} #section16 .element .introduce dl > dt {} #section16 .element .introduce dl > dt .line1 {display:block;color:#ffffff;font-weight:900;font-size:6vw;} #section16 .element .introduce dl > dt .line2 {display:block;color:#ffffff;font-weight:400;font-size:3.5vw;line-height:5vw;letter-spacing:-0.3vw;margin:4vw 0 0 0;} #section16 .element .introduce dl > dd {} #section16 .element .introduce dl > dd:before {display:block;content:"";height:4vw;} #section16 .element .introduce dl > dd .feature {} #section16 .element .introduce dl > dd .feature ul {margin:4vw 0 0 0;} #section16 .element .introduce dl > dd .feature ul > li {display:inline-block;width:80%;margin:0 0 10vw 0;background:#ffffff;border-radius:10%;} #section16 .element .introduce dl > dd .feature .box {width:100%;background:transparent;border-radius:10vw;} #section16 .element .introduce dl > dd .feature .box .title {display:block;padding:5vw 0 0 0;color:#000000;font-weight:800;font-size:6vw;} #section16 .element .introduce dl > dd .feature .box .title b {color:#44ff67;font-size:5vw;} #section16 .element .introduce dl > dd .feature .box .name {display:inline-block;margin:4vw 0 4vw 0;padding:1.5vw 0 1.5vw 0;width:20vw;background:#528fc1;color:#ffffff;font-weight:700;font-size:4vw;} #section16 .element .introduce dl > dd .feature .box .image {display:block;} #section16 .element .introduce dl > dd .feature .box .image img {width:50%;} #section16 .element .introduce dl > dd .feature .summary {display:inline-block;margin:4vw 0 4vw 0;color:#000000;font-weight:400;font-size:4vw;line-height:5vw;} #section16 .element .introduce dl > dd .feature ul > li:nth-child(3) {background:#528fc1;} #section16 .element .introduce dl > dd .feature ul > li:nth-child(3) .box .title {color:#ffffff;} #section16 .element .introduce dl > dd .feature ul > li:nth-child(3) .box .name {background:#244c77;} #section16 .element .introduce dl > dd .feature ul > li:nth-child(3) .summary {color:#ffffff;} #section17 {display:;} #section17 .section_group {} #section17 .visual {} #section17 .visual .visual1 {position:absolute;z-index:20;top:0;left:0} #section17 .visual .visual1 img {width:40%;margin:12vw 0 0 60vw;} #section17 .element {} #section17 .element .introduce {width:100%;text-align:center;} #section17 .element .introduce:before {display:block;height:5vw;content:"";} #section17 .element .introduce dl {} #section17 .element .introduce dl > dt {text-align:left;margin:0 0 0 7vw;} #section17 .element .introduce dl > dt .line1 {display:block;color:#000000;font-weight:900;font-size:8vw;line-height:10vw;letter-spacing:3vw;} #section17 .element .introduce dl > dt .line1 span {display:block;color:#3678ad;font-weight:900;font-size:7vw;width:90%;letter-spacing:-0.2vw;} #section17 .element .introduce dl > dt .line2:before {display:block;content:"";height:12vw;} #section17 .element .introduce dl > dt .line2 {display:block;color:#000000;font-weight:400;font-size:4vw;line-height:6vw;width:90%;word-break:keep-all;} #section17 .element .introduce dl > dt .line2 br {display:none;} #section17 .element .introduce dl > dd {} #section17 .element .introduce dl > dd:before {display:block;content:"";height:5vw;} #section17 .element .introduce dl > dd .feature {} #section17 .element .introduce dl > dd .feature ul {margin:5vw 0 0 0;} #section17 .element .introduce dl > dd .feature ul > li {display:inline-block;width:30%;margin:0 2vw 9vw 0;} #section17 .element .introduce dl > dd .feature ul > li:nth-child(3n) {margin-right:0;} #section17 .element .introduce dl > dd .feature .num {position:absolute;width:30%;text-align:center;margin:-5vw 0 0 -15%;} #section17 .element .introduce dl > dd .feature .num i {display:inline-block;padding:2vw 2vw 2vw 2vw;background:#528fc1;color:#ffffff;font-style:normal;font-weight:700;font-size:4vw;border:0.5vw solid #ffffff;border-radius:50%;text-align:center;} #section17 .element .introduce dl > dd .feature .image {display:block;} #section17 .element .introduce dl > dd .feature .image img {width:100%;} #section17 .element .introduce dl > dd .feature .title {display:block;margin:0 0 0 0;padding:3vw 0 3vw 0;background:#528fc1;color:#ffffff;font-weight:700;font-size:3vw;text-align:center;} #section17 .element .introduce dl > dd .feature ul > li:nth-child(n+5) .num i {background:#244c77;} #section17 .element .introduce dl > dd .feature ul > li:nth-child(n+5) .title {background:#244c77;} #section18 {display:;} #section18 .section_group {} #section18 .element {width:100%;text-align:center;background:transparent;} #section18 .element .introduce {} #section18 .element .introduce dl {margin:10vw auto 5vw auto;background:#ffffff;} #section18 .element .introduce dl > dt {} #section18 .element .introduce dl > dt .line1 {font-weight:700;font-size:4vw;color:#878787;} #section18 .element .introduce dl > dt .line2 {font-weight:800;font-size:6vw;color:#000000;margin:4vw 0 0 0;} #section18 .element .introduce dl > dd {width:100%;background:transparent;} #section18 .element .introduce dl > dd:before {display:block;content:"";height:5vw;} #section18 .element .introduce dl > dd .big {display:block;width:91%;margin:0 auto 4vw auto;background:transparent;} #section18 .element .introduce dl > dd .big img {width:100%;border:0.2vw solid #777777;} #section18 .element .introduce dl > dd .big .function {position:absolute;z-index:30;margin:0 0 0 0;} #section18 .element .introduce dl > dd .big .function .btn:before {display:inline-block;height:100%;vertical-align:middle;content:"";} #section18 .element .introduce dl > dd .big .function .btn {display:inline-block;width:10vw;height:10vw;vertical-align:middle;border:0.2vw solid #cccccc;color:#777777;cursor:pointer;background:white;} #section18 .element .introduce dl > dd .big .function .btn:hover {color:#66b8c3;transition:all .5s;} #section18 .element .introduce dl > dd .big .function .btn i {display:inline-block;vertical-align:middle;font-size:4vw;} #section18 .element .introduce dl > dd .big .function .btn.left {position:absolute;margin:-40vw 0 0 0;} #section18 .element .introduce dl > dd .big .function .btn.right {position:absolute;margin:-40vw 0 0 80vw;} #section18 .element .introduce dl > dd .small {display:block;width:100vw;margin:0 0 7vw 0;background:transparent;} #section18 .element .introduce dl > dd .small ul {font-size:0;padding:0;margin:0 0 0 0;} #section18 .element .introduce dl > dd .small ul > li {display:inline-block;width:29vw;overflow:hidden;margin:0 1.3vw 1vw 0;} #section18 .element .introduce dl > dd .small ul > li:nth-child(3n) {margin-left:0;} #section18 .element .introduce dl > dd .small ul > li > img {width:100%;cursor:pointer;border:0 solid #888888;opacity:0.8;} #section18 .element .introduce dl > dd .small ul > li:nth-child(1) img {border:0 solid black;} #section18 .element .introduce dl > dd .small ul > li > img:hover {border:0 solid black;opacity:1;transform:scale(1);transition:all 1s;} #section19 {display:;} #section19 .section_group {} #section19 .element {} #section19 .element .introduce {width:100%;text-align:center;} #section19 .element .introduce:before {display:block;height:10vw;content:"";} #section19 .element .introduce dl {} #section19 .element .introduce dl > dt {} #section19 .element .introduce dl > dt .line1 {display:block;color:#838383;font-weight:600;font-size:4vw;} #section19 .element .introduce dl > dt .line2 {display:block;color:#000000;font-weight:900;font-size:6vw;margin:4vw 0 0 0;} #section19 .element .introduce dl > dd {} #section19 .element .introduce dl > dd:before {display:block;content:"";height:5vw;} #section19 .element .introduce dl > dd .information {} #section19 .element .introduce dl > dd .information .title {display:block;width:100%;color:#091829;font-weight:600;font-size:6vw;text-align:center;} #section19 .element .introduce dl > dd .information ul {width:70%;margin:8vw auto 0 auto;} #section19 .element .introduce dl > dd .information ul > li {display:block;margin:0 0 5vw 0;vertical-align:top;} #section19 .element .introduce dl > dd .information .box {background:#ffffff;padding:4vw 0 4vw 4vw;border-top:1vw solid #528fc1;box-shadow:0 0.2vw 2vw rgba(0,0,0,.2);text-align:left;} #section19 .element .introduce dl > dd .information .box .num {display:block;} #section19 .element .introduce dl > dd .information .box .num i {display:inline-block;background:#9dc3e7;color:#ffffff;font-weight:600;font-size:4vw;font-style:normal;padding:8px;border-radius:50%;} #section19 .element .introduce dl > dd .information .box .icon {display:block;width:100%;text-align:right;margin:-10vw 0 0 -7vw;} #section19 .element .introduce dl > dd .information .box .icon img {width:25%;} #section19 .element .introduce dl > dd .information .box .division {display:block;margin:0 0 0 0;font-weight:800;font-size:5vw;} #section19 .element .introduce dl > dd .information .box .summary {display:block;margin:4vw 0 0 0;font-weight:400;font-size:4vw;line-height:5vw;} #section19 .element .additional {margin:5vw 0 5vw 0;} #section19 .element .additional .schedule {background:#ffffff;width:66%;margin:0 auto;padding:4vw 0 3vw 4vw;box-shadow:0 0.2vw 2vw rgba(0,0,0,.2);} #section19 .element .additional .schedule .title {display:block;text-align:left;font-weight:600;font-size:5vw;margin:0 0 3vw 0;background:transparent;} #section19 .element .additional .schedule .detail ul {} #section19 .element .additional .schedule .detail ul > li {line-height:30px;} #section19 .element .additional .schedule .detail .division {display:inline-block;width:20vw;color:#528fc1;font-weight:800;font-size:4vw;} #section19 .element .additional .schedule .detail .contents {color:#000000;font-weight:400;font-size:4vw;} #section19 .element .additional .inquiry {background:#528fc1;width:66%;margin:0 auto;padding:4vw 0 3vw 4vw;box-shadow:0 0.2vw 2vw rgba(0,0,0,.2);} #section19 .element .additional .inquiry .box {margin:0 0 0 0;background:transparent;} #section19 .element .additional .inquiry .box .title {font-weight:600;color:#ffffff;font-size:6vw;} #section19 .element .additional .inquiry .box .detail {margin:4vw 0 0 0;color:#ffffff;font-weight:800;font-size:9vw;} #section19 .element .additional .inquiry .box .detail a {} #section19 .element .additional .inquiry .box .detail a span {color:#ffffff;} #section19 .element .additional .inquiry .box .detail .firstNum {display:block;font-weight:800;font-size:9vw;color:#ffffff;} #section19 .element .additional .inquiry .box .detail .bodyNum {display:block;font-weight:800;font-size:9vw;color:#ffffff;} #section20 {display:;} #section20 .section_group {} #section20 .element {} #section20 .element .introduce {width:100%;text-align:center;} #section20 .element .introduce:before {display:block;height:10vw;content:"";} #section20 .element .introduce dl {} #section20 .element .introduce dl > dt {} #section20 .element .introduce dl > dt .line1 {display:block;color:#b3d5e6;font-weight:600;font-size:4vw;} #section20 .element .introduce dl > dt .line2 {display:block;color:#ffffff;font-weight:900;font-size:6vw;margin:4vw 0 0 0;} #section20 .element .introduce dl > dd {} #section20 .element .introduce dl > dd:before {display:block;content:"";height:4vw;} #section20 .element .introduce dl > dd .location {} #section20 .element .introduce dl > dd .location .address1 {color:#ffffff;font-weight:600;font-size:4vw;} #section20 .element .introduce dl > dd .location .address2 {margin:4vw 0 0 0;} #section20 .element .introduce dl > dd .location .address2 span {display:inline-block;width:78vw;background:#135585;color:#ffffff;font-weight:400;font-size:4vw;line-height:6vw;padding:2vw 4vw 2vw 4vw;letter-spacing:-0.3vw;border-radius:50vw;} #section20 .element .introduce dl > dd .location .address2 span b {font-size:4vw;} #section20 .element .introduce dl > dd .location .map {margin:7vw auto 0 auto;width:84%;height:90vw;border:2px solid #999999;background:#000000;} #section21 {display:;} #section21 .section_group {} #section21 .logo {display:none;} #section21 .information {display:block;width:100%;text-align:left;padding:5vw 0 5vw 0;background:#eeeeee;} #section21 .information span {display:block;font-weight:400;font-size:2.5vw;letter-spacing:-0.2vw;line-height:6vw;margin:0 0 0 2vw;font-weight:800;} #section21 .menu {display:none;margin:0 0 0 0;text-align:center;background:transparent;} #section21 .menu ul {font-size:0;} #section21 .menu ul > li {display:inline-block;margin:0 5px 0 0;background:transparent;} #section21 .menu ul > li:last-child {margin-right:0;} #section21 .menu ul > li a {} #section21 .menu ul > li a img {} } /*-------------------------------------------------------------------- ||PC --------------------------------------------------------------------*/ @media screen and (min-width: 768px){ #section0 {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/bg4.jpg'); background-repeat:no-repeat;background-size:cover;background-position:left top;} #section6 {background-image:url('/resource/image/home/bg4.jpg'); background-repeat:no-repeat;background-size:cover;background-position:left top;} #section22 {background-image:url('/resource/image/home/bg4.jpg'); background-repeat:no-repeat;background-size:cover;background-position:left top;} #section7 {background-image:url('/resource/image/home/bg4.jpg'); background-repeat:no-repeat;background-size:cover;background-position:left top;} #section8 {background-image:url('/resource/image/home/bg6.jpg'); background-repeat:no-repeat;background-size:cover;background-position:left top;} #section9 {background-image:url('/resource/image/home/bg7.jpg'); background-repeat:no-repeat;background-size:cover;background-position:left top;} #section10 {background-image:url('/resource/image/home/bg8.jpg'); background-repeat:no-repeat;background-size:cover;background-position:left top;} #section11 {background-image:url('/resource/image/home/bg9.jpg'); background-repeat:no-repeat;background-size:cover;background-position:left top;} #section12 {background-image:url('/resource/image/home/bg10.jpg'); background-repeat:no-repeat;background-size:cover;background-position:left top;} #section13 {background-image:url('/resource/image/home/bg11.jpg'); background-repeat:no-repeat;background-size:cover;background-position:left top;} #section14 {background-image:url('/resource/image/home/bg12.jpg'); background-repeat:no-repeat;background-size:cover;background-position:left top;} #section15 {background-image:url('/resource/image/home/bg13.jpg'); background-repeat:no-repeat;background-size:cover;background-position:left top;} #section16 {background-image:url('/resource/image/home/bg14.jpg'); background-repeat:no-repeat;background-size:cover;background-position:left top;} #section17 {background-image:url('/resource/image/home/bg15.jpg'); background-repeat:no-repeat;background-size:cover;background-position:left top;} #section18 {background-image:url('/resource/image/home/bg16.jpg'); background-repeat:no-repeat;background-size:cover;background-position:left top;} #section19 {background-image:url('/resource/image/home/bg17.jpg'); background-repeat:no-repeat;background-size:cover;background-position:left top;} #section20 {background-image:url('/resource/image/home/bg18.jpg'); background-repeat:no-repeat;background-size:cover;background-position:left top;} #section21 {background-image:url('/resource/image/home/bg19.jpg'); background-repeat:no-repeat;background-size:cover;background-position:left top;} body {} #wrap {} .mbr {display: none;} .pbr {display: block;} #wrap .width_area {width:1270px;margin:0 auto;background:transparent;} #wrap .width_area:after {display:block;clear:both;content:"";} #header {display:;} #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:300px;height:4.79vw;background:transparent;} #gnb .logo_area:before {display:inline-block;height:100%;vertical-align:middle;content:"";} #gnb .logo_area img {width:297px;vertical-align:middle;} #gnb .menu_area {display:inline-block;width:950px;height:100%;text-align:right;background:transparent;} #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:66px;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:18px;font-weight:700;color:#000000;} #gnb .menu_area .linkOn a {font-size:18px;font-weight:700;color:#3990b9;transition:all .8s;} #gnb .menu_area .linkOff a {font-size:18px;font-weight:700;color:#000000;} #gnb .contact_area {display:none;} #aside {} #quick {position:fixed;z-index:100;top:320px;left:100%;margin:0 0 0 -120px;} #quick ul {border:1px solid #d7d7d2;border-radius:1px;} #quick ul > li {} #quick ul > li > a {font-size:0;padding:0;} #quick ul > li > a > img {} #sns {display:none;} #container {} #container .section.default {height:100vh;} #section0 {display:;} #section0 .section_group {} #section0 .visual .visual1 {display:none;} #section0 .element {position:absolute;z-index:30;} #section0 .element .introduce {} #section0 .element .introduce:before {display:block;height:24.53vh;max-height:265px;content:"";} #section0 .element .introduce dl {} #section0 .element .introduce dl > dt {} #section0 .element .introduce dl > dt .line1 {color:#234872;font-weight:400;font-size:36px;} #section0 .element .introduce dl > dt .line1 span {color:#234872;font-weight:400;font-size:36px;} #section0 .element .introduce dl > dt .line2 {color:#5c95c9;font-weight:700;font-size:65px;line-height:82px;margin:22px 0 0 0;} #section0 .element .introduce dl > dd {} #section0 .element .introduce dl > dd:before {display:block;content:"";height:70px;} #section0 .element .introduce dl > dd .description1{color:#585858;font-weight:600;font-size:22px;line-height:32px;letter-spacing:-1px;padding:0;margin:0 0 0 0;} #section0 .element .introduce dl > dd .description2{color:#585858;font-weight:400;font-size:18px;line-height:28px;letter-spacing:-1px;padding:0;margin:20px 0 0 0;} #section0 .element .introduce dl > dd .description3{color:#ffffff;font-weight:400;font-size:20px;line-height:30px;letter-spacing:-1px;padding:5px 10px 5px 10px;margin:57px 0 0 0;} #section0 .element .description3.gradation{ background-color: #5093c3; background-image: -webkit-gradient(linear, left, right, from(#5093c3), to(#396792)); background-image: -webkit-linear-gradient(left, #5093c3, #396792); background-image: -moz-linear-gradient(left, #5093c3, #396792); background-image: -ms-linear-gradient(left, #5093c3, #396792); background-image: -o-linear-gradient(left, #5093c3, #396792); background-image: linear-gradient(left, #5093c3, #396792); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#5093c3', EndColorStr='#396792'); } #section1 {display:;} #section1 .section_group {} #section1 .visual {display:none;} #section1 .visual .visual1 {position:absolute;z-index:20;top:100vh;left:100vw;margin:-82vh 0 0 -18vw;} #section1 .visual .visual1 img {} #section1 .visual .visual2 {position:absolute;z-index:20;top:100vh;left:100vw;margin:-78vh 0 0 -44vw;} #section1 .visual .visual2 img {} #section1 .element {position:absolute;z-index:30;} #section1 .element .introduce {} #section1 .element .introduce:before {display:block;height:18.51vh;max-height:200px;content:"";} #section1 .element .introduce dl {} #section1 .element .introduce dl > dt {} #section1 .element .introduce dl > dt .line1 {color:#70afd0;font-weight:600;font-size:32px;} #section1 .element .introduce dl > dt .line2 {color:#000000;font-weight:400;font-size:50px;line-height:66px;margin:20px 0 0 0;} #section1 .element .introduce dl > dt .line2 b {color:#000000;font-weight:900;font-size:50px;} #section1 .element .introduce dl > dd {} #section1 .element .introduce dl > dd:before {display:block;content:"";height:20px;} #section1 .element .introduce dl > dd .line {height:40px;border-left:1px solid #b3b3b3;margin:0 0 20px 0;} #section1 .element .introduce dl > dd .description {color:#585858;font-weight:600;font-size:22px;line-height:32px;letter-spacing:-1px;padding:0;margin:0 0 0 0;} #section1 .element .introduce dl > dd .description b {color:#528fc1;font-weight:600;font-size:22px;} #section1 .element .feature {} #section1 .element .feature:before {display:block;height:5.55vh;max-height:60px;content:"";} #section1 .element .feature ul {} #section1 .element .feature ul > li {display:inline-block;text-align:center;vertical-align:middle;} #section1 .element .feature .item div {display:table;width:220px;height:220px;color:#ffffff;} #section1 .element .feature .item div span {display:table-cell;font-weight:400;font-size:24px;line-height:34px;vertical-align:middle;} #section1 .element .feature .item div span b {font-weight:900;font-size:24px;} #section1 .element .feature .item hr {display:inline-block;width:50px;border:1px solid white;transform:rotate(130deg);margin:10px 0 0 50px;padding:0 0 0 0;} #section1 .element .feature .item.item1 {background:#70afd0;border:15px solid #60a1c6;border-radius:50%;} #section1 .element .feature .item.item2 {background:#528fc1;border:15px solid #4a81ad;border-radius:50%;} #section1 .element .feature .item.item3 {background:#244c77;border:15px solid #22476f;border-radius:50%;} #section1 .element .feature .item.div {width:86px;text-align:center;} #section2 {display:;} #section2 .section_group {} #section2 .visual {display:none;} #section2 .visual .visual1 {position:absolute;z-index:21;top:100vh;left:100vw;margin:-75vh 0 0 -30vw;} #section2 .visual .visual1 img {} #section2 .visual .visual2 {position:absolute;z-index:20;top:100vh;left:100vw;margin:-26vh 0 0 -36vw;} #section2 .visual .visual2 img {} #section2 .element {position:absolute;z-index:30;} #section2 .element .introduce {} #section2 .element .introduce:before {display:block;height:18.51vh;max-height:200px;content:"";} #section2 .element .introduce dl {} #section2 .element .introduce dl > dt {} #section2 .element .introduce dl > dt .line1 {color:#a9cfe3;font-weight:600;font-size:32px;} #section2 .element .introduce dl > dt .line2 {color:#ffffff;font-weight:600;font-size:45px;margin:28px 0 0 0;} #section2 .element .introduce dl > dd {} #section2 .element .introduce dl > dd:before {display:block;content:"";height:70px;} #section2 .element .introduce dl > dd .greeting {display:inline-block;background:#ffffff;width:540px;padding:35px 40px 35px 40px;margin:0 84px 0 0;border:2px solid #3e7e9f;vertical-align:top;} #section2 .element .introduce dl > dd .greeting .stress {display:block;color:#195270;font-weight:600;font-size:23px;line-height:32px;} #section2 .element .introduce dl > dd .greeting .default {display:block;color:#000000;font-weight:400;font-size:17px;line-height:25px;margin:38px 0 0 0;} #section2 .element .introduce dl > dd .network {display:inline-block;background:transparent;vertical-align:top;} #section2 .element .introduce dl > dd .network .title {display:inline-block;border-left:3px solid #ffffff;color:white;font-weight:600;font-size:30px;padding:0 0 0 10px;} #section2 .element .introduce dl > dd .network .box {margin:58px 0 0 0;padding:22px 0 22px 20px;width:190px;background:#195270;border:1px solid #ffffff;} #section2 .element .introduce dl > dd .network .box ul:before {display:block;position:absolute;width:1px;height:320px;border-left:1px solid #ffffff;content:"";} #section2 .element .introduce dl > dd .network .box ul {} #section2 .element .introduce dl > dd .network .box ul > li:before {display:inline-block;content:"";font-size:0;width:5px;height:5px;border:1px solid #ffffff;transform:rotate(45deg) translate(-5px,5px);} #section2 .element .introduce dl > dd .network .box ul > li {color:#ffffff;font-weight:400;font-size:14px;line-height:29px;margin:0 0 0 5px;letter-spacing:-1px;} #section2 .element .introduce dl > dd .network .box ul > li:first-child {color:#fffc00;font-weight:900;} #section2 .element .sign {margin:20px 0 0 0;} #section2 .element .sign .position {display:inline-block;padding:0 20px 0 0;color:#ffffff;font-weight:900px;font-size:20px;} #section2 .element .sign .name {display:inline-block;font-size:20px;} #section2 .element .sign .name img {transform:translate(0,15px);} #section2 .element .sign .name:after {display:inline-block;padding:0 0 0 20px;content:"올림";color:#ffffff;font-weight:700px;font-size:20px;} #section3 {display:;} #section3 .section_group {} #section3 .visual {display:none;} #section3 .visual .visual1 {position:absolute;z-index:20;top:100vh;left:100vw;margin:-85vh 0 0 -90vw;} #section3 .visual .visual1 img {} #section3 .visual .visual2 {position:absolute;z-index:20;top:100vh;left:0;margin:-72vh 0 0 0;} #section3 .visual .visual2 img {} #section3 .element {width:100%;} #section3 .element:after {clear:both;display:block;content:"";} #section3 .element .introduce {float:right;width:570px;text-align:center;} #section3 .element .introduce:before {display:block;height:21.29vh;max-height:230px;content:"";} #section3 .element .introduce dl {position:absolute;z-index:30;} #section3 .element .introduce dl > dt {} #section3 .element .introduce dl > dt .line1 {color:#999999;font-weight:600;font-size:31px;} #section3 .element .introduce dl > dt .line2 {color:#3678ad;font-weight:900;font-size:45px;margin:20px 0 0 0;} #section3 .element .introduce dl > dd {} #section3 .element .introduce dl > dd:before {display:block;content:"";height:40px;} #section3 .element .introduce dl > dd .title {background:#e9e9e9;color:#000000;font-weight:800;font-size:27px;padding:7px 0 7px 0;} #section3 .element .introduce dl > dd .title span {color:#3678ad;font-size:27px;} #section3 .element .introduce dl > dd .detail {margin:55px 0 0 0;} #section3 .element .introduce dl > dd .detail ul {width:485px;margin:0 auto;} #section3 .element .introduce dl > dd .detail ul > li {display:block;color:#000000;font-weight:600;font-size:18px;line-height:60px;text-align:left;border-bottom:1px solid #cccccc;} #section3 .element .introduce dl > dd .detail ul > li b {display:inline-block;color:#3678ad;font-weight:600;font-size:34px;margin:0 10px 0 0;padding:0 0 0 10px;} #section4 {display:; overflow: hidden;} #section4 .section_group {} #section4 .visual {display:none;} #section4 .visual .visual1 {position:absolute;top:91vh;left:100vw;margin:-65vh 0 0 -62.5vw;} #section4 .visual .visual1 img {} #section4 .shape {display:none;} #section4 .shape .box1 {position:absolute;z-index:30;top:0;left:0;width:120%;height:80vh;margin:78vh 0 0 0;background:#589ec2;transform-origin:right;transform:rotate(-6deg);} #section4 .shape .box2 {position:absolute;z-index:30;top:0;left:0;width:120%;height:80vh;margin:81vh 0 0 0;background:linear-gradient(to right, #a8cbde, #70afd0);transform-origin:right;transform:rotate(-5deg);} #section4 .element {width:100%;text-align:center;background:center;} #section4 .element .introduce {} #section4 .element .introduce:before {display:block;height:13.88vh;max-height:150px;content:"";} /*height:200px;*/ #section4 .element .introduce dl {} #section4 .element .introduce dl > dt {} #section4 .element .introduce dl > dt .line1 {color:#70afd0;font-weight:600;font-size:31px;} #section4 .element .introduce dl > dt .line2 {color:#000000;font-weight:900;font-size:46px;margin:20px 0 0 0;} #section4 .element .introduce dl > dd {} #section4 .element .introduce dl > dd:before {display:block;content:"";height:40px;} #section4 .element .introduce dl > dd:after {clear:both;display:block;content:"";} #section4 .element .introduce dl > dd .history {float:left;width:425px;background:#ffffff;padding:25px 0 25px 25px; text-align:left;box-shadow:0 1px 10px rgba(0,0,0,.2); position: relative; z-index: 50;} #section4 .element .introduce dl > dd .history:after {position:absolute;display:inline-block;width:130px;height:16px;background:#528fc1;content:"";margin:15px 0 0 0;} #section4 .element .introduce dl > dd .history .title {} #section4 .element .introduce dl > dd .history .title .name {display:block;color:#000000;font-weight:900;font-size:31px;margin:0 0 10px 0;} #section4 .element .introduce dl > dd .history .title .icon {display:inline-block;vertical-align:middle;} #section4 .element .introduce dl > dd .history .title .icon img {width:25px;} #section4 .element .introduce dl > dd .history .title .position {display:inline-block;vertical-align:middle;color:#528fc1;font-weight:800;font-size:18px;padding:0 0 0 5px;} #section4 .element .introduce dl > dd .history .title .position > span {display: block; font-size: 18px; font-weight: 800; padding-top: 4px;} #section4 .element .introduce dl > dd .history .box {} #section4 .element .introduce dl > dd .history .box ul {margin:25px 0 0 0;} #section4 .element .introduce dl > dd .history .box ul > li {color:#000000;font-weight:400;font-size:16px;line-height:23px;transform: skew(-0.001deg);} #section4 .element .introduce dl > dd .history .box ul > li i {font-family:"돋움" !important;font-style:normal;font-size:17px;} #section4 .element .introduce dl > dd .naming {float:right;width:390px;text-align:left;} #section4 .element .introduce dl > dd .naming .slogan {margin:50px 0 0 0;} #section4 .element .introduce dl > dd .naming .slogan .explanation {display:inline-block;width:110px;color:#000000;font-weight:300;font-size:34px;} #section4 .element .introduce dl > dd .naming .slogan .character {display:inline-block;color:#c1dceb;font-weight:600;font-size:77px;} #section4 .element .introduce dl > dd .naming .slogan .character i {font-family:"돋움" !important;font-style:normal;font-size:77px;} #section4 .element .introduce dl > dd .naming .detail {margin:40px 0 0 0;} #section4 .element .introduce dl > dd .naming .name {color:#2987b9;font-weight:800;font-size:24px;} #section4 .element .introduce dl > dd .naming .description {color:#2987b9;font-weight:600;font-size:17px;line-height:23px;margin:18px 0 0 0;} #section4 .element .introduce dl > dd .naming .image {position:absolute;z-index:40;margin:18px 0 0 0;box-shadow:0 1px 10px rgba(0,0,0,.2);display:none;} #section4 .element .introduce dl > dd .naming .image img {} #section5 {display:;} #section5 .section_group {} #section5 .visual {display:none;} #section5 .visual .visual1 {position:absolute;top:91vh;left:100vw;margin:-65vh 0 0 -50.5vw;} #section5 .visual .visual1 img {} #section5 .shape {display:none;} #section5 .shape .box1 {position:absolute;top:0;left:0;width:120%;height:80vh;margin:91vh 0 0 0;background:#589ec2;} #section5 .shape .box2 {position:absolute;top:0;left:0;width:120%;height:80vh;margin:92vh 0 0 0;background:linear-gradient(to right, #a8cbde, #70afd0);} #section5 .element {width:100%;text-align:center;background:center;} #section5 .element .introduce {} #section5 .element .introduce:before {display:block;height:13.88vh;max-height:150px;content:"";} /*height:200px;*/ #section5 .element .introduce dl {} #section5 .element .introduce dl > dt {} #section5 .element .introduce dl > dt .line1 {color:#70afd0;font-weight:600;font-size:31px;} #section5 .element .introduce dl > dt .line2 {color:#000000;font-weight:900;font-size:46px;margin:20px 0 0 0;} #section5 .element .introduce dl > dd {position: relative;} #section5 .element .introduce dl > dd:before {display:block;content:"";height:70px;} #section5 .element .introduce dl > dd:after {clear:both;display:block;content:"";} #section5 .element .introduce dl > dd .history {float:left;width:425px;background:#ffffff;padding:25px 0 25px 25px; text-align:left;box-shadow:0 1px 10px rgba(0,0,0,.2); margin-left: 135px;} #section5 .element .introduce dl > dd .history .title {} #section5 .element .introduce dl > dd .history .title .name {display:block;color:#000000;font-weight:900;font-size:31px;margin:0 0 10px 0;} #section5 .element .introduce dl > dd .history .title .icon {display:inline-block;vertical-align:middle;} #section5 .element .introduce dl > dd .history .title .icon img {width:25px;} #section5 .element .introduce dl > dd .history .title .position {display:inline-block;vertical-align:middle;color:#528fc1;font-weight:800;font-size:18px;padding:0 0 0 5px;} #section5 .element .introduce dl > dd .history .box {} #section5 .element .introduce dl > dd .history .box ul {margin:25px 0 0 0;} #section5 .element .introduce dl > dd .history .box ul > li {color:#000000;font-weight:400;font-size:16px;line-height:23px;transform: skew(-0.001deg);} #section5 .element .introduce dl > dd .history .box ul > li i {font-family:"돋움" !important;font-style:normal;font-size:17px;} #section5 .element .introduce dl > dd .naming {position: absolute; left:50%; bottom: -100px; transform: translateX(-50%); width: 927px; height: 115px; background-color: #fff; box-shadow: 1px 1px 4px 2px rgba(25, 85, 124, 0.27); display: flex; display: -webkit-flex; display: -ms-flexbox; justify-content: space-around; z-index: 40;} #section5 .element .introduce dl > dd .naming .slogan {padding-top: 34px;} #section5 .element .introduce dl > dd .naming .slogan .explanation {color:#000000;font-weight:100;font-size:30px;} #section5 .element .introduce dl > dd .naming .slogan .character {display:inline-block;color:#70afd0;font-weight:900;font-size:46px;} #section5 .element .introduce dl > dd .naming .slogan .character i {font-family:"돋움" !important;font-size:normal;font-size:40px; font-style: normal;} #section5 .element .introduce dl > dd .naming .detail {padding-top: 19px; text-align: left;} #section5 .element .introduce dl > dd .naming .name {color:#2987b9;font-weight:900;font-size:23px;} #section5 .element .introduce dl > dd .naming .description {color:#4a4a4a;font-weight:600;font-size:17px;line-height:23px;margin:14px 0 0 0;} #section6 {display:;} #section6 .section_group {} #section6 .visual {display:none;} #section6 .visual .visual1 {position:absolute;top:91vh;left:83vw;margin:-65vh 0 0 -30.5vw;} #section6 .visual .visual1 img {} #section6 .shape {display:none;} #section6 .shape .box1 {position:absolute;top:0;left:0;width:120%;height:80vh;margin:91vh 0 0 0;background:#589ec2;} #section6 .shape .box2 {position:absolute;top:0;left:0;width:120%;height:80vh;margin:92vh 0 0 0;background:linear-gradient(to right, #a8cbde, #70afd0);} #section6 .element {width:100%;text-align:center;background:center;} #section6 .element .introduce {} #section6 .element .introduce:before {display:block;height:13.88vh;max-height:150px;content:"";} /*height:200px;*/ #section6 .element .introduce dl {} #section6 .element .introduce dl > dt {} #section6 .element .introduce dl > dt .line1 {color:#70afd0;font-weight:600;font-size:31px;} #section6 .element .introduce dl > dt .line2 {color:#000000;font-weight:900;font-size:46px;margin:20px 0 0 0;} #section6 .element .introduce dl > dd {position: relative;} #section6 .element .introduce dl > dd:before {display:block;content:"";height:115px;} #section6 .element .introduce dl > dd:after {clear:both;display:block;content:"";} #section6 .element .introduce dl > dd .history {float:left;width:425px;background:#ffffff;padding:25px 0 25px 25px; text-align:left;box-shadow:0 1px 10px rgba(0,0,0,.2); margin-left: 135px;} #section6 .element .introduce dl > dd .history .title {} #section6 .element .introduce dl > dd .history .title .name {display:block;color:#000000;font-weight:900;font-size:31px;margin:0 0 10px 0;} #section6 .element .introduce dl > dd .history .title .icon {display:inline-block;vertical-align:middle;} #section6 .element .introduce dl > dd .history .title .icon img {width:25px;} #section6 .element .introduce dl > dd .history .title .position {display:inline-block;vertical-align:middle;color:#528fc1;font-weight:800;font-size:18px;padding:0 0 0 5px;} #section6 .element .introduce dl > dd .history .box {} #section6 .element .introduce dl > dd .history .box ul {margin:25px 0 0 0;} #section6 .element .introduce dl > dd .history .box ul > li {color:#000000;font-weight:400;font-size:16px;line-height:23px;transform: skew(-0.001deg);} #section6 .element .introduce dl > dd .history .box ul > li i {font-family:"돋움" !important;font-style:normal;font-size:17px;} #section6 .element .introduce dl > dd .naming {position: absolute; left:50%; bottom: -100px; transform: translateX(-50%); width: 927px; height: 115px; background-color: #fff; box-shadow: 1px 1px 4px 2px rgba(25, 85, 124, 0.27); display: flex; display: -webkit-flex; display: -ms-flexbox; justify-content: space-around; z-index: 40;} #section6 .element .introduce dl > dd .naming .slogan {padding-top: 34px;} #section6 .element .introduce dl > dd .naming .slogan .explanation {color:#000000;font-weight:100;font-size:30px;} #section6 .element .introduce dl > dd .naming .slogan .character {display:inline-block;color:#70afd0;font-weight:900;font-size:46px;} #section6 .element .introduce dl > dd .naming .slogan .character i {font-family:"돋움" !important;font-size:normal;font-size:40px; font-style: normal;} #section6 .element .introduce dl > dd .naming .detail {padding-top: 19px; text-align: left;} #section6 .element .introduce dl > dd .naming .name {color:#2987b9;font-weight:900;font-size:23px;} #section6 .element .introduce dl > dd .naming .description {color:#4a4a4a;font-weight:600;font-size:17px;line-height:23px;margin:14px 0 0 0;} #section22 {display:;} #section22 .section_group {} #section22 .visual {display:none;} #section22 .visual .visual1 {position:absolute;top:91vh;left:83vw;margin:-65vh 0 0 -30.5vw;} #section22 .visual .visual1 img {} #section22 .shape {display:none;} #section22 .shape .box1 {position:absolute;top:0;left:0;width:120%;height:80vh;margin:91vh 0 0 0;background:#589ec2;} #section22 .shape .box2 {position:absolute;top:0;left:0;width:120%;height:80vh;margin:92vh 0 0 0;background:linear-gradient(to right, #a8cbde, #70afd0);} #section22 .element {width:100%;text-align:center;background:center;} #section22 .element .introduce {} #section22 .element .introduce:before {display:block;height:13.88vh;max-height:150px;content:"";} /*height:200px;*/ #section22 .element .introduce dl {} #section22 .element .introduce dl > dt {} #section22 .element .introduce dl > dt .line1 {color:#70afd0;font-weight:600;font-size:31px;} #section22 .element .introduce dl > dt .line2 {color:#000000;font-weight:900;font-size:46px;margin:20px 0 0 0;} #section22 .element .introduce dl > dd {position: relative;} #section22 .element .introduce dl > dd:before {display:block;content:"";height:115px;} #section22 .element .introduce dl > dd:after {clear:both;display:block;content:"";} #section22 .element .introduce dl > dd .history {float:left;width:425px;background:#ffffff;padding:25px 0 25px 25px; text-align:left;box-shadow:0 1px 10px rgba(0,0,0,.2); margin-left: 135px;} #section22 .element .introduce dl > dd .history .title {} #section22 .element .introduce dl > dd .history .title .name {display:block;color:#000000;font-weight:900;font-size:31px;margin:0 0 10px 0;} #section22 .element .introduce dl > dd .history .title .icon {display:inline-block;vertical-align:middle;} #section22 .element .introduce dl > dd .history .title .icon img {width:25px;} #section22 .element .introduce dl > dd .history .title .position {display:inline-block;vertical-align:middle;color:#528fc1;font-weight:800;font-size:18px;padding:0 0 0 5px;} #section22 .element .introduce dl > dd .history .box {} #section22 .element .introduce dl > dd .history .box ul {margin:25px 0 0 0;} #section22 .element .introduce dl > dd .history .box ul > li {color:#000000;font-weight:400;font-size:16px;line-height:23px;transform: skew(-0.001deg);} #section22 .element .introduce dl > dd .history .box ul > li i {font-family:"돋움" !important;font-style:normal;font-size:17px;} #section22 .element .introduce dl > dd .naming {position: absolute; left:50%; bottom: -100px; transform: translateX(-50%); width: 927px; height: 115px; background-color: #fff; box-shadow: 1px 1px 4px 2px rgba(25, 85, 124, 0.27); display: flex; display: -webkit-flex; display: -ms-flexbox; justify-content: space-around; z-index: 40;} #section22 .element .introduce dl > dd .naming .slogan {padding-top: 34px;} #section22 .element .introduce dl > dd .naming .slogan .explanation {color:#000000;font-weight:100;font-size:30px;} #section22 .element .introduce dl > dd .naming .slogan .character {display:inline-block;color:#70afd0;font-weight:900;font-size:46px;} #section22 .element .introduce dl > dd .naming .slogan .character i {font-family:"돋움" !important;font-size:normal;font-size:40px; font-style: normal;} #section22 .element .introduce dl > dd .naming .detail {padding-top: 19px; text-align: left;} #section22 .element .introduce dl > dd .naming .name {color:#2987b9;font-weight:900;font-size:23px;} #section22 .element .introduce dl > dd .naming .description {color:#4a4a4a;font-weight:600;font-size:17px;line-height:23px;margin:14px 0 0 0;} #section7 {display:;} #section7 .section_group {} #section7 .visual {display:none;} #section7 .visual .visual1 {position:absolute;top:95vh;left:100vw;margin:-65vh 0 0 -48.5vw;} #section7 .visual .visual1 img {} #section7 .shape {display:none;} #section7 .shape .box1 {position:absolute;top:0;left:0;width:120%;height:80vh;margin:91vh 0 0 0;background:#589ec2;} #section7 .shape .box2 {position:absolute;top:0;left:0;width:120%;height:80vh;margin:92vh 0 0 0;background:linear-gradient(to right, #a8cbde, #70afd0);} #section7 .element {width:100%;text-align:center;background:center;} #section7 .element .introduce {} #section7 .element .introduce:before {display:block;height:13.88vh;max-height:150px;content:"";} /*height:200px;*/ #section7 .element .introduce dl {} #section7 .element .introduce dl > dt {} #section7 .element .introduce dl > dt .line1 {color:#70afd0;font-weight:600;font-size:31px;} #section7 .element .introduce dl > dt .line2 {color:#000000;font-weight:900;font-size:46px;margin:20px 0 0 0;} #section7 .element .introduce dl > dd {position: relative;} #section7 .element .introduce dl > dd:before {display:block;content:"";height:80px;} #section7 .element .introduce dl > dd:after {clear:both;display:block;content:"";} #section7 .element .introduce dl > dd .history {float:left;width:425px;background:#ffffff;padding:25px 0 25px 25px; text-align:left;box-shadow:0 1px 10px rgba(0,0,0,.2); margin-left: 135px;} #section7 .element .introduce dl > dd .history .title {} #section7 .element .introduce dl > dd .history .title .name {display:block;color:#000000;font-weight:900;font-size:31px;margin:0 0 10px 0;} #section7 .element .introduce dl > dd .history .title .icon {display:inline-block;vertical-align:middle;} #section7 .element .introduce dl > dd .history .title .icon img {width:25px;} #section7 .element .introduce dl > dd .history .title .position {display:inline-block;vertical-align:middle;color:#528fc1;font-weight:800;font-size:18px;padding:0 0 0 5px;} #section7 .element .introduce dl > dd .history .box {} #section7 .element .introduce dl > dd .history .box ul {margin:20px 0 0 0;} #section7 .element .introduce dl > dd .history .box ul > li {color:#000000;font-weight:400;font-size:16px;line-height:23px;transform: skew(-0.001deg);} #section7 .element .introduce dl > dd .history .box ul > li i {font-family:"돋움" !important;font-style:normal;font-size:17px;} #section7 .element .introduce dl > dd .naming {position: absolute; left:50%; bottom: -100px; transform: translateX(-50%); width: 927px; height: 115px; background-color: #fff; box-shadow: 1px 1px 4px 2px rgba(25, 85, 124, 0.27); display: flex; display: -webkit-flex; display: -ms-flexbox; justify-content: space-around; z-index: 40;} #section7 .element .introduce dl > dd .naming .slogan {padding-top: 34px;} #section7 .element .introduce dl > dd .naming .slogan .explanation {color:#000000;font-weight:100;font-size:30px;} #section7 .element .introduce dl > dd .naming .slogan .character {display:inline-block;color:#70afd0;font-weight:900;font-size:46px;} #section7 .element .introduce dl > dd .naming .slogan .character i {font-family:"돋움" !important;font-size:normal;font-size:40px; font-style: normal;} #section7 .element .introduce dl > dd .naming .detail {padding-top: 19px; text-align: left;} #section7 .element .introduce dl > dd .naming .name {color:#2987b9;font-weight:900;font-size:23px;} #section7 .element .introduce dl > dd .naming .description {color:#4a4a4a;font-weight:600;font-size:17px;line-height:23px;margin:14px 0 0 0;} #section8 {display:;} #section8 .section_group {} #section8 .visual {display:none;} #section8 .visual .visual1 {position:absolute;z-index:20;top:100vh;left:100vw;margin:-60vh 0 0 -80vw;} #section8 .visual .visual1 img {} #section8 .visual .visual2 {position:absolute;z-index:20;top:100vh;left:100vw;margin:-94vh 0 0 -44vw;} #section8 .visual .visual2 img {} #section8 .element {} #section8 .element .introduce {width:100%;text-align:center;} #section8 .element .introduce:before {display:block;height:17.59vh;max-height:190px;content:"";} /*height:190px;*/ #section8 .element .introduce dl {} #section8 .element .introduce dl > dt {position:absolute;z-index:40;left:0;width:100%;text-align:center;} #section8 .element .introduce dl > dt .line1 {display:block;color:#70afd0;font-weight:600;font-size:31px;} #section8 .element .introduce dl > dt .line2 {display:block;color:#000000;font-weight:400;font-size:52px;margin:20px 0 0 0;} #section8 .element .introduce dl > dt .line3 {display:block;color:#000000;font-weight:900;font-size:52px;margin:20px 0 0 0;} #section8 .element .introduce dl > dd {} #section8 .element .introduce dl > dd:before {display:block;content:"";height:12.03vh;max-height:86px;} #section8 .element .introduce dl > dd:after {clear:both;display:block;content:"";} #section8 .element .introduce dl > dd .feature {float:right;width:550px;text-align:left;} #section8 .element .introduce dl > dd .feature .title {display:block;color:#ffffff;font-weight:800;font-size:38px;margin:390px 0 0 0;} #section8 .element .introduce dl > dd .feature .description1 {display:block;color:#ffffff;font-weight:400;font-size:24px;line-height:35px;margin:20px 0 0 0;} #section8 .element .introduce dl > dd .feature .description1 b {font-weight:600;font-size:24px;} #section8 .element .introduce dl > dd .feature .description2 {display:block;color:#ffffff;font-weight:400;font-size:20px;line-height:30px;margin:20px 0 0 0;} #section9 {display:;} #section9 .section_group {} #section9 .visual {display:none;} #section9 .visual .image {position:absolute;z-index:20;top:100vh;left:100vw;margin:-70vh 0 0 -41vw;} #section9 .visual .image img {} #section9 .visual .button {position:absolute;z-index:20;top:100vh;left:100vw;margin:-44vh 0 0 -16vw;} #section9 .visual .button .after{background:white;padding:10px 15px 10px 15px;border:1px solid #cccccc;text-align:center;cursor:pointer;color:#555555;} #section9 .visual .button .after:hover {color:#66b8c3;transition:all .5s;} #section9 .visual .button .after i{vertical-align:middle;transform:scale(1.4);} #section9 .element {} #section9 .element .introduce {width:100%;} #section9 .element .introduce:before {display:block;height:18.51vh;max-height:200px;content:"";} /*height:200px;*/ #section9 .element .introduce dl {} #section9 .element .introduce dl > dt {} #section9 .element .introduce dl > dt .line1 {display:block;color:#70afd0;font-weight:600;font-size:31px;} #section9 .element .introduce dl > dt .line2 {display:block;color:#000000;font-weight:900;font-size:52px;margin:20px 0 0 0;} #section9 .element .introduce dl > dt .line3 {display:block;color:#000000;font-weight:400;font-size:24px;margin:50px 0 0 0;line-height:35px;} #section9 .element .introduce dl > dt .line3 b {font-weight:600;font-size:24px;} #section9 .element .introduce dl > dd {} #section9 .element .introduce dl > dd:before {display:block;content:"";height:3.7vh;max-height:40px;} #section9 .element .introduce dl > dd:after {clear:both;display:block;content:"";} #section9 .element .introduce dl > dd .feature:before {height:7.40vh;max-height:80px;} #section9 .element .introduce dl > dd .feature {} #section9 .element .introduce dl > dd .feature .images {display:block;color:#ffffff;font-weight:0;margin:0 0 0 -30px;} #section9 .element .introduce dl > dd .feature .images span{display:inline-block;} #section9 .element .introduce dl > dd .feature .images span img{} #section9 .element .introduce dl > dd .feature .description1:before {display:block;height:6.48vh;max-height:70px;content:"";} #section9 .element .introduce dl > dd .feature .description1 {display:block;color:#000000;font-weight:600;font-size:19px;line-height:26px;margin:0 0 0 0;} #section9 .element .introduce dl > dd .feature .description1 span {color:#437f9e;font-size:19px;} #section9 .element .introduce dl > dd .feature .description1:before {display:block;height:3.51vh;max-height:38px;content:"";} #section9 .element .introduce dl > dd .feature .description2 {display:block;color:#000000;font-weight:400;font-size:17px;line-height:30px;margin:30px 0 0 0;} #section10 {display:;} #section10 .section_group {} #section10 .element {} #section10 .element .introduce {width:100%;text-align:center;} #section10 .element .introduce:before {display:block;height:15.74vh;max-height:170px;content:"";} /*height:200px;*/ #section10 .element .introduce dl {} #section10 .element .introduce dl > dt {} #section10 .element .introduce dl > dt .line1 {display:block;color:#000000;font-weight:900;font-size:52px;} #section10 .element .introduce dl > dt .line2 {display:block;color:#000000;font-weight:500;font-size:22px;line-height:32px;margin:20px 0 0 0;} #section10 .element .introduce dl > dd {} #section10 .element .introduce dl > dd:before {display:block;content:"";height:7.4vh;max-height:80px;} #section10 .element .introduce dl > dd .feature {} #section10 .element .introduce dl > dd .feature .images {} #section10 .element .introduce dl > dd .feature .images ul {font-size:0;} #section10 .element .introduce dl > dd .feature .images ul > li {display:inline-block;vertical-align:middle;} #section10 .element .introduce dl > dd .feature .images .item {width:242px;} #section10 .element .introduce dl > dd .feature .images .div {width:104px;} #section10 .element .introduce dl > dd .feature .title:before {display:block;content:"";height:6.75vh;max-height:73px;background:transparent;} #section10 .element .introduce dl > dd .feature .title {} #section10 .element .introduce dl > dd .feature .title span {display:inline-block;background:#528fc1;width:285px;color:#ffffff;font-weight:700;font-size:24px;padding:13px 0 10px 0;border-radius:50px;margin:0 auto;text-align:center;} #section10 .element .introduce dl > dd .feature .description:before {display:block;content:"";height:2.31vh;max-height:25px;background:transparent;} #section10 .element .introduce dl > dd .feature .description {color:#000000;font-weight:400;font-size:17px;line-height:26px;} #section10 .element .introduce dl > dd .feature .description u {color:#528fc1;font-weight:400;font-size:17px;} #section11 {display:;} #section11 .section_group {} #section11 .element {} #section11 .element .introduce {width:100%;text-align:center;} #section11 .element .introduce:before {display:block;height:15.74vh;max-height:170px;content:"";} /*height:200px;*/ #section11 .element .introduce dl {} #section11 .element .introduce dl > dt {} #section11 .element .introduce dl > dt .line1 {display:block;color:#000000;font-weight:900;font-size:52px;} #section11 .element .introduce dl > dt .line2 {display:block;color:#000000;font-weight:500;font-size:18px;line-height:26px;margin:30px 0 0 0;} #section11 .element .introduce dl > dt .line2 b {color:#000000;font-weight:600;font-size:18px;} #section11 .element .introduce dl > dd {} #section11 .element .introduce dl > dd:before {display:block;content:"";height:5.27vh;max-height:57px;} #section11 .element .introduce dl > dd .feature {} #section11 .element .introduce dl > dd .feature .images {} #section11 .element .introduce dl > dd .feature .images ul {font-size:0;} #section11 .element .introduce dl > dd .feature .images ul > li {display:inline-block;vertical-align:middle;margin:0 14px 0 0;} #section11 .element .introduce dl > dd .feature .images ul > li:last-child {margin-right:0;} #section11 .element .introduce dl > dd .feature .images .item {width:242px;} #section11 .element .introduce dl > dd .feature .images .div {width:104px;} #section11 .element .introduce dl > dd .feature .title:before {display:block;content:"";height:4.44vh;max-height:48px;background:transparent;} #section11 .element .introduce dl > dd .feature .title {} #section11 .element .introduce dl > dd .feature .title span {display:inline-block;width:310px;color:#ffffff;font-weight:700;font-size:24px;padding:0 0 5px 0;text-align:center;border-bottom:1px solid #ffffff;} #section11 .element .introduce dl > dd .feature .description:before {display:block;content:"";height:2.31vh;max-height:25px;background:transparent;} #section11 .element .introduce dl > dd .feature .description {color:#000000;font-weight:400;font-size:17px;line-height:26px;} #section11 .element .introduce dl > dd .feature .description ul {font-size:0;margin:0 0 0 -50px;background:transparent;} #section11 .element .introduce dl > dd .feature .description ul > li {display:inline-block;color:white;font-weight:400;font-size:17px;padding:0 0 0 80px;margin:0 14px 0 0;text-align:left;background:transparent;} #section11 .element .introduce dl > dd .feature .description ul > li:last-child {margin-right:0;} #section11 .element .introduce dl > dd .feature .description ul > li i {position:absolute;margin:10px 0 0 -50px;} #section11 .element .introduce dl > dd .feature .description ul > li i img {} #section12 {display:;} #section12 .section_group {} #section12 .element {} #section12 .element .introduce {width:100%;text-align:center;} #section12 .element .introduce:before {display:block;height:18.51vh;max-height:200px;content:"";} /*height:240px;*/ #section12 .element .introduce dl {} #section12 .element .introduce dl > dt {} #section12 .element .introduce dl > dt .line1 {display:block;color:#000000;font-weight:900;font-size:52px;} #section12 .element .introduce dl > dt .line2:before {display:block;content:"";height:3.61vh;max-height:39px;} #section12 .element .introduce dl > dt .line2 {display:block;color:#000000;font-weight:500;font-size:20px;line-height:28px;} #section12 .element .introduce dl > dd {} #section12 .element .introduce dl > dd:before {display:block;content:"";height:7.87vh;max-height:85px;} #section12 .element .introduce dl > dd .feature {} #section12 .element .introduce dl > dd .feature:after {clear:block;display:block;content:"";} #section12 .element .introduce dl > dd .feature .feature1 {float:left;width:606px;height:453px;background:#ffffff;box-shadow:0 1px 10px rgba(0,0,0,.2);text-align:left;} #section12 .element .introduce dl > dd .feature .feature1 .box {margin:0 0 0 62px;} #section12 .element .introduce dl > dd .feature .feature1 .box .title:before {display:block;content:"";height:4.07vh;max-height:44px;background:transparent;} #section12 .element .introduce dl > dd .feature .feature1 .box .title {} #section12 .element .introduce dl > dd .feature .feature1 .box .title span:before {position:absolute;display:inline-block;width:1px;height:65px;border-left:4px solid #000000;content:"";margin:5px 0 0 -10px;} #section12 .element .introduce dl > dd .feature .feature1 .box .title span {display:inline-block;padding:0 0 0 10px;color:#000000;font-weight:500;font-size:30px;line-height:38px;} #section12 .element .introduce dl > dd .feature .feature1 .box .title span b {font-weight:800;font-size:30px;} #section12 .element .introduce dl > dd .feature .feature1 .box ul {margin:60px 0 0 0;} #section12 .element .introduce dl > dd .feature .feature1 .box ul > li {color:#000000;font-weight:400;font-size:19px;margin:0 0 24px 0;} #section12 .element .introduce dl > dd .feature .feature1 .box ul > li i {display:inline-block;font-style:normal;color:#000000;font-weight:400;font-size:17px;margin:0 10px 0 0;padding:5px;border:1px solid #000000;text-align:center;} #section12 .element .introduce dl > dd .feature .feature2 {float:right;width:606px;height:453px;background:#ffffff;box-shadow:0 1px 10px rgba(0,0,0,.2);text-align:center;} #section12 .element .introduce dl > dd .feature .feature2 .box {margin:0 0 0 21px;} #section12 .element .introduce dl > dd .feature .feature2 .box .title:before {display:block;content:"";height:20px;background:transparent;} #section12 .element .introduce dl > dd .feature .feature2 .box .title {} #section12 .element .introduce dl > dd .feature .feature2 .box .title span {background:#0d2641;color:#ffffff;font-weight:400;font-size:22px;padding:5px 30px 5px 30px;} #section12 .element .introduce dl > dd .feature .feature2 .box .title span b{font-weight:600;font-size:22px;} #section12 .element .introduce dl > dd .feature .feature2 .box ul {font-size:0;margin:60px 0 0 0;} #section12 .element .introduce dl > dd .feature .feature2 .box ul > li {font-size:0;display:inline-block;width:254px;height:160px;} #section12 .element .introduce dl > dd .feature .feature2 .box ul > li:nth-child(1) {border-right:1px solid #cccccc;border-bottom:1px solid #cccccc;} #section12 .element .introduce dl > dd .feature .feature2 .box ul > li:nth-child(2) {border-right:1px solid #ffffff;border-bottom:1px solid #cccccc;} #section12 .element .introduce dl > dd .feature .feature2 .box ul > li:nth-child(3) {border-right:1px solid #cccccc;border-bottom:1px solid #ffffff;} #section12 .element .introduce dl > dd .feature .feature2 .box ul > li:nth-child(4) {border-right:1px solid #ffffff;border-bottom:1px solid #ffffff;} #section12 .element .introduce dl > dd .feature .feature2 .box ul > li span {display:block;} #section12 .element .introduce dl > dd .feature .feature2 .image {} #section12 .element .introduce dl > dd .feature .feature2 .image img {margin:-30px 0 0 0;} #section12 .element .introduce dl > dd .feature .feature2 .name {background:#70afd0;color:#ffffff;font-weight:800;font-size:17px;width:175px;padding:5px 0 5px 0;margin:-10px auto 0 auto;border-radius:50px;} #section13 {display:;} #section13 .section_group {} #section13 .visual {display:none;} #section13 .visual .visual1 {position:absolute;z-index:20;top:100vh;left:100vw;margin:-70vh 0 0 -50vw;} #section13 .visual .visual1 img {} #section13 .visual .visual2 {position:absolute;z-index:20;top:100vh;left:100vw;margin:-70vh 0 0 -25vw;} #section13 .visual .visual2 img {} #section13 .element {} #section13 .element .introduce {width:100%;text-align:center;} #section13 .element .introduce:before {display:block;height:18.51vh;max-height:200px;content:"";} /*height:240px;*/ #section13 .element .introduce dl {} #section13 .element .introduce dl > dt {} #section13 .element .introduce dl > dt .line1 {display:block;color:#b3d5e6;font-weight:800;font-size:31px;} #section13 .element .introduce dl > dt .line2:before {display:block;content:"";height:2.12vh;max-height:23px;} #section13 .element .introduce dl > dt .line2 {display:block;color:#ffffff;font-weight:900;font-size:52px;line-height:28px;} #section13 .element .introduce dl > dd {} #section13 .element .introduce dl > dd:before {display:block;content:"";height:7.87vh;max-height:85px;} #section13 .element .introduce dl > dd .feature {} #section13 .element .introduce dl > dd .feature:after {clear:block;display:block;content:"";} #section13 .element .introduce dl > dd .feature .feature1 {text-align:left;} #section13 .element .introduce dl > dd .feature .feature1 .box {} #section13 .element .introduce dl > dd .feature .feature1 .box .title1 {} #section13 .element .introduce dl > dd .feature .feature1 .box .title1 span {color:#132c47;font-weight:400px;font-size:45px;} #section13 .element .introduce dl > dd .feature .feature1 .box .title1 span big {color:#ffffff;font-weight:600;font-size:84px;} #section13 .element .introduce dl > dd .feature .feature1 .box .title1 span b {color:#ffffff;font-size:64px;} #section13 .element .introduce dl > dd .feature .feature1 .box .title2 {margin:10px 0 0 0;} #section13 .element .introduce dl > dd .feature .feature1 .box .title2 span {color:#ffffff;font-weight:400px;font-size:61px;} #section13 .element .introduce dl > dd .feature .feature1 .box .title2 span b {color:#ffffff;font-size:61px;} #section13 .element .introduce dl > dd .feature .feature1 .box ul {margin:70px 0 0 0;} #section13 .element .introduce dl > dd .feature .feature1 .box ul > li {color:#091829;font-weight:600;font-size:36px;margin:0 0 15px 0;} #section13 .element .introduce dl > dd .feature .feature1 .box ul > li i {display:inline-block;width:100px;font-style:normal;background:#244c77;color:#ffffff;font-weight:400;font-size:18px;margin:0 15px 0 0;padding:3px 0 3px 0;text-align:center;transform:translate(0,-5px);} #section13 .element .introduce dl > dd .feature .feature1 .box ul > li u {font-size:16px;text-decoration:none;transform:skew(-0.001deg);} #section13 .element .introduce dl > dd .feature .feature2 {margin:50px 0 0 0;} #section13 .element .introduce dl > dd .feature .feature2 .box {color:#091829;font-weight:600;font-size:16px;line-height:23px;transform:skew(-0.001deg);text-align:left;} #section13 .element .introduce dl > dd .feature .feature2 .box b {font-weight:800;font-size:16px;} #section14 {display:;} #section14 .section_group {} #section14 .element {} #section14 .element .introduce {width:100%;text-align:center;} #section14 .element .introduce:before {display:block;height:16.66vh;max-height:180px;content:"";} /*height:240px;*/ #section14 .element .introduce dl {} #section14 .element .introduce dl > dt {} #section14 .element .introduce dl > dt .line1 {display:block;color:#b3d5e6;font-weight:800;font-size:31px;} #section14 .element .introduce dl > dt .line2:before {display:block;content:"";height:2.12vh;max-height:23px;} #section14 .element .introduce dl > dt .line2 {display:block;color:#ffffff;font-weight:900;font-size:52px;} #section14 .element .introduce dl > dd {} #section14 .element .introduce dl > dd:before {display:block;content:"";height:4.07vh;max-height:44px;} #section14 .element .introduce dl > dd .feature {} #section14 .element .introduce dl > dd .feature:after {clear:block;display:block;content:"";} #section14 .element .introduce dl > dd .feature .feature1 {} #section14 .element .introduce dl > dd .feature .feature1 .box {color:#ffffff;font-weight:600;font-size:18px;line-height:26px;transform:skew(-0.001deg);text-align:center;} #section14 .element .introduce dl > dd .feature .feature1 .box b {font-weight:800;font-size:16px;} #section14 .element .introduce dl > dd .feature .feature2 {margin:40px 0 0 0;} #section14 .element .introduce dl > dd .feature .feature2 .box {width:1270px;margin:0 auto;} #section14 .element .introduce dl > dd .feature .feature2 .box:after {clear:both;display:block;content:"";} #section14 .element .introduce dl > dd .feature .feature2 .box .image1 {float:left;width:602px;} #section14 .element .introduce dl > dd .feature .feature2 .box .image2 {float:right;width:602px;} #section15 {display:;} #section15 .section_group {} #section15 .element {} #section15 .element .introduce {width:100%;text-align:center;} #section15 .element .introduce:before {display:block;height:18.51vh;max-height:200px;content:"";} /*height:230px;*/ #section15 .element .introduce dl {} #section15 .element .introduce dl > dt {} #section15 .element .introduce dl > dt .line1 {display:block;color:#878787;font-weight:800;font-size:31px;} #section15 .element .introduce dl > dt .line2:before {display:block;content:"";height:2.12vh;max-height:23px;} #section15 .element .introduce dl > dt .line2 {display:block;color:#000000;font-weight:900;font-size:52px;} #section15 .element .introduce dl > dt .line3:before {display:block;content:"";height:4.16vh;max-height:45px;} #section15 .element .introduce dl > dt .line3 {display:block;color:#000000;font-weight:400;font-size:19px;} #section15 .element .introduce dl > dd {} #section15 .element .introduce dl > dd:before {display:block;content:"";height:7.40vh;max-height:80px;} #section15 .element .introduce dl > dd .example:after {clear:block;display:block;content:"";} #section15 .element .introduce dl > dd .example {width:1038px;height:452px;margin:0 auto;background:#ffffff;box-shadow:0 1px 10px rgba(0,0,0,.2);} #section15 .element .introduce dl > dd .example .function {position:absolute} #section15 .element .introduce dl > dd .example .function .btn {color:#777777;} #section15 .element .introduce dl > dd .example .function .btn span {position:absolute;display:inline-block;width:60px;height:60px;background:#ffffff;border:1px solid #cccccc;cursor:pointer;} #section15 .element .introduce dl > dd .example .function .btn span:hover {color:#66b8c3;transition:all .5s;} #section15 .element .introduce dl > dd .example .function .btn span i {display:inline-block;margin:20px 0 0 0;} #section15 .element .introduce dl > dd .example .function .btn.left span {margin:200px 0 0 -33px;} #section15 .element .introduce dl > dd .example .function .btn.right span {margin:200px 0 0 1007px;} #section15 .element .introduce dl > dd .example .box {width:766px;margin:0 auto;} #section15 .element .introduce dl > dd .example .box .title {margin:0 auto;width:370px;} #section15 .element .introduce dl > dd .example .box .title span {margin:50px 0 45px 0;display:inline-block;width:100%;padding:5px 0 3px 0;border-top:1px solid #528fc1;border-bottom:1px solid #528fc1;color:#528fc1;font-weight:700;font-size:31px;} #section15 .element .introduce dl > dd .example .box .before {float:left;width:355px;} #section15 .element .introduce dl > dd .example .box .before .subject {width:100%;background:#7d7d7d;color:#ffffff;font-weight:400;font-size:22px;padding:10px 0 5px 0;} #section15 .element .introduce dl > dd .example .box .before .subject b{color:#ffffff;font-weight:800;font-size:22px;} #section15 .element .introduce dl > dd .example .box .before .image {} #section15 .element .introduce dl > dd .example .box .before .image img{width:355px;} #section15 .element .introduce dl > dd .example .box .after {float:right;width:355px;cursor:pointer;} #section15 .element .introduce dl > dd .example .box .after .subject {width:100%;background:#528fc1;color:#ffffff;font-weight:400;font-size:22px;padding:10px 0 5px 0;} #section15 .element .introduce dl > dd .example .box .after .subject b{color:#ffffff;font-weight:800;font-size:22px;} #section15 .element .introduce dl > dd .example .box .after .image {} #section15 .element .introduce dl > dd .example .box .after .image img{width:355px;} #section16 {display:;} #section16 .section_group {} #section16 .element {} #section16 .element .introduce {width:100%;text-align:center;} #section16 .element .introduce:before {display:block;height:16.66vh;max-height:180px;content:"";} /*height:240px;*/ #section16 .element .introduce dl {} #section16 .element .introduce dl > dt {} #section16 .element .introduce dl > dt .line1 {display:block;color:#ffffff;font-weight:900;font-size:52px;} #section16 .element .introduce dl > dt .line2:before {display:block;content:"";height:3.42vh;max-height:37px;} #section16 .element .introduce dl > dt .line2 {display:block;color:#ffffff;font-weight:400;font-size:22px;line-height:32px;} #section16 .element .introduce dl > dd {} #section16 .element .introduce dl > dd:before {display:block;content:"";height:7.40vh;max-height:80px;} #section16 .element .introduce dl > dd .feature {} #section16 .element .introduce dl > dd .feature ul {} #section16 .element .introduce dl > dd .feature ul > li {display:inline-block;width:320px;margin:0 16px 0 0;} #section16 .element .introduce dl > dd .feature ul > li:last-child {margin-right:0;} #section16 .element .introduce dl > dd .feature .box {width:100%;height:356px;background:white;border-radius:30px;} #section16 .element .introduce dl > dd .feature .box .title {display:block;padding:30px 0 0 0;color:#000000;font-weight:800;font-size:27px;} #section16 .element .introduce dl > dd .feature .box .title b {color:#44ff67;font-size:27px;} #section16 .element .introduce dl > dd .feature .box .name {display:inline-block;margin:17px 0 17px 0;padding:3px 0 3px 0;width:96px;background:#528fc1;color:#ffffff;font-weight:700;font-size:17px;} #section16 .element .introduce dl > dd .feature .box .image {display:block;} #section16 .element .introduce dl > dd .feature .box .image img {} #section16 .element .introduce dl > dd .feature .summary {display:inline-block;margin:40px 0 0 0;color:#ffffff;font-weight:400;font-size:19px;line-height:27px;} #section16 .element .introduce dl > dd .feature .item1 {} #section16 .element .introduce dl > dd .feature .item2 {transform:translate(0,50px);} #section16 .element .introduce dl > dd .feature .item3 .box {background:#528fc1;} #section16 .element .introduce dl > dd .feature .item3 .box .title {color:#ffffff;} #section16 .element .introduce dl > dd .feature .item3 .box .name {background:#244c77;} #section17 {display:;} #section17 .section_group {} #section17 .visual {display:none;} #section17 .visual .visual1 {position:absolute;z-index:20;top:100vh;left:100vw;margin:-90vh 0 0 -42vw;} #section17 .visual .visual1 img {} #section17 .element {position:absolute;z-index:50;margin:0 0 0 60px;} #section17 .element .introduce {width:100%;text-align:left;} #section17 .element .introduce:before {display:block;height:22.22vh;max-height:240px;content:"";} /*height:240px;*/ #section17 .element .introduce dl {} #section17 .element .introduce dl > dt {} #section17 .element .introduce dl > dt .line1 {display:block;color:#000000;font-weight:900;font-size:52px;} #section17 .element .introduce dl > dt .line1 span {color:#3678ad;font-weight:900;font-size:52px;} #section17 .element .introduce dl > dt .line2:before {display:block;content:"";height:3.14vh;max-height:34px;} #section17 .element .introduce dl > dt .line2 {display:block;color:#000000;font-weight:400;font-size:22px;line-height:32px;} #section17 .element .introduce dl > dd {} #section17 .element .introduce dl > dd:before {display:block;content:"";height:10.92vh;max-height:118px;} #section17 .element .introduce dl > dd .feature {} #section17 .element .introduce dl > dd .feature ul {} #section17 .element .introduce dl > dd .feature ul > li {display:inline-block;width:180px;margin:0 24px 33px 0;} #section17 .element .introduce dl > dd .feature ul > li:last-child {margin-right:0;} #section17 .element .introduce dl > dd .feature .num {position:absolute;width:180px;text-align:center;margin:-18px 0 0 0;} #section17 .element .introduce dl > dd .feature .num i {display:inline-block;padding:7px 5px 5px 5px;background:#528fc1;color:#ffffff;font-style:normal;font-weight:700;font-size:19px;border:2px solid #ffffff;border-radius:30px;text-align:center;} #section17 .element .introduce dl > dd .feature .image {display:block;} #section17 .element .introduce dl > dd .feature .image img {} #section17 .element .introduce dl > dd .feature .title {display:block;margin:0 0 0 0;padding:12px 0 10px 0;background:#528fc1;color:#ffffff;font-weight:700;font-size:17px;text-align:center;} #section17 .element .introduce dl > dd .feature ul > li:nth-child(4) {margin-right:40%;} #section17 .element .introduce dl > dd .feature ul > li:nth-child(n+5) .num i {background:#244c77;} #section17 .element .introduce dl > dd .feature ul > li:nth-child(n+5) .title {background:#244c77;} #section18 {display:;} #section18 .section_group {} #section18 .element {display:table;width:100%;height:100vh;text-align:center;background:transparent;margin-top:40px;} #section18 .element .introduce {display:table-cell;vertical-align:middle;} #section18 .element .introduce dl {width:1170px;padding:0 0 30px 0;margin:10px auto 0 auto;background:#ffffff;} #section18 .element .introduce dl > dt {} #section18 .element .introduce dl > dt .line1 {padding:31px 0 0 0;font-weight:700;font-size:31px;color:#878787;line-height:29px;} #section18 .element .introduce dl > dt .line2 {padding:20px 0 0 0;font-weight:800;font-size:52px;color:#000000;line-height:49px;} #section18 .element .introduce dl > dd {width:1160px;background:transparent;} #section18 .element .introduce dl > dd:before {display:block;content:"";height:50px;max-height:9.25vh;} #section18 .element .introduce dl > dd:after {clear:both;display:block;content:"";} #section18 .element .introduce dl > dd .big {float:left;display:block;width:686px;} #section18 .element .introduce dl > dd .big img {width:686px;border:1px solid #777777;} #section18 .element .introduce dl > dd .big .function {position:absolute;margin:-280px 0 0 0;} #section18 .element .introduce dl > dd .big .function .btn:before {display:inline-block;height:100%;vertical-align:middle;content:"";} #section18 .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;} #section18 .element .introduce dl > dd .big .function .btn:hover {color:#66b8c3;transition:all .5s;} #section18 .element .introduce dl > dd .big .function .btn i {display:inline-block;vertical-align:middle;font-size:18px;} #section18 .element .introduce dl > dd .big .function .btn.left {margin:0 0 0 0;} #section18 .element .introduce dl > dd .big .function .btn.right {margin:0 0 0 600px;} #section18 .element .introduce dl > dd .small {float:right;display:block;width:440px;text-align:right;background:transparent;} #section18 .element .introduce dl > dd .small ul {font-size:0;padding:0;margin:0 0 0 0; text-align: left;} #section18 .element .introduce dl > dd .small ul > li {display:inline-block;width:137px;height:119px;overflow:hidden;margin:0 10px 11px 0;} #section18 .element .introduce dl > dd .small ul > li:nth-child(3n) {margin-right:0;} #section18 .element .introduce dl > dd .small ul > li > img {width:135px;cursor:pointer;border:1px solid #888888;opacity:0.8;} #section18 .element .introduce dl > dd .small ul > li:nth-child(1) img {border:1px solid black;} #section18 .element .introduce dl > dd .small ul > li > img:hover {border:1px solid black;opacity:1;transform:scale(1);transition:all 1s;} #section19 {display:;} #section19 .section_group {} #section19 .element {} #section19 .element .introduce {width:100%;text-align:center;} #section19 .element .introduce:before {display:block;height:16.66vh;max-height:180px;content:"";} /*height:180px;*/ #section19 .element .introduce dl {} #section19 .element .introduce dl > dt {} #section19 .element .introduce dl > dt .line1 {display:block;color:#838383;font-weight:600;font-size:31px;} #section19 .element .introduce dl > dt .line2:before {display:block;content:"";height:2.77vh;max-height:30px;} #section19 .element .introduce dl > dt .line2 {display:block;color:#000000;font-weight:900;font-size:52px;} #section19 .element .introduce dl > dd {} #section19 .element .introduce dl > dd:before {display:block;content:"";height:5.92vh;max-height:64px;} #section19 .element .introduce dl > dd .information {} #section19 .element .introduce dl > dd .information .title {display:block;width:100%;color:#091829;font-weight:600;font-size:29px;text-align:center;} #section19 .element .introduce dl > dd .information ul {margin-top:35px;} #section19 .element .introduce dl > dd .information ul > li {display:inline-block;width:287px;margin:0 24px 33px 0;vertical-align:top;} #section19 .element .introduce dl > dd .information ul > li:last-child {margin-right:0;} #section19 .element .introduce dl > dd .information ul > li:nth-child(2) {width:367px;} #section19 .element .introduce dl > dd .information .box {background:#ffffff;padding:20px 0 0 20px;height:245px;border-top:4px solid #528fc1;box-shadow:0 1px 10px rgba(0,0,0,.2);text-align:left;} #section19 .element .introduce dl > dd .information .box .num {display:block;} #section19 .element .introduce dl > dd .information .box .num i {display:inline-block;background:#9dc3e7;color:#ffffff;font-weight:600;font-size:18px;font-style:normal;padding:8px;border-radius:50%;} #section19 .element .introduce dl > dd .information .box .icon {display:block;width:100%;text-align:right;margin:-40px 0 0 0;} #section19 .element .introduce dl > dd .information .box .icon img {margin:0 0 0 0;} #section19 .element .introduce dl > dd .information .box .division {display:block;margin:30px 0 0 0;font-weight:800;font-size:25px;} #section19 .element .introduce dl > dd .information .box .summary {display:block;margin:20px 0 0 0;font-weight:400;font-size:17px;line-height:24px;} #section19 .element .additional {margin:30px 0 0 0;} #section19 .element .additional .schedule {position:absolute;z-index:30;left:0;background:#ffffff;width:1120px;height:184px;padding:40px 0 0 0;box-shadow:0 1px 10px rgba(0,0,0,.2);text-align:right;} #section19 .element .additional .schedule .title {display:inline-block;width:230px;height:170px;text-align:left;vertical-align:middle;font-weight:600;font-size:29px;background:transparent;} #section19 .element .additional .schedule .detail {display:inline-block;width:440px;height:170px;text-align:left;vertical-align:middle;margin-right:130px;background:transparent;} #section19 .element .additional .schedule .detail ul {} #section19 .element .additional .schedule .detail ul > li {line-height:30px;} #section19 .element .additional .schedule .detail .division {display:inline-flex; justify-content: space-between; margin-right: 20px; width:100px;color:#528fc1;font-weight:800;font-size:24px;} #section19 .element .additinal .schedule .detail .division span {font-size: 24px; font-weight: 800; } #section19 .element .additional .schedule .detail .contents {color:#000000;font-weight:400;font-size:24px;} #section19 .element .additional .inquiry {position:absolute;z-index:25;left:950px;background:#528fc1;width:1120px;height:204px;padding:40px 0 0 0;margin:-20px 0 0 0;box-shadow:0 1px 10px rgba(0,0,0,.2);text-align:left;} #section19 .element .additional .inquiry .box {margin:0 0 0 250px;background:transparent;} #section19 .element .additional .inquiry .box .title {font-weight:600;color:#ffffff;font-size:29px;} #section19 .element .additional .inquiry .box .detail {margin:20px 0 0 0;color:#ffffff;font-weight:800;font-size:53px;} #section19 .element .additional .inquiry .box .detail a {} #section19 .element .additional .inquiry .box .detail a span {color:#ffffff;} #section19 .element .additional .inquiry .box .detail .firstNum {display:block;font-weight:800;font-size:53px;color:#ffffff;} #section19 .element .additional .inquiry .box .detail .bodyNum {display:block;font-weight:800;font-size:53px;color:#ffffff;} #section20 {display:;} #section20 .section_group {} #section20 .element {} #section20 .element .introduce {width:100%;text-align:center;} #section20 .element .introduce:before {display:block;height:16.66vh;max-height:180px;content:"";} /*height:180px;*/ #section20 .element .introduce dl {} #section20 .element .introduce dl > dt {} #section20 .element .introduce dl > dt .line1 {display:block;color:#b3d5e6;font-weight:600;font-size:31px;} #section20 .element .introduce dl > dt .line2 {display:block;color:#ffffff;font-weight:900;font-size:52px;margin:20px 0 0 0;} #section20 .element .introduce dl > dd {} #section20 .element .introduce dl > dd:before {display:block;content:"";height:4.62vh;max-height:50px;} #section20 .element .introduce dl > dd .location {} #section20 .element .introduce dl > dd .location .address1 {color:#ffffff;font-weight:600;font-size:24px;} #section20 .element .introduce dl > dd .location .address2 {margin:20px 0 0 0;} #section20 .element .introduce dl > dd .location .address2 span {display:inline-block;background:#135585;color:#ffffff;font-weight:400;font-size:18px;padding:5px 10px 5px 10px;} #section20 .element .introduce dl > dd .location .address2 span b {font-size:18px;} #section20 .element .introduce dl > dd .location .map {margin:30px 0 0 0;width:100%;height:490px;border:2px solid #999999;background:#000000;} #section21 {display:;background:#eeeeee;} #section21 .section_group {} #section21 .section_group:before {clear:both;display:block;content:"";padding-top:20px;} #section21 .section_group:after {clear:both;display:block;content:"";padding-bottom:20px;} #section21 .logo {float:left;width:25%;text-align:center;} #section21 .logo img {width:200px;margin:20px 0 0 0;} #section21 .information {float:left;width:730px;text-align:left;background:transparent;} #section21 .information span {display:block;font-weight:400;font-size:16px;line-height:24px;transform: skew(-0.001deg);} #section21 .menu {float:right;margin:10px 0 0 0;width:220px;text-align:right;background:transparent;} #section21 .menu ul {font-size:0;} #section21 .menu ul > li {display:inline-block;margin:0 5px 0 0;background:transparent;} #section21 .menu ul > li:last-child {margin-right:0;} #section21 .menu ul > li a {} #section21 .menu ul > li a img {} } /*-------------------------------------------------------------------- ||높이가 1080 높으면 --------------------------------------------------------------------*/ @media screen and (min-height: 1080px){ }