@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100..900&display=swap');
@import "global.css";
@import "navigation.css";
@import "common.css";
@import "recommend.css";
@import "mypage.css";
@import "calendar.css";
@import "vcolorring.css";
@import "product.css";
@import "recent.css";
@import "library.css";
@import "search.css";
@import "setting.css";
@import "notice.css";
@import "namecard.css";
@import "login.css";
@import "morder.css";
@import "promotion.css";
@import "home.css";
@import "new-common.css";
@import "new-home.css";
@import "new-mypage.css";
@import "new-navigation.css";
@import "new-library.css";
@import "new-promotion.css";
@import "new-notice.css";
@import "new-morder.css";
@import "new-push.css";
@import "new-recommend.css";
@import "new-management.css";
@import "new-home-self.css";


.allwrap {
  overflow: hidden;
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
}
.content {
  height: 100%;
  overflow-y: scroll;
}
.content.grey {
  background-color: #f1f1f1;
}
.relative {
  position: relative;
}
.none {
  display: none;
}
/* 모바일 메뉴 */
.m_menu {
  width: 100vw;
  height: 100vh;
  overflow: hidden;
}
.m_menu .menu_wrap {
  width: 100%;
  height: 100%;
}
.m_menu .menu_header .title_wrap {
  position: relative;
  padding: 20px;
  background: #6ec3e8;
}
.m_menu .menu_header .title_wrap .ar_title {
  color: #fff;
  font-size: 2rem;
}
.m_menu .menu_header .title_wrap .close_icon {
  position: absolute;
  width: 40px;
  height: 40px;
  top: 10px;
  right: 10px;
}
.m_menu .scroll {
  height: calc(100% - 60px);
}
.m_menu .scroll.member {
  height: calc(100% - 132px);
}
.m_menu .user_wrap {
  padding: 20px;
  background: #f1f1f1;
}
.m_menu .user_wrap .my_page {
  padding: 9px 15px;
  border: 1px solid #222222;
  border-radius: 15px;
  font-size: 1.25rem;
}

.m_menu .user_wrap .my-page-button {
  width: inherit;
  height: inherit;
  padding: 9px 15px;
  border: 1px solid #222222;
  border-radius: 15px;
  font-size: 1.25rem;
}

.m_menu .menu_sec {
  margin-top: 10px;
  padding: 0 20px;
  overflow-y: scroll;
}
.m_menu .menu_sec .menu_itm {
  margin-bottom: 4px;
}
.m_menu .menu_sec .menu_itm b {
  display: block;
  height: 50px;
  padding: 14px 0;
  border-bottom: 1px solid #dddddd;
}
.m_menu .menu_sec .menu_itm:last-child b {
  border: none;
}

.m_menu .menu_sec .menu_itm .sub_menu_list {
  display: block;
  width: 100%;
  height: 50px;
  padding: 14px 0;
  border-bottom: 1px solid #dddddd;
  text-align: left;
  background: transparent;
  font-weight: bold;
  font-size: 1.65rem;
  color: #000000;
}

.m_menu .menu_sec .menu_itm:last-child .sub_menu_list {
  border: none;
}

.m_menu .menu_sec .menu_itm > .link {
  display: block;
  height: 50px;
  padding: 14px 0;
  border-bottom: 1px solid #dddddd;
  font-weight: bold;
}

.m_menu .menu_sec .menu_itm:last-child > .link {
  border: none;
}

.m_menu .menu_sec .sub_wrap .sub_menu > .link {
  display: block;
  height: 40px;
  line-height: 40px;
}

.m_menu .menu_sec .sub_wrap .sub_menu {
  display: flex;
  align-items: center;
  height: 40px;
  font-size: 1.4rem;
}
.m_menu .menu_sec .sub_wrap .sub_menu ~ .sub_menu {
  border-top: 1px dashed #f1f1f1;
}
.m_menu .app_wrap {
  margin: 30px 0;
  padding: 30px 0;
  background: #f1f1f1;
}
.m_menu .app_wrap .row {
  width: 85%;
  margin: 0 auto;
}
.m_menu .app_wrap .row:first-child {
  margin-bottom: 20px;
}
.m_menu .app_wrap .app_itm {
  width: calc(100% / 4);
}
.m_menu .app_wrap .app_itm .img_sec {
  position: relative;
  margin: 0 auto;
  width: 78.4%;
  border-radius: 12px;
  overflow: hidden;
}
.m_menu .app_wrap .app_itm .img_sec::after {
  content: "";
  display: block;
  padding-bottom: 100%;
}
.m_menu .app_wrap .app_itm .img_sec img {
  position: absolute;
  width: 100%;
  height: 100%;
}
.m_menu .app_wrap .app_name {
  margin-top: 10px;
  font-size: 1.2rem;
  text-align: center;
  white-space: nowrap;
}
.m_menu .version {
  padding: 0 0 20px;
  margin: 0 20px;
  border-bottom: 1px solid #cccccc;
  font-size: 1.4rem;
}
.m_menu .update {
  margin-bottom: 60px;
  padding: 10px 20px;
  font-size: 1.4rem;
}
.m_menu .update .update_btn {
  padding: 8px 15px;
  background: #444444;
  color: #ffffff;
}
.m_menu .update .update_btn.disabled {
  background: #cccccc;
}

.m_menu .update .update-button {
  padding: 8px 15px;
  background: #444444;
  color: #ffffff;
  height: 30px;
}

.m_menu .update .update-button.disabled {
  background: #cccccc;
}

/* 로그인 페이지 */
.login {
  flex-direction: column;
  padding: 0 40px;
  position: relative;
  top: 50%;
  transform: translateY(calc(-50% - 20px));
}
.login .logo {
  width: 90px;
  height: 21px;
  background: url("../images/logo.png") no-repeat center;
  background-size: 100% 100%;
  margin-bottom: 10px;
}
.login .title {
  margin-bottom: 50px;
  font-weight: 900;
  font-size: 2.5rem;
}
.login .input_wrap {
  width: 100%;
}
.login .input_wrap .row {
  padding: 23px 0;
  border-bottom: 1px solid #dddddd;
}
.login .input_wrap .itm {
  width: 76px;
  font-weight: bold;
  margin-left: 5px;
}
.login .input_wrap input {
  padding: 0 10px;
  font-size: 1.4rem;
  color: #666666;
  text-align: left;
  outline: none;
}
.login .input_wrap input::placeholder {
  text-align: left;
}
.login .input_wrap .check_box {
  padding: 20px 0;
  margin-bottom: 75px;
  font-size: 1.4rem;
}
.login .input_wrap label {
  vertical-align: middle;
}
.login .input_wrap label input[type="checkbox"] {
  margin-top: -2px;
}
.login .error_txt {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  text-align: center;
  bottom: 70px;
  font-size: 1.2rem;
  color: #d11019;
}
.login .login_btn {
  width: 100%;
  padding: 0 30px;
}
.login .login_btn button {
  width: 100%;
  height: 40px;
  color: #ffffff;
  border-radius: 20px;
  font-size: 1.4rem;
  font-weight: bold;
  font-family: "Noto Sans KR", sans-serif;
  background-color: #6ec3e8;
}
.login .login_btn button:disabled {
  background-color: #dddddd;
}

/* 메인페이지 */
.main .main_header {
  padding: 0 20px 25px;
  border: 1px solid #f1f1f1;
}
.main .main_header .row {
  margin: 20px 0;
  font-size: 2rem;
}
.main .srch_input {
  width: 100%;
  height: 40px;
  padding: 0 8px;
  border-radius: 40px;
  background: #f1f1f1;
  border: none;
  font-size: 1.4rem;
  text-align: center;
}
.main .srch_icon {
  position: absolute;
  top: 50%;
  right: -10px;
  width: 40px;
  height: 40px;
  background-size: 20px 20px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}
.main .right_icon {
  width: 30px;
  height: 25px;
  background-position: center right;
  background-size: 20px 12px;
}
.main .user_info {
  padding: 20px;
}
.main .user_info .info_tit {
  margin-bottom: 8px;
}
.main .user_info .info_sub {
  font-size: 1.4rem;
  color: #666666;
}
.main .user_info .preview {
  margin-top: 20px;
  background: #f1f1f1;
}
.main .user_info .view_item {
  position: relative;
  flex: 1 1 0%;
  height: 70px;
  padding: 15px 0;
  text-align: center;
}
.main .user_info .view_item::after {
  content: "";
  position: absolute;
  right: 0;
  display: block;
  width: 1px;
  height: 40px;
  top: 50%;
  transform: translateY(-50%);
  background-color: #cdcdcd;
}
.main .user_info .view_item:last-child::after {
  display: none;
}
.main .user_info .view_item .name {
  margin-bottom: 8px;
  font-size: 1.4rem;
  color: #666666;
}
.main .user_info .view_item .val {
  font-size: 2rem;
}
/* 슬라이드 영역 */
.main .main_swiper {
  width: 100%;
  position: relative;
  overflow: hidden;
}
.main .main_swiper::after {
  content: "";
  display: block;
  padding-bottom: 58.3%;
}
.main .main_swiper .swiper-wrapper {
  position: absolute;
  width: 100%;
  height: 100%;
}
.main .swiper-slide {
  height: 210px;
}
.swiper-pagination-bullet {
  width: 7.5px;
  height: 7.5px;
  background: #111111;
  opacity: 0.3;
}
.swiper-pagination-bullet-active {
  opacity: 0.6;
}
.swiper-container-horizontal
  > .swiper-pagination-bullets
  .swiper-pagination-bullet {
  margin: 0 2.5px;
}
#scroll_top {
  display: none;
  position: absolute;
  right: 15px;
  bottom: 90px;
  width: 50px;
  height: 50px;
  background: url("../images/scrolltop.svg") no-repeat center;
  background-size: 100% 100%;
}
/* 카테고리 */
.main .category .row {
  /* align-items: flex-end; */
  border-bottom: 1px solid #f1f1f1;
}
.main .category .row .itm {
  flex: 1 1 0%;
  padding: 46px 0 15px;
  background-size: 40px 23px !important;
  text-align: center;
  font-size: 1.4rem;
  font-weight: bold;
}
.main .category .row .itm ~ .itm {
  border-left: 1px solid #f1f1f1;
}
.main .category .row.top .itm:nth-child(1) {
  background: url("../images/water.png") no-repeat center top 15px;
}
.main .category .row.top .itm:nth-child(2) {
  background: url("../images/wind.png") no-repeat center top 15px;
}
.main .category .row.top .itm:nth-child(3) {
  background: url("../images/body.png") no-repeat center top 15px;
}
.main .category .row.bottom .itm:nth-child(1) {
  background: url("../images/sleep.png") no-repeat center top 15px;
}
.main .category .row.bottom .itm:nth-child(2) {
  background: url("../images/living.png") no-repeat center top 15px;
}
.main .category .row.bottom .itm:nth-child(3) {
  background: url("../images/main_ar.png") no-repeat center top 15px;
}
.tab_sec h2 {
  font-size: 2.6rem;
  margin: 50px 0 25px;
}
.tab_sec .tab_cont {
  /* margin-top: 25px; */
}
.tab_sec .tab_nav {
  margin-bottom: 25px;
}

/* 제품 소개 */
.model_wrap {
  padding: 0 20px;
}
.model_wrap .model_box {
  margin-bottom: 50px;
}
.model_wrap .model_box .img_box {
  position: relative;
}
.model_wrap .model_box .img_box::after {
  content: "";
  display: block;
  padding-bottom: 78%;
}
.model_wrap .model_box:not(.half) .img_box {
  width: 100%;
  margin-bottom: 30px;
}
.model_wrap .model_box .img_box .img_area {
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 10px;
  overflow: hidden;
}
.model_wrap .model_box .img_box img {
  width: 100%;
  height: 100%;
  text-align: center;
  object-fit: contain;
}
.model_info {
  padding: 0 5px;
}
.model_info .model {
  margin-bottom: 6px;
  color: #666666;
}
.model_info .name {
  margin-bottom: 20px;
  font-size: 2rem;
  font-weight: bold;
}
.model_info .row.top {
  margin-bottom: 15px;
  padding-bottom: 10px;
  border-bottom: 1px solid #dddddd;
}
.model_info .row .itm_tit {
  font-size: 1.4rem;
}
.model_info .row .itm_val {
  font-size: 1.4rem;
  align-items: center;
}
.model_info .row .price {
  margin: 0 10px 3px 0;
  color: #999999;
}
.model_info .row .sale {
  font-weight: bold;
  font-size: 2.6rem;
}
.model_info .row .sale small {
  /* margin-left: 1px; */
  font-size: 1.6rem;
  font-weight: normal;
}
.model_wrap .model_box.half {
  display: inline-block;
  flex-direction: column;
  width: calc(50% - 10px);
  vertical-align: top;
}
/* half */
.tab1 .model_wrap .model_box.half:nth-of-type(even) {
  margin-right: 16px;
}
.tab2 .model_wrap .model_box.half:nth-of-type(odd) {
  margin-right: 16px;
}
.model_wrap .model_box.half .img_box {
  position: relative;
  width: 100%;
  position: relative;
  margin-bottom: 20px;
  background-color: #eaeaea;
  border-radius: 10px;
  overflow: hidden;
}
.model_wrap .model_box.half .img_box::after {
  padding-bottom: 100%;
}
.model_wrap .model_box.half .img_box .img_area {
  position: absolute;
  width: 100%;
  height: 100%;
}
.model_wrap .model_box.half .img_box .img_area img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.model_wrap .model_box.half .model_info .model {
  font-size: 12px;
  margin-bottom: 8px;
}
.model_wrap .model_box.half .model_info .name {
  height: 40px;
  margin-bottom: 13px;
  font-size: 16px;
  line-height: 20px;
  text-overflow: ellipsis;
  white-space: normal;
  word-wrap: break-word;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.model_wrap .model_box.half .model_info .row.top {
  margin-bottom: 10px;
  padding-bottom: 10px;
}
.model_wrap .model_box.half .model_info .row .itm_tit {
  font-size: 1.2rem;
}
.model_wrap .model_box.half .model_info .row .itm_val {
  font-size: 1.2rem;
}
.model_wrap .model_box.half .model_info .row .itm_val small {
  font-size: 1.1rem;
}
.model_wrap .model_box.half .model_info .row .price {
  margin: 0 5px 2px 0;
  font-size: 1rem;
}
.model_wrap .model_box.half .model_info .row .sale {
  font-size: 1.6rem;
}
.model_wrap .model_box.half .model_info .row .sale small {
  font-size: 1.2rem;
}
/* promotion */
.promotion_wrap {
  padding: 0 20px 50px;
}
.promotion_wrap .promotion_box {
  margin-bottom: 30px;
}
.promotion_wrap .promotion_box:last-child {
  margin-bottom: 0;
}
.promotion_wrap .promotion_box .img_wrap {
  position: relative;
  margin-bottom: 10px;
}

/* end 및 already_end로 종료, 조기종료로 분리 2021-06-22 jylee  */
.promotion_wrap .promotion_box .img_wrap .going,
.promotion_wrap .promotion_box .img_wrap .end {
  position: absolute;
  right: 10px;
  bottom: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.8);
}
.promotion_wrap .promotion_box .img_wrap .going b,
.promotion_wrap .promotion_box .img_wrap .end b {
  color: #ffffff;
  font-size: 1.2rem;
}
.promotion_wrap .promotion_box .img_wrap .already_end {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
}
.promotion_wrap .promotion_box .img_wrap .already_end b {
  color: #ffffff;
  font-size: 1.4rem;
}
.promotion_wrap .promotion_box .img_wrap .img_area,
.promotion_wrap .promotion_box .img_wrap .img_area img {
  width: 100%;
}
.promotion_wrap .promotion_box .tit {
  margin: 0 0 10px 5px;
  font-size: 1.6rem;
  font-weight: bold;
}
.promotion_wrap .promotion_box .period {
  margin-left: 6.5px;
  font-size: 1.2rem;
  color: #666666;
}
/* ar guid 제품 가이드 */
.ar_guide {
  margin-bottom: 50px;
  padding: 50px 20px 0;
  border-top: 1px solid #f1f1f1;
}
.ar_guide .tit_wrap {
  margin-bottom: 15px;
}
.ar_guide .sec_tit {
  font-size: 2rem;
  font-weight: bold;
}
.ar_guide .sub_tit {
  margin-bottom: 20px;
  font-size: 1.4rem;
  line-height: 19px;
  color: #666666;
}
/* 인기 키워드 */
.keyword {
  padding: 30px 16px 30px 25px;
  background: #f5f5f5;
}
.keyword .tit {
  margin-bottom: 10px;
  font-size: 2rem;
}
.keyword .sub_tit {
  margin-bottom: 20px;
  font-size: 1.4rem;
  font-weight: 300;
  color: #666666;
}
.keyword .tag_wrap {
  flex-wrap: wrap;
}
.keyword .tag_wrap li {
  /* height: 30px;
	line-height: 30px; */
  margin: 0 6px 10px 0;
  padding: 7px 13px 8px;
  background-color: #6ec3e8;
  color: #ffffff;
  border-radius: 30px;
  font-size: 1.4rem;
  max-width: 320px;
}
.keyword .tag_wrap li .tag {
  text-overflow: ellipsis;
  overflow: hidden;
}
/* .keyword .tag_wrap li .tag {
	margin-top: -2px;
} */
/* 공지사항 */
.notice {
  padding: 44px 25px 50px;
}
.notice .tit_wrap {
  margin-bottom: 20px;
}
.notice .tit {
  font-size: 2rem;
}
.notice .card {
  padding: 25px;
  border-radius: 10px;
  box-shadow: 0px 2px 16px 0 rgba(0, 0, 0, 0.12);
}
.notice .card .card_cont {
  font-size: 14px;
}
.notice .card .notice_tit {
  margin-bottom: 8px;
  font-weight: bold;
}
.notice .card .notice_txt {
  line-height: 18px;
  height: 36px;
  overflow: hidden;
  font-size: 14px;
  /* display: -webkit-box;
	word-break: keep-all;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical; 20210514 수정 */
}
.notice .card .date {
  margin-top: 10px;
  font-size: 1.2rem;
  font-weight: 300;
  color: #999999;
}
/* setting */
.setting .notify {
  padding: 28px 20px 30px;
  border-bottom: 1px solid #f5f5f5;
}
.setting .notify .set_tit {
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #f1f1f1;
  font-weight: bold;
}
.setting .row {
  font-size: 1.4rem;
}
.setting .info_txt {
  color: #666666;
  font-size: 1.2rem;
  line-height: 17px;
}
.setting .update {
  padding: 30px 20px 20px;
}
.setting .update .set_tit {
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #f1f1f1;
  font-weight: bold;
}
.setting .logout .set_tit {
  border-top: 1px solid #f5f5f5;
  padding: 30px 20px 20px;
  font-weight: bold;
}
.setting input {
  display: none;
}
.setting input[type="checkbox"] + label {
  width: 54px;
  height: 37px;
  background: url(../images/check-off.svg) no-repeat center;
  background-size: 100% 100%;
}
.setting input[type="checkbox"]:checked + label {
  background: url(../images/check-on.svg) no-repeat center;
  background-size: 100% 100%;
}

/* 검색페이지 */
.search,
.search_result {
  width: 100vw;
  height: 100%;
  overflow: hidden;
}
.search .head,
.search_result .head {
  height: auto;
  background: #f1f1f1;
}
.search .tab_nav,
.search_result .tab_nav,
.library_list .tab_nav {
  height: 50px;
  line-height: 50px;
  border-bottom: 1px solid #f1f1f1;
  font-size: 1.4rem;
  background-color: #fff;
}

.search .tab_nav .tab_itm {
  height: 50px;
}
.search .tab_cont,
.search_result .tab_cont {
  overflow-y: scroll;
  height: calc(100% - 175px);
}

/* 최근 검색어, 인기 검색어 */
.search .chart {
  padding: 15px 20px;
}
.search .popular {
  padding-bottom: 30px;
}
.search .chart .list_wrap {
  margin-bottom: 30px;
}
.search .chart .search_terms {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 50px;
  padding-left: 5px;
  border-bottom: 1px solid #dddddd;
  color: #222222;
}
.search .chart .search_terms .close_icon {
  width: 40px;
  height: 40px;
  margin-right: -5px;
  background: url(../images/close-bk.svg) no-repeat;
  background-position: center right 13px;
  background-size: 14px 14px;
}
.search .lately .del_btn {
  display: inline-block;
  margin-bottom: 40px;
  padding: 8px 15px;
  font-size: 1.4rem;
  background: #444444;
  color: #ffffff;
}
/* 최근 본 제품 */
.product {
  overflow-y: scroll;
  padding: 35px 20px 80px;
}
.product .tit_wrap {
  margin-bottom: 20px;
}
.product .row .tit {
  font-size: 2rem;
}
.product .row .more {
  position: absolute;
  padding: 10px;
  top: 50%;
  right: -10px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  text-align: right;
}
.product .row .more b {
  font-size: 1.4rem;
  margin-right: 6px;
}
.product_box {
  display: flex;
  margin-bottom: 20px;
}
.product_box .img_wrap {
  width: 50%;
  margin-right: 20px;
  border-radius: 10px;
  overflow: hidden;
  background-color: #eaeaea;
}
.product_box .img_wrap .img_area {
  width: 100%;
  position: relative;
}
.product_box .img_wrap .img_area::after {
  content: "";
  display: block;
  padding-bottom: 100%;
}
.product_box .img_wrap .img_area img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.product_box .img_wrap .area {
  padding-bottom: 15px;
}
.product_box .img_wrap .share {
  width: calc(100% - 30px);
  height: 30px;
  margin: 0 auto;
  background-color: #ffffff;
  border-radius: 30px;
  font-size: 1.4rem;
  padding: 7px 0 8px;
  text-align: center;
}
.product_box .model_info {
  width: 50%;
  min-width: 150px;
  flex-direction: column;
  justify-content: space-between;
  padding: 10px 0 15px;
}
.product_box .model_info .ar_box {
  align-items: center;
  justify-content: center;
  width: 48px;
  margin-bottom: 10px;
  border: 1px solid #333333;
  height: 30px;
  font-size: 1.2rem;
}
.product_box .model_info .ar_box b {
  display: inline-block;
  margin: 0 0 1px 3px;
}
.product_box .model_info .model {
  font-size: 12px;
}
.product_box .model_info .name {
  font-size: 16px;
  line-height: 20px;
}
.product_box .model_info .row.top {
  padding-bottom: 8px;
  margin-bottom: 10px;
}
.product_box .model_info .itm_tit {
  font-size: 1.2rem;
}
.product_box .model_info .row.bottom .itm_tit {
  font-size: 1.2rem;
}
.product_box .model_info .row .price {
  margin: 0 5px 2px 0;
  font-size: 1rem;
  color: #999999;
}
.product_box .model_info .row .sale {
  font-size: 1.6rem;
}
.product_box .model_info .row .sale small {
  font-size: 1.2rem;
}
.product_box .model_info .row .itm_val {
  font-size: 1.2rem;
}
.product_box .model_info .row .itm_val small {
  font-size: 1.1rem;
}
.product_box .model_info .alone .itm_val {
  font-size: 1.6rem;
  font-weight: bold;
}
.product_box .model_info .alone .itm_val small {
  font-size: 1.12rem;
}
/* 검색 결과 */
.search_result .product {
  padding: 0;
}
.horizontal {
  width: 100%;
  height: 50px;
  margin-bottom: 20px;
  font-size: 1.4rem;
  overflow-x: scroll;
  border-bottom: 1px solid #f1f1f1;
}
.horizontal .row {
  padding: 0 25px;
  width: 100%;
  height: 100%;
  flex: 1 0 auto;
  align-items: center;
}
.horizontal .row li {
  white-space: nowrap;
}
.horizontal .row li.active {
  color: #009ddc;
  font-weight: bold;
}
.horizontal .row li ~ li {
  margin-left: 30px;
}
.horizontal .row li:last-child {
  padding-right: 25px;
}
.search_result .product_wrap,
.library_list .product_wrap {
  padding: 20px 20px 33px;
}
.result_num {
  margin-left: 6px;
  font-size: 1.4rem;
  white-space: nowrap;
}
.search_result .select_wrap select {
  width: 104px;
  height: 30px;
  border: 1px solid #222222;
  appearance: none;
  -webkit-appearance: none;
  background: #fff;
  padding: 0 20px 0 8.5px;
  background: url("../images/down_arrow.png") no-repeat center right 7px;
  background-size: 13px 9px;
}
.search_result .select_wrap select option {
  width: 100%;
}
.sch_none .warning {
  /* margin-top: 100px; */
  margin-top: 20%;
  text-align: center;
}
.sch_none .warning .img_area {
  width: 100px;
  height: 100px;
  margin: 0 auto;
}
.sch_none .none_txt {
  font-size: 1.4rem;
  margin-top: 19px;
}
/* 검색 결과 카탈로그 */
.search_result .catalogue,
.search_result .manual,
.library_list .catalogue,
.library_list .manual {
  background-color: #f1f1f1;
}

.catalogue > .btn_wrap,
.manual > .btn_wrap {
  padding: 20px 0;
  justify-content: center;
  background-color: #ffffff;
  border-bottom: 1px solid #f1f1f1;
}
.catalogue .btn_wrap .download,
.catalogue .btn_wrap .share,
.manual .btn_wrap .download,
.manual .btn_wrap .share {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 13px 15px;
  font-size: 1.4rem;
  background: #f1f1f1;
  border-radius: 20px;
  font-weight: bold;
}
.catalogue .btn_wrap .download,
.manual .btn_wrap .download {
  margin-right: 5px;
}
.catalogue .btn_wrap .download_icon,
.manual .btn_wrap .download_icon {
  display: inline-block;
  width: 11px;
  height: 11px;
  margin-right: 5px;
  background: url("../images/download.png") no-repeat center;
  background-size: 100% 100%;
}
.catalogue .btn_wrap .share_icon,
.manual .btn_wrap .share_icon {
  display: inline-block;
  margin-right: 5px;
  width: 11px;
  height: 11px;
}
.catalogue .tit_wrap,
.manual .tit_wrap {
  margin: 0 0 15px 5px;
  font-weight: bold;
  font-size: 1.4rem;
}
.catalogue .catalogue_wrap,
.manual .manual_wrap {
  padding: 30px 20px;
}
.catalogue_box,
.manual_box {
  margin-top: 15px;
  padding: 25px;
  background-color: #ffffff;
  border-radius: 10px;
}
.catalogue_box .kinds,
.manual_box .kinds {
  width: auto;
  min-width: 50px;
  height: 30px;
  padding: 0 9px;
  border: 1px solid #333333;
  color: #333333;
  font-size: 1.2rem;
  font-weight: bold;
}
.catalogue_box .btn_wrap .download,
.catalogue_box .btn_wrap .share,
.manual_box .btn_wrap .download,
.manual_box .btn_wrap .share {
  padding: 8px 15px 9px;
  font-size: 1.2rem;
  background: #f1f1f1;
  border-radius: 20px;
}
.catalogue_box .model,
.manual_box .model {
  margin: 16px 0 7px;
  color: #666666;
  font-size: 1.4rem;
}
.catalogue_box .name,
.manual_box .name {
  font-weight: bold;
  line-height: 21px;
}
.catalogue .sch_none,
.manual .sch_none {
  background-color: #ffffff;
  min-height: calc(100vh - 176px);
}
.ui-datepicker {
  margin-top: 10px;
  padding: 0;
}
.ui-datepicker .ui-datepicker-header {
  background-color: #ffffff;
  border: none;
  padding: 0;
}
.ui-datepicker .ui-datepicker-title {
  padding: 19px 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  top: 50%;
  transform: translateY(-50%);
}
.ui-datepicker th {
  padding-bottom: 25px;
  font-size: 12px;
  font-weight: 500;
}
.ui-datepicker tbody tr {
  height: 39px;
}
.ui-datepicker tbody tr td:first-child a {
  color: #d71920;
}
.ui-datepicker .ui-datepicker-prev span {
  background: url("../images/date-arrow-left.png") no-repeat center;
  background-size: 7px 12px;
}
.ui-datepicker .ui-datepicker-next span {
  background: url("../images/date-arrow-right.png") no-repeat center;
  background-size: 7px 12px;
}
.ui-datepicker-title .ui-datepicker-year {
  display: none;
}
.ui-state-default,
.ui-widget-content .ui-state-default {
  width: 35px;
  height: 35px;
  margin: 0 auto;
  border: none;
  background-color: #ffffff;
  color: #666666;
  text-align: center;
  font-size: 12px;
  /* padding: 0 1px 0 0; */
  padding: 0;
  line-height: 35px;
}
.ui-state-highlight,
.ui-widget-content .ui-state-highlight {
  border-radius: 50%;
  color: #ffffff !important;
  background-color: #444444;
}
.ui-state-active,
.ui-widget-content .ui-state-active {
  background: #6ec3e8;
  border-radius: 50%;
  color: #ffffff;
}
/* 제품 목록 */
.data_sch {
  margin: 20px 0;
  font-size: 1.4rem;
}
.data_sch .total_cont {
  margin-left: 5px;
}
.data_sch .detail_btn {
  align-items: center;
  justify-content: center;
  width: 70px;
  height: 30px;
  margin-right: 5px;
  color: #ffffff;
  background: #444444;
  font-weight: bold;
}
.data_sch .select_wrap {
  height: 30px;
}
.data_sch .select_wrap select {
  height: 100%;
  padding: 0 30px 0 10px;
  border: 1px solid #333333;
  color: #333333;
  background: #ffffff;
  background-image: url("../images/down_arrow.png");
  background-repeat: no-repeat;
  background-size: 13px 8px;
  background-position: right 10px center;
  font-size: 14px;
}
.product_list {
  height: 100%;
}
.product_list .scroll {
  height: calc(100% - 60px);
}
.product_list .list_wrap {
  padding: 0 20px;
}
/* **************************** */
.data_sch .product_box .model_info .ar_box {
  font-size: 1.2rem;
}
.data_sch .product_box .model_info .model {
  font-size: 1.2rem;
}
.data_sch .product_box .model_info .name {
  font-size: 1.6rem;
  color: #111111;
}
.data_sch .product_box .model_info .row.top {
  padding-bottom: 8px;
  margin-bottom: 10px;
}
.data_sch .product_box .model_info .itm_tit {
  font-size: 1.4rem;
}
.data_sch .product_box .model_info .row .price {
  font-size: 1rem;
}
.data_sch .product_box .model_info .row .sale {
  font-size: 1.67rem;
}
.data_sch .product_box .model_info .row .sale small {
  font-size: 1.12rem;
}
.data_sch .product_box .model_info .row .itm_val {
  font-size: 1.12rem;
}
.data_sch .product_box .model_info .alone .itm_val {
  font-size: 1.67rem;
  font-weight: bold;
}
.data_sch .product_box .model_info .alone .itm_val small {
  font-size: 0.8em;
}
/* **************************** */
/* 제품 상세페이지 */
.product_detail {
  width: 100vw;
  height: 100vh;
  overflow: hidden;
}
.product_detail .head_scroll {
  /* position: fixed;
	width: 100vw;
	top: 0;
	transition: all 0.2s; */
  background-color: #ffffff;
}
.product_detail.up .head_scroll {
  top: -60px;
  height: 80px;
}
.product_list .head,
.product_detail .head {
  display: flex;
  align-items: center;
}
.product_list .head .select_wrap,
.product_detail .head .select_wrap {
  /* width: 80px; */
  margin: 0 auto;
}
.product_list .head .select_wrap select,
.product_detail .head .select_wrap select {
  width: 100%;
  padding-right: 30px;
  border: none;
  outline: none;
  appearance: none;
  -webkit-appearance: none;
  text-align-last: center;
  background: url("../images/down_arrow.png") no-repeat bottom 5px right;
  background-size: 20px 12px;
  font-weight: bold;
  font-size: 1.8rem;
  color: #333333;
}
.product_list .head .select_wrap select:focus,
.product_detail .head .select_wrap select:focus {
  width: auto;
}
.product_detail .nav_wrap {
  position: relative;
  top: 60px;
  height: 80px;
  align-items: center;
  justify-content: center;
  background-color: #ffffff;
}
.product_detail .nav_wrap .row {
  height: 40px;
  padding: 0 20px;
  background: #f5f5f5;
  border-radius: 20px;
  font-size: 1.4rem;
  /* 결함 수정 */
  font-size: 1.2rem;
}
.product_detail .nav_wrap .row ~ .row {
  margin-left: 8px;
}
.product_detail .nav_wrap .row .list_icon,
.product_detail .nav_wrap .row .share_icon {
  margin-right: 4px;
}
.product_detail .nav_wrap .row .export_icon {
  margin-right: 1px;
}
/* .product_detail .detail_cont {
	position: relative;
	height: calc(100vh - 271px);
	overflow-y: scroll;
	top: 140px;
	transition: all 0.2s;
} */
/* .product_detail .detail_cont iframe {
	transition: all 0.2s;
	height: 100%;
} */
/* .product_detail.up .detail_cont {
	height: calc(100% - 211px);
	margin-top: 80px;
} */
.product_detail .model_info {
  margin-bottom: 15px;
  padding: 0;
}
.product_detail .model_info .price {
  font-size: 2rem;
  margin: 0 10px 0 0;
}
.product_detail .model_info .sale {
  font-size: 2.6rem;
}
.product_detail .model_info .sale small {
  font-size: 1.5rem;
  margin-left: 2px;
}
.product_detail .bottom_wrap {
  position: fixed;
  flex-direction: column;
  /* height: 131px; */
  padding: 21px 20px 20px;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
  width: 100%;
  left: 0;
  bottom: 0;
  z-index: 99;
  background: #fff;
}
.product_detail .bottom_wrap .btn_wrap .row {
  align-items: center;
  justify-content: center;
  height: 50px;
  color: #ffffff;
  flex: 1 0 auto;
}
.product_detail .bottom_wrap .btn_wrap .row ~ .row {
  margin-left: 10px;
}
.product_detail .bottom_wrap .btn_wrap .ar_btn {
  background: #6ec3e8;
  max-width: 100px;
}
.product_detail .bottom_wrap .btn_wrap .ar_btn .ar_icon {
  width: 15px;
  height: 17px;
  background: url("../images/ar_icon-w.png") no-repeat center;
  background-size: 15px 17px;
  margin-right: 5px;
}
.product_detail .bottom_wrap .btn_wrap .detail_btn,
.product_detail .bottom_wrap .btn_wrap .not_mem {
  background: #444444;
}
.product_detail .bottom_wrap .btn_wrap .mem {
  border: 1px solid #333333;
  color: #333333;
}
.ui-selectmenu-button.ui-button {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  width: auto;
  margin: 0;
  border: none;
  background: transparent;
  color: #333333;
  font-family: "Noto Sans KR", sans-serif;
  font-weight: 900;
  text-align: center;
  outline: none;
  line-height: 1.2;
  -webkit-tap-highlight-color: transparent;
}
.ui-selectmenu-text {
  font-size: 1.8rem;
  margin: 0;
}
.ui-button .ui-icon {
  display: inline-block;
  width: 20px;
  height: 12px;
  margin-left: 15px;
  background: url(../images/down_arrow.png) no-repeat center !important;
  background-size: 100% 100% !important;
}
.ui-button:active .ui-icon {
  background: url(../images/down_arrow.png) no-repeat center !important;
  background-size: 100% 100% !important;
}
.ui-menu .ui-menu-item {
  /* padding: 12px 2px; */
  font-size: 1.8rem;
}
.ui-menu .ui-menu-item ~ .ui-menu-item {
  border-top: 1px solid #ededed;
}
.ui-selectmenu-menu .ui-menu-item-wrapper {
  padding: 15px 10px;
}
.ui-selectmenu-menu .ui-state-active {
  border-radius: 0;
  background: #e4f0f5;
  color: #333333;
  border: none;
}
.ui-selectmenu-open {
  /* width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    top: 0 !important;
    left: 0 !important;  주석 20210429_ LSK*/
  width: 80% !important;
  position: absolute;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}
.ui-selectmenu-menu .ui-menu {
  /* width: 80% !important;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%); 주석 20210429_ LSK */
  width: 100% !important;
  border-radius: 4px;
  font-family: "Noto Sans KR", sans-serif;
}
/* 제품 상세 검색 */
.product_search {
  height: 100%;
}
.product_search .close_bk_icon {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 40px;
  height: 40px;
  background-size: 20px 20px;
}
.product_search .filter_wrap {
  height: calc(100% - 150px);
  overflow-y: scroll;
  padding: 0 25px;
}
.product_search .filter_wrap .filter_box {
  padding: 30px 0;
}
.product_search .filter_wrap .filter_box ~ .filter_box {
  border-top: 1px solid #f1f1f1;
}
.product_search .bottom_wrap .btn_wrap .ok {
  background-color: #444444;
  color: #ffffff;
}
.filter_box .filter_tit {
  margin-bottom: 15px;
  font-weight: bold;
}
.filter_box .row {
  flex-wrap: wrap;
}
.filter_box .all {
  display: flex;
  width: 100%;
  margin-bottom: 10px;
}
.filter_box .all .round {
  margin: 0;
}
.filter_box .round {
  display: flex;
  align-items: center;
  border-radius: 15px;
  height: 30px;
  padding: 0 15px;
  font-size: 1.4rem;
  border: 1px solid #222222;
  margin: 0 5px 10px 0;
}
.filter_box .round .state {
  display: inline-block;
  width: 12px;
  height: 8px;
  margin-right: 5px;
  background: url("../images/plus.svg") no-repeat center;
  background-size: 8px 100%;
}
.filter_box .round.active {
  color: #ffffff;
  background-color: #62c3e8;
  border: 1px solid #62c3e8;
  font-weight: bold;
}
.filter_box .round.active .state {
  width: 12px;
  height: 9px;
  background: url("../images/check-w.svg") no-repeat center;
  background-size: 100% 100%;
}
.product_search .bottom_wrap {
  width: 100%;
  height: 90px;
  background-color: #f1f1f1;
  padding: 20px;
}
.product_search .btn_wrap {
  height: 100%;
}
.product_search .btn_wrap .row {
  height: 100%;
  align-items: center;
  justify-content: center;
  border: 1px solid #333333;
  font-weight: bold;
  flex: 1 0 auto;
}
.product_search .btn_wrap .row ~ .row {
  margin-left: 10px;
}
.product_search .btn_wrap .reset {
  background-color: #ffffff;
}
.product_search .btn_wrap .apply {
  background-color: #444444;
  color: #ffffff;
}
/* 카탈로그 */
.library_list {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.library_list .scroll {
  height: calc(100% - 60px);
  background-color: #f1f1f1;
}
.library_list .sch_wrap,
.roundSch_wrap {
  height: 80px;
  background-color: #f1f1f1;
}
.library_list .sch_wrap .sch_box,
.roundSch_wrap .sch_box {
  width: 100%;
  height: 40px;
  margin: 20px 0;
  border-radius: 20px;
  background: #ffffff;
  overflow: hidden;
}
.library_list .sch_wrap .sch_box select,
.roundSch_wrap .sch_box select {
  height: 100%;
  max-width: 150px;
  background-color: #fff;
  border: none;
  padding: 0 30px 0 18px;
  background-position: right 15px center;
  appearance: none;
  -webkit-appearance: none;
  background: url(../images/down_arrow.png) no-repeat center;
  background-size: 13px 8px;
  background-position: right 12px center;
}
.library_list .sch_wrap .sch_box .input_box,
.roundSch_wrap .sch_box .input_box {
  height: 100%;
  border-left: 1px solid #f1f1f1;
}
.library_list .sch_wrap .sch_box .input_box input,
.roundSch_wrap .sch_box .input_box input {
  height: 100%;
}
.library_list .sch_wrap .sch_box .input_box input::placeholder,
.roundSch_wrap .input_box input::placeholder {
  text-align: left;
}

/*
기존 라이브러리 컨텐츠 사용 x 변경 주석 처리 2021-06-10 jylee
.library_list .list_wrap {
	min-height: calc(100% - 80px);
	padding: 10px 20px 40px;
	background-color: #f1f1f1;
}
.library_list .list_wrap .total_count {
	margin-left: 5px;
}
.library_list .list_wrap.sch_none {
	padding-top: 30px;
	background-color: #ffffff;
}
*/

/* 최근 본 제품 */
.recently .horizontal {
  margin-bottom: 0;
}
.recently .recently_wrap {
  height: calc(100% - 108px);
  padding: 30px 20px 50px;
  overflow-y: scroll;
}
.recently .tit_wrap {
  margin-bottom: 15px;
}
/* 공지사항 */
.notice_list {
  height: calc(100vh - 80px);
}
.notice_list .list_wrap {
  height: calc(100% - 60px);
  overflow-y: scroll;
  padding-bottom: 30px;
  border-top: 1px solid #f1f1f1;
  background-color: #f1f1f1;
}
.notice_list .list_wrap .result_num {
  margin-bottom: 10px;
}
.notice_list .list_wrap .notice_box {
  border-radius: 10px;
  background: #ffffff;
  margin-bottom: 15px;
  padding: 25px;
}
.notice_list .list_wrap .notice_box .title {
  margin-bottom: 10px;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 19px;
}
.notice_list .list_wrap .notice_box .date {
  font-size: 1.2rem;
  color: #999999;
}
/* 공지사항 상세 */
.notice_detail,
.promotion {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.notice_detail .detail_wrap,
.promotion .detail_wrap {
  /* min-height: calc(100vh - 150px); */
  height: calc(100vh - 150px);
  overflow-y: scroll;
  padding: 30px 15px;
  border-top: 1px solid #f1f1f1;
}
.notice_detail .detail_wrap .detail_info,
.promotion .detail_wrap .detail_info {
  padding-bottom: 20px;
  border-bottom: 1px solid #f1f1f1;
}
.notice_detail .detail_wrap .detail_info .middle {
  display: inline-block;
  height: 30px;
  line-height: 26px;
  padding: 0 8px;
  margin-bottom: 15px;
  font-size: 1.2rem;
  border: 1px solid #333333;
  color: #333333;
  font-weight: bold;
}
.promotion .detail_wrap .detail_info .middle {
  width: 60px;
  height: 25px;
  margin-bottom: 15px;
  font-size: 1.2rem;
  border: 1px solid #333333;
  color: #333333;
  font-weight: bold;
}
.notice_detail .detail_wrap .detail_info .notice_tit,
.promotion .detail_wrap .detail_info .notice_tit {
  font-weight: bold;
  line-height: 20px;
}
.notice_detail .detail_wrap .detail_info .notice_info,
.promotion .detail_wrap .detail_info .notice_info {
  margin-top: 10px;
  color: #666666;
  font-size: 1.2rem;
  white-space: nowrap;
}
.notice_detail .detail_wrap .detail_info .notice_info .itm,
.promotion .detail_wrap .detail_info .notice_info .itm {
  display: flex;
  align-items: center;
  margin-right: 15px;
}
.notice_detail .detail_wrap .detail_info .notice_info .dot,
.promotion .detail_wrap .detail_info .notice_info .dot {
  background: url("../images/dot.png") no-repeat center;
  width: 2px;
  height: 2px;
  margin-right: 5px;
}
.promotion .detail_wrap .cont {
  /* height: calc(100% - 100px); */
  padding-top: 20px;
}
.notice_detail .detail_wrap .cont {
  padding: 25px 10px;
  font-size: 1.4rem;
  color: #666666;
  white-space: pre-wrap;
  line-height: 19px;
}
.control_wrap {
  height: 90px;
  padding: 20px;
  background-color: #f1f1f1;
}
.control_wrap .btn {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 50px;
  flex: 1;
  border: 1px solid #222222;
  background-color: #ffffff;
}
.control_wrap .btn.list {
  background-color: #444444;
  color: #ffffff;
}
.control_wrap .btn ~ .btn {
  margin-left: 10px;
}
.control_wrap .btn:first-child {
  margin-left: 0;
}
.control_wrap .btn .prev_icon {
  background: url("../images/prev.png") no-repeat center;
  margin-right: 15px;
}
.control_wrap .btn .next_icon {
  background: url("../images/next.png") no-repeat center;
  margin-left: 15px;
}
.control_wrap .btn .arrow {
  display: inline-block;
  width: 7px;
  height: 12px;
  background-size: 100% 100%;
}
/* ar목록 */
.arList_wrap {
  height: calc(100vh - 60px);
  overflow: scroll;
}
.arList_wrap .model_wrap .model_inner {
  width: 100vw;
  margin: 0 -20px;
  padding: 0 10px;
}
.arList_wrap .model_wrap .result_num {
  margin: 15px 5px;
}
.arList_wrap .model_wrap .model_box {
  margin: 0 10px 30px;
}
.arList_wrap .model_wrap .model_box.half {
  width: calc(50% - 20px);
}
.arList_wrap .model_wrap .model_box.half .model_info .name {
  display: -webkit-box;
  height: 3.6rem;
  height: 44px;
  margin-bottom: 0;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  overflow: hidden;
  word-break: keep-all;
  -webkit-box-orient: vertical;
}
/* ar 체험 가이드 */
.arview .tab_nav {
  height: 50px;
  line-height: 50px;
  border-bottom: 1px solid #f1f1f1;
}
.arview .tab_cont {
  height: calc(100vh - 210px);
  overflow-y: scroll;
  padding: 0 20px;
}
.arview .view_swiper,
.arview .view_swiper2 {
  width: 100%;
  position: relative;
  overflow: hidden;
}
.arview .swiper-slide {
  background-color: #ffffff;
}
.arview .swiper-slide .step_img {
  margin: 30px 0;
}
.arview .swiper-slide .step_txt {
  margin-bottom: 15px;
  font-size: 2rem;
  font-weight: bold;
}
.arview .swiper-slide .step_txt .btn_tip {
  position: relative;
  width: 48px;
  height: 20px;
  display: inline-block;
  margin-left: 4px;
}
.arview .swiper-slide .step_txt .btn_tip img {
  height: 100%;
  vertical-align: bottom;
}
.arview .swiper-slide .step_txt .btn_tip.normal {
  width: 40px;
}
.arview .swiper-slide .step_txt .btn_tip .tip_box {
  display: none;
  position: absolute;
  top: 22px;
  left: 50%;
  min-width: 198px;
  height: 71px;
  padding: 10px 10px 15px 10px;
  background: url("../images/tip_txt_v.png") no-repeat;
  background-size: 100% 100%;
  color: #ffffff;
  font-weight: 400;
  font-size: 1.2rem;
  white-space: nowrap;
  line-height: 1.3;
  text-align: left;
  transform: translate(-50%, 0);
  z-index: 1;
}
.arview .swiper-slide .explan {
  margin-bottom: 20px;
  font-size: 1.2rem;
}
.arview .swiper-slide .explan b {
  color: #009ddc;
}
.arview .swiper-button-next {
  background: url("../images/date-arrow-right.png") no-repeat right center;
}
.arview .swiper-button-prev {
  background: url("../images/date-arrow-left.png") no-repeat left center;
}
.arview .swiper-button-next,
.arview .swiper-button-prev {
  top: 57%;
  width: 30px;
  height: 40px;
  margin-top: auto;
  background-size: 12px 20px;
  font-size: 0;
  opacity: 1 !important;
}
.arview .swiper-button-next:after,
.arview .swiper-button-prev:after {
  font-size: 0;
}
.arview .phone {
  width: 73.5%;
  margin: 0 auto;
  transform: translateX(21px);
}
.ar_shortcut {
  position: fixed;
  bottom: 0;
  width: 100%;
  padding: 0 20px 20px;
  z-index: 99;
}
.ar_shortcut button {
  width: 100%;
  height: 60px;
  background: #333333;
  color: #ffffff;
  font-size: 16px;
  font-weight: bold;
  font-family: "Noto Sans KR", sans-serif;
}
/* WebAR */
.product_webar .head{
  border-bottom: unset;
}
.web-ar {
  width: 100%;
  max-width: 720px;
  margin: 0 auto;
  text-align: center;
}
.web-ar h1 {
  padding-bottom: 20px;
}
.web-ar h1 span {
  display: inline-block;
  padding-top: 48px;
  font-size: 22px;
  color: #333;
  font-weight: bold;
  letter-spacing: -0.025em;
  background: url("../images/web_ar_logo.png") no-repeat center top / 31px;
}
.web-ar-cont {
  padding: 0 20px;
  height: calc(100vh - 230px);
  overflow: auto;
}
.web-ar-cont .cont-table {
  display: table;
  width: 100%;
  height: 100%;
}
.web-ar-cont .cont-table .cont-sell {
  display: table-cell;
  vertical-align: middle;
}
.web-ar-cont h2 {
  font-size: 16px;
  font-weight: bold;
  color: #333;
  letter-spacing: -0.025em;
}
.web-ar-guide{
  margin: 20px auto 0px auto;
}

.web-ar-guide span {
  text-align: center;
  font: normal normal normal 12px/17px Noto Sans CJK KR;
  letter-spacing: -0.84px;
  color: #666666;
  opacity: 1;
}

.color-select {
  padding: 30px 0;
  margin-bottom: 40px;
  background: #f1f1f1;
  border-radius: 10px;
}
.color-select h2 {
  margin-bottom: 20px;
}
.color-list button {
  display: block;
  width: 60%;
  max-width: 240px;
  min-width: 196px;
  height: 50px;
  margin: 0 auto 10px;
  padding: 0 22px;
  border-radius: 50px;
  text-align: left;
  background: #fff;
  border: 3px solid transparent;
}
.color-list button.active {
  border-color: #6fc3e7;
}
.color-list button:last-child {
  margin-bottom: 0;
}
.color-list button .cl-txt strong {
  display: inline-block;
  margin-left: 6px;
  vertical-align: middle;
  font-weight: normal;
  font-size: 13px;
  color: #222;
  letter-spacing: -0.05em;
}
.color-list button .cl-ico {
  display: inline-block;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: 2px solid transparent;
  vertical-align: middle;
}
.btn-wrap {
  padding: 20px;
}
.btn-style1 {
  display: block;
  background: #333;
}
.btn-style1 span {
  display: inline-block;
  font-size: 16px;
  line-height: 50px;
  color: #fff;
  font-weight: bold;
  vertical-align: middle;
}
.build-guide h2 {
  margin-bottom: 6px;
}
.guide-list {
  overflow: hidden;
  padding: 0 14px;
}
.guide-list li {
  float: left;
  width: 33.333333%;
}
.guide-list li .gl-txt {
  font-size: 12px;
  letter-spacing: -0.025em;
  line-height: 1.4;
  color: #333;
}

/* modify */
/* .allwrap.prd-fixed .product_detail .detail_cont {height: calc(100vh - 211px);} */
/* .allwrap.prd-fixed .product_detail .prd-cont  {transform: translateY(-60px); height: calc(100vh + 60px);} */

/* .product_list {padding-top: 60px;}
.product_list .head {position:fixed; left:0; top:0; width:100%; background-color:#fff; z-index:2;} */
/* .product_list .scroll {position:relative; top:61px;} */

.product_list {
  height: 100%;
  overflow: hidden;
}
.product_list .prd-list-scroll {
  height: calc(100% - 60px);
  overflow-y: scroll;
}
.product_list .list_wrap {
  padding-bottom: 45px;
}
.product_box .model_info .row.top {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: 0;
}
.product_box .model_info .row.center + .row.center {
  border-top: 1px solid #ddd;
  margin-top: 8px;
  padding-top: 10px;
}

.prddetailpage .content {
  overflow: hidden;
}
.prddetailpage,
.prddetailpage body {
  overflow: hidden;
}
.prddetailpage .allwrap {
  width: 100vw;
  height: 100vh;
}

.ui-select-wrap {
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  top: 0;
  left: 0;
  z-index: 999;
  display: none;
}
.ui-select-wrap.ui-select-wrap-open {
  display: block;
}

.ui-datepicker {
  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%, -50%);
  margin-top: -20px;
}
.ui-datepicker .title {
  padding: 14px 0;
  text-align: center;
  font-size: 1.4rem;
  color: #111;
  font-weight: bold;
  border-bottom: 1px solid #ddd;
}
.ui-datepicker-wrap {
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  top: 0;
  left: 0;
  z-index: 999;
  display: none;
}
.ui-datepicker-wrap.ui-datepicker-open {
  display: block;
}

.roundSch_wrap .sch_box {
  padding: 0;
  display: block;
}
.roundSch_wrap .sch_box.head .input_wrap {
  padding-bottom: 0;
}
.roundSch_wrap .sch_box.head .input_wrap input {
  width: 100% !important;
  padding-right: 50px;
}
.roundSch_wrap .sch_box.head .input_wrap input::placeholder {
  padding-left: 30px;
  text-align: center;
}

.recently .recently_wrap {
  height: calc(100vh - 181px);
}
.nav .row {
  height: 80px;
}

.tab-list {
  display: table;
  width: 100%;
  height: 50px;
}
.tab-list > li {
  position: relative;
  display: table-cell;
  width: 50%;
  text-align: center;
  vertical-align: middle;
}
.tab-list > li::after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  height: 12px;
  margin-top: -6px;
  border-left: 1px solid #ddd;
}
.tab-list > li:first-child::after {
  display: none;
}
.tab-list > li a {
  font-size: 1.4rem;
  line-height: 50px;
  color: #222;
}
.tab-list > li a span {
  padding: 3px 0;
}
.tab-list > li.active a span {
  font-weight: bold;
  border-bottom: 1px solid #222;
}

.menu-itm-more {
  position: relative;
}
.menu-itm-more .ico-menu-more {
  position: absolute;
  right: 5px;
  top: 50%;
  margin-top: -4.5px;
  width: 16px;
  height: 9px;
  background: url(../images/ico_down_arrow.png) no-repeat center center / 100%;
}
.menu-itm-more + .sub_wrap {
  display: none;
  padding: 14px;
  border-bottom: 1px solid #ddd;
}
.active .menu-itm-more .ico-menu-more {
  transform: rotate(-180deg);
}
.active .menu-itm-more + .sub_wrap {
  display: block;
}

.main .main_header .row {
  display: block;
  text-align: center;
}
.m_menu .menu_sec .menu_itm {
  margin-bottom: 0;
}
.main .category .row.top .itm:nth-child(3) {
  background: url("../images/ico_body.png") no-repeat center top 15px;
}
.m_menu .app_wrap .row {
  margin-top: 20px;
}
.m_menu .app_wrap .row:first-child {
  margin-bottom: 0;
  margin-top: 0;
}

.nav .row .ar-icon {
  width: 22px;
  height: 25px;
  background: url("../images/icon_navar.png") no-repeat center;
}
.nav .row .active .ar-icon {
  background: url("../images/icon_navar_on.png") no-repeat center;
}
.product_detail .nav_wrap .row ~ .row {
  margin-left: 5px;
}
.product_detail .nav_wrap .row {
  padding: 0 14px;
}
.product_box .img_wrap {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.product_box .img_wrap .share .share_btn {
  display: flex;
  justify-content: center;
}
.product_box .img_wrap .share .share_btn .share_icon {
  margin-right: 4px;
}

.btn-price-toogle {
  position: absolute;
  left: calc(50% - 39px);
  top: -20px;
  width: 77px;
  height: 20px;
  border: solid 1px #f5f5f5;
  border-bottom: 0;
  background-color: #ffffff;
  border-radius: 4px 4px 0 0;
}
.btn-price-toogle strong {
  font-size: 0;
  overflow: hidden;
  width: 0;
  height: 0;
}
.btn-price-toogle .ico-bars {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.btn-price-toogle .ico-bars span {
  display: block;
  margin-top: 2px;
  width: 25px;
  height: 2px;
  border-radius: 1px;
  background-color: #333333;
}
.btn-price-toogle .ico-bars span:first-child {
  margin-top: 0;
}

.product_detail {
  position: relative;
}
.product_detail .head_scroll {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  transition: 0.2s all;
  z-index: 1;
}
.product_detail .detail_cont {
  position: fixed;
  left: 0;
  top: 140px;
  width: 100%;
  height: calc(100% - 80px);
  transition: 0.2s all;
  overflow: hidden;
}
.product_detail .detail_cont iframe {
  width: 100%;
  height: 100%;
}
.product_detail .bottom_wrap {
  transition: 0.2s all;
  z-index: 2;
}
.product_detail .bottom_wrap.active {
  transform: translateY(132px);
}
.product_detail .soldout.active {
  transform: translateY(91px);
}

.allwrap.prd-fixed .product_detail .head_scroll {
  transform: translateY(-60px);
}
.allwrap.prd-fixed .product_detail .detail_cont {
  transform: translateY(-60px);
}
.prd-fixed .product_detail .bottom_wrap {
  transform: translateY(132px);
}
.prd-fixed .product_detail .soldout {
  transform: translateY(91px);
}
.prd-fixed .product_detail .bottom_wrap.fixed-active {
  transform: translateY(0);
}

.loading-wrap {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
  background: rgba(0, 0, 0, 0.6);
}
.loading-icons {
  position: absolute;
  left: calc(50% - 40px);
  top: calc(50% - 23px);
  animation: changeBg 1s infinite step-start;
  width: 80px;
  height: 46px;
  background-size: 70%;
  background-repeat: no-repeat;
  background-position: center center;
}
.main .user_info .view_item:nth-of-type(2) .name,
.main .user_info .view_item:nth-of-type(2) .val {
  color: #ccc;
}

.scroll-top {
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
  position: absolute;
  right: 15px;
  bottom: 90px;
  width: 50px;
  height: 50px;
  background: url(../images/scrolltop.svg) no-repeat center;
  background-size: 100% 100%;
}

.library_list .sch_wrap .sch_box,
.roundSch_wrap .sch_box {
  position: relative;
  display: block;
  padding-left: 138px;
}
.library_list .sch_wrap .sch_box select,
.roundSch_wrap .sch_box select {
  position: absolute;
  left: 0;
  top: 0;
  width: 138px;
  max-width: 138px;
}
.library_list .sch_wrap .sch_box .input_box,
.roundSch_wrap .sch_box .input_box {
  width: 100%;
}
.notice_list .roundSch_wrap .sch_box {
  padding-left: 0;
}

.popup-target-link {
  display: block;
  margin-top: 10px;
  color: #6ec3e8;
  word-break: break-word; /* overflow: hidden; text-overflow: ellipsis; white-space: nowrap; */
  font-weight: bold;
  text-decoration: underline;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  line-height: 20px;
  max-height: 44px;
}

.arview .swiper-button-next.swiper-button-disabled,
.arview .swiper-button-prev.swiper-button-disabled {
  display: none;
}

.mainPage .allwrap {
  overflow: hidden;
}
.mainPage .content {
  -webkit-overflow-scrolling: touch;
}
.mainPage .content.scrolling {
  overflow: hidden;
}
.main .model_wrap {
  font-size: 0;
  padding: 0 15px;
}
.tab1 .model_wrap .model_box.half:nth-of-type(even),
.tab2 .model_wrap .model_box.half:nth-of-type(odd) {
  margin-right: 0;
}
.main .model_wrap .model_box,
.main .model_wrap .model_box.half {
  margin: 0 5px 50px;
}

/* 카탈로그, 매뉴얼 카테고리 css 임시 주석 2021-07-21 jylee  */
/* .search_result .catalogue, .search_result .manual {background: transparent;} */
.search .chart .search_terms > p {
  white-space: nowrap;
  width: calc(100% - 30px);
  overflow: hidden;
  text-overflow: ellipsis;
}
.search .chart .search_terms > p br {
  display: none;
}
.main .notice .card .notice_txt > p {
  margin-top: 0 !important;
}
.main .notice .card .notice_txt * {
  display: block;
}

.search_result .head .input_wrap input,
.search .head .input_wrap input {
  padding-right: 45px;
}
.sch_none .none_txt {
  word-break: break-all;
  overflow: hidden;
}

.product_detail .model_info .price em,
.product_detail .model_info .price small {
  font-size: 12px;
}
.product_detail .model_info .sale strong {
  font-weight: bold;
}
.product_detail .model_info .sale strong em {
  font-size: 15px;
  font-weight: normal;
}
.product_detail .model_info .sale strong em:last-child {
  margin-left: 2px;
}

.product_detail .bottom_wrap .btn_wrap .btn_soldout {
  display: none;
  color: #fff;
  background: #bec8cc;
  border-color: #bec8cc;
}

.product_detail .bottom_wrap.soldout .model_info {
  display: none;
}
.product_detail .bottom_wrap.soldout .btn_wrap .detail_btn,
.product_detail .bottom_wrap.soldout .btn_wrap .not_mem,
.product_detail .bottom_wrap.soldout .btn_wrap .mem {
  display: none;
}
.product_detail .bottom_wrap.soldout .btn_wrap .btn_soldout {
  display: flex;
}

/* 상세검색 */
.cate_check {
  padding: 30px 0;
}
.layCon {
  height: calc(100% - 150px);
  overflow-y: scroll;
  padding: 0 25px;
}
.product_search .cate_check ~ .cate_check {
  border-top: 1px solid #f1f1f1;
}
.product_search .cate_check.radio {
  border-bottom: 1px solid #f1f1f1;
  padding-bottom: 20px;
}
.cate_check .title_wrap .h4_tit {
  margin-bottom: 15px;
  font-weight: bold;
}
.cate_check .inp_wrap {
  display: none;
}
.cate_check .btn_wrap {
  display: flex;
  flex-wrap: wrap;
}
.cate_check .btn_wrap label {
  display: flex;
  align-items: center;
  border-radius: 15px;
  height: 30px;
  padding: 0 15px;
  font-size: 1.4rem;
  border: 1px solid #222222;
  margin: 0 5px 10px 0;
}
.cate_check .btn_wrap label::before {
  content: "";
  display: inline-block;
  width: 12px;
  height: 8px;
  margin-right: 5px;
  background: url(../images/plus.svg) no-repeat center;
  background-size: 8px 100%;
}
.cate_check .btn_wrap label.on {
  color: #ffffff;
  background-color: #62c3e8;
  border: 1px solid #62c3e8;
  font-weight: bold;
}
.cate_check .btn_wrap label.on::before {
  width: 12px;
  height: 9px;
  background: url(../images/check-w.svg) no-repeat center;
  background-size: 100% 100%;
}
.product_search .layBtn {
  display: flex;
  width: 100%;
  height: 90px;
  background-color: #f1f1f1;
  padding: 20px;
}
.product_search .layBtn .btnBasic {
  display: flex;
  width: auto;
  height: 100%;
  align-items: center;
  justify-content: center;
  border: 1px solid #333333;
  font-weight: bold;
  flex: 1 0 auto;
}
.product_search .layBtn .btnBasic ~ .btnBasic {
  margin-left: 10px;
}
.product_search .layBtn .btnBasic.reset {
  background-color: #ffffff;
}
.product_search .layBtn .btnBasic.auto {
  background-color: #444444;
  color: #ffffff;
}

/* 공지사항 */
.notice_list .none_txt {
  text-align: center;
  padding: 20vh 0;
}

/* 판애인 - 가격상세보기 */
.layer-popup-wrap {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  z-index: 99;
}
.layer-popup-wrap .layer-head {
  padding: 0 20px;
  height: 60px;
  border-bottom: 1px solid #f1f1f1;
}
.layer-popup-wrap .layer-head h2 {
  text-align: center;
  line-height: 60px;
  font-size: 1.8rem;
  font-weight: bold;
}
.layer-popup-wrap .btn-close {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 40px;
  height: 40px;
  background-size: 20px 20px;
}
.layer-popup-wrap .layer-popup {
  position: absolute;
  left: 0;
  top: 61px;
  bottom: 0;
  width: 100%;
  overflow-y: auto;
  word-break: break-all;
}
.product_search {
  letter-spacing: -0.03em;
}
.product_search .notice_list {
  height: auto;
}
.product_search .cont_heart {
  padding: 18px 0;
}
.product_search .cont_heart h5 {
  margin: 0 0 13px;
  font-size: 16px;
  font-weight: 700;
}
.product_search .cont_heart h6 {
  margin: 30px 0 13px;
  font-size: 16px;
  font-weight: 700;
}
.product_search .cont_view .tit-block {
  display: block;
  float: none;
  font-size: 16px;
  font-weight: 700;
}
.product_search .cont_view .tit-margin1 {
  margin-top: 0;
}
.product_search .cont_heart .scroll_box {
  position: relative;
  overflow-x: auto;
  padding: 0 1px 10px 0;
  -webkit-overflow-scrolling: touch;
}
.product_search table {
  table-layout: fixed;
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  color: #1b2529;
  line-height: 1.3;
}
.product_search caption {
  overflow: hidden;
  width: 0;
  height: 0;
  font-size: 0;
  line-height: 0;
  text-indent: -50000px;
}
.product_search .cont_heart .tablebox.type2 table {
  border-top: 2px solid #1b2529;
  border-bottom: 1px solid #f2f4f5;
}
.product_search .cont_heart .tablebox.type2 table tr {
  border-top: 1px solid #f2f4f5;
  text-align: center;
}
.product_search .cont_heart .tablebox.type2 th,
.product_search .cont_heart .tablebox.type2 td {
  padding: 13px 10px;
  text-align: left;
  font-size: 1.4rem;
  word-break: break-all;
  border-right: 1px solid #f2f4f5;
  vertical-align: middle;
}
.product_search .cont_heart .tablebox.type2 th {
  word-break: break-all;
  font-weight: bold;
}
.product_search .cont_heart .tablebox.type2 td {
  color: #90a0a6;
}
.product_search .cont_heart .notice_list {
  margin-top: 12px;
}
.product_search .cont_heart .notice_list li {
  margin-top: 5px;
  padding-left: 13px;
  font-size: 1.3rem;
  line-height: 1.6;
  color: #bec8cc;
  word-wrap: break-word;
  word-break: keep-all;
}
.product_search .cont_heart .notice_list li::before {
  content: "·";
  display: block;
  float: left;
  margin: -8px 0 0 -13px;
  font-size: 25px;
}
.product_search .cont_heart .cardinfo-list {
  display: none;
  overflow: hidden;
  overflow-x: auto;
  width: 100%;
  margin-top: 22px;
  padding-bottom: 10px;
  white-space: nowrap;
  font-size: 0;
  -webkit-overflow-scrolling: touch;
}
.product_search .cont_heart .cardinfo-list li {
  display: inline-block;
  vertical-align: top;
  width: 90px;
  font-size: 1.3rem;
  color: #90a0a6;
  border: 0;
}
.product_search .cont_heart .cardinfo-list li + li {
  margin-left: 20px;
}
.product_search .cont_heart .txt_tip {
  display: none;
  font-size: 1.2rem;
  line-height: 27px;
}
.product_search .pc_break {
  display: none !important;
}
.product_search .read_more {
  display: none;
}

.pricePopupOn .seller-detail-price {
  display: block;
}
.promotion a {
  width: auto;
  height: auto;
}

/* 메인 리스트 ar버튼 추가작업 */
.model_wrap .model_box .ar_box {
  align-items: center;
  justify-content: center;
  width: 48px;
  margin-bottom: 10px;
  border: 1px solid #333333;
  height: 30px;
  font-size: 12px;
}
.model_wrap .model_box .ar_box b {
  display: inline-block;
  margin: 0 0 1px 3px;
}
.model_wrap .model_box .img_box .img_area .ar_box {
  position: absolute;
  right: 10px;
  top: 10px;
}
.product_list .head .select_wrap .ui-selectmenu-button.ui-button option,
.product_detail .head .select_wrap .ui-selectmenu-button.ui-button option {
  display: none;
}

/* 프로모션 상세 페이지  */
.promotionpage .allwrap {
  overflow-x: auto;
  display: block;
  height: auto;
}
.promotionpage .content {
  overflow-y: auto;
  height: auto;
}
.promotionpage .promotion {
  display: block;
  height: auto;
  padding-top: 60px;
  padding-bottom: 90px;
}
.promotionpage .head {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  background: #fff;
  border-bottom: 1px solid #f1f1f1;
  z-index: 99;
}
.promotionpage .promotion .detail_wrap {
  height: auto;
  overflow-y: auto;
  border-top: 0;
  padding: 30px 0;
}
.promotionpage .promotion .detail_wrap .cont {
  padding-top: 0;
}
.promotionpage .promotion .detail_wrap .detail_info {
  padding: 0 15px 20px 15px;
}
.promotionpage .control_wrap {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 99;
}

.product_detail .model_info .itm_tit {
  font-size: 1.4rem;
}
.product_detail .model_info .price {
  font-size: 1.6rem;
  margin-right: 5px;
}
.product_detail .model_info .sale {
  font-size: 2rem;
}
.product_box .model_info .alone .itm_tit {
  font-size: 1.1rem;
  letter-spacing: -0.05rem;
}
.product_box .model_info .row.alone .price {
  margin-right: 2px;
  margin-bottom: 0;
  letter-spacing: -0.05rem;
}
.product_box .model_info .alone .itm_val {
  font-size: 1.3rem;
  letter-spacing: -0.05rem;
}

@keyframes changeBg {
  0%,
  100% {
    background-image: url("../images/load_image1.png");
  }
  20% {
    background-image: url("../images/load_image2.png");
  }
  40% {
    background-image: url("../images/load_image3.png");
  }
  60% {
    background-image: url("../images/load_image4.png");
  }
  80% {
    background-image: url("../images/load_image5.png");
  }
}

/* mobile - fold size */
@media all and (min-width: 584px) {
  /* 메인 */
  .m_menu .app_wrap {
    padding-left: 7%;
    padding-right: 7%;
  }
  .m_menu .app_wrap::after {
    content: "";
    display: block;
    clear: both;
  }
  .m_menu .app_wrap .row:nth-of-type(1) {
    float: left;
    width: 50%;
  }
  .m_menu .app_wrap .row:nth-of-type(2) {
    float: left;
    width: 50%;
    margin-top: 0;
  }
  .m_menu .app_wrap .row:nth-of-type(3) {
    clear: both;
  }
  .popup_zone .popup_wrap {
    max-width: 400px;
    margin: 0 auto;
  }

  /* 상품 리스트 */
  .product_list .list_wrap {
    padding-right: 10px;
    padding-left: 10px;
  }
  .product_list .list_wrap::after {
    content: "";
    display: block;
    clear: both;
  }
  .product_list .product_box {
    float: left;
    width: 50%;
    padding: 0 10px;
  }
  .product_list .product_box .img_wrap {
    margin-right: 15px;
  }
  .product_list .product_box .model_info {
    min-height: 192px;
  }
  .product_box .img_wrap {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }

  /* 최근 본 제품 - 상품 리스트 */
  .recently_wrap .list_wrap {
    margin-right: -10px;
    margin-left: -10px;
  }
  .recently_wrap .list_wrap::after {
    content: "";
    display: block;
    clear: both;
  }
  .recently_wrap .product_box {
    float: left;
    width: 50%;
    padding: 0 10px;
  }
  .recently_wrap .product_box .img_wrap {
    margin-right: 15px;
  }
  .recently_wrap .product_box .model_info {
    min-height: 192px;
  }

  /* 라이브러리 리스트 */
  .catalogue .catalogue_wrap,
  .manual .manual_wrap {
    padding-left: 15px;
    padding-right: 15px;
  }
  .library_list .sch_wrap .sch_box .input_box input,
  .roundSch_wrap .sch_box .input_box input {
    width: 100%;
  }
  .catalogue_box,
  .manual_box {
    display: inline-block;
    width: calc(50% - 10px);
    margin-right: 5px;
    margin-left: 5px;
    padding: 20px;
    vertical-align: top;
    min-height: 160px;
  }
  .catalogue_box .kinds,
  .manual_box .kinds {
    font-size: 1.1rem;
  }
  .catalogue_box .btn_wrap .download,
  .catalogue_box .btn_wrap .share,
  .manual_box .btn_wrap .download,
  .manual_box .btn_wrap .share {
    padding: 8px 10px 9px;
    font-size: 1.1rem;
  }

  /* AR체험가이드 */
  .arview .phone {
    width: 220px;
  }

  /* 검색 */
  .search .product_wrap {
    margin-right: -10px;
    margin-left: -10px;
  }
  .search .product_wrap::after {
    content: "";
    display: block;
    clear: both;
  }
  .search .product_box {
    float: left;
    width: 50%;
    padding: 0 10px;
  }
  .search .product_box .img_wrap {
    margin-right: 15px;
  }
  .search .product_box .model_info {
    min-height: 192px;
  }
  .search_result .product_wrap {
    padding-right: 10px;
    padding-left: 10px;
  }
  .search_result .product_wrap::after {
    content: "";
    display: block;
    clear: both;
  }
  .search_result .product .tit_wrap {
    padding-right: 10px;
    padding-left: 10px;
  }
  .search_result .product_box {
    float: left;
    width: 50%;
    padding: 0 10px;
  }
  .search_result .product_box .img_wrap {
    margin-right: 15px;
  }
  .search_result .product_box .model_info {
    min-height: 192px;
  }
  .sch_none .warning {
    margin-top: 100px;
  }
}

/* mobile */
@media only screen and (max-width: 330px) {
  .model_wrap .model_box.half .model_info .row .itm_tit {
    font-size: 1rem;
  }
  .model_wrap .model_box.half .model_info .row .sale {
    font-size: 1.4rem;
  }
  .product_detail .nav_wrap .row {
    padding: 0 9px;
    font-size: 1rem;
  }
  .arview .swiper-slide .explan {
    font-size: 1.1rem;
  }
  /*.library_list .sch_wrap .sch_box .input_box, .roundSch_wrap .sch_box .input_box {width: calc(100% - 126px)} */
  .library_list .sch_wrap .sch_box .input_box input,
  .roundSch_wrap .sch_box .input_box input {
    width: 100%;
    padding: 0 15px;
  }
  .library_list .sch_wrap .sch_box .input_box input::placeholder,
  .roundSch_wrap .sch_box .input_box input::placeholder {
    font-size: 11px;
  }
  .catalogue_box,
  .manual_box {
    padding: 18px;
  }
  .catalogue_box .kinds,
  .catalogue_box .btn_wrap .download,
  .catalogue_box .btn_wrap .share,
  .manual_box .kinds,
  .manual_box .btn_wrap .download,
  .manual_box .btn_wrap .share {
    font-size: 1.1rem;
  }
  .library_list .sch_wrap .sch_box,
  .roundSch_wrap .sch_box {
    padding-left: 120px;
  }
  .library_list .sch_wrap .sch_box select,
  .roundSch_wrap .sch_box select {
    width: 120px;
    max-width: 120px;
    font-size: 11px;
  }
  .library_list .sch_wrap .sch_box .input_box input,
  .roundSch_wrap .sch_box .input_box input {
    font-size: 11px;
  }

  .product_detail .model_info .itm_tit {
    font-size: 1.3rem;
  }
  .product_detail .model_info .price {
    font-size: 1.5rem;
  }
  .product_detail .model_info .sale {
    font-size: 2rem;
  }
}