@font-face {
    font-family: 'TmoneyRoundWindExtraBold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-07@1.0/TmoneyRoundWindExtraBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'TmoneyRoundWindRegular';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-07@1.0/TmoneyRoundWindRegular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
/*header header header header*/
header {
    background:#fff;
    box-shadow:0 0 5px 5px rgba(0, 0, 0, 0.248);
}
header .h_inner nav ul li a {color:#000;}
/* hambug */
.hambug_menu .bar {background:#000;}
/*section2*/
.section2 {background:#6178ff;
    width:1920px; height:100vh;
    position:relative;
    overflow:hidden;
    margin:0 auto;
    max-height:937px;
}
.section2 .s2_bgBox {
    position:absolute; width:100%; height:100%;
    background:#6178ff;
    overflow:hidden;
    left:0; right:0; top:0; bottom:-123px;
    margin:auto;
}
.section2 .s2_bgBox .s2_car1, .section2 .s2_bgBox .s2_car2, .section2 .s2_bgBox .s2_car3 {opacity:0;}
.section2 .s2_bgBox > img {position:absolute; width:65px;}
.section2 .s2_bgBox .parking_line {
    left:0; bottom:64px; width:1473px !important;
}
/* car1 */
.section2 .s2_bgBox .c1_car1 {
    left:32px; top:125px;
}
.section2 .s2_bgBox .c1_car2 {
    left:40px; top:233px;
}
.section2 .s2_bgBox .c1_car3 {
    left:54px; top:326px; z-index:3;
}
.section2 .s2_bgBox .c1_car4 {
    left:93px; top:303px;
}
.section2 .s2_bgBox .c1_car5 {
    left:76px; top:417px;
}
.section2 .s2_bgBox .c1_car6 {
    left:442px; top:172px;
}
.section2 .s2_bgBox .c1_car7 {
    left:750px; top:50px;
}
/* car2 */
.section2 .s2_bgBox .c2_car1 {
    left:113px; top:486px;
}
.section2 .s2_bgBox .c2_car2 {
    left:231px; top:423px; z-index:3;
}
.section2 .s2_bgBox .c2_car3 {
    left:273px; top:397px;
}
.section2 .s2_bgBox .c2_car4 {
    left:4px; top:657px;
}
.section2 .s2_bgBox .c2_car5 {
    left:120px; top:590px; z-index:4;
}
.section2 .s2_bgBox .c2_car6 {
    left:156px; top:555px; z-index:3;
}
.section2 .s2_bgBox .c2_car7 {
    left:201px; top:545px;
}
.section2 .s2_bgBox .c2_car8 {
    left:317px; top:473px;
}
.section2 .s2_bgBox .c2_car9 {
    left:106px; top:704px;
}
.section2 .s2_bgBox .c2_car10 {
    left:241px; top:715px;
}
/* car3 */
.section2 .s2_bgBox .c3_car1 {
    left:246px; top:812px;
}
.section2 .s2_bgBox .c3_car2 {
    left:409px; top:710px;
}
.section2 .s2_bgBox .c3_car3 {
    left:536px; top:738px; z-index:3;
}
.section2 .s2_bgBox .c3_car4 {
    left:575px; top:720px;
}
.section2 .s2_bgBox .c3_car5 {
    left:697px; top:654px;
}
.section2 .s2_bgBox .c3_car6 {
    left:717px; top:749px;
}
.section2 .s2_bgBox .c3_car7 {
    left:928px; top:625px;
}
.section2 .s2_bgBox .c3_car8 {
    left:862px; top:743px;
}
.section2 .s2_bgBox .c3_car9 {
    left:959px; top:803px;
}
.section2 .s2_bgBox .c3_car10 {
    left:1034px; top:759px;
}
/* s2_innerBg */
.section2 .s2_bgBox .s2_innerBg {
    width:100%; height:100%;
    position:relative; z-index:999;
    /* background:rgba(0, 0, 0, 0.5); */
}
/* s2_txtBox */
.section2 .s2_bgBox .s2_txtBox {
    position:absolute; z-index:5;
    right:500px; top:25%;
    width:485px;
}
.section2 .s2_bgBox .s2_txtBox h2 {
    font-size:4rem;
    font-weight:700;
    color:#fff;
}
.section2 .s2_bgBox .s2_txtBox p {
    font-size:2rem;
    font-weight:400;
    color:#fff;
    line-height:1.3;
    margin-top:30px;
}
/* s2_linkBox */
.section2 .s2_bgBox .s2_txtBox .s2_linkBox {
    margin-top:20px;
}
.section2 .s2_bgBox .s2_txtBox .s2_linkBox > a {}
.section2 .s2_bgBox .s2_txtBox .s2_linkBox > a img {width:30%;}
.section2 .s2_bgBox .s2_txtBox .s2_linkBox .s2_google {}
.section2 .s2_bgBox .s2_txtBox .s2_linkBox .s2_google img {}
.section2 .s2_bgBox .s2_txtBox .s2_linkBox .s2_apple {}
.section2 .s2_bgBox .s2_txtBox .s2_linkBox .s2_apple img {margin-left:3%;}
/* s2_mockupBox  */
.section2 .s2_bgBox .s2_mockupBox {
    position:absolute; z-index:5;
    right:130px; top:14%; background:url(../img/s2_mockup.png) no-repeat;
    background-size:100%;
    width:300px; height:590px;
    box-shadow: 20px 25px 40px 10px rgb(0 0 0 / 50%);
    border-radius:50px;
}
.section2 .s2_bgBox .s2_mockupBox .s2_slick {
    width:92%;
    position:relative; left:50%; top:10%;
    transform:translateX(-50%);
}
.section2 .s2_bgBox .s2_mockupBox .s2_slick img {width:100%; height:450px;}
.section2 .s2_bgBox .slick-list {top:0; left:0;}




























/* section1 */
.section1 {
    width:100%;
    padding:200px 0 100px;
}
.section1 .s1_inner {
    width:1280px; margin:0 auto;
}
.section1 .s1_inner .s1_flexBox {
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
}
.section1 .s1_inner .s1_flexBox .s1_flex {
    transition:.8s;
    padding-top:30px;
    margin:0 auto;
    background:#f3eee8;
    width:550px;
    height:400px;
    border-top-left-radius:100px;
    border-top-right-radius:100px;
    overflow:hidden;
    margin-bottom:100px;
}
.section1 .s1_inner .s1_flexBox .s1_flex:last-child {
    margin-bottom:0;
}
.section1 .s1_inner .s1_flexBox .s1_flex .s1_flex_in {
    width:100%;
    height:70%;
    position:relative;
}
.section1 .s1_inner .s1_flexBox .s1_flex .s1_flex_in .s1_txtBox {
    position:absolute;
    z-index:10;
    width:100%;
}
.section1 .s1_inner .s1_flexBox .s1_flex .s1_flex_in .s1_txtBox h2 {
    font-family: 'Noto Sans KR', sans-serif !important;
    color:#335288;
    font-size:3.3rem;
    font-weight:900;
    margin-bottom:30px;
    text-align:center;
}
.section1 .s1_inner .s1_flexBox .s1_flex .s1_flex_in .s1_txtBox p {
    font-family: 'Noto Sans KR', sans-serif !important;
    color:#114e60;
    font-size:2rem;
    font-weight:700;
    text-align:left;
    line-height:2;
}
.section1 .s1_inner .s1_flexBox .s1_flex .s1_flex_in .s1_imgBox {
    position:relative; width:100%; height:100%;
}
.section1 .s1_inner .s1_flexBox .s1_flex .s1_flex_in .s1_imgBox img {
    position:absolute;
}
/* flex1 */
.section1 .s1_inner .s1_flexBox .s1_flex1 .s1_flex_in .s1_txtBox p {
    position:relative; left:84px;
}
.section1 .s1_inner .s1_flexBox .s1_flex1 .s1_flex_in .s1_imgBox img:nth-child(1) {
    width:220px;
    left:16px;
    bottom:-104px;
}
.section1 .s1_inner .s1_flexBox .s1_flex1 .s1_flex_in .s1_imgBox img:nth-child(2) {
    width:300px;
    right:23px; bottom:-85px;
    z-index:3;
}
.section1 .s1_inner .s1_flexBox .s1_flex1 .s1_flex_in .s1_imgBox img:nth-child(3) {
    width:70px; right:49px; bottom:-14px;
}
.section1 .s1_inner .s1_flexBox .s1_flex1 .s1_flex_in .s1_imgBox img:nth-child(4) {
    width:70px; right:-60px; bottom:68px;
}
.section1 .s1_inner .s1_flexBox .s1_flex1 .s1_flex_in .s1_imgBox img:nth-child(5) {
    width:62px; right:-158px; bottom:133px;
}
/* flex2 */
.section1 .s1_inner .s1_flexBox .s1_flex2 .s1_flex_in .s1_txtBox p {
    position:relative;
    left:251px;
    top:10px;
}
.section1 .s1_inner .s1_flexBox .s1_flex2 .s1_flex_in .s1_imgBox img:nth-child(1) {
    z-index:1;
    width:550px;
    left:-9px;
    bottom:-128px;
}
.section1 .s1_inner .s1_flexBox .s1_flex2 .s1_flex_in .s1_imgBox img:nth-child(2) {
    z-index:3;
    width:180px;
    left:173px;
    bottom:-224px;
}
.section1 .s1_inner .s1_flexBox .s1_flex2 .s1_flex_in .s1_imgBox img:nth-child(3) {
    z-index:2;
    left:102px;
    bottom:33px;
    width:100px;
}
/* flex3 */
.section1 .s1_inner .s1_flexBox .s1_flex3 .s1_flex_in .s1_txtBox p {
    display:inline-block;
    position:relative; left:84px;
    top:50px;
}
.section1 .s1_inner .s1_flexBox .s1_flex3 .s1_flex_in .s1_txtBox p:nth-child(2) {
    color:#052c35 !important;
}
.section1 .s1_inner .s1_flexBox .s1_flex3 .s1_flex_in .s1_txtBox p:nth-child(3) {
    margin-left:30px;
}
.section1 .s1_inner .s1_flexBox .s1_flex3 .s1_flex_in .s1_imgBox img:nth-child(1) {
    width:267px;
    right:10px; bottom:-103px;
    z-index:2;
}
.section1 .s1_inner .s1_flexBox .s1_flex3 .s1_flex_in .s1_imgBox img:nth-child(2) {
    width:60px;
    right:205px; bottom:-75px;
    z-index:3;
}
.section1 .s1_inner .s1_flexBox .s1_flex3 .s1_flex_in .s1_imgBox img:nth-child(3) {
    width:90px;
    right:-10px; bottom:50px;
    z-index:4;
}
.section1 .s1_inner .s1_flexBox .s1_flex3 .s1_flex_in .s1_imgBox img:nth-child(4) {
    width:128px;
    right:114px; bottom:149px;
    z-index:1;
}
.section1 .s1_inner .s1_flexBox .s1_flex3 .s1_flex_in .s1_imgBox img:nth-child(5) {
    width:111px;
    left:-35px; bottom:155px;
    z-index:1;
}
/* flex4 */
.section1 .s1_inner .s1_flexBox .s1_flex4 .s1_flex_in .s1_txtBox p {
    position:relative;
    left:116px;
    top:25px;
}
.section1 .s1_inner .s1_flexBox .s1_flex4 .s1_flex_in .s1_imgBox img:nth-child(1) {
    width:551px;
    left:-1px; bottom:-119px;
    z-index:3;
}
.section1 .s1_inner .s1_flexBox .s1_flex4 .s1_flex_in .s1_imgBox img:nth-child(2) {
    width:61px;
    right:35px;
    top:8px;
}
.section1 .s1_inner .s1_flexBox .s1_flex4 .s1_flex_in .s1_imgBox img:nth-child(3) {
    width:50px;
    left:34px;
    top:38px;
}
.section1 .s1_inner .s1_flexBox .s1_flex4 .s1_flex_in .s1_imgBox img:nth-child(4) {
    right:129px;
    bottom:87px;
    width:140px;
}
/* flex 5 */
.section1 .s1_inner .s1_flexBox .s1_flex5 .s1_flex_in .s1_txtBox p {
    position:relative;
    left:117px;
}
.section1 .s1_inner .s1_flexBox .s1_flex5 .s1_flex_in .s1_imgBox img:nth-child(1) {
    width:350px;
    right:8px;
    bottom:-105px;
}
.section1 .s1_inner .s1_flexBox .s1_flex5 .s1_flex_in .s1_imgBox img:nth-child(2) {
    width:218px;
    left:-44px;
    bottom:-146px;
    z-index:3;
}
.section1 .s1_inner .s1_flexBox .s1_flex5 .s1_flex_in .s1_imgBox img:nth-child(3) {
    width:173px;
    right:-35px;
    top:-26px;
}
.section1 .s1_inner .s1_flexBox .s1_flex5 .s1_flex_in .s1_imgBox img:nth-child(4) {
    right:120px; bottom:-49px;
    width:150px;
}
.section1 .s1_inner .s1_flexBox .s1_flex5 .s1_flex_in .s1_imgBox img:nth-child(5) {
    right:111px; bottom:-43px;
    width:150px;
}
.section1 .s1_inner .s1_flexBox .s1_flex5 .s1_flex_in .s1_imgBox img:nth-child(6) {
    right:111px; bottom:-43px;
    width:150px;
}
.section1 .s1_inner .s1_flexBox .s1_flex5 .s1_flex_in .s1_imgBox img:nth-child(7) {
    right:145px; bottom:-64px;
    width:150px;
}
.section1 .s1_inner .s1_flexBox .s1_flex5 .s1_flex_in .s1_imgBox img:nth-child(8) {
    right:145px; bottom:-64px;
    width:150px;
}


































/* section4 */
.section4 {
    width:100%; height:100%;
    padding:100px 0;
}
.section4 .s4_inner {
    width:1280px;
    margin:0 auto;
}
.section4 .s4_inner .s4_nav {
    width:100%;
    border-bottom:1px solid #333;
}
.section4 .s4_inner .s4_nav .s4_c1_tab {
    font-size:2rem;
    color:#000;
    font-weight:500;
    padding:15px 20px;
    display:inline-block;
    width:15%;
    text-align:center;
    border:1px solid #333;
    border-bottom:1px solid #fff;
    position:relative; bottom:-1px;
    border-top-left-radius:5px;
    border-top-right-radius:5px;
    line-height:1.2;
}
.section4 .s4_inner .s4_c1_inner {}
.section4 .s4_inner .s4_c1_inner .s4_c1_txtBox {
    text-align:center;
    margin:100px 0 50px;
}
.section4 .s4_inner .s4_c1_inner .s4_c1_txtBox h2 {
    font-size:3.5rem;
    font-weight:700;
    color:#000;
    line-height:1.2;
}
.section4 .s4_inner .s4_c1_inner .s4_c1_txtBox p {
    font-size:2rem;
    font-weight:500;
    color:rgb(58, 54, 54);
    margin-top:15px;
}
.section4 .s4_inner .s4_c1_inner .s4_c1_slick {
    padding-top:100px;
}
.section4 .s4_inner .s4_c1_inner .s4_c1_slick > div {}
.section4 .s4_inner .s4_c1_inner .s4_c1_slick > div .s4_c1_slick_inner {
    width:100%;
    height:600px;
    display:flex;
    justify-content:center;
    align-items:center;
}
.section4 .s4_inner .s4_c1_inner .s4_c1_slick > div .s4_c1_slick_inner > img {
    height:90%;
    box-shadow:0 0 15px 5px rgba(0,0,0,0.3);
    border-radius:35px;
}
.section4 .s4_inner .s4_c1_inner .s4_c1_slick > div .s4_c1_slick_inner .s4_c1_slick_txtBox {
    margin-left:5%;
}
.section4 .s4_inner .s4_c1_inner .s4_c1_slick > div .s4_c1_slick_inner .s4_c1_slick_txtBox h2 {
    font-size:3rem;
    font-weight:700;
    color:#000;
}
.section4 .s4_inner .s4_c1_inner .s4_c1_slick > div .s4_c1_slick_inner .s4_c1_slick_txtBox p {
    font-size:1.8rem;
    font-weight:500;
    color:#333;
    line-height:1.2;
    margin-top:15px;
}
/* section4 slick arrow */
.section4 .slick-arrow {
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    z-index:3;
    width:50px; height:50px;
    border-radius:50%;
    border:0;
}
.section4 .slick-prev {
    left:0;
    background:url(../img/s4_arrowL2.png) center center;
    background-size:cover;
}
.section4 .slick-next {
    right:0;
    background:url(../img/s4_arrowR2.png) center center;
    background-size:cover;
}
/* section4 dots */
.section4 .slick-dots {
    width:100%;
    text-align:center;
    position:absolute;
    top:0;
    left:50%;
    transform:translateX(-50%);
    border-bottom:1px solid #eee;
    width:80%;
}
.section4 .slick-dots li {
    display:inline-block;
    margin:0 10px;
    padding:5px 0;
}
.section4 .slick-dots .slick-active {
    border-bottom:3px solid #455aff;
}
.section4 .slick-dots li button {
    background:none;
    border:0;
    font-size:2rem;
    font-weight:500;
    color:#000;
}