@charset "utf-8";

    /* animation basic */
    #container .init{opacity:0.05;transform:translateY(50px);transition: none;}
    #container .animate{opacity:1;transform:translateY(0px);transition:all 0.8s}

@media (min-width:961px) {

    .mo-view{display:none !important}
    .pc-view{display:block}
    
    /**/
    #wrap{}
    #wrap .wrap{margin:0 auto;width:1200px;max-width:100%}

    /**/
    #header{position:fixed;top:0;left:0;width:100%;z-index:105;transition:top .3s}
    #header .wrap{width:1380px}
    #header .tnb{background:#eaedef;padding:0 16px}
    #header .tnb .wrap{display:flex;justify-content:space-between;align-items:center;height:46px}
    #header .tnb .wrap .lnb{}
    #header .tnb .wrap .rnb{}
    #header .tnb .wrap a{line-height:24px;font-size:15px;font-weight:500;color:333333}
    #header .tnb .wrap a + a{margin-left:20px}
    #header .header{position:relative;padding:0 16px;height:95px;background:#fff;-webkit-transition:height 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);-moz-transition:height 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);-o-transition:height 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);transition:height 0.4s cubic-bezier(0.645, 0.045, 0.355, 1)}
    #header .header:after{content:'';position:absolute;top:95px;left:0;width:100%;border-bottom:1px solid #dadce0}
    #header .header .wrap{display:flex;justify-content:space-between;align-items:center}
    #header .header .logo{display:flex}
    #header .header .logo img{display:block}
    #header .header .nav{display:flex;align-items:center}
    #header .header .nav .gnb{}
    #header .header .nav .gnb .depth1{display:flex;align-items:center;justify-content:space-between}
    #header .header .nav .gnb .depth1 .dl1{position:relative}
    #header .header .nav .gnb .depth1 .dl1 + .dl1{margin-left:50px}
    #header .header .nav .gnb .depth1 .dl1 .da1{position:relative;display:block;line-height:95px;font-size:20px;font-weight:500;color:#333;font-family:'Noto Sans KR';white-space:nowrap}
    #header .header .nav .gnb .depth1 .dl1:hover .da1,
    #header .header .nav .gnb .depth1 .dl1.sel .da1{color:#1a478c}
    #header .header .nav .gnb .depth2{position:absolute;z-index:111;top:134px;left:0;width:100%;visibility:hidden;opacity:0;transition:all 0.3s}
    #header .header .nav .gnb .depth2 .dl2{}
    #header .header .nav .gnb .depth2 .dl2 + .dl2{}
    #header .header .nav .gnb .depth2 .da2{display:block;line-height:32px;font-size:16px;color:#333333;white-space:nowrap;text-align:center}
    #header .header .nav .gnb .depth2 .da2:hover{color:#1a478c}
    #header .header .nav .gnb .depth2 .dl2.sel .da2{color:#1a478c;text-decoration:underline}
    #header .header .nav .menu{display:none}    
    #header .header-down{position:absolute; top:100%; opacity:0;visibility:hidden; left:0; width:100%; z-index:99;   transition:all .5s}
    #header .header-down:before{content:'';position:absolute;top:0;left:0;right:0;height:0;background:#1a478c;transition:all 0.5s}
    #header .header-down ul{text-align:center; transform:translateY(-100%);transition:all 0.35s}
    #header .header-down ul li{display:inline-block; }
    #header .header-down ul li a{color:#fff; font-size:16px; position:relative; display:block; margin:0 25px;padding:10px 0;line-height:30px}
    #header .header-down ul li a:after{content:""; display:block; width:100%; height:4px; background:#fff; position:absolute; bottom:0; left:0; opacity:0; transition:all .2s}
    #header .header-down ul li a:hover:after,
    #header .header-down ul li a.sel:after{opacity:1}
    #header.on{top:-142px}
    #header.on .header-down{visibility:visible;opacity:1}
    #header.on .header-down:before{height:100%;transition:all 0.3s}
    #header.on .header-down ul{transform:translateY(0)}
    #header.sel .gnb .depth1 .depth2{opacity:1;visibility:visible;-webkit-transition:all 0.3s;transition:all 0.3s;transition-delay:0.15s}
    #header.sel .header{height:600px}
    #header.sel.on .gnb .depth1 .depth2{opacity:0;visibility:hidden}
    #header.sel.on .header{height:95px}
    
    /**/
    #footer{position:relative;z-index:99;background:#1b2122}
    #footer .fnb{border-bottom:2px solid #323839}
    #footer .fnb .wrap{position:relative;display:flex;justify-content:space-between;width:1200px;padding:65px 0 50px 0}
    #footer .fnb .wrap .desc{display:flex;flex-direction:column}
    #footer .fnb .wrap .desc + .desc{border-left:2px solid #323839}
    #footer .fnb .wrap .cs{padding-right:50px;flex:1}
    #footer .fnb .wrap .cs .cont{padding:20px 0}
    #footer .fnb .wrap .cs .tit{margin:0 0 24px 0;line-height:22px;font-size:17px;font-weight:500;color:#fff}
    #footer .fnb .wrap .cs .txt{margin:15px 0 0 0;line-height:22px;font-weight:500;color:#6e6e6e}
    #footer .fnb .wrap .cs .tel{line-height:1;font-size:32px;font-weight:400;color:#fff}
    #footer .fnb .wrap .app{padding:0 50px;align-items:center;width:300px}
    #footer .fnb .wrap .app .down{display:flex;flex-direction:column;align-items:center}
    #footer .fnb .wrap .app .down img{}
    #footer .fnb .wrap .app .down a{margin:20px 0 0 0;line-height:22px;font-size:17px;font-weight:500;color:#fff;text-decoration:underline}
    #footer .fnb .wrap .sns{padding:10px 100px 10px 75px}
    #footer .fnb .wrap .sns ul{display:flex;align-items:center;justify-content:space-between;padding:10px 0}
    #footer .fnb .wrap .sns li{text-align:center}
    #footer .fnb .wrap .sns li a{}
    #footer .fnb .wrap .sns li img{}
    #footer .fnb .wrap .sns li p{display:block;margin:15px 0 0 0;line-height:22px;font-size:17px;font-weight:500;color:#fff}
    #footer .fnb .wrap .title{margin:0 0 24px 0;line-height:24px;font-size:24px;font-weight:500;color:#fff}
    #footer .footer{padding:50px 0}
    #footer .footer .wrap{display:flex;width:1200px}
    #footer .footer .logo{min-width:240px;padding:30px 0}
    #footer .footer .logo img{width:auto;max-width:228px}
    #footer .footer .addr{}
    #footer .footer .addr .link{margin:0 0 25px 0}
    #footer .footer .addr .link a{position:relative;line-height:32px;font-size:15px;font-weight:500;color:#6e6e6e}
    #footer .footer .addr .link a + a{margin-left:35px;padding-left:35px}
    #footer .footer .addr .link a + a:before{content:'';position:absolute;top:50%;left:0;width:1px;height:14px;background:#6e6e6e;transform:translateY(-50%)}
    #footer .footer .addr .link a:hover{color:#fff}
    #footer .footer .addr .info{display:flex;flex-direction:column;align-items:flex-start;text-align:left}
    #footer .footer .addr .info span{display:flex;line-height:20px;font-size:16px;font-weight:500;color:#6e6e6e;align-items:center}
    #footer .footer .addr .cite{margin:20px 0 0 0;line-height:20px;font-size:16px;font-weight:500;color:#6e6e6e}

    /**/
    #top{position:absolute;top:0;right:0}
    #top button{display:flex;width:58px;height:58px;background:#353f43 url("../img/icon_top.png") no-repeat 50% 50%}
    
    /**/
    #popup{position:absolute;top:150px;left: 6px;z-index:10000;display: flex;max-width: calc(100% - 32px);flex-wrap: wrap;}
    #popup .popup{display:flex;margin: 0 10px 10px 0;flex-direction:column;background:#fff;border:1px solid #666;box-shadow:0 3px 16px rgb(0 0 0 / 20%);;;;;;;;;}
    #popup .popup .cont{}
    #popup .popup .cont a{}
    #popup .popup .cont img{display:block;width:100%;height:auto}
    #popup .popup .ctrl{border-top:1px solid #efefef;display:flex;align-items:center;justify-content:flex-end;padding:0 16px;height:40px}
    #popup .popup .ctrl .close{}
    #popup .popup .ctrl .close p{font-size:15px}
    #popup .popup .ctrl .close + a{margin-left:10px}
    #popup .popup .ctrl label.today{cursor:pointer;display:flex;align-items:center}
    #popup .popup .ctrl label.today input{display:none}
    #popup .popup .ctrl label.today span{color:#666;font-size:15px;display:flex;align-items:center;margin:0}
    #popup .popup .ctrl label.today span::before{content:""; display:inline-block; width:16px; height:16px; background:#fff no-repeat center center/60%; border:1px solid #000; margin-right:5px}
    #popup .popup .ctrl label.today input:checked ~ span{color:#000}
    #popup .popup .ctrl label.today input:checked ~ span:before{background-image:url("https://cdn1.iconfinder.com/data/icons/material-core/18/check-256.png")}
    #popup .popup .ctrl .today + .close{margin-left:20px}
    
    /**/
    #index{padding:141px 0 0 0}
    #index .init{opacity:0.05;transform:translateY(50px);transition:none}
    #index .animate{opacity:1;transform:translateY(0px);transition:all 0.5s}
    #index .visual{}
    #index .visual .slider{position:relative;overflow:hidden}
    #index .visual .slider .swiper-slide{position:relative;z-index: 10;}
    #index .visual .slider .swiper-slide .img{height:auto;transition:all 0.5s;position:relative;overflow: hidden;}
    #index .visual .slider .swiper-slide .img .mainimg{position:relative;z-index:2;display:block;width:1600px;max-width:100%;height:auto;margin:0 auto}
    #index .visual .slider .swiper-slide .img .mainbg{position:absolute;top:0;left:0;z-index:1;display:block;width:100%;height:100%;object-fit:cover;filter:blur(5px);transform:scale(1.05)}
    #index .visual .slider .swiper-slide .con{position:absolute;bottom:90px;left:50%;width:1380px;max-width:100%;transform:translateX(-50%);text-align:center;z-index:10}
    #index .visual .slider .swiper-slide .con strong{display:block;line-height:56px;font-size:48px;font-weight:500;color:#fff;transform:translateY(50px);opacity:0;transition:all 0.8s}
    #index .visual .slider .swiper-slide .con span{display:block;margin:40px 0 0 0;line-height:32px;font-size:24px;font-weight:500;color:#fff;transform:translateY(50px);opacity:0;transition:all 0.8s}
    #index .visual .slider .swiper-slide.swiper-slide-active .con strong{opacity:1;transform:translateY(0);transition-delay:0.3s}
    #index .visual .slider .swiper-slide.swiper-slide-active .con span{opacity:1;transform:translateY(0);transition-delay:0.6s}
    #index .visual .slider .swiper-dots{position:absolute;bottom:24px;z-index:2;display:flex;align-items:center;justify-content:center}
    #index .visual .slider .swiper-dots span{margin:0 10px;width:20px;height:20px;border:1px solid #000;border-radius:20px;background:transparent;overflow:hidden;text-indent:-9999em;opacity:1}
    #index .visual .slider .swiper-dots span.swiper-pagination-bullet-active{border-color:transparent;background:#fff;opacity:0.5}
    #index .visual .slider .swiper-prev{position:absolute;top:50%;left: 20px;transform:translateY(-50%);width:50px;height: 70px;background:url("../img/icon_slider_prev.png") no-repeat 50% 50% / 100% auto;z-index: 5;}
    #index .visual .slider .swiper-next{position:absolute;top:50%;right: 20px;transform:translateY(-50%);width:50px;height: 70px;background: url("../img/icon_slider_next.png") no-repeat 50% 50% / 100% auto;z-index: 5;}
    #index .education{position:relative;padding:70px 0;background:#ffffff}
    #index .education .wrap{width:1200px}
    #index .education .title{margin:0 0 85px 0;line-height:48px;font-size:48px;font-weight:500;color:#333;text-align:center}
    #index .education .title p{display:inline;font-weight:bold;color:#136d17}
    #index .education .cont{text-align:center}
    #index .education .cont .tit{margin:0 0 45px 0;line-height:42px;font-size:36px;font-weight:500;color:#333}
    #index .education .cont .txt{margin:0 0 100px 0;line-height:32px;font-size:24px;color:#333}
    #index .education .cont .img{display:flex;align-items:center;justify-content:center}
    #index .education .cont .img dl{margin:0 30px;display:flex;flex-direction:column;align-items:center;width:250px}
    #index .education .cont .img dl dt{margin:0 0 30px 0;width:250px;height:250px;border-radius:125px;overflow:hidden}
    #index .education .cont .img dl dt img{width:100%;height:100%;object-fit:cover;transition:all 0.3s}
    #index .education .cont .img dl dd{}
    #index .education .cont .img dl dd strong{display:block;line-height:36px;font-size:24px;font-weight:bold;color:#333}
    #index .education .cont .img dl dd span{display:block;line-height:36px;font-size:22px;font-weight:500;color:#333;white-space:nowrap}
    #index .education .cont .img dl:hover dt img{transform:scale(1.1)}
    #index .program{position:relative;padding:70px 0;background:#f4f5f9;overflow:hidden}
    #index .program:after{content:'';position:absolute;bottom:0;left:0;width:100%;height:125px;background:#fff}
    #index .program .wrap{position:relative;z-index:2;width:1200px}
    #index .program .title{margin:0 0 35px 0;line-height:48px;font-size:48px;font-weight:500;color:#333;text-align:center}
    #index .program .text{margin:0 0 100px 0;line-height:32px;font-size:24px;font-weight:500;color:#333;text-align:center}
    #index .program .cont{}
    #index .program .cont ul{display:flex}
    #index .program .cont li{flex:1}
    #index .program .cont li + li{margin-left:18px}
    #index .program .cont li a{position:relative;display:block}
    #index .program .cont li .img{height:400px;overflow:hidden}
    #index .program .cont li .img img{display:block;width:100%;height:auto}
    #index .program .cont li .tit{display:flex;height:100px;background:#eee;align-items:center;justify-content:center;line-height:36px;font-size:36px;font-weight:500;color:#333}
    #index .program .cont li .ico{position:absolute;transition:all 0.3s}
    #index .program .cont li:nth-child(1) .tit{background:#ffcf59}
    #index .program .cont li:nth-child(1) .ico{bottom:-70px;left:-85px}
    #index .program .cont li:nth-child(1):hover .ico{left:-75px}
    #index .program .cont li:nth-child(2) .tit{background:#f76f59}
    #index .program .cont li:nth-child(2) .ico{bottom:-120px;right:-85px}
    #index .program .cont li:nth-child(2):hover .ico{right:-75px}
    #index .program .icon .zubi{position:absolute;left:-84px;bottom:-70px;width:164px;height:226px;background:url("../img/img_zubi.png") no-repeat 50% 50%}
    #index .program .icon .kkur{position:absolute;bottom:-70px;right:-90px;width:237px;height:260px;background:url("../img/img_kkur.png") no-repeat 50% 50%}
    #index .program .icon .asak{position:absolute;bottom:-70px;left:50%;width:48px;height:59px;background:url("../img/img_asak.png") no-repeat 50% 50% / 48px 59px;transform:translateX(-50%)}
    #index .special{position:relative;padding:70px 0;background:#6ce4bd}
    #index .special .wrap{position:relative;z-index:2;width:1200px}
    #index .special .title{margin:0 0 35px 0;line-height:48px;font-size:48px;font-weight:500;color:#333;text-align:center}
    #index .special .text{margin:0 0 100px 0;line-height:32px;font-size:24px;font-weight:500;color:#333;text-align:center}
    #index .special .cont{}
    #index .special .cont ul{display:flex}
    #index .special .cont li{flex:1}
    #index .special .cont li + li{margin-left:18px}
    #index .special .cont li a{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;border:2px solid #4abc97;height:180px;background:#fff}
    #index .special .cont li a .txt{line-height:50px;font-size:26px;font-weight:500;color:#333333}
    #index .special .cont li a .txt p{display:inline;color:#1a478c;font-weight:bold}
    #index .special .cont li a .tit{margin:10px 0 0 0;line-height:1;font-size:34px;font-weight:500;color:#333}
    #index .special .cont li a:after{content:'';position:absolute;bottom:0;left:50%;width:25px;height:27px;background:url("../img/img_mainspecial_icon.png") no-repeat 50% 50%;transform:translateX(-50%)}
    #index .special .cont li a:hover{background:#1a478c;border-color:#1a478c}
    #index .special .cont li a:hover .txt,
    #index .special .cont li a:hover .txt p,
    #index .special .cont li a:hover .tit{color:#fff}
    #index .special .cont li a:hover:after{background:url("../img/img_mainspecial_icon_on.png") no-repeat 50% 50%}
    #index .news{background:#ffffff}
    #index .news .wrap{display:flex;width:1200px;height:70px;align-items:center}
    #index .news .wrap .tit{flex-shrink:0;width:140px;line-height:32px;font-size:24px;font-weight:500;color:#333}
    #index .news .wrap .txt{flex:1}
    #index .news .wrap .txt a{line-height:32px;font-size:20px;color:#333}
    
    /**/
    #container{padding:141px 0 0 0}
    #container .title{margin:0 0 100px 0;text-align:center}
    #container .title .tit{margin:0 0 30px 0;line-height:42px;font-size:40px;color:#3e3e3e}
    #container .title .txt{line-height:24px;font-size:22px;color:#6e6e6e}
    #container .paging{margin:100px 0 0 0;display:flex;align-items:center;justify-content:center}
    #container .paging a{position:relative;margin:0 10px;width:14px;height:24px;font-size:16px;font-weight:500;color:#1b2122;display:flex;align-items:center;justify-content:center}
    #container .paging a.current:after{content:'';position:absolute;bottom:0;left:0;width:100%;height:2px;background:#1b2122}
    #container .paging a.start{}
    #container .paging a.start i{width:100%;height:100%;background:url("../img/icon_paging_start.png") no-repeat 50% 50%}
    #container .paging a.end{}
    #container .paging a.end i{width:100%;height:100%;background:url("../img/icon_paging_end.png") no-repeat 50% 50%}
    #container .paging a.prev{}
    #container .paging a.prev i{width:100%;height:100%;background:url("../img/icon_paging_prev.png") no-repeat 50% 50%}
    #container .paging a.next{}
    #container .paging a.next i{width:100%;height:100%;background:url("../img/icon_paging_next.png") no-repeat 50% 50%}
    #container .button{display:flex;align-items:center;justify-content:Center}
    #container .btn{min-width:85px;display:flex;height:46px;border:1px solid #000;color:#000;font-size:16px;align-items:center;justify-content:center;border-radius:46px}
    #container .fix-form{transition:all 0.3s}
    #container.on .fix-form{}
    #container.on .fix-form .request,
    #container.on .fix-form .psychometry{transform:translateY(0);overflow:initial}
    #container.on .fix-form.disabled .request,
    #container.on .fix-form.disabled .psychometry{transform:translateY(100%)}
    
    /**/
    #container .subvisual{position:relative;padding:50px 0;min-height:200px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f4f5f9;border-bottom:1px solid #dadce0}
    #container .subvisual .title{position:relative;z-index:2;margin:0 0 28px 0;line-height:42px;font-size:40px;color:#3e3e3e;text-align:center}
    #container .subvisual .text{position:relative;z-index:2;line-height:28px;font-size:22px;color:#000000;text-align:center}
    #container .subvisual .image{position:absolute;z-index:1;top:0;left:0;width:100%;height:100%}
    #container .subvisual .image img{width:100%;height:100%;object-fit:cover;-webkit-user-drag:none}
    #container .breadcrumb{border-bottom:1px solid #dadce0}
    #container .breadcrumb .wrap{display:flex;align-items:center;justify-content:space-between;height:60px}
    #container .breadcrumb .loca{display:flex;align-items:center;opacity:0;visibility:hidden}
    #container .breadcrumb .loca span{line-height:32px;font-size:12px;font-weight:500;color:#666666;display:flex;align-items:center;justify-content:center}
    #container .breadcrumb .loca span img{display:block}
    #container .breadcrumb .loca span.on{color:#1a478c}
    #container .breadcrumb .loca span + span{}
    #container .breadcrumb .loca span + span:before{content:'';margin:0 12px;width:6px;height:12px;background:url("../img/icon_bread_arrow.png") no-repeat 50% 50%}
    #container .breadcrumb .menu{padding:0 10px;display:flex;align-items:center;justify-content:center}
    #container .breadcrumb .menu a{position:relative;display:flex;line-height:60px;font-size:16px;color:#000000}
    #container .breadcrumb .menu a + a{margin-left:25px}
    #container .breadcrumb .menu a.on{color:#1a478c}
    #container .breadcrumb .menu a.on:after{content:'';position:absolute;bottom:0;left:0;width:100%;height:2px;background:#1a478c}

    /**/
    #container .fix-form{position:fixed;z-index:101;left:0;bottom:0;width:100%}
    #container .fix-form .request{background:#6ce4bd;position:absolute;bottom:0;padding:30px 0;left:0;width:100%;transform:translateY(100%);transition:all 0.3s}
    #container .fix-form .request .wrap{display:flex;align-items:center}
    #container .fix-form .request .wrap .con{flex:1}
    #container .fix-form .request .wrap .con p{font-size:18px;color:#3e3e3e;margin:0 0 10px 0}
    #container .fix-form .request .wrap .con span{font-size:34px;color:#000;line-height:1;letter-spacing:-1px}
    #container .fix-form .request .wrap .act{flex-shrink:0;width:195px}
    #container .fix-form .request .wrap .act button{display:inline-flex;align-items:center;justify-content:center;min-width:192px;padding:0 20px;height:46px;border-radius:46px;background:#333;font-size:18px;color:#fff}
    #container .fix-form .psychometry{background:#6ce4bd;position:absolute;bottom:0;left:0;width:100%;transform:translateY(100%);transition:all 0.3s;overflow:hidden}
    #container .fix-form .psychometry .wrap{display:flex;align-items:flex-end}
    #container .fix-form .psychometry .con{flex:1;padding:25px 0}
    #container .fix-form .psychometry .con p{font-size:18px;color:#3e3e3e;margin:0 0 10px 0}
    #container .fix-form .psychometry .con span{font-size:34px;color:#000;line-height:1;letter-spacing:-1px}
    #container .fix-form .psychometry .act{flex-shrink:0;width:260px;position:relative;height:100%}
    #container .fix-form .psychometry .act button{display:inline-flex;align-items:flex-end;justify-content:center;position:absolute;bottom:0;right:0;background:transparent}
    #container .fix-form .psychometry .act button p{width:90px;height:90px;border-radius:90px;background:#fff;display:flex;align-items:center;font-size:24px;justify-content:center;box-shadow:0 5px 0 #45ab89;margin:0 20px 20px 0;position:relative}
    #container .fix-form .psychometry .act button p:before{content:'';z-index:-1;box-sizing:border-box;width:30px;height:32px;position:absolute;top:14px;left:80px;border-left:30px solid #fff;border-top:16px solid transparent;border-bottom:16px solid transparent;border-right:0 solid transparent;transform:rotate(-18deg)}
    #container .fix-form .psychometry .act button p:after{content:'';z-index:-2;box-sizing:border-box;width:30px;height:32px;position:absolute;top:16px;left:82px;border-left:30px solid #45ab89;border-top:16px solid transparent;border-bottom:16px solid transparent;border-right:0 solid transparent;transform:rotate(-18deg)}
    #container .fix-form .psychometry .act button i{width:150px;height:158px;background:url("../img/img_fixzubi.png") no-repeat bottom center}
    #container .fix-form .form{background:#333;padding-top:35px;padding-bottom:15px;position:absolute;bottom:0;left:0;width:100%;transform:translateY(100%);transition:all 0.5s}
    #container .fix-form .form .wrap{display:flex;flex-direction:column;width:1055px}
    #container .fix-form .form h3{text-align:center;font-size:30px;color:#fff;font-weight:400;margin-bottom:25px}
    #container .fix-form .form .input{display:flex;align-items:center;justify-content:space-between;position:relative;padding:0 0 30px 0}
    #container .fix-form .form .input input + input,
    #container .fix-form .form .input input + select,
    #container .fix-form .form .input select + select{margin-left:10px}
    #container .fix-form .form .input input,
    #container .fix-form .form .input select{width:177px;max-width:100%;height:37px;border:1px solid #000;font-size:14px;padding:0 10px;background:#fff}
    #container .fix-form .form .input select{background:#fff url(../img/icon_dropdown.png) no-repeat right 5px center}
    #container .fix-form .form .input input[type="tel"]{width:210px}
    #container .fix-form .form .input button{margin-left:17px;width:77px;height:37px;background:#1a478c;color:#fff;text-align:center;font-size:18px}
    #container .fix-form .form .check{position:absolute;bottom:0;left:0;margin:5px 0 0 0}
    #container .fix-form .form .check a{color:#fff;margin:0 0 0 10px}
    #container .fix-form .form .closeBtn{position:absolute;top:0;right:0;padding:8px;width:36px;cursor:pointer}
    #container .fix-form .form .closeBtn img{display:block;width:100%;height:auto}
    #container .fix-form .form label.checkbox{cursor:pointer}
    #container .fix-form .form label.checkbox input{display:none}
    #container .fix-form .form label.checkbox span{color:#fff; font-size:14px;display:flex;align-items:center;margin:0}
    #container .fix-form .form label.checkbox span::before{content:""; display:inline-block; width:16px; height:16px; background:#fff no-repeat center center/60%; border:1px solid #000; margin-right:5px}
    #container .fix-form .form label.checkbox input:checked ~ span:before{background-image:url("https://cdn1.iconfinder.com/data/icons/material-core/18/check-256.png")}
    #container.on .fix-form.active .request,
    #container.on .fix-form.active .psychometry{transform:translateY(100%)}
    #container.on .fix-form.active .form{transform:translateY(0)}
	#container .fix-form .form .input .startform_name{width:147px;max-width:100%;height:37px;border:1px solid #000;font-size:14px;padding:0 10px;background:#fff; margin-left:0px}
	#container .fix-form .form .input .startform_cell{width:147px;max-width:100%;height:37px;border:1px solid #000;font-size:14px;padding:0 10px;background:#fff}
	#container .fix-form .form .input .startform_sub_gubun{width:147px;max-width:100%;height:37px;border:1px solid #000;font-size:14px;padding:0 10px;background:#fff url(../img/icon_dropdown.png) no-repeat right 5px center}
	#container .fix-form .form .input .startform_sido{width:147px;max-width:100%;height:37px;border:1px solid #000;font-size:14px;padding:0 10px;background:#fff url(../img/icon_dropdown.png) no-repeat right 5px center}

    /**/
    #container .news{padding:65px 0 100px 0}
    #container .news .cont{}
    #container .news .list{width:1000px;max-width:100%;margin:0 auto}
    #container .news .list ul{display:flex;flex-wrap:wrap;margin:0 -50px -50px 0}
    #container .news .list li{width:33.33%}
    #container .news .list li .box{display:flex;margin:0 auto 50px 0;flex-direction:column;background:#ebebeb;padding:30px;min-height:300px;width:300px;transition:all 0.3s}
    #container .news .list li .box .cate{flex-shrink:0;margin:0 0 24px 0;height:24px;line-height:24px;font-size:16px;color:#666666}
    #container .news .list li .box .subj{flex:1;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden;line-height:28px;font-size:20px;color:#333333;word-break:keep-all}
    #container .news .list li .box .date{flex-shrink:0;margin:24px 0 0 0;height:24px;line-height:24px;font-size:16px;color:#666666}
    #container .news .list li .box:hover{background:#1a478c}
    #container .news .list li .box:hover .cate,
    #container .news .list li .box:hover .date{color:#d7d7d7}
    #container .news .list li .box:hover .subj{color:#ffffff}
    #container .news .detail{margin:0 auto;padding:35px 0 0 0;width:1000px;max-width:100%}
    #container .news .detail .head{margin:0 auto 25px;width:800px;max-width:100%}
    #container .news .detail .head .subj{line-height:38px;font-size:30px;font-weight:500;color:#000000;word-break:keep-all}
    #container .news .detail .head .date{margin:30px 0 0 0;line-height:24px;font-size:16px;color:#666666}
    #container .news .detail .cont{margin:0 auto;padding:0;width:800px;max-width:100%}
    #container .news .detail .cont img{margin:0 0 60px 0;border:1px solid #111;width:auto;max-width:100%;height:auto}
    #container .news .detail .cont p{display:block;margin:0 0 24px 0;line-height:24px;font-size:18px;color:#333333}
    #container .news .detail .page{margin:240px 0 0 0;border-top:1px solid #9e9e9e}
    #container .news .detail .page dl{display:flex;height:60px;padding:0 15px;border-bottom:1px solid #9e9e9e;align-items:center}
    #container .news .detail .page dt{display:flex;flex-shrink:0;width:125px;text-align:center;align-items:center;justify-content:center;line-height:24px;font-size:16px;font-weight:500;color:#231f20}
    #container .news .detail .page dd{flex:1}
    #container .news .detail .page dd a{display:block;line-height:24px;font-size:16px;color:#898989}
    #container .news .detail .page dd a:hover{color:#1a478c}
    #container .news .detail .button{margin:50px 0 0 0}

    /**/
    #container .event{padding:65px 0 100px 0}
    #container .event .cont{}
    #container .event .list{width:980px;max-width:100%;margin:0 auto}
    #container .event .list ul{display:flex;flex-direction:column}
    #container .event .list li{margin:0 0 40px 0}
    #container .event .list li:last-child{margin:0}
    #container .event .list li .box{display:flex;background:#ebebeb}
    #container .event .list li .img{width:490px;height:294px;background:#1a478c;flex-shrink:0}
    #container .event .list li .img img{width:100% !important;height:100% !important;object-fit:cover;display:block}
    #container .event .list li .con{padding:20px;display:flex;flex-direction:column;align-items:flex-start;flex:1}
    #container .event .list li .cate{margin:0 0 25px 0;padding:0 10px;display:inline-flex;border:1px solid #1a478c;background:#1a478c;height:34px;align-items:center;justify-content:center;font-size:16px;color:#fff}
    #container .event .list li .cate.end{background:transparent;color:#1a478c}
    #container .event .list li .subj{margin:0 0 10px 0;height:64px;line-height:32px;font-size:20px;font-weight:500;color:#333333;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden}
    #container .event .list li .text{margin:0 0 25px 0;flex:1;line-height:22px;font-size:15px;color:#333333;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden}
    #container .event .list li .date{flex-shrink:0;line-height:32px;font-size:16px;color:#666666}
    #container .event .detail{margin:0 auto;padding:35px 0 0 0;width:1000px;max-width:100%}
    #container .event .detail .head{margin:0 auto 60px;width:800px;max-width:100%}
    #container .event .detail .head .cate{display:flex;margin:0 0 20px 0}
    #container .event .detail .head .cate span{min-width:60px;height:34px;display:inline-flex;border:1px solid #1a478c;background:#1a478c;height:34px;align-items:center;justify-content:center;font-size:16px;color:#fff}
    #container .event .detail .head .cate.end span{background:transparent;color:#1a478c}
    #container .event .detail .head .subj{line-height:38px;font-size:30px;font-weight:500;color:#000000;word-break:keep-all}
    #container .event .detail .head .date{margin:30px 0 0 0;line-height:24px;font-size:16px;color:#666666}
    #container .event .detail .cont{margin:0 auto;padding:0;width:1100px;max-width:100%}
    #container .event .detail .cont img{margin:0 0 60px 0;width:auto;max-width:100%;height:auto}
    #container .event .detail .button{margin:50px 0 0 0}

    /**/
    #container .social{padding:65px 0 100px 0}
    #container .social .cont{padding: 0 16px;}
    #container .social .list{width:1000px;max-width:100%;margin:0 auto}
    #container .social .list ul{display:flex;flex-wrap:wrap;margin:0 -50px -50px 0;width: 100%;}
    #container .social .list li{width:300px;max-width: 33.33%;display:flex;align-items:center;justify-content:center;margin:0  auto 50px 0}
    #container .social .list li:nth-child(3n){margin-right:0}
    #container .social .list li .box{display:flex;flex-direction:column;width:300px;height:300px}
    #container .social .list li.youtube{}
    #container .social .list li.youtube .box{background:#ebebeb;border-radius:50%;overflow:hidden}
    #container .social .list li.youtube .box .img{position:relative; transform: scale(1); transition: all 0.5s ease-in-out;}
    #container .social .list li.youtube .box .img:hover {transform: scale(1.3);}
    /* #container .social .list li.youtube .box .img:after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:#fff;opacity:0.3} */
    #container .social .list li.youtube .box .img i {z-index:5;width:36px;height:42px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:url("../img/icon_vod_play.png")}
    /* #container .social .list li.youtube .box:hover .img:after{background:#010101;opacity:0.5 transform: scale(1.2);} */
    #container .social .list li.youtube .box:hover {background:#010101;opacity:0.5 transform: scale(1.2);}
    #container .social .list li.instagram{}
    #container .social .list li.instagram .box{background:#ebebeb;padding:25px}
    #container .social .list li.instagram .tit{display:flex;margin:0 0 20px 0}
    #container .social .list li.instagram .tit i{width:30px;height:30px;margin:0 15px 0 0;flex-shrink:0;background:url("../img/icon_instagram.png") no-repeat 50% 50% / 100% auto;transition:all .9s;}
    #container .social .list li.instagram .tit i:hover{transform:rotate(360deg)}
    #container .social .list li.instagram .tit p{line-height:30px;font-size:16px;font-weight:500;color:#1b2122}
    #container .social .list li.instagram .txt{line-height:36px;font-size:16px;color:#1b2122;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden}
    #container .social .list li.instagram .box:hover{background:#1a478c}
    #container .social .list li.instagram .box:hover .tit i{background:url("../img/icon_instagram_on.png") no-repeat 50% 50% / 100% auto}
    #container .social .list li.instagram .box:hover .tit p{color:#fff}
    #container .social .list li.instagram .box:hover .txt{color:#fff}
    #container .social .list li.cafe{}
    #container .social .list li.cafe .box{background:#ebebeb;padding:25px}
    #container .social .list li.cafe .tit{display:flex;margin:0 0 20px 0}
    #container .social .list li.cafe .tit i{width:30px;height:30px;margin:0 15px 0 0;flex-shrink:0;background:url("../img/icon_cafe.png") no-repeat 50% 50% / 100% auto;transition:all .9s;}
    #container .social .list li.cafe .tit i:hover{transform:rotate(360deg)}
    #container .social .list li.cafe .tit p{line-height:30px;font-size:16px;font-weight:500;color:#1b2122}
    #container .social .list li.cafe .txt{line-height:36px;font-size:16px;color:#1b2122;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden}
    #container .social .list li.cafe .box:hover{background:#009345}
    #container .social .list li.cafe .box:hover .tit i{background:url("../img/icon_cafe_on.png") no-repeat 50% 50% / 100% auto}
    #container .social .list li.cafe .box:hover .tit p{color:#fff}
    #container .social .list li.cafe .box:hover .txt{color:#fff}
    #container .social .list li.blog{}
    #container .social .list li.blog .box{background:#ebebeb;padding:25px}
    #container .social .list li.blog .tit{display:flex;margin:0 0 20px 0}
    #container .social .list li.blog .tit i{width:30px;height:30px;margin:0 15px 0 0;flex-shrink:0;background:url("../img/icon_blog.png") no-repeat 50% 50% / 100% auto;transition:all .9s;}
    #container .social .list li.blog .tit i:hover{transform:rotate(360deg)}
    #container .social .list li.blog .tit p{line-height:30px;font-size:16px;font-weight:500;color:#1b2122}
    #container .social .list li.blog .txt{line-height:36px;font-size:16px;color:#1b2122;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden}
    #container .social .list li.blog .box:hover{background:#00c73d}
    #container .social .list li.blog .box:hover .tit i{background:url("../img/icon_blog_on.png") no-repeat 50% 50% / 100% auto;}
    #container .social .list li.blog .box:hover .tit p{color:#fff}
    #container .social .list li.blog .box:hover .txt{color:#fff}

    
    /**/
    #container .newsletter{padding:65px 0 100px 0}
    #container .newsletter .cont{}
    #container .newsletter .list{width:1000px;max-width:100%;margin:0 auto}
    #container .newsletter .list ul{display:flex;flex-wrap:wrap;margin:0 -50px -50px 0}
    #container .newsletter .list li{width:300px;margin:0 auto 50px;height:423px}
    #container .newsletter .list li .box{}
    #container .newsletter .list li .box .img{background:#ebebeb;border:1px solid #999999;display:block}
    #container .newsletter .list li .box .img img{width:100%;height:100%;object-fit:cover;display:block}
    
    /**/
    #container .company{}
    #container .company .sect{}
    #container .company .company01{display:flex;flex-direction:column;justify-content:flex-end;align-items:center;overflow:hidden}
    #container .company .company01.init{opacity:1;transform:translateY(0);transition:none}
    #container .company .company01.init .bg{transform:scale(1.1)}
    #container .company .company01.animate .bg{transform:scale(1);transition:all 0.8s}
    #container .company .company01.init .tit{opacity:0;transform:translateY(50px);transition:none}
    #container .company .company01.animate .tit{opacity:1;transform:translateY(0);transition:all 0.8s}
    #container .company .company01 .bg{position:absolute;top:0;left:0;width:100%;height:100%;transition:all 3s;z-index:4}
    #container .company .company01 .bg img{display:block;width:100%;height:100%;object-fit:cover}
    #container .company .company01 .height{opacity:0;visibility:hidden;position:relative;z-index:-1}
    #container .company .company01 .height img{width:100%;height:auto}
    #container .company .company01 .wrap{position:absolute;z-index:5;bottom:100px;left:0;width:100%}
    #container .company .company01 .tit{text-align:center;font-size:48px;color:#fff;transition:all 0.8s}
    #container .company .company01 .tit span{color:#ffc600}
    #container .company .company02{padding:100px 0;text-align:center}
    #container .company .company02 .tit{margin:0 0 50px 0;font-size:48px;font-weight:500}
    #container .company .company02 .txt{margin:0 0 60px 0;font-size:24px}
    #container .company .company02 .act{}
    #container .company .company02 .act a{border-radius:40px;display:inline-flex;min-width:190px;height:56px;border:1px solid #222;align-items:center;justify-content:center;font-size:20px}
    #container .company .company03{padding:100px 0 0 0;background:url("../img/img_company_company03.png") no-repeat 50% 50% / cover}
    #container .company .company03 .wrap{display:flex}
    #container .company .company03 .img{}
    #container .company .company03 .img img{width:auto;max-width:100%}
    #container .company .company03 .con{padding:100px 0;flex:1}
    #container .company .company03 .tit{margin:0 0 50px 0;display:flex;font-size:32px;align-items:center}
    #container .company .company03 .tit img{margin:0 10px 0 0}
    #container .company .company03 .txt{}
    #container .company .company03 .txt ul{}
    #container .company .company03 .txt li{padding:0 0 15px 0;display:flex;border-bottom:2px solid #333;align-items:center}
    #container .company .company03 .txt li + li{margin-top:50px}
    #container .company .company03 .txt li strong{font-size:48px;font-weight:800;margin:0 25px 0 0;display:flex;color:#555555;align-items:center;justify-content:center;white-space:nowrap}
    #container .company .company03 .txt li span{font-size:18px}
    #container .company .company03 .txt > p{text-align:right;margin:15px 0 0 0;font-size:18px;color:#999999}
    #container .company .company03 .txt li.init{transform:translateY(0);transition:none}
    #container .company .company03 .txt li.init strong{transform:translateY(30px);transition:none;transition-delay:0.5s;opacity:0}
    #container .company .company03 .txt li.init span{transform:translateY(30px);transition:none;opacity:0}
    #container .company .company03 .txt li.animate strong{transform:translateY(0);opacity:1;transition:all 0.8s}
    #container .company .company03 .txt li.animate span{transform:translateY(0);opacity:1;transition:all 0.8s}
    #container .company .company04{padding:100px 0;background:url("../img/img_company_company04.png") no-repeat 50% 50%;display:flex;align-items:center;justify-content:flex-start;min-height:852px;text-align:left}
    #container .company .company04 .tit{margin:0 0 50px 0;font-size:32px}
    #container .company .company04 .txt{margin:0 0 60px 0;font-size:18px}
    #container .company .company04 .act{}
    #container .company .company04 .act a{border-radius:40px;display:inline-flex;min-width:220px;height:56px;border:1px solid #222;align-items:center;justify-content:center;font-size:20px}
    #container .company .company05{padding:85px 0;text-align:center;background:#f4f4f4}
    #container .company .company05 .img{}
    #container .company .company05 .img img{}
    #container .company .company05 .tit{font-size:32px;margin:0 0 40px 0}
    #container .company .company05 .txt{margin:0 0 30px;line-height:30px;font-size:18px}
    #container .company .company05 .act{}
    #container .company .company05 .act a{border-radius:40px;display:inline-flex;min-width:220px;height:56px;border:1px solid #222;align-items:center;justify-content:center;font-size:20px}
    #container .company .company05 .dow{margin:60px auto 0;padding:60px 0 0 0;border-top:1px solid #666;width:850px;max-width:100%}
    #container .company .company05 .dow a{border-radius:40px;display:inline-flex;min-width:240px;height:50px;border:1px solid #222;align-items:center;justify-content:center;font-size:18px;color:#fff;background:#222}
    
    /**/
    #container .history{padding:0 0 100px 0}
    #container .history .sect{}
    #container .history .img{display:flex;height:285px;align-items:center;justify-content:center}
    #container .history .img img{width:100%;height:100%;object-fit:cover;}
    #container .history .sub{margin:-35px 0 0 0;width:672px;height:160px;display:flex;align-items:center;justify-content:flex-end;background:#1a478c;padding:30px;font-size:48px;color:#fff;position:relative;z-index:2;}
    #container .history .wrap{width:1350px;margin:-85px auto 0;padding:0 0 0 430px}
    #container .history .tit{font-size:48px;font-weight:500;color:#000;margin:0 0 30px 0}
    #container .history .txt{font-size:24px;margin:0 0 55px 0}
    #container .history .lst{}
    #container .history .lst dl{position:relative;padding:0 0 0 50px;margin:0 0 25px 0}
    #container .history .lst dl:before{content:'';position:absolute;top:7px;left:0;width:26px;height:26px;border-radius:26px;border:6px solid #1a478c;box-sizing:border-box}
    #container .history .lst dl:after{content:'';position:absolute;top:50px;left:11px;bottom:0;width:3px;background:#aaaaaa}
    #container .history .lst dt{margin:0 0 15px 0;line-height:1;font-size:36px;font-weight:bold;color:#000}
    #container .history .lst dd{padding:0 0 15px 0}
    #container .history .lst dd p{line-height:32px;font-size:18px;color:#333}
    
    @media (max-width: 1872px) and (min-width: 1350px) {
        #container .history .sub{width: 30vw;}
    }
    
    @media (max-width: 1350px) and (min-width: 961px) {
        #container .history .sub{width: 30%;}
        #container .history .wrap{padding: 0 0 0 35%;}
    }
    
    /**/
    #container .location{padding:65px 0 200px 0}
    #container .location .title{display:flex;align-items:center;margin:0 0 10px 0;padding:0}
    #container .location .title i{flex-shrink:0;width:38px;height:53px;background:url("../img/icon_location.png") no-repeat 50% 50%;margin:0 10px 0 0}
    #container .location .title p{flex:1;line-height:30px;font-size:30px;color:#6e6e6e;text-align:left}
    #container .location .map{margin:0 0 55px 0;border:1px solid #b7b7b7;height:500px;position:relative}
    #container .location .map iframe{position:absolute;top:0;left:0;width:100%;height:100%}
    #container .location .cont{}
    #container .location .cont ul{display:flex}
    #container .location .cont li{flex:1}
    #container .location .cont li + li{margin-left:30px}
    #container .location .cont .box{padding:50px;border:2px solid #b7b7b7;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}
    #container .location .cont .ico{margin:0 0 28px 0}
    #container .location .cont .ico i{display:block;width:75px;height:75px;background-repeat:no-repeat;background-position:center center;background-size:100% auto}
    #container .location .cont .tit{margin:0 0 60px 0;line-height:30px;font-size:30px;color:#6e6e6e}
    #container .location .cont .txt{min-height:90px;line-height:30px;font-size:18px;color:#6e6e6e;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}
    #container .location .cont .txt p{display:block}
    #container .location .cont .txt p.medium{font-weight:500}
    #container .location .cont .txt em.blue{color:#426cc0}
    #container .location .cont .txt em.brown{color:#ab8218}
    #container .location .cont .txt em.green{color:#49b83a}
    #container .location .cont li:nth-child(1) .box .ico i{background-image:url("../img/img_location_ico01.png")}
    #container .location .cont li:nth-child(2) .box .ico i{background-image:url("../img/img_location_ico02.png")}
    #container .location .cont li:nth-child(3) .box .ico i{background-image:url("../img/img_location_ico03.png")}
    #container .location .cont li:nth-child(1) .box:hover .ico i{background-image:url("../img/img_location_ico01_on.png")}
    #container .location .cont li:nth-child(2) .box:hover .ico i{background-image:url("../img/img_location_ico02_on.png")}
    #container .location .cont li:nth-child(3) .box:hover .ico i{background-image:url("../img/img_location_ico03_on.png")}
    #container .location .cont .box:hover{border-color:#1a478c}
    #container .location .cont .box:hover .tit{color:#1a478c}

    /**/
    #container .consultation{}
    #container .consultation .visual{background:url("../img/img_consultation.jpg") no-repeat 50% 50% / cover}
    #container .consultation .visual .wrap{display:flex;flex-direction:column;align-items:center;text-align:center}
    #container .consultation .visual .top{position:relative;display:flex;align-items:flex-end;padding:63px 0 0 0;margin:0 0 30px 0}
    #container .consultation .visual .top:before{content:'';position:absolute;top:0;left:0;width:89px;height:134px;background:url("../img/img_consultation_badge.png") no-repeat 50% 50%}
    #container .consultation .visual .top p{display:flex;align-items:center;height:50px;padding:0 20px;padding-left:95px;border-radius:50px;background:#fff;font-size:30px;font-weight:500;color:#333333}
    #container .consultation .visual .tit{margin:0 0 65px 0;line-height:60px;font-size:48px;color:#1a478c;text-shadow:3px 3px 0 #f5c12c;font-family:'GmarketSans';font-weight:bold}
    #container .consultation .visual .txt{margin:0 0 75px 0;line-height:42px;font-size:36px;color:#333333}
    #container .consultation .visual .act{display:inline-flex;align-items:center;justify-content:center;padding:0 20px;height:58px;background:#1a478c;border-radius:29px}
    #container .consultation .visual .act a{margin:5px 0 0 0;font-size:36px;color:#fff;line-height:1;font-family:'GmarketSans';font-weight:500}
    #container .consultation .visual .ico{margin:25px 0 15px 0;transition:all 0.5s}
    #container .consultation .visual .act:hover ~ .ico{transform:translateY(-5px)}
    #container .consultation .why{background:#1a478c;overflow:hidden;padding:100px 0 0 0;text-align:center}
    #container .consultation .why .tit{color:#fdd257;font-size:48px;font-family:'GmarketSans';font-weight:bold}
    #container .consultation .why .txt{margin-bottom:-135px;display:flex;align-items:flex-start;justify-content:center}
    #container .consultation .why .txt img{}
    #container .consultation .why .txt p{font-size:60px;color:#fff;font-family:'GmarketSans';font-weight:bold}
    #container .consultation .reason{}
    #container .consultation .reason .desc{padding:125px 0}
    #container .consultation .reason .desc .wrap{display:flex;align-items:center;flex-direction:column}
    #container .consultation .reason .desc .title{border:4px solid #1a478c;border-radius:50px;padding:0 25px;display:inline-flex;height:80px;align-items:center;justify-content:center;margin:0 0 40px 0}
    #container .consultation .reason .desc .title p{font-family: 'GmarketSans';font-weight: bold;line-height: 1;font-size: 36px;color: #1a478c;margin: 5px 0 0 0;}
    #container .consultation .reason .desc .cont{text-align:center;position:relative}
    #container .consultation .reason .desc .cont .tit{font-family:'GmarketSans';font-weight:bold;font-size:60px;color:#333}
    #container .consultation .reason .desc .cont .txt{margin-top:50px;font-size:28px;line-height:1.2;margin-bottom:85px}
    #container .consultation .reason .desc .cont .act{display:flex;justify-content:center;align-items:Center}
    #container .consultation .reason .desc .cont .act a{font-family:'GmarketSans';padding:0 25px;font-size:36px;border-radius:50px;height:58px;display:inline-flex;align-items:center;justify-content:center;min-width:320px;background:#1a478c;color:#fff}
    #container .consultation .reason .desc .cont .act a + a{margin-left:42px}
    #container .consultation .reason .desc:nth-child(1){background:#ffe5e5;padding:125px 0 0 0;overflow:hidden}
    #container .consultation .reason .desc:nth-child(1) .img{margin-top:62px;position:relative}
    #container .consultation .reason .desc:nth-child(1) .img img{display:block;width:auto;max-width:100%;transition:all 0.3s}
    #container .consultation .reason .desc:nth-child(1) .img img.move_dia{display:block;width:auto;max-width:100%;position:absolute;bottom:0;left:0;transform:translate(0,50px);z-index:1}
    #container .consultation .reason .desc:nth-child(1) .img img.move_spt{display:block;width:auto;max-width:100%;position:absolute;bottom:0;left:0;transform:translate(0,50px);z-index:2}
    #container .consultation .reason .desc:nth-child(1) .img.type1 img.move_dia{transform:translate(5px,45px)}
    #container .consultation .reason .desc:nth-child(1) .img.type2 img.move_spt{transform:translate(5px,45px)}
    #container .consultation .reason .desc:nth-child(2){background:#e3eff9}
    #container .consultation .reason .desc:nth-child(2) .prg{}
    #container .consultation .reason .desc:nth-child(2) .prg ul{display:flex;margin:0 auto;width:986px;max-width:100%;height:auto}
    #container .consultation .reason .desc:nth-child(2) .prg ul li{flex:1;display:flex;flex-direction:column}
    #container .consultation .reason .desc:nth-child(2) .prg ul li + li{margin-left:10px}
    #container .consultation .reason .desc:nth-child(2) .prg ul li .prg_t{margin:0 0 12px 0;background:#fff;border-radius:10px;display:flex;flex-direction:column;padding:60px 0;align-items:center;min-height:455px}
    #container .consultation .reason .desc:nth-child(2) .prg ul li .prg_t img{margin:0 0 24px 0;width:180px;height:180px;border-radius:50%;overflow:hidden;object-fit:cover}
    #container .consultation .reason .desc:nth-child(2) .prg ul li .prg_t strong{margin:0 0 35px 0;font-size:36px;font-weight:bold;color:#1d498d;font-family:'GmarketSans'}
    #container .consultation .reason .desc:nth-child(2) .prg ul li .prg_t p{height:56px;font-size:24px;line-height:28px}
    #container .consultation .reason .desc:nth-child(2) .prg ul li .prg_c{margin:0 0 12px 0;border-radius:10px;background:#fafafa;overflow:hidden}
    #container .consultation .reason .desc:nth-child(2) .prg ul li .prg_c strong{display:flex;align-items:center;justify-content:center;height:60px;font-size:30px;font-weight:bold;color:#1d498d;font-family:'GmarketSans'}
    #container .consultation .reason .desc:nth-child(2) .prg ul li .prg_c p{display:flex;align-items:center;justify-content:center;height:200px;background:#f1f1f1;font-size:24px;color:#333333}
    #container .consultation .reason .desc:nth-child(2) .prg ul li .prg_b{min-height:260px;font-size:24px;color:#333;text-align:left;display:flex}
    #container .consultation .reason .desc:nth-child(2) .prg ul li .prg_b:before{content:"\203B";margin:0 5px 0 0;font-family:'Noto Sans KR'}
    #container .consultation .reason .desc:nth-child(2) .prg ul li .prg_b2{min-height:260px;padding:20px 10px;line-height:28px;font-size:24px;color:#333;display:flex;align-items:center;justify-content:center;border-radius:10px;overflow:hidden;word-break:keep-all;background:#a3dfea}
    #container .consultation .reason .desc:nth-child(2) .prg ul li:nth-child(1) .prg_c strong{background:#ffe393}
    #container .consultation .reason .desc:nth-child(2) .prg ul li:nth-child(1) .prg_c p{background:#fdd257}
    #container .consultation .reason .desc:nth-child(2) .prg ul li:nth-child(2) .prg_c strong{background:#e2f761}
    #container .consultation .reason .desc:nth-child(2) .prg ul li:nth-child(2) .prg_c p{background:#c7df41}
    #container .consultation .reason .desc:nth-child(2) .img{position:absolute;bottom:0;right:0;display:flex;align-items:flex-end}
    #container .consultation .reason .desc:nth-child(2) .img img{transition:all 0.5s}
    #container .consultation .reason .desc:nth-child(2) .img.init img:nth-child(1){transform:translateX(0);transition:none}
    #container .consultation .reason .desc:nth-child(2) .img.animate img:nth-child(1){transform:translateX(5px);transition:all 0.8s;transition-delay:1s}
    #container .consultation .reason .desc:nth-child(3){}
    #container .consultation .reason .desc:nth-child(3) .cont .txt{margin-bottom:60px}
    #container .consultation .reason .desc:nth-child(3) .lst{}
    #container .consultation .reason .desc:nth-child(3) .lst ul{display:flex;width:963px;justify-content:space-between;align-items:center}
    #container .consultation .reason .desc:nth-child(3) .lst li{flex:1;flex-direction:column;display:flex;align-items:center}
    #container .consultation .reason .desc:nth-child(3) .lst li + li{margin-left:46px}
    #container .consultation .reason .desc:nth-child(3) .lst li i{width:172px;height:174px;position:relative;margin:0 auto 36px}
    #container .consultation .reason .desc:nth-child(3) .lst li img{width:100%;height:auto}
    #container .consultation .reason .desc:nth-child(3) .lst li > div{padding:30px 0;border-top:2px solid #eee;border-bottom:2px solid #eee;width:100%;display:flex;flex-direction:column}
    #container .consultation .reason .desc:nth-child(3) .lst li > div strong{font-size:24px;font-weight:400;margin:0 0 25px 0;color:#828282}
    #container .consultation .reason .desc:nth-child(3) .lst li > div strong span{font-size:28px;font-weight:500}
    #container .consultation .reason .desc:nth-child(3) .lst li > div p{font-size:18px;color:#828282;min-height:81px}
    #container .consultation .reason .desc:nth-child(3) .lst li:nth-child(1) > div{border-color:#ffc000}
    #container .consultation .reason .desc:nth-child(3) .lst li:nth-child(1) > div strong span{color:#ffc000}
    #container .consultation .reason .desc:nth-child(3) .lst li:nth-child(2) > div{border-color:#43c967}
    #container .consultation .reason .desc:nth-child(3) .lst li:nth-child(2) > div strong span{color:#43c967}
    #container .consultation .reason .desc:nth-child(3) .lst li:nth-child(3) > div{border-color:#6ed7ff}
    #container .consultation .reason .desc:nth-child(3) .lst li:nth-child(3) > div strong span{color:#6ed7ff}
    #container .consultation .reason .desc:nth-child(3) .lst li:nth-child(1) .hover1{position:absolute;top:0;left:0;animation:blink-effect 1s step-end infinite}
    #container .consultation .reason .desc:nth-child(3) .lst li:nth-child(1) .hover2{position:absolute;top:0;left:0;animation:blink-effect 1s step-end infinite;animation-delay:0.5s}
    #container .consultation .reason .desc:nth-child(3) .lst li:nth-child(2) .hover1{position:absolute;top:0;left:0;animation:rotate 5s infinite linear}
    #container .consultation .reason .desc:nth-child(3) .lst li:nth-child(3) .hover1{position:absolute;top:0;left:0}
    #container .consultation .banner{background:#ffd846}
    #container .consultation .banner .title{display:flex;margin:0;height:170px;align-items:center;justify-content:center;font-size:48px;font-weight:bold;color:#1a478c;font-family:'GmarketSans'}
    #container .consultation .banner.banner-type2{background:#1a478c;padding:130px 0;text-align:center}
    #container .consultation .banner.banner-type2 .title{color:#fff;display:inline;text-align:center}
    #container .consultation .banner.banner-type2 .title p{display:inline;color:#6ce4bd;font-family:'GmarketSans'}
    #container .consultation .review{padding:120px 0;background:url("../img/img_consultation_review.jpg") repeat-y 50% 50% }
    #container .consultation .review .desc{border-radius:30px;border:10px solid #ccc;background:#fff;padding:65px 50px;position:relative}
    #container .consultation .review .desc + .desc{margin-top:120px}
    #container .consultation .review .desc .age{position:absolute;left:0;top:-49px;line-height:1;font-size:60px;font-weight:bold;color:#ccc;font-family:'GmarketSans';z-index:1;transition:all 0.3s cubic-bezier(0.68, -0.55, 0.27, 1.55);transition-delay:0.5s}
    #container .consultation .review .desc .tit{font-size:30px;font-weight:500;text-align:center;margin-bottom:50px;color:#1a478c;font-family:'GmarketSans'}
    #container .consultation .review .desc .tit p{display:inline;position:relative;font-weight:bold}
    #container .consultation .review .desc .tit p b{position:relative;z-index:2;font-family:'GmarketSans'}
    #container .consultation .review .desc .tit p:after{content:"";display:block;width:100%;height:20px;border-radius:20px;background:#ffc000;position:absolute;left:0;bottom:0;z-index:0}
    #container .consultation .review .desc .txt{line-height:1.4;font-size:26px;font-family:'GmarketSans';word-break:keep-all}
    #container .consultation .review .desc .user{line-height:1.4;font-size:26px;margin-top:40px;text-align:right;font-family:'GmarketSans'}
    #container .consultation .review .desc.pink .age{color:#ffd1d1}
    #container .consultation .review .desc.pink{border-color:#ffd1d1}
    #container .consultation .review .desc.blue .age{color:#a2ecfa}
    #container .consultation .review .desc.blue{border-color:#a2ecfa}
    #container .consultation .review .desc.init .age{transform:translateY(-20px)}
    #container .consultation .review .desc.animate .age{transform:translateY(0px)}
    #container .consultation .process{padding:100px 0}
    #container .consultation .process .wrap{display:flex;flex-direction:column;align-items:center}
    #container .consultation .process .tit{font-size:48px;color:#333;font-family:'GmarketSans';font-weight:bold}
    #container .consultation .process .txt{font-size:30px;color:#333;margin-top:30px}
    #container .consultation .process .lst{margin-top:100px}
    #container .consultation .process .lst.init{transform:translateY(0);opacity:1;transition:none}
    #container .consultation .process .lst.animate{}
    #container .consultation .process .lst.init li{transform: translateY(50px);transition:none;opacity: 0;}
    #container .consultation .process .lst.animate li{transform: translateY(0px);transition:all 0.8s;opacity: 1;}
    #container .consultation .process .lst ul{display:flex;align-items:flex-start;justify-content:space-between;width:975px;max-width:100%;margin:0 auto}
    #container .consultation .process .lst li{text-align:center;position:relative;transition: none;}
    #container .consultation .process .lst li:before{content:counter(list-item); display:flex; align-items:center; justify-content:center; width:133px; height:133px;  border-radius:50%; position:relative;background:#6ce4bd; font-size:40px;  font-weight:bold;color:#fff; margin-bottom:15px;z-index:10}
    #container .consultation .process .lst li:after{content:""; display:block; width: 0; height:2px;border-top:2px dashed #464646;position:absolute; top:68px; left:50%; z-index:1;transition: none}
    #container .consultation .process .lst li.animate:after{width:100%;transition: all 0.8s;}
    #container .consultation .process .lst li:last-child:after{display:none}
    #container .consultation .process .lst li p{font-size:24px;line-height:1}
    #container .consultation .process .lst li a{display:inline-block;font-size:18px;line-height:1;padding:12px 20px;border-radius:50px;margin-top:10px;background:#333;color:#fff;border:1px solid #fff}
    #container .consultation .process .lst li:nth-child(1){transition-delay:0s;z-index:1}
    #container .consultation .process .lst li:nth-child(2){transition-delay:0.5s;z-index:2}
    #container .consultation .process .lst li:nth-child(3){transition-delay:1s;z-index:3}
    #container .consultation .process .lst li:nth-child(4){transition-delay:1.5s;z-index:4}
    #container .consultation .process .lst li:nth-child(5){transition-delay:2s;z-index:5}
    #container .consultation .process .lst li:nth-child(6){transition-delay:2.5s;z-index:6}
    #container .consultation .process .lst li:nth-child(1):after{transition-delay:0.65s;z-index:5}
    #container .consultation .process .lst li:nth-child(2):after{transition-delay:1.15s;z-index:4}
    #container .consultation .process .lst li:nth-child(3):after{transition-delay:1.65s;z-index:3}
    #container .consultation .process .lst li:nth-child(4):after{transition-delay:2.15s;z-index:2}
    #container .consultation .process .lst li:nth-child(5):after{transition-delay:2.65s;z-index:1}
    #container .consultation .process .lst li:nth-child(6):after{transition-delay:3.15s;z-index:1}
    #container .consultation .fix-form .request{transform:translateY(100%);overflow:initial}
    #container .consultation .fix-form.on .request{transform:translateY(0);overflow:initial}
    #container .consultation .fix-form.active .request{transform:translateY(100%)}
    #container .consultation .fix-form.active .form{transform:translateY(0)}
    
    /**/
    #container .philosophy{}
    #container .philosophy .sect{display:flex;flex-direction:column;position:relative}
    #container .philosophy .phil01{min-height:660px;justify-content:center;position:relative;overflow:hidden}
    #container .philosophy .phil01.init{opacity:1;transform:translateY(0);transition:none}
    #container .philosophy .phil01.init .bg{transform:scale(1.1);transition:none}
    #container .philosophy .phil01.animate .bg{transform:scale(1);transition:all 0.8s}
    #container .philosophy .phil01 .bg{position:absolute;top:0;left:0;width:100%;height:100%;transition:all 3s;z-index:4}
    #container .philosophy .phil01 .bg img{display:block;width:100%;height:100%;object-fit:cover}
    #container .philosophy .phil01 .wrap{position:relative;display:flex;flex-direction:column;align-items:center;width:auto;z-index:5}
    #container .philosophy .phil01 .wrap .img{position:absolute;top:50%;left:50%;margin:-270px 0 0 100px}
    #container .philosophy .phil01 .wrap .tit{font-size:48px;color:#fff;text-align:Center}
    #container .philosophy .phil02{padding:100px 0 25px 0;text-align:center;background:#f4f4f4}
    #container .philosophy .phil02 .tit{font-size:48px;margin:0 0 70px 0}
    #container .philosophy .phil02 .tit p{display:inline;font-size:48px;font-weight:bold;position:relative;color:#136c17}
    #container .philosophy .phil02 .tit p:after{content:"";display:block;width:23px;height:23px;position:absolute;top:-6px;right:-4px;background:url(../img/icon_leaf.png) no-repeat center center}
    #container .philosophy .phil02 .txt{font-size:24px}
    #container .philosophy .phil02 .txt p{display:block}
    #container .philosophy .phil02 .txt p + p{margin:48px 0 0}
    #container .philosophy .phil02 .txt p span.highlight{color:#1a478c;font-weight:bold}
    #container .philosophy .phil02 .txt p span.neon{position:relative;font-weight:bold}
    #container .philosophy .phil02 .txt p span.neon.init:before{content:'';position:absolute;top:0;left:0;bottom:0;width:0%;background:#c7e960;z-index:-1;transition:none}
    #container .philosophy .phil02 .txt p span.neon.animate:before{width:100%;transition:all 1s;}
    #container .philosophy .phil03{padding:50px 0 0 0;background:url("../img/img_philosophy_phil03.jpg") no-repeat top center;text-align:center}
    #container .philosophy .phil03 .tit{font-size:48px;margin:0 0 80px 0}
    #container .philosophy .phil03 .txt{font-size:24px;margin:0 0 35px 0}
    #container .philosophy .phil03 .txt p {}
    #container .philosophy .phil03 .txt span.neon{position:relative;padding:0 5px;color:#fff}
    #container .philosophy .phil03 .txt span.neon.init:before{content:'';position:absolute;top:0;right:0;bottom:0;width:0%;background:#333333;z-index:-1;transition:none}
    #container .philosophy .phil03 .txt span.neon.animate:before{width:100%;transition:all 1s;}
    #container .philosophy .phil04{background:url("../img/img_philosophy_phil04.jpg") no-repeat center top / cover;min-height:962px;padding:100px 0;text-align:center}
    #container .philosophy .phil04:before{content:'';position:absolute;bottom:100%;left:0;margin:0 0 -1px 0;width:100%;height:100px;background:url("../img/img_philosophy_phil04_grace.png") no-repeat bottom center / cover}
    #container .philosophy .phil04 .tit{font-size:48px;color:#fff;margin:0 0 85px 0}
    #container .philosophy .phil04 .txt{color:#fff}
    #container .philosophy .phil04 .txt p{font-size:24px;display:block}
    #container .philosophy .phil04 .txt span{font-size:36px;margin:70px 0 0 0;display:inline-flex;position:relative;height:70px;align-items:center}
    #container .philosophy .phil04 .txt span:before{content:'';position:absolute;right:100%;bottom:0;width:90px;height:90px;background:url(../img/img_philosophy_phil04_leaf.png) no-repeat 50% 50%;display:inline-block}
    #container .philosophy .phil04 .txt span:after{content:'';position:absolute;left:100%;bottom:0;margin:0 0 0 40px;width:212px;height:212px;background:url(../img/img_philosophy_phil04_light.png) no-repeat 50% 50%;animation:blink-effect 1s step-end infinite}
    #container .philosophy .phil04 .txt span strong{font-size:48px;width:100px;margin:0 10px;display:inline}
    #container .philosophy .phil04 .txt span strong.init{font-size:36px;transition:none}
    #container .philosophy .phil04 .txt span strong.animate{font-size:48px;animation:blink-effect 1s step-end infinite}
    #container .philosophy .phil05 {background:url("../img/img_philosophy_phil05.jpg") no-repeat center top / cover;min-height:1000px;padding:100px 0;text-align:center;position:relative}
    #container .philosophy .phil05 .tit{font-size:48px;margin: 0 0 70px 0}
    #container .philosophy .phil05 .txt{}
    #container .philosophy .phil05 .txt p{margin:0 0 65px 0;font-size:24px}
    #container .philosophy .phil05 .txt ul{}
    #container .philosophy .phil05 .txt li{font-size:36px;display:block}
    #container .philosophy .phil05 .txt li span{color:#fff}
    #container .philosophy .phil05 .txt li span.animate{animation:blink-effect 1s;animation-iteration-count:2}
    #container .philosophy .phil05 .ico{position:absolute;bottom:15px;left:50%;margin-left:-10px}
    #container .philosophy .phil05 .ico.init{transform:translateX(0px);opacity:1;transition:none}
    #container .philosophy .phil05 .ico.animate{transform:translateX(5px);transition:all 0.8s;transition-delay:1s}
    #container .philosophy .phil06{padding:100px 0 190px 0}
    #container .philosophy .phil06 .tit{font-size:48px;margin:0 0 145px 0;text-align:center}
    #container .philosophy .phil06 .tit span{font-weight:700;color:#1a478c}
    #container .philosophy .phil06 .txt{}
    #container .philosophy .phil06 .txt .diagram{display:flex;align-items:center;}
    #container .philosophy .phil06 .txt .diagram li{width:240px; height:240px; border-radius:50%; border:1px solid #1a478c; display:inline-flex; flex-direction:column; align-items:center; justify-content:center; font-size:22px; color:#1a478c; line-height:1.2;text-align:center}
    #container .philosophy .phil06 .txt .diagram li + li{margin-left:-50px}
    #container .philosophy .phil06 .txt .diagram li::before{content:""; display:block; width:58px; height:58px;  background:url('../img/icon_check_line.png') no-repeat 50% 50% /contain; margin-bottom:15px}
    #container .philosophy .phil06 .txt .diagram li.last{margin-left:100px; background:#1a478c; color:#fff; position:relative}
    #container .philosophy .phil06 .txt .diagram li.last::before{background:url('../img/icon_check_leaf.png') no-repeat 50% 50% /contain}
    #container .philosophy .phil06 .txt .diagram li.last::after{content:""; display:block; width:105px; height:1px; background:#1a478c; position:absolute; top:50%; left: -101px;}
    #container .philosophy .phil06 .txt .diagram.init li{opacity:0;transform:translateX(-20px);transition:none;}
    #container .philosophy .phil06 .txt .diagram.animate li{opacity:1;transform:translateX(0px);transition:all 0.8s}
    #container .philosophy .phil06 .txt .diagram.animate li:nth-child(1){transition-delay:0s}
    #container .philosophy .phil06 .txt .diagram.animate li:nth-child(2){transition-delay:0.3s}
    #container .philosophy .phil06 .txt .diagram.animate li:nth-child(3){transition-delay:0.6s}
    #container .philosophy .phil06 .txt .diagram.animate li:nth-child(4){transition-delay:0.9s}
    #container .philosophy .phil06 .txt .diagram.animate li:nth-child(5){transition-delay:1.2s}
    #container .philosophy .phil06 .img{position:absolute;bottom:0;left:60%}
    #container .philosophy .phil06 .img.animate{transition-delay:1s}
    #container .philosophy .phil06 .img img{display:block}
    #container .philosophy .phil07{background:url("../img/img_philosophy_phil07.gif") no-repeat center top / cover;min-height:1000px;padding:100px 0;text-align:center}
    #container .philosophy .phil07 .tit{font-size:48px;margin:0 0 140px 0;text-align:center}
    #container .philosophy .phil07 .txt{}
    #container .philosophy .phil07 .txt ul{margin:0 auto;width:1000px;max-width:100%}
    #container .philosophy .phil07 .txt li{display:flex;flex-direction:column}
    #container .philosophy .phil07 .txt li + li{margin:80px 0 0 0}
    #container .philosophy .phil07 .txt li p{font-size:24px;text-align:left;font-style:italic}
    #container .philosophy .phil07 .txt li span{font-size:20px;text-align:right;margin-top:45px;font-style:italic}
    #container .philosophy .phil08{background:url("../img/img_philosophy_phil08.jpg") no-repeat center top / cover;min-height:1000px;padding:100px 0;text-align:center}
    #container .philosophy .phil08.init{transform:translateY(0);opacity:1;transition:none}
    #container .philosophy .phil08.animate{background: url("../img/img_philosophy_phil08.gif") no-repeat center top / cover;transition:all 0.8s}
    #container .philosophy .phil08 .tit{font-size:48px;margin:0 0 80px 0;text-align:center}
    #container .philosophy .phil08 .txt{font-size:24px}
    #container .philosophy .phil09{position:relative;text-align:center;background:#e6e6e6;overflow:hidden}
    #container .philosophy .phil09 .bg{position:relative;height:254px;margin:0 0 50px 0}
    #container .philosophy .phil09 .bg p{position:absolute;top:0;left:50%;width:200%;height:127px;line-height:127px;color:#d5d5d5;font-size:127px;font-weight:700;opacity:.25;transform:translateX(-50%);overflow:hidden}
    #container .philosophy .phil09 .bg p span{float:left;white-space:nowrap}
    #container .philosophy .phil09 .bg p:nth-child(1){animation:slide-forward 50s infinite reverse linear;margin-left:110rem}
    #container .philosophy .phil09 .bg p:nth-child(2){top:50%;animation:slide-back 50s infinite reverse linear;margin-left:-110rem}
    #container .philosophy .phil09 .tit{font-size:36px;margin:0 0 20px 0}
    #container .philosophy .phil09 .img{max-width:100%;overflow:hidden}
    #container .philosophy .phil09 .img img{display:block;margin:0 auto;width:auto;max-width:100%}


    /**/
    #container .learning{}
    #container .learning .sect{display:flex;flex-direction:column;position:relative}
    #container .learning .learning01{text-align:center;background:url("../img/img_learning_learn01.jpg") no-repeat center top / cover;padding:100px 0;min-height:935px;text-align:center;position:relative}
    #container .learning .learning01 .tit{font-size:48px;margin:130px 0 85px 0;color:#fff}
    #container .learning .learning01 .txt{font-size:24px;color:#fff}
    #container .learning .learning01 .bot{position:absolute;bottom:0;left:0;width:100%;z-index:2;background:rgba(0, 0, 0, 0.6);font-style:italic;padding:70px 0;text-align:left}
    #container .learning .learning01 .bot strong{margin:0 0 24px 0;font-size:24px;font-weight:400;color:#fff;display:block}
    #container .learning .learning01 .bot p{font-size:24px;font-weight:400;color:#fff;display:block}
    #container .learning .learning01 .bot.init{transform:translateX(-20px);transition:none}
    #container .learning .learning01 .bot.init strong,
    #container .learning .learning01 .bot.init p{opacity:0.2;transition:none}
    #container .learning .learning01 .bot.animate{transform:translateX(0);transition:all 0.5s}
    #container .learning .learning01 .bot.animate strong,
    #container .learning .learning01 .bot.animate p{opacity:1;transition:all 0.5s}
    #container .learning .learning02{position:relative;overflow:hidden}
    #container .learning .learning02 .img{overflow:hidden;position:relative}
    #container .learning .learning02 .img img{width:100%;height:auto}
    #container .learning .learning02 .img.mo{display:none}
    #container .learning .learning02 .eff{position:absolute;top:-43%;left:-10%;width:100%;height:100%;transform:rotateZ(-40deg);z-index:1}
    #container .learning .learning02 .eff span{position:relative;top:-10%;width:5px;height:5px;background:#fff;display:block;border-radius:0 5px 5px 0}
    #container .learning .learning02 .eff span:after{display:block;position:absolute;bottom:3px;right:0;width:5px;height:75px;background-image:linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(255,255,255,0.4) 100%);content:''}
    #container .learning .learning02 .eff .star1{left:15%}  
    #container .learning .learning02 .eff .star2{left:27%}
    #container .learning .learning02 .eff .star3{left:37%}
    #container .learning .learning02 .eff .star1.on{animation:shootingStar 3s ease-out 1s}
    #container .learning .learning02 .eff .star2.on{animation:shootingStar 2.5s ease-out 1.2s}
    #container .learning .learning02 .eff .star3.on{animation:shootingStar 2.5s ease-out 1.5s}
    #container .learning .learning03{background:url("../img/img_learning_learn03.jpg") no-repeat center top / cover}
    #container .learning .learning03 .wrap{height:230px;display:flex;align-items:center;justify-content:center}
    #container .learning .learning03 .tit{font-size:48px;color:#333}
    #container .learning .learning03 .tit strong{font-weight:500}
    #container .learning .learning04{padding:270px 0 0 0;background:url("../img/img_learning_learn04.jpg") no-repeat center top / cover;min-height:906px;text-align:center}
    #container .learning .learning04 .tit{font-size:24px;position:relative;z-index:5}
    #container .learning .learning04 .img{position:absolute;top:0;left:0;height:100%}
    #container .learning .learning04 .img img{width:100%;height:100%;object-fit:cover;animation:blink-effect 3s infinite}
    #container .learning .learning05{padding:80px 0 150px 0;background:#abd9e8;text-align:center}
    #container .learning .learning05 .wrap{position:relative}
    #container .learning .learning05 .img{margin:0 0 50px 0;position:relative;background:#abd9e8}
    #container .learning .learning05 .img.sticky{position:sticky;top:0}
    #container .learning .learning05 .img img{width:100%;height:auto}
    #container .learning .learning05 .con{}
    #container .learning .learning05 .con + .con{margin-top:150px}
    #container .learning .learning05 .tit{margin:0 0 35px 0;font-size:48px;word-break:keep-all}
    #container .learning .learning05 .txt{font-size:24px;color:#494949}
    #container .learning .learning06{background:url("../img/img_learning_learn06.jpg") no-repeat center top / cover}
    #container .learning .learning06 .wrap{margin:350px auto;display:flex;text-align:center;flex-direction:column;align-items:center;justify-content:center}
    #container .learning .learning06 .tit{font-size:48px;margin:0 0 40px 0}
    #container .learning .learning06 .txt{font-size:24px}
    #container .learning .learning06 .txt strong{font-weight:600}

    
    /**/
    #container .store{padding:75px 0 150px 0}
    #container .store .sect{text-align:center;margin:0 0 60px 0}
    #container .store .sect .tit{margin:0 0 30px 0;font-size:40px;color:#3e3e3e}
    #container .store .sect .txt{font-size:22px;color:#6e6e6e}
    #container .store .search{background:#eeeeee;margin:0 0 50px 0;padding:40px 120px}
    #container .store .search p{line-height:40px;font-size:18px;color:#000}
    #container .store .search .input{display:flex}
    #container .store .search select{flex:1;height:40px;padding:0 12px;font-size:16px;background:#fff url("../img/icon_dropdown.png") no-repeat right 10px center}
    #container .store .search select + select{margin-left:12px}
    #container .store .search button,
    #container .store .search a{display:flex;align-items:center;justify-content:center;margin-left:28px;height:40px;font-size:18px;color:#fff;background:#333;flex:1}
    #container .store .list{}
    #container .store .list .in{display:flex;align-items:center;justify-content:end;margin:0 0 30px 0;border-bottom:1px solid #b0b0b0;padding:0 0 10px 0}
    #container .store .list .in p{display:flex;align-items:center;justify-content:center}
    #container .store .list .in p + p{margin-left:15px}
    #container .store .list .hd{}
    #container .store .list .hd li{display:flex}
    #container .store .list .hd li .desc{text-align:center;height:43px;background:#eeeeee;display:flex;align-items:center;justify-content:center;font-size:20px;color:#000}
    #container .store .list .bd{}
    #container .store .list .bd li{border-bottom:1px solid #dbdbdb}
    #container .store .list .bd li .head{display:flex}
    #container .store .list .bd li .head .desc{padding:25px 0;display:flex;align-items:center;justify-content:center}
    #container .store .list .bd li .head .addr{width:100%;padding:0 25px;font-size:16px}
    #container .store .list .bd li .head .name{width:250px;font-size:16px;display:flex;align-items:center}
    #container .store .list .bd li .head .name i{width:20px;height:20px;margin:0 10px 0 0}
    #container .store .list .bd li .head .name i.home{background:url("../img/icon_house_home.png") no-repeat 50% 50%}
    #container .store .list .bd li .head .name i.villa{background:url("../img/icon_house_villa.png") no-repeat 50% 50%}
    #container .store .list .bd li .head .tele{flex:1;padding:0 25px;font-size:16px}
    #container .store .list .bd li .head .link{width:100%;align-items:center;justify-content:center;display:flex}
    #container .store .list .bd li .head .link a{}
    #container .store .list .bd li .head .link a img{display:block}
    #container .store .list .bd li .head .link a + a{margin-left:15px}
    #container .store .list .bd li .head .zido{width:100%;align-items:center;justify-content:center;display:flex}
    #container .store .list .bd li .head .zido a{}
    #container .store .list .bd li .head .zido a img{display:block}
    #container .store .list .bd li .head .zido a + a{margin-left:15px}
    #container .store .list .bd li .map_cont{border:3px solid #1a478c;padding:20px 85px;display:none}
    #container .store .list .bd li .map_cont.active{display:block}
    #container .store .list .bd li .map_cont .info{display:flex;margin:0 0 25px 0;padding:0 0 25px 0;border-bottom:1px solid #dbdbdb}
    #container .store .list .bd li .map_cont .info .name{width:340px;padding:0 20px;line-height:25px;font-size:20px;font-weight:500;color:#1a478c}
    #container .store .list .bd li .map_cont .info .con{flex:1}
    #container .store .list .bd li .map_cont .info .con dl{display:flex}
    #container .store .list .bd li .map_cont .info .con dl + dl{margin-top:15px}
    #container .store .list .bd li .map_cont .info .con dt{flex-shrink:0;width:25px;height:25px}
    #container .store .list .bd li .map_cont .info .con dd{font-size:16px;flex:1;line-height:25px}
    #container .store .list .bd li .map_cont .map{}
    #container .store .list .bd li .map_cont .map > div{width:100%;height:330px;display:flex;align-items:center;justify-content:center;font-size:20px;color:#000;background:#eee;border:1px solid #000}
    #container .store .list li .desc:nth-child(1){width:400px}
    #container .store .list li .desc:nth-child(2){flex:1}
    #container .store .list li .desc:nth-child(3){width:140px}
    #container .store .list li .desc:nth-child(4){width:200px}
    
    /**/
    #container .program{}
    #container .program .program01{background:url("../img/img_program_program01.jpg") no-repeat 50% 50% / cover;min-height:850px;display:flex;flex-direction:column;justify-content:end;padding:100px 0;text-align:center}
    #container .program .program01 .tit{font-size:48px;margin:0 0 65px 0}
    #container .program .program01 .txt{font-size:24px}
    #container .program .program02{}
    #container .program .program02 .desc{padding:100px 0;position:relative}
    #container .program .program02 .desc .tit{font-size:48px;margin:0 0 45px 0}
    #container .program .program02 .desc .txt{font-size:24px;margin:0 0 100px 0}
    #container .program .program02 .desc .step{position:relative}
    #container .program .program02 .desc .step .img{display:flex;flex-direction:column;align-items:center}
    #container .program .program02 .desc .step .img img{width:180px;height:180px}
    #container .program .program02 .desc .step .img p{margin:30px 0 0 0;padding:0 0 20px 0;font-size:30px;font-weight:500;position:relative;display:inline-block}
    #container .program .program02 .desc .step .img p:after{content:'';position:absolute;bottom:0;left:0;width:100%;height:2px;background:#333}
    #container .program .program02 .desc .step .con{position:relative;margin:-140px 0 0 0;padding:40px;width:410px;background:#fff;display:flex;flex-direction:column}
    #container .program .program02 .desc .step .con:before{content:'';position:absolute;top:0;width:40px;height:40px;box-sizing:border-box;border-top:20px solid transparent;border-right:20px solid transparent;border-bottom:20px solid transparent;border-left:20px solid transparent}
    #container .program .program02 .desc .step .con strong{font-size:30px;line-height:1;margin:0 0 10px 0}
    #container .program .program02 .desc .step .con span{font-size:24px;color:#333333}
    #container .program .program02 .desc .step .con p{margin:50px 0 0 0;font-size:18px}
    #container .program .program02 .desc:nth-child(1){background:#ffe079;padding:100px 0;text-align:center}
    #container .program .program02 .desc:nth-child(1):before{content:'';position:absolute;bottom:0;left:50%;width:3px;height:50%;background:#fff}
    #container .program .program02 .desc:nth-child(1) .step .con{left:50%;margin-left:155px;text-align:left}
    #container .program .program02 .desc:nth-child(1) .step .con:before{border-top-color:#fff;border-right-color:#fff;right:100%}    
    #container .program .program02 .desc:nth-child(1) .step .con strong{color:#ffc500}
    #container .program .program02 .desc:nth-child(2){background:#c4ffec}
    #container .program .program02 .desc:nth-child(2):before{content:'';position:absolute;top:0;left:50%;width:3px;height:100%;background:#fff}
    #container .program .program02 .desc:nth-child(2) .step .con{text-align:left;margin-left:35px}
    #container .program .program02 .desc:nth-child(2) .step .con:before{border-top-color:#fff;border-left-color:#fff;left:100%}    
    #container .program .program02 .desc:nth-child(2) .step .con strong{color:#53c5a0}
    #container .program .program02 .desc:nth-child(3){background:#ffdaea }
    #container .program .program02 .desc:nth-child(3):before{content:'';position:absolute;top:0;left:50%;width:3px;height:100%;background:#fff}
    #container .program .program02 .desc:nth-child(3) .step .con{left:50%;margin-left:155px;text-align:left}
    #container .program .program02 .desc:nth-child(3) .step .con:before{border-top-color:#fff;border-right-color:#fff;right:100%}    
    #container .program .program02 .desc:nth-child(3) .step .con strong{color:#e57aa8}
    #container .program .program02 .desc:nth-child(4){background:#dbf3ff}
    #container .program .program02 .desc:nth-child(4):before{content:'';position:absolute;top:0;left:50%;width:3px;height:40%;background:#fff}
    #container .program .program02 .desc:nth-child(4) .step .con{text-align:left;margin-left:35px}
    #container .program .program02 .desc:nth-child(4) .step .con:before{border-top-color:#fff;border-left-color:#fff;left:100%}    
    #container .program .program02 .desc:nth-child(4) .step .con strong{color:#5ab6e2}
    #container .program .program03{background-image:url("../img/img_process01_basic03.png");background-repeat:no-repeat;background-position:50% 50%;display:flex;flex-direction:column;justify-content:end;padding:100px 0;text-align:center;background-color:#f6f6f6}
    #container .program .program03 .tit{font-size:48px;margin:0 0 65px 0}
    #container .program .program03 .txt{font-size:24px;margin:0 0 15px 0}
    
    /**/
    #container .process{}
    #container .process .sect{}
    #container .process .process01{display:flex;flex-direction:column;justify-content:end;padding:52px 0 0 0;text-align:center}
    #container .process .process01 .tit{font-size:48px;margin:0 0 65px 0;position:relative;z-index:2}
    #container .process .process01 .txt{font-size:24px;margin:0 0 15px 0}
    #container .process .process01 .img{}
    #container .process .process01 .img img{width:auto;max-width:100%;display:block;margin:0 auto}
    #container .process .process02{background:#fff;display:flex;flex-direction:column;justify-content:end;padding:85px 0 180px 0;text-align:center}
    #container .process .process02 .sub{display:flex;align-items:center;flex-direction:column;margin:0 0 70px 0}
    #container .process .process02 .sub img{width:45px}
    #container .process .process02 .sub p{margin:10px 0 0 0;padding:0 0 10px 0;font-size:30px;position:relative;display:inline-block}
    #container .process .process02 .sub p:after{content:'';position:absolute;bottom:0;left:0;width:100%;height:1px;background:#333}
    #container .process .process02 .tit{font-size:48px;margin:0 0 65px 0}
    #container .process .process02 .txt{position:relative;font-size:24px}
    #container .process .process02 .txt p{position:relative;z-index:2;word-break:keep-all}
    #container .process .process02 .txt p span{padding:0 5px}
    #container .process .process02 .txt p span{position:relative;font-weight:bold}
    #container .process .process02 .txt p span.init:before{content:'';position:absolute;top:0;left:0;bottom:0;width:0%;transition:none;z-index:-1}
    #container .process .process02 .txt p span.animate:before{width:100%;transition:all 1s;}
    #container .process .process02 .txt:before{content:'';position:absolute;z-index:0;width:145px;height:99px;transition:all 0.8s}
    #container .process .process02 .txt.init:before{transform:translateX(-50px);opacity:0;transition:none}
    #container .process .process02 .txt.animate:before{transform:translateX(0px);opacity:1;transition:all 0.8s;transition-delay:0.8s}
    #container .process .process02 .txt:after{content:'';position:absolute;width:145px;height:99px;transition:all 0.8s}
    #container .process .process02 .txt.init:after{transform:translateX(50px);opacity:0;transition:none;}
    #container .process .process02 .txt.animate:after{transform:translateX(0px);opacity:1;transition:all 0.8s;transition-delay:0.8s}
    #container .process .process03{background-image:url("../img/img_process01_basic03.png");background-repeat:no-repeat;background-position:50% 50%;display:flex;flex-direction:column;justify-content:end;padding:100px 0;text-align:center}
    #container .process .process03 .tit{font-size:48px}
    #container .process .process03 .tit + .txt{margin-top:65px}
    #container .process .process03 .txt{font-size:24px;margin:0 0 15px 0}
    #container .process .process04{display:flex;flex-direction:column;justify-content:end;padding:100px 0;text-align:center}
    #container .process .process04 .tit{font-size:48px;margin:0 0 50px 0}
    #container .process .process04 .prs{}
    #container .process .process04 .prs ul{margin:0 auto;width:740px}
    #container .process .process04 .prs li{margin:0 0 100px 0}
    #container .process .process04 .prs li .name{position:relative;margin:0 0 45px 0;display:inline-flex;padding:0 30px;height:58px;align-items:center;justify-content:center;border-radius:58px;background:#ffe079;font-size:30px;font-weight:600}
    #container .process .process04 .prs li .name2{background-color:#174690 !important;color:#fff}
    #container .process .process04 .prs li .act{margin:-35px 0 45px 0}
    #container .process .process04 .prs li .act a{font-size:24px}
    #container .process .process04 .prs li .img{margin:0 0 65px 0;display:flex;align-items:center;justify-content:center}
    #container .process .process04 .prs li .img i + i{margin-left:20px}
    #container .process .process04 .prs li .img img{display:block;width:auto;max-width:100%;border:1px solid #c3c3c3}
    #container .process .process04 .prs li .img.nobd img{border:0}
    #container .process .process04 .prs li .con{}
    #container .process .process04 .prs li .con + .img{margin-top:50px}
    #container .process .process04 .prs li .con dl{display:flex;font-size:24px;border-bottom:1px dashed #ccc;padding:10px 0;font-weight:500}
    #container .process .process04 .prs li .con dl:last-child{border-bottom:0}
    #container .process .process04 .prs li .con dl:before{content:'';position:relative;margin:16px 8px 0 0;width:7px;height:7px;background:#53afe3;border-radius:50%;flex-shrink:0}
    #container .process .process04 .prs li .con dt{flex-shrink:0}
    #container .process .process04 .prs li .con dt:after{content:':';margin:0 10px}
    #container .process .process04 .prs li .con dd{text-align:left}
    #container .process .process04 .prs li.plus .name{flex-direction:column;align-items:center;justify-content:center;margin-top:70px}
    #container .process .process04 .prs li.plus .name:before{content:'';position:absolute;top:-70px;width:40px;height:40px;background:url("../img/img_process_plus.png") no-repeat 50% 50%;flex-shrink:0;transition:all 0.5s} 
    #container .process .process04 .prs li.plus.init .name:before{transform:rotate(180deg);transition:none}
    #container .process .process04 .prs li.plus.animate .name:before{transform:rotate(0deg);transition:all 0.8s}
    #container .process .process04 .brain{}
    #container .process .process04 .brain .tit{margin:0 0 15px 0;font-size:48px}
    #container .process .process04 .brain .txt{font-size:24px;margin:0 0 40px 0}
    #container .process .process04 .brain .txt span{padding:0 5px;background:#cbf3fc;font-weight:bold}
    #container .process .process04 .brain .image{position:relative;top:0;background:#fff;display:flex;align-items:center;justify-content:center;padding:30px 0 0 0;}
    #container .process .process04 .brain .image .box{position:relative;}
    #container .process .process04 .brain .image img{display:block;margin:0 auto;transition:all 0.5s}
    #container .process .process04 .brain .image img:nth-child(1){position:relative;left:0;transform:translateX(0)}
    #container .process .process04 .brain .image img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0;visibility:hidden}
    #container .process .process04 .brain .image.type1 img:nth-child(1){opacity:1;visibility:visible}
    #container .process .process04 .brain .image.type2 img:nth-child(2){opacity:1;visibility:visible}
    #container .process .process04 .brain .image.type3 img:nth-child(3){opacity:1;visibility:visible}
    #container .process .process04 .brain .image.type4 img:nth-child(4){opacity:1;visibility:visible}
    #container .process .process04 .brain .image.sticky{position:sticky;top:49px}
    #container .process .process04 .brain .image.sticky img{}
    #container .process .process04 .brain .img{display:flex;align-items:center;justify-content:center;padding-bottom:50px;margin-bottom:50px}
    #container .process .process04 .brain .img i + i{margin-left:15px}
    #container .process .process04 .brain .img img{width:100%;height:auto}
    #container .process .process04 .preview{}
    #container .process .process04 .preview .tit{margin:0 0 15px 0;font-size:48px}
    #container .process .process04 .preview .txt{font-size:24px;margin:0 0 90px 0}
    #container .process .process04 .preview .txt span{padding:0 5px;font-weight:500;position:relative}
    #container .process .process04 .preview .txt span.init:before{content:'';position:absolute;top:0;left:0;bottom:0;width:0%;transition:none;z-index:-1}
    #container .process .process04 .preview .txt span.animate:before{width:100%;background:#eadaf4;transition:all 1s;}
    #container .process .process04 .preview .img{display:flex;align-items:center;justify-content:center;margin:0}
    #container .process .process04 .preview .img img{width:auto;max-width:100%;height:auto}
    #container .process .process04 .preview .img i:nth-child(1){transition-delay:0s}
    #container .process .process04 .preview .img i:nth-child(2){transition-delay:0.5s}
    #container .process .process04 .preview .img i:nth-child(3){transition-delay:1s}
    #container .process .process04 .preview .img i + i{margin-left:15px}
    #container .process .process05{display:flex;flex-direction:column;justify-content:end;padding:100px 0;text-align:center;background:#f6f6f6}
    #container .process .process05 .tit{font-size:48px;margin:0 0 65px 0}
    #container .process .process05 .txt{font-size:24px;margin:0 0 70px 0}
    #container .process .process05 .txt span{color:#174690;font-weight:500}
    #container .process .process05 .img{position:relative;width:900px;margin:0 auto}
    #container .process .process05 .img:before{content:'';position:absolute;top:0;right:91px;height:78px;background:#f6f6f6;transition:all 1.5s;transition-delay:0.8s}
    #container .process .process05 .img.init:before{width:100%;transition:none;}
    #container .process .process05 .img.animate:before{width:0px;transition:all 0.8s}
    #container .process .process05 .img img{width:auto;max-width:100%;display:block;margin:0 auto}
    #container .process .process05 .img{display:flex;flex-direction:column;align-items:center}
    #container .process .process05 .prcs_tit{display:inline-flex;height:58px;min-width:210px;border-radius:58px;background:#fff;align-items:center;justify-content:center;font-size:30px;font-weight:500;margin:0 0 30px 0;transition:transform 0.8s, opacity 0.8s}
    #container .process .process05 .prcs_tit:hover{color:#fff;background:#1a478c !important}
    #container .process .process05 .prcs_tit.yellow{background:#ffe079}
    #container .process .process05 .prcs_tit.pink{background:#ffdaea}
    #container .process .process05 .prcs_tit.blue{background:#dbf3ff}
    #container .process .process05 .img + .prcs_tit{margin-top:100px}
    #container .process .process06{display:flex;flex-direction:column;justify-content:end;padding:100px 0;text-align:center}
    #container .process .process06 .tit{font-size:48px;margin:0 0 65px 0}
    #container .process .process06 .txt{font-size:24px;margin:0 0 15px 0}
    #container .process .process06 .txt p{font-size:30px}
    #container .process .process06 .txt span{margin-top:10px;display:block}
    #container .process .basic01{background:#ffe079}
    #container .process .basic02 .txt p span{padding:0 5px}
    #container .process .basic02 .txt p span:before{background-color:#FFE07A}
    #container .process .basic02 .txt:before{top:-70px;left:70px;background:url("../img/img_process_before.png") no-repeat 50% 50%}
    #container .process .basic02 .txt:after{bottom:-70px;right:275px;background:url("../img/img_process_after.png") no-repeat 50% 50%} 
    #container .process .basic03{background-color:#f9f7ef}
    #container .process .basic04 .prs li .name{background:#ffe079}
    #container .process .basic04 .prs li .con dl:before{background-color:#53afe3}
    #container .process .basic05 .img:before{height:82px}
    #container .process .grow01{background:#c4ffec}
    #container .process .grow02 .txt p span{padding:0 5px}
    #container .process .grow02 .txt p span:before{background-color:#c4ffec}
    #container .process .grow02 .txt:before{top:-70px;left:165px;background:url("../img/img_process_before2.png") no-repeat 50% 50%}
    #container .process .grow02 .txt:after{bottom:-70px;right:80px;background:url("../img/img_process_after2.png") no-repeat 50% 50%} 
    #container .process .grow03{background-color:#eff9f7}
    #container .process .grow04 .prs li .name{background:#c4ffec}
    #container .process .grow04 .prs li:nth-child(1) .con:nth-child(3) dl:before{background-color:#44bd99}
    #container .process .grow04 .prs li:nth-child(1) .con:nth-child(5) dl:before{background-color:#8bc55d}
    #container .process .grow04 .prs li:nth-child(2) .con:nth-child(3) dl:before{background-color:#ffd05b}
    #container .process .grow04 .prs li:nth-child(2) .con:nth-child(5) dl:before{background-color:#f595aa}
    #container .process .grow04 .prs li:nth-child(4) .con:nth-child(4) dl:before{background-color:#174690}
    #container .process .grow04 .prs li:nth-child(5) .con:nth-child(4) dl:before{background-color:#174690}
    #container .process .master01{background:#ffdaea}
    #container .process .master02 .txt p span{padding:0 5px}
    #container .process .master02 .txt p span:before{background-color:#ffdaea}
    #container .process .master02 .txt:before{top:-70px;left:150px;background:url("../img/img_process_before3.png") no-repeat 50% 50%}
    #container .process .master02 .txt:after{bottom:-70px;right:275px;background:url("../img/img_process_after3.png") no-repeat 50% 50%} 
    #container .process .master03{background-color:#fff4f9}
    #container .process .master04 .prs li .name{background:#ffdaea}
    #container .process .master04 .prs li:nth-child(1) .con:nth-child(3) dl:before{background-color:#1b488c}
    #container .process .master04 .prs li:nth-child(1) .con:nth-child(5) dl:before{background-color:#f26e59}
    #container .process .master04 .prs li:nth-child(1) .con:nth-child(7) dl:before{background-color:#a0c9ec}
    #container .process .master04 .prs li:nth-child(1) .con:nth-child(9) dl:before{background-color:#8bc55d}
    #container .process .master04 .prs li:nth-child(2) .con:nth-child(3) dl:before{background-color:#53afe3}
    #container .process .master04 .prs li:nth-child(2) .con:nth-child(5) dl:before{background-color:#2a3a84}
    #container .process .master04 .prs li:nth-child(2) .con:nth-child(7) dl:before{background-color:#f595aa}
    #container .process .master04 .prs li:nth-child(4) .con:nth-child(4) dl:before{background-color:#174690}
    #container .process .master04 .prs li:nth-child(5) .con:nth-child(4) dl:before{background-color:#174690}
    #container .process .elementary01{background:#dbf3ff}
    #container .process .elementary02 .txt p span{padding:0 5px}
    #container .process .elementary02 .txt p span:before{background-color:#dbf3ff}
    #container .process .elementary02 .txt:before{top:-70px;left:260px;background:url("../img/img_process_before4.png") no-repeat 50% 50%}
    #container .process .elementary02 .txt:after{bottom:-70px;right:405px;background:url("../img/img_process_after4.png") no-repeat 50% 50%} 
    #container .process .elementary03{background-color:#f3fbff}
    #container .process .elementary04 .prs li .name{background:#dbf3ff}
    #container .process .elementary04 .prs li:nth-child(1) .con:nth-child(3) dl:before{background-color:#d3445e}
    #container .process .elementary04 .prs li:nth-child(1) .con:nth-child(5) dl:before{background-color:#24b67b}
    #container .process .elementary04 .prs li:nth-child(1) .con:nth-child(7) dl:before{background-color:#0a415e}
    #container .process .elementary04 .prs li:nth-child(1) .con:nth-child(9) dl:before{background-color:#b6d542}
    #container .process .elementary04 .prs li:nth-child(2) .con:nth-child(3) dl:before{background-color:#d3445e}
    #container .process .elementary04 .prs li:nth-child(2) .con:nth-child(5) dl:before{background-color:#0a415e}
    #container .process .elementary04 .prs li:nth-child(2) .con:nth-child(7) dl:before{background-color:#fcdd09}
    #container .process .elementary04 .prs li:nth-child(4) .con:nth-child(4) dl:before{background-color:#174690}
    #container .process .elementary04 .prs li:nth-child(5) .con:nth-child(4) dl:before{background-color:#174690}
    #container .process .learning01{background:#e1dbf4}
    #container .process .learning01 .tit span{color:#171a90}
    #container .process .learning01 .img{margin-top:-257px;position:relative;z-index:1}
    #container .process .learning02 .txt p span{padding:0 5px}
    #container .process .learning02 .txt p span:before{background-color:#e4d0f1}
    #container .process .learning02 .txt:before{top:-70px;left:260px;background:url("../img/img_process_before5.png") no-repeat 50% 50%}
    #container .process .learning02 .txt:after{bottom:-70px;right:245px;background:url("../img/img_process_after5.png") no-repeat 50% 50%} 
    #container .process .learning03{background-color:#eadaf4;background-image:none}

    /**/
    #container .diagnostic{}
    #container .diagnostic .sect{}
    #container .diagnostic .diagnostic01{position:relative;min-height:860px;background:#fff;padding:100px 0;text-align:center}
    #container .diagnostic .diagnostic01 .img{position:absolute;bottom:0;left:0;z-index:5}
    #container .diagnostic .diagnostic01 .img img{width:auto;max-width:100%;height:auto}
    #container .diagnostic .diagnostic01 .move{position:absolute;bottom:-25px;left:50%;margin-left:-200px;z-index:4}
    #container .diagnostic .diagnostic01 .tit{font-size:48px}
    
    #container .diagnostic .diagnostic02{padding:100px 0;text-align:center}
    #container .diagnostic .diagnostic02 .tit{font-size:48px;margin:0 0 85px 0}
    #container .diagnostic .diagnostic02 .tit img{display:block;margin:0 auto;width:auto;max-width:100%}
    #container .diagnostic .diagnostic02 .txt{font-size:22px}
    #container .diagnostic .diagnostic03{padding:100px 0;text-align:center;background:#f5f7f7}
    #container .diagnostic .diagnostic03 .tit{font-size:48px;margin:0 0 100px 0}
    #container .diagnostic .diagnostic03 .txt{}
    #container .diagnostic .diagnostic03 .txt dl{display:flex;margin:0 auto;width:1020px;max-width:100%}
    #container .diagnostic .diagnostic03 .txt dt{flex-shrink:0;width:295px;align-items:center;justify-content:center;font-size:48px;display:flex}
    #container .diagnostic .diagnostic03 .txt dd{flex:1}
    #container .diagnostic .diagnostic03 .txt dd ul{display:flex}
    #container .diagnostic .diagnostic03 .txt dd li{flex:1;display:flex;flex-direction:column;background:#fff;border:1px solid #e8e8e8;align-items:center;padding:25px}
    #container .diagnostic .diagnostic03 .txt dd li * {transition:all 0.3s}
    #container .diagnostic .diagnostic03 .txt dd li:hover{border-color:#1e3d82;background-color:#1e3d82}
    #container .diagnostic .diagnostic03 .txt dd li:hover > div p{opacity:1;visibility:visible}
    #container .diagnostic .diagnostic03 .txt dd li:hover > div img{opacity:0;visibility:hidden}
    #container .diagnostic .diagnostic03 .txt dd li:hover > strong{color:#fff}
    #container .diagnostic .diagnostic03 .txt dd li:hover > i:before{background:#fff}
    #container .diagnostic .diagnostic03 .txt dd li:hover > i:after{display:none;background:#fff}
    #container .diagnostic .diagnostic03 .txt dd li + li{margin-left:30px}
    #container .diagnostic .diagnostic03 .txt dd li > div {display:flex;align-items:center;justify-content:center;flex-direction:column;height:100px;width:100%;position:relative}
    #container .diagnostic .diagnostic03 .txt dd li > div p{position:absolute;top:50%;left:50%;font-size:18px;color:#fff;width:100%;opacity:0;visibility:hidden;transform:translate(-50%,-50%)}
    #container .diagnostic .diagnostic03 .txt dd li > div img{position:absolute;top:50%;left:50%;width:auto;max-width:100%;height:auto;transform:translate(-50%,-50%);transition:none}
    #container .diagnostic .diagnostic03 .txt dd li > strong{margin:20px 0 0 0;font-size:24px;color:#3e3e3e;font-weight:500;line-height:1}
    #container .diagnostic .diagnostic03 .txt dd li > i{margin:25px 0 0 0;width:14px;height:14px;position:relative}
    #container .diagnostic .diagnostic03 .txt dd li > i:before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:14px;height:2px;background:#333}
    #container .diagnostic .diagnostic03 .txt dd li > i:after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:2px;height:14px;background:#333}
    #container .diagnostic .diagnostic03 .txt dl + dl{margin-top:15px}
    #container .diagnostic .diagnostic04{padding:100px 0 200px 0;text-align:center;background:#939393}
    #container .diagnostic .diagnostic04 .tit{font-size:48px;color:#fff;margin:0 0 50px 0}
    #container .diagnostic .diagnostic04 .txt{}
    #container .diagnostic .diagnostic04 .txt ol{max-width:100%;width:920px;display:block;margin:0 auto;text-align:left}
    #container .diagnostic .diagnostic04 .txt li{line-height:45px;display:flex;font-size:20px;color:#fff}
    #container .diagnostic .diagnostic04 .txt li:before{content:'';width:6px;height:6px;border-radius:50%;background:#fff;margin:20px 12px 0 0}
    #container .diagnostic .diagnostic04 .txt.init{transform:translateY(0)}
    #container .diagnostic .diagnostic04 .txt.init li{opacity:0.05;transform:translateY(50px);transition:none;}
    #container .diagnostic .diagnostic04 .txt.animate li{opacity:1.00;transform:translateY(0);transition:transform 0.8s, opacity 0.8s}
    #container .diagnostic .diagnostic04 .txt.animate li:nth-child(1){transition-delay:0.5s}
    #container .diagnostic .diagnostic04 .txt.animate li:nth-child(2){transition-delay:1.0s}
    #container .diagnostic .diagnostic04 .txt.animate li:nth-child(3){transition-delay:1.5s}
    #container .diagnostic .diagnostic04 .txt.animate li:nth-child(4){transition-delay:2.0s}
    #container .diagnostic .diagnostic05{padding:100px 0;text-align:center}
    #container .diagnostic .diagnostic05 .wrap{position:relative;width:1350px}
    #container .diagnostic .diagnostic05 .tit{display:flex;align-items:center;justify-content:center;height:1000px;font-size:30px;flex-direction:column}
    #container .diagnostic .diagnostic05 .tit span{font-size:48px;color:#1e3d82;display:block}
    #container .diagnostic .diagnostic05 .img{}
    #container .diagnostic .diagnostic05 .img ul{}
    #container .diagnostic .diagnostic05 .img li{position:absolute;overflow:hidden;border-radius:50%}
    #container .diagnostic .diagnostic05 .img li img{transform:scale(1);transition:all 0.8s}
    #container .diagnostic .diagnostic05 .img li:hover img{transform:scale(1.1)}
    #container .diagnostic .diagnostic05 .img li:nth-child(1){top:30px;left:230px}
    #container .diagnostic .diagnostic05 .img li:nth-child(2){top:30px;left:910px}
    #container .diagnostic .diagnostic05 .img li:nth-child(3){bottom:170px;left:0}
    #container .diagnostic .diagnostic05 .img li:nth-child(4){bottom:0;left:575px}
    #container .diagnostic .diagnostic05 .img li:nth-child(5){bottom:250px;left:1028px}

    /**/
    #container .presence{}
    #container .presence .init{opacity:0;transform:translateY(50px);transition:none;}
    #container .presence .animate{opacity:1;transform:translateY(0px);transition:all 0.8s}
    #container .presence .sect{}
    #container .presence .presence01{min-height:660px;background:url("../img/img_presence_presence01.png") no-repeat 50% 50% / cover;display:flex;flex-direction:column;align-items:center;justify-content:center}
    #container .presence .presence01 .tit{line-height:60px;font-size:36px;color:#fff;text-align:center}
    #container .presence .presence02{background:#ffcf59;padding:100px 0}
    #container .presence .presence02 .tit{text-align:center;margin:0 0 40px 0;font-size:40px;color:#1a478c}
    #container .presence .presence02 .vod{margin:0 auto;width:880px;max-width:100%;position:relative}
    #container .presence .presence02 .vod .img{position:relative;z-index:2;padding:56.25% 0 0 0}
    #container .presence .presence02 .vod .img img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}
    #container .presence .presence02 .vod .img i{position:absolute;top:50%;left:50%;margin:-48px 0 0 -48px;width:97px;height:97px;background:url("../img/icon_playvod.png") no-repeat 50% 50% / 100% auto;cursor:pointer;z-index:5}
    #container .presence .presence02 .vod .iframe{position:absolute;padding:56.25% 0 0 0;z-index:1;top:0;left:0;width:100%}
    #container .presence .presence02 .vod .iframe iframe{position:absolute;top:0;left:0;width:100%;height:100%}
    #container .presence .presence03{padding:100px 0 0 0;display:flex;flex-direction:column;text-align:center;align-items:center;background:#f8f7f5}
    #container .presence .presence03 .tit{margin:0 0 60px 0;font-size:48px;font-weight:500}
    #container .presence .presence03 .txt{font-size:36px;margin:0 0 60px 0}
    #container .presence .presence03 .txt p{color:#1a478c;display:inline}
    #container .presence .presence03 .img{position:relative}
    #container .presence .presence03 .img img{display:block;width:auto;max-width:100%;height:auto;margin:0 auto}
    #container .presence .presence03 .img img.init{position:absolute;top:0;left:0;opacity:0;transform:translateY(0);transition:none;}
    #container .presence .presence03 .img img.animate{opacity:1;transition:all 0.5s;transition-delay:0.6s}
    #container .presence .presence04{padding:100px 0;text-align:center;background:url("../img/img_presence_presence04_bg.png") no-repeat 50% 50%;overflow:hidden}
    #container .presence .presence04 .wrap{width:100%}
    #container .presence .presence04 .tit{font-size:36px}
    #container .presence .presence04 .slider{width:100%;overflow-y:hidden;overflow-x:scroll;position:relative}
    #container .presence .presence04 .slider::-webkit-scrollbar {display:none; /* Chrome, Safari, Opera*/}
    #container .presence .presence04 .slider .scroll{white-space:nowrap;display:flex}
    #container .presence .presence04 .slider .sbox{display:flex;flex-direction:column;align-items:center;scroll-snap-align:center;width:100vw;flex-shrink:0}
    #container .presence .presence04 .slider .simg{margin:0 0 45px 0;display:flex;flex-direction:column;justify-content:flex-end}
    #container .presence .presence04 .slider .simg img{width:auto;max-width:100%}
    #container .presence .presence04 .slider .step{margin:0 0 15px 0;display:inline-flex;padding:0 20px;min-width:150px;height:48px;align-items:center;justify-content:center;border-radius:48px;background:#fafafa;font-size:28px;color:#333}
    #container .presence .presence04 .slider .step.yellow{background:#f7cb37}
    #container .presence .presence04 .slider .step.pink{background:#e57aa8}
    #container .presence .presence04 .slider .step.green{background:#4abc97}
    #container .presence .presence04 .slider .step.blue{background:#6ec0e8}
    #container .presence .presence04 .slider .stit{margin:0 0 80px 0;font-size:42px;line-height:1}
    #container .presence .presence04 .slider .stxt{}
    #container .presence .presence04 .slider .stxt strong{display:block;margin:0 0 20px 0;font-size:48px;font-weight:500}
    #container .presence .presence04 .slider .stxt span{font-size:30px}
    #container .presence .presence04 .slider .sact{margin-top:60px}
    #container .presence .presence04 .slider .sact a{margin:0 0 15px 0;display:inline-flex;padding:0 20px;min-width:180px;height:46px;align-items:center;justify-content:center;border-radius:46px;background:#333333;font-size:18px;color:#6ce4bd}
    #container .presence .presence04 .slider .swiper-prev{position:absolute;top:50%;left: 50px;transform:translateY(-50%);width:50px;height: 70px;background: url("../img/icon_slider_prev_grey.png") no-repeat 50% 50% / 100% auto;z-index: 5;}
    #container .presence .presence04 .slider .swiper-next{position:absolute;top:50%;right: 50px;transform:translateY(-50%);width:50px;height: 70px;background: url("../img/icon_slider_next_grey.png") no-repeat 50% 50% / 100% auto;z-index: 5;}
    #container .presence .presence05{padding:100px 0 0 0;background:#f2fffb;text-align:center}
    #container .presence .presence05 .txt{font-size:30px;margin:0 0 25px 0}
    #container .presence .presence05 .img{}
    #container .presence .presence05 .img img{display:block;margin:0 auto;width:auto;max-width:100%}
    #container .presence .presence06{padding:100px 0;background:#dbdbdb;text-align:center;overflow:hidden}
    #container .presence .presence06 .tit{margin:0 0 60px 0;font-size:48px;font-weight:500}
    #container .presence .presence07 .lst li{text-align:center;position:relative;transition: none;}
    #container .presence .presence06 .slider .swiper-slide{text-align:center;display:flex;flex-direction:column;align-items:center;width:240px}
    #container .presence .presence06 .slider .swiper-slide img{width:auto;max-width:100%;height:auto}
    #container .presence .presence06 .slider .swiper-slide p{margin:15px 0 0 0;font-size:16px;color:#333}
    #container .presence .presence07{padding:100px 0;text-align:Center}
    #container .presence .presence07 .tit{font-size:48px;margin:0 0 30px 0}
    #container .presence .presence07 .txt{font-size:30px}
    #container .presence .presence07 .lst{margin-top:100px}
    #container .presence .presence07 .lst ul{display:flex;align-items:flex-start;justify-content:space-between;width:975px;max-width:100%;margin:0 auto}
    #container .presence .presence07 .lst li{text-align:center;position:relative}
    #container .presence .presence07 .lst li:before{content:counter(list-item); display:flex; align-items:center; justify-content:center; width:133px; height:133px;  border-radius:50%; position:relative;background:#6ce4bd; font-size:40px;  font-weight:bold;color:#6f6f6f; margin-bottom:15px;z-index:10}
    #container .presence .presence07 .lst li.init:after{width:0px;transition:none;}
    #container .presence .presence07 .lst li.animate{transition:all 0.8s}
    #container .presence .presence07 .lst li.animate:after{width:100%;transition:all 0.8s}
    #container .presence .presence07 .lst li:after{content:""; display:block; width:100%; height:2px;    border-top:2px dashed #464646;position:absolute; top:68px; left:50%; z-index:1;transition:all 0.6s}
    #container .presence .presence07 .lst li:last-child:after{display:none}
    #container .presence .presence07 .lst li p{font-size:24px;line-height:1}
    #container .presence .presence07 .lst li a{display:inline-block;font-size:18px;line-height:1;padding:12px 20px;border-radius:50px;margin-top:10px;background:#333;color:#fff;border:1px solid #fff}
    #container .presence .presence07 .lst li:nth-child(1){transition-delay:0s;z-index:1}
    #container .presence .presence07 .lst li:nth-child(2){transition-delay:0.5s;z-index:2}
    #container .presence .presence07 .lst li:nth-child(3){transition-delay:1s;z-index:3}
    #container .presence .presence07 .lst li:nth-child(4){transition-delay:1.5s;z-index:4}
    #container .presence .presence07 .lst li:nth-child(5){transition-delay:2s;z-index:5}
    #container .presence .presence07 .lst li:nth-child(6){transition-delay:2.5s;z-index:6}
    #container .presence .presence07 .lst li.animate:nth-child(1):after{transition-delay:0.5s;z-index:5}
    #container .presence .presence07 .lst li.animate:nth-child(2):after{transition-delay:1s;z-index:4}
    #container .presence .presence07 .lst li.animate:nth-child(3):after{transition-delay:1.5s;z-index:3}
    #container .presence .presence07 .lst li.animate:nth-child(4):after{transition-delay:2s;z-index:2}
    #container .presence .presence07 .lst li.animate:nth-child(5):after{transition-delay:2.5s;z-index:1}
    #container .presence .presence07 .lst li.animate:nth-child(6):after{transition-delay:3s;z-index:1}
    #container .presence .presence08{background:#ffe079;padding:100px 0;text-align:center}
    #container .presence .presence08 .img{margin:0 0 60px 0}
    #container .presence .presence08 .img img{display:block;width:auto;max-width:100%;margin:0 auto}
    #container .presence .presence08 .tit{margin:0 0 45px 0;font-size:36px}
    #container .presence .presence08 .txt{font-size:30px}

	 /**/
    /* #container .iphakProcess{}
    #container .iphakProcess .iphakProcess01{padding:65px 0 0 0;text-align:center;overflow:hidden;}
    #container .iphakProcess .iphakProcess01 .tit{font-size:48px;margin:0 0 20px 0}
    #container .iphakProcess .iphakProcess01 .txt{font-size:22px;color:#6e6e6e;margin:0 0 20px 0}
    #container .iphakProcess .iphakProcess01 .act{}
    #container .iphakProcess .iphakProcess02{padding:100px 0;background:#6ce4bd;text-align:center;overflow:hidden;}
    #container .iphakProcess .iphakProcess02 .tit{font-size:48px;margin:0 0 20px 0}
    #container .iphakProcess .iphakProcess02 .txt{font-size:22px;color:#6e6e6e;margin:0 0 180px 0}
    #container .iphakProcess .iphakProcess02 .slider{}
    #container .iphakProcess .iphakProcess02 .slider .swiper-slide{display:flex;flex-direction:column;align-items:center;position:relative}
    #container .iphakProcess .iphakProcess02 .slider .swiper-slide + .swiper-slide:before{content:'';position:absolute;top:142px;left:0;width:100%;height:2px;background:#fff;transform:translateX(-50%)}
    #container .iphakProcess .iphakProcess02 .slider .swiper-slide + .swiper-slide:after{content:'';position:absolute;top:138px;left:0;width:10px;height:10px;background:#fff;transform:translateX(-50%);border-radius:50%}
    #container .iphakProcess .iphakProcess02 .slider .swiper-slide em{font-size:30px;margin:0 0 15px 0}
    #container .iphakProcess .iphakProcess02 .slider .swiper-slide i{margin:0 auto;width:182px;height:182px;position:relative;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;POSITION:RELATIVE;Z-INDEX:2}
    #container .iphakProcess .iphakProcess02 .slider .swiper-slide i img{}
    #container .iphakProcess .iphakProcess02 .slider .swiper-slide span{position:relative;margin:20px 0 0 0;background:#fff;width:240px;min-height:105px;display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:18px;padding:20px;word-break:keep-all}
    #container .iphakProcess .iphakProcess02 .slider .swiper-slide span:before{content:'';position:absolute;bottom:100%;left:50%;transform:translateX(-50%);width:18px;height:10px;border-bottom:10px solid #fff;border-left:9px solid transparent;border-right:9px solid transparent;box-sizing:border-box}
    #container .iphakProcess .iphakProcess03{padding:100px 0;background:#fff;text-align:center;}
    #container .iphakProcess .iphakProcess03 .tit{font-size:48px;margin:0 0 20px 0}
    #container .iphakProcess .iphakProcess03 .txt{font-size:22px;color:#6e6e6e;margin:0 0 180px 0}
    #container .iphakProcess .iphakProcess03 .explain{border:20px solid #1a478c;display:flex;}
    #container .iphakProcess .iphakProcess03 .explain .step{display:flex;flex-direction:column;padding:20px}
    #container .iphakProcess .iphakProcess03 .explain .step .top{margin:0 0 45px 0}
    #container .iphakProcess .iphakProcess03 .explain .step .top p{display:block;margin:0 0 10px 0;font-weight:500;font-size:18px;color:#1a478c}
    #container .iphakProcess .iphakProcess03 .explain .step .top span{display:block;font-size:24px;color:#6e6e6e}
    #container .iphakProcess .iphakProcess03 .explain .step01{width:330px;flex-shrink:0;border-right:1px solid #000}
    #container .iphakProcess .iphakProcess03 .explain .step01 .button{}
    #container .iphakProcess .iphakProcess03 .explain .step01 .button ul{display:flex;flex-wrap:wrap;margin:-3px}
    #container .iphakProcess .iphakProcess03 .explain .step01 .button li{width:50%;padding:3px}
    #container .iphakProcess .iphakProcess03 .explain .step01 .button li .radiobox{cursor:pointer}
    #container .iphakProcess .iphakProcess03 .explain .step01 .button li .radiobox input[type="radio"]{display:none}
    #container .iphakProcess .iphakProcess03 .explain .step01 .button li .radiobox input[type="radio"] ~ span{border:1px solid #6f6f6f;width:100%;height:44px;display:flex;align-items:center;justify-content:center}
    #container .iphakProcess .iphakProcess03 .explain .step01 .button li .radiobox input[type="radio"]:checked ~ span{color:#fff;background:#1a478c;border-color:#1a478c}
    #container .iphakProcess .iphakProcess03 .explain .step02{flex:1}
    #container .iphakProcess .iphakProcess03 .explain .step02 .list{}
    #container .iphakProcess .iphakProcess03 .explain .step02 .list .in{display:flex;align-items:center;justify-content:end;margin:0 0 30px 0;border-bottom:1px solid #b0b0b0;padding:0 0 10px 0}
    #container .iphakProcess .iphakProcess03 .explain .step02 .list .in p{display:flex;align-items:center;justify-content:center}
    #container .iphakProcess .iphakProcess03 .explain .step02 .list .in p + p{margin-left:15px}
    #container .iphakProcess .iphakProcess03 .explain .step02 .list .hd{}
    #container .iphakProcess .iphakProcess03 .explain .step02 .list .hd li{display:flex;}
    #container .iphakProcess .iphakProcess03 .explain .step02 .list .hd li .desc{text-align:center;height: 50px;background: #6f6f6f;display:flex;align-items:center;justify-content:center;font-size: 18px;color: #fff;flex-shrink: 0;}
    #container .iphakProcess .iphakProcess03 .explain .step02 .list .bd{}
    #container .iphakProcess .iphakProcess03 .explain .step02 .list .bd li{border-bottom: 1px solid #6f6f6f;}
    #container .iphakProcess .iphakProcess03 .explain .step02 .list .bd li:hover > .head,
    #container .iphakProcess .iphakProcess03 .explain .step02 .list .bd li.on > .head{background: #eee;}
    #container .iphakProcess .iphakProcess03 .explain .step02 .list .bd li .head{display:flex;cursor: pointer;background: #fff;}
    #container .iphakProcess .iphakProcess03 .explain .step02 .list .bd li .head .desc{padding: 12.5px 0;display:flex;align-items:center;justify-content:center;}
    #container .iphakProcess .iphakProcess03 .explain .step02 .list .bd li .head .zip{width:100%;padding:0 25px;font-size:16px}
    #container .iphakProcess .iphakProcess03 .explain .step02 .list .bd li .head .addr{padding:0 25px;font-size:16px;text-align: left;width: 100%;}
    #container .iphakProcess .iphakProcess03 .explain .step02 .list .bd li .head .addr img{flex-shrink:0;}
    #container .iphakProcess .iphakProcess03 .explain .step02 .list .bd li .head .prdate{width:100%;padding:0 25px;font-size:16px}
    #container .iphakProcess .iphakProcess03 .explain .step02 .list .bd li .head .contact{display:flex;font-size:16px;align-items:center;}
    #container .iphakProcess .iphakProcess03 .explain .step02 .list .bd li .head .contact span a{display: flex;align-items: center;justify-content: center;white-space: nowrap;}
    #container .iphakProcess .iphakProcess03 .explain .step02 .list .bd li .head .contact span a img{margin:0 5px 0 0;}
    #container .iphakProcess .iphakProcess03 .explain .step02 .list .bd li .head .contact span + span{margin-left:10px;}
    #container .iphakProcess .iphakProcess03 .explain .step02 .list .bd li .head .tele{flex:1;padding:0 25px;font-size:16px}
    #container .iphakProcess .iphakProcess03 .explain .step02 .list .bd li .head .link{width:100%;align-items:center;justify-content:center;display:flex}
    #container .iphakProcess .iphakProcess03 .explain .step02 .list .bd li .head .link a{}
    #container .iphakProcess .iphakProcess03 .explain .step02 .list .bd li .head .link a img{display:block}
    #container .iphakProcess .iphakProcess03 .explain .step02 .list .bd li .head .link a + a{margin-left:15px}
    #container .iphakProcess .iphakProcess03 .explain .step02 .list .bd li .head .zido{width:100%;align-items:center;justify-content:center;display:flex}
    #container .iphakProcess .iphakProcess03 .explain .step02 .list .bd li .head .zido a{}
    #container .iphakProcess .iphakProcess03 .explain .step02 .list .bd li .head .zido a img{display:block}
    #container .iphakProcess .iphakProcess03 .explain .step02 .list .bd li .head .zido a + a{margin-left:15px}
    #container .iphakProcess .iphakProcess03 .explain .step02 .list .bd li .cont{}
    #container .iphakProcess .iphakProcess03 .explain .step02 .list .placeView{position:fixed;z-index: 106;top: 0;left: 0;width: 100%;height: 100%;background:rgba(0,0,0,0.5);display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;visibility:hidden}
    #container .iphakProcess .iphakProcess03 .explain .step02 .list .placeView.on{opacity:1;visibility:visible}
    #container .iphakProcess .iphakProcess03 .explain .step02 .list .placeView .placeBox {width: 1100px;max-width: 100%;background: #fff;border:3px solid #1a478c;position:relative;}
    #container .iphakProcess .iphakProcess03 .explain .step02 .list .placeView .placeBox .head{display:flex;font-size:24px;font-weight:500;color:#fff;align-items:Center;justify-content:center;height:45px;background:#1a478c;cursor: auto;}
    #container .iphakProcess .iphakProcess03 .explain .step02 .list .placeView .placeBox .cont{padding: 25px 55px;background: #ffffff;}
    #container .iphakProcess .iphakProcess03 .explain .step02 .list .placeView .placeBox .cont .con{display:flex;border-bottom:1px solid #dbdbdb;padding:0 0 25px 0;margin:0 0 25px 0;}
    #container .iphakProcess .iphakProcess03 .explain .step02 .list .placeView .placeBox .cont .con .zip{padding: 0 20px 0 0;font-size:20px;font-weight:500;color: #000000;flex-shrink: 0;margin: 0;text-align: left;width: 150px;max-width: 40%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
    #container .iphakProcess .iphakProcess03 .explain .step02 .list .placeView .placeBox .cont .con .tit{padding: 0 20px;font-size:20px;font-weight:500;color:#1a478c;flex-shrink: 0;margin: 0;text-align: center;width: 670px;max-width: 60%;}
    #container .iphakProcess .iphakProcess03 .explain .step02 .list .placeView .placeBox .cont .con .txt{margin: 0;flex: 1;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;}
    #container .iphakProcess .iphakProcess03 .explain .step02 .list .placeView .placeBox .cont .con .txt dl{display:flex;align-items: center;}
    #container .iphakProcess .iphakProcess03 .explain .step02 .list .placeView .placeBox .cont .con .txt dl + dl{margin-top:15px;}
    #container .iphakProcess .iphakProcess03 .explain .step02 .list .placeView .placeBox .cont .con .txt dt{flex-shrink:0;margin:0 10px 0 0;}
    #container .iphakProcess .iphakProcess03 .explain .step02 .list .placeView .placeBox .cont .con .txt dd{flex:1;font-size:16px;color:#000000;align-items: flex-start;word-break: break-word;text-align: left;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;}
    #container .iphakProcess .iphakProcess03 .explain .step02 .list .placeView .cont .con .txt dd p{}
    #container .iphakProcess .iphakProcess03 .explain .step02 .list .placeView .cont .map{width:100%;height:333px;border:1px solid #000000}
    #container .iphakProcess .iphakProcess03 .explain .step02 .list .placeView .close{position:absolute;top:0;right:0;width: 42px;height: 42px;display:flex;align-items:center;justify-content:center;cursor: pointer;}
    #container .iphakProcess .iphakProcess03 .explain .step02 .list .placeView .close img{display:block;width:auto;height:auto;max-width:100%}
    #container .iphakProcess .iphakProcess03 .explain .step02 .list li .desc:nth-child(1){width: 100px;}
    #container .iphakProcess .iphakProcess03 .explain .step02 .list li .desc:nth-child(2){flex:1}
    #container .iphakProcess .iphakProcess03 .explain .step02 .list li .desc:nth-child(3){width: 20%;}
    #container .iphakProcess .iphakProcess03 .explain .step02 .list li .desc:nth-child(4){width: 25%;} */

    /**/
    #container .sptp{}
    #container .sptp .sect{}
    #container .sptp .sptp01{padding:75px 0 150px 0;text-align:center;background:url("../img/img_sptp_sptp01.png") no-repeat bottom center / auto;min-height:1030px}
    #container .sptp .sptp01 .tit{margin:0 0 40px 0;font-size:40px}
    #container .sptp .sptp01 .txt{font-size:22px;margin:0 0 55px 0}
    #container .sptp .sptp01 .txt p{color:#1a478c;display:inline}
    #container .sptp .sptp01 .dep{}
    #container .sptp .sptp01 .dep ul{margin:0 auto;width:610px;max-width:100%}
    #container .sptp .sptp01 .dep li{position:relative}
    #container .sptp .sptp01 .dep li p{font-size:22px}
    #container .sptp .sptp01 .dep li p strong{display:block;font-size:36px;font-weight:500;color:#1a478c}
    #container .sptp .sptp01 .dep li + li{margin:65px 0 0 0}
    #container .sptp .sptp01 .dep li:nth-child(1):after{content:'';width:48px;height:48px;background:url("../img/icon_dep_plus.png") no-repeat 50% 50%;position:absolute;top:64px;left:50%;margin-left:-24px}
    #container .sptp .sptp01 .dep li:nth-child(2):after{content:'';width:48px;height:48px;background:url("../img/icon_dep_arrow.png") no-repeat 50% 50%;position:absolute;top:88px;left:50%;margin-left:-24px;z-index:11}
    #container .sptp .sptp01 .dep li:nth-child(2){margin:65px 0 0 0;position:relative;z-index:2}
    #container .sptp .sptp01 .dep li:nth-child(3){padding:165px 0;margin:50px 0 0 0}
    #container .sptp .sptp01 .dep li:last-child.animate{background:url("../img/img_sptp_sptp01_after.png") no-repeat center center / auto}
    #container .sptp .sptp01 .dep li:last-child:before{}
    #container .sptp .sptp01 .dep li span{background:#1a478c;color:#fff;font-size:24px;height:55px;display:flex;align-items:center;justify-content:center}
    #container .sptp .sptp01 .dep li.init{}
    #container .sptp .sptp01 .dep li.animate:after{-moz-animation:rotate 1.2s;-ms-animation:rotate 1.2s;-o-animation:rotate 1.2s;animation:rotate 1.2s}    
    #container .sptp .sptp02{padding:100px 0 140px;background:#ededed;text-align:center}
    #container .sptp .sptp02 .wrap{display:flex;flex-direction:column;align-items:center}
    #container .sptp .sptp02 .tit{font-size:22px;margin:0 0 100px 0}
    #container .sptp .sptp02 .img{}
    #container .sptp .sptp02 .img.init{opacity:1;transform:translateY(0)}
    #container .sptp .sptp02 .img i{position:relative;display:flex}
    #container .sptp .sptp02 .img i img{display:block;margin:0 auto}
    #container .sptp .sptp02 .img i > p{position:absolute;top:0;left:0;opacity:0;transition:1s}
    #container .sptp .sptp02 .img.init i > p{opacity:0;transition:none}
    #container .sptp .sptp02 .img.animate i > p{opacity:1;transition:all 0.8s}
    #container .sptp .sptp02 .img.animate i > p:nth-child(2){transition-delay:0.5s}
    #container .sptp .sptp02 .img.animate i > p:nth-child(3){transition-delay:0.7s}
    #container .sptp .sptp02 .img.animate i > p:nth-child(4){transition-delay:0.9s}
    #container .sptp .sptp02 .img.animate i > p:nth-child(5){transition-delay:1.1s}
    #container .sptp .sptp02 .img.animate i > p:nth-child(6){transition-delay:1.3s}
    #container .sptp .sptp02 .img.animate i > p:nth-child(7){transition-delay:1.5s}
    #container .sptp .sptp03{padding:100px 0;text-align:center}
    #container .sptp .sptp03 .tit{margin:0 0 35px 0;font-size:40px}
    #container .sptp .sptp03 .txt{margin:0 0 45px 0;font-size:22px}
    #container .sptp .sptp03 .lst{}
    #container .sptp .sptp03 .lst.init{opacity:1;transform:translateY(0)}
    #container .sptp .sptp03 .lst.init li{opacity:0;transition:none}
    #container .sptp .sptp03 .lst.animate li{opacity:1;transition:all 1s}
    #container .sptp .sptp03 .lst.animate li:nth-child(1){transition-delay:0.5s}
    #container .sptp .sptp03 .lst.animate li:nth-child(2){transition-delay:1s}
    #container .sptp .sptp03 .lst.animate li:nth-child(3){transition-delay:1.5s}
    #container .sptp .sptp03 .lst.animate li:nth-child(4){transition-delay:2s}
    #container .sptp .sptp03 .lst.animate li:nth-child(5){transition-delay:2.5s}
    #container .sptp .sptp03 .lst.animate li:nth-child(6){transition-delay:3s}
    #container .sptp .sptp03 .lst ul{display:flex;align-items:flex-start;justify-content:center}
    #container .sptp .sptp03 .lst li{}
    #container .sptp .sptp03 .lst li + li{margin-left:28px;position:relative}
    #container .sptp .sptp03 .lst li + li:before{content:'';position:absolute;top:60px;right:100%;width:28px;height:28px;background:url("../img/icon_lst_arrow.png") no-repeat 50% 50%}
    #container .sptp .sptp03 .lst li i{display:flex;align-items:center;justify-content:center;width:150px;height:150px;border-radius:50%;background:#6ce4bd;border:2px solid #6ce4bd}
    #container .sptp .sptp03 .lst li:nth-child(even) i{background:#ffb957;border-color:#ffb957}
    #container .sptp .sptp03 .lst li:last-child i{border-color:#f58915}
    #container .sptp .sptp03 .lst li p{font-size:22px;margin:20px 0 0 0;color:#6e6e6e}
    #container .sptp .sptp04{position:relative;background:#fff8d3;min-height:1020px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;overflow:hidden}
    #container .sptp .sptp04 .bg{position:relative;z-index:3}
    #container .sptp .sptp04 .bg img{}
    #container .sptp .sptp04 .bg_text{position:absolute;width:100%;height:100%;top:0;left:0;z-index:2}
    #container .sptp .sptp04 .bg_text p{position:absolute;top:0;left:50%;width:300%;height:33.33%;line-height:255px;color:#fce9b5;font-size:255px;font-weight:700;opacity:.25;transform:translateX(-50%);overflow:hidden;white-space:nowrap}
    #container .sptp .sptp04 .bg_text p span{display:inline-flex;white-space:nowrap}
    #container .sptp .sptp04 .bg_text p:nth-child(1){animation:slide-forward 50s infinite reverse linear;margin-left:110rem}
    #container .sptp .sptp04 .bg_text p:nth-child(2){top:33.33%;animation:slide-back 50s infinite reverse linear;margin-left:-110rem}
    #container .sptp .sptp04 .bg_text p:nth-child(3){top:66.66%;animation:slide-forward 50s infinite reverse linear;margin-left:110rem}
    #container .sptp .sptp04:after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:5}
    #container .sptp .sptp04 .wrap{position:absolute;bottom:0;left:0;width:100%;z-index:6;padding:100px 0 120px 0}
    #container .sptp .sptp04 .slider{}
    #container .sptp .sptp04 .swiper-slide{opacity:0;visibility:hidden;display:flex;flex-direction:column;align-items:center;text-align:center;transition:all 0.8s}
    #container .sptp .sptp04 .swiper-slide.swiper-slide-active{opacity:1;visibility:visible}
    #container .sptp .sptp04 .step{margin:0 0 15px 0;padding:0 25px;display:flex;align-items:center;justify-content:center;height:48px;font-size:28px;border-radius:48px;background:#6ce4bd}
    #container .sptp .sptp04 .stit{margin:0 0 35px 0;font-size:42px;font-weight:500;color:#fff}
    #container .sptp .sptp04 .stxt{line-height:38px;font-size:22px;color:#fff}
    #container .sptp .sptp04  .swiper-prev{position:absolute;top: 0;left: 50px;width:50px;height: 70px;background: url("../img/icon_slider_prev_white.png") no-repeat 50% 50% / 100% auto;z-index: 5;}
    #container .sptp .sptp04  .swiper-next{position:absolute;top: 0;right: 50px;width:50px;height: 70px;background: url("../img/icon_slider_next_white.png") no-repeat 50% 50% / 100% auto;z-index: 5;}
    #container .sptp .sptp05{padding:100px 0 120px 0;background:url("../img/img_sptp_sptp05.png") no-repeat 50% 50% / cover;min-height:960px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;text-align:center}
    #container .sptp .sptp05 .tit{font-size:40px;color:#fff;margin:0 0 30px 0}
    #container .sptp .sptp05 .txt{font-size:22px;color:#e7d8a4}
    #container .sptp .fix-button{position:fixed;z-index: 106;top: 50%;left:50%;margin-left: 620px;transform: translateY(-50%);}
    #container .sptp .fix-button a{width:100px;height:100px;display:flex;align-items:center;justify-content:center;border-radius:100px;background:#1a478c url("../img/img_fixleaf.png") no-repeat bottom center;text-align:center}
    #container .sptp .fix-button a p{font-size:18px;color:#fff}
    #container .sptp .fix-button a p span{color:#ffcf59}

    /**/
    #container .app{}
    #container .app .sect{}
    #container .app .sect .wrap{width:1350px;max-width:100%}
    #container .app .app01{padding:65px 0 0 0;background:url("../img/img_app_app01.png") no-repeat 50% 50% / cover}
    #container .app .app01 .wrap{display:flex}
    #container .app .app01 .wrap .img{order:2}
    #container .app .app01 .wrap .con{order:1;margin:150px 100px 0 0;display:flex;flex-direction:column;align-items:flex-end;flex:1;position:relative}
    #container .app .app01 .wrap .con .txt{font-size:48px;color:#fff;text-align:right}
    #container .app .app01 .wrap .con .tit{font-size:60px;font-weight:500;color:#1a478c}
    #container .app .app01 .wrap .con .act{margin-top:15px}
    #container .app .app01 .wrap .con .act a{display:inline-flex;min-width:190px;height:46px;border:1px solid #fff;background:transparent;border-radius:50px;font-size:20px;color:#fff;align-items:center;justify-content:center}
    #container .app .app01 .wrap .con .act a:hover{color:#fff;background:#1a478c;border-color:#1a478c}
    #container .app .app01 .wrap .con .ico{position:absolute;bottom:30px;left:130px;display:none}
    #container .app .app02{padding:160px 0;background:#fff}
    #container .app .app02 .wrap{display:flex;align-items:center}
    #container .app .app02 .wrap .img{order:1;position:relative}
    #container .app .app02 .wrap .img img{display:block;width:100%;height:auto;position:relative;z-index:1;pointer-events:none}
    #container .app .app02 .wrap .img i{position:absolute;width:0;z-index:2;height:0;transition:all 0.3s;transform:translate(0,0)}
    #container .app .app02 .wrap .img i img{position:absolute;width:auto;height:auto}
    #container .app .app02 .wrap .img i:nth-child(2){width:56%;height:47%;top:0;left:0}
    #container .app .app02 .wrap .img i:nth-child(3){width:44%;height:54%;top:0;right:0}
    #container .app .app02 .wrap .img i:nth-child(4){width:56%;height:53%;bottom:0;left:0}
    #container .app .app02 .wrap .img i:nth-child(5){width:44%;height:46%;bottom:0;right:0}
    #container .app .app02 .wrap .img i:nth-child(2) img{top:0;left:0}
    #container .app .app02 .wrap .img i:nth-child(3) img{top:0;right:0}
    #container .app .app02 .wrap .img i:nth-child(4) img{bottom:0;left:0}
    #container .app .app02 .wrap .img i:nth-child(5) img{bottom:0;right:0}
    #container .app .app02 .wrap .img i:nth-child(2):hover{transform:translate(0,-1px)}
    #container .app .app02 .wrap .img i:nth-child(3):hover{transform:translate(1px,0)}
    #container .app .app02 .wrap .img i:nth-child(4):hover{transform:translate(-1px,0)}
    #container .app .app02 .wrap .img i:nth-child(5):hover{transform:translate(0, 1px)}
    #container .app .app02 .wrap .con{order:2;display:flex;flex-direction:column;align-items:flex-start;flex:1;position:relative;padding:0 0 0 50px}
    #container .app .app02 .wrap .tit{font-size:48px;color:#1a478c;line-height:1.2;margin:0 0 60px 0}
    #container .app .app02 .wrap .tit span{color:#000}
    #container .app .app02 .wrap .txt{display:flex;flex-direction:column}
    #container .app .app02 .wrap .txt p{display: inline-block;margin:0 0 25px 0;font-size:24px;vertical-align: top;line-height: 36px;}
    #container .app .app02 .wrap .txt p span{color:#1d4b8d}
    #container .app .app02 .wrap .txt p:before{content:'';flex-shrink:0;width:36px;height:36px;margin:0 10px 0 0;background:url("../img/icon_txt_before.png") no-repeat 50% 50%;display: inline-flex;vertical-align: middle;}
    #container .app .app03{padding:140px 0 100px;background:#ffdbce}
    #container .app .app03 .wrap{display:flex;align-items:center}
    #container .app .app03 .wrap .img{order:2}
    #container .app .app03 .wrap .con{order:1;display:flex;flex-direction:column;align-items:flex-start;flex:1;position:relative;padding:40px 0}
    #container .app .app03 .wrap .con .tit{font-size:48px;color:#000;margin:0 0 30px 0}
    #container .app .app03 .wrap .con .tit span{font-weight:500}
    #container .app .app03 .wrap .con .txt{font-size:24px;margin:0 0 30px 0}
    #container .app .app03 .wrap .con .txt span{color:#1d4b8d}
    #container .app .app03 .wrap .con .ico{display:flex;justify-content:flex-end;width:100%;position:relative;padding:0 20px}
    #container .app .app03 .wrap .con .ico i{background:url("../img/img_app_app03_eye_move.png") no-repeat 50% 50%;transition:none}
    #container .app .app03 .wrap .con .ico.animate i{animation:switch-image 1.2s infinite}
    #container .app .app03 .wrap .con .ico i img{opacity:0;visibility:hidden}
    #container .app .app03 .wrap .con .ico .animg{position:absolute;top:0;right:20px}
    #container .app .app03 .wrap .con .ico.init .animg{transition:none;opacity:0;transform:translateY(25px)}
    #container .app .app03 .wrap .con .ico.animate .animg{transition:all 0.8s;opacity:1;transform:translateY(0px)}
    #container .app .app03 .wrap .con .ico.animate .animg:nth-child(2){transition-delay:1s}
    #container .app .app03 .wrap .con .ico.animate .animg:nth-child(3){transition-delay:1.4s}
    #container .app .app03 .wrap .con .ico.animate .animg:nth-child(4){transition-delay:1.8s}
    #container .app .app04{padding:140px 0 100px;background:#cbeffb}
    #container .app .app04 .wrap{display:flex;justify-content:center;align-items:flex-end}
    #container .app .app04 .wrap .img{order:1}
    #container .app .app04 .wrap .con{order:2;display:flex;flex-direction:column;align-items:flex-start;position:relative;padding:0 0 0 60px}
    #container .app .app04 .wrap .tit{font-size:48px;margin:0 0 20px 0}
    #container .app .app04 .wrap .tit span{font-weight:500}
    #container .app .app04 .wrap .txt{font-size:24px;margin:0 0 96px 0}
    #container .app .app04 .wrap .ico{margin:0 0 0 -61px;display:flex;align-items:flex-end}
    #container .app .app04 .wrap .ico.init img:nth-child(2){transform:translateX(5px);transition:none;}
    #container .app .app04 .wrap .ico.animate img:nth-child(2){transform:translateX(0);transition:all 0.8s;transition-delay:1s}
    #container .app .app05{padding:140px 0 100px;background:#d8dcf7;position:relative}
    #container .app .app05 .bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2}
    #container .app .app05 .bg i{position:absolute;top:0;left:0;width:100%;height:100%}
    #container .app .app05 .bg i img{display:block;width:100%;height:100%;object-fit:contain}
    #container .app .app05 .bg i:nth-child(1){animation:circlemove 1.5s infinite linear;animation-delay:0s}
    #container .app .app05 .bg i:nth-child(2){animation:circlemove 1.5s infinite linear;animation-delay:1s}
    #container .app .app05 .bg i:nth-child(3){animation:circlemove 1.5s infinite linear;animation-delay:2s}
    #container .app .app05 .wrap{display:flex;justify-content:flex-end;z-index:3;position:relative}
    #container .app .app05 .wrap .img{order:2;width:50%}
    #container .app .app05 .wrap .con{order:1;display:flex;flex-direction:column;align-items:flex-start;position:relative;padding:0 61px 0 0}
    #container .app .app05 .wrap .tit{font-size:48px;margin:0 0 20px 0}
    #container .app .app05 .wrap .tit span{font-weight:500}
    #container .app .app05 .wrap .txt{font-size:24px;margin:0 0 10px 0}
    #container .app .app05 .wrap .txt span{color:#1d4b8d;font-weight:500}
    #container .app .app05 .wrap .ico{width:100%;position:relative;left:60px}
    #container .app .app06{padding:140px 0 160px;background:#ffe5b4}
    #container .app .app06 .wrap{display:flex;justify-content:flex-start}
    #container .app .app06 .wrap .img{order:2;width:50%;display:flex;flex-direction:column;align-items:flex-end}
    #container .app .app06 .wrap .con{order:2;display:flex;flex-direction:column;align-items:flex-start;position:relative;padding:0 0 0 60px}
    #container .app .app06 .wrap .tit{font-size:48px;margin:0 0 20px 0}
    #container .app .app06 .wrap .tit span{font-weight:500}
    #container .app .app06 .wrap .txt{font-size:24px;margin:0 0 50px 0}
    #container .app .app06 .wrap .txt span{color:#1d4b8d;font-weight:500}
    #container .app .app06 .wrap .lst{display:flex;flex-direction:column;align-items:flex-start}
    #container .app .app06 .wrap .lst p{padding:9px 20px;display:inline-flex;font-size:24px;background:#ffc961;border-radius:10px}
    #container .app .app06 .wrap .lst p + p{margin:20px 0 0 0}
    #container .app .app06 .wrap .lst.init p{transform:translateY(30px);opacity:0;transition:none}
    #container .app .app06 .wrap .lst.animate p{transform:translateY(0px);opacity:1;transition:all 0.8s}
    #container .app .app06 .wrap .lst.animate p:nth-child(1){transition-delay:0.8s}
    #container .app .app06 .wrap .lst.animate p:nth-child(2){transition-delay:1.2s}
    #container .app .app06 .wrap .lst.animate p:nth-child(3){transition-delay:1.6s}
    #container .app .app06 .wrap .lst.animate p:nth-child(4){transition-delay:2s}
    #container .app .app07{padding:140px 0;text-align:center}
    #container .app .app07 .wrap{width:1060px;max-width:100%}
    #container .app .app07 .vod{padding:56.25% 0 0 0;position:relative;margin:0 0 85px 0}
    #container .app .app07 .vod iframe{position:absolute;top:0;left:0;width:100%;height:100%}
    #container .app .app07 .tit{font-size:48px;margin:0 0 40px 0}
    #container .app .app07 .tit span{color:#1d4b8d;font-weight:500}
    #container .app .app07 .txt{font-size:24px;margin:0 0 40px 0}
    #container .app .app07 .txt span{color:#1d4b8d;font-weight:500}
    #container .app .app07 .act{display:flex;justify-content:center}
    #container .app .app07 .act a:hover{color:#fff;background:#1d4ba9;border-color:#1d4ba9}
    #container .app .app07 .act a:hover .hover{opacity:1;visibility:visible}
    #container .app .app07 .act a{min-width:190px;border-radius:50px;height:46px;display:flex;align-items:center;justify-content:center;background:#fafafa;font-size:20px;border:1px solid #eee;border-radius: 50px;overflow: hidden;}
    #container .app .app07 .act a{position: relative;color:#333;border-color:#333;background:#fff}
    #container .app .app07 .act a .hover{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#fff;background:#1d4ba9;border-color:#1d4ba9;opacity: 0;visibility: hidden;z-index: 5;}
    #container .app .app07 .act a .apple{position:relative;z-index:4;display: flex;align-items: center;justify-content: center;}
    #container .app .app07 .act a .apple i{flex-shrink:0;margin:0 8px 0 0;width: 27px;height: 27px;background:url("../img/icon_appstore.png") no-repeat 50% 50% }
    #container .app .app07 .act a .apple p{}
    #container .app .app07 .act a .google{position:relative;z-index:4;display: flex;align-items: center;justify-content: center;}
    #container .app .app07 .act a .google i{flex-shrink:0;margin:0 8px 0 0;width: 27px;height: 27px;background:url("../img/icon_googleplay.png") no-repeat 50% 50% }
    #container .app .app07 .act a .google p{}
    #container .app .app07 .act a + a{margin-left:40px}

    /**/
    /* #container .startup{}
    #container .startup .sect{}
    #container .startup .startup01{height:660px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:url("../img/img_startup_startup01.png") no-repeat 50% 50%;text-align:center}
    #container .startup .startup01 .tit{font-size:48px;line-height:60px;color:#fff;font-weight:500;margin:50px 0 0 0}
    #container .startup .startup01 .txt{line-height:60px;font-size:36px;color:#fff}
    #container .startup .startup02{background:#b7ffe8;padding:100px 0;text-align:center}
    #container .startup .startup02 .tit{margin:0 0 60px 0;font-size:40px;font-weight:500;color:#333}
    #container .startup .startup02 .vod{margin:0 auto;width:880px;max-width:100%;position:relative}
    #container .startup .startup02 .vod .img{position:relative;z-index:2;padding:56.25% 0 0 0}
    #container .startup .startup02 .vod .img img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}
    #container .startup .startup02 .vod .img i{position:absolute;top:50%;left:50%;margin:-48px 0 0 -48px;width:97px;height:97px;background:url("../img/icon_playvod.png") no-repeat 50% 50% / 100% auto;cursor:pointer;z-index:5}
    #container .startup .startup02 .vod .iframe{position:absolute;padding:56.25% 0 0 0;z-index:1;top:0;left:0;width:100%}
    #container .startup .startup02 .vod .iframe iframe{position:absolute;top:0;left:0;width:100%;height:100%}
    #container .startup .startup03{padding:100px 0;text-align:center;background:#faf9f7}
    #container .startup .startup03 .wrap{display:flex;flex-direction:column;align-items:Center}
    #container .startup .startup03 .tit{margin:0 0 50px 0;font-size:48px;font-weight:500}
    #container .startup .startup03 .txt{margin:0 0 50px 0;font-size:36px}
    #container .startup .startup03 .img{display:flex;align-items:center;justify-content:center;position:relative}
    #container .startup .startup03 .img .animg{position:absolute;top:0;left:0;animation:blink-effect 1s step-end infinite}
    #container .startup .startup03 .img img{width:auto;max-width:100%}
    #container .startup .startup04{padding:100px 0;text-align:center}
    #container .startup .startup04 .tit{margin:0 0 50px 0;font-size:48px;font-weight:500}
    #container .startup .startup04 .txt{margin:0 0 50px 0;font-size:30px}
    #container .startup .startup04 .tbl{margin:0 auto;width:820px;max-width:100%}
    #container .startup .startup04 .tbl td.twinkle{animation:twinkle-effect 1s step-end infinite}
    #container .startup .startup05{background:#f2fffb;padding:100px 0;text-align:center}
    #container .startup .startup05 .tit{margin:0 0 50px 0;font-size:48px;font-weight:500}
    #container .startup .startup05 .txt{margin:0 0 50px 0;font-size:30px}
    #container .startup .startup05 .tbl{margin:0 auto;width:820px;max-width:100%}
    #container .startup .startup05 .tbl .caution{margin:10px 0 0 0;text-align:right;font-size:14px;color:#3e3e3e}
    #container .startup .startup06{background:#ededed;padding:100px 0;text-align:center}
    #container .startup .startup06 .wrap{margin:0 auto;width:860px;max-width:100%}
    #container .startup .startup06 .tit{margin:0 0 50px 0;font-size:48px;font-weight:500}
    #container .startup .startup06 .txt{margin:0 0 50px 0;font-size:30px}
    #container .startup .startup06 .vod{position:relative;padding:56.25% 0 0 0}
    #container .startup .startup06 .vod iframe{position:absolute;top:0;left:0;width:100%;height:100%} */

 /**/
    #container .biz{}
    #container .biz .sect{}
    #container .biz .biz01{height:660px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:url("../img/img_startup_startup01.png") no-repeat 50% 50%;text-align:center}
    #container .biz .biz01 .tit{font-size:48px;line-height:60px;color:#fff;font-weight:500;margin:50px 0 0 0}
    #container .biz .biz01 .txt{line-height:60px;font-size:36px;color:#fff}
    #container .biz .biz02{background:#b7ffe8;padding:100px 0;text-align:center}
    #container .biz .biz02 .tit{margin:0 0 60px 0;font-size:40px;font-weight:500;color:#333}
    #container .biz .biz02 .vod{margin:0 auto;width:880px;max-width:100%;position:relative}
    #container .biz .biz02 .vod .img{position:relative;z-index:2;padding:56.25% 0 0 0}
    #container .biz .biz02 .vod .img img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}
    #container .biz .biz02 .vod .img i{position:absolute;top:50%;left:50%;margin:-48px 0 0 -48px;width:97px;height:97px;background:url("../img/icon_playvod.png") no-repeat 50% 50% / 100% auto;cursor:pointer;z-index:5}
    #container .biz .biz02 .vod .iframe{position:absolute;padding:56.25% 0 0 0;z-index:1;top:0;left:0;width:100%}
    #container .biz .biz02 .vod .iframe iframe{position:absolute;top:0;left:0;width:100%;height:100%}
    #container .biz .biz03{padding:100px 0;text-align:center;background:#faf9f7}
    #container .biz .biz03 .wrap{display:flex;flex-direction:column;align-items:Center}
    #container .biz .biz03 .tit{margin:0 0 50px 0;font-size:48px;font-weight:500}
    #container .biz .biz03 .txt{margin:0 0 50px 0;font-size:36px}
    #container .biz .biz03 .img{display:flex;align-items:center;justify-content:center;position:relative}
    #container .biz .biz03 .img .animg{position:absolute;top:0;left:0;animation:blink-effect 1s step-end infinite}
    #container .biz .biz03 .img img{width:auto;max-width:100%}
    #container .biz .biz04{padding:100px 0;text-align:center}
    #container .biz .biz04 .tit{margin:0 0 50px 0;font-size:48px;font-weight:500}
    #container .biz .biz04 .txt{margin:0 0 50px 0;font-size:30px}
    #container .biz .biz04 .tbl{margin:0 auto;width:820px;max-width:100%}
    #container .biz .biz04 .tbl td.twinkle{animation:twinkle-effect 1s step-end infinite}
    #container .biz .biz05{background:#f2fffb;padding:100px 0;text-align:center}
    #container .biz .biz05 .tit{margin:0 0 50px 0;font-size:48px;font-weight:500}
    #container .biz .biz05 .txt{margin:0 0 50px 0;font-size:30px}
    #container .biz .biz05 .tbl{margin:0 auto;width:820px;max-width:100%}
    #container .biz .biz05 .tbl .caution{margin:10px 0 0 0;text-align:right;font-size:14px;color:#3e3e3e}
    #container .biz .biz06{background:#ededed;padding:100px 0;text-align:center}
    #container .biz .biz06 .wrap{margin:0 auto;width:860px;max-width:100%}
    #container .biz .biz06 .tit{margin:0 0 50px 0;font-size:48px;font-weight:500}
    #container .biz .biz06 .txt{margin:0 0 50px 0;font-size:30px}
    #container .biz .biz06 .vod{position:relative;padding:56.25% 0 0 0}
    #container .biz .biz06 .vod iframe{position:absolute;top:0;left:0;width:100%;height:100%}


    /**/
    #container .startinfo{}
    #container .startinfo .sect{}
    #container .startinfo .startinfo01{padding:100px 0 0 0;text-align:center}
    #container .startinfo .startinfo01 .tit{margin:0 0 100px 0;font-size:50px;display:flex;align-items:center;justify-content:center}
    #container .startinfo .startinfo01 .tit span{position:relative}
    #container .startinfo .startinfo01 .tit span p{position:relative;z-index:2}
    #container .startinfo .startinfo01 .tit span:before{content:'';position:absolute;bottom:0;left:0;right:0;height:10px;background:#b7ffe8}
    #container .startinfo .startinfo01 .desc{padding:100px 0}
    #container .startinfo .startinfo01 .desc .wrap{flex-direction:column;align-items:center;display:flex}
    #container .startinfo .startinfo01 .desc .txt{display:flex;flex-direction:column;align-items:center;margin:0 0 70px 0}
    #container .startinfo .startinfo01 .desc .txt > p{font-size:22px;color:#6e6e6e;word-break:keep-all}
    #container .startinfo .startinfo01 .desc .txt > strong{font-size:40px;margin:0 0 50px 0;color:#222;font-weight:500}
    #container .startinfo .startinfo01 .desc .txt > span{font-size:24px;line-height:1;color:#1a478c;margin:0 0 10px 0;display:flex;align-items:center}
    #container .startinfo .startinfo01 .desc .txt > span stro{margin-left:10px;font-weight:500}
    #container .startinfo .startinfo01 .desc .img{margin:25px 0 0 0;position:relative}
    #container .startinfo .startinfo01 .desc .img img{width:auto;max-width:100%;display:block;margin:0 auto}
    #container .startinfo .startinfo01 .desc .img .animg{position:absolute;top:0;left:0;}
    #container .startinfo .startinfo01 .desc:nth-child(2){padding-top:0}
    #container .startinfo .startinfo01 .desc:nth-child(2) .img img{}
    #container .startinfo .startinfo01 .desc:nth-child(2) .img .animg{animation:rotate 30s infinite linear}
    #container .startinfo .startinfo01 .desc:nth-child(3){background:#f7f7f7}
    #container .startinfo .startinfo01 .desc:nth-child(3) .img{margin:120px 0 0 0}
    #container .startinfo .startinfo01 .desc:nth-child(4){background:#ffffff}
    #container .startinfo .startinfo01 .desc:nth-child(5){background:#6ce4bd;padding:100px 0 0 0}
    #container .startinfo .startinfo01 .desc:nth-child(5) .txt > p{color:#222}
    #container .startinfo .startinfo01 .desc:nth-child(6){background:#ffffff}
    #container .startinfo .startinfo01 .desc:nth-child(6) .img{margin:25px 0 0 0}
    #container .startinfo .startinfo01 .desc:nth-child(7){background:#f7f7f7}
    #container .startinfo .startinfo01 .desc:nth-child(7) .init{opacity:0;transform:translateY(0);transition:none}
    #container .startinfo .startinfo01 .desc:nth-child(7) .animate{opacity:1;transition:all 0.8s}
    #container .startinfo .startinfo01 .desc:nth-child(7) .animg:nth-child(2){transition-delay:0.5s}
    #container .startinfo .startinfo01 .desc:nth-child(7) .animg:nth-child(3){transition-delay:1s}
    #container .startinfo .startinfo01 .desc:nth-child(7) .animg:nth-child(4){transition-delay:1.5s}
    #container .startinfo .startinfo01 .desc:nth-child(7) .animg:nth-child(5){transition-delay:2s}
    #container .startinfo .startinfo01 .desc:nth-child(8){background:#b7ffe8;padding:100px 0  0}
    #container .startinfo .startinfo01 .desc:nth-child(8) .animg{animation:blink-effect 1s step-end infinite}
    #container .startinfo .startinfo01 .desc:nth-child(8) .txt > p{color:#222}
    #container .startinfo .startinfo02{padding:100px 0 0 0;text-align:center;overflow:hidden}
    #container .startinfo .startinfo02 .wrap{display:flex;flex-direction:column;align-items:center}
    #container .startinfo .startinfo02 .tit{font-size:48px;font-weight:500;margin:0 0 50px 0}
    #container .startinfo .startinfo02 .txt{font-size:24px;color:#333;margin:0 0 40px 0}
    #container .startinfo .startinfo02 .txt p{color:#1a478c}
    #container .startinfo .startinfo02 .img{}
    #container .startinfo .startinfo02 .img i{position:relative;width:100%;height:100%;display:block}
    #container .startinfo .startinfo02 .img p{font-size:24px;font-weight:500;color:#333333;margin:0 0 30px 0}
    #container .startinfo .startinfo02 .img .animg{position:absolute;top:0;left:0;width:100%;height:auto;display:block}
    #container .startinfo .startinfo02 .img img{display:block;margin:0 auto;width:auto;max-width:100%}
    #container .startinfo .startinfo02 .img img:nth-child(1){transition-delay:0.3s}
    #container .startinfo .startinfo02 .img img:nth-child(2){transition-delay:0.6s}
    #container .startinfo .startinfo02 .img img:nth-child(3){transition-delay:0.9s}
    #container .startinfo .startinfo03{height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#1a478c;text-align:center}
    #container .startinfo .startinfo03 .tit{font-size:48px;color:#fff}

    
    /**/
    #container .startProcess{}
    #container .startProcess .startProcess01{padding:65px 0 0 0;text-align:center;overflow:hidden;}
    #container .startProcess .startProcess01 .tit{font-size:48px;margin:0 0 20px 0}
    #container .startProcess .startProcess01 .txt{font-size:22px;color:#6e6e6e;margin:0 0 20px 0}
    #container .startProcess .startProcess01 .act{}
    #container .startProcess .startProcess02{padding:100px 0;background:#6ce4bd;text-align:center;overflow:hidden;}
    #container .startProcess .startProcess02 .tit{font-size:48px;margin:0 0 20px 0}
    #container .startProcess .startProcess02 .txt{font-size:22px;color:#6e6e6e;margin:0 0 180px 0}
    #container .startProcess .startProcess02 .slider{}
    #container .startProcess .startProcess02 .slider .swiper-slide{display:flex;flex-direction:column;align-items:center;position:relative}
    #container .startProcess .startProcess02 .slider .swiper-slide + .swiper-slide:before{content:'';position:absolute;top:142px;left:0;width:100%;height:2px;background:#fff;transform:translateX(-50%)}
    #container .startProcess .startProcess02 .slider .swiper-slide + .swiper-slide:after{content:'';position:absolute;top:138px;left:0;width:10px;height:10px;background:#fff;transform:translateX(-50%);border-radius:50%}
    #container .startProcess .startProcess02 .slider .swiper-slide em{font-size:30px;margin:0 0 15px 0}
    #container .startProcess .startProcess02 .slider .swiper-slide i{margin:0 auto;width:182px;height:182px;position:relative;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;POSITION:RELATIVE;Z-INDEX:2}
    #container .startProcess .startProcess02 .slider .swiper-slide i img{}
    #container .startProcess .startProcess02 .slider .swiper-slide span{position:relative;margin:20px 0 0 0;background:#fff;width:240px;min-height:105px;display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:18px;padding:20px;word-break:keep-all}
    #container .startProcess .startProcess02 .slider .swiper-slide span:before{content:'';position:absolute;bottom:100%;left:50%;transform:translateX(-50%);width:18px;height:10px;border-bottom:10px solid #fff;border-left:9px solid transparent;border-right:9px solid transparent;box-sizing:border-box}
    #container .startProcess .startProcess03{padding:100px 0;background:#fff;text-align:center;}
    #container .startProcess .startProcess03 .tit{font-size:48px;margin:0 0 20px 0}
    #container .startProcess .startProcess03 .txt{font-size:22px;color:#6e6e6e;margin:0 0 180px 0}
    #container .startProcess .startProcess03 .explain{border:20px solid #1a478c;display:flex;}
    #container .startProcess .startProcess03 .explain .step{display:flex;flex-direction:column;padding:20px}
    #container .startProcess .startProcess03 .explain .step .top{margin:0 0 45px 0}
    #container .startProcess .startProcess03 .explain .step .top p{display:block;margin:0 0 10px 0;font-weight:500;font-size:18px;color:#1a478c}
    #container .startProcess .startProcess03 .explain .step .top span{display:block;font-size:24px;color:#6e6e6e}
    #container .startProcess .startProcess03 .explain .step01{width:330px;flex-shrink:0;border-right:1px solid #000}
    #container .startProcess .startProcess03 .explain .step01 .button{}
    #container .startProcess .startProcess03 .explain .step01 .button ul{display:flex;flex-wrap:wrap;margin:-3px}
    #container .startProcess .startProcess03 .explain .step01 .button li{width:50%;padding:3px}
    #container .startProcess .startProcess03 .explain .step01 .button li .radiobox{cursor:pointer}
    #container .startProcess .startProcess03 .explain .step01 .button li .radiobox input[type="radio"]{display:none}
    #container .startProcess .startProcess03 .explain .step01 .button li .radiobox input[type="radio"] ~ span{border:1px solid #6f6f6f;width:100%;height:44px;display:flex;align-items:center;justify-content:center}
    #container .startProcess .startProcess03 .explain .step01 .button li .radiobox input[type="radio"]:checked ~ span{color:#fff;background:#1a478c;border-color:#1a478c}
    #container .startProcess .startProcess03 .explain .step02{flex:1}
    #container .startProcess .startProcess03 .explain .step02 .list{}
    #container .startProcess .startProcess03 .explain .step02 .list .in{display:flex;align-items:center;justify-content:end;margin:0 0 30px 0;border-bottom:1px solid #b0b0b0;padding:0 0 10px 0}
    #container .startProcess .startProcess03 .explain .step02 .list .in p{display:flex;align-items:center;justify-content:center}
    #container .startProcess .startProcess03 .explain .step02 .list .in p + p{margin-left:15px}
    #container .startProcess .startProcess03 .explain .step02 .list .hd{}
    #container .startProcess .startProcess03 .explain .step02 .list .hd li{display:flex;}
    #container .startProcess .startProcess03 .explain .step02 .list .hd li .desc{text-align:center;height: 50px;background: #6f6f6f;display:flex;align-items:center;justify-content:center;font-size: 18px;color: #fff;flex-shrink: 0;}
    #container .startProcess .startProcess03 .explain .step02 .list .bd{}
    #container .startProcess .startProcess03 .explain .step02 .list .bd li{border-bottom: 1px solid #6f6f6f;}
    #container .startProcess .startProcess03 .explain .step02 .list .bd li:hover > .head,
    #container .startProcess .startProcess03 .explain .step02 .list .bd li.on > .head{background: #eee;}
    #container .startProcess .startProcess03 .explain .step02 .list .bd li .head{display:flex;cursor: pointer;background: #fff;}
    #container .startProcess .startProcess03 .explain .step02 .list .bd li .head .desc{padding: 12.5px 0;display:flex;align-items:center;justify-content:center;}
    #container .startProcess .startProcess03 .explain .step02 .list .bd li .head .zip{width:100%;padding:0 25px;font-size:16px}
    #container .startProcess .startProcess03 .explain .step02 .list .bd li .head .addr{padding:0 25px;font-size:16px;text-align: left;width: 100%;}
    #container .startProcess .startProcess03 .explain .step02 .list .bd li .head .addr img{flex-shrink:0;}
    #container .startProcess .startProcess03 .explain .step02 .list .bd li .head .contact{display:flex;font-size:16px;align-items:center;}
    #container .startProcess .startProcess03 .explain .step02 .list .bd li .head .contact span a{display: flex;align-items: center;justify-content: center;white-space: nowrap;}
    #container .startProcess .startProcess03 .explain .step02 .list .bd li .head .contact span a img{margin:0 5px 0 0;}
    #container .startProcess .startProcess03 .explain .step02 .list .bd li .head .contact span + span{margin-left:10px;}
    #container .startProcess .startProcess03 .explain .step02 .list .bd li .head .tele{flex:1;padding:0 25px;font-size:16px}
    #container .startProcess .startProcess03 .explain .step02 .list .bd li .head .link{width:100%;align-items:center;justify-content:center;display:flex}
    #container .startProcess .startProcess03 .explain .step02 .list .bd li .head .link a{}
    #container .startProcess .startProcess03 .explain .step02 .list .bd li .head .link a img{display:block}
    #container .startProcess .startProcess03 .explain .step02 .list .bd li .head .link a + a{margin-left:15px}
    #container .startProcess .startProcess03 .explain .step02 .list .bd li .head .zido{width:100%;align-items:center;justify-content:center;display:flex}
    #container .startProcess .startProcess03 .explain .step02 .list .bd li .head .zido a{}
    #container .startProcess .startProcess03 .explain .step02 .list .bd li .head .zido a img{display:block}
    #container .startProcess .startProcess03 .explain .step02 .list .bd li .head .zido a + a{margin-left:15px}
    #container .startProcess .startProcess03 .explain .step02 .list .bd li .cont{}
    #container .startProcess .startProcess03 .explain .step02 .list .placeView{position:fixed;z-index: 106;top: 0;left: 0;width: 100%;height: 100%;background:rgba(0,0,0,0.5);display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;visibility:hidden}
    #container .startProcess .startProcess03 .explain .step02 .list .placeView.on{opacity:1;visibility:visible}
    #container .startProcess .startProcess03 .explain .step02 .list .placeView .placeBox {width: 1100px;max-width: 100%;background: #fff;border:3px solid #1a478c;position:relative;}
    #container .startProcess .startProcess03 .explain .step02 .list .placeView .placeBox .head{display:flex;font-size:24px;font-weight:500;color:#fff;align-items:Center;justify-content:center;height:45px;background:#1a478c;cursor: auto;}
    #container .startProcess .startProcess03 .explain .step02 .list .placeView .placeBox .cont{padding: 25px 55px;background: #ffffff;}
    #container .startProcess .startProcess03 .explain .step02 .list .placeView .placeBox .cont .con{display:flex;border-bottom:1px solid #dbdbdb;padding:0 0 25px 0;margin:0 0 25px 0;}
    #container .startProcess .startProcess03 .explain .step02 .list .placeView .placeBox .cont .con .zip{padding: 0 20px 0 0;font-size:20px;font-weight:500;color: #000000;flex-shrink: 0;margin: 0;text-align: left;width: 150px;max-width: 40%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
    #container .startProcess .startProcess03 .explain .step02 .list .placeView .placeBox .cont .con .tit{padding: 0 20px;font-size:20px;font-weight:500;color:#1a478c;flex-shrink: 0;margin: 0;text-align: center;width: 670px;max-width: 60%;}
    #container .startProcess .startProcess03 .explain .step02 .list .placeView .placeBox .cont .con .txt{margin: 0;flex: 1;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;}
    #container .startProcess .startProcess03 .explain .step02 .list .placeView .placeBox .cont .con .txt dl{display:flex;align-items: center;}
    #container .startProcess .startProcess03 .explain .step02 .list .placeView .placeBox .cont .con .txt dl + dl{margin-top:15px;}
    #container .startProcess .startProcess03 .explain .step02 .list .placeView .placeBox .cont .con .txt dt{flex-shrink:0;margin:0 10px 0 0;}
    #container .startProcess .startProcess03 .explain .step02 .list .placeView .placeBox .cont .con .txt dd{flex:1;font-size:16px;color:#000000;align-items: flex-start;word-break: break-word;text-align: left;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;}
    #container .startProcess .startProcess03 .explain .step02 .list .placeView .cont .con .txt dd p{}
    #container .startProcess .startProcess03 .explain .step02 .list .placeView .cont .map{width:100%;height:333px;border:1px solid #000000}
    #container .startProcess .startProcess03 .explain .step02 .list .placeView .close{position:absolute;top:0;right:0;width: 42px;height: 42px;display:flex;align-items:center;justify-content:center;cursor: pointer;}
    #container .startProcess .startProcess03 .explain .step02 .list .placeView .close img{display:block;width:auto;height:auto;max-width:100%}
    #container .startProcess .startProcess03 .explain .step02 .list li .desc:nth-child(1){width: 150px;}
    #container .startProcess .startProcess03 .explain .step02 .list li .desc:nth-child(2){flex:1}
    #container .startProcess .startProcess03 .explain .step02 .list li .desc:nth-child(3){width: 25%;}
    
    /**/
    #container .benefit{}
    #container .benefit .benefit01{padding:65px 0 0 0;text-align:center}
    #container .benefit .benefit01 .tit{font-size:40px;margin:0 0 25px 0}
    #container .benefit .benefit01 .txt{font-size:22px;color:#6e6e6e;line-height:38px;margin:0 0 70px 0}
    #container .benefit .benefit01 .img{}
    #container .benefit .benefit02{padding:180px 0 280px 0;background:url("../img/img_benefit_benefit02.png") no-repeat top center / 100% auto;overflow:hidden}
    #container .benefit .benefit02 .wrap{width:1250px}
    #container .benefit .benefit02 .list{}
    #container .benefit .benefit02 .list ul{display:flex;flex-direction:column;justify-content:flex-end;position:relative;align-items:flex-end}
    #container .benefit .benefit02 .list li{display:flex;width:860px;position:relative}
    #container .benefit .benefit02 .list li.init{transform:translateY(0)}
    #container .benefit .benefit02 .list li.init .con .thm{transform:translateX(200px);transition:none}
    #container .benefit .benefit02 .list li.init .con .thm img{transform:translateX(-100px);transition:none}
    #container .benefit .benefit02 .list li.init .img{transform:translateX(200px);transition:none}
    #container .benefit .benefit02 .list li.init .img img{transform:translateX(50px);transition:none}
    #container .benefit .benefit02 .list li.animate .con .thm{transform:translateX(0);transition:all 0.8s}
    #container .benefit .benefit02 .list li.animate .con .thm img{transform:translateX(0);transition:all 0.8s}
    #container .benefit .benefit02 .list li.animate .img{transform:translateX(0);transition:all 0.8s}
    #container .benefit .benefit02 .list li.animate .img img{transform:translateX(0);transition:all 0.8s}
    #container .benefit .benefit02 .list li + li{margin-top:280px}
    #container .benefit .benefit02 .list li .con{display:flex;flex-direction:column}
    #container .benefit .benefit02 .list li .con .thm{overflow:hidden;transition:all 3s}
    #container .benefit .benefit02 .list li .con .thm img{transition:all 3s}
    #container .benefit .benefit02 .list li .con img{display:block;width:auto;max-width:100%;margin:0 0 50px 0}
    #container .benefit .benefit02 .list li .con span{padding:0 15px;font-size:30px;color:#1a478c;line-height:1}
    #container .benefit .benefit02 .list li .con strong{font-size:48px;padding:0 15px;color:#000;line-height:1;margin:15px 0 25px 0;font-weight:500}
    #container .benefit .benefit02 .list li .con p{padding:0 15px;line-height:38px;font-size:22px;color:#333}
    #container .benefit .benefit02 .list li .con .item{padding:0 15px}
    #container .benefit .benefit02 .list li .con .item em{display:flex;align-items:center;width:50%;line-height:38px;font-size:22px;color:#333;float:left}
    #container .benefit .benefit02 .list li .con .item em:before{content:'';flex-shrink:0;width:12px;height:12px;border-radius:50%;margin:0 10px 0 0;background:#1a478c}
    #container .benefit .benefit02 .list li .img{position:absolute;top:80px;right:100%;margin-right:30px;transition:transform 3s;overflow:hidden}
    #container .benefit .benefit02 .list li .img img{transition:all 3s}

    /**/
    #container .manager{}
    #container .manager .sect{}
    #container .manager .manager01{padding:100px 0;text-align:center}
    #container .manager .manager01 .wrap{display:flex;flex-direction:column;align-items:center}
    #container .manager .manager01 .tit{margin:0 0 40px 0;font-size:48px;display:flex;align-items:center;justify-content:center}
    #container .manager .manager01 .tit span{position:relative}
    #container .manager .manager01 .tit span + span{padding-left:15px}
    #container .manager .manager01 .tit span p{position:relative;z-index:2}
    #container .manager .manager01 .tit span:before{content:'';position:absolute;bottom:0;left:0;right:0;height:20px;background:#b7ffe8}
    #container .manager .manager01 .txt{margin:0 0 50px 0;font-size:22px;color:#6e6e6e;line-height:38px}
    #container .manager .manager01 .img{position:relative}
    #container .manager .manager01 .img.init{opacity:1;transform:translateY(0);transition:none}
    #container .manager .manager01 .img img{display:block;width:100%;height:auto}
    #container .manager .manager01 .img .animg{position:absolute;top:0;left:0;display:block;width:100%;height:auto}
    #container .manager .manager01 .img.init .animg{opacity:0;transition:none}
    #container .manager .manager01 .img.animate .animg{opacity:1;transition:all 0.5s;transform:translateX(0) !important}
    #container .manager .manager01 .img.animate .animg:nth-child(2),
    #container .manager .manager01 .img.animate .animg:nth-child(4){transform:translateX(-50px)}
    #container .manager .manager01 .img.animate .animg:nth-child(3),
    #container .manager .manager01 .img.animate .animg:nth-child(5){transform:translateX(50px)}
    #container .manager .manager01 .img.animate .animg:nth-child(2){transition-delay:0.5s}
    #container .manager .manager01 .img.animate .animg:nth-child(3){transition-delay:1s}
    #container .manager .manager01 .img.animate .animg:nth-child(4){transition-delay:1.5s}
    #container .manager .manager01 .img.animate .animg:nth-child(5){transition-delay:2s}
    #container .manager .manager02{padding:100px 0;text-align:center;background:url("../img/img_manager_manager02.png") no-repeat 50% 50% / cover}
    #container .manager .manager02 .wrap{display:flex;flex-direction:column;justify-content:space-between}
    #container .manager .manager02 .tit{font-size:40px;color:#fff}
    #container .manager .manager02 .tit em{display:block;font-size:24px;color:#fff}
    #container .manager .manager02 .txt{margin:380px 0 0 0}
    #container .manager .manager02 .txt p{line-height:60px;font-size:36px;color:#fff}
    #container .manager .manager02 .txt p + p{margin-top:60px}
    #container .manager .manager03{padding:100px 0;text-align:center}
    #container .manager .manager03 .tit{margin:0 0 40px 0;font-size:40px}
    #container .manager .manager03 .lst{margin-top:100px}
    #container .manager .manager03 .lst ul{display:flex;align-items:flex-start;justify-content:space-between;width:975px;max-width:100%;margin:0 auto}
    #container .manager .manager03 .lst li{text-align:center;position:relative}
    #container .manager .manager03 .lst li:before{content:counter(list-item); display:flex; align-items:center; justify-content:center; width:178px; height:178px;  border-radius:50%; position:relative;z-index:5;background:#a9a9a9; font-size:48px;  font-weight:bold;color:#fff; margin-bottom:30px}
    #container .manager .manager03 .lst li + li:after{content:""; display:block; width:100%; height:5px;    border-top:5px solid #666666;position:absolute; top:88px; left:-50%; z-index:1}
    #container .manager .manager03 .lst li p{font-size:32px;line-height:1;color:#333333}
    #container .manager .manager03 .lst li a{display:inline-block;font-size:18px;line-height:1;padding:12px 20px;border-radius:50px;margin-top:10px;background:#333;color:#fff;border:1px solid #fff}
    #container .manager .manager03 .lst.init{opacity:1;transform:translateY(0)}
    #container .manager .manager03 .lst.init ul li{opacity: 0;transform:translateX(-25px);transition:none}
    #container .manager .manager03 .lst.animate ul li{opacity:1;transform:translateX(0);transition:all 0.8s}
    #container .manager .manager03 .lst.animate ul li:nth-child(1){z-index:5;transition-delay:0.5s}
    #container .manager .manager03 .lst.animate ul li:nth-child(2){z-index:4;transition-delay:0.8s}
    #container .manager .manager03 .lst.animate ul li:nth-child(3){z-index:3;transition-delay:1.1s}
    #container .manager .manager03 .lst.animate ul li:nth-child(4){z-index:2;transition-delay:1.4s}
    #container .manager .manager03 .lst.animate ul li:nth-child(5){z-index:1;transition-delay:1.7s}
    #container .manager .manager04{padding:100px 0;text-align:center}
    #container .manager .manager04 .tit{font-size:48px;margin:0 0 70px 0}
    #container .manager .manager04 .tit em{display:block;font-size:24px}
    #container .manager .manager04 .tbl{width:1000px;max-width:100%;margin:0 auto;display:block}
    #container .manager .manager04 .tbl table thead th{background:#6f6f6f;color:#fff}
    #container .manager .manager04 .tbl table th,
    #container .manager .manager04 .tbl table td{font-size:18px;border-right:0;white-space:nowrap}
    #container .manager .manager04 .tbl table td:nth-child(1),
    #container .manager .manager04 .tbl table td:nth-child(2){text-align:left;}
    #container .manager .manager04 .tbl table tr{border-bottom:1px solid #6f6f6f}
    #container .manager .manager05{padding:100px 0;background:#666666;text-align:center}
    #container .manager .manager05 .tit{font-size:48px;margin:0 0 30px 0;color:#fff}
    #container .manager .manager05 .txt{font-size:24px;color:#fff;margin:0 0 70px 0}
    #container .manager .manager05 .dow{width:850px;max-width:100%;text-align:center;align-items:center;justify-content:center;display:flex;margin:0 auto}
    #container .manager .manager05 .dow a{border-radius:40px;display:inline-flex;min-width:240px;height:50px;border:1px solid #222;align-items:center;justify-content:center;font-size:18px;color:#fff;background:#222}
    #container .manager .manager05 .contact{margin:70px auto 0;padding:70px 0 0 0;width:680px;max-width:100%;border-top:1px solid #fff}
    #container .manager .manager05 .contact p{line-height:48px;font-size:24px;color:#fff}

    /**/
    #container .customer{padding:75px 0 150px 0}
    #container .customer .sect{text-align:center;margin:0 0 60px 0}
    #container .customer .sect .tit{margin:0 0 30px 0;font-size:40px;color:#3e3e3e}
    #container .customer .sect .box{border:3px solid #013c87;padding:40px}
    #container .customer .sect .box .top{display:flex;align-items:center;justify-content:center;padding:40px 0 70px}
    #container .customer .sect .box .top .img{flex-shrink:0;margin:0 22px 0 0}
    #container .customer .sect .box .top .con{text-align:left}
    #container .customer .sect .box .top .con p{display:block;font-size:20px;line-height:1}
    #container .customer .sect .box .top .con strong{display:block;font-size:48px;font-weight:400;line-height:1}
    #container .customer .sect .box .bot{}
    #container .customer .sect .box .bot dl{display:flex;align-items:center;font-size:18px;justify-content:center}
    #container .customer .sect .box .bot dt{flex-shrink:0;margin:0 15px 0 0;font-weight:500}
    #container .customer .sect .box .bot dd{}

    /**/
    #container .oneonone{padding:75px 0 150px 0}
    #container .oneonone .sect{text-align:center;margin:0 0 60px 0}
    #container .oneonone .sect .wrap{position:relative}
    #container .oneonone .sect .tit{margin:0 0 30px 0;font-size:40px;color:#3e3e3e}
    #container .oneonone .sect .select{position:absolute;top:0;right:0}
    #container .oneonone .sect .select select{min-width:245px;height:45px;border:1px solid #d7d7d7;padding:0 20px;font-size:14px;background:#fff url("../img/icon_dropdown.png") no-repeat right 5px center}
    #container .oneonone .sect .box{border:3px solid #013c87;padding:50px;margin:0 0 75px 0}
    #container .oneonone .sect .box .top{display:flex;align-items:center;justify-content:center}
    #container .oneonone .sect .box .top .img{flex-shrink:0;margin:0 22px 0 0}
    #container .oneonone .sect .box .top .con{text-align:left}
    #container .oneonone .sect .box .top .con p{display:block;font-size:18px}
    #container .oneonone .sect .form{padding:0 0 30px 0}
    #container .oneonone .sect .form dl{display:flex;align-items:flex-start}
    #container .oneonone .sect .form dl + dl{margin-top:16px}
    #container .oneonone .sect .form dt{width:145px;flex-shrink:0;min-height:45px;display:flex;align-items:center;justify-content:center}
    #container .oneonone .sect .form dt em{margin-left:5px}
    #container .oneonone .sect .form dd{flex:1;display:flex}
    #container .oneonone .sect .form dd input[type="text"]{width:100%;max-width:449px;height:45px;padding:0 20px;border:1px solid #d7d7d7;font-size:14px}
    #container .oneonone .sect .form dd select{width:100%;max-width:449px;height:45px;padding:0 20px;border:1px solid #d7d7d7;font-size:14px;background:url("../img/icon_dropdown.png") no-repeat right 20px center}
    #container .oneonone .sect .form dd * + *{margin-left:15px}
    #container .oneonone .sect .form dd textarea{width:100%;height:436px;padding:20px;border:1px solid #d7d7d7;font-size:14px}
    #container .oneonone .sect .form dd .file{width:50%;height:45px;padding:4px;border:1px solid #d7d7d7;display:flex;align-items:center}    #container .oneonone .sect .form dd .file input[type="file"]{display:none}
    #container .oneonone .sect .form dd .file i{border:1px solid #3e3e3e;background:#d7d7d7;height:100%;display:flex;align-items:center;justify-content:center;min-width:117px;font-size:14px;cursor:pointer;margin:0}
    #container .oneonone .sect .form dd .file span{margin:0 0 0 16px;font-size:13px;color:#6e6e6e}
    #container .oneonone .sect .check{display:flex;align-items:center;justify-content:center;padding:0 0 50px 0;margin:0 0 50px 0;border-bottom:2px solid #1a478c}
    #container .oneonone .sect .check label.agree{cursor:pointer;display:flex;align-items:center;justify-content:center}
    #container .oneonone .sect .check label.agree input{display:none}
    #container .oneonone .sect .check label.agree i{display:inline-block; width:16px; height:16px; background:#fff no-repeat center center/60%; border:1px solid #000; margin-right:5px}
    #container .oneonone .sect .check label.agree p{ display:flex;align-items:center;font-size:16px;line-height:1}
    #container .oneonone .sect .check label.agree button{margin:0 0 0 15px;line-height:1;font-size:16px;color:#000;background:none}
    #container .oneonone .sect .check label.agree input:checked ~ i{background:url("https://cdn1.iconfinder.com/data/icons/material-core/18/check-256.png") no-repeat 50% 50% / 12px auto}
    #container .oneonone .sect .help{font-size:18px;color:#000;text-align:center}
    #container .oneonone .sect .button{margin:80px 0 0 0}
    #container .oneonone .sect .button .btn{min-width:261px;max-width:100%;background:#fff;border-color:#777}
    #container .oneonone .sect .button .btn:hover{color:#fff;background:#1a478c;border-color:#1a478c}


    #container .popupTerms{display:none;flex-direction:column;position:fixed;top:0;left:0;width:100%;height:100%;background:rgb(102 102 102 / 40%);z-index:1111;align-items:center;justify-content:center}
    #container .popupTerms.active{display:flex}
    #container .popupTerms .terms_layer{width:1120px;max-width:100%;background:#fff;border:1px solid #000;position:relative}
    #container .popupTerms .terms_layer .cont{text-align:left;line-height:20px;font-size:12px;color:#333;padding:10px 15px}
    #container .popupTerms .terms_layer .close{position:absolute;top:0;right:0;padding:10px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer}
    #container .popupTerms .terms_layer .close img{display:block;width:100%;height:auto}

    /**/
    #container .tbl table{width:100%;table-layout:fixed;border-top:1px solid #d7d7d7;border-collapse:collapse;border-spacing:0}
	#container .tbl table th,
	#container .tbl table td{padding:12.5px 20px 12.5px 20px;font-size:14px;font-weight:400;border-right:1px solid #d7d7d7;background:#ffffff}
    #container .tbl table td:last-child,
    #container .tbl table th:last-child{border-right:0}
	#container .tbl table th{background:#efefef;vertical-align:middle}
	#container .tbl table tr{border-bottom:1px solid #e6e6e6}
	#container .tbl table tr:first-child{}

    /**/
    #wrap .modal-container{display:none;position:fixed;width:100%;height:100%;padding:16px;top:0;left:0;z-index:99999;background:rgba(0, 0, 0, 0.75);overflow:auto}
    #wrap .modal-container.show{display:flex; align-items:center; justify-content:center}
    #wrap .modal-container .modal-wrapper{width:650px;max-width:100%;max-height:90vh;box-shadow:0 3px 6px rgba(0,0,0,0.1);background:#fff;position:relative;display:flex;flex-direction:column;overflow-y:auto}
    #wrap .modal-container .modal-wrapper::-webkit-scrollbar{width:18px}
    #wrap .modal-container .modal-wrapper::-webkit-scrollbar-thumb{background-color:#ddd;background-clip:padding-box;border:6px solid transparent}
    #wrap .modal-container .modal-wrapper::-webkit-scrollbar-track{background-color:transparent}
    #wrap .modal-container .modal-wrapper .modal-title{position:relative;display:flex;flex-direction:row;padding:0 25px;height:75px;justify-content:space-between;align-items:center;border-bottom:1px solid #cccccc}
    #wrap .modal-container .modal-wrapper .modal-title .tit{font-size:20px;font-weight:600;color:#111111}
    #wrap .modal-container .modal-wrapper .modal-title .act button{width:28px;height:28px;background:url("../img/icon_close.png") no-repeat 50% 50%}
    #wrap .modal-container .modal-cont{padding:35px 25px}
    #wrap .modal-container .modal-cont .tbl{flex:1}
    #wrap .modal-container .modal-cont .tbl table{position:relative;min-width:100%;border-collapse:collapse;table-layout:fixed;word-break:break-all}
    #wrap .modal-container .modal-cont .tbl table thead{border-top:2px solid #555555}
    #wrap .modal-container .modal-cont .tbl table thead th{padding:20px 28px;height:60px;line-height:24px;font-size:16px;color:#333;font-weight:600;background:#f9f9f9;border-bottom:1px solid #dddddd;white-space:nowrap}
    #wrap .modal-container .modal-cont .tbl table tbody tr{border-bottom:1px solid #e2e2e2}
    #wrap .modal-container .modal-cont .tbl table tbody tr:last-child{border-bottom:1px solid #555}
    #wrap .modal-container .modal-cont .tbl table tbody th{padding:12px;min-width:70px;font-size:14px;color:#333;font-weight:500;background:#fafafa;white-space:nowrap;border-right:1px solid #e2e2e2;border-left:1px solid #e2e2e2;border-bottom:1px solid #e2e2e2}
    #wrap .modal-container .modal-cont .tbl table tbody th:nth-child(1){border-left:0}
    #wrap .modal-container .modal-cont .tbl table tbody td{padding:12px;height:60px;font-size:16px;font-weight:400;color:#555;text-align:center;text-overflow:ellipsis}
    #wrap .modal-container .modal-cont .tbl table tbody td img{display:block;width:100%;height:auto}
    #wrap .modal-container .modal-cont .tbl table tbody td a{color:#000}

    #container .terms{padding:100px 0;background:#f4f5f9}
    #container .terms .title{font-size:46px}
    #container .terms .cont{background:#fff;padding:60px 16px}
    #container .terms .cont .text{margin:0 auto;width:920px;max-width:100%;font-size:18px;font-weight:300;color:#333}
    #container .terms .cont .text strong{display:block;margin:60px 0 20px 0;font-size:22px;font-weight:500;color:#000}
    #container .terms .cont .text strong:nth-child(1){margin-top:0}
    #container .terms .cont .text table{width:100%;border-top:1px solid #d7d7d7;border-collapse:collapse;border-spacing:0;margin:20px 0}
	#container .terms .cont .text table th,
	#container .terms .cont .text table td{padding:12.5px 20px 12.5px 20px;font-size:16px;font-weight:400;border-right:1px solid #d7d7d7;background:#ffffff}
    #container .terms .cont .text table td:last-child,
    #container .terms .cont .text table th:last-child{border-right:0}
	#container .terms .cont .text table th{background:#efefef;vertical-align:middle}
	#container .terms .cont .text table tr{border-bottom:1px solid #e6e6e6}
	#container .terms .cont .text table tr:first-child{}
    
    @media (max-width:1140px ) and (min-width:960px) {
        #header .header .nav .gnb .depth1 .dl1 .da1{font-size:18px}
        #header .header .nav .gnb .depth1 .dl1 + .dl1{margin-left:20px}        
    }
}
@media (max-width: 960px) and (min-width: 701px) {

    .mo-view{display:block}
    .pc-view{display:none !important}
    
    #wrap{}
    #wrap .wrap{padding:0 16px;width:100%}

    /**/
    #header{position:fixed;top:0;left:0;width:100%;z-index:103;transition:top .3s}
    #header .tnb{display:none}
    #header .header{position:relative;height:67px;background:#fff;-webkit-transition:height 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);-moz-transition:height 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);-o-transition:height 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);transition:height 0.4s cubic-bezier(0.645, 0.045, 0.355, 1)}
    #header .header .wrap{display:flex;justify-content:center;align-items:center;height:67px}
    #header .header .logo{display:flex;width:53px}
    #header .header .logo img{width:100%;height:auto;display:block}
    #header .header .nav{display:flex;align-items:center}
    #header .header .nav .gnb{display:none}
    #header .header .nav .gnb .depth1{display:flex;align-items:center}
    #header .header .nav .gnb .depth1 .dl1{position:relative;padding:0 35px}
    #header .header .nav .gnb .depth1 .dl1 .da1{position:relative;display:block;line-height:112px;font-size:20px;font-weight:500;color:#fff;font-family:'Noto Sans KR'}
    #header .header .nav .gnb .depth1 .dl1.sel .da1:after{content:'';position:absolute;bottom:0;left:0;width:100%;height:4px;background:#00BDFF}
    #header .header .nav .gnb .depth2{position:absolute;z-index:111;top:95px;left:0;padding:40px 0;line-height:30px;height:0;width:100%;visibility:hidden;opacity:0;transition:all 0.3s}
    #header .header .nav .gnb .depth2 .dl2{}
    #header .header .nav .gnb .depth2 .dl2 + .dl2{margin-top:20px}
    #header .header .nav .gnb .depth2 .da2{display:block;line-height:30px;font-size:16px;color:#5e5e5e;white-space:nowrap;text-align:center}
    #header .header .nav .gnb .depth2 .da2:hover{color:#00BDFF;font-weight:500}
    #header .header .nav .act{display:flex;align-items:center;margin-left:30px}
    #header .header .nav .act .btn{display:flex;align-items:center;justify-content:center;padding:0 20px;height:46px;font-size:16px;color:#111;background:#fff;border:1px solid #e9e9e9;border-radius:4px}
    #header .header .nav .act .btn + .btn{margin-left:6px}
    #header .header .nav .act .btn_01{color:#111;border-color:#4e4e4e;background:#ffffff}
    #header .header .nav .act .btn_02{color:#fff;border-color:#2334de;background:#2334de}
    #header .header .nav .gnb .gnb_bg{position:absolute;top:112px;left:0;width:100%;height:0;z-index:99;border-top:1px solid transparent;border-bottom:1px solid transparent;overflow:hidden}
	#header .header .nav .gnb .gnb_bg.sel{height:232px;border-top-color:#F1F3F5;background:#fff;-webkit-transition:all 0.3s;transition:all 0.3s}
    #header .header-down{position:absolute; top:100%; opacity:0;visibility:hidden; left:0; width:100%; z-index:99;   transition:all .5s}
    #header .header-down:before{content:'';position:absolute;top:0;left:0;right:0;height:0;background:#1a478c;transition:all 0.5s}
    #header .header-down .wrap{overflow-x:auto}
    #header .header-down ul{text-align:center; transform:translateY(-100%);transition:all 0.35s;white-space:nowrap}
    #header .header-down ul li{display:inline-block; }
    #header .header-down ul li a{color:#fff; font-size:16px; position:relative; display:block; margin:0 8px;padding:10px 0;line-height:16px;font-size:12px}
    #header .header-down ul li a:after{content:""; display:block; width:100%; height:2px; background:#fff; position:absolute; bottom:0; left:0; opacity:0; transition:all .2s}
    #header .header-down ul li a:hover:after,
    #header .header-down ul li a.sel:after{opacity:1}
    #header.on{top:-67px}
    #header.on .header-down{visibility:visible;opacity:1}
    #header.on .header-down:before{height:100%;transition:all 0.3s}
    #header.on .header-down ul{transform:translateY(0)}
    #header.sel .gnb .depth1 .depth2{opacity:1;visibility:visible;-webkit-transition:all 0.3s;transition:all 0.3s;transition-delay:0.15s}
    #header.sel .header{height:280px}
    #header.sel.on .gnb .depth1 .depth2{opacity:0;visibility:hidden}
    #header.sel.on .header{height:95px}
    
    /**/
    #header .header .menu{}
    #header .header .menu #allmenu{display:flex;width:24px;height:24px;background:url("../img/icon_menu.png") no-repeat 50% 50% / 100% auto;position:absolute;z-index:106;top:50%;left:20px;transform:translateY(-50%);;}
    #header .header .menu #allmenu.sel{background:url("../img/icon_close.png") no-repeat 50% 50% / 100% auto;position: fixed;top: 22px;transform: translateY(0);}                
    #header .header .menu .allmenu{position:fixed;z-index:105;top:0;left:0;width:100%;height:100vh;overflow-y:auto;background:#fff;opacity:0;visibility:hidden;display:flex;flex-direction:column}
    #header .header .menu .allmenu *{font-family:'Noto Sans KR','Malgun Gothic','dotum','Tahoma'}
    #header .header .menu.sel .allmenu{opacity:1;visibility:visible}
    #header .header .menu .allmenu .ico{display:flex;align-items:center;justify-content:center;height:67px;flex-shrink:0}
    #header .header .menu .allmenu .ico a{width:53px}
    #header .header .menu .allmenu .ico img{width:100%;height:auto;display:block}
    #header .header .menu .allmenu .con{flex:1;border-top:1px solid #f0f0f0;overflow-y:auto}
    #header .header .menu .allmenu .con .dp1{padding:30px}
    #header .header .menu .allmenu .con .dp1 .cg1{border-bottom:1px solid #efeaeb}
    #header .header .menu .allmenu .con .dp1 .cg1 .cg1_a{display:flex;width:100%;height:50px;align-items:center;justify-content:space-between;font-size:17px;font-weight:500;color:#000000;background:transparent}    
    #header .header .menu .allmenu .con .dp1 .cg1 .cg1_a i{width:14px;height:14px;background:url("../img/icon_menu_open.png") no-repeat 50% 50% / 100% auto}
    #header .header .menu .allmenu .con .dp1 .cg1.sel .cg1_a{color:#1a478c}
    #header .header .menu .allmenu .con .dp1 .cg1.sel .cg1_a i{background:url("../img/icon_menu_close.png") no-repeat 50% 50% / 100% auto}
    #header .header .menu .allmenu .con .dp1 .cg1.sel .dp2{display:block}
    #header .header .menu .allmenu .con .dp2{display:none;padding:16px;background:#f5f7f7}
    #header .header .menu .allmenu .con .dp2 .cg2{display:flex;flex-direction:column;align-items:center;justify-content:flex-start}
    #header .header .menu .allmenu .con .dp2 .cg2 + .cg2{margin-top:16px}
    #header .header .menu .allmenu .con .dp2 .cg2 .cg2_a{display:inline-flex;width:100%;height:24px;align-items:center;justify-content:flex-start;font-size:14px;color:#2a3031;background:transparent;position:relative}
    #header .header .menu .allmenu .con .dp2 .cg2 .cg2_a:hover,
    #header .header .menu .allmenu .con .dp2 .cg2 .cg2_a.active,
    #header .header .menu .allmenu .con .dp2 .cg2.sel .cg2_a{color:#1a478c;text-decoration:underline}
    #header .header .menu .allmenu .bot{padding:30px;background:#f4f4f4;flex-shrink:0}
    #header .header .menu .allmenu .bot ul{}
    #header .header .menu .allmenu .bot li{display:flex}
    #header .header .menu .allmenu .bot li + li{margin:6px 0 0 0}
    #header .header .menu .allmenu .bot li a{display:flex;align-items:center;justify-content:center;line-height:24px;font-size:14px;color:#333333}
    #header .header .menu .allmenu .bot li a + a:before{content:'';position:relative;margin:0 15px;width:1px;height:12px;background:#c0c0c0}
    #header .header .menu #search{display:flex;width:24px;height:24px;background:url("../img/icon_search.png") no-repeat 50% 50% / 100% auto;position:absolute;z-index:106;top:50%;right:20px;transform:translateY(-50%)}
    #header .header .menu #search.sel{position: fixed;top: 22px;transform: translateY(0);}
    
    /**/
    #footer{position:relative;z-index:99;background:#1b2122}
    #footer .fnb{border-bottom:2px solid #323839}
    #footer .fnb .wrap{position:relative;display:flex;flex-wrap:wrap;justify-content:space-between;width:1200px;padding:58px 0 0 0;max-width:100%}
    #footer .fnb .wrap .desc{display:flex;flex-direction:column;margin:10px 0;padding:0 20px}
    #footer .fnb .wrap .desc + .desc{border-left:1px solid #323839}
    #footer .fnb .wrap .cs{width:50%}
    #footer .fnb .wrap .cs .cont{}
    #footer .fnb .wrap .cs .tit{margin:0 0 6px 0;line-height:18px;font-size:11px;font-weight:500;color:#fff}
    #footer .fnb .wrap .cs .txt{margin:6px 0 0 0;line-height:18px;font-size:11px;font-weight:500;color:#6e6e6e}
    #footer .fnb .wrap .cs .tel{line-height:1;font-size:16px;font-weight:400;color:#fff}
    #footer .fnb .wrap .app{margin:25px 0;padding:0 20px;width:50%;justify-content:center}
    #footer .fnb .wrap .app .down{display:flex;flex-direction:column;align-items:center}
    #footer .fnb .wrap .app .down img{width:56px}
    #footer .fnb .wrap .app .down a{margin:5px 0 0 0;line-height:22px;font-size:11px;font-weight:500;color:#fff;text-decoration:underline}
    #footer .fnb .wrap .app .title{display:none}
    #footer .fnb .wrap .sns{width:100%}
    #footer .fnb .wrap .sns .title{display:none}
    #footer .fnb .wrap .sns ul{display:flex;align-items:center}
    #footer .fnb .wrap .sns li{text-align:center}
    #footer .fnb .wrap .sns li + li{margin-left:10px}
    #footer .fnb .wrap .sns li a{}
    #footer .fnb .wrap .sns li img{width:27px}
    #footer .fnb .wrap .sns li p{display:none;margin:15px 0 0 0;line-height:22px;font-size:13px;font-weight:500;color:#fff}
    #footer .fnb .wrap .title{margin:0 0 5px 0;line-height:22px;font-size:12px;font-weight:500;color:#fff}
    #footer .footer{padding:20px 0 35px 0}
    #footer .footer .wrap{display:flex;width:1200px;max-width:100%;flex-direction:column}
    #footer .footer .logo{margin:0 0 20px 0}
    #footer .footer .logo img{width:auto;max-width:92px}
    #footer .footer .addr{}
    #footer .footer .addr .link{margin:0 0 12px 0}
    #footer .footer .addr .link a{position:relative;line-height:11px;font-size:11px;font-weight:500;color:#6e6e6e}
    #footer .footer .addr .link a + a{margin-left:10px;padding-left:10px}
    #footer .footer .addr .link a + a:before{content:'';position:absolute;top:50%;left:0;width:1px;height:9px;background:#6e6e6e;transform:translateY(-50%)}
    #footer .footer .addr .link a:hover{color:#fff}
    #footer .footer .addr .info{display:flex;flex-direction:column;align-items:flex-start}
    #footer .footer .addr .info span{display:flex;line-height:15px;font-size:11px;font-weight:500;color:#6e6e6e;align-items:center}
    #footer .footer .addr .cite{margin:5px 0 0 0;line-height:16px;font-size:11px;font-weight:500;color:#6e6e6e}

    #top{position:absolute;top:0;right:16px}
    #top button{display:flex;width:30px;height:30px;background:#353f43 url("../img/icon_top.png") no-repeat 50% 50% / 10px auto}

    /**/
    #popup{position:absolute;top: 67px;left:0;z-index:102;display: flex;flex-wrap: wrap;margin: 0 -10px -10px 0;padding: 10px;}
    #popup .popup{display:flex;flex-direction:column;background:#fff;border:1px solid #666;box-shadow:0 3px 16px rgb(0 0 0 / 20%);margin: 0 10px 10px 0;flex-shrink: 0;}
    #popup .popup .cont{}
    #popup .popup .cont a{}
    #popup .popup .cont img{display:block;width:100%;height:auto}
    #popup .popup .ctrl{border-top:1px solid #efefef;display:flex;align-items:center;justify-content:flex-end;padding:0 16px;height:40px}
    #popup .popup .ctrl .close{}
    #popup .popup .ctrl .close p{font-size:12px}
    #popup .popup .ctrl .close + a{margin-left:10px}
    #popup .popup .ctrl label.today{cursor:pointer;display:flex;align-items:center}
    #popup .popup .ctrl label.today input{display:none}
    #popup .popup .ctrl label.today span{color:#666 ;font-size:12px;display:flex;align-items:center;margin:0}
    #popup .popup .ctrl label.today span::before{content:""; display:inline-block; width:16px; height:16px; background:#fff no-repeat center center/60%; border:1px solid #000; margin-right:5px}
    #popup .popup .ctrl label.today input:checked ~ span{color:#000}
    #popup .popup .ctrl label.today input:checked ~ span:before{background-image:url("https://cdn1.iconfinder.com/data/icons/material-core/18/check-256.png")}
    #popup .popup .ctrl .today + .close{margin-left:20px}
    
    /**/
    #index{padding:67px 0 0 0}
    #index .visual{}
    #index .visual .slider{position:relative;overflow:hidden}
    #index .visual .slider .swiper-slide{position:relative}
    #index .visual .slider .swiper-slide .img{height:35rem;transition:all 0.5s;position:relative;overflow: hidden;}
    #index .visual .slider .swiper-slide .img .mainimg{position:relative;z-index:2;display:block;width:1600px;max-width:100%;height:100%;margin:0 auto;object-fit:cover}
    #index .visual .slider .swiper-slide .img .mainbg{position:absolute;top:0;left:0;z-index:1;display:block;width:100%;height:100%;object-fit:cover;filter:blur(5px);transform:scale(1.05)}
    #index .visual .slider .swiper-slide .con{position:absolute;bottom:90px;left:50%;width:1380px;max-width:100%;transform:translateX(-50%);text-align:center;padding:20px;z-index:10}
    #index .visual .slider .swiper-slide .con strong{display:block;font-size:26px;font-weight:500;color:#fff;word-break:keep-all}
    #index .visual .slider .swiper-slide .con span{display:block;margin:20px 0 0 0;font-size:16px;font-weight:500;color:#fff}
    #index .visual .slider .swiper-dots{position:absolute;bottom:24px;z-index:2;display:flex;align-items:center;justify-content:center}
    #index .visual .slider .swiper-dots span{margin:0 5px;width:10px;height:10px;border:1px solid #000;border-radius:20px;background:transparent;overflow:hidden;text-indent:-9999em;opacity:1}
    #index .visual .slider .swiper-dots span.swiper-pagination-bullet-active{border-color:transparent;background:#fff;opacity:0.5}
    #index .visual .slider .swiper-prev{position:absolute;top:50%;left: 10px;transform:translateY(-50%);width:40px;height: 70px;background:url("../img/icon_slider_prev.png") no-repeat 50% 50% / 100% auto;z-index: 5;}
    #index .visual .slider .swiper-next{position:absolute;top:50%;right: 10px;transform:translateY(-50%);width:40px;height: 70px;background: url("../img/icon_slider_next.png") no-repeat 50% 50% / 100% auto;z-index: 5;}
    #index .education{position:relative;padding:45px 0;background:#ffffff}
    #index .education .wrap{width:1200px;max-width:100%}
    #index .education .title{margin:0 0 35px 0;line-height:24px;font-size:22px;font-weight:500;color:#333;text-align:center;word-break:keep-all}
    #index .education .title p{display:inline;font-weight:bold;color:#136d17}
    #index .education .cont{text-align:center}
    #index .education .cont .tit{margin:0 0 45px 0;line-height:22px;font-size:18px;font-weight:500;color:#333}
    #index .education .cont .txt{margin:0 0 60px 0;line-height:22px;font-size:14px;color:#333;word-break:keep-all}
    #index .education .cont .img{display:flex;flex-direction:column;align-items:center;justify-content:center}
    #index .education .cont .img dl{display:flex;flex-direction:column;align-items:center}
    #index .education .cont .img dl + dl{margin-top:50px}
    #index .education .cont .img dt{margin:0 0 30px 0;width:225px;height:225px;border-radius:125px;overflow:hidden}
    #index .education .cont .img dt img{width:100%;height:100%;object-fit:cover}
    #index .education .cont .img dd{}
    #index .education .cont .img dd strong{display:block;font-size:18px;font-weight:bold;color:#333}
    #index .education .cont .img dd span{display:block;font-size:15px;font-weight:500;color:#333;white-space:nowrap}
    #index .program{position:relative;padding:45px 0;background:#f4f5f9;overflow:hidden}
    #index .program .wrap{z-index:2;width:1200px;max-width:100%}
    #index .program .title{margin:0 0 15px 0;line-height:24px;font-size:22px;font-weight:500;color:#333;text-align:center;word-break:keep-all}
    #index .program .text{margin:0 0 60px 0;line-height:20px;font-size:15px;font-weight:500;color:#333;text-align:center}
    #index .program .cont{}
    #index .program .cont ul{display:flex;flex-direction:column}
    #index .program .cont li{flex:1}
    #index .program .cont li + li{margin-top:25px}
    #index .program .cont li a{display:block}
    #index .program .cont li .img{}
    #index .program .cont li .img img{display:block;width:100%;height:auto}
    #index .program .cont li .tit{display:flex;height:60px;background:#eee;align-items:center;justify-content:center;line-height:24px;font-size:18px;font-weight:500;color:#333}
    #index .program .cont li .ico{position:absolute;transition:all 0.3s}
    #index .program .cont li:nth-child(1) .tit{background:#ffcf59}
    #index .program .cont li:nth-child(1) .ico{bottom:0;left:15px;z-index:5}
    #index .program .cont li:nth-child(1) .ico img{width:75px;height:auto}
    #index .program .cont li:nth-child(2) .tit{background:#f76f59}
    #index .program .cont li:nth-child(2) .ico{bottom:0;right:15px}
    #index .program .cont li:nth-child(2) .ico img{width:100px;height:auto}
    #index .program .icon .zubi{position:absolute;left:-84px;bottom:-70px;width:164px;height:226px;background:url("../img/img_zubi.png") no-repeat 50% 50%}
    #index .program .icon .kkur{position:absolute;bottom:-70px;right:-90px;width:237px;height:260px;background:url("../img/img_kkur.png") no-repeat 50% 50%}
    #index .program .icon .asak{position:absolute;bottom:0;left:50%;width:48px;height:59px;background:url("../img/img_asak.png") no-repeat 50% 50% / 48px 59px;transform:translateX(-50%)}
    #index .special{position:relative;padding:45px 0;background:#6ce4bd}
    #index .special .wrap{position:relative;z-index:2;width:1200px;max-width:100%}
    #index .special .title{margin:0 0 15px 0;font-size:24px;font-weight:500;color:#333;text-align:center;word-break:keep-all}
    #index .special .text{margin:0 0 35px 0;line-height:20px;font-size:15px;font-weight:500;color:#333;text-align:center}
    #index .special .cont{}
    #index .special .cont ul{display:flex;flex-direction:column}
    #index .special .cont li{flex:1}
    #index .special .cont li + li{margin-top:18px}
    #index .special .cont li a{position:relative;padding:15px 0 30px 0;display:flex;align-items:center;justify-content:center;flex-direction:column;border:2px solid #4abc97;background:#fff}
    #index .special .cont li a .txt{font-size:13px;font-weight:500;color:#333333;border-bottom:1px solid #6ce4bd}
    #index .special .cont li a .txt p{display:inline;color:#1a478c;font-weight:bold}
    #index .special .cont li a .tit{font-size:18px;font-weight:500;color:#333}
    #index .special .cont li a:after{content:'';position:absolute;bottom:0;left:50%;width:16px;height:15px;background:url("../img/img_mainspecial_icon.png") no-repeat 50% 50% / 100% auto;transform:translateX(-50%)}
    #index .special .cont li a:hover{background:#1a478c}
    #index .special .cont li a:hover .txt,
    #index .special .cont li a:hover .txt p,
    #index .special .cont li a:hover .tit{color:#fff}
    #index .special .cont li a:hover:after{background:url("../img/img_mainspecial_icon_on.png") no-repeat 50% 50%}
    #index .news{background:#ffffff;padding:5px 0}
    #index .news .wrap{display:flex;width:1200px;max-width:100%;align-items:flex-start}
    #index .news .wrap .tit{line-height:25px;font-size:12px;font-weight:500;color:#333;width:70px}
    #index .news .wrap .txt{flex:1}
    #index .news .wrap .txt a{line-height:25px;font-size:11px;color:#333;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden}
    
    /**/
    #container{padding:67px 0 0 0}
    #container .title{margin:0 0 50px 0;text-align:center}
    #container .title .tit{margin:0 0 15px 0;font-size:24px;color:#3e3e3e}
    #container .title .txt{line-height:18px;font-size:16px;color:#6e6e6e}
    #container .paging{margin:60px 0 0 0;display:flex;align-items:center;justify-content:center}
    #container .paging a{position:relative;margin:0 10px;width:14px;height:24px;font-size:14px;font-weight:500;color:#1b2122;display:flex;align-items:center;justify-content:center}
    #container .paging a.current:after{content:'';position:absolute;bottom:0;left:0;width:100%;height:2px;background:#1b2122}
    #container .paging a.start{}
    #container .paging a.start i{width:100%;height:100%;background:url("../img/icon_paging_start.png") no-repeat 50% 50%}
    #container .paging a.end{}
    #container .paging a.end i{width:100%;height:100%;background:url("../img/icon_paging_end.png") no-repeat 50% 50%}
    #container .paging a.prev{}
    #container .paging a.prev i{width:100%;height:100%;background:url("../img/icon_paging_prev.png") no-repeat 50% 50%}
    #container .paging a.next{}
    #container .paging a.next i{width:100%;height:100%;background:url("../img/icon_paging_next.png") no-repeat 50% 50%}
    #container .button{display:flex;align-items:center;justify-content:Center}
    #container .btn{min-width:85px;display:flex;height:38px;border:1px solid #000;color:#000;font-size:14px;align-items:center;justify-content:center;border-radius:46px}
    #container .btn_01{border-color:#8a8a8a}
    #container .fix-form{transition:all 0.3s}
    #container.on .fix-form{}    
    #container.on .fix-form .request,
    #container.on .fix-form .psychometry{transform:translateY(0);overflow:initial}
    #container.on .fix-form.disabled .request,
    #container.on .fix-form.disabled .psychometry{transform:translateY(100%)}
    
    /**/
    #container .subvisual{position:relative;padding:45px 0;min-height:140px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f4f5f9;border-bottom:1px solid #dadce0}
    #container .subvisual .title{position:relative;z-index:2;margin:0 0 18px 0;line-height:32px;font-size:28px;color:#3e3e3e;text-align:center}
    #container .subvisual .text{position:relative;z-index:2;font-size:13px;color:#000000;text-align:center}
    #container .subvisual .image{position:absolute;z-index:1;top:0;left:0;width:100%;height:100%}
    #container .subvisual .image img{width:100%;height:100%;object-fit:cover;-webkit-user-drag:none}
    #container .breadcrumb{border-bottom:1px solid #dadce0}
    #container .breadcrumb .wrap{display:flex;justify-content:space-between;flex-direction:column;padding:0}
    #container .breadcrumb .loca{display:flex;justify-content:flex-start;align-items:center;padding:0 16px;display:none}
    #container .breadcrumb .loca span{line-height:32px;font-size:13px;font-weight:500;color:#666666;display:flex;align-items:center;justify-content:center}
    #container .breadcrumb .loca span img{display:block}
    #container .breadcrumb .loca span.on{color:#1a478c}
    #container .breadcrumb .loca span + span{}
    #container .breadcrumb .loca span + span:before{content:'';margin:0 12px;width:6px;height:12px;background:url("../img/icon_bread_arrow.png") no-repeat 50% 50%}
    #container .breadcrumb .menu{padding:0 10px;display:flex;align-items:center;justify-content:center;overflow-x:auto;white-space:nowrap}
    #container .breadcrumb .menu a{position:relative;display:flex;line-height:40px;font-size:12px;color:#000000;white-space:nowrap}
    #container .breadcrumb .menu a + a{margin-left:16px}
    #container .breadcrumb .menu a.on{color:#1a478c}
    #container .breadcrumb .menu a.on:after{content:'';position:absolute;bottom:0;left:0;width:100%;height:2px;background:#1a478c}

    /**/
    #container .fix-form{position:fixed;z-index:104;left:0;bottom:0;width:100%}
    #container .fix-form .request{background:#6ce4bd;position:absolute;bottom:0;padding:10px 0;left:0;width:100%;transform:translateY(100%);transition:all 0.3s}
    #container .fix-form .request .wrap{display:flex;align-items:center}
    #container .fix-form .request .wrap .con{flex:1;display:none}
    #container .fix-form .request .wrap .con p{font-size:18px;color:#3e3e3e;margin:0 0 10px 0}
    #container .fix-form .request .wrap .con span{font-size:34px;color:#000;line-height:1;letter-spacing:-1px}
    #container .fix-form .request .wrap .act{flex:1}
    #container .fix-form .request .wrap .act button{display:inline-flex;align-items:center;justify-content:center;width:100%;padding:0 16px;height:40px;border-radius:46px;background:#333;font-size:14px;color:#fff}
    #container .fix-form .psychometry{background:#6ce4bd;position:absolute;bottom:0;left:0;width:100%;transform:translateY(100%);transition:all 0.3s;overflow:hidden}
    #container .fix-form .psychometry .wrap{display:flex;align-items:flex-end;height:60px}
    #container .fix-form .psychometry .con{flex:1;padding:25px 0;display:none}
    #container .fix-form .psychometry .con p{font-size:18px;color:#3e3e3e;margin:0 0 10px 0}
    #container .fix-form .psychometry .con span{font-size:34px;color:#000;line-height:1;letter-spacing:-1px}
    #container .fix-form .psychometry .act{flex-shrink:0;width:100%;position:relative;height:100%}
    #container .fix-form .psychometry .act button{display:inline-flex;align-items:flex-end;justify-content:center;position:absolute;bottom:0;right:0;background:transparent}
    #container .fix-form .psychometry .act button p{width:60px;height:60px;border-radius:90px;background:#fff;display:flex;align-items:center;font-size:16px;justify-content:center;box-shadow:0 5px 0 #45ab89;margin:0 20px 20px 0;position:relative}
    #container .fix-form .psychometry .act button p:before{content:'';z-index:-1;box-sizing:border-box;width:20px;height:22px;position:absolute;top:10px;left:50px;border-left:20px solid #fff;border-top:11px solid transparent;border-bottom:11px solid transparent;border-right:0 solid transparent;transform:rotate(-18deg)}
    #container .fix-form .psychometry .act button p:after{content:'';z-index:-2;box-sizing:border-box;width:20px;height:22px;position:absolute;top:13px;left:51px;border-left:20px solid #45ab89;border-top:11px solid transparent;border-bottom:11px solid transparent;border-right:0 solid transparent;transform:rotate(-18deg)}
    #container .fix-form .psychometry .act button i{width:115px;height:118px;background:url("../img/img_fixzubi.png") no-repeat bottom center / auto 100%}
    #container .fix-form .form{background:#333;padding:30px 0;position:absolute;bottom:0;left:0;width:100%;transform:translateY(100%);transition:all 0.5s}
    #container .fix-form .form .wrap{display:flex;flex-direction:column;width:1055px;width:100%}
    #container .fix-form .form h3{text-align:center;font-size:18px;color:#fff;font-weight:400;margin-bottom:25px}
    #container .fix-form .form .input{display:flex;justify-content:space-between;flex-direction:column}
    #container .fix-form .form .input * + *{margin-top:15px}
    #container .fix-form .form .input input,
    #container .fix-form .form .input select{width:100%;max-width:100%;height:40px;border:1px solid #000;font-size:12px;padding:0 10px;background:#fff}
    #container .fix-form .form .input select{background:#fff url(../img/icon_dropdown.png) no-repeat right 5px center}
    #container .fix-form .form .input input[type="tel"]{}
    #container .fix-form .form .input button{margin-top:15px;width:100%;height:40px;background:#1a478c;color:#fff;text-align:center;font-size:14px}
    #container .fix-form .form .check{margin-top:5px}
    #container .fix-form .form .check a{color:#fff;margin:0 0 0 10px}
    #container .fix-form .form .closeBtn{position:absolute;top:0;right:0;padding:8px;width:36px;cursor:pointer}
    #container .fix-form .form .closeBtn img{display:block;width:100%;height:auto}
    #container .fix-form .form label.checkbox{cursor:pointer}
    #container .fix-form .form label.checkbox input{display:none}
    #container .fix-form .form label.checkbox span{color:#fff; font-size:12px;display:flex;align-items:center}
    #container .fix-form .form label.checkbox span::before{content:""; display:inline-block; width:16px; height:16px; background:#fff no-repeat center center/60%; border:1px solid #000; margin-right:5px}
    #container .fix-form .form label.checkbox input:checked ~ span:before{background-image:url("https://cdn1.iconfinder.com/data/icons/material-core/18/check-256.png")}
    #container.on .fix-form.active .request,
    #container.on .fix-form.active .psychometry{transform:translateY(100%)}
    #container.on .fix-form.active .form{transform:translateY(0)}

    /**/
    #container .news{padding:45px 0 100px 0}
    #container .news .cont{}
    #container .news .list{width:1000px;max-width:100%;margin:0 auto}
    #container .news .list ul{display:flex;flex-wrap:wrap;margin:0 -10px}
    #container .news .list li{margin:0 0 20px 0;width:50%;padding:0 10px}
    #container .news .list li:last-child{margin:0}
    #container .news .list li .box{display:flex;flex-direction:column;background:#ebebeb;padding:12px}
    #container .news .list li .box .cate{flex-shrink:0;margin:0 0 12px 0;height:12px;line-height:14px;font-size:14px;color:#666666}
    #container .news .list li .box .subj{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden;height:48px;line-height:24px;font-size:17px;color:#333333;word-break:keep-all}
    #container .news .list li .box .date{flex-shrink:0;margin:20px 0 0 0;height:20px;line-height:20px;font-size:12px;color:#666666}
    #container .news .list li .box:hover{background:#1a478c}
    #container .news .list li .box:hover .cate,
    #container .news .list li .box:hover .date{color:#d7d7d7}
    #container .news .list li .box:hover .subj{color:#ffffff}
    #container .news .detail{margin:0 auto;width:1000px;max-width:100%}
    #container .news .detail .head{margin:0 auto 25px;width:800px;max-width:100%}
    #container .news .detail .head .subj{line-height:24px;font-size:20px;font-weight:500;color:#000000;word-break:keep-all}
    #container .news .detail .head .date{margin:20px 0 0 0;line-height:18px;font-size:13px;color:#666666}
    #container .news .detail .cont{margin:0 auto;padding:0;width:800px;max-width:100%}
    #container .news .detail .cont img{margin:0 0 60px 0;border:1px solid #111;width:auto;max-width:100%;height:auto}
    #container .news .detail .cont p{display:block;margin:0 0 24px 0;line-height:20px;font-size:13px;color:#333333}
    #container .news .detail .page{margin:120px 0 0 0;border-top:1px solid #9e9e9e}
    #container .news .detail .page dl{display:flex;height:46px;border-bottom:1px solid #9e9e9e;align-items:center}
    #container .news .detail .page dt{display:flex;flex-shrink:0;width:100px;text-align:center;align-items:center;justify-content:center;line-height:24px;font-size:13px;font-weight:500;color:#231f20}
    #container .news .detail .page dd{flex:1}
    #container .news .detail .page dd a{display:block;line-height:24px;font-size:13px;color:#898989}
    #container .news .detail .page dd a:hover{color:#1a478c}
    #container .news .detail .button{margin:50px 0 0 0}

    /**/
    #container .event{padding:50px 0}
    #container .event .cont{}
    #container .event .list{width:902px;max-width:100%;margin:0 auto}
    #container .event .list ul{display:flex;flex-direction:column}
    #container .event .list li{margin:0 0 20px 0}
    #container .event .list li:last-child{margin:0}
    #container .event .list li .box{display:flex;background:#ebebeb}
    #container .event .list li .img{background:#1a478c;flex-shrink:0}
    #container .event .list li .img img{width:100% !important;height:100% !important;object-fit:cover;display:block}
    #container .event .list li .con{padding:20px;display:flex;flex-direction:column;align-items:flex-start;flex:1}
    #container .event .list li .cate{margin:0 0 15px 0;padding:0 10px;display:inline-flex;border:1px solid #1a478c;background:#1a478c;height:26px;align-items:center;justify-content:center;font-size:13px;color:#fff}
    #container .event .list li .cate.end{background:transparent;color:#1a478c}
    #container .event .list li .subj{margin:0 0 10px 0;height:48px;line-height:24px;font-size:16px;font-weight:500;color:#333333;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden}
    #container .event .list li .text{margin:0 0 25px 0;flex:1;line-height:20px;font-size:13px;color:#333333;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden}
    #container .event .list li .date{flex-shrink:0;line-height:24px;font-size:14px;color:#666666}
    #container .event .detail{margin:0 auto;width:1000px;max-width:100%}
    #container .event .detail .head{margin:0 auto 25px;width:800px;max-width:100%}
    #container .event .detail .head .cate{display:flex;margin:0 0 16px 0}
    #container .event .detail .head .cate span{min-width:60px;height:34px;display:inline-flex;border:1px solid #1a478c;background:#1a478c;height:28px;align-items:center;justify-content:center;font-size:13px;color:#fff}
    #container .event .detail .head .cate.end span{background:transparent;color:#1a478c}
    #container .event .detail .head .subj{line-height:24px;font-size:20px;font-weight:500;color:#000000;word-break:keep-all}
    #container .event .detail .head .date{margin:20px 0 0 0;line-height:18px;font-size:13px;color:#666666}
    #container .event .detail .cont{margin:0 auto;padding:0;width:1100px;max-width:100%}
    #container .event .detail .cont img{margin:0 0 20px 0;width:auto;max-width:100% !important;height:auto}
    #container .event .detail .button{margin:50px 0 0 0}

    /**/
    #container .social{padding:65px 0 100px 0}
    #container .social .cont{}
    #container .social .list{width:1000px;max-width:100%;margin:0 auto}
    #container .social .list ul{display:flex;flex-wrap:wrap;align-items:center}
    #container .social .list li{display:flex;align-items:center;justify-content:center;padding:10px;width:50%}
    #container .social .list li .box{display:flex;padding:100% 0 0 0;width:100%;flex-direction:column;position:relative}
    #container .social .list li.youtube{}
    #container .social .list li.youtube .box{background:#ebebeb;border-radius:50%;overflow:hidden;width:100%;position:relative}
    #container .social .list li.youtube .box .img{position:absolute;top:0;left:0;width:100%;height:100%;transform: scale(1); transition: all 0.5s ease-in-out;}
    #container .social .list li.youtube .box .img:hover {transform: scale(1.3);}
    #container .social .list li.youtube .box .img img{width:100%;height:100%;object-fit:cover}
   
    /* #container .social .list li.youtube .box .img:after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:#fff;opacity:0.3} */
    #container .social .list li.youtube .box .img i {z-index:5;width:36px;height:42px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:url("../img/icon_vod_play.png")}
    #container .social .list li.youtube .box:hover .img:after{background:#010101;opacity:0.5}
    #container .social .list li.instagram{}
    #container .social .list li.instagram .box{background:#ebebeb;min-height:100%}
    #container .social .list li.instagram .con{position:absolute;top:20px;left:20px;right:20px;bottom:20px;overflow:hidden}
    #container .social .list li.instagram .tit{display:flex;margin:0 0 20px 0}
    #container .social .list li.instagram .tit i{width:24px;height:24px;margin:0 15px 0 0;flex-shrink:0;background:url("../img/icon_instagram.png") no-repeat 50% 50% / 100% auto;transition:all .9s;}
    #container .social .list li.instagram .tit i:hover{transform:rotate(360deg)}
    #container .social .list li.instagram .tit p{line-height:24px;font-size: 15px;font-weight:500;color:#1b2122;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden}
    #container .social .list li.instagram .txt{line-height: 36px;font-size: 16px;color:#1b2122;display:-webkit-box;-webkit-line-clamp: 7;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden}
    #container .social .list li.instagram .box:hover{background:#1a478c}
    #container .social .list li.instagram .box:hover .tit i{background:url("../img/icon_instagram_on.png") no-repeat 50% 50% / 100% auto}
    #container .social .list li.instagram .box:hover .tit p{color:#fff}
    #container .social .list li.instagram .box:hover .txt{color:#fff}
    #container .social .list li.cafe{}
    #container .social .list li.cafe .box{background:#ebebeb;min-height:100%}
    #container .social .list li.cafe .con{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;padding:20px;overflow:hidden}
    #container .social .list li.cafe .tit{display:flex;margin:0 0 20px 0}
    #container .social .list li.cafe .tit i{width:24px;height:24px;margin:0 15px 0 0;flex-shrink:0;background:url("../img/icon_cafe.png") no-repeat 50% 50% / 100% auto;transition:all .9s;}
    #container .social .list li.cafe .tit i:hover{transform:rotate(360deg)}
    #container .social .list li.cafe .tit p{line-height:24px;font-size: 15px;font-weight:500;color:#1b2122;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden}
    #container .social .list li.cafe .txt{line-height: 36px;font-size: 16px;color: #1b2122;display: -webkit-box;-webkit-line-clamp: 7;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;}
    #container .social .list li.cafe .box:hover{background:#009345}
    #container .social .list li.cafe .box:hover .tit i{background:url("../img/icon_cafe_on.png") no-repeat 50% 50% / 100% auto}
    #container .social .list li.cafe .box:hover .tit p{color:#fff}
    #container .social .list li.cafe .box:hover .txt{color:#fff}
    #container .social .list li.blog{}
    #container .social .list li.blog .box{background:#ebebeb;min-height:100%}
    #container .social .list li.blog .con{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;padding:20px;overflow:hidden}
    #container .social .list li.blog .tit{display:flex;margin:0 0 20px 0}
    #container .social .list li.blog .tit i{width:24px;height:24px;margin:0 15px 0 0;flex-shrink:0;background:url("../img/icon_blog.png") no-repeat 50% 50% / 100% auto;transition:all .9s;}
    #container .social .list li.blog .tit i:hover{transform:rotate(360deg)}
    #container .social .list li.blog .tit p{line-height:24px;font-size: 16px;font-weight:500;color:#1b2122;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden}
    #container .social .list li.blog .txt{line-height: 36px;font-size: 16px;color:#1b2122;display:-webkit-box;-webkit-line-clamp: 7;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden}
    #container .social .list li.blog .box:hover{background:#009345}
    #container .social .list li.blog .box:hover .tit i{background:url("../img/icon_blog_on.png") no-repeat 50% 50% / 100% auto}
    #container .social .list li.blog .box:hover .tit p{color:#fff}
    #container .social .list li.blog .box:hover .txt{color:#fff}

    /**/
    #container .newsletter{padding:65px 0 100px 0}
    #container .newsletter .cont{}
    #container .newsletter .list{width:1000px;max-width:100%;margin:0 auto}
    #container .newsletter .list ul{display:flex;flex-wrap:wrap;margin:0 -15px -15px 0}
    #container .newsletter .list li{width:50%}
    #container .newsletter .list li .box{display:flex;margin:0 15px 15px 0;flex-direction:column;background:#ebebeb;border:1px solid #999999}
    #container .newsletter .list li .box .img{}
    #container .newsletter .list li .box .img img{width:100%;height:100%;object-fit:cover;display:block}


    /**/
    #container .company{}
    #container .company .sect{}
    #container .company .company01{display:flex;flex-direction:column;justify-content:flex-end;align-items:center;background:#d1d5d5;overflow:hidden}
    #container .company .company01.init{opacity:1;transform:translateY(0)}
    #container .company .company01.init .bg{transform:scale(1.1);transition:none}
    #container .company .company01.animate .bg{transform:scale(1);transition:all 0.8s}
    #container .company .company01.init .tit{opacity:0;transform:translateY(50px);transition:none}
    #container .company .company01.animate .tit{opacity:1;transform:translateY(0);transition:all 0.8s}
    #container .company .company01 .bg{position:absolute;top:0;left:0;width:100%;height:100%;transition:all 3s;z-index:4}
    #container .company .company01 .bg img{display:block;width:100%;height:100%;object-fit:cover}
    #container .company .company01 .height{opacity:0;visibility:hidden}
    #container .company .company01 .height img{width:100%;height:auto}
    #container .company .company01 .wrap{position:absolute;display:flex;flex-direction:column;align-items:center;width:auto;padding:0;z-index:5;top:10%;left:0;width:100%}
    #container .company .company01 .tit{text-align:center;font-size:22px;color:#fff;transition:all 0.8s}
    #container .company .company01 .tit span{color:#ffc600}
    #container .company .company02{padding:45px 0;text-align:center}
    #container .company .company02 .tit{margin:0 0 25px 0;font-size:24px;font-weight:500}
    #container .company .company02 .txt{margin:0 0 40px 0;font-size:14px}
    #container .company .company02 .act{}
    #container .company .company02 .act a{border-radius:40px;display:inline-flex;min-width:145px;height:40px;border:1px solid #222;align-items:center;justify-content:center;font-size:15px}
    #container .company .company03{padding:35px 0 0 0;background:url("../img/img_company_company03.png") no-repeat 50% 50% / cover}
    #container .company .company03 .wrap{flex-direction:column;display:flex}
    #container .company .company03 .img{order:2;margin:15px 0 0 -50px}
    #container .company .company03 .img img{width:auto;max-width:70%}
    #container .company .company03 .con{flex:1;order:1}
    #container .company .company03 .tit{margin:0 0 20px 0;display:flex;font-size:20px;align-items:center}
    #container .company .company03 .tit img{margin:0 10px 0 0;width:25px}
    #container .company .company03 .txt{}
    #container .company .company03 .txt ul{}
    #container .company .company03 .txt li{padding:0 0 15px 0;display:flex;border-bottom:2px solid #333;align-items:center}
    #container .company .company03 .txt li + li{margin-top:50px}
    #container .company .company03 .txt li strong{font-size:28px;font-weight:800;margin:0 12px 0 0;color:#555555;display:flex;align-items:center}
    #container .company .company03 .txt li span{font-size:14px}
    #container .company .company03 .txt > p{text-align:right;margin:15px 0 0 0;font-size:12px;color:#999999}
    #container .company .company04{padding:45px 0 250px;background:url("../img/img_company_company04_mo.png") no-repeat bottom center / cover;display:flex;align-items:center;text-align:left}
    #container .company .company04 .tit{margin:0 0 20px 0;font-size:20px}
    #container .company .company04 .txt{margin:0 0 20px 0;font-size:14px}
    #container .company .company04 .act{}
    #container .company .company04 .act a{border-radius:40px;display:inline-flex;min-width:120px;height:33px;border:1px solid #6f6f6f;align-items:center;justify-content:center;font-size:12px;background:#fff}
    #container .company .company05{padding:45px 0;text-align:center;background:#f4f4f4}
    #container .company .company05 .img{}
    #container .company .company05 .img img{width:110px}
    #container .company .company05 .tit{font-size:18px;margin:0 0 20px 0}
    #container .company .company05 .txt{margin:0 0 30px;font-size:14px}
    #container .company .company05 .act{}
    #container .company .company05 .act a{border-radius:40px;display:inline-flex;min-width:135px;height:36px;border:1px solid #222;align-items:center;justify-content:center;font-size:12px}
    #container .company .company05 .dow{margin:25px auto 0;padding:25px 0 0 0;border-top:1px solid #666;width:850px;max-width:100%}
    #container .company .company05 .dow a{border-radius:40px;display:inline-flex;min-width:150px;height:32px;border:1px solid #222;align-items:center;justify-content:center;font-size:12px;color:#fff;background:#222}

    /**/
    #container .history{padding:0 0 45px 0}
    #container .history .sect{}
    #container .history .img{display:flex;height:195px;align-items:center;justify-content:center}
    #container .history .img img{width:100%;height:100%;object-fit:cover;}
    #container .history .img img{width:100%;height:100%;object-fit:cover}
    #container .history .sub{margin:-40px 0 25px 0;width:50%;height:80px;display:flex;align-items:center;justify-content:flex-end;background:#1a478c;padding:10px 20px;font-size:24px;color:#fff;position:relative;z-index:2}
    #container .history .wrap{}
    #container .history .tit{font-size:24px;font-weight:500;color:#000;margin:0 0 15px 0}
    #container .history .txt{font-size:14px;margin:0 0 20px 0}
    #container .history .lst{}
    #container .history .lst dl{position:relative;padding:0 0 0 35px;margin:0 0 15px 0}
    #container .history .lst dl:before{content:'';position:absolute;top:7px;left:0;width:16px;height:16px;border-radius:26px;border:3px solid #1a478c;box-sizing:border-box}
    #container .history .lst dl:after{content:'';position:absolute;top:31px;left:7px;bottom:0;width:2px;background:#aaaaaa}
    #container .history .lst dt{margin:0 0 15px 0;line-height:1;font-size:25px;font-weight:bold;color:#000}
    #container .history .lst dd{padding:0 0 15px 0}
    #container .history .lst dd p{line-height:26px;font-size:14px;color:#333}

    /**/
    #container .location{padding:50px 0 100px 0}
    #container .location .title{display:flex;align-items:center;margin:0 0 10px 0;padding:0}
    #container .location .title i{flex-shrink:0;width:20px;height:30px;background:url("../img/icon_location.png") no-repeat 50% 50% / 100% auto;margin:0 10px 0 0}
    #container .location .title p{flex:1;line-height:30px;font-size:20px;color:#6e6e6e;text-align:left}
    #container .location .map{margin:0 -16px 55px;border:1px solid #b7b7b7;height:300px;position:relative}
    #container .location .map iframe{position:absolute;top:0;left:0;width:100%;height:100%}
    #container .location .cont{}
    #container .location .cont ul{display:flex;flex-direction:column}
    #container .location .cont li{flex:1}
    #container .location .cont li + li{margin-top:30px}
    #container .location .cont .box{padding:20px;border:2px solid #b7b7b7;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}
    #container .location .cont .ico{margin:0 0 12px 0}
    #container .location .cont .ico i{display:block;width:75px;height:75px;background-repeat:no-repeat;background-position:center center;background-size:100% auto}
    #container .location .cont .tit{margin:0 0 20px 0;line-height:18px;font-size:16px;color:#6e6e6e}
    #container .location .cont .txt{min-height:60px;line-height:20px;font-size:14px;color:#6e6e6e;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}
    #container .location .cont .txt p{display:block}
    #container .location .cont .txt p.medium{font-weight:500}
    #container .location .cont .txt em.blue{color:#426cc0}
    #container .location .cont .txt em.brown{color:#ab8218}
    #container .location .cont .txt em.green{color:#49b83a}
    #container .location .cont li:nth-child(1) .box .ico i{background-image:url("../img/img_location_ico01.png")}
    #container .location .cont li:nth-child(2) .box .ico i{background-image:url("../img/img_location_ico02.png")}
    #container .location .cont li:nth-child(3) .box .ico i{background-image:url("../img/img_location_ico03.png")}
    #container .location .cont li:nth-child(1) .box:hover .ico i{background-image:url("../img/img_location_ico01_on.png")}
    #container .location .cont li:nth-child(2) .box:hover .ico i{background-image:url("../img/img_location_ico02_on.png")}
    #container .location .cont li:nth-child(3) .box:hover .ico i{background-image:url("../img/img_location_ico03_on.png")}
    #container .location .cont .box:hover{border-color:#1a478c}
    #container .location .cont .box:hover .tit{color:#1a478c}

    /**/
    #container .consultation{}
    #container .consultation .visual{background:url("../img/img_consultation_mo.png") no-repeat 50% 50% / cover}
    #container .consultation .visual .wrap{display:flex;flex-direction:column;align-items:center;text-align:center}
    #container .consultation .visual .top{position:relative;display:flex;align-items:flex-end;padding:37px 0 0 0;margin:0 0 30px 0}
    #container .consultation .visual .top:before{content:'';position:absolute;top:0;left:0;width:56px;height:77px;background:url("../img/img_consultation_badge.png") no-repeat 50% 50% / 100% auto}
    #container .consultation .visual .top p{display:flex;align-items:center;height:25px;padding:0 9px;padding-left:60px;border-radius:50px;background:#fff;font-size:15px;font-weight:500;color:#333333;white-space:nowrap}
    #container .consultation .visual .tit{margin:0 0 15px 0;line-height:30px;font-size:24px;color:#1a478c;text-shadow:3px 3px 0 #f5c12c;font-family:'GmarketSans';font-weight:bold}
    #container .consultation .visual .txt{margin:0 0 30px 0;font-size:18px;color:#333333}
    #container .consultation .visual .act{display:inline-flex;align-items:center;justify-content:center;padding:0 10px;height:30px;background:#1a478c;border-radius:29px}
    #container .consultation .visual .act a{margin:5px 0 0 0;font-size:16px;color:#fff;line-height:1;font-family:'GmarketSans';font-weight:500}
    #container .consultation .visual .ico{margin:110px 0 15px -90px}
    #container .consultation .visual .ico img{width:93px}
    #container .consultation .why{background:#1a478c;overflow:hidden;padding:50px 0 0 0;text-align:center}
    #container .consultation .why .tit{color:#fdd257;font-size:24px;font-family:'GmarketSans';font-weight:bold;margin:0 0 15px 0}
    #container .consultation .why .txt{margin-bottom:-70px;display:flex;flex-direction:column;align-items:center;justify-content:center}
    #container .consultation .why .txt img{order:2;width:146px;height:auto;margin:20px 0 0 0}
    #container .consultation .why .txt p{font-size:30px;color:#fff;font-family:'GmarketSans';font-weight:bold}
    #container .consultation .reason{}
    #container .consultation .reason .desc{padding:48px 0}
    #container .consultation .reason .desc .wrap{display:flex;align-items:center;flex-direction:column}
    #container .consultation .reason .desc .title{font-family:'GmarketSans';font-weight:bold;color:#1a478c;border:2px solid #1a478c;border-radius:50px;line-height:1;padding:0 25px;display:inline-flex;font-size:17px;height:40px;align-items:center;justify-content:center;margin:0 0 40px 0}
    #container .consultation .reason .desc .cont{text-align:center;position:relative;overflow:hidden}
    #container .consultation .reason .desc .cont .tit{font-family:'GmarketSans';font-weight:bold;font-size:30px;color:#333;word-break:keep-all}
    #container .consultation .reason .desc .cont .txt{margin-top:20px;font-size:14px;margin-bottom:25px}
    #container .consultation .reason .desc .cont .act{display:flex;justify-content:center;align-items:Center}
    #container .consultation .reason .desc .cont .act a{font-family:'GmarketSans';padding:0 5px;font-size:16px;border-radius:50px;height:28px;flex:1;display:inline-flex;align-items:center;justify-content:center;background:#1a478c;color:#fff}
    #container .consultation .reason .desc .cont .act a + a{margin-left:12px}
    #container .consultation .reason .desc:nth-child(1){background:#ffe5e5;padding:48px 0 0 0}
    #container .consultation .reason .desc:nth-child(1) .img{margin-top:62px;position:relative}
    #container .consultation .reason .desc:nth-child(1) .img img{display:block;width:auto;max-width:100%;transition:all 0.3s}
    #container .consultation .reason .desc:nth-child(1) .img img.move_dia{display:block;width:auto;max-width:100%;position:absolute;bottom:0;left:0;transform:translate(0,20px);z-index:1}
    #container .consultation .reason .desc:nth-child(1) .img img.move_spt{display:block;width:auto;max-width:100%;position:absolute;bottom:0;left:0;transform:translate(0,20px);z-index:2}
    #container .consultation .reason .desc:nth-child(1) .img.type1 img.move_dia{transform:translate(5px,10px)}
    #container .consultation .reason .desc:nth-child(1) .img.type2 img.move_spt{transform:translate(5px,10px)}
    #container .consultation .reason .desc:nth-child(2){background:#e3eff9}
    #container .consultation .reason .desc:nth-child(2) .prg{}
    #container .consultation .reason .desc:nth-child(2) .prg ul{display:flex;margin:0 auto;width:220px;max-width:100%;height:auto;flex-direction:column;position:relative;padding:0 0 80px 0}
    #container .consultation .reason .desc:nth-child(2) .prg ul li{flex:1;display:flex;flex-direction:column}
    #container .consultation .reason .desc:nth-child(2) .prg ul li + li{margin-top:35px}
    #container .consultation .reason .desc:nth-child(2) .prg ul li .prg_t{margin:0 0 12px 0;background:#fff;border-radius:10px;display:flex;flex-direction:column;padding:25px 0;align-items:center}
    #container .consultation .reason .desc:nth-child(2) .prg ul li .prg_t img{margin:0 0 24px 0;width:144px;height:144px;border-radius:50%;overflow:hidden;object-fit:cover}
    #container .consultation .reason .desc:nth-child(2) .prg ul li .prg_t strong{margin:0 0 15px 0;font-size:18px;font-weight:bold;color:#1d498d;font-family:'GmarketSans'}
    #container .consultation .reason .desc:nth-child(2) .prg ul li .prg_t p{font-size:12px}
    #container .consultation .reason .desc:nth-child(2) .prg ul li .prg_c{margin:0 0 12px 0;border-radius:10px;background:#fafafa;overflow:hidden}
    #container .consultation .reason .desc:nth-child(2) .prg ul li .prg_c strong{display:flex;align-items:center;justify-content:center;height:30px;font-size:15px;font-weight:bold;color:#1d498d;font-family:'GmarketSans'}
    #container .consultation .reason .desc:nth-child(2) .prg ul li .prg_c p{display:flex;align-items:center;justify-content:center;padding:30px 0;background:#f1f1f1;font-size:14px;color:#333333}
    #container .consultation .reason .desc:nth-child(2) .prg ul li .prg_b{font-size:12px;color:#333;text-align:left;display:flex;position:absolute;bottom:0;left:0;width:100%;height:60px}
    #container .consultation .reason .desc:nth-child(2) .prg ul li .prg_b br{display:none}
    #container .consultation .reason .desc:nth-child(2) .prg ul li .prg_b:before{content:"\203B";margin:0 5px 0 0;font-family:'Noto Sans KR'}
    #container .consultation .reason .desc:nth-child(2) .prg ul li .prg_b2{padding:30px 10px;font-size:14px;color:#333;display:flex;align-items:center;justify-content:center;border-radius:10px;overflow:hidden;word-break:keep-all;background:#a3dfea}
    #container .consultation .reason .desc:nth-child(2) .prg ul li:nth-child(1) .prg_c strong{background:#ffe393}
    #container .consultation .reason .desc:nth-child(2) .prg ul li:nth-child(1) .prg_c p{background:#fdd257}
    #container .consultation .reason .desc:nth-child(2) .prg ul li:nth-child(2) .prg_c strong{background:#e2f761}
    #container .consultation .reason .desc:nth-child(2) .prg ul li:nth-child(2) .prg_c p{background:#c7df41}
    #container .consultation .reason .desc:nth-child(2) .img{display:flex;margin:30px 0 0 0;align-items:flex-end;justify-content:flex-end}
    #container .consultation .reason .desc:nth-child(2) .img img:nth-child(1){width:51px;height:auto}
    #container .consultation .reason .desc:nth-child(2) .img img:nth-child(2){width:124px}
    #container .consultation .reason .desc:nth-child(3){}
    #container .consultation .reason .desc:nth-child(3) .cont{}
    #container .consultation .reason .desc:nth-child(3) .txt{}
    #container .consultation .reason .desc:nth-child(3) .lst{}
    #container .consultation .reason .desc:nth-child(3) .lst ul{display:flex;flex-direction:column;justify-content:space-between;align-items:center}
    #container .consultation .reason .desc:nth-child(3) .lst li{flex:1;flex-direction:column;display:flex;align-items:center}
    #container .consultation .reason .desc:nth-child(3) .lst li + li{margin-top:30px}
    #container .consultation .reason .desc:nth-child(3) .lst li i{position:relative}
    #container .consultation .reason .desc:nth-child(3) .lst li img{margin:0 auto 36px;width:86px}
    #container .consultation .reason .desc:nth-child(3) .lst li > div{padding:15px 0;border-top:2px solid #eee;border-bottom:2px solid #eee;width:100%;min-width:145px;display:flex;flex-direction:column}
    #container .consultation .reason .desc:nth-child(3) .lst li > div strong{font-size:14px;font-weight:400;margin:0 0 8px 0;color:#828282}
    #container .consultation .reason .desc:nth-child(3) .lst li > div strong span{font-size:16px;font-weight:500}
    #container .consultation .reason .desc:nth-child(3) .lst li > div p{font-size:14px;color:#828282}
    #container .consultation .reason .desc:nth-child(3) .lst li:nth-child(1) > div{border-color:#ffc000}
    #container .consultation .reason .desc:nth-child(3) .lst li:nth-child(1) > div strong span{color:#ffc000}
    #container .consultation .reason .desc:nth-child(3) .lst li:nth-child(2) > div{border-color:#43c967}
    #container .consultation .reason .desc:nth-child(3) .lst li:nth-child(2) > div strong span{color:#43c967}
    #container .consultation .reason .desc:nth-child(3) .lst li:nth-child(3) > div{border-color:#6ed7ff}
    #container .consultation .reason .desc:nth-child(3) .lst li:nth-child(3) > div strong span{color:#6ed7ff}
    #container .consultation .reason .desc:nth-child(3) .lst li:nth-child(1) .hover1{position:absolute;top:0;left:0;animation:blink-effect 1s step-end infinite}
    #container .consultation .reason .desc:nth-child(3) .lst li:nth-child(1) .hover2{position:absolute;top:0;left:0;animation:blink-effect 1s step-end infinite;animation-delay:0.5s}
    #container .consultation .reason .desc:nth-child(3) .lst li:nth-child(2) .hover1{position:absolute;top:0;left:0;animation:rotate 5s infinite linear}
    #container .consultation .reason .desc:nth-child(3) .lst li:nth-child(3) .hover1{position:absolute;top:0;left:0}
    #container .consultation .banner{background:#ffd846;padding:16px 0}
    #container .consultation .banner .title{display:flex;margin:0;align-items:center;justify-content:center;font-size:22px;font-weight:bold;color:#1a478c;font-family:'GmarketSans';word-break:keep-all}
    #container .consultation .banner.banner-type2{background:#1a478c;padding:60px 0;text-align:center}
    #container .consultation .banner.banner-type2 .title{color:#fff;display:inline;text-align:center}
    #container .consultation .banner.banner-type2 .title p{display:inline;color:#6ce4bd;font-family:'GmarketSans'}
    #container .consultation .review{padding:65px 0;background:url("../img/img_consultation_review.jpg") repeat-y 50% 50% }
    #container .consultation .review .desc{border-radius:30px;border:10px solid #ccc;background:#fff;padding:30px 20px;position:relative;z-index:0}
    #container .consultation .review .desc + .desc{margin-top:50px}
    #container .consultation .review .desc .age{position:absolute;left:0;top:-34px;font-size:30px;font-weight:bold;color:#ccc;font-family:'GmarketSans';z-index:1}
    #container .consultation .review .desc .tit{font-size:18px;font-weight:500;text-align:center;margin-bottom:20px;color:#1a478c;font-family:'GmarketSans';word-break:keep-all}
    #container .consultation .review .desc .tit p{display:inline-flex;font-weight:bold;font-size:18px;word-break:keep-all;position:relative}
    #container .consultation .review .desc .tit p b{position:relative;z-index:2;font-family:'GmarketSans'}
    #container .consultation .review .desc .tit p:after{content:"";display:block;width:100%;height:10px;border-radius:20px;background:#ffc000;position:absolute;left:0;bottom:3px;z-index:0}
    #container .consultation .review .desc .txt{font-size:14px;font-family:'GmarketSans';word-break:keep-all}
    #container .consultation .review .desc .user{font-size:14px;margin-top:20px;text-align:right;font-family:'GmarketSans'}
    #container .consultation .review .desc.pink .age{color:#ffd1d1}
    #container .consultation .review .desc.pink{border-color:#ffd1d1}
    #container .consultation .review .desc.blue .age{color:#a2ecfa}
    #container .consultation .review .desc.blue{border-color:#a2ecfa}
    #container .consultation .process{padding:45px 0;text-align:center}
    #container .consultation .process .wrap{display:flex;flex-direction:column;align-items:center}
    #container .consultation .process .tit{font-size:24px;color:#333;font-family:'GmarketSans';font-weight:bold}
    #container .consultation .process .txt{font-size:14px;color:#333;margin-top:20px}
    #container .consultation .process .lst{margin-top:30px}
    #container .consultation .process .lst.init{transform:translateY(0);opacity:1}
    #container .consultation .process .lst.init ul:before{width:0px;transition:none}
    #container .consultation .process .lst.init ul:after{width:0px;transition:none}
    #container .consultation .process .lst.init li{transform: translateY(50px);opacity: 0;transition: none;}
    #container .consultation .process .lst.animate ul:before{width:calc(100% + 32px);transition:all 0.8s;transition-delay:1s}
    #container .consultation .process .lst.animate ul:after{width:calc(100% + 32px);transition:all 0.8s;transition-delay:2.5s}
    #container .consultation .process .lst.animate li{transform: translateY(0px);transition:all 0.8s;opacity: 1;}
    #container .consultation .process .lst ul{position:relative;display:flex;align-items:flex-start;justify-content:space-between;margin:0 auto;flex-wrap:wrap}
    #container .consultation .process .lst ul:before{content:""; display:block;  height:2px;border-top:2px dashed #464646;position:absolute; top:40px; left:-16px; z-index:1;transition:all 3s}
    #container .consultation .process .lst ul:after{content:""; display:block;  height:2px;border-top:2px dashed #464646;position:absolute; top:58%; left:-16px; z-index:1;transition:all 3s}    
    #container .consultation .process .lst li{text-align:center;position:relative;width:33.33%;padding:0 0 30px 0}
    #container .consultation .process .lst li:before{content:counter(list-item); display:flex; align-items:center; justify-content:center; width:85px; height:85px;  border-radius:50%; position:relative;z-index:2;background:#6ce4bd; font-size:22px; font-family:'GmarketSans'; font-weight:bold;color:#fff; margin:0 auto 10px}
    #container .consultation .process .lst li.init{}
    #container .consultation .process .lst li.init:after{width:0px;transition:none}
    #container .consultation .process .lst li.animate{transition:all 0.8s}
    #container .consultation .process .lst li.animate:after{width:100%;transition:all 0.8s}
    #container .consultation .process .lst li p{font-size:14px;line-height:1}
    #container .consultation .process .lst li a{display:inline-block;line-height:25px;font-size:12px;padding:0 10px;border-radius:50px;margin-top:5px;background:#333;color:#fff;border:1px solid #fff}
    #container .consultation .process .lst li:nth-child(1){transition-delay:0s;z-index:1}
    #container .consultation .process .lst li:nth-child(2){transition-delay:0.5s;z-index:2}
    #container .consultation .process .lst li:nth-child(3){transition-delay:1s;z-index:3}
    #container .consultation .process .lst li:nth-child(4){transition-delay:1.5s;z-index:4}
    #container .consultation .process .lst li:nth-child(5){transition-delay:2s;z-index:5}
    #container .consultation .process .lst li:nth-child(6){transition-delay:2.5s;z-index:6}
    #container .consultation .process .lst li:nth-child(1):after{transition-delay:0.5s;z-index:5}
    #container .consultation .process .lst li:nth-child(2):after{transition-delay:1s;z-index:4}
    #container .consultation .process .lst li:nth-child(3):after{transition-delay:1.5s;z-index:3}
    #container .consultation .process .lst li:nth-child(4):after{transition-delay:2s;z-index:2}
    #container .consultation .process .lst li:nth-child(5):after{transition-delay:2.5s;z-index:1}
    #container .consultation .process .lst li:nth-child(6):after{transition-delay:3s;z-index:1}
    

    /**/
    #container .philosophy{}
    #container .philosophy .sect{display:flex;flex-direction:column;position:relative}
    #container .philosophy .phil01{background:url("../img/img_philosophy_phil01_mo.png") no-repeat center bottom / cover;justify-content:center;padding:65px 0 0 0;overflow:hidden}
    #container .philosophy .phil01.init{opacity:1;transform:translateY(0)}
    #container .philosophy .phil01.init .bg{transform:scale(1.1);transition:none}
    #container .philosophy .phil01.animate .bg{transform:scale(1);transition:all 0.8s}
    #container .philosophy .phil01 .bg{position:absolute;top:0;left:0;width:100%;height:100%;transition:all 3s;z-index:4}
    #container .philosophy .phil01 .bg img{display:block;width:100%;height:100%;object-fit:cover}#container .philosophy .phil01 .wrap{position:relative;display:flex;flex-direction:column;align-items:center;width:auto;padding:0;z-index:5}
    #container .philosophy .phil01 .wrap .img{order:2;margin:45px 0 0 0;width:100%;padding:0 0 0 16px;display:flex;justify-content:flex-end}
    #container .philosophy .phil01 .wrap .img img{height:auto;width:auto;max-width:100%}
    #container .philosophy .phil01 .wrap .tit{font-size:24px;color:#fff;text-align:Center;order:1}
    #container .philosophy .phil02{padding:100px 0 25px 0;text-align:center;background:#f4f4f4}
    #container .philosophy .phil02 .tit{font-size:24px;margin:0 0 40px 0}
    #container .philosophy .phil02 .tit p{display:inline;font-size:24px;font-weight:bold;position:relative;color:#136c17}
    #container .philosophy .phil02 .tit p:after{content:"";display:block;width:14px;height:14px;position:absolute;top:-5px;right:-3px;background:url(../img/icon_leaf.png) no-repeat center center / 100% auto}
    #container .philosophy .phil02 .txt{font-size:14px}
    #container .philosophy .phil02 .txt p{display:block}
    #container .philosophy .phil02 .txt p + p{margin:48px 0 0}
    #container .philosophy .phil02 .txt p span.highlight{color:#1a478c;font-weight:bold}
    #container .philosophy .phil02 .txt p span.neon{font-weight:bold}
    #container .philosophy .phil02 .txt p span.neon{position:relative;padding:0 5px;display:inline-block}
    #container .philosophy .phil02 .txt p span.neon.init:before{content:'';position:absolute;top:0;left:0;bottom:0;width:0%;background:#c7e960;transition:none;z-index:-1}
    #container .philosophy .phil02 .txt p span.neon.animate:before{width:100%;transition:all 1s}
    #container .philosophy .phil03{padding:50px 0 0 0;background:url("../img/img_philosophy_phil03_mo.png") no-repeat top center / cover;text-align:center}
    #container .philosophy .phil03 .tit{font-size:24px;margin:0 0 30px 0}
    #container .philosophy .phil03 .txt{font-size:14px;margin:0 0 35px 0}
    #container .philosophy .phil03 .txt p {}
    #container .philosophy .phil03 .txt span.neon{position:relative;padding:0 5px;color:#fff;display:inline-block}
    #container .philosophy .phil03 .txt span.neon.init:before{content:'';position:absolute;top:0;right:0;bottom:0;width:0%;background:#333333;transition:none;z-index:-1}
    #container .philosophy .phil03 .txt span.neon.animate:before{width:100%;transition:all 1s}
    #container .philosophy .phil03 .img{margin:30px 0 0 0}
    #container .philosophy .phil03 .img img{width:auto;max-width:90%} 
    #container .philosophy .phil04{background:url("../img/img_philosophy_phil04_mo.png") repeat-y center top / cover;padding:45px 0 0 0;text-align:center}
    #container .philosophy .phil04:before{content:'';position:absolute;bottom:100%;left:0;margin:0 0 -1px 0;width:100%;height:40px;background:url("../img/img_philosophy_phil04_grace.png") no-repeat bottom center / cover}
    #container .philosophy .phil04 .img{margin:-65px -16px 0}
    #container .philosophy .phil04 .img img{width:100%}
    #container .philosophy .phil04 .tit{font-size:24px;color:#fff;margin:0 0 30px 0}
    #container .philosophy .phil04 .txt{color:#fff}
    #container .philosophy .phil04 .txt p{font-size:14px;display:block}
    #container .philosophy .phil04 .txt span{font-size:16px;margin:30px 0 0 0;display:inline-block;position:relative}
    #container .philosophy .phil04 .txt span:before{content:'';position:absolute;right:130%;bottom:40px;width:40px;height:90px;background:url(../img/img_philosophy_phil04_leaf.png) no-repeat 50% 50% / 100% auto;display:inline-block}
    #container .philosophy .phil04 .txt span:after{content:'';position:absolute;left:80%;bottom:20px;margin:0 0 0 40px;width:82px;height:71px;background:url(../img/img_philosophy_phil04_light.png) no-repeat 50% 50% / 100% auto}
    #container .philosophy .phil04 .txt span strong{font-size:20px;display:inline}
    #container .philosophy .phil05 {background:url("../img/img_philosophy_phil05_mo.png") no-repeat center top / cover;padding:45px 0 0 0;text-align:center}
    #container .philosophy .phil05 .img{margin:0 -16px}
    #container .philosophy .phil05 .img img{width:100%}
    #container .philosophy .phil05 .tit{font-size:24px;margin:0 0 25px 0}
    #container .philosophy .phil05 .txt{}
    #container .philosophy .phil05 .txt p{margin:0 0 25px 0;font-size:14px}
    #container .philosophy .phil05 .txt ul{}
    #container .philosophy .phil05 .txt li{font-size:16px;display:block;margin:0 0 4px 0;word-break:keep-all}
    #container .philosophy .phil05 .txt li span{color:#fff;font-size:20px;word-break:keep-all;display:inline-block}
    #container .philosophy .phil05 .txt li span.animate{animation:blink-effect 1s;animation-iteration-count:2}
    #container .philosophy .phil05 .ico{position:absolute;bottom:15px;left:50%;margin-left:-10px}
    #container .philosophy .phil05 .ico.init{transform:translateX(0px);opacity:1;}
    #container .philosophy .phil05 .ico.animate{transform:translateX(5px);transition-delay:1s}
    #container .philosophy .phil05 .ico img{width:auto;max-width:55px}
    #container .philosophy .phil06{padding:45px 0 0 0}
    #container .philosophy .phil06 .tit{font-size:24px;margin:0 0 45px 0;text-align:center;word-break:keep-all}
    #container .philosophy .phil06 .tit span{font-weight:700;color:#1a478c}
    #container .philosophy .phil06 .txt{}
    #container .philosophy .phil06 .txt .diagram{display:flex;flex-direction:column;align-items:center}
    #container .philosophy .phil06 .txt .diagram li{width:160px; height:160px; border-radius:50%; border:1px solid #1a478c; display:inline-flex; flex-direction:column; align-items:center; justify-content:center; font-size:14px; color:#1a478c; line-height:1.2;text-align:center}
    #container .philosophy .phil06 .txt .diagram li + li{margin-top:-20px}
    #container .philosophy .phil06 .txt .diagram li::before{content:""; display:block; width:32px; height:32px;  background:url('../img/icon_check_line.png') no-repeat 50% 50% /contain; margin-bottom:10px}
    #container .philosophy .phil06 .txt .diagram li.last{margin-top:50px; background:#1a478c; color:#fff; position:relative}
    #container .philosophy .phil06 .txt .diagram li.last::before{background:url('../img/icon_check_leaf.png') no-repeat 50% 50% /contain}
    #container .philosophy .phil06 .txt .diagram li.last::after{content:""; display:block; width:1px; height:52px; background:#1a478c; position:absolute; bottom:100%; left:50%}
    #container .philosophy .phil06 .img{text-align:right;display:flex;align-items:flex-end;justify-content:flex-end;margin:30px 0 0}
    #container .philosophy .phil06 .img img{display:block;width:116px}
    #container .philosophy .phil07{background:url("../img/img_philosophy_phil07.gif") no-repeat center top / cover;padding:45px 0 100px;text-align:center}
    #container .philosophy .phil07 .tit{font-size:24px;margin:0 0 40px 0;text-align:center}
    #container .philosophy .phil07 .txt{}
    #container .philosophy .phil07 .txt ul{margin:0 auto;width:1000px;max-width:100%}
    #container .philosophy .phil07 .txt li{display:flex;flex-direction:column}
    #container .philosophy .phil07 .txt li + li{margin:32px 0 0 0}
    #container .philosophy .phil07 .txt li p{font-size:14px;text-align:left;font-style:italic;line-height:20px}
    #container .philosophy .phil07 .txt li span{font-size:12px;text-align:right;margin-top:20px;font-style:italic}
    #container .philosophy .phil08{background:#8ad4ef url(../img/img_philosophy_phil08_mo.png) no-repeat bottom center / auto 100%;padding:45px 0;text-align:center;height:492px}
    #container .philosophy .phil08.animate{background:#8ad4ef url(../img/img_philosophy_phil08_mo.gif) no-repeat bottom center / auto 100%;}
    #container .philosophy .phil08 .tit{font-size:24px;margin:0 0 15px 0;text-align:center;word-break:keep-all}
    #container .philosophy .phil08 .txt{font-size:14px}
    #container .philosophy .phil09{position:relative;text-align:center;background:#e6e6e6;overflow:hidden}
    #container .philosophy .phil09 .bg{position:relative;height:100px;margin:0 0 50px 0}
    #container .philosophy .phil09 .bg p{position:absolute;top:0;left:50%;width:200%;height:50px;line-height:50px;color:#d5d5d5;font-size:47px;font-weight:700;opacity:.25;transform:translateX(-50%);white-space:nowrap}
    #container .philosophy .phil09 .bg p:after{content:'';display:table;line-height:0;clear:both}
    #container .philosophy .phil09 .bg p span{white-space:nowrap;overflow:hidden;display:inline-block}
    #container .philosophy .phil09 .bg p:nth-child(1){animation:slide-forward 50s infinite reverse linear;margin-left:-50rem}
    #container .philosophy .phil09 .bg p:nth-child(2){top:50%;animation:slide-back 50s infinite reverse linear;margin-left:-50rem}
    #container .philosophy .phil09 .tit{font-size:24px;margin:0 0 20px 0;padding:0 16px;word-break:keep-all;}
    #container .philosophy .phil09 .img{max-width:100%;overflow:hidden}
    #container .philosophy .phil09 .img img{display:block;margin:0 auto;width:100%}
    
    /**/
    #container .learning{}
    #container .learning .sect{display:flex;flex-direction:column;position:relative}
    #container .learning .learning01{text-align:center;background:url("../img/img_learning_learn01.jpg") no-repeat center top / cover;padding:200px 0 320px 0;text-align:center;position:relative}
    #container .learning .learning01 .tit{font-size:24px;color:#fff;margin:0 0 40px 0}
    #container .learning .learning01 .txt{font-size:14px;color:#fff}
    #container .learning .learning01 .bot{position:absolute;bottom:0;left:0;width:100%;z-index:2;background:rgba(0, 0, 0, 0.6);font-style:italic;padding:18px 0;text-align:left}
    #container .learning .learning01 .bot strong{margin:0 0 14px 0;font-size:14px;font-weight:400;color:#fff;display:block}
    #container .learning .learning01 .bot p{font-size:14px;font-weight:400;color:#fff}
    #container .learning .learning02{}
    #container .learning .learning02 .img{overflow:hidden}
    #container .learning .learning02 .img img{width:100%;height:auto}
    #container .learning .learning02 .img.mo{display:none}
    #container .learning .learning03{background:url("../img/img_learning_learn03.jpg") no-repeat center top / cover}
    #container .learning .learning03 .wrap{height:115px;display:flex;align-items:center;justify-content:center}
    #container .learning .learning03 .tit{font-size:24px;color:#333}
    #container .learning .learning03 .tit strong{font-weight:500}
    #container .learning .learning04{padding:120px 0 240px 0;background:#dbe3e6 url(../img/img_learning_learn04_mo.png) no-repeat center top / auto 100%;text-align:center;min-height:450px}
    #container .learning .learning04 .tit{font-size:14px;position:relative;z-index:5}
    #container .learning .learning04 .img{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center}
    #container .learning .learning04 .img img{width:auto;height:100%;animation:blink-effect 3s infinite}
    #container .learning .learning05{padding:35px 0 70px;background:#abd9e8;text-align:center}
    #container .learning .learning05 {position:relative}
    #container .learning .learning05 .img{width:100%;margin:0 0 50px 0;position:relative;background:#abd9e8}
    #container .learning .learning05 .img.sticky{position:sticky;top:36px}
    #container .learning .learning05 .img img{width:100%;height:auto}
    #container .learning .learning05 .con{}
    #container .learning .learning05 .con + .con{margin-top:50px}
    #container .learning .learning05 .tit{margin:0 0 15px 0;font-size:20px}
    #container .learning .learning05 .tit br{display:none}
    #container .learning .learning05 .txt{font-size:14px;color:#494949;word-break:keep-all}
    #container .learning .learning06{background:url("../img/img_learning_learn06_mo.png") no-repeat center top / cover;padding:75px 0}
    #container .learning .learning06 .wrap{display:flex;text-align:center;flex-direction:column;align-items:center;justify-content:center}
    #container .learning .learning06 .tit{font-size:24px;margin:0 0 20px 0}
    #container .learning .learning06 .txt{font-size:14px;word-break:keep-all}
    #container .learning .learning06 .txt strong{font-weight:600}


    /**/
    #container .store{padding:45px 0}
    #container .store .sect{text-align:center;margin:0 0 60px 0}
    #container .store .sect .tit{margin:0 0 20px 0;font-size:24px;color:#3e3e3e}
    #container .store .sect .txt{font-size:14px;color:#6e6e6e}
    #container .store .search{background:#eeeeee;margin:0 0 25px 0;padding:20px}
    #container .store .search p{line-height:1;font-size:13px;margin:0 0 10px 0;color:#000}
    #container .store .search .input{display:flex;flex-wrap:wrap}
    #container .store .search select{width:32%;height:40px;padding:0 12px;font-size:12px;background:#fff url("../img/icon_dropdown.png") no-repeat right 10px center}
    #container .store .search select + select{margin-left:2%}
    #container .store .search button,
    #container .store .search a{width:100%;height:40px;font-size:14px;color:#fff;background:#333;margin:10px 0 0 0;display:flex;align-items:center;justify-content:center}
    #container .store .list{overflow-x:scroll}
    #container .store .list .in{display:flex;align-items:center;justify-content:end;margin:0 0 30px 0;border-bottom:1px solid #b0b0b0;padding:0 0 10px 0}
    #container .store .list .in p{display:flex;align-items:center;justify-content:center;font-size:13px}
    #container .store .list .in p img{width:12px}
    #container .store .list .in p + p{margin-left:15px}
    #container .store .list .hd{white-space:nowrap;width:100%;display:none}
    #container .store .list .hd li{display:flex}
    #container .store .list .hd li .desc{text-align:center;height:43px;background:#eeeeee;display:flex;align-items:center;justify-content:center;font-size:14px;color:#000}
    #container .store .list .bd{}
    #container .store .list .bd li{border-bottom:1px solid #dbdbdb}
    #container .store .list .bd li .head{display:flex;flex-direction:column;align-items:flex-start;position:relative;padding:12px 0;padding-right:37px}
    #container .store .list .bd li .head .desc{padding:2px 0;display:flex;align-items:flex-start;justify-content:center;flex-direction:column}
    #container .store .list .bd li .head .addr{width:100%;font-size:13px}
    #container .store .list .bd li .head .name{font-size:13px;display:flex;align-items:center}
    #container .store .list .bd li .head .name i{width:12px;height:12px;margin:0 6px 0 0}
    #container .store .list .bd li .head .name i.home{background:url("../img/icon_house_home.png") no-repeat 50% 50% / 100% auto}
    #container .store .list .bd li .head .name i.villa{background:url("../img/icon_house_villa.png") no-repeat 50% 50%}
    #container .store .list .bd li .head .tele{flex:1;font-size:13px}
    #container .store .list .bd li .head .link{justify-content:center;display:flex}
    #container .store .list .bd li .head .link a{}
    #container .store .list .bd li .head .link a img{display:block;width:30px}
    #container .store .list .bd li .head .link a + a{margin-left:8px}
    #container .store .list .bd li .head .zido{width:100%;align-items:center;justify-content:center;display:flex}
    #container .store .list .bd li .head .zido a{}
    #container .store .list .bd li .head .zido a img{display:block;width:30px}
    #container .store .list .bd li .head .zido a + a{margin-left:15px}
    #container .store .list .bd li .map_cont{border:2px solid #1a478c;padding:16px;display:none;margin:15px 0 0 0}
    #container .store .list .bd li .map_cont.active{display:block}
    #container .store .list .bd li .map_cont .info{display:flex;flex-direction:column;margin:0 0 12px 0;padding:0 0 12px 0;border-bottom:1px solid #dbdbdb}
    #container .store .list .bd li .map_cont .info .name{line-height:25px;margin:0 0 12px 0;font-size:16px;font-weight:500;color:#1a478c}
    #container .store .list .bd li .map_cont .info .con{flex:1}
    #container .store .list .bd li .map_cont .info .con dl{display:flex}
    #container .store .list .bd li .map_cont .info .con dl + dl{margin-top:5px}
    #container .store .list .bd li .map_cont .info .con dt{flex-shrink:0;width:25px;height:25px}
    #container .store .list .bd li .map_cont .info .con dd{font-size:13px;flex:1;line-height:25px}
    #container .store .list .bd li .map_cont .map{}
    #container .store .list .bd li .map_cont .map > div{width:100%;height:150px;display:flex;align-items:center;justify-content:center;font-size:15px;color:#000;background:#eee;border:1px solid #000}
    #container .store .list li .desc:nth-child(1){}
    #container .store .list li .desc:nth-child(2){flex:1}
    #container .store .list li .desc:nth-child(3){}
    #container .store .list li .desc:nth-child(4){position:absolute;top:50%;right:0;transform:translateY(-50%)}

    /**/
    #container .program{}
    #container .program .program01{background:url("../img/img_program_program01_mo.png") no-repeat 50% 50% / cover;display:flex;flex-direction:column;justify-content:end;padding:40px 0;text-align:center;height:480px}
    #container .program .program01 .tit{font-size:24px;margin:0 0 25px 0}
    #container .program .program01 .txt{font-size:14px}
    #container .program .program02{}
    #container .program .program02 .desc{padding:130px 0;position:relative}
    #container .program .program02 .desc .tit{font-size:24px;margin:0 0 10px 0}
    #container .program .program02 .desc .txt{font-size:14px;margin:0 0 100px 0}
    #container .program .program02 .desc .step{position:relative;display:flex}
    #container .program .program02 .desc .step .img{display:flex;flex-direction:column;align-items:center;padding:0 0 0 14px;flex-shrink:0}
    #container .program .program02 .desc .step .img img{width:90px;height:90px}
    #container .program .program02 .desc .step .img p{margin:12px 0 0 0;padding:0 0 5px 0;font-size:15px;position:relative;display:inline-block;font-weight:500}
    #container .program .program02 .desc .step .img p:after{content:'';position:absolute;bottom:0;left:0;width:100%;height:2px;background:#333}
    #container .program .program02 .desc .step .con{flex:1;display:flex;flex-direction:column;background:#fff;position:relative;margin-top:50px;margin-left:30px;padding:15px}
    #container .program .program02 .desc .step .con:before{content:'';position:absolute;top:0;right:100%;width:20px;height:20px;box-sizing:border-box;border-top:10px solid #fff;border-right:10px solid #fff;border-bottom:10px solid transparent;border-left:10px solid transparent}
    #container .program .program02 .desc .step .con strong{font-size:16px;line-height:1;margin:0 0 10px 0}
    #container .program .program02 .desc .step .con span{font-size:14px;color:#333333}
    #container .program .program02 .desc .step .con p{margin:14px 0 0 0;font-size:14px;word-break:keep-all}
    #container .program .program02 .desc .step .con p br{display:none}
    #container .program .program02 .desc:nth-child(1){background:#ffe079;padding:40px 0 100px 0;text-align:center}
    #container .program .program02 .desc:nth-child(1):before{content:'';position:absolute;bottom:0;left:74px;width:3px;height:50%;background:#fff}
    #container .program .program02 .desc:nth-child(1) .step .con{text-align:left}
    #container .program .program02 .desc:nth-child(1) .step .con strong{color:#ffc500}
    #container .program .program02 .desc:nth-child(2){background:#c4ffec}
    #container .program .program02 .desc:nth-child(2):before{content:'';position:absolute;top:0;left:74px;width:3px;height:100%;background:#fff}
    #container .program .program02 .desc:nth-child(2) .step .con{text-align:left;margin-left:35px}
    #container .program .program02 .desc:nth-child(2) .step .con strong{color:#53c5a0}
    #container .program .program02 .desc:nth-child(3){background:#ffdaea }
    #container .program .program02 .desc:nth-child(3):before{content:'';position:absolute;top:0;left:74px;width:3px;height:100%;background:#fff}
    #container .program .program02 .desc:nth-child(3) .step .con strong{color:#e57aa8}
    #container .program .program02 .desc:nth-child(4){background:#dbf3ff}
    #container .program .program02 .desc:nth-child(4):before{content:'';position:absolute;top:0;left:74px;width:3px;height:40%;background:#fff}
    #container .program .program02 .desc:nth-child(4) .step .con{text-align:left;margin-left:35px}
    #container .program .program02 .desc:nth-child(4) .step .con strong{color:#5ab6e2}
    #container .program .program03{background-image:url("../img/img_process01_basic03.png");background-repeat:no-repeat;background-position:50% 50%;background-size:auto 100%;display:flex;flex-direction:column;justify-content:end;padding:45px 0;text-align:center;background-color:#f6f6f6}
    #container .program .program03 .tit{font-size:24px;margin:0 0 25px 0}
    #container .program .program03 .txt{font-size:12px;margin:0 0 5px 0}
    

    /**/
    #container .process{}
    #container .process .sect{}
    #container .process .process01{display:flex;flex-direction:column;justify-content:end;padding:45px 0 0 0;text-align:center}
    #container .process .process01 .tit{font-size:24px;margin:0 0 15px 0;position:relative;z-index:2;word-break:keep-all}
    #container .process .process01 .txt{font-size:14px;margin:0 0 15px 0}
    #container .process .process01 .img{}
    #container .process .process01 .img img{width:auto;max-width:100%;display:block;margin:0 auto}
    #container .process .process02{background:#fff;display:flex;flex-direction:column;justify-content:end;padding:45px 0 90px 0;text-align:center;overflow:hidden}
    #container .process .process02 .sub{display:flex;align-items:center;flex-direction:column;margin:0 0 25px 0}
    #container .process .process02 .sub img{width:45px}
    #container .process .process02 .sub p{margin:10px 0 0 0;padding:0 0 10px 0;font-size:15px;position:relative;display:inline-block}
    #container .process .process02 .sub p:after{content:'';position:absolute;bottom:0;left:0;width:100%;height:1px;background:#333}
    #container .process .process02 .tit{font-size:24px;margin:0 0 25px 0;word-break:keep-all}
    #container .process .process02 .tit br{display:none}
    #container .process .process02 .txt{position:relative;font-size:14px}
    #container .process .process02 .txt p{position:relative;z-index:2;word-break:keep-all}
    #container .process .process02 .txt p br{display:none}
    #container .process .process02 .txt p span{padding:0 5px}
    #container .process .process02 .txt p span{position:relative;font-weight:bold;display:inline-block;transform:translateY(0px)}
    #container .process .process02 .txt p span.init:before{content:'';position:absolute;top:0;left:0;bottom:0;width:0%;transition:none;z-index:-1}
    #container .process .process02 .txt p span.animate:before{width:100%;transition:all 1s;}
    #container .process .process02 .txt:before{content:'';position:absolute;z-index:0;width:70px;height:50px;transition:all 0.8s}
    #container .process .process02 .txt:after{content:'';position:absolute;width:70px;height:50px;transition:all 0.8s}
    #container .process .process02 .txt.init:before{transform:translateX(-50px);opacity:0;transition:none}
    #container .process .process02 .txt.animate:before{transform:translateX(0px);opacity:1;transition:all 0.8s;transition-delay:0.8s}
    #container .process .process02 .txt.init:after{transform:translateX(50px);opacity:0;transition:none}
    #container .process .process02 .txt.animate:after{transform:translateX(0px);opacity:1;transition:all 0.8s;transition-delay:0.8s}
    #container .process .process03{background-image:url("../img/img_process01_basic03.png");background-repeat:no-repeat;background-position:50% 50%;background-size:375px auto;display:flex;flex-direction:column;justify-content:end;padding:45px 0;text-align:center}
    #container .process .process03 .tit{font-size:18px;word-break:keep-all}
    #container .process .process03 .tit + .txt{margin-top:25px}
    #container .process .process03 .tit br{display:none}
    #container .process .process03 .txt{font-size:14px;margin:0 0 15px 0;word-break:keep-all}
    #container .process .process04{display:flex;flex-direction:column;justify-content:end;padding:45px 0;text-align:center}
    #container .process .process04 .tit{font-size:24px;margin:0 0 25px 0}
    #container .process .process04 .prs{}
    #container .process .process04 .prs ul{margin:0 auto;width:740px;max-width:100%}
    #container .process .process04 .prs li{margin:0 0 45px 0}
    #container .process .process04 .prs li .name{position:relative;margin:0 0 25px 0;display:inline-flex;padding:0 30px;height:30px;align-items:center;justify-content:center;border-radius:58px;background:#ffe079;font-size:15px;font-weight:600}
    #container .process .process04 .prs li .name2{background-color:#174690 !important;color:#fff}
    #container .process .process04 .prs li .act{margin:-15px 0 25px 0}
    #container .process .process04 .prs li .act a{font-size:13px}
    #container .process .process04 .prs li .img{margin:0 0 30px 0;display:flex;align-items:center;justify-content:center}
    #container .process .process04 .prs li .img img{display:block;width:auto;max-width:100%;border:1px solid #c3c3c3}
    #container .process .process04 .prs li .img.nobd img{border:0}
    #container .process .process04 .prs li .img i{flex:1}
    #container .process .process04 .prs li .img i + i{margin-left:10px}
    #container .process .process04 .prs li .con{}
    #container .process .process04 .prs li .con + .img{margin-top:50px}
    #container .process .process04 .prs li .con dl{display:flex;font-size:14px;border-bottom:1px dashed #ccc;padding:10px 0;font-weight:500}
    #container .process .process04 .prs li .con dl:last-child{border-bottom:0}
    #container .process .process04 .prs li .con dl:before{content:'';position:relative;margin:10px 8px 0 0;width:4px;height:4px;background:#53afe3;border-radius:50%;flex-shrink:0}
    #container .process .process04 .prs li .con dt{flex-shrink:0}
    #container .process .process04 .prs li .con dt:after{content:':';margin:0 10px}
    #container .process .process04 .prs li .con dd{text-align:left;word-break:keep-all}
    #container .process .process04 .prs li .con dd br{display:none}
    #container .process .process04 .prs li.plus .name{flex-direction:column;align-items:center;justify-content:center;margin-top:35px}
    #container .process .process04 .prs li.plus .name:before{content:'';position:absolute;top:-35px;width:20px;height:20px;background:url("../img/img_process_plus.png") no-repeat 50% 50% / 100% auto;flex-shrink:0;transition:all 0.5s} 
    #container .process .process04 .prs li.plus.init .name:before{transform:rotate(180deg);transition:none}
    #container .process .process04 .prs li.plus.animate .name:before{transform:rotate(0deg);transition:all 0.8s}
    #container .process .process04 .brain{position:relative}
    #container .process .process04 .brain .tit{margin:0 0 15px 0;font-size:24px}
    #container .process .process04 .brain .txt{font-size:14px;margin:0 0 40px 0}
    #container .process .process04 .brain .txt span{padding:0 5px;background:#cbf3fc;font-weight:bold}
    #container .process .process04 .brain .image{position:relative;top:0;background:#fff;padding:45px 0;display:flex;align-items:center;justify-content:center}
    #container .process .process04 .brain .image img{display:block;margin:0 auto;width:100%;transition:all 0.5s}
    #container .process .process04 .brain .image img:nth-child(1){position:relative;left:0;transform:translateX(0)}
    #container .process .process04 .brain .image img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0;visibility:hidden;transition:all 0.8s}
    #container .process .process04 .brain .image.type1 img:nth-child(1){opacity:1;visibility:visible}
    #container .process .process04 .brain .image.type2 img:nth-child(2){opacity:1;visibility:visible}
    #container .process .process04 .brain .image.type3 img:nth-child(3){opacity:1;visibility:visible}
    #container .process .process04 .brain .image.type4 img:nth-child(4){opacity:1;visibility:visible}
    #container .process .process04 .brain .image.sticky{position:sticky}
    #container .process .process04 .brain .image.sticky img{width:100%}
    #container .process .process04 .brain .img{display:flex;align-items:center;justify-content:center;padding-bottom:50px;margin-bottom:50px}
    #container .process .process04 .brain .img img{width:100%;height:auto}
    #container .process .process04 .brain .img i + i{margin-left:15px}
    #container .process .process04 .brain .img:nth-child(1){margin-bottom:50px}
    #container .process .process04 .preview{}
    #container .process .process04 .preview .tit{margin:0 0 15px 0;font-size:24px}
    #container .process .process04 .preview .txt{font-size:14px;margin:0 0 35px 0}
    #container .process .process04 .preview .txt br{display:none}
    #container .process .process04 .preview .txt span{padding:0 5px;font-weight:500;position:relative}
    #container .process .process04 .preview .txt span.init:before{content:'';position:absolute;top:0;left:0;bottom:0;width:0%;transition:all 1s;z-index:-1}
    #container .process .process04 .preview .txt span.animate:before{width:100%;background:#eadaf4}
    #container .process .process04 .preview .img{display:flex;align-items:center;justify-content:center;margin:0}
    #container .process .process04 .preview .img i{flex:1}
    #container .process .process04 .preview .img i + i{margin-left:8px}
    #container .process .process04 .preview .img img{width:auto;max-width:100%;height:auto}
    #container .process .process04 .preview .img img + img{margin-left:15px}
    #container .process .process05{display:flex;flex-direction:column;justify-content:end;padding:45px 0;text-align:center;background:#f6f6f6}
    #container .process .process05 .tit{font-size:24px;margin:0 0 25px 0;word-break:keep-all}
    #container .process .process05 .txt{font-size:14px;margin:0 0 50px 0;word-break:keep-all}
    #container .process .process05 .txt span{color:#174690;font-weight:500}
    #container .process .process05 .prcs_tit{position:relative;margin:0 0 15px 0;display:inline-flex;padding:0 30px;height:30px;align-items:center;justify-content:center;border-radius:58px;background:#ffe079;font-size:15px;font-weight:600}
    #container .process .process05 .prcs_tit.yellow{background:#ffe079}
    #container .process .process05 .prcs_tit.pink{background:#ffdaea}
    #container .process .process05 .prcs_tit.blue{background:#dbf3ff}
    #container .process .process05 .img{position:relative}
    #container .process .process05 .img img{width:auto;max-width:100%;display:block;margin:0 auto}
    #container .process .process05 .img:before{content:'';position:absolute;top:0;right:10%;height:37.5%;background:#f6f6f6;transition:all 1.5s;transition-delay:0.8s}
    #container .process .process05 .img.init:before{width:100%}
    #container .process .process05 .img.animate:before{width:0px}
    #container .process .process05 .img ul{}
    #container .process .process05 .img li{display:flex;flex-direction:column;align-items:center}
    #container .process .process05 .img + .prcs_tit{margin-top:50px}
    #container .process .process06{display:flex;flex-direction:column;justify-content:end;padding:45px 0;text-align:center}
    #container .process .process06 .tit{font-size:24px;margin:0 0 25px 0}
    #container .process .process06 .txt{font-size:24px;margin:0 0 15px 0}
    #container .process .process06 .txt p{font-size:15px}
    #container .process .process06 .txt span{margin-top:10px;display:block;font-size:14px}
    #container .process .basic01{background:#ffe079}
    #container .process .basic02 .txt p span{padding:0 5px}
    #container .process .basic02 .txt p span:before{background-color:#FFE07A}
    #container .process .basic02 .txt p br{display:none}
    #container .process .basic02 .txt:before{top:-38px;left:0;background:url("../img/img_process_before.png") no-repeat 50% 50% / 100% auto}
    #container .process .basic02 .txt:after{bottom:-28px;right:0;background:url("../img/img_process_after.png") no-repeat 50% 50% / 100% auto} 
    #container .process .basic03{background-color:#f9f7ef}
    #container .process .basic04 .prs li .name{background:#ffe079}
    #container .process .basic04 .prs li .con dl:before{background-color:#53afe3}
    #container .process .grow01{background:#c4ffec}
    #container .process .grow02 .txt p span{padding:0 5px;background:#c4ffec}
    #container .process .grow02 .txt p span:before{background:#c4ffec}
    #container .process .grow02 .txt:before{top:-38px;left:0;background:url("../img/img_process_before2.png") no-repeat 50% 50% / 100% auto}
    #container .process .grow02 .txt:after{bottom:-28px;right:0;background:url("../img/img_process_after2.png") no-repeat 50% 50% / 100% auto}
    #container .process .grow03{background-color:#eff9f7}
    #container .process .grow04 .prs li .name{background:#c4ffec}
    #container .process .grow04 .prs li:nth-child(1) .con:nth-child(3) dl:before{background-color:#44bd99}
    #container .process .grow04 .prs li:nth-child(1) .con:nth-child(5) dl:before{background-color:#8bc55d}
    #container .process .grow04 .prs li:nth-child(2) .con:nth-child(3) dl:before{background-color:#ffd05b}
    #container .process .grow04 .prs li:nth-child(2) .con:nth-child(5) dl:before{background-color:#f595aa}
    #container .process .grow04 .prs li:nth-child(4) .con:nth-child(4) dl:before{background-color:#174690}
    #container .process .grow04 .prs li:nth-child(5) .con:nth-child(4) dl:before{background-color:#174690}
    #container .process .master01{background:#ffdaea}
    #container .process .master02 .txt p span{padding:0 5px;background:#ffdaea}
    #container .process .master02 .txt p span:before{background:#ffdaea}
    #container .process .master02 .txt:before{top:-38px;left:0;background:url("../img/img_process_before3.png") no-repeat 50% 50% / 100% auto}
    #container .process .master02 .txt:after{bottom:-28px;right:0;background:url("../img/img_process_after3.png") no-repeat 50% 50% / 100% auto}
    #container .process .master03{background-color:#fff4f9}
    #container .process .master04 .prs li .name{background:#ffdaea}
    #container .process .master04 .prs li:nth-child(1) .con:nth-child(3) dl:before{background-color:#1b488c}
    #container .process .master04 .prs li:nth-child(1) .con:nth-child(5) dl:before{background-color:#f26e59}
    #container .process .master04 .prs li:nth-child(1) .con:nth-child(7) dl:before{background-color:#a0c9ec}
    #container .process .master04 .prs li:nth-child(1) .con:nth-child(9) dl:before{background-color:#8bc55d}
    #container .process .master04 .prs li:nth-child(2) .con:nth-child(3) dl:before{background-color:#53afe3}
    #container .process .master04 .prs li:nth-child(2) .con:nth-child(5) dl:before{background-color:#2a3a84}
    #container .process .master04 .prs li:nth-child(2) .con:nth-child(7) dl:before{background-color:#f595aa}
    #container .process .master04 .prs li:nth-child(4) .con:nth-child(4) dl:before{background-color:#174690}
    #container .process .master04 .prs li:nth-child(5) .con:nth-child(4) dl:before{background-color:#174690}
    #container .process .elementary01{background:#dbf3ff}
    #container .process .elementary02 .txt p span{padding:0 5px;background:#dbf3ff}
    #container .process .elementary02 .txt p span:before{background:#dbf3ff}
    #container .process .elementary02 .txt:before{top:-38px;left:0;background:url("../img/img_process_before4.png") no-repeat 50% 50% / 100% auto}
    #container .process .elementary02 .txt:after{bottom:-28px;right:0;background:url("../img/img_process_after4.png") no-repeat 50% 50% / 100% auto}
    #container .process .elementary02 .sub img{width:45px}
    #container .process .elementary03{background-color:#f3fbff}
    #container .process .elementary04 .prs li .name{background:#dbf3ff}
    #container .process .elementary04 .prs li:nth-child(1) .con:nth-child(3) dl:before{background-color:#d3445e}
    #container .process .elementary04 .prs li:nth-child(1) .con:nth-child(5) dl:before{background-color:#24b67b}
    #container .process .elementary04 .prs li:nth-child(1) .con:nth-child(7) dl:before{background-color:#0a415e}
    #container .process .elementary04 .prs li:nth-child(1) .con:nth-child(9) dl:before{background-color:#b6d542}
    #container .process .elementary04 .prs li:nth-child(2) .con:nth-child(3) dl:before{background-color:#d3445e}
    #container .process .elementary04 .prs li:nth-child(2) .con:nth-child(5) dl:before{background-color:#0a415e}
    #container .process .elementary04 .prs li:nth-child(2) .con:nth-child(7) dl:before{background-color:#fcdd09}
    #container .process .elementary04 .prs li:nth-child(4) .con:nth-child(4) dl:before{background-color:#174690}
    #container .process .elementary04 .prs li:nth-child(5) .con:nth-child(4) dl:before{background-color:#174690}
    #container .process .learning01{background:#e1dbf4}
    #container .process .learning01 .tit span{color:#171a90}
    #container .process .learning01 .img{margin-top:-97px;position:relative;z-index:1}
    #container .process .learning02 .txt p span{padding:0 5px}
    #container .process .learning02 .txt p span:before{background:#eadaf4}
    #container .process .learning02 .txt:before{top:-38px;left:0;background:url("../img/img_process_before5.png") no-repeat 50% 50% / 100% auto}
    #container .process .learning02 .txt:after{bottom:-28px;right:0;background:url("../img/img_process_after5.png") no-repeat 50% 50% / 100% auto} 
    #container .process .learning03{background-color:#eadaf4;background-image:none}

    /**/
    #container .diagnostic{}
    #container .diagnostic .sect{}
    #container .diagnostic .diagnostic01{position:relative;background:#fff}
    #container .diagnostic .diagnostic01 .wrap{padding:0}
    #container .diagnostic .diagnostic01 .img{position:relative;padding:45px 0 0 0;width:100%;z-index:5}
    #container .diagnostic .diagnostic01 .img img{width:auto;max-width:100%;height:auto}
    #container .diagnostic .diagnostic01 .move{position:absolute;bottom:30px;left:0;z-index:6}
    #container .diagnostic .diagnostic01 .move img{width:auto;max-width:100%;height:auto}
    #container .diagnostic .diagnostic01 .tit{font-size:24px;position:absolute;top:45px;left:0;z-index:10;width:100%;text-align:center}
    #container .diagnostic .diagnostic01 .txt{}
    #container .diagnostic .diagnostic02{padding:45px 0;text-align:center}
    #container .diagnostic .diagnostic02 .tit{font-size:48px}
    #container .diagnostic .diagnostic02 .tit img{display:block;margin:0 auto;width:auto;max-width:282px}
    #container .diagnostic .diagnostic02 .txt{font-size:22px;display:none}
    #container .diagnostic .diagnostic03{padding:45px 0;text-align:center;background:#f5f7f7}
    #container .diagnostic .diagnostic03 .tit{font-size:24px;margin:0 0 40px 0}
    #container .diagnostic .diagnostic03 .txt{}
    #container .diagnostic .diagnostic03 .txt dl{display:flex;flex-direction:column;margin:0 auto;width:1020px;max-width:100%}
    #container .diagnostic .diagnostic03 .txt dt{flex-shrink:0;align-items:center;justify-content:center;font-size:24px;display:flex;margin:0 0 20px 0}
    #container .diagnostic .diagnostic03 .txt dd{flex:1}
    #container .diagnostic .diagnostic03 .txt dd ul{display:flex}
    #container .diagnostic .diagnostic03 .txt dd li{flex:1;display:flex;flex-direction:column;background:#fff;border:1px solid #e8e8e8;align-items:center;padding:12px 6px}
    #container .diagnostic .diagnostic03 .txt dd li * {transition:all 0.3s}
    #container .diagnostic .diagnostic03 .txt dd li:hover{border-color:#1e3d82;background-color:#1e3d82}
    #container .diagnostic .diagnostic03 .txt dd li:hover > div p{opacity:1;visibility:visible}
    #container .diagnostic .diagnostic03 .txt dd li:hover > div img{opacity:0;visibility:hidden}
    #container .diagnostic .diagnostic03 .txt dd li:hover > strong{color:#fff}
    #container .diagnostic .diagnostic03 .txt dd li:hover > i:before{background:#fff}
    #container .diagnostic .diagnostic03 .txt dd li:hover > i:after{display:none;background:#fff}
    #container .diagnostic .diagnostic03 .txt dd li + li{margin-left:10px}
    #container .diagnostic .diagnostic03 .txt dd li > div {display:flex;align-items:center;justify-content:center;flex-direction:column;height:50px;width:100%;position:relative}
    #container .diagnostic .diagnostic03 .txt dd li > div p{position:absolute;top:50%;left:50%;font-size:10px;color:#fff;width:100%;opacity:0;visibility:hidden;transform:translate(-50%,-50%)}
    #container .diagnostic .diagnostic03 .txt dd li > div img{position:absolute;top:50%;left:50%;width:auto;max-width:41px;height:auto;transform:translate(-50%,-50%);transition:none}
    #container .diagnostic .diagnostic03 .txt dd li > strong{margin:10px 0 0 0;font-size:16px;color:#3e3e3e;font-weight:500;line-height:1}
    #container .diagnostic .diagnostic03 .txt dd li > i{margin:10px 0 0 0;width:14px;height:14px;position:relative}
    #container .diagnostic .diagnostic03 .txt dd li > i:before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:14px;height:2px;background:#333}
    #container .diagnostic .diagnostic03 .txt dd li > i:after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:2px;height:14px;background:#333}
    #container .diagnostic .diagnostic03 .txt dl + dl{margin-top:40px}
    #container .diagnostic .diagnostic04{padding:45px 0;text-align:center;background:#939393}
    #container .diagnostic .diagnostic04 .tit{font-size:24px;color:#fff;margin:0 0 20px 0}
    #container .diagnostic .diagnostic04 .txt{}
    #container .diagnostic .diagnostic04 .txt ol{max-width:100%;width:920px;display:block;margin:0 auto;text-align:left}
    #container .diagnostic .diagnostic04 .txt li{line-height:20px;display:flex;font-size:14px;color:#fff}
    #container .diagnostic .diagnostic04 .txt li:before{content:'';width:4px;height:4px;border-radius:50%;background:#fff;margin:7px 6px 0 0;flex-shrink:0}
    #container .diagnostic .diagnostic05{padding:45px 0;text-align:center;overflow:hidden}
    #container .diagnostic .diagnostic05 .wrap{position:relative;width:1350px;margin:0 auto;max-width:375px}
    #container .diagnostic .diagnostic05 .tit{display:flex;align-items:center;justify-content:center;height:60vh;font-size:18px;margin:0 0 130px 0;flex-direction:column}
    #container .diagnostic .diagnostic05 .tit span{font-size:24px;color:#1e3d82;display:block}
    #container .diagnostic .diagnostic05 .img{}
    #container .diagnostic .diagnostic05 .img ul{}
    #container .diagnostic .diagnostic05 .img li{position:absolute;overflow:hidden;border-radius:50%}
    #container .diagnostic .diagnostic05 .img li img{transform:scale(1);transition:all 0.8s}
    #container .diagnostic .diagnostic05 .img li:hover img{transform:scale(1.1)}
    #container .diagnostic .diagnostic05 .img li:nth-child(1){top:7%;left:-7%}
    #container .diagnostic .diagnostic05 .img li:nth-child(1) img{width:157px}
    #container .diagnostic .diagnostic05 .img li:nth-child(2){top:0;right:5%}
    #container .diagnostic .diagnostic05 .img li:nth-child(2) img{width:170px}
    #container .diagnostic .diagnostic05 .img li:nth-child(3){bottom:5%;left:-5%}
    #container .diagnostic .diagnostic05 .img li:nth-child(3) img{width:167px}
    #container .diagnostic .diagnostic05 .img li:nth-child(4){bottom:-26%;left:31%}
    #container .diagnostic .diagnostic05 .img li:nth-child(4) img{width:192px}
    #container .diagnostic .diagnostic05 .img li:nth-child(5){bottom:12%;right:-5%}
    #container .diagnostic .diagnostic05 .img li:nth-child(5) img{width:157px}
    
    /**/
    #container .presence{}
    #container .presence .sect{}
    #container .presence .presence01{min-height:480px;background:url("../img/img_presence_presence01_mo.png") no-repeat 50% 50% / cover;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:45px 0}
    #container .presence .presence01 .tit{line-height:28px;font-size:20px;color:#fff;text-align:center}
    #container .presence .presence02{background:#ffcf59;padding:45px 0}
    #container .presence .presence02 .tit{text-align:center;margin:0 0 20px 0;font-size:18px;color:#1a478c}
    #container .presence .presence02 .vod{margin:0 auto;width:880px;max-width:100%;position:relative}
    #container .presence .presence02 .vod .img{position:relative;z-index:2;padding:56.25% 0 0 0}
    #container .presence .presence02 .vod .img img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}
    #container .presence .presence02 .vod .img i{position:absolute;top:50%;left:50%;margin:-25px 0 0 -25px;width:50px;height:50px;background:url("../img/icon_playvod.png") no-repeat 50% 50% / 100% auto;cursor:pointer;z-index:5}
    #container .presence .presence02 .vod .iframe{position:absolute;padding:56.25% 0 0 0;z-index:1;top:0;left:0;width:100%}
    #container .presence .presence02 .vod .iframe iframe{position:absolute;top:0;left:0;width:100%;height:100%}    
    #container .presence .presence03{padding:45px 0 0 0;display:flex;flex-direction:column;text-align:center;align-items:center;background:#f8f7f5}
    #container .presence .presence03 .tit{margin:0 0 25px 0;font-size:24px;font-weight:500}
    #container .presence .presence03 .txt{font-size:18px;margin:0 0 28px 0}
    #container .presence .presence03 .txt p{color:#1a478c;display:inline;word-break:keep-all}
    #container .presence .presence03 .txt br{display:none}
    #container .presence .presence03 .img{}
    #container .presence .presence03 .img img{display:block;width:auto;max-width:100%;height:auto;margin:0 auto}
    #container .presence .presence04{padding:45px 0;text-align:center;background:url("../img/img_presence_presence04_bg.png") no-repeat 50% 50% / 200% auto;overflow:hidden}
    #container .presence .presence04 .tit{font-size:24px}
    #container .presence .presence04 .slider{white-space:nowrap;overflow-x:scroll;position: relative;}
    #container .presence .presence04 .slider::-webkit-scrollbar {display:none; /* Chrome, Safari, Opera*/}
    #container .presence .presence04 .slider .scroll{display:flex}
    #container .presence .presence04 .slider .sbox{display:flex;flex-direction:column;align-items:center;width:100%;flex-shrink:0}
    #container .presence .presence04 .slider .simg{margin:0 0 45px 0;display:flex;flex-direction:column;justify-content:flex-end}
    #container .presence .presence04 .slider .simg img{width:auto;max-width:200px}
    #container .presence .presence04 .slider .step{margin:0 0 15px 0;display:inline-flex;padding:0 12px;height:25px;align-items:center;justify-content:center;border-radius:25px;background:#fafafa;font-size:13px;color:#333}
    #container .presence .presence04 .slider .step.yellow{background:#f7cb37}
    #container .presence .presence04 .slider .step.pink{background:#e57aa8}
    #container .presence .presence04 .slider .step.green{background:#4abc97}
    #container .presence .presence04 .slider .step.blue{background:#6ec0e8}
    #container .presence .presence04 .slider .stit{margin:0 0 15px 0;font-size:20px;line-height:1}
    #container .presence .presence04 .slider .stxt{}
    #container .presence .presence04 .slider .stxt strong{margin:0 0 6px 0;height:70px;font-size:24px;font-weight:500;display:flex;align-items:center;justify-content:center;word-break:keep-all}
    #container .presence .presence04 .slider .stxt span{font-size:15px;height:60px;display:flex;align-items:flex-start;justify-content:center}
    #container .presence .presence04 .slider .sact{margin-top:20px}
    #container .presence .presence04 .slider .sact a{display:inline-flex;padding:0 12px;height:30px;align-items:center;justify-content:center;border-radius:46px;background:#333333;font-size:14px;color:#6ce4bd}
    #container .presence .presence04 .slider .swiper-prev{position:absolute;top:50%;left: 50px;transform:translateY(-50%);width:50px;height: 70px;background: url("../img/icon_slider_prev_grey.png") no-repeat 50% 50% / 100% auto;z-index: 5;}
    #container .presence .presence04 .slider .swiper-next{position:absolute;top:50%;right: 50px;transform:translateY(-50%);width:50px;height: 70px;background: url("../img/icon_slider_next_grey.png") no-repeat 50% 50% / 100% auto;z-index: 5;}
    #container .presence .presence05{padding:45px 0 0 0;background:#f2fffb;text-align:center}
    #container .presence .presence05 .txt{font-size:16px;margin:0 0 25px 0}
    #container .presence .presence05 .img{}
    #container .presence .presence05 .img img{display:block;margin:0 auto;width:auto;max-width:100%}
    #container .presence .presence06{padding:45px 0;background:#dbdbdb;text-align:center;overflow:hidden}
    #container .presence .presence06 .tit{margin:0 0 40px 0;font-size:24px;font-weight:500}
    #container .presence .presence06 .slider{}
    #container .presence .presence06 .slider .swiper-slide{text-align:center;display:flex;flex-direction:column;align-items:center;width:240px}
    #container .presence .presence06 .slider .swiper-slide img{width:auto;max-width:100%;height:auto}
    #container .presence .presence06 .slider .swiper-slide p{margin:10px 0 0 0;font-size:12px;color:#333}
    #container .presence .presence07{padding:45px 0;text-align:Center}
    #container .presence .presence07 .tit{font-size:24px;margin:0 0 30px 0}
    #container .presence .presence07 .txt{font-size:14px}
    #container .presence .presence07 .lst{margin-top:30px}
    #container .presence .presence07 .lst.init{transform:translateY(0);opacity:1}
    #container .presence .presence07 .lst.init ul:before{width:0px;transition:none}
    #container .presence .presence07 .lst.init ul:after{width:0px;transition:none}
    #container .presence .presence07 .lst.animate ul:before{width:calc(100% + 32px);transition:all 0.8s}
    #container .presence .presence07 .lst.animate ul:after{width:calc(100% + 32px);transition:all 0.8s;transition-delay:2s}
    #container .presence .presence07 .lst ul{position:relative;display:flex;align-items:flex-start;justify-content:space-between;margin:0 auto;flex-wrap:wrap}
    #container .presence .presence07 .lst ul:before{content:""; display:block;  height:2px;border-top:2px dashed #464646;position:absolute; top:40px; left:-16px; z-index:1;transition:all 3s}
    #container .presence .presence07 .lst ul:after{content:""; display:block;  height:2px;border-top:2px dashed #464646;position:absolute; top:58%; left:-16px; z-index:1;transition:all 3s}
    #container .presence .presence07 .lst li{text-align:center;position:relative;width:33.33%;padding:0 0 30px 0}
    #container .presence .presence07 .lst li:before{content:counter(list-item); display:flex; align-items:center; justify-content:center; width:85px; height:85px;  border-radius:50%; position:relative;z-index:2;background:#6ce4bd; font-size:22px; font-family:'GmarketSans'; font-weight:bold;color:#fff; margin:0 auto 10px}
    #container .presence .presence07 .lst li.init:after{width:0px;transition:none}
    #container .presence .presence07 .lst li.animate:after{width:100%;transition:all 0.8s}
    #container .presence .presence07 .lst li p{font-size:14px;line-height:1}
    #container .presence .presence07 .lst li a{display:inline-block;line-height:25px;font-size:12px;padding:0 10px;border-radius:50px;margin-top:5px;background:#333;color:#fff;border:1px solid #fff}
    #container .presence .presence07 .lst li:nth-child(1){transition-delay:0s;z-index:1}
    #container .presence .presence07 .lst li:nth-child(2){transition-delay:0.5s;z-index:2}
    #container .presence .presence07 .lst li:nth-child(3){transition-delay:1s;z-index:3}
    #container .presence .presence07 .lst li:nth-child(4){transition-delay:1.5s;z-index:4}
    #container .presence .presence07 .lst li:nth-child(5){transition-delay:2s;z-index:5}
    #container .presence .presence07 .lst li:nth-child(6){transition-delay:2.5s;z-index:6}
    #container .presence .presence07 .lst li:nth-child(1):after{transition-delay:0.5s;z-index:5}
    #container .presence .presence07 .lst li:nth-child(2):after{transition-delay:1s;z-index:4}
    #container .presence .presence07 .lst li:nth-child(3):after{transition-delay:1.5s;z-index:3}
    #container .presence .presence07 .lst li:nth-child(4):after{transition-delay:2s;z-index:2}
    #container .presence .presence07 .lst li:nth-child(5):after{transition-delay:2.5s;z-index:1}
    #container .presence .presence07 .lst li:nth-child(6):after{transition-delay:3s;z-index:1}
    #container .presence .presence08{background:#ffe079;padding:100px 0;text-align:center}
    #container .presence .presence08 .img{margin:0 0 60px 0}
    #container .presence .presence08 .img img{display:block;width:auto;max-width:145px;margin:0 auto}
    #container .presence .presence08 .tit{margin:0 0 25px 0;font-size:20px}
    #container .presence .presence08 .txt{font-size:14px;word-break:keep-all}
    
    	/**/
    #container .iphakProcess{}
    #container .iphakProcess .iphakProcess01{padding:65px 0 0 0;text-align:center}
    #container .iphakProcess .iphakProcess01 .tit{font-size:24px;margin:0 0 20px 0}
    #container .iphakProcess .iphakProcess01 .txt{font-size:16px;color:#6e6e6e;margin:0 0 20px 0}
    #container .iphakProcess .iphakProcess01 .img{}
    #container .iphakProcess .iphakProcess01 .img img{width:100%;max-width:375px;display:block;margin:0 auto}
    #container .iphakProcess .iphakProcess02{padding:45px 0;background:#6ce4bd;text-align:center;overflow:hidden}
    #container .iphakProcess .iphakProcess02 .tit{font-size:24px;margin:0 0 20px 0}
    #container .iphakProcess .iphakProcess02 .txt{font-size:14px;color:#6e6e6e;margin:0 0 35px 0}
    #container .iphakProcess .iphakProcess02 .slider{}
    #container .iphakProcess .iphakProcess02 .slider .swiper-slide{display:flex;flex-direction:column;align-items:center;position:relative}
    #container .iphakProcess .iphakProcess02 .slider .swiper-slide + .swiper-slide:before{content:'';position:absolute;top:88px;left:0;width:100%;height:2px;background:#fff;transform:translateX(-50%)}
    #container .iphakProcess .iphakProcess02 .slider .swiper-slide + .swiper-slide:after{content:'';position:absolute;top:85px;left:0;width:10px;height:10px;background:#fff;transform:translateX(-50%);border-radius:50%}
    #container .iphakProcess .iphakProcess02 .slider .swiper-slide em{font-size:19px;margin:0 0 15px 0}
    #container .iphakProcess .iphakProcess02 .slider .swiper-slide i{margin:0 auto;width:100px;height:100px;position:relative;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;POSITION:RELATIVE;Z-INDEX:2}
    #container .iphakProcess .iphakProcess02 .slider .swiper-slide i img{margin:0 auto;width:65px;height:auto;display:block}
    #container .iphakProcess .iphakProcess02 .slider .swiper-slide span{position:relative;margin:20px 0 0 0;background:#fff;min-height:60px;display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:14px;padding:20px;word-break:keep-all}
    #container .iphakProcess .iphakProcess02 .slider .swiper-slide span:before{content:'';position:absolute;bottom:100%;left:50%;transform:translateX(-50%);width:18px;height:10px;border-bottom:10px solid #fff;border-left:9px solid transparent;border-right:9px solid transparent;box-sizing:border-box}
    #container .iphakProcess .iphakProcess03{padding:45px 0;background:#fff;text-align:center}
    #container .iphakProcess .iphakProcess03 .tit{font-size:24px;margin:0 0 20px 0}
    #container .iphakProcess .iphakProcess03 .txt{font-size:14px;color:#6e6e6e;margin:0 0 40px 0}
    #container .iphakProcess .iphakProcess03 .explain{border:8px solid #1a478c;display:flex;flex-direction:column}
    #container .iphakProcess .iphakProcess03 .explain .step{display:flex;flex-direction:column;padding:20px}
    #container .iphakProcess .iphakProcess03 .explain .step .top{margin:0 0 25px 0}
    #container .iphakProcess .iphakProcess03 .explain .step .top p{display:block;font-weight:500;font-size:14px;color:#1a478c}
    #container .iphakProcess .iphakProcess03 .explain .step .top span{display:block;font-size:14px;color:#6e6e6e}
    #container .iphakProcess .iphakProcess03 .explain .step01{flex-shrink:0;border-bottom:1px solid #bcbcbc}
    #container .iphakProcess .iphakProcess03 .explain .step01 .button{margin:0 auto;width:170px}
    #container .iphakProcess .iphakProcess03 .explain .step01 .button ul{display:flex;flex-wrap:wrap;margin:-3px}
    #container .iphakProcess .iphakProcess03 .explain .step01 .button li{width:50%;padding:3px}
    #container .iphakProcess .iphakProcess03 .explain .step01 .button li .radiobox{cursor:pointer}
    #container .iphakProcess .iphakProcess03 .explain .step01 .button li .radiobox input[type="radio"]{display:none}
    #container .iphakProcess .iphakProcess03 .explain .step01 .button li .radiobox input[type="radio"] ~ span{border:1px solid #6f6f6f;width:100%;height:30px;font-size:11px;display:flex;align-items:center;justify-content:center}
    #container .iphakProcess .iphakProcess03 .explain .step01 .button li .radiobox input[type="radio"]:checked ~ span{color:#fff;background:#1a478c;border-color:#1a478c}
    #container .iphakProcess .iphakProcess03 .explain .step02{flex:1;padding:20px 0}
    #container .iphakProcess .iphakProcess03 .explain .step02 .list{}
    #container .iphakProcess .iphakProcess03 .explain .step02 .list .in{display:flex;align-items:center;justify-content:end;margin:0 0 30px 0;border-bottom:1px solid #b0b0b0;padding:0 0 10px 0}
    #container .iphakProcess .iphakProcess03 .explain .step02 .list .in p{display:flex;align-items:center;justify-content:center}
    #container .iphakProcess .iphakProcess03 .explain .step02 .list .in p + p{margin-left:15px}
    #container .iphakProcess .iphakProcess03 .explain .step02 .list .hd{}
    #container .iphakProcess .iphakProcess03 .explain .step02 .list .hd li{display:flex;}
    #container .iphakProcess .iphakProcess03 .explain .step02 .list .hd li .desc{text-align:center;height: 25px;background: #6f6f6f;display:flex;align-items:center;justify-content:center;font-size: 11px;color: #fff;}
    #container .iphakProcess .iphakProcess03 .explain .step02 .list .bd{}
    #container .iphakProcess .iphakProcess03 .explain .step02 .list .bd li{border-bottom: 1px solid #6f6f6f;cursor: pointer;}
    #container .iphakProcess .iphakProcess03 .explain .step02 .list .bd li:hover .head,
    #container .iphakProcess .iphakProcess03 .explain .step02 .list .bd li.on .head{background: #fafafa;}
    #container .iphakProcess .iphakProcess03 .explain .step02 .list .bd li .head{display:flex}
    #container .iphakProcess .iphakProcess03 .explain .step02 .list .bd li .head .desc{padding: 10px 8px;display:flex;align-items:center;justify-content:center;text-align: center;}
    #container .iphakProcess .iphakProcess03 .explain .step02 .list .bd li .head .zip{width:100%;padding: 0;font-size: 12px;}
    #container .iphakProcess .iphakProcess03 .explain .step02 .list .bd li .head .addr{width: 100%;padding: 0;font-size: 12px;text-align: left;}
    #container .iphakProcess .iphakProcess03 .explain .step02 .list .bd li .head .addr img{width:12px}
    #container .iphakProcess .iphakProcess03 .explain .step02 .list .bd li .head .prdate{width:100%;padding: 0;font-size: 12px;}
    #container .iphakProcess .iphakProcess03 .explain .step02 .list .bd li .head .contact{display:flex;align-items: center;padding: 0;font-size: 12px;}
    #container .iphakProcess .iphakProcess03 .explain .step02 .list .bd li .head .contact span{}
    #container .iphakProcess .iphakProcess03 .explain .step02 .list .bd li .head .contact span a{display:flex;align-items:center;}
    #container .iphakProcess .iphakProcess03 .explain .step02 .list .bd li .head .contact span img{width:18px;}
    #container .iphakProcess .iphakProcess03 .explain .step02 .list .bd li .head .contact span p{white-space:nowrap}
    #container .iphakProcess .iphakProcess03 .explain .step02 .list .bd li .head .contact span + span{margin-left: 5px;}
    #container .iphakProcess .iphakProcess03 .explain .step02 .list .bd li .head .tele{flex:1;padding:0 25px;font-size:16px}
    #container .iphakProcess .iphakProcess03 .explain .step02 .list .bd li .head .link{width:100%;align-items:center;justify-content:center;display:flex}
    #container .iphakProcess .iphakProcess03 .explain .step02 .list .bd li .head .link a{}
    #container .iphakProcess .iphakProcess03 .explain .step02 .list .bd li .head .link a img{display:block}
    #container .iphakProcess .iphakProcess03 .explain .step02 .list .bd li .head .link a + a{margin-left:15px}
    #container .iphakProcess .iphakProcess03 .explain .step02 .list .bd li .head .zido{width:100%;align-items:center;justify-content:center;display:flex}
    #container .iphakProcess .iphakProcess03 .explain .step02 .list .bd li .head .zido a{}
    #container .iphakProcess .iphakProcess03 .explain .step02 .list .bd li .head .zido a img{display:block}
    #container .iphakProcess .iphakProcess03 .explain .step02 .list .bd li .head .zido a + a{margin-left:15px}
    #container .iphakProcess .iphakProcess03 .explain .step02 .list .bd li .cont{}
    #container .iphakProcess .iphakProcess03 .explain .step02 .list .placeView{z-index: 106;top: 0;left: 0;width: 100%;height: 0px;background:rgba(0,0,0,0.5);display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;visibility:hidden}
    #container .iphakProcess .iphakProcess03 .explain .step02 .list .placeView.on{opacity:1;visibility:visible;height: 100%;}
    #container .iphakProcess .iphakProcess03 .explain .step02 .list .placeView .placeBox {width: 1100px;max-width: 100%;background: #fff;border-top: 3px solid #1a478c;border-bottom: 3px solid #1a478c;position:relative;}
    #container .iphakProcess .iphakProcess03 .explain .step02 .list .placeView .placeBox .head{display:flex;font-size:24px;font-weight:500;color:#fff;align-items:Center;justify-content:center;height:45px;background:#1a478c;display: none !important;}
    #container .iphakProcess .iphakProcess03 .explain .step02 .list .placeView .placeBox .cont{padding: 15px 20px;background: #ffffff;}
    #container .iphakProcess .iphakProcess03 .explain .step02 .list .placeView .placeBox .cont .con{display:flex;padding: 0 0 15px 0;flex-direction: column;}
    #container .iphakProcess .iphakProcess03 .explain .step02 .list .placeView .placeBox .cont .con .zip{padding: 0 0 6px 0;font-size: 14px;line-height: 1;font-weight:500;color: #000000;flex-shrink: 0;margin: 0;text-align: left;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
    #container .iphakProcess .iphakProcess03 .explain .step02 .list .placeView .placeBox .cont .con .tit{font-size: 18px;line-height: 1;font-weight:500;color:#1a478c;flex-shrink: 0;margin: 0;text-align: left;}
    #container .iphakProcess .iphakProcess03 .explain .step02 .list .placeView .placeBox .cont .con .txt{margin: 6px 0 0 0;flex: 1;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;}
    #container .iphakProcess .iphakProcess03 .explain .step02 .list .placeView .placeBox .cont .con .txt dl{display:flex;align-items: center;}
    #container .iphakProcess .iphakProcess03 .explain .step02 .list .placeView .placeBox .cont .con .txt dl + dl{margin-top:15px;}
    #container .iphakProcess .iphakProcess03 .explain .step02 .list .placeView .placeBox .cont .con .txt dt{flex-shrink:0;margin:0 10px 0 0;}
    #container .iphakProcess .iphakProcess03 .explain .step02 .list .placeView .placeBox .cont .con .txt dd{flex:1;font-size: 13px;color:#000000;align-items: flex-start;word-break: break-word;text-align: left;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;}
    #container .iphakProcess .iphakProcess03 .explain .step02 .list .placeView .cont .con .txt dd p{}
    #container .iphakProcess .iphakProcess03 .explain .step02 .list .placeView .cont .map{width:100%;height: 150px;border:1px solid #000000}
    #container .iphakProcess .iphakProcess03 .explain .step02 .list .placeView .close{position:absolute;top:0;right:0;width: 42px;height: 42px;display:flex;align-items:center;justify-content:center;cursor: pointer;display: none !important;}
    #container .iphakProcess .iphakProcess03 .explain .step02 .list .placeView .close img{display:block;width:auto;height:auto;max-width:100%}
    #container .iphakProcess .iphakProcess03 .explain .step02 .list li .desc:nth-child(1){width: 20%;flex: initial !important;}
    #container .iphakProcess .iphakProcess03 .explain .step02 .list li .desc:nth-child(2){flex: 1;}
    #container .iphakProcess .iphakProcess03 .explain .step02 .list li .desc:nth-child(3){width: 15%;}
    #container .iphakProcess .iphakProcess03 .explain .step02 .list li .desc:nth-child(4){width: 30%;}
    
    /**/
    #container .sptp{}
    #container .sptp .sect{}
    #container .sptp .sptp01{padding:45px 0 120px 0;text-align:center;background:url("../img/img_sptp_sptp01.png") no-repeat bottom center / 120% auto}
    #container .sptp .sptp01 .tit{margin:0 0 25px 0;font-size:24px}
    #container .sptp .sptp01 .txt{margin:0 0 45px 0;font-size:14px}
    #container .sptp .sptp01 .txt p{color:#1a478c;display:inline}
    #container .sptp .sptp01 .dep{}
    #container .sptp .sptp01 .dep ul{margin:0 auto;width:610px;max-width:100%}
    #container .sptp .sptp01 .dep li{position:relative}
    #container .sptp .sptp01 .dep li p{font-size:14px}
    #container .sptp .sptp01 .dep li p strong{display:block;font-size:36px;font-weight:500;color:#1a478c}
    #container .sptp .sptp01 .dep li + li{margin:35px 0 0 0}
    #container .sptp .sptp01 .dep li:nth-child(1):after{content:'';width:24px;height:24px;background:url("../img/icon_dep_plus.png") no-repeat 50% 50% / 100% auto;position:absolute;top:100%;left:50%;margin:5px 0;margin-left:-12px}
    #container .sptp .sptp01 .dep li:nth-child(2):after{content:'';width:24px;height:24px;background:url("../img/icon_dep_arrow.png") no-repeat 50% 50% / 100% auto;position:absolute;top:52px;left:50%;margin-left:-12px;z-index:11}
    #container .sptp .sptp01 .dep li:nth-child(2){margin:35px 0 0 0;position:relative;z-index:2}
    #container .sptp .sptp01 .dep li:nth-child(3){padding:95px 0;margin:50px 0 0 0}
    #container .sptp .sptp01 .dep li:last-child.animate{background:url("../img/img_sptp_sptp01_after.png") no-repeat center center / 280px auto}
    #container .sptp .sptp01 .dep li:last-child:before{}
    #container .sptp .sptp01 .dep li span{background:#1a478c;color:#fff;padding:5px 0;line-height:20px;font-size:14px;min-height:30px;display:flex;align-items:center;justify-content:center}
    #container .sptp .sptp01 .dep li.init{}
	#container .sptp .sptp01 .dep li.animate:after{-moz-animation:rotate 1.2s;-ms-animation:rotate 1.2s;-o-animation:rotate 1.2s;animation:rotate 1.2s}
    #container .sptp .sptp02{padding:45px 0;background:#ededed;text-align:center}
    #container .sptp .sptp02 .wrap{display:flex;flex-direction:column;align-items:center}
    #container .sptp .sptp02 .tit{font-size:14px;margin:0 0 35px 0}
    #container .sptp .sptp02 .img{}
    #container .sptp .sptp02 .img.init{opacity:1;transform:translateY(0);transition:none}
    #container .sptp .sptp02 .img i{position:relative;display:flex}
    #container .sptp .sptp02 .img i img{display:block;margin:0 auto;width:100%}
    #container .sptp .sptp02 .img i > p{position:absolute;top:0;left:0;opacity:0;}
    #container .sptp .sptp02 .img.init i > p{opacity:0;transition:none}
    #container .sptp .sptp02 .img.animate i > p{opacity:1;transition:all 1s}
    #container .sptp .sptp02 .img i > p:nth-child(2){transition-delay:0.5s}
    #container .sptp .sptp02 .img i > p:nth-child(3){transition-delay:0.7s}
    #container .sptp .sptp02 .img i > p:nth-child(4){transition-delay:0.9s}
    #container .sptp .sptp02 .img i > p:nth-child(5){transition-delay:1.1s}
    #container .sptp .sptp02 .img i > p:nth-child(6){transition-delay:1.3s}
    #container .sptp .sptp02 .img i > p:nth-child(7){transition-delay:1.5s}
    #container .sptp .sptp03{padding:45px 0;text-align:center}
    #container .sptp .sptp03 .tit{margin:0 0 25px 0;font-size:24px}
    #container .sptp .sptp03 .txt{margin:0 0 45px 0;font-size:14px;word-break:keep-all}
    #container .sptp .sptp03 .txt br{display:none}
    #container .sptp .sptp03 .lst{}
    #container .sptp .sptp03 .lst ul{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:center}
    #container .sptp .sptp03 .lst li{width:33.33%}
    #container .sptp .sptp03 .lst li + li{position:relative}
    #container .sptp .sptp03 .lst li + li:before{content:'';position:absolute;top:43px;right:100%;margin:0 -5px 0 0;width:6px;height:11px;background:url("../img/icon_lst_arrow.png") no-repeat 50% 50% / 100% auto}
    #container .sptp .sptp03 .lst li i{display:flex;margin:0 auto;align-items:center;justify-content:center;width:102px;height:102px;border-radius:50%;background:#6ce4bd;border:2px solid #6ce4bd}
    #container .sptp .sptp03 .lst li i img{width:52px;height:auto}
    #container .sptp .sptp03 .lst li:nth-child(even) i{background:#ffb957;border-color:#ffb957}
    #container .sptp .sptp03 .lst li:last-child i{border-color:#f58915}
    #container .sptp .sptp03 .lst li:nth-child(4):before{display:none}
    #container .sptp .sptp03 .lst li p{font-size:14px;margin:6px 0 20px 0;color:#6e6e6e}
    #container .sptp .sptp03 .lst.init{opacity:1;transform:translateY(0)}
    #container .sptp .sptp03 .lst.init li{opacity:0;transition:none}
    #container .sptp .sptp03 .lst.animate li{opacity:1;transition:all 1s}
    #container .sptp .sptp03 .lst.animate li:nth-child(1){transition-delay:0.5s}
    #container .sptp .sptp03 .lst.animate li:nth-child(2){transition-delay:1s}
    #container .sptp .sptp03 .lst.animate li:nth-child(3){transition-delay:1.5s}
    #container .sptp .sptp03 .lst.animate li:nth-child(4){transition-delay:2s}
    #container .sptp .sptp03 .lst.animate li:nth-child(5){transition-delay:2.5s}
    #container .sptp .sptp03 .lst.animate li:nth-child(6){transition-delay:3s}
    #container .sptp .sptp04{position:relative;background:#fff8d3;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;overflow:hidden}
    #container .sptp .sptp04 .bg{position:relative;z-index:3}
    #container .sptp .sptp04 .bg img{width:100%;height:auto}
    #container .sptp .sptp04 .bg_text{position:absolute;width:100%;height:100%;top:0;left:0;z-index:2}
    #container .sptp .sptp04 .bg_text p{position:absolute;top:0;left:50%;width:300%;height:33.33%;line-height:1;color:#fce9b5;font-size:125px;font-weight:700;opacity:.25;transform:translateX(-50%);overflow:hidden;white-space:nowrap}
    #container .sptp .sptp04 .bg_text p span{display:inline-flex;white-space:nowrap}
    #container .sptp .sptp04 .bg_text p:nth-child(1){animation:slide-forward 50s infinite reverse linear;margin-left:10rem}
    #container .sptp .sptp04 .bg_text p:nth-child(2){top:33.33%;animation:slide-back 50s infinite reverse linear;margin-left:-10rem}
    #container .sptp .sptp04 .bg_text p:nth-child(3){top:66.66%;animation:slide-forward 50s infinite reverse linear;margin-left:10rem}
    #container .sptp .sptp04:after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:5}
    #container .sptp .sptp04 .wrap{position:absolute;bottom:0;left:0;width:100%;z-index:6;padding:45px 16px}
    #container .sptp .sptp04 .slider{}
    #container .sptp .sptp04 .swiper-slide{opacity:0;visibility:hidden;display:flex;flex-direction:column;align-items:center;text-align:center;transition:all 0.8s}
    #container .sptp .sptp04 .swiper-slide.swiper-slide-active{opacity:1;visibility:visible}
    #container .sptp .sptp04 .step{margin:0 0 5px 0;padding:0 12px;display:flex;align-items:center;justify-content:center;height:25px;font-size:14px;border-radius:48px;background:#6ce4bd}
    #container .sptp .sptp04 .stit{margin:0 0 15px 0;font-size:20px;font-weight:500;color:#fff}
    #container .sptp .sptp04 .stxt{font-size:12px;color:#fff;word-break:keep-all}
    #container .sptp .sptp04  .swiper-prev{position:absolute;top: 0;left: 50px;width:50px;height: 70px;background: url("../img/icon_slider_prev_white.png") no-repeat 50% 50% / 100% auto;z-index: 5;}
    #container .sptp .sptp04  .swiper-next{position:absolute;top: 0;right: 50px;width:50px;height: 70px;background: url("../img/icon_slider_next_white.png") no-repeat 50% 50% / 100% auto;z-index: 5;}
    #container .sptp .sptp05{padding:320px 0 45px 0;background:url("../img/img_sptp_sptp05_mo.png") no-repeat 50% 50% / cover;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;text-align:center}
    #container .sptp .sptp05 .tit{font-size:20px;color:#fff;margin:0 0 20px 0}
    #container .sptp .sptp05 .txt{font-size:14px;color:#e7d8a4}
    #container .sptp .fix-button{position:fixed;z-index:100;top:74px;right:16px}
    #container .sptp .fix-button a{width:60px;height:60px;display:flex;align-items:center;justify-content:center;border-radius:100px;background:#1a478c url("../img/img_fixleaf.png") no-repeat bottom center / 15px auto;text-align:center}
    #container .sptp .fix-button a p{font-size:12px;color:#fff;margin:0 0 10px 0}
    #container .sptp .fix-button a p span{color:#ffcf59}

    /**/
    #container .app{}
    #container .app .sect{}
    #container .app .sect .wrap{width:1350px;max-width:100%}
    #container .app .app01{padding:45px 0 0 0;background:url("../img/img_app_app01.png") no-repeat 50% 50% / cover}
    #container .app .app01 .wrap{display:flex;flex-direction:column}
    #container .app .app01 .wrap .img{order:2;margin:20px 0 0 0;padding:0 50px}
    #container .app .app01 .wrap .img img{display:block;width:100%;max-width:375px;height:auto;margin:0 auto}
    #container .app .app01 .wrap .con{order:1;display:flex;flex-direction:column;align-items:center;flex:1;position:relative}
    #container .app .app01 .wrap .con .txt{font-size:24px;color:#fff;text-align:center;word-break:keep-all}
    #container .app .app01 .wrap .con .tit{font-size:30px;font-weight:500;color:#1a478c}
    #container .app .app01 .wrap .con .act{margin-top:15px}
    #container .app .app01 .wrap .con .act a{display:inline-flex;min-width:130px;height:31px;border:1px solid #fff;background:transparent;border-radius:14px;font-size:14px;color:#fff;align-items:center;justify-content:center}
    #container .app .app01 .wrap .con .ico{position:absolute;bottom:30px;left:130px;display:none}
    #container .app .app02{padding:45px 0;background:#fff}
    #container .app .app02 .wrap{display:flex;flex-direction:column}
    #container .app .app02 .wrap .img{order:1;position:relative}
    #container .app .app02 .wrap .img img{display:block;width:100%;height:auto;position:relative;z-index:1;pointer-events:none}
    #container .app .app02 .wrap .img i{position:absolute;width:0;z-index:2;height:0;transition:all 0.3s;transform:translate(0,0)}
    #container .app .app02 .wrap .img i img{position:absolute;width:auto;height:auto;width:200%}
    #container .app .app02 .wrap .img i:nth-child(2){width:50%;height:50%;top:0;left:0}
    #container .app .app02 .wrap .img i:nth-child(3){width:50%;height:50%;top:0;right:0}
    #container .app .app02 .wrap .img i:nth-child(4){width:50%;height:50%;bottom:0;left:0}
    #container .app .app02 .wrap .img i:nth-child(5){width:50%;height:50%;bottom:0;right:0}
    #container .app .app02 .wrap .img i:nth-child(2) img{top:0;left:0}
    #container .app .app02 .wrap .img i:nth-child(3) img{top:0;right:0}
    #container .app .app02 .wrap .img i:nth-child(4) img{bottom:0;left:0}
    #container .app .app02 .wrap .img i:nth-child(5) img{bottom:0;right:0}
    #container .app .app02 .wrap .img i:nth-child(2):hover{transform:translate(0,-1px)}
    #container .app .app02 .wrap .img i:nth-child(3):hover{transform:translate(1px,0)}
    #container .app .app02 .wrap .img i:nth-child(4):hover{transform:translate(-1px,0)}
    #container .app .app02 .wrap .img i:nth-child(5):hover{transform:translate(0, 1px)}
    #container .app .app02 .wrap .con{order:2;display:flex;flex-direction:column;align-items:flex-start;flex:1;position:relative;margin:20px 0 0 0}
    #container .app .app02 .wrap .tit{font-size:24px;color:#1a478c;line-height:1.2;margin:0 0 25px 0}
    #container .app .app02 .wrap .tit span{color:#000}
    #container .app .app02 .wrap .txt{display:flex;flex-direction:column}
    #container .app .app02 .wrap .txt p{display: inline-block;margin:0 0 12px 0;font-size:14px;vertical-align: top;}
    #container .app .app02 .wrap .txt p span{color:#1d4b8d}
    #container .app .app02 .wrap .txt p:before{content:'';flex-shrink:0;width:13px;height:13px;margin:5px 10px 0 0;background:url("../img/icon_txt_before.png") no-repeat 50% 50% / 100% auto;display:inline-flex;}
    #container .app .app03{padding:45px 0;background:#ffdbce}
    #container .app .app03 .wrap{display:flex;flex-direction:column}
    #container .app .app03 .wrap .img{order:2}
    #container .app .app03 .wrap .img img{width:100%;height:auto}
    #container .app .app03 .wrap .con{order:1;display:flex;flex-direction:column;align-items:flex-start;flex:1;position:relative}
    #container .app .app03 .wrap .con .tit{font-size:28px;color:#000;margin:0 0 15px 0}
    #container .app .app03 .wrap .con .tit span{font-weight:500}
    #container .app .app03 .wrap .con .txt{font-size:14px;margin:0 0 20px 0}
    #container .app .app03 .wrap .con .txt span{color:#1d4b8d}
    #container .app .app03 .wrap .con .ico{display:flex;justify-content:flex-end;width:100%;position:relative;margin:0 0 -57px auto;max-width:70%;flex-shrink:0}
    #container .app .app03 .wrap .con .ico i{background:url("../img/img_app_app03_eye_move.png") no-repeat 50% 50% / 100% auto;transition:none;display:block;width:100%}
    #container .app .app03 .wrap .con .ico.animate i{animation:switch-image 1.2s infinite}
    #container .app .app03 .wrap .con .ico i img{opacity:0;visibility:hidden;width:100%;height:auto}
    #container .app .app03 .wrap .con .ico .animg{position:absolute;top:0;left:0;max-width:100%}
    #container .app .app03 .wrap .con .ico.init .animg{transition:none;opacity:0;transform:translateY(25px)}
    #container .app .app03 .wrap .con .ico.animate .animg{transition:all 0.8s;opacity:1;transform:translateY(0px)}
    #container .app .app03 .wrap .con .ico.animate .animg:nth-child(2){transition-delay:1s}
    #container .app .app03 .wrap .con .ico.animate .animg:nth-child(3){transition-delay:1.4s}
    #container .app .app03 .wrap .con .ico.animate .animg:nth-child(4){transition-delay:1.8s}
    #container .app .app04 {padding:45px 0;background:#cbeffb}
    #container .app .app04 .wrap{display:flex;justify-content:center;flex-direction:column}
    #container .app .app04 .wrap .img{order:2}
    #container .app .app04 .wrap .img img{width:100%;height:auto}
    #container .app .app04 .wrap .con{order:1;display:flex;flex-direction:column;align-items:flex-start;position:relative}
    #container .app .app04 .wrap .tit{font-size:24px;margin:0 0 20px 0}
    #container .app .app04 .wrap .tit span{font-weight:500}
    #container .app .app04 .wrap .txt{font-size:14px;margin:0 0 20px 0}
    #container .app .app04 .wrap .ico{margin:0 0 0 -61px;display:none}
    #container .app .app05{padding:45px 0 0 0;background:#d8dcf7 ;position:relative}
    #container .app .app05 .bg{position:absolute;top:0;left:0;width:100%;height:100%}
    #container .app .app05 .bg i{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}
    #container .app .app05 .bg i img{display:block;width:100%;height:100%;object-fit:contain}
    #container .app .app05 .bg i:nth-child(1),
    #container .app .app05 .bg i:nth-child(4){animation:circlemove 1.5s infinite linear;animation-delay:0s;z-index:3}
    #container .app .app05 .bg i:nth-child(2),
    #container .app .app05 .bg i:nth-child(5){animation:circlemove 1.5s infinite linear;animation-delay:1s}
    #container .app .app05 .bg i:nth-child(3),
    #container .app .app05 .bg i:nth-child(6){animation:circlemove 1.5s infinite linear;animation-delay:2s}
    #container .app .app05 .wrap{display:flex;flex-direction:column}
    #container .app .app05 .wrap .img{order:2;margin:-80px -16px 0;position:relative;z-index:2}
    #container .app .app05 .wrap .img img{width:100%;height:auto}
    #container .app .app05 .wrap .con{order:1;display:flex;flex-direction:column;align-items:flex-start;position:relative}
    #container .app .app05 .wrap .tit{font-size:24px;margin:0 0 20px 0}
    #container .app .app05 .wrap .tit span{font-weight:500}
    #container .app .app05 .wrap .txt{font-size:14px;margin:0 0 10px 0}
    #container .app .app05 .wrap .txt span{color:#1d4b8d;font-weight:500}
    #container .app .app05 .wrap .ico{width:100%;position:relative;left:60px;display:none}
    #container .app .app06{padding:45px 0;background:#ffe5b4}
    #container .app .app06 .wrap{display:flex;flex-direction:column}
    #container .app .app06 .wrap .img{order:2;display:flex;flex-direction:column;align-items:flex-end;margin:40px 0 0 0}
    #container .app .app06 .wrap .img img{width:100%;max-width:215px;height:auto;display:block;margin:0 auto}
    #container .app .app06 .wrap .con{order:1;display:flex;flex-direction:column;align-items:flex-start;position:relative}
    #container .app .app06 .wrap .tit{font-size:24px;margin:0 0 15px 0}
    #container .app .app06 .wrap .tit span{font-weight:500}
    #container .app .app06 .wrap .txt{font-size:14px;margin:0 0 15px 0}
    #container .app .app06 .wrap .txt span{color:#1d4b8d;font-weight:500}
    #container .app .app06 .wrap .lst{display:flex;flex-direction:column;align-items:flex-start}
    #container .app .app06 .wrap .lst p{padding:6px 8px;display:inline-flex;font-size:12px;background:#ffc961;border-radius:10px}
    #container .app .app06 .wrap .lst p + p{margin:8px 0 0 0}
    #container .app .app06 .wrap .lst.init p{transform:translateY(30px);opacity:0;transition:none}
    #container .app .app06 .wrap .lst.animate p{transform:translateY(0px);opacity:1;transition:all 0.8s}
    #container .app .app06 .wrap .lst.animate p:nth-child(1){transition-delay:0.8s}
    #container .app .app06 .wrap .lst.animate p:nth-child(2){transition-delay:1.2s}
    #container .app .app06 .wrap .lst.animate p:nth-child(3){transition-delay:1.6s}
    #container .app .app06 .wrap .lst.animate p:nth-child(4){transition-delay:2s}
    #container .app .app07{padding:45px 0;text-align:center}
    #container .app .app07 .wrap{width:1060px;max-width:100%}
    #container .app .app07 .vod{padding:56.25% 0 0 0;position:relative;margin:0 0 15px 0}
    #container .app .app07 .vod iframe{position:absolute;top:0;left:0;width:100%;height:100%}
    #container .app .app07 .tit{font-size:24px;margin:0 0 20px 0}
    #container .app .app07 .tit span{color:#1d4b8d;font-weight:500}
    #container .app .app07 .txt{font-size:14px;margin:0 0 20px 0}
    #container .app .app07 .txt span{color:#1d4b8d;font-weight:500}
    #container .app .app07 .act{display:flex;justify-content:center}
    #container .app .app07 .act a:hover{color:#fff;background:#1d4ba9;border-color:#1d4ba9}
    #container .app .app07 .act a:hover .hover{opacity:1;visibility:visible}
    #container .app .app07 .act a{min-width: 125px;border-radius:50px;height: 30px;display:flex;align-items:center;justify-content:center;background:#fafafa;font-size: 13px;border:1px solid #eee;border-radius: 50px;overflow: hidden;}
    #container .app .app07 .act a{position: relative;color:#333;border-color:#333;background:#fff}
    #container .app .app07 .act a .hover{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#fff;background:#1d4ba9;border-color:#1d4ba9;opacity: 0;visibility: hidden;z-index: 5;}
    #container .app .app07 .act a .apple{position:relative;z-index:4;display: flex;align-items: center;justify-content: center;}
    #container .app .app07 .act a .apple i{flex-shrink:0;margin:0 8px 0 0;width: 21px;height: 21px;background: url("../img/icon_appstore.png") no-repeat 50% 50% / 100% auto;}
    #container .app .app07 .act a .apple p{}
    #container .app .app07 .act a .google{position:relative;z-index:4;display: flex;align-items: center;justify-content: center;}
    #container .app .app07 .act a .google i{flex-shrink:0;margin:0 8px 0 0;width: 21px;height: 21px;background: url("../img/icon_googleplay.png") no-repeat 50% 50% / 100% auto;}
    #container .app .app07 .act a .google p{}
    #container .app .app07 .act a + a{margin-left: 20px;}
    /**/
    /* #container .startup{}
    #container .startup .sect{}
    #container .startup .startup01{padding:45px 0;min-height:480px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;background:url("../img/img_startup_startup01_mo.png") no-repeat 50% 50% / cover;text-align:center}
    #container .startup .startup01 .tit{font-size:24px;color:#fff;font-weight:500;margin:20px 0 0 0}
    #container .startup .startup01 .txt{line-height:24px;font-size:18px;color:#fff}
    #container .startup .startup02{background:#b7ffe8;padding:45px 0;text-align:center}
    #container .startup .startup02 .tit{margin:0 0 35px 0;font-size:20px;font-weight:500;color:#333}
    #container .startup .startup02 .vod{position:relative}
    #container .startup .startup02 .vod .img{position:relative;z-index:2;padding:56.25% 0 0 0}
    #container .startup .startup02 .vod .img img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}
    #container .startup .startup02 .vod .img i{position:absolute;top:50%;left:50%;margin:-25px 0 0 -25px;width:50px;height:50px;background:url("../img/icon_playvod2.png") no-repeat 50% 50% / 100% auto;cursor:pointer;z-index:5}
    #container .startup .startup02 .vod .iframe{position:absolute;padding:56.25% 0 0 0;z-index:1;top:0;left:0;width:100%}
    #container .startup .startup02 .vod .iframe iframe{position:absolute;top:0;left:0;width:100%;height:100%} 
    #container .startup .startup03{padding:45px 0;text-align:center;background:#faf9f7}
    #container .startup .startup03 .wrap{display:flex;flex-direction:column;align-items:center}         
    #container .startup .startup03 .tit{margin:0 0 20px 0;font-size:24px;font-weight:500}
    #container .startup .startup03 .txt{margin:0 0 50px 0;font-size:16px}
    #container .startup .startup03 .img{display:flex;align-items:center;justify-content:center;position:relative}
    #container .startup .startup03 .img .animg{position:absolute;top:0;left:0;animation:blink-effect 1s step-end infinite}
    #container .startup .startup03 .img img{width:auto;max-width:100%}
    #container .startup .startup04{padding:45px 0;text-align:center}
    #container .startup .startup04 .tit{margin:0 0 25px 0;font-size:24px;font-weight:500}
    #container .startup .startup04 .txt{margin:0 0 50px 0;font-size:14px}
    #container .startup .startup04 .tbl{margin:0 auto;width:820px;max-width:100%}
    #container .startup .startup04 .tbl table tr th:nth-child(1){width:100px}
    #container .startup .startup04 .tbl table tr th:nth-child(3),
    #container .startup .startup04 .tbl table tr th:nth-child(4),
    #container .startup .startup04 .tbl table tr td:nth-child(3),
    #container .startup .startup04 .tbl table tr td:nth-child(4){display:none}
    #container .startup .startup04 .tbl table tr th:nth-child(2),
    #container .startup .startup04 .tbl table tr td:nth-child(2){border-right:0}
    #container .startup .startup04 .tbl td.twinkle{animation:twinkle-effect 1s step-end infinite}
    #container .startup .startup05{background:#f2fffb;padding:45px 0;text-align:center}
    #container .startup .startup05 .tit{margin:0 0 25px 0;font-size:24px;font-weight:500}
    #container .startup .startup05 .txt{margin:0 0 50px 0;font-size:16px}
    #container .startup .startup05 .tbl{margin:0 auto;width:820px;max-width:100%}
    #container .startup .startup05 .tbl .caution{margin:10px 0 0 0;text-align:right;font-size:10px;color:#3e3e3e}
    #container .startup .startup05 .tbl table tr th:nth-child(1),
    #container .startup .startup05 .tbl table tr td:nth-child(1){width:70px}
    #container .startup .startup05 .tbl table tr th:nth-child(3),
    #container .startup .startup05 .tbl table tr td:nth-child(3){width:165px}
    #container .startup .startup06{background:#ededed;padding:45px 0;text-align:center}
    #container .startup .startup06 .wrap{margin:0 auto;width:860px;max-width:100%}
    #container .startup .startup06 .tit{margin:0 0 25px 0;font-size:24px;font-weight:500}
    #container .startup .startup06 .txt{margin:0 0 20px 0;font-size:16px}
    #container .startup .startup06 .vod{position:relative;padding:56.25% 0 0 0}
    #container .startup .startup06 .vod iframe{position:absolute;top:0;left:0;width:100%;height:100%}
 */
    /**/
    #container .startinfo{}
    #container .startinfo .sect{}
    #container .startinfo .startinfo01{padding:100px 0 0 0;text-align:center}
    #container .startinfo .startinfo01 .tit{margin:0 0 25px 0;font-size:24px;display:flex;align-items:center;justify-content:center}
    #container .startinfo .startinfo01 .tit span{position:relative}
    #container .startinfo .startinfo01 .tit span p{position:relative;z-index:2}
    #container .startinfo .startinfo01 .tit span:before{content:'';position:absolute;bottom:0;left:0;right:0;height:10px;background:#b7ffe8}
    #container .startinfo .startinfo01 .desc{padding:45px 0}
    #container .startinfo .startinfo01 .desc .wrap{flex-direction:column;align-items:center;display:flex}
    #container .startinfo .startinfo01 .desc .txt{display:flex;flex-direction:column;align-items:center}
    #container .startinfo .startinfo01 .desc .txt > p{font-size:14px;color:#6e6e6e;word-break:keep-all}
    #container .startinfo .startinfo01 .desc .txt > strong{font-size:20px;margin:0 0 20px 0;color:#222;font-weight:500}
    #container .startinfo .startinfo01 .desc .txt > span{font-size:15px;line-height:1;color:#1a478c;margin:0 0 10px 0;display:flex;align-items:center}
    #container .startinfo .startinfo01 .desc .txt > span stro{margin-left:10px;font-weight:500}
    #container .startinfo .startinfo01 .desc .img{margin:25px 0 0 0;position:relative}
    #container .startinfo .startinfo01 .desc .img img{width:auto;max-width:100%;display:block;margin:0 auto}
    #container .startinfo .startinfo01 .desc .img .animg{position:absolute;top:0;left:0;animation:blink-effect 1s step-end infinite}
    #container .startinfo .startinfo01 .desc:nth-child(2){padding-top:0}
    #container .startinfo .startinfo01 .desc:nth-child(2) .img img{max-width:240px}
    #container .startinfo .startinfo01 .desc:nth-child(2) .img .animg{animation:rotate 30s infinite linear}
    #container .startinfo .startinfo01 .desc:nth-child(3){background:#f7f7f7}
    #container .startinfo .startinfo01 .desc:nth-child(3) .img{margin:120px 0 0 0}
    #container .startinfo .startinfo01 .desc:nth-child(4){background:#ffffff}
    #container .startinfo .startinfo01 .desc:nth-child(5){background:#6ce4bd;padding:45px 0 0 0}
    #container .startinfo .startinfo01 .desc:nth-child(5) .txt > p{color:#222}
    #container .startinfo .startinfo01 .desc:nth-child(6){background:#ffffff}
    #container .startinfo .startinfo01 .desc:nth-child(6) .img{margin:25px 0 0 0}
    #container .startinfo .startinfo01 .desc:nth-child(7){background:#f7f7f7}
    #container .startinfo .startinfo01 .desc:nth-child(7) .init{transform:translateY(0)}
    #container .startinfo .startinfo01 .desc:nth-child(7) .animg:nth-child(2){transition-delay:0.5s}
    #container .startinfo .startinfo01 .desc:nth-child(7) .animg:nth-child(3){transition-delay:1s}
    #container .startinfo .startinfo01 .desc:nth-child(7) .animg:nth-child(4){transition-delay:1.5s}
    #container .startinfo .startinfo01 .desc:nth-child(7) .animg:nth-child(5){transition-delay:2s}
    #container .startinfo .startinfo01 .desc:nth-child(8){background:#b7ffe8;padding:45px 0 0 0}
    #container .startinfo .startinfo01 .desc:nth-child(8) .txt > p{color:#222}
    #container .startinfo .startinfo02{padding:45px 0 0 0;text-align:center;overflow:hidden}
    #container .startinfo .startinfo02 .tit{font-size:24px;font-weight:500;margin:0 0 25px 0}
    #container .startinfo .startinfo02 .txt{font-size:14px;color:#333;margin:0 0 20px 0}
    #container .startinfo .startinfo02 .txt p{color:#1a478c}
    #container .startinfo .startinfo02 .img{}
    #container .startinfo .startinfo02 .img i{position:relative;width:100%;height:100%;display:block}
    #container .startinfo .startinfo02 .img p{font-size:12px;font-weight:500;color:#333333;margin:0 0 30px 0}
    #container .startinfo .startinfo02 .img .animg{position:absolute;top:0;left:0;width:100%;height:auto;display:block}
    #container .startinfo .startinfo02 .img img{display:block;margin:0 auto;width:auto;max-width:100%}
    #container .startinfo .startinfo02 .img img:nth-child(1){transition-delay:0.3s}
    #container .startinfo .startinfo02 .img img:nth-child(2){transition-delay:0.6s}
    #container .startinfo .startinfo02 .img img:nth-child(3){transition-delay:0.9s}
    #container .startinfo .startinfo03{height:150px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#1a478c;text-align:center}
    #container .startinfo .startinfo03 .tit{font-size:20px;color:#fff}

    /**/
    #container .startProcess{}
    #container .startProcess .startProcess01{padding:65px 0 0 0;text-align:center}
    #container .startProcess .startProcess01 .tit{font-size:24px;margin:0 0 20px 0}
    #container .startProcess .startProcess01 .txt{font-size:16px;color:#6e6e6e;margin:0 0 20px 0}
    #container .startProcess .startProcess01 .img{}
    #container .startProcess .startProcess01 .img img{width:100%;max-width:375px;display:block;margin:0 auto}
    #container .startProcess .startProcess02{padding:45px 0;background:#6ce4bd;text-align:center;overflow:hidden}
    #container .startProcess .startProcess02 .tit{font-size:24px;margin:0 0 20px 0}
    #container .startProcess .startProcess02 .txt{font-size:14px;color:#6e6e6e;margin:0 0 35px 0}
    #container .startProcess .startProcess02 .slider{}
    #container .startProcess .startProcess02 .slider .swiper-slide{display:flex;flex-direction:column;align-items:center;position:relative}
    #container .startProcess .startProcess02 .slider .swiper-slide + .swiper-slide:before{content:'';position:absolute;top:88px;left:0;width:100%;height:2px;background:#fff;transform:translateX(-50%)}
    #container .startProcess .startProcess02 .slider .swiper-slide + .swiper-slide:after{content:'';position:absolute;top:85px;left:0;width:10px;height:10px;background:#fff;transform:translateX(-50%);border-radius:50%}
    #container .startProcess .startProcess02 .slider .swiper-slide em{font-size:19px;margin:0 0 15px 0}
    #container .startProcess .startProcess02 .slider .swiper-slide i{margin:0 auto;width:100px;height:100px;position:relative;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;POSITION:RELATIVE;Z-INDEX:2}
    #container .startProcess .startProcess02 .slider .swiper-slide i img{margin:0 auto;width:65px;height:auto;display:block}
    #container .startProcess .startProcess02 .slider .swiper-slide span{position:relative;margin:20px 0 0 0;background:#fff;min-height:60px;display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:14px;padding:20px;word-break:keep-all}
    #container .startProcess .startProcess02 .slider .swiper-slide span:before{content:'';position:absolute;bottom:100%;left:50%;transform:translateX(-50%);width:18px;height:10px;border-bottom:10px solid #fff;border-left:9px solid transparent;border-right:9px solid transparent;box-sizing:border-box}
    #container .startProcess .startProcess03{padding:45px 0;background:#fff;text-align:center}
    #container .startProcess .startProcess03 .tit{font-size:24px;margin:0 0 20px 0}
    #container .startProcess .startProcess03 .txt{font-size:14px;color:#6e6e6e;margin:0 0 40px 0}
    #container .startProcess .startProcess03 .explain{border:8px solid #1a478c;display:flex;flex-direction:column}
    #container .startProcess .startProcess03 .explain .step{display:flex;flex-direction:column;padding:20px}
    #container .startProcess .startProcess03 .explain .step .top{margin:0 0 25px 0}
    #container .startProcess .startProcess03 .explain .step .top p{display:block;font-weight:500;font-size:14px;color:#1a478c}
    #container .startProcess .startProcess03 .explain .step .top span{display:block;font-size:14px;color:#6e6e6e}
    #container .startProcess .startProcess03 .explain .step01{flex-shrink:0;border-bottom:1px solid #bcbcbc}
    #container .startProcess .startProcess03 .explain .step01 .button{margin:0 auto;width:170px}
    #container .startProcess .startProcess03 .explain .step01 .button ul{display:flex;flex-wrap:wrap;margin:-3px}
    #container .startProcess .startProcess03 .explain .step01 .button li{width:50%;padding:3px}
    #container .startProcess .startProcess03 .explain .step01 .button li .radiobox{cursor:pointer}
    #container .startProcess .startProcess03 .explain .step01 .button li .radiobox input[type="radio"]{display:none}
    #container .startProcess .startProcess03 .explain .step01 .button li .radiobox input[type="radio"] ~ span{border:1px solid #6f6f6f;width:100%;height:30px;font-size:11px;display:flex;align-items:center;justify-content:center}
    #container .startProcess .startProcess03 .explain .step01 .button li .radiobox input[type="radio"]:checked ~ span{color:#fff;background:#1a478c;border-color:#1a478c}
    #container .startProcess .startProcess03 .explain .step02{flex:1;padding:20px 0}
    #container .startProcess .startProcess03 .explain .step02 .list{}
    #container .startProcess .startProcess03 .explain .step02 .list .in{display:flex;align-items:center;justify-content:end;margin:0 0 30px 0;border-bottom:1px solid #b0b0b0;padding:0 0 10px 0}
    #container .startProcess .startProcess03 .explain .step02 .list .in p{display:flex;align-items:center;justify-content:center}
    #container .startProcess .startProcess03 .explain .step02 .list .in p + p{margin-left:15px}
    #container .startProcess .startProcess03 .explain .step02 .list .hd{}
    #container .startProcess .startProcess03 .explain .step02 .list .hd li{display:flex;}
    #container .startProcess .startProcess03 .explain .step02 .list .hd li .desc{text-align:center;height: 25px;background: #6f6f6f;display:flex;align-items:center;justify-content:center;font-size: 11px;color: #fff;}
    #container .startProcess .startProcess03 .explain .step02 .list .bd{}
    #container .startProcess .startProcess03 .explain .step02 .list .bd li{border-bottom: 1px solid #6f6f6f;cursor: pointer;}
    #container .startProcess .startProcess03 .explain .step02 .list .bd li:hover .head,
    #container .startProcess .startProcess03 .explain .step02 .list .bd li.on .head{background: #fafafa;}
    #container .startProcess .startProcess03 .explain .step02 .list .bd li .head{display:flex}
    #container .startProcess .startProcess03 .explain .step02 .list .bd li .head .desc{padding: 10px 8px;display:flex;align-items:center;justify-content:center;text-align: center;}
    #container .startProcess .startProcess03 .explain .step02 .list .bd li .head .zip{width:100%;padding: 0;font-size: 12px;}
    #container .startProcess .startProcess03 .explain .step02 .list .bd li .head .addr{width: 100%;padding: 0;font-size: 12px;text-align: left;}
    #container .startProcess .startProcess03 .explain .step02 .list .bd li .head .addr img{width:12px}
    #container .startProcess .startProcess03 .explain .step02 .list .bd li .head .contact{display:flex;align-items: center;padding: 0;font-size: 12px;}
    #container .startProcess .startProcess03 .explain .step02 .list .bd li .head .contact span{}
    #container .startProcess .startProcess03 .explain .step02 .list .bd li .head .contact span a{display:flex;align-items:center;}
    #container .startProcess .startProcess03 .explain .step02 .list .bd li .head .contact span img{width:18px;}
    #container .startProcess .startProcess03 .explain .step02 .list .bd li .head .contact span p{white-space:nowrap}
    #container .startProcess .startProcess03 .explain .step02 .list .bd li .head .contact span + span{margin-left: 5px;}
    #container .startProcess .startProcess03 .explain .step02 .list .bd li .head .tele{flex:1;padding:0 25px;font-size:16px}
    #container .startProcess .startProcess03 .explain .step02 .list .bd li .head .link{width:100%;align-items:center;justify-content:center;display:flex}
    #container .startProcess .startProcess03 .explain .step02 .list .bd li .head .link a{}
    #container .startProcess .startProcess03 .explain .step02 .list .bd li .head .link a img{display:block}
    #container .startProcess .startProcess03 .explain .step02 .list .bd li .head .link a + a{margin-left:15px}
    #container .startProcess .startProcess03 .explain .step02 .list .bd li .head .zido{width:100%;align-items:center;justify-content:center;display:flex}
    #container .startProcess .startProcess03 .explain .step02 .list .bd li .head .zido a{}
    #container .startProcess .startProcess03 .explain .step02 .list .bd li .head .zido a img{display:block}
    #container .startProcess .startProcess03 .explain .step02 .list .bd li .head .zido a + a{margin-left:15px}
    #container .startProcess .startProcess03 .explain .step02 .list .bd li .cont{}
    #container .startProcess .startProcess03 .explain .step02 .list .placeView{z-index: 106;top: 0;left: 0;width: 100%;height: 0px;background:rgba(0,0,0,0.5);display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;visibility:hidden}
    #container .startProcess .startProcess03 .explain .step02 .list .placeView.on{opacity:1;visibility:visible;height: 100%;}
    #container .startProcess .startProcess03 .explain .step02 .list .placeView .placeBox {width: 1100px;max-width: 100%;background: #fff;border-top: 3px solid #1a478c;border-bottom: 3px solid #1a478c;position:relative;}
    #container .startProcess .startProcess03 .explain .step02 .list .placeView .placeBox .head{display:flex;font-size:24px;font-weight:500;color:#fff;align-items:Center;justify-content:center;height:45px;background:#1a478c;display: none !important;}
    #container .startProcess .startProcess03 .explain .step02 .list .placeView .placeBox .cont{padding: 15px 20px;background: #ffffff;}
    #container .startProcess .startProcess03 .explain .step02 .list .placeView .placeBox .cont .con{display:flex;padding: 0 0 15px 0;flex-direction: column;}
    #container .startProcess .startProcess03 .explain .step02 .list .placeView .placeBox .cont .con .zip{padding: 0 0 6px 0;font-size: 14px;line-height: 1;font-weight:500;color: #000000;flex-shrink: 0;margin: 0;text-align: left;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
    #container .startProcess .startProcess03 .explain .step02 .list .placeView .placeBox .cont .con .tit{font-size: 18px;line-height: 1;font-weight:500;color:#1a478c;flex-shrink: 0;margin: 0;text-align: left;}
    #container .startProcess .startProcess03 .explain .step02 .list .placeView .placeBox .cont .con .txt{margin: 6px 0 0 0;flex: 1;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;}
    #container .startProcess .startProcess03 .explain .step02 .list .placeView .placeBox .cont .con .txt dl{display:flex;align-items: center;}
    #container .startProcess .startProcess03 .explain .step02 .list .placeView .placeBox .cont .con .txt dl + dl{margin-top:15px;}
    #container .startProcess .startProcess03 .explain .step02 .list .placeView .placeBox .cont .con .txt dt{flex-shrink:0;margin:0 10px 0 0;}
    #container .startProcess .startProcess03 .explain .step02 .list .placeView .placeBox .cont .con .txt dd{flex:1;font-size: 13px;color:#000000;align-items: flex-start;word-break: break-word;text-align: left;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;}
    #container .startProcess .startProcess03 .explain .step02 .list .placeView .cont .con .txt dd p{}
    #container .startProcess .startProcess03 .explain .step02 .list .placeView .cont .map{width:100%;height: 150px;border:1px solid #000000}
    #container .startProcess .startProcess03 .explain .step02 .list .placeView .close{position:absolute;top:0;right:0;width: 42px;height: 42px;display:flex;align-items:center;justify-content:center;cursor: pointer;display: none !important;}
    #container .startProcess .startProcess03 .explain .step02 .list .placeView .close img{display:block;width:auto;height:auto;max-width:100%}
    #container .startProcess .startProcess03 .explain .step02 .list li .desc:nth-child(1){width: 20%;flex: initial !important;}
    #container .startProcess .startProcess03 .explain .step02 .list li .desc:nth-child(2){flex: 1;}
    #container .startProcess .startProcess03 .explain .step02 .list li .desc:nth-child(3){width: 30%;}
    
    /**/
    #container .benefit{}
    #container .benefit .benefit01{padding:65px 0 0 0;text-align:center}
    #container .benefit .benefit01 .tit{font-size:24px;margin:0 0 25px 0}
    #container .benefit .benefit01 .txt{font-size:14px;color:#6e6e6e;margin:0 0 35px 0}
    #container .benefit .benefit01 .img{padding:0 60px}
    #container .benefit .benefit01 .img img{width:100%;height:auto}
    #container .benefit .benefit02{padding:45px 0;background:url("../img/img_benefit_benefit02.png") no-repeat top center / 100% auto;overflow:hidden}
    #container .benefit .benefit02 .wrap{}
    #container .benefit .benefit02 .list{}
    #container .benefit .benefit02 .list ul{display:flex;flex-direction:column;justify-content:flex-end;position:relative;align-items:flex-end}
    #container .benefit .benefit02 .list li{display:flex;position:relative;margin:0 -16px}
    #container .benefit .benefit02 .list li + li{margin-top:40px}
    #container .benefit .benefit02 .list li.init{transform:translateY(0)}
    #container .benefit .benefit02 .list li.init .con .thm{}
    #container .benefit .benefit02 .list li.init .con .thm img{transform:translateX(-100px);transition:none}
    #container .benefit .benefit02 .list li.init .con .thm img.mo-view{transform:translateX(100px)}
    #container .benefit .benefit02 .list li.init .img{transform:translateX(200px);transition:none}
    #container .benefit .benefit02 .list li.init .img img{transform:translateX(50px);transition:none}
    #container .benefit .benefit02 .list li.animate .con .thm{}
    #container .benefit .benefit02 .list li.animate .con .thm img{transform:translateX(0);transition:all 3s}
    #container .benefit .benefit02 .list li.animate .con .thm img.mo-view{transform:translateX(0)}
    #container .benefit .benefit02 .list li.animate .img{transform:translateX(0);transition:all 3s}
    #container .benefit .benefit02 .list li.animate .img img{transform:translateX(0);transition:all 3s}
    #container .benefit .benefit02 .list li .con{display:flex;flex-direction:column}
    #container .benefit .benefit02 .list li .con img{display:block;width:auto;max-width:60%;margin:0 0 20px 0}
    #container .benefit .benefit02 .list li .con img:nth-child(1){margin-left:auto}
    #container .benefit .benefit02 .list li .con img:nth-child(2){margin-right:auto}
    #container .benefit .benefit02 .list li .con span{margin:45px 0 0 0;padding:0 16px;font-size:15px;color:#1a478c;line-height:1}
    #container .benefit .benefit02 .list li .con strong{font-size:24px;padding:0 16px;color:#000;line-height:1;margin:15px 0 25px 0;font-weight:500}
    #container .benefit .benefit02 .list li .con p{padding:0 16px;font-size:14px;color:#333}
    #container .benefit .benefit02 .list li .con .item{padding:0 15px}
    #container .benefit .benefit02 .list li .con .item em{display:flex;width:50%;font-size:14px;color:#333;float:left;word-break:keep-all}
    #container .benefit .benefit02 .list li .con .item em:before{content:'';flex-shrink:0;width:4px;height:4px;border-radius:50%;margin:8px 4px 0 0;background:#1a478c}
    #container .benefit .benefit02 .list li .img{position:absolute;top:160px;left:0;margin:0 -16px;display:none}
    #container .benefit .benefit02 .list li .img img{width:60%}

    /**/
    #container .manager{}
    #container .manager .sect{}
    #container .manager .manager01{padding:45px 0;text-align:center}
    #container .manager .manager01 .tit{margin:0 0 25px 0;font-size:24px;display:flex;align-items:center;flex-direction:column;justify-content:center}
    #container .manager .manager01 .tit span{position:relative}
    #container .manager .manager01 .tit span p{position:relative;z-index:2;word-break:keep-all}
    #container .manager .manager01 .tit span:before{content:'';position:absolute;bottom:0;left:0;right:0;height:10px;background:#b7ffe8}
    #container .manager .manager01 .txt{margin:0 0 20px 0;font-size:14px;color:#6e6e6e;line-height:38px}
    #container .manager .manager01 .img{padding:0 15px}
    #container .manager .manager01 .img.init{opacity:1;transform:translateY(0)}
    #container .manager .manager01 .img img{display:block;width:100%;height:auto}
    #container .manager .manager01 .img .animg{position:absolute;top:0;left:0;display:block;width:100%;height:auto}
    #container .manager .manager01 .img.init .animg{opacity:0;transition:none}
    #container .manager .manager01 .img.animate .animg{opacity:1;transform:translateX(0) !important;transition:all 0.5s;}
    #container .manager .manager01 .img.init .animg:nth-child(2),
    #container .manager .manager01 .img.init .animg:nth-child(4){transform:translateX(-50px)}
    #container .manager .manager01 .img.init .animg:nth-child(3),
    #container .manager .manager01 .img.init .animg:nth-child(5){transform:translateX(50px)}
    #container .manager .manager01 .img.init .animg:nth-child(2){transition-delay:0.5s}
    #container .manager .manager01 .img.init .animg:nth-child(3){transition-delay:1s}
    #container .manager .manager01 .img.init .animg:nth-child(4){transition-delay:1.5s}
    #container .manager .manager01 .img.init .animg:nth-child(5){transition-delay:2s}
    #container .manager .manager02{padding:45px 0;text-align:center;background:url("../img/img_manager_manager02.png") no-repeat 50% 50% / cover}
    #container .manager .manager02 .wrap{display:flex;flex-direction:column;justify-content:space-between}
    #container .manager .manager02 .tit{font-size:24px;color:#fff}
    #container .manager .manager02 .tit em{display:block;font-size:14px;color:#fff}
    #container .manager .manager02 .txt{margin:70px 0 0 0}
    #container .manager .manager02 .txt p{font-size:16px;color:#fff}
    #container .manager .manager02 .txt p + p{margin-top:24px}
    #container .manager .manager03{padding:45px 0;text-align:center}
    #container .manager .manager03 .tit{margin:0 0 25px 0;font-size:24px}
    #container .manager .manager03 .lst{margin-top:100px}
    #container .manager .manager03 .lst ul{display:flex;align-items:flex-start;flex-wrap:wrap;justify-content:center;width:975px;max-width:100%;margin:0 auto}
    #container .manager .manager03 .lst li{text-align:center;position:relative;width:33.33%;padding:0 0 20px 0}
    #container .manager .manager03 .lst li:before{content:counter(list-item); display:flex; align-items:center; justify-content:center; width:90px; height:90px;  border-radius:50%; position:relative;z-index:2;background:#a9a9a9; font-size:24px;  font-weight:bold;color:#fff; margin:0 auto 15px}
    #container .manager .manager03 .lst li + li:after{content:""; display:block; width:100%; height:5px;    border-top:5px solid #666666;position:absolute; top:43px; left:-50%; z-index:1}
    #container .manager .manager03 .lst li:nth-child(4):after{display:none}
    #container .manager .manager03 .lst li p{font-size:16px;line-height:1;color:#333333}
    #container .manager .manager03 .lst li a{display:inline-block;font-size:18px;line-height:1;padding:12px 20px;border-radius:50px;margin-top:10px;background:#333;color:#fff;border:1px solid #fff}
    #container .manager .manager03 .lst.init{opacity:1;transform:translateY(0)}
    #container .manager .manager03 .lst.init ul li{opacity: 0;transform:translateX(-25px);transition: none;}
    #container .manager .manager03 .lst.animate ul li{opacity:1;transform:translateX(0);transition: all 0.8s;}
    #container .manager .manager03 .lst.animate ul li:nth-child(1){z-index:5;transition-delay:0.5s}
    #container .manager .manager03 .lst.animate ul li:nth-child(2){z-index:4;transition-delay:0.8s}
    #container .manager .manager03 .lst.animate ul li:nth-child(3){z-index:3;transition-delay:1.1s}
    #container .manager .manager03 .lst.animate ul li:nth-child(4){z-index:2;transition-delay:1.4s}
    #container .manager .manager03 .lst.animate ul li:nth-child(5){z-index:1;transition-delay:1.7s}
    #container .manager .manager04{padding:45px 0;text-align:center}
    #container .manager .manager04 .tit{font-size:24px;margin:0 0 25px 0}
    #container .manager .manager04 .tit em{display:block;font-size:12px}
    #container .manager .manager04 .tbl{width:1000px;max-width:100%;margin:0 auto;display:block}
    #container .manager .manager04 .tbl table thead th{background:#6f6f6f;color:#fff}
    #container .manager .manager04 .tbl table th,
    #container .manager .manager04 .tbl table td{font-size:10px;border-right:0;white-space:nowrap}
    #container .manager .manager04 .tbl table td:nth-child(1),
    #container .manager .manager04 .tbl table td:nth-child(2){text-align:left;}
    #container .manager .manager04 .tbl table tr{border-bottom:1px solid #6f6f6f}
    #container .manager .manager05{padding:45px 0;background:#666666;text-align:center}
    #container .manager .manager05 .tit{font-size:24px;margin:0 0 25px 0;color:#fff}
    #container .manager .manager05 .txt{font-size:14px;color:#fff;margin:0 0 20px 0}
    #container .manager .manager05 .dow{width:850px;max-width:100%;text-align:center;align-items:center;justify-content:center;display:flex;margin:0 auto}
    #container .manager .manager05 .dow a{border-radius:40px;display:inline-flex;padding:0 15px;height:40px;border:1px solid #222;align-items:center;justify-content:center;font-size:14px;color:#fff;background:#222}
    #container .manager .manager05 .contact{margin:25px auto 0;padding:25px 0 0 0;width:680px;max-width:100%;border-top:1px solid #fff}
    #container .manager .manager05 .contact p{line-height:20px;font-size:12px;color:#fff}

    /**/
    #container .customer{padding:45px 0}
    #container .customer .sect{text-align:center}
    #container .customer .sect .tit{margin:0 0 20px 0;font-size:20px;color:#3e3e3e;line-height:24px}
    #container .customer .sect .box{border:3px solid #013c87;padding:36px 12px}
    #container .customer .sect .box .top{display:flex;align-items:center;justify-content:center;padding:0 0 20px 0}
    #container .customer .sect .box .top .img{flex-shrink:0;margin:0 12px 0 0}
    #container .customer .sect .box .top .img img{width:52px;height:auto}
    #container .customer .sect .box .top .con{text-align:left}
    #container .customer .sect .box .top .con p{display:block;font-size:13px;line-height:1}
    #container .customer .sect .box .top .con strong{display:block;font-size:30px;font-weight:400;line-height:1.2}
    #container .customer .sect .box .bot{}
    #container .customer .sect .box .bot dl{display:flex;align-items:center;font-size:10px;justify-content:center;flex-direction:column}
    #container .customer .sect .box .bot dt{flex-shrink:0;margin:0 15px 0 0;font-weight:500;font-size:12px}
    #container .customer .sect .box .bot dd{}

    /**/
    #container .oneonone{padding:45px 0}
    #container .oneonone .sect{text-align:center;margin:0 0 60px 0}
    #container .oneonone .sect .wrap{position:relative}
    #container .oneonone .sect .tit{margin:0 0 20px 0;font-size:20px;color:#3e3e3e;line-height:24px}
    #container .oneonone .sect .select{position:absolute;top:0;right:16px}
    #container .oneonone .sect .select select{min-width:80px;height:24px;border:1px solid #d7d7d7;padding:0 20px 0 8px;font-size:14px;background:#fff url("../img/icon_dropdown.png") no-repeat right 5px center / 10px auto;display:block}
    #container .oneonone .sect .box{border:3px solid #013c87;padding:30px 15px;margin:0 0 35px 0}
    #container .oneonone .sect .box .top{display:flex;align-items:center;justify-content:center}
    #container .oneonone .sect .box .top .img{flex-shrink:0;margin:0 12px 0 0}
    #container .oneonone .sect .box .top .img img{width:52px;height:auto}
    #container .oneonone .sect .box .top .con{text-align:left}
    #container .oneonone .sect .box .top .con p{display:block;font-size:12px}
    #container .oneonone .sect .form{padding:0 0 30px 0}
    #container .oneonone .sect .form dl{display:flex;align-items:flex-start}
    #container .oneonone .sect .form dl + dl{margin-top:16px}
    #container .oneonone .sect .form dt{width:80px;flex-shrink:0;min-height:40px;display:flex;align-items:center;justify-content:flex-start;text-align:left;font-size:12px}
    #container .oneonone .sect .form dt em{margin-left:5px}
    #container .oneonone .sect .form dd{flex:1;display:flex}
    #container .oneonone .sect .form dd * + *{margin-left:10px}
    #container .oneonone .sect .form dd input[type="text"]{width:100%;max-width:449px;height:40px;padding:0 10px;border:1px solid #d7d7d7;font-size:12px}
    #container .oneonone .sect .form dd select{width:100%;max-width:449px;height:40px;padding:0 10px;border:1px solid #d7d7d7;font-size:12px;background:url("../img/icon_dropdown.png") no-repeat right 10px center}
    #container .oneonone .sect .form dd textarea{width:100%;height:234px;padding:10px;border:1px solid #d7d7d7;font-size:14px}
    #container .oneonone .sect .form dd .file{width:100%;height:40px;padding:4px;border:1px solid #d7d7d7;display:flex;align-items:center}    #container .oneonone .sect .form dd .file input[type="file"]{display:none}
    #container .oneonone .sect .form dd .file i{border:1px solid #3e3e3e;background:#d7d7d7;height:100%;display:flex;align-items:center;justify-content:center;min-width:89px;font-size:12px;cursor:pointer;margin:0}
    #container .oneonone .sect .form dd .file span{margin:0 0 0 10px;font-size:12px;color:#6e6e6e}
    #container .oneonone .sect .check{display:flex;align-items:center;justify-content:center;padding:0 0 24px 0;margin:0 0 24px 0;border-bottom:2px solid #1a478c}
    #container .oneonone .sect .check label.agree{cursor:pointer;display:flex;align-items:center;justify-content:center}
    #container .oneonone .sect .check label.agree input{display:none}
    #container .oneonone .sect .check label.agree i{display:inline-block; width:16px; height:16px; background:#fff no-repeat center center/60%; border:1px solid #000; margin-right:5px}
    #container .oneonone .sect .check label.agree p{ display:flex;align-items:center;font-size:13px;line-height:16px}
    #container .oneonone .sect .check label.agree button{margin:0 0 0 15px;line-height:16px;font-size:13px;color:#000}
    #container .oneonone .sect .check label.agree input:checked ~ i{background:url("https://cdn1.iconfinder.com/data/icons/material-core/18/check-256.png") no-repeat 50% 50% / 12px auto}
    #container .oneonone .sect .help{font-size:12px;color:#000;text-align:center}
    #container .oneonone .sect .button{margin:30px 0 0 0}
    #container .oneonone .sect .button .btn{min-width:222px;max-width:100%;color:#fff;background:#1a478c;border-color:#1a478c}
    #container .oneonone .sect .button .btn:hover{color:#fff;background:#333;border-color:#333}
    
    
    #container .popupTerms{display:none;flex-direction:column;position:fixed;top:0;left:0;width:100%;height:100%;background:rgb(102 102 102 / 40%);z-index:1111;align-items:center;justify-content:center}
    #container .popupTerms.active{display:flex}
    #container .popupTerms .terms_layer{width:1120px;max-width:calc(100% - 36px);background:#fff;border:1px solid #000;position:relative}
    #container .popupTerms .terms_layer .cont{text-align:left;line-height:20px;font-size:12px;color:#333;padding:10px 15px;padding-right:35px;word-break:keep-all}
    #container .popupTerms .terms_layer .close{position:absolute;top:0;right:0;padding:10px;width:40px;height:40px;display:flex;align-items:center;justify-content:center}
    #container .popupTerms .terms_layer .close img{display:block;width:100%;height:auto}
    

    /**/
    #container .tbl table{width:100%;table-layout:fixed;border-top:1px solid #d7d7d7;border-collapse:collapse;border-spacing:0}
    #container .tbl table th,
    #container .tbl table td{padding:10px 5px;font-size:14px;font-weight:400;border-right:1px solid #d7d7d7;background:#ffffff}
    #container .tbl table td:last-child,
    #container .tbl table th:last-child{border-right:0}
    #container .tbl table th{background:#efefef;vertical-align:middle}
    #container .tbl table tr{border-bottom:1px solid #e6e6e6}
    #container .tbl table tr:first-child{}


    /**/
    #wrap .modal-container{display:none;position:fixed;width:100%;height:100%;padding:16px;top:0;left:0;z-index:99999;background:rgba(0, 0, 0, 0.75);overflow:auto}
    #wrap .modal-container.show{display:flex; align-items:center; justify-content:center}
    #wrap .modal-container .modal-wrapper{width:650px;max-width:100%;max-height:90vh;box-shadow:0 3px 6px rgba(0,0,0,0.1);background:#fff;position:relative;display:flex;flex-direction:column;overflow-y:auto}
    #wrap .modal-container .modal-wrapper::-webkit-scrollbar{width:18px}
    #wrap .modal-container .modal-wrapper::-webkit-scrollbar-thumb{background-color:#ddd;background-clip:padding-box;border:6px solid transparent}
    #wrap .modal-container .modal-wrapper::-webkit-scrollbar-track{background-color:transparent}
    #wrap .modal-container .modal-wrapper .modal-title{position:relative;display:flex;flex-direction:row;padding:0 12px;height:50px;justify-content:space-between;align-items:center;border-bottom:1px solid #cccccc}
    #wrap .modal-container .modal-wrapper .modal-title .tit{font-size:16px;font-weight:600;color:#111111}
    #wrap .modal-container .modal-wrapper .modal-title .act button{width:28px;height:28px;background:url("../img/icon_close.png") no-repeat 50% 50%}
    #wrap .modal-container .modal-cont{padding:12px}
    #wrap .modal-container .modal-cont .tbl{flex:1}
    #wrap .modal-container .modal-cont .tbl table{position:relative;min-width:100%;border-collapse:collapse;table-layout:fixed;word-break:break-all}
    #wrap .modal-container .modal-cont .tbl table thead{border-top:2px solid #555555}
    #wrap .modal-container .modal-cont .tbl table thead th{padding:12px;height:50px;line-height:24px;font-size:14px;color:#333;font-weight:600;background:#f9f9f9;border-bottom:1px solid #dddddd;white-space:nowrap}
    #wrap .modal-container .modal-cont .tbl table tbody tr{border-bottom:1px solid #e2e2e2}
    #wrap .modal-container .modal-cont .tbl table tbody tr:last-child{border-bottom:1px solid #555}
    #wrap .modal-container .modal-cont .tbl table tbody th{padding:12px;min-width:70px;font-size:14px;color:#333;font-weight:500;background:#fafafa;white-space:nowrap;border-right:1px solid #e2e2e2;border-left:1px solid #e2e2e2;border-bottom:1px solid #e2e2e2}
    #wrap .modal-container .modal-cont .tbl table tbody th:nth-child(1){border-left:0}
    #wrap .modal-container .modal-cont .tbl table tbody td{padding:12px;height:50px;font-size:14px;font-weight:400;color:#555;text-align:center;text-overflow:ellipsis}
    #wrap .modal-container .modal-cont .tbl table tbody td img{display:block;width:100%;height:auto}
    #wrap .modal-container .modal-cont .tbl table tbody td a{color:#000}

    #container .terms{padding:45px 0;background:#f4f5f9}
    #container .terms .title{font-size:24px}
    #container .terms .cont{background:#fff;padding:24px 16px}
    #container .terms .cont .text{margin:0 auto;width:620px;max-width:100%;font-size:14px;font-weight:300;color:#333}
    #container .terms .cont .text strong{display:block;margin:25px 0 10px 0;font-size:18px;font-weight:500;color:#000}
    #container .terms .cont .text strong:nth-child(1){margin-top:0}
    #container .terms .cont .text table{width:100%;border-top:1px solid #d7d7d7;border-collapse:collapse;border-spacing:0;margin:20px 0}
    #container .terms .cont .text table th,
    #container .terms .cont .text table td{padding:5px;font-size:13px;font-weight:400;border-right:1px solid #d7d7d7;background:#ffffff}
    #container .terms .cont .text table td:last-child,
    #container .terms .cont .text table th:last-child{border-right:0}
    #container .terms .cont .text table th{background:#efefef;vertical-align:middle}
    #container .terms .cont .text table tr{border-bottom:1px solid #e6e6e6}
    #container .terms .cont .text table tr:first-child{}
}
@media (max-width:700px ) {

    .mo-view{display:block}
    .pc-view{display:none !important}
    
    #wrap{}
    #wrap .wrap{padding:0 16px;width:100%}

    /**/
    #header{position:fixed;top:0;left:0;width:100%;z-index:103;transition:top .3s}
    #header .tnb{display:none}
    #header .header{position:relative;height:67px;background:#fff;-webkit-transition:height 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);-moz-transition:height 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);-o-transition:height 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);transition:height 0.4s cubic-bezier(0.645, 0.045, 0.355, 1)}
    #header .header .wrap{display:flex;justify-content:center;align-items:center;height:67px}
    #header .header .logo{display:flex;width:53px}
    #header .header .logo img{width:100%;height:auto;display:block}
    #header .header .nav{display:flex;align-items:center}
    #header .header .nav .gnb{display:none}
    #header .header .nav .gnb .depth1{display:flex;align-items:center}
    #header .header .nav .gnb .depth1 .dl1{position:relative;padding:0 35px}
    #header .header .nav .gnb .depth1 .dl1 .da1{position:relative;display:block;line-height:112px;font-size:20px;font-weight:500;color:#fff;font-family:'Noto Sans KR'}
    #header .header .nav .gnb .depth1 .dl1.sel .da1:after{content:'';position:absolute;bottom:0;left:0;width:100%;height:4px;background:#00BDFF}
    #header .header .nav .gnb .depth2{position:absolute;z-index:111;top:95px;left:0;padding:40px 0;line-height:30px;height:0;width:100%;visibility:hidden;opacity:0;transition:all 0.3s}
    #header .header .nav .gnb .depth2 .dl2{}
    #header .header .nav .gnb .depth2 .dl2 + .dl2{margin-top:20px}
    #header .header .nav .gnb .depth2 .da2{display:block;line-height:30px;font-size:16px;color:#5e5e5e;white-space:nowrap;text-align:center}
    #header .header .nav .gnb .depth2 .da2:hover{color:#00BDFF;font-weight:500}
    #header .header .nav .act{display:flex;align-items:center;margin-left:30px}
    #header .header .nav .act .btn{display:flex;align-items:center;justify-content:center;padding:0 20px;height:46px;font-size:16px;color:#111;background:#fff;border:1px solid #e9e9e9;border-radius:4px}
    #header .header .nav .act .btn + .btn{margin-left:6px}
    #header .header .nav .act .btn_01{color:#111;border-color:#4e4e4e;background:#ffffff}
    #header .header .nav .act .btn_02{color:#fff;border-color:#2334de;background:#2334de}
    #header .header .nav .gnb .gnb_bg{position:absolute;top:112px;left:0;width:100%;height:0;z-index:99;border-top:1px solid transparent;border-bottom:1px solid transparent;overflow:hidden}
	#header .header .nav .gnb .gnb_bg.sel{height:232px;border-top-color:#F1F3F5;background:#fff;-webkit-transition:all 0.3s;transition:all 0.3s}
    #header .header-down{position:absolute; top:100%; opacity:0;visibility:hidden; left:0; width:100%; z-index:99;   transition:all .5s}
    #header .header-down:before{content:'';position:absolute;top:0;left:0;right:0;height:0;background:#1a478c;transition:all 0.5s}
    #header .header-down .wrap{overflow-x:auto}
    #header .header-down ul{text-align:center; transform:translateY(-100%);transition:all 0.35s;white-space:nowrap}
    #header .header-down ul li{display:inline-block; }
    #header .header-down ul li a{color:#fff; font-size:16px; position:relative; display:block; margin:0 8px;padding:10px 0;line-height:16px;font-size:12px}
    #header .header-down ul li a:after{content:""; display:block; width:100%; height:2px; background:#fff; position:absolute; bottom:0; left:0; opacity:0; transition:all .2s}
    #header .header-down ul li a:hover:after,
    #header .header-down ul li a.sel:after{opacity:1}
    #header.on{top:-67px}
    #header.on .header-down{visibility:visible;opacity:1}
    #header.on .header-down:before{height:100%;transition:all 0.3s}
    #header.on .header-down ul{transform:translateY(0)}
    #header.sel .gnb .depth1 .depth2{opacity:1;visibility:visible;-webkit-transition:all 0.3s;transition:all 0.3s;transition-delay:0.15s}
    #header.sel .header{height:280px}
    #header.sel.on .gnb .depth1 .depth2{opacity:0;visibility:hidden}
    #header.sel.on .header{height:95px}
    
    /**/
    #header .header .menu{}
    #header .header .menu #allmenu{display:flex;width:24px;height:24px;background:url("../img/icon_menu.png") no-repeat 50% 50% / 100% auto;position:absolute;z-index:106;top:50%;left:20px;transform:translateY(-50%)}       
    #header .header .menu #allmenu.sel{background:url("../img/icon_close.png") no-repeat 50% 50% / 100% auto;position: fixed;top: 22px;transform: translateY(0);}    
    #header .header .menu .allmenu{position:fixed;z-index:105;top:0;left:0;width:100%;height:100vh;overflow-y:auto;background:#fff;opacity:0;visibility:hidden;display:flex;flex-direction:column}
    #header .header .menu.sel .allmenu{opacity:1;visibility:visible}
    #header .header .menu .allmenu .ico{display:flex;align-items:center;justify-content:center;height:67px;flex-shrink:0}
    #header .header .menu .allmenu .ico a{width:53px}
    #header .header .menu .allmenu .ico img{width:100%;height:auto;display:block}
    #header .header .menu .allmenu .con{flex:1;border-top:1px solid #f0f0f0;overflow-y:auto}
    #header .header .menu .allmenu .con .dp1{padding:30px}
    #header .header .menu .allmenu .con .dp1 .cg1{border-bottom:1px solid #efeaeb}
    #header .header .menu .allmenu .con .dp1 .cg1 .cg1_a{display:flex;width:100%;height:50px;align-items:center;justify-content:space-between;font-size:17px;font-weight:500;color:#000000;background:transparent}    
    #header .header .menu .allmenu .con .dp1 .cg1 .cg1_a i{width:14px;height:14px;background:url("../img/icon_menu_open.png") no-repeat 50% 50% / 100% auto}
    #header .header .menu .allmenu .con .dp1 .cg1.sel .cg1_a{color:#1a478c}
    #header .header .menu .allmenu .con .dp1 .cg1.sel .cg1_a i{background:url("../img/icon_menu_close.png") no-repeat 50% 50% / 100% auto}
    #header .header .menu .allmenu .con .dp1 .cg1.sel .dp2{display:block}
    #header .header .menu .allmenu .con .dp2{display:none;padding:16px;background:#f5f7f7}
    #header .header .menu .allmenu .con .dp2 .cg2{display:flex;flex-direction:column;align-items:center;justify-content:flex-start}
    #header .header .menu .allmenu .con .dp2 .cg2 + .cg2{margin-top:16px}
    #header .header .menu .allmenu .con .dp2 .cg2 .cg2_a{display:inline-flex;width:100%;height:24px;align-items:center;justify-content:flex-start;font-size:14px;color:#2a3031;background:transparent;position:relative}
    #header .header .menu .allmenu .con .dp2 .cg2 .cg2_a:hover,
    #header .header .menu .allmenu .con .dp2 .cg2 .cg2_a.active,
    #header .header .menu .allmenu .con .dp2 .cg2.sel .cg2_a{color:#1a478c;text-decoration:underline}
    #header .header .menu .allmenu .bot{padding:30px;background:#f4f4f4;flex-shrink:0}
    #header .header .menu .allmenu .bot ul{}
    #header .header .menu .allmenu .bot li{display:flex}
    #header .header .menu .allmenu .bot li + li{margin:6px 0 0 0}
    #header .header .menu .allmenu .bot li a{display:flex;align-items:center;justify-content:center;line-height:24px;font-size:14px;color:#333333}
    #header .header .menu .allmenu .bot li a + a:before{content:'';position:relative;margin:0 15px;width:1px;height:12px;background:#c0c0c0}
    #header .header .menu #search{display:flex;width:24px;height:24px;background:url("../img/icon_search.png") no-repeat 50% 50% / 100% auto;position:absolute;z-index:106;top:50%;right:20px;transform:translateY(-50%)}
    #header .header .menu #search.sel{position:fixed;top: 22px;transform:translateY(0);}
    
    /**/
    #footer{position:relative;z-index:99;background:#1b2122}
    #footer .fnb{border-bottom:2px solid #323839}
    #footer .fnb .wrap{position:relative;display:flex;flex-wrap:wrap;justify-content:space-between;width:1200px;padding:58px 0 0 0;max-width:100%}
    #footer .fnb .wrap .desc{display:flex;flex-direction:column;margin:10px 0;padding:0 20px}
    #footer .fnb .wrap .desc + .desc{border-left:1px solid #323839}
    #footer .fnb .wrap .cs{width:50%}
    #footer .fnb .wrap .cs .cont{}
    #footer .fnb .wrap .cs .tit{margin:0 0 6px 0;line-height:18px;font-size:11px;font-weight:500;color:#fff}
    #footer .fnb .wrap .cs .txt{margin:6px 0 0 0;line-height:18px;font-size:11px;font-weight:500;color:#6e6e6e}
    #footer .fnb .wrap .cs .tel{line-height:1;font-size:16px;font-weight:400;color:#fff}
    #footer .fnb .wrap .app{margin:25px 0;padding:0 20px;width:50%;justify-content:center}
    #footer .fnb .wrap .app .down{display:flex;flex-direction:column;align-items:center}
    #footer .fnb .wrap .app .down img{width:56px}
    #footer .fnb .wrap .app .down a{margin:5px 0 0 0;line-height:22px;font-size:11px;font-weight:500;color:#fff;text-decoration:underline}
    #footer .fnb .wrap .app .title{display:none}
    #footer .fnb .wrap .sns{width:100%}
    #footer .fnb .wrap .sns .title{display:none}
    #footer .fnb .wrap .sns ul{display:flex;align-items:center}
    #footer .fnb .wrap .sns li{text-align:center}
    #footer .fnb .wrap .sns li + li{margin-left:10px}
    #footer .fnb .wrap .sns li a{}
    #footer .fnb .wrap .sns li img{width:27px}
    #footer .fnb .wrap .sns li p{display:none;margin:15px 0 0 0;line-height:22px;font-size:13px;font-weight:500;color:#fff}
    #footer .fnb .wrap .title{margin:0 0 5px 0;line-height:22px;font-size:12px;font-weight:500;color:#fff}
    #footer .footer{padding:20px 0 35px 0}
    #footer .footer .wrap{display:flex;width:1200px;max-width:100%;flex-direction:column}
    #footer .footer .logo{margin:0 0 20px 0}
    #footer .footer .logo img{width:auto;max-width:92px}
    #footer .footer .addr{}
    #footer .footer .addr .link{margin:0 0 12px 0}
    #footer .footer .addr .link a{position:relative;line-height:11px;font-size:11px;font-weight:500;color:#6e6e6e}
    #footer .footer .addr .link a + a{margin-left:10px;padding-left:10px}
    #footer .footer .addr .link a + a:before{content:'';position:absolute;top:50%;left:0;width:1px;height:9px;background:#6e6e6e;transform:translateY(-50%)}
    #footer .footer .addr .link a:hover{color:#fff}
    #footer .footer .addr .info{display:flex;flex-direction:column;align-items:flex-start}
    #footer .footer .addr .info span{display:flex;line-height:15px;font-size:11px;font-weight:500;color:#6e6e6e;align-items:center}
    #footer .footer .addr .cite{margin:5px 0 0 0;line-height:16px;font-size:11px;font-weight:500;color:#6e6e6e}

    #top{position:absolute;top:0;right:16px}
    #top button{display:flex;width:30px;height:30px;background:#353f43 url("../img/icon_top.png") no-repeat 50% 50% / 10px auto}

    /**/
    #popup{position:absolute;top:67px;left:0;z-index:102;max-width: 100%;}
    #popup .popup{display:flex;flex-direction:column;width: auto;margin: 0 0 10px 0;background:#fff;border:1px solid #666;box-shadow:0 3px 16px rgb(0 0 0 / 20%)}
    #popup .popup .cont{}
    #popup .popup .cont a{}
    #popup .popup .cont img{display:block;width:100%;height:auto}
    #popup .popup .ctrl{border-top:1px solid #efefef;display:flex;align-items:center;justify-content:flex-end;padding:0 16px;height:40px}
    #popup .popup .ctrl .close{}
    #popup .popup .ctrl .close p{font-size:12px}
    #popup .popup .ctrl .close + a{margin-left:10px}
    #popup .popup .ctrl label.today{cursor:pointer;display:flex;align-items:center}
    #popup .popup .ctrl label.today input{display:none}
    #popup .popup .ctrl label.today span{color:#666;font-size:12px;display:flex;align-items:center;margin:0}
    #popup .popup .ctrl label.today span::before{content:""; display:inline-block; width:16px; height:16px; background:#fff no-repeat center center/60%; border:1px solid #000; margin-right:5px}
    #popup .popup .ctrl label.today input:checked ~ span{color:#000}
    #popup .popup .ctrl label.today input:checked ~ span:before{background-image:url("https://cdn1.iconfinder.com/data/icons/material-core/18/check-256.png")}
    #popup .popup .ctrl .today + .close{margin-left:20px}
    
    /**/
    #index{padding:67px 0 0 0}
    #index .visual{}
    #index .visual .slider{position:relative;overflow:hidden}
    #index .visual .slider .swiper-slide{position:relative}
    #index .visual .slider .swiper-slide .img{height:35rem;transition:all 0.5s;position:relative;overflow: hidden;}
    #index .visual .slider .swiper-slide .img .mainimg{position:relative;z-index:2;display:block;width:1600px;max-width:100%;height:100%;margin:0 auto;object-fit:cover}
    #index .visual .slider .swiper-slide .img .mainbg{position:absolute;top:0;left:0;z-index:1;display:block;width:100%;height:100%;object-fit:cover;filter:blur(5px);transform:scale(1.05)}
    #index .visual .slider .swiper-slide .con{position:absolute;bottom:90px;left:50%;width:1380px;max-width:100%;transform:translateX(-50%);text-align:center;padding:20px;z-index:10}
    #index .visual .slider .swiper-slide .con strong{display:block;font-size:26px;font-weight:500;color:#fff;word-break:keep-all}
    #index .visual .slider .swiper-slide .con span{display:block;margin:20px 0 0 0;font-size:16px;font-weight:500;color:#fff}
    #index .visual .slider .swiper-dots{position:absolute;bottom:24px;z-index:2;display:flex;align-items:center;justify-content:center}
    #index .visual .slider .swiper-dots span{margin:0 5px;width:10px;height:10px;border:1px solid #000;border-radius:20px;background:transparent;overflow:hidden;text-indent:-9999em;opacity:1}
    #index .visual .slider .swiper-dots span.swiper-pagination-bullet-active{border-color:transparent;background:#fff;opacity:0.5}
    #index .visual .slider .swiper-prev{position:absolute;top:50%;left: 0;transform:translateY(-50%);width:30px;height: 70px;background:url("../img/icon_slider_prev.png") no-repeat 50% 50% / 100% auto;z-index: 5;}
    #index .visual .slider .swiper-next{position:absolute;top:50%;right: 0;transform:translateY(-50%);width:30px;height: 70px;background: url("../img/icon_slider_next.png") no-repeat 50% 50% / 100% auto;z-index: 5;}
    #index .education{position:relative;padding:45px 0;background:#ffffff}
    #index .education .wrap{width:1200px;max-width:100%}
    #index .education .title{margin:0 0 35px 0;line-height:24px;font-size:22px;font-weight:500;color:#333;text-align:center;word-break:keep-all}
    #index .education .title p{display:inline;font-weight:bold;color:#136d17}
    #index .education .cont{text-align:center}
    #index .education .cont .tit{margin:0 0 45px 0;line-height:22px;font-size:18px;font-weight:500;color:#333}
    #index .education .cont .txt{margin:0 0 60px 0;line-height:22px;font-size:14px;color:#333;word-break:keep-all}
    #index .education .cont .img{display:flex;flex-direction:column;align-items:center;justify-content:center}
    #index .education .cont .img dl{display:flex;flex-direction:column;align-items:center}
    #index .education .cont .img dl + dl{margin-top:50px}
    #index .education .cont .img dt{margin:0 0 30px 0;width:225px;height:225px;border-radius:125px;overflow:hidden}
    #index .education .cont .img dt img{width:100%;height:100%;object-fit:cover}
    #index .education .cont .img dd{}
    #index .education .cont .img dd strong{display:block;font-size:18px;font-weight:bold;color:#333}
    #index .education .cont .img dd span{display:block;font-size:15px;font-weight:500;color:#333;white-space:nowrap}
    #index .program{position:relative;padding:45px 0;background:#f4f5f9;overflow:hidden}
    #index .program .wrap{z-index:2;width:1200px;max-width:100%}
    #index .program .title{margin:0 0 15px 0;line-height:24px;font-size:22px;font-weight:500;color:#333;text-align:center;word-break:keep-all}
    #index .program .text{margin:0 0 60px 0;line-height:20px;font-size:15px;font-weight:500;color:#333;text-align:center}
    #index .program .cont{}
    #index .program .cont ul{display:flex;flex-direction:column}
    #index .program .cont li{flex:1}
    #index .program .cont li + li{margin-top:25px}
    #index .program .cont li a{display:block}
    #index .program .cont li .img{}
    #index .program .cont li .img img{display:block;width:100%;height:auto}
    #index .program .cont li .tit{display:flex;height:60px;background:#eee;align-items:center;justify-content:center;line-height:24px;font-size:18px;font-weight:500;color:#333}
    #index .program .cont li .ico{position:absolute;transition:all 0.3s}
    #index .program .cont li:nth-child(1) .tit{background:#ffcf59}
    #index .program .cont li:nth-child(1) .ico{bottom:0;left:15px;z-index:5}
    #index .program .cont li:nth-child(1) .ico img{width:75px;height:auto}
    #index .program .cont li:nth-child(2) .tit{background:#f76f59}
    #index .program .cont li:nth-child(2) .ico{bottom:0;right:15px}
    #index .program .cont li:nth-child(2) .ico img{width:100px;height:auto}
    #index .program .icon .zubi{position:absolute;left:-84px;bottom:-70px;width:164px;height:226px;background:url("../img/img_zubi.png") no-repeat 50% 50%}
    #index .program .icon .kkur{position:absolute;bottom:-70px;right:-90px;width:237px;height:260px;background:url("../img/img_kkur.png") no-repeat 50% 50%}
    #index .program .icon .asak{position:absolute;bottom:0;left:50%;width:48px;height:59px;background:url("../img/img_asak.png") no-repeat 50% 50% / 48px 59px;transform:translateX(-50%)}
    #index .special{position:relative;padding:45px 0;background:#6ce4bd}
    #index .special .wrap{position:relative;z-index:2;width:1200px;max-width:100%}
    #index .special .title{margin:0 0 15px 0;font-size:24px;font-weight:500;color:#333;text-align:center;word-break:keep-all}
    #index .special .text{margin:0 0 35px 0;line-height:20px;font-size:15px;font-weight:500;color:#333;text-align:center}
    #index .special .cont{}
    #index .special .cont ul{display:flex;flex-direction:column}
    #index .special .cont li{flex:1}
    #index .special .cont li + li{margin-top:18px}
    #index .special .cont li a{position:relative;padding:15px 0 30px 0;display:flex;align-items:center;justify-content:center;flex-direction:column;border:2px solid #4abc97;background:#fff}
    #index .special .cont li a .txt{font-size:13px;font-weight:500;color:#333333;border-bottom:1px solid #6ce4bd}
    #index .special .cont li a .txt p{display:inline;color:#1a478c;font-weight:bold}
    #index .special .cont li a .tit{font-size:18px;font-weight:500;color:#333}
    #index .special .cont li a:after{content:'';position:absolute;bottom:0;left:50%;width:16px;height:15px;background:url("../img/img_mainspecial_icon.png") no-repeat 50% 50% / 100% auto;transform:translateX(-50%)}
    #index .special .cont li a:hover{background:#1a478c}
    #index .special .cont li a:hover .txt,
    #index .special .cont li a:hover .txt p,
    #index .special .cont li a:hover .tit{color:#fff}
    #index .special .cont li a:hover:after{background:url("../img/img_mainspecial_icon_on.png") no-repeat 50% 50%}
    #index .news{background:#ffffff;padding:5px 0}
    #index .news .wrap{display:flex;width:1200px;max-width:100%;align-items:flex-start}
    #index .news .wrap .tit{line-height:25px;font-size:12px;font-weight:500;color:#333;width:70px}
    #index .news .wrap .txt{flex:1}
    #index .news .wrap .txt a{line-height:25px;font-size:11px;color:#333;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden}
    
    /**/
    #container{padding:67px 0 0 0}
    #container .title{margin:0 0 50px 0;text-align:center}
    #container .title .tit{margin:0 0 15px 0;font-size:24px;color:#3e3e3e}
    #container .title .txt{line-height:18px;font-size:16px;color:#6e6e6e}
    #container .paging{margin:60px 0 0 0;display:flex;align-items:center;justify-content:center}
    #container .paging a{position:relative;margin:0 10px;width:14px;height:24px;font-size:14px;font-weight:500;color:#1b2122;display:flex;align-items:center;justify-content:center}
    #container .paging a.current:after{content:'';position:absolute;bottom:0;left:0;width:100%;height:2px;background:#1b2122}
    #container .paging a.start{}
    #container .paging a.start i{width:100%;height:100%;background:url("../img/icon_paging_start.png") no-repeat 50% 50%}
    #container .paging a.end{}
    #container .paging a.end i{width:100%;height:100%;background:url("../img/icon_paging_end.png") no-repeat 50% 50%}
    #container .paging a.prev{}
    #container .paging a.prev i{width:100%;height:100%;background:url("../img/icon_paging_prev.png") no-repeat 50% 50%}
    #container .paging a.next{}
    #container .paging a.next i{width:100%;height:100%;background:url("../img/icon_paging_next.png") no-repeat 50% 50%}
    #container .button{display:flex;align-items:center;justify-content:Center}
    #container .btn{min-width:85px;display:flex;height:38px;border:1px solid #000;color:#000;font-size:14px;align-items:center;justify-content:center;border-radius:46px}
    #container .btn_01{border-color:#8a8a8a}
    #container .fix-form{transition:all 0.3s}
    #container.on .fix-form{}    
    #container.on .fix-form .request,
    #container.on .fix-form .psychometry{transform:translateY(0);overflow:initial}
    #container.on .fix-form.disabled .request,
    #container.on .fix-form.disabled .psychometry{transform:translateY(100%);overflow:initial}
    
    /**/
    #container .subvisual{position:relative;padding:45px 0;min-height:140px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f4f5f9;border-bottom:1px solid #dadce0}
    #container .subvisual .title{position:relative;z-index:2;margin:0 0 18px 0;line-height:32px;font-size:28px;color:#3e3e3e;text-align:center}
    #container .subvisual .text{position:relative;z-index:2;font-size:13px;color:#000000;text-align:center}
    #container .subvisual .image{position:absolute;z-index:1;top:0;left:0;width:100%;height:100%}
    #container .subvisual .image img{width:100%;height:100%;object-fit:cover;-webkit-user-drag:none}
    #container .breadcrumb{border-bottom:1px solid #dadce0}
    #container .breadcrumb .wrap{display:flex;justify-content:space-between;flex-direction:column;padding:0}
    #container .breadcrumb .loca{display:flex;justify-content:flex-start;align-items:center;padding:0 16px;display:none}
    #container .breadcrumb .loca span{line-height:32px;font-size:13px;font-weight:500;color:#666666;display:flex;align-items:center;justify-content:center}
    #container .breadcrumb .loca span img{display:block}
    #container .breadcrumb .loca span.on{color:#1a478c}
    #container .breadcrumb .loca span + span{}
    #container .breadcrumb .loca span + span:before{content:'';margin:0 12px;width:6px;height:12px;background:url("../img/icon_bread_arrow.png") no-repeat 50% 50%}
    #container .breadcrumb .menu{padding:0 10px;display:flex;align-items:center;justify-content:center;overflow-x:auto;white-space:nowrap}
    #container .breadcrumb .menu a{position:relative;display:flex;line-height:40px;font-size:12px;color:#000000;white-space:nowrap}
    #container .breadcrumb .menu a + a{margin-left:16px}
    #container .breadcrumb .menu a.on{color:#1a478c}
    #container .breadcrumb .menu a.on:after{content:'';position:absolute;bottom:0;left:0;width:100%;height:2px;background:#1a478c}

    /**/
    #container .fix-form{position:fixed;z-index:104;left:0;bottom:0;width:100%}
    #container .fix-form .request{background:#6ce4bd;position:absolute;bottom:0;padding:10px 0;left:0;width:100%;transform:translateY(100%);transition:all 0.3s}
    #container .fix-form .request .wrap{display:flex;align-items:center}
    #container .fix-form .request .wrap .con{flex:1;display:none}
    #container .fix-form .request .wrap .con p{font-size:18px;color:#3e3e3e;margin:0 0 10px 0}
    #container .fix-form .request .wrap .con span{font-size:34px;color:#000;line-height:1;letter-spacing:-1px}
    #container .fix-form .request .wrap .act{flex:1}
    #container .fix-form .request .wrap .act button{display:inline-flex;align-items:center;justify-content:center;width:100%;padding:0 16px;height:40px;border-radius:46px;background:#333;font-size:14px;color:#fff}
    #container .fix-form .psychometry{background:#6ce4bd;position:absolute;bottom:0;left:0;width:100%;transform:translateY(100%);transition:all 0.3s;overflow:hidden}
    #container .fix-form .psychometry .wrap{display:flex;align-items:flex-end;height:60px}
    #container .fix-form .psychometry .con{flex:1;padding:25px 0;display:none}
    #container .fix-form .psychometry .con p{font-size:18px;color:#3e3e3e;margin:0 0 10px 0}
    #container .fix-form .psychometry .con span{font-size:34px;color:#000;line-height:1;letter-spacing:-1px}
    #container .fix-form .psychometry .act{flex-shrink:0;width:100%;position:relative;height:100%}
    #container .fix-form .psychometry .act button{display:inline-flex;align-items:flex-end;justify-content:center;position:absolute;bottom:0;right:0;background:transparent}
    #container .fix-form .psychometry .act button p{width:60px;height:60px;border-radius:90px;background:#fff;display:flex;align-items:center;font-size:16px;justify-content:center;box-shadow:0 5px 0 #45ab89;margin:0 20px 20px 0;position:relative}
    #container .fix-form .psychometry .act button p:before{content:'';z-index:-1;box-sizing:border-box;width:20px;height:22px;position:absolute;top:10px;left:50px;border-left:20px solid #fff;border-top:11px solid transparent;border-bottom:11px solid transparent;border-right:0 solid transparent;transform:rotate(-18deg)}
    #container .fix-form .psychometry .act button p:after{content:'';z-index:-2;box-sizing:border-box;width:20px;height:22px;position:absolute;top:13px;left:51px;border-left:20px solid #45ab89;border-top:11px solid transparent;border-bottom:11px solid transparent;border-right:0 solid transparent;transform:rotate(-18deg)}
    #container .fix-form .psychometry .act button i{width:115px;height:118px;background:url("../img/img_fixzubi.png") no-repeat bottom center / auto 100%}
    #container .fix-form .form{background:#333;padding:30px 0;position:absolute;bottom:0;left:0;width:100%;transform:translateY(100%);transition:all 0.5s}
    #container .fix-form .form .wrap{display:flex;flex-direction:column;width:1055px;width:100%}
    #container .fix-form .form h3{text-align:center;font-size:18px;color:#fff;font-weight:400;margin-bottom:25px}
    #container .fix-form .form .input{display:flex;justify-content:space-between;flex-direction:column}
    #container .fix-form .form .input * + *{margin-top:15px}
    #container .fix-form .form .input input,
    #container .fix-form .form .input select{width:100%;max-width:100%;height:40px;border:1px solid #000;font-size:12px;padding:0 10px;background:#fff}
    #container .fix-form .form .input select{background:#fff url(../img/icon_dropdown.png) no-repeat right 5px center}
    #container .fix-form .form .input input[type="tel"]{}
    #container .fix-form .form .input button{margin-top:15px;width:100%;height:40px;background:#1a478c;color:#fff;text-align:center;font-size:14px}
    #container .fix-form .form .check{margin-top:5px}
    #container .fix-form .form .check a{color:#fff;margin:0 0 0 10px}
    #container .fix-form .form .closeBtn{position:absolute;top:0;right:0;padding:8px;width:36px;cursor:pointer}
    #container .fix-form .form .closeBtn img{display:block;width:100%;height:auto}
    #container .fix-form .form label.checkbox{cursor:pointer}
    #container .fix-form .form label.checkbox input{display:none}
    #container .fix-form .form label.checkbox span{color:#fff; font-size:12px;display:flex;align-items:center}
    #container .fix-form .form label.checkbox span::before{content:""; display:inline-block; width:16px; height:16px; background:#fff no-repeat center center/60%; border:1px solid #000; margin-right:5px}
    #container .fix-form .form label.checkbox input:checked ~ span:before{background-image:url("https://cdn1.iconfinder.com/data/icons/material-core/18/check-256.png")}
    #container.on .fix-form.active .request,
    #container.on .fix-form.active .psychometry{transform:translateY(100%)}
    #container.on .fix-form.active .form{transform:translateY(0)}

    
    /**/
    #container .news{padding:45px 0}
    #container .news .cont{}
    #container .news .list{width:1000px;max-width:100%;margin:0 auto}
    #container .news .list ul{display:flex;flex-direction: column;}
    #container .news .list li{margin:0 0 20px 0;}
    #container .news .list li:last-child{margin:0}
    #container .news .list li .box{display:flex;flex-direction:column;background:#ebebeb;padding:12px}
    #container .news .list li .box .cate{flex-shrink:0;margin:0 0 12px 0;height:12px;line-height:12px;font-size:12px;color:#666666}
    #container .news .list li .box .subj{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden;height:48px;line-height:24px;font-size:15px;color:#333333;word-break:keep-all}
    #container .news .list li .box .date{flex-shrink:0;margin:20px 0 0 0;height:20px;line-height:20px;font-size:12px;color:#666666}
    #container .news .list li .box:hover{background:#1a478c}
    #container .news .list li .box:hover .cate,
    #container .news .list li .box:hover .date{color:#d7d7d7}
    #container .news .list li .box:hover .subj{color:#ffffff}
    #container .news .detail{margin:0 auto;width:1000px;max-width:100%}
    #container .news .detail .head{margin:0 auto 25px;width:800px;max-width:100%}
    #container .news .detail .head .subj{line-height:24px;font-size:18px;font-weight:500;color:#000000;word-break:keep-all}
    #container .news .detail .head .date{margin:20px 0 0 0;line-height:18px;font-size:13px;color:#666666}
    #container .news .detail .cont{margin:0 auto;padding:0;width:800px;max-width:100%}
    #container .news .detail .cont img{margin:0 0 20px 0;width:auto;max-width:100%;height:auto}
    #container .news .detail .cont p{display:block;margin:0 0 24px 0;line-height:20px;font-size:13px;color:#333333}
    #container .news .detail .page{margin:120px 0 0 0;border-top:1px solid #9e9e9e}
    #container .news .detail .page dl{display:flex;height:46px;border-bottom:1px solid #9e9e9e;align-items:center}
    #container .news .detail .page dt{display:flex;flex-shrink:0;width:62px;text-align:center;align-items:center;justify-content:center;line-height:24px;font-size:13px;font-weight:500;color:#231f20}
    #container .news .detail .page dd{flex:1}
    #container .news .detail .page dd a{display:block;line-height:24px;font-size:13px;color:#898989}
    #container .news .detail .page dd a:hover{color:#1a478c}
    #container .news .detail .button{margin:50px 0 0 0}

    /**/
    #container .event{padding:45px 0 100px 0}
    #container .event .cont{}
    #container .event .list{width:649px;max-width:100%;margin:0 auto}
    #container .event .list ul{display:flex;flex-direction:column}
    #container .event .list li{margin:0 0 40px 0}
    #container .event .list li:last-child{margin:0}
    #container .event .list li .box{display:flex;background:#ebebeb;flex-direction:column;min-height:389px}
    #container .event .list li .img{background:#1a478c;}
    #container .event .list li .img img{width:100% !important;height:100% !important;object-fit:cover;display:block}
    #container .event .list li .con{padding:10px 20px 20px;display:flex;flex-direction:column;align-items:flex-start}
    #container .event .list li .cate{margin:0 0 5px 0;padding:0 10px;display:inline-flex;border:1px solid #1a478c;background:#1a478c;height:24px;align-items:center;justify-content:center;font-size:11px;color:#fff}
    #container .event .list li .cate.end{background:transparent;color:#1a478c}
    #container .event .list li .subj{margin:0 0 10px 0;line-height:24px;font-size:18px;font-weight:500;color:#333333;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden}
    #container .event .list li .text{margin:0 0 30px 0;flex:1;line-height:20px;font-size:14px;color:#333333;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden}
    #container .event .list li .date{flex-shrink:0;line-height:24px;font-size:12px;color:#666666}
    #container .event .detail{margin:0 auto;width:1000px;max-width:100%}
    #container .event .detail .head{margin:0 auto 25px;width:800px;max-width:100%}
    #container .event .detail .head .cate{display:flex;margin:0 0 16px 0}
    #container .event .detail .head .cate span{min-width:60px;height:34px;display:inline-flex;border:1px solid #1a478c;background:#1a478c;height:28px;align-items:center;justify-content:center;font-size:13px;color:#fff}
    #container .event .detail .head .cate.end span{background:transparent;color:#1a478c}
    #container .event .detail .head .subj{line-height:24px;font-size:20px;font-weight:500;color:#000000;word-break:keep-all}
    #container .event .detail .head .date{margin:20px 0 0 0;line-height:18px;font-size:13px;color:#666666}
    #container .event .detail .cont{margin:0 auto;padding:0;width:1100px;max-width:100%}
    #container .event .detail .cont img{margin:0 0 20px 0;width:auto;max-width:100% !important;height:auto}
    #container .event .detail .button{margin:50px 0 0 0}

    /**/
    #container .social{padding:65px 0 100px 0}
    #container .social .cont{}
    #container .social .list{width:1000px;max-width:100%;margin:0 auto}
    #container .social .list ul{display:flex;flex-direction:column;align-items:center;max-width:500px;margin:0 auto}
    #container .social .list li{display:flex;align-items:center;justify-content:center;width:100%}
    #container .social .list li .box{display:flex;padding:100% 0 0 0;width:100%;flex-direction:column;position:relative}
    #container .social .list li + li{margin-top:45px}
    #container .social .list li.youtube{}
    #container .social .list li.youtube .box{background:#ebebeb;border-radius:50%;overflow:hidden;width:100%;position:relative}
    #container .social .list li.youtube .box .img{position:absolute;top:0;left:0;width:100%;height:100%; transform: scale(1); transition: all 0.5s ease-in-out;}
    #container .social .list li.youtube .box .img:hover {transform: scale(1.3);}
    #container .social .list li.youtube .box .img img{width:100%;height:100%;object-fit:cover}
       
    /* #container .social .list li.youtube .box .img:after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:#fff;opacity:0.3} */
    #container .social .list li.youtube .box .img i {z-index:5;width:36px;height:42px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:url("../img/icon_vod_play.png")}
    #container .social .list li.youtube .box:hover .img:after{background:#010101;opacity:0.5}
    #container .social .list li.instagram{}
    #container .social .list li.instagram .box{background:#ebebeb;min-height:100%}
    #container .social .list li.instagram .con{position:absolute;top:16px;left:16px;right:16px;bottom:16px;overflow:hidden}
    #container .social .list li.instagram .tit{display:flex;margin:0 0 8px 0}
    #container .social .list li.instagram .tit i{width:24px;height:24px;margin:0 15px 0 0;flex-shrink:0;background:url("../img/icon_instagram.png") no-repeat 50% 50% / 100% auto;transition:all .9s;}
    #container .social .list li.instagram .tit i:hover{transform:rotate(360deg)}
    #container .social .list li.instagram .tit p{line-height:24px;font-size: 16px;font-weight:500;color:#1b2122;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden}
    #container .social .list li.instagram .txt{line-height: 36px;font-size: 16px;color:#1b2122;display:-webkit-box;-webkit-line-clamp: 6;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden}
    #container .social .list li.instagram .box:hover{background:#1a478c}
    #container .social .list li.instagram .box:hover .tit i{background:url("../img/icon_instagram_on.png") no-repeat 50% 50% / 100% auto}
    #container .social .list li.instagram .box:hover .tit p{color:#fff}
    #container .social .list li.instagram .box:hover .txt{color:#fff}
    #container .social .list li.cafe{}
    #container .social .list li.cafe .box{background:#ebebeb;min-height:100%}
    #container .social .list li.cafe .con{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;padding:20px;overflow:hidden}
    #container .social .list li.cafe .tit{display:flex;margin:0 0 8px 0}
    #container .social .list li.cafe .tit i{width:24px;height:24px;margin:0 15px 0 0;flex-shrink:0;background:url("../img/icon_cafe.png") no-repeat 50% 50% / 100% auto;transition:all .9s;}
    #container .social .list li.cafe .tit i:hover{transform:rotate(360deg)}
    #container .social .list li.cafe .tit p{line-height:24px;font-size: 15px;font-weight:500;color:#1b2122;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden}
    #container .social .list li.cafe .txt{line-height: 36px;font-size: 16px;color: #1b2122;display:-webkit-box;-webkit-line-clamp: 6;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden}
    #container .social .list li.cafe .box:hover{background:#009345}
    #container .social .list li.cafe .box:hover .tit i{background:url("../img/icon_cafe_on.png") no-repeat 50% 50% / 100% auto}
    #container .social .list li.cafe .box:hover .tit p{color:#fff}
    #container .social .list li.cafe .box:hover .txt{color:#fff}
    #container .social .list li.blog{}
    #container .social .list li.blog .box{background:#ebebeb;min-height:100%}
    #container .social .list li.blog .con{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;padding:20px;overflow:hidden}
    #container .social .list li.blog .tit{display:flex;margin:0 0 8px 0}
    #container .social .list li.blog .tit i{width:24px;height:24px;margin:0 15px 0 0;flex-shrink:0;background:url("../img/icon_blog.png") no-repeat 50% 50% / 100% auto;transition:all .9s;}
    #container .social .list li.blog .tit i:hover{transform:rotate(360deg)}
    #container .social .list li.blog .tit p{line-height:24px;font-size: 15px;font-weight:500;color:#1b2122;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden}
    #container .social .list li.blog .txt{line-height: 36px;font-size: 16px;color:#1b2122;display:-webkit-box;-webkit-line-clamp: 6;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden}
    #container .social .list li.blog .box:hover{background:#00c73d}
    #container .social .list li.blog .box:hover .tit i{background:url("../img/icon_blog_on.png") no-repeat 50% 50% / 100% auto}
    #container .social .list li.blog .box:hover .tit p{color:#fff}
    #container .social .list li.blog .box:hover .txt{color:#fff}

    /**/
    #container .newsletter{padding:45px 0 100px 0}
    #container .newsletter .cont{}
    #container .newsletter .list{width:1000px;max-width:100%;margin:0 auto}
    #container .newsletter .list ul{display:flex;flex-direction: column;}
    #container .newsletter .list li{margin: 0 0 20px 0;}
    #container .newsletter .list li .box{display:flex;flex-direction:column;background:#ebebeb;border:1px solid #999999}
    #container .newsletter .list li .box .img{}
    #container .newsletter .list li .box .img img{width:100%;height:100%;object-fit:cover;display:block}


    /**/
    #container .company{}
    #container .company .sect{}
    #container .company .company01{display:flex;flex-direction:column;justify-content:flex-end;align-items:center;background:#d1d5d5;overflow:hidden}
    #container .company .company01.init{opacity:1;transform:translateY(0)}
    #container .company .company01.init .bg{transform:scale(1.1);transition: none}
    #container .company .company01.animate .bg{transform:scale(1);transition: all 0.8s}
    #container .company .company01.init .tit{opacity:0;transform:translateY(50px);transition: none}
    #container .company .company01.animate .tit{opacity:1;transform:translateY(0);transition: all 0.8s}
    #container .company .company01 .bg{position:absolute;top:0;left:0;width:100%;height:100%;transition:all 3s;z-index:4}
    #container .company .company01 .bg img{display:block;width:100%;height:100%;object-fit:cover}
    #container .company .company01 .height{opacity:0;visibility:hidden;position:relative;z-index:-1}
    #container .company .company01 .height img{width:100%;height:auto}
    #container .company .company01 .wrap{position:absolute;display:flex;flex-direction:column;align-items:center;width:auto;padding:0;z-index:5;top:10%;left:0;width:100%}
    #container .company .company01 .tit{text-align:center;font-size:22px;color:#fff;transition:all 0.8s}
    #container .company .company01 .tit span{color:#ffc600}
    #container .company .company02{padding:45px 0;text-align:center}
    #container .company .company02 .tit{margin:0 0 25px 0;font-size:24px;font-weight:500}
    #container .company .company02 .txt{margin:0 0 40px 0;font-size:14px}
    #container .company .company02 .act{}
    #container .company .company02 .act a{border-radius:40px;display:inline-flex;min-width:145px;height:40px;border:1px solid #222;align-items:center;justify-content:center;font-size:15px}
    #container .company .company03{padding:35px 0 0 0;background:url("../img/img_company_company03.png") no-repeat 50% 50% / cover}
    #container .company .company03 .wrap{flex-direction:column;display:flex}
    #container .company .company03 .img{order:2;margin:15px 0 0 -50px}
    #container .company .company03 .img img{width:auto;max-width:70%}
    #container .company .company03 .con{flex:1;order:1}
    #container .company .company03 .tit{margin:0 0 20px 0;display:flex;font-size:20px;align-items:center}
    #container .company .company03 .tit img{margin:0 10px 0 0;width:25px}
    #container .company .company03 .txt{}
    #container .company .company03 .txt ul{}
    #container .company .company03 .txt li{padding:0 0 15px 0;display:flex;border-bottom:2px solid #333;align-items:center}
    #container .company .company03 .txt li + li{margin-top:50px}
    #container .company .company03 .txt li strong{font-size:28px;font-weight:800;margin:0 12px 0 0;color:#555555;display:flex;align-items:center}
    #container .company .company03 .txt li span{font-size:14px}
    #container .company .company03 .txt > p{text-align:right;margin:15px 0 0 0;font-size:12px;color:#999999}
    #container .company .company04{padding:45px 0 250px;background:url("../img/img_company_company04_mo.png") no-repeat bottom center / cover;display:flex;align-items:center;text-align:left}
    #container .company .company04 .tit{margin:0 0 20px 0;font-size:20px}
    #container .company .company04 .txt{margin:0 0 20px 0;font-size:14px}
    #container .company .company04 .act{}
    #container .company .company04 .act a{border-radius:40px;display:inline-flex;min-width:120px;height:33px;border:1px solid #6f6f6f;align-items:center;justify-content:center;font-size:12px;background:#fff}
    #container .company .company05{padding:45px 0;text-align:center;background:#f4f4f4}
    #container .company .company05 .img{}
    #container .company .company05 .img img{width:110px}
    #container .company .company05 .tit{font-size:18px;margin:0 0 20px 0}
    #container .company .company05 .txt{margin:0 0 30px;font-size:14px}
    #container .company .company05 .act{}
    #container .company .company05 .act a{border-radius:40px;display:inline-flex;min-width:135px;height:36px;border:1px solid #222;align-items:center;justify-content:center;font-size:12px}
    #container .company .company05 .dow{margin:25px auto 0;padding:25px 0 0 0;border-top:1px solid #666;width:850px;max-width:100%}
    #container .company .company05 .dow a{border-radius:40px;display:inline-flex;min-width:150px;height:32px;border:1px solid #222;align-items:center;justify-content:center;font-size:12px;color:#fff;background:#222}

    /**/
    #container .history{padding:0 0 45px 0}
    #container .history .sect{}
    #container .history .img{display:flex;height:195px;align-items:center;justify-content:center}
    #container .history .img img{width:100%;height:100%;object-fit:cover;}
    #container .history .sub{margin:-40px 0 25px 0;width:50%;height:80px;display:flex;align-items:center;justify-content:flex-end;background:#1a478c;padding:10px 20px;font-size:24px;color:#fff;position:relative;z-index:2}
    #container .history .wrap{}
    #container .history .tit{font-size:24px;font-weight:500;color:#000;margin:0 0 15px 0}
    #container .history .txt{font-size:14px;margin:0 0 20px 0}
    #container .history .lst{}
    #container .history .lst dl{position:relative;padding:0 0 0 35px;margin:0 0 15px 0}
    #container .history .lst dl:before{content:'';position:absolute;top:7px;left:0;width:16px;height:16px;border-radius:26px;border:3px solid #1a478c;box-sizing:border-box}
    #container .history .lst dl:after{content:'';position:absolute;top:31px;left:7px;bottom:0;width:2px;background:#aaaaaa}
    #container .history .lst dt{margin:0 0 15px 0;line-height:1;font-size:25px;font-weight:bold;color:#000}
    #container .history .lst dd{padding:0 0 15px 0}
    #container .history .lst dd p{line-height:26px;font-size:14px;color:#333}
    #container .history .sect.init .sub{transform:translateX(-50px);transition: none}
    #container .history .sect.animate .sub{transform:translateX(0);transition:all 0.5s;transition-delay:0.5s}
    
    /**/
    #container .location{padding:50px 0 100px 0}
    #container .location .title{display:flex;align-items:center;margin:0 0 10px 0;padding:0}
    #container .location .title i{flex-shrink:0;width:20px;height:30px;background:url("../img/icon_location.png") no-repeat 50% 50% / 100% auto;margin:0 10px 0 0}
    #container .location .title p{flex:1;line-height:30px;font-size:20px;color:#6e6e6e;text-align:left}
    #container .location .map{margin:0 -16px 55px;border:1px solid #b7b7b7;height:300px;position:relative}
    #container .location .map iframe{position:absolute;top:0;left:0;width:100%;height:100%}
    #container .location .cont{}
    #container .location .cont ul{display:flex;flex-direction:column}
    #container .location .cont li{flex:1}
    #container .location .cont li + li{margin-top:30px}
    #container .location .cont .box{padding:20px;border:2px solid #b7b7b7;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}
    #container .location .cont .ico{margin:0 0 12px 0}
    #container .location .cont .ico i{display:block;width:75px;height:75px;background-repeat:no-repeat;background-position:center center;background-size:100% auto}
    #container .location .cont .tit{margin:0 0 20px 0;line-height:18px;font-size:16px;color:#6e6e6e}
    #container .location .cont .txt{min-height:60px;line-height:20px;font-size:14px;color:#6e6e6e;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}
    #container .location .cont .txt p{display:block}
    #container .location .cont .txt p.medium{font-weight:500}
    #container .location .cont .txt em.blue{color:#426cc0}
    #container .location .cont .txt em.brown{color:#ab8218}
    #container .location .cont .txt em.green{color:#49b83a}
    #container .location .cont li:nth-child(1) .box .ico i{background-image:url("../img/img_location_ico01.png")}
    #container .location .cont li:nth-child(2) .box .ico i{background-image:url("../img/img_location_ico02.png")}
    #container .location .cont li:nth-child(3) .box .ico i{background-image:url("../img/img_location_ico03.png")}
    #container .location .cont li:nth-child(1) .box:hover .ico i{background-image:url("../img/img_location_ico01_on.png")}
    #container .location .cont li:nth-child(2) .box:hover .ico i{background-image:url("../img/img_location_ico02_on.png")}
    #container .location .cont li:nth-child(3) .box:hover .ico i{background-image:url("../img/img_location_ico03_on.png")}
    #container .location .cont .box:hover{border-color:#1a478c}
    #container .location .cont .box:hover .tit{color:#1a478c}

    /**/
    #container .consultation{}
    #container .consultation .visual{background:url("../img/img_consultation_mo.png") no-repeat 50% 50% / cover}
    #container .consultation .visual .wrap{display:flex;flex-direction:column;align-items:center;text-align:center}
    #container .consultation .visual .top{position:relative;display:flex;align-items:flex-end;padding:37px 0 0 0;margin:0 0 30px 0}
    #container .consultation .visual .top:before{content:'';position:absolute;top:0;left:0;width:56px;height:77px;background:url("../img/img_consultation_badge.png") no-repeat 50% 50% / 100% auto}
    #container .consultation .visual .top p{display:flex;align-items:center;height:25px;padding:0 9px;padding-left:60px;border-radius:50px;background:#fff;font-size:15px;font-weight:500;color:#333333;white-space:nowrap}
    #container .consultation .visual .tit{margin:0 0 15px 0;line-height:30px;font-size:24px;color:#1a478c;text-shadow:3px 3px 0 #f5c12c;font-family:'GmarketSans';font-weight:bold}
    #container .consultation .visual .txt{margin:0 0 30px 0;font-size:18px;color:#333333}
    #container .consultation .visual .act{display:inline-flex;align-items:center;justify-content:center;padding:0 10px;height:30px;background:#1a478c;border-radius:29px}
    #container .consultation .visual .act a{margin:5px 0 0 0;font-size:16px;color:#fff;line-height:1;font-family:'GmarketSans';font-weight:500}
    #container .consultation .visual .ico{margin:110px 0 15px -90px}
    #container .consultation .visual .ico img{width:93px}
    #container .consultation .why{background:#1a478c;overflow:hidden;padding:50px 0 0 0;text-align:center}
    #container .consultation .why .tit{color:#fdd257;font-size:24px;font-family:'GmarketSans';font-weight:bold;margin:0 0 15px 0}
    #container .consultation .why .txt{margin-bottom:-70px;display:flex;flex-direction:column;align-items:center;justify-content:center}
    #container .consultation .why .txt img{order:2;width:146px;height:auto;margin:20px 0 0 0}
    #container .consultation .why .txt p{font-size:30px;color:#fff;font-family:'GmarketSans';font-weight:bold}
    #container .consultation .reason{}
    #container .consultation .reason .desc{padding:48px 0}
    #container .consultation .reason .desc .wrap{display:flex;align-items:center;flex-direction:column}
    #container .consultation .reason .desc .title{font-family:'GmarketSans';font-weight:bold;color:#1a478c;border:2px solid #1a478c;border-radius:50px;line-height:1;padding:0 25px;display:inline-flex;font-size:17px;height:40px;align-items:center;justify-content:center;margin:0 0 40px 0}
    #container .consultation .reason .desc .cont{text-align:center;position:relative;overflow:hidden}
    #container .consultation .reason .desc .cont .tit{font-family:'GmarketSans';font-weight:bold;font-size:30px;color:#333;word-break:keep-all}
    #container .consultation .reason .desc .cont .txt{margin-top:20px;font-size:14px;margin-bottom:25px}
    #container .consultation .reason .desc .cont .act{display:flex;justify-content:center;align-items:Center}
    #container .consultation .reason .desc .cont .act a{font-family:'GmarketSans';padding:0 5px;font-size:16px;border-radius:50px;height:28px;flex:1;display:inline-flex;align-items:center;justify-content:center;background:#1a478c;color:#fff}
    #container .consultation .reason .desc .cont .act a + a{margin-left:12px}
    #container .consultation .reason .desc:nth-child(1){background:#ffe5e5;padding:48px 0 0 0}
    #container .consultation .reason .desc:nth-child(1) .img{margin-top:62px;position:relative}
    #container .consultation .reason .desc:nth-child(1) .img img{display:block;width:auto;max-width:100%;transition:all 0.3s}
    #container .consultation .reason .desc:nth-child(1) .img img.move_dia{display:block;width:auto;max-width:100%;position:absolute;bottom:0;left:0;transform:translate(0,20px);z-index:1}
    #container .consultation .reason .desc:nth-child(1) .img img.move_spt{display:block;width:auto;max-width:100%;position:absolute;bottom:0;left:0;transform:translate(0,20px);z-index:2}
    #container .consultation .reason .desc:nth-child(1) .img.type1 img.move_dia{transform:translate(5px,10px)}
    #container .consultation .reason .desc:nth-child(1) .img.type2 img.move_spt{transform:translate(5px,10px)}
    #container .consultation .reason .desc:nth-child(2){background:#e3eff9}
    #container .consultation .reason .desc:nth-child(2) .prg{}
    #container .consultation .reason .desc:nth-child(2) .prg ul{display:flex;margin:0 auto;width:220px;max-width:100%;height:auto;flex-direction:column;position:relative;padding:0 0 80px 0}
    #container .consultation .reason .desc:nth-child(2) .prg ul li{flex:1;display:flex;flex-direction:column}
    #container .consultation .reason .desc:nth-child(2) .prg ul li + li{margin-top:35px}
    #container .consultation .reason .desc:nth-child(2) .prg ul li .prg_t{margin:0 0 12px 0;background:#fff;border-radius:10px;display:flex;flex-direction:column;padding:25px 0;align-items:center}
    #container .consultation .reason .desc:nth-child(2) .prg ul li .prg_t img{margin:0 0 24px 0;width:144px;height:144px;border-radius:50%;overflow:hidden;object-fit:cover}
    #container .consultation .reason .desc:nth-child(2) .prg ul li .prg_t strong{margin:0 0 15px 0;font-size:18px;font-weight:bold;color:#1d498d;font-family:'GmarketSans'}
    #container .consultation .reason .desc:nth-child(2) .prg ul li .prg_t p{font-size:12px}
    #container .consultation .reason .desc:nth-child(2) .prg ul li .prg_c{margin:0 0 12px 0;border-radius:10px;background:#fafafa;overflow:hidden}
    #container .consultation .reason .desc:nth-child(2) .prg ul li .prg_c strong{display:flex;align-items:center;justify-content:center;height:30px;font-size:15px;font-weight:bold;color:#1d498d;font-family:'GmarketSans'}
    #container .consultation .reason .desc:nth-child(2) .prg ul li .prg_c p{display:flex;align-items:center;justify-content:center;padding:30px 0;background:#f1f1f1;font-size:14px;color:#333333}
    #container .consultation .reason .desc:nth-child(2) .prg ul li .prg_b{font-size:12px;color:#333;text-align:left;display:flex;position:absolute;bottom:0;left:0;width:100%;height:60px}
    #container .consultation .reason .desc:nth-child(2) .prg ul li .prg_b br{display:none}
    #container .consultation .reason .desc:nth-child(2) .prg ul li .prg_b:before{content:"\203B";margin:0 5px 0 0;font-family:'Noto Sans KR'}
    #container .consultation .reason .desc:nth-child(2) .prg ul li .prg_b2{padding:30px 10px;font-size:14px;color:#333;display:flex;align-items:center;justify-content:center;border-radius:10px;overflow:hidden;word-break:keep-all;background:#a3dfea}
    #container .consultation .reason .desc:nth-child(2) .prg ul li:nth-child(1) .prg_c strong{background:#ffe393}
    #container .consultation .reason .desc:nth-child(2) .prg ul li:nth-child(1) .prg_c p{background:#fdd257}
    #container .consultation .reason .desc:nth-child(2) .prg ul li:nth-child(2) .prg_c strong{background:#e2f761}
    #container .consultation .reason .desc:nth-child(2) .prg ul li:nth-child(2) .prg_c p{background:#c7df41}
    #container .consultation .reason .desc:nth-child(2) .img{display:flex;margin:30px 0 0 0;align-items:flex-end;justify-content:flex-end}
    #container .consultation .reason .desc:nth-child(2) .img img:nth-child(1){width:51px;height:auto}
    #container .consultation .reason .desc:nth-child(2) .img img:nth-child(2){width:124px}
    #container .consultation .reason .desc:nth-child(3){}
    #container .consultation .reason .desc:nth-child(3) .cont{}
    #container .consultation .reason .desc:nth-child(3) .txt{}
    #container .consultation .reason .desc:nth-child(3) .lst{}
    #container .consultation .reason .desc:nth-child(3) .lst ul{display:flex;flex-direction:column;justify-content:space-between;align-items:center}
    #container .consultation .reason .desc:nth-child(3) .lst li{flex:1;flex-direction:column;display:flex;align-items:center}
    #container .consultation .reason .desc:nth-child(3) .lst li + li{margin-top:30px}
    #container .consultation .reason .desc:nth-child(3) .lst li i{position:relative}
    #container .consultation .reason .desc:nth-child(3) .lst li img{margin:0 auto 36px;width:86px}
    #container .consultation .reason .desc:nth-child(3) .lst li > div{padding:15px 0;border-top:2px solid #eee;border-bottom:2px solid #eee;width:100%;min-width:145px;display:flex;flex-direction:column}
    #container .consultation .reason .desc:nth-child(3) .lst li > div strong{font-size:14px;font-weight:400;margin:0 0 8px 0;color:#828282}
    #container .consultation .reason .desc:nth-child(3) .lst li > div strong span{font-size:16px;font-weight:500}
    #container .consultation .reason .desc:nth-child(3) .lst li > div p{font-size:14px;color:#828282}
    #container .consultation .reason .desc:nth-child(3) .lst li:nth-child(1) > div{border-color:#ffc000}
    #container .consultation .reason .desc:nth-child(3) .lst li:nth-child(1) > div strong span{color:#ffc000}
    #container .consultation .reason .desc:nth-child(3) .lst li:nth-child(2) > div{border-color:#43c967}
    #container .consultation .reason .desc:nth-child(3) .lst li:nth-child(2) > div strong span{color:#43c967}
    #container .consultation .reason .desc:nth-child(3) .lst li:nth-child(3) > div{border-color:#6ed7ff}
    #container .consultation .reason .desc:nth-child(3) .lst li:nth-child(3) > div strong span{color:#6ed7ff}
    #container .consultation .reason .desc:nth-child(3) .lst li:nth-child(1) .hover1{position:absolute;top:0;left:0;animation:blink-effect 1s step-end infinite}
    #container .consultation .reason .desc:nth-child(3) .lst li:nth-child(1) .hover2{position:absolute;top:0;left:0;animation:blink-effect 1s step-end infinite;animation-delay:0.5s}
    #container .consultation .reason .desc:nth-child(3) .lst li:nth-child(2) .hover1{position:absolute;top:0;left:0;animation:rotate 5s infinite linear}
    #container .consultation .reason .desc:nth-child(3) .lst li:nth-child(3) .hover1{position:absolute;top:0;left:0}
    #container .consultation .banner{background:#ffd846;padding:16px 0}
    #container .consultation .banner .title{display:flex;margin:0;align-items:center;justify-content:center;font-size:22px;font-weight:bold;color:#1a478c;font-family:'GmarketSans';word-break:keep-all}
    #container .consultation .banner.banner-type2{background:#1a478c;padding:60px 0;text-align:center}
    #container .consultation .banner.banner-type2 .title{color:#fff;display:inline;text-align:center}
    #container .consultation .banner.banner-type2 .title p{display:inline;color:#6ce4bd;font-family:'GmarketSans'}
    #container .consultation .review{padding:65px 0;background:url("../img/img_consultation_review.jpg") repeat-y 50% 50% }
    #container .consultation .review .desc{border-radius:30px;border:10px solid #ccc;background:#fff;padding:30px 20px;position:relative;z-index:0}
    #container .consultation .review .desc + .desc{margin-top:50px}
    #container .consultation .review .desc .age{position:absolute;left:0;top:-34px;font-size:30px;font-weight:bold;color:#ccc;font-family:'GmarketSans';z-index:1}
    #container .consultation .review .desc .tit{font-size:18px;font-weight:500;text-align:center;margin-bottom:20px;color:#1a478c;font-family:'GmarketSans';word-break:keep-all}
    #container .consultation .review .desc .tit p{display:inline-flex;font-weight:bold;font-size:18px;word-break:keep-all;position:relative}
    #container .consultation .review .desc .tit p b{position:relative;z-index:2;font-family:'GmarketSans'}
    #container .consultation .review .desc .tit p:after{content:"";display:block;width:100%;height:10px;border-radius:20px;background:#ffc000;position:absolute;left:0;bottom:3px;z-index:0}
    #container .consultation .review .desc .txt{font-size:14px;font-family:'GmarketSans';word-break:keep-all}
    #container .consultation .review .desc .user{font-size:14px;margin-top:20px;text-align:right;font-family:'GmarketSans'}
    #container .consultation .review .desc.pink .age{color:#ffd1d1}
    #container .consultation .review .desc.pink{border-color:#ffd1d1}
    #container .consultation .review .desc.blue .age{color:#a2ecfa}
    #container .consultation .review .desc.blue{border-color:#a2ecfa}
    #container .consultation .process{padding:45px 0;text-align:center}
    #container .consultation .process .wrap{display:flex;flex-direction:column;align-items:center}
    #container .consultation .process .tit{font-size:24px;color:#333;font-family:'GmarketSans';font-weight:bold}
    #container .consultation .process .txt{font-size:14px;color:#333;margin-top:20px}
    #container .consultation .process .lst{margin-top:30px}
    #container .consultation .process .lst.init{transform:translateY(0);opacity:1}
    #container .consultation .process .lst.init ul:before{width:0px;transition:none}
    #container .consultation .process .lst.init ul:after{width:0px;transition:none}
    #container .consultation .process .lst.init li{transform: translateY(50px);transition:none;opacity: 0;}
    #container .consultation .process .lst.animate ul:before{width:calc(100% + 32px);transition:all 0.8s;transition-delay:1s}
    #container .consultation .process .lst.animate ul:after{width:calc(100% + 32px);transition:all 0.8s;transition-delay:2.5s}
    #container .consultation .process .lst.animate li{transform: translateY(0px);transition:all 0.8s;opacity: 1;}
    #container .consultation .process .lst ul{position:relative;display:flex;align-items:flex-start;justify-content:space-between;margin:0 auto;flex-wrap:wrap}
    #container .consultation .process .lst ul:before{content:""; display:block;  height:2px;border-top:2px dashed #464646;position:absolute; top:40px; left:-16px; z-index:1;transition:all 3s}
    #container .consultation .process .lst ul:after{content:""; display:block;  height:2px;border-top:2px dashed #464646;position:absolute; top:58%; left:-16px; z-index:1;transition:all 3s}
    #container .consultation .process .lst li{text-align:center;position:relative;width:33.33%;padding:0 0 30px 0}
    #container .consultation .process .lst li:before{content:counter(list-item); display:flex; align-items:center; justify-content:center; width:85px; height:85px;  border-radius:50%; position:relative;z-index:2;background:#6ce4bd; font-size:22px; font-family:'GmarketSans'; font-weight:bold;color:#fff; margin:0 auto 10px}
    #container .consultation .process .lst li.init{}
    #container .consultation .process .lst li.animate{transition:all 0.8s}
    #container .consultation .process .lst li p{font-size:14px;line-height:1}
    #container .consultation .process .lst li a{display:inline-block;line-height:25px;font-size:12px;padding:0 10px;border-radius:50px;margin-top:5px;background:#333;color:#fff;border:1px solid #fff}
    #container .consultation .process .lst li:nth-child(1){transition-delay:0s;z-index:1}
    #container .consultation .process .lst li:nth-child(2){transition-delay:0.5s;z-index:2}
    #container .consultation .process .lst li:nth-child(3){transition-delay:1s;z-index:3}
    #container .consultation .process .lst li:nth-child(4){transition-delay:1.5s;z-index:4}
    #container .consultation .process .lst li:nth-child(5){transition-delay:2s;z-index:5}
    #container .consultation .process .lst li:nth-child(6){transition-delay:2.5s;z-index:6}
    #container .consultation .process .lst li:nth-child(1):after{transition-delay:0.5s;z-index:5}
    #container .consultation .process .lst li:nth-child(2):after{transition-delay:1s;z-index:4}
    #container .consultation .process .lst li:nth-child(3):after{transition-delay:1.5s;z-index:3}
    #container .consultation .process .lst li:nth-child(4):after{transition-delay:2s;z-index:2}
    #container .consultation .process .lst li:nth-child(5):after{transition-delay:2.5s;z-index:1}
    #container .consultation .process .lst li:nth-child(6):after{transition-delay:3s;z-index:1}
    

    /**/
    #container .philosophy{}
    #container .philosophy .sect{display:flex;flex-direction:column;position:relative}
    #container .philosophy .phil01{background:url("../img/img_philosophy_phil01_mo.png") no-repeat center bottom / cover;justify-content:center;padding:65px 0 0 0;overflow:hidden}
    #container .philosophy .phil01.init{opacity:1;transform:translateY(0)}
    #container .philosophy .phil01.init .bg{transform:scale(1.1);transition: none}
    #container .philosophy .phil01.animate .bg{transform:scale(1);transition: all 0.8s}
    #container .philosophy .phil01 .bg{position:absolute;top:0;left:0;width:100%;height:100%;transition:all 3s;z-index:4}
    #container .philosophy .phil01 .bg img{display:block;width:100%;height:100%;object-fit:cover}#container .philosophy .phil01 .wrap{position:relative;display:flex;flex-direction:column;align-items:center;width:auto;padding:0;z-index:5}
    #container .philosophy .phil01 .wrap .img{order:2;margin:45px 0 0 0;width:100%;padding:0 0 0 16px;display:flex;justify-content:flex-end}
    #container .philosophy .phil01 .wrap .img img{height:auto;width:auto;max-width:100%}
    #container .philosophy .phil01 .wrap .tit{font-size:24px;color:#fff;text-align:Center;order:1}
    #container .philosophy .phil02{padding:100px 0 25px 0;text-align:center;background:#f4f4f4}
    #container .philosophy .phil02 .tit{font-size:24px;margin:0 0 40px 0}
    #container .philosophy .phil02 .tit p{display:inline;font-size:24px;font-weight:bold;position:relative;color:#136c17}
    #container .philosophy .phil02 .tit p:after{content:"";display:block;width:14px;height:14px;position:absolute;top:-5px;right:-3px;background:url(../img/icon_leaf.png) no-repeat center center / 100% auto}
    #container .philosophy .phil02 .txt{font-size:14px}
    #container .philosophy .phil02 .txt p{display:block}
    #container .philosophy .phil02 .txt p + p{margin:48px 0 0}
    #container .philosophy .phil02 .txt p span.highlight{color:#1a478c;font-weight:bold}
    #container .philosophy .phil02 .txt p span.neon{font-weight:bold}
    #container .philosophy .phil02 .txt p span.neon{position:relative;padding:0 5px;display:inline-block}
    #container .philosophy .phil02 .txt p span.neon.init:before{content:'';position:absolute;top:0;left:0;bottom:0;width:0%;background:#c7e960;transition:none;z-index:-1}
    #container .philosophy .phil02 .txt p span.neon.animate:before{width:100%;transition: all 1s}
    #container .philosophy .phil03{padding:50px 0 0 0;background:url("../img/img_philosophy_phil03_mo.png") no-repeat top center / cover;text-align:center}
    #container .philosophy .phil03 .tit{font-size:24px;margin:0 0 30px 0}
    #container .philosophy .phil03 .txt{font-size:14px;margin:0 0 35px 0}
    #container .philosophy .phil03 .txt p {}
    #container .philosophy .phil03 .txt span.neon{position:relative;padding:0 5px;color:#fff;display:inline-block}
    #container .philosophy .phil03 .txt span.neon.init:before{content:'';position:absolute;top:0;right:0;bottom:0;width:0%;background:#333333;transition:none;z-index:-1}
    #container .philosophy .phil03 .txt span.neon.animate:before{width:100%;transition: none}
    #container .philosophy .phil03 .img{margin:30px 0 0 0}
    #container .philosophy .phil03 .img img{width:auto;max-width:90%} 
    #container .philosophy .phil04{background:url("../img/img_philosophy_phil04_mo.png") repeat-y center top / cover;padding:45px 0 0 0;text-align:center}
    #container .philosophy .phil04:before{content:'';position:absolute;bottom:100%;left:0;margin:0 0 -1px 0;width:100%;height:40px;background:url("../img/img_philosophy_phil04_grace.png") no-repeat bottom center / cover}
    #container .philosophy .phil04 .img{margin:-65px -16px 0}
    #container .philosophy .phil04 .img img{width:100%}
    #container .philosophy .phil04 .tit{font-size:24px;color:#fff;margin:0 0 30px 0}
    #container .philosophy .phil04 .txt{color:#fff}
    #container .philosophy .phil04 .txt p{font-size:14px;display:block}
    #container .philosophy .phil04 .txt span{font-size:16px;margin:30px 0 0 0;display:inline-block;position:relative}
    #container .philosophy .phil04 .txt span:before{content:'';position:absolute;right:130%;bottom:40px;width:40px;height:90px;background:url(../img/img_philosophy_phil04_leaf.png) no-repeat 50% 50% / 100% auto;display:inline-block}
    #container .philosophy .phil04 .txt span:after{content:'';position:absolute;left:80%;bottom:20px;margin:0 0 0 40px;width:82px;height:71px;background:url(../img/img_philosophy_phil04_light.png) no-repeat 50% 50% / 100% auto}
    #container .philosophy .phil04 .txt span strong{font-size:20px;display:inline}
    #container .philosophy .phil05 {background:url("../img/img_philosophy_phil05_mo.png") no-repeat center top / cover;padding:45px 0 0 0;text-align:center}
    #container .philosophy .phil05 .img{margin:0 -16px}
    #container .philosophy .phil05 .img img{width:100%}
    #container .philosophy .phil05 .tit{font-size:24px;margin:0 0 25px 0}
    #container .philosophy .phil05 .txt{}
    #container .philosophy .phil05 .txt p{margin:0 0 25px 0;font-size:14px}
    #container .philosophy .phil05 .txt ul{}
    #container .philosophy .phil05 .txt li{font-size:16px;display:block;margin:0 0 4px 0;word-break:keep-all}
    #container .philosophy .phil05 .txt li span{color:#fff;font-size:20px;word-break:keep-all;display:inline-block}
    #container .philosophy .phil05 .txt li span.animate{animation:blink-effect 1s;animation-iteration-count:2}
    #container .philosophy .phil05 .ico{position:absolute;bottom:15px;left:50%;margin-left:-10px}
    #container .philosophy .phil05 .ico.init{transform:translateX(0px);opacity:1;transition: none}
    #container .philosophy .phil05 .ico.animate{transform:translateX(5px);transition:all 0.8s;transition-delay:1s;}
    #container .philosophy .phil05 .ico img{width:auto;max-width:55px}
    #container .philosophy .phil06{padding:45px 0 0 0}
    #container .philosophy .phil06 .tit{font-size:24px;margin:0 0 45px 0;text-align:center;word-break:keep-all}
    #container .philosophy .phil06 .tit span{font-weight:700;color:#1a478c}
    #container .philosophy .phil06 .txt{}
    #container .philosophy .phil06 .txt .diagram{display:flex;flex-direction:column;align-items:center}
    #container .philosophy .phil06 .txt .diagram li{width:160px; height:160px; border-radius:50%; border:1px solid #1a478c; display:inline-flex; flex-direction:column; align-items:center; justify-content:center; font-size:14px; color:#1a478c; line-height:1.2;text-align:center}
    #container .philosophy .phil06 .txt .diagram li + li{margin-top:-20px}
    #container .philosophy .phil06 .txt .diagram li::before{content:""; display:block; width:32px; height:32px;  background:url('../img/icon_check_line.png') no-repeat 50% 50% /contain; margin-bottom:10px}
    #container .philosophy .phil06 .txt .diagram li.last{margin-top:50px; background:#1a478c; color:#fff; position:relative}
    #container .philosophy .phil06 .txt .diagram li.last::before{background:url('../img/icon_check_leaf.png') no-repeat 50% 50% /contain}
    #container .philosophy .phil06 .txt .diagram li.last::after{content:""; display:block; width:1px; height:52px; background:#1a478c; position:absolute; bottom:100%; left:50%}
    #container .philosophy .phil06 .img{text-align:right;display:flex;align-items:flex-end;justify-content:flex-end;margin:30px 0 0}
    #container .philosophy .phil06 .img img{display:block;width:116px}
    #container .philosophy .phil07{background:url("../img/img_philosophy_phil07.gif") no-repeat center top / cover;padding:45px 0 100px;text-align:center}
    #container .philosophy .phil07 .tit{font-size:24px;margin:0 0 40px 0;text-align:center}
    #container .philosophy .phil07 .txt{}
    #container .philosophy .phil07 .txt ul{margin:0 auto;width:1000px;max-width:100%}
    #container .philosophy .phil07 .txt li{display:flex;flex-direction:column}
    #container .philosophy .phil07 .txt li + li{margin:32px 0 0 0}
    #container .philosophy .phil07 .txt li p{font-size:14px;text-align:left;font-style:italic;line-height:20px}
    #container .philosophy .phil07 .txt li span{font-size:12px;text-align:right;margin-top:20px;font-style:italic}
    #container .philosophy .phil08{background:#8ad4ef url(../img/img_philosophy_phil08_mo.png) no-repeat bottom center / auto 100%;padding:45px 0;text-align:center;height:492px}
    #container .philosophy .phil08.animate{background:#8ad4ef url(../img/img_philosophy_phil08_mo.gif) no-repeat bottom center / auto 100%;}
    #container .philosophy .phil08 .tit{font-size:24px;margin:0 0 15px 0;text-align:center;word-break:keep-all}
    #container .philosophy .phil08 .txt{font-size:14px}
    #container .philosophy .phil09{position:relative;text-align:center;background:#e6e6e6;overflow:hidden}
    #container .philosophy .phil09 .bg{position:relative;height:100px;margin: 0 0 25px 0;}
    #container .philosophy .phil09 .bg p{position:absolute;top:0;left:50%;width:200%;height:50px;line-height:50px;color:#d5d5d5;font-size:47px;font-weight:700;opacity:.25;transform:translateX(-50%);white-space:nowrap}
    #container .philosophy .phil09 .bg p:after{content:'';display:table;line-height:0;clear:both}
    #container .philosophy .phil09 .bg p span{white-space:nowrap;overflow:hidden;display:inline-block}
    #container .philosophy .phil09 .bg p:nth-child(1){animation:slide-forward 50s infinite reverse linear;margin-left:-50rem}
    #container .philosophy .phil09 .bg p:nth-child(2){top:50%;animation:slide-back 50s infinite reverse linear;margin-left:-50rem}
    #container .philosophy .phil09 .tit{font-size:24px;margin:0 0 20px 0;padding:0 16px;word-break:keep-all;}
    #container .philosophy .phil09 .img{max-width:100%;overflow:hidden}
    #container .philosophy .phil09 .img img{display:block;margin:0 auto;width:100%}


    /**/
    #container .learning{}
    #container .learning .sect{display:flex;flex-direction:column;position:relative}
    #container .learning .learning01{text-align:center;background:url("../img/img_learning_learn01.jpg") no-repeat center top / cover;padding:200px 0 320px 0;text-align:center;position:relative}
    #container .learning .learning01 .tit{font-size:24px;color:#fff;margin:0 0 40px 0}
    #container .learning .learning01 .txt{font-size:14px;color:#fff}
    #container .learning .learning01 .bot{position:absolute;bottom:0;left:0;width:100%;z-index:2;background:rgba(0, 0, 0, 0.6);font-style:italic;padding:18px 0;text-align:left}
    #container .learning .learning01 .bot strong{margin:0 0 14px 0;font-size:14px;font-weight:400;color:#fff;display:block}
    #container .learning .learning01 .bot p{font-size:14px;font-weight:400;color:#fff}
    #container .learning .learning02{}
    #container .learning .learning02 .img{overflow:hidden}
    #container .learning .learning02 .img img{width:100%;height:auto}
    #container .learning .learning02 .img.mo{display:none}
    #container .learning .learning03{background:url("../img/img_learning_learn03.jpg") no-repeat center top / cover}
    #container .learning .learning03 .wrap{height:115px;display:flex;align-items:center;justify-content:center}
    #container .learning .learning03 .tit{font-size:24px;color:#333}
    #container .learning .learning03 .tit strong{font-weight:500}
    #container .learning .learning04{padding:120px 0 240px 0;background:#dbe3e6 url(../img/img_learning_learn04_mo.png) no-repeat center top / auto 100%;text-align:center;min-height:450px}
    #container .learning .learning04 .tit{font-size:14px;position:relative;z-index:5}
    #container .learning .learning04 .img{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center}
    #container .learning .learning04 .img img{width:auto;height:100%;animation:blink-effect 3s infinite}
    #container .learning .learning05{padding:35px 0 70px;background:#abd9e8;text-align:center}
    #container .learning .learning05 {position:relative}
    #container .learning .learning05 .img{width:100%;margin:0 0 50px 0;position:relative;background:#abd9e8}
    #container .learning .learning05 .img.sticky{position:sticky;top:36px}
    #container .learning .learning05 .img img{width:100%;height:auto}
    #container .learning .learning05 .con{}
    #container .learning .learning05 .con + .con{margin-top:50px}
    #container .learning .learning05 .tit{margin:0 0 15px 0;font-size:20px}
    #container .learning .learning05 .tit br{display:none}
    #container .learning .learning05 .txt{font-size:14px;color:#494949;word-break:keep-all}
    #container .learning .learning06{background:url("../img/img_learning_learn06_mo.png") no-repeat center top / cover;padding:75px 0}
    #container .learning .learning06 .wrap{display:flex;text-align:center;flex-direction:column;align-items:center;justify-content:center}
    #container .learning .learning06 .tit{font-size:24px;margin:0 0 20px 0}
    #container .learning .learning06 .txt{font-size:14px;word-break:keep-all}
    #container .learning .learning06 .txt strong{font-weight:600}


    /**/
    #container .store{padding:45px 0}
    #container .store .sect{text-align:center;margin:0 0 60px 0}
    #container .store .sect .tit{margin:0 0 20px 0;font-size:24px;color:#3e3e3e}
    #container .store .sect .txt{font-size:14px;color:#6e6e6e}
    #container .store .search{background:#eeeeee;margin:0 0 25px 0;padding:20px}
    #container .store .search p{line-height:1;font-size:13px;margin:0 0 10px 0;color:#000}
    #container .store .search .input{display:flex;flex-wrap:wrap}
    #container .store .search select{width:32%;height:40px;padding:0 12px;font-size:12px;background:#fff url("../img/icon_dropdown.png") no-repeat right 10px center}
    #container .store .search select + select{margin-left:2%}
    #container .store .search button,
    #container .store .search a{width:100%;height:40px;font-size:14px;color:#fff;background:#333;margin:10px 0 0 0;display:flex;align-items:center;justify-content:center}
    #container .store .list{overflow-x:scroll}
    #container .store .list .in{display:flex;align-items:center;justify-content:end;margin:0 0 30px 0;border-bottom:1px solid #b0b0b0;padding:0 0 10px 0}
    #container .store .list .in p{display:flex;align-items:center;justify-content:center;font-size:13px}
    #container .store .list .in p img{width:12px}
    #container .store .list .in p + p{margin-left:15px}
    #container .store .list .hd{white-space:nowrap;width:100%;display:none}
    #container .store .list .hd li{display:flex}
    #container .store .list .hd li .desc{text-align:center;height:43px;background:#eeeeee;display:flex;align-items:center;justify-content:center;font-size:14px;color:#000}
    #container .store .list .bd{}
    #container .store .list .bd li{border-bottom:1px solid #dbdbdb}
    #container .store .list .bd li .head{display:flex;flex-direction:column;align-items:flex-start;position:relative;padding:12px 0;padding-right:37px}
    #container .store .list .bd li .head .desc{padding:2px 0;display:flex;align-items:flex-start;justify-content:center;flex-direction:column}
    #container .store .list .bd li .head .addr{width:100%;font-size:13px}
    #container .store .list .bd li .head .name{font-size:13px;display:flex;align-items:center}
    #container .store .list .bd li .head .name i{width:12px;height:12px;margin:0 6px 0 0}
    #container .store .list .bd li .head .name i.home{background:url("../img/icon_house_home.png") no-repeat 50% 50% / 100% auto}
    #container .store .list .bd li .head .name i.villa{background:url("../img/icon_house_villa.png") no-repeat 50% 50%}
    #container .store .list .bd li .head .tele{flex:1;font-size:13px}
    #container .store .list .bd li .head .link{justify-content:center;display:flex}
    #container .store .list .bd li .head .link a{}
    #container .store .list .bd li .head .link a img{display:block;width:30px}
    #container .store .list .bd li .head .link a + a{margin-left:8px}
    #container .store .list .bd li .head .zido{width:100%;align-items:center;justify-content:center;display:flex}
    #container .store .list .bd li .head .zido a{}
    #container .store .list .bd li .head .zido a img{display:block;width:30px}
    #container .store .list .bd li .head .zido a + a{margin-left:15px}
    #container .store .list .bd li .map_cont{border:2px solid #1a478c;padding:16px;display:none;margin:15px 0 0 0}
    #container .store .list .bd li .map_cont.active{display:block}
    #container .store .list .bd li .map_cont .info{display:flex;flex-direction:column;margin:0 0 12px 0;padding:0 0 12px 0;border-bottom:1px solid #dbdbdb}
    #container .store .list .bd li .map_cont .info .name{line-height:25px;margin:0 0 12px 0;font-size:16px;font-weight:500;color:#1a478c}
    #container .store .list .bd li .map_cont .info .con{flex:1}
    #container .store .list .bd li .map_cont .info .con dl{display:flex}
    #container .store .list .bd li .map_cont .info .con dl + dl{margin-top:5px}
    #container .store .list .bd li .map_cont .info .con dt{flex-shrink:0;width:25px;height:25px}
    #container .store .list .bd li .map_cont .info .con dd{font-size:13px;flex:1;line-height:25px}
    #container .store .list .bd li .map_cont .map{}
    #container .store .list .bd li .map_cont .map > div{width:100%;height:150px;display:flex;align-items:center;justify-content:center;font-size:15px;color:#000;background:#eee;border:1px solid #000}
    #container .store .list li .desc:nth-child(1){}
    #container .store .list li .desc:nth-child(2){flex:1}
    #container .store .list li .desc:nth-child(3){}
    #container .store .list li .desc:nth-child(4){position:absolute;top:50%;right:0;transform:translateY(-50%)}

    /**/
    #container .program{}
    #container .program .program01{background:url("../img/img_program_program01_mo.png") no-repeat 50% 50% / cover;display:flex;flex-direction:column;justify-content:end;padding:40px 0;text-align:center;height:480px}
    #container .program .program01 .tit{font-size:24px;margin:0 0 25px 0}
    #container .program .program01 .txt{font-size:14px}
    #container .program .program02{}
    #container .program .program02 .desc{padding:130px 0;position:relative}
    #container .program .program02 .desc .tit{font-size:24px;margin:0 0 10px 0}
    #container .program .program02 .desc .txt{font-size:14px;margin:0 0 100px 0}
    #container .program .program02 .desc .step{position:relative;display:flex}
    #container .program .program02 .desc .step .img{display:flex;flex-direction:column;align-items:center;padding:0 0 0 14px;flex-shrink:0}
    #container .program .program02 .desc .step .img img{width:90px;height:90px}
    #container .program .program02 .desc .step .img p{margin:12px 0 0 0;padding:0 0 5px 0;font-size:15px;position:relative;display:inline-block;font-weight:500}
    #container .program .program02 .desc .step .img p:after{content:'';position:absolute;bottom:0;left:0;width:100%;height:2px;background:#333}
    #container .program .program02 .desc .step .con{flex:1;display:flex;flex-direction:column;background:#fff;position:relative;margin-top:50px;margin-left:30px;padding:15px}
    #container .program .program02 .desc .step .con:before{content:'';position:absolute;top:0;right:100%;width:20px;height:20px;box-sizing:border-box;border-top:10px solid #fff;border-right:10px solid #fff;border-bottom:10px solid transparent;border-left:10px solid transparent}
    #container .program .program02 .desc .step .con strong{font-size:16px;line-height:1;margin:0 0 10px 0}
    #container .program .program02 .desc .step .con span{font-size:14px;color:#333333}
    #container .program .program02 .desc .step .con p{margin:14px 0 0 0;font-size:14px;word-break:keep-all}
    #container .program .program02 .desc .step .con p br{display:none}
    #container .program .program02 .desc:nth-child(1){background:#ffe079;padding:40px 0 100px 0;text-align:center}
    #container .program .program02 .desc:nth-child(1):before{content:'';position:absolute;bottom:0;left:74px;width:3px;height:50%;background:#fff}
    #container .program .program02 .desc:nth-child(1) .step .con{text-align:left}
    #container .program .program02 .desc:nth-child(1) .step .con strong{color:#ffc500}
    #container .program .program02 .desc:nth-child(2){background:#c4ffec}
    #container .program .program02 .desc:nth-child(2):before{content:'';position:absolute;top:0;left:74px;width:3px;height:100%;background:#fff}
    #container .program .program02 .desc:nth-child(2) .step .con{text-align:left;margin-left:35px}
    #container .program .program02 .desc:nth-child(2) .step .con strong{color:#53c5a0}
    #container .program .program02 .desc:nth-child(3){background:#ffdaea }
    #container .program .program02 .desc:nth-child(3):before{content:'';position:absolute;top:0;left:74px;width:3px;height:100%;background:#fff}
    #container .program .program02 .desc:nth-child(3) .step .con strong{color:#e57aa8}
    #container .program .program02 .desc:nth-child(4){background:#dbf3ff}
    #container .program .program02 .desc:nth-child(4):before{content:'';position:absolute;top:0;left:74px;width:3px;height:40%;background:#fff}
    #container .program .program02 .desc:nth-child(4) .step .con{text-align:left;margin-left:35px}
    #container .program .program02 .desc:nth-child(4) .step .con strong{color:#5ab6e2}
    #container .program .program03{background-image:url("../img/img_process01_basic03.png");background-repeat:no-repeat;background-position:50% 50%;background-size:auto 100%;display:flex;flex-direction:column;justify-content:end;padding:45px 0;text-align:center;background-color:#f6f6f6}
    #container .program .program03 .tit{font-size:24px;margin:0 0 25px 0}
    #container .program .program03 .txt{font-size:12px;margin:0 0 5px 0}
    

    /**/
    #container .process{}
    #container .process .sect{}
    #container .process .process01{display:flex;flex-direction:column;justify-content:end;padding:45px 0 0 0;text-align:center}
    #container .process .process01 .tit{font-size:24px;margin:0 0 15px 0;position:relative;z-index:2;word-break:keep-all}
    #container .process .process01 .txt{font-size:14px;margin:0 0 15px 0}
    #container .process .process01 .img{}
    #container .process .process01 .img img{width:auto;max-width:100%;display:block;margin:0 auto}
    #container .process .process02{background:#fff;display:flex;flex-direction:column;justify-content:end;padding:45px 0 90px 0;text-align:center;overflow:hidden}
    #container .process .process02 .sub{display:flex;align-items:center;flex-direction:column;margin:0 0 25px 0}
    #container .process .process02 .sub img{width:45px}
    #container .process .process02 .sub p{margin:10px 0 0 0;padding:0 0 10px 0;font-size:15px;position:relative;display:inline-block}
    #container .process .process02 .sub p:after{content:'';position:absolute;bottom:0;left:0;width:100%;height:1px;background:#333}
    #container .process .process02 .tit{font-size:24px;margin:0 0 25px 0;word-break:keep-all}
    #container .process .process02 .tit br{display:none}
    #container .process .process02 .txt{position:relative;font-size:14px}
    #container .process .process02 .txt p{position:relative;z-index:2;word-break:keep-all}
    #container .process .process02 .txt p span{padding:0 5px}
    #container .process .process02 .txt p span{position:relative;font-weight:bold;display:inline-block;transform:translateY(0px)}
    #container .process .process02 .txt p span.init:before{content:'';position:absolute;top:0;left:0;bottom:0;width:0%;transition:all 1s;z-index:-1}
    #container .process .process02 .txt p span.animate:before{width:100%}
    #container .process .process02 .txt:before{content:'';position:absolute;z-index:0;width:70px;height:50px;transition:all 0.8s}
    #container .process .process02 .txt:after{content:'';position:absolute;width:70px;height:50px;transition:all 0.8s}
    #container .process .process02 .txt.init:before{transform:translateX(-50px);opacity:0;transition: none;}
    #container .process .process02 .txt.animate:before{transform:translateX(0px);opacity:1;transition: all 0.8s;transition-delay:0.8s}
    #container .process .process02 .txt.init:after{transform:translateX(50px);opacity:0;transition:none}
    #container .process .process02 .txt.animate:after{transform:translateX(0px);opacity:1;transition: all 0.8s;transition-delay:0.8s}
    #container .process .process03{background-image:url("../img/img_process01_basic03.png");background-repeat:no-repeat;background-position:50% 50%;background-size:375px auto;display:flex;flex-direction:column;justify-content:end;padding:45px 0;text-align:center}
    #container .process .process03 .tit{font-size:18px;word-break:keep-all}
    #container .process .process03 .tit + .txt{margin-top:25px}
    #container .process .process03 .tit br{display:none}
    #container .process .process03 .txt{font-size:14px;margin:0 0 15px 0;word-break:keep-all}
    #container .process .process04{display:flex;flex-direction:column;justify-content:end;padding:45px 0;text-align:center}
    #container .process .process04 .tit{font-size:24px;margin:0 0 25px 0}
    #container .process .process04 .prs{}
    #container .process .process04 .prs ul{margin:0 auto;width:740px;max-width:100%}
    #container .process .process04 .prs li{margin:0 0 45px 0}
    #container .process .process04 .prs li .name{position:relative;margin:0 0 25px 0;display:inline-flex;padding:0 30px;height:30px;align-items:center;justify-content:center;border-radius:58px;background:#ffe079;font-size:15px;font-weight:600}
    #container .process .process04 .prs li .name2{background-color:#174690 !important;color:#fff}
    #container .process .process04 .prs li .act{margin:-15px 0 25px 0}
    #container .process .process04 .prs li .act a{font-size:13px}
    #container .process .process04 .prs li .img{margin:0 0 30px 0;display:flex;align-items:center;justify-content:center}
    #container .process .process04 .prs li .img img{display:block;width:auto;max-width:100%;border:1px solid #c3c3c3}
    #container .process .process04 .prs li .img.nobd img{border:0}
    #container .process .process04 .prs li .img i{flex:1}
    #container .process .process04 .prs li .img i + i{margin-left:10px}
    #container .process .process04 .prs li .con{}
    #container .process .process04 .prs li .con + .img{margin-top:50px}
    #container .process .process04 .prs li .con dl{display:flex;font-size:14px;border-bottom:1px dashed #ccc;padding:10px 0;font-weight:500}
    #container .process .process04 .prs li .con dl:last-child{border-bottom:0}
    #container .process .process04 .prs li .con dl:before{content:'';position:relative;margin:10px 8px 0 0;width:4px;height:4px;background:#53afe3;border-radius:50%;flex-shrink:0}
    #container .process .process04 .prs li .con dt{flex-shrink:0}
    #container .process .process04 .prs li .con dt:after{content:':';margin:0 10px}
    #container .process .process04 .prs li .con dd{text-align:left;word-break:keep-all}
    #container .process .process04 .prs li .con dd br{display:none}
    #container .process .process04 .prs li.plus .name{flex-direction:column;align-items:center;justify-content:center;margin-top:35px}
    #container .process .process04 .prs li.plus .name:before{content:'';position:absolute;top:-35px;width:20px;height:20px;background:url("../img/img_process_plus.png") no-repeat 50% 50% / 100% auto;flex-shrink:0;transition:all 0.5s} 
    #container .process .process04 .prs li.plus.init .name:before{transform:rotate(180deg);transition: none;}
    #container .process .process04 .prs li.plus.animate .name:before{transform:rotate(0deg);transition: all 0.8s}
    #container .process .process04 .brain{position:relative}
    #container .process .process04 .brain .tit{margin:0 0 15px 0;font-size:24px}
    #container .process .process04 .brain .txt{font-size:14px;margin:0 0 40px 0}
    #container .process .process04 .brain .txt span{padding:0 5px;background:#cbf3fc;font-weight:bold}
    #container .process .process04 .brain .image{position:relative;top:0;background:#fff;padding:45px 0;display:flex;align-items:center;justify-content:center}
    #container .process .process04 .brain .image img{display:block;margin:0 auto;width:100%;transition:all 0.5s}
    #container .process .process04 .brain .image img:nth-child(1){position:relative;left:0;transform:translateX(0)}
    #container .process .process04 .brain .image img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0;visibility:hidden;transition:all 0.8s}
    #container .process .process04 .brain .image.type1 img:nth-child(1){opacity:1;visibility:visible}
    #container .process .process04 .brain .image.type2 img:nth-child(2){opacity:1;visibility:visible}
    #container .process .process04 .brain .image.type3 img:nth-child(3){opacity:1;visibility:visible}
    #container .process .process04 .brain .image.type4 img:nth-child(4){opacity:1;visibility:visible}
    #container .process .process04 .brain .image.sticky{position:sticky}
    #container .process .process04 .brain .image.sticky img{width:100%}
    #container .process .process04 .brain .img{display:flex;align-items:center;justify-content:center;padding-bottom:50px;margin-bottom:50px}
    #container .process .process04 .brain .img img{width:100%;height:auto}
    #container .process .process04 .brain .img i + i{margin-left:15px}
    #container .process .process04 .brain .img:nth-child(1){margin-bottom:50px}
    #container .process .process04 .preview{}
    #container .process .process04 .preview .tit{margin:0 0 15px 0;font-size:24px}
    #container .process .process04 .preview .txt{font-size:14px;margin:0 0 35px 0}
    #container .process .process04 .preview .txt br{display:none}
    #container .process .process04 .preview .txt span{padding:0 5px;font-weight:500;position:relative}
    #container .process .process04 .preview .txt span.init:before{content:'';position:absolute;top:0;left:0;bottom:0;width:0%;transition: none;z-index:-1}
    #container .process .process04 .preview .txt span.animate:before{width:100%;background:#eadaf4;transition:all 1s;}
    #container .process .process04 .preview .img{display:flex;align-items:center;justify-content:center;margin:0}
    #container .process .process04 .preview .img i{flex:1}
    #container .process .process04 .preview .img i + i{margin-left:8px}
    #container .process .process04 .preview .img img{width:auto;max-width:100%;height:auto}
    #container .process .process04 .preview .img img + img{margin-left:15px}
    #container .process .process05{display:flex;flex-direction:column;justify-content:end;padding:45px 0;text-align:center;background:#f6f6f6}
    #container .process .process05 .tit{font-size:24px;margin:0 0 25px 0;word-break:keep-all}
    #container .process .process05 .txt{font-size:14px;margin:0 0 50px 0;word-break:keep-all}
    #container .process .process05 .txt span{color:#174690;font-weight:500}
    #container .process .process05 .prcs_tit{position:relative;margin:0 0 15px 0;display:inline-flex;padding:0 30px;height:30px;align-items:center;justify-content:center;border-radius:58px;background:#ffe079;font-size:15px;font-weight:600}
    #container .process .process05 .prcs_tit.yellow{background:#ffe079}
    #container .process .process05 .prcs_tit.pink{background:#ffdaea}
    #container .process .process05 .prcs_tit.blue{background:#dbf3ff}
    #container .process .process05 .img{position:relative}
    #container .process .process05 .img img{width:auto;max-width:100%;display:block;margin:0 auto}
    #container .process .process05 .img:before{content:'';position:absolute;top:0;right:10%;height:37.5%;background:#f6f6f6;}
    #container .process .process05 .img.init:before{width:100%;transition: none;}
    #container .process .process05 .img.animate:before{width:0px;transition: all 1.5s;transition-delay:0.8s}
    #container .process .process05 .img ul{}
    #container .process .process05 .img li{display:flex;flex-direction:column;align-items:center}
    #container .process .process05 .img + .prcs_tit{margin-top:50px}
    #container .process .process06{display:flex;flex-direction:column;justify-content:end;padding:45px 0;text-align:center}
    #container .process .process06 .tit{font-size:24px;margin:0 0 25px 0}
    #container .process .process06 .txt{font-size:24px;margin:0 0 15px 0}
    #container .process .process06 .txt p{font-size:15px}
    #container .process .process06 .txt span{margin-top:10px;display:block;font-size:14px}
    #container .process .basic01{background:#ffe079}
    #container .process .basic02 .txt p span{padding:0 5px}
    #container .process .basic02 .txt p span:before{background-color:#FFE07A}
    #container .process .basic02 .txt:before{top:-38px;left:0;background:url("../img/img_process_before.png") no-repeat 50% 50% / 100% auto}
    #container .process .basic02 .txt:after{bottom:-28px;right:0;background:url("../img/img_process_after.png") no-repeat 50% 50% / 100% auto} 
    #container .process .basic03{background-color:#f9f7ef}
    #container .process .basic04 .prs li .name{background:#ffe079}
    #container .process .basic04 .prs li .con dl:before{background-color:#53afe3}
    #container .process .grow01{background:#c4ffec}
    #container .process .grow02 .txt p span{padding:0 5px;background:#c4ffec}
    #container .process .grow02 .txt p span:before{background:#c4ffec}
    #container .process .grow02 .txt:before{top:-38px;left:0;background:url("../img/img_process_before2.png") no-repeat 50% 50% / 100% auto}
    #container .process .grow02 .txt:after{bottom:-28px;right:0;background:url("../img/img_process_after2.png") no-repeat 50% 50% / 100% auto}
    #container .process .grow03{background-color:#eff9f7}
    #container .process .grow04 .prs li .name{background:#c4ffec}
    #container .process .grow04 .prs li:nth-child(1) .con:nth-child(3) dl:before{background-color:#44bd99}
    #container .process .grow04 .prs li:nth-child(1) .con:nth-child(5) dl:before{background-color:#8bc55d}
    #container .process .grow04 .prs li:nth-child(2) .con:nth-child(3) dl:before{background-color:#ffd05b}
    #container .process .grow04 .prs li:nth-child(2) .con:nth-child(5) dl:before{background-color:#f595aa}
    #container .process .grow04 .prs li:nth-child(4) .con:nth-child(4) dl:before{background-color:#174690}
    #container .process .grow04 .prs li:nth-child(5) .con:nth-child(4) dl:before{background-color:#174690}
    #container .process .master01{background:#ffdaea}
    #container .process .master02 .txt p span{padding:0 5px;background:#ffdaea}
    #container .process .master02 .txt p span:before{background:#ffdaea}
    #container .process .master02 .txt:before{top:-38px;left:0;background:url("../img/img_process_before3.png") no-repeat 50% 50% / 100% auto}
    #container .process .master02 .txt:after{bottom:-28px;right:0;background:url("../img/img_process_after3.png") no-repeat 50% 50% / 100% auto}
    #container .process .master03{background-color:#fff4f9}
    #container .process .master04 .prs li .name{background:#ffdaea}
    #container .process .master04 .prs li:nth-child(1) .con:nth-child(3) dl:before{background-color:#1b488c}
    #container .process .master04 .prs li:nth-child(1) .con:nth-child(5) dl:before{background-color:#f26e59}
    #container .process .master04 .prs li:nth-child(1) .con:nth-child(7) dl:before{background-color:#a0c9ec}
    #container .process .master04 .prs li:nth-child(1) .con:nth-child(9) dl:before{background-color:#8bc55d}
    #container .process .master04 .prs li:nth-child(2) .con:nth-child(3) dl:before{background-color:#53afe3}
    #container .process .master04 .prs li:nth-child(2) .con:nth-child(5) dl:before{background-color:#2a3a84}
    #container .process .master04 .prs li:nth-child(2) .con:nth-child(7) dl:before{background-color:#f595aa}
    #container .process .master04 .prs li:nth-child(4) .con:nth-child(4) dl:before{background-color:#174690}
    #container .process .master04 .prs li:nth-child(5) .con:nth-child(4) dl:before{background-color:#174690}
    #container .process .elementary01{background:#dbf3ff}
    #container .process .elementary02 .txt p span{padding:0 5px;background:#dbf3ff}
    #container .process .elementary02 .txt p span:before{background:#dbf3ff}
    #container .process .elementary02 .txt:before{top:-38px;left:0;background:url("../img/img_process_before4.png") no-repeat 50% 50% / 100% auto}
    #container .process .elementary02 .txt:after{bottom:-28px;right:0;background:url("../img/img_process_after4.png") no-repeat 50% 50% / 100% auto}
    #container .process .elementary02 .sub img{width:45px}
    #container .process .elementary03{background-color:#f3fbff}
    #container .process .elementary04 .prs li .name{background:#dbf3ff}
    #container .process .elementary04 .prs li:nth-child(1) .con:nth-child(3) dl:before{background-color:#d3445e}
    #container .process .elementary04 .prs li:nth-child(1) .con:nth-child(5) dl:before{background-color:#24b67b}
    #container .process .elementary04 .prs li:nth-child(1) .con:nth-child(7) dl:before{background-color:#0a415e}
    #container .process .elementary04 .prs li:nth-child(1) .con:nth-child(9) dl:before{background-color:#b6d542}
    #container .process .elementary04 .prs li:nth-child(2) .con:nth-child(3) dl:before{background-color:#d3445e}
    #container .process .elementary04 .prs li:nth-child(2) .con:nth-child(5) dl:before{background-color:#0a415e}
    #container .process .elementary04 .prs li:nth-child(2) .con:nth-child(7) dl:before{background-color:#fcdd09}
    #container .process .elementary04 .prs li:nth-child(4) .con:nth-child(4) dl:before{background-color:#174690}
    #container .process .elementary04 .prs li:nth-child(5) .con:nth-child(4) dl:before{background-color:#174690}
    #container .process .learning01{background:#e1dbf4}
    #container .process .learning01 .tit span{color:#171a90}
    #container .process .learning01 .img{margin-top:-97px;position:relative;z-index:1}
    #container .process .learning02 .txt p span{padding:0 5px}
    #container .process .learning02 .txt p span:before{background:#eadaf4}
    #container .process .learning02 .txt:before{top:-38px;left:0;background:url("../img/img_process_before5.png") no-repeat 50% 50% / 100% auto}
    #container .process .learning02 .txt:after{bottom:-28px;right:0;background:url("../img/img_process_after5.png") no-repeat 50% 50% / 100% auto} 
    #container .process .learning03{background-color:#eadaf4;background-image:none}

    /**/
    #container .diagnostic{}
    #container .diagnostic .sect{}
    #container .diagnostic .diagnostic01{position:relative;background:#fff}
    #container .diagnostic .diagnostic01 .wrap{padding:0}
    #container .diagnostic .diagnostic01 .img{position:relative;padding:45px 0 0 0;width:100%;z-index:5}
    #container .diagnostic .diagnostic01 .img img{width:auto;max-width:100%;height:auto}
    #container .diagnostic .diagnostic01 .move{position:absolute;bottom:30px;left:0;z-index:6}
    #container .diagnostic .diagnostic01 .move img{width:auto;max-width:100%;height:auto}
    #container .diagnostic .diagnostic01 .tit{font-size:24px;position:absolute;top:45px;left:0;z-index:10;width:100%;text-align:center}
    #container .diagnostic .diagnostic01 .txt{}
    #container .diagnostic .diagnostic02{padding:45px 0;text-align:center}
    #container .diagnostic .diagnostic02 .tit{font-size:48px}
    #container .diagnostic .diagnostic02 .tit img{display:block;margin:0 auto;width:auto;max-width:282px}
    #container .diagnostic .diagnostic02 .txt{font-size:22px;display:none}
    #container .diagnostic .diagnostic03{padding:45px 0;text-align:center;background:#f5f7f7}
    #container .diagnostic .diagnostic03 .tit{font-size:24px;margin:0 0 40px 0}
    #container .diagnostic .diagnostic03 .txt{}
    #container .diagnostic .diagnostic03 .txt dl{display:flex;flex-direction:column;margin:0 auto;width:1020px;max-width:100%}
    #container .diagnostic .diagnostic03 .txt dt{flex-shrink:0;align-items:center;justify-content:center;font-size:24px;display:flex;margin:0 0 20px 0}
    #container .diagnostic .diagnostic03 .txt dd{flex:1}
    #container .diagnostic .diagnostic03 .txt dd ul{display:flex}
    #container .diagnostic .diagnostic03 .txt dd li{flex:1;display:flex;flex-direction:column;background:#fff;border:1px solid #e8e8e8;align-items:center;padding:12px 6px}
    #container .diagnostic .diagnostic03 .txt dd li * {transition:all 0.3s}
    #container .diagnostic .diagnostic03 .txt dd li:hover{border-color:#1e3d82;background-color:#1e3d82}
    #container .diagnostic .diagnostic03 .txt dd li:hover > div p{opacity:1;visibility:visible}
    #container .diagnostic .diagnostic03 .txt dd li:hover > div img{opacity:0;visibility:hidden}
    #container .diagnostic .diagnostic03 .txt dd li:hover > strong{color:#fff}
    #container .diagnostic .diagnostic03 .txt dd li:hover > i:before{background:#fff}
    #container .diagnostic .diagnostic03 .txt dd li:hover > i:after{display:none;background:#fff}
    #container .diagnostic .diagnostic03 .txt dd li + li{margin-left:10px}
    #container .diagnostic .diagnostic03 .txt dd li > div {display:flex;align-items:center;justify-content:center;flex-direction:column;height:50px;width:100%;position:relative}
    #container .diagnostic .diagnostic03 .txt dd li > div p{position:absolute;top:50%;left:50%;font-size:10px;color:#fff;width:100%;opacity:0;visibility:hidden;transform:translate(-50%,-50%)}
    #container .diagnostic .diagnostic03 .txt dd li > div img{position:absolute;top:50%;left:50%;width:auto;max-width:41px;height:auto;transform:translate(-50%,-50%);transition:none}
    #container .diagnostic .diagnostic03 .txt dd li > strong{margin:10px 0 0 0;font-size:16px;color:#3e3e3e;font-weight:500;line-height:1}
    #container .diagnostic .diagnostic03 .txt dd li > i{margin:10px 0 0 0;width:14px;height:14px;position:relative}
    #container .diagnostic .diagnostic03 .txt dd li > i:before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:14px;height:2px;background:#333}
    #container .diagnostic .diagnostic03 .txt dd li > i:after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:2px;height:14px;background:#333}
    #container .diagnostic .diagnostic03 .txt dl + dl{margin-top:40px}
    #container .diagnostic .diagnostic04{padding:45px 0;text-align:center;background:#939393}
    #container .diagnostic .diagnostic04 .tit{font-size:24px;color:#fff;margin:0 0 20px 0}
    #container .diagnostic .diagnostic04 .txt{}
    #container .diagnostic .diagnostic04 .txt ol{max-width:100%;width:920px;display:block;margin:0 auto;text-align:left}
    #container .diagnostic .diagnostic04 .txt li{line-height:20px;display:flex;font-size:14px;color:#fff}
    #container .diagnostic .diagnostic04 .txt li:before{content:'';width:4px;height:4px;border-radius:50%;background:#fff;margin:7px 6px 0 0;flex-shrink:0}
    #container .diagnostic .diagnostic05{padding:45px 0;text-align:center;overflow:hidden}
    #container .diagnostic .diagnostic05 .wrap{position:relative;width:1350px;margin:0 auto;max-width:375px}
    #container .diagnostic .diagnostic05 .tit{display:flex;align-items:center;justify-content:center;height:60vh;font-size:18px;margin:0 0 130px 0;flex-direction:column}
    #container .diagnostic .diagnostic05 .tit span{font-size:24px;color:#1e3d82;display:block}
    #container .diagnostic .diagnostic05 .img{}
    #container .diagnostic .diagnostic05 .img ul{}
    #container .diagnostic .diagnostic05 .img li{position:absolute;overflow:hidden;border-radius:50%}
    #container .diagnostic .diagnostic05 .img li img{transform:scale(1);transition:all 0.8s}
    #container .diagnostic .diagnostic05 .img li:hover img{transform:scale(1.1)}
    #container .diagnostic .diagnostic05 .img li:nth-child(1){top:7%;left:-7%}
    #container .diagnostic .diagnostic05 .img li:nth-child(1) img{width:157px}
    #container .diagnostic .diagnostic05 .img li:nth-child(2){top:0;right:5%}
    #container .diagnostic .diagnostic05 .img li:nth-child(2) img{width:170px}
    #container .diagnostic .diagnostic05 .img li:nth-child(3){bottom:5%;left:-5%}
    #container .diagnostic .diagnostic05 .img li:nth-child(3) img{width:167px}
    #container .diagnostic .diagnostic05 .img li:nth-child(4){bottom:-26%;left:31%}
    #container .diagnostic .diagnostic05 .img li:nth-child(4) img{width:192px}
    #container .diagnostic .diagnostic05 .img li:nth-child(5){bottom:12%;right:-5%}
    #container .diagnostic .diagnostic05 .img li:nth-child(5) img{width:157px}
    
    /**/
    #container .presence{}
    #container .presence .sect{}
    #container .presence .presence01{min-height:480px;background:url("../img/img_presence_presence01_mo.png") no-repeat 50% 50% / cover;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:45px 0}
    #container .presence .presence01 .tit{line-height:28px;font-size:20px;color:#fff;text-align:center}
    #container .presence .presence02{background:#ffcf59;padding:45px 0}
    #container .presence .presence02 .tit{text-align:center;margin:0 0 20px 0;font-size:18px;color:#1a478c}
    #container .presence .presence02 .vod{margin:0 auto;width:880px;max-width:100%;position:relative}
    #container .presence .presence02 .vod .img{position:relative;z-index:2;padding:56.25% 0 0 0}
    #container .presence .presence02 .vod .img img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}
    #container .presence .presence02 .vod .img i{position:absolute;top:50%;left:50%;margin:-25px 0 0 -25px;width:50px;height:50px;background:url("../img/icon_playvod.png") no-repeat 50% 50% / 100% auto;cursor:pointer;z-index:5}
    #container .presence .presence02 .vod .iframe{position:absolute;padding:56.25% 0 0 0;z-index:1;top:0;left:0;width:100%}
    #container .presence .presence02 .vod .iframe iframe{position:absolute;top:0;left:0;width:100%;height:100%}    
    #container .presence .presence03{padding:45px 0 0 0;display:flex;flex-direction:column;text-align:center;align-items:center;background:#f8f7f5}
    #container .presence .presence03 .tit{margin:0 0 25px 0;font-size:24px;font-weight:500}
    #container .presence .presence03 .txt{font-size:18px;margin:0 0 28px 0}
    #container .presence .presence03 .txt p{color:#1a478c;display:inline;word-break:keep-all}
    #container .presence .presence03 .txt br{display:none}
    #container .presence .presence03 .img{}
    #container .presence .presence03 .img img{display:block;width:auto;max-width:100%;height:auto;margin:0 auto}
    #container .presence .presence04{padding:45px 0;text-align:center;background:url("../img/img_presence_presence04_bg.png") no-repeat 50% 50% / 200% auto;overflow:hidden}
    #container .presence .presence04 .tit{font-size:24px}
    #container .presence .presence04 .slider{white-space:nowrap;overflow-x:scroll;position: relative;}
    #container .presence .presence04 .slider::-webkit-scrollbar {display:none; /* Chrome, Safari, Opera*/}
    #container .presence .presence04 .slider .scroll{display:flex}
    #container .presence .presence04 .slider .sbox{display:flex;flex-direction:column;align-items:center;width:100%;flex-shrink:0}
    #container .presence .presence04 .slider .simg{margin:0 0 45px 0;display:flex;flex-direction:column;justify-content:flex-end}
    #container .presence .presence04 .slider .simg img{width:auto;max-width:200px}
    #container .presence .presence04 .slider .step{margin:0 0 15px 0;display:inline-flex;padding:0 12px;height:25px;align-items:center;justify-content:center;border-radius:25px;background:#fafafa;font-size:13px;color:#333}
    #container .presence .presence04 .slider .step.yellow{background:#f7cb37}
    #container .presence .presence04 .slider .step.pink{background:#e57aa8}
    #container .presence .presence04 .slider .step.green{background:#4abc97}
    #container .presence .presence04 .slider .step.blue{background:#6ec0e8}
    #container .presence .presence04 .slider .stit{margin:0 0 15px 0;font-size:20px;line-height:1}
    #container .presence .presence04 .slider .stxt{}
    #container .presence .presence04 .slider .stxt strong{margin:0 0 6px 0;height:70px;font-size:24px;font-weight:500;display:flex;align-items:center;justify-content:center;word-break:keep-all}
    #container .presence .presence04 .slider .stxt span{font-size:15px;height:60px;display:flex;align-items:flex-start;justify-content:center}
    #container .presence .presence04 .slider .sact{margin-top:20px}
    #container .presence .presence04 .slider .sact a{display:inline-flex;padding:0 12px;height:30px;align-items:center;justify-content:center;border-radius:46px;background:#333333;font-size:14px;color:#6ce4bd}
    #container .presence .presence04 .slider .swiper-prev{position:absolute;top:50%;left: 0;transform:translateY(-50%);width: 30px;height: 70px;background: url("../img/icon_slider_prev_grey.png") no-repeat 50% 50% / 100% auto;z-index: 5;}
    #container .presence .presence04 .slider .swiper-next{position:absolute;top:50%;right: 0;transform:translateY(-50%);width: 30px;height: 70px;background: url("../img/icon_slider_next_grey.png") no-repeat 50% 50% / 100% auto;z-index: 5;}
    #container .presence .presence05{padding:45px 0 0 0;background:#f2fffb;text-align:center}
    #container .presence .presence05 .txt{font-size:16px;margin:0 0 25px 0}
    #container .presence .presence05 .img{}
    #container .presence .presence05 .img img{display:block;margin:0 auto;width:auto;max-width:100%}
    #container .presence .presence06{padding:45px 0;background:#dbdbdb;text-align:center;overflow:hidden}
    #container .presence .presence06 .tit{margin:0 0 40px 0;font-size:24px;font-weight:500}
    #container .presence .presence06 .slider{}
    #container .presence .presence06 .slider .swiper-slide{text-align:center;display:flex;flex-direction:column;align-items:center;width:240px}
    #container .presence .presence06 .slider .swiper-slide img{width:auto;max-width:100%;height:auto}
    #container .presence .presence06 .slider .swiper-slide p{margin:10px 0 0 0;font-size:12px;color:#333}
    #container .presence .presence07{padding:45px 0;text-align:Center}
    #container .presence .presence07 .tit{font-size:24px;margin:0 0 30px 0}
    #container .presence .presence07 .txt{font-size:14px}
    #container .presence .presence07 .lst{margin-top:30px}
    #container .presence .presence07 .lst.init{transform:translateY(0);opacity:1}
    #container .presence .presence07 .lst.init ul:before{width:0px;transition: none}
    #container .presence .presence07 .lst.init ul:after{width:0px;transition: none}
    #container .presence .presence07 .lst.animate ul:before{width:calc(100% + 32px);transition: all 0.8s}
    #container .presence .presence07 .lst.animate ul:after{width:calc(100% + 32px);transition: all 0.8s;transition-delay:2s}
    #container .presence .presence07 .lst ul{position:relative;display:flex;align-items:flex-start;justify-content:space-between;margin:0 auto;flex-wrap:wrap}
    #container .presence .presence07 .lst ul:before{content:""; display:block;  height:2px;border-top:2px dashed #464646;position:absolute; top:40px; left:-16px; z-index:1;transition:all 3s}
    #container .presence .presence07 .lst ul:after{content:""; display:block;  height:2px;border-top:2px dashed #464646;position:absolute; top:58%; left:-16px; z-index:1;transition:all 3s}
    #container .presence .presence07 .lst li{text-align:center;position:relative;width:33.33%;padding:0 0 30px 0}
    #container .presence .presence07 .lst li:before{content:counter(list-item); display:flex; align-items:center; justify-content:center; width:85px; height:85px;  border-radius:50%; position:relative;z-index:2;background:#6ce4bd; font-size:22px; font-family:'GmarketSans'; font-weight:bold;color:#fff; margin:0 auto 10px}
    #container .presence .presence07 .lst li.init:after{width:0px;transition: none}
    #container .presence .presence07 .lst li.animate:after{width:100%;transition: all 0.8s}
    #container .presence .presence07 .lst li p{font-size:14px;line-height:1}
    #container .presence .presence07 .lst li a{display:inline-block;line-height:25px;font-size:12px;padding:0 10px;border-radius:50px;margin-top:5px;background:#333;color:#fff;border:1px solid #fff}
    #container .presence .presence07 .lst li:nth-child(1){transition-delay:0s;z-index:1}
    #container .presence .presence07 .lst li:nth-child(2){transition-delay:0.5s;z-index:2}
    #container .presence .presence07 .lst li:nth-child(3){transition-delay:1s;z-index:3}
    #container .presence .presence07 .lst li:nth-child(4){transition-delay:1.5s;z-index:4}
    #container .presence .presence07 .lst li:nth-child(5){transition-delay:2s;z-index:5}
    #container .presence .presence07 .lst li:nth-child(6){transition-delay:2.5s;z-index:6}
    #container .presence .presence07 .lst li:nth-child(1):after{transition-delay:0.5s;z-index:5}
    #container .presence .presence07 .lst li:nth-child(2):after{transition-delay:1s;z-index:4}
    #container .presence .presence07 .lst li:nth-child(3):after{transition-delay:1.5s;z-index:3}
    #container .presence .presence07 .lst li:nth-child(4):after{transition-delay:2s;z-index:2}
    #container .presence .presence07 .lst li:nth-child(5):after{transition-delay:2.5s;z-index:1}
    #container .presence .presence07 .lst li:nth-child(6):after{transition-delay:3s;z-index:1}
    #container .presence .presence08{background:#ffe079;padding:100px 0;text-align:center}
    #container .presence .presence08 .img{margin:0 0 60px 0}
    #container .presence .presence08 .img img{display:block;width:auto;max-width:145px;margin:0 auto}
    #container .presence .presence08 .tit{margin:0 0 25px 0;font-size:20px}
    #container .presence .presence08 .txt{font-size:14px;word-break:keep-all}  
    
    /**/
    #container .iphakProcess{}
    #container .iphakProcess .iphakProcess01{padding:65px 0 0 0;text-align:center}
    #container .iphakProcess .iphakProcess01 .tit{font-size:24px;margin:0 0 20px 0}
    #container .iphakProcess .iphakProcess01 .txt{font-size:16px;color:#6e6e6e;margin:0 0 20px 0}
    #container .iphakProcess .iphakProcess01 .img{}
    #container .iphakProcess .iphakProcess01 .img img{width:100%;max-width:375px;display:block;margin:0 auto}
    #container .iphakProcess .iphakProcess02{padding:45px 0;background:#6ce4bd;text-align:center;overflow:hidden}
    #container .iphakProcess .iphakProcess02 .tit{font-size:24px;margin:0 0 20px 0}
    #container .iphakProcess .iphakProcess02 .txt{font-size:14px;color:#6e6e6e;margin:0 0 35px 0}
    #container .iphakProcess .iphakProcess02 .slider{}
    #container .iphakProcess .iphakProcess02 .slider .swiper-slide{display:flex;flex-direction:column;align-items:center;position:relative}
    #container .iphakProcess .iphakProcess02 .slider .swiper-slide + .swiper-slide:before{content:'';position:absolute;top: 103px;left:0;width:100%;height: 1px;background: rgba(255, 255, 255, 0.3);transform:translateX(-50%)}
    #container .iphakProcess .iphakProcess02 .slider .swiper-slide + .swiper-slide:after{content:'';position:absolute;top: 99px;left:0;width:10px;height:10px;background:#fff;transform:translateX(-50%);border-radius:50%}
    #container .iphakProcess .iphakProcess02 .slider .swiper-slide em{font-size:19px;margin:0 0 15px 0}
    #container .iphakProcess .iphakProcess02 .slider .swiper-slide i{margin:0 auto;width: 130px;height: 130px;position:relative;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;POSITION:RELATIVE;Z-INDEX:2}
    #container .iphakProcess .iphakProcess02 .slider .swiper-slide i img{margin:0 auto;width:65px;height:auto;display:block}
    #container .iphakProcess .iphakProcess02 .slider .swiper-slide span{position:relative;margin:20px 0 0 0;background:#fff;min-height:60px;display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:14px;padding:20px;word-break:keep-all}
    #container .iphakProcess .iphakProcess02 .slider .swiper-slide span:before{content:'';position:absolute;bottom:100%;left:50%;transform:translateX(-50%);width:18px;height:10px;border-bottom:10px solid #fff;border-left:9px solid transparent;border-right:9px solid transparent;box-sizing:border-box}
    #container .iphakProcess .iphakProcess03{padding:45px 0;background:#fff;text-align:center}
    #container .iphakProcess .iphakProcess03 .tit{font-size:24px;margin:0 0 20px 0}
    #container .iphakProcess .iphakProcess03 .txt{font-size:14px;color:#6e6e6e;margin:0 0 40px 0}
    #container .iphakProcess .iphakProcess03 .explain{border:8px solid #1a478c;display:flex;flex-direction:column}
    #container .iphakProcess .iphakProcess03 .explain .step{display:flex;flex-direction:column;padding:20px}
    #container .iphakProcess .iphakProcess03 .explain .step .top{margin:0 0 25px 0}
    #container .iphakProcess .iphakProcess03 .explain .step .top p{display:block;font-weight:500;font-size:14px;color:#1a478c}
    #container .iphakProcess .iphakProcess03 .explain .step .top span{display:block;font-size:14px;color:#6e6e6e}
    #container .iphakProcess .iphakProcess03 .explain .step01{flex-shrink:0;border-bottom:1px solid #bcbcbc}
    #container .iphakProcess .iphakProcess03 .explain .step01 .button{margin:0 auto;width:170px}
    #container .iphakProcess .iphakProcess03 .explain .step01 .button ul{display:flex;flex-wrap:wrap;margin:-3px}
    #container .iphakProcess .iphakProcess03 .explain .step01 .button li{width:50%;padding:3px}
    #container .iphakProcess .iphakProcess03 .explain .step01 .button li .radiobox{cursor:pointer}
    #container .iphakProcess .iphakProcess03 .explain .step01 .button li .radiobox input[type="radio"]{display:none}
    #container .iphakProcess .iphakProcess03 .explain .step01 .button li .radiobox input[type="radio"] ~ span{border:1px solid #6f6f6f;width:100%;height:30px;font-size:11px;display:flex;align-items:center;justify-content:center}
    #container .iphakProcess .iphakProcess03 .explain .step01 .button li .radiobox input[type="radio"]:checked ~ span{color:#fff;background:#1a478c;border-color:#1a478c}
    #container .iphakProcess .iphakProcess03 .explain .step02{flex:1;padding:20px 0}
    #container .iphakProcess .iphakProcess03 .explain .step02 .list{}
    #container .iphakProcess .iphakProcess03 .explain .step02 .list .in{display:flex;align-items:center;justify-content:end;margin:0 0 30px 0;border-bottom:1px solid #b0b0b0;padding:0 0 10px 0}
    #container .iphakProcess .iphakProcess03 .explain .step02 .list .in p{display:flex;align-items:center;justify-content:center}
    #container .iphakProcess .iphakProcess03 .explain .step02 .list .in p + p{margin-left:15px}
    #container .iphakProcess .iphakProcess03 .explain .step02 .list .hd{}
    #container .iphakProcess .iphakProcess03 .explain .step02 .list .hd li{display:flex;}
    #container .iphakProcess .iphakProcess03 .explain .step02 .list .hd li .desc{text-align:center;height: 25px;background: #6f6f6f;display:flex;align-items:center;justify-content:center;font-size: 11px;color: #fff;}
    #container .iphakProcess .iphakProcess03 .explain .step02 .list .bd{}
    #container .iphakProcess .iphakProcess03 .explain .step02 .list .bd li{border-bottom: 1px solid #6f6f6f;cursor: pointer;}
    #container .iphakProcess .iphakProcess03 .explain .step02 .list .bd li:hover,
    #container .iphakProcess .iphakProcess03 .explain .step02 .list .bd li.on{background: #fafafa;}
    #container .iphakProcess .iphakProcess03 .explain .step02 .list .bd li .head{display:flex}
    #container .iphakProcess .iphakProcess03 .explain .step02 .list .bd li .head .desc{padding: 10px 8px;display:flex;align-items:center;justify-content:center;text-align: center;}
    #container .iphakProcess .iphakProcess03 .explain .step02 .list .bd li .head .zip{width:100%;padding: 0;font-size: 12px;}
    #container .iphakProcess .iphakProcess03 .explain .step02 .list .bd li .head .addr{width:100%;padding: 0;font-size: 12px;text-align: left;}
    #container .iphakProcess .iphakProcess03 .explain .step02 .list .bd li .head .addr img{width:12px}
    #container .iphakProcess .iphakProcess03 .explain .step02 .list .bd li .head .prdate{width:100%;padding: 0;font-size: 12px;}
    #container .iphakProcess .iphakProcess03 .explain .step02 .list .bd li .head .contact{display:flex;align-items:center;padding: 0;font-size: 12px;}
    #container .iphakProcess .iphakProcess03 .explain .step02 .list .bd li .head .contact span{}
    #container .iphakProcess .iphakProcess03 .explain .step02 .list .bd li .head .contact span a{display:flex;align-items:center;}
    #container .iphakProcess .iphakProcess03 .explain .step02 .list .bd li .head .contact span img{width:18px;}
    #container .iphakProcess .iphakProcess03 .explain .step02 .list .bd li .head .contact span p{white-space:nowrap}
    #container .iphakProcess .iphakProcess03 .explain .step02 .list .bd li .head .contact span + span{margin-left: 5px;}
    #container .iphakProcess .iphakProcess03 .explain .step02 .list .bd li .head .tele{flex:1;padding:0 25px;font-size:16px}
    #container .iphakProcess .iphakProcess03 .explain .step02 .list .bd li .head .link{width:100%;align-items:center;justify-content:center;display:flex}
    #container .iphakProcess .iphakProcess03 .explain .step02 .list .bd li .head .link a{}
    #container .iphakProcess .iphakProcess03 .explain .step02 .list .bd li .head .link a img{display:block}
    #container .iphakProcess .iphakProcess03 .explain .step02 .list .bd li .head .link a + a{margin-left:15px}
    #container .iphakProcess .iphakProcess03 .explain .step02 .list .bd li .head .zido{width:100%;align-items:center;justify-content:center;display:flex}
    #container .iphakProcess .iphakProcess03 .explain .step02 .list .bd li .head .zido a{}
    #container .iphakProcess .iphakProcess03 .explain .step02 .list .bd li .head .zido a img{display:block}
    #container .iphakProcess .iphakProcess03 .explain .step02 .list .bd li .head .zido a + a{margin-left:15px}
    #container .iphakProcess .iphakProcess03 .explain .step02 .list .bd li .cont{}
    #container .iphakProcess .iphakProcess03 .explain .step02 .list .placeView{z-index: 106;top: 0;left: 0;width: 100%;height: 0px;background:rgba(0,0,0,0.5);display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;visibility:hidden}
    #container .iphakProcess .iphakProcess03 .explain .step02 .list .placeView.on{opacity:1;visibility:visible;height: 100%;}
    #container .iphakProcess .iphakProcess03 .explain .step02 .list .placeView .placeBox {width: 1100px;max-width: 100%;background: #fff;border-top: 3px solid #1a478c;border-bottom: 3px solid #1a478c;position:relative;}
    #container .iphakProcess .iphakProcess03 .explain .step02 .list .placeView .placeBox .head{display:flex;font-size:24px;font-weight:500;color:#fff;align-items:Center;justify-content:center;height:45px;background:#1a478c;display: none !important;}
    #container .iphakProcess .iphakProcess03 .explain .step02 .list .placeView .placeBox .cont{padding: 15px 20px;background: #ffffff;}
    #container .iphakProcess .iphakProcess03 .explain .step02 .list .placeView .placeBox .cont .con{display:flex;padding: 0 0 15px 0;flex-direction: column;}
    #container .iphakProcess .iphakProcess03 .explain .step02 .list .placeView .placeBox .cont .con .zip{padding: 0 0 6px 0;font-size: 14px;line-height: 1;font-weight:500;color: #000000;flex-shrink: 0;margin: 0;text-align: left;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
    #container .iphakProcess .iphakProcess03 .explain .step02 .list .placeView .placeBox .cont .con .tit{font-size: 18px;line-height: 1;font-weight:500;color:#1a478c;flex-shrink: 0;margin: 0;text-align: left;}
    #container .iphakProcess .iphakProcess03 .explain .step02 .list .placeView .placeBox .cont .con .txt{margin: 6px 0 0 0;flex: 1;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;}
    #container .iphakProcess .iphakProcess03 .explain .step02 .list .placeView .placeBox .cont .con .txt dl{display:flex;align-items: center;}
    #container .iphakProcess .iphakProcess03 .explain .step02 .list .placeView .placeBox .cont .con .txt dl + dl{margin-top:15px;}
    #container .iphakProcess .iphakProcess03 .explain .step02 .list .placeView .placeBox .cont .con .txt dt{flex-shrink:0;margin:0 10px 0 0;}
    #container .iphakProcess .iphakProcess03 .explain .step02 .list .placeView .placeBox .cont .con .txt dd{flex:1;font-size: 13px;color:#000000;align-items: flex-start;word-break: break-word;text-align: left;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;}
    #container .iphakProcess .iphakProcess03 .explain .step02 .list .placeView .cont .con .txt dd p{}
    #container .iphakProcess .iphakProcess03 .explain .step02 .list .placeView .cont .map{width:100%;height: 150px;border:1px solid #000000}
    #container .iphakProcess .iphakProcess03 .explain .step02 .list .placeView .close{position:absolute;top:0;right:0;width: 42px;height: 42px;display:flex;align-items:center;justify-content:center;cursor: pointer;display: none !important;}
    #container .iphakProcess .iphakProcess03 .explain .step02 .list .placeView .close img{display:block;width:auto;height:auto;max-width:100%}
    #container .iphakProcess .iphakProcess03 .explain .step02 .list li .desc:nth-child(1){width: 20%;flex: initial !important;}
    #container .iphakProcess .iphakProcess03 .explain .step02 .list li .desc:nth-child(2){flex: 1;}
    #container .iphakProcess .iphakProcess03 .explain .step02 .list li .desc:nth-child(3){width: 10%;}
    #container .iphakProcess .iphakProcess03 .explain .step02 .list li .desc:nth-child(4){width: 38%;}
    
    /**/
    #container .sptp{}
    #container .sptp .sect{}
    #container .sptp .sptp01{padding:45px 0 120px 0;text-align:center;background:url("../img/img_sptp_sptp01.png") no-repeat bottom center / 120% auto}
    #container .sptp .sptp01 .tit{margin:0 0 25px 0;font-size:24px}
    #container .sptp .sptp01 .txt{margin:0 0 45px 0;font-size:14px}
    #container .sptp .sptp01 .txt p{color:#1a478c;display:inline}
    #container .sptp .sptp01 .dep{}
    #container .sptp .sptp01 .dep ul{margin:0 auto;width:610px;max-width:100%}
    #container .sptp .sptp01 .dep li{position:relative}
    #container .sptp .sptp01 .dep li p{font-size:14px}
    #container .sptp .sptp01 .dep li p strong{display:block;font-size:36px;font-weight:500;color:#1a478c}
    #container .sptp .sptp01 .dep li + li{margin:35px 0 0 0}
    #container .sptp .sptp01 .dep li:nth-child(1):after{content:'';width:24px;height:24px;background:url("../img/icon_dep_plus.png") no-repeat 50% 50% / 100% auto;position:absolute;top:100%;left:50%;margin:5px 0;margin-left:-12px}
    #container .sptp .sptp01 .dep li:nth-child(2):after{content:'';width:24px;height:24px;background:url("../img/icon_dep_arrow.png") no-repeat 50% 50% / 100% auto;position:absolute;top:52px;left:50%;margin-left:-12px;z-index:11}
    #container .sptp .sptp01 .dep li:nth-child(2){margin:35px 0 0 0;position:relative;z-index:2}
    #container .sptp .sptp01 .dep li:nth-child(3){padding:95px 0;margin:50px 0 0 0}
    #container .sptp .sptp01 .dep li:last-child.animate{background:url("../img/img_sptp_sptp01_after.png") no-repeat center center / 280px auto}
    #container .sptp .sptp01 .dep li:last-child:before{}
    #container .sptp .sptp01 .dep li span{background:#1a478c;color:#fff;padding:5px 0;line-height:20px;font-size:14px;min-height:30px;display:flex;align-items:center;justify-content:center}
    #container .sptp .sptp01 .dep li.init{}
    #container .sptp .sptp01 .dep li.animate:after{-moz-animation:rotate 1.2s;-ms-animation:rotate 1.2s;-o-animation:rotate 1.2s;animation:rotate 1.2s}    
    #container .sptp .sptp02{padding:45px 0;background:#ededed;text-align:center}
    #container .sptp .sptp02 .wrap{display:flex;flex-direction:column;align-items:center}
    #container .sptp .sptp02 .tit{font-size:14px;margin:0 0 35px 0}
    #container .sptp .sptp02 .img{}
    #container .sptp .sptp02 .img.init{opacity:1;transform:translateY(0);}
    #container .sptp .sptp02 .img i{position:relative;display:flex}
    #container .sptp .sptp02 .img i img{display:block;margin:0 auto;width:100%}
    #container .sptp .sptp02 .img i > p{position:absolute;top:0;left:0;opacity:0;}
    #container .sptp .sptp02 .img.init i > p{opacity:0;transition: none}
    #container .sptp .sptp02 .img.animate i > p{opacity:1;transition: all 1s}
    #container .sptp .sptp02 .img i > p:nth-child(2){transition-delay:0.5s}
    #container .sptp .sptp02 .img i > p:nth-child(3){transition-delay:0.7s}
    #container .sptp .sptp02 .img i > p:nth-child(4){transition-delay:0.9s}
    #container .sptp .sptp02 .img i > p:nth-child(5){transition-delay:1.1s}
    #container .sptp .sptp02 .img i > p:nth-child(6){transition-delay:1.3s}
    #container .sptp .sptp02 .img i > p:nth-child(7){transition-delay:1.5s}
    #container .sptp .sptp03{padding:45px 0;text-align:center}
    #container .sptp .sptp03 .tit{margin:0 0 25px 0;font-size:24px}
    #container .sptp .sptp03 .txt{margin:0 0 45px 0;font-size:14px;word-break:keep-all}
    #container .sptp .sptp03 .txt br{display:none}
    #container .sptp .sptp03 .lst{}
    #container .sptp .sptp03 .lst ul{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:center}
    #container .sptp .sptp03 .lst li{width:33.33%}
    #container .sptp .sptp03 .lst li + li{position:relative}
    #container .sptp .sptp03 .lst li + li:before{content:'';position:absolute;top:43px;right:100%;margin:0 -5px 0 0;width:6px;height:11px;background:url("../img/icon_lst_arrow.png") no-repeat 50% 50% / 100% auto}
    #container .sptp .sptp03 .lst li i{display:flex;margin:0 auto;align-items:center;justify-content:center;width:102px;height:102px;border-radius:50%;background:#6ce4bd;border:2px solid #6ce4bd}
    #container .sptp .sptp03 .lst li i img{width:52px;height:auto}
    #container .sptp .sptp03 .lst li:nth-child(even) i{background:#ffb957;border-color:#ffb957}
    #container .sptp .sptp03 .lst li:last-child i{border-color:#f58915}
    #container .sptp .sptp03 .lst li:nth-child(4):before{display:none}
    #container .sptp .sptp03 .lst li p{font-size:14px;margin:6px 0 20px 0;color:#6e6e6e}
    #container .sptp .sptp03 .lst.init{opacity:1;transform:translateY(0)}
    #container .sptp .sptp03 .lst.init li{opacity:0;transition: none}
    #container .sptp .sptp03 .lst.animate li{opacity:1;transition:all 1s}
    #container .sptp .sptp03 .lst.animate li:nth-child(1){transition-delay:0.5s}
    #container .sptp .sptp03 .lst.animate li:nth-child(2){transition-delay:1s}
    #container .sptp .sptp03 .lst.animate li:nth-child(3){transition-delay:1.5s}
    #container .sptp .sptp03 .lst.animate li:nth-child(4){transition-delay:2s}
    #container .sptp .sptp03 .lst.animate li:nth-child(5){transition-delay:2.5s}
    #container .sptp .sptp03 .lst.animate li:nth-child(6){transition-delay:3s}
    #container .sptp .sptp04{position:relative;background:#fff8d3;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;overflow:hidden}
    #container .sptp .sptp04 .bg{position:relative;z-index:3}
    #container .sptp .sptp04 .bg img{width:100%;height:auto}
    #container .sptp .sptp04 .bg_text{position:absolute;width:100%;height:100%;top:0;left:0;z-index:2}
    #container .sptp .sptp04 .bg_text p{position:absolute;top:0;left:50%;width:300%;height:33.33%;line-height:1;color:#fce9b5;font-size:125px;font-weight:700;opacity:.25;transform:translateX(-50%);overflow:hidden;white-space:nowrap}
    #container .sptp .sptp04 .bg_text p span{display:inline-flex;white-space:nowrap}
    #container .sptp .sptp04 .bg_text p:nth-child(1){animation:slide-forward 50s infinite reverse linear;margin-left:10rem}
    #container .sptp .sptp04 .bg_text p:nth-child(2){top:33.33%;animation:slide-back 50s infinite reverse linear;margin-left:-10rem}
    #container .sptp .sptp04 .bg_text p:nth-child(3){top:66.66%;animation:slide-forward 50s infinite reverse linear;margin-left:10rem}
    #container .sptp .sptp04:after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:5}
    #container .sptp .sptp04 .wrap{position:absolute;bottom:0;left:0;width:100%;z-index:6;padding:45px 16px}
    #container .sptp .sptp04 .slider{}
    #container .sptp .sptp04 .swiper-slide{opacity:0;visibility:hidden;display:flex;flex-direction:column;align-items:center;text-align:center;transition:all 0.8s}
    #container .sptp .sptp04 .swiper-slide.swiper-slide-active{opacity:1;visibility:visible}
    #container .sptp .sptp04 .step{margin:0 0 5px 0;padding:0 12px;display:flex;align-items:center;justify-content:center;height:25px;font-size:14px;border-radius:48px;background:#6ce4bd}
    #container .sptp .sptp04 .stit{margin:0 0 15px 0;font-size:20px;font-weight:500;color:#fff}
    #container .sptp .sptp04 .stxt{font-size:12px;color:#fff;word-break:keep-all}
    #container .sptp .sptp04  .swiper-prev{position:absolute;top: 0;left: 0;width: 30px;height: 70px;background: url("../img/icon_slider_prev_white.png") no-repeat 50% 50% / 100% auto;z-index: 5;}
    #container .sptp .sptp04  .swiper-next{position:absolute;top: 0;right: 0;width: 30px;height: 70px;background: url("../img/icon_slider_next_white.png") no-repeat 50% 50% / 100% auto;z-index: 5;}    
    #container .sptp .sptp05{padding:320px 0 45px 0;background:url("../img/img_sptp_sptp05_mo.png") no-repeat 50% 50% / cover;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;text-align:center}
    #container .sptp .sptp05 .tit{font-size:20px;color:#fff;margin:0 0 20px 0}
    #container .sptp .sptp05 .txt{font-size:14px;color:#e7d8a4}
    #container .sptp .fix-button{position:fixed;z-index:100;top:74px;right:16px}
    #container .sptp .fix-button a{width:60px;height:60px;display:flex;align-items:center;justify-content:center;border-radius:100px;background:#1a478c url("../img/img_fixleaf.png") no-repeat bottom center / 15px auto;text-align:center}
    #container .sptp .fix-button a p{font-size:12px;color:#fff;margin:0 0 10px 0}
    #container .sptp .fix-button a p span{color:#ffcf59}

    /**/
    #container .app{}
    #container .app .sect{}
    #container .app .sect .wrap{width:1350px;max-width:100%}
    #container .app .app01{padding:45px 0 0 0;background:url("../img/img_app_app01.png") no-repeat 50% 50% / cover}
    #container .app .app01 .wrap{display:flex;flex-direction:column}
    #container .app .app01 .wrap .img{order:2;margin:20px 0 0 0;padding:0 50px}
    #container .app .app01 .wrap .img img{display:block;width:100%;max-width:375px;height:auto;margin:0 auto}
    #container .app .app01 .wrap .con{order:1;display:flex;flex-direction:column;align-items:center;flex:1;position:relative}
    #container .app .app01 .wrap .con .txt{font-size:24px;color:#fff;text-align:center;word-break:keep-all}
    #container .app .app01 .wrap .con .tit{font-size:30px;font-weight:500;color:#1a478c}
    #container .app .app01 .wrap .con .act{margin-top:15px}
    #container .app .app01 .wrap .con .act a{display:inline-flex;min-width:130px;height:31px;border:1px solid #fff;background:transparent;border-radius:14px;font-size:14px;color:#fff;align-items:center;justify-content:center}
    #container .app .app01 .wrap .con .ico{position:absolute;bottom:30px;left:130px;display:none}
    #container .app .app02{padding:45px 0;background:#fff}
    #container .app .app02 .wrap{display:flex;flex-direction:column}
    #container .app .app02 .wrap .img{order:1;position:relative}
    #container .app .app02 .wrap .img img{display:block;width:100%;height:auto;position:relative;z-index:1;pointer-events:none}
    #container .app .app02 .wrap .img i{position:absolute;width:0;z-index:2;height:0;transition:all 0.3s;transform:translate(0,0)}
    #container .app .app02 .wrap .img i img{position:absolute;width:auto;height:auto;width:200%}
    #container .app .app02 .wrap .img i:nth-child(2){width:50%;height:50%;top:0;left:0}
    #container .app .app02 .wrap .img i:nth-child(3){width:50%;height:50%;top:0;right:0}
    #container .app .app02 .wrap .img i:nth-child(4){width:50%;height:50%;bottom:0;left:0}
    #container .app .app02 .wrap .img i:nth-child(5){width:50%;height:50%;bottom:0;right:0}
    #container .app .app02 .wrap .img i:nth-child(2) img{top:0;left:0}
    #container .app .app02 .wrap .img i:nth-child(3) img{top:0;right:0}
    #container .app .app02 .wrap .img i:nth-child(4) img{bottom:0;left:0}
    #container .app .app02 .wrap .img i:nth-child(5) img{bottom:0;right:0}
    #container .app .app02 .wrap .img i:nth-child(2):hover{transform:translate(0,-1px)}
    #container .app .app02 .wrap .img i:nth-child(3):hover{transform:translate(1px,0)}
    #container .app .app02 .wrap .img i:nth-child(4):hover{transform:translate(-1px,0)}
    #container .app .app02 .wrap .img i:nth-child(5):hover{transform:translate(0, 1px)}
    #container .app .app02 .wrap .con{order:2;display:flex;flex-direction:column;align-items:flex-start;flex:1;position:relative;margin:20px 0 0 0}
    #container .app .app02 .wrap .tit{font-size:24px;color:#1a478c;line-height:1.2;margin:0 0 25px 0}
    #container .app .app02 .wrap .tit span{color:#000}
    #container .app .app02 .wrap .txt{display:flex;flex-direction:column}
    #container .app .app02 .wrap .txt p{display: inline-block;margin:0 0 12px 0;font-size:14px;vertical-align: top;}
    #container .app .app02 .wrap .txt p span{color:#1d4b8d}
    #container .app .app02 .wrap .txt p:before{content:'';flex-shrink:0;width:13px;height:13px;margin:5px 10px 0 0;background:url("../img/icon_txt_before.png") no-repeat 50% 50% / 100% auto;display:inline-flex;}
    #container .app .app03{padding:45px 0;background:#ffdbce}
    #container .app .app03 .wrap{display:flex;flex-direction:column}
    #container .app .app03 .wrap .img{order:2}
    #container .app .app03 .wrap .img img{width:100%;height:auto}
    #container .app .app03 .wrap .con{order:1;display:flex;flex-direction:column;align-items:flex-start;flex:1;position:relative}
    #container .app .app03 .wrap .con .tit{font-size:28px;color:#000;margin:0 0 15px 0}
    #container .app .app03 .wrap .con .tit span{font-weight:500}
    #container .app .app03 .wrap .con .txt{font-size:14px;margin:0 0 20px 0}
    #container .app .app03 .wrap .con .txt span{color:#1d4b8d}
    #container .app .app03 .wrap .con .ico{display:flex;justify-content:flex-end;width:100%;position:relative;margin:0 0 -57px auto;max-width:70%;flex-shrink:0}
    #container .app .app03 .wrap .con .ico i{background:url("../img/img_app_app03_eye_move.png") no-repeat 50% 50% / 100% auto;transition:none;display:block;width:100%}
    #container .app .app03 .wrap .con .ico.animate i{animation:switch-image 1.2s infinite}
    #container .app .app03 .wrap .con .ico i img{opacity:0;visibility:hidden;width:100%;height:auto}
    #container .app .app03 .wrap .con .ico .animg{position:absolute;top:0;left:0;max-width:100%}
    #container .app .app03 .wrap .con .ico.init .animg{transition:none;opacity:0;transform:translateY(25px)}
    #container .app .app03 .wrap .con .ico.animate .animg{transition:all 0.8s;opacity:1;transform:translateY(0px)}
    #container .app .app03 .wrap .con .ico.animate .animg:nth-child(2){transition-delay:1s}
    #container .app .app03 .wrap .con .ico.animate .animg:nth-child(3){transition-delay:1.4s}
    #container .app .app03 .wrap .con .ico.animate .animg:nth-child(4){transition-delay:1.8s}
    #container .app .app04 {padding:45px 0;background:#cbeffb}
    #container .app .app04 .wrap{display:flex;justify-content:center;flex-direction:column}
    #container .app .app04 .wrap .img{order:2}
    #container .app .app04 .wrap .img img{width:100%;height:auto}
    #container .app .app04 .wrap .con{order:1;display:flex;flex-direction:column;align-items:flex-start;position:relative}
    #container .app .app04 .wrap .tit{font-size:24px;margin:0 0 20px 0}
    #container .app .app04 .wrap .tit span{font-weight:500}
    #container .app .app04 .wrap .txt{font-size:14px;margin:0 0 20px 0}
    #container .app .app04 .wrap .ico{margin:0 0 0 -61px;display:none}
    #container .app .app05{padding:45px 0 0 0;background:#d8dcf7 ;position:relative}
    #container .app .app05 .bg{position:absolute;top:0;left:0;width:100%;height:100%}
    #container .app .app05 .bg i{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}
    #container .app .app05 .bg i img{display:block;width:100%;height:100%;object-fit:contain}
    #container .app .app05 .bg i:nth-child(1),
    #container .app .app05 .bg i:nth-child(4){animation:circlemove 1.5s infinite linear;animation-delay:0s;z-index:3}
    #container .app .app05 .bg i:nth-child(2),
    #container .app .app05 .bg i:nth-child(5){animation:circlemove 1.5s infinite linear;animation-delay:1s}
    #container .app .app05 .bg i:nth-child(3),
    #container .app .app05 .bg i:nth-child(6){animation:circlemove 1.5s infinite linear;animation-delay:2s}
    #container .app .app05 .wrap{display:flex;flex-direction:column}
    #container .app .app05 .wrap .img{order:2;margin:-80px -16px 0;position:relative;z-index:2}
    #container .app .app05 .wrap .img img{width:100%;height:auto}
    #container .app .app05 .wrap .con{order:1;display:flex;flex-direction:column;align-items:flex-start;position:relative}
    #container .app .app05 .wrap .tit{font-size:24px;margin:0 0 20px 0}
    #container .app .app05 .wrap .tit span{font-weight:500}
    #container .app .app05 .wrap .txt{font-size:14px;margin:0 0 10px 0}
    #container .app .app05 .wrap .txt span{color:#1d4b8d;font-weight:500}
    #container .app .app05 .wrap .ico{width:100%;position:relative;left:60px;display:none}
    #container .app .app06{padding:45px 0;background:#ffe5b4}
    #container .app .app06 .wrap{display:flex;flex-direction:column}
    #container .app .app06 .wrap .img{order:2;display:flex;flex-direction:column;align-items:flex-end;margin:40px 0 0 0}
    #container .app .app06 .wrap .img img{width:100%;max-width:215px;height:auto;display:block;margin:0 auto}
    #container .app .app06 .wrap .con{order:1;display:flex;flex-direction:column;align-items:flex-start;position:relative}
    #container .app .app06 .wrap .tit{font-size:24px;margin:0 0 15px 0}
    #container .app .app06 .wrap .tit span{font-weight:500}
    #container .app .app06 .wrap .txt{font-size:14px;margin:0 0 15px 0}
    #container .app .app06 .wrap .txt span{color:#1d4b8d;font-weight:500}
    #container .app .app06 .wrap .lst{display:flex;flex-direction:column;align-items:flex-start}
    #container .app .app06 .wrap .lst p{padding:6px 8px;display:inline-flex;font-size:12px;background:#ffc961;border-radius:10px}
    #container .app .app06 .wrap .lst p + p{margin:8px 0 0 0}
    #container .app .app06 .wrap .lst.init p{transform:translateY(30px);opacity:0;transition:none}
    #container .app .app06 .wrap .lst.animate p{transform:translateY(0px);opacity:1;transition:all 0.8s}
    #container .app .app06 .wrap .lst.animate p:nth-child(1){transition-delay:0.8s}
    #container .app .app06 .wrap .lst.animate p:nth-child(2){transition-delay:1.2s}
    #container .app .app06 .wrap .lst.animate p:nth-child(3){transition-delay:1.6s}
    #container .app .app06 .wrap .lst.animate p:nth-child(4){transition-delay:2s}
    #container .app .app07{padding:45px 0;text-align:center}
    #container .app .app07 .wrap{width:1060px;max-width:100%}
    #container .app .app07 .vod{padding:56.25% 0 0 0;position:relative;margin:0 0 15px 0}
    #container .app .app07 .vod iframe{position:absolute;top:0;left:0;width:100%;height:100%}
    #container .app .app07 .tit{font-size:24px;margin:0 0 20px 0}
    #container .app .app07 .tit span{color:#1d4b8d;font-weight:500}
    #container .app .app07 .txt{font-size:14px;margin:0 0 20px 0}
    #container .app .app07 .txt span{color:#1d4b8d;font-weight:500}
    #container .app .app07 .act{display:flex;justify-content:center}
    #container .app .app07 .act a:hover{color:#fff;background:#1d4ba9;border-color:#1d4ba9}
    #container .app .app07 .act a:hover .hover{opacity:1;visibility:visible}
    #container .app .app07 .act a{min-width: 125px;border-radius:50px;height: 30px;display:flex;align-items:center;justify-content:center;background:#fafafa;font-size: 13px;border:1px solid #eee;border-radius: 50px;overflow: hidden;}
    #container .app .app07 .act a{position: relative;color:#333;border-color:#333;background:#fff}
    #container .app .app07 .act a .hover{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#fff;background:#1d4ba9;border-color:#1d4ba9;opacity: 0;visibility: hidden;z-index: 5;}
    #container .app .app07 .act a .apple{position:relative;z-index:4;display: flex;align-items: center;justify-content: center;}
    #container .app .app07 .act a .apple i{flex-shrink:0;margin:0 8px 0 0;width: 21px;height: 21px;background: url("../img/icon_appstore.png") no-repeat 50% 50% / 100% auto;}
    #container .app .app07 .act a .apple p{}
    #container .app .app07 .act a .google{position:relative;z-index:4;display: flex;align-items: center;justify-content: center;}
    #container .app .app07 .act a .google i{flex-shrink:0;margin:0 8px 0 0;width: 21px;height: 21px;background: url("../img/icon_googleplay.png") no-repeat 50% 50% / 100% auto;}
    #container .app .app07 .act a .google p{}
    #container .app .app07 .act a + a{margin-left: 20px;}

    /**/
    
    /* #container .startup{}
    #container .startup .sect{}
    #container .startup .startup01{padding:45px 0;min-height:480px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;background:url("../img/img_startup_startup01_mo.png") no-repeat 50% 50% / cover;text-align:center}
    #container .startup .startup01 .tit{font-size:24px;color:#fff;font-weight:500;margin:20px 0 0 0}
    #container .startup .startup01 .txt{line-height:24px;font-size:18px;color:#fff}
    #container .startup .startup02{background:#b7ffe8;padding:45px 0;text-align:center}
    #container .startup .startup02 .tit{margin:0 0 35px 0;font-size:20px;font-weight:500;color:#333}
    #container .startup .startup02 .vod{position:relative}
    #container .startup .startup02 .vod .img{position:relative;z-index:2;padding:56.25% 0 0 0}
    #container .startup .startup02 .vod .img img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}
    #container .startup .startup02 .vod .img i{position:absolute;top:50%;left:50%;margin:-25px 0 0 -25px;width:50px;height:50px;background:url("../img/icon_playvod2.png") no-repeat 50% 50% / 100% auto;cursor:pointer;z-index:5}
    #container .startup .startup02 .vod .iframe{position:absolute;padding:56.25% 0 0 0;z-index:1;top:0;left:0;width:100%}
    #container .startup .startup02 .vod .iframe iframe{position:absolute;top:0;left:0;width:100%;height:100%} 
    #container .startup .startup03{padding:45px 0;text-align:center;background:#faf9f7}
    #container .startup .startup03 .wra{flex-direction:column;align-items:center;display:flex}
    #container .startup .startup03 .tit{margin:0 0 20px 0;font-size:24px;font-weight:500}
    #container .startup .startup03 .txt{margin:0 0 50px 0;font-size:16px}
    #container .startup .startup03 .img{display:flex;align-items:center;justify-content:center;position:relative}
    #container .startup .startup03 .img .animg{position:absolute;top:0;left:0;animation:blink-effect 1s step-end infinite}
    #container .startup .startup03 .img img{width:auto;max-width:100%}
    #container .startup .startup04{padding:45px 0;text-align:center}
    #container .startup .startup04 .tit{margin:0 0 25px 0;font-size:24px;font-weight:500}
    #container .startup .startup04 .txt{margin:0 0 50px 0;font-size:14px}
    #container .startup .startup04 .tbl{margin:0 auto;width:820px;max-width:100%}
    #container .startup .startup04 .tbl table tr th:nth-child(1){width:100px}
    #container .startup .startup04 .tbl table tr th:nth-child(3),
    #container .startup .startup04 .tbl table tr th:nth-child(4),
    #container .startup .startup04 .tbl table tr td:nth-child(3),
    #container .startup .startup04 .tbl table tr td:nth-child(4){display:none}
    #container .startup .startup04 .tbl table tr th:nth-child(2),
    #container .startup .startup04 .tbl table tr td:nth-child(2){border-right:0}
    #container .startup .startup04 .tbl td.twinkle{animation:twinkle-effect 1s step-end infinite}
    #container .startup .startup05{background:#f2fffb;padding:45px 0;text-align:center}
    #container .startup .startup05 .tit{margin:0 0 25px 0;font-size:24px;font-weight:500}
    #container .startup .startup05 .txt{margin:0 0 50px 0;font-size:16px}
    #container .startup .startup05 .tbl{margin:0 auto;width:820px;max-width:100%}
    #container .startup .startup05 .tbl .caution{margin:10px 0 0 0;text-align:right;font-size:10px;color:#3e3e3e}
    #container .startup .startup05 .tbl table tr th:nth-child(1),
    #container .startup .startup05 .tbl table tr td:nth-child(1){width:70px}
    #container .startup .startup05 .tbl table tr th:nth-child(3),
    #container .startup .startup05 .tbl table tr td:nth-child(3){width:165px}
    #container .startup .startup06{background:#ededed;padding:45px 0;text-align:center}
    #container .startup .startup06 .wrap{margin:0 auto;width:860px;max-width:100%}
    #container .startup .startup06 .tit{margin:0 0 25px 0;font-size:24px;font-weight:500}
    #container .startup .startup06 .txt{margin:0 0 20px 0;font-size:16px}
    #container .startup .startup06 .vod{position:relative;padding:56.25% 0 0 0}
    #container .startup .startup06 .vod iframe{position:absolute;top:0;left:0;width:100%;height:100%} */

    /**/
    #container .startinfo{}
    #container .startinfo .sect{}
    #container .startinfo .startinfo01{padding:100px 0 0 0;text-align:center}
    #container .startinfo .startinfo01 .tit{margin:0 0 25px 0;font-size:24px;display:flex;align-items:center;justify-content:center}
    #container .startinfo .startinfo01 .tit span{position:relative}
    #container .startinfo .startinfo01 .tit span p{position:relative;z-index:2}
    #container .startinfo .startinfo01 .tit span:before{content:'';position:absolute;bottom:0;left:0;right:0;height:10px;background:#b7ffe8}
    #container .startinfo .startinfo01 .desc{padding:45px 0}
    #container .startinfo .startinfo01 .desc .wrap{flex-direction:column;align-items:center;display:flex}
    #container .startinfo .startinfo01 .desc .txt{display:flex;flex-direction:column;align-items:center}
    #container .startinfo .startinfo01 .desc .txt > p{font-size:14px;color:#6e6e6e;word-break:keep-all}
    #container .startinfo .startinfo01 .desc .txt > strong{font-size:20px;margin:0 0 20px 0;color:#222;font-weight:500}
    #container .startinfo .startinfo01 .desc .txt > span{font-size:15px;line-height:1;color:#1a478c;margin:0 0 10px 0;display:flex;align-items:center}
    #container .startinfo .startinfo01 .desc .txt > span stro{margin-left:10px;font-weight:500}
    #container .startinfo .startinfo01 .desc .img{margin:25px 0 0 0;position:relative}
    #container .startinfo .startinfo01 .desc .img img{width:auto;max-width:100%;display:block;margin:0 auto}
    #container .startinfo .startinfo01 .desc .img .animg{position:absolute;top:0;left:0;animation:blink-effect 1s step-end infinite}
    #container .startinfo .startinfo01 .desc:nth-child(2){padding-top:0}
    #container .startinfo .startinfo01 .desc:nth-child(2) .img img{max-width:240px}
    #container .startinfo .startinfo01 .desc:nth-child(2) .img .animg{animation:rotate 30s infinite linear}
    #container .startinfo .startinfo01 .desc:nth-child(3){background:#f7f7f7}
    #container .startinfo .startinfo01 .desc:nth-child(3) .img{margin:120px 0 0 0}
    #container .startinfo .startinfo01 .desc:nth-child(4){background:#ffffff}
    #container .startinfo .startinfo01 .desc:nth-child(5){background:#6ce4bd;padding:45px 0 0 0}
    #container .startinfo .startinfo01 .desc:nth-child(5) .txt > p{color:#222}
    #container .startinfo .startinfo01 .desc:nth-child(6){background:#ffffff}
    #container .startinfo .startinfo01 .desc:nth-child(6) .img{margin:25px 0 0 0}
    #container .startinfo .startinfo01 .desc:nth-child(7){background:#f7f7f7}
    #container .startinfo .startinfo01 .desc:nth-child(7) .init{transform:translateY(0);transition:none}
    #container .startinfo .startinfo01 .desc:nth-child(7) .animg:nth-child(2){transition-delay:0.5s}
    #container .startinfo .startinfo01 .desc:nth-child(7) .animg:nth-child(3){transition-delay:1s}
    #container .startinfo .startinfo01 .desc:nth-child(7) .animg:nth-child(4){transition-delay:1.5s}
    #container .startinfo .startinfo01 .desc:nth-child(7) .animg:nth-child(5){transition-delay:2s}
    #container .startinfo .startinfo01 .desc:nth-child(8){background:#b7ffe8;padding:45px 0 0 0}
    #container .startinfo .startinfo01 .desc:nth-child(8) .txt > p{color:#222}
    #container .startinfo .startinfo02{padding:45px 0 0 0;text-align:center;overflow:hidden}
    #container .startinfo .startinfo02 .tit{font-size:24px;font-weight:500;margin:0 0 25px 0}
    #container .startinfo .startinfo02 .txt{font-size:14px;color:#333;margin:0 0 20px 0}
    #container .startinfo .startinfo02 .txt p{color:#1a478c}
    #container .startinfo .startinfo02 .img{}
    #container .startinfo .startinfo02 .img i{position:relative;width:100%;height:100%;display:block}
    #container .startinfo .startinfo02 .img p{font-size:12px;font-weight:500;color:#333333;margin:0 0 30px 0}
    #container .startinfo .startinfo02 .img .animg{position:absolute;top:0;left:0;width:100%;height:auto;display:block}
    #container .startinfo .startinfo02 .img img{display:block;margin:0 auto;width:auto;max-width:100%}
    #container .startinfo .startinfo02 .img img:nth-child(1){transition-delay:0.3s}
    #container .startinfo .startinfo02 .img img:nth-child(2){transition-delay:0.6s}
    #container .startinfo .startinfo02 .img img:nth-child(3){transition-delay:0.9s}
    #container .startinfo .startinfo03{height:150px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#1a478c;text-align:center}
    #container .startinfo .startinfo03 .tit{font-size:20px;color:#fff}

    /**/
    #container .startProcess{}
    #container .startProcess .startProcess01{padding:65px 0 0 0;text-align:center}
    #container .startProcess .startProcess01 .tit{font-size:24px;margin:0 0 20px 0}
    #container .startProcess .startProcess01 .txt{font-size:16px;color:#6e6e6e;margin:0 0 20px 0}
    #container .startProcess .startProcess01 .img{}
    #container .startProcess .startProcess01 .img img{width:100%;max-width:375px;display:block;margin:0 auto}
    #container .startProcess .startProcess02{padding:45px 0;background:#6ce4bd;text-align:center;overflow:hidden}
    #container .startProcess .startProcess02 .tit{font-size:24px;margin:0 0 20px 0}
    #container .startProcess .startProcess02 .txt{font-size:14px;color:#6e6e6e;margin:0 0 35px 0}
    #container .startProcess .startProcess02 .slider{}
    #container .startProcess .startProcess02 .slider .swiper-slide{display:flex;flex-direction:column;align-items:center;position:relative}
    #container .startProcess .startProcess02 .slider .swiper-slide + .swiper-slide:before{content:'';position:absolute;top: 103px;left:0;width:100%;height: 1px;background: rgba(255, 255, 255, 0.3);transform:translateX(-50%)}
    #container .startProcess .startProcess02 .slider .swiper-slide + .swiper-slide:after{content:'';position:absolute;top: 99px;left:0;width:10px;height:10px;background:#fff;transform:translateX(-50%);border-radius:50%}
    #container .startProcess .startProcess02 .slider .swiper-slide em{font-size:19px;margin:0 0 15px 0}
    #container .startProcess .startProcess02 .slider .swiper-slide i{margin:0 auto;width: 130px;height: 130px;position:relative;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;POSITION:RELATIVE;Z-INDEX:2}
    #container .startProcess .startProcess02 .slider .swiper-slide i img{margin:0 auto;width:65px;height:auto;display:block}
    #container .startProcess .startProcess02 .slider .swiper-slide span{position:relative;margin:20px 0 0 0;background:#fff;min-height:60px;display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:14px;padding:20px;word-break:keep-all}
    #container .startProcess .startProcess02 .slider .swiper-slide span:before{content:'';position:absolute;bottom:100%;left:50%;transform:translateX(-50%);width:18px;height:10px;border-bottom:10px solid #fff;border-left:9px solid transparent;border-right:9px solid transparent;box-sizing:border-box}
    #container .startProcess .startProcess03{padding:45px 0;background:#fff;text-align:center}
    #container .startProcess .startProcess03 .tit{font-size:24px;margin:0 0 20px 0}
    #container .startProcess .startProcess03 .txt{font-size:14px;color:#6e6e6e;margin:0 0 40px 0}
    #container .startProcess .startProcess03 .explain{border:8px solid #1a478c;display:flex;flex-direction:column}
    #container .startProcess .startProcess03 .explain .step{display:flex;flex-direction:column;padding:20px}
    #container .startProcess .startProcess03 .explain .step .top{margin:0 0 25px 0}
    #container .startProcess .startProcess03 .explain .step .top p{display:block;font-weight:500;font-size:14px;color:#1a478c}
    #container .startProcess .startProcess03 .explain .step .top span{display:block;font-size:14px;color:#6e6e6e}
    #container .startProcess .startProcess03 .explain .step01{flex-shrink:0;border-bottom:1px solid #bcbcbc}
    #container .startProcess .startProcess03 .explain .step01 .button{margin:0 auto;width:170px}
    #container .startProcess .startProcess03 .explain .step01 .button ul{display:flex;flex-wrap:wrap;margin:-3px}
    #container .startProcess .startProcess03 .explain .step01 .button li{width:50%;padding:3px}
    #container .startProcess .startProcess03 .explain .step01 .button li .radiobox{cursor:pointer}
    #container .startProcess .startProcess03 .explain .step01 .button li .radiobox input[type="radio"]{display:none}
    #container .startProcess .startProcess03 .explain .step01 .button li .radiobox input[type="radio"] ~ span{border:1px solid #6f6f6f;width:100%;height:30px;font-size:11px;display:flex;align-items:center;justify-content:center}
    #container .startProcess .startProcess03 .explain .step01 .button li .radiobox input[type="radio"]:checked ~ span{color:#fff;background:#1a478c;border-color:#1a478c}
    #container .startProcess .startProcess03 .explain .step02{flex:1;padding:20px 0}
    #container .startProcess .startProcess03 .explain .step02 .list{}
    #container .startProcess .startProcess03 .explain .step02 .list .in{display:flex;align-items:center;justify-content:end;margin:0 0 30px 0;border-bottom:1px solid #b0b0b0;padding:0 0 10px 0}
    #container .startProcess .startProcess03 .explain .step02 .list .in p{display:flex;align-items:center;justify-content:center}
    #container .startProcess .startProcess03 .explain .step02 .list .in p + p{margin-left:15px}
    #container .startProcess .startProcess03 .explain .step02 .list .hd{}
    #container .startProcess .startProcess03 .explain .step02 .list .hd li{display:flex;}
    #container .startProcess .startProcess03 .explain .step02 .list .hd li .desc{text-align:center;height: 25px;background: #6f6f6f;display:flex;align-items:center;justify-content:center;font-size: 11px;color: #fff;}
    #container .startProcess .startProcess03 .explain .step02 .list .bd{}
    #container .startProcess .startProcess03 .explain .step02 .list .bd li{border-bottom: 1px solid #6f6f6f;cursor: pointer;}
    #container .startProcess .startProcess03 .explain .step02 .list .bd li:hover,
    #container .startProcess .startProcess03 .explain .step02 .list .bd li.on{background: #fafafa;}
    #container .startProcess .startProcess03 .explain .step02 .list .bd li .head{display:flex}
    #container .startProcess .startProcess03 .explain .step02 .list .bd li .head .desc{padding: 10px 8px;display:flex;align-items:center;justify-content:center;text-align: center;}
    #container .startProcess .startProcess03 .explain .step02 .list .bd li .head .zip{width:100%;padding: 0;font-size: 12px;}
    #container .startProcess .startProcess03 .explain .step02 .list .bd li .head .addr{width:100%;padding: 0;font-size: 12px;text-align: left;}
    #container .startProcess .startProcess03 .explain .step02 .list .bd li .head .addr img{width:12px}
    #container .startProcess .startProcess03 .explain .step02 .list .bd li .head .contact{display:flex;align-items:center;padding: 0;font-size: 12px;}
    #container .startProcess .startProcess03 .explain .step02 .list .bd li .head .contact span{}
    #container .startProcess .startProcess03 .explain .step02 .list .bd li .head .contact span a{display:flex;align-items:center;}
    #container .startProcess .startProcess03 .explain .step02 .list .bd li .head .contact span img{width:18px;}
    #container .startProcess .startProcess03 .explain .step02 .list .bd li .head .contact span p{white-space:nowrap}
    #container .startProcess .startProcess03 .explain .step02 .list .bd li .head .contact span + span{margin-left: 5px;}
    #container .startProcess .startProcess03 .explain .step02 .list .bd li .head .tele{flex:1;padding:0 25px;font-size:16px}
    #container .startProcess .startProcess03 .explain .step02 .list .bd li .head .link{width:100%;align-items:center;justify-content:center;display:flex}
    #container .startProcess .startProcess03 .explain .step02 .list .bd li .head .link a{}
    #container .startProcess .startProcess03 .explain .step02 .list .bd li .head .link a img{display:block}
    #container .startProcess .startProcess03 .explain .step02 .list .bd li .head .link a + a{margin-left:15px}
    #container .startProcess .startProcess03 .explain .step02 .list .bd li .head .zido{width:100%;align-items:center;justify-content:center;display:flex}
    #container .startProcess .startProcess03 .explain .step02 .list .bd li .head .zido a{}
    #container .startProcess .startProcess03 .explain .step02 .list .bd li .head .zido a img{display:block}
    #container .startProcess .startProcess03 .explain .step02 .list .bd li .head .zido a + a{margin-left:15px}
    #container .startProcess .startProcess03 .explain .step02 .list .bd li .cont{}
    #container .startProcess .startProcess03 .explain .step02 .list .placeView{z-index: 106;top: 0;left: 0;width: 100%;height: 0px;background:rgba(0,0,0,0.5);display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;visibility:hidden}
    #container .startProcess .startProcess03 .explain .step02 .list .placeView.on{opacity:1;visibility:visible;height: 100%;}
    #container .startProcess .startProcess03 .explain .step02 .list .placeView .placeBox {width: 1100px;max-width: 100%;background: #fff;border-top: 3px solid #1a478c;border-bottom: 3px solid #1a478c;position:relative;}
    #container .startProcess .startProcess03 .explain .step02 .list .placeView .placeBox .head{display:flex;font-size:24px;font-weight:500;color:#fff;align-items:Center;justify-content:center;height:45px;background:#1a478c;display: none !important;}
    #container .startProcess .startProcess03 .explain .step02 .list .placeView .placeBox .cont{padding: 15px 20px;background: #ffffff;}
    #container .startProcess .startProcess03 .explain .step02 .list .placeView .placeBox .cont .con{display:flex;padding: 0 0 15px 0;flex-direction: column;}
    #container .startProcess .startProcess03 .explain .step02 .list .placeView .placeBox .cont .con .zip{padding: 0 0 6px 0;font-size: 14px;line-height: 1;font-weight:500;color: #000000;flex-shrink: 0;margin: 0;text-align: left;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
    #container .startProcess .startProcess03 .explain .step02 .list .placeView .placeBox .cont .con .tit{font-size: 18px;line-height: 1;font-weight:500;color:#1a478c;flex-shrink: 0;margin: 0;text-align: left;}
    #container .startProcess .startProcess03 .explain .step02 .list .placeView .placeBox .cont .con .txt{margin: 6px 0 0 0;flex: 1;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;}
    #container .startProcess .startProcess03 .explain .step02 .list .placeView .placeBox .cont .con .txt dl{display:flex;align-items: center;}
    #container .startProcess .startProcess03 .explain .step02 .list .placeView .placeBox .cont .con .txt dl + dl{margin-top:15px;}
    #container .startProcess .startProcess03 .explain .step02 .list .placeView .placeBox .cont .con .txt dt{flex-shrink:0;margin:0 10px 0 0;}
    #container .startProcess .startProcess03 .explain .step02 .list .placeView .placeBox .cont .con .txt dd{flex:1;font-size: 13px;color:#000000;align-items: flex-start;word-break: break-word;text-align: left;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;}
    #container .startProcess .startProcess03 .explain .step02 .list .placeView .cont .con .txt dd p{}
    #container .startProcess .startProcess03 .explain .step02 .list .placeView .cont .map{width:100%;height: 150px;border:1px solid #000000}
    #container .startProcess .startProcess03 .explain .step02 .list .placeView .close{position:absolute;top:0;right:0;width: 42px;height: 42px;display:flex;align-items:center;justify-content:center;cursor: pointer;display: none !important;}
    #container .startProcess .startProcess03 .explain .step02 .list .placeView .close img{display:block;width:auto;height:auto;max-width:100%}
    #container .startProcess .startProcess03 .explain .step02 .list li .desc:nth-child(1){width: 20%;flex: initial !important;}
    #container .startProcess .startProcess03 .explain .step02 .list li .desc:nth-child(2){flex: 1;}
    #container .startProcess .startProcess03 .explain .step02 .list li .desc:nth-child(3){width: 38%;}
    
    /**/
    #container .benefit{}
    #container .benefit .benefit01{padding:65px 0 0 0;text-align:center}
    #container .benefit .benefit01 .tit{font-size:24px;margin:0 0 25px 0}
    #container .benefit .benefit01 .txt{font-size:14px;color:#6e6e6e;margin:0 0 35px 0}
    #container .benefit .benefit01 .img{padding:0 60px}
    #container .benefit .benefit01 .img img{width:100%;height:auto}
    #container .benefit .benefit02{padding:45px 0;background:url("../img/img_benefit_benefit02.png") no-repeat top center / 100% auto;overflow:hidden}
    #container .benefit .benefit02 .wrap{}
    #container .benefit .benefit02 .list{}
    #container .benefit .benefit02 .list ul{display:flex;flex-direction:column;justify-content:flex-end;position:relative;align-items:flex-end}
    #container .benefit .benefit02 .list li{display:flex;position:relative;margin:0 -16px}
    #container .benefit .benefit02 .list li + li{margin-top:40px}
    #container .benefit .benefit02 .list li.init{transform:translateY(0)}
    #container .benefit .benefit02 .list li.init .con .thm{}
    #container .benefit .benefit02 .list li.init .con .thm img{transform:translateX(-100px);transition:none}
    #container .benefit .benefit02 .list li.init .con .thm img.mo-view{transform:translateX(100px)}
    #container .benefit .benefit02 .list li.init .img{transform:translateX(200px);transition:none}
    #container .benefit .benefit02 .list li.init .img img{transform:translateX(50px);transition:none}
    #container .benefit .benefit02 .list li.animate .con .thm{}
    #container .benefit .benefit02 .list li.animate .con .thm img{transform:translateX(0);transition:all 3s}
    #container .benefit .benefit02 .list li.animate .con .thm img.mo-view{transform:translateX(0)}
    #container .benefit .benefit02 .list li.animate .img{transform:translateX(0);transition:all 3s}
    #container .benefit .benefit02 .list li.animate .img img{transform:translateX(0);transition:all 3s}
    #container .benefit .benefit02 .list li .con{display:flex;flex-direction:column}
    #container .benefit .benefit02 .list li .con img{display:block;width:auto;max-width:60%;margin:0 0 20px 0}
    #container .benefit .benefit02 .list li .con img:nth-child(1){margin-left:auto}
    #container .benefit .benefit02 .list li .con img:nth-child(2){margin-right:auto}
    #container .benefit .benefit02 .list li .con span{margin:45px 0 0 0;padding:0 16px;font-size:15px;color:#1a478c;line-height:1}
    #container .benefit .benefit02 .list li .con strong{font-size:24px;padding:0 16px;color:#000;line-height:1;margin:15px 0 25px 0;font-weight:500}
    #container .benefit .benefit02 .list li .con p{padding:0 16px;font-size:14px;color:#333}
    #container .benefit .benefit02 .list li .con .item{padding:0 15px}
    #container .benefit .benefit02 .list li .con .item em{display:flex;width:50%;font-size:14px;color:#333;float:left;word-break:keep-all}
    #container .benefit .benefit02 .list li .con .item em:before{content:'';flex-shrink:0;width:4px;height:4px;border-radius:50%;margin:8px 4px 0 0;background:#1a478c}
    #container .benefit .benefit02 .list li .img{position:absolute;top:160px;left:0;margin:0 -16px;display:none}
    #container .benefit .benefit02 .list li .img img{width:60%}

    /**/
    #container .manager{}
    #container .manager .sect{}
    #container .manager .manager01{padding:45px 0;text-align:center}
    #container .manager .manager01 .tit{margin:0 0 25px 0;font-size:24px;display:flex;align-items:center;flex-direction:column;justify-content:center}
    #container .manager .manager01 .tit span{position:relative}
    #container .manager .manager01 .tit span p{position:relative;z-index:2;word-break:keep-all}
    #container .manager .manager01 .tit span:before{content:'';position:absolute;bottom:0;left:0;right:0;height:10px;background:#b7ffe8}
    #container .manager .manager01 .txt{margin:0 0 20px 0;font-size:14px;color:#6e6e6e;line-height:38px}
    #container .manager .manager01 .img{padding:0 15px}
    #container .manager .manager01 .img.init{opacity:1;transform:translateY(0)}
    #container .manager .manager01 .img img{display:block;width:100%;height:auto}
    #container .manager .manager01 .img .animg{position:absolute;top:0;left:0;display:block;width:100%;height:auto}
    #container .manager .manager01 .img.init .animg{opacity:0;transition:none}
    #container .manager .manager01 .img.animate .animg{opacity:1;transform:translateX(0) !important;transition:all 0.5s}
    #container .manager .manager01 .img.animate .animg:nth-child(2),
    #container .manager .manager01 .img.animate .animg:nth-child(4){transform:translateX(-50px)}
    #container .manager .manager01 .img.animate .animg:nth-child(3),
    #container .manager .manager01 .img.animate .animg:nth-child(5){transform:translateX(50px)}
    #container .manager .manager01 .img.animate .animg:nth-child(2){transition-delay:0.5s}
    #container .manager .manager01 .img.animate .animg:nth-child(3){transition-delay:1s}
    #container .manager .manager01 .img.animate .animg:nth-child(4){transition-delay:1.5s}
    #container .manager .manager01 .img.animate .animg:nth-child(5){transition-delay:2s}
    #container .manager .manager02{padding:45px 0;text-align:center;background:url("../img/img_manager_manager02.png") no-repeat 50% 50% / cover}
    #container .manager .manager02 .wrap{display:flex;flex-direction:column;justify-content:space-between}
    #container .manager .manager02 .tit{font-size:24px;color:#fff}
    #container .manager .manager02 .tit em{display:block;font-size:14px;color:#fff}
    #container .manager .manager02 .txt{margin:70px 0 0 0}
    #container .manager .manager02 .txt p{font-size:16px;color:#fff}
    #container .manager .manager02 .txt p + p{margin-top:24px}
    #container .manager .manager03{padding:45px 0;text-align:center}
    #container .manager .manager03 .tit{margin:0 0 25px 0;font-size:24px}
    #container .manager .manager03 .lst{margin-top:100px}
    #container .manager .manager03 .lst ul{display:flex;align-items:flex-start;flex-wrap:wrap;justify-content:center;width:975px;max-width:100%;margin:0 auto}
    #container .manager .manager03 .lst li{text-align:center;position:relative;width:33.33%;padding:0 0 20px 0}
    #container .manager .manager03 .lst li:before{content:counter(list-item); display:flex; align-items:center; justify-content:center; width:90px; height:90px;  border-radius:50%; position:relative;z-index:2;background:#a9a9a9; font-size:24px;  font-weight:bold;color:#fff; margin:0 auto 15px}
    #container .manager .manager03 .lst li + li:after{content:""; display:block; width:100%; height:5px;    border-top:5px solid #666666;position:absolute; top:43px; left:-50%; z-index:1}
    #container .manager .manager03 .lst li:nth-child(4):after{display:none}
    #container .manager .manager03 .lst li p{font-size:16px;line-height:1;color:#333333}
    #container .manager .manager03 .lst li a{display:inline-block;font-size:18px;line-height:1;padding:12px 20px;border-radius:50px;margin-top:10px;background:#333;color:#fff;border:1px solid #fff}
    #container .manager .manager03 .lst.init{opacity:1;transform:translateY(0)}
    #container .manager .manager03 .lst.init ul li{opacity: 0;transform:translateX(-25px);transition: none;}
    #container .manager .manager03 .lst.animate ul li{opacity:1;transform:translateX(0);transition: all 0.8s;}
    #container .manager .manager03 .lst.animate ul li:nth-child(1){z-index:5;transition-delay:0.5s}
    #container .manager .manager03 .lst.animate ul li:nth-child(2){z-index:4;transition-delay:0.8s}
    #container .manager .manager03 .lst.animate ul li:nth-child(3){z-index:3;transition-delay:1.1s}
    #container .manager .manager03 .lst.animate ul li:nth-child(4){z-index:2;transition-delay:1.4s}
    #container .manager .manager03 .lst.animate ul li:nth-child(5){z-index:1;transition-delay:1.7s}
    #container .manager .manager04{padding:45px 0;text-align:center}
    #container .manager .manager04 .tit{font-size:24px;margin:0 0 25px 0}
    #container .manager .manager04 .tit em{display:block;font-size:12px}
    #container .manager .manager04 .tbl{width:1000px;max-width:100%;margin:0 auto;display:block}
    #container .manager .manager04 .tbl table thead th{background:#6f6f6f;color:#fff}
    #container .manager .manager04 .tbl table th,
    #container .manager .manager04 .tbl table td{font-size:10px;border-right:0;white-space:nowrap}
    #container .manager .manager04 .tbl table td:nth-child(1),
    #container .manager .manager04 .tbl table td:nth-child(2){text-align:left;}
    #container .manager .manager04 .tbl table tr{border-bottom:1px solid #6f6f6f}
    #container .manager .manager05{padding:45px 0;background:#666666;text-align:center}
    #container .manager .manager05 .tit{font-size:24px;margin:0 0 25px 0;color:#fff}
    #container .manager .manager05 .txt{font-size:14px;color:#fff;margin:0 0 20px 0}
    #container .manager .manager05 .dow{width:850px;max-width:100%;text-align:center;align-items:center;justify-content:center;display:flex;margin:0 auto}
    #container .manager .manager05 .dow a{border-radius:40px;display:inline-flex;padding:0 15px;height:40px;border:1px solid #222;align-items:center;justify-content:center;font-size:14px;color:#fff;background:#222}
    #container .manager .manager05 .contact{margin:25px auto 0;padding:25px 0 0 0;width:680px;max-width:100%;border-top:1px solid #fff}
    #container .manager .manager05 .contact p{line-height:20px;font-size:12px;color:#fff}

    /**/
    #container .customer{padding:45px 0}
    #container .customer .sect{text-align:center}
    #container .customer .sect .tit{margin:0 0 20px 0;font-size:20px;color:#3e3e3e;line-height:24px}
    #container .customer .sect .box{border:3px solid #013c87;padding:36px 12px}
    #container .customer .sect .box .top{display:flex;align-items:center;justify-content:center;padding:0 0 20px 0}
    #container .customer .sect .box .top .img{flex-shrink:0;margin:0 12px 0 0}
    #container .customer .sect .box .top .img img{width:52px;height:auto}
    #container .customer .sect .box .top .con{text-align:left}
    #container .customer .sect .box .top .con p{display:block;font-size:13px;line-height:1}
    #container .customer .sect .box .top .con strong{display:block;font-size:30px;font-weight:400;line-height:1.2}
    #container .customer .sect .box .bot{}
    #container .customer .sect .box .bot dl{display:flex;align-items:center;font-size:10px;justify-content:center;flex-direction:column}
    #container .customer .sect .box .bot dt{flex-shrink:0;margin:0 15px 0 0;font-weight:500;font-size:12px}
    #container .customer .sect .box .bot dd{}

    /**/
    #container .oneonone{padding:45px 0}
    #container .oneonone .sect{text-align:center;margin:0 0 60px 0}
    #container .oneonone .sect .wrap{position:relative}
    #container .oneonone .sect .tit{margin:0 0 20px 0;font-size:20px;color:#3e3e3e;line-height:24px}
    #container .oneonone .sect .select{position:absolute;top:0;right:16px}
    #container .oneonone .sect .select select{min-width:80px;height:24px;border:1px solid #d7d7d7;padding:0 20px 0 8px;font-size:14px;background:#fff url("../img/icon_dropdown.png") no-repeat right 5px center / 10px auto;display:block}
    #container .oneonone .sect .box{border:3px solid #013c87;padding:30px 15px;margin:0 0 35px 0}
    #container .oneonone .sect .box .top{display:flex;align-items:center;justify-content:center}
    #container .oneonone .sect .box .top .img{flex-shrink:0;margin:0 12px 0 0}
    #container .oneonone .sect .box .top .img img{width:52px;height:auto}
    #container .oneonone .sect .box .top .con{text-align:left}
    #container .oneonone .sect .box .top .con p{display:block;font-size:12px}
    #container .oneonone .sect .form{padding:0 0 30px 0}
    #container .oneonone .sect .form dl{display:flex;align-items:flex-start}
    #container .oneonone .sect .form dl + dl{margin-top:16px}
    #container .oneonone .sect .form dt{width:70px;flex-shrink:0;min-height:40px;display:flex;align-items:center;justify-content:flex-start;text-align:left;font-size:12px}
    #container .oneonone .sect .form dt em{margin-left:5px}
    #container .oneonone .sect .form dd{flex:1;display:flex}
    #container .oneonone .sect .form dd * + *{margin-left:10px}
    #container .oneonone .sect .form dd input[type="text"]{width:100%;max-width:449px;height:40px;padding:0 10px;border:1px solid #d7d7d7;font-size:12px}
    #container .oneonone .sect .form dd select{width:100%;max-width:449px;height:40px;padding:0 10px;border:1px solid #d7d7d7;font-size:12px;background:url("../img/icon_dropdown.png") no-repeat right 10px center}
    #container .oneonone .sect .form dd textarea{width:100%;height:234px;padding:10px;border:1px solid #d7d7d7;font-size:14px}
    #container .oneonone .sect .form dd .file{width:100%;height:40px;padding:4px;border:1px solid #d7d7d7;display:flex;align-items:center}    #container .oneonone .sect .form dd .file input[type="file"]{display:none}
    #container .oneonone .sect .form dd .file i{border:1px solid #3e3e3e;background:#d7d7d7;height:100%;display:flex;align-items:center;justify-content:center;min-width:89px;font-size:12px;cursor:pointer;margin:0}
    #container .oneonone .sect .form dd .file span{margin:0 0 0 10px;font-size:12px;color:#6e6e6e}
    #container .oneonone .sect .check{display:flex;align-items:center;justify-content:center;padding:0 0 24px 0;margin:0 0 24px 0;border-bottom:2px solid #1a478c}
    #container .oneonone .sect .check label.agree{cursor:pointer;display:flex;align-items:center;justify-content:center}
    #container .oneonone .sect .check label.agree input{display:none}
    #container .oneonone .sect .check label.agree i{display:inline-block; width:16px; height:16px; background:#fff no-repeat center center/60%; border:1px solid #000; margin-right:5px}
    #container .oneonone .sect .check label.agree p{ display:flex;align-items:center;font-size:13px;line-height:16px}
    #container .oneonone .sect .check label.agree button{margin:0 0 0 15px;line-height:16px;font-size:13px;color:#000}
    #container .oneonone .sect .check label.agree input:checked ~ i{background:url("https://cdn1.iconfinder.com/data/icons/material-core/18/check-256.png") no-repeat 50% 50% / 12px auto}
    #container .oneonone .sect .help{font-size:12px;color:#000;text-align:center}
    #container .oneonone .sect .button{margin:30px 0 0 0}
    #container .oneonone .sect .button .btn{min-width:222px;max-width:100%;color:#fff;background:#1a478c;border-color:#1a478c}
    #container .oneonone .sect .button .btn:hover{color:#fff;background:#333;border-color:#333}
    
    
    #container .popupTerms{display:none;flex-direction:column;position:fixed;top:0;left:0;width:100%;height:100%;background:rgb(102 102 102 / 40%);z-index:1111;align-items:center;justify-content:center}
    #container .popupTerms.active{display:flex}
    #container .popupTerms .terms_layer{width:1120px;max-width:calc(100% - 36px);background:#fff;border:1px solid #000;position:relative}
    #container .popupTerms .terms_layer .cont{text-align:left;line-height:20px;font-size:12px;color:#333;padding:10px 15px;padding-right:35px;word-break:keep-all}
    #container .popupTerms .terms_layer .close{position:absolute;top:0;right:0;padding:10px;width:40px;height:40px;display:flex;align-items:center;justify-content:center}
    #container .popupTerms .terms_layer .close img{display:block;width:100%;height:auto}

    
    /**/
    #container .tbl table{width:100%;table-layout:fixed;border-top:1px solid #d7d7d7;border-collapse:collapse;border-spacing:0}
    #container .tbl table th,
    #container .tbl table td{padding:10px 5px;font-size:14px;font-weight:400;border-right:1px solid #d7d7d7;background:#ffffff}
    #container .tbl table td:last-child,
    #container .tbl table th:last-child{border-right:0}
    #container .tbl table th{background:#efefef;vertical-align:middle}
    #container .tbl table tr{border-bottom:1px solid #e6e6e6}
    #container .tbl table tr:first-child{}


    /**/
    #wrap .modal-container{display:none;position:fixed;width:100%;height:100%;padding:16px;top:0;left:0;z-index:99999;background:rgba(0, 0, 0, 0.75);overflow:auto}
    #wrap .modal-container.show{display:flex; align-items:center; justify-content:center}
    #wrap .modal-container .modal-wrapper{width:650px;max-width:100%;max-height:90vh;box-shadow:0 3px 6px rgba(0,0,0,0.1);background:#fff;position:relative;display:flex;flex-direction:column;overflow-y:auto}
    #wrap .modal-container .modal-wrapper::-webkit-scrollbar{width:18px}
    #wrap .modal-container .modal-wrapper::-webkit-scrollbar-thumb{background-color:#ddd;background-clip:padding-box;border:6px solid transparent}
    #wrap .modal-container .modal-wrapper::-webkit-scrollbar-track{background-color:transparent}
    #wrap .modal-container .modal-wrapper .modal-title{position:relative;display:flex;flex-direction:row;padding:0 12px;height:50px;justify-content:space-between;align-items:center;border-bottom:1px solid #cccccc}
    #wrap .modal-container .modal-wrapper .modal-title .tit{font-size:16px;font-weight:600;color:#111111}
    #wrap .modal-container .modal-wrapper .modal-title .act button{width:28px;height:28px;background:url("../img/icon_close.png") no-repeat 50% 50%}
    #wrap .modal-container .modal-cont{padding:12px}
    #wrap .modal-container .modal-cont .tbl{flex:1}
    #wrap .modal-container .modal-cont .tbl table{position:relative;min-width:100%;border-collapse:collapse;table-layout:fixed;word-break:break-all}
    #wrap .modal-container .modal-cont .tbl table thead{border-top:2px solid #555555}
    #wrap .modal-container .modal-cont .tbl table thead th{padding:12px;height:50px;line-height:24px;font-size:14px;color:#333;font-weight:600;background:#f9f9f9;border-bottom:1px solid #dddddd;white-space:nowrap}
    #wrap .modal-container .modal-cont .tbl table tbody tr{border-bottom:1px solid #e2e2e2}
    #wrap .modal-container .modal-cont .tbl table tbody tr:last-child{border-bottom:1px solid #555}
    #wrap .modal-container .modal-cont .tbl table tbody th{padding:12px;min-width:70px;font-size:14px;color:#333;font-weight:500;background:#fafafa;white-space:nowrap;border-right:1px solid #e2e2e2;border-left:1px solid #e2e2e2;border-bottom:1px solid #e2e2e2}
    #wrap .modal-container .modal-cont .tbl table tbody th:nth-child(1){border-left:0}
    #wrap .modal-container .modal-cont .tbl table tbody td{padding:12px;height:50px;font-size:14px;font-weight:400;color:#555;text-align:center;text-overflow:ellipsis}
    #wrap .modal-container .modal-cont .tbl table tbody td img{display:block;width:100%;height:auto}
    #wrap .modal-container .modal-cont .tbl table tbody td a{color:#000}

    #container .terms{padding:45px 0;background:#f4f5f9}
    #container .terms .title{font-size:24px}
    #container .terms .cont{background:#fff;padding:24px 16px}
    #container .terms .cont .text{margin:0 auto;width:620px;max-width:100%;font-size:14px;font-weight:300;color:#333}
    #container .terms .cont .text strong{display:block;margin:25px 0 10px 0;font-size:18px;font-weight:500;color:#000}
    #container .terms .cont .text strong:nth-child(1){margin-top:0}
    #container .terms .cont .text table{width:100%;border-top:1px solid #d7d7d7;border-collapse:collapse;border-spacing:0;margin:20px 0}
    #container .terms .cont .text table th,
    #container .terms .cont .text table td{padding:5px;font-size:13px;font-weight:400;border-right:1px solid #d7d7d7;background:#ffffff}
    #container .terms .cont .text table td:last-child,
    #container .terms .cont .text table th:last-child{border-right:0}
    #container .terms .cont .text table th{background:#efefef;vertical-align:middle}
    #container .terms .cont .text table tr{border-bottom:1px solid #e6e6e6}
    #container .terms .cont .text table tr:first-child{}
}

@keyframes blink-effect { 
    50% { 
        opacity:0; 
    } 
}
@keyframes twinkle-effect { 
    50% { 
        background-color:#fff;
    } 
}
@keyframes blink-effect-smooth{ 
    from { opacity:0}
    to { opacity:1; }
}
@keyframes rotate { 
    from { 
        ransform:rotate(0deg); 
    } 
    to { 
        transform:rotate(360deg); 
    }
}
@keyframes slide-forward {
    from {
      transform:translateX(0%); 
    }
    to {
      transform:translateX(-100%); 
    } 
}
@keyframes switch-image {
    50% {
      background:url("../img/img_app_app03_eye.png") no-repeat 50% 50% / 100% auto;
    }
    
}
@keyframes slide-back {
    from {
        transform:translateX(-100%); 
    }
    to {
        transform:translateX(0%); 
    } 
}
@-webkit-keyframes shootingStar{
    0% { opacity:.3;top:0%}
    50% {opacity:1}
    85% {opacity:.3}
    100% {opacity:0;top:100%}
}
@-moz-keyframes shootingStar{
    0% { opacity:.3;top:0%}
    50% {opacity:1}
    85% {opacity:.3}
    100% {opacity:0;top:100%}
}
@-ms-keyframes shootingStar{
    0% { opacity:.3;top:0%}
    50% {opacity:1}
    85% {opacity:.3}
    100% {opacity:0;top:100%}
}
@-o-keyframes shootingStar{
    0% { opacity:.3;top:0%}
    50% {opacity:1}
    85% {opacity:.3}
    100% {opacity:0;top:100%}
}
@keyframes shootingStar {
    0% { opacity:.3;top:0%}
    50% {opacity:1}
    85% {opacity:.3}
    100% {opacity:0;top:100%}
}

@keyframes circlemove{
    0%, 100% {
        transform:translate(0,0);
    }
    50% {
        transform:translate(0,4px);
    }
}

/* * { font-family: 'Noto Sans KR', sans-serif; box-sizing: border-box; margin: 0 auto; padding: 0; list-style: none; } */
#container .startup{}
#container .startup .sect {}
#container .startup .section01 {min-height:630px; background: url(../../images/main_visual.png); background-repeat: no-repeat; background-size: 100%; background-position: top; padding: 8rem 0 1rem; text-align: center; }
#container .startup .section01 h2 {font-size: 40px; }
#container .startup .section01 h2 span {background: linear-gradient(to top, #b7ffe8 50%, transparent 50%);}
#container .startup .section01 p {font-size: 24px; margin: 1.5rem 0 2.5rem; line-height: 1.8;}
#container .startup .section01 p span { background: linear-gradient(to top, #bdc8da 30%, transparent 50%);}
#container .startup .section02 {min-height:620px; background: url(../../images/video_bg.png); background-repeat: no-repeat; background-size: 100%; background-position: top; padding: 8rem 0 4rem; text-align: center;}
#container .startup .section02 h3 {font-size: 36px; color: #fff; margin-bottom: 2rem;}
#container .startup .section02 h3 span { color: #6ce4bd;}
#container .startup .section03 {background: #eeeeee; padding: 7rem 0;}
#container .startup .sec3_wrap { max-width: 1200px;  margin: 0 auto;}
#container .startup .section03 h3 { font-size: 40px; color: #000; padding-bottom: 5rem; text-align: center;}
#container .startup .section03 .sec3_img ul { padding-bottom: 1rem; display: flex; flex-direction: row; justify-content: space-between;}
#container .startup .section03 .sec3_img ul li { width: 25%; text-align: center;}
#container .startup .section03 .sec3_img ul li img { box-shadow: 1px 1px 6px 0px #00000017;}
#container .startup .section03 h3 span { background: linear-gradient(to top, #b7ffe8 30%, transparent 50%);}
#container .startup .sec3_wrap img.con3_img { width: 100%;}
#container .startup .section04 { margin: 8rem 0 0;}
#container .startup .section04 h3 { font-size: 40px; color: #000; text-align: center;}
#container .startup .section04 h3 span { color: #6ce4bd;}
#container .startup .section04 p { font-size: 30px; text-align: center; margin: 1.5rem 0;}
#container .startup .section04 .sec3_wrap img { width: 100%;}
#container .startup .section05 { margin: 6rem 0;}
#container .startup .section05 h3 { font-size: 40px; color: #000; text-align: center;}
#container .startup .section05 h3 span { color: #6ce4bd;}
#container .startup .section05 p { font-size: 24px; text-align: center; margin: 1.5rem 0;}
#container .startup .section05 .tg  {border-collapse:collapse;border-spacing:0;width: 100%; margin: 4rem 0;}
#container .startup .section05 .tg td{border-color:black;border-style:solid;border-width:1px;font-size:18px; overflow:hidden;padding:1rem 0;word-break:normal;}
#container .startup .section05 .tg th{border-color:black;border-style:solid;border-width:1px;font-size:18px; font-weight:normal;overflow:hidden;padding:1rem 0;word-break:normal;}
#container .startup .section05 .tg .tg-gvau{background-color:#efefef;border-color:#d7d7d7;font-weight:500;text-align:center;vertical-align:top;padding: 1.5rem 0; border-left: none;}
#container .startup .section05 .tg .tg-xyi7{border-color:#d7d7d7;text-align:center;vertical-align: middle;color: #525252; border-left: none;}
#container .startup .section05 .tg .tg-60pk{background-color:#efefef;border-color:#d7d7d7;color:#1a478c;font-weight:bold;text-align:center; vertical-align: middle;padding: 1.5rem 0;}
#container .startup .section05 .tg .tg-16ok{background-color:#d2fff1;border-color:#d7d7d7;font-weight:500;text-align:center; vertical-align: middle;color: #525252;}
#container .startup .section05 .tg .tg-xyi7 span { font-size: 16px; line-height: 1;}
#container .startup .section05 .tg .tg-4none { border-right: none;}
#container .startup p.con_list { color: #3e3e3e;}
#container .startup .section06 {min-height:1200px; background: url(../../images/con_bg_mint.png); background-repeat: no-repeat; background-size: 100%; background-position: top; padding: 15rem 0 17rem; position: relative; z-index: 9;}
#container .startup .section06 h3 { font-size: 40px; color: #000; text-align: center;}
#container .startup .section06 p { font-size: 24px; text-align: center; margin: 1.5rem 0;}
#container .startup .section06 .tg  {border-collapse:collapse;border-spacing:0;width: 100%;margin-top: 3rem;}
#container .startup .section06 .tg td{border-color:black;border-style:solid;border-width:1px;font-size:22px; overflow:hidden;padding:2rem 0;word-break:normal;}
#container .startup .section06 .tg th{border-color:black;border-style:solid;border-width:1px;font-size:22px; font-weight:normal;overflow:hidden;padding:2rem 0;word-break:normal;}
#container .startup .section06 .tg .tg-lzaa{background-color:#ffffff;border-color:#d7d7d7;text-align:center;vertical-align:middle}
#container .startup .section06 .tg .tg-8ii9{width:20%;background-color:#6ce4bd;border-color:#d7d7d7;font-weight:bold;text-align:center;vertical-align:middle}
#container .startup .section06 .tg .tg-iglv{background-color:#ffffff;border-color:#d7d7d7;font-weight:bold;text-align:center;vertical-align:middle}
#container .startup .section06 .tg .tg-gmx8{width:40%;background-color:#50bbac;border-color:#d7d7d7;color:#ffffff;font-weight:bold;text-align:center;vertical-align:middle}
#container .startup .section06 .tg .tg-3pow{background-color:#ffffff;border-color:#d7d7d7;text-align:left;vertical-align:middle}
#container .startup .section06 .tg .tg-3pow .tg-p { display: flex; margin: 0 auto; justify-content: center;}
#container .startup .section06 .p_line { background: #80bafb; padding: 0.5rem 0; border-radius: 10px; margin-top: 2.5rem;}
#container .startup .section06 .p_line p { color: #fff; font-size: 24px; font-weight: 700;}
#container .startup .sec6_wrap { position: relative;}
#container .startup img.sec06_bg1 { position: absolute; bottom: 4rem; left: -5rem;}
#container .startup img.sec06_bg2 { position: absolute; bottom: 5rem; right: -9rem;}
#container .startup .section07 { background: url(../../images/con_bg_blue.png); background-repeat: no-repeat; background-size: 100%; background-position: top; padding: 13rem 0 15rem; position: relative; top: -9rem;}
#container .startup .section07 h3 { font-size: 68px; color: #fff; text-align: center; margin-bottom: 90px; letter-spacing: -1px;}
#container .startup .section07 h3 span.top_br { font-size: 40px;}
#container .startup .section07 h3 span.n_yellow { color: #fae937;}

/* Style the tab */
#container .startup .sec7_tab .tab { overflow: hidden; display: flex; flex-direction: row; justify-content: space-between; position: relative; height: 80px; width: 100%;}
 
/* Style the buttons inside the tab */
#container .startup .sec7_tab .tab button { background-color: #3b77d2; border: none; outline: none; cursor: pointer; padding: 14px 0; transition: 0.3s; font-size: 24px; width: 22%; color: #9fc5ff; box-shadow: 0px 0px 6px 0px #00000045; border-top-right-radius: 15px; position: absolute; top: 0; left: 0; font-weight: 300; padding-left: 2%; height: 100%;}
#container .startup .sec7_tab .tab button.tab01 { left: 0%; z-index: 5; padding-left: 0; width: 20%;}
#container .startup .sec7_tab .tab button.tab02 { left: 18%; z-index: 4;}
#container .startup .sec7_tab .tab button.tab03 { left: 38%; z-index: 3;}
#container .startup .sec7_tab .tab button.tab04 { left: 58%; z-index: 2;}
#container .startup .sec7_tab .tab button.tab05 { left: 78%; z-index: 1;}
/* Change background color of buttons on hover */
#container .startup .sec7_tab .tab button:hover { background-color: #5187d8;}
 
/* Create an active/current tablink class */
#container .startup .sec7_tab .tab button.active { background-color: #fff58b; border-top-left-radius: 15px; color: #0b1f3e; font-weight: 600; z-index: 5; padding-left: 0; width: 22%;}
 
/* Style the tab content */
#container .startup .sec7_tab .tabcontent {display: none; border-top: none; background: #fff; border-bottom-right-radius: 15px; border-bottom-left-radius: 15px; padding: 7rem 10rem 10rem; height: 963px;}
#container .startup .sec7_tab .tabcontent h3 { color: #000; text-align: center; font-weight: 500; font-size: 60px; margin: 0; letter-spacing: -3px;}
#container .startup .sec7_tab .tabcontent h3 span.tit_blue { color: #3182ff; font-weight: 600;}
#container .startup .sec7_tab .tabcontent p { text-align: center; font-size: 34px; letter-spacing: -2px; font-weight: 500;}

#container .startup .tabcontent .tab_list { text-align: center;}
#container .startup .tabcontent .tab_list ul { margin: 4rem 0; display: inline-block;}
#container .startup .tabcontent .tab_list ul li { display: flex; flex-direction: row; align-items: center; justify-content: flex-start; font-size: 22px; font-weight: 400; margin: 0.5rem 0; letter-spacing: -1px;}
#container .startup .tabcontent .tab_list ul li img { margin: 0; padding-right: 1rem;}
#container .startup .tabcontent .tab_img { text-align: center; display: flex; flex-direction: row; align-items: center; justify-content: center;}
#container .startup .tabcontent .tab_img img { width: 50%; padding: 0 0.5rem;}
#container .startup .tabcontent .tab2_img ul { display: flex; flex-direction: row; justify-content: space-between; align-items: center;}
#container .startup .tabcontent .tab2_img ul li { width: 32%; text-align: center; font-size: 24px; letter-spacing: -1px;}
#container .startup .tabcontent .tab2_img img { width: 100%; padding: 0; border-radius: 10px; margin-bottom: 1rem;}
#container .startup .tabcontent .tab2_img.tab3_img ul { display: flex; flex-direction: row; justify-content: space-between; align-items: center; flex-wrap: wrap;}
#container .startup .tabcontent .tab2_img.tab3_img ul li { width: 33.33%;}
#container .startup .tabcontent .tab2_img.tab3_img ul li img { width: 60%; border-radius: 0; margin: 0;}
#container .startup .sec7_tab .tabcontent.tabcon_03 { padding: 7rem;}
#container .startup .tabcontent.tabcon_03 .tab_list ul { margin: 4rem 0 3rem;}
#container .startup .tabcontent.tabcon_04 .tab_list ul { margin: 4rem 0 3rem;}
#container .startup .tabcontent.tabcon_04 .tab2_img img { width: 36%; padding: 0; border-radius: 0; margin-bottom: 1rem;}
#container .startup .tabcontent.tabcon_04 .tab2_img ul li { display: flex; flex-direction: column; align-items: center;}


#container .startup .tabcontent .tab5_img {margin: 0 12.5%; width: 75%; }
/*
#container .startup .tabcontent .tab5_img { width: 75%; }
*/
#container .startup .tabcontent .tab5_img img { width: 100%;}

#container .startup .section08 {background: #293446; position: relative; z-index: 2; margin-top: -10rem; padding: 10rem 0;}
#container .startup .section08 h3 img { margin-bottom: 1rem;}
#container .startup .sec8_wrap h3 { color: #fff; text-align: center; font-size: 50px;}
#container .startup .sec8_wrap h3 span.top_br { font-size: 34px;} 
#container .startup .sec8_wrap h3 span.n_blue { color: #83b2fb;}
#container .startup .sec8_wrap .video_wrap { display: flex; flex-direction: row; align-items: center; justify-content: space-between; margin-top: 6rem;}
#container .startup .sec9_wrap { max-width: 1200px; margin: 0 auto;}
#container .startup .sec9_text { margin: 6rem 0 5rem; width: 100%; padding: 3.5rem 0; text-align: center; background: #374254; border-radius: 40px;}
#container .startup .sec9_text p { color: #fff; font-size: 24px; margin-bottom: 2rem; font-weight: 300;}
#container .startup .sec10_text .sec9_text h4 { color: #83b2fb; font-size: 36px;}
#container .startup .sec10_wrap { max-width: 1200px; margin: 0 auto;}
#container .startup .sec10_text h4 { color: #fff; font-size: 36px; text-align: center;}
#container .startup .sec10_text { margin-top: 10rem;}
#container .startup .sec10_box ul { display: flex; flex-direction: row; align-items: center; justify-content: space-between; background: #fff; padding: 4rem 0; border-radius: 40px; margin-top: 3rem;}
#container .startup .sec10_box ul li { border-right: 1px solid #e1e1e1; margin: 0; width: 25%; padding: 0 3rem;}
#container .startup .sec10_box ul li:last-child { width: 50%;}
#container .startup .sec10_box ul li p { text-align: center; font-size: 24px;}
#container .startup .sec10_box ul li p strong { font-size: 36px; display: block; margin-bottom: 1rem;}
#container .startup .sec11_wrap { max-width: 1200px; margin: 0 auto; padding-top: 10rem;}
#container .startup .sec11_wrap .sec11_box { display: flex; flex-direction: row; justify-content: flex-start; align-items: center;}
#container .startup .sec11_wrap .sec11_box .box_left { width: 50%;}
#container .startup .sec11_wrap .sec11_box .box_left img { width: 90%;}
#container .startup .sec11_wrap .sec11_box .box_right { color: #fff; width: 50%; margin-left: 2rem;}
#container .startup .sec11_box .box_right h4 { font-size: 36px; margin-bottom: 2rem;}
#container .startup .sec11_wrap .sec11_box .box_right ul li { display: flex; flex-direction: row; align-items: center; justify-content: flex-start; font-size: 24px; font-weight: 400; margin: 0.7rem 0; letter-spacing: -1px;}
#container .startup .sec11_wrap .sec11_box .box_right ul li img { margin: 0; padding-right: 1rem;}

#container .startup .section09 { background: #6ce4bd; padding: 10rem 0;}
#container .startup .section09 .sec3_wrap h3 { color: #000;}
#container .startup .section09 .sec3_wrap p { color: #000; text-align: center; font-size: 24px; margin: 3rem 0 10rem;}
#container .startup .sec9_scroll { width: 100%; overflow: hidden; margin: 0; height: 450px;}

@media (min-width: 961px) {
    #container .startup .slider .swiper-slide { display: flex; flex-direction: column; align-items: center; position: relative; max-width: 398px; margin-right: 3px; }
    #container .startup .slider .swiper-slide em { font-size: 30px; margin: 0 0 15px 0; font-family: 'Noto Sans KR', sans-serif; font-style: normal; }
    #container .startup .slider .swiper-slide i {margin: 0 auto; width: 182px; height: 182px; position: relative; background: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; POSITION: RELATIVE; Z-INDEX: 2; }
    #container .startup .slider .swiper-slide span { position: relative; margin: 20px 0 0 0; background: #fff; width: 240px; min-height: 105px; display: flex; align-items: center; justify-content: center; flex-direction: column; font-size: 18px; padding: 20px; word-break: keep-all; font-family: 'Noto Sans KR', sans-serif; text-align: center; letter-spacing: -1px; }
    #container .startup .slider .swiper-slide span:before {content: ''; position: absolute; bottom: 100%; left: 50%; transform: translateX(-50%); width: 18px; height: 10px; border-bottom: 10px solid #fff; border-left: 9px solid transparent; border-right: 9px solid transparent; box-sizing: border-box; }
    #container .startup .slider .swiper-slide + .swiper-slide:before { content: ''; position: absolute; top: 142px; left: 0; width: 100%; height: 2px; background: #fff; transform: translateX(-50%); }
    #container .startup .slider .swiper-slide + .swiper-slide:after { content: ''; position: absolute; top: 138px; left: 0; width: 10px; height: 10px; background: #fff; transform: translateX(-50%); border-radius: 50%; }
}

#container .startup .section10 {background: url(../../images/last_bg.png); background-repeat: no-repeat; background-size: 100%; background-position: top; padding: 10rem 0;}
#container .startup .con10_wrap {max-width: 1200px; margin: 0 auto; display: flex; flex-direction: row; justify-content: space-between; align-items: flex-end;}
#container .startup .con10_wrap .sec10_left { display: flex; flex-direction: column; align-items: flex-start;}
#container .startup .con10_wrap .sec10_left button { margin: 0; background: none; border: 1px solid #fff; outline: none; border-radius: 50px; margin-bottom: 1.5rem;}
#container .startup .con10_wrap .sec10_left button a { text-decoration: none; color: #fff; font-size: 30px; font-weight: 700; padding: 1.5rem; width: 500px; display: block;}
#container .startup .con10_wrap .sec10_left button.btn_0 { margin: 0;}

@media screen and (max-width:1250px) {
    body {
        overflow-x: hidden;
    }
    #container .startup .section01 {min-height:0px; background-repeat: no-repeat; background-size: cover; background-position: right; background-position-x: 80%; padding: 5rem 1.5rem 5rem; text-align: center; }
    #container .startup .section01 h2 { font-size: 25px; }
    #container .startup .section01 h2 br { display: none; }
    #container .startup .section01 p { font-size: 16px; margin: 1.5rem 0 2.5rem; line-height: 1.8; }
    #container .startup .section01 img { width: 100%; }
    #container .startup .section02 { background-repeat: no-repeat; background-size: cover; background-position: center; padding: 4rem 1.5rem; text-align: center; }
    #container .startup .section02 h3 { font-size: 24px; }
    #container .startup .section02 iframe { width: 100%; }
    #container .startup .section03 { background: #eeeeee; padding: 4rem 1.5rem; }
    #container .startup .section03 h3 img { padding-bottom: 1rem; width: 39%; }
    #container .startup .section03 .sec3_img ul { padding-bottom: 1rem; display: flex; flex-direction: row; justify-content: space-between; flex-wrap: wrap; width: 100%; }
    #container .startup .section03 .sec3_img ul li { width: 45%; text-align: center; margin-bottom: 1rem; }
    #container .startup .section03 .sec3_img ul li img { width: 100%; }
    #container .startup .section03 h3 { font-size: 24px; color: #000; padding-bottom: 4rem; text-align: center; }
    #container .startup .section04 { margin: 4rem 1.5rem; }
    #container .startup .section04 h3 { font-size: 26px; color: #000; text-align: center; }
    #container .startup .section04 p { font-size: 16px; text-align: center; margin: 1.5rem 0; }
    #container .startup .section05 { margin: 4rem 1.5rem; }
    #container .startup .section05 p { font-size: 16px; }
    #container .startup .section05 p br { display: none; }
    #container .startup .section05 h3 { font-size: 24px; color: #000; text-align: center; }
    #container .startup .section05 .tg td { border-color: black; border-style: solid; border-width: 1px; font-size: 14px; overflow: hidden; padding: 1rem 0.5rem; word-break: normal; }
    #container .startup .section05 .tg .tg-gvau { width: 17%; }
    #container .startup .section05 .tg .tg-60pk { width: 20%; }
    #container .startup .section05 .tg th { font-size: 20px; }
    #container .startup .section05 .tg .tg-xyi7 span { font-size: 12px; line-height: 1; }
    #container .startup .section06 {min-height:0px; background: url(../../images/m_con_bg_mint.png); background-repeat: no-repeat; background-size: 100% 100%; background-position: top; padding: 75px 1.5rem; position: relative; z-index: 9; }
    #container .startup .section06 h3 { font-size: 26px; color: #000; text-align: center; }
    #container .startup .section06 p { font-size: 16px; text-align: center; margin: 1.5rem 0; }
    #container .startup .section06 p br { display: none; }
    #container .startup .section06 .tg th { border-color: black; border-style: solid; border-width: 1px; font-size: 18px; font-weight: normal; overflow: hidden; padding: 1rem; word-break: normal; }
    #container .startup .section06 .tg td { border-color: black; border-style: solid; border-width: 1px; font-size: 16px; overflow: hidden; padding: 1rem; word-break: normal; }
    #container .startup .section06 .p_line { background: #80bafb; padding: 0.5rem 0; border-radius: 10px; margin: 1rem 0 4rem; }
    #container .startup .section06 .p_line p { color: #fff; font-size: 16px; font-weight: 700; padding: 1rem; margin: 0; }
    #container .startup img.sec06_bg1 { bottom: 5rem; left: -11px; width: 44px; }
    #container .startup img.sec06_bg2 { bottom: 5.5rem; right: -1rem; width: 68px; }
    #container .startup .section07 { background: url(../../images/m_con_bg_blue.png); background-repeat: no-repeat; background-size: 100% 100%; background-position: top; padding: 5rem 1.5rem 12rem; position: relative; top: -3rem; }
    #container .startup .section07 h3 { font-size: 26px; margin-bottom: 3rem; }
    #container .startup .section07 h3 span.top_br { font-size: 18px; }
    #container .startup .sec7_tab .tab button { font-size: 12px; }
    #container .startup .sec7_tab .tab { height: 48px; }
    #container .startup .sec7_tab .tabcontent { padding: 3rem 1.5rem; height: 100%; }
    #container .startup .sec7_tab .tabcontent h3 { font-size: 23px; }
    #container .startup .sec7_tab .tabcontent p { font-size: 23px; }
    #container .startup .tabcontent.tabcon_04 .tab_list ul { margin: 2rem 0; }
    #container .startup .tabcontent .tab_list ul { margin: 2rem 0; display: inline-block; }
    #container .startup .tabcontent .tab_list ul li img { margin: 0; padding-right: 0.5rem; width: 30px; }
    #container .startup .tabcontent .tab_list ul li { display: flex; flex-direction: row; align-items: flex-start; justify-content: flex-start; font-size: 13px; text-align: left; font-weight: 400; margin: 0.5rem 0; letter-spacing: -1px;  vertical-align:middle;}
    #container .startup .tabcontent .tab_img { text-align: center; display: flex; flex-direction: row; align-items: center; justify-content: space-between; width: 100%; }
    #container .startup .tabcontent .tab_img img { width: 48%; padding: 0; }
    #container .startup .tabcontent .tab2_img ul li { font-size: 14px; }
    #container .startup .tabcontent .tab2_img img { margin-bottom: 0; }
    #container .startup .sec7_tab .tabcontent.tabcon_03 { padding: 3rem 1.5rem; }
    #container .startup .tabcontent.tabcon_03 .tab_list ul { margin: 2rem 0; }
    #container .startup .tabcontent .tab2_img.tab3_img ul li img { width: 90%; border-radius: 0; margin: 0; }
    #container .startup .tabcontent.tabcon_04 .tab2_img img { width: 50%; margin-bottom: 0.3rem; }   
    #container .startup .tabcontent .tab5_img {margin:0 ; width: 100%; }
    #container .startup .section08 { padding: 75px 1.5rem; }
    #container .startup .section08 h3 img { width: 70px; margin-bottom: 1rem;}
    #container .startup .sec8_wrap h3 { font-size: 32px; letter-spacing: -1px; }
    #container .startup .sec8_wrap h3 span.top_br { font-size: 22px; }
    #container .startup .sec8_wrap .video_wrap { display: flex; flex-direction: column; align-items: center; justify-content: space-between; }
    #container .startup .sec8_wrap .video_wrap iframe { width: 100%; margin-bottom: 2rem; }
    #container .startup .sec9_text { margin: 5rem 0; width: 100%; padding: 2rem; text-align: center; background: #374254; border-radius: 40px; }
    #container .startup .sec9_text p { font-size: 13px; margin-bottom: 2rem; }
    #container .startup .sec9_text p br { display: none; }
    #container .startup .sec10_text .sec9_text h4 { font-size: 18px; }
    #container .startup .sec10_text h4 { color: #fff; font-size: 23px; text-align: center; }
    #container .startup .sec10_box ul li p { text-align: center; font-size: 13px; }
    #container .startup .sec10_box ul li p strong { font-size: 16px; display: block; margin-bottom: 0; }
    #container .startup .sec10_box ul li { padding: 0 1rem; }
    #container .startup .sec10_box ul { display: flex; flex-direction: row; align-items: center; justify-content: space-between; background: #fff; padding: 2rem 0; border-radius: 20px; margin-top: 2rem; }
    #container .startup .sec11_wrap { padding-top: 4rem; }
    #container .startup .sec11_wrap .sec11_box { display: flex; flex-direction: column-reverse; justify-content: flex-start; align-items: center; }
    #container .startup .sec11_wrap .sec11_box .box_right { color: #fff; width: 100%; margin-left: 0; }
    #container .startup .sec11_box .box_right h4 { font-size: 26px; margin-bottom: 1.5rem; }
    #container .startup .sec11_wrap .sec11_box .box_right ul li { display: flex; flex-direction: row; align-items: center; justify-content: flex-start; font-size: 14px; font-weight: 400; margin: 0.5rem 0; letter-spacing: -1px; }
    #container .startup .sec11_wrap .sec11_box .box_right ul li img { margin: 0; padding-right: 0.5rem; width: 32px; }
    #container .startup .sec11_wrap .sec11_box .box_left { width: 79%; margin: 2rem 0; }
    #container .startup .section09 { padding: 11rem 0; }
    #container .startup .section09 .sec3_wrap p { font-size: 16px; margin: 2rem 0 4rem; padding: 0 1.5rem; }
    #container .startup .section09 .sec3_wrap p br { display: none; }
    #container .startup .section09 .sec8_wrap h3 { font-size: 24px; letter-spacing: -1px; margin-top: 0; }
    #container .startup .slider .swiper-slide { display: flex; flex-direction: column; align-items: center; position: relative; }
    #container .startup .slider .swiper-slide em { font-size: 19px; margin: 0 0 15px 0; }
    #container .startup .slider .swiper-slide i { margin: 0 auto; width: 130px; height: 130px; position: relative; background: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; POSITION: RELATIVE; Z-INDEX: 2; }
    #container .startup .slider .swiper-slide i img { margin: 0 auto; width: 65px; height: auto; display: block; }
    #container .startup .slider .swiper-slide span { position: relative; margin: 20px 0 0 0; background: #fff; min-height: 60px; display: flex; align-items: center; justify-content: center; flex-direction: column; font-size: 14px; padding: 20px; word-break: keep-all; }
    #container .startup .slider .swiper-slide span:before { content: ''; position: absolute; bottom: 100%; left: 50%; transform: translateX(-50%); width: 18px; height: 10px; border-bottom: 10px solid #fff; border-left: 9px solid transparent; border-right: 9px solid transparent; box-sizing: border-box; }
    #container .startup .slider .swiper-slide + .swiper-slide:before { content: ''; position: absolute; top: 103px; left: 0; width: 100%; height: 1px; background: rgba(255, 255, 255, 0.3); transform: translateX(-50%); }
    #container .startup .slider .swiper-slide + .swiper-slide:after { content: ''; position: absolute; top: 99px; left: 0; width: 10px; height: 10px; background: #fff; transform: translateX(-50%); border-radius: 50%; }
    #container .startup .section10 { background: url(../../images/last_bg.png); background-repeat: no-repeat; background-size: cover; background-position: left; padding: 0; height: 513px; }
    #container .startup .con10_wrap { max-width: 1200px; margin: 0 auto; display: flex; flex-direction: column; justify-content: space-between; align-items: flex-end; width: 100%; padding: 5rem 1.5rem; }
    #container .startup .con10_wrap .sec10_left { display: flex; flex-direction: column; width: 100%; align-items: flex-start; }
    #container .startup .con10_wrap .sec10_left button { margin: 0; background: none; border: 1px solid #fff; outline: none; border-radius: 50px; margin-bottom: 1rem; width: 100%; }
    #container .startup .con10_wrap .sec10_left button a { text-decoration: none; color: #fff; font-size: 22px; font-weight: 700; padding: 1.5rem; width: 100%; display: block; }
    #container .startup .con10_wrap .sec10_right { width: 80%; margin-top: 3rem; }
    #container .startup .con10_wrap .sec10_right img { width: 100%; }
}