@charset "utf-8";

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

/* ============  공통 ============== */

.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(../../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;}




/* ------------ max 1024 start ------------ */
@media screen and (max-width: 1024px) {


/**--payinfo 반응형 추가--**/

    .pay_info {}
    .pay_info .pay_tit {margin:0 30px;}
    .pay_info .pay_tit h2 {font-size: 26px; font-weight: bold; line-height: 1.31;  letter-spacing: -0.23px; color: #474747; width:100%;}
    .pay_info .pay_tit p {font-size: 16px; font-weight: 500; line-height: 1; letter-spacing: -0.29px; color: #979797; margin-top:15px;}
    .pay_info .pay_tabs {margin-top:0px; position: relative; border-bottom:4px solid #3437ce; padding-top:50px;}
    .pay_info .pay_tabs > span {position: absolute; left:30px; top:30px; transform: translateY(0%); font-size: 12px; 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/common/icon_phone.png) left center no-repeat; background-size:17px;}
    .pay_info .pay_tabs > span strong {font-weight:bold;}
    .pay_info .pay_tabs ul {text-align:left; margin:0 30px;}
    .pay_info .pay_tabs ul li {display:inline-block;}
    .pay_info .pay_tabs ul li a {width: 100px; height: 40px; border: solid 1px #cdcdcd; background-color: #ffffff; text-align:center; font-size: 14px; font-weight: bold; line-height: 40px; color: #3437ce; display:inline-block; border-bottom:0;}
    .pay_info .pay_tabs ul li.on a {background:#3437ce; color:#fff;}
    
    .pay_info .pay_select {margin:0 30px;}
    .pay_info .pay_select ul {display: block; margin-top:35px;}
    .pay_info .pay_select ul li {width: 100%; height: auto; padding: 20px 20px 200px 20px; border: solid 1px #cdcdcd; background-color: #ffffff; box-sizing: border-box; position: relative;}
    .pay_info .pay_select ul li .imgs img {height:40px;}
    .pay_info .pay_select ul li + li {margin-top:15px;}
    .pay_info .pay_select ul li > strong {display:block; font-size: 20px; font-weight: bold; line-height: 1; letter-spacing: -0.4px; color: #508aff; margin-top:20px;}
    .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:30px; 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:20px; width:100%; box-sizing: border-box;}
    .pay_info .pay_select ul li .btns button {height: 40px; margin-top:10px; background-color:#508aff; font-size: 14px; font-weight: bold; line-height: 1; letter-spacing: -0.2px; color: #ffffff; width:100%;}
    .pay_info .pay_select ul li .btns button:nth-child(1) {background:#4f4f4f;}
    .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(1) .btns button:nth-child(1) {background:#4f4f4f;}
    .pay_info .pay_select ul li:nth-child(2) .btns button:nth-child(1) {background:#4f4f4f;}
  .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:35px; position: relative; width:100%; left:50%; transform: translateX(-50%); padding:40px 30px 45px; text-align:center; background:#eaeaea; box-sizing: border-box;}
    .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:auto; margin:0 auto; margin-top:50px; padding:0 30px;}
    .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:30px;}
    .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 {font-size: 14px; line-height: 1.14; color: #292929; 
			padding: 5px 0 3px 0;
/* 			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 li {border-bottom:1px solid #b0afb7;}
    
    .pay_info .tech_text {margin-top:50px; padding:50px 0 50px 30px; position: relative; width:100%; left:50%; transform: translateX(-50%); background:#fcfcfc; }
    .pay_info .tech_text .inner {width:auto; 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:30px; width:100%; overflow-x:auto;}
    .pay_info .tech_text .tableSt01 table {width:910px;}
    .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 {margin-top:30px; text-align:center;}
    .pay_info .btns_box button {height: 40px; 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;}
/**--payinfo 반응형 추가 끝--**/



}


    .swiper_product { position: relative; left:50%;  width: 100%; height:439px; overflow: hidden; margin-top: 156px; background:#f2f2f2 repeat; background-size:cover; box-sizing: border-box; padding-top:105px; 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%;}


    
 }
/* ------------ max 1024 finish ------------ */












 /* ------------ max 768 start ------------ */
@media screen and (max-width: 768px) {
/*     .pay_info .pay_tit {padding-top:72px} */
    .product_cont .product_inview .img_box {width: 100%; margin-bottom: 80px;}
    .product_cont .product_inview .cont_box .abs_bot {width: 100%; margin-right: 0;}


    .sec03 .imgs {width: 100%;}
    .sec03 div:nth-child(2) {text-align: left;}

    .sec04 .imgs {width: 100%;}
    .sec04 .txt h3 {margin-bottom: 43px;}


    .swiper_product {margin-top: 0;}

    .real_inner .flex_box .scroll_inner {display: none;}
    .real_inner .flex_box .real_txt {width: 100%;}
  



}
/* ------------ max 768 finish ------------ */








 /* ------------ max 425 start ------------ */
@media screen and (max-width: 425px) {
/*     .pay_info .pay_tit {padding-top:72px} */
  
    .sec01 {margin-top: 82px;}
    .sec01 h3 {font-size: 30px; margin-bottom: 38px;}
    .sec01 p {font-size: 14px; line-height: 1.5;}
    .sec01 .imgs {margin:23px auto 0; width: 100%; padding-bottom: 0;}
    .sec01 .imgs span {left: 10%;top: 50%;transform: translate(-50%, -50%);}

    .sec02 {margin-top: 87px 0px;}
    
    .sec02 .text h3 {text-align: center; font-size: 30px; padding-right: 0;}
    .sec02 .text p {text-align: center; padding-top: 13px; font-size: 14px;}
    
    .sec03 {margin-top: 87px; padding: 0;}
    .sec03 h3 {font-size: 30px;}

}

    .pay_info .pay_select.years ul li:nth-child(3)::after{visibility:hidden;}

    .swiper_product {
				position: relative;
				left: 50%;
				width: 100%;
				overflow: hidden;
				margin-top: 11px;
				padding-top: 105px;
			  height: 429px;
		}
    .swiper_product .swiper_wrap {padding: 0; overflow: visible;} 
    .swiper_product .swiper_wrap button {display: none;}
    .swiper_product>strong{font-size:17px;, margin-bottom: 37px;}

  .product_cont .product_inview .img_box {margin-left: 0; margin-right:0;}
  .real_inner .flex_box .real_txt{margin:0;}
}
 /* ------------ max 425 finish ------------ */