@charset "utf-8";
.transition{-webkit-transition: all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out -o-transition:all 0.3s ease-in-out; transition::all 0.3s ease-in-out;}

/**************************** 추천기공소 **************************************/
.btshop_wrap {}
.btshop_wrap .txt_red {color:#df2648;}
.btshop_wrap .txt_blue {color:#0068b7;}
.btshop_wrap .pt40 {padding-top:40px;}
.btshop_wrap .mb40 {margin-bottom:40px !important;}
.btshop_wrap .bg_gray {background:#f1f1f1;}
.btshop_wrap video {display: block; width:100%;}

.btshop_wrap table {width:100%; color:#000;}
.btshop_wrap table th {background:#3f3f3f; color:#fff; border-right:1px solid #e4e4e4; padding:18px 0;} 
.btshop_wrap table td {text-align: center; border-right:1px solid #e4e4e4; padding:18px 0;} 
.btshop_wrap table th:last-child,
.btshop_wrap table td:last-child {border-right:none;} 
.btshop_wrap table tr {border-bottom:1px solid #e4e4e4; } 

.btshop_wrap a.hover::after {content: url('../images/renew/extra/icon_arrow1.png'); position: absolute; left: 48%; top: 50%; transform: translate(-50%, -50%); display: inline-block; width:94px; height:94px; line-height:103px; border-radius: 100%;  background:#de0730; text-align: center; opacity: 0; -webkit-transition: all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out -o-transition:all 0.3s ease-in-out; transition::all 0.3s ease-in-out;}
.btshop_wrap a.hover:hover::after {opacity: 1; left:50%;}

.btshop_wrap .top_area {display:flex; flex-wrap: nowrap; }
.btshop_wrap .top_area .lft_area {flex:1 1 50%; max-width:760px; font-size:45px; font-weight: 700; line-height: 50px; color:#000; text-align: center; padding-top:80px; background:url('../images/renew/extra/recom_bg.png') left bottom no-repeat; }
.btshop_wrap .top_area .lft_area p  {width:calc(100% - 250px);}
.btshop_wrap .top_area .rgh_area {flex:1 1 calc(100% - 760px); width:100%; height:665px;  position: relative; background:#edeeee; padding:140px 0 70px 0;}
.btshop_wrap .top_area .rgh_area::after {content: ''; position: absolute; width: 100%; height:100%; right: -100%; top: 0; margin-left: calc(-50vw + 50%); background:#edeeee; z-index: -1}
.btshop_wrap .top_area .bts_slider {position: absolute; width:calc(110% + 20px); left:-160px;}
.btshop_wrap .top_area .bts_slider span {position: absolute; top:10px; left:10px; display: inline-block; background:#df2648; color:#fff; font-size:18px; font-weight: 700; padding:2px 15px; border-radius: 30px;}
.btshop_wrap .top_area .bts_slider p {font-size:22px; font-weight: 700; color:#000;}
.btshop_wrap .top_area .bts_slider .slick-slide {position: relative; margin-right:20px;}
.btshop_wrap .top_area .pager {position: absolute; width: calc(110% + 20px); height: 324px; z-index: 0;}
.btshop_wrap .top_area .pager .btn_prev1 {position: absolute; left:-230px; top:40%; transform:translate(0, 0%); z-index: 1;}
.btshop_wrap .top_area .pager .btn_next1 {position: absolute; right:100px; top:40%; transform:translate(0, 0%); z-index: 1;}
.btshop_wrap .top_area .slick-arrow {text-indent: inherit; cursor: pointer;}
.btshop_wrap .top_area .slick-dots li {background:#c0c0c0;}
.btshop_wrap .top_area .slick-dots li.slick-active {background:#000000;}

.btshop_wrap .bt_area {}
.btshop_wrap .bt_area .src_wrap {padding:40px 0 20px 0; text-align: right;}
.btshop_wrap .bt_area .src_wrap select {border:1px solid #d7d7d7; border-radius: 5px; padding:8px 30px 8px 15px;}
.btshop_wrap .bt_area .con > div {display: flex; flex-wrap: wrap; width:100%; gap:25px;}
.btshop_wrap .bt_area .con > div .item {position: relative; flex: 1 1 25%; max-width:calc(25% - 19px); cursor: pointer;}
.btshop_wrap .bt_area .con > div .item div {position: relative; background:#000; height:275px; overflow: hidden;}
.btshop_wrap .bt_area .con > div .item div img {left: 50%; top: 50%; position: relative; transform: translate(-49.9%, -50.2%); height: 100%;opacity: 0.6; -webkit-transition: all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out -o-transition:all 0.3s ease-in-out; transition::all 0.3s ease-in-out;}
.btshop_wrap .bt_area .con > div .item  span {position: absolute; left:0;  bottom:20px; display: inline-block; font-size:22px; font-weight: 700; color:#fff; padding:9px 20px 9px 40px; z-index: 9; -webkit-transition: all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out -o-transition:all 0.3s ease-in-out; transition::all 0.3s ease-in-out;}
.btshop_wrap .bt_area .con > div .item span::before {content:''; width:0; height: 100%; background: #db072d; position: absolute; left: 0; bottom: 0px; z-index: -1; -webkit-transition: all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out -o-transition:all 0.3s ease-in-out; transition::all 0.3s ease-in-out;}
.btshop_wrap .bt_area .con > div .item:hover span:before {width:100%;}
.btshop_wrap .bt_area .con > div .item:hover div img {opacity: 1;}
.btshop_wrap .bt_area .con > div .item div::after {content: ''; display: block; position: absolute; width:100%; height:10px; bottom:0; background:linear-gradient(-45deg, #59554c 30%, #db072d 15%); }
.cus_modal {display: none; position: fixed;   z-index: 200;  left: 0;  top: 0; width: 100%; height: 100%; overflow: hidden;  background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.6); }
.cus_content {background-color: #fefefe;  margin: 5% auto;  padding: 20px;  width: 50%; max-width: 650px; border-top:5px solid #db072d; border-radius: 5px; padding:40px 30px 30px 30px;}
.cus_content .tit {font-size:30px; font-weight: 700; color:#000; margin-bottom:30px;}
.cus_close {color: #aaa;  float: right; font-size: 28px;  font-weight: bold;}
.cus_close:hover,
.cus_close:focus { color: black; text-decoration: none; cursor: pointer;}
.cus_modal .tab {list-style: none;margin: 0px;padding: 0px;overflow: hidden;}
.cus_modal .tab li {float: left;}		
.cus_modal .tab li {display: inline; color: #999999; font-weight: 700; text-align:left;text-decoration: none;padding: 0 20px; margin-bottom:30px;}
.cus_modal .tab li::after {content: ''; display: inline-block; width:2px; height:12px; background:#c8c8c8; position: relative; right:-20px;}
.cus_modal .tab li:first-child {padding:0 20px 0 0;}
.cus_modal .tabcont {display: none;}
.cus_modal ul.tab li.on{}
.cus_modal ul.tab li.on {color:#000;}
.cus_modal .tabcont.on {display: block;}
.cus_modal .tabcont .con1 {background:#f8f8f8; border-radius: 5px; padding:40px 30px; color:#000; height:590px; overflow-y: scroll;}
.cus_modal .tabcont > div::-webkit-scrollbar {width: 10px;}
.cus_modal .tabcont > div::-webkit-scrollbar-thumb {background-color:transparent; border-radius: 10px; background-clip: padding-box; border:1px solid #ddd;}
.cus_modal .tabcont > div::-webkit-scrollbar-track { background-color:transparent; border-radius: 10px; box-shadow: inset 0px 0px 5px white;}
.cus_modal .sti {font-size:20px; color:#000; font-weight: 500;}
.cus_modal .tabcont .con2 {height:590px; overflow-y: scroll;}
.cus_modal .tabcont .list_wrap {padding-right: 20px;}
.cus_modal .tabcont .list_wrap ul {border-top:1px solid #232323; margin:15px 0 20px 0;}
.cus_modal .tabcont .list_wrap ul li {display: flex; border-bottom:1px solid #e4e4e4; padding:13px 20px; color:#000;}
.cus_modal .tabcont .list_wrap span {display: inline-block; width:100px;}
.cus_modal .tabcont .list_wrap p {}
.cus_modal .tabcont .con3 {height:590px; overflow-y: scroll;}
.cus_modal .tabcont .con3 .list_wrap span {width:auto; font-weight: 700; margin-right:20px;}
.cus_modal .tabcont .bg_gray {background:#f8f8f8; border-radius: 5px; padding:20px; color:#000; height:150px; overflow-y: scroll; margin-right: 20px;}
.cus_modal .tabcont .bg_gray::-webkit-scrollbar {width: 10px;}
.cus_modal .tabcont .bg_gray::-webkit-scrollbar-thumb {background-color:transparent; border-radius: 10px;  background-clip: padding-box; border:1px solid #ddd;}
.cus_modal .tabcont .bg_gray::-webkit-scrollbar-track { background-color:transparent; border-radius: 10px; box-shadow: inset 0px 0px 5px white;}
.cus_modal .tabcont .con4 {height:590px; overflow-y: scroll;}
.cus_modal .tabcont .con4 .bot {display: flex;}
.cus_modal .tabcont .con4 .modal_silde .slick-slide > * > * {height:455px;}
.cus_modal .tabcont .con4 .modal_silde .slick-slide img {height:100%;}
.cus_modal .tabcont .thum_silde {width:60%;}
.cus_modal .tabcont .thum_silde .slick-slide {margin-right:3px; width:116px; height:91px; background:#000; cursor: pointer; overflow: hidden;}
.cus_modal .tabcont .thum_silde .slick-slide img {opacity: 0.5; width:100%; height:100%;}
.cus_modal .tabcont .thum_silde .slick-current {border:5px solid #dc1034;}
.cus_modal .tabcont .thum_silde .slick-current  img {opacity: 1;}
.cus_modal .tabcont .pager {position: relative; display: flex; width: 100%; justify-content: flex-end; align-items: center; gap:20px;}
.cus_modal .tabcont .pager .btn_prev2 {text-indent: initial; cursor: pointer;}
.cus_modal .tabcont .pager .btn_next2 {text-indent: initial; cursor: pointer;}
.cus_modal .tabcont .pager .custom_paging {color:#999;}
.cus_modal .tabcont .pager .custom_paging span  {color:#db072d; font-weight: 700;}

.btshop_wrap >  .tit-st1 {font-size:40px; width:100%; text-align: center; font-weight: 600; padding-top:15px;}
.btshop_wrap >  .smenu {display: block; width:100%; margin-bottom:77px;}
.btshop_wrap >  .smenu ul {display: flex; width:100%; text-align: center; justify-content: center; gap:44px;}
.btshop_wrap >  .smenu ul li {color:#999999; font-weight: 700}
.btshop_wrap >  .smenu ul li::after {content: ''; width:2px; height:12px; background:#c8c8c8; display: inline-block; right: -20px; position: relative;}
.btshop_wrap >  .smenu ul li:last-child::after {display: none;}
.btshop_wrap >  .smenu ul li.on {color:#000;}

.btshop_wrap >  .tmenu {display: block; width:100%; margin-bottom:30px;}
.btshop_wrap >  .tmenu ul {display: flex; width:100%; text-align: center; justify-content: flex-start; gap:20px;}
.btshop_wrap >  .tmenu ul li {font-size:20px; color:#cbcbcb; font-weight: 700; padding:4px 20px; border-radius: 30px;}
.btshop_wrap >  .tmenu ul li.on {background:#232323; color:#fff;}

/**************************** 바텍관 진단장비 **************************************/
.btshop_con01 .top_area {padding-bottom:132px; border-bottom:4px solid #444444; margin-bottom:4px;}
.btshop_con01 .top_area ul {display: flex; width:100%; gap:12px;}
.btshop_con01 .top_area ul li {flex: 1 1 33.3333%; background:#f8f8f8; border-radius: 10px;  height:700px; -webkit-transition: all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out -o-transition:all 0.3s ease-in-out; transition::all 0.3s ease-in-out;}
.btshop_con01 .top_area ul li:nth-child(1){background:url('../images/renew/extra/vatech_img0101.jpg') center #f8f8f8 no-repeat; background-size: contain;}
.btshop_con01 .top_area ul li:nth-child(2) {background:url('../images/renew/extra/vatech_img0102.jpg') center #f8f8f8 no-repeat; background-size: contain;}
.btshop_con01 .top_area ul li:nth-child(3) {background:url('../images/renew/extra/vatech_img0103.jpg') center #f8f8f8 no-repeat; background-size: cover;}
.btshop_con01 .top_area ul li a {position: relative; display: block; width:100%; height:100%;}
.btshop_con01 .top_area ul li a > div {position: absolute; left:50%; top:88px; transform: translate(-50%, 0); width:100%; text-align: center;}
.btshop_con01 .top_area ul li span {font-size:44px; font-weight: 700; color:#000; line-height:54px; display:block; margin-bottom:30px;}
.btshop_con01 .top_area ul li p {color:#df2646; font-weight: 600; font-size:16px;}
.btshop_con01 .top_area ul li p::after {content: url('../images/renew/extra/red_arrow1.png'); margin-left:10px;}

.btshop_con01 .bt_area {border-top:4px solid #444444; padding-top:125px;}
.btshop_con01 .bt_area .tit {font-size:34px; font-weight: 700; color:#000; width:100%; text-align: center; margin-bottom:35px;}
.btshop_con01 .bt_area .pager {display: flex; align-items: center; justify-content: center; gap: 6px; margin-bottom:84px;}
.btshop_con01 .bt_area .btn_prev {display: inline-block; text-indent: inherit; cursor: pointer;}
.btshop_con01 .bt_area .btn_next {display: inline-block; text-indent: inherit; cursor: pointer;}
.btshop_con01 .since_silde {width:100vw;}
.btshop_con01 .since_silde .item {}
.btshop_con01 .since_silde .slick-slide {margin-right:80px; width:100%; max-width:610px;}
.btshop_con01 .since_silde .item .year {position: relative; font-size:180px; font-weight: 900; line-height: 133px; letter-spacing: -.1em; color:#f2f1f1; margin-bottom:37px;}
.btshop_con01 .since_silde .item .year::before {content: ''; position: absolute; right: -8px; bottom: -3px; display: inline-block; width:7px; height:7px; border-radius: 100%; background:#444444; }
.btshop_con01 .since_silde .item .year::after {content: ''; position: relative; left:8px; display: block; width:100%; height:1px; background:#444444; }
.btshop_con01 .since_silde .item .cont {display: flex; width:100%; align-items:center;}
.btshop_con01 .since_silde .item .txt_wrap {flex:1 1 230px;}
.btshop_con01 .since_silde .item .txt_wrap span {display: inline-block; color:#fff; background:#de0730; font-size:18px; font-weight: 700; padding:2px 14px 3px 14px; border-radius: 20px; margin-bottom:20px;}
.btshop_con01 .since_silde .item .txt_wrap .btxt {font-size:30px; line-height:40px; font-weight: 700; color:#000; margin-bottom:20px;}
.btshop_con01 .since_silde .item .txt_wrap .stxt {color:#999999;}
.btshop_con01 .since_silde .item .img_wrap {flex:1 1 calc(100% - 230px); text-align: center;}

/* dental ct */
.btshop_list {}
.btshop_list .list_wrap {display: flex; width:100%; flex-wrap: wrap; gap:20px;}
.btshop_list .list_wrap .item {flex:0 0 25%; max-width: calc(25% - 15px); position: relative; background:#fafafa; border-radius: 10px; overflow: hidden;}
.btshop_list .list_wrap .item > a {display: flex; flex-direction: column; align-items: center; justify-content: center;  padding:70px 0 47px 0;}
.btshop_list .list_wrap .item .img {height:376px; text-align: center;}
.btshop_list .list_wrap .item:first-child .img {height:365px;}
.btshop_list .list_wrap .item .img img {width:100%; -webkit-transition: all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out -o-transition:all 0.3s ease-in-out; transition::all 0.3s ease-in-out;}
/*.btshop_list .list_wrap .hover:hover .img img {width:105%; max-width: none;}*/
.btshop_list .list_wrap .item .txt {}

/* arp */
.btshop_arp {}
.btshop_arp .img_wrap {background:#f4f5f8; text-align: center; font-size:0;}
.btshop_arp .form_wrap {}
.btshop_arp .form_wrap .in {width:100%; max-width: 860px; margin:0 auto;}
.btshop_arp .form_wrap .con_tit {padding:80px 0 70px 0; color:#000;}
.btshop_arp .form_wrap .con_tit h3 {font-size:34px; font-weight: 700; margin-bottom:5px;}
.btshop_arp .form_wrap .con_tit p {font-size:18px; font-weight: 500;}
.btshop_arp .form_wrap .con_wrap {color:#000; margin-bottom:70px;}
.btshop_arp .form_wrap .con_wrap .tit {display: flex; justify-content: space-between; align-items: center; width:100%; border-bottom:2px solid #000; padding-bottom:24px; margin-bottom:19px; }
.btshop_arp .form_wrap .con_wrap .tit h4 {font-size:30px; font-weight: 500;}
.btshop_arp .form_wrap .con_wrap .tit p {font-size:14px; font-weight: 300; color:#888888;}
.btshop_arp .form_wrap .con_wrap .con {}
.btshop_arp .form_wrap .con_wrap .con .row {display: flex; gap:30px; width:100%;}
.btshop_arp .form_wrap .con_wrap .con .ti {font-size:18px; font-weight: 500; margin:20px 0 16px 0; }
.btshop_arp .form_wrap .con_wrap .con .cel {width:100%;}
.btshop_arp .form_wrap .con_wrap .con .cel.twc {flex:1 1 50%; width:50%;}
.btshop_arp .form_wrap .con_wrap .con input[type=text] {height:70px; width:100%; font-size:18px; color:#000; border:1px solid #e4e4e4; border-radius: 10px !important; padding:0 30px;}
.btshop_arp .form_wrap .con_wrap .con select {height:70px; width:100%; font-size:18px; color:#000; border:1px solid #e4e4e4; border-radius: 10px !important; padding:0 30px;}
.btshop_arp .form_wrap .con_wrap .btn_set {width:100%;}
.btshop_arp .form_wrap .btn_set a {display: block; width:100%; background:#232323; color:#fff; text-align: center; padding:25px 0; font-size:18px; font-weight: 700; border-radius: 10px;}

/* 바텍관 팝업 */
.pro_modal {display: none; position: fixed;   z-index: 200;  left: 0;  top: 0; width: 100%; height: 100%; overflow: hidden;  background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.6); }
.pro_modal .custom_paging {display: none;}
.pro_modal .pro_content {width:100%; max-width: 1400px; margin:0 auto; -webkit-box-shadow: 9px 9px 18px 0px rgba(0,0,0,0.22); -moz-box-shadow: 9px 9px 18px 0px rgba(0,0,0,0.22); box-shadow: 9px 9px 18px 0px rgba(0,0,0,0.22);}
.pro_modal .pro_close {cursor: pointer; font-size:40px;}
.pro_modal .mhead {height:50px;background:#fff; padding:0 30px; display: flex; width: 100%;  justify-content: space-between; align-items: center;}
.pro_modal .mhead img {width:115px;}
.pro_modal .mhead > div:first-child {display: flex; align-items: center;}
.pro_modal .mhead > div:first-child span {margin-left:20px; vertical-align: baseline;}
.pro_modal .mbody {position: relative; display: flex;}
.pro_modal .mbody .left {width: calc(100% - 300px); background:#646a6e;}
.pro_modal .mbody .left .pro_silde > div {text-align: center; padding:20px 0;}
.pro_modal .mbody .left .pro_silde .slick-slide{opacity: 0; -webkit-transition: all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out -o-transition:all 0.3s ease-in-out; transition::all 0.3s ease-in-out;}
.pro_modal .mbody .left .pro_silde .slick-current{opacity: 1;}
.pro_modal .mbody .rgh {width:300px; background:#3e4245;}
.pro_modal .mbody .rgh .thum_silde .slick-slide {margin-bottom: 30px; cursor: pointer;}
.pro_modal .mbody .rgh .thum_silde .slick-slide img {width: 101px; height:133px; opacity: 0.5; -webkit-transition: all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out -o-transition:all 0.3s ease-in-out; transition::all 0.3s ease-in-out;}
.pro_modal .mbody .rgh .thum_silde .slick-slide > div > div {display: flex !important; align-items: center; justify-content: center;}
.pro_modal .mbody .rgh .thum_silde .slick-slide span {margin-right:30px; opacity: 0.5; font-size:13px; color:#fff;}
.pro_modal .mbody .rgh .thum_silde .slick-current span {opacity:1;}
.pro_modal .mbody .rgh .thum_silde .slick-current img {opacity:1; border:10px solid #dc062c;}
.pro_modal .mbody .rgh .btn_set  {padding:10px;}
.pro_modal .mbody .rgh .btn_set  a {display: inline-block; background:#dc062c; color:#fff; font-size:18px; font-weight: 700; padding:25px 0; text-align: center; width:280px; border-radius: 10px;}
/*.pro_modal .mbody .rgh .slick-list {overflow-y: scroll}
.pro_modal .mbody .rgh .slick-list::-webkit-scrollbar {width: 10px;}
.pro_modal .mbody .rgh .slick-list::-webkit-scrollbar-thumb {background-color:transparent; border-radius: 10px; background-clip: padding-box; border:1px solid #737577;}
.pro_modal .mbody .rgh .slick-list::-webkit-scrollbar-track { background-color:transparent; border-radius: 10px; }*/
.wrap {position: fixed; display: block; top:0; left:0; width:100%; height:100%; z-index: 999; opacity: 0; visibility: hidden;-webkit-transition: all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out -o-transition:all 0.3s ease-in-out; transition::all 0.3s ease-in-out;}
.form_wrap2 {display: block;  position: absolute; right:-100%;; top: 0; width:420px; height: 100%; background: #fff; z-index: 9; border-top:5px solid #db082f; padding:30px; z-index: 202; -webkit-transition: all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out -o-transition:all 0.3s ease-in-out; transition::all 0.3s ease-in-out;}
.form_wrap2.safe {right:auto; height: 710px; top: 50%; left: 50%;  transform: translate(-50%, -50%);}
.form_wrap2.safe .tit {margin:0 0 20px 0;}
.form_wrap2 .tit {font-size:30px; font-weight: 800; margin:0 0 40px 0; color:#000;}
.form_wrap2 .form {}
.form_wrap2 .form input[type=text] {height:70px; width:100%; font-size:18px; color:#000; border:1px solid #e4e4e4; border-radius: 10px !important; padding:0 30px;margin-bottom:10px;}
.form_wrap2 .form textarea {height:120px; width:100%; font-size:18px; color:#000; border:1px solid #e4e4e4; border-radius: 10px !important; padding:20px 30px; resize: none;}
.form_wrap2 .form .btn_set  {display: flex; gap:10px; margin-top:20px;}
.form_wrap2 .form .btn_set > div:first-child  {flex:1 1 60%}
.form_wrap2 .form .btn_set > div:last-child  {flex:1 1 40%}
.form_wrap2 .form .btn_set > div a  {display: inline-block; width:100%; text-align: center; font-size:18px; font-weight: 700; color:#fff; background:#db082f; border-radius: 10px; padding:20px 0;}
.form_wrap2 .form .btn_set > div:last-child a  {background:#232323;}
.form_wrap2 .pro_close  {position: absolute; right:10px; top:10px; cursor: pointer;}
.form_wrap2 .sel  {padding: 12px 0; display: flex;  gap: 20px;}
.overlay {display: block; opacity: 0;  visibility: hidden; position: fixed; width:100%; height:100%; left:0; top:0; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.6); z-index: 201; -webkit-transition: all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out -o-transition:all 0.3s ease-in-out; transition::all 0.3s ease-in-out;}

/* 중고장비관 */
.btshop_list .list_wrap .item.soldout .hover::before {content: 'Sold Out'; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); display: inline-block; width:94px; height:94px; line-height:94px; border-radius: 100%;  background:#000; color:#fff; text-align: center; opacity: 1; -webkit-transition: all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out -o-transition:all 0.3s ease-in-out; transition::all 0.3s ease-in-out;}
.btshop_list .list_wrap .item.soldout .hover::after {display: none;}
.used .pro_modal .mbody .left {width:calc(100% - 600px);}
.used .info {position: relative; width:300px; background:#fff; padding:20px;}
.used .info .top { border-bottom:1px solid #d4d4d4; padding-bottom:20px; margin-bottom:20px;}
.used .info .top h3 {font-size:22px; color:#db082f; font-weight: 500; }
.used .info .top span {color:#000; font-weight: 700; }
.used .info .top div {display: inline-block; background:#efefef; padding:7px 10px; border-radius: 10px; font-size:14px;}
.used .info .con {border-bottom: 1px solid #d4d4d4; padding-bottom: 20px; margin-bottom: 20px;}
.used .info .con li {position: relative; font-size:14px; padding-left:15px;}
.used .info .con li::before {content: ''; width:5px; height:5px; border-radius: 100%; background:#ddd; display: inline-block; vertical-align: middle; margin-right:10px; position: absolute; top: 7px; left: 2px;}
.used .bt {}
.used .bt ul {display: flex; flex-direction: column; gap:10px 0; background:#efefef; border-radius: 10px; padding:10px 20px;}
.used .bt ul li {flex: 0 0 33.3333%; font-size:14px;}
.used .bt ul li img {vertical-align: middle; margin-right:5px;}
.used .bt .notice {border-top: 1px solid #d4d4d4; padding-top: 20px;  margin-top: 20px; font-size:14px;}
.used .bt .notice h6 {font-size:16px; font-weight: 500;}
.used .bt .notice dl {background:#efefef; padding:10px; margin:20px 0;}
.used .pro_modal .mbody .info .btn_set {position: absolute;  width: calc(100% - 40px);  bottom: 80px;}
/*.used .pro_modal .mbody .info .btn_set  a:first-child {flex:1 1 30%; text-align: center; border:1px solid #828282; background:#fff;}*/
.used .pro_modal .mbody .info .btn_set  a {display: inline-block; background:#dc062c; color:#fff; font-size:18px; font-weight: 700; padding:20px 0; text-align: center; width:100%; border-radius: 10px;}
.used .pro_modal .mbody .info .btn_set   a img {vertical-align: middle}
.used .pro_modal .mbody .pro_silde .slick-slide div {height:100vh; line-height: 100vh;}
.used .pro_modal .mhead {height:0;}
.used .pro_modal .pro_close {position: relative; top:20px; z-index: 9;}

input[type="checkbox"].form2 {display:none;}
input[type="checkbox"].form2 + label {color:#000;font-size:16px; font-weight: 600; cursor: pointer;}
input[type="checkbox"].form2 + label span {display:inline-block; width:26px; height:26px; margin:-2px 10px 0 0; vertical-align:middle; background:url('../images/renew/extra//icon_select.png') no-repeat;   cursor:pointer; vertical-align: text-top;}
input[type="checkbox"].form2:checked + label span {background:url('../images/renew/extra/icon_select_on.png') no-repeat;}

/**************************** 바텍관 Perfit **************************************/
.btshop_con02 .top_area {}
.btshop_con02 .top_area ul {display: flex; width:100%; gap:12px;}
.btshop_con02 .top_area ul li {flex: 1 1 50%; background:#f8f8f8; border-radius: 10px;  height:730px;}
.btshop_con02 .top_area ul li:nth-child(1){background:url('../images/renew/extra/vatech_img0201.jpg') center #f8f8f8 no-repeat; background-size: contain;}
.btshop_con02 .top_area ul li:nth-child(2) {background:url('../images/renew/extra/vatech_img0202.jpg') center #f8f8f8 no-repeat; background-size: contain;}
.btshop_con02 .top_area ul li a {position: relative; display: block; width:100%; height:100%;}

.btshop_con02 .top_area ul li a > div {position: absolute; left:50%; top:88px; transform: translate(-50%, 0); width:100%; text-align: center;}
.btshop_con02 .top_area ul li span {font-size:44px; font-weight: 700; color:#000; line-height:54px; display:block; margin-bottom:30px;}
.btshop_con02 .top_area ul li p {color:#df2646; font-weight: 600; font-size:16px; font-weight: 500;}
.btshop_con02 .top_area ul li p::after {content: url('../images/renew/extra/red_arrow1.png'); margin-left:10px;}

/* lab */
.btshop_lab .sec_01 {display: flex; width:100%; color:#000; margin-top:100px;}
.btshop_lab .sec_01 .left {flex:1 0 auto;}
.btshop_lab .sec_01 .left > div{font-size:48px; font-weight: 700; line-height: 58px; margin-bottom:70px;}
.btshop_lab .sec_01 .left > p{font-size:42px; line-height:56px; font-weight: 300;}
.btshop_lab .sec_01 .left > a {display: inline-block; font-size:18px; font-weight: 700; text-align: center; background:#df2648; color:#fff; border-radius: 10px; padding:20px 0; width:360px; margin-top:100px;}
.btshop_lab .sec_01 .righ {flex:0 0 1013px; text-align: right;}
.btshop_lab .sec_02  {margin-top:100px;}
.btshop_lab .sec_02 .con_tit {font-size:28px; font-weight: 700; color:#000; border-bottom:2px solid #000; padding-bottom:9px; margin-bottom:30px; text-align: left;}
.btshop_lab .sec_02 > div  {text-align: center;}
.btshop_lab .sec_02 .text_wrap  {display: flex; margin:120px 0 110px 0;}
.btshop_lab .sec_02 .text_wrap > div  {flex:1 1 50%;}
.btshop_lab .sec_02 .text_wrap ul  {display: flex; gap:15px;}
.btshop_lab .sec_02 .text_wrap span  {display: block; width:100%; text-align: center; font-size:18px; font-weight: 500; color:#000; margin-top:17px;}
.btshop_lab .sec_02 .text_wrap .txt {text-align: left; font-size:14px; color:#666666; line-height:24px; margin-top:16px;}
.btshop_lab .sec_03  {margin-top:100px;}
.btshop_lab .sec_03 .con_tit {font-size:28px; font-weight: 700; color:#000; border-bottom:2px solid #000; padding-bottom:9px; margin-bottom:30px; text-align: left;}
.btshop_lab .sec_03 .text_wrap > ul {display: flex; margin:70px 0 122px 0; gap:15px; justify-content: center;}
.btshop_lab .sec_03 .text_wrap > ul span {display: block; font-size:18px; font-weight: 500; color:#000; line-height: 28px; text-align: center; margin-top:16px;}
.btshop_lab .sec_03 .txt {text-align: left; font-size:14px; color:#666666; line-height:24px; margin-top:16px;}
.btshop_lab .sec_04 {margin-top:64px;}
.btshop_lab .sec_04 .con_wrap {display: flex; width:100%; gap:95px; padding:60px 0; border-bottom:1px solid #e4e4e4; color:#000;}
.btshop_lab .sec_04 .con_wrap:last-child {border:none;}
.btshop_lab .sec_04 .con_wrap > div:first-child {flex:0 0 30%;}
.btshop_lab .sec_04 .con_wrap > div {flex:0 1 auto;}
.btshop_lab .sec_04 .con_wrap h4 {font-size:36px; font-weight: 700; padding:19px 0 20px 0;}
.btshop_lab .sec_04 .con_wrap ul li {font-size:16px; line-height:36px;}
.btshop_lab .sec_04 .con_wrap ul li dd{line-height: 26px; padding-left:16px;}

/* clinic */
.btshop_clinic {}
.btshop_clinic .img_wrap {margin-top:70px;}
.btshop_clinic .con_wrap {}
.btshop_clinic .con_wrap .con {display: flex; width:100%; color:#000; margin-top:140px;}
.btshop_clinic .con_wrap .left {flex:1 0 auto;}
.btshop_clinic .con_wrap .left > div{font-size:48px; font-weight: 700; line-height: 58px; margin-bottom:70px;}
.btshop_clinic .con_wrap .left > p{font-size:16px; line-height: 26px;}
.btshop_clinic .con_wrap .left > a {display: inline-block; font-size:18px; font-weight: 700; text-align: center; background:#df2648; color:#fff; border-radius: 10px; padding:20px 0; width:360px; margin-top:160px;}
.btshop_clinic .con_wrap .righ {flex:0 0 1013px; text-align: right;}
.btshop_clinic .con_wrap .righ th  {text-align: center;}
.btshop_clinic .con_wrap .righ .line {display: block; width:100%; text-align: left; border-top:1px solid #3f3f3f; border-bottom:1px solid #3f3f3f; padding:22px 0; margin-bottom:40px;}
.btshop_clinic .con_wrap .righ .line span {font-weight: 700;}
.btshop_clinic .con_wrap .righ .tb_txt {display: block; text-align: left; font-size:14px; color:#666666; margin-top:10px;}
.btshop_clinic .con_wrap .righ ul {display: flex; gap:19px; margin-bottom:64px;}
.btshop_clinic .con_wrap .righ ul li {}
.btshop_clinic .con_wrap .righ ul li span {display: block; width:100%; text-align: center; margin-top:18px;}

/**************************** 바텍관 SafeOn **************************************/
.btshop_con03 .con_wrap {background:url('../images/renew/extra/bg_con03.png') center bottom #eef6fb no-repeat; background-size:cover; border-radius: 10px; overflow: hidden; padding:160px 0;}
.btshop_con03 .con_wrap > div {display: flex; flex-direction: column; flex-wrap: nowrap;  align-items: center;  justify-content: center; text-align: center}
.btshop_con03 .con_wrap .txt_wrap {color:#000;}
.btshop_con03 .con_wrap .txt_wrap .txt_blue {font-size:34px; font-weight: 700; display: block; margin:27px 0 56px 0;}
.btshop_con03 .con_wrap .txt_wrap p {font-size:24px; line-height: 38px;}
.btshop_con03 .con_wrap .btn_set {margin-top:76px;}
.btshop_con03 .con_wrap .btn_set > ul {display: flex; gap:10px;}
.btshop_con03 .con_wrap .btn_set > ul li {border-radius: 10px; padding:27px 15px 17px 30px; width:360px;}
.btshop_con03 .con_wrap .btn_set > ul li:first-child {background:#0068b7;}
.btshop_con03 .con_wrap .btn_set > ul li:last-child {background:#25b7aa;}
.btshop_con03 .con_wrap .btn_set > ul li a {color:#fff;}
.btshop_con03 .con_wrap .btn_set .tit {text-align: left; font-size:22px; font-weight: 300; margin-bottom:43px;}
.btshop_con03 .con_wrap .btn_set .tit b {font-weight: 700; display: block;}
.btshop_con03 .con_wrap .btn_set .link {text-align: right;}
.btshop_con03 .con_wrap .btn_set .link::after {content: url('../images/renew/extra/white_arrow1.png'); margin-left:10px; position: relative; right:0; -webkit-transition: all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out -o-transition:all 0.3s ease-in-out; transition::all 0.3s ease-in-out;}
.btshop_con03 .con_wrap .btn_set a:hover .link::after {right:-5px;}

/* care */
.btshop_care {margin-top:40px;}
.btshop_care .sec02 {}
.btshop_care .sec02 .txt_wrap {margin:135px 0 80px 0; text-align: center; color:#000;}
.btshop_care .sec02 .txt_wrap > div {font-size:48px; font-weight: 700; margin-bottom:31px; }
.btshop_care .sec02 .txt_wrap > p {}
.btshop_care .sec02 .txt_wrap > p span {font-weight:700 }
.btshop_care .sec02 .icon_wrap {display: flex; justify-content: center; gap: 25px; margin-bottom:90px;}
.btshop_care .sec02 .icon_wrap .icon {flex:0 0 33.333%; border-top:1px solid #232323; border-bottom:1px solid #232323; padding:50px 0; display: flex; align-items: center; gap:40px; color:#000;}
.btshop_care .sec02 .icon_wrap .icon > div:first-child {margin-left:30px;}
.btshop_care .sec02 .icon_wrap .icon h4 {font-size:28px; font-weight:700;}
.btshop_care .sec02 .icon_wrap .icon p {margin-top:10px;}
.btshop_care .sec02 .img_wrap > div {display: flex; gap:30px; align-items: center; justify-content: center;}
.btshop_care .sec03 {background:#f2f4f6; border-radius: 10px; padding:130px 0; margin-top:137px; text-align: center;}
.btshop_care .sec03 .txt_wrap {color:#000;}
.btshop_care .sec03 .txt_wrap .btxt {font-size:48px; font-weight: 700; margin-bottom:40px; word-break: keep-all;}
.btshop_care .sec03 .txt_wrap .stxt {font-size:28px; font-weight: 500; line-height: 38px; margin-top:60px;}
.btshop_care .sec03 .txt_wrap p {font-size:16px; line-height: 26px; }
.btshop_care .sec03 .txt_wrap span {color:#444444;}
.btshop_care .sec03 .img_wrap {margin:56px 0 100px 0;}
.btshop_care .sec03 .img_wrap p {font-size:16px; color:#2c3239; font-weight: 500; margin-top:50px;}
.btshop_care .sec03 .img_wrap img {-webkit-box-shadow: 15px 15px 38px 0px rgba(23,50,77,0.14); -moz-box-shadow: 15px 15px 38px 0px rgba(23,50,77,0.14); box-shadow: 15px 15px 38px 0px rgba(23,50,77,0.14);}
.btshop_care .sec03 .form_wrap {display: flex; justify-content: center; align-items: flex-start; gap:110px; padding:0 20px;}
.btshop_care .sec03 .form_wrap .rgh {text-align: left; color:#000;}
.btshop_care .sec03 .form_wrap .rgh p {font-size:30px; font-weight: 300;}
.btshop_care .sec03 .form_wrap .rgh .link {margin-top:70px}
.btshop_care .sec03 .form_wrap .rgh .link > div { border-radius: 50px; margin-bottom:15px; padding:15px 0 15px 80px; width:340px; overflow: hidden;}
.btshop_care .sec03 .form_wrap .rgh .call {background:url('../images/renew/extra/icon_care1.png')  20px center #0068b7 no-repeat; color:#fff;}
.btshop_care .sec03 .form_wrap .rgh .kakao {background:url('../images/renew/extra/icon_care2.png')  20px center #fae100 no-repeat; color:#000;}
.btshop_care .sec03 .form_wrap .rgh .link > div.online {padding:0;}
.btshop_care .sec03 .form_wrap .rgh .online a {display: block; background:url('../images/renew/extra/icon_care3.png') 20px center  #232323 no-repeat; color:#fff; padding:15px 0 15px 80px; width:340px; }
.btshop_care .video_wrap iframe {width: 50%; height: 473px; min-width: 280px;}
.btshop_care .video_wrap .tit {margin-top:30px; font-weight: 700; font-size:22px; color:#000;}
.btshop_care .video_wrap p {font-size:18px; display: block; margin-top:15px;}
.btshop_care video,
.btshop_pro video {max-width: 850px; margin:0 auto;}

/* care */
.btshop_pro {margin-top:40px;}
.btshop_pro .sec02 > div {display: flex; justify-content: center; gap:150px; align-items: center; margin-top:50px;}
.btshop_pro .sec02 .img_wrap {font-size:0px;}
.btshop_pro .sec02 .btxt {font-size:50px; color:#000; font-weight: 700; line-height: 58px;}
.btshop_pro .sec02 p {line-height: 26px; margin-top:50px;}
.btshop_pro .sec02 p .bg_blue {display: inline-block; background:#0068b7; color:#fff;}
.btshop_pro .sec02 p .bg_green {display: inline-block; background:#25b7aa; color:#fff;}
.btshop_pro .sec03  {background:#f2f4f6; border-radius: 10px; padding:110px 0 150px;}
.btshop_pro .sec03  > div {display: flex;  justify-content: center; align-items: center; flex-direction: column;}
.btshop_pro .sec03  .txt_wrap {text-align: center;color:#000;}
.btshop_pro .sec03  .txt_wrap span {background:#232323; color:#fff; font-weight: 700; border-radius: 20px; padding:4px 20px;}
.btshop_pro .sec03  .txt_wrap .btxt {margin:45px 0 28px 0; font-size:48px; line-height:58px; font-weight: 700; }
.btshop_pro .sec03  .txt_wrap p {}
.btshop_pro .sec03  ul  {margin:60px 0 70px 0; display: flex; gap:150px;}
.btshop_pro .sec03  ul li {display: flex; flex-direction: column;  justify-content: space-between; align-items: center; color:#000;}
.btshop_pro .sec03  ul li span {display: block; margin-top:37px;}
.btshop_pro .sec03  ul li > div {height: 135px; line-height: 185px;}
.btshop_pro .sec04 {padding:130px 0;}
.btshop_pro .sec04 > div {display: flex; gap:10%; justify-content: center;}
.btshop_pro .sec04 .txt_wrap {color:#000;}
.btshop_pro .sec04 .txt_wrap span {background:#232323; color:#fff; font-weight: 700; border-radius: 20px; padding:4px 20px;}
.btshop_pro .sec04  .txt_wrap .btxt {margin:45px 0 28px 0; font-size:48px; line-height:58px; font-weight: 700; color:#000;}
.btshop_pro .sec04  .txt_wrap p.gray_txt {color:#75828e; display: block; margin-top:70px;}
.btshop_pro .sec04  .img_wrap li:first-child {margin-bottom:30px;}
.btshop_pro .sec05 {background:#f2f4f6; border-radius: 10px; padding:110px 0 70px 0;text-align: center;}
.btshop_pro .sec05 .txt_wrap {color:#000; margin-bottom:40px;}
.btshop_pro .sec05 .txt_wrap span {background:#232323; color:#fff; font-weight: 700; border-radius: 20px; padding:4px 20px;}
.btshop_pro .sec05 .txt_wrap .btxt {margin:45px 0 28px 0; font-size:48px; line-height:58px; font-weight: 700; color:#000;}
.btshop_pro .sec05 .cont {margin:0 130px;}
.btshop_pro .sec05 .cont .tit {display: block; width:100%; text-align: left; color:#000; font-size:20px; font-weight: 700; margin-bottom:10px;}
.btshop_pro .sec05 .cont .img_wrap {background:#fff; border-radius: 10px; padding:20px 20px 30px 30px; margin-bottom:40px;}
.btshop_pro .sec05 .cont .img_wrap.it {display: flex; text-align: left; gap:80px; align-items: center; padding:70px;}
.btshop_pro .sec05 .cont .img_wrap ul {display: flex; justify-content: space-between; width:100%; color:#000; }
.btshop_pro .sec05 .cont .img_wrap ul p {margin-top:9px; text-align: center;}
.btshop_pro .sec05 .cont .img_wrap .btxt {font-size:34px; line-height: 50px; font-weight: 700; color:#000;}
.btshop_pro .sec05 .cont .img_wrap .list > div {display: flex; gap:24px; margin-bottom:12px; color:#000;}
.btshop_pro .sec05 .cont .img_wrap .list > div:last-child{margin-bottom:0;}
.btshop_pro .sec05 .cont .img_wrap span {display: inline-block; background:#232323; color:#fff; border-radius: 30px; text-align: center; width:151px; padding:6px 0;}
.btshop_pro .form_wrap {display: flex; justify-content: center; align-items: flex-start; gap:110px; padding:0 20px; margin-top:137px}
.btshop_pro .form_wrap .rgh {text-align: left; color:#000;}
.btshop_pro .form_wrap .rgh p {font-size:30px; font-weight: 300;}
.btshop_pro .form_wrap .rgh .link {margin-top:70px}
.btshop_pro .form_wrap .rgh .link > div { border-radius: 50px; margin-bottom:15px; padding:15px 0 15px 80px; width:340px; overflow: hidden;}
.btshop_pro .form_wrap .rgh .call {background:url('../images/renew/extra/icon_care1.png')  20px center #0068b7 no-repeat; color:#fff;}
.btshop_pro .form_wrap .rgh .kakao {background:url('../images/renew/extra/icon_care2.png')  20px center #fae100 no-repeat; color:#000;}
.btshop_pro .form_wrap .rgh .link > div.online {padding:0;}
.btshop_pro .form_wrap .rgh .online a {display: block; background:url('../images/renew/extra/icon_care3.png') 20px center  #232323 no-repeat; color:#fff; padding:15px 0 15px 80px; width:340px; }

/**************************** 바텍관 Clismile **************************************/
.btshop_con04 .sec01 {width: 100%; text-align: center;}
.btshop_con04 .sec01 .txt_wrap {}
.btshop_con04 .sec01 .txt_wrap p {font-size:18px; line-height: 34px; color:#000; font-weight: 500; padding:129px 0 91px 0; width:100%;}
.btshop_con04 .sec01 .txt_wrap button {background:#df2648; color:#fff; font-size:18px; font-weight: 700; text-align: center; padding:20px 130px; border-radius: 10px;}
.btshop_con04 .sec02 {}
.btshop_con04 .sec02 .tit {width:100%; text-align: center; margin-top:153px;}
.btshop_con04 .sec02 .tit h3 {font-size:48px; font-weight: 700; color:#000; margin-bottom:13px;}
.btshop_con04 .sec02 .tit span {font-size:18px; color:#000; font-weight: 500; }
.btshop_con04 .sec02 .item {margin-bottom:110px;}
.btshop_con04 .sec02 .item .con_tit {font-size:28px; font-weight: 700; color:#000; border-bottom:2px solid #000; padding-bottom:9px; margin-bottom:30px;}
.btshop_con04 .sec02 .item .con_wrap {display: flex; width:100%; align-items: center; flex-wrap: nowrap;}
.btshop_con04 .sec02 .item .con_wrap.reves {flex-direction: row-reverse;}
.btshop_con04 .sec02 .item .img_wrap { }
.btshop_con04 .sec02 .item .txt_wrap {flex:1 1 auto; color:#000; }
.btshop_con04 .sec02 .item .txt {border-bottom:1px solid #e4e4e4; padding:40px 0; margin:0 100px;}
.btshop_con04 .sec02 .item .txt:last-child {border-bottom:none;}
.btshop_con04 .sec02 .item .txt.rim {display: flex;}
.btshop_con04 .sec02 .item .txt.rim > div:first-child {flex:1 1 55%;}
.btshop_con04 .sec02 .item .txt.rim > div:last-child {flex:1 1 45%; text-align: right;}
.btshop_con04 .sec02 .item .txt h4 {font-size:22px; font-weight: 700; margin-bottom:20px;}
.btshop_con04 .sec02 .item .txt p {font-size:16px; line-height:26px;}
.btshop_con04 .sec03 {} 
.btshop_con04 .sec03 .con_wrap {margin:100px 0 77px 0;} 
.btshop_con04 .sec03 .con_tit {font-size:28px; font-weight: 700; color:#000; border-bottom:2px solid #000; padding-bottom:9px; margin-bottom:30px;} 
.btshop_con04 .sec03 .con_tit p {font-size:16px; font-weight: 500;} 
.btshop_con04 .sec03 .table_wrap {} 
.btshop_con04 .sec03 .table_wrap.twce {display: flex; gap:50px;} 
.btshop_con04 .sec03 .btn_wrap {margin-bottom:110px; position: relative; bottom:auto;} 
.btshop_con04 .sec03 .btn_wrap > div {text-align: center;} 
.btshop_con04 .sec03 .btn_wrap > div a {display: inline-block; background:#232323; color:#fff; font-size:18px; font-weight: 700; padding:22px 130px; border-radius: 10px;} 
.btshop_con04 .sec04 {} 
.btshop_con04 .sec04 .con_tit {font-size:28px; font-weight: 700; color:#000; margin-bottom:20px;} 
.btshop_con04 .sec04 .con_wrap {} 
.btshop_con04 .sec04 .con_wrap > ul {display: flex; border-radius: 10px; overflow: hidden;}
.btshop_con04 .sec04 .con_wrap > ul li {flex:1 1 50%; display: flex; align-items: center; justify-content: space-between; color:#000; background:#efefef; padding:32px 50px 37px 60px;} 
.btshop_con04 .sec04 .con_wrap > ul li:last-child {background:#e8e8e8;} 
.btshop_con04 .sec04 .con_wrap .txt {} 
.btshop_con04 .sec04 .con_wrap .txt span {font-size:16px; font-weight: 400;} 
.btshop_con04 .sec04 .con_wrap .txt div {font-size:26px; font-weight: 700; margin-top:8px;} 
.btshop_con04 .sec04 .con_wrap .img {flex:1 1 50%; text-align: right;}
.btshop_con04 .sec04 .con_wrap .img span {font-size:38px; font-weight: 700; display: inline-block; margin-left:20px;} 

/**************************** 혜택 **************************************/
.ProgressBar {margin: 0 auto; padding:12px 0 10px; list-style: none; position: relative; display: flex; justify-content: space-between; left:-70px;}
.ProgressBar-step { text-align: center; position: relative; width: 100%;}
.ProgressBar-step::before,
.ProgressBar-step::after {content: ""; height:3px; background-color: #000000; position: absolute; z-index: 1; width: 100%; left: -50%; top: 50%; transform: translateY(-50%); }
.ProgressBar-step:first-child:before,
.ProgressBar-step:first-child:after {display: none; }
.ProgressBar-step::after {background-color: #db0930; width: 0%;}
.ProgressBar-step.is-complete,
.ProgressBar-step.is-current:after,
.ProgressBar-step.is-complete,
.ProgressBar-step.is-complete:after {width: 100%;}
.ProgressBar-icon {width:7px; height:7px; background-color:#db0930; fill: #db0930; border-radius: 50%; max-width: 100%; z-index: 10; position: relative;  top:-1px;}
.ProgressBar-icon .is-current {fill: #db0930; background-color:  #db0930; }
.ProgressBar-stepLabel {display: block; text-transform: uppercase; color: #000; position: absolute; width: 100%; transition: all .25s ease-out;}

.member_con01 .grade {width:100%; height:230px; border:1px solid #e4e4e4; border-radius: 10px;}
.member_con01 .grade.nomem { display: flex; flex-direction: column;  justify-content: center; align-items: center;}
.member_con01 .grade > div {display: flex; align-items: center; width:100%; height:100%; gap:100px; padding:0 60px;}
.member_con01 .nomem p {color:#000;}
.member_con01 .nomem a {display: inline-block; width:220px; text-align: center; background:#232323; color:#fff; font-size:18px; font-weight: 700; margin-top:20px; padding:18px 0; border-radius: 10px;}
.member_con01 .grade .left {display: flex; flex:0 0 25%; align-items: center; gap:29px}
.member_con01 .grade .left span {font-size:26px; font-weight: 700; color:#000; display: inline-block; margin-bottom:15px;}
.member_con01 .grade .left p {color:#000;}
.member_con01 .grade .rgh {width:600px;color:#000;}
.member_con01 .grade .rgh span {}

.member_con01 .sec01 {}
.member_con01 .tit {margin:70px 0 0; font-size:28px; font-weight: 700; color:#000;}
.member_con01 .sec01 .table_wrap {padding-top:23px;}
.member_con01 .sec01 table {border-top:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; min-width: 1000px;}
.member_con01 .sec01 table th {background:#f1f1f1; font-weight: 400; color:#000; font-weight: 700;}
.member_con01 .sec01 table td.bg_gray {vertical-align: middle;}
.member_con01 .sec01 table td {vertical-align: top; width:22%;}
.member_con01 .sec01 table th.on,
.member_con01 .sec01 table td.on {position: relative; background:#fafafa;}
.member_con01 .sec01 table th.on::before {content: url('../images/renew/extra/table_on.png'); position: absolute; left:50%; top:-18px; transform: translate(-50%, 0px);}
.member_con01 .sec01 table td:first-child {width:140px; font-weight: 700;}
.member_con01 .sec01 table td li {text-align: left; line-height: 36px; position: relative; padding:0 10px 0 32px;}
.member_con01 .sec01 table td li::before {content: ''; display: inline-block; width:3px; height:3px; vertical-align: middle; background:#000; position: absolute; left: 20px; top: 15px;}
.member_con01 .sec01 .top {display: flex; justify-content: space-between; align-items: center;}
.member_con01 .sec01 .top > div{margin: 70px 0 0;}
.member_con01 .sec01 .top a {background:#232323; color:#fff; border-radius: 5px; padding:10px 26px;}
.member_con01 .sec01 .top a::after {content: url('../images/renew/extra/icon_down.png'); vertical-align: middle; margin-left: 10px;}
.member_con01 .sec01 .cup_wrap {display: flex; gap:10px; flex-wrap: wrap; margin-top:23px;}
.member_con01 .sec01 .cup_wrap .item {flex:0 1 calc(25% - 8px); }

.member_con03 {}
.member_con03 > div {width:100%; max-width: 1035px; margin:0 auto; background:url('../images/renew/extra/mem03_bg.png') no-repeat; display: flex; flex-direction: column; align-items: center;  justify-content: center; padding:100px 0 110px 0; color:#fff; background-size:cover; border-radius: 10px; overflow: hidden;}
.member_con03 .tit {font-size:50px; font-weight: 700;}
.member_con03 > div > span {font-size:22px; display: block; margin-bottom:100px;}
.member_con03 ul {display: flex; width:100%; justify-content: space-around;}
.member_con03 ul li  {}
.member_con03 ul li .icon {background:rgba(0,0,0,0.5); border-radius: 100%; width:250px; height:250px; display: flex; align-items: center; justify-content: center;}
.member_con03 ul li .txt {text-align: center; margin-top:40px;}
.member_con03 ul li .txt div {font-size: 28px; font-weight: 700; margin-bottom:25px;}
.member_con03 ul li .txt p {font-size:16px; line-height: 26px;}
.member_con03 .btn_set {margin-top:110px;}
.member_con03 .btn_set a {display: inline-block; text-align: center; background:#232323; color:#fff; border-radius: 10px; width:220px; padding:15px 0; font-size:18px; font-weight: 700;}


/**************************** 회사소개 **************************************/
.com1 {width: 100vw; margin-left: calc(-50vw + 50%); height:810px; background:url('../images/renew/common/com_01_bg.png') no-repeat; background-size:cover; margin-bottom:125px;}
.com1 .inner {height:100%;}
.com1 .txt_wrap {position: relative; top:50%; transform: translate(0, -50%); color:#fff;}
.com1 .txt_wrap .tit {font-size:2.63em; margin-bottom:40px;}
.com1 .txt_wrap p {display: block; font-size:1.75em; font-weight: 400; margin-top:80px;}

.com2 {margin-bottom:110px;}
.com2 h5 {display: block; width:100%; text-align: center; color:#000; font-size:1.50em; font-weight: 700; margin-bottom:50px;}
.com2 .txt_wrap {position: absolute; bottom:0; width:80%; background:#fff; }
.com2 .txt_wrap p {font-size:1.50em; font-weight: 500; color:#000; line-height: 24px; margin-top:20px;}
.com2 .txt_wrap span {color:#888888;}
.com2 .pager {display: flex; align-items: center; justify-content: center; margin-top:40px;}
.com2 .pager .slick-arrow {text-indent: inherit; margin:0 16px;}
.com2 .pager .slick-arrow img {vertical-align: middle;}
.com2 .slick-slide {margin: 0 20px; position: relative;}
.com2 .slick-list {margin: 0 -20px; }
.com2 .slick-dots {margin: 0;}
.com2 .slick-dots li {margin:0 3px;}
.com2 .slick-dots .slick-active {background:#df2648;}

.com3 {margin-bottom:220px;}
.com3 h5 {display: block; width:100%; text-align: center; color:#000; font-size:1.50em; font-weight: 700; margin-bottom:50px;}
.com3 .txt_wrap {font-size:1.38em; line-height:1.82em; color:#000; text-align: center; margin-bottom:90px;}
.com3 .img_wrap {position: relative; display: block; width:100%; text-align: center;}
.com3 .img_wrap::before {content: ''; width:2px; height:80px; position: absolute; left:50%; top:-40px; transform: translate(-50%, 0); background:#df2648;}

.com4 {width: 100vw; margin-left: calc(-50vw + 50%); background:#151b21; padding:120px 0 110px 0; color:#fff; }
.com4 .inner {position: relative;}
.com4 h5 {display: block; width:100%; text-align: center; font-size:1.50em; font-weight: 700; margin-bottom:50px;}
.com4 .btn_yt {position: absolute; right:0; top:0;}
.com4 .btn_yt a::before {content: url('../images/renew/common/icon_yt.png'); vertical-align: middle; margin-right:10px;}
.com4 .btn_yt a::after {content: url('../images/renew/common/icon_new.png'); vertical-align: middle; margin-left:13px;}
.com4 .txt_wrap {margin-top:30px;}
.com4 .txt_wrap .tit {font-size:1.5em; font-weight: 700; margin-bottom:5px;}
.com4 .txt_wrap .more {margin:40px 0 35px 0;}
.com4 .txt_wrap .more::after {content:url('../images/renew/common/com_04arrow.png'); vertical-align: middle; margin-left:10px;}
.com4 .slick-slide {margin: 0 20px; position: relative; border-bottom:1px solid rgba(255,255,255,.3);}
.com4 .slick-list {margin: 0 -20px; }
.com4 .pager {position: relative; display: flex; align-items: center; justify-content: center; margin-top:40px; height:30px;}
.com4 .pager::before {content: ''; width:1px; height:30px; position: absolute; left:50%; background:rgba(255,255,255,.3);}
.com4 .pager .slide-prev4 {margin-right:20px;}
.com4 .pager .slide-next4 {margin-left:20px; }
.com4 .pager .slick-arrow {text-indent: inherit; }

.com5 {position: relative; width: 100vw; margin-left: calc(-50vw + 50%); display: flex;}
.com5 .area_lft {width:50%; }
.com5 .area_rgh {width:50%; background:#d92445;}
.com5 .inner {max-width: 840px;}


@media (max-width:1024px){ 

    /**************************** 추천기공소 **************************************/
    .btshop_wrap .top_area {flex-direction: column;}
    .btshop_wrap .top_area .lft_area {flex:1 1 100%; max-width: 100%; padding:40px; background:none;}
    .btshop_wrap .top_area .lft_area p {width:100%;}
    .btshop_wrap .top_area .rgh_area {padding:60px 0;}
    .btshop_wrap .top_area .rgh_area::after {display: none;}
    .btshop_wrap .top_area .bts_slider {position: relative; width:100%; left:auto; margin:0 20px;}
    .btshop_wrap .top_area .slick-arrow {display: none !important;}
    
    .btshop_wrap .bt_area .con {padding:0 20px;} 
    .btshop_wrap .bt_area .src_wrap {padding:40px 20px 20px 20px;}
    .btshop_wrap .bt_area .con > div .item {position: relative; flex: 1 1 100%; max-width:100%; }   
    .btshop_wrap .bt_area .con > div .item span {font-size:18px; padding:9px 10px;}
    
    .cus_content {width:100%; padding:20px;}
    .cus_modal .tab li {padding:0 5px; }
    .cus_modal .tab li:first-child {padding:0 5px 0 0;}
    .cus_modal .tab li::after {right:-4px;}
    .cus_modal .tabcont .con1 {padding:20px;}
        
    .btshop_wrap >  .tmenu  {padding:0 20px 30px 20px; margin:0;}
    .btshop_wrap > .tmenu ul li {font-size:18px;}
    .btshop_pro .sec02 .btxt {font-size:40px; line-height: 46px;}
    .btshop_pro .sec03 .txt_wrap .btxt {font-size:34px; line-height: 38px;}
    .btshop_pro .sec04 .txt_wrap .btxt {font-size:34px; line-height: 38px;}
    .btshop_pro .sec05 .txt_wrap .btxt {font-size:34px; line-height: 38px;}
    .btshop_pro .sec05 .cont {margin:0 20px;}
    .btshop_pro .sec05 .cont .img_wrap ul {flex-wrap: wrap;}
    .btshop_pro .sec05 .cont .img_wrap.it {flex-direction: column; padding:20px;}
    .btshop_pro .sec05 .cont .img_wrap .btxt {font-size:24px; line-height: 30px;}
    .btshop_pro .sec05 .cont .img_wrap .list > div {align-items: center; flex-direction: column;}
    .btshop_pro .form_wrap {flex-direction: column; padding:0; gap: 30px;}
    .btshop_pro .form_wrap .rgh p {font-size:24px;}
    .btshop_pro .form_wrap .rgh .link {margin-top:30px;}
    .btshop_care video, .btshop_pro video {min-width: 320px;}
    
    /**************************** 바텍관 진단장비 **************************************/
    .btshop_con01 {margin:0 20px;}
    
    /* dental ct */
    .btshop_list  {margin:0 20px;}
    .btshop_list .list_wrap .item {flex: 0 0 50%; max-width: calc(50% - 10px);}
    
    /* arp */
    .btshop_arp  {margin:0 20px;}    
    
    /*    modal */
    .pro_modal .mbody .left {width:calc(100% - 250px);}
    .pro_modal .mbody .rgh{width:250px;}
    .pro_modal .mbody .rgh .btn_set a {width:100%; }

    /**************************** 바텍관 Perfit **************************************/
    .btshop_con02 {margin:0 20px;}
    
    /* lab */
    .btshop_lab  {margin:0 20px;}
    .btshop_lab .sec_01 {flex-direction: column-reverse; gap:30px;}
    .btshop_lab .sec_01 .righ {flex:0 0 auto;}
    .btshop_lab .sec_01 .left > div {font-size:30px; line-height: 37px;}
    .btshop_lab .sec_01 .left > p {font-size: 34px; line-height: 41px;}
    .btshop_lab .sec_02 .text_wrap {flex-direction: column; gap:60px; margin:50px 0;}
    .btshop_lab .sec_02 .text_wrap ul {justify-content: center;}
    .btshop_lab .sec_04 .con_wrap {gap:50px;}
    
    /* clinic */
    .btshop_clinic {margin:0 20px;}
    .btshop_clinic .con_wrap .con {flex-direction: column; gap:50px;}
    .btshop_clinic .con_wrap .righ {flex:0 0 auto;}
    .btshop_clinic .con_wrap .left > div {font-size: 43px; line-height: 49px; margin-bottom:40px;}
    .btshop_clinic .con_wrap .left > a {margin-top:100px; margin-bottom:50px;}
    

    /**************************** 바텍관 SafeOn **************************************/
    .btshop_con03 {margin:0 20px;}
    
    /* care */
    .btshop_care {margin:0 20px;}
    .btshop_care .sec02 .icon_wrap {flex-direction: column;}
    .btshop_care .sec02 .icon_wrap .icon {padding:25px 0;}
    .btshop_care .video_wrap iframe {height: 350px;}

    /*    pro */
    .btshop_pro {margin:0 20px;}
    .btshop_pro .sec02 .img_wrap {display: none;}
    .btshop_pro .sec03 {padding:50px 20px;margin-top:40px;}
    
    /**************************** 바텍관 Clismile **************************************/
    .btshop_con04 {margin:0 20px;}
    .btshop_con04 .sec01 .txt_wrap p {padding:80px 0 40px 0;}
    .btshop_con04 .sec01 .txt_wrap button {padding: 20px 80px;}
    .btshop_con04 .sec02 .item .con_wrap, 
    .btshop_con04 .sec02 .item .con_wrap.reves {flex-direction: column;}
    .btshop_con04 .sec02 .item .txt {margin:0;}
    .btshop_con04 .sec02 .item .txt_wrap {width:100%;}    
    .btshop_con04 .sec04 .con_wrap > ul {flex-direction: column;}
    .btshop_con04 .sec03 .btn_wrap > div a {padding: 20px 80px;}
    
    /**************************** 혜택 **************************************/  
    .member_con01 {padding:0 20px;}  
    .member_con01 .grade {height:100%;padding: 40px 0;}
    .member_con01 .grade > div {flex-direction: column; padding:0 20px; gap:30px;}
    .member_con01 .grade .rgh {width:100%;}
    .member_con01 .grade .rgh p {text-align: center;}
    .ProgressBar {left:0;}
    
    .member_con01 .sec01 .table_wrap {overflow-x: scroll; }
    
    .member_con03 {padding:0 20px;}    
    
    /**************************** 회사소개 **************************************/
    .com1 .txt_wrap .tit {font-size:2.33em;}
    .com1 .txt_wrap p {font-size:1.55em;}
    .com2 .txt_wrap p {font-size:1.25em;}
    .com3 {margin-bottom:100px;}
    .com4 .btn_yt { right: 10px;  top: 40px;}
    
    
    /* 중고장비관 */
    .used .pro_modal {overflow: scroll;}
    .used .pro_modal .mbody .left {width:100%; }
    .used .pro_modal .mbody {align-items: center;}
    .used .pro_modal .mbody .pro_silde .slick-slide div {height:50vh;}
    .used .pro_modal .mbody .pro_silde .slick-slide div img {height:100%;}
    .used .pro_modal .mbody .rgh .thum_silde .slick-slide {margin-bottom:10px;}
    .used .info {width:100%;}
    .used .pro_modal .mbody .info .btn_set {position: relative; width:100%; bottom:0;}
    .used .form_wrap2 {width:100%;}
    
        
}

@media (max-width:840px){    
    
    /**************************** 바텍관 진단장비 **************************************/
    .btshop_con01 .top_area ul {flex-direction: column;}
    .btshop_con01 .top_area ul li {flex:auto; heigh:500px;}
    
    .btshop_con01 .since_silde .item .cont {flex-direction: column; align-items: flex-start;}
    .btshop_con01 .since_silde .item .year {font-size:137px; line-height:103px;}
    
    .form_wrap2 {right:-200%;}
    .pro_modal .mbody {flex-direction: column;}
    .pro_modal .mbody .left {width:100%;}
    .pro_modal .mbody .rgh {width:100%;}    
    .pro_modal .mbody .rgh .thum_silde .slick-slide img {height:100px;}
    .pro_modal .mbody .rgh .thum_silde .slick-slide > div > div {flex-direction: column; gap:20px;}
    .pro_modal .mbody .rgh .thum_silde .slick-slide span {margin:0;}
    .pro_modal .mbody .rgh .btn_set {position: fixed; width:100%; bottom:0;}
    .pro_modal .mbody .rgh .btn_set a {padding:15px;}

    /* arp */
    .btshop_arp .form_wrap .con_wrap .tit {flex-direction: column; align-content: flex-start;}
    .btshop_arp .form_wrap .con_wrap .con .row {flex-direction: column;}
    
    /**************************** 바텍관 Perfit **************************************/
    .btshop_con02 .top_area ul {flex-direction: column;}
    .btshop_con02 .top_area ul li {flex:auto; height: 510px;}

    /**************************** 바텍관 SafeOn **************************************/
    .btshop_con03 .con_wrap .txt_wrap p {font-size: 20px; line-height: 32px;}
    .btshop_con03 .con_wrap .btn_set > ul {flex-direction: column;}
    
    /*    care */
    .btshop_care .sec02 .txt_wrap {margin:60px 0 20px 0;}
    .btshop_care .sec02 .txt_wrap > div {font-size:30px;}
    .btshop_care .sec02 .icon_wrap .icon h4 {font-size:20px;}
    .btshop_care .sec03 .form_wrap {flex-direction: column;}
    .btshop_care .video_wrap iframe {height: 280px;}
    
    /*    pro */
    .btshop_pro .sec03 ul {flex-direction: column; gap:30px;}
    .btshop_pro .sec03 ul li span {margin-top:7px;}
    .btshop_pro .sec04 > div {flex-direction: column; gap:40px;}
    
    /**************************** 바텍관 Clismile **************************************/
    .btshop_con04 .sec02 .item {margin-bottom:60px;}
    .btshop_con04 .sec02 .item .txt.rim {flex-direction: column;}
    .btshop_con04 .sec02 .item .txt.rim > div:last-child {text-align: left;}
    .btshop_con04 .sec03 .table_wrap.twce {flex-direction: column; overflow-x: scroll;}
    .btshop_con04 .sec04 .con_wrap > ul li {padding:20px;}
    .btshop_con04 .sec04 .con_wrap .txt div {font-size:20px;}
    .btshop_con04 .sec04 .con_wrap .img span {font-size:30px;}
    
    /**************************** 혜택 **************************************/    
    .member_con01 .sec01 .cup_wrap .item {flex: 0 1 calc(50% - 5px); padding: 15px 15px;}
    
    .member_con03 ul {flex-direction: column; gap:30px; align-items: center;}
    .member_con03 .tit {font-size:32px;}
    .member_con03 ul li .icon {width:180px; height:180px;}
    .member_con03 ul li .txt {margin-top:20px;}
    .member_con03 > div > span {font-size:18px;}
    .member_con03 ul li .txt div {margin-bottom:15px;}    
    
}
@media (max-width:500px){
    
    /**************************** 바텍관 진단장비 **************************************/
    /* dental ct */
    .btshop_list .list_wrap .item .img {height:290px;}
    
    
    /**************************** 바텍관 Perfit **************************************/
    /* lab */
    .btshop_lab .sec_01 .left > a {width:100%;}
    .btshop_lab .sec_03 .text_wrap > ul {margin:30px 0 50px 0;}
    .btshop_lab .sec_03 .text_wrap > ul span {font-size:14px;}
    .btshop_lab .sec_04 .con_wrap {gap:20px; flex-direction: column;}

    /**************************** 바텍관 SafeOn **************************************/
    .btshop_con03 .con_wrap .btn_set > ul li {width:100%; padding:20px;}
    
    /**************************** 중고장비관  **************************************/
    .btshop_list .list_wrap .item {flex: 0 0 100%; max-width: 100%}
    
    
    /**************************** 혜택 **************************************/
    .member_con01 .sec01 .top {flex-direction: column;}
    .member_con01 .sec01 .top > div:last-child {margin-top:30px;}
    
    
}