@charset "utf-8";

video{ width: 100%; }


.pro_3 .real_inner {
    border: none !important;
}

/*애니메이션속성 추가*/
.object { animation-name: 1s; animation-duration: 2s; animation-delay: 1s; animation-direction: alternate; animation-iteration-count: 3; animation-play-state: paused; animation-timing-function: 1s; animation-fill-mode: both; }
/*애니메이션속성 추가*/


/* 전체 공통 적용 */
    .product_cont .product_inner .imgs div {width: 100%;padding:15px;background-color: #f7f9fb; box-shadow: inset 0 0 3px 0 #e4e7e9;border-radius: 6px;border: solid 1px #e9edf3;}
/*     .product_cont .product_inner .imgs div video, */
    .product_cont .product_inner .imgs div img {width: 100%;}
    /* 7/14 반응형으로 이사 */
/*     .product_cont .product_inner .imgs div.video video{width: 570px} */

    /* ---------- 7울 8일 추가 ----------*/ /*모바일 버전 추가*/
    .product_cont .bottom_box .bot_ctns {width: 80%; display: flex; align-items: center;}
    /* ---------- 7울 8일 추가 ----------*/
    

.product_inner .sec02 .wrap{ position: relative; left: 800px; margin: 120px auto 0; transition: 0.1s; }
.product_inner .sec02 .archi{ position: relative; left: -10px; 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; }    
.product_inner .sec02 span .red{ display: block; font-size: 14px; font-weight: bold; line-height: 1.86; letter-spacing: -0.25px; color: #f43442; padding:15px 0; }


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

    .product_cont .product_inner .imgs span img {display: block;}
  
    
    
    
/*상단 제품메뉴 선택*/
    .pro_tabs {display:flex; justify-content: center; margin-top: 40px;}
    .pro_tabs li {width:258px; display: flex; align-items: center; justify-content: center; background:#f8f8f8; height:135px; text-align: center;}
    .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(1).on {border-color:#f43442;}
    .pro_tabs li:nth-child(1).on p {color:#f43442;}
/*상단 제품메뉴 선택*/


/*제품 소개 최종 버전입니다. 0712*/
    .product_cont .product_inview {margin-top:150px; padding-bottom:80px; border-bottom:4px solid #508aff;}
    /* 수정 */
/*     .product_cont .product_inview .top_txt {margin: 0px; margin-bottom: -90px;} */
        /* 수정 */
    .product_cont .product_inview .top_txt h2 {font-size: 45px; font-weight: bold; line-height: 1.4; letter-spacing: -0.9px; color: #292929;}
    .product_cont .product_inview .top_txt p {font-size: 22px; font-weight: 500; line-height: 1.18; letter-spacing: -0.4px; color: #303030; margin-top:18px; margin-bottom: 16px;}
    .product_cont .product_inview .cont_box {display: flex; justify-content: space-between; align-items: flex-end;}
    .product_cont .product_inview .cont_box .abs_bot {width: 43%; min-width: 360px; margin-right:7%}
    .product_cont .product_inview .cont_box .abs_bot .con-link {line-height:30px; font-weight:500; color:#868687;}
    .product_cont .product_inview .cont_box .qna {}
    .product_cont .product_inview .cont_box .qna li {padding:16px 0; border-bottom:1px solid #cdcdcd;}
    .product_cont .product_inview .cont_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 .cont_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 .cont_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 .cont_box .qna li p {margin:15px 0 0 0;  font-size: 16px; line-height: 1.69; letter-spacing: -0.3px; color: #979797; display:none;}
    .product_cont .product_inview .cont_box .qna li p a { font-size: 16px; text-decoration: underline; color: #508aff}
    .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 .bottom_box {display: flex; align-items: center; justify-content: space-between; padding-top: 47px;}
    .product_cont .product_inview .bottom_box .bot_ctns {
      display: flex;
      flex-wrap: wrap;
      justify-content: stretch;
      width: 85%;
    }
    .product_cont .product_inview .bottom_box .bot_ctns a {display:inline-block; vertical-align: middle;}
    .product_cont .product_inview .bottom_box .bot_ctns .blue {width:157px; height:52px; padding:0 0 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:12px; box-sizing: border-box; font-size: 14px; font-weight: bold; line-height: 50px; letter-spacing: -0.25px; color: #ffffff; transition: .5s;}
    .product_cont .product_inview .bottom_box .bot_ctns a:hover .blue; {background:#232323 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; transition: .5s;}
    .product_cont .product_inview .bottom_box .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:12px;}
    .product_cont .product_inview .bottom_box .bot_ctns .inview {font-size: 16px; line-height: 1.93; letter-spacing: -0.25px; color: #757575; text-decoration: underline;}
    .product_cont .product_inview .bottom_box p {text-align: right;}
    .product_cont .product_inview .bottom_box span {font-size: 14px;font-weight: 500;font-stretch: normal;font-style: normal;line-height: 1.86;letter-spacing: -0.25px;color: #b0afb7;}
    .product_cont .product_inview .bottom_box strong {
				display: inline-block;
				font-size: 25px;
				font-weight: 500;
				line-height: .9;
				letter-spacing: -0.52px;
				color: #292929;
				padding-left: 27px;
  			background-image: url(//2495902.fs1.hubspotusercontent-na1.net/hubfs/2495902/raw_assets/public/midasMCAD/Coded_Files/images/common/icon_phone.png);
				background-size: 22px;
				margin-top: 3px;
				font-style: normal;
				background-repeat: no-repeat;
				background-position: left;
				margin-bottom: 0px;
		}


    /* sec01 */
    .sec01 {margin: 160px 30px;}
    .sec01 h3{ margin-bottom: 70px; text-align: center; font-size: 36px; font-weight: bold; line-height: 1.23; letter-spacing: -0.72px; color: #595959; animation-duration: 2s; animation-name: slidein; }

   /*  @keyframes slidein {
      from {
        margin-bottom: 150px;
        padding-top: 20px;
        }
      to {
        margin-bottom: 70px;
        padding-top: 0px;
        }
      }*/



    .sec01 p{ text-align: center; font-size: 16px; line-height: 1.13; letter-spacing: -0.29px; color: #595959; }
    .sec01 .imgs{ position: relative; width: 91%; margin: 34px auto 0; padding-bottom: 44px; }
    .product_cont .product_inner .sec01 .imgs div {width: 100%; padding-top: 15px;background:center/contain no-repeat; margin: 0 auto;}
    .sec01 .imgs span{ position: absolute; right: 15px; top: 15px; }
    .sec01 .imgs span img{ width: 100%; }

    /* sec02 */
    .sec02 { margin: 178px 0px; }
    .sec02 .text{ display: table;} 
    
/*  0716 jungeun */
    
    
    .sec02 .text h3{ display: table-cell; vertical-align: top; padding-right: 225px; font-size: 36px; font-weight: 700; line-height: 1.25; color: #595959; }
    .sec02 .text p{ display: table-cell; vertical-align: top; font-size: 16px; line-height:2; color: #595959; line-height : 2;}
    .sec02 .wrap{ width: 1500px; } 
    .sec02 .wrap li img{ height: 270px; }

    /* sec03 */
    .sec03{ margin-top: 224px; text-align: center; margin:0 30px; }
    .sec03 .imgs{ position: relative; margin-bottom: 10px; padding-bottom: 44px; width: 91%; margin:0 auto;}
    .sec03 .imgs div {width: 100%; padding-top: 62.25%;background:center/contain no-repeat; margin: 0 auto;}
    .sec03 img{ width: 100%; }
    .sec03 span{ position: absolute; bottom: 0; right: 0; display: block; width: 32px; height: 32px; text-indent: -9999px; background: url(../../images/product/plus-bt.svg) center/contain no-repeat;}
    .sec03 h3{margin-top:10px; margin-bottom: 33px; font-size: 36px; font-weight: 700;line-height: 1.36;letter-spacing: -0.4px;color: #595959; }
    .sec03 p{ font-size: 14px; line-height: 1.57; letter-spacing: -0.25px;color: #595959; }
    .sec03 p.blue{ margin-top: 20px; font-size: 18px;font-weight: bold;font-stretch: normal;font-style: normal;line-height: 1.44;letter-spacing: -0.3px; color: #508aff; }
  .section04 .imgs_box ul li:last-child p.blue {margin: 10px 0px; font-size: 16px;font-weight: bold;font-stretch: normal;font-style: normal;line-height: 1.44;letter-spacing: -0.3px; color: #508aff;}

    /* sec04 */
    .sec04{ margin: 240px 30px 120px 30px; }
    .sec04{ display: flex; justify-content: space-between; align-items: flex-end;}
    .sec04 .txt {padding-bottom: 7%; margin-right: 22px;}
    .sec04 .txt h3{ margin: 30px auto 81px; font-size: 36px;font-weight: bold; line-height: 1.36; letter-spacing: -0.4px; color: #595959; }
    .sec04 .txt p{ font-size: 14px; line-height: 1.57; letter-spacing: -0.25px; color: #595959; }
    .sec04 .txt p strong{ font-size: 14px; font-weight: 700; line-height: 1.57; letter-spacing: -0.25px;  }
    .sec04 .imgs{ position: relative; width: 60%; padding-bottom: 44px;  }
    .sec04 .imgs img {width: 100%;}
    .sec04 .imgs div {width: 100%; padding-top: 60.25%;background:center/contain no-repeat; margin: 0 auto;}
/*     .sec04 .imgs span{ position: absolute; right: 0; bottom: 0; display: block; width: 32px; height: 32px; text-indent: -9999px; background: url(../../images/product/plus-bt.svg) center/contain no-repeat; } */






/*조성우 최종 수정*/





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

    .product_inner .sec02 .wrap { position: relative; margin: 120px auto 0; transition: 0.5s; }
    .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: 257px;display: flex;flex-direction: column;justify-content: center;align-items: center;}
    .product_cont .product_inner .sec03 h3 {text-align:center; margin-top:45px;}
    .product_cont .product_inner .sec03 p {text-align:center; font-size: 16px; line-height: 1.5; letter-spacing: -0.29px; color: #595959; margin-top:38px;}
    
    .product_cont .product_inner .sec03 p.blue {font-size: 16px; font-weight: bold; line-height: 1.18; letter-spacing: -0.4px; color: #508aff; margin-top:15px;}
    .product_cont .product_inner .sec03 .imgs {text-align:center; position: relative; width: 90%;}
    .product_cont .product_inner .sec03 .imgs span {position: absolute; right:18px; top:15px;}
    .product_cont .product_inner .sec03 .imgs span img {width:35px;}

    .product_cont .product_inner .sec04 {margin:0 auto; margin-top:0px;  padding-top:180px; display:flex; align-items: center; justify-content: space-between; margin-bottom: 160px;}
    .product_cont .product_inner .sec04 .txt { margin-right: 30px;}
    .product_cont .product_inner .sec04 .txt h3 {text-align:left; margin: 30px auto 58px;}
    .product_cont .product_inner .sec04 .txt p {text-align:left; font-size: 16px; line-height: 1.5; letter-spacing: -0.29px; color: #595959; margin-top:39px;}
    
    .product_cont .product_inner .sec04 .txt p strong {font-weight:bold;}
    .product_cont .product_inner .sec04 #first {width:56%; position: relative; right:  80%; transition: 0.6s; }
    .product_cont .product_inner .sec04 #first2{ right: 100%; }
    .product_cont .product_inner .sec04 #second {width:56%; position: relative; left:  80%; transition: 0.6s; }
    .product_cont .product_inner .sec04 #second2 {width:56%; position: relative; left:  100%; transition: 0.6s; }
    .product_cont .product_inner .sec04 #last{ width: 56%; position: relative; left: 80%; transition: 0.6s; }  
    .product_cont .product_inner .sec04 #last2{ width: 56%; position: relative; right: 100%; transition: 0.6s; } 
    .product_cont .product_inner .sec04 .imgs{ position:relative; width:56%; transition: 0.6s; }
    .product_cont .product_inner .sec04 .imgs span {position: absolute; right:30px;top:28px;}
    .product_cont .product_inner .sec04 .imgs span img {width:35px;}
    

    .product_cont .product_inner .archisec04 {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 .archisec04 .txt { margin-right: 30px;}
    .product_cont .product_inner .archisec04 .txt h3 {text-align:left; margin: 30px auto 58px;}
    .product_cont .product_inner .archisec04 .txt p {text-align:left; font-size: 16px; line-height: 1.5; letter-spacing: -0.29px; color: #595959; margin-top:39px;}
    
    .product_cont .product_inner .archisec04 {margin:0 auto; margin-top:80px; padding-top:240px; display:flex; align-items: center; justify-content: space-between;}
    .product_cont .product_inner .archisec04 .txt { margin-right: 30px;}
    .product_cont .product_inner .archisec04 .txt h3 {text-align:left; margin: 30px auto 58px;}
    .product_cont .product_inner .archisec04 .txt p {text-align:left; font-size: 16px; line-height: 1.5; letter-spacing: -0.29px; color: #595959; margin-top:39px;}
    
    .product_cont .product_inner .archisec04 .txt p strong {font-weight:bold;}
    .product_cont .product_inner .archisec04 #first {width:56%; position: relative; right:  80%; transition: 0.6s; }
    .product_cont .product_inner .archisec04 #first2{ right: 100%; }
    .product_cont .product_inner .archisec04 #second {width:56%; position: relative; left:  80%; transition: 0.6s; }
    .product_cont .product_inner .archisec04 #second2 {width:56%; position: relative; left:  100%; transition: 0.6s; }
    .product_cont .product_inner .archisec04 #last{ width: 56%; position: relative; left: 80%; transition: 0.6s; }  
    .product_cont .product_inner .archisec04 #last2{ width: 56%; position: relative; right: 100%; transition: 0.6s; } 
    .product_cont .product_inner .archisec04 .imgs{ position:relative; width:56%; transition: 0.6s; }
    .product_cont .product_inner .archisec04 .imgs span {position: absolute; right:-30px;top:0;}
    .product_cont .product_inner .archisec04 .imgs span img {width:35px;}
    

/*  .swiper_product {background-color: red;} */
    .swiper_product {height:509px; background-repeat: no-repeat; background-size:cover; box-sizing: border-box; padding-top:112px; margin-top:100px; 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; overflow:hidden; }
    .swiper_product li .pro-itemImg {position: relative; width: 100%; height: 100%;  border-radius: 50%; background-position: center; background-size: 105%; background-repeat: no-repeat;}
    .swiper_product li .pro-itemImg:after {content: ' '; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(125, 125, 125,0);border-radius: 50%;}
    
    .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(//2495902.fs1.hubspotusercontent-na1.net/hubfs/2495902/raw_assets/public/midasMCAD/Coded_Files/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;}


    

    /*respomsive_test2에서 복사함*/
        /* real_inner */
        .real_inner { width: 100%; border-bottom:4px solid #508aff; position: relative; padding-top: 14%; padding-left: 10%; padding-right: 10%; padding-bottom: 7%;}
        .real_inner .flex_box { display: flex; justify-content: space-between; position: relative;  }
        .real_inner .flex_box .scroll_inner{ width: 30%; }
        .real_inner .flex_box .scroll_inner ul {padding-left:10px;position: sticky;top: 150px; }
        .real_inner .flex_box .scroll_inner ul li { position: relative; width: 80%; margin-bottom: 28px; font-size: 16px;font-weight: 500; line-height: 0.88;letter-spacing: -0.5px;color: #9a9a9a; }
                .real_inner .flex_box .scroll_inner ul li a { width: 80%; margin-bottom: 28px; font-size: 16px; font-weight: 500; line-height: 0.88;letter-spacing: -0.5px; color: #9a9a9a; }
        .real_inner .flex_box .scroll_inner li::after {content:''; width:4px; height:20px; position: absolute; left:-10px; top:0; background:#cdcdcd;}
        .real_inner .flex_box .scroll_inner li.on {color:#3437ce;}
        .real_inner .flex_box .scroll_inner li.on a {color:#3437ce;}
        .real_inner .flex_box .scroll_inner li.on::after {background:#3437ce;}

        .real_inner .flex_box .real_txt {width: 70%;}

/*  0715 jungeun */
    /*         .real_inner .flex_box .real_txt li{ float: left; display: flex;  width: 100%; margin-bottom: 55px; padding-bottom: 55px; border-bottom: 1px solid #e2e2e2; } */

    
            .real_inner .flex_box .real_txt li{ display: flex; float:none; width: 100%; margin-bottom: 55px; padding-bottom: 55px; border-bottom: 1px solid #e2e2e2; }



        .real_inner .flex_box .real_txt li.noline {border-bottom: 0px solid #e2e2e2;    margin-bottom: 0px;    padding-bottom: 20px }




        .real_inner .flex_box .real_txt li > strong{ width: calc(50% - 22px); margin-right: 22px; font-size: 24px;line-height: 1.17; letter-spacing: -0.26px; color: #292929; }
        .real_inner .flex_box .real_txt li p{ font-size: 14px;line-height: 1.8;letter-spacing: -0.18px; color: #757575; width: 80%;}
        .real_inner .flex_box .real_txt li p > strong{  font-size: 14px; font-weight: bold;line-height: 1.29;letter-spacing: -0.18px;color: #757575; }
        .real_inner .flex_box .real_txt li p .second{ display: block; margin-top: 20px; }
        .real_inner .flex_box .real_txt li p img{margin-top: 20px; }

        /* btn */
        .real_inner .flex_box .real_txt .btns {margin-top:110px; display:flex; justify-content:center;}
        .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 {display:flex; justify-content: center; padding-top:70px; margin-bottom: 65px; text-align:center; margin:30px;}
        .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;}

     
        /*0707 프리미엄 이미지 사이즈 수정*/
        .real_inner .flex_box .real_txt ul li div.img {width: 175px;}


    /*respomsive_test2에서 복사함*/


  
  
    .pro_2 .product_cont .product_inview .tit_box .abs_bot .bot_ctns .blue {background-color:#3437ce;}
    .pro_3 .product_cont .product_inview .bottom_box .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:0px;}
    .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; display:flex;}
    .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 b {font-size: 12.6px;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 div {position: absolute;top: 130px;left: 50%;transform: translateX(-50%);width: 67%;display: flex;flex-direction: column;align-items: flex-start;}
    .product_cont .pro3_section .section02 div ul {display: flex;justify-content: space-between;width: 100%;}
*/


/*문제*/
    .product_cont .pro3_section .section02 {margin: 131px 0px;    padding-right: 30px;    padding-left: 30px;    padding-top: 120px;    border-radius: 19px;}
    /*.product_cont .pro3_section .section02 {padding-top:240px; height:1080px; position: relative; width:100vw; left:50%; transform: translateX(-50%); box-sizing: border-box; padding-left:15%;}*/
    /*.product_cont .pro3_section .section02 video {width: 70%;position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);}*/
    .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; padding-left: 5%;}
    /*.product_cont .pro3_section .section02 div h3 {align-self: flex-start;margin-bottom: 50px;}*/

    
    .product_cont .pro3_section .section02 .imgs {position: relative;     padding: 51px;    padding-bottom: 100px;}
    .product_cont .pro3_section .section02 .imgs > img {width:1024px;}
    .product_cont .pro3_section .section02 .imgs span {position: absolute; right:-50px; top:0;}
    .product_cont .pro3_section .section02 .imgs span img {width:35px;}



    .product_cont .pro3_section .section02 ul {    margin-top: -45px;    padding-left: 50%;    padding-right: 0;}
    .product_cont .pro3_section .section02 ul li {display:inline-block; vertical-align: top; width: 90%;}
    .product_cont .pro3_section .section02 ul li + li {}
    .product_cont .pro3_section .section02 ul li strong {font-size: 22px; font-weight: 500; line-height: 1.18; letter-spacing: -0.4px; color:#f43442;}
    .product_cont .pro3_section .section02 ul li p {font-size: 16px;     line-height: 1.6;    letter-spacing: -0.29px;    color: #595959;    margin-top: 30px;    margin-bottom: 50px;}

    .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;} */
     .pro_3 .real_inner .flex_box .scroll_inner li.on a {color:#f43442;}
    .pro_3 .real_inner .flex_box .scroll_inner li.on::after {background-color:#f43442;}

    /* 20210705 추가 */
  
  
    /* ---------- 7월 8일 product_2.html 이미지 슬라이더 아이디 및 클래스 이름 추가, P태그 클래스 추가 ----------*/
    .product_inner .sec02 .wrap2 #premiumWrap2 { position: relative; margin: 120px auto 0; transition: 0.1s; }
    .product_inner .sec02 .wrap2 ul{display: flex;justify-content: center;}
    .product_inner .sec02 .wrap2 li{ margin-right: 55px; border-bottom:1px solid #cdcdcd; }
    .product_cont .product_inner .sec04 .txt p.dblue {font-family: NotoSansKR;font-size: 16px;font-weight: 500;font-stretch: normal;font-style: normal;line-height: 1.4;letter-spacing: -0.4px;color: #3437ce; width: 100%; margin-top : 10px;}
    .product_cont .product_inner .sec04 .txt p.blue {font-family: NotoSansKR;font-size: 16px;font-weight: 500;font-stretch: normal;font-style: normal;line-height: 1.4;letter-spacing: -0.4px;color: #3437ce; width: 80%;  margin-top : 10px;}
    .product_cont .product_inner .sec04 .txt p.red {font-family: NotoSansKR;font-size: 20px;font-weight: 500;font-stretch: normal;font-style: normal;line-height: 1.4;letter-spacing: -0.4px;color: #f43442; width: 80%;}

  
/*   .list_img {display: flex; flex-wrap: wrap; width: 500px;} */
    /* ---------- 7월 8일 product_2.html 이미지 슬라이더 아이디 및 클래스 이름 추가, P태그 클래스 추가 ----------*/
  .list_img {display: flex; flex-wrap: wrap; width: 730px;}
    /* ---------- 7월 10일 product_2.html width값 변경 조성우 ----------*/
  
  }

@media all and (min-width : 1024px) {
  div.product_inview.inview_a.active.swiper-slide.swiper-slide-active > div.cont_box > div.img_box > div > video {width: 570px}
	
}

/*조성우 이동*/

/* ------------ max 1024 start ------------ */
@media all and (max-width: 1024px) {
  .innerWrap {padding-left: 30px; padding-right:30px;}
	.swiper_product li .pro-itemImg {border-radius: 50%;}
    /* Renewal Product_cont */
    .product_cont .product_inview {margin-top:150px; padding-bottom:80px; border-bottom:4px solid #508aff;}
    .product_cont .product_inview .top_txt {margin-bottom: 94px;}
    .product_cont .product_inview .top_txt h2 {font-size: 45px; font-weight: bold; line-height: 1.00; letter-spacing: -0.9px; color: #292929;}
    .product_cont .product_inview .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 .cont_box {display: flex; justify-content: space-between; align-items: flex-end;}
    .product_cont .product_inview .cont_box .abs_bot {width: 43%; min-width: 360px; margin-right:7%}
    .product_cont .product_inview .cont_box .qna {}
    .product_cont .product_inview .cont_box .qna li {padding:18px 0; border-bottom:1px solid #cdcdcd;}
    .product_cont .product_inview .cont_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 .cont_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 .cont_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 .cont_box .qna li p {margin:15px 0 0 0;  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%);}
     div.product_inview.inview_a.active.swiper-slide.swiper-slide-active > div.cont_box > div.img_box > div > video {width: 400px;}
    .product_cont .product_inview .img_box .imgs button img {width:151px;}
    .product_cont .product_inview .bottom_box {margin-top: 80px;}
    .product_cont .product_inview .bottom_box {display: flex; align-items: center; justify-content: space-between;}
    .product_cont .product_inview .bottom_box .bot_ctns {}
    .product_cont .product_inview .bottom_box .bot_ctns a {display:inline-block; vertical-align: middle;}
    .product_cont .product_inview .bottom_box .bot_ctns .blue {width:157px; height:52px; 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 .bottom_box .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 .bottom_box .bot_ctns .inview {font-size: 16px; line-height: 1.93; letter-spacing: -0.25px; color: #757575; text-decoration: underline;}
    .product_cont .product_inview .bottom_box p {}
    .product_cont .product_inview .bottom_box span {display:block;font-size: 14px;font-weight: 500;font-stretch: normal;font-style: normal;line-height: 1.86;letter-spacing: -0.25px;color: #b0afb7;}

    .product_cont .product_inview .bottom_box strong {
			display: inline-block;
			font-size: 25px;
			font-weight: 500;
			line-height: .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/common/icon_phone.png) left 3px no-repeat;
			background-size: 19px;
			margin-top: 3px;
			font-stretch: normal;
			font-style: normal;
	  }
/*     .real_inner .flex_box .real_txt .btns {margin-top:110px; display:flex; justify-content:center;} */
    section > div > div > div > div > div.bx-viewport > ul li {width: 124px !important; height: 124px  !important;}


    .product_cont .product_inner .sec01 .imgs div {width: 100%; background:center/contain no-repeat; margin: 0 auto;}
    
    
      .product_cont .product_inview .cont_box .abs_bot .con-link {
            line-height: 30px;
            font-weight: 300;
            color: rgb(153, 153, 153);
    }


 

.product_inner .pro3_section .section01 h3 {
      padding-top: 90px;
    text-align: center;
    font-size: 27px;
    font-weight: bold;
    line-height: 1.6;
    letter-spacing: -0.45px;
    color: #f43442;
    padding-bottom: 67px;
    background: url(//www.midasbridge.com/hubfs/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; display:flex; flex-wrap: wrap;     margin-bottom: 100px;}
    .product_cont .pro3_section .section01 ul li {display:inline-block; width:50%; vertical-align: top; margin-bottom: 20px;
    margin-top: 40px;}
    .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 b {font-size: 12.6px;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;}



/* sec01 */
    .sec01 {margin-top: 160px;}
    .sec01 h3{ margin-bottom: 70px; text-align: center; font-size: 36px; font-weight: bold; line-height: 1.23; letter-spacing: -0.72px; color: #595959;   }
    .sec01 p{ text-align: center; font-size: 16px; line-height: 1.13; letter-spacing: -0.29px; color: #595959; }
    .sec01 .imgs{ position: relative; width: 91%; margin: 34px auto 0; padding-bottom: 44px; }
    .sec01 .imgs span{ position: relative; float: right; margin-bottom: -50px; display: block; width: 32px; height: 32px; text-indent: -9999px; background: url(//2495902.fs1.hubspotusercontent-na1.net/hubfs/2495902/raw_assets/public/midasMCAD/Coded_Files/images/product/plus-bt.svg) center/contain no-repeat; }
    .sec01 .imgs span img{ width: 100%; }

    /* sec02 */
    .sec02{ margin-top: 178px; }
    .sec02 .text{ display: table;}
    .sec02 .text h3{ display: table-cell; vertical-align: top; padding-right: 80px; font-size: 36px; font-weight: 700; line-height: 1.36; color: #595959;}
    .sec02 .text p{ display: table-cell; vertical-align: top; font-size: 14px; line-height:2; color: #595959;}
    .sec02 .wrap{ width: 30px; } 
    .sec02 .wrap li img{ height: 270px; }

    /* sec03 */
    .sec03{ margin-top: 224px; padding: 0 30px; text-align: center; }
    .sec03 .imgs{ position: relative; margin-bottom: 10px; padding-bottom: 44px; width: 100%; margin:0 auto;}
    .sec03 .imgs div {width: 100%; padding-top: 62.25%;background:center/contain no-repeat; margin: 0 auto;}
    .sec03 img{ width: 100%; }
    .sec03 span{ position: relative; float: right; margin-bottom: -50px; display: block; width: 32px; height: 32px; text-indent: -9999px; background: url(//2495902.fs1.hubspotusercontent-na1.net/hubfs/2495902/raw_assets/public/midasMCAD/Coded_Files/images/product/plus-bt.svg) center/contain no-repeat; }
    .sec03 h3{margin-top:10px; margin-bottom: 33px; font-size: 36px; font-weight: 700;line-height: 1.36;letter-spacing: -0.4px;color: #595959; }
    .sec03 p{ font-size: 14px; line-height: 2; letter-spacing: -0.25px;color: #595959; }
    .sec03 p.blue{ margin-top: 10px; font-size: 16px;font-weight: bold;font-stretch: normal;font-style: normal;line-height: 2;letter-spacing: -0.3px; color: #508aff; }

    /* sec04 */
    .sec04{ margin-top: 120px; }
    .sec04{ display: flex; justify-content: space-between; align-items: flex-end; flex-wrap: wrap;}
    .sec04 .txt {padding-bottom: 7%; margin-right: 22px;}
    .sec04 .txt h3{ margin: 30px auto 43px; font-size: 36px;font-weight: bold; line-height: 1.36; letter-spacing: -0.4px; color: #595959; }
    .sec04 .txt p{ font-size: 14px; line-height: 2; letter-spacing: -0.25px; color: #595959; margin-bottom : 25px;}
    .sec04 .txt p strong{ font-size: 14px; font-weight: 700; line-height:2; letter-spacing: -0.25px;  }
    .sec04 .imgs{ position: relative; width: 100%; padding-bottom: 44px;  }
    .sec04 .imgs img {width: 100%;}
    .sec04 .imgs div {width: 100%; padding-top: 60.25%;background:center/contain no-repeat; margin: 0 auto;}
    .sec04 .imgs span{ position: absolute; top: 15px; right: 18px;}



/* real_inner */
    .real_inner{ padding-top: 200px; }
    .real_inner { width: 100%; border-bottom:4px solid #508aff; position: relative;}
    .real_inner .flex_box { display: flex; padding-bottom: 144px; justify-content: space-between;}
    .real_inner .flex_box .scroll_inner{ width: 25%; }
    .real_inner .flex_box .scroll_inner ul {padding-left:10px; position: sticky; top: 50px;}
    .real_inner .flex_box .scroll_inner ul li{ position: relative; width: 120px; margin-bottom: 28px; font-size: 16px;font-weight: 500; line-height: 0.88;letter-spacing: -0.5px;color: #9a9a9a; }
      .real_inner .flex_box .scroll_inner ul li a { width: 120px; margin-bottom: 28px; font-size: 16px;font-weight: 500; line-height: 0.88;letter-spacing: -0.5px;color: #9a9a9a; }
    .real_inner .flex_box .scroll_inner li::after {content:''; width:4px; height:20px; position: absolute; left:-10px; top:0; background:#cdcdcd;}
    .real_inner .flex_box .scroll_inner li.on {color:#3437ce;}
    .real_inner .flex_box .scroll_inner li.on a {color:#3437ce;}
    .real_inner .flex_box .scroll_inner li.on::after {background:#3437ce;}

    .real_inner .flex_box .real_txt {width: 75%;}
    .real_inner .flex_box .real_txt li{ display: flex;  width: 100%; margin-bottom: 110px; padding-bottom: 40px; border-bottom: 1px solid #bfbfbf; }
    .real_inner .flex_box .real_txt li > strong{ width: calc(50% - 22px); margin-right: 22px; font-size: 24px;line-height: 1.17; letter-spacing: -0.26px; color: #292929; }
    .real_inner .flex_box .real_txt li p{ font-size: 14px;line-height: 1.8;letter-spacing: -0.18px; color: #757575; width: 50%;}
    .real_inner .flex_box .real_txt li p > strong{  font-size: 14px; font-weight: bold;line-height: 1.29;letter-spacing: -0.18px;color: #757575; }
    .real_inner .flex_box .real_txt li p .second{ display: block; margin-top: 20px; }
    .real_inner .flex_box .real_txt li p img{margin-top: 20px; width: 80%;}

    /* btn */
    .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 {display:flex; justify-content: center; padding-top:70px; margin-bottom: 65px; 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(//2495902.fs1.hubspotusercontent-na1.net/hubfs/2495902/raw_assets/public/midasMCAD/Coded_Files/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;}


.product_cont .pro3_section .section02 {margin: 131px 0px;    padding-right: 30px;    padding-left: 30px;    padding-top: 120px;    border-radius: 19px;}
    .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; padding-left: 5%;}
    
    
    .product_cont .pro3_section .section02 .imgs {position: relative;     padding: 51px;    padding-bottom: 0px;}
    .product_cont .pro3_section .section02 .imgs > img {width:1024px;}
    .product_cont .pro3_section .section02 .imgs span {position: absolute; right:-50px; top:0;}
    .product_cont .pro3_section .section02 .imgs span img {width:35px;}



    .product_cont .pro3_section .section02 ul {    margin-top: 95px;    padding-left: 50%;    padding-right: 0;}
    .product_cont .pro3_section .section02 ul li {display:inline-block; vertical-align: top; width: 90%;}
    .product_cont .pro3_section .section02 ul li + li {}
    .product_cont .pro3_section .section02 ul li strong {font-size: 22px; font-weight: 500; line-height: 1.18; letter-spacing: -0.4px; color:#f43442;}
    .product_cont .pro3_section .section02 ul li p {font-size: 16px;     line-height: 1.6;    letter-spacing: -0.29px;    color: #595959;    margin-top: 30px;    margin-bottom: 50px;}


/*상단 제품메뉴 선택*/
    .pro_tabs {display:flex; justify-content: center; margin-top: 40px;}
    .pro_tabs li {width:258px; display: flex; align-items: center; justify-content: center; background:#f8f8f8; height:135px; text-align: center;}
    .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; text-align: center;}
    .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(1).on {border-color:#f43442;}
    .pro_tabs li:nth-child(1).on p {color:#f43442;}
/*상단 제품메뉴 선택*/

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

	
	
	
	/* ---------------------------- 로고 슬라이더 CSS ---------------------------- */
	
/* 	.swiper_product { position: relative; left:50%;  width: 100%; height:439px; overflow: hidden; margin-top: 156px; background:#f2f2f2 url(../../images/common/bg_add_line.png) repeat; background-size:cover; box-sizing: border-box; padding-top:86px; transform: translateX(-50%); }
    .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 { position: relative; margin:0 auto; overflow: hidden; margin: 0 30px; padding:0 60px; }
    .swiper_product .swiper_wrap .prev {position: absolute; left:0; top:50%; transform: translateY(-50%);}
    .swiper_product .swiper_wrap .prev img {width:32px; transform: rotate(180deg);}
    .swiper_product .swiper_wrap .next {position: absolute; right:0; top:50%; transform: translateY(-50%);}
    .swiper_product .swiper_wrap .next img {width:32px;}
    .swiper_product .swiper-container ul li{ width:144px; height:144px;  overflow:hidden;}
    .swiper_product li .pro-itemImg {position: relative; width: 100%; height: 100%;  border-radius: 50%; background-position: center; background-size: 100%; background-size: cover; background-repeat: no-repeat;}
	  .swiper_product li .pro-itemImg:after {content: ' '; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(125,125,125,0);border-radius: 50%;}
      
		.swiper_product li {
			width: 124px !important;
			height: 124px !important;
		} */
/* ---------------------------- 로고 슬라이더 CSS ---------------------------- */
	
}

/*조성우 이동*/
/*전성진 7/15 슬라이드 이미지 변경 */

 /* ------------ max 768 start ------------ */
@media all and (max-width: 768px) {
  .innerWrap {padding-left: 30px; padding-right:30px;}
    .product_cont .product_inview .top_txt {margin-bottom: 80px;}
/*     .product_cont .product_inview .cont_box {width : 369px; flex-direction: column-reverse;} */
    .product_cont .product_inview .cont_box { flex-direction: column-reverse;}
    .product_cont .product_inview .img_box {width: 100% !important; margin-bottom: 18px;}
    .product_cont .product_inview .cont_box .abs_bot {width: 100%; margin-right: 0;}
    .product_cont .product_inview .cont_box .qna li p {font-size: 14px;}

    div.product_inview.inview_a.active.swiper-slide.swiper-slide-active > div.cont_box > div.img_box > div > video {width: 100%}
    
    
    .real_inner .flex_box .scroll_inner {display: none;}
    .real_inner .flex_box .real_txt {width: 100%;}
    .real_inner .flex_box .real_txt li p {width: 64%;}
    .real_inner .flex_box .real_txt li>strong {width: calc(36% - 22px);}
    .real_inner .flex_box .real_txt li p img{margin-top: 20px; }

/*상단 제품메뉴 선택*/
    .pro_tabs {display:flex; justify-content: center; margin-top: 70px;}
    .pro_tabs li {width:258px; display: flex; align-items: center; justify-content: center; background:#f8f8f8; height:135px;text-align: center;}
    .pro_tabs li img {width:150px;}
    .pro_tabs li p {margin-top:20px; font-size: 12px; font-weight: 500; line-height: normal; letter-spacing: -0.22px; color: #b0afb7;text-align: center;}
    .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(1).on {border-color:#f43442;}
    .pro_tabs li:nth-child(1).on p {color:#f43442;}
/*상단 제품메뉴 선택*/

      .product_cont .product_inview .bottom_box span {
            font-size: 10px;
      }
    
        .product_cont .product_inview .bottom_box strong {
            display: inline-block;
            font-size: 18px;
            font-weight: 500;
            line-height: 0.9;
            letter-spacing: -0.52px;
            color: #292929;
            padding-left: 24px;
					  background: url(//2495902.fs1.hubspotusercontent-na1.net/hubfs/2495902/raw_assets/public/midasMCAD/Coded_Files/images/common/icon_phone.png) left 0px no-repeat;
            background-size: 17px;
            margin-top: 3px;
            margin-left : 2px;
      }
        .product_inner .sec02 .wrap {
      margin: 30px auto 0px;
        }
}
/* ------------ max 768 finish ------------ */

/*조성우 이동*/
    

/* ------------ max 425 start ------------ */
@media all and (max-width: 425px) {
	.sec01 .imgs span {position: absolute; top: 15px; right: 16px;}
        .home-carousel{ padding-top: 0; margin-top: 0; }
        .pro_tabs.innerWrap li{ margin-bottom: 0px; }
 
    .innerWrap {padding-left: 30px; padding-right:30px;}
    .pro_tabs {display: flex; flex-wrap: wrap; position: relative; padding-top: 0px; width: 100%;}
    .pro_tabs li {display:none; position: static; top: 0; height: 120px!important; width: 100% !important; box-shadow: 2px 2px 10px 0 rgba(0, 0, 0, 0.2); border-radius: 0px !important; border-bottom: 1px solid #e4e4e4; text-align: left;}
    .pro_tabs li::after {content:''; position: absolute; right: 26px; top: 45%; transform: translateY(-50%); background: url() center/contain no-repeat; width: 16px;height: 16px;}
    .pro_tabs li p {margin-top: 4px; color: #508aff; font-size:12px;}
    /*.pro_tabs li a {margin-left: -50px;}*/
    .pro_tabs li.on {display: flex;}
    div.product_inview.inview_a.active.swiper-slide.swiper-slide-active > div.cont_box > div.img_box > div > video {width: 90%;}
  

    .product_cont .product_inview {margin-top: 80px;}
/*     .product_cont .bottom_box .bot_ctns {width: 70%; display: flex; align-items: center;} */
    .product_cont .product_inview .top_txt {margin-bottom: 37px; text-align: center;}
    .product_cont .product_inview .top_txt h2 {font-size:27px;}
    .product_cont .product_inview .top_txt p {font-size:14px; margin-top:14px;}
    .product_cont .product_inview .img_box {margin-left: -30px;margin-right:-30px;width: 100vw;margin-bottom: 37px;}
    
    .product_cont .product_inview .cont_box .abs_bot {min-width: auto;}

    .product_cont .product_inview .cont_box .abs_bot .con-link {
          padding-left: 28px;
          line-height: 30px;
          font-weight: 500;
          font-size: 15px;
          color: #868687;
      }
    .product_cont .product_inview .bottom_box {flex-direction: column;}
    .product_cont .product_inview .bottom_box .bot_ctns {display: flex;flex-wrap: wrap;justify-content: center;width: 100%;}
    .product_cont .product_inview .bottom_box .bot_ctns .base {margin-right: 0; width:calc(35% - 2%);}
    .product_cont .product_inview .bottom_box .bot_ctns .inview {margin-top: 15px;margin-bottom: 60px;}

    .product_cont .product_inview .bottom_box .bot_ctns .blue {width: calc(55%); margin-right: 2%; background-position: 90% center;}
  

		.product_cont .product_inview .img_box .imgs {
			right: 30px;
		}
  
    .product_cont .product_inview .img_box .home.imgs {
      right: 30px;
      display: contents;
    }
		.product_cont .product_inview .img_box .premium_imgs {
			right: 0;
		}
    .img_box .imgs .video .home {
      			right: 0;
            display: contents;
    }
		.sec02 .text {display: flex; flex-direction: column;}
		.sec04 {justify-content: center;}
		.sec04 .txt {margin: 0; text-align: center;}
    .section04 {overflow: hidden;}
		.section04 h3 {text-align: center;font-size: 30px; margin-bottom: 40px;}
		.section04 .imgs_box ul li div.imgs p.blue {
			display: block;
			font-size: 10px;
			font-weight: bold;
			line-height: 1.86;
			letter-spacing: -0.25px;
			color: rgb(80, 138, 255);
			padding: 15px 0px;
		}
		.section04 .imgs_box ul li p { 
			font-size: 10px;
		}


    /* 21 수정 */
    .real_inner {padding-top: 50px;}
    .real_inner .flex_box .real_txt {width: 100vw; margin:0 -30px;}
    .real_inner .flex_box .real_txt li {flex-direction: column; padding: 0 10px; padding-bottom: 60px; margin-bottom: 60px; }
    .real_inner .flex_box .real_txt li > strong {width: 100%; font-size: 20px;}
    .real_inner .flex_box .real_txt li p {margin: 25px 0 0 25px; width: 100%;}
    .real_inner .flex_box .real_txt .btns {text-align: center; display: flex; justify-content: space-between;}

    .real_inner .center_btns {flex-wrap: wrap;justify-content: space-between;}
    .real_inner .center_btns .link, 
    .real_inner .center_btns .blue {margin: 0; margin-top:7px; width: 49%; margin-right: 2%;}
    .real_inner .center_btns .blue {margin-right: 0;}

    .real_inner .flex_box .real_txt li p img{margin-top: 20px; width: 80%;}


.product_inner .pro3_section .section01 h3 {
      padding-top: 90px;
    text-align: center;
    font-size: 27px;
    font-weight: bold;
    line-height: 1.6;
    letter-spacing: -0.45px;
    color: #f43442;
    padding-bottom: 67px;
    background: url(//www.midasbridge.com/hubfs/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 0px; display:flex; flex-wrap: wrap;     margin-bottom: 100px;}
    .product_cont .pro3_section .section01 ul li {display:inline-block; width:50%; vertical-align: top; margin-bottom: 20px;
    margin-top: 40px;}
    .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 b {font-size: 12.6px;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:20px; position: absolute; left:0px; 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 ul {    margin-top: 95px;    padding-left: 0%;    padding-right: 0;}
    .product_cont .pro3_section .section02 ul li {display:inline-block; vertical-align: top; width: 90%;}
    .product_cont .pro3_section .section02 ul li + li {}
    .product_cont .pro3_section .section02 ul li strong {font-size: 22px; font-weight: 500; line-height: 1.18; letter-spacing: -0.4px; color:#f43442;}
    .product_cont .pro3_section .section02 ul li p {font-size: 16px;     line-height: 1.6;    letter-spacing: -0.29px;    color: #595959;    margin-top: 30px;    margin-bottom: 50px;}

.product_cont .pro3_section .section02 {margin: 131px 0px;    padding-right: 30px;    padding-left: 30px;    padding-top: 120px;    border-radius: 19px; padding-bottom: 90px;}
    .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; padding-left: 5%;}
    
    
    .product_cont .pro3_section .section02 .imgs {position: relative;     padding: 0px;    padding-bottom: 0px;}
    .product_cont .pro3_section .section02 .imgs > img {width:1024px;}
    .product_cont .pro3_section .section02 .imgs span {position: absolute; right:-50px; top:0;}
    .product_cont .pro3_section .section02 .imgs span img {width:35px;}

  

    /*상단 제품메뉴 선택*/
/*     .pro_tabs {display:flex; justify-content: center; margin-top: 100px;} */
    .pro_tabs li {width:258px; display: flex; align-items: center; justify-content: center; background:#f8f8f8; height:135px; text-align: left;}
    .pro_tabs li img {width:100px;}
    .pro_tabs li p {margin-top:4px; font-size: 12px; font-weight: 500; line-height: normal; letter-spacing: -0.22px; color: #b0afb7; min-width: 218px; text-align: left;}
    .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(1).on {border-color:#f43442;}
    .pro_tabs li:nth-child(1).on p {color:#f43442;}
/*상단 제품메뉴 선택*/

  /* home btn */
  
  .product_cont .product_inview .bottom_box .bot_ctns.home_bot_ctns {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
  }

    .product_cont .product_inview .bottom_box .bot_ctns .blue.homeBlue {
    width: calc(58%);
    margin-right: -25%;
    background-position: 90% center;
  }
  .product_cont .product_inview .bottom_box .bot_ctns .base.homeBase {
    margin-right: 14px;
    margin-left: 5px;
    width: calc(30%);
  }
	.swiper_product > strong {
		font-size: 17px !important;
	}
	section > div > div > div > div > div.bx-viewport > ul li {width: 100px !important; height: 100px  !important;}
	
	.product_inner .sec02 .wrap ul { display: block;}
	.product_inner .sec02 .wrap ul li { width: 100%;}
	.section04 .imgs_box ul {display: block;}
	.section04 .imgs_box ul li {width: 42%; margin: 10px;}
	
}