/* 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;}
/******************************************************************************************************************************************************************************************/

/* Mobile Application */
.planned-v2-heading {position:relative; height:780px; text-align:center; color:#fff;}
.planned-v2-heading:before {content:""; position:absolute; top:0; left:0; width:100%; height:calc(100% - 56px); background:#ffc45f; clip-path:polygon(0 0, 100% 0, 100% 0, 100% 100%, 100% 75%, 0 100%);}
.planned-v2-heading .inner {position:relative; display:flex; align-items:center; height:100%; background:url("../img/mobile/top_img.jpg") 50% 50% fixed no-repeat; background-size:cover; clip-path:polygon(0 0, 100% 0, 100% 100%, 100% 100%, 100% 100%, 0 77%);}
.planned-v2-heading h2 {font-size:100px; font-weight:800; line-height:1.33em; letter-spacing:-.02em;}
.planned-v2-heading p {font-size:26px; line-height:1.6em; letter-spacing:-.04em;}
.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-need .wrap_point .content .grid2 {display: grid;grid-template-columns: repeat(2, 1fr);gap: 20px;max-width: 1350px;margin: 0 auto;padding-top: 50px;}
.planned-v2-need .wrap_point .content .grid2_do {border-radius: 20px;background: #eee;}
.planned-v2-need .wrap_point .content .grid2 .do {display: flex;gap: 20px;}
.planned-v2-need .wrap_point .content .grid2 .do_img {width: 30%;padding: 20px;border-radius: 10px;margin: 0 auto;}
.planned-v2-need .wrap_point .content .grid2 .img_grid2 {width: 70%;}
.planned-v2-need .wrap_point .content .grid2 .img_grid {width: 50%;border-radius: 14px;}
.planned-v2-need .wrap_point .content .grid2 .do_txt1 {width: 70%;text-align: left;font-size: 24px;font-weight: 700;color: #333;padding: 20px;}
.planned-v2-need .wrap_point .content .grid2 .do_txt2 {line-height: 28px;color: #333;font-size: 18px;font-weight: 400;padding-top: 15px;}

/* 베스트페이지은 다릅니다! */
.planned-v2-need .wrap_point .content .grid1 {display: grid;grid-template-columns: repeat(1, 1fr);gap: 60px;max-width: 1600px;margin: 0 auto;padding-top: 50px;}
.planned-v2-need .wrap_point .content .grid1_one {display: flex;gap: 20px;max-width:1400px;height: 400px;border-radius: 20px;margin: 0 auto;}
.planned-v2-need .wrap_point .content .grid1_one_bg1 {background: #017dc3;}
.planned-v2-need .wrap_point .content .grid1_one_bg2 {background: #1A2F88;}
.planned-v2-need .wrap_point .content .grid1_one_bg3 {background: #93A1B9;}
.planned-v2-need .wrap_point .content .grid1_one_bg4 {background: #db7f5c;}
.planned-v2-need .wrap_point .content .grid1 .do_img {width: 64%;padding: 20px;border-radius: 10px;margin: 0 auto;}
.planned-v2-need .wrap_point .content .grid1 .img_grid1 {width: 60%;border-radius: 14px;}
.planned-v2-need .wrap_point .content .grid1 .do_txt1 {width: 50%;text-align: center;font-size: 24px;font-weight: 700;color: #fff;padding: 20px;}
.planned-v2-need .wrap_point .content .grid1 .do_txt1 .title {font-size: 26px;font-weight: 700;color: #fff;margin-top:112px;}
.planned-v2-need .wrap_point .content .grid1 .do_txt1 .conter {line-height:30px;font-size: 20px;font-weight: 400;color: #fff;padding-top: 30px;}
.planned-v2-need .wrap_point .content .grid1 .do_txt2 {width: 50%;line-height: 366px;color: #fff;font-size: 18px;font-weight: 400;text-align: center;padding-top: 15px;}

.planned-v2-need .wrap_point .content .title_img {text-align: center;padding-top: 40px;padding-bottom: 10px;}
.planned-v2-need .wrap_point .content .title_img .img_tit {width: 50%;}

#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%; box-sizing: border-box; color:#fff; }
#selectPoint ul li.point1 { background:#1588d8; }
#selectPoint ul li.point2 { background:#23b4e3; }
#selectPoint ul li.point3 { background:#174dc7;}
#selectPoint ul li dl { position: absolute;top: 12%;left: 0;width: 100%;height: 100%;text-align: center;z-index: 1; }
#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 dl dt {line-height: 30px;font-size: 2.25em; font-weight: 700; margin-bottom: 40px; margin-top: -1.5em; }
#selectPoint ul li dl dt span {font-weight: 700;}
#selectPoint ul li dl dd { font-size: 20px;font-weight: 300;line-height: 30px;color: #fff;}
#selectPoint ul li.point3 dl dd { opacity:0.7; }
#selectPoint ul li .point-img { position: relative;/* min-height: 27vw; */;padding-top: 180px;}
#selectPoint ul li img { width: 100%; bottom: 0; }


.planned-v2-need .wrap_point .content .grid2_1 {display: grid;grid-template-columns: repeat(2, 1fr);gap: 20px;max-width: 1600px;margin: 0 auto;padding-top: 50px;}
.planned-v2-need .wrap_point .content .grid2_1_one {display: flex;gap: 20px;max-width:1400px;border-radius: 20px;margin: 0 auto;padding-top: 20px;padding-bottom: 20px;}
.planned-v2-need .wrap_point .content .grid2_1_one_bg1 {background: #017dc3;}
.planned-v2-need .wrap_point .content .grid2_1_one_bg2 {background: #1A2F88;}
.planned-v2-need .wrap_point .content .grid2_1_one_bg3 {background: #93A1B9;}
.planned-v2-need .wrap_point .content .grid2_1_one_bg4 {background: #db7f5c;}
.planned-v2-need .wrap_point .content .grid2_1 .do_img {width: 64%;padding: 20px;border-radius: 10px;margin: 0 auto;}
.planned-v2-need .wrap_point .content .grid2_1 .img_grid1 {width: 100%;padding-right: 10px;}
.planned-v2-need .wrap_point .content .grid2_1 .do_txt1 {width: 70%;text-align: center;font-size: 24px;font-weight: 700;color: #fff;padding: 20px;}
.planned-v2-need .wrap_point .content .grid2_1 .do_txt1 .title {font-size: 26px;font-weight: 700;color: #fff;}
.planned-v2-need .wrap_point .content .grid2_1 .do_txt1 .conter {line-height:30px;font-size: 20px;font-weight: 400;color: #fff;text-align: left;padding-top: 30px;}
.planned-v2-need .wrap_point .content .grid2_1 .do_txt2 {text-align: center;}



/* 베스트페이지은 다릅니다! */
.planned-v2-need .wrap_point .content .grid2_2 {display: grid;grid-template-columns: repeat(2, 1fr);gap: 60px;max-width: 1600px;margin: 0 auto;padding-top: 50px;padding-bottom: 70px;}
.planned-v2-need .wrap_point .content .grid2_2 .grid2_2_v1 {display: flex;flex-direction: column;gap:40px;padding-left: 10px;padding-right: 10px;}
.planned-v2-need .wrap_point .content .grid2_2 .grid2_2_v1 .link {color: #fff;border-radius: 20px;background: #2f8cff;padding: 30px;}
.planned-v2-need .wrap_point .content .grid2_2 .grid2_2_v1 .unlink {border-radius: 20px;padding: 30px;}
.planned-v2-need .wrap_point .content .grid2_2 .do_img {width: 30%;padding: 20px;border-radius: 10px;margin: 0 auto;}
.planned-v2-need .wrap_point .content .grid2_2 .img_grid {width: 50%;border-radius: 14px;}
.planned-v2-need .wrap_point .content .grid2_2 .grid2_2_v1 .txt1 {color: #333;font-size: 1.8rem;font-weight: 700;font-family: 'NanumSquareB';padding-bottom: 20px;}
.planned-v2-need .wrap_point .content .grid2_2 .grid2_2_v1 .txt1.active {color: #fff !important;}
.planned-v2-need .wrap_point .content .grid2_2 .grid2_2_v1 .txt2 {line-height: 26px;font-size: 1.2rem;font-family: 'NanumSquare';}
.planned-v2-need .wrap_point .content .grid2_2 .grid2_2_v1 .txt2 span {color:#ffcd4a;}

.position-relative {
    position: relative !important;
}
.tab-content > .tab-pane {
    display: none;
}
.tab-content > .active {
    display: block;
}
.img-fluid {
    max-width: 100%;
    height: auto;
}

.planned-v2-need .wrap_point .content .grid4_1 {max-width: 1600px;margin: 0 auto;}
.planned-v2-need .wrap_point .content .grid4_1 {display: grid;grid-template-columns: repeat(2, 1fr);gap: 30px;margin: auto;padding-top: 50px;}
.planned-v2-need .wrap_point .content .grid4_1_img {position: absolute;width: 100%;text-align: right;margin-top: 260px;padding-right: 100px;}
.planned-v2-need .wrap_point .content .grid4_1_img .img {width: 30%;}
.planned-v2-need .wrap_point .content .grid4_1 .do {border-radius: 20px;box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0);}
.planned-v2-need .wrap_point .content .grid4_1 .do_img {margin: 0 auto;}
.planned-v2-need .wrap_point .content .grid4_1 .do_txt1 {text-align: center;color: #555;font-size: 32px;padding-top: 30px;}
.planned-v2-need .wrap_point .content .grid4_1 .do_txt2 {line-height: 30px;text-align: center;font-size: 30px;color: #888;margin-top: 30px;margin-bottom: 30px;}
.planned-v2-need .wrap_point .content .grid4_1 .do_txt3 {line-height:36px;text-align: left;font-size: 20px;color: #333;padding: 20px;}
.planned-v2-need .wrap_point .content .grid4_1 .do_txt3 span {font-size: 16px;}
.planned-v2-need .wrap_point .content .grid4_1 .do_print {text-align: center;font-size: 42px;font-weight: 700;color: #333;padding: 20px;padding-top:48px;}
.planned-v2-need .wrap_point .content .grid4_1 .do_print span {font-size: 20px;}
.planned-v2-need .wrap_point .content .grid2_3 {max-width: 1600px;margin: 0 auto;}
.planned-v2-need .wrap_point .content .grid2_3 {display: grid;grid-template-columns: repeat(2, 1fr);gap: 0px;margin: auto;padding-top: 20px;}
.planned-v2-need .wrap_point .content .grid2_3 .do_num {height: 70px;}
.planned-v2-need .wrap_point .content .grid2_3 .do1 {float: left;width: 10%;}
.planned-v2-need .wrap_point .content .grid2_3 .do2 {float: left;width: 90%;}
.planned-v2-need .wrap_point .content .grid2_3 .do_img {margin: 0 auto;}
.planned-v2-need .wrap_point .content .grid2_3 .do_txt1 {width: 34px;height: 34px;line-height: 34px;text-align: center;border-radius: 50%;background: #017dc3;color: #fff;font-size: 20px;font-weight: 700;}
.planned-v2-need .wrap_point .content .grid2_3 .do_txt2 {line-height: 36px;color: #333;font-size: 1.7rem;font-weight: 700;font-family: NanumSquareB;margin-bottom: 1rem !important;}
.planned-v2-need .wrap_point .content .grid2_3 .do_txt3 {line-height: 30px;font-size: 1.2rem;font-family: NanumSquare;}
.planned-v2-need .wrap_point .content .grid2_3 .do_txt3 span {font-size: 16px;}
.planned-v2-need .wrap_point .content .grid2_3 .do_print {text-align: center;font-size: 50px;font-weight: 700;color: #333;padding: 20px;padding-top:48px;}

.planned-v2-need .wrap_point .content .grid1_2 {text-align: center;font-size: 26px;}
.scrolling {width: 100%;height: 820px;}
.img_text {text-align: center;}
.M1024-Mobile-Application {padding-top: 50px;}

@media (max-width: 1601px) {
    .planned-v2-need .wrap_point .content .grid1 {padding-left: 10px;padding-right: 10px;}
    .planned-v2-need .wrap_point .content .grid4_1 .do_print {font-size: 34px;}
    .planned-v2-need .wrap_point .content .grid4_1 .do_txt3 {font-size: 18px;}
    .planned-v2-need .wrap_point .content .grid4_1_img .img {width: 36%;}
    .planned-v2-need .wrap_point .content .grid2_1_one {height: 284px;}
}

@media (max-width: 1401px) {
    .mobile-none-1401 {display: none;}
    .mobile-block-1401 {display: block;}



    .planned-v2-need .wrap_point .content .grid2_1 .do_txt1 .title {font-size: 24px;}
    .planned-v2-need .wrap_point .content .grid2_1 .do_txt1 .conter {font-size: 18px;}

    .scrolling {height: 790px;}
}

@media (max-width: 1280px) {
    .mobile-none-1280 {display: none;}
    .mobile-block-1280 {display: block;}

    .planned-v2-need .wrap_point .content .grid1 .img_grid1 {width: 80%;}
    .planned-v2-need .wrap_point .content .title_img .img_tit {width: 80%;}
    .planned-v2-need .wrap_point .content .grid4_1_img {padding-right: 20px;}
    .planned-v2-need .wrap_point .content .grid4_1_img .img {width: 36%;}
    .planned-v2-need .wrap_point .content .grid4_1 .do_txt3 {font-size: 17px;}

    .planned-v2-need .wrap_point .content .grid2_3 .do_txt1 {width: 30px;height: 30px;line-height: 30px;margin-top: 3px;}
    .planned-v2-need .wrap_point .content .grid2_3 .do_txt2 {font-size: 1.5rem;}
    .planned-v2-need .wrap_point .content .grid2_3 .do_txt3 {font-size: 1.1rem;}

    .planned-v2-need .wrap_point .content .grid2_1_one {height: 268px;}
    .planned-v2-need .wrap_point .content .grid2_1 .do_txt1 {width: 100%;}
    .scrolling {height: 594px;}
}

@media (max-width: 1024px) {
    .mobile-none-1024 {display: none;}
    .mobile-block-1024 {display: block;}

    .planned-v2-need .wrap_point .content .grid1 {padding-top: 25px;}
    .planned-v2-need .wrap_point .content .grid2 {padding-top: 25px;}
    .planned-v2-need .wrap_point .content .grid2 .do_txt1 {font-size: 22px;}
    .planned-v2-need .wrap_point .content .grid2 .do_txt2 {font-size: 16px;}
    .planned-v2-need .wrap_point .content .grid2 .do_img {line-height: 144px;}
    .planned-v2-need .wrap_point .content .grid2 .img_grid2 {width: 90%;}
    .planned-v2-need .wrap_point .content .grid2_1 {padding-top: 25px;}
    .planned-v2-need .wrap_point .content .grid2_1_one {height: 250px;}
    .planned-v2-need .wrap_point .content .grid2_1 .do_txt1 .title {font-size: 22px;}
    .planned-v2-need .wrap_point .content .grid2_1 .do_txt1 .conter {line-height: 26px;font-size: 16px;}
    .planned-v2-need .wrap_point .content .grid2_3 .do_txt2 {line-height: 26px;font-size: 1.2rem;}
    .planned-v2-need .wrap_point .content .grid2_3 .do_txt3 {line-height: 24px;}
    .planned-v2-need .wrap_point .content .grid2_3 .do_num {height: 80px;}
    .planned-v2-need .wrap_point .content .grid4_1 {padding-top: 25px;}
    .planned-v2-need .wrap_point .content .grid1_2 {font-size: 20px;padding-top: 10px;}
    .planned-v2-need .wrap_point .content .grid4_1 .do_txt3 {font-size: 16px;}
    .planned-v2-need .wrap_point .content .grid2_3 .do1 {width: 8%;}
    .planned-v2-need .wrap_point .content .grid2_3 .do2 {width: 92%;}
    .planned-v2-need .wrap_point .content .grid2_3 .do_txt1 {width: 24px;height: 24px;line-height: 24px;}
    .planned-v2-need .wrap_point .content .grid2_3 .do_txt3 {font-size: 1rem;}

    .M1024-Mobile-Application {padding-top: 25px;}

    .scrolling {height: 940px;}
}

@media screen and (max-width: 960px) {
    .mobile-none {display: none;}
    .mobile-none-960 {display: none;}
    .mobile-block-960 {display: block;}
    .m-960-p-top {padding-top: 50px;}
    /*Top*/
    .contain {margin-top: -60px;}
    .planned-v2-heading .txt-area .txt2 {font-size: 28px;}
    .planned-v2-heading .txt-area .txt3 {font-size: 50px;}
    .planned-v2-need .wrap_point .content .grid2_do {margin-bottom: 10px;}
    .planned-v2-need .wrap_point .content .grid2 .do {display: grid;grid-template-columns: repeat(1, 1fr);margin: 0 auto;}
    .planned-v2-need .wrap_point .content .grid2 .do_img {width:100%;text-align: center;}
    .planned-v2-need .wrap_point .content .grid2 .do_txt1 {width: 100%;text-align: center;}
    #selectPoint ul li dl dt {font-size: 1.7em;}
    #selectPoint ul li dl dd {font-size: 16px;}
    .planned-v2-need .wrap_point .content .grid2 {gap: 10px;}
    .planned-v2-need .wrap_point .content .grid2 .img_grid2 {width: 40%;}
    .planned-v2-need .wrap_point .content .grid2 .do_txt1 {line-height: 28px;}
    .planned-v2-need .wrap_point .content .grid4_1 {padding-left: 10px;padding-right: 10px;}
    .planned-v2-need .wrap_point .content .grid2_3 .do1 {width: 15%;}
    .planned-v2-need .wrap_point .content .grid2_3 .do2 {width: 85%;}
    .planned-v2-need .wrap_point .content .grid2_1 {grid-template-columns: repeat(1, 1fr);padding-left: 5px;padding-right: 5px;}
    .planned-v2-need .wrap_point .content .grid2_1_one {height: 238px;}
    .scrolling {height: 800px;}
}

@media screen and (max-width:768px){
    .mobile-none-768 {display: none;}
    .mobile-block-768 {display: block;}
    .planned-v2-need .wrap_point .content .grid1_one {display: grid;grid-template-columns: repeat(1, 1fr);height: unset;justify-items: center;}
    .planned-v2-need .wrap_point .content .grid1 .do_txt1 {width: 100%;}
    .planned-v2-need .wrap_point .content .grid1 .do_txt1 .title {margin-top:15px;}
    .planned-v2-need .wrap_point .content .grid1 .do_txt2 {width: 100%;line-height:unset;}
    #selectPoint ul li {float:unset;width: 100%}
    #selectPoint ul li .point-img {padding-top:130px;}
    #selectPoint ul li dl dt {font-size: 2.25em;}
    #selectPoint ul li dl dd {font-size: 20px;}
    .planned-v2-need .wrap_point .content .grid2_3 {grid-template-columns: repeat(1, 1fr);}
    .planned-v2-need .wrap_point .content .grid2_3 .do1 {width: 8%;}
    .planned-v2-need .wrap_point .content .grid2_3 .do2 {width: 92%;}
    .planned-v2-need .wrap_point .content .grid2_3 .do_num {margin-bottom: -20px;}
    .scrolling {height: 670px;}
    /*.img01 {display:inline-block;margin-top: -100px;}*/
}

@media screen and (max-width: 640px) {
    .mobile-none-640 {display: none;}
    .mobile-block-640 {display: block;}
    /*Top*/
    .planned-v2-heading .txt-area .txt3 {font-size: 42px;}
    .planned-v2-need .wrap_point .content .grid2 .img_grid2 {width: 50%;}
    .planned-v2-need .wrap_point .content .grid4_1 {grid-template-columns: repeat(1, 1fr);}
    .planned-v2-need .wrap_point .content .grid2_3 .do_num {margin-bottom:unset;}

    .scrolling {height: 530px;margin-top: -40px;}

}

@media (max-width: 575px) {
    .mobile-none-575 {display: none;}
    .mobile-block-575 {display: block;}
    /*Top*/
    .contain {margin-top: -270px;}
    .planned-v2-heading .txt-area .txt2 {font-size: 24px;}
    .planned-v2-heading .txt-area .txt3 {font-size: 40px;}
    .planned-v2-need .wrap_point .content .grid2 {gap: 4px;}
    .planned-v2-need .wrap_point .content .grid2_do {margin-bottom: 10px;}
    .planned-v2-need .wrap_point .content .grid2_3 .do_num {height: 160px;}
    .planned-v2-need .wrap_point .content .grid2_1_one {height: unset;display: grid;grid-template-columns: repeat(1, 1fr);padding-left: 10px;padding-right: 10px;}
    .planned-v2-need .wrap_point .content .grid2_1 .img_grid1 {padding-right:unset;}
}

@media screen and (max-width:480px){
    .mobile-none-480 {display: none;}
    .mobile-block-480 {display: block;}
    /*Top*/
    .planned-v2-heading .txt-area .txt2 {font-size: 20px;}
    .planned-v2-need .wrap_point .content .grid2 {gap: 0px;}
    .planned-v2-need .wrap_point .content .grid2 .img_grid2 {width: 56%;}
    .planned-v2-need .wrap_point .content .grid2_do {margin-left: 5px;margin-right: 5px;}
    .planned-v2-need .wrap_point .content .grid2 .do_img {padding-bottom: 0px;}
    .planned-v2-need .wrap_point .content .grid2 .do_txt1 {font-size: 20px;padding-top: 0px;}
    .planned-v2-need .wrap_point .content .grid2 .do_txt2 {font-size: 16px;}
    .planned-v2-need .wrap_point .content .grid2_3 .do1 {width: 14%;}
    .planned-v2-need .wrap_point .content .grid2_3 .do2 {width: 86%;}
}

@media screen and (max-width:400px) {
    .mobile-none-400 {display: none;}
    .mobile-block-400 {display: block;}
    /*Top*/
    .planned-v2-heading .txt-area .txt2 {font-size: 26px;}
    .planned-v2-need .wrap_point .content .grid2 {grid-template-columns: repeat(1, 1fr);}
}

@media screen and (max-width:360px){
    .mobile-none-360 {display: none;}
    .mobile-block-360 {display: block;}
    .planned-v2-need .wrap_point .content .grid2_3 .do_num {height: 200px;}
}

@media screen and (max-width:320px){

}