@charset "utf-8"; @import url('/css/global/normalize.css'); @import url('/css/global/reset.css'); @import url('/css/global/fullpage.css'); @import url('/css/global/common.css'); @import url('/css/global/fontawesome.css'); @import url('/css/home/popup.css'); /* span,div,p,a,h1, h2, h3, h4, h5, h6{transform: skew(-0.001deg);} 나눔 폰트 깨짐 현상 해결책 */ /*-------------------------------------------------------------------- ||공통설정 --------------------------------------------------------------------*/ #msg {position:fixed;z-index:10000;} body{width:100%;margin:0;padding:0;background-color:#fff;} #wrap .fp-tableCell {vertical-align:top;} /*-------------------------------------------------------------------- ||MO --------------------------------------------------------------------*/ /* #section5 {background-image:url('/resource/image/home/bg5.jpg'); background-repeat:no-repeat;background-size:cover;background-position:center top;} */ #inquiryAgreePopup {display:none;position:fixed;top:0;z-index:1000;width:100%;height:100%;background:rgba(0,0,0,0.8);text-align:center;} #inquiryAgreePopup .contents {padding:2vw;width:80vw;height:65vh;overflow-x:hidden;overflow-y:scroll;text-align:left;margin:20vw auto 0 auto;background:white;font-size:12px;line-height:16px;font-weight:400;color:#777777;} #inquiryAgreePopup .contents b {color:#333333;font-size:14px;font-family:'NEXON Lv2 Gothic Bold';font-weight:400;} #inquiryAgreePopup .button {padding:10px;width:80vw;background:#111f41;margin:0 auto;} #inquiryAgreePopup .button a {color:white;font-size:14px;font-weight:bold;} #section1 {background-image:url('/resource/image/home/bg1.jpg'); background-repeat:no-repeat;background-size:cover;background-position:center left;} #section2 {background-image:url('/resource/image/home/bg2.jpg'); background-repeat:no-repeat;background-size:cover;background-position:center top;} #section3 {background-image:url('/resource/image/home/m_bg3.png'); background-repeat:no-repeat;background-size:cover;background-position:center top;} #section4 {background-image:url('/resource/image/home/m_bg4.png'); background-repeat:no-repeat;background-size:cover;background-position:center top;} #section5 {background-image:url('/resource/image/home/m_bg5.png'); background-repeat:no-repeat;background-size:;background-position:center top;} #section7 {background-image:url('/resource/image/home/section17/m_01.jpg'); background-repeat:no-repeat;background-size:contain;background-position:center center;} #section7-1 {background-image:url('/resource/image/home/section7/section7-1.jpg'); background-repeat:no-repeat;background-size:cover;background-position:top 10% center;} #section7-2 {background-image:url('/resource/image/home/section7/section7-2.jpg'); background-repeat:no-repeat;background-size:cover;background-position:top 30% center;} #section7-3 {background-image:url('/resource/image/home/section7/section7-3.jpg'); background-repeat:no-repeat;background-size:cover;background-position:top 30% center;} #section7-4 {background-image:url('/resource/image/home/section7/section7-4.jpg'); background-repeat:no-repeat;background-size:cover;background-position:top 30% center;} .newpage img {display: none;} #section8 {background-image:url('/resource/image/home/bg7.jpg'); background-repeat:no-repeat;background-size:cover;background-position:center top;} #section9 {background-image:url('/resource/image/home/bg8.jpg'); background-repeat:no-repeat;background-size:cover;background-position:center top; /* background:#08345e;*/} #section10 {background-image:url('/resource/image/home/section18/m_02.jpg'); background-repeat:no-repeat;background-size:contain;background-position:center center;} #section11 {background-image:url('/resource/image/home/bg9.jpg'); background-repeat:no-repeat;background-size:cover;background-position:center top;} #section12 {background-image:url('/resource/image/home/bg10.jpg'); background-repeat:no-repeat;background-size:cover;background-position:center right;} #section13 {background-image:url('/resource/image/home/bg11.jpg'); background-repeat:no-repeat;background-size:cover;background-position:center top;} #section14 {background-image:url('/resource/image/home/bg12.jpg'); background-repeat:no-repeat;background-size:cover;background-position:center right;} #section15 {background-image:url('/resource/image/home/bg13.jpg'); background-repeat:no-repeat;background-size:cover;background-position:center top;} #section16 {background-image:url('/resource/image/home/section16/bg.jpg'); background-repeat:no-repeat;background-size:cover;background-position:center top;} #section17 {background-image:url('/resource/image/home/bg15.jpg'); background-repeat:no-repeat;background-size:cover;background-position:center top;} #section18 {background-image:url('/resource/image/home/bg16.jpg'); background-repeat:no-repeat;background-size:cover;background-position:center top;} @media screen and (max-width: 768px){ html {} body {min-height:100vh;} #wrap {} #wrap .width_area {width:100%;margin:0 auto;} #wrap .width_area:after {display:block;clear:both;content:"";} #container {} #container .section.default {} #header {display:;} .mbr { display: block; } #quick {} #quick .link {position:fixed;z-index:10000;margin:100vw 0 0 83vw;} #quick .link ul {font-size:0;} #quick .link ul > li {width:10vw;height:10vw;padding:5px;display:block;border-radius:50%;margin:0 0 2vw 0;} #quick .link ul > li .icon {padding:1vw 0 0 0;display:block;text-align:center;} #quick .link ul > li .icon img {width:8vw;} #quick .link ul > li .text {display:none;} #quick .link ul > li:nth-child(1) {background:#006ebc;} #quick .link ul > li:nth-child(2) {background:#f1912a;} #quick .link ul > li:nth-child(3) {background:#09bf15;} #quick .link ul > li:nth-child(4) {background:#ffeb3b !important;} #quick .link ul > li:nth-child(4) .text {color:#3e2723;} #gnb {position:fixed;z-index:100;width:100%;background:rgba(255, 255, 255, 1);box-shadow:0 0 0 rgba(0,0,0,0);} #gnb .gnb_group {} #gnb .logo_area {display:inline-block;width:45vw;height:17vw;background:transparent;text-align:center;} #gnb .logo_area:before {display:inline-block;height:100%;vertical-align:middle;content:"";} #gnb .logo_area img {width:80%;vertical-align:middle;transform:translate(0,1vw);} #gnb .menu_area {display:block;width:100vw;height:12vw;background:#006ebc;text-align:center;} #gnb .menu_area:before {display:inline-block;height:100%;vertical-align:middle;content:"";} #gnb .menu_area ul {display:inline-block;padding:0;vertical-align:middle;margin:0 0 0 -1vw;} #gnb .menu_area ul > li {display:inline-block;text-align:center;background:transparent;} #gnb .menu_area a {font-size:3.8vw;color:#ffffff;padding:0 1.5vw 0 1.5vw;} #gnb .menu_area .linkOn a {font-size:3.8vw;color:#000000;transition:all .8s;} #gnb .menu_area .linkOff {font-size:3.8vw;color:#000000;} #gnb .contact_area {position:absolute;margin:-23vw 0 0 45vw;display:block;background:transparent;text-align:left;font-size:0;} #gnb .contact_area .title {display:none;} #gnb .contact_area .phone {display:inline-block;margin:0.8vw 0 0 0;} #gnb .contact_area .phone a {font-size:6vw;color:#006ebc;font-family:"NEXON Lv2 Gothic Bold";} #section1 {height:100vh;display:;} #section1 .section_group {} #section1 .visual {display:block;width:100%;height:100vh;position:absolute;left:0;overflow:hidden;} #section1 .visual .visual1 {position:absolute;z-index:10;} /*margin:100vh 0 0 0;*/ #section1 .visual .visual1 img {margin:107vw 0 0 20vw;width:30%;} #section1 .visual .visual2 {position:absolute;z-index:20;margin:0 0 0 0;} #section1 .visual .visual2 img {margin:86.2vw 0 0 5vw;width:95%;} #section1 .element {position:absolute;z-index:30;} #section1 .element .introduce:before {display:block;height:30vw;content:"";} #section1 .element .introduce {} #section1 .element .introduce dl {text-align:center;} #section1 .element .introduce dl > dt {padding:10vw 0 0 0;} #section1 .element .introduce dl > dt .line1 {font-size:7vw;color:#ffffff;} #section1 .element .introduce dl > dt .line1 b:before {position:absolute;display:inline-block;background:#41d5ff;width:1vw;height:1vw;padding:0.5vw;border-radius:50%;content:"";font-size:12px;margin:-3vw 0 0 2vw;} #section1 .element .introduce dl > dt .line1 b {font-size:7vw;color:#41d5ff;font-family:"NEXON Lv2 Gothic Bold";} #section1 .element .introduce dl > dt .line2 {font-size:9vw;color:#ffffff;font-family:"NEXON Lv2 Gothic Medium";margin:5vw 0 0 0;} #section1 .element .introduce dl > dt .line2 .point {display:block;padding:5vw 0 0 3vw;} #section1 .element .introduce dl > dt .line2 .point b {font-family:"NEXON Lv2 Gothic Bold";} #section1 .element .introduce dl > dt .line2 .point b.up {display:inline-block;font-size:10vw;color:#41d5ff;transform:translateY(-3vw);} #section1 .element .introduce dl > dt .line2 .point b.down {display:inline-block;font-size:10vw;color:#ffffff;} #section1 .element .introduce dl > dd {} #section1 .element .introduce dl > dd:before {display:block;content:"";height:10vw;} #section1 .element .introduce dl > dd .box {width:95vw;height:15vw;margin:62vw 0 0 2.5vw;padding:3vw 0 0 0;background:rgba(0,0,0,0.8);} #section1 .element .introduce dl > dd .box b {color:#ffffff;font-size:5vw;color:#41d5ff;font-family:"NEXON Lv2 Gothic Bold";} #section1 .element .introduce dl > dd .box .description1{padding:0;color:#ffffff;font-size:5vw;line-height:6.5vw;} #section1 .element .introduce dl > dd .box .description2{padding:0;color:rgba(163,198,232,0.3);font-size:5vw;font-family:"NEXON Lv2 Gothic Bold";margin:10vw 0 0 0;} #section2 {display:;} #section2 .section_group {} #section2 .element {display:table;width:100%;height:100vh;background:transparent;} #section2 .element .introduce:before {display:block;height:15vw;content:"";} #section2 .element .introduce {} #section2 .element .introduce dl {} #section2 .element .introduce dl > dt {text-align:center;} #section2 .element .introduce dl > dt .line1 {padding:0 0 0 0;font-size:6vw;color:#1f1f1f;letter-spacing:-0.5vw;} #section2 .element .introduce dl > dt .line1 b {font-size:6vw;color:#1f1f1f;font-family:"NEXON Lv2 Gothic Bold";} #section2 .element .introduce dl > dt .line2 {padding:3vw 0 0 0;font-size:8vw;color:#1f1f1f;letter-spacing:-0.5vw;} #section2 .element .introduce dl > dt .line2 b {font-size:8vw;color:#00478b;font-family:"NEXON Lv2 Gothic Bold";} #section2 .element .introduce dl > dd {} #section2 .element .introduce dl > dd:before {display:block;content:"";height:10vw;} #section2 .element .introduce dl > dd .detail {} #section2 .element .introduce dl > dd .detail ul {width:90vw;font-size:0;margin:0 auto;} #section2 .element .introduce dl > dd .detail ul > li {display:block;width:100%;height:24vw;background:rgba(256,256,256,0.8);vertical-align:top;margin:0 0 5vw 0;overflow:hidden;} #section2 .element .introduce dl > dd .detail ul > li:nth-child(even) {margin-left:0;margin-top:0;} #section2 .element .introduce dl > dd .detail ul > li .stepBox {font-size:0;margin:0 auto;background:#cfdbe5;} #section2 .element .introduce dl > dd .detail ul > li .stepBox i{display:inline-block;width:16.66%;background:#cfdbe5;border-right:1px solid #eeeeee;font-size:0;height:3vw;} #section2 .element .introduce dl > dd .detail ul > li .stepBox i:last-child {width:14.5%;border-right:1px solid transparent;} #section2 .element .introduce dl > dd .detail ul > li .stepBox i.on {background:#4b7aa7;} #section2 .element .introduce dl > dd .detail ul > li .contents {display:table;width:100%;font-size:4vwpx;line-height:5vw;height:24vw;vertical-align:middle;} #section2 .element .introduce dl > dd .detail ul > li .contents span {display:table-cell;padding:0 0 0 0;font-size:4vw;line-height:6vw;vertical-align:middle;text-align:center;} #section2 .element .introduce dl > dd .detail ul > li .contents span b {font-size:4vw;color:#175291;font-family:"NEXON Lv2 Gothic Bold";} #section2 .element .introduce dl > dd .detail li:nth-child(1):after {position:relative;display:block;content:"01";background:transparent;font-size:12vw;text-align:right;padding:0;margin:-12vw 0 0 0;font-family:"NEXON Lv2 Gothic Bold";color:rgba(31,31,31,0.2);} #section2 .element .introduce dl > dd .detail li:nth-child(2):after {position:relative;display:block;content:"02";background:transparent;font-size:12vw;text-align:right;padding:0;margin:-12vw 0 0 0;font-family:"NEXON Lv2 Gothic Bold";color:rgba(31,31,31,0.2);} #section2 .element .introduce dl > dd .detail li:nth-child(3):after {position:relative;display:block;content:"03";background:transparent;font-size:12vw;text-align:right;padding:0;margin:-12vw 0 0 0;font-family:"NEXON Lv2 Gothic Bold";color:rgba(31,31,31,0.2);} #section2 .element .introduce dl > dd .detail li:nth-child(4):after {position:relative;display:block;content:"04";background:transparent;font-size:12vw;text-align:right;padding:0;margin:-12vw 0 0 0;font-family:"NEXON Lv2 Gothic Bold";color:rgba(31,31,31,0.2);} #section2 .element .introduce dl > dd .detail li:nth-child(5):after {position:relative;display:block;content:"05";background:transparent;font-size:12vw;text-align:right;padding:0;margin:-12vw 0 0 0;font-family:"NEXON Lv2 Gothic Bold";color:rgba(31,31,31,0.2);} #section2 .element .introduce dl > dd .detail li:nth-child(6):after {position:relative;display:block;content:"06";background:transparent;font-size:12vw;text-align:right;padding:0;margin:-12vw 0 0 0;font-family:"NEXON Lv2 Gothic Bold";color:rgba(31,31,31,0.2);} /* 230522 새로 추가된 페이지 */ #wrap #section3 .fp-tableCell { height: auto !important; } #section3 { height: auto !important; } #section3 .element .introduce dl { padding-top: 9vw; padding-bottom: 6.5vw } #section3 .element .introduce dl > dt { text-align: center; color: #434343; } #section3 .element .introduce dl > dt p:first-child { font-size: 3.9vw; font-family: "NEXON Lv2 Gothic Light"; font-weight: 100; } #section3 .element .introduce dl > dt p:first-child strong { font-size: inherit; font-weight: 600; } #section3 .element .introduce dl > dt p:last-child { font-size: 6.7vw; font-family: "NEXON Lv2 Gothic Light"; font-weight: 100; margin-top: 3.2vw; } #section3 .element .introduce dl > dt p:last-child strong { font-size: inherit; font-weight: 600; line-height: 1.3em; } #section3 .element .introduce dl > dt p:last-child strong.blue { color: #004485; } #section3 .element .introduce dl > dt p:last-child strong:last-child { display: block; } #section3 .element .introduce dl > dd { margin: 0 auto; margin-top: 6vw; width: 85.5vw; text-align: center; } #section3 .element .introduce dl > dd video { width: 100%; border: 1px solid #004485; } #section3 .element .introduce dl > dd > div { margin-top: 6.5vw; } #section3 .element .introduce dl > dd > div h3 { font-size: 4.5vw; font-weight: 600; } #section3 .element .introduce dl > dd > div p { margin-top: 2.7vw; line-height: 1.63em; font-size: 3vw; font-family: "NEXON Lv2 Gothic Light"; font-weight: 100; } #section3 .element .introduce dl > dd > div p strong { font-size: inherit; font-weight: 600; } #wrap #section4 .fp-tableCell { height: auto !important; } #section4 { height: auto !important; } #section4 .element .introduce dl { width: 100%; padding-top: 29.2vw; padding-bottom: 32.78vw; text-align: center; } #section4 .element .introduce dl > dt { color: #fff; font-size: 6.4vw; font-family: "NEXON Lv2 Gothic Light"; font-weight: 100; line-height: 1.38em; } #section4 .element .introduce dl > dt strong { font-size: inherit; font-weight: 600; } #section4 .element .introduce dl > dd { margin-top: 7.4vw; } #section4 .element .introduce dl > dd p { font-size: 2.78vw; font-family: "NEXON Lv2 Gothic Light"; font-weight: 100; line-height: 1.38em; color: #fff; } #wrap #section5 .fp-tableCell { height: auto !important; } #section5 { height: auto !important; } #section5 strong { font-size: inherit; font-weight: 600; } #section5 .element .introduce dl { padding-top: 7.13vw; padding-bottom: 8.3vw; } #section5 .element .introduce dl > dt { text-align: center; font-family: "NEXON Lv2 Gothic Light"; font-weight: 100; color: #434343; } #section5 .element .introduce dl > dt p:first-child { font-size: 3.5vw; } #section5 .element .introduce dl > dt p:last-child { margin-top: 4.17vw; color: #7d7d7d; font-size: 6.67vw; line-height: 1.3em; } #section5 .element .introduce dl > dt p:last-child .blue { color: #004485; } #section5 .element .introduce dl > dt p:last-child .blue:before { content: ""; display: block; height: 0; } #section5 .element .introduce dl > dd { margin-top: 5.83vw; } #section5 .element .introduce dl > dd ul { display: flex; justify-content: center; flex-wrap: wrap; } #section5 .element .introduce dl > dd ul li { width: 43vw; text-align: center; padding: 0 2vw; } #section5 .element .introduce dl > dd ul li:last-child { margin-top: 4.63vw; } #section5 .element .introduce dl > dd ul li img { width: 100%; } #section5 .element .introduce dl > dd ul li p:last-child { margin-top: 2.3vw; line-height: 1.5em; font-size: 2.78vw; } #wrap #section6 .fp-tableCell { height: auto !important; } #section6 { height: auto !important; } #section6 .section_group { display: flex; flex-direction: column-reverse; } #section6 .visual .visual1 { font-size: 0; transform: translateY(1vw); } #section6 .visual .visual1 img { width: 100%; vertical-align: bottom; } #section6 .element .introduce dl { padding-top: 6.67vw; } #section6 .element .introduce dl > dd .left h3 { font-size: 5.18vw; font-family: "NEXON Lv2 Gothic Light"; font-weight: 100; color: #434343; text-align: center; line-height: 1.6em; letter-spacing: 0.02em; } #section6 .element .introduce dl > dd .left h3 strong { font-weight: 600; font-size: 6.78vw; color: #004485; letter-spacing: 0.02em; } #section6 .element .introduce dl > dd .left ul { margin: 0 auto; margin-top: 2vw; width: 90vw; } #section6 .element .introduce dl > dd .left ul li { border: 1px solid #004485; margin-top: 4vw; display: flex; align-items: center; padding: 2.3vw 0; } #section6 .element .introduce dl > dd .left ul li p:first-child { width: 19vw; border-right: 1px solid #004485; text-align: center; font-size: 4.3vw; color: #004485; font-weight: 600; } #section6 .element .introduce dl > dd .left ul li p:last-child { margin-left: 3vw; line-height: 1.4em; font-size: 2.78vw; } #section6 .element .introduce dl > dd .left ul li p:last-child strong { font-size: inherit; } #section6 .element .introduce dl > dd .left ul li p:last-child .m_br:before { content: ""; display: block; } #section7 {height: 116.68vw !important; background-size: cover;} #wrap #section7 .fp-tableCell {height: 116.68vw !important;} #section7 .visual {display:block;width:100%;height:100%;position:absolute;left:0;overflow:hidden;} #section7 .visual .visual1 {position:absolute; left: 50%; top: 74%; z-index:10; transform: translateX(-50%); text-align: center;} /*margin:100vh 0 0 0;*/ #section7 .visual .visual1 img {width: 65%;} .newpage {height: fit-content !important;} .newpage .fp-tableCell {height: fit-content !important;} .newpage img {display: block; width: 100%;} #section7-1 {background-image:url('/resource/image/home/section7/Msection7-1.jpg'); background-repeat:no-repeat;background-size:100%;background-position:top center;} #section7-2 {background-image:url('/resource/image/home/section7/Msection7-2.jpg'); background-repeat:no-repeat;background-size:100%;background-position:top center;} #section7-3 {background-image:url('/resource/image/home/section7/Msection7-3.jpg'); background-repeat:no-repeat;background-size:100%;background-position:top center;} #section7-4 {background-image:url('/resource/image/home/section7/Msection7-4.jpg'); background-repeat:no-repeat;background-size:100%;background-position:top center;} #section8 .section_group {} #section8 .visual {} #section8 .visual .visual1 {position:absolute;z-index:10;} #section8 .visual .visual1 img {margin:70vw 0 0 20vw;width:80%;} #section8 .visual .visual2 {position:absolute;z-index:10;} #section8 .visual .visual2 img {margin:58vw 0 0 25vw;width:50%;} #section8 .element {display:table;width:100%;height:100vh;background:transparent;} #section8 .element .introduce:before {display:block;height:15vw;content:"";} #section8 .element .introduce {position:relative;z-index:20;} #section8 .element .introduce dl {} #section8 .element .introduce dl > dt {text-align:center;} #section8 .element .introduce dl > dt .line1 {padding:0 0 0 0;font-size:6vw;color:#ffffff;} #section8 .element .introduce dl > dt .line1 b {font-size:6vw;color:#41d5ff;font-family:"NEXON Lv2 Gothic Bold";} #section8 .element .introduce dl > dt .line1 b:before {position:absolute;display:inline-block;background:#41d5ff;width:1vw;height:1vw;padding:0.3vw;border-radius:50%;content:"";font-size:12px;margin:-3vw 0 0 1.2vw;} #section8 .element .introduce dl > dt .line2 {padding:2vw 0 0 0;font-size:8vw;color:#ffffff;} #section8 .element .introduce dl > dt .line2 b {font-size:8vw;color:#41d5ff;font-family:"NEXON Lv2 Gothic Bold";} #section8 .element .introduce dl > dt .line3 {padding:5vw 0 0 0;font-size:3.5vw;line-height:5vw;color:#ffffff;letter-spacing:-0.2vw;} #section8 .element .introduce dl > dt .line3 b:first-child {font-size:3.5vw;color:#41d5ff;font-family:"NEXON Lv2 Gothic Bold";} #section8 .element .introduce dl > dt .line3 b:last-child {font-size:3.5vw;color:#ffffff;font-family:"NEXON Lv2 Gothic Bold";} #section8 .element .introduce dl > dd {} #section8 .element .introduce dl > dd:before {display:block;content:"";height:70vw;}/**/ #section8 .element .introduce dl > dd .detail {} #section8 .element .introduce dl > dd .detail .image {width:90%;margin:0 auto;} #section8 .element .introduce dl > dd .detail .image ul {font-size:0;} #section8 .element .introduce dl > dd .detail .image ul > li {display:inline-block;width:47%;margin:0 5vw 3vw 0;} #section8 .element .introduce dl > dd .detail .image ul > li:nth-child(even) {margin-right:0;} #section8 .element .introduce dl > dd .detail .image ul > li .step {position:absolute;display:inline-block;background:rgba(0,0,0,0.8);padding:0.5vw;margin:0 0 0 14vw;font-size:4vw;font-family:"NEXON Lv2 Gothic Bold";color:#ffffff;border:0.3vw solid #ffffff;} #section8 .element .introduce dl > dd .detail .image ul > li .step b {font-size:4vwpx;color:#41d5ff;font-family:"NEXON Lv2 Gothic Bold";} #section8 .element .introduce dl > dd .detail .image ul > li .item {display:inline-block;font-size:0;} #section8 .element .introduce dl > dd .detail .image ul > li .item img {border:0.6vw solid #ffffff;width:100%;} #section8 .element .introduce dl > dd .detail .contents {padding:8vw 0 15vw 0;background:transparent;text-align:center;} #section8 .element .introduce dl > dd .detail .contents .title {font-size:6vw;color:#ffffff;font-family:"NEXON Lv2 Gothic Bold";} #section8 .element .introduce dl > dd .detail .contents .title b {font-size:6vw;color:#ffffff;font-family:"NEXON Lv2 Gothic Bold";color:#41d5ff;} #section8 .element .introduce dl > dd .detail .contents ul {width:95%;margin:5vw auto 0 auto;text-align:left;} #section8 .element .introduce dl > dd .detail .contents ul > li {font-size:0;margin:0 0 3vw 0;} #section8 .element .introduce dl > dd .detail .contents ul > li .step {display:inline-block;padding:1vw;font-size:2vw;color:#ffffff;background:#000000;border:0.2vw solid #cccccc;} #section8 .element .introduce dl > dd .detail .contents ul > li .item {display:inline-block;font-size:3.3vw;color:#ffffff;padding-left:2vw;} #section8 .element .introduce dl > dd .detail .contents ul > li .item b {font-size:3.3vw;color:#ffffff;font-family:"NEXON Lv2 Gothic Bold";} #section8 .element .introduce dl > dd .detail:after {clear:both;display:block;content:"";} #section9 .section_group {} #section9 .element {display:table;width:100%;height:100vh;background:transparent;text-align:center;} #section9 .element .introduce:before {display:block;height:15vw;content:"";} #section9 .element .introduce {position:relative;z-index:20;} #section9 .element .introduce dl {} #section9 .element .introduce dl > dt {} #section9 .element .introduce dl > dt .line1 {padding:0 0 0 0;font-size:8vw;color:#1e1e1;font-family:"NEXON Lv2 Gothic Bold";} #section9 .element .introduce dl > dt .line1 b {font-size:8vw;color:#00468b;font-family:"NEXON Lv2 Gothic Bold";} #section9 .element .introduce dl > dd {} #section9 .element .introduce dl > dd:before {display:block;content:"";height:10vw;} #section9 .element .introduce dl > dd .detail {margin:0 0 10vw 0;} #section9 .element .introduce dl > dd .detail .feature {} #section9 .element .introduce dl > dd .detail .feature ul {font-size:0;} #section9 .element .introduce dl > dd .detail .feature ul > li {display:inline-block;width:40vw;height:43.3vw;background-image:url('/resource/image/home/section8/box_implant.png');background-size:cover;background-repeat:no-repeat;margin:0 5vw 7vw 0;} #section9 .element .introduce dl > dd .detail .feature ul > li:nth-child(even) {margin-right:0;} #section9 .element .introduce dl > dd .detail .feature ul > li .step {display:inline-block;text-align:center;font-size:5vw;font-family:"NEXON Lv2 Gothic Bold";color:#00468b;display:none;} #section9 .element .introduce dl > dd .detail .feature ul > li .item {display:table;width:100%;height:25vw;text-align:center;} #section9 .element .introduce dl > dd .detail .feature ul > li .item .box {display:table-cell;vertical-align:middle;padding:5vw 0 0 0;font-size:3.5vw;line-height:5vw;color:#1e1e1e;letter-spacing:-0.3vw;} #section9 .element .introduce dl > dd .detail .feature ul > li .item .box b {font-size:3.5vw;color:#00468b;font-family:"NEXON Lv2 Gothic Bold";} #section9 .element .introduce dl > dd .detail .course {margin:20vw 0 0 0;} #section9 .element .introduce dl > dd .detail .course ul {width:90%;font-size:0;margin:0 auto;} #section9 .element .introduce dl > dd .detail .course ul > li {display:inline-block;width:40vw;padding:3vw 0 3vw 0;margin:0 3vw 5vw 0;font-size:4vw;color:#ffffff;border:0.3vw solid #ffffff;border-radius:20vw;} #section9 .element .introduce dl > dd .detail .course ul > li b {font-size:4vw;font-family:"NEXON Lv2 Gothic Bold";} #section9 .element .introduce dl > dd .detail .course ul > li:nth-child(2n) {margin-right:0;} #section9 .element .introduce dl > dd .detail .description {margin:5vw 0 0 0;font-size:3.5vw;line-height:4.5vw;color:#ffffff;letter-spacing:-0.2vw;} #section9 .element .introduce dl > dd .detail .description b {font-size:3.5vw;font-family:"NEXON Lv2 Gothic Bold";} #section10 {height:455px !important;} #wrap #section10 .fp-tableCell {height: 455px !important;} #section11 .section_group {} #section11 .element {width:100%;height:120vh;background:#08345e;text-align:center;} #section11 .element .introduce:before {display:block;height:15vw;content:"";} #section11 .element .introduce {position:relative;z-index:20;} #section11 .element .introduce dl {} #section11 .element .introduce dl > dt {} #section11 .element .introduce dl > dt .line1 {padding:0 0 0 0;font-size:7vw;color:#ffffff;letter-spacing:-0.3vw;} #section11 .element .introduce dl > dt .line1 b.p {font-size:7vw;color:#41d5ff;font-family:"NEXON Lv2 Gothic Bold";} #section11 .element .introduce dl > dt .line1 b.p:before {position:absolute;display:inline-block;background:#41d5ff;width:0.5vw;height:0.5vw;padding:0.5vw;border-radius:50%;content:"";margin:-3vw 0 0 1vw;} #section11 .element .introduce dl > dt .line1 b.b {font-size:7vw;color:#ffffff;font-family:"NEXON Lv2 Gothic Bold";} #section11 .element .introduce dl > dt .line2 {padding:4vw 0 0 0;font-size:4vw;color:#ffffff;} #section11 .element .introduce dl > dt .line2 b.p {font-size:4vw;color:#41d5ff;font-family:"NEXON Lv2 Gothic Bold";} #section11 .element .introduce dl > dt .line2 b.b {font-size:4vw;color:#ffffff;font-family:"NEXON Lv2 Gothic Bold";} #section11 .element .introduce dl > dt .line3 {padding:2vw 0 0 0;font-size:3vw;color:#ffffff;} #section11 .element .introduce dl > dd {} #section11 .element .introduce dl > dd:before {display:block;content:"";height:10vw;} #section11 .element .introduce dl > dd .detail {} #section11 .element .introduce dl > dd .detail .feature {} #section11 .element .introduce dl > dd .detail .feature ul {font-size:0;} #section11 .element .introduce dl > dd .detail .feature ul > li {vertical-align:top;display:inline-block;width:41vw;height:85vw;margin:0 3vw 5vw 0;padding:5vw 2vw 2vw 2vw;background:white;border-radius:5vw;} #section11 .element .introduce dl > dd .detail .feature ul > li:nth-child(2) {margin-right:0;} #section11 .element .introduce dl > dd .detail .feature ul > li:nth-child(3) {width:89vw;margin-top:-1vw;margin-left:3vw;height:70vw;} #section11 .element .introduce dl > dd .detail .feature ul > li:nth-child(3) .image img {width:40%;} #section11 .element .introduce dl > dd .detail .feature ul > li:nth-child(3) .point {} #section11 .element .introduce dl > dd .detail .feature ul > li:nth-child(3) .point br {display:none;} #section11 .element .introduce dl > dd .detail .feature ul > li .image {} #section11 .element .introduce dl > dd .detail .feature ul > li .image img {width:80%;border-radius:50%;box-shadow:0.5vw 0.5vw 0.5vw #eeeeee;} #section11 .element .introduce dl > dd .detail .feature ul > li .point {margin-top:5vw;display:block;font-size:5vw;line-height:6vw;color:#00478b;font-family:"NEXON Lv2 Gothic Bold";letter-spacing:-0.3vw;} #section11 .element .introduce dl > dd .detail .feature ul > li .description {margin-top:3vw;display:block;font-size:4vw;line-height:6vw;letter-spacing:-0.2vw;} #section11 .element .introduce dl > dd .detail .feature ul > li .description br {display:none;} #section11 .element .introduce dl > dd .detail .feature ul > li {} #section12 {display:;} #section12 .slick-prev {visibility:hidden;} #section12 .slick-next {visibility:hidden;} #section12 .slick-dots {background:transparent;text-align:left;top:113vw;padding:0 0 0 5vw;} #section12 .slick-dots li {margin:0 1vw 0 0;} #section12 .slick-dots button:before {color:#00478b;font-size:10px;} #section12 .section_group {} #section12 .element {width:100%;height:100vh;background:transparent;text-align:center;} #section12 .element .introduce:before {display:block;height:15vw;content:"";} #section12 .element .introduce {position:relative;z-index:20;} #section12 .element .introduce dl {} #section12 .element .introduce dl > dt {display:inline-block;text-align:left;background:transparent;} #section12 .element .introduce dl > dt .line1 {padding:0 0 0 0;font-size:4vw;color:#ffffff;text-align:center;} #section12 .element .introduce dl > dt .line2 {margin:2vw 0 0 0;padding:0 0 0 0;font-size:6vw;color:#ffffff;font-family:"NEXON Lv2 Gothic Bold";} #section12 .element .introduce dl > dt .line2 b {font-size:8vw;color:#41d5ff;font-family:"NEXON Lv2 Gothic Bold";} #section12 .element .introduce dl > dd {} #section12 .element .introduce dl > dd:before {display:block;content:"";height:10vw;} #section12 .element .introduce dl > dd .detail {} #section12 .element .introduce dl > dd .detail .equipment {display:inline-block;padding:2vw 2vw 2vw 2vw;background:white;margin:0 auto;cursor:pointer;} #section12 .element .introduce dl > dd .detail .equipment .outBox {background:white;width:80vw;height:120vw;border:1px solid #7fa3c5;} #section12 .element .introduce dl > dd .detail .equipment .outBox .innerBox {position:relative;width:80vw;text-align:left;background:transparent;margin:0 auto;} #section12 .element .introduce dl > dd .detail .equipment .outBox .innerBox .slider .item {display:block;height:120vw;padding:5vw 0 0 0;display:none;overflow:hidden;} #section12 .element .introduce dl > dd .detail .equipment .outBox .innerBox .slider .item .step {margin:0 0 0 0;width:40vw;margin:0 auto;padding:2vw 0 2vw 0;background:#00478b;color:#ffffff;font-size:4vw;text-align:center;} #section12 .element .introduce dl > dd .detail .equipment .outBox .innerBox .slider .item .step b {color:#ffffff;font-size:4vw;font-family:"NEXON Lv2 Gothic Bold";} #section12 .element .introduce dl > dd .detail .equipment .outBox .innerBox .slider .item .title {margin:3vw 0 0 0;color:#00478b;font-size:6vw;font-family:"NEXON Lv2 Gothic Bold";text-align:center;} #section12 .element .introduce dl > dd .detail .equipment .outBox .innerBox .slider .item .slogan {margin:3vw 0 0 0;color:#8f8f8f;font-size:4vw;font-family:"NEXON Lv2 Gothic Bold";text-align:center;} #section12 .element .introduce dl > dd .detail .equipment .outBox .innerBox .slider .item .description {padding:0 0 0 0;margin:55vw 0 0 0;color:#323232;font-size:3.5vw;line-height:4.5vw;text-align:center;} #section12 .element .introduce dl > dd .detail .equipment .outBox .innerBox .slider .item .description br {display:block} #section12 .element .introduce dl > dd .detail .equipment .outBox .innerBox .slider .item .additional {margin:3vw 0 0 0;font-size:3vw;line-height:3.5vw;text-align:center;} #section12 .element .introduce dl > dd .detail .equipment .outBox .innerBox .slider .item .image {position:absolute;display:block;text-align:center;} #section12 .element .introduce dl > dd .detail .equipment .outBox .innerBox .slider .item .image img {margin:26vw 0 0 16vw;border:0.4vw solid #ffffff;width:40%;} #section12 .element .introduce dl > dd .detail .description {padding:0 10vw 0 10vw;margin:2vw 0 0 0;color:#ffffff;font-size:3.5vw;line-height:3.5vw;letter-spacing:-0.2vw;text-align:center;} #section12 .element .introduce dl > dd .detail .description br {display:none;} #section12 .element .introduce dl > dd .detail .description b:first-child {font-size:2.8vw;color:#41d5ff;font-family:"NEXON Lv2 Gothic Bold";} #section12 .element .introduce dl > dd .detail .description b:last-child {font-size:2.8vw;color:#ffffff;font-family:"NEXON Lv2 Gothic Bold";} #section13 .section_group {} #section13 .visual {display:none;} #section13 .element {width:100%;height:64vh;background:transparent;text-align:center;} #section13 .element .introduce:before {display:block;height:15vw;content:"";} #section13 .element .introduce {position:relative;z-index:20;} #section13 .element .introduce dl {} #section13 .element .introduce dl > dt {} #section13 .element .introduce dl > dt .line1 {padding:0 0 0 0;font-size:7vw;color:#1f1f1f;font-family:"NEXON Lv2 Gothic Bold";} #section13 .element .introduce dl > dt .line1 b {font-size:7vw;color:#00478b;font-family:"NEXON Lv2 Gothic Bold";} #section13 .element .introduce dl > dt .line2 {padding:3vw 0 0 0;font-size:4vw;color:#1f1f1f;} #section13 .element .introduce dl > dt .line2 b {font-size:4vw;color:#00478b;font-family:"NEXON Lv2 Gothic Bold";} #section13 .element .introduce dl > dd {} #section13 .element .introduce dl > dd:before {display:block;content:"";height:10vw;} #section13 .element .introduce dl > dd .detail {} #section13 .element .introduce dl > dd .detail .feature {text-align:center;} #section13 .element .introduce dl > dd .detail .feature .pc {display:none;} #section13 .element .introduce dl > dd .detail .feature .mo {display:;} #section13 .element .introduce dl > dd .detail .feature .mo ul {font-size:0;width:90vw;margin:0 auto;} #section13 .element .introduce dl > dd .detail .feature .mo ul > li {display:inline-block;width:44vw;margin:0 2vw 0 0;} #section13 .element .introduce dl > dd .detail .feature .mo ul > li:nth-child(even) {margin-right:0;} #section13 .element .introduce dl > dd .detail .feature .mo ul > li div {} #section13 .element .introduce dl > dd .detail .feature .mo ul > li div img {width:100%;border:0.4vw solid white;} #section13 .element .introduce dl > dd .detail .feature .mo ul > li:nth-child(6) {} #section13 .element .introduce dl > dd .detail .feature .mo ul > li:nth-child(6) div {transform:translateY(-2.5vw);} #section13 .element .introduce dl > dd .detail .feature .mo ul > li:nth-child(6) div span {display:block;background:#00478b;color:#ffffff;font-size:3vw;padding:1vw 0 1vw 0;margin:0 0 1vw 0;} #section13 .element .introduce dl > dd .detail .feature .mo ul > li:nth-child(6) div span b {color:#ffffff;font-size:3vw;font-family:"NEXON Lv2 Gothic Bold";} #section13 .element .introduce dl > dd .detail .description {margin:5vw auto 0 auto;width:68vw;font-size:3.5vw;line-height:5vw;color:#1f1f1f;} #section13 .element .introduce dl > dd .detail .description b {font-size:3.5vw;color:#1f1f1f;font-family:"NEXON Lv2 Gothic Bold";} #section14 .section_group {} #section14 .element {width:100%;height:240vw;background:transparent;text-align:center;} #section14 .element .introduce:before {display:block;height:15vw;content:"";} #section14 .element .introduce {position:relative;z-index:20;} #section14 .element .introduce dl {} #section14 .element .introduce dl > dt {} #section14 .element .introduce dl > dt .line1 {padding:0 0 0 0;font-size:7vw;color:#ffffff;font-family:"NEXON Lv2 Gothic Bold";letter-spacing:-0.4vw;} #section14 .element .introduce dl > dt .line1 b {font-size:7vw;color:#41d5ff;font-family:"NEXON Lv2 Gothic Bold";} #section14 .element .introduce dl > dt .line2 {padding:5vw 0 0 0;font-size:5vw;color:rgba(255,255,255,0.2);font-family:"NEXON Lv2 Gothic Bold";} #section14 .element .introduce dl > dd {} #section14 .element .introduce dl > dd:before {display:block;content:"";height:0;} #section14 .element .introduce dl > dd .detail {} #section14 .element .introduce dl > dd .detail .slider {} #section14 .element .introduce dl > dd .detail .slider ul {margin:-1vw 0 0 0;} #section14 .element .introduce dl > dd .detail .slider ul > li {display:inline-block;} #section14 .element .introduce dl > dd .detail .slider .pre {} #section14 .element .introduce dl > dd .detail .slider .pre .icon.left {position:absolute;display:inline-block;background:#162e46;width:5vw;height:5vw;padding:2.5vw;border-radius:50%;font-size:0;margin:-65vw 0 0 -5vw;border:0.5vw solid #cccccc;} #section14 .element .introduce dl > dd .detail .slider .pre .icon.left img {width:5vw;} #section14 .element .introduce dl > dd .detail .slider .next {} #section14 .element .introduce dl > dd .detail .slider .next .icon.right {position:absolute;display:inline-block;background:#162e46;width:5vw;height:5vw;padding:2.5vw;border-radius:50%;font-size:0;margin:-65vw 0 0 -7vw;border:0.5vw solid #cccccc;} #section14 .element .introduce dl > dd .detail .slider .next .icon.right img {width:5vw;} #section14 .element .introduce dl > dd .detail .slider .body {width:80vw;height:155vw;background:white;} #section14 .element .introduce dl > dd .detail .slider .body .box {padding:5vw 0 0 0;} #section14 .element .introduce dl > dd .detail .slider .body .box:after {clear:both;display:block;content:"";} #section14 .element .introduce dl > dd .detail .slider .body .box .item {display:inline-block;width:70vw;margin-bottom: 5vw; position: relative;} #section14 .element .introduce dl > dd .detail .slider .body .box .item:nth-of-type(2) {margin-bottom:0;} #section14 .element .introduce dl > dd .detail .slider .body .box .item .date {position: absolute; right: 2vw; top: -7vw; font-size: 4vw; color: white; font-family: NEXON Lv2 Gothic Bold;} #section14 .element .introduce dl > dd .detail .slider .body .box .before .title {background:#909090;} #section14 .element .introduce dl > dd .detail .slider .body .box .after .title {background:#204a73;} #section14 .element .introduce dl > dd .detail .slider .body .box .title {height:10vw;font-size:5vw;line-height:10vw;color:#ffffff; text-align: left; padding-left: 2vw;} #section14 .element .introduce dl > dd .detail .slider .body .box .title b {font-size:5vw;color:#ffffff;font-family:"NEXON Lv2 Gothic Bold";} #section14 .element .introduce dl > dd .detail .slider .body .box .image {} #section14 .element .introduce dl > dd .detail .slider .body .box .image img {width:100%;} #section14 .element .introduce dl > dd .detail .slider .body .box .image .beforeImage {display:none;} #section14 .element .introduce dl > dd .detail .slider .body .box .image .afterImage {display:none;} #section14 .element .introduce dl > dd .detail .slider .body .box .image .beforeImage:first-child {display:block;} #section14 .element .introduce dl > dd .detail .slider .body .box .image .afterImage:first-child {display:block;} #section14 .element .introduce dl > dd .detail .slider .body .box .notice p {font-size: 3vw; text-align: left; padding-left: 7vw; text-indent: -2.5vw; margin-bottom: 1vw;} #section14 .element .introduce dl > dd .detail .description {width:77vw;margin:3vw auto 0 auto;color:#ffffff;font-size:3.5vw;line-height:4.5vw;word-break:break-word;} #section14 .element .introduce dl > dd .detail .description br {display:none;} #section14 .element .introduce dl > dd .detail .description b {color:#41d5ff;font-size:3.5vw;font-family:"NEXON Lv2 Gothic Bold";} #section14 .element .introduce dl > dd .detail .additional .question {margin:5vw 0 0 0;color:#ffffff;font-size:5vw;} #section14 .element .introduce dl > dd .detail .additional .question b {color:#41d5ff;font-size:5vw;font-family:"NEXON Lv2 Gothic Bold";} #section14 .element .introduce dl > dd .detail .additional .function {margin:3vw 0 0 0;} #section14 .element .introduce dl > dd .detail .additional .function .link {display:inline-block;width:80vw;height:10vw;background-image:url('/resource/image/home/section12/button_homepage.png');background-repeat:no-repeat;background-size:cover;padding:4vw 0 0 0;} #section14 .element .introduce dl > dd .detail .additional .function .link a {color:#ffffff;font-size:6vw;font-family:"NEXON Lv2 Gothic Bold";} #section14 .element .introduce dl > dd .detail .additional .function .click {position:absolute;} #section14 .element .introduce dl > dd .detail .additional .function .click img {margin:5vw 0 0 -15vw;width:200%;} #section15 .section_group {} #section15 .element {width:100%;height:110vh;text-align:center;} #section15 .element .introduce:before {display:block;height:15vw;content:"";} #section15 .element .introduce {position:relative;z-index:20;} #section15 .element .introduce dl {} #section15 .element .introduce dl > dt {text-align:center;} #section15 .element .introduce dl > dt .line1 {margin:0 0 0 0;padding:0 0 0 0;font-size:8vw;color:#4a4a4a;font-family:"NEXON Lv2 Gothic Bold";} #section15 .element .introduce dl > dt .line1 b {font-size:8vw;color:#41d5ff;font-family:"NEXON Lv2 Gothic Bold";} #section15 .element .introduce dl > dt .line1 .icon {padding:0 0 0 0;} #section15 .element .introduce dl > dt .line1 .icon img {position:absolute;margin:-5vw 0 0 2vw;width:10%;} #section15 .element .introduce dl > dt .line2 {padding:3vw 0 0 0;font-size:8vw;color:#4a4a4a;font-family:"NEXON Lv2 Gothic Bold";} #section15 .element .introduce dl > dt .line2 b {font-size:8vw;color:#00478b;font-family:"NEXON Lv2 Gothic Bold";} #section15 .element .introduce dl > dd {} #section15 .element .introduce dl > dd:before {display:block;content:"";height:10vw;} #section15 .element .introduce dl > dd .detail {} #section15 .element .introduce dl > dd .detail .feature {} #section15 .element .introduce dl > dd .detail .feature ul {width:90vw;margin:0 auto;font-size:0;} #section15 .element .introduce dl > dd .detail .feature ul > li {vertical-align:top;display:inline-block;width:90vw;height:30vw;box-shadow:1vw 1vw 1.5vw gray;margin:0 0 7vw 0;background:white;} #section15 .element .introduce dl > dd .detail .feature ul > li:nth-child(odd) {text-align:right;} #section15 .element .introduce dl > dd .detail .feature ul > li:nth-child(even) {text-align:left;margin-right:0;} #section15 .element .introduce dl > dd .detail .feature ul > li .box {display:inline-block;margin:7vw 0 0 0;width:90vw;} #section15 .element .introduce dl > dd .detail .feature ul > li:nth-child(odd) .box {text-align:center;} #section15 .element .introduce dl > dd .detail .feature ul > li:nth-child(even) .box {text-align:center;} #section15 .element .introduce dl > dd .detail .feature ul > li .image {position:absolute;display:block;width:90vw;margin:5vw 0 0 0;} #section15 .element .introduce dl > dd .detail .feature ul > li:nth-child(odd) .image {text-align:left;} #section15 .element .introduce dl > dd .detail .feature ul > li:nth-child(even) .image {text-align:right;} #section15 .element .introduce dl > dd .detail .feature ul > li:nth-child(odd) .image img {width:26%;margin:-1.5vw 0 0 -4vw;} #section15 .element .introduce dl > dd .detail .feature ul > li:nth-child(even) .image img {width:26%;margin:0 -4vw 0 0;} #section15 .element .introduce dl > dd .detail .feature ul > li .char {position:absolute;display:block;width:90vw;height:40vw;overflow:hidden;margin:7vw 0 0 0;} #section15 .element .introduce dl > dd .detail .feature ul > li .char i {font-style:normal;font-size:20vw;color:rgba(74,74,74,0.12);font-family:"NEXON Lv2 Gothic Bold";} #section15 .element .introduce dl > dd .detail .feature ul > li:nth-child(odd) .char i {margin:0 0 0 0;} #section15 .element .introduce dl > dd .detail .feature ul > li:nth-child(even) .char i {margin:0 0 0 0;} #section15 .element .introduce dl > dd .detail .feature ul > li .box .title {display:block;font-size:6vw;color:#4a4a4a;font-family:"NEXON Lv2 Gothic Bold";} #section15 .element .introduce dl > dd .detail .feature ul > li .box .title b {font-size:6vw;color:#00478b;font-family:"NEXON Lv2 Gothic Bold";} #section15 .element .introduce dl > dd .detail .feature ul > li .box .summary {display:block;margin:2vw 0 0 0;font-size:4vw;color:#4a4a4a;line-height:5.5vw;} #section16 {} #section16 .section_group {} #section16 .visual {height:100vh;position:absolute;left:0;width:100%;margin:0 0 0 0;overflow:hidden;} #section16 .visual ul {width:100vw; height:100vh; margin:0 auto 0 auto; font-size:0; position: relative;} #section16 .visual ul > li {display:inline-block;vertical-align:middle;font-size:0; position: absolute;} #section16 .visual .director {width:33%;background: transparent; text-align:center; transform: scale(0.7)} #section16 .visual .director img{width:170%;} #section16 .visual .director1 img {width: 120%;} #section16 .visual .director2 img {width: 170%; margin-bottom: 4.6vw;} #section16 .visual .director3 img {width: 127%;} #section16 .visual .director4 img {width: 165%; margin-bottom: 7.9vw;} #section16 .visual .director1 {left: 6vw; top: 24vh; z-index:25;} #section16 .visual .director2 {right: 14vw; top: 25.9vh; z-index:24;} #section16 .visual .director3 {left: 6vw; top: 60vh; z-index:23;} #section16 .visual .director4 {right: 40vw; top: 60.7vh; z-index:22;} #section16 .visual .director .text {position:absolute;display:inline-block;z-index:40; width:44vw;height:auto;padding:3vw 0 3vw 0;background:rgba(0,0,0,1); left: 0; bottom: -8vw;} #section16 .visual .director .text .course { display:block; /* font-family:"NEXON Lv2 Gothic Bold"; */ font-weight: 700; color:#41d5ff;font-size:3vw;padding:0 0 0 0; } #section16 .visual .director .text .name { display:inline-block; /* font-family:"NEXON Lv2 Gothic Bold"; */ color:#ffffff;font-size:5vw;padding:0 0 0 0; } #section16 .visual .director .text .position {display:inline-block;font-family:"NEXON Lv2 Gothic";color:#ffffff;font-size:3vw;padding:0 0 0 0;} #section16 .element {width:100%;height:100vh;background:transparent;text-align:center;} #section16 .element .introduce:before {display:block;height:15vw;content:"";} #section16 .element .introduce {position:relative;z-index:20;} #section16 .element .introduce dl {} #section16 .element .introduce dl > dt {} #section16 .element .introduce dl > dt .line1 { margin:0 0 0 0;font-size:4vw;color:#ffffff; /* font-family:"NEXON Lv2 Gothic Bold"; */ } #section16 .element .introduce dl > dt .line1 .icon {} #section16 .element .introduce dl > dt .line1 .icon img {width:7vw;transform:translateY(2.5vw);} #section16 .element .introduce dl > dt .line2 { margin:8vw 0 0 0;font-size:7vw;color:#ffffff; /* font-family:"NEXON Lv2 Gothic Bold"; */ } #section16 .element .introduce dl > dt .line2 b {font-size:7vw;color:#41d5ff;font-family:"NEXON Lv2 Gothic Bold";} #section16 .element .introduce dl > dt .line3 {margin:7vw auto 0 auto;font-size:4vw;color:#ffffff;width:70vw;line-height:5.5vw;} #section16 .element .introduce dl > dt .line3 b {margin:0 0 0 0;font-size:4vw;color:#41d5ff;font-family:"NEXON Lv2 Gothic Bold";} #section16 .element .introduce dl > dt .line3 br {display:block;} #section16 .element .introduce dl > dd {} #section16 .element .introduce dl > dd:before {display:block;content:"";height:5vw;} #section16 .element .introduce dl > dd .detail {} #section17 {display:;} #section17 .section_group {} #section17 .element {width:100%;height:105vh;text-align:center;} #section17 .element .introduce:before {display:block;height:15vw;content:"";} #section17 .element .introduce {position:relative;z-index:20;} #section17 .element .introduce dl {} #section17 .element .introduce dl > dt {} #section17 .element .introduce dl > dt .line1 {margin:0 0 0 0;font-size:7vw;color:#1f1f1f;font-family:"NEXON Lv2 Gothic Bold";} #section17 .element .introduce dl > dt .line1 b {font-size:7vw;color:#00478b;font-family:"NEXON Lv2 Gothic Bold";} #section17 .element .introduce dl > dt .line2 {margin:3vw 0 0 0;font-size:4vw;color:#1f1f1f;} #section17 .element .introduce dl > dt .line2 b {font-size:4vw;color:#00478b;font-family:"NEXON Lv2 Gothic Bold";} #section17 .element .introduce dl > dd {} #section17 .element .introduce dl > dd:before {display:block;content:"";height:7vw;} #section17 .element .introduce dl > dd .detail {text-align:center;} #section17 .element .introduce dl > dd .detail .gallery {} #section17 .element .introduce dl > dd .detail .gallery .box {display:block;width:90vw;margin:0 auto;font-size:0;text-align:center;} #section17 .element .introduce dl > dd .detail .gallery .box .item {width:44vw;height:auto;display:inline-block;float:left;vertical-align:top;font-size:0;margin:0 2vw 2vw 0;text-align:center;} #section17 .element .introduce dl > dd .detail .gallery .box .item img {border:0.1vw solid white;width:100%;} #section17 .element .introduce dl > dd .detail .gallery .box .item:nth-child(2) {margin-right:0;} #section17 .element .introduce dl > dd .detail .gallery .box .item:nth-child(4) {margin-right:0;} #section17 .element .introduce dl > dd .detail .gallery .box .item:nth-child(6) {margin-right:0;} #section17 .element .introduce dl > dd .detail .gallery .box .item:nth-child(7) {margin-right:0;} #section17 .element .introduce dl > dd .detail .gallery .box .item:nth-child(7) {width:90vw;} #section18 .section_group {} #section18 .element {width:100%;height:183vh;background:transparent;text-align:center;} #section18 .element .introduce:before {display:block;height:15vw;content:"";} #section18 .element .introduce {position:relative;z-index:20;} #section18 .element .introduce dl {} #section18 .element .introduce dl > dt {} #section18 .element .introduce dl > dt .line1 {margin:0 0 0 0;font-size:4vw;color:#ffffff;font-family:"NEXON Lv2 Gothic Bold";} #section18 .element .introduce dl > dt .line2 {margin:3vw 0 0 0;font-size:7vw;color:#41d5ff;font-family:"NEXON Lv2 Gothic Bold";} #section18 .element .introduce dl > dt .line2 b {font-size:7vw;color:#ffffff;font-family:"NEXON Lv2 Gothic Bold";} #section18 .element .introduce dl > dd {} #section18 .element .introduce dl > dd:before {display:block;content:"";height:5vw;} #section18 .element .introduce dl > dd .detail {width:100vw;margin:0 auto;} #section18 .element .introduce dl > dd .detail:after {clear:both;display:block;content:"";} #section18 .element .introduce dl > dd .detail .location {width:90vw;height:105vw;background:#001020;margin:0 auto;padding:0.5vw 0 0 0;} #section18 .element .introduce dl > dd .detail .location .map {width:85vw;margin:2vw auto 0 auto;height:50vw;background:white;} #section18 .element .introduce dl > dd .detail .location .contents {margin:5vw 0 0 5vw;text-align:left;} #section18 .element .introduce dl > dd .detail .location .contents ul {font-size:0;} #section18 .element .introduce dl > dd .detail .location .contents ul > li {margin:0 0 3vw 0;} #section18 .element .introduce dl > dd .detail .location .contents ul > li:lash-child {margin-bottom:0;} #section18 .element .introduce dl > dd .detail .location .contents ul > li .icon {display:inline-block;vertical-align:middle;margin:0 0 0 0;padding:1.5vw;width:5vw;height:5vw;background:white;border-radius:50%;} #section18 .element .introduce dl > dd .detail .location .contents ul > li .icon img {width:5vw;} #section18 .element .introduce dl > dd .detail .location .contents ul > li .text {display:inline-block;vertical-align:middle;padding:0 0 0 3vw;color:#ffffff;font-size:3.5vw;letter-spacing:-0.3vw;} #section18 .element .introduce dl > dd .detail .location .contents ul > li .text b {color:#ffffff;font-size:3.5vw;font-family:"NEXON Lv2 Gothic Bold";} #section18 .element .introduce dl > dd .detail .location .contents ul > li .text .address.default {font-family:"NEXON Lv2 Gothic Bold";font-size:3.5vw;} #section18 .element .introduce dl > dd .detail .location .contents ul > li .text .address.default b {font-family:"NEXON Lv2 Gothic Bold";font-size:3.5vw;color:#41d5ff;} #section18 .element .introduce dl > dd .detail .location .contents ul > li .text .address.additional {display:inline-block;padding:1vw 0 0 0;font-size:3.5vw;} #section18 .element .introduce dl > dd .detail .location .contents ul > li .text .bus.default {font-size:3.5vw;} #section18 .element .introduce dl > dd .detail .location .contents ul > li .text .bus.additional {display:inline-block;padding:1vw 0 0 0;font-size:3.5vw;} #section18 .element .introduce dl > dd .detail .information {} #section18 .element .introduce dl > dd .detail .information .inquiry {width:90vw;height:103vw;background:#00203e;margin:5vw auto 0 auto;} #section18 .element .introduce dl > dd .detail .information .inquiry .title {display:block;padding:7vw 0 5vw 0;} #section18 .element .introduce dl > dd .detail .information .inquiry .title .icon {display:inline-block;vertical-align:middle;} #section18 .element .introduce dl > dd .detail .information .inquiry .title .icon img {width:5vw;height:5vw;} #section18 .element .introduce dl > dd .detail .information .inquiry .title .text {display:inline-block;vertical-align:middle;padding:0 0 0 5px;color:#ffffff;font-size:8vw;} #section18 .element .introduce dl > dd .detail .information .inquiry .form {padding:0 0 0 3vw;text-align:left;} #section18 .element .introduce dl > dd .detail .information .inquiry .form ul {font-size:0;} #section18 .element .introduce dl > dd .detail .information .inquiry .form ul > li {margin:0 0 1vw 0;color:white;font-size:5vw;} #section18 .element .introduce dl > dd .detail .information .inquiry .form ul > li .field {display:inline-block;vertical-align:middle;width:20vw;color:#ffffff;font-size:4vw;text-align:left;} #section18 .element .introduce dl > dd .detail .information .inquiry .form ul > li:nth-child(1) .field {letter-spacing:6.5vw;} #section18 .element .introduce dl > dd .detail .information .inquiry .form ul > li:nth-child(2) .field {letter-spacing:1.4vw;} #section18 .element .introduce dl > dd .detail .information .inquiry .form ul > li:nth-child(3) .field {letter-spacing:0;} #section18 .element .introduce dl > dd .detail .information .inquiry .form ul > li .item {display:inline-block;vertical-align:middle;} #section18 .element .introduce dl > dd .detail .information .inquiry .form ul > li .item input[type='text'] {width:60vw;height:10vw;padding:1vw;border:0;} #section18 .element .introduce dl > dd .detail .information .inquiry .form ul > li .item input[type='checkbox'] {transform:translate(0,1vw);} #section18 .element .introduce dl > dd .detail .information .inquiry .form ul > li .item textarea {width:61vw;height:20vw;padding:0.5vw;border:0;} #section18 .element .introduce dl > dd .detail .information .inquiry .form ul > li .item a {display:inline-block;color:white;font-weight:bold;padding:0 0 0 3px;} #section18 .element .introduce dl > dd .detail .information .inquiry .form .funciton {margin:7vw 0 0 -0;background:transparent;text-align:center;} #section18 .element .introduce dl > dd .detail .information .inquiry .form .funciton button {width:60vw;padding:3vw 0 3vw 0;background:#34b1d9;border:0;border-radius:20vw;color:#ffffff;font-size:6vw;font-family:"NEXON Lv2 Gothic Bold";} #section18 .element .introduce dl > dd .detail .information .schedule {margin:5vw auto 0 auto;text-align:left;width:90vw;height:80vw;background:#00203e;} #section18 .element .introduce dl > dd .detail .information .schedule .box .coment {position:absolute;display:inline-block;background:#000000;width:80vw;margin:60vw 0 0 0;text-align:center;} #section18 .element .introduce dl > dd .detail .information .schedule .box .coment ul {margin:0 0 0 0;padding:3vw 0 0 0;} #section18 .element .introduce dl > dd .detail .information .schedule .box .coment ul > li {color:white;font-size:15px;} #section18 .element .introduce dl > dd .detail .information .schedule .box .coment ul > li b {color:white;font-size:15px;} #section18 .element .introduce dl > dd .detail .information .schedule .box .title {padding:7vw 0 0 0;text-align:center;} #section18 .element .introduce dl > dd .detail .information .schedule .box .title .icon {display:inline-block;vertical-align:middle;} #section18 .element .introduce dl > dd .detail .information .schedule .box .title .icon img {width:5vw;} #section18 .element .introduce dl > dd .detail .information .schedule .box .title .text {display:inline-block;vertical-align:middle;color:white;font-size:8vw;font-family:"NEXON Lv2 Gothic Bold";padding:0 0 0 0;} #section18 .element .introduce dl > dd .detail .information .schedule .box ul {font-size:0;margin:7vw 0 0 0;} #section18 .element .introduce dl > dd .detail .information .schedule .box ul > li {color:white;padding:0 0 3vw 0;font-size:4.5vw;letter-spacing:-0.2vw;} #section18 .element .introduce dl > dd .detail .information .schedule .box ul > li b {color:#41d5ff;font-size:4.5vw;font-family:"NEXON Lv2 Gothic Bold";} #section18 .element .introduce dl > dd .detail .information .schedule .box ul > li .week {display:inline-block;width:20vw;font-size:4vw;} #section18 .element .introduce dl > dd .detail .information .schedule .box ul > li:nth-child(1) .week {letter-spacing:6vw;} #section18 .element .introduce dl > dd .detail .information .schedule .box ul > li:nth-child(2) .week {letter-spacing:2vw;} #section18 .element .introduce dl > dd .detail .information .schedule .box ul > li:nth-child(3) .week {letter-spacing:2vw;} #section18 .element .introduce dl > dd .detail .information .schedule .box ul > li:nth-child(4) .week {letter-spacing:2vw;} #section18 .element .introduce dl > dd .detail .information .schedule .box ul > li:nth-child(5) .week {letter-spacing:0.3vw;} #section19 {background:black !important;} #section19 .section_group {} #section19 .logo {display:none;} #section19 .information {background:black !important;width:95%;margin:0 auto 2vw auto;padding:3vw 0 0 0;text-align:left;} #section19 .information span {color:white;font-size:3vw;line-height:6vw;letter-spacing:-0.2vw;} #section19 .link {display:none;} #section19 .link ul {font-size:0;} /* html {} body {min-height:100vh;} #wrap {} #wrap .width_area {width:100%;margin:0 auto;} #wrap .width_area:after {display:block;clear:both;content:"";} #container {} #container .section.default {} #section13 {display:;} #section13 .section_group {} #section13 .logo {display:none;} #section13 .information {width:95%;margin:2vw auto 2vw auto;text-align:left;} #section13 .information span {display:block;font-size:3vw;line-height:6vw;letter-spacing:0.02vw;} */ } /*-------------------------------------------------------------------- ||PC --------------------------------------------------------------------*/ @media screen and (min-width: 768px){ #inquiryAgreePopup {display:none;position:fixed;z-index:1000;top:0;width:100%;height:100%;background:rgba(0,0,0,0.8);text-align:center;} #inquiryAgreePopup .contents {padding:10px;width:950px;height:700px;overflow-x:hidden;overflow-y:scroll;text-align:left;margin:70px auto 0 auto;background:white;font-size:12px;line-height:16px;font-weight:400;color:#777777;} #inquiryAgreePopup .contents b {color:#333333;font-size:14px;font-family:'NEXON Lv2 Gothic Bold';font-weight:400;} #inquiryAgreePopup .button {padding:10px;width:950px;background:#111f41;margin:0 auto;} #inquiryAgreePopup .button a {color:white;font-size:14px;font-weight:bold;} #section1 {background-image:url('/resource/image/home/bg1.jpg'); background-repeat:no-repeat;background-size:cover;background-position:left top;} #section2 {background-image:url('/resource/image/home/bg2.jpg'); background-repeat:no-repeat;background-size:cover;background-position:left top;} #section3 {background-image:url('/resource/image/home/bg3.png'); background-repeat:no-repeat;background-size:cover;background-position:left top;} #section4 {background-image:url('/resource/image/home/bg4.png'); background-repeat:no-repeat;background-size:cover;background-position:left top;} #section5 {background-image:url('/resource/image/home/bg5.png'); background-repeat:no-repeat;background-size:cover;background-position:left top;} #section7 {background-image:url('/resource/image/home/section17/01_937.jpg'); background-repeat:no-repeat;background-size:cover;background-position:center top;} #section8 {background-image:url('/resource/image/home/bg7.jpg'); background-repeat:no-repeat;background-size:cover;background-position:left top;} #section9 {background-image:url('/resource/image/home/bg8.jpg'); background-repeat:no-repeat;background-size:cover;background-position:left top;} #section10 {background-image:url('/resource/image/home/section18/02_937.jpg'); background-repeat:no-repeat;background-size:cover;background-position:center top;} #section11 {background-image:url('/resource/image/home/bg9.jpg'); background-repeat:no-repeat;background-size:cover;background-position:left top;} #section12 {background-image:url('/resource/image/home/bg10.jpg'); background-repeat:no-repeat;background-size:cover;background-position:left top;} #section13 {background-image:url('/resource/image/home/bg11.jpg'); background-repeat:no-repeat;background-size:cover;background-position:left top;} #section14 {background-image:url('/resource/image/home/bg12.jpg'); background-repeat:no-repeat;background-size:cover;background-position:left top;} #section15 {background-image:url('/resource/image/home/bg13.jpg'); background-repeat:no-repeat;background-size:cover;background-position:left top;} #section16 {background-image:url('/resource/image/home/bg14.jpg'); background-repeat:no-repeat;background-size:cover;background-position:left top;} #section17 {background-image:url('/resource/image/home/bg15.jpg'); background-repeat:no-repeat;background-size:cover;background-position:left top;} #section18 {background-image:url('/resource/image/home/bg16.jpg'); background-repeat:no-repeat;background-size:cover;background-position:left top;} body {} #wrap {} #wrap .width_area {width:1270px;margin:0 auto;background:transparent;} #wrap .width_area:after {display:block;clear:both;content:"";} .mbr {display: none;} #header {} #quick {} #quick .link {position:fixed;z-index:10;;margin:580px 0 0 1800px;} #quick .link ul {font-size:0;} #quick .link ul > li {width:60px;padding:8px;display:block;border-radius:50%;margin-right:5px;margin:0 0 10px 0;} #quick .link ul > li .icon {padding:5px 0 0 0;display:block;text-align:center;} #quick .link ul > li .icon img {width:30px;} #quick .link ul > li .text {padding:5px 0 0 0;display:block;font-size:12px;color:white;text-align:center;font-family:"NEXON Lv2 Gothic Bold";} #quick .link ul > li:nth-child(1) {background:#006ebc;} #quick .link ul > li:nth-child(2) {background:#f1912a;} #quick .link ul > li:nth-child(3) {background:#09bf15;} #quick .link ul > li:nth-child(4) {background:#ffeb3b;} #quick .link ul > li:nth-child(4) .text {color:#3e2723;} #gnb {position:fixed;z-index:100;width:100%;background:rgba(247, 253, 255, 1);box-shadow:0 1px 20px rgba(0,0,0,.2);} #gnb .gnb_group {} #gnb .logo_area {display:inline-block;width:300px;height:93px;background:transparent;} #gnb .logo_area:before {display:inline-block;height:100%;vertical-align:middle;content:"";} #gnb .logo_area img {width:235px;vertical-align:middle;} #gnb .menu_area {display:inline-block;width:600px;height:92px;background:transparent;} #gnb .menu_area {display:inline-block;height:100%;vertical-align:middle;content:"";text-align:left;} #gnb .menu_area ul,li {font-size:0;margin:0;padding:0;} #gnb .menu_area li {display:inline-block;background:transparent;} #gnb .menu_area li:after {display:inline-block;width:40px;content:"|";font-size:25px;color:#585858;transform:translate(0,2px);text-align:center;} #gnb .menu_area li:last-child:after {display:none;} #gnb .menu_area a {font-size:22px;color:#585858;font-family:"NEXON Lv2 Gothic Medium";letter-spacing:0;} #gnb .menu_area .linkOn a {font-size:22px;color:#3e7fbf;transition:all .8s;} #gnb .menu_area .linkOff a {font-size:22px;color:#585858;} #gnb .contact_area {display:inline-block;width:360px;background:transparent;text-align:right;font-size:0;transform: skew(-0.001deg);} #gnb .contact_area:before {display:inline-block;height:100%;vertical-align:middle;content:"";} #gnb .contact_area .title {display:inline-block;font-size:16px;color:#000000;font-family:"NEXON Lv2 Gothic Bold";padding:4px;border:1px solid #000000;} #gnb .contact_area .phone {display:inline-block;margin:0 0 0 10px;} #gnb .contact_area .phone a {font-size:28px;color:#3e7fbf;transform:translate(0,3px);font-family:"NEXON Lv2 Gothic Bold";} #container {} #container .section.default {height:100vh;} #section1 {display:;} #section1 .section_group {} #section1 .visual {display:block;width:100%;height:100vh;position:absolute;left:0;overflow:hidden;} #section1 .visual .visual1 {z-index:10;margin:100vh 0 0 0;} #section1 .visual .visual1 img {margin:-53vh 0 0 40vw;opacity:0;} #section1 .visual .visual2 {z-index:20;margin:0 0 0 0;} #section1 .visual .visual2 img {margin:-76.94vh 0 0 35vw;opacity:0;} #section1 .element {position:absolute;z-index:30;} #section1 .element .introduce:before {display:block;height:27.03vh;max-height:292px;content:"";} #section1 .element .introduce {} #section1 .element .introduce dl {} #section1 .element .introduce dl > dt {} #section1 .element .introduce dl > dt .line1 {font-size:69px;color:#ffffff;} #section1 .element .introduce dl > dt .line1 b:before {position:absolute;display:inline-block;background:#41d5ff;width:5px;height:5px;padding:4px;border-radius:50%;content:"";font-size:12px;margin:-20px 0 0 33px;} #section1 .element .introduce dl > dt .line1 b {font-size:87px;color:#41d5ff;font-family:"NEXON Lv2 Gothic Bold";} #section1 .element .introduce dl > dt .line2 {font-size:80px;color:#ffffff;font-family:"NEXON Lv2 Gothic Medium";margin:22px 0 0 0;} #section1 .element .introduce dl > dt .line2 .point {display:inline-block;position:absolute;width:400px;} #section1 .element .introduce dl > dt .line2 .point b {font-family:"NEXON Lv2 Gothic Bold";} #section1 .element .introduce dl > dt .line2 .point b.up {display:inline-block;font-size:100px;color:#41d5ff;transform:translateY(-15px);} #section1 .element .introduce dl > dt .line2 .point b.down {display:inline-block;font-size:100px;color:#ffffff;} #section1 .element .introduce dl > dd {} #section1 .element .introduce dl > dd:before {display:block;content:"";height:70px;} #section1 .element .introduce dl > dd .box {height:145px;padding:0 0 0 15px;} #section1 .element .introduce dl > dd .box b {color:#ffffff;font-size:35px;color:#41d5ff;font-family:"NEXON Lv2 Gothic Bold";} #section1 .element .introduce dl > dd .box .description1{padding:0;color:#ffffff;font-size:35px;line-height:48px;} #section1 .element .introduce dl > dd .box .description2{padding:0;color:rgba(163,198,232,0.3);font-size:41px;line-height:41px;font-family:"NEXON Lv2 Gothic Bold";margin:100px 0 0 0;} #section2 {display:;} #section2 .section_group {} #section2 .element {display:table;width:100%;height:100vh;background:transparent;} #section2 .element .introduce:before {display:block;height:18.51vh;max-height:200px;content:"";} #section2 .element .introduce {} #section2 .element .introduce dl {} #section2 .element .introduce dl > dt {} #section2 .element .introduce dl > dt .line1 {padding:0 0 0 0;font-size:65px;color:#1f1f1f;} #section2 .element .introduce dl > dt .line1 b {font-size:65px;color:#1f1f1f;font-family:"NEXON Lv2 Gothic Bold";} #section2 .element .introduce dl > dt .line2 {padding:15px 0 0 80px;font-size:60px;color:#1f1f1f;} #section2 .element .introduce dl > dt .line2 b {font-size:78px;color:#00478b;font-family:"NEXON Lv2 Gothic Bold";} #section2 .element .introduce dl > dd {} #section2 .element .introduce dl > dd:before {display:block;content:"";height:60px;} #section2 .element .introduce dl > dd .detail {} #section2 .element .introduce dl > dd .detail ul {width:840px;font-size:0;} #section2 .element .introduce dl > dd .detail ul > li {display:inline-block;width:390px;height:120px;background:rgba(256,256,256,0.8);vertical-align:top;margin:0 0 20px 0;} #section2 .element .introduce dl > dd .detail ul > li:nth-child(even) {margin-left:50px;margin-top:22px;} #section2 .element .introduce dl > dd .detail ul > li .stepBox {font-size:0;margin:0 auto;background:#cfdbe5;} #section2 .element .introduce dl > dd .detail ul > li .stepBox i{display:inline-block;width:16.66%;background:#cfdbe5;border-right:1px solid #eeeeee;font-size:0;height:10px;} #section2 .element .introduce dl > dd .detail ul > li .stepBox i:last-child {width:14.5%;border-right:1px solid transparent;} #section2 .element .introduce dl > dd .detail ul > li .stepBox i.on {background:#4b7aa7;} #section2 .element .introduce dl > dd .detail ul > li .contents {display:table;font-size:24px;line-height:30px;height:120px;vertical-align:middle;} #section2 .element .introduce dl > dd .detail ul > li .contents span {display:table-cell;padding:0 0 0 23px;font-size:24px;line-height:30px;vertical-align:middle;} #section2 .element .introduce dl > dd .detail ul > li .contents span b {font-size:24px;color:#175291;font-family:"NEXON Lv2 Gothic Bold";} #section2 .element .introduce dl > dd .detail li:nth-child(1):after {position:relative;display:block;content:"01";background:transparent;font-size:40px;text-align:right;padding:0;margin:-46px 0 0 0;font-family:"NEXON Lv2 Gothic Bold";color:rgba(31,31,31,0.2);overflow:hidden;} #section2 .element .introduce dl > dd .detail li:nth-child(2):after {position:relative;display:block;content:"02";background:transparent;font-size:40px;text-align:right;padding:0;margin:-46px 0 0 0;font-family:"NEXON Lv2 Gothic Bold";color:rgba(31,31,31,0.2);} #section2 .element .introduce dl > dd .detail li:nth-child(3):after {position:relative;display:block;content:"03";background:transparent;font-size:40px;text-align:right;padding:0;margin:-46px 0 0 0;font-family:"NEXON Lv2 Gothic Bold";color:rgba(31,31,31,0.2);} #section2 .element .introduce dl > dd .detail li:nth-child(4):after {position:relative;display:block;content:"04";background:transparent;font-size:40px;text-align:right;padding:0;margin:-46px 0 0 0;font-family:"NEXON Lv2 Gothic Bold";color:rgba(31,31,31,0.2);} #section2 .element .introduce dl > dd .detail li:nth-child(5):after {position:relative;display:block;content:"05";background:transparent;font-size:40px;text-align:right;padding:0;margin:-46px 0 0 0;font-family:"NEXON Lv2 Gothic Bold";color:rgba(31,31,31,0.2);} #section2 .element .introduce dl > dd .detail li:nth-child(6):after {position:relative;display:block;content:"06";background:transparent;font-size:40px;text-align:right;padding:0;margin:-46px 0 0 0;font-family:"NEXON Lv2 Gothic Bold";color:rgba(31,31,31,0.2);} /* 230518 새로 추가된 페이지 */ #section3 .element .introduce { padding-top: 207px; } #section3 .element .introduce dl > dt { text-align: center; color: #434343; } #section3 .element .introduce dl > dt > p:first-child { font-size: 42px; font-weight: 100; } #section3 .element .introduce dl > dt > p:last-child { margin-top: 25px; font-size: 72px; } #section3 .element .introduce dl > dt > p:last-child .blue { color: #004485; } #section3 .element .introduce dl > dt > p strong { font-size: inherit; font-weight: 700; } #section3 .element .introduce dl > dd { margin-top: 70px; display: flex; justify-content: space-between; align-items: center; } #section3 .element .introduce dl > dd > video { width: 781px; height: 439px; } #section3 .element .introduce dl > dd > div > h3 { font-size: 33px; } #section3 .element .introduce dl > dd > div > p { margin-top: 30px; font-size: 22px; font-weight: 100; line-height: 1.63em; transform: rotate(-0.03deg); } #section3 .element .introduce dl > dd > div > p strong { font-size: inherit; font-weight: bold; } #section4 .width_area { width: 100%; } #section4 .element .introduce dl { display: flex; justify-content: center; flex-direction: column; width: 100%; height: 100vh; } #section4 .element .introduce dl > dt { color: #fff; font-size: 65px; line-height: 1.38em; text-align: center; font-family:"NEXON Lv2 Gothic Light"; transform: rotate(-0.03deg); } #section4 .element .introduce dl > dt strong { font-size: inherit; } #section4 .element .introduce dl > dd p { font-size: 28px; line-height: 1.35em; text-align: center; color: #fff; margin-top: 74px; font-family:"NEXON Lv2 Gothic Light"; transform: rotate(-0.03deg); } #section5 .element .introduce dl > dt p { color: #434343; font-family: "NEXON Lv2 Gothic Light"; text-align: center; } #section5 .element .introduce dl > dt p:first-child { font-size: 38px; padding-top: 165px; } #section5 .element .introduce dl > dt p:first-child strong { font-size: inherit; } #section5 .element .introduce dl > dt p:last-child { font-size: 56px; margin-top: 27px; } #section5 .element .introduce dl > dt p:last-child strong { font-size: 72px; color: #7d7d7d; } #section5 .element .introduce dl > dt p:last-child strong.blue { color: #004485; } #section5 .element .introduce dl > dd { margin-top: 45px; } #section5 .element .introduce dl > dd ul { display: flex; justify-content: space-between; } #section5 .element .introduce dl > dd ul li { text-align: center; } #section5 .element .introduce dl > dd ul li p:last-child { line-height: 1.36em; margin-top: 25px; font-family: "NEXON Lv2 Gothic Light"; font-size: 22px; } #wrap #section6 .width_area { width: 100%; } #section6 .visual { position: absolute; width:100%; height: 100vh; z-index: -1; } #section6 .visual .visual1 { position: absolute; right: 0; top: 12%; } #section6 .element .introduce dl > dd { max-width: 1600px; width: 83.3vw; margin: 0 auto; padding-top: 34px; } #section6 .element .introduce dl > dd .left { padding-top: 114px; padding-left: 114px; } #section6 .element .introduce dl > dd .left h3 { font-size: 56px; color: #434343; font-family: "NEXON Lv2 Gothic Light"; font-weight: 100; line-height: 1.5em; } #section6 .element .introduce dl > dd .left h3 strong { font-size: 72px; color: #004485; font-family: "NEXON Lv2 Gothic"; font-weight: 600; } #section6 .element .introduce dl > dd .left ul { margin-top: 60px; display: inline-flex; flex-direction: column; justify-content: space-between; height: 378px; } #section6 .element .introduce dl > dd .left ul li { border: 1px solid #004485; display: inline-flex; align-items: center; padding: 17px 26px 17px 0; } #section6 .element .introduce dl > dd .left ul li p:first-child { font-size: 33px; font-weight: 600; color: #004485; width: 149px; text-align: center; border-right: 1px solid #004485; } #section6 .element .introduce dl > dd .left ul li p:last-child { font-size: 20px; font-family: "NEXON Lv2 Gothic Light"; font-weight: 100; line-height: 1.5em; margin-left: 24px; } #section6 .element .introduce dl > dd .left ul li p:last-child strong { font-size: inherit; font-weight: 600; } #section7 .visual {display:block;width:100%;height:100vh;position:absolute;left:0;overflow:hidden;} #section7 .visual .visual1 {position: absolute; left:50%; top: 70%; transform: translateX(-50%); z-index:10;} /* #section3 .visual .visual1 img {margin:-53vh 0 0 40vw;opacity:0;} */ #section8 {display:;} #section8 .section_group {} #section8 .visual {position:absolute;left:0;display:;} #section8 .visual .visual1 {position:absolute;z-index:10;} #section8 .visual .visual1 img {position:absolute;margin:230px 0 0 1100px;} #section8 .visual .visual2 {position: absolute;z-index:10;} #section8 .visual .visual2 img {position:absolute;margin:230px 0 0 1500px;} #section8 .element {display:table;width:100%;height:100vh;background:transparent;} #section8 .element .introduce:before {display:block;height:17.59vh;max-height:190px;content:"";} #section8 .element .introduce {position:relative;z-index:20;} #section8 .element .introduce dl {} #section8 .element .introduce dl > dt {} #section8 .element .introduce dl > dt .line1 {padding:0 0 0 0;font-size:56px;color:#ffffff;} #section8 .element .introduce dl > dt .line1 b {font-size:56px;color:#41d5ff;font-family:"NEXON Lv2 Gothic Bold";} #section8 .element .introduce dl > dt .line1 b:before {position:absolute;display:inline-block;background:#41d5ff;width:3px;height:3px;padding:3px;border-radius:50%;content:"";font-size:12px;margin:-18px 0 0 17px;} #section8 .element .introduce dl > dt .line2 {padding:15px 0 0 80px;font-size:71px;color:#ffffff;} #section8 .element .introduce dl > dt .line2 b {font-size:71px;color:#41d5ff;font-family:"NEXON Lv2 Gothic Bold";} #section8 .element .introduce dl > dt .line3 {padding:50px 0 0 0;font-size:25px;line-height:34px;color:#ffffff;} #section8 .element .introduce dl > dt .line3 b:first-child {font-size:25px;color:#41d5ff;font-family:"NEXON Lv2 Gothic Bold";} #section8 .element .introduce dl > dt .line3 b:last-child {font-size:25px;color:#ffffff;font-family:"NEXON Lv2 Gothic Bold";} #section8 .element .introduce dl > dd {} #section8 .element .introduce dl > dd:before {display:block;content:"";height:60px;} #section8 .element .introduce dl > dd .detail {} #section8 .element .introduce dl > dd .detail .image {float:left;width:564px;} #section8 .element .introduce dl > dd .detail .image ul {font-size:0;} #section8 .element .introduce dl > dd .detail .image ul > li {display:inline-block;margin:0 20px 40px 0;} #section8 .element .introduce dl > dd .detail .image ul > li .step {position:absolute;display:inline-block;background:rgba(0,0,0,0.8);padding:5px;margin:-18px 0 0 0;font-size:22px;font-family:"NEXON Lv2 Gothic Bold";color:#ffffff;border:2px solid #ffffff;} #section8 .element .introduce dl > dd .detail .image ul > li .step b {font-size:22px;color:#41d5ff;font-family:"NEXON Lv2 Gothic Bold";} #section8 .element .introduce dl > dd .detail .image ul > li .item {display:inline-block;font-size:0;} #section8 .element .introduce dl > dd .detail .image ul > li .item img {border:2px solid #ffffff;} #section8 .element .introduce dl > dd .detail .contents {float:left;width:700px;padding:140px 0 0 0;background:transparent;} #section8 .element .introduce dl > dd .detail .contents .title {font-size:31px;color:#ffffff;font-family:"NEXON Lv2 Gothic Bold";} #section8 .element .introduce dl > dd .detail .contents .title b {font-size:31px;color:#ffffff;font-family:"NEXON Lv2 Gothic Bold";color:#41d5ff;} #section8 .element .introduce dl > dd .detail .contents ul {margin:20px 0 0 0;} #section8 .element .introduce dl > dd .detail .contents ul > li {font-size:0;margin:0 0 17px 0;} #section8 .element .introduce dl > dd .detail .contents ul > li .step {display:inline-block;padding:5px;font-size:18px;color:#ffffff;background:#000000;border:1px solid #cccccc;} #section8 .element .introduce dl > dd .detail .contents ul > li .item {display:inline-block;font-size:24px;color:#ffffff;padding-left:20px;} #section8 .element .introduce dl > dd .detail .contents ul > li .item b {font-size:23px;color:#ffffff;font-family:"NEXON Lv2 Gothic Bold";} #section8 .element .introduce dl > dd .detail:after {clear:both;display:block;content:"";} #section9 {display:;} #section9 .section_group {} #section9 .element {display:table;width:100%;height:100vh;background:transparent;text-align:center;} #section9 .element .introduce:before {display:block;height:20vh;max-height:216px;content:"";} #section9 .element .introduce {position:relative;z-index:20;} #section9 .element .introduce dl {} #section9 .element .introduce dl > dt {} #section9 .element .introduce dl > dt .line1 {padding:0 0 0 0;font-size:46px;color:#1e1e1;font-family:"NEXON Lv2 Gothic Bold";} #section9 .element .introduce dl > dt .line1 b {font-size:46px;color:#00468b;font-family:"NEXON Lv2 Gothic Bold";} #section9 .element .introduce dl > dd {} #section9 .element .introduce dl > dd:before {display:block;content:"";height:60px;} #section9 .element .introduce dl > dd .detail {} #section9 .element .introduce dl > dd .detail .feature {} #section9 .element .introduce dl > dd .detail .feature ul {font-size:0;} #section9 .element .introduce dl > dd .detail .feature ul > li {display:inline-block;width:256px;;height:278px;background-image:url('/resource/image/home/section8/box_implant.png'); background-repeat:no-repeat;margin:0 20px 0 0;} #section9 .element .introduce dl > dd .detail .feature ul > li:last-child {margin-right:0;} #section9 .element .introduce dl > dd .detail .feature ul > li .step {display:inline-block;text-align:center;font-size:30px;font-family:"NEXON Lv2 Gothic Bold";color:#00468b;margin:-20px 0 0 0;} #section9 .element .introduce dl > dd .detail .feature ul > li .item {display:table;width:100%;height:180px;text-align:center;} #section9 .element .introduce dl > dd .detail .feature ul > li .item .box {display:table-cell;vertical-align:middle;font-size:24px;line-height:30px;color:#1e1e1e;} #section9 .element .introduce dl > dd .detail .feature ul > li .item .box b {font-size:24px;color:#00468b;font-family:"NEXON Lv2 Gothic Bold";} #section9 .element .introduce dl > dd .detail .course {margin:90px 0 0 0;} #section9 .element .introduce dl > dd .detail .course ul {width:1010px;font-size:0;margin:0 auto;} #section9 .element .introduce dl > dd .detail .course ul > li {display:inline-block;width:230px;padding:20px 0 20px 0;margin:0 20px 20px 0;font-size:25px;color:#ffffff;border:2px solid #ffffff;border-radius:50px;} #section9 .element .introduce dl > dd .detail .course ul > li:nth-child(4n) {margin-right:0;} #section9 .element .introduce dl > dd .detail .course ul > li:nth-child(n+4) {margin-bottom:0;} #section9 .element .introduce dl > dd .detail .course ul > li:nth-child(8) {line-height: 1.2em;} #section9 .element .introduce dl > dd .detail .course ul > li b {font-size:25px;font-family:"NEXON Lv2 Gothic Bold";} #section9 .element .introduce dl > dd .detail .description {margin:40px 0 0 0;font-size:22px;line-height:32px;color:#ffffff;} #section9 .element .introduce dl > dd .detail .description b {font-size:22px;font-family:"NEXON Lv2 Gothic Bold";} #section11 {display:;} #section11 .section_group {} #section11 .element {width:100%;height:100vh;background:transparent;text-align:center;} #section11 .element .introduce:before {display:block;height:24.44vh;max-height:264px;content:"";} #section11 .element .introduce {position:relative;z-index:20;} #section11 .element .introduce dl {} #section11 .element .introduce dl > dt {} #section11 .element .introduce dl > dt .line1 {padding:0 0 0 0;font-size:46px;color:#ffffff;} #section11 .element .introduce dl > dt .line1 b.p {font-size:72px;color:#41d5ff;font-family:"NEXON Lv2 Gothic Bold";} #section11 .element .introduce dl > dt .line1 b.p:before {position:absolute;display:inline-block;background:#41d5ff;width:5px;height:5px;padding:4px;border-radius:50%;content:"";font-size:12px;margin:-20px 0 0 15px;} #section11 .element .introduce dl > dt .line1 b.b {font-size:51px;color:#ffffff;font-family:"NEXON Lv2 Gothic Bold";} #section11 .element .introduce dl > dt .line2 {padding:38px 0 0 0;font-size:31px;color:#ffffff;} #section11 .element .introduce dl > dt .line2 b.p {font-size:31px;color:#41d5ff;font-family:"NEXON Lv2 Gothic Bold";} #section11 .element .introduce dl > dt .line2 b.b {font-size:31px;color:#ffffff;font-family:"NEXON Lv2 Gothic Bold";} #section11 .element .introduce dl > dt .line3 {padding:16px 0 0 0;font-size:24px;color:#ffffff;} #section11 .element .introduce dl > dd {} #section11 .element .introduce dl > dd:before {display:block;content:"";height:114px;} #section11 .element .introduce dl > dd .detail {} #section11 .element .introduce dl > dd .detail .feature {} #section11 .element .introduce dl > dd .detail .feature ul {font-size:0;} #section11 .element .introduce dl > dd .detail .feature ul > li {display:inline-block;width:390px;padding:5px 0 5px 0;} #section11 .element .introduce dl > dd .detail .feature ul > li:nth-child(2) {border-left:1px dotted #0a0a0a;border-right:1px dotted #0a0a0a;} #section11 .element .introduce dl > dd .detail .feature ul > li .image {} #section11 .element .introduce dl > dd .detail .feature ul > li .image img {width:200px;border-radius:50%;box-shadow:3px 3px 3px #eeeeee;} #section11 .element .introduce dl > dd .detail .feature ul > li .point {margin-top:20px;display:block;font-size:24px;line-height:30px;color:#00478b;font-family:"NEXON Lv2 Gothic Bold";} #section11 .element .introduce dl > dd .detail .feature ul > li .description {margin-top:10px;display:block;font-size:20px;line-height:30px;} #section12 {display:;} #section12 .slick-prev {visibility:hidden;} #section12 .slick-next {visibility:hidden;} #section12 .slick-dots {background:transparent;background:transparent;text-align:left;top:350px;padding:0 0 0 30px;display:none;} #section12 .slick-dots button:before {color:#00478b;font-size:12px;} #section12 .section_group {} #section12 .element {width:100%;height:100vh;background:transparent;text-align:center;} #section12 .element .introduce:before {display:block;height:17.59vh;max-height:190px;content:"";} #section12 .element .introduce {position:relative;z-index:20;} #section12 .element .introduce dl {} #section12 .element .introduce dl > dt {display:inline-block;text-align:left;background:transparent;} #section12 .element .introduce dl > dt .line1 {padding:0 0 0 0;font-size:26px;color:#ffffff;} #section12 .element .introduce dl > dt .line2 {margin:-20px 0 0 0;padding:0 0 0 0;font-size:60px;color:#ffffff;font-family:"NEXON Lv2 Gothic Bold";} #section12 .element .introduce dl > dt .line2 b {font-size:93px;color:#41d5ff;font-family:"NEXON Lv2 Gothic Bold";} #section12 .element .introduce dl > dd {} #section12 .element .introduce dl > dd:before {display:block;content:"";height:60px;} #section12 .element .introduce dl > dd .detail {} #section12 .element .introduce dl > dd .detail .equipment {display:inline-block;padding:24px 18px 24px 18px;background:white;margin:0 auto;cursor:pointer;} #section12 .element .introduce dl > dd .detail .equipment .outBox {background:white;width:674px;height:390px;;border:1px solid #7fa3c5;} #section12 .element .introduce dl > dd .detail .equipment .outBox .innerBox {position:absolute;width:874px;text-align:left;background:transparent;} #section12 .element .introduce dl > dd .detail .equipment .outBox .innerBox .slider .item {display:block;height:330px;padding:30px 0 0 30px;} #section12 .element .introduce dl > dd .detail .equipment .outBox .innerBox .slider .item .step {margin:0 0 0 0;width:190px;padding:5px 0 5px 0;background:#00478b;color:#ffffff;font-size:22px;text-align:center;} #section12 .element .introduce dl > dd .detail .equipment .outBox .innerBox .slider .item .step b {color:#ffffff;font-size:22px;font-family:"NEXON Lv2 Gothic Bold";} #section12 .element .introduce dl > dd .detail .equipment .outBox .innerBox .slider .item .title {margin:10px 0 0 0;color:#00478b;font-size:43px;font-family:"NEXON Lv2 Gothic Bold";} #section12 .element .introduce dl > dd .detail .equipment .outBox .innerBox .slider .item .slogan {margin:10px 0 0 0;color:#8f8f8f;font-size:22px;font-family:"NEXON Lv2 Gothic Bold";} #section12 .element .introduce dl > dd .detail .equipment .outBox .innerBox .slider .item .description {margin:25px 0 0 0;color:#323232;font-size:20px;line-height:27px;} #section12 .element .introduce dl > dd .detail .equipment .outBox .innerBox .slider .item .additional {margin:10px 0 0 0;font-size:16px;line-height:20px;} #section12 .element .introduce dl > dd .detail .equipment .outBox .innerBox .slider .item .image {position:absolute;display:block;} #section12 .element .introduce dl > dd .detail .equipment .outBox .innerBox .slider .item .image img {margin:0px 0 0 420px;border:2px solid #ffffff;} #section12 .element .introduce dl > dd .detail .description {margin:30px 0 0 0;color:#ffffff;font-size:27px;line-height:38px;} #section12 .element .introduce dl > dd .detail .description b:first-child {font-size:26px;color:#41d5ff;font-family:"NEXON Lv2 Gothic Bold";} #section12 .element .introduce dl > dd .detail .description b:last-child {font-size:26px;color:#ffffff;font-family:"NEXON Lv2 Gothic Bold";} #section13 {display:;} #section13 .section_group {} #section13 .visual {position:absolute;left:0;width:100%;background:#00478b;margin:300px 0 0 0;overflow:hidden;} #section13 .visual ul {width:110%;margin:15px 0 15px 0;font-size:0;} #section13 .visual ul > li {display:inline-block;margin-right:15px;} #section13 .visual ul > li:last-child {margin-right:0;} #section13 .visual ul > li img {border:2px solid white;} #section13 .element {width:100%;height:100vh;background:transparent;text-align:center;} #section13 .element .introduce:before {display:block;height:14.35vh;max-height:657px;content:"";} #section13 .element .introduce {position:relative;z-index:20;} #section13 .element .introduce dl {} #section13 .element .introduce dl > dt {} #section13 .element .introduce dl > dt .line1 {padding:0 0 0 0;font-size:70px;color:#1f1f1f;font-family:"NEXON Lv2 Gothic Bold";} #section13 .element .introduce dl > dt .line1 b {font-size:70px;color:#00478b;font-family:"NEXON Lv2 Gothic Bold";} #section13 .element .introduce dl > dt .line2 {padding:25px 0 0 0;font-size:28px;color:#1f1f1f;} #section13 .element .introduce dl > dt .line2 b {font-size:28px;color:#00478b;font-family:"NEXON Lv2 Gothic Bold";} #section13 .element .introduce dl > dd {} #section13 .element .introduce dl > dd:before {display:block;content:"";height:370px;} #section13 .element .introduce dl > dd .detail {} #section13 .element .introduce dl > dd .detail .feature {} #section13 .element .introduce dl > dd .detail .feature .mo {display:none;} #section13 .element .introduce dl > dd .detail .feature .pc {} #section13 .element .introduce dl > dd .detail .feature .pc ul {font-size:0;} #section13 .element .introduce dl > dd .detail .feature .pc ul > li {display:inline-block;width:204px;} #section13 .element .introduce dl > dd .detail .feature .pc ul > li:nth-child(odd) div {margin:-80px 0 0 0;} #section13 .element .introduce dl > dd .detail .feature .pc ul > li div {position:absolute;display:table;width:200px;height:200px;background:#00478b;border:2px solid #ffffff;box-shadow:3px 3px 3px #eeeeee;border-radius:50%;} #section13 .element .introduce dl > dd .detail .feature .pc ul > li div img {display:none;} #section13 .element .introduce dl > dd .detail .feature .pc ul > li div span {display:table-cell;vertical-align:middle;font-size:27px;line-height:33px;color:#ffffff;} #section13 .element .introduce dl > dd .detail .feature .pc ul > li div span b.p {font-family:"NEXON Lv2 Gothic Bold";color:#41d5ff;font-size:27px;} #section13 .element .introduce dl > dd .detail .feature .pc ul > li div span b.b {font-family:"NEXON Lv2 Gothic Bold";color:#ffffff;font-size:27px;} #section13 .element .introduce dl > dd .detail .description {margin:250px 0 0 0;font-size:26px;color:#1f1f1f;} #section13 .element .introduce dl > dd .detail .description b {font-size:26px;color:#1f1f1f;font-family:"NEXON Lv2 Gothic Bold";} #section14 {display:;} #section14 .section_group {} #section14 .element {width:100%;height:100vh;background:transparent;text-align:center;} #section14 .element .introduce:before {display:block;height:16.66vh;max-height:180px;content:"";} #section14 .element .introduce {position:relative;z-index:20;} #section14 .element .introduce dl {} #section14 .element .introduce dl > dt {} #section14 .element .introduce dl > dt .line1 {padding:0 0 0 0;font-size:52px;color:#ffffff;font-family:"NEXON Lv2 Gothic Bold";} #section14 .element .introduce dl > dt .line1 b {font-size:52px;color:#41d5ff;font-family:"NEXON Lv2 Gothic Bold";} #section14 .element .introduce dl > dt .line2 {padding:25px 0 0 0;font-size:37px;color:rgba(255,255,255,0.2);font-family:"NEXON Lv2 Gothic Bold";} #section14 .element .introduce dl > dd {} #section14 .element .introduce dl > dd:before {display:block;content:"";height:0;} #section14 .element .introduce dl > dd .detail {} #section14 .element .introduce dl > dd .detail .slider {} #section14 .element .introduce dl > dd .detail .slider ul {margin:-5px 0 0 0;} #section14 .element .introduce dl > dd .detail .slider ul > li {display:inline-block;} #section14 .element .introduce dl > dd .detail .slider .pre {} #section14 .element .introduce dl > dd .detail .slider .pre .icon.left {position:absolute;display:inline-block;background:#162e46;width:20px;height:20px;padding:10px;border-radius:50%;font-size:0;margin:-150px 0 0 -20px;border:2px solid #cccccc;} #section14 .element .introduce dl > dd .detail .slider .pre .icon.left img {width:20px;} #section14 .element .introduce dl > dd .detail .slider .next {} #section14 .element .introduce dl > dd .detail .slider .next .icon.right {position:absolute;display:inline-block;background:#162e46;width:20px;height:20px;padding:10px;border-radius:50%;font-size:0;margin:-150px 0 0 -26px;border:2px solid #cccccc;} #section14 .element .introduce dl > dd .detail .slider .next .icon.right img {width:20px;} #section14 .element .introduce dl > dd .detail .slider .body {width:870px;height:340px;background:white;} #section14 .element .introduce dl > dd .detail .slider .body .box {padding:20px 0 0 0;} #section14 .element .introduce dl > dd .detail .slider .body .box:after {clear:both;display:block;content:"";} #section14 .element .introduce dl > dd .detail .slider .body .box .item {display:inline-block;width:310px; margin-right: 50px; position: relative;} #section14 .element .introduce dl > dd .detail .slider .body .box .item:nth-of-type(2) {margin-right:0;} #section14 .element .introduce dl > dd .detail .slider .body .box .item .date {position: absolute; right: 15px; top: -30px; font-size: 18px; color: white; font-family: NEXON Lv2 Gothic Bold;} #section14 .element .introduce dl > dd .detail .slider .body .box .before .title {background:#909090;} #section14 .element .introduce dl > dd .detail .slider .body .box .after .title {background:#204a73;} #section14 .element .introduce dl > dd .detail .slider .body .box .title {height:42px;font-size:25px;line-height:42px;color:#ffffff; text-align: left; padding-left: 15px;} #section14 .element .introduce dl > dd .detail .slider .body .box .title b {font-size:25px;color:#ffffff;font-family:"NEXON Lv2 Gothic Bold";} #section14 .element .introduce dl > dd .detail .slider .body .box .image {} #section14 .element .introduce dl > dd .detail .slider .body .box .image img {width:100%;} #section14 .element .introduce dl > dd .detail .slider .body .box .notice {display: flex; flex-direction: column; justify-content: center; gap: 5px; width: 695px; margin: 0 auto; margin-top: 19px;} #section14 .element .introduce dl > dd .detail .slider .body .box .notice p {font-size: 14px; text-align: left;} #section14 .element .introduce dl > dd .detail .slider .body .box .image .beforeImage {display:none;} #section14 .element .introduce dl > dd .detail .slider .body .box .image .afterImage {display:none;} #section14 .element .introduce dl > dd .detail .slider .body .box .image .beforeImage:first-child {display:block;} #section14 .element .introduce dl > dd .detail .slider .body .box .image .afterImage:first-child {display:block;} #section14 .element .introduce dl > dd .detail .description {margin:38px 0 0 0;color:#ffffff;font-size:25px;line-height:35px;} #section14 .element .introduce dl > dd .detail .description b {color:#41d5ff;font-size:25px;font-family:"NEXON Lv2 Gothic Bold";} #section14 .element .introduce dl > dd .detail .additional .question {margin:60px 0 0 0;color:#ffffff;font-size:30px;} #section14 .element .introduce dl > dd .detail .additional .question b {font-size:30px;font-family:"NEXON Lv2 Gothic Bold";} #section14 .element .introduce dl > dd .detail .additional .function {margin:19px 0 0 0;} #section14 .element .introduce dl > dd .detail .additional .function .link {display:inline-block;width:363px;height:65px;background-image:url('/resource/image/home/section12/button_homepage.png');background-repeat:no-repeat;padding:12px 0 0 0;} #section14 .element .introduce dl > dd .detail .additional .function .link a {color:#ffffff;font-size:38px;font-family:"NEXON Lv2 Gothic Bold";} #section14 .element .introduce dl > dd .detail .additional .function .click {position:absolute;} #section14 .element .introduce dl > dd .detail .additional .function .click img {position:absolute;margin:20px 0 0 -40px;} #section15 {display:;} #section15 .section_group {} #section15 .element {width:100%;height:100vh;background:transparent;text-align:center;} #section15 .element .introduce:before {display:block;height:20.37vh;max-height:220px;content:"";} #section15 .element .introduce {position:relative;z-index:20;} #section15 .element .introduce dl {} #section15 .element .introduce dl > dt {} #section15 .element .introduce dl > dt .line1 {margin:0 0 0 -350px;padding:0 0 0 0;font-size:68px;color:#4a4a4a;font-family:"NEXON Lv2 Gothic Bold";} #section15 .element .introduce dl > dt .line1 b {font-size:68px;color:#41d5ff;font-family:"NEXON Lv2 Gothic Bold";} #section15 .element .introduce dl > dt .line1 .icon {padding:0 0 0 20px;} #section15 .element .introduce dl > dt .line1 .icon img {position:absolute;margin:-15px 0 0 0;} #section15 .element .introduce dl > dt .line2 {padding:15px 0 0 0;font-size:57px;color:#4a4a4a;font-family:"NEXON Lv2 Gothic Bold";} #section15 .element .introduce dl > dt .line2 b {font-size:85px;color:#00478b;font-family:"NEXON Lv2 Gothic Bold";} #section15 .element .introduce dl > dd {} #section15 .element .introduce dl > dd:before {display:block;content:"";height:80px;} #section15 .element .introduce dl > dd .detail {} #section15 .element .introduce dl > dd .detail .feature {} #section15 .element .introduce dl > dd .detail .feature ul {width:990px;margin:0 auto;font-size:0;} #section15 .element .introduce dl > dd .detail .feature ul > li {vertical-align:top;display:inline-block;width:470px;height:174px;background:white;box-shadow:3px 3px 10px gray;margin:0 48px 48px 0;} #section15 .element .introduce dl > dd .detail .feature ul > li:nth-child(odd) {text-align:right;} #section15 .element .introduce dl > dd .detail .feature ul > li:nth-child(even) {text-align:left;margin-right:0;} #section15 .element .introduce dl > dd .detail .feature ul > li .box {display:inline-block;margin:25px 0 0 0;width:360px;} #section15 .element .introduce dl > dd .detail .feature ul > li:nth-child(odd) .box {text-align:left;} #section15 .element .introduce dl > dd .detail .feature ul > li:nth-child(even) .box {text-align:right;} #section15 .element .introduce dl > dd .detail .feature ul > li .image {position:absolute;display:block;width:470px;margin:-10px 0 0 0;} #section15 .element .introduce dl > dd .detail .feature ul > li:nth-child(odd) .image {text-align:left;} #section15 .element .introduce dl > dd .detail .feature ul > li:nth-child(even) .image {text-align:right;} #section15 .element .introduce dl > dd .detail .feature ul > li:nth-child(odd) .image img {margin:0 0 0 -94px;} #section15 .element .introduce dl > dd .detail .feature ul > li:nth-child(even) .image img {margin:0 -94px 0 0;} #section15 .element .introduce dl > dd .detail .feature ul > li .char {position:absolute;display:block;width:470px;height:174px;overflow:hidden;} #section15 .element .introduce dl > dd .detail .feature ul > li .char i {font-style:normal;font-size:200px;color:rgba(74,74,74,0.12);font-family:"NEXON Lv2 Gothic Bold";} #section15 .element .introduce dl > dd .detail .feature ul > li:nth-child(odd) .char i {margin:0 -20px 0 0;} #section15 .element .introduce dl > dd .detail .feature ul > li:nth-child(even) .char i {margin:0 0 0 -20px;} #section15 .element .introduce dl > dd .detail .feature ul > li .box .title {display:block;font-size:35px;color:#4a4a4a;font-family:"NEXON Lv2 Gothic Bold";} #section15 .element .introduce dl > dd .detail .feature ul > li .box .title b {font-size:50px;color:#00478b;font-family:"NEXON Lv2 Gothic Bold";} #section15 .element .introduce dl > dd .detail .feature ul > li .box .summary {display:block;margin:10px 0 0 0;font-size:28px;color:#4a4a4a;line-height:34px;} #section16 {display:;} #section16 .section_group {} #section16 .visual {height:100vh;position:absolute;left:0;width:100%;margin:0 0 0 0;overflow:hidden;} #section16 .visual ul {width:1300px;height:100vh;margin:0 auto 0 auto;font-size:0;position: relative;} #section16 .visual ul > li {display:inline-block;font-size:0; position: absolute;} #section16 .visual .director img{width: 90%; vertical-align: middle;} #section16 .visual .director1 {z-index:40; left: 40%; bottom: -50px; background:transparent;} #section16 .visual .director1 img {margin-bottom: -6.25vw;} #section16 .visual .director2 {z-index:30; left: 15%; bottom: 0; background:transparent;} /* #section16 .visual .director3 {z-index:20; left: 48%; bottom: 0; background:transparent;} #section16 .visual .director3 img {width: 77%; margin-bottom: -2.2vw;} */ #section16 .visual .director4 {z-index:10; right: 2%; bottom: -25px; background:transparent;} #section16 .visual .director4 img {width: 96%;} #section16 .visual .director .text {position:absolute;display:block;z-index:40; width:247px;height:65px;padding:20px 0 20px 0;background:rgba(0, 45, 93, 0.89); text-align: center; left: 10%; bottom: 128px; transform: scale(0.9);} #section16 .visual .director .text .course {display:block;font-family:"NEXON Lv2 Gothic Bold";color:#41d5ff;font-size:23px;padding:0 0 0 0;} #section16 .visual .director .text .name { display:inline-block; /* font-family:"NEXON Lv2 Gothic Bold"; */ color:#ffffff;font-size:32px;padding:0 0 0 0; } #section16 .visual .director .text .position {display:inline-block;font-family:"NEXON Lv2 Gothic";color:#ffffff;font-size:25px;padding:0 0 0 0;} #section16 .visual .director1 .text {bottom: 166px;} #section16 .visual .director2 .text {left: 8%; bottom: 116px;} #section16 .visual .director4 .text {left: 20%; bottom: 140px;} #section16 .element {width:100%;height:100vh;background:transparent;text-align:center;} #section16 .element .introduce:before {display:block;height:15.74vh;max-height:170px;content:"";} #section16 .element .introduce {position:relative;z-index:20;} #section16 .element .introduce dl {} #section16 .element .introduce dl > dt {} #section16 .element .introduce dl > dt .line1 { margin:0 0 0 0; font-size:33px; color:#ffffff; font-family:"NEXON Lv2 Gothic Bold"; } #section16 .element .introduce dl > dt .line1 .icon {} #section16 .element .introduce dl > dt .line1 .icon img {width:30px;transform:translateY(5px);} #section16 .element .introduce dl > dt .line2 { margin:24px 0 0 0;font-size:69px;color:#ffffff; font-family:"NEXON Lv2 Gothic Bold"; } #section16 .element .introduce dl > dt .line2 b { font-size:69px;color:#41d5ff; font-weight: 500; font-family:"NEXON Lv2 Gothic Bold"; } #section16 .element .introduce dl > dt .line3 {margin:30px 0 0 0;font-size:27px;color:#ffffff;} #section16 .element .introduce dl > dt .line3 b {margin:0 0 0 0;font-size:27px;color:#41d5ff;font-family:"NEXON Lv2 Gothic Bold";} #section16 .element .introduce dl > dt .line3 b br {display: none;} #section16 .element .introduce dl > dd {} #section16 .element .introduce dl > dd:before {display:block;content:"";height:80px;} #section16 .element .introduce dl > dd .detail {} #section17 {display:;} #section17 .section_group {} #section17 .element {width:100%;height:100vh;background:transparent;text-align:center;} #section17 .element .introduce:before {display:block;height:15.74vh;max-height:170px;content:"";} #section17 .element .introduce {position:relative;z-index:20;} #section17 .element .introduce dl {} #section17 .element .introduce dl > dt {} #section17 .element .introduce dl > dt .line1 {margin:0 0 0 0;font-size:70px;color:#1f1f1f;font-family:"NEXON Lv2 Gothic Bold";} #section17 .element .introduce dl > dt .line1 b {font-size:70px;color:#00478b;font-family:"NEXON Lv2 Gothic Bold";} #section17 .element .introduce dl > dt .line2 {margin:27px 0 0 0;font-size:27px;color:#1f1f1f;} #section17 .element .introduce dl > dt .line2 b {font-size:27px;color:#00478b;font-family:"NEXON Lv2 Gothic Bold";} #section17 .element .introduce dl > dd {} #section17 .element .introduce dl > dd:before {display:block;content:"";height:50px;} #section17 .element .introduce dl > dd .detail {} #section17 .element .introduce dl > dd .detail .gallery {} #section17 .element .introduce dl > dd .detail .gallery .box {display:block;width:1080px;margin:0 auto;font-size:0;background:#eeeeee;text-align:center;} #section17 .element .introduce dl > dd .detail .gallery .box .item {height:auto;display:inline-block;float:left;vertical-align:top;font-size:0;background:red;margin:0 0 8px 8px;} #section17 .element .introduce dl > dd .detail .gallery .box .item img {border:2px solid white;} #section17 .element .introduce dl > dd .detail .gallery .box .item:nth-child(4) {margin-top:-194px;} #section17 .element .introduce dl > dd .detail .gallery .box .item:nth-child(5) {margin-top:-195px;} #section17 .element .introduce dl > dd .detail .gallery .box .item:nth-child(1) {margin-left:0;} #section17 .element .introduce dl > dd .detail .gallery .box .item:nth-child(4) {margin-left:0;} #section18 {display:;} #section18 .section_group {} #section18 .element {width:100%;height:100vh;background:transparent;text-align:center;} #section18 .element .introduce:before {display:block;height:17.31vh;max-height:180px;content:"";} #section18 .element .introduce {position:relative;z-index:20;} #section18 .element .introduce dl {} #section18 .element .introduce dl > dt {} #section18 .element .introduce dl > dt .line1 {margin:0 0 0 0;font-size:35px;color:#ffffff;font-family:"NEXON Lv2 Gothic Bold";} #section18 .element .introduce dl > dt .line2 {margin:24px 0 0 0;font-size:70px;color:#41d5ff;font-family:"NEXON Lv2 Gothic Bold";} #section18 .element .introduce dl > dt .line2 b {font-size:70px;color:#ffffff;font-family:"NEXON Lv2 Gothic Bold";} #section18 .element .introduce dl > dd {} #section18 .element .introduce dl > dd:before {display:block;content:"";height:60px;} #section18 .element .introduce dl > dd .detail {width:970px;margin:0 auto;} #section18 .element .introduce dl > dd .detail:after {clear:both;display:block;content:"";} #section18 .element .introduce dl > dd .detail .location {float:left;width:512px;height:510px;background:#001020;} #section18 .element .introduce dl > dd .detail .location .map {width:498px;margin:8px auto 0 auto;height:264px;background:white;} #section18 .element .introduce dl > dd .detail .location .contents {margin:30px 0 0 20px;text-align:left;} #section18 .element .introduce dl > dd .detail .location .contents ul {font-size:0;} #section18 .element .introduce dl > dd .detail .location .contents ul > li {margin:0 0 15px 0;} #section18 .element .introduce dl > dd .detail .location .contents ul > li:lash-child {margin-bottom:0;} #section18 .element .introduce dl > dd .detail .location .contents ul > li .icon {display:inline-block;vertical-align:middle;margin:0 0 0 0;padding:5px;width:22px;height:22px;background:white;border-radius:50%;} #section18 .element .introduce dl > dd .detail .location .contents ul > li .icon img {width:22px;} #section18 .element .introduce dl > dd .detail .location .contents ul > li .text {display:inline-block;vertical-align:middle;padding:0 0 0 15px;color:#ffffff;font-size:19px;} #section18 .element .introduce dl > dd .detail .location .contents ul > li .text b {color:#ffffff;font-size:19px;font-family:"NEXON Lv2 Gothic Bold";} #section18 .element .introduce dl > dd .detail .location .contents ul > li .text .address.default {font-family:"NEXON Lv2 Gothic Bold";font-size:18px;} #section18 .element .introduce dl > dd .detail .location .contents ul > li .text .address.default b {font-family:"NEXON Lv2 Gothic Bold";font-size:18px;color:#41d5ff;} #section18 .element .introduce dl > dd .detail .location .contents ul > li .text .address.additional {padding:5px 0 0 0;font-size:15px;} #section18 .element .introduce dl > dd .detail .location .contents ul > li .text .bus.default {font-size:18px;} #section18 .element .introduce dl > dd .detail .location .contents ul > li .text .bus.additional {padding:5px 0 0 0;font-size:15px;} #section18 .element .introduce dl > dd .detail .information {float:right;} #section18 .element .introduce dl > dd .detail .information .inquiry {width:440px;height:270px;background:#00203e;} #section18 .element .introduce dl > dd .detail .information .inquiry .title {padding:15px 0 15px 0;} #section18 .element .introduce dl > dd .detail .information .inquiry .title .icon {display:inline-block;vertical-align:middle;} #section18 .element .introduce dl > dd .detail .information .inquiry .title .icon img {width:30px;height:30px;} #section18 .element .introduce dl > dd .detail .information .inquiry .title .text {display:inline-block;vertical-align:middle;padding:0 0 0 5px;color:#ffffff;font-size:23px;} #section18 .element .introduce dl > dd .detail .information .inquiry .title .text b {color:#ffffff;font-size:23px;font-family:"NEXON Lv2 Gothic Bold";} #section18 .element .introduce dl > dd .detail .information .inquiry .form {padding:0 0 0 30px;text-align:left;} #section18 .element .introduce dl > dd .detail .information .inquiry .form ul {font-size:0;} #section18 .element .introduce dl > dd .detail .information .inquiry .form ul > li {margin:0 0 5px 0;color:white;font-size:13px;} #section18 .element .introduce dl > dd .detail .information .inquiry .form ul > li .field {display:inline-block;vertical-align:middle;width:80px;color:#ffffff;font-size:18px;text-align:left;} #section18 .element .introduce dl > dd .detail .information .inquiry .form ul > li:nth-child(1) .field {letter-spacing:24px;} #section18 .element .introduce dl > dd .detail .information .inquiry .form ul > li:nth-child(2) .field {letter-spacing:7px;} #section18 .element .introduce dl > dd .detail .information .inquiry .form ul > li:nth-child(3) .field {letter-spacing:0;} #section18 .element .introduce dl > dd .detail .information .inquiry .form ul > li .item {display:inline-block;vertical-align:middle;} #section18 .element .introduce dl > dd .detail .information .inquiry .form ul > li .item input[type='text'] {width:270px;height:20px;padding:5px;border:0;} #section18 .element .introduce dl > dd .detail .information .inquiry .form ul > li .item input[type='checkbox'] {transform:translate(0,2px);} #section18 .element .introduce dl > dd .detail .information .inquiry .form ul > li .item textarea {width:270px;height:34px;padding:5px;border:0;} #section18 .element .introduce dl > dd .detail .information .inquiry .form ul > li .item a {display:inline-block;font-weight:bold;color:white;padding:0 0 0 3px;} #section18 .element .introduce dl > dd .detail .information .inquiry .form .funciton {margin:15px 0 0 -20px;background:transparent;text-align:center;} #section18 .element .introduce dl > dd .detail .information .inquiry .form .funciton button {width:180px;padding:7px 0 7px 0;background:#34b1d9;border:0;border-radius:50px;color:#ffffff;font-size:18px;font-family:"NEXON Lv2 Gothic Bold";} #section18 .element .introduce dl > dd .detail .information .schedule {margin:15px 0 0 0;text-align:left;width:440px;height:225px;background:#00203e;} #section18 .element .introduce dl > dd .detail .information .schedule .box {padding:0 0 0 30px;} #section18 .element .introduce dl > dd .detail .information .schedule .box .coment {position:absolute;background:#000000;width:280px;margin:-10px 0 0 170px;} #section18 .element .introduce dl > dd .detail .information .schedule .box .coment ul {margin:0 0 0 0;padding:10px 0 0 5px;} #section18 .element .introduce dl > dd .detail .information .schedule .box .coment ul > li {color:white;font-size:15px;} #section18 .element .introduce dl > dd .detail .information .schedule .box .coment ul > li b {color:white;font-size:15px;} #section18 .element .introduce dl > dd .detail .information .schedule .box .title {padding:15px 0 0 0;} #section18 .element .introduce dl > dd .detail .information .schedule .box .title .icon {display:inline-block;vertical-align:middle;} #section18 .element .introduce dl > dd .detail .information .schedule .box .title .icon img {width:30px;} #section18 .element .introduce dl > dd .detail .information .schedule .box .title .text {display:inline-block;vertical-align:middle;color:white;font-size:20px;font-family:"NEXON Lv2 Gothic Bold";padding:0 0 0 5px;} #section18 .element .introduce dl > dd .detail .information .schedule .box ul {font-size:0;margin:20px 0 0 0;} #section18 .element .introduce dl > dd .detail .information .schedule .box ul > li {color:white;padding:0 0 10px 0;font-size:20px;} #section18 .element .introduce dl > dd .detail .information .schedule .box ul > li b {color:#41d5ff;font-size:20px;font-family:"NEXON Lv2 Gothic Bold";} #section18 .element .introduce dl > dd .detail .information .schedule .box ul > li .week {display:inline-block;width:90px;font-size:20px;} #section18 .element .introduce dl > dd .detail .information .schedule .box ul > li:nth-child(1) .week {letter-spacing:25px;} #section18 .element .introduce dl > dd .detail .information .schedule .box ul > li:nth-child(2) .week {letter-spacing:8px;} #section18 .element .introduce dl > dd .detail .information .schedule .box ul > li:nth-child(3) .week {letter-spacing:8px;} #section18 .element .introduce dl > dd .detail .information .schedule .box ul > li:nth-child(4) .week {letter-spacing:8px;} #section19 {display:;} #section19 .section_group {} #section19 .section_group:before {clear:both;display:block;content:"";padding-top:20px;} #section19 .section_group:after {clear:both;display:block;content:"";padding-bottom:20px;} #section19 .logo {float:left;width:25%;text-align:center;} #section19 .logo img {width:200px;margin:20px 0 0 0;} #section19 .information {float:left;width:75%;text-align:left;} #section19 .information span {display:block;font-size:16px;line-height:24px;transform: skew(-0.001deg);} #section19 .link {position:absolute;margin:0 0 0 1000px;display:none;} #section19 .link ul {font-size:0;} #section19 .link ul > li {width:60px;padding:5px;display:inline-block;border-radius:5px;margin-right:5px;} #section19 .link ul > li .icon {padding:5px 0 0 0;display:block;text-align:center;} #section19 .link ul > li .icon img {width:30px;} #section19 .link ul > li .text {padding:5px 0 0 0;display:block;font-size:12px;color:white;text-align:center;font-family:"NEXON Lv2 Gothic Bold";} #section19 .link ul > li:nth-child(1) {background:#006ebc;} #section19 .link ul > li:nth-child(2) {background:#f1912a;} #section19 .link ul > li:nth-child(3) {background:#09bf15;} /* #gnb {display:;} #section1 {display:none;} #section2 {display:none;} #section3 {display:none;} #section4 {display:none;} #section5 {display:none;} #section6 {display:none;} #section7 {display:none;} #section8 {display:none;} #section9 {display:none;} #section10 {display:none;} #section11 {display:none;} #section12 {display:none;} #section13 {display:none;} */ }