/* head */
.planned-v2-need .head {width: 100%;text-align: center;display: inline-block;margin: 0 auto;}
.planned-v2-need .head h3 {color: #333;font-size:36px;font-weight: 700;font-family: sans-serif;line-height:1.33em; letter-spacing:-.03em;}
.planned-v2-need .head h3 strong {font-weight: 900;}
.planned-v2-need .head h3 span {font-weight: 700;/*color: #017dc3;*/}
.planned-v2-need .head p {color:#454545; font-size:25px; line-height:1.6em; letter-spacing:-.03em;}
.planned-v2-need .head p strong {display:inline-block; font-weight:600;}
/******************************************************************************************************************************************************************************************/
.m-top {display: inline-block;margin-top: -30px;}

/* 베스트페이지에서만 특별한 쇼핑몰 제작 */
.planned-v2-heading {position:relative; height:calc(100vh - 108px); overflow:hidden; text-align:center; color:#fff; background:url("../img/shopmall/top_img.jpg") 50% 50% no-repeat; background-size:cover;}
.planned-v2-heading .inner {display:flex; align-items:center; justify-content:space-between; width:100%; height:100%}
.planned-v2-heading .txt-area .txt1 {font-size:20px; font-weight:500; line-height:40px; letter-spacing:-.03em; margin-bottom:17px;}
.planned-v2-heading .txt-area .txt1 span {display:inline-block; padding:0 25px; background:#d15837; border-radius:50px;}
.planned-v2-heading .txt-area .txt2 {font-size:32px; font-weight:400; line-height:1.4em; letter-spacing:-.03em; margin-bottom:18px;}
.planned-v2-heading .txt-area .txt3 {color:#ffc45f; font-family:'HANAMDAUM',sans-serif; font-size:70px; line-height:1.4em; letter-spacing:-.03em;}
.planned-v2-heading .txt-area .txt3 strong {position:relative;font-weight: 900;}
.planned-v2-heading .txt-area .txt3 {color:#ffc45f; font-family:'HANAMDAUM',sans-serif; font-size:70px; line-height:1.4em; letter-spacing:-.03em;}
.planned-v2-heading .txt-area .txt3 strong:after {content:""; position:absolute; bottom:1px; left:0; width:0; height:4px; background:#ffc45f; transition:.6s;}
.planned-v2-heading .txt-area .txt3.aos-animate strong:after {width:100%; transition-delay:.9s;}
.planned-v2-heading .btn-area {position:absolute; bottom:45px; right:194px; z-index:9;}
.planned-v2-heading .btn-go-inquiry {display:flex; flex-direction:column; justify-content:center; align-items:center; pointer-events:fill; animation:1.5s btnScrollUpDown linear infinite; width:160px; height:160px; font-size:22px; font-weight:500;color: #fff ; line-height:1.444em; letter-spacing:-.03em; background:#2174ce; border-radius:100%;}
.planned-v2-heading .btn-go-inquiry:after {content:""; margin:13px auto 0; width:23px; height:23px; background:url("../img/shopmall/arrow_down.png") 50% 50% no-repeat;}
/* 고급스러운 쇼핑몰!   다양한 정보와 차별화된 기능을 혜택 제공! */
.planned-v2-section {position:relative; overflow:hidden; text-align:center; color:#fff; height:190px; margin-top:-82px;}
.planned-v2-section .back-area {position:absolute; top:0; left:0; display:flex; width:100%; height:100%;}
.planned-v2-section .back-area .bg-1 {flex:1 1 auto; min-width:0; width:1%; background:#182648;}
.planned-v2-section .back-area .bg-2 {width:351px; background:url("../img/shopmall/bar_bg.png") 50% 0 no-repeat;}
.planned-v2-section .back-area .bg-3 {width:100px; background:#182648;}
.planned-v2-section .txt-area {position:relative; display:flex; align-items:center; height:100%;}
.planned-v2-section .txt-area .txt1 {font-size:18px; font-weight:400; line-height:1.444em; letter-spacing:-.03em; margin-bottom:18px;}
.planned-v2-section .txt-area .txt2 {color:#8a98db; font-size:24px; line-height:1.444em; letter-spacing:-.03em; text-decoration:underline;}

/********************************************************************************************************************************************************************/
/* sub page */
/********************************************************************************************************************************************************************/
.planned-v2-need .wrap_point .content {max-width: 1600px;text-align: center;margin: 0 auto;/*padding-bottom: 50px;*/}

/* 베스트페이지에서 맞춤형 쇼핑몰 구축 서비스를 경험해 보세요! */
.planned-v2-need .wrap_point .content .grid3 {display: grid;grid-template-columns: repeat(3, 1fr);gap: 70px;margin: auto;padding-top: 50px;padding-bottom: 70px;}
.planned-v2-need .wrap_point .content .grid3 .do_img {border-radius: 10px;margin: 0 auto;}
.planned-v2-need .wrap_point .content .grid3 .img_grid3 {width: 80%;border-radius: 14px;}
.planned-v2-need .wrap_point .content .grid3 .do_txt1 {font-size: 24px;font-weight: 700;color: #333;margin-top: 30px;}
.planned-v2-need .wrap_point .content .grid3 .do_txt2 {line-height: 28px;color: #333;font-size: 18px;padding-top: 15px;}

/* 커스텀으로 비즈니스 경쟁력을 높이세요 */
.planned-v2-need .wrap_point .content .title_img {padding-top: 40px;padding-bottom: 40px;}
.planned-v2-need .wrap_point .content .title_img .img_tit {width: 70%;}
.planned-v2-need .wrap_point .content .grid4 {display: grid;grid-template-columns: repeat(4, 1fr);gap: 30px;margin: auto;padding-top: 50px;padding-bottom: 70px;}
.planned-v2-need .wrap_point .content .grid4 .do_img {border-radius: 10px;margin: 0 auto;}
.planned-v2-need .wrap_point .content .grid4 .img_grid3 {width: 70%;border-radius: 14px;}
.planned-v2-need .wrap_point .content .grid4 .do_txt1 {line-height: 34px;font-size: 24px;font-weight: 700;color: #333;margin-top: 30px;}
.planned-v2-need .wrap_point .content .grid4 .do_txt2 {line-height: 28px;color: #333;font-size: 18px;padding-top: 15px;}

.img_icon_ready {width: 65%;}
.planned-v2-need .wrap_point .content .grid4_2 {display: grid;grid-template-columns: repeat(4, 1fr);gap: 10px;margin: auto;padding-top: 20px;padding-bottom: 70px;}
.planned-v2-need .wrap_point .content .grid4_2 .do_img {border-radius: 10px;margin: 0 auto;}
.planned-v2-need .wrap_point .content .grid4_2 .img_grid3 {width: 70%;border-radius: 14px;}
.planned-v2-need .wrap_point .content .grid4_2 .do_txt1 {font-size: 24px;font-weight: 700;color: #333;margin-top: -10px;}
.planned-v2-need .wrap_point .content .grid4_2 .do_txt2 {line-height: 28px;color: #333;font-size: 18px;padding-top: 15px;}

.planned-v2-need .wrap_point .content .grid4_4 {display: grid;grid-template-columns: repeat(4, 1fr);gap: 65px;margin: auto;padding-top: 50px;padding-bottom: 70px;}
.planned-v2-need .wrap_point .content .grid4_4 .do_img {border-radius: 10px;margin: 0 auto;}
.planned-v2-need .wrap_point .content .grid4_4 .img_grid3 {width: 70%;border-radius: 14px;}
.planned-v2-need .wrap_point .content .grid4_4 .do_txt1 {font-size: 26px;font-weight: 700;color: #333;padding-top: 30px;padding-bottom: 16px;}
.planned-v2-need .wrap_point .content .grid4_4 .do_txt2 {line-height: 28px;color: #333;font-size: 18px;}

.planned-v2-need .wrap_point .content_4 {max-width: 1600px;margin: 0 auto;padding-bottom: 50px;}
.planned-v2-need .wrap_point .content_4 .grid4 {display: grid;grid-template-columns: repeat(4, 1fr);gap: 30px;margin: auto;padding-top: 50px;padding-bottom: 70px;}
.planned-v2-need .wrap_point .content_4 .grid4 .do_img {margin: 0 auto;}
.planned-v2-need .wrap_point .content_4 .grid4 .do_txt1 {font-size: 24px;font-weight: 700;color: #fff;margin-top: 30px;}
.planned-v2-need .wrap_point .content_4 .grid4 .do_txt2 {line-height: 28px;color: #fff;font-size: 18px;padding-top: 15px;}


.homepage_wrap .one {text-align: center;font-size: 50px;padding-top: 100px;letter-spacing: -.03em;}
.homepage_wrap .one .top1 {display: inline-block;width: 1600px;text-align: center;margin: auto;font-size: 50px;padding-top: 50px;padding-bottom: 30px;}
.homepage_wrap .one .weight {font-size: 50px;font-weight: 900;}
.homepage_wrap .one .top1_wrap {background: #f9f9f9;}
.homepage_wrap .one .top1_wrap .chrt {width: 1200px;height: 680px;margin-left: 186px;margin-right: 186px;background: url('../img/shopmall/chat_bg.jpg');background-repeat: no-repeat; /*background-size: 100%;*/}
.homepage_wrap .one .top1_wrap .chrt .Part1 {position: absolute;margin-left: 44px;margin-top: 72px;font-size: 30px;font-weight: 900;color: #fff;}
.homepage_wrap .one .top1_wrap .chrt .Part2 {position: absolute;margin-left: 44px;margin-top: 240px;font-size: 30px;font-weight: 900;color: #fff;}
.homepage_wrap .one .top1_wrap .chrt .Part3 {position: absolute;margin-left: 44px;margin-top: 410px;font-size: 30px;font-weight: 900;color: #fff;}
.homepage_wrap .one .top1_wrap .chrt .STEP1 {position: absolute;width: 900px;margin: auto;text-align: left;margin-left: 200px;margin-top: 72px;}
.homepage_wrap .one .top1_wrap .chrt .STEP2 {position: absolute;width: 1228px;margin: auto;text-align: left;margin-left: 200px;margin-top: 240px;}
.homepage_wrap .one .top1_wrap .chrt .STEP3 {position: absolute;width: 1228px;margin: auto;text-align: left;margin-left: 200px;margin-top: 410px;}
.homepage_wrap .one .top1_wrap .chrt .STEP_one {display: inline-block;width: 148px;line-height: 30px;color: #399bd7;font-size: 20px;font-weight: 700;letter-spacing: -.03em;}
.homepage_wrap .one .top1_wrap .chrt .STEP_onee {display: inline-block;width: 80px;line-height: 30px;color: #399bd7;font-size: 20px;font-weight: 700;letter-spacing: -.03em;}
.homepage_wrap .one .top1_wrap .chrt .STEP_one_non {font-size: 18px;font-weight: 400;color: #333;letter-spacing: -.03em;}

/**/
.fp-section.fp-table, .fp-slide.fp-table {width: 100%;}
.fp-tableCell {vertical-align: middle;width: 100%;height: 100%;padding-top: 40px; box-sizing: border-box;}
.fp-slidesContainer {float: left;position: relative;}
.fp-scrollable { /*overflow: hidden;*/position: relative;}
.fp-scroller{overflow: hidden;}
.iScrollIndicator{border: 0 !important;}
.fp-notransition {-webkit-transition: none !important;transition: none !important;}
#selectPoint ul { position: relative; }
#selectPoint ul:before { content:''; width: 0px; height: 60px; background:#000; position: absolute; left: 50%; top: -30px; margin-left: -0.5px; z-index:11; }
#selectPoint ul li { position: relative; float: left; width: 33.33%; min-height: 80vh; box-sizing: border-box; color:#fff; }
#selectPoint ul li.point1 { background:#2b2b2b; }
#selectPoint ul li.point2 { background:#fbfafa; color:#000; }
#selectPoint ul li.point3 { background:#f0390f;}
#selectPoint ul li dl { padding: 7% 8% 0; position: relative; min-height: calc(80vh - 27vw); }
#selectPoint ul li dl:before { font-family: 'Montserrat', sans-serif; font-size: 6vw; z-index:-1; font-weight: 700; line-height: 1.0em; }
#selectPoint ul li.point1 dl:before { content:'Point 01.'; color:#5f5f5f; }
#selectPoint ul li.point2 dl:before { content:'Point 02.'; color:#c5c2c2; }
#selectPoint ul li.point3 dl:before { content:'Point 03.'; color:#fd826c; }
#selectPoint ul li dl dt {line-height: 30px;font-size: 2.25em; font-weight: 300; margin-bottom: 40px; margin-top: 0.5em; }
#selectPoint ul li dl dt span {font-weight: 700;}
#selectPoint ul li dl dd { font-size: 16px;font-weight: 300;line-height: 30px;opacity:0.5; }
#selectPoint ul li.point3 dl dd { opacity:0.7; }
#selectPoint ul li .point-img { position: relative;/* min-height: 27vw; */;padding-top: 40px;}
#selectPoint ul li img { width: 100%; bottom: 0; }

/* .sec_intro */
.sec_intro {/*position:relative;*/ background:#fff; padding-bottom:120px; text-align:center; color:#333; overflow:hidden;}
.sec_intro hgroup {margin-bottom:56px;}
.sec_intro hgroup span {font-size:24px; font-weight:500; line-height:1.3;}
.sec_intro hgroup h3 {font-size:42px; font-weight:600; line-height:1.4;}
.sec_intro hgroup h3 em {font-weight:inherit; color:#3395D6;}
.sec_intro hgroup h3 div {font-weight:inherit;}
.sec_intro hgroup p {font-size:20px; line-height:1.4;}
.sec_intro hgroup span + h3 {margin-top:16px;}
.sec_intro hgroup h3 + p {margin-top:16px;}
/* .aio */
.bg {background:#c9ddeb;}
.sec_intro.aio.bg {background:#c9ddeb;}
.sec_intro.aio .cont {position:relative; height:460px; margin:0 auto;}
.sec_intro.aio .cont > div {}
.sec_intro.aio .cont > div .ball {display:block; width:268px; height:268px; margin:0 auto; border-radius:100%; background:#fff;}
.sec_intro.aio .cont > div .ball h4 {font-size:24px; font-weight:500;}
.sec_intro.aio .cont > div .txt {width:260px; background:#c9ddeb;/* padding:20px;*/ text-align:left;}
.sec_intro.aio .cont > div .txt img {display:block;width: 80%; margin-bottom:16px;}
.sec_intro.aio .cont > div .txt p {font-size:18px; font-weight:400;}
.sec_intro.aio .cont > .no1 .ball {position:relative;}
.sec_intro.aio .cont > .no1 .ball:before {display:block; content:''; position:absolute; right:-210px; top:70px; width:230px; height:1px; border:1px dashed #fff; background:transparent;}
.sec_intro.aio .cont > .no1 .ball h4 {padding:48px 0 24px;}
.sec_intro.aio .cont > .no1 .txt {position:absolute; right:0; top:52px;}
.sec_intro.aio .cont > .no1 .txt img {width: 80%;padding-bottom:8px;}
.sec_intro.aio .cont > .no2 .ball {position:absolute; right:50%; margin-right:-30px; bottom:0; background:rgba(114,229,242,0.5);}
.sec_intro.aio .cont > .no2 .ball:before {display:block; content:''; position:absolute; left:-115px; top:95px; width:120px; height:1px; border:1px dashed #34cadb; background:transparent;}
.sec_intro.aio .cont > .no2 .ball img {padding:84px 0 24px;}
.sec_intro.aio .cont > .no2 .txt {position:absolute; left:0; margin-top:0px;}
.sec_intro.aio .cont > .no3 .ball {position:absolute; left:50%; margin-left:-30px; bottom:0; background:rgba(132,202,255,0.5);}
.sec_intro.aio .cont > .no3 .ball:before {display:block; content:''; position:absolute; right:-115px; top:95px; width:120px; height:1px; border:1px dashed #5dabe5; background:transparent;}
.sec_intro.aio .cont > .no3 .ball img {padding:84px 0 24px;}
.sec_intro.aio .cont > .no3 .txt {position:absolute; right:0; margin-top:0px;}

/* 고객사가 원하는 메뉴구성, 디자인, 원하는 기능을 반영하여 맞춤 제작 */
.img_grid2 {width: 90%;}
.planned-v2-need .wrap_point .content_2 {max-width: 1600px;margin: 0 auto;}
.planned-v2-need .wrap_point .content_2 .grid2 {display: grid;grid-template-columns: repeat(2, 1fr);gap: 30px;margin: auto;padding-top: 50px;}
.planned-v2-need .wrap_point .content_2 .grid2 .do_img {margin: 0 auto;}
.planned-v2-need .wrap_point .content_2 .grid2 .do_txt1 {text-align: left;font-size: 32px;font-weight: 700;color: #333;margin-top: 30px;}
.planned-v2-need .wrap_point .content_2 .grid2 .do_txt2 {line-height: 28px;text-align: left;color: #333;font-size: 22px;padding-top: 30px;}
.planned-v2-need .wrap_point .content_2 .grid2 .do_txt3 {line-height:30px;text-align: left;font-size: 18px;color: #333;padding-top: 20px;}

/*고객사가 원하는 쇼핑몰 기능을 반영하여 맞춤 제작*/
.img_grid2 {width: 90%;}
.planned-v2-need .wrap_point .content .grid4_3 {max-width: 1600px;margin: 0 auto;}
.planned-v2-need .wrap_point .content .grid4_3 {display: grid;grid-template-columns: repeat(4, 1fr);gap: 30px;margin: auto;padding-top: 50px;}
.planned-v2-need .wrap_point .content .bg4_1 {border-radius: 15px;padding: 15px;}
.planned-v2-need .wrap_point .content .bg4_1_bg1 {background: #fde2c9;}
.planned-v2-need .wrap_point .content .bg4_1_bg2 {background: #d8f6e2;}
.planned-v2-need .wrap_point .content .bg4_1_bg3 {background: #e1d6ff;}
.planned-v2-need .wrap_point .content .bg4_1_bg4 {background: #bce7ff;}
.planned-v2-need .wrap_point .content .grid4_3 .do_img {margin: 0 auto;}
.planned-v2-need .wrap_point .content .grid4_3 .do_txt1 {text-align: center;color: #555;font-size: 32px;font-weight: 900;padding-top: 30px;}
.planned-v2-need .wrap_point .content .grid4_3 .do_txt2 {line-height: 30px;text-align: center;font-size: 20px;color: #888;margin-top: 30px;margin-bottom: 30px;}
.planned-v2-need .wrap_point .content .grid4_3 .do_txt3 {line-height:36px;text-align: left;font-size: 20px;color: #333;padding: 20px;}
.planned-v2-need .wrap_point .content .grid4_3 .do_txt3 span {font-size: 16px;}
.planned-v2-need .wrap_point .content .grid4_3 .do_print {font-size: 50px;font-weight: 700;color: #333;padding: 20px;}

/* 베스트페이지에서 시작하면 이런 점이 좋아요! */
.advantage_list{margin-top:200px; margin-bottom:-146px; gap:32px;display: flex; flex-wrap: wrap; justify-content: center; align-items: center;padding: 10px;padding-bottom: 100px;}
.advantage_list:after{content:none;}
.advantage_list li{overflow:hidden;position:relative;padding:32px 24px;height:260px; border-radius:20px;background:#F4F8FB;flex-basis: calc(33% - 18px);}
.advantage_list li:nth-of-type(3n-1),
.advantage_list li:last-of-type{position:relative; top:-146px;}
.advantage_list .tit{position:relative; z-index:1;font-size:22px; line-height:1.45; font-weight:500;color: #333;}
.advantage_list .img{position:absolute; bottom:0; left:0; right:0; z-index:0;}

/* 베스트페이지에서 맞춤형 쇼핑몰 구축 서비스를 경험해 보세요! */
.section_no {padding: 15rem 0;background: url("/images/event/20211222/05_bg_top.png") top center no-repeat, url(/images/event/20211222/05_bg.png) top 6rem center no-repeat, #31313b;color: white;position: relative}
.section_no::before {content: "";position: absolute;top: 0;left: 50%;transform: translateX(-50%);width: 10rem;height: 10rem;display: block;background-color: #31313b;}
.section_no ul {margin-top: 5rem;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;gap: 8rem;width: 100%;}
.section_no ul li:nth-of-type(1) {text-align: left;}
.section_no ul li {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}

.planned-v2-need .wrap_point .content .grid2_1 {display: flex;gap: 30px;background: #31313b;margin: auto;padding-top: 100px;padding-bottom: 70px;}
.planned-v2-need .wrap_point .content .grid2_1_1a {width: 34%;padding: 10px;}
.planned-v2-need .wrap_point .content .grid2_1_2a {width: 66%;}
.planned-v2-need .wrap_point .content .grid2_1_1b {width: 66%;padding: 10px;}
.planned-v2-need .wrap_point .content .grid2_1_2b {width: 34%;padding: 10px;}
.planned-v2-need .wrap_point .content .grid2_1 .do_img1 {text-align: right;border-radius: 10px;margin: 0 auto;}
.planned-v2-need .wrap_point .content .grid2_1 .do_img2 {text-align: left;border-radius: 10px;margin: 0 auto;}
.planned-v2-need .wrap_point .content .grid2_1 .img_grid3 {width: 50%;border-radius: 14px;}
.planned-v2-need .wrap_point .content .grid2_1 .do_txt1 {line-height: 56px;font-size: 46px;font-weight: 700;color: #fff;text-align: left;margin-top: 30px;}
.planned-v2-need .wrap_point .content .grid2_1 .do_txt2 {text-align: left;color: #31313b;font-size: 30px;border-radius: 10px;background-color: #ffa422;;margin-top: 30px;padding: 20px;}
.planned-v2-need .wrap_point .content .grid2_1 .do_txt3 {line-height: 28px;text-align: left;color: #8c8c98;font-size: 20px;padding-top: 30px;}
.planned-v2-need .wrap_point .content .grid2_1 .do_txt1r {line-height: 56px;font-size: 46px;font-weight: 700;color: #fff;text-align: right;margin-top: 30px;}
.planned-v2-need .wrap_point .content .grid2_1 .do_txt2r {text-align: right;color: #31313b;font-size: 30px;border-radius: 10px;background-color: #ffa422;;margin-top: 30px;padding: 20px;}
.planned-v2-need .wrap_point .content .grid2_1 .do_txt3r {line-height: 28px;text-align: right;color: #8c8c98;font-size: 20px;padding-top: 30px;}
.planned-v2-need .wrap_point .content .grid2_2 {display: flex;gap: 30px;background: #31313b;margin: auto;padding-top: 100px;padding-bottom: 100px;}

.planned-v2-need .wrap_point .content .grid2_2 .do_img {text-align: left;border-radius: 10px;margin: 0 auto;}
.planned-v2-need .wrap_point .content .grid2_2 .do_img2 {text-align: left;border-radius: 10px;margin: 0 auto;}
.planned-v2-need .wrap_point .content .grid2_2 .img_grid3 {width: 50%;border-radius: 14px;}
.planned-v2-need .wrap_point .content .grid2_2 .do_txt1 {line-height: 56px;font-size: 46px;font-weight: 700;color: #fff;text-align: right;margin-top: 30px;}
.planned-v2-need .wrap_point .content .grid2_2 .do_txt2 {text-align: right;color: #31313b;font-size: 30px;border-radius: 10px;background-color: #ffa422;;margin-top: 30px;padding: 20px;}
.planned-v2-need .wrap_point .content .grid2_2 .do_txt3 {line-height: 28px;text-align: right;color: #8c8c98;font-size: 20px;padding-top: 30px;}

@media (max-width: 1601px) {
    .planned-v2-need .wrap_point .content .grid4_3 {padding-left: 10px;padding-right: 10px;}
    #selectPoint ul li {min-height: 88vh;}
    #selectPoint ul li dl {min-height: calc(80vh - 24vw);}
}

@media (max-width: 1401px) {

}

@media (max-width: 1280px) {
    .planned-v2-heading .txt-area .txt3 {font-size: 60px;}
    .planned-v2-need .wrap_point .content .grid4 .do_txt1 {font-size: 22px;}


    .img_grid2_1 {width: 80%;}
    .planned-v2-need .wrap_point .content .grid2_1_1 {margin-left: 10px;}
    .planned-v2-need .wrap_point .content .grid2_1 .do_txt1 {line-height: 50px;font-size: 40px;}
    .planned-v2-need .wrap_point .content .grid2_1 .do_txt2 {font-size: 22px;}
    .planned-v2-need .wrap_point .content .grid2_1 .do_txt3 {font-size: 18px;}
    .planned-v2-need .wrap_point .content .grid2_1 .do_txt1r {line-height: 50px;font-size: 40px;}
    .planned-v2-need .wrap_point .content .grid2_1 .do_txt2r {font-size: 22px;}
    .planned-v2-need .wrap_point .content .grid2_1 .do_txt3r {font-size: 18px;}


    .planned-v2-need .wrap_point .content .grid2_2_1 {margin-left: 10px;}
    .planned-v2-need .wrap_point .content .grid2_2_2 {margin-right: 10px;}
    .planned-v2-need .wrap_point .content .grid2_2 .do_txt1 {line-height: 50px;font-size: 40px;}
    .planned-v2-need .wrap_point .content .grid2_2 .do_txt2 {font-size: 22px;}
    .planned-v2-need .wrap_point .content .grid2_2 .do_txt3 {font-size: 18px;}
    .planned-v2-need .wrap_point .content .grid2_2 .do_img {margin-left: 10px;}

    .planned-v2-need .wrap_point .content .grid4_2 {gap: 26px;}
    .planned-v2-need .wrap_point .content .grid4_2 .do_txt1 {font-size: 20px;}
    .planned-v2-need .wrap_point .content .grid4_2 .do_txt2 {font-size: 16px}
    .planned-v2-need .wrap_point .content .grid4_3 {grid-template-columns: repeat(2, 1fr);}
    .planned-v2-need .wrap_point .content .grid4_4 {gap: 26px;}
    .planned-v2-need .wrap_point .content .grid4_4 .do_txt1 {font-size: 20px;padding-bottom: 6px;}
    .planned-v2-need .wrap_point .content .grid4_4 .do_txt2 {font-size: 16px}
    .img_grid4_2 {width: 50%;}

    #selectPoint ul li {min-height:unset;}
    #selectPoint ul li dl {min-height: calc(80vh - 33vw);}
    #selectPoint ul li dl dt {font-size: 1.7em;}
}

@media (max-width: 1024px) {
    .planned-v2-heading .txt-area .txt3 {font-size: 50px;}
    .planned-v2-need .wrap_point .content .grid4 {gap: 10px;}
    .planned-v2-need .wrap_point .content .title_img .img_tit {width: 80%;}
    .sec_intro.aio .cont {height:auto; margin:0;padding: 10px;}
    .sec_intro.aio .cont > div {position:relative;}
    .sec_intro.aio .cont > div .ball {width:200px; height:200px; margin:0;}
    .sec_intro.aio .cont > div .ball h4 {font-size:20px;}
    .sec_intro.aio .cont > .no1 .ball {position:relative; margin-bottom:32px;}
    .sec_intro.aio .cont > .no1 .ball:before {right:0; top:70px; margin-right:-200%; width:200%;}
    .sec_intro.aio .cont > .no1 .ball h4 {padding:36px 0 8px;}
    .sec_intro.aio .cont > .no1 .txt {position:absolute; right:0; top:54px;}
    .sec_intro.aio .cont > .no2 .ball {position:relative; right:auto; margin-right:0; margin-bottom:32px;}
    .sec_intro.aio .cont > .no2 .ball:before {left:auto; right:0; top:70px; margin-right:-200%; width:200%;}
    .sec_intro.aio .cont > .no2 .ball img {padding:46px 0 8px;}
    .sec_intro.aio .cont > .no2 .txt {position:absolute; left:auto; right:0; margin-top:0; top:54px;}
    .sec_intro.aio .cont > .no3 .ball {position:relative; left:auto; margin-left:0;}
    .sec_intro.aio .cont > .no3 .ball:before {right:0; top:70px; margin-right:-200%; width:200%;}
    .sec_intro.aio .cont > .no3 .ball img {padding:46px 0 8px;}
    .sec_intro.aio .cont > .no3 .txt {position:absolute; right:0; margin-top:0; top:54px;}

    .advantage_list li {flex-basis: calc(33% - 25px);gty6}

    .planned-v2-need .wrap_point .content .grid2_1 .do_txt1r {line-height: 50px;font-size: 40px;}

    #selectPoint ul li dl {min-height: calc(80vh - 36vw);}
    #selectPoint ul li dl dt {font-size: 1.5em;}

}

/*@media screen and (max-width: 960px) {*/
@media (max-width: 960px) {
    .mobile-none {display: none;}
    .mobile-none-960 {display: none;}
    .mobile-block-960 {display: block;}

    .p-top30 {padding-top: 30px;}
    .p-bottom60 {padding-bottom: 180px;}


    .contain {margin-top: -60px;}
    .planned-v2-heading .txt-area .txt2 {font-size: 28px;}
    .planned-v2-heading .txt-area .txt3 {font-size: 40px;}
    .planned-v2-need .wrap_point .content .grid4 .do_txt1 {font-size: 18px;}
    .advantage_list {margin-top: 180px;}
    #selectPoint ul { margin-bottom: 70px;}
    #selectPoint ul:before { display: none; }
    #selectPoint ul li { width: 100%; height: auto; min-height:0; overflow: hidden; float: none; clear:both;  }
    #selectPoint ul li .point-img { display:inline-block; width: 38%; vertical-align: bottom; }
    #selectPoint ul li img { right:0; }
    #selectPoint ul li dl { width: 60%; padding: 4% 7%; display:inline-block; min-height: 30vh; }
    #selectPoint ul li dl:before { font-size: 8vw; }
    #selectPoint ul li dl dt { margin-bottom: 3vw;text-align: left;font-size: 2em;}
    #selectPoint ul li dl dd {text-align: left;}
    #selectPoint ul li.point2 { direction: rtl;}
    #selectPoint ul li.point2 img { left:0; }
    #selectPoint ul li.point2 dl { direction: ltr;}


    .planned-v2-need .wrap_point .content .grid3 {gap: 10px;}
    .planned-v2-need .wrap_point .content .grid3_do {padding-bottom: 40px;}
    .planned-v2-need .wrap_point .content .grid3 .do_txt1 {line-height: 30px;}

    .planned-v2-need .wrap_point .content .grid4_2 {gap: 30px;padding-left:10px;padding-right: 10px;}

    .sec_intro.aio .cont > .no1 .ball:before {right: 130px;width: 137%;}
    .sec_intro.aio .cont > .no2 .ball:before {right: 130px;width: 137%;}
    .sec_intro.aio .cont > .no3 .ball:before {right: 130px;width: 137%;}

    .planned-v2-need .wrap_point .content .grid3 {padding-bottom: 50px;}

    .img_grid2_1 {width: 100%;}
    .planned-v2-need .wrap_point .content .grid2_1_1a {width: 40%;}
    .planned-v2-need .wrap_point .content .grid2_1_2a {width: 60%;}
    .planned-v2-need .wrap_point .content .grid2_1_1b {width: 60%;}
    .planned-v2-need .wrap_point .content .grid2_1_2b {width: 40%;}
    .planned-v2-need .wrap_point .content .grid2_1_1 {width: 40%;}
    .planned-v2-need .wrap_point .content .grid2_1_2 {width: 60%;}
    .planned-v2-need .wrap_point .content .grid2_2_1 {width: 60%;}
    .planned-v2-need .wrap_point .content .grid2_2_2 {width: 40%;}

    .planned-v2-need .wrap_point .content .grid4_2 {padding-bottom: 90px;}

    .fp-tableCell {padding-top: 10px;}
}

/*@media screen and (max-width:768px){*/
@media (max-width:768px){
    .mobile-none-768 {display: none;}
    .mobile-block-768 {display: block;}

    .planned-v2-heading .txt-area .txt3 {font-size: 36px;}
    .planned-v2-section .txt-area .txt2 {font-size: 22px;}
    .img_grid3_1 {width: 18%;}

    .planned-v2-need .wrap_point .content .grid3 {padding-left: 10px;padding-right: 10px;}
    .planned-v2-need .wrap_point .content .grid3 .do_txt1 {line-height: 30px;font-size: 20px;}
    .planned-v2-need .wrap_point .content .grid3 .do_txt2 {font-size: 16px;}
    .planned-v2-need .wrap_point .content .grid3 .img_grid3 {width: 70%;}

    .advantage_list {gap: 18px;}
    .advantage_list .tit {font-size: 18px;}
    .advantage_list li {height: 210px;}

    .sec_intro.aio .cont > .no1 .ball:before {right: 264px;width: 70%;}
    .sec_intro.aio .cont > .no2 .ball:before {right: 264px;width: 70%;}
    .sec_intro.aio .cont > .no3 .ball:before {right: 264px;width: 70%;}

    .planned-v2-need .wrap_point .content .grid4 .do_txt1 {font-size: 18px;}
    .planned-v2-need .wrap_point .content .bg4_1 {padding: 10px;}
    .planned-v2-need .wrap_point .content .grid4_2 {grid-template-columns: repeat(3, 1fr);padding-top: unset;}
    .planned-v2-need .wrap_point .content .grid4_2 .do_img {padding-top: 40px; }
    .planned-v2-need .wrap_point .content .grid4_2 .do_txt1 {font-size: 20px;margin-top: unset;padding-top: 26px;}
    .planned-v2-need .wrap_point .content .grid4_2 .do_txt2 {font-size: 16px;}

    .planned-v2-need .wrap_point .content .grid2_1 .do_txt1 {line-height: 40px;font-size: 30px;}
    .planned-v2-need .wrap_point .content .grid2_1 .do_txt2 {font-size: 20px;}
    .planned-v2-need .wrap_point .content .grid2_1 .do_txt3 {font-size: 16px;}
    .planned-v2-need .wrap_point .content .grid2_1 .do_txt1r {line-height: 40px;font-size: 30px;}
    .planned-v2-need .wrap_point .content .grid2_1 .do_txt2r {font-size: 20px;}
    .planned-v2-need .wrap_point .content .grid2_1 .do_txt3r {font-size: 16px;}
    .planned-v2-need .wrap_point .content .grid2_2 .do_txt1 {line-height: 40px;font-size: 30px;}
    .planned-v2-need .wrap_point .content .grid2_2 .do_txt2 {font-size: 20px;}
    .planned-v2-need .wrap_point .content .grid2_2 .do_txt3 {font-size: 17px;}
    .planned-v2-need .wrap_point .content .grid4_3 .do_txt3 {padding: 0px;}
    #bottomBtn ul li {padding: 10px;}
    #selectPoint ul li dl dt {font-size: 1.6em;}
}

/*@media screen and (max-width: 640px) {*/
@media (max-width: 640px) {
    .mobile-none-640 {display: none;}
    .mobile-block-640 {display: block;}

    .padding-top-50 {padding-top:0px;}

    .planned-v2-need .head h3 {font-size: 35px;}
    .planned-v2-heading .txt-area .txt2 {font-size: 26px;}
    .planned-v2-heading .txt-area .txt3 {font-size: 32px;}
    .img_grid3_1 {width: 15%;}
    .planned-v2-need .wrap_point .content .grid4 {padding-top: 0px;}
    .planned-v2-need .wrap_point .content .grid4 .do_txt1 {font-size: 18px;padding-bottom: 40px;margin-top: 10px;}

    .planned-v2-need .wrap_point .content .grid3 {padding-bottom: 100px;}

    #selectPoint ul li dl {padding: 4% 2%;}
    #selectPoint ul li dl dt {font-size: 1.7em;}

    .sec_intro.aio .cont > .no1 .txt {        width: 200px;}
    .sec_intro.aio .cont > .no2 .txt {        width: 200px;}
    .sec_intro.aio .cont > .no3 .txt {        width: 200px;}

    .img_grid2_1 {text-align: center;}
    .planned-v2-need .wrap_point .content .grid2_1_1a {width: 100%;}
    .planned-v2-need .wrap_point .content .grid2_1_1b {width: 100%;}
    .planned-v2-need .wrap_point .content .grid2_1_2a {width: 100%;text-align: center;}
    .planned-v2-need .wrap_point .content .grid2_1_2b {width: 100%;text-align: center;}
    .planned-v2-need .wrap_point .content .grid2_1 {flex-direction: column !important;}
    .planned-v2-need .wrap_point .content .grid2_1 .do_img1 {text-align: center;}
    .planned-v2-need .wrap_point .content .grid2_1_1 {width: 90%;text-align: center;margin: 0 auto;}
    .planned-v2-need .wrap_point .content .grid2_1_2 {width: 90%;margin: 0 auto;}
    .planned-v2-need .wrap_point .content .grid2_1 .do_txt1 {text-align: center;}
    .planned-v2-need .wrap_point .content .grid2_1 .do_txt2 {width: 60%;text-align: center;justify-self: center;}
    .planned-v2-need .wrap_point .content .grid2_1 .do_txt3 {text-align: center}
    .planned-v2-need .wrap_point .content .grid2_1 .do_txt1r {text-align: center;}
    .planned-v2-need .wrap_point .content .grid2_1 .do_txt2r {width: 60%;text-align: center;justify-self: center;}
    .planned-v2-need .wrap_point .content .grid2_1 .do_txt3r {text-align: center}

    .planned-v2-need .wrap_point .content .grid2_2 {flex-direction: column !important;}
    .planned-v2-need .wrap_point .content .grid2_2_1 {width: 90%;text-align: center;margin: 0 auto;}
    .planned-v2-need .wrap_point .content .grid2_2_2 {width: 90%;margin: 0 auto;}
    .planned-v2-need .wrap_point .content .grid2_2 .do_txt1 {text-align: center;}
    .planned-v2-need .wrap_point .content .grid2_2 .do_txt2 {width: 60%;text-align: center;justify-self: center;}
    .planned-v2-need .wrap_point .content .grid2_2 .do_txt3 {text-align: center}

    .planned-v2-need .wrap_point .content .grid3 .img_grid3 {width: 85%;}
    .planned-v2-need .wrap_point .content .title_img .img_tit {width: 90%;}
    .planned-v2-need .wrap_point .content .grid3 .do_txt1 {font-size: 20px;}
    .planned-v2-need .wrap_point .content .grid3 .do_txt2 {font-size: 17px;}

    .advantage_list_pt {}
    .advantage_list {margin-top: 0px;padding-bottom: 300px;}
    .advantage_list li {flex-basis: calc(33% - -70px);margin-top: 40px;}
    .advantage_list li:nth-of-type(3n-1), .advantage_list li:last-of-type {top:unset;}

    .planned-v2-need .wrap_point .content .grid4_3 .do_txt2 {font-size: 18px;}
    .planned-v2-need .wrap_point .content .grid4_3 .do_txt3 {font-size: 18px;}
}

@media (max-width: 575px) {
    .top-mobile-none {display: none;}
    .mobile-none-575 {display: none;}
    .mobile-block-575 {display: block;}
    .padding-top-280 {padding-top: 280px;}
    .contain {margin-top: -270px;}
    .planned-v2-need .head h3 {font-size: 34px;}
    .planned-v2-need .head p {font-size: 20px;}
    .planned-v2-heading .txt-area .txt1 {font-size: 20px;}
    .planned-v2-heading .txt-area .txt2 {font-size: 30px;}
    .planned-v2-heading .txt-area .txt3 {font-size: 40px;}
    .planned-v2-section .txt-area .txt1 {font-size: 22px;}
    .planned-v2-section .txt-area .txt2 {font-size: 30px;}
    .planned-v2-need .wrap_point .content .title_img .img_tit {width: 90%;}
    .planned-v2-need .wrap_point .content .grid3 {grid-template-columns: repeat(2, 1fr);gap: 15px;padding-top: 40px;padding-bottom: 70px;}
    .planned-v2-need .wrap_point .content .grid3 .img_grid3 {width: 95%;}
    .planned-v2-need .wrap_point .content .grid3 .do_txt1 {line-height: 23px;font-size: 18px;margin-top: 10px;}
    .planned-v2-need .wrap_point .content .grid3 .do_txt2 {font-size: 14px;padding-top: 6px;padding-bottom: 40px;}
    .planned-v2-need .wrap_point .content .grid4_2 {grid-template-columns: repeat(2, 1fr);padding-bottom: 60px;}
    .planned-v2-need .wrap_point .content .grid4_2 .do_img {padding-top: 10px;}
    .planned-v2-need .wrap_point .content .grid4_2 .do_txt1 {padding-top: 0px;}
    .planned-v2-need .wrap_point .content .grid4_2 .do_txt2 {padding-top: 0px;}
    .planned-v2-need .wrap_point .content .grid2_1 {padding-bottom: 0px}
    .advantage_list {gap: 15px;padding: 0px;}
    .advantage_list li {flex-basis: calc(33% - -56px);}

    .sec_intro.aio .cont > .no1 .ball:before {right: 350px;width: 28%;}
    .sec_intro.aio .cont > .no2 .ball:before {right: 350px;width: 28%;}
    .sec_intro.aio .cont > .no3 .ball:before {right: 350px;width: 28%;}
    .planned-v2-need .wrap_point .content .grid4_3 {gap: 10px;}
    .planned-v2-need .wrap_point .content .grid4_3 .do_print {font-size: 28px;padding: 10px;padding-top: 0px;}
    .planned-v2-need .wrap_point .content .grid4_3 .do_txt2 {font-size: 16px;}
    .planned-v2-need .wrap_point .content .grid4_3 .do_txt3 {line-height: 30px;font-size: 14px;}

    .planned-v2-need .wrap_point .content .grid4 {grid-template-columns: repeat(2, 1fr);}
    .planned-v2-need .wrap_point .content .grid4_4 {gap: 10px;}
    .planned-v2-need .wrap_point .content .grid4_4 .do_txt1 {font-size: 18px;}
    .planned-v2-need .wrap_point .content .grid4_4 .do_txt2 {font-size: 14px;line-height: 23px;}
    .planned-v2-need .wrap_point .content .grid3_do {padding-bottom: 0px;}
    .planned-v2-need .wrap_point .content .grid3 .do_txt2 {padding-bottom: 20px;}
    .fp-tableCell {padding-top: 0px;}
    .sec_intro.aio .cont > div .txt p {font-size: 16px;}
    #selectPoint ul li dl dt {font-size: 1.5em;}
    #selectPoint ul li dl dd {line-height: 24px;font-size: 14px;}
    .bp_wrap {padding-top: 50px;}
    #bottomBtn p {line-height: 30px;}
    #bottomBtn ul li {width: 70%;}
    #bottomBtn ul li a {width: 100%;}
    #bottomBtn ul li a p {font-size: 18px;}
}

/*@media screen and (max-width:480px){*/
@media (max-width:480px){
    .mobile-none {display: none;}
    .mobile-none-480 {display: none;}
    .mobile-block-480 {display: block;}
    .v480-p-top {padding-top: 60px;}
    .padding-top-280 {padding-top: 80px;}
    .planned-v2-need .head h3 {font-size: 28px;}
    .planned-v2-heading .txt-area .txt2 {font-size: 26px;}
    .planned-v2-heading .txt-area .txt3 {font-size: 34px;}

    .planned-v2-need .wrap_point .content .grid4 .do_txt1 {font-size: 18px;}
    .sec_intro.aio .cont > div {padding-bottom:50px;}
    .sec_intro.aio .cont > div .ball {margin:0 auto !important;}
    .sec_intro.aio .cont > div .txt {position:relative !important; top:20px !important; text-align:center;}
    .sec_intro.aio .cont > div .txt img {display:inline-block; margin-bottom:4px !important;}
    .sec_intro.aio .cont > div .txt p {font-size:16px;}
    .sec_intro.aio .cont > div .txt br {display:block;}
    .sec_intro.aio .cont > .no1 .ball:before {border: unset;}
    .sec_intro.aio .cont > .no2 .ball:before {border: unset;}
    .sec_intro.aio .cont > .no3 .ball:before {border: unset;}

    #selectPoint ul li dl dt {font-size: 1.7em;}
    .sec_intro.aio .cont > .no1 .txt img {width: 40%;}
    .sec_intro.aio .cont > div .txt img {width: 40%;}

    .planned-v2-need .wrap_point .content .grid2_1 .do_txt2 {width: 70%;}
    .img_grid4_2 {width: 40%;}
    .planned-v2-need .wrap_point .content .grid4_4 {grid-template-columns: repeat(2, 1fr);}
    .planned-v2-need .wrap_point .content .grid4 {padding-bottom: 80px;}
    .planned-v2-need .wrap_point .content .grid3 {padding-top: 30px;}
    .planned-v2-need .wrap_point .content .grid4_2 {padding-top: 30px;}

    .advantage_list {margin-top: -16px;padding-bottom: 200px;}

    .diy {display: block;}

    #selectPoint ul li dl dt {font-size: 1.33em}
    #selectPoint ul li dl dd {font-size: 14px;line-height: 26px;}
    .sec_intro hgroup p {font-size: 16px;}
    .planned-v2-need .wrap_point .content .grid4_3 {grid-template-columns: repeat(1, 1fr);}
    .planned-v2-need .wrap_point .content .grid4_3 .do_txt2 {font-size: 20px;}
    .planned-v2-need .wrap_point .content .grid4_3 .do_txt3 {font-size: 16px;}
    .boots {margin-top: -20px;}
}

/*@media screen and (max-width:400px) {*/
@media (max-width:400px) {
    .padding-top-150 {padding-top: 60px;}
    .padding-top-50 {margin-top: -80px;}
    .v400-p-bottom {padding-bottom: 20px;}
    .contain {margin-top: -178px;}
    .planned-v2-need .head h3 {font-size: 25px;}
    .planned-v2-need .head p {font-size: 18px;}
    .planned-v2-heading .txt-area .txt1 {font-size: 16px;}
    .planned-v2-heading .txt-area .txt2 {font-size: 22px;}
    .planned-v2-heading .txt-area .txt3 {font-size: 30px;}
    .planned-v2-section .txt-area .txt1 {font-size: 18px;}
    .planned-v2-section .txt-area .txt2 {font-size: 24px;}

    .planned-v2-need .wrap_point .content .grid4 .do_txt1 {font-size: 16px;}

    .planned-v2-need .wrap_point .content .grid2_1 .do_txt2 {width: 80%;}
    .advantage_list {padding-bottom: 120px;}
    .advantage_list li {flex-basis: calc(33% - -200px);}
    .planned-v2-need .wrap_point .content .grid4_2 {padding-top: 0px;padding-bottom: 20px;}

    #selectPoint ul {margin-bottom: 0px;}
    .planned-v2-need .wrap_point .content .grid4_2 {padding-top: 30px;}
    #bottomBtn ul li a p {font-size: 14px;}
}

/*@media screen and (max-width:360px){*/
@media (max-width:360px){
    .mobile-none-360 {display: none;}
    .mobile-block-360 {display: block;}

    .dye360 {margin-top: -40px;}

    .planned-v2-need .head h3 {font-size: 22px;}
    .planned-v2-need .head p {font-size: 16px;}
    .planned-v2-heading .txt-area .txt1 {font-size: 14px;}
    .planned-v2-heading .txt-area .txt2 {font-size: 22px;}
    .planned-v2-heading .txt-area .txt3 {font-size: 27px;}
    .planned-v2-section .txt-area .txt1 {font-size: 16px;}
    .planned-v2-need .wrap_point .content .grid4 .do_txt1 {font-size: 15px;}

    .planned-v2-need .wrap_point .content .grid2_1 .do_txt2 {width: 86%;}

    .advantage_list li {flex-basis: calc(33% - -160px);}
    .planned-v2-need .wrap_point .content .grid3 {padding-bottom: 100px;}
    .planned-v2-need .wrap_point .content .grid3 .do_txt1 {font-size: 16px;}
    .planned-v2-need .wrap_point .content .grid4_2 .do_txt1 {font-size: 16px;}
    .planned-v2-need .wrap_point .content .grid3 .do_txt1 {font-size: 16px;}
    .m-top360 {margin-top:-40px;}
    .sec_intro {padding-bottom: 30px}
    .planned-v2-need .wrap_point .content .grid2_1 {padding-top: 30px;}
}

/*@media screen and (max-width:320px){*/
@media (max-width:320px){
    .planned-v2-heading .txt-area .txt1 {font-size: 15px;}
    .planned-v2-heading .txt-area .txt2 {font-size: 22px;}
    .planned-v2-section .txt-area .txt1 {font-size: 16px;}
    .planned-v2-section .txt-area .txt2 {font-size: 24px;}
}