.br_none {display:none;}

/* 베스트페이지에서만 특별한 쇼핑몰 제작 */
.planned-v2-heading {position:relative; height:calc(100vh - -8px); overflow:hidden; text-align:center; color:#fff; background:url("../img/maintenance/top_img.png") 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 .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;*/}

/* 10년간 이어져온 기업으로 책임제 유지보수를 약속합니다. */
.img_grid2_1_none {display: none;}
.planned-v2-need .wrap_point .content .grid4_1 {display: grid;grid-template-columns: repeat(4, 1fr);gap: 30px;margin: auto;padding-top: 35px;padding-bottom: 40px;}
.planned-v2-need .wrap_point .content .grid4_1_cont {}
.planned-v2-need .wrap_point .content .grid4_1 .do_img {height: 88px;border-radius: 10px;margin: 0 auto;}
.planned-v2-need .wrap_point .content .grid4_1 .img_grid3 {width: 28%;border-radius: 14px;}
.planned-v2-need .wrap_point .content .grid4_1 .do_txt1 {line-height: 26px;font-size: 20px;font-weight: 700;color: #333;margin-top: 10px;}
.planned-v2-need .wrap_point .content .grid4_1 .do_txt2 {line-height: 28px;color: #333;font-size: 18px;padding-top: 15px;}
.planned-v2-need .wrap_point .content .grid2_1 {display: grid;grid-template-columns: 1fr 16rem 1.5fr;gap: 30px;align-items: center;padding-bottom: 10px;}
.planned-v2-need .wrap_point .content .grid2_1 .do_img {text-align: center;}
.planned-v2-need .wrap_point .content .grid2_1 .img_grid2_1 {width: 20px;}
.planned-v2-need .wrap_point .content .grid2_1 .img_grid3 {width: 70%;border-radius: 14px;}
.planned-v2-need .wrap_point .content .grid2_1 .do_img_wow {display: none;}
.planned-v2-need .wrap_point .content .grid2_1 .do_txt1 {line-height: 26px;font-size: 20px;font-weight: 700;color: #333;text-align: left;margin-left: 10%;}
.planned-v2-need .wrap_point .content .grid2_1 .do_txt2 {line-height: 28px;color: #333;font-size: 18px;text-align: left;}

/* 10년간 이어져온 기업으로 책임제 유지보수를 약속합니다. */
.planned-v2-need .wrap_point .content .grid3_1 {display: grid;grid-template-columns: repeat(3, 1fr);gap: 40px;margin: auto;padding-top: 35px;padding-bottom: 10px;}
.planned-v2-need .wrap_point .content .grid3_1 .do_img {border-radius: 10px;margin: 0 auto;}
.planned-v2-need .wrap_point .content .grid3_1 .img_grid3_1 {width: 20%;border-radius: 14px;}
/*.planned-v2-need .wrap_point .content .grid3_1 .do_txt1 {line-height: 26px;font-size: 20px;font-weight: 700;color: #333;margin-top: 30px;}
.planned-v2-need .wrap_point .content .grid3_1 .do_txt2 {line-height: 22px;color: #333;font-size: 16px;padding-top: 15px;}*/

/* 베스트페이지은 다릅니다! */
.grid4_2_img {width: 100%;}
.planned-v2-need .wrap_point .content .grid4_2 {display: grid;grid-template-columns: repeat(4, 1fr);gap: 20px;margin: auto;padding-top: 35px;padding-bottom: 10px;}
.planned-v2-need .wrap_point .content .grid4_2 .do_img {width: 100%;padding: 20px;border-radius: 10px;margin: 0 auto;}
.planned-v2-need .wrap_point .content .grid4_2 .img_grid4_2 {width: 80%;border-radius: 14px;}

/* 웹사이트의 유지보수는 90.8%가 무상으로 서비스되고 있습니다. */
.maintenance_COST {display: grid;grid-template-columns: repeat(2, 1fr);gap: 30px;margin: auto;padding-top: 35px;padding-bottom: 10px;}
.maintenance_COST .tit {color: #fff;font-size: 30px;font-weight: 700;padding-top: 20px;}
.maintenance_COST .txt {line-height: 28px;color: #fff;font-size: 16px;font-weight: 300;padding-top: 60px;margin-right: 150px;letter-spacing: -.03em;}
.maintenance_COST_left {text-align: left;}

.planned-v2-need .wrap_point .content .grid5_2 {display: grid;grid-template-columns: repeat(6, 1fr);gap: 40px;margin: auto;padding-top: 35px;padding-bottom: 10px;}
.planned-v2-need .wrap_point .content .grid5_2 .do_img {width: 100%;padding: 20px;border-radius: 10px;margin: 0 auto;}
.planned-v2-need .wrap_point .content .grid5_2 .img_grid5_2 {width: 100%;border-radius: 14px;}
.planned-v2-need .wrap_point .content .grid5_2 .do {padding: 20px;padding-bottom: 40px;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 .grid5_2 .do_txt1 {width: 100%;height: 74px;line-height: 34px;text-align: center;font-size: 20px;font-weight: 700;color: #333;}
.planned-v2-need .wrap_point .content .grid5_2 .do_txt1 span:after {position: absolute;position-area: center;width: 50px;content: '';display: block;height: 2px;background-color: #d4d9e5;margin: 1em auto;}
.planned-v2-need .wrap_point .content .grid5_2 .do_txt2 {line-height: 22px;color: #333;font-size: 18px;font-weight: 400;padding-top: 15px;}
.planned-v2-need .wrap_point .content .grid5_2 .do_txt3 {line-height: 28px;color: #017dc3;font-size: 22px;font-weight: 700;padding-top: 15px;}

.mt_txt {display: grid;grid-template-columns: repeat(2, 1fr);gap: 0px;margin: auto;padding-top: 35px;padding-bottom: 10px;}
.mt_txt .do {}

@media (max-width: 1601px) {

    .planned-v2-need .wrap_point .content .grid2_1 .do_img {padding-right: 50px;}
    .planned-v2-need .wrap_point .content .grid2_1 .do_txt2 {margin-right: 50px;}
    .planned-v2-need .wrap_point .content .grid3_1 .do_txt1 {font-size: 21px;}

}

@media (max-width: 1401px) {
    .planned-v2-need .wrap_point .content .grid2_1 {grid-template-columns: 1fr 10rem 1.3fr;}
    .planned-v2-need .wrap_point .content .grid2_1 .do_img {padding-right: 40px;}
    .planned-v2-need .wrap_point .content .grid2_1 .do_txt1 {margin-left: 100px;}
    .planned-v2-need .wrap_point .content .grid2_1 .do_txt2 {margin-right: 90px;}
    .planned-v2-need .wrap_point .content .grid3_1 {gap: 40px;padding-left: 10px;padding-right: 10px;}
    .planned-v2-need .wrap_point .content .grid3_1 .do_txt1 {font-size: 19px;}
    .planned-v2-need .wrap_point .content .grid5_2 {grid-template-columns: repeat(5, 1fr);}
}

@media (max-width: 1280px) {
    .planned-v2-need .wrap_point .content .grid2_1 .do_txt1 {font-size: 22px;margin-left: 26px;}
    .planned-v2-need .wrap_point .content .grid2_1 .do_txt2 {font-size: 16px;margin-right: 20px}
    .planned-v2-need .wrap_point .content .grid3_1 {grid-template-columns: repeat(2, 1fr);gap: 20px;}
    .planned-v2-need .wrap_point .content .grid3_1 .grid3_1_do {padding-top: 20px;}
    .planned-v2-need .wrap_point .content .grid3_1 .do_txt1 {font-size: 22px;}
    .maintenance_COST .txt {margin-right: 50px;}
    .planned-v2-need .wrap_point .content .grid4_1 .img_grid3 {width: 38%;}
    .planned-v2-need .wrap_point .content .grid5_2 {grid-template-columns: repeat(4, 1fr);}

}

@media (max-width: 1024px) {
    .img_grid1_1 {width: 90%;}
    .planned-v2-need .wrap_point .content .grid4_1 .do_txt1 {line-height: 28px;font-size: 20px;}
    .planned-v2-need .wrap_point .content .grid2_1 {grid-template-columns: 1fr 8rem 1.1fr;}
    .planned-v2-need .wrap_point .content .grid2_1 .do_txt1 {ine-height: 26px;font-size: 20px;}
    .planned-v2-need .wrap_point .content .grid4_2 .do_txt1 {font-size: 23px;}
    .planned-v2-need .wrap_point .content .grid3_1 .do_txt1 {font-size: 20px;}
    .planned-v2-need .wrap_point .content .grid4_2 .do_txt1 {font-size: 20px;}
    .maintenance_COST .tit {font-size: 26px;}
    .maintenance_COST .txt {line-height: 30px;font-size: 16px;}
    .planned-v2-need .wrap_point .content .grid5_2 .do_txt1 {font-size: 20px;}
    .planned-v2-need .wrap_point .content .grid5_2 .do_txt3 {font-size: 22px;}
}

@media (max-width: 960px) {
    .planned-v2-need .wrap_point .content .grid4_1 {padding-left: 15px;padding-right: 15px;}
    .planned-v2-need .wrap_point .content .grid4_1 .img_grid3 {width: 56%;}
    .planned-v2-need .wrap_point .content .grid2_1 {grid-template-columns: 1fr 4rem 1.1fr;}
    .planned-v2-need .wrap_point .content .grid2_1 .do_img {padding-right: 3px;}
    .planned-v2-need .wrap_point .content .grid2_1 .do_txt1 {line-height: 24px;font-size: 18px;margin-left: 10px;}
    .planned-v2-need .wrap_point .content .grid2_1 .do_txt2 {line-height: 22px;font-size: 14px;margin-right: 10px;}
    .planned-v2-need .wrap_point .content .grid4_2 {grid-template-columns: repeat(4, 1fr);padding-left: 10px;padding-right: 10px;}
    .planned-v2-need .wrap_point .content .grid4_2 .do_txt1 {line-height: 30px;padding: 0px;padding-top: 10px;}
    .maintenance_COST {grid-template-columns: repeat(1, 1fr);}
    .maintenance_COST_ma {margin-left: 150px;}
    .maintenance_COST .tit {text-align: center;}
    .maintenance_COST .txt {width: 100%;text-align: left;padding: 10px;}
    .mt_txt {grid-template-columns: repeat(1, 1fr);gap: 50px;}
    .planned-v2-need .wrap_point .content .grid5_2 {grid-template-columns: repeat(3, 1fr);padding-left: 10px;padding-right: 10px;}
    .planned-v2-need .wrap_point .content .grid4_2 .img_grid4_2 {width: 100%;}
    .planned-v2-need .wrap_point .content .grid4_2 .do_img {padding: 5px;}
    .planned-v2-need .wrap_point .content .grid3_1 .img_grid3_1 {width: 25%;}
    .planned-v2-need .wrap_point .content .grid3_1 .do_txt1 {line-height: 24px;font-size: 18px}
    .planned-v2-need .wrap_point .content .grid3_1 .do_txt2 {line-height: 24px;font-size: 16px;}
    .planned-v2-need .wrap_point .content .grid4_1 {padding-top: 40px;padding-bottom: 36px;}
    .planned-v2-need .wrap_point .content .grid4_1 .do_txt1 {line-height: 24px;font-size: 18px;margin-top: 0px;}
}

@media (max-width:768px){
    .planned-v2-need .wrap_point .content .grid2_1 {grid-template-columns: repeat(1, 1fr);gap: 0px;}
    .planned-v2-need .wrap_point .content .grid2_1 .do_img_none {display: none;}
    .planned-v2-need .wrap_point .content .grid2_1 .do_img_wow {display: block;position: absolute;width: 40px;margin-top: 2px;margin-left: 20px;}
    .planned-v2-need .wrap_point .content .grid2_1 .do_txt1 {line-height: 23px;font-size: 17px;}
    .planned-v2-need .wrap_point .content .grid2_1 .do_txt2 {line-height: 20px;font-size: 15px;margin-left: 130px;padding: 0px;padding-top: 10px;padding-bottom: 40px;}
    .planned-v2-need .wrap_point .content .grid2_1 .do_img_on {position: absolute;width: 5%;margin-left: 60px;margin-top: 10px;}
    .img_grid2_1_none {display: block;width: 44px;}

    .planned-v2-need .wrap_point .content .grid3_1 {padding-top: 20px;}
    .planned-v2-need .wrap_point .content .grid3_1 .do_txt1 {font-size: 16px;}
    .planned-v2-need .wrap_point .content .grid3_1 .do_txt2 {font-size: 14px;}

    .planned-v2-need .wrap_point .content .grid4_1 .img_grid3 {width: 76%;}
    .planned-v2-need .wrap_point .content .grid4_2 {grid-template-columns: repeat(2, 1fr);padding-top:unset;}
    .planned-v2-need .wrap_point .content .grid4_2 .do_img {padding-top: 50px;}
    .planned-v2-need .wrap_point .content .grid4_2 .do_txt1 {height:unset;}
    .planned-v2-need .wrap_point .content .grid5_2 {gap: 20px;}
    .planned-v2-need .wrap_point .content .grid5_2 .do_txt1 {line-height: 26px;font-size: 18px;}
    .planned-v2-need .wrap_point .content .grid5_2 .do_txt2 {font-size: 16px;}
    .planned-v2-need .wrap_point .content .grid5_2 .do_txt3 {font-size: 20px;}
    .maintenance_COST_ma {margin-left: 84px;}
}

@media (max-width: 640px) {
    .planned-v2-need .wrap_point .content .grid4_1 {gap: 10px;}
    .planned-v2-need .wrap_point .content .grid4_1 .do_txt1 {font-size: 16px;}
    .planned-v2-need .wrap_point .content .grid5_2 {grid-template-columns: repeat(3, 1fr);}
    .maintenance_COST_ma {margin-left: 54px;}
    .maintenance_COST .tit {font-size: 20px;}
    .maintenance_COST .txt {font-size: 16px;}
}

@media (max-width: 575px) {
    .planned-v2-need .wrap_point .content .grid2_1 {padding-top: 0px;}
    .planned-v2-need .wrap_point .content .grid2_1 .do_txt1 {line-height: 20px;font-size: 14px;}
    .planned-v2-need .wrap_point .content .grid4_1 {padding-left:0;padding-right:0;}
    .planned-v2-need .wrap_point .content .grid4_1 .do_txt1 {font-size: 14px;margin-top: -10px;}
    /*.planned-v2-need .wrap_point .content .grid3_1 {grid-template-columns: repeat(1, 1fr);gap: 50px;}
    .planned-v2-need .wrap_point .content .grid3_1 .grid3_1_do {padding-top:unset;}
    .planned-v2-need .wrap_point .content .grid3_1 .do_txt1 {font-size: 22px;}
    .planned-v2-need .wrap_point .content .grid3_1 .do_txt2 {font-size: 18px;}*/
    .maintenance_COST_ma {margin-left: 3px;}
    .planned-v2-need .wrap_point .content .grid5_2 {grid-template-columns: repeat(2, 1fr);}
    .planned-v2-need .wrap_point .content .grid5_2 {padding-top: 30px;}
    .planned-v2-need .wrap_point .content .grid5_2 .do {margin-bottom: 6px;}
    .planned-v2-need .wrap_point .content .grid5_2 .do_txt1 {height: 80px;font-size: 20px;}
    .planned-v2-need .wrap_point .content .grid5_2 .do_txt3 {font-size: 24px;}
}

@media (max-width:480px){
    .br_none {display: block;}
    .planned-v2-heading .txt-area .txt3 {font-size: 50px;}
    .planned-v2-need .wrap_point .content .grid4_1 {gap: 0px;}
    .planned-v2-need .wrap_point .content .grid4_1 .img_grid3 {width: 65%;}
    .planned-v2-need .wrap_point .content .grid4_1 .do_txt1 {line-height: 19px;margin-top: -26px;}
    .planned-v2-need .wrap_point .content .grid4_2 {gap: 10px;padding-left: 0px;padding-right: 0px;}
    .planned-v2-need .wrap_point .content .grid4_2 .do_txt1 {height: 100px;font-size: 20px;}
    .planned-v2-need .wrap_point .content .grid5_2 .do_txt1 {font-size: 20px}
    .planned-v2-need .wrap_point .content .grid3_1 .img_grid3_1 {width: 50%;}
    .planned-v2-need .wrap_point .content .grid3_1 .do_txt1 {min-height: 170px;font-size: 18px;}
    .maintenance_COST_ma {margin-left: -38px;}
}

@media (max-width:400px) {
    .planned-v2-need .wrap_point .content .grid4_1 {grid-template-columns: repeat(2, 1fr);}
    .planned-v2-need .wrap_point .content .grid4_1_cont {padding-bottom: 30px;}
    .planned-v2-need .wrap_point .content .grid4_1 .img_grid3 {width: 39%;}
    .planned-v2-need .wrap_point .content .grid2_1 .do_txt1 {margin-top: -30px;}
    /*.planned-v2-need .wrap_point .content .grid4_2 {grid-template-columns: repeat(1, 1fr);}*/
    .planned-v2-need .wrap_point .content .grid4_2 .do_txt1 {height: unset;}
    /*.planned-v2-need .wrap_point .content .grid5_2 {grid-template-columns: repeat(1, 1fr);}*/
    .planned-v2-need .wrap_point .content .grid5_2 .do_txt1 {height: 60px;font-size: 18px;}
    .planned-v2-need .wrap_point .content .grid5_2 .do_txt3 {font-size: 20px;}
    .maintenance_COST_ma {margin-left: -62px;}
}

@media (max-width:360px){
    .planned-v2-need .wrap_point .content .grid5_2 {gap: 10px;padding-left: 0px;padding-right: 0px;}
    .planned-v2-need .wrap_point .content .grid5_2 .do {padding: 10px;padding-top: 30px;}
}

@media (max-width:320px){

}