@charset "utf-8";

/* font */
/* noto-sans-kr-300 - latin_korean */
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 300;
    src: url('./fonts/noto-sans-kr-v21-latin_korean-300.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('./fonts/noto-sans-kr-v21-latin_korean-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('./fonts/noto-sans-kr-v21-latin_korean-300.woff2') format('woff2'), /* Super Modern Browsers */
         url('./fonts/noto-sans-kr-v21-latin_korean-300.woff') format('woff'), /* Modern Browsers */
         url('./fonts/noto-sans-kr-v21-latin_korean-300.ttf') format('truetype'), /* Safari, Android, iOS */
         url('./fonts/noto-sans-kr-v21-latin_korean-300.svg#NotoSansKR') format('svg'); /* Legacy iOS */
}
/* noto-sans-kr-regular - latin_korean */
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 400;
    src: url('./fonts/noto-sans-kr-v21-latin_korean-regular.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('./fonts/noto-sans-kr-v21-latin_korean-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('./fonts/noto-sans-kr-v21-latin_korean-regular.woff2') format('woff2'), /* Super Modern Browsers */
         url('./fonts/noto-sans-kr-v21-latin_korean-regular.woff') format('woff'), /* Modern Browsers */
         url('./fonts/noto-sans-kr-v21-latin_korean-regular.ttf') format('truetype'), /* Safari, Android, iOS */
         url('./fonts/noto-sans-kr-v21-latin_korean-regular.svg#NotoSansKR') format('svg'); /* Legacy iOS */
}
/* noto-sans-kr-500 - latin_korean */
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 500;
    src: url('./fonts/noto-sans-kr-v21-latin_korean-500.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('./fonts/noto-sans-kr-v21-latin_korean-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('./fonts/noto-sans-kr-v21-latin_korean-500.woff2') format('woff2'), /* Super Modern Browsers */
         url('./fonts/noto-sans-kr-v21-latin_korean-500.woff') format('woff'), /* Modern Browsers */
         url('./fonts/noto-sans-kr-v21-latin_korean-500.ttf') format('truetype'), /* Safari, Android, iOS */
         url('./fonts/noto-sans-kr-v21-latin_korean-500.svg#NotoSansKR') format('svg'); /* Legacy iOS */
}
/* noto-sans-kr-700 - latin_korean */
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 700;
    src: url('./fonts/noto-sans-kr-v21-latin_korean-700.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('./fonts/noto-sans-kr-v21-latin_korean-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('./fonts/noto-sans-kr-v21-latin_korean-700.woff2') format('woff2'), /* Super Modern Browsers */
         url('./fonts/noto-sans-kr-v21-latin_korean-700.woff') format('woff'), /* Modern Browsers */
         url('./fonts/noto-sans-kr-v21-latin_korean-700.ttf') format('truetype'), /* Safari, Android, iOS */
         url('./fonts/noto-sans-kr-v21-latin_korean-700.svg#NotoSansKR') format('svg'); /* Legacy iOS */
}
/* noto-sans-kr-900 - latin_korean */
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 900;
    src: url('./fonts/noto-sans-kr-v21-latin_korean-900.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('./fonts/noto-sans-kr-v21-latin_korean-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('./fonts/noto-sans-kr-v21-latin_korean-900.woff2') format('woff2'), /* Super Modern Browsers */
         url('./fonts/noto-sans-kr-v21-latin_korean-900.woff') format('woff'), /* Modern Browsers */
         url('./fonts/noto-sans-kr-v21-latin_korean-900.ttf') format('truetype'), /* Safari, Android, iOS */
         url('./fonts/noto-sans-kr-v21-latin_korean-900.svg#NotoSansKR') format('svg'); /* Legacy iOS */
}

/* default */
html {font-family: 'Noto Sans KR', 'sans-serif';}
body {overflow-x: hidden;}
.inner {max-width: 1240px;margin: 0 auto;padding: 0 20px;}
.fw-black {font-weight: 900; color: #000000;}
.color-blue {color: #1060E1;}


/* header */
header.active {background: none;}
header.active .header_btn {opacity: 0;visibility: hidden;}
header {position: fixed;width: 100%;top: 0;left: 0;background: #fff;border-bottom: 1px solid #e4e4e4;z-index: 9;transition: all .5s;}
header .inner {display: flex;align-items: center;justify-content: space-between;height: 65px;}
.header_btn {display: flex;align-items: center;justify-content: center;width: 105px;height: 34px;background-color: #1060E1;color: #fff;font-size: 14px;font-weight: 700;border-radius: 6px;opacity: 1;visibility: visible;transition: all .5s;}
header .logo {font-size: 26px;color: #000000;font-weight: 700; line-height: 1;}
header .logo .color-blue {font-size: 29px;margin-left: 3px;}


/* section0 */
#scroll-section-0 {background-color: #FFFCF7; overflow: hidden;height: 200vh;}
.scroll-section0-wrap {width: 100%;height: 100%;max-width: 1240px;position: absolute;left: 50%;transform: translateX(-50%);z-index: 1; overflow: hidden;}
.scroll-section0-wrap2 {position: absolute;top: 0;left: 0;width: 100%;height: 100%; overflow: hidden;}
.scroll-txt_wrap {width: 100%;position: absolute;top: 215px;left: 0;}
.scroll-txt {position: absolute;top: 0;left: 0;font-size: 50px;font-weight: 500;}
.scroll-txt p.ins {display: none;}
.scroll-txt p > span {display: inline-block;vertical-align: middle;}
.scroll-txt span b {color: #1060E1;}
.scroll-txt .info {color: #757575;font-size: 16px;margin-top: 5px;} 
.scroll-txt .info span {font-weight: 500;}
.scroll-txt .bold {font-weight: 700;}
.scroll-txt span.small {font-size: 32px;}
.scroll-txt1 {transition: transform .6s ease, opacity .2s ease;}
.scroll-txt1.active {opacity: 0;transform: translateY(-50%);}
.scroll-txt3 {opacity: 0; transform: translateY(50%); transition: transform .6s ease, opacity .3s ease;}
.scroll-txt3.active {opacity: 1;transform: translateY(0); transition-delay: .3s;}
.scroll-txt p.mobile {display: none;}
.scroll-btn {position: absolute;top: 195px;left: 0;display: flex;align-items: center;justify-content: center;width: 150px;height: 50px;font-size: 18px;background-color: #1060E1;color: #fff;font-weight: 700;border-radius: 5px;}
.scroll-btn span {margin-left: 10px; margin-top: 3px;}
.scroll-img1 {position: absolute;left: 50%;bottom: 0;transform: translateX(-50%);max-width: 1700px;width: 100%; overflow: hidden;}
.scroll-img1 img {width: 100%;}
.scroll-img1 .mobile {display: none;}


/* section1-1 */
.section1-1 {position: relative;}
.sec1-1_top {position: absolute;left: 50%;transform: translateX(-50%);text-align: center;top: 30%;z-index: 1;}
.sec1-1_top p.title {font-size: 40px; font-weight: 700; position: relative;}
.sec1-1_top p span {color: #1060E1;}
.sec1-1_top p.small { color: #757575;font-size: 20px;margin-top: 15px;}
.sec1-1_top p.title::after {content: '';width: 49px;height: 49px;position: absolute;top: -32px;right: -30px;background: url(./image/sec1-1_star.svg) no-repeat;z-index: -1;background-size: cover;}
.sec1-1_bottom {position: relative;z-index: -1; padding-top: 140px;background-color: #F2F7FF;background-image: url(./image/sec1-1_pattern.svg);background-repeat: no-repeat;background-position: left 10% top;background-size: 28%;}
.sec1-1_bottom img {width: 100%; opacity: 0.8;}
.sec1-1_center {position: absolute; bottom: -30%; left: 50%; transform: translateX(-50%) translateY(25%); opacity: 0; transition: all .5s ease-in-out;}
.sec1-1_tit p {font-size: 32px;color: #1060E1;font-weight: 700;}
.sec1-1_scroll {display: flex;align-items: center;justify-content: center;flex-direction: column;margin-top: 20px;}
.sec1-1_scroll img {animation-name: scroll; animation-direction: alternate; animation-duration: 1.5s; animation-iteration-count: infinite;animation-timing-function: ease-in-out;animation-fill-mode: forwards;}
@keyframes scroll {
    0% {
        transform: translateY(15px);
    }
    100% {
        transform: translateY(0);
    }
}
.sec1-1_center2 {margin-top: -60px;}
.sec1-1_tit2 {text-align: center;}
.sec1-1_tit2 p {color: #292929;font-size: 40px;font-weight: 700; margin-bottom: 10px;}


/* section1-2 */
.section1-2 {position: relative;padding-top: 300px;padding-bottom: 150px;text-align: center; overflow: hidden;}
.section1-2_txtWrap {position: absolute; top: 300px; left: 50%; transform: translateX(-50%); max-width: 550px; width: 100%;}
.txt_top {display: flex;align-items: center;}
.txt_top h5 {position: relative;color: #1060E1;font-size: 32px;}
.txt_top h5 span {font-size: 14px;color: #fff;background-color: #1060E1;padding: 5px 10px;border-radius: 14px;position: absolute;top: -35px;left: 0;white-space: nowrap;}
.txt_top h5::before {content: ''; width: 76px;height: 76px;background: #E6EFFC;border-radius: 100%;position: absolute;top: -30px;left: -15px;z-index: -1;}
.txt_top p {font-size: 20px; font-weight: 500; margin-left: 10px;}
.txt_bot {margin-top: 15px; font-size: 20px; color: #757575; line-height: 1.7;}
.section1-2_txt {position: absolute; transition: all .5s ease-in-out; opacity: 0;}
.txt1 {top: 80px; left: 0; text-align: left;}
.txt2 {top: 310px;right: 0;text-align: right;}
.txt3 {top: 630px;left: 0;text-align: left;}
.txt4 {top: 910px; right: 0; text-align: right;}
.txt5 {top: 1250px; left: 0; text-align: left;}
.txt6 {top: 1530px; right: 0; text-align: right;}


/* section1-3 */
.section1-3 {background: url(./image/sec1-3_bg.jpg) no-repeat; background-size: cover; background-position: center;}
.sec1-3_tit {text-align: center;padding-top: 260px;}
.sec1-3_tit p {color: #fff;font-size: 40px;font-weight: 900;}
.sec1-3_tit p span.fw-black {color: #fff;}
.sec1-3_tit p.small {color: #D0D0D0;font-size: 20px;margin-top: 15px; font-weight: 400;}
.sec1-3_list {margin-top: 60px;display: flex;justify-content: center;padding-bottom: 200px;}
.sec1-3_list li {position: relative;background-color: #fff;width: 361px;height: 373px;border-radius: 15px; background-repeat: no-repeat; background-position: right 30px bottom 30px;opacity: 0;transform: translateY(25%);}
.sec1-3_list li::before {content: ''; width: 43px; height: 69px; background: url(./image/ico_bookmark.svg) no-repeat; position: absolute; top: -8px; right: 44px;}
.sec1-3_list li:nth-child(1) {background-image: url(./image/sec1-3_list1.svg); transition: all .5s ease-in-out;}
.sec1-3_list li:nth-child(2) {background-image: url(./image/sec1-3_list2.svg); transition: all .7s ease-in-out;}
.sec1-3_list li:nth-child(3) {background-image: url(./image/sec1-3_list3.svg); transition: all .9s ease-in-out;}
.sec1-3_list li:not(:last-child) {margin-right: 60px;}
.sec1-3_list li .list_txt {padding-left: 40px;padding-top: 75px;}
.sec1-3_list li .list_txt h5 {font-size: 33px;}
.sec1-3_list li .list_txt p {font-size: 20px;font-weight: 500;color: #757575;margin-top: 20px;line-height: 1.7;margin-bottom: 40px;}
.sec1-3_list li .list_btn {display: flex;flex-direction: column;align-items: flex-start;}
.sec1-3_list li .list_txt a {color: #1060E1; text-decoration: underline;font-size: 16px;font-weight: 500; position: relative; padding-left: 28px;}
.sec1-3_list li .list_txt a::before {content: ''; width: 20px; height: 18px;background: url(./image/ico-download.svg) no-repeat;background-size: cover;position: absolute;top: 4px;left: 0;}


/* section1-4 */
.section1-4 {padding-top: 260px;padding-bottom: 210px;}
.sec1-4_tit {text-align: center;}
.sec1-4_tit p {font-size: 40px;font-weight: 500;}
.sec1-4_list {display: flex; justify-content: center; margin-top: 20px;}
.sec1-4_list li:not(:last-child) {margin-right: 18px;}
.sec1-4_list_txt h4 {font-size: 20px; font-weight: 500; margin-bottom: 8px;}
.sec1-4_list_txt h5 {font-size: 28px;margin-bottom: 15px;}
.sec1-4_list_txt p {font-size: 18px;color: #5B5B5B;line-height: 1.8;}
.sec1-4_list_txt h4.blue {color: #1060E1;}
.sec1-4_list_txt h4.orange {color: #DB9032;}
.sec1-4_list_img {position: relative;width: 295px;}
.sec1-4_list_img {max-width: 295px;width: 100%;}
.sec1-4_list_img.blue:after {content: '';width: 100%;height: 181px;background-color: #E6EFFC;position: absolute;bottom: 0;left: 0;z-index: -1;border-radius: 20px;}
.sec1-4_list_img.orange:after {content: '';width: 100%;height: 181px;background-color: #FFEED0;position: absolute;bottom: 0;z-index: -1;border-radius: 20px;left: 0;}
.sec1-4_list_txt {margin-top: 40px;}


/* section1-5 */
.section1-5 {background-color: #fff5e3; background-image: url(./image/sec1-5_bg.svg);background-repeat: no-repeat;background-position: left -130px center; padding-top: 90px; padding-bottom: 90px;}
.sec1-5_tit {text-align: center;}
.sec1-5_tit p {font-size: 40px;}
.sec1-5_tit p.samll {color: #5B5B5B;font-size: 18px;margin-top: 10px;}
.sec1-5_list {max-width: 925px;margin: 0 auto;margin-top: 30px;}
.sec1-5_list li {padding: 0 30px;background: #fff;border: 1px solid #E4E4E4;border-radius: 10px;}
.sec1-5_list li:not(:last-child) {margin-bottom: 15px;}
.sec1-5_list_tit {position: relative; padding: 30px 0;cursor: pointer;}
.sec1-5_list_tit h5 {font-size: 24px; color: #424242;}
.sec1-5_list_tit h5 span {color: #1060E1;}
.sec1-5_list_contents {display: none; padding: 30px 0; border-top: 1px solid #E4E4E4; color: #424242; line-height: 1.8;}
.sec1-5_list_tit .title_btn {font-size: 40px; font-weight: 700; color: #1060E1; position: absolute;top: 50%; right: 0; transform: translateY(-50%); cursor: pointer; width: 25px; height: 25px; display: flex; align-items: center; justify-content: center;}
.sec1-5_list li.active .sec1-5_list_contents {display: block;}


/* footer */
.ft_txt {padding: 0 30px; position: relative;}
.footer-top ul > li:last-child .ft_txt {padding-right: 0;}
.footer-top ul > li:not(:last-child) .ft_txt::after {content: '';width: 1px;height: 11px;background-color: #5B5B5B;position: absolute;top: 50%;right: 0;transform: translateY(-50%);}
footer {background: #292929;}
.footer-top {padding-top: 60px;padding-bottom: 60px;display: flex;justify-content: space-between;max-width: 930px;margin: 0 auto; align-items: center;}
.footer-top ul {display: flex; justify-content: center;}
.ft_txt .title {font-size: 16px; font-weight: 700; color: #888;}
.ft_txt .info { font-size: 14px; font-weight: 300; color: #888;}
.ft_txt .info p:not(:last-child) { margin-bottom: 5px;}
.footer-bot{ background: #292929;}
.footer-bot p { display: flex; justify-content: center; padding: 10px 0; background: rgba(66, 66, 66, 0.5);color: #757575; font-size: 15px; font-weight: 300; text-align: center;}
.top_btn {cursor: pointer; position: fixed;bottom: 30px;right: 30px;width: 60px;height: 60px; border-radius: 100%;border: 1px solid #E4E4E4;background-color: rgba(255,255,255,0.8);z-index: 9;background-image: url(./image/topBtn.svg); background-repeat: no-repeat; background-position: center;}

.sticky-elem {position: fixed;width: 100%;}
br.ins {display: none;}

.section1-2 svg.mobile {display: none;}
.section1-2 svg.mobile2 {display: none;}

.scroll-section-mobile {display: none; background-color: #FFFCF7;}

@media (max-width: 1280px) {
    .scroll-txt_wrap_ {position: relative;height: 100px;}
    .scroll-txt {position: absolute;text-align: center;font-size: 32px;left: 50%;transform: translateX(-50%);white-space: nowrap;}
    .scroll-txt1 {transform: translateX(-50%) translateY(0);}
    .scroll-txt1.active {transform: translateX(-50%) translateY(-30%); opacity: 0;}
    .scroll-txt1.active2 {transform: translateX(-50%) translateY(30%); opacity: 0;}
    .scroll-txt3 {transform: translateX(-50%) translateY(0); opacity: 1;}
    .scroll-txt3.active {transform: translateX(-50%) translateY(-30%); opacity: 0;}
    .scroll-txt3.active2 {transform: translateX(-50%) translateY(30%); opacity: 0;}

    br.ins {display: block;}
    #scroll-section-0 {display: none;}
    .scroll-section-mobile {display: block;}

    .scroll-section0-wrap {position: static; transform: translateX(0); padding-top: 66px;}
    .scroll-txt_wrap {position: static; margin-top: 50px;}
    .scroll-txt p > span .del {display: none;}
    .scroll-txt p.ins {display: block;}
    .scroll-btn {position: static; transform: translateX(0);margin: 0 auto; margin-top: 40px;}
    .scroll-txt span.small {font-size: 22px;}

    .scroll-section0-wrap2 {position: static;}
    .scroll-img1 {position: static;transform: translateX(0);}

    .sec1-1_center2 {margin-top: 0;}
    .sec1-1_center {bottom: -25%;}
    .sec1-1_top p.title {font-size: 32px;}
    .sec1-1_top p.title::after {top: 26px;right: 30px;}
    .sec1-1_tit2 p {font-size: 24px;}

    .section1-2 svg.pc {display: none;}
    .section1-2 svg.mobile {display: block; margin-left: 20px;}
    .section1-2 {padding-top: 200px;}
    .section1-2_txtWrap {top: 200px; max-width: 450px;}

    .sec1-3_tit p {font-size: 32px;}
    .sec1-3_tit p.small {font-size: 18px;}
    .sec1-3_list li .list_txt p {font-size: 16px;}

    .txt1 {top: 20px;}
    .txt2 {top: 290px; right: auto; left: 0; text-align: left;}
    .txt4 {right: auto; left: 0; text-align: left;}
    .txt5 {top: 1260px;}
    .txt6 {top: 1570px;left: 0;right: auto;text-align: left;}

    .sec1-3_list {padding-left: 20px; padding-right: 20px;}
    .sec1-3_list li:not(:last-child) {margin-right: 30px;}
    
    .sec1-4_list {flex-wrap: wrap;}
    .sec1-4_list li {width: 50%; text-align: center;}
    .sec1-4_list li:not(:last-child) {margin-right: 0;}
    .sec1-4_list_img {margin: 0 auto;}
    .sec1-4_tit p {font-size: 32px;}

    .sec1-1_scroll img {width: 24px;}

    .sec1-5_tit p {font-size: 32px;}
    .sec1-5_list {padding: 0 20px;}

    .footer-top {flex-direction: column;align-items: center;justify-content: center;padding-top: 25px;padding-bottom: 0;}
    .ft_logo {margin-bottom: 25px;}
    .footer-top ul {flex-direction: column;align-items: center;justify-content: center;width: 100%;}
    .footer-top ul > li:not(:last-child) .ft_txt::after {display: none;}
    .footer-top ul li {text-align: center;padding: 12px 0;border-top: 1px solid #343434;width: 100%;}
    .ft_txt {padding: 0;}

    .sec1-3_list li .list_txt {padding-right: 40px;}
}

@media(max-width: 900px) {
    .section1-2_txtWrap {transform: translateX(0);left: 250px;}

    .sec1-3_list {flex-direction: column;align-items: center;}
    .sec1-3_list li:not(:last-child) {margin-right: 0;margin-bottom: 30px;}

}

@media(max-width: 768px) {
    .scroll-img1 .pc {display: none;}
    .scroll-img1 .mobile {display: block;}

    .scroll-txt_wrap {top: 155px;}
    .scroll-txt {font-size: 20px;}
    .scroll-txt .info {font-size: 12px;}
    .scroll-txt span.small {font-size: 14px;}
    .scroll-img1 .bg {width: 150%;}
    .scroll-txt p.pc {display: none;}
    .scroll-txt p.mobile {display: block;}
    .scroll-txt p:not(:last-child) {margin-bottom: 5px;}

    .scroll-btn {width: 120px; height: 40px;font-size: 14px; top: 120px;}
    .scroll-img1 .balloon1 {width: 15%; right: 77%;bottom: 36%;}
    .scroll-img1 .balloon2 {width: 20%;bottom: 43.5%;right: 28%;}
    .scroll-img1 .light {width: 12%; right: 9%;bottom: 36%;}

    .sec1-1_top {top: 15%;}
    .sec1-1_top p.title {font-size: 20px; line-height: 1.6;}
    .sec1-1_top p.small {font-size: 14px; margin-top: 7px;}
    .sec1-1_top p.title::after {width: 22px;height: 22px;right: 60px;top: 30px;}
    .sec1-1_tit p.small {font-size: 14px; line-height: 1.7; white-space: nowrap;}
    .sec1-1_scroll {margin-top: 15px;}
    .sec1-1_scroll img {width: 19px;}
    .sec1-1_center {bottom: -170px;}
    .sec1-1_tit2 p {font-size: 18px;margin-bottom: 35px;}
    .sec1-1_center2 {margin-top: 40px;}
    .sec1-1_tit p {font-size: 20px;}

    
    .section1-2 svg.mobile {display: none;}
    .section1-2 svg.mobile2 {display: inline-block; margin-left: -150px;}
    .txt_top {display: block;}
    .txt_top h5 {font-size: 18px;}
    .txt_top h5::before {width: 38px;height: 38px;top: -15px; left: -7px;}
    .txt_top h5 span {font-size: 11px;padding: 4px 8px;top: -27px;}
    .txt_top p {font-size: 14px;margin-left: 0; margin-top: 5px;}
    .txt_bot {font-size: 12px; margin-top: 10px; line-height: 1.8;}
    .section1-2_txtWrap {left: 50%;transform: translateX(-50%); width: auto; white-space: nowrap;}
    .txt1 {top: 20px;}
    .txt2 {top: 200px;}
    .txt3 {top: 400px;}
    .txt4 {top: 580px;}
    .txt5 {top: 790px;}
    .txt6{top: 990px;}

    .sec1-3_tit {padding-top: 70px;}
    .sec1-3_tit p.small {font-size: 14px; line-height: 1.7;}
    .sec1-3_list li:not(:last-child) {margin-bottom: 20px;}
    .sec1-3_list li {width: 258px;height: 266px;}
    .sec1-3_list li::before {width: 31px;height: 50px;background-size: cover;right: 30px;}
    .sec1-3_list li .list_txt {padding-left: 25px;padding-top: 50px;}
    .sec1-3_list li .list_txt h5 {font-size: 20px;}
    .sec1-3_list li .list_txt p {line-height: 1.8; font-size: 12px; margin-top: 15px; margin-bottom: 25px;height: auto;}
    .sec1-3_list li .list_txt a {font-size: 12px;padding-left: 20px;}
    .sec1-3_list li .list_txt a::before {width: 13px;height: 12px;}
    .sec1-3_list li {background-size: 119px 86px;background-position: right 20px bottom 15px;}
    .sec1-3_list{padding-bottom: 90px;}
    .sec1-3_tit p {font-size: 20px;}

    .section1-4 {padding-top: 50px;padding-bottom: 60px;}
    .sec1-4_tit {line-height: 1.6;}
    .sec1-4_list {flex-direction: column;align-items: center;}
    .sec1-4_list_txt {margin-top: 15px;}
    .sec1-4_list_txt h5 {font-size: 24px;margin-bottom: 10px;}
    .sec1-4_list li {width: 100%;}
    .sec1-4_list_img {max-width: 295px;width: 100%;}
    .sec1-4_tit p {font-size: 20px;}
    .sec1-4_list_txt h4 {font-size: 16px;}
    .sec1-4_list_txt p {font-size: 14px;font-weight: 500;}

    .section1-5 {background-image: none;padding-top: 65px;padding-bottom: 90px;}
    .sec1-5_list {padding: 0 20px;}
    .sec1-5_list li {padding: 0 10px;}
    .sec1-5_list li:not(:last-child) {margin-bottom: 10px;}
    .sec1-5_list_tit {padding: 20px 0;}
    .sec1-5_list_tit h5 {font-size: 16px;}
    .sec1-5_list_tit .title_btn {font-size: 26px;}
    .sec1-5_list_contents {padding: 10px 0;font-size: 12px;}
    .sec1-5_tit p {font-size: 20px;}
    .sec1-5_tit p.samll {font-size: 14px;}
    
    .ft_txt .title {font-size: 14px;}
    .footer-bot p {font-size: 10px;}

    .top_btn {width: 50px; height: 50px; right: 20px; bottom: 20px;}

}

@media(max-width: 550px) {
    .section1-2 svg.mobile2 { display: block; margin-left: -15px;}
    .section1-2_txtWrap {left: 120px; transform: translateX(0);}
    .txt_bot {font-size: 10px;}
}


    /*popup*/
.popup{position: fixed; background: #fff; width: 500px;
    height: 352px; border: 2px solid #555; border-radius: 11px;  z-index: 999; background-color: #e8f0fd; overflow:hidden;
    top: 50%; left: 50%; margin-left: -250px;
    margin-top: -176px; display:block;}
.popup .popupTitle{    padding: 8px;  padding-bottom: 0; position: relative; height: 30px;  border-bottom: 2px solid #555; font-weight:bold; }
.popup .popupTitle p:first-child{position: absolute; left: 25px;}
.popup .popupTitle p:last-child{position: absolute; right: 25px; cursor: pointer;}
.popup .popupContent{padding: 40px 30px;}
.popup .popupContent p{font-size:23px;     text-align: center;}
.popup .popupContent p .em{font-weight:bold; color: #333}
.pop_left{text-align:left !important}
@media(max-width: 450px) {
    .popup{ width: 340px;  margin-left: -170px;  height: 280px; margin-top: -140px;}
    .popup .popupContent {   padding: 20px;}
    .popup .popupContent p{font-size:16px;  }
    
}

/*popup*/
.pop_left{text-align: left !important; display: block; margin: 0 auto; width: fit-content; font-size:17px}
.pop_fcB{color:#000 !important}
.popup2{display:none; position: fixed; background: #fff; width: 500px;
    height: 528px; border-radius: 6px;  z-index: 999; overflow:hidden;
    top: 50%; left: 50%; margin-left: -250px;  margin-top: -264px; display:block; box-shadow: 0px 0px 5px 0px #9d9d9d;}
.popup2 .popupContent{padding: 40px 30px;}
.popup2 .popupContent p.popupTit{font-size:24px; text-align: center; font-weight:bold; padding-bottom: 18px;}
.popup2 .popupContent p.popupTxt{font-size:18px; text-align: left; color: #606060; }
.popup2 .popupContent p .em{font-weight:bold; color: #333}
.popup2 .popupBottom{position: absolute;  bottom: 0;  background: linear-gradient(45deg, #2b6ac9, #2487d8);  width: 100%;  box-sizing: border-box;}
.popup2 .popupBottom p.popupClose{width: 30px; float: right;  padding: 9px 14px; color:#fff; cursor: pointer;}
.popup2 .popupBottom span.popupCookie{padding: 9px 0; color:#fff;  float: right}
.popup2 .popupBottom span.popupCookie input[type=checkbox]{margin-left:7px}
@media(max-width: 450px) {
    .popup2{ width: 340px;  margin-left: -170px;  height: auto; margin-top: -140px;}
    .popup2 .popupContent { padding: 20px; padding-bottom: 64px;}
    .popup2 .popupContent p.popupTit{font-size:19px;}
    .popup2 .popupContent p.popupTxt{font-size:16px; }
}

.fcG{color: #dbdbdb !important;}