@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);} 나눔 폰트 깨짐 현상 해결책 */ /*-------------------------------------------------------------------- ||공통설정 --------------------------------------------------------------------*/ body {width:100%;margin:0;padding:0;background-color:#fff;} em {font-style:normal;} #msg {position:fixed;z-index:10000;} #wrap .fp-tableCell {vertical-align:top;} @-webkit-keyframes spin {from {-webkit-transform: rotate(359deg);transform-origin:center middle;}to{-webkit-transform: rotate(0deg);transform-origin:center middle;}} @-moz-keyframes spin {from {-moz-transform: rotate(359deg);transform-origin:center middle;}to{-moz-transform: rotate(0deg);transform-origin:center middle;}} @-ms-keyframes spin {from {-ms-transform: rotate(359deg);transform-origin:center middle;}to{-ms-transform: rotate(0deg);transform-origin:center middle;}} @-o-keyframes spin {from {-o-transform: rotate(359deg);transform-origin:center middle;}to{-o-transform: rotate(0deg);transform-origin:center middle;}} @keyframes spin {from {transform: rotate(359deg);transform-origin:center middle;}to{transform: rotate(0deg);transform-origin:center middle;}} @keyframes moveAndBlur { 0% {opacity:0.5;transform:translatey(-20px);} 50% {opacity:1;transform:translatey(0);} 100% {opacity:0.5;transform:translatey(-20px);} } @keyframes upAndDown { 0% {opacity:1;transform:translatey(-20px);} 50% {opacity:1;transform:translatey(0);} 100% {opacity:1;transform:translatey(-20px);} } /*-------------------------------------------------------------------- ||MO --------------------------------------------------------------------*/ @media screen and (max-width: 768px){ html {} body {min-height:100vh;background:transparent;} body em {font-style:normal;} body i {font-style:normal;} body .mbr {display:block;} body .pbr {display:none;} body .mview {display:block;} body .pview {display:none;} #wrap {} #wrap #container {} #wrap #container .width_area {width:100%;margin:0 auto;} #wrap #container .width_area:after {display:block;clear:both;content:"";} #wrap #container .section.default {position:relative;width:100vw;min-height:100vh;} #section0 {background-image:url('/resource/image/home/bg/pc/bg0.jpg'); background-repeat:no-repeat;background-size:cover;background-position:left top;} #section1 {background-image:url('/resource/image/home/bg/mo/bg1.jpg'); background-repeat:no-repeat;background-size:cover;background-position:center top;} #section2 {background-image:url('/resource/image/home/bg/pc/bg2.jpg'); background-repeat:no-repeat;background-size:cover;background-position:center top;} #section3 {position:relative;} #section3::before {position:absolute;display:block;left:0;top:0;width:100%;height:100vh;background-image:url('/resource/image/home/bg/pc/bg3.jpg'); background-repeat:no-repeat;background-size:cover;background-position:left;content:"";opacity:0.5;} /* #section4 {background-image:url('/resource/image/home/bg/pc/bg4.jpg'); background-repeat:no-repeat;background-size:cover;background-position:center -60vw;}*/ #section4 {background:#eeeeee;} #section5 {background-image:url('/resource/image/home/bg/pc/bg5.jpg'); background-repeat:no-repeat;background-size:cover;background-position:center top;} #section6 {background:#cae0e2;} #section6::before {position:absolute;display:block;left:0;top:0;right:0;width:100vw;height:100vh;background-image:url('/resource/image/home/bg/pc/bg6.jpg'); background-repeat:no-repeat;background-size:cover;background-position:center;content:"";opacity:0.1;} #section7 {background:#e7f7f7;} #section7::before {position:absolute;display:block;left:0;top:0;right:0;width:100vw;height:100vh;background-image:url('/resource/image/home/bg/pc/bg7.jpg'); background-repeat:no-repeat;background-size:cover;background-position:right top;content:"";opacity:0.1;} #section8 {background:#e3f1f3;} #section8::before {position:absolute;display:block;left:0;top:0;right:0;width:100vw;height:100vh;background-image:url('/resource/image/home/bg/pc/bg8.jpg'); background-repeat:no-repeat;background-size:cover;background-position:left 180px;content:"";opacity:0.0;} #section9 {background-image:url('/resource/image/home/section9/background_m.jpg'); background-repeat:no-repeat;background-size:cover;background-position:center top;} #section9::before {position:absolute;display:block;left:0;top:0;right:0;width:100vw;height:100vh;background-image:url('/resource/image/home/section9/visual_image1.png'); background-repeat:no-repeat;background-size:cover;background-position:50% top;content:"";opacity:1;display:none;} #section10 {background:#bdced1;} #section10::before {position:absolute;display:block;left:0;top:0;right:0;width:100vw;height:100vh;background-image:url('/resource/image/home/bg/pc/bg10.jpg'); background-repeat:no-repeat;background-size:cover;background-position:center 0;content:"";opacity:0.2;} #section11 {} #section12 {} #section13 {background-image:url('/resource/image/home/bg/pc/bg13.jpg'); background-repeat:no-repeat;background-size:cover;background-position:left top;} #section14 {background-image:url('/resource/image/home/bg/pc/bg14.jpg'); background-repeat:no-repeat;background-size:cover;background-position:left top;} #section15 {} #quick {position:fixed;z-index:1000;right:0;opacity:1;margin:55vw 3vw 0 0;opacity:1;} #quick .link {background:transparent;} #quick .link ul {font-size:0;} #quick .link ul > li {display:block;width:10vw;height:10vw;padding:0 0 0 0;margin:0 0 2vw 0;cursor:pointer;text-align:center;} #quick .link ul > li:first-child {display:none;} #quick .link ul > li .icon {display:inline-block;margin:0 0 0 0;width:10vw;height:10vw;line-height:10vw;border-radius:50%;text-align:center;} #quick .link ul > li:nth-child(1) .icon {background:#6a7279;} #quick .link ul > li:nth-child(2) .icon {background:#fde631;} #quick .link ul > li:nth-child(3) .icon {background:linear-gradient(#cf5eac, #f15684, #f37a5d);} #quick .link ul > li:nth-child(4) .icon {background:#2fb500;} #quick .link ul > li .icon img {width:7vw;vertical-align:middle;} #quick .link ul > li .text {display:none;} #quick .top {display:none;} #header {} #header #gnb {position:fixed;top:0;z-index:1000;width:100%;height:14vw;background:white;opacity:1;} #header #gnb .gnb_group {} #header #gnb .gnb_group .logo_area {position:relative;z-index:100;display:inline-block;vertical-align:top;width:50vw;background:transparent;} #header #gnb .gnb_group .logo_area img {width:45vw;vertical-align:middle;transform:translate(0,0.5vw);} #header #gnb .gnb_group .menu_area {display:inline-block;width:100vw;height:10vw;vertical-align:top;text-align:center;background:#3a6168;} #header #gnb .gnb_group .menu_area .main_menu {position:relative;z-index:100;} #header #gnb .gnb_group .menu_area .main_menu ul {font-size:0;} #header #gnb .gnb_group .menu_area .main_menu ul > li {display:inline-block;height:13vw;line-height:11vw;margin:0 4.5vw 0 0;} #header #gnb .gnb_group .menu_area .main_menu ul > li:last-child {margin-right:0;} #header #gnb .gnb_group .menu_area .main_menu ul > li a {font-size:4vw;font-weight:600;color:#ffffff;transition:all .8s;} #header #gnb .gnb_group .menu_area .main_menu ul > li .linkOn a {font-size:4vw;font-weight:600;;color:#1e4458;transition:all .8s;} #header #gnb .gnb_group .menu_area .sub_menu {display:none;} #header #gnb .gnb_group .contract_area {position:absolute;z-index:100;right:0;top:0;margin:4.5vw 0 0 0;} #header #gnb .gnb_group .contract_area .icon {display:inline-block;vertical-align:middle;margin:0 1vw 0 0;display:none;} #header #gnb .gnb_group .contract_area .icon img {width:5vw;height:5vw;} #header #gnb .gnb_group .contract_area .text {display:inline-block;vertical-align:middle;margin:0 2.5vw 0 0;} #header #gnb .gnb_group .contract_area .text a {display:inline-block;font-size:6vw;font-weight:800;color:#40403f;transform:translate(0,-0.3vw);} #section0 {} #section0 .section_group {text-align:center;} #section0 .section_group .logo {padding:10vw 0 0 0;} #section0 .section_group .logo img {width:70vw;} #section0 .section_group .menu {margin:7vw 0 0 0;} #section0 .section_group .menu ul {font-size:0;} #section0 .section_group .menu ul > li {display:inline-block;margin:0 5vw 5vw 0;width:38vw;height:60vw;border:0.3vw solid #ffffff;box-shadow:0 0 0.5vw rgba(0,0,0,0.2);} #section0 .section_group .menu ul > li:nth-child(2n) {margin-right:0;} #section0 .section_group .menu ul > li:before {position:absolute;display:block;z-index:5;width:38vw;height:60vw;content:"";background:rgba(38,107,113,0.8);margin:0;padding:0;} #section0 .section_group .menu ul > li:nth-child(1) {background-image:url('/resource/image/home/section0/item_bg1.jpg');background-repeat:no-repeat;background-size:cover;background-position:center;} #section0 .section_group .menu ul > li:nth-child(2) {background-image:url('/resource/image/home/section0/item_bg2.jpg');background-repeat:no-repeat;background-size:cover;background-position:center;} #section0 .section_group .menu ul > li:nth-child(3) {background-image:url('/resource/image/home/section0/item_bg3.jpg');background-repeat:no-repeat;background-size:cover;background-position:center;} #section0 .section_group .menu ul > li:nth-child(4) {background-image:url('/resource/image/home/section0/item_bg4.jpg');background-repeat:no-repeat;background-size:cover;background-position:center;} #section0 .section_group .menu ul > li .icon {position:relative;z-index:10;display:block;margin:13vw 0 3vw 0;} #section0 .section_group .menu ul > li .icon img {width:20vw;} #section0 .section_group .menu ul > li .text {position:relative;z-index:10;display:block;} #section0 .section_group .menu ul > li .text a {font-weight:600;font-size:5.5vw;letter-spacing:-0.2vw;color:#ffffff;} #section1 {} #section1 .section_group {text-align:center;} #section1 .section_group .box {position:absolute;display:block;left:0;top:0;width:100vw;height:100%;text-align:left;margin:0 0 0 0;border-radius:0 0 0 0;opacity:1;} #section1 .section_group .box:after {position:absolute;z-index:0;display:block;content:"";left:0;top:0;width:100%;height:100%;background-image:url('/resource/image/home/section1/mask_m.png');background-repeat:no-repeat;background-size:cover;background-position:center;opacity:0.7;} #section1 .section_group .box .text_group {position:relative;width:100%;top:10vw;z-index:10;margin:0 0 0 0;text-align:center;} #section1 .section_group .box .text_group .text_item1 {margin:5vw 0 0 0;font-size:2.5vw;font-weight:400;color:#ffffff;letter-spacing:0.5vw;} #section1 .section_group .box .text_group .text_item2 {margin:4vw 0 0 0;font-family:"Cafe24Ohsquare";font-size:16vw;line-height:18vw;color:#ffffff;} #section1 .section_group .box .text_group .text_item3 {margin:3vw 0 0 0;font-size:4.5vw;line-height:6.5vw;color:#ffffff;} #section1 .section_group .box .text_group .text_item3 b {font-size:4.5vw;font-weight:600;line-height:6.5vw;color:#fff21c;} #section2 {height:180vh;overflow:hidden;;} #section2 .activity_popup { position: absolute; z-index: 1000; left: 0; top: 0; min-width: 100vw; height: 100%; /* background: rgba(81,140,146,0.85); */ display: none; } #section2 .activity_popup .popup_item { position: absolute; width: 50vw; height: auto; background: #ffffff; padding: 4vw 1vw; overflow: hidden; display: none; } #section2 .activity_popup .popup_item1 { right: 4vw; top: 30vw; } #section2 .activity_popup .popup_item2 { left: 4vw; top: 30vw; } #section2 .activity_popup .popup_item3 { right: 4vw; top: 140vw; } #section2 .activity_popup .popup_item4 { left: 4vw; top: 140vw; } #section2 .activity_popup .popup_item5 { right: 4vw; top: 270vw; } #section2 .activity_popup .popup_item6 { left: 4vw; top: 270vw; } #section2 .activity_popup .popup_item7 { right: 4vw; top: 400vw; } #section2 .activity_popup .popup_item8 { left: 4vw; top: 400vw; } #section2 .activity_popup .popup_item9 { right: 4vw; top: 530vw; } #section2 .activity_popup .popup_item10 { left: 4vw; top: 530vw; } #section2 .activity_popup .popup_item .button {position:absolute;top:5vw;right:5vw;} #section2 .activity_popup .popup_item .button a {} #section2 .activity_popup .popup_item .button a img {width:5vw;height:5vw;} #section2 .activity_popup .popup_item .card {text-align: center; padding-top: 7vw; padding-bottom: 2vw;} #section2 .activity_popup .popup_item .card .name {display:inline-block;font-weight:600;font-size:7vw;} #section2 .activity_popup .popup_item .card .position {display:inline-block;font-weight:400;font-size:5vw;margin:0 0 0 2vw;} #section2 .activity_popup .popup_item .contents {display:inline-block;vertical-align:bottom;} #section2 .activity_popup .popup_item .contents1 {padding-left: 1vw; margin-bottom: 2vw;} #section2 .activity_popup .popup_item .contents1 p {font-weight:300;font-size:2.2vw;line-height:4vw;letter-spacing:-0.1vw;} #section2 .activity_popup .popup_item .contents2 {padding-left: 1vw;} #section2 .activity_popup .popup_item .contents2 .division {padding: 2vw;font-weight:600;font-size:7vw;} #section2 .activity_popup .popup_item .contents2 p {font-weight:400;font-size:2.2vw;line-height:4vw;letter-spacing:-0.1vw;} #section2 .section_group {text-align:center;} #section2 .section_group .text_group {padding:15vw 0 0 0;} #section2 .section_group .text_group .text_item1 {margin:0 0 0 0;font-size:5vw;color:#000000;} #section2 .section_group .text_group .text_item1 b {font-size:5vw;font-weight:600;color:#000000;} #section2 .section_group .text_group .text_item2 {margin:3vw 0 0 0;font-family:"Cafe24Ohsquare";font-size:10vw;color:#3a6168;} #section2 .swiper-wrapper { flex-direction: column; } #section2 .swiper-container .swiper-slide { height: fit-content; display: flex; flex-wrap: wrap; justify-content: center; } #section2 .swiper-button-next, #section2 .swiper-button-prev { display: none; } #section2 .section_group .director_group { margin-top: 15vw; display: flex; display: -webkit-flex; display: -ms-flexbox; flex-wrap : wrap; justify-content: space-around; } #section2 .section_group .director_group .director_item { width: 46vw; height: 120vw; text-align: center; position: relative; } #section2 .section_group .director_group .director_item .button { position: absolute; left: 5vw; z-index:20; } #section2 .section_group .director_group .director_item .button a { display: inline-block; width: 7vw; height: 7vw; border-radius: 50%; background: #dae4e6; text-align: center; line-height: 7vw; transition: all 0.8s; } #section2 .section_group .director_group .director_item .button a img { display: inline-block; vertical-align: middle; width:5vw; height:5vw; } #section2 .section_group .director_group .director_item .image { position: absolute; left: 0; top: 0; width: 100%; text-align: center; transform-origin: top; } #section2 .section_group .director_group .director_item .image img { width: 100%; } /* #section2 .section_group .director_group .director_item3 .image img { transform: translateX(-7vw); } */ #section2 .section_group .director_group .director_item .text { position: absolute; left: 0; top: 65vw; width: 100%; height: auto; /* background: white; border: 0.2px solid #dddddd; */ box-sizing: border-box; padding-top: 2vw; padding-bottom: 2vw; z-index: 50; } #section2 .section_group .director_group .director_item .text .item1 .position {font-size:4.5vw;color:#000000;} #section2 .section_group .director_group .director_item4 .text .item1 .position {font-size:3.5vw;} #section2 .section_group .director_group .director_item .text .item1 .name {font-size:6.6vw;font-weight:800;color:#000000;} #section2 .section_group .director_group .director_item .text .item2 {margin:3vw 0 0 2vw;font-size:2.3vw;line-height:4.5vw;color:#000000;text-align:left;;} #section2 .section_group .director_group .director_item .text .item2 li {display: flex;} #section2 .section_group .director_group .director_item .text .item2 li p {font-size:2.2vw;line-height: 1.4;} /* 모든 의료진 보기 */ #section2 .showAllMember { position: absolute; left: 0; top: 0; width: 100vw; height: 100%; background-color: rgba(81,140,146,0.85); display: none; z-index: 999; } #section2 .showAllMember > p { position: absolute; left: 50%; top: 72%; transform: translateX(-50%); text-align: center; } #section2 .showAllMember > p > img { width: 80vw; height: auto; } #section2 .showAllMember > p > span { display: inline-block; font-size: 2vw; color: #fff; margin-top: 1.5vw; } #section2 .section_group .showAllbtn { width: 30vw; margin: 0 auto; transform: translateY(-35px); background-color: #fff; color: #528d98; font-size: 3.2vw; font-weight: 900; text-align: center; border-radius: 35px; padding: 3.2vw; cursor: pointer; } #section3 {} #section3 .section_group {text-align:center;} #section3 .section_group .feature {display:block;margin:0 0 0 0;padding:15vw 0 0 0;} #section3 .section_group .feature .visual {position:absolute;z-index:10;display:inline-block;vertical-align:top;width:90vw;overflow:hidden;background:transparent;transform:translate(0,60vw);padding:0 0 0.5vw 0;} #section3 .section_group .feature .visual .slide_group {} #section3 .section_group .feature .visual .slide_group .slide_item {display:none;} #section3 .section_group .feature .visual .slide_group div:first-child {display:block;} #section3 .section_group .feature .visual .slide_group .slide_item img {width:98%;border:2px solid #ffffff;} #section3 .section_group .feature .contents {position:relative;z-index:20;display:inline-block;vertical-align:top;width:90vw;height:100vw;padding:0 0 0 0;text-align:left;} #section3 .section_group .feature .contents p {} #section3 .section_group .feature .contents .item1 {margin:0 0 0 0;font-size:5vwx;line-height:6vw;color:#1d1d1d;} #section3 .section_group .feature .contents .item1 b {font-size:5vw;line-height:6vw;color:#c32e89;} #section3 .section_group .feature .contents .item2 {margin:3vw 0 0 0;font-family:"Cafe24Ohsquare";font-size:8.5vw;color:#000000;} #section3 .section_group .feature .contents .item3 {margin:3vw 0 0 0;font-size:3vw;line-height:6vw;color:#1d1d1d;letter-spacing:-0.1vw;} #section3 .section_group .feature .contents .item3 b {font-size:3vw;line-height:6vw;color:#000000;letter-spacing:-0.1vw;} #section3 .section_group .feature .contents .item3 b span {display:inline-block;font-size:3vw;line-height:6vw;color:#ffffff;background:#aea217;padding:1vw 1vw 1vw 1vw;margin:0 3px 0 0;letter-spacing:-0.1vw;} #section3 .section_group .subject {position:relative;z-index:30;;display:block;margin:26vw auto 0 auto;width:100vw;height:auto;} #section3 .section_group .subject .title {position:relative;display:inline-block;text-align:center;font-size:6vw;font-weight:600;color:#ffffff;background:#c09136;letter-spacing:-1px;transform:translate(0,0);padding:1.5vw 15vw 1.5vw 15vw;border-radius:2vw;} #section3 .section_group .subject ul {font-size:0;margin:7vw auto 5vw auto;} #section3 .section_group .subject ul > li {display:inline-block;width:25vw;vertical-align:top;margin:0 3vw 5vw 0;} #section3 .section_group .subject ul > li:nth-child(3n) {margin-right:0;} #section3 .section_group .subject ul > li .icon {display:inline-block;width:15vw;height:15vw;line-height:15vw;border-radius:50%;background:#c09136;} #section3 .section_group .subject ul > li .icon img {width:10vw;vertical-align:middle;} #section3 .section_group .subject ul > li .text {display:inline-block;margin:5vw 0 0 0;display:block;font-size:4vw;text-align:center;} #section3 .section_group .subject ul > li .text b {font-size:4vw;font-weight:600;} #section3 .slick-dots {background:transparent;text-align:right;transform:translate(-10px,-35px);display:none;} #section3 .slick-dots button:before {margin:0 0 0 0;color:#000000;font-size:14px;} #section4 {} #section4 .section_group {position:relative;text-align:center;} #section4 .section_group .text_group {margin:0 0 0 0;padding:15vw 0 0 0;} #section4 .section_group .text_group .text_item1 {margin:0 0 0 0;font-size:4vw;font-weight:400;color:#000000;} #section4 .section_group .text_group .text_item1 b {font-size:4vw;font-weight:600;color:#000000;} #section4 .section_group .text_group .text_item2 {margin:3vw 0 0 0;font-family:"Cafe24Ohsquare";font-size:9vw;line-height:12vw;color:#136169;} #section4 .section_group .feature {display:block;margin:10vw 0 0 0;} #section4 .section_group .feature ul {font-size:0;} #section4 .section_group .feature ul > li {display:inline-block;width:70vw;margin:0 0 5vw 0;} #section4 .section_group .feature ul > li .image {display:block;} #section4 .section_group .feature ul > li .image img {width:70vw;border-radius:5vw 5vw 0 0;} #section4 .section_group .feature ul > li .text {display:block;width:70vw;height:20vw;padding:5vw 0 0 0;background:#136169;font-size:4vw;line-height:5vw;color:#ffffff;letter-spacing:-0.2vw;border-radius:0 0 5vw 5vw;transform:translate(0,-4vw);} #section4 .section_group .feature ul > li .text b {font-size:3.7vw;font-weight:800;line-height:5vw;color:#fff21c;letter-spacing:-1px;} #section5 {} #section5 .section_group {position:relative;text-align:center;} #section5 .section_group .text_group {margin:0 0 0 0;padding:15vw 0 0 0;} #section5 .section_group .text_group .text_item1 {margin:0 0 0 0;font-size:4vw;font-weight:600;color:#3e3e3e;} #section5 .section_group .text_group .text_item1 b {display:inline-block;background:#ffffff;padding:0.5vw 0.5vw 0.5vw 0.5vw;margin:0 0 0 0;font-size:4vw;font-weight:800;color:#528d98;} #section5 .section_group .text_group .text_item2 {margin:3vw 0 0 0;font-family:"Cafe24Ohsquare";font-size:10vw;color:#3e3e3e;line-height:11vw;} #section5 .section_group .text_group .text_item2 b {font-family:"Cafe24Ohsquare";font-size:10vw;color:#3a6168;} #section5 .section_group .text_group .text_item3 {margin:4vw 0 0 0;} #section5 .section_group .text_group .text_item3 .box {display:inline-block;background:#ffffff;width:75vw;padding:3vw 0 3vw 0;text-align:center;font-size:2.5vw;line-height:4vw;color:#000000;letter-spacing:-0.2vw;} #section5 .section_group .text_group .text_item3 .box b {font-size:2.5vw;line-height:4vw;color:#528d98;} #section5 .section_group .feature {display:block;margin:7vw 0 0 0;} #section5 .section_group .feature .image {display:inline-block;vertical-align:top;width:90vw;height:auto;background:transparent;} #section5 .section_group .feature .image img {width:100%;} #section5 .section_group .feature .text {display:inline-block;vertical-align:top;width:80vw;height:auto;text-align:left;background:transparent;} #section5 .section_group .feature .text .box {margin:-4vw 0 0 0;display:inline-block;width:80vw;height:49vw;background-image:url('/resource/image/home/section5/bg_board.png'); background-repeat:no-repeat;background-size:cover;background-position:left top;} #section5 .section_group .feature .text .box ul {font-size:0;margin:9vw 0 0 5vw;} #section5 .section_group .feature .text .box ul > li {display:block;font-size:3.8vw;line-height:8.7vw;color:#383838;} #section5 .section_group .feature .text .box ul > li span {display:inline-block;font-size:3.8vw;font-weight:600;line-height:5vw;color:#383838;} #section5 .section_group .feature .text .box ul > li span:after {display:block;height:0.4vw;content:"";background:#3a6168;margin:0 0 0 0;} #section5 .section_group .feature .text .box ul > li i {display:inline-block;width:4vw;height:4vw;background-image:url('/resource/image/home/section5/icon_check.svg'); background-repeat:no-repeat;background-size:cover;background-position:left top;transform:translate(0,1vw);} #section5 .section_group .subject {display:inline-block;padding:5vw 0 5vw 0;} #section5 .section_group .subject ul {font-size:0;width:70vw;} #section5 .section_group .subject ul > li {display:inline-block;margin:0 8vw 3vw 0;width:15vw;height:15vw;line-height:15vw;border:0.7vw solid #3a6168;background:#ffffff;border-radius:10vw;font-size:3.5vw;letter-spacing:-0.2vw;font-weight:600;color:#3a6168;} #section5 .section_group .subject ul > li:nth-child(3n) {margin-right:0;} #section6 {position:relative;padding:0 0 7vw 0;} #section6 .section_group {position:relative;z-index:10;text-align:center;} #section6 .section_group .text_group {position:relative;z-index:10;display:block;margin:0 0 0 0;padding:15vw 0 0 0;} #section6 .section_group .text_group .text_item1 {margin:0 0 0 0;font-size:4vw;font-weight:400;color:#3e3e3e;} #section6 .section_group .text_group .text_item2 {margin:3vw 0 0 0;font-family:"Cafe24Ohsquare";font-size:10vw;color:#3e3e3e;line-height:11vw;letter-spacing:-0.3vw;} #section6 .section_group .text_group .text_item2 b {font-family:"Cafe24Ohsquare";font-size:10vw;color:#3a6168;} #section6 .section_group .text_group .text_item3 {margin:3vw 0 0 0;font-size:3vw;line-height:4.5vw;letter-spacing:-0.2vw;} #section6 .section_group .text_group .text_item3 b {font-size:3vw;line-height:4vw;color:#528d98;} #section6 .section_group .feature {margin:7vw 0 0 0;} #section6 .section_group .feature .image {} #section6 .section_group .feature .image .image_item {display:block;margin:0 0 3vw 0;} #section6 .section_group .feature .image .image_item img {width:70vw;border:2px solid #ffffff;} #section6 .section_group .feature .image .image_item2 .YTPlayers0 {width:70vw !important;height:40vw !important;border:2px solid #ffffff;} #section6 .section_group .subject {margin:0 0 0 0;} #section6 .section_group .subject .subject_item {display:inline-block;width:33vw;margin-right:5vw;} #section6 .section_group .subject .subject_item:nth-child(2n) {margin-right:0;} #section6 .section_group .subject .subject_item ul {font-size:0;} #section6 .section_group .subject .subject_item ul > li {display:block;background:#ffffff;padding:2vw 0 2vw 0;text-align:center;font-size:3vw;border-bottom:0.5vw solid #c5dbdd;color:#3a6168;} #section6 .section_group .subject .subject_item ul > li:first-child {background:#3a6168;padding:3vw 0 3vw 0;text-align:center;font-size:4vw;font-weight:600;color:#ffffff;border-radius:0 0 0 0;margin:5vw 0 0 0;} #section6 .section_group .subject .subject_item ul > li:last-child {border-radius:0 0 0 0;} #section7 {position:relative;padding:0 0 5vw 0;} #section7 .section_group {position:relative;z-index:10;text-align:center;} #section7 .section_group .text_group {position:relative;z-index:10;display:block;margin:0 0 0 0;padding:15vw 0 0 0;} #section7 .section_group .text_group .text_item1 {margin:0 0 0 0;font-size:4vw;font-weight:400;color:#3e3e3e;} #section7 .section_group .text_group .text_item2 {margin:3vw 0 0 0;font-family:"Cafe24Ohsquare";font-size:10vw;color:#3e3e3e;} #section7 .section_group .text_group .text_item2 b {font-family:"Cafe24Ohsquare";font-size:10vw;color:#3a6168;} #section7 .section_group .text_group .text_item3 {margin:3vw 0 0 0;font-size:3vw;line-height:4.5vw;letter-spacing:-0.2vw;} #section7 .section_group .text_group .text_item3 b {display:inline-block;font-size:3.3vw;font-weight:600;color:#528d98;} #section7 .section_group .text_group .text_item4 {margin:5vw 0 0 0;} #section7 .section_group .text_group .text_item4 span {display:inline-block;width:73vw;margin:0 0 3vw 0;background:#ffffff;padding:1vw 2vw 2vw 2vw;font-size:3vvw;line-height:5vw;color:#000000;text-align:left;border-radius:10vw;border:0.5vw dashed #528d98;letter-spacing:-0.2vw;} #section7 .section_group .text_group .text_item4 span i {display:inline-block;margin:0 2vw 0 2vw;width:4vw;height:4vw;background-image:url('/resource/image/home/section7/icon_check.svg'); background-repeat:no-repeat;background-size:contain;background-position:left top;transform:translate(0,3vw);} #section7 .section_group .text_group .text_item4 span b {display:block;font-size:3.5vw;font-weight:600;line-height:3vw;color:#000000;letter-spacing:-0.2vw;padding:0 0 0 8vw;} #section7 .section_group .feature {margin:10vw 0 0 0;} #section7 .section_group .feature .feature_item {display:inline-block;width:40vw;margin-right:3vw;} #section7 .section_group .feature .feature_item:last-child {margin-right:0;} #section7 .section_group .feature .feature_item .image {display:inline-block;width:40vw;height:20vw;overflow:hidden;} #section7 .section_group .feature .feature_item .image img {width:40vw;} #section7 .section_group .feature .feature_item .subject {display:inline-block;width:40vw;height:60vw;background:#ffffff;overflow:hidden;} #section7 .section_group .feature .feature_item .subject .title {display:block;background:#528d98;padding:2vw 0 2vw 0;font-size:4.5vw;font-weight:800;color:#ffffff;} #section7 .section_group .feature .feature_item .subject .title b {font-size:4.5vw;font-weight:800;color:#ffffff;} #section7 .section_group .feature .feature_item .subject .contents {} #section7 .section_group .feature .feature_item .subject .contents .sub_title{margin:0 0 1vw 0;padding:1vw 0 1vw 0;display:block;background:#cccccc;font-size:3.5vw;display:none;} #section7 .section_group .feature .feature_item .subject .contents .sub_item {margin:1vw 0 1vw 0;display:block;font-size:3vw;line-height:5.5vw;} #section7 .section_group .feature .feature_item .subject .contents .sub_item b {padding:3vw 5vw 3vw 5vw;margin:0 0 2vw 0;font-size:4vw;font-weight:600;} #section7 .section_group .feature .feature_item1 .subject .contents .sub_item {margin:3vw 0 0 0;} #section7 .section_group .feature .feature_item2 .subject .contents .sub_item {margin:5vw 0 0 0;line-height:7vw;background:transparent;} #section8 {position:relative;padding:0 0 7vw 0;} #section8 .section_group {position:relative;z-index:10;text-align:center;} #section8 .section_group .text_group {position:relative;display:block;margin:0 0 0 0;padding:15vw 0 0 0;} #section8 .section_group .text_group .text_item1 {margin:3vw 0 0 0;font-family:"Cafe24Ohsquare";font-size:10vw;color:#3e3e3e;line-height:11vw;} #section8 .section_group .text_group .text_item1 b {font-family:"Cafe24Ohsquare";font-size:11vw;color:#3a6168;} #section8 .section_group .text_group .text_item2 {margin:3vw 0 0 0;font-size:3vw;line-height:4vw;} #section8 .section_group .text_group .text_item2 b {display:inline-block;font-size:3vw;font-weight:600;line-height:4vw;color:#000000;} #section8 .section_group .text_group .text_item2 em {display:inline-block;font-size:3vw;font-weight:600;line-height:4vw;color:#3a6168;} #section8 .section_group .text_group .text_item3 {margin:3vw 0 0 0;} #section8 .section_group .text_group .text_item3 span {display:inline-block;width:73vw;margin:0 0 10px 0;background:#ffffff;padding:1vw 2vw 2vw 2vw;font-size:3vw;line-height:5vw;color:#000000;text-align:left;border-radius:10vw;border:0.5vw dashed #528d98;} #section8 .section_group .text_group .text_item3 span i {display:inline-block;margin:0 2vw 0 2vw;width:4vw;height:4vw;background-image:url('/resource/image/home/section7/icon_check.svg'); background-repeat:no-repeat;background-size:contain;background-position:left top;transform:translate(0,3vw);} #section8 .section_group .text_group .text_item3 span b {display:block;font-size:3.5vw;font-weight:600;line-height:3vw;color:#000000;letter-spacing:-0.2vw;padding:0 0 0 8vw;} #section8 .section_group .text_group .text_item3 span em {display:block;font-size:3vw;font-weight:400;line-height:3vw;color:#000000;letter-spacing:-0.2vw;padding:0 0 0 8vw;line-height:5vw;} #section8 .section_group .text_group .text_item3 span:first-child {padding:1.3vw 2vw 1vw 2vw;} #section8 .section_group .text_group .text_item3 span:first-child b {margin-top:-4vw;} #section8 .section_group .feature {margin:75vw 0 0 0;} #section8 .section_group .feature ul {display:inline-block;font-size:0;} #section8 .section_group .feature ul > li {display:inline-block;margin:3vw 3vw 0 0;font-size:0;} #section8 .section_group .feature ul > li:nth-child(2n) {margin-right:0;} #section8 .section_group .feature ul > li .image {width:40vw;font-size:0;} #section8 .section_group .feature ul > li .image img {width:100%;border-radius:10vw 10vw 0 0;} #section8 .section_group .feature ul > li .text {width:40vw;height:10vw;font-size:4vw;line-height:10vw;color:#ffffff;background:#3a6168;border-radius:0 0 10vw 10vw;transform:translate(0,0);} #section8 .section_group .etc {position:absolute;top:0;left:0;;transform:translate(21vw,117vw);} #section8 .section_group .etc .slide_group {display:block;width:58vw;height:58vw;background:transparent;border-radius:50%;box-shadow:0.5vw 0.3vw 0.8vw rgba(0,0,0,0.2);overflow:hidden;} #section8 .section_group .etc .slide_group .slide_item {width:block;width:50vw;height:50vw;text-align:center;background:transparent;} #section8 .section_group .etc .slide_group .slide_item1 {margin-top:3vw;} #section8 .section_group .etc .slide_group .slide_item1 img {width:30vw;transform:translate(0,0);} #section8 .section_group .etc .slide_group .slide_item2 {margin-top:13vw;} #section8 .section_group .etc .slide_group .slide_item2 img {width:30vw;border-radius:20vw;} #section8 .section_group .etc .slide_group .slide_item3 {margin-top:13vw;} #section8 .section_group .etc .slide_group .slide_item3 img {border-radius:20vw;} #section8 .section_group .etc .slide_group .slide_item .image {display:block;width:20vw;margin:0 auto;text-align:center;background:transparent;} #section8 .section_group .etc .slide_group .slide_item .image img {width:20vw;} #section8 .section_group .etc .slide_group .slide_item .text {display:block;width:30vw;margin:3vw auto 0 auto;background:black;padding:1vw 2vw 1vw 2vw;border-radius:20px;font-size:4vw;font-weight:600;color:#ffffff;;} #section9 {position:relative;padding:0 0 10vw 0;} #section9 .section_group {position:relative;z-index:10;text-align:center;} #section9 .section_group .text_group {position:relative;z-index:10;display:block;margin:0 0 0 0;padding:15vw 0 0 0;} #section9 .section_group .text_group .text_item1 {margin:0 0 0 0;font-family:"Eulyoo1945-Regular";font-size:4vw;font-weight:400;color:#3e3e3e;} #section9 .section_group .text_group .text_item2 {margin:4vw 0 0 0;font-family:"Eulyoo1945-SemiBold";font-size:10vw;line-height:11vw;color:#3e3e3e;} #section9 .section_group .text_group .text_item2 b {margin:0 0 0 0;font-family:"Eulyoo1945-SemiBold";font-size:11vw;color:#36241c;} #section9 .section_group .text_group .text_item3 {margin:4vw 0 0 0;font-size:5vw;font-weight:400;color:#3e3e3e;} #section9 .section_group .text_group .text_item3 span {display:inline-block;font-size:5vw;padding:0 2vw 0 0;} #section9 .section_group .movie {position:relative;display:inline-block;width:70vw;height:auto;margin:7vw 0 0 0;} #section9 .section_group .movie .YTPlayers1 {display:block;width:70vw !important;height:40vw !important;background:black;} #section9 .section_group .add {display: block; margin:7vw auto 0;} #section9 .section_group .add img {width: 45vw;} #section9 .section_group .feature {margin:7vw 0 0 0;} #section9 .section_group .feature .feature_item {display:inline-block;vertical-align:top;width:40vw;margin:0 3vw 0 0;background:transparent;} #section9 .section_group .feature .feature_item:last-child {margin-right:0;} #section9 .section_group .feature .feature_item .image {display:inline-block;vertical-align:top;width:40vw;} #section9 .section_group .feature .feature_item .image img {width:39vw;border:0.5vw solid #ffffff;} #section9 .section_group .feature .feature_item .subject {display:inline-block;vertical-align:top;width:40w;background:transparent;} #section9 .section_group .feature .feature_item .subject ul {width:40vw;height:45vw;} #section9 .section_group .feature .feature_item .subject ul > li {display:block;font-size:2.9vw;font-weight:600;padding:2vw 0 0 0;text-align:left;} #section9 .section_group .feature .feature_item .subject ul > li:first-child {font-size:4.5vw;font-weight:800;color:#000000;background:#ffffff;text-align:center;padding:2vw 0 1vw 0;} #section9 .section_group .feature .feature_item .subject ul > li:first-child b {font-size:4.5vw;font-weight:800;color:#36241c;} #section9 .section_group .feature .feature_item .subject ul > li i {display:inline-block;width:4vw;height:4vw;margin:0 1vw 0 1vw;background-image:url('/resource/image/home/section9/icon_doubleCheck.svg'); background-repeat:no-repeat;background-size:cover;background-position:left top;transform:translate(0,1vw);} #section9 .section_group .feature .feature_item .summary {display:block;margin:2vw 0 0 0;padding:3vw 0 0 0;width:40vw;height:44vw;background:#ffffff;font-size:2.8vw;line-height:4.5vw;letter-spacing:-0.3vw;;display:none;} #section9 .section_group .feature .feature_item .summary b {font-size:2.6vw;font-weight:600;color:#3a261c;color:#3a261c;line-height:4.5vw;} #section9 .section_group .feature .feature_item1 .summary {padding-top:15vw;height:32vw;} #section9 .section_group .feature .feature_item1 {} #section9 .section_group .feature .feature_item2 {} #section10 {position:relative;} #section10 .section_group {position:relative;z-index:10;text-align:center;} #section10 .section_group .text_group {position:relative;z-index:10;display:block;margin:0 0 0 0;padding:15vw 0 0 0;} #section10 .section_group .text_group .text_item1 {margin:0 0 0 0;font-size:4vw;font-weight:400;color:#3e3e3e;} #section10 .section_group .text_group .text_item2 {margin:3vw 0 0 0;font-family:"Cafe24Ohsquare";font-size:10vw;color:#000000;line-height:11vw;} #section10 .section_group .text_group .text_item2 b {font-family:"Cafe24Ohsquare";font-size:10vw;color:#000000;} #section10 .section_group .text_group .text_item3 {margin:5vw 0 0 0;} #section10 .section_group .text_group .text_item3 span {display:inline-block;width:73vw;margin:0 0 10px 0;background:#ffffff;padding:1vw 2vw 2vw 2vw;font-size:3vw;line-height:5vw;color:#000000;text-align:left;border-radius:10vw;border:0.5vw dashed #528d98;} #section10 .section_group .text_group .text_item3 span i {display:inline-block;padding:0 0 0 0;margin:0 2vw 0 2vw;width:4vw;height:4vw;background-image:url('/resource/image/home/section10/icon_check.svg'); background-repeat:no-repeat;background-size:contain;background-position:left top;transform:translate(0,3vw);border-right:0 solid #557281;} #section10 .section_group .text_group .text_item3 span b {display:block;font-size:3.5vw;font-weight:600;line-height:3vw;color:#000000;letter-spacing:-0.2vw;padding:0 0 0 8vw;} #section10 .section_group .text_group .text_item3 span em {display:block;font-size:3vw;font-weight:400;line-height:3vw;color:#000000;letter-spacing:-0.2vw;padding:0 0 0 8vw;line-height:5vw;} #section10 .section_group .text_group .text_item3 span:last-child b {margin:-4vw 0 0 0;} #section10 .section_group .text_group .text_item3 span:last-child {padding:1vw 2vw 1vw 2vw;} #section10 .section_group .feature {margin:5vw 0 0 0;text-align:center;} #section10 .section_group .feature ul {display:inline-block;font-size:0;} #section10 .section_group .feature ul:after {display:block;z-index:1;height:2px;background:#246774;content:"";margin:-20px 0 0 0;display:none;} #section10 .section_group .feature ul > li {display:inline-block;z-index:10;width:36vw;text-align:center;padding:4vw 0 2vw 0;margin:0 5vw 5vw 0;background:#528d98;border-radius:10vw 10vw 10vw 10vw;} #section10 .section_group .feature ul > li:nth-child(2n) {margin-right:0} #section10 .section_group .feature ul > li .icon {display:inline-block;width:23vw;height:23vw;line-height:23vw;border-radius:50%;background:#ffffff;border:0.5vw solid #528d98;} #section10 .section_group .feature ul > li .icon img {width:18vw;vertical-align:middle;} #section10 .section_group .feature ul > li .text {margin:3vw 0 0 0;display:block;width:36vw;height:7vw;background:transparent;font-size:4vw;font-weight:600;line-height:7vw;color:#ffffff;text-align:center;border-radius:0;border:0 solid #246774;} #section10 .section_group .feature ul > li:nth-child(even) .text {} #section11 {position:relative;padding:0 0 10vw 0;min-height:370vw !important;background:#eeeeee;} #section11 .section_group {position:relative;z-index:10;text-align:center;margin:0 0 0 0;padding:15vw 0 0 0;} #section11 .section_group .text_group {margin:0 0 0 0;position:relative;z-index:10;display:block;} #section11 .section_group .text_group .text_item1 {margin:0 0 0 0;font-size:4vw;font-weight:400;color:#4f8993;} #section11 .section_group .text_group .text_item2 {margin:3vw 0 0 0;font-family:"Cafe24Ohsquare";font-size:10vw;color:#3a6168;line-height:11vw;} #section11 .section_group .text_group .text_item2 b {font-family:"Cafe24Ohsquare";font-size:10vw;color:#3a6168;} #section11 .slide_control {position:absolute;z-index:20;left:0;transform:translate(25vw,5vw);} #section11 .slide_control .button {display:inline-block;vertical-align:middle;width:40vw;cursor:pointer;} #section11 .slide_control .button.left {width:7vw;height:7vw;border-left:0.7vw solid #333333;border-bottom:0.7vw solid #333333;transform:rotate(45deg);} #section11 .slide_control .button.right {width:7vw;height:7vw;border-right:0.7vw solid #333333;border-bottom:0.7vw solid #333333;transform:rotate(-45deg);} #section11 .slide_control .icon {display:inline-block;vertical-align:middle;;width:125px;height:125px;line-height:125px;background:#ffffff;border-radius:50%;text-align:center;} #section11 .slide_control .icon img {display:inline-block;vertical-align:middle;;width:50%;} #section11 .slide_group {position:absolute;left:0;top:0;width:100vw;height:auto;} #section11 .slide_group .pview {display:none !important;} #section11 .slide_group .mview {display:inline-block;} #section11 .slide_group .slide_item {display:inline-block;width:100vw;;height:auto;padding:0 5vw 0 0;} #section11 .slide_group .slide_item img {width:100%;} #section11 .slide_group .slide_item1 {min-width:100%;margin:0;padding:0 0 0 0;text-align:center;background-image:url('/resource/image/home/bg/mo/bg11_1.jpg'); background-repeat:no-repeat;background-size:cover;background-position:left top;} #section11 .slide_group .slide_item1 img {display:inline-block;} /*margin:8vw 0 0 0;*/ #section11 .slide_group .slide_item2 {min-width:100%;margin:0;padding:0 0 0 0;text-align:center;background-image:url('/resource/image/home/bg/mo/bg11_2.jpg'); background-repeat:no-repeat;background-size:cover;background-position:left top;} #section11 .slide_group .slide_item2 div {width:85vw;height:30px;font-size:2.8vw;line-height:30px;background:transparent;;margin:0 0 0 0;text-align:center;margin:0 auto;letter-spacing:-0.2vw;background:white;transform:translate(0,88vw);border-radius:5vw;display:none;} #section11 .slide_group .slide_item2 img {display:inline-block;} #section11 .slick-dots {display:none !important;} #section12 {position:relative;background:#eeeeee;overflow:hidden;;} #section12 .fp-tableCell {height: auto !important;} #section12 .section_group {position:relative;z-index:10;text-align:center;margin:0 0 0 0;padding:0;} #section12 .section_group .text_group {position:relative;z-index:10;display:block;} #section12 .section_group .text_group .text_item1 {margin:0 0 0 0;font-size:4vw;font-weight:400;color:#000000;} #section12 .section_group .text_group .text_item2 {margin:3vw 0 0 0;font-family:"Cafe24Ohsquare";font-size:10vw;color:#000000;} #section12 .section_group .text_group .text_item2 b {font-family:"Cafe24Ohsquare";font-size:10vw;color:#3a6168;} #section12 .section_group .feature {position:relative;z-index:10;display:inline-block;margin:5vw 0 0 0;} #section12 .section_group .feature ul {font-size:0;margin:0 0 0 0; padding:3vw 0 0 0;} #section12 .section_group .feature ul > li {display:inline-block;width:40vw;margin:0 5vw 5vw 0;} #section12 .section_group .feature ul > li:nth-child(2n) {margin-right:0;} #section12 .section_group.feature ul > li .image {} #section12 .section_group .feature ul > li .image img {width:30vw;} #section12 .section_group .feature ul > li:nth-child(1) .image img {width:38vw;transform:translate(-3vw,0);} #section12 .section_group .feature ul > li .text {margin:3vw 0 0 0;font-size:3vw;font-weight:400;line-height:4vw;color:#3a6168;} #section12 .section_group .feature ul > li .text b {font-size:4vw;font-weight:600;color:#3a6168;} #section12 .slide_box {position:relative;z-index:5;left:0;width:100vw;height:auto;background:#3a6168;margin:0 0 0 0;padding:10vw 0;overflow:hidden;} #section12 .slide_box .slide_group {width:100vw;margin:0;margin:0 auto 0 auto;} #section12 .slide_box .slide_group .slide_item {display:inline-block;width:30vw;} #section12 .slide_box .slide_group .slide_item .image {display:inline-block;width:22vw;height:22vw;line-height:22vw;border-radius:50%;background:#fff;} #section12 .slide_box .slide_group .slide_item .image img {display:inline-block;vertical-align:middle;width:15vw;} #section12 .slide_box .slide_group .slide_item .text {margin-top:3vw;display:inline-block;width:22vw;text-align:center;font-size:3.3vw;color:#ffffff;background:transparent;} #section12 .slick-prev.slick-arrow:before {display:none;} #section12 .slick-prev.slick-arrow {display:none;} #section12 .slick-next.slick-arrow:before {display:none;} #section12 .slick-next.slick-arrow {display:none;} #section12 .slick-dots {display:none !important;} #section13 {position:relative;padding:0 0 5vw 0;} #section13 .section_group {position:relative;z-index:10;text-align:center;margin:0 0 0 0;padding:15vw 0 0 0;} #section13 .section_group .text_group {position:relative;z-index:10;display:block;} #section13 .section_group .text_group .text_item1 {margin:0 0 0 0;font-family:"Cafe24Ohsquare";font-size:10vw;color:#000000;line-height:11vw;} #section13 .section_group .text_group .text_item1 b {font-family:"Cafe24Ohsquare";font-size:10vw;color:#3a6168;} #section13 .section_group .text_group .text_item2 {margin:3vw 0 0 0;font-size:4vw;line-height:5vw;font-weight:400;color:#000000;} #section13 .section_group .gallery {position:relative;display:inline-block;width:80vw;height:auto;padding:0;margin:5vw 0 0 0;text-align:center;} #section13 .section_group .gallery .small_image {display:inline-block;vertical-align:top;margin-right:25px;} #section13 .section_group .gallery .small_image .slide_control {position:absolute;z-index:1000;width:80vw;} #section13 .section_group .gallery .small_image .slide_control .button {cursor:pointer;} #section13 .section_group .gallery .small_image .slide_control .prev {text-align:center;transform:translate(0,5vw);} #section13 .section_group .gallery .small_image .slide_control .prev i {display:inline-block;width:7vw;height:7vw;border-left:0.5vw solid white;border-top:0.5vw solid white;transform:rotate(45deg);} #section13 .section_group .gallery .small_image .slide_control .next {text-align:center;transform:translate(0,145vw);} #section13 .section_group .gallery .small_image .slide_control .next i {display:inline-block;width:7vw;height:7vw;border-left:0.5vw solid white;border-bottom:0.5vw solid white;transform:rotate(-45deg);} #section13 .section_group .gallery .small_image .slide_group {width:80vw;} #section13 .section_group .gallery .small_image .slide_group .slide_item {margin:0 0 6px 0;} #section13 .section_group .gallery .small_image .slide_group .slide_item img {width:78vw;border:0.5vw solid #ffffff;} #section13 .section_group .gallery .big_image {margin:0 0 0 0;display:none;} #section14 {position:relative;padding:0 0 7vw 0;} #section14 .park_popup {position:absolute;z-index:100;;width:100vw;height:100%;background:rgba(0, 0, 0, 0.8);text-align:center;overflow:hidden;display:none;} #section14 .park_popup .button {position:absolute;left:0;display:inline-block;} #section14 .park_popup .button a {display:inline-block;background:white;text-align:center;vertical-align:middle;width:15vw;height:15vw;line-height:15vw;border-radius:50%;transform:translate(80vw,125vw);border:0.5vw dashed black;cursor:pointer;} #section14 .park_popup .button a img {display:inline-block;vertical-align:middle;width:10vw;height:10vw;margin:0;} #section14 .park_popup img {display:inline-block;width:80vw;margin:130vw 0 0 0;} #section14 .section_group {position:relative;z-index:10;text-align:center;margin:0 0 0 0;padding:15vw 0 0 0;} #section14 .section_group .item {display:inline-block;vertical-align:top;width:80vw;} #section14 .section_group .item.schedule {} #section14 .section_group .item.schedule .title {font-family:"Cafe24Ohsquare";font-size:10vw;color:#3e3e3e;} #section14 .section_group .item.schedule .title b {font-family:"Cafe24Ohsquare";font-size:10vw;color:#3a6168;} #section14 .section_group .item.schedule .box {margin:5vw 0 0 0;padding:0 0 9vw 0;width:100%;background:#ffffff;} #section14 .section_group .item.schedule .box ul {margin:10vw auto 0 auto;display:inline-block;} #section14 .section_group .item.schedule .box ul > li {display:block;margin:0 0 3vw 0;} #section14 .section_group .item.schedule .box ul > li .day {display:inline-block;vertical-align:middle;font-size:5vw;font-weight:600;color:#0d0d0d;margin:0 4vw 0 0;width: 25.3vw;} #section14 .section_group .item.schedule .box ul > li .time {display:inline-block;vertical-align:middle;font-size:4vw;color:#3a6168;} #section14 .section_group .item.schedule .box ul > li .time i {display:inline-block;vertical-align:middle;font-size:3vw;color:#3a6168;} #section14 .section_group .item.schedule .box ul > li .time b {display:inline-block;vertical-align:middle;font-size:4vw;font-weight:600;color:#3a6168;} #section14 .section_group .item.schedule .box .ex {} #section14 .section_group .item.schedule .box .ex .lunch {margin:3vw 0 0 0;display:block;font-size:3.5vw;font-weight:600;letter-spacing:-0.1vw;} #section14 .section_group .item.schedule .box .ex .lunch b {font-size:3.5vw;font-weight:600;color:#3a6168;} #section14 .section_group .item.schedule .box .ex .deadline {margin:3vw 0 0 0;display:block;font-size:3.5vw;font-weight:600;letter-spacing:-0.1vw;} #section14 .section_group .item.schedule .box .ex .deadline b {font-size:3.5vw;font-weight:600;color:#3a6168;} #section14 .section_group .item.schedule .box .add {margin:5vw 0 0 0;} #section14 .section_group .item.schedule .box .add .line1 {margin:0 0 0 0;font-size:6vw;letter-spacing:-0.2vw;} #section14 .section_group .item.schedule .box .add .line1 i {display:inline-block;vertical-align:middle;width:10vw;height:10vw;margin:0 2vw 0 0;background-image:url('/resource/image/home/section14/icon_clock.svg'); background-repeat:no-repeat;background-size:cover;background-position:center;} #section14 .section_group .item.schedule .box .add .line1 b {font-size:6vw;font-weight:800;color:#3a6168;} #section14 .section_group .item.schedule .box .add .line2 {margin:5vw 0 0 0;font-size:5vw;color:#434343;line-height:9vw;} #section14 .section_group .item.schedule .box .add .line2 span {font-size:5vw;font-weight:600;color:#3a6168;padding:0 0 7px 0;border-bottom:0 solid #91a6aa;} #section14 .section_group .item.location {margin:10vw 0 0 0;} #section14 .section_group .item.location .title {font-family:"Cafe24Ohsquare";font-size:10vw;color:#3e3e3e;} #section14 .section_group .item.location .title b {font-family:"Cafe24Ohsquare";font-size:10vw;color:#3a6168;} #section14 .section_group .item.location .box {margin:25px 0 0 0;width:80vw;height:80vw;background:#ffffff;} #section14 .section_group .item.location .button {position:absolute;} #section14 .section_group .item.location .button span {display:inline-block;width:25vw;height:25vw;border-radius:50%;background:#3a6168;text-align:center;border:0.5vw solid #ffffff;cursor:pointer;transform:translate(50vw,-33vw);} #section14 .section_group .item.location .button span a {display:inline-block;font-size:5vw;line-height:25vw;font-weight:800;color:#ffffff;;} #section14 .etc {} #section14 .etc .address {display:block;width:80vw;height:auto;margin:5vw auto 5vw auto;padding:3vw 0 3vw 0;background:#4b6f76;font-size:5vw;line-height:6vw;color:#ffffff;} #section14 .etc .title {display:inline-block;font-size:5vw;font-weight:600;color:#3a6168;margin:0 0 0 2vw;line-height:6vw;} #section14 .etc .contents {display:inline-block;font-size:4vw;font-weight:600;color:#0d0d0d;margin:0 0 0 2vw;} #section15 {height:30vw !important;min-height:15vh!important} #section15 .section_group:before {clear:both;display:block;content:"";padding-top:5vw;} #section15 .section_group:after {clear:both;display:block;content:"";padding-bottom:5vw;} #section15 .logo {display:none;} #section15 .information {width:98vw;text-align:left;padding:0 0 0 2vw;} #section15 .information span {display:block;font-size:12px;line-height:24px;transform: skew(-0.001deg);letter-spacing:;} #section15 .information span:last-child {color:#a3a3a3;} #wrap #quick {display:;} #wrap #header {display:;} #section0 {z-index:0;display:;} #section1 {z-index:1;display:;} #section2 {z-index:2;display:;} #section3 {z-index:3;display:;} #section4 {z-index:4;display:;} #section5 {z-index:5;display:;} #section6 {z-index:6;display:;} #section7 {z-index:7;display:;} #section8 {z-index:8;display:;} #section9 {z-index:9;display:;} #section10 {z-index:10;display:;} #section11 {z-index:11;display:;} #section12 {z-index:12;display:;} #section13 {z-index:13;display:;} #section14 {z-index:14;display:;} #section15 {z-index:15;display:;} } /*-------------------------------------------------------------------- ||PC --------------------------------------------------------------------*/ @media screen and (min-width: 768px){ body {width:100vw;overflow-x:hidden;} body em {font-style:normal;} body i {font-style:normal;} body .mbr {display:none;} body .pbr {display:block;} body .mview {display:none;} body .pview {display:block;} #wrap {} #wrap #container {} #wrap #container .section {position:relative;min-width:1920px;height:100vh;overflow:hidden;} #wrap #container .width_area {width:1270px;margin:0 auto;background:transparent;} #wrap #container .width_area:after {display:block;clear:both;content:"";} #section0 {background-image:url('/resource/image/home/bg/pc/bg0.jpg'); background-repeat:no-repeat;background-size:cover;background-position:left top;} #section1 {background-image:url('/resource/image/home/bg/pc/bg1.jpg'); background-repeat:no-repeat;background-size:cover;background-position:left top;} #section2 {} #section3 {position:relative;} #section3::before {position:absolute;display:block;left:0;top:0;width:100%;height:100vh;background-image:url('/resource/image/home/bg/pc/bg3.jpg'); background-repeat:no-repeat;background-size:cover;background-position:left -70px;content:"";opacity:0.5;} #section4 {background-image:url('/resource/image/home/bg/pc/bg4.jpg'); background-repeat:no-repeat;background-size:cover;background-position:left -140px;} #section5 {background-image:url('/resource/image/home/bg/pc/bg5.jpg'); background-repeat:no-repeat;background-size:cover;background-position:left top;} #section6 {background:#cae0e2;} #section6::before {position:absolute;display:block;left:0;top:0;right:0;width:100vw;height:100vh;background-image:url('/resource/image/home/bg/pc/bg6.jpg'); background-repeat:no-repeat;background-size:cover;background-position:left 0;content:"";opacity:0.1;} #section7 {background:#e7f7f7;} #section7::before {position:absolute;display:block;left:0;top:0;right:0;width:100vw;height:100vh;background-image:url('/resource/image/home/bg/pc/bg7.jpg'); background-repeat:no-repeat;background-size:cover;background-position:0 0;content:"";opacity:0.1;} #section8 {background:#e3f1f3;} #section8::before {position:absolute;display:block;left:0;top:0;right:0;width:100vw;height:100vh;background-image:url('/resource/image/home/bg/pc/bg8.jpg'); background-repeat:no-repeat;background-size:cover;background-position:left 180px;content:"";opacity:0.0;} #section9 {background-image:url('/resource/image/home/section9/background.jpg'); background-repeat:no-repeat;background-size:cover;background-position:left bottom;} /* #section9::before {position:absolute;display:block;left:0;top:0;right:0;width:100vw;height:100vh;background-image:url('/resource/image/home/section9/visual_image1.png'); background-repeat:no-repeat;background-size:cover;background-position:left -170px;content:"";opacity:1;} */ #section10 {background:#bdced1;} #section10::before {position:absolute;display:block;left:0;top:0;right:0;width:100vw;height:100vh;background-image:url('/resource/image/home/bg/pc/bg10.jpg'); background-repeat:no-repeat;background-size:cover;background-position:left 0;content:"";opacity:0.2;} #section11 {} #section12 {} #section13 {background-image:url('/resource/image/home/bg/pc/bg13.jpg'); background-repeat:no-repeat;background-size:cover;background-position:left top;} #section14 {background-image:url('/resource/image/home/bg/pc/bg14.jpg'); background-repeat:no-repeat;background-size:cover;background-position:left top;} #section15 {} #quick {position:fixed;z-index:1000;right:0;opacity:1;margin:400px 0 0 0;opacity:0;} #quick .link {background:white;border:1px solid #e2e9ef;border-radius:20px 0 0 20px;} #quick .link ul {font-size:0;} #quick .link ul > li {display:block;width:84px;height:93px;padding:0 0 0 0;margin:0 0 5px 0;cursor:pointer;text-align:center;} #quick .link ul > li .icon {display:inline-block;margin:10px 0 0 0;width:45px;height:45px;line-height:45px;border-radius:50%;text-align:center;} #quick .link ul > li:nth-child(1) .icon {background:#6a7279;} #quick .link ul > li:nth-child(2) .icon {background:#fde631;} #quick .link ul > li:nth-child(3) .icon {background:linear-gradient(#cf5eac, #f15684, #f37a5d);} #quick .link ul > li:nth-child(4) .icon {background:#2fb500;} #quick .link ul > li .icon img {width:30px;vertical-align:middle;} #quick .link ul > li .text {margin:8px 0 0 0;padding:0 0 0 0;display:block;font-size:16px;line-height:0;color:#40403f;text-align:center;transform:skew(-0.1deg) translate(0,10px);opacity:1;transition:all 0.5s;} #quick .link ul > li .text:after {display:inline-block;margin:20px 0 0 0;width:65px;height:1px;content:"";background:#e2e9ef;} #quick .link ul > li:last-child .text:after {display:none;} #quick .top {display:block;margin:10px 0 0 0;text-align:center;} #quick .top a {font-weight:600;color:#ffffff;} #header {} #header #gnb {position:fixed;z-index:1000;width:100%;height:58px;box-shadow:0 1px 20px rgba(63,123,139,0.5);background:transparent;opacity:0;} #header #gnb .gnb_group {position:relative;font-size:0;min-width:1920px;height:58px;margin:0 auto;} #header #gnb .gnb_group:after {position:absolute;z-index:95;display:block;left:0;top:0;width:100%;height:58px;content:"";background:white;} #header #gnb .logo_area {position:relative;z-index:100;display:inline-block;vertical-align:top;width:280px;background:transparent;} #header #gnb .logo_area img {width:200px;vertical-align:middle;transform:translate(5px,0);} #header #gnb .menu_area {display:inline-block;width:800px;height:58px;vertical-align:top;text-align:center;background:transparent;} #header #gnb:hover .sub_menu {margin:280px 0 0 0;transition:all 0.8s;} #header #gnb .menu_area .main_menu {position:relative;z-index:100;} #header #gnb .menu_area .main_menu ul {font-size:0;transform:translate(-110px,0);transition:all .8s;} #header #gnb .menu_area .main_menu ul > li {display:inline-block;width:165px;height:58px;line-height:58px;} #header #gnb .menu_area .main_menu ul > li a {font-size:21px;font-weight:600;color:#1e4458;transition:all .8s;transform: skew(-0.001deg);} #header #gnb .menu_area .main_menu ul > li .linkOn a {font-size:21px;font-weight:600;;color:#1e4458;transition:all .8s;} #header #gnb .menu_area .sub_menu:before {position:absolute;z-index:90;left:0;top:0;width:100%;height:58px;content:"";background:#ffffff;} #header #gnb .menu_area .sub_menu {position:absolute;z-index:90;left:0;top:-280px;width:100%;height:280px;background:rgba(0,0,0,0.8);text-align:left;transition:all 1s;} #header #gnb .menu_area .sub_menu ul {font-size:0;transform:translate(240px,75px);background:transparent;} #header #gnb .menu_area .sub_menu ul > li {display:inline-block;vertical-align:top;width:165px;height:180px;line-height:30px;background:transparent;text-align:center;} #header #gnb .menu_area .sub_menu ul > li a {display:block;font-size:17px;font-weight:400;color:#ffffff;transition:all .8s;transform: skew(-0.001deg);} #header #gnb .menu_area .sub_menu ul > li a:hover {font-size:17px;font-weight:400;;color:yellow;transition:all .8s;} #header #gnb .contract_area {position:absolute;z-index:100;right:0;top:0;margin:17px 40px 0 0;} #header #gnb .contract_area .icon {display:inline-block;vertical-align:middle;margin:0 10px 0 0;} #header #gnb .contract_area .icon img {width:25px;height:25px;} #header #gnb .contract_area .text {display:inline-block;vertical-align:middle;margin:0 20px 0 0;} #header #gnb .contract_area .text a {display:inline-block;font-size:27px;font-weight:600;color:#40403f;transform:translate(0,-1px);} #section0 {} #section0 .section_group {text-align:center;min-width:1920px;} #section0 .section_group .logo {padding:60px 0 50px 0;opacity:0.5;} #section0 .section_group .logo img {display:inline-block;width:700px;} #section0 .section_group .menu {display:;} #section0 .section_group .menu ul {font-size:0;} #section0 .section_group .menu ul > li {display:inline-block;margin-right:30px;width:290px;height:590px;border:3px solid #ffffff;box-shadow:0 0 2px rgba(0,0,0,0.2);cursor:pointer;} #section0 .section_group .menu ul > li:last-child {margin-right:0;} #section0 .section_group .menu ul > li:before {position:absolute;display:block;z-index:5;width:290px;height:590px;content:"";background:rgba(38,107,113,0.85);margin:0;padding:0;cursor:pointer;} #section0 .section_group .menu ul > li:nth-child(1) {background-image:url('/resource/image/home/section0/item_bg1.jpg');background-repeat:no-repeat;background-size:cover;background-position:center;display:none;opacity:0;} #section0 .section_group .menu ul > li:nth-child(2) {background-image:url('/resource/image/home/section0/item_bg2.jpg');background-repeat:no-repeat;background-size:cover;background-position:center;display:none;opacity:0;} #section0 .section_group .menu ul > li:nth-child(3) {background-image:url('/resource/image/home/section0/item_bg3.jpg');background-repeat:no-repeat;background-size:cover;background-position:center;display:none;opacity:0;} #section0 .section_group .menu ul > li:nth-child(4) {background-image:url('/resource/image/home/section0/item_bg4.jpg');background-repeat:no-repeat;background-size:cover;background-position:center;display:none;opacity:0;} #section0 .section_group .menu ul > li .icon {position:relative;z-index:10;display:block;margin:140px 0 0 0;} #section0 .section_group .menu ul > li .icon img {width:210px;} #section0 .section_group .menu ul > li .text {position:relative;z-index:10;display:block;} #section0 .section_group .menu ul > li .text a {font-weight:600;font-size:36px;color:#ffffff;} #section1 {} #section1 .section_group {text-align:center;min-width:1920px;} #section1 .section_group .box:after {position:absolute;z-index:0;display:block;content:"";left:0;top:0;width:100%;height:100%;background-image:url('/resource/image/home/section1/mask.png');background-repeat:no-repeat;background-size:cover;background-position:center;opacity:0.9;} #section1 .section_group .box {position:absolute;display:block;left:-950px;top:0;width:100%;height:100%;text-align:left;} #section1 .section_group .box .text_group {position:relative;z-index:10;margin:320px 0 0 260px;} #section1 .section_group .box .text_group .text_item1 {margin:0 0 0 0;font-size:20px;font-weight:300;color:#ffffff;letter-spacing:3px;;} #section1 .section_group .box .text_group .text_item2 {margin:30px 0 0 0;font-family:"Cafe24Ohsquare";font-size:89px;line-height:95px;color:#ffffff;} #section1 .section_group .box .text_group .text_item3 {margin:50px 0 0 0;font-size:26px;line-height:36px;color:#ffffff;} #section1 .section_group .box .text_group .text_item3 b {font-size:26px;font-weight:600;line-height:36px;color:#fff21c;} #section2 {background-color: #bccdd1;} #section2 .activity_popup { display: none; position: absolute; z-index: 1001; left: 0; top: 0; width: 100vw; height: 100%; /* background: rgba(81,140,146,0.85); */ } #section2 .activity_popup .popup_item { position: absolute; background: #ffffff; padding: 30px 20px; box-sizing: border-box; z-index: 1002; display: none; } #section2 .activity_popup .popup_item1 { width: 1014px; } #section2 .activity_popup .popup_item2 { width: 545px; } #section2 .activity_popup .popup_item3 { width: 642px; } #section2 .activity_popup .popup_item4 { width: 463px; } #section2 .activity_popup .popup_item8 { width: 400px; } #section2 .activity_popup .popup_item1, #section2 .activity_popup .popup_item5 { left: 27.65%; top: 35%; } #section2 .activity_popup .popup_item2, #section2 .activity_popup .popup_item6, #section2 .activity_popup .popup_item9 { left: 48%; top: 30%; } #section2 .activity_popup .popup_item3 { lefT: 15%; top: 49%; } #section2 .activity_popup .popup_item4, #section2 .activity_popup .popup_item8 { left: 45%; top: 50%; } #section2 .activity_popup .popup_item7, #section2 .activity_popup .popup_item10 { lefT: 30%; top: 49%; } #section2 .activity_popup .popup_item .button {position:absolute;top:20px;right:20px; z-index: 1010;} #section2 .activity_popup .popup_item .button a {} #section2 .activity_popup .popup_item .button a img {width:30px;height:30px;} #section2 .activity_popup .popup_item .card {margin-bottom: 20px;} #section2 .activity_popup .popup_item .card .name {display:inline-block;font-weight:800;font-size:40px;} #section2 .activity_popup .popup_item .card .position {display:inline-block;font-weight:400;font-size:23px;margin:0 0 0 10px;} #section2 .activity_popup .popup_item .contents {display:inline-block;} #section2 .activity_popup .popup_item1 .contents1 {width: 510px;} #section2 .activity_popup .popup_item .contents1 p {font-weight:300; font-size:20px; line-height:1.3em; margin-bottom: 10px;} #section2 .activity_popup .popup_item1 .contents2 {margin-left:20px;} #section2 .activity_popup .popup_item2 .contents2 {margin-top: 40px;} #section2 .activity_popup .popup_item .contents2 .division {font-weight:800; font-size:24px;} #section2 .activity_popup .popup_item .contents2 p {margin-top: 10px; font-weight:400; font-size: 17px; line-height:1.3em;} #section2 .activity_popup .popup_item2 .contents1 {vertical-align: top;} #section2 .activity_popup .popup_item2 .contents2 {vertical-align: bottom;} #section2 .section_group {text-align:center;min-width:1920px;} #section2 .section_group .text_group {margin:160px 0 0 0;} #section2 .section_group .text_group .text_item1 {margin:0 0 0 0;font-size:30px;color:#000000;} #section2 .section_group .text_group .text_item1 b {font-size:30px;font-weight:600;color:#000000;} #section2 .section_group .text_group .text_item2 {margin:20px 0 0 0;font-family:"Cafe24Ohsquare";font-size:56px;color:#3a6168;} #section2 .swiper-container { width: 100%; } #section2 .swiper-wrapper { position: static; } #section2 .swiper-container .swiper-slide { display: flex; justify-content: center; position: static; } #section2 .swiper-button-next, #section2 .swiper-button-prev { background: url("/resource/image/home/section2/arrow.png") no-repeat center / cover; width: 40px; height: 40px; border-radius: 50%; box-shadow: 6px 6px 8px rgba(63,123,139,0.23); } #section2 .swiper-button-prev { transform: rotate(180deg); } #section2 .swiper-button-next:after, #section2 .swiper-button-prev:after { font-size: 0; } /* 의료진 프로필 */ #section2 .section_group .director_group { position: relative; margin: 0 auto; width: 90%; margin-top: 50px; display: flex; display: -webkit-flex; display: -ms-flexbox; } #section2 .section_group .director_group .director_item { width: 408px; height: 706px; overflow:hidden; position: relative; transition: all 0.6s; } /* #section2 .section_group .director_group .director_item1 { margin-left: -50px; } #section2 .section_group .director_group .director_item2 { margin-left: -50px; opacity: 0; } #section2 .section_group .director_group .director_item3 { margin-left: -50px; opacity: 0; } #section2 .section_group .director_group .director_item4 { margin-left: -50px; opacity: 0; } */ /* 의료진 이름, 약력 */ #section2 .section_group .director_group .director_item1 .text .item1 { margin: 0 auto; width: 285.95px; text-align: left; } #section2 .section_group .director_group .director_item2 .text .item1 { margin: 0 auto; width: 275.75px; text-align: left; } #section2 .section_group .director_group .director_item3 .text .item1 { margin: 0 auto; width: 285.95px; text-align: left; } #section2 .section_group .director_group .director_item4 .text .item1 { margin: 0 auto; width: 280px; text-align: left; } #section2 .section_group .director_group .director_item .text .item1 .position { font-size: 22.2px; } #section2 .section_group .director_group .director_item .text .item1 .name { font-size: 50px; font-weight: 800; padding-left: 15px; } #section2 .section_group .director_group .director_item .text .item2 { display: inline-block; text-align: left; font-size: 16px; height: 150px; line-height: 1.47em; margin-top: 20px; } #section2 .section_group .director_group .director_item .text .item2 li { display: flex; } #section2 .section_group .director_group .director_item .text .item2 li p { font-size: 16px; } #section2 .section_group .director_group .director_item .text .item2 i { font-family: sans-serif; } /* 의료진 사진 */ #section2 .section_group .director_group .director_item .image { position: relative; } /* 약력 버튼 */ #section2 .section_group .director_item .button { position: absolute; left: 70px; top: 280px; width:32px; height: 32px; z-index: 20; } #section2 .section_group .director_item .button a { display: inline-block; width: 100%; height: 100%; border-radius: 50%; background-color: rgba(255, 255, 255, 0.45); } #section2 .section_group .director_item .button a img { width: 24px; padding-top: 4px; } /* 모든 의료진 보기 */ #section2 .showAllMember { position: absolute; left: 0; top: 0; width: 100vw; height: 100%; background-color: rgba(81,140,146,0.85); display: none; z-index: 999; } #section2 .showAllMember > p { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); text-align: center; } #section2 .showAllMember > p > img { width: 90%; } #section2 .showAllMember > p > span { display: inline-block; font-size: 18px; color: #fff; margin-top: 12px; } #section2 .section_group .showAllbtn { position: absolute; right: 12%; top: 208px; background-color: #fff; color: #528d98; font-size: 24px; font-weight: 900; text-align: center; border-radius: 35px; padding: 14px; cursor: pointer; } #section3 {} #section3 .section_group {position:relative;text-align:center;min-width:1920px;} #section3 .section_group .feature {display:block;margin:150px 0 0 0;} #section3 .section_group .feature .visual {display:inline-block;vertical-align:top;width:620px;height:395px;overflow:hidden;background:transparent;} #section3 .section_group .feature .visual .slide_group {} #section3 .section_group .feature .visual .slide_group .slide_item {display:none;} #section3 .section_group .feature .visual .slide_group div:first-child {display:block;} #section3 .section_group .feature .visual .slide_group .slide_item img {width:613px;border:2px solid #ffffff;} #section3 .section_group .feature .contents {display:inline-block;vertical-align:top;width:680px;padding:50px 0 0 50px;text-align:left;} #section3 .section_group .feature .contents p {} #section3 .section_group .feature .contents .item1 {margin:0 0 0 0;font-size:28px;line-height:39px;color:#1d1d1d;} #section3 .section_group .feature .contents .item1 b {font-size:28px;line-height:39px;color:#c32e89;} #section3 .section_group .feature .contents .item2 {margin:25px 0 0 0;font-family:"Cafe24Ohsquare";font-size:54px;color:#000000;} #section3 .section_group .feature .contents .item3 {margin:45px 0 0 0;font-size:20px;line-height:30px;color:#1d1d1d;} #section3 .section_group .feature .contents .item3 b {font-size:20px;line-height:30px;color:#000000;} #section3 .section_group .feature .contents .item3 b span {display:inline-block;font-size:20px;line-height:30px;color:#ffffff;background:#aea217;padding:2px 5px 2px 5px;margin:0 3px 0 0;} #section3 .section_group .subject {display:block;margin:73px auto 0 auto;width:1400px;height:277px;background-image:url('/resource/image/home/section3/sub_item_box.png'); background-repeat:no-repeat;background-size:contain;background-position:center top;} #section3 .section_group .subject .title {position:relative;display:inline-block;text-align:center;font-size:38px;font-weight:600;color:#c09136;letter-spacing:-1px;transform:translate(0,-15px);} #section3 .section_group .subject ul {font-size:0;} #section3 .section_group .subject ul > li {display:inline-block;margin:25px 30px 0 0;} #section3 .section_group .subject ul > li:last-child {margin-right:0;} #section3 .section_group .subject ul > li .icon:before {display:block;width:160px;height:2px;content:"";line-height:0;background:#c09136;transform:translate(12px,-5px);} #section3 .section_group .subject ul > li .icon:after {display:block;width:160px;height:2px;content:"";line-height:0;background:#c09136;transform:translate(12px,2px);} #section3 .section_group .subject ul > li .icon {display:block;width:184px;height:125px;line-height:125px;background:#c09136;} #section3 .section_group .subject ul > li .icon img {width:120px;vertical-align:middle;} #section3 .section_group .subject ul > li .text {margin:30px 0 0 0;display:block;font-size:24px;} #section3 .section_group .subject ul > li .text b {font-size:24px;font-weight:600;} #section3 .slick-dots {background:transparent;text-align:right;transform:translate(-10px,-35px);display:none;} #section3 .slick-dots button:before {margin:0 0 0 0;color:#000000;font-size:14px;} #section4 {} #section4 .section_group {position:relative;text-align:center;min-width:1920px;} #section4 .section_group .text_group {margin:255px 0 0 0;} #section4 .section_group .text_group .text_item1 {margin:0 0 0 0;font-size:30px;font-weight:400;color:#000000;} #section4 .section_group .text_group .text_item1 b {font-size:30px;font-weight:600;color:#000000;} #section4 .section_group .text_group .text_item2 {margin:27px 0 0 0;font-family:"Cafe24Ohsquare";font-size:56px;color:#136169;} #section4 .section_group .feature {display:block;margin:90px 0 0 0;} #section4 .section_group .feature ul {font-size:0;} #section4 .section_group .feature ul > li {display:inline-block;width:366px;margin:0 48px 0 0;} #section4 .section_group .feature ul > li:last-child {margin-right:0;} #section4 .section_group .feature ul > li .image {display:block;} #section4 .section_group .feature ul > li .image img {width:366px;border:2px solid #ffffff;border-radius:20px;} #section4 .section_group .feature ul > li .text {display:block;width:366px;height:103px;padding:15px 0 0 0;background:#136169;font-size:20px;line-height:28px;color:#ffffff;letter-spacing:-1px;border-radius:20px;} #section4 .section_group .feature ul > li .text b {font-size:20px;font-weight:800;line-height:28px;color:#fff21c;letter-spacing:-1px;} #section5 {} #section5 .section_group {position:relative;text-align:center;min-width:1920px;} #section5 .section_group .text_group {margin:130px 0 0 0;} #section5 .section_group .text_group .text_item1 {margin:0 0 0 0;font-size:28px;font-weight:600;color:#3e3e3e;} #section5 .section_group .text_group .text_item1 b {display:inline-block;background:#ffffff;padding:3px 3px 3px 3px;margin:0 0 0 0;font-size:28px;font-weight:800;color:#528d98;} #section5 .section_group .text_group .text_item2 {margin:20px 0 0 0;font-family:"Cafe24Ohsquare";font-size:56px;color:#3e3e3e;} #section5 .section_group .text_group .text_item2 b {font-family:"Cafe24Ohsquare";font-size:56px;color:#3a6168;} #section5 .section_group .text_group .text_item3 {margin:30px 0 0 0;} #section5 .section_group .text_group .text_item3 .box {display:inline-block;background:#ffffff;width:610px;padding:10px 0 10px 0;text-align:center;font-size:20px;line-height:29px;color:#000000;} #section5 .section_group .text_group .text_item3 .box b {font-size:20px;line-height:29px;color:#528d98;} #section5 .section_group .feature {display:block;margin:30px 0 0 0;} #section5 .section_group .feature .image {display:inline-block;vertical-align:top;width:749px;height:471px;background:transparent;} #section5 .section_group .feature .image img {width:100%;} #section5 .section_group .feature .text {display:inline-block;vertical-align:top;width:599px;height:471px;text-align:left;background:transparent;} #section5 .section_group .feature .text .box {margin:10px 0 0 0;display:inline-block;width:599px;height:366px;background-image:url('/resource/image/home/section5/bg_board.png'); background-repeat:no-repeat;background-size:cover;background-position:left top;} #section5 .section_group .feature .text .box ul {font-size:0;margin:70px 0 0 35px;} #section5 .section_group .feature .text .box ul > li {display:block;font-size:28px;line-height:60px;color:#383838;} #section5 .section_group .feature .text .box ul > li span {display:inline-block;font-size:28px;font-weight:600;line-height:60px;color:#383838;} #section5 .section_group .feature .text .box ul > li span:after {display:block;height:3px;content:"";background:#3a6168;margin:-10px 0 0 0;} #section5 .section_group .feature .text .box ul > li i {display:inline-block;width:40px;height:40px;background-image:url('/resource/image/home/section5/icon_check.svg'); background-repeat:no-repeat;background-size:cover;background-position:left top;transform:translate(0,20px);} #section5 .section_group .subject {transform:translate(0,-25px);} #section5 .section_group .subject ul {font-size:0;} #section5 .section_group .subject ul > li {display:inline-block;margin:0 15px 0 0;width:120px;height:50px;line-height:50px;border:2px solid #3a6168;background:#ffffff;border-radius:50px;font-size:20px;font-weight:600;color:#3a6168;} #section5 .section_group .subject ul > li:last-child {margin-right:0;} #section6 {position:relative;} #section6 .section_group {position:relative;z-index:10;text-align:center;min-width:1920px;} #section6 .section_group .text_group {position:relative;z-index:10;display:block;margin:140px 0 0 0;} #section6 .section_group .text_group .text_item1 {margin:0 0 0 0;font-size:28px;font-weight:400;color:#3e3e3e;} #section6 .section_group .text_group .text_item1 b {display:inline-block;background:#ffffff;padding:3px 3px 3px 3px;margin:0 0 0 0;font-size:28px;font-weight:800;color:#528d98;} #section6 .section_group .text_group .text_item2 {margin:20px 0 0 0;font-family:"Cafe24Ohsquare";font-size:56px;color:#3e3e3e;} #section6 .section_group .text_group .text_item2 b {font-family:"Cafe24Ohsquare";font-size:56px;color:#3a6168;} #section6 .section_group .text_group .text_item3 {margin:20px 0 0 0;font-size:20px;line-height:29px;} #section6 .section_group .text_group .text_item3 b {font-size:20px;line-height:29px;color:#528d98;} #section6 .section_group .feature {margin:25px 0 0 0;} #section6 .section_group .feature .image {} #section6 .section_group .feature .image .image_item {display:inline-block;vertical-align:top;} #section6 .section_group .feature .image .image_item:last-child {margin-left:50px;} #section6 .section_group .feature .image .image_item img {width:478px;border:2px solid #ffffff;} #section6 .section_group .feature .image .image_item2 .YTPlayers0 {border:2px solid #ffffff;} #section6 .section_group .subject {margin:40px 0 0 0;} #section6 .section_group .subject .subject_item {display:inline-block;width:220px;margin-right:40px;} #section6 .section_group .subject .subject_item:last-child {margin-right:0;} #section6 .section_group .subject .subject_item ul {font-size:0;} #section6 .section_group .subject .subject_item ul > li {display:block;background:#ffffff;padding:7px 0 7px 0;text-align:center;font-size:18px;border-bottom:2px solid #c5dbdd;color:#3a6168;} #section6 .section_group .subject .subject_item ul > li:first-child {background:#3a6168;padding:12px 0 10px 0;text-align:center;font-size:22px;font-weight:600;color:#ffffff;border-radius:0 0 0 0;} #section6 .section_group .subject .subject_item ul > li:last-child {border-radius:0 0 0 0;} #section7 {position:relative;} #section7 .section_group {position:relative;z-index:10;text-align:center;min-width:1920px;} #section7 .section_group .text_group {position:relative;z-index:10;display:block;margin:140px 0 0 0;} #section7 .section_group .text_group .text_item1 {margin:0 0 0 0;font-size:28px;font-weight:400;color:#3e3e3e;} #section7 .section_group .text_group .text_item1 b {display:inline-block;background:#ffffff;padding:3px 3px 3px 3px;margin:0 0 0 0;font-size:28px;font-weight:800;color:#528d98;} #section7 .section_group .text_group .text_item2 {margin:20px 0 0 0;font-family:"Cafe24Ohsquare";font-size:56px;color:#3e3e3e;} #section7 .section_group .text_group .text_item2 b {font-family:"Cafe24Ohsquare";font-size:56px;color:#3a6168;} #section7 .section_group .text_group .text_item3 {margin:20px 0 0 0;font-size:20px;line-height:29px;} #section7 .section_group .text_group .text_item3 b {display:inline-block;font-size:20px;font-weight:600;color:#528d98;} #section7 .section_group .text_group .text_item4 {margin:30px 0 0 0;} #section7 .section_group .text_group .text_item4 span {display:inline-block;width:800px;margin:0 0 10px 0;background:#ffffff;padding:3px;;font-size:22px;line-height:29px;color:#000000;text-align:left;border-radius:20px;border:2px dashed #528d98;} #section7 .section_group .text_group .text_item4 span i {display:inline-block;margin:0 5px 0 20px;width:22px;height:25px;background-image:url('/resource/image/home/section7/icon_check.svg'); background-repeat:no-repeat;background-size:contain;background-position:left top;transform:translate(0,6px);} #section7 .section_group .text_group .text_item4 span b {font-size:22px;font-weight:600;line-height:29px;color:#000000;} #section7 .section_group .feature {margin:30px 0 0 0;} #section7 .section_group .feature .feature_item {display:inline-block;width:660px;;} #section7 .section_group .feature .feature_item .image {display:inline-block;width:380px;height:260px;overflow:hidden;} #section7 .section_group .feature .feature_item .image img {width:100%;} #section7 .section_group .feature .feature_item .subject {display:inline-block;width:200px;height:260px;background:#ffffff;overflow:hidden;} #section7 .section_group .feature .feature_item .subject .title {display:block;background:#528d98;padding:10px 0 10px 0;font-size:20px;;font-weight:800;color:#ffffff;} #section7 .section_group .feature .feature_item .subject .title b {font-size:20px;font-weight:800;color:#ffffff;} #section7 .section_group .feature .feature_item .subject .contents {} #section7 .section_group .feature .feature_item .subject .contents .sub_title{margin:0 0 10px 0;padding:7px 0 7px 0;display:block;background:#cccccc;font-size:18px;display:none;} #section7 .section_group .feature .feature_item .subject .contents .sub_item {margin:10px 0 10px 0;display:block;font-size:15px;line-height:24px;} #section7 .section_group .feature .feature_item .subject .contents .sub_item b {padding:3px 30px 3px 30px;margin:0 0 5px 0;font-size:18px;font-weight:600;} #section7 .section_group .feature .feature_item2 .subject .contents .sub_item {margin:25px 0 0 0;line-height:28px;background:transparent;} #section8 {position:relative;} #section8 .section_group {position:relative;z-index:10;text-align:center;min-width:1920px;} #section8 .section_group .text_group {position:relative;display:block;margin:170px 0 0 0;} #section8 .section_group .text_group .text_item1 {margin:20px 0 0 0;font-family:"Cafe24Ohsquare";font-size:56px;color:#3e3e3e;} #section8 .section_group .text_group .text_item1 b {font-family:"Cafe24Ohsquare";font-size:56px;color:#3a6168;} #section8 .section_group .text_group .text_item2 {margin:30px 0 0 0;font-size:20px;line-height:29px;} #section8 .section_group .text_group .text_item2 b {display:inline-block;font-size:22px;font-weight:600;line-height:29px;color:#000000;} #section8 .section_group .text_group .text_item2 em {display:inline-block;font-size:22px;font-weight:600;line-height:29px;color:#3a6168;} #section8 .section_group .text_group .text_item3 {margin:30px 0 0 0;} #section8 .section_group .text_group .text_item3 span {display:inline-block;width:800px;margin:0 0 10px 0;background:#ffffff;padding:3px;font-size:22px;color:#000000;text-align:left;border-radius:20px;border:2px dashed #528d98;} #section8 .section_group .text_group .text_item3 span i {display:inline-block;margin:0 5px 0 20px;width:22px;height:25px;background-image:url('/resource/image/home/section7/icon_check.svg'); background-repeat:no-repeat;background-size:contain;background-position:left top;transform:translate(0,7px);} #section8 .section_group .text_group .text_item3 span b {font-size:22px;font-weight:600;line-height:29px;color:#000000;} #section8 .section_group .text_group .text_item3 span em {font-size:22px;font-weight:400;line-height:29px;color:#000000;} #section8 .section_group .feature {margin:50px 0 0 0;} #section8 .section_group .feature ul {display:inline-block;font-size:0;} #section8 .section_group .feature ul > li {display:inline-block;margin:0 30px 0 0;font-size:0;} #section8 .section_group .feature ul > li:last-child {margin-right:0;} #section8 .section_group .feature ul > li .image {width:295px;font-size:0;} #section8 .section_group .feature ul > li .image img {width:100%;border-radius:10px 10px 0 0;} #section8 .section_group .feature ul > li .text {width:295px;height:35px;font-size:18px;line-height:35px;color:#ffffff;background:#3a6168;border-radius:0 0 10px 10px;transform:translate(0,0);} #section8 .section_group .etc {position:absolute;top:0;right:0;;transform:translate(-100px,-60px);} #section8 .section_group .etc .slide_group {display:block;width:400px;height:400px;background:transparent;border-radius:50%;box-shadow:3px 1px 5px rgba(0,0,0,0.2);overflow:hidden;} #section8 .section_group .etc .slide_group .slide_item {width:block;width:400px;height:400px;text-align:center;background:transparent;} #section8 .section_group .etc .slide_group .slide_item1 {margin-top:20px;} #section8 .section_group .etc .slide_group .slide_item1 img {transform:translate(-20px,0);} #section8 .section_group .etc .slide_group .slide_item2 {margin-top:80px;} #section8 .section_group .etc .slide_group .slide_item2 img {border-radius:70px;} #section8 .section_group .etc .slide_group .slide_item3 {margin-top:80px;} #section8 .section_group .etc .slide_group .slide_item3 img {border-radius:70px;} #section8 .section_group .etc .slide_group .slide_item .image {display:block;width:150px;margin:0 auto;text-align:center;background:transparent;} #section8 .section_group .etc .slide_group .slide_item .image img {width:150px;} #section8 .section_group .etc .slide_group .slide_item .text {display:block;width:150px;margin:30px auto 0 auto;background:black;padding:7px 5px 5px 5px;border-radius:20px;font-size:16px;font-weight:600;color:#ffffff;;} #section9 {position:relative;} #section9 .section_group {position:relative;z-index:10;text-align:left;min-width:1400px;} #section9 .section_group .text_group {position:relative;z-index:10;display:block;margin:180px 0 0 0;} #section9 .section_group .text_group .text_item1 {margin:0 0 0 0;font-family:"Eulyoo1945-Regular";font-size:26px;font-weight:400;color:#3e3e3e;} #section9 .section_group .text_group .text_item2 {margin:29px 0 0 0;font-family:"Eulyoo1945-SemiBold";font-size:56px;line-height:78px;color:#3e3e3e;} #section9 .section_group .text_group .text_item2 b {margin:0 0 0 0;font-family:"Eulyoo1945-SemiBold";font-size:78px;color:#36241c;} #section9 .section_group .text_group .text_item3 {margin:40px 0 0 0;font-size:25px;font-weight:400;color:#3e3e3e;} #section9 .section_group .text_group .text_item3 span {display:inline-block;font-size:25px;padding:0 20px 0 0;} #section9 .section_group .movie {position:absolute;z-index:30;top:0;left:500px;width:510px;height:290px;} #section9 .section_group .movie .YTPlayers1 {display:block;width:506px;height:284px;background:black;} #section9 .section_group .add {display: none;} #section9 .section_group .feature {margin:50px 0 0 0;} #section9 .section_group .feature .feature_item {display:inline-block;vertical-align:top;width:670px;margin:0 30px 0 0;background:transparent;} #section9 .section_group .feature .feature_item:last-child {margin-right:0;} #section9 .section_group .feature .feature_item .image {display:inline-block;vertical-align:top;width:354px;} #section9 .section_group .feature .feature_item .image img {width:350px;border:2px solid #ffffff;} #section9 .section_group .feature .feature_item .subject {display:inline-block;vertical-align:top;width:310px;background:transparent;} #section9 .section_group .feature .feature_item .subject ul {} #section9 .section_group .feature .feature_item .subject ul > li {display:block;font-size:20px;font-weight:600;padding:10px 0 0 0;} #section9 .section_group .feature .feature_item .subject ul > li:first-child {font-size:28px;font-weight:800;color:#000000;background:#ffffff;text-align:center;padding:10px 0 10px 0;} #section9 .section_group .feature .feature_item .subject ul > li:first-child b {font-size:28px;font-weight:800;color:#36241c;} #section9 .section_group .feature .feature_item .subject ul > li i {display:inline-block;width:20px;height:20px;margin:0 10px 0 10px;background-image:url('/resource/image/home/section9/icon_doubleCheck.svg'); background-repeat:no-repeat;background-size:cover;background-position:left top;transform:translate(0,5px);} #section9 .section_group .feature .feature_item .summary {display:block;margin:20px 0 0 0;padding:15px 0 0 20px;width:650px;height:105px;background:#ffffff;font-size:20px;line-height:30px;letter-spacing:-1px;;} #section9 .section_group .feature .feature_item .summary b {height:;font-size:20px;font-weight:600;color:#3a261c;color:#3a261c;} #section9 .section_group .feature .feature_item1 {} #section9 .section_group .feature .feature_item2 {} #section10 {position:relative;} #section10 .section_group {position:relative;z-index:10;text-align:center;min-width:1920px;} #section10 .section_group .text_group {position:relative;z-index:10;display:block;margin:160px 0 0 0;} #section10 .section_group .text_group .text_item1 {margin:0 0 0 0;font-size:28px;font-weight:400;color:#3e3e3e;} #section10 .section_group .text_group .text_item1 b {display:inline-block;background:#ffffff;padding:3px 3px 3px 3px;margin:0 0 0 0;font-size:28px;font-weight:800;color:#528d98;} #section10 .section_group .text_group .text_item2 {margin:20px 0 0 0;font-family:"Cafe24Ohsquare";font-size:56px;color:#000000;} #section10 .section_group .text_group .text_item2 b {font-family:"Cafe24Ohsquare";font-size:56px;color:#000000;} #section10 .section_group .text_group .text_item3 {margin:40px 0 0 0;} #section10 .section_group .text_group .text_item3 span {display:inline-block;width:800px;margin:0 0 10px 0;background:#ffffff;padding:3px;;font-size:22px;line-height:29px;color:#000000;text-align:left;border-radius:20px;border:2px dashed #528d98;} #section10 .section_group .text_group .text_item3 span i {display:inline-block;padding:0 15px 0 0;margin:0 10px 0 10px;width:22px;height:25px;background-image:url('/resource/image/home/section10/icon_check.svg'); background-repeat:no-repeat;background-size:contain;background-position:left top;transform:translate(0,3px);border-right:2px solid #557281;} #section10 .section_group .text_group .text_item3 span b {font-size:22px;font-weight:600;line-height:29px;color:#000000;} #section10 .section_group .text_group .text_item3 span em {font-size:22px;font-weight:400;line-height:29px;color:#000000;} #section10 .section_group .feature {margin:50px 0 0 0;text-align:center;} #section10 .section_group .feature ul {display:inline-block;font-size:0;} #section10 .section_group .feature ul:after {display:block;z-index:1;height:2px;background:#246774;content:"";margin:-20px 0 0 0;} #section10 .section_group .feature ul > li {display:inline-block;z-index:10;width:160px;text-align:center;margin:0 50px 0 0;} #section10 .section_group .feature ul > li:last-child {margin-right:0;} #section10 .section_group .feature ul > li .icon {display:inline-block;width:160px;height:160px;line-height:160px;border-radius:50%;background:#ffffff;border:2px solid #528d98;} #section10 .section_group .feature ul > li .icon img {width:60%;vertical-align:middle;} #section10 .section_group .feature ul > li .text {margin:30px 0 0 0;display:block;width:160px;height:42px;background:#528d98;font-size:22px;font-weight:600;line-height:42px;color:#ffffff;text-align:center;border-radius:0;border:2px solid #246774;} #section10 .section_group .feature ul > li:nth-child(even) .text {background:#9db9be;color:black;} #section11 {position:relative;background:#eeeeee;} #section11 .section_group {position:relative;z-index:10;text-align:center;min-width:1920px;} #section11 .section_group .text_group {position:relative;z-index:10;display:block;margin:140px 0 0 0;} #section11 .section_group .text_group .text_item1 {margin:0 0 0 0;font-size:28px;font-weight:400;color:#4f8993;} #section11 .section_group .text_group .text_item1 b {display:inline-block;background:#ffffff;padding:3px 3px 3px 3px;margin:0 0 0 0;font-size:28px;font-weight:800;color:#528d98;} #section11 .section_group .text_group .text_item2 {margin:20px 0 0 0;font-family:"Cafe24Ohsquare";font-size:56px;color:#3a6168;} #section11 .section_group .text_group .text_item2 b {font-family:"Cafe24Ohsquare";font-size:56px;color:#3a6168;} #section11 .slide_control {position:absolute;z-index:20;left:0;top:0;transform:translate(300px,150px);} #section11 .slide_control .button {display:inline-block;vertical-align:middle;width:50px;cursor:pointer;} #section11 .slide_control .button.left {width:20px;height:20px;border-left:3px solid #333333;border-bottom:3px solid #333333;transform:rotate(45deg);} #section11 .slide_control .button.right {width:20px;height:20px;border-right:3px solid #333333;border-bottom:3px solid #333333;transform:rotate(-45deg);} #section11 .slide_control .icon {display:inline-block;vertical-align:middle;;width:125px;height:125px;line-height:125px;background:#ffffff;border-radius:50%;text-align:center;} #section11 .slide_control .icon img {display:inline-block;vertical-align:middle;;width:60%;} #section11 .slide_group {position:absolute;left:0;top:0;width:1920px;height:100vh;} #section11 .slide_group .slide_item {display:inline-block;min-width:1920px;height:100vh;} #section11 .slide_group .slide_item img {} #section11 .slide_group .slide_item1 {min-width:100%;height:100vh;margin:0;padding:0 0 0 0;text-align:center;background-image:url('/resource/image/home/bg/pc/bg11_1.jpg'); background-repeat:no-repeat;background-size:cover;background-position:left top;} #section11 .slide_group .slide_item1 img {padding:320px 0 0 0;display:inline-block;} #section11 .slide_group .slide_item2 {min-width:100%;height:100vh;margin:0;padding:0 0 0 0;text-align:center;background-image:url('/resource/image/home/bg/pc/bg11_2.jpg'); background-repeat:no-repeat;background-size:cover;background-position:left top;} #section11 .slide_group .slide_item2 div {display:none;} #section11 .slide_group .slide_item2 img {padding:320px 0 0 0;display:inline-block;} #section12 {position:relative;background:#eeeeee;} #section12 .section_group {position:relative;z-index:10;text-align:center;min-width:1920px;} #section12 .section_group .text_group {position:relative;z-index:10;display:block;margin:120px 0 0 0;} #section12 .section_group .text_group .text_item1 {margin:0 0 0 0;font-size:28px;font-weight:400;color:#000000;} #section12 .section_group .text_group .text_item1 b {display:inline-block;background:#ffffff;padding:3px 3px 3px 3px;margin:0 0 0 0;font-size:28px;font-weight:800;color:#528d98;} #section12 .section_group .text_group .text_item2 {margin:20px 0 0 0;font-family:"Cafe24Ohsquare";font-size:56px;color:#000000;} #section12 .section_group .text_group .text_item2 b {font-family:"Cafe24Ohsquare";font-size:56px;color:#3a6168;} #section12 .section_group .feature {position:relative;z-index:10;display:inline-block;margin:-10px 0 0 0;} #section12 .section_group .feature ul {font-size:0;} #section12 .section_group .feature ul > li {display:inline-block;width:327px;margin:0 50px 0 0;} #section12 .section_group .feature ul > li:last-child {margin-right:0;} #section12 .section_group .feature ul > li:nth-child(1) {width:395px;} #section12 .section_group.feature ul > li .image {} #section12 .section_group .feature ul > li .image img {} #section12 .section_group .feature ul > li .text {margin:10px;font-size:17px;font-weight:400;line-height:30px;color:#ffffff;} #section12 .section_group .feature ul > li .text b {font-size:23px;font-weight:600;color:#ffffff;} #section12 .slide_box {position:absolute;z-index:5;left:0;width:100%;height:500px;background:#3a6168;margin:-130px 0 0 0;} #section12 .slide_box .slide_group {width:1390px;margin:0;margin:150px auto 0 auto;} #section12 .slide_box .slide_group .slide_item {display:inline-block;width:230px;} #section12 .slide_box .slide_group .slide_item .image {display:inline-block;width:132px;height:132px;line-height:132px;border-radius:50%;background:#ffffff;} #section12 .slide_box .slide_group .slide_item .image img {display:inline-block;vertical-align:middle;width:80px;} #section12 .slide_box .slide_group .slide_item .text {margin:20px 0 20px 0;display:inline-block;width:230px;text-align:center;font-size:18px;color:#ffffff;background:transparent;} #section12 .slick-prev.slick-arrow:before {display:inline-block;content:"";color:white;font-size:0;} #section12 .slick-prev.slick-arrow {z-index:100;margin:-15px 0 0 0;background:rgba(0,0,0,0);width:20px;height:20px;padding:0 0 0 0;border-left:3px solid white;border-bottom:3px solid white;transform:translate(0,-1vw) rotate(45deg);} #section12 .slick-next.slick-arrow:before {display:inline-block;content:"";color:white;font-size:0;} #section12 .slick-next.slick-arrow {z-index:100;margin:-15px 0 0 0;background:rgba(0,0,0,0);width:20px;height:20px;padding:0 0 0 0;border-right:3px solid white;border-bottom:3px solid white;transform:translate(0,-1vw) rotate(-45deg);;} #section12 .slick-dots {display:none !important;} #section13 {position:relative;} #section13 .section_group {position:relative;z-index:10;text-align:center;min-width:1920px;} #section13 .section_group .text_group {position:relative;z-index:10;display:block;margin:150px 0 0 0;} #section13 .section_group .text_group .text_item1 {margin:0 0 0 0;font-family:"Cafe24Ohsquare";font-size:56px;color:#000000;} #section13 .section_group .text_group .text_item1 b {font-family:"Cafe24Ohsquare";font-size:56px;color:#3a6168;} #section13 .section_group .text_group .text_item2 {margin:20px 0 0 0;font-size:23px;line-height:34px;font-weight:400;color:#000000;} #section13 .section_group .text_group .text_item2 b {display:inline-block;background:#ffffff;padding:3px 3px 3px 3px;margin:0 0 0 0;font-size:28px;font-weight:800;color:#528d98;} #section13 .section_group .gallery {position:relative;display:inline-block;width:1060px;height:520px;padding:15px;background:white;margin:30px 0 0 0;box-shadow:2px 2px 3px rgba(0,0,0,0.2);text-align:left;} #section13 .section_group .gallery .small_image {display:inline-block;vertical-align:top;margin-right:25px;} #section13 .section_group .gallery .small_image .slide_control {position:absolute;z-index:1000;width:250px;} #section13 .section_group .gallery .small_image .slide_control .button {cursor:pointer;} #section13 .section_group .gallery .small_image .slide_control .prev {text-align:center;transform:translate(0,20px);} #section13 .section_group .gallery .small_image .slide_control .prev i {display:inline-block;width:25px;height:25px;border-left:2px solid white;border-top:2px solid white;transform:rotate(45deg);} #section13 .section_group .gallery .small_image .slide_control .next {text-align:center;transform:translate(0,450px);} #section13 .section_group .gallery .small_image .slide_control .next i {display:inline-block;width:25px;height:25px;border-left:2px solid white;border-bottom:2px solid white;transform:rotate(-45deg);} #section13 .section_group .gallery .small_image .slide_group {width:250px;} #section13 .section_group .gallery .small_image .slide_group .slide_item {margin:0 0 6px 0;} #section13 .section_group .gallery .small_image .slide_group .slide_item img {width:250px;} #section13 .section_group .gallery .big_image {margin:0 0 0 0;display:inline-block;vertical-align:top;width:780px;height:530px;} #section13 .section_group .gallery .big_image img {width:100%;} #section14 {position:relative;} #section14 .park_popup {position:absolute;z-index:100;;width:100%;height:100%;line-height:100%;background:rgba(0, 0, 0, 0.8);text-align:center;display:none;} #section14 .park_popup .button {position:absolute;left:0;display:inline-block;} #section14 .park_popup .button a {display:inline-block;background:white;text-align:center;width:70px;height:70px;line-height:90px;border-radius:50%;transform:translate(1200px,100px);border:3px dashed black;cursor:pointer;} #section14 .park_popup .button a img {width:30px;height:30px;margin:0;} #section14 .park_popup img {display:inline-block;width:650px;margin:50px 0 0 0;} #section14 .section_group {position:relative;z-index:10;text-align:center;min-width:1920px;margin-top:0;} #section14 .section_group .item {display:inline-block;vertical-align:top;width:685px;} #section14 .section_group .item:first-child {margin-right:25px;} #section14 .section_group .item.schedule {} #section14 .section_group .item.schedule .title {font-family:"Cafe24Ohsquare";font-size:56px;color:#3e3e3e;} #section14 .section_group .item.schedule .title b {font-family:"Cafe24Ohsquare";font-size:56px;color:#3a6168;} #section14 .section_group .item.schedule .box {margin:25px 0 0 0;width:100%;height:495px;background:#ffffff;} #section14 .section_group .item.schedule .box ul {margin:100px auto 0 auto;display:inline-block;} #section14 .section_group .item.schedule .box ul > li {display:block;margin:0 0 20px 0;} #section14 .section_group .item.schedule .box ul > li .day {display:inline-block;vertical-align:middle;font-size:36px;font-weight:600;color:#0d0d0d;margin:0 20px 0 0;width: 180px;} #section14 .section_group .item.schedule .box ul > li .time {display:inline-block;vertical-align:middle;font-size:27px;color:#3a6168;} #section14 .section_group .item.schedule .box ul > li .time i {display:inline-block;vertical-align:middle;font-size:27px;color:#3a6168;} #section14 .section_group .item.schedule .box ul > li .time b {display:inline-block;vertical-align:middle;font-size:36px;font-weight:600;color:#3a6168;} #section14 .section_group .item.schedule .box .ex {} #section14 .section_group .item.schedule .box .ex .lunch {margin:20px 0 0 0;display:block;font-size:20px;font-weight:600;} #section14 .section_group .item.schedule .box .ex .lunch b {font-size:20px;font-weight:600;color:#3a6168;} #section14 .section_group .item.schedule .box .ex .deadline {margin:20px 0 0 0;display:block;font-size:20px;font-weight:600;} #section14 .section_group .item.schedule .box .ex .deadline b {font-size:20px;font-weight:600;color:#3a6168;} #section14 .section_group .item.schedule .box .add {margin:35px 0 0 0;} #section14 .section_group .item.schedule .box .add .line1 {margin:0 0 0 0;font-size:36px;} #section14 .section_group .item.schedule .box .add .line1 i {display:inline-block;vertical-align:middle;width:50px;height:50px;margin:0 10px 0 0;background-image:url('/resource/image/home/section14/icon_clock.svg'); background-repeat:no-repeat;background-size:cover;background-position:center;} #section14 .section_group .item.schedule .box .add .line1 b {font-size:36px;font-weight:800;color:#3a6168;} #section14 .section_group .item.schedule .box .add .line2 {margin:30px 0 0 0;font-size:26px;color:#434343;} #section14 .section_group .item.schedule .box .add .line2 span {font-size:26px;color:#434343;padding:0 0 7px 0;border-bottom:2px solid #91a6aa;} #section14 .section_group .item.location {} #section14 .section_group .item.location .title {font-family:"Cafe24Ohsquare";font-size:56px;color:#3e3e3e;} #section14 .section_group .item.location .title b {font-family:"Cafe24Ohsquare";font-size:56px;color:#3a6168;} #section14 .section_group .item.location .box {margin:25px 0 0 0;width:100%;height:495px;background:#ffffff;} #section14 .section_group .item.location .button {position:absolute;} #section14 .section_group .item.location .button span {display:inline-block;width:150px;height:150px;border-radius:50%;background:#3a6168;text-align:center;border:2px solid #ffffff;cursor:pointer;transform:translate(500px,-200px);} #section14 .section_group .item.location .button span a {display:inline-block;font-size:26px;line-height:150px;font-weight:800;color:#ffffff;;} #section14 .etc {} #section14 .etc .address {display:block;width:665px;height:50px;margin:40px auto 20px auto;background:#4b6f76;font-size:28px;line-height:50px;color:#ffffff;} #section14 .etc .title {display:inline-block;font-size:25px;font-weight:600;color:#3a6168;margin:0 0 0 20px;} #section14 .etc .contents {display:inline-block;font-size:21px;font-weight:600;color:#0d0d0d;margin:0 0 0 10px;} #section15 {height:150px !important;} #section15 .section_group:before {clear:both;display:block;content:"";padding-top:40px;} #section15 .section_group:after {clear:both;display:block;content:"";padding-bottom:20px;} #section15 .logo {float:left;width:25%;text-align:center;} #section15 .logo img {width:200px;margin:5px 0 0 0;} #section15 .information {float:left;width:75%;text-align:left;} #section15 .information span {display:block;font-size:16px;line-height:24px;transform: skew(-0.001deg);} #section15 .information span:last-child {color:#a3a3a3;} #section0 {z-index:0;display:;} #section1 {z-index:1;display:;} #section2 {z-index:2;display:;} #section3 {z-index:3;display:;} #section4 {z-index:3;display:;} #section5 {z-index:5;display:;} #section6 {z-index:6;display:;} #section7 {z-index:7;display:;} #section8 {z-index:8;display:;} #section9 {z-index:9;display:;} #section10 {z-index:10;display:;} #section11 {z-index:11;display:;} #section12 {z-index:12;display:;} #section13 {z-index:13;display:;} #section14 {z-index:14;display:;} #section15 {z-index:15;display:;} }