@charset "utf-8";


    
    .toggleShow {display : block}
    .toggleNone {display : none}

    /* ================ 0705 수정 (미디어 쿼리로 한 번 묶었습니다) ================ */
@media all and (min-width: 1025px) {
    .container {width:100%; max-width:1380px; margin:0 auto; margin-top:150px; max-width: 1440px;}
    .innerWrap {padding-left: 30px; padding-right:30px;}
  


    .product_cont {}
    .pro_tabs {display:flex; justify-content: center;}
    .pro_tabs li {width:277px; display: flex; align-items: center; justify-content: center; background:#f8f8f8; height:159px;}
    .pro_tabs li img {width:124px;}
    .pro_tabs li p {margin-top:20px; font-size: 12px; font-weight: 500; line-height: normal; letter-spacing: -0.22px; color: #b0afb7;}
    .pro_tabs li.on {border-radius: 6px; box-shadow: 2px 2px 10px 0 rgba(0, 0, 0, 0.2); background-color: #ffffff; border-bottom:3px solid #508aff;}
    .pro_tabs li.on p {color:#508aff;}
    .pro_tabs li:nth-child(3).on {border-color:#f43442;}
    .pro_tabs li:nth-child(3).on p {color:#f43442;}

    .product_cont .product_inview {margin-top:120px; display: flex; justify-content: space-between; padding-bottom:80px; border-bottom:4px solid #508aff;}
    .product_cont .product_inview .tit_box {position: relative; width:480px; width: 50%; margin-right:30px;}
    .product_cont .product_inview .tit_box .top_txt h2 {font-size: 50px; font-weight: bold; line-height: 1.06; letter-spacing: -0.9px; color: #292929;}
    .product_cont .product_inview .tit_box .top_txt p {font-size: 22px; font-weight: 500; line-height: 1.18; letter-spacing: -0.4px; color: #303030; margin-top:18px;}
    .product_cont .product_inview .tit_box .abs_bot {position: absolute; left:0; bottom:0;}
    .product_cont .product_inview .tit_box .abs_bot .bot_ctns {margin-top:18px;}
    .product_cont .product_inview .tit_box .abs_bot .bot_ctns a {display:inline-block; vertical-align: middle;}
    .product_cont .product_inview .tit_box .abs_bot .bot_ctns .blue {width:157px; height:50px; padding:0 53px 0 20px; background:#508aff url(//2495902.fs1.hubspotusercontent-na1.net/hubfs/2495902/raw_assets/public/midasMCAD/Coded_Files/images/product/bg_arrow_white.png) 119px center no-repeat; background-size:17px auto; margin-right:15px; box-sizing: border-box; font-size: 14px; font-weight: bold; line-height: 50px; letter-spacing: -0.25px; color: #ffffff;}
    .product_cont .product_inview .tit_box .abs_bot .bot_ctns .base {width: 121px; height: 50px; border: solid 1px #cfcfcf; background-color: #ffffff; font-size: 14px; font-weight: bold; line-height: 50px; letter-spacing: -0.25px; text-align: center; color: #3d3d3d; margin-right:30px;}
    .product_cont .product_inview .tit_box .abs_bot .bot_ctns .inview {font-size: 14px; line-height: 1.93; letter-spacing: -0.25px; color: #757575; text-decoration: underline;}
    .product_cont .product_inview .tit_box .qna {width:437px;}
    .product_cont .product_inview .tit_box .qna li {padding:18px 0; border-bottom:1px solid #cdcdcd;}
    .product_cont .product_inview .tit_box .qna li button {display:block; width:100%; box-sizing: border-box; padding-right:25px; font-size: 16px; line-height: 1.69; letter-spacing: -0.3px; color: #4a4e5e; position: relative; text-align:left;}
    .product_cont .product_inview .tit_box .qna li button::after {content:''; width:24px; height:24px; position: absolute; right:0; top:50%; transform: translateY(-50%); background:url(//2495902.fs1.hubspotusercontent-na1.net/hubfs/2495902/raw_assets/public/midasMCAD/Coded_Files/images/product/bg_qna_off.png) no-repeat; background-size:100%;}
    .product_cont .product_inview .tit_box .qna li.on button::after {content:''; width:24px; height:24px; position: absolute; right:0; top:50%; transform: translateY(-50%); background:url(//2495902.fs1.hubspotusercontent-na1.net/hubfs/2495902/raw_assets/public/midasMCAD/Coded_Files/images/product/bg_qna_on.png) no-repeat; background-size:100%;}
    .product_cont .product_inview .tit_box .qna li p {margin:15px 0 0 20px;  font-size: 16px; line-height: 1.69; letter-spacing: -0.3px; color: #979797; display:none;}

    .product_cont .product_inview .img_box {width:688px; width: 50%;}
    .product_cont .product_inview .img_box .imgs img {width:100%;}
    .product_cont .product_inview .img_box .imgs {position: relative;}
    .product_cont .product_inview .img_box .imgs button {position: absolute; left:50%; top:50%; transform: translate(-50%, -50%);}
    .product_cont .product_inview .img_box .imgs button img {width:151px;}
    .product_cont .product_inview .img_box p {margin-top:74px; text-align:right;}
    .product_cont .product_inview .img_box p span {display:block; font-size: 14px; font-weight: 500; line-height: 1.86; letter-spacing: -0.25px; color: #b0afb7;}
    .product_cont .product_inview .img_box p strong {display:inline-block; font-size: 29px; font-weight: 500; line-height: 0.9; letter-spacing: -0.52px; color: #292929; padding-left:36px; background:url(//2495902.fs1.hubspotusercontent-na1.net/hubfs/2495902/raw_assets/public/midasMCAD/Coded_Files/images/product/icon_point.png) left center no-repeat; background-size: 24px; margin-top:3px;}


    .product_cont .product_inner {margin-top:190px;}
    .product_cont .product_inner h3 {font-size: 40px; font-weight: bold; line-height: 1.25; letter-spacing: -0.72px; text-align: center; color: #595959;}
    .product_cont .product_inner .sec01 p {font-size: 16px; line-height: 1.13; letter-spacing: -0.29px; text-align: center; color: #595959; margin-top:70px;}
    .product_cont .product_inner .sec01 .imgs {margin-top:50px; position: relative; text-align:center;}
    .product_cont .product_inner .sec01 .imgs > img {width:91%;}
    .product_cont .product_inner .sec01 .imgs span {position: absolute; right:0;}
    .product_cont .product_inner .sec01 .imgs span img {width:35px;}

    .product_cont .product_inner .sec02 {margin-top:235px;}
    .product_cont .product_inner .sec02 h3 {display:inline-block; vertical-align: top;}
    .product_cont .product_inner .sec02 p {display:inline-block; vertical-align: top; font-size: 16px; line-height: 1.13; letter-spacing: -0.29px; color: #595959; margin-left:270px;}


    /* 

    .product_cont .product_inner .sec02 ul {width:1600px; margin-left:462px; margin-top:120px;}
    .product_cont .product_inner .sec02 ul li {display:inline-block; width:478px; border-bottom:1px solid #cdcdcd;}
    .product_cont .product_inner .sec02 ul li img {height:319px;}
    .product_cont .product_inner .sec02 ul li span {display:block; font-size: 14px; font-weight: bold; line-height: 1.86; letter-spacing: -0.25px; color: #508aff; padding:15px 0;}
    .product_cont .product_inner .sec02 ul li + li {margin-left:55px;} 

    */

    /* ================ 0705 수정 ================ */

    .product_inner .sec02 .wrap{ position: relative; left: 800px; margin: 120px auto 0; transition: 0.1s; }
    .product_inner .sec02 .wrap ul{display: flex;justify-content: center;}
    .product_inner .sec02 .wrap li{ margin-right: 55px; border-bottom:1px solid #cdcdcd; }
    .product_inner .sec02 img{ height: 320px; }
    .product_inner .sec02 span{ display: block; font-size: 14px; font-weight: bold; line-height: 1.86; letter-spacing: -0.25px; color: #508aff; padding:15px 0; }

    /* ================ 0705 수정 ================ */
    




    .product_cont .product_inner .sec03 {margin-top:117px;}
    .product_cont .product_inner .sec03 h3 {text-align:left; padding-left:600px; margin-top:68px;}
    .product_cont .product_inner .sec03 p {text-align:left; padding-left:600px; font-size: 16px; line-height: 1.13; letter-spacing: -0.29px; color: #595959; margin-top:70px;}
    .product_cont .product_inner .sec03 p.blue {font-size: 22px; font-weight: bold; line-height: 1.18; letter-spacing: -0.4px; color: #508aff; margin-top:27px;}
    .product_cont .product_inner .sec03 .imgs {text-align:center; position: relative;}
    .product_cont .product_inner .sec03 .imgs > img {width:91%;}
    .product_cont .product_inner .sec03 .imgs span {position: absolute; right:0;}
    .product_cont .product_inner .sec03 .imgs span img {width:35px;}

    .product_cont .product_inner .sec04 {margin:0 auto; margin-top:130px; border-top:1px solid #d7d7d7; padding-top:240px; display:flex; align-items: center; justify-content: space-between;}
    .product_cont .product_inner .sec04 .txt { margin-right: 30px;}
    .product_cont .product_inner .sec04 .txt h3 {text-align:left;}
    .product_cont .product_inner .sec04 .txt p {text-align:left; font-size: 16px; line-height: 1.13; letter-spacing: -0.29px; color: #595959; margin-top:70px;}
    .product_cont .product_inner .sec04 .txt p strong {font-weight:bold;}
    .product_cont .product_inner .sec04 .imgs {width:56%; position: relative;}
    .product_cont .product_inner .sec04 .imgs > img {width:100%;}
    .product_cont .product_inner .sec04 .imgs span {position: absolute; left:50%; margin-left:388px;}
    .product_cont .product_inner .sec04 .imgs span img {width:35px;}

    .swiper_product {height:509px; background:#f2f2f2 url(//2495902.fs1.hubspotusercontent-na1.net/hubfs/2495902/raw_assets/public/midasMCAD/Coded_Files/images/product/bg_add_line.png) repeat; background-size:30px; box-sizing: border-box; padding-top:112px; margin-top:240px; position: relative; left:50%; transform: translateX(-50%); width:100vw;}
    .swiper_product > strong {font-size: 28px; font-weight: 500; line-height: normal; letter-spacing: -0.3px; text-align: center; color: #292929; display:block; text-align:center; padding-bottom:54px;}
    .swiper_product .swiper_wrap {max-width:1440px; position: relative; margin:0 auto;}
    .swiper_product .swiper_wrap .swiper-container {width: auto; margin:0 60px}
    .swiper_product .swiper_wrap .prev {position: absolute; left:30px; top:50%; transform: translateY(-50%);}
    .swiper_product .swiper_wrap .prev img {width:32px; transform: rotate(180deg);}
    .swiper_product .swiper_wrap .next {position: absolute; right:30px; top:50%; transform: translateY(-50%);}
    .swiper_product .swiper_wrap .next img {width:32px;}
    .swiper_product li {width:180px; height:180px; border-radius: 50%; overflow:hidden;}
    .swiper_product li .pro-itemImg {width: 100%; height: 100%; background-color: #fff; background-position: center; background-size: 60%; background-repeat: no-repeat;}
    /* .swiper_product li::after {content:'';width: 100%;height: 100%;border-radius: 50%;background-color: #fff; display: block; position: absolute; top: 0; left: 0;} */

    .real_inner {padding-bottom:65px; border-bottom:4px solid #508aff; position: relative;}
    /* .real_inner::before {content:''; position: absolute; width:100vw; height:100%; background:#fcfcfc; left:50%; top:0; transform: translateX(-50%);} */
    .real_inner .flex_box {display: flex; justify-content: space-between; position: relative; padding-bottom:160px; background:#fcfcfc; padding-top:195px;}
    /* .real_inner .flex_box .scroll_inner {position: absolute; left:0; position:sticky; position: -webkit-sticky; top:100px;} */
    .real_inner .flex_box .scroll_inner li {padding-left:22px; font-size: 16px; font-weight: 500; line-height: 20px; letter-spacing: -0.5px; color: #9a9a9a; position: relative; display:block;}
    .real_inner .flex_box .scroll_inner li + li {margin-top:21px;}
    .real_inner .flex_box .scroll_inner li::after {content:''; width:4px; height:20px; position: absolute; left:0; top:0; background:#cdcdcd;}
    .real_inner .flex_box .scroll_inner li.on {color:#3437ce;}
    .real_inner .flex_box .scroll_inner li.on::after {background:#3437ce;}
    .real_inner .flex_box .real_txt {width:1085px; padding-top:0px;}
    .real_inner .flex_box .real_txt li {padding-bottom:55px; display:flex; align-items: flex-start; border-bottom:1px solid #bfbfbf;}
    .real_inner .flex_box .real_txt li strong {font-size: 28px; line-height: 1; letter-spacing: -0.3px; color: #292929; width: 40%;}
    .real_inner .flex_box .real_txt li p {font-size: 14px; line-height: 1.29; letter-spacing: -0.18px; color: #757575;}
    .real_inner .flex_box .real_txt li p strong {font-weight:bold; margin-top:20px; font-size: 14px; line-height: 1.29; letter-spacing: -0.18px; color: #757575; display:inline-block;}
    .real_inner .flex_box .real_txt li p strong:first-child {margin-top:0;}
    .real_inner .flex_box .real_txt li + li {margin-top:55px;}
    .real_inner .flex_box .real_txt .img img {width:214px; margin-top:20px;}
    .real_inner .flex_box .real_txt .btns {margin-top:110px;}
    .real_inner .flex_box .real_txt .btns .down {display:inline-block; width: 182px; height: 50px; border: solid 1px #ffffff; background-color: #eeeeee; font-size: 14px; font-weight: bold; line-height: 50px; letter-spacing: -0.25px; color: #000145; text-align:center;}
    .real_inner .flex_box .real_txt .btns .ask {display:inline-block; width: 131px; height: 50px; background-color: #3437ce; font-size: 14px; font-weight: bold; line-height: 50px; letter-spacing: -0.25px; color: #fff; text-align:center; margin-left:14px;}

    .real_inner .center_btns {padding-top:70px; text-align:center;}
    .real_inner .center_btns .text {width:423px; display:inline-block; vertical-align:top;}
    .real_inner .center_btns .text input[type=text] {width:100%; box-sizing: border-box; height: 50px; padding: 18px 25px; background-color: #f2f2f2; font-size: 16px; font-weight: bold; line-height: 1.1; letter-spacing: -0.29px; color: #595959; border:0;}
    .real_inner .center_btns .text input[type=text]::placeholder {color: #595959; opacity: 0.3;}

    .real_inner .center_btns .link {width:230px; display:inline-block; vertical-align:top; margin-left:7px;}
    .real_inner .center_btns .link a {height: 50px; padding-left:20px; background-color: #e8f0f9; display:block; position: relative; font-size: 14px; font-weight: bold; line-height: 50px; letter-spacing: -0.25px; color: #000145; text-align:left;}
    .real_inner .center_btns .link a::after {content:''; width:19px; height:14px; position: absolute; right:20px; top:50%; transform: translateY(-50%); background:url(../../images/common/icon_arrow_more.png) no-repeat; background-size:100%;}
    .real_inner .center_btns .blue {width: 139px; height: 50px; background-color: #508aff; text-align:center; display:inline-block; margin-left:22px; font-size: 14px; font-weight: bold; line-height: 50px; letter-spacing: -0.25px; color: #ffffff;}


    .view_case {margin-top:130px;}
    .view_case .tit_box {position: relative;}
    .view_case .tit_box h3 {font-size: 28px; font-weight: 300; line-height: 1.11; letter-spacing: -0.5px; color: #595959;}
    .view_case .tit_box h3 strong {font-weight: 500;}
    .view_case .tit_box a {display: inline-block; width: 89px; height: 34px; background: #f2f2f2 url(//2495902.fs1.hubspotusercontent-na1.net/hubfs/2495902/raw_assets/public/midasMCAD/Coded_Files/images/product/bg_qna_off.png../../images/common/icon_arrow_more.png) 60px center no-repeat; background-size:auto 12px; font-size: 13px; font-weight: bold; line-height: 34px; letter-spacing: -0.23px; color: #979797; padding-left:12px; box-sizing: border-box; position: absolute; right:0; top:0;}
    .view_case ul {display:flex; justify-content: space-between; margin-top:50px;}
    .view_case ul a {display:block;}
    .view_case ul dl {width: 324px; height: 404px; border-radius: 10px; border: solid 1px #ebebeb; background-color: #ffffff; overflow:hidden;}
    .view_case ul dl dt {position: relative;}
    .view_case ul dl dt > img {width:324px; height:240px;}
    .view_case ul dl dt div {position: absolute; left:0; bottom:0; width:100%; text-align:right; background-color: #508aff; height:34px; padding-right:20px; box-sizing: border-box; display:none;}
    .view_case ul dl dt div span {font-size: 12px; font-weight: bold; line-height: 34px; letter-spacing: -0.22px; color: #ffffff; padding-right:28px; display:inline-block; background:url(//2495902.fs1.hubspotusercontent-na1.net/hubfs/2495902/raw_assets/public/midasMCAD/Coded_Files/images/product/bg_arrow_white2.png) right center no-repeat; background-size:17px auto;}
    .view_case ul dl dd {padding:30px;}
    .view_case ul dl dd strong {display:block; font-size: 16px; font-weight: bold; line-height: 1.13; letter-spacing: -0.29px; color: #474747;}
    .view_case ul dl dd p {margin-top:20px; font-size: 14px; line-height: 1.29; letter-spacing: -0.25px; color: #858585;}
    .view_case ul dl dd div {margin-top:12px;}
    .view_case ul dl dd div span {font-size: 12px; font-weight: bold; line-height: 1.5; letter-spacing: -0.22px; color: #508aff; display:inline-block;}
    .view_case ul dl dd div span + span {margin-left:5px;}
    .view_case ul a:hover dl {box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, 0.1); border: solid 1px #508aff;}
    .view_case ul a:hover dl dt div {display:block;}
    .view_case + .pro_tabs {margin-top:200px;}



    .pro_2 .product_cont .product_inview .tit_box .abs_bot .bot_ctns .blue {background-color:#3437ce;}
    .pro_3 .product_cont .product_inview .tit_box .abs_bot .bot_ctns .blue {background-color:#f43442;}

    .pro2_section {}
    .product_cont .pro2_section p.blue {font-size: 22px; font-weight: bold; line-height: 1.18; letter-spacing: -0.4px; color: #3437ce;}

    .product_cont .pro2_section .section01 {margin-top:190px; padding-top:160px; padding-left:60%; position: relative;}
    .product_cont .pro2_section .section01 h3 {text-align:left;}
    .product_cont .pro2_section .section01 p.normal {font-size: 16px; line-height: 1.13; letter-spacing: -0.29px; text-align: left; color: #595959; margin-top:70px;}
    .product_cont .pro2_section .section01 p.blue {margin-top:27px;}
    .product_cont .pro2_section .section01 .imgs {position: absolute; right:55%; top:0;}
    .product_cont .pro2_section .section01 .imgs > img {width:1024px;}
    .product_cont .pro2_section .section01 .imgs span {position: absolute; right:-50px; top:0;}
    .product_cont .pro2_section .section01 .imgs span img {width:35px;}


    .product_cont .pro2_section .section02 {margin-top:430px; padding-left:30%; position: relative;}
    .product_cont .pro2_section .section02 h3 {text-align:left; display:inline-block; vertical-align: top;}
    .product_cont .pro2_section .section02 p.normal {font-size: 16px; line-height: 1.13; letter-spacing: -0.29px; text-align: left; color: #595959; display:inline-block;  vertical-align: top; margin-left:200px; vertical-align: top}
    .product_cont .pro2_section .section02 .imgs_box {position: relative; margin-top:122px; width:1920px;}
    .product_cont .pro2_section .section02 .imgs_box li {border-bottom:1px solid #cdcdcd; display:inline-block;}
    .product_cont .pro2_section .section02 .imgs_box li img {height:319px;}
    .product_cont .pro2_section .section02 .imgs_box li p {display:block; font-size: 14px; font-weight: bold; line-height: 1.86; letter-spacing: -0.25px; color: #508aff; padding:15px 0;}
    .product_cont .pro2_section .section02 .imgs_box li + li {margin-left:55px;}

    .product_cont .pro2_section .section03 {margin-top:270px; padding-top:407px; padding-left:0%; position: relative;}
    .product_cont .pro2_section .section03 h3 {text-align:left;}
    .product_cont .pro2_section .section03 p.normal {font-size: 16px; line-height: 1.13; letter-spacing: -0.29px; text-align: left; color: #595959; margin-top:70px;}
    .product_cont .pro2_section .section03 p.blue {margin-top:27px;}
    .product_cont .pro2_section .section03 > strong {font-size: 16px; font-weight: bold; line-height: 1.13; letter-spacing: -0.29px; color: #292929; display:inline-block; margin-top:28px;}
    .product_cont .pro2_section .section03 .imgs {position: absolute; left:55%; top:0;}
    .product_cont .pro2_section .section03 .imgs > img {width:1071px;}
    .product_cont .pro2_section .section03 .imgs span {position: absolute; left:-50px; top:0;}
    .product_cont .pro2_section .section03 .imgs span img {width:35px;}

    .product_cont .pro2_section .section04 {margin-top:408px; padding-left:60%; position: relative; padding-bottom:480px;}
    .product_cont .pro2_section .section04 h3 {text-align:left;}
    .product_cont .pro2_section .section04 p.normal {font-size: 16px; line-height: 1.13; letter-spacing: -0.29px; text-align: left; color: #595959; margin-top:27px;}
    .product_cont .pro2_section .section04 p.blue {margin-top:70px;}
    .product_cont .pro2_section .section04 .imgs_box {position: absolute; right:45%; top:180px;}
    .product_cont .pro2_section .section04 .imgs_box li {border-bottom:1px solid #cdcdcd; display:inline-block; vertical-align: top;}
    .product_cont .pro2_section .section04 .imgs_box li img {height:109px;}
    .product_cont .pro2_section .section04 .imgs_box li p {display:block; font-size: 14px; font-weight: bold; line-height: 1.86; letter-spacing: -0.25px; color: #508aff; padding:15px 0; margin-top:0;}
    .product_cont .pro2_section .section04 .imgs_box li + li {margin-left:55px;}

    .product_cont .pro2_section .section05 {margin-top:270px; padding-top:185px; padding-left:0%; position: relative;}
    .product_cont .pro2_section .section05 h3 {text-align:left;}
    .product_cont .pro2_section .section05 p.normal {font-size: 16px; line-height: 1.13; letter-spacing: -0.29px; text-align: left; color: #595959; margin-top:70px;}
    .product_cont .pro2_section .section05 p.blue {margin-top:27px;}
    .product_cont .pro2_section .section05 > strong {font-size: 16px; font-weight: bold; line-height: 1.13; letter-spacing: -0.29px; color: #292929; display:inline-block; margin-top:28px;}
    .product_cont .pro2_section .section05 .imgs {position: absolute; left:55%; top:0;}
    .product_cont .pro2_section .section05 .imgs > img {width:1024px;}
    .product_cont .pro2_section .section05 .imgs span {position: absolute; left:-50px; top:0;}
    .product_cont .pro2_section .section05 .imgs span img {width:35px;}



    /* 20210705 추가 */
    .pro_3 .product_cont .product_inview {border-color:#f43442;}


    .product_cont .pro3_section .section01 {margin-top:125px; position: relative; padding-bottom:105px;}
    .product_cont .pro3_section .section01 h3 {text-align:center; font-size: 27px; font-weight: bold; line-height: 1.6; letter-spacing: -0.45px; color: #f43442; padding-bottom:67px; background:url(//2495902.fs1.hubspotusercontent-na1.net/hubfs/2495902/raw_assets/public/midasMCAD/Coded_Files/images/product/img_pro03_bg01.png) center bottom no-repeat; background-size:97px;}
    .product_cont .pro3_section .section01 ul {text-align:center; padding:0 100px;}
    .product_cont .pro3_section .section01 ul li {display:inline-block; width:25%; vertical-align: top;}
    .product_cont .pro3_section .section01 ul li dt img {width:110px;}
    .product_cont .pro3_section .section01 ul li dd h4 {font-size: 21.6px; line-height: 1; letter-spacing: -0.36px; text-align: center; color: #292929; }
    .product_cont .pro3_section .section01 ul li dd p {font-size: 12.6px; line-height: 1.64; letter-spacing: -0.21px; text-align: center; color: #757575; margin-top:20px;}
    .product_cont .pro3_section .section01 ul li dd p strong {font-weight: bold; color: #292929;}
    .product_cont .pro3_section .section01 ul li + li {position: relative;}
    .product_cont .pro3_section .section01 ul li + li::after {content:''; width:60px; height:22px; position: absolute; left:-30px; top: 100px; background:url(//2495902.fs1.hubspotusercontent-na1.net/hubfs/2495902/raw_assets/public/midasMCAD/Coded_Files/images/product/bg_arrow_red.png) no-repeat; background-size: 100% auto;}


    .product_cont .pro3_section .section02 {padding-top:240px; height:1080px; background:#e9e9e9 url(//2495902.fs1.hubspotusercontent-na1.net/hubfs/2495902/raw_assets/public/midasMCAD/Coded_Files/images/product/img_pro03_01.png) center bottom no-repeat; background-size: auto 1080px; position: relative; width:100vw; left:50%; transform: translateX(-50%); box-sizing: border-box; padding-left:15%;}
    .product_cont .pro3_section .section02 h3 {text-align:left; font-size: 40px; font-weight: bold; line-height: 1.33; letter-spacing: -0.72px; color: #292929;}
    .product_cont .pro3_section .section02 ul {text-align:left; margin-top:70px;}
    .product_cont .pro3_section .section02 ul li {display:inline-block; vertical-align: top;}
    .product_cont .pro3_section .section02 ul li + li {margin-left:150px;}
    .product_cont .pro3_section .section02 ul li strong {font-size: 22px; font-weight: bold; line-height: 1.18; letter-spacing: -0.4px; color:#f43442;}
    .product_cont .pro3_section .section02 ul li p {font-size: 16px; line-height: 1.13; letter-spacing: -0.29px; color: #595959; margin-top:27px;}

    .product_cont .pro3_section .section03 {box-sizing: border-box; padding-left:10vw; margin-top:270px; position: relative; padding-bottom:600px;}
    .product_cont .pro3_section .section03 h3 {text-align:left;  width:24vw; display:inline-block; vertical-align: top;}
    .product_cont .pro3_section .section03 .txt p {font-size: 16px; line-height: 1.13; letter-spacing: -0.29px; color: #595959; display:inline-block;}
    .product_cont .pro3_section .section03 .imgs_box {position: absolute; left:34vw; width:1920px; top:200px;}
    .product_cont .pro3_section .section03 .imgs_box li {border-bottom:1px solid #cdcdcd; display:inline-block; vertical-align: top;}
    .product_cont .pro3_section .section03 .imgs_box li img {height:319px;}
    .product_cont .pro3_section .section03 .imgs_box li p {display:block; font-size: 14px; font-weight: bold; line-height: 1.86; letter-spacing: -0.25px; color: #f43442; padding:15px 0; margin-top:0;}
    .product_cont .pro3_section .section03 .imgs_box li + li {margin-left:55px;}

    .product_cont .pro3_section .section04 {box-sizing: border-box; padding-left:50%; margin-top:300px; position: relative;}
    .product_cont .pro3_section .section04 .txt {padding-top:100px;}
    .product_cont .pro3_section .section04 h3 {text-align:left;}
    .product_cont .pro3_section .section04 .txt p {font-size: 16px; line-height: 1.13; letter-spacing: -0.29px; color: #595959; margin-top:70px;}
    .product_cont .pro3_section .section04 .red {display:block; margin-top:115px; font-size: 22px; font-weight: bold; line-height: 1.18; letter-spacing: -0.4px; color: #f43442;}
    .product_cont .pro3_section .section04 .red + p {margin-top:40px;}
    .product_cont .pro3_section .section04 .imgs {position: absolute; right:60%; top:0;}
    .product_cont .pro3_section .section04 .imgs > img {width:1422px;}
    .product_cont .pro3_section .section04 .imgs span {position: absolute; right:-50px; top:0;}
    .product_cont .pro3_section .section04 .imgs span img {width:35px;}

    .product_cont .pro3_section .section05 {box-sizing: border-box; padding-left:10vw; margin-top:440px; position: relative; padding-bottom:600px;}
    .product_cont .pro3_section .section05 h3 {text-align:left;  width:24vw; display:inline-block; vertical-align: top;}
    .product_cont .pro3_section .section05 .txt p {font-size: 16px; line-height: 1.13; letter-spacing: -0.29px; color: #595959; display:inline-block;}
    .product_cont .pro3_section .section05 .txt p strong {font-weight: bold;}
    .product_cont .pro3_section .section05 .imgs_box {position: absolute; left:34vw; width:1920px; top:200px;}
    .product_cont .pro3_section .section05 .imgs_box li {border-bottom:1px solid #cdcdcd; display:inline-block; vertical-align: top;}
    .product_cont .pro3_section .section05 .imgs_box li img {height:278px;}
    .product_cont .pro3_section .section05 .imgs_box li p {display:block; font-size: 14px; font-weight: bold; line-height: 1.86; letter-spacing: -0.25px; color: #f43442; padding:15px 0; margin-top:0;}
    .product_cont .pro3_section .section05 .imgs_box li + li {margin-left:55px;}


    .product_cont .pro3_section .section06 {box-sizing: border-box; padding-left:10vw; margin-top:300px; position: relative;}
    .product_cont .pro3_section .section06 .txt {padding-top:100px;}
    .product_cont .pro3_section .section06 h3 {text-align:left;}
    .product_cont .pro3_section .section06 h3 + .red {margin-top:70px;}

    .product_cont .pro3_section .section06 .txt p {font-size: 16px; line-height: 1.13; letter-spacing: -0.29px; color: #595959; margin-top:70px;}
    .product_cont .pro3_section .section06 .red {display:block; margin-top:150px; font-size: 22px; font-weight: bold; line-height: 1.18; letter-spacing: -0.4px; color: #f43442;}
    .product_cont .pro3_section .section06 .red + p {margin-top:40px;}
    .product_cont .pro3_section .section06 .imgs {position: absolute; left:60%; top:0;}
    .product_cont .pro3_section .section06 .imgs > img {width:1422px;}
    .product_cont .pro3_section .section06 .imgs span {position: absolute; left:-50px; top:0;}
    .product_cont .pro3_section .section06 .imgs span img {width:35px;}


    .product_cont .pro3_section .section07 {box-sizing: border-box; padding-left:53%; margin-top:430px; position: relative;}
    .product_cont .pro3_section .section07 .txt {padding-top:120px;}
    .product_cont .pro3_section .section07 h3 {text-align:left;}
    .product_cont .pro3_section .section07 .txt p {font-size: 16px; line-height: 1.13; letter-spacing: -0.29px; color: #595959; margin-top:70px;}
    .product_cont .pro3_section .section07 .red {display:block; margin-top:115px; font-size: 22px; font-weight: bold; line-height: 1.18; letter-spacing: -0.4px; color: #f43442;}
    .product_cont .pro3_section .section07 .red + p {margin-top:40px;}
    .product_cont .pro3_section .section07 .imgs {position: absolute; right:55%; top:0;}
    .product_cont .pro3_section .section07 .imgs > img {width:661px;}
    .product_cont .pro3_section .section07 .imgs span {position: absolute; right:-50px; top:0;}
    .product_cont .pro3_section .section07 .imgs span img {width:35px;}


    .pro_3 .real_inner .flex_box .scroll_inner li.on {color:#f43442;}
    .pro_3 .real_inner .flex_box .scroll_inner li.on::after {background-color:#f43442;}

    /* 20210705 추가 */



    /* 2021-07-06 */

    .pay_tit {margin-top : 100px}
    .pay_info {}
    .pay_info .pay_tit h2 {font-size: 50px; font-weight: 500; line-height: 1.06; letter-spacing: -0.9px; color: #292929; margin-top: 208px; }
    .pay_info .pay_tit p {font-size: 22px; font-weight: 500; line-height: 1.18; letter-spacing: -0.4px; color: #979797; margin-top:18px;}
    .pay_info .pay_tabs {margin-top:42px; position: relative; border-bottom:4px solid #3437ce;}
    .pay_info .pay_tabs > span {position: absolute; right:0; top:51%; transform: translateY(-50%); font-size: 14px; line-height: 1.43; text-align: right; color: #3437ce; padding-left:24px; background:url(//2495902.fs1.hubspotusercontent-na1.net/hubfs/2495902/raw_assets/public/midasMCAD/Coded_Files/images/price/count02.png) left center no-repeat; background-size:17px;}
    .pay_info .pay_tabs > span strong {font-weight:bold;}
    .pay_info .pay_tabs ul {text-align:center;}
    .pay_info .pay_tabs ul li {display:inline-block;}
    .pay_info .pay_tabs ul li a {width: 158px; height: 54px; border: solid 1px #cdcdcd; background-color: #ffffff; text-align:center; font-size: 18px; font-weight: bold; line-height: 54px; color: #3437ce; display:inline-block; border-bottom:0;}
    .pay_info .pay_tabs ul li.on a {background:#3437ce; color:#fff;}

    .pay_info .pay_select ul {display: flex; justify-content: space-between; margin-top:70px;}
    .pay_info .pay_select ul li {width: 440px; height: 754px; padding: 40px 40px 40px 40px; border: solid 1px #cdcdcd; background-color: #ffffff; box-sizing: border-box; position: relative;}
/* 	.pay_info .pay_select ul li.on {border: solid 3px #4a4e5e;} */
    .pay_info .pay_select ul li .imgs img {height:64px;}
    .pay_info .pay_select ul li > strong {display:block; font-size: 34px; font-weight: bold; line-height: 1; letter-spacing: -0.4px; color: #508aff; margin-top:40px;}
    .pay_info .pay_select ul li > strong span {display:inline-block; width: 86px; height: 31px; border-radius: 21px; background-color: #f43442; font-size: 15px; font-weight: bold; line-height: 31px; letter-spacing: -0.27px; text-align: center; color: #ffffff; vertical-align: top;}
    .pay_info .pay_select ul li .pay_box {margin-top:55px; display: flex; justify-content: space-between; align-items: center; padding-bottom:10px; border-bottom:1px solid #979797;}
    .pay_info .pay_select ul li .pay_box > span {font-size: 16px; font-weight: bold; line-height: 1; letter-spacing: normal; color: #292929;}
    .pay_info .pay_select ul li .pay_box > p {padding-left:25px; background:url(//2495902.fs1.hubspotusercontent-na1.net/hubfs/2495902/raw_assets/public/midasMCAD/Coded_Files/images/common/icon_won.png) left center no-repeat; background-size:19px;}
    .pay_info .pay_select ul li .pay_box > p strong {font-size: 40px; font-weight: bold; line-height: 1; letter-spacing: -0.2px; color: #292929;}
    .pay_info .pay_select ul li .pay_box > p span {display:block; text-align:right; margin-top:6px; font-size: 14px; line-height: 1; letter-spacing: -0.16px; color: #292929;}
    .pay_info .pay_select ul li .txt {font-size: 14px;  line-height: 1.57; letter-spacing: -0.3px; color: #595959; margin-top:20px; height:100px;}
    .pay_info .pay_select ul li .txt strong {font-weight: bold;}
    .pay_info .pay_select ul li .option { font-size: 16px; font-weight: bold; line-height: 1; letter-spacing: normal; color: #292929; text-decoration: underline; position: relative;}
    .pay_info .pay_select ul li .option .inner_word {position: absolute; left:10%; bottom:30px;  width: 206px; height: 71px; padding: 10px 9px 13px 11px; border-radius: 6px; box-shadow: 2px 3px 4px 0 rgba(0, 0, 0, 0.1); border: solid 1px #1e2029; background-color: #4a4e5e; font-size: 12px; font-weight: bold; line-height: 1.33; letter-spacing: -0.2px; color: #e8f0f9; box-sizing: border-box; display:none;}
    .pay_info .pay_select ul li .option:hover .inner_word {display:block;}
    .pay_info .pay_select ul li .btns {position: absolute; left:0; bottom:0; padding:40px; width:100%; box-sizing: border-box;}
    .pay_info .pay_select ul li .btns button {height: 58px; margin-top:10px; background-color: #4f4f4f; font-size: 18px; font-weight: bold; line-height: 1; letter-spacing: -0.2px; color: #ffffff; width:100%;}
    .pay_info .pay_select ul li .btns button:nth-child(2) {background:#508aff;}
    .pay_info .pay_select ul li:nth-child(1) .option {text-decoration: none;}
    .pay_info .pay_select ul li:nth-child(2) > strong {color:#3437ce;}
    .pay_info .pay_select ul li:nth-child(2) .btns button:nth-child(2) {background:#3437ce;}
    .pay_info .pay_select ul li:nth-child(3) > strong {color:#f43442;}
    .pay_info .pay_select ul li:nth-child(3) .btns button:nth-child(2) {background:#f43442;}
/*     .pay_info .pay_select ul li:nth-child(3) {border:3px solid #4a4e5e;} */

    .pay_info .pay_select.years ul li {height:848px;}
    .pay_info .pay_select.years ul li .pay_box {border-bottom:1px dashed #979797;}
/*     .pay_info .pay_select.years ul li:nth-child(3)::after {content:''; width:116px; height:116px; position: absolute; right:0; top:0; background:url(//2495902.fs1.hubspotusercontent-na1.net/hubfs/2495902/raw_assets/public/midasMCAD/Coded_Files/images/common/img_event_pay.png) no-repeat; background-size:100%;} */
    .pay_info .pay_select ul li .pay_box + .pay_box{ border-bottom:1px solid #979797; margin-top:20px;}


    .pay_info .all_call {margin-top:67px; position: relative; width:100vw; left:50%; transform: translateX(-50%); padding:40px 0 45px; text-align:center; background:#eaeaea;}
    .pay_info .all_call p { font-size: 14px; line-height: 1.57; letter-spacing: -0.3px; text-align: center; color: #595959;}
    .pay_info .all_call p strong { font-weight: bold;}
    .pay_info .all_call a {display:inline-block; padding-left:27px; font-size: 18px; font-weight: 500; line-height:20px; letter-spacing: -0.2px; color: #292929; background:url(//2495902.fs1.hubspotusercontent-na1.net/hubfs/2495902/raw_assets/public/midasMCAD/Coded_Files/images/common/icon_phone.png) left center no-repeat; background-size:20px; margin-top:25px;}

    .pay_info .qna_mini {width:910px; margin:0 auto; margin-top:100px;}
	
	

	
    .pay_info .qna_mini h3 {font-size: 20px; font-weight: bold; line-height: 1; letter-spacing: -0.36px; text-align: center; color: #0c0e8d;}
    .pay_info .qna_mini ul {margin-top:50px;}
    .pay_info .qna_mini ul button {width:100%; height:65px; padding-left:50px; box-sizing: border-box; font-size: 16px; font-weight: bold; line-height: 1; letter-spacing: normal; color: #292929; background:url(//2495902.fs1.hubspotusercontent-na1.net/hubfs/2495902/raw_assets/public/midasMCAD/Coded_Files/images/common/icon_q.png) 15px center no-repeat; background-size:20px; text-align:left;}
/*     .pay_info .qna_mini ul p {border-top:1px dashed #b0afb7; font-size: 14px; line-height: 1.14; color: #292929; padding:20px 0 45px 50px; background:url(//2495902.fs1.hubspotusercontent-na1.net/hubfs/2495902/raw_assets/public/midasMCAD/Coded_Files/images/common/icon_a.png) 15px 18px no-repeat; background-size:20px; display:none; } */
    .pay_info .qna_mini ul .on button {background:url(//2495902.fs1.hubspotusercontent-na1.net/hubfs/2495902/raw_assets/public/midasMCAD/Coded_Files/images/common/icon_q_on.png) 15px center no-repeat; background-size:20px;}
    .pay_info .qna_mini ul .on p {display:block;}
/* 	  .pay_info .qna_mini ul p {border-top:1px dashed #b0afb7; font-size: 14px; line-height: 1.14; color: #292929; padding:20px 0 45px 50px; display:none;} */
		.pay_info .qna_mini ul li p {
			display: none;
			margin: 15px 0 0 20px;
			font-size: 16px;
			line-height: 1.69;
			letter-spacing: -0.3px;
			color: #979797;
		}
    .pay_info .qna_mini ul li {border-bottom:1px solid #b0afb7;}
	
	

/* 	0715 jungeun */
	
/* 	
	
	.body-container-wrapper .row-fluid {
		width : 100%;
		margin : 0 auto;
		text-align : center;
		align-items : center;
		float : none;
		left : 0;
		right : 0;
		border : 3px solid skyblue;
		display : flex;
		padding : 0;
		
	} */

/*     .pay_info .tech_text {margin-top:100px; padding:100px 0; position: relative; width:100vw; left:50%; transform: translateX(-50%); background:#fcfcfc; } */
	  .pay_info .tech_text {margin-top:100px; padding:100px 0; position: relative; display: flex; justify-content: center; background:#fcfcfc; text-align}

    .pay_info .tech_text .inner {width:910px; margin:0 auto;}
    .pay_info .tech_text h3 {font-size: 28px; line-height: 1; letter-spacing: -0.3px; color: #292929;}
    .pay_info .tech_text .tableSt01 {margin-top:60px;}
    .pay_info .tech_text .tableSt01 thead th {height:48px; border:solid 0.5px rgba(12, 14, 141, 0.4);}
    .pay_info .tech_text .tableSt01 thead td {height:48px; border:solid 0.5px rgba(12, 14, 141, 0.4);}
    .pay_info .tech_text .tableSt01 thead th.col01 {background:#0c0e8d;}
    .pay_info .tech_text .tableSt01 thead th.col02 {  background-color: rgba(12, 14, 141, 0.4);}
    .pay_info .tech_text .tableSt01 thead th strong {font-size: 19.8px; font-weight: 500; line-height: 1; color: #ffffff;}
    .pay_info .tech_text .tableSt01 tbody th {background:rgba(246, 246, 246, 0.6); height:50px; border:solid 0.5px rgba(12, 14, 141, 0.4);}
    .pay_info .tech_text .tableSt01 tbody td {border:solid 0.5px rgba(12, 14, 141, 0.4);}
    .pay_info .tech_text .tableSt01 tbody td.col_td01 { background-color: rgba(155, 199, 255, 0.1);}
    .pay_info .tech_text .tableSt01 tbody td.col_td02 { background-color: rgba(52, 55, 206, 0.1);}
    .pay_info .tech_text .tableSt01 tbody td.col_td03 { background-color: rgba(244, 52, 66, 0.1);}
    .pay_info .tech_text .tableSt01 tbody td p {font-size: 13.5px; font-weight: 500; line-height: normal; letter-spacing: -0.45px; text-align: center; color: #1b1b1b; padding:10px 0;}
    .pay_info .tech_text .tableSt01 tbody td p span {color:#787878;}
    .pay_info .tech_text .tableSt01 tbody td p.tit {font-size: 16.2px; font-weight: bold; line-height: normal; letter-spacing: -0.45px; color: #1b1b1b;}
    .pay_info .tech_text .tableSt01 tbody th strong {font-size: 16.2px; font-weight: 500; line-height:1.4; letter-spacing: -0.45px; color: #1b1b1b; padding:10px 0;}
    .pay_info .tech_text .tableSt01 tbody th.none {background:#fff;}
    .pay_info .tech_text .tableSt01 tbody th p {font-size: 13.5px; font-weight: 500; line-height: 1.26; letter-spacing: -0.42px; color: #606060; padding:10px; text-align:left;} 
    .pay_info .tech_text .tableSt01 tbody th p span {font-size: 9.9px; font-weight: 500; line-height: normal; letter-spacing: -0.41px; color: #606060;} 
    .pay_info .btns_box { display: flex;  justify-content: center; margin-top:70px; text-align:center; align-items: center;}
    .pay_info .btns_box button {height: 50px; background-color: #3437ce; font-size: 14px; font-weight: bold; line-height: 0.93; letter-spacing: -0.25px;  color: #ffffff; padding:0 24px;}
    .pay_info .btns_box button.gray {background:#eee; font-size: 14px; font-weight: bold; line-height: 0.93; letter-spacing: -0.25px; color: #000145;}
    .pay_info .btns_box button + button {margin-left:14px;}
    .pay_info .btns_box .blue {display: flex; height: 50px; align-items: center; background-color: #3437ce; font-size: 14px; font-weight: bold; line-height: 0.93; letter-spacing: -0.25px;  color: #ffffff; padding:0px 24px; margin:14px;}}

/* body > div.body-container-wrapper > div > div > div > div > div > div > div > div.row-fluid-wrapper.row-depth-1.row-number-6 > div > div > div > div {
	display: flex;
} */



/* 0713 jungeun */
/* 0714 jungeun */

@media all and (max-width: 1024px) {

	.pay_info .qna_mini ul p img{
		width: auto; 
	  height: auto;
    max-width: 800px;
    max-height: 800px;
    object-fit: cover;
	}
	.pay_info .tech_text {
    padding: 50px 24px 50px 24px;
	}
  
  .pay_info .btns_box .blue {background-color: #3437ce; font-size: 14px; font-weight: bold; line-height: 0.93; letter-spacing: -0.25px;  color: #ffffff; padding:10px 24px; margin:14px;}
}

@media all and (max-width: 768px) {

	.pay_info .qna_mini ul p img{
		width: auto; 
	  height: auto;
    max-width: 500px;
    max-height: 500px;
    object-fit: cover;
	}

  
  .pay_info .btns_box .blue {background-color: #3437ce; font-size: 14px; font-weight: bold; line-height: 0.93; letter-spacing: -0.25px;  color: #ffffff; padding:10px 24px; margin:14px;}
	
}

@media all and (max-width: 425px) {

	.pay_info .qna_mini ul p img{
		width: auto; 
	  height: auto;
    max-width: 300px;
    max-height: 300px;
    object-fit: cover;
	}
  
  .pay_info .btns_box .blue {background-color: #3437ce; font-size: 14px; font-weight: bold; line-height: 0.93; letter-spacing: -0.25px;  color: #ffffff; padding:10px 24px; margin:14px;}
/* 	.pay_info .tech_text {
		padding : 50px 0px 50px 50px;
	} */
/* 	 .pay_info .tech_text {margin-top:100px; padding:100px 0; position: relative; display: flex; background:#fcfcfc; text-align} */
}


/* 0713 */



.body-container-wrapper {
display: flex;
    justify-content: center;
  
}