.articleSectionCard .cardBox .card,.articleSectionCardBg .cardBox .card{transition:all 0.4s}body{background-color:#fff}.mainArea{padding-top:95px}@media (max-width:1200px){.mainArea{padding-top:0}}.albumBox{overflow:hidden;padding:50px 0 150px}@media (max-width:1024px){.albumBox{padding:50px 0 100px}}.albumBox .articleTitleBox{font-size:60px;font-weight:700;line-height:1.2;letter-spacing:0.5px}.albumBox .albumTitle{font-size:48px;font-weight:700;line-height:1.2;letter-spacing:0.5px;text-align:center;padding:40px 20px}@media (max-width:1200px){.albumBox .albumTitle{font-size:42px;padding:0 20px 30px}}@media (max-width:640px){.albumBox .albumTitle{font-size:32px}}.albumBox .albumList{width:80%;max-width:1100px;margin:0 auto;padding:0 20px;position:relative}.albumBox .albumList:after,.albumBox .albumList:before{content:"";width:380px;height:100%;background:url("../images/blackcard/album-mask.png") center/cover no-repeat;display:block;position:absolute;top:0;z-index:1}.albumBox .albumList:before{left:-40px;-webkit-transform:translateX(-100%);transform:translateX(-100%)}.albumBox .albumList:after{right:-40px;-webkit-transform:translateX(100%);transform:translateX(100%)}.albumBox .albumList.slick-dotted{margin-bottom:0}@media (max-width:1024px){.albumBox .albumList:before{left:-25px}.albumBox .albumList:after{right:-25px}}@media (max-width:640px){.albumBox .albumList{width:100%}}.albumBox .albumList .albumItem{cursor:pointer}.albumBox .albumList .albumItem img{display:block;width:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden}.albumBox .slick-dots{position:absolute;bottom:-30px;left:0}.albumBox .slick-dots li{width:10px;height:10px}.albumBox .slick-dots li button{width:10px;height:10px}.albumBox .slick-dots li button:before{content:"";width:10px;height:10px;border-radius:50%;border:1px solid #bbb;background-color:#bbb;opacity:1}.albumBox .slick-dots li.slick-active button:before{border:1px solid #18c3bc;background-color:#18c3bc;opacity:1}.articleBanner{min-height:525px;background:url("../images/blackcard/blackcard-banner.svg") center/cover no-repeat;position:relative}.articleBanner .articleTitleBox{max-width:1600px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;margin:0 auto;padding:0 20px;width:100%;height:100%;margin:auto;position:absolute;top:0;left:0;right:0;bottom:0}.articleBanner .articleTitleBox .title{font-size:85px;font-weight:700;line-height:1.2;letter-spacing:1px}.articleBanner .articleTitleBox .text{font-size:22px;font-weight:600;line-height:1.2;letter-spacing:0.5px;margin-top:10px}@media (max-width:1440px){.articleBanner .articleTitleBox .title{font-size:70px}.articleBanner .articleTitleBox .text{font-size:20px}}@media (max-width:1200px){.articleBanner{min-height:auto;padding:150px 0}.articleBanner .articleTitleBox .title{font-size:60px}.articleBanner .articleTitleBox .text{font-size:18px}}@media (max-width:640px){.articleBanner{padding:120px 0}.articleBanner .articleTitleBox .title{font-size:42px;letter-spacing:0.5px}.articleBanner .articleTitleBox .text{font-size:16px}}.articleSection{position:relative}.articleSection .articleTitleBox .title{font-size:60px;font-weight:700;line-height:1.2;letter-spacing:0.5px}@media (max-width:1440px){.articleSection .articleTitleBox .title{font-size:50px}}@media (max-width:1200px){.articleSection .articleTitleBox .title{font-size:42px}}@media (max-width:640px){.articleSection .articleTitleBox .title{font-size:32px}}.articleSectionFirst{background:url("../images/blackcard/section-bg.svg") center/cover no-repeat}.articleSectionFirst .articleInnerBox{max-width:1600px;-ms-flex-align:start;align-items:flex-start;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;margin:0 auto;padding:65px 20px}@media (max-width:1200px){.articleSectionFirst .articleInnerBox{-ms-flex-direction:column;flex-direction:column}}@media (max-width:1024px){.articleSectionFirst .articleInnerBox{padding:40px 20px}}.articleSectionFirst .articleTitleBox{width:50%;max-width:720px;padding-right:20px}.articleSectionFirst .articleTitleBox .title{position:relative}.articleSectionFirst .articleTitleBox .title:before{content:"";width:165px;height:3px;background-color:#232323;display:block;position:absolute;bottom:-30px;left:0;z-index:1}@media (max-width:1200px){.articleSectionFirst .articleTitleBox{width:90%;margin:0 auto 80px}}@media (max-width:640px){.articleSectionFirst .articleTitleBox{width:100%}}.articleSectionFirst .articleTextBox{width:50%;max-width:800px;background-color:#fff;border-radius:25px;box-shadow:0 3px 15px rgba(0,0,0,0.2);padding:50px 65px}.articleSectionFirst .articleTextBox .title{color:#535353;font-size:36px;font-weight:700;line-height:1.2;letter-spacing:0.2px;margin-bottom:25px}.articleSectionFirst .articleTextBox ul{list-style-type:none}.articleSectionFirst .articleTextBox ul li{color:#535353;font-size:20px;letter-spacing:0.2px;line-height:1.5;padding-left:15px;position:relative}.articleSectionFirst .articleTextBox ul li:before{content:"";width:5px;height:5px;border-radius:50%;background-color:rgba(35,35,35,0.8);display:block;position:absolute;top:12px;left:0;z-index:1}.articleSectionFirst .articleTextBox ul li:not(:last-child){margin-bottom:15px}@media (max-width:1440px){.articleSectionFirst .articleTextBox .title{font-size:32px}.articleSectionFirst .articleTextBox ul li{font-size:18px}.articleSectionFirst .articleTextBox ul li:not(:last-child){margin-bottom:10px}}@media (max-width:1200px){.articleSectionFirst .articleTextBox{width:90%;margin:0 auto;padding:30px 35px}.articleSectionFirst .articleTextBox .title{font-size:28px}}@media (max-width:640px){.articleSectionFirst .articleTextBox{width:100%}.articleSectionFirst .articleTextBox .title{font-size:26px}.articleSectionFirst .articleTextBox ul li{font-size:16px}}.articleSectionSec{background:url("../images/blackcard/section-bg2.svg") center/cover no-repeat}.articleSectionSec .articleInnerBox{max-width:1400px;margin:0 auto;padding:80px 20px 50px}@media (max-width:1024px){.articleSectionSec .articleInnerBox{padding:40px 20px}}.articleSectionSec .articleList{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0 -15px}.articleSectionSec .articleList .articleItem{width:25%;padding:0 15px 30px}.articleSectionSec .articleList .item{background-color:#fff;border-radius:25px;box-shadow:0 3px 10px rgba(0,0,0,0.2);padding:35px 25px;text-align:center}.articleSectionSec .articleList .title{color:#535353;font-size:34px;font-weight:700;line-height:1.2;letter-spacing:-1px}.articleSectionSec .articleList .text{color:#535353;font-size:12px;font-weight:600;line-height:1.2;letter-spacing:0.5px;margin-top:13px}.articleSectionSec .articleList img{width:170px;display:block;margin:15px auto 0}.articleSectionSec .articleList .btn{padding-top:30px}.articleSectionSec .articleList .btn a{font-size:22px;font-weight:400;letter-spacing:0.2px}@media (max-width:1440px){.articleSectionSec .articleList .item{padding:25px 15px}.articleSectionSec .articleList .title{font-size:30px}}@media (max-width:1200px){.articleSectionSec .articleList .title{font-size:26px}}@media (max-width:1024px){.articleSectionSec .articleList{margin:0}.articleSectionSec .articleList .articleItem{width:50%}.articleSectionSec .articleList img{width:120px}}@media (max-width:640px){.articleSectionSec .articleList .articleItem{width:100%;padding:0 0 30px}.articleSectionSec .articleList .btn a{font-size:18px}}.articleSectionThird{background-color:#f9f9f9;box-shadow:inset 0 5px 20px rgba(0,0,0,0.25)}.articleSectionThird .articleInnerBox{max-width:1600px;margin:0 auto;padding:125px 20px 110px}@media (max-width:1024px){.articleSectionThird .articleInnerBox{padding:70px 20px 40px}}.articleSectionThird .articleTitleBox{margin-bottom:100px;text-align:center}.articleSectionThird .articleTitleBox .title .seperate{display:inline-block;margin-right:35px}.articleSectionThird .articleTitleBox .text{color:#919191;font-size:30px;font-weight:600;line-height:1.2;letter-spacing:0.5px;margin-top:10px}@media (max-width:1440px){.articleSectionThird .articleTitleBox .text{font-size:26px}}@media (max-width:1200px){.articleSectionThird .articleTitleBox{margin-bottom:40px}.articleSectionThird .articleTitleBox .title .seperate{margin-right:15px}.articleSectionThird .articleTitleBox .text{font-size:22px}}@media (max-width:640px){.articleSectionThird .articleTitleBox .text{font-size:18px}}.articleSectionThird .articleList{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0 -15px}.articleSectionThird .articleList .articleItem{width:50%;padding:0 15px 80px}.articleSectionThird .articleList .item{-ms-flex-align:start;align-items:flex-start;display:-ms-flexbox;display:flex}.articleSectionThird .articleList .Img{width:200px;background-color:#fff;border-radius:25px;box-shadow:0 3px 10px rgba(0,0,0,0.2);padding:30px 25px}.articleSectionThird .articleList .Img img{width:110px;display:block;margin:0 auto}.articleSectionThird .articleList .Img .title{font-size:25px;font-weight:700;line-height:1.2;letter-spacing:0px;text-align:center;margin-top:5px}.articleSectionThird .articleList .Txt{width:calc(100% - 200px);padding-left:30px}.articleSectionThird .articleList .Txt ul{list-style-type:none;margin-top:15px;padding-left:0}.articleSectionThird .articleList .Txt ul li{font-size:18px;font-weight:600;line-height:1.5;letter-spacing:0.5px;padding-left:15px;position:relative}.articleSectionThird .articleList .Txt ul li:before{content:"";width:5px;height:5px;border-radius:50%;background-color:#232323;display:block;position:absolute;top:10px;left:0;z-index:1}.articleSectionThird .articleList .Txt ul li:not(:last-child){margin-bottom:5px}@media (max-width:1200px){.articleSectionThird .articleList .Img{width:180px;padding:20px}.articleSectionThird .articleList .Img img{width:90px}.articleSectionThird .articleList .Img .title{font-size:22px}}@media (max-width:1024px){.articleSectionThird .articleList{margin:0}.articleSectionThird .articleList .articleItem{width:100%;padding:0 0 30px}}@media (max-width:640px){.articleSectionThird .articleList .item{-ms-flex-direction:column;flex-direction:column}.articleSectionThird .articleList .Img{width:100%;padding:10px 15px}.articleSectionThird .articleList .Img img{width:70px}.articleSectionThird .articleList .Img .title{font-size:18px}.articleSectionThird .articleList .Txt{width:100%;padding-left:10px}.articleSectionThird .articleList .Txt ul li{font-size:16px}}.articleSectionThird .btn{padding-top:20px;text-align:center}.articleSectionThird .btn a{max-width:500px;padding-left:65px;padding-right:65px}.articleSectionForth{background:url("../images/blackcard/section-bg3.svg") center/cover no-repeat}.articleSectionForth .articleInnerBox{max-width:1600px;-ms-flex-align:start;align-items:flex-start;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;margin:0 auto;padding:65px 20px}@media (max-width:1200px){.articleSectionForth .articleInnerBox{-ms-flex-direction:column;flex-direction:column}}@media (max-width:1024px){.articleSectionForth .articleInnerBox{padding:40px 20px}}.articleSectionForth .articleTitleBox{width:100%;max-width:960px;margin:0 auto}.articleSectionForth .articleTitleBox .title{font-size:38px;color:#8e8e8e;line-height:1.3}@media (max-width:1024px){.articleSectionForth .articleTitleBox .title{font-size:32px}}@media (max-width:640px){.articleSectionForth .articleTitleBox .title{font-size:24px}}.articleSectionCard .articleInnerBox,.articleSectionCardBg .articleInnerBox{max-width:1560px;margin:0 auto;padding:100px 0}@media (max-width:1560px){.articleSectionCard .articleInnerBox,.articleSectionCardBg .articleInnerBox{padding:100px 25px}}@media (max-width:1200px){.articleSectionCard .articleInnerBox,.articleSectionCardBg .articleInnerBox{padding:60px 25px}}@media (max-width:768px){.articleSectionCard .articleInnerBox,.articleSectionCardBg .articleInnerBox{padding:60px 0}}.articleSectionCard .cardBox,.articleSectionCardBg .cardBox{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center;justify-content:center}.articleSectionCard .cardBox .cardItem,.articleSectionCardBg .cardBox .cardItem{width:calc(50% - 40px);background-color:#f1f1f1;border-radius:18px;box-shadow:0 10px 10px rgba(0,0,0,0.02),0 0 20px rgba(0,0,0,0.05);overflow:hidden}.articleSectionCard .cardBox .cardItem:nth-child(odd),.articleSectionCardBg .cardBox .cardItem:nth-child(odd){margin-right:40px}.articleSectionCard .cardBox .cardItem:nth-child(2n),.articleSectionCardBg .cardBox .cardItem:nth-child(2n){margin-left:40px}@media (max-width:1440px){.articleSectionCard .cardBox .cardItem,.articleSectionCardBg .cardBox .cardItem{width:calc(50% - 25px)}.articleSectionCard .cardBox .cardItem:nth-child(odd),.articleSectionCardBg .cardBox .cardItem:nth-child(odd){margin-right:25px}.articleSectionCard .cardBox .cardItem:nth-child(2n),.articleSectionCardBg .cardBox .cardItem:nth-child(2n){margin-left:25px}}@media (max-width:1024px){.articleSectionCard .cardBox .cardItem,.articleSectionCardBg .cardBox .cardItem{width:calc(50% - 15px)}.articleSectionCard .cardBox .cardItem:nth-child(odd),.articleSectionCardBg .cardBox .cardItem:nth-child(odd){margin-right:15px}.articleSectionCard .cardBox .cardItem:nth-child(2n),.articleSectionCardBg .cardBox .cardItem:nth-child(2n){margin-left:15px}}@media (max-width:768px){.articleSectionCard .cardBox .cardItem,.articleSectionCardBg .cardBox .cardItem{width:100%;max-width:560px;margin:0 auto}.articleSectionCard .cardBox .cardItem:nth-child(odd),.articleSectionCardBg .cardBox .cardItem:nth-child(odd){margin-right:auto}.articleSectionCard .cardBox .cardItem:nth-child(2n),.articleSectionCardBg .cardBox .cardItem:nth-child(2n){margin-left:auto}.articleSectionCard .cardBox .cardItem:not(:last-child),.articleSectionCardBg .cardBox .cardItem:not(:last-child){margin-bottom:30px}}.articleSectionCard .cardBox .item,.articleSectionCardBg .cardBox .item{padding:50px 60px}@media (max-width:1440px){.articleSectionCard .cardBox .item,.articleSectionCardBg .cardBox .item{padding:30px}}@media (max-width:480px){.articleSectionCard .cardBox .item,.articleSectionCardBg .cardBox .item{padding:20px}}.articleSectionCard .cardBox .card,.articleSectionCardBg .cardBox .card{cursor:pointer;padding-bottom:56.25%;position:relative}.articleSectionCard .cardBox .card .back,.articleSectionCard .cardBox .card .front,.articleSectionCardBg .cardBox .card .back,.articleSectionCardBg .cardBox .card .front{box-shadow:0 10px 10px rgba(0,0,0,0.02),0 0 20px rgba(0,0,0,0.05);border-radius:18px;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;transition:all 0.6s;width:100%;height:100%;margin:auto;position:absolute;top:0;left:0;right:0;bottom:0}.articleSectionCard .cardBox .card .front,.articleSectionCardBg .cardBox .card .front{-webkit-transform:rotateY(0);transform:rotateY(0)}.articleSectionCard .cardBox .card .front img,.articleSectionCardBg .cardBox .card .front img{display:block;width:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden}.articleSectionCard .cardBox .card .back,.articleSectionCardBg .cardBox .card .back{background-color:#fff;-webkit-transform:rotateY(-180deg);transform:rotateY(-180deg)}.articleSectionCard .cardBox .card .back .text,.articleSectionCardBg .cardBox .card .back .text{width:100%;height:100%;margin:auto;position:absolute;top:0;left:0;right:0;bottom:0;z-index:2}.articleSectionCard .cardBox .card .back .text dl,.articleSectionCardBg .cardBox .card .back .text dl{height:100%;color:#535353;padding:30px 0}.articleSectionCard .cardBox .card .back .text dl dt,.articleSectionCardBg .cardBox .card .back .text dl dt{max-height:116px;background-color:#d7d7d7;font-size:30px;font-weight:700;line-height:1.1;margin-bottom:20px;padding:25px 40px;text-align:center}.articleSectionCard .cardBox .card .back .text dl dt.narrow,.articleSectionCardBg .cardBox .card .back .text dl dt.narrow{padding:25px 100px}.articleSectionCard .cardBox .card .back .text dl dd,.articleSectionCardBg .cardBox .card .back .text dl dd{display:-ms-flexbox;display:flex;font-size:17px;font-weight:600;line-height:1.4;letter-spacing:0.5px;padding:0 40px}.articleSectionCard .cardBox .card .back .text dl dd:not(:last-child),.articleSectionCardBg .cardBox .card .back .text dl dd:not(:last-child){margin-bottom:5px}.articleSectionCard .cardBox .card .back .text dl dd span,.articleSectionCardBg .cardBox .card .back .text dl dd span{display:inline-block;margin-right:5px}.articleSectionCard .cardBox .card.show .front,.articleSectionCardBg .cardBox .card.show .front{-webkit-transform:rotateY(-180deg);transform:rotateY(-180deg)}.articleSectionCard .cardBox .card.show .back,.articleSectionCardBg .cardBox .card.show .back{-webkit-transform:rotateY(0);transform:rotateY(0)}@media (max-width:1560px){.articleSectionCard .cardBox .card .back .text dl dt,.articleSectionCardBg .cardBox .card .back .text dl dt{font-size:22px;padding:12px 20px}.articleSectionCard .cardBox .card .back .text dl dt.narrow,.articleSectionCardBg .cardBox .card .back .text dl dt.narrow{padding:12px 20px}.articleSectionCard .cardBox .card .back .text dl dd,.articleSectionCardBg .cardBox .card .back .text dl dd{font-size:15px;padding:0 20px}}@media (max-width:1200px){.articleSectionCard .cardBox .card,.articleSectionCardBg .cardBox .card{padding-bottom:0}.articleSectionCard .cardBox .card .back,.articleSectionCard .cardBox .card .front,.articleSectionCardBg .cardBox .card .back,.articleSectionCardBg .cardBox .card .front{position:static;-webkit-transform-style:initial;transform-style:initial}.articleSectionCard .cardBox .card .back,.articleSectionCardBg .cardBox .card .back{margin-top:20px;-webkit-transform:rotateY(0);transform:rotateY(0)}.articleSectionCard .cardBox .card .back .text,.articleSectionCardBg .cardBox .card .back .text{position:static}.articleSectionCard .cardBox .card .back .text dl dt,.articleSectionCardBg .cardBox .card .back .text dl dt{padding:6px 20px}.articleSectionCard .cardBox .card .back .text dl dt.narrow,.articleSectionCardBg .cardBox .card .back .text dl dt.narrow{padding:6px 20px}}.articleSectionCard .cardBox .content img,.articleSectionCardBg .cardBox .content img{display:block;max-width:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden}.articleSectionCard .cardBox .content .btn,.articleSectionCardBg .cardBox .content .btn{text-align:center}.articleSectionCard .cardBox .content .btn a,.articleSectionCardBg .cardBox .content .btn a{max-width:140px;height:40px;font-size:18px;line-height:38px}.articleSectionCard .cardBox .content .btnDarkGray a,.articleSectionCardBg .cardBox .content .btnDarkGray a{background-color:#232323;border-color:#232323;color:#75ccc4}@media (min-width:1201px){.articleSectionCard .cardBox .content .btnDarkGray a:hover,.articleSectionCardBg .cardBox .content .btnDarkGray a:hover{background-color:transparent;border-color:#75ccc4}}.articleSectionCard .cardBox .content .btnGray a,.articleSectionCardBg .cardBox .content .btnGray a{background-color:#535353;border-color:#535353;color:#fff}@media (min-width:1201px){.articleSectionCard .cardBox .content .btnGray a:hover,.articleSectionCardBg .cardBox .content .btnGray a:hover{background-color:transparent;border-color:#535353;color:#535353}}.articleSectionCard .cardBox .content .btnLightGreen a,.articleSectionCardBg .cardBox .content .btnLightGreen a{background-color:#bfe9e7;border-color:#bfe9e7;color:#535353}@media (min-width:1201px){.articleSectionCard .cardBox .content .btnLightGreen a:hover,.articleSectionCardBg .cardBox .content .btnLightGreen a:hover{background-color:transparent;border-color:#bfe9e7}}@media (max-width:480px){.articleSectionCard .cardBox .content .btn,.articleSectionCardBg .cardBox .content .btn{padding-top:20px;padding-bottom:10px}.articleSectionCard .cardBox .content .btn a,.articleSectionCardBg .cardBox .content .btn a{max-width:120px;height:35px;font-size:16px;line-height:33px}}.articleSectionCardBg{background:linear-gradient(90deg,#fafafa 37px,transparent 1%) center,linear-gradient(#fafafa 37px,transparent 1%) center,#dbdbdb;background-size:42px 42px}@media (max-width:1024px){.articleSectionCardBg{background:linear-gradient(90deg,#fafafa 22px,transparent 1%) center,linear-gradient(#fafafa 22px,transparent 1%) center,#dbdbdb;background-size:25px 25px}}
/*# sourceMappingURL=article.css.map */